ll-plus 2.0.18 → 2.0.19

package/es/components/drawer/src/components/second-confirmation/src/second-confirmation.vue.mjs

@@ -0,0 +1,8 @@
+import _sfc_main from './second-confirmation.vue2.mjs';
+import _export_sfc from '../../../../../../_virtual/_plugin-vue_export-helper.mjs';
+
+"use strict";
+var SecondConfirmation = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "second-confirmation.vue"]]);
+
+export { SecondConfirmation as default };
+//# sourceMappingURL=second-confirmation.vue.mjs.map

package/es/components/drawer/src/components/second-confirmation/src/second-confirmation.vue.mjs.map

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

package/es/components/drawer/src/components/second-confirmation/src/second-confirmation.vue2.mjs

@@ -0,0 +1,90 @@
+import { defineComponent, openBlock, createBlock, unref, normalizeClass, withCtx, renderSlot, createElementVNode, createVNode, normalizeProps, guardReactiveProps, toDisplayString } from 'vue';
+import '../../../../../index.mjs';
+import { theme } from 'ant-design-vue';
+import { secondConfirmationProps } from './second-confirmation.mjs';
+import '../../../../../../utils/index.mjs';
+import { createNamespace } from '../../../../../../utils/create-namespace.mjs';
+import { LlModal } from '../../../../../modal/index.mjs';
+import { LlIcon } from '../../../../../icon/index.mjs';
+
+"use strict";
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "LlSecondConfirmation" },
+  __name: "second-confirmation",
+  props: secondConfirmationProps,
+  setup(__props) {
+    const bem = createNamespace("second-confirmation");
+    const props = __props;
+    const warningColor = theme.defaultConfig.token.colorWarning;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(LlModal), {
+        open: props.open,
+        loading: props.loading,
+        title: props.title,
+        "confirm-text": props.confirmText,
+        "cancel-text": props.cancelText,
+        width: 500,
+        "root-class-name": unref(bem).b(),
+        class: normalizeClass("confirm-modal"),
+        onCancel: props.onCancel,
+        onOk: props.onConfirm
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createElementVNode(
+              "div",
+              {
+                class: normalizeClass(unref(bem).e("warpper"))
+              },
+              [
+                createElementVNode(
+                  "div",
+                  {
+                    class: normalizeClass(unref(bem).e("container"))
+                  },
+                  [
+                    createVNode(
+                      unref(LlIcon),
+                      normalizeProps(guardReactiveProps(
+                        props.icon || {
+                          iconName: "icon-warning",
+                          color: unref(warningColor),
+                          class: ["mr-20px"],
+                          style: { "font-size": "30px" }
+                        }
+                      )),
+                      null,
+                      16
+                      /* FULL_PROPS */
+                    ),
+                    renderSlot(_ctx.$slots, "message", {}, () => [
+                      createElementVNode(
+                        "span",
+                        {
+                          class: normalizeClass(unref(bem).e("text"))
+                        },
+                        toDisplayString(props.message),
+                        3
+                        /* TEXT, CLASS */
+                      )
+                    ])
+                  ],
+                  2
+                  /* CLASS */
+                ),
+                renderSlot(_ctx.$slots, "extra")
+              ],
+              2
+              /* CLASS */
+            )
+          ])
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 8, ["open", "loading", "title", "confirm-text", "cancel-text", "root-class-name", "onCancel", "onOk"]);
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=second-confirmation.vue2.mjs.map

