3h1-ui 2.6.0 → 2.8.0

package/es/ui/src/TablePlus/TablePlus.vue.d.ts

@@ -468,7 +468,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
             default: any;
         };
     }, {
-        emit: (event: "updateStatusEdit" | "edit-ensure" | "edit-cancel", ...args: any[]) => void;
+        emit: (event: "edit-cancel" | "updateStatusEdit" | "edit-ensure", ...args: any[]) => void;
         props: any;
         getActions: import("vue").ComputedRef<{
             label: string;
@@ -476,14 +476,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
             ifShow: boolean;
         }[]>;
         TableAction: import("vue").DefineComponent<unknown, object, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<unknown>, {}>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("updateStatusEdit" | "edit-ensure" | "edit-cancel")[], "updateStatusEdit" | "edit-ensure" | "edit-cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("edit-cancel" | "updateStatusEdit" | "edit-ensure")[], "edit-cancel" | "updateStatusEdit" | "edit-ensure", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         row: {
             default: any;
         };
     }>> & {
+        "onEdit-cancel"?: (...args: any[]) => any;
         onUpdateStatusEdit?: (...args: any[]) => any;
         "onEdit-ensure"?: (...args: any[]) => any;
-        "onEdit-cancel"?: (...args: any[]) => any;
     }, {
         row: any;
     }>;
@@ -595,9 +595,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
 }, {
     columns: unknown[];
     api: any;
+    searchInfo: any;
+    formConfig: any;
+    actionColumn: any;
     isShowSeq: boolean;
     isCompatible: boolean;
-    actionColumn: any;
     isShowSearch: boolean;
     isShowRowSelection: boolean;
     isShowAction: boolean;
@@ -606,8 +608,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
     isShowToolbar: boolean;
     isImmediate: boolean;
     configRowSelection: any;
-    formConfig: any;
-    searchInfo: any;
     transSearchInfoBeforeReload: any;
     isUseEdit: boolean;
     transDataAfterReload: any;

package/es/ui/src/TablePlus/components/ButtonGroupEdit.vue.d.ts

@@ -3,7 +3,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         default: any;
     };
 }, {
-    emit: (event: "updateStatusEdit" | "edit-ensure" | "edit-cancel", ...args: any[]) => void;
+    emit: (event: "edit-cancel" | "updateStatusEdit" | "edit-ensure", ...args: any[]) => void;
     props: any;
     getActions: import("vue").ComputedRef<{
         label: string;
@@ -11,14 +11,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
         ifShow: boolean;
     }[]>;
     TableAction: import("vue").DefineComponent<unknown, object, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<unknown>, {}>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("updateStatusEdit" | "edit-ensure" | "edit-cancel")[], "updateStatusEdit" | "edit-ensure" | "edit-cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("edit-cancel" | "updateStatusEdit" | "edit-ensure")[], "edit-cancel" | "updateStatusEdit" | "edit-ensure", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     row: {
         default: any;
     };
 }>> & {
+    "onEdit-cancel"?: (...args: any[]) => any;
     onUpdateStatusEdit?: (...args: any[]) => any;
     "onEdit-ensure"?: (...args: any[]) => any;
-    "onEdit-cancel"?: (...args: any[]) => any;
 }, {
     row: any;
 }>;

package/es/ui/src/Tree/src/BasicTree.vue.d.ts

@@ -71,6 +71,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     loading: import("@shy-plugins/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     helpMessage: import("@shy-plugins/utils").BuildPropType<PropType<string | string[]>, unknown, unknown>;
     selectedKeys: KeyType[];
+    filterFn: (searchValue: any, node: TreeItem, fieldNames: FieldNames) => boolean;
     fieldNames: undefined;
     searchValue: string;
     treeData: import("ant-design-vue/es/tree").DataNode[];
@@ -85,7 +86,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
     checkedKeys: CheckKeys;
     beforeRightClick: (...arg: any) => import("./types/tree").ContextMenuOptions | import("./types/tree").ContextMenuItem[];
     rightMenuList: import("./types/tree").ContextMenuItem[];
-    filterFn: (searchValue: any, node: TreeItem, fieldNames: FieldNames) => boolean;
     highlight: import("@shy-plugins/utils").BuildPropType<PropType<String | Boolean>, unknown, unknown>;
     expandOnSearch: boolean;
     checkOnSearch: boolean;

package/lib/index.js

@@ -1681,6 +1681,21 @@ var SmallDashOutlined = function SmallDashOutlined2(props2, context) {
 SmallDashOutlined.displayName = "SmallDashOutlined";
 SmallDashOutlined.inheritAttrs = false;
 const SmallDashOutlined$1 = SmallDashOutlined;
+const Divider = /* @__PURE__ */ vue.defineComponent({
+  props: {
+    label: {
+      type: String,
+      default: () => ""
+    }
+  },
+  setup(props2, {
+    attrs
+  }) {
+    return () => vue.createVNode("div", {
+      "class": "shy-form-divider"
+    }, [props2.label]);
+  }
+});
 var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
 const freeGlobal$1 = freeGlobal;
 var freeSelf = typeof self == "object" && self && self.Object === Object && self;
@@ -7277,6 +7292,7 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
 });
 const Table_vue_vue_type_style_index_0_scoped_7465b460_lang = "";
 const Table = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-7465b460"]]);
