hs-admin-ui 2.1.10 → 2.2.1

package/dist/types/router/frontEnd.d.ts

@@ -0,0 +1,61 @@
+/**
+ * 判断路由 `meta.roles` 中是否包含当前登录用户权限字段
+ * @param roles 用户权限标识，在 userInfos（用户信息）的 roles（登录页登录时缓存到浏览器）数组
+ * @param route 当前循环时的路由项
+ * @returns 返回对比后有权限的路由项
+ */
+export declare function hasRoles(roles: any, route: any): any;
+/**
+ * 获取当前用户权限标识去比对路由表，设置递归过滤有权限的路由
+ * @param routes 当前路由 children
+ * @param roles 用户权限标识，在 userInfos（用户信息）的 roles（登录页登录时缓存到浏览器）数组
+ * @returns 返回有权限的路由数组 `meta.roles` 中控制
+ */
+export declare function setFilterHasRolesMenu(routes: any, roles: any): any;
+/**
+ * 获取当前用户权限标识去比对路由表（未处理成多级嵌套路由）
+ * @description 这里主要用于动态路由的添加，router.addRoute
+ * @link 参考：https://next.router.vuejs.org/zh/api/#addroute
+ * @param chil dynamicRoutes（@/router/route）第一个顶级 children 的下路由集合
+ * @returns 返回有当前用户权限标识的路由数组
+ */
+export declare function setFilterRoute(chil: any): any;
+/**
+ * 获取有当前用户权限标识的路由数组，进行对原路由的替换
+ * @description 替换 dynamicRoutes（@/router/route）第一个顶级 children 的路由
+ * @returns 返回替换后的路由数组
+ */
+export declare function setFilterRouteEnd(): any;
+/**
+ * 添加动态路由
+ * @method router.addRoute
+ * @description 此处循环为 dynamicRoutes（@/router/route）第一个顶级 children 的路由一维数组，非多级嵌套
+ * @link 参考：https://next.router.vuejs.org/zh/api/#addroute
+ */
+export declare function setAddRoute(): Promise<void>;
+/**
+ * 缓存多级嵌套数组处理后的一维数组
+ * @description 用于 tagsView、菜单搜索中：未过滤隐藏的(isHide)
+ */
+export declare function setCacheTagsViewRoutes(): void;
+/**
+ * 设置递归过滤有权限的路由到 pinia routesList 中（已处理成多级嵌套路由）及缓存多级嵌套数组处理后的一维数组
+ * @description 用于左侧菜单、横向菜单的显示
+ * @description 用于 tagsView、菜单搜索中：未过滤隐藏的(isHide)
+ */
+export declare function setFilterMenuAndCacheTagsViewRoutes(): void;
+/**
+ * 前端控制路由：初始化方法，防止刷新时路由丢失
+ * @method  NextLoading 界面 loading 动画开始执行
+ * @method useUserInfo(pinia).setUserInfos() 触发初始化用户信息 pinia
+ * @method setAddRoute 添加动态路由
+ * @method setFilterMenuAndCacheTagsViewRoutes 设置递归过滤有权限的路由到 pinia routesList 中（已处理成多级嵌套路由）及缓存多级嵌套数组处理后的一维数组
+ */
+export declare function initFrontEndControlRoutes(): Promise<false | undefined>;
+/**
+ * 删除/重置路由
+ * @method router.removeRoute
+ * @description 此处循环为 dynamicRoutes（@/router/route）第一个顶级 children 的路由一维数组，非多级嵌套
+ * @link 参考：https://next.router.vuejs.org/zh/api/#push
+ */
+export declare function frontEndsResetRoute(): Promise<void>;

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

@@ -0,0 +1,22 @@
+import { Router } from 'vue-router';
+/**
+ * 创建一个可以被 Vue 应用程序使用的路由实例
+ * @method createRouter(options: RouterOptions): Router
+ * @link 参考：https://next.router.vuejs.org/zh/api/#createrouter
+ */
+export declare const router: Router;
+/**
+ * 路由多级嵌套数组处理成一维数组
+ * @param arr 传入路由菜单数据数组
+ * @returns 返回处理后的一维路由菜单数组
+ */
+export declare function formatFlatteningRoutes(arr: any): any;
+/**
+ * 一维数组处理成多级嵌套数组(只保留二级：也就是二级以上全部处理成只有二级，keep-alive 支持二级缓存)
+ * @description isKeepAlive 处理 `name` 值，进行缓存。顶级关闭，全部不缓存
+ * @link 参考：https://v3.cn.vuejs.org/api/built-in-components.html#keep-alive
+ * @param arr 处理后的一维路由菜单数组
+ * @returns 返回将一维数组重新处理成 `定义动态路由(dynamicRoutes)` 的格式
+ */
+export declare function formatTwoStageRoutes(arr: any): any;
+export default router;

