starfish-form-custom 1.0.43 → 1.0.45

package/dist/index-54d339ab.mjs

@@ -1,214 +0,0 @@
-import { _ as _export_sfc, g as getFormConfig, f as fieldProps, a as __unplugin_components_1 } from './main-08a90f8a.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, onMounted, nextTick, onUnmounted, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, createCommentVNode, toDisplayString, createBlock, withCtx, pushScopeId, popScopeId } from 'vue';
-import { Editor } 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 '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: {
-    MenuBar: __unplugin_components_1
-  },
-  setup(props) {
-    const editorRef = ref(null);
-    const editorContainer = ref(null);
-    let isUpdatingFromExternal = false;
-    const initEditor = () => {
-      if (editorRef.value) {
-        editorRef.value.destroy();
-      }
-      const initialContent = props.data[props.item.data.fieldName] || props.item.data.defaultValue || "";
-      editorRef.value = new Editor({
-        element: editorContainer.value,
-        content: initialContent,
-        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;"
-          }
-        },
-        onUpdate: ({ editor }) => {
-          if (isUpdatingFromExternal)
-            return;
-          const html = editor.getHTML();
-          console.log("\u5BCC\u6587\u672C\u5185\u5BB9\u66F4\u65B0:", html.substring(0, 50) + "...");
-          props.data[props.item.data.fieldName] = html;
-        },
-        onBlur: ({ editor }) => {
-          const html = editor.getHTML();
-          props.data[props.item.data.fieldName] = html;
-        }
-      });
-    };
-    watch(
-      () => props.data[props.item.data.fieldName],
-      (newValue) => {
-        if (!editorRef.value || editorRef.value.isDestroyed)
-          return;
-        const currentHtml = editorRef.value.getHTML();
-        if (currentHtml !== newValue) {
-          console.log("\u5916\u90E8\u6570\u636E\u53D8\u5316\uFF0C\u66F4\u65B0\u7F16\u8F91\u5668");
-          isUpdatingFromExternal = true;
-          try {
-            editorRef.value.commands.setContent(newValue || "", false);
-          } catch (error) {
-            console.error("\u66F4\u65B0\u7F16\u8F91\u5668\u5185\u5BB9\u5931\u8D25:", error);
-          } finally {
-            setTimeout(() => {
-              isUpdatingFromExternal = false;
-            }, 10);
-          }
-        }
-      },
-      { immediate: true }
-    );
-    watch(() => props.readonly, (newVal) => {
-      if (editorRef.value && !editorRef.value.isDestroyed) {
-        editorRef.value.setEditable(!newVal);
-      }
-    });
-    onMounted(() => {
-      nextTick(() => {
-        initEditor();
-      });
-    });
-    onUnmounted(() => {
-      console.log("\u5BCC\u6587\u672C\u9500\u6BC1");
-      if (editorRef.value) {
-        editorRef.value.destroy();
-        editorRef.value = null;
-      }
-    });
-    return {
-      editor: editorRef,
-      editorContainer
-    };
-  }
-});
-const _withScopeId = (n) => (pushScopeId("data-v-09f76164"), 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" };
-const _hoisted_5 = {
-  ref: "editorContainer",
-  class: "editor-content"
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_tooltip = ElTooltip;
-  const _component_MenuBar = __unplugin_components_1;
-  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 ? (openBlock(), createBlock(_component_el_tooltip, {
-        key: 1,
-        class: "item",
-        effect: "dark",
-        content: _ctx.item.data.tip,
-        placement: "top"
-      }, {
-        default: withCtx(() => [
-          _hoisted_3
-        ]),
-        _: 1
-      }, 8, ["content"])) : createCommentVNode("", true)
-    ], 6),
-    createElementVNode("div", {
-      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),
-        createElementVNode("div", _hoisted_5, null, 512)
-      ])
-    ], 4)
-  ], 10, _hoisted_1);
-}
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-09f76164"]]);
-
-export { index as default };

package/dist/types/form/src/common/formAction.vue.d.ts

