element-plus 1.2.0-beta.3 → 1.2.0-beta.4

package/es/components/carousel/src/main.vue_vue_type_template_id_1303d144_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.vue_vue_type_template_id_1303d144_lang.mjs","sources":["../../../../../../packages/components/carousel/src/main.vue?vue&type=template&id=1303d144&lang.js"],"sourcesContent":["<template>\n  <div\n    ref=\"root\"\n    :class=\"carouselClasses\"\n    @mouseenter.stop=\"handleMouseEnter\"\n    @mouseleave.stop=\"handleMouseLeave\"\n  >\n    <div class=\"el-carousel__container\" :style=\"{ height: height }\">\n      <transition v-if=\"arrowDisplay\" name=\"carousel-arrow-left\">\n        <button\n          v-show=\"\n            (arrow === 'always' || data.hover) &&\n            (props.loop || data.activeIndex > 0)\n          \"\n          type=\"button\"\n          class=\"el-carousel__arrow el-carousel__arrow--left\"\n          @mouseenter=\"handleButtonEnter('left')\"\n          @mouseleave=\"handleButtonLeave\"\n          @click.stop=\"throttledArrowClick(data.activeIndex - 1)\"\n        >\n          <el-icon>\n            <arrow-left />\n          </el-icon>\n        </button>\n      </transition>\n      <transition v-if=\"arrowDisplay\" name=\"carousel-arrow-right\">\n        <button\n          v-show=\"\n            (arrow === 'always' || data.hover) &&\n            (props.loop || data.activeIndex < items.length - 1)\n          \"\n          type=\"button\"\n          class=\"el-carousel__arrow el-carousel__arrow--right\"\n          @mouseenter=\"handleButtonEnter('right')\"\n          @mouseleave=\"handleButtonLeave\"\n          @click.stop=\"throttledArrowClick(data.activeIndex + 1)\"\n        >\n          <el-icon>\n            <arrow-right />\n          </el-icon>\n        </button>\n      </transition>\n      <slot></slot>\n    </div>\n    <ul v-if=\"indicatorPosition !== 'none'\" :class=\"indicatorsClasses\">\n      <li\n        v-for=\"(item, index) in items\"\n        :key=\"index\"\n        :class=\"[\n          'el-carousel__indicator',\n          'el-carousel__indicator--' + direction,\n          { 'is-active': index === data.activeIndex },\n        ]\"\n        @mouseenter=\"throttledIndicatorHover(index)\"\n        @click.stop=\"handleIndicatorClick(index)\"\n      >\n        <button class=\"el-carousel__button\">\n          <span v-if=\"hasLabel\">{{ item.label }}</span>\n        </button>\n      </li>\n    </ul>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  reactive,\n  computed,\n  ref,\n  provide,\n  onMounted,\n  onBeforeUnmount,\n  watch,\n  nextTick,\n} from 'vue'\nimport throttle from 'lodash/throttle'\nimport {\n  addResizeListener,\n  removeResizeListener,\n} from '@element-plus/utils/resize-event'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { ArrowLeft, ArrowRight } from '@element-plus/icons'\n\nimport { debugWarn } from '@element-plus/utils/error'\nimport type {\n  ICarouselProps,\n  CarouselItem,\n  InjectCarouselScope,\n} from './carousel'\n\nexport default defineComponent({\n  name: 'ElCarousel',\n  components: {\n    ElIcon,\n    ArrowLeft,\n    ArrowRight,\n  },\n  props: {\n    initialIndex: {\n      type: Number,\n      default: 0,\n    },\n    height: { type: String, default: '' },\n    trigger: {\n      type: String,\n      default: 'hover',\n    },\n    autoplay: {\n      type: Boolean,\n      default: true,\n    },\n    interval: {\n      type: Number,\n      default: 3000,\n    },\n    indicatorPosition: { type: String, default: '' },\n    indicator: {\n      type: Boolean,\n      default: true,\n    },\n    arrow: {\n      type: String,\n      default: 'hover',\n    },\n    type: { type: String, default: '' },\n    loop: {\n      type: Boolean,\n      default: true,\n    },\n    direction: {\n      type: String,\n      default: 'horizontal',\n      validator(val: string) {\n        return ['horizontal', 'vertical'].includes(val)\n      },\n    },\n    pauseOnHover: {\n      type: Boolean,\n      default: true,\n    },\n  },\n  emits: ['change'],\n  setup(props: ICarouselProps, { emit }) {\n    // data\n    const data = reactive<{\n      activeIndex: number\n      containerWidth: number\n      timer: null | ReturnType<typeof setInterval>\n      hover: boolean\n    }>({\n      activeIndex: -1,\n      containerWidth: 0,\n      timer: null,\n      hover: false,\n    })\n\n    // refs\n    const root = ref(null)\n    const items = ref<CarouselItem[]>([])\n\n    // computed\n    const arrowDisplay = computed(\n      () => props.arrow !== 'never' && props.direction !== 'vertical'\n    )\n\n    const hasLabel = computed(() => {\n      return items.value.some((item) => item.label.toString().length > 0)\n    })\n\n    const carouselClasses = computed(() => {\n      const classes = ['el-carousel', `el-carousel--${props.direction}`]\n      if (props.type === 'card') {\n        classes.push('el-carousel--card')\n      }\n      return classes\n    })\n\n    const indicatorsClasses = computed(() => {\n      const classes = [\n        'el-carousel__indicators',\n        `el-carousel__indicators--${props.direction}`,\n      ]\n      if (hasLabel.value) {\n        classes.push('el-carousel__indicators--labels')\n      }\n      if (props.indicatorPosition === 'outside' || props.type === 'card') {\n        classes.push('el-carousel__indicators--outside')\n      }\n      return classes\n    })\n\n    // methods\n    const throttledArrowClick = throttle(\n      (index) => {\n        setActiveItem(index)\n      },\n      300,\n      { trailing: true }\n    )\n\n    const throttledIndicatorHover = throttle((index) => {\n      handleIndicatorHover(index)\n    }, 300)\n\n    function pauseTimer() {\n      if (data.timer) {\n        clearInterval(data.timer)\n        data.timer = null\n      }\n    }\n\n    function startTimer() {\n      if (props.interval <= 0 || !props.autoplay || data.timer) return\n      data.timer = setInterval(() => playSlides(), props.interval)\n    }\n\n    const playSlides = () => {\n      if (data.activeIndex < items.value.length - 1) {\n        data.activeIndex = data.activeIndex + 1\n      } else if (props.loop) {\n        data.activeIndex = 0\n      }\n    }\n\n    function setActiveItem(index) {\n      if (typeof index === 'string') {\n        const filteredItems = items.value.filter((item) => item.name === index)\n        if (filteredItems.length > 0) {\n          index = items.value.indexOf(filteredItems[0])\n        }\n      }\n      index = Number(index)\n      if (isNaN(index) || index !== Math.floor(index)) {\n        debugWarn('Carousel', 'index must be an integer.')\n        return\n      }\n      const length = items.value.length\n      const oldIndex = data.activeIndex\n      if (index < 0) {\n        data.activeIndex = props.loop ? length - 1 : 0\n      } else if (index >= length) {\n        data.activeIndex = props.loop ? 0 : length - 1\n      } else {\n        data.activeIndex = index\n      }\n      if (oldIndex === data.activeIndex) {\n        resetItemPosition(oldIndex)\n      }\n    }\n\n    function resetItemPosition(oldIndex) {\n      items.value.forEach((item, index) => {\n        item.translateItem(index, data.activeIndex, oldIndex)\n      })\n    }\n\n    function addItem(item) {\n      items.value.push(item)\n    }\n\n    function removeItem(uid) {\n      const index = items.value.findIndex((item) => item.uid === uid)\n      if (index !== -1) {\n        items.value.splice(index, 1)\n        if (data.activeIndex === index) next()\n      }\n    }\n\n    function itemInStage(item, index) {\n      const length = items.value.length\n      if (\n        (index === length - 1 && item.inStage && items.value[0].active) ||\n        (item.inStage &&\n          items.value[index + 1] &&\n          items.value[index + 1].active)\n      ) {\n        return 'left'\n      } else if (\n        (index === 0 && item.inStage && items.value[length - 1].active) ||\n        (item.inStage &&\n          items.value[index - 1] &&\n          items.value[index - 1].active)\n      ) {\n        return 'right'\n      }\n      return false\n    }\n\n    function handleMouseEnter() {\n      data.hover = true\n      if (props.pauseOnHover) {\n        pauseTimer()\n      }\n    }\n\n    function handleMouseLeave() {\n      data.hover = false\n      startTimer()\n    }\n\n    function handleButtonEnter(arrow) {\n      if (props.direction === 'vertical') return\n      items.value.forEach((item, index) => {\n        if (arrow === itemInStage(item, index)) {\n          item.hover = true\n        }\n      })\n    }\n\n    function handleButtonLeave() {\n      if (props.direction === 'vertical') return\n      items.value.forEach((item) => {\n        item.hover = false\n      })\n    }\n\n    function handleIndicatorClick(index) {\n      data.activeIndex = index\n    }\n\n    function handleIndicatorHover(index) {\n      if (props.trigger === 'hover' && index !== data.activeIndex) {\n        data.activeIndex = index\n      }\n    }\n\n    function prev() {\n      setActiveItem(data.activeIndex - 1)\n    }\n\n    function next() {\n      setActiveItem(data.activeIndex + 1)\n    }\n\n    // watch\n    watch(\n      () => data.activeIndex,\n      (current, prev) => {\n        resetItemPosition(prev)\n        if (prev > -1) {\n          emit('change', current, prev)\n        }\n      }\n    )\n    watch(\n      () => props.autoplay,\n      (current) => {\n        current ? startTimer() : pauseTimer()\n      }\n    )\n    watch(\n      () => props.loop,\n      () => {\n        setActiveItem(data.activeIndex)\n      }\n    )\n\n    // lifecycle\n    onMounted(() => {\n      nextTick(() => {\n        addResizeListener(root.value, resetItemPosition)\n        if (\n          props.initialIndex < items.value.length &&\n          props.initialIndex >= 0\n        ) {\n          data.activeIndex = props.initialIndex\n        }\n        startTimer()\n      })\n    })\n\n    onBeforeUnmount(() => {\n      if (root.value) removeResizeListener(root.value, resetItemPosition)\n      pauseTimer()\n    })\n\n    // provide\n    provide<InjectCarouselScope>('injectCarouselScope', {\n      root,\n      direction: props.direction,\n      type: props.type,\n      items,\n      loop: props.loop,\n      addItem,\n      removeItem,\n      setActiveItem,\n    })\n\n    return {\n      data,\n      props,\n      items,\n\n      arrowDisplay,\n      carouselClasses,\n      indicatorsClasses,\n      hasLabel,\n\n      handleMouseEnter,\n      handleMouseLeave,\n      handleIndicatorClick,\n      throttledArrowClick,\n      throttledIndicatorHover,\n      handleButtonEnter,\n      handleButtonLeave,\n\n      prev,\n      next,\n      setActiveItem,\n\n      root,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_createBlock","_createVNode","_renderSlot"],"mappings":";;;qBAwDgB,OAAM;;;;;;sBAvDpBA;IACE,KAAI;AAAA,IACH,sBAAO;IACP,mEAAiB;IACjB,mEAAiB;;IAElBC;MAAK,OAAM;AAAA,MAA0B,gCAAiB;;MAClC,kCAAlBC;;QAAgC,MAAK;AAAA;yBACnC;yBAAAD;YAKE,MAAK;AAAA,YACL,OAAM;AAAA,YACL,oDAAY;YACZ,qDAAY;YACZ,6DAAY,yBAAoB,UAAK;;YAEtCE;+BACE;gBAAAA;;;;;;;;;;;;;MAIY,kCAAlBD;;QAAgC,MAAK;AAAA;yBACnC;yBAAAD;YAKE,MAAK;AAAA,YACL,OAAM;AAAA,YACL,oDAAY;YACZ,qDAAY;YACZ,6DAAY,yBAAoB,UAAK;;YAEtCE;+BACE;gBAAAA;;;;;;;;;;;;;MAINC;;IAEQ,kDAAVJ;;MAAyC,sBAAO;;wBAC9CA,8CAC0B,aAAhB,MAAM;4BADhBA;UAEG,KAAK;AAAA,UACL;;;;;UAKA,0BAAY,6BAAwB;AAAA,UACpC,mCAAY,0BAAqB;;UAElCC,6BAAA;YACc,8BAAZD,uDAAyB,KAAK;;;;;;;;;;"}

