@fecp/designer 5.1.8 → 5.2.0

package/es/packages/designer/src/packages/form/components/ApprovalHistory.vue.mjs

@@ -3,7 +3,7 @@
 import { computed, createElementBlock, openBlock, createCommentVNode, createElementVNode, createBlock, withCtx, createVNode } from "vue";
 import _imports_0 from "../../../assets/approvalHistory.png.mjs";
 import H2Wrapper from "./H2Wrapper.vue.mjs";
-import DividerWrapper from "./DividerWrapper.vue.mjs";
+import SubTitle from "./SubTitle.vue.mjs";
 /* empty css                      */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
 import { ElButton } from "../../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/button/index.mjs";
@@ -56,7 +56,7 @@ const _sfc_main = {
               })
             ]),
             _: 1
-          }, 8, ["componentData"])) : titleMode.value === "subLabel" ? (openBlock(), createBlock(DividerWrapper, {
+          }, 8, ["componentData"])) : titleMode.value === "subLabel" ? (openBlock(), createBlock(SubTitle, {
             key: 1,
             componentData: __props.componentData
           }, null, 8, ["componentData"])) : createCommentVNode("", true)
@@ -72,7 +72,7 @@ const _sfc_main = {
     };
   }
 };
-const ApprovalHistory = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b3503878"]]);
+const ApprovalHistory = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-941be2aa"]]);
 export {
   ApprovalHistory as default
 };

package/es/packages/designer/src/packages/form/components/ComponentPreviewWrapper.vue.mjs

@@ -1,6 +1,5 @@
 /* empty css                                                                                                                                    */
 /* empty css                                                                                                                                            */
-/* empty css                                                                                                                                          */
 /* empty css                                                                                                                                         */
 /* empty css                                                                                                                                           */
 /* empty css                                                                                                                                                 */
@@ -12,23 +11,26 @@
 /* empty css                                                                                                                                            */
 /* empty css                                                                                                                                         */
 /* empty css                                                                                                                                         */
+/* empty css                                                                                                                                           */
+/* empty css                                                                                                                                        */
+/* empty css                                                                                                                                                 */
 import "../../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/theme-chalk/el-date-picker.css.mjs";
 /* empty css                                                                                                                                                    */
-/* empty css                                                                                                                                        */
 /* empty css                                                                                                                                         */
 import "../../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/theme-chalk/el-tooltip.css.mjs";
-import { computed, createElementBlock, openBlock, createBlock, createCommentVNode, createSlots, withCtx, normalizeProps, mergeProps, unref, createElementVNode, toDisplayString, createVNode, createTextVNode, Fragment, renderList } from "vue";
+import { computed, createElementBlock, openBlock, createBlock, createCommentVNode, createSlots, withCtx, normalizeProps, mergeProps, createElementVNode, toDisplayString, createVNode, createTextVNode, Fragment, renderList, unref } from "vue";
+import { useOptions } from "../../../utils/optionLoader.mjs";
 /* empty css                              */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
 import { ElFormItem } from "../../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/form/index.mjs";
 import { ElInput } from "../../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/input/index.mjs";
 import { ElButton } from "../../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/button/index.mjs";
 import { ElDatePicker } from "../../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/date-picker/index.mjs";
-import { ElSelect } from "../../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/select/index.mjs";
+import { ElCascader } from "../../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/cascader/index.mjs";
+import { ElSelect, ElOption } from "../../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/select/index.mjs";
 import { ElRadioGroup, ElRadio } from "../../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/radio/index.mjs";
 import { ElCheckboxGroup, ElCheckbox } from "../../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/checkbox/index.mjs";
 import { ElSwitch } from "../../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/switch/index.mjs";
