@jetlinks-web/components 3.0.0-rc → 3.0.0

package/lib/EditTable/FormItem.js

@@ -21,7 +21,6 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "computed": "setup-const",
   "reactive": "setup-const",
   "watch": "setup-const",
-  "defineOptions": "setup-const",
   "provide": "setup-const",
   "get": "setup-maybe-ref",
   "isArray": "setup-maybe-ref",
@@ -29,8 +28,12 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "useInjectError": "setup-maybe-ref",
   "useInjectForm": "setup-maybe-ref",
   "TABLE_FORM_ITEM_ERROR": "setup-maybe-ref",
+  "genEditTableStyle": "setup-maybe-ref",
   "props": "setup-reactive-const",
   "emit": "setup-const",
+  "prefixCls": "setup-ref",
+  "wrapSSR": "setup-maybe-ref",
+  "hashId": "setup-maybe-ref",
   "context": "setup-maybe-ref",
   "globalErrorMessage": "setup-maybe-ref",
   "hideTimer": "setup-let",
@@ -47,18 +50,15 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "onFieldBlur": "setup-const",
   "onFieldChange": "setup-const"
 } */
-import { toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createVNode as _createVNode, renderSlot as _renderSlot, normalizeClass as _normalizeClass, Fragment as _Fragment } from "vue";
+import { toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, unref as _unref, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createVNode as _createVNode, renderSlot as _renderSlot, Fragment as _Fragment } from "vue";
 const _hoisted_1 = { style: { "color": "#1d2129" } };
-const _hoisted_2 = {
-    key: 0,
-    class: "jetlinks-table-form-error-target"
-};
-const _hoisted_3 = ["id"];
+const _hoisted_2 = ["id"];
 import { onBeforeUnmount, computed, reactive, watch, provide } from "vue";
 import { get, isArray } from 'lodash-es';
 import { useProvideFormItemContext } from 'ant-design-vue/es/form/FormItemContext';
 import { useInjectError, useInjectForm } from "./hooks";
 import { TABLE_FORM_ITEM_ERROR } from "./consts";
+import genEditTableStyle from './style';
 const __sfc_main__ = Object.assign({
     name: 'JEditTableFormItem'
 }, {
@@ -76,6 +76,8 @@ const __sfc_main__ = Object.assign({
     setup(__props, { emit: __emit }) {
         const props = __props;
         const emit = __emit;
+        const prefixCls = computed(() => 'jetlinks-edit-table');
+        const [wrapSSR, hashId] = genEditTableStyle(prefixCls);
         const context = useInjectForm();
         const globalErrorMessage = useInjectError();
         let hideTimer;
@@ -89,18 +91,12 @@ const __sfc_main__ = Object.assign({
         });
         const filedId = computed(() => {
             const names = isArray(props.name) ? props.name : [props.name];
-            return names.join('_');
+            const [index, ...extra] = names;
+            return `${index}-${extra.join('.')}`;
         });
         const filedName = computed(() => {
             const names = isArray(props.name) ? props.name : [props.name];
-            const _rules = context.rules.value;
-            let tempKey = undefined;
-            for (const key of names) {
-                if (key in _rules) {
-                    tempKey = key;
-                }
-            }
-            return tempKey;
+            return [...names].pop();
         });
         const filedValue = computed(() => {
             return get(context.dataSource.value, props.name);
@@ -194,7 +190,10 @@ const __sfc_main__ = Object.assign({
                     ]),
                     default: _withCtx(() => [
                         (errorMap.visible)
-                            ? (_openBlock(), _createElementBlock("div", _hoisted_2))
+                            ? (_openBlock(), _createElementBlock("div", {
+                                key: 0,
+                                class: _normalizeClass(['jetlinks-table-form-error-target', _unref(hashId), 'hashId'])
+                            }, null, 2 /* CLASS */))
                             : _createCommentVNode("v-if", true)
                     ]),
                     _: 1 /* STABLE */
@@ -202,10 +201,10 @@ const __sfc_main__ = Object.assign({
                 _createElementVNode("div", {
                     id: eventKey.value,
                     style: { "position": "relative" },
-                    class: _normalizeClass({ 'jetlinks-edit-table-form-has-error': errorMap.message })
+                    class: _normalizeClass({ 'jetlinks-edit-table-form-has-error': errorMap.message, [_unref(hashId)]: true })
                 }, [
                     _renderSlot(_ctx.$slots, "default")
-                ], 10 /* CLASS, PROPS */, _hoisted_3)
+                ], 10 /* CLASS, PROPS */, _hoisted_2)
             ], 64 /* STABLE_FRAGMENT */));
         };
     }

package/lib/EditTable/Header.js

@@ -22,18 +22,22 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "SearchModal": "setup-maybe-ref",
   "Sort": "setup-maybe-ref",
   "reactive": "setup-const",
-  "defineOptions": "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 { 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, unref as _unref, mergeProps as _mergeProps, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle } from "vue";
+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" };
@@ -47,9 +51,10 @@ const _hoisted_6 = {
     class: "table-header-cell-trigger"
 };
 import { SearchModal, Sort } from './components/Search';
-import { reactive, } from 'vue';
+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'
 }, {
@@ -73,6 +78,8 @@ const __sfc_main__ = Object.assign({
     },
     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({
@@ -89,7 +96,7 @@ const __sfc_main__ = Object.assign({
         return (_ctx, _cache) => {
             const _component_AIcon = _resolveComponent("AIcon");
             return (_openBlock(), _createElementBlock("div", {
-                class: "jetlinks-edit-table-header-container",
+                class: _normalizeClass(['jetlinks-edit-table-header-container', _unref(hashId)]),
                 style: _normalizeStyle(__props.style)
             }, [
                 (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(__props.columns, (item, index) => {
@@ -126,7 +133,10 @@ const __sfc_main__ = Object.assign({
                                         }, null, 8 /* PROPS */, ["onClick"]))
                                         : _createCommentVNode("v-if", true),
                                     (item.sort)
-                                        ? (_openBlock(), _createBlock(_unref(Sort), _mergeProps({ key: 1 }, 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 : [],
@@ -147,7 +157,7 @@ const __sfc_main__ = Object.assign({
                         onClose: _cache[0] || (_cache[0] = $event => (searchData.visible = false))
                     }, null, 8 /* PROPS */, ["searchKey", "columns"]))
                     : _createCommentVNode("v-if", true)
-            ], 4 /* STYLE */));
+            ], 6 /* CLASS, STYLE */));
         };
     }
 });

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-1745819698332"), 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 /* HOISTED */))
                                                             ]),
                                                             _: 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 /* HOISTED */))
                                                     ]),
                                                     _: 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]);