@jetlinks-web/components 2.1.0 → 2.1.1

package/es/EditTable/EditTable.js

@@ -348,8 +348,9 @@ const __sfc_main__ = Object.assign({
                         _createVNode(Header, {
                             columns: myColumns.value,
                             style: _normalizeStyle({ width: tableStyle.width }),
-                            rowKey: _ctx.rowKey
-                        }, null, 8 /* PROPS */, ["columns", "style", "rowKey"]),
+                            rowKey: _ctx.rowKey,
+                            searchColumns: _ctx.searchColumns
+                        }, null, 8 /* PROPS */, ["columns", "style", "rowKey", "searchColumns"]),
                         _createElementVNode("div", {
                             class: "jetlinks-edit-table-header-scroll-hidden",
                             style: _normalizeStyle({ width: _unref(scrollWidth) + 'px' })

package/es/EditTable/FormItem.js

@@ -0,0 +1,213 @@
+function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) {
+    const op = ops[i];
+    const fn = ops[i + 1];
+    i += 2;
+    if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) {
+        return undefined;
+    }
+    if (op === 'access' || op === 'optionalAccess') {
+        lastAccessLHS = value;
+        value = fn(value);
+    }
+    else if (op === 'call' || op === 'optionalCall') {
+        value = fn((...args) => value.call(lastAccessLHS, ...args));
+        lastAccessLHS = undefined;
+    }
+} return value; }
+/* Analyzed bindings: {
+  "name": "props",
+  "required": "props",
+  "onBeforeUnmount": "setup-const",
+  "computed": "setup-const",
+  "reactive": "setup-const",
+  "watch": "setup-const",
+  "defineOptions": "setup-const",
+  "get": "setup-maybe-ref",
+  "isArray": "setup-maybe-ref",
+  "useProvideFormItemContext": "setup-maybe-ref",
+  "useInjectError": "setup-maybe-ref",
+  "useInjectForm": "setup-maybe-ref",
+  "TABLE_FORM_ITEM_ERROR": "setup-maybe-ref",
+  "props": "setup-reactive-const",
+  "emit": "setup-const",
+  "context": "setup-maybe-ref",
+  "globalErrorMessage": "setup-maybe-ref",
+  "hideTimer": "setup-let",
+  "eventKey": "setup-ref",
+  "errorMap": "setup-reactive-const",
+  "filedId": "setup-ref",
+  "filedName": "setup-ref",
+  "filedValue": "setup-ref",
+  "popContainer": "setup-const",
+  "removeTimer": "setup-const",
+  "showErrorTip": "setup-const",
+  "hideErrorTip": "setup-const",
+  "validateRules": "setup-const",
+  "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, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
+const _withScopeId = n => (_pushScopeId("data-v-1722999077877"), n = n(), _popScopeId(), n);
+const _hoisted_1 = { style: { "color": "#1d2129" } };
+const _hoisted_2 = {
+    key: 0,
+    class: "table-form-error-target"
+};
+const _hoisted_3 = ["id"];
+import { onBeforeUnmount, computed, reactive, watch, } 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";
+const __sfc_main__ = Object.assign({
+    name: 'JEditTableFormItem'
+}, {
+    props: {
+        name: {
+            type: [String, Array],
+            default: undefined
+        },
+        required: {
+            type: Boolean,
+            default: false
+        }
+    },
+    emits: ['change'],
+    setup(__props, { emit: __emit }) {
+        const props = __props;
+        const emit = __emit;
+        const context = useInjectForm();
+        const globalErrorMessage = useInjectError();
+        let hideTimer;
+        const eventKey = computed(() => {
+            const names = isArray(props.name) ? props.name : [props.name];
+            return names.join('-');
+        });
+        const errorMap = reactive({
+            message: '',
+            visible: false
+        });
+        const filedId = computed(() => {
+            const names = isArray(props.name) ? props.name : [props.name];
+            return names.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;
+        });
+        const filedValue = computed(() => {
+            return get(context.dataSource.value, props.name);
+        });
+        provide(TABLE_FORM_ITEM_ERROR, errorMap);
+        const popContainer = (e) => {
+            return e;
+        };
+        const removeTimer = () => {
+            if (hideTimer) {
+                window.clearTimeout(hideTimer);
+                hideTimer = null;
+            }
+        };
+        const showErrorTip = (msg) => {
+            removeTimer();
+            errorMap.message = msg;
+            errorMap.visible = true;
+        };
+        const hideErrorTip = () => {
+            errorMap.visible = false;
+            removeTimer();
+            hideTimer = setTimeout(() => {
+                errorMap.message = '';
+            }, 300);
+        };
+        const validateRules = () => {
+            let index = 0;
+            if (isArray(props.name)) {
+                index = props.name[0];
+            }
+            const promise = context.validateItem({ [filedName.value]: get(context.dataSource.value, props.name) }, index);
+            promise.catch(res => {
+                const error = _optionalChain([res, 'optionalAccess', _2 => _2.filter, 'call', _3 => _3(item => item.field === filedName.value)]) || [];
+                if (error.length === 0) {
+                    hideErrorTip();
+                    context.removeFieldError(eventKey.value);
+                }
+                else {
+                    removeTimer();
+                    errorMap.message = _optionalChain([error, 'access', _4 => _4[0], 'optionalAccess', _5 => _5.message]) || errorMap.message;
+                    errorMap.visible = !!error.length;
+                    context.addFieldError(eventKey.value, errorMap.message);
+                }
+                return errorMap.message;
+            });
+            return promise;
+        };
+        const onFieldBlur = () => {
+            // validateRules()
+        };
+        const onFieldChange = () => {
+            validateRules();
+            emit('change');
+        };
+        watch(() => globalErrorMessage.value, (val) => {
+            if (val[eventKey.value]) {
+                showErrorTip(val[eventKey.value]);
+            }
+            else {
+                hideErrorTip();
+            }
+        }, { immediate: true, deep: true });
+        useProvideFormItemContext({
+            id: filedId,
+            onFieldChange,
+            onFieldBlur,
+        }, computed(() => get(context.dataSource.value, props.name)));
+        onBeforeUnmount(() => {
+            hideErrorTip();
+        });
+        watch(() => [filedName.value, props.name], () => {
+            context.addField(eventKey.value, {
+                filedName: filedName.value,
+                eventKey: eventKey.value,
+                names: props.name,
+                validateRules,
+                showErrorTip
+            });
+        }, { immediate: true });
+        return (_ctx, _cache) => {
+            const _component_a_tooltip = _resolveComponent("a-tooltip");
+            return (_openBlock(), _createElementBlock(_Fragment, null, [
+                _createVNode(_component_a_tooltip, {
+                    color: "#ffffff",
+                    "get-popup-container": popContainer,
+                    arrowPointAtCenter: true
+                }, {
+                    title: _withCtx(() => [
+                        _createElementVNode("span", _hoisted_1, _toDisplayString(errorMap.message), 1 /* TEXT */)
+                    ]),
+                    default: _withCtx(() => [
+                        (errorMap.visible)
+                            ? (_openBlock(), _createElementBlock("div", _hoisted_2))
+                            : _createCommentVNode("v-if", true)
+                    ]),
+                    _: 1 /* STABLE */
+                }),
+                _createElementVNode("div", {
+                    id: eventKey.value,
+                    style: { "position": "relative" },
+                    class: _normalizeClass({ 'edit-table-form-has-error': errorMap.message })
+                }, [
+                    _renderSlot(_ctx.$slots, "default")
+                ], 10 /* CLASS, PROPS */, _hoisted_3)
+            ], 64 /* STABLE_FRAGMENT */));
+        };
+    }
+});
+export default __sfc_main__;

