gi-component 0.0.49 → 0.0.51

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { defineComponent, createElementBlock, openBlock, createElementVNode, getCurrentInstance, ref, onMounted, watch, toValue, toRef, nextTick, onUnmounted, useAttrs, computed, createBlock, unref, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString, useSlots, normalizeClass, createCommentVNode, normalizeStyle, createVNode, createSlots, Fragment, renderList, mergeModels, useModel, resolveDynamicComponent, resolveComponent, h, createApp, onUpdated, inject, toRefs, watchEffect, reactive, provide, onBeforeUnmount, normalizeProps, guardReactiveProps, useTemplateRef } from "vue";
+import { defineComponent, createElementBlock, openBlock, createElementVNode, getCurrentInstance, ref, onMounted, watch, toValue, toRef, nextTick, onUnmounted, useAttrs, computed, createBlock, unref, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString, useSlots, normalizeClass, createCommentVNode, normalizeStyle, createVNode, createSlots, Fragment, renderList, mergeModels, useModel, resolveDynamicComponent, resolveComponent, h, createApp, onUpdated, inject, toRefs, watchEffect, reactive, provide, onBeforeUnmount, resolveDirective, normalizeProps, guardReactiveProps, withDirectives, useTemplateRef } from "vue";
 import * as El from "element-plus";
 import El__default, { ElButton, ElSpace, ElDescriptions, ElDescriptionsItem, ElDialog, ElDrawer, ElInput, ElForm, ElTable, ElTableColumn, ElFormItem, ElText, ElMessage, ElIcon, ElSplitter, ElSplitterPanel, ElRow, ElPagination, ElTabs, ElTabPane, ElCheckbox, ElScrollbar, ElTree, ElCheckboxGroup, ElEmpty } from "element-plus";
 /*! Element Plus Icons Vue v2.3.2 */
@@ -796,13 +796,13 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const Card = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-c3534379"]]);
+const Card = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-4f2bae7b"]]);
 const _hoisted_1$6 = { key: 2 };
 const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "descriptions",
   props: {
     columns: { default: () => [] },
-    data: { default: () => ({}) },
+    data: {},
     border: { type: Boolean, default: false },
     column: { default: 3 },
     direction: { default: "horizontal" },
@@ -827,13 +827,22 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
       return (((_a = props.columns) == null ? void 0 : _a.length) ?? 0) > 0;
     });
     function hasColumnSlot(name) {
-      return !!name && !!slots[name];
+      return !!name && name in slots;
     }
     function getFieldValue(col) {
-      if (!props.data || col.value === void 0 || col.value === null)
-        return "";
+      if (!props.data || col.value === void 0)
+        return void 0;
       return props.data[col.value];
     }
+    function getLabelNode(col) {
+      if (typeof col.label === "function")
+        return col.label(col);
+    }
+    function getRenderNode(col) {
+      if (!col.render || !props.data)
+        return;
+      return col.render({ value: getFieldValue(col), data: props.data, column: col });
+    }
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(ElDescriptions), {
         border: _ctx.border,
@@ -864,7 +873,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                   column: col
                 }) : col.render && _ctx.data ? (openBlock(), createBlock(unref(NodeRenderer), {
                   key: 1,
-                  "get-node": () => col.render({ value: getFieldValue(col), data: _ctx.data, column: col })
+                  "get-node": () => getRenderNode(col)
                 }, null, 8, ["get-node"])) : (openBlock(), createElementBlock("span", _hoisted_1$6, toDisplayString(getFieldValue(col)), 1))
               ]),
               _: 2
@@ -873,7 +882,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                 name: "label",
                 fn: withCtx(() => [
                   createVNode(unref(NodeRenderer), {
-                    "get-node": () => col.label(col)
+                    "get-node": () => getLabelNode(col)
                   }, null, 8, ["get-node"])
                 ]),
                 key: "0"
