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

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

@@ -1,8 +1,7 @@
-import { defineComponent, ref, computed, watch, createBlock, openBlock, withCtx, createElementVNode, normalizeStyle, normalizeClass, createVNode, createElementBlock, createCommentVNode, unref, withKeys, createSlots, withModifiers, renderSlot, Fragment, renderList, createTextVNode, toDisplayString, nextTick } from "vue";
-import { ElInput, ElIcon, ElTag } from "element-plus";
-import { CloseCircleFilled, ArrowDown } from "../icons/index";
+import { defineComponent, ref, resolveComponent, createBlock, openBlock, mergeProps, createSlots, withCtx, createVNode, renderSlot, renderList, normalizeProps, guardReactiveProps, createCommentVNode, unref } from "vue";
 import EleTooltip from "../ele-tooltip/index";
 import ReceiverView from "../ele-config-provider/components/receiver-view";
+import SelectView from "./components/select-view";
 import { basicSelectEmits, basicSelectProps } from "./props";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ name: "EleBasicSelect" },
@@ -12,48 +11,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const selectViewRef = ref(null);
     const tooltipRef = ref(null);
-    const inputRef = ref(null);
-    const searchRef = ref(null);
-    const inputValue = ref(
-      props.multiple || !props.selectedLabel ? "" : props.selectedLabel
-    );
-    const searchValue = ref("");
-    const isEmpty = computed(() => {
-      if (!props.multiple) {
-        return props.value == null || props.value === "";
-      }
-      return !Array.isArray(props.value) || !props.value.length;
-    });
-    const inputPlaceholder = computed(() => {
-      const str = isEmpty.value && props.placeholder ? props.placeholder : "";
-      if (!props.filterable || !props.visible || props.multiple) {
-        return str;
-      }
-      return props.selectedLabel || str;
-    });
-    const isCollapse = computed(() => {
-      return typeof props.maxTagCount === "number" && props.selected != null && props.selected.length > props.maxTagCount;
-    });
-    const currentTags = computed(() => {
-      if (!isCollapse.value || isEmpty.value || props.selected == null) {
-        return props.selected || [];
-      }
-      return props.selected.slice(0, props.maxTagCount);
-    });
-    const omittedTags = computed(() => {
-      if (!isCollapse.value || isEmpty.value || props.selected == null) {
-        return [];
-      }
-      return props.selected.slice(props.maxTagCount);
-    });
-    const omittedSize = computed(() => {
-      if (isEmpty.value || props.maxTagCount == null || props.maxTagCount < 0) {
-        return 0;
+    const isSelectInputClick = ref(false);
+    const updateVisible = (visible) => {
+      isSelectInputClick.value = false;
+      if (!props.disabled || !visible) {
+        emit("update:visible", visible);
       }
-      return props.value.length - props.maxTagCount;
-    });
-    let isSelectInputClick = false;
+    };
     const updatePopper = () => {
       tooltipRef.value && tooltipRef.value.updatePopper();
     };
@@ -65,115 +31,113 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             return;
           }
         }
