zhytech-ui 1.0.30 → 1.0.32

package/README.md

@@ -5,11 +5,15 @@
 
 > ### 组件列表
 #### 1、dynamicForm
-此组件为动态表单组件，目前包含基础组件：文本、输入框、单选框、复选框、评分、文件上传、图片上传；高级组件：分组面板、公司人员选择组件、公司岗位选择组件。
-通过拖拽设计表单或试卷，以减少开发时间，此组件提供一个表单设计器和表单渲染器。
+动态表单组件：通过拖拽设计表单或试卷，以减少开发时间，此组件提供一个表单设计器和表单渲染器。
+支持**基础组件**（文本、输入框、单选框、复选框）、**高级组件**（文件上传、图片上传）、**应用组件**（质控评分、公司人员选择组件、公司岗位选择组件）、**布局组件**（分组、标签页）。
+。
  
 #### 2、dynamicFilter
-此组件为动态条件组件，支持传入多组项目、支持不同项目自定义不同的条件，支持子条件，支持无限嵌套
+动态条件组件，支持传入多组项目、支持不同项目自定义不同的条件，支持子条件，支持无限嵌套
+
+#### 3、icon
+图标组件
 
 > ### 使用说明
 #### 1、安装
@@ -36,7 +40,7 @@ createApp(app).use(zhytechUI)
 ```html
    <zhy-form-designer :formData="formData"></zhy-form-designer>
 ```
-#### 3、使用组件提供的类
+#### 3、使用组件提供的类型
 ```ts
    import type { batchAddComponentParam, dynamicFormData, uploadOption } from "zhytech-ui";
 ```
@@ -46,6 +50,15 @@ createApp(app).use(zhytechUI)
 
 2)、此组件css样式依赖scss开发，使用者项目还需要添加scss依赖。
 
+> #### 版本更新清单：
+**1.0.32**
+```
+1. zhy-form-designer组件新增tabs标签页子组件
+2. zhy-form-designer组件新增change事件，用于监听组件异动
+3. zhy-form-renderer组件新增allowCreateDictionary属性，设置是否允许新增字典项目，默认true
+4. zhy-form-renderer组件新增hiddenTitle属性，设置是否显示表单标题，默认true
+5. zhy-form-renderer组件参数souceTypeMap的size大于1时，字典候选项列表中显示字典来源
+```
 > #### 后续计划：
 
 此组件库目前还处于雏形，后续会继续添加组件

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

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

package/dist/src/components/dynamicForm/components/base/checkbox/index.d.ts

@@ -91,13 +91,22 @@ declare const _default: {
             type: globalThis.PropType<import('../../..').dictionaryData>;
             default: () => void;
         };
+        allowCreateDictionary: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
         dictionary: {
             type: globalThis.PropType<import('../../..').dictionaryData>;
             default: () => void;
         };
+        allowCreateDictionary: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>>, {
         dictionary: import('../../..').dictionaryData;
+        allowCreateDictionary: boolean;
     }, {}>;
 };
 export default _default;

package/dist/src/components/dynamicForm/components/base/checkbox/propsEditor.vue.d.ts

@@ -7,6 +7,10 @@ declare const _default: import('vue').DefineComponent<{
         type: globalThis.PropType<dictionaryData>;
         default: () => void;
     };
