zhytech-ui 1.0.36 → 1.0.38

package/README.md

@@ -1,7 +1,7 @@
 # zhytechUI
 
 > ### 简介
-一个基于Vue3 + ElementPlus + TypeScript封装的公司内部组件库
+一个基于Vue3 + ElementPlus + TypeScript封装的前端UI组件库
 
 > ### 组件列表
 #### 1、dynamicForm
@@ -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,6 +52,12 @@ createApp(app).use(zhytechUI)
 2)、此组件css样式依赖scss开发，使用者项目还需要添加scss依赖。
 
 > #### 版本更新清单：
+**V 1.0.37**
+```
+1.zhy-form-designer组件新增数字框组件，支持允许输入文本、支持上下限限制配置
+2.优化zhy-icon组件内部逻辑
+3.优化组件库样式
+```
 
 **V 1.0.36**
 ```

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

@@ -4,4 +4,5 @@ import { default as label } from './label/index';
 import { default as radio } from './radio/index';
 import { default as date } from './date/index';
 import { default as time } from './time/index';
-export { label, input, radio, checkbox, date, time };
+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/formRenderer.vue.d.ts

@@ -52,12 +52,15 @@ declare const _default: import('vue').DefineComponent<{
         default: boolean;
     };
     /**
-     * 已选择组件集合，用于回显
+     * 批量导入时传入已选择组件集合
      */
     selectComponents: {
         type: globalThis.PropType<Record<string, any>[]>;
         default: () => never[];
     };
+    /**
+     * 隐藏标题
+     */
     hiddenTitle: {
         type: BooleanConstructor;
         default: boolean;
@@ -153,12 +156,15 @@ declare const _default: import('vue').DefineComponent<{
         default: boolean;
     };
     /**
-     * 已选择组件集合，用于回显
+     * 批量导入时传入已选择组件集合
      */
     selectComponents: {
         type: globalThis.PropType<Record<string, any>[]>;
         default: () => never[];
     };
+    /**
+     * 隐藏标题
+     */
     hiddenTitle: {
         type: BooleanConstructor;
         default: boolean;

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

@@ -0,0 +1,18 @@
+import { abnormalCheckType, checkLevelType } from '../../../types/enum';
+type abnormalCheck = keyof typeof abnormalCheckType;
+type checkLevel = keyof typeof checkLevelType;
+export interface abnormalCheckView {
+    /**
+     * 类型
+     */
+    type: abnormalCheck;
+    /**
+     * 检核值
+     */
+    value: number;
+    /**
+     * 检核级别
+     */
+    level: checkLevel;
+}
+export {};

package/dist/src/components/dynamicForm/types/componentAttribute/base/inputNumberAttribute.d.ts

@@ -0,0 +1,27 @@
+import { abnormalCheckView } from '../../abnormalCheckView';
+import { relevanceConditionView } from '../../relevanceConditionView';
+/**
+ * @description: 数字框组件(inputNumber)独有属性
+ */
+export interface inputNumberAttribute {
+    /**
+     * 单位
+     */
+    unit: string;
+    /**
+     * 是否允许输入文本
+     */
+    allowText: boolean;
+    /**
+     * 允许输入的文本
+     */
+    allowTextOptions?: string[];
+    /**
+     * 异常值检核列表
+     */
+    abnormalCheckList?: abnormalCheckView[];
+    /**
+     * 关联条件列表
+     */
+    relevanceConditionList?: relevanceConditionView[];
+}

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

@@ -86,4 +86,16 @@ export interface baseAttribute {
      * 所属tabs组件的页签ID
      */
     componentWidth?: number;
+    /**
+     * 获取数据接口
+     */
+    fetchDataInterface?: string;
+    /**
+     * 获取远端数据接口参数
+     */
+    dataInterfaceParameter?: Record<string, any>[];
+    /**
+     * 远端数据属性映射
+     */
+    dataAttributeMapping?: Record<string, string>;
 }

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

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

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

@@ -0,0 +1,21 @@
+import { relevanceType } from '../../../types/enum';
+type relevance = keyof typeof relevanceType;
+export interface relevanceConditionView {
+    /**
+     * 类型
+     */
+    type: relevance;
+    /**
+     * 上限值
+     */
+    upperLimit: number;
+    /**
+     * 下限值
+     */
+    lowerLimit: number;
+    /**
+     * 目标项目序号
+     */
+    targetItemID: string;
+}
+export {};

package/dist/src/types/enum.d.ts

@@ -68,10 +68,71 @@ export declare enum filterConditionTypes {
  * @description: 组件类型
  */
 export declare enum componentType {
+    /**
+     * 输入框
+     */
     INPUT = "input",
+    /**
+     * 日期时间
+     */
     DATETIME = "datetime",
+    /**
+     * 日期
+     */
     DATE = "date",
+    /**
+     * 时间
+     */
     TIME = "time",
+    /**
+     * 下拉框
+     */
     SELECTOR = "selector",
+    /**
+     * 级联选择器
+     */
     CASCADER_SELECTOR = "cascaderSelector"
 }
+/**
+ * @description: 异常值检核类型
+ */
+export declare enum abnormalCheckType {
+    /**
+     * 上限
+     */
+    upperLimit = "\u4E0A\u9650\u503C",
+    /**
+     * 下限
+     */
+    lowerLimit = "\u4E0B\u9650\u503C",
+    /**
+     * 小数位数
+     */
+    decimalPlace = "\u5C0F\u6570\u4F4D"
+}
+/**
+ * @description: 异常值检核级别类型
+ */
+export declare enum checkLevelType {
+    /**
+     * 错误
+     */
+    error = "\u9519\u8BEF",
+    /**
+     * 警告
+     */
+    warning = "\u8B66\u544A"
+}
+/**
+ * @description: 关联类型
+ */
+export declare enum relevanceType {
+    /**
+     * 自动选择
+     */
+    autoSelect = "\u81EA\u52A8\u9009\u62E9",
+    /**
+     * 自动取消
+     */
+    autoCancel = "\u81EA\u52A8\u53D6\u6D88"
+}