zjh-web-ui 1.0.10

package/types/components.d.ts

@@ -0,0 +1,21 @@
+export * from './components/HuiLineEditDialog';
+export * from './components/HuiPreviewRichTextDialog';
+export * from './components/HuiShowUrlDialog';
+export * from './components/HuiStringArrayInputDialog';
+export * from './components/HuiCountDownButton';
+export * from './components/HuiRegionTreeDialog';
+export * from './components/HuiTinymceDialog';
+export * from './components/HuiTinymce';
+export * from './components/HuiSelectLoadStatus';
+export * from './components/HuiLineEditPopover';
+export * from './components/HuiAMapSelectAddress';
+export * from './components/HuiAMapSelectAddressDialog';
+export * from './components/HuiAMapSearchAddress';
+export * from './components/HuiAMapSearchAddressDialog';
+export * from './components/HuiGridForm';
+export * from './components/HuiDataView';
+export * from './components/HuiRegionTreeSelect';
+export * from './components/HuiAMapMassMarkers';
+export * from './components/HuiTags';
+export * from './components/HuiTagsMore';
+export * from './components/HuiTip';

package/types/delegate.d.ts

@@ -0,0 +1,41 @@
+export interface HuiDelegate {
+    /**
+     * 地区的所有数据
+     * @returns
+     */
+    getRegionTree?: () => any[] | Promise<any[]>;
+    /**
+     * 上传oss
+     * @param file 文件信息
+     * @returns {Promise<[any, any]>} 上传后的结果
+     */
+    putOss?: (file: File | Blob | any) => Promise<[any, any]>;
+    /**
+     * 地图相关配置
+     */
+    amapConfig?: {
+        key: string;
+        serviceHost: string;
+    };
+    /**
+       * 获取按钮权限
+       * @returns
+       */
+    getBtnPermission?: () => {
+        [key: string]: any;
+    };
+    /**
+     * 其他配置
+     */
+    [key: string]: any;
+}
+/**
+ * window 全局变量声明
+ */
+declare global {
+    interface Window {
+        /** 依赖外部传入的delegate */
+        huiDelegate: HuiDelegate;
+    }
+}
+export declare const defaultDelegate: HuiDelegate;

package/types/directives/index.d.ts

@@ -0,0 +1,4 @@
+/**
+ * 按需引入的指令，不需全局挂载，
+ */
+export { selectLoadmore } from './select-loadmore';

package/types/directives/install-loadmore.d.ts

@@ -0,0 +1,7 @@
+import { App } from 'vue';
+
+/**
+ * 需全局挂载的指令
+ * @param app
+ */
+export declare function installDirective(app: App): void;

package/types/directives/select-loadmore.d.ts

@@ -0,0 +1,7 @@
+import { Directive, App } from 'vue';
+
+export declare const selectLoadmore: Directive;
+declare const _default: {
+    install(app: App): void;
+};
+export default _default;

package/types/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export * from './useHuiDialog/useHuiDialog';
+export * from './useHuiFormDialog/useHuiFormDialog';
+export * from './useHuiFormDialog/formDialogPropsDef.ts';

package/types/hooks/useHuiDialog/useHuiDialog.d.ts

@@ -0,0 +1,18 @@
+import { Ref } from 'vue';
+/**
+ * 普通弹框通用逻辑
+ * 集成 el-dialog 组件 的hooks，props 透传到 el-dialog
+ * @returns
+ * @example
+ *  normalDialogTest.value?.open(id, payload)
+ * <NormalDialogTest ref="formDialogTest" top="40vh" width="60vw" @open="beforeOpen" @close="beforeClose" />
+ */
+export declare const useHuiDialog: () => {
+    id: Ref<string, string>;
+    show: Ref<boolean, boolean>;
+    payload: Ref<{}, {}>;
+    dialogLoading: Ref<boolean, boolean>;
+    confirmLoading: Ref<boolean, boolean>;
+    open: (dataId?: string, info?: {}) => void;
+    close: () => void;
+};

package/types/hooks/useHuiFormDialog/formDialogPropsDef.d.ts

@@ -0,0 +1,3 @@
+export declare const formDialogPropsDef: {
+    permission: ObjectConstructor;
+};

