element-ps 1.0.8 → 1.0.12

package/lib/packages/components/badge/src/badge2.js

@@ -2,11 +2,25 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var badge_vue_vue_type_script_lang = require('./badge.vue_vue&type=script&lang.js');
-var badge_vue_vue_type_template_id_020a5517_lang = require('./badge.vue_vue&type=template&id=020a5517&lang.js');
+var props = require('../../../utils/props.js');
 
-badge_vue_vue_type_script_lang["default"].render = badge_vue_vue_type_template_id_020a5517_lang.render;
-badge_vue_vue_type_script_lang["default"].__file = "packages/components/badge/src/badge.vue";
+const badgeProps = props.buildProps({
+  value: {
+    type: [String, Number],
+    default: ""
+  },
+  max: {
+    type: Number,
+    default: 99
+  },
+  isDot: Boolean,
+  hidden: Boolean,
+  type: {
+    type: String,
+    values: ["primary", "success", "warning", "info", "danger"],
+    default: "danger"
+  }
+});
 
-exports["default"] = badge_vue_vue_type_script_lang["default"];
+exports.badgeProps = badgeProps;
 //# sourceMappingURL=badge2.js.map

package/lib/packages/components/badge/src/badge2.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"badge2.js","sources":["../../../../../../../packages/components/badge/src/badge.ts"],"sourcesContent":["import { buildProps } from '@element-ps/utils/props'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport const badgeProps = buildProps({\n  value: {\n    type: [String, Number],\n    default: '',\n  },\n  max: {\n    type: Number,\n    default: 99,\n  },\n  isDot: Boolean,\n  hidden: Boolean,\n  type: {\n    type: String,\n    values: ['primary', 'success', 'warning', 'info', 'danger'],\n    default: 'danger',\n  },\n} as const)\nexport type BadgeProps = ExtractPropTypes<typeof badgeProps>\n"],"names":["buildProps"],"mappings":";;;;;;MAIa,aAAaA,iBAAW;AAAA,EACnC,OAAO;AAAA,IACL,MAAM,CAAC,QAAQ;AAAA,IACf,SAAS;AAAA;AAAA,EAEX,KAAK;AAAA,IACH,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ,CAAC,WAAW,WAAW,WAAW,QAAQ;AAAA,IAClD,SAAS;AAAA;AAAA;;;;"}

package/lib/packages/components/breadcrumb/index.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var withInstall = require('../../utils/with-install.js');
 require('./src/breadcrumb2.js');
-require('./src/breadcrumb-item2.js');
+require('./src/breadcrumb-item.js');
 var breadcrumb = require('./src/breadcrumb.js');
-var breadcrumbItem = require('./src/breadcrumb-item.js');
+var breadcrumbItem = require('./src/breadcrumb-item2.js');
 var breadcrumb_vue_vue_type_script_lang = require('./src/breadcrumb.vue_vue&type=script&lang.js');
 var breadcrumbItem_vue_vue_type_script_lang = require('./src/breadcrumb-item.vue_vue&type=script&lang.js');
 

package/lib/packages/components/breadcrumb/src/breadcrumb-item.js

@@ -2,18 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var props = require('../../../utils/props.js');
+var breadcrumbItem_vue_vue_type_script_lang = require('./breadcrumb-item.vue_vue&type=script&lang.js');
+var breadcrumbItem_vue_vue_type_template_id_2f37792a_lang = require('./breadcrumb-item.vue_vue&type=template&id=2f37792a&lang.js');
 
-const breadcrumbItemProps = props.buildProps({
-  to: {
-    type: props.definePropType([String, Object]),
-    default: ""
-  },
-  replace: {
-    type: Boolean,
-    default: false
-  }
-});
+breadcrumbItem_vue_vue_type_script_lang["default"].render = breadcrumbItem_vue_vue_type_template_id_2f37792a_lang.render;
+breadcrumbItem_vue_vue_type_script_lang["default"].__file = "packages/components/breadcrumb/src/breadcrumb-item.vue";
 
-exports.breadcrumbItemProps = breadcrumbItemProps;
+exports["default"] = breadcrumbItem_vue_vue_type_script_lang["default"];
 //# sourceMappingURL=breadcrumb-item.js.map

