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

package/es/components/result/src/result.vue_vue&type=template&id=263c10e5&lang.mjs

@@ -1,44 +0,0 @@
-import { openBlock, createElementBlock, createElementVNode, renderSlot, createBlock, resolveDynamicComponent, normalizeClass, createCommentVNode, toDisplayString } from 'vue';
-
-const _hoisted_1 = { class: "el-result" };
-const _hoisted_2 = { class: "el-result__icon" };
-const _hoisted_3 = {
-  key: 0,
-  class: "el-result__title"
-};
-const _hoisted_4 = {
-  key: 1,
-  class: "el-result__subtitle"
-};
-const _hoisted_5 = {
-  key: 2,
-  class: "el-result__extra"
-};
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1, [
-    createElementVNode("div", _hoisted_2, [
-      renderSlot(_ctx.$slots, "icon", {}, () => [
-        _ctx.resultIcon.component ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.resultIcon.component), {
-          key: 0,
-          class: normalizeClass(_ctx.resultIcon.class)
-        }, null, 8, ["class"])) : createCommentVNode("v-if", true)
-      ])
-    ]),
-    _ctx.title || _ctx.$slots.title ? (openBlock(), createElementBlock("div", _hoisted_3, [
-      renderSlot(_ctx.$slots, "title", {}, () => [
-        createElementVNode("p", null, toDisplayString(_ctx.title), 1)
-      ])
-    ])) : createCommentVNode("v-if", true),
-    _ctx.subTitle || _ctx.$slots.subTitle ? (openBlock(), createElementBlock("div", _hoisted_4, [
-      renderSlot(_ctx.$slots, "subTitle", {}, () => [
-        createElementVNode("p", null, toDisplayString(_ctx.subTitle), 1)
-      ])
-    ])) : createCommentVNode("v-if", true),
-    _ctx.$slots.extra ? (openBlock(), createElementBlock("div", _hoisted_5, [
-      renderSlot(_ctx.$slots, "extra")
-    ])) : createCommentVNode("v-if", true)
-  ]);
-}
-
-export { render };
-//# sourceMappingURL=result.vue_vue&type=template&id=263c10e5&lang.mjs.map

package/es/components/result/src/result.vue_vue&type=template&id=263c10e5&lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"result.vue_vue&type=template&id=263c10e5&lang.mjs","sources":["../../../../../../packages/components/result/src/result.vue?vue&type=template&id=263c10e5&lang.js"],"sourcesContent":["<template>\n  <div class=\"el-result\">\n    <div class=\"el-result__icon\">\n      <slot name=\"icon\">\n        <component\n          :is=\"resultIcon.component\"\n          v-if=\"resultIcon.component\"\n          :class=\"resultIcon.class\"\n        />\n      </slot>\n    </div>\n    <div v-if=\"title || $slots.title\" class=\"el-result__title\">\n      <slot name=\"title\">\n        <p>{{ title }}</p>\n      </slot>\n    </div>\n    <div v-if=\"subTitle || $slots.subTitle\" class=\"el-result__subtitle\">\n      <slot name=\"subTitle\">\n        <p>{{ subTitle }}</p>\n      </slot>\n    </div>\n    <div v-if=\"$slots.extra\" class=\"el-result__extra\">\n      <slot name=\"extra\"></slot>\n    </div>\n  </div>\n</template>\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\nimport { resultProps, IconComponentMap, IconMap } from './result'\n\nexport default defineComponent({\n  name: 'ElResult',\n  props: resultProps,\n  setup(props) {\n    const resultIcon = computed(() => {\n      const icon = props.icon\n      const iconClass = icon && IconMap[icon] ? IconMap[icon] : 'icon-info'\n      const iconComponent =\n        IconComponentMap[iconClass] || IconComponentMap['icon-info']\n\n      return {\n        class: iconClass,\n        component: iconComponent,\n      }\n    })\n\n    return {\n      resultIcon,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_renderSlot","_createBlock"],"mappings":";;qBACO,OAAM;qBACJ,OAAM;;;EASuB,OAAM;AAAA;;;EAKA,OAAM;AAAA;;;EAKrB,OAAM;AAAA;;sBApBjCA,0BAAA;IACEC,0BAAA;MACEC,oCAAA;QAGU,gBAAW,0BAFnBC,oCACO,gBAAW;;UAEf,sBAAO,gBAAW;AAAA;;;IAId,cAAS,YAAO,sBAA3BH,0BAAA;MACEE,qCAAA;QACED,8CAAM;;;IAGC,iBAAY,YAAO,yBAA9BD,0BAAA;MACEE,wCAAA;QACED,8CAAM;;;IAGC,YAAO,sBAAlBD,0BAAA;MACEE;;;;;;;"}

