element-ps 2.0.23 → 2.0.26

package/es/components/dialog/src/dialog-content2.mjs

@@ -1,40 +1,85 @@
+import { defineComponent, inject, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, createElementVNode, renderSlot, toDisplayString, createCommentVNode, createVNode, withCtx, createBlock, resolveDynamicComponent } from 'vue';
+import { PsIcon } from '../../icon/index.mjs';
 import '../../../utils/index.mjs';
-import { buildProps } from '../../../utils/vue/props.mjs';
-import { iconPropType } from '../../../utils/vue/icon.mjs';
+import '../../../tokens/index.mjs';
+import { dialogContentProps } from './dialog-content.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { CloseComponents } from '../../../utils/vue/icon.mjs';
+import { dialogInjectionKey } from '../../../tokens/dialog.mjs';
 
-const dialogContentProps = buildProps({
-  center: {
-    type: Boolean,
-    default: false
-  },
-  closeIcon: {
-    type: iconPropType,
-    default: ""
-  },
-  customClass: {
-    type: String,
-    default: ""
-  },
-  draggable: {
-    type: Boolean,
-    default: false
-  },
-  fullscreen: {
-    type: Boolean,
-    default: false
-  },
-  showClose: {
-    type: Boolean,
-    default: true
-  },
-  title: {
-    type: String,
-    default: ""
-  },
-  widget: {
-    type: String
+const _hoisted_1 = ["aria-label", "widget"];
+const _hoisted_2 = ["widget"];
+const _hoisted_3 = ["widget"];
+const _hoisted_4 = ["widget"];
+const __default__ = { name: "PsDialogContent" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: dialogContentProps,
+  setup(__props) {
+    const { Close } = CloseComponents;
+    const { dialogRef, headerRef, ns, style } = inject(dialogInjectionKey);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "dialogRef",
+        ref: dialogRef,
+        class: normalizeClass([
+          unref(ns).b(),
+          unref(ns).is("fullscreen", _ctx.fullscreen),
+          unref(ns).is("draggable", _ctx.draggable),
+          { [unref(ns).m("center")]: _ctx.center },
+          _ctx.customClass
+        ]),
+        "aria-modal": "true",
+        role: "dialog",
+        "aria-label": _ctx.title || "dialog",
+        style: normalizeStyle(unref(style)),
+        widget: _ctx.widget
+      }, [
+        createElementVNode("div", {
+          ref_key: "headerRef",
+          ref: headerRef,
+          class: normalizeClass(unref(ns).e("header")),
+          widget: _ctx.widget ? "dialog:title:" + _ctx.widget.split(":")[1] : void 0
+        }, [
+          renderSlot(_ctx.$slots, "title", {}, () => [
+            createElementVNode("span", {
+              class: normalizeClass(unref(ns).e("title"))
+            }, toDisplayString(_ctx.title), 3)
+          ])
+        ], 10, _hoisted_2),
+        createElementVNode("div", {
+          class: normalizeClass(unref(ns).e("body")),
+          widget: _ctx.widget ? "dialog:default:" + _ctx.widget.split(":")[1] : void 0
+        }, [
+          renderSlot(_ctx.$slots, "default")
+        ], 10, _hoisted_3),
+        _ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(unref(ns).e("footer")),
+          widget: _ctx.widget ? "dialog:footer:" + _ctx.widget.split(":")[1] : void 0
+        }, [
+          renderSlot(_ctx.$slots, "footer")
+        ], 10, _hoisted_4)) : createCommentVNode("v-if", true),
+        _ctx.showClose ? (openBlock(), createElementBlock("button", {
+          key: 1,
+          "aria-label": "close",
+          class: normalizeClass(unref(ns).e("headerbtn")),
+          type: "button"
+        }, [
+          createVNode(unref(PsIcon), {
+            class: normalizeClass(unref(ns).e("close"))
+          }, {
+            default: withCtx(() => [
+              (openBlock(), createBlock(resolveDynamicComponent(_ctx.closeIcon || unref(Close))))
+            ]),
+            _: 1
+          }, 8, ["class"])
+        ], 2)) : createCommentVNode("v-if", true)
+      ], 14, _hoisted_1);
+    };
   }
 });
+var PsDialogContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/dialog/src/dialog-content.vue"]]);
 
-export { dialogContentProps };
+export { PsDialogContent as default };
 //# sourceMappingURL=dialog-content2.mjs.map

