element-ps 1.0.7 → 1.0.11

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! Element Plus v1.0.6 */
+/*! Element Plus v1.0.1 */
 
 import { getCurrentInstance, computed, isRef, onUnmounted, watch, inject, ref, provide, warn, unref, defineComponent, shallowRef, reactive, onMounted, openBlock, createElementBlock, normalizeStyle, createElementVNode, normalizeClass, renderSlot, mergeProps, createBlock, createVNode, resolveComponent, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, Fragment, vShow, nextTick, onUpdated, createSlots, getCurrentScope, onScopeDispose, toRef, onBeforeUnmount, renderList, toRefs, vModelCheckbox, vModelRadio, withModifiers, h, vModelText, isVNode, Comment, camelize as camelize$1, Teleport, cloneVNode, onActivated, onDeactivated, watchEffect, normalizeProps, guardReactiveProps, onBeforeMount, TransitionGroup, render as render$28 } from 'vue';
 
@@ -3120,7 +3120,7 @@ const useGlobalConfig = () => {
   return inject(configProviderContextKey, defaultConfig);
 };
 
-const version$1 = "1.0.6";
+const version$1 = "1.0.1";
 
 const makeInstaller = (components = []) => {
   const apps = [];
@@ -4615,7 +4615,7 @@ const _hoisted_4$n = {
   class: "el-input__prefix"
 };
 const _hoisted_5$i = { class: "el-input__prefix-inner" };
-const _hoisted_6$b = {
+const _hoisted_6$c = {
   key: 2,
   class: "el-input__suffix"
 };
@@ -4692,7 +4692,7 @@ function render$1v(_ctx, _cache, $props, $setup, $data, $options) {
         ])
       ])) : createCommentVNode("v-if", true),
       createCommentVNode(" suffix slot "),