-        const input = props.multiple ? searchRef.value : inputRef.value;
-        input && input.focus();
-        nextTick(() => {
-          input && input.focus();
-        });
-      }
-    };
-    const updateSearchValue = (modelValue) => {
-      if (props.filterable && props.visible && props.multiple) {
-        searchValue.value = modelValue;
-        emit("filterChange", modelValue);
-      }
-    };
-    const updateInputValue = (modelValue) => {
-      if (props.filterable && props.visible && !props.multiple) {
-        inputValue.value = modelValue;
-        emit("filterChange", modelValue);
-      }
-    };
-    const updateVisible = (visible) => {
-      isSelectInputClick = false;
-      if (!props.disabled || !visible) {
-        emit("update:visible", visible);
+        selectViewRef.value && selectViewRef.value.focusSearchInput();
       }
     };
     const handleUpdatePopoverVisible = (visible) => {
-      if (!visible && props.filterable && isSelectInputClick) {
-        isSelectInputClick = false;
+      if (!visible && props.filterable && isSelectInputClick.value) {
+        isSelectInputClick.value = false;
         return;
       }
       updateVisible(visible);
     };
     const handleSelectInputClick = () => {
-      isSelectInputClick = true;
-    };
-    const handleTagClose = (item) => {
-      if (!props.disabled) {
-        emit("removeTag", item);
+      isSelectInputClick.value = true;
+      if (props.popperType === "modal") {
+        updateVisible(true);
       }
     };
-    const handleClear = () => {
-      isSelectInputClick = false;
-      emit("clear");
-    };
     const handleInputClick = (e) => {
       if (props.automaticDropdown && props.visible) {
-        isSelectInputClick = true;
+        isSelectInputClick.value = true;
         e.stopPropagation();
       }
     };
-    const handleInputFocus = (e) => {
+    const handleRemoveTag = (item) => {
+      emit("removeTag", item);
+    };
+    const handleClear = () => {
+      isSelectInputClick.value = false;
+      emit("clear");
+    };
+    const handleFocus = (e) => {
       if (props.automaticDropdown && !props.visible) {
         updateVisible(true);
       }
       emit("focus", e);
     };
-    const handleInputBlur = (e) => {
+    const handleBlur = (e) => {
       emit("blur", e);
     };
-    const handleInputEsc = (e) => {
-      if (!props.disabled && props.visible) {
-        e.stopPropagation();
-        e.preventDefault();
-        updateVisible(false);
-      }
+    const handleFilterChange = (value) => {
+      emit("filterChange", value);
     };
-    watch(
-      () => props.selectedLabel,
-      (label) => {
-        if (!props.filterable || !props.visible) {
-          inputValue.value = props.multiple || !label ? "" : label;
-        }
-      }
-    );
-    watch(
-      () => props.visible,
-      (visible) => {
-        if (props.filterable) {
-          if (props.multiple) {
-            searchValue.value = "";
-            if (visible) {
-              focusSearchInput();
-            }
-          } else {
-            const label = props.selectedLabel;
-            inputValue.value = visible || !label ? "" : label;
-          }
-        }
-      }
-    );
     __expose({
       tooltipRef,
-      inputRef,
-      searchRef,
-      currentTags,
-      omittedTags,
-      omittedSize,
+      selectViewRef,
       updatePopper,
       focusSearchInput,
-      updateSearchValue,
-      updateInputValue,
       updateVisible
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(EleTooltip, {
+      const _component_EleModal = resolveComponent("EleModal");
+      return _ctx.popperType === "modal" ? (openBlock(), createBlock(SelectView, mergeProps({ key: 0 }, _ctx.$props, {
+        ref_key: "selectViewRef",
+        ref: selectViewRef,
+        "onUpdate:visible": updateVisible,
+        onRemoveTag: handleRemoveTag,
+        onClear: handleClear,
+        onFocus: handleFocus,
+        onBlur: handleBlur,
+        onFilterChange: handleFilterChange,
+        onInputClick: handleInputClick,
+        onClick: handleSelectInputClick
+      }), createSlots({
+        default: withCtx(() => [
+          createVNode(_component_EleModal, mergeProps({
+            position: "center",
+            width: _ctx.popperWidth,
+            destroyOnClose: !_ctx.persistent,
+            class: _ctx.popperClass
+          }, _ctx.popperProps || {}, {
+            modelValue: _ctx.visible,
+            "onUpdate:modelValue": handleUpdatePopoverVisible
+          }), createSlots({
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default")
+            ]),
+            _: 2
+          }, [
+            renderList(Object.keys(_ctx.popperSlots || {}).filter(
+              (k) => k !== "default" && _ctx.popperSlots && _ctx.popperSlots[k] && _ctx.popperSlots[k] !== "default" && _ctx.$slots[_ctx.popperSlots[k]]
+            ), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => {
+                  var _a;
+                  return [
+                    renderSlot(_ctx.$slots, (_a = _ctx.popperSlots) == null ? void 0 : _a[name], normalizeProps(guardReactiveProps(slotProps || {})))
+                  ];
+                })
+              };
+            })
+          ]), 1040, ["width", "destroyOnClose", "class", "modelValue"])
+        ]),
+        _: 2
+      }, [
+        renderList(Object.keys(_ctx.$slots).filter((k) => k !== "default"), (name) => {
+          return {
+            name,
+            fn: withCtx((slotProps) => [
+              renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+            ])
+          };
+        })
+      ]), 1040)) : (openBlock(), createBlock(EleTooltip, mergeProps({
+        key: 1,
         ref_key: "tooltipRef",
         ref: tooltipRef,
         trigger: "click",
-        visible: _ctx.visible,
         disabled: _ctx.disabled,
         placement: _ctx.placement,
         teleported: _ctx.teleported,
@@ -185,9 +149,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         effect: "light",
         persistent: true,
         isPopover: true,
-        triggerKeys: [],
+        triggerKeys: []
+      }, _ctx.popperProps || {}, {
+        visible: _ctx.visible,
         "onUpdate:visible": handleUpdatePopoverVisible
-      }, {
+      }), {
         body: withCtx(() => [
           _ctx.persistent || _ctx.visible ? (openBlock(), createBlock(unref(ReceiverView), {
             key: 0,
@@ -202,135 +168,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           })) : createCommentVNode("", true)
         ]),
         default: withCtx(() => [
-          createElementVNode("div", {
-            class: normalizeClass([
-              "ele-select",
-              _ctx.selectClass,
-              { "is-empty": isEmpty.value },
-              { "is-multiple": _ctx.multiple },
-              { "is-disabled": _ctx.disabled },
-              { "is-filterable": _ctx.filterable },
-              { "is-small": _ctx.size === "small" },
-              { "is-large": _ctx.size === "large" },
-              { "is-opened": _ctx.visible }
-            ]),
-            style: normalizeStyle(_ctx.selectStyle),
+          createVNode(SelectView, mergeProps(_ctx.$props, {
+            ref_key: "selectViewRef",
+            ref: selectViewRef,
+            "onUpdate:visible": updateVisible,
+            onRemoveTag: handleRemoveTag,
+            onClear: handleClear,
+            onFocus: handleFocus,
+            onBlur: handleBlur,
+            onFilterChange: handleFilterChange,
+            onInputClick: handleInputClick,
             onClick: handleSelectInputClick
-          }, [
-            createVNode(unref(ElInput), {
-              ref_key: "inputRef",
-              ref: inputRef,
-              size: _ctx.size,
-              disabled: _ctx.disabled,
-              validateEvent: false,
-              modelValue: inputValue.value,
-              placeholder: _ctx.filterable && _ctx.multiple && _ctx.visible ? "" : inputPlaceholder.value,
-              readonly: !(_ctx.filterable && !_ctx.multiple),
-              style: normalizeStyle(_ctx.inputStyle),
-              "onUpdate:modelValue": updateInputValue,
-              onClick: handleInputClick,
-              onFocus: handleInputFocus,
-              onBlur: handleInputBlur,
-              onKeydown: withKeys(handleInputEsc, ["esc"])
-            }, createSlots({
-              suffix: withCtx(() => [
-                _ctx.clearable && !_ctx.disabled && !isEmpty.value ? (openBlock(), createBlock(unref(ElIcon), {
-                  key: 0,
-                  class: "ele-select-clear el-input__icon",
-                  onClick: withModifiers(handleClear, ["stop"])
-                }, {
-                  default: withCtx(() => [
-                    renderSlot(_ctx.$slots, "clearIcon", {}, () => [
-                      createVNode(unref(CloseCircleFilled))
-                    ])
-                  ]),
-                  _: 3
-                })) : createCommentVNode("", true),
-                createVNode(unref(ElIcon), { class: "ele-select-arrow el-input__icon" }, {
-                  default: withCtx(() => [
-                    renderSlot(_ctx.$slots, "suffixIcon", { visible: _ctx.visible }, () => [
-                      createVNode(unref(ArrowDown))
-                    ])
-                  ]),
-                  _: 3
-                })
-              ]),
-              _: 2
-            }, [
-              _ctx.$slots.prefix ? {
-                name: "prefix",
-                fn: withCtx(() => [
-                  renderSlot(_ctx.$slots, "prefix")
-                ]),
-                key: "0"
-              } : void 0
-            ]), 1032, ["size", "disabled", "modelValue", "placeholder", "readonly", "style"]),
-            _ctx.multiple ? (openBlock(), createElementBlock("div", {
-              key: 0,
-              class: "ele-select-tags",
-              style: normalizeStyle(_ctx.selectTagsStyle)
-            }, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(currentTags.value, (item, index) => {
-                return openBlock(), createBlock(unref(ElTag), {
-                  key: index + "-" + item.value,
-                  size: _ctx.size,
-                  type: _ctx.tagType,
-                  closable: !_ctx.disabled,
-                  disableTransitions: true,
-                  title: item.label,
-                  onClose: ($event) => handleTagClose(item)
-                }, {
-                  default: withCtx(() => [
-                    item.label && _ctx.maxTagTextLength && item.label.length > _ctx.maxTagTextLength ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                      createTextVNode(toDisplayString(item.label.slice(0, _ctx.maxTagTextLength)) + "... ", 1)
-                    ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                      createTextVNode(toDisplayString(item.label), 1)
-                    ], 64))
-                  ]),
-                  _: 2
-                }, 1032, ["size", "type", "closable", "title", "onClose"]);
-              }), 128)),
-              isCollapse.value ? (openBlock(), createBlock(unref(ElTag), {
-                key: 0,
-                size: _ctx.size,
-                type: _ctx.tagType,
-                disableTransitions: true
-              }, {
-                default: withCtx(() => [
-                  renderSlot(_ctx.$slots, "maxTagPlaceholder", {
-                    omittedValues: omittedTags.value,
-                    omittedSize: omittedSize.value
-                  }, () => [
-                    createTextVNode(" +" + toDisplayString(omittedSize.value), 1)
-                  ])
-                ]),
-                _: 3
-              }, 8, ["size", "type"])) : createCommentVNode("", true),
-              !_ctx.disabled && _ctx.filterable ? (openBlock(), createBlock(unref(ElTag), {
-                key: 1,
-                size: _ctx.size,
-                disableTransitions: true,
-                class: "ele-select-search"
-              }, {
-                default: withCtx(() => [
-                  createVNode(unref(ElInput), {
-                    ref_key: "searchRef",
-                    ref: searchRef,
-                    size: _ctx.size,
-                    validateEvent: false,
-                    modelValue: searchValue.value,
-                    placeholder: inputPlaceholder.value,
-                    "onUpdate:modelValue": updateSearchValue,
-                    onKeydown: withKeys(handleInputEsc, ["esc"])
-                  }, null, 8, ["size", "modelValue", "placeholder"])
-                ]),
-                _: 1
-              }, 8, ["size"])) : createCommentVNode("", true)
-            ], 4)) : createCommentVNode("", true)
-          ], 6)
+          }), createSlots({ _: 2 }, [
+            renderList(Object.keys(_ctx.$slots).filter((k) => k !== "default"), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => [
+                  renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+                ])
+              };
+            })
+          ]), 1040)
         ]),
         _: 3