@@ -2252,120 +2261,85 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "form",
   props: {
     modelValue: {},
-    columns: {
-      default: () => []
-    },
-    fc: {
-      default: () => ({})
-    },
+    columns: { default: () => [] },
+    fc: { default: () => ({}) },
     gridProps: {},
-    gridItemProps: {
-      default: () => ({
-        span: {
-          xs: 24,
-          sm: 24,
-          md: 12
-        }
-      })
-    },
-    search: {
-      type: Boolean,
-      default: false
-    },
-    searchText: {
-      default: "查询"
-    },
-    hideFoldBtn: {
-      type: Boolean,
-      default: false
-    },
-    defaultCollapsed: {
-      type: Boolean,
-      default: void 0
-    },
-    suffix: {
-      type: Boolean,
-      default: true
-    },
+    gridItemProps: { default: () => ({ span: { xs: 24, sm: 24, md: 12 } }) },
+    search: { type: Boolean, default: false },
+    searchText: { default: "查询" },
+    hideFoldBtn: { type: Boolean, default: false },
+    defaultCollapsed: { type: Boolean, default: void 0 },
+    suffix: { type: Boolean, default: true },
     model: {},
     rules: {},
     labelPosition: {},
     requireAsteriskPosition: {},
-    labelWidth: {
-      default: "auto"
-    },
+    labelWidth: { default: "auto" },
     labelSuffix: {},
-    inline: {
-      type: Boolean
-    },
-    inlineMessage: {
-      type: Boolean
-    },
-    statusIcon: {
-      type: Boolean
-    },
-    showMessage: {
-      type: Boolean,
-      default: true
-    },
-    validateOnRuleChange: {
-      type: Boolean
-    },
-    hideRequiredAsterisk: {
-      type: Boolean
-    },
-    scrollToError: {
-      type: Boolean,
-      default: true
-    },
+    inline: { type: Boolean },
+    inlineMessage: { type: Boolean },
+    statusIcon: { type: Boolean },
+    showMessage: { type: Boolean, default: true },
+    validateOnRuleChange: { type: Boolean },
+    hideRequiredAsterisk: { type: Boolean },
+    scrollToError: { type: Boolean, default: true },
     scrollIntoViewOptions: {},
     size: {},
-    disabled: {
-      type: Boolean
-    }
+    disabled: { type: Boolean }
   },
   emits: ["update:modelValue", "search", "reset"],
