@jetlinks-web/components 3.0.1-rc → 3.0.1

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

@@ -23,13 +23,16 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "onMounted": "setup-const",
   "ref": "setup-const",
   "nextTick": "setup-const",
-  "defineOptions": "setup-const",
   "AIcon": "setup-maybe-ref",
   "Menu": "setup-maybe-ref",
   "useLocaleReceiver": "setup-maybe-ref",
+  "useEditTableStyle": "setup-maybe-ref",
   "MenuItem": "setup-maybe-ref",
   "props": "setup-reactive-const",
   "contextMenu": "setup-ref",
+  "prefixCls": "setup-maybe-ref",
+  "wrapSSR": "setup-maybe-ref",
+  "hashId": "setup-maybe-ref",
   "contextLocale": "setup-maybe-ref",
   "showDetail": "setup-maybe-ref",
   "showPaste": "setup-maybe-ref",
@@ -37,11 +40,12 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "clickFunc": "setup-const",
   "close": "setup-const"
 } */
-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 { unref as _unref, createVNode as _createVNode, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, withCtx as _withCtx, normalizeClass as _normalizeClass, 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";
+import useEditTableStyle from '../../style';
 const __sfc_main__ = Object.assign({
     name: 'JEditTableContextMenu'
 }, {
@@ -56,6 +60,8 @@ const __sfc_main__ = Object.assign({
         const MenuItem = Menu.Item;
         const props = __props;
         const contextMenu = ref(null);
+        const prefixCls = computed(() => 'jetlinks-edit-table');
+        const [wrapSSR, hashId] = useEditTableStyle(prefixCls);
         const [contextLocale] = useLocaleReceiver('EditTable');
         const showDetail = computed(() => {
             return !props.data.id;
@@ -85,7 +91,7 @@ const __sfc_main__ = Object.assign({
         });
         return (_ctx, _cache) => {
             return (_openBlock(), _createElementBlock("div", {
-                class: "jetlinks-edit-table-context-menu",
+                class: _normalizeClass(['jetlinks-edit-table-context-menu', _unref(hashId)]),
                 ref_key: "contextMenu",
                 ref: contextMenu,
                 tabindex: "-1",
@@ -151,7 +157,7 @@ const __sfc_main__ = Object.assign({
                     ]),
                     _: 1 /* STABLE */
                 })
-            ], 544 /* NEED_HYDRATION, NEED_PATCH */));
+            ], 34 /* CLASS, NEED_HYDRATION */));
         };
     }
 });

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

@@ -24,7 +24,6 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "useGroupOptions": "setup-maybe-ref",
   "ref": "setup-const",
   "computed": "setup-const",
-  "defineOptions": "setup-const",
   "Ellipsis": "setup-const",
   "DragModal": "setup-const",
   "useLocaleReceiver": "setup-maybe-ref",
@@ -68,7 +67,7 @@ const _hoisted_6 = { key: 1 };
 const _hoisted_7 = { class: "jetlinks-table-search-result-total" };
 import Table from '../../EditTable.js';
 import { useTableDataSource, useTableOpenGroup, useTableTool, useGroupOptions } from "../../context";
-import { ref, computed, } from "vue";
+import { ref, computed } from "vue";
 import Ellipsis from '../../../Ellipsis/Ellipsis.js';
 import DragModal from '../../../DragModal/DragModal.js';
 import { useLocaleReceiver } from "../../../LocaleReciver/index";

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

@@ -22,7 +22,6 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "active": "props",
   "useTableTool": "setup-maybe-ref",
   "useTableWrapper": "setup-maybe-ref",
-  "defineOptions": "setup-const",
   "ref": "setup-const",
   "reactive": "setup-const",
   "useLocaleReceiver": "setup-maybe-ref",
@@ -41,8 +40,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "onAsc": "setup-const",
   "onDesc": "setup-const"
 } */