+console.log(Divider);
 const componentMap$2 = /* @__PURE__ */ new Map();
 componentMap$2.set("Input", antDesignVue.Input);
 componentMap$2.set("InputGroup", antDesignVue.Input.Group);
@@ -7310,7 +7326,7 @@ componentMap$2.set("StrengthMeter", StrengthMeter);
 componentMap$2.set("IconPicker", _sfc_main$P);
 componentMap$2.set("InputCountDown", CountdownInput);
 componentMap$2.set("Table", Table);
-componentMap$2.set("Divider", antDesignVue.Divider);
+componentMap$2.set("Divider", Divider);
 function add(compName, component) {
   componentMap$2.set(compName, component);
 }
@@ -7484,7 +7500,8 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
           type: "horizontal"
         }, componentProps, {
           orientation: "left",
-          plain: true
+          plain: true,
+          label: (schema2 == null ? void 0 : schema2.label) || ""
         });
       }
       if (schema2.component === "Input") {
@@ -7731,7 +7748,7 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
         return vue.createVNode(antDesignVue.Col, {
           "span": 24
         }, {
-          default: () => [vue.createVNode(antDesignVue.Divider, vue.unref(getComponentsProps), _isSlot$3(_slot = renderLabelHelpMessage()) ? _slot : {
+          default: () => [vue.createVNode(Divider, vue.unref(getComponentsProps), _isSlot$3(_slot = renderLabelHelpMessage()) ? _slot : {
             default: () => [_slot]
           })]
         });
@@ -7969,7 +7986,10 @@ const _sfc_main$I = vue.defineComponent({
         {
           text: "查询"
         },
-        props2.submitButtonOptions
+        {
+          ...props2.submitButtonOptions,
+          loading: false
+        }
       );
     });
     const getPreIcon = vue.computed(() => {
@@ -7994,7 +8014,6 @@ const _sfc_main$I = vue.defineComponent({
 });
 function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_BasicButton = vue.resolveComponent("BasicButton");
-  const _component_SearchOutlined = vue.resolveComponent("SearchOutlined");
   const _component_Button = vue.resolveComponent("Button");
   const _component_FormItem = vue.resolveComponent("FormItem");
   return _ctx.showActionButtonGroup ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -8008,10 +8027,7 @@ function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
           key: 0,
           type: "default",
           class: "mr-2"
-        }, _ctx.getResetBtnOptions, {
-          onClick: _ctx.resetAction,
-          preIcon: "ant-design:sync-outlined"
-        }), {
+        }, _ctx.getResetBtnOptions, { onClick: _ctx.resetAction }), {
           default: vue.withCtx(() => [
             vue.createTextVNode(vue.toDisplayString(_ctx.getResetBtnOptions.text), 1)
           ]),
@@ -8023,11 +8039,8 @@ function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
           type: "primary",
           class: "mr-2"
         }, { ..._ctx.getSubmitBtnOptions }, { onClick: _ctx.submitAction }), {
-          icon: vue.withCtx(() => [
-            vue.createVNode(_component_SearchOutlined, { style: { "line-height": "14px", "transform": "translateY(3px)", "font-size": "14px", "box-sizing": "border-box" } })
-          ]),
           default: vue.withCtx(() => [
-            vue.createTextVNode(" " + vue.toDisplayString(_ctx.getSubmitBtnOptions.text), 1)
+            vue.createTextVNode(vue.toDisplayString(_ctx.getSubmitBtnOptions.text), 1)
           ]),
           _: 1
         }, 16, ["onClick"])) : vue.createCommentVNode("", true),
@@ -10251,7 +10264,7 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
             class: vue.normalizeClass(_ctx.getToggleClass),
             onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleToggleAdvanced && _ctx.handleToggleAdvanced(...args))
           }, [
-            vue.createVNode(_component_DownOutlined, { style: { fontSize: "10px", color: "#919191 " } })
+            vue.createVNode(_component_DownOutlined, { style: { fontSize: "10px", color: "#AED0FA " } })
           ], 2)
         ], 2)) : vue.createCommentVNode("", true)
       ];
