@jetlinks-web/components 3.1.14 → 3.2.0

package/lib/EditTable/Body.js

@@ -1,312 +0,0 @@
-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: {
-  "groupKey": "props",
-  "width": "props",
-  "readonly": "props",
-  "ContextMenu": "setup-maybe-ref",
-  "useHScroll": "setup-maybe-ref",
-  "useRightMenuContext": "setup-maybe-ref",
-  "randomString": "setup-maybe-ref",
-  "bodyProps": "setup-maybe-ref",
-  "ref": "setup-const",
-  "reactive": "setup-const",
-  "computed": "setup-const",
-  "watch": "setup-const",
-  "onMounted": "setup-const",
-  "onBeforeUnmount": "setup-const",
-  "nextTick": "setup-const",
-  "Empty": "setup-const",
-  "CellRender": "setup-const",
-  "genEditTableStyle": "setup-maybe-ref",
-  "props": "setup-reactive-const",
-  "emit": "setup-const",
-  "prefixCls": "setup-ref",
-  "wrapSSR": "setup-maybe-ref",
-  "hashId": "setup-maybe-ref",
-  "viewScrollRef": "setup-ref",
-  "tableCenterRef": "setup-ref",
-  "virtualRang": "setup-reactive-const",
-  "containerStyle": "setup-ref",
-  "context": "setup-maybe-ref",
-  "hScroll": "setup-maybe-ref",
-  "scrollLock": "setup-let",
-  "menuInstance": "setup-let",
-  "maxLen": "setup-ref",
-  "selectedRowKeys": "setup-ref",
-  "virtualData": "setup-ref",
-  "onScroll": "setup-const",
-  "scrollTo": "setup-const",
-  "showContextMenu": "setup-const",
-  "rowClick": "setup-const",
-  "updateSelectedKeys": "setup-const"
-} */
-import { unref as _unref, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, createCommentVNode as _createCommentVNode, createBlock as _createBlock, withModifiers as _withModifiers, normalizeClass as _normalizeClass, createVNode as _createVNode } from "vue";
-const _hoisted_1 = { style: { position: 'relative' } };
-const _hoisted_2 = ["data-row-key", "onContextmenu", "onClick"];
-const _hoisted_3 = {
-    key: 0,
-    class: "body-cell-box"
-};
-const _hoisted_4 = {
-    key: 1,
-    class: "body-cell-box"
-};
-const _hoisted_5 = {
-    key: 1,
-    class: "readonly-mask"
-};
-const _hoisted_6 = { class: "jetlinks-edit-table-body-empty" };
-import ContextMenu from './components/ContextMenu';
-import { useHScroll, useRightMenuContext } from "./hooks";
-import { randomString } from "@jetlinks-web/utils";
-import { bodyProps } from "./props";
-import { ref, reactive, computed, watch, onMounted, onBeforeUnmount, nextTick } from 'vue';
-import Empty from '../Empty/Empty.js';
-import CellRender from './CellRender.js';
-import genEditTableStyle from './style';
-const __sfc_main__ = Object.assign({
-    name: 'JEditTableBody'
-}, {
-    props: {
-        ...bodyProps(),
-        groupKey: {
-            type: [String, Number],
-            default: undefined
-        },
-        width: {
-            type: Number
-        },
-        readonly: {
-            type: Boolean,
-            default: false
-        }
-    },
-    emits: ['update:dataSource', 'scrollDown'],
-    setup(__props, { expose: __expose, emit: __emit }) {
-        const props = __props;
-        const emit = __emit;
-        const prefixCls = computed(() => 'jetlinks-edit-table');
-        const [wrapSSR, hashId] = genEditTableStyle(prefixCls);
-        const viewScrollRef = ref();
-        const tableCenterRef = ref();
-        const virtualRang = reactive({
-            start: 0,
-            end: 15
-        });
-        const containerStyle = ref(0);
-        const context = useRightMenuContext();
-        const hScroll = useHScroll();
-        let scrollLock = ref(false);
-        let menuInstance;
-        const maxLen = computed(() => {
-            return Math.trunc(props.height / props.cellHeight);
-        });
-        const selectedRowKeys = ref([]);
-        const virtualData = computed(() => {
-            const array = props.dataSource.slice(virtualRang.start, virtualRang.end);
-            if (tableCenterRef.value) {
-                // tableCenterRef.value.style.webkitTransform  =  `translateY(${virtualRang.start * props.cellHeight}px)`
-            }
-            return array;
-        });
-        const onScroll = () => {
-            if (!viewScrollRef.value)
-                return;
-            const height = viewScrollRef.value.scrollTop;
-            const clientHeight = viewScrollRef.value.clientHeight;
-            const scrollHeight = viewScrollRef.value.scrollHeight;
-            const _index = Math.round(height / props.cellHeight) - 1;
-            const start = _index < 0 ? 0 : _index;
-            const end = start + maxLen.value + 4;
-            if (height + clientHeight >= props.dataSource.length * props.cellHeight && !scrollLock.value) { // 滚动到底
-                emit('scrollDown');
-                scrollLock.value = true;
-            }
-            virtualRang.start = start;
-            virtualRang.end = end;
-        };
-        const scrollTo = (index) => {
-            if (viewScrollRef.value) {
-                viewScrollRef.value.scrollTop = index * props.cellHeight;
-            }
-        };
-        const showContextMenu = (e, record, _index) => {
-            e.preventDefault();
-            if (props.disableMenu) {
-                record = {
-                    ...record,
-                    __index: _index
-                };
-                menuInstance = ContextMenu(e, record, context);
-            }
-        };
-        const rowClick = (record) => {
-            if (_optionalChain([props, 'access', _ => _.rowSelection, 'optionalAccess', _2 => _2.selectedRowKeys])) {
-                const rowSet = new Set(selectedRowKeys.value);
-                const key = record[props.rowKey];
-                const selected = !rowSet.has(key);
-                if (selected) {
-                    rowSet.delete(key);
-                }
-                else {
-                    rowSet.add(key);
-                }
-                _optionalChain([props, 'access', _3 => _3.rowSelection, 'access', _4 => _4.onSelect, 'optionalCall', _5 => _5(record, selected)]);
-                selectedRowKeys.value = [...rowSet.values()];
-            }
-        };
-        const updateSelectedKeys = (keys) => {
-            selectedRowKeys.value = keys;
-        };
-        onMounted(() => {
-            nextTick(() => {
-                onScroll();
-            });
-        });
-        onBeforeUnmount(() => {
-            _optionalChain([menuInstance, 'optionalAccess', _6 => _6.destroy, 'call', _7 => _7()]);
-            _optionalChain([menuInstance, 'optionalAccess', _8 => _8.cleanCopy, 'call', _9 => _9()]);
-        });
-        watch(() => JSON.stringify(_optionalChain([props, 'access', _10 => _10.rowSelection, 'optionalAccess', _11 => _11.selectedRowKeys])), (val) => {
-            selectedRowKeys.value = JSON.parse(val || '[]');
-        }, { immediate: true });
-        watch(() => props.dataSource, (val, oldVal) => {
-            props.dataSource.forEach((item, index) => {
-                if (!item.__key) {
-                    item.__key = randomString();
-                }
-            });
-        }, {
-            immediate: true,
-            deep: true
-        });
-        watch(() => props.dataSource.length, () => {
-            scrollLock.value = false;
-            containerStyle.value = {
-                height: props.dataSource.length * props.cellHeight + 'px'
-            };
-            if (props.dataSource.length <= maxLen.value || props.dataSource.length === 0) {
-                emit('scrollDown', maxLen.value - props.dataSource.length + 3);
-            }
-        }, { immediate: true });
-        watch(() => props.groupKey, () => {
-            if (props.openGroup) {
-                scrollTo(0);
-            }
-        });
-        __expose({
-            scrollTo,
-            updateSelectedKeys
-        });
-        return (_ctx, _cache) => {
-            return (_ctx.dataSource.length)
-                ? (_openBlock(), _createElementBlock("div", {
-                    key: 0,
-                    ref_key: "viewScrollRef",
-                    ref: viewScrollRef,
-                    class: _normalizeClass(['jetlinks-edit-table-body-viewport', _unref(hashId)]),
-                    style: _normalizeStyle({ ..._ctx.style, height: _ctx.height + 'px' }),
-                    onScroll: onScroll
-                }, [
-                    _createElementVNode("div", _hoisted_1, [
-                        _createElementVNode("div", {
-                            class: "jetlinks-edit-scrollbar",
-                            style: _normalizeStyle(containerStyle.value)
-                        }, null, 4 /* STYLE */),
-                        _createElementVNode("div", {
-                            class: "jetlinks-edit-table-center",
-                            ref_key: "tableCenterRef",
-                            ref: tableCenterRef,
-                            style: _normalizeStyle({
-                                transform: `translate3d(-${_unref(hScroll) || 0}px, ${virtualRang.start * _ctx.cellHeight}px, 0)`,
-                                width: __props.width + 'px'
-                            })
-                        }, [
-                            (virtualData.value.length)
-                                ? (_openBlock(true), _createElementBlock(_Fragment, { key: 0 }, _renderList(virtualData.value, (item, index) => {
-                                    return (_openBlock(), _createElementBlock("div", {
-                                        class: _normalizeClass({
-                                            'jetlinks-edit-table-row': true,
-                                            'jetlinks-edit-table-row-selected': _optionalChain([selectedRowKeys, 'access', _12 => _12.value, 'optionalAccess', _13 => _13.includes, 'call', _14 => _14(item[_ctx.rowKey] || virtualRang.start + index + 1)])
-                                        }),
-                                        key: `record_${item.__key}`,
-                                        style: _normalizeStyle({
-                                            height: `${_ctx.cellHeight}px`,
-                                            transform: `-${_unref(hScroll) || 0}px`
-                                        }),
-                                        "data-row-key": item[_ctx.rowKey] || virtualRang.start + index + 1,
-                                        onContextmenu: _withModifiers((e) => showContextMenu(e, item, virtualRang.start + index), ["right"]),
-                                        onClick: _withModifiers(() => rowClick(item), ["stop"])
-                                    }, [
-                                        (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.columns, (column, __index) => {
-                                            return (_openBlock(), _createElementBlock("div", {
-                                                class: "jetlinks-edit-table-cell",
-                                                style: _normalizeStyle({
-                                                    width: `${column.width}px`,
-                                                    left: `${column.left || 200 * __index}px`,
-                                                })
-                                            }, [
-                                                (column.dataIndex === '__serial')
-                                                    ? (_openBlock(), _createElementBlock("div", _hoisted_3, [
-                                                        _renderSlot(_ctx.$slots, "serial", {
-                                                            record: item,
-                                                            index: item.__dataIndex,
-                                                            column: column
-                                                        }, () => [
-                                                            _createTextVNode(_toDisplayString(virtualRang.start + index + 1), 1 /* TEXT */)
-                                                        ])
-                                                    ]))
-                                                    : (_openBlock(), _createElementBlock("div", _hoisted_4, [
-                                                        _renderSlot(_ctx.$slots, column.dataIndex, {
-                                                            record: item,
-                                                            index: item.__dataIndex,
-                                                            column: column
-                                                        }, () => [
-                                                            (column.customRender)
-                                                                ? (_openBlock(), _createBlock(CellRender, {
-                                                                    key: 0,
-                                                                    record: item,
-                                                                    value: item[column.dataIndex],
-                                                                    index: item.__dataIndex,
-                                                                    "render-fn": column.customRender
-                                                                }, null, 8 /* PROPS */, ["record", "value", "index", "render-fn"]))
-                                                                : (_openBlock(), _createElementBlock(_Fragment, { key: 1 }, [
-                                                                    _createTextVNode(_toDisplayString(item[column.dataIndex]), 1 /* TEXT */)
-                                                                ], 64 /* STABLE_FRAGMENT */))
-                                                        ])
-                                                    ]))
-                                            ], 4 /* STYLE */));
-                                        }), 256 /* UNKEYED_FRAGMENT */))
-                                    ], 46 /* CLASS, STYLE, PROPS, NEED_HYDRATION */, _hoisted_2));
-                                }), 128 /* KEYED_FRAGMENT */))
-                                : _createCommentVNode("v-if", true),
-                            (__props.readonly)
-                                ? (_openBlock(), _createElementBlock("div", _hoisted_5))
-                                : _createCommentVNode("v-if", true)
-                        ], 4 /* STYLE */)
-                    ])
-                ], 38 /* CLASS, STYLE, NEED_HYDRATION */))
-                : _renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
-                    _createElementVNode("div", _hoisted_6, [
-                        _createVNode(Empty)
-                    ])
-                ]);
-        };
-    }
-});
-export default __sfc_main__;