package/es/components/scrollbar/src/bar.vue_vue&type=script&lang.mjs

@@ -1,107 +0,0 @@
-import { defineComponent, ref, inject, computed, onMounted, onBeforeUnmount } from 'vue';
-import { on, off } from '../../../utils/dom.mjs';
-import { BAR_MAP, renderThumbStyle } from './util.mjs';
-
-var script = defineComponent({
-  name: "Bar",
-  props: {
-    vertical: Boolean,
-    size: String,
-    move: Number,
-    ratio: Number,
-    always: Boolean
-  },
-  setup(props) {
-    const instance = ref(null);
-    const thumb = ref(null);
-    const scrollbar = inject("scrollbar", {});
-    const wrap = inject("scrollbar-wrap", {});
-    const bar = computed(() => BAR_MAP[props.vertical ? "vertical" : "horizontal"]);
-    const barStore = ref({});
-    const cursorDown = ref(null);
-    const cursorLeave = ref(null);
-    const visible = ref(false);
-    let onselectstartStore = null;
-    const offsetRatio = computed(() => {
-      return instance.value[bar.value.offset] ** 2 / wrap.value[bar.value.scrollSize] / props.ratio / thumb.value[bar.value.offset];
-    });
-    const clickThumbHandler = (e) => {
-      e.stopPropagation();
-      if (e.ctrlKey || [1, 2].includes(e.button)) {
-        return;
-      }
-      window.getSelection().removeAllRanges();
-      startDrag(e);
-      barStore.value[bar.value.axis] = e.currentTarget[bar.value.offset] - (e[bar.value.client] - e.currentTarget.getBoundingClientRect()[bar.value.direction]);
-    };
-    const clickTrackHandler = (e) => {
-      const offset = Math.abs(e.target.getBoundingClientRect()[bar.value.direction] - e[bar.value.client]);
-      const thumbHalf = thumb.value[bar.value.offset] / 2;
-      const thumbPositionPercentage = (offset - thumbHalf) * 100 * offsetRatio.value / instance.value[bar.value.offset];
-      wrap.value[bar.value.scroll] = thumbPositionPercentage * wrap.value[bar.value.scrollSize] / 100;
-    };
-    const startDrag = (e) => {
-      e.stopImmediatePropagation();
-      cursorDown.value = true;
-      on(document, "mousemove", mouseMoveDocumentHandler);
-      on(document, "mouseup", mouseUpDocumentHandler);
-      onselectstartStore = document.onselectstart;
-      document.onselectstart = () => false;
-    };
-    const mouseMoveDocumentHandler = (e) => {
-      if (cursorDown.value === false)
-        return;
-      const prevPage = barStore.value[bar.value.axis];
-      if (!prevPage)
-        return;
-      const offset = (instance.value.getBoundingClientRect()[bar.value.direction] - e[bar.value.client]) * -1;
-      const thumbClickPosition = thumb.value[bar.value.offset] - prevPage;
-      const thumbPositionPercentage = (offset - thumbClickPosition) * 100 * offsetRatio.value / instance.value[bar.value.offset];
-      wrap.value[bar.value.scroll] = thumbPositionPercentage * wrap.value[bar.value.scrollSize] / 100;
-    };
-    const mouseUpDocumentHandler = () => {
-      cursorDown.value = false;
-      barStore.value[bar.value.axis] = 0;
-      off(document, "mousemove", mouseMoveDocumentHandler);
-      off(document, "mouseup", mouseUpDocumentHandler);
-      document.onselectstart = onselectstartStore;
-      if (cursorLeave.value) {
-        visible.value = false;
-      }
-    };
-    const thumbStyle = computed(() => renderThumbStyle({
-      size: props.size,
-      move: props.move,
-      bar: bar.value
-    }));
-    const mouseMoveScrollbarHandler = () => {
-      cursorLeave.value = false;
-      visible.value = !!props.size;
-    };
-    const mouseLeaveScrollbarHandler = () => {
-      cursorLeave.value = true;
-      visible.value = cursorDown.value;
-    };
-    onMounted(() => {
-      on(scrollbar.value, "mousemove", mouseMoveScrollbarHandler);
-      on(scrollbar.value, "mouseleave", mouseLeaveScrollbarHandler);
-    });
-    onBeforeUnmount(() => {
-      off(document, "mouseup", mouseUpDocumentHandler);
-      off(scrollbar.value, "mousemove", mouseMoveScrollbarHandler);
-      off(scrollbar.value, "mouseleave", mouseLeaveScrollbarHandler);
-    });
-    return {
-      instance,
-      thumb,
-      bar,
-      clickTrackHandler,
-      clickThumbHandler,
-      thumbStyle,
-      visible
-    };
-  }
-});
-
-export { script as default };
-//# sourceMappingURL=bar.vue_vue&type=script&lang.mjs.map