+    allowCreateDictionary: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
     /**
      * @description: 业务字典数据集合
@@ -15,7 +19,12 @@ declare const _default: import('vue').DefineComponent<{
         type: globalThis.PropType<dictionaryData>;
         default: () => void;
     };
+    allowCreateDictionary: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     dictionary: dictionaryData;
+    allowCreateDictionary: boolean;
 }, {}>;
 export default _default;

package/dist/src/components/dynamicForm/components/base/radio/index.d.ts

@@ -91,13 +91,22 @@ declare const _default: {
             type: globalThis.PropType<import('../../..').dictionaryData>;
             default: () => void;
         };
+        allowCreateDictionary: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
         dictionary: {
             type: globalThis.PropType<import('../../..').dictionaryData>;
             default: () => void;
         };
+        allowCreateDictionary: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>>, {
         dictionary: import('../../..').dictionaryData;
+        allowCreateDictionary: boolean;
     }, {}>;
 };
 export default _default;

package/dist/src/components/dynamicForm/components/base/radio/propsEditor.vue.d.ts

@@ -7,6 +7,10 @@ declare const _default: import('vue').DefineComponent<{
         type: globalThis.PropType<dictionaryData>;
         default: () => void;
     };
+    allowCreateDictionary: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
     /**
      * @description: 业务字典数据集合
@@ -15,7 +19,12 @@ declare const _default: import('vue').DefineComponent<{
         type: globalThis.PropType<dictionaryData>;
         default: () => void;
     };
+    allowCreateDictionary: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     dictionary: dictionaryData;
+    allowCreateDictionary: boolean;
 }, {}>;
 export default _default;

package/dist/src/components/dynamicForm/components/common/componentBasePropsEditor.vue.d.ts

@@ -7,6 +7,10 @@ declare const _default: import('vue').DefineComponent<{
         type: globalThis.PropType<dictionaryData>;
         default: () => void;
     };
+    allowCreateDictionary: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
     /**
      * @description: 业务字典数据集合
@@ -15,7 +19,12 @@ declare const _default: import('vue').DefineComponent<{
         type: globalThis.PropType<dictionaryData>;
         default: () => void;
     };
+    allowCreateDictionary: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     dictionary: dictionaryData;
+    allowCreateDictionary: boolean;
 }, {}>;
 export default _default;

package/dist/src/components/dynamicForm/components/common/componentDesigner.vue.d.ts

@@ -7,6 +7,7 @@ declare const _default: import('vue').DefineComponent<{
         required: true;
     };
 }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
     deleteComponent: (...args: any[]) => void;
     "update:components": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
@@ -18,6 +19,7 @@ declare const _default: import('vue').DefineComponent<{
         required: true;
     };
 }>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
     onDeleteComponent?: ((...args: any[]) => any) | undefined;
     "onUpdate:components"?: ((...args: any[]) => any) | undefined;
 }, {}, {}>;

package/dist/src/components/dynamicForm/components/common/dictionaryBinder.vue.d.ts

@@ -27,6 +27,10 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    allowCreateDictionary: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
     change: (...args: any[]) => void;
@@ -58,6 +62,10 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    allowCreateDictionary: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
@@ -67,5 +75,6 @@ declare const _default: import('vue').DefineComponent<{
     dictionary: dictionaryData;
     itemHeight: number;
     height: string;
+    allowCreateDictionary: boolean;
 }, {}>;
 export default _default;

package/dist/src/components/dynamicForm/components/componentType.d.ts

@@ -1,4 +1,5 @@
+import * as layoutComponent from "./layout/index";
 import * as advancedComponent from "./advanced/index";
 import * as applicationComponent from "./application/index";
 import * as baseComponent from "./base/index";
-export { baseComponent, advancedComponent, applicationComponent };
+export { layoutComponent, baseComponent, advancedComponent, applicationComponent };

package/dist/src/components/dynamicForm/components/{advanced → layout}/groupLayout/index.d.ts

@@ -22,6 +22,7 @@ declare const _default: {
             default: boolean;
         };
     }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        change: (...args: any[]) => void;
         deleteComponent: (...args: any[]) => void;
     }, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
         isDesigner: {
@@ -41,6 +42,7 @@ declare const _default: {
             default: boolean;
         };
     }>> & {
+        onChange?: ((...args: any[]) => any) | undefined;
         onDeleteComponent?: ((...args: any[]) => any) | undefined;
     }, {
         showDescription: boolean;

package/dist/src/components/dynamicForm/components/{advanced → layout}/groupLayout/renderer.vue.d.ts

@@ -28,6 +28,7 @@ declare const _default: import('vue').DefineComponent<{
         default: boolean;
     };
 }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
     deleteComponent: (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
     /**
@@ -59,6 +60,7 @@ declare const _default: import('vue').DefineComponent<{
         default: boolean;
     };
 }>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
     onDeleteComponent?: ((...args: any[]) => any) | undefined;
 }, {
     showDescription: boolean;

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

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

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

@@ -0,0 +1,74 @@
+import { default as baseComponent } from '../../../types/baseComponent';
+declare class component extends baseComponent {
+    constructor();
+}
+declare const _default: {
+    component: typeof component;
+    renderer: import('vue').DefineComponent<{
+        isDesigner: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        componentID: {
+            type: (StringConstructor | NumberConstructor)[];
+            required: true;
+        };
+        component: {
+            type: globalThis.PropType<Record<string, any>>;
+            required: true;
+        };
+        showDescription: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }, {}, unknown, {}, {}, 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: globalThis.PropType<Record<string, any>>;
+            required: true;
+        };
+        showDescription: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        onChange?: ((...args: any[]) => any) | undefined;
+        onDeleteComponent?: ((...args: any[]) => any) | undefined;
+    }, {
+        showDescription: boolean;
+        isDesigner: boolean;
+    }, {}>;
+    propEditor: import('vue').DefineComponent<{
+        dictionary: {
+            type: globalThis.PropType<import('../../..').dictionaryData>;
+            default: () => void;
+        };
+        allowCreateDictionary: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+        dictionary: {
+            type: globalThis.PropType<import('../../..').dictionaryData>;
+            default: () => void;
+        };
+        allowCreateDictionary: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>>, {
+        dictionary: import('../../..').dictionaryData;
+        allowCreateDictionary: boolean;
+    }, {}>;
+};
+export default _default;

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

@@ -0,0 +1,30 @@
+import { dictionaryData } from '../../../types/formAttribute';
+declare const _default: import('vue').DefineComponent<{
+    /**
+     * @description: 业务字典数据集合
+     */
+    dictionary: {
+        type: globalThis.PropType<dictionaryData>;
+        default: () => void;
+    };
+    allowCreateDictionary: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    /**
+     * @description: 业务字典数据集合
+     */
+    dictionary: {
+        type: globalThis.PropType<dictionaryData>;
+        default: () => void;
+    };
+    allowCreateDictionary: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    dictionary: dictionaryData;
+    allowCreateDictionary: boolean;
+}, {}>;
+export default _default;

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