package/es/EditTable/Header.js

@@ -78,7 +78,7 @@ const __sfc_main__ = Object.assign({
         style: {
             type: Object,
             default: undefined
-        }
+        },
     },
     setup(__props) {
         const props = __props;
@@ -232,8 +232,9 @@ const __sfc_main__ = Object.assign({
                         key: 0,
                         searchKey: searchData.key,
                         rowKey: _ctx.rowKey,
+                        columns: _ctx.searchColumns,
                         onClose: _cache[0] || (_cache[0] = $event => (searchData.visible = false))
-                    }, null, 8 /* PROPS */, ["searchKey", "rowKey"]))
+                    }, null, 8 /* PROPS */, ["searchKey", "rowKey", "columns"]))
                     : _createCommentVNode("v-if", true)
             ], 64 /* STABLE_FRAGMENT */));
         };

package/es/EditTable/components/Search/Search.js

@@ -17,6 +17,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
 /* Analyzed bindings: {
   "searchKey": "props",
   "rowKey": "props",
+  "columns": "props",
   "Table": "setup-const",
   "useTableDataSource": "setup-maybe-ref",
   "useTableTool": "setup-maybe-ref",
@@ -39,7 +40,6 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "tableHeight": "setup-ref",
   "selectedRowKeys": "setup-ref",
   "tableRef": "setup-ref",
-  "columns": "setup-const",
   "selectedTableRow": "setup-const",
   "handleFilterArray": "setup-const",
   "search": "setup-const",
@@ -73,6 +73,10 @@ const __sfc_main__ = Object.assign({
         rowKey: {
             type: String,
             default: 'id'
+        },
+        columns: {
+            type: Array,
+            default: () => []
         }
     },
     emits: ['close'],
@@ -89,16 +93,6 @@ const __sfc_main__ = Object.assign({
         const tableHeight = ref(230);
         const selectedRowKeys = ref([]);
         const tableRef = ref();
-        const columns = [
-            {
-                title: '标识',
-                dataIndex: 'id',
-            },
-            {
-                title: '名称',
-                dataIndex: 'name',
-            }
-        ];
         const selectedTableRow = (record) => {
             tableTool.scrollTo({
                 ...record,
@@ -238,7 +232,7 @@ const __sfc_main__ = Object.assign({
                                     ref_key: "tableRef",
                                     ref: tableRef,
                                     "data-source": filterArray.value,
-                                    columns: columns,
+                                    columns: __props.columns,
                                     height: tableHeight.value,
                                     disableMenu: false,
                                     cellHeight: 36,
@@ -270,7 +264,7 @@ const __sfc_main__ = Object.assign({
                                         }, 1024 /* DYNAMIC_SLOTS */)
                                     ]),
                                     _: 1 /* STABLE */