package/lib/EditTable/Header.js

@@ -1,164 +0,0 @@
-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: {
-  "columns": "props",
-  "searchColumns": "props",
-  "serial": "props",
-  "style": "props",
-  "SearchModal": "setup-maybe-ref",
-  "Sort": "setup-maybe-ref",
-  "reactive": "setup-const",
-  "computed": "setup-const",
-  "useHScroll": "setup-maybe-ref",
-  "useTableTool": "setup-maybe-ref",
-  "HeaderItemRender": "setup-const",
-  "useEditTableStyle": "setup-maybe-ref",
-  "props": "setup-reactive-const",
-  "prefixCls": "setup-ref",
-  "wrapSSR": "setup-maybe-ref",
-  "hashId": "setup-maybe-ref",
-  "tableTool": "setup-maybe-ref",
-  "hScroll": "setup-maybe-ref",
-  "searchData": "setup-reactive-const",
-  "showFilter": "setup-const",
-  "sortClick": "setup-const"
-} */
-import { unref as _unref, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, mergeProps as _mergeProps, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle } from "vue";
-const _hoisted_1 = ["id"];
-const _hoisted_2 = { class: "table-header-cell-title" };
-const _hoisted_3 = { class: "cell-title-box" };
-const _hoisted_4 = { key: 1 };
-const _hoisted_5 = {
-    key: 0,
-    class: "header-cell-required"
-};
-const _hoisted_6 = {
-    key: 0,
-    class: "table-header-cell-trigger"
-};
-import { SearchModal, Sort } from './components/Search';
-import { reactive, computed } from 'vue';
-import { useHScroll, useTableTool } from "./hooks";
-import HeaderItemRender from './HeaderRender.js';
-import useEditTableStyle from './style';
-const __sfc_main__ = Object.assign({
-    name: 'JEditTableHeader'
-}, {
-    props: {
-        columns: {
-            type: Array,
-            default: () => []
-        },
-        searchColumns: {
-            type: Array,
-            default: undefined
-        },
-        serial: {
-            type: Boolean,
-            default: false
-        },
-        style: {
-            type: Object,
-            default: undefined
-        }
-    },
-    setup(__props) {
-        const props = __props;
-        const prefixCls = computed(() => 'jetlinks-edit-table');
-        const [wrapSSR, hashId] = useEditTableStyle(prefixCls);
-        const tableTool = useTableTool();
-        const hScroll = useHScroll();
-        const searchData = reactive({
-            visible: false,
-            key: undefined
-        });
-        const showFilter = (key) => {
-            searchData.visible = true;
-            searchData.key = key;
-        };
-        const sortClick = () => {
-            searchData.visible = false;
-        };
-        return (_ctx, _cache) => {
-            const _component_AIcon = _resolveComponent("AIcon");
-            return (_openBlock(), _createElementBlock("div", {
-                class: _normalizeClass(['jetlinks-edit-table-header-container', _unref(hashId)]),
-                style: _normalizeStyle(__props.style)
-            }, [
-                (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(__props.columns, (item, index) => {
-                    return (_openBlock(), _createElementBlock("div", {
-                        class: "jetlinks-edit-table-header-cell",
-                        id: item.dataIndex,
-                        style: _normalizeStyle({ width: `${item.width}px`, left: `${item.left || (200 * index)}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("div", _hoisted_3, [
-                                    (item.render)
-                                        ? (_openBlock(), _createBlock(HeaderItemRender, {
-                                            key: 0,
-                                            "render-fn": item.render,
-                                            value: item.title
-                                        }, null, 8 /* PROPS */, ["render-fn", "value"]))
-                                        : (_openBlock(), _createElementBlock("span", _hoisted_4, _toDisplayString(item.title), 1 /* TEXT */))
-                                ]),
-                                (_optionalChain([item, 'access', _ => _.form, 'optionalAccess', _2 => _2.required]))
-                                    ? (_openBlock(), _createElementBlock("span", _hoisted_5, "*"))
-                                    : _createCommentVNode("v-if", true)
-                            ]),
-                            (!!(item.sort || item.filter))
-                                ? (_openBlock(), _createElementBlock("div", _hoisted_6, [
-                                    (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),
-                                    (item.sort)
-                                        ? (_openBlock(), _createBlock(_unref(Sort), _mergeProps({
-                                            key: 1,
-                                            ref_for: true
-                                        }, item.sort, {
-                                            key: item.dataIndex,
-                                            active: _unref(tableTool).sortData.dataIndex === item.dataIndex,
-                                            selectedRowKeys: _unref(tableTool).sortData.dataIndex === item.dataIndex ? _unref(tableTool).sortData.orderKeys : [],
-                                            dataIndex: item.dataIndex,
-                                            onClick: sortClick
-                                        }), null, 16 /* FULL_PROPS */, ["active", "selectedRowKeys", "dataIndex"]))
-                                        : _createCommentVNode("v-if", true)
-                                ]))
-                                : _createCommentVNode("v-if", true)
-                        ], 2 /* CLASS */)
-                    ], 12 /* STYLE, PROPS */, _hoisted_1));
-                }), 256 /* UNKEYED_FRAGMENT */)),
-                (searchData.visible)
-                    ? (_openBlock(), _createBlock(_unref(SearchModal), {
-                        key: 0,
-                        searchKey: searchData.key,
-                        columns: __props.searchColumns,
-                        onClose: _cache[0] || (_cache[0] = $event => (searchData.visible = false))
-                    }, null, 8 /* PROPS */, ["searchKey", "columns"]))
-                    : _createCommentVNode("v-if", true)
-            ], 6 /* CLASS, STYLE */));
-        };
-    }
-});
-export default __sfc_main__;

package/lib/EditTable/HeaderRender.js

@@ -1,12 +0,0 @@
-/* Analyzed bindings: {} */
-import { defineComponent } from 'vue';
-const __sfc_main__ = defineComponent({
-    name: "HeaderItemRender",
-    props: ['renderFn', 'value'],
-    setup(props) {
-        return () => {
-            return props.renderFn(props.value);
-        };
-    }
-});
-export default __sfc_main__;