-import { unref as _unref, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createTextVNode as _createTextVNode, withCtx as _withCtx, createVNode as _createVNode, normalizeClass as _normalizeClass, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1747107046068"), n = n(), _popScopeId(), n);
+import { unref as _unref, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createTextVNode as _createTextVNode, withCtx as _withCtx, createVNode as _createVNode, normalizeClass as _normalizeClass } from "vue";
 const _hoisted_1 = { class: "jetlinks-table-sort-content" };
 const _hoisted_2 = { class: "jetlinks-table-sort-title" };
 const _hoisted_3 = { class: "table-sort-body" };

package/lib/EditTable/group.js

@@ -24,8 +24,8 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "useTableGroupError": "setup-maybe-ref",
   "useTableWrapper": "setup-maybe-ref",
   "ref": "setup-const",
-  "defineOptions": "setup-const",
   "useLocaleReceiver": "setup-maybe-ref",
+  "genEditTableStyle": "setup-maybe-ref",
   "props": "setup-reactive-const",
   "emit": "setup-const",
   "contextLocale": "setup-maybe-ref",
@@ -37,6 +37,9 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "addIndex": "setup-ref",
   "formRef": "setup-ref",
   "formData": "setup-maybe-ref",
+  "prefixCls": "setup-maybe-ref",
+  "wrapSSR": "setup-maybe-ref",
+  "hashId": "setup-maybe-ref",
   "onAdd": "setup-const",
   "onEdit": "setup-const",
   "onCancel": "setup-const",
@@ -46,23 +49,21 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "popContainer": "setup-const",
   "modalContainer": "setup-const"
 } */