package/types/hooks/useHuiFormDialog/type.d.ts

@@ -0,0 +1,90 @@
+import { Ref } from 'vue';
+
+export interface UseHuiFormDialogForm {
+    id?: string | number;
+    [key: string]: any;
+}
+export interface UseHuiFormDialogConfirm {
+    message: string;
+    payload?: PayLoadType;
+}
+export interface PayLoadType {
+    /** 控制图标展示类型 info:叹号 success:钩 question:问号 */
+    iconType?: 'info' | 'success' | 'question';
+    /** 控制图标展示的颜色 */
+    type?: "info" | "success" | "danger" | "warning";
+    /** 取消按钮的文本 */
+    cancelText?: string;
+    /** 确定按钮的文本 */
+    confirmText?: string;
+    /** 弹窗宽度 */
+    width?: number;
+}
+export interface HuiFormDialogParamsPermission {
+    /**
+     * 新增接口需要的权限code
+     */
+    postCode?: string;
+    /**
+     * 编辑接口需要的权限code
+     */
+    putCode?: string;
+    /**
+     * 新增接口没有权限的时候提示的文字
+     */
+    postCodeTip?: string;
+    /**
+     * 编辑接口没有权限的时候提示的文字
+     */
+    putCodeTip?: string;
+    /**
+     * 权限处理方法
+     */
+    checkRight?: (type: string) => boolean;
+}
+export interface UseHuiFormDialogParams {
+    /**
+     * 编辑接口
+     */
+    put?: any | null;
+    /**
+     * 新增接口
+     */
+    post?: any | null;
+    /**
+     * 权限相关配置
+     */
+    permission?: HuiFormDialogParamsPermission;
+    /**
+     * 表单格式
+     */
+    formModel: UseHuiFormDialogForm;
+    /**
+     * 是否显示提交成功提示
+     */
+    showSuccessTip?: boolean;
+    /**
+     * 提交之前的处理，可用于转化提交的表单
+     */
+    beforeSubmit?: (submitForm: UseHuiFormDialogForm) => UseHuiFormDialogForm;
+    /**
+     * 提交之前的检查
+     */
+    submitCheck?: (submitForm: UseHuiFormDialogForm) => boolean;
+    /**
+     * 提交成功之后的处理
+     */
+    afterSubmit?: (submitForm: UseHuiFormDialogForm) => void;
+    /**
+     * 是否需要二次确认
+     */
+    isNeedDoubleConfirm?: boolean | Ref<boolean> | any;
+    /**
+     * 二次确认弹框配置，不传使用默认值
+     */
+    doubleConfirmConfig?: UseHuiFormDialogConfirm;
+    /**
+     * 二次确认方法，优先级高于配置, submitForm：要提交的表单; submitAction：提交吹; cancelAction: 取消提交处理
+     */
+    doubleConfirmAction?: (submitForm: UseHuiFormDialogForm, submitAction: (submitForm: UseHuiFormDialogForm) => void, cancelAction: () => void) => void;
+}

package/types/hooks/useHuiFormDialog/useHuiFormDialog.d.ts

@@ -0,0 +1,32 @@
+import { UseHuiFormDialogForm, UseHuiFormDialogParams } from './type';
+import { Ref } from 'vue';
+
+/**
+ * 表单弹框通用逻辑
+ * 集成 el-dialog 组件 的hooks, props 透传到 el-dialog
+ * @param {*} UseHuiFormDialogParams
+ * @returns
+ * @example
+ * formDialogTest.value?.open()
+ * <FormDialogTest ref="formDialogTest" top="20vh" width="40vw" @open="beforeOpen" @close="beforeClose" />
+ */
+export declare const useHuiFormDialog: ({ formModel, showSuccessTip, isNeedDoubleConfirm, doubleConfirmConfig, beforeSubmit, submitCheck, afterSubmit, doubleConfirmAction, put, post, permission, }: UseHuiFormDialogParams) => {
+    show: Ref<boolean, boolean>;
+    form: Ref<{
+        [x: string]: any;
+        id?: string | number;
+    }, UseHuiFormDialogForm | {
+        [x: string]: any;
+        id?: string | number;
+    }>;
+    formRef: Ref<any, any>;
+    formLoading: Ref<boolean, boolean>;
+    confirmLoading: Ref<boolean, boolean>;
+    open: (id?: string, defaultFormValue?: {}) => void;
+    close: () => void;
+    resetLoading: () => void;
+    resetFormFields: () => void;
+    handleSubmit: () => void;
+    handleCancel: () => void;
+    checkPermission: () => any;
+};