package/es/components/scrollbar/src/bar.vue_vue&type=script&lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"bar.vue_vue&type=script&lang.mjs","sources":["../../../../../../packages/components/scrollbar/src/bar.vue"],"sourcesContent":["<template>\n  <transition name=\"el-scrollbar-fade\">\n    <div\n      v-show=\"always || visible\"\n      ref=\"instance\"\n      :class=\"['el-scrollbar__bar', 'is-' + bar.key]\"\n      @mousedown=\"clickTrackHandler\"\n    >\n      <div\n        ref=\"thumb\"\n        class=\"el-scrollbar__thumb\"\n        :style=\"thumbStyle\"\n        @mousedown=\"clickThumbHandler\"\n      ></div>\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  inject,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n} from 'vue'\nimport { off, on } from '@element-plus/utils/dom'\nimport { BAR_MAP, renderThumbStyle } from './util'\n\nimport type { Ref } from 'vue'\nimport type { Nullable } from '@element-plus/utils/types'\n\nexport default defineComponent({\n  name: 'Bar',\n  props: {\n    vertical: Boolean,\n    size: String,\n    move: Number,\n    ratio: Number,\n    always: Boolean,\n  },\n  setup(props) {\n    const instance = ref(null)\n    const thumb = ref(null)\n    const scrollbar = inject('scrollbar', {} as Ref<Nullable<HTMLElement>>)\n    const wrap = inject('scrollbar-wrap', {} as Ref<Nullable<HTMLElement>>)\n    const bar = computed(\n      () => BAR_MAP[props.vertical ? 'vertical' : 'horizontal']\n    )\n    const barStore = ref({})\n    const cursorDown = ref(null)\n    const cursorLeave = ref(null)\n    const visible = ref(false)\n    let onselectstartStore = null\n\n    const offsetRatio = computed(() => {\n      // offsetRatioX = original width of thumb / current width of thumb / ratioX\n      // offsetRatioY = original height of thumb / current height of thumb / ratioY\n      // instance height = wrap height - GAP\n      return (\n        instance.value[bar.value.offset] ** 2 /\n        wrap.value[bar.value.scrollSize] /\n        props.ratio /\n        thumb.value[bar.value.offset]\n      )\n    })\n\n    const clickThumbHandler = (e: MouseEvent) => {\n      // prevent click event of middle and right button\n      e.stopPropagation()\n      if (e.ctrlKey || [1, 2].includes(e.button)) {\n        return\n      }\n      window.getSelection().removeAllRanges()\n      startDrag(e)\n      barStore.value[bar.value.axis] =\n        e.currentTarget[bar.value.offset] -\n        (e[bar.value.client] -\n          (e.currentTarget as HTMLElement).getBoundingClientRect()[\n            bar.value.direction\n          ])\n    }\n\n    const clickTrackHandler = (e: MouseEvent) => {\n      const offset = Math.abs(\n        (e.target as HTMLElement).getBoundingClientRect()[bar.value.direction] -\n          e[bar.value.client]\n      )\n      const thumbHalf = thumb.value[bar.value.offset] / 2\n      const thumbPositionPercentage =\n        ((offset - thumbHalf) * 100 * offsetRatio.value) /\n        instance.value[bar.value.offset]\n\n      wrap.value[bar.value.scroll] =\n        (thumbPositionPercentage * wrap.value[bar.value.scrollSize]) / 100\n    }\n\n    const startDrag = (e: MouseEvent) => {\n      e.stopImmediatePropagation()\n      cursorDown.value = true\n      on(document, 'mousemove', mouseMoveDocumentHandler)\n      on(document, 'mouseup', mouseUpDocumentHandler)\n      onselectstartStore = document.onselectstart\n      document.onselectstart = () => false\n    }\n\n    const mouseMoveDocumentHandler = (e: MouseEvent) => {\n      if (cursorDown.value === false) return\n      const prevPage = barStore.value[bar.value.axis]\n\n      if (!prevPage) return\n\n      const offset =\n        (instance.value.getBoundingClientRect()[bar.value.direction] -\n          e[bar.value.client]) *\n        -1\n      const thumbClickPosition = thumb.value[bar.value.offset] - prevPage\n      const thumbPositionPercentage =\n        ((offset - thumbClickPosition) * 100 * offsetRatio.value) /\n        instance.value[bar.value.offset]\n      wrap.value[bar.value.scroll] =\n        (thumbPositionPercentage * wrap.value[bar.value.scrollSize]) / 100\n    }\n\n    const mouseUpDocumentHandler = () => {\n      cursorDown.value = false\n      barStore.value[bar.value.axis] = 0\n      off(document, 'mousemove', mouseMoveDocumentHandler)\n      off(document, 'mouseup', mouseUpDocumentHandler)\n      document.onselectstart = onselectstartStore\n      if (cursorLeave.value) {\n        visible.value = false\n      }\n    }\n\n    const thumbStyle = computed(() =>\n      renderThumbStyle({\n        size: props.size,\n        move: props.move,\n        bar: bar.value,\n      })\n    )\n\n    const mouseMoveScrollbarHandler = () => {\n      cursorLeave.value = false\n      visible.value = !!props.size\n    }\n\n    const mouseLeaveScrollbarHandler = () => {\n      cursorLeave.value = true\n      visible.value = cursorDown.value\n    }\n\n    onMounted(() => {\n      on(scrollbar.value, 'mousemove', mouseMoveScrollbarHandler)\n      on(scrollbar.value, 'mouseleave', mouseLeaveScrollbarHandler)\n    })\n\n    onBeforeUnmount(() => {\n      off(document, 'mouseup', mouseUpDocumentHandler)\n      off(scrollbar.value, 'mousemove', mouseMoveScrollbarHandler)\n      off(scrollbar.value, 'mouseleave', mouseLeaveScrollbarHandler)\n    })\n\n    return {\n      instance,\n      thumb,\n      bar,\n      clickTrackHandler,\n      clickThumbHandler,\n      thumbStyle,\n      visible,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":"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"}

