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

package/lib/components/scrollbar/src/index.vue.d.ts

@@ -1,98 +0,0 @@
-import type { CSSProperties, PropType } from 'vue';
-declare const _default: import("vue").DefineComponent<{
-    height: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: string;
-    };
-    maxHeight: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: string;
-    };
-    native: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    wrapStyle: {
-        type: PropType<string | CSSProperties[]>;
-        default: string;
-    };
-    wrapClass: {
-        type: (StringConstructor | ArrayConstructor)[];
-        default: string;
-    };
-    viewClass: {
-        type: (StringConstructor | ArrayConstructor)[];
-        default: string;
-    };
-    viewStyle: {
-        type: (StringConstructor | ArrayConstructor)[];
-        default: string;
-    };
-    noresize: BooleanConstructor;
-    tag: {
-        type: StringConstructor;
-        default: string;
-    };
-    always: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    minSize: {
-        type: NumberConstructor;
-        default: number;
-    };
-}, {
-    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<CSSProperties>;
-    scrollbar: import("vue").Ref<null>;
-    wrap: import("vue").Ref<null>;
-    resize: import("vue").Ref<null>;
-    update: () => void;
-    handleScroll: () => void;
-    setScrollTop: (value: number) => void;
-    setScrollLeft: (value: number) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "scroll"[], "scroll", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    height?: unknown;
-    maxHeight?: unknown;
-    native?: unknown;
-    wrapStyle?: unknown;
-    wrapClass?: unknown;
-    viewClass?: unknown;
-    viewStyle?: unknown;
-    noresize?: unknown;
-    tag?: unknown;
-    always?: unknown;
-    minSize?: unknown;
-} & {
-    height: string | number;
-    always: boolean;
-    maxHeight: string | number;
-    native: boolean;
-    wrapStyle: string | CSSProperties[];
-    wrapClass: string | unknown[];
-    viewClass: string | unknown[];
-    viewStyle: string | unknown[];
-    noresize: boolean;
-    tag: string;
-    minSize: number;
-} & {}> & {
-    onScroll?: ((...args: any[]) => any) | undefined;
-}, {
-    height: string | number;
-    always: boolean;
-    maxHeight: string | number;
-    native: boolean;
-    wrapStyle: string | CSSProperties[];
-    wrapClass: string | unknown[];
-    viewClass: string | unknown[];
-    viewStyle: string | unknown[];
-    noresize: boolean;
-    tag: string;
-    minSize: number;
-}>;
-export default _default;

package/lib/components/scrollbar/src/index.vue_vue&type=script&lang.js

@@ -1,161 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var resizeEvent = require('../../../utils/resize-event.js');
-var util = require('../../../utils/util.js');
-var error = require('../../../utils/error.js');
-require('./bar.js');
-var bar_vue_vue_type_script_lang = require('./bar.vue_vue&type=script&lang.js');
-var shared = require('@vue/shared');
-
-var script = vue.defineComponent({
-  name: "ElScrollbar",
-  components: { Bar: bar_vue_vue_type_script_lang["default"] },
-  props: {
-    height: {
-      type: [String, Number],
-      default: ""
-    },
-    maxHeight: {
-      type: [String, Number],
-      default: ""
-    },
-    native: {
-      type: Boolean,
-      default: false
-    },
-    wrapStyle: {
-      type: [String, Array],
-      default: ""
-    },
-    wrapClass: {
-      type: [String, Array],
-      default: ""
-    },
-    viewClass: {
-      type: [String, Array],
-      default: ""
-    },
-    viewStyle: {
-      type: [String, Array],
-      default: ""
-    },
-    noresize: Boolean,
-    tag: {
-      type: String,
-      default: "div"
-    },
-    always: {
-      type: Boolean,
-      default: false
-    },
-    minSize: {
-      type: Number,
-      default: 20
-    }
-  },
-  emits: ["scroll"],
-  setup(props, { emit }) {
-    const sizeWidth = vue.ref("0");
-    const sizeHeight = vue.ref("0");
-    const moveX = vue.ref(0);
-    const moveY = vue.ref(0);
-    const scrollbar = vue.ref(null);
-    const wrap = vue.ref(null);
-    const resize = vue.ref(null);
-    const ratioY = vue.ref(1);
-    const ratioX = vue.ref(1);
-    const SCOPE = "ElScrollbar";
-    const GAP = 4;
-    vue.provide("scrollbar", scrollbar);
-    vue.provide("scrollbar-wrap", wrap);
-    const handleScroll = () => {
-      if (wrap.value) {
-        const offsetHeight = wrap.value.offsetHeight - GAP;
-        const offsetWidth = wrap.value.offsetWidth - GAP;
-        moveY.value = wrap.value.scrollTop * 100 / offsetHeight * ratioY.value;
-        moveX.value = wrap.value.scrollLeft * 100 / offsetWidth * ratioX.value;
-        emit("scroll", {
-          scrollTop: wrap.value.scrollTop,
-          scrollLeft: wrap.value.scrollLeft
-        });
-      }
-    };
-    const setScrollTop = (value) => {
-      if (!util.isNumber(value)) {
-        error.debugWarn(SCOPE, "value must be a number");
-        return;
-      }
-      wrap.value.scrollTop = value;
-    };
-    const setScrollLeft = (value) => {
-      if (!util.isNumber(value)) {
-        error.debugWarn(SCOPE, "value must be a number");
-        return;
-      }
-      wrap.value.scrollLeft = value;
-    };
-    const update = () => {
-      if (!wrap.value)
-        return;
-      const offsetHeight = wrap.value.offsetHeight - GAP;
-      const offsetWidth = wrap.value.offsetWidth - GAP;
-      const originalHeight = offsetHeight ** 2 / wrap.value.scrollHeight;
-      const originalWidth = offsetWidth ** 2 / wrap.value.scrollWidth;
-      const height = Math.max(originalHeight, props.minSize);
-      const width = Math.max(originalWidth, props.minSize);
-      ratioY.value = originalHeight / (offsetHeight - originalHeight) / (height / (offsetHeight - height));
-      ratioX.value = originalWidth / (offsetWidth - originalWidth) / (width / (offsetWidth - width));
-      sizeHeight.value = height + GAP < offsetHeight ? `${height}px` : "";
-      sizeWidth.value = width + GAP < offsetWidth ? `${width}px` : "";
-    };
-    const style = vue.computed(() => {
-      let style2 = props.wrapStyle;
-      if (shared.isArray(style2)) {
-        style2 = util.toObject(style2);
-        style2.height = util.addUnit(props.height);
-        style2.maxHeight = util.addUnit(props.maxHeight);
-      } else if (shared.isString(style2)) {
-        style2 += util.addUnit(props.height) ? `height: ${util.addUnit(props.height)};` : "";
-        style2 += util.addUnit(props.maxHeight) ? `max-height: ${util.addUnit(props.maxHeight)};` : "";
-      }
-      return style2;
-    });
-    vue.onMounted(() => {
-      if (!props.native) {
-        vue.nextTick(update);
-      }
-      if (!props.noresize) {
-        resizeEvent.addResizeListener(resize.value, update);
-        addEventListener("resize", update);
-      }
-    });
-    vue.onBeforeUnmount(() => {
-      if (!props.noresize) {
-        resizeEvent.removeResizeListener(resize.value, update);
-        removeEventListener("resize", update);
-      }
-    });
-    return {
-      moveX,
-      moveY,
-      ratioX,
-      ratioY,
-      sizeWidth,
-      sizeHeight,
-      style,
-      scrollbar,
-      wrap,
-      resize,
-      update,
-      handleScroll,
-      setScrollTop,
-      setScrollLeft
-    };
-  }
-});
-
-exports["default"] = script;
-//# sourceMappingURL=index.vue_vue&type=script&lang.js.map

