ele-admin-plus 1.3.0-beta.3 → 1.3.0-beta.4

package/es/ele-table/index.js

@@ -1,33 +1,28 @@
 import { defineComponent, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
 import { tableProps } from "./props";
-const _sfc_main = defineComponent({
-  name: "EleTable",
-  props: tableProps
-});
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "EleTable" },
+  __name: "index",
+  props: tableProps,
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("table", {
+        class: normalizeClass([
+          "ele-table",
+          { "has-header": _ctx.hasHeader },
+          { "has-footer": _ctx.hasFooter },
+          { "is-stripe": _ctx.stripe },
+          { "is-border": _ctx.border },
+          { "is-large": _ctx.size === "large" },
+          { "is-small": _ctx.size === "small" },
+          { "is-print-skin": _ctx.printSkin }
+        ])
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
   }
-  return target;
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("table", {
-    class: normalizeClass([
-      "ele-table",
-      { "has-header": _ctx.hasHeader },
-      { "has-footer": _ctx.hasFooter },
-      { "is-stripe": _ctx.stripe },
-      { "is-border": _ctx.border },
-      { "is-large": _ctx.size === "large" },
-      { "is-small": _ctx.size === "small" },
-      { "is-print-skin": _ctx.printSkin }
-    ])
-  }, [
-    renderSlot(_ctx.$slots, "default")
-  ], 2);
-}
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+});
 export {
-  index as default
+  _sfc_main as default
 };

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

@@ -1,188 +1,41 @@
 import { EleBasicSelectInstance, EleProTableInstance } from '../ele-app/plus';
-import { SingleValue, SelectValue, SelectedItem } from '../ele-basic-select/types';
-import { DataKey, DataItem } from '../ele-data-table/types';
+import { SingleValue, SelectedItem } from '../ele-basic-select/types';
+import { DataKey } from '../ele-data-table/types';
 