package/dist/types/router/route.d.ts

@@ -0,0 +1,56 @@
+import { RouteRecordRaw } from 'vue-router';
+/**
+ * 建议：路由 path 路径与文件夹名称相同，找文件可浏览器地址找，方便定位文件位置
+ *
+ * 路由meta对象参数说明
+ * meta: {
+ *      title:          菜单栏及 tagsView 栏、菜单搜索名称（国际化）
+ *      isLink：        是否超链接菜单，开启外链条件，`1、isLink: 链接地址不为空 2、isIframe:false`
+ *      isHide：        是否隐藏此路由
+ *      isKeepAlive：   是否缓存组件状态
+ *      isAffix：       是否固定在 tagsView 栏上
+ *      isIframe：      是否内嵌窗口，开启条件，`1、isIframe:true 2、isLink：链接地址不为空`
+ *      roles：         当前路由权限标识，取角色管理。控制路由显示、隐藏。超级管理员：admin 普通角色：common
+ *      icon：          菜单、tagsView 图标，阿里：加 `iconfont xxx`，fontawesome：加 `fa xxx`
+ * }
+ */
+declare module 'vue-router' {
+    interface RouteMeta {
+        title?: string;
+        isLink?: string;
+        isHide?: boolean;
+        isKeepAlive?: boolean;
+        isAffix?: boolean;
+        isIframe?: boolean;
+        roles?: string[];
+        icon?: string;
+    }
+}
+/**
+ * 定义动态路由
+ * 前端添加路由，请在顶级节点的 `children 数组` 里添加
+ * @description 未开启 isRequestRoutes 为 true 时使用（前端控制路由），开启时第一个顶级 children 的路由将被替换成接口请求回来的路由数据
+ * @description 各字段请查看 `@/views/system/menu/component/addMenu.vue 下的 ruleForm`
+ * @returns 返回路由菜单数据
+ */
+export declare const dynamicRoutes: Array<RouteRecordRaw>;
+/**
+ * 定义404、401界面
+ * @link 参考：https://next.router.vuejs.org/zh/guide/essentials/history-mode.html#netlify
+ */
+export declare const notFoundAndNoPower: {
+    path: string;
+    name: string;
+    component: () => Promise<typeof import('../views/error/404.vue')>;
+    meta: {
+        title: string;
+        isHide: boolean;
+    };
+}[];
+/**
+ * 定义静态路由（默认路由）
+ * 此路由不要动，前端添加路由的话，请在 `dynamicRoutes 数组` 中添加
+ * @description 前端控制直接改 dynamicRoutes 中的路由，后端控制不需要修改，请求接口路由数据时，会覆盖 dynamicRoutes 第一个顶级 children 的内容（全屏，不包含 layout 中的路由出口）
+ * @returns 返回路由菜单数据
+ */
+export declare const staticRoutes: Array<RouteRecordRaw>;

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

@@ -0,0 +1,3 @@
+import { Pinia } from 'pinia';
+declare const pinia: Pinia;
+export default pinia;

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

@@ -0,0 +1,16 @@
+import { StoreDefinition } from 'pinia';
+/**
+ * 路由缓存列表
+ * @methods setCacheKeepAlive 设置要缓存的路由 names（开启 Tagsview）
+ * @methods addCachedView 添加要缓存的路由 names（关闭 Tagsview）
+ * @methods delCachedView 删除要缓存的路由 names（关闭 Tagsview）
+ * @methods delOthersCachedViews 右键菜单`关闭其它`，删除要缓存的路由 names（关闭 Tagsview）
+ * @methods delAllCachedViews 右键菜单`全部关闭`，删除要缓存的路由 names（关闭 Tagsview）
+ */
+export declare const useKeepALiveNames: StoreDefinition<"keepALiveNames", KeepAliveNamesState, {}, {
+    setCacheKeepAlive(data: Array<string>): Promise<void>;
+    addCachedView(view: any): Promise<void>;
+    delCachedView(view: any): Promise<void>;
+    delOthersCachedViews(view: any): Promise<void>;
+    delAllCachedViews(): Promise<void>;
+}>;

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

@@ -0,0 +1,8 @@
+import { StoreDefinition } from 'pinia';
+/**
+ * 后端返回原始路由(未处理时)
+ * @methods setCacheKeepAlive 设置接口原始路由数据
+ */
+export declare const useRequestOldRoutes: StoreDefinition<"requestOldRoutes", RequestOldRoutesState, {}, {
+    setRequestOldRoutes(routes: Array<string>): Promise<void>;
+}>;

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

