zhytech-ui 1.2.19 → 1.3.0

package/README.md

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

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

@@ -99,6 +99,13 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<gl
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * 接口基础路径
+     */
+    httpBaseUrl: {
+        type: StringConstructor;
+        default: string;
+    };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     change: (...args: any[]) => void;
     test: (...args: any[]) => void;
@@ -200,6 +207,13 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<gl
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * 接口基础路径
+     */
+    httpBaseUrl: {
+        type: StringConstructor;
+        default: string;
+    };
 }>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     onTest?: ((...args: any[]) => any) | undefined;
@@ -207,6 +221,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<gl
     defaultSourceType: string;
     dictionary: dictionaryData;
     uploadOptions: uploadOption;
+    httpBaseUrl: string;
     realTimeDisplayAnswerMode: boolean;
     everyItemDisplayAnalysisSwitch: boolean;
     showCorrectOrNot: boolean;
@@ -326,6 +341,14 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<gl
             type: BooleanConstructor;
             default: boolean;
         };
+        httpBaseUrl: {
+            type: StringConstructor;
+            default: string;
+        };
+        isPreview: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{
         onChange?: ((...args: any[]) => any) | undefined;
         onSelect?: ((...args: any[]) => any) | undefined;
@@ -347,7 +370,9 @@ 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;
         everyItemDisplayAnalysisSwitch: boolean;
         showCorrectOrNot: boolean;
@@ -424,6 +449,14 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<gl
             type: BooleanConstructor;
             default: boolean;
         };
+        httpBaseUrl: {
+            type: StringConstructor;
+            default: string;
+        };
+        isPreview: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{
         onChange?: ((...args: any[]) => any) | undefined;
         onSelect?: ((...args: any[]) => any) | undefined;
@@ -442,7 +475,9 @@ 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;
         everyItemDisplayAnalysisSwitch: boolean;
         showCorrectOrNot: boolean;

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

@@ -96,6 +96,17 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * 接口基础路径
+     */
+    httpBaseUrl: {
+        type: StringConstructor;
+        default: string;
+    };
+    isPreview: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     /**
      * @description: 获取表单数据
@@ -231,6 +242,17 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * 接口基础路径
+     */
+    httpBaseUrl: {
+        type: StringConstructor;
+        default: string;
+    };
+    isPreview: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     onSelect?: ((...args: any[]) => any) | undefined;
@@ -239,7 +261,9 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
     selectComponents: Record<string, any>[];
     selectMode: boolean;
     disabled: boolean;
+    isPreview: boolean;
     uploadOptions: uploadOption;
+    httpBaseUrl: string;
     realTimeDisplayAnswerMode: boolean;
     everyItemDisplayAnalysisSwitch: boolean;
     showCorrectOrNot: 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;
+    }[];
+}

package/dist/src/components/dynamicForm/types/httpSettingView.d.ts

@@ -6,6 +6,10 @@ export interface httpSettingView {
      * HTTP请求类型
      */
     eventType: string;
+    /**
+     * 是否从组件属性中获取基础URL
+     */
+    baseUrlFromProps: boolean;
     /**
      * HTTP基础URL
      */

package/dist/src/hooks/useUtils.d.ts

@@ -84,8 +84,9 @@ export declare function useUtils(): {
      * @description: 调用api
      * @param httpSetting 接口配置
      * @param datas 接口参数替换数据
+     * @param baseUrl 接口基础url
      * @param autoDealResult 是否自动处理结果
      * @return
      */
-    callApi(httpSetting: httpSettingView, datas: Record<string, any>, autoDealResult?: boolean): Promise<any>;
+    callApi(httpSetting: httpSettingView, datas: Record<string, any>, baseUrl?: string, autoDealResult?: boolean): Promise<any>;
 };