package/lib/components/scrollbar/src/index.vue_vue&type=script&lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.vue_vue&type=script&lang.js","sources":["../../../../../../packages/components/scrollbar/src/index.vue"],"sourcesContent":["<template>\n  <div ref=\"scrollbar\" class=\"el-scrollbar\">\n    <div\n      ref=\"wrap\"\n      :class=\"[\n        wrapClass,\n        'el-scrollbar__wrap',\n        native ? '' : 'el-scrollbar__wrap--hidden-default',\n      ]\"\n      :style=\"style\"\n      @scroll=\"handleScroll\"\n    >\n      <component\n        :is=\"tag\"\n        ref=\"resize\"\n        :class=\"['el-scrollbar__view', viewClass]\"\n        :style=\"viewStyle\"\n      >\n        <slot />\n      </component>\n    </div>\n    <template v-if=\"!native\">\n      <bar :move=\"moveX\" :ratio=\"ratioX\" :size=\"sizeWidth\" :always=\"always\" />\n      <bar\n        :move=\"moveY\"\n        :ratio=\"ratioY\"\n        :size=\"sizeHeight\"\n        vertical\n        :always=\"always\"\n      />\n    </template>\n  </div>\n</template>\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  provide,\n  ref,\n} from 'vue'\nimport {\n  addResizeListener,\n  removeResizeListener,\n} from '@element-plus/utils/resize-event'\nimport {\n  addUnit,\n  isArray,\n  isNumber,\n  isString,\n  toObject,\n} from '@element-plus/utils/util'\nimport { debugWarn } from '@element-plus/utils/error'\nimport Bar from './bar.vue'\n\nimport type { CSSProperties, PropType } from 'vue'\n\nexport default defineComponent({\n  name: 'ElScrollbar',\n  components: { Bar },\n  props: {\n    height: {\n      type: [String, Number],\n      default: '',\n    },\n    maxHeight: {\n      type: [String, Number],\n      default: '',\n    },\n    native: {\n      type: Boolean,\n      default: false,\n    },\n    wrapStyle: {\n      type: [String, Array] as PropType<string | CSSProperties[]>,\n      default: '',\n    },\n    wrapClass: {\n      type: [String, Array],\n      default: '',\n    },\n    viewClass: {\n      type: [String, Array],\n      default: '',\n    },\n    viewStyle: {\n      type: [String, Array],\n      default: '',\n    },\n    noresize: Boolean, // 如果 container 尺寸不会发生变化，最好设置它可以优化性能\n    tag: {\n      type: String,\n      default: 'div',\n    },\n    always: {\n      type: Boolean,\n      default: false,\n    },\n    minSize: {\n      type: Number,\n      default: 20,\n    },\n  },\n  emits: ['scroll'],\n  setup(props, { emit }) {\n    const sizeWidth = ref('0')\n    const sizeHeight = ref('0')\n    const moveX = ref(0)\n    const moveY = ref(0)\n    const scrollbar = ref(null)\n    const wrap = ref(null)\n    const resize = ref(null)\n    const ratioY = ref(1)\n    const ratioX = ref(1)\n    const SCOPE = 'ElScrollbar'\n    const GAP = 4 // top 2 + bottom 2 of bar instance\n\n    provide('scrollbar', scrollbar)\n    provide('scrollbar-wrap', wrap)\n\n    const handleScroll = () => {\n      if (wrap.value) {\n        const offsetHeight = wrap.value.offsetHeight - GAP\n        const offsetWidth = wrap.value.offsetWidth - GAP\n\n        moveY.value =\n          ((wrap.value.scrollTop * 100) / offsetHeight) * ratioY.value\n        moveX.value =\n          ((wrap.value.scrollLeft * 100) / offsetWidth) * ratioX.value\n\n        emit('scroll', {\n          scrollTop: wrap.value.scrollTop,\n          scrollLeft: wrap.value.scrollLeft,\n        })\n      }\n    }\n\n    const setScrollTop = (value: number) => {\n      if (!isNumber(value)) {\n        debugWarn(SCOPE, 'value must be a number')\n        return\n      }\n      wrap.value.scrollTop = value\n    }\n\n    const setScrollLeft = (value: number) => {\n      if (!isNumber(value)) {\n        debugWarn(SCOPE, 'value must be a number')\n        return\n      }\n      wrap.value.scrollLeft = value\n    }\n\n    const update = () => {\n      if (!wrap.value) return\n\n      const offsetHeight = wrap.value.offsetHeight - GAP\n      const offsetWidth = wrap.value.offsetWidth - GAP\n\n      const originalHeight = offsetHeight ** 2 / wrap.value.scrollHeight\n      const originalWidth = offsetWidth ** 2 / wrap.value.scrollWidth\n      const height = Math.max(originalHeight, props.minSize)\n      const width = Math.max(originalWidth, props.minSize)\n\n      ratioY.value =\n        originalHeight /\n        (offsetHeight - originalHeight) /\n        (height / (offsetHeight - height))\n      ratioX.value =\n        originalWidth /\n        (offsetWidth - originalWidth) /\n        (width / (offsetWidth - width))\n\n      sizeHeight.value = height + GAP < offsetHeight ? `${height}px` : ''\n      sizeWidth.value = width + GAP < offsetWidth ? `${width}px` : ''\n    }\n\n    const style = computed(() => {\n      let style = props.wrapStyle as CSSProperties\n      if (isArray(style)) {\n        style = toObject(style)\n        style.height = addUnit(props.height)\n        style.maxHeight = addUnit(props.maxHeight)\n      } else if (isString(style)) {\n        style += addUnit(props.height)\n          ? `height: ${addUnit(props.height)};`\n          : ''\n        style += addUnit(props.maxHeight)\n          ? `max-height: ${addUnit(props.maxHeight)};`\n          : ''\n      }\n      return style\n    })\n\n    onMounted(() => {\n      if (!props.native) {\n        nextTick(update)\n      }\n      if (!props.noresize) {\n        addResizeListener(resize.value, update)\n        addEventListener('resize', update)\n      }\n    })\n\n    onBeforeUnmount(() => {\n      if (!props.noresize) {\n        removeResizeListener(resize.value, update)\n        removeEventListener('resize', update)\n      }\n    })\n\n    return {\n      moveX,\n      moveY,\n      ratioX,\n      ratioY,\n      sizeWidth,\n      sizeHeight,\n      style,\n      scrollbar,\n      wrap,\n      resize,\n      update,\n      handleScroll,\n      setScrollTop,\n      setScrollLeft,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","Bar","ref","isNumber","computed","isArray","toObject","addUnit","isString"],"mappings":"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"}