-import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, unref as _unref, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createVNode as _createVNode, createElementVNode as _createElementVNode, createBlock as _createBlock, createCommentVNode as _createCommentVNode, vShow as _vShow, withDirectives as _withDirectives } from "vue";
-const _hoisted_1 = { class: "jetlinks-table-group-warp" };
-const _hoisted_2 = { class: "jetlinks-table-group-error-warp" };
-const _hoisted_3 = { style: { "color": "#1d2129" } };
-const _hoisted_4 = /*#__PURE__*/ _createElementVNode("div", { class: "jetlinks-table-group-error-target" }, null, -1 /* HOISTED */);
-const _hoisted_5 = {
+import { unref as _unref, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createVNode as _createVNode, createElementVNode as _createElementVNode, createBlock as _createBlock, createCommentVNode as _createCommentVNode, vShow as _vShow, withDirectives as _withDirectives, normalizeClass as _normalizeClass } from "vue";
+const _hoisted_1 = { class: "jetlinks-table-group-error-warp" };
+const _hoisted_2 = { style: { "color": "#1d2129" } };
+const _hoisted_3 = {
     key: 1,
     class: "jetlinks-table-group-error-warp"
 };
-const _hoisted_6 = { style: { "color": "#1d2129" } };
-const _hoisted_7 = /*#__PURE__*/ _createElementVNode("div", { class: "jetlinks-table-group-error-target" }, null, -1 /* HOISTED */);
+const _hoisted_4 = { style: { "color": "#1d2129" } };
 import { Modal } from "ant-design-vue";
 import { randomNumber } from "@jetlinks-web/utils";
 import { isFullScreen } from "./utils";
 import { useTableGroupError, useTableWrapper } from './context';
-import { ref, } from 'vue';
+import { ref } from 'vue';
 import { useLocaleReceiver } from "../LocaleReciver";
+import genEditTableStyle from './style';
 const __sfc_main__ = Object.assign({
     name: 'JEditTableGroup'
 }, {
@@ -95,6 +96,8 @@ const __sfc_main__ = Object.assign({
         const formData = reactive({
             label: undefined
         });
+        const prefixCls = computed(() => 'jetlinks-edit-table');
+        const [wrapSSR, hashId] = genEditTableStyle(prefixCls);
         const onAdd = (targetKey, action) => {
             // if(props.readonly) return
             if (action === 'add') {
@@ -212,7 +215,9 @@ const __sfc_main__ = Object.assign({
             const _component_a_button = _resolveComponent("a-button");
             const _component_a_form = _resolveComponent("a-form");
             const _component_a_modal = _resolveComponent("a-modal");
-            return (_openBlock(), _createElementBlock("div", _hoisted_1, [
+            return (_openBlock(), _createElementBlock("div", {
+                class: _normalizeClass(['jetlinks-table-group-warp', _unref(hashId)])
+            }, [
                 _createVNode(_component_a_tabs, {
                     type: "editable-card",
                     activeKey: myActiveKey.value,
@@ -257,7 +262,7 @@ const __sfc_main__ = Object.assign({
                                                 }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onClick"])
                                             ]),
                                             default: _withCtx(() => [
-                                                _createElementVNode("div", _hoisted_2, [
+                                                _createElementVNode("div", _hoisted_1, [
                                                     _createTextVNode(_toDisplayString(item.label) + " (" + _toDisplayString(item.effective) + ") ", 1 /* TEXT */),
                                                     (_unref(errorMap)[item.value])
                                                         ? (_openBlock(), _createBlock(_component_a_tooltip, {
@@ -267,10 +272,10 @@ const __sfc_main__ = Object.assign({
                                                             "get-popup-container": popContainer
                                                         }, {
                                                             title: _withCtx(() => [
-                                                                _createElementVNode("span", _hoisted_3, _toDisplayString(_unref(contextLocale).Group.validate), 1 /* TEXT */)
+                                                                _createElementVNode("span", _hoisted_2, _toDisplayString(_unref(contextLocale).Group.validate), 1 /* TEXT */)
                                                             ]),
                                                             default: _withCtx(() => [
-                                                                _hoisted_4
+                                                                _cache[2] || (_cache[2] = _createElementVNode("div", { class: "jetlinks-table-group-error-target" }, null, -1 /* CACHED */))
                                                             ]),
                                                             _: 1 /* STABLE */
                                                         }))
@@ -279,7 +284,7 @@ const __sfc_main__ = Object.assign({
                                             ]),
                                             _: 2 /* DYNAMIC */
                                         }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["getPopupContainer", "disabled"]))
-                                        : (_openBlock(), _createElementBlock("div", _hoisted_5, [
+                                        : (_openBlock(), _createElementBlock("div", _hoisted_3, [
                                             _createTextVNode(_toDisplayString(item.label) + " (" + _toDisplayString(item.effective) + ") ", 1 /* TEXT */),
                                             (_unref(errorMap)[item.value])
                                                 ? (_openBlock(), _createBlock(_component_a_tooltip, {
@@ -289,10 +294,10 @@ const __sfc_main__ = Object.assign({
                                                     getContainer: popContainer
                                                 }, {
                                                     title: _withCtx(() => [
-                                                        _createElementVNode("span", _hoisted_6, _toDisplayString(_unref(contextLocale).Group.validate), 1 /* TEXT */)
+                                                        _createElementVNode("span", _hoisted_4, _toDisplayString(_unref(contextLocale).Group.validate), 1 /* TEXT */)
                                                     ]),
                                                     default: _withCtx(() => [
-                                                        _hoisted_7
+                                                        _cache[3] || (_cache[3] = _createElementVNode("div", { class: "jetlinks-table-group-error-target" }, null, -1 /* CACHED */))
                                                     ]),
                                                     _: 1 /* STABLE */
                                                 }))
@@ -348,7 +353,7 @@ const __sfc_main__ = Object.assign({
                     ]),
                     _: 1 /* STABLE */
                 }, 8 /* PROPS */, ["visible", "title"])
-            ]));
+            ], 2 /* CLASS */));
         };
     }
 });

package/lib/EditTable/hooks/useValidate.js

@@ -25,7 +25,7 @@ var useValidate = exports.useValidate = function useValidate(dataSource, columns
         firstFields: true,
         index: index
       }, function (err) {
-        if (err === null || err === void 0 ? void 0 : err.length) {
+        if (err !== null && err !== void 0 && err.length) {
           reject(err.map(function (item) {
             return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
               __serial: data.__serial,

package/lib/EditTable/style/body.js

@@ -0,0 +1,60 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.genEditTableBodyStyle = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var genEditTableBodyStyle = exports.genEditTableBodyStyle = function genEditTableBodyStyle(config) {
+  var componentCls = config.componentCls,
+    token = config.token;
+  return (0, _defineProperty2.default)((0, _defineProperty2.default)({}, '.jetlinks-edit-table-body-viewport', (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
+    maxHeight: '100%',
+    width: '100%',
+    overflow: 'hidden auto',
+    position: 'relative'
+  }, '.jetlinks-edit-scrollbar', {
+    position: 'absolute',
+    left: 0,
+    top: 0,
+    right: 0,
+    zIndex: -1
+  }), '.jetlinks-edit-table-body-container', {
+    overflow: 'hidden',
+    height: '100%'
+  }), '.jetlinks-edit-table-center', (0, _defineProperty2.default)((0, _defineProperty2.default)({
+    position: 'relative',
+    flex: '1 1 auto',
+    minWidth: 0,
+    height: '100%'
+  }, '.jetlinks-edit-table-row', (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
+    width: '100%',
+    display: 'flex',
+    alignItems: 'center',
+    transition: 'top .2s, height .2s, background-color .1s',
+    borderBottom: '1px solid #eebebeb'
+  }, '.jetlinks-edit-table-cell', {
+    position: 'absolute',
+    minWidth: 0
+  }), '&:hover', {
+    backgroundColor: 'rgb(248, 248, 248)'
+  }), '&.jetlinks-edit-table-row-selected', {
+    backgroundColor: 'var(--ant-primary-1)'
+  }), '.body-cell-box', {
+    padding: '0 12px',
+    position: 'relative'
+  })), '.readonly-mask', {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    zIndex: 4
+  }))), '.jetlinks-edit-table-body-empty', {
+    display: 'flex',
+    width: '100%',
+    justifyContent: 'center',
+    paddingTop: 24
+  });
+};

package/lib/EditTable/style/form.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.genEditTableFormItemStyle = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var genEditTableFormItemStyle = exports.genEditTableFormItemStyle = function genEditTableFormItemStyle(config) {
+  var componentCls = config.componentCls,
+    token = config.token;
+  return (0, _defineProperty2.default)((0, _defineProperty2.default)({}, '.jetlinks-table-form-error-target', {
+    position: 'absolute',
+    right: '2px',
+    top: '-9px',
+    border: '16px solid transparent',
+    borderTopColor: token.colorError,
+    borderRightWidth: 0,
+    borderBottomWidth: 0
+  }), '.jetlinks-edit-table-form-has-error', (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, '.select-no-value', (0, _defineProperty2.default)({}, '.ant-select-selector', (0, _defineProperty2.default)({
+    borderColor: "".concat(token.colorError, " !important")
+  }, '&:focus', {
+    boxShadow: '0 0 0 2px var(--ant-error-color-outlined) !important'
+  }))), '> input', (0, _defineProperty2.default)({
+    borderColor: "".concat(token.colorError, " !important")
+  }, '&:focus', {
+    boxShadow: '0 0 0 2px var(--ant-error-color-outlined) !important'
+  })), '.jetlinks-table-form-required-aicon', {
+    color: token.colorError
+  }));
+};

package/lib/EditTable/style/group.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.genEditTableGroupStyle = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var genEditTableGroupStyle = exports.genEditTableGroupStyle = function genEditTableGroupStyle(config) {
+  var token = config.token;
+  return (0, _defineProperty2.default)((0, _defineProperty2.default)({}, '.jetlinks-table-group-wrap', (0, _defineProperty2.default)({}, '.ant-tabs-nav', (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
+    marginBottom: 0
+  }, '.ant-tabs-tab', {
+    overflow: 'hidden',
+    position: 'relative'
+  }), '.ant-tabs-tab-active', {
+    backgroundColor: '#BAE0FF !important',
+    borderColor: '#91CAFF !important'
+  }), '.ant-tabs-nav-add', {
+    border: 'none'
+  }))), '.jetlinks-table-group-error-wrap', (0, _defineProperty2.default)({
+    color: '#1a1a1a !important'
+  }, '.table-group-error-target', {
+    position: 'absolute',
+    right: 0,
+    top: 0,
+    border: '16px solid transparent',
+    borderTopColor: token.colorError,
+    borderRightWidth: 0,
+    borderBottomWidth: 0
+  }));
+};

package/lib/EditTable/style/header.js

@@ -0,0 +1,65 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.genEditTableHeaderStyle = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var genEditTableHeaderStyle = exports.genEditTableHeaderStyle = function genEditTableHeaderStyle(config) {
+  var token = config.token;
+  return (0, _defineProperty2.default)((0, _defineProperty2.default)({}, '.jetlinks-edit-table-header-container', (0, _defineProperty2.default)({
+    height: '100%',
+    position: 'relative'
+  }, '.jetlinks-edit-table-header-cell', (0, _defineProperty2.default)({
+    height: '100%',
+    display: 'inline-flex',
+    alignItems: 'center',
+    float: 'left',
+    overflow: 'visible',
+    position: 'absolute',
+    top: 0
+  }, '.jetlinks-edit-table-header-cell-box', (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
+    padding: '0 12px',
+    width: '100%'
+  }, '&.header-cell-box-tool', {
+    display: 'flex',
+    justifyContent: 'space-between',
+    alignItems: 'center'
+  }), '.table-header-cell-title', (0, _defineProperty2.default)({
+    flex: 1,
+    display: 'flex',
+    alignItems: 'center',
+    fontWeight: 600,
+    gap: 4
+  }, '.cell-title-box', {
+    flex: '1 1 auto'
+  })), '.header-cell-required', {
+    color: token.colorError,
+    paddingLeft: 8,
+    transform: 'translateY(3px)',
+    fontWeight: 500
+  }), '&::before', {
+    position: 'absolute',
+    top: '50%',
+    right: '1px',
+    width: '1px',
+    height: '1.6em',
+    pointerEvents: 'none',
+    backgroundColor: 'rgba(0,0,0,.06)',
+    transform: 'translateY(-50%)',
+    transition: 'background-color .3s',
+    content: '""'
+  }), '&:not(:last-child)', {
+    '&::before': {
+      backgroundColor: 'transparent'
+    }
+  })))), 'jetlinks-table-search', (0, _defineProperty2.default)({}, '.jetlinks-table-search-header', (0, _defineProperty2.default)((0, _defineProperty2.default)({
+    display: 'flex',
+    justifyContent: 'space-between'
+  }, '.jetlinks-drag-modal-footer', {
+    display: 'none'
+  }), '.jetlinks-table-search-result-total', {
+    color: '@primary-color'
+  })));
+};

package/lib/EditTable/style/index.js

@@ -1,3 +1,49 @@
 "use strict";
 
-require("./index.less");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _body = require("./body");
+var _form = require("./form");
+var _group = require("./group");
+var _header = require("./header");
+var _table = require("./table");
+var _menu = require("./menu");
+var _styleRegister = _interopRequireDefault(require("../../style/styleRegister"));
+var genEditTableStyle = function genEditTableStyle(config) {
+  var token = config.token;
+  return {
+    '.edit-table-search-header': {
+      display: 'flex',
+      justifyContent: 'space-between'
+    },
+    '.edit-table-search-result-total': {
+      color: token.colorPrimary
+    },
+    '.jetlinks-edit-table-horizontal-scroll': {
+      height: 17,
+      width: 100,
+      display: 'flex',
+      position: 'relative',
+      zIndex: 4,
+      '.jetlinks-edit-table-horizontal-scroll-viewport': {
+        overflowY: 'hidden',
+        overflowX: 'scroll',
+        position: 'relative',
+        flex: '1 1 0',
+        height: '17px',
+        width: '100%',
+        '> div': {
+          height: '17px'
+        }
+      },
+      '.jetlinks-edit-table-horizontal-scroll-hidden': {
+        height: '100%',
+        overflowX: 'hidden'
+      }
+    }
+  };
+};
+var _default = exports.default = (0, _styleRegister.default)([genEditTableStyle, _body.genEditTableBodyStyle, _form.genEditTableFormItemStyle, _group.genEditTableGroupStyle, _header.genEditTableHeaderStyle, _table.genTableStyle, _menu.genMenuStyle]);

package/lib/EditTable/style/menu.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.genMenuStyle = void 0;
+var genMenuStyle = exports.genMenuStyle = function genMenuStyle(config) {
+  var token = config.token;
+  return {
+    '.jetlinks-edit-table-context-menu': {
+      position: 'fixed',
+      boxShadow: '0 0 12px rgba(0, 0, 0 ,.2)',
+      borderRadius: '4px',
+      overflow: 'hidden',
+      width: '192px',
+      padding: '4px',
+      backgroundColor: '#fff',
+      '.ant-menu': {
+        borderRight: 'none',
+        '.ant-menu-item': {
+          margin: 0,
+          height: '32px',
+          '&.danger': {
+            color: token.colorError
+          }
+        }
+      },
+      '.ant-menu-item-active': {
+        backgroundColor: 'var(--ant-primary-1)'
+      }
+    }
+  };
+};

package/lib/EditTable/style/table.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.genTableStyle = void 0;
+var genTableStyle = exports.genTableStyle = function genTableStyle(config) {
+  var token = config.token;
+  return {
+    '.jetlinks-edit-table-wrapper': {
+      background: '#fff',
+      height: '100%',
+      position: 'relative',
+      '&.table-full-screen': {
+        padding: 24
+      },
+      '.jetlinks-edit-table': {
+        display: 'flex',
+        flexDirection: 'column',
+        flexGrow: 0,
+        flexShrink: 0,
+        background: '#fafafa',
+        transition: 'background-color .3s ease',
+        overflow: 'auto hidden',
+        '.jetlinks-edit-table-header': {
+          overflow: 'hidden',
+          width: '100%'
+        },
+        '.jetlinks-edit-table-body': {
+          backgroundColor: '#fff',
+          overflowY: 'hidden',
+          position: 'relative',
+          height: '100%',
+          width: '100%',
+          flex: '1 1 auto',
+          flexDirection: 'row'
+        },
+        '.jetlinks-table-horizontal-scroll': {
+          width: '100%',
+          height: '15px',
+          minHeight: '15px',
+          maxHeight: '15px',
+          display: 'flex',
+          '.jetlinks-table-horizontal-scroll-bar': {
+            height: '100%',
+            overflowX: 'scroll'
+          }
+        }
+      }
+    }
+  };
+};

package/lib/EditTable/utils.js

@@ -1,9 +1,11 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isFullScreen = exports.handlePureRecord = exports.handleColumnsWidth = exports.collectValidateRules = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _lodashEs = require("lodash");
 /**
  * 规则收集器，收集columns中的rules和watch
@@ -12,9 +14,35 @@ var _lodashEs = require("lodash");
 var collectValidateRules = exports.collectValidateRules = function collectValidateRules(columns) {
   var rules = {};
   columns.forEach(function (item) {
-    if (item.form) {
-      if (item.form.rules) {
-        rules[item.dataIndex] = item.form.rules;
+    var _item$form;
+    if ((_item$form = item.form) !== null && _item$form !== void 0 && _item$form.rules) {
+      var currentLevel = rules; // 从最顶层开始构建
+      var field = item.form.field || item.dataIndex;
+      var parts = Array.isArray(field) ? field : String(field).split(',');
+      for (var i = 0; i < parts.length; i++) {
+        var part = parts[i];
+        if (i === parts.length - 1) {
+          // 这是最深层的叶子节点
+          currentLevel[part] = (0, _toConsumableArray2.default)(item.form.rules);
+        } else {
+          // 这是中间的父节点（例如 'prop1' 或 'type'）
+          if (!currentLevel[part]) {
+            // 如果当前层级还没有这个属性，就把它定义为一个对象
+            currentLevel[part] = {
+              type: 'object',
+              fields: {}
+            };
+          } else if (currentLevel[part].type !== 'object') {
+            // 如果已经存在但不是对象类型，可能是之前被错误定义为叶子节点，修正它
+            console.warn("Warning: '".concat(parts.slice(0, i + 1).join('.'), "' was expected to be an object but has other rules. Overwriting."));
+            currentLevel[part] = {
+              type: 'object',
+              fields: {}
+            };
+          }
+          // 进入下一层级，继续构建 `fields`
+          currentLevel = currentLevel[part].fields;
+        }
       }
     }
   });

package/lib/Ellipsis/Ellipsis.js

@@ -7,7 +7,11 @@
   "mergeProps": "setup-const",
   "ref": "setup-const",
   "useAttrs": "setup-const",
+  "useEllipsisStyle": "setup-maybe-ref",
   "props": "setup-reactive-const",
+  "prefixCls": "setup-ref",
+  "wrapSSR": "setup-maybe-ref",
+  "hashId": "setup-maybe-ref",
   "jEllipsis": "literal-const",
   "jEllipsisCursorClass": "literal-const",
   "jEllipsisLineClampClass": "literal-const",
@@ -25,9 +29,10 @@
   "syncCursorStyle": "setup-const",
   "getTooltipDisabled": "setup-const"
 } */
-import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, mergeProps as _mergeProps, unref as _unref, withCtx as _withCtx, createSlots as _createSlots, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { unref as _unref, renderSlot as _renderSlot, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, mergeProps as _mergeProps, withCtx as _withCtx, createSlots as _createSlots, openBlock as _openBlock, createBlock as _createBlock } from "vue";
 import { Tooltip } from 'ant-design-vue';
 import { computed, mergeProps, ref, useAttrs } from 'vue';
+import useEllipsisStyle from './style';
 const jEllipsis = 'j-ellipsis';
 const jEllipsisCursorClass = 'j-ellipsis-cursor';
 const jEllipsisLineClampClass = 'j-ellipsis-line-clamp';
@@ -51,6 +56,8 @@ const __sfc_main__ = Object.assign({
     },
     setup(__props) {
         const props = __props;
+        const prefixCls = computed(() => 'j-ellipsis');
+        const [wrapSSR, hashId] = useEllipsisStyle(prefixCls);
         // define class name
         const expandedRef = ref(false);
         const tooltipRef = ref(null);
@@ -72,6 +79,7 @@ const __sfc_main__ = Object.assign({
                         jEllipsis,
                         props.lineClamp !== undefined ? jEllipsisLineClampClass : undefined,
                         props.expandTrigger === 'click' ? jEllipsisCursorClass : undefined,
+                        hashId.value
                     ],
                     style: ellipsisStyleRef.value,
                 }),
@@ -176,7 +184,7 @@ const __sfc_main__ = Object.assign({
                         name: "title",
                         fn: _withCtx(() => [
                             _createElementVNode("div", {
-                                class: _normalizeClass([jEllipsisLineClampClass, jEllipsis, 'j-ellipsis-deep'])
+                                class: _normalizeClass([jEllipsisLineClampClass, jEllipsis, 'j-ellipsis-deep', _unref(hashId)])
                             }, [
                                 _renderSlot(_ctx.$slots, "default"),
                                 _renderSlot(_ctx.$slots, "tooltip")