-                                }, 8 /* PROPS */, ["data-source", "height", "rowSelection"])
+                                }, 8 /* PROPS */, ["data-source", "columns", "height", "rowSelection"])
                             ]))
                             : _createCommentVNode("v-if", true),
                         (visible.value)

package/es/EditTable/index.js

@@ -1,9 +1,11 @@
 import EditTable from './EditTable.js';
 import EditTableBody from './Body.js';
 import EditTableHeader from './Header.js';
+import FormItem from './FormItem.js';
 EditTable.install = function (app) {
   app.component(EditTable.name, EditTable);
   app.component(EditTableBody.name, EditTableBody);
   app.component(EditTableHeader.name, EditTableHeader);
+  app.component(FormItem.name, FormItem);
 };
 export default EditTable;

package/es/EditTable/props.js

@@ -9,6 +9,18 @@ export var defaultProps = function defaultProps() {
       default: function _default() {
         return [];
       }
+    },
+    searchColumns: {
+      type: Array,
+      default: function _default() {
+        return [{
+          title: '标识',
+          dataIndex: 'id'
+        }, {
+          title: '名称',
+          dataIndex: 'name'
+        }];
+      }
     }
   };
 };

package/es/FullPage/FullPage.js

@@ -6,7 +6,7 @@
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, renderSlot as _renderSlot, createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1722997806474"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1722999078250"), n = n(), _popScopeId(), n);
 const _hoisted_1 = { class: "full-page-warp-content" };
 import { ref } from 'vue';
 import { useElementBounding } from '@vueuse/core';

