starfish-form-custom 1.0.44 → 1.0.45

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>