zhytech-ui 1.2.20 → 1.3.0

package/README.md

@@ -90,9 +90,15 @@ npm install --legacy-peer-deps
 
 > #### 版本更新清单：
 
+**V 1.3.0**
+```html
+1.添加支持预览模式，在预览模式下，组件显示为只读状态，可输入组件只显示值，不显示输入框
+2.新增网格布局组件（gridLayout），支持拖动调整网格高度和宽度，支持添加行/列，支持网格合并和拆分，支持预览模式高度自适应内容，支持设置背景色
+```
+
 **V 1.2.20**
 ```html
-1.删除动态接口请求超时时间配置，用不超时
+1.删除动态接口请求超时时间配置，永不超时
 2.调整动态接口设置画面，新增baseUrlFromProps参数，用于从props中获取baseUrl
 ```
 

package/dist/src/components/dynamicForm/components/layout/gridLayout/index.d.ts

@@ -0,0 +1,88 @@
+import { default as baseComponent } from '../../../types/baseComponent';
+declare class component extends baseComponent {
+    constructor();
+}
+declare const _default: {
+    component: typeof component;
+    renderer: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+        isDesigner: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        componentID: {
+            type: (StringConstructor | NumberConstructor)[];
+            required: true;
+        };
+        component: {
+            type: PropType<Record<string, any>>;
+            required: true;
+        };
+        showDescription: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        currentShowIDArray: {
+            type: {
+                (arrayLength: number): String[][];
+                (...items: String[][]): String[][];
+                new (arrayLength: number): String[][];
+                new (...items: String[][]): String[][];
+                isArray(arg: any): arg is any[];
+                readonly prototype: any[];
+                from<T>(arrayLike: ArrayLike<T>): T[];
+                from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+                from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                of<T>(...items: T[]): T[];
+                readonly [Symbol.species]: ArrayConstructor;
+            };
+            default: never[];
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        change: (...args: any[]) => void;
+        deleteComponent: (...args: any[]) => void;
+    }, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+        isDesigner: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        componentID: {
+            type: (StringConstructor | NumberConstructor)[];
+            required: true;
+        };
+        component: {
+            type: PropType<Record<string, any>>;
+            required: true;
+        };
+        showDescription: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        currentShowIDArray: {
+            type: {
+                (arrayLength: number): String[][];
+                (...items: String[][]): String[][];
+                new (arrayLength: number): String[][];
+                new (...items: String[][]): String[][];
+                isArray(arg: any): arg is any[];
+                readonly prototype: any[];
+                from<T>(arrayLike: ArrayLike<T>): T[];
+                from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+                from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                of<T>(...items: T[]): T[];
+                readonly [Symbol.species]: ArrayConstructor;
+            };
+            default: never[];
+        };
+    }>> & Readonly<{
+        onChange?: ((...args: any[]) => any) | undefined;
+        onDeleteComponent?: ((...args: any[]) => any) | undefined;
+    }>, {
+        showDescription: boolean;
+        currentShowIDArray: String[][];
+        isDesigner: boolean;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+    propEditor: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+};
+export default _default;

package/dist/src/components/dynamicForm/components/layout/gridLayout/propsEditor.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/src/components/dynamicForm/components/layout/gridLayout/renderer.vue.d.ts

