@jetlinks-web/components 2.0.37 → 2.1.0

package/lib/EditTable/EditTable.js

@@ -0,0 +1,412 @@
+function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) {
+    const op = ops[i];
+    const fn = ops[i + 1];
+    i += 2;
+    if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) {
+        return undefined;
+    }
+    if (op === 'access' || op === 'optionalAccess') {
+        lastAccessLHS = value;
+        value = fn(value);
+    }
+    else if (op === 'call' || op === 'optionalCall') {
+        value = fn((...args) => value.call(lastAccessLHS, ...args));
+        lastAccessLHS = undefined;
+    }
+} return value; }
+/* Analyzed bindings: {
+  "serial": "props",
+  "validateRowKey": "props",
+  "FULL_SCREEN": "setup-maybe-ref",
+  "RIGHT_MENU": "setup-maybe-ref",
+  "TABLE_DATA_SOURCE": "setup-maybe-ref",
+  "TABLE_ERROR": "setup-maybe-ref",
+  "TABLE_TOOL": "setup-maybe-ref",
+  "TABLE_WRAPPER": "setup-maybe-ref",
+  "handleColumnsWidth": "setup-maybe-ref",
+  "useResizeObserver": "setup-maybe-ref",
+  "useValidate": "setup-maybe-ref",
+  "useFormContext": "setup-maybe-ref",
+  "tableProps": "setup-maybe-ref",
+  "Header": "setup-const",
+  "Body": "setup-const",
+  "useFullscreen": "setup-maybe-ref",
+  "provide": "setup-const",
+  "useAttrs": "setup-const",
+  "useSlots": "setup-const",
+  "ref": "setup-const",
+  "reactive": "setup-const",
+  "defineOptions": "setup-const",
+  "bodyProps": "setup-maybe-ref",
+  "defaultProps": "setup-maybe-ref",
+  "findIndex": "setup-maybe-ref",
+  "get": "setup-maybe-ref",
+  "sortBy": "setup-maybe-ref",
+  "emit": "setup-const",
+  "props": "setup-reactive-const",
+  "slots": "setup-maybe-ref",
+  "attrs": "setup-maybe-ref",
+  "myColumns": "setup-ref",
+  "tableWrapper": "setup-ref",
+  "tableBody": "setup-ref",
+  "horizontalScrollRef": "setup-ref",
+  "scrollMap": "setup-reactive-const",
+  "tableStyle": "setup-reactive-const",
+  "fields": "setup-const",
+  "fieldsErrMap": "setup-ref",
+  "sortData": "setup-reactive-const",
+  "_dataSource": "setup-maybe-ref",
+  "isFullscreen": "setup-maybe-ref",
+  "toggle": "setup-maybe-ref",
+  "rules": "setup-maybe-ref",
+  "validateItem": "setup-maybe-ref",
+  "validate": "setup-maybe-ref",
+  "errorMap": "setup-maybe-ref",
+  "addField": "setup-const",
+  "removeField": "setup-const",
+  "findField": "setup-const",
+  "removeFieldError": "setup-const",
+  "addFieldError": "setup-const",
+  "scrollWidth": "setup-maybe-ref",
+  "onHorizontalScroll": "setup-const",
+  "onResize": "setup-const",
+  "onScrollDown": "setup-const",
+  "rightMenu": "setup-const",
+  "scrollToById": "setup-const",
+  "scrollToByIndex": "setup-const",
+  "getTableWrapperRef": "setup-const"
+} */
+import { unref as _unref, renderSlot as _renderSlot, createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, createVNode as _createVNode, normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, withCtx as _withCtx, renderList as _renderList, createSlots as _createSlots, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, normalizeClass as _normalizeClass } from "vue";
+const _hoisted_1 = { class: "jetlinks-edit-table-extra" };
+const _hoisted_2 = { class: "jetlinks-edit-table" };
+const _hoisted_3 = {
+    key: 0,
+    class: "jetlinks-edit-table-horizontal-scroll"
+};
+import { FULL_SCREEN, RIGHT_MENU, TABLE_DATA_SOURCE, TABLE_ERROR, TABLE_TOOL, TABLE_WRAPPER } from './consts';
+import { handleColumnsWidth } from './utils';
+import { useResizeObserver, useValidate, useFormContext } from './hooks';
+import { tableProps } from 'ant-design-vue/lib/table';
+import Header from './header.js';
+import Body from './body.js';
+import { useFullscreen } from '@vueuse/core';
+import { provide, useAttrs, useSlots, ref, reactive, } from 'vue';
+import { bodyProps, defaultProps } from "./props";
+import { findIndex, get, sortBy } from 'lodash-es';
+const __sfc_main__ = Object.assign({
+    name: 'JEditTable'
+}, {
+    props: {
+        ...tableProps(),
+        ...defaultProps(),
+        ...bodyProps(),
+        serial: {
+            type: [Object, Boolean],
+            default: () => ({})
+        },
+        validateRowKey: {
+            type: Boolean,
+            default: false
+        },
+    },
+    emits: ['scrollDown', 'rightMenuClick', 'editChange', 'searchVisibleChange'],
+    setup(__props, { expose: __expose, emit: __emit }) {
+        const emit = __emit;
+        const props = __props;
+        const slots = useSlots();
+        const attrs = useAttrs();
+        const myColumns = ref([]);
+        const tableWrapper = ref();
+        const tableBody = ref();
+        const horizontalScrollRef = ref();
+        const scrollMap = reactive({
+            x: 0,
+            y: 0,
+            down: undefined
+        });
+        const tableStyle = reactive({
+            width: '100%',
+            height: props.height
+        });
+        const fields = {};
+        const fieldsErrMap = ref({});
+        const sortData = reactive({
+            key: undefined,
+            order: undefined,
+            orderKeys: [],
+            dataIndex: undefined
+        });
+        const _dataSource = computed(() => {
+            const sortDataSource = sortData.key ?
+                sortBy(props.dataSource, (val) => {
+                    if (!val.id)
+                        return 99999999;
+                    const index = findIndex(sortData.orderKeys, val2 => get(val, sortData.key) === val2);
+                    return sortData.order === 'desc' ? index : ~index + 1;
+                }) : props.dataSource;
+            sortDataSource.forEach((item, index) => {
+                item.__dataIndex = index;
+                item.__serial = index + 1;
+            });
+            return sortDataSource;
+        });
+        useResizeObserver(tableWrapper, onResize);
+        const { isFullscreen, toggle } = useFullscreen(tableWrapper);
+        const { rules, validateItem, validate, errorMap } = useValidate(_dataSource, props.columns, props.rowKey, {
+            onError: (err) => {
+                fieldsErrMap.value = {};
+                const errMap = {};
+                // 显示全部err红标
+                err.forEach((item, errIndex) => {
+                    item.forEach((e, eIndex) => {
+                        const field = findField(e.__dataIndex, e.field);
+                        const _eventKey = field ? field.eventKey : `${e.__dataIndex}-${e.field}`;
+                        if (field) {
+                            field.showErrorTip(e.message);
+                        }
+                        errMap[_eventKey] = e.message;
+                        if (errIndex === 0 && eIndex === 0) {
+                            setTimeout(() => {
+                                tableBody.value.scrollTo(e.__serial - 1);
+                            }, 10);
+                        }
+                    });
+                });
+                fieldsErrMap.value = errMap;
+            },
+            onSuccess: () => {
+                fieldsErrMap.value = {};
+            },
+            onEdit: () => {
+                emit('editChange', true);
+            },
+            validateRowKey: props.validateRowKey
+        });
+        provide(TABLE_WRAPPER, tableWrapper);
+        provide(FULL_SCREEN, isFullscreen);
+        provide(RIGHT_MENU, { click: rightMenu, getPopupContainer: () => tableWrapper.value });
+        provide(TABLE_ERROR, fieldsErrMap);
+        provide(TABLE_DATA_SOURCE, _dataSource);
+        provide(TABLE_TOOL, {
+            scrollTo: (record) => {
+                setTimeout(() => {
+                    tableBody.value.scrollTo(record.__serial);
+                }, 10);
+            },
+            selected: (keys) => {
+                tableBody.value.updateSelectedKeys(keys);
+            },
+            order: (type, key, orderKeys, dataIndex) => {
+                sortData.key = key;
+                sortData.order = type;
+                sortData.orderKeys = orderKeys;
+                sortData.dataIndex = dataIndex;
+            },
+            cleanOrder: () => {
+                sortData.key = undefined;
+                sortData.order = undefined;
+                sortData.orderKeys = [];
+                sortData.dataIndex = undefined;
+            },
+            searchVisible: (v) => {
+                emit('searchVisibleChange', v);
+            },
+            scrollMap,
+            sortData,
+            columns: myColumns
+        });
+        const addField = (key, field) => {
+            fields[key] = field;
+        };
+        const removeField = (key) => {
+            delete fields[key];
+        };
+        function findField(index, name) {
+            const fieldId = Object.keys(fields).find(key => {
+                const { names } = fields[key];
+                return names[0] === index && names[1] === name;
+            });
+            return fields[fieldId];
+        }
+        function removeFieldError(key) {
+            delete fieldsErrMap.value[key];
+        }
+        function addFieldError(key, message) {
+            fieldsErrMap.value[key] = message;
+        }
+        const scrollWidth = computed(() => {
+            let _width = 0;
+            if (props.dataSource.length * props.cellHeight) {
+                _width = 17;
+            }
+            if (_optionalChain([tableBody, 'access', _2 => _2.value, 'optionalAccess', _3 => _3.getViewScrollRef])) {
+                const viewScrollDom = _optionalChain([tableBody, 'access', _4 => _4.value, 'optionalAccess', _5 => _5.getViewScrollRef, 'call', _6 => _6()]);
+                const bodyContainer = viewScrollDom.querySelector('.jetlinks-edit-table-body-container');
+                _width = viewScrollDom.offsetWidth - bodyContainer.offsetWidth;
+            }
+            return _width;
+        });
+        const onHorizontalScroll = () => {
+            if (!horizontalScrollRef.value)
+                return;
+            const { clientWidth, scrollLeft, scrollWidth } = horizontalScrollRef.value;
+            scrollMap.x = scrollLeft;
+            if (clientWidth + scrollLeft >= scrollWidth) {
+                scrollMap.down = 'right';
+            }
+            else if (scrollLeft === 0) {
+                scrollMap.down = undefined;
+            }
+            else {
+                scrollMap.down = 'left';
+            }
+        };
+        function onResize({ width = 0, height }) {
+            const _width = width - scrollWidth.value;
+            tableStyle.width = width || '100%';
+            let newColumns = [...props.columns];
+            if (props.serial) {
+                const options = Object.assign({
+                    title: '序号',
+                    width: 66,
+                    fixed: 'left'
+                }, props.serial);
+                const serial = {
+                    dataIndex: '__serial',
+                    title: options.title,
+                    customRender: (customData) => {
+                        if (_optionalChain([props, 'access', _7 => _7.serial, 'optionalAccess', _8 => _8.customRender])) {
+                            return _optionalChain([props, 'access', _9 => _9.serial, 'optionalAccess', _10 => _10.customRender, 'call', _11 => _11(customData)]);
+                        }
+                        return customData.index + 1;
+                    },
+                    width: options.width,
+                    fixed: options.fixed
+                };
+                newColumns = [serial, ...props.columns];
+            }
+            myColumns.value = handleColumnsWidth(newColumns, _width, _optionalChain([props, 'access', _12 => _12.scroll, 'optionalAccess', _13 => _13.x]));
+        }
+        const onScrollDown = (len) => {
+            emit('scrollDown', len);
+        };
+        function rightMenu(menuType, record, copyValue) {
+            emit('rightMenuClick', menuType, record, copyValue);
+        }
+        const scrollToById = (key) => {
+            const _index = _dataSource.value.findIndex(item => item[props.rowKey] === key);
+            tableBody.value.scrollTo(_index);
+        };
+        const scrollToByIndex = (index) => {
+            tableBody.value.scrollTo(index);
+        };
+        const getTableWrapperRef = () => {
+            return tableWrapper.value;
+        };
+        watch(() => scrollWidth.value, () => {
+            onResize({ width: tableStyle.width });
+        });
+        useFormContext({
+            dataSource: computed(() => {
+                return props.dataSource;
+            }),
+            errorMap,
+            rules,
+            addField,
+            removeField,
+            removeFieldError,
+            addFieldError,
+            validateItem
+        });
+        __expose({
+            validate,
+            tableWrapper,
+            scrollToById,
+            scrollToByIndex,
+            getTableWrapperRef,
+        });
+        return (_ctx, _cache) => {
+            return (_openBlock(), _createElementBlock("div", {
+                class: _normalizeClass({
+                    'jetlinks-edit-table-wrapper': true,
+                    'table-full-screen': _unref(isFullscreen)
+                }),
+                ref_key: "tableWrapper",
+                ref: tableWrapper
+            }, [
+                _createElementVNode("div", _hoisted_1, [
+                    _renderSlot(_ctx.$slots, "extra", {
+                        isFullscreen: _unref(isFullscreen),
+                        fullScreenToggle: _unref(toggle)
+                    })
+                ]),
+                _createElementVNode("div", _hoisted_2, [
+                    _createElementVNode("div", {
+                        class: "jetlinks-edit-table-header",
+                        style: _normalizeStyle([{ "height": "50px" }, { paddingRight: _unref(scrollWidth) + 'px' }])
+                    }, [
+                        _createVNode(Header, {
+                            columns: myColumns.value,
+                            style: _normalizeStyle({ width: tableStyle.width }),
+                            rowKey: _ctx.rowKey
+                        }, null, 8 /* PROPS */, ["columns", "style", "rowKey"]),
+                        _createElementVNode("div", {
+                            class: "jetlinks-edit-table-header-scroll-hidden",
+                            style: _normalizeStyle({ width: _unref(scrollWidth) + 'px' })
+                        }, null, 4 /* STYLE */)
+                    ], 4 /* STYLE */),
+                    _createElementVNode("div", {
+                        class: "jetlinks-edit-table-body",
+                        style: _normalizeStyle({ width: tableStyle.width, height: `${_ctx.height}px` })
+                    }, [
+                        _createVNode(Body, {
+                            ref_key: "tableBody",
+                            ref: tableBody,
+                            dataSource: _unref(_dataSource),
+                            columns: myColumns.value,
+                            cellHeight: _ctx.cellHeight,
+                            height: _ctx.height,
+                            disableMenu: _ctx.disableMenu,
+                            rowKey: _ctx.rowKey,
+                            rowSelection: _ctx.rowSelection,
+                            onScrollDown: onScrollDown
+                        }, _createSlots({ _: 2 /* DYNAMIC */ }, [
+                            _renderList(_unref(slots), (_, name) => {
+                                return {
+                                    name: name,
+                                    fn: _withCtx((slotData) => [
+                                        _renderSlot(_ctx.$slots, name, _normalizeProps(_guardReactiveProps(slotData || {})))
+                                    ])
+                                };
+                            })
+                        ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["dataSource", "columns", "cellHeight", "height", "disableMenu", "rowKey", "rowSelection"]),
+                        _renderSlot(_ctx.$slots, "bodyExtra")
+                    ], 4 /* STYLE */),
+                    (_optionalChain([_ctx, 'access', _14 => _14.scroll, 'optionalAccess', _15 => _15.x]))
+                        ? (_openBlock(), _createElementBlock("div", _hoisted_3, [
+                            _createElementVNode("div", {
+                                class: "jetlinks-edit-table-horizontal-scroll-viewport",
+                                ref_key: "horizontalScrollRef",
+                                ref: horizontalScrollRef,
+                                onScroll: onHorizontalScroll
+                            }, [
+                                _createElementVNode("div", {
+                                    style: _normalizeStyle({
+                                        width: _ctx.scroll.x + 'px',
+                                        minWidth: _ctx.scroll.x + 'px',
+                                        maxWidth: _ctx.scroll.x + 'px'
+                                    })
+                                }, null, 4 /* STYLE */)
+                            ], 544 /* NEED_HYDRATION, NEED_PATCH */),
+                            _createElementVNode("div", {
+                                class: "jetlinks-edit-table-horizontal-scroll-hidden",
+                                style: _normalizeStyle({ width: _unref(scrollWidth) + 'px' })
+                            }, null, 4 /* STYLE */)
+                        ]))
+                        : _createCommentVNode("v-if", true)
+                ])
+            ], 2 /* CLASS */));
+        };
+    }
+});
+export default __sfc_main__;

package/lib/EditTable/Header.js

@@ -0,0 +1,242 @@
+function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) {
+    const op = ops[i];
+    const fn = ops[i + 1];
+    i += 2;
+    if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) {
+        return undefined;
+    }
+    if (op === 'access' || op === 'optionalAccess') {
+        lastAccessLHS = value;
+        value = fn(value);
+    }
+    else if (op === 'call' || op === 'optionalCall') {
+        value = fn((...args) => value.call(lastAccessLHS, ...args));
+        lastAccessLHS = undefined;
+    }
+} return value; }
+/* Analyzed bindings: {
+  "serial": "props",
+  "style": "props",
+  "SearchModal": "setup-maybe-ref",
+  "reactive": "setup-const",
+  "defineOptions": "setup-const",
+  "computed": "setup-const",
+  "defaultProps": "setup-maybe-ref",
+  "handleColumnFixed": "setup-maybe-ref",
+  "useTableTool": "setup-maybe-ref",
+  "props": "setup-reactive-const",
+  "tableTool": "setup-maybe-ref",
+  "columnFixedMap": "setup-ref",
+  "searchData": "setup-reactive-const",
+  "showFilter": "setup-const"
+} */
+import { unref as _unref, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, createCommentVNode as _createCommentVNode, resolveComponent as _resolveComponent, createBlock as _createBlock, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle } from "vue";
+const _hoisted_1 = ["id"];
+const _hoisted_2 = { class: "table-header-cell-title" };
+const _hoisted_3 = {
+    key: 0,
+    class: "header-cell-required"
+};
+const _hoisted_4 = {
+    key: 0,
+    class: "table-header-cell-trigger"
+};
+const _hoisted_5 = ["id"];
+const _hoisted_6 = { class: "table-header-cell-title" };
+const _hoisted_7 = {
+    key: 0,
+    class: "header-cell-required"
+};
+const _hoisted_8 = {
+    key: 0,
+    class: "table-header-cell-trigger"
+};
+const _hoisted_9 = ["id"];
+const _hoisted_10 = { class: "table-header-cell-title" };
+const _hoisted_11 = {
+    key: 0,
+    class: "header-cell-required"
+};
+const _hoisted_12 = {
+    key: 0,
+    class: "table-header-cell-trigger"
+};
+import { Search as SearchModal } from './components/Search';
+import { reactive, computed } from 'vue';
+import { defaultProps } from "./props";
+import { handleColumnFixed } from "./utils";
+import { useTableTool } from "./hooks";
+const __sfc_main__ = Object.assign({
+    name: 'JEditTableHeader'
+}, {
+    props: {
+        ...defaultProps(),
+        serial: {
+            type: Boolean,
+            default: false
+        },
+        style: {
+            type: Object,
+            default: undefined
+        }
+    },
+    setup(__props) {
+        const props = __props;
+        const tableTool = useTableTool();
+        const columnFixedMap = computed(() => {
+            return handleColumnFixed(props.columns);
+        });
+        const searchData = reactive({
+            visible: false,
+            key: undefined
+        });
+        const showFilter = (key) => {
+            searchData.visible = true;
+            searchData.key = key;
+        };
+        return (_ctx, _cache) => {
+            const _component_AIcon = _resolveComponent("AIcon");
+            return (_openBlock(), _createElementBlock(_Fragment, null, [
+                _createElementVNode("div", {
+                    class: "jetlinks-edit-table-header-container",
+                    style: _normalizeStyle(__props.style)
+                }, [
+                    (columnFixedMap.value.left.keys.length)
+                        ? (_openBlock(), _createElementBlock("div", {
+                            key: 0,
+                            class: "jetlinks-header-left",
+                            style: _normalizeStyle({
+                                maxWidth: columnFixedMap.value.left.width + 'px',
+                                minWidth: columnFixedMap.value.left.width + 'px',
+                                width: columnFixedMap.value.left.width + 'px',
+                                boxShadow: _unref(tableTool).scrollMap.x ? '0 0 12px 0 rgba(0 ,0, 0, .2)' : ''
+                            })
+                        }, [
+                            (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(columnFixedMap.value.left.keys, (item, index) => {
+                                return (_openBlock(), _createElementBlock("div", {
+                                    class: "jetlinks-edit-table-header-cell",
+                                    id: item.dataIndex,
+                                    style: _normalizeStyle({ width: `${item._width}px` })
+                                }, [
+                                    _createElementVNode("div", {
+                                        class: _normalizeClass({ 'jetlinks-edit-table-header-cell-box': true, 'header-cell-box-tool': !!(item.sort || item.filter) })
+                                    }, [
+                                        _createElementVNode("div", _hoisted_2, [
+                                            _createElementVNode("span", null, _toDisplayString(item.title), 1 /* TEXT */),
+                                            (_optionalChain([item, 'access', _ => _.form, 'optionalAccess', _2 => _2.required]))
+                                                ? (_openBlock(), _createElementBlock("span", _hoisted_3, "*"))
+                                                : _createCommentVNode("v-if", true)
+                                        ]),
+                                        (!!(item.filter))
+                                            ? (_openBlock(), _createElementBlock("div", _hoisted_4, [
+                                                (item.filter)
+                                                    ? (_openBlock(), _createBlock(_component_AIcon, {
+                                                        key: 0,
+                                                        type: "SearchOutlined",
+                                                        style: { "color": "rgba(0,0,0, 0.25)" },
+                                                        onClick: () => { showFilter(item.filter.key || item.dataIndex); }
+                                                    }, null, 8 /* PROPS */, ["onClick"]))
+                                                    : _createCommentVNode("v-if", true)
+                                            ]))
+                                            : _createCommentVNode("v-if", true)
+                                    ], 2 /* CLASS */)
+                                ], 12 /* STYLE, PROPS */, _hoisted_1));
+                            }), 256 /* UNKEYED_FRAGMENT */))
+                        ], 4 /* STYLE */))
+                        : _createCommentVNode("v-if", true),
+                    _createElementVNode("div", {
+                        class: "jetlinks-header-center",
+                        style: _normalizeStyle({ webkitTransform: `translate3d(-${_unref(tableTool).scrollMap.x}px, 0, 0)` })
+                    }, [
+                        _createElementVNode("div", {
+                            style: _normalizeStyle({ width: columnFixedMap.value.center.width + 'px' })
+                        }, [
+                            (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(columnFixedMap.value.center.keys, (item, index) => {
+                                return (_openBlock(), _createElementBlock("div", {
+                                    class: "jetlinks-edit-table-header-cell",
+                                    id: item.dataIndex,
+                                    style: _normalizeStyle({ width: `${item._width}px` })
+                                }, [
+                                    _createElementVNode("div", {
+                                        class: _normalizeClass({ 'jetlinks-edit-table-header-cell-box': true, 'header-cell-box-tool': !!(item.sort || item.filter) })
+                                    }, [
+                                        _createElementVNode("div", _hoisted_6, [
+                                            _createElementVNode("span", null, _toDisplayString(item.title), 1 /* TEXT */),
+                                            (_optionalChain([item, 'access', _3 => _3.form, 'optionalAccess', _4 => _4.required]))
+                                                ? (_openBlock(), _createElementBlock("span", _hoisted_7, "*"))
+                                                : _createCommentVNode("v-if", true)
+                                        ]),
+                                        (!!(item.filter))
+                                            ? (_openBlock(), _createElementBlock("div", _hoisted_8, [
+                                                (item.filter)
+                                                    ? (_openBlock(), _createBlock(_component_AIcon, {
+                                                        key: 0,
+                                                        type: "SearchOutlined",
+                                                        style: { "color": "rgba(0,0,0, 0.25)" },
+                                                        onClick: () => { showFilter(item.filter.key || item.dataIndex); }
+                                                    }, null, 8 /* PROPS */, ["onClick"]))
+                                                    : _createCommentVNode("v-if", true)
+                                            ]))
+                                            : _createCommentVNode("v-if", true)
+                                    ], 2 /* CLASS */)
+                                ], 12 /* STYLE, PROPS */, _hoisted_5));
+                            }), 256 /* UNKEYED_FRAGMENT */))
+                        ], 4 /* STYLE */)
+                    ], 4 /* STYLE */),
+                    (columnFixedMap.value.right.keys.length)
+                        ? (_openBlock(), _createElementBlock("div", {
+                            key: 1,
+                            class: "jetlinks-header-right",
+                            style: _normalizeStyle({
+                                maxWidth: columnFixedMap.value.right.width + 'px',
+                                minWidth: columnFixedMap.value.right.width + 'px',
+                                width: columnFixedMap.value.right.width + 'px',
+                                boxShadow: _unref(tableTool).scrollMap.down !== 'right' ? '0 0 12px 0 rgba(0 ,0, 0, .2)' : ''
+                            })
+                        }, [
+                            (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(columnFixedMap.value.right.keys, (item, index) => {
+                                return (_openBlock(), _createElementBlock("div", {
+                                    class: "jetlinks-edit-table-header-cell",
+                                    id: item.dataIndex,
+                                    style: _normalizeStyle({ width: `${item._width}px` })
+                                }, [
+                                    _createElementVNode("div", {
+                                        class: _normalizeClass({ 'jetlinks-edit-table-header-cell-box': true, 'header-cell-box-tool': !!(item.sort || item.filter) })
+                                    }, [
+                                        _createElementVNode("div", _hoisted_10, [
+                                            _createElementVNode("span", null, _toDisplayString(item.title), 1 /* TEXT */),
+                                            (_optionalChain([item, 'access', _5 => _5.form, 'optionalAccess', _6 => _6.required]))
+                                                ? (_openBlock(), _createElementBlock("span", _hoisted_11, "*"))
+                                                : _createCommentVNode("v-if", true)
+                                        ]),
+                                        (!!(item.filter))
+                                            ? (_openBlock(), _createElementBlock("div", _hoisted_12, [
+                                                (item.filter)
+                                                    ? (_openBlock(), _createBlock(_component_AIcon, {
+                                                        key: 0,
+                                                        type: "SearchOutlined",
+                                                        style: { "color": "rgba(0,0,0, 0.25)" },
+                                                        onClick: () => { showFilter(item.filter.key || item.dataIndex); }
+                                                    }, null, 8 /* PROPS */, ["onClick"]))
+                                                    : _createCommentVNode("v-if", true)
+                                            ]))
+                                            : _createCommentVNode("v-if", true)
+                                    ], 2 /* CLASS */)
+                                ], 12 /* STYLE, PROPS */, _hoisted_9));
+                            }), 256 /* UNKEYED_FRAGMENT */))
+                        ], 4 /* STYLE */))
+                        : _createCommentVNode("v-if", true)
+                ], 4 /* STYLE */),
+                (searchData.visible)
+                    ? (_openBlock(), _createBlock(_unref(SearchModal), {
+                        key: 0,
+                        searchKey: searchData.key,
+                        rowKey: _ctx.rowKey,
+                        onClose: _cache[0] || (_cache[0] = $event => (searchData.visible = false))
+                    }, null, 8 /* PROPS */, ["searchKey", "rowKey"]))
+                    : _createCommentVNode("v-if", true)
+            ], 64 /* STABLE_FRAGMENT */));
+        };
+    }
+});
+export default __sfc_main__;