package/es/components/scrollbar/src/bar.vue_vue&type=template&id=2f63f10a&lang.mjs

@@ -1,26 +0,0 @@
-import { openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, normalizeStyle, vShow } from 'vue';
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createBlock(Transition, { name: "el-scrollbar-fade" }, {
-    default: withCtx(() => [
-      withDirectives(createElementVNode("div", {
-        ref: "instance",
-        class: normalizeClass(["el-scrollbar__bar", "is-" + _ctx.bar.key]),
-        onMousedown: _cache[1] || (_cache[1] = (...args) => _ctx.clickTrackHandler && _ctx.clickTrackHandler(...args))
-      }, [
-        createElementVNode("div", {
-          ref: "thumb",
-          class: "el-scrollbar__thumb",
-          style: normalizeStyle(_ctx.thumbStyle),
-          onMousedown: _cache[0] || (_cache[0] = (...args) => _ctx.clickThumbHandler && _ctx.clickThumbHandler(...args))
-        }, null, 36)
-      ], 34), [
-        [vShow, _ctx.always || _ctx.visible]
-      ])
-    ]),
-    _: 1
-  });
-}
-
-export { render };
-//# sourceMappingURL=bar.vue_vue&type=template&id=2f63f10a&lang.mjs.map

package/es/components/scrollbar/src/bar.vue_vue&type=template&id=2f63f10a&lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"bar.vue_vue&type=template&id=2f63f10a&lang.mjs","sources":["../../../../../../packages/components/scrollbar/src/bar.vue?vue&type=template&id=2f63f10a&lang.js"],"sourcesContent":["<template>\n  <transition name=\"el-scrollbar-fade\">\n    <div\n      v-show=\"always || visible\"\n      ref=\"instance\"\n      :class=\"['el-scrollbar__bar', 'is-' + bar.key]\"\n      @mousedown=\"clickTrackHandler\"\n    >\n      <div\n        ref=\"thumb\"\n        class=\"el-scrollbar__thumb\"\n        :style=\"thumbStyle\"\n        @mousedown=\"clickThumbHandler\"\n      ></div>\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  inject,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n} from 'vue'\nimport { off, on } from '@element-plus/utils/dom'\nimport { BAR_MAP, renderThumbStyle } from './util'\n\nimport type { Ref } from 'vue'\nimport type { Nullable } from '@element-plus/utils/types'\n\nexport default defineComponent({\n  name: 'Bar',\n  props: {\n    vertical: Boolean,\n    size: String,\n    move: Number,\n    ratio: Number,\n    always: Boolean,\n  },\n  setup(props) {\n    const instance = ref(null)\n    const thumb = ref(null)\n    const scrollbar = inject('scrollbar', {} as Ref<Nullable<HTMLElement>>)\n    const wrap = inject('scrollbar-wrap', {} as Ref<Nullable<HTMLElement>>)\n    const bar = computed(\n      () => BAR_MAP[props.vertical ? 'vertical' : 'horizontal']\n    )\n    const barStore = ref({})\n    const cursorDown = ref(null)\n    const cursorLeave = ref(null)\n    const visible = ref(false)\n    let onselectstartStore = null\n\n    const offsetRatio = computed(() => {\n      // offsetRatioX = original width of thumb / current width of thumb / ratioX\n      // offsetRatioY = original height of thumb / current height of thumb / ratioY\n      // instance height = wrap height - GAP\n      return (\n        instance.value[bar.value.offset] ** 2 /\n        wrap.value[bar.value.scrollSize] /\n        props.ratio /\n        thumb.value[bar.value.offset]\n      )\n    })\n\n    const clickThumbHandler = (e: MouseEvent) => {\n      // prevent click event of middle and right button\n      e.stopPropagation()\n      if (e.ctrlKey || [1, 2].includes(e.button)) {\n        return\n      }\n      window.getSelection().removeAllRanges()\n      startDrag(e)\n      barStore.value[bar.value.axis] =\n        e.currentTarget[bar.value.offset] -\n        (e[bar.value.client] -\n          (e.currentTarget as HTMLElement).getBoundingClientRect()[\n            bar.value.direction\n          ])\n    }\n\n    const clickTrackHandler = (e: MouseEvent) => {\n      const offset = Math.abs(\n        (e.target as HTMLElement).getBoundingClientRect()[bar.value.direction] -\n          e[bar.value.client]\n      )\n      const thumbHalf = thumb.value[bar.value.offset] / 2\n      const thumbPositionPercentage =\n        ((offset - thumbHalf) * 100 * offsetRatio.value) /\n        instance.value[bar.value.offset]\n\n      wrap.value[bar.value.scroll] =\n        (thumbPositionPercentage * wrap.value[bar.value.scrollSize]) / 100\n    }\n\n    const startDrag = (e: MouseEvent) => {\n      e.stopImmediatePropagation()\n      cursorDown.value = true\n      on(document, 'mousemove', mouseMoveDocumentHandler)\n      on(document, 'mouseup', mouseUpDocumentHandler)\n      onselectstartStore = document.onselectstart\n      document.onselectstart = () => false\n    }\n\n    const mouseMoveDocumentHandler = (e: MouseEvent) => {\n      if (cursorDown.value === false) return\n      const prevPage = barStore.value[bar.value.axis]\n\n      if (!prevPage) return\n\n      const offset =\n        (instance.value.getBoundingClientRect()[bar.value.direction] -\n          e[bar.value.client]) *\n        -1\n      const thumbClickPosition = thumb.value[bar.value.offset] - prevPage\n      const thumbPositionPercentage =\n        ((offset - thumbClickPosition) * 100 * offsetRatio.value) /\n        instance.value[bar.value.offset]\n      wrap.value[bar.value.scroll] =\n        (thumbPositionPercentage * wrap.value[bar.value.scrollSize]) / 100\n    }\n\n    const mouseUpDocumentHandler = () => {\n      cursorDown.value = false\n      barStore.value[bar.value.axis] = 0\n      off(document, 'mousemove', mouseMoveDocumentHandler)\n      off(document, 'mouseup', mouseUpDocumentHandler)\n      document.onselectstart = onselectstartStore\n      if (cursorLeave.value) {\n        visible.value = false\n      }\n    }\n\n    const thumbStyle = computed(() =>\n      renderThumbStyle({\n        size: props.size,\n        move: props.move,\n        bar: bar.value,\n      })\n    )\n\n    const mouseMoveScrollbarHandler = () => {\n      cursorLeave.value = false\n      visible.value = !!props.size\n    }\n\n    const mouseLeaveScrollbarHandler = () => {\n      cursorLeave.value = true\n      visible.value = cursorDown.value\n    }\n\n    onMounted(() => {\n      on(scrollbar.value, 'mousemove', mouseMoveScrollbarHandler)\n      on(scrollbar.value, 'mouseleave', mouseLeaveScrollbarHandler)\n    })\n\n    onBeforeUnmount(() => {\n      off(document, 'mouseup', mouseUpDocumentHandler)\n      off(scrollbar.value, 'mousemove', mouseMoveScrollbarHandler)\n      off(scrollbar.value, 'mouseleave', mouseLeaveScrollbarHandler)\n    })\n\n    return {\n      instance,\n      thumb,\n      bar,\n      clickTrackHandler,\n      clickThumbHandler,\n      thumbStyle,\n      visible,\n    }\n  },\n})\n</script>\n"],"names":["_createBlock","_createElementVNode"],"mappings":";;;sBACEA,0BAAY,MAAK;qBACf;qBAAAC;QAEE,KAAI;AAAA,QACH,oDAAqC,SAAI;AAAA,QACzC,oDAAW;;QAEZA;UACE,KAAI;AAAA,UACJ,OAAM;AAAA,UACL,sBAAO;UACP,oDAAW;;;gBATN,eAAU;;;;;;;;;"}

