starfish-form-custom 1.0.52 → 1.0.54

package/dist/{formAction-23d69d7d.mjs → formAction-e36e51b3.mjs}

@@ -11,7 +11,7 @@ import 'element-plus/es/components/button/style/css';
 import 'element-plus/es/components/tooltip/style/css';
 import { defineComponent, inject, ref, getCurrentInstance, reactive, onMounted, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, toDisplayString, createCommentVNode, createBlock, withCtx, createTextVNode, createVNode, Fragment, renderList, withModifiers } from 'vue';
 import { Codemirror } from 'vue-codemirror';
-import { _ as _export_sfc } from './main-420fac7c.mjs';
+import { _ as _export_sfc } from './main-8ef56e86.mjs';
 import 'element-plus/es/components/icon/style/css';
 import 'element-plus/es/components/checkbox/style/css';
 import '@element-plus/icons-vue';

package/dist/{index-a466904a.mjs → index-058a680b.mjs}

@@ -6,7 +6,7 @@ import 'element-plus/es/components/button/style/css';
 import 'element-plus/es/components/main/style/css';
 import 'element-plus/es/components/tooltip/style/css';
 import { defineComponent, ref, onMounted, watch, nextTick, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, toDisplayString, createCommentVNode, createBlock, withCtx, createVNode, createTextVNode } from 'vue';
-import { _ as _export_sfc, a as _, g as getFormConfig, f as fieldProps, u as useWatch } from './main-420fac7c.mjs';
+import { _ as _export_sfc, a as _, g as getFormConfig, f as fieldProps, u as useWatch } from './main-8ef56e86.mjs';
 import JSONEditor from 'jsoneditor';
 import 'element-plus/es/components/icon/style/css';
 import 'element-plus/es/components/input/style/css';

package/dist/{index-7f4d4892.mjs → index-20f0d53c.mjs}

@@ -13,9 +13,9 @@ import 'element-plus/es/components/dropdown-item/style/css';
 import 'element-plus/es/components/button/style/css';
 import 'element-plus/es/components/tooltip/style/css';
 import { defineComponent, getCurrentInstance, inject, computed, ref, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, toDisplayString, createCommentVNode, createBlock, withCtx, createVNode, createTextVNode, Fragment, renderList } from 'vue';
-import { _ as _export_sfc, a as _, f as fieldProps, r as ruleList, b as ruleJsonData } from './main-420fac7c.mjs';
+import { _ as _export_sfc, a as _, f as fieldProps, r as ruleList, b as ruleJsonData } from './main-8ef56e86.mjs';
 import { Delete } from '@element-plus/icons-vue';
-import Dynamicform from './starfish-form-3e1eb033.mjs';
+import Dynamicform from './starfish-form-72d9dfce.mjs';
 import { Codemirror } from 'vue-codemirror';
 import 'element-plus/es/components/input/style/css';
 import 'element-plus/es/components/checkbox/style/css';

package/dist/{index-7b8d5fcb.mjs → index-61317ebb.mjs}

@@ -1,10 +1,10 @@
 import { ElTooltip } from 'element-plus/es';
 import 'element-plus/es/components/base/style/css';
 import 'element-plus/es/components/tooltip/style/css';
-import { defineComponent, ref, computed, watch, nextTick, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, createCommentVNode, toDisplayString, createBlock, withCtx, withModifiers, createVNode } from 'vue';
+import { defineComponent, ref, computed, watch, nextTick, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, createCommentVNode, createVNode, withCtx, toDisplayString, createBlock, withModifiers } from 'vue';
 import { QuillEditor } from '@vueup/vue-quill';
 import '@vueup/vue-quill/dist/vue-quill.snow.css';
-import { _ as _export_sfc, g as getFormConfig, f as fieldProps, u as useWatch } from './main-420fac7c.mjs';
+import { _ as _export_sfc, g as getFormConfig, f as fieldProps, u as useWatch } from './main-8ef56e86.mjs';
 import 'element-plus/es/components/icon/style/css';
 import 'element-plus/es/components/input/style/css';
 import 'element-plus/es/components/checkbox/style/css';
