@zyui/components 1.0.26 → 1.0.28

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

@@ -12,6 +12,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: StringConstructor;
         default: string;
     };
+    showTableOperationButtons: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     initNodes: () => Promise<any[]>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -23,9 +27,14 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: StringConstructor;
         default: string;
     };
+    showTableOperationButtons: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{}>, {
     renderType: string;
     pagesize: string;
+    showTableOperationButtons: boolean;
 }, {}, {}, {}, 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/NodesEnterUI.vue.d.ts

@@ -18,6 +18,13 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: () => RenderType;
         default: string;
     };
+    /**
+     * 是否显示表格操作按钮（添加/删除行列）
+     */
+    showTableOperationButtons: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     pagesize: {
         type: StringConstructor;
@@ -31,9 +38,17 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: () => RenderType;
         default: string;
     };
+    /**
+     * 是否显示表格操作按钮（添加/删除行列）
+     */
+    showTableOperationButtons: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{}>, {
     renderType: RenderType;
     pagesize: string;
+    showTableOperationButtons: boolean;
 }, {}, {}, {}, 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/NodesPreviewUI.vue.d.ts

@@ -18,6 +18,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: () => RenderType;
         default: string;
     };
+    showTableOperationButtons: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     pagesize: {
         type: StringConstructor;
@@ -31,9 +35,14 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: () => RenderType;
         default: string;
     };
+    showTableOperationButtons: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{}>, {
     renderType: RenderType;
     pagesize: string;
+    showTableOperationButtons: boolean;
 }, {}, {}, {}, 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

@@ -18,6 +18,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: () => RenderType;
         default: string;
     };
+    showTableOperationButtons: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     pagesize: {
         type: StringConstructor;
@@ -31,9 +35,14 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: () => RenderType;
         default: string;
     };
+    showTableOperationButtons: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{}>, {
     renderType: RenderType;
     pagesize: string;
+    showTableOperationButtons: boolean;
 }, {}, {}, {}, 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/TableOperationButtons/index.vue.d.ts

@@ -0,0 +1,19 @@
+import { NodeItem } from '../type';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    dynamicRowNodes: NodeItem[];
+    dynamicColNodes: NodeItem[];
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    dynamicRowNodes: NodeItem[];
+    dynamicColNodes: NodeItem[];
+}>>> & 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/helper.d.ts

@@ -79,4 +79,63 @@ export declare const isTdNode: (node: NodeItem) => boolean;
 export declare const processTdParagraphStyles: (element: HTMLElement) => void;
 export declare const delInputNodesElement: (inputNodes: any) => any;
 export declare const addEmptyClass: (element: HTMLElement) => void;
+/**
+ * 获取节点的行索引（从 nodePath 解析）
+ * @param node - 节点项
+ * @returns 行索引（0-based），如果无法解析则返回 -1
+ */
+export declare const getNodeRowIndex: (node: NodeItem) => number;
+/**
+ * 获取节点的列索引（从 nodePath 解析）
+ * @param node - 节点项
+ * @returns 列索引（0-based），如果无法解析则返回 -1
+ */
+export declare const getNodeColumnIndex: (node: NodeItem) => number;
+/**
+ * 从 nodePath 提取表格路径
+ * @param nodePath - 节点路径（如 "table div:nth-of-type(3) > table:nth-of-type(1) > tbody > tr:nth-of-type(2) > td:nth-of-type(1)"）
+ * @returns 表格路径（如 "table div:nth-of-type(3) > table:nth-of-type(1)"），如果无法提取则返回 null
+ */
+export declare const getTablePathFromNodePath: (nodePath: string) => string | null;
+/**
+ * 获取指定行的所有节点模板
+ * @param nodes - 所有节点数组
+ * @param tablePath - 表格路径
+ * @param rowIndex - 行索引（0-based）
+ * @returns 该行所有节点的模板信息
+ */
+export declare const getRowNodeTemplates: (nodes: NodeItem[], tablePath: string, rowIndex: number) => Array<{
+    colIndex: number;
+    nodeType: string;
+    formItemOptions?: any;
+    props?: any;
+}>;
+/**
+ * 获取指定列的所有节点模板（从第一行获取）
+ * @param nodes - 所有节点数组
+ * @param tablePath - 表格路径
+ * @param colIndex - 列索引（0-based）
+ * @returns 该列第一节点的模板信息
+ */
+export declare const getColNodeTemplate: (nodes: NodeItem[], tablePath: string, colIndex: number) => {
+    nodeType: string;
+    formItemOptions?: any;
+    props?: any;
+} | null;
+/**
+ * 检查指定行的所有节点是否都是动态添加的
+ * @param nodes - 所有节点数组
+ * @param tablePath - 表格路径
+ * @param rowIndex - 行索引（0-based）
+ * @returns 是否全是动态节点
+ */
+export declare const isRowDynamic: (nodes: NodeItem[], tablePath: string, rowIndex: number) => boolean;
+/**
+ * 检查指定列的所有节点是否都是动态添加的
+ * @param nodes - 所有节点数组
+ * @param tablePath - 表格路径
+ * @param colIndex - 列索引（0-based）
+ * @returns 是否全是动态节点
+ */
+export declare const isColDynamic: (nodes: NodeItem[], tablePath: string, colIndex: number) => boolean;
 export {};

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

