hs-admin-ui 2.1.10 → 2.2.0

package/dist/types/types/form.d.ts

@@ -0,0 +1,83 @@
+import { FormProps } from 'element-plus';
+import { default as ICustomData } from './customData';
+
+export declare namespace IFormData {
+    type Data = Record<string, ICustomData.ANY>;
+    interface ConfigFormItem {
+        /** 字段值 */
+        prop: string;
+        /** 字段名 */
+        label: string;
+        /** 单个布局跨行/列数属性 */
+        layoutData: {
+            rowSpan: number;
+            colSpan: number;
+            labelBg: string;
+            labelColor: string;
+        };
+        config: ICustomData.FormItemConfigData[];
+    }
+    interface ConfigSlotItem {
+        /** 插槽名称 */
+        name: string;
+    }
+    interface ConfigComponentItem {
+        /** 组件名称 */
+        name: string;
+    }
+    interface FormAttr extends FormProps {
+        /** 背景色 */
+        bg: string;
+        /** 行间隔 */
+        rowGap: string;
+        /** 列间隔 */
+        columnGap: string;
+        /** 请求方式 */
+        method: 'get' | 'post';
+        /** 代理 */
+        proxy: string;
+        /** 提交接口 */
+        submitUrl: string;
+    }
+    type FormItemTypeMap = {
+        form: ConfigFormItem[];
+        slot: ConfigSlotItem;
+        component: ConfigComponentItem;
+    };
+    type FormItemType = keyof FormItemTypeMap;
+    interface FormConfig<T extends FormItemType> {
+        /** 表单名称 */
+        label: string;
+        /** 是否显示表单名称 */
+        isShowLabel: boolean;
+        /** 布局格子数 */
+        grid: number;
+        /** 表单类型字段对应值 */
+        fieldID: string;
+        /** 表单类型 */
+        formItemType: T;
+        /** 表单属性 */
+        attrs: FormAttr;
+        config: FormItemTypeMap[T];
+    }
+    interface Form<T extends FormItemType = FormItemType> {
+        /** 表单项配置数据 */
+        data: Data;
+        mid?: string;
+        /** 是否配置权限 值为1时，受权限控制，不为1时，则无需查询权限 */
+        is_auth?: string;
+        /** 配置数据类型 1表格  2表单  */
+        config_type?: '1' | '2';
+        /** 标题名称 */
+        config_name: string;
+        /** 标题单元格id */
+        config_unique_id: string;
+        /** 表单属性 */
+        attrs: FormAttr;
+        /** 按钮 */
+        btns: ICustomData.BtnItem[];
+        /** 表单项 */
+        form: FormConfig<T>[];
+    }
+}
+export default IFormData;

package/dist/types/types/formItem/autocomplete.d.ts

@@ -0,0 +1,43 @@
+import { default as IFormTable } from '../formTable';
+
+/** 自动补全输入框 */
+export interface AutocompleteAttr {
+    /** 占位文本 */
+    placeholder: string;
+    /** 是否可清空 */
+    clearable: boolean;
+    /** 自动补全组件是否被禁用 */
+    disabled: boolean;
+    /** 输入建议对象中用于显示的键名 */
+    'value-key': string;
+    /** 获取输入建议的防抖延时，单位为毫秒 */
+    debounce: number;
+    /** 菜单弹出位置 */
+    placement: string;
+    /** 获取输入建议的方法 */
+    'fetch-suggestions': Function;
+    /** whether show suggestions when input focus */
+    'trigger-on-focus': boolean;
+    /** 在输入没有任何匹配建议的情况下，按下回车是否触发 select 事件 */
+    'select-when-unmatched': boolean;
+    /** 等价于原生 input name 属性 */
+    name: string;
+    /** 输入框关联的 label 文字 */
+    label: string;
+    /** 是否隐藏远程加载时的加载图标 */
+    'hide-loading': boolean;
+    /** 下拉列表的类名 */
+    'popper-class': string;
+    /** 是否将下拉列表插入至 body 元素 */
+    'popper-append-to-body': boolean;
+    /** 是否将下拉列表元素插入 append-to 指向的元素下 */
+    teleported: string;
+    /** 是否默认高亮远程搜索结果的第一项 */
+    'highlight-first-item': boolean;
+    /** 下拉框的宽度是否与输入框相同 */
+    'fit-input-width': boolean;
+}
+export interface Autocomplete {
+    attrs: AutocompleteAttr;
+    rules: IFormTable.Rules;
+}

