element-ps 2.0.27 → 2.0.30

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

@@ -1,49 +1,119 @@
+import { defineComponent, ref, computed, provide, reactive, onMounted, nextTick, onUpdated, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, createBlock, resolveDynamicComponent, withCtx, renderSlot, createCommentVNode } from 'vue';
 import '../../../utils/index.mjs';
-import { buildProps, definePropType } from '../../../utils/vue/props.mjs';
+import '../../../tokens/index.mjs';
+import '../../../hooks/index.mjs';
+import Bar from './bar2.mjs';
+import { scrollbarProps } from './scrollbar.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { addUnit } from '../../../utils/dom/style.mjs';
+import { scrollbarContextKey } from '../../../tokens/scrollbar.mjs';
 
-const scrollbarProps = buildProps({
-  height: {
-    type: [String, Number],
-    default: ""
+const _sfc_main = defineComponent({
+  name: "PsScrollbar",
+  components: {
+    Bar
   },
-  maxHeight: {
-    type: [String, Number],
-    default: ""
-  },
-  native: {
-    type: Boolean,
-    default: false
-  },
-  wrapStyle: {
-    type: definePropType([String, Object, Array]),
-    default: ""
-  },
-  wrapClass: {
-    type: [String, Array],
-    default: ""
-  },
-  viewClass: {
-    type: [String, Array],
-    default: ""
-  },
-  viewStyle: {
-    type: [String, Array, Object],
-    default: ""
-  },
-  noresize: Boolean,
-  tag: {
-    type: String,
-    default: "div"
-  },
-  always: {
-    type: Boolean,
-    default: false
-  },
-  minSize: {
-    type: Number,
-    default: 20
+  props: scrollbarProps,
+  setup(props) {
+    const ns = useNamespace("scrollbar");
+    const scrollbar$ = ref();
+    const wrap$ = ref();
+    const resize$ = ref();
+    const sizeWidth = ref("0");
+    const sizeHeight = ref("0");
+    const barRef = ref();
+    const moveX = ref(0);
+    const moveY = ref(0);
+    const ratioY = ref(1);
+    const ratioX = ref(1);
+    const GAP = 4;
+    const style = computed(() => {
+      const style2 = {};
+      if (props.height)
+        style2.height = addUnit(props.height);
+      if (props.maxHeight)
+        style2.maxHeight = addUnit(props.maxHeight);
+      return [props.wrapStyle, style2];
+    });
+    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` : "";
+    };
+    provide(scrollbarContextKey, reactive({
+      scrollbarElement: scrollbar$,
+      wrapElement: wrap$
+    }));
+    onMounted(() => {
+      if (!props.native)
+        nextTick(() => update());
+    });
+    onUpdated(() => update());
+    return {
+      ns,
+      scrollbar$,
+      wrap$,
+      resize$,
+      barRef,
+      moveX,
+      moveY,
+      ratioX,
+      ratioY,
+      sizeWidth,
+      sizeHeight,
+      style,
+      update
+    };
   }
 });
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_bar = resolveComponent("bar");
+  return openBlock(), createElementBlock("div", {
+    ref: "scrollbar$",
+    class: normalizeClass(_ctx.ns.b())
+  }, [
+    createElementVNode("div", {
+      ref: "wrap$",
+      class: normalizeClass([
+        _ctx.wrapClass,
+        _ctx.ns.e("wrap"),
+        { [_ctx.ns.em("wrap", "hidden-default")]: !_ctx.native }
+      ]),
+      style: normalizeStyle(_ctx.style)
+    }, [
+      (openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
+        ref: "resize$",
+        class: normalizeClass([_ctx.ns.e("view"), _ctx.viewClass]),
+        style: normalizeStyle(_ctx.viewStyle)
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["class", "style"]))
+    ], 6),
+    !_ctx.native ? (openBlock(), createBlock(_component_bar, {
+      key: 0,
+      ref: "barRef",
+      height: _ctx.sizeHeight,
+      width: _ctx.sizeWidth,
+      always: _ctx.always,
+      "ratio-x": _ctx.ratioX,
+      "ratio-y": _ctx.ratioY
+    }, null, 8, ["height", "width", "always", "ratio-x", "ratio-y"])) : createCommentVNode("v-if", true)
+  ], 2);
+}
+var Scrollbar = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/meng/workspace/element-ps/packages/components/scrollbar/src/scrollbar.vue"]]);
 
-export { scrollbarProps };
+export { Scrollbar as default };
 //# sourceMappingURL=scrollbar2.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"scrollbar2.mjs","sources":["../../../../../../packages/components/scrollbar/src/scrollbar.ts"],"sourcesContent":["import { buildProps, definePropType, isNumber } from '@element-ps/utils'\nimport type { ExtractPropTypes, StyleValue } 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, Object],\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"],"names":[],"mappings":";;;AACY,MAAC,cAAc,GAAG,UAAU,CAAC;AACzC,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;AACjD,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC;AACzB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC;AACzB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC;AACjC,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"scrollbar2.mjs","sources":["../../../../../../packages/components/scrollbar/src/scrollbar.vue"],"sourcesContent":["<template>\n  <div ref=\"scrollbar$\" :class=\"ns.b()\">\n    <div\n      ref=\"wrap$\"\n      :class=\"[\n        wrapClass,\n        ns.e('wrap'),\n        { [ns.em('wrap', 'hidden-default')]: !native },\n      ]\"\n      :style=\"style\"\n    >\n      <component\n        :is=\"tag\"\n        ref=\"resize$\"\n        :class=\"[ns.e('view'), viewClass]\"\n        :style=\"viewStyle\"\n      >\n        <slot />\n      </component>\n    </div>\n    <template v-if=\"!native\">\n      <bar\n        ref=\"barRef\"\n        :height=\"sizeHeight\"\n        :width=\"sizeWidth\"\n        :always=\"always\"\n        :ratio-x=\"ratioX\"\n        :ratio-y=\"ratioY\"\n      />\n    </template>\n  </div>\n</template>\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  nextTick,\n  onMounted,\n  onUpdated,\n  provide,\n  reactive,\n  ref,\n} from 'vue'\nimport { addUnit } from '@element-ps/utils'\nimport { scrollbarContextKey } from '@element-ps/tokens'\nimport { useNamespace } from '@element-ps/hooks'\nimport Bar from './bar.vue'\n\nimport { scrollbarProps } from './scrollbar'\nimport type { CSSProperties, StyleValue } from 'vue'\n\nexport default defineComponent({\n  name: 'PsScrollbar',\n  components: {\n    Bar,\n  },\n  props: scrollbarProps,\n\n  setup(props) {\n    const ns = useNamespace('scrollbar')\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 barRef = ref()\n    const moveX = ref(0)\n    const moveY = ref(0)\n    const ratioY = ref(1)\n    const ratioX = ref(1)\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 update = () => {\n      if (!wrap$.value) return\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    provide(\n      scrollbarContextKey,\n      reactive({\n        scrollbarElement: scrollbar$,\n        wrapElement: wrap$,\n      })\n    )\n\n    onMounted(() => {\n      if (!props.native) nextTick(() => update())\n    })\n    onUpdated(() => update())\n\n    return {\n      ns,\n      scrollbar$,\n      wrap$,\n      resize$,\n      barRef,\n      moveX,\n      moveY,\n      ratioX,\n      ratioY,\n      sizeWidth,\n      sizeHeight,\n      style,\n      update,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_normalizeStyle","_openBlock","_createBlock","_resolveDynamicComponent","_renderSlot","_createCommentVNode"],"mappings":"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"}

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

@@ -163,24 +163,24 @@ export declare const PsSelect: import("element-ps/es/utils").SFCWithInstall<impo
         $props: Partial<{
             disabled: boolean;
             trigger: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, unknown, unknown>;
-            style: import("vue").StyleValue;
-            showAfter: number;
-            hideAfter: number;
-            open: boolean;
-            placement: import("element-ps/es/utils").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>;
-            strategy: import("element-ps/es/utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
             offset: number;
+            effect: string;
+            style: import("vue").StyleValue;
+            visible: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<boolean | null>, unknown, unknown>;
             content: string;
+            open: boolean;
             transition: string;
-            visible: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<boolean | null>, unknown, unknown>;
-            effect: string;
             virtualRef: import("../..").Measurable;
             virtualTriggering: boolean;
             "onUpdate:visible": (val: boolean) => void;
+            showAfter: number;
+            hideAfter: number;
             boundariesPadding: number;
             fallbackPlacements: import("@popperjs/core").Placement[];
             gpuAcceleration: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+            placement: import("element-ps/es/utils").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>;
             popperOptions: Partial<import("@popperjs/core").Options>;
+            strategy: import("element-ps/es/utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
             className: string | {
                 [x: string]: boolean;
             } | (string | {
@@ -338,7 +338,7 @@ export declare const PsSelect: import("element-ps/es/utils").SFCWithInstall<impo
             strategy: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "absolute", unknown, "fixed" | "absolute", unknown>;
             showAfter: import("element-ps/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
             "onUpdate:visible": import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<(val: boolean) => void>, never, false, never, never>;
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "trigger" | "style" | "showAfter" | "hideAfter" | "open" | "placement" | "strategy" | "offset" | "content" | "transition" | "visible" | "effect" | "virtualRef" | "virtualTriggering" | "onUpdate:visible" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "popperOptions" | "className" | "enterable" | "popperClass" | "popperStyle" | "referenceEl" | "stopPopperMouseEvent" | "pure" | "appendTo" | "rawContent" | "teleported" | "persistent" | "arrowOffset" | "openDelay" | "visibleArrow" | "showArrow">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "trigger" | "offset" | "effect" | "style" | "visible" | "content" | "open" | "transition" | "virtualRef" | "virtualTriggering" | "onUpdate:visible" | "showAfter" | "hideAfter" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "placement" | "popperOptions" | "strategy" | "className" | "enterable" | "popperClass" | "popperStyle" | "referenceEl" | "stopPopperMouseEvent" | "pure" | "appendTo" | "rawContent" | "teleported" | "persistent" | "arrowOffset" | "openDelay" | "visibleArrow" | "showArrow">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -449,24 +449,24 @@ export declare const PsSelect: import("element-ps/es/utils").SFCWithInstall<impo
         }>>, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
             disabled: boolean;
             trigger: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, unknown, unknown>;
-            style: import("vue").StyleValue;
-            showAfter: number;
-            hideAfter: number;
-            open: boolean;
-            placement: import("element-ps/es/utils").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>;
-            strategy: import("element-ps/es/utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
             offset: number;
+            effect: string;
+            style: import("vue").StyleValue;
+            visible: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<boolean | null>, unknown, unknown>;
             content: string;
+            open: boolean;
             transition: string;
-            visible: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<boolean | null>, unknown, unknown>;
-            effect: string;
             virtualRef: import("../..").Measurable;
             virtualTriggering: boolean;
             "onUpdate:visible": (val: boolean) => void;
+            showAfter: number;
+            hideAfter: number;
             boundariesPadding: number;
             fallbackPlacements: import("@popperjs/core").Placement[];
             gpuAcceleration: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+            placement: import("element-ps/es/utils").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>;
             popperOptions: Partial<import("@popperjs/core").Options>;
+            strategy: import("element-ps/es/utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
             className: string | {
                 [x: string]: boolean;
             } | (string | {
@@ -772,13 +772,13 @@ export declare const PsSelect: import("element-ps/es/utils").SFCWithInstall<impo
     disabled: boolean;
     loading: boolean;
     modelValue: string | number | boolean | unknown[] | Record<string, any>;
-    placement: import("@popperjs/core").Placement;
     offset: number;
-    multiple: boolean;
     effect: string;
     autocomplete: string;
     clearable: boolean;
     suffixIcon: string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
+    multiple: boolean;
+    placement: import("@popperjs/core").Placement;
     popperClass: string;
     teleported: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     persistent: boolean;

package/es/components/select/src/select.vue.d.ts

@@ -166,24 +166,24 @@ declare const _default: import("vue").DefineComponent<{
         $props: Partial<{
             disabled: boolean;
             trigger: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, unknown, unknown>;
-            style: import("vue").StyleValue;
-            showAfter: number;
-            hideAfter: number;
-            open: boolean;
-            placement: import("element-ps/es/utils").BuildPropType<StringConstructor, Placement, unknown>;
-            strategy: import("element-ps/es/utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
             offset: number;
+            effect: string;
+            style: import("vue").StyleValue;
+            visible: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<boolean | null>, unknown, unknown>;
             content: string;
+            open: boolean;
             transition: string;
-            visible: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<boolean | null>, unknown, unknown>;
-            effect: string;
             virtualRef: import("../../..").Measurable;
             virtualTriggering: boolean;
             "onUpdate:visible": (val: boolean) => void;
+            showAfter: number;
+            hideAfter: number;
             boundariesPadding: number;
             fallbackPlacements: Placement[];
             gpuAcceleration: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+            placement: import("element-ps/es/utils").BuildPropType<StringConstructor, Placement, unknown>;
             popperOptions: Partial<import("@popperjs/core").Options>;
+            strategy: import("element-ps/es/utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
             className: string | {
                 [x: string]: boolean;
             } | (string | {
@@ -341,7 +341,7 @@ declare const _default: import("vue").DefineComponent<{
             strategy: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "absolute", unknown, "fixed" | "absolute", unknown>;
             showAfter: import("element-ps/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
             "onUpdate:visible": import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<(val: boolean) => void>, never, false, never, never>;
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "trigger" | "style" | "showAfter" | "hideAfter" | "open" | "placement" | "strategy" | "offset" | "content" | "transition" | "visible" | "effect" | "virtualRef" | "virtualTriggering" | "onUpdate:visible" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "popperOptions" | "className" | "enterable" | "popperClass" | "popperStyle" | "referenceEl" | "stopPopperMouseEvent" | "pure" | "appendTo" | "rawContent" | "teleported" | "persistent" | "arrowOffset" | "openDelay" | "visibleArrow" | "showArrow">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "trigger" | "offset" | "effect" | "style" | "visible" | "content" | "open" | "transition" | "virtualRef" | "virtualTriggering" | "onUpdate:visible" | "showAfter" | "hideAfter" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "placement" | "popperOptions" | "strategy" | "className" | "enterable" | "popperClass" | "popperStyle" | "referenceEl" | "stopPopperMouseEvent" | "pure" | "appendTo" | "rawContent" | "teleported" | "persistent" | "arrowOffset" | "openDelay" | "visibleArrow" | "showArrow">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -452,24 +452,24 @@ declare const _default: import("vue").DefineComponent<{
         }>>, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
             disabled: boolean;
             trigger: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, unknown, unknown>;
-            style: import("vue").StyleValue;
-            showAfter: number;
-            hideAfter: number;
-            open: boolean;
-            placement: import("element-ps/es/utils").BuildPropType<StringConstructor, Placement, unknown>;
-            strategy: import("element-ps/es/utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
             offset: number;
+            effect: string;
+            style: import("vue").StyleValue;
+            visible: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<boolean | null>, unknown, unknown>;
             content: string;
+            open: boolean;
             transition: string;
-            visible: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<boolean | null>, unknown, unknown>;
-            effect: string;
             virtualRef: import("../../..").Measurable;
             virtualTriggering: boolean;
             "onUpdate:visible": (val: boolean) => void;
+            showAfter: number;
+            hideAfter: number;
             boundariesPadding: number;
             fallbackPlacements: Placement[];
             gpuAcceleration: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+            placement: import("element-ps/es/utils").BuildPropType<StringConstructor, Placement, unknown>;
             popperOptions: Partial<import("@popperjs/core").Options>;
+            strategy: import("element-ps/es/utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
             className: string | {
                 [x: string]: boolean;
             } | (string | {
@@ -775,13 +775,13 @@ declare const _default: import("vue").DefineComponent<{
     disabled: boolean;
     loading: boolean;
     modelValue: string | number | boolean | unknown[] | Record<string, any>;
-    placement: Placement;
     offset: number;
-    multiple: boolean;
     effect: string;
     autocomplete: string;
     clearable: boolean;
     suffixIcon: string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
+    multiple: boolean;
+    placement: Placement;
     popperClass: string;
     teleported: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     persistent: boolean;

package/es/components/select/src/useSelect.d.ts

@@ -84,24 +84,24 @@ export declare const useSelect: (props: any, states: States, ctx: any) => {
         $props: Partial<{
             disabled: boolean;
             trigger: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, unknown, unknown>;
-            style: import("vue").StyleValue;
-            showAfter: number;
-            hideAfter: number;
-            open: boolean;
-            placement: import("element-ps/es/utils").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>;
-            strategy: import("element-ps/es/utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
             offset: number;
+            effect: string;
+            style: import("vue").StyleValue;
+            visible: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<boolean | null>, unknown, unknown>;
             content: string;
+            open: boolean;
             transition: string;
-            visible: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<boolean | null>, unknown, unknown>;
-            effect: string;
             virtualRef: import("element-ps/es/tokens").Measurable;
             virtualTriggering: boolean;
             "onUpdate:visible": (val: boolean) => void;
+            showAfter: number;
+            hideAfter: number;
             boundariesPadding: number;
             fallbackPlacements: import("@popperjs/core").Placement[];
             gpuAcceleration: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+            placement: import("element-ps/es/utils").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>;
             popperOptions: Partial<import("@popperjs/core").Options>;
+            strategy: import("element-ps/es/utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
             className: string | {
                 [x: string]: boolean;
             } | (string | {
@@ -259,7 +259,7 @@ export declare const useSelect: (props: any, states: States, ctx: any) => {
             strategy: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "absolute", unknown, "fixed" | "absolute", unknown>;
             showAfter: import("element-ps/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
             "onUpdate:visible": import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<(val: boolean) => void>, never, false, never, never>;
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "trigger" | "style" | "showAfter" | "hideAfter" | "open" | "placement" | "strategy" | "offset" | "content" | "transition" | "visible" | "effect" | "virtualRef" | "virtualTriggering" | "onUpdate:visible" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "popperOptions" | "className" | "enterable" | "popperClass" | "popperStyle" | "referenceEl" | "stopPopperMouseEvent" | "pure" | "appendTo" | "rawContent" | "teleported" | "persistent" | "arrowOffset" | "openDelay" | "visibleArrow" | "showArrow">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "trigger" | "offset" | "effect" | "style" | "visible" | "content" | "open" | "transition" | "virtualRef" | "virtualTriggering" | "onUpdate:visible" | "showAfter" | "hideAfter" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "placement" | "popperOptions" | "strategy" | "className" | "enterable" | "popperClass" | "popperStyle" | "referenceEl" | "stopPopperMouseEvent" | "pure" | "appendTo" | "rawContent" | "teleported" | "persistent" | "arrowOffset" | "openDelay" | "visibleArrow" | "showArrow">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -370,24 +370,24 @@ export declare const useSelect: (props: any, states: States, ctx: any) => {
         }>>, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
             disabled: boolean;
             trigger: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, unknown, unknown>;
-            style: import("vue").StyleValue;
-            showAfter: number;
-            hideAfter: number;
-            open: boolean;
-            placement: import("element-ps/es/utils").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>;
-            strategy: import("element-ps/es/utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
             offset: number;
+            effect: string;
+            style: import("vue").StyleValue;
+            visible: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<boolean | null>, unknown, unknown>;
             content: string;
+            open: boolean;
             transition: string;
-            visible: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<boolean | null>, unknown, unknown>;
-            effect: string;
             virtualRef: import("element-ps/es/tokens").Measurable;
             virtualTriggering: boolean;
             "onUpdate:visible": (val: boolean) => void;
+            showAfter: number;
+            hideAfter: number;
             boundariesPadding: number;
             fallbackPlacements: import("@popperjs/core").Placement[];
             gpuAcceleration: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+            placement: import("element-ps/es/utils").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>;
             popperOptions: Partial<import("@popperjs/core").Options>;
+            strategy: import("element-ps/es/utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
             className: string | {
                 [x: string]: boolean;
             } | (string | {