zhytech-ui 1.0.35 → 1.0.36

package/README.md

@@ -51,13 +51,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,6 @@ 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';
+export { label, input, radio, checkbox, date, time };

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;

package/dist/src/components/dynamicForm/components/base/time/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/types/componentAttribute/base/datetimeAttribute.d.ts

@@ -0,0 +1,54 @@
+/**
+ * @description:日期时间(date/time)独有属性
+ */
+export interface datetimeAttribute {
+    /**
+     * @description: 日期时间类型：'year' | 'years' |'month' | 'months' | 'date' | 'dates' | 'datetime' | 'week' | 'datetimerange' | 'daterange' | 'monthrange' | 'yearrange'
+     *
+     */
+    datetimeType?: string;
+    /**
+     * 日期时间格式
+     */
+    format?: string;
+    /**
+     * 日期时间值格式
+     */
+    valueFormat?: string;
+    /**
+     * 最大时间
+     */
+    maxTime?: string;
+    /**
+     * 最小时间
+     */
+    minTime?: string;
+    /**
+     * 允许选择当前时间之前的年/月/周/天/小时/分钟
+     */
+    beforeTimeThreshold?: number;
+    /**
+     * 允许选择当前时间之后的年/月/周/天/小时/分钟
+     */
+    afterTimeThreshold?: number;
+    /**
+     * 日期/时间区间连接符
+     */
+    rangeSeparator?: string;
+    /**
+     * 是否为时间区间
+     */
+    isRange?: string;
+    /**
+     * 开始时间
+     */
+    startTime?: string;
+    /**
+     * 结束时间
+     */
+    endTime?: string;
+    /**
+     * 间隔时间
+     */
+    timeStep?: string;
+}

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

@@ -82,4 +82,8 @@ export interface baseAttribute {
      * 所属tabs组件的页签ID
      */
     pageID?: string;
+    /**
+     * 所属tabs组件的页签ID
+     */
+    componentWidth?: number;
 }

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

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

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

@@ -0,0 +1,26 @@
+export interface datetimeTypeView {
+    /**
+     * 类型
+     */
+    type: string;
+    /**
+     * 类型名称
+     */
+    typeName: string;
+    /**
+     * 格式
+     */
+    format: string;
+    /**
+     * 单位
+     */
+    unit?: string;
+    /**
+     * 宽度
+     */
+    width?: number;
+    /**
+     * 类型对应的属性集合
+     */
+    props: string[];
+}