@@ -191,7 +191,16 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       style: normalizeStyle({ width: _ctx.labelWidth + "px" })
     }, [
       _ctx.item.data.required && !_ctx.readonly && _ctx.item.data.state !== "readonly" ? (openBlock(), createElementBlock("span", _hoisted_2, "*")) : createCommentVNode("", true),
-      createElementVNode("label", null, toDisplayString(_ctx.item.data.label) + toDisplayString(_ctx.suffix), 1),
+      createVNode(_component_el_tooltip, {
+        disabled: _ctx.item.data.label.length <= 6,
+        content: _ctx.item.data.label + _ctx.suffix,
+        placement: "top"
+      }, {
+        default: withCtx(() => [
+          createElementVNode("label", null, toDisplayString(_ctx.item.data.label) + toDisplayString(_ctx.suffix), 1)
+        ]),
+        _: 1
+      }, 8, ["disabled", "content"]),
       _ctx.item.data.tip && !_ctx.readonly ? (openBlock(), createBlock(_component_el_tooltip, {
         key: 1,
         class: "item",
@@ -231,6 +240,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 4)
   ], 10, _hoisted_1);
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-4f6b6c10"]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-34acb2a2"]]);
 
 export { index as default };

package/dist/{main-420fac7c.mjs → main-8ef56e86.mjs}

@@ -4,7 +4,7 @@ import 'element-plus/es/components/icon/style/css';
 import 'element-plus/es/components/input/style/css';
 import 'element-plus/es/components/checkbox/style/css';
 import 'element-plus/es/components/tooltip/style/css';
-import { defineComponent, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, toDisplayString, createCommentVNode, createBlock, withCtx, Fragment, renderList, createVNode, withDirectives, inject, computed, ref, createTextVNode, getCurrentInstance, watch, vShow, resolveDynamicComponent, nextTick, reactive, defineAsyncComponent } from 'vue';
+import { defineComponent, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, toDisplayString, createCommentVNode, createBlock, withCtx, Fragment, renderList, createVNode, withDirectives, inject, computed, ref, createTextVNode, getCurrentInstance, watch, onMounted, vShow, resolveDynamicComponent, nextTick, reactive, defineAsyncComponent } from 'vue';
 import { SemiSelect, Top, Bottom, Delete, Edit } from '@element-plus/icons-vue';
 import 'element-plus/es/components/loading/style/css';
 import 'element-plus/es/components/dropdown/style/css';
