starfish-form-custom 1.0.44 → 1.0.45

package/dist/{index-e7b2d7c0.mjs → index-b3b75fee.mjs}

@@ -1,14 +1,10 @@
-import { _ as _export_sfc, g as getFormConfig, f as fieldProps, a as __unplugin_components_1 } from './main-c6aa3683.mjs';
 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, watch, onUnmounted, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, createCommentVNode, toDisplayString, createBlock, withCtx, createVNode, pushScopeId, popScopeId } from 'vue';
-import { EditorContent, useEditor } from '@tiptap/vue-3';
-import StarterKit from '@tiptap/starter-kit';
-import Code from '@tiptap/extension-code';
-import Blockquote from '@tiptap/extension-blockquote';
-import HorizontalRule from '@tiptap/extension-horizontal-rule';
-import CodeBlock from '@tiptap/extension-code-block';
+import { defineComponent, ref, computed, watch, 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-c9f94a75.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';
@@ -52,94 +48,40 @@ const _sfc_main = defineComponent({
     ...fieldProps
   },
   components: {
-    EditorContent,
-    MenuBar: __unplugin_components_1
+    QuillEditor
   },
   setup(props) {
-    const internalContent = ref(props.data[props.item.data.fieldName] || props.item.data.defaultValue || "");
-    const editor = useEditor({
-      content: internalContent.value,
-      extensions: [
-        StarterKit.configure({
-          codeBlock: {
-            HTMLAttributes: {
-              class: "code-block"
-            }
-          }
-        }),
-        Code.configure({
-          HTMLAttributes: {
-            class: "inline-code"
-          }
-        }),
-        CodeBlock.configure({
-          HTMLAttributes: {
-            class: "code-block"
-          }
-        }),
-        Blockquote.configure({
-          HTMLAttributes: {
-            class: "blockquote"
-          }
-        }),
-        HorizontalRule
-      ],
-      editable: !props.readonly,
-      editorProps: {
-        attributes: {
-          class: "prose focus:outline-none max-w-none",
-          style: "min-height: 200px; border: 1px solid #DCDFE6; padding: 8px 12px; background-color: #fff;"
-        }
-      },
-      // 3. 只在失焦时更新到表单数据
-      onBlur: ({ editor: editorInstance }) => {
-        const html = editorInstance.getHTML();
-        console.log("\u5BCC\u6587\u672C\u5931\u7126\uFF0C\u66F4\u65B0\u8868\u5355\u6570\u636E");
-        internalContent.value = html;
-        props.data[props.item.data.fieldName] = html;
-      }
-      // 4. 移除 onUpdate 回调，避免实时更新
-    });
-    watch(
-      () => props.data[props.item.data.fieldName],
-      (newValue) => {
-        if (!editor.value || editor.value.isDestroyed)
-          return;
-        if (newValue !== internalContent.value) {
-          console.log("\u5916\u90E8\u6570\u636E\u53D8\u5316\uFF0C\u66F4\u65B0\u7F16\u8F91\u5668");
-          internalContent.value = newValue || "";
-          editor.value.commands.setContent(newValue || "", false);
-        }
-      },
-      { immediate: true }
+    useWatch(props);
+    const quillEditorRef = ref();
+    const content = ref(props.data[props.item.data.fieldName] || props.item.data.default || "");
+    const isReadonly = computed(
+      () => props.readonly || props.item.data.state === "readonly"
     );
-    watch(() => props.readonly, (newVal) => {
-      if (editor.value) {
-        editor.value.setEditable(!newVal);
-      }
-    });
-    onUnmounted(() => {
-      if (editor.value) {
-        editor.value.destroy();
+    const handleContentChange = (value) => {
+      content.value = value;
+      props.data[props.item.data.fieldName] = value;
+    };
+    watch(() => props.data[props.item.data.fieldName], (newValue) => {
+      if (newValue !== content.value) {
+        content.value = newValue || "";
       }
     });
     return {
-      editor
+      content,
+      quillEditorRef,
+      handleContentChange,
+      isReadonly
     };
   }
 });
-const _withScopeId = (n) => (pushScopeId("data-v-715a995e"), n = n(), popScopeId(), n);
 const _hoisted_1 = ["data-control-type", "data-id"];
 const _hoisted_2 = {
   key: 0,
   class: "item_require"
 };
-const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { class: "tip iconfontui icon-tishi" }, null, -1));
-const _hoisted_4 = { class: "rich-text-editor" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tooltip = ElTooltip;
-  const _component_MenuBar = __unplugin_components_1;
-  const _component_EditorContent = resolveComponent("EditorContent");
+  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,
@@ -158,9 +100,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         content: _ctx.item.data.tip,
         placement: "top"
       }, {
-        default: withCtx(() => [
-          _hoisted_3
-        ]),
+        default: withCtx(() => [..._cache[1] || (_cache[1] = [
+          createElementVNode("span", { class: "tip iconfontui icon-tishi" }, null, -1)
+        ])]),
         _: 1
       }, 8, ["content"])) : createCommentVNode("", true)
     ], 6),