package/lib/components/scrollbar/src/index.vue_vue&type=template&id=988caaee&lang.js

@@ -1,54 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-const _hoisted_1 = {
-  ref: "scrollbar",
-  class: "el-scrollbar"
-};
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_bar = vue.resolveComponent("bar");
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-    vue.createElementVNode("div", {
-      ref: "wrap",
-      class: vue.normalizeClass([
-        _ctx.wrapClass,
-        "el-scrollbar__wrap",
-        _ctx.native ? "" : "el-scrollbar__wrap--hidden-default"
-      ]),
-      style: vue.normalizeStyle(_ctx.style),
-      onScroll: _cache[0] || (_cache[0] = (...args) => _ctx.handleScroll && _ctx.handleScroll(...args))
-    }, [
-      (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), {
-        ref: "resize",
-        class: vue.normalizeClass(["el-scrollbar__view", _ctx.viewClass]),
-        style: vue.normalizeStyle(_ctx.viewStyle)
-      }, {
-        default: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["class", "style"]))
-    ], 38),
-    !_ctx.native ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-      vue.createVNode(_component_bar, {
-        move: _ctx.moveX,
-        ratio: _ctx.ratioX,
-        size: _ctx.sizeWidth,
-        always: _ctx.always
-      }, null, 8, ["move", "ratio", "size", "always"]),
-      vue.createVNode(_component_bar, {
-        move: _ctx.moveY,
-        ratio: _ctx.ratioY,
-        size: _ctx.sizeHeight,
-        vertical: "",
-        always: _ctx.always
-      }, null, 8, ["move", "ratio", "size", "always"])
-    ], 64)) : vue.createCommentVNode("v-if", true)
-  ], 512);
-}
-
-exports.render = render;
-//# sourceMappingURL=index.vue_vue&type=template&id=988caaee&lang.js.map