-  setup(__props, {
-    expose: __expose,
-    emit: __emit
-  }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
     const attrs = useAttrs();
-    const {
-      b
-    } = useBemClass();
+    const { b } = useBemClass();
     const collapsed = ref((props == null ? void 0 : props.defaultCollapsed) ?? props.search);
     const instance = getCurrentInstance();
     const globalConfig = instance == null ? void 0 : instance.appContext.config.globalProperties.$config;
     const clearable2 = (globalConfig == null ? void 0 : globalConfig.clearable) ?? false;
     const dictData = ref({});
-    const STATIC_PROPS = /* @__PURE__ */ new Map([["input", {
-      clearable: clearable2,
-      maxlength: 20
-    }], ["textarea", {
-      clearable: clearable2,
-      type: "textarea",
-      maxlength: 200,
-      showWordLimit: true
-    }], ["input-number", {}], ["input-tag", {
-      clearable: clearable2
-    }], ["select", {
-      clearable: clearable2
-    }], ["select-v2", {
-      clearable: clearable2
-    }], ["tree-select", {
-      clearable: clearable2
-    }], ["cascader", {
-      clearable: clearable2
-    }], ["slider", {}], ["switch", {}], ["rate", {}], ["checkbox-group", {}], ["checkbox", {}], ["radio-group", {}], ["radio", {}], ["date-picker", {
-      clearable: clearable2
-    }], ["time-picker", {
-      clearable: clearable2
-    }], ["time-select", {
-      clearable: clearable2
-    }], ["color-picker", {}], ["transfer", {}], ["autocomplete", {}], ["upload", {}], ["title", {}]]);
-    const PLACEHOLDER_MAP = /* @__PURE__ */ new Map([["input", (label) => `请输入${label}`], ["input-number", (label) => `请输入${label}`], ["input-tag", (label) => `请输入${label}`], ["textarea", (label) => `请填写${label}`], ["select", (label) => `请选择${label}`], ["select-v2", (label) => `请选择${label}`], ["tree-select", (label) => `请选择${label}`], ["cascader", (label) => `请选择${label}`], ["time-select", (label) => `请选择${label}`], ["input-search", (label) => `请选择${label}`], ["date-picker", () => "请选择日期"], ["time-picker", () => "请选择时间"]]);
+    const STATIC_PROPS = /* @__PURE__ */ new Map([
+      ["input", { clearable: clearable2, maxlength: 20 }],
+      [
+        "textarea",
+        { clearable: clearable2, type: "textarea", maxlength: 200, showWordLimit: true }
+      ],
+      ["input-number", {}],
+      ["input-tag", { clearable: clearable2 }],
+      ["select", { clearable: clearable2 }],
+      ["select-v2", { clearable: clearable2 }],
+      ["tree-select", { clearable: clearable2 }],
+      ["cascader", { clearable: clearable2 }],
+      ["slider", {}],
+      ["switch", {}],
+      ["rate", {}],
+      ["checkbox-group", {}],
+      ["checkbox", {}],
+      ["radio-group", {}],
+      ["radio", {}],
+      ["date-picker", { clearable: clearable2 }],
+      ["time-picker", { clearable: clearable2 }],
+      ["time-select", { clearable: clearable2 }],
+      ["color-picker", {}],
+      ["transfer", {}],
+      ["autocomplete", {}],
+      ["upload", {}],
+      ["title", {}]
+    ]);
+    const PLACEHOLDER_MAP = /* @__PURE__ */ new Map([
+      ["input", (label) => `请输入${label}`],
+      ["input-number", (label) => `请输入${label}`],
+      ["input-tag", (label) => `请输入${label}`],
+      ["textarea", (label) => `请填写${label}`],
+      ["select", (label) => `请选择${label}`],
+      ["select-v2", (label) => `请选择${label}`],
+      ["tree-select", (label) => `请选择${label}`],
+      ["cascader", (label) => `请选择${label}`],
+      ["time-select", (label) => `请选择${label}`],
+      ["input-search", (label) => `请选择${label}`],
+      ["date-picker", () => "请选择日期"],
+      ["time-picker", () => "请选择时间"]
+    ]);
     const loadDictData = async () => {
       var _a;
       const dictCodes = (_a = props.columns) == null ? void 0 : _a.filter((item) => item.dictCode).map((item) => item.dictCode).filter((code, index2, arr) => arr.indexOf(code) === index2);
@@ -2375,20 +2349,15 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
         return;
       }
       try {
-        const dictResponses = await Promise.all(dictCodes.map((code) => globalConfig.dictRequest(code).then((response) => ({
-          code,
-          response
-        })).catch((error) => {
-          console.error(`获取字典 ${code} 失败:`, error);
-          return {
-            code,
-            response: []
-          };
-        })));
-        dictResponses.forEach(({
-          code,
-          response
-        }) => {
+        const dictResponses = await Promise.all(
+          dictCodes.map(
+            (code) => globalConfig.dictRequest(code).then((response) => ({ code, response })).catch((error) => {
+              console.error(`获取字典 ${code} 失败:`, error);
+              return { code, response: [] };
+            })
+          )
+        );
+        dictResponses.forEach(({ code, response }) => {
           dictData.value[code] = response;
         });
       } catch (error) {
@@ -2406,9 +2375,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
     function getComponentBindProps(item) {
       var _a;
-      const defaultProps = {
-        ...STATIC_PROPS.get(item.type) || {}
-      };
+      const defaultProps = { ...STATIC_PROPS.get(item.type) || {} };
       const placeholder = getPlaceholder(item);
       if (placeholder) {
         defaultProps.placeholder = placeholder;
@@ -2419,10 +2386,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       if (item.dictCode && dictData.value[item.dictCode]) {
         defaultProps.options = dictData.value[item.dictCode];
       }
-      return {
-        ...defaultProps,
-        ...(item == null ? void 0 : item.props) || {}
-      };
+      return { ...defaultProps, ...(item == null ? void 0 : item.props) || {} };
     }
     const formProps = computed(() => {
       const {
@@ -2437,10 +2401,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
         fc,
         ...restProps
       } = props;
-      return {
-        ...attrs,
-        ...restProps
-      };
+      return { ...attrs, ...restProps };
     });
     const getClass = computed(() => {
       const arr = [b("form")];
@@ -2481,16 +2442,19 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       const rules = Array.isArray(item.rules) ? item.rules : [];
       const requiredMessage = `${item.label}为必填项`;
       if (item.required) {
-        return [{
-          required: true,
-          message: requiredMessage
-        }, ...rules];
+        return [
+          { required: true, message: requiredMessage },
+          ...rules
+        ];
       }
       if ((_b = (_a = props.fc) == null ? void 0 : _a[item.field]) == null ? void 0 : _b.required) {
-        return [{
-          required: props.fc[item.field].required,
-          message: requiredMessage
-        }, ...rules];
+        return [
+          {
+            required: props.fc[item.field].required,
+            message: requiredMessage
+          },
+          ...rules
+        ];
       }
       return item.rules;
     }
@@ -2510,14 +2474,9 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       return false;
     }
     function updateModelValue(value, item) {
-      emit("update:modelValue", {
-        ...props.modelValue,
-        [item.field]: value
-      });
+      emit("update:modelValue", { ...props.modelValue, [item.field]: value });
     }
-    __expose({
-      formRef
-    });
+    __expose({ formRef });
     return (_ctx, _cache) => {
       const _component_el_alert = resolveComponent("el-alert");
       return openBlock(), createBlock(unref(ElForm), mergeProps({
@@ -2527,148 +2486,179 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       }, formProps.value, {
         model: props.modelValue
       }), {
-        default: withCtx(() => [createVNode(unref(Grid), mergeProps({
-          class: "w-full",
-          "col-gap": 12
-        }, props.gridProps, {
-          collapsed: collapsed.value
-        }), {
-          default: withCtx(() => {
-            var _a;
-            return [(openBlock(true), createElementBlock(Fragment, null, renderList(props.columns, (item, index2) => {
-              var _a2, _b;
-              return openBlock(), createElementBlock(Fragment, null, [item.type === "title" ? (openBlock(), createBlock(unref(GridItem), {
-                key: `title${index2}`,
-                span: 24
-              }, {
-                default: withCtx(() => [createVNode(unref(ElFormItem), {
-                  "label-width": "0"
-                }, {
-                  default: withCtx(() => [createVNode(_component_el_alert, {
-                    class: normalizeClass(unref(b)("form-item__title")),
-                    title: typeof item.label === "string" ? item.label : "",
-                    type: "info",
-                    closable: false
-                  }, null, 8, ["class", "title"])]),
-                  _: 2
-                }, 1024)]),
-                _: 2
-              }, 1024)) : (openBlock(), createElementBlock(Fragment, {
-                key: 1
-              }, [!isHide(item) ? (openBlock(), createBlock(unref(GridItem), mergeProps({
-                key: item.field + index2
-              }, {
-                ref_for: true
-              }, item.gridItemProps || props.gridItemProps, {
-                span: item.span || ((_a2 = item.gridItemProps) == null ? void 0 : _a2.span) || ((_b = props == null ? void 0 : props.gridItemProps) == null ? void 0 : _b.span)
-              }), {
-                default: withCtx(() => [(openBlock(), createBlock(unref(ElFormItem), mergeProps({
-                  key: item.field + index2,
-                  prop: item.field,
-                  label: item.label,
-                  rules: getFormItemRules(item)
-                }, {
-                  ref_for: true
-                }, item.formItemProps), createSlots({
-                  default: withCtx(() => [item.type === "slot" ? (openBlock(), createElementBlock("div", _hoisted_1$2, [renderSlot(_ctx.$slots, item.field, {
-                    item
-                  }, void 0, true)])) : (openBlock(), createElementBlock("div", {
-                    key: 1,
-                    class: normalizeClass(unref(b)("form-item__content"))
-                  }, [createElementVNode("div", {
-                    class: normalizeClass(unref(b)("form-item__component"))
-                  }, [(openBlock(), createBlock(resolveDynamicComponent(CompMap[item.type] || item.type), mergeProps({
-                    disabled: isDisabled(item),
-                    class: "w-full"
-                  }, {
-                    ref_for: true
-                  }, getComponentBindProps(item), {
-                    "model-value": props.modelValue[item.fieldName || item.field],
-                    "onUpdate:modelValue": ($event) => updateModelValue($event, item)
-                  }), createSlots({
-                    _: 2
-                  }, [renderList((item == null ? void 0 : item.slots) || {}, (slotValue, slotKey) => {
-                    return {
-                      name: slotKey,
-                      fn: withCtx((scope) => [typeof slotValue === "string" ? (openBlock(), createElementBlock(Fragment, {
-                        key: 0
-                      }, [createTextVNode(toDisplayString(slotValue), 1)], 64)) : slotValue ? (openBlock(), createBlock(resolveDynamicComponent(slotValue(scope)), {
-                        key: 1
-                      })) : createCommentVNode("", true)])
-                    };
-                  })]), 1040, ["disabled", "model-value", "onUpdate:modelValue"])), item.tip ? (openBlock(), createBlock(unref(ElText), {
-                    key: 0,
-                    class: normalizeClass(unref(b)("form-item__tip")),
-                    type: "info",
-                    size: "small"
-                  }, {
-                    default: withCtx(() => [createTextVNode(toDisplayString(item.tip), 1)]),
-                    _: 2
-                  }, 1032, ["class"])) : createCommentVNode("", true)], 2), item.extra ? (openBlock(), createElementBlock("div", {
-                    key: 0,
-                    class: normalizeClass(unref(b)("form-item__extra"))
-                  }, [typeof item.extra === "string" ? (openBlock(), createBlock(unref(ElText), {
-                    key: 0,
-                    type: "info",
-                    size: "small"
-                  }, {
-                    default: withCtx(() => [createTextVNode(toDisplayString(item.extra), 1)]),
-                    _: 2
-                  }, 1024)) : item.extra ? (openBlock(), createBlock(resolveDynamicComponent(item.extra), {
-                    key: 1
-                  })) : createCommentVNode("", true)], 2)) : createCommentVNode("", true)], 2))]),
-                  _: 2
-                }, [(item == null ? void 0 : item.labelRender) ? {
-                  name: "label",
-                  fn: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(item.labelRender)))]),
-                  key: "0"
-                } : void 0]), 1040, ["prop", "label", "rules"]))]),
-                _: 2
-              }, 1040, ["span"])) : createCommentVNode("", true)], 64))], 64);
-            }), 256)), props.search ? (openBlock(), createBlock(unref(GridItem), {
-              key: 0,
-              suffix: props.suffix && props.search,
-              span: (_a = props == null ? void 0 : props.gridItemProps) == null ? void 0 : _a.span
-            }, {
-              default: withCtx(() => [createVNode(unref(ElSpace), {
-                class: normalizeClass(unref(b)("form__search-btns"))
-              }, {
-                default: withCtx(() => [createVNode(unref(ElButton), {
-                  type: "primary",
-                  onClick: _cache[0] || (_cache[0] = ($event) => emit("search"))
-                }, {
-                  default: withCtx(() => [createTextVNode(toDisplayString(_ctx.searchText), 1)]),
-                  _: 1
-                }), createVNode(unref(ElButton), {
-                  onClick: _cache[1] || (_cache[1] = ($event) => emit("reset"))
-                }, {
-                  default: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode(" 重置 ", -1)])]),
-                  _: 1
-                }), !props.hideFoldBtn ? (openBlock(), createBlock(unref(ElButton), {
+        default: withCtx(() => [
+          createVNode(unref(Grid), mergeProps({
+            class: "w-full",
+            "col-gap": 12
+          }, props.gridProps, { collapsed: collapsed.value }), {
+            default: withCtx(() => {
+              var _a;
+              return [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(props.columns, (item, index2) => {
+                  var _a2, _b;
+                  return openBlock(), createElementBlock(Fragment, null, [
+                    item.type === "title" ? (openBlock(), createBlock(unref(GridItem), {
+                      key: `title${index2}`,
+                      span: 24
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(unref(ElFormItem), { "label-width": "0" }, {
+                          default: withCtx(() => [
+                            createVNode(_component_el_alert, {
+                              class: normalizeClass(unref(b)("form-item__title")),
+                              title: typeof item.label === "string" ? item.label : "",
+                              type: "info",
+                              closable: false
+                            }, null, 8, ["class", "title"])
+                          ]),
+                          _: 2
+                        }, 1024)
+                      ]),
+                      _: 2
+                    }, 1024)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                      !isHide(item) ? (openBlock(), createBlock(unref(GridItem), mergeProps({
+                        key: item.field + index2
+                      }, { ref_for: true }, item.gridItemProps || props.gridItemProps, {
+                        span: item.span || ((_a2 = item.gridItemProps) == null ? void 0 : _a2.span) || ((_b = props == null ? void 0 : props.gridItemProps) == null ? void 0 : _b.span)
+                      }), {
+                        default: withCtx(() => [
+                          (openBlock(), createBlock(unref(ElFormItem), mergeProps({
+                            key: item.field + index2,
+                            prop: item.field,
+                            label: item.label,
+                            rules: getFormItemRules(item)
+                          }, { ref_for: true }, item.formItemProps), createSlots({
+                            default: withCtx(() => [
+                              item.type === "slot" ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
+                                renderSlot(_ctx.$slots, item.field, { item }, void 0, true)
+                              ])) : (openBlock(), createElementBlock("div", {
+                                key: 1,
+                                class: normalizeClass(unref(b)("form-item__content"))
+                              }, [
+                                createElementVNode("div", {
+                                  class: normalizeClass(unref(b)("form-item__component"))
+                                }, [
+                                  (openBlock(), createBlock(resolveDynamicComponent(CompMap[item.type] || item.type), mergeProps({
+                                    disabled: isDisabled(item),
+                                    class: "w-full"
+                                  }, { ref_for: true }, getComponentBindProps(item), {
+                                    "model-value": props.modelValue[item.fieldName || item.field],
+                                    "onUpdate:modelValue": ($event) => updateModelValue($event, item)
+                                  }), createSlots({ _: 2 }, [
+                                    renderList((item == null ? void 0 : item.slots) || {}, (slotValue, slotKey) => {
+                                      return {
+                                        name: slotKey,
+                                        fn: withCtx((scope) => [
+                                          typeof slotValue === "string" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                                            createTextVNode(toDisplayString(slotValue), 1)
+                                          ], 64)) : slotValue ? (openBlock(), createBlock(resolveDynamicComponent(slotValue(scope)), { key: 1 })) : createCommentVNode("", true)
+                                        ])
+                                      };
+                                    })
+                                  ]), 1040, ["disabled", "model-value", "onUpdate:modelValue"])),
+                                  item.tip ? (openBlock(), createBlock(unref(ElText), {
+                                    key: 0,
+                                    class: normalizeClass(unref(b)("form-item__tip")),
+                                    type: "info",
+                                    size: "small"
+                                  }, {
+                                    default: withCtx(() => [
+                                      createTextVNode(toDisplayString(item.tip), 1)
+                                    ]),
+                                    _: 2
+                                  }, 1032, ["class"])) : createCommentVNode("", true)
+                                ], 2),
+                                item.extra ? (openBlock(), createElementBlock("div", {
+                                  key: 0,
+                                  class: normalizeClass(unref(b)("form-item__extra"))
+                                }, [
+                                  typeof item.extra === "string" ? (openBlock(), createBlock(unref(ElText), {
+                                    key: 0,
+                                    type: "info",
+                                    size: "small"
+                                  }, {
+                                    default: withCtx(() => [
+                                      createTextVNode(toDisplayString(item.extra), 1)
+                                    ]),
+                                    _: 2
+                                  }, 1024)) : item.extra ? (openBlock(), createBlock(resolveDynamicComponent(item.extra), { key: 1 })) : createCommentVNode("", true)
+                                ], 2)) : createCommentVNode("", true)
+                              ], 2))
+                            ]),
+                            _: 2
+                          }, [
+                            (item == null ? void 0 : item.labelRender) ? {
+                              name: "label",
+                              fn: withCtx(() => [
+                                (openBlock(), createBlock(resolveDynamicComponent(item.labelRender)))
+                              ]),
+                              key: "0"
+                            } : void 0
+                          ]), 1040, ["prop", "label", "rules"]))
+                        ]),
+                        _: 2
+                      }, 1040, ["span"])) : createCommentVNode("", true)
+                    ], 64))
+                  ], 64);
+                }), 256)),
+                props.search ? (openBlock(), createBlock(unref(GridItem), {
                   key: 0,
-                  class: "form__fold-btn",
-                  type: "primary",
-                  icon: collapsed.value ? unref(arrow_down_default) : unref(arrow_up_default),
-                  text: "",
-                  size: "small",
-                  onClick: _cache[2] || (_cache[2] = ($event) => collapsed.value = !collapsed.value)
+                  suffix: props.suffix && props.search,
+                  span: (_a = props == null ? void 0 : props.gridItemProps) == null ? void 0 : _a.span
                 }, {
-                  default: withCtx(() => [createTextVNode(toDisplayString(collapsed.value ? "展开" : "收起"), 1)]),
+                  default: withCtx(() => [
+                    createVNode(unref(ElSpace), {
+                      class: normalizeClass(unref(b)("form__search-btns"))
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(unref(ElButton), {
+                          type: "primary",
+                          onClick: _cache[0] || (_cache[0] = ($event) => emit("search"))
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(_ctx.searchText), 1)
+                          ]),
+                          _: 1
+                        }),
+                        createVNode(unref(ElButton), {
+                          onClick: _cache[1] || (_cache[1] = ($event) => emit("reset"))
+                        }, {
+                          default: withCtx(() => [..._cache[3] || (_cache[3] = [
+                            createTextVNode(" 重置 ", -1)
+                          ])]),
+                          _: 1
+                        }),
+                        !props.hideFoldBtn ? (openBlock(), createBlock(unref(ElButton), {
+                          key: 0,
+                          class: "form__fold-btn",
+                          type: "primary",
+                          icon: collapsed.value ? unref(arrow_down_default) : unref(arrow_up_default),
+                          text: "",
+                          size: "small",
+                          onClick: _cache[2] || (_cache[2] = ($event) => collapsed.value = !collapsed.value)
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(collapsed.value ? "展开" : "收起"), 1)
+                          ]),
+                          _: 1
+                        }, 8, ["icon"])) : createCommentVNode("", true)
+                      ]),
+                      _: 1
+                    }, 8, ["class"])
+                  ]),
                   _: 1
-                }, 8, ["icon"])) : createCommentVNode("", true)]),
-                _: 1
-              }, 8, ["class"])]),
-              _: 1
-            }, 8, ["suffix", "span"])) : createCommentVNode("", true)];
-          }),
-          _: 3
-        }, 16, ["collapsed"])]),
+                }, 8, ["suffix", "span"])) : createCommentVNode("", true)
+              ];
+            }),
+            _: 3
+          }, 16, ["collapsed"])
+        ]),
         _: 3
       }, 16, ["class", "model"]);
     };
   }
 });