@@ -0,0 +1,12 @@
+import { StoreDefinition } from 'pinia';
+/**
+ * 路由列表
+ * @methods setRoutesList 设置路由数据
+ * @methods setColumnsMenuHover 设置分栏布局菜单鼠标移入 boolean
+ * @methods setColumnsNavHover 设置分栏布局最左侧导航鼠标移入 boolean
+ */
+export declare const useRoutesList: StoreDefinition<"routesList", RoutesListState<any>, {}, {
+    setRoutesList(data: Array<string>): Promise<void>;
+    setColumnsMenuHover(bool: boolean): Promise<void>;
+    setColumnsNavHover(bool: boolean): Promise<void>;
+}>;

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

@@ -0,0 +1,10 @@
+import { StoreDefinition } from 'pinia';
+/**
+ * TagsView 路由列表
+ * @methods setTagsViewRoutes 设置 TagsView 路由列表
+ * @methods setCurrenFullscreen 设置开启/关闭全屏时的 boolean 状态
+ */
+export declare const useTagsViewRoutes: StoreDefinition<"tagsViewRoutes", TagsViewRoutesState<any>, {}, {
+    setTagsViewRoutes(data: Array<string>): Promise<void>;
+    setCurrenFullscreen(bool: boolean): void;
+}>;

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

@@ -0,0 +1,10 @@
+import { StoreDefinition } from 'pinia';
+/**
+ * 布局配置
+ * 修改配置时：
+ * 1、理需要每次都清 `window.localStorage` 浏览器永久缓存
+ * 2、或者点击布局配置最底部 `一键恢复默认` 按钮即可看到效果
+ */
+export declare const useThemeConfig: StoreDefinition<"themeConfig", ThemeConfigState, {}, {
+    setThemeConfig(data: ThemeConfigState): void;
+}>;

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,73 @@
+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 IAuthDataItem {
+        /** 是否显示字段集合 */
+        auth_data_func_01_000: string[];
+        /** 表单权限配置 */
+        [key: string]: Field | string[];
+    }
+    interface IAuthData {
+        btns: IAuthDataItem;
+        form: IAuthDataItem;
+        tables: {
+            [key: string]: IAuthDataItem;
+        };
+    }
+    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,193 @@
+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;
+        /** 动态配置列 */
+        dynamicColumn?: {
+            /** 是否动态请求配置 */
+            isDynamicRequestConfig?: boolean;
+            /** 请求动态配置地址 */
+            requestDynamicUrl?: string;
+            /** 请求动态配置参数 */
+            requestDynamicParams?: string;
+            /** 请求动态配置方式 */
+            dynamicMethod?: string;
+            /** 请求动态配置代理 */
+            dynamicProxy?: string;
+        };
+    }
+    interface TableItemData extends VxeColumnProps {
+        /** 是否启用插槽 */
+        isSlot: boolean;
+        /** 是否启用 */
+        isApply: boolean;
+        /** 是否配置权限 */
+        isAuth: boolean;
+        /** 是否显示 */
+        isShow: boolean;
+        /** 返回值类型 */
+        returnValueType: string;
+        /** 插槽模板【值为空时可以自定义插槽内容】 */
+        el: ElComponent;
+        /** 是否导出该字段 */
+        fieldExport: boolean;
+        /** 插槽模板配置 */
+        slotTemplateConfig?: ElData;
+        /** 排序  */
+        sortItem?: number;
+    }
+    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 FormTable {
+        btns: Btns[];
+        mid?: string;
+        /** 是否配置权限 值为1时，受权限控制，不为1时，则无需查询权限 */
+        is_auth?: string;
+        /** 项目类型 */
+        project_code?: string;
+        /** 配置版本号 */
+        config_version?: number;
+        config_type?: '1' | '2';
+        /** 配置唯一标识 */
+        config_unique_id: string;
+        /** 配置名称 */
+        config_name: string;
+        /** 表单配置 */
+        form?: Form;
+        /** 表格配置数据 */
+        tables: Array<Table>;
+    }
+}
+export default ICustomData;

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

@@ -0,0 +1,86 @@
+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;
+        mid?: string;
+        /** 是否配置权限 值为1时，受权限控制，不为1时，则无需查询权限 */
+        is_auth?: string;
+        /** 项目类型 */
+        project_code?: string;
+        /** 配置版本号 */
+        config_version?: number;
+        /** 配置数据类型 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,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;
+}