package/lib/components/scrollbar/src/index.vue_vue&type=template&id=988caaee&lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.vue_vue&type=template&id=988caaee&lang.js","sources":["../../../../../../packages/components/scrollbar/src/index.vue?vue&type=template&id=988caaee&lang.js"],"sourcesContent":["<template>\n  <div ref=\"scrollbar\" class=\"el-scrollbar\">\n    <div\n      ref=\"wrap\"\n      :class=\"[\n        wrapClass,\n        'el-scrollbar__wrap',\n        native ? '' : 'el-scrollbar__wrap--hidden-default',\n      ]\"\n      :style=\"style\"\n      @scroll=\"handleScroll\"\n    >\n      <component\n        :is=\"tag\"\n        ref=\"resize\"\n        :class=\"['el-scrollbar__view', viewClass]\"\n        :style=\"viewStyle\"\n      >\n        <slot />\n      </component>\n    </div>\n    <template v-if=\"!native\">\n      <bar :move=\"moveX\" :ratio=\"ratioX\" :size=\"sizeWidth\" :always=\"always\" />\n      <bar\n        :move=\"moveY\"\n        :ratio=\"ratioY\"\n        :size=\"sizeHeight\"\n        vertical\n        :always=\"always\"\n      />\n    </template>\n  </div>\n</template>\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  provide,\n  ref,\n} from 'vue'\nimport {\n  addResizeListener,\n  removeResizeListener,\n} from '@element-plus/utils/resize-event'\nimport {\n  addUnit,\n  isArray,\n  isNumber,\n  isString,\n  toObject,\n} from '@element-plus/utils/util'\nimport { debugWarn } from '@element-plus/utils/error'\nimport Bar from './bar.vue'\n\nimport type { CSSProperties, PropType } from 'vue'\n\nexport default defineComponent({\n  name: 'ElScrollbar',\n  components: { Bar },\n  props: {\n    height: {\n      type: [String, Number],\n      default: '',\n    },\n    maxHeight: {\n      type: [String, Number],\n      default: '',\n    },\n    native: {\n      type: Boolean,\n      default: false,\n    },\n    wrapStyle: {\n      type: [String, Array] as PropType<string | CSSProperties[]>,\n      default: '',\n    },\n    wrapClass: {\n      type: [String, Array],\n      default: '',\n    },\n    viewClass: {\n      type: [String, Array],\n      default: '',\n    },\n    viewStyle: {\n      type: [String, Array],\n      default: '',\n    },\n    noresize: Boolean, // 如果 container 尺寸不会发生变化，最好设置它可以优化性能\n    tag: {\n      type: String,\n      default: 'div',\n    },\n    always: {\n      type: Boolean,\n      default: false,\n    },\n    minSize: {\n      type: Number,\n      default: 20,\n    },\n  },\n  emits: ['scroll'],\n  setup(props, { emit }) {\n    const sizeWidth = ref('0')\n    const sizeHeight = ref('0')\n    const moveX = ref(0)\n    const moveY = ref(0)\n    const scrollbar = ref(null)\n    const wrap = ref(null)\n    const resize = ref(null)\n    const ratioY = ref(1)\n    const ratioX = ref(1)\n    const SCOPE = 'ElScrollbar'\n    const GAP = 4 // top 2 + bottom 2 of bar instance\n\n    provide('scrollbar', scrollbar)\n    provide('scrollbar-wrap', wrap)\n\n    const handleScroll = () => {\n      if (wrap.value) {\n        const offsetHeight = wrap.value.offsetHeight - GAP\n        const offsetWidth = wrap.value.offsetWidth - GAP\n\n        moveY.value =\n          ((wrap.value.scrollTop * 100) / offsetHeight) * ratioY.value\n        moveX.value =\n          ((wrap.value.scrollLeft * 100) / offsetWidth) * ratioX.value\n\n        emit('scroll', {\n          scrollTop: wrap.value.scrollTop,\n          scrollLeft: wrap.value.scrollLeft,\n        })\n      }\n    }\n\n    const setScrollTop = (value: number) => {\n      if (!isNumber(value)) {\n        debugWarn(SCOPE, 'value must be a number')\n        return\n      }\n      wrap.value.scrollTop = value\n    }\n\n    const setScrollLeft = (value: number) => {\n      if (!isNumber(value)) {\n        debugWarn(SCOPE, 'value must be a number')\n        return\n      }\n      wrap.value.scrollLeft = value\n    }\n\n    const update = () => {\n      if (!wrap.value) return\n\n      const offsetHeight = wrap.value.offsetHeight - GAP\n      const offsetWidth = wrap.value.offsetWidth - GAP\n\n      const originalHeight = offsetHeight ** 2 / wrap.value.scrollHeight\n      const originalWidth = offsetWidth ** 2 / wrap.value.scrollWidth\n      const height = Math.max(originalHeight, props.minSize)\n      const width = Math.max(originalWidth, props.minSize)\n\n      ratioY.value =\n        originalHeight /\n        (offsetHeight - originalHeight) /\n        (height / (offsetHeight - height))\n      ratioX.value =\n        originalWidth /\n        (offsetWidth - originalWidth) /\n        (width / (offsetWidth - width))\n\n      sizeHeight.value = height + GAP < offsetHeight ? `${height}px` : ''\n      sizeWidth.value = width + GAP < offsetWidth ? `${width}px` : ''\n    }\n\n    const style = computed(() => {\n      let style = props.wrapStyle as CSSProperties\n      if (isArray(style)) {\n        style = toObject(style)\n        style.height = addUnit(props.height)\n        style.maxHeight = addUnit(props.maxHeight)\n      } else if (isString(style)) {\n        style += addUnit(props.height)\n          ? `height: ${addUnit(props.height)};`\n          : ''\n        style += addUnit(props.maxHeight)\n          ? `max-height: ${addUnit(props.maxHeight)};`\n          : ''\n      }\n      return style\n    })\n\n    onMounted(() => {\n      if (!props.native) {\n        nextTick(update)\n      }\n      if (!props.noresize) {\n        addResizeListener(resize.value, update)\n        addEventListener('resize', update)\n      }\n    })\n\n    onBeforeUnmount(() => {\n      if (!props.noresize) {\n        removeResizeListener(resize.value, update)\n        removeEventListener('resize', update)\n      }\n    })\n\n    return {\n      moveX,\n      moveY,\n      ratioX,\n      ratioY,\n      sizeWidth,\n      sizeHeight,\n      style,\n      scrollbar,\n      wrap,\n      resize,\n      update,\n      handleScroll,\n      setScrollTop,\n      setScrollLeft,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_createBlock","_renderSlot","_createVNode"],"mappings":";;;;;;;EACO,KAAI;AAAA,EAAY,OAAM;AAAA;;;0BAA3BA,8BAAA;IACEC;MACE,KAAI;AAAA,MACH;;;;;MAKA,0BAAO;MACP,iDAAQ;;wBAETC,4CACO;QACL,KAAI;AAAA,QACH,iDAA8B;QAC9B,0BAAO;;6BAER;UAAAC;;;;;KAGa,gCAAjBH;MACEI;QAAM,MAAM;QAAQ,OAAO;QAAS,MAAM;QAAY,QAAQ;;MAC9DA;QACG,MAAM;QACN,OAAO;QACP,MAAM;QACP,UAAA;AAAA,QACC,QAAQ;;;;;;;;"}

package/lib/components/select/src/option-group.vue_vue&type=script&lang.js

@@ -1,54 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var token = require('./token.js');
-
-var script = vue.defineComponent({
-  name: "ElOptionGroup",
-  componentName: "ElOptionGroup",
-  props: {
-    label: String,
-    disabled: {
-      type: Boolean,
-      default: false
-    }
-  },
-  setup(props) {
-    const visible = vue.ref(true);
-    const instance = vue.getCurrentInstance();
-    const children = vue.ref([]);
-    vue.provide(token.selectGroupKey, vue.reactive({
-      ...vue.toRefs(props)
-    }));
-    const select = vue.inject(token.selectKey);
-    vue.onMounted(() => {
-      children.value = flattedChildren(instance.subTree);
-    });
-    const flattedChildren = (node) => {
-      const children2 = [];
-      if (Array.isArray(node.children)) {
-        node.children.forEach((child) => {
-          var _a;
-          if (child.type && child.type.name === "ElOption" && child.component && child.component.proxy) {
-            children2.push(child.component.proxy);
-          } else if ((_a = child.children) == null ? void 0 : _a.length) {
-            children2.push(...flattedChildren(child));
-          }
-        });
-      }
-      return children2;
-    };
-    const { groupQueryChange } = vue.toRaw(select);
-    vue.watch(groupQueryChange, () => {
-      visible.value = children.value.some((option) => option.visible === true);
-    });
-    return {
-      visible
-    };
-  }
-});
-
-exports["default"] = script;
-//# sourceMappingURL=option-group.vue_vue&type=script&lang.js.map

