zhytech-ui 1.0.7 → 1.0.9

package/README.md

@@ -21,7 +21,7 @@ npm i zhytech-ui@latest -S
 ##### 2、引入使用
 1)、按需引入：在要使用的页面添加下面代码即可
 ```ts
-import { dynamicFormData,dynamicFilter } from "zhytech-ui"
+import { ZhyFormDesigner, ZhyFormRenderer } from "zhytech-ui"
 ```
 2)、全局引入：在项目内任何页面都不需要单独引入
 ```ts
@@ -30,8 +30,15 @@ import "../node_modules/zhytech-ui/dist/style.css";
 createApp(app).use(zhytechUI)
 ```
 
-**注意：此组件css样式依赖scss开发，使用者项目还需要添加scss依赖**
+##### 2、使用组件
+```html
+   <zhy-form-designer :formData="formData"></zhy-form-designer>
+```
+
+> #### 注意：
+1)、此组件库提供的所有组件在使用时均需要添加**zhy**前缀，如：zhy-form-designer
+2)、此组件css样式依赖scss开发，使用者项目还需要添加scss依赖。
 
 
 > #### 后续计划：
-此组件还是一个雏形，后续会继续添加组件
+此组件库目前还处于雏形，后续会继续添加组件

package/dist/src/components/dynamicFilter/filterItem.vue.d.ts

