ele-admin-plus 1.1.6-beta.5 → 1.1.6-beta.6

package/lib/ele-config-provider/types.d.ts

@@ -0,0 +1,124 @@
+import type { Ref, ComputedRef } from 'vue';
+import type { EleProTableProps } from '../ele-app/plus';
+import type { TableLocale } from '../ele-pro-table/types';
+import type { FileListLocale } from '../ele-file-list/types';
+import type { CropperLocale } from '../ele-cropper/types';
+import type { MapLocale } from '../ele-map-picker/types';
+import type { UploadLocale } from '../ele-upload-list/types';
+import type { TourLocale } from '../ele-tour/types';
+import type { CopyableLocale } from '../ele-copyable/types';
+
+/**
+ * 全局配置
+ */
+export interface GlobalProvide {
+  /** 国际化 */
+  locale?: EleLocale;
+  /** 表格配置 */
+  table?: TableGlobalConfig;
+  /** 地图密钥 */
+  mapKey?: string;
+  /** 授权码 */
+  license?: string;
+}
+
+/**
+ * 表格配置
+ */
+export type TableGlobalConfig = Partial<
+  Pick<
+    EleProTableProps,
+    | 'stripe'
+    | 'border'
+    | 'request'
+    | 'response'
+    | 'parseData'
+    | 'size'
+    | 'tools'
+    | 'maximizedIndex'
+    | 'pagination'
+    | 'emptyProps'
+  >
+>;
+
+/**
+ * 国际化
+ */
+export interface EleLocale {
+  /** 图片裁剪 */
+  cropper: CropperLocale;
+  /** 文件列表 */
+  fileList: FileListLocale;
+  /** 地图选择 */
+  map: MapLocale;
+  /** 高级表格 */
+  table: TableLocale;
+  /** 漫游式引导 */
+  tour: TourLocale;
+  /** 文件上传 */
+  upload: UploadLocale;
+  /** 文本复制 */
+  copyable: CopyableLocale;
+}
+
+/**
+ * 获取是否授权返回结果
+ */
+export interface UseLicenseResult {
+  /** 是否授权 */
+  authenticated: Ref<boolean>;
+  /** 全局配置 */
+  globalConfig: GlobalProvide;
+}
+
+/**
+ * 获取国际化方法返回结果
+ */
+export interface UseLocaleResult<T> {
+  /** 语言 */
+  lang: ComputedRef<T>;
+  /** 全局配置 */
+  globalConfig: GlobalProvide;
+}
+
+/**
+ * 带国际化的组件属性
+ */
+export interface LocaleProps<T> extends Record<keyof any, any> {
+  locale?: Partial<T>;
+}
+
+/**
+ * 带响应式的组件属性
+ */
+export interface ResponsiveProps extends Record<keyof any, any> {
+  responsive?: boolean;
+}
+
+/**
+ * 布局共享数据
+ */
+export interface LayoutProvide {
+  /** 是否是移动设备 */
+  mobile?: boolean;
+  /** 是否折叠侧栏菜单 */
+  collapse?: boolean;
+  /** 侧栏一级是否紧凑风格 */
+  compact?: boolean;
+  /** 是否顶栏导航布局 */
+  topLayout?: boolean;
+  /** 是否双侧栏布局 */
+  mixSidebar?: boolean;
+  /** 内容区是否最大化 */
+  maximized?: boolean;
+  /** 内容区最大时不带页签栏 */
+  expanded?: boolean;
+  /** 是否需要页签栏 */
+  tabBar?: boolean;
+  /** 是否显示侧栏 */
+  sidebar?: boolean;
+  /** 是否支持内链缓存 */
+  keepAlive?: boolean;
+  /** 是否开启响应式 */
+  responsive?: boolean;
+}

package/lib/ele-copyable/index.d.ts