package/lib/components/select/src/option-group.vue_vue&type=script&lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"option-group.vue_vue&type=script&lang.js","sources":["../../../../../../packages/components/select/src/option-group.vue"],"sourcesContent":["<template>\n  <ul v-show=\"visible\" class=\"el-select-group__wrap\">\n    <li class=\"el-select-group__title\">{{ label }}</li>\n    <li>\n      <ul class=\"el-select-group\">\n        <slot></slot>\n      </ul>\n    </li>\n  </ul>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  provide,\n  inject,\n  ref,\n  reactive,\n  toRefs,\n  getCurrentInstance,\n  onMounted,\n  watch,\n  toRaw,\n} from 'vue'\nimport { selectGroupKey, selectKey } from './token'\n\nexport default defineComponent({\n  name: 'ElOptionGroup',\n  componentName: 'ElOptionGroup',\n\n  props: {\n    label: String,\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  setup(props) {\n    const visible = ref(true)\n    const instance = getCurrentInstance()\n    const children = ref([])\n\n    provide(\n      selectGroupKey,\n      reactive({\n        ...toRefs(props),\n      })\n    )\n\n    const select = inject(selectKey)\n\n    onMounted(() => {\n      children.value = flattedChildren(instance.subTree)\n    })\n\n    // get all instances of options\n    const flattedChildren = (node) => {\n      const children = []\n      if (Array.isArray(node.children)) {\n        node.children.forEach((child) => {\n          if (\n            child.type &&\n            child.type.name === 'ElOption' &&\n            child.component &&\n            child.component.proxy\n          ) {\n            children.push(child.component.proxy)\n          } else if (child.children?.length) {\n            children.push(...flattedChildren(child))\n          }\n        })\n      }\n      return children\n    }\n\n    const { groupQueryChange } = toRaw(select)\n    watch(groupQueryChange, () => {\n      visible.value = children.value.some((option) => option.visible === true)\n    })\n\n    return {\n      visible,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ref","getCurrentInstance","selectGroupKey","reactive","toRefs","inject","selectKey","toRaw"],"mappings":";;;;;;;AA0BA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,eAAe;AAAA,EAEf,OAAO;AAAA,IACL,OAAO;AAAA,IACP,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;AAAA;AAAA,EAGb,MAAM,OAAO;AACX,UAAM,UAAUC,QAAI;AACpB,UAAM,WAAWC;AACjB,UAAM,WAAWD,QAAI;AAErB,gBACEE,sBACAC,aAAS;AAAA,SACJC,WAAO;AAAA;AAId,UAAM,SAASC,WAAOC;AAEtB,kBAAU,MAAM;AACd,eAAS,QAAQ,gBAAgB,SAAS;AAAA;AAI5C,UAAM,kBAAkB,CAAC,SAAS;AAChC,YAAM,YAAW;AACjB,UAAI,MAAM,QAAQ,KAAK,WAAW;AAChC,aAAK,SAAS,QAAQ,CAAC,UAAU;;AAC/B,cACE,MAAM,QACN,MAAM,KAAK,SAAS,cACpB,MAAM,aACN,MAAM,UAAU,OAChB;AACA,sBAAS,KAAK,MAAM,UAAU;AAAA,qBACrB,YAAM,aAAN,mBAAgB,QAAQ;AACjC,sBAAS,KAAK,GAAG,gBAAgB;AAAA;AAAA;AAAA;AAIvC,aAAO;AAAA;AAGT,UAAM,EAAE,qBAAqBC,UAAM;AACnC,cAAM,kBAAkB,MAAM;AAC5B,cAAQ,QAAQ,SAAS,MAAM,KAAK,CAAC,WAAW,OAAO,YAAY;AAAA;AAGrE,WAAO;AAAA,MACL;AAAA;AAAA;AAAA;;;;"}

package/lib/components/select/src/option-group.vue_vue&type=template&id=072bbb70&lang.js

@@ -1,24 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-const _hoisted_1 = { class: "el-select-group__wrap" };
-const _hoisted_2 = { class: "el-select-group__title" };
-const _hoisted_3 = { class: "el-select-group" };
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.withDirectives((vue.openBlock(), vue.createElementBlock("ul", _hoisted_1, [
-    vue.createElementVNode("li", _hoisted_2, vue.toDisplayString(_ctx.label), 1),
-    vue.createElementVNode("li", null, [
-      vue.createElementVNode("ul", _hoisted_3, [
-        vue.renderSlot(_ctx.$slots, "default")
-      ])
-    ])
-  ], 512)), [
-    [vue.vShow, _ctx.visible]
-  ]);
-}
-
-exports.render = render;
-//# sourceMappingURL=option-group.vue_vue&type=template&id=072bbb70&lang.js.map

package/lib/components/select/src/option-group.vue_vue&type=template&id=072bbb70&lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"option-group.vue_vue&type=template&id=072bbb70&lang.js","sources":["../../../../../../packages/components/select/src/option-group.vue?vue&type=template&id=072bbb70&lang.js"],"sourcesContent":["<template>\n  <ul v-show=\"visible\" class=\"el-select-group__wrap\">\n    <li class=\"el-select-group__title\">{{ label }}</li>\n    <li>\n      <ul class=\"el-select-group\">\n        <slot></slot>\n      </ul>\n    </li>\n  </ul>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  provide,\n  inject,\n  ref,\n  reactive,\n  toRefs,\n  getCurrentInstance,\n  onMounted,\n  watch,\n  toRaw,\n} from 'vue'\nimport { selectGroupKey, selectKey } from './token'\n\nexport default defineComponent({\n  name: 'ElOptionGroup',\n  componentName: 'ElOptionGroup',\n\n  props: {\n    label: String,\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  setup(props) {\n    const visible = ref(true)\n    const instance = getCurrentInstance()\n    const children = ref([])\n\n    provide(\n      selectGroupKey,\n      reactive({\n        ...toRefs(props),\n      })\n    )\n\n    const select = inject(selectKey)\n\n    onMounted(() => {\n      children.value = flattedChildren(instance.subTree)\n    })\n\n    // get all instances of options\n    const flattedChildren = (node) => {\n      const children = []\n      if (Array.isArray(node.children)) {\n        node.children.forEach((child) => {\n          if (\n            child.type &&\n            child.type.name === 'ElOption' &&\n            child.component &&\n            child.component.proxy\n          ) {\n            children.push(child.component.proxy)\n          } else if (child.children?.length) {\n            children.push(...flattedChildren(child))\n          }\n        })\n      }\n      return children\n    }\n\n    const { groupQueryChange } = toRaw(select)\n    watch(groupQueryChange, () => {\n      visible.value = children.value.some((option) => option.visible === true)\n    })\n\n    return {\n      visible,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_renderSlot"],"mappings":";;;;;;qBACuB,OAAM;qBACrB,OAAM;qBAEJ,OAAM;;8CAHdA,6BAAA;IACEC,6BAAA,gCAAsC;IACtCA;MACEA,6BAAA;QACEC;;;;gBAJM;;;;;;"}