package/es/components/scrollbar/src/index.mjs

@@ -1,7 +0,0 @@
-import script from './index.vue_vue&type=script&lang.mjs';
-export { default } from './index.vue_vue&type=script&lang.mjs';
-import { render } from './index.vue_vue&type=template&id=988caaee&lang.mjs';
-
-script.render = render;
-script.__file = "packages/components/scrollbar/src/index.vue";
-//# sourceMappingURL=index.mjs.map

package/es/components/scrollbar/src/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/es/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/es/components/scrollbar/src/index.vue_vue&type=script&lang.mjs

@@ -1,157 +0,0 @@
-import { defineComponent, ref, provide, computed, onMounted, nextTick, onBeforeUnmount } from 'vue';
-import { addResizeListener, removeResizeListener } from '../../../utils/resize-event.mjs';
-import { isNumber, toObject, addUnit } from '../../../utils/util.mjs';
-import { debugWarn } from '../../../utils/error.mjs';
-import './bar.mjs';
-import script$1 from './bar.vue_vue&type=script&lang.mjs';
-import { isArray, isString } from '@vue/shared';
-
-var script = defineComponent({
-  name: "ElScrollbar",
-  components: { Bar: script$1 },
-  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 = ref("0");
-    const sizeHeight = ref("0");
-    const moveX = ref(0);
-    const moveY = ref(0);
-    const scrollbar = ref(null);
-    const wrap = ref(null);
-    const resize = ref(null);
-    const ratioY = ref(1);
-    const ratioX = ref(1);
-    const SCOPE = "ElScrollbar";
-    const GAP = 4;
-    provide("scrollbar", scrollbar);
-    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 (!isNumber(value)) {
-        debugWarn(SCOPE, "value must be a number");
-        return;
-      }
-      wrap.value.scrollTop = value;
-    };
-    const setScrollLeft = (value) => {
-      if (!isNumber(value)) {
-        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 = computed(() => {
-      let style2 = props.wrapStyle;
-      if (isArray(style2)) {
-        style2 = toObject(style2);
-        style2.height = addUnit(props.height);
-        style2.maxHeight = addUnit(props.maxHeight);
-      } else if (isString(style2)) {
-        style2 += addUnit(props.height) ? `height: ${addUnit(props.height)};` : "";
-        style2 += addUnit(props.maxHeight) ? `max-height: ${addUnit(props.maxHeight)};` : "";
-      }
-      return style2;
-    });
-    onMounted(() => {
-      if (!props.native) {
-        nextTick(update);
-      }
-      if (!props.noresize) {
-        addResizeListener(resize.value, update);
-        addEventListener("resize", update);
-      }
-    });
-    onBeforeUnmount(() => {
-      if (!props.noresize) {
-        removeResizeListener(resize.value, update);
-        removeEventListener("resize", update);
-      }
-    });
-    return {
-      moveX,
-      moveY,
-      ratioX,
-      ratioY,
-      sizeWidth,
-      sizeHeight,
-      style,
-      scrollbar,
-      wrap,
-      resize,
-      update,
-      handleScroll,
-      setScrollTop,
-      setScrollLeft
-    };
-  }
-});
-
-export { script as default };
-//# sourceMappingURL=index.vue_vue&type=script&lang.mjs.map

