{"version":3,"file":"index-a7a1656d.js","sources":["../../../src/components/v-icon.vue","../../../src/common/index.js","../../../src/common/load.js","../../../src/common/tree.js","../../../src/components/v-table/v-table.js","../../../src/components/v-table/v-table.vue","../../../src/components/v-forms/v-radio-button.vue","../../../src/common/init-table.js","../../../src/components/v-forms/v-item-picker/v-item-modal.vue","../../../src/components/v-forms/v-item-picker/v-item-picker.vue","../../../src/components/v-forms/v-picker-icon.vue","../../../src/components/v-batch.vue","../../../src/components/v-table/v-pop/v-pop.vue","../../../src/components/v-table/v-pop/v-pop.js","../../../src/config/api.js","../../../src/Home.vue","../../../src/App.vue","../../../src/common/mask.js","../../../src/components/v-form.vue","../../../src/components/v-table/v-modal.vue","../../../src/main.js","../../../src/common/imports.js"],"sourcesContent":["<script>\r\nimport {h} from 'vue'\r\nimport * as $icon from '@ant-design/icons-vue';\r\n\r\n\r\n/**\r\n * 自动引入antd icon图标\r\n * */\r\nexport default {\r\n  props: {\r\n    icon: {\r\n      default: \"BulbOutlined\"\r\n    },\r\n    size: {\r\n      default: '15px'\r\n    }\r\n  },\r\n  setup(props) {\r\n\r\n    /**\r\n     * 判断是icon还是antd的图标\r\n     * */\r\n    if (props.icon && props.icon.indexOf('icon-') !== -1) {\r\n      return () => h(\r\n          'i',\r\n          {\r\n            class: \"iconfont \" + props.icon,\r\n            style: {fontSize: props.size}\r\n          });\r\n    } else {\r\n\r\n\r\n      return () => h(\r\n          !$icon[props.icon] ? $icon['BulbOutlined'] : $icon[props.icon],\r\n          {\r\n            style: {fontSize: props.size}\r\n          });\r\n\r\n    }\r\n\r\n\r\n  }\r\n}\r\n\r\n</script>\r\n","/*\r\n* 一些公共的方法\r\n* */\r\n\r\n\r\n/*\r\n* 获取两个日期的所有中间日期\r\n*\r\n* start,end ,dayjs对象\r\n* */\r\nimport dayjs, {isDayjs} from \"dayjs\";\r\nimport {cloneDeep, debounce} from \"lodash\";\r\nimport {computed, reactive, ref, isRef, watch} from \"vue\";\r\n\r\n\r\n/**\r\n * 获取指定时间范围内的日期\r\n * @param start\r\n * @param end\r\n * @param format\r\n * @returns {*[]}\r\n */\r\nexport function getDays(start, end, format = \"YYYY-MM-DD\") {\r\n\r\n    let days = [];\r\n    let temp = start; //中间日期\r\n\r\n    /*start大于等于end*/\r\n    if (start.isAfter(end)) {\r\n        return days;\r\n    }\r\n\r\n    /*相同那就是一天*/\r\n    if (start.isSame(end)) {\r\n        days.push(temp.format(format)); //默认第一天\r\n    }\r\n\r\n    /*遍历所有中间日期*/\r\n    // eslint-disable-next-line\r\n    while (1) {\r\n\r\n\r\n        temp = temp.add(1, 'day'); //加1\r\n\r\n        if (temp.isAfter(end)) {\r\n            break;\r\n        }\r\n\r\n        days.push(temp.format(format));\r\n\r\n    }\r\n\r\n\r\n    return days;\r\n}\r\n\r\n\r\n/**\r\n * 延迟执行\r\n * @param callback\r\n * @param time\r\n */\r\nexport function delay(callback, time) {\r\n    let timer = setTimeout(() => {\r\n        clearTimeout(timer);\r\n        callback();\r\n    }, time);\r\n}\r\n\r\n\r\n/**\r\n * 禁止选择的时间范围\r\n * @param datetime\r\n * @returns {boolean}\r\n */\r\nexport function disabledDate(datetime) {\r\n    let today = dayjs(); //当天的时间\r\n    if (today.isAfter(dayjs(datetime))) {\r\n        return false;\r\n    } else {\r\n        return true;\r\n    }\r\n}\r\n\r\n\r\n/**\r\n * 返回表格行key值\r\n * @param record\r\n * @returns {*}\r\n */\r\nexport function key(record, key = \"id\") {\r\n    return record[key];\r\n}\r\n\r\n\r\n/**\r\n * 获取上传文件的图片base64\r\n * @param file\r\n * @returns {Promise<unknown>}\r\n */\r\nexport function getBase64(file) {\r\n    return new Promise((resolve, reject) => {\r\n        const reader = new FileReader();\r\n        reader.readAsDataURL(file);\r\n        reader.onload = () => resolve(reader.result);\r\n        reader.onerror = error => reject(error);\r\n    });\r\n}\r\n\r\n/**\r\n * 获取间隔某个日期的天数\r\n * @param day\r\n * @returns {number}\r\n */\r\nexport function diff(day) {\r\n\r\n    let now = dayjs().format(\"DD\");\r\n\r\n    if (parseInt(now) > parseInt(day)) {\r\n        let predix = dayjs(dayjs().format(\"YYYY-MM-\") + (parseInt(day) > 10 ? day : \"0\" + day)).add(1, \"month\");\r\n        return predix.diff(dayjs(), 'day');\r\n    } else {\r\n        return parseInt(day) - parseInt(now);\r\n    }\r\n}\r\n\r\n/**\r\n * 响应式本地存储\r\n * @param key\r\n * @param value，保存的值\r\n * @param local 是否要本地化同步\r\n * @returns {any|WritableComputedRef<any>}\r\n */\r\nexport function useLocalStorage(key, value = [], local = true) {\r\n\r\n\r\n    /* 本地同步 */\r\n\r\n    let item = ref(value);\r\n\r\n    /*\r\n    * 如果已经有值了\r\n    * */\r\n    if (local) {\r\n\r\n        let primary = localStorage.getItem(key);\r\n\r\n        if (primary) {\r\n            item.value = JSON.parse(primary);\r\n        } else {\r\n            localStorage.setItem(key, JSON.stringify(value));\r\n        }\r\n\r\n        /*\r\n        * 监视属性，同步整个对象到localstorage\r\n        * 节流运行\r\n        * */\r\n        watch(item, debounce(() => {\r\n            if (!!item.value) {\r\n                localStorage.setItem(key, JSON.stringify(item.value));\r\n            }\r\n        }, 500), {\r\n            deep: true\r\n        });\r\n\r\n        /*\r\n        * 计算属性，获取和\r\n        * */\r\n        return computed({\r\n            get() {\r\n                return item.value;\r\n            },\r\n            set(newVlaue) {\r\n                item.value = newVlaue;\r\n                /*如果为null，则清空本地存储*/\r\n                if (newVlaue === null) {\r\n                    localStorage.removeItem(key);\r\n                } else {\r\n                    localStorage.setItem(key, JSON.stringify(newVlaue));\r\n                }\r\n            }\r\n        })\r\n\r\n    } else {\r\n        return item;\r\n    }\r\n\r\n\r\n}\r\n\r\n\r\n/*\r\n* 条件转换\r\n* */\r\nexport function switchForm(data, format = \"YYYY-MM-DD\") {\r\n\r\n    //参数检测\r\n    if (!data) {\r\n        console.warn(\"无效参数\");\r\n        return {};\r\n    }\r\n\r\n    try {\r\n\r\n        let condition;\r\n\r\n        if (isRef(data)) {\r\n            condition = cloneDeep(data.value);\r\n        } else {\r\n            condition = cloneDeep(data);\r\n        }\r\n\r\n\r\n        /*\r\n        * 转换所有dayjs\r\n        * */\r\n        for (let i in condition) {\r\n\r\n            if (condition[i] === \"\" || condition[i] === null || condition[i] === undefined) {\r\n                delete condition[i];\r\n                continue;\r\n            }\r\n\r\n            if (isDayjs(condition[i])) {\r\n                condition[i] = condition[i].format(format);\r\n                continue;\r\n            }\r\n\r\n            if (isRef(condition[i])) {\r\n                condition[i] = condition[i].value;\r\n            }\r\n\r\n            if (condition[i] instanceof Array) {\r\n\r\n                if (condition[i].length == 0) {\r\n                    delete condition[i];\r\n                    continue;\r\n                }\r\n\r\n                let count = 0; //有效数据量\r\n\r\n                condition[i] = condition[i].map(item => {\r\n                    if (isDayjs(item)) {\r\n                        item = item.format(\"YYYY-MM-DD\");\r\n                    }\r\n                    if (item !== null) {\r\n                        count++;\r\n                    }\r\n                    return item\r\n                })\r\n\r\n                if (count == 0) {\r\n                    delete condition[i];\r\n                }\r\n\r\n\r\n                continue;\r\n            }\r\n        }\r\n\r\n\r\n        return condition;\r\n    } catch (e) {\r\n        console.warn(e)\r\n    }\r\n\r\n\r\n}\r\n\r\n\r\n/**\r\n * 数据容器，并提供重置的方法\r\n * @param ref\r\n * @returns {{data: *, reset: reset}}\r\n */\r\nexport function store(res) {\r\n\r\n    let init = reactive({\r\n        primary: cloneDeep(res),\r\n        data: cloneDeep(res),\r\n        /*\r\n        * 重置回上一个快照\r\n        * */\r\n        reset: () => {\r\n            init.data = Object.assign(init.data, init.primary);\r\n            return true;\r\n        },\r\n        /*\r\n        * 替换\r\n        * */\r\n        $set(set) {\r\n            init.data = Object.assign(init.data, set);\r\n            return true;\r\n        },\r\n        /*\r\n        * 保存快照\r\n        * */\r\n        save: (snap) => {\r\n            init.primary = cloneDeep(snap);\r\n            return true;\r\n        }\r\n    })\r\n\r\n    return init;\r\n}\r\n\r\n\r\n/**\r\n * 下拉数据搜索\r\n * @param input\r\n * @param option\r\n * @returns {boolean}\r\n */\r\nexport function filterOptions(input, option) {\r\n    return option.label.indexOf(input) > -1;\r\n}\r\n\r\n\r\n/**\r\n * @param arr\r\n * @returns {*}\r\n * 获取数组最后一个元素\r\n */\r\nexport function pop(arr) {\r\n    if (arr.length == 0) {\r\n        return null;\r\n    }\r\n    return arr[arr.length - 1];\r\n}\r\n\r\n\r\n/**\r\n * 下拉数据搜索\r\n * @param input\r\n * @param option\r\n * @returns {boolean}\r\n */\r\nexport function filterTreeNode(input, treeNode) {\r\n    return treeNode.title.indexOf(input) > -1;\r\n}\r\n\r\n\r\n/**\r\n * 秒数转换\r\n * @param time\r\n * @return {(string|number)[]}\r\n */\r\nexport function getTime(time, is_string = false) {\r\n    // 转换为式分秒\r\n    let h = parseInt(time / 60 / 60 % 24)\r\n    h = h < 10 ? '0' + h : h\r\n    let m = parseInt(time / 60 % 60)\r\n    m = m < 10 ? '0' + m : m\r\n    let s = parseInt(time % 60)\r\n    s = s < 10 ? '0' + s : s\r\n    // 作为返回值返回\r\n\r\n    if (is_string) {\r\n        return `${m}分${s}秒`\r\n    } else {\r\n        return [h, m, s]\r\n    }\r\n\r\n\r\n}","/*\r\n* @友人a丶\r\n* 弹出层的简单封装\r\n* */\r\n\r\nimport {message, Modal} from \"ant-design-vue\";\r\nimport {h} from \"vue\"\r\n\r\nlet hide = 0; //弹出的个数\r\nlet key = \"loading\"; //弹窗的key值\r\nlet close = null; //关闭的回调\r\n\r\nexport default {\r\n\r\n    loading(text = '加载中...') {\r\n        close = message.loading({\r\n            content: text,\r\n            key: key,\r\n            duration: 0\r\n        })\r\n        hide++;\r\n    },\r\n    loaded(flag = false) {\r\n        if (flag) hide = 0;\r\n        if (hide > 0) {\r\n            hide--;\r\n            if (hide === 0 && !!close) close();\r\n        } else {\r\n            if (!!close) close();\r\n        }\r\n    },\r\n    error(text = '加载异常') {\r\n        message.error(text);\r\n    },\r\n    success(text = 'ok!') {\r\n        message.success(text);\r\n    },\r\n    info(text, config) {\r\n\r\n        Modal.info(Object.assign({\r\n            title: '提示',\r\n            centered: true,\r\n            content: h('div', {style: 'font-size:15px;line-height:1.7;', innerHTML: text}),\r\n            maskClosable: false\r\n        }, config));\r\n\r\n    },\r\n    warning(text, config) {\r\n\r\n        Modal.warning(Object.assign({\r\n            title: '提示',\r\n            centered: true,\r\n            content: h('div', {style: 'font-size:15px;line-height:1.7;', innerHTML: text}),\r\n            maskClosable: false\r\n        }, config));\r\n\r\n    },\r\n    confirm(text, callback = null) {\r\n        Modal.confirm({\r\n            title: '提示',\r\n            centered: true,\r\n            content: text,\r\n            maskClosable: false,\r\n            onOk: (close) => {\r\n                close(); //关闭\r\n                if (callback) {\r\n                    callback()\r\n                }\r\n            }\r\n        })\r\n    },\r\n\r\n}\r\n","/*\r\n* @author 友人a丶\r\n* @date \r\n* 树形结构函数\r\n* */\r\n\r\n\r\n/*\r\n* 获取树形数据结构\r\n* */\r\nexport function getTree(data, parent = 1, key = \"key\", callback = null) {\r\n\r\n    if (!Array.isArray(data)) return [];\r\n    if (data.length === 0) return [];\r\n\r\n    const Tree = []; //树\r\n\r\n    /*\r\n    * 遍历所有父级id为指定id的元素\r\n    * */\r\n    for (let i of data) {\r\n\r\n        if (i.pid === parent) {\r\n            /*\r\n            * 获取当前遍历的数据的所有子集\r\n            * */\r\n            const children = getTree(data, i[key], key, callback);\r\n\r\n            if (children.length > 0) {\r\n                i.children = children;\r\n            }\r\n\r\n\r\n            if (callback) {\r\n                i = callback(i);\r\n            }\r\n\r\n\r\n            Tree.push(i);\r\n\r\n\r\n        }\r\n    }\r\n\r\n    return Tree;\r\n\r\n}\r\n\r\n\r\n/**\r\n * 获取所有带子集的节点\r\n * @param data\r\n * @param key\r\n */\r\nexport function getNode(data, key = \"key\") {\r\n\r\n    if (!Array.isArray(data)) return [];\r\n    if (data.length === 0) return [];\r\n\r\n    let Node = [];\r\n\r\n    for (let count = 0; count < data.length; count++) {\r\n\r\n        let i = data[count]; //数据对象\r\n\r\n        /* 跳过非叶节点 */\r\n        if (!i.children) continue;\r\n\r\n        Node.push(i[key]);//新增节点\r\n        let nodes = getNode(i.children, key);\r\n\r\n        if (nodes && nodes.length > 0) {\r\n            Node = Node.concat(nodes);\r\n        }\r\n    }\r\n\r\n    return Node;\r\n}","/* eslint-disable */\r\n/**\r\n * @author 友人a丶\r\n * @date\r\n * */\r\nimport {switchForm} from \"@/common\";\r\nimport {computed, inject, onMounted, reactive, ref, watch} from \"vue\";\r\nimport axios from \"axios\";\r\nimport load from \"@/common/load\";\r\nimport {cloneDeep, debounce} from 'lodash';\r\nimport {getNode} from \"@/common/tree\";\r\n\r\nexport default function (props) {\r\n\r\n\r\n    const table = inject(\"table\");\r\n    const expandedRowKeys = ref([]); //展开的行\r\n\r\n\r\n    /**\r\n     * 返回表格行key值\r\n     * @param record\r\n     * @returns {*}\r\n     */\r\n    function key(record) {\r\n        return record[props.rowsKey];\r\n    }\r\n\r\n    /**\r\n     * 表数据\r\n     * */\r\n    const dataSource = reactive({\r\n        data: {\r\n            data: []\r\n        }\r\n    })\r\n\r\n    /* 注入 */\r\n    table.dataSource = dataSource; //挂载到标对象\r\n\r\n    /**\r\n     * 如果指定了数据源\r\n     * */\r\n    if (!!props.dataSource) {\r\n        dataSource.data.data = computed(() => {\r\n\r\n            let data = []; //最终输出的数据\r\n            /**\r\n             * 筛选条件\r\n             * */\r\n                // eslint-disable-next-line no-prototype-builtins\r\n            let condition = switchForm(table.condition.hasOwnProperty('data') ? table.condition.data : {});\r\n\r\n            /**\r\n             * 筛选遍历\r\n             * */\r\n            props.dataSource.forEach(item => {\r\n\r\n                let result = true; //筛选结果\r\n\r\n                /* 条件过滤 */\r\n                for (let i in condition) {\r\n                    if (item[i].indexOf(condition[i]) === -1) {\r\n                        result = false;\r\n                    }\r\n                }\r\n\r\n                if (result) data.push(item);\r\n            })\r\n\r\n            return data;\r\n\r\n        })\r\n    }\r\n\r\n\r\n    /**\r\n     * 分页\r\n     * */\r\n    const pagination = reactive(Object.assign({\r\n        current: 1,\r\n        pageSize: 30,\r\n        pageSizeOptions: ['30', '50', '100'],\r\n        showSizeChanger: true,\r\n        showQuickJumper: true,\r\n        total: 0\r\n    }, props.pagination))\r\n\r\n\r\n    /**\r\n     * 初始化表头\r\n     * */\r\n    const column = inject(\"columns\");//表头\r\n    const loadingTable = ref(false);\r\n\r\n    /* 可编辑的键值 */\r\n    const editKey = Object.create(null);\r\n\r\n\r\n    /* 计算 */\r\n    column.value.filter(item => {\r\n        return item.editable;\r\n    }).forEach(item => {\r\n        editKey[item.dataIndex] = false;\r\n    });\r\n\r\n    /**\r\n     * 初始化数据\r\n     * @param paginate\r\n     * @param filters\r\n     * @param sorter\r\n     */\r\n    /* eslint-disable-next-line */\r\n    const loadData = function (paginate = null, filters, sorter) {\r\n\r\n\r\n        /**\r\n         * 翻页的页号\r\n         * */\r\n        let page = pagination.current;\r\n\r\n        /* 排序 */\r\n        sorter = !!sorter ? (Array.isArray(sorter) ? {\r\n            order: {\r\n                field: sorter[0].field,\r\n                by: sorter[0].order\r\n            }\r\n        } : {\r\n            order: {\r\n                field: sorter.field,\r\n                by: sorter.order\r\n            }\r\n        }) : {}; //排序\r\n\r\n        /* 分页计算 */\r\n        if (paginate) {\r\n            if (!!paginate.current) {\r\n                page = paginate.current;\r\n                pagination.current = paginate.current;\r\n                pagination.pageSize = paginate.pageSize;\r\n            }\r\n        } else {\r\n            pagination.current = 1;\r\n        }\r\n\r\n        if (!!props.dataSource) return; //如果传递了静态数据\r\n        loadingTable.value = true; //加载效果\r\n        /**\r\n         开始请求\r\n         合并请求条件\r\n         */\r\n        axios.post(props.init, Object.assign({\r\n            pageSize: pagination.pageSize,\r\n            page: page\r\n            // eslint-disable-next-line no-prototype-builtins\r\n        }, sorter, switchForm(table.condition.hasOwnProperty('data') ? table.condition.data : {})))\r\n            .then((res) => {\r\n                /**\r\n                 * 判断请求结果\r\n                 * */\r\n                if (res.data.code) {\r\n\r\n                    /**\r\n                     * 是否需要过滤数据\r\n                     * */\r\n                    if (!!table.filter) {\r\n                        dataSource.data = table.filter(res.data.data.data);\r\n                    } else {\r\n                        dataSource.data = res.data.data;\r\n                    }\r\n\r\n\r\n                    /**\r\n                     * 是否需要展开行\r\n                     * */\r\n                    if (!!table.defaultExpandAllRows) {\r\n                        expandedRowKeys.value = getNode(dataSource.data.data, 'id');\r\n                    }\r\n\r\n\r\n                    /*更新分页信息*/\r\n                    pagination.current = res.data.data.current_page;\r\n                    pagination.total = res.data.data.total;\r\n                    pagination.pageSize = res.data.data.per_page;\r\n\r\n                    if (!!table.callback) {\r\n                        table.callback(res.data, pagination);\r\n                    }\r\n\r\n\r\n                    /* 可编辑的列和索引 */\r\n                    table.editable = dataSource.data.data.map(() => {\r\n                        return cloneDeep(editKey);\r\n                    });\r\n\r\n                } else {\r\n                    /* 弹出错误原因 */\r\n                    load.error(res.data.errMsg);\r\n                }\r\n            }).catch((e) => {\r\n            /* 弹出错误原因 */\r\n            load.error(e.message);\r\n        }).finally(() => {\r\n            /* 关闭加载效果 */\r\n            loadingTable.value = false;\r\n            /* 关闭加载信息 */\r\n            load.loaded();\r\n        });\r\n    }\r\n\r\n\r\n    /**\r\n     * 列宽调整\r\n     * */\r\n    const handleResizeColumn = (w, col) => {\r\n        col.width = w;\r\n    };\r\n\r\n\r\n    /* 是否需要加载数据 */\r\n    if (table.immediate) {\r\n        onMounted(loadData);\r\n    }\r\n\r\n    /* 注入方法 */\r\n    table.loadData = debounce(loadData, 500);\r\n\r\n\r\n    /**\r\n     * 表格是否具有条件\r\n     * 监控条件变化\r\n     * */\r\n    if (!!table.condition.data && table.watch) {\r\n        watch(table.condition.data, () => {\r\n            /* 筛选条件变化。重置页号 */\r\n            pagination.current = 1;\r\n            table.loadData(); //重新加载数据\r\n        }, {\r\n            deep: true\r\n        })\r\n    }\r\n\r\n    /**\r\n     * 列选择触发\r\n     * */\r\n    if (props.rowSelection) {\r\n\r\n        let rowsAll = []; //所有被选中的列\r\n\r\n        var selectConfig = {\r\n            onChange(keys, rows) {\r\n                table.selectRows.keys = keys;\r\n                rowsAll = rows;\r\n            },\r\n            selectedRowKeys: computed(() => {\r\n                return table.selectRows.keys;\r\n            })\r\n        }\r\n\r\n        /**\r\n         * keys被删除时，同步rows的状态\r\n         * */\r\n        table.selectRows.rows = computed(() => {\r\n            let keys = table.selectRows.keys;\r\n            return rowsAll.filter(item => {\r\n                return keys.indexOf(item[props.rowsKey]) > -1\r\n            })\r\n        });\r\n    }\r\n\r\n\r\n    /*\r\n    const layout = computed(() => {\r\n        if (dataSource.data.data.length===0) {\r\n            return \"auto\"\r\n        } else {\r\n            return \"fixed\"\r\n        }\r\n    })\r\n    */\r\n\r\n    return {\r\n        column,\r\n        data: dataSource,\r\n        key,\r\n        loadData: table.loadData,\r\n        loadingTable,\r\n        paginate: pagination,\r\n        handleResizeColumn,\r\n        selectConfig,\r\n        expandedRowKeys,\r\n        //layout\r\n    }\r\n}","<template>\r\n\r\n  <div ref=\"table\" class=\"table\">\r\n\r\n    <a-table\r\n        :columns=\"column\"\r\n        :dataSource=\"data.data.data\"\r\n        :loading=\"loadingTable\"\r\n        :pagination=\"!pagination?pagination:paginate\"\r\n        :row-class-name=\"(_record, index) => (index % 2 === 1 ? 'table-striped' : null)\"\r\n        :rowKey=\"key\"\r\n        :rowSelection=\"rowSelection===false?null:(rowSelection === true?selectConfig:rowSelection)\"\r\n        :scroll=\"scroll\"\r\n        :sticky=\"sticky\"\r\n        :size=\"size\"\r\n        :indentSize=\"indentSize\"\r\n        v-model:expandedRowKeys=\"expandedRowKeys\"\r\n        @change=\"loadData\"\r\n        @resizeColumn=\"handleResizeColumn\"\r\n    >\r\n\r\n      <!--客户展开的详情-->\r\n      <template v-if=\"$slots.expandedRowRender\" #expandedRowRender=\"{ record }\">\r\n        <slot :record=\"record\" name=\"expandedRowRender\"/>\r\n      </template>\r\n\r\n      <template #headerCell=\"{ column }\">\r\n        <slot :column=\"column\" name=\"headerCell\"/>\r\n      </template>\r\n\r\n      <template #bodyCell=\"{text,record, index, column}\">\r\n        <template v-if=\"(text === null || text === '') && !column.empty \">\r\n          <span>-</span>\r\n        </template>\r\n        <slot v-else :column=\"column\" :index=\"index\" :record=\"record\" :text=\"text\" name=\"bodyCell\"/>\r\n      </template>\r\n\r\n      <template #summary>\r\n        <slot v-if=\"data.data.data.length > 0\" :data=\"data.data\" name=\"summary\"/>\r\n      </template>\r\n\r\n    </a-table>\r\n  </div>\r\n</template>\r\n\r\n<script setup>\r\nimport initialize from './v-table'\r\n\r\n/**\r\n * 表格可选修改\r\n * 分页取消显示\r\n * 插槽增加text\r\n * 表单的可选可通过keys控制\r\n * 新增自定义key值\r\n * */\r\n/**\r\n * 定义表头和初始化数据的接口\r\n * */\r\nconst props = defineProps({\r\n  init: {\r\n    required: false\r\n  },\r\n  dataSource: {\r\n    required: false,\r\n    default: false\r\n  },\r\n  pagination: {\r\n    required: false,\r\n    default: {}\r\n  },\r\n  sticky: {\r\n    required: false,\r\n    default: {offsetHeader: 60}\r\n  },\r\n  rowsKey: {\r\n    required: false,\r\n    default: \"id\"\r\n  },\r\n  indentSize: {\r\n    required: false,\r\n    default: 15\r\n  },\r\n  scroll: {\r\n    required: false,\r\n    default: () => ({x: 'max-content'})\r\n  },\r\n  size: {\r\n    required: false,\r\n    default: \"large\"\r\n  },\r\n  /**\r\n   * false 不显示可选\r\n   * true 显示内置的可选\r\n   * 对象 ,显示自定义的可选\r\n   * */\r\n  rowSelection: {\r\n    required: false,\r\n    default: false\r\n  }\r\n});\r\n\r\n\r\nlet {\r\n  column,\r\n  data,\r\n  key,\r\n  loadData,\r\n  loadingTable,\r\n  paginate,\r\n  handleResizeColumn,\r\n  selectConfig,\r\n  expandedRowKeys\r\n} = initialize(props);\r\n\r\n\r\n</script>\r\n\r\n\r\n<style lang=\"scss\" scoped>\r\n.table {\r\n\r\n  /*:deep(.ant-table-header) {\r\n    table {\r\n      table-layout: v-bind(layout) !important;\r\n    }\r\n  }*/\r\n\r\n  :deep(.ant-table) {\r\n\r\n    font-family: DINPro, PingFang SC, -apple-system, BlinkMacSystemFont, Segoe UI, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", Segoe UI Symbol !important;\r\n\r\n    .ant-table-container {\r\n\r\n      .ant-table-content, .ant-table-body {\r\n        @include scroll-bar;\r\n\r\n        /* 滚动条样式 */\r\n        &::-webkit-scrollbar {\r\n          width: 10px !important;\r\n          height: 10px !important;\r\n        }\r\n      }\r\n\r\n      .ant-table-thead {\r\n\r\n\r\n        & > tr {\r\n\r\n          & > th {\r\n            position: relative;\r\n            color: rgba(0, 0, 0, .85);\r\n            font-weight: 500;\r\n            text-align: left;\r\n            background: $table-td;\r\n            border-bottom: 1px solid #f0f0f0;\r\n            -webkit-transition: background .3s ease;\r\n            transition: background .3s ease;\r\n            @include overflow;\r\n          }\r\n\r\n          & > .ant-table-selection-column {\r\n            text-align: center;\r\n          }\r\n        }\r\n      }\r\n\r\n      .table-striped {\r\n        background-color: #f6f9f9;\r\n      }\r\n\r\n      td, th {\r\n        font-size: $font-size-3 !important;\r\n      }\r\n\r\n\r\n    }\r\n\r\n    .ant-table-column-sort {\r\n      background: unset;\r\n    }\r\n\r\n  }\r\n}\r\n\r\n</style>","<template>\r\n  <a-radio-group v-model:value=\"selected\" button-style=\"solid\">\r\n    <template v-for=\"(item,index) of options\" :key=\"index\">\r\n      <a-radio-button :value=\"item.value\">{{ item.label }}</a-radio-button>\r\n    </template>\r\n  </a-radio-group>\r\n</template>\r\n\r\n<script setup>\r\nimport {computed} from \"vue\";\r\n\r\nconst props = defineProps(['value', 'options']);\r\nconst emit = defineEmits(['update:value', \"change\"]);\r\n\r\nconst selected = computed({\r\n  get() {\r\n    return props.value;\r\n  }, set(value) {\r\n    emit('update:value', value);\r\n    emit(\"change\", value);\r\n  }\r\n})\r\n\r\n\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n\r\n</style>","/**\r\n * @author 友人a丶\r\n * @date\r\n * */\r\n\r\nimport {store, useLocalStorage} from \"@/common\";\r\nimport {computed, provide, reactive} from \"vue\";\r\nimport {cloneDeep} from \"lodash\";\r\nimport dayjs from \"dayjs\";\r\n\r\n/**\r\n * 组件版本控制\r\n * */\r\nconst Version = ['5.2.3', '5.1.0'];\r\n\r\n\r\n/**\r\n * 规范表头\r\n * @param columns\r\n */\r\nexport function Columns(columns) {\r\n\r\n    /* 默认列配置对象 */\r\n    const column = {\r\n        fixed: false,\r\n        resizable: true,\r\n        display: true, //是否展示\r\n        editable: false,  //可编辑\r\n        empty: false, //允许为空\r\n        width: 100\r\n    };\r\n\r\n    return columns.map((item) => {\r\n        item = Object.assign(cloneDeep(column), item);\r\n        return item;\r\n    })\r\n}\r\n\r\n/**\r\n * 初始化表格\r\n */\r\nexport default function (set) {\r\n\r\n    /**\r\n     * 初始化的默认配置\r\n     * */\r\n    const config = {\r\n        unique: null, //区分本地存储的表头\r\n        column: null, //列配置\r\n        condition: null, //查询条件\r\n        callback: null,//数据加载完毕后的回调函数\r\n        filter: null,//数据加载完后是否要过滤\r\n        immediate: true, //组件初始化后立即加载数据\r\n        watch: true, //监听条件变化，加载数据\r\n        localize: false, //表头是否本地存储\r\n        defaultExpandAllRows: true,//是否要展开所有行\r\n        check: null //权限校验，过滤无权限查看的列\r\n    };\r\n\r\n    Object.assign(config, set); //重载用户的配置\r\n\r\n    /* 解构配置 */\r\n    let {\r\n        unique,\r\n        column,\r\n        condition,\r\n        callback,\r\n        localize,\r\n        filter,\r\n        defaultExpandAllRows,\r\n        check\r\n    } = config\r\n\r\n    /**\r\n     * 用于自定义排序的列\r\n     * */\r\n    const sort = reactive({\r\n        left: [], plain: [], right: []\r\n    });\r\n\r\n    column = Columns(column); //处理表头\r\n\r\n\r\n    /**\r\n     * 删除旧记录\r\n     * */\r\n    localStorage.removeItem(unique + \"-default\" + Version[0]);\r\n    localStorage.removeItem(unique + \"-used\" + Version[0]);\r\n\r\n    const defaultColumns = useLocalStorage(unique + \"-default\" + Version[1], cloneDeep(column), localize);\r\n    const usedColumns = useLocalStorage(unique + \"-used\" + Version[1], cloneDeep(column), localize);\r\n\r\n    /* 表配置 */\r\n    const columns = computed(() => {\r\n\r\n        let items = usedColumns.value;\r\n\r\n\r\n        /**\r\n         * 如果已经请求了表头\r\n         * 这个表头是完整的包括所有数据的表头\r\n         * 初次请求的是默认的表头（用户修改指标之后保存的表头）\r\n         * */\r\n        if (!!items) {\r\n\r\n            let left = [];\r\n            let plain = [];\r\n            let right = [];\r\n\r\n\r\n            /**\r\n             * 如果需要权限判断\r\n             * */\r\n            if (check) {\r\n                items = items.filter(item => {\r\n                    return check(item);\r\n                })\r\n            }\r\n\r\n\r\n            items.forEach((item) => {\r\n                /**\r\n                 * 判断是否需要排序\r\n                 * */\r\n                // eslint-disable-next-line no-prototype-builtins\r\n                if (item.hasOwnProperty(\"sortable\")) {\r\n\r\n\r\n                    if (item.sortable === \"number\") {\r\n                        item.sorter = {\r\n                            compare: (a, b) => a[item.dataIndex] - b[item.dataIndex], multiple: 2\r\n                        }\r\n                    } else if (item.sortable === \"dayjs\") {\r\n\r\n                        item.sorter = {\r\n                            compare(a, b) {\r\n\r\n                                if (dayjs(a[item.dataIndex]).isBefore(dayjs(b[item.dataIndex]))) {\r\n                                    return -1\r\n                                } else if (a[item.dataIndex] === b[item.dataIndex]) {\r\n                                    return 0\r\n                                } else {\r\n                                    return 1\r\n                                }\r\n                            },\r\n                            multiple: 2\r\n                        }\r\n                    }\r\n\r\n                }\r\n\r\n\r\n                /**\r\n                 * 是否是时间戳字段\r\n                 * */\r\n                // eslint-disable-next-line no-prototype-builtins\r\n                if (item.hasOwnProperty(\"timestamp\")) {\r\n                    item.customCell = (record, rowIndex, column) => {\r\n                        return {textContent: !!record[column.dataIndex] ? (dayjs(record[column.dataIndex] * 1000).format(item.timestamp)) : \"-\"};\r\n                    }\r\n                }\r\n\r\n\r\n                /**\r\n                 * 判断是否显示\r\n                 * */\r\n                if (item.fixed === \"left\") {\r\n                    left.push(item);\r\n                } else if (item.fixed === \"right\") {\r\n                    right.push(item);\r\n                } else {\r\n                    item.fixed = false;\r\n                    plain.push(item)\r\n                }\r\n\r\n            });\r\n\r\n            sort.left = left;\r\n            sort.plain = plain;\r\n            sort.right = right;\r\n\r\n            return left.concat(plain).concat(right).filter((item) => {\r\n                return item.display;\r\n            }); //合并\r\n\r\n        }\r\n\r\n\r\n        return [];\r\n    });\r\n\r\n\r\n    /**\r\n     * 初始化表头\r\n     * */\r\n    provide(\"usedColumns\", usedColumns); //完整的表头\r\n    provide(\"defaultColumns\", defaultColumns); //默认表头的备份\r\n    provide(\"sort\", sort); //默认表头的备份\r\n    provide(\"columns\", columns); //默认表头的备份\r\n\r\n\r\n    /*暴露出表格初始化数据的方法*/\r\n    const table = reactive({\r\n        loadData: null,\r\n        selectRows: {\r\n            keys: [],\r\n            rows: []\r\n        },\r\n        condition: !condition ? {} : store(condition),\r\n        callback: callback,\r\n        filter: filter,\r\n        watch: config.watch, //监听条件变化，加载数据\r\n        immediate: config.immediate,\r\n        defaultExpandAllRows,\r\n        editable: []\r\n    });\r\n\r\n    /* 注入 */\r\n    provide(\"table\", table);\r\n\r\n\r\n    return table;\r\n\r\n}","<template>\r\n  <a-modal\r\n      :visible=\"visible\"\r\n      :maskClosable=\"false\"\r\n      title=\"图标选则\"\r\n      :width=\"800\"\r\n      class=\"antd-reset-modal\"\r\n      destroy-on-close\r\n      @cancel=\"close\">\r\n\r\n\r\n    <template #footer>\r\n      <div class=\"footer\">\r\n          <span class=\"info\">\r\n            <span style=\"color: red\">*</span>\r\n              <span class=\"info\">已填充{{ dataSource.length }}组数据</span>\r\n          </span>\r\n        <a-space>\r\n          <a-button @click=\"close\">取消</a-button>\r\n          <a-button type=\"primary\" @click=\"add_data\">添加</a-button>\r\n          <a-button type=\"primary\" @click=\"submit\">确定</a-button>\r\n        </a-space>\r\n      </div>\r\n    </template>\r\n\r\n    <div class=\"container\">\r\n      <v-table :pagination=\"false\" :sticky=\"{offsetHeader:0}\" :dataSource=\"dataSource\">\r\n        <template #bodyCell=\"{ column,index,record }\">\r\n\r\n          <template v-if=\"column.title === '操作'\">\r\n            <a @click.prevent=\"del_col(index)\">删除</a>\r\n          </template>\r\n\r\n          <template v-else-if=\"column.title==='序号'\">\r\n            {{ record.id }}\r\n          </template>\r\n\r\n          <template v-else>\r\n            <a-input required v-model:value=\"record[column.dataIndex]\" :placeholder=\"`请输入${column.title}`\"/>\r\n          </template>\r\n        </template>\r\n      </v-table>\r\n    </div>\r\n  </a-modal>\r\n</template>\r\n\r\n<script setup>\r\nimport {ref, inject, watch} from \"vue\";\r\nimport initTable from '@/common/init-table'\r\nimport load from \"@/common/load\";\r\n\r\n\r\n/* 属性 */\r\nconst props = defineProps({\r\n  'visible': {\r\n    required: true\r\n  },\r\n  'unique': {\r\n    required: true\r\n  },\r\n  'columns': {\r\n    required: true\r\n  }\r\n});\r\n\r\n\r\n/* 事件注入 */\r\nconst emit = defineEmits(['update:visible']);\r\nconst data = inject(\"item-picker-data\"); //依赖注入\r\nconst update = inject(\"update\"); //更新值\r\n\r\n\r\n/**\r\n * 初始化表格\r\n * */\r\ninitTable({\r\n  unique: props.unique,  //区分本地存储的表头\r\n  column: props.columns, //列配置\r\n  localize: false\r\n});\r\n\r\n/**\r\n * 列索引\r\n * */\r\nconst cols = props.columns.filter(item => {\r\n  if (!item.dataIndex || item.dataIndex === \"id\") {\r\n    return false;\r\n  } else {\r\n    return true;\r\n  }\r\n}).map(item => {\r\n  return item.dataIndex;\r\n})\r\n\r\n\r\n/* 数据转换 */\r\nconst dataSource = ref([]); //数据源\r\n\r\n/* 同步数据 */\r\nwatch(() => props.visible, () => {\r\n\r\n  if (data.value.length > 0 && props.visible) {\r\n    dataSource.value = data.value.map((item, index) => {\r\n\r\n      const obj = Object.create(null);\r\n\r\n      obj.id = index + 1;\r\n\r\n      cols.forEach((k, i) => {\r\n        obj[k] = !item[i] ? null : item[i];\r\n      })\r\n\r\n      return obj;\r\n    })\r\n\r\n  }\r\n}, {\r\n  deep: true\r\n});\r\n\r\n\r\n/* 关闭窗口 */\r\nconst close = () => {\r\n  emit('update:visible', false);\r\n}\r\n\r\n/* 添加数据 */\r\nconst add_data = () => {\r\n\r\n  const item = Object.create(null);\r\n\r\n  cols.forEach(i => {\r\n    item[i] = null;\r\n  })\r\n\r\n  /* 主键id */\r\n  if (!dataSource.value || dataSource.value.length === 0) {\r\n    item.id = 1;\r\n  } else {\r\n    item.id = dataSource.value[dataSource.value.length - 1].id + 1;\r\n  }\r\n\r\n  dataSource.value.push(item)\r\n}\r\n\r\n\r\n/**\r\n * 删除指定的数据\r\n * */\r\nconst del_col = (index) => {\r\n  if (dataSource.value[index]) {\r\n    dataSource.value.splice(index, 1);\r\n  }\r\n}\r\n\r\n/**\r\n * 提交数据\r\n * */\r\nconst submit = () => {\r\n\r\n  const account_list = []; //账号密码列表\r\n\r\n  for (let item of dataSource.value) {\r\n\r\n    const need_data = []; //需要的数据\r\n\r\n    /* 拼装数据 */\r\n    for (let i of cols) {\r\n\r\n      if (!item[i]) {\r\n        load.error(\"所有选项都必须填写！\");\r\n        return;\r\n      }\r\n\r\n      if (item[i].indexOf(' , ') > -1) {\r\n        load.error(\"检测到特殊字符【 , 】，请删除后重试！\");\r\n        return;\r\n      }\r\n\r\n      need_data.push(item[i]);\r\n    }\r\n\r\n    account_list.push(need_data.join(' , '));\r\n  }\r\n\r\n  update(\"update:value\", account_list.join(\"\\n\"));\r\n  close(); //关闭窗口\r\n\r\n}\r\n\r\n</script>\r\n\r\n\r\n<style scoped lang=\"scss\">\r\n\r\n.container {\r\n  max-height: 50vh;\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n  padding: 0 12px 12px 15px;\r\n  overflow: hidden;\r\n  overflow-y: auto;\r\n  @include scroll-bar();\r\n}\r\n\r\n.footer {\r\n  @include flex-center;\r\n  justify-content: space-between;\r\n\r\n  .info {\r\n    font-size: $font-size-5;\r\n  }\r\n}\r\n\r\n</style>","<template>\r\n\r\n  <a-textarea\r\n      :value=\"value\"\r\n      :readOnly=\"true\"\r\n      :placeholder=\"placeholder\"\r\n      :autoSize=\"autoSize\"\r\n      :required=\"required\"\r\n      @click=\"visible=true\"\r\n      :allowClear=\"false\"/>\r\n\r\n  <a-form-item-rest>\r\n    <v-item-modal :unique=\"unique\" :columns=\"columns\" v-model:visible=\"visible\"/>\r\n  </a-form-item-rest>\r\n\r\n</template>\r\n\r\n\r\n<script setup>\r\nimport {provide, ref, watch} from \"vue\";\r\nimport VItemModal from './v-item-modal.vue'\r\n\r\n\r\nconst props = defineProps({\r\n  /* 只读 */\r\n  readOnly: {\r\n    required: false,\r\n    default: true\r\n  },\r\n  /* 文本域大小 */\r\n  autoSize: {\r\n    required: false\r\n  },\r\n  /* 必选 */\r\n  required: {\r\n    required: false\r\n  },\r\n  /* 可清除 */\r\n  allowClear: {\r\n    required: false\r\n  },\r\n  /* 占位符 */\r\n  placeholder: {\r\n    required: false\r\n  },\r\n  /* 值 */\r\n  value: {\r\n    required: true\r\n  },\r\n  /* 表格标识符 */\r\n  unique: {\r\n    required: false,\r\n    default: \"Account-List\"\r\n  },\r\n  /* 表格默认列 */\r\n  columns: {\r\n    required: false,\r\n    default: () => {\r\n      return [\r\n        {\r\n          dataIndex: \"id\",\r\n          title: \"序号\",\r\n          width: 50\r\n        },\r\n        {\r\n          dataIndex: \"user\",\r\n          title: \"用户名\",\r\n          empty: true,\r\n          width: 150\r\n        },\r\n        {\r\n          dataIndex: \"password\",\r\n          title: \"密码\",\r\n          empty: true,\r\n          width: 150\r\n        },\r\n        {\r\n          title: \"操作\",\r\n          fixed: \"right\",\r\n          width: 60\r\n        }\r\n      ]\r\n    }\r\n  },\r\n  /* 数据预处理 */\r\n  filter: {\r\n    required: false,\r\n    default: () => {\r\n      return (data) => {\r\n        const items = !data.value ? [] : data.value.split(\"\\n\");\r\n        return items.map((item) => {\r\n          return item.split(\" , \");\r\n        })\r\n      }\r\n    }\r\n  }\r\n});\r\n\r\nconst emit = defineEmits(['update:value']);\r\nconst visible = ref(false); //是否显示表格录入框\r\n\r\n/* 数据集 */\r\nconst dataSource = ref(props.filter(props));\r\nprovide(\"update\", emit); //更新值\r\nprovide(\"item-picker-data\", dataSource); //更新值\r\n\r\n\r\n/* 检测并改变 */\r\nwatch(() => props.value, () => {\r\n  dataSource.value = props.filter(props);\r\n}, {\r\n  immediate: true\r\n})\r\n\r\n\r\n</script>\r\n\r\n\r\n<style scoped lang=\"scss\">\r\n\r\n</style>","<template>\r\n\r\n  <a-modal\r\n      :visible=\"visible\"\r\n      :maskClosable=\"false\"\r\n      title=\"图标选择\"\r\n      :width=\"width\"\r\n      class=\"antd-reset-modal\"\r\n      @cancel=\"close\">\r\n\r\n    <template #footer>\r\n\r\n    </template>\r\n\r\n    <div class=\"container\" v-bind=\"containerProps\">\r\n      <ul class=\"icon-list\" v-bind=\"wrapperProps\">\r\n\r\n        <template v-for=\"(icons,index) of list\" :key=\"index\">\r\n\r\n          <template v-for=\"item of icons.data\" :key=\"item\">\r\n\r\n            <li class=\"icon\" :class=\"{active:item === icon}\" @click=\"select(item)\">\r\n              <v-icon :icon=\"item\" size=\"30px\"/>\r\n            </li>\r\n\r\n          </template>\r\n\r\n        </template>\r\n      </ul>\r\n    </div>\r\n  </a-modal>\r\n\r\n  <div class=\"icon-picker\">\r\n    <v-icon :icon=\"icon\" size=\"25px\"/>\r\n    <a-input :required=\"required\" :placeholder=\"placeholder\"  :allowClear=\"allowClear\" v-model:value=\"icon\" readOnly/>\r\n    <a-button type=\"primary\" @click=\"visible=true\">选择</a-button>\r\n    <a-button type=\"primary\" @click=\"clear\">删除</a-button>\r\n  </div>\r\n\r\n</template>\r\n\r\n<script setup>\r\n\r\nimport {ref, watch} from \"vue\";\r\nimport * as $icon from '@ant-design/icons-vue';\r\nimport {useVirtualList} from '@vueuse/core'\r\n\r\n/* 排除指定的图标 */\r\nconst ignore = ['create', 'getTwoToneColor', 'setTwoToneColor', 'default', 'createFromIconfontCN'];\r\n\r\n/* 内置图标库 */\r\nconst icons = ref([]);\r\n\r\nlet temp = [];\r\n\r\n/* 针对虚拟滚动进行重组 */\r\nfor (let i in $icon) {\r\n  if (typeof i == 'string' && ignore.indexOf(i) === -1) {\r\n    temp.push(i);\r\n  }\r\n  if (temp.length === 10) {\r\n    icons.value.push(temp);\r\n    temp = []; //置空\r\n  }\r\n}\r\n\r\n/* 创建虚拟滚动的容器 */\r\nconst {list, containerProps, wrapperProps} = useVirtualList(\r\n    icons,\r\n    {\r\n      itemHeight: 60,\r\n    },\r\n)\r\n\r\n\r\n/* 属性 */\r\nconst props = defineProps(\r\n    {\r\n      value: {\r\n        required: true\r\n      },\r\n      width: {\r\n        required: false,\r\n        default: 800\r\n      },\r\n      required: {\r\n        required: false,\r\n        default: true\r\n      },\r\n      placeholder: {\r\n        required: false,\r\n        default: \"请选择图标代码\"\r\n      },\r\n      allowClear: {\r\n        required: false,\r\n        default: true\r\n      }\r\n    });\r\n\r\n/* 被选icon */\r\nconst icon = ref(props.value);\r\nconst visible = ref(false);\r\n\r\n\r\n/* 监视属性 */\r\nwatch(() => props.value, () => {\r\n      icon.value = props.value;\r\n    },\r\n    {\r\n      deep: true\r\n    });\r\n\r\n//自定义事件\r\nconst emit = defineEmits(['update:value']); //自定义事件\r\n\r\n//关闭弹窗\r\nconst close = () => {\r\n  visible.value = false;\r\n};\r\n\r\n\r\n/**\r\n * 清理\r\n */\r\nconst clear = () => {\r\n  emit(\"update:value\", \"\");\r\n};\r\n\r\n/**\r\n * 确定提交\r\n * */\r\nconst select = (icon) => {\r\n  emit(\"update:value\", icon)\r\n  close(); //关闭窗口\r\n}\r\n\r\n</script>\r\n\r\n\r\n<style scoped lang=\"scss\">\r\n\r\n.container {\r\n\r\n  max-height: 65vh;\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n  padding: 20px;\r\n  overflow: hidden;\r\n  overflow-y: auto;\r\n  @include scroll-bar();\r\n\r\n  .icon-list {\r\n    display: block;\r\n    list-style: none;\r\n\r\n    padding: 0;\r\n    margin: 0;\r\n\r\n    &, * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .icon {\r\n      width: 10%;\r\n      padding: 15px;\r\n      cursor: pointer;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      flex-direction: column;\r\n      border-radius: 12px;\r\n\r\n      span {\r\n        font-size: $font-size-3;\r\n        color: $text-color-3;\r\n      }\r\n\r\n      &:hover {\r\n        background-color: #f5f6f7;\r\n      }\r\n    }\r\n\r\n    .active {\r\n      background-color: rgba($primary-color, 0.45);\r\n    }\r\n  }\r\n}\r\n\r\n.icon-picker {\r\n  display: flex;\r\n  gap: 12px;\r\n  width: 100%;\r\n  align-items: center;\r\n}\r\n\r\n</style>\r\n","<script>\r\n/* eslint-disable */\r\n/**\r\n * @author 友人a丶\r\n * 批量生成表单\r\n * 遇到的问题\r\n * 1. 传递进来双向绑定的数据必须作为一个data对象单独传递进行，跟表单配置对象 作为配置中的一个值会导致替换整个proxy对象，丢失响应性\r\n * 2. options进行动态加载响应式的时候使用ref会导致组件报类型错误\r\n * 3. item.attr.value = props.data[item.key];  //依赖没有被收集\r\n * 4. h内部使用时，直接传入一个定义的对象，才会被收集响应式依赖，可以通过assign去合并，会保持响应式\r\n *\r\n * 组件会暴露一个formDom的ref用于表单验证\r\n * 提供了一个check属性方法，用于权限验证\r\n *\r\n * 表单选项的属性\r\n * 1. bind boolean，是否需要进行双向绑定，默认false，需要\r\n * 2. data string，是否需要自动加载选项数据（传递接口地址）\r\n * 3. filter object {depend,key}，依赖数据对象的那个键值，通过key（indexOf）进行筛选\r\n * 4. grid object，自定义这个表单项的布局\r\n * 5. permiss，需要的用户权限\r\n * 6. offset，出现在偏移位置时，自定义偏移的栅格数量\r\n * 7. visible，传递一个ref对象，响应式是否显示该表单\r\n * 8. key，绑定数据对象哪个键值\r\n * 9. attr，组件的一些属性\r\n * 10. rule，表单验证规则\r\n * 11. visible，是否展示\r\n * */\r\n\r\nimport {\r\n  Button,\r\n  Cascader,\r\n  Checkbox,\r\n  Col,\r\n  DatePicker,\r\n  Form,\r\n  FormItem,\r\n  Input,\r\n  InputNumber,\r\n  InputPassword,\r\n  InputSearch,\r\n  RadioGroup,\r\n  RangePicker,\r\n  Row,\r\n  Select,\r\n  Textarea,\r\n  TimePicker,\r\n  TimeRangePicker,\r\n  TreeSelect\r\n} from 'ant-design-vue'\r\n\r\n\r\nimport RangeNumber from './v-forms/v-range-number.vue';\r\nimport RadioButton from './v-forms/v-radio-button.vue';\r\nimport ItemPicker from './v-forms/v-item-picker/v-item-picker.vue';\r\nimport PickerIcon from './v-forms/v-picker-icon.vue';\r\nimport VAvatar from './v-forms/v-avatar.vue';\r\nimport Icon from './v-icon.vue';\r\n\r\n\r\nimport {h, isRef, toRaw, watch} from 'vue'\r\nimport {cloneDeep, debounce} from 'lodash'\r\nimport axios from \"axios\";\r\nimport load from \"@/common/load\";\r\nimport {store} from \"@/common\";\r\nimport {getTree} from \"@/common/tree\";\r\nimport dayjs from \"dayjs\";\r\n\r\n/**\r\n * 表单组件库\r\n * */\r\nconst components = {\r\n  'input': Input,\r\n  \"input-number\": InputNumber,\r\n  \"input-search\": InputSearch,\r\n  \"input-password\": InputPassword,\r\n  'date-picker': DatePicker,\r\n  'time-picker': TimePicker,\r\n  'time-range-picker': TimeRangePicker,\r\n  'range-picker': RangePicker,\r\n  'select': Select,\r\n  'avatar': VAvatar,\r\n  'checkbox': Checkbox,\r\n  \"input-range\": RangeNumber,\r\n  \"radio-button\": RadioButton,\r\n  \"radio\": RadioGroup,\r\n  \"cascader\": Cascader,\r\n  \"textarea\": Textarea,\r\n  \"TreeSelect\": TreeSelect,\r\n  \"PickerIcon\": PickerIcon,\r\n  'ItemPicker': ItemPicker\r\n}\r\n\r\n\r\n/**\r\n * 不作为输入星组件渲染\r\n * 绑定update:checked的组件有哪些\r\n * */\r\nconst checked = ['checkbox'];\r\n\r\n/**\r\n *\r\n * @param api 数据接口地址\r\n * @param options 选项的响应式变量\r\n * 加载数据的接口\r\n */\r\nconst loadOptions = {\r\n  /*下拉框初始化数据*/\r\n  select(api, options) {\r\n\r\n    load.loading(\"加载中...\"); //加载中\r\n\r\n    return axios.get(api)\r\n        .then(res => {\r\n          if (res.data.code) {\r\n\r\n            /**\r\n             * 如果长度为0\r\n             * */\r\n            if (res.data.data.length === 0) {\r\n              options.data = [];\r\n              return;\r\n            }\r\n\r\n            /**\r\n             * 获取对象的所有键\r\n             * */\r\n            const keys = Object.keys(res.data.data[0]);\r\n\r\n            const data = res.data.data.map((item) => {\r\n\r\n              const need = {\r\n                label: item[keys[1]],\r\n                value: item[keys[0]],\r\n              };\r\n\r\n              /**\r\n               * 如果元素个数大于2\r\n               * 则\r\n               * 复制属性\r\n               * */\r\n              if (keys.length > 2) {\r\n                for (let i = 2; i < keys.length && i < 5; i++) {\r\n                  need[keys[i]] = item[keys[i]];\r\n                }\r\n              }\r\n\r\n              return need;\r\n\r\n            })\r\n\r\n            options.save(data); //保存快照\r\n            options.data = data; //保存数据\r\n\r\n          } else {\r\n            load.error(res.data.errMsg);\r\n          }\r\n        }).catch(e => {\r\n          load.error(e.message);\r\n        }).finally(() => {\r\n          /* 关闭加载效果 */\r\n          load.loaded();\r\n        });\r\n\r\n  },\r\n  /*级联下拉加载数据*/\r\n  cascader(api, options) {\r\n\r\n    load.loading(\"加载中...\"); //加载中\r\n\r\n    return axios.get(api)\r\n        .then(res => {\r\n          if (res.data.code) {\r\n            /**\r\n             * 如果长度为0\r\n             * */\r\n            if (res.data.data.length === 0) {\r\n              options.data = [];\r\n              return;\r\n            }\r\n\r\n            options.save(res.data.data); //保存快照\r\n            options.data = res.data.data; //保存数据\r\n\r\n          } else {\r\n            load.error(res.data.errMsg);\r\n          }\r\n        }).catch(e => {\r\n          load.error(e.message);\r\n        }).finally(() => {\r\n          /* 关闭加载效果 */\r\n          load.loaded();\r\n        });\r\n  },\r\n  /*树形组件的数据加载*/\r\n  TreeSelect(api, options) {\r\n\r\n    load.loading(\"加载中...\"); //加载中\r\n\r\n    return axios.get(api)\r\n        .then(res => {\r\n\r\n          /**\r\n           * 判断请求结果\r\n           * */\r\n          if (res.data.code) {\r\n\r\n            /**\r\n             * 如果长度为0\r\n             * */\r\n            if (res.data.data.length === 0) {\r\n              options.data = [];\r\n              return;\r\n            }\r\n\r\n            const data = getTree(res.data.data.tree, res.data.data.pid);\r\n\r\n            options.save(data); //保存快照\r\n            options.data = data; //保存数据\r\n\r\n          } else {\r\n            /* 弹出错误原因 */\r\n            load.error(res.data.errMsg);\r\n          }\r\n        }).catch((e) => {\r\n          /* 弹出错误原因 */\r\n          load.error(e.message);\r\n        }).finally(() => {\r\n          /* 关闭加载效果 */\r\n          load.loaded();\r\n        });\r\n  }\r\n\r\n}\r\n\r\n\r\n/**\r\n * 每一个非文本的子元素都用函数返回\r\n * 返回单个vNode或者VNode的数组\r\n * */\r\nexport default {\r\n  props: {\r\n    /*表单*/\r\n    form: {\r\n      type: Object,\r\n      required: true\r\n    },\r\n    /* 表单的name */\r\n    name: {\r\n      require: false,\r\n      default: \"form\"\r\n    },\r\n    /*数据源*/\r\n    data: {\r\n      type: Object,\r\n      required: true\r\n    },\r\n    /*布局*/\r\n    layout: {\r\n      type: String,\r\n      default: \"horizontal\"\r\n    },\r\n    /*间隔*/\r\n    gutter: {\r\n      type: [Number, Object, Array],\r\n      default: 16\r\n    },\r\n    /*显示重置按钮*/\r\n    showReset: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    /*统一必选，非必选的label宽度*/\r\n    union: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    /*默认布局*/\r\n    grid: {\r\n      type: Object,\r\n      default: () => {\r\n        return {\r\n          xxl: 5,\r\n          xl: 7,\r\n          lg: 8,\r\n          md: 10,\r\n          sm: 12,\r\n          xs: 24,\r\n        }\r\n      }\r\n    },\r\n    /*label是否显示边框*/\r\n    showBorder: {\r\n      require: false,\r\n      default: false\r\n    },\r\n    /*权限验证*/\r\n    check: {\r\n      require: false,\r\n      default: null,\r\n      type: Function\r\n    },\r\n    /**\r\n     label宽度如何处理,fixed固定，fit自适应文字\r\n     */\r\n    label: {\r\n      required: false,\r\n      default: \"fit\"\r\n    },\r\n    /**\r\n     * 标签的宽度占比\r\n     * */\r\n    labelSpan: {\r\n      required: false,\r\n      default: 5\r\n    },\r\n    /**\r\n     * 是否需要自动间隔\r\n     * 空间不足时。是否自动插入一个空form-item\r\n     * */\r\n    offset: {\r\n      required: false,\r\n      default: true\r\n    }\r\n  },\r\n  emits: ['change'],\r\n  setup(props, {emit}) {\r\n\r\n    /**\r\n     * 自定义事件监听\r\n     * */\r\n    watch(() => props.data, () => emit(\"change\", props.data), {deep: true});\r\n\r\n\r\n    /**\r\n     * 水平模式下，无关padding和border\r\n     * */\r\n    const showBorder = props.showBorder && props.layout !== \"vertical\";\r\n    const hasPadding = (props.label !== 'fixed') && props.layout !== \"vertical\";\r\n\r\n\r\n    /**\r\n     * 如果没有指定label宽度比\r\n     * */\r\n    const labelSpan = !props['labelSpan'] ? (props.showBorder ? 7 : 5) : props['labelSpan'];\r\n\r\n\r\n    /**\r\n     * 子元素\r\n     * */\r\n    let forms = []; //最终结果\r\n\r\n    /**\r\n     * 是否需要权限验证\r\n     * 过滤无权使用的选项\r\n     * */\r\n    if (!!props.check) {\r\n      forms = props.form.filter((item) => {\r\n        return props.check(item);\r\n      })\r\n    } else {\r\n      forms = props.form;\r\n    }\r\n\r\n\r\n    const children = []; //最终结果\r\n\r\n    for (let i = 0; i < forms.length; i++) {\r\n\r\n      const item = forms[i]; //配置\r\n\r\n      /**\r\n       * 判断组件类型是否存在\r\n       * */\r\n      if (!components[item.type]) {\r\n        console.warn(i, item.key, item.type, \"组件不存在！\");\r\n        continue;\r\n      }\r\n\r\n      /**\r\n       * 时间类型的组件，转换为dayjs\r\n       * */\r\n      const ctype = ['date-picker', 'range-picker', 'time-picker', 'time-range-picker'].indexOf(item.type);\r\n\r\n      /* 判断 */\r\n      if (ctype > -1) {\r\n        if (!!props.data[item.key]) {\r\n\r\n          if (Array.isArray(props.data[item.key])) {\r\n\r\n            for (let i = 0; i < props.data[item.key].length; i++) {\r\n              if (!!props.data[item.key][i]) {\r\n\r\n                let datetime; //创建的dayjs对象\r\n\r\n                if (ctype > 1) {\r\n                  datetime = dayjs(dayjs().format('YYYY-MM-DD') + \" \" + props.data[item.key][i])\r\n                } else {\r\n                  datetime = dayjs(props.data[item.key][i]);\r\n                }\r\n\r\n                props.data[item.key][i] = datetime;\r\n              }\r\n            }\r\n\r\n          } else {\r\n            props.data[item.key] = dayjs(props.data[item.key])\r\n          }\r\n\r\n\r\n        }\r\n      }\r\n\r\n\r\n      /*如果定义了偏移位置*/\r\n      if (props.offset) {\r\n        if (i % 4 === 0 && i !== 0) {\r\n          children.push(h(Col, Object.assign({\r\n            xxl: 4,\r\n            xl: 0,\r\n            lg: 0,\r\n            md: 0,\r\n            sm: 0,\r\n            xs: 0\r\n          }, !item.offset ? {} : item.offset)));\r\n        }\r\n      }\r\n\r\n\r\n      /**\r\n       * 如果没有属性对象\r\n       * 则创建一个\r\n       * 创建属性对象\r\n       * */\r\n      if (!item.attr) {\r\n        item.attr = {};\r\n      }\r\n\r\n      /**\r\n       * 过滤基础属性\r\n       * 默认可清除\r\n       * */\r\n      // eslint-disable-next-line no-prototype-builtins\r\n      if (!item.attr.hasOwnProperty('allowClear')) {\r\n        item.attr.allowClear = true; //默认允许清空\r\n      }\r\n\r\n\r\n      /**\r\n       * 处理单选，多选框的不一致性\r\n       * */\r\n      if (checked.indexOf(item.type) >= 0) {\r\n\r\n        /**\r\n         * 如果需要双向绑定\r\n         * */\r\n        if (!item.bind) {\r\n          item.attr['onUpdate:checked'] = (value) => {\r\n            props.data[item.key] = value;\r\n          }\r\n        }\r\n\r\n        children.push(h(Col,\r\n            /* 表单组件的栅格布局 */\r\n            Object.assign({}, !item.grid ? {} : item.grid),\r\n            () => h(FormItem, {},\r\n                () => h(components[item.type],\r\n                    /* 选择类型组件的备选项 */\r\n                    Object.assign({checked: props.data[item.key]}, item.attr),\r\n                    /* 单选，多选的说明文本 */\r\n                    () => item.text)\r\n            )));\r\n\r\n      } else {\r\n\r\n\r\n        /**\r\n         * 如果需要双向绑定\r\n         * */\r\n        if (!item.bind) {\r\n          item.attr['onUpdate:value'] = (value) => {\r\n            props.data[item.key] = value;\r\n          }\r\n        }\r\n\r\n\r\n        /**\r\n         * 如果没有默认的options并且指定了接口\r\n         * */\r\n        const options = store([]); //标记是否需要合并options\r\n\r\n        /**\r\n         * 没有传递options，但是传递了接口地址\r\n         * */\r\n        if (!item.attr.hasOwnProperty('options') && !item.attr.hasOwnProperty('treeData') && item.hasOwnProperty('data')) {\r\n\r\n          /* 被点击时加载默认的数据 */\r\n          item.loaded = false; //默认数据没有加载完成\r\n\r\n          /* 组件被点击时初始化选项数据 */\r\n          item.attr.onClick = async () => {\r\n            if (item.loaded) return;//已加载，不重复加载\r\n            await loadOptions[item.type](item.data, options); //异步加载选项数据\r\n            item.loaded = true; //标记数据加载完成\r\n          }\r\n\r\n\r\n          /**\r\n           * 如果需要级联筛选\r\n           * 根据指定的key值动态筛选\r\n           * 直接指定options的不支持筛选\r\n           * */\r\n          if (item.hasOwnProperty(\"filter\")) {\r\n\r\n            /**\r\n             * 动态响应依赖的选项值\r\n             * */\r\n            watch(() => props.data[item.filter.depend],\r\n                debounce(() => {\r\n                  /**\r\n                   * 如果依赖的键没有值\r\n                   * */\r\n                  if (props.data[item.filter.depend].length === 0) {\r\n                    options.reset(); //重置数据到快照\r\n                    return false;\r\n                  }\r\n\r\n\r\n                  options.reset(); //重置数据到快照\r\n                  options.data = options.data.filter((option) => {\r\n\r\n                    /**\r\n                     * 数组和非数组\r\n                     * */\r\n                    if (Array.isArray(props.data[item.filter.depend])) {\r\n                      return props.data[item.filter.depend].indexOf(option[item.filter.key]) > -1;\r\n                    } else {\r\n                      return props.data[item.filter.depend] === option[item.filter.key];\r\n                    }\r\n                  })\r\n\r\n                }, 500), {\r\n                  deep: true\r\n                })\r\n          }\r\n\r\n\r\n        }\r\n\r\n        /**\r\n         xs  <576px\r\n         md  ≥768px\r\n         lg  ≥992px\r\n         xl  ≥1200px\r\n         xxl  ≥1600px\r\n         xxxl  ≥2000px\r\n         */\r\n        children.push(h(Col,\r\n            Object.assign(\r\n                cloneDeep(props.grid),\r\n                !item.grid ? {} : item.grid,\r\n                {\r\n                  index: i\r\n                }\r\n            ),\r\n            () => h(FormItem,\r\n                Object.assign({\r\n                      /**\r\n                       * 垂直布局时直接百分百即可\r\n                       * */\r\n                      label: item.label,\r\n                      name: item.key,\r\n                      class: {\"no-border\": item.type === \"radio\"},\r\n                      /* 自定义表单验证规则 */\r\n                      rules: Object.assign(\r\n                          {required: !!item.attr.required, message: item.attr.placeholder},\r\n                          /* 是否需要自定义校验 */\r\n                          !!item.attr.rules ? item.attr.rules : {})\r\n                    },\r\n                    /**\r\n                     * label标签是固定宽度还是自适应文字\r\n                     */\r\n                    props.label === \"fixed\" ? {\r\n                      \"label-col\": {span: (props.layout === \"vertical\" ? 24 : labelSpan)},\r\n                      \"wrapper-col\": {span: (props.layout === \"vertical\" ? 24 : 24 - labelSpan)},\r\n                    } : {}),\r\n                /*内部子元素*/\r\n                () => h(\r\n                    components[item.type],\r\n                    Object.assign(\r\n                        {\r\n                          value: props.data[item.key]\r\n                        }, item.attr,\r\n                        isRef(item.attr.options) ? {options: item.attr.options.value} : {},\r\n                        isRef(item.attr.treeData) ? {treeData: item.attr.treeData.value} : {},\r\n                        /* TreeSelect不一样 */\r\n                        options.data.length === 0 ? {} : (item.type === \"TreeSelect\" ? {treeData: options.data} : {options: options.data})))\r\n            )));\r\n\r\n\r\n      }\r\n\r\n\r\n    }\r\n\r\n    /**\r\n     * 判断是否需要显示重置按钮\r\n     */\r\n    if (props.showReset) {\r\n\r\n      /**\r\n       * 深拷贝初始数据对象\r\n       * 用于数据重置\r\n       * 必须toRaw\r\n       * */\r\n      const origin = cloneDeep(toRaw(props.data));\r\n\r\n      /**\r\n       * 写入重置筛选按钮\r\n       * */\r\n      children.push(\r\n          h(Button,\r\n              {\r\n                type: \"dashed\",\r\n                style: \"margin-bottom:15px;margin-left:10px;\",\r\n                onClick() {\r\n                  Object.assign(props.data, origin); //重置\r\n                }\r\n              },\r\n              {default: () => \"重置筛选\", icon: () => h(Icon, {icon: \"RedoOutlined\", size: \"12px\"})}))\r\n    }\r\n\r\n    return () => h(\r\n        /*Form组件*/\r\n        Form,\r\n        {\r\n          ref: 'formDom',\r\n          name: props.name,\r\n          model: props.data,\r\n          labelAlign: \"left\",\r\n          layout: props.layout,\r\n          class: props.layout + (showBorder ? \" show-border\" : \"\") + (hasPadding ? \" has-padding\" : \"\") + (props.union ? \" union\" : \"\"),\r\n          colon: false\r\n        },\r\n        /**\r\n         * 渲染表单内部的元素\r\n         * */\r\n        () => h(\r\n            /**\r\n             * Row组件\r\n             * Colums 之间的间隔\r\n             * */\r\n            Row, {gutter: props.gutter},\r\n            /**\r\n             * 遍历所有需要渲染的组件\r\n             * */\r\n            () => children.filter(node => {\r\n\r\n              /* 防止报错，无它 */\r\n              if (!forms[node.props.index]) {\r\n                return true;\r\n              }\r\n\r\n              const item = forms[node.props.index];\r\n\r\n              /* 没有visible属性，没有依赖项，直接显示 */\r\n              if (!item.hasOwnProperty(\"visible\")) {\r\n                return true;\r\n              } else {\r\n                /* 如果依赖的响应对象 */\r\n                if (isRef(forms[node.props.index].visible)) {\r\n                  return forms[node.props.index].visible.value;\r\n                } else {\r\n                  /* 是否展示 */\r\n                  return forms[node.props.index].visible;\r\n                }\r\n              }\r\n\r\n            })\r\n        ));\r\n  }\r\n}\r\n\r\n\r\n</script>\r\n\r\n\r\n<style lang=\"scss\" scoped>\r\n\r\n\r\n@mixin unique {\r\n\r\n  /*日期选择*/\r\n  .ant-picker, .ant-picker-range {\r\n    width: 100%;\r\n  }\r\n\r\n  /*强制单选组不换行*/\r\n  .ant-radio-group {\r\n    white-space: nowrap;\r\n  }\r\n\r\n  /*选择框去除做圆角*/\r\n  .ant-select-selector, .ant-input-affix-wrapper, .ant-picker, .ant-input-number {\r\n    width: 100%;\r\n    height: 32px;\r\n  }\r\n\r\n  /* 文本域特殊处理 */\r\n  .ant-input-textarea .ant-input-affix-wrapper, .ant-input-affix-wrapper-textarea-with-clear-btn {\r\n    height: fit-content !important;\r\n  }\r\n\r\n  textarea {\r\n    @include scroll-bar();\r\n  }\r\n}\r\n\r\n/*筛选的表单*/\r\n.horizontal {\r\n\r\n  margin: 5px 0 0;\r\n\r\n  :deep(.ant-form-item-with-help) {\r\n    margin-bottom: 0 !important;\r\n  }\r\n\r\n  :deep(.ant-form-item) {\r\n\r\n    /*display: flex;\r\n    align-items: flex-start;*/\r\n    width: 100%;\r\n    margin: 0 0 16px 0;\r\n\r\n\r\n    /*左标签*/\r\n    .ant-form-item-label-left {\r\n      @include flex-center;\r\n      justify-content: flex-start;\r\n      flex-shrink: 0;\r\n      height: 32px;\r\n\r\n      .ant-form-item-label {\r\n        height: fit-content;\r\n      }\r\n\r\n      .ant-form-item-no-colon {\r\n\r\n        &:after {\r\n          display: none;\r\n        }\r\n      }\r\n\r\n      /* 显示上面隐藏的透明色 */\r\n      .ant-form-item-required {\r\n        &:before {\r\n          color: red;\r\n        }\r\n      }\r\n    }\r\n\r\n\r\n    @include unique;\r\n\r\n  }\r\n\r\n  /* 按钮无边框 */\r\n  .no-border {\r\n    :deep(.ant-form-item-label-left) {\r\n      border: none;\r\n    }\r\n  }\r\n\r\n  /**\r\n    解决小屏版面异常的问题\r\n  */\r\n  @media (max-width: 575px) {\r\n    :deep(.ant-form-item) {\r\n      flex-wrap: nowrap;\r\n\r\n      .ant-form-item-label-left {\r\n        padding: 0;\r\n        max-width: 29.16666667%;\r\n      }\r\n\r\n      .ant-form-item-control {\r\n        max-width: 70.83333333%;\r\n      }\r\n\r\n      .ant-checkbox-wrapper {\r\n        span {\r\n          white-space: nowrap;\r\n        }\r\n      }\r\n\r\n    }\r\n  }\r\n}\r\n\r\n/*筛选的表单*/\r\n.vertical {\r\n  :deep(.ant-form-item) {\r\n    /*日期选择*/\r\n    @include unique;\r\n  }\r\n}\r\n\r\n.show-border {\r\n\r\n  :deep(.ant-form-item) {\r\n\r\n    .ant-form-item-label-left {\r\n      border: 1px solid $border-3;\r\n      border-right: none;\r\n      border-bottom-left-radius: 4px;\r\n      border-top-left-radius: 4px;\r\n      justify-content: center !important;\r\n    }\r\n\r\n    /* 选择框去除做圆角 */\r\n    .ant-select-selector, .ant-input-affix-wrapper, .ant-picker, .ant-input-number {\r\n      border-bottom-left-radius: 0;\r\n      border-top-left-radius: 0;\r\n    }\r\n\r\n  }\r\n}\r\n\r\n\r\n/* 是否拥有padding */\r\n.has-padding {\r\n  :deep(.ant-form-item) {\r\n    /* 左标签 */\r\n    .ant-form-item-label-left {\r\n      padding: 0 15px;\r\n    }\r\n  }\r\n\r\n}\r\n\r\n/* 统一必选和非必选的宽度 */\r\n.union {\r\n  :deep(.ant-form-item-no-colon) {\r\n    /* 保持统一的宽度 */\r\n    &:before {\r\n      display: inline-block;\r\n      margin-right: 4px;\r\n      color: transparent;\r\n      font-size: $font-size-3;\r\n      font-family: SimSun, sans-serif;\r\n      line-height: 1;\r\n      content: '*';\r\n    }\r\n  }\r\n}\r\n\r\n</style>","<template>\r\n  <a-space>\r\n    <a-button v-if=\"showRefresh\" @click=\"table.loadData\">刷新</a-button>\r\n    <a-popover overlayClassName=\"ant-popover-placement-column\" placement=\"bottomRight\" trigger=\"click\">\r\n      <template #title>\r\n        <div class=\"title\">\r\n          <div class=\"checkAll\">\r\n            <a-checkbox :indeterminate=\"!Allchecked\" v-model:checked=\"Allchecked\">列选项</a-checkbox>\r\n          </div>\r\n          <div class=\"reset\" @click=\"reset\">\r\n            <a>重置</a>\r\n          </div>\r\n        </div>\r\n      </template>\r\n\r\n\r\n      <template #content>\r\n\r\n        <div class=\"content\">\r\n          <div class=\"fixed\" v-if=\"sort.left.length > 0\">\r\n            <div class=\"title\">固定在左侧</div>\r\n            <div class=\"dragitem\" v-for=\"(item) of sort.left\" :key=\"item.title\">\r\n\r\n\r\n              <div class=\"drag\">\r\n                <v-icon icon=\"icon-drag\" size=\"14px\"/>\r\n              </div>\r\n\r\n\r\n              <template v-if=\"item.default\">\r\n                <div class=\"item\">\r\n                  <a-checkbox disabled v-model:checked=\"item.display\">{{ item.title }}</a-checkbox>\r\n                </div>\r\n              </template>\r\n              <template v-else>\r\n                <div class=\"item\">\r\n                  <a-checkbox v-model:checked=\"item.display\">{{ item.title }}</a-checkbox>\r\n                </div>\r\n              </template>\r\n\r\n\r\n              <div class=\"move\">\r\n                <a-tooltip>\r\n                  <template #title>不固定</template>\r\n\r\n                  <v-icon style=\"margin-right: 5px\" icon=\"VerticalAlignMiddleOutlined\" size=\"14px\"\r\n                          @click=\"item.fixed=false\"/>\r\n                </a-tooltip>\r\n\r\n                <a-tooltip>\r\n                  <template #title>固定到右侧</template>\r\n                  <v-icon icon=\"VerticalAlignBottomOutlined\" size=\"14px\" @click=\"item.fixed=right\"/>\r\n                </a-tooltip>\r\n              </div>\r\n\r\n\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"columns\">\r\n            <div class=\"title\" v-if=\"sort.left != 0 || sort.right != 0\">不固定</div>\r\n            <draggable\r\n                v-model=\"usedColumns\"\r\n                group=\"people\"\r\n                handle=\".drag\"\r\n                tag=\"div\"\r\n                :animation=\"200\"\r\n                item-key=\"title\">\r\n\r\n              <template #item=\"{element}\">\r\n\r\n                <template v-if=\"element.fixed === false\">\r\n\r\n\r\n                  <div class=\"dragitem\">\r\n\r\n                    <div class=\"drag\">\r\n                      <v-icon icon=\"icon-drag\" size=\"14px\"/>\r\n                    </div>\r\n\r\n                    <template v-if=\"element.default\">\r\n                      <div class=\"item\">\r\n                        <a-checkbox disabled v-model:checked=\"element.display\">{{ element.title }}</a-checkbox>\r\n                      </div>\r\n                    </template>\r\n                    <template v-else>\r\n                      <div class=\"item\">\r\n                        <a-checkbox v-model:checked=\"element.display\">{{ element.title }}</a-checkbox>\r\n                      </div>\r\n                    </template>\r\n\r\n\r\n                    <div class=\"move\">\r\n                      <a-tooltip>\r\n                        <template #title>固定到左侧</template>\r\n                        <v-icon style=\"margin-right: 5px\" icon=\"VerticalAlignTopOutlined\" size=\"14px\"\r\n                                @click=\"element.fixed='left'\"/>\r\n                      </a-tooltip>\r\n\r\n                      <a-tooltip>\r\n                        <template #title>固定到右侧</template>\r\n                        <v-icon icon=\"VerticalAlignBottomOutlined\" size=\"14px\" @click=\"element.fixed='right'\"/>\r\n                      </a-tooltip>\r\n                    </div>\r\n\r\n                  </div>\r\n                </template>\r\n              </template>\r\n            </draggable>\r\n          </div>\r\n\r\n          <div class=\"fixed\" v-if=\"sort.right.length > 0\">\r\n            <div class=\"title\">固定在右侧</div>\r\n            <div class=\"dragitem\" v-for=\"(item) of sort.right\" :key=\"item.title\">\r\n\r\n\r\n              <div class=\"drag\">\r\n                <v-icon icon=\"icon-drag\" size=\"14px\"/>\r\n              </div>\r\n\r\n              <template v-if=\"item.default\">\r\n                <div class=\"item\">\r\n                  <a-checkbox disabled v-model:checked=\"item.display\">{{ item.title }}</a-checkbox>\r\n                </div>\r\n              </template>\r\n              <template v-else>\r\n                <div class=\"item\">\r\n                  <a-checkbox v-model:checked=\"item.display\">{{ item.title }}</a-checkbox>\r\n                </div>\r\n              </template>\r\n\r\n              <div class=\"move\">\r\n                <a-tooltip>\r\n                  <template #title>不固定</template>\r\n                  <v-icon style=\"margin-right: 5px\" icon=\"VerticalAlignMiddleOutlined\" size=\"14px\"\r\n                          @click=\"item.fixed=false\"/>\r\n                </a-tooltip>\r\n\r\n                <a-tooltip>\r\n                  <template #title>固定到左侧</template>\r\n                  <v-icon icon=\"VerticalAlignTopOutlined\" size=\"14px\" @click=\"item.fixed='left'\"/>\r\n                </a-tooltip>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </template>\r\n      <a-tooltip>\r\n        <template #title>表格设置</template>\r\n        <v-icon icon=\"SettingOutlined\" size=\"14px\" style=\"cursor: pointer;margin-left: 5px;\"/>\r\n      </a-tooltip>\r\n    </a-popover>\r\n  </a-space>\r\n</template>\r\n\r\n\r\n<script setup>\r\nimport draggable from 'vuedraggable';\r\nimport pop from './v-pop';\r\nimport {inject} from 'vue';\r\n\r\n/* 刷新 */\r\ndefineProps({\r\n  showRefresh: {\r\n    default: true,\r\n    required: false\r\n  }\r\n})\r\n\r\nconst {Allchecked, usedColumns, reset, sort} = pop();\r\nconst table = inject('table'); //表格对象\r\n\r\n\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n/*弹出层*/\r\n.ant-popover-placement-column {\r\n\r\n  .ant-popover-arrow {\r\n    display: none;\r\n  }\r\n\r\n  .ant-popover-title {\r\n    min-width: 185px;\r\n    min-height: 32px;\r\n    margin: 0;\r\n    padding: 5px 16px 4px;\r\n    color: rgba(0, 0, 0, .85);\r\n    font-weight: 500;\r\n    border-bottom: 1px solid #f0f0f0;\r\n\r\n    .ant-checkbox-wrapper {\r\n      span:last-of-type {\r\n        line-height: normal;\r\n      }\r\n    }\r\n\r\n    .title {\r\n      height: 32px;\r\n      @include flex-center;\r\n      justify-content: space-between;\r\n      width: 100%;\r\n\r\n    }\r\n  }\r\n\r\n  .ant-popover-inner {\r\n    padding: 0 0 3px 3px;\r\n\r\n    .ant-popover-inner-content {\r\n      width: 210px;\r\n      padding: 0 0 8px;\r\n\r\n      .content {\r\n        overflow: auto;\r\n        @include scroll-bar;\r\n        max-height: 45vh;\r\n\r\n\r\n        .columns, .fixed {\r\n\r\n          padding: 3px;\r\n\r\n\r\n          .title {\r\n            margin-left: 10%;;\r\n            padding: 2px;\r\n            font-size: $font-size-4;\r\n          }\r\n\r\n          .dragitem {\r\n\r\n            @include flex-center;\r\n            justify-content: flex-start;\r\n            padding: 6px 4px;\r\n            border-radius: 3px;\r\n\r\n            &:hover {\r\n              background-color: rgba($primary-color, 0.1);\r\n\r\n              .move {\r\n                visibility: visible;\r\n              }\r\n            }\r\n\r\n            .drag {\r\n              width: 18%;\r\n              cursor: grab;\r\n            }\r\n\r\n            .item {\r\n              width: 60%;\r\n              @include overflow;\r\n            }\r\n\r\n            .move {\r\n              @include flex-center;\r\n              justify-content: flex-end;\r\n              width: 22%;\r\n\r\n              visibility: hidden;\r\n\r\n              span {\r\n                color: $primary-color;\r\n                cursor: pointer;\r\n              }\r\n            }\r\n          }\r\n        }\r\n\r\n        .fixed:first-of-type {\r\n          margin-top: 7px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n}\r\n</style>","import load from \"@/common/load\";\r\nimport {computed, inject} from \"vue\";\r\nimport {cloneDeep} from \"lodash\";\r\n\r\n\r\nexport default function () {\r\n\r\n    let usedColumns = inject(\"usedColumns\");\r\n    let defaultColumns = inject(\"defaultColumns\");\r\n    let sort = inject('sort'); //排序\r\n\r\n    /**\r\n     * 如果有一个不显示\r\n     * 代表没有全选\r\n     * */\r\n    let Allchecked = computed({\r\n        get() {\r\n            for (let i of usedColumns.value) {\r\n                if (!i.display) {\r\n                    return false;\r\n                }\r\n            }\r\n            return true;\r\n        },\r\n        set(newValue) {\r\n            if (newValue) {\r\n                for (let i of usedColumns.value) {\r\n                    i.display = true;\r\n                }\r\n            } else {\r\n                for (let i of usedColumns.value) {\r\n                    if (!i.default) {\r\n                        i.display = false;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    })\r\n\r\n\r\n    /**\r\n     * 重置列\r\n     * */\r\n    let reset = () => {\r\n        usedColumns.value = cloneDeep(defaultColumns.value);\r\n        load.success(\"重置成功！\")\r\n    }\r\n\r\n\r\n    return {\r\n        Allchecked,\r\n        usedColumns,\r\n        reset,\r\n        sort\r\n    }\r\n\r\n}","/*\r\n* @author 友人a丶\r\n* @date 2022-07-11\r\n* 全局接口\r\n* */\r\n\r\n\r\nconst url = new URL(window.location);\r\nconst BASE_URL = url.searchParams.get('api');\r\nconst BASE_KEY = url.searchParams.get('private');\r\n\r\n\r\nexport default {\r\n    events: `${BASE_URL}/?nicen_replay_get_all_logs=1&private=${BASE_KEY}`,\r\n    get: `${BASE_URL}/?nicen_replay_get_event=1&private=${BASE_KEY}`,\r\n    delete: `${BASE_URL}/?nicen_replay_delete_event=1&private=${BASE_KEY}`,\r\n}","<template>\r\n  <div class=\"main\">\r\n    <a-card title=\"演示\">\r\n      <template #extra>\r\n        <a-space>\r\n          <a-button @click=\"table.loadData\" type=\"primary\">查询</a-button>\r\n          <v-pop/>\r\n        </a-space>\r\n      </template>\r\n\r\n      <!-- 输出筛选条件 -->\r\n      <v-batch label=\"fixed\" :grid=\"{\r\n          xxl: 8,\r\n          xl: 8,\r\n          lg: 8,\r\n          md: 8,\r\n          sm: 8,\r\n          xs: 8\r\n        }\" layout=\"horizontal\" :showReset=\"true\" :form=\"form\" :data=\"table.condition.data\"/>\r\n\r\n      <v-table :indentSize=\"20\" :sticky=\"{offsetHeader: 0}\" rowsKey=\"ip\" :init=\"face\">\r\n\r\n        <template #summary>\r\n          <a-table-summary fixed=\"bottom\">\r\n            <a-table-summary-row>\r\n\r\n              <a-table-summary-cell>\r\n                <span style=\"white-space: nowrap;color: red;\">总计</span>\r\n              </a-table-summary-cell>\r\n\r\n              <a-table-summary-cell :colspan=\"10\">\r\n                <span style=\"white-space: nowrap;color: red;\">\r\n                当日数据：UV {{ summary.count }}，PV {{ summary.total }}\r\n                </span>\r\n              </a-table-summary-cell>\r\n\r\n            </a-table-summary-row>\r\n          </a-table-summary>\r\n        </template>\r\n\r\n        <template #bodyCell=\"{column,index,record }\">\r\n\r\n          <template v-if=\"column.title === 'ID'\">\r\n            {{ index + 1 }}\r\n          </template>\r\n\r\n          <template v-else-if=\"column.title === '操作'\">\r\n            <a-space>\r\n              <a @click=\"loadEvent(record.file)\">播放</a>\r\n              <a @click=\"deleteEvent(record.file)\">删除</a>\r\n            </a-space>\r\n          </template>\r\n\r\n        </template>\r\n      </v-table>\r\n\r\n    </a-card>\r\n  </div>\r\n\r\n\r\n  <div class=\"modal\" v-show=\"visible\">\r\n    <v-icon @click=\"close\" size=\"36\" class=\"close\" icon=\"CloseOutlined\"></v-icon>\r\n    <div class=\"container\">\r\n      <div class=\"player\" ref=\"player\"></div>\r\n    </div>\r\n  </div>\r\n\r\n</template>\r\n<script setup>\r\n/* eslint-disable */\r\nimport initTable from '@/common/init-table'\r\nimport {onMounted, reactive, ref} from \"vue\";\r\nimport api from \"@/config/api\";\r\nimport load from \"@/common/load\";\r\nimport axios from \"axios\";\r\nimport rrwebPlayer from \"rrweb-player\";\r\nimport 'rrweb-player/dist/style.css';\r\nimport {switchForm} from \"@/common\";\r\n\r\n\r\n/* 接口 */\r\nconst face = api.events\r\n\r\n/* 表单 */\r\nconst form = [\r\n  {\r\n    key: 'date',\r\n    type: \"date-picker\",\r\n    label: \"日期\",\r\n    attr: {\r\n      placeholder: \"选择日期\"\r\n    }\r\n  },\r\n  {\r\n    key: 'ip',\r\n    type: \"input\",\r\n    label: \"指定IP\",\r\n    attr: {\r\n      placeholder: \"输入指定IP\"\r\n    }\r\n  }\r\n];\r\n\r\n\r\nconst player = ref(null);\r\n\r\n/* 统计 */\r\nconst summary = reactive({\r\n  count: 0,\r\n  total: 0\r\n});\r\n\r\n\r\n/* 表格列配置 */\r\nconst columns = [\r\n  {\r\n    \"title\": \"IP\",\r\n    \"dataIndex\": \"ip\",\r\n    \"width\": 150\r\n  },\r\n  {\r\n    \"title\": \"IP地址\",\r\n    \"dataIndex\": \"city\",\r\n    \"width\": 150\r\n  },\r\n  {\r\n    \"title\": \"访问时间\",\r\n    \"dataIndex\": \"start\",\r\n    \"timestamp\": 'YYYY-MM-DD HH:mm:ss',\r\n    \"width\": 150\r\n  },\r\n  {\r\n    \"title\": \"最后更新\",\r\n    \"dataIndex\": \"time\",\r\n    \"timestamp\": 'YYYY-MM-DD HH:mm:ss',\r\n    \"width\": 150\r\n  },\r\n  {\r\n    \"title\": \"访问次数\",\r\n    \"dataIndex\": \"count\",\r\n    \"width\": 80\r\n  },\r\n  {\r\n    \"title\": \"日志大小\",\r\n    \"dataIndex\": \"size\",\r\n    \"width\": 150\r\n  },\r\n  {\r\n    \"title\": '操作',\r\n    \"width\": 100,\r\n    \"minWidth\": 100,\r\n    \"fixed\": \"right\"\r\n  }\r\n];\r\n\r\n\r\nconst table = initTable({\r\n  unique: 'rrweb-list-Table',\r\n  column: columns,\r\n  immediate: false,\r\n  filter: (data) => {\r\n\r\n    summary.total = data.length;\r\n\r\n    const json = data.sort((a, b) => {\r\n      return b.time - a.time;\r\n    })\r\n\r\n    const filter = Object.create(null);\r\n\r\n    json.forEach(item => {\r\n      if (!filter[item.ip]) {\r\n        filter[item.ip] = item;\r\n        filter[item.ip].children = [];\r\n        filter[item.ip].count = 1;\r\n      } else {\r\n        filter[item.ip].children.push(item);\r\n        filter[item.ip].count++;\r\n      }\r\n    })\r\n\r\n\r\n    const rows = Object.values(filter);\r\n    summary.count = rows.length;\r\n\r\n    rows.forEach(item => {\r\n      item.children = item.children.sort((a, b) => {\r\n        return b.time - a.time;\r\n      })\r\n    })\r\n\r\n    return {\r\n      data: rows\r\n    }\r\n  },\r\n  condition: {\r\n    date: null,\r\n    ip: null\r\n  }\r\n});\r\n\r\n\r\n/**\r\n * 加载数据\r\n */\r\nonMounted(() => {\r\n  table.loadData();\r\n})\r\n\r\n\r\nconst visible = ref(false);\r\nlet playing = null;\r\n\r\n/* 关闭 */\r\nconst close = () => {\r\n  playing.pause();\r\n  visible.value = false;\r\n}\r\n\r\n/**\r\n * 播放\r\n */\r\nconst play = (data) => {\r\n  visible.value = true;\r\n  player.value.innerHTML = \"\";\r\n  playing = new rrwebPlayer({\r\n    target: player.value, // customizable root element\r\n    props: {\r\n      events: data\r\n    },\r\n  });\r\n}\r\n\r\n\r\n/**\r\n * 加载事件\r\n */\r\nconst loadEvent = (file) => {\r\n\r\n  /* 延时 */\r\n  load.loading(\"加载中...\");\r\n\r\n  try {\r\n\r\n    /* 开始请求 */\r\n    axios.post(api.get, switchForm({\r\n      date: table.condition.data.date,\r\n      file: file\r\n    }))\r\n        .then((res) => {\r\n          if (res.data.code) {\r\n\r\n\r\n            /* 数据 */\r\n            const data = [];\r\n\r\n            /* 合并数据 */\r\n            res.data.data.forEach(item => {\r\n              if (item) {\r\n                item.forEach(event => {\r\n                  data.push(event);\r\n                });\r\n              }\r\n            })\r\n\r\n            /* 播放数据 */\r\n            play(data);\r\n\r\n            load.success(res.data.errMsg);\r\n\r\n          } else {\r\n            load.error(res.data.errMsg);\r\n          }\r\n\r\n          load.loaded();\r\n        }).catch((e) => {\r\n      load.error(e.message);\r\n    })\r\n\r\n\r\n  } catch (e) {\r\n    console.log(e)\r\n    load.error(e);\r\n  }\r\n\r\n}\r\n\r\n/**\r\n * 加载事件\r\n */\r\nconst deleteEvent = (file) => {\r\n\r\n  load.confirm('确认要删除这份数据吗？', () => {\r\n    /* 延时 */\r\n    load.loading(\"加载中...\");\r\n\r\n    try {\r\n\r\n      /* 开始请求 */\r\n      axios.post(api.delete, switchForm({\r\n        date: table.condition.data.date,\r\n        file: file\r\n      }))\r\n          .then((res) => {\r\n            if (res.data.code) {\r\n              /* 刷新数据 */\r\n              table.loadData();\r\n              load.success(res.data.errMsg);\r\n            } else {\r\n              load.error(res.data.errMsg);\r\n            }\r\n\r\n            load.loaded();\r\n          }).catch((e) => {\r\n        load.error(e.message);\r\n      })\r\n\r\n\r\n    } catch (e) {\r\n      console.log(e)\r\n      load.error(e);\r\n    }\r\n  })\r\n\r\n}\r\n\r\n\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n\r\n\r\n.main {\r\n  max-width: 1200px;\r\n  margin: 30px auto;\r\n  @include full;\r\n\r\n  .apply {\r\n    @include flex-center;\r\n    justify-content: center;\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n.modal {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  position: fixed;\r\n  z-index: 999;\r\n  width: 100vw;\r\n  height: 100vh;\r\n  top: 0;\r\n  left: 0;\r\n  background-color: rgba(#000000, 0.3);\r\n\r\n  .close {\r\n    position: absolute;\r\n    right: 50px;\r\n    top: 50px;\r\n    font-size: 24px;\r\n    color: white;\r\n  }\r\n}\r\n</style>","<template>\r\n  <a-config-provider :locale=\"zhCN\">\r\n    <Home/>\r\n  </a-config-provider>\r\n</template>\r\n\r\n<script setup>\r\n\r\n/*引入全局中文语言包*/\r\nimport zhCN from 'ant-design-vue/es/locale/zh_CN';\r\nimport dayjs from 'dayjs';\r\nimport 'dayjs/locale/zh-cn';\r\nimport Home from './Home.vue'\r\n\r\n/* dayjs中文语言包 */\r\ndayjs.locale('zh');\r\n\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n\r\n/* 全局样式 */\r\n* {\r\n  box-sizing: border-box;\r\n}\r\n\r\n/* 自定义字体 */\r\n@font-face {\r\n  font-family: DINPro;\r\n  src: url('@/assets/font/DINPro-Medium.otf'),\r\n}\r\n\r\n/* 自定义字体 */\r\nbody {\r\n  margin: 0;\r\n  padding: 0;\r\n  width: 100% !important;\r\n  background-color: transparent;\r\n\r\n  /*\r\n    保持滚动条显示\r\n    处理滚动条导致的抖动问题\r\n  */\r\n  @include scroll-bar;\r\n  overflow-y: scroll !important;\r\n\r\n  &::-webkit-scrollbar-thumb {\r\n    display: block;\r\n  }\r\n\r\n  /* 防止弹窗导致滚动条抖动 */\r\n  .ant-modal-centered {\r\n    @include scroll-bar;\r\n    overflow-y: scroll !important;\r\n\r\n    &::-webkit-scrollbar-thumb {\r\n      display: block;\r\n    }\r\n  }\r\n\r\n  #app {\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n\r\n  /* 全局表格字体替换 */\r\n  table td {\r\n    font-family: DINPro, PingFang SC, -apple-system, BlinkMacSystemFont, Segoe UI, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", Segoe UI Symbol !important;\r\n  }\r\n}\r\n\r\n</style>\r\n","/*\r\n* @author 友人a丶\r\n* @date \r\n* 窗口弹出后，设置overflow:hidden屏蔽下层页面的滚动\r\n* 窗口关闭后，恢复overflow:auto\r\n* */\r\nimport {watch} from \"vue\";\r\n\r\nexport default function (props) {\r\n\r\n    let not_to = false; //需要防止滚动\r\n\r\n    watch(() => props.visible, () => {\r\n\r\n        if (not_to) return;\r\n\r\n        if (props.visible) {\r\n\r\n\r\n            if (document.body.classList.contains('with_overflow')) {\r\n                not_to = true;\r\n                return;\r\n            }\r\n\r\n            document.body.classList.add(\"with_overflow\");\r\n        } else {\r\n            document.body.classList.remove(\"with_overflow\");\r\n        }\r\n    })\r\n}","<template>\r\n\r\n  <a-modal\r\n      :visible=\"visible\"\r\n      :maskClosable=\"false\"\r\n      :title=\"title\"\r\n      :width=\"width\"\r\n      class=\"antd-reset-modal\"\r\n      destroy-on-close\r\n      @cancel=\"close\"\r\n      :centered=\"centered\"\r\n      @ok=\"modify\">\r\n\r\n\r\n    <template #footer>\r\n\r\n      <template v-if=\"!footer\"></template>\r\n      <template v-else>\r\n        <div class=\"footer\">\r\n          <span class=\"info\">\r\n              <slot name=\"info\"></slot>\r\n          </span>\r\n          <a-space>\r\n            <a-button @click=\"close\">{{ cancelText }}</a-button>\r\n            <a-button type=\"primary\" :loading=\"loading\" @click=\"modify\">{{ okText }}</a-button>\r\n          </a-space>\r\n        </div>\r\n      </template>\r\n\r\n\r\n    </template>\r\n\r\n    <div class=\"container\" :style=\"{maxHeight:maxHeight}\" :class=\"add_class\" @scroll=\"e=>{e.stopPropagation()}\">\r\n\r\n      <v-batch\r\n          :check=\"check\"\r\n          ref=\"formDom\"\r\n          :offset=\"false\"\r\n          :label-span=\"labelSpan\"\r\n          :data=\"dataSource.data\"\r\n          :union=\"union\"\r\n          :form=\"form\"\r\n          :showBorder=\"showBorder\"\r\n          :layout=\"layout\"\r\n          :grid=\"grid\"\r\n          :name=\"name\"\r\n          label=\"fixed\"/>\r\n\r\n      <slot name=\"extra\"/>\r\n    </div>\r\n\r\n  </a-modal>\r\n\r\n</template>\r\n\r\n<script setup>\r\n/**\r\n * visible弹出的\r\n * */\r\nimport load from \"@/common/load\";\r\nimport axios from \"axios\";\r\nimport {inject, ref} from \"vue\";\r\nimport {switchForm} from \"@/common\";\r\nimport mask from '@/common/mask'\r\nimport qs from \"qs\";\r\nimport {cloneDeep} from \"lodash\";\r\n\r\n\r\nconst props = defineProps(\r\n    {\r\n      name: {\r\n        required: false,\r\n        type: String,\r\n        default: \"form\"\r\n      },\r\n      okText: {\r\n        required: false,\r\n        type: String,\r\n        default: \"确定\"\r\n      },\r\n      cancelText: {\r\n        required: false,\r\n        type: String,\r\n        default: \"取消\"\r\n      },\r\n      title: {\r\n        required: true\r\n      }, //居中\r\n      add_class: {\r\n        required: false\r\n      }, //样式\r\n      centered: {\r\n        required: false,\r\n        default: false\r\n      },\r\n      layout: {\r\n        required: false,\r\n        default: \"horizontal\"\r\n      },\r\n      grid: {\r\n        required: false,\r\n        default: {xxl: 24, xl: 24, lg: 24, md: 24, sm: 24, xs: 24}\r\n      },\r\n      footer: {\r\n        default: true,\r\n        required: false\r\n      },\r\n      message: {\r\n        required: false\r\n      }, //标题\r\n      init: {\r\n        required: false\r\n      }, //接口\r\n      visible: {\r\n        required: true\r\n      }, //显示\r\n      form: {\r\n        required: true\r\n      }, //表单配置\r\n      dataSource: {\r\n        required: true\r\n      }, //数据源\r\n      showBorder: {\r\n        default: true\r\n      },\r\n      union: {\r\n        default: false\r\n      },\r\n      /**\r\n       * 提交后的回调\r\n       * */\r\n      after: {\r\n        required: false,\r\n        default: null\r\n      },\r\n      /**\r\n       * 提交前的回调\r\n       * */\r\n      before: {\r\n        required: false,\r\n        default: null\r\n      },\r\n      check: {\r\n        required: false,\r\n        default: null\r\n      },\r\n      /**\r\n       * 自定义表单提交\r\n       * */\r\n      submit: {\r\n        required: false,\r\n        default: null\r\n      },\r\n      width: {\r\n        required: false,\r\n        default: \"520px\"\r\n      },\r\n      labelSpan: {\r\n        required: false,\r\n        default: false\r\n      },\r\n      hasTable: {\r\n        required: false,\r\n        default: true\r\n      },\r\n      loading: {\r\n        required: false,\r\n        default: false\r\n      },\r\n      format: {\r\n        default: \"YYYY-MM-DD\"\r\n      },\r\n      maxHeight: {\r\n        default: \"65vh\"\r\n      },\r\n      method: {\r\n        default: \"POST\"\r\n      }\r\n    });\r\n\r\nmask(props); //初始化滚动屏蔽\r\n\r\n//自定义事件\r\nconst emit = defineEmits(['update:visible']); //自定义事件\r\n//关闭弹窗\r\nconst close = () => {\r\n  emit('update:visible', false)\r\n};\r\n\r\n\r\nconst table = inject(\"table\", {\r\n  loadData: () => {\r\n  }\r\n}); //注入表格对象\r\nconst formDom = ref(null); //表单dom\r\n\r\n/**\r\n * 添加用户\r\n * */\r\nconst modify = async () => {\r\n\r\n\r\n  /* 没有接口直接终止 */\r\n  if (!props.init) return;\r\n\r\n  /* 待提交的数据 */\r\n  let data = cloneDeep(props.dataSource.data);\r\n\r\n  /*触发前的回调*/\r\n  if (props.before) {\r\n    /* 处理数据 */\r\n    data = await props.before(data);\r\n    /* 判断是否继续 */\r\n    if (!data) {\r\n      return false;\r\n    } //触发钩子\r\n  }\r\n\r\n  /**\r\n   * 表单验证\r\n   * */\r\n  formDom.value.$refs.formDom.validate().then(async () => {\r\n\r\n    /**\r\n     * 自定义上传\r\n     * */\r\n    if (props.submit) {\r\n\r\n      if (await props.submit(switchForm(data, props.format))) {\r\n\r\n        close(); //关闭弹窗\r\n\r\n        /* 有表格需要刷新 */\r\n        if (props.hasTable) {\r\n          table.loadData(); //重新加载表格数据\r\n        }\r\n\r\n      }\r\n      return;\r\n    }\r\n\r\n\r\n    /* 显示加载效果 */\r\n    load.loading(\"请求中...\");\r\n\r\n    /* 请求对象 */\r\n    const config = {\r\n      method: props.method,\r\n      url: props.init,\r\n      data: switchForm(props.dataSource.data, props.format)\r\n    }\r\n\r\n    /* 请求链接 */\r\n    if (props.method === 'get') {\r\n      config.url = config.url + \"?\" + qs.stringify(config.data);\r\n      delete config.data; //删除POST参数\r\n    }\r\n\r\n\r\n    /* 开始请求 */\r\n    axios.request(config)\r\n        .then((res) => {\r\n          /**\r\n           * 判断请求结果\r\n           * */\r\n          if (res.data.code) {\r\n\r\n            /* 是否自定义提交提示 */\r\n            if (props.message) {\r\n              load.success(res.data.errMsg);\r\n            } else {\r\n              load.success(res.data.errMsg);\r\n            }\r\n\r\n            close(); //关闭弹窗\r\n\r\n            /* 有表格需要刷新 */\r\n            if (props.hasTable) {\r\n              table.loadData(); //重新加载表格数据\r\n            }\r\n\r\n            /*提交后的回调*/\r\n            if (props.after) {\r\n              props.after(res.data); //触发钩子\r\n            }\r\n\r\n\r\n          } else {\r\n            /* 弹出错误原因 */\r\n            load.error(res.data.errMsg);\r\n          }\r\n        }).catch((e) => {\r\n      /* 弹出错误原因 */\r\n      load.error(e.message);\r\n    }).finally(() => {\r\n      /* 关闭加载效果 */\r\n      load.loaded();\r\n    });\r\n\r\n  }).catch((e) => {\r\n    console.log(e);\r\n    load.error(\"请按照要求填写数据！\")\r\n  })\r\n\r\n}\r\n\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n\r\n.container {\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n  padding: 20px 20px 20px 25px;\r\n  overflow: hidden;\r\n  overflow-y: auto;\r\n  @include scroll-bar();\r\n}\r\n\r\n.footer {\r\n  @include flex-center;\r\n  justify-content: space-between;\r\n\r\n  .info {\r\n    font-size: $font-size-5;\r\n  }\r\n}\r\n\r\n</style>\r\n","<template>\r\n\r\n  <a-modal\r\n      :visible=\"visible\"\r\n      :maskClosable=\"false\"\r\n      :title=\"title\"\r\n      :width=\"width\"\r\n      class=\"antd-reset-batch-modal\"\r\n      destroy-on-close\r\n      @cancel=\"close\"\r\n      :centered=\"centered\"\r\n      @ok=\"ok\">\r\n\r\n    <template #footer>\r\n\r\n      <template v-if=\"!footer\"></template>\r\n      <template v-else>\r\n        <div class=\"footer\">\r\n          <span class=\"info\">\r\n              <slot name=\"info\"></slot>\r\n          </span>\r\n          <a-space>\r\n            <a-button @click=\"close\">{{ cancelText }}</a-button>\r\n            <a-button type=\"primary\" :loading=\"loading\" @click=\"ok\">{{ okText }}</a-button>\r\n          </a-space>\r\n        </div>\r\n      </template>\r\n\r\n    </template>\r\n\r\n    <div ref=\"table\" class=\"table container\" :style=\"{maxHeight:maxHeight}\" :class=\"add_class\"\r\n         @scroll=\"e=>{e.stopPropagation()}\">\r\n\r\n      <!-- 表单 -->\r\n      <slot name=\"batch\"/>\r\n\r\n      <a-table\r\n          :columns=\"column\"\r\n          :dataSource=\"data.data.data\"\r\n          :loading=\"loadingTable\"\r\n          :pagination=\"!pagination?pagination:paginate\"\r\n          :row-class-name=\"(_record, index) => (index % 2 === 1 ? 'table-striped' : null)\"\r\n          :rowKey=\"key\"\r\n          :rowSelection=\"rowSelection===false?null:(rowSelection === true?selectConfig:rowSelection)\"\r\n          :scroll=\"scroll\"\r\n          :sticky=\"sticky\"\r\n          :size=\"size\"\r\n          v-model:expandedRowKeys=\"expandedRowKeys\"\r\n          @change=\"loadData\"\r\n          @resizeColumn=\"handleResizeColumn\">\r\n\r\n        <!--客户展开的详情-->\r\n        <template v-if=\"$slots.expandedRowRender\" #expandedRowRender=\"{ record }\">\r\n          <slot :record=\"record\" name=\"expandedRowRender\"/>\r\n        </template>\r\n\r\n        <template #headerCell=\"{ column }\">\r\n          <slot :column=\"column\" name=\"headerCell\"/>\r\n        </template>\r\n\r\n        <template #bodyCell=\"{text,record, index, column}\">\r\n          <template v-if=\"(text === null || text === '') && !column.empty \">\r\n            <span>-</span>\r\n          </template>\r\n          <slot v-else :column=\"column\" :index=\"index\" :record=\"record\" :text=\"text\" name=\"bodyCell\"/>\r\n        </template>\r\n\r\n        <template #summary>\r\n          <slot v-if=\"data.data.data.length > 0\" :data=\"data.data\" name=\"summary\"/>\r\n        </template>\r\n\r\n      </a-table>\r\n    </div>\r\n  </a-modal>\r\n</template>\r\n\r\n<script setup>\r\n\r\nimport initialize from './v-table'\r\nimport mask from \"@/common/mask\";\r\n\r\nconst props = defineProps({\r\n  okText: {\r\n    required: false,\r\n    type: String,\r\n    default: \"确定\"\r\n  },\r\n  cancelText: {\r\n    required: false,\r\n    type: String,\r\n    default: \"取消\"\r\n  },\r\n  loading: {\r\n    required: false,\r\n    default: false\r\n  },\r\n  width: {\r\n    required: false,\r\n    default: \"520px\"\r\n  },\r\n  title: {\r\n    required: true\r\n  },\r\n  add_class: {\r\n    required: false\r\n  },\r\n  maxHeight: {\r\n    default: \"65vh\"\r\n  },\r\n  footer: {\r\n    default: true,\r\n    required: false\r\n  },\r\n  centered: {\r\n    required: false,\r\n    default: false\r\n  },\r\n  init: {\r\n    required: false\r\n  }, //接口\r\n  visible: {\r\n    required: true\r\n  }, //显示\r\n  dataSource: {\r\n    required: false,\r\n    default: false\r\n  },\r\n  pagination: {\r\n    required: false,\r\n    default: {}\r\n  },\r\n  sticky: {\r\n    required: false,\r\n    default: {offsetHeader: 60}\r\n  },\r\n  rowsKey: {\r\n    required: false,\r\n    default: \"id\"\r\n  },\r\n  scroll: {\r\n    required: false,\r\n    default: () => ({x: 'max-content'})\r\n  },\r\n  size: {\r\n    required: false,\r\n    default: \"large\"\r\n  },\r\n  rowSelection: {\r\n    required: false,\r\n    default: false\r\n  }\r\n});\r\n\r\n/* 初始化滚动屏蔽 */\r\nmask(props);\r\n\r\n/* 自定义事件 */\r\nconst emit = defineEmits(['update:visible', 'ok']); //自定义事件\r\n\r\n/* 关闭弹窗 */\r\nconst close = () => {\r\n  emit('update:visible', false)\r\n};\r\n\r\n/* 点击确定 */\r\nconst ok = () => {\r\n  emit('ok')\r\n};\r\n\r\n\r\nlet {\r\n  column,\r\n  data,\r\n  key,\r\n  loadData,\r\n  loadingTable,\r\n  paginate,\r\n  handleResizeColumn,\r\n  selectConfig,\r\n  expandedRowKeys\r\n} = initialize(props);\r\n\r\n\r\n</script>\r\n\r\n\r\n<style lang=\"scss\" scoped>\r\n\r\n.container {\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n  padding: 20px 20px 0 25px;\r\n  overflow: hidden;\r\n  overflow-y: auto;\r\n  min-height: 60vh;\r\n  @include scroll-bar();\r\n}\r\n\r\n.footer {\r\n  @include flex-center;\r\n  justify-content: space-between;\r\n\r\n  .info {\r\n    font-size: $font-size-5;\r\n  }\r\n}\r\n\r\n.table {\r\n\r\n  :deep(.ant-table) {\r\n\r\n    font-family: DINPro, PingFang SC, -apple-system, BlinkMacSystemFont, Segoe UI, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", Segoe UI Symbol !important;\r\n\r\n    .ant-table-container {\r\n\r\n      .ant-table-content, .ant-table-body {\r\n        @include scroll-bar;\r\n\r\n        /* 滚动条样式 */\r\n        &::-webkit-scrollbar {\r\n          width: 10px !important;\r\n          height: 10px !important;\r\n        }\r\n      }\r\n\r\n      .ant-table-thead {\r\n\r\n\r\n        & > tr {\r\n\r\n          & > th {\r\n            position: relative;\r\n            color: rgba(0, 0, 0, .85);\r\n            font-weight: 500;\r\n            text-align: left;\r\n            background: $table-td;\r\n            border-bottom: 1px solid #f0f0f0;\r\n            -webkit-transition: background .3s ease;\r\n            transition: background .3s ease;\r\n            @include overflow;\r\n          }\r\n\r\n          & > .ant-table-selection-column {\r\n            text-align: center;\r\n          }\r\n        }\r\n      }\r\n\r\n      .table-striped {\r\n        background-color: #f6f9f9;\r\n      }\r\n\r\n      td, th {\r\n        font-size: $font-size-3 !important;\r\n      }\r\n\r\n\r\n    }\r\n\r\n    .ant-table-column-sort {\r\n      background: unset;\r\n    }\r\n\r\n  }\r\n}\r\n\r\n</style>","import {createApp} from 'vue'\r\nimport App from './App.vue'\r\nimport batch________import from \"@/common/imports\";\r\n\r\n\r\nconst app = createApp(App);\r\n\r\nbatch________import(app);\r\napp.mount('#app')\r\n","/*\r\n* @author 友人a丶\r\n* @date 2022-07-11\r\n* @app Vue应用对象\r\n* 批量导入指定文件夹内的所有组件\r\n* */\r\nexport default function (app) {\r\n    /*\r\n    * 指定要导入的文件目录\r\n    * 直接加载用globEager,懒加载用glob\r\n    * */\r\n    const modules = import.meta.glob([\r\n        '@/layouts/*.vue',\r\n        '@/layouts/*/*.vue',\r\n        '@/components/*.vue',\r\n        '@/components/*/*.vue'\r\n    ],{eager:true});\r\n\r\n    /*\r\n    * 批量引入组件\r\n    * */\r\n    for (let i in modules) {\r\n        let name=/(.*)?\\/(.*).vue/.exec(i);\r\n        app.component(name[2],modules[i].default);\r\n    }\r\n\r\n}"],"names":["_sfc_main","props","default","useLocalStorage","key","value","local","item","ref","primary","localStorage","getItem","JSON","parse","setItem","stringify","watch","debounce","deep","computed","get","set","newVlaue","removeItem","switchForm","data","format","condition","cloneDeep","isRef","i","isDayjs","Array","length","count","map","e","store","res","init","reactive","reset","Object","assign","$set","save","snap","hide","close","load","loading","text","message","content","duration","loaded","flag","error","success","info","config","Modal","title","centered","h","style","innerHTML","maskClosable","warning","confirm","callback","onOk","getTree","parent","isArray","Tree","pid","children","push","getNode","Node","nodes","concat","initialize","table","inject","expandedRowKeys","dataSource","hasOwnProperty","forEach","result","indexOf","pagination","current","pageSize","pageSizeOptions","showSizeChanger","showQuickJumper","total","column","loadingTable","editKey","create","filter","editable","dataIndex","loadData","paginate","filters","sorter","page","order","field","by","axios","post","then","code","defaultExpandAllRows","current_page","per_page","errMsg","catch","finally","immediate","onMounted","rowSelection","rowsAll","selectConfig","onChange","keys","rows","selectRows","selectedRowKeys","rowsKey","record","handleResizeColumn","w","col","width","selected","emit","Version","initTable","unique","localize","check","sort","left","plain","right","columns","fixed","resizable","display","empty","Columns","defaultColumns","usedColumns","items","sortable","compare","a","b","multiple","dayjs","isBefore","customCell","rowIndex","textContent","timestamp","provide","update","cols","visible","index","obj","id","k","add_data","submit","account_list","need_data","join","splice","ignore","icons","temp","$icon","list","containerProps","wrapperProps","useVirtualList","itemHeight","icon","clear","components","InputPassword","TimeRangePicker","select","Select","avatar","VAvatar","checkbox","Checkbox","radio","RadioGroup","cascader","Cascader","textarea","Textarea","checked","loadOptions","api","options","label","layout","gutter","union","required","offset","emits","setup","hasPadding","labelSpan","showBorder","forms","form","datetime","Col","xs","attr","allowClear","type","bind","grid","FormItem","depend","option","class","rules","span","treeData","showReset","origin","toRaw","Button","onClick","Icon","size","name","model","labelAlign","node","Allchecked","newValue","pop","url","URL","window","location","BASE_URL","searchParams","BASE_KEY","events","delete","face","placeholder","player","summary","minWidth","json","time","ip","values","date","playing","pause","loadEvent","file","event","rrwebPlayer","target","play","locale","mask","not_to","document","body","classList","contains","add","remove","formDom","modify","async","before","$refs","validate","hasTable","method","qs","request","after","ok","app","createApp","App","modules","__vite_glob_0_0","__vite_glob_0_1","__vite_glob_0_2","__vite_glob_0_3","__vite_glob_0_4","__vite_glob_0_5","__vite_glob_0_6","__vite_glob_0_7","__vite_glob_0_8","__vite_glob_0_9","exec","component","batch________import","mount"],"mappings":"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"}