package/lib/components/select/src/option.vue_vue&type=script&lang.js

@@ -1,67 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var useOption = require('./useOption.js');
-
-var script = vue.defineComponent({
-  name: "ElOption",
-  componentName: "ElOption",
-  props: {
-    value: {
-      required: true,
-      type: [String, Number, Boolean, Object]
-    },
-    label: [String, Number],
-    created: Boolean,
-    disabled: {
-      type: Boolean,
-      default: false
-    }
-  },
-  setup(props) {
-    const states = vue.reactive({
-      index: -1,
-      groupDisabled: false,
-      visible: true,
-      hitState: false,
-      hover: false
-    });
-    const { currentLabel, itemSelected, isDisabled, select, hoverItem } = useOption.useOption(props, states);
-    const { visible, hover } = vue.toRefs(states);
-    const vm = vue.getCurrentInstance().proxy;
-    const key = vm.value;
-    select.onOptionCreate(vm);
-    vue.onBeforeUnmount(() => {
-      const { selected } = select;
-      const selectedOptions = select.props.multiple ? selected : [selected];
-      const doesExist = select.cachedOptions.has(key);
-      const doesSelected = selectedOptions.some((item) => {
-        return item.value === vm.value;
-      });
-      if (doesExist && !doesSelected) {
-        select.cachedOptions.delete(key);
-      }
-      select.onOptionDestroy(key);
-    });
-    function selectOptionClick() {
-      if (props.disabled !== true && states.groupDisabled !== true) {
-        select.handleOptionSelect(vm, true);
-      }
-    }
-    return {
-      currentLabel,
-      itemSelected,
-      isDisabled,
-      select,
-      hoverItem,
-      visible,
-      hover,
-      selectOptionClick
-    };
-  }
-});
-
-exports["default"] = script;
-//# sourceMappingURL=option.vue_vue&type=script&lang.js.map

package/lib/components/select/src/option.vue_vue&type=script&lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"option.vue_vue&type=script&lang.js","sources":["../../../../../../packages/components/select/src/option.vue"],"sourcesContent":["<template>\n  <li\n    v-show=\"visible\"\n    class=\"el-select-dropdown__item\"\n    :class=\"{\n      selected: itemSelected,\n      'is-disabled': isDisabled,\n      hover: hover,\n    }\"\n    @mouseenter=\"hoverItem\"\n    @click.stop=\"selectOptionClick\"\n  >\n    <slot>\n      <span>{{ currentLabel }}</span>\n    </slot>\n  </li>\n</template>\n\n<script lang=\"ts\">\nimport {\n  toRefs,\n  defineComponent,\n  getCurrentInstance,\n  onBeforeUnmount,\n  reactive,\n} from 'vue'\nimport { useOption } from './useOption'\nimport type { SelectOptionProxy } from './token'\n\nexport default defineComponent({\n  name: 'ElOption',\n  componentName: 'ElOption',\n\n  props: {\n    value: {\n      required: true,\n      type: [String, Number, Boolean, Object],\n    },\n    label: [String, Number],\n    created: Boolean,\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  setup(props) {\n    const states = reactive({\n      index: -1,\n      groupDisabled: false,\n      visible: true,\n      hitState: false,\n      hover: false,\n    })\n\n    const { currentLabel, itemSelected, isDisabled, select, hoverItem } =\n      useOption(props, states)\n\n    const { visible, hover } = toRefs(states)\n\n    const vm = getCurrentInstance().proxy\n    const key = (vm as unknown as SelectOptionProxy).value\n    select.onOptionCreate(vm as unknown as SelectOptionProxy)\n\n    onBeforeUnmount(() => {\n      const { selected } = select\n      const selectedOptions = select.props.multiple ? selected : [selected]\n      const doesExist = select.cachedOptions.has(key)\n      const doesSelected = selectedOptions.some((item) => {\n        return item.value === (vm as unknown as SelectOptionProxy).value\n      })\n      // if option is not selected, remove it from cache\n      if (doesExist && !doesSelected) {\n        select.cachedOptions.delete(key)\n      }\n      select.onOptionDestroy(key)\n    })\n\n    function selectOptionClick() {\n      if (props.disabled !== true && states.groupDisabled !== true) {\n        select.handleOptionSelect(vm, true)\n      }\n    }\n\n    return {\n      currentLabel,\n      itemSelected,\n      isDisabled,\n      select,\n      hoverItem,\n      visible,\n      hover,\n      selectOptionClick,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","reactive","useOption","toRefs","getCurrentInstance"],"mappings":";;;;;;;AA6BA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,eAAe;AAAA,EAEf,OAAO;AAAA,IACL,OAAO;AAAA,MACL,UAAU;AAAA,MACV,MAAM,CAAC,QAAQ,QAAQ,SAAS;AAAA;AAAA,IAElC,OAAO,CAAC,QAAQ;AAAA,IAChB,SAAS;AAAA,IACT,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;AAAA;AAAA,EAIb,MAAM,OAAO;AACX,UAAM,SAASC,aAAS;AAAA,MACtB,OAAO;AAAA,MACP,eAAe;AAAA,MACf,SAAS;AAAA,MACT,UAAU;AAAA,MACV,OAAO;AAAA;AAGT,UAAM,EAAE,cAAc,cAAc,YAAY,QAAQ,cACtDC,oBAAU,OAAO;AAEnB,UAAM,EAAE,SAAS,UAAUC,WAAO;AAElC,UAAM,KAAKC,yBAAqB;AAChC,UAAM,MAAO,GAAoC;AACjD,WAAO,eAAe;AAEtB,wBAAgB,MAAM;AACpB,YAAM,EAAE,aAAa;AACrB,YAAM,kBAAkB,OAAO,MAAM,WAAW,WAAW,CAAC;AAC5D,YAAM,YAAY,OAAO,cAAc,IAAI;AAC3C,YAAM,eAAe,gBAAgB,KAAK,CAAC,SAAS;AAClD,eAAO,KAAK,UAAW,GAAoC;AAAA;AAG7D,UAAI,aAAa,CAAC,cAAc;AAC9B,eAAO,cAAc,OAAO;AAAA;AAE9B,aAAO,gBAAgB;AAAA;AAGzB,iCAA6B;AAC3B,UAAI,MAAM,aAAa,QAAQ,OAAO,kBAAkB,MAAM;AAC5D,eAAO,mBAAmB,IAAI;AAAA;AAAA;AAIlC,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

