el-plus 0.0.52 → 0.0.53

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! ElPlus v0.0.52 */
+/*! ElPlus v0.0.53 */
 
 import { useAttrs, getCurrentInstance, inject, provide, ref, nextTick, defineComponent, computed, createVNode, Fragment, withDirectives, resolveComponent, mergeProps, resolveDirective, useTemplateRef, createTextVNode, h, mergeModels, useModel, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createCommentVNode, withCtx, renderSlot, renderList, createBlock, vShow, toDisplayString, reactive, useSlots, watch, onMounted, createSlots, normalizeProps, guardReactiveProps, markRaw, Transition, shallowReactive, isVNode, render, createElementVNode, toRaw } from 'vue';
 import { buttonProps, useLocale as useLocale$1, ElLoading, ElMessage, ElMessageBox, formProps as formProps$1, formEmits as formEmits$1, ElTooltip, formItemProps as formItemProps$1, ElFormItem, ElForm, ElRow, ElCol, inputProps as inputProps$1, inputEmits as inputEmits$1, configProviderContextKey, ElConfigProvider, ElDialog, ElButton, ElTable, ElIcon, selectProps as selectProps$1, selectEmits as selectEmits$1, ElPageHeader, datePickerProps, linkProps as linkProps$1, ElSkeleton } from 'element-plus';
@@ -711,7 +711,7 @@ async function queryRoles() {
   }
 }
 