-      }, 8, ["visible", "disabled", "placement", "teleported", "width", "popperClass", "popperOptions", "transition", "gpuAcceleration"]);
+      }, 16, ["disabled", "placement", "teleported", "width", "popperClass", "popperOptions", "transition", "gpuAcceleration", "visible"]));
     };
   }
 });

package/es/ele-basic-select/props.d.ts

@@ -2,7 +2,7 @@ import { PropType, ExtractPropTypes } from 'vue';
 import { StyleValue } from '../ele-app/types';
 import { ElInputProps, ElTagProps } from '../ele-app/el';
 import { EleTooltipProps } from '../ele-app/plus';
-import { SelectValue, SelectedItem } from './types';
+import { SelectValue, SelectedItem, PopperType, PopperProps } from './types';
 
 /**
  * 属性
@@ -55,7 +55,7 @@ export declare const basicSelectProps: {
     /** 下拉框类名 */
     popperClass: StringConstructor;
     /** 下拉框宽度 */
-    popperWidth: (StringConstructor | NumberConstructor)[];
+    popperWidth: (NumberConstructor | StringConstructor)[];
     /** 自定义类名 */
     selectClass: StringConstructor;
     /** 自定义样式 */
@@ -64,6 +64,12 @@ export declare const basicSelectProps: {
     inputStyle: PropType<StyleValue>;
     /** 自定义多选标签容器样式 */
     selectTagsStyle: PropType<StyleValue>;
+    /** 下拉类型 */
+    popperType: PropType<PopperType>;
+    /** 下拉组件属性 */
+    popperProps: PropType<PopperProps>;
+    /** 下拉组件插槽 */
+    popperSlots: ObjectConstructor;
 };
 export type BasicSelectProps = ExtractPropTypes<typeof basicSelectProps>;
 /**

package/es/ele-basic-select/props.js

@@ -56,7 +56,13 @@ const basicSelectProps = {
   /** 自定义输入框样式 */
   inputStyle: Object,
   /** 自定义多选标签容器样式 */