package/dist/types/types/formItem/button.d.ts

@@ -0,0 +1,39 @@
+/** 按钮属性配置 */
+export interface ButtonAttr {
+    /** 尺寸 */
+    size: 'large' | 'default' | 'small';
+    /** 类型 */
+    type: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text';
+    /** 是否为朴素按钮 */
+    plain: boolean;
+    /** 是否为文字按钮 */
+    text: boolean;
+    /** 是否显示文字按钮背景颜色 */
+    bg: boolean;
+    /** 是否为链接按钮 */
+    link: boolean;
+    /** 是否为圆角按钮 */
+    round: boolean;
+    /** 是否为圆形按钮 */
+    circle: boolean;
+    /** 是否为加载中状态 */
+    loading: boolean;
+    /** 自定义加载中状态图标组件 */
+    'loading-icon': string;
+    /** 按钮是否为禁用状态 */
+    disabled: boolean;
+    /** 图标组件 */
+    icon: string;
+    /** 原生 autofocus 属性 */
+    autofocus: boolean;
+    /** 原生 type 属性 */
+    'native-type': string;
+    /** 自动在两个中文字符之间插入空格 */
+    'auto-insert-space': boolean;
+    /** 自定义按钮颜色, 并自动计算 hover 和 active 触发后的颜色 */
+    color: string;
+    /** dark 模式, 意味着自动设置 color 为 dark 模式的颜色 */
+    dark: boolean;
+    /** 自定义元素标签 */
+    tag: string;
+}

package/dist/types/types/formItem/checkbox.d.ts

@@ -0,0 +1,78 @@
+import { default as IFormTable } from '../formTable';
+
+/** 复选框 */
+export interface CheckboxAttr {
+    /** 是否启用按钮 */
+    isButtonEnabled: boolean;
+    /** 默认值 */
+    defaultValue: string | number | boolean;
+    /** option配置数据 */
+    options: string;
+    /** 选中状态的值 */
+    label: string | number | boolean | object;
+    /** 选中时的值 */
+    'true-label': string | number;
+    /** 没有选中时的值 */
+    'false-label': string | number;
+    /** 是否禁用 */
+    disabled: boolean;
+    /** 是否显示边框 */
+    border: boolean;
+    /** 尺寸 */
+    size: string;
+    /** 原生 name 属性 */
+    name: string;
+    /** 当前是否勾选 */
+    checked: boolean;
+    /** 设置不确定状态 */
+    indeterminate: boolean;
+    /** 输入时是否触发表单的校验 */
+    'validate-event': boolean;
+    /** tabindex */
+    tabindex: string;
+    /** id */
+    id: string;
+    /** controls */
+    controls: string;
+}
+export interface CheckboxGroupAttrs {
+    /** 是否启用分组 */
+    isGroupEnabled: boolean;
+    /** option配置数据 */
+    options: string;
+    /** url请求地址 */
+    url: string;
+    /** 请求方式 */
+    method: string;
+    /** 请求参数 */
+    params: string;
+    /** 代理 */
+    proxy: string;
+    /** value */
+    value: string;
+    /** key */
+    key: string;
+    /** 标签 */
+    label: string;
+    /** 多选框组尺寸 */
+    size: string;
+    /** 是否禁用 */
+    disabled: boolean;
+    /** 最小数量 */
+    min: number;
+    /** 最大数量 */
+    max: number;
+    /** 字体颜色 */
+    'text-color': string;
+    /** 边框和背景颜色 */
+    fill: string;
+    /** 复选框组元素标签 */
+    tag: string;
+    /** 是否触发表单验证 */
+    'validate-event': boolean;
+}
+export interface Checkbox {
+    attrs: CheckboxAttr;
+    groupAttrs: CheckboxGroupAttrs;
+    rules: IFormTable.Rules;
+}