-import { ElDivider } from "../../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/divider/index.mjs";
 import { ElTooltip } from "../../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/tooltip/index.mjs";
 const _hoisted_1 = { class: "component-preview" };
 const _hoisted_2 = {
@@ -53,26 +55,92 @@ const _sfc_main = {
   },
   setup(__props) {
     const props = __props;
-    const commProps = computed(() => ({
-      disabled: props.componentData.disabled,
-      readonly: props.componentData.readOnly,
-      placeholder: props.componentData.placeholder || "",
-      modelValue: props.componentData.defaultValue,
-      maxlength: props.componentData.maxLength,
-      showWordLimit: props.componentData.showWordCount || false
-    }));
+    const commProps = computed(() => {
+      return {
+        disabled: props.componentData.disabled,
+        readonly: props.componentData.readOnly,
+        placeholder: props.componentData.placeholder || "",
+        modelValue: props.componentData.defaultValue,
+        maxlength: props.componentData.maxLength,
+        showWordLimit: props.componentData.showWordCount || false
+      };
+    });
+    const { options } = useOptions(props.componentData);
+    const cascaderPropsDataValue = computed(() => {
+      let propsData = props.componentData.propsData || {};
+      if (props.componentData.fieldType == "area" || props.componentData.fieldType == "industry") {
+        propsData = {
+          value: "optCode",
+          label: "optName"
+        };
+      }
+      return {
+        ...propsData,
+        multiple: props.componentData.multiple,
+        checkStrictly: props.componentData.checkStrictly
+      };
+    });
+    const cascaderOptions = computed(() => {
+      var _a, _b;
+      let oriOptions = options.value;
+      let idField = (_a = props.componentData.optionConfig) == null ? void 0 : _a.idField;
+      let pidField = (_b = props.componentData.optionConfig) == null ? void 0 : _b.pidField;
+      if (props.componentData.fieldType == "area" || props.componentData.fieldType == "industry") {
+        idField = "dicId";
+        pidField = "pdicId";
+      }
+      const treeData = flatToTree(
+        oriOptions,
+        idField,
+        pidField,
+        props.componentData.maxLevel
+      );
+      return treeData;
+    });
+    function flatToTree(list, idKey = "id", pidKey = "pid", maxLevel = 10) {
+      const data = JSON.parse(JSON.stringify(list));
+      const nodeMap = {};
+      data.forEach((node) => {
+        nodeMap[node[idKey]] = node;
+        node.children = node.children || [];
+        node.level = 1;
+      });
+      const tree = [];
+      data.forEach((node) => {
+        const parentId = node[pidKey];
+        const parentNode = nodeMap[parentId];
+        if (parentNode && parentNode.level < maxLevel) {
+          node.level = parentNode.level + 1;
+          parentNode.children.push(node);
+        } else {
+          tree.push(node);
+        }
+      });
+      return tree;
+    }
+    const computedFormat = computed(() => {
+      const formatMap = {
+        date: "YYYY-MM-DD",
+        week: "YYYY年第w周",
+        month: "YYYY-MM",
+        year: "YYYY",
+        datetime: "YYYY-MM-DD HH:mm:ss"
+      };
+      return formatMap[props.componentData.dateType] || "YYYY-MM-DD";
+    });
     return (_ctx, _cache) => {
       const _component_el_tooltip = ElTooltip;
       const _component_el_button = ElButton;
       const _component_el_input = ElInput;
       const _component_el_date_picker = ElDatePicker;
+      const _component_el_cascader = ElCascader;
+      const _component_el_option = ElOption;
       const _component_el_select = ElSelect;
       const _component_el_radio = ElRadio;
       const _component_el_radio_group = ElRadioGroup;
       const _component_el_checkbox = ElCheckbox;
       const _component_el_checkbox_group = ElCheckboxGroup;
       const _component_el_switch = ElSwitch;
-      const _component_el_divider = ElDivider;
       const _component_el_form_item = ElFormItem;
       return openBlock(), createElementBlock("div", _hoisted_1, [
         __props.componentData.fieldType != "blank" ? (openBlock(), createBlock(_component_el_form_item, {
@@ -82,7 +150,7 @@ const _sfc_main = {
           class: "preview-form-item"
         }, createSlots({
           default: withCtx(() => [
-            __props.componentData.fieldType == "text" ? (openBlock(), createBlock(_component_el_input, normalizeProps(mergeProps({ key: 0 }, unref(commProps))), createSlots({ _: 2 }, [
+            __props.componentData.fieldType == "text" ? (openBlock(), createBlock(_component_el_input, normalizeProps(mergeProps({ key: 0 }, commProps.value)), createSlots({ _: 2 }, [
               __props.componentData.prefix ? {
                 name: "prefix",
                 fn: withCtx(() => [
@@ -97,7 +165,7 @@ const _sfc_main = {
                 ]),
                 key: "1"
               } : void 0,
-              __props.componentData.suffixButton && __props.componentData.suffixButton != "none" ? {
+              !__props.componentData.readOnly && !__props.componentData.disabled && __props.componentData.suffixButton && __props.componentData.suffixButton != "none" ? {
                 name: "append",
                 fn: withCtx(() => [
                   createVNode(_component_el_button, { class: "suffixButton" }, {
@@ -109,25 +177,28 @@ const _sfc_main = {
                 ]),
                 key: "2"
               } : void 0
-            ]), 1040)) : __props.componentData.fieldType == "userSelect" || __props.componentData.fieldType == "roleSelect" || __props.componentData.fieldType == "orgSelect" ? (openBlock(), createBlock(_component_el_input, normalizeProps(mergeProps({ key: 1 }, unref(commProps))), {
-              append: withCtx(() => [
-                createVNode(_component_el_button, { class: "suffixButton" }, {
-                  default: withCtx(() => _cache[1] || (_cache[1] = [
-                    createTextVNode("选择")
-                  ])),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }, 16)) : __props.componentData.fieldType == "textarea" ? (openBlock(), createBlock(_component_el_input, mergeProps({
+            ]), 1040)) : __props.componentData.fieldType == "userSelect" || __props.componentData.fieldType == "roleSelect" || __props.componentData.fieldType == "orgSelect" ? (openBlock(), createBlock(_component_el_input, normalizeProps(mergeProps({ key: 1 }, commProps.value)), createSlots({ _: 2 }, [
+              !__props.componentData.readOnly && !__props.componentData.disabled ? {
+                name: "append",
+                fn: withCtx(() => [
+                  createVNode(_component_el_button, { class: "suffixButton" }, {
+                    default: withCtx(() => _cache[1] || (_cache[1] = [
+                      createTextVNode("选择")
+                    ])),
+                    _: 1
+                  })
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1040)) : __props.componentData.fieldType == "textarea" ? (openBlock(), createBlock(_component_el_input, mergeProps({
               key: 2,
               rows: 4,
               type: "textarea"
-            }, unref(commProps), {
+            }, commProps.value, {
               resize: "none",
               style: { "height": "100%" }
             }), null, 16)) : createCommentVNode("", true),
-            __props.componentData.fieldType == "number" ? (openBlock(), createBlock(_component_el_input, mergeProps({ key: 3 }, unref(commProps), { controls: false }), createSlots({ _: 2 }, [
+            __props.componentData.fieldType == "number" ? (openBlock(), createBlock(_component_el_input, mergeProps({ key: 3 }, commProps.value, { controls: false }), createSlots({ _: 2 }, [
               __props.componentData.prefix ? {
                 name: "prefix",
                 fn: withCtx(() => [
@@ -142,49 +213,61 @@ const _sfc_main = {
                 ]),
                 key: "1"
               } : void 0
-            ]), 1040)) : __props.componentData.fieldType == "date" ? (openBlock(), createBlock(_component_el_date_picker, mergeProps({ key: 4 }, unref(commProps), {
-              type: "date",
+            ]), 1040)) : __props.componentData.fieldType == "date" ? (openBlock(), createBlock(_component_el_date_picker, mergeProps({ key: 4 }, commProps.value, {
+              type: __props.componentData.dateType || "date",
+              format: computedFormat.value,
               style: { "width": "100%" }
-            }), null, 16)) : __props.componentData.fieldType == "select" || __props.componentData.fieldType == "multipleSelection" || __props.componentData.fieldType == "cascader" || __props.componentData.fieldType == "area" || __props.componentData.fieldType == "industry" ? (openBlock(), createBlock(_component_el_select, normalizeProps(mergeProps({ key: 5 }, unref(commProps))), null, 16)) : __props.componentData.fieldType == "radio" ? (openBlock(), createBlock(_component_el_radio_group, normalizeProps(mergeProps({ key: 6 }, unref(commProps))), {
-              default: withCtx(() => {
-                var _a;
-                return [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(((_a = __props.componentData.optionConfig) == null ? void 0 : _a.options) || [], (option) => {
-                    return openBlock(), createBlock(_component_el_radio, {
-                      key: option.value,
-                      value: option.value
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(option.label), 1)
-                      ]),
-                      _: 2
-                    }, 1032, ["value"]);
-                  }), 128))
-                ];
-              }),
+            }), null, 16, ["type", "format"])) : __props.componentData.fieldType == "cascader" || __props.componentData.fieldType == "area" || __props.componentData.fieldType == "industry" ? (openBlock(), createBlock(_component_el_cascader, mergeProps({ key: 5 }, commProps.value, {
+              options: cascaderOptions.value,
+              props: cascaderPropsDataValue.value,
+              "show-all-levels": __props.componentData.showFullPath,
+              style: { "width": "100%" }
+            }), null, 16, ["options", "props", "show-all-levels"])) : __props.componentData.fieldType == "select" || __props.componentData.fieldType == "multipleSelection" ? (openBlock(), createBlock(_component_el_select, mergeProps({ key: 6 }, commProps.value, {
+              multiple: __props.componentData.fieldType == "multipleSelection"
+            }), {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(options), (option) => {
+                  return openBlock(), createBlock(_component_el_option, {
+                    key: option.value,
+                    label: option.label,
+                    value: option.value
+                  }, null, 8, ["label", "value"]);
+                }), 128))
+              ]),
               _: 1
-            }, 16)) : __props.componentData.fieldType == "checkbox" ? (openBlock(), createBlock(_component_el_checkbox_group, normalizeProps(mergeProps({ key: 7 }, unref(commProps))), {
-              default: withCtx(() => {
-                var _a;
-                return [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(((_a = __props.componentData.optionConfig) == null ? void 0 : _a.options) || [], (option) => {
-                    return openBlock(), createBlock(_component_el_checkbox, {
-                      key: option.value,
-                      value: option.value
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(option.label), 1)
-                      ]),
-                      _: 2
-                    }, 1032, ["value"]);
-                  }), 128))
-                ];
-              }),
+            }, 16, ["multiple"])) : __props.componentData.fieldType == "radio" ? (openBlock(), createBlock(_component_el_radio_group, normalizeProps(mergeProps({ key: 7 }, commProps.value)), {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(options), (option) => {
+                  return openBlock(), createBlock(_component_el_radio, {
+                    key: option.value,
+                    value: option.value
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(option.label), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["value"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 16)) : __props.componentData.fieldType == "checkbox" ? (openBlock(), createBlock(_component_el_checkbox_group, normalizeProps(mergeProps({ key: 8 }, commProps.value)), {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(options), (option) => {
+                  return openBlock(), createBlock(_component_el_checkbox, {
+                    key: option.value,
+                    value: option.value
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(option.label), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["value"]);
+                }), 128))
+              ]),
               _: 1
             }, 16)) : createCommentVNode("", true),
-            __props.componentData.fieldType == "switch" ? (openBlock(), createBlock(_component_el_switch, normalizeProps(mergeProps({ key: 8 }, unref(commProps))), null, 16)) : createCommentVNode("", true),
-            __props.componentData.fieldType == "upload" ? (openBlock(), createBlock(_component_el_input, normalizeProps(mergeProps({ key: 9 }, unref(commProps))), null, 16)) : createCommentVNode("", true),
-            __props.componentData.fieldType == "divider" ? (openBlock(), createBlock(_component_el_divider, { key: 10 })) : createCommentVNode("", true)
+            __props.componentData.fieldType == "switch" ? (openBlock(), createBlock(_component_el_switch, normalizeProps(mergeProps({ key: 9 }, commProps.value)), null, 16)) : createCommentVNode("", true),
+            __props.componentData.fieldType == "upload" ? (openBlock(), createBlock(_component_el_input, normalizeProps(mergeProps({ key: 10 }, commProps.value)), null, 16)) : createCommentVNode("", true)
           ]),
           _: 2
         }, [
@@ -215,7 +298,7 @@ const _sfc_main = {
     };
   }
 };
-const ComponentPreviewWrapper = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b52c7b91"]]);
+const ComponentPreviewWrapper = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b12e41a1"]]);
 export {
   ComponentPreviewWrapper as default
 };

package/es/packages/designer/src/packages/form/components/DefaultValueEditor.vue.mjs

@@ -0,0 +1,88 @@
+/* empty css                                                                                                                                    */
+/* empty css                                                                                                                                        */
+import { getCurrentInstance, ref, watch, computed, createElementBlock, openBlock, createBlock, resolveDynamicComponent, mergeProps } from "vue";
+import { cloneDeep } from "../../utils/common.mjs";
+import { useOptions } from "../../../utils/optionLoader.mjs";
+/* empty css                         */
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
+import { ElInput } from "../../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/input/index.mjs";
+const _hoisted_1 = { class: "default-value-editor" };
+const _sfc_main = {
+  __name: "DefaultValueEditor",
+  props: {
+    config: {
+      type: Object,
+      required: true
+    },
+    modelValue: {
+      type: [String, Number, Boolean, Array, Object],
+      default: ""
+    }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const instance = getCurrentInstance();
+    const localValue = ref(props.modelValue);
+    watch(
+      () => props.modelValue,
+      (newValue) => {
+        localValue.value = newValue;
+      }
+    );
+    watch(
+      () => localValue.value,
+      (newValue) => {
+        emit("update:modelValue", newValue);
+        emit("change", newValue);
+      }
+    );
+    const componentType = computed(() => {
+      var _a, _b;
+      if (!props.config.fieldType) return null;
+      const key = props.config.fieldType.charAt(0).toUpperCase() + props.config.fieldType.slice(1);
+      const component = (_b = (_a = instance == null ? void 0 : instance.appContext) == null ? void 0 : _a.components) == null ? void 0 : _b[`Fec${key}`];
+      if (!component) {
+        console.warn(`未找到对应的组件: Fec${key}，将使用 el-input 代替`);
+        return null;
+      }
+      return component;
+    });
+    const { options: optionData } = useOptions(props.config);
+    const componentProps = computed(() => {
+      const fieldProps = cloneDeep(props.config);
+      fieldProps.disabled = false;
+      fieldProps.readonly = false;
+      fieldProps.suffixButton = "none";
+      if (fieldProps.optionConfig) {
+        fieldProps.optionConfig.options = optionData.value;
+      }
+      delete fieldProps.id;
+      return fieldProps;
+    });
+    return (_ctx, _cache) => {
+      const _component_el_input = ElInput;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        __props.config.fieldType && __props.config.fieldType !== "userSelect" && __props.config.fieldType !== "roleSelect" && __props.config.fieldType !== "orgSelect" ? (openBlock(), createBlock(resolveDynamicComponent(componentType.value), mergeProps({
+          key: 0,
+          modelValue: localValue.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => localValue.value = $event)
+        }, componentProps.value, {
+          config: __props.config,
+          formMode: "edit",
+          placeholder: "默认值"
+        }), null, 16, ["modelValue", "config"])) : (openBlock(), createBlock(_component_el_input, {
+          key: 1,
+          modelValue: localValue.value,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => localValue.value = $event),
+          placeholder: "请默认值"
+        }, null, 8, ["modelValue"]))
+      ]);
+    };
+  }
+};
+const DefaultValueEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d2b570cf"]]);
+export {
+  DefaultValueEditor as default
+};

package/es/packages/designer/src/packages/form/components/SubForm.vue.mjs

@@ -2,7 +2,7 @@
 import { computed, createElementBlock, openBlock, createCommentVNode, createElementVNode, createBlock, normalizeClass, createVNode, withCtx, unref, toDisplayString } from "vue";
 import { DocumentAdd as document_add_default, Document as document_default } from "../../../../../../node_modules/.pnpm/@element-plus_icons-vue@2.3.2_vue@3.5.13_typescript@5.7.3_/node_modules/@element-plus/icons-vue/dist/index.mjs";
 import H2Wrapper from "./H2Wrapper.vue.mjs";
-import DividerWrapper from "./DividerWrapper.vue.mjs";
+import SubTitle from "./SubTitle.vue.mjs";
 /* empty css              */
 /* empty css              */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
@@ -54,7 +54,7 @@ const _sfc_main = {
           titleMode.value === "label" ? (openBlock(), createBlock(H2Wrapper, {
             key: 0,
             componentData: __props.componentData
-          }, null, 8, ["componentData"])) : titleMode.value === "subLabel" ? (openBlock(), createBlock(DividerWrapper, {
+          }, null, 8, ["componentData"])) : titleMode.value === "subLabel" ? (openBlock(), createBlock(SubTitle, {
             key: 1,
             componentData: __props.componentData
           }, null, 8, ["componentData"])) : createCommentVNode("", true)
@@ -95,7 +95,7 @@ const _sfc_main = {
     };
   }
 };
-const SubForm = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b2ef63e1"]]);
+const SubForm = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5c0333c7"]]);
 export {
   SubForm as default
 };

package/es/packages/designer/src/packages/form/components/SubTable.vue.mjs

@@ -2,7 +2,7 @@
 import { computed, createElementBlock, openBlock, createCommentVNode, createElementVNode, createBlock, normalizeClass, createVNode, withCtx, unref, toDisplayString } from "vue";
 import { Grid as grid_default } from "../../../../../../node_modules/.pnpm/@element-plus_icons-vue@2.3.2_vue@3.5.13_typescript@5.7.3_/node_modules/@element-plus/icons-vue/dist/index.mjs";
 import H2Wrapper from "./H2Wrapper.vue.mjs";
-import DividerWrapper from "./DividerWrapper.vue.mjs";
+import SubTitle from "./SubTitle.vue.mjs";
 /* empty css               */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
 import { ElIcon } from "../../../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/icon/index.mjs";
@@ -53,7 +53,7 @@ const _sfc_main = {
           titleMode.value === "label" ? (openBlock(), createBlock(H2Wrapper, {
             key: 0,
             componentData: __props.componentData
-          }, null, 8, ["componentData"])) : titleMode.value === "subLabel" ? (openBlock(), createBlock(DividerWrapper, {
+          }, null, 8, ["componentData"])) : titleMode.value === "subLabel" ? (openBlock(), createBlock(SubTitle, {
             key: 1,
             componentData: __props.componentData
           }, null, 8, ["componentData"])) : createCommentVNode("", true)
@@ -94,7 +94,7 @@ const _sfc_main = {
     };
   }
 };
-const SubTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-afad904f"]]);
+const SubTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8c97b459"]]);
 export {
   SubTable as default
 };

package/es/packages/designer/src/packages/form/components/SubTitle.vue.mjs

@@ -0,0 +1,27 @@
+import { createElementBlock, openBlock, createElementVNode, toDisplayString } from "vue";
+/* empty css               */
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
+const _hoisted_1 = { class: "fec-subTitle" };
+const _hoisted_2 = { class: "fec-label-title" };
+const _sfc_main = {
+  __name: "SubTitle",
+  props: {
+    componentData: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        _cache[0] || (_cache[0] = createElementVNode("div", { class: "fec-label-line" }, null, -1)),
+        createElementVNode("div", _hoisted_2, toDisplayString(__props.componentData.label), 1),
+        _cache[1] || (_cache[1] = createElementVNode("div", { class: "fec-label-line-query" }, null, -1))
+      ]);
+    };
+  }
+};
+const SubTitle = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cfe3fbff"]]);
+export {
+  SubTitle as default
+};