@@ -25,6 +25,7 @@ export declare function useNodesRender(): {
             }[] | undefined;
         } | undefined;
         groupKey?: string | undefined;
+        isDynamic?: boolean | undefined;
     }[], WrappedNode[] | {
         [x: string]: any;
         nodeType?: string | undefined;
@@ -49,5 +50,6 @@ export declare function useNodesRender(): {
             }[] | undefined;
         } | undefined;
         groupKey?: string | undefined;
+        isDynamic?: boolean | undefined;
     }[]>;
 };

package/lib/src/components/NodesEditor/hooks/useTableOperations.d.ts

@@ -0,0 +1,25 @@
+import { ColumnNodeTemplate } from '../type';
+
+/**
+ * 表格行列操作 Hook
+ * 用于在填写态下动态添加/删除行列
+ */
+export declare function useTableOperations(): {
+    addRowAfter: (tablePath: string, afterRowIndex: number) => Promise<void>;
+    addColAfter: (tablePath: string, afterColIndex: number) => Promise<void>;
+    deleteRow: (tablePath: string, rowIndex: number) => Promise<boolean>;
+    deleteCol: (tablePath: string, colIndex: number) => Promise<boolean>;
+    canDeleteRow: (tablePath: string, rowIndex: number) => boolean;
+    canDeleteCol: (tablePath: string, colIndex: number) => boolean;
+    getTableStructure: (tablePath: string) => {
+        rowCount: number;
+        colCount: number;
+        columnTemplates: ColumnNodeTemplate[];
+    };
+    getAllTablePaths: () => string[];
+};
+export declare const useTableOperationNodes: () => {
+    tableNodes: import('vue').ComputedRef<any[]>;
+    dynamicRowNodes: import('vue').ComputedRef<any[]>;
+    dynamicColNodes: import('vue').ComputedRef<any[]>;
+};

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

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

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

@@ -79,6 +79,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: BooleanConstructor;
         default: boolean;
     };
+    showTableOperationButtons: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     formRef: {
         validate: () => any;
@@ -168,6 +172,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: BooleanConstructor;
         default: boolean;
     };
+    showTableOperationButtons: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onOnSelectedNodes?: ((...args: any[]) => any) | undefined;
@@ -185,6 +193,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     inputTypes: unknown[];
     nodesGroups: unknown[];
     pagesize: string;
+    showTableOperationButtons: boolean;
     headerHtml: string;
     footerHtml: string;
     autoHeight: boolean;

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

@@ -13,6 +13,12 @@ export type FormItemOptions = {
     [key: string]: any;
 };
 export type InputType = string;
+export type ColumnNodeTemplate = {
+    colIndex: number;
+    nodeType: string;
+    formItemOptions?: FormItemOptions;
+    props?: Record<string, any>;
+};
 export type NodesGroups = {
     id: string;
     color: string;
@@ -29,6 +35,7 @@ export type NodeItem = {
     startOffset?: number;
     formItemOptions?: FormItemOptions;
     groupKey?: string;
+    isDynamic?: boolean;
     [key: string]: any;
 };
 export type MenuAction = 'copy' | 'paste' | 'delete';

package/lib/src/components/WorkforceSelector/display/text.vue.d.ts

@@ -26,7 +26,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
 }>> & Readonly<{}>, {
     value: Record<string, any>;
-    displayMaxLength: number;
     items: unknown[];
+    displayMaxLength: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/src/components/WorkforceSelector/display/thumbnail.vue.d.ts

@@ -26,7 +26,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
 }>> & Readonly<{}>, {
     value: Record<string, any>;
-    displayMaxLength: number;
     items: unknown[];
+    displayMaxLength: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -15,3 +15,4 @@ export * from './RoleSelect';
 export * from './RoleAndDepartmentPicker';
 export * from './ShadowDomWrap';
 export * from './WorkforceSelector';
+export * from './InventoryCanvas';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zyui/components",
-  "version": "1.0.26",
+  "version": "1.0.28",
   "main": "./lib/index.js",
   "module": "./es/index.mjs",
   "types": "./es/index.d.ts",
@@ -8,12 +8,15 @@
     ".": {
       "types": "./es/index.d.ts",
       "import": "./es/index.mjs",
-      "require": "./lib/index.js"
+      "require": "./lib/index.js",
+      "umd": "./es/index.umd.js"
     },
     "./es/style.css": "./es/style.css",
     "./lib/style.css": "./lib/style.css",
     "./assets/*": "./assets/*"
   },
+  "unpkg": "./es/index.umd.js",
+  "jsdelivr": "./es/index.umd.js",
   "files": [
     "es",
     "lib",