package/es/components/cascader/index.d.ts

@@ -3416,8 +3416,8 @@ declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
             size: import("../../utils/props").BuildPropType<StringConstructor, "" | "small" | "large" | "medium" | "mini", unknown>;
             disabled: boolean;
             modelValue: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<string | number | null | undefined>, unknown, unknown>;
-            form: string;
             label: string;
+            form: string;
             resize: import("../../utils/props").BuildPropType<StringConstructor, "none" | "both" | "horizontal" | "vertical", unknown>;
             autosize: boolean | {
                 minRows?: number | undefined;
@@ -3490,7 +3490,7 @@ declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
             onKeydown?: ((evt: KeyboardEvent) => any) | undefined;
             onMouseenter?: ((evt: MouseEvent) => any) | undefined;
             onMouseleave?: ((evt: MouseEvent) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "placeholder" | "type" | "size" | "disabled" | "modelValue" | "form" | "label" | "resize" | "autosize" | "autocomplete" | "readonly" | "clearable" | "showPassword" | "showWordLimit" | "suffixIcon" | "prefixIcon" | "tabindex" | "validateEvent" | "inputStyle">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "placeholder" | "type" | "size" | "disabled" | "modelValue" | "label" | "form" | "resize" | "autosize" | "autocomplete" | "readonly" | "clearable" | "showPassword" | "showWordLimit" | "suffixIcon" | "prefixIcon" | "tabindex" | "validateEvent" | "inputStyle">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -3615,8 +3615,8 @@ declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
             size: import("../../utils/props").BuildPropType<StringConstructor, "" | "small" | "large" | "medium" | "mini", unknown>;
             disabled: boolean;
             modelValue: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<string | number | null | undefined>, unknown, unknown>;
-            form: string;
             label: string;
+            form: string;
             resize: import("../../utils/props").BuildPropType<StringConstructor, "none" | "both" | "horizontal" | "vertical", unknown>;
             autosize: boolean | {
                 minRows?: number | undefined;
@@ -4100,44 +4100,47 @@ declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            height: string | number;
-            always: boolean;
-            maxHeight: string | number;
-            native: boolean;
-            wrapStyle: string | import("vue").CSSProperties[];
-            wrapClass: string | unknown[];
-            viewClass: string | unknown[];
-            viewStyle: string | unknown[];
-            noresize: boolean;
+            height: import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+            always: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+            maxHeight: import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+            native: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+            wrapStyle: import("vue").StyleValue;
+            wrapClass: import("../../utils/props").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
+            viewClass: import("../../utils/props").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
+            viewStyle: import("../../utils/props").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
             tag: string;
             minSize: number;
+            noresize: boolean;
         }> & Omit<Readonly<{
-            height?: unknown;
-            maxHeight?: unknown;
-            native?: unknown;
-            wrapStyle?: unknown;
-            wrapClass?: unknown;
-            viewClass?: unknown;
-            viewStyle?: unknown;
-            noresize?: unknown;
-            tag?: unknown;
-            always?: unknown;
-            minSize?: unknown;
+            readonly height?: unknown;
+            readonly maxHeight?: unknown;
+            readonly native?: unknown;
+            readonly wrapStyle?: unknown;
+            readonly wrapClass?: unknown;
+            readonly viewClass?: unknown;
+            readonly viewStyle?: unknown;
+            readonly noresize?: unknown;
+            readonly tag?: unknown;
+            readonly always?: unknown;
+            readonly minSize?: unknown;
         } & {
-            height: string | number;
-            always: boolean;
-            maxHeight: string | number;
-            native: boolean;
-            wrapStyle: string | import("vue").CSSProperties[];
-            wrapClass: string | unknown[];
-            viewClass: string | unknown[];
-            viewStyle: string | unknown[];
-            noresize: boolean;
+            height: import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+            always: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+            maxHeight: import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+            native: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+            wrapStyle: import("vue").StyleValue;
+            wrapClass: import("../../utils/props").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
+            viewClass: import("../../utils/props").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
+            viewStyle: import("../../utils/props").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
             tag: string;
             minSize: number;
+            noresize: boolean;
         } & {}> & {
-            onScroll?: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "height" | "always" | "maxHeight" | "native" | "wrapStyle" | "wrapClass" | "viewClass" | "viewStyle" | "noresize" | "tag" | "minSize">;
+            onScroll?: ((args_0: {
+                scrollTop: number;
+                scrollLeft: number;
+            }) => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "height" | "always" | "maxHeight" | "native" | "wrapStyle" | "wrapClass" | "viewClass" | "viewStyle" | "tag" | "minSize" | "noresize">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -4149,61 +4152,72 @@ declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-        $emit: (event: "scroll", ...args: any[]) => void;
+        $emit: (event: "scroll", args_0: {
+            scrollTop: number;
+            scrollLeft: number;
+        }) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<{
-            height?: unknown;
-            maxHeight?: unknown;
-            native?: unknown;
-            wrapStyle?: unknown;
-            wrapClass?: unknown;
-            viewClass?: unknown;
-            viewStyle?: unknown;
-            noresize?: unknown;
-            tag?: unknown;
-            always?: unknown;
-            minSize?: unknown;
+            readonly height?: unknown;
+            readonly maxHeight?: unknown;
+            readonly native?: unknown;
+            readonly wrapStyle?: unknown;
+            readonly wrapClass?: unknown;
+            readonly viewClass?: unknown;
+            readonly viewStyle?: unknown;
+            readonly noresize?: unknown;
+            readonly tag?: unknown;
+            readonly always?: unknown;
+            readonly minSize?: unknown;
         } & {
-            height: string | number;
-            always: boolean;
-            maxHeight: string | number;
-            native: boolean;
-            wrapStyle: string | import("vue").CSSProperties[];
-            wrapClass: string | unknown[];
-            viewClass: string | unknown[];
-            viewStyle: string | unknown[];
-            noresize: boolean;
+            height: import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+            always: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+            maxHeight: import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+            native: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+            wrapStyle: import("vue").StyleValue;
+            wrapClass: import("../../utils/props").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
+            viewClass: import("../../utils/props").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
+            viewStyle: import("../../utils/props").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
             tag: string;
             minSize: number;
+            noresize: boolean;
         } & {}> & {
-            onScroll?: ((...args: any[]) => any) | undefined;
+            onScroll?: ((args_0: {
+                scrollTop: number;
+                scrollLeft: number;
+            }) => any) | undefined;
         }, {
+            scrollbar$: import("vue").Ref<HTMLDivElement | undefined>;
+            wrap$: import("vue").Ref<HTMLDivElement | undefined>;
+            resize$: import("vue").Ref<HTMLElement | undefined>;
             moveX: import("vue").Ref<number>;
             moveY: import("vue").Ref<number>;
             ratioX: import("vue").Ref<number>;
             ratioY: import("vue").Ref<number>;
             sizeWidth: import("vue").Ref<string>;
             sizeHeight: import("vue").Ref<string>;
-            style: import("vue").ComputedRef<import("vue").CSSProperties>;
-            scrollbar: import("vue").Ref<null>;
-            wrap: import("vue").Ref<null>;
-            resize: import("vue").Ref<null>;
+            style: import("vue").ComputedRef<import("vue").StyleValue>;
             update: () => void;
             handleScroll: () => void;
             setScrollTop: (value: number) => void;
             setScrollLeft: (value: number) => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "scroll"[], string, {
-            height: string | number;
-            always: boolean;
-            maxHeight: string | number;
-            native: boolean;
-            wrapStyle: string | import("vue").CSSProperties[];
-            wrapClass: string | unknown[];
-            viewClass: string | unknown[];
-            viewStyle: string | unknown[];
-            noresize: boolean;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            scroll: ({ scrollTop, scrollLeft, }: {
+                scrollTop: number;
+                scrollLeft: number;
+            }) => boolean;
+        }, string, {
+            height: import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+            always: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+            maxHeight: import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+            native: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+            wrapStyle: import("vue").StyleValue;
+            wrapClass: import("../../utils/props").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
+            viewClass: import("../../utils/props").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
+            viewStyle: import("../../utils/props").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
             tag: string;
             minSize: number;
+            noresize: boolean;
         }> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -4225,42 +4239,45 @@ declare const _Cascader: SFCWithInstall<import("vue").DefineComponent<{
         $nextTick: typeof import("vue").nextTick;
         $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
     } & Readonly<{
-        height?: unknown;
-        maxHeight?: unknown;
-        native?: unknown;
-        wrapStyle?: unknown;
-        wrapClass?: unknown;
-        viewClass?: unknown;
-        viewStyle?: unknown;
-        noresize?: unknown;
-        tag?: unknown;
-        always?: unknown;
-        minSize?: unknown;
+        readonly height?: unknown;
+        readonly maxHeight?: unknown;
+        readonly native?: unknown;
+        readonly wrapStyle?: unknown;
+        readonly wrapClass?: unknown;
+        readonly viewClass?: unknown;
+        readonly viewStyle?: unknown;
+        readonly noresize?: unknown;
+        readonly tag?: unknown;
+        readonly always?: unknown;
+        readonly minSize?: unknown;
     } & {
-        height: string | number;
-        always: boolean;
-        maxHeight: string | number;
-        native: boolean;
-        wrapStyle: string | import("vue").CSSProperties[];
-        wrapClass: string | unknown[];
-        viewClass: string | unknown[];
-        viewStyle: string | unknown[];
-        noresize: boolean;
+        height: import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+        always: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+        maxHeight: import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+        native: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+        wrapStyle: import("vue").StyleValue;
+        wrapClass: import("../../utils/props").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
+        viewClass: import("../../utils/props").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
+        viewStyle: import("../../utils/props").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
         tag: string;
         minSize: number;
+        noresize: boolean;
     } & {}> & {
-        onScroll?: ((...args: any[]) => any) | undefined;
+        onScroll?: ((args_0: {
+            scrollTop: number;
+            scrollLeft: number;
+        }) => any) | undefined;
     } & import("vue").ShallowUnwrapRef<{
+        scrollbar$: import("vue").Ref<HTMLDivElement | undefined>;
+        wrap$: import("vue").Ref<HTMLDivElement | undefined>;
+        resize$: import("vue").Ref<HTMLElement | undefined>;
         moveX: import("vue").Ref<number>;
         moveY: import("vue").Ref<number>;
         ratioX: import("vue").Ref<number>;
         ratioY: import("vue").Ref<number>;
         sizeWidth: import("vue").Ref<string>;
         sizeHeight: import("vue").Ref<string>;
-        style: import("vue").ComputedRef<import("vue").CSSProperties>;
-        scrollbar: import("vue").Ref<null>;
-        wrap: import("vue").Ref<null>;
-        resize: import("vue").Ref<null>;
+        style: import("vue").ComputedRef<import("vue").StyleValue>;
         update: () => void;
         handleScroll: () => void;
         setScrollTop: (value: number) => void;
@@ -7773,8 +7790,8 @@ export declare const ElCascader: SFCWithInstall<import("vue").DefineComponent<{
             size: import("../../utils/props").BuildPropType<StringConstructor, "" | "small" | "large" | "medium" | "mini", unknown>;
             disabled: boolean;
             modelValue: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<string | number | null | undefined>, unknown, unknown>;
-            form: string;
             label: string;
+            form: string;
             resize: import("../../utils/props").BuildPropType<StringConstructor, "none" | "both" | "horizontal" | "vertical", unknown>;
             autosize: boolean | {
                 minRows?: number | undefined;
@@ -7847,7 +7864,7 @@ export declare const ElCascader: SFCWithInstall<import("vue").DefineComponent<{
             onKeydown?: ((evt: KeyboardEvent) => any) | undefined;
             onMouseenter?: ((evt: MouseEvent) => any) | undefined;
             onMouseleave?: ((evt: MouseEvent) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "placeholder" | "type" | "size" | "disabled" | "modelValue" | "form" | "label" | "resize" | "autosize" | "autocomplete" | "readonly" | "clearable" | "showPassword" | "showWordLimit" | "suffixIcon" | "prefixIcon" | "tabindex" | "validateEvent" | "inputStyle">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "placeholder" | "type" | "size" | "disabled" | "modelValue" | "label" | "form" | "resize" | "autosize" | "autocomplete" | "readonly" | "clearable" | "showPassword" | "showWordLimit" | "suffixIcon" | "prefixIcon" | "tabindex" | "validateEvent" | "inputStyle">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -7972,8 +7989,8 @@ export declare const ElCascader: SFCWithInstall<import("vue").DefineComponent<{
             size: import("../../utils/props").BuildPropType<StringConstructor, "" | "small" | "large" | "medium" | "mini", unknown>;
             disabled: boolean;
             modelValue: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<string | number | null | undefined>, unknown, unknown>;
-            form: string;
             label: string;
+            form: string;
             resize: import("../../utils/props").BuildPropType<StringConstructor, "none" | "both" | "horizontal" | "vertical", unknown>;
             autosize: boolean | {
                 minRows?: number | undefined;
@@ -8457,44 +8474,47 @@ export declare const ElCascader: SFCWithInstall<import("vue").DefineComponent<{
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            height: string | number;
-            always: boolean;
-            maxHeight: string | number;
-            native: boolean;
-            wrapStyle: string | import("vue").CSSProperties[];
-            wrapClass: string | unknown[];
-            viewClass: string | unknown[];
-            viewStyle: string | unknown[];
-            noresize: boolean;
+            height: import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+            always: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+            maxHeight: import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+            native: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+            wrapStyle: import("vue").StyleValue;
+            wrapClass: import("../../utils/props").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
+            viewClass: import("../../utils/props").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
+            viewStyle: import("../../utils/props").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
             tag: string;
             minSize: number;
+            noresize: boolean;
         }> & Omit<Readonly<{
-            height?: unknown;
-            maxHeight?: unknown;
-            native?: unknown;
-            wrapStyle?: unknown;
-            wrapClass?: unknown;
-            viewClass?: unknown;
-            viewStyle?: unknown;
-            noresize?: unknown;
-            tag?: unknown;
-            always?: unknown;
-            minSize?: unknown;
+            readonly height?: unknown;
+            readonly maxHeight?: unknown;
+            readonly native?: unknown;
+            readonly wrapStyle?: unknown;
+            readonly wrapClass?: unknown;
+            readonly viewClass?: unknown;
+            readonly viewStyle?: unknown;
+            readonly noresize?: unknown;
+            readonly tag?: unknown;
+            readonly always?: unknown;
+            readonly minSize?: unknown;
         } & {
-            height: string | number;
-            always: boolean;
-            maxHeight: string | number;
-            native: boolean;
-            wrapStyle: string | import("vue").CSSProperties[];
-            wrapClass: string | unknown[];
-            viewClass: string | unknown[];
-            viewStyle: string | unknown[];
-            noresize: boolean;
+            height: import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+            always: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+            maxHeight: import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+            native: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+            wrapStyle: import("vue").StyleValue;
+            wrapClass: import("../../utils/props").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
+            viewClass: import("../../utils/props").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
+            viewStyle: import("../../utils/props").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
             tag: string;
             minSize: number;
+            noresize: boolean;
         } & {}> & {
-            onScroll?: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "height" | "always" | "maxHeight" | "native" | "wrapStyle" | "wrapClass" | "viewClass" | "viewStyle" | "noresize" | "tag" | "minSize">;
+            onScroll?: ((args_0: {
+                scrollTop: number;
+                scrollLeft: number;
+            }) => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "height" | "always" | "maxHeight" | "native" | "wrapStyle" | "wrapClass" | "viewClass" | "viewStyle" | "tag" | "minSize" | "noresize">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -8506,61 +8526,72 @@ export declare const ElCascader: SFCWithInstall<import("vue").DefineComponent<{
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-        $emit: (event: "scroll", ...args: any[]) => void;
+        $emit: (event: "scroll", args_0: {
+            scrollTop: number;
+            scrollLeft: number;
+        }) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<{
-            height?: unknown;
-            maxHeight?: unknown;
-            native?: unknown;
-            wrapStyle?: unknown;
-            wrapClass?: unknown;
-            viewClass?: unknown;
-            viewStyle?: unknown;
-            noresize?: unknown;
-            tag?: unknown;
-            always?: unknown;
-            minSize?: unknown;
+            readonly height?: unknown;
+            readonly maxHeight?: unknown;
+            readonly native?: unknown;
+            readonly wrapStyle?: unknown;
+            readonly wrapClass?: unknown;
+            readonly viewClass?: unknown;
+            readonly viewStyle?: unknown;
+            readonly noresize?: unknown;
+            readonly tag?: unknown;
+            readonly always?: unknown;
+            readonly minSize?: unknown;
         } & {
-            height: string | number;
-            always: boolean;
-            maxHeight: string | number;
-            native: boolean;
-            wrapStyle: string | import("vue").CSSProperties[];
-            wrapClass: string | unknown[];
-            viewClass: string | unknown[];
-            viewStyle: string | unknown[];
-            noresize: boolean;
+            height: import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+            always: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+            maxHeight: import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+            native: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+            wrapStyle: import("vue").StyleValue;
+            wrapClass: import("../../utils/props").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
+            viewClass: import("../../utils/props").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
+            viewStyle: import("../../utils/props").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
             tag: string;
             minSize: number;
+            noresize: boolean;
         } & {}> & {
-            onScroll?: ((...args: any[]) => any) | undefined;
+            onScroll?: ((args_0: {
+                scrollTop: number;
+                scrollLeft: number;
+            }) => any) | undefined;
         }, {
+            scrollbar$: import("vue").Ref<HTMLDivElement | undefined>;
+            wrap$: import("vue").Ref<HTMLDivElement | undefined>;
+            resize$: import("vue").Ref<HTMLElement | undefined>;
             moveX: import("vue").Ref<number>;
             moveY: import("vue").Ref<number>;
             ratioX: import("vue").Ref<number>;
             ratioY: import("vue").Ref<number>;
             sizeWidth: import("vue").Ref<string>;
             sizeHeight: import("vue").Ref<string>;
-            style: import("vue").ComputedRef<import("vue").CSSProperties>;
-            scrollbar: import("vue").Ref<null>;
-            wrap: import("vue").Ref<null>;
-            resize: import("vue").Ref<null>;
+            style: import("vue").ComputedRef<import("vue").StyleValue>;
             update: () => void;
             handleScroll: () => void;
             setScrollTop: (value: number) => void;
             setScrollLeft: (value: number) => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "scroll"[], string, {
-            height: string | number;
-            always: boolean;
-            maxHeight: string | number;
-            native: boolean;
-            wrapStyle: string | import("vue").CSSProperties[];
-            wrapClass: string | unknown[];
-            viewClass: string | unknown[];
-            viewStyle: string | unknown[];
-            noresize: boolean;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            scroll: ({ scrollTop, scrollLeft, }: {
+                scrollTop: number;
+                scrollLeft: number;
+            }) => boolean;
+        }, string, {
+            height: import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+            always: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+            maxHeight: import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+            native: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+            wrapStyle: import("vue").StyleValue;
+            wrapClass: import("../../utils/props").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
+            viewClass: import("../../utils/props").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
+            viewStyle: import("../../utils/props").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
             tag: string;
             minSize: number;
+            noresize: boolean;
         }> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -8582,42 +8613,45 @@ export declare const ElCascader: SFCWithInstall<import("vue").DefineComponent<{
         $nextTick: typeof import("vue").nextTick;
         $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
     } & Readonly<{
-        height?: unknown;
-        maxHeight?: unknown;
-        native?: unknown;
-        wrapStyle?: unknown;
-        wrapClass?: unknown;
-        viewClass?: unknown;
-        viewStyle?: unknown;
-        noresize?: unknown;
-        tag?: unknown;
-        always?: unknown;
-        minSize?: unknown;
+        readonly height?: unknown;
+        readonly maxHeight?: unknown;
+        readonly native?: unknown;
+        readonly wrapStyle?: unknown;
+        readonly wrapClass?: unknown;
+        readonly viewClass?: unknown;
+        readonly viewStyle?: unknown;
+        readonly noresize?: unknown;
+        readonly tag?: unknown;
+        readonly always?: unknown;
+        readonly minSize?: unknown;
     } & {
-        height: string | number;
-        always: boolean;
-        maxHeight: string | number;
-        native: boolean;
-        wrapStyle: string | import("vue").CSSProperties[];
-        wrapClass: string | unknown[];
-        viewClass: string | unknown[];
-        viewStyle: string | unknown[];
-        noresize: boolean;
+        height: import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+        always: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+        maxHeight: import("../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+        native: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+        wrapStyle: import("vue").StyleValue;
+        wrapClass: import("../../utils/props").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
+        viewClass: import("../../utils/props").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
+        viewStyle: import("../../utils/props").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
         tag: string;
         minSize: number;
+        noresize: boolean;
     } & {}> & {
-        onScroll?: ((...args: any[]) => any) | undefined;
+        onScroll?: ((args_0: {
+            scrollTop: number;
+            scrollLeft: number;
+        }) => any) | undefined;
     } & import("vue").ShallowUnwrapRef<{
+        scrollbar$: import("vue").Ref<HTMLDivElement | undefined>;
+        wrap$: import("vue").Ref<HTMLDivElement | undefined>;
+        resize$: import("vue").Ref<HTMLElement | undefined>;
         moveX: import("vue").Ref<number>;
         moveY: import("vue").Ref<number>;
         ratioX: import("vue").Ref<number>;
         ratioY: import("vue").Ref<number>;
         sizeWidth: import("vue").Ref<string>;
         sizeHeight: import("vue").Ref<string>;
-        style: import("vue").ComputedRef<import("vue").CSSProperties>;
-        scrollbar: import("vue").Ref<null>;
-        wrap: import("vue").Ref<null>;
-        resize: import("vue").Ref<null>;
+        style: import("vue").ComputedRef<import("vue").StyleValue>;
         update: () => void;
         handleScroll: () => void;
         setScrollTop: (value: number) => void;

package/es/components/cascader/index.mjs

@@ -1,5 +1,5 @@
 import './src/index.mjs';
-import script from './src/index.vue_vue&type=script&lang.mjs';
+import script from './src/index.vue_vue_type_script_lang.mjs';
 
 script.install = (app) => {
   app.component(script.name, script);