@@ -1,85 +0,0 @@
-import type { Ref } from '@vue/reactivity';
-import type { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from '@vue/runtime-core';
-declare const _sfc_main: DefineComponent<{
-    item: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
-    data: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
-    drag: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    labelalign: {
-        type: StringConstructor;
-        default: string;
-    };
-    labelWidth: {
-        type: NumberConstructor;
-    };
-    size: {
-        type: StringConstructor;
-    };
-    isForm: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, {
-    rules: {
-        funcName: {
-            required: boolean;
-            message: string;
-            trigger: string;
-        }[];
-    };
-    actionRef: Ref<any>;
-    action: any;
-    currentAction: any;
-    getField(methods: string): any;
-    onAction(type?: string | undefined): void;
-    onEditAction(key: any, type: string): void;
-    handleAction(item: any): void;
-    onSave(): void;
-    onCancel(): void;
-    copyAction(item: any): void;
-    deleteAction(item: any): void;
-    addAction(type?: string | undefined): void;
-    onConfirm(): void;
-}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
-    item: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
-    data: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
-    drag: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    labelalign: {
-        type: StringConstructor;
-        default: string;
-    };
-    labelWidth: {
-        type: NumberConstructor;
-    };
-    size: {
-        type: StringConstructor;
-    };
-    isForm: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>>, {
-    data: Record<string, any>;
-    drag: boolean;
-    item: Record<string, any>;
-    labelalign: string;
-    isForm: boolean;
-}>;
-export default _sfc_main;

package/dist/types/form/src/components/RichText/MenuBar.vue.d.ts

@@ -1,34 +0,0 @@
-import type { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from '@vue/runtime-core';
-import { PropType } from 'vue';
-declare const _sfc_main: DefineComponent<{
-    editor: {
-        type: PropType<any>;
-        required: true;
-    };
-}, {
-    items: ({
-        icon: string;
-        title: string;
-        action: () => any;
-        isActive: () => any;
-        type?: undefined;
-    } | {
-        type: string;
-        icon?: undefined;
-        title?: undefined;
-        action?: undefined;
-        isActive?: undefined;
-    } | {
-        icon: string;
-        title: string;
-        action: () => any;
-        isActive?: undefined;
-        type?: undefined;
-    })[];
-}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
-    editor: {
-        type: PropType<any>;
-        required: true;
-    };
-}>>, {}>;
-export default _sfc_main;

package/dist/types/form/src/components/RichText/MenuItem.vue.d.ts

@@ -1,42 +0,0 @@
-import type { ComputedRef } from '@vue/reactivity';
-import type { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from '@vue/runtime-core';
-declare const _sfc_main: DefineComponent<{
-    icon: {
-        type: StringConstructor;
-        required: true;
-    };
-    title: {
-        type: StringConstructor;
-        required: true;
-    };
-    action: {
-        type: FunctionConstructor;
-        required: true;
-    };
-    isActive: {
-        type: FunctionConstructor;
-        default: null;
-    };
-}, {
-    chineseTitle: ComputedRef<string>;
-}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
-    icon: {
-        type: StringConstructor;
-        required: true;
-    };
-    title: {
-        type: StringConstructor;
-        required: true;
-    };
-    action: {
-        type: FunctionConstructor;
-        required: true;
-    };
-    isActive: {
-        type: FunctionConstructor;
-        default: null;
-    };
-}>>, {
-    isActive: Function;
-}>;
-export default _sfc_main;

package/src/components/RichText/MenuBar.vue

@@ -1,144 +0,0 @@
-<template>
-  <div class="editor__header">
-    <template v-for="(item, index) in items" :key="index">
-      <div v-if="item.type === 'divider'" class="divider" />
-      <MenuItem v-else :icon="item.icon" :title="item.title" :action="item.action" :is-active="item.isActive" />
-    </template>
-  </div>
-</template>
-
-<script lang="ts">
-import { defineComponent, PropType } from 'vue'
-import MenuItem from './MenuItem.vue'
-
-export default defineComponent({
-  name: 'MenuBar',
-  components: {
-    MenuItem
-  },
-  props: {
-    editor: {
-      type: Object as PropType<any>,
-      required: true
-    }
-  },
-  setup(props) {
-    const items = [
-      {
-        icon: 'bold',
-        title: 'Bold',
-        action: () => props.editor.chain().focus().toggleBold().run(),
-        isActive: () => props.editor.isActive('bold'),
-      },
-      {
-        icon: 'italic',
-        title: 'Italic',
-        action: () => props.editor.chain().focus().toggleItalic().run(),
-        isActive: () => props.editor.isActive('italic'),
-      },
-      {
-        icon: 'strikethrough',
-        title: 'Strike',
-        action: () => props.editor.chain().focus().toggleStrike().run(),
-        isActive: () => props.editor.isActive('strike'),
-      },
-      {
-        icon: 'code-view',
-        title: 'Code',
-        action: () => props.editor.chain().focus().toggleCode().run(),
-        isActive: () => props.editor.isActive('code'),
-      },
-      {
-        type: 'divider',
-      },
-      {
-        icon: 'h-1',
-        title: 'Heading 1',
-        action: () => props.editor.chain().focus().toggleHeading({ level: 1 }).run(),
-        isActive: () => props.editor.isActive('heading', { level: 1 }),
-      },
-      {
-        icon: 'h-2',
-        title: 'Heading 2',
-        action: () => props.editor.chain().focus().toggleHeading({ level: 2 }).run(),
-        isActive: () => props.editor.isActive('heading', { level: 2 }),
-      },
-      {
-        icon: 'paragraph',
-        title: 'Paragraph',
-        action: () => props.editor.chain().focus().setParagraph().run(),
-        isActive: () => props.editor.isActive('paragraph'),
-      },
-      {
-        icon: 'list-unordered',
-        title: 'Bullet list',
-        action: () => props.editor.chain().focus().toggleBulletList().run(),
-        isActive: () => props.editor.isActive('bulletList'),
-      },
-      {
-        icon: 'list-ordered',
-        title: 'Ordered list',
-        action: () => props.editor.chain().focus().toggleOrderedList().run(),
-        isActive: () => props.editor.isActive('orderedList'),
-      },
-      {
-        icon: 'code-box-line',
-        title: 'Code block',
-        action: () => props.editor.chain().focus().toggleCodeBlock().run(),
-        isActive: () => props.editor.isActive('codeBlock'),
-      },
-      {
-        type: 'divider',
-      },
-      {
-        icon: 'double-quotes-l',
-        title: 'Blockquote',
-        action: () => props.editor.chain().focus().toggleBlockquote().run(),
-        isActive: () => props.editor.isActive('blockquote'),
-      },
-      {
-        icon: 'separator',
-        title: 'Horizontal rule',
-        action: () => props.editor.chain().focus().setHorizontalRule().run(),
-      },
-      {
-        type: 'divider',
-      },
-      {
-        icon: 'arrow-go-back-line',
-        title: 'Undo',
-        action: () => props.editor.chain().focus().undo().run(),
-      },
-      {
-        icon: 'arrow-go-forward-line',
-        title: 'Redo',
-        action: () => props.editor.chain().focus().redo().run(),
-      },
-    ]
-
-    return {
-      items
-    }
-  }
-})
-</script>
-
-<style scoped>
-.editor__header {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  padding: 8px 12px;
-  border: 1px solid #DCDFE6;
-  border-bottom: none;
-  background-color: #f8f9fa;
-  flex-wrap: wrap;
-}
-
-.divider {
-  width: 1px;
-  height: 20px;
-  background-color: #DCDFE6;
-  margin: 0 4px;
-}
-</style>

package/src/components/RichText/MenuItem.vue

@@ -1,98 +0,0 @@
-<template>
-  <el-tooltip 
-    effect="dark" 
-    :content="chineseTitle" 
-    placement="top"
-  >
-    <button 
-      class="menu-item" 
-      :class="{ 'is-active': isActive && isActive() }" 
-      @click.stop="action"
-    >
-      <i :class="`ri-${icon}`" class="menu-icon"></i>
-    </button>
-  </el-tooltip>
-</template>
-
-<script lang="ts">
-import { defineComponent, computed } from 'vue'
-
-export default defineComponent({
-  name: 'MenuItem',
-  props: {
-    icon: {
-      type: String,
-      required: true
-    },
-    title: {
-      type: String,
-      required: true
-    },
-    action: {
-      type: Function,
-      required: true
-    },
-    isActive: {
-      type: Function,
-      default: null
-    }
-  },
-  setup(props) {
-    const titleMap: Record<string, string> = {
-      'Bold': '粗体',
-      'Italic': '斜体',
-      'Strike': '删除线',
-      'Code': '行内代码',
-      'Heading 1': '标题 1',
-      'Heading 2': '标题 2',
-      'Paragraph': '段落',
-      'Bullet list': '无序列表',
-      'Ordered list': '有序列表',
-      'Code block': '代码块',
-      'Blockquote': '引用块',
-      'Horizontal rule': '水平分割线',
-      'Undo': '撤销',
-      'Redo': '重做'
-    }
-
-    const chineseTitle = computed(() => {
-      return titleMap[props.title] || props.title
-    })
-
-    return {
-      chineseTitle
-    }
-  }
-})
-</script>
-
-<style scoped>
-.menu-item {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 32px;
-  height: 32px;
-  background: white;
-  border: 1px solid #ddd;
-  border-radius: 4px;
-  cursor: pointer;
-  transition: all 0.2s ease;
-  font-style: normal;
-}
-
-.menu-item:hover {
-  background-color: #f0f0f0;
-  border-color: #999;
-}
-
-.menu-item.is-active {
-  background-color: #e0e0e0;
-  border-color: #666;
-}
-
-.menu-icon {
-  font-size: 16px;
-  color: #333;
-}
-</style>