-  selectTagsStyle: Object
+  selectTagsStyle: Object,
+  /** 下拉类型 */
+  popperType: String,
+  /** 下拉组件属性 */
+  popperProps: Object,
+  /** 下拉组件插槽 */
+  popperSlots: Object
 };
 const basicSelectEmits = {
   /** 更新下拉框显示状态 */

package/es/ele-basic-select/types.d.ts

@@ -1,3 +1,10 @@
+import type { ComponentProps } from '../ele-app/types';
+import type {
+  EleModalProps,
+  EleDrawerProps,
+  EleTooltipProps
+} from '../ele-app/plus';
+
 /**
  * 单选值
  */
@@ -26,3 +33,17 @@ export interface SelectedItem {
   /** 排序号 */
   index?: number;
 }
+
+/**
+ * 下拉类型
+ */
+export type PopperType = 'popper' | 'modal' | 'drawer' | 'default';
+
+/**
+ * 下拉组件属性
+ */
+export type PopperProps =
+  | EleModalProps
+  | EleDrawerProps
+  | EleTooltipProps
+  | ComponentProps<{}>;

package/es/ele-basic-select/util.js

@@ -25,7 +25,12 @@ function valueIsChanged(value1, value2, multiple) {
   if (value1.length !== value2.length) {
     return true;
   }
-  return value1.some((v) => !value2.includes(v));
+  for (let i = 0; i < value1.length; i++) {
+    if (value1[i] !== value2[i]) {
+      return true;
+    }
+  }
+  return false;
 }
 function useFormValidate() {
   const formItem = inject(formItemContextKey, null);

package/es/ele-bottom-bar/index.js

@@ -1,8 +1,8 @@
-import { defineComponent, ref, computed, onActivated, onDeactivated, createBlock, openBlock, Teleport, createElementVNode, normalizeClass, normalizeStyle, renderSlot } from "vue";
+import { defineComponent, ref, computed, onActivated, onDeactivated, createBlock, openBlock, Teleport, createElementVNode, mergeProps, normalizeStyle, renderSlot } from "vue";
 import { useLayoutState } from "../ele-pro-layout/util";
 import { bottomBarProps } from "./props";
 const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{ name: "EleBottomBar" },
+  ...{ name: "EleBottomBar", inheritAttrs: false },
   __name: "index",
   props: bottomBarProps,
   setup(__props) {
@@ -23,9 +23,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         to: teleportTo.value,
         disabled: !_ctx.teleported || !teleportTo.value
       }, [
-        createElementVNode("div", {
-          class: normalizeClass(["ele-bottom-bar", { "is-deactivated": !isActivated.value }])
-        }, [
+        createElementVNode("div", mergeProps(_ctx.$attrs, {
+          class: ["ele-bottom-bar", { "is-deactivated": !isActivated.value }]
+        }), [
           createElementVNode("div", {
             class: "ele-bottom-bar-body",
             style: normalizeStyle(_ctx.bodyStyle)
@@ -38,7 +38,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, [
             renderSlot(_ctx.$slots, "extra")
           ], 4)
-        ], 2)
+        ], 16)
       ], 8, ["to", "disabled"]);
     };
   }

