@zyui/components 0.0.11 → 0.0.13

package/es/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 {};

package/es/src/components/NodesEditor/helper.d.ts

@@ -6,6 +6,7 @@ import { NodeItem, WrappedNode } from './type';
  * @returns 元素的nodePath路径，如果无法获取则返回null
  */
 export declare function getElementnodePath(element: HTMLElement): string | null;
+export declare function getElementById(id: string, container: HTMLElement | null): HTMLElement | null;
 /**
  * 通过nodePath获取元素
  * @param nodePath - nodePath路径
@@ -14,17 +15,44 @@ export declare function getElementnodePath(element: HTMLElement): string | null;
  */
 export declare function getElementBynodePath(nodePath: string, container: HTMLElement | null): HTMLElement | null;
 export declare const getRenderDomId: (element: NodeItem) => string;
-export declare const renderEditNode: (node: WrappedNode, container: any) => void;
+export declare const insertNode: (node: WrappedNode, container: any, callback: any) => void;
 export declare const setElementAttrByNode: (el: HTMLElement, node: NodeItem) => void;
 /**
- *
- * 渲染输入态节点
- * @param node
- * @param container
- * @param callback
+ * 清除由 setElementAttrByNode 设置的属性
+ * @param el - 目标HTML元素
  */
-export declare const renderEnterNode: (node: WrappedNode, container: any, callback: any) => void;
+export declare const removeElementAttrsByNode: (el: HTMLElement) => void;
 export declare const getTextNodeIndex: (node: Node) => number;
-export declare const getNodeInfoByElement: (element: HTMLElement) => NodeItem;
+export declare const getNodeInfoByElement: (element: HTMLElement) => NodeItem | null;
 export declare const onlyHasNode: (element: HTMLElement) => boolean;
 export declare const getNodeByElement: (element: HTMLElement) => NodeItem[];
+export declare const nodesGroups2Nodes: (nodesGroups: {
+    id: string;
+    color: string;
+    activated?: Boolean;
+    nodes: NodeItem[];
+}[]) => (NodeItem & {
+    color: string;
+    dataGroupKey: string;
+})[];
+/**
+ * 颜色转rgba
+ * @param color #ff0 或 #ff0000
+ * @param opacity 透明度 (0-1)
+ */
+export declare const color2rgba: (color: string, opacity: number) => string;
+interface Point {
+    colIndex: number;
+    rowIndex: number;
+    [key: string]: any;
+}
+export declare function groupRectanglesAdvanced(points: Point[]): Point[][];
+export declare function findMinMaxPoints(points: Point[]): {
+    min: Point | null;
+    max: Point | null;
+};
+/**nodes变为text缩写 */
+export declare const abbrNodes2TextNode: (nodes: NodeItem[], allNodes: NodeItem[]) => any[];
+export declare const tableCellText: (item: any) => string;
+export declare const abbrNodes2Text: (nodes: NodeItem[], allNodes: NodeItem[]) => string;
+export {};

package/es/src/components/NodesEditor/hooks/deleteNodes.d.ts

@@ -0,0 +1 @@
+export declare function useDeleteNodes(): void;

package/es/src/components/NodesEditor/hooks/useContentEditable.d.ts

@@ -1,3 +1 @@
-import { Ref } from 'vue';
-
-export declare function useContentEditable(containerRef: Ref<HTMLElement | null>): {};
+export declare function useContentEditable(): {};

package/es/src/components/NodesEditor/hooks/useFocusPosition.d.ts

