3h1-ui 3.0.0-next.224 → 3.0.0-next.226

package/es/index.js

@@ -4694,7 +4694,7 @@ const _hoisted_7 = {
   key: 0,
   class: "cursor-pointer px-2 py-1 flex items-center"
 };
-const prefixCls$7 = "shy-icon-picker";
+const prefixCls$8 = "shy-icon-picker";
 const _sfc_main$Y = /* @__PURE__ */ defineComponent({
   __name: "IconPicker",
   props: {
@@ -4774,7 +4774,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
         disabled: "",
         style: normalizeStyle$1({ width: _ctx.width }),
         placeholder: "点击选择图标",
-        class: normalizeClass(prefixCls$7),
+        class: normalizeClass(prefixCls$8),
         value: currentSelect.value,
         "onUpdate:value": _cache[1] || (_cache[1] = ($event) => currentSelect.value = $event)
       }, {
@@ -4784,7 +4784,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
             trigger: "click",
             modelValue: visible.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
-            overlayClassName: `${prefixCls$7}-popover`
+            overlayClassName: `${prefixCls$8}-popover`
           }, {
             title: withCtx(() => [
               createElementVNode("div", _hoisted_1$n, [
@@ -4851,7 +4851,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
   }
 });
 const IconPicker_vue_vue_type_style_index_0_lang = "";
-const prefixCls$6 = "shy-basic-arrow";
+const prefixCls$7 = "shy-basic-arrow";
 const _sfc_main$X = /* @__PURE__ */ defineComponent({
   __name: "BasicArrow",
   props: {
@@ -4877,9 +4877,9 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
     const getClass = computed(() => {
       const { expand, up, down, inset } = props2;
       return [
-        prefixCls$6,
+        prefixCls$7,
         {
-          [`${prefixCls$6}--active`]: expand,
+          [`${prefixCls$7}--active`]: expand,
           up,
           inset,
           down
@@ -7507,7 +7507,7 @@ function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
 }
 const CollapseHeader = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["render", _sfc_render$z]]);
 const _hoisted_1$m = { class: "p-2" };
-const prefixCls$5 = "shy-collapse-container";
+const prefixCls$6 = "shy-collapse-container";
 const _sfc_main$U = /* @__PURE__ */ defineComponent({
   __name: "CollapseContainer",
   props: {
@@ -7548,15 +7548,15 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(prefixCls$5)
+        class: normalizeClass(prefixCls$6)
       }, [
         createVNode(CollapseHeader, mergeProps(props2, {
-          prefixCls: prefixCls$5,
+          prefixCls: prefixCls$6,
           show: show.value,
           onExpand: handleExpand,
           class: [
-            `${prefixCls$5}__header`,
-            show.value ? "" : `${prefixCls$5}__header-action`
+            `${prefixCls$6}__header`,
+            show.value ? "" : `${prefixCls$6}__header-action`
           ]
         }), {
           title: withCtx(() => [
@@ -7575,7 +7575,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
                 active: __props.loading
               }, null, 8, ["active"])) : withDirectives((openBlock(), createElementBlock("div", {
                 key: 1,
-                class: normalizeClass(`${prefixCls$5}__body`)
+                class: normalizeClass(`${prefixCls$6}__body`)
               }, [
                 renderSlot(_ctx.$slots, "default")
               ], 2)), [
@@ -7587,7 +7587,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
         ]),
         _ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
           key: 0,
-          class: normalizeClass(`${prefixCls$5}__footer`)
+          class: normalizeClass(`${prefixCls$6}__footer`)
         }, [
           renderSlot(_ctx.$slots, "footer")
         ], 2)) : createCommentVNode("", true)
@@ -8950,7 +8950,7 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
   ], 64);
 }
 const ModalFooter = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$s]]);
-const prefixCls$4 = "shy-basic-title";
+const prefixCls$5 = "shy-basic-title";
 const _sfc_main$M = /* @__PURE__ */ defineComponent({
   __name: "BasicTitle",
   props: {
@@ -8977,9 +8977,9 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     const props2 = __props;
     const slots = useSlots();
     const getClass = computed(() => [
-      prefixCls$4,
-      { [`${prefixCls$4}-show-span`]: props2.span && slots.default },
-      { [`${prefixCls$4}-normal`]: props2.normal }
+      prefixCls$5,
+      { [`${prefixCls$5}-show-span`]: props2.span && slots.default },
+      { [`${prefixCls$5}-normal`]: props2.normal }
     ]);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("span", {
@@ -8988,7 +8988,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
         renderSlot(_ctx.$slots, "default", {}, void 0, true),
         __props.helpMessage ? (openBlock(), createBlock(unref(BasicHelp), {
           key: 0,
-          class: normalizeClass(`${prefixCls$4}-help`),
+          class: normalizeClass(`${prefixCls$5}-help`),
           text: __props.helpMessage
         }, null, 8, ["class", "text"])) : createCommentVNode("", true)
       ], 2);
@@ -9640,7 +9640,7 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
   ], 2);
 }
 const PageWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["render", _sfc_render$o]]);
-const prefixCls$3 = "shy-basic-page-second";
+const prefixCls$4 = "shy-basic-page-second";
 const PageSecond = /* @__PURE__ */ defineComponent({
   props: {
     title: {
@@ -9685,20 +9685,20 @@ const PageSecond = /* @__PURE__ */ defineComponent({
     return () => {
       var _a2;
       return createVNode("div", {
-        "class": `${prefixCls$3}-wrapper`
+        "class": `${prefixCls$4}-wrapper`
       }, [createVNode("div", {
-        "class": `${prefixCls$3}-header`
+        "class": `${prefixCls$4}-header`
       }, [createVNode(ArrowLeftOutlined$1, {
-        "class": `${prefixCls$3}-header-icon`,
+        "class": `${prefixCls$4}-header-icon`,
         "onClick": handleClick
       }, null), createVNode("div", {
-        "class": `${prefixCls$3}-header-title`
+        "class": `${prefixCls$4}-header-title`
       }, [createVNode("div", {
         "style": "margin-right:10px"
       }, [(slots == null ? void 0 : slots.title) ? slots == null ? void 0 : slots.title() : props2.title]), (slots == null ? void 0 : slots.titleAfter) ? slots == null ? void 0 : slots.titleAfter() : null])]), createVNode("div", {
-        "class": `${prefixCls$3}-body`
+        "class": `${prefixCls$4}-body`
       }, [(_a2 = slots.default) == null ? void 0 : _a2.call(slots)]), props2.isShowFooter ? createVNode("div", {
-        "class": `${prefixCls$3}-footer`
+        "class": `${prefixCls$4}-footer`
       }, [createVNode(Space, null, {
         default: () => {
           var _a3, _b, _c;
@@ -11730,7 +11730,7 @@ const FormItem$2 = /* @__PURE__ */ defineComponent({
     const isTableForm = computed(() => !!formProps2.value.formLabelInInput);
     const componentsPropsRef = ref({});
     watch(() => props2.formModel, () => {
-      var _a2;
+      var _a2, _b, _c, _d, _e;
       const {
         schema: schema2,
         tableAction: tableAction2,
@@ -11762,7 +11762,7 @@ const FormItem$2 = /* @__PURE__ */ defineComponent({
           ...props2
         });
       }
-      if (schema2.component.includes("Picker") || schema2.component.includes("Select")) {
+      if (((_b = (_a2 = schema2.component) == null ? void 0 : _a2.includes) == null ? void 0 : _b.call(_a2, "Picker")) || ((_d = (_c = schema2.component) == null ? void 0 : _c.includes) == null ? void 0 : _d.call(_c, "Select"))) {
         componentProps.getPopupContainer = () => document.body;
       }
       if (["RangePicker", "DatePicker"].includes(schema2.component)) {
@@ -11794,7 +11794,7 @@ const FormItem$2 = /* @__PURE__ */ defineComponent({
         };
       }
       if (schema2.component === "Select") {
-        const label = ((_a2 = componentProps == null ? void 0 : componentProps.fieldNames) == null ? void 0 : _a2.label) || "label";
+        const label = ((_e = componentProps == null ? void 0 : componentProps.fieldNames) == null ? void 0 : _e.label) || "label";
         componentProps = Object.assign({}, componentProps, {
           showSearch: true,
           filterOption: (input, option) => {
@@ -26559,7 +26559,7 @@ const index$6 = "";
 function _isSlot$7(s2) {
   return typeof s2 === "function" || Object.prototype.toString.call(s2) === "[object Object]" && !isVNode(s2);
 }
-const prefixCls$2 = "context-menu";
+const prefixCls$3 = "context-menu";
 const props$4 = {
   width: {
     type: Number,
@@ -26678,7 +26678,7 @@ const contextMenuVue = /* @__PURE__ */ defineComponent({
         if (!children || children.length === 0) {
           return createVNode(Fragment, null, [createVNode(Menu.Item, {
             "disabled": disabled,
-            "class": `${prefixCls$2}__item`,
+            "class": `${prefixCls$3}__item`,
             "key": label
           }, {
             default: () => [createVNode(ItemContent, contentProps, null)]
@@ -26691,7 +26691,7 @@ const contextMenuVue = /* @__PURE__ */ defineComponent({
         return createVNode(Menu.SubMenu, {
           "key": label,
           "disabled": disabled,
-          "popupClassName": `${prefixCls$2}__popup`
+          "popupClassName": `${prefixCls$3}__popup`
         }, {
           title: () => createVNode(ItemContent, contentProps, null),
           default: () => renderMenuItem(children)
@@ -26707,7 +26707,7 @@ const contextMenuVue = /* @__PURE__ */ defineComponent({
         items
       } = props2;
       return createVNode("div", {
-        "class": prefixCls$2
+        "class": prefixCls$3
       }, [createVNode(Menu, {
         "inlineIndent": 12,
         "mode": "vertical",
@@ -35265,6 +35265,9 @@ const makeStyle = (path, styleFn) => {
     }), hashId];
   };
 };
+const {
+  prefixCls: prefixCls$2
+} = useDesign$1("color-picker");
 const {
   useToken
 } = theme;
@@ -35565,6 +35568,7 @@ const ColorPickerPanel = /* @__PURE__ */ defineComponent({
         }
       }, {
         default: () => [createVNode("div", {
+          "class": prefixCls$2,
           "style": {
             backgroundColor: props2.value,
             width: "48px",
@@ -49305,49 +49309,72 @@ const Descriptions = /* @__PURE__ */ defineComponent({
       };
     });
     const handleValuePrecision = (item, data) => {
-      var _a2;
-      return slots[`${item.field}Value`] ? (_a2 = slots[`${item.field}Value`]) == null ? void 0 : _a2.call(slots, {
-        model: data,
-        field: data[`${item.field}`]
-      }) : getProps.value.summaryTotalFields.includes(item.field) && isNumber$3(+data[`${item.field}`]) && !isNaN(+data[`${item.field}`]) ? (+data[`${item.field}`]).toFixed(getProps.value.summaryPrecision).replace(/\d(?=(?:\d{3})+(?:\.|$))/g, (match, offset2, string3) => {
+      return getProps.value.summaryTotalFields.includes(item.field) && isNumber$3(+data[`${item.field}`]) && !isNaN(+data[`${item.field}`]) ? (+data[`${item.field}`]).toFixed(getProps.value.summaryPrecision).replace(/\d(?=(?:\d{3})+(?:\.|$))/g, (match, offset2, string3) => {
         return match + (string3.charAt(offset2 + 1) === "." || offset2 === string3.length - 1 ? "" : ",");
       }) : data[`${item.field}`];
     };
     emit("register", {
       setDescProps
     });
-    const transformValue = (item) => {
-      const {
-        field,
-        componentProps: comProps,
-        component
-      } = item;
-      const componentProps = isFunction$6(comProps) ? comProps({
-        formModel: unref(getValues)
-      }) : comProps;
-      const {
-        data,
-        summaryTotalFields
-      } = unref(getProps);
-      if ((summaryTotalFields == null ? void 0 : summaryTotalFields.length) && summaryTotalFields.includes(field)) {
-        return handleValuePrecision(item, data);
-      } else if ((componentProps == null ? void 0 : componentProps.options) || (componentProps == null ? void 0 : componentProps.api)) {
-        let options = [];
-        if (Array.isArray(componentProps.options)) {
-          options = treeToList(componentProps.options);
+    const transformValue = computed(() => {
+      return (item) => {
+        var _a2;
+        const {
+          field,
+          componentProps: comProps,
+          component,
+          label
+        } = item;
+        const {
+          data,
+          summaryTotalFields
+        } = unref(getProps);
+        const componentProps = isFunction$6(comProps) ? (
+          // @ts-ignore
+          comProps({
+            formModel: data
+          })
+        ) : comProps;
+        if (slots[`${item.field}Value`]) {
+          return (_a2 = slots[`${item.field}Value`]) == null ? void 0 : _a2.call(slots, {
+            model: data,
+            field: data[`${item.field}`]
+          });
+        }
+        if ((summaryTotalFields == null ? void 0 : summaryTotalFields.length) && summaryTotalFields.includes(field)) {
+          return handleValuePrecision(item, data);
+        }
+        if ((componentProps == null ? void 0 : componentProps.options) || (componentProps == null ? void 0 : componentProps.api)) {
+          let options = [];
+          if (Array.isArray(componentProps.options)) {
+            options = treeToList(componentProps.options);
+          }
+          return createVNode(ShyTag, mergeProps({
+            "value": data[`${field}`]
+          }, componentProps, {
+            "options": options
+          }), null);
+        }
+        if (["DatePicker", "MonthPicker", "RangePicker", "WeekPicker", "TimePicker"].includes(component)) {
+          if (!data[`${field}`])
+            return "";
+          return dayjs$1(data[`${field}`]).format((componentProps == null ? void 0 : componentProps.valueFormat) || "YYYY-MM-DD");
+        }
+        if (component === "Table") {
+          return createVNode(ShyFormTable, mergeProps(componentProps, {
+            "isShowAddBtn": false,
+            "isShowAction": false,
+            "value": data[`${field}`]
+          }), null);
+        }
+        if (component === "Divider") {
+          return createVNode(Divider, componentProps, _isSlot(label) ? label : {
+            default: () => [label]
+          });
         }
-        return createVNode(ShyTag, mergeProps({
-          "value": data[`${field}`]
-        }, componentProps, {
-          "options": options
-        }), null);
-      } else if (["DatePicker", "MonthPicker", "RangePicker", "WeekPicker", "TimePicker"].includes(component)) {
-        if (!data[`${field}`])
-          return "";
-        return dayjs$1(data[`${field}`]).format((componentProps == null ? void 0 : componentProps.valueFormat) || "YYYY-MM-DD");
-      } else
         return data[`${field}`];
-    };
+      };
+    });
     const renderValue = (item) => {
       var _a2;
       const {
@@ -49369,12 +49396,13 @@ const Descriptions = /* @__PURE__ */ defineComponent({
         return render3(unref(getValues)(item));
       } else {
         const contentStyles = {
+          overflow: "hidden",
           ...unref(getProps).contentStyle,
           ...contentStyle
         };
         return createVNode("div", {
           "style": contentStyles
-        }, [transformValue(item)]);
+        }, [unref(transformValue)(item)]);
       }
     };
     const labelAlignCss = computed(() => {
@@ -49496,7 +49524,7 @@ const Descriptions = /* @__PURE__ */ defineComponent({
       }), [[vShow, isShow]]);
     };
     const renderSchema = (group) => {
-      var _a2, _b;
+      var _a2, _b, _c;
       if (isArray$3(group)) {
         let _slot2;
         const props3 = pick$1(unref(getProps), ["bordered"]);
@@ -49518,10 +49546,10 @@ const Descriptions = /* @__PURE__ */ defineComponent({
       const componentProps = isFunction$6(comProps) ? (
         // @ts-ignore
         comProps({
-          formModel: unref(getValues)
+          formModel: (_a2 = unref(getProps)) == null ? void 0 : _a2.data
         })
       ) : comProps;
-      const realSpan = ((colProps2 == null ? void 0 : colProps2.span) || ((_b = (_a2 = unref(getProps)) == null ? void 0 : _a2.baseColProps) == null ? void 0 : _b.span) || basicColProps) / basicRowProps;
+      const realSpan = ((colProps2 == null ? void 0 : colProps2.span) || ((_c = (_b = unref(getProps)) == null ? void 0 : _b.baseColProps) == null ? void 0 : _c.span) || basicColProps) / basicRowProps;
       const style2 = {
         [`--col-span`]: `${realSpan * 100}%`,
         [`--w-gap`]: `${realSpan * basicGap}px`
@@ -49570,10 +49598,18 @@ const Descriptions = /* @__PURE__ */ defineComponent({
       if (!isArray$3(schemas))
         return [];
       return schemas.reduce((prev2, curr) => {
-        if (curr.component && curr.component === "Group") {
+        if ((curr == null ? void 0 : curr.component) === "Group") {
           prev2.push(curr);
           return prev2;
         }
+        if ((curr == null ? void 0 : curr.component) === "Divider") {
+          prev2.push(merge$2(curr, {
+            componentProps: {
+              groupType: "Divider"
+            }
+          }));
+          return prev2;
+        }
         if (!isArray$3(prev2[prev2.length - 1])) {
           prev2.push([]);
         }

package/lib/index.js

@@ -4718,7 +4718,7 @@ const _hoisted_7 = {
   key: 0,
   class: "cursor-pointer px-2 py-1 flex items-center"
 };
-const prefixCls$7 = "shy-icon-picker";
+const prefixCls$8 = "shy-icon-picker";
 const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
   __name: "IconPicker",
   props: {
@@ -4798,7 +4798,7 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
         disabled: "",
         style: vue.normalizeStyle({ width: _ctx.width }),
         placeholder: "点击选择图标",
-        class: vue.normalizeClass(prefixCls$7),
+        class: vue.normalizeClass(prefixCls$8),
         value: currentSelect.value,
         "onUpdate:value": _cache[1] || (_cache[1] = ($event) => currentSelect.value = $event)
       }, {
@@ -4808,7 +4808,7 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
             trigger: "click",
             modelValue: visible.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
-            overlayClassName: `${prefixCls$7}-popover`
+            overlayClassName: `${prefixCls$8}-popover`
           }, {
             title: vue.withCtx(() => [
               vue.createElementVNode("div", _hoisted_1$n, [
@@ -4875,7 +4875,7 @@ const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const IconPicker_vue_vue_type_style_index_0_lang = "";
-const prefixCls$6 = "shy-basic-arrow";
+const prefixCls$7 = "shy-basic-arrow";
 const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicArrow",
   props: {
@@ -4901,9 +4901,9 @@ const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
     const getClass = vue.computed(() => {
       const { expand, up, down, inset } = props2;
       return [
-        prefixCls$6,
+        prefixCls$7,
         {
-          [`${prefixCls$6}--active`]: expand,
+          [`${prefixCls$7}--active`]: expand,
           up,
           inset,
           down
@@ -7531,7 +7531,7 @@ function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
 }
 const CollapseHeader = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["render", _sfc_render$z]]);
 const _hoisted_1$m = { class: "p-2" };
-const prefixCls$5 = "shy-collapse-container";
+const prefixCls$6 = "shy-collapse-container";
 const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
   __name: "CollapseContainer",
   props: {
@@ -7572,15 +7572,15 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(prefixCls$5)
+        class: vue.normalizeClass(prefixCls$6)
       }, [
         vue.createVNode(CollapseHeader, vue.mergeProps(props2, {
-          prefixCls: prefixCls$5,
+          prefixCls: prefixCls$6,
           show: show.value,
           onExpand: handleExpand,
           class: [
-            `${prefixCls$5}__header`,
-            show.value ? "" : `${prefixCls$5}__header-action`
+            `${prefixCls$6}__header`,
+            show.value ? "" : `${prefixCls$6}__header-action`
           ]
         }), {
           title: vue.withCtx(() => [
@@ -7599,7 +7599,7 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
                 active: __props.loading
               }, null, 8, ["active"])) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
                 key: 1,
-                class: vue.normalizeClass(`${prefixCls$5}__body`)
+                class: vue.normalizeClass(`${prefixCls$6}__body`)
               }, [
                 vue.renderSlot(_ctx.$slots, "default")
               ], 2)), [
@@ -7611,7 +7611,7 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
         ]),
         _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
-          class: vue.normalizeClass(`${prefixCls$5}__footer`)
+          class: vue.normalizeClass(`${prefixCls$6}__footer`)
         }, [
           vue.renderSlot(_ctx.$slots, "footer")
         ], 2)) : vue.createCommentVNode("", true)
@@ -8974,7 +8974,7 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
   ], 64);
 }
 const ModalFooter = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$s]]);
-const prefixCls$4 = "shy-basic-title";
+const prefixCls$5 = "shy-basic-title";
 const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
   __name: "BasicTitle",
   props: {
@@ -9001,9 +9001,9 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
     const props2 = __props;
     const slots = vue.useSlots();
     const getClass = vue.computed(() => [
-      prefixCls$4,
-      { [`${prefixCls$4}-show-span`]: props2.span && slots.default },
-      { [`${prefixCls$4}-normal`]: props2.normal }
+      prefixCls$5,
+      { [`${prefixCls$5}-show-span`]: props2.span && slots.default },
+      { [`${prefixCls$5}-normal`]: props2.normal }
     ]);
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("span", {
@@ -9012,7 +9012,7 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
         vue.renderSlot(_ctx.$slots, "default", {}, void 0, true),
         __props.helpMessage ? (vue.openBlock(), vue.createBlock(vue.unref(BasicHelp), {
           key: 0,
-          class: vue.normalizeClass(`${prefixCls$4}-help`),
+          class: vue.normalizeClass(`${prefixCls$5}-help`),
           text: __props.helpMessage
         }, null, 8, ["class", "text"])) : vue.createCommentVNode("", true)
       ], 2);
@@ -9664,7 +9664,7 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
   ], 2);
 }
 const PageWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["render", _sfc_render$o]]);
-const prefixCls$3 = "shy-basic-page-second";
+const prefixCls$4 = "shy-basic-page-second";
 const PageSecond = /* @__PURE__ */ vue.defineComponent({
   props: {
     title: {
@@ -9709,20 +9709,20 @@ const PageSecond = /* @__PURE__ */ vue.defineComponent({
     return () => {
       var _a2;
       return vue.createVNode("div", {
-        "class": `${prefixCls$3}-wrapper`
+        "class": `${prefixCls$4}-wrapper`
       }, [vue.createVNode("div", {
-        "class": `${prefixCls$3}-header`
+        "class": `${prefixCls$4}-header`
       }, [vue.createVNode(ArrowLeftOutlined$1, {
-        "class": `${prefixCls$3}-header-icon`,
+        "class": `${prefixCls$4}-header-icon`,
         "onClick": handleClick
       }, null), vue.createVNode("div", {
-        "class": `${prefixCls$3}-header-title`
+        "class": `${prefixCls$4}-header-title`
       }, [vue.createVNode("div", {
         "style": "margin-right:10px"
       }, [(slots == null ? void 0 : slots.title) ? slots == null ? void 0 : slots.title() : props2.title]), (slots == null ? void 0 : slots.titleAfter) ? slots == null ? void 0 : slots.titleAfter() : null])]), vue.createVNode("div", {
-        "class": `${prefixCls$3}-body`
+        "class": `${prefixCls$4}-body`
       }, [(_a2 = slots.default) == null ? void 0 : _a2.call(slots)]), props2.isShowFooter ? vue.createVNode("div", {
-        "class": `${prefixCls$3}-footer`
+        "class": `${prefixCls$4}-footer`
       }, [vue.createVNode(antDesignVue.Space, null, {
         default: () => {
           var _a3, _b, _c;
@@ -11754,7 +11754,7 @@ const FormItem$2 = /* @__PURE__ */ vue.defineComponent({
     const isTableForm = vue.computed(() => !!formProps2.value.formLabelInInput);
     const componentsPropsRef = vue.ref({});
     vue.watch(() => props2.formModel, () => {
-      var _a2;
+      var _a2, _b, _c, _d, _e;
       const {
         schema: schema2,
         tableAction: tableAction2,
@@ -11786,7 +11786,7 @@ const FormItem$2 = /* @__PURE__ */ vue.defineComponent({
           ...props2
         });
       }
-      if (schema2.component.includes("Picker") || schema2.component.includes("Select")) {
+      if (((_b = (_a2 = schema2.component) == null ? void 0 : _a2.includes) == null ? void 0 : _b.call(_a2, "Picker")) || ((_d = (_c = schema2.component) == null ? void 0 : _c.includes) == null ? void 0 : _d.call(_c, "Select"))) {
         componentProps.getPopupContainer = () => document.body;
       }
       if (["RangePicker", "DatePicker"].includes(schema2.component)) {
@@ -11818,7 +11818,7 @@ const FormItem$2 = /* @__PURE__ */ vue.defineComponent({
         };
       }
       if (schema2.component === "Select") {
-        const label = ((_a2 = componentProps == null ? void 0 : componentProps.fieldNames) == null ? void 0 : _a2.label) || "label";
+        const label = ((_e = componentProps == null ? void 0 : componentProps.fieldNames) == null ? void 0 : _e.label) || "label";
         componentProps = Object.assign({}, componentProps, {
           showSearch: true,
           filterOption: (input, option) => {
@@ -26583,7 +26583,7 @@ const index$6 = "";
 function _isSlot$7(s2) {
   return typeof s2 === "function" || Object.prototype.toString.call(s2) === "[object Object]" && !vue.isVNode(s2);
 }
-const prefixCls$2 = "context-menu";
+const prefixCls$3 = "context-menu";
 const props$4 = {
   width: {
     type: Number,
@@ -26702,7 +26702,7 @@ const contextMenuVue = /* @__PURE__ */ vue.defineComponent({
         if (!children || children.length === 0) {
           return vue.createVNode(vue.Fragment, null, [vue.createVNode(antDesignVue.Menu.Item, {
             "disabled": disabled,
-            "class": `${prefixCls$2}__item`,
+            "class": `${prefixCls$3}__item`,
             "key": label
           }, {
             default: () => [vue.createVNode(ItemContent, contentProps, null)]
@@ -26715,7 +26715,7 @@ const contextMenuVue = /* @__PURE__ */ vue.defineComponent({
         return vue.createVNode(antDesignVue.Menu.SubMenu, {
           "key": label,
           "disabled": disabled,
-          "popupClassName": `${prefixCls$2}__popup`
+          "popupClassName": `${prefixCls$3}__popup`
         }, {
           title: () => vue.createVNode(ItemContent, contentProps, null),
           default: () => renderMenuItem(children)
@@ -26731,7 +26731,7 @@ const contextMenuVue = /* @__PURE__ */ vue.defineComponent({
         items
       } = props2;
       return vue.createVNode("div", {
-        "class": prefixCls$2
+        "class": prefixCls$3
       }, [vue.createVNode(antDesignVue.Menu, {
         "inlineIndent": 12,
         "mode": "vertical",
@@ -35289,6 +35289,9 @@ const makeStyle = (path, styleFn) => {
     }), hashId];
   };
 };
+const {
+  prefixCls: prefixCls$2
+} = use.useDesign("color-picker");
 const {
   useToken
 } = antDesignVue.theme;
@@ -35589,6 +35592,7 @@ const ColorPickerPanel = /* @__PURE__ */ vue.defineComponent({
         }
       }, {
         default: () => [vue.createVNode("div", {
+          "class": prefixCls$2,
           "style": {
             backgroundColor: props2.value,
             width: "48px",
@@ -49329,49 +49333,72 @@ const Descriptions = /* @__PURE__ */ vue.defineComponent({
       };
     });
     const handleValuePrecision = (item, data) => {
-      var _a2;
-      return slots[`${item.field}Value`] ? (_a2 = slots[`${item.field}Value`]) == null ? void 0 : _a2.call(slots, {
-        model: data,
-        field: data[`${item.field}`]
-      }) : getProps.value.summaryTotalFields.includes(item.field) && utils$1.isNumber(+data[`${item.field}`]) && !isNaN(+data[`${item.field}`]) ? (+data[`${item.field}`]).toFixed(getProps.value.summaryPrecision).replace(/\d(?=(?:\d{3})+(?:\.|$))/g, (match, offset2, string3) => {
+      return getProps.value.summaryTotalFields.includes(item.field) && utils$1.isNumber(+data[`${item.field}`]) && !isNaN(+data[`${item.field}`]) ? (+data[`${item.field}`]).toFixed(getProps.value.summaryPrecision).replace(/\d(?=(?:\d{3})+(?:\.|$))/g, (match, offset2, string3) => {
         return match + (string3.charAt(offset2 + 1) === "." || offset2 === string3.length - 1 ? "" : ",");
       }) : data[`${item.field}`];
     };
     emit("register", {
       setDescProps
     });
-    const transformValue = (item) => {
-      const {
-        field,
-        componentProps: comProps,
-        component
-      } = item;
-      const componentProps = utils$1.isFunction(comProps) ? comProps({
-        formModel: vue.unref(getValues)
-      }) : comProps;
-      const {
-        data,
-        summaryTotalFields
-      } = vue.unref(getProps);
-      if ((summaryTotalFields == null ? void 0 : summaryTotalFields.length) && summaryTotalFields.includes(field)) {
-        return handleValuePrecision(item, data);
-      } else if ((componentProps == null ? void 0 : componentProps.options) || (componentProps == null ? void 0 : componentProps.api)) {
-        let options = [];
-        if (Array.isArray(componentProps.options)) {
-          options = treeToList(componentProps.options);
+    const transformValue = vue.computed(() => {
+      return (item) => {
+        var _a2;
+        const {
+          field,
+          componentProps: comProps,
+          component,
+          label
+        } = item;
+        const {
+          data,
+          summaryTotalFields
+        } = vue.unref(getProps);
+        const componentProps = utils$1.isFunction(comProps) ? (
+          // @ts-ignore
+          comProps({
+            formModel: data
+          })
+        ) : comProps;
+        if (slots[`${item.field}Value`]) {
+          return (_a2 = slots[`${item.field}Value`]) == null ? void 0 : _a2.call(slots, {
+            model: data,
+            field: data[`${item.field}`]
+          });
+        }
+        if ((summaryTotalFields == null ? void 0 : summaryTotalFields.length) && summaryTotalFields.includes(field)) {
+          return handleValuePrecision(item, data);
+        }
+        if ((componentProps == null ? void 0 : componentProps.options) || (componentProps == null ? void 0 : componentProps.api)) {
+          let options = [];
+          if (Array.isArray(componentProps.options)) {
+            options = treeToList(componentProps.options);
+          }
+          return vue.createVNode(ShyTag, vue.mergeProps({
+            "value": data[`${field}`]
+          }, componentProps, {
+            "options": options
+          }), null);
+        }
+        if (["DatePicker", "MonthPicker", "RangePicker", "WeekPicker", "TimePicker"].includes(component)) {
+          if (!data[`${field}`])
+            return "";
+          return dayjs$1(data[`${field}`]).format((componentProps == null ? void 0 : componentProps.valueFormat) || "YYYY-MM-DD");
+        }
+        if (component === "Table") {
+          return vue.createVNode(ShyFormTable, vue.mergeProps(componentProps, {
+            "isShowAddBtn": false,
+            "isShowAction": false,
+            "value": data[`${field}`]
+          }), null);
+        }
+        if (component === "Divider") {
+          return vue.createVNode(Divider, componentProps, _isSlot(label) ? label : {
+            default: () => [label]
+          });
         }
-        return vue.createVNode(ShyTag, vue.mergeProps({
-          "value": data[`${field}`]
-        }, componentProps, {
-          "options": options
-        }), null);
-      } else if (["DatePicker", "MonthPicker", "RangePicker", "WeekPicker", "TimePicker"].includes(component)) {
-        if (!data[`${field}`])
-          return "";
-        return dayjs$1(data[`${field}`]).format((componentProps == null ? void 0 : componentProps.valueFormat) || "YYYY-MM-DD");
-      } else
         return data[`${field}`];
-    };
+      };
+    });
     const renderValue = (item) => {
       var _a2;
       const {
@@ -49393,12 +49420,13 @@ const Descriptions = /* @__PURE__ */ vue.defineComponent({
         return render3(vue.unref(getValues)(item));
       } else {
         const contentStyles = {
+          overflow: "hidden",
           ...vue.unref(getProps).contentStyle,
           ...contentStyle
         };
         return vue.createVNode("div", {
           "style": contentStyles
-        }, [transformValue(item)]);
+        }, [vue.unref(transformValue)(item)]);
       }
     };
     const labelAlignCss = vue.computed(() => {
@@ -49520,7 +49548,7 @@ const Descriptions = /* @__PURE__ */ vue.defineComponent({
       }), [[vue.vShow, isShow]]);
     };
     const renderSchema = (group) => {
-      var _a2, _b;
+      var _a2, _b, _c;
       if (utils$1.isArray(group)) {
         let _slot2;
         const props3 = pick$1(vue.unref(getProps), ["bordered"]);
@@ -49542,10 +49570,10 @@ const Descriptions = /* @__PURE__ */ vue.defineComponent({
       const componentProps = utils$1.isFunction(comProps) ? (
         // @ts-ignore
         comProps({
-          formModel: vue.unref(getValues)
+          formModel: (_a2 = vue.unref(getProps)) == null ? void 0 : _a2.data
         })
       ) : comProps;
-      const realSpan = ((colProps2 == null ? void 0 : colProps2.span) || ((_b = (_a2 = vue.unref(getProps)) == null ? void 0 : _a2.baseColProps) == null ? void 0 : _b.span) || basicColProps) / basicRowProps;
+      const realSpan = ((colProps2 == null ? void 0 : colProps2.span) || ((_c = (_b = vue.unref(getProps)) == null ? void 0 : _b.baseColProps) == null ? void 0 : _c.span) || basicColProps) / basicRowProps;
       const style2 = {
         [`--col-span`]: `${realSpan * 100}%`,
         [`--w-gap`]: `${realSpan * basicGap}px`
@@ -49594,10 +49622,18 @@ const Descriptions = /* @__PURE__ */ vue.defineComponent({
       if (!utils$1.isArray(schemas))
         return [];
       return schemas.reduce((prev2, curr) => {
-        if (curr.component && curr.component === "Group") {
+        if ((curr == null ? void 0 : curr.component) === "Group") {
           prev2.push(curr);
           return prev2;
         }
+        if ((curr == null ? void 0 : curr.component) === "Divider") {
+          prev2.push(merge$2(curr, {
+            componentProps: {
+              groupType: "Divider"
+            }
+          }));
+          return prev2;
+        }
         if (!utils$1.isArray(prev2[prev2.length - 1])) {
           prev2.push([]);
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "3h1-ui",
-  "version": "3.0.0-next.224",
+  "version": "3.0.0-next.226",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",