@@ -1,17 +1,16 @@
-import type { EleTooltipInstance } from '../ele-app/types';
+import type { EleTooltipInstance } from '../ele-app/plus';
 import type { CopyableLocale } from './types';
 declare const _default: import("vue").DefineComponent<{
     text: StringConstructor;
     innerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     customStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     icon: import("vue").PropType<import("./types").CopyableIcon>;
-    iconProps: import("vue").PropType<import("../ele-app/types").ElIconProps>;
+    iconProps: import("vue").PropType<import("../ele-app/el").ElIconProps>;
     iconStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     copiedIcon: import("vue").PropType<import("./types").CopyableIcon>;
-    copiedIconProps: import("vue").PropType<import("../ele-app/types").ElIconProps>;
+    copiedIconProps: import("vue").PropType<import("../ele-app/el").ElIconProps>;
     copiedIconStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     tooltip: {
-        /** 文本组件 */
         type: import("vue").PropType<boolean | Partial<import("../ele-tooltip/props").TooltipProps>>;
         default: boolean;
     };
@@ -35,13 +34,12 @@ declare const _default: import("vue").DefineComponent<{
     innerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     customStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     icon: import("vue").PropType<import("./types").CopyableIcon>;
-    iconProps: import("vue").PropType<import("../ele-app/types").ElIconProps>;
+    iconProps: import("vue").PropType<import("../ele-app/el").ElIconProps>;
     iconStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     copiedIcon: import("vue").PropType<import("./types").CopyableIcon>;
-    copiedIconProps: import("vue").PropType<import("../ele-app/types").ElIconProps>;
+    copiedIconProps: import("vue").PropType<import("../ele-app/el").ElIconProps>;
     copiedIconStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     tooltip: {
-        /** 文本组件 */
         type: import("vue").PropType<boolean | Partial<import("../ele-tooltip/props").TooltipProps>>;
         default: boolean;
     };

package/lib/ele-copyable/props.d.ts

@@ -1,5 +1,5 @@
 import type { PropType, ExtractPropTypes } from 'vue';
-import type { ElIconProps } from '../ele-app/types';
+import type { ElIconProps } from '../ele-app/el';
 import type { CopyableIcon, CopyableLocale } from './types';
 /**
  * 属性

package/{es/ele-copyable/types/index.d.ts → lib/ele-copyable/types.d.ts}

@@ -1,12 +1,14 @@
 import type { Component } from 'vue';
+
 /**
  * 图标
  */
 export type CopyableIcon = string | Component;
+
 /**
  * 国际化
  */
 export interface CopyableLocale {
-    copy: string;
-    copied: string;
+  copy: string;
+  copied: string;
 }

package/lib/ele-cropper/index.d.ts

@@ -27,7 +27,6 @@ declare const _default: import("vue").DefineComponent<{
     };
     toBlob: BooleanConstructor;
     options: import("vue").PropType<CropperOptions>;
-    /** 是否开启布局响应 */
     croppedOptions: import("vue").PropType<import("./types").CroppedOptions>; /** 图片节点 */
     tooltip: {
         type: BooleanConstructor;
@@ -86,7 +85,6 @@ declare const _default: import("vue").DefineComponent<{
     };
     toBlob: BooleanConstructor;
     options: import("vue").PropType<CropperOptions>;
-    /** 是否开启布局响应 */
     croppedOptions: import("vue").PropType<import("./types").CroppedOptions>; /** 图片节点 */
     tooltip: {
         type: BooleanConstructor;

package/lib/ele-cropper/types.d.ts

@@ -0,0 +1,98 @@
+import type { Component } from 'vue';
+import type Cropper from 'cropperjs';
+
+/**
+ * 上传事件参数
+ */
+export interface UploadOption {
+  /** 文件数据 */
+  data?: string | ArrayBuffer | null;
+  /** 文件类型 */
+  type: string;
+}
+
+/**
+ * 操作按钮名称
+ */
+export type ToolName =
+  | 'zoomIn'
+  | 'zoomOut'
+  | 'moveLeft'
+  | 'moveRight'
+  | 'moveUp'
+  | 'moveDown'
+  | 'rotateLeft'
+  | 'rotateRight'
+  | 'flipX'
+  | 'flipY'
+  | 'reset'
+  | 'upload'
+  | 'ok';
+
+/**
+ * 操作按钮
+ */
+export interface ToolItem {
+  /** 标识 */
+  key: string;
+  /** 名称 */
+  name: ToolName;
+  /** 图标 */
+  icon?: Component;
+  /** 类名 */
+  className?: string;
+}
+
+/**
+ * 操作按钮组
+ */
+export interface ToolGroup {
+  /** 标识 */
+  key: string;
+  /** 操作按钮 */
+  items: ToolItem[];
+}
+
+/**
+ * 裁剪组件参数
+ */
+export type CropperOptions = Partial<Cropper.Options<HTMLImageElement>> | null;
+
+/**
+ * 裁剪方法参数
+ */
+export type CroppedOptions = Partial<Cropper.GetCroppedCanvasOptions> | null;
+
+/**
+ * 实例状态
+ */
+export interface CurrentState {
+  /** 裁剪组件实例 */
+  instance?: Cropper | null;
+  /** 当前图片类型 */
+  imageType?: string;
+  /** 水平翻转值 */
+  scaleXValue: number;
+  /** 垂直翻转值 */
+  scaleYValue: number;
+}
+
+/**
+ * 国际化
+ */
+export interface CropperLocale {
+  zoomIn: string;
+  zoomOut: string;
+  rotateLeft: string;
+  rotateRight: string;
+  moveLeft: string;
+  moveRight: string;
+  moveUp: string;
+  moveDown: string;
+  flipX: string;
+  flipY: string;
+  reset: string;
+  upload: string;
+  ok: string;
+  title: string;
+}

package/lib/ele-cropper-modal/index.d.ts

@@ -1,7 +1,7 @@
 import type { CropperLocale } from '../ele-cropper/types';
 declare const _default: import("vue").DefineComponent<{
     modelValue: BooleanConstructor;
-    modalProps: import("vue").PropType<Partial<Omit<import("../ele-app/types").EleModalProps, "modelValue">>>;
+    modalProps: import("vue").PropType<Partial<Omit<import("../ele-app/plus").EleModalProps, "modelValue">>>;
     height: StringConstructor;
     src: StringConstructor;
     imageType: {
@@ -46,7 +46,7 @@ declare const _default: import("vue").DefineComponent<{
     'update:modelValue': (_value: boolean) => boolean; /** 更新绑定值 */
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: BooleanConstructor;
-    modalProps: import("vue").PropType<Partial<Omit<import("../ele-app/types").EleModalProps, "modelValue">>>;
+    modalProps: import("vue").PropType<Partial<Omit<import("../ele-app/plus").EleModalProps, "modelValue">>>;
     height: StringConstructor;
     src: StringConstructor;
     imageType: {

package/lib/ele-cropper-modal/props.d.ts

@@ -1,5 +1,5 @@
 import type { PropType, ExtractPropTypes } from 'vue';
-import type { EleModalProps } from '../ele-app/types';
+import type { EleModalProps } from '../ele-app/plus';
 /**
  * 属性
  */

package/lib/ele-data-table/index.d.ts

@@ -1,4 +1,4 @@
-import type { ElTableInstance } from '../ele-app/types';
+import type { ElTableInstance } from '../ele-app/el';
 import type { DataKey, DataItem, Column, Columns, Sorter, Filter } from './types';
 declare const _default: import("vue").DefineComponent<{
     stripe: {
@@ -33,6 +33,7 @@ declare const _default: import("vue").DefineComponent<{
         default: () => null;
     };
     rowClickChecked: import("vue").PropType<import("./types").RowClickChecked>;
+    /** 表格组件实例 */
     reserveCurrent: BooleanConstructor;
     selectedRowKeys: import("vue").PropType<DataKey[]>;
     cacheData: import("vue").PropType<DataItem[]>;
@@ -135,7 +136,8 @@ declare const _default: import("vue").DefineComponent<{
     getSelectionRows: () => DataItem[] | undefined;
     toggleAllSelection: () => void;
     toggleRowExpansion: (row: DataItem, expanded?: boolean | undefined) => void;
-    clearFilter: (columnKeys?: string[] | undefined) => void; /** 设置单选选中值 */
+    clearFilter: (columnKeys?: string[] | undefined) => void;
+    /** 设置单选选中值 */
     doLayout: () => void;
     sort: (prop: string, order: string) => void;
     scrollTo: (options: number | ScrollToOptions, yCoord?: number | undefined) => void;
@@ -195,6 +197,7 @@ declare const _default: import("vue").DefineComponent<{
         default: () => null;
     };
     rowClickChecked: import("vue").PropType<import("./types").RowClickChecked>;
+    /** 表格组件实例 */
     reserveCurrent: BooleanConstructor;
     selectedRowKeys: import("vue").PropType<DataKey[]>;
     cacheData: import("vue").PropType<DataItem[]>;

package/{es/ele-data-table/types/index.d.ts → lib/ele-data-table/types.d.ts}

@@ -1,208 +1,245 @@
 import type { Sort } from 'element-plus/es/components/table';
-import type { ElTableProps, ElColumnProps, ElTableInstance, ElEmptyProps } from '../../ele-app/types';
+import type {
+  ElTableProps,
+  ElColumnProps,
+  ElTableInstance,
+  ElEmptyProps
+} from '../ele-app/el';
+
 /**
  * 数据唯一键
  */
 export type DataKey = string | number;
+
 /**
  * 数据
  */
 export interface DataItem extends Record<keyof any, any> {
-    /** 子级数据 */
-    children?: DataItem[];
-    /** 是否为模拟数据 */
-    _isMock?: boolean;
-    /** 行唯一值 */
-    _rowKey?: DataKey | null;
-    /** 行索引 */
-    _rowIndex?: number;
-    /** 行是否禁用 */
-    _rowDisabled?: boolean;
-    /** 是否是展开行 */
-    _isExpandRow?: boolean;
-    /** 展开行对应的行数据 */
-    _expandParent?: DataItem;
-    /** 展开行对应的行索引 */
-    _expandParantIndex?: number;
+  /** 子级数据 */
+  children?: DataItem[];
+  /** 是否为模拟数据 */
+  _isMock?: boolean;
+  /** 行唯一值 */
+  _rowKey?: DataKey | null;
+  /** 行索引 */
+  _rowIndex?: number;
+  /** 行是否禁用 */
+  _rowDisabled?: boolean;
+  /** 是否是展开行 */
+  _isExpandRow?: boolean;
+  /** 展开行对应的行数据 */
+  _expandParent?: DataItem;
+  /** 展开行对应的行索引 */
+  _expandParantIndex?: number;
 }
+
 /**
  * 原始列属性
  */
 export type TableColumn = Partial<ElColumnProps>;
+
 /**
  * 列属性
  */
 export interface Column extends TableColumn {
-    /** 唯一标识 */
-    uid?: string;
-    /** 插槽名称 */
-    slot?: string;
-    /** 表头插槽名称 */
-    headerSlot?: string;
-    /** 是否隐藏 */
-    hideInTable?: boolean;
-    /** 是否不显示在列配置中 */
-    hideInSetting?: boolean;
-    /** 子级 */
-    children?: Columns;
+  /** 唯一标识 */
+  uid?: string;
+  /** 插槽名称 */
+  slot?: string;
+  /** 表头插槽名称 */
+  headerSlot?: string;
+  /** 是否隐藏 */
+  hideInTable?: boolean;
+  /** 是否不显示在列配置中 */
+  hideInSetting?: boolean;
+  /** 子级 */
+  children?: Columns;
 }
+
 /**
  * 列属性
  */
 export type Columns = Column[];
+
 /**
  * 排序方式
  */
 export interface Sorter extends Partial<Sort> {
-    /** 列配置 */
-    column?: Column;
+  /** 列配置 */
+  column?: Column;
 }
+
 /**
  * 筛选条件
  */
 export type Filter = Record<string, FilterValue>;
+
 /**
  * 筛选值
  */
 export type FilterValue = string[] | undefined;
+
 /**
  * 排序方式值
  */
 export type OrderValue = Exclude<Sorter['order'], undefined>;
+
 /**
  * 表格状态
  */
 export interface TableState {
-    /** 当前排序参数 */
-    sorter?: Sorter;
-    /** 当前筛选参数 */
-    filter?: Filter;
-    /** 单选选中值 */
-    key: DataKey | null;
-    /** 单选选中数据 */
-    row?: DataItem;
-    /** 单选上次选中数据 */
-    oldRow?: DataItem;
-    /** 多选选中值 */
-    checkedKeys: DataKey[];
-    /** 多选选中数据 */
-    checked: DataItem[];
-    /** 多选选中是否保留不存在的数据 */
-    reserveChecked: boolean;
+  /** 当前排序参数 */
+  sorter?: Sorter;
+  /** 当前筛选参数 */
+  filter?: Filter;
+  /** 单选选中值 */
+  key: DataKey | null;
+  /** 单选选中数据 */
+  row?: DataItem;
+  /** 单选上次选中数据 */
+  oldRow?: DataItem;
+  /** 多选选中值 */
+  checkedKeys: DataKey[];
+  /** 多选选中数据 */
+  checked: DataItem[];
+  /** 多选选中是否保留不存在的数据 */
+  reserveChecked: boolean;
 }
+
 /**
  * 多选时行点击选中
  */
 export type RowClickChecked = boolean | 'smart';
+
 /**
  * 表格空组件属性
  */
 export type TableEmptyProps = boolean | ElEmptyProps;
+
 /**
  * 获取表格实例
  */
 export type GetInstance = () => ElTableInstance | undefined | null;
+
 /**
  * 表格实例方法
  */
 export interface TableMethods {
-    clearSelection: () => void;
-    getSelectionRows: () => DataItem[] | undefined;
-    toggleRowSelection: (row: DataItem, selected?: boolean) => void;
-    toggleAllSelection: () => void;
-    toggleRowExpansion: (row: DataItem, expanded?: boolean) => void;
-    setCurrentRow: (row?: DataItem | null) => void;
-    clearSort: () => void;
-    clearFilter: (columnKeys?: string[]) => void;
-    doLayout: () => void;
-    sort: (prop: string, order: string) => void;
-    scrollTo: (options: number | ScrollToOptions, yCoord?: number) => void;
-    setScrollTop: (top?: number) => void;
-    setScrollLeft: (left?: number) => void;
-    /** 设置单选选中值 */
-    setCurrentRowKey: (key?: DataKey | null) => void;
-    /** 获取单选选中数据 */
-    getCurrentRow: () => DataItem | undefined;
-    /** 设置多选选中数据 */
-    setSelectedRows: (rows?: DataItem[]) => void;
-    /** 设置多选选中值 */
-    setSelectedRowKeys: (keys?: DataKey[], rows?: DataItem[]) => void;
-    /** 切换所有行展开状态 */
-    toggleRowExpansionAll: (expanded?: boolean) => void;
-    /** 更新单选和多选选中 */
-    updateSelectedAndChecked: () => void;
+  clearSelection: () => void;
+  getSelectionRows: () => DataItem[] | undefined;
+  toggleRowSelection: (row: DataItem, selected?: boolean) => void;
+  toggleAllSelection: () => void;
+  toggleRowExpansion: (row: DataItem, expanded?: boolean) => void;
+  setCurrentRow: (row?: DataItem | null) => void;
+  clearSort: () => void;
+  clearFilter: (columnKeys?: string[]) => void;
+  doLayout: () => void;
+  sort: (prop: string, order: string) => void;
+  scrollTo: (options: number | ScrollToOptions, yCoord?: number) => void;
+  setScrollTop: (top?: number) => void;
+  setScrollLeft: (left?: number) => void;
+  /** 设置单选选中值 */
+  setCurrentRowKey: (key?: DataKey | null) => void;
+  /** 获取单选选中数据 */
+  getCurrentRow: () => DataItem | undefined;
+  /** 设置多选选中数据 */
+  setSelectedRows: (rows?: DataItem[]) => void;
+  /** 设置多选选中值 */
+  setSelectedRowKeys: (keys?: DataKey[], rows?: DataItem[]) => void;
+  /** 切换所有行展开状态 */
+  toggleRowExpansionAll: (expanded?: boolean) => void;
+  /** 更新单选和多选选中 */
+  updateSelectedAndChecked: () => void;
 }
+
 /**
  * 表格尺寸
  */
 export type TableSize = ElTableProps<DataItem>['size'];
+
 /**
  * 树表格懒加载方法
  */
 export type TableLoad = ElTableProps<DataItem>['load'];
+
 /**
  * 树表格懒加载回调
  */
 export type ResolveFunction = (data: DataItem[]) => void;
+
 /**
  * 嵌套数据配置项
  */
 export interface TreeProps {
-    hasChildren?: string;
-    children?: string;
+  hasChildren?: string;
+  children?: string;
 }
+
 /**
  * 溢出提示组件属性
  */
 export type ShowOverflowTooltip = Column['showOverflowTooltip'];
+
 /**
  * 溢出提示组件主题
  */
 export type TooltipEffect = ElTableProps<DataItem>['tooltipEffect'];
+
 /**
  * 溢出提示组件全局配置
  */
 export type TooltipOptions = ElTableProps<DataItem>['tooltipOptions'];
+
 /**
  * 单元格类名自定义
  */
 export type CellClass = ElTableProps<DataItem>['cellClassName'];
+
 /**
  * 单元格样式自定义
  */
 export type CellStyle = ElTableProps<DataItem>['cellStyle'];
+
 /**
  * 行类名自定义
  */
 export type RowClass = ElTableProps<DataItem>['rowClassName'];
+
 /**
  * 行样式自定义
  */
 export type RowStyle = ElTableProps<DataItem>['rowStyle'];
+
 /**
  * 表头单元格类名自定义
  */
 export type HeaderCellClass = ElTableProps<DataItem>['headerCellClassName'];
+
 /**
  * 表头单元格样式自定义
  */
 export type HeaderCellStyle = ElTableProps<DataItem>['headerCellStyle'];
+
 /**
  * 表头行类名自定义
  */
 export type HeaderRowClass = ElTableProps<DataItem>['headerRowClassName'];
+
 /**
  * 表头行样式自定义
  */
 export type HeaderRowStyle = ElTableProps<DataItem>['headerRowStyle'];
+
 /**
  * 单元格合并方法
  */
 export type SpanMethod = ElTableProps<DataItem>['spanMethod'];
+
 /**
  * 行数据唯一值的字段名
  */
 export type RowKey = ElTableProps<DataItem>['rowKey'];
+
 /**
  * 控制行是否可选中的方法
  */