package/types/index.d.ts

@@ -0,0 +1,13 @@
+import { App } from 'vue';
+import { HuiOptions } from './install-helper/typescript';
+
+export * from './utils/index';
+export * from './hooks';
+export * from './components';
+export * from './directives';
+export type { HuiDelegate } from './delegate';
+export type { HuiOptions } from './install-helper/typescript';
+declare const _default: {
+    install: (app: App<any>, opt?: HuiOptions) => void;
+};
+export default _default;

package/types/install-helper/install.d.ts

@@ -0,0 +1,18 @@
+import { App, Plugin } from 'vue';
+import { SFCWithInstall, HuiOptions } from './typescript';
+
+/**
+ * hua5-web-ui install
+ * @param components
+ * @returns
+ */
+export declare const makeInstaller: (components?: Plugin[]) => {
+    install: (app: App, opt?: HuiOptions) => void;
+};
+/**
+ * 来源于 element-plus 中, 给每个组件添加 install 方法
+ * @param main
+ * @param extra
+ * @returns
+ */
+export declare const withInstall: <T, E extends Record<string, any>>(main: T, extra?: E) => SFCWithInstall<T> & E;

package/types/install-helper/typescript.d.ts

@@ -0,0 +1,14 @@
+import { HuiDelegate } from '../delegate';
+import { AppContext, Plugin } from 'vue';
+
+/**
+ * option选项
+ */
+export type HuiOptions = {
+    isInstallComponents?: boolean;
+    delegate?: HuiDelegate;
+};
+export type SFCWithInstall<T> = T & Plugin;
+export type SFCInstallWithContext<T> = SFCWithInstall<T> & {
+    _context: AppContext | null;
+};

package/types/utils/hui-rules.d.ts

@@ -0,0 +1,80 @@
+export declare const HuiRules: {
+    /**
+     * 校验必传
+     * @param {string} tips 错误提示
+     */
+    required: (tips?: string) => {
+        validator: (rule: any, value: any, callback: any) => any;
+        trigger: string;
+    };
+    /**
+     * 是否url
+     * @param {string} tips 错误提示
+     */
+    urlRule: (tips?: string) => {
+        validator: (rule: any, value: any, callback: any) => any;
+        trigger: string;
+    };
+    /**
+     * 是否版本号
+     * @param {string} tips 错误提示
+     */
+    versionRule: (tips?: string) => {
+        validator: (rule: any, value: any, callback: any) => any;
+        trigger: string;
+    };
+    /**
+     * 是否json
+     * @param {string} tips 错误提示
+     */
+    jsonRule: (tips?: string) => {
+        validator: (rule: any, value: any, callback: any) => any;
+        trigger: string;
+    };
+    /**
+     * 验证整数
+     * @param {boolean} isCanZero 是否能输0
+     * @param {boolean} isCanNegative 是否能输负数
+     */
+    intNumRule: (isCanZero?: boolean, isCanNegative?: boolean) => {
+        validator: (rule: any, value: any, callback: any) => any;
+        trigger: string;
+    };
+    /**
+     * 验证小数
+     * @param {number} digit 小数位数
+     * @param {boolean} isCanZero 是否能输0
+     * @param {boolean} isCanNegative 是否能输负数
+     */
+    digitNumRule: (digit?: number, isCanZero?: boolean, isCanNegative?: boolean) => {
+        validator: (rule: any, value: any, callback: any) => any;
+        trigger: string;
+    };
+    /**
+     * 验证码验证
+     * @param {string} tips 错误提示
+     * @param {number} codeLength 验证码长度
+     */
+    codeRule: (tips?: string, codeLength?: number) => {
+        validator: (rule: any, value: any, callback: any) => any;
+        trigger: string;
+    };
+    /**
+     * 电话号码验证
+     * @param {string} tips 错误提示
+     */
+    phoneNumRule: (tips?: string) => {
+        validator: (rule: any, value: any, callback: any) => any;
+        trigger: string;
+    };
+    /**
+     * 验证数字范围
+     * @param {number | string} min 最小值
+     * @param {number | string} max 最大值
+     * @param {string} tips 错误提示
+     */
+    numRangeRule: (min: any, max: any, tips?: string) => {
+        validator: (rule: any, value: any, callback: any) => any;
+        trigger: string;
+    };
+};