@@ -0,0 +1,69 @@
+declare const _default: import('vue').DefineComponent<{
+    /**
+     * 是否为设计模式
+     */
+    isDesigner: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 组件ID
+     */
+    componentID: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: true;
+    };
+    /**
+     * 组件
+     */
+    component: {
+        type: globalThis.PropType<Record<string, any>>;
+        required: true;
+    };
+    /**
+     * 是否项目说明/答案解析
+     */
+    showDescription: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, 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;
+    };
+    /**
+     * 组件ID
+     */
+    componentID: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: true;
+    };
+    /**
+     * 组件
+     */
+    component: {
+        type: globalThis.PropType<Record<string, any>>;
+        required: true;
+    };
+    /**
+     * 是否项目说明/答案解析
+     */
+    showDescription: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    onDeleteComponent?: ((...args: any[]) => any) | undefined;
+}, {
+    showDescription: boolean;
+    isDesigner: boolean;
+}, {}>;
+export default _default;

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

@@ -56,6 +56,10 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         type: StringConstructor;
         default: undefined;
     };
+    allowCreateDictionary: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * @description: 保存方法，不传则不显示保存按钮
      */
@@ -77,7 +81,10 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         type: globalThis.PropType<batchAddComponentParam>;
         default: () => void;
     };
-}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
+    test: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
     /**
      * @description: 表单数据，包含表单属性，组件集合、初始数据
      */