package/es/Search/Advanced/SaveHistory.js

@@ -21,7 +21,7 @@
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, createVNode as _createVNode, withCtx as _withCtx, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createBlock as _createBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1722997808659"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1722999080365"), n = n(), _popScopeId(), n);
 const _hoisted_1 = {
     key: 0,
     style: { "width": "240px" }

package/es/Search/Item.js

@@ -78,7 +78,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createElementBlock as _createElementBlock, createVNode as _createVNode, Fragment as _Fragment, normalizeStyle as _normalizeStyle, mergeProps as _mergeProps, resolveDynamicComponent as _resolveDynamicComponent, withCtx as _withCtx, createElementVNode as _createElementVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1722997808112"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1722999079745"), n = n(), _popScopeId(), n);
 const _hoisted_1 = { class: "JSearch-item" };
 const _hoisted_2 = {
     key: 0,

package/es/Search/Search.js

@@ -36,7 +36,7 @@
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createVNode as _createVNode, unref as _unref, withCtx as _withCtx, createBlock as _createBlock, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1722997808265"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1722999079821"), n = n(), _popScopeId(), n);
 const _hoisted_1 = { class: "JSearch-content simple" };
 const _hoisted_2 = { class: "JSearch-items" };
 import { Button, Row, Col, Form, FormItemRest, } from 'ant-design-vue';

package/lib/EditTable/EditTable.js

