hy-dispatch-ui-v3 0.2.67 → 0.2.69

package/es/components/hyConfirmDialog/confirmDialog.vue.mjs

@@ -1,10 +1,10 @@
-import { defineComponent, useModel, ref, openBlock, createBlock, unref, mergeProps, withCtx, createElementVNode, createVNode, normalizeStyle, normalizeClass, toDisplayString, createElementBlock, createTextVNode, createCommentVNode, withModifiers, mergeModels } from 'vue';
+import { defineComponent, useModel, ref, openBlock, createBlock, unref, mergeProps, withCtx, createElementVNode, createVNode, normalizeStyle, normalizeClass, toDisplayString, createElementBlock, createTextVNode, createCommentVNode, Fragment, renderList, withModifiers, mergeModels } from 'vue';
 import { ElDialog } from 'element-plus';
 import '../../hooks/index.mjs';
 import '../index.mjs';
-import { useLocale } from '../../hooks/useLocale.mjs';
 import { HyIcon } from '../hyIcon/index.mjs';
 import { HyButton } from '../hyButton/index.mjs';
+import { $t } from '../../hooks/useLocale.mjs';
 
 const __default__ = defineComponent({
   name: "HyConfirmDialog"
@@ -57,6 +57,10 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       type: String,
       default: "rgb(var(--hy-main))"
     },
+    buttonList: {
+      type: Array,
+      default: () => []
+    },
     onClose: Function,
     onCancel: Function,
     onSubmit: Function
@@ -68,47 +72,14 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emits = __emit;
-    const { t } = useLocale();
     const visible = useModel(__props, "modelValue");
     const loading = ref(false);
-    async function onSubmitHandler() {
-      if (loading.value) return;
-      loading.value = true;
-      if (props.onSubmit) {
-        try {
-          await props.onSubmit();
-        } catch (err) {
-          console.error(err);
-          loading.value = false;
-          return;
-        }
-      }
-      visible.value = false;
-      loading.value = false;
-      emits("hide");
-    }
-    async function onCancelHandler() {
-      if (loading.value) return;
-      loading.value = true;
-      if (props.onCancel) {
-        try {
-          await props.onCancel();
-        } catch (err) {
-          console.error(err);
-          loading.value = false;
-          return;
-        }
-      }
-      visible.value = false;
-      loading.value = false;
-      emits("hide");
-    }
-    async function onCloseHandler() {
+    async function onFunHandler(callback) {
       if (loading.value) return;
       loading.value = true;
-      if (props.onClose) {
+      if (callback) {
         try {
-          await props.onClose();
+          await callback();
         } catch (err) {
           console.error(err);
           loading.value = false;
@@ -147,26 +118,20 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
             createElementVNode(
               "span",
               { class: "text-sm text-main font-bold" },
-              toDisplayString(__props.dialogTitle || unref(t)("dialog.prompt")),
+              toDisplayString(__props.dialogTitle || unref($t)("dialog.prompt")),
               1
               /* TEXT */
             ),
-            __props.showClose ? (openBlock(), createElementBlock(
-              "div",
-              {
-                key: 0,
-                class: normalizeClass(["flex items-center clickBox", { "cursor-not-allowed": loading.value }]),
-                onClick: onCloseHandler
-              },
-              [
-                createVNode(unref(HyIcon), {
-                  "svg-name": "layout-dialog-close-v2",
-                  "class-name": "!w-[18px] !h-[18px]"
-                })
-              ],
-              2
-              /* CLASS */
-            )) : createCommentVNode("v-if", true)
+            __props.showClose ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: normalizeClass(["flex items-center clickBox", { "cursor-not-allowed": loading.value }]),
+              onClick: ($event) => onFunHandler(__props.onClose)
+            }, [
+              createVNode(unref(HyIcon), {
+                "svg-name": "layout-dialog-close-v2",
+                "class-name": "!w-[18px] !h-[18px]"
+              })
+            ], 10, ["onClick"])) : createCommentVNode("v-if", true)
           ], 8, ["onClick"])
         ]),
         default: withCtx(() => [
@@ -187,7 +152,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                 /* TEXT, CLASS */
               ),
               createElementVNode("div", {
-                class: "px-[40px] text-smword-break text-center break-all",
+                class: "px-[40px] text-smword-break text-center break-all box-border",
                 innerHTML: __props.content
               }, null, 8, ["innerHTML"])
             ]),
