ele-admin-plus 1.4.1 → 1.5.0-beta.1

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

@@ -1,38 +1,202 @@
 import { EleBasicSelectInstance, EleProTableInstance } from '../ele-app/plus';
-import { SingleValue, SelectedItem } from '../ele-basic-select/types';
-import { DataKey } from '../ele-data-table/types';
+import { SelectValue, SingleValue, SelectedItem } from '../ele-basic-select/types';
+import { DataItem } from '../ele-data-table/types';
 
-declare function __VLS_template(): Partial<Record<string, (_: any) => any>> & {
+declare function __VLS_template(): Partial<Record<string, (_: any) => any>> & Partial<Record<string, (_: any) => any>> & Partial<Record<string, (_: any) => any>> & {
     popperTopExtra?(_: {}): any;
     popperBottomExtra?(_: {}): any;
-    maxTagPlaceholder?(_: any): any;
 };
-declare const __VLS_component: import('vue').DefineComponent<{}, {
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    transition: {
+        type: StringConstructor;
+        default: string;
+    };
+    modelValue: {
+        type: import('vue').PropType<SelectValue>;
+        default: () => null;
+    };
+    validateEvent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    beforeConfirm: import('vue').PropType<import('../ele-basic-select/types').BeforeConfirm<DataItem>>;
+    valueKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    cacheData: import('vue').PropType<DataItem[]>;
+    tableProps: import('vue').PropType<import('../ele-app/plus').EleProTableProps>;
+    tableSlots: import('vue').PropType<Record<string, string>>;
+    wrapperComponent: import('vue').PropType<import('../ele-app/types').UserComponent>;
+    wrapperComponentProps: ObjectConstructor;
+    initValue: import('vue').PropType<DataItem | DataItem[]>;
+    placement: {
+        type: import('vue').PropType<import('../ele-app/plus').EleTooltipProps["placement"]>;
+        default: string;
+    };
+    popperClass: StringConstructor;
+    teleported: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: import('vue').PropType<import('../ele-app/el').ElInputProps["size"]>;
+    disabled: BooleanConstructor;
+    placeholder: StringConstructor;
+    clearable: BooleanConstructor;
+    inputStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    filterable: BooleanConstructor;
+    tagType: {
+        type: import('vue').PropType<import('../ele-app/el').ElTagProps["type"]>;
+        default: string;
+    };
+    persistent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    visible: BooleanConstructor;
+    popperOptions: import('vue').PropType<import('../ele-app/plus').EleTooltipProps["popperOptions"]>;
+    automaticDropdown: BooleanConstructor;
+    multiple: BooleanConstructor;
+    responsive: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    maxTagCount: NumberConstructor;
+    maxTagTextLength: NumberConstructor;
+    selectClass: StringConstructor;
+    selectStyle: import('vue').PropType<import('../ele-app/types').StyleValue | string>;
+    selectTagsStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    popperWidth: (StringConstructor | NumberConstructor)[];
+    popperHeight: (StringConstructor | NumberConstructor)[];
+    popperType: import('vue').PropType<import('../ele-basic-select/types').PopperType>;
+    popperProps: import('vue').PropType<import('../ele-basic-select/types').PopperProps>;
+    popperSlots: import('vue').PropType<Record<string, string>>;
+    popperTitle: StringConstructor;
+}>, {
+    clearSelectedItems: () => void;
+    removeSelectedItem: (item: SelectedItem) => void;
+    updateSelectedItems: (items: SelectedItem[]) => void;
+    clearTempSelectedItems: () => void;
+    removeTempSelectedItem: (item: SelectedItem) => void;
+    updateTempSelectedItems: (items: SelectedItem[]) => void;
     selectRef: import('vue').Ref<EleBasicSelectInstance, EleBasicSelectInstance>;
     tableRef: import('vue').Ref<EleProTableInstance, EleProTableInstance>;
-    selectVisible: import('vue').Ref<boolean, boolean>;
-    selectedItems: import('vue').Ref<{
-        [x: string]: any;
-        label: string;
-        value: SingleValue;
-        hide?: boolean | undefined;
-        index?: number | undefined;
-    }[], SelectedItem[] | {
-        [x: string]: any;
-        label: string;
-        value: SingleValue;
-        hide?: boolean | undefined;
-        index?: number | undefined;
-    }[]>;
-    selectedLabel: import('vue').ComputedRef<string>;
-    currentRowKey: import('vue').ComputedRef<DataKey | undefined>;
-    selectedRowKeys: import('vue').ComputedRef<DataKey[] | undefined>;
     updatePopover: () => void;
-    updateSelectedItems: (force?: boolean) => void;
     updateVisible: (visible: boolean) => void;
     focusSearchInput: () => void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, any, string, import('vue').PublicProps, any, {} | {
-    [x: string]: any;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (_item: DataItem | DataItem[]) => void;
+    clear: () => void;
+    focus: (_e: FocusEvent) => void;
+    blur: (_e: FocusEvent) => void;
+    "update:modelValue": (_value: SelectValue) => void;
+    change: (_value: SelectValue) => void;
+    visibleChange: (_visible: boolean) => void;
+    "update:visible": (_visible: boolean) => void;
+    filterChange: (_value: string) => void;
+    removeTag: (_value: SingleValue) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    transition: {
+        type: StringConstructor;
+        default: string;
+    };
+    modelValue: {
+        type: import('vue').PropType<SelectValue>;
+        default: () => null;
+    };
+    validateEvent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    beforeConfirm: import('vue').PropType<import('../ele-basic-select/types').BeforeConfirm<DataItem>>;
+    valueKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    cacheData: import('vue').PropType<DataItem[]>;
+    tableProps: import('vue').PropType<import('../ele-app/plus').EleProTableProps>;
+    tableSlots: import('vue').PropType<Record<string, string>>;
+    wrapperComponent: import('vue').PropType<import('../ele-app/types').UserComponent>;
+    wrapperComponentProps: ObjectConstructor;
+    initValue: import('vue').PropType<DataItem | DataItem[]>;
+    placement: {
+        type: import('vue').PropType<import('../ele-app/plus').EleTooltipProps["placement"]>;
+        default: string;
+    };
+    popperClass: StringConstructor;
+    teleported: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: import('vue').PropType<import('../ele-app/el').ElInputProps["size"]>;
+    disabled: BooleanConstructor;
+    placeholder: StringConstructor;
+    clearable: BooleanConstructor;
+    inputStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    filterable: BooleanConstructor;
+    tagType: {
+        type: import('vue').PropType<import('../ele-app/el').ElTagProps["type"]>;
+        default: string;
+    };
+    persistent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    visible: BooleanConstructor;
+    popperOptions: import('vue').PropType<import('../ele-app/plus').EleTooltipProps["popperOptions"]>;
+    automaticDropdown: BooleanConstructor;
+    multiple: BooleanConstructor;
+    responsive: {
+        type: BooleanConstructor;
+        default: null;
+    };
+    maxTagCount: NumberConstructor;
+    maxTagTextLength: NumberConstructor;
+    selectClass: StringConstructor;
+    selectStyle: import('vue').PropType<import('../ele-app/types').StyleValue | string>;
+    selectTagsStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    popperWidth: (StringConstructor | NumberConstructor)[];
+    popperHeight: (StringConstructor | NumberConstructor)[];
+    popperType: import('vue').PropType<import('../ele-basic-select/types').PopperType>;
+    popperProps: import('vue').PropType<import('../ele-basic-select/types').PopperProps>;
+    popperSlots: import('vue').PropType<Record<string, string>>;
+    popperTitle: StringConstructor;
+}>> & Readonly<{
+    onSelect?: ((_item: DataItem | DataItem[]) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    onFocus?: ((_e: FocusEvent) => any) | undefined;
+    onBlur?: ((_e: FocusEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((_value: SelectValue) => any) | undefined;
+    onChange?: ((_value: SelectValue) => any) | undefined;
+    onVisibleChange?: ((_visible: boolean) => any) | undefined;
+    "onUpdate:visible"?: ((_visible: boolean) => any) | undefined;
+    onFilterChange?: ((_value: string) => any) | undefined;
+    onRemoveTag?: ((_value: SingleValue) => any) | undefined;
+}>, {
+    transition: string;
+    valueKey: string;
+    modelValue: SelectValue;
+    placement: import('element-plus').Placement | undefined;
+    teleported: boolean;
+    disabled: boolean;
+    clearable: boolean;
+    validateEvent: boolean;
+    filterable: boolean;
+    tagType: ("primary" | "success" | "warning" | "info" | "danger") | undefined;
+    persistent: boolean;
+    visible: boolean;
+    automaticDropdown: boolean;
+    multiple: boolean;
+    responsive: boolean;
+    labelKey: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/lib/ele-table-select/props.cjs

@@ -1,6 +1,13 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const common = require("../utils/common");
+const props = require("../ele-basic-select/props");
 const tableSelectProps = {
+  ...common.omit(props.basicSelectProps, ["value", "selectedLabel", "selected"]),
+  transition: {
+    type: String,
+    default: "el-zoom-in-top"
+  },
   /** 选中值 */
   modelValue: {
     type: [String, Number, Boolean, Array],
@@ -8,16 +15,13 @@ const tableSelectProps = {
       return null;
     }
   },
-  /** 是否多选 */
-  multiple: Boolean,
-  /** 是否禁用 */
-  disabled: Boolean,
-  /** 尺寸 */
-  size: String,
-  /** 是否支持清除 */
-  clearable: Boolean,
-  /** 无选中时提示文本 */
-  placeholder: String,
+  /** 是否触发表单验证 */
+  validateEvent: {
+    type: Boolean,
+    default: true
+  },
+  /** 确认事件钩子 */
+  beforeConfirm: Function,
   /** 数据值的键名 */
   valueKey: {
     type: String,
@@ -28,87 +32,31 @@ const tableSelectProps = {
     type: String,
     default: "label"
   },
-  /** 初始选中值(已废弃) */
-  initValue: [Object, Array],
   /** 缓存的数据 */
   cacheData: Array,
   /** 表格配置 */
-  tableProps: {
-    type: Object,
-    required: true
-  },
-  /** 多选标签最大显示数量 */
-  maxTagCount: Number,
-  /** 多选标签最大显示文本长度 */
-  maxTagTextLength: Number,
-  /** 多选标签类型 */
-  tagType: {
-    type: String,
-    default: "info"
-  },
-  /** 是否在输入框获得焦点后自动弹出选项菜单 */
-  automaticDropdown: Boolean,
-  /** 是否可以筛选 */
-  filterable: Boolean,
-  /** 是否将下拉框插入 body */
-  teleported: {
-    type: Boolean,
-    default: true
-  },
-  /** 始终渲染下拉框 */
-  persistent: {
-    type: Boolean,
-    default: true
-  },
-  /** 下拉框位置 */
-  placement: {
-    type: String,
-    default: "bottom-start"
-  },
-  /** 下拉框渐变动画 */
-  transition: {
-    type: String,
-    default: "el-zoom-in-top"
-  },
-  /** popper.js 参数 */
-  popperOptions: Object,
-  /** 下拉框类名 */
-  popperClass: String,
-  /** 下拉框宽度 */
-  popperWidth: [Number, String],
-  /** 自定义样式 */
-  selectStyle: Object,
-  /** 自定义输入框样式 */
-  inputStyle: Object,
-  /** 自定义多选标签容器样式 */
-  selectTagsStyle: Object,
-  /** 是否开启响应式 */
-  responsive: {
-    type: Boolean,
-    default: null
-  }
+  tableProps: Object,
+  /** 表格组件插槽对应名称 */
+  tableSlots: Object,
+  /** 内容容器组件 */
+  wrapperComponent: [String, Object, Function],
+  /** 内容容器组件属性 */
+  wrapperComponentProps: Object,
+  /** 初始选中值(已废弃) */
+  initValue: [Object, Array]
 };
 const tableSelectEmits = {
+  ...props.basicSelectEmits,
+  /** 多选标签移除事件 */
+  removeTag: (_value) => true,
   /** 更新选中值 */
   "update:modelValue": (_value) => true,
   /** 选中值改变事件 */
   change: (_value) => true,
   /** 下拉框展开状态改变事件 */
   visibleChange: (_visible) => true,
-  /** 多选标签移除事件 */
-  removeTag: (_value) => true,
-  /** 清空事件 */
-  clear: () => true,
-  /** 获取焦点事件 */
-  focus: (_e) => true,
-  /** 失去焦点事件 */
-  blur: (_e) => true,
   /** 表格行选中事件 */
-  select: (_item) => true,
-  /** 筛选输入框值改变事件 */
-  filterChange: (_value) => true,
-  /** 更新下拉框显示状态 */
-  "update:visible": (_visible) => true
+  select: (_item) => true
 };
 exports.tableSelectEmits = tableSelectEmits;
 exports.tableSelectProps = tableSelectProps;

package/lib/ele-table-select/props.d.ts

@@ -1,29 +1,29 @@
 import { PropType, ExtractPropTypes } from 'vue';
-import { StyleValue } from '../ele-app/types';
-import { ElInputProps, ElTagProps } from '../ele-app/el';
-import { EleTooltipProps, EleProTableProps } from '../ele-app/plus';
+import { UserComponent } from '../ele-app/types';
+import { EleProTableProps } from '../ele-app/plus';
 import { DataItem } from '../ele-data-table/types';
-import { SelectValue, SingleValue } from '../ele-basic-select/types';
+import { SelectValue, SingleValue, BeforeConfirm } from '../ele-basic-select/types';
 
 /**
  * 属性
  */
 export declare const tableSelectProps: {
+    transition: {
+        type: StringConstructor;
+        default: string;
+    };
     /** 选中值 */
     modelValue: {
         type: PropType<SelectValue>;
         default: () => null;
     };
-    /** 是否多选 */
-    multiple: BooleanConstructor;
-    /** 是否禁用 */
-    disabled: BooleanConstructor;
-    /** 尺寸 */
-    size: PropType<ElInputProps["size"]>;
-    /** 是否支持清除 */
-    clearable: BooleanConstructor;
-    /** 无选中时提示文本 */
-    placeholder: StringConstructor;
+    /** 是否触发表单验证 */
+    validateEvent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 确认事件钩子 */
+    beforeConfirm: PropType<BeforeConfirm<DataItem>>;
     /** 数据值的键名 */
     valueKey: {
         type: StringConstructor;
@@ -34,89 +34,79 @@ export declare const tableSelectProps: {
         type: StringConstructor;
         default: string;
     };
-    /** 初始选中值(已废弃) */
-    initValue: PropType<DataItem | DataItem[]>;
     /** 缓存的数据 */
     cacheData: PropType<DataItem[]>;
     /** 表格配置 */
-    tableProps: {
-        type: PropType<EleProTableProps>;
-        required: boolean;
-    };
-    /** 多选标签最大显示数量 */
-    maxTagCount: NumberConstructor;
-    /** 多选标签最大显示文本长度 */
-    maxTagTextLength: NumberConstructor;
-    /** 多选标签类型 */
-    tagType: {
-        type: PropType<ElTagProps["type"]>;
+    tableProps: PropType<EleProTableProps>;
+    /** 表格组件插槽对应名称 */
+    tableSlots: PropType<Record<string, string>>;
+    /** 内容容器组件 */
+    wrapperComponent: PropType<UserComponent>;
+    /** 内容容器组件属性 */
+    wrapperComponentProps: ObjectConstructor;
+    /** 初始选中值(已废弃) */
+    initValue: PropType<DataItem | DataItem[]>;
+    placement: {
+        type: PropType<import('../ele-app/plus').EleTooltipProps["placement"]>;
         default: string;
     };
-    /** 是否在输入框获得焦点后自动弹出选项菜单 */
-    automaticDropdown: BooleanConstructor;
-    /** 是否可以筛选 */
-    filterable: BooleanConstructor;
-    /** 是否将下拉框插入 body */
+    popperClass: StringConstructor;
     teleported: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /** 始终渲染下拉框 */
+    size: PropType<import('../ele-app/el').ElInputProps["size"]>;
+    disabled: BooleanConstructor;
+    placeholder: StringConstructor;
+    clearable: BooleanConstructor;
+    inputStyle: PropType<import('../ele-app/types').StyleValue>;
+    filterable: BooleanConstructor;
+    tagType: {
+        type: PropType<import('../ele-app/el').ElTagProps["type"]>;
+        default: string;
+    };
     persistent: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /** 下拉框位置 */
-    placement: {
-        type: PropType<EleTooltipProps["placement"]>;
-        default: string;
-    };
-    /** 下拉框渐变动画 */
-    transition: {
-        type: StringConstructor;
-        default: string;
-    };
-    /** popper.js 参数 */
-    popperOptions: PropType<EleTooltipProps["popperOptions"]>;
-    /** 下拉框类名 */
-    popperClass: StringConstructor;
-    /** 下拉框宽度 */
-    popperWidth: (NumberConstructor | StringConstructor)[];
-    /** 自定义样式 */
-    selectStyle: PropType<StyleValue>;
-    /** 自定义输入框样式 */
-    inputStyle: PropType<StyleValue>;
-    /** 自定义多选标签容器样式 */
-    selectTagsStyle: PropType<StyleValue>;
-    /** 是否开启响应式 */
+    visible: BooleanConstructor;
+    popperOptions: PropType<import('../ele-app/plus').EleTooltipProps["popperOptions"]>;
+    automaticDropdown: BooleanConstructor;
+    multiple: BooleanConstructor;
     responsive: {
         type: BooleanConstructor;
         default: null;
     };
+    maxTagCount: NumberConstructor;
+    maxTagTextLength: NumberConstructor;
+    selectClass: StringConstructor;
+    selectStyle: PropType<import('../ele-app/types').StyleValue | string>;
+    selectTagsStyle: PropType<import('../ele-app/types').StyleValue>;
+    popperWidth: (StringConstructor | NumberConstructor)[];
+    popperHeight: (StringConstructor | NumberConstructor)[];
+    popperType: PropType<import('../ele-basic-select/types').PopperType>;
+    popperProps: PropType<import('../ele-basic-select/types').PopperProps>;
+    popperSlots: PropType<Record<string, string>>;
+    popperTitle: StringConstructor;
 };
 export type TableSelectProps = ExtractPropTypes<typeof tableSelectProps>;
 /**
  * 事件
  */
 export declare const tableSelectEmits: {
+    /** 多选标签移除事件 */
+    removeTag: (_value: SingleValue) => boolean;
     /** 更新选中值 */
     'update:modelValue': (_value: SelectValue) => boolean;
     /** 选中值改变事件 */
     change: (_value: SelectValue) => boolean;
     /** 下拉框展开状态改变事件 */
     visibleChange: (_visible: boolean) => boolean;
-    /** 多选标签移除事件 */
-    removeTag: (_value: SingleValue) => boolean;
-    /** 清空事件 */
+    /** 表格行选中事件 */
+    select: (_item: DataItem | DataItem[]) => boolean;
+    'update:visible': (_visible: boolean) => boolean;
     clear: () => boolean;
-    /** 获取焦点事件 */
     focus: (_e: FocusEvent) => boolean;
-    /** 失去焦点事件 */
     blur: (_e: FocusEvent) => boolean;
-    /** 表格行选中事件 */
-    select: (_item: DataItem | DataItem[]) => boolean;
-    /** 筛选输入框值改变事件 */
     filterChange: (_value: string) => boolean;
-    /** 更新下拉框显示状态 */
-    'update:visible': (_visible: boolean) => boolean;
 };

package/lib/ele-table-select/style/index.scss

@@ -5,18 +5,18 @@
 @include set-table-select-var($ele);
 
 .ele-table-select-popper {
+  .ele-pro-table > .ele-data-table,
+  .ele-pro-table > .ele-virtual-table {
+    #{eleVarName('table', 'th-bg')}: eleVar('table-select', 'th-bg');
+    #{eleVarName('table', 'tr-bg')}: eleVar('table-select', 'tr-bg');
+    #{eleVarName('table', 'even-bg')}: eleVar('table-select', 'even-bg');
+  }
+
   & > .ele-popover-body {
     padding: eleVar('table-select', 'padding');
-
-    & > .ele-pro-table > .ele-data-table,
-    & > .ele-pro-table > .ele-virtual-table {
-      #{eleVarName('table', 'th-bg')}: eleVar('table-select', 'th-bg');
-      #{eleVarName('table', 'tr-bg')}: eleVar('table-select', 'tr-bg');
-      #{eleVarName('table', 'even-bg')}: eleVar('table-select', 'even-bg');
-    }
   }
 
-  &.is-responsive {
+  &.ele-popover.is-responsive {
     max-width: calc(100vw - #{eleVar('table-select', 'mobile-space')} * 2);
   }
 }