package/dist/types/types/formItem/index.d.ts

@@ -0,0 +1,8 @@
+export * from './autocomplete';
+export * from './button';
+export * from './input';
+export * from './inputNumber';
+export * from './selelct';
+export * from './treeSelect';
+export * from './radio';
+export * from './checkbox';

package/dist/types/types/formItem/input.d.ts

@@ -0,0 +1,65 @@
+import { default as IFormTable } from '../formTable';
+
+/** 输入框属性配置 */
+export interface InputAttr {
+    /** 类型 */
+    type: string;
+    /** 最大长度 */
+    maxlength: string | number;
+    /** 最小长度 */
+    minlength: string | number;
+    /** 是否显示字数统计 */
+    'show-word-limit': boolean;
+    /** 是否显示清空按钮 */
+    placeholder: string;
+    /** 是否显示清空按钮 */
+    clearable: boolean;
+    /** 是否显示密码 */
+    formatter: Function;
+    /** 是否显示密码 */
+    parser: Function;
+    /** 是否显示密码 */
+    'show-password': boolean;
+    /** 是否禁用 */
+    disabled: boolean;
+    /** 尺寸 */
+    size: string;
+    /** 前缀图标 */
+    'prefix-icon': string;
+    /** 后缀图标 */
+    'suffix-icon': string;
+    /** 行数 */
+    rows: number;
+    /** 是否自适应 */
+    autosize: boolean | object;
+    /** 自动完成 */
+    autocomplete: string;
+    /** 等价于原生 input name */
+    name: string;
+    /** 原生 readonly 属性，是否只读 */
+    readonly: boolean;
+    /** 原生 max 属性，设置最大值 */
+    max: string | number;
+    /** 原生 min 属性，设置最小值 */
+    min: string | number;
+    /** 原生属性，设置输入字段的合法数字间隔 */
+    step: string | number;
+    /** 原生属性，自动获取焦点 */
+    autofocus: boolean;
+    /** 控制是否能被用户缩放 */
+    resize: 'none' | 'both' | 'horizontal' | 'vertical';
+    /** 原生属性 */
+    form: string;
+    /** 等价于原生 input aria-label 属性 */
+    label: string;
+    /** 输入框的 tabindex */
+    tabindex: string | number;
+    /** 输入时是否触发表单的校验 */
+    'validate-event': boolean;
+    /** input 元素或 textarea 元素的 style */
+    'input-style': string | object;
+}
+export interface Input {
+    attrs: InputAttr;
+    rules: IFormTable.Rules;
+}

package/dist/types/types/formItem/inputNumber.d.ts

@@ -0,0 +1,41 @@
+import { default as IFormTable } from '../formTable';
+
+/** 数字输入框属性配置 */
+export interface InputNumberAttr {
+    /** 计数器允许的最小值 */
+    min: number;
+    /** 计数器允许的最大值 */
+    max: number;
+    /** 计数器步长 */
+    step: number;
+    /** 是否只能输入 step 的倍数 */
+    'step-strictly': boolean;
+    /** 数值精度 */
+    precision: number;
+    /** 计数器尺寸 */
+    size: 'large' | 'default' | 'small';
+    /** 原生 readonly 属性，是否只读 */
+    readonly: boolean;
+    /** 是否禁用状态 */
+    disabled: boolean;
+    /** 是否使用控制按钮 */
+    controls: boolean;
+    /** 控制按钮位置 */
+    'controls-position': string;
+    /** 等价于原生 input name 属性 */
+    name: string;
+    /** 等价于原生 input label 属性 */
+    label: string;
+    /** 等价于原生 input placeholder 属性 */
+    placeholder: string;
+    /** 等价于原生 input id 属性 */
+    id: string;
+    /** 当输入框被清空时显示的值 */
+    'value-on-clear': number | null | 'min' | 'max';
+    /** 是否触发表单验证 */
+    'validate-event': boolean;
+}
+export interface InputNumber {
+    attrs: InputNumberAttr;
+    rules: IFormTable.Rules;
+}

package/dist/types/types/formItem/radio.d.ts