package/es/components/dialog/src/dialog-content2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"dialog-content2.mjs","sources":["../../../../../../packages/components/dialog/src/dialog-content.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-ps/utils'\n\nexport const dialogContentProps = buildProps({\n  center: {\n    type: Boolean,\n    default: false,\n  },\n  closeIcon: {\n    type: iconPropType,\n    default: '',\n  },\n  customClass: {\n    type: String,\n    default: '',\n  },\n  draggable: {\n    type: Boolean,\n    default: false,\n  },\n  fullscreen: {\n    type: Boolean,\n    default: false,\n  },\n  showClose: {\n    type: Boolean,\n    default: true,\n  },\n  title: {\n    type: String,\n    default: '',\n  },\n  widget: {\n    type: String,\n  },\n} as const)\n"],"names":[],"mappings":";;;;AACY,MAAC,kBAAkB,GAAG,UAAU,CAAC;AAC7C,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,YAAY;AACtB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"dialog-content2.mjs","sources":["../../../../../../packages/components/dialog/src/dialog-content.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"dialogRef\"\n    :class=\"[\n      ns.b(),\n      ns.is('fullscreen', fullscreen),\n      ns.is('draggable', draggable),\n      { [ns.m('center')]: center },\n      customClass,\n    ]\"\n    aria-modal=\"true\"\n    role=\"dialog\"\n    :aria-label=\"title || 'dialog'\"\n    :style=\"style\"\n    :widget=\"widget\"\n  >\n    <div ref=\"headerRef\"\n         :class=\"ns.e('header')\"\n         :widget=\"widget ? 'dialog:title:' + widget.split(':')[1] : undefined\"\n    >\n      <slot name=\"title\">\n        <span :class=\"ns.e('title')\">\n          {{ title }}\n        </span>\n      </slot>\n    </div>\n    <div :class=\"ns.e('body')\"\n         :widget=\"widget ? 'dialog:default:' + widget.split(':')[1] : undefined\">\n      <slot />\n    </div>\n    <div v-if=\"$slots.footer\" :class=\"ns.e('footer')\"\n         :widget=\"widget ? 'dialog:footer:' + widget.split(':')[1] : undefined\"\n    >\n      <slot name=\"footer\" />\n    </div>\n    <button\n      v-if=\"showClose\"\n      aria-label=\"close\"\n      :class=\"ns.e('headerbtn')\"\n      type=\"button\"\n    >\n      <ps-icon :class=\"ns.e('close')\">\n        <component :is=\"closeIcon || Close\" />\n      </ps-icon>\n    </button>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject } from 'vue'\nimport { PsIcon } from '@element-ps/components/icon'\nimport { CloseComponents } from '@element-ps/utils'\nimport { dialogInjectionKey } from '@element-ps/tokens'\nimport { dialogContentProps } from './dialog-content'\n\nconst { Close } = CloseComponents\n\ndefineOptions({ name: 'PsDialogContent' })\ndefineProps(dialogContentProps)\n\nconst { dialogRef, headerRef, ns, style } = inject(dialogInjectionKey)!\n// const { focusTrapRef, onKeydown } = inject(FOCUS_TRAP_INJECTION_KEY)!\n\n// const composedDialogRef = composeRefs(focusTrapRef, dialogRef)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAuDA,IAAA,MAAA,EAAA,KAAA,EAAA,GAAA,eAAA,CAAA;AAKA,IAAA,MAAA,EAAA,SAAA,EAAA,SAAA,EAAA,EAAA,EAAA,KAAA,EAAA,GAAA,OAAA,kBAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/dialog/src/dialog.mjs

@@ -1,5 +1,5 @@
 import '../../../utils/index.mjs';
