element-pe 2.0.6 → 2.0.9

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

@@ -2,31 +2,54 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../utils/index.js');
-var props = require('../../../utils/vue/props.js');
+var vue = require('vue');
+var thumb = require('./thumb2.js');
+var bar = require('./bar2.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 
-const barProps = props.buildProps({
-  always: {
-    type: Boolean,
-    default: true
+const _sfc_main = vue.defineComponent({
+  components: {
+    Thumb: thumb["default"]
   },
-  width: {
-    type: String,
-    default: ""
-  },
-  height: {
-    type: String,
-    default: ""
-  },
-  ratioX: {
-    type: Number,
-    default: 1
-  },
-  ratioY: {
-    type: Number,
-    default: 1
+  props: bar.barProps,
+  setup(props) {
+    const moveX = vue.ref(0);
+    const moveY = vue.ref(0);
+    const GAP = 4;
+    const handleScroll = (wrap) => {
+      if (wrap) {
+        const offsetHeight = wrap.offsetHeight - GAP;
+        const offsetWidth = wrap.offsetWidth - GAP;
+        moveY.value = wrap.scrollTop * 100 / offsetHeight * props.ratioY;
+        moveX.value = wrap.scrollLeft * 100 / offsetWidth * props.ratioX;
+      }
+    };
+    return {
+      handleScroll,
+      moveX,
+      moveY
+    };
   }
 });
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_thumb = vue.resolveComponent("thumb");
+  return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+    vue.createVNode(_component_thumb, {
+      move: _ctx.moveX,
+      ratio: _ctx.ratioX,
+      size: _ctx.width,
+      always: _ctx.always
+    }, null, 8, ["move", "ratio", "size", "always"]),
+    vue.createVNode(_component_thumb, {
+      move: _ctx.moveY,
+      ratio: _ctx.ratioY,
+      size: _ctx.height,
+      vertical: "",
+      always: _ctx.always
+    }, null, 8, ["move", "ratio", "size", "always"])
+  ], 64);
+}
+var Bar = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/meng/workspace/element-pe/packages/components/scrollbar/src/bar.vue"]]);
 
-exports.barProps = barProps;
+exports["default"] = Bar;
 //# sourceMappingURL=bar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"bar.js","sources":["../../../../../../packages/components/scrollbar/src/bar.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const barProps = buildProps({\n  always: {\n    type: Boolean,\n    default: true,\n  },\n  width: {\n    type: String,\n    default: '',\n  },\n  height: {\n    type: String,\n    default: '',\n  },\n  ratioX: {\n    type: Number,\n    default: 1,\n  },\n  ratioY: {\n    type: Number,\n    default: 1,\n  },\n} as const)\nexport type BarProps = ExtractPropTypes<typeof barProps>\n"],"names":["buildProps"],"mappings":";;;;;;;AACY,MAAC,QAAQ,GAAGA,gBAAU,CAAC;AACnC,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"bar.js","sources":["../../../../../../packages/components/scrollbar/src/bar.vue"],"sourcesContent":["<template>\n  <thumb :move=\"moveX\" :ratio=\"ratioX\" :size=\"width\" :always=\"always\" />\n  <thumb\n    :move=\"moveY\"\n    :ratio=\"ratioY\"\n    :size=\"height\"\n    vertical\n    :always=\"always\"\n  />\n</template>\n<script lang=\"ts\">\nimport { defineComponent, ref } from 'vue'\nimport Thumb from './thumb.vue'\nimport { barProps } from './bar'\n\nexport default defineComponent({\n  components: {\n    Thumb,\n  },\n  props: barProps,\n  setup(props) {\n    const moveX = ref(0)\n    const moveY = ref(0)\n    const GAP = 4 // top 2 + bottom 2 of bar instance\n\n    const handleScroll = (wrap: HTMLDivElement) => {\n      if (wrap) {\n        const offsetHeight = wrap.offsetHeight - GAP\n        const offsetWidth = wrap.offsetWidth - GAP\n\n        moveY.value = ((wrap.scrollTop * 100) / offsetHeight) * props.ratioY\n        moveX.value = ((wrap.scrollLeft * 100) / offsetWidth) * props.ratioX\n      }\n    }\n\n    return {\n      handleScroll,\n      moveX,\n      moveY,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","Thumb","barProps","ref","_createVNode"],"mappings":";;;;;;;;;AAeA,MAAK,YAAaA,mBAAa,CAAA;AAAA,EAC7B,UAAY,EAAA;AAAA,WACVC,gBAAA;AAAA,GACF;AAAA,EACA,KAAO,EAAAC,YAAA;AAAA,EACP,MAAM,KAAO,EAAA;AACX,IAAM,MAAA,KAAA,GAAQC,QAAI,CAAC,CAAA,CAAA;AACnB,IAAM,MAAA,KAAA,GAAQA,QAAI,CAAC,CAAA,CAAA;AACnB,IAAA,MAAM,GAAM,GAAA,CAAA,CAAA;AAEZ,IAAM,MAAA,YAAA,GAAe,CAAC,IAAyB,KAAA;AAC7C,MAAA,IAAI,IAAM,EAAA;AACR,QAAM,MAAA,YAAA,GAAe,KAAK,YAAe,GAAA,GAAA,CAAA;AACzC,QAAM,MAAA,WAAA,GAAc,KAAK,WAAc,GAAA,GAAA,CAAA;AAEvC,QAAA,KAAA,CAAM,KAAU,GAAA,IAAA,CAAK,SAAY,GAAA,GAAA,GAAO,eAAgB,KAAM,CAAA,MAAA,CAAA;AAC9D,QAAA,KAAA,CAAM,KAAU,GAAA,IAAA,CAAK,UAAa,GAAA,GAAA,GAAO,cAAe,KAAM,CAAA,MAAA,CAAA;AAAA,OAChE;AAAA,KACF,CAAA;AAEA,IAAO,OAAA;AAAA,MACL,YAAA;AAAA,MACA,KAAA;AAAA,MACA,KAAA;AAAA,KACF,CAAA;AAAA,GACF;AACF,CAAC,CAAA,CAAA;;;;IAxCCC,eAAsE,CAAA,gBAAA,EAAA;AAAA,MAA9D,IAAM,EAAA,IAAA,CAAA,KAAA;AAAA,MAAQ,KAAO,EAAA,IAAA,CAAA,MAAA;AAAA,MAAS,IAAM,EAAA,IAAA,CAAA,KAAA;AAAA,MAAQ,MAAQ,EAAA,IAAA,CAAA,MAAA;AAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,QAAA,CAAA,CAAA;IAC5DA,eAME,CAAA,gBAAA,EAAA;AAAA,MALC,IAAM,EAAA,IAAA,CAAA,KAAA;AAAA,MACN,KAAO,EAAA,IAAA,CAAA,MAAA;AAAA,MACP,IAAM,EAAA,IAAA,CAAA,MAAA;AAAA,MACP,QAAA,EAAA,EAAA;AAAA,MACC,MAAQ,EAAA,IAAA,CAAA,MAAA;AAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,QAAA,CAAA,CAAA;;;;;;;"}

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

@@ -2,54 +2,31 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var thumb = require('./thumb2.js');
-var bar = require('./bar.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+require('../../../utils/index.js');
+var props = require('../../../utils/vue/props.js');
 
-const _sfc_main = vue.defineComponent({
-  components: {
-    Thumb: thumb["default"]
+const barProps = props.buildProps({
+  always: {
+    type: Boolean,
+    default: true
   },
-  props: bar.barProps,
-  setup(props) {
-    const moveX = vue.ref(0);
-    const moveY = vue.ref(0);
-    const GAP = 4;
-    const handleScroll = (wrap) => {
-      if (wrap) {
-        const offsetHeight = wrap.offsetHeight - GAP;
-        const offsetWidth = wrap.offsetWidth - GAP;
-        moveY.value = wrap.scrollTop * 100 / offsetHeight * props.ratioY;
-        moveX.value = wrap.scrollLeft * 100 / offsetWidth * props.ratioX;
-      }
-    };
-    return {
-      handleScroll,
-      moveX,
-      moveY
-    };
+  width: {
+    type: String,
+    default: ""
+  },
+  height: {
+    type: String,
+    default: ""
+  },
+  ratioX: {
+    type: Number,
+    default: 1
+  },
+  ratioY: {
+    type: Number,
+    default: 1
   }
 });
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_thumb = vue.resolveComponent("thumb");
-  return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-    vue.createVNode(_component_thumb, {
-      move: _ctx.moveX,
-      ratio: _ctx.ratioX,
-      size: _ctx.width,
-      always: _ctx.always
-    }, null, 8, ["move", "ratio", "size", "always"]),
-    vue.createVNode(_component_thumb, {
-      move: _ctx.moveY,
-      ratio: _ctx.ratioY,
-      size: _ctx.height,
-      vertical: "",
-      always: _ctx.always
-    }, null, 8, ["move", "ratio", "size", "always"])
-  ], 64);
-}
-var Bar = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/meng/workspace/element-pe/packages/components/scrollbar/src/bar.vue"]]);
 
-exports["default"] = Bar;
+exports.barProps = barProps;
 //# sourceMappingURL=bar2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"bar2.js","sources":["../../../../../../packages/components/scrollbar/src/bar.vue"],"sourcesContent":["<template>\n  <thumb :move=\"moveX\" :ratio=\"ratioX\" :size=\"width\" :always=\"always\" />\n  <thumb\n    :move=\"moveY\"\n    :ratio=\"ratioY\"\n    :size=\"height\"\n    vertical\n    :always=\"always\"\n  />\n</template>\n<script lang=\"ts\">\nimport { defineComponent, ref } from 'vue'\nimport Thumb from './thumb.vue'\nimport { barProps } from './bar'\n\nexport default defineComponent({\n  components: {\n    Thumb,\n  },\n  props: barProps,\n  setup(props) {\n    const moveX = ref(0)\n    const moveY = ref(0)\n    const GAP = 4 // top 2 + bottom 2 of bar instance\n\n    const handleScroll = (wrap: HTMLDivElement) => {\n      if (wrap) {\n        const offsetHeight = wrap.offsetHeight - GAP\n        const offsetWidth = wrap.offsetWidth - GAP\n\n        moveY.value = ((wrap.scrollTop * 100) / offsetHeight) * props.ratioY\n        moveX.value = ((wrap.scrollLeft * 100) / offsetWidth) * props.ratioX\n      }\n    }\n\n    return {\n      handleScroll,\n      moveX,\n      moveY,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","Thumb","barProps","ref","_createVNode"],"mappings":";;;;;;;;;AAeA,MAAK,YAAaA,mBAAa,CAAA;AAAA,EAC7B,UAAY,EAAA;AAAA,WACVC,gBAAA;AAAA,GACF;AAAA,EACA,KAAO,EAAAC,YAAA;AAAA,EACP,MAAM,KAAO,EAAA;AACX,IAAM,MAAA,KAAA,GAAQC,QAAI,CAAC,CAAA,CAAA;AACnB,IAAM,MAAA,KAAA,GAAQA,QAAI,CAAC,CAAA,CAAA;AACnB,IAAA,MAAM,GAAM,GAAA,CAAA,CAAA;AAEZ,IAAM,MAAA,YAAA,GAAe,CAAC,IAAyB,KAAA;AAC7C,MAAA,IAAI,IAAM,EAAA;AACR,QAAM,MAAA,YAAA,GAAe,KAAK,YAAe,GAAA,GAAA,CAAA;AACzC,QAAM,MAAA,WAAA,GAAc,KAAK,WAAc,GAAA,GAAA,CAAA;AAEvC,QAAA,KAAA,CAAM,KAAU,GAAA,IAAA,CAAK,SAAY,GAAA,GAAA,GAAO,eAAgB,KAAM,CAAA,MAAA,CAAA;AAC9D,QAAA,KAAA,CAAM,KAAU,GAAA,IAAA,CAAK,UAAa,GAAA,GAAA,GAAO,cAAe,KAAM,CAAA,MAAA,CAAA;AAAA,OAChE;AAAA,KACF,CAAA;AAEA,IAAO,OAAA;AAAA,MACL,YAAA;AAAA,MACA,KAAA;AAAA,MACA,KAAA;AAAA,KACF,CAAA;AAAA,GACF;AACF,CAAC,CAAA,CAAA;;;;IAxCCC,eAAsE,CAAA,gBAAA,EAAA;AAAA,MAA9D,IAAM,EAAA,IAAA,CAAA,KAAA;AAAA,MAAQ,KAAO,EAAA,IAAA,CAAA,MAAA;AAAA,MAAS,IAAM,EAAA,IAAA,CAAA,KAAA;AAAA,MAAQ,MAAQ,EAAA,IAAA,CAAA,MAAA;AAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,QAAA,CAAA,CAAA;IAC5DA,eAME,CAAA,gBAAA,EAAA;AAAA,MALC,IAAM,EAAA,IAAA,CAAA,KAAA;AAAA,MACN,KAAO,EAAA,IAAA,CAAA,MAAA;AAAA,MACP,IAAM,EAAA,IAAA,CAAA,MAAA;AAAA,MACP,QAAA,EAAA,EAAA;AAAA,MACC,MAAQ,EAAA,IAAA,CAAA,MAAA;AAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,QAAA,CAAA,CAAA;;;;;;;"}
+{"version":3,"file":"bar2.js","sources":["../../../../../../packages/components/scrollbar/src/bar.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const barProps = buildProps({\n  always: {\n    type: Boolean,\n    default: true,\n  },\n  width: {\n    type: String,\n    default: '',\n  },\n  height: {\n    type: String,\n    default: '',\n  },\n  ratioX: {\n    type: Number,\n    default: 1,\n  },\n  ratioY: {\n    type: Number,\n    default: 1,\n  },\n} as const)\nexport type BarProps = ExtractPropTypes<typeof barProps>\n"],"names":["buildProps"],"mappings":";;;;;;;AACY,MAAC,QAAQ,GAAGA,gBAAU,CAAC;AACnC,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,CAAC;;;;"}

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

@@ -7,11 +7,11 @@ var core = require('@vueuse/core');
 require('../../../utils/index.js');
 require('../../../tokens/index.js');
 require('../../../hooks/index.js');
-var bar = require('./bar2.js');
+var bar = require('./bar.js');
 var scrollbar = require('./scrollbar.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 var index = require('../../../hooks/use-namespace/index.js');
-var style = require('../../../utils/vue/style.js');
+var style = require('../../../utils/dom/style.js');
 var shared = require('@vue/shared');
 var error = require('../../../utils/error.js');
 var scrollbar$1 = require('../../../tokens/scrollbar.js');

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

@@ -22,23 +22,23 @@ declare const _default: import("vue").DefineComponent<{
     instance: import("vue").Ref<HTMLDivElement | undefined>;
     thumb: import("vue").Ref<HTMLDivElement | undefined>;
     bar: import("vue").ComputedRef<{
-        offset: string;
-        scroll: string;
-        scrollSize: string;
-        size: string;
-        key: string;
-        axis: string;
-        client: string;
-        direction: string;
+        readonly offset: "offsetHeight";
+        readonly scroll: "scrollTop";
+        readonly scrollSize: "scrollHeight";
+        readonly size: "height";
+        readonly key: "vertical";
+        readonly axis: "Y";
+        readonly client: "clientY";
+        readonly direction: "top";
     } | {
-        offset: string;
-        scroll: string;
-        scrollSize: string;
-        size: string;
-        key: string;
-        axis: string;
-        client: string;
-        direction: string;
+        readonly offset: "offsetWidth";
+        readonly scroll: "scrollLeft";
+        readonly scrollSize: "scrollWidth";
+        readonly size: "width";
+        readonly key: "horizontal";
+        readonly axis: "X";
+        readonly client: "clientX";
+        readonly direction: "left";
     }>;
     thumbStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
     visible: import("vue").Ref<boolean>;

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

@@ -1,24 +1,24 @@
 import type { CSSProperties } from 'vue';
 export declare const BAR_MAP: {
-    vertical: {
-        offset: string;
-        scroll: string;
-        scrollSize: string;
-        size: string;
-        key: string;
-        axis: string;
-        client: string;
-        direction: string;
+    readonly vertical: {
+        readonly offset: "offsetHeight";
+        readonly scroll: "scrollTop";
+        readonly scrollSize: "scrollHeight";
+        readonly size: "height";
+        readonly key: "vertical";
+        readonly axis: "Y";
+        readonly client: "clientY";
+        readonly direction: "top";
     };
-    horizontal: {
-        offset: string;
-        scroll: string;
-        scrollSize: string;
-        size: string;
-        key: string;
-        axis: string;
-        client: string;
-        direction: string;
+    readonly horizontal: {
+        readonly offset: "offsetWidth";
+        readonly scroll: "scrollLeft";
+        readonly scrollSize: "scrollWidth";
+        readonly size: "width";
+        readonly key: "horizontal";
+        readonly axis: "X";
+        readonly client: "clientX";
+        readonly direction: "left";
     };
 };
 export declare const renderThumbStyle: ({ move, size, bar }: {

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

@@ -1 +1 @@
-{"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":";;;;AAAY,MAAC,OAAO,GAAG;AACvB,EAAE,QAAQ,EAAE;AACZ,IAAI,MAAM,EAAE,cAAc;AAC1B,IAAI,MAAM,EAAE,WAAW;AACvB,IAAI,UAAU,EAAE,cAAc;AAC9B,IAAI,IAAI,EAAE,QAAQ;AAClB,IAAI,GAAG,EAAE,UAAU;AACnB,IAAI,IAAI,EAAE,GAAG;AACb,IAAI,MAAM,EAAE,SAAS;AACrB,IAAI,SAAS,EAAE,KAAK;AACpB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,MAAM,EAAE,aAAa;AACzB,IAAI,MAAM,EAAE,YAAY;AACxB,IAAI,UAAU,EAAE,aAAa;AAC7B,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,GAAG,EAAE,YAAY;AACrB,IAAI,IAAI,EAAE,GAAG;AACb,IAAI,MAAM,EAAE,SAAS;AACrB,IAAI,SAAS,EAAE,MAAM;AACrB,GAAG;AACH,EAAE;AACU,MAAC,gBAAgB,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM;AAC1D,EAAE,CAAC,GAAG,CAAC,IAAI,GAAG,IAAI;AAClB,EAAE,SAAS,EAAE,CAAC,SAAS,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC;AAC7C,CAAC;;;;;"}
+{"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} as const\n\nexport const renderThumbStyle = ({ move, size, bar }): CSSProperties => ({\n  [bar.size]: size,\n  transform: `translate${bar.axis}(${move}%)`,\n})\n"],"names":[],"mappings":";;;;AAAY,MAAC,OAAO,GAAG;AACvB,EAAE,QAAQ,EAAE;AACZ,IAAI,MAAM,EAAE,cAAc;AAC1B,IAAI,MAAM,EAAE,WAAW;AACvB,IAAI,UAAU,EAAE,cAAc;AAC9B,IAAI,IAAI,EAAE,QAAQ;AAClB,IAAI,GAAG,EAAE,UAAU;AACnB,IAAI,IAAI,EAAE,GAAG;AACb,IAAI,MAAM,EAAE,SAAS;AACrB,IAAI,SAAS,EAAE,KAAK;AACpB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,MAAM,EAAE,aAAa;AACzB,IAAI,MAAM,EAAE,YAAY;AACxB,IAAI,UAAU,EAAE,aAAa;AAC7B,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,GAAG,EAAE,YAAY;AACrB,IAAI,IAAI,EAAE,GAAG;AACb,IAAI,MAAM,EAAE,SAAS;AACrB,IAAI,SAAS,EAAE,MAAM;AACrB,GAAG;AACH,EAAE;AACU,MAAC,gBAAgB,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM;AAC1D,EAAE,CAAC,GAAG,CAAC,IAAI,GAAG,IAAI;AAClB,EAAE,SAAS,EAAE,CAAC,SAAS,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC;AAC7C,CAAC;;;;;"}

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

@@ -162,7 +162,7 @@ export declare const ElSelect: import("element-pe/es/utils").SFCWithInstall<impo
         $data: {};
         $props: Partial<{
             disabled: boolean;
-            trigger: import("element-pe/es/utils").BuildPropType<import("element-pe/es/utils").PropWrapper<"click" | "focus" | "hover" | "contextmenu" | ("click" | "focus" | "hover" | "contextmenu")[]>, unknown, unknown>;
+            trigger: import("element-pe/es/utils").BuildPropType<import("element-pe/es/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, unknown, unknown>;
             offset: number;
             effect: string;
             placement: import("element-pe/es/utils").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>;
@@ -251,7 +251,7 @@ export declare const ElSelect: import("element-pe/es/utils").SFCWithInstall<impo
             showArrow: import("element-pe/es/utils").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
             arrowOffset: import("element-pe/es/utils").BuildPropReturn<NumberConstructor, 5, unknown, unknown, unknown>;
             disabled: BooleanConstructor;
-            trigger: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<"click" | "focus" | "hover" | "contextmenu" | ("click" | "focus" | "hover" | "contextmenu")[]>, "hover", unknown, unknown, unknown>;
+            trigger: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, "hover", unknown, unknown, unknown>;
             virtualRef: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<import("../..").Measurable>, unknown, unknown, unknown, unknown>;
             virtualTriggering: BooleanConstructor;
             onMouseenter: FunctionConstructor;
@@ -361,7 +361,7 @@ export declare const ElSelect: import("element-pe/es/utils").SFCWithInstall<impo
             showArrow: import("element-pe/es/utils").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
             arrowOffset: import("element-pe/es/utils").BuildPropReturn<NumberConstructor, 5, unknown, unknown, unknown>;
             disabled: BooleanConstructor;
-            trigger: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<"click" | "focus" | "hover" | "contextmenu" | ("click" | "focus" | "hover" | "contextmenu")[]>, "hover", unknown, unknown, unknown>;
+            trigger: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, "hover", unknown, unknown, unknown>;
             virtualRef: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<import("../..").Measurable>, unknown, unknown, unknown, unknown>;
             virtualTriggering: BooleanConstructor;
             onMouseenter: FunctionConstructor;
@@ -510,7 +510,7 @@ export declare const ElSelect: import("element-pe/es/utils").SFCWithInstall<impo
             onClose: () => void;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
             disabled: boolean;
-            trigger: import("element-pe/es/utils").BuildPropType<import("element-pe/es/utils").PropWrapper<"click" | "focus" | "hover" | "contextmenu" | ("click" | "focus" | "hover" | "contextmenu")[]>, unknown, unknown>;
+            trigger: import("element-pe/es/utils").BuildPropType<import("element-pe/es/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, unknown, unknown>;
             offset: number;
             effect: string;
             placement: import("element-pe/es/utils").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>;
@@ -619,7 +619,7 @@ export declare const ElSelect: import("element-pe/es/utils").SFCWithInstall<impo
         showArrow: import("element-pe/es/utils").BuildPropReturn<BooleanConstructor, boolean | (() => false) | (() => true) | undefined, unknown, unknown, unknown>;
         arrowOffset: import("element-pe/es/utils").BuildPropReturn<NumberConstructor, 5, unknown, unknown, unknown>;
         disabled: BooleanConstructor;
-        trigger: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<"click" | "focus" | "hover" | "contextmenu" | ("click" | "focus" | "hover" | "contextmenu")[]>, "hover", unknown, unknown, unknown>;
+        trigger: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, "hover", unknown, unknown, unknown>;
         virtualRef: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<import("../..").Measurable>, unknown, unknown, unknown, unknown>;
         virtualTriggering: BooleanConstructor;
         onMouseenter: FunctionConstructor;
@@ -793,7 +793,7 @@ export declare const ElSelect: import("element-pe/es/utils").SFCWithInstall<impo
             (name: string): string;
         };
     };
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "clear" | "focus" | "blur" | "visible-change" | "remove-tag")[], "update:modelValue" | "change" | "clear" | "blur" | "focus" | "visible-change" | "remove-tag", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "blur" | "focus" | "clear" | "visible-change" | "remove-tag")[], "update:modelValue" | "change" | "blur" | "focus" | "clear" | "visible-change" | "remove-tag", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     name: StringConstructor;
     id: StringConstructor;
     modelValue: {
@@ -893,9 +893,9 @@ export declare const ElSelect: import("element-pe/es/utils").SFCWithInstall<impo
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onClear?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
     "onVisible-change"?: ((...args: any[]) => any) | undefined;
     "onRemove-tag"?: ((...args: any[]) => any) | undefined;
 }, {

package/lib/components/select/src/select.js

@@ -21,14 +21,14 @@ var token = require('./token.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 var index$5 = require('../../../directives/click-outside/index.js');
 var validator = require('../../../utils/vue/validator.js');
-var tooltip = require('../../tooltip/src/tooltip.js');
+var tooltip = require('../../tooltip/src/tooltip2.js');
 var tag = require('../../tag/src/tag.js');
 var event = require('../../../constants/event.js');
 var index$6 = require('../../../hooks/use-namespace/index.js');
 var index$7 = require('../../../hooks/use-locale/index.js');
 var index$8 = require('../../../hooks/use-focus/index.js');
 var resizeEvent = require('../../../utils/dom/resize-event.js');
-var size = require('../../../constants/size.js');
+var size = require('../../../utils/vue/size.js');
 var deprecation = require('../../popper/src/deprecation.js');
 
 const COMPONENT_NAME = "ElSelect";
@@ -266,19 +266,13 @@ const _sfc_main = vue.defineComponent({
         resetInputHeight();
       }
       vue.nextTick(() => {
-        if (!reference.value)
+        const refEl = reference.value && reference.value.$el;
+        if (!refEl)
           return;
-        if (reference.value.$el) {
-          inputWidth.value = reference.value.$el.getBoundingClientRect().width;
-        }
+        inputWidth.value = refEl.getBoundingClientRect().width;
         if (ctx.slots.prefix) {
-          const inputChildNodes = reference.value.$el.childNodes;
-          const input2 = Array.from(inputChildNodes).find((item) => item.tagName === "INPUT");
-          const prefix = reference.value.$el.querySelector(`.${nsInput.e("prefix")}`);
+          const prefix = refEl.querySelector(`.${nsInput.e("prefix")}`);
           prefixWidth.value = Math.max(prefix.getBoundingClientRect().width + 5, 30);
-          if (states.prefixWidth) {
-            input2.style.paddingLeft = `${Math.max(states.prefixWidth, 30)}px`;
-          }
         }
       });
       setSelected();
@@ -597,7 +591,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             onMouseleave: _cache[22] || (_cache[22] = ($event) => _ctx.inputHovering = false)
           }, vue.createSlots({
             suffix: vue.withCtx(() => [
-              _ctx.iconComponent ? vue.withDirectives((vue.openBlock(), vue.createBlock(_component_el_icon, {
+              _ctx.iconComponent && !_ctx.showClose ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
                 key: 0,
                 class: vue.normalizeClass([_ctx.nsSelect.e("caret"), _ctx.nsSelect.e("icon"), _ctx.iconReverse])
               }, {
@@ -605,9 +599,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                   (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.iconComponent)))
                 ]),
                 _: 1
-              }, 8, ["class"])), [
-                [vue.vShow, !_ctx.showClose]
-              ]) : vue.createCommentVNode("v-if", true),
+              }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
               _ctx.showClose && _ctx.clearIcon ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
                 key: 1,
                 class: vue.normalizeClass([_ctx.nsSelect.e("caret"), _ctx.nsSelect.e("icon")]),