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

package/lib/components/scrollbar/src/bar2.js.map

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

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

@@ -0,0 +1,22 @@
+import type { StyleValue, ExtractPropTypes } from 'vue';
+export declare const scrollbarProps: {
+    readonly height: import("element-plus/es/utils/props").BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
+    readonly maxHeight: import("element-plus/es/utils/props").BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
+    readonly native: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly wrapStyle: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<StyleValue>, "", unknown, unknown, unknown>;
+    readonly wrapClass: import("element-plus/es/utils/props").BuildPropReturn<readonly [StringConstructor, ArrayConstructor], "", unknown, unknown, unknown>;
+    readonly viewClass: import("element-plus/es/utils/props").BuildPropReturn<readonly [StringConstructor, ArrayConstructor], "", unknown, unknown, unknown>;
+    readonly viewStyle: import("element-plus/es/utils/props").BuildPropReturn<readonly [StringConstructor, ArrayConstructor], "", unknown, unknown, unknown>;
+    readonly noresize: BooleanConstructor;
+    readonly tag: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "div", unknown, unknown, unknown>;
+    readonly always: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly minSize: import("element-plus/es/utils/props").BuildPropReturn<NumberConstructor, 20, unknown, unknown, unknown>;
+};
+export declare type ScrollbarProps = ExtractPropTypes<typeof scrollbarProps>;
+export declare const scrollbarEmits: {
+    scroll: ({ scrollTop, scrollLeft, }: {
+        scrollTop: number;
+        scrollLeft: number;
+    }) => boolean;
+};
+export declare type ScrollbarEmits = typeof scrollbarEmits;

package/lib/components/scrollbar/src/scrollbar.js

