starfish-form-custom 1.0.32 → 1.0.33

package/components.d.ts

@@ -48,6 +48,8 @@ declare module 'vue' {
     ElTooltip: typeof import('element-plus/es')['ElTooltip']
     InputNumber: typeof import('./src/components/InputNumber/index.vue')['default']
     JsonEditor: typeof import('./src/components/JsonEditor/index.vue')['default']
+    MenuBar: typeof import('./src/components/RichText/MenuBar.vue')['default']
+    MenuItem: typeof import('./src/components/RichText/MenuItem.vue')['default']
     Radio: typeof import('./src/components/Radio/index.vue')['default']
     RichText: typeof import('./src/components/RichText/index.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']

package/dist/{formAction-b8438d67.mjs → formAction-cfa5fd87.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, createVNode, Fragment, renderList, withModifiers, createTextVNode } from 'vue';
 import { Codemirror } from 'vue-codemirror';
-import { _ as _export_sfc } from './main-a797684b.mjs';
+import { _ as _export_sfc } from './main-8dad66de.mjs';
 import 'element-plus/es/components/icon/style/css';
 import 'element-plus/es/components/checkbox/style/css';
 import '@element-plus/icons-vue';
@@ -32,6 +32,7 @@ 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 'remixicon/fonts/remixicon.symbol.svg';
 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';

package/dist/{index-79d4fa2d.mjs → index-89d6b690.mjs}

@@ -1,9 +1,13 @@
+import { _ as _export_sfc, g as getFormConfig, f as fieldProps, a as __unplugin_components_1, u as useWatch } from './main-8dad66de.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, onMounted, onUnmounted, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, createCommentVNode, toDisplayString, createBlock, withCtx } from 'vue';
-import E from 'wangeditor';
-import { _ as _export_sfc, g as getFormConfig, f as fieldProps, u as useWatch } from './main-a797684b.mjs';
+import { defineComponent, 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 'element-plus/es/components/icon/style/css';
 import 'element-plus/es/components/input/style/css';
 import 'element-plus/es/components/checkbox/style/css';
@@ -26,6 +30,7 @@ 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 'remixicon/fonts/remixicon.symbol.svg';
 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';
@@ -36,60 +41,77 @@ 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: {
+    EditorContent,
+    MenuBar: __unplugin_components_1
+  },
   setup(props) {
-    const richText = ref();
-    let editor = null;
+    const editor = useEditor({
+      content: props.data[props.item.data.fieldName] || props.item.data.defaultValue || "",
+      extensions: [
+        StarterKit,
+        Code,
+        Blockquote,
+        HorizontalRule
+      ],
+      editable: !props.readonly,
+      editorProps: {
+        attributes: {
+          class: "prose focus:outline-none max-w-none",
+          style: "min-height: 200px; border: 1px solid #DCDFE6; border-radius: 4px; padding: 8px 12px;"
+        }
+      },
+      onUpdate: ({ editor: editor2 }) => {
+        const html = editor2.getHTML();
+        props.data[props.item.data.fieldName] = html;
+      },
+      onBlur: ({ editor: editor2 }) => {
+        const html = editor2.getHTML();
+        props.data[props.item.data.fieldName] = html;
+      }
+    });
     useWatch(props);
-    onMounted(() => {
-      if (props.drag) {
-        editor = new E(richText.value);
-        editor.config.focus = false;
-        editor.create();
-      } else {
-        editor = new E(richText.value);
-        editor.config.focus = false;
-        editor.create();
-        const data = props.data;
-        const item = props.item;
-        editor.config.onchange = function(newHtml) {
-          console.log("onblur", newHtml);
-          data[item.data.fieldName] = newHtml;
-        };
+    watch(() => props.item.data.defaultValue, (newVal) => {
+      if (editor.value && newVal) {
+        editor.value.commands.setContent(newVal, false);
+      }
+    });
+    watch(() => props.readonly, (newVal) => {
+      if (editor.value) {
+        editor.value.setEditable(!newVal);
       }
     });
     onUnmounted(() => {
-      editor.destroy();
-      editor = null;
+      if (editor.value) {
+        editor.value.destroy();
+      }
     });
     return {
-      richText
+      editor
     };
   }
 });
+const _withScopeId = (n) => (pushScopeId("data-v-5e5c12c4"), n = n(), popScopeId(), n);
 const _hoisted_1 = {
   key: 0,
   class: "item_require"
 };
-const _hoisted_2 = /* @__PURE__ */ createElementVNode("span", { class: "tip iconfontui icon-tishi" }, null, -1);
-const _hoisted_3 = {
-  key: 0,
-  ref: "richText"
-};
-const _hoisted_4 = {
-  key: 1,
-  ref: "richText"
-};
+const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { class: "tip iconfontui icon-tishi" }, null, -1));
+const _hoisted_3 = { 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_editor_content = resolveComponent("editor-content");
   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 }])
   }, [
@@ -116,11 +138,19 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       class: "control",
       style: normalizeStyle({ marginLeft: _ctx.labelalign != "top" ? _ctx.labelWidth + "px" : "" })
     }, [
-      _ctx.drag ? (openBlock(), createElementBlock("div", _hoisted_3, null, 512)) : createCommentVNode("", true),
-      !_ctx.drag ? (openBlock(), createElementBlock("div", _hoisted_4, null, 512)) : createCommentVNode("", true)
+      createElementVNode("div", _hoisted_3, [
+        _ctx.editor && !_ctx.readonly ? (openBlock(), createBlock(_component_MenuBar, {
+          key: 0,
+          editor: _ctx.editor
+        }, null, 8, ["editor"])) : createCommentVNode("", true),
+        createVNode(_component_editor_content, {
+          editor: _ctx.editor,
+          class: "editor-content"
+        }, null, 8, ["editor"])
+      ])
     ], 4)
   ], 2);
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-5e5c12c4"]]);
 
 export { index as default };

package/dist/{index-99d5ce16.mjs → index-b6de786a.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, Fragment, renderList, createTextVNode } from 'vue';
-import { _ as _export_sfc, a as _, f as fieldProps, r as ruleList, b as ruleJsonData } from './main-a797684b.mjs';
+import { _ as _export_sfc, b as _, f as fieldProps, r as ruleList, c as ruleJsonData } from './main-8dad66de.mjs';
 import { Delete } from '@element-plus/icons-vue';
-import Dynamicform from './starfish-form-627ee711.mjs';
+import Dynamicform from './starfish-form-4c2ab774.mjs';
 import { Codemirror } from 'vue-codemirror';
 import 'element-plus/es/components/input/style/css';
 import 'element-plus/es/components/checkbox/style/css';
@@ -31,6 +31,7 @@ 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 'remixicon/fonts/remixicon.symbol.svg';
 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';

package/dist/{index-d956c92a.mjs → index-cdc52674.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-a797684b.mjs';
+import { _ as _export_sfc, b as _, g as getFormConfig, f as fieldProps, u as useWatch } from './main-8dad66de.mjs';
 import JSONEditor from 'jsoneditor';
 import 'element-plus/es/components/icon/style/css';
 import 'element-plus/es/components/input/style/css';
@@ -29,6 +29,7 @@ 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 'remixicon/fonts/remixicon.symbol.svg';
 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';