zhytech-ui 1.2.13 → 1.2.15

package/README.md

@@ -90,6 +90,17 @@ npm install --legacy-peer-deps
 
 > #### 版本更新清单：
 
+**V 1.2.15**
+```html
+1.新增jsonViewer组件，用于查看json格式数据
+2.zhy-dynamic-form组件的input组件新增支持设置动态请求数据
+```
+
+**V 1.2.14**
+```html
+1.调整zhy-dynamic-form组件的单选、多选组件的选项支持设置分数，getData方法返回数据时，包含选项的分数
+```
+
 **V 1.2.13**
 ```html
 1.修复zhy-dynamic-renderer组件tabs组件无法添加子组件问题

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

@@ -0,0 +1,93 @@
+import { default as baseComponent } from '../../../types/baseComponent';
+import { baseAttribute, editAttribute, departmentAttribute } from '../../../types/componentAttribute/index';
+import { filterConditionTypes } from '../../../../../types/enum';
+type conditionType = keyof typeof filterConditionTypes;
+declare class component extends baseComponent {
+    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;
+        options: any;
+    };
+    /**
+     * @description: 获取组件要排除的过滤条件集合
+     */
+    getExcludeFilterConditions(): conditionType[];
+}
+declare const _default: {
+    component: typeof component;
+    renderer: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+        isDesigner: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        componentID: {
+            type: (StringConstructor | NumberConstructor)[];
+            required: true;
+        };
+        datas: {
+            type: PropType<Record<string, any>>;
+            required: true;
+        };
+        componentProps: {
+            type: PropType<baseAttribute & editAttribute & departmentAttribute>;
+            required: true;
+        };
+        showDescription: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {}, {}, {}, {}, 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;
+        };
+        componentID: {
+            type: (StringConstructor | NumberConstructor)[];
+            required: true;
+        };
+        datas: {
+            type: PropType<Record<string, any>>;
+            required: true;
+        };
+        componentProps: {
+            type: PropType<baseAttribute & editAttribute & departmentAttribute>;
+            required: true;
+        };
+        showDescription: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        "onUpdate:datas"?: ((...args: any[]) => any) | undefined;
+    }>, {
+        disabled: boolean;
+        showDescription: boolean;
+        isDesigner: boolean;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+    propEditor: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+};
+export default _default;

package/dist/src/components/dynamicForm/components/application/department/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<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/src/components/dynamicForm/components/application/department/renderer.vue.d.ts

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

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

@@ -1,4 +1,5 @@
 import { default as employee } from './employee/index';
 import { default as grade } from './grade/index';
 import { default as post } from './post/index';
-export { employee, grade, post };
+import { default as department } from './department/index';
+export { employee, grade, post, department };

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

@@ -0,0 +1,11 @@
+type __VLS_PublicProps = {
+    modelValue?: Record<string, any>;
+};
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: Record<string, any>) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Record<string, any>) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    settingDropdown: unknown;
+}, any>;
+export default _default;

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

@@ -0,0 +1,34 @@
+import { eventTypeEnum } from '../../types/enum';
+import { httpSettingView } from '../../types/httpSettingView';
+type __VLS_Props = {
+    eventType: eventTypeEnum;
+    componentID: string;
+};
+type __VLS_PublicProps = {
+    modelValue?: httpSettingView[];
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        httpSettingForm: unknown;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: httpSettingView[]) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: httpSettingView[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    httpSettingForm: unknown;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/dynamicForm/types/componentAttribute/application/departmentAttribute.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @description: 部门(department)组件属性
+ */
+export interface departmentAttribute {
+    /**
+     * 显示类型
+     */
+    type: "selector" | "cascader";
+    /**
+     * 是否可以多选
+     */
+    multiple: boolean;
+    /**
+     * 部门列表
+     */
+    options: Record<string, any>[];
+}

package/dist/src/components/dynamicForm/types/componentAttribute/application/employeeAttribute.d.ts

@@ -21,7 +21,7 @@ export interface employeeAttribute {
     /**
      * displayType=selector时是否可以多选
      */
-    multiple?: boolean;
+    multiple: boolean;
     /**
      * 人员列表
      */

package/dist/src/components/dynamicForm/types/componentAttribute/application/postAttribute.d.ts

@@ -21,7 +21,7 @@ export interface postAttribute {
     /**
      * displayType=selector时是否可以多选
      */
-    multiple?: boolean;
+    multiple: boolean;
     /**
      * 岗位列表
      */

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

@@ -18,4 +18,16 @@ export interface inputAttribute {
      * 正则验证提示信息
      */
     patternMessage?: string;
+    /**
+     * 最小行数
+     */
+    min?: number;
+    /**
+     * 最大行数
+     */
+    max?: number;
+    /**
+     * 是否支持查询标记
+     */
+    queryFlag: boolean;
 }

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

@@ -1,3 +1,4 @@
+import { httpSettingView } from '../httpSettingView';
 /**
  * @description: 组件基本属性类型
  */
@@ -91,15 +92,7 @@ export interface baseAttribute {
      */
     lineBreak?: boolean;
     /**
-     * 获取数据接口
+     * HTTP请求设置
      */
-    fetchDataInterface?: string;
-    /**
-     * 获取远端数据接口参数
-     */
-    dataInterfaceParameter?: Record<string, any>[];
-    /**
-     * 远端数据属性映射
-     */
-    dataAttributeMapping?: Record<string, string>;
+    httpSettings?: httpSettingView[];
 }

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

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

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

@@ -63,6 +63,10 @@ export declare enum componentTypeEnum {
      * 岗位组件
      */
     POST = "post",
+    /**
+     * 部门组件
+     */
+    DEPARTMENT = "department",
     GROUP_LAYOUT = "groupLayout",
     /**
      * 页签
@@ -133,3 +137,20 @@ export declare enum relevanceType {
      */
     autoCancel = "\u81EA\u52A8\u53D6\u6D88"
 }
+/**
+ * @description: 事件类型
+ */
+export declare enum eventTypeEnum {
+    /**
+     * 改变事件
+     */
+    Change = "change",
+    /**
+     * 点击事件
+     */
+    Click = "click",
+    /**
+     * 查询事件
+     */
+    Query = "query"
+}

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

@@ -0,0 +1,34 @@
+import { eventTypeEnum } from './enum';
+/**
+ * @description: HTTP请求设置
+ */
+export interface httpSettingView {
+    /**
+     * HTTP请求类型
+     */
+    eventType: eventTypeEnum;
+    /**
+     * HTTP基础URL
+     */
+    baseUrl: string;
+    /**
+     * HTTP函数URL
+     */
+    functionUrl: string;
+    /**
+     * HTTP请求方法
+     */
+    method?: "post" | "get";
+    /**
+     * HTTP请求参数
+     */
+    parameters?: Record<string, any>[];
+    /**
+     * 是否映射到组件实例
+     */
+    dataMappingSelf?: boolean;
+    /**
+     * HTTP数据映射
+     */
+    dataMappings?: Record<string, string>[];
+}

package/dist/src/components/jsonViewer.vue.d.ts

@@ -0,0 +1,86 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    jsonData: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    deep: {
+        type: NumberConstructor;
+        default: number;
+    };
+    showLength: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    highlightSelected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showLineNumber: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    virtual: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    editable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    jsonData: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    deep: {
+        type: NumberConstructor;
+        default: number;
+    };
+    showLength: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    highlightSelected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showLineNumber: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    virtual: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    editable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    height: number;
+    deep: number;
+    jsonData: Record<string, any>;
+    showLength: boolean;
+    highlightSelected: boolean;
+    showLineNumber: boolean;
+    showIcon: boolean;
+    virtual: boolean;
+    editable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/src/hooks/useUtils.d.ts

@@ -1,3 +1,4 @@
+import { httpSettingView } from '../components/dynamicForm/types/httpSettingView';
 export declare function useUtils(): {
     /**
      * @description: 计算表达式，实现eval函数功能，解决使用eval时编译报错
@@ -79,4 +80,12 @@ export declare function useUtils(): {
      * value: localStorage的value
      */
     session(key: string, value?: any): any;
+    /**
+     * @description: 调用api
+     * @param httpSetting 接口配置
+     * @param datas 接口参数替换数据
+     * @param autoDealResult 是否自动处理结果
+     * @return
+     */
+    callApi(httpSetting: httpSettingView, datas: Record<string, any>, autoDealResult?: boolean): Promise<Record<string, any>>;
 };

package/dist/src/index.d.ts

@@ -2,6 +2,7 @@ import { MessageType, filterConditionTypes, componentType } from './types/enum';
 import { dynamicFilter as zhyDynamicFilter, conditionType, filterConditionPropType, filterConditionType, filterItemType, propOptionType } from './components/dynamicFilter/index';
 import { documentView, dynamicFormData, formAttribute, dictionaryData, dictionaryItem, uploadOption, batchAddComponentParam, getFormTemplateMethod, formListView, searchParam, formDesigner as zhyFormDesigner, formRenderer as zhyFormRenderer } from './components/dynamicForm/index';
 import { icon as zhyIcon } from './components/icon/index';
+import { default as zhyJsonViewer } from './components/jsonViewer.vue';
 import { filePreview as zhyFilePreview, fileView, filePreviewOption, videoConfigType, pdfOptionType } from './components/filePreview/index';
 import { richTextEditor as zhyRichTextEditor, richTextConfigOption } from './components/richTextEditor/index';
 import { verificationCode as zhyVerificationCode, vcodeConfigOption } from './components/verificationCode/index';
@@ -16,7 +17,7 @@ type selectOptionsView = SelectOptionsView;
 export type { optionView, selectOptionsView, conditionType, filterConditionPropType, filterConditionType, filterItemType, propOptionType, dynamicFormData, formAttribute, dictionaryData, dictionaryItem, uploadOption, documentView, batchAddComponentParam, getFormTemplateMethod, formListView, searchParam, fileView, filePreviewOption, videoConfigType, pdfOptionType, richTextConfigOption, vcodeConfigOption };
 export { MessageType, filterConditionTypes, componentType };
 export { setTheme };
-export { zhyFormDesigner, zhyFormRenderer, zhyDynamicFilter, zhyIcon, zhyFilePreview, zhyRichTextEditor, zhyVerificationCode };
+export { zhyFormDesigner, zhyFormRenderer, zhyDynamicFilter, zhyIcon, zhyFilePreview, zhyRichTextEditor, zhyVerificationCode, zhyJsonViewer };
 declare const _default: {
     install: (app: any, options?: Record<string, any>) => void;
 };

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

@@ -0,0 +1,6 @@
+type EventType = {
+    [propName: string]: any;
+};
+declare const _default: import('mitt').Emitter<EventType>;
+export default _default;
+export declare const UPDATE_DYNAMIC_FORM_DATAS_EVENTS = "updateDynamicFormDatas";