package/lib/packages/components/breadcrumb/src/breadcrumb-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb-item.js","sources":["../../../../../../../packages/components/breadcrumb/src/breadcrumb-item.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-ps/utils/props'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type { RouteLocationRaw } from 'vue-router'\n\nexport const breadcrumbItemProps = buildProps({\n  to: {\n    type: definePropType<RouteLocationRaw>([String, Object]),\n    default: '',\n  },\n  replace: {\n    type: Boolean,\n    default: false,\n  },\n} as const)\nexport type BreadcrumbItemProps = ExtractPropTypes<typeof breadcrumbItemProps>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;MAKa,sBAAsBA,iBAAW;AAAA,EAC5C,IAAI;AAAA,IACF,MAAMC,qBAAiC,CAAC,QAAQ;AAAA,IAChD,SAAS;AAAA;AAAA,EAEX,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AAAA;;;;"}
+{"version":3,"file":"breadcrumb-item.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/lib/packages/components/breadcrumb/src/breadcrumb-item.vue_vue&type=script&lang.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 var index = require('../../icon/index.js');
 require('../../../tokens/index.js');
-var breadcrumbItem = require('./breadcrumb-item.js');
+var breadcrumbItem = require('./breadcrumb-item2.js');
 var breadcrumb = require('../../../tokens/breadcrumb.js');
 
 const COMPONENT_NAME = "PsBreadcrumbItem";

package/lib/packages/components/breadcrumb/src/breadcrumb-item2.js

@@ -2,11 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var breadcrumbItem_vue_vue_type_script_lang = require('./breadcrumb-item.vue_vue&type=script&lang.js');
-var breadcrumbItem_vue_vue_type_template_id_2f37792a_lang = require('./breadcrumb-item.vue_vue&type=template&id=2f37792a&lang.js');
+var props = require('../../../utils/props.js');
 
-breadcrumbItem_vue_vue_type_script_lang["default"].render = breadcrumbItem_vue_vue_type_template_id_2f37792a_lang.render;
-breadcrumbItem_vue_vue_type_script_lang["default"].__file = "packages/components/breadcrumb/src/breadcrumb-item.vue";
+const breadcrumbItemProps = props.buildProps({
+  to: {
+    type: props.definePropType([String, Object]),
+    default: ""
+  },
+  replace: {
+    type: Boolean,
+    default: false
+  }
+});
 
-exports["default"] = breadcrumbItem_vue_vue_type_script_lang["default"];
+exports.breadcrumbItemProps = breadcrumbItemProps;
 //# sourceMappingURL=breadcrumb-item2.js.map

package/lib/packages/components/breadcrumb/src/breadcrumb-item2.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb-item2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"breadcrumb-item2.js","sources":["../../../../../../../packages/components/breadcrumb/src/breadcrumb-item.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-ps/utils/props'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type { RouteLocationRaw } from 'vue-router'\n\nexport const breadcrumbItemProps = buildProps({\n  to: {\n    type: definePropType<RouteLocationRaw>([String, Object]),\n    default: '',\n  },\n  replace: {\n    type: Boolean,\n    default: false,\n  },\n} as const)\nexport type BreadcrumbItemProps = ExtractPropTypes<typeof breadcrumbItemProps>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;MAKa,sBAAsBA,iBAAW;AAAA,EAC5C,IAAI;AAAA,IACF,MAAMC,qBAAiC,CAAC,QAAQ;AAAA,IAChD,SAAS;AAAA;AAAA,EAEX,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AAAA;;;;"}

package/lib/packages/components/card/index.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var withInstall = require('../../utils/with-install.js');
-require('./src/card.js');
-var card = require('./src/card2.js');
+require('./src/card2.js');
+var card = require('./src/card.js');
 var card_vue_vue_type_script_lang = require('./src/card.vue_vue&type=script&lang.js');
 
 const PsCard = withInstall.withInstall(card_vue_vue_type_script_lang["default"]);

package/lib/packages/components/card/src/card.js

@@ -2,11 +2,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var card_vue_vue_type_script_lang = require('./card.vue_vue&type=script&lang.js');
-var card_vue_vue_type_template_id_7a6bdf05_lang = require('./card.vue_vue&type=template&id=7a6bdf05&lang.js');
+var props = require('../../../utils/props.js');
 
-card_vue_vue_type_script_lang["default"].render = card_vue_vue_type_template_id_7a6bdf05_lang.render;
-card_vue_vue_type_script_lang["default"].__file = "packages/components/card/src/card.vue";
+const cardProps = props.buildProps({
+  header: {
+    type: String,
+    default: ""
+  },
+  bodyStyle: {
+    type: props.definePropType([String, Object, Array]),
+    default: ""
+  },
+  shadow: {
+    type: String,
+    default: ""
+  }
+});
 
-exports["default"] = card_vue_vue_type_script_lang["default"];
+exports.cardProps = cardProps;
 //# sourceMappingURL=card.js.map

package/lib/packages/components/card/src/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"card.js","sources":["../../../../../../../packages/components/card/src/card.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-ps/utils/props'\nimport type { ExtractPropTypes } from 'vue'\nimport type { StyleValue } from '@element-ps/utils/types'\n\nexport const cardProps = buildProps({\n  header: {\n    type: String,\n    default: '',\n  },\n  bodyStyle: {\n    type: definePropType<StyleValue>([String, Object, Array]),\n    default: '',\n  },\n  shadow: {\n    type: String,\n    default: '',\n  },\n} as const)\nexport type CardProps = ExtractPropTypes<typeof cardProps>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;MAIa,YAAYA,iBAAW;AAAA,EAClC,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,IACT,MAAMC,qBAA2B,CAAC,QAAQ,QAAQ;AAAA,IAClD,SAAS;AAAA;AAAA,EAEX,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAAA;;;;"}

package/lib/packages/components/card/src/card.vue_vue&type=script&lang.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
-var card = require('./card2.js');
+var card = require('./card.js');
 
 var script = vue.defineComponent({
   name: "PsCard",

package/lib/packages/components/card/src/card2.js

@@ -2,22 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var props = require('../../../utils/props.js');
+var card_vue_vue_type_script_lang = require('./card.vue_vue&type=script&lang.js');
+var card_vue_vue_type_template_id_7a6bdf05_lang = require('./card.vue_vue&type=template&id=7a6bdf05&lang.js');
 
-const cardProps = props.buildProps({
-  header: {
-    type: String,
-    default: ""
-  },
-  bodyStyle: {
-    type: props.definePropType([String, Object, Array]),
-    default: ""
-  },
-  shadow: {
-    type: String,
-    default: ""
-  }
-});
+card_vue_vue_type_script_lang["default"].render = card_vue_vue_type_template_id_7a6bdf05_lang.render;
+card_vue_vue_type_script_lang["default"].__file = "packages/components/card/src/card.vue";
 
-exports.cardProps = cardProps;
+exports["default"] = card_vue_vue_type_script_lang["default"];
 //# sourceMappingURL=card2.js.map

package/lib/packages/components/card/src/card2.js.map

@@ -1 +1 @@
-{"version":3,"file":"card2.js","sources":["../../../../../../../packages/components/card/src/card.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-ps/utils/props'\nimport type { ExtractPropTypes } from 'vue'\nimport type { StyleValue } from '@element-ps/utils/types'\n\nexport const cardProps = buildProps({\n  header: {\n    type: String,\n    default: '',\n  },\n  bodyStyle: {\n    type: definePropType<StyleValue>([String, Object, Array]),\n    default: '',\n  },\n  shadow: {\n    type: String,\n    default: '',\n  },\n} as const)\nexport type CardProps = ExtractPropTypes<typeof cardProps>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;MAIa,YAAYA,iBAAW;AAAA,EAClC,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,IACT,MAAMC,qBAA2B,CAAC,QAAQ,QAAQ;AAAA,IAClD,SAAS;AAAA;AAAA,EAEX,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAAA;;;;"}
+{"version":3,"file":"card2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/lib/packages/components/dialog/src/dialog.vue_vue&type=script&lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.vue_vue&type=script&lang.js","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":["defineComponent","PsOverlay","PsIcon","CloseComponents","dialogProps","ref","useDialog","useSameTarget"],"mappings":";;;;;;;;;;;;;AAkEA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,eACVC;AAAA,YACAC;AAAA,OACGC;AAAA;AAAA,EAEL,OAAOC;AAAA,EACP,MAAM,OAAO,KAAK;AAChB,UAAM,YAAYC;AAClB,UAAM,SAASC,oBAAU,OAAO,KAAK;AACrC,UAAM,eAAeC,sBAAc,OAAO;AAE1C,WAAO;AAAA,MACL;AAAA,MACA;AAAA,SACG;AAAA;AAAA;AAAA;;;;"}
+{"version":3,"file":"dialog.vue_vue&type=script&lang.js","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":["defineComponent","PsOverlay","PsIcon","CloseComponents","dialogProps","ref","useDialog","useSameTarget"],"mappings":";;;;;;;;;;;;;AAmEA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,eACVC;AAAA,YACAC;AAAA,OACGC;AAAA;AAAA,EAEL,OAAOC;AAAA,EACP,MAAM,OAAO,KAAK;AAChB,UAAM,YAAYC;AAClB,UAAM,SAASC,oBAAU,OAAO,KAAK;AACrC,UAAM,eAAeC,sBAAc,OAAO;AAE1C,WAAO;AAAA,MACL;AAAA,MACA;AAAA,SACG;AAAA;AAAA;AAAA;;;;"}

package/lib/packages/components/dialog/src/dialog.vue_vue&type=template&id=02672805&lang.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('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 = {
@@ -47,11 +47,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             "aria-label": _ctx.title || "dialog",
             style: vue.normalizeStyle(_ctx.style),
             onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
-            }, ["stop"]))
+            }, ["stop"])),
+            widget: _ctx.widget
           }, [
             vue.createElementVNode("div", {
               class: "el-dialog__header",
-              widget: _ctx.widget
+              widget: `dialog:title:${_ctx.widget.split(":")[1]}`
             }, [
               vue.renderSlot(_ctx.$slots, "title", {}, () => [
                 vue.createElementVNode("span", _hoisted_4, vue.toDisplayString(_ctx.title), 1)
@@ -68,14 +69,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             _ctx.rendered ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
               class: "el-dialog__body",
-              widget: _ctx.widget
+              widget: `dialog:default:${_ctx.widget.split(":")[1]}`
             }, [
               vue.renderSlot(_ctx.$slots, "default")
             ], 8, _hoisted_6)) : vue.createCommentVNode("v-if", true),
             _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 1,
               class: "el-dialog__footer",
-              widget: _ctx.widget
+              widget: `dialog:footer:${_ctx.widget.split(":")[1]}`
             }, [
               vue.renderSlot(_ctx.$slots, "footer")
             ], 8, _hoisted_7)) : vue.createCommentVNode("v-if", true)

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.vue_vue&type=template&id=02672805&lang.js","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;;;;;;;0BArCjBA;IAAU,IAAG;AAAA,IAAQ,WAAW;;uBAC9BC;MAEE,qBAAA;AAAA,MACC,MAAM;MACN,iBAAgB;MAChB,WAAS;;2BAEV;QAAAC,8BAAA;UAGEA;YACE,KAAI;AAAA,YACH;;;;;;;;YAQD,cAAW;AAAA,YACX,MAAK;AAAA,YACJ,cAAY;YACZ,0BAAO;YACP,qDAAD;;;YAEAA;cAAK,OAAM;AAAA,cAAqB,QAAQ;;cACtCC,yCAAA;gBACID,+BAAA,gCACK;;cAID,mCADRE,iCAAA;gBAMEH,sCAAS,OAAM;uCAAmB;oBAAAA;;;;;;YAGtB,kCACdG;;cAAK,OAAM;AAAA,cAAmB,QAAQ;;cACpCD;;YAGO,YAAO,2BAAlBC;;cAA0B,OAAM;AAAA,cAAqB,QAAQ;;cAC3DD;;;;;;;kBA9CE;;;;;;;"}
+{"version":3,"file":"dialog.vue_vue&type=template&id=02672805&lang.js","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;;;;;;;0BAtCjBA;IAAU,IAAG;AAAA,IAAQ,WAAW;;uBAC9BC;MAEE,qBAAA;AAAA,MACC,MAAM;MACN,iBAAgB;MAChB,WAAS;;2BAEV;QAAAC,8BAAA;UAGEA;YACE,KAAI;AAAA,YACH;;;;;;;;YAQD,cAAW;AAAA,YACX,MAAK;AAAA,YACJ,cAAY;YACZ,0BAAO;YACP,qDAAD;;YACC,QAAQ;;YAETA;cAAK,OAAM;AAAA,cAAqB,wBAAwB,YAAO;;cAC7DC,yCAAA;gBACID,+BAAA,gCACK;;cAID,mCADRE,iCAAA;gBAMEH,sCAAS,OAAM;uCAAmB;oBAAAA;;;;;;YAGtB,kCACdG;;cAAK,OAAM;AAAA,cAAmB,0BAA0B,YAAO;;cAC7DD;;YAGO,YAAO,2BAAlBC;;cAA0B,OAAM;AAAA,cAAqB,yBAAyB,YAAO;;cACnFD;;;;;;;kBA/CE;;;;;;;"}