@@ -0,0 +1,56 @@
+import { default as IFormTable } from '../formTable';
+
+/** 单选框 */
+export interface RadioAttr {
+    /** 是否启用按钮 */
+    isButtonEnabled: boolean;
+    /** 默认值 */
+    defaultValue: string | number | boolean;
+    /** 单选框的 label */
+    label: string | number | boolean;
+    /** 是否禁用单选框 */
+    disabled: boolean;
+    /** 是否显示边框 */
+    border: boolean;
+    /** 单选框的尺寸 */
+    size: string;
+    /** 原始 name 属性 */
+    name: string;
+}
+export interface RadioGroupAttrs {
+    /** 是否启用分组 */
+    isGroupEnabled: boolean;
+    /** option配置数据 */
+    options: string;
+    /** url请求地址 */
+    url: string;
+    /** 请求方式 */
+    method: string;
+    /** 请求参数 */
+    params: string;
+    /** 代理 */
+    proxy: string;
+    /** value */
+    value: string;
+    /** 标签 */
+    label: string;
+    /** 单选框按钮或边框按钮的大小 */
+    size: string;
+    /** 是否禁用 */
+    disabled: boolean;
+    /** 按钮形式的 Radio 激活时的文本颜色 */
+    'text-color': string;
+    /** 按钮形式的 Radio 激活时的填充色和边框色 */
+    fill: string;
+    /** 是否触发表单验证 */
+    'validate-event': boolean;
+    /** 原生 name 属性 */
+    name: string;
+    /** 原生 id 属性 */
+    id: string;
+}
+export interface Radio {
+    attrs: RadioAttr;
+    groupAttrs: RadioGroupAttrs;
+    rules: IFormTable.Rules;
+}

package/dist/types/types/formItem/selelct.d.ts

@@ -0,0 +1,52 @@
+import { default as IFormTable } from '../formTable';
+
+export interface SelelctAttr {
+    /** 是否多选 */
+    multiple: boolean;
+    /** 是否允许编辑 */
+    disabled: boolean;
+    /** 唯一键值 */
+    'value-key': string;
+    /** 是否清除 */
+    clearable: boolean;
+    'collapse-tags': boolean;
+    'collapse-tags-tooltip': boolean;
+    'multiple-limit': number;
+    effect: IFormTable.Effect;
+    autocomplete: string;
+    filterable: boolean;
+    'allow-create': boolean;
+    remote: boolean;
+    'remote-show-suffix': boolean;
+    loading: boolean;
+    'reserve-keyword': boolean;
+    'default-first-option': boolean;
+    teleported: boolean;
+    persistent: boolean;
+    'automatic-dropdown': boolean;
+    'clear-icon': string;
+    'fit-input-width': boolean;
+    'suffix-icon': string;
+    'tag-type': IFormTable.TagType;
+    'validate-event': boolean;
+    placement: IFormTable.Placement;
+    'max-collapse-tags': number;
+    options: string;
+}
+export interface SelelctGroupAttrs {
+    /** 是否禁用分组 */
+    disabled: boolean;
+    /** 是否启用分组 */
+    isGroupEnabled: boolean;
+}
+export interface SelelctOptionAttrs {
+    value: string;
+    label: string;
+    disabled: boolean;
+}
+export interface Selelct {
+    attrs: SelelctAttr;
+    groupAttrs: SelelctGroupAttrs;
+    optionAttrs: SelelctOptionAttrs;
+    rules: IFormTable.Rules;
+}

package/dist/types/types/formItem/treeSelect.d.ts

@@ -0,0 +1,39 @@
+import { default as IFormTable } from '../formTable';
+
+export interface TreeSelectAttr {
+    multiple: boolean;
+    disabled: boolean;
+    'value-key': string;
+    clearable: boolean;
+    'collapse-tags': boolean;
+    'collapse-tags-tooltip': boolean;
+    'multiple-limit': number;
+    effect: IFormTable.Effect;
+    autocomplete: string;
+    filterable: boolean;
+    'allow-create': boolean;
+    remote: boolean;
+    'remote-show-suffix': boolean;
+    loading: boolean;
+    'reserve-keyword': boolean;
+    'default-first-option': boolean;
+    teleported: boolean;
+    persistent: boolean;
+    'automatic-dropdown': boolean;
+    'clear-icon': string;
+    'fit-input-width': boolean;
+    'suffix-icon': string;
+    'tag-type': IFormTable.TagType;
+    'validate-event': boolean;
+    placement: IFormTable.Placement;
+    'max-collapse-tags': number;
+    props: object;
+    data: string;
+    url: string;
+    proxy: string;
+    params: string;
+}
+export interface TreeSelect {
+    attrs: TreeSelectAttr;
+    rules: IFormTable.Rules;
+}