@@ -10259,7 +10272,7 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
   ], 64);
 }
 const BasicForm = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$n]]);
-const index$3 = "";
+const index$4 = "";
 function useComponentRegister(compName, comp) {
   add(compName, comp);
   tryOnUnmounted(() => {
@@ -10861,7 +10874,7 @@ function useTree(treeDataRef, getFieldNames) {
 function _isSlot$1(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
 }
-const prefixCls = "context-menu";
+const prefixCls$1 = "context-menu";
 const props$4 = {
   width: {
     type: Number,
@@ -10980,7 +10993,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
         if (!children || children.length === 0) {
           return vue.createVNode(vue.Fragment, null, [vue.createVNode(antDesignVue.Menu.Item, {
             "disabled": disabled,
-            "class": `${prefixCls}__item`,
+            "class": `${prefixCls$1}__item`,
             "key": label
           }, {
             default: () => [vue.createVNode(ItemContent, contentProps, null)]
@@ -10993,7 +11006,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
         return vue.createVNode(antDesignVue.Menu.SubMenu, {
           "key": label,
           "disabled": disabled,
-          "popupClassName": `${prefixCls}__popup`
+          "popupClassName": `${prefixCls$1}__popup`
         }, {
           title: () => vue.createVNode(ItemContent, contentProps, null),
           default: () => renderMenuItem(children)
@@ -11009,7 +11022,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
         items
       } = props2;
       return vue.createVNode("div", {
-        "class": prefixCls
+        "class": prefixCls$1
       }, [vue.createVNode(antDesignVue.Menu, {
         "inlineIndent": 12,
         "mode": "vertical",
@@ -11475,7 +11488,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const index$2 = "";
+const index$3 = "";
 const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
   __name: "DeptTree",
   props: {
@@ -11721,6 +11734,64 @@ function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
   ], 2);
 }
 const PageWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_render$l]]);
+const prefixCls = "shy-basic-page-second";
+const PageSecond = /* @__PURE__ */ vue.defineComponent({
+  props: {
+    title: {
+      type: String,
+      default: () => "Title"
+    },
+    isShowCancelButton: {
+      type: Boolean,
+      default: () => true
+    },
+    isShowConfirmButton: {
+      type: Boolean,
+      default: () => true
+    }
+  },
+  emits: ["click-return"],
+  setup(props2, {
+    slots,
+    emit
+  }) {
+    const handleClick = () => {
+      emit("click-return");
+    };
+    return () => {
+      var _a2;
+      return vue.createVNode("div", {
+        "class": `${prefixCls}-wrapper`
+      }, [vue.createVNode("div", {
+        "class": `${prefixCls}-header`
+      }, [vue.createVNode(ArrowLeftOutlined$1, {
+        "class": `${prefixCls}-header-icon`,
+        "onClick": handleClick
+      }, null), vue.createVNode("div", {
+        "class": `${prefixCls}-header-title`
+      }, [props2.title])]), vue.createVNode("div", {
+        "class": `${prefixCls}-body`
+      }, [(_a2 = slots.default) == null ? void 0 : _a2.call(slots)]), vue.createVNode("div", {
+        "class": `${prefixCls}-footer`
+      }, [vue.createVNode(antDesignVue.Space, null, {
+        default: () => {
+          var _a3, _b, _c;
+          return [(_a3 = slots.beforeCancelButton) == null ? void 0 : _a3.call(slots), props2.isShowCancelButton ? vue.createVNode(_sfc_main$K, {
+            "size": "small"
+          }, {
+            default: () => [vue.createTextVNode("取消")]
+          }) : null, (_b = slots.afterCancelButton) == null ? void 0 : _b.call(slots), props2.isShowConfirmButton ? vue.createVNode(_sfc_main$K, {
+            "type": "primary",
+            "size": "small"
+          }, {
+            default: () => [vue.createTextVNode("确定")]
+          }) : null, (_c = slots.beforeConfirmButton) == null ? void 0 : _c.call(slots)];
+        }
+      })])]);
+    };
+  }
+});
+const index$2 = "";
 const PageWrapperFixedHeightKey = "PageWrapperFixedHeight";
 const _sfc_main$s = vue.defineComponent({
   name: "EditTableHeaderIcon",
@@ -11853,9 +11924,13 @@ const FETCH_SETTING = fetchSetting;
 const DEFAULT_SIZE = defaultSize;
 const DEFAULT_SORT_FN = defaultSortFn;
 const DEFAULT_FILTER_FN = defaultFilterFn;
-const DEFAULT_ALIGN = "center";
+let DEFAULT_ALIGN = "left";
 const INDEX_COLUMN_FLAG = "INDEX";
 const ACTION_COLUMN_FLAG = "ACTION";
+const ACTION_COLUMN_WIDTH = 160;
+const setConstConfig = (config) => {
+  DEFAULT_ALIGN = config.align;
+};
 function itemRender({
   page,
   type,
@@ -12610,6 +12685,7 @@ function handleActionColumn(propsRef, columns) {
     columns.push({
       ...columns[hasIndex],
       fixed: "right",
+      width: ACTION_COLUMN_WIDTH,
       ...actionColumn,
       flag: ACTION_COLUMN_FLAG
     });
@@ -14395,6 +14471,7 @@ function useTableForm(propsRef, slots, fetch, getLoading) {
     const { submitButtonOptions } = formConfig || {};
     return {
       showAdvancedButton: true,
+      rowProps: { gutter: 20 },
       ...formConfig,
       submitButtonOptions: {
         loading: vue.unref(getLoading),
@@ -14427,7 +14504,7 @@ function useTableForm(propsRef, slots, fetch, getLoading) {
     handleSearchInfoChange
   };
 }
-const basicProps$3 = {
+const basicProps$3 = vue.reactive({
   clickToRowSelect: { type: Boolean, default: true },
   isTreeTable: Boolean,
   tableSetting: utils.propTypes.shape({}),
@@ -14491,6 +14568,8 @@ const basicProps$3 = {
   },
   // 使用搜索表单
   useSearchForm: utils.propTypes.bool,
+  // 使用表格内边距
+  useTableWrapper: utils.propTypes.bool.def(true),
   // 表单配置
   formConfig: {
     type: Object,
@@ -14554,6 +14633,11 @@ const basicProps$3 = {
     type: String,
     default: DEFAULT_SIZE
   }
+});
+const basicPropChange = (options) => {
+  Object.keys(options).forEach((name) => {
+    basicProps$3[name] = options[name];
+  });
 };
 const _sfc_main$i = vue.defineComponent({
   components: {
@@ -14728,6 +14812,7 @@ const _sfc_main$i = vue.defineComponent({
         attrs.class,
         {
           [`${prefixCls2}-form-container`]: values.useSearchForm,
+          [`${prefixCls2}-table-wrapper`]: values.useTableWrapper,
           [`${prefixCls2}--inset`]: values.inset
         }
       ];
@@ -14818,7 +14903,8 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Table = vue.resolveComponent("Table");
   return vue.openBlock(), vue.createElementBlock("div", {
     ref: "wrapRef",
-    class: vue.normalizeClass(_ctx.getWrapperClass)
+    class: vue.normalizeClass(_ctx.getWrapperClass),
+    style: { "background-color": "#fff" }
   }, [
     _ctx.getBindValues.useSearchForm ? (vue.openBlock(), vue.createBlock(_component_BasicForm, vue.mergeProps({
       key: 0,
@@ -15012,7 +15098,11 @@ const _sfc_main$g = vue.defineComponent({
     },
     divider: utils.propTypes.bool.def(true),
     outside: utils.propTypes.bool,
-    stopButtonPropagation: utils.propTypes.bool.def(false)
+    stopButtonPropagation: utils.propTypes.bool.def(false),
+    showCount: {
+      type: Number,
+      default: () => 2
+    }
   },
   setup(props2) {
     const { prefixCls: prefixCls2 } = use.useDesign("basic-table-action");
@@ -15032,8 +15122,8 @@ const _sfc_main$g = vue.defineComponent({
       return isIfShow2;
     }
     const getActions = vue.computed(() => {
-      return (vue.toRaw(props2.actions) || []).filter((action) => {
-        return isIfShow(action);
+      return (vue.toRaw(props2.actions) || []).filter((action, index2) => {
+        return isIfShow(action) && index2 < props2.showCount;
       }).map((action) => {
         const { popConfirm } = action;
         return {
@@ -15049,8 +15139,8 @@ const _sfc_main$g = vue.defineComponent({
       });
     });
     const getDropdownList = vue.computed(() => {
-      const list = (vue.toRaw(props2.dropDownActions) || []).filter((action) => {
-        return isIfShow(action);
+      const list = (vue.toRaw(props2.actions) || []).filter((action, index2) => {
+        return isIfShow(action) && index2 >= props2.showCount;
       });
       return list.map((action, index2) => {
         const { label, popConfirm } = action;
@@ -15153,7 +15243,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
         })) : vue.createCommentVNode("", true)
       ], 64);
     }), 128)),
-    _ctx.dropDownActions && _ctx.getDropdownList.length > 0 ? (vue.openBlock(), vue.createBlock(_component_Dropdown, {
+    _ctx.getDropdownList.length > 0 ? (vue.openBlock(), vue.createBlock(_component_Dropdown, {
       key: 0,
       trigger: ["hover"],
       dropMenuList: _ctx.getDropdownList,
@@ -15437,6 +15527,16 @@ function useTable(tableProps) {
   };
   return [register, methods2];
 }
+const withInstall$1 = (component) => {
+  const comp = component;
+  comp.install = (app, options = {}, config = {}) => {
+    basicPropChange(options);
+    setConstConfig(config);
+    app.component("BasicTable", component);
+  };
+  return component;
+};
+withInstall$1(BasicTable);
 const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
   __name: "Table",
   setup(__props, { expose }) {
@@ -15700,6 +15800,19 @@ const basicProps$2 = {
     default: () => ({})
   }
 };
+const DescriptionGroup = /* @__PURE__ */ vue.defineComponent({
+  props: {
+    label: {
+      type: String,
+      default: () => ""
+    }
+  },
+  setup(props2) {
+    return () => vue.createVNode("div", {
+      "class": "shy-form-divider"
+    }, [props2.label]);
+  }
+});
 const Description = /* @__PURE__ */ vue.defineComponent({
   name: "Description",
   props: basicProps$2,
@@ -15725,19 +15838,31 @@ const Description = /* @__PURE__ */ vue.defineComponent({
     const rows = vue.computed(() => {
       return getProps.value.schema.map((item) => {
         var _a2, _b;
-        return vue.createVNode("div", {
-          "class": `${prefixCls2}-row`,
-          "style": {
-            flex: `0 0 ${(((_a2 = item == null ? void 0 : item.colProps) == null ? void 0 : _a2.span) || basicColProps) / 24 * 100}%`
-          }
-        }, [vue.createVNode("span", {
-          "style": {
-            width: `${getProps.value.labelWidth}px`
-          },
-          "class": `${prefixCls2}-label`
-        }, [slots[`${item.field}Label`] ? slots[`${item.field}Label`]() : item.label, ((_b = getProps.value) == null ? void 0 : _b.isShowColon) ? ":" : ""]), vue.createVNode("span", {
-          "class": `${prefixCls2}-value`
-        }, [slots[`${item.field}Value`] ? slots[`${item.field}Value`]() : getProps.value.data[item.field]])]);
+        if ((item == null ? void 0 : item.component) === "Divider") {
+          return vue.createVNode(antDesignVue.Divider, null, null);
+        } else if ((item == null ? void 0 : item.component) === "Group") {
+          return vue.createVNode("div", {
+            "style": {
+              flex: "0 0 100%"
+            }
+          }, [vue.createVNode(DescriptionGroup, {
+            "label": item == null ? void 0 : item.label
+          }, null)]);
+        } else {
+          return vue.createVNode("div", {
+            "class": `${prefixCls2}-row`,
+            "style": {
+              flex: `0 0 ${(((_a2 = item == null ? void 0 : item.colProps) == null ? void 0 : _a2.span) || basicColProps) / 24 * 100}%`
+            }
+          }, [vue.createVNode("span", {
+            "style": {
+              width: `${getProps.value.labelWidth}px`
+            },
+            "class": `${prefixCls2}-label`
+          }, [slots[`${item.field}Label`] ? slots[`${item.field}Label`]() : item.label, ((_b = getProps.value) == null ? void 0 : _b.isShowColon) ? ":" : ""]), vue.createVNode("span", {
+            "class": `${prefixCls2}-value`
+          }, [slots[`${item.field}Value`] ? slots[`${item.field}Value`]() : getProps.value.data[item.field]])]);
+        }
       });
     });
     emit("register", {
@@ -20418,6 +20543,7 @@ exports.IconPicker = _sfc_main$P;
 exports.LazyContainer = LazyContainer;
 exports.Loading = Loading;
 exports.PageFooter = PageFooter;
+exports.PageSecond = PageSecond;
 exports.PageWrapper = PageWrapper;
 exports.PageWrapperFixedHeightKey = PageWrapperFixedHeightKey;
 exports.PopConfirmButton = _sfc_main$J;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "3h1-ui",
-  "version": "2.6.0",
+  "version": "2.8.0",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",