@@ -200,35 +165,65 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                 type: __props.cancelType,
                 disabled: loading.value,
                 class: "min-w-[120px]",
-                onClick: onCancelHandler
+                onClick: ($event) => onFunHandler(__props.onCancel)
               }, {
                 default: withCtx(() => [
                   createTextVNode(
-                    toDisplayString(__props.cancelText || unref(t)("dialog.cancel")),
+                    toDisplayString(__props.cancelText || unref($t)("dialog.cancel")),
                     1
                     /* TEXT */
                   )
                 ]),
                 _: 1
                 /* STABLE */
-              }, 8, ["type", "disabled"])) : createCommentVNode("v-if", true),
+              }, 8, ["type", "disabled", "onClick"])) : createCommentVNode("v-if", true),
               __props.showSubmit ? (openBlock(), createBlock(unref(HyButton), {
                 key: 1,
                 type: __props.submitType,
                 loading: loading.value,
                 class: "min-w-[120px]",
-                onClick: onSubmitHandler
+                onClick: ($event) => onFunHandler(__props.onSubmit)
               }, {
                 default: withCtx(() => [
                   createTextVNode(
-                    toDisplayString(__props.submitText || unref(t)("dialog.confirm")),
+                    toDisplayString(__props.submitText || unref($t)("dialog.confirm")),
                     1
                     /* TEXT */
                   )
                 ]),
                 _: 1
                 /* STABLE */
-              }, 8, ["type", "loading"])) : createCommentVNode("v-if", true)
+              }, 8, ["type", "loading", "onClick"])) : createCommentVNode("v-if", true)
+            ])) : createCommentVNode("v-if", true),
+            __props.buttonList && __props.buttonList.length ? (openBlock(), createElementBlock("div", {
+              key: 1,
+              class: "flex flex-wrap justify-center pt-[32px]"
+            }, [
+              (openBlock(true), createElementBlock(
+                Fragment,
+                null,
+                renderList(__props.buttonList, (item, index) => {
+                  return openBlock(), createBlock(unref(HyButton), {
+                    key: index,
+                    type: item.type,
+                    disabled: loading.value,
+                    class: normalizeClass(["min-w-[120px]", item.class]),
+                    onClick: ($event) => onFunHandler(item.callback)
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(
+                        toDisplayString(item.label),
+                        1
+                        /* TEXT */
+                      )
+                    ]),
+                    _: 2
+                    /* DYNAMIC */
+                  }, 1032, ["type", "disabled", "class", "onClick"]);
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
             ])) : createCommentVNode("v-if", true)
           ])
         ]),

package/es/components/hyConfirmDialog/confirmMethod.mjs

@@ -5,7 +5,7 @@ import '../index.mjs';
 import _sfc_main from './confirmDialog.vue.mjs';
 import { useGlobalConfig } from '../../hooks/useGlobalConfig.mjs';
 import { HyConfigProvider } from '../hyConfigProvider/index.mjs';