@@ -348,8 +348,9 @@ const __sfc_main__ = Object.assign({
                         _createVNode(Header, {
                             columns: myColumns.value,
                             style: _normalizeStyle({ width: tableStyle.width }),
-                            rowKey: _ctx.rowKey
-                        }, null, 8 /* PROPS */, ["columns", "style", "rowKey"]),
+                            rowKey: _ctx.rowKey,
+                            searchColumns: _ctx.searchColumns
+                        }, null, 8 /* PROPS */, ["columns", "style", "rowKey", "searchColumns"]),
                         _createElementVNode("div", {
                             class: "jetlinks-edit-table-header-scroll-hidden",
                             style: _normalizeStyle({ width: _unref(scrollWidth) + 'px' })

package/lib/EditTable/FormItem.js

@@ -0,0 +1,213 @@
+function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) {
+    const op = ops[i];
+    const fn = ops[i + 1];
+    i += 2;
+    if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) {
+        return undefined;
+    }
+    if (op === 'access' || op === 'optionalAccess') {
+        lastAccessLHS = value;
+        value = fn(value);
+    }
+    else if (op === 'call' || op === 'optionalCall') {
+        value = fn((...args) => value.call(lastAccessLHS, ...args));
+        lastAccessLHS = undefined;
+    }
+} return value; }
+/* Analyzed bindings: {
+  "name": "props",
+  "required": "props",
+  "onBeforeUnmount": "setup-const",
+  "computed": "setup-const",
+  "reactive": "setup-const",
+  "watch": "setup-const",
+  "defineOptions": "setup-const",
+  "get": "setup-maybe-ref",
+  "isArray": "setup-maybe-ref",
+  "useProvideFormItemContext": "setup-maybe-ref",
+  "useInjectError": "setup-maybe-ref",
+  "useInjectForm": "setup-maybe-ref",
+  "TABLE_FORM_ITEM_ERROR": "setup-maybe-ref",
+  "props": "setup-reactive-const",
+  "emit": "setup-const",
+  "context": "setup-maybe-ref",
+  "globalErrorMessage": "setup-maybe-ref",
+  "hideTimer": "setup-let",
+  "eventKey": "setup-ref",
+  "errorMap": "setup-reactive-const",
+  "filedId": "setup-ref",
+  "filedName": "setup-ref",
+  "filedValue": "setup-ref",
+  "popContainer": "setup-const",
+  "removeTimer": "setup-const",
+  "showErrorTip": "setup-const",
+  "hideErrorTip": "setup-const",
+  "validateRules": "setup-const",
+  "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, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
+const _withScopeId = n => (_pushScopeId("data-v-1722999077850"), n = n(), _popScopeId(), n);
+const _hoisted_1 = { style: { "color": "#1d2129" } };
+const _hoisted_2 = {
+    key: 0,
+    class: "table-form-error-target"
+};
+const _hoisted_3 = ["id"];
+import { onBeforeUnmount, computed, reactive, watch, } 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";
+const __sfc_main__ = Object.assign({
+    name: 'JEditTableFormItem'
+}, {
+    props: {
+        name: {
+            type: [String, Array],
+            default: undefined
+        },
+        required: {
+            type: Boolean,
+            default: false
+        }
+    },
+    emits: ['change'],
+    setup(__props, { emit: __emit }) {
+        const props = __props;
+        const emit = __emit;
+        const context = useInjectForm();
+        const globalErrorMessage = useInjectError();
+        let hideTimer;
+        const eventKey = computed(() => {
+            const names = isArray(props.name) ? props.name : [props.name];
+            return names.join('-');
+        });
+        const errorMap = reactive({
+            message: '',
+            visible: false
+        });
+        const filedId = computed(() => {
+            const names = isArray(props.name) ? props.name : [props.name];
+            return names.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;
+        });
+        const filedValue = computed(() => {
+            return get(context.dataSource.value, props.name);
+        });
+        provide(TABLE_FORM_ITEM_ERROR, errorMap);
+        const popContainer = (e) => {
+            return e;
+        };
+        const removeTimer = () => {
+            if (hideTimer) {
+                window.clearTimeout(hideTimer);
+                hideTimer = null;
+            }
+        };
+        const showErrorTip = (msg) => {
+            removeTimer();
+            errorMap.message = msg;
+            errorMap.visible = true;
+        };
+        const hideErrorTip = () => {
+            errorMap.visible = false;
+            removeTimer();
+            hideTimer = setTimeout(() => {
+                errorMap.message = '';
+            }, 300);
+        };
+        const validateRules = () => {
+            let index = 0;
+            if (isArray(props.name)) {
+                index = props.name[0];
+            }
+            const promise = context.validateItem({ [filedName.value]: get(context.dataSource.value, props.name) }, index);
+            promise.catch(res => {
+                const error = _optionalChain([res, 'optionalAccess', _2 => _2.filter, 'call', _3 => _3(item => item.field === filedName.value)]) || [];
+                if (error.length === 0) {
+                    hideErrorTip();
+                    context.removeFieldError(eventKey.value);
+                }
+                else {
+                    removeTimer();
+                    errorMap.message = _optionalChain([error, 'access', _4 => _4[0], 'optionalAccess', _5 => _5.message]) || errorMap.message;
+                    errorMap.visible = !!error.length;
+                    context.addFieldError(eventKey.value, errorMap.message);
+                }
+                return errorMap.message;
+            });
+            return promise;
+        };
+        const onFieldBlur = () => {
+            // validateRules()
+        };
+        const onFieldChange = () => {
+            validateRules();
+            emit('change');
+        };
+        watch(() => globalErrorMessage.value, (val) => {
+            if (val[eventKey.value]) {
+                showErrorTip(val[eventKey.value]);
+            }
+            else {
+                hideErrorTip();
+            }
+        }, { immediate: true, deep: true });
+        useProvideFormItemContext({
+            id: filedId,
+            onFieldChange,
+            onFieldBlur,
+        }, computed(() => get(context.dataSource.value, props.name)));
+        onBeforeUnmount(() => {
+            hideErrorTip();
+        });
+        watch(() => [filedName.value, props.name], () => {
+            context.addField(eventKey.value, {
+                filedName: filedName.value,
+                eventKey: eventKey.value,
+                names: props.name,
+                validateRules,
+                showErrorTip
+            });
+        }, { immediate: true });
+        return (_ctx, _cache) => {
+            const _component_a_tooltip = _resolveComponent("a-tooltip");
+            return (_openBlock(), _createElementBlock(_Fragment, null, [
+                _createVNode(_component_a_tooltip, {
+                    color: "#ffffff",
+                    "get-popup-container": popContainer,
+                    arrowPointAtCenter: true
+                }, {
+                    title: _withCtx(() => [
+                        _createElementVNode("span", _hoisted_1, _toDisplayString(errorMap.message), 1 /* TEXT */)
+                    ]),
+                    default: _withCtx(() => [
+                        (errorMap.visible)
+                            ? (_openBlock(), _createElementBlock("div", _hoisted_2))
+                            : _createCommentVNode("v-if", true)
+                    ]),
+                    _: 1 /* STABLE */
+                }),
+                _createElementVNode("div", {
+                    id: eventKey.value,
+                    style: { "position": "relative" },
+                    class: _normalizeClass({ 'edit-table-form-has-error': errorMap.message })
+                }, [
+                    _renderSlot(_ctx.$slots, "default")
+                ], 10 /* CLASS, PROPS */, _hoisted_3)
+            ], 64 /* STABLE_FRAGMENT */));
+        };
+    }
+});
+export default __sfc_main__;