package/lib/packages/components/dialog/src/use-dialog.js

@@ -15,7 +15,7 @@ var index$2 = require('../../../hooks/use-restore-active/index.js');
 const useDialog = (props, { emit }, targetRef) => {
   const visible = vue.ref(false);
   const closed = vue.ref(false);
-  const rendered = vue.ref(false);
+  const rendered = vue.ref(true);
   const zIndex = vue.ref(props.zIndex || popupManager["default"].nextZIndex());
   let openTimer = void 0;
   let closeTimer = void 0;

package/lib/packages/components/dialog/src/use-dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-dialog.js","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":["ref","PopupManager","computed","isNumber","useTimeoutFn","isServer"],"mappings":";;;;;;;;;;;;;;MAWa,YAAY,CACvB,OACA,EAAE,QACF,cACG;AACH,QAAM,UAAUA,QAAI;AACpB,QAAM,SAASA,QAAI;AACnB,QAAM,WAAWA,QAAI;AACrB,QAAM,SAASA,QAAI,MAAM,UAAUC,wBAAa;AAEhD,MAAI,YAAsC;AAC1C,MAAI,aAAuC;AAE3C,QAAM,iBAAiBC,aAAS,MAC9BC,cAAS,MAAM,SAAS,GAAG,MAAM,YAAY,MAAM;AAGrD,QAAM,QAAQD,aAAwB,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,cAAcE,kBAAa,MAAM,UAAU,MAAM;AAAA,WACtD;AACL;AAAA;AAAA;AAIJ,mBAAiB;AAEf;AACA;AAEA,QAAI,MAAM,cAAc,MAAM,aAAa,GAAG;AAC5C;AAAC,MAAC,GAAE,MAAM,eAAeA,kBAAa,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,QAAIC,qBAAU;AACZ;AAAA;AAMF,YAAQ,QAAQ;AAAA;AAGlB,qBAAmB;AACjB,YAAQ,QAAQ;AAAA;AAGlB,MAAI,MAAM,YAAY;AACpB,qBAAc;AAAA;AAGhB,MAAI,MAAM,oBAAoB;AAC5B,uBACE;AAAA,MACE;AAAA,OAEF;AAAA;AAIJ,qBAAiB;AAEjB,YACE,MAAM,MAAM,YACZ,CAAC,QAAQ;AACP,QAAI,KAAK;AACP,aAAO,QAAQ;AACf;AACA,eAAS,QAAQ;AACjB,aAAO,QAAQ,MAAM,SAAS,OAAO,UAAUJ,wBAAa;AAE5D,mBAAS,MAAM;AACb,YAAI,UAAU,OAAO;AACnB,oBAAU,MAAM,YAAY;AAAA;AAAA;AAAA,WAG3B;AAEL,UAAI,QAAQ,OAAO;AACjB;AAAA;AAAA;AAAA;AAMR,gBAAU,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.js","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":["ref","PopupManager","computed","isNumber","useTimeoutFn","isServer"],"mappings":";;;;;;;;;;;;;;MAWa,YAAY,CACvB,OACA,EAAE,QACF,cACG;AACH,QAAM,UAAUA,QAAI;AACpB,QAAM,SAASA,QAAI;AACnB,QAAM,WAAWA,QAAI;AACrB,QAAM,SAASA,QAAI,MAAM,UAAUC,wBAAa;AAEhD,MAAI,YAAsC;AAC1C,MAAI,aAAuC;AAE3C,QAAM,iBAAiBC,aAAS,MAC9BC,cAAS,MAAM,SAAS,GAAG,MAAM,YAAY,MAAM;AAGrD,QAAM,QAAQD,aAAwB,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,cAAcE,kBAAa,MAAM,UAAU,MAAM;AAAA,WACtD;AACL;AAAA;AAAA;AAIJ,mBAAiB;AAEf;AACA;AAEA,QAAI,MAAM,cAAc,MAAM,aAAa,GAAG;AAC5C;AAAC,MAAC,GAAE,MAAM,eAAeA,kBAAa,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,QAAIC,qBAAU;AACZ;AAAA;AAMF,YAAQ,QAAQ;AAAA;AAGlB,qBAAmB;AACjB,YAAQ,QAAQ;AAAA;AAGlB,MAAI,MAAM,YAAY;AACpB,qBAAc;AAAA;AAGhB,MAAI,MAAM,oBAAoB;AAC5B,uBACE;AAAA,MACE;AAAA,OAEF;AAAA;AAIJ,qBAAiB;AAEjB,YACE,MAAM,MAAM,YACZ,CAAC,QAAQ;AACP,QAAI,KAAK;AACP,aAAO,QAAQ;AACf;AACA,eAAS,QAAQ;AACjB,aAAO,QAAQ,MAAM,SAAS,OAAO,UAAUJ,wBAAa;AAE5D,mBAAS,MAAM;AACb,YAAI,UAAU,OAAO;AACnB,oBAAU,MAAM,YAAY;AAAA;AAAA;AAAA,WAG3B;AAEL,UAAI,QAAQ,OAAO;AACjB;AAAA;AAAA;AAAA;AAMR,gBAAU,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;;;;"}

package/lib/packages/components/drawer/src/index.vue_vue&type=script&lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue_vue&type=script&lang.js","sources":["../../../../../../../packages/components/drawer/src/index.vue"],"sourcesContent":["<template>\n  <teleport to=\"body\" :disabled=\"!appendToBody\">\n    <ps-overlay\n      v-show=\"visible\"\n      :mask=\"modal\"\n      :overlay-class=\"(modalClass || '') + (widget ? ` ps--drawer-widget-class` : '')\"\n      :z-index=\"zIndex\"\n    >\n      <div\n        ref=\"drawerRef\"\n        aria-modal=\"true\"\n        aria-labelledby=\"el-drawer__title\"\n        :aria-label=\"title\"\n        :class=\"['el-drawer', direction, visible && 'open', customClass]\"\n        :style=\"\n            isHorizontal ? 'width: ' + drawerSize : 'height: ' + drawerSize\n          \"\n        role=\"dialog\"\n        @click.stop\n      >\n        <header\n          v-if=\"withHeader\"\n          id=\"el-drawer__title\"\n          class=\"el-drawer__header\"\n          :widget=\"widget\"\n        >\n          <slot name=\"title\">\n              <span role=\"heading\" :title=\"title\">\n                {{ title }}\n              </span>\n          </slot>\n          <button\n            v-if=\"showClose\"\n            :aria-label=\"'close ' + (title || 'drawer')\"\n            class=\"el-drawer__close-btn\"\n            type=\"button\"\n          >\n            <ps-icon class=\"el-drawer__close\"><close /></ps-icon>\n          </button>\n        </header>\n        <template v-if=\"rendered\">\n          <section class=\"el-drawer__body\" :widget=\"widget\">\n            <slot></slot>\n          </section>\n        </template>\n      </div>\n    </ps-overlay>\n  </teleport>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, ref } from 'vue'\nimport { PsOverlay } from '@element-ps/components/overlay'\nimport {\n  useDialog,\n  dialogProps,\n} from '@element-ps/components/dialog'\nimport type { PropType, SetupContext } from 'vue'\nimport PsIcon from '@element-ps/components/icon'\nimport { Close } from '@element-plus/icons'\n\ntype DrawerDirection = 'ltr' | 'rtl' | 'ttb' | 'btt'\n\nexport default defineComponent({\n  name: 'PsDrawer',\n  components: {\n    PsOverlay,\n    PsIcon,\n    Close,\n  },\n  props: {\n    ...dialogProps,\n    direction: {\n      type: String as PropType<DrawerDirection>,\n      default: 'rtl',\n      validator: (val: DrawerDirection) => {\n        return ['ltr', 'rtl', 'ttb', 'btt'].indexOf(val) !== -1\n      },\n    },\n    size: {\n      type: [String, Number],\n      default: '30%',\n    },\n    withHeader: {\n      type: Boolean,\n      default: true,\n    },\n    modalFade: {\n      type: Boolean,\n      default: true,\n    },\n    widget: {\n      type: String,\n    },\n  },\n\n  setup(props, ctx) {\n    const drawerRef = ref<HTMLElement>(null)\n    return {\n      ...useDialog(props, ctx as SetupContext, drawerRef),\n      drawerRef,\n      isHorizontal: computed(\n        () => props.direction === 'rtl' || props.direction === 'ltr',\n      ),\n      drawerSize: computed(() =>\n        typeof props.size === 'number' ? `${props.size}px` : props.size,\n      ),\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","PsOverlay","PsIcon","Close","dialogProps","ref","useDialog","computed"],"mappings":";;;;;;;;;;;;AA+DA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,eACVC;AAAA,YACAC;AAAA,WACAC;AAAA;AAAA,EAEF,OAAO;AAAA,OACFC;AAAA,IACH,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,QAAyB;AACnC,eAAO,CAAC,OAAO,OAAO,OAAO,OAAO,QAAQ,SAAS;AAAA;AAAA;AAAA,IAGzD,MAAM;AAAA,MACJ,MAAM,CAAC,QAAQ;AAAA,MACf,SAAS;AAAA;AAAA,IAEX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,QAAQ;AAAA,MACN,MAAM;AAAA;AAAA;AAAA,EAIV,MAAM,OAAO,KAAK;AAChB,UAAM,YAAYC,QAAiB;AACnC,WAAO;AAAA,SACFC,oBAAU,OAAO,KAAqB;AAAA,MACzC;AAAA,MACA,cAAcC,aACZ,MAAM,MAAM,cAAc,SAAS,MAAM,cAAc;AAAA,MAEzD,YAAYA,aAAS,MACnB,OAAO,MAAM,SAAS,WAAW,GAAG,MAAM,WAAW,MAAM;AAAA;AAAA;AAAA;;;;"}
+{"version":3,"file":"index.vue_vue&type=script&lang.js","sources":["../../../../../../../packages/components/drawer/src/index.vue"],"sourcesContent":["<template>\n  <teleport to=\"body\" :disabled=\"!appendToBody\">\n    <ps-overlay\n      v-show=\"visible\"\n      :mask=\"modal\"\n      :overlay-class=\"(modalClass || '') + (widget ? ` ps--drawer-widget-class` : '')\"\n      :z-index=\"zIndex\"\n    >\n      <div class=\"el-overlay-drawer\">\n        <div\n          ref=\"drawerRef\"\n          aria-modal=\"true\"\n          aria-labelledby=\"el-drawer__title\"\n          :aria-label=\"title\"\n          :class=\"['el-drawer', direction, visible && 'open', customClass]\"\n          :style=\"\n            isHorizontal ? 'width: ' + drawerSize : 'height: ' + drawerSize\n          \"\n          role=\"dialog\"\n          @click.stop\n          :widget=\"widget\"\n        >\n          <header\n            v-if=\"withHeader\"\n            id=\"el-drawer__title\"\n            class=\"el-drawer__header\"\n            :widget=\"`drawer:title:${widget.split(':')[1]}`\"\n          >\n            <slot name=\"title\">\n              <span role=\"heading\" :title=\"title\">\n                {{ title }}\n              </span>\n            </slot>\n            <button\n              v-if=\"showClose\"\n              :aria-label=\"'close ' + (title || 'drawer')\"\n              class=\"el-drawer__close-btn\"\n              type=\"button\"\n            >\n              <ps-icon class=\"el-drawer__close\"><close /></ps-icon>\n            </button>\n          </header>\n          <template v-if=\"rendered\">\n            <section class=\"el-drawer__body\" :widget=\"`drawer:default:${widget.split(':')[1]}`\">\n              <slot></slot>\n            </section>\n          </template>\n        </div>\n      </div>\n    </ps-overlay>\n  </teleport>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, ref } from 'vue'\nimport { PsOverlay } from '@element-ps/components/overlay'\nimport {\n  useDialog,\n  dialogProps,\n} from '@element-ps/components/dialog'\nimport type { PropType, SetupContext } from 'vue'\nimport PsIcon from '@element-ps/components/icon'\nimport { Close } from '@element-plus/icons'\n\ntype DrawerDirection = 'ltr' | 'rtl' | 'ttb' | 'btt'\n\nexport default defineComponent({\n  name: 'PsDrawer',\n  components: {\n    PsOverlay,\n    PsIcon,\n    Close,\n  },\n  props: {\n    ...dialogProps,\n    direction: {\n      type: String as PropType<DrawerDirection>,\n      default: 'rtl',\n      validator: (val: DrawerDirection) => {\n        return ['ltr', 'rtl', 'ttb', 'btt'].indexOf(val) !== -1\n      },\n    },\n    size: {\n      type: [String, Number],\n      default: '30%',\n    },\n    withHeader: {\n      type: Boolean,\n      default: true,\n    },\n    modalFade: {\n      type: Boolean,\n      default: true,\n    },\n    widget: {\n      type: String,\n    },\n  },\n\n  setup(props, ctx) {\n    const drawerRef = ref<HTMLElement>(null)\n    return {\n      ...useDialog(props, ctx as SetupContext, drawerRef),\n      drawerRef,\n      isHorizontal: computed(\n        () => props.direction === 'rtl' || props.direction === 'ltr',\n      ),\n      drawerSize: computed(() =>\n        typeof props.size === 'number' ? `${props.size}px` : props.size,\n      ),\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","PsOverlay","PsIcon","Close","dialogProps","ref","useDialog","computed"],"mappings":";;;;;;;;;;;;AAkEA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,eACVC;AAAA,YACAC;AAAA,WACAC;AAAA;AAAA,EAEF,OAAO;AAAA,OACFC;AAAA,IACH,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,QAAyB;AACnC,eAAO,CAAC,OAAO,OAAO,OAAO,OAAO,QAAQ,SAAS;AAAA;AAAA;AAAA,IAGzD,MAAM;AAAA,MACJ,MAAM,CAAC,QAAQ;AAAA,MACf,SAAS;AAAA;AAAA,IAEX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,QAAQ;AAAA,MACN,MAAM;AAAA;AAAA;AAAA,EAIV,MAAM,OAAO,KAAK;AAChB,UAAM,YAAYC,QAAiB;AACnC,WAAO;AAAA,SACFC,oBAAU,OAAO,KAAqB;AAAA,MACzC;AAAA,MACA,cAAcC,aACZ,MAAM,MAAM,cAAc,SAAS,MAAM,cAAc;AAAA,MAEzD,YAAYA,aAAS,MACnB,OAAO,MAAM,SAAS,WAAW,GAAG,MAAM,WAAW,MAAM;AAAA;AAAA;AAAA;;;;"}

