@zyui/components 0.0.11 → 0.0.12

package/lib/src/components/NodesEditor/Formula/FunctionSelect/index.vue.d.ts

@@ -0,0 +1,29 @@
+type FunctionItem = {
+    label: string;
+    value: string;
+};
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<any>;
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+    functionList: {
+        type: ArrayConstructor;
+        default: () => FunctionItem[];
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<any>;
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+    functionList: {
+        type: ArrayConstructor;
+        default: () => FunctionItem[];
+    };
+}>> & Readonly<{}>, {
+    id: string;
+    functionList: unknown[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/lib/src/components/NodesEditor/Formula/const.d.ts

@@ -0,0 +1 @@
+export declare const colors: string[];

package/lib/src/components/NodesEditor/Formula/helper.d.ts

@@ -0,0 +1,17 @@
+interface Token {
+    type: 'startOperator' | 'function' | 'number' | 'string' | 'operator' | 'cell' | 'range' | 'paren' | 'separator' | 'plain';
+    value: string;
+    cellValue?: any[];
+    color?: string;
+}
+export declare function tokenize(formula: string): Token[];
+export declare const parseFormula: (formula: string) => any;
+export declare const evaluateFormula: (formula: string, getCellValue: (cell: string) => number) => any;
+/**
+ * 校验公式正确错误
+ * @param formula
+ * @returns
+ */
+export declare const verifyFormula: (formula: string) => boolean;
+export declare function parseFormulaWithMap(formula: string, tokenMap: Token[]): Token[];
+export {};

package/lib/src/components/NodesEditor/Formula/hooks/useFocus.d.ts

@@ -0,0 +1,12 @@
+import { Ref } from 'vue';
+
+/**
+ * 获取元素聚焦状态是否聚焦
+ * @param params
+ * @returns
+ */
+export declare function useFocus(params: {
+    element: Ref<HTMLElement | null>;
+    onFocus?: () => void;
+    onBlur?: () => void;
+}): Ref<boolean, boolean>;

package/lib/src/components/NodesEditor/Formula/hooks/useFocusPosition.d.ts

@@ -0,0 +1,14 @@
+import { Ref } from 'vue';
+
+type UseFocusPositionType = {
+    element: Ref<HTMLElement | null>;
+};
+/**
+ * 获取当前聚焦元素的聚焦位置
+ * @param params
+ * @returns
+ */
+export declare const useFocusPosition: (params: UseFocusPositionType) => {
+    startOffset: Ref<number, number>;
+};
+export {};

package/lib/src/components/NodesEditor/Formula/hooks/useFocusStyle.d.ts

@@ -0,0 +1,12 @@
+import { Ref, ComputedRef } from 'vue';
+
+/**
+ * 设置聚焦元素cell的样式
+ * @param params
+ * @returns
+ */
+export declare function useFocusStyle(params: {
+    element: Ref<HTMLElement | null>;
+    showStr: ComputedRef<any[]>;
+    editorId?: string;
+}): Ref<boolean, boolean>;

package/lib/src/components/NodesEditor/Formula/hooks/useFocusTextNode.d.ts

@@ -0,0 +1,14 @@
+import { ComputedRef, Ref } from 'vue';
+
+type UseFocusTextNodeParams = {
+    element: Ref<HTMLElement | null>;
+    startOffset: Ref<number>;
+    value: Ref<string>;
+    showStr: ComputedRef<any[]>;
+    editorId?: string;
+};
+export declare const useFocusTextNode: (params: UseFocusTextNodeParams) => {
+    currentItemIndex: Ref<number, number>;
+    currentItem: ComputedRef<any>;
+};
+export {};

package/lib/src/components/NodesEditor/Formula/hooks/useFormulaEvents.d.ts

@@ -0,0 +1,11 @@
+import { Ref } from 'vue';
+
+/**
+ * 同步公式value和内部div的值
+ * @param formulaRef
+ * @param valueModel
+ * @returns
+ */
+export declare function useFormulaEvents(formulaRef: Ref<HTMLElement | null>, valueModel: Ref<string>, startOffset: Ref<number>): {
+    getFormulaContent: () => string;
+};

package/lib/src/components/NodesEditor/Formula/hooks/useSelectFunction.d.ts

@@ -0,0 +1,12 @@
+import { ComputedRef, Ref } from 'vue';
+
+type UseSelectFunctionParams = {
+    element: Ref<HTMLElement | null>;
+    startOffset: Ref<number>;
+    value: Ref<string>;
+    showStr: ComputedRef<any[]>;
+    currentItemIndex: Ref<number>;
+    currentItem: ComputedRef<any>;
+};
+export declare const useSelectFunction: (params: UseSelectFunctionParams) => void;
+export {};

package/lib/src/components/NodesEditor/Formula/hooks/useSelectNode.d.ts

@@ -0,0 +1,13 @@
+import { ComputedRef, Ref } from 'vue';
+
+type UseSelectNodeParams = {
+    element: Ref<HTMLElement | null>;
+    startOffset: Ref<number>;
+    value: Ref<string>;
+    showStr: ComputedRef<any[]>;
+    editorId?: string;
+    currentItemIndex: Ref<number>;
+    currentItem: ComputedRef<any>;
+};
+export declare const useSelectNode: (params: UseSelectNodeParams) => void;
+export {};

package/lib/src/components/NodesEditor/Formula/index.vue.d.ts

@@ -0,0 +1,25 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<any>;
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+    editorId: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<any>;
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+    editorId: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    id: string;
+    editorId: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/lib/src/components/NodesEditor/NodeItemDefaultRender/index.vue.d.ts

@@ -0,0 +1,15 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    node: any;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    node: any;
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/lib/src/components/NodesEditor/NodeItemRender/index.vue.d.ts

@@ -0,0 +1,28 @@
+import { NodeItem } from '../type';
+
+declare function __VLS_template(): {
+    nodeItem?(_: {
+        node: NodeItem;
+    }): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    node: NodeItem;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    node: NodeItem;
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/src/components/NodesEditor/NodeSelect/hooks/useSelect.d.ts

@@ -0,0 +1,12 @@
+import { Ref } from 'vue';
+import { SelectNodesMode } from '../../type';
+
+type Params = {
+    nodes: Ref<any[]>;
+    mode: SelectNodesMode;
+};
+export declare function useSelect(params: Params): {
+    isSelecting: Ref<boolean, boolean>;
+    selectNodes: () => false | undefined;
+};
+export {};

package/lib/src/components/NodesEditor/NodeSelect/index.vue.d.ts

@@ -0,0 +1,52 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<any[]>;
+    /**
+     * 模式
+     * single: 单选
+     * multiple: 多选
+     * line: 行
+     */
+    mode: {
+        type: StringConstructor;
+        default: string;
+    };
+    color: {
+        type: StringConstructor;
+    };
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+    editorId: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<any[]>;
+    /**
+     * 模式
+     * single: 单选
+     * multiple: 多选
+     * line: 行
+     */
+    mode: {
+        type: StringConstructor;
+        default: string;
+    };
+    color: {
+        type: StringConstructor;
+    };
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+    editorId: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    id: string;
+    mode: string;
+    editorId: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/lib/src/components/NodesEditor/NodesEditUI.vue.d.ts

@@ -1,6 +1,11 @@
 import { RenderType } from './type';
 
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare function __VLS_template(): {
+    nodeItem?(_: {
+        node: import('./type').NodeItem;
+    }): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     pagesize: {
         type: StringConstructor;
         default: string;
@@ -27,7 +32,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: string;
     };
 }>> & Readonly<{}>, {
-    pagesize: string;
     renderType: RenderType;
+    pagesize: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/src/components/NodesEditor/NodesEnterUI.vue.d.ts

@@ -395,7 +395,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: string;
     };
 }>> & Readonly<{}>, {
-    pagesize: string;
     renderType: RenderType;
+    pagesize: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/src/components/NodesEditor/NodesPreviewUI.vue.d.ts

@@ -27,7 +27,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: string;
     };
 }>> & Readonly<{}>, {
-    pagesize: string;
     renderType: RenderType;
+    pagesize: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/src/components/NodesEditor/NodesProvider.vue.d.ts

@@ -1,3 +1,5 @@
+import { RenderType } from './type';
+
 declare function __VLS_template(): {
     default?(_: {}): any;
 };
@@ -11,8 +13,22 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: ArrayConstructor;
         default: () => never[];
     };
+    renderType: {
+        type: () => RenderType;
+        default: string;
+    };
+    inputTypes: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    editorId: {
+        type: StringConstructor;
+        default: string;
+    };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:nodes": (...args: any[]) => void;
+    "update:selectNodes": (...args: any[]) => void;
+    onSelectedNodes: (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     formData: import('vue').PropType<any>;
     modelValue: {
@@ -23,11 +39,28 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: ArrayConstructor;
         default: () => never[];
     };
+    renderType: {
+        type: () => RenderType;
+        default: string;
+    };
+    inputTypes: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    editorId: {
+        type: StringConstructor;
+        default: string;
+    };
 }>> & Readonly<{
     "onUpdate:nodes"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:selectNodes"?: ((...args: any[]) => any) | undefined;
+    onOnSelectedNodes?: ((...args: any[]) => any) | undefined;
 }>, {
     modelValue: string;
     nodes: unknown[];
+    inputTypes: unknown[];
+    editorId: string;
+    renderType: RenderType;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/lib/src/components/NodesEditor/NodesSelectUI.vue.d.ts

@@ -1,6 +1,11 @@
 import { RenderType } from './type';
 
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare function __VLS_template(): {
+    nodeItem?(_: {
+        node: import('./type').NodeItem;
+    }): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     pagesize: {
         type: StringConstructor;
         default: string;
@@ -27,7 +32,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: string;
     };
 }>> & Readonly<{}>, {
-    pagesize: string;
     renderType: RenderType;
+    pagesize: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/src/components/NodesEditor/NodesText/index.vue.d.ts

@@ -0,0 +1,16 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<any[]>;
+    editorId: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<any[]>;
+    editorId: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    editorId: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/lib/src/components/NodesEditor/NodesUIProvider.vue.d.ts

@@ -0,0 +1,58 @@
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    nodes: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    selectedNodes: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    nodesGroups: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    editorId: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {
+    setSelectedNodes: (values: any) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    onSelectedNodes: (...args: any[]) => void;
+    "update:selectedNodes": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    nodes: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    selectedNodes: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    nodesGroups: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    editorId: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    onOnSelectedNodes?: ((...args: any[]) => any) | undefined;
+    "onUpdate:selectedNodes"?: ((...args: any[]) => any) | undefined;
+}>, {
+    nodes: unknown[];
+    selectedNodes: unknown[];
+    editorId: string;
+    nodesGroups: unknown[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/src/components/NodesEditor/const.d.ts

@@ -1 +1,3 @@
-export declare const inpputTypes: readonly ["text", "select", "image", "file", "date"];
+export declare const ColorArr: string[];
+export declare const currentColorIndex: import('vue').Ref<number, number>;
+export declare const colorMap: Map<string, string>;

package/lib/src/components/NodesEditor/context.d.ts

@@ -1,12 +1,17 @@
 import { Ref } from 'vue';
+import { NodeItem, RenderType } from './type';
 
 type NodesEditorContext = {
-    containerRef: Ref<HTMLElement | null>;
+    renderType: RenderType;
     modelValue: string;
+    inputTypes: any[];
     nodes: Ref<any[]>;
     updateNodes: (nodes: any[]) => void;
     formData: any;
+    selectNodes?: NodeItem[];
+    updateSelectNodes?: (node: NodeItem[]) => void;
+    editorId?: string;
 };
 export declare const nodesEditorKey: unique symbol;
-export declare const createNodesEditorContext: () => NodesEditorContext;
+export declare const useNodesEditorContext: () => NodesEditorContext;
 export {};

package/lib/src/components/NodesEditor/contextUI.d.ts

@@ -1,17 +1,31 @@
 import { Ref } from 'vue';
 import { NodeItem } from './type';
 
-type NodesUIContext = {
-    selectedElements: Ref<NodeItem[]>;
-    showContextMenu: Ref<boolean>;
-    contextMenuStyle: Ref<any>;
-    onContextMenu: (e: MouseEvent) => void;
-    setSelectedElements: (elements: NodeItem[]) => void;
+export type NodesUIContext = {
+    /**shadow-host */
+    shadowHost?: Ref<HTMLElement | null>;
+    /**富文本的dom */
+    containerRef: Ref<HTMLElement | null>;
+    /**选中的元素 */
+    selectedNodes: Ref<NodeItem[]>;
+    /**更新选中的元素 */
+    setSelectedNodes: (elements: NodeItem[]) => void;
+    /**当前聚焦元素 */
     focusedElement: Ref<HTMLElement | null>;
-    cursorPosition: Ref<number | null>;
-    focusedNodeIndex: Ref<number | null>;
-    preNodeNumber: Ref<number | null>;
+    /**光标位置 */
+    cursorPosition: Ref<number>;
+    /**当前聚焦元素的索引 */
+    focusedNodeIndex: Ref<number>;
+    /**上一个元素的索引 */
+    preNodeNumber: Ref<number>;
+    /**当前选中节点 */
+    currentNodes?: Ref<(NodeItem & {
+        color: string;
+        dataGroupKey: string;
+        activated?: boolean;
+    })[]>;
+    /**当前渲染节点 */
+    currentRenderNodes: Ref<NodeItem[]>;
 };
 export declare const nodesUIKey: unique symbol;
-export declare const createNodesUIContext: () => NodesUIContext;
-export {};
+export declare const useNodesUIContext: () => NodesUIContext;

package/lib/src/components/NodesEditor/emitter/index.d.ts

@@ -0,0 +1,12 @@
+import { Emitter } from 'mitt';
+import { MittEvents } from './types';
+
+export declare const emitter: Emitter<MittEvents>;
+/**
+ * emitter.on hooks的调用方法
+ */
+export declare const useSubscribe: typeof emitter.on;
+/**
+ * emitter.emit hooks的调用方法
+ */
+export declare const usePublish: () => typeof emitter.emit;

package/lib/src/components/NodesEditor/emitter/types.d.ts

@@ -0,0 +1,26 @@
+import { SelectNodesMode } from '../type';
+
+type SelectNodesType = {
+    mode: SelectNodesMode;
+    data?: any;
+    callback?: ({ data, type }: {
+        data: any;
+        type?: string;
+    }) => void;
+};
+type SelectFunctionType = {
+    data?: any;
+    callback?: ({ data }: {
+        data: any;
+    }) => void;
+};
+/**
+ * 为方便管理 用事件，必须再这里声明
+ * 举例：appInit、userLogin,至少“主”，“动”两个单词组成
+ */
+export type MittEvents = {
+    selectNodes: SelectNodesType;
+    selectFunction: SelectFunctionType;
+    [key: string]: any;
+};
+export {};