zhytech-ui 1.0.35 → 1.0.37

package/README.md

@@ -28,11 +28,12 @@ npm i zhytech-ui@latest -S
 1)、按需引入：在要使用的页面添加下面代码即可
 ```ts
 import { ZhyFormDesigner, ZhyFormRenderer } from "zhytech-ui"
+import "zhytech-ui/dist/style.css";
 ```
-2)、全局引入：在项目内任何页面都不需要单独引入
+2)、全局引入：在main.ts中引入，在项目内任何页面都不需要单独引入
 ```ts
 import zhytechUI from "zhytech-ui";
-import "../node_modules/zhytech-ui/dist/style.css";
+import "zhytech-ui/dist/style.css";
 createApp(app).use(zhytechUI)
 ```
 
@@ -51,13 +52,24 @@ createApp(app).use(zhytechUI)
 2)、此组件css样式依赖scss开发，使用者项目还需要添加scss依赖。
 
 > #### 版本更新清单：
+
+**V 1.0.36**
+```
+1.zhy-form-designer组件新增日期组件
+2.zhy-form-designer组件新增时间组件
+3.修复zhy-form-designer组件中tabs标签页组件样式异常
+4.修复zhy-form-designer组件隐藏属性面板后无法再次打开问题
+5.修复zhy-form-designer组件隐藏标题时保存提示标题命名不规范
+6.组件zhy-form-render返回值新增sourceType属性
+```
+
 **V 1.0.35**
 ```
-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时，字典候选项列表中显示字典来源
+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/base/date/index.d.ts

@@ -0,0 +1,102 @@
+import { default as baseComponent } from '../../../types/baseComponent';
+import { baseAttribute, editAttribute, datetimeAttribute } from '../../../types/componentAttribute/index';
+declare class component extends baseComponent {
+    /**
+     * @description: 构造器
+     */
+    constructor();
+    /**
+     * @description: 获取校验规则
+     * @param componentProps
+     * @return
+     */
+    getRules(componentProps: Record<string, any>): {
+        required: any;
+        message: any;
+    }[];
+    /**
+     * @description: 获取过滤条件属性
+     * @param componentProps
+     * @return
+     */
+    getFilterConditionProps(componentProps: Record<string, any>): {
+        type: string;
+    };
+    /**
+     * @description: 获取组件要排除的过滤条件集合
+     */
+    getExcludeFilterConditions(): ("NOT_EQUALS" | "INCLUDES" | "EXCLUDE" | "EMPTY" | "EQUALS" | "GREATER_THAN" | "LESS_THAN" | "GREATER_THAN_OR_EQUALS" | "LESS_THAN_OR_EQUALS" | "RANGE")[];
+}
+declare const _default: {
+    component: typeof component;
+    renderer: import('vue').DefineComponent<{
+        isDesigner: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        componentID: {
+            type: (StringConstructor | NumberConstructor)[];
+            required: true;
+        };
+        datas: {
+            type: globalThis.PropType<Record<string, any>>;
+            required: true;
+        };
+        componentProps: {
+            type: globalThis.PropType<baseAttribute & editAttribute & datetimeAttribute>;
+            required: true;
+        };
+        showDescription: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:datas": (...args: any[]) => void;
+    }, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+        isDesigner: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        componentID: {
+            type: (StringConstructor | NumberConstructor)[];
+            required: true;
+        };
+        datas: {
+            type: globalThis.PropType<Record<string, any>>;
+            required: true;
+        };
+        componentProps: {
+            type: globalThis.PropType<baseAttribute & editAttribute & datetimeAttribute>;
+            required: true;
+        };
+        showDescription: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        "onUpdate:datas"?: ((...args: any[]) => any) | undefined;
+    }, {
+        disabled: boolean;
+        readonly: boolean;
+        showDescription: boolean;
+        isDesigner: boolean;
+    }, {}>;
+    propEditor: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{}>>, {}, {}>;
+};
+export default _default;

package/dist/src/components/dynamicForm/components/base/date/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<globalThis.ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/dist/src/components/dynamicForm/components/base/date/renderer.vue.d.ts

@@ -0,0 +1,113 @@
+import { baseAttribute, editAttribute, datetimeAttribute } from '../../../types/componentAttribute/index';
+type componentType = baseAttribute & editAttribute & datetimeAttribute;
+declare const _default: import('vue').DefineComponent<{
+    /**
+     * 是否为设计模式
+     */
+    isDesigner: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 是否禁用
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 是否只读
+     */
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 组件ID
+     */
+    componentID: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: true;
+    };
+    /**
+     * 表单数据
+     */
+    datas: {
+        type: globalThis.PropType<Record<string, any>>;
+        required: true;
+    };
+    /**
+     * 组件属性
+     */
+    componentProps: {
+        type: globalThis.PropType<componentType>;
+        required: true;
+    };
+    /**
+     * 是否项目说明/答案解析
+     */
+    showDescription: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:datas": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    /**
+     * 是否为设计模式
+     */
+    isDesigner: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 是否禁用
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 是否只读
+     */
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 组件ID
+     */
+    componentID: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: true;
+    };
+    /**
+     * 表单数据
+     */
+    datas: {
+        type: globalThis.PropType<Record<string, any>>;
+        required: true;
+    };
+    /**
+     * 组件属性
+     */
+    componentProps: {
+        type: globalThis.PropType<componentType>;
+        required: true;
+    };
+    /**
+     * 是否项目说明/答案解析
+     */
+    showDescription: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:datas"?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    readonly: boolean;
+    showDescription: boolean;
+    isDesigner: boolean;
+}, {}>;
+export default _default;

package/dist/src/components/dynamicForm/components/base/hooks/useDatetimeType.d.ts

@@ -0,0 +1,15 @@
+import { datetimeTypeView } from '../../../types/datetimeTypeView';
+export declare function useDatetimeType(): {
+    /**
+     * @description: 获取日期时间的所有类型
+     */
+    getDatetimeTypes: () => datetimeTypeView[];
+    /**
+     * @description: 获取日期时间的所有类型
+     */
+    getTimeTypes: () => datetimeTypeView[];
+    /**
+     * @description: 判断是否为日期时间属性
+     */
+    isDatetimeProp: (prop: string) => boolean;
+};

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

@@ -2,4 +2,7 @@ import { default as checkbox } from './checkbox/index';
 import { default as input } from './input/index';
 import { default as label } from './label/index';
 import { default as radio } from './radio/index';
-export { label, input, radio, checkbox };
+import { default as date } from './date/index';
+import { default as time } from './time/index';
+import { default as inputNumber } from './inputNumber/index';
+export { label, input, radio, checkbox, date, time, inputNumber };

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

@@ -0,0 +1,107 @@
+import { default as baseComponent } from '../../../types/baseComponent';
+import { baseAttribute, editAttribute, inputNumberAttribute } from '../../../types/componentAttribute/index';
+declare class component extends baseComponent {
+    /**
+     * @description: 构造器
+     */
+    constructor();
+    /**
+     * @description: 获取校验规则
+     * @param componentProps
+     * @return
+     */
+    getRules(componentProps: Record<string, any>): ({
+        required: any;
+        message: any;
+        pattern?: undefined;
+    } | {
+        pattern: any;
+        message: any;
+        required?: undefined;
+    })[];
+    /**
+     * @description: 获取过滤条件属性
+     * @param componentProps
+     * @return
+     */
+    getFilterConditionProps(componentProps: Record<string, any>): {
+        type: string;
+    };
+    /**
+     * @description: 获取组件要排除的过滤条件集合
+     */
+    getExcludeFilterConditions(): ("NOT_EQUALS" | "INCLUDES" | "EXCLUDE" | "EMPTY" | "EQUALS" | "GREATER_THAN" | "LESS_THAN" | "GREATER_THAN_OR_EQUALS" | "LESS_THAN_OR_EQUALS" | "RANGE")[];
+}
+declare const _default: {
+    component: typeof component;
+    renderer: import('vue').DefineComponent<{
+        isDesigner: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        componentID: {
+            type: (StringConstructor | NumberConstructor)[];
+            required: true;
+        };
+        datas: {
+            type: globalThis.PropType<Record<string, any>>;
+            required: true;
+        };
+        componentProps: {
+            type: globalThis.PropType<baseAttribute & editAttribute & inputNumberAttribute>;
+            required: true;
+        };
+        showDescription: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:datas": (...args: any[]) => void;
+    }, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+        isDesigner: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        componentID: {
+            type: (StringConstructor | NumberConstructor)[];
+            required: true;
+        };
+        datas: {
+            type: globalThis.PropType<Record<string, any>>;
+            required: true;
+        };
+        componentProps: {
+            type: globalThis.PropType<baseAttribute & editAttribute & inputNumberAttribute>;
+            required: true;
+        };
+        showDescription: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        "onUpdate:datas"?: ((...args: any[]) => any) | undefined;
+    }, {
+        disabled: boolean;
+        readonly: boolean;
+        showDescription: boolean;
+        isDesigner: boolean;
+    }, {}>;
+    propEditor: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{}>>, {}, {}>;
+};
+export default _default;

package/dist/src/components/dynamicForm/components/base/inputNumber/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<globalThis.ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/dist/src/components/dynamicForm/components/base/inputNumber/renderer.vue.d.ts

@@ -0,0 +1,113 @@
+import { baseAttribute, editAttribute, inputNumberAttribute } from '../../../types/componentAttribute/index';
+type componentType = baseAttribute & editAttribute & inputNumberAttribute;
+declare const _default: import('vue').DefineComponent<{
+    /**
+     * 是否为设计模式
+     */
+    isDesigner: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 是否禁用
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 是否只读
+     */
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 组件ID
+     */
+    componentID: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: true;
+    };
+    /**
+     * 表单数据
+     */
+    datas: {
+        type: globalThis.PropType<Record<string, any>>;
+        required: true;
+    };
+    /**
+     * 组件属性
+     */
+    componentProps: {
+        type: globalThis.PropType<componentType>;
+        required: true;
+    };
+    /**
+     * 是否项目说明/答案解析
+     */
+    showDescription: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:datas": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    /**
+     * 是否为设计模式
+     */
+    isDesigner: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 是否禁用
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 是否只读
+     */
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 组件ID
+     */
+    componentID: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: true;
+    };
+    /**
+     * 表单数据
+     */
+    datas: {
+        type: globalThis.PropType<Record<string, any>>;
+        required: true;
+    };
+    /**
+     * 组件属性
+     */
+    componentProps: {
+        type: globalThis.PropType<componentType>;
+        required: true;
+    };
+    /**
+     * 是否项目说明/答案解析
+     */
+    showDescription: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:datas"?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    readonly: boolean;
+    showDescription: boolean;
+    isDesigner: boolean;
+}, {}>;
+export default _default;

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

@@ -0,0 +1,102 @@
+import { default as baseComponent } from '../../../types/baseComponent';
+import { baseAttribute, editAttribute, datetimeAttribute } from '../../../types/componentAttribute/index';
+declare class component extends baseComponent {
+    /**
+     * @description: 构造器
+     */
+    constructor();
+    /**
+     * @description: 获取校验规则
+     * @param componentProps
+     * @return
+     */
+    getRules(componentProps: Record<string, any>): {
+        required: any;
+        message: any;
+    }[];
+    /**
+     * @description: 获取过滤条件属性
+     * @param componentProps
+     * @return
+     */
+    getFilterConditionProps(componentProps: Record<string, any>): {
+        type: string;
+    };
+    /**
+     * @description: 获取组件要排除的过滤条件集合
+     */
+    getExcludeFilterConditions(): ("NOT_EQUALS" | "INCLUDES" | "EXCLUDE" | "EMPTY" | "EQUALS" | "GREATER_THAN" | "LESS_THAN" | "GREATER_THAN_OR_EQUALS" | "LESS_THAN_OR_EQUALS" | "RANGE")[];
+}
+declare const _default: {
+    component: typeof component;
+    renderer: import('vue').DefineComponent<{
+        isDesigner: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        componentID: {
+            type: (StringConstructor | NumberConstructor)[];
+            required: true;
+        };
+        datas: {
+            type: globalThis.PropType<Record<string, any>>;
+            required: true;
+        };
+        componentProps: {
+            type: globalThis.PropType<baseAttribute & editAttribute & datetimeAttribute>;
+            required: true;
+        };
+        showDescription: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:datas": (...args: any[]) => void;
+    }, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+        isDesigner: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        componentID: {
+            type: (StringConstructor | NumberConstructor)[];
+            required: true;
+        };
+        datas: {
+            type: globalThis.PropType<Record<string, any>>;
+            required: true;
+        };
+        componentProps: {
+            type: globalThis.PropType<baseAttribute & editAttribute & datetimeAttribute>;
+            required: true;
+        };
+        showDescription: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        "onUpdate:datas"?: ((...args: any[]) => any) | undefined;
+    }, {
+        disabled: boolean;
+        readonly: boolean;
+        showDescription: boolean;
+        isDesigner: boolean;
+    }, {}>;
+    propEditor: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{}>>, {}, {}>;
+};
+export default _default;

package/dist/src/components/dynamicForm/components/base/time/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<globalThis.ExtractPropTypes<{}>>, {}, {}>;
+export default _default;