@jetlinks-web/components 2.4.25 → 2.5.0

package/es/EditTable/Body.js

@@ -16,12 +16,11 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
 } return value; }
 /* Analyzed bindings: {
   "groupKey": "props",
+  "readonly": "props",
   "ContextMenu": "setup-maybe-ref",
   "useRightMenuContext": "setup-maybe-ref",
-  "useTableTool": "setup-maybe-ref",
   "randomString": "setup-maybe-ref",
   "bodyProps": "setup-maybe-ref",
-  "defaultProps": "setup-maybe-ref",
   "ref": "setup-const",
   "reactive": "setup-const",
   "computed": "setup-const",
@@ -29,55 +28,59 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "onMounted": "setup-const",
   "onBeforeUnmount": "setup-const",
   "nextTick": "setup-const",
-  "handleColumnFixed": "setup-maybe-ref",
+  "Empty": "setup-const",
   "props": "setup-reactive-const",
   "emit": "setup-const",
   "viewScrollRef": "setup-ref",
+  "tableCenterRef": "setup-ref",
   "virtualRang": "setup-reactive-const",
   "containerStyle": "setup-ref",
   "context": "setup-maybe-ref",
-  "tableTool": "setup-maybe-ref",
-  "selectedRowKeys": "setup-ref",
-  "hoverKeys": "setup-ref",
-  "scrollLock": "setup-ref",
+  "scrollLock": "setup-let",
   "menuInstance": "setup-let",
   "maxLen": "setup-ref",
+  "selectedRowKeys": "setup-ref",
   "virtualData": "setup-ref",
-  "columnFixedMap": "setup-ref",
   "onScroll": "setup-const",
   "scrollTo": "setup-const",
   "showContextMenu": "setup-const",
   "rowClick": "setup-const",
-  "updateSelectedKeys": "setup-const",
-  "getViewScrollRef": "setup-const"
+  "updateSelectedKeys": "setup-const"
 } */