@@ -1,9 +1,6 @@
-import { Ref } from 'vue';
-
-export type Position = any;
-export declare function useFocusPosition(containerRef: Ref<HTMLElement | null>): {
-    focusedElement: Ref<HTMLElement | null, HTMLElement | null>;
-    cursorPosition: Ref<any, any>;
-    focusedNodeIndex: Ref<number, number>;
-    preNodeNumber: Ref<number, number>;
+export declare function useFocusPosition(): {
+    focusedElement: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+    cursorPosition: import('vue').Ref<number, number>;
+    focusedNodeIndex: import('vue').Ref<number, number>;
+    preNodeNumber: import('vue').Ref<number, number>;
 };

package/es/src/components/NodesEditor/hooks/useGetValueByString.d.ts

@@ -0,0 +1,7 @@
+type GetValueByStringType = {
+    editorId: string;
+};
+export declare function useGetValueByString(params: GetValueByStringType): {
+    getCellValue: (cellStr: any) => any[];
+};
+export {};

package/es/src/components/NodesEditor/hooks/useInitNode.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 让空的td都有默认的节点
+ * 1. 找出所有空的td
+ * 2. 过滤出已经存在的td
+ * 3. 设置默认节点都为text
+ * @param value 富文本内容
+ */
+export declare function useInitNode(): void;

package/es/src/components/NodesEditor/hooks/useNodesRender.d.ts

@@ -1,12 +1,7 @@
-import { Ref } from 'vue';
-import { RenderType, WrappedNode } from '../type';
+import { WrappedNode } from '../type';
 
-type NodesRenderProps = {
-    containerRef: Ref<HTMLElement | null>;
-    renderType?: RenderType;
-};
-export declare function useNodesRender(props: NodesRenderProps): {
-    wrappedNodes: Ref<{
+export declare function useNodesRender(): {
+    wrappedNodes: import('vue').Ref<{
         [x: string]: any;
         nodeType?: string | undefined;
         id?: string | undefined;
@@ -55,30 +50,4 @@ export declare function useNodesRender(props: NodesRenderProps): {
         } | undefined;
         groupKey?: string | undefined;
     }[]>;
-    formItemsNodes: import('vue').ComputedRef<{
-        [x: string]: any;
-        nodeType?: string | undefined;
-        id?: string | undefined;
-        element: HTMLElement | null;
-        nodePath: string;
-        textNodeIndex?: number | undefined;
-        subNodeSort?: number | undefined;
-        startOffset?: number | undefined;
-        formItemOptions?: {
-            [x: string]: any;
-            label?: string | undefined;
-            labelWidth?: string | undefined;
-            disabled?: boolean | undefined;
-            rules?: any[] | undefined;
-            placeholder?: string | undefined;
-            inputType: import('../type').InputType;
-            value?: string | undefined;
-            options?: {
-                label: string;
-                value: string;
-            }[] | undefined;
-        } | undefined;
-        groupKey?: string | undefined;
-    }[]>;
 };
-export {};

package/es/src/components/NodesEditor/hooks/useSelectNodes.d.ts

@@ -0,0 +1,9 @@
+import { NodeItem } from '../type';
+
+type UseSelectNodesProps = {
+    onSelected?: (data: NodeItem[]) => void;
+};
+export declare function useSelectNodes(props?: UseSelectNodesProps): {
+    onBlur: () => void;
+};
+export {};

package/es/src/components/NodesEditor/hooks/useSetCurrentStyle.d.ts

@@ -1,9 +1 @@
-import { Ref } from 'vue';
-import { NodeItem } from '../type';
-
-type SetCurrentStyleTypeParams = {
-    selectedElements: NodeItem[] | Ref<NodeItem[]>;
-    container: HTMLElement | Ref<HTMLElement | null>;
-};
-export declare function useSetCurrentStyle(params: SetCurrentStyleTypeParams): void;
-export {};
+export declare function useSetCurrentStyle(): void;

package/es/src/components/NodesEditor/hooks/useTableSelection copy.d.ts

@@ -0,0 +1,6 @@
+import { Ref } from 'vue';
+
+export declare function useTableSelection(): {
+    isSelecting: Ref<boolean, boolean>;
+    selectionBox: Ref<HTMLDivElement | null, HTMLDivElement | null>;
+};

package/es/src/components/NodesEditor/hooks/useTableSelection.d.ts

@@ -1,57 +1,4 @@
-import { Ref } from 'vue';
-import { NodeItem } from '../type';
-
-export declare function useTableSelection(container: Ref<HTMLElement | null>): {
-    isSelecting: Ref<boolean, boolean>;
-    selectedElements: Ref<{
-        [x: string]: any;
-        nodeType?: string | undefined;
-        id?: string | undefined;
-        element?: (HTMLElement | null) | undefined;
-        nodePath: string;
-        textNodeIndex?: number | undefined;
-        subNodeSort?: number | undefined;
-        startOffset?: number | undefined;
-        formItemOptions?: {
-            [x: string]: any;
-            label?: string | undefined;
-            labelWidth?: string | undefined;
-            disabled?: boolean | undefined;
-            rules?: any[] | undefined;
-            placeholder?: string | undefined;
-            inputType: import('../type').InputType;
-            value?: string | undefined;
-            options?: {
-                label: string;
-                value: string;
-            }[] | undefined;
-        } | undefined;
-        groupKey?: string | undefined;
-    }[], NodeItem[] | {
-        [x: string]: any;
-        nodeType?: string | undefined;
-        id?: string | undefined;
-        element?: (HTMLElement | null) | undefined;
-        nodePath: string;
-        textNodeIndex?: number | undefined;
-        subNodeSort?: number | undefined;
-        startOffset?: number | undefined;
-        formItemOptions?: {
-            [x: string]: any;
-            label?: string | undefined;
-            labelWidth?: string | undefined;
-            disabled?: boolean | undefined;
-            rules?: any[] | undefined;
-            placeholder?: string | undefined;
-            inputType: import('../type').InputType;
-            value?: string | undefined;
-            options?: {
-                label: string;
-                value: string;
-            }[] | undefined;
-        } | undefined;
-        groupKey?: string | undefined;
-    }[]>;
-    setSelectedElements: (elements: NodeItem[]) => void;
-    selectionBox: Ref<HTMLDivElement | null, HTMLDivElement | null>;
+export declare function useTableSelection(): {
+    isSelecting: import('vue').Ref<boolean, boolean>;
+    selectionBox: import('vue').Ref<HTMLDivElement | null, HTMLDivElement | null>;
 };

package/es/src/components/NodesEditor/index.d.ts

@@ -1,2 +1,5 @@
 export { default as NodesEditor } from './index.vue';
+export { default as NodeSelect } from './NodeSelect/index.vue';
+export { default as NodeFormula } from './Formula/index.vue';
+export { default as FunctionSelect } from './Formula/FunctionSelect/index.vue';
 export { default as NodesEditorPreview } from './Preview/index.vue';