hs-admin-ui 1.7.6 → 1.7.8

package/dist/types/stores/userInfo.d.ts

@@ -0,0 +1,20 @@
+import { StoreDefinition } from 'pinia';
+/**
+ * 用户信息
+ * @methods setUserInfos 设置用户信息
+ */
+export declare const useUserInfo: StoreDefinition<"userInfo", UserInfosState, {}, {
+    isLogin(): Promise<boolean>;
+    /**
+     * 设置用户信息
+     * @param userInfo 用户信息
+     */
+    setUserInfo(userInfo: UserInfos): Promise<void>;
+    /**
+     * 退出登录
+     * @description 清除浏览器缓存、store、cookie
+     * @description 跳转到登录页
+     */
+    logout(): Promise<void>;
+    clear(): Promise<void>;
+}>;

package/dist/types/types/auth.d.ts

@@ -0,0 +1,67 @@
+import ICustomData from './customData';
+export declare namespace IAuthData {
+    type Data = Record<string, ICustomData.ANY>;
+    /** 1表格 2 表单 */
+    type type = '1' | '2';
+    interface Field {
+        id: string;
+        /** 字段名称 */
+        fieldName: string;
+        /** 字段显示名称 */
+        showName: string;
+        /** 字段值 */
+        fieldProp: string;
+        /** 字段是否显示 */
+        fieldShow: boolean;
+        /** 字段是否必填 */
+        fieldRequired: boolean;
+        forceRequired: boolean;
+        /** 排序 */
+        sort: number;
+        /** 是否导出 */
+        fieldExport: boolean;
+        tableId?: string;
+    }
+    interface ColumnData extends Field {
+        /** 列按钮配置 */
+        option: Field[];
+    }
+    interface Table {
+        id: string;
+        tableId?: string;
+        /** 表格名称 */
+        tableName: string;
+        /** 表格列字段配置 */
+        data: ColumnData[];
+    }
+    interface Auth {
+        id: string;
+        /** 配置名称 */
+        config_name: string;
+        /** 表单表格类型 */
+        config_type: type;
+        /** 配置门店唯一id */
+        config_unique_id: string;
+        /** 按钮权限配置 */
+        btns: Field[];
+        /** 表格权限配置 */
+        tables: Table[];
+        /** 表单权限配置 */
+        form: Field[];
+        /** 菜单id */
+        menu_id: string;
+        /** 页面名称 */
+        page_name: string;
+    }
+    interface IAuthData {
+        btns: string[];
+        form: string[];
+        tables: {
+            [key: string]: string[];
+        };
+    }
+    interface IAuth {
+        [key: string]: IAuthData;
+    }
+}
+export default IAuthData;

package/dist/types/types/components.d.ts

@@ -0,0 +1,28 @@
+import type { Component, VNodeProps, AllowedComponentProps } from 'vue';
+export declare namespace ComponentAttr {
+    /** 获取Vue组件的props类型 */
+    type Props<T extends Component> = {
+        -readonly [K in keyof Omit<InstanceType<T>['$props'], keyof VNodeProps | keyof AllowedComponentProps>]: InstanceType<T>['$props'][K];
+    };
+    /** 类型递归调用可选 */
+    type RecursivePartial<T> = {
+        -readonly [K in keyof T]?: RecursivePartial<T[K]>;
+    };
+    /** 类型递归调用必填 */
+    type RecursiveRequired<T> = {
+        -readonly [K in keyof T]-?: RecursiveRequired<T[K]>;
+    };
+    /** 让部分属性可选 */
+    type CustomPartial<T, K extends keyof T> = {
+        [P in K]?: T[P];
+    } & Omit<T, K>;
+    /** 让部分属性变为必填 */
+    type CustomRequired<T, K extends keyof T> = {
+        [P in K]-?: T[P];
+    } & Omit<T, K>;
+    /** 声明数组指定值类型集合 */
+    type Student<T, K extends string> = T extends Readonly<{
+        [key in K]: infer U;
+    }[]> ? U : never;
+}
+export default ComponentAttr;

package/dist/types/types/customData.d.ts