package/es/ele-breadcrumb/types.d.ts

@@ -17,7 +17,7 @@ export type BreadcrumbSeparator =
  */
 export interface BreadcrumbItem extends ElBreadcrumbItemProps {
   /** 循环的 key */
-  key?: string | number | symbol;
+  key?: PropertyKey;
   /** 标题 */
   title?: string;
   /** 图标 */

package/es/ele-cascader/index.d.ts

@@ -57,13 +57,12 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     } & {
         readonly default: number;
     };
-    collapseTagsTooltip: {
-        readonly type: import('vue').PropType<boolean>;
+    collapseTagsTooltip: BooleanConstructor;
+    maxCollapseTagsTooltipHeight: {
+        readonly type: import('vue').PropType<string | number>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
-    } & {
-        readonly default: boolean;
     };
     debounce: {
         readonly type: import('vue').PropType<number>;
@@ -115,7 +114,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     };
     tagType: {
         default: string;
-        type: import('vue').PropType<"success" | "warning" | "info" | "primary" | "danger">;
+        type: import('vue').PropType<"primary" | "success" | "warning" | "info" | "danger">;
         required: false;
         validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -161,11 +160,11 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     reloadOptions: (params?: any) => void;
     cascaderRef: import('vue').Ref<ElCascaderInstance, ElCascaderInstance>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    clear: () => void;
     focus: (evt: FocusEvent) => void;
     blur: (evt: FocusEvent) => void;
-    clear: () => void;
-    "update:modelValue": (_: import('element-plus').CascaderValue) => void;
-    change: (_: import('element-plus').CascaderValue) => void;
+    "update:modelValue": (value: import('element-plus').CascaderValue) => void;
+    change: (value: import('element-plus').CascaderValue) => void;
     visibleChange: (val: boolean) => void;
     expandChange: (val: import('element-plus').CascaderValue) => void;
     removeTag: (val: (string | number)[] | (string | number)) => void;
@@ -224,13 +223,12 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     } & {
         readonly default: number;
     };
-    collapseTagsTooltip: {
-        readonly type: import('vue').PropType<boolean>;
+    collapseTagsTooltip: BooleanConstructor;
+    maxCollapseTagsTooltipHeight: {
+        readonly type: import('vue').PropType<string | number>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
-    } & {
-        readonly default: boolean;
     };
     debounce: {
         readonly type: import('vue').PropType<number>;
@@ -282,7 +280,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     };
     tagType: {
         default: string;
-        type: import('vue').PropType<"success" | "warning" | "info" | "primary" | "danger">;
+        type: import('vue').PropType<"primary" | "success" | "warning" | "info" | "danger">;
         required: false;
         validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -325,11 +323,11 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         readonly default: () => import('element-plus').CascaderProps;
     };
 }>> & Readonly<{
+    onClear?: (() => any) | undefined;
     onFocus?: ((evt: FocusEvent) => any) | undefined;
     onBlur?: ((evt: FocusEvent) => any) | undefined;
-    onClear?: (() => any) | undefined;
-    "onUpdate:modelValue"?: ((_: import('element-plus').CascaderValue) => any) | undefined;
-    onChange?: ((_: import('element-plus').CascaderValue) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: import('element-plus').CascaderValue) => any) | undefined;
+    onChange?: ((value: import('element-plus').CascaderValue) => any) | undefined;
     onVisibleChange?: ((val: boolean) => any) | undefined;
     onExpandChange?: ((val: import('element-plus').CascaderValue) => any) | undefined;
     onRemoveTag?: ((val: (string | number)[] | (string | number)) => any) | undefined;
@@ -338,8 +336,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     placement: import('element-plus').Placement;
     popperClass: string;
     teleported: boolean;
-    clearable: boolean;
     disabled: boolean;
+    clearable: boolean;
+    validateEvent: boolean;
     separator: string;
     valueOnClear: string | number | boolean | Function;
     filterable: boolean;
@@ -350,9 +349,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     collapseTagsTooltip: boolean;
     beforeFilter: (value: string) => boolean | Promise<any>;
     fallbackPlacements: import('element-plus').Placement[];
-    tagType: "success" | "warning" | "info" | "primary" | "danger";
+    tagType: "primary" | "success" | "warning" | "info" | "danger";
     tagEffect: "dark" | "light" | "plain";
-    validateEvent: boolean;
     persistent: boolean;
     props: import('element-plus').CascaderProps;
     multiple: boolean;