package/dist/types/types/index.d.ts

@@ -0,0 +1,6 @@
+export type * from './formItem';
+export type { default as IAuthData } from './auth';
+export type { default as ComponentAttr } from './components';
+export type { default as ICustomData } from './customData';
+export type { default as IFormData } from './form';
+export type { default as IFormTable } from './formTable';

package/dist/types/types/system.d.ts

@@ -0,0 +1,14 @@
+export interface SystemType {
+    create_user_id: string;
+    update_time: number;
+    lock_status: string;
+    create_time: string;
+    create_user_name: string;
+    project_url: string;
+    project_code: string;
+    id: string;
+    project_name: string;
+    database_template: string;
+    label: string;
+    value: string;
+}

package/dist/types/utils/arrayOperation.d.ts

@@ -0,0 +1,21 @@
+/**
+ * 判断两数组字符串是否相同（用于按钮权限验证），数组字符串中存在相同时会自动去重（按钮权限标识不会重复）
+ * @param news 新数据
+ * @param old 源数据
+ * @returns 两数组相同返回 `true`，反之则反
+ */
+export declare function judementSameArr(newArr: unknown[] | string[], oldArr: string[]): boolean;
+/**
+ * 判断两个对象是否相同
+ * @param a 要比较的对象一
+ * @param b 要比较的对象二
+ * @returns 相同返回 true，反之则反
+ */
+export declare function isObjectValueEqual<T>(a: T, b: T): boolean;
+/**
+ * 数组、数组对象去重
+ * @param arr 数组内容
+ * @param attr 需要去重的键值（数组对象）
+ * @returns
+ */
+export declare function removeDuplicate(arr: EmptyArrayType, attr?: string): any;

package/dist/types/utils/authFunction.d.ts

@@ -0,0 +1,18 @@
+/**
+ * 单个权限验证
+ * @param value 权限值
+ * @returns 有权限，返回 `true`，反之则反
+ */
+export declare function auth(value: string): boolean;
+/**
+ * 多个权限验证，满足一个则为 true
+ * @param value 权限值
+ * @returns 有权限，返回 `true`，反之则反
+ */
+export declare function auths(value: Array<string>): boolean;
+/**
+ * 多个权限验证，全部满足则为 true
+ * @param value 权限值
+ * @returns 有权限，返回 `true`，反之则反
+ */
+export declare function authAll(value: Array<string>): boolean;

package/dist/types/utils/build.d.ts

@@ -0,0 +1,12 @@
+import { Plugin } from 'vite';
+/**
+ * 打包相关
+ * 注意 prodUrl：使用的是 jsdelivr 还是 unpkg。它们的 path 可能不一致
+ * @description importToCDN https://github.com/mmf-fe/vite-plugin-cdn-import
+ * @description cdn 在线引入的 cdn 地址配置。path：https://www.jsdelivr.com/ || https://unpkg.com/
+ * @description external 打包时，过滤包导入。参考：https://rollupjs.org/configuration-options/#external
+ */
+export declare const buildConfig: {
+    cdn(): Plugin<any>[];
+    external: string[];
+};

package/dist/types/utils/commonFunction.d.ts

