starfish-form-custom 1.0.46 → 1.0.48

package/dist/{formAction-b76664af.mjs → formAction-8f689053.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-d99755be.mjs';
+import { _ as _export_sfc } from './main-aab412b3.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-d1c1ba4b.mjs → index-3c21357b.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-d99755be.mjs';
+import { _ as _export_sfc, a as _, f as fieldProps, r as ruleList, b as ruleJsonData } from './main-aab412b3.mjs';
 import { Delete } from '@element-plus/icons-vue';
-import Dynamicform from './starfish-form-0baee1df.mjs';
+import Dynamicform from './starfish-form-a750924c.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-5ee7ae61.mjs

@@ -0,0 +1,240 @@
+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 { 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-aab412b3.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';
+import '@element-plus/icons-vue';
+import 'element-plus/es/components/loading/style/css';
+import 'element-plus/es/components/dropdown/style/css';
+import 'element-plus/es/components/dropdown-menu/style/css';
+import 'element-plus/es/components/dropdown-item/style/css';
+import 'element-plus/es/components/collapse/style/css';
+import 'element-plus/es/components/collapse-item/style/css';
+import 'element-plus/es/components/row/style/css';
+import 'element-plus/es/components/button/style/css';
+import 'element-plus/es/components/col/style/css';
+import 'element-plus/es/components/select/style/css';
+import 'element-plus/es/components/option/style/css';
+import 'element-plus/es/components/input-number/style/css';
+import 'element-plus/es/components/radio-group/style/css';
+import 'element-plus/es/components/radio-button/style/css';
+import 'element-plus/es/components/checkbox-group/style/css';
+import 'element-plus/es/components/color-picker/style/css';
+import 'element-plus/es/components/date-picker/style/css';
+import 'element-plus/es/components/radio/style/css';
+import 'element-plus/es/components/slider/style/css';
+import 'element-plus/es/components/switch/style/css';
+import 'element-plus/es/components/time-select/style/css';
+import 'element-plus/es/components/divider/style/css';
+import 'element-plus/es/components/alert/style/css';
+import 'element-plus/es/components/tabs/style/css';
+import 'element-plus/es/components/tab-pane/style/css';
+import 'element-plus/es/components/form-item/style/css';
+import 'element-plus';
+
+/* unplugin-vue-components disabled */const index_vue_vue_type_style_index_0_scoped_true_lang = '';
+
+const _sfc_main = defineComponent({
+  ControlType: "RichText",
+  nameCn: "\u5BCC\u6587\u672C",
+  icon: "icon-textEdit",
+  formConfig: getFormConfig("RichText", [
+    { fieldName: "state", component: "Radio" }
+  ]),
+  props: {
+    ...fieldProps
+  },
+  components: {
+    QuillEditor
+  },
+  setup(props) {
+    useWatch(props);
+    const quillEditorRef = ref();
+    const internalContent = ref(null);
+    const isEditorReady = ref(false);
+    const toolbarOptions = [
+      ["bold", "italic", "underline", "strike"],
+      ["blockquote", "code-block"],
+      ["link", "image", "formula"],
+      [{ header: 1 }, { header: 2 }],
+      [{ list: "ordered" }, { list: "bullet" }, { list: "check" }],
+      [{ script: "sub" }, { script: "super" }],
+      [{ indent: "-1" }, { indent: "+1" }],
+      [{ direction: "rtl" }],
+      [{ size: ["small", false, "large", "huge"] }],
+      [{ header: [1, 2, 3, 4, 5, 6, false] }],
+      [{ color: [] }, { background: [] }],
+      [{ font: [] }],
+      [{ align: [] }],
+      ["clean"]
+    ];
+    const isReadonly = computed(
+      () => props.readonly || props.item.data.state === "readonly"
+    );
+    const onEditorReady = () => {
+      isEditorReady.value = true;
+      initContentFromProps();
+    };
+    const initContentFromProps = () => {
+      if (!isEditorReady.value)
+        return;
+      const fieldName = props.item.data.fieldName;
+      const rawValue = props.data[fieldName];
+      const defaultValue = props.item.data.default || "";
+      if (rawValue === void 0 || rawValue === null || rawValue === "") {
+        internalContent.value = defaultValue;
+        return;
+      }
+      if (rawValue && typeof rawValue === "object" && Array.isArray(rawValue.ops)) {
+        internalContent.value = rawValue;
+        return;
+      }
+      if (typeof rawValue === "string") {
+        if (rawValue.trim().startsWith("{") || rawValue.trim().startsWith("[")) {
+          try {
+            const parsed = JSON.parse(rawValue);
+            if (parsed && Array.isArray(parsed.ops)) {
+              internalContent.value = parsed;
+            } else {
+              internalContent.value = rawValue;
+            }
+          } catch {
+            internalContent.value = rawValue;
+          }
+        } else {
+          internalContent.value = rawValue;
+        }
+        return;
+      }
+      internalContent.value = defaultValue;
+    };
+    const handleContentChange = (value) => {
+      internalContent.value = value;
+      if (!quillEditorRef.value)
+        return;
+      const quill = quillEditorRef.value.getQuill();
+      if (!quill)
+        return;
+      const fieldName = props.item.data.fieldName;
+      const htmlContent = quill.root.innerHTML;
+      props.data[fieldName] = htmlContent;
+    };
+    watch(
+      () => props.data[props.item.data.fieldName],
+      (newValue) => {
+        if (!isEditorReady.value)
+          return;
+        let newInternalValue = null;
+        if (newValue === void 0 || newValue === null || newValue === "") {
+          newInternalValue = props.item.data.default || "";
+        } else if (newValue && typeof newValue === "object" && Array.isArray(newValue.ops)) {
+          newInternalValue = newValue;
+        } else if (typeof newValue === "string") {
+          if (newValue.trim().startsWith("{") || newValue.trim().startsWith("[")) {
+            try {
+              const parsed = JSON.parse(newValue);
+              if (parsed && Array.isArray(parsed.ops)) {
+                newInternalValue = parsed;
+              } else {
+                newInternalValue = newValue;
+              }
+            } catch {
+              newInternalValue = newValue;
+            }
+          } else {
+            newInternalValue = newValue;
+          }
+        }
+        if (JSON.stringify(newInternalValue) !== JSON.stringify(internalContent.value)) {
+          internalContent.value = newInternalValue;
+        }
+      },
+      { immediate: true }
+    );
+    watch(isEditorReady, (ready) => {
+      if (ready) {
+        nextTick(() => {
+          initContentFromProps();
+        });
+      }
+    });
+    return {
+      content: internalContent,
+      quillEditorRef,
+      handleContentChange,
+      onEditorReady,
+      toolbarOptions,
+      isReadonly
+    };
+  }
+});
+const _hoisted_1 = ["data-control-type", "data-id"];
+const _hoisted_2 = {
+  key: 0,
+  class: "item_require"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_tooltip = ElTooltip;
+  const _component_QuillEditor = resolveComponent("QuillEditor");
+  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
+    }]),
+    "data-control-type": _ctx.item.ControlType,
+    "data-id": _ctx.item.id
+  }, [
+    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" ? (openBlock(), createElementBlock("span", _hoisted_2, "*")) : createCommentVNode("", true),
+      createElementVNode("label", null, toDisplayString(_ctx.item.data.label) + toDisplayString(_ctx.suffix), 1),
+      _ctx.item.data.tip && !_ctx.readonly ? (openBlock(), createBlock(_component_el_tooltip, {
+        key: 1,
+        class: "item",
+        effect: "dark",
+        content: _ctx.item.data.tip,
+        placement: "top"
+      }, {
+        default: withCtx(() => [..._cache[2] || (_cache[2] = [
+          createElementVNode("span", { class: "tip iconfontui icon-tishi" }, null, -1)
+        ])]),
+        _: 1
+      }, 8, ["content"])) : createCommentVNode("", true)
+    ], 6),
+    createElementVNode("div", {
+      class: "control",
+      style: normalizeStyle({ marginLeft: _ctx.labelalign != "top" ? _ctx.labelWidth + "px" : "" })
+    }, [
+      createElementVNode("div", {
+        class: "rich-text-editor",
+        onClick: _cache[1] || (_cache[1] = withModifiers(() => {
+        }, ["stop"]))
+      }, [
+        createVNode(_component_QuillEditor, {
+          ref: "quillEditorRef",
+          theme: "snow",
+          content: _ctx.internalContent,
+          "onUpdate:content": [
+            _cache[0] || (_cache[0] = ($event) => _ctx.internalContent = $event),
+            _ctx.handleContentChange
+          ],
+          onReady: _ctx.onEditorReady,
+          toolbar: _ctx.toolbarOptions,
+          "read-only": _ctx.isReadonly || _ctx.drag,
+          class: "editor-content"
+        }, null, 8, ["content", "onUpdate:content", "onReady", "toolbar", "read-only"])
+      ])
+    ], 4)
+  ], 10, _hoisted_1);
+}
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-77a8db1a"]]);
+
+export { index as default };

package/dist/{index-7fc8db96.mjs → index-ec5813e3.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-d99755be.mjs';
+import { _ as _export_sfc, a as _, g as getFormConfig, f as fieldProps, u as useWatch } from './main-aab412b3.mjs';
 import JSONEditor from 'jsoneditor';
 import 'element-plus/es/components/icon/style/css';
 import 'element-plus/es/components/input/style/css';