element-ps 2.0.12 → 2.0.15

package/lib/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 {\n  computed,\n  nextTick,\n  onMounted,\n  ref,\n  watch,\n} from 'vue'\nimport { isClient, useTimeoutFn } from '@vueuse/core'\n\nimport {\n  useLockscreen,\n  useModal,\n  useRestoreActive,\n  useZIndex,\n} from '@element-ps/hooks'\nimport { UPDATE_MODEL_EVENT } from '@element-ps/constants'\nimport { isNumber } from '@element-ps/utils'\n\nimport type { CSSProperties, Ref } from 'vue'\nimport type { DialogProps } from './dialog'\n\nexport const useDialog = (\n  props: DialogProps,\n  targetRef: Ref<HTMLElement | undefined>\n) => {\n  const { nextZIndex } = useZIndex()\n\n  let lastPosition = ''\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 || 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    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 handleClose() {\n    function hide(shouldCancel?: boolean) {\n      if (shouldCancel) return\n      closed.value = true\n      visible.value = false\n    }\n\n    if (props.beforeClose) {\n      props.beforeClose(hide)\n    } else {\n      close()\n    }\n  }\n\n  function doOpen() {\n    if (!isClient) return\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  onMounted(() => {\n    if (props.modelValue) {\n      visible.value = true\n      rendered.value = true // enables lazy rendering\n      open()\n    }\n  })\n\n  return {\n    close,\n    doClose,\n    closed,\n    style,\n    rendered,\n    visible,\n    zIndex,\n  }\n}\n"],"names":["useZIndex","ref","computed","isNumber","useTimeoutFn","isClient","useLockscreen","useModal","useRestoreActive","onMounted"],"mappings":"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"}
+{"version":3,"file":"use-dialog.js","sources":["../../../../../../packages/components/dialog/src/use-dialog.ts"],"sourcesContent":["import {\n  computed,\n  getCurrentInstance,\n  nextTick,\n  onMounted,\n  ref,\n  watch,\n} from 'vue'\nimport { isClient, useTimeoutFn } from '@vueuse/core'\n\nimport {\n  useLockscreen,\n  useModal,\n  useRestoreActive,\n  useZIndex,\n} from '@element-ps/hooks'\nimport { UPDATE_MODEL_EVENT } from '@element-ps/constants'\nimport { isNumber } from '@element-ps/utils'\n\nimport type { CSSProperties, Ref, SetupContext } from 'vue'\nimport type { DialogProps } from './dialog'\n\nexport const useDialog = (\n  props: DialogProps,\n  targetRef: Ref<HTMLElement | undefined>\n) => {\n  const { nextZIndex } = useZIndex()\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 || 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    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 doOpen() {\n    if (!isClient) return\n    visible.value = true\n  }\n\n  function doClose() {\n    visible.value = false\n  }\n\n\n  if (props.lockScroll) {\n    useLockscreen(visible)\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++ : 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    close,\n    closed,\n    style,\n    rendered,\n    visible,\n    zIndex,\n  }\n}\n"],"names":["useZIndex","ref","computed","isNumber","useTimeoutFn","isClient","useLockscreen","useRestoreActive","watch","nextTick","onMounted"],"mappings":"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"}

package/lib/components/divider/index.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('../../utils/index.js');
-var divider$1 = require('./src/divider.js');
-var divider = require('./src/divider2.js');
+var divider$1 = require('./src/divider2.js');
+var divider = require('./src/divider.js');
 var install = require('../../utils/vue/install.js');
 
 const PsDivider = install.withInstall(divider$1["default"]);

package/lib/components/divider/src/divider.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"divider.js","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":["useNamespace","computed"],"mappings":";;;;;;;;;;;;;;;;;;AAqBA,IAAA,MAAA,EAAA,GAAAA,mBAAA,SAAA,CAAA,CAAA;AACA,IAAA,MAAA,YAAA,GAAAC,aAAA,MAAA;AACA,MAAA,OAAA;AAAA,QACA,qBAAA,KAAA,CAAA,WAAA;AAAA,OACA,CAAA;AAAA,KACA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"divider.js","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":["buildProps","definePropType"],"mappings":";;;;;;;AACY,MAAC,YAAY,GAAGA,gBAAU,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,EAAEC,oBAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,CAAC;;;;"}

package/lib/components/divider/src/divider2.js

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

package/lib/components/divider/src/divider2.js.map

@@ -1 +1 @@
-{"version":3,"file":"divider2.js","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":["buildProps","definePropType"],"mappings":";;;;;;;AACY,MAAC,YAAY,GAAGA,gBAAU,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,EAAEC,oBAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"divider2.js","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":["useNamespace","computed"],"mappings":";;;;;;;;;;;;;;;;;;AAqBA,IAAA,MAAA,EAAA,GAAAA,mBAAA,SAAA,CAAA,CAAA;AACA,IAAA,MAAA,YAAA,GAAAC,aAAA,MAAA;AACA,MAAA,OAAA;AAAA,QACA,qBAAA,KAAA,CAAA,WAAA;AAAA,OACA,CAAA;AAAA,KACA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;"}

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

@@ -3,6 +3,7 @@ export declare const PsDrawer: import("element-ps/es/utils").SFCWithInstall<impo
     readonly size: import("element-ps/es/utils").BuildPropReturn<readonly [StringConstructor, NumberConstructor], "30%", unknown, unknown, unknown>;
     readonly withHeader: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
     readonly modalFade: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly widget: import("element-ps/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
     readonly appendToBody: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
     readonly beforeClose: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<import("..").DialogBeforeCloseFn>, unknown, unknown, unknown, unknown>;
     readonly destroyOnClose: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
@@ -44,7 +45,6 @@ export declare const PsDrawer: import("element-ps/es/utils").SFCWithInstall<impo
         };
     };
     close: () => void;
-    doClose: () => void;
     closed: import("vue").Ref<boolean>;
     style: import("vue").ComputedRef<import("vue").CSSProperties>;
     rendered: import("vue").Ref<boolean>;
@@ -55,6 +55,7 @@ export declare const PsDrawer: import("element-ps/es/utils").SFCWithInstall<impo
     readonly size: import("element-ps/es/utils").BuildPropReturn<readonly [StringConstructor, NumberConstructor], "30%", unknown, unknown, unknown>;
     readonly withHeader: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
     readonly modalFade: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly widget: import("element-ps/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
     readonly appendToBody: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
     readonly beforeClose: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<import("..").DialogBeforeCloseFn>, unknown, unknown, unknown, unknown>;
     readonly destroyOnClose: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
@@ -80,6 +81,7 @@ export declare const PsDrawer: import("element-ps/es/utils").SFCWithInstall<impo
 }>>, {
     size: import("element-ps/es/utils").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     zIndex: number;
+    widget: string;
     top: string;
     width: import("element-ps/es/utils").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     title: string;

package/lib/components/drawer/index.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('../../utils/index.js');
-var drawer$1 = require('./src/drawer2.js');
-var drawer = require('./src/drawer.js');
+var drawer$1 = require('./src/drawer.js');
+var drawer = require('./src/drawer2.js');
 var install = require('../../utils/vue/install.js');
 
 const PsDrawer = install.withInstall(drawer$1["default"]);

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

@@ -4,6 +4,7 @@ export declare const drawerProps: {
     readonly size: import("element-ps/es/utils").BuildPropReturn<readonly [StringConstructor, NumberConstructor], "30%", unknown, unknown, unknown>;
     readonly withHeader: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
     readonly modalFade: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly widget: import("element-ps/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
     readonly appendToBody: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
     readonly beforeClose: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<import("element-ps/es/components/dialog").DialogBeforeCloseFn>, unknown, unknown, unknown, unknown>;
     readonly destroyOnClose: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;

package/lib/components/drawer/src/drawer.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","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} as const)\n\nexport type DrawerProps = ExtractPropTypes<typeof drawerProps>\n"],"names":["buildProps","dialogProps"],"mappings":";;;;;;;;;AAEY,MAAC,WAAW,GAAGA,gBAAU,CAAC;AACtC,EAAE,GAAGC,kBAAW;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,CAAC;;;;"}
+{"version":3,"file":"drawer.js","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":["defineComponent","PsOverlay","PsIcon","Close","TrapFocus","drawerProps","ref","useNamespace","computed","useDialog","_createBlock","_Teleport","_createVNode","_withDirectives","_openBlock","_createElementBlock","_normalizeClass","_normalizeStyle","_renderSlot","_createElementVNode","_toDisplayString","_createCommentVNode"],"mappings":"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"}

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

@@ -3,6 +3,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly size: import("../../../utils").BuildPropReturn<readonly [StringConstructor, NumberConstructor], "30%", unknown, unknown, unknown>;
     readonly withHeader: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
     readonly modalFade: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly widget: import("../../../utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
     readonly appendToBody: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
     readonly beforeClose: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("element-ps/es/components/dialog").DialogBeforeCloseFn>, unknown, unknown, unknown, unknown>;
     readonly destroyOnClose: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
@@ -44,7 +45,6 @@ declare const _default: import("vue").DefineComponent<{
         };
     };
     close: () => void;
-    doClose: () => void;
     closed: import("vue").Ref<boolean>;
     style: import("vue").ComputedRef<import("vue").CSSProperties>;
     rendered: import("vue").Ref<boolean>;
@@ -55,6 +55,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly size: import("../../../utils").BuildPropReturn<readonly [StringConstructor, NumberConstructor], "30%", unknown, unknown, unknown>;
     readonly withHeader: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
     readonly modalFade: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly widget: import("../../../utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
     readonly appendToBody: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
     readonly beforeClose: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("element-ps/es/components/dialog").DialogBeforeCloseFn>, unknown, unknown, unknown, unknown>;
     readonly destroyOnClose: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
@@ -80,6 +81,7 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     size: import("../../../utils").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     zIndex: number;
+    widget: string;
     top: string;
     width: import("../../../utils").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     title: string;

package/lib/components/drawer/src/drawer2.js

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