-      _ctx.suffixVisible ? (openBlock(), createElementBlock("span", _hoisted_6$b, [
+      _ctx.suffixVisible ? (openBlock(), createElementBlock("span", _hoisted_6$c, [
         createElementVNode("span", _hoisted_7$8, [
           !_ctx.showClear || !_ctx.showPwdVisible || !_ctx.isWordLimitVisible ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
             renderSlot(_ctx.$slots, "suffix"),
@@ -7606,7 +7606,7 @@ const _hoisted_2$G = ["tabindex", "role", "aria-checked"];
 const _hoisted_3$t = /* @__PURE__ */ createElementVNode("span", { class: "el-checkbox__inner" }, null, -1);
 const _hoisted_4$l = ["aria-hidden", "name", "disabled", "true-value", "false-value"];
 const _hoisted_5$h = ["aria-hidden", "disabled", "value", "name"];
-const _hoisted_6$a = {
+const _hoisted_6$b = {
   key: 0,
   class: "el-checkbox__label"
 };
@@ -7658,7 +7658,7 @@ function render$1h(_ctx, _cache, $props, $setup, $data, $options) {
         [vModelCheckbox, _ctx.model]
       ])
     ], 10, _hoisted_2$G),
-    _ctx.$slots.default || _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_6$a, [
+    _ctx.$slots.default || _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_6$b, [
       renderSlot(_ctx.$slots, "default"),
       !_ctx.$slots.default ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
         createTextVNode(toDisplayString(_ctx.label), 1)
@@ -10965,7 +10965,7 @@ var PopupManager$1 = PopupManager;
 const useDialog = (props, { emit }, targetRef) => {
   const visible = ref(false);
   const closed = ref(false);
-  const rendered = ref(false);
+  const rendered = ref(true);
   const zIndex = ref(props.zIndex || PopupManager$1.nextZIndex());
   let openTimer = void 0;
   let closeTimer = void 0;
@@ -11086,7 +11086,7 @@ var script$11 = defineComponent({
 });
 
 const _hoisted_1$H = { class: "el-overlay-dialog" };
-const _hoisted_2$v = ["aria-label"];
+const _hoisted_2$v = ["aria-label", "widget"];
 const _hoisted_3$m = ["widget"];
 const _hoisted_4$i = { class: "el-dialog__title" };
 const _hoisted_5$f = {
@@ -11095,7 +11095,7 @@ const _hoisted_5$f = {
   class: "el-dialog__headerbtn",
   type: "button"
 };
-const _hoisted_6$9 = ["widget"];
+const _hoisted_6$a = ["widget"];
 const _hoisted_7$7 = ["widget"];
 function render$W(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_close = resolveComponent("close");
@@ -11128,11 +11128,12 @@ function render$W(_ctx, _cache, $props, $setup, $data, $options) {
             "aria-label": _ctx.title || "dialog",
             style: normalizeStyle(_ctx.style),
             onClick: _cache[0] || (_cache[0] = withModifiers(() => {
-            }, ["stop"]))
+            }, ["stop"])),
+            widget: _ctx.widget
           }, [
             createElementVNode("div", {
               class: "el-dialog__header",
-              widget: _ctx.widget
+              widget: `dialog:title:${_ctx.widget.split(":")[1]}`
             }, [
               renderSlot(_ctx.$slots, "title", {}, () => [
                 createElementVNode("span", _hoisted_4$i, toDisplayString(_ctx.title), 1)
@@ -11149,14 +11150,14 @@ function render$W(_ctx, _cache, $props, $setup, $data, $options) {
             _ctx.rendered ? (openBlock(), createElementBlock("div", {
               key: 0,
               class: "el-dialog__body",
-              widget: _ctx.widget
+              widget: `dialog:default:${_ctx.widget.split(":")[1]}`
             }, [
               renderSlot(_ctx.$slots, "default")
-            ], 8, _hoisted_6$9)) : createCommentVNode("v-if", true),
+            ], 8, _hoisted_6$a)) : createCommentVNode("v-if", true),
             _ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
               key: 1,
               class: "el-dialog__footer",
-              widget: _ctx.widget
+              widget: `dialog:footer:${_ctx.widget.split(":")[1]}`
             }, [
               renderSlot(_ctx.$slots, "footer")
             ], 8, _hoisted_7$7)) : createCommentVNode("v-if", true)
@@ -11254,11 +11255,12 @@ var script$$ = defineComponent({
   }
 });
 
-const _hoisted_1$G = ["aria-label"];
-const _hoisted_2$u = ["widget"];
-const _hoisted_3$l = ["title"];
-const _hoisted_4$h = ["aria-label"];
-const _hoisted_5$e = ["widget"];
+const _hoisted_1$G = { class: "el-overlay-drawer" };
+const _hoisted_2$u = ["aria-label", "widget"];
+const _hoisted_3$l = ["widget"];
+const _hoisted_4$h = ["title"];
+const _hoisted_5$e = ["aria-label"];
+const _hoisted_6$9 = ["widget"];
 function render$U(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_close = resolveComponent("close");
   const _component_ps_icon = resolveComponent("ps-icon");
@@ -11273,51 +11275,54 @@ function render$U(_ctx, _cache, $props, $setup, $data, $options) {
       "z-index": _ctx.zIndex
     }, {
       default: withCtx(() => [
-        createElementVNode("div", {
-          ref: "drawerRef",
-          "aria-modal": "true",
-          "aria-labelledby": "el-drawer__title",
-          "aria-label": _ctx.title,
-          class: normalizeClass(["el-drawer", _ctx.direction, _ctx.visible && "open", _ctx.customClass]),
-          style: normalizeStyle(_ctx.isHorizontal ? "width: " + _ctx.drawerSize : "height: " + _ctx.drawerSize),
-          role: "dialog",
-          onClick: _cache[0] || (_cache[0] = withModifiers(() => {
-          }, ["stop"]))
-        }, [
-          _ctx.withHeader ? (openBlock(), createElementBlock("header", {
-            key: 0,
-            id: "el-drawer__title",
-            class: "el-drawer__header",
+        createElementVNode("div", _hoisted_1$G, [
+          createElementVNode("div", {
+            ref: "drawerRef",
+            "aria-modal": "true",
+            "aria-labelledby": "el-drawer__title",
+            "aria-label": _ctx.title,
+            class: normalizeClass(["el-drawer", _ctx.direction, _ctx.visible && "open", _ctx.customClass]),
+            style: normalizeStyle(_ctx.isHorizontal ? "width: " + _ctx.drawerSize : "height: " + _ctx.drawerSize),
+            role: "dialog",
+            onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+            }, ["stop"])),
             widget: _ctx.widget
           }, [
-            renderSlot(_ctx.$slots, "title", {}, () => [
-              createElementVNode("span", {
-                role: "heading",
-                title: _ctx.title
-              }, toDisplayString(_ctx.title), 9, _hoisted_3$l)
-            ]),
-            _ctx.showClose ? (openBlock(), createElementBlock("button", {
+            _ctx.withHeader ? (openBlock(), createElementBlock("header", {
               key: 0,
-              "aria-label": "close " + (_ctx.title || "drawer"),
-              class: "el-drawer__close-btn",
-              type: "button"
+              id: "el-drawer__title",
+              class: "el-drawer__header",
+              widget: `drawer:title:${_ctx.widget.split(":")[1]}`
             }, [
-              createVNode(_component_ps_icon, { class: "el-drawer__close" }, {
-                default: withCtx(() => [
-                  createVNode(_component_close)
-                ]),
-                _: 1
-              })
-            ], 8, _hoisted_4$h)) : createCommentVNode("v-if", true)
-          ], 8, _hoisted_2$u)) : createCommentVNode("v-if", true),
-          _ctx.rendered ? (openBlock(), createElementBlock("section", {
-            key: 1,
-            class: "el-drawer__body",
-            widget: _ctx.widget
-          }, [
-            renderSlot(_ctx.$slots, "default")
-          ], 8, _hoisted_5$e)) : createCommentVNode("v-if", true)
-        ], 14, _hoisted_1$G)
+              renderSlot(_ctx.$slots, "title", {}, () => [
+                createElementVNode("span", {
+                  role: "heading",
+                  title: _ctx.title
+                }, toDisplayString(_ctx.title), 9, _hoisted_4$h)
+              ]),
+              _ctx.showClose ? (openBlock(), createElementBlock("button", {
+                key: 0,
+                "aria-label": "close " + (_ctx.title || "drawer"),
+                class: "el-drawer__close-btn",
+                type: "button"
+              }, [
+                createVNode(_component_ps_icon, { class: "el-drawer__close" }, {
+                  default: withCtx(() => [
+                    createVNode(_component_close)
+                  ]),
+                  _: 1
+                })
+              ], 8, _hoisted_5$e)) : createCommentVNode("v-if", true)
+            ], 8, _hoisted_3$l)) : createCommentVNode("v-if", true),
+            _ctx.rendered ? (openBlock(), createElementBlock("section", {
+              key: 1,
+              class: "el-drawer__body",
+              widget: `drawer:default:${_ctx.widget.split(":")[1]}`
+            }, [
+              renderSlot(_ctx.$slots, "default")
+            ], 8, _hoisted_6$9)) : createCommentVNode("v-if", true)
+          ], 14, _hoisted_2$u)
+        ])
       ]),
       _: 3
     }, 8, ["mask", "overlay-class", "z-index"]), [
@@ -22207,7 +22212,7 @@ var TableHeader = defineComponent({
         key: `${column.id}-thead`,
         rowSpan: column.rowSpan,
         style: this.getHeaderCellStyle(rowIndex, cellIndex, subColumns, column),
-        widget: column.widget
+        widget: `table-column:header:${column.widget.split(":")[1]}`
       }, [
         h("div", {
           class: [
@@ -22533,7 +22538,7 @@ function useRender$1(props) {
         colspan,
         onMouseenter: ($event) => handleCellMouseEnter($event, { ...row, tooltipEffect }),
         onMouseleave: handleCellMouseLeave,
-        widget: column.widget
+        widget: `table-column:default:${column.widget.split(":")[1]}`
       }, [column.renderCell(data)]);
     }));
   };
@@ -24571,12 +24576,10 @@ var Tabs = defineComponent({
         panes.value = [];
       }
     };
-    onUpdated(() => {
-      setPaneInstances();
-    });
-    onMounted(() => {
-      setPaneInstances();
-    });
+    onUpdated(() => setPaneInstances());
+    onMounted(() => setPaneInstances());
+    watch(() => props.activeName, (modelValue) => currentName.value = modelValue);
+    watch(() => props.modelValue, (modelValue) => currentName.value = modelValue);
     return {
       nav$,
       currentName,

package/es/index.mjs

@@ -4,9 +4,9 @@ import './packages/components/index.mjs';
 import './packages/hooks/index.mjs';
 import './packages/tokens/index.mjs';
 export { default as makeInstaller } from './make-installer.mjs';
-export { affixProps } from './packages/components/affix/src/affix.mjs';
+export { affixProps } from './packages/components/affix/src/affix2.mjs';
 export { PsAffix } from './packages/components/affix/index.mjs';
-export { alertProps } from './packages/components/alert/src/alert.mjs';
+export { alertProps } from './packages/components/alert/src/alert2.mjs';
 export { PsAlert } from './packages/components/alert/index.mjs';
 export { PsAutocomplete } from './packages/components/autocomplete/index.mjs';
 export { avatarProps } from './packages/components/avatar/src/avatar2.mjs';
@@ -46,7 +46,7 @@ export { dividerProps } from './packages/components/divider/src/divider.mjs';
 export { PsDivider } from './packages/components/divider/index.mjs';
 export { PsDrawer } from './packages/components/drawer/index.mjs';
 export { PsDropdown, PsDropdownItem, PsDropdownMenu } from './packages/components/dropdown/index.mjs';
-export { emptyProps } from './packages/components/empty/src/empty.mjs';
+export { emptyProps } from './packages/components/empty/src/empty2.mjs';
 export { PsEmpty } from './packages/components/empty/index.mjs';
 export { PsForm, PsFormItem } from './packages/components/form/index.mjs';
 export { iconProps } from './packages/components/icon/src/icon.mjs';
@@ -57,7 +57,7 @@ export { imageViewerProps } from './packages/components/image-viewer/src/image-v
 export { PsImageViewer } from './packages/components/image-viewer/index.mjs';
 export { inputProps } from './packages/components/input/src/input.mjs';
 export { PsInput } from './packages/components/input/index.mjs';
-export { inputNumberProps } from './packages/components/input-number/src/input-number.mjs';
+export { inputNumberProps } from './packages/components/input-number/src/input-number2.mjs';
 export { PsInputNumber } from './packages/components/input-number/index.mjs';
 export { linkProps } from './packages/components/link/src/link.mjs';
 export { PsLink } from './packages/components/link/index.mjs';

package/es/packages/components/affix/index.mjs

@@ -1,6 +1,6 @@
 import { withInstall } from '../../utils/with-install.mjs';
-import './src/affix2.mjs';
-export { affixProps } from './src/affix.mjs';
+import './src/affix.mjs';
+export { affixProps } from './src/affix2.mjs';
 import script from './src/affix.vue_vue&type=script&lang.mjs';
 
 const PsAffix = withInstall(script);

package/es/packages/components/affix/src/affix.mjs

@@ -1,24 +1,7 @@
-import { buildProps, definePropType } from '../../../utils/props.mjs';
+import script from './affix.vue_vue&type=script&lang.mjs';
+export { default } from './affix.vue_vue&type=script&lang.mjs';
+import { render } from './affix.vue_vue&type=template&id=0745df9e&lang.mjs';
 
-const affixProps = buildProps({
-  zIndex: {
-    type: definePropType([Number, String]),
-    default: 100
-  },
-  target: {
-    type: String,
-    default: ""
-  },
-  offset: {
-    type: Number,
-    default: 0
-  },
-  position: {
-    type: String,
-    values: ["top", "bottom"],
-    default: "top"
-  }
-});
-
-export { affixProps };
+script.render = render;
+script.__file = "packages/components/affix/src/affix.vue";
 //# sourceMappingURL=affix.mjs.map

package/es/packages/components/affix/src/affix.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"affix.mjs","sources":["../../../../../../../packages/components/affix/src/affix.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-ps/utils/props'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type { ZIndexProperty } from 'csstype'\n\nexport const affixProps = buildProps({\n  zIndex: {\n    type: definePropType<ZIndexProperty>([Number, String]),\n    default: 100,\n  },\n  target: {\n    type: String,\n    default: '',\n  },\n  offset: {\n    type: Number,\n    default: 0,\n  },\n  position: {\n    type: String,\n    values: ['top', 'bottom'],\n    default: 'top',\n  },\n} as const)\nexport type AffixProps = ExtractPropTypes<typeof affixProps>\n"],"names":[],"mappings":";;MAKa,aAAa,WAAW;AAAA,EACnC,QAAQ;AAAA,IACN,MAAM,eAA+B,CAAC,QAAQ;AAAA,IAC9C,SAAS;AAAA;AAAA,EAEX,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,UAAU;AAAA,IACR,MAAM;AAAA,IACN,QAAQ,CAAC,OAAO;AAAA,IAChB,SAAS;AAAA;AAAA;;;;"}
+{"version":3,"file":"affix.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/es/packages/components/affix/src/affix.vue_vue&type=script&lang.mjs

@@ -1,5 +1,5 @@
 import { defineComponent, shallowRef, reactive, computed, onMounted } from 'vue';
-import { affixProps } from './affix.mjs';
+import { affixProps } from './affix2.mjs';
 
 var script = defineComponent({
   name: "PsAffix",

package/es/packages/components/affix/src/affix2.mjs

@@ -1,7 +1,24 @@
-import script from './affix.vue_vue&type=script&lang.mjs';
-export { default } from './affix.vue_vue&type=script&lang.mjs';
-import { render } from './affix.vue_vue&type=template&id=0745df9e&lang.mjs';
+import { buildProps, definePropType } from '../../../utils/props.mjs';
 
-script.render = render;
-script.__file = "packages/components/affix/src/affix.vue";
+const affixProps = buildProps({
+  zIndex: {
+    type: definePropType([Number, String]),
+    default: 100
+  },
+  target: {
+    type: String,
+    default: ""
+  },
+  offset: {
+    type: Number,
+    default: 0
+  },
+  position: {
+    type: String,
+    values: ["top", "bottom"],
+    default: "top"
+  }
+});
+
+export { affixProps };
 //# sourceMappingURL=affix2.mjs.map

package/es/packages/components/affix/src/affix2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"affix2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"affix2.mjs","sources":["../../../../../../../packages/components/affix/src/affix.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-ps/utils/props'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type { ZIndexProperty } from 'csstype'\n\nexport const affixProps = buildProps({\n  zIndex: {\n    type: definePropType<ZIndexProperty>([Number, String]),\n    default: 100,\n  },\n  target: {\n    type: String,\n    default: '',\n  },\n  offset: {\n    type: Number,\n    default: 0,\n  },\n  position: {\n    type: String,\n    values: ['top', 'bottom'],\n    default: 'top',\n  },\n} as const)\nexport type AffixProps = ExtractPropTypes<typeof affixProps>\n"],"names":[],"mappings":";;MAKa,aAAa,WAAW;AAAA,EACnC,QAAQ;AAAA,IACN,MAAM,eAA+B,CAAC,QAAQ;AAAA,IAC9C,SAAS;AAAA;AAAA,EAEX,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,UAAU;AAAA,IACR,MAAM;AAAA,IACN,QAAQ,CAAC,OAAO;AAAA,IAChB,SAAS;AAAA;AAAA;;;;"}

package/es/packages/components/alert/index.mjs

@@ -1,6 +1,6 @@
 import { withInstall } from '../../utils/with-install.mjs';
-import './src/alert2.mjs';
-export { alertProps } from './src/alert.mjs';
+import './src/alert.mjs';
+export { alertProps } from './src/alert2.mjs';
 import script from './src/alert.vue_vue&type=script&lang.mjs';
 
 const PsAlert = withInstall(script);

package/es/packages/components/alert/src/alert.mjs

@@ -1,36 +1,7 @@
-import { TypeComponentsMap } from '../../../utils/icon.mjs';
-import { buildProps, keyOf } from '../../../utils/props.mjs';
+import script from './alert.vue_vue&type=script&lang.mjs';
+export { default } from './alert.vue_vue&type=script&lang.mjs';
+import { render } from './alert.vue_vue&type=template&id=1755b449&lang.mjs';
 
-const alertProps = buildProps({
-  title: {
-    type: String,
-    default: ""
-  },
-  description: {
-    type: String,
-    default: ""
-  },
-  type: {
-    type: String,
-    values: keyOf(TypeComponentsMap),
-    default: "info"
-  },
-  closable: {
-    type: Boolean,
-    default: true
-  },
-  closeText: {
-    type: String,
-    default: ""
-  },
-  showIcon: Boolean,
-  center: Boolean,
-  effect: {
-    type: String,
-    values: ["light", "dark"],
-    default: "light"
-  }
-});
-
-export { alertProps };
+script.render = render;
+script.__file = "packages/components/alert/src/alert.vue";
 //# sourceMappingURL=alert.mjs.map

package/es/packages/components/alert/src/alert.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"alert.mjs","sources":["../../../../../../../packages/components/alert/src/alert.ts"],"sourcesContent":["import { TypeComponentsMap } from '@element-ps/utils/icon'\nimport { buildProps, keyOf } from '@element-ps/utils/props'\nimport type { ExtractPropTypes } from 'vue'\n\nexport type AlertEffect = 'light' | 'dark'\n\nexport const alertProps = buildProps({\n  title: {\n    type: String,\n    default: '',\n  },\n  description: {\n    type: String,\n    default: '',\n  },\n  type: {\n    type: String,\n    values: keyOf(TypeComponentsMap),\n    default: 'info',\n  },\n  closable: {\n    type: Boolean,\n    default: true,\n  },\n  closeText: {\n    type: String,\n    default: '',\n  },\n  showIcon: Boolean,\n  center: Boolean,\n  effect: {\n    type: String,\n    values: ['light', 'dark'],\n    default: 'light',\n  },\n} as const)\nexport type AlertProps = ExtractPropTypes<typeof alertProps>\n"],"names":[],"mappings":";;;MAMa,aAAa,WAAW;AAAA,EACnC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ,MAAM;AAAA,IACd,SAAS;AAAA;AAAA,EAEX,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,QAAQ,CAAC,SAAS;AAAA,IAClB,SAAS;AAAA;AAAA;;;;"}
+{"version":3,"file":"alert.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/es/packages/components/alert/src/alert.vue_vue&type=script&lang.mjs

@@ -1,7 +1,7 @@
 import { defineComponent, ref, computed } from 'vue';
 import { PsIcon } from '../../icon/index.mjs';
 import { TypeComponents, TypeComponentsMap } from '../../../utils/icon.mjs';
-import { alertProps } from './alert.mjs';
+import { alertProps } from './alert2.mjs';
 
 var script = defineComponent({
   name: "PsAlert",

package/es/packages/components/alert/src/alert2.mjs

@@ -1,7 +1,36 @@
-import script from './alert.vue_vue&type=script&lang.mjs';
-export { default } from './alert.vue_vue&type=script&lang.mjs';
-import { render } from './alert.vue_vue&type=template&id=1755b449&lang.mjs';
+import { TypeComponentsMap } from '../../../utils/icon.mjs';
+import { buildProps, keyOf } from '../../../utils/props.mjs';
 
-script.render = render;
-script.__file = "packages/components/alert/src/alert.vue";
+const alertProps = buildProps({
+  title: {
+    type: String,
+    default: ""
+  },
+  description: {
+    type: String,
+    default: ""
+  },
+  type: {
+    type: String,
+    values: keyOf(TypeComponentsMap),
+    default: "info"
+  },
+  closable: {
+    type: Boolean,
+    default: true
+  },
+  closeText: {
+    type: String,
+    default: ""
+  },
+  showIcon: Boolean,
+  center: Boolean,
+  effect: {
+    type: String,
+    values: ["light", "dark"],
+    default: "light"
+  }
+});
+
+export { alertProps };
 //# sourceMappingURL=alert2.mjs.map

package/es/packages/components/alert/src/alert2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"alert2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"alert2.mjs","sources":["../../../../../../../packages/components/alert/src/alert.ts"],"sourcesContent":["import { TypeComponentsMap } from '@element-ps/utils/icon'\nimport { buildProps, keyOf } from '@element-ps/utils/props'\nimport type { ExtractPropTypes } from 'vue'\n\nexport type AlertEffect = 'light' | 'dark'\n\nexport const alertProps = buildProps({\n  title: {\n    type: String,\n    default: '',\n  },\n  description: {\n    type: String,\n    default: '',\n  },\n  type: {\n    type: String,\n    values: keyOf(TypeComponentsMap),\n    default: 'info',\n  },\n  closable: {\n    type: Boolean,\n    default: true,\n  },\n  closeText: {\n    type: String,\n    default: '',\n  },\n  showIcon: Boolean,\n  center: Boolean,\n  effect: {\n    type: String,\n    values: ['light', 'dark'],\n    default: 'light',\n  },\n} as const)\nexport type AlertProps = ExtractPropTypes<typeof alertProps>\n"],"names":[],"mappings":";;;MAMa,aAAa,WAAW;AAAA,EACnC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ,MAAM;AAAA,IACd,SAAS;AAAA;AAAA,EAEX,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,QAAQ,CAAC,SAAS;AAAA,IAClB,SAAS;AAAA;AAAA;;;;"}

package/es/packages/components/dialog/src/dialog.vue_vue&type=script&lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.vue_vue&type=script&lang.mjs","sources":["../../../../../../../packages/components/dialog/src/dialog.vue"],"sourcesContent":["<template>\n  <teleport to=\"body\" :disabled=\"!appendToBody\">\n    <ps-overlay\n      v-show=\"visible\"\n      custom-mask-event\n      :mask=\"modal\"\n      :overlay-class=\"(modalClass || '') + (widget ? ` ps--dialog-widget-class` : '')\"\n      :z-index=\"zIndex\"\n    >\n      <div\n        class=\"el-overlay-dialog\"\n      >\n        <div\n          ref=\"dialogRef\"\n          :class=\"[\n              'el-dialog',\n              {\n                'is-fullscreen': fullscreen,\n                'el-dialog--center': center,\n              },\n              customClass,\n            ]\"\n          aria-modal=\"true\"\n          role=\"dialog\"\n          :aria-label=\"title || 'dialog'\"\n          :style=\"style\"\n          @click.stop=\"\"\n        >\n          <div class=\"el-dialog__header\" :widget=\"widget\">\n            <slot name=\"title\">\n                <span class=\"el-dialog__title\">\n                  {{ title }}\n                </span>\n            </slot>\n            <button\n              v-if=\"showClose\"\n              aria-label=\"close\"\n              class=\"el-dialog__headerbtn\"\n              type=\"button\"\n            >\n              <ps-icon class=\"el-dialog__close\"><close /> </ps-icon>\n            </button>\n          </div>\n          <template v-if=\"rendered\">\n            <div class=\"el-dialog__body\" :widget=\"widget\">\n              <slot></slot>\n            </div>\n          </template>\n          <div v-if=\"$slots.footer\" class=\"el-dialog__footer\" :widget=\"widget\">\n            <slot name=\"footer\"></slot>\n          </div>\n        </div>\n      </div>\n    </ps-overlay>\n  </teleport>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref } from 'vue'\nimport { PsOverlay } from '@element-ps/components/overlay'\nimport { useSameTarget } from '@element-ps/hooks'\nimport { dialogProps } from './dialog'\nimport { useDialog } from './use-dialog'\nimport { PsIcon } from '@element-ps/components/icon'\nimport { CloseComponents } from '@element-ps/utils/icon'\n\nexport default defineComponent({\n  name: 'PsDialog',\n  components: {\n    PsOverlay,\n    PsIcon,\n    ...CloseComponents,\n  },\n  props: dialogProps,\n  setup(props, ctx) {\n    const dialogRef = ref<HTMLElement>()\n    const dialog = useDialog(props, ctx, dialogRef)\n    const overlayEvent = useSameTarget(dialog.onModalClick)\n\n    return {\n      dialogRef,\n      overlayEvent,\n      ...dialog,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;AAkEA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,OACG;AAAA;AAAA,EAEL,OAAO;AAAA,EACP,MAAM,OAAO,KAAK;AAChB,UAAM,YAAY;AAClB,UAAM,SAAS,UAAU,OAAO,KAAK;AACrC,UAAM,eAAe,cAAc,OAAO;AAE1C,WAAO;AAAA,MACL;AAAA,MACA;AAAA,SACG;AAAA;AAAA;AAAA;;;;"}
+{"version":3,"file":"dialog.vue_vue&type=script&lang.mjs","sources":["../../../../../../../packages/components/dialog/src/dialog.vue"],"sourcesContent":["<template>\n  <teleport to=\"body\" :disabled=\"!appendToBody\">\n    <ps-overlay\n      v-show=\"visible\"\n      custom-mask-event\n      :mask=\"modal\"\n      :overlay-class=\"(modalClass || '') + (widget ? ` ps--dialog-widget-class` : '')\"\n      :z-index=\"zIndex\"\n    >\n      <div\n        class=\"el-overlay-dialog\"\n      >\n        <div\n          ref=\"dialogRef\"\n          :class=\"[\n              'el-dialog',\n              {\n                'is-fullscreen': fullscreen,\n                'el-dialog--center': center,\n              },\n              customClass,\n            ]\"\n          aria-modal=\"true\"\n          role=\"dialog\"\n          :aria-label=\"title || 'dialog'\"\n          :style=\"style\"\n          @click.stop=\"\"\n          :widget=\"widget\"\n        >\n          <div class=\"el-dialog__header\" :widget=\"`dialog:title:${widget.split(':')[1]}`\">\n            <slot name=\"title\">\n                <span class=\"el-dialog__title\">\n                  {{ title }}\n                </span>\n            </slot>\n            <button\n              v-if=\"showClose\"\n              aria-label=\"close\"\n              class=\"el-dialog__headerbtn\"\n              type=\"button\"\n            >\n              <ps-icon class=\"el-dialog__close\"><close /> </ps-icon>\n            </button>\n          </div>\n          <template v-if=\"rendered\">\n            <div class=\"el-dialog__body\" :widget=\"`dialog:default:${widget.split(':')[1]}`\">\n              <slot></slot>\n            </div>\n          </template>\n          <div v-if=\"$slots.footer\" class=\"el-dialog__footer\" :widget=\"`dialog:footer:${widget.split(':')[1]}`\">\n            <slot name=\"footer\"></slot>\n          </div>\n        </div>\n      </div>\n    </ps-overlay>\n  </teleport>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref } from 'vue'\nimport { PsOverlay } from '@element-ps/components/overlay'\nimport { useSameTarget } from '@element-ps/hooks'\nimport { dialogProps } from './dialog'\nimport { useDialog } from './use-dialog'\nimport { PsIcon } from '@element-ps/components/icon'\nimport { CloseComponents } from '@element-ps/utils/icon'\n\nexport default defineComponent({\n  name: 'PsDialog',\n  components: {\n    PsOverlay,\n    PsIcon,\n    ...CloseComponents,\n  },\n  props: dialogProps,\n  setup(props, ctx) {\n    const dialogRef = ref<HTMLElement>()\n    const dialog = useDialog(props, ctx, dialogRef)\n    const overlayEvent = useSameTarget(dialog.onModalClick)\n\n    return {\n      dialogRef,\n      overlayEvent,\n      ...dialog,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;AAmEA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,OACG;AAAA;AAAA,EAEL,OAAO;AAAA,EACP,MAAM,OAAO,KAAK;AAChB,UAAM,YAAY;AAClB,UAAM,SAAS,UAAU,OAAO,KAAK;AACrC,UAAM,eAAe,cAAc,OAAO;AAE1C,WAAO;AAAA,MACL;AAAA,MACA;AAAA,SACG;AAAA;AAAA;AAAA;;;;"}

package/es/packages/components/dialog/src/dialog.vue_vue&type=template&id=02672805&lang.mjs

@@ -1,7 +1,7 @@
 import { resolveComponent, openBlock, createBlock, Teleport, withDirectives, createVNode, withCtx, createElementVNode, normalizeClass, normalizeStyle, withModifiers, renderSlot, toDisplayString, createElementBlock, createCommentVNode, vShow } from 'vue';
 
 const _hoisted_1 = { class: "el-overlay-dialog" };
-const _hoisted_2 = ["aria-label"];
+const _hoisted_2 = ["aria-label", "widget"];
 const _hoisted_3 = ["widget"];
 const _hoisted_4 = { class: "el-dialog__title" };
 const _hoisted_5 = {
@@ -43,11 +43,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             "aria-label": _ctx.title || "dialog",
             style: normalizeStyle(_ctx.style),
             onClick: _cache[0] || (_cache[0] = withModifiers(() => {
-            }, ["stop"]))
+            }, ["stop"])),
+            widget: _ctx.widget
           }, [
             createElementVNode("div", {
               class: "el-dialog__header",
-              widget: _ctx.widget
+              widget: `dialog:title:${_ctx.widget.split(":")[1]}`
             }, [
               renderSlot(_ctx.$slots, "title", {}, () => [
                 createElementVNode("span", _hoisted_4, toDisplayString(_ctx.title), 1)
@@ -64,14 +65,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             _ctx.rendered ? (openBlock(), createElementBlock("div", {
               key: 0,
               class: "el-dialog__body",
-              widget: _ctx.widget
+              widget: `dialog:default:${_ctx.widget.split(":")[1]}`
             }, [
               renderSlot(_ctx.$slots, "default")
             ], 8, _hoisted_6)) : createCommentVNode("v-if", true),
             _ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
               key: 1,
               class: "el-dialog__footer",
-              widget: _ctx.widget
+              widget: `dialog:footer:${_ctx.widget.split(":")[1]}`
             }, [
               renderSlot(_ctx.$slots, "footer")
             ], 8, _hoisted_7)) : createCommentVNode("v-if", true)

package/es/packages/components/dialog/src/dialog.vue_vue&type=template&id=02672805&lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.vue_vue&type=template&id=02672805&lang.mjs","sources":["../../../../../../../packages/components/dialog/src/dialog.vue?vue&type=template&id=02672805&lang.js"],"sourcesContent":["<template>\n  <teleport to=\"body\" :disabled=\"!appendToBody\">\n    <ps-overlay\n      v-show=\"visible\"\n      custom-mask-event\n      :mask=\"modal\"\n      :overlay-class=\"(modalClass || '') + (widget ? ` ps--dialog-widget-class` : '')\"\n      :z-index=\"zIndex\"\n    >\n      <div\n        class=\"el-overlay-dialog\"\n      >\n        <div\n          ref=\"dialogRef\"\n          :class=\"[\n              'el-dialog',\n              {\n                'is-fullscreen': fullscreen,\n                'el-dialog--center': center,\n              },\n              customClass,\n            ]\"\n          aria-modal=\"true\"\n          role=\"dialog\"\n          :aria-label=\"title || 'dialog'\"\n          :style=\"style\"\n          @click.stop=\"\"\n        >\n          <div class=\"el-dialog__header\" :widget=\"widget\">\n            <slot name=\"title\">\n                <span class=\"el-dialog__title\">\n                  {{ title }}\n                </span>\n            </slot>\n            <button\n              v-if=\"showClose\"\n              aria-label=\"close\"\n              class=\"el-dialog__headerbtn\"\n              type=\"button\"\n            >\n              <ps-icon class=\"el-dialog__close\"><close /> </ps-icon>\n            </button>\n          </div>\n          <template v-if=\"rendered\">\n            <div class=\"el-dialog__body\" :widget=\"widget\">\n              <slot></slot>\n            </div>\n          </template>\n          <div v-if=\"$slots.footer\" class=\"el-dialog__footer\" :widget=\"widget\">\n            <slot name=\"footer\"></slot>\n          </div>\n        </div>\n      </div>\n    </ps-overlay>\n  </teleport>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref } from 'vue'\nimport { PsOverlay } from '@element-ps/components/overlay'\nimport { useSameTarget } from '@element-ps/hooks'\nimport { dialogProps } from './dialog'\nimport { useDialog } from './use-dialog'\nimport { PsIcon } from '@element-ps/components/icon'\nimport { CloseComponents } from '@element-ps/utils/icon'\n\nexport default defineComponent({\n  name: 'PsDialog',\n  components: {\n    PsOverlay,\n    PsIcon,\n    ...CloseComponents,\n  },\n  props: dialogProps,\n  setup(props, ctx) {\n    const dialogRef = ref<HTMLElement>()\n    const dialog = useDialog(props, ctx, dialogRef)\n    const overlayEvent = useSameTarget(dialog.onModalClick)\n\n    return {\n      dialogRef,\n      overlayEvent,\n      ...dialog,\n    }\n  },\n})\n</script>\n"],"names":["_createBlock","_createVNode","_createElementVNode","_renderSlot","_createElementBlock"],"mappings":";;qBAUQ,OAAM;;;qBAoBQ,OAAM;;;EAMd,cAAW;AAAA,EACX,OAAM;AAAA,EACN,MAAK;AAAA;;;;;;;sBArCjBA;IAAU,IAAG;AAAA,IAAQ,WAAW;;mBAC9BC;MAEE,qBAAA;AAAA,MACC,MAAM;MACN,iBAAgB;MAChB,WAAS;;uBAEV;QAAAC,0BAAA;UAGEA;YACE,KAAI;AAAA,YACH;;;;;;;;YAQD,cAAW;AAAA,YACX,MAAK;AAAA,YACJ,cAAY;YACZ,sBAAO;YACP,iDAAD;;;YAEAA;cAAK,OAAM;AAAA,cAAqB,QAAQ;;cACtCC,qCAAA;gBACID,2BAAA,4BACK;;cAID,+BADRE,6BAAA;gBAMEH,kCAAS,OAAM;mCAAmB;oBAAAA;;;;;;YAGtB,8BACdG;;cAAK,OAAM;AAAA,cAAmB,QAAQ;;cACpCD;;YAGO,YAAO,uBAAlBC;;cAA0B,OAAM;AAAA,cAAqB,QAAQ;;cAC3DD;;;;;;;cA9CE;;;;;;;"}
+{"version":3,"file":"dialog.vue_vue&type=template&id=02672805&lang.mjs","sources":["../../../../../../../packages/components/dialog/src/dialog.vue?vue&type=template&id=02672805&lang.js"],"sourcesContent":["<template>\n  <teleport to=\"body\" :disabled=\"!appendToBody\">\n    <ps-overlay\n      v-show=\"visible\"\n      custom-mask-event\n      :mask=\"modal\"\n      :overlay-class=\"(modalClass || '') + (widget ? ` ps--dialog-widget-class` : '')\"\n      :z-index=\"zIndex\"\n    >\n      <div\n        class=\"el-overlay-dialog\"\n      >\n        <div\n          ref=\"dialogRef\"\n          :class=\"[\n              'el-dialog',\n              {\n                'is-fullscreen': fullscreen,\n                'el-dialog--center': center,\n              },\n              customClass,\n            ]\"\n          aria-modal=\"true\"\n          role=\"dialog\"\n          :aria-label=\"title || 'dialog'\"\n          :style=\"style\"\n          @click.stop=\"\"\n          :widget=\"widget\"\n        >\n          <div class=\"el-dialog__header\" :widget=\"`dialog:title:${widget.split(':')[1]}`\">\n            <slot name=\"title\">\n                <span class=\"el-dialog__title\">\n                  {{ title }}\n                </span>\n            </slot>\n            <button\n              v-if=\"showClose\"\n              aria-label=\"close\"\n              class=\"el-dialog__headerbtn\"\n              type=\"button\"\n            >\n              <ps-icon class=\"el-dialog__close\"><close /> </ps-icon>\n            </button>\n          </div>\n          <template v-if=\"rendered\">\n            <div class=\"el-dialog__body\" :widget=\"`dialog:default:${widget.split(':')[1]}`\">\n              <slot></slot>\n            </div>\n          </template>\n          <div v-if=\"$slots.footer\" class=\"el-dialog__footer\" :widget=\"`dialog:footer:${widget.split(':')[1]}`\">\n            <slot name=\"footer\"></slot>\n          </div>\n        </div>\n      </div>\n    </ps-overlay>\n  </teleport>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref } from 'vue'\nimport { PsOverlay } from '@element-ps/components/overlay'\nimport { useSameTarget } from '@element-ps/hooks'\nimport { dialogProps } from './dialog'\nimport { useDialog } from './use-dialog'\nimport { PsIcon } from '@element-ps/components/icon'\nimport { CloseComponents } from '@element-ps/utils/icon'\n\nexport default defineComponent({\n  name: 'PsDialog',\n  components: {\n    PsOverlay,\n    PsIcon,\n    ...CloseComponents,\n  },\n  props: dialogProps,\n  setup(props, ctx) {\n    const dialogRef = ref<HTMLElement>()\n    const dialog = useDialog(props, ctx, dialogRef)\n    const overlayEvent = useSameTarget(dialog.onModalClick)\n\n    return {\n      dialogRef,\n      overlayEvent,\n      ...dialog,\n    }\n  },\n})\n</script>\n"],"names":["_createBlock","_createVNode","_createElementVNode","_renderSlot","_createElementBlock"],"mappings":";;qBAUQ,OAAM;;;qBAqBQ,OAAM;;;EAMd,cAAW;AAAA,EACX,OAAM;AAAA,EACN,MAAK;AAAA;;;;;;;sBAtCjBA;IAAU,IAAG;AAAA,IAAQ,WAAW;;mBAC9BC;MAEE,qBAAA;AAAA,MACC,MAAM;MACN,iBAAgB;MAChB,WAAS;;uBAEV;QAAAC,0BAAA;UAGEA;YACE,KAAI;AAAA,YACH;;;;;;;;YAQD,cAAW;AAAA,YACX,MAAK;AAAA,YACJ,cAAY;YACZ,sBAAO;YACP,iDAAD;;YACC,QAAQ;;YAETA;cAAK,OAAM;AAAA,cAAqB,wBAAwB,YAAO;;cAC7DC,qCAAA;gBACID,2BAAA,4BACK;;cAID,+BADRE,6BAAA;gBAMEH,kCAAS,OAAM;mCAAmB;oBAAAA;;;;;;YAGtB,8BACdG;;cAAK,OAAM;AAAA,cAAmB,0BAA0B,YAAO;;cAC7DD;;YAGO,YAAO,uBAAlBC;;cAA0B,OAAM;AAAA,cAAqB,yBAAyB,YAAO;;cACnFD;;;;;;;cA/CE;;;;;;;"}

package/es/packages/components/dialog/src/use-dialog.mjs

@@ -11,7 +11,7 @@ import useRestoreActive from '../../../hooks/use-restore-active/index.mjs';
 const useDialog = (props, { emit }, targetRef) => {
   const visible = ref(false);
   const closed = ref(false);
-  const rendered = ref(false);
+  const rendered = ref(true);
   const zIndex = ref(props.zIndex || PopupManager.nextZIndex());
   let openTimer = void 0;
   let closeTimer = void 0;

package/es/packages/components/dialog/src/use-dialog.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-dialog.mjs","sources":["../../../../../../../packages/components/dialog/src/use-dialog.ts"],"sourcesContent":["import { computed, ref, watch, nextTick, onMounted } from 'vue'\nimport { useTimeoutFn } from '@vueuse/core'\n\nimport { useLockScreen, useRestoreActive, useModal } from '@element-ps/hooks'\nimport isServer from '@element-ps/utils/isServer'\nimport PopupManager from '@element-ps/utils/popup-manager'\nimport { isNumber } from '@element-ps/utils/util'\n\nimport type { CSSProperties, Ref, SetupContext } from 'vue'\nimport type { DialogProps } from './dialog'\n\nexport const useDialog = (\n  props: DialogProps,\n  { emit }: SetupContext,\n  targetRef: Ref<HTMLElement | undefined>\n) => {\n  const visible = ref(false)\n  const closed = ref(false)\n  const rendered = ref(false) // when desctroyOnClose is true, we initialize it as false vise versa\n  const zIndex = ref(props.zIndex || PopupManager.nextZIndex())\n\n  let openTimer: (() => void) | undefined = undefined\n  let closeTimer: (() => void) | undefined = undefined\n\n  const normalizeWidth = computed(() =>\n    isNumber(props.width) ? `${props.width}px` : props.width\n  )\n\n  const style = computed<CSSProperties>(() => {\n    const style: CSSProperties = {}\n    const varPrefix = `--el-dialog`\n    if (!props.fullscreen) {\n      if (props.top) {\n        style[`${varPrefix}-margin-top`] = props.top\n      }\n      if (props.width) {\n        style[`${varPrefix}-width`] = normalizeWidth.value\n      }\n    }\n    return style\n  })\n\n  function open() {\n    closeTimer?.()\n    openTimer?.()\n\n    if (props.openDelay && props.openDelay > 0) {\n      ;({ stop: openTimer } = useTimeoutFn(() => doOpen(), props.openDelay))\n    } else {\n      doOpen()\n    }\n  }\n\n  function close() {\n    // if (this.willClose && !this.willClose()) return;\n    openTimer?.()\n    closeTimer?.()\n\n    if (props.closeDelay && props.closeDelay > 0) {\n      ;({ stop: closeTimer } = useTimeoutFn(() => doClose(), props.closeDelay))\n    } else {\n      doClose()\n    }\n  }\n\n  function hide(shouldCancel: boolean) {\n    if (shouldCancel) return\n    closed.value = true\n    visible.value = false\n  }\n\n  function handleClose() {\n    if (props.beforeClose) {\n      props.beforeClose(hide)\n    } else {\n      close()\n    }\n  }\n\n  function doOpen() {\n    if (isServer) {\n      return\n    }\n\n    // if (props.willOpen?.()) {\n    //  return\n    // }\n    visible.value = true\n  }\n\n  function doClose() {\n    visible.value = false\n  }\n\n  if (props.lockScroll) {\n    useLockScreen(visible)\n  }\n\n  if (props.closeOnPressEscape) {\n    useModal(\n      {\n        handleClose,\n      },\n      visible\n    )\n  }\n\n  useRestoreActive(visible)\n\n  watch(\n    () => props.modelValue,\n    (val) => {\n      if (val) {\n        closed.value = false\n        open()\n        rendered.value = true // enables lazy rendering\n        zIndex.value = props.zIndex ? zIndex.value++ : PopupManager.nextZIndex()\n        // this.$el.addEventListener('scroll', this.updatePopper)\n        nextTick(() => {\n          if (targetRef.value) {\n            targetRef.value.scrollTop = 0\n          }\n        })\n      } else {\n        // this.$el.removeEventListener('scroll', this.updatePopper\n        if (visible.value) {\n          close()\n        }\n      }\n    }\n  )\n\n  onMounted(() => {\n    if (props.modelValue) {\n      visible.value = true\n      rendered.value = true // enables lazy rendering\n      open()\n    }\n  })\n\n  return {\n    closed,\n    style,\n    rendered,\n    visible,\n    zIndex,\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;MAWa,YAAY,CACvB,OACA,EAAE,QACF,cACG;AACH,QAAM,UAAU,IAAI;AACpB,QAAM,SAAS,IAAI;AACnB,QAAM,WAAW,IAAI;AACrB,QAAM,SAAS,IAAI,MAAM,UAAU,aAAa;AAEhD,MAAI,YAAsC;AAC1C,MAAI,aAAuC;AAE3C,QAAM,iBAAiB,SAAS,MAC9B,SAAS,MAAM,SAAS,GAAG,MAAM,YAAY,MAAM;AAGrD,QAAM,QAAQ,SAAwB,MAAM;AAC1C,UAAM,SAAuB;AAC7B,UAAM,YAAY;AAClB,QAAI,CAAC,MAAM,YAAY;AACrB,UAAI,MAAM,KAAK;AACb,eAAM,GAAG,0BAA0B,MAAM;AAAA;AAE3C,UAAI,MAAM,OAAO;AACf,eAAM,GAAG,qBAAqB,eAAe;AAAA;AAAA;AAGjD,WAAO;AAAA;AAGT,kBAAgB;AACd;AACA;AAEA,QAAI,MAAM,aAAa,MAAM,YAAY,GAAG;AAC1C;AAAC,MAAC,GAAE,MAAM,cAAc,aAAa,MAAM,UAAU,MAAM;AAAA,WACtD;AACL;AAAA;AAAA;AAIJ,mBAAiB;AAEf;AACA;AAEA,QAAI,MAAM,cAAc,MAAM,aAAa,GAAG;AAC5C;AAAC,MAAC,GAAE,MAAM,eAAe,aAAa,MAAM,WAAW,MAAM;AAAA,WACxD;AACL;AAAA;AAAA;AAIJ,gBAAc,cAAuB;AACnC,QAAI;AAAc;AAClB,WAAO,QAAQ;AACf,YAAQ,QAAQ;AAAA;AAGlB,yBAAuB;AACrB,QAAI,MAAM,aAAa;AACrB,YAAM,YAAY;AAAA,WACb;AACL;AAAA;AAAA;AAIJ,oBAAkB;AAChB,QAAI,UAAU;AACZ;AAAA;AAMF,YAAQ,QAAQ;AAAA;AAGlB,qBAAmB;AACjB,YAAQ,QAAQ;AAAA;AAGlB,MAAI,MAAM,YAAY;AACpB,kBAAc;AAAA;AAGhB,MAAI,MAAM,oBAAoB;AAC5B,aACE;AAAA,MACE;AAAA,OAEF;AAAA;AAIJ,mBAAiB;AAEjB,QACE,MAAM,MAAM,YACZ,CAAC,QAAQ;AACP,QAAI,KAAK;AACP,aAAO,QAAQ;AACf;AACA,eAAS,QAAQ;AACjB,aAAO,QAAQ,MAAM,SAAS,OAAO,UAAU,aAAa;AAE5D,eAAS,MAAM;AACb,YAAI,UAAU,OAAO;AACnB,oBAAU,MAAM,YAAY;AAAA;AAAA;AAAA,WAG3B;AAEL,UAAI,QAAQ,OAAO;AACjB;AAAA;AAAA;AAAA;AAMR,YAAU,MAAM;AACd,QAAI,MAAM,YAAY;AACpB,cAAQ,QAAQ;AAChB,eAAS,QAAQ;AACjB;AAAA;AAAA;AAIJ,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;;;;"}
+{"version":3,"file":"use-dialog.mjs","sources":["../../../../../../../packages/components/dialog/src/use-dialog.ts"],"sourcesContent":["import { computed, ref, watch, nextTick, onMounted } from 'vue'\nimport { useTimeoutFn } from '@vueuse/core'\n\nimport { useLockScreen, useRestoreActive, useModal } from '@element-ps/hooks'\nimport isServer from '@element-ps/utils/isServer'\nimport PopupManager from '@element-ps/utils/popup-manager'\nimport { isNumber } from '@element-ps/utils/util'\n\nimport type { CSSProperties, Ref, SetupContext } from 'vue'\nimport type { DialogProps } from './dialog'\n\nexport const useDialog = (\n  props: DialogProps,\n  { emit }: SetupContext,\n  targetRef: Ref<HTMLElement | undefined>\n) => {\n  const visible = ref(false)\n  const closed = ref(false)\n  const rendered = ref(true) // when desctroyOnClose is true, we initialize it as false vise versa\n  const zIndex = ref(props.zIndex || PopupManager.nextZIndex())\n\n  let openTimer: (() => void) | undefined = undefined\n  let closeTimer: (() => void) | undefined = undefined\n\n  const normalizeWidth = computed(() =>\n    isNumber(props.width) ? `${props.width}px` : props.width\n  )\n\n  const style = computed<CSSProperties>(() => {\n    const style: CSSProperties = {}\n    const varPrefix = `--el-dialog`\n    if (!props.fullscreen) {\n      if (props.top) {\n        style[`${varPrefix}-margin-top`] = props.top\n      }\n      if (props.width) {\n        style[`${varPrefix}-width`] = normalizeWidth.value\n      }\n    }\n    return style\n  })\n\n  function open() {\n    closeTimer?.()\n    openTimer?.()\n\n    if (props.openDelay && props.openDelay > 0) {\n      ;({ stop: openTimer } = useTimeoutFn(() => doOpen(), props.openDelay))\n    } else {\n      doOpen()\n    }\n  }\n\n  function close() {\n    // if (this.willClose && !this.willClose()) return;\n    openTimer?.()\n    closeTimer?.()\n\n    if (props.closeDelay && props.closeDelay > 0) {\n      ;({ stop: closeTimer } = useTimeoutFn(() => doClose(), props.closeDelay))\n    } else {\n      doClose()\n    }\n  }\n\n  function hide(shouldCancel: boolean) {\n    if (shouldCancel) return\n    closed.value = true\n    visible.value = false\n  }\n\n  function handleClose() {\n    if (props.beforeClose) {\n      props.beforeClose(hide)\n    } else {\n      close()\n    }\n  }\n\n  function doOpen() {\n    if (isServer) {\n      return\n    }\n\n    // if (props.willOpen?.()) {\n    //  return\n    // }\n    visible.value = true\n  }\n\n  function doClose() {\n    visible.value = false\n  }\n\n  if (props.lockScroll) {\n    useLockScreen(visible)\n  }\n\n  if (props.closeOnPressEscape) {\n    useModal(\n      {\n        handleClose,\n      },\n      visible\n    )\n  }\n\n  useRestoreActive(visible)\n\n  watch(\n    () => props.modelValue,\n    (val) => {\n      if (val) {\n        closed.value = false\n        open()\n        rendered.value = true // enables lazy rendering\n        zIndex.value = props.zIndex ? zIndex.value++ : PopupManager.nextZIndex()\n        // this.$el.addEventListener('scroll', this.updatePopper)\n        nextTick(() => {\n          if (targetRef.value) {\n            targetRef.value.scrollTop = 0\n          }\n        })\n      } else {\n        // this.$el.removeEventListener('scroll', this.updatePopper\n        if (visible.value) {\n          close()\n        }\n      }\n    }\n  )\n\n  onMounted(() => {\n    if (props.modelValue) {\n      visible.value = true\n      rendered.value = true // enables lazy rendering\n      open()\n    }\n  })\n\n  return {\n    closed,\n    style,\n    rendered,\n    visible,\n    zIndex,\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;MAWa,YAAY,CACvB,OACA,EAAE,QACF,cACG;AACH,QAAM,UAAU,IAAI;AACpB,QAAM,SAAS,IAAI;AACnB,QAAM,WAAW,IAAI;AACrB,QAAM,SAAS,IAAI,MAAM,UAAU,aAAa;AAEhD,MAAI,YAAsC;AAC1C,MAAI,aAAuC;AAE3C,QAAM,iBAAiB,SAAS,MAC9B,SAAS,MAAM,SAAS,GAAG,MAAM,YAAY,MAAM;AAGrD,QAAM,QAAQ,SAAwB,MAAM;AAC1C,UAAM,SAAuB;AAC7B,UAAM,YAAY;AAClB,QAAI,CAAC,MAAM,YAAY;AACrB,UAAI,MAAM,KAAK;AACb,eAAM,GAAG,0BAA0B,MAAM;AAAA;AAE3C,UAAI,MAAM,OAAO;AACf,eAAM,GAAG,qBAAqB,eAAe;AAAA;AAAA;AAGjD,WAAO;AAAA;AAGT,kBAAgB;AACd;AACA;AAEA,QAAI,MAAM,aAAa,MAAM,YAAY,GAAG;AAC1C;AAAC,MAAC,GAAE,MAAM,cAAc,aAAa,MAAM,UAAU,MAAM;AAAA,WACtD;AACL;AAAA;AAAA;AAIJ,mBAAiB;AAEf;AACA;AAEA,QAAI,MAAM,cAAc,MAAM,aAAa,GAAG;AAC5C;AAAC,MAAC,GAAE,MAAM,eAAe,aAAa,MAAM,WAAW,MAAM;AAAA,WACxD;AACL;AAAA;AAAA;AAIJ,gBAAc,cAAuB;AACnC,QAAI;AAAc;AAClB,WAAO,QAAQ;AACf,YAAQ,QAAQ;AAAA;AAGlB,yBAAuB;AACrB,QAAI,MAAM,aAAa;AACrB,YAAM,YAAY;AAAA,WACb;AACL;AAAA;AAAA;AAIJ,oBAAkB;AAChB,QAAI,UAAU;AACZ;AAAA;AAMF,YAAQ,QAAQ;AAAA;AAGlB,qBAAmB;AACjB,YAAQ,QAAQ;AAAA;AAGlB,MAAI,MAAM,YAAY;AACpB,kBAAc;AAAA;AAGhB,MAAI,MAAM,oBAAoB;AAC5B,aACE;AAAA,MACE;AAAA,OAEF;AAAA;AAIJ,mBAAiB;AAEjB,QACE,MAAM,MAAM,YACZ,CAAC,QAAQ;AACP,QAAI,KAAK;AACP,aAAO,QAAQ;AACf;AACA,eAAS,QAAQ;AACjB,aAAO,QAAQ,MAAM,SAAS,OAAO,UAAU,aAAa;AAE5D,eAAS,MAAM;AACb,YAAI,UAAU,OAAO;AACnB,oBAAU,MAAM,YAAY;AAAA;AAAA;AAAA,WAG3B;AAEL,UAAI,QAAQ,OAAO;AACjB;AAAA;AAAA;AAAA;AAMR,YAAU,MAAM;AACd,QAAI,MAAM,YAAY;AACpB,cAAQ,QAAQ;AAChB,eAAS,QAAQ;AACjB;AAAA;AAAA;AAIJ,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;;;;"}