-declare const _default: import('vue').DefineComponent<{
-    modelValue: {
-        type: import('vue').PropType<SelectValue>;
-        default: () => null;
-    };
-    multiple: BooleanConstructor;
-    disabled: BooleanConstructor;
-    size: import('vue').PropType<import('../ele-app/el').ElInputProps["size"]>;
-    clearable: BooleanConstructor;
-    placeholder: StringConstructor;
-    valueKey: {
-        type: StringConstructor;
-        default: string;
-    };
-    labelKey: {
-        type: StringConstructor;
-        default: string;
-    };
-    initValue: import('vue').PropType<DataItem | DataItem[]>;
-    cacheData: import('vue').PropType<DataItem[]>;
-    tableProps: {
-        type: import('vue').PropType<import('../ele-app/plus').EleProTableProps>;
-        required: boolean;
-    };
-    maxTagCount: NumberConstructor;
-    maxTagTextLength: NumberConstructor;
-    tagType: {
-        type: import('vue').PropType<import('../ele-app/el').ElTagProps["type"]>;
-        default: string;
-    };
-    automaticDropdown: BooleanConstructor;
-    filterable: BooleanConstructor;
-    teleported: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    persistent: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    placement: {
-        type: import('vue').PropType<import('../ele-app/plus').EleTooltipProps["placement"]>;
-        default: string;
-    };
-    transition: {
-        type: StringConstructor;
-        default: string;
-    };
-    popperOptions: import('vue').PropType<import('../ele-app/plus').EleTooltipProps["popperOptions"]>;
-    popperClass: StringConstructor;
-    popperWidth: (StringConstructor | NumberConstructor)[];
-    selectStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
-    inputStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
-    selectTagsStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
-    responsive: {
-        type: BooleanConstructor;
-        default: null;
-    };
-}, {
-    selectRef: import('vue').Ref<EleBasicSelectInstance>;
-    tableRef: import('vue').Ref<EleProTableInstance>;
-    selectVisible: import('vue').Ref<boolean>;
+declare function __VLS_template(): Partial<Record<string, (_: any) => any>> & {
+    topExtra?(_: {}): any;
+    bottomExtra?(_: {}): any;
+    maxTagPlaceholder?(_: any): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<{}, {
+    selectRef: import('vue').Ref<EleBasicSelectInstance, EleBasicSelectInstance>;
+    tableRef: import('vue').Ref<EleProTableInstance, EleProTableInstance>;
+    selectVisible: import('vue').Ref<boolean, boolean>;
     selectedItems: import('vue').Ref<{
         label: string;
         value: SingleValue;
         hide?: boolean | undefined;
         index?: number | undefined;
+    }[], SelectedItem[] | {
+        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>;
-    selectPopperClass: import('vue').ComputedRef<string>;
     updatePopover: () => void;
     updateSelectedItems: (force?: boolean) => void;
-    focusSearchInput: () => void;
     updateVisible: (visible: boolean) => void;
-    handleSelectRemove: (item: SelectedItem) => void;
-    handleSelectClear: () => void;
-    handleSelectFocus: (e: FocusEvent) => void;
-    handleSelectBlur: (e: FocusEvent) => void;
-    handleSelectFilter: (keywords: string) => void;
-    updateSelectedRowKeys: (rowKeys: DataKey[]) => void;
-    updateCurrentRowKey: (rowKey?: DataKey) => void;
-    handleTableCurrentChange: (row?: DataItem | null) => void;
-    handleTableSelectionChange: () => void;
-    handleTableRowClick: (row: DataItem) => void;
-    handleTableSelect: (selection: DataItem[]) => void;
-    handleTableSelectAll: (selection: DataItem[]) => void;
-    handleTableDone: () => void;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    'update:modelValue': (_value: SelectValue) => boolean;
-    change: (_value: SelectValue) => boolean;
-    visibleChange: (_visible: boolean) => boolean;
-    removeTag: (_value: SingleValue) => boolean;
-    clear: () => boolean;
-    focus: (_e: FocusEvent) => boolean;
-    blur: (_e: FocusEvent) => boolean;
-    select: (_item: DataItem | DataItem[]) => boolean;
-    filterChange: (_value: string) => boolean;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    modelValue: {
-        type: import('vue').PropType<SelectValue>;
-        default: () => null;
-    };
-    multiple: BooleanConstructor;
-    disabled: BooleanConstructor;
-    size: import('vue').PropType<import('../ele-app/el').ElInputProps["size"]>;
-    clearable: BooleanConstructor;
-    placeholder: StringConstructor;
-    valueKey: {
-        type: StringConstructor;
-        default: string;
-    };
-    labelKey: {
-        type: StringConstructor;
-        default: string;
-    };
-    initValue: import('vue').PropType<DataItem | DataItem[]>;
-    cacheData: import('vue').PropType<DataItem[]>;
-    tableProps: {
-        type: import('vue').PropType<import('../ele-app/plus').EleProTableProps>;
-        required: boolean;
-    };
-    maxTagCount: NumberConstructor;
-    maxTagTextLength: NumberConstructor;
-    tagType: {
-        type: import('vue').PropType<import('../ele-app/el').ElTagProps["type"]>;
-        default: string;
-    };
-    automaticDropdown: BooleanConstructor;
-    filterable: BooleanConstructor;
-    teleported: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    persistent: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    placement: {
-        type: import('vue').PropType<import('../ele-app/plus').EleTooltipProps["placement"]>;
-        default: string;
-    };
-    transition: {
-        type: StringConstructor;
-        default: string;
-    };
-    popperOptions: import('vue').PropType<import('../ele-app/plus').EleTooltipProps["popperOptions"]>;
-    popperClass: StringConstructor;
-    popperWidth: (StringConstructor | NumberConstructor)[];
-    selectStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
-    inputStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
-    selectTagsStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
-    responsive: {
-        type: BooleanConstructor;
-        default: null;
-    };
-}>> & {
-    "onUpdate:modelValue"?: ((_value: SelectValue) => any) | undefined;
-    onChange?: ((_value: SelectValue) => any) | undefined;
-    onFocus?: ((_e: FocusEvent) => any) | undefined;
-    onBlur?: ((_e: FocusEvent) => any) | undefined;
-    onSelect?: ((_item: DataItem | DataItem[]) => any) | undefined;
-    onClear?: (() => any) | undefined;
-    onVisibleChange?: ((_visible: boolean) => any) | undefined;
-    onRemoveTag?: ((_value: SingleValue) => any) | undefined;
-    onFilterChange?: ((_value: string) => any) | undefined;
-}, {
-    valueKey: string;
-    modelValue: SelectValue;
-    placement: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, import('element-plus').Placement, unknown> | undefined;
-    teleported: boolean;
-    clearable: boolean;
-    disabled: boolean;
-    filterable: boolean;
-    tagType: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown> | undefined;
-    persistent: boolean;
-    transition: string;
-    multiple: boolean;
-    responsive: boolean;
-    automaticDropdown: boolean;
-    labelKey: string;
-}, {}>;
+    focusSearchInput: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, any, string, import('vue').PublicProps, any, {} | {
+    [x: string]: any;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/ele-table-select/index.js

@@ -1,16 +1,18 @@
-import { defineComponent, ref, computed, watch, onMounted, nextTick, resolveComponent, openBlock, createBlock, createSlots, withCtx, renderSlot, createVNode, mergeProps, renderList, normalizeProps, guardReactiveProps } from "vue";
+import { defineComponent, ref, computed, watch, onMounted, openBlock, createBlock, createSlots, withCtx, renderSlot, createVNode, mergeProps, renderList, normalizeProps, guardReactiveProps, nextTick } from "vue";
 import { useResponsive } from "../ele-pro-layout/util";
 import EleBasicSelect from "../ele-basic-select/index";
 import { useFormValidate, isEmptyValue, valueIsChanged } from "../ele-basic-select/util";
 import EleProTable from "../ele-pro-table/index";
 import { isDisableRow } from "../ele-data-table/util";
 import { tableSelectProps, tableSelectEmits } from "./props";
-const _sfc_main = defineComponent({
-  name: "EleTableSelect",
-  components: { EleBasicSelect, EleProTable },
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "EleTableSelect" },
+  __name: "index",
   props: tableSelectProps,
   emits: tableSelectEmits,
-  setup(props, { emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
     const { validateChange } = useFormValidate();
     const isResponsive = useResponsive(props);
     const selectRef = ref(null);
@@ -67,9 +69,9 @@ const _sfc_main = defineComponent({
     };
     const getCacheItemByValue = (value, cacheKeys, cacheData, tKeys, initValue) => {
       if (cacheData != null) {
-        const index2 = cacheKeys.indexOf(value);
-        if (index2 !== -1) {
-          return cacheData[index2];
+        const index = cacheKeys.indexOf(value);
+        if (index !== -1) {
+          return cacheData[index];
         }
       }
       if (initValue != null) {
@@ -91,9 +93,9 @@ const _sfc_main = defineComponent({
         data.forEach((item) => {
           if (!item._isMock) {
             const value = item[props.valueKey];
-            const index2 = modelValue.indexOf(value);
-            if (index2 !== -1) {
-              selected.push({ value, label: item[props.labelKey], index: index2 });
+            const index = modelValue.indexOf(value);
+            if (index !== -1) {
+              selected.push({ value, label: item[props.labelKey], index });
               keys.push(value);
             }
           }
@@ -113,8 +115,8 @@ const _sfc_main = defineComponent({
               initValue
             );
             const label = item ? item[props.labelKey] : String(value);
-            const index2 = modelValue.indexOf(value);
-            selected.push({ value, label, index: index2 });
+            const index = modelValue.indexOf(value);
+            selected.push({ value, label, index });
           }
         });
       }
@@ -249,7 +251,7 @@ const _sfc_main = defineComponent({
         emit("select", row);
       } else if (((_a = props.tableProps) == null ? void 0 : _a.rowClickChecked) && tableRef.value && !isDisableRow(
         row,
-        tableRef.value.tableData.indexOf(row),
+        tableRef.value.getData().indexOf(row),
         tableRef.value.tableProps.columns
       )) {
         emit("select", tableRef.value.getSelectionRows() || []);
@@ -303,7 +305,7 @@ const _sfc_main = defineComponent({
         updateSelectedItems();
       }
     });
-    return {
+    __expose({
       selectRef,
       tableRef,
       selectVisible,
@@ -311,114 +313,92 @@ const _sfc_main = defineComponent({
       selectedLabel,
       currentRowKey,
       selectedRowKeys,
-      selectPopperClass,
       updatePopover,
       updateSelectedItems,
-      focusSearchInput,
       updateVisible,
-      handleSelectRemove,
-      handleSelectClear,
-      handleSelectFocus,
-      handleSelectBlur,
-      handleSelectFilter,
-      updateSelectedRowKeys,
-      updateCurrentRowKey,
-      handleTableCurrentChange,
-      handleTableSelectionChange,
-      handleTableRowClick,
-      handleTableSelect,
-      handleTableSelectAll,
-      handleTableDone
+      focusSearchInput
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(EleBasicSelect, {
+        ref_key: "selectRef",
+        ref: selectRef,
+        value: _ctx.modelValue,
+        multiple: _ctx.multiple,
+        disabled: _ctx.disabled,
+        size: _ctx.size,
+        clearable: _ctx.clearable,
+        placeholder: _ctx.placeholder,
+        maxTagCount: _ctx.maxTagCount,
+        maxTagTextLength: _ctx.maxTagTextLength,
+        tagType: _ctx.tagType,
+        automaticDropdown: _ctx.automaticDropdown,
+        filterable: _ctx.filterable,
+        teleported: _ctx.teleported,
+        persistent: _ctx.persistent,
+        placement: _ctx.placement,
+        transition: _ctx.transition,
+        popperWidth: _ctx.popperWidth,
+        popperOptions: _ctx.popperOptions,
+        popperClass: selectPopperClass.value,
+        selectStyle: _ctx.selectStyle,
+        inputStyle: _ctx.inputStyle,
+        selectTagsStyle: _ctx.selectTagsStyle,
+        selectedLabel: selectedLabel.value,
+        selected: selectedItems.value,
+        visible: selectVisible.value,
+        "onUpdate:visible": updateVisible,
+        onFilterChange: handleSelectFilter,
+        onRemoveTag: handleSelectRemove,
+        onClear: handleSelectClear,
+        onFocus: handleSelectFocus,
+        onBlur: handleSelectBlur
+      }, createSlots({
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "topExtra"),
+          createVNode(EleProTable, mergeProps({
+            "onUpdate:selectedRowKeys": updateSelectedRowKeys,
+            "onUpdate:currentRowKey": updateCurrentRowKey,
+            onSelectionChange: handleTableSelectionChange,
+            onCurrentChange: handleTableCurrentChange,
+            onRowClick: handleTableRowClick,
+            onSelect: handleTableSelect,
+            onSelectAll: handleTableSelectAll,
+            onDone: handleTableDone
+          }, _ctx.tableProps || {}, {
+            ref_key: "tableRef",
+            ref: tableRef,
+            rowKey: _ctx.valueKey,
+            reserveCurrent: true,
+            highlightCurrentRow: !_ctx.multiple,
+            currentRowKey: currentRowKey.value,
+            selectedRowKeys: selectedRowKeys.value
+          }), createSlots({ _: 2 }, [
+            renderList(Object.keys(_ctx.$slots).filter(
+              (k) => !["topExtra", "bottomExtra", "maxTagPlaceholder"].includes(k)
+            ), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => [
+                  renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+                ])
+              };
+            })
+          ]), 1040, ["rowKey", "highlightCurrentRow", "currentRowKey", "selectedRowKeys"]),
+          renderSlot(_ctx.$slots, "bottomExtra")
+        ]),
+        _: 2
+      }, [
+        _ctx.$slots.maxTagPlaceholder ? {
+          name: "maxTagPlaceholder",
+          fn: withCtx((slotProps) => [
+            renderSlot(_ctx.$slots, "maxTagPlaceholder", normalizeProps(guardReactiveProps(slotProps || {})))
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["value", "multiple", "disabled", "size", "clearable", "placeholder", "maxTagCount", "maxTagTextLength", "tagType", "automaticDropdown", "filterable", "teleported", "persistent", "placement", "transition", "popperWidth", "popperOptions", "popperClass", "selectStyle", "inputStyle", "selectTagsStyle", "selectedLabel", "selected", "visible"]);
     };
   }
 });
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_EleProTable = resolveComponent("EleProTable");
-  const _component_EleBasicSelect = resolveComponent("EleBasicSelect");
-  return openBlock(), createBlock(_component_EleBasicSelect, {
-    ref: "selectRef",
-    value: _ctx.modelValue,
-    multiple: _ctx.multiple,
-    disabled: _ctx.disabled,
-    size: _ctx.size,
-    clearable: _ctx.clearable,
-    placeholder: _ctx.placeholder,
-    maxTagCount: _ctx.maxTagCount,
-    maxTagTextLength: _ctx.maxTagTextLength,
-    tagType: _ctx.tagType,
-    automaticDropdown: _ctx.automaticDropdown,
-    filterable: _ctx.filterable,
-    teleported: _ctx.teleported,
-    persistent: _ctx.persistent,
-    placement: _ctx.placement,
-    transition: _ctx.transition,
-    popperWidth: _ctx.popperWidth,
-    popperOptions: _ctx.popperOptions,
-    popperClass: _ctx.selectPopperClass,
-    selectStyle: _ctx.selectStyle,
-    inputStyle: _ctx.inputStyle,
-    selectTagsStyle: _ctx.selectTagsStyle,
-    selectedLabel: _ctx.selectedLabel,
-    selected: _ctx.selectedItems,
-    visible: _ctx.selectVisible,
-    "onUpdate:visible": _ctx.updateVisible,
-    onFilterChange: _ctx.handleSelectFilter,
-    onRemoveTag: _ctx.handleSelectRemove,
-    onClear: _ctx.handleSelectClear,
-    onFocus: _ctx.handleSelectFocus,
-    onBlur: _ctx.handleSelectBlur
-  }, createSlots({
-    default: withCtx(() => [
-      renderSlot(_ctx.$slots, "topExtra"),
-      createVNode(_component_EleProTable, mergeProps({
-        "onUpdate:selectedRowKeys": _ctx.updateSelectedRowKeys,
-        "onUpdate:currentRowKey": _ctx.updateCurrentRowKey,
-        onSelectionChange: _ctx.handleTableSelectionChange,
-        onCurrentChange: _ctx.handleTableCurrentChange,
-        onRowClick: _ctx.handleTableRowClick,
-        onSelect: _ctx.handleTableSelect,
-        onSelectAll: _ctx.handleTableSelectAll,
-        onDone: _ctx.handleTableDone
-      }, _ctx.tableProps || {}, {
-        ref: "tableRef",
-        rowKey: _ctx.valueKey,
-        reserveCurrent: true,
-        highlightCurrentRow: !_ctx.multiple,
-        currentRowKey: _ctx.currentRowKey,
-        selectedRowKeys: _ctx.selectedRowKeys
-      }), createSlots({ _: 2 }, [
-        renderList(Object.keys(_ctx.$slots).filter(
-          (k) => !["topExtra", "bottomExtra", "maxTagPlaceholder"].includes(k)
-        ), (name) => {
-          return {
-            name,
-            fn: withCtx((slotProps) => [
-              renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
-            ])
-          };
-        })
-      ]), 1040, ["onUpdate:selectedRowKeys", "onUpdate:currentRowKey", "onSelectionChange", "onCurrentChange", "onRowClick", "onSelect", "onSelectAll", "onDone", "rowKey", "highlightCurrentRow", "currentRowKey", "selectedRowKeys"]),
-      renderSlot(_ctx.$slots, "bottomExtra")
-    ]),
-    _: 2
-  }, [
-    _ctx.$slots.maxTagPlaceholder ? {
-      name: "maxTagPlaceholder",
-      fn: withCtx((slotProps) => [
-        renderSlot(_ctx.$slots, "maxTagPlaceholder", normalizeProps(guardReactiveProps(slotProps || {})))
-      ]),
-      key: "0"
-    } : void 0
-  ]), 1032, ["value", "multiple", "disabled", "size", "clearable", "placeholder", "maxTagCount", "maxTagTextLength", "tagType", "automaticDropdown", "filterable", "teleported", "persistent", "placement", "transition", "popperWidth", "popperOptions", "popperClass", "selectStyle", "inputStyle", "selectTagsStyle", "selectedLabel", "selected", "visible", "onUpdate:visible", "onFilterChange", "onRemoveTag", "onClear", "onFocus", "onBlur"]);
-}
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  index as default
+  _sfc_main as default
 };