@@ -132,6 +139,10 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         type: StringConstructor;
         default: undefined;
     };
+    allowCreateDictionary: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * @description: 保存方法，不传则不显示保存按钮
      */
@@ -153,9 +164,13 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         type: globalThis.PropType<batchAddComponentParam>;
         default: () => void;
     };
-}>>, {
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    onTest?: ((...args: any[]) => any) | undefined;
+}, {
     defaultSourceType: string;
     dictionary: dictionaryData;
+    allowCreateDictionary: boolean;
     componentGroups: Record<string, any>[];
     mergeGroup: boolean;
     saveMethod: Function;

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

@@ -58,6 +58,10 @@ declare const _default: import('vue').DefineComponent<{
         type: globalThis.PropType<Record<string, any>[]>;
         default: () => never[];
     };
+    hiddenTitle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     /**
      * @description: 获取表单数据
@@ -155,6 +159,10 @@ declare const _default: import('vue').DefineComponent<{
         type: globalThis.PropType<Record<string, any>[]>;
         default: () => never[];
     };
+    hiddenTitle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     onSelect?: ((...args: any[]) => any) | undefined;
@@ -166,5 +174,6 @@ declare const _default: import('vue').DefineComponent<{
     uploadOptions: uploadOption;
     device: string;
     watching: boolean;
+    hiddenTitle: boolean;
 }, {}>;
 export default _default;

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

@@ -30,6 +30,14 @@ export interface baseAttribute {
      * 宽度
      */
     width: number;
+    /**
+     * 高度
+     */
+    height?: number;
+    /**
+     * 高度单位
+     */
+    heightUnit?: string;
     /**
      * 标题换行
      */

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

@@ -1,4 +1,6 @@
-import { groupLayoutAttribute } from './advanced/groupLayoutAttribute';
+import { baseAttribute } from './baseAttribute';
+import { groupLayoutAttribute } from './layout/groupLayoutAttribute';
+import { tabsLayoutAttribute } from './layout/tabsLayoutAttribute';
 import { uploadAttribute } from './advanced/uploadAttribute';
 import { employeeAttribute } from './application/employeeAttribute';
 import { gradeAttribute } from './application/gradeAttribute';
@@ -6,6 +8,5 @@ import { postAttribute } from './application/postAttribute';
 import { checkboxAttribute } from './base/checkboxAttribute';
 import { inputAttribute } from './base/inputAttribute';
 import { radioAttribute } from './base/radioAttribute';
-import { baseAttribute } from './baseAttribute';
 import { editAttribute } from './editAttribute';
-export type { baseAttribute, editAttribute, inputAttribute, radioAttribute, checkboxAttribute, gradeAttribute, employeeAttribute, postAttribute, uploadAttribute, groupLayoutAttribute };
+export type { baseAttribute, groupLayoutAttribute, tabsLayoutAttribute, uploadAttribute, employeeAttribute, gradeAttribute, postAttribute, editAttribute, inputAttribute, radioAttribute, checkboxAttribute };

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

@@ -0,0 +1,21 @@
+/**
+ * @description: 标签页(tabsLayout)组件属性
+ */
+export interface tabsLayoutAttribute {
+    /**
+     * 标签类型
+     */
+    tabType: "" | "card" | "border-card";
+    /**
+     * 标签集合
+     */
+    pages: Record<string, any>[];
+    /**
+     * 标签位置
+     */
+    tabPosition: "top" | "right" | "bottom" | "left";
+    /**
+     * 是否显示导航按钮
+     */
+    showNavigation?: boolean;
+}

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

@@ -64,10 +64,6 @@ export interface dictionaryItem {
      * 字典项目来源
      */
     itemSourceType?: string;
-    /**
-     * 字典项目来源
-     */
-    itemSourceTypeName?: string;
 }
 /**
  * @description: 动态表单字典表参数类型