@@ -0,0 +1,179 @@
+import { VxePagerProps, VxeTableProps, VxeColumnProps } from 'vxe-table';
+import ComponentAttr from './components';
+import { components } from '../components/component';
+import { FormProps, FormRules } from 'element-plus';
+import { Input, InputNumber, Autocomplete, Selelct, TreeSelect } from '.';
+import { ButtonAttr } from './formItem/button';
+export declare namespace ICustomData {
+    type ANY = any;
+    type Data = Record<string, ANY>;
+    type Method = 'get' | 'post' | 'put' | 'delete';
+    /** 表单配置项 */
+    interface FormBaseConfig extends FormProps {
+        /** 是否取字典项的默认值 */
+        isSetDictDefaultValue?: boolean;
+        /** 是否支持表单回车快捷功能 */
+        isSupportShortcutKey?: boolean;
+        /**  提交表单的请求api */
+        submitUrl?: string;
+        /** 提交接口的请求方式 */
+        submitUrlMethod?: Method;
+        /** 表单提交成功的提示信息 */
+        submitSuccessMsg?: string;
+    }
+    /** 表单配置规则 */
+    interface Rules {
+        required: boolean;
+        rules: FormRules<Data>[];
+    }
+    type ElData = Selelct | TreeSelect | Input | InputNumber | Autocomplete;
+    type ElComponent = ComponentAttr.Student<typeof components, 'title'>;
+    /** 表单项配置接口 */
+    interface FormItemConfigData {
+        baseData: {
+            label: string;
+            prop: string;
+            el: ElComponent;
+            el2: ElComponent;
+            groupField: string;
+            isSlot: boolean;
+            isAuth: boolean;
+            isApply: boolean;
+            isShow: boolean;
+            labelWidth: number;
+            /** 字段联合类型 */
+            complexType?: string;
+            /** 字段类型 */
+            baseType?: string;
+            /** 分组标识 */
+            groupMark?: string;
+            /** 字段在分组中的位置 */
+            positionInGroup?: '' | 'start' | 'end';
+        };
+        elData: ElData;
+    }
+    interface FormItemConfig {
+        id: string;
+        data: FormItemConfigData;
+        /** 排序 */
+        sort: number;
+    }
+    interface Form {
+        baseData: FormBaseConfig;
+        formData: Data;
+        formConfig: Array<FormItemConfig>;
+    }
+    interface TableBaseData extends VxeTableProps {
+        /** 表格配置属性id */
+        id: string;
+        /** 表格配置名称 */
+        tableName: string;
+        /** 是否自定义加载中模板 */
+        is_slot_loading?: boolean;
+        /** 是否自定义空数据模板 */
+        is_slot_empty?: boolean;
+        /** 是否分页 */
+        is_apply_page?: boolean;
+        /** 表格分页配置 */
+        table_page_data?: VxePagerProps;
+        /** 表格请求接口 */
+        requestUrl?: string;
+        /** 表格请求方式 */
+        method?: Method;
+        /** 系统代理 */
+        proxy?: string;
+        /** 是否初始化数据 */
+        isCloseInitData: boolean;
+    }
+    interface TableItemData extends VxeColumnProps {
+        /** 是否启用插槽 */
+        isSlot: boolean;
+        /** 是否启用 */
+        isApply: boolean;
+        /** 是否配置权限 */
+        isAuth: boolean;
+        /** 是否显示 */
+        isShow: boolean;
+        /** 返回值类型 */
+        returnValueType: string;
+        /** 插槽模板【值为空时可以自定义插槽内容】 */
+        el: ElComponent;
+    }
+    interface BtnData extends Partial<ButtonAttr> {
+        name: string;
+        key: string;
+        isApply: boolean;
+        isSlot: boolean;
+        isAuth: boolean;
+        isShow: boolean;
+        /** 图标位置 */
+        iconPosition: 'left' | 'right';
+        /** 按钮图标 */
+        btnIcon: string;
+        /** 按钮文本颜色 */
+        textColor: string;
+        /** 方法 */
+        fnName: Function;
+        /** 方法参数 */
+        param: string;
+        field_id?: string;
+    }
+    interface BtnItem {
+        /** 按钮唯一标识配置 */
+        id: string;
+        /** 按钮配置数据 */
+        data: BtnData;
+        /** 排序 */
+        sort: number;
+    }
+    interface TableItem {
+        /** 表格列id */
+        id: string;
+        /** 表格列配置数据 */
+        data: TableItemData;
+        /** 表格列中按钮配置 */
+        btnData: BtnItem[];
+        /** 排序 */
+        sort: number;
+    }
+    interface Table {
+        /** 表单配置id */
+        id: string;
+        /** 排序 */
+        sort: number;
+        baseData: TableBaseData;
+        tableData: Data[];
+        tableConfig: TableItem[];
+    }
+    interface Btns {
+        /** 按钮唯一标识配置 */
+        id: string;
+        /** 按钮配置数据 */
+        data: BtnData;
+    }
+    /** 权限数据 */
+    interface AuthItem {
+        /** 权限字段 */
+        code: string;
+        /** 权限字段 */
+        name: string;
+        /** 是否显示 */
+        show: false;
+        /** 导出时是否导出该字段 */
+        is_export: boolean;
+    }
+    interface FormTable {
+        btns: Btns[];
+        /** 配置唯一标识 */
+        config_unique_id: string;
+        /** 配置名称 */
+        config_name: string;
+        /** 表单配置 */
+        form?: Form;
+        /** 表格配置数据 */
+        tables: Array<Table>;
+        /** 权限数据 */
+        auth?: Record<'btns' | 'form' | 'tables', AuthItem>;
+    }
+}
+export default ICustomData;

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

@@ -0,0 +1,77 @@
+import ICustomData from './customData';
+import { FormProps } from 'element-plus';
+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;
+        /** 标题名称 */
+        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,42 @@
+import 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,77 @@
+import 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,64 @@
+import 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,40 @@
+import 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;
+}