-import { dialogContentProps } from './dialog-content2.mjs';
+import { dialogContentProps } from './dialog-content.mjs';
 import { buildProps, definePropType } from '../../../utils/vue/props.mjs';
 
 const dialogProps = buildProps({

package/es/components/dialog/src/dialog2.mjs

@@ -2,7 +2,7 @@ import { defineComponent, ref, provide, computed, withDirectives, openBlock, cre
 import { PsOverlay } from '../../overlay/index.mjs';
 import '../../../hooks/index.mjs';
 import '../../../tokens/index.mjs';
-import PsDialogContent from './dialog-content.mjs';
+import PsDialogContent from './dialog-content2.mjs';
 import { dialogProps } from './dialog.mjs';
 import { useDialog } from './use-dialog.mjs';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';

package/es/components/divider/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import Divider from './src/divider2.mjs';
-export { dividerProps } from './src/divider.mjs';
+import Divider from './src/divider.mjs';
+export { dividerProps } from './src/divider2.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const PsDivider = withInstall(Divider);

package/es/components/divider/src/divider.mjs

@@ -1,22 +1,39 @@
-import '../../../utils/index.mjs';
-import { buildProps, definePropType } from '../../../utils/vue/props.mjs';
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, renderSlot, createCommentVNode } from 'vue';
+import '../../../hooks/index.mjs';
+import { dividerProps } from './divider2.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
-const dividerProps = buildProps({
-  direction: {
-    type: String,
-    values: ["horizontal", "vertical"],
-    default: "horizontal"
-  },
-  contentPosition: {
-    type: String,
-    values: ["left", "center", "right"],
-    default: "center"
-  },
-  borderStyle: {
-    type: definePropType(String),
-    default: "solid"
+const __default__ = {
+  name: "PsDivider"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: dividerProps,
+  setup(__props) {
+    const props = __props;
+    const ns = useNamespace("divider");
+    const dividerStyle = computed(() => {
+      return {
+        "--el-border-style": props.borderStyle
+      };
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([unref(ns).b(), unref(ns).m(_ctx.direction)]),
+        style: normalizeStyle(unref(dividerStyle))
+      }, [
+        _ctx.$slots.default && _ctx.direction !== "vertical" ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass([unref(ns).e("text"), unref(ns).is(_ctx.contentPosition)])
+        }, [
+          renderSlot(_ctx.$slots, "default")
+        ], 2)) : createCommentVNode("v-if", true)
+      ], 6);
+    };
   }
 });
+var Divider = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/divider/src/divider.vue"]]);
 
-export { dividerProps };
+export { Divider as default };
 //# sourceMappingURL=divider.mjs.map

package/es/components/divider/src/divider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"divider.mjs","sources":["../../../../../../packages/components/divider/src/divider.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-ps/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Divider from './divider.vue'\n\nexport type BorderStyle = CSSStyleDeclaration['borderStyle']\n\nexport const dividerProps = buildProps({\n  direction: {\n    type: String,\n    values: ['horizontal', 'vertical'],\n    default: 'horizontal',\n  },\n  contentPosition: {\n    type: String,\n    values: ['left', 'center', 'right'],\n    default: 'center',\n  },\n  borderStyle: {\n    type: definePropType<BorderStyle>(String),\n    default: 'solid',\n  },\n} as const)\nexport type DividerProps = ExtractPropTypes<typeof dividerProps>\n\nexport type DividerInstance = InstanceType<typeof Divider>\n"],"names":[],"mappings":";;;AACY,MAAC,YAAY,GAAG,UAAU,CAAC;AACvC,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,YAAY,EAAE,UAAU,CAAC;AACtC,IAAI,OAAO,EAAE,YAAY;AACzB,GAAG;AACH,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC;AACvC,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"divider.mjs","sources":["../../../../../../packages/components/divider/src/divider.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.b(), ns.m(direction)]\" :style=\"dividerStyle\">\n    <div\n      v-if=\"$slots.default && direction !== 'vertical'\"\n      :class=\"[ns.e('text'), ns.is(contentPosition)]\"\n    >\n      <slot />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-ps/hooks'\nimport { dividerProps } from './divider'\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'PsDivider',\n})\nconst props = defineProps(dividerProps)\nconst ns = useNamespace('divider')\nconst dividerStyle = computed(() => {\n  return {\n    '--el-border-style': props.borderStyle,\n  } as CSSProperties\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAqBA,IAAA,MAAA,EAAA,GAAA,aAAA,SAAA,CAAA,CAAA;AACA,IAAA,MAAA,YAAA,GAAA,SAAA,MAAA;AACA,MAAA,OAAA;AAAA,QACA,qBAAA,KAAA,CAAA,WAAA;AAAA,OACA,CAAA;AAAA,KACA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;"}

package/es/components/divider/src/divider2.mjs

@@ -1,39 +1,22 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, renderSlot, createCommentVNode } from 'vue';
-import '../../../hooks/index.mjs';
-import { dividerProps } from './divider.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import '../../../utils/index.mjs';
+import { buildProps, definePropType } from '../../../utils/vue/props.mjs';
 