package/types/utils/hui-tool/index.d.ts

@@ -0,0 +1,8 @@
+import { PayLoadType } from './message-box';
+export declare const HuiTool: {
+    ok: (msg: any) => void;
+    err: (msg: any) => void;
+    msgBox: (title: string, payLoad?: PayLoadType) => any;
+    msgBoxSuccess: (content: string, payload?: PayLoadType) => any;
+    msgBoxQues: (content: string, payload?: PayLoadType) => any;
+};

package/types/utils/hui-tool/message-box/index.d.ts

@@ -0,0 +1,18 @@
+export interface PayLoadType {
+    /** 弹窗提示文字内容· */
+    tip?: string;
+    /** 控制图标展示类型 info:叹号 success:钩 question:问号 */
+    iconType?: 'info' | 'success' | 'question';
+    /** 控制图标展示的颜色 */
+    type?: "info" | "success" | "danger" | "warning";
+    /** 取消按钮的文本 */
+    cancelText?: string;
+    /** 确定按钮的文本 */
+    confirmText?: string;
+    /** 弹窗宽度 */
+    width?: number;
+    /** 弹窗样式类名 */
+    className?: string;
+}
+export declare const hua5MsgBox: (title: string, payLoad?: PayLoadType) => Promise<unknown>;
+export declare const msgBox: (title: string, payLoad?: PayLoadType) => any;

package/types/utils/hui-tool/message-box/message-box.vue.d.ts

@@ -0,0 +1,36 @@
+import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, PropType } from 'vue';
+export interface HuiMsgBoxProp {
+    /** 控制图标展示类型 info:叹号 success:钩 question:问号 */
+    iconType: 'info' | 'success' | 'question';
+    /** 控制图标展示的颜色 */
+    type: 'info' | 'warning' | 'success' | 'danger';
+    /** 弹窗显示的标题 */
+    title: string;
+    /** 弹窗显示的提示文本 */
+    tip: '';
+    /** 取消按钮的文本 */
+    cancelText: string;
+    /** 确定按钮的文本 */
+    confirmText: string;
+    /** 弹窗宽度 */
+    width: number;
+    /** 弹窗样式类名 */
+    className: string;
+    /** 关闭事件 */
+    closeBox: () => void;
+    /** 确定事件事件 */
+    confirmHandler: () => void;
+    /** 取消事件 */
+    cancelHandler: () => void;
+}
+declare const _default: DefineComponent<ExtractPropTypes<__VLS_TypePropsToRuntimeProps<HuiMsgBoxProp>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToRuntimeProps<HuiMsgBoxProp>>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};

package/types/utils/hui-tool/msg-tool.d.ts

@@ -0,0 +1,26 @@
+import { PayLoadType } from './message-box/index.ts';
+
+export declare const msgTool: {
+    /**
+     * 成功消息提示
+     * @param msg
+     */
+    ok: (msg: any) => void;
+    /**
+     * 成功消息提示
+     * @param msg
+     */
+    err: (msg: any) => void;
+    /**
+     * 二次确定弹窗
+     */
+    msgBox: (title: string, payLoad?: PayLoadType) => any;
+    /**
+     * 图标为钩的二次确定弹窗
+     */
+    msgBoxSuccess: (content: string, payload?: PayLoadType) => any;
+    /**
+     * 图标为问号的二次确定弹窗
+     */
+    msgBoxQues: (content: string, payload?: PayLoadType) => any;
+};

package/types/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from './hui-tool/index';
+export * from './hui-rules';