@@ -445,6 +445,8 @@ const fieldsMap = {
     required: false,
     rule: "[]",
     default: "",
+    format: "YYYY-MM-DD",
+    // 日期格式
     state: "normal"
   },
   ColorSelect: {
@@ -507,7 +509,7 @@ function getMoren(fieldName, component, label) {
       data: {
         fieldName: "placeholder",
         tip: "",
-        label: "输入占位文字",
+        label: "占位文字",
         placeholder: "请输入占位文字",
         showRule: "{}",
         required: false,
@@ -645,6 +647,7 @@ function getMoren(fieldName, component, label) {
         showRule: "{}",
         required: false,
         rule: "[]",
+        format: "YYYY-MM-DD",
         itemConfig: {
           value: "YYYY-MM-DD",
           items: [
@@ -899,7 +902,7 @@ function getMoren(fieldName, component, label) {
       data: {
         fieldName,
         tip: "",
-        label: label ? label : "输入占位文字",
+        label: label ? label : "占位文字",
         placeholder: "请输入占位文字",
         showRule: "{}",
         required: false,
@@ -1213,7 +1216,10 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
               class: "top",
               onClick: ($event) => _ctx.handleTop(index)
             }, [
-              createVNode(_component_el_icon, { size: 12 }, {
+              createVNode(_component_el_icon, {
+                size: 12,
+                style: { "color": "#fff" }
+              }, {
                 default: withCtx(() => [
                   createVNode(_component_Top)
                 ]),
@@ -1224,7 +1230,10 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
               class: "bottom",
               onClick: ($event) => _ctx.handleBottom(index)
             }, [
-              createVNode(_component_el_icon, { size: 12 }, {
+              createVNode(_component_el_icon, {
+                size: 12,
+                style: { "color": "#fff" }
+              }, {
                 default: withCtx(() => [
                   createVNode(_component_Bottom)
                 ]),
@@ -1442,7 +1451,10 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
               class: "top",
               onClick: ($event) => _ctx.handleTop(index)
             }, [
-              createVNode(_component_el_icon, { size: 12 }, {
+              createVNode(_component_el_icon, {
+                size: 12,
+                style: { "color": "#fff" }
+              }, {
                 default: withCtx(() => [
                   createVNode(_component_Top)
                 ]),
@@ -1453,7 +1465,10 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
               class: "bottom",
               onClick: ($event) => _ctx.handleBottom(index)
             }, [
-              createVNode(_component_el_icon, { size: 12 }, {
+              createVNode(_component_el_icon, {
+                size: 12,
+                style: { "color": "#fff" }
+              }, {
                 default: withCtx(() => [
                   createVNode(_component_Bottom)
                 ]),
@@ -2091,7 +2106,16 @@ function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
       style: normalizeStyle({ width: _ctx.labelWidth + "px" })
     }, [
       _ctx.item.data.required && !_ctx.readonly && _ctx.item.data.state !== "readonly" && !_ctx.search ? (openBlock(), createElementBlock("span", _hoisted_1$k, "*")) : createCommentVNode("", true),
-      createElementVNode("label", null, toDisplayString(_ctx.item.data.label) + toDisplayString(_ctx.suffix), 1),
+      createVNode(_component_el_tooltip, {
+        disabled: _ctx.item.data.label.length <= 6,
+        content: _ctx.item.data.label + _ctx.suffix,
+        placement: "top"
+      }, {
+        default: withCtx(() => [
+          createElementVNode("label", null, toDisplayString(_ctx.item.data.label) + toDisplayString(_ctx.suffix), 1)
+        ]),
+        _: 1
+      }, 8, ["disabled", "content"]),
       _ctx.item.data.tip && !_ctx.readonly && !_ctx.search ? (openBlock(), createBlock(_component_el_tooltip, {
         key: 1,
         class: "item",
@@ -2267,7 +2291,10 @@ const _sfc_main$i = defineComponent({
   formConfig: getFormConfig("Date", [
     { fieldName: "default", component: "DateTime" },
     { fieldName: "placeholder", component: "Text" },
-    { fieldName: "format", component: "Selected" },
+    {
+      fieldName: "format",
+      component: "Selected"
+    },
     { fieldName: "state", component: "Radio" }
   ]),
   actionType: ["onChange"],
@@ -2276,11 +2303,12 @@ const _sfc_main$i = defineComponent({
   },
   setup(props) {
     useWatch(props);
+    const previewValue = ref("");
     const getPickerType = (format) => {
       if (!format)
         return "date";
       const formatTypeMap = {
-        "YYYY": "year",
+        YYYY: "year",
         "YYYY-MM": "month",
         "YYYY-MM-DD": "date",
         "YYYY-MM-DD HH": "datetime",
@@ -2296,27 +2324,62 @@ const _sfc_main$i = defineComponent({
         return dateValue;
       }
       if (dateValue instanceof Date) {
-        const year = dateValue.getFullYear();
-        const month = String(dateValue.getMonth() + 1).padStart(2, "0");
-        const day = String(dateValue.getDate()).padStart(2, "0");
-        const hours = String(dateValue.getHours()).padStart(2, "0");
-        const minutes = String(dateValue.getMinutes()).padStart(2, "0");
-        const seconds = String(dateValue.getSeconds()).padStart(2, "0");
-        const formatMap = {
-          "YYYY": `${year}`,
-          "YYYY-MM": `${year}-${month}`,
-          "YYYY-MM-DD": `${year}-${month}-${day}`,
-          "YYYY-MM-DD HH": `${year}-${month}-${day} ${hours}`,
-          "YYYY-MM-DD HH:mm": `${year}-${month}-${day} ${hours}:${minutes}`,
-          "YYYY-MM-DD HH:mm:ss": `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`
-        };
-        return formatMap[format] || `${year}-${month}-${day}`;
+        return formatDateToString(dateValue, format);
       }
       return String(dateValue);
     };
+    const formatDateToString = (date, format) => {
+      const year = date.getFullYear();
+      const month = String(date.getMonth() + 1).padStart(2, "0");
+      const day = String(date.getDate()).padStart(2, "0");
+      const hours = String(date.getHours()).padStart(2, "0");
+      const minutes = String(date.getMinutes()).padStart(2, "0");
+      const seconds = String(date.getSeconds()).padStart(2, "0");
+      const formatMap = {
+        YYYY: `${year}`,
+        "YYYY-MM": `${year}-${month}`,
+        "YYYY-MM-DD": `${year}-${month}-${day}`,
+        "YYYY-MM-DD HH": `${year}-${month}-${day} ${hours}`,
+        "YYYY-MM-DD HH:mm": `${year}-${month}-${day} ${hours}:${minutes}`,
+        "YYYY-MM-DD HH:mm:ss": `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`
+      };
+      return formatMap[format] || `${year}-${month}-${day}`;
+    };
+    const handlePreviewChange = (val) => {
+      props.item.data.default = val;
+    };
+    const updatePreviewValue = () => {
+      if (props.drag && props.item.data.default) {
+        if (props.item.data.default instanceof Date) {
+          previewValue.value = formatDateToString(props.item.data.default, props.item.data.format || "YYYY-MM-DD");
+        } else {
+          previewValue.value = props.item.data.default;
+        }
+      } else {
+        previewValue.value = "";
+      }
+    };
+    watch(
+      () => props.item.data.default,
+      () => {
+        updatePreviewValue();
+      },
+      { deep: true }
+    );
+    watch(
+      () => props.item.data.format,
+      () => {
+        updatePreviewValue();
+      }
+    );
+    onMounted(() => {
+      updatePreviewValue();
+    });
     return {
+      previewValue,
       getPickerType,
-      formatReadonlyDate
+      formatReadonlyDate,
+      handlePreviewChange
     };
   }
 });
@@ -2329,14 +2392,27 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tooltip = ElTooltip;
   const _component_el_date_picker = ElDatePicker;
   return openBlock(), createElementBlock("div", {
-    class: normalizeClass(["starfish-formitem", { formCover: _ctx.drag, "starfish-vertical": _ctx.labelalign != "top", [_ctx.item.data.csslist?.join(" ")]: !!_ctx.item.data.csslist }])
+    class: normalizeClass(["starfish-formitem", {
+      formCover: _ctx.drag,
+      "starfish-vertical": _ctx.labelalign != "top",
+      [_ctx.item.data.csslist?.join(" ")]: !!_ctx.item.data.csslist
+    }])
   }, [
     createElementVNode("div", {
       class: normalizeClass(["label", "label_" + _ctx.labelalign]),
       style: normalizeStyle({ width: _ctx.labelWidth + "px" })
     }, [
       _ctx.item.data.required && !_ctx.readonly && _ctx.item.data.state !== "readonly" && !_ctx.search ? (openBlock(), createElementBlock("span", _hoisted_1$i, "*")) : createCommentVNode("", true),
-      createElementVNode("label", null, toDisplayString(_ctx.item.data.label) + toDisplayString(_ctx.suffix), 1),
+      createVNode(_component_el_tooltip, {
+        disabled: _ctx.item.data.label.length <= 6,
+        content: _ctx.item.data.label + _ctx.suffix,
+        placement: "top"
+      }, {
+        default: withCtx(() => [
+          createElementVNode("label", null, toDisplayString(_ctx.item.data.label) + toDisplayString(_ctx.suffix), 1)
+        ]),
+        _: 1
+      }, 8, ["disabled", "content"]),
       _ctx.item.data.tip && !_ctx.readonly && !_ctx.search ? (openBlock(), createBlock(_component_el_tooltip, {
         key: 1,
         class: "item",
@@ -2356,8 +2432,8 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
     }, [
       _ctx.drag ? (openBlock(), createBlock(_component_el_date_picker, {
         key: 0,
-        modelValue: _ctx.item.data.default,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.item.data.default = $event),
+        modelValue: _ctx.previewValue,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.previewValue = $event),
         style: { "width": "320px" },
         type: _ctx.getPickerType(_ctx.item.data.format),
         format: _ctx.item.data.format,
@@ -2365,8 +2441,9 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
         placeholder: _ctx.item.data.placeholder,
         size: _ctx.size,
         disabled: _ctx.item.data.state === "disabled",
-        readonly: _ctx.item.data.state === "readonly"
-      }, null, 8, ["modelValue", "type", "format", "value-format", "placeholder", "size", "disabled", "readonly"])) : createCommentVNode("", true),
+        readonly: _ctx.item.data.state === "readonly",
+        onChange: _ctx.handlePreviewChange
+      }, null, 8, ["modelValue", "type", "format", "value-format", "placeholder", "size", "disabled", "readonly", "onChange"])) : createCommentVNode("", true),
       !_ctx.drag && (_ctx.item.data.state === "readonly" || _ctx.readonly) ? (openBlock(), createElementBlock("span", _hoisted_2$a, toDisplayString(_ctx.formatReadonlyDate(_ctx.data[_ctx.item.data.fieldName], _ctx.item.data.format)), 1)) : !_ctx.drag ? (openBlock(), createBlock(_component_el_date_picker, {
         key: 2,
         modelValue: _ctx.data[_ctx.item.data.fieldName],
@@ -2565,7 +2642,16 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
       style: normalizeStyle({ width: _ctx.labelWidth + "px" })
     }, [
       _ctx.item.data.required && !_ctx.readonly && _ctx.item.data.state !== "readonly" && !_ctx.search ? (openBlock(), createElementBlock("span", _hoisted_1$g, "*")) : createCommentVNode("", true),
-      createElementVNode("label", null, toDisplayString(_ctx.item.data.label) + toDisplayString(_ctx.suffix), 1),
+      createVNode(_component_el_tooltip, {
+        disabled: _ctx.item.data.label.length <= 6,
+        content: _ctx.item.data.label + _ctx.suffix,
+        placement: "top"
+      }, {
+        default: withCtx(() => [
+          createElementVNode("label", null, toDisplayString(_ctx.item.data.label) + toDisplayString(_ctx.suffix), 1)
+        ]),
+        _: 1
+      }, 8, ["disabled", "content"]),
       _ctx.item.data.tip && !_ctx.readonly && !_ctx.search ? (openBlock(), createBlock(_component_el_tooltip, {
         key: 1,
         class: "item",
@@ -2665,7 +2751,16 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
       style: normalizeStyle({ width: _ctx.labelWidth + "px" })
     }, [
       _ctx.item.data.required && !_ctx.readonly && _ctx.item.data.state !== "readonly" ? (openBlock(), createElementBlock("span", _hoisted_1$f, "*")) : createCommentVNode("", true),
-      createElementVNode("label", null, toDisplayString(_ctx.item.data.label) + toDisplayString(_ctx.suffix), 1),
+      createVNode(_component_el_tooltip, {
+        disabled: _ctx.item.data.label.length <= 6,
+        content: _ctx.item.data.label + _ctx.suffix,
+        placement: "top"
+      }, {
+        default: withCtx(() => [
+          createElementVNode("label", null, toDisplayString(_ctx.item.data.label) + toDisplayString(_ctx.suffix), 1)
+        ]),
+        _: 1
+      }, 8, ["disabled", "content"]),
       _ctx.item.data.tip && !_ctx.readonly ? (openBlock(), createBlock(_component_el_tooltip, {
         key: 1,
         class: "item",
@@ -3231,7 +3326,16 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
       style: normalizeStyle({ width: _ctx.labelWidth + "px" })
     }, [
       _ctx.item.data.required && !_ctx.readonly && _ctx.item.data.state !== "readonly" && !_ctx.search ? (openBlock(), createElementBlock("span", _hoisted_1$e, "*")) : createCommentVNode("", true),
-      createElementVNode("label", null, toDisplayString(_ctx.item.data.label) + toDisplayString(_ctx.suffix), 1),
+      createVNode(_component_el_tooltip, {
+        disabled: _ctx.item.data.label.length <= 6,
+        content: _ctx.item.data.label + _ctx.suffix,
+        placement: "top"
+      }, {
+        default: withCtx(() => [
+          createElementVNode("label", null, toDisplayString(_ctx.item.data.label) + toDisplayString(_ctx.suffix), 1)
+        ]),
+        _: 1
+      }, 8, ["disabled", "content"]),
       _ctx.item.data.tip && !_ctx.readonly && !_ctx.search ? (openBlock(), createBlock(_component_el_tooltip, {
         key: 1,
         class: "item",
@@ -3366,7 +3470,16 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
       style: normalizeStyle({ width: _ctx.labelWidth + "px" })
     }, [
       _ctx.item.data.required && !_ctx.readonly && _ctx.item.data.state !== "readonly" && !_ctx.search ? (openBlock(), createElementBlock("span", _hoisted_1$d, "*")) : createCommentVNode("", true),
-      createElementVNode("label", null, toDisplayString(_ctx.item.data.label) + toDisplayString(_ctx.suffix), 1),
+      createVNode(_component_el_tooltip, {
+        disabled: _ctx.item.data.label.length <= 6,
+        content: _ctx.item.data.label + _ctx.suffix,
+        placement: "top"
+      }, {
+        default: withCtx(() => [
+          createElementVNode("label", null, toDisplayString(_ctx.item.data.label) + toDisplayString(_ctx.suffix), 1)
+        ]),
+        _: 1
+      }, 8, ["disabled", "content"]),
       _ctx.item.data.tip && !_ctx.readonly && !_ctx.search ? (openBlock(), createBlock(_component_el_tooltip, {
         key: 1,
         class: "item",
@@ -3391,6 +3504,8 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
         style: { "width": "320px" },
         placeholder: _ctx.item.data.placeholder,
         multiple: "",
+        "collapse-tags": "",
+        clearable: "",
         disabled: _ctx.item.data.state === "disabled" || _ctx.item.data.state === "readonly",
         size: _ctx.size
       }, {
@@ -3411,6 +3526,8 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
         style: { "width": "320px" },
         placeholder: _ctx.item.data.placeholder,
         multiple: "",
+        "collapse-tags": "",
+        clearable: "",
         size: _ctx.size,
         disabled: _ctx.item.data.state === "disabled" || _ctx.item.data.state === "readonly",
         onFocus: _cache[2] || (_cache[2] = ($event) => _ctx.execFunc("onFocus")),
@@ -3685,7 +3802,16 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
       style: normalizeStyle({ width: _ctx.labelWidth + "px" })
     }, [
       _ctx.item.data.required && !_ctx.readonly && _ctx.item.data.state !== "readonly" ? (openBlock(), createElementBlock("span", _hoisted_1$a, "*")) : createCommentVNode("", true),
-      createElementVNode("label", null, toDisplayString(_ctx.item.data.label) + toDisplayString(_ctx.suffix), 1),
+      createVNode(_component_el_tooltip, {
+        disabled: _ctx.item.data.label.length <= 6,
+        content: _ctx.item.data.label + _ctx.suffix,
+        placement: "top"
+      }, {
+        default: withCtx(() => [
+          createElementVNode("label", null, toDisplayString(_ctx.item.data.label) + toDisplayString(_ctx.suffix), 1)
+        ]),
+        _: 1
+      }, 8, ["disabled", "content"]),
       _ctx.item.data.tip && !_ctx.readonly ? (openBlock(), createBlock(_component_el_tooltip, {
         key: 1,
         class: "item",
@@ -3778,7 +3904,16 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
       style: normalizeStyle({ width: _ctx.labelWidth + "px" })
     }, [
       _ctx.item.data.required && !_ctx.readonly && _ctx.item.data.state !== "readonly" && !_ctx.search ? (openBlock(), createElementBlock("span", _hoisted_1$9, "*")) : createCommentVNode("", true),
-      createElementVNode("label", null, toDisplayString(_ctx.item.data.label) + toDisplayString(_ctx.suffix), 1),
+      createVNode(_component_el_tooltip, {
+        disabled: _ctx.item.data.label.length <= 6,
+        content: _ctx.item.data.label + _ctx.suffix,
+        placement: "top"
+      }, {
+        default: withCtx(() => [
+          createElementVNode("label", null, toDisplayString(_ctx.item.data.label) + toDisplayString(_ctx.suffix), 1)
+        ]),
+        _: 1
+      }, 8, ["disabled", "content"]),
       _ctx.item.data.tip && !_ctx.readonly && !_ctx.search ? (openBlock(), createBlock(_component_el_tooltip, {
         key: 1,
         class: "item",
@@ -3887,7 +4022,16 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
       style: normalizeStyle({ width: _ctx.labelWidth + "px" })
     }, [
       _ctx.item.data.required && !_ctx.readonly && _ctx.item.data.state !== "readonly" && !_ctx.search ? (openBlock(), createElementBlock("span", _hoisted_1$8, "*")) : createCommentVNode("", true),
-      createElementVNode("label", null, toDisplayString(_ctx.item.data.label) + toDisplayString(_ctx.suffix), 1),
+      createVNode(_component_el_tooltip, {
+        disabled: _ctx.item.data.label.length <= 6,
+        content: _ctx.item.data.label + _ctx.suffix,
+        placement: "top"
+      }, {
+        default: withCtx(() => [
+          createElementVNode("label", null, toDisplayString(_ctx.item.data.label) + toDisplayString(_ctx.suffix), 1)
+        ]),
+        _: 1
+      }, 8, ["disabled", "content"]),
       _ctx.item.data.tip && !_ctx.readonly && !_ctx.search ? (openBlock(), createBlock(_component_el_tooltip, {
         key: 1,
         class: "item",
@@ -5399,7 +5543,7 @@ Object.keys(files).forEach((fileName) => {
   }
 });
 const RichText = defineAsyncComponent({
-  loader: () => import('./index-7b8d5fcb.mjs'),
+  loader: () => import('./index-61317ebb.mjs'),
   loadingComponent: Loading
 });
 RichText.ControlType = "RichText";
@@ -5408,7 +5552,7 @@ RichText.icon = "icon-textEdit";
 RichText.formConfig = getFormConfig("RichText");
 utilFuns[RichText.ControlType] = RichText;
 const jsonEditor = defineAsyncComponent({
-  loader: () => import('./index-a466904a.mjs'),
+  loader: () => import('./index-058a680b.mjs'),
   loadingComponent: Loading
 });
 jsonEditor.ControlType = "JsonEditor";
@@ -5418,14 +5562,14 @@ jsonEditor.formConfig = getFormConfig("JsonEditor", [{ fieldName: "default", com
 jsonEditor.rule = _.getJsonValidate();
 utilFuns[jsonEditor.ControlType] = jsonEditor;
 const formAction = defineAsyncComponent({
-  loader: () => import('./formAction-23d69d7d.mjs'),
+  loader: () => import('./formAction-e36e51b3.mjs'),
   loadingComponent: Loading
 });
 formAction.ControlType = "FormAction";
 formAction.isHide = true;
 utilFuns[formAction.ControlType] = formAction;
 const Rule = defineAsyncComponent({
-  loader: () => import('./index-7f4d4892.mjs'),
+  loader: () => import('./index-20f0d53c.mjs'),
   loadingComponent: Loading
 });
 Rule.ControlType = "Rule";
@@ -5434,7 +5578,7 @@ utilFuns[Rule.ControlType] = Rule;
 const install = (app) => {
   app.config.globalProperties.$formcomponents = utilFuns;
 };
-const Dynamicform = defineAsyncComponent(() => import('./starfish-form-3e1eb033.mjs'));
+const Dynamicform = defineAsyncComponent(() => import('./starfish-form-72d9dfce.mjs'));
 const main = {
   install
 };

package/dist/{starfish-form-3e1eb033.mjs → starfish-form-72d9dfce.mjs}

@@ -3,7 +3,7 @@ import 'element-plus/es/components/base/style/css';
 import 'element-plus/es/components/form/style/css';
 import 'element-plus/es/components/form-item/style/css';
 import { defineComponent, getCurrentInstance, ref, onMounted, openBlock, createElementBlock, createVNode, mergeProps, withCtx, Fragment, renderList, createBlock, resolveDynamicComponent, createCommentVNode, toRaw } from 'vue';
-import { _ as _export_sfc } from './main-420fac7c.mjs';
+import { _ as _export_sfc } from './main-8ef56e86.mjs';
 import 'element-plus/es/components/icon/style/css';
 import 'element-plus/es/components/input/style/css';
 import 'element-plus/es/components/checkbox/style/css';

package/dist/starfish-form.mjs

@@ -1,4 +1,4 @@
-export { D as Dynamicform, m as default } from './main-420fac7c.mjs';
+export { D as Dynamicform, m as default } from './main-8ef56e86.mjs';
 import 'vue';
 import 'element-plus/es';
 import 'element-plus/es/components/base/style/css';

package/dist/style.css

@@ -424,15 +424,15 @@
   width: 100%;
   min-height: 60px;
   height: 100%;
-}.rich-text-editor[data-v-4f6b6c10] {
+}.rich-text-editor[data-v-34acb2a2] {
   min-height: 200px;
   position: relative;
   z-index: 1;
 }
-[data-v-4f6b6c10] .editor-content {
+[data-v-34acb2a2] .editor-content {
   min-height: 200px;
 }
-[data-v-4f6b6c10] .editor-content .ql-toolbar {
+[data-v-34acb2a2] .editor-content .ql-toolbar {
   z-index: 100;
   background: white;
   border: 1px solid #ccc;
@@ -440,7 +440,7 @@
   border-top-right-radius: 4px;
   position: relative;
 }
-[data-v-4f6b6c10] .editor-content .ql-container {
+[data-v-34acb2a2] .editor-content .ql-container {
   border: 1px solid #ccc;
   border-top: none;
   border-bottom-left-radius: 4px;
@@ -448,7 +448,7 @@
   min-height: 200px;
   z-index: 99;
 }
-[data-v-4f6b6c10] .shape .rich-text-editor {
+[data-v-34acb2a2] .shape .rich-text-editor {
   pointer-events: auto !important;
 }.cm-gutters.cm-gutters-before {
   background: #133F63;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "starfish-form-custom",
-  "version": "1.0.52",
+  "version": "1.0.54",
   "main": "dist/starfish-form.mjs",
   "style": "dist/style.css",
   "module": "dist/starfish-form.mjs",

package/src/common/KeyValueConfig.vue

@@ -34,10 +34,10 @@
             <el-icon :size="12" style="color: #fff"><SemiSelect /></el-icon>
           </div>
           <div class="top" @click="handleTop(index)">
-            <el-icon :size="12"><Top /></el-icon>
+            <el-icon :size="12" style="color: #fff"><Top /></el-icon>
           </div>
           <div class="bottom" @click="handleBottom(index)">
-            <el-icon :size="12"><Bottom /></el-icon>
+            <el-icon :size="12" style="color: #fff"><Bottom /></el-icon>
           </div>
         </div>
       </div>

package/src/common/KeyValueConfigMult.vue

@@ -34,10 +34,10 @@
             <el-icon :size="12" style="color: #fff"><SemiSelect /></el-icon>
           </div>
           <div class="top" @click="handleTop(index)">
-            <el-icon :size="12"><Top /></el-icon>
+            <el-icon :size="12" style="color: #fff"><Top /></el-icon>
           </div>
           <div class="bottom" @click="handleBottom(index)">
-            <el-icon :size="12"><Bottom /></el-icon>
+            <el-icon :size="12" style="color: #fff"><Bottom /></el-icon>
           </div>
         </div>
       </div>

package/src/components/CheckBox/index.vue

@@ -2,7 +2,9 @@
   <div class="starfish-formitem" :class="{ formCover: drag, 'starfish-vertical': labelalign != 'top', [item.data.csslist?.join(' ')]: !!item.data.csslist}">
     <div class="label" :class="'label_' + labelalign" :style="{width: labelWidth + 'px'}">
       <span v-if="item.data.required && !readonly && item.data.state !== 'readonly' && !search" class="item_require">*</span>
-      <label>{{ item.data.label }}{{suffix}}</label>
+      <el-tooltip :disabled="item.data.label.length <= 6" :content="item.data.label + suffix" placement="top">
+        <label>{{ item.data.label }}{{suffix}}</label>
+      </el-tooltip>
       <el-tooltip v-if="item.data.tip && !readonly && !search" class="item" effect="dark" :content="item.data.tip" placement="top">
         <span class="tip iconfontui icon-tishi"></span>
       </el-tooltip>