-const __default__ = {
-  name: "PsDivider"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: dividerProps,
-  setup(__props) {
-    const props = __props;
-    const ns = useNamespace("divider");
-    const dividerStyle = computed(() => {
-      return {
-        "--el-border-style": props.borderStyle
-      };
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([unref(ns).b(), unref(ns).m(_ctx.direction)]),
-        style: normalizeStyle(unref(dividerStyle))
-      }, [
-        _ctx.$slots.default && _ctx.direction !== "vertical" ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: normalizeClass([unref(ns).e("text"), unref(ns).is(_ctx.contentPosition)])
-        }, [
-          renderSlot(_ctx.$slots, "default")
-        ], 2)) : createCommentVNode("v-if", true)
-      ], 6);
-    };
+const dividerProps = buildProps({
+  direction: {
+    type: String,
+    values: ["horizontal", "vertical"],
+    default: "horizontal"
+  },
+  contentPosition: {
+    type: String,
+    values: ["left", "center", "right"],
+    default: "center"
+  },
+  borderStyle: {
+    type: definePropType(String),
+    default: "solid"
   }
 });
-var Divider = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/divider/src/divider.vue"]]);
 
-export { Divider as default };
+export { dividerProps };
 //# sourceMappingURL=divider2.mjs.map

package/es/components/divider/src/divider2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"divider2.mjs","sources":["../../../../../../packages/components/divider/src/divider.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.b(), ns.m(direction)]\" :style=\"dividerStyle\">\n    <div\n      v-if=\"$slots.default && direction !== 'vertical'\"\n      :class=\"[ns.e('text'), ns.is(contentPosition)]\"\n    >\n      <slot />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-ps/hooks'\nimport { dividerProps } from './divider'\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'PsDivider',\n})\nconst props = defineProps(dividerProps)\nconst ns = useNamespace('divider')\nconst dividerStyle = computed(() => {\n  return {\n    '--el-border-style': props.borderStyle,\n  } as CSSProperties\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAqBA,IAAA,MAAA,EAAA,GAAA,aAAA,SAAA,CAAA,CAAA;AACA,IAAA,MAAA,YAAA,GAAA,SAAA,MAAA;AACA,MAAA,OAAA;AAAA,QACA,qBAAA,KAAA,CAAA,WAAA;AAAA,OACA,CAAA;AAAA,KACA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"divider2.mjs","sources":["../../../../../../packages/components/divider/src/divider.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-ps/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Divider from './divider.vue'\n\nexport type BorderStyle = CSSStyleDeclaration['borderStyle']\n\nexport const dividerProps = buildProps({\n  direction: {\n    type: String,\n    values: ['horizontal', 'vertical'],\n    default: 'horizontal',\n  },\n  contentPosition: {\n    type: String,\n    values: ['left', 'center', 'right'],\n    default: 'center',\n  },\n  borderStyle: {\n    type: definePropType<BorderStyle>(String),\n    default: 'solid',\n  },\n} as const)\nexport type DividerProps = ExtractPropTypes<typeof dividerProps>\n\nexport type DividerInstance = InstanceType<typeof Divider>\n"],"names":[],"mappings":";;;AACY,MAAC,YAAY,GAAG,UAAU,CAAC;AACvC,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,YAAY,EAAE,UAAU,CAAC;AACtC,IAAI,OAAO,EAAE,YAAY;AACzB,GAAG;AACH,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC;AACvC,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,CAAC;;;;"}

package/es/components/drawer/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import Drawer from './src/drawer.mjs';
-export { drawerProps } from './src/drawer2.mjs';
+import Drawer from './src/drawer2.mjs';
+export { drawerProps } from './src/drawer.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const PsDrawer = withInstall(Drawer);

package/es/components/drawer/src/drawer.mjs

@@ -1,125 +1,31 @@
-import { defineComponent, ref, computed, resolveComponent, resolveDirective, openBlock, createBlock, Teleport, withDirectives, createVNode, withCtx, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createElementVNode, toDisplayString, createCommentVNode, vShow } from 'vue';
-import { Close } from '@element-plus/icons-vue';
-import { PsOverlay } from '../../overlay/index.mjs';
+import '../../../utils/index.mjs';
 import '../../dialog/index.mjs';
-import { PsIcon } from '../../icon/index.mjs';
-import '../../../directives/index.mjs';
-import '../../../hooks/index.mjs';
-import { drawerProps } from './drawer2.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import TrapFocus from '../../../directives/trap-focus/index.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
-import { useDialog } from '../../dialog/src/use-dialog.mjs';
+import { buildProps } from '../../../utils/vue/props.mjs';
+import { dialogProps } from '../../dialog/src/dialog.mjs';
 
-const _sfc_main = defineComponent({
-  name: "PsDrawer",
-  components: {
-    PsOverlay,
-    PsIcon,
-    Close
+const drawerProps = buildProps({
+  ...dialogProps,
+  direction: {
+    type: String,
+    default: "rtl",
+    values: ["ltr", "rtl", "ttb", "btt"]
   },
-  directives: {
-    TrapFocus
+  size: {
+    type: [String, Number],
+    default: "30%"
   },
-  props: drawerProps,
-  setup(props, ctx) {
-    const drawerRef = ref();
-    const ns = useNamespace("drawer");
-    const isHorizontal = computed(() => props.direction === "rtl" || props.direction === "ltr");
-    const drawerSize = computed(() => typeof props.size === "number" ? `${props.size}px` : props.size);
-    return {
-      ...useDialog(props, ctx, drawerRef),
-      drawerRef,
-      isHorizontal,
-      drawerSize,
-      ns
-    };
+  withHeader: {
+    type: Boolean,
+    default: true
+  },
+  modalFade: {
+    type: Boolean,
+    default: true
+  },
+  widget: {
+    type: String
   }
 });
-const _hoisted_1 = ["aria-labelledby", "aria-label", "widget"];
-const _hoisted_2 = ["id", "widget"];
-const _hoisted_3 = ["title"];
-const _hoisted_4 = ["aria-label"];
-const _hoisted_5 = ["widget"];
-const _hoisted_6 = ["widget"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_close = resolveComponent("close");
-  const _component_ps_icon = resolveComponent("ps-icon");
-  const _component_ps_overlay = resolveComponent("ps-overlay");
-  const _directive_trap_focus = resolveDirective("trap-focus");
-  return openBlock(), createBlock(Teleport, {
-    to: "body",
-    disabled: !_ctx.appendToBody
-  }, [
-    withDirectives(createVNode(_component_ps_overlay, {
-      mask: _ctx.modal,
-      "overlay-class": (_ctx.modalClass || "") + (_ctx.widget ? ` ps--drawer-widget-class` : ""),
-      "z-index": _ctx.zIndex
-    }, {
-      default: withCtx(() => [
-        withDirectives((openBlock(), createElementBlock("div", {
-          ref: "drawerRef",
-          "aria-modal": "true",
-          "aria-labelledby": _ctx.ns.e("title"),
-          "aria-label": _ctx.title,
-          class: normalizeClass([_ctx.ns.b(), _ctx.direction, _ctx.visible && "open", _ctx.customClass]),
-          style: normalizeStyle(_ctx.isHorizontal ? "width: " + _ctx.drawerSize : "height: " + _ctx.drawerSize),
-          role: "dialog",
-          widget: _ctx.widget
-        }, [
-          _ctx.withHeader ? (openBlock(), createElementBlock("header", {
-            key: 0,
-            id: _ctx.ns.e("title"),
-            class: normalizeClass(_ctx.ns.e("header")),
-            widget: _ctx.widget ? "drawer:title:" + _ctx.widget.split(":")[1] : void 0
-          }, [
-            renderSlot(_ctx.$slots, "title", {}, () => [
-              createElementVNode("span", {
-                role: "heading",
-                title: _ctx.title
-              }, toDisplayString(_ctx.title), 9, _hoisted_3)
-            ]),
-            _ctx.showClose ? (openBlock(), createElementBlock("button", {
-              key: 0,
-              "aria-label": "close " + (_ctx.title || "drawer"),
-              class: normalizeClass(_ctx.ns.e("close-btn")),
-              type: "button"
-            }, [
-              createVNode(_component_ps_icon, {
-                class: normalizeClass(_ctx.ns.e("close"))
-              }, {
-                default: withCtx(() => [
-                  createVNode(_component_close)
-                ]),
-                _: 1
-              }, 8, ["class"])
-            ], 10, _hoisted_4)) : createCommentVNode("v-if", true)
-          ], 10, _hoisted_2)) : createCommentVNode("v-if", true),
-          _ctx.rendered ? (openBlock(), createElementBlock("section", {
-            key: 1,
-            class: normalizeClass(_ctx.ns.e("body")),
-            widget: _ctx.widget ? "drawer:default:" + _ctx.widget.split(":")[1] : void 0
-          }, [
-            renderSlot(_ctx.$slots, "default")
-          ], 10, _hoisted_5)) : createCommentVNode("v-if", true),
-          _ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
-            key: 2,
-            class: normalizeClass(_ctx.ns.e("footer")),
-            widget: _ctx.widget ? "drawer:footer:" + _ctx.widget.split(":")[1] : void 0
-          }, [
-            renderSlot(_ctx.$slots, "footer")
-          ], 10, _hoisted_6)) : createCommentVNode("v-if", true)
-        ], 14, _hoisted_1)), [
-          [_directive_trap_focus]
-        ])
-      ]),
-      _: 3
-    }, 8, ["mask", "overlay-class", "z-index"]), [
-      [vShow, _ctx.visible]
-    ])
-  ], 8, ["disabled"]);
-}
-var Drawer = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/meng/workspace/element-ps/packages/components/drawer/src/drawer.vue"]]);
 
-export { Drawer as default };
+export { drawerProps };
 //# sourceMappingURL=drawer.mjs.map

package/es/components/drawer/src/drawer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.mjs","sources":["../../../../../../packages/components/drawer/src/drawer.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        v-trap-focus\n        aria-modal=\"true\"\n        :aria-labelledby=\"ns.e('title')\"\n        :aria-label=\"title\"\n        :class=\"[ns.b(), direction, visible && 'open', customClass]\"\n        :style=\"\n          isHorizontal ? 'width: ' + drawerSize : 'height: ' + drawerSize\n        \"\n        role=\"dialog\"\n        :widget=\"widget\"\n      >\n        <header v-if=\"withHeader\"\n                :id=\"ns.e('title')\" :class=\"ns.e('header')\"\n                :widget=\"widget ? 'drawer:title:' + widget.split(':')[1] : undefined\"\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=\"ns.e('close-btn')\"\n            type=\"button\"\n          >\n            <ps-icon :class=\"ns.e('close')\"><close /></ps-icon>\n          </button>\n        </header>\n        <template v-if=\"rendered\">\n          <section :class=\"ns.e('body')\"\n                   :widget=\"widget ? 'drawer:default:' + widget.split(':')[1] : undefined\"\n          >\n            <slot />\n          </section>\n        </template>\n        <div v-if=\"$slots.footer\"\n             :class=\"ns.e('footer')\"\n             :widget=\"widget ? 'drawer:footer:' + widget.split(':')[1] : undefined\"\n        >\n          <slot name=\"footer\" />\n        </div>\n      </div>\n    </ps-overlay>\n  </teleport>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue'\nimport { Close } from '@element-plus/icons-vue'\n\nimport { PsOverlay } from '@element-ps/components/overlay'\nimport { useDialog } from '@element-ps/components/dialog'\nimport PsIcon from '@element-ps/components/icon'\nimport { TrapFocus } from '@element-ps/directives'\nimport { useNamespace } from '@element-ps/hooks'\nimport { drawerProps } from './drawer'\n\nexport default defineComponent({\n  name: 'PsDrawer',\n  components: {\n    PsOverlay,\n    PsIcon,\n    Close,\n  },\n  directives: {\n    TrapFocus,\n  },\n  props: drawerProps,\n\n  setup(props, ctx) {\n    const drawerRef = ref<HTMLElement>()\n    const ns = useNamespace('drawer')\n\n    const isHorizontal = computed(\n      () => props.direction === 'rtl' || props.direction === 'ltr'\n    )\n    const drawerSize = computed(() =>\n      typeof props.size === 'number' ? `${props.size}px` : props.size\n    )\n\n    return {\n      ...useDialog(props, ctx, drawerRef),\n      drawerRef,\n      isHorizontal,\n      drawerSize,\n      ns,\n    }\n  },\n})\n</script>\n"],"names":["_createBlock","_Teleport","_createVNode","_withDirectives","_openBlock","_createElementBlock","_normalizeClass","_normalizeStyle","_renderSlot","_createElementVNode","_toDisplayString","_createCommentVNode"],"mappings":"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"}
+{"version":3,"file":"drawer.mjs","sources":["../../../../../../packages/components/drawer/src/drawer.ts"],"sourcesContent":["import { buildProps } from '@element-ps/utils'\nimport { dialogProps } from '@element-ps/components/dialog'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const drawerProps = buildProps({\n  ...dialogProps,\n  direction: {\n    type: String,\n    default: 'rtl',\n    values: ['ltr', 'rtl', 'ttb', 'btt'],\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} as const)\n\nexport type DrawerProps = ExtractPropTypes<typeof drawerProps>\n"],"names":[],"mappings":";;;;;AAEY,MAAC,WAAW,GAAG,UAAU,CAAC;AACtC,EAAE,GAAG,WAAW;AAChB,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK;AAClB,IAAI,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;AACxC,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,GAAG;AACH,CAAC;;;;"}