package/lib/components/select/src/option.vue_vue&type=template&id=2feb8304&lang.js

@@ -1,26 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.withDirectives((vue.openBlock(), vue.createElementBlock("li", {
-    class: vue.normalizeClass(["el-select-dropdown__item", {
-      selected: _ctx.itemSelected,
-      "is-disabled": _ctx.isDisabled,
-      hover: _ctx.hover
-    }]),
-    onMouseenter: _cache[0] || (_cache[0] = (...args) => _ctx.hoverItem && _ctx.hoverItem(...args)),
-    onClick: _cache[1] || (_cache[1] = vue.withModifiers((...args) => _ctx.selectOptionClick && _ctx.selectOptionClick(...args), ["stop"]))
-  }, [
-    vue.renderSlot(_ctx.$slots, "default", {}, () => [
-      vue.createElementVNode("span", null, vue.toDisplayString(_ctx.currentLabel), 1)
-    ])
-  ], 34)), [
-    [vue.vShow, _ctx.visible]
-  ]);
-}
-
-exports.render = render;
-//# sourceMappingURL=option.vue_vue&type=template&id=2feb8304&lang.js.map

package/lib/components/select/src/option.vue_vue&type=template&id=2feb8304&lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"option.vue_vue&type=template&id=2feb8304&lang.js","sources":["../../../../../../packages/components/select/src/option.vue?vue&type=template&id=2feb8304&lang.js"],"sourcesContent":["<template>\n  <li\n    v-show=\"visible\"\n    class=\"el-select-dropdown__item\"\n    :class=\"{\n      selected: itemSelected,\n      'is-disabled': isDisabled,\n      hover: hover,\n    }\"\n    @mouseenter=\"hoverItem\"\n    @click.stop=\"selectOptionClick\"\n  >\n    <slot>\n      <span>{{ currentLabel }}</span>\n    </slot>\n  </li>\n</template>\n\n<script lang=\"ts\">\nimport {\n  toRefs,\n  defineComponent,\n  getCurrentInstance,\n  onBeforeUnmount,\n  reactive,\n} from 'vue'\nimport { useOption } from './useOption'\nimport type { SelectOptionProxy } from './token'\n\nexport default defineComponent({\n  name: 'ElOption',\n  componentName: 'ElOption',\n\n  props: {\n    value: {\n      required: true,\n      type: [String, Number, Boolean, Object],\n    },\n    label: [String, Number],\n    created: Boolean,\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  setup(props) {\n    const states = reactive({\n      index: -1,\n      groupDisabled: false,\n      visible: true,\n      hitState: false,\n      hover: false,\n    })\n\n    const { currentLabel, itemSelected, isDisabled, select, hoverItem } =\n      useOption(props, states)\n\n    const { visible, hover } = toRefs(states)\n\n    const vm = getCurrentInstance().proxy\n    const key = (vm as unknown as SelectOptionProxy).value\n    select.onOptionCreate(vm as unknown as SelectOptionProxy)\n\n    onBeforeUnmount(() => {\n      const { selected } = select\n      const selectedOptions = select.props.multiple ? selected : [selected]\n      const doesExist = select.cachedOptions.has(key)\n      const doesSelected = selectedOptions.some((item) => {\n        return item.value === (vm as unknown as SelectOptionProxy).value\n      })\n      // if option is not selected, remove it from cache\n      if (doesExist && !doesSelected) {\n        select.cachedOptions.delete(key)\n      }\n      select.onOptionDestroy(key)\n    })\n\n    function selectOptionClick() {\n      if (props.disabled !== true && states.groupDisabled !== true) {\n        select.handleOptionSelect(vm, true)\n      }\n    }\n\n    return {\n      currentLabel,\n      itemSelected,\n      isDisabled,\n      select,\n      hoverItem,\n      visible,\n      hover,\n      selectOptionClick,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_renderSlot","_createElementVNode"],"mappings":";;;;;;;8CACEA;IAEE,2BAAM;;;;;IAML,qDAAY;IACZ,kEAAY;;IAEbC,2CAAA;MACEC,yDAAS;;;gBAXH;;;;;;"}

package/lib/components/select/src/select-dropdown.vue_vue&type=script&lang.js

@@ -1,38 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var resizeEvent = require('../../../utils/resize-event.js');
-var token = require('./token.js');
-
-var script = vue.defineComponent({
-  name: "ElSelectDropdown",
-  componentName: "ElSelectDropdown",
-  setup() {
-    const select = vue.inject(token.selectKey);
-    const popperClass = vue.computed(() => select.props.popperClass);
-    const isMultiple = vue.computed(() => select.props.multiple);
-    const isFitInputWidth = vue.computed(() => select.props.fitInputWidth);
-    const minWidth = vue.ref("");
-    function updateMinWidth() {
-      var _a;
-      minWidth.value = `${(_a = select.selectWrapper) == null ? void 0 : _a.getBoundingClientRect().width}px`;
-    }
-    vue.onMounted(() => {
-      resizeEvent.addResizeListener(select.selectWrapper, updateMinWidth);
-    });
-    vue.onBeforeUnmount(() => {
-      resizeEvent.removeResizeListener(select.selectWrapper, updateMinWidth);
-    });
-    return {
-      minWidth,
-      popperClass,
-      isMultiple,
-      isFitInputWidth
-    };
-  }
-});
-
-exports["default"] = script;
-//# sourceMappingURL=select-dropdown.vue_vue&type=script&lang.js.map