-const Form = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-85d6c1a1"]]);
+const Form = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-4c32de90"]]);
 const _hoisted_1$1 = ["data-value", "onClick"];
 const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "nav-tabs",
@@ -3038,9 +3028,12 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const PageLayout = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-3f0d909a"]]);
+const PageLayout = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-0ed9c74a"]]);
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  __name: "TableColumn",
+  ...{
+    name: "TableColumn"
+  },
+  __name: "table-column",
   props: {
     column: {}
   },
@@ -3051,22 +3044,17 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       return restProps;
     });
     return (_ctx, _cache) => {
+      const _component_TableColumn = resolveComponent("TableColumn", true);
+      const _directive_slots = resolveDirective("slots");
       return openBlock(), createBlock(unref(ElTableColumn), normalizeProps(guardReactiveProps(columnProps.value)), createSlots({
         default: withCtx(() => [
           _ctx.column.children && _ctx.column.children.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.column.children, (child) => {
-            return openBlock(), createBlock(_sfc_main$4, {
+            return withDirectives((openBlock(), createBlock(_component_TableColumn, {
               key: child.prop || child.label,
               column: child
-            }, createSlots({ _: 2 }, [
-              renderList(_ctx.$slots, (_, slotName) => {
-                return {
-                  name: slotName,
-                  fn: withCtx((scope) => [
-                    renderSlot(_ctx.$slots, slotName, mergeProps({ ref_for: true }, scope))
-                  ])
-                };
-              })
-            ]), 1032, ["column"]);
+            }, null, 8, ["column"])), [
+              [_directive_slots, _ctx.$slots]
+            ]);
           }), 128)) : createCommentVNode("", true)
         ]),
         _: 2
@@ -3093,22 +3081,18 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "table",
   props: {
-    data: { default: () => [] },
     columns: { default: () => [] },
     pagination: { type: [Object, Boolean], default: () => ({}) },
-    size: {},
-    width: {},
+    data: { default: () => [] },
     height: {},
     maxHeight: {},
-    fit: { default: true },
-    stripe: {},
-    border: {},
-    rowKey: {},
-    context: {},
-    showHeader: { default: true },
-    showSummary: {},
-    sumText: {},
-    summaryMethod: {},
+    stripe: { type: Boolean },
+    border: { type: Boolean },
+    size: {},
+    fit: { type: Boolean, default: true },
+    showHeader: { type: Boolean, default: true },
+    highlightCurrentRow: { type: Boolean },
+    currentRowKey: {},
     rowClassName: {},
     rowStyle: {},
     cellClassName: {},
@@ -3117,30 +3101,52 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     headerRowStyle: {},
     headerCellClassName: {},
     headerCellStyle: {},
-    highlightCurrentRow: {},
-    currentRowKey: {},
+    rowKey: {},
     emptyText: {},
+    defaultExpandAll: { type: Boolean },
     expandRowKeys: {},
-    defaultExpandAll: {},
     defaultSort: {},
     tooltipEffect: {},
     tooltipOptions: {},
+    appendFilterPanelTo: {},
+    showSummary: { type: Boolean },
+    sumText: {},
+    summaryMethod: {},
     spanMethod: {},
-    selectOnIndeterminate: { default: true },
+    selectOnIndeterminate: { type: Boolean, default: true },
     indent: {},
-    treeProps: {},
-    lazy: {},
+    lazy: { type: Boolean },
     load: {},
-    className: {},
-    style: {},
+    treeProps: {},
     tableLayout: {},
-    scrollbarAlwaysOn: {},
-    flexible: {},
-    showOverflowTooltip: {},
-    tooltipFormatter: {},
-    appendFilterPanelTo: {},
+    scrollbarAlwaysOn: { type: Boolean },
+    showOverflowTooltip: { type: [Boolean, Object] },
+    flexible: { type: Boolean },
     scrollbarTabindex: {},
-    nativeScrollbar: {}
+    allowDragLastColumn: { type: Boolean },
+    tooltipFormatter: {},
+    preserveExpandedContent: { type: Boolean },
+    nativeScrollbar: { type: Boolean },
+    rowExpandable: {},
+    onSelect: {},
+    onSelectAll: {},
+    onSelectionChange: {},
+    onCellMouseEnter: {},
+    onCellMouseLeave: {},
+    onCellClick: {},
+    onCellDblclick: {},
+    onCellContextmenu: {},
+    onRowClick: {},
+    onRowContextmenu: {},
+    onRowDblclick: {},
+    onHeaderClick: {},
+    onHeaderContextmenu: {},
+    onSortChange: {},
+    onFilterChange: {},
+    onCurrentChange: {},
+    onHeaderDragend: {},
+    onExpandChange: {},
+    onScroll: {}
   },
   setup(__props, { expose: __expose }) {
     const props = __props;
@@ -3211,7 +3217,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Table = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-91240424"]]);
+const _Table = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-42ae2dfb"]]);
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "tabs",
   props: /* @__PURE__ */ mergeModels({
@@ -3286,7 +3292,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Tabs = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-dcf6cbb0"]]);
+const Tabs = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-75720764"]]);
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "tag",
   props: {
@@ -9169,7 +9175,7 @@ const components = {
   PageLayout,
   Dialog: _sfc_main$i,
   EditTable,
-  Table,
+  Table: _Table,
   Tag,
   TreeTransfer
 };
@@ -9189,7 +9195,7 @@ const GiForm = Form;
 const GiPageLayout = PageLayout;
 const GiDialog = _sfc_main$i;
 const GiEditTable = EditTable;
-const GiTable = Table;
+const GiTable = _Table;
 const GiTag = Tag;
 const GiTreeTransfer = TreeTransfer;
 function capitalizeWord(word) {