@@ -0,0 +1,60 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var props = require('../../../utils/props.js');
+var util = require('../../../utils/util.js');
+
+const scrollbarProps = props.buildProps({
+  height: {
+    type: [String, Number],
+    default: ""
+  },
+  maxHeight: {
+    type: [String, Number],
+    default: ""
+  },
+  native: {
+    type: Boolean,
+    default: false
+  },
+  wrapStyle: {
+    type: props.definePropType([String, Object, 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
+  }
+});
+const scrollbarEmits = {
+  scroll: ({
+    scrollTop,
+    scrollLeft
+  }) => util.isNumber(scrollTop) && util.isNumber(scrollLeft)
+};
+
+exports.scrollbarEmits = scrollbarEmits;
+exports.scrollbarProps = scrollbarProps;
+//# sourceMappingURL=scrollbar.js.map

package/lib/components/scrollbar/src/scrollbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollbar.js","sources":["../../../../../../packages/components/scrollbar/src/scrollbar.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils/props'\nimport { isNumber } from '@element-plus/utils/util'\nimport type { StyleValue, ExtractPropTypes } from 'vue'\n\nexport const scrollbarProps = buildProps({\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: definePropType<StyleValue>([String, Object, Array]),\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} as const)\n\nexport type ScrollbarProps = ExtractPropTypes<typeof scrollbarProps>\n\nexport const scrollbarEmits = {\n  scroll: ({\n    scrollTop,\n    scrollLeft,\n  }: {\n    scrollTop: number\n    scrollLeft: number\n  }) => isNumber(scrollTop) && isNumber(scrollLeft),\n}\nexport type ScrollbarEmits = typeof scrollbarEmits\n"],"names":["buildProps","definePropType","isNumber"],"mappings":";;;;;;;MAIa,iBAAiBA,iBAAW;AAAA,EACvC,QAAQ;AAAA,IACN,MAAM,CAAC,QAAQ;AAAA,IACf,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,IACT,MAAM,CAAC,QAAQ;AAAA,IACf,SAAS;AAAA;AAAA,EAEX,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,IACT,MAAMC,qBAA2B,CAAC,QAAQ,QAAQ;AAAA,IAClD,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,IACT,MAAM,CAAC,QAAQ;AAAA,IACf,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,IACT,MAAM,CAAC,QAAQ;AAAA,IACf,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,IACT,MAAM,CAAC,QAAQ;AAAA,IACf,SAAS;AAAA;AAAA,EAEX,UAAU;AAAA,EACV,KAAK;AAAA,IACH,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AAAA;MAMA,iBAAiB;AAAA,EAC5B,QAAQ,CAAC;AAAA,IACP;AAAA,IACA;AAAA,QAIIC,cAAS,cAAcA,cAAS;AAAA;;;;;"}

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

@@ -0,0 +1,76 @@
+import type { StyleValue } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    readonly height: import("../../../utils/props").BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
+    readonly maxHeight: import("../../../utils/props").BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
+    readonly native: import("../../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly wrapStyle: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<StyleValue>, "", unknown, unknown, unknown>;
+    readonly wrapClass: import("../../../utils/props").BuildPropReturn<readonly [StringConstructor, ArrayConstructor], "", unknown, unknown, unknown>;
+    readonly viewClass: import("../../../utils/props").BuildPropReturn<readonly [StringConstructor, ArrayConstructor], "", unknown, unknown, unknown>;
+    readonly viewStyle: import("../../../utils/props").BuildPropReturn<readonly [StringConstructor, ArrayConstructor], "", unknown, unknown, unknown>;
+    readonly noresize: BooleanConstructor;
+    readonly tag: import("../../../utils/props").BuildPropReturn<StringConstructor, "div", unknown, unknown, unknown>;
+    readonly always: import("../../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly minSize: import("../../../utils/props").BuildPropReturn<NumberConstructor, 20, unknown, unknown, unknown>;
+}, {
+    scrollbar$: import("vue").Ref<HTMLDivElement | undefined>;
+    wrap$: import("vue").Ref<HTMLDivElement | undefined>;
+    resize$: import("vue").Ref<HTMLElement | undefined>;
+    moveX: import("vue").Ref<number>;
+    moveY: import("vue").Ref<number>;
+    ratioX: import("vue").Ref<number>;
+    ratioY: import("vue").Ref<number>;
+    sizeWidth: import("vue").Ref<string>;
+    sizeHeight: import("vue").Ref<string>;
+    style: import("vue").ComputedRef<StyleValue>;
+    update: () => void;
+    handleScroll: () => void;
+    setScrollTop: (value: number) => void;
+    setScrollLeft: (value: number) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    scroll: ({ scrollTop, scrollLeft, }: {
+        scrollTop: number;
+        scrollLeft: number;
+    }) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    readonly height?: unknown;
+    readonly maxHeight?: unknown;
+    readonly native?: unknown;
+    readonly wrapStyle?: unknown;
+    readonly wrapClass?: unknown;
+    readonly viewClass?: unknown;
+    readonly viewStyle?: unknown;
+    readonly noresize?: unknown;
+    readonly tag?: unknown;
+    readonly always?: unknown;
+    readonly minSize?: unknown;
+} & {
+    height: import("../../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    always: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    maxHeight: import("../../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    native: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    wrapStyle: StyleValue;
+    wrapClass: import("../../../utils/props").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
+    viewClass: import("../../../utils/props").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
+    viewStyle: import("../../../utils/props").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
+    tag: string;
+    minSize: number;
+    noresize: boolean;
+} & {}> & {
+    onScroll?: ((args_0: {
+        scrollTop: number;
+        scrollLeft: number;
+    }) => any) | undefined;
+}, {
+    height: import("../../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    always: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    maxHeight: import("../../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    native: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    wrapStyle: StyleValue;
+    wrapClass: import("../../../utils/props").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
+    viewClass: import("../../../utils/props").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
+    viewStyle: import("../../../utils/props").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;
+    tag: string;
+    minSize: number;
+    noresize: boolean;
+}>;
+export default _default;

package/lib/components/scrollbar/src/scrollbar.vue_vue_type_script_lang.js

@@ -0,0 +1,122 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var core = require('@vueuse/core');
+var util = require('../../../utils/util.js');
+var error = require('../../../utils/error.js');
+require('../../../tokens/index.js');
+require('./bar2.js');
+var scrollbar = require('./scrollbar.js');
+var bar_vue_vue_type_script_lang = require('./bar.vue_vue_type_script_lang.js');
+var scrollbar$1 = require('../../../tokens/scrollbar.js');
+
+var script = vue.defineComponent({
+  name: "ElScrollbar",
+  components: {
+    Bar: bar_vue_vue_type_script_lang["default"]
+  },
+  props: scrollbar.scrollbarProps,
+  emits: scrollbar.scrollbarEmits,
+  setup(props, { emit }) {
+    let stopResizeObserver = void 0;
+    let stopResizeListener = void 0;
+    const scrollbar$ = vue.ref();
+    const wrap$ = vue.ref();
+    const resize$ = vue.ref();
+    const sizeWidth = vue.ref("0");
+    const sizeHeight = vue.ref("0");
+    const moveX = vue.ref(0);
+    const moveY = vue.ref(0);
+    const ratioY = vue.ref(1);
+    const ratioX = vue.ref(1);
+    const SCOPE = "ElScrollbar";
+    const GAP = 4;
+    const style = vue.computed(() => {
+      const style2 = {};
+      if (props.height)
+        style2.height = util.addUnit(props.height);
+      if (props.maxHeight)
+        style2.maxHeight = util.addUnit(props.maxHeight);
+      return [props.wrapStyle, style2];
+    });
+    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` : "";
+    };
+    vue.watch(() => props.noresize, (noresize) => {
+      if (noresize) {
+        stopResizeObserver == null ? void 0 : stopResizeObserver();
+        stopResizeListener == null ? void 0 : stopResizeListener();
+      } else {
+        ;
+        ({ stop: stopResizeObserver } = core.useResizeObserver(resize$.value, update));
+        stopResizeListener = core.useEventListener("resize", update);
+      }
+    }, { immediate: true });
+    vue.provide(scrollbar$1.scrollbarContextKey, vue.reactive({
+      scrollbarElement: scrollbar$,
+      wrapElement: wrap$
+    }));
+    vue.onMounted(() => {
+      if (!props.native)
+        vue.nextTick(() => update());
+    });
+    return {
+      scrollbar$,
+      wrap$,
+      resize$,
+      moveX,
+      moveY,
+      ratioX,
+      ratioY,
+      sizeWidth,
+      sizeHeight,
+      style,
+      update,
+      handleScroll,
+      setScrollTop,
+      setScrollLeft
+    };
+  }
+});
+
+exports["default"] = script;
+//# sourceMappingURL=scrollbar.vue_vue_type_script_lang.js.map

package/lib/components/scrollbar/src/scrollbar.vue_vue_type_script_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollbar.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/scrollbar/src/scrollbar.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  onMounted,\n  provide,\n  ref,\n  watch,\n  reactive,\n} from 'vue'\nimport { useResizeObserver, useEventListener } from '@vueuse/core'\nimport { addUnit, isNumber } from '@element-plus/utils/util'\nimport { debugWarn } from '@element-plus/utils/error'\nimport { scrollbarContextKey } from '@element-plus/tokens'\nimport Bar from './bar.vue'\n\nimport { scrollbarProps, scrollbarEmits } from './scrollbar'\nimport type { StyleValue, CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElScrollbar',\n  components: {\n    Bar,\n  },\n  props: scrollbarProps,\n  emits: scrollbarEmits,\n\n  setup(props, { emit }) {\n    let stopResizeObserver: (() => void) | undefined = undefined\n    let stopResizeListener: (() => void) | undefined = undefined\n\n    const scrollbar$ = ref<HTMLDivElement>()\n    const wrap$ = ref<HTMLDivElement>()\n    const resize$ = ref<HTMLElement>()\n\n    const sizeWidth = ref('0')\n    const sizeHeight = ref('0')\n    const moveX = ref(0)\n    const moveY = ref(0)\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    const style = computed<StyleValue>(() => {\n      const style: CSSProperties = {}\n      if (props.height) style.height = addUnit(props.height)\n      if (props.maxHeight) style.maxHeight = addUnit(props.maxHeight)\n      return [props.wrapStyle, style]\n    })\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    watch(\n      () => props.noresize,\n      (noresize) => {\n        if (noresize) {\n          stopResizeObserver?.()\n          stopResizeListener?.()\n        } else {\n          ;({ stop: stopResizeObserver } = useResizeObserver(\n            resize$.value,\n            update\n          ))\n          stopResizeListener = useEventListener('resize', update)\n        }\n      },\n      { immediate: true }\n    )\n\n    provide(\n      scrollbarContextKey,\n      reactive({\n        scrollbarElement: scrollbar$,\n        wrapElement: wrap$,\n      })\n    )\n\n    onMounted(() => {\n      if (!props.native) nextTick(() => update())\n    })\n\n    return {\n      scrollbar$,\n      wrap$,\n      resize$,\n\n      moveX,\n      moveY,\n      ratioX,\n      ratioY,\n      sizeWidth,\n      sizeHeight,\n      style,\n      update,\n      handleScroll,\n      setScrollTop,\n      setScrollLeft,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","Bar","scrollbarProps","scrollbarEmits","ref","computed","addUnit","isNumber","useResizeObserver","useEventListener","scrollbarContextKey","reactive"],"mappings":";;;;;;;;;;;;;;AAqDA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,SACVC;AAAA;AAAA,EAEF,OAAOC;AAAA,EACP,OAAOC;AAAA,EAEP,MAAM,OAAO,EAAE,QAAQ;AACrB,QAAI,qBAA+C;AACnD,QAAI,qBAA+C;AAEnD,UAAM,aAAaC;AACnB,UAAM,QAAQA;AACd,UAAM,UAAUA;AAEhB,UAAM,YAAYA,QAAI;AACtB,UAAM,aAAaA,QAAI;AACvB,UAAM,QAAQA,QAAI;AAClB,UAAM,QAAQA,QAAI;AAClB,UAAM,SAASA,QAAI;AACnB,UAAM,SAASA,QAAI;AACnB,UAAM,QAAQ;AACd,UAAM,MAAM;AAEZ,UAAM,QAAQC,aAAqB,MAAM;AACvC,YAAM,SAAuB;AAC7B,UAAI,MAAM;AAAQ,eAAM,SAASC,aAAQ,MAAM;AAC/C,UAAI,MAAM;AAAW,eAAM,YAAYA,aAAQ,MAAM;AACrD,aAAO,CAAC,MAAM,WAAW;AAAA;AAG3B,UAAM,eAAe,MAAM;AACzB,UAAI,MAAM,OAAO;AACf,cAAM,eAAe,MAAM,MAAM,eAAe;AAChD,cAAM,cAAc,MAAM,MAAM,cAAc;AAE9C,cAAM,QACF,MAAM,MAAM,YAAY,MAAO,eAAgB,OAAO;AAC1D,cAAM,QACF,MAAM,MAAM,aAAa,MAAO,cAAe,OAAO;AAE1D,aAAK,UAAU;AAAA,UACb,WAAW,MAAM,MAAM;AAAA,UACvB,YAAY,MAAM,MAAM;AAAA;AAAA;AAAA;AAK9B,UAAM,eAAe,CAAC,UAAkB;AACtC,UAAI,CAACC,cAAS,QAAQ;AACpB,wBAAU,OAAO;AACjB;AAAA;AAEF,YAAM,MAAO,YAAY;AAAA;AAG3B,UAAM,gBAAgB,CAAC,UAAkB;AACvC,UAAI,CAACA,cAAS,QAAQ;AACpB,wBAAU,OAAO;AACjB;AAAA;AAEF,YAAM,MAAO,aAAa;AAAA;AAG5B,UAAM,SAAS,MAAM;AACnB,UAAI,CAAC,MAAM;AAAO;AAElB,YAAM,eAAe,MAAM,MAAM,eAAe;AAChD,YAAM,cAAc,MAAM,MAAM,cAAc;AAE9C,YAAM,iBAAiB,gBAAgB,IAAI,MAAM,MAAM;AACvD,YAAM,gBAAgB,eAAe,IAAI,MAAM,MAAM;AACrD,YAAM,SAAS,KAAK,IAAI,gBAAgB,MAAM;AAC9C,YAAM,QAAQ,KAAK,IAAI,eAAe,MAAM;AAE5C,aAAO,QACL,iCACgB,4CACU;AAC5B,aAAO,QACL,+BACe,yCACS;AAE1B,iBAAW,QAAQ,SAAS,MAAM,eAAe,GAAG,aAAa;AACjE,gBAAU,QAAQ,QAAQ,MAAM,cAAc,GAAG,YAAY;AAAA;AAG/D,cACE,MAAM,MAAM,UACZ,CAAC,aAAa;AACZ,UAAI,UAAU;AACZ;AACA;AAAA,aACK;AACL;AAAC,QAAC,GAAE,MAAM,uBAAuBC,uBAC/B,QAAQ,OACR;AAEF,6BAAqBC,sBAAiB,UAAU;AAAA;AAAA,OAGpD,EAAE,WAAW;AAGf,gBACEC,iCACAC,aAAS;AAAA,MACP,kBAAkB;AAAA,MAClB,aAAa;AAAA;AAIjB,kBAAU,MAAM;AACd,UAAI,CAAC,MAAM;AAAQ,qBAAS,MAAM;AAAA;AAGpC,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

package/lib/components/scrollbar/src/scrollbar.vue_vue_type_template_id_303f965d_lang.js

@@ -0,0 +1,54 @@
+'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=scrollbar.vue_vue_type_template_id_303f965d_lang.js.map

package/lib/components/scrollbar/src/scrollbar.vue_vue_type_template_id_303f965d_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollbar.vue_vue_type_template_id_303f965d_lang.js","sources":["../../../../../../packages/components/scrollbar/src/scrollbar.vue?vue&type=template&id=303f965d&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  onMounted,\n  provide,\n  ref,\n  watch,\n  reactive,\n} from 'vue'\nimport { useResizeObserver, useEventListener } from '@vueuse/core'\nimport { addUnit, isNumber } from '@element-plus/utils/util'\nimport { debugWarn } from '@element-plus/utils/error'\nimport { scrollbarContextKey } from '@element-plus/tokens'\nimport Bar from './bar.vue'\n\nimport { scrollbarProps, scrollbarEmits } from './scrollbar'\nimport type { StyleValue, CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElScrollbar',\n  components: {\n    Bar,\n  },\n  props: scrollbarProps,\n  emits: scrollbarEmits,\n\n  setup(props, { emit }) {\n    let stopResizeObserver: (() => void) | undefined = undefined\n    let stopResizeListener: (() => void) | undefined = undefined\n\n    const scrollbar$ = ref<HTMLDivElement>()\n    const wrap$ = ref<HTMLDivElement>()\n    const resize$ = ref<HTMLElement>()\n\n    const sizeWidth = ref('0')\n    const sizeHeight = ref('0')\n    const moveX = ref(0)\n    const moveY = ref(0)\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    const style = computed<StyleValue>(() => {\n      const style: CSSProperties = {}\n      if (props.height) style.height = addUnit(props.height)\n      if (props.maxHeight) style.maxHeight = addUnit(props.maxHeight)\n      return [props.wrapStyle, style]\n    })\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    watch(\n      () => props.noresize,\n      (noresize) => {\n        if (noresize) {\n          stopResizeObserver?.()\n          stopResizeListener?.()\n        } else {\n          ;({ stop: stopResizeObserver } = useResizeObserver(\n            resize$.value,\n            update\n          ))\n          stopResizeListener = useEventListener('resize', update)\n        }\n      },\n      { immediate: true }\n    )\n\n    provide(\n      scrollbarContextKey,\n      reactive({\n        scrollbarElement: scrollbar$,\n        wrapElement: wrap$,\n      })\n    )\n\n    onMounted(() => {\n      if (!props.native) nextTick(() => update())\n    })\n\n    return {\n      scrollbar$,\n      wrap$,\n      resize$,\n\n      moveX,\n      moveY,\n      ratioX,\n      ratioY,\n      sizeWidth,\n      sizeHeight,\n      style,\n      update,\n      handleScroll,\n      setScrollTop,\n      setScrollLeft,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_createBlock","_renderSlot","_createVNode"],"mappings":";;;;;;;EACO,KAAI;AAAA,EAAa,OAAM;AAAA;;;0BAA5BA,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/scrollbar/src/scrollbar2.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var scrollbar_vue_vue_type_script_lang = require('./scrollbar.vue_vue_type_script_lang.js');
+var scrollbar_vue_vue_type_template_id_303f965d_lang = require('./scrollbar.vue_vue_type_template_id_303f965d_lang.js');
+
+scrollbar_vue_vue_type_script_lang["default"].render = scrollbar_vue_vue_type_template_id_303f965d_lang.render;
+scrollbar_vue_vue_type_script_lang["default"].__file = "packages/components/scrollbar/src/scrollbar.vue";
+
+exports["default"] = scrollbar_vue_vue_type_script_lang["default"];
+//# sourceMappingURL=scrollbar2.js.map

package/lib/components/scrollbar/src/scrollbar2.js.map

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

package/lib/components/scrollbar/src/util.d.ts

@@ -1,3 +1,4 @@
+import type { CSSProperties } from 'vue';
 export declare const BAR_MAP: {
     vertical: {
         offset: string;
@@ -20,8 +21,8 @@ export declare const BAR_MAP: {
         direction: string;
     };
 };
-export declare function renderThumbStyle({ move, size, bar }: {
+export declare const renderThumbStyle: ({ move, size, bar }: {
     move: any;
     size: any;
     bar: any;
-}): any;
+}) => CSSProperties;

package/lib/components/scrollbar/src/util.js

@@ -24,15 +24,10 @@ const BAR_MAP = {
     direction: "left"
   }
 };
-function renderThumbStyle({ move, size, bar }) {
-  const style = {};
-  const translate = `translate${bar.axis}(${move}%)`;
-  style[bar.size] = size;
-  style.transform = translate;
-  style.msTransform = translate;
-  style.webkitTransform = translate;
-  return style;
-}
+const renderThumbStyle = ({ move, size, bar }) => ({
+  [bar.size]: size,
+  transform: `translate${bar.axis}(${move}%)`
+});
 
 exports.BAR_MAP = BAR_MAP;
 exports.renderThumbStyle = renderThumbStyle;

package/lib/components/scrollbar/src/util.js.map

@@ -1 +1 @@
-{"version":3,"file":"util.js","sources":["../../../../../../packages/components/scrollbar/src/util.ts"],"sourcesContent":["export const BAR_MAP = {\n  vertical: {\n    offset: 'offsetHeight',\n    scroll: 'scrollTop',\n    scrollSize: 'scrollHeight',\n    size: 'height',\n    key: 'vertical',\n    axis: 'Y',\n    client: 'clientY',\n    direction: 'top',\n  },\n  horizontal: {\n    offset: 'offsetWidth',\n    scroll: 'scrollLeft',\n    scrollSize: 'scrollWidth',\n    size: 'width',\n    key: 'horizontal',\n    axis: 'X',\n    client: 'clientX',\n    direction: 'left',\n  },\n}\n\nexport function renderThumbStyle({ move, size, bar }) {\n  const style = {} as any\n  const translate = `translate${bar.axis}(${move}%)`\n\n  style[bar.size] = size\n  style.transform = translate\n  style.msTransform = translate\n  style.webkitTransform = translate\n\n  return style\n}\n"],"names":[],"mappings":";;;;MAAa,UAAU;AAAA,EACrB,UAAU;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,IACN,KAAK;AAAA,IACL,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,WAAW;AAAA;AAAA,EAEb,YAAY;AAAA,IACV,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,IACN,KAAK;AAAA,IACL,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,WAAW;AAAA;AAAA;0BAIkB,EAAE,MAAM,MAAM,OAAO;AACpD,QAAM,QAAQ;AACd,QAAM,YAAY,YAAY,IAAI,QAAQ;AAE1C,QAAM,IAAI,QAAQ;AAClB,QAAM,YAAY;AAClB,QAAM,cAAc;AACpB,QAAM,kBAAkB;AAExB,SAAO;AAAA;;;;;"}
+{"version":3,"file":"util.js","sources":["../../../../../../packages/components/scrollbar/src/util.ts"],"sourcesContent":["import type { CSSProperties } from 'vue'\n\nexport const BAR_MAP = {\n  vertical: {\n    offset: 'offsetHeight',\n    scroll: 'scrollTop',\n    scrollSize: 'scrollHeight',\n    size: 'height',\n    key: 'vertical',\n    axis: 'Y',\n    client: 'clientY',\n    direction: 'top',\n  },\n  horizontal: {\n    offset: 'offsetWidth',\n    scroll: 'scrollLeft',\n    scrollSize: 'scrollWidth',\n    size: 'width',\n    key: 'horizontal',\n    axis: 'X',\n    client: 'clientX',\n    direction: 'left',\n  },\n}\n\nexport const renderThumbStyle = ({ move, size, bar }): CSSProperties => ({\n  [bar.size]: size,\n  transform: `translate${bar.axis}(${move}%)`,\n})\n"],"names":[],"mappings":";;;;MAEa,UAAU;AAAA,EACrB,UAAU;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,IACN,KAAK;AAAA,IACL,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,WAAW;AAAA;AAAA,EAEb,YAAY;AAAA,IACV,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,MAAM;AAAA,IACN,KAAK;AAAA,IACL,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,WAAW;AAAA;AAAA;MAIF,mBAAmB,CAAC,EAAE,MAAM,MAAM;AAA0B,GACtE,IAAI,OAAO;AAAA,EACZ,WAAW,YAAY,IAAI,QAAQ;AAAA;;;;;"}

package/lib/components/select/index.d.ts

@@ -56,6 +56,10 @@ export declare const ElSelect: import("../../utils/types").SFCWithInstall<import
         type: BooleanConstructor;
         default: boolean;
     };
+    suffixIcon: {
+        type: import("vue").PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
+        default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{}>, {}>;
+    };
 }, {
     Effect: typeof import("..").Effect;
     tagInMultiLine: import("vue").Ref<boolean>;
@@ -90,7 +94,7 @@ export declare const ElSelect: import("../../utils/types").SFCWithInstall<import
     managePlaceholder: () => void;
     showClose: import("vue").ComputedRef<any>;
     selectDisabled: import("vue").ComputedRef<any>;
-    iconComponent: import("vue").ComputedRef<"" | import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{}>, {}>>;
+    iconComponent: import("vue").ComputedRef<any>;
     iconReverse: import("vue").ComputedRef<"" | "is-reverse">;
     showNewOption: import("vue").ComputedRef<any>;
     emptyText: import("vue").ComputedRef<any>;
@@ -145,6 +149,7 @@ export declare const ElSelect: import("../../utils/types").SFCWithInstall<import
     popperAppendToBody?: unknown;
     clearIcon?: unknown;
     fitInputWidth?: unknown;
+    suffixIcon?: unknown;
 } & {
     loading: boolean;
     disabled: boolean;
@@ -152,6 +157,7 @@ export declare const ElSelect: import("../../utils/types").SFCWithInstall<import
     popperClass: string;
     autocomplete: string;
     clearable: boolean;
+    suffixIcon: string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
     valueKey: string;
     popperAppendToBody: boolean;
     filterable: boolean;
@@ -191,6 +197,7 @@ export declare const ElSelect: import("../../utils/types").SFCWithInstall<import
     popperClass: string;
     autocomplete: string;
     clearable: boolean;
+    suffixIcon: string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
     valueKey: string;
     popperAppendToBody: boolean;
     filterable: boolean;
@@ -224,6 +231,13 @@ export declare const ElSelect: import("../../utils/types").SFCWithInstall<import
         visible: import("vue").Ref<boolean>;
         hover: import("vue").Ref<boolean>;
         selectOptionClick: () => void;
+        states: {
+            index: number;
+            groupDisabled: boolean;
+            visible: boolean;
+            hitState: boolean;
+            hover: boolean;
+        };
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
         value?: unknown;
         label?: unknown;
@@ -279,6 +293,13 @@ export declare const ElOption: import("../../utils/types").SFCWithInstall<import
     visible: import("vue").Ref<boolean>;
     hover: import("vue").Ref<boolean>;
     selectOptionClick: () => void;
+    states: {
+        index: number;
+        groupDisabled: boolean;
+        visible: boolean;
+        hitState: boolean;
+        hover: boolean;
+    };
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     value?: unknown;
     label?: unknown;

package/lib/components/select/index.js

@@ -7,9 +7,9 @@ require('./src/select.js');
 require('./src/option.js');
 require('./src/option-group.js');
 var token = require('./src/token.js');
-var select_vue_vue_type_script_lang = require('./src/select.vue_vue&type=script&lang.js');
-var option_vue_vue_type_script_lang = require('./src/option.vue_vue&type=script&lang.js');
-var optionGroup_vue_vue_type_script_lang = require('./src/option-group.vue_vue&type=script&lang.js');
+var select_vue_vue_type_script_lang = require('./src/select.vue_vue_type_script_lang.js');
+var option_vue_vue_type_script_lang = require('./src/option.vue_vue_type_script_lang.js');
+var optionGroup_vue_vue_type_script_lang = require('./src/option-group.vue_vue_type_script_lang.js');
 
 const ElSelect = withInstall.withInstall(select_vue_vue_type_script_lang["default"], {
   Option: option_vue_vue_type_script_lang["default"],

package/lib/components/select/src/option-group.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var optionGroup_vue_vue_type_script_lang = require('./option-group.vue_vue&type=script&lang.js');
-var optionGroup_vue_vue_type_template_id_072bbb70_lang = require('./option-group.vue_vue&type=template&id=072bbb70&lang.js');
+var optionGroup_vue_vue_type_script_lang = require('./option-group.vue_vue_type_script_lang.js');
+var optionGroup_vue_vue_type_template_id_072bbb70_lang = require('./option-group.vue_vue_type_template_id_072bbb70_lang.js');
 
 optionGroup_vue_vue_type_script_lang["default"].render = optionGroup_vue_vue_type_template_id_072bbb70_lang.render;
 optionGroup_vue_vue_type_script_lang["default"].__file = "packages/components/select/src/option-group.vue";

package/lib/components/select/src/option-group.vue_vue_type_script_lang.js

@@ -0,0 +1,54 @@
+'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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,24 @@
+'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