package/lib/EditTable/Header.js

@@ -78,7 +78,7 @@ const __sfc_main__ = Object.assign({
         style: {
             type: Object,
             default: undefined
-        }
+        },
     },
     setup(__props) {
         const props = __props;
@@ -232,8 +232,9 @@ const __sfc_main__ = Object.assign({
                         key: 0,
                         searchKey: searchData.key,
                         rowKey: _ctx.rowKey,
+                        columns: _ctx.searchColumns,
                         onClose: _cache[0] || (_cache[0] = $event => (searchData.visible = false))
-                    }, null, 8 /* PROPS */, ["searchKey", "rowKey"]))
+                    }, null, 8 /* PROPS */, ["searchKey", "rowKey", "columns"]))
                     : _createCommentVNode("v-if", true)
             ], 64 /* STABLE_FRAGMENT */));
         };

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

@@ -17,6 +17,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
 /* Analyzed bindings: {
   "searchKey": "props",
   "rowKey": "props",
+  "columns": "props",
   "Table": "setup-const",
   "useTableDataSource": "setup-maybe-ref",
   "useTableTool": "setup-maybe-ref",
@@ -39,7 +40,6 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "tableHeight": "setup-ref",
   "selectedRowKeys": "setup-ref",
   "tableRef": "setup-ref",
-  "columns": "setup-const",
   "selectedTableRow": "setup-const",
   "handleFilterArray": "setup-const",
   "search": "setup-const",
@@ -73,6 +73,10 @@ const __sfc_main__ = Object.assign({
         rowKey: {
             type: String,
             default: 'id'
+        },
+        columns: {
+            type: Array,
+            default: () => []
         }
     },
     emits: ['close'],
@@ -89,16 +93,6 @@ const __sfc_main__ = Object.assign({
         const tableHeight = ref(230);
         const selectedRowKeys = ref([]);
         const tableRef = ref();
-        const columns = [
-            {
-                title: '标识',
-                dataIndex: 'id',
-            },
-            {
-                title: '名称',
-                dataIndex: 'name',
-            }
-        ];
         const selectedTableRow = (record) => {
             tableTool.scrollTo({
                 ...record,
@@ -238,7 +232,7 @@ const __sfc_main__ = Object.assign({
                                     ref_key: "tableRef",
                                     ref: tableRef,
                                     "data-source": filterArray.value,
-                                    columns: columns,
+                                    columns: __props.columns,
                                     height: tableHeight.value,
                                     disableMenu: false,
                                     cellHeight: 36,
@@ -270,7 +264,7 @@ const __sfc_main__ = Object.assign({
                                         }, 1024 /* DYNAMIC_SLOTS */)
                                     ]),
                                     _: 1 /* STABLE */
