element-ps 2.0.17 → 2.0.18

package/lib/components/popconfirm/src/popconfirm.js

@@ -2,60 +2,27 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../button/index.js');
-var iconsVue = require('@element-plus/icons-vue');
-require('../../../utils/index.js');
-require('../../tooltip/index.js');
-var props = require('../../../utils/vue/props.js');
-var button = require('../../button/src/button.js');
-var icon = require('../../../utils/vue/icon.js');
-var tooltip = require('../../tooltip/src/tooltip2.js');
+var vue = require('vue');
+require('../../../hooks/index.js');
+var popconfirm = require('./popconfirm2.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
 
-const popconfirmProps = props.buildProps({
-  title: {
-    type: String
-  },
-  confirmButtonText: {
-    type: String
-  },
-  cancelButtonText: {
-    type: String
-  },
-  confirmButtonType: {
-    type: String,
-    values: button.buttonTypes,
-    default: "primary"
-  },
-  cancelButtonType: {
-    type: String,
-    values: button.buttonTypes,
-    default: "text"
-  },
-  icon: {
-    type: icon.iconPropType,
-    default: iconsVue.QuestionFilled
-  },
-  iconColor: {
-    type: String,
-    default: "#f90"
-  },
-  hideIcon: {
-    type: Boolean,
-    default: false
-  },
-  hideAfter: {
-    type: Number,
-    default: 200
-  },
-  onConfirm: {
-    type: props.definePropType(Function)
-  },
-  onCancel: {
-    type: props.definePropType(Function)
-  },
-  teleported: tooltip.useTooltipContentProps.teleported,
-  persistent: tooltip.useTooltipContentProps.persistent
+const COMPONENT_NAME = "PsPopconfirm";
+const _sfc_main = vue.defineComponent({
+  name: COMPONENT_NAME,
+  props: popconfirm.popconfirmProps,
+  setup() {
+    const ns = index.useNamespace("popconfirm");
+    return {
+      ns
+    };
+  }
 });
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return _ctx.$slots.reference ? vue.renderSlot(_ctx.$slots, "reference", { key: 0 }) : vue.createCommentVNode("v-if", true);
+}
+var Popconfirm = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/meng/workspace/element-ps/packages/components/popconfirm/src/popconfirm.vue"]]);
 
-exports.popconfirmProps = popconfirmProps;
+exports["default"] = Popconfirm;
 //# sourceMappingURL=popconfirm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"popconfirm.js","sources":["../../../../../../packages/components/popconfirm/src/popconfirm.ts"],"sourcesContent":["import { buttonTypes } from '@element-ps/components/button'\nimport { QuestionFilled } from '@element-plus/icons-vue'\nimport { buildProps, definePropType, iconPropType } from '@element-ps/utils'\nimport { useTooltipContentProps } from '@element-ps/components/tooltip'\nimport type { Component, ExtractPropTypes } from 'vue'\n\nexport const popconfirmProps = buildProps({\n  title: {\n    type: String,\n  },\n  confirmButtonText: {\n    type: String,\n  },\n  cancelButtonText: {\n    type: String,\n  },\n  confirmButtonType: {\n    type: String,\n    values: buttonTypes,\n    default: 'primary',\n  },\n  cancelButtonType: {\n    type: String,\n    values: buttonTypes,\n    default: 'text',\n  },\n  icon: {\n    type: iconPropType,\n    default: QuestionFilled as Component,\n  },\n  iconColor: {\n    type: String,\n    default: '#f90',\n  },\n  hideIcon: {\n    type: Boolean,\n    default: false,\n  },\n  hideAfter: {\n    type: Number,\n    default: 200,\n  },\n  onConfirm: {\n    type: definePropType<(e: Event) => Promise<void> | void>(Function),\n  },\n  onCancel: {\n    type: definePropType<(e: Event) => Promise<void> | void>(Function),\n  },\n  teleported: useTooltipContentProps.teleported,\n  persistent: useTooltipContentProps.persistent,\n} as const)\nexport type PopconfirmProps = ExtractPropTypes<typeof popconfirmProps>\n"],"names":["buildProps","buttonTypes","iconPropType","QuestionFilled","definePropType","useTooltipContentProps"],"mappings":";;;;;;;;;;;;;AAIY,MAAC,eAAe,GAAGA,gBAAU,CAAC;AAC1C,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,iBAAiB,EAAE;AACrB,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,iBAAiB,EAAE;AACrB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAEC,kBAAW;AACvB,IAAI,OAAO,EAAE,SAAS;AACtB,GAAG;AACH,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAEA,kBAAW;AACvB,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAEC,iBAAY;AACtB,IAAI,OAAO,EAAEC,uBAAc;AAC3B,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAEC,oBAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAEA,oBAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,UAAU,EAAEC,8BAAsB,CAAC,UAAU;AAC/C,EAAE,UAAU,EAAEA,8BAAsB,CAAC,UAAU;AAC/C,CAAC;;;;"}
+{"version":3,"file":"popconfirm.js","sources":["../../../../../../packages/components/popconfirm/src/popconfirm.vue"],"sourcesContent":["<template>\n  <template v-if=\"$slots.reference\">\n    <slot name=\"reference\" />\n  </template>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { useNamespace } from '@element-ps/hooks'\nimport { popconfirmProps } from './popconfirm'\n\nconst COMPONENT_NAME = 'PsPopconfirm'\nexport default defineComponent({\n  name: COMPONENT_NAME,\n\n  props: popconfirmProps,\n\n  setup() {\n    const ns = useNamespace('popconfirm')\n\n    return {\n      ns,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","popconfirmProps","useNamespace","_renderSlot","_createCommentVNode"],"mappings":";;;;;;;;;;AAWA,MAAM,cAAiB,GAAA,cAAA,CAAA;AACvB,MAAK,YAAaA,mBAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,cAAA;AAAA,EAEN,KAAO,EAAAC,0BAAA;AAAA,EAEP,KAAQ,GAAA;AACN,IAAM,MAAA,EAAA,GAAKC,mBAAa,YAAY,CAAA,CAAA;AAEpC,IAAO,OAAA;AAAA,MACL,EAAA;AAAA,KACF,CAAA;AAAA,GACF;AACF,CAAC,CAAA,CAAA;;AAvBiB,EAAA,OAAA,IAAA,CAAA,MAAA,CAAO,YACrBC,cAAyB,CAAA,IAAA,CAAA,MAAA,EAAA,WAAA,EAAA,EAAA,GAAA,EAAA,CAAA,EAAA,CAAA,GAAAC,sBAAA,CAAA,MAAA,EAAA,IAAA,CAAA,CAAA;;;;;;"}

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

@@ -43,12 +43,12 @@ declare const _default: import("vue").DefineComponent<{
     readonly persistent: BooleanConstructor;
 }>>, {
     icon: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
-    hideAfter: number;
     title: string;
-    confirmButtonText: string;
-    cancelButtonText: string;
+    hideAfter: number;
     teleported: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     persistent: boolean;
+    confirmButtonText: string;
+    cancelButtonText: string;
     confirmButtonType: import("../../../utils").BuildPropType<StringConstructor, "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", unknown>;
     cancelButtonType: import("../../../utils").BuildPropType<StringConstructor, "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", unknown>;
     iconColor: string;

package/lib/components/popconfirm/src/popconfirm2.js

@@ -2,27 +2,60 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-require('../../../hooks/index.js');
-var popconfirm = require('./popconfirm.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-namespace/index.js');
+require('../../button/index.js');
+var iconsVue = require('@element-plus/icons-vue');
+require('../../../utils/index.js');
+require('../../tooltip/index.js');
+var props = require('../../../utils/vue/props.js');
+var button = require('../../button/src/button2.js');
+var icon = require('../../../utils/vue/icon.js');
+var tooltip = require('../../tooltip/src/tooltip.js');
 
-const COMPONENT_NAME = "PsPopconfirm";
-const _sfc_main = vue.defineComponent({
-  name: COMPONENT_NAME,
-  props: popconfirm.popconfirmProps,
-  setup() {
-    const ns = index.useNamespace("popconfirm");
-    return {
-      ns
-    };
-  }
+const popconfirmProps = props.buildProps({
+  title: {
+    type: String
+  },
+  confirmButtonText: {
+    type: String
+  },
+  cancelButtonText: {
+    type: String
+  },
+  confirmButtonType: {
+    type: String,
+    values: button.buttonTypes,
+    default: "primary"
+  },
+  cancelButtonType: {
+    type: String,
+    values: button.buttonTypes,
+    default: "text"
+  },
+  icon: {
+    type: icon.iconPropType,
+    default: iconsVue.QuestionFilled
+  },
+  iconColor: {
+    type: String,
+    default: "#f90"
+  },
+  hideIcon: {
+    type: Boolean,
+    default: false
+  },
+  hideAfter: {
+    type: Number,
+    default: 200
+  },
+  onConfirm: {
+    type: props.definePropType(Function)
+  },
+  onCancel: {
+    type: props.definePropType(Function)
+  },
+  teleported: tooltip.useTooltipContentProps.teleported,
+  persistent: tooltip.useTooltipContentProps.persistent
 });
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return _ctx.$slots.reference ? vue.renderSlot(_ctx.$slots, "reference", { key: 0 }) : vue.createCommentVNode("v-if", true);
-}
-var Popconfirm = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/meng/workspace/element-ps/packages/components/popconfirm/src/popconfirm.vue"]]);
 
-exports["default"] = Popconfirm;
+exports.popconfirmProps = popconfirmProps;
 //# sourceMappingURL=popconfirm2.js.map

package/lib/components/popconfirm/src/popconfirm2.js.map

@@ -1 +1 @@
-{"version":3,"file":"popconfirm2.js","sources":["../../../../../../packages/components/popconfirm/src/popconfirm.vue"],"sourcesContent":["<template>\n  <template v-if=\"$slots.reference\">\n    <slot name=\"reference\" />\n  </template>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { useNamespace } from '@element-ps/hooks'\nimport { popconfirmProps } from './popconfirm'\n\nconst COMPONENT_NAME = 'PsPopconfirm'\nexport default defineComponent({\n  name: COMPONENT_NAME,\n\n  props: popconfirmProps,\n\n  setup() {\n    const ns = useNamespace('popconfirm')\n\n    return {\n      ns,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","popconfirmProps","useNamespace","_renderSlot","_createCommentVNode"],"mappings":";;;;;;;;;;AAWA,MAAM,cAAiB,GAAA,cAAA,CAAA;AACvB,MAAK,YAAaA,mBAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,cAAA;AAAA,EAEN,KAAO,EAAAC,0BAAA;AAAA,EAEP,KAAQ,GAAA;AACN,IAAM,MAAA,EAAA,GAAKC,mBAAa,YAAY,CAAA,CAAA;AAEpC,IAAO,OAAA;AAAA,MACL,EAAA;AAAA,KACF,CAAA;AAAA,GACF;AACF,CAAC,CAAA,CAAA;;AAvBiB,EAAA,OAAA,IAAA,CAAA,MAAA,CAAO,YACrBC,cAAyB,CAAA,IAAA,CAAA,MAAA,EAAA,WAAA,EAAA,EAAA,GAAA,EAAA,CAAA,EAAA,CAAA,GAAAC,sBAAA,CAAA,MAAA,EAAA,IAAA,CAAA,CAAA;;;;;;"}
+{"version":3,"file":"popconfirm2.js","sources":["../../../../../../packages/components/popconfirm/src/popconfirm.ts"],"sourcesContent":["import { buttonTypes } from '@element-ps/components/button'\nimport { QuestionFilled } from '@element-plus/icons-vue'\nimport { buildProps, definePropType, iconPropType } from '@element-ps/utils'\nimport { useTooltipContentProps } from '@element-ps/components/tooltip'\nimport type { Component, ExtractPropTypes } from 'vue'\n\nexport const popconfirmProps = buildProps({\n  title: {\n    type: String,\n  },\n  confirmButtonText: {\n    type: String,\n  },\n  cancelButtonText: {\n    type: String,\n  },\n  confirmButtonType: {\n    type: String,\n    values: buttonTypes,\n    default: 'primary',\n  },\n  cancelButtonType: {\n    type: String,\n    values: buttonTypes,\n    default: 'text',\n  },\n  icon: {\n    type: iconPropType,\n    default: QuestionFilled as Component,\n  },\n  iconColor: {\n    type: String,\n    default: '#f90',\n  },\n  hideIcon: {\n    type: Boolean,\n    default: false,\n  },\n  hideAfter: {\n    type: Number,\n    default: 200,\n  },\n  onConfirm: {\n    type: definePropType<(e: Event) => Promise<void> | void>(Function),\n  },\n  onCancel: {\n    type: definePropType<(e: Event) => Promise<void> | void>(Function),\n  },\n  teleported: useTooltipContentProps.teleported,\n  persistent: useTooltipContentProps.persistent,\n} as const)\nexport type PopconfirmProps = ExtractPropTypes<typeof popconfirmProps>\n"],"names":["buildProps","buttonTypes","iconPropType","QuestionFilled","definePropType","useTooltipContentProps"],"mappings":";;;;;;;;;;;;;AAIY,MAAC,eAAe,GAAGA,gBAAU,CAAC;AAC1C,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,iBAAiB,EAAE;AACrB,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,EAAE,iBAAiB,EAAE;AACrB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAEC,kBAAW;AACvB,IAAI,OAAO,EAAE,SAAS;AACtB,GAAG;AACH,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAEA,kBAAW;AACvB,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAEC,iBAAY;AACtB,IAAI,OAAO,EAAEC,uBAAc;AAC3B,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAEC,oBAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAEA,oBAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,UAAU,EAAEC,8BAAsB,CAAC,UAAU;AAC/C,EAAE,UAAU,EAAEA,8BAAsB,CAAC,UAAU;AAC/C,CAAC;;;;"}

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

@@ -136,16 +136,16 @@ declare const _Popover: SFCWithInstall<import("vue").DefineComponent<{
 }>>, {
     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>;
-    showAfter: number;
-    hideAfter: number;
-    placement: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<import("@popperjs/core").Placement>, unknown, unknown>;
-    width: import("element-ps/es/utils").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     offset: number;
-    content: string;
-    transition: string;
+    width: import("element-ps/es/utils").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     effect: string;
     tabindex: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<string | number>, unknown, unknown>;
     visible: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<boolean | null>, unknown, unknown>;
+    content: string;
+    transition: string;
+    showAfter: number;
+    hideAfter: number;
+    placement: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<import("@popperjs/core").Placement>, unknown, unknown>;
     popperOptions: Partial<import("@popperjs/core").Options>;
     enterable: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     popperClass: string | {
@@ -319,16 +319,16 @@ export declare const PsPopover: SFCWithInstall<import("vue").DefineComponent<{
 }>>, {
     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>;
-    showAfter: number;
-    hideAfter: number;
-    placement: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<import("@popperjs/core").Placement>, unknown, unknown>;
-    width: import("element-ps/es/utils").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     offset: number;
-    content: string;
-    transition: string;
+    width: import("element-ps/es/utils").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     effect: string;
     tabindex: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<string | number>, unknown, unknown>;
     visible: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<boolean | null>, unknown, unknown>;
+    content: string;
+    transition: string;
+    showAfter: number;
+    hideAfter: number;
+    placement: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<import("@popperjs/core").Placement>, unknown, unknown>;
     popperOptions: Partial<import("@popperjs/core").Options>;
     enterable: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     popperClass: string | {

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

@@ -134,16 +134,16 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     disabled: boolean;
     trigger: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<"click" | "contextmenu" | "focus" | "hover" | ("click" | "contextmenu" | "focus" | "hover")[]>, unknown, unknown>;
-    showAfter: number;
-    hideAfter: number;
-    placement: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@popperjs/core").Placement>, unknown, unknown>;
-    width: import("../../../utils").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     offset: number;
-    content: string;
-    transition: string;
+    width: import("../../../utils").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     effect: string;
     tabindex: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<string | number>, unknown, unknown>;
     visible: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<boolean | null>, unknown, unknown>;
+    content: string;
+    transition: string;
+    showAfter: number;
+    hideAfter: number;
+    placement: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<import("@popperjs/core").Placement>, unknown, unknown>;
     popperOptions: Partial<import("@popperjs/core").Options>;
     enterable: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     popperClass: string | {

package/lib/components/popover/src/popover.js

@@ -6,8 +6,8 @@ require('../../../utils/index.js');
 require('../../tooltip/index.js');
 require('../../dropdown/index.js');
 var props = require('../../../utils/vue/props.js');
-var tooltip = require('../../tooltip/src/tooltip2.js');
-var dropdown = require('../../dropdown/src/dropdown2.js');
+var tooltip = require('../../tooltip/src/tooltip.js');
+var dropdown = require('../../dropdown/src/dropdown.js');
 
 const usePopoverProps = props.buildProps({
   trigger: tooltip.useTooltipTriggerProps.trigger,

package/lib/components/popper/src/content.vue.d.ts

@@ -250,16 +250,16 @@ declare const _default: import("vue").DefineComponent<{
     readonly popperOptions: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<Partial<import("@popperjs/core").Options>>, () => {}, unknown, unknown, unknown>;
     readonly strategy: import("../../../utils").BuildPropReturn<StringConstructor, "absolute", unknown, "fixed" | "absolute", unknown>;
 }>>, {
-    style: import("vue").StyleValue;
-    placement: import("../../../utils").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>;
-    strategy: import("../../../utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
     offset: number;
     effect: string;
+    style: import("vue").StyleValue;
     visible: boolean;
     boundariesPadding: number;
     fallbackPlacements: import("@popperjs/core").Placement[];
     gpuAcceleration: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    placement: import("../../../utils").BuildPropType<StringConstructor, import("@popperjs/core").Placement, unknown>;
     popperOptions: Partial<import("@popperjs/core").Options>;
+    strategy: import("../../../utils").BuildPropType<StringConstructor, "fixed" | "absolute", unknown>;
     className: string | {
         [x: string]: boolean;
     } | (string | {

package/lib/components/popper/src/utils.d.ts

@@ -49,7 +49,7 @@ export declare const buildPopperOptions: (props: UsePopperCoreConfigProps, arrow
             fallbackPlacements?: undefined;
         };
     })[];
-    placement: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "auto" | "auto-start" | "auto-end";
+    placement: "top" | "right" | "bottom" | "left" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
     strategy: "fixed" | "absolute";
     onFirstUpdate?: ((arg0: Partial<import("@popperjs/core").State>) => void) | undefined;
 };

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

@@ -1,15 +1,15 @@
 export declare const PsRow: import("element-ps/es/utils").SFCWithInstall<import("vue").DefineComponent<{
     readonly tag: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "div", unknown, unknown, unknown>;
     readonly gutter: import("element-ps/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
-    readonly justify: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "start", unknown, "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly", unknown>;
+    readonly justify: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "start", unknown, "center" | "space-around" | "space-between" | "space-evenly" | "end" | "start", unknown>;
     readonly align: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "top", unknown, "top" | "bottom" | "middle", unknown>;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly tag: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "div", unknown, unknown, unknown>;
     readonly gutter: import("element-ps/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
-    readonly justify: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "start", unknown, "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly", unknown>;
+    readonly justify: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "start", unknown, "center" | "space-around" | "space-between" | "space-evenly" | "end" | "start", unknown>;
     readonly align: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "top", unknown, "top" | "bottom" | "middle", unknown>;
 }>>, {
-    justify: import("element-ps/es/utils").BuildPropType<StringConstructor, "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly", unknown>;
+    justify: import("element-ps/es/utils").BuildPropType<StringConstructor, "center" | "space-around" | "space-between" | "space-evenly" | "end" | "start", unknown>;
     tag: string;
     align: import("element-ps/es/utils").BuildPropType<StringConstructor, "top" | "bottom" | "middle", unknown>;
     gutter: number;

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

@@ -2,22 +2,22 @@ import type { ExtractPropTypes } from 'vue';
 export declare const rowProps: {
     readonly tag: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "div", unknown, unknown, unknown>;
     readonly gutter: import("element-ps/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
-    readonly justify: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "start", unknown, "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly", unknown>;
+    readonly justify: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "start", unknown, "center" | "space-around" | "space-between" | "space-evenly" | "end" | "start", unknown>;
     readonly align: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "top", unknown, "top" | "bottom" | "middle", unknown>;
 };
 export declare type RowProps = ExtractPropTypes<typeof rowProps>;
 declare const Row: import("vue").DefineComponent<{
     readonly tag: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "div", unknown, unknown, unknown>;
     readonly gutter: import("element-ps/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
-    readonly justify: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "start", unknown, "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly", unknown>;
+    readonly justify: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "start", unknown, "center" | "space-around" | "space-between" | "space-evenly" | "end" | "start", unknown>;
     readonly align: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "top", unknown, "top" | "bottom" | "middle", unknown>;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     readonly tag: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "div", unknown, unknown, unknown>;
     readonly gutter: import("element-ps/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
-    readonly justify: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "start", unknown, "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly", unknown>;
+    readonly justify: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "start", unknown, "center" | "space-around" | "space-between" | "space-evenly" | "end" | "start", unknown>;
     readonly align: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "top", unknown, "top" | "bottom" | "middle", unknown>;
 }>>, {
-    justify: import("element-ps/es/utils").BuildPropType<StringConstructor, "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly", unknown>;
+    justify: import("element-ps/es/utils").BuildPropType<StringConstructor, "center" | "space-around" | "space-between" | "space-evenly" | "end" | "start", unknown>;
     tag: string;
     align: import("element-ps/es/utils").BuildPropType<StringConstructor, "top" | "bottom" | "middle", unknown>;
     gutter: number;

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

@@ -51,8 +51,8 @@ export declare const PsScrollbar: import("element-ps/es/utils").SFCWithInstall<i
     readonly minSize: import("element-ps/es/utils").BuildPropReturn<NumberConstructor, 20, unknown, unknown, unknown>;
 }>>, {
     height: import("element-ps/es/utils").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-    maxHeight: import("element-ps/es/utils").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     always: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    maxHeight: import("element-ps/es/utils").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     native: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     wrapStyle: import("vue").StyleValue;
     wrapClass: import("element-ps/es/utils").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;

package/lib/components/scrollbar/index.js

@@ -6,7 +6,7 @@ require('../../utils/index.js');
 var scrollbar$1 = require('./src/scrollbar2.js');
 var util = require('./src/util.js');
 var scrollbar = require('./src/scrollbar.js');
-var thumb = require('./src/thumb2.js');
+var thumb = require('./src/thumb.js');
 var install = require('../../utils/vue/install.js');
 
 const PsScrollbar = install.withInstall(scrollbar$1["default"]);

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

@@ -14,8 +14,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly ratioX: import("../../../utils").BuildPropReturn<NumberConstructor, 1, unknown, unknown, unknown>;
     readonly ratioY: import("../../../utils").BuildPropReturn<NumberConstructor, 1, unknown, unknown, unknown>;
 }>>, {
-    width: string;
     height: string;
+    width: string;
     always: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     ratioX: number;
     ratioY: number;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
-var thumb = require('./thumb.js');
+var thumb = require('./thumb2.js');
 var bar = require('./bar.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 

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

@@ -52,8 +52,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly minSize: import("element-ps/es/utils").BuildPropReturn<NumberConstructor, 20, unknown, unknown, unknown>;
 }>>, {
     height: import("element-ps/es/utils").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-    maxHeight: import("element-ps/es/utils").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     always: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    maxHeight: import("element-ps/es/utils").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     native: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     wrapStyle: StyleValue;
     wrapClass: import("element-ps/es/utils").BuildPropType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>;

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

@@ -2,67 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-require('../../../tokens/index.js');
 require('../../../utils/index.js');
-require('../../../hooks/index.js');
-var util = require('./util.js');
-var thumb = require('./thumb2.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var scrollbar = require('../../../tokens/scrollbar.js');
-var index = require('../../../hooks/use-namespace/index.js');
-var error = require('../../../utils/error.js');
+var props = require('../../../utils/vue/props.js');
 
-const COMPONENT_NAME = "Thumb";
-const _sfc_main = vue.defineComponent({
-  name: COMPONENT_NAME,
-  props: thumb.thumbProps,
-  setup(props) {
-    const scrollbar$1 = vue.inject(scrollbar.scrollbarContextKey);
-    const ns = index.useNamespace("scrollbar");
-    if (!scrollbar$1)
-      error.throwError(COMPONENT_NAME, "can not inject scrollbar context");
-    const instance = vue.ref();
-    const thumb = vue.ref();
-    const visible = vue.ref(false);
-    const bar = vue.computed(() => util.BAR_MAP[props.vertical ? "vertical" : "horizontal"]);
-    const thumbStyle = vue.computed(() => util.renderThumbStyle({
-      size: props.size,
-      move: props.move,
-      bar: bar.value
-    }));
-    return {
-      ns,
-      instance,
-      thumb,
-      bar,
-      thumbStyle,
-      visible
-    };
-  }
+const thumbProps = props.buildProps({
+  vertical: Boolean,
+  size: String,
+  move: Number,
+  ratio: {
+    type: Number,
+    required: true
+  },
+  always: Boolean
 });
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createBlock(vue.Transition, {
-    name: _ctx.ns.b("fade")
-  }, {
-    default: vue.withCtx(() => [
-      vue.withDirectives(vue.createElementVNode("div", {
-        ref: "instance",
-        class: vue.normalizeClass([_ctx.ns.e("bar"), _ctx.ns.is(_ctx.bar.key)])
-      }, [
-        vue.createElementVNode("div", {
-          ref: "thumb",
-          class: vue.normalizeClass(_ctx.ns.e("thumb")),
-          style: vue.normalizeStyle(_ctx.thumbStyle)
-        }, null, 6)
-      ], 2), [
-        [vue.vShow, _ctx.always || _ctx.visible]
-      ])
-    ]),
-    _: 1
-  }, 8, ["name"]);
-}
-var Thumb = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/meng/workspace/element-ps/packages/components/scrollbar/src/thumb.vue"]]);
 
-exports["default"] = Thumb;
+exports.thumbProps = thumbProps;
 //# sourceMappingURL=thumb.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"thumb.js","sources":["../../../../../../packages/components/scrollbar/src/thumb.vue"],"sourcesContent":["<template>\n  <transition :name=\"ns.b('fade')\">\n    <div\n      v-show=\"always || visible\"\n      ref=\"instance\"\n      :class=\"[ns.e('bar'), ns.is(bar.key)]\"\n    >\n      <div\n        ref=\"thumb\"\n        :class=\"ns.e('thumb')\"\n        :style=\"thumbStyle\"\n      />\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  inject,\n  ref,\n} from 'vue'\nimport { scrollbarContextKey } from '@element-ps/tokens'\nimport { throwError } from '@element-ps/utils'\nimport { useNamespace } from '@element-ps/hooks'\nimport { BAR_MAP, renderThumbStyle } from './util'\n\nimport { thumbProps } from './thumb'\n\nconst COMPONENT_NAME = 'Thumb'\nexport default defineComponent({\n  name: COMPONENT_NAME,\n  props: thumbProps,\n\n  setup(props) {\n    const scrollbar = inject(scrollbarContextKey)\n    const ns = useNamespace('scrollbar')\n\n    if (!scrollbar)\n      throwError(COMPONENT_NAME, 'can not inject scrollbar context')\n\n    const instance = ref<HTMLDivElement>()\n    const thumb = ref<HTMLDivElement>()\n\n    const visible = ref(false)\n\n    const bar = computed(\n      () => BAR_MAP[props.vertical ? 'vertical' : 'horizontal']\n    )\n\n    const thumbStyle = computed(() =>\n      renderThumbStyle({\n        size: props.size,\n        move: props.move,\n        bar: bar.value,\n      })\n    )\n\n    return {\n      ns,\n      instance,\n      thumb,\n      bar,\n      thumbStyle,\n      visible,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","thumbProps","scrollbar","inject","scrollbarContextKey","useNamespace","throwError","ref","computed","BAR_MAP","renderThumbStyle","_createBlock","_Transition","_withDirectives","_createElementVNode","_normalizeClass","_normalizeStyle","_vShow"],"mappings":";;;;;;;;;;;;;;;AA8BA,MAAM,cAAiB,GAAA,OAAA,CAAA;AACvB,MAAK,YAAaA,mBAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,cAAA;AAAA,EACN,KAAO,EAAAC,gBAAA;AAAA,EAEP,MAAM,KAAO,EAAA;AACX,IAAM,MAAAC,WAAA,GAAYC,WAAOC,6BAAmB,CAAA,CAAA;AAC5C,IAAM,MAAA,EAAA,GAAKC,mBAAa,WAAW,CAAA,CAAA;AAEnC,IAAA,IAAI,CAACH,WAAA;AACH,MAAAI,gBAAA,CAAW,gBAAgB,kCAAkC,CAAA,CAAA;AAE/D,IAAA,MAAM,WAAWC,OAAoB,EAAA,CAAA;AACrC,IAAA,MAAM,QAAQA,OAAoB,EAAA,CAAA;AAElC,IAAM,MAAA,OAAA,GAAUA,QAAI,KAAK,CAAA,CAAA;AAEzB,IAAA,MAAM,MAAMC,YACV,CAAA,MAAMC,aAAQ,KAAM,CAAA,QAAA,GAAW,aAAa,YAC9C,CAAA,CAAA,CAAA;AAEA,IAAM,MAAA,UAAA,GAAaD,YAAS,CAAA,MAC1BE,qBAAiB,CAAA;AAAA,MACf,MAAM,KAAM,CAAA,IAAA;AAAA,MACZ,MAAM,KAAM,CAAA,IAAA;AAAA,MACZ,KAAK,GAAI,CAAA,KAAA;AAAA,KACV,CACH,CAAA,CAAA;AAEA,IAAO,OAAA;AAAA,MACL,EAAA;AAAA,MACA,QAAA;AAAA,MACA,KAAA;AAAA,MACA,GAAA;AAAA,MACA,UAAA;AAAA,MACA,OAAA;AAAA,KACF,CAAA;AAAA,GACF;AACF,CAAC,CAAA,CAAA;;0BAnECC,eAYa,CAAAC,cAAA,EAAA;AAAA,IAZA,IAAA,EAAM,QAAG,CAAC,CAAA,MAAA,CAAA;AAAA,GAAA,EAAA;yBACrB,MAUM;AAAA,MAAAC,kBAAA,CAVNC,sBAUM,CAAA,KAAA,EAAA;AAAA,QARJ,GAAI,EAAA,UAAA;AAAA,QACH,KAAA,EAAKC,oBAAG,IAAG,CAAA,EAAA,CAAA,CAAA,CAAC,QAAS,IAAG,CAAA,EAAA,CAAA,EAAA,CAAG,SAAI,GAAG,CAAA,CAAA,CAAA;AAAA,OAAA,EAAA;QAEnCD,sBAIE,CAAA,KAAA,EAAA;AAAA,UAHA,GAAI,EAAA,OAAA;AAAA,UACH,KAAA,EAAKC,kBAAE,CAAA,IAAA,CAAA,EAAA,CAAG,CAAC,CAAA,OAAA,CAAA,CAAA;AAAA,UACX,KAAA,EAAKC,mBAAE,IAAU,CAAA,UAAA,CAAA;AAAA,SAAA,EAAA,IAAA,EAAA,CAAA,CAAA;;AAPZ,QAAA,CAAAC,SAAA,EAAA,IAAA,CAAA,MAAA,IAAU,IAAO,CAAA,OAAA,CAAA;AAAA,OAAA,CAAA;;;;;;;;;"}
+{"version":3,"file":"thumb.js","sources":["../../../../../../packages/components/scrollbar/src/thumb.ts"],"sourcesContent":["import { buildProps } from '@element-ps/utils'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const thumbProps = buildProps({\n  vertical: Boolean,\n  size: String,\n  move: Number,\n  ratio: {\n    type: Number,\n    required: true,\n  },\n  always: Boolean,\n} as const)\nexport type ThumbProps = ExtractPropTypes<typeof thumbProps>\n"],"names":["buildProps"],"mappings":";;;;;;;AACY,MAAC,UAAU,GAAGA,gBAAU,CAAC;AACrC,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,IAAI,EAAE,MAAM;AACd,EAAE,IAAI,EAAE,MAAM;AACd,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,QAAQ,EAAE,IAAI;AAClB,GAAG;AACH,EAAE,MAAM,EAAE,OAAO;AACjB,CAAC;;;;"}

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

@@ -2,19 +2,67 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var vue = require('vue');
+require('../../../tokens/index.js');
 require('../../../utils/index.js');
-var props = require('../../../utils/vue/props.js');
+require('../../../hooks/index.js');
+var util = require('./util.js');
+var thumb = require('./thumb.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var scrollbar = require('../../../tokens/scrollbar.js');
+var index = require('../../../hooks/use-namespace/index.js');
+var error = require('../../../utils/error.js');
 
-const thumbProps = props.buildProps({
-  vertical: Boolean,
-  size: String,
-  move: Number,
-  ratio: {
-    type: Number,
-    required: true
-  },
-  always: Boolean
+const COMPONENT_NAME = "Thumb";
+const _sfc_main = vue.defineComponent({
+  name: COMPONENT_NAME,
+  props: thumb.thumbProps,
+  setup(props) {
+    const scrollbar$1 = vue.inject(scrollbar.scrollbarContextKey);
+    const ns = index.useNamespace("scrollbar");
+    if (!scrollbar$1)
+      error.throwError(COMPONENT_NAME, "can not inject scrollbar context");
+    const instance = vue.ref();
+    const thumb = vue.ref();
+    const visible = vue.ref(false);
+    const bar = vue.computed(() => util.BAR_MAP[props.vertical ? "vertical" : "horizontal"]);
+    const thumbStyle = vue.computed(() => util.renderThumbStyle({
+      size: props.size,
+      move: props.move,
+      bar: bar.value
+    }));
+    return {
+      ns,
+      instance,
+      thumb,
+      bar,
+      thumbStyle,
+      visible
+    };
+  }
 });
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createBlock(vue.Transition, {
+    name: _ctx.ns.b("fade")
+  }, {
+    default: vue.withCtx(() => [
+      vue.withDirectives(vue.createElementVNode("div", {
+        ref: "instance",
+        class: vue.normalizeClass([_ctx.ns.e("bar"), _ctx.ns.is(_ctx.bar.key)])
+      }, [
+        vue.createElementVNode("div", {
+          ref: "thumb",
+          class: vue.normalizeClass(_ctx.ns.e("thumb")),
+          style: vue.normalizeStyle(_ctx.thumbStyle)
+        }, null, 6)
+      ], 2), [
+        [vue.vShow, _ctx.always || _ctx.visible]
+      ])
+    ]),
+    _: 1
+  }, 8, ["name"]);
+}
+var Thumb = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/meng/workspace/element-ps/packages/components/scrollbar/src/thumb.vue"]]);
 
-exports.thumbProps = thumbProps;
+exports["default"] = Thumb;
 //# sourceMappingURL=thumb2.js.map