package/es/components/drawer/src/components/second-confirmation/src/second-confirmation.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"second-confirmation.vue2.mjs","sources":["../../../../../../../../packages/components/drawer/src/components/second-confirmation/src/second-confirmation.vue"],"sourcesContent":["<template>\n  <ll-modal\n    :open=\"props.open\"\n    :loading=\"props.loading\"\n    :title=\"props.title\"\n    :confirm-text=\"props.confirmText\"\n    :cancel-text=\"props.cancelText\"\n    :width=\"500\"\n    :root-class-name=\"bem.b()\"\n    :class=\"'confirm-modal'\"\n    @cancel=\"props.onCancel\"\n    @ok=\"props.onConfirm\"\n  >\n    <slot>\n      <div :class=\"bem.e('warpper')\">\n        <div :class=\"bem.e('container')\">\n          <ll-icon\n            v-bind=\"\n              props.icon || {\n                iconName: 'icon-warning',\n                color: warningColor,\n                class: ['mr-20px'],\n                style: { 'font-size': '30px' }\n              }\n            \"\n          />\n          <slot name=\"message\">\n            <span :class=\"bem.e('text')\">\n              {{ props.message }}\n            </span>\n          </slot>\n        </div>\n        <slot name=\"extra\"> </slot>\n      </div>\n    </slot>\n  </ll-modal>\n</template>\n\n<script setup lang=\"ts\">\nimport { LlModal, LlIcon } from '@ll-plus/components'\nimport { theme } from 'ant-design-vue'\nimport { secondConfirmationProps } from './second-confirmation'\nimport { createNamespace } from '@ll-plus/utils'\ndefineOptions({ name: 'LlSecondConfirmation' })\nconst bem = createNamespace('second-confirmation')\nconst props = defineProps(secondConfirmationProps)\n\nconst warningColor = theme.defaultConfig.token.colorWarning\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AA4CA,IAAM,MAAA,GAAA,GAAM,gBAAgB,qBAAqB,CAAA,CAAA;AACjD,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAM,MAAA,YAAA,GAAe,KAAM,CAAA,aAAA,CAAc,KAAM,CAAA,YAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/drawer/src/components/second-confirmation/src/use-second-confirmation.d.ts

@@ -0,0 +1 @@
+export declare const useSecondConfirmation: (options: any) => Promise<unknown>;

package/es/components/drawer/src/components/second-confirmation/src/use-second-confirmation.mjs

@@ -0,0 +1,35 @@
+import { createApp } from 'vue';
+import SecondConfirmation from './second-confirmation.vue.mjs';
+
+"use strict";
+const useSecondConfirmation = (options) => {
+  const { title, message, confirmText, cancelText, icon = null } = options;
+  return new Promise((resolve, reject) => {
+    const confirmInstance = createApp(SecondConfirmation, {
+      open: true,
+      title: title || "\u6E29\u99A8\u63D0\u793A",
+      message: message || "\u4F60\u6709\u672A\u4FDD\u5B58\u7684\u66F4\u6539\uFF0C\u786E\u5B9A\u5173\u95ED\uFF1F",
+      confirmText,
+      cancelText,
+      icon,
+      onConfirm: () => {
+        resolve(true);
+        unmount();
+      },
+      onCancel: () => {
+        reject(new Error());
+        unmount();
+      }
+    });
+    const unmount = () => {
+      confirmInstance.unmount();
+      document.body.removeChild(parentNode);
+    };
+    const parentNode = document.createElement("div");
+    document.body.appendChild(parentNode);
+    confirmInstance.mount(parentNode);
+  });
+};
+
+export { useSecondConfirmation };
+//# sourceMappingURL=use-second-confirmation.mjs.map

package/es/components/drawer/src/components/second-confirmation/src/use-second-confirmation.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-second-confirmation.mjs","sources":["../../../../../../../../packages/components/drawer/src/components/second-confirmation/src/use-second-confirmation.ts"],"sourcesContent":["import { createApp } from 'vue'\nimport SecondConfirmation from './second-confirmation.vue'\nexport const useSecondConfirmation = options => {\n  const { title, message, confirmText, cancelText, icon = null } = options\n  return new Promise((resolve, reject) => {\n    // 实例化组件，createApp第二个参数是props\n    const confirmInstance = createApp(SecondConfirmation, {\n      open: true,\n      title: title || '温馨提示',\n      message: message || '你有未保存的更改，确定关闭？',\n      confirmText,\n      cancelText,\n      icon,\n      onConfirm: () => {\n        resolve(true)\n        unmount()\n      },\n      onCancel: () => {\n        reject(new Error())\n        unmount()\n      }\n    })\n\n    // 卸载组件\n    const unmount = () => {\n      confirmInstance.unmount()\n      document.body.removeChild(parentNode)\n    }\n    // 创建一个挂载容器\n    const parentNode = document.createElement('div')\n    document.body.appendChild(parentNode)\n    // 挂载组件\n    confirmInstance.mount(parentNode)\n  })\n}\n"],"names":[],"mappings":";;;;AAEO,MAAM,wBAAwB,CAAW,OAAA,KAAA;AAC9C,EAAA,MAAM,EAAE,KAAO,EAAA,OAAA,EAAS,aAAa,UAAY,EAAA,IAAA,GAAO,MAAS,GAAA,OAAA,CAAA;AACjE,EAAA,OAAO,IAAI,OAAA,CAAQ,CAAC,OAAA,EAAS,MAAW,KAAA;AAEtC,IAAM,MAAA,eAAA,GAAkB,UAAU,kBAAoB,EAAA;AAAA,MACpD,IAAM,EAAA,IAAA;AAAA,MACN,OAAO,KAAS,IAAA,0BAAA;AAAA,MAChB,SAAS,OAAW,IAAA,sFAAA;AAAA,MACpB,WAAA;AAAA,MACA,UAAA;AAAA,MACA,IAAA;AAAA,MACA,WAAW,MAAM;AACf,QAAA,OAAA,CAAQ,IAAI,CAAA,CAAA;AACZ,QAAQ,OAAA,EAAA,CAAA;AAAA,OACV;AAAA,MACA,UAAU,MAAM;AACd,QAAO,MAAA,CAAA,IAAI,OAAO,CAAA,CAAA;AAClB,QAAQ,OAAA,EAAA,CAAA;AAAA,OACV;AAAA,KACD,CAAA,CAAA;AAGD,IAAA,MAAM,UAAU,MAAM;AACpB,MAAA,eAAA,CAAgB,OAAQ,EAAA,CAAA;AACxB,MAAS,QAAA,CAAA,IAAA,CAAK,YAAY,UAAU,CAAA,CAAA;AAAA,KACtC,CAAA;AAEA,IAAM,MAAA,UAAA,GAAa,QAAS,CAAA,aAAA,CAAc,KAAK,CAAA,CAAA;AAC/C,IAAS,QAAA,CAAA,IAAA,CAAK,YAAY,UAAU,CAAA,CAAA;AAEpC,IAAA,eAAA,CAAgB,MAAM,UAAU,CAAA,CAAA;AAAA,GACjC,CAAA,CAAA;AACH;;;;"}

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

@@ -15,6 +15,10 @@ export declare const drawerProps: {
     readonly cancelText: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "取消", boolean>;
     readonly showCancel: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly showFooter: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly useClose: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly cancelConfirm: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly useCancelConfirm: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly cancelConfirmOptions: import("ll-plus/es/utils").EpPropFinalized<ObjectConstructor, unknown, unknown, null, boolean>;
 };
 export declare const drawerEmits: {
     /**

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

@@ -58,6 +58,31 @@ const drawerProps = buildProps({
   showFooter: {
     type: Boolean,
     default: true
+  },
+  /**
+   * @description 区分关闭与取消方法
+   */
+  useClose: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * @description 显示取消二次确认
+   */
+  cancelConfirm: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * @description 使用取消二次确认
+   */
+  useCancelConfirm: {
+    type: Boolean,
+    default: false
+  },
+  cancelConfirmOptions: {
+    type: Object,
+    default: null
   }
 });
 const drawerEmits = {

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

@@ -1 +1 @@
-{"version":3,"file":"drawer.mjs","sources":["../../../../../packages/components/drawer/src/drawer.ts"],"sourcesContent":["import { buildProps } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type Drawer from './drawer.vue'\nexport const drawerOptions = {\n  destroyOnClose: true,\n  width: '560px',\n  keyboard: false,\n  maskClosable: false,\n  mask: true\n}\nexport const drawerProps = buildProps({\n  /**\n   * @description 开启抽屉\n   */\n  open: {\n    type: Boolean,\n    default: false\n  },\n  /**\n   * @description 标题\n   */\n  title: {\n    type: String,\n    default: '新增'\n  },\n  /**\n   * @description 加载状态\n   */\n  loading: {\n    type: Boolean,\n    default: false\n  },\n  /**\n   * @description 确认按钮文字\n   */\n  confirmText: {\n    type: String,\n    default: '确认'\n  },\n  /**\n   * @description 取消按钮文字\n   */\n  cancelText: {\n    type: String,\n    default: '取消'\n  },\n  /**\n   * @description 显示取消按钮\n   */\n  showCancel: {\n    type: Boolean,\n    default: true\n  },\n  /**\n   * @description 显示底部\n   */\n  showFooter: {\n    type: Boolean,\n    default: true\n  }\n} as const)\n\nexport const drawerEmits = {\n  /**\n   * @description 点击取消时触发\n   */\n  cancel: () => true,\n  /**\n   * @description 点击确认时触发\n   */\n  confirm: () => true,\n  /**\n   * @description 抽屉关闭时触发\n   */\n  close: () => true,\n  'update:open': () => true\n} as const\n\n// props\nexport type DrawerProps = ExtractPropTypes<typeof drawerProps>\n\n// emits\nexport type DrawerEmits = typeof drawerEmits\n\n// instance\nexport type DrawerInstance = InstanceType<typeof Drawer>\n"],"names":[],"mappings":";;;;AAIO,MAAM,aAAgB,GAAA;AAAA,EAC3B,cAAgB,EAAA,IAAA;AAAA,EAChB,KAAO,EAAA,OAAA;AAAA,EACP,QAAU,EAAA,KAAA;AAAA,EACV,YAAc,EAAA,KAAA;AAAA,EACd,IAAM,EAAA,IAAA;AACR,EAAA;AACO,MAAM,cAAc,UAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAIpC,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,cAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,cAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,cAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AACF,CAAU,EAAA;AAEH,MAAM,WAAc,GAAA;AAAA;AAAA;AAAA;AAAA,EAIzB,QAAQ,MAAM,IAAA;AAAA;AAAA;AAAA;AAAA,EAId,SAAS,MAAM,IAAA;AAAA;AAAA;AAAA;AAAA,EAIf,OAAO,MAAM,IAAA;AAAA,EACb,eAAe,MAAM,IAAA;AACvB;;;;"}
+{"version":3,"file":"drawer.mjs","sources":["../../../../../packages/components/drawer/src/drawer.ts"],"sourcesContent":["import { buildProps } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type Drawer from './drawer.vue'\nexport const drawerOptions = {\n  destroyOnClose: true,\n  width: '560px',\n  keyboard: false,\n  maskClosable: false,\n  mask: true\n}\nexport const drawerProps = buildProps({\n  /**\n   * @description 开启抽屉\n   */\n  open: {\n    type: Boolean,\n    default: false\n  },\n  /**\n   * @description 标题\n   */\n  title: {\n    type: String,\n    default: '新增'\n  },\n  /**\n   * @description 加载状态\n   */\n  loading: {\n    type: Boolean,\n    default: false\n  },\n  /**\n   * @description 确认按钮文字\n   */\n  confirmText: {\n    type: String,\n    default: '确认'\n  },\n  /**\n   * @description 取消按钮文字\n   */\n  cancelText: {\n    type: String,\n    default: '取消'\n  },\n  /**\n   * @description 显示取消按钮\n   */\n  showCancel: {\n    type: Boolean,\n    default: true\n  },\n  /**\n   * @description 显示底部\n   */\n  showFooter: {\n    type: Boolean,\n    default: true\n  },\n  /**\n   * @description 区分关闭与取消方法\n   */\n  useClose: {\n    type: Boolean,\n    default: false\n  },\n  /**\n   * @description 显示取消二次确认\n   */\n  cancelConfirm: {\n    type: Boolean,\n    default: false\n  },\n  /**\n   * @description 使用取消二次确认\n   */\n  useCancelConfirm: {\n    type: Boolean,\n    default: false\n  },\n  cancelConfirmOptions: {\n    type: Object,\n    default: null\n  }\n} as const)\n\nexport const drawerEmits = {\n  /**\n   * @description 点击取消时触发\n   */\n  cancel: () => true,\n  /**\n   * @description 点击确认时触发\n   */\n  confirm: () => true,\n  /**\n   * @description 抽屉关闭时触发\n   */\n  close: () => true,\n  'update:open': () => true\n} as const\n\n// props\nexport type DrawerProps = ExtractPropTypes<typeof drawerProps>\n\n// emits\nexport type DrawerEmits = typeof drawerEmits\n\n// instance\nexport type DrawerInstance = InstanceType<typeof Drawer>\n"],"names":[],"mappings":";;;;AAIO,MAAM,aAAgB,GAAA;AAAA,EAC3B,cAAgB,EAAA,IAAA;AAAA,EAChB,KAAO,EAAA,OAAA;AAAA,EACP,QAAU,EAAA,KAAA;AAAA,EACV,YAAc,EAAA,KAAA;AAAA,EACd,IAAM,EAAA,IAAA;AACR,EAAA;AACO,MAAM,cAAc,UAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAIpC,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,cAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,cAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,cAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,gBAAkB,EAAA;AAAA,IAChB,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,oBAAsB,EAAA;AAAA,IACpB,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AACF,CAAU,EAAA;AAEH,MAAM,WAAc,GAAA;AAAA;AAAA;AAAA;AAAA,EAIzB,QAAQ,MAAM,IAAA;AAAA;AAAA;AAAA;AAAA,EAId,SAAS,MAAM,IAAA;AAAA;AAAA;AAAA;AAAA,EAIf,OAAO,MAAM,IAAA;AAAA,EACb,eAAe,MAAM,IAAA;AACvB;;;;"}

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

@@ -6,6 +6,10 @@ declare const _default: import("vue").DefineComponent<{
     readonly cancelText: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "取消", boolean>;
     readonly showCancel: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly showFooter: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly useClose: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly cancelConfirm: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly useCancelConfirm: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly cancelConfirmOptions: import("ll-plus/es/utils").EpPropFinalized<ObjectConstructor, unknown, unknown, null, boolean>;
 }, {
     props: import("@vue/shared").LooseRequired<{
         readonly title: string;
@@ -15,6 +19,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly confirmText: string;
         readonly cancelText: string;
         readonly showCancel: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        readonly useClose: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        readonly cancelConfirm: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        readonly useCancelConfirm: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        readonly cancelConfirmOptions: Record<string, any>;
         readonly "onUpdate:open"?: (() => any) | undefined;
         readonly onClose?: (() => any) | undefined;
         readonly onConfirm?: (() => any) | undefined;
@@ -530,6 +538,10 @@ declare const _default: import("vue").DefineComponent<{
     readonly cancelText: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "取消", boolean>;
     readonly showCancel: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly showFooter: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly useClose: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly cancelConfirm: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly useCancelConfirm: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly cancelConfirmOptions: import("ll-plus/es/utils").EpPropFinalized<ObjectConstructor, unknown, unknown, null, boolean>;
 }>> & {
     "onUpdate:open"?: (() => any) | undefined;
     onClose?: (() => any) | undefined;
@@ -543,5 +555,9 @@ declare const _default: import("vue").DefineComponent<{
     readonly confirmText: string;
     readonly cancelText: string;
     readonly showCancel: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly useClose: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly cancelConfirm: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly useCancelConfirm: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly cancelConfirmOptions: Record<string, any>;
 }, {}>;
 export default _default;

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

@@ -3,7 +3,9 @@ import { Drawer } from 'ant-design-vue';
 import '../../../utils/index.mjs';
 import { omit, throttle } from 'lodash-es';
 import { drawerProps, drawerEmits, drawerOptions } from './drawer.mjs';
+import './components/second-confirmation/index.mjs';
 import { createNamespace } from '../../../utils/create-namespace.mjs';
+import { useSecondConfirmation } from './components/second-confirmation/src/use-second-confirmation.mjs';
 
 "use strict";
 var _sfc_main = /* @__PURE__ */ defineComponent({
@@ -24,10 +26,26 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       ...omit({ ...attrs }, [...Object.keys(drawerProps), "rootClassName"])
     }));
     const handleClose = () => {
-      emits("close");
+      if (props.useClose) {
+        emits("close");
+      } else {
+        handleCancel();
+        return;
+      }
       emits("update:open");
     };
     const handleCancel = () => {
+      if (props.useCancelConfirm && props.cancelConfirm) {
+        useSecondConfirmation(
+          props.cancelConfirmOptions || {
+            title: "\u6E29\u99A8\u63D0\u793A",
+            message: "\u4F60\u6709\u672A\u4FDD\u5B58\u7684\u66F4\u6539\uFF0C\u786E\u5B9A\u5173\u95ED\uFF1F"
+          }
+        ).then(async () => {
+          emits("cancel");
+        });
+        return;
+      }
       emits("cancel");
     };
     const handleConfirm = () => {

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

@@ -1 +1 @@
-{"version":3,"file":"drawer.vue2.mjs","sources":["../../../../../packages/components/drawer/src/drawer.vue"],"sourcesContent":["<template>\n  <Drawer\n    v-bind=\"getBindValue\"\n    :title=\"props.title\"\n    :open=\"props.open\"\n    :root-class-name=\"bem.b()\"\n    @close=\"handleClose\"\n  >\n    <template #title>\n      <slot name=\"title\" />\n    </template>\n    <template #extra>\n      <slot name=\"extra\" />\n    </template>\n    <div :class=\"bem.e('container')\">\n      <div\n        ref=\"content\"\n        :style=\"{ marginBottom: props.showFooter ? '72px' : 0 }\"\n        :class=\"[bem.e('content'), symbolClass]\"\n      >\n        <slot />\n      </div>\n      <div\n        v-if=\"props.showFooter\"\n        :class=\"[bem.e('footer'), hasScroll ? bem.is('has-scroll') : '']\"\n      >\n        <slot name=\"footer\">\n          <div :class=\"bem.e('footer-left')\">\n            <slot name=\"footer-left\" />\n          </div>\n          <div :class=\"bem.e('footer-right')\">\n            <slot name=\"footer-right\">\n              <ll-button\n                v-if=\"showCancel\"\n                :class=\"bem.m('cancel')\"\n                :label=\"props.cancelText\"\n                @click=\"handleCancel\"\n              >\n              </ll-button>\n              <ll-button\n                type=\"primary\"\n                :loading=\"props.loading\"\n                :label=\"props.confirmText\"\n                @click=\"handleConfirm\"\n              >\n              </ll-button>\n            </slot>\n          </div>\n        </slot>\n      </div>\n    </div>\n  </Drawer>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, nextTick, useAttrs } from 'vue'\nimport { Drawer } from 'ant-design-vue'\nimport { createNamespace } from '@ll-plus/utils'\nimport { throttle, omit } from 'lodash-es'\nimport { drawerProps, drawerEmits, drawerOptions } from './drawer'\n\ndefineOptions({ name: 'LlDrawer' })\n\nconst props = defineProps(drawerProps)\n\nconst emits = defineEmits(drawerEmits)\n\nconst attrs = useAttrs()\n\nconst bem = createNamespace('drawer')\n\nconst content = ref<HTMLElement>()\n\nconst hasScroll = ref(false)\n\nconst symbolClass = ref(`ll-darwer-${new Date().getTime()}`)\n\nconst getBindValue = computed(() => ({\n  ...drawerOptions,\n  ...omit({ ...attrs }, [...Object.keys(drawerProps), 'rootClassName'])\n}))\n\nconst handleClose = (): void => {\n  emits('close')\n  emits('update:open')\n}\nconst handleCancel = (): void => {\n  emits('cancel')\n}\nconst handleConfirm = (): void => {\n  emits('confirm')\n}\nconst handleResize = async () => {\n  await nextTick()\n  const ele = document.getElementsByClassName(symbolClass.value)[0]\n  if (ele) {\n    setTimeout(() => {\n      hasScroll.value = ele.scrollHeight > ele.clientHeight\n    }, 0)\n  }\n}\nwatch(\n  () => props.open,\n  val => {\n    if (val) {\n      handleResize()\n      window.addEventListener('resize', throttle(handleResize, 1000))\n    } else {\n      window.removeEventListener('resize', handleResize)\n    }\n  }\n)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;AA+DA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAEd,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAEvB,IAAM,MAAA,GAAA,GAAM,gBAAgB,QAAQ,CAAA,CAAA;AAEpC,IAAA,MAAM,UAAU,GAAiB,EAAA,CAAA;AAEjC,IAAM,MAAA,SAAA,GAAY,IAAI,KAAK,CAAA,CAAA;AAE3B,IAAM,MAAA,WAAA,GAAc,IAAI,CAAa,UAAA,EAAA,iBAAA,IAAI,MAAO,EAAA,OAAA,EAAS,CAAE,CAAA,CAAA,CAAA;AAE3D,IAAM,MAAA,YAAA,GAAe,SAAS,OAAO;AAAA,MACnC,GAAG,aAAA;AAAA,MACH,GAAG,IAAA,CAAK,EAAE,GAAG,KAAM,EAAA,EAAG,CAAC,GAAG,MAAO,CAAA,IAAA,CAAK,WAAW,CAAA,EAAG,eAAe,CAAC,CAAA;AAAA,KACpE,CAAA,CAAA,CAAA;AAEF,IAAA,MAAM,cAAc,MAAY;AAC9B,MAAA,KAAA,CAAM,OAAO,CAAA,CAAA;AACb,MAAA,KAAA,CAAM,aAAa,CAAA,CAAA;AAAA,KACrB,CAAA;AACA,IAAA,MAAM,eAAe,MAAY;AAC/B,MAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AAAA,KAChB,CAAA;AACA,IAAA,MAAM,gBAAgB,MAAY;AAChC,MAAA,KAAA,CAAM,SAAS,CAAA,CAAA;AAAA,KACjB,CAAA;AACA,IAAA,MAAM,eAAe,YAAY;AAC/B,MAAA,MAAM,QAAS,EAAA,CAAA;AACf,MAAA,MAAM,MAAM,QAAS,CAAA,sBAAA,CAAuB,WAAY,CAAA,KAAK,EAAE,CAAC,CAAA,CAAA;AAChE,MAAA,IAAI,GAAK,EAAA;AACP,QAAA,UAAA,CAAW,MAAM;AACf,UAAU,SAAA,CAAA,KAAA,GAAQ,GAAI,CAAA,YAAA,GAAe,GAAI,CAAA,YAAA,CAAA;AAAA,WACxC,CAAC,CAAA,CAAA;AAAA,OACN;AAAA,KACF,CAAA;AACA,IAAA,KAAA;AAAA,MACE,MAAM,KAAM,CAAA,IAAA;AAAA,MACZ,CAAO,GAAA,KAAA;AACL,QAAA,IAAI,GAAK,EAAA;AACP,UAAa,YAAA,EAAA,CAAA;AACb,UAAA,MAAA,CAAO,gBAAiB,CAAA,QAAA,EAAU,QAAS,CAAA,YAAA,EAAc,GAAI,CAAC,CAAA,CAAA;AAAA,SACzD,MAAA;AACL,UAAO,MAAA,CAAA,mBAAA,CAAoB,UAAU,YAAY,CAAA,CAAA;AAAA,SACnD;AAAA,OACF;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"drawer.vue2.mjs","sources":["../../../../../packages/components/drawer/src/drawer.vue"],"sourcesContent":["<template>\n  <Drawer\n    v-bind=\"getBindValue\"\n    :title=\"props.title\"\n    :open=\"props.open\"\n    :root-class-name=\"bem.b()\"\n    @close=\"handleClose\"\n  >\n    <template #title>\n      <slot name=\"title\" />\n    </template>\n    <template #extra>\n      <slot name=\"extra\" />\n    </template>\n    <div :class=\"bem.e('container')\">\n      <div\n        ref=\"content\"\n        :style=\"{ marginBottom: props.showFooter ? '72px' : 0 }\"\n        :class=\"[bem.e('content'), symbolClass]\"\n      >\n        <slot />\n      </div>\n      <div\n        v-if=\"props.showFooter\"\n        :class=\"[bem.e('footer'), hasScroll ? bem.is('has-scroll') : '']\"\n      >\n        <slot name=\"footer\">\n          <div :class=\"bem.e('footer-left')\">\n            <slot name=\"footer-left\" />\n          </div>\n          <div :class=\"bem.e('footer-right')\">\n            <slot name=\"footer-right\">\n              <ll-button\n                v-if=\"showCancel\"\n                :class=\"bem.m('cancel')\"\n                :label=\"props.cancelText\"\n                @click=\"handleCancel\"\n              >\n              </ll-button>\n              <ll-button\n                type=\"primary\"\n                :loading=\"props.loading\"\n                :label=\"props.confirmText\"\n                @click=\"handleConfirm\"\n              >\n              </ll-button>\n            </slot>\n          </div>\n        </slot>\n      </div>\n    </div>\n  </Drawer>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, nextTick, useAttrs } from 'vue'\nimport { Drawer } from 'ant-design-vue'\nimport { createNamespace } from '@ll-plus/utils'\nimport { throttle, omit } from 'lodash-es'\nimport { drawerProps, drawerEmits, drawerOptions } from './drawer'\nimport { useSecondConfirmation } from './components/second-confirmation'\n\ndefineOptions({ name: 'LlDrawer' })\n\nconst props = defineProps(drawerProps)\n\nconst emits = defineEmits(drawerEmits)\n\nconst attrs = useAttrs()\n\nconst bem = createNamespace('drawer')\n\nconst content = ref<HTMLElement>()\n\nconst hasScroll = ref(false)\n\nconst symbolClass = ref(`ll-darwer-${new Date().getTime()}`)\n\nconst getBindValue = computed(() => ({\n  ...drawerOptions,\n  ...omit({ ...attrs }, [...Object.keys(drawerProps), 'rootClassName'])\n}))\n\nconst handleClose = (): void => {\n  if (props.useClose) {\n    emits('close')\n  } else {\n    handleCancel()\n    return\n  }\n  emits('update:open')\n}\nconst handleCancel = (): void => {\n  if (props.useCancelConfirm && props.cancelConfirm) {\n    useSecondConfirmation(\n      props.cancelConfirmOptions || {\n        title: '温馨提示',\n        message: '你有未保存的更改，确定关闭？'\n      }\n    ).then(async () => {\n      // 点击保存按钮则关闭弹窗和抽屉\n      emits('cancel')\n    })\n    return\n  }\n  emits('cancel')\n}\nconst handleConfirm = (): void => {\n  emits('confirm')\n}\nconst handleResize = async () => {\n  await nextTick()\n  const ele = document.getElementsByClassName(symbolClass.value)[0]\n  if (ele) {\n    setTimeout(() => {\n      hasScroll.value = ele.scrollHeight > ele.clientHeight\n    }, 0)\n  }\n}\nwatch(\n  () => props.open,\n  val => {\n    if (val) {\n      handleResize()\n      window.addEventListener('resize', throttle(handleResize, 1000))\n    } else {\n      window.removeEventListener('resize', handleResize)\n    }\n  }\n)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAgEA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAEd,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAEvB,IAAM,MAAA,GAAA,GAAM,gBAAgB,QAAQ,CAAA,CAAA;AAEpC,IAAA,MAAM,UAAU,GAAiB,EAAA,CAAA;AAEjC,IAAM,MAAA,SAAA,GAAY,IAAI,KAAK,CAAA,CAAA;AAE3B,IAAM,MAAA,WAAA,GAAc,IAAI,CAAa,UAAA,EAAA,iBAAA,IAAI,MAAO,EAAA,OAAA,EAAS,CAAE,CAAA,CAAA,CAAA;AAE3D,IAAM,MAAA,YAAA,GAAe,SAAS,OAAO;AAAA,MACnC,GAAG,aAAA;AAAA,MACH,GAAG,IAAA,CAAK,EAAE,GAAG,KAAM,EAAA,EAAG,CAAC,GAAG,MAAO,CAAA,IAAA,CAAK,WAAW,CAAA,EAAG,eAAe,CAAC,CAAA;AAAA,KACpE,CAAA,CAAA,CAAA;AAEF,IAAA,MAAM,cAAc,MAAY;AAC9B,MAAA,IAAI,MAAM,QAAU,EAAA;AAClB,QAAA,KAAA,CAAM,OAAO,CAAA,CAAA;AAAA,OACR,MAAA;AACL,QAAa,YAAA,EAAA,CAAA;AACb,QAAA,OAAA;AAAA,OACF;AACA,MAAA,KAAA,CAAM,aAAa,CAAA,CAAA;AAAA,KACrB,CAAA;AACA,IAAA,MAAM,eAAe,MAAY;AAC/B,MAAI,IAAA,KAAA,CAAM,gBAAoB,IAAA,KAAA,CAAM,aAAe,EAAA;AACjD,QAAA,qBAAA;AAAA,UACE,MAAM,oBAAwB,IAAA;AAAA,YAC5B,KAAO,EAAA,0BAAA;AAAA,YACP,OAAS,EAAA,sFAAA;AAAA,WACX;AAAA,SACF,CAAE,KAAK,YAAY;AAEjB,UAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AAAA,SACf,CAAA,CAAA;AACD,QAAA,OAAA;AAAA,OACF;AACA,MAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AAAA,KAChB,CAAA;AACA,IAAA,MAAM,gBAAgB,MAAY;AAChC,MAAA,KAAA,CAAM,SAAS,CAAA,CAAA;AAAA,KACjB,CAAA;AACA,IAAA,MAAM,eAAe,YAAY;AAC/B,MAAA,MAAM,QAAS,EAAA,CAAA;AACf,MAAA,MAAM,MAAM,QAAS,CAAA,sBAAA,CAAuB,WAAY,CAAA,KAAK,EAAE,CAAC,CAAA,CAAA;AAChE,MAAA,IAAI,GAAK,EAAA;AACP,QAAA,UAAA,CAAW,MAAM;AACf,UAAU,SAAA,CAAA,KAAA,GAAQ,GAAI,CAAA,YAAA,GAAe,GAAI,CAAA,YAAA,CAAA;AAAA,WACxC,CAAC,CAAA,CAAA;AAAA,OACN;AAAA,KACF,CAAA;AACA,IAAA,KAAA;AAAA,MACE,MAAM,KAAM,CAAA,IAAA;AAAA,MACZ,CAAO,GAAA,KAAA;AACL,QAAA,IAAI,GAAK,EAAA;AACP,UAAa,YAAA,EAAA,CAAA;AACb,UAAA,MAAA,CAAO,gBAAiB,CAAA,QAAA,EAAU,QAAS,CAAA,YAAA,EAAc,GAAI,CAAC,CAAA,CAAA;AAAA,SACzD,MAAA;AACL,UAAO,MAAA,CAAA,mBAAA,CAAoB,UAAU,YAAY,CAAA,CAAA;AAAA,SACnD;AAAA,OACF;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}