@jetlinks-web/components 2.4.25 → 2.5.0

package/lib/EditTable/Header.js

@@ -15,22 +15,21 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
     }
 } return value; }
 /* Analyzed bindings: {
+  "columns": "props",
   "serial": "props",
   "style": "props",
   "SearchModal": "setup-maybe-ref",
+  "Sort": "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"
+  "showFilter": "setup-const",
+  "sortClick": "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";
+import { 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, unref as _unref, 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 = {
@@ -41,36 +40,17 @@ 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 { SearchModal, Sort } from './components/Search';
+import { reactive, } from 'vue';
 import { useTableTool } from "./hooks";
 const __sfc_main__ = Object.assign({
     name: 'JEditTableHeader'
 }, {
     props: {
-        ...defaultProps(),
+        columns: {
+            type: Array,
+            default: () => []
+        },
         serial: {
             type: Boolean,
             default: false
@@ -78,14 +58,11 @@ const __sfc_main__ = Object.assign({
         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
@@ -94,139 +71,54 @@ const __sfc_main__ = Object.assign({
             searchData.visible = true;
             searchData.key = key;
         };
+        const sortClick = () => {
+            searchData.visible = false;
+        };
         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)` })
+            return (_openBlock(), _createElementBlock("div", {
+                class: "jetlinks-edit-table-header-container",
+                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", {
-                            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)' : ''
-                            })
+                            class: _normalizeClass({ 'jetlinks-edit-table-header-cell-box': true, 'header-cell-box-tool': !!(item.sort || item.filter) })
                         }, [
-                            (_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 */),
+                            _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.sort || 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),
+                                    (item.sort)
+                                        ? (_openBlock(), _createBlock(_unref(Sort), _mergeProps({ key: 1 }, 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,
@@ -236,7 +128,7 @@ const __sfc_main__ = Object.assign({
                         onClose: _cache[0] || (_cache[0] = $event => (searchData.visible = false))
                     }, null, 8 /* PROPS */, ["searchKey", "rowKey", "columns"]))
                     : _createCommentVNode("v-if", true)
-            ], 64 /* STABLE_FRAGMENT */));
+            ], 4 /* STYLE */));
         };
     }
 });

package/lib/EditTable/components/ContextMenu/Menu.js

@@ -26,19 +26,22 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "defineOptions": "setup-const",
   "AIcon": "setup-maybe-ref",
   "Menu": "setup-maybe-ref",
+  "useLocaleReceiver": "setup-maybe-ref",
   "MenuItem": "setup-maybe-ref",
   "props": "setup-reactive-const",
   "contextMenu": "setup-ref",
+  "contextLocale": "setup-maybe-ref",
   "showDetail": "setup-maybe-ref",
   "showPaste": "setup-maybe-ref",
   "showDelete": "setup-maybe-ref",
   "clickFunc": "setup-const",
   "close": "setup-const"
 } */
-import { unref as _unref, createVNode as _createVNode, createTextVNode as _createTextVNode, withCtx as _withCtx, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+import { unref as _unref, createVNode as _createVNode, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, withCtx as _withCtx, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 import { onMounted, ref, nextTick, } from "vue";
 import { AIcon } from '../../../components';
 import { Menu } from 'ant-design-vue';
+import { useLocaleReceiver } from "../../../LocaleReciver";
 const __sfc_main__ = Object.assign({
     name: 'JEditTableContextMenu'
 }, {
@@ -53,6 +56,7 @@ const __sfc_main__ = Object.assign({
         const MenuItem = Menu.Item;
         const props = __props;
         const contextMenu = ref(null);
+        const [contextLocale] = useLocaleReceiver('EditTable');
         const showDetail = computed(() => {
             return !props.data.id;
         });
@@ -81,7 +85,7 @@ const __sfc_main__ = Object.assign({
         });
         return (_ctx, _cache) => {
             return (_openBlock(), _createElementBlock("div", {
-                class: "metadata-context-menu",
+                class: "jetlinks-edit-table-context-menu",
                 ref_key: "contextMenu",
                 ref: contextMenu,
                 tabindex: "-1",
@@ -94,7 +98,7 @@ const __sfc_main__ = Object.assign({
                                 _createVNode(_unref(AIcon), { type: "PlusSquareOutlined" })
                             ]),
                             default: _withCtx(() => [
-                                _createTextVNode(" 新增行 ")
+                                _createTextVNode(" " + _toDisplayString(_unref(contextLocale).contextMenu.add), 1 /* TEXT */)
                             ]),
                             _: 1 /* STABLE */
                         }),
@@ -103,7 +107,7 @@ const __sfc_main__ = Object.assign({
                                 _createVNode(_unref(AIcon), { type: "icon-copy" })
                             ]),
                             default: _withCtx(() => [
-                                _createTextVNode(" 复制行 ")
+                                _createTextVNode(" " + _toDisplayString(_unref(contextLocale).contextMenu.copy), 1 /* TEXT */)
                             ]),
                             _: 1 /* STABLE */
                         }),
@@ -115,7 +119,7 @@ const __sfc_main__ = Object.assign({
                                 _createVNode(_unref(AIcon), { type: "icon-paste" })
                             ]),
                             default: _withCtx(() => [
-                                _createTextVNode(" 粘贴行 ")
+                                _createTextVNode(" " + _toDisplayString(_unref(contextLocale).contextMenu.paste), 1 /* TEXT */)
                             ]),
                             _: 1 /* STABLE */
                         }, 8 /* PROPS */, ["disabled"]),
@@ -127,7 +131,7 @@ const __sfc_main__ = Object.assign({
                                 _createVNode(_unref(AIcon), { type: "icon-chakan" })
                             ]),
                             default: _withCtx(() => [
-                                _createTextVNode(" 查看详情 ")
+                                _createTextVNode(" " + _toDisplayString(_unref(contextLocale).contextMenu.detail), 1 /* TEXT */)
                             ]),
                             _: 1 /* STABLE */
                         }, 8 /* PROPS */, ["disabled"]),
@@ -140,7 +144,7 @@ const __sfc_main__ = Object.assign({
                                 _createVNode(_unref(AIcon), { type: "DeleteOutlined" })
                             ]),
                             default: _withCtx(() => [
-                                _createTextVNode(" 删除 ")
+                                _createTextVNode(" " + _toDisplayString(_unref(contextLocale).contextMenu.delete), 1 /* TEXT */)
                             ]),
                             _: 1 /* STABLE */
                         }, 8 /* PROPS */, ["disabled"])

package/lib/EditTable/components/Search/index.js

@@ -4,10 +4,17 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "Search", {
+Object.defineProperty(exports, "SearchModal", {
   enumerable: true,
   get: function get() {
-    return _Search.default;
+    return _search.default;
   }
 });
-var _Search = _interopRequireDefault(require("./Search.js"));
+Object.defineProperty(exports, "Sort", {
+  enumerable: true,
+  get: function get() {
+    return _sort.default;
+  }
+});
+var _search = _interopRequireDefault(require("./search.js"));
+var _sort = _interopRequireDefault(require("./sort.js"));