@@ -168,19 +110,24 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       class: "control",
       style: normalizeStyle({ marginLeft: _ctx.labelalign != "top" ? _ctx.labelWidth + "px" : "" })
     }, [
-      createElementVNode("div", _hoisted_4, [
-        _ctx.editor && !_ctx.readonly ? (openBlock(), createBlock(_component_MenuBar, {
-          key: 0,
-          editor: _ctx.editor
-        }, null, 8, ["editor"])) : createCommentVNode("", true),
-        createVNode(_component_EditorContent, {
-          editor: _ctx.editor,
+      createElementVNode("div", {
+        class: "rich-text-editor",
+        onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+        }, ["stop"]))
+      }, [
+        createVNode(_component_QuillEditor, {
+          ref: "quillEditorRef",
+          theme: "snow",
+          content: _ctx.content,
+          "onUpdate:content": _ctx.handleContentChange,
+          toolbar: "full",
+          "read-only": _ctx.isReadonly,
           class: "editor-content"
-        }, null, 8, ["editor"])
+        }, null, 8, ["content", "onUpdate:content", "read-only"])
       ])
     ], 4)
   ], 10, _hoisted_1);
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-715a995e"]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-44f321dd"]]);
 
 export { index as default };

package/dist/{index-e8b18d70.mjs → index-d029d3de.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, b as _, g as getFormConfig, f as fieldProps, u as useWatch } from './main-c6aa3683.mjs';
+import { _ as _export_sfc, a as _, g as getFormConfig, f as fieldProps, u as useWatch } from './main-c9f94a75.mjs';
 import JSONEditor from 'jsoneditor';
 import 'element-plus/es/components/icon/style/css';
 import 'element-plus/es/components/input/style/css';
@@ -130,21 +130,14 @@ const _hoisted_1 = {
   key: 0,
   class: "item_require"
 };
-const _hoisted_2 = /* @__PURE__ */ createElementVNode("span", { class: "tip iconfontui icon-tishi" }, null, -1);
-const _hoisted_3 = {
+const _hoisted_2 = {
   id: "jsoneditor",
   ref: "jsoneditor"
 };
-const _hoisted_4 = /* @__PURE__ */ createElementVNode("i", { class: "iconfontui icon-quanping" }, null, -1);
-const _hoisted_5 = [
-  _hoisted_4
-];
-const _hoisted_6 = {
+const _hoisted_3 = {
   ref: "JsonViewerDialogDom",
   style: { "height": "calc(100% - 24px)" }
 };
-const _hoisted_7 = /* @__PURE__ */ createTextVNode("\u4FDD\u5B58");
-const _hoisted_8 = /* @__PURE__ */ createTextVNode("\u5173\u95ED");
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tooltip = ElTooltip;
   const _component_el_main = ElMain;
@@ -172,9 +165,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         content: _ctx.item.data.tip,
         placement: "top"
       }, {
-        default: withCtx(() => [
-          _hoisted_2
-        ]),
+        default: withCtx(() => [..._cache[1] || (_cache[1] = [
+          createElementVNode("span", { class: "tip iconfontui icon-tishi" }, null, -1)
+        ])]),
         _: 1
       }, 8, ["content"])) : createCommentVNode("", true)
     ], 6),
@@ -182,11 +175,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       class: "control",
       style: normalizeStyle({ marginLeft: _ctx.labelalign != "top" ? _ctx.labelWidth + "px" : "" })
     }, [
-      createElementVNode("div", _hoisted_3, [
+      createElementVNode("div", _hoisted_2, [
         createElementVNode("div", {
           class: "fullScreen",
           onClick: _cache[0] || (_cache[0] = (...args) => _ctx.showCustomDialog && _ctx.showCustomDialog(...args))
-        }, _hoisted_5)
+        }, [..._cache[2] || (_cache[2] = [
+          createElementVNode("i", { class: "iconfontui icon-quanping" }, null, -1)
+        ])])
       ], 512)
     ], 4),
     createVNode(_component_CustomDialog, {
@@ -200,7 +195,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               default: withCtx(() => [
                 createVNode(_component_el_main, { class: "my-pageMain" }, {
                   default: withCtx(() => [
-                    createElementVNode("div", _hoisted_6, null, 512)
+                    createElementVNode("div", _hoisted_3, null, 512)
                   ]),
                   _: 1
                 }),
@@ -213,15 +208,15 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                       type: "primary",
                       onClick: _ctx.saveJson
                     }, {
-                      default: withCtx(() => [
-                        _hoisted_7
-                      ]),
+                      default: withCtx(() => [..._cache[3] || (_cache[3] = [
+                        createTextVNode("\u4FDD\u5B58", -1)
+                      ])]),
                       _: 1
                     }, 8, ["onClick"]),
                     createVNode(_component_el_button, { onClick: _ctx.closeDialog }, {
-                      default: withCtx(() => [
-                        _hoisted_8
-                      ]),
+                      default: withCtx(() => [..._cache[4] || (_cache[4] = [
+                        createTextVNode("\u5173\u95ED", -1)
+                      ])]),
                       _: 1
                     }, 8, ["onClick"])
                   ]),