npm - ll-plus - Versions diffs - 2.3.10 → 2.3.13 - Mend

ll-plus 2.3.10 → 2.3.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (85) hide show

package/es/components/drawer/index.d.ts CHANGED Viewed

@@ -44,6 +44,7 @@ export declare const LlDrawer: import("ll-plus/es/utils").SFCWithInstall<import(
     content: import("vue").Ref<HTMLElement | undefined>;
     hasScroll: import("vue").Ref<boolean>;
     symbolClass: import("vue").Ref<string>;
+    symbolComparedClass: import("vue").Ref<string>;
     getBindValue: import("vue").ComputedRef<{
         destroyOnClose: boolean;
         width: string;
@@ -54,7 +55,7 @@ export declare const LlDrawer: import("ll-plus/es/utils").SFCWithInstall<import(
     handleClose: () => void;
     handleCancel: () => void;
     handleConfirm: () => void;
-    handleResize: () => Promise<void>;
+    handleResize: (value: boolean) => Promise<void>;
     readonly Drawer: {
         new (...args: any[]): import("@vue/runtime-core").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
             autofocus: {

package/es/components/drawer/src/components/second-confirmation/index.d.ts CHANGED Viewed

@@ -49,6 +49,7 @@ export declare const LlSecondConfirmation: import("ll-plus/es/utils").SFCWithIns
         readonly title: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "提示", boolean>;
         readonly loading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
         readonly type: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "confirm" | "operate" | "upload") | (() => "confirm" | "operate" | "upload") | ((new (...args: any[]) => "confirm" | "operate" | "upload") | (() => "confirm" | "operate" | "upload"))[], unknown, unknown, "operate", boolean>;
+        readonly isConfirmModel: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
         readonly class: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
         readonly wrapClassName: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
         readonly confirmText: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
@@ -67,6 +68,7 @@ export declare const LlSecondConfirmation: import("ll-plus/es/utils").SFCWithIns
             readonly cancelText: string;
             readonly showCancel: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
             readonly confirmText: string;
+            readonly isConfirmModel: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
             readonly "onUpdate:open"?: (() => any) | undefined;
             readonly onOk?: (() => any) | undefined;
             readonly onCancel?: (() => any) | undefined;
@@ -88,6 +90,7 @@ export declare const LlSecondConfirmation: import("ll-plus/es/utils").SFCWithIns
         modal: import("vue").Ref<HTMLElement | undefined>;
         hasScroll: import("vue").Ref<boolean>;
         symbolClass: import("vue").Ref<string>;
+        symbolComparedClass: import("vue").Ref<string>;
         getBindValue: import("vue").ComputedRef<import("ll-plus/es/index").IResultType>;
         handleCancel: () => void;
         handleOk: () => void;
@@ -1992,6 +1995,7 @@ export declare const LlSecondConfirmation: import("ll-plus/es/utils").SFCWithIns
         readonly title: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "提示", boolean>;
         readonly loading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
         readonly type: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "confirm" | "operate" | "upload") | (() => "confirm" | "operate" | "upload") | ((new (...args: any[]) => "confirm" | "operate" | "upload") | (() => "confirm" | "operate" | "upload"))[], unknown, unknown, "operate", boolean>;
+        readonly isConfirmModel: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
         readonly class: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
         readonly wrapClassName: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
         readonly confirmText: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
@@ -2013,6 +2017,7 @@ export declare const LlSecondConfirmation: import("ll-plus/es/utils").SFCWithIns
         readonly cancelText: string;
         readonly showCancel: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly confirmText: string;
+        readonly isConfirmModel: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     }, {}>>;
     readonly LlIcon: import("ll-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
         readonly iconName: {

package/es/components/drawer/src/components/second-confirmation/src/second-confirmation.vue.d.ts CHANGED Viewed

@@ -48,6 +48,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly title: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "提示", boolean>;
         readonly loading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
         readonly type: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "confirm" | "operate" | "upload") | (() => "confirm" | "operate" | "upload") | ((new (...args: any[]) => "confirm" | "operate" | "upload") | (() => "confirm" | "operate" | "upload"))[], unknown, unknown, "operate", boolean>;
+        readonly isConfirmModel: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
         readonly class: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
         readonly wrapClassName: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
         readonly confirmText: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
@@ -66,6 +67,7 @@ declare const _default: import("vue").DefineComponent<{
             readonly cancelText: string;
             readonly showCancel: import("ll-plus/es/components").AvatarType<BooleanConstructor, unknown, unknown>;
             readonly confirmText: string;
+            readonly isConfirmModel: import("ll-plus/es/components").AvatarType<BooleanConstructor, unknown, unknown>;
             readonly "onUpdate:open"?: (() => any) | undefined;
             readonly onOk?: (() => any) | undefined;
             readonly onCancel?: (() => any) | undefined;
@@ -87,6 +89,7 @@ declare const _default: import("vue").DefineComponent<{
         modal: import("vue").Ref<HTMLElement | undefined>;
         hasScroll: import("vue").Ref<boolean>;
         symbolClass: import("vue").Ref<string>;
+        symbolComparedClass: import("vue").Ref<string>;
         getBindValue: import("vue").ComputedRef<import("ll-plus/es/components").IResultType>;
         handleCancel: () => void;
         handleOk: () => void;
@@ -1991,6 +1994,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly title: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "提示", boolean>;
         readonly loading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
         readonly type: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "confirm" | "operate" | "upload") | (() => "confirm" | "operate" | "upload") | ((new (...args: any[]) => "confirm" | "operate" | "upload") | (() => "confirm" | "operate" | "upload"))[], unknown, unknown, "operate", boolean>;
+        readonly isConfirmModel: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
         readonly class: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
         readonly wrapClassName: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
         readonly confirmText: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
@@ -2012,6 +2016,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly cancelText: string;
         readonly showCancel: import("ll-plus/es/components").AvatarType<BooleanConstructor, unknown, unknown>;
         readonly confirmText: string;
+        readonly isConfirmModel: import("ll-plus/es/components").AvatarType<BooleanConstructor, unknown, unknown>;
     }, {}>>;
     readonly LlIcon: import("ll-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
         readonly iconName: {

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

@@ -43,6 +43,7 @@ declare const _default: import("vue").DefineComponent<{
     content: import("vue").Ref<HTMLElement | undefined>;
     hasScroll: import("vue").Ref<boolean>;
     symbolClass: import("vue").Ref<string>;
+    symbolComparedClass: import("vue").Ref<string>;
     getBindValue: import("vue").ComputedRef<{
         destroyOnClose: boolean;
         width: string;
@@ -53,7 +54,7 @@ declare const _default: import("vue").DefineComponent<{
     handleClose: () => void;
     handleCancel: () => void;
     handleConfirm: () => void;
-    handleResize: () => Promise<void>;
+    handleResize: (value: boolean) => Promise<void>;
     readonly Drawer: {
         new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
             autofocus: {

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

@@ -1,7 +1,7 @@
-import { defineComponent, useAttrs, ref, computed, nextTick, watch, resolveComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, createElementVNode, normalizeClass, normalizeStyle, createElementBlock, createCommentVNode, createVNode } from 'vue';
+import { defineComponent, useAttrs, ref, computed, nextTick, watch, resolveComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, createElementVNode, normalizeClass, createCommentVNode, createElementBlock, createVNode } from 'vue';
 import { Drawer } from 'ant-design-vue';
 import '../../../utils/index.mjs';
-import { omit, throttle } from 'lodash-es';
+import { omit } from 'lodash-es';
 import { drawerProps, drawerEmits, drawerOptions } from './drawer.mjs';
 import './components/second-confirmation/index.mjs';
 import { createNamespace } from '../../../utils/create-namespace.mjs';
@@ -21,6 +21,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const content = ref();
     const hasScroll = ref(false);
     const symbolClass = ref(`ll-darwer-${(/* @__PURE__ */ new Date()).getTime()}`);
+    const symbolComparedClass = ref(`model-content-${(/* @__PURE__ */ new Date()).getTime()}`);
     const getBindValue = computed(() => ({
       ...drawerOptions,
       ...omit({ ...attrs }, [...Object.keys(drawerProps), "rootClassName"])
@@ -51,24 +52,26 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const handleConfirm = () => {
       emits("confirm");
     };
-    const handleResize = async () => {
+    const handleResize = async (value) => {
       await nextTick();
       const ele = document.getElementsByClassName(symbolClass.value)[0];
-      if (ele) {
-        setTimeout(() => {
-          hasScroll.value = ele.scrollHeight > ele.clientHeight;
-        }, 0);
+      const modalBody = ele.getElementsByClassName(symbolComparedClass.value)[0];
+      const resizeObserver = new ResizeObserver((entries) => {
+        const { clientHeight } = entries[0].target;
+        const scrollHeight = ele.clientHeight;
+        hasScroll.value = clientHeight > scrollHeight;
+        console.log(clientHeight, scrollHeight, hasScroll.value);
+      });
+      if (value) {
+        resizeObserver.observe(modalBody);
+      } else {
+        resizeObserver.unobserve(modalBody);
       }
     };
     watch(
       () => props.open,
       (val) => {
-        if (val) {
-          handleResize();
-          window.addEventListener("resize", throttle(handleResize, 500));
-        } else {
-          window.removeEventListener("resize", handleResize);
-        }
+        handleResize(val);
       }
     );
     return (_ctx, _cache) => {
@@ -89,7 +92,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           createElementVNode(
             "div",
             {
-              class: normalizeClass(unref(bem).e("container"))
+              class: normalizeClass([unref(bem).e("container"), hasScroll.value ? unref(bem).is("has-scroll") : ""])
             },
             [
               createElementVNode(
@@ -97,14 +100,24 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 {
                   ref_key: "content",
                   ref: content,
-                  style: normalizeStyle({ marginBottom: props.showFooter ? "72px" : 0 }),
                   class: normalizeClass([unref(bem).e("content"), symbolClass.value])
                 },
                 [
-                  renderSlot(_ctx.$slots, "default")
+                  createCommentVNode(` <div v-if="hasScroll" :class="bem.e('shandow')" /> `),
+                  createElementVNode(
+                    "div",
+                    {
+                      class: normalizeClass([symbolComparedClass.value])
+                    },
+                    [
+                      renderSlot(_ctx.$slots, "default")
+                    ],
+                    2
+                    /* CLASS */
+                  )
                 ],
-                6
-                /* CLASS, STYLE */
+                2
+                /* CLASS */
               ),
               props.showFooter ? (openBlock(), createElementBlock(
                 "div",

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

	@@ -1 +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'\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.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~~, ~~500~~))\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,MAAA,IAAI,MAAM,aAAe,EAAA;AACvB,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~~,~~GAAG~~,~~CAAC~~,CAAA,~~CAAA~~;AAAA,~~SACxD~~,~~MAAA~~;AACL,~~UAAO~~,~~MAAA~~,~~CAAA~~,~~mBAAA~~,~~CAAoB,UAAU,YAAY,~~CAAA,CAAA;AAAA,~~SACnD~~;AAAA,~~OACF;AAAA,~~KACF,CAAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
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'), hasScroll ? bem.is('has-scroll') : '']\">\n <div ref=\"content\" :class=\"[bem.e('content'), symbolClass]\">\n <!-- <div v-if=\"hasScroll\" :class=\"bem.e('shandow')\" /> -->\n <div :class=\"[symbolComparedClass]\">\n <slot />\n </div>\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 { 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 symbolComparedClass = ref(`model-content-${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.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}\n// const 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// }\n\nconst handleResize = async (value: boolean) => {\n await nextTick()\n const ele = document.getElementsByClassName(symbolClass.value)[0]\n const modalBody = ele.getElementsByClassName(symbolComparedClass.value)[0]\n const resizeObserver = new ResizeObserver(entries => {\n // 处理大小变化的回调函数\n const { clientHeight } = entries[0].target\n const scrollHeight = ele.clientHeight\n hasScroll.value = clientHeight > scrollHeight\n console.log(clientHeight, scrollHeight, hasScroll.value)\n })\n if (value) {\n resizeObserver.observe(modalBody)\n } else {\n resizeObserver.unobserve(modalBody)\n }\n}\n\nwatch(\n () => props.open,\n val => {\n handleResize(val)\n }\n)\n</script>\n"],"names":[],"mappings":"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"}

package/es/components/modal/index.d.ts CHANGED Viewed

@@ -4,6 +4,7 @@ export declare const LlModal: import("ll-plus/es/utils").SFCWithInstall<import("
     readonly title: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "提示", boolean>;
     readonly loading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly type: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "confirm" | "operate" | "upload") | (() => "confirm" | "operate" | "upload") | ((new (...args: any[]) => "confirm" | "operate" | "upload") | (() => "confirm" | "operate" | "upload"))[], unknown, unknown, "operate", boolean>;
+    readonly isConfirmModel: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly class: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly wrapClassName: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly confirmText: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
@@ -22,6 +23,7 @@ export declare const LlModal: import("ll-plus/es/utils").SFCWithInstall<import("
         readonly cancelText: string;
         readonly showCancel: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly confirmText: string;
+        readonly isConfirmModel: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly "onUpdate:open"?: (() => any) | undefined;
         readonly onOk?: (() => any) | undefined;
         readonly onCancel?: (() => any) | undefined;
@@ -43,6 +45,7 @@ export declare const LlModal: import("ll-plus/es/utils").SFCWithInstall<import("
     modal: import("vue").Ref<HTMLElement | undefined>;
     hasScroll: import("vue").Ref<boolean>;
     symbolClass: import("vue").Ref<string>;
+    symbolComparedClass: import("vue").Ref<string>;
     getBindValue: import("vue").ComputedRef<import("./src/modal").IResultType>;
     handleCancel: () => void;
     handleOk: () => void;
@@ -1947,6 +1950,7 @@ export declare const LlModal: import("ll-plus/es/utils").SFCWithInstall<import("
     readonly title: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "提示", boolean>;
     readonly loading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly type: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "confirm" | "operate" | "upload") | (() => "confirm" | "operate" | "upload") | ((new (...args: any[]) => "confirm" | "operate" | "upload") | (() => "confirm" | "operate" | "upload"))[], unknown, unknown, "operate", boolean>;
+    readonly isConfirmModel: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly class: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly wrapClassName: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly confirmText: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
@@ -1968,6 +1972,7 @@ export declare const LlModal: import("ll-plus/es/utils").SFCWithInstall<import("
     readonly cancelText: string;
     readonly showCancel: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly confirmText: string;
+    readonly isConfirmModel: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
 }, {}>>;
 export default LlModal;
 export * from './src/modal';

package/es/components/modal/src/modal.d.ts CHANGED Viewed

@@ -10,6 +10,7 @@ export declare const modalProps: {
     readonly title: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "提示", boolean>;
     readonly loading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly type: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "confirm" | "operate" | "upload") | (() => IType) | ((new (...args: any[]) => "confirm" | "operate" | "upload") | (() => IType))[], unknown, unknown, "operate", boolean>;
+    readonly isConfirmModel: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly class: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly wrapClassName: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly confirmText: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;

package/es/components/modal/src/modal.mjs CHANGED Viewed

@@ -31,6 +31,10 @@ const modalProps = buildProps({
     type: definePropType(String),
     default: "operate"
   },
+  isConfirmModel: {
+    type: Boolean,
+    default: false
+  },
   /**
    * @description 弹窗class
    */

package/es/components/modal/src/modal.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"modal.mjs","sources":["../../../../../packages/components/modal/src/modal.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type Modal from './modal.vue'\n\ntype IType = 'confirm' \| 'operate' \| 'upload'\n\nexport interface IResultType {\n [key: string]: unknown\n showFooter?: null\n}\nexport const modalProps = 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 type: {\n type: definePropType<IType>(String),\n default: 'operate'\n },\n /\n @description 弹窗class\n /\n class: {\n type: String,\n default: ''\n },\n /\n @description 弹窗外层容器的类名\n /\n wrapClassName: {\n type: String,\n default: ''\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 modalEmits = {\n /\n @description 点击取消时触发\n /\n cancel: () => true,\n /\n @description 点击确认时触发\n */\n ok: () => true,\n 'update:open': () => true\n} as const\n\n// props\nexport type ModalProps = ExtractPropTypes<typeof modalProps>\n\n// emits\nexport type ModalEmits = typeof modalEmits\n\n// instance\nexport type ModalInstance = InstanceType<typeof Modal>\n"],"names":[],"mappings":";;;;AAWO,MAAM,aAAa,UAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAInC,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,IAAM,EAAA;AAAA,IACJ,IAAA,EAAM,eAAsB,MAAM,CAAA;AAAA,IAClC,OAAS,EAAA,SAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;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,UAAa,GAAA;AAAA;AAAA;AAAA;AAAA,EAIxB,QAAQ,MAAM,IAAA;AAAA;AAAA;AAAA;AAAA,EAId,IAAI,MAAM,IAAA;AAAA,EACV,eAAe,MAAM,IAAA;AACvB;;;;"}
1	+ {"version":3,"file":"modal.mjs","sources":["../../../../../packages/components/modal/src/modal.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type Modal from './modal.vue'\n\ntype IType = 'confirm' \| 'operate' \| 'upload'\n\nexport interface IResultType {\n [key: string]: unknown\n showFooter?: null\n}\nexport const modalProps = 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 type: {\n type: definePropType<IType>(String),\n default: 'operate'\n },\n isConfirmModel: {\n type: Boolean,\n default: false\n },\n /\n @description 弹窗class\n /\n class: {\n type: String,\n default: ''\n },\n /\n @description 弹窗外层容器的类名\n /\n wrapClassName: {\n type: String,\n default: ''\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 modalEmits = {\n /\n @description 点击取消时触发\n /\n cancel: () => true,\n /\n @description 点击确认时触发\n */\n ok: () => true,\n 'update:open': () => true\n} as const\n\n// props\nexport type ModalProps = ExtractPropTypes<typeof modalProps>\n\n// emits\nexport type ModalEmits = typeof modalEmits\n\n// instance\nexport type ModalInstance = InstanceType<typeof Modal>\n"],"names":[],"mappings":";;;;AAWO,MAAM,aAAa,UAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAInC,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,IAAM,EAAA;AAAA,IACJ,IAAA,EAAM,eAAsB,MAAM,CAAA;AAAA,IAClC,OAAS,EAAA,SAAA;AAAA,GACX;AAAA,EACA,cAAgB,EAAA;AAAA,IACd,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,EAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;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,UAAa,GAAA;AAAA;AAAA;AAAA;AAAA,EAIxB,QAAQ,MAAM,IAAA;AAAA;AAAA;AAAA;AAAA,EAId,IAAI,MAAM,IAAA;AAAA,EACV,eAAe,MAAM,IAAA;AACvB;;;;"}

package/es/components/modal/src/modal.vue.d.ts CHANGED Viewed

@@ -4,6 +4,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly title: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "提示", boolean>;
     readonly loading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly type: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "confirm" | "operate" | "upload") | (() => "confirm" | "operate" | "upload") | ((new (...args: any[]) => "confirm" | "operate" | "upload") | (() => "confirm" | "operate" | "upload"))[], unknown, unknown, "operate", boolean>;
+    readonly isConfirmModel: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly class: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly wrapClassName: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly confirmText: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
@@ -22,6 +23,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly cancelText: string;
         readonly showCancel: import("ll-plus/es/components").AvatarType<BooleanConstructor, unknown, unknown>;
         readonly confirmText: string;
+        readonly isConfirmModel: import("ll-plus/es/components").AvatarType<BooleanConstructor, unknown, unknown>;
         readonly "onUpdate:open"?: (() => any) | undefined;
         readonly onOk?: (() => any) | undefined;
         readonly onCancel?: (() => any) | undefined;
@@ -43,6 +45,7 @@ declare const _default: import("vue").DefineComponent<{
     modal: import("vue").Ref<HTMLElement | undefined>;
     hasScroll: import("vue").Ref<boolean>;
     symbolClass: import("vue").Ref<string>;
+    symbolComparedClass: import("vue").Ref<string>;
     getBindValue: import("vue").ComputedRef<IResultType>;
     handleCancel: () => void;
     handleOk: () => void;
@@ -1947,6 +1950,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly title: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "提示", boolean>;
     readonly loading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly type: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "confirm" | "operate" | "upload") | (() => "confirm" | "operate" | "upload") | ((new (...args: any[]) => "confirm" | "operate" | "upload") | (() => "confirm" | "operate" | "upload"))[], unknown, unknown, "operate", boolean>;
+    readonly isConfirmModel: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly class: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly wrapClassName: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly confirmText: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
@@ -1968,5 +1972,6 @@ declare const _default: import("vue").DefineComponent<{
     readonly cancelText: string;
     readonly showCancel: import("ll-plus/es/components").AvatarType<BooleanConstructor, unknown, unknown>;
     readonly confirmText: string;
+    readonly isConfirmModel: import("ll-plus/es/components").AvatarType<BooleanConstructor, unknown, unknown>;
 }, {}>;
 export default _default;

package/es/components/modal/src/modal.vue2.mjs CHANGED Viewed

@@ -21,6 +21,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const modal = ref();
     const hasScroll = ref(false);
     const symbolClass = ref(`ll-modal-${(/* @__PURE__ */ new Date()).getTime()}`);
+    const symbolComparedClass = ref(`model-content-${(/* @__PURE__ */ new Date()).getTime()}`);
     const getBindValue = computed(() => {
       const result = {
         ...omit({ ...attrs }, [...Object.keys(modalProps), "wrapClassName"])
@@ -40,10 +41,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const handleResize = async (value) => {
       await nextTick();
       const ele = document.getElementsByClassName(symbolClass.value)[0];
-      const modalBody = ele.getElementsByClassName(`ant-modal-body`)[0];
+      const modalBody = ele.getElementsByClassName(symbolComparedClass.value)[0];
       const resizeObserver = new ResizeObserver((entries) => {
-        const { scrollHeight, clientHeight } = entries[0].target;
-        hasScroll.value = scrollHeight > clientHeight;
+        const { clientHeight } = entries[0].target;
+        const scrollHeight = ele.clientHeight;
+        hasScroll.value = clientHeight > scrollHeight;
       });
       if (value) {
         resizeObserver.observe(modalBody);
@@ -64,7 +66,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         open: props.open,
         title: props.title,
         "wrap-class-name": `${unref(bem).b()} ${props.wrapClassName}`,
-        class: [props.class, symbolClass.value, hasScroll.value ? unref(bem).is("has-scroll") : ""],
+        class: [
+          props.class,
+          hasScroll.value ? unref(bem).is("has-scroll") : "",
+          unref(bem).is(props.isConfirmModel ? "confirm-model" : "")
+        ],
         onCancel: handleCancel,
         onOk: handleOk
       }), createSlots({
@@ -72,10 +78,20 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           createElementVNode(
             "div",
             {
-              class: normalizeClass([unref(bem).e("container"), unref(bem).is(props.type)])
+              class: normalizeClass([unref(bem).e("container"), symbolClass.value, unref(bem).is(props.type)])
             },
             [
-              renderSlot(_ctx.$slots, "default")
+              createElementVNode(
+                "div",
+                {
+                  class: normalizeClass([symbolComparedClass.value])
+                },
+                [
+                  renderSlot(_ctx.$slots, "default")
+                ],
+                2
+                /* CLASS */
+              )
             ],
             2
             /* CLASS */
@@ -92,11 +108,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               props.showCancel && props.type !== "confirm" ? (openBlock(), createBlock(unref(LlButton), {
                 key: 0,
                 label: props.cancelText ? props.cancelText : "\u53D6\u6D88",
+                size: "middle",
                 onClick: handleCancel
               }, null, 8, ["label"])) : createCommentVNode("v-if", true),
               createVNode(unref(LlButton), {
                 type: "primary",
                 loading: props.loading,
+                size: "middle",
                 label: props.confirmText ? props.confirmText : props.type === "confirm" ? "\u77E5\u9053\u4E86" : "\u786E\u8BA4",
                 onClick: handleOk
               }, null, 8, ["loading", "label"])

package/es/components/modal/src/modal.vue2.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"modal.vue2.mjs","sources":["../../../../../packages/components/modal/src/modal.vue"],"sourcesContent":["<template>\n <Modal\n v-bind=\"getBindValue\"\n ref=\"modal\"\n :open=\"props.open\"\n :title=\"props.title\"\n :wrap-class-name=\"`${bem.b()} ${props.wrapClassName}`\"\n :class=\"[props.class~~, symbolClass,~~ hasScroll ? bem.is('has-scroll') : '']\"\n @cancel=\"handleCancel\"\n @ok=\"handleOk\"\n >\n <div :class=\"[bem.e('container'), bem.is(props.type)]\">\n <slot />\n </div>\n <template v-if=\"props.showFooter\" #footer>\n <slot name=\"footer\">\n <!-- 确认框 -->\n\n <ll-button\n v-if=\"props.showCancel && props.type !== 'confirm'\"\n :label=\"props.cancelText ? props.cancelText : '取消'\"\n @click=\"handleCancel\"\n >\n </ll-button>\n <ll-button\n type=\"primary\"\n :loading=\"props.loading\"\n :label=\"\n props.confirmText\n ? props.confirmText\n : props.type === 'confirm'\n ? '知道了'\n : '确认'\n \"\n @click=\"handleOk\"\n />\n </slot>\n </template>\n </Modal>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useAttrs, ref, watch, nextTick, computed } from 'vue'\nimport { Modal } from 'ant-design-vue'\nimport { LlButton } from '@ll-plus/components'\nimport { createNamespace } from '@ll-plus/utils'\nimport { omit } from 'lodash-es'\nimport { modalProps, modalEmits } from './modal'\nimport type { IResultType } from './modal'\ndefineOptions({ name: 'LlModal' })\n// 1.props/ref\nconst props = defineProps(modalProps)\n// 2.emits\nconst emits = defineEmits(modalEmits)\n\nconst attrs = useAttrs()\n\nconst bem = createNamespace('modal')\n\nconst modal = ref<HTMLElement>()\nconst hasScroll = ref(false)\nconst symbolClass = ref(`ll-modal-${new Date().getTime()}`)\n\nconst getBindValue = computed(() => {\n const result: IResultType = {\n ...omit({ ...attrs }, [...Object.keys(modalProps), 'wrapClassName'])\n }\n if (props.showFooter === false) {\n result.footer = null\n }\n return result\n})\n\n// 3.methods\nconst handleCancel = () => {\n emits('cancel')\n emits('update:open')\n}\nconst handleOk = () => {\n emits('ok')\n}\n\nconst handleResize = async (value: boolean) => {\n await nextTick()\n const ele = document.getElementsByClassName(symbolClass.value)[0]\n const modalBody = ele.getElementsByClassName(~~`ant-modal-body`~~)[0]\n const resizeObserver = new ResizeObserver(entries => {\n // 处理大小变化的回调函数\n const { ~~scrollHeight,~~ clientHeight } = entries[0].target\n hasScroll.value = ~~scrollHeight~~ > ~~clientHeight~~\n })\n if (value) {\n resizeObserver.observe(modalBody)\n } else {\n resizeObserver.unobserve(modalBody)\n }\n}\n\n// 4.watch/computed\nwatch(\n () => props.open,\n val => {\n handleResize(val)\n }\n)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;~~AAmDA~~,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,OAAO,CAAA,CAAA;AAEnC,IAAA,MAAM,QAAQ,GAAiB,EAAA,CAAA;~~AAC~~/B,IAAM,MAAA,SAAA,GAAY,IAAI,KAAK,CAAA,CAAA;~~AAC3B~~,IAAM,MAAA,WAAA,GAAc,IAAI,CAAY,SAAA,EAAA,iBAAA,IAAI,MAAO,EAAA,OAAA,EAAS,CAAE,CAAA,CAAA,CAAA;AAE1D,IAAM,MAAA,YAAA,GAAe,SAAS,MAAM;AAClC,MAAA,MAAM,MAAsB,GAAA;AAAA,QAC1B,GAAG,IAAA,CAAK,EAAE,GAAG,KAAM,EAAA,EAAG,CAAC,GAAG,MAAO,CAAA,IAAA,CAAK,UAAU,CAAA,EAAG,eAAe,CAAC,CAAA;AAAA,OACrE,CAAA;AACA,MAAI,IAAA,KAAA,CAAM,eAAe,KAAO,EAAA;AAC9B,QAAA,MAAA,CAAO,MAAS,GAAA,IAAA,CAAA;AAAA,OAClB;AACA,MAAO,OAAA,MAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAGD,IAAA,MAAM,eAAe,MAAM;AACzB,MAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AACd,MAAA,KAAA,CAAM,aAAa,CAAA,CAAA;AAAA,KACrB,CAAA;AACA,IAAA,MAAM,WAAW,MAAM;AACrB,MAAA,KAAA,CAAM,IAAI,CAAA,CAAA;AAAA,KACZ,CAAA;AAEA,IAAM,MAAA,YAAA,GAAe,OAAO,KAAmB,KAAA;AAC7C,MAAA,MAAM,QAAS,EAAA,CAAA;AACf,MAAA,MAAM,MAAM,QAAS,CAAA,sBAAA,CAAuB,WAAY,CAAA,KAAK,EAAE,CAAC,CAAA,CAAA;AAChE,MAAA,MAAM,~~SAAY~~,~~GAAA~~,~~GAAA~~,~~CAAI~~,~~sBAAuB~~,~~CAAA~~,CAAA,~~cAAA~~,~~CAAgB,~~EAAE,CAAC,CAAA,CAAA;~~AAChE~~,MAAM,MAAA,cAAA,GAAiB,IAAI,cAAA,CAAe,CAAW,OAAA,KAAA;AAEnD,QAAA,MAAM,EAAE,~~YAAc,EAAA,~~YAAA,EAAiB,GAAA,OAAA,CAAQ,CAAC,CAAE,CAAA,MAAA,CAAA;~~AAClD~~,QAAA,SAAA,CAAU,QAAQ,YAAe,GAAA,YAAA,CAAA;AAAA,OAClC,CAAA,CAAA;AACD,MAAA,IAAI,KAAO,EAAA;AACT,QAAA,cAAA,CAAe,QAAQ,SAAS,CAAA,CAAA;AAAA,OAC3B,MAAA;AACL,QAAA,cAAA,CAAe,UAAU,SAAS,CAAA,CAAA;AAAA,OACpC;AAAA,KACF,CAAA;AAGA,IAAA,KAAA;AAAA,MACE,MAAM,KAAM,CAAA,IAAA;AAAA,MACZ,CAAO,GAAA,KAAA;AACL,QAAA,YAAA,CAAa,GAAG,CAAA,CAAA;AAAA,OAClB;AAAA,KACF,CAAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"modal.vue2.mjs","sources":["../../../../../packages/components/modal/src/modal.vue"],"sourcesContent":["<template>\n <Modal\n v-bind=\"getBindValue\"\n ref=\"modal\"\n :open=\"props.open\"\n :title=\"props.title\"\n :wrap-class-name=\"`${bem.b()} ${props.wrapClassName}`\"\n :class=\"[\n props.class,\n hasScroll ? bem.is('has-scroll') : '',\n bem.is(props.isConfirmModel ? 'confirm-model' : '')\n ]\"\n @cancel=\"handleCancel\"\n @ok=\"handleOk\"\n >\n <div :class=\"[bem.e('container'), symbolClass, bem.is(props.type)]\">\n <div :class=\"[symbolComparedClass]\">\n <slot />\n </div>\n </div>\n <template v-if=\"props.showFooter\" #footer>\n <slot name=\"footer\">\n <!-- 确认框 -->\n\n <ll-button\n v-if=\"props.showCancel && props.type !== 'confirm'\"\n :label=\"props.cancelText ? props.cancelText : '取消'\"\n size=\"middle\"\n @click=\"handleCancel\"\n >\n </ll-button>\n <ll-button\n type=\"primary\"\n :loading=\"props.loading\"\n size=\"middle\"\n :label=\"\n props.confirmText\n ? props.confirmText\n : props.type === 'confirm'\n ? '知道了'\n : '确认'\n \"\n @click=\"handleOk\"\n />\n </slot>\n </template>\n </Modal>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useAttrs, ref, watch, nextTick, computed } from 'vue'\nimport { Modal } from 'ant-design-vue'\nimport { LlButton } from '@ll-plus/components'\nimport { createNamespace } from '@ll-plus/utils'\nimport { omit } from 'lodash-es'\nimport { modalProps, modalEmits } from './modal'\nimport type { IResultType } from './modal'\ndefineOptions({ name: 'LlModal' })\n// 1.props/ref\nconst props = defineProps(modalProps)\n// 2.emits\nconst emits = defineEmits(modalEmits)\n\nconst attrs = useAttrs()\n\nconst bem = createNamespace('modal')\n\nconst modal = ref<HTMLElement>()\n\nconst hasScroll = ref(false)\n\nconst symbolClass = ref(`ll-modal-${new Date().getTime()}`)\n\nconst symbolComparedClass = ref(`model-content-${new Date().getTime()}`)\n\nconst getBindValue = computed(() => {\n const result: IResultType = {\n ...omit({ ...attrs }, [...Object.keys(modalProps), 'wrapClassName'])\n }\n if (props.showFooter === false) {\n result.footer = null\n }\n return result\n})\n\n// 3.methods\nconst handleCancel = () => {\n emits('cancel')\n emits('update:open')\n}\nconst handleOk = () => {\n emits('ok')\n}\n\nconst handleResize = async (value: boolean) => {\n await nextTick()\n const ele = document.getElementsByClassName(symbolClass.value)[0]\n const modalBody = ele.getElementsByClassName(symbolComparedClass.value)[0]\n const resizeObserver = new ResizeObserver(entries => {\n // 处理大小变化的回调函数\n const { clientHeight } = entries[0].target\n const scrollHeight = ele.clientHeight\n hasScroll.value = clientHeight > scrollHeight\n })\n if (value) {\n resizeObserver.observe(modalBody)\n } else {\n resizeObserver.unobserve(modalBody)\n }\n}\n\n// 4.watch/computed\nwatch(\n () => props.open,\n val => {\n handleResize(val)\n }\n)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AA2DA,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,OAAO,CAAA,CAAA;AAEnC,IAAA,MAAM,QAAQ,GAAiB,EAAA,CAAA;AAE/B,IAAM,MAAA,SAAA,GAAY,IAAI,KAAK,CAAA,CAAA;AAE3B,IAAM,MAAA,WAAA,GAAc,IAAI,CAAY,SAAA,EAAA,iBAAA,IAAI,MAAO,EAAA,OAAA,EAAS,CAAE,CAAA,CAAA,CAAA;AAE1D,IAAM,MAAA,mBAAA,GAAsB,IAAI,CAAiB,cAAA,EAAA,iBAAA,IAAI,MAAO,EAAA,OAAA,EAAS,CAAE,CAAA,CAAA,CAAA;AAEvE,IAAM,MAAA,YAAA,GAAe,SAAS,MAAM;AAClC,MAAA,MAAM,MAAsB,GAAA;AAAA,QAC1B,GAAG,IAAA,CAAK,EAAE,GAAG,KAAM,EAAA,EAAG,CAAC,GAAG,MAAO,CAAA,IAAA,CAAK,UAAU,CAAA,EAAG,eAAe,CAAC,CAAA;AAAA,OACrE,CAAA;AACA,MAAI,IAAA,KAAA,CAAM,eAAe,KAAO,EAAA;AAC9B,QAAA,MAAA,CAAO,MAAS,GAAA,IAAA,CAAA;AAAA,OAClB;AACA,MAAO,OAAA,MAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAGD,IAAA,MAAM,eAAe,MAAM;AACzB,MAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AACd,MAAA,KAAA,CAAM,aAAa,CAAA,CAAA;AAAA,KACrB,CAAA;AACA,IAAA,MAAM,WAAW,MAAM;AACrB,MAAA,KAAA,CAAM,IAAI,CAAA,CAAA;AAAA,KACZ,CAAA;AAEA,IAAM,MAAA,YAAA,GAAe,OAAO,KAAmB,KAAA;AAC7C,MAAA,MAAM,QAAS,EAAA,CAAA;AACf,MAAA,MAAM,MAAM,QAAS,CAAA,sBAAA,CAAuB,WAAY,CAAA,KAAK,EAAE,CAAC,CAAA,CAAA;AAChE,MAAA,MAAM,YAAY,GAAI,CAAA,sBAAA,CAAuB,mBAAoB,CAAA,KAAK,EAAE,CAAC,CAAA,CAAA;AACzE,MAAM,MAAA,cAAA,GAAiB,IAAI,cAAA,CAAe,CAAW,OAAA,KAAA;AAEnD,QAAA,MAAM,EAAE,YAAA,EAAiB,GAAA,OAAA,CAAQ,CAAC,CAAE,CAAA,MAAA,CAAA;AACpC,QAAA,MAAM,eAAe,GAAI,CAAA,YAAA,CAAA;AACzB,QAAA,SAAA,CAAU,QAAQ,YAAe,GAAA,YAAA,CAAA;AAAA,OAClC,CAAA,CAAA;AACD,MAAA,IAAI,KAAO,EAAA;AACT,QAAA,cAAA,CAAe,QAAQ,SAAS,CAAA,CAAA;AAAA,OAC3B,MAAA;AACL,QAAA,cAAA,CAAe,UAAU,SAAS,CAAA,CAAA;AAAA,OACpC;AAAA,KACF,CAAA;AAGA,IAAA,KAAA;AAAA,MACE,MAAM,KAAM,CAAA,IAAA;AAAA,MACZ,CAAO,GAAA,KAAA;AACL,QAAA,YAAA,CAAa,GAAG,CAAA,CAAA;AAAA,OAClB;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/operate-icon/index.d.ts CHANGED Viewed

@@ -83,6 +83,7 @@ export declare const LlOperateIcon: import("ll-plus/es/utils").SFCWithInstall<im
     operateIconClass: import("vue").ComputedRef<string>;
     marginButtonClass: (index: any, length: any) => "" | "margin-button-container";
     handleDropdownOpenChange: (open: boolean) => void;
+    handleDropdownParentClick: () => boolean;
     handleIconMouseenter: () => void;
     readonly LlIconBase: import("ll-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
         readonly iconType: {

package/es/components/operate-icon/src/operate-icon.vue.d.ts CHANGED Viewed

@@ -83,6 +83,7 @@ declare const _default: import("vue").DefineComponent<{
     operateIconClass: import("vue").ComputedRef<string>;
     marginButtonClass: (index: any, length: any) => "" | "margin-button-container";
     handleDropdownOpenChange: (open: boolean) => void;
+    handleDropdownParentClick: () => boolean;
     handleIconMouseenter: () => void;
     readonly LlIconBase: import("ll-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
         readonly iconType: {

package/es/components/operate-icon/src/operate-icon.vue2.mjs CHANGED Viewed

@@ -60,6 +60,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         emits("update:dropdownOpen", false);
       }
     };
+    const handleDropdownParentClick = () => dropdownOpen.value = false;
     const handleIconMouseenter = () => {
       dropdownOpen.value = true;
       emits("update:dropdownOpen", true);
@@ -124,7 +125,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                         return openBlock(), createBlock(
                           _component_a_menu_item,
                           {
-                            key: item.iconName
+                            key: item.iconName,
+                            onClick: handleDropdownParentClick
                           },
                           {
                             default: withCtx(() => [

package/es/components/operate-icon/src/operate-icon.vue2.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"operate-icon.vue2.mjs","sources":["../../../../../packages/components/operate-icon/src/operate-icon.vue"],"sourcesContent":["<template>\n <div :class=\"operateIconClass\">\n <!-- 显示的icon -->\n <ll-icon-base\n v-for=\"(item, index) in showIconList\"\n v-bind=\"item\"\n :key=\"item.iconName\"\n :data=\"data\"\n :class=\"bem.e(marginButtonClass(index, showIconList.length - 1))\"\n />\n <!-- 下拉提示的icon -->\n <a-dropdown\n v-if=\"showDropdown && modalIconList.length\"\n :overlay-class-name=\"bem.e('dropdown')\"\n :open=\"dropdownOpen\"\n @open-change=\"handleDropdownOpenChange\"\n >\n <div\n :class=\"bem.e('dropdown-container')\"\n @mouseenter=\"handleIconMouseenter\"\n >\n <ll-icon-base\n :is-show-tooltip=\"false\"\n :is-show-container=\"showIconList[0].isShowContainer\"\n :icon-type=\"showIconList[0].iconType\"\n :data=\"data\"\n icon-name=\"icon-more\"\n :class=\"bem.e('icon-more')\"\n />\n </div>\n <template #overlay>\n <a-menu>\n <slot>\n <a-menu-item v-for=\"item in modalIconList\" :key=\"item.iconName\">\n <ll-icon-base v-bind=\"item\" :data=\"data\" />\n </a-menu-item>\n </slot>\n </a-menu>\n </template>\n </a-dropdown>\n </div>\n</template>\n<script lang=\"ts\" setup>\nimport { ref, computed, watch } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\n\nimport { IconBaseProps, LlIconBase } from '@ll-plus/components'\nimport { operateIconProps, operateIconEmits } from './operate-icon'\n\n// 1.defineOptions\ndefineOptions({\n name: 'LlOperateIcon'\n})\n\n// 2.props/emits\nconst props = defineProps(operateIconProps)\nconst emits = defineEmits(operateIconEmits)\n\n// 3.ref/const\nconst showIconList = ref<IconBaseProps[]>([]) // 显示的icon列表\nconst modalIconList = ref<IconBaseProps[]>([]) // 弹窗的icon列表\nconst dropdownOpen = ref(false) // 下拉菜单的open\nconst defualtList = ref([\n // 默认的icon列表\n {\n iconType: computed(() => props.iconType \|\| 'primary'), // default默认为灰色\n isShowContainer: false, // 是否显示icon容器\n iconName: 'icon-edit',\n tooltipTitle: '编辑',\n disabled: props.disabled,\n onClick: (e: Event, data: any) => {\n emits('edit', e, data)\n }\n },\n {\n iconType: computed(() => props.iconType \|\| 'primary'), // default默认为灰色\n isShowContainer: false, // 是否显示icon容器\n iconName: 'icon-delete',\n tooltipTitle: '删除',\n disabled: props.disabled,\n onClick: (e: Event, data: any) => {\n emits('delete', e, data)\n }\n }\n])\nconst bem = createNamespace('operate-icon')\nconst operateIconClass = computed(() => {\n const isHasDropdown = props.showDropdown && modalIconList.value.length\n return `${bem.b()} ${isHasDropdown ? bem.m('has-dropdown') : ''}`\n})\n\n// 4.methods\nconst marginButtonClass = (index, length) => {\n return index < length ? 'margin-button-container' : ''\n}\n// 下拉菜单open\nconst handleDropdownOpenChange = (open: boolean) => {\n if (!open) {\n dropdownOpen.value = false\n emits('update:dropdownOpen', false)\n }\n}\n// icon鼠标悬浮\nconst handleIconMouseenter = () => {\n dropdownOpen.value = true\n emits('update:dropdownOpen', true)\n}\n\n// 5.watch\nwatch(\n () => [props.list, props.showDropdown],\n (data: any) => {\n const [newList, showDropdown] = data\n const list = newList ? newList : defualtList.value\n const length = list.length\n if (length >= props.showIconLimit && showDropdown) {\n showIconList.value = list.slice(\n 0,\n props.showIconLimit - 1\n ) as IconBaseProps[]\n // 默认modal里面要icon后面跟文字\n modalIconList.value = list\n .slice(props.showIconLimit - 1)\n .map((item: any) => ({ ...item, isShowTitle: true }))\n } else {\n showIconList.value = list as IconBaseProps[]\n }\n },\n { immediate: true, deep: true }\n)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;~~AAwDA~~,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAGd,IAAM,MAAA,YAAA,GAAe,GAAqB,CAAA,EAAE,CAAA,CAAA;AAC5C,IAAM,MAAA,aAAA,GAAgB,GAAqB,CAAA,EAAE,CAAA,CAAA;AAC7C,IAAM,MAAA,YAAA,GAAe,IAAI,KAAK,CAAA,CAAA;AAC9B,IAAA,MAAM,cAAc,GAAI,CAAA;AAAA;AAAA,MAEtB;AAAA,QACE,QAAU,EAAA,QAAA,CAAS,MAAM,KAAA,CAAM,YAAY,SAAS,CAAA;AAAA;AAAA,QACpD,eAAiB,EAAA,KAAA;AAAA;AAAA,QACjB,QAAU,EAAA,WAAA;AAAA,QACV,YAAc,EAAA,cAAA;AAAA,QACd,UAAU,KAAM,CAAA,QAAA;AAAA,QAChB,OAAA,EAAS,CAAC,CAAA,EAAU,IAAc,KAAA;AAChC,UAAM,KAAA,CAAA,MAAA,EAAQ,GAAG,IAAI,CAAA,CAAA;AAAA,SACvB;AAAA,OACF;AAAA,MACA;AAAA,QACE,QAAU,EAAA,QAAA,CAAS,MAAM,KAAA,CAAM,YAAY,SAAS,CAAA;AAAA;AAAA,QACpD,eAAiB,EAAA,KAAA;AAAA;AAAA,QACjB,QAAU,EAAA,aAAA;AAAA,QACV,YAAc,EAAA,cAAA;AAAA,QACd,UAAU,KAAM,CAAA,QAAA;AAAA,QAChB,OAAA,EAAS,CAAC,CAAA,EAAU,IAAc,KAAA;AAChC,UAAM,KAAA,CAAA,QAAA,EAAU,GAAG,IAAI,CAAA,CAAA;AAAA,SACzB;AAAA,OACF;AAAA,KACD,CAAA,CAAA;AACD,IAAM,MAAA,GAAA,GAAM,gBAAgB,cAAc,CAAA,CAAA;AAC1C,IAAM,MAAA,gBAAA,GAAmB,SAAS,MAAM;AACtC,MAAA,MAAM,aAAgB,GAAA,KAAA,CAAM,YAAgB,IAAA,aAAA,CAAc,KAAM,CAAA,MAAA,CAAA;AAChE,MAAO,OAAA,CAAA,EAAG,GAAI,CAAA,CAAA,EAAG,CAAA,CAAA,EAAI,gBAAgB,GAAI,CAAA,CAAA,CAAE,cAAc,CAAA,GAAI,EAAE,CAAA,CAAA,CAAA;AAAA,KAChE,CAAA,CAAA;AAGD,IAAM,MAAA,iBAAA,GAAoB,CAAC,KAAA,EAAO,MAAW,KAAA;AAC3C,MAAO,OAAA,KAAA,GAAQ,SAAS,yBAA4B,GAAA,EAAA,CAAA;AAAA,KACtD,CAAA;AAEA,IAAM,MAAA,wBAAA,GAA2B,CAAC,IAAkB,KAAA;AAClD,MAAA,IAAI,CAAC,IAAM,EAAA;AACT,QAAA,YAAA,CAAa,KAAQ,GAAA,KAAA,CAAA;AACrB,QAAA,KAAA,CAAM,uBAAuB,KAAK,CAAA,CAAA;AAAA,OACpC;AAAA,KACF,CAAA;~~AAEA~~,IAAA,MAAM,uBAAuB,MAAM;AACjC,MAAA,YAAA,CAAa,KAAQ,GAAA,IAAA,CAAA;AACrB,MAAA,KAAA,CAAM,uBAAuB,IAAI,CAAA,CAAA;AAAA,KACnC,CAAA;AAGA,IAAA,KAAA;AAAA,MACE,MAAM,CAAC,KAAM,CAAA,IAAA,EAAM,MAAM,YAAY,CAAA;AAAA,MACrC,CAAC,IAAc,KAAA;AACb,QAAM,MAAA,CAAC,OAAS,EAAA,YAAY,CAAI,GAAA,IAAA,CAAA;AAChC,QAAM,MAAA,IAAA,GAAO,OAAU,GAAA,OAAA,GAAU,WAAY,CAAA,KAAA,CAAA;AAC7C,QAAA,MAAM,SAAS,IAAK,CAAA,MAAA,CAAA;AACpB,QAAI,IAAA,MAAA,IAAU,KAAM,CAAA,aAAA,IAAiB,YAAc,EAAA;AACjD,UAAA,YAAA,CAAa,QAAQ,IAAK,CAAA,KAAA;AAAA,YACxB,CAAA;AAAA,YACA,MAAM,aAAgB,GAAA,CAAA;AAAA,WACxB,CAAA;AAEA,UAAA,aAAA,CAAc,KAAQ,GAAA,IAAA,CACnB,KAAM,CAAA,KAAA,CAAM,gBAAgB,CAAC,CAAA,CAC7B,GAAI,CAAA,CAAC,UAAe,EAAE,GAAG,IAAM,EAAA,WAAA,EAAa,MAAO,CAAA,CAAA,CAAA;AAAA,SACjD,MAAA;AACL,UAAA,YAAA,CAAa,KAAQ,GAAA,IAAA,CAAA;AAAA,SACvB;AAAA,OACF;AAAA,MACA,EAAE,SAAA,EAAW,IAAM,EAAA,IAAA,EAAM,IAAK,EAAA;AAAA,KAChC,CAAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"operate-icon.vue2.mjs","sources":["../../../../../packages/components/operate-icon/src/operate-icon.vue"],"sourcesContent":["<template>\n <div :class=\"operateIconClass\">\n <!-- 显示的icon -->\n <ll-icon-base\n v-for=\"(item, index) in showIconList\"\n v-bind=\"item\"\n :key=\"item.iconName\"\n :data=\"data\"\n :class=\"bem.e(marginButtonClass(index, showIconList.length - 1))\"\n />\n <!-- 下拉提示的icon -->\n <a-dropdown\n v-if=\"showDropdown && modalIconList.length\"\n :overlay-class-name=\"bem.e('dropdown')\"\n :open=\"dropdownOpen\"\n @open-change=\"handleDropdownOpenChange\"\n >\n <div\n :class=\"bem.e('dropdown-container')\"\n @mouseenter=\"handleIconMouseenter\"\n >\n <ll-icon-base\n :is-show-tooltip=\"false\"\n :is-show-container=\"showIconList[0].isShowContainer\"\n :icon-type=\"showIconList[0].iconType\"\n :data=\"data\"\n icon-name=\"icon-more\"\n :class=\"bem.e('icon-more')\"\n />\n </div>\n <template #overlay>\n <a-menu>\n <slot>\n <a-menu-item\n v-for=\"item in modalIconList\"\n :key=\"item.iconName\"\n @click=\"handleDropdownParentClick\"\n >\n <ll-icon-base v-bind=\"item\" :data=\"data\" />\n </a-menu-item>\n </slot>\n </a-menu>\n </template>\n </a-dropdown>\n </div>\n</template>\n<script lang=\"ts\" setup>\nimport { ref, computed, watch } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\n\nimport { IconBaseProps, LlIconBase } from '@ll-plus/components'\nimport { operateIconProps, operateIconEmits } from './operate-icon'\n\n// 1.defineOptions\ndefineOptions({\n name: 'LlOperateIcon'\n})\n\n// 2.props/emits\nconst props = defineProps(operateIconProps)\nconst emits = defineEmits(operateIconEmits)\n\n// 3.ref/const\nconst showIconList = ref<IconBaseProps[]>([]) // 显示的icon列表\nconst modalIconList = ref<IconBaseProps[]>([]) // 弹窗的icon列表\nconst dropdownOpen = ref(false) // 下拉菜单的open\nconst defualtList = ref([\n // 默认的icon列表\n {\n iconType: computed(() => props.iconType \|\| 'primary'), // default默认为灰色\n isShowContainer: false, // 是否显示icon容器\n iconName: 'icon-edit',\n tooltipTitle: '编辑',\n disabled: props.disabled,\n onClick: (e: Event, data: any) => {\n emits('edit', e, data)\n }\n },\n {\n iconType: computed(() => props.iconType \|\| 'primary'), // default默认为灰色\n isShowContainer: false, // 是否显示icon容器\n iconName: 'icon-delete',\n tooltipTitle: '删除',\n disabled: props.disabled,\n onClick: (e: Event, data: any) => {\n emits('delete', e, data)\n }\n }\n])\nconst bem = createNamespace('operate-icon')\nconst operateIconClass = computed(() => {\n const isHasDropdown = props.showDropdown && modalIconList.value.length\n return `${bem.b()} ${isHasDropdown ? bem.m('has-dropdown') : ''}`\n})\n\n// 4.methods\nconst marginButtonClass = (index, length) => {\n return index < length ? 'margin-button-container' : ''\n}\n// 下拉菜单open\nconst handleDropdownOpenChange = (open: boolean) => {\n if (!open) {\n dropdownOpen.value = false\n emits('update:dropdownOpen', false)\n }\n}\nconst handleDropdownParentClick = () => (dropdownOpen.value = false)\n// icon鼠标悬浮\nconst handleIconMouseenter = () => {\n dropdownOpen.value = true\n emits('update:dropdownOpen', true)\n}\n\n// 5.watch\nwatch(\n () => [props.list, props.showDropdown],\n (data: any) => {\n const [newList, showDropdown] = data\n const list = newList ? newList : defualtList.value\n const length = list.length\n if (length >= props.showIconLimit && showDropdown) {\n showIconList.value = list.slice(\n 0,\n props.showIconLimit - 1\n ) as IconBaseProps[]\n // 默认modal里面要icon后面跟文字\n modalIconList.value = list\n .slice(props.showIconLimit - 1)\n .map((item: any) => ({ ...item, isShowTitle: true }))\n } else {\n showIconList.value = list as IconBaseProps[]\n }\n },\n { immediate: true, deep: true }\n)\n</script>\n"],"names":[],"mappings":"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"}