package/lib/packages/components/drawer/src/index.vue_vue&type=template&id=052d0d8e&lang.js

@@ -4,11 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 
-const _hoisted_1 = ["aria-label"];
-const _hoisted_2 = ["widget"];
-const _hoisted_3 = ["title"];
-const _hoisted_4 = ["aria-label"];
-const _hoisted_5 = ["widget"];
+const _hoisted_1 = { class: "el-overlay-drawer" };
+const _hoisted_2 = ["aria-label", "widget"];
+const _hoisted_3 = ["widget"];
+const _hoisted_4 = ["title"];
+const _hoisted_5 = ["aria-label"];
+const _hoisted_6 = ["widget"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_close = vue.resolveComponent("close");
   const _component_ps_icon = vue.resolveComponent("ps-icon");
@@ -23,51 +24,54 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       "z-index": _ctx.zIndex
     }, {
       default: vue.withCtx(() => [
-        vue.createElementVNode("div", {
-          ref: "drawerRef",
-          "aria-modal": "true",
-          "aria-labelledby": "el-drawer__title",
-          "aria-label": _ctx.title,
-          class: vue.normalizeClass(["el-drawer", _ctx.direction, _ctx.visible && "open", _ctx.customClass]),
-          style: vue.normalizeStyle(_ctx.isHorizontal ? "width: " + _ctx.drawerSize : "height: " + _ctx.drawerSize),
-          role: "dialog",
-          onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
-          }, ["stop"]))
-        }, [
-          _ctx.withHeader ? (vue.openBlock(), vue.createElementBlock("header", {
-            key: 0,
-            id: "el-drawer__title",
-            class: "el-drawer__header",
+        vue.createElementVNode("div", _hoisted_1, [
+          vue.createElementVNode("div", {
+            ref: "drawerRef",
+            "aria-modal": "true",
+            "aria-labelledby": "el-drawer__title",
+            "aria-label": _ctx.title,
+            class: vue.normalizeClass(["el-drawer", _ctx.direction, _ctx.visible && "open", _ctx.customClass]),
+            style: vue.normalizeStyle(_ctx.isHorizontal ? "width: " + _ctx.drawerSize : "height: " + _ctx.drawerSize),
+            role: "dialog",
+            onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+            }, ["stop"])),
             widget: _ctx.widget
           }, [
-            vue.renderSlot(_ctx.$slots, "title", {}, () => [
-              vue.createElementVNode("span", {
-                role: "heading",
-                title: _ctx.title
-              }, vue.toDisplayString(_ctx.title), 9, _hoisted_3)
-            ]),
-            _ctx.showClose ? (vue.openBlock(), vue.createElementBlock("button", {
+            _ctx.withHeader ? (vue.openBlock(), vue.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]}`
             }, [
-              vue.createVNode(_component_ps_icon, { class: "el-drawer__close" }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(_component_close)
-                ]),
-                _: 1
-              })
-            ], 8, _hoisted_4)) : vue.createCommentVNode("v-if", true)
-          ], 8, _hoisted_2)) : vue.createCommentVNode("v-if", true),
-          _ctx.rendered ? (vue.openBlock(), vue.createElementBlock("section", {
-            key: 1,
-            class: "el-drawer__body",
-            widget: _ctx.widget
-          }, [
-            vue.renderSlot(_ctx.$slots, "default")
-          ], 8, _hoisted_5)) : vue.createCommentVNode("v-if", true)
-        ], 14, _hoisted_1)
+              vue.renderSlot(_ctx.$slots, "title", {}, () => [
+                vue.createElementVNode("span", {
+                  role: "heading",
+                  title: _ctx.title
+                }, vue.toDisplayString(_ctx.title), 9, _hoisted_4)
+              ]),
+              _ctx.showClose ? (vue.openBlock(), vue.createElementBlock("button", {
+                key: 0,
+                "aria-label": "close " + (_ctx.title || "drawer"),
+                class: "el-drawer__close-btn",
+                type: "button"
+              }, [
+                vue.createVNode(_component_ps_icon, { class: "el-drawer__close" }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_close)
+                  ]),
+                  _: 1
+                })
+              ], 8, _hoisted_5)) : vue.createCommentVNode("v-if", true)
+            ], 8, _hoisted_3)) : vue.createCommentVNode("v-if", true),
+            _ctx.rendered ? (vue.openBlock(), vue.createElementBlock("section", {
+              key: 1,
+              class: "el-drawer__body",
+              widget: `drawer:default:${_ctx.widget.split(":")[1]}`
+            }, [
+              vue.renderSlot(_ctx.$slots, "default")
+            ], 8, _hoisted_6)) : vue.createCommentVNode("v-if", true)
+          ], 14, _hoisted_2)
+        ])
       ]),
       _: 3
     }, 8, ["mask", "overlay-class", "z-index"]), [

package/lib/packages/components/drawer/src/index.vue_vue&type=template&id=052d0d8e&lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue_vue&type=template&id=052d0d8e&lang.js","sources":["../../../../../../../packages/components/drawer/src/index.vue?vue&type=template&id=052d0d8e&lang.js"],"sourcesContent":["<template>\n  <teleport to=\"body\" :disabled=\"!appendToBody\">\n    <ps-overlay\n      v-show=\"visible\"\n      :mask=\"modal\"\n      :overlay-class=\"(modalClass || '') + (widget ? ` ps--drawer-widget-class` : '')\"\n      :z-index=\"zIndex\"\n    >\n      <div\n        ref=\"drawerRef\"\n        aria-modal=\"true\"\n        aria-labelledby=\"el-drawer__title\"\n        :aria-label=\"title\"\n        :class=\"['el-drawer', direction, visible && 'open', customClass]\"\n        :style=\"\n            isHorizontal ? 'width: ' + drawerSize : 'height: ' + drawerSize\n          \"\n        role=\"dialog\"\n        @click.stop\n      >\n        <header\n          v-if=\"withHeader\"\n          id=\"el-drawer__title\"\n          class=\"el-drawer__header\"\n          :widget=\"widget\"\n        >\n          <slot name=\"title\">\n              <span role=\"heading\" :title=\"title\">\n                {{ title }}\n              </span>\n          </slot>\n          <button\n            v-if=\"showClose\"\n            :aria-label=\"'close ' + (title || 'drawer')\"\n            class=\"el-drawer__close-btn\"\n            type=\"button\"\n          >\n            <ps-icon class=\"el-drawer__close\"><close /></ps-icon>\n          </button>\n        </header>\n        <template v-if=\"rendered\">\n          <section class=\"el-drawer__body\" :widget=\"widget\">\n            <slot></slot>\n          </section>\n        </template>\n      </div>\n    </ps-overlay>\n  </teleport>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, ref } from 'vue'\nimport { PsOverlay } from '@element-ps/components/overlay'\nimport {\n  useDialog,\n  dialogProps,\n} from '@element-ps/components/dialog'\nimport type { PropType, SetupContext } from 'vue'\nimport PsIcon from '@element-ps/components/icon'\nimport { Close } from '@element-plus/icons'\n\ntype DrawerDirection = 'ltr' | 'rtl' | 'ttb' | 'btt'\n\nexport default defineComponent({\n  name: 'PsDrawer',\n  components: {\n    PsOverlay,\n    PsIcon,\n    Close,\n  },\n  props: {\n    ...dialogProps,\n    direction: {\n      type: String as PropType<DrawerDirection>,\n      default: 'rtl',\n      validator: (val: DrawerDirection) => {\n        return ['ltr', 'rtl', 'ttb', 'btt'].indexOf(val) !== -1\n      },\n    },\n    size: {\n      type: [String, Number],\n      default: '30%',\n    },\n    withHeader: {\n      type: Boolean,\n      default: true,\n    },\n    modalFade: {\n      type: Boolean,\n      default: true,\n    },\n    widget: {\n      type: String,\n    },\n  },\n\n  setup(props, ctx) {\n    const drawerRef = ref<HTMLElement>(null)\n    return {\n      ...useDialog(props, ctx as SetupContext, drawerRef),\n      drawerRef,\n      isHorizontal: computed(\n        () => props.direction === 'rtl' || props.direction === 'ltr',\n      ),\n      drawerSize: computed(() =>\n        typeof props.size === 'number' ? `${props.size}px` : props.size,\n      ),\n    }\n  },\n})\n</script>\n"],"names":["_createBlock","_createVNode","_createElementVNode","_createElementBlock","_renderSlot"],"mappings":";;;;;;;;;;;;;;;0BACEA;IAAU,IAAG;AAAA,IAAQ,WAAW;;uBAC9BC;MAEG,MAAM;MACN,iBAAgB;MAChB,WAAS;;2BAEV;QAAAC;UACE,KAAI;AAAA,UACJ,cAAW;AAAA,UACX,mBAAgB;AAAA,UACf,cAAY;UACZ,wCAAqB,gBAAW,wBAAmB;UACnD;UAGD,MAAK;AAAA,UACJ,qDAAD;;;UAGQ,oCADRC;;YAEE,IAAG;AAAA,YACH,OAAM;AAAA,YACL,QAAQ;;YAETC,yCAAA;cACIF;gBAAM,MAAK;AAAA,gBAAW,OAAO;qCACxB;;YAID,mCADRC;;cAEG;cACD,OAAM;AAAA,cACN,MAAK;AAAA;cAELF,sCAAS,OAAM;qCAAmB;kBAAAA,gBAAS;AAAA;AAAA;;;;UAG/B,kCACdE;;YAAS,OAAM;AAAA,YAAmB,QAAQ;;YACxCC;;;;;;kBAvCE;;;;;;;"}
+{"version":3,"file":"index.vue_vue&type=template&id=052d0d8e&lang.js","sources":["../../../../../../../packages/components/drawer/src/index.vue?vue&type=template&id=052d0d8e&lang.js"],"sourcesContent":["<template>\n  <teleport to=\"body\" :disabled=\"!appendToBody\">\n    <ps-overlay\n      v-show=\"visible\"\n      :mask=\"modal\"\n      :overlay-class=\"(modalClass || '') + (widget ? ` ps--drawer-widget-class` : '')\"\n      :z-index=\"zIndex\"\n    >\n      <div class=\"el-overlay-drawer\">\n        <div\n          ref=\"drawerRef\"\n          aria-modal=\"true\"\n          aria-labelledby=\"el-drawer__title\"\n          :aria-label=\"title\"\n          :class=\"['el-drawer', direction, visible && 'open', customClass]\"\n          :style=\"\n            isHorizontal ? 'width: ' + drawerSize : 'height: ' + drawerSize\n          \"\n          role=\"dialog\"\n          @click.stop\n          :widget=\"widget\"\n        >\n          <header\n            v-if=\"withHeader\"\n            id=\"el-drawer__title\"\n            class=\"el-drawer__header\"\n            :widget=\"`drawer:title:${widget.split(':')[1]}`\"\n          >\n            <slot name=\"title\">\n              <span role=\"heading\" :title=\"title\">\n                {{ title }}\n              </span>\n            </slot>\n            <button\n              v-if=\"showClose\"\n              :aria-label=\"'close ' + (title || 'drawer')\"\n              class=\"el-drawer__close-btn\"\n              type=\"button\"\n            >\n              <ps-icon class=\"el-drawer__close\"><close /></ps-icon>\n            </button>\n          </header>\n          <template v-if=\"rendered\">\n            <section class=\"el-drawer__body\" :widget=\"`drawer:default:${widget.split(':')[1]}`\">\n              <slot></slot>\n            </section>\n          </template>\n        </div>\n      </div>\n    </ps-overlay>\n  </teleport>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, ref } from 'vue'\nimport { PsOverlay } from '@element-ps/components/overlay'\nimport {\n  useDialog,\n  dialogProps,\n} from '@element-ps/components/dialog'\nimport type { PropType, SetupContext } from 'vue'\nimport PsIcon from '@element-ps/components/icon'\nimport { Close } from '@element-plus/icons'\n\ntype DrawerDirection = 'ltr' | 'rtl' | 'ttb' | 'btt'\n\nexport default defineComponent({\n  name: 'PsDrawer',\n  components: {\n    PsOverlay,\n    PsIcon,\n    Close,\n  },\n  props: {\n    ...dialogProps,\n    direction: {\n      type: String as PropType<DrawerDirection>,\n      default: 'rtl',\n      validator: (val: DrawerDirection) => {\n        return ['ltr', 'rtl', 'ttb', 'btt'].indexOf(val) !== -1\n      },\n    },\n    size: {\n      type: [String, Number],\n      default: '30%',\n    },\n    withHeader: {\n      type: Boolean,\n      default: true,\n    },\n    modalFade: {\n      type: Boolean,\n      default: true,\n    },\n    widget: {\n      type: String,\n    },\n  },\n\n  setup(props, ctx) {\n    const drawerRef = ref<HTMLElement>(null)\n    return {\n      ...useDialog(props, ctx as SetupContext, drawerRef),\n      drawerRef,\n      isHorizontal: computed(\n        () => props.direction === 'rtl' || props.direction === 'ltr',\n      ),\n      drawerSize: computed(() =>\n        typeof props.size === 'number' ? `${props.size}px` : props.size,\n      ),\n    }\n  },\n})\n</script>\n"],"names":["_createBlock","_createVNode","_createElementVNode","_createElementBlock","_renderSlot"],"mappings":";;;;;;qBAQW,OAAM;;;;;;;;;;0BAPfA;IAAU,IAAG;AAAA,IAAQ,WAAW;;uBAC9BC;MAEG,MAAM;MACN,iBAAgB;MAChB,WAAS;;2BAEV;QAAAC,8BAAA;UACEA;YACE,KAAI;AAAA,YACJ,cAAW;AAAA,YACX,mBAAgB;AAAA,YACf,cAAY;YACZ,wCAAqB,gBAAW,wBAAmB;YACnD;YAGD,MAAK;AAAA,YACJ,qDAAD;;YACC,QAAQ;;YAGD,oCADRC;;cAEE,IAAG;AAAA,cACH,OAAM;AAAA,cACL,wBAAwB,YAAO;;cAEhCC,yCAAA;gBACEF;kBAAM,MAAK;AAAA,kBAAW,OAAO;uCACxB;;cAIC,mCADRC;;gBAEG;gBACD,OAAM;AAAA,gBACN,MAAK;AAAA;gBAELF,sCAAS,OAAM;uCAAmB;oBAAAA,gBAAS;AAAA;AAAA;;;;YAG/B,kCACdE;;cAAS,OAAM;AAAA,cAAmB,0BAA0B,YAAO;;cACjEC;;;;;;;kBAzCA;;;;;;;"}

package/lib/packages/components/empty/index.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var withInstall = require('../../utils/with-install.js');
-require('./src/empty.js');
-var empty = require('./src/empty2.js');
+require('./src/empty2.js');
+var empty = require('./src/empty.js');
 var empty_vue_vue_type_script_lang = require('./src/empty.vue_vue&type=script&lang.js');
 
 const PsEmpty = withInstall.withInstall(empty_vue_vue_type_script_lang["default"]);

package/lib/packages/components/empty/src/empty.js

@@ -2,11 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var empty_vue_vue_type_script_lang = require('./empty.vue_vue&type=script&lang.js');
-var empty_vue_vue_type_template_id_10d211eb_lang = require('./empty.vue_vue&type=template&id=10d211eb&lang.js');
+const emptyProps = {
+  image: {
+    type: String,
+    default: ""
+  },
+  imageSize: Number,
+  description: {
+    type: String,
+    default: ""
+  }
+};
 
-empty_vue_vue_type_script_lang["default"].render = empty_vue_vue_type_template_id_10d211eb_lang.render;
-empty_vue_vue_type_script_lang["default"].__file = "packages/components/empty/src/empty.vue";
-
-exports["default"] = empty_vue_vue_type_script_lang["default"];
+exports.emptyProps = emptyProps;
 //# sourceMappingURL=empty.js.map

package/lib/packages/components/empty/src/empty.js.map

@@ -1 +1 @@
-{"version":3,"file":"empty.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"empty.js","sources":["../../../../../../../packages/components/empty/src/empty.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nexport const emptyProps = {\n  image: {\n    type: String,\n    default: '',\n  },\n  imageSize: Number,\n  description: {\n    type: String,\n    default: '',\n  },\n} as const\nexport type EmptyProps = ExtractPropTypes<typeof emptyProps>\n"],"names":[],"mappings":";;;;MAEa,aAAa;AAAA,EACxB,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,EACX,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AAAA;;;;"}

package/lib/packages/components/empty/src/empty.vue_vue&type=script&lang.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 require('../../../hooks/index.js');
 require('./img-empty.js');
-var empty = require('./empty2.js');
+var empty = require('./empty.js');
 var imgEmpty_vue_vue_type_script_lang = require('./img-empty.vue_vue&type=script&lang.js');
 var index = require('../../../hooks/use-locale/index.js');
 

package/lib/packages/components/empty/src/empty2.js

@@ -2,17 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const emptyProps = {
-  image: {
-    type: String,
-    default: ""
-  },
-  imageSize: Number,
-  description: {
-    type: String,
-    default: ""
-  }
-};
+var empty_vue_vue_type_script_lang = require('./empty.vue_vue&type=script&lang.js');
+var empty_vue_vue_type_template_id_10d211eb_lang = require('./empty.vue_vue&type=template&id=10d211eb&lang.js');
 
-exports.emptyProps = emptyProps;
+empty_vue_vue_type_script_lang["default"].render = empty_vue_vue_type_template_id_10d211eb_lang.render;
+empty_vue_vue_type_script_lang["default"].__file = "packages/components/empty/src/empty.vue";
+
+exports["default"] = empty_vue_vue_type_script_lang["default"];
 //# sourceMappingURL=empty2.js.map

package/lib/packages/components/empty/src/empty2.js.map

@@ -1 +1 @@
-{"version":3,"file":"empty2.js","sources":["../../../../../../../packages/components/empty/src/empty.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nexport const emptyProps = {\n  image: {\n    type: String,\n    default: '',\n  },\n  imageSize: Number,\n  description: {\n    type: String,\n    default: '',\n  },\n} as const\nexport type EmptyProps = ExtractPropTypes<typeof emptyProps>\n"],"names":[],"mappings":";;;;MAEa,aAAa;AAAA,EACxB,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,WAAW;AAAA,EACX,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AAAA;;;;"}
+{"version":3,"file":"empty2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}