@@ -0,0 +1,18 @@
+declare const percentFormat: (row: EmptyArrayType<any>, column: number, cellValue: string) => string;
+declare const dateFormatYMD: (row: EmptyArrayType<any>, column: number, cellValue: string) => string;
+declare const dateFormatYMDHMS: (row: EmptyArrayType<any>, column: number, cellValue: string) => string;
+declare const dateFormatHMS: (row: EmptyArrayType<any>, column: number, cellValue: string) => string;
+declare const scaleFormat: (value?: string, scale?: number) => string;
+declare const scale2Format: (value?: string) => string;
+declare const copyText: (text: string) => Promise<unknown>;
+declare const _default: {
+    percentFormat: (row: EmptyArrayType<any>, column: number, cellValue: string) => string;
+    dateFormatYMD: (row: EmptyArrayType<any>, column: number, cellValue: string) => string;
+    dateFormatYMDHMS: (row: EmptyArrayType<any>, column: number, cellValue: string) => string;
+    dateFormatHMS: (row: EmptyArrayType<any>, column: number, cellValue: string) => string;
+    scaleFormat: (value?: string, scale?: number) => string;
+    scale2Format: (value?: string) => string;
+    copyText: (text: string) => Promise<unknown>;
+};
+export default _default;
+export { percentFormat, dateFormatYMD, dateFormatYMDHMS, dateFormatHMS, scaleFormat, scale2Format, copyText };

package/dist/types/utils/download.d.ts

@@ -0,0 +1,6 @@
+/**
+ *
+ * @param url
+ * @description 下载文件
+ */
+export declare function Download(file: any): void;

package/dist/types/utils/formatTime.d.ts

@@ -0,0 +1,37 @@
+/**
+ * 时间日期转换
+ * @param date 当前时间，new Date() 格式
+ * @param format 需要转换的时间格式字符串
+ * @description format 字符串随意，如 `YYYY-mm、YYYY-mm-dd`
+ * @description format 季度："YYYY-mm-dd HH:MM:SS QQQQ"
+ * @description format 星期："YYYY-mm-dd HH:MM:SS WWW"
+ * @description format 几周："YYYY-mm-dd HH:MM:SS ZZZ"
+ * @description format 季度 + 星期 + 几周："YYYY-mm-dd HH:MM:SS WWW QQQQ ZZZ"
+ * @returns 返回拼接后的时间字符串
+ */
+export declare function formatDate(date: Date, format: string): string;
+/**
+ * 获取当前日期是第几周
+ * @param dateTime 当前传入的日期值
+ * @returns 返回第几周数字值
+ */
+export declare function getWeek(dateTime: Date): number;
+/**
+ * 将时间转换为 `几秒前`、`几分钟前`、`几小时前`、`几天前`
+ * @param param 当前时间，new Date() 格式或者字符串时间格式
+ * @param format 需要转换的时间格式字符串
+ * @description param 10秒：  10 * 1000
+ * @description param 1分：   60 * 1000
+ * @description param 1小时： 60 * 60 * 1000
+ * @description param 24小时：60 * 60 * 24 * 1000
+ * @description param 3天：   60 * 60* 24 * 1000 * 3
+ * @returns 返回拼接后的时间字符串
+ */
+export declare function formatPast(param: string | Date, format?: string): string;
+/**
+ * 时间问候语
+ * @param param 当前时间，new Date() 格式
+ * @description param 调用 `formatAxis(new Date())` 输出 `上午好`
+ * @returns 返回拼接后的时间字符串
+ */
+export declare function formatAxis(param: Date): string;

package/dist/types/utils/getDataType.d.ts

@@ -0,0 +1,9 @@
+import { IFormData, ICustomData } from '../types';
+
+type Data = Record<string, any>;
+export declare function getDataType(data: Data): string;
+/** form表单类型声明 */
+export declare function getFormDataType(data: IFormData.Form): string | undefined;
+/** table表格数据类型声明 */
+export declare function getTableDataType(tables: ICustomData.Table[]): void;
+export {};

package/dist/types/utils/getStyleSheets.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 获取字体图标 `document.styleSheets`
+ * @method ali 获取阿里字体图标 `<i class="iconfont 图标类名"></i>`
+ * @method ele 获取 element plus 自带图标 `<i class="图标类名"></i>`
+ * @method ali 获取 fontawesome 的图标 `<i class="fa 图标类名"></i>`
+ */
+export declare const initIconfont: {
+    ali: () => Promise<unknown>;
+    ele: () => Promise<unknown>;
+    awe: () => Promise<unknown>;
+};