@@ -0,0 +1,110 @@
+declare const _default: import('vue').DefineComponent<{
+    /**
+     * 过滤属性集合
+     */
+    modelValue: {
+        type: globalThis.PropType<Record<string, any>>;
+        required: true;
+    };
+    /**
+     * 显示条件之间的关系类型 and 或 or
+     */
+    showConditionType: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 过滤属性集合
+     */
+    items: {
+        type: {
+            (arrayLength: number): Record<string, any>[];
+            (...items: Record<string, any>[]): Record<string, any>[];
+            new (arrayLength: number): Record<string, any>[];
+            new (...items: Record<string, any>[]): Record<string, any>[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        required: true;
+    };
+    /**
+     * 过滤条件类型集合
+     */
+    filterConditions: {
+        type: globalThis.PropType<Record<string, Record<string, string>[]>>;
+        required: true;
+    };
+    /**
+     * 过滤属性的可选值集合
+     */
+    conditionProps: {
+        type: globalThis.PropType<Record<string, any>>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+    add: (...args: any[]) => void;
+    delete: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    /**
+     * 过滤属性集合
+     */
+    modelValue: {
+        type: globalThis.PropType<Record<string, any>>;
+        required: true;
+    };
+    /**
+     * 显示条件之间的关系类型 and 或 or
+     */
+    showConditionType: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 过滤属性集合
+     */
+    items: {
+        type: {
+            (arrayLength: number): Record<string, any>[];
+            (...items: Record<string, any>[]): Record<string, any>[];
+            new (arrayLength: number): Record<string, any>[];
+            new (...items: Record<string, any>[]): Record<string, any>[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        required: true;
+    };
+    /**
+     * 过滤条件类型集合
+     */
+    filterConditions: {
+        type: globalThis.PropType<Record<string, Record<string, string>[]>>;
+        required: true;
+    };
+    /**
+     * 过滤属性的可选值集合
+     */
+    conditionProps: {
+        type: globalThis.PropType<Record<string, any>>;
+        required: true;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onAdd?: ((...args: any[]) => any) | undefined;
+    onDelete?: ((...args: any[]) => any) | undefined;
+}, {
+    showConditionType: boolean;
+}, {}>;
+export default _default;

package/dist/src/components/dynamicFilter/index.d.ts

@@ -0,0 +1,4 @@
+import { default as dynamicFilter } from './index.vue';
+export { dynamicFilter };
+export type { conditionType };
+type conditionType = keyof typeof filterConditionTypes;

package/dist/src/components/dynamicFilter/index.vue.d.ts

@@ -23,7 +23,7 @@ declare const _default: import('vue').DefineComponent<{
      * 过滤条件类型集合
      */
     conditionTypes: {
-        type: globalThis.PropType<Record<string, ("EQUALS" | "NOT_EQUALS" | "GREATER_THAN" | "LESS_THAN" | "GREATER_THAN_OR_EQUALS" | "LESS_THAN_OR_EQUALS" | "EMPTY" | "INCLUDES" | "EXCLUDE" | "RANGE")[]>>;
+        type: globalThis.PropType<Record<string, ("EMPTY" | "EQUALS" | "NOT_EQUALS" | "GREATER_THAN" | "LESS_THAN" | "GREATER_THAN_OR_EQUALS" | "LESS_THAN_OR_EQUALS" | "INCLUDES" | "EXCLUDE" | "RANGE")[]>>;
         required: true;
     };
     /**
@@ -90,7 +90,7 @@ declare const _default: import('vue').DefineComponent<{
      * 过滤条件类型集合
      */
     conditionTypes: {
-        type: globalThis.PropType<Record<string, ("EQUALS" | "NOT_EQUALS" | "GREATER_THAN" | "LESS_THAN" | "GREATER_THAN_OR_EQUALS" | "LESS_THAN_OR_EQUALS" | "EMPTY" | "INCLUDES" | "EXCLUDE" | "RANGE")[]>>;
+        type: globalThis.PropType<Record<string, ("EMPTY" | "EQUALS" | "NOT_EQUALS" | "GREATER_THAN" | "LESS_THAN" | "GREATER_THAN_OR_EQUALS" | "LESS_THAN_OR_EQUALS" | "INCLUDES" | "EXCLUDE" | "RANGE")[]>>;
         required: true;
     };
     /**

package/dist/src/components/dynamicForm/components/application/employee/index.d.ts

@@ -23,7 +23,7 @@ declare class component extends baseComponent {
     /**
      * @description: 获取组件要排除的过滤条件集合
      */
-    getExcludeFilterConditions(): ("EQUALS" | "NOT_EQUALS" | "GREATER_THAN" | "LESS_THAN" | "GREATER_THAN_OR_EQUALS" | "LESS_THAN_OR_EQUALS" | "EMPTY" | "INCLUDES" | "EXCLUDE" | "RANGE")[];
+    getExcludeFilterConditions(): ("EMPTY" | "EQUALS" | "NOT_EQUALS" | "GREATER_THAN" | "LESS_THAN" | "GREATER_THAN_OR_EQUALS" | "LESS_THAN_OR_EQUALS" | "INCLUDES" | "EXCLUDE" | "RANGE")[];
 }
 declare const _default: {
     component: typeof component;

package/dist/src/components/dynamicForm/components/application/grade/index.d.ts

@@ -24,7 +24,7 @@ declare class component extends baseComponent {
     /**
      * @description: 获取组件要排除的过滤条件集合
      */
-    getExcludeFilterConditions(): ("EQUALS" | "NOT_EQUALS" | "GREATER_THAN" | "LESS_THAN" | "GREATER_THAN_OR_EQUALS" | "LESS_THAN_OR_EQUALS" | "EMPTY" | "INCLUDES" | "EXCLUDE" | "RANGE")[];
+    getExcludeFilterConditions(): ("EMPTY" | "EQUALS" | "NOT_EQUALS" | "GREATER_THAN" | "LESS_THAN" | "GREATER_THAN_OR_EQUALS" | "LESS_THAN_OR_EQUALS" | "INCLUDES" | "EXCLUDE" | "RANGE")[];
 }
 declare const _default: {
     component: typeof component;

package/dist/src/components/dynamicForm/components/application/post/index.d.ts

@@ -23,7 +23,7 @@ declare class component extends baseComponent {
     /**
      * @description: 获取组件要排除的过滤条件集合
      */
-    getExcludeFilterConditions(): ("EQUALS" | "NOT_EQUALS" | "GREATER_THAN" | "LESS_THAN" | "GREATER_THAN_OR_EQUALS" | "LESS_THAN_OR_EQUALS" | "EMPTY" | "INCLUDES" | "EXCLUDE" | "RANGE")[];
+    getExcludeFilterConditions(): ("EMPTY" | "EQUALS" | "NOT_EQUALS" | "GREATER_THAN" | "LESS_THAN" | "GREATER_THAN_OR_EQUALS" | "LESS_THAN_OR_EQUALS" | "INCLUDES" | "EXCLUDE" | "RANGE")[];
 }
 declare const _default: {
     component: typeof component;

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

@@ -23,7 +23,7 @@ declare class component extends baseComponent {
     /**
      * @description: 获取组件要排除的过滤条件集合
      */
-    getExcludeFilterConditions(): ("EQUALS" | "NOT_EQUALS" | "GREATER_THAN" | "LESS_THAN" | "GREATER_THAN_OR_EQUALS" | "LESS_THAN_OR_EQUALS" | "EMPTY" | "INCLUDES" | "EXCLUDE" | "RANGE")[];
+    getExcludeFilterConditions(): ("EMPTY" | "EQUALS" | "NOT_EQUALS" | "GREATER_THAN" | "LESS_THAN" | "GREATER_THAN_OR_EQUALS" | "LESS_THAN_OR_EQUALS" | "INCLUDES" | "EXCLUDE" | "RANGE")[];
 }
 declare const _default: {
     component: typeof component;

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

@@ -30,7 +30,7 @@ declare class component extends baseComponent {
     /**
      * @description: 获取组件要排除的过滤条件集合
      */
-    getExcludeFilterConditions(): ("EQUALS" | "NOT_EQUALS" | "GREATER_THAN" | "LESS_THAN" | "GREATER_THAN_OR_EQUALS" | "LESS_THAN_OR_EQUALS" | "EMPTY" | "INCLUDES" | "EXCLUDE" | "RANGE")[];
+    getExcludeFilterConditions(): ("EMPTY" | "EQUALS" | "NOT_EQUALS" | "GREATER_THAN" | "LESS_THAN" | "GREATER_THAN_OR_EQUALS" | "LESS_THAN_OR_EQUALS" | "INCLUDES" | "EXCLUDE" | "RANGE")[];
 }
 declare const _default: {
     component: typeof component;

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

@@ -23,7 +23,7 @@ declare class component extends baseComponent {
     /**
      * @description: 获取组件要排除的过滤条件集合
      */
-    getExcludeFilterConditions(): ("EQUALS" | "NOT_EQUALS" | "GREATER_THAN" | "LESS_THAN" | "GREATER_THAN_OR_EQUALS" | "LESS_THAN_OR_EQUALS" | "EMPTY" | "INCLUDES" | "EXCLUDE" | "RANGE")[];
+    getExcludeFilterConditions(): ("EMPTY" | "EQUALS" | "NOT_EQUALS" | "GREATER_THAN" | "LESS_THAN" | "GREATER_THAN_OR_EQUALS" | "LESS_THAN_OR_EQUALS" | "INCLUDES" | "EXCLUDE" | "RANGE")[];
 }
 declare const _default: {
     component: typeof component;

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

@@ -25,8 +25,8 @@ declare const _default: import('vue').DefineComponent<{
         type: globalThis.PropType<any>;
     };
 }>> & {
-    onSelect?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((modelValue: any) => any) | undefined;
+    onSelect?: ((...args: any[]) => any) | undefined;
 }, {
     params: batchAddComponentParam;
 }, {}>;

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

@@ -103,10 +103,10 @@ declare const _default: import('vue').DefineComponent<{
     onClear?: ((...args: any[]) => any) | undefined;
     onResult?: ((...args: any[]) => any) | undefined;
 }, {
+    title: string;
+    clearable: boolean;
     showStyle: boolean;
     defaultValue: Record<string, any>[];
-    title: string;
     content: string;
-    clearable: boolean;
 }, {}>;
 export default _default;

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

@@ -59,8 +59,8 @@ declare const _default: import('vue').DefineComponent<{
         default: boolean;
     };
 }>> & {
-    onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
 }, {
     placeholder: string;
     disabled: boolean;

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

@@ -0,0 +1,67 @@
+type conditionType = keyof typeof filterConditionTypes;
+export default class baseComponent {
+    /**
+     * @description: 是否为编辑类组件
+     */
+    isEdit: boolean;
+    /**
+     * @description: 是否为输入型编辑类组件
+     */
+    isInput: boolean;
+    /**
+     * @description: 类型
+     */
+    type: string;
+    /**
+     * @description: 名称
+     */
+    name: string;
+    /**
+     * @description: 组件唯一标识
+     */
+    id: string;
+    /**
+     * @description: 业务字典项目编号
+     */
+    itemID?: string;
+    /**
+     * @description: 业务字典项目来源
+     */
+    itemSourceType?: string;
+    /**
+     * @description: 组件校验条件
+     */
+    rules: Record<string, any>[];
+    /**
+     * @description: 组件属性
+     */
+    props: Record<string, any>;
+    /**
+     * @description: 组件要排除的过滤条件集合
+     * 参数说明：EQUALS:等于; NOT_EQUALS:不等于; GREATER_THAN:大于; LESS_THAN:小于;
+     * GREATER_THAN_OR_EQUALS:大于等于; LESS_THAN_OR_EQUALS:小于等于;
+     * EMPTY:为空; INCLUDES:包含; EXCLUDE:不包含; RANGE:范围
+     */
+    excludeFilterConditions: conditionType[];
+    /**
+     * @description: 组件过滤参数
+     */
+    filterConditionProps: Record<string, any> | undefined;
+    /**
+     * @description: 是否为布局组件
+     */
+    isLayout: boolean;
+    /**
+     * @description:布局组件的子组件集合
+     */
+    children: Record<string, any>[] | undefined;
+    /**
+     * @description: 构造器
+     * @param type 组件类型
+     * @param name 组件名称
+     * @param isEdit 是否为编辑类组件,默认为false
+     * @param isInput 是否为输入型编辑类组件,默认为false
+     */
+    constructor(type: string, name: string, isEdit?: boolean, isInput?: boolean);
+}
+export {};

package/dist/src/components/icon/index.d.ts

@@ -0,0 +1,2 @@
+import { default as icon } from './index.vue';
+export { icon };

package/dist/src/components/icon/index.vue.d.ts

@@ -0,0 +1,31 @@
+declare const _default: import('vue').DefineComponent<{
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    color: string;
+    size: string;
+}, {}>;
+export default _default;

package/dist/src/index.d.ts

@@ -1,7 +1,8 @@
-import { conditionType, dynamicFilter } from './components/dynamicFilter/index';
-import { batchAddComponentParam, documentView, dynamicFormData, formAttribute, GetFormTemplateMethod, uploadOption, formDesigner, formRenderer } from './components/dynamicForm/index';
+import { conditionType, dynamicFilter as ZhyDynamicFilter } from './components/dynamicFilter/index';
+import { batchAddComponentParam, documentView, dynamicFormData, formAttribute, GetFormTemplateMethod, uploadOption, formDesigner as ZhyFormDesigner, formRenderer as ZhyFormRenderer } from './components/dynamicForm/index';
+import { icon as ZhyIcon } from './components/icon/index';
 export type { conditionType, dynamicFormData, formAttribute, uploadOption, documentView, batchAddComponentParam, GetFormTemplateMethod };
-export { formDesigner, formRenderer, dynamicFilter };
+export { ZhyIcon, ZhyFormDesigner, ZhyFormRenderer, ZhyDynamicFilter };
 declare const _default: {
     install: (app: any, options?: Record<string, any> | undefined) => void;
 };

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

@@ -1,28 +1,28 @@
 /**
  * 消息类型
  */
-export declare enum MessageType {
+declare enum MessageType {
     /**
      * 成功消息
      */
-    success = 0,
+    success,
     /**
      * 警告消息
      */
-    warning = 1,
+    warning,
     /**
      * 错误消息
      */
-    error = 2,
+    error,
     /**
      * 普通消息
      */
-    info = 3
+    info
 }
 /**
  * 过滤条件组件类型
  */
-export declare enum filterConditionTypes {
+declare enum filterConditionTypes {
     /**
      * 等于=
      */

package/dist/src/utils/message.d.ts

@@ -0,0 +1,34 @@
+type MType = keyof typeof MessageType;
+/**
+ * @description: 提示信息
+ * @param type 类型
+ * @param message 消息内容
+ * @return
+ */
+export declare const showMessage: (type: MType, message: string) => void;
+/**
+ * @description: 弹窗
+ * @param type 类型
+ * @param message 消息内容
+ * @param title 消息标题
+ * @param btnName 按钮显示文字
+ * @return
+ */
+export declare const showAlert: (type: MType, message: string, title?: string, btnName?: string) => Promise<import('element-plus').MessageBoxData>;
+/**
+ * @description: 确认弹窗
+ * @param message 消息内容
+ * @param title 消息标题
+ * @param callback 回调函数
+ * @param btnName 按钮显示文字
+ * @return
+ */
+export declare const confirmBox: (message: string, title: string, callback?: Function, btnName?: string) => Promise<void>;
+/**
+ * @description: 删除确认框
+ * @param message 消息内容
+ * @param callback 回调韩式
+ * @return
+ */
+export declare const deleteConfirm: (message: string, callback: Function) => Promise<void>;
+export {};