@@ -0,0 +1,80 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    isDesigner: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    componentID: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: true;
+    };
+    component: {
+        type: PropType<Record<string, any>>;
+        required: true;
+    };
+    showDescription: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    currentShowIDArray: {
+        type: {
+            (arrayLength: number): String[][];
+            (...items: String[][]): String[][];
+            new (arrayLength: number): String[][];
+            new (...items: String[][]): String[][];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default: never[];
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
+    deleteComponent: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    isDesigner: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    componentID: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: true;
+    };
+    component: {
+        type: PropType<Record<string, any>>;
+        required: true;
+    };
+    showDescription: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    currentShowIDArray: {
+        type: {
+            (arrayLength: number): String[][];
+            (...items: String[][]): String[][];
+            new (arrayLength: number): String[][];
+            new (...items: String[][]): String[][];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default: never[];
+    };
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    onDeleteComponent?: ((...args: any[]) => any) | undefined;
+}>, {
+    showDescription: boolean;
+    currentShowIDArray: String[][];
+    isDesigner: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/src/components/dynamicForm/components/layout/index.d.ts

@@ -1,3 +1,4 @@
 import { default as groupLayout } from './groupLayout';
 import { default as tabs } from './tabs';
-export { groupLayout, tabs };
+import { default as gridLayout } from './gridLayout';
+export { groupLayout, tabs, gridLayout };

package/dist/src/components/dynamicForm/formDesigner.vue.d.ts

@@ -345,6 +345,10 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<gl
             type: StringConstructor;
             default: string;
         };
+        isPreview: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{
         onChange?: ((...args: any[]) => any) | undefined;
         onSelect?: ((...args: any[]) => any) | undefined;
@@ -366,6 +370,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<gl
         selectComponents: Record<string, any>[];
         selectMode: boolean;
         disabled: boolean;
+        isPreview: boolean;
         uploadOptions: uploadOption;
         httpBaseUrl: string;
         realTimeDisplayAnswerMode: boolean;
@@ -448,6 +453,10 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<gl
             type: StringConstructor;
             default: string;
         };
+        isPreview: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{
         onChange?: ((...args: any[]) => any) | undefined;
         onSelect?: ((...args: any[]) => any) | undefined;
@@ -466,6 +475,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<gl
         selectComponents: Record<string, any>[];
         selectMode: boolean;
         disabled: boolean;
+        isPreview: boolean;
         uploadOptions: uploadOption;
         httpBaseUrl: string;
         realTimeDisplayAnswerMode: boolean;

package/dist/src/components/dynamicForm/formRenderer.vue.d.ts

@@ -103,6 +103,10 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
         type: StringConstructor;
         default: string;
     };
+    isPreview: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     /**
      * @description: 获取表单数据
@@ -245,6 +249,10 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
         type: StringConstructor;
         default: string;
     };
+    isPreview: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     onSelect?: ((...args: any[]) => any) | undefined;
@@ -253,6 +261,7 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
     selectComponents: Record<string, any>[];
     selectMode: boolean;
     disabled: boolean;
+    isPreview: boolean;
     uploadOptions: uploadOption;
     httpBaseUrl: string;
     realTimeDisplayAnswerMode: boolean;

package/dist/src/components/dynamicForm/types/componentAttribute/index.d.ts

@@ -12,4 +12,5 @@ import { gradeAttribute } from './application/gradeAttribute';
 import { departmentAttribute } from './application/departmentAttribute';
 import { groupLayoutAttribute } from './layout/groupLayoutAttribute';
 import { tabsLayoutAttribute } from './layout/tabsLayoutAttribute';
-export type { baseAttribute, editAttribute, checkboxAttribute, inputAttribute, radioAttribute, datetimeAttribute, inputNumberAttribute, uploadAttribute, employeeAttribute, postAttribute, gradeAttribute, departmentAttribute, groupLayoutAttribute, tabsLayoutAttribute };
+import { gridLayoutAttribute } from './layout/gridLayoutAttribute';
+export type { baseAttribute, editAttribute, checkboxAttribute, inputAttribute, radioAttribute, datetimeAttribute, inputNumberAttribute, uploadAttribute, employeeAttribute, postAttribute, gradeAttribute, departmentAttribute, groupLayoutAttribute, tabsLayoutAttribute, gridLayoutAttribute };

package/dist/src/components/dynamicForm/types/componentAttribute/layout/gridLayoutAttribute.d.ts

@@ -0,0 +1,50 @@
+/**
+ * @description: 网格布局(gridLayout)组件属性
+ */
+export interface gridLayoutAttribute {
+    /**
+     * 行数
+     */
+    rows: number;
+    /**
+     * 列数
+     */
+    columns: number;
+    /**
+     * 是否显示网格线
+     */
+    showGridLines: boolean;
+    /**
+     * 网格线颜色
+     */
+    gridLineColor: string;
+    /**
+     * 单元格内边距
+     */
+    cellPadding: number;
+    /**
+     * 行高配置
+     */
+    rowHeights: number[];
+    /**
+     * 列宽配置
+     */
+    columnWidths: number[];
+    /**
+     * 背景色
+     */
+    backgroundColor: string;
+    /**
+     * 单元格布局方式
+     */
+    layoutMode: "horizontal" | "vertical";
+    /**
+     * 合并单元格配置
+     */
+    mergedCells: {
+        startRow: number;
+        startCol: number;
+        rowSpan: number;
+        colSpan: number;
+    }[];
+}