-import { normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, unref as _unref, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, withModifiers as _withModifiers, normalizeClass as _normalizeClass, createCommentVNode as _createCommentVNode, resolveComponent as _resolveComponent, createVNode as _createVNode } from "vue";
-const _hoisted_1 = {
-    class: "jetlinks-edit-table-body-container",
-    style: { position: 'relative' }
+import { 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, 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_2 = ["data-row-key", "onContextmenu", "onClick", "onMouseover"];
-const _hoisted_3 = { class: "body-cell-box" };
-const _hoisted_4 = ["data-row-key", "onContextmenu", "onClick", "onMouseover"];
-const _hoisted_5 = { class: "body-cell-box" };
-const _hoisted_6 = ["data-row-key", "onContextmenu", "onClick", "onMouseover"];
-const _hoisted_7 = { class: "body-cell-box" };
-const _hoisted_8 = { class: "jetlinks-edit-table-body-empty" };
+const _hoisted_6 = { class: "jetlinks-edit-table-body-empty" };
 import ContextMenu from './components/ContextMenu';
-import { useRightMenuContext, useTableTool } from "./hooks";
+import { useRightMenuContext } from "./hooks";
 import { randomString } from "@jetlinks-web/utils";
-import { bodyProps, defaultProps } from "./props";
+import { bodyProps } from "./props";
 import { ref, reactive, computed, watch, onMounted, onBeforeUnmount, nextTick } from 'vue';
-import { handleColumnFixed } from "./utils";
+import Empty from '../Empty/Empty.js';
 const __sfc_main__ = Object.assign({
     name: 'JEditTableBody'
 }, {
     props: {
-        ...defaultProps(),
         ...bodyProps(),
         groupKey: {
             type: [String, Number],
             default: undefined
+        },
+        readonly: {
+            type: Boolean,
+            default: false
         }
     },
     emits: ['update:dataSource', 'scrollDown'],
@@ -85,23 +88,25 @@ const __sfc_main__ = Object.assign({
         const props = __props;
         const emit = __emit;
         const viewScrollRef = ref();
+        const tableCenterRef = ref();
         const virtualRang = reactive({
             start: 0,
             end: 15
         });
         const containerStyle = ref(0);
         const context = useRightMenuContext();
-        const tableTool = useTableTool();
-        const selectedRowKeys = ref([]);
-        const hoverKeys = ref();
-        const scrollLock = ref(false);
+        let scrollLock = ref(false);
         let menuInstance;
         const maxLen = computed(() => {
             return Math.trunc(props.height / props.cellHeight);
         });
-        const virtualData = computed(() => props.dataSource.slice(virtualRang.start, virtualRang.end));
-        const columnFixedMap = computed(() => {
-            return handleColumnFixed(props.columns);
+        const selectedRowKeys = ref([]);
+        const virtualData = computed(() => {
+            const array = props.dataSource.slice(virtualRang.start, virtualRang.end);
+            if (tableCenterRef.value) {
+                tableCenterRef.value.style.webkitTransform = `translate3d(0, ${virtualRang.start * props.cellHeight}px, 0)`;
+            }
+            return array;
         });
         const onScroll = () => {
             if (!viewScrollRef.value)
@@ -118,17 +123,15 @@ const __sfc_main__ = Object.assign({
             }
             virtualRang.start = start;
             virtualRang.end = end;
-            // updateVirtualData(start, end)
         };
         const scrollTo = (index) => {
             if (viewScrollRef.value) {
-                let top = index * props.cellHeight;
-                viewScrollRef.value.scrollTop = top;
+                viewScrollRef.value.scrollTop = index * props.cellHeight;
             }
         };
         const showContextMenu = (e, record, _index) => {
             e.preventDefault();
-            if (!props.disableMenu) {
+            if (props.disableMenu) {
                 record = {
                     ...record,
                     __index: _index
@@ -154,8 +157,16 @@ const __sfc_main__ = Object.assign({
         const updateSelectedKeys = (keys) => {
             selectedRowKeys.value = keys;
         };
-        const getViewScrollRef = () => viewScrollRef.value;
-        watch(() => JSON.stringify(_optionalChain([props, 'access', _6 => _6.rowSelection, 'optionalAccess', _7 => _7.selectedRowKeys])), (val) => {
+        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) => {
@@ -177,32 +188,23 @@ const __sfc_main__ = Object.assign({
                 emit('scrollDown', maxLen.value - props.dataSource.length + 3);
             }
         }, { immediate: true });
-        // watch(() => props.height, () => {
-        //   updateView()
-        // })
-        onMounted(() => {
-            nextTick(() => {
-                onScroll();
-            });
-        });
-        onBeforeUnmount(() => {
-            _optionalChain([menuInstance, 'optionalAccess', _8 => _8.destroy, 'call', _9 => _9()]);
-            _optionalChain([menuInstance, 'optionalAccess', _10 => _10.cleanCopy, 'call', _11 => _11()]);
+        watch(() => props.groupKey, () => {
+            if (props.openGroup) {
+                scrollTo(0);
+            }
         });
         __expose({
             scrollTo,
-            updateSelectedKeys,
-            getViewScrollRef
+            updateSelectedKeys
         });
         return (_ctx, _cache) => {
-            const _component_j_empty = _resolveComponent("j-empty");
             return (_ctx.dataSource.length)
                 ? (_openBlock(), _createElementBlock("div", {
                     key: 0,
-                    class: "jetlinks-edit-table-body-viewport",
-                    style: _normalizeStyle({ ..._ctx.style, height: _ctx.height + 'px' }),
                     ref_key: "viewScrollRef",
                     ref: viewScrollRef,
+                    class: "jetlinks-edit-table-body-viewport",
+                    style: _normalizeStyle({ ..._ctx.style, height: _ctx.height + 'px' }),
                     onScroll: onScroll
                 }, [
                     _createElementVNode("div", _hoisted_1, [
@@ -210,157 +212,65 @@ const __sfc_main__ = Object.assign({
                             class: "jetlinks-edit-scrollbar",
                             style: _normalizeStyle(containerStyle.value)
                         }, null, 4 /* STYLE */),
-                        (columnFixedMap.value.left.keys.length)
-                            ? (_openBlock(), _createElementBlock("div", {
-                                key: 0,
-                                class: "jetlinks-edit-table-left",
-                                style: _normalizeStyle({
-                                    webkitTransform: `translate3d(0, ${virtualRang.start * props.cellHeight}px, 0)`,
-                                    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(virtualData.value, (item, index) => {
+                        _createElementVNode("div", {
+                            class: "jetlinks-edit-table-center",
+                            ref_key: "tableCenterRef",
+                            ref: tableCenterRef
+                        }, [
+                            (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)]),
-                                            'jetlinks-edit-table-row-hover': hoverKeys.value === (item[_ctx.rowKey] || virtualRang.start + index + 1)
+                                            '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: 'left' + index,
-                                        style: _normalizeStyle({ height: `${_ctx.cellHeight}px` }),
+                                        key: `record_${item.__key}`,
+                                        style: _normalizeStyle({ height: `${_ctx.cellHeight}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"]),
-                                        onMouseover: $event => (hoverKeys.value = (item[_ctx.rowKey] || virtualRang.start + index + 1)),
-                                        onMouseleave: _cache[0] || (_cache[0] = $event => (hoverKeys.value = undefined))
+                                        onClick: _withModifiers(() => rowClick(item), ["stop"])
                                     }, [
-                                        (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(columnFixedMap.value.left.keys, (column) => {
+                                        (_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`,
+                                                    width: `${column.width}px`,
+                                                    left: `${column.left || 200 * __index}px`,
                                                 })
                                             }, [
-                                                _createElementVNode("div", _hoisted_3, [
-                                                    _renderSlot(_ctx.$slots, column.dataIndex, {
-                                                        record: item,
-                                                        index: item.__dataIndex,
-                                                        column: column
-                                                    }, () => [
-                                                        _createTextVNode(_toDisplayString(column.dataIndex === '__serial' ? virtualRang.start + index + 1 : item[column.dataIndex]), 1 /* TEXT */)
-                                                    ])
-                                                ])
-                                            ], 4 /* STYLE */));
-                                        }), 256 /* UNKEYED_FRAGMENT */))
-                                    ], 46 /* CLASS, STYLE, PROPS, NEED_HYDRATION */, _hoisted_2));
-                                }), 128 /* KEYED_FRAGMENT */))
-                            ], 4 /* STYLE */))
-                            : _createCommentVNode("v-if", true),
-                        _createElementVNode("div", {
-                            class: "jetlinks-edit-table-center",
-                            style: _normalizeStyle({
-                                webkitTransform: `translate3d(-${_unref(tableTool).scrollMap.x}px, ${virtualRang.start * props.cellHeight}px, 0)`
-                            })
-                        }, [
-                            _createElementVNode("div", {
-                                style: _normalizeStyle({ width: columnFixedMap.value.center.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', _15 => _15.value, 'optionalAccess', _16 => _16.includes, 'call', _17 => _17(item[_ctx.rowKey] || virtualRang.start + index + 1)]),
-                                                'jetlinks-edit-table-row-hover': hoverKeys.value === (item[_ctx.rowKey] || virtualRang.start + index + 1)
-                                            }),
-                                            key: 'center' + index,
-                                            style: _normalizeStyle({ height: `${_ctx.cellHeight}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"]),
-                                            onMouseover: $event => (hoverKeys.value = (item[_ctx.rowKey] || virtualRang.start + index + 1)),
-                                            onMouseleave: _cache[1] || (_cache[1] = $event => (hoverKeys.value = undefined))
-                                        }, [
-                                            (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(columnFixedMap.value.center.keys, (column) => {
-                                                return (_openBlock(), _createElementBlock("div", {
-                                                    class: "jetlinks-edit-table-cell",
-                                                    style: _normalizeStyle({
-                                                        width: `${column._width}px`,
-                                                    })
-                                                }, [
-                                                    _createElementVNode("div", _hoisted_5, [
+                                                (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
                                                         }, () => [
-                                                            _createTextVNode(_toDisplayString(column.dataIndex === '__serial' ? virtualRang.start + index + 1 : item[column.dataIndex]), 1 /* TEXT */)
+                                                            _createTextVNode(_toDisplayString(item[column.dataIndex]), 1 /* TEXT */)
                                                         ])
-                                                    ])
-                                                ], 4 /* STYLE */));
-                                            }), 256 /* UNKEYED_FRAGMENT */))
-                                        ], 46 /* CLASS, STYLE, PROPS, NEED_HYDRATION */, _hoisted_4));
-                                    }), 128 /* KEYED_FRAGMENT */))
-                                    : _createCommentVNode("v-if", true)
-                            ], 4 /* STYLE */)
-                        ], 4 /* STYLE */),
-                        (columnFixedMap.value.right.keys.length)
-                            ? (_openBlock(), _createElementBlock("div", {
-                                key: 1,
-                                class: "jetlinks-edit-table-right",
-                                style: _normalizeStyle({
-                                    webkitTransform: `translate3d(0, ${virtualRang.start * props.cellHeight}px, 0)`,
-                                    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(virtualData.value, (item, index) => {
-                                    return (_openBlock(), _createElementBlock("div", {
-                                        class: _normalizeClass({
-                                            'jetlinks-edit-table-row': true,
-                                            'jetlinks-edit-table-row-selected': _optionalChain([selectedRowKeys, 'access', _18 => _18.value, 'optionalAccess', _19 => _19.includes, 'call', _20 => _20(item[_ctx.rowKey] || virtualRang.start + index + 1)]),
-                                            'jetlinks-edit-table-row-hover': hoverKeys.value === (item[_ctx.rowKey] || virtualRang.start + index + 1)
-                                        }),
-                                        key: 'right' + index,
-                                        style: _normalizeStyle({ height: `${_ctx.cellHeight}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"]),
-                                        onMouseover: $event => (hoverKeys.value = (item[_ctx.rowKey] || virtualRang.start + index + 1)),
-                                        onMouseleave: _cache[2] || (_cache[2] = $event => (hoverKeys.value = undefined))
-                                    }, [
-                                        (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(columnFixedMap.value.right.keys, (column) => {
-                                            return (_openBlock(), _createElementBlock("div", {
-                                                class: "jetlinks-edit-table-cell",
-                                                style: _normalizeStyle({
-                                                    width: `${column._width}px`,
-                                                })
-                                            }, [
-                                                _createElementVNode("div", _hoisted_7, [
-                                                    _renderSlot(_ctx.$slots, column.dataIndex, {
-                                                        record: item,
-                                                        index: item.__dataIndex,
-                                                        column: column
-                                                    }, () => [
-                                                        _createTextVNode(_toDisplayString(column.dataIndex === '__serial' ? virtualRang.start + index + 1 : item[column.dataIndex]), 1 /* TEXT */)
-                                                    ])
-                                                ])
+                                                    ]))
                                             ], 4 /* STYLE */));
                                         }), 256 /* UNKEYED_FRAGMENT */))
-                                    ], 46 /* CLASS, STYLE, PROPS, NEED_HYDRATION */, _hoisted_6));
+                                    ], 46 /* CLASS, STYLE, PROPS, NEED_HYDRATION */, _hoisted_2));
                                 }), 128 /* KEYED_FRAGMENT */))
-                            ], 4 /* STYLE */))
-                            : _createCommentVNode("v-if", true)
+                                : _createCommentVNode("v-if", true),
+                            (__props.readonly)
+                                ? (_openBlock(), _createElementBlock("div", _hoisted_5))
+                                : _createCommentVNode("v-if", true)
+                        ], 512 /* NEED_PATCH */)
                     ])
                 ], 36 /* STYLE, NEED_HYDRATION */))
                 : _renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
-                    _createElementVNode("div", _hoisted_8, [
-                        _createVNode(_component_j_empty)
+                    _createElementVNode("div", _hoisted_6, [
+                        _createVNode(Empty)
                     ])
                 ]);
         };