package/lib/components/select/src/select-dropdown.vue_vue&type=script&lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-dropdown.vue_vue&type=script&lang.js","sources":["../../../../../../packages/components/select/src/select-dropdown.vue"],"sourcesContent":["<template>\n  <div\n    class=\"el-select-dropdown\"\n    :class=\"[{ 'is-multiple': isMultiple }, popperClass]\"\n    :style=\"{ [isFitInputWidth ? 'width' : 'minWidth']: minWidth }\"\n  >\n    <slot></slot>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  computed,\n  onMounted,\n  onBeforeUnmount,\n  inject,\n  ref,\n} from 'vue'\nimport {\n  addResizeListener,\n  removeResizeListener,\n} from '@element-plus/utils/resize-event'\nimport { selectKey } from './token'\nimport type { ResizableElement } from '@element-plus/utils/resize-event'\n\nexport default defineComponent({\n  name: 'ElSelectDropdown',\n\n  componentName: 'ElSelectDropdown',\n\n  setup() {\n    const select = inject(selectKey)\n\n    // computed\n    const popperClass = computed(() => select.props.popperClass)\n    const isMultiple = computed(() => select.props.multiple)\n    const isFitInputWidth = computed(() => select.props.fitInputWidth)\n    const minWidth = ref('')\n\n    function updateMinWidth() {\n      minWidth.value = `${\n        select.selectWrapper?.getBoundingClientRect().width\n      }px`\n    }\n\n    onMounted(() => {\n      // TODO: updatePopper\n      // popper.value.update()\n\n      addResizeListener(\n        select.selectWrapper as ResizableElement,\n        updateMinWidth\n      )\n    })\n\n    onBeforeUnmount(() => {\n      removeResizeListener(\n        select.selectWrapper as ResizableElement,\n        updateMinWidth\n      )\n    })\n\n    return {\n      minWidth,\n      popperClass,\n      isMultiple,\n      isFitInputWidth,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","inject","selectKey","computed","ref"],"mappings":";;;;;;;;AA0BA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,eAAe;AAAA,EAEf,QAAQ;AACN,UAAM,SAASC,WAAOC;AAGtB,UAAM,cAAcC,aAAS,MAAM,OAAO,MAAM;AAChD,UAAM,aAAaA,aAAS,MAAM,OAAO,MAAM;AAC/C,UAAM,kBAAkBA,aAAS,MAAM,OAAO,MAAM;AACpD,UAAM,WAAWC,QAAI;AAErB,8BAA0B;;AACxB,eAAS,QAAQ,GACf,aAAO,kBAAP,mBAAsB,wBAAwB;AAAA;AAIlD,kBAAU,MAAM;AAId,oCACE,OAAO,eACP;AAAA;AAIJ,wBAAgB,MAAM;AACpB,uCACE,OAAO,eACP;AAAA;AAIJ,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

package/lib/components/select/src/select-dropdown.vue_vue&type=template&id=46cf6eee&lang.js

@@ -1,17 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createElementBlock("div", {
-    class: vue.normalizeClass(["el-select-dropdown", [{ "is-multiple": _ctx.isMultiple }, _ctx.popperClass]]),
-    style: vue.normalizeStyle({ [_ctx.isFitInputWidth ? "width" : "minWidth"]: _ctx.minWidth })
-  }, [
-    vue.renderSlot(_ctx.$slots, "default")
-  ], 6);
-}
-
-exports.render = render;
-//# sourceMappingURL=select-dropdown.vue_vue&type=template&id=46cf6eee&lang.js.map

package/lib/components/select/src/select-dropdown.vue_vue&type=template&id=46cf6eee&lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-dropdown.vue_vue&type=template&id=46cf6eee&lang.js","sources":["../../../../../../packages/components/select/src/select-dropdown.vue?vue&type=template&id=46cf6eee&lang.js"],"sourcesContent":["<template>\n  <div\n    class=\"el-select-dropdown\"\n    :class=\"[{ 'is-multiple': isMultiple }, popperClass]\"\n    :style=\"{ [isFitInputWidth ? 'width' : 'minWidth']: minWidth }\"\n  >\n    <slot></slot>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  computed,\n  onMounted,\n  onBeforeUnmount,\n  inject,\n  ref,\n} from 'vue'\nimport {\n  addResizeListener,\n  removeResizeListener,\n} from '@element-plus/utils/resize-event'\nimport { selectKey } from './token'\nimport type { ResizableElement } from '@element-plus/utils/resize-event'\n\nexport default defineComponent({\n  name: 'ElSelectDropdown',\n\n  componentName: 'ElSelectDropdown',\n\n  setup() {\n    const select = inject(selectKey)\n\n    // computed\n    const popperClass = computed(() => select.props.popperClass)\n    const isMultiple = computed(() => select.props.multiple)\n    const isFitInputWidth = computed(() => select.props.fitInputWidth)\n    const minWidth = ref('')\n\n    function updateMinWidth() {\n      minWidth.value = `${\n        select.selectWrapper?.getBoundingClientRect().width\n      }px`\n    }\n\n    onMounted(() => {\n      // TODO: updatePopper\n      // popper.value.update()\n\n      addResizeListener(\n        select.selectWrapper as ResizableElement,\n        updateMinWidth\n      )\n    })\n\n    onBeforeUnmount(() => {\n      removeResizeListener(\n        select.selectWrapper as ResizableElement,\n        updateMinWidth\n      )\n    })\n\n    return {\n      minWidth,\n      popperClass,\n      isMultiple,\n      isFitInputWidth,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_renderSlot"],"mappings":";;;;;;;0BACEA;IACE,2BAAM,wCACoB,mBAAc;IACvC,6BAAU,8CAAyC;;IAEpDC;;;;;;"}