-import { useLocale } from '../../hooks/useLocale.mjs';
+import { $t } from '../../hooks/useLocale.mjs';
 
 function appConfirmMethod(config) {
   let container = document.createDocumentFragment();
@@ -18,11 +18,7 @@ function appConfirmMethod(config) {
   let confirmDialogInstance = null;
   function render$1(props) {
     const globalConfig = useGlobalConfig();
-    const {
-      locale = "zhCn",
-      api = defaultAxios,
-      ...args
-    } = unref(globalConfig) || {};
+    const { locale = "zh_CN", api = defaultAxios, ...args } = unref(globalConfig) || {};
     const vm = createVNode(_sfc_main, props);
     const configProvider = createVNode(
       HyConfigProvider,
@@ -52,46 +48,52 @@ function appConfirmMethod(config) {
   return destroy;
 }
 _sfc_main.tip = (props) => {
-  const { t } = useLocale();
   return appConfirmMethod({
-    dialogTitle: t("dialog.prompt"),
-    title: t("dialog.prompt"),
-    content: t("dialog.content"),
+    dialogTitle: $t("dialog.prompt"),
+    title: $t("dialog.prompt"),
+    content: $t("dialog.content"),
     showCancel: false,
     ...props
   });
 };
 _sfc_main.confirm = (props) => {
-  const { t } = useLocale();
   return appConfirmMethod({
-    dialogTitle: t("dialog.prompt"),
-    title: t("dialog.prompt"),
-    content: t("dialog.content"),
+    dialogTitle: $t("dialog.prompt"),
+    title: $t("dialog.prompt"),
+    content: $t("dialog.content"),
     ...props
   });
 };
 _sfc_main.warning = (props) => {
-  const { t } = useLocale();
   return appConfirmMethod({
-    dialogTitle: t("dialog.riskWarning"),
-    title: t("dialog.prompt"),
+    dialogTitle: $t("dialog.riskWarning"),
+    title: $t("dialog.prompt"),
     titleClass: "text-warning",
-    content: t("dialog.content"),
+    content: $t("dialog.content"),
     iconColor: "rgb(var(--hy-warning))",
     ...props
   });
 };
 _sfc_main.danger = (props) => {
-  const { t } = useLocale();
   return appConfirmMethod({
-    dialogTitle: t("dialog.dangerousOperation"),
+    dialogTitle: $t("dialog.dangerousOperation"),
     titleClass: "text-danger-2",
-    title: t("dialog.prompt"),
-    content: t("dialog.content"),
+    title: $t("dialog.prompt"),
+    content: $t("dialog.content"),
     submitType: "danger",
     iconColor: "rgb(var(--hy-danger-2))",
     ...props
   });
 };
+_sfc_main.custom = (props) => {
+  return appConfirmMethod({
+    dialogTitle: $t("dialog.prompt"),
+    title: $t("dialog.prompt"),
+    content: $t("dialog.content"),
+    showSubmit: false,
+    showCancel: false,
+    ...props
+  });
+};
 
 export { _sfc_main as default };

package/es/components/hyCutter/cutter.vue.mjs

@@ -5,7 +5,7 @@ import { User, Delete } from '@element-plus/icons-vue';
 import '../../utils/index.mjs';
 import '../index.mjs';
 import '../../hooks/index.mjs';
-import { useLocale } from '../../hooks/useLocale.mjs';
+import { $t } from '../../hooks/useLocale.mjs';
 import { sizeToTextHandler, blobToDataURL, fileUpload } from '../../utils/file.mjs';
 import { HyDialog } from '../hyDialog/index.mjs';
 
@@ -24,8 +24,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       // 上传文本
       type: String,
       default: () => {
-        const { t } = useLocale();
-        return t("cutter.uploadPicture");
+        return $t("cutter.uploadPicture");
       }
     },
     showUpload: { type: Boolean, default: true },
@@ -80,7 +79,6 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emits = __emit;
-    const { t } = useLocale();
     const modelValue = useModel(__props, "modelValue");
     const cropperRef = useTemplateRef("cropperRef");
     const uploadRef = useTemplateRef("uploadRef");
@@ -131,9 +129,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     async function beforeAvatarUpload(file) {
       const limit = file.size < props.maxSize;
       if (!limit) {
-        ElMessage.error(
-          t("cutter.uploadPictureLimit", [sizeToTextHandler(props.maxSize)])
-        );
+        ElMessage.error($t("cutter.uploadPictureLimit", [sizeToTextHandler(props.maxSize)]));
         return false;
       }
       const result = await blobToDataURL(file);
@@ -157,12 +153,10 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       return new Promise((resolve, reject) => {
         cropperRef.value.getCropBlob(async (data) => {
           data.name = fileInfo.value.name;
-          const res = await fileUpload(data, props.directTransmission).catch(
-            (res2) => {
-              ElMessage.error(res2.msg || res2);
-              reject();
-            }
-          );
+          const res = await fileUpload(data, props.directTransmission).catch((res2) => {
+            ElMessage.error(res2.msg || res2);
+            reject();
+          });
           if (res.code === 200) {
             const url = await blobToDataURL(data);
             const key = res.data?.key || res.data?.url || res.data;
@@ -198,15 +192,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     }
     __expose({
       open: async (params) => {
-        const {
-          url,
-          fileName = "img.png",
-          options: options2,
-          file,
-          onSubmit,
-          onCancel,
-          onClose
-        } = params || {};
+        const { url, fileName = "img.png", options: options2, file, onSubmit, onCancel, onClose } = params || {};
         if (file) {
           const result = await blobToDataURL(file);
           openCutter(result, file.name);
@@ -335,7 +321,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         createVNode(unref(HyDialog), mergeProps({
           modelValue: visible.value,
           "onUpdate:modelValue": ($event) => visible.value = $event,
-          title: unref(t)("cutter.imageSegmentation")
+          title: unref($t)("cutter.imageSegmentation")
         }, _ctx.$attrs, {
           onClose: onCloseHandler,
           onCancel: onCancelHandler,

package/es/components/hyDatePicker/datePicker.vue.mjs

@@ -2,7 +2,7 @@ import { defineComponent, useTemplateRef, useModel, computed, watch, unref, open
 import { ElDatePicker } from 'element-plus';
 import '../../utils/index.mjs';
 import '../../hooks/index.mjs';
-import { useLocale } from '../../hooks/useLocale.mjs';
+import { $t } from '../../hooks/useLocale.mjs';
 import { getDefaultValueFormatByType } from '../../utils/date.mjs';
 import { isArray } from '../../utils/is.mjs';
 
@@ -46,7 +46,6 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emits = __emit;
-    const { t } = useLocale();
     const appDatePicker = useTemplateRef("appDatePicker");
     const dateValue = useModel(__props, "modelValue");
     const startValue = useModel(__props, "start");
@@ -57,13 +56,13 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       }
       switch (props.type) {
         case "daterange":
-          return t("datePicker.startDate");
+          return $t("datePicker.startDate");
         case "datetimerange":
-          return t("datePicker.startDateTime");
+          return $t("datePicker.startDateTime");
         case "monthrange":
-          return t("datePicker.startMonth");
+          return $t("datePicker.startMonth");
         case "yearrange":
-          return t("datePicker.startYear");
+          return $t("datePicker.startYear");
       }
       return null;
     });
@@ -73,22 +72,20 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       }
       switch (props.type) {
         case "daterange":
-          return t("datePicker.endDate");
+          return $t("datePicker.endDate");
         case "datetimerange":
-          return t("datePicker.endDateTime");
+          return $t("datePicker.endDateTime");
         case "monthrange":
-          return t("datePicker.endMonth");
+          return $t("datePicker.endMonth");
         case "yearrange":
-          return t("datePicker.endYear");
+          return $t("datePicker.endYear");
       }
       return null;
     });
     watch(
       () => [startValue.value, endValue.value],
       ([start, end]) => {
-        if (["datetimerange", "daterange", "monthrange", "yearrange"].includes(
-          props.type
-        ) && props.isRange) {
+        if (["datetimerange", "daterange", "monthrange", "yearrange"].includes(props.type) && props.isRange) {
           if (start && end) {
             dateValue.value = [start, end];
           } else {
@@ -105,9 +102,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     function onChangeHandler(value) {
       const { timeRangeFill } = props;
       const isFill = timeRangeFill && ["daterange"].includes(props.type);
-      if (["datetimerange", "daterange", "monthrange", "yearrange"].includes(
-        props.type
-      ) && props.isRange) {
+      if (["datetimerange", "daterange", "monthrange", "yearrange"].includes(props.type) && props.isRange) {
         value = isArray(value) ? value : [];
         startValue.value = value[0] ? `${value[0]}${isFill ? " 00:00:00" : ""}` : null;
         endValue.value = value[1] ? `${value[1]}${isFill ? " 23:59:59" : ""}` : null;
@@ -145,7 +140,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         format: dateFormHandler(__props.format),
         valueFormat: dateFormHandler(__props.valueFormat),
         "start-placeholder": startPlaceholder.value,
-        "range-separator": unref(t)("datePicker.to"),
+        "range-separator": unref($t)("datePicker.to"),
         "end-placeholder": endPlaceholder.value,
         onChange: onChangeHandler
       }), createSlots({

package/es/components/hyDialog/dialog.vue.mjs

@@ -3,8 +3,8 @@ import { ElDialog, ElPopover } from 'element-plus';
 import '../index.mjs';
 import '../../hooks/index.mjs';
 import '../../utils/index.mjs';
-import { useLocale } from '../../hooks/useLocale.mjs';
 import { HyButton } from '../hyButton/index.mjs';
+import { $t } from '../../hooks/useLocale.mjs';
 import { isFunction } from '../../utils/is.mjs';
 import { HyIcon } from '../hyIcon/index.mjs';
 
@@ -97,7 +97,6 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emits = __emit;
-    const { t } = useLocale();
     const visible = useModel(__props, "modelValue");
     const loading = useModel(__props, "loading");
     const dialogTypeRight = computed(() => {
@@ -288,7 +287,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                         createElementVNode(
                                           "div",
                                           { class: "flex-shrink-0 font-bold" },
-                                          toDisplayString(basicInfoItem.label) + "\uFF1A ",
+                                          toDisplayString(basicInfoItem.label) + "\uFF1A",
                                           1
                                           /* TEXT */
                                         ),
@@ -300,10 +299,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                           /* TEXT */
                                         )
                                       ])), [
-                                        [
-                                          vShow,
-                                          unref(isFunction)(basicInfoItem.show) ? basicInfoItem.show() : true
-                                        ]
+                                        [vShow, unref(isFunction)(basicInfoItem.show) ? basicInfoItem.show() : true]
                                       ]);
                                     }),
                                     128
@@ -378,7 +374,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                         }, {
                           default: withCtx(() => [
                             createTextVNode(
-                              toDisplayString(__props.cancelText || unref(t)("dialog.cancel")),
+                              toDisplayString(__props.cancelText || unref($t)("dialog.cancel")),
                               1
                               /* TEXT */
                             )
@@ -395,7 +391,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                         }, {
                           default: withCtx(() => [
                             createTextVNode(
-                              toDisplayString(__props.submitText || unref(t)("dialog.confirm")),
+                              toDisplayString(__props.submitText || unref($t)("dialog.confirm")),
                               1
                               /* TEXT */
                             )

package/es/components/hyDialog/style/dialog.scss

@@ -1,13 +1,12 @@
-.hy-dialog-app-shrink {
-  transform-origin: 100% 100%;
-  transition:
-          transform 0.7s cubic-bezier(0.65, 0, 0.35, 1),
-          opacity 0.7s ease;
-  will-change: transform, opacity;
-  &.hy-dialog-is-minimized {
-    transform: translate(calc(50vw - 100%), calc(100vh - 0px - 100%))
-    scale(0.01) !important;
-    opacity: 0.95;
-    pointer-events: none;
-  }
-}
+.hy-dialog-app-shrink {
+  transform-origin: 100% 100%;
+  transition:
+    transform 0.7s cubic-bezier(0.65, 0, 0.35, 1),
+    opacity 0.7s ease;
+  will-change: transform, opacity;
+  &.hy-dialog-is-minimized {
+    transform: translate(calc(50vw - 100%), calc(100vh - 0px - 100%)) scale(0.01) !important;
+    opacity: 0.95;
+    pointer-events: none;
+  }
+}

package/es/components/hyDrawer/drawer.vue.mjs

@@ -0,0 +1,100 @@
+import { defineComponent, useModel, ref, openBlock, createBlock, unref, mergeProps, withCtx, createElementVNode, createElementBlock, renderSlot, createTextVNode, toDisplayString, createVNode, createCommentVNode, mergeModels } from 'vue';
+import { ElDrawer } from 'element-plus';
+import '../index.mjs';
+import { HyIcon } from '../hyIcon/index.mjs';
+
+import "./style/drawer.scss";
+
+const __default__ = defineComponent({
+  name: "HyDrawer"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: /* @__PURE__ */ mergeModels({
+    title: {
+      type: String,
+      default: "\u6807\u9898"
+    },
+    direction: {
+      type: String,
+      default: "rtl"
+    },
+    size: {
+      type: String,
+      default: "90vw"
+    },
+    withHeader: {
+      type: Boolean,
+      default: true
+    }
+  }, {
+    "modelValue": { type: Boolean, default: false },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels([], ["update:modelValue"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const drawer = useModel(__props, "modelValue");
+    const dragLevelIndex = ref(null);
+    function setDragLevelIndex(initDragLevelIndex) {
+      dragLevelIndex.value = initDragLevelIndex;
+    }
+    function onCloseHandler() {
+      drawer.value = false;
+    }
+    __expose({
+      setDragLevelIndex
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElDrawer), mergeProps({
+        modelValue: drawer.value,
+        "onUpdate:modelValue": ($event) => drawer.value = $event,
+        "append-to-body": "",
+        "lock-scroll": "",
+        "close-on-click-modal": false,
+        "close-on-press-escape": false,
+        "destroy-on-close": "",
+        direction: __props.direction,
+        "show-close": false,
+        size: __props.size,
+        "with-header": false,
+        "body-class": "!p-0"
+      }, _ctx.$attrs, { "z-index": dragLevelIndex.value }), {
+        default: withCtx(() => [
+          createElementVNode("div", { class: "h-full flex flex-col items-center" }, [
+            __props.withHeader ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: "w-full py-5 px-4 flex justify-between items-center relative box-border"
+            }, [
+              createElementVNode("div", { class: "w-0 flex-grow leading-[1] text-main font-bold size-[18px] mr-2" }, [
+                renderSlot(_ctx.$slots, "title", {}, () => [
+                  createTextVNode(
+                    toDisplayString(__props.title),
+                    1
+                    /* TEXT */
+                  )
+                ])
+              ]),
+              createElementVNode("div", { class: "text-lg cursor-pointer" }, [
+                renderSlot(_ctx.$slots, "title-operate-box"),
+                createVNode(unref(HyIcon), {
+                  "svg-name": "layout-dialog-close-v2",
+                  class: "!w-[20px] !h-[20px] ml-2 text-danger-2",
+                  onClick: onCloseHandler
+                })
+              ])
+            ])) : createCommentVNode("v-if", true),
+            createElementVNode("div", { class: "w-full h-0 flex-1 pt-2.5 pb-4 px-4 overflow-y-auto relative box-border" }, [
+              renderSlot(_ctx.$slots, "default")
+            ]),
+            renderSlot(_ctx.$slots, "footer")
+          ])
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 16, ["modelValue", "onUpdate:modelValue", "direction", "size", "z-index"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/hyDrawer/index.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from './drawer.vue.mjs';
+import '../../utils/index.mjs';
+import { withInstall } from '../../utils/handler.mjs';
+
+const HyDrawer = withInstall(_sfc_main);
+
+export { HyDrawer, HyDrawer as default };