-                                }, 8 /* PROPS */, ["data-source", "height", "rowSelection"])
+                                }, 8 /* PROPS */, ["data-source", "columns", "height", "rowSelection"])
                             ]))
                             : _createCommentVNode("v-if", true),
                         (visible.value)

package/lib/EditTable/index.js

@@ -8,9 +8,11 @@ exports.default = void 0;
 var _EditTable = _interopRequireDefault(require("./EditTable.js"));
 var _Body = _interopRequireDefault(require("./Body.js"));
 var _Header = _interopRequireDefault(require("./Header.js"));
+var _FormItem = _interopRequireDefault(require("./FormItem.js"));
 _EditTable.default.install = function (app) {
   app.component(_EditTable.default.name, _EditTable.default);
   app.component(_Body.default.name, _Body.default);
   app.component(_Header.default.name, _Header.default);
+  app.component(_FormItem.default.name, _FormItem.default);
 };
 var _default = exports.default = _EditTable.default;

package/lib/EditTable/props.js

@@ -15,6 +15,18 @@ var defaultProps = exports.defaultProps = function defaultProps() {
       default: function _default() {
         return [];
       }
+    },
+    searchColumns: {
+      type: Array,
+      default: function _default() {
+        return [{
+          title: '标识',
+          dataIndex: 'id'
+        }, {
+          title: '名称',
+          dataIndex: 'name'
+        }];
+      }
     }
   };
 };

package/lib/FullPage/FullPage.js

@@ -6,7 +6,7 @@
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, renderSlot as _renderSlot, createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1722997806466"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1722999078243"), n = n(), _popScopeId(), n);
 const _hoisted_1 = { class: "full-page-warp-content" };
 import { ref } from 'vue';
 import { useElementBounding } from '@vueuse/core';

package/lib/Search/Advanced/SaveHistory.js

@@ -21,7 +21,7 @@
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, createVNode as _createVNode, withCtx as _withCtx, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createBlock as _createBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1722997808646"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1722999080380"), n = n(), _popScopeId(), n);
 const _hoisted_1 = {
     key: 0,
     style: { "width": "240px" }

package/lib/Search/Item.js

@@ -78,7 +78,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createElementBlock as _createElementBlock, createVNode as _createVNode, Fragment as _Fragment, normalizeStyle as _normalizeStyle, mergeProps as _mergeProps, resolveDynamicComponent as _resolveDynamicComponent, withCtx as _withCtx, createElementVNode as _createElementVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1722997808043"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1722999079674"), n = n(), _popScopeId(), n);
 const _hoisted_1 = { class: "JSearch-item" };
 const _hoisted_2 = {
     key: 0,

package/lib/Search/Search.js

@@ -36,7 +36,7 @@
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createVNode as _createVNode, unref as _unref, withCtx as _withCtx, createBlock as _createBlock, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1722997808246"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1722999079843"), n = n(), _popScopeId(), n);
 const _hoisted_1 = { class: "JSearch-content simple" };
 const _hoisted_2 = { class: "JSearch-items" };
 import { Button, Row, Col, Form, FormItemRest, } from 'ant-design-vue';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetlinks-web/components",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -136,9 +136,9 @@
     "webpack-dev-server": "^4.0.0",
     "webpack-merge": "^5.0.0",
     "webpackbar": "^5.0.2",
+    "@jetlinks-web/utils": "^1.0.7",
     "@jetlinks-web/constants": "^1.0.2",
-    "@jetlinks-web/hooks": "^1.0.13",
-    "@jetlinks-web/utils": "^1.0.7"
+    "@jetlinks-web/hooks": "^1.0.13"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",