-const bem$4 = createNameSpace("button");
+const bem$5 = createNameSpace("button");
 var Buttons = /* @__PURE__ */ defineComponent({
   name: "EpButtons",
   directives: {
@@ -763,7 +763,7 @@ var Buttons = /* @__PURE__ */ defineComponent({
     return () => createVNode(Fragment, null, [customList.value.map((item) => {
       const permissionArr = item.permission?.split(":") || [];
       return withDirectives(createVNode(resolveComponent("el-button"), mergeProps({
-        "class": [bem$4.b(), prepareClassNames()],
+        "class": [bem$5.b(), prepareClassNames()],
         "style": prepareStyles(),
         "key": item.prop || item.name
       }, {
@@ -1024,7 +1024,7 @@ const formItemProps = {
 };
 const expandFormItemPropsKeys = Object.keys(expandFormItemProps);
 
-const bem$3 = createNameSpace("form-item");
+const bem$4 = createNameSpace("form-item");
 var EpFormItem = /* @__PURE__ */ defineComponent({
   name: "EpFormItem",
   inheritAttrs: false,
@@ -1046,7 +1046,7 @@ var EpFormItem = /* @__PURE__ */ defineComponent({
     } = props;
     return () => {
       return createVNode(ElFormItem, mergeProps({
-        "class": [bem$3.b(), prepareClassNames()],
+        "class": [bem$4.b(), prepareClassNames()],
         "style": prepareStyles()
       }, {
         ...prepareProps(formItemProps2, [...expandFormItemPropsKeys]),
@@ -1320,7 +1320,7 @@ var _sfc_main$a = /* @__PURE__ */ defineComponent({
 
 const EpInput = withInstall(_sfc_main$a);
 
-function _isSlot$1(s) {
+function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 const useTemplatePromise = (options = {}) => {
@@ -1394,7 +1394,7 @@ const useTemplatePromise = (options = {}) => {
     });
     if (transition) return () => {
       let _slot;
-      return createVNode(Transition, transition, _isSlot$1(_slot = renderList()) ? _slot : {
+      return createVNode(Transition, transition, _isSlot(_slot = renderList()) ? _slot : {
         default: () => [_slot]
       });
     };
@@ -1404,10 +1404,7 @@ const useTemplatePromise = (options = {}) => {
   return markRaw(component);
 };
 
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-const bem$2 = createNameSpace("dialog");
+const bem$3 = createNameSpace("dialog");
 const useDialog = (options = {}) => {
   const {
     t
@@ -1418,7 +1415,9 @@ const useDialog = (options = {}) => {
     render: render$1,
     destroyOnClose,
     onConfirm,
+    confirmText,
     onCancel,
+    cancelText,
     showFooter = true,
     ...dialogProps
   } = options;
@@ -1438,38 +1437,35 @@ const useDialog = (options = {}) => {
       };
       const slots = {};
       if (showFooter) {
-        slots.footer = () => {
-          let _slot, _slot2;
-          return createVNode("div", {
-            "class": bem$2.e("footer")
-          }, [scopedSlots.footerPrepend?.(promiseOptions), createVNode(ElButton, {
-            "size": "default",
-            "onClick": () => {
-              if (onCancel) {
-                onCancel(reject);
-              } else {
-                reject("cancel");
-              }
+        slots.footer = () => createVNode("div", {
+          "class": bem$3.e("footer")
+        }, [scopedSlots.footerPrepend?.(promiseOptions), createVNode(ElButton, {
+          "size": "default",
+          "onClick": () => {
+            if (onCancel) {
+              onCancel(reject);
+            } else {
+              reject("cancel");
             }
-          }, _isSlot(_slot = t("ep.dialog.cancel")) ? _slot : {
-            default: () => [_slot]
-          }), scopedSlots.footerInner?.(promiseOptions), createVNode(ElButton, {
-            "type": "primary",
-            "onClick": async () => {
-              if (onConfirm) {
-                onConfirm(resolve);
-              } else {
-                resolve("confirm");
-              }
-            },
-            "loading": isResolving
-          }, _isSlot(_slot2 = t("ep.dialog.confirm")) ? _slot2 : {
-            default: () => [_slot2]
-          }), scopedSlots.footerAppend?.(promiseOptions)]);
-        };
+          }
+        }, {
+          default: () => [cancelText || t("ep.dialog.cancel")]
+        }), scopedSlots.footerInner?.(promiseOptions), createVNode(ElButton, {
+          "type": "primary",
+          "onClick": async () => {
+            if (onConfirm) {
+              onConfirm(resolve);
+            } else {
+              resolve("confirm");
+            }
+          },
+          "loading": isResolving
+        }, {
+          default: () => [confirmText || t("ep.dialog.confirm")]
+        }), scopedSlots.footerAppend?.(promiseOptions)]);
       }
       return createVNode(ElDialog, mergeProps({
-        "class": bem$2.b(),
+        "class": bem$3.b(),
         "modelValue": true
       }, {
         closeOnClickModal: false,
@@ -1962,11 +1958,12 @@ const expandTablePropsKeys = Object.keys(expandTableProps);
 const tableEmits = [...ElTable.emits, "single-selection-change"];
 const tableEmitsKeys = tableEmits;
 
-const bem$1 = createNameSpace("form-dialog");
+const bem$2 = createNameSpace("form-dialog");
 const useFormDialog = (options = {}) => {
   const {
     dialogProps,
     title,
+    width = "80%",
     ...formProps
   } = options;
   const formRef = ref();
@@ -1979,10 +1976,10 @@ const useFormDialog = (options = {}) => {
     }
   };
   return useDialog({
-    class: bem$1.b(),
-    width: "80%",
+    class: bem$2.b(),
+    width,
     title,
-    render: (props) => {
+    render: () => {
       return createVNode(EpForm, mergeProps({
         "ref": formRef,
         "modelValue": formData,
@@ -4172,7 +4169,7 @@ var components = [
   EpUniVue
 ];
 
-var version = "0.0.52";
+var version = "0.0.53";
 
 var globalProperties = {
   install(app) {
@@ -4185,7 +4182,7 @@ var plugins = /*#__PURE__*/Object.freeze({
   globalProperties: globalProperties
 });
 
-const bem = createNameSpace("choose-dialog");
+const bem$1 = createNameSpace("choose-dialog");
 const useChooseDialog = (options = {}) => {
   const {
     t
@@ -4202,7 +4199,7 @@ const useChooseDialog = (options = {}) => {
   if (!showSingleSelectionCol) {
     scopedSlots.footerPrepend = () => {
       return createVNode("span", {
-        "class": bem.e("selected-count")
+        "class": bem$1.e("selected-count")
       }, [t("ep.chooseDialog.selected"), selections.value.length, t("ep.chooseDialog.unit")]);
     };
   }
@@ -4212,7 +4209,7 @@ const useChooseDialog = (options = {}) => {
   };
   let searchListPageRef;
   return useDialog({
-    class: bem.b(),
+    class: bem$1.b(),
     width: "80%",
     showFooter: !showSingleSelectionCol,
     scopedSlots,
@@ -4259,6 +4256,48 @@ const useChooseDialog = (options = {}) => {
   });
 };
 
+const bem = createNameSpace("confirm-dialog");
+const useConfirmDialog = (options = {}) => {
+  const {
+    dialogProps = {},
+    width = "50%",
+    title,
+    /** TextareaProps */
+    rows = 5,
+    maxlength = 500,
+    minlength,
+    showWordLimit = true,
+    /** TextareaFormItemProps */
+    rules,
+    required = true,
+    placeholder
+  } = options;
+  const formItemList = [{
+    rules,
+    prop: "value",
+    label: " ",
+    required,
+    props: {
+      placeholder,
+      type: "textarea",
+      rows,
+      maxlength,
+      minlength,
+      showWordLimit
+    }
+  }];
+  return useFormDialog({
+    title,
+    width,
+    formItemList,
+    dialogProps: {
+      ...dialogProps,
+      class: bem.b(),
+      destroyOnClose: true
+    }
+  });
+};
+
 const INSTALLED_KEY = /* @__PURE__ */ Symbol("INSTALLED_KEY");
 const install = (app, options) => {
   if (app[INSTALLED_KEY]) return;
@@ -4271,4 +4310,4 @@ const plugin = {
   version
 };
 
-export { EpAttachment, EpButtons, EpCustomColumn, EpDatePickerRange, EpForm, EpFormItem, EpHeader, EpInput, EpLink, EpSearchListPage, EpSelect, EpTable, EpTitle, EpUniVue, attachmentProps, buttonsProps, componentType, customColumnEmits, customColumnProps, datePickerRangeEmits, datePickerRangeProps, plugin as default, expandFormItemPropsKeys, expandFormPropsKeys, expandSelectPropsKeys, expandTablePropsKeys, formEmits, formEmitsKeys, formItemProps, formProps, headerEmits, headerProps, inheritSelectProps, inputEmits, inputEmitsKeys, inputProps, install, linkProps, searchListPageProps, selectEmits, selectEmitsKeys, selectProps, tableEmits, tableEmitsKeys, tableProps, titleEmits, titleProps, uniVueProps, useChooseDialog, useDialog, useFormDialog, useLocale, useNavigation, useRequest, useTemplatePromise, vPermisson as vPermission, vRepeatClick };
+export { EpAttachment, EpButtons, EpCustomColumn, EpDatePickerRange, EpForm, EpFormItem, EpHeader, EpInput, EpLink, EpSearchListPage, EpSelect, EpTable, EpTitle, EpUniVue, attachmentProps, buttonsProps, componentType, customColumnEmits, customColumnProps, datePickerRangeEmits, datePickerRangeProps, plugin as default, expandFormItemPropsKeys, expandFormPropsKeys, expandSelectPropsKeys, expandTablePropsKeys, formEmits, formEmitsKeys, formItemProps, formProps, headerEmits, headerProps, inheritSelectProps, inputEmits, inputEmitsKeys, inputProps, install, linkProps, searchListPageProps, selectEmits, selectEmitsKeys, selectProps, tableEmits, tableEmitsKeys, tableProps, titleEmits, titleProps, uniVueProps, useChooseDialog, useConfirmDialog, useDialog, useFormDialog, useLocale, useNavigation, useRequest, useTemplatePromise, vPermisson as vPermission, vRepeatClick };

package/es/hooks/dialog/use-confirm-dialog.d.ts

@@ -0,0 +1,12 @@
+import type { DialogOptions } from './use-dialog';
+import type { FormItemProps } from 'el-plus/es/components/form';
+import type { InputProps } from 'element-plus';
+type Options = Partial<{
+    title?: string;
+    width?: string;
+    dialogProps?: DialogOptions;
+} & TextareaProps & TextareaFormItemProps>;
+type TextareaProps = Pick<InputProps, 'rows' | 'maxlength' | 'minlength' | 'showWordLimit' | 'placeholder'>;
+type TextareaFormItemProps = Pick<FormItemProps, 'rules' | 'required'>;
+export declare const useConfirmDialog: (options?: Options) => import("el-plus/es").TemplatePromise<any, []>;
+export {};

package/es/hooks/dialog/use-confirm-dialog.mjs

@@ -0,0 +1,47 @@
+import { useFormDialog } from './use-form-dialog.mjs';
+import { createNameSpace } from '../../utils/bem.mjs';
+
+const bem = createNameSpace("confirm-dialog");
+const useConfirmDialog = (options = {}) => {
+  const {
+    dialogProps = {},
+    width = "50%",
+    title,
+    /** TextareaProps */
+    rows = 5,
+    maxlength = 500,
+    minlength,
+    showWordLimit = true,
+    /** TextareaFormItemProps */
+    rules,
+    required = true,
+    placeholder
+  } = options;
+  const formItemList = [{
+    rules,
+    prop: "value",
+    label: " ",
+    required,
+    props: {
+      placeholder,
+      type: "textarea",
+      rows,
+      maxlength,
+      minlength,
+      showWordLimit
+    }
+  }];
+  return useFormDialog({
+    title,
+    width,
+    formItemList,
+    dialogProps: {
+      ...dialogProps,
+      class: bem.b(),
+      destroyOnClose: true
+    }
+  });
+};
+
+export { useConfirmDialog };
+//# sourceMappingURL=use-confirm-dialog.mjs.map

package/es/hooks/dialog/use-confirm-dialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-confirm-dialog.mjs","sources":["../../../../../packages/hooks/dialog/use-confirm-dialog.tsx"],"sourcesContent":["import { useFormDialog } from './use-form-dialog'\nimport type { DialogOptions } from './use-dialog'\nimport type { FormItemProps } from '@el-plus/components/form'\nimport { createNameSpace } from '@el-plus/utils/bem'\nimport type { InputProps } from 'element-plus'\nconst bem = createNameSpace('confirm-dialog')\ntype Options = Partial<\n  {\n    title?: string\n    width?: string\n    dialogProps?: DialogOptions\n  } & TextareaProps &\n    TextareaFormItemProps\n>\ntype TextareaProps = Pick<\n  InputProps,\n  'rows' | 'maxlength' | 'minlength' | 'showWordLimit' | 'placeholder'\n>\ntype TextareaFormItemProps = Pick<FormItemProps, 'rules' | 'required'>\nexport const useConfirmDialog = (options: Options = {}) => {\n  const {\n    dialogProps = {},\n    width = '50%',\n    title,\n    /** TextareaProps */\n    rows = 5,\n    maxlength = 500,\n    minlength,\n    showWordLimit = true,\n    /** TextareaFormItemProps */\n    rules,\n    required = true,\n    placeholder,\n  } = options\n  const formItemList: FormItemProps[] = [\n    {\n      rules,\n      prop: 'value',\n      label: ' ',\n      required,\n      props: {\n        placeholder,\n        type: 'textarea',\n        rows,\n        maxlength,\n        minlength,\n        showWordLimit,\n      },\n    },\n  ]\n  return useFormDialog({\n    title,\n    width,\n    formItemList,\n    dialogProps: {\n      ...dialogProps,\n      class: bem.b(),\n      destroyOnClose: true,\n    },\n  })\n}\n"],"names":["bem","createNameSpace","useConfirmDialog","options","dialogProps","width","title","rows","maxlength","minlength","showWordLimit","rules","required","placeholder","formItemList","prop","label","props","type","useFormDialog","class","b","destroyOnClose"],"mappings":";;;AAKA,MAAMA,GAAAA,GAAMC,gBAAgB,gBAAgB,CAAA;AAcrC,MAAMC,gBAAAA,GAAmBA,CAACC,OAAAA,GAAmB,EAAC,KAAM;AACzD,EAAA,MAAM;AAAA,IACJC,cAAc,EAAC;AAAA,IACfC,KAAAA,GAAQ,KAAA;AAAA,IACRC,KAAAA;AAAAA;AAAAA,IAEAC,IAAAA,GAAO,CAAA;AAAA,IACPC,SAAAA,GAAY,GAAA;AAAA,IACZC,SAAAA;AAAAA,IACAC,aAAAA,GAAgB,IAAA;AAAA;AAAA,IAEhBC,KAAAA;AAAAA,IACAC,QAAAA,GAAW,IAAA;AAAA,IACXC;AAAAA,GACF,GAAIV,OAAAA;AACJ,EAAA,MAAMW,eAAgC,CACpC;AAAA,IACEH,KAAAA;AAAAA,IACAI,IAAAA,EAAM,OAAA;AAAA,IACNC,KAAAA,EAAO,GAAA;AAAA,IACPJ,QAAAA;AAAAA,IACAK,KAAAA,EAAO;AAAA,MACLJ,WAAAA;AAAAA,MACAK,IAAAA,EAAM,UAAA;AAAA,MACNX,IAAAA;AAAAA,MACAC,SAAAA;AAAAA,MACAC,SAAAA;AAAAA,MACAC;AAAAA;AACF,GACD,CAAA;AAEH,EAAA,OAAOS,aAAAA,CAAc;AAAA,IACnBb,KAAAA;AAAAA,IACAD,KAAAA;AAAAA,IACAS,YAAAA;AAAAA,IACAV,WAAAA,EAAa;AAAA,MACX,GAAGA,WAAAA;AAAAA,MACHgB,KAAAA,EAAOpB,IAAIqB,CAAAA,EAAE;AAAA,MACbC,cAAAA,EAAgB;AAAA;AAClB,GACD,CAAA;AACH;;;;"}

package/es/hooks/dialog/use-dialog.d.ts

@@ -7,7 +7,9 @@ export type DialogOptions = Partial<DialogProps & {
     scopedSlots: Record<string, (props: any) => VNode>;
     class: string;
     onCancel: (reject: any) => void;
+    cancelText?: string;
     onConfirm: (resolve: any) => void;
+    confirmText?: string;
     showFooter: boolean;
 }>;
 export type ExpandDialogOptions = {

package/es/hooks/dialog/use-dialog.mjs

@@ -1,13 +1,10 @@
-import { getCurrentInstance, inject, h, nextTick, render, createVNode, mergeProps, isVNode } from 'vue';
+import { getCurrentInstance, inject, h, nextTick, render, createVNode, mergeProps } from 'vue';
 import { useTemplatePromise } from '../use-template-promise.mjs';
 import { configProviderContextKey, ElConfigProvider, ElDialog, ElButton } from 'element-plus';
 import { createNameSpace } from '../../utils/bem.mjs';
 import { prepareProps } from '../../utils/props.mjs';
 import { useLocale } from '../use-locale.mjs';
 
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
 const bem = createNameSpace("dialog");
 const useDialog = (options = {}) => {
   const {
@@ -19,7 +16,9 @@ const useDialog = (options = {}) => {
     render: render$1,
     destroyOnClose,
     onConfirm,
+    confirmText,
     onCancel,
+    cancelText,
     showFooter = true,
     ...dialogProps
   } = options;
@@ -39,35 +38,32 @@ const useDialog = (options = {}) => {
       };
       const slots = {};
       if (showFooter) {
-        slots.footer = () => {
-          let _slot, _slot2;
-          return createVNode("div", {
-            "class": bem.e("footer")
-          }, [scopedSlots.footerPrepend?.(promiseOptions), createVNode(ElButton, {
-            "size": "default",
-            "onClick": () => {
-              if (onCancel) {
-                onCancel(reject);
-              } else {
-                reject("cancel");
-              }
+        slots.footer = () => createVNode("div", {
+          "class": bem.e("footer")
+        }, [scopedSlots.footerPrepend?.(promiseOptions), createVNode(ElButton, {
+          "size": "default",
+          "onClick": () => {
+            if (onCancel) {
+              onCancel(reject);
+            } else {
+              reject("cancel");
             }
-          }, _isSlot(_slot = t("ep.dialog.cancel")) ? _slot : {
-            default: () => [_slot]
-          }), scopedSlots.footerInner?.(promiseOptions), createVNode(ElButton, {
-            "type": "primary",
-            "onClick": async () => {
-              if (onConfirm) {
-                onConfirm(resolve);
-              } else {
-                resolve("confirm");
-              }
-            },
-            "loading": isResolving
-          }, _isSlot(_slot2 = t("ep.dialog.confirm")) ? _slot2 : {
-            default: () => [_slot2]
-          }), scopedSlots.footerAppend?.(promiseOptions)]);
-        };
+          }
+        }, {
+          default: () => [cancelText || t("ep.dialog.cancel")]
+        }), scopedSlots.footerInner?.(promiseOptions), createVNode(ElButton, {
+          "type": "primary",
+          "onClick": async () => {
+            if (onConfirm) {
+              onConfirm(resolve);
+            } else {
+              resolve("confirm");
+            }
+          },
+          "loading": isResolving
+        }, {
+          default: () => [confirmText || t("ep.dialog.confirm")]
+        }), scopedSlots.footerAppend?.(promiseOptions)]);
       }
       return createVNode(ElDialog, mergeProps({
         "class": bem.b(),

package/es/hooks/dialog/use-dialog.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-dialog.mjs","sources":["../../../../../packages/hooks/dialog/use-dialog.tsx"],"sourcesContent":["import { useTemplatePromise } from '../use-template-promise'\nimport { h, getCurrentInstance, render as vRender, inject, nextTick } from 'vue'\nimport type { ComponentInternalInstance } from 'vue'\nimport {\n  ElDialog,\n  ElButton,\n  configProviderContextKey,\n  ElConfigProvider,\n} from 'element-plus'\nimport type { VNode } from 'vue'\nimport type { DialogProps } from 'element-plus'\nimport { createNameSpace } from '@el-plus/utils/bem'\nimport { prepareProps } from '@el-plus/utils/props'\nimport { useLocale } from '../use-locale'\n\nexport type DialogOptions = Partial<\n  DialogProps & {\n    instance: ComponentInternalInstance | null\n    render: (props) => VNode\n    scopedSlots: Record<string, (props) => VNode>\n    class: string\n    onCancel: (reject) => void\n    onConfirm: (resolve) => void\n    showFooter: boolean\n  }\n>\nexport type ExpandDialogOptions = {\n  title?: string\n  dialogProps?: DialogOptions\n}\nconst bem = createNameSpace('dialog')\n\nexport const useDialog = (options: DialogOptions = {}) => {\n  const { t } = useLocale()\n  const {\n    scopedSlots = {},\n    instance,\n    render,\n    destroyOnClose,\n    onConfirm,\n    onCancel,\n    showFooter = true,\n    ...dialogProps\n  } = options\n\n  const Dialog = useTemplatePromise<any>({\n    destroy: destroyOnClose,\n    render: (promiseOptions, ctx) => {\n      // 插槽参数增加promiseOptions\n      for (const key in scopedSlots) {\n        scopedSlots[key] = scopedSlots[key].bind(null, promiseOptions)\n      }\n      const { resolve, reject, isResolving } = promiseOptions\n      const renderFunc = () => {\n        return render\n          ? render(promiseOptions)\n          : ctx.slots.default?.(promiseOptions)\n      }\n      const slots: DialogOptions['scopedSlots'] = {}\n      if (showFooter) {\n        slots.footer = () => (\n          <div class={bem.e('footer')}>\n            {scopedSlots.footerPrepend?.(promiseOptions)}\n            <ElButton\n              size=\"default\"\n              onClick={() => {\n                if (onCancel) {\n                  onCancel(reject)\n                } else {\n                  reject('cancel')\n                }\n              }}\n            >\n              {t('ep.dialog.cancel')}\n            </ElButton>\n            {scopedSlots.footerInner?.(promiseOptions)}\n            <ElButton\n              type=\"primary\"\n              onClick={async () => {\n                if (onConfirm) {\n                  onConfirm(resolve)\n                } else {\n                  resolve('confirm')\n                }\n              }}\n              loading={isResolving}\n            >\n              {t('ep.dialog.confirm')}\n            </ElButton>\n            {scopedSlots.footerAppend?.(promiseOptions)}\n          </div>\n        )\n      }\n      return (\n        <ElDialog\n          class={bem.b()}\n          modelValue={true}\n          {...{\n            closeOnClickModal: false,\n            closeOnPressEscape: false,\n            title: t('ep.dialog.title'),\n            center: false,\n            // 'append-to-body': true,\n            beforeClose: () => {\n              reject('cancel')\n            },\n            ...prepareProps(dialogProps, ['modelValue']),\n          }}\n          v-slots={{\n            ...slots,\n            ...scopedSlots,\n          }}\n        >\n          {renderFunc()}\n        </ElDialog>\n      )\n    },\n  })\n  if (render) {\n    // const app = createApp(component)\n    // Object.assign(app._context, parentInstance.appContext)\n    // app.mount(container)\n    const container = document.createElement('div')\n    // container.setAttribute('id', 'ep-dialog-container')\n    const newInstance = instance || getCurrentInstance()\n    const config = inject(configProviderContextKey) as any\n    // const parentConfig =\n    //   newInstance?.provides[configProviderContextKey] ||\n    //   newInstance?.appContext?.provides[configProviderContextKey]\n    // const vnode = h(Dialog)\n    const vnode = h(\n      ElConfigProvider,\n      { locale: config?.locale },\n      { default: () => h(Dialog) },\n    )\n    if (newInstance && newInstance.appContext) {\n      // 强制继承父应用的全局组件、指令和插件\n      vnode.appContext = newInstance.appContext\n    }\n    nextTick(() => {\n      vRender(vnode, container)\n      document.body.appendChild(container)\n    })\n  }\n\n  return Dialog\n}\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","bem","createNameSpace","useDialog","options","t","useLocale","scopedSlots","instance","render","destroyOnClose","onConfirm","onCancel","showFooter","dialogProps","Dialog","useTemplatePromise","destroy","promiseOptions","ctx","key","bind","resolve","reject","isResolving","renderFunc","slots","default","footer","_slot","_slot2","_createVNode","e","footerPrepend","ElButton","onClick","footerInner","footerAppend","ElDialog","_mergeProps","b","closeOnClickModal","closeOnPressEscape","title","center","beforeClose","prepareProps","container","document","createElement","newInstance","getCurrentInstance","config","inject","configProviderContextKey","vnode","h","ElConfigProvider","locale","appContext","nextTick","vRender","body","appendChild"],"mappings":"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"}
+{"version":3,"file":"use-dialog.mjs","sources":["../../../../../packages/hooks/dialog/use-dialog.tsx"],"sourcesContent":["import { useTemplatePromise } from '../use-template-promise'\nimport { h, getCurrentInstance, render as vRender, inject, nextTick } from 'vue'\nimport type { ComponentInternalInstance } from 'vue'\nimport {\n  ElDialog,\n  ElButton,\n  configProviderContextKey,\n  ElConfigProvider,\n} from 'element-plus'\nimport type { VNode } from 'vue'\nimport type { DialogProps } from 'element-plus'\nimport { createNameSpace } from '@el-plus/utils/bem'\nimport { prepareProps } from '@el-plus/utils/props'\nimport { useLocale } from '../use-locale'\n\nexport type DialogOptions = Partial<\n  DialogProps & {\n    instance: ComponentInternalInstance | null\n    render: (props) => VNode\n    scopedSlots: Record<string, (props) => VNode>\n    class: string\n    onCancel: (reject) => void\n    cancelText?: string\n    onConfirm: (resolve) => void\n    confirmText?: string\n    showFooter: boolean\n  }\n>\nexport type ExpandDialogOptions = {\n  title?: string\n  dialogProps?: DialogOptions\n}\nconst bem = createNameSpace('dialog')\n\nexport const useDialog = (options: DialogOptions = {}) => {\n  const { t } = useLocale()\n  const {\n    scopedSlots = {},\n    instance,\n    render,\n    destroyOnClose,\n    onConfirm,\n    confirmText,\n    onCancel,\n    cancelText,\n    showFooter = true,\n    ...dialogProps\n  } = options\n\n  const Dialog = useTemplatePromise<any>({\n    destroy: destroyOnClose,\n    render: (promiseOptions, ctx) => {\n      // 插槽参数增加promiseOptions\n      for (const key in scopedSlots) {\n        scopedSlots[key] = scopedSlots[key].bind(null, promiseOptions)\n      }\n      const { resolve, reject, isResolving } = promiseOptions\n      const renderFunc = () => {\n        return render\n          ? render(promiseOptions)\n          : ctx.slots.default?.(promiseOptions)\n      }\n      const slots: DialogOptions['scopedSlots'] = {}\n      if (showFooter) {\n        slots.footer = () => (\n          <div class={bem.e('footer')}>\n            {scopedSlots.footerPrepend?.(promiseOptions)}\n            <ElButton\n              size=\"default\"\n              onClick={() => {\n                if (onCancel) {\n                  onCancel(reject)\n                } else {\n                  reject('cancel')\n                }\n              }}\n            >\n              {cancelText || t('ep.dialog.cancel')}\n            </ElButton>\n            {scopedSlots.footerInner?.(promiseOptions)}\n            <ElButton\n              type=\"primary\"\n              onClick={async () => {\n                if (onConfirm) {\n                  onConfirm(resolve)\n                } else {\n                  resolve('confirm')\n                }\n              }}\n              loading={isResolving}\n            >\n              {confirmText || t('ep.dialog.confirm')}\n            </ElButton>\n            {scopedSlots.footerAppend?.(promiseOptions)}\n          </div>\n        )\n      }\n      return (\n        <ElDialog\n          class={bem.b()}\n          modelValue={true}\n          {...{\n            closeOnClickModal: false,\n            closeOnPressEscape: false,\n            title: t('ep.dialog.title'),\n            center: false,\n            // 'append-to-body': true,\n            beforeClose: () => {\n              reject('cancel')\n            },\n            ...prepareProps(dialogProps, ['modelValue']),\n          }}\n          v-slots={{\n            ...slots,\n            ...scopedSlots,\n          }}\n        >\n          {renderFunc()}\n        </ElDialog>\n      )\n    },\n  })\n  if (render) {\n    // const app = createApp(component)\n    // Object.assign(app._context, parentInstance.appContext)\n    // app.mount(container)\n    const container = document.createElement('div')\n    // container.setAttribute('id', 'ep-dialog-container')\n    const newInstance = instance || getCurrentInstance()\n    const config = inject(configProviderContextKey) as any\n    // const parentConfig =\n    //   newInstance?.provides[configProviderContextKey] ||\n    //   newInstance?.appContext?.provides[configProviderContextKey]\n    // const vnode = h(Dialog)\n    const vnode = h(\n      ElConfigProvider,\n      { locale: config?.locale },\n      { default: () => h(Dialog) },\n    )\n    if (newInstance && newInstance.appContext) {\n      // 强制继承父应用的全局组件、指令和插件\n      vnode.appContext = newInstance.appContext\n    }\n    nextTick(() => {\n      vRender(vnode, container)\n      document.body.appendChild(container)\n    })\n  }\n\n  return Dialog\n}\n"],"names":["bem","createNameSpace","useDialog","options","t","useLocale","scopedSlots","instance","render","destroyOnClose","onConfirm","confirmText","onCancel","cancelText","showFooter","dialogProps","Dialog","useTemplatePromise","destroy","promiseOptions","ctx","key","bind","resolve","reject","isResolving","renderFunc","slots","default","footer","_createVNode","e","footerPrepend","ElButton","onClick","footerInner","footerAppend","ElDialog","_mergeProps","b","closeOnClickModal","closeOnPressEscape","title","center","beforeClose","prepareProps","container","document","createElement","newInstance","getCurrentInstance","config","inject","configProviderContextKey","vnode","h","ElConfigProvider","locale","appContext","nextTick","vRender","body","appendChild"],"mappings":"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"}

package/es/hooks/dialog/use-form-dialog.d.ts

@@ -2,6 +2,7 @@ import type { DialogOptions } from './use-dialog';
 import type { FormProps } from 'el-plus/es/components/form';
 type Options = {
     title?: string;
+    width?: string;
     dialogProps?: DialogOptions;
     formData?: FormProps['model'];
 } & FormProps;

package/es/hooks/dialog/use-form-dialog.mjs

@@ -8,6 +8,7 @@ const useFormDialog = (options = {}) => {
   const {
     dialogProps,
     title,
+    width = "80%",
     ...formProps
   } = options;
   const formRef = ref();
@@ -21,9 +22,9 @@ const useFormDialog = (options = {}) => {
   };
   return useDialog({
     class: bem.b(),
-    width: "80%",
+    width,
     title,
-    render: (props) => {
+    render: () => {
       return createVNode(EpForm, mergeProps({
         "ref": formRef,
         "modelValue": formData,

package/es/hooks/dialog/use-form-dialog.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-form-dialog.mjs","sources":["../../../../../packages/hooks/dialog/use-form-dialog.tsx"],"sourcesContent":["import type { DialogOptions } from './use-dialog'\nimport type { FormProps } from '@el-plus/components/form'\nimport EpForm from '@el-plus/components/form'\nimport { createNameSpace } from '@el-plus/utils/bem'\nimport { useDialog } from './use-dialog'\nimport { reactive, ref, toRaw } from 'vue'\nconst bem = createNameSpace('form-dialog')\n\ntype Options = {\n  title?: string\n  dialogProps?: DialogOptions\n  formData?: FormProps['model']\n} & FormProps\nexport const useFormDialog = (options: Options = {}) => {\n  const { dialogProps, title, ...formProps } = options\n  const formRef = ref()\n  const isUseComFormData = !formProps.formData\n  let formData = isUseComFormData ? reactive({}) : formProps.formData // eslint-disable-line\n  const isDestroy = dialogProps?.destroyOnClose\n  const resetForm = async () => {\n    if (isDestroy) {\n      await formRef.value?.resetFields()\n    }\n  }\n  return useDialog({\n    class: bem.b(),\n    width: '80%',\n    title,\n    render: (props) => {\n      return (\n        <EpForm\n          ref={formRef}\n          v-model={formData}\n          {...{\n            col: 1,\n            'label-width': 'auto',\n            ...formProps,\n          }}\n        />\n      )\n    },\n    onConfirm: async (resolve) => {\n      await formRef.value.validate()\n      resolve(\n        isUseComFormData ? JSON.parse(JSON.stringify(formData)) : formData,\n      )\n      resetForm()\n    },\n    onCancel: async (resolve) => {\n      await resetForm()\n      resolve('cancel')\n    },\n    ...dialogProps,\n  })\n}\n"],"names":["bem","createNameSpace","useFormDialog","options","dialogProps","title","formProps","formRef","ref","isUseComFormData","formData","reactive","isDestroy","destroyOnClose","resetForm","value","resetFields","useDialog","class","b","width","render","props","_createVNode","EpForm","_mergeProps","$event","col","onConfirm","resolve","validate","JSON","parse","stringify","onCancel"],"mappings":";;;;;AAMA,MAAMA,GAAAA,GAAMC,gBAAgB,aAAa,CAAA;AAOlC,MAAMC,aAAAA,GAAgBA,CAACC,OAAAA,GAAmB,EAAC,KAAM;AACtD,EAAA,MAAM;AAAA,IAAEC,WAAAA;AAAAA,IAAaC,KAAAA;AAAAA,IAAO,GAAGC;AAAAA,GAAU,GAAIH,OAAAA;AAC7C,EAAA,MAAMI,UAAUC,GAAAA,EAAI;AACpB,EAAA,MAAMC,gBAAAA,GAAmB,CAACH,SAAAA,CAAUI,QAAAA;AACpC,EAAA,IAAIA,WAAWD,gBAAAA,GAAmBE,QAAAA,CAAS,EAAE,IAAIL,SAAAA,CAAUI,QAAAA;AAC3D,EAAA,MAAME,YAAYR,WAAAA,EAAaS,cAAAA;AAC/B,EAAA,MAAMC,YAAY,YAAY;AAC5B,IAAA,IAAIF,SAAAA,EAAW;AACb,MAAA,MAAML,OAAAA,CAAQQ,OAAOC,WAAAA,EAAY;AAAA,IACnC;AAAA,EACF,CAAA;AACA,EAAA,OAAOC,SAAAA,CAAU;AAAA,IACfC,KAAAA,EAAOlB,IAAImB,CAAAA,EAAE;AAAA,IACbC,KAAAA,EAAO,KAAA;AAAA,IACPf,KAAAA;AAAAA,IACAgB,QAASC,CAAAA,KAAAA,KAAU;AACjB,MAAA,OAAAC,WAAAA,CAAAC,QAAAC,UAAAA,CAAA;AAAA,QAAA,KAAA,EAESlB,OAAAA;AAAAA,QAAO,YAAA,EACHG,QAAAA;AAAAA,QAAQ,qBAAA,EAAAgB,YAARhB,QAAAA,GAAQgB;AAAAA,OAAA,EAAA;AAAA,QAEfC,GAAAA,EAAK,CAAA;AAAA,QACL,aAAA,EAAe,MAAA;AAAA,QACf,GAAGrB;AAAAA,OAAS,GAAA,IAAA,CAAA;AAAA,IAIpB,CAAA;AAAA,IACAsB,SAAAA,EAAW,OAAOC,OAAAA,KAAY;AAC5B,MAAA,MAAMtB,OAAAA,CAAQQ,MAAMe,QAAAA,EAAS;AAC7BD,MAAAA,OAAAA,CACEpB,gBAAAA,GAAmBsB,KAAKC,KAAAA,CAAMD,IAAAA,CAAKE,UAAUvB,QAAQ,CAAC,IAAIA,QAC5D,CAAA;AACAI,MAAAA,SAAAA,EAAU;AAAA,IACZ,CAAA;AAAA,IACAoB,QAAAA,EAAU,OAAOL,OAAAA,KAAY;AAC3B,MAAA,MAAMf,SAAAA,EAAU;AAChBe,MAAAA,OAAAA,CAAQ,QAAQ,CAAA;AAAA,IAClB,CAAA;AAAA,IACA,GAAGzB;AAAAA,GACJ,CAAA;AACH;;;;"}
+{"version":3,"file":"use-form-dialog.mjs","sources":["../../../../../packages/hooks/dialog/use-form-dialog.tsx"],"sourcesContent":["import type { DialogOptions } from './use-dialog'\nimport type { FormProps } from '@el-plus/components/form'\nimport EpForm from '@el-plus/components/form'\nimport { createNameSpace } from '@el-plus/utils/bem'\nimport { useDialog } from './use-dialog'\nimport { reactive, ref, toRaw } from 'vue'\nconst bem = createNameSpace('form-dialog')\n\ntype Options = {\n  title?: string\n  width?: string\n  dialogProps?: DialogOptions\n  formData?: FormProps['model']\n} & FormProps\nexport const useFormDialog = (options: Options = {}) => {\n  const { dialogProps, title, width = '80%', ...formProps } = options\n  const formRef = ref()\n  const isUseComFormData = !formProps.formData\n  let formData = isUseComFormData ? reactive({}) : formProps.formData // eslint-disable-line\n  const isDestroy = dialogProps?.destroyOnClose\n  const resetForm = async () => {\n    if (isDestroy) {\n      await formRef.value?.resetFields()\n    }\n  }\n  return useDialog({\n    class: bem.b(),\n    width,\n    title,\n    render: () => {\n      return (\n        <EpForm\n          ref={formRef}\n          v-model={formData}\n          {...{\n            col: 1,\n            'label-width': 'auto',\n            ...formProps,\n          }}\n        />\n      )\n    },\n    onConfirm: async (resolve) => {\n      await formRef.value.validate()\n      resolve(\n        isUseComFormData ? JSON.parse(JSON.stringify(formData)) : formData,\n      )\n      resetForm()\n    },\n    onCancel: async (resolve) => {\n      await resetForm()\n      resolve('cancel')\n    },\n    ...dialogProps,\n  })\n}\n"],"names":["bem","createNameSpace","useFormDialog","options","dialogProps","title","width","formProps","formRef","ref","isUseComFormData","formData","reactive","isDestroy","destroyOnClose","resetForm","value","resetFields","useDialog","class","b","render","_createVNode","EpForm","_mergeProps","$event","col","onConfirm","resolve","validate","JSON","parse","stringify","onCancel"],"mappings":";;;;;AAMA,MAAMA,GAAAA,GAAMC,gBAAgB,aAAa,CAAA;AAQlC,MAAMC,aAAAA,GAAgBA,CAACC,OAAAA,GAAmB,EAAC,KAAM;AACtD,EAAA,MAAM;AAAA,IAAEC,WAAAA;AAAAA,IAAaC,KAAAA;AAAAA,IAAOC,KAAAA,GAAQ,KAAA;AAAA,IAAO,GAAGC;AAAAA,GAAU,GAAIJ,OAAAA;AAC5D,EAAA,MAAMK,UAAUC,GAAAA,EAAI;AACpB,EAAA,MAAMC,gBAAAA,GAAmB,CAACH,SAAAA,CAAUI,QAAAA;AACpC,EAAA,IAAIA,WAAWD,gBAAAA,GAAmBE,QAAAA,CAAS,EAAE,IAAIL,SAAAA,CAAUI,QAAAA;AAC3D,EAAA,MAAME,YAAYT,WAAAA,EAAaU,cAAAA;AAC/B,EAAA,MAAMC,YAAY,YAAY;AAC5B,IAAA,IAAIF,SAAAA,EAAW;AACb,MAAA,MAAML,OAAAA,CAAQQ,OAAOC,WAAAA,EAAY;AAAA,IACnC;AAAA,EACF,CAAA;AACA,EAAA,OAAOC,SAAAA,CAAU;AAAA,IACfC,KAAAA,EAAOnB,IAAIoB,CAAAA,EAAE;AAAA,IACbd,KAAAA;AAAAA,IACAD,KAAAA;AAAAA,IACAgB,QAAQA,MAAM;AACZ,MAAA,OAAAC,WAAAA,CAAAC,QAAAC,UAAAA,CAAA;AAAA,QAAA,KAAA,EAEShB,OAAAA;AAAAA,QAAO,YAAA,EACHG,QAAAA;AAAAA,QAAQ,qBAAA,EAAAc,YAARd,QAAAA,GAAQc;AAAAA,OAAA,EAAA;AAAA,QAEfC,GAAAA,EAAK,CAAA;AAAA,QACL,aAAA,EAAe,MAAA;AAAA,QACf,GAAGnB;AAAAA,OAAS,GAAA,IAAA,CAAA;AAAA,IAIpB,CAAA;AAAA,IACAoB,SAAAA,EAAW,OAAOC,OAAAA,KAAY;AAC5B,MAAA,MAAMpB,OAAAA,CAAQQ,MAAMa,QAAAA,EAAS;AAC7BD,MAAAA,OAAAA,CACElB,gBAAAA,GAAmBoB,KAAKC,KAAAA,CAAMD,IAAAA,CAAKE,UAAUrB,QAAQ,CAAC,IAAIA,QAC5D,CAAA;AACAI,MAAAA,SAAAA,EAAU;AAAA,IACZ,CAAA;AAAA,IACAkB,QAAAA,EAAU,OAAOL,OAAAA,KAAY;AAC3B,MAAA,MAAMb,SAAAA,EAAU;AAChBa,MAAAA,OAAAA,CAAQ,QAAQ,CAAA;AAAA,IAClB,CAAA;AAAA,IACA,GAAGxB;AAAAA,GACJ,CAAA;AACH;;;;"}

package/es/hooks/index.d.ts

@@ -5,3 +5,4 @@ export * from './dialog/use-choose-dialog';
 export * from './dialog/use-form-dialog';
 export * from './use-locale';
 export * from './use-navigation';
+export * from './dialog/use-confirm-dialog';

package/es/hooks/index.mjs

@@ -5,4 +5,5 @@ export { useChooseDialog } from './dialog/use-choose-dialog.mjs';
 export { useFormDialog } from './dialog/use-form-dialog.mjs';
 export { useLocale } from './use-locale.mjs';
 export { useNavigation } from './use-navigation.mjs';
+export { useConfirmDialog } from './dialog/use-confirm-dialog.mjs';
 //# sourceMappingURL=index.mjs.map

package/es/hooks/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/es/index.mjs

@@ -38,6 +38,7 @@ export { useChooseDialog } from './hooks/dialog/use-choose-dialog.mjs';
 export { useFormDialog } from './hooks/dialog/use-form-dialog.mjs';
 export { useLocale } from './hooks/use-locale.mjs';
 export { useNavigation } from './hooks/use-navigation.mjs';
+export { useConfirmDialog } from './hooks/dialog/use-confirm-dialog.mjs';
 
 const INSTALLED_KEY = /* @__PURE__ */ Symbol("INSTALLED_KEY");
 const install = (app, options) => {

package/es/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../packages/el-plus/index.ts"],"sourcesContent":["import type { App, Plugin } from 'vue'\nimport components from './components'\nimport { version } from './package.json'\nimport * as plugins from './plugins'\n// import type { RouteRecordRaw } from 'vue-router'\n\nconst INSTALLED_KEY = Symbol('INSTALLED_KEY')\nconst provideGlobalConfig = (config, app) => {}\nexport type EpOptions = {\n  // routes?: RouteRecordRaw\n}\nexport const install = (app: App, options?: EpOptions) => {\n  if (app[INSTALLED_KEY]) return // 防止多次use导致重复安装注册,控制台警告\n  app[INSTALLED_KEY] = true\n  components.forEach((c) => app.use(c))\n  Object.values(plugins).forEach((p) => app.use(p))\n  if (options) {\n    provideGlobalConfig(options, app)\n  }\n}\n\nconst plugin: Plugin & { version: string } = {\n  install,\n  version,\n}\nexport default plugin\nexport * from '@el-plus/components/index'\nexport * from '@el-plus/hooks'\nexport * from '@el-plus/directives'\n"],"names":["plugins"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,aAAA,0BAAuB,eAAe,CAAA;AAKrC,MAAM,OAAA,GAAU,CAAC,GAAA,EAAU,OAAA,KAAwB;AACxD,EAAA,IAAI,GAAA,CAAI,aAAa,CAAA,EAAG;AACxB,EAAA,GAAA,CAAI,aAAa,CAAA,GAAI,IAAA;AACrB,EAAA,UAAA,CAAW,QAAQ,CAAC,CAAA,KAAM,GAAA,CAAI,GAAA,CAAI,CAAC,CAAC,CAAA;AACpC,EAAA,MAAA,CAAO,MAAA,CAAOA,KAAO,CAAA,CAAE,OAAA,CAAQ,CAAC,CAAA,KAAM,GAAA,CAAI,GAAA,CAAI,CAAC,CAAC,CAAA;AAIlD;AAEA,MAAM,MAAA,GAAuC;AAAA,EAC3C,OAAA;AAAA,EACA;AACF;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../packages/el-plus/index.ts"],"sourcesContent":["import type { App, Plugin } from 'vue'\nimport components from './components'\nimport { version } from './package.json'\nimport * as plugins from './plugins'\n// import type { RouteRecordRaw } from 'vue-router'\n\nconst INSTALLED_KEY = Symbol('INSTALLED_KEY')\nconst provideGlobalConfig = (config, app) => {}\nexport type EpOptions = {\n  // routes?: RouteRecordRaw\n}\nexport const install = (app: App, options?: EpOptions) => {\n  if (app[INSTALLED_KEY]) return // 防止多次use导致重复安装注册,控制台警告\n  app[INSTALLED_KEY] = true\n  components.forEach((c) => app.use(c))\n  Object.values(plugins).forEach((p) => app.use(p))\n  if (options) {\n    provideGlobalConfig(options, app)\n  }\n}\n\nconst plugin: Plugin & { version: string } = {\n  install,\n  version,\n}\nexport default plugin\nexport * from '@el-plus/components/index'\nexport * from '@el-plus/hooks'\nexport * from '@el-plus/directives'\n"],"names":["plugins"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,aAAA,0BAAuB,eAAe,CAAA;AAKrC,MAAM,OAAA,GAAU,CAAC,GAAA,EAAU,OAAA,KAAwB;AACxD,EAAA,IAAI,GAAA,CAAI,aAAa,CAAA,EAAG;AACxB,EAAA,GAAA,CAAI,aAAa,CAAA,GAAI,IAAA;AACrB,EAAA,UAAA,CAAW,QAAQ,CAAC,CAAA,KAAM,GAAA,CAAI,GAAA,CAAI,CAAC,CAAC,CAAA;AACpC,EAAA,MAAA,CAAO,MAAA,CAAOA,KAAO,CAAA,CAAE,OAAA,CAAQ,CAAC,CAAA,KAAM,GAAA,CAAI,GAAA,CAAI,CAAC,CAAC,CAAA;AAIlD;AAEA,MAAM,MAAA,GAAuC;AAAA,EAC3C,OAAA;AAAA,EACA;AACF;;;;"}

package/es/package.json.mjs

@@ -1,4 +1,4 @@
-var version = "0.0.52";
+var version = "0.0.53";
 
 export { version };
 //# sourceMappingURL=package.json.mjs.map

package/lib/hooks/dialog/use-confirm-dialog.d.ts

@@ -0,0 +1,12 @@
+import type { DialogOptions } from './use-dialog';
+import type { FormItemProps } from 'el-plus/es/components/form';
+import type { InputProps } from 'element-plus';
+type Options = Partial<{
+    title?: string;
+    width?: string;
+    dialogProps?: DialogOptions;
+} & TextareaProps & TextareaFormItemProps>;
+type TextareaProps = Pick<InputProps, 'rows' | 'maxlength' | 'minlength' | 'showWordLimit' | 'placeholder'>;
+type TextareaFormItemProps = Pick<FormItemProps, 'rules' | 'required'>;
+export declare const useConfirmDialog: (options?: Options) => import("el-plus/es").TemplatePromise<any, []>;
+export {};

package/lib/hooks/dialog/use-confirm-dialog.js

@@ -0,0 +1,49 @@
+'use strict';
+
+var useFormDialog = require('./use-form-dialog.js');
+var bem$1 = require('../../utils/bem.js');
+
+const bem = bem$1.createNameSpace("confirm-dialog");
+const useConfirmDialog = (options = {}) => {
+  const {
+    dialogProps = {},
+    width = "50%",
+    title,
+    /** TextareaProps */
+    rows = 5,
+    maxlength = 500,
+    minlength,
+    showWordLimit = true,
+    /** TextareaFormItemProps */
+    rules,
+    required = true,
+    placeholder
+  } = options;
+  const formItemList = [{
+    rules,
+    prop: "value",
+    label: " ",
+    required,
+    props: {
+      placeholder,
+      type: "textarea",
+      rows,
+      maxlength,
+      minlength,
+      showWordLimit
+    }
+  }];
+  return useFormDialog.useFormDialog({
+    title,
+    width,
+    formItemList,
+    dialogProps: {
+      ...dialogProps,
+      class: bem.b(),
+      destroyOnClose: true
+    }
+  });
+};
+
+exports.useConfirmDialog = useConfirmDialog;
+//# sourceMappingURL=use-confirm-dialog.js.map