package/es/components/scrollbar/src/index.vue_vue&type=script&lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.vue_vue&type=script&lang.mjs","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":["Bar"],"mappings":"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"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.vue_vue&type=template&id=988caaee&lang.mjs","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;;;sBAA3BA,0BAAA;IACEC;MACE,KAAI;AAAA,MACH;;;;;MAKA,sBAAO;MACP,iDAAQ;;oBAETC,oCACO;QACL,KAAI;AAAA,QACH,6CAA8B;QAC9B,sBAAO;;yBAER;UAAAC;;;;;KAGa,4BAAjBH;MACEI;QAAM,MAAM;QAAQ,OAAO;QAAS,MAAM;QAAY,QAAQ;;MAC9DA;QACG,MAAM;QACN,OAAO;QACP,MAAM;QACP,UAAA;AAAA,QACC,QAAQ;;;;;;;;"}

package/es/components/select/src/option-group.vue_vue&type=script&lang.mjs

@@ -1,50 +0,0 @@
-import { defineComponent, ref, getCurrentInstance, provide, reactive, toRefs, inject, onMounted, toRaw, watch } from 'vue';
-import { selectGroupKey, selectKey } from './token.mjs';
-
-var script = defineComponent({
-  name: "ElOptionGroup",
-  componentName: "ElOptionGroup",
-  props: {
-    label: String,
-    disabled: {
-      type: Boolean,
-      default: false
-    }
-  },
-  setup(props) {
-    const visible = ref(true);
-    const instance = getCurrentInstance();
-    const children = ref([]);
-    provide(selectGroupKey, reactive({
-      ...toRefs(props)
-    }));
-    const select = inject(selectKey);
-    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 } = toRaw(select);
-    watch(groupQueryChange, () => {
-      visible.value = children.value.some((option) => option.visible === true);
-    });
-    return {
-      visible
-    };
-  }
-});
-
-export { script as default };
-//# sourceMappingURL=option-group.vue_vue&type=script&lang.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"option-group.vue_vue&type=script&lang.mjs","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":[],"mappings":";;;AA0BA,aAAe,gBAAgB;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,UAAU,IAAI;AACpB,UAAM,WAAW;AACjB,UAAM,WAAW,IAAI;AAErB,YACE,gBACA,SAAS;AAAA,SACJ,OAAO;AAAA;AAId,UAAM,SAAS,OAAO;AAEtB,cAAU,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,qBAAqB,MAAM;AACnC,UAAM,kBAAkB,MAAM;AAC5B,cAAQ,QAAQ,SAAS,MAAM,KAAK,CAAC,WAAW,OAAO,YAAY;AAAA;AAGrE,WAAO;AAAA,MACL;AAAA;AAAA;AAAA;;;;"}