ll-plus 2.0.11 → 2.0.13

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

@@ -48,6 +48,475 @@ declare const _default: import("vue").DefineComponent<{
     handleCancel: () => void;
     handleConfirm: () => void;
     handleResize: () => Promise<void>;
+    readonly Drawer: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+            autofocus: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            closable: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            closeIcon: import("vue-types").VueTypeValidableDef<any>;
+            destroyOnClose: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            forceRender: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            getContainer: {
+                type: import("vue").PropType<string | false | HTMLElement | (() => HTMLElement)>;
+                default: string | false | HTMLElement | (() => HTMLElement);
+            };
+            maskClosable: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            mask: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            maskStyle: {
+                type: import("vue").PropType<import("vue").CSSProperties>;
+                default: import("vue").CSSProperties;
+            };
+            rootClassName: StringConstructor;
+            rootStyle: {
+                type: import("vue").PropType<import("vue").CSSProperties>;
+                default: import("vue").CSSProperties;
+            };
+            size: {
+                type: import("vue").PropType<"default" | "large">;
+            };
+            drawerStyle: {
+                type: import("vue").PropType<import("vue").CSSProperties>;
+                default: import("vue").CSSProperties;
+            };
+            headerStyle: {
+                type: import("vue").PropType<import("vue").CSSProperties>;
+                default: import("vue").CSSProperties;
+            };
+            bodyStyle: {
+                type: import("vue").PropType<import("vue").CSSProperties>;
+                default: import("vue").CSSProperties;
+            };
+            contentWrapperStyle: {
+                type: import("vue").PropType<import("vue").CSSProperties>;
+                default: import("vue").CSSProperties;
+            };
+            title: import("vue-types").VueTypeValidableDef<any>;
+            visible: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            open: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            width: import("vue-types").VueTypeDef<string | number>;
+            height: import("vue-types").VueTypeDef<string | number>;
+            zIndex: NumberConstructor;
+            prefixCls: StringConstructor;
+            push: import("vue-types").VueTypeDef<boolean | import("ant-design-vue/es/drawer").PushState>;
+            placement: import("vue-types").VueTypeDef<"left" | "right" | "top" | "bottom">;
+            keyboard: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            extra: import("vue-types").VueTypeValidableDef<any>;
+            footer: import("vue-types").VueTypeValidableDef<any>;
+            footerStyle: {
+                type: import("vue").PropType<import("vue").CSSProperties>;
+                default: import("vue").CSSProperties;
+            };
+            level: import("vue-types").VueTypeValidableDef<any>;
+            levelMove: {
+                type: import("vue").PropType<(number | [number, number]) | ((e: {
+                    target: HTMLElement;
+                    open: boolean;
+                }) => number | [number, number])>;
+            };
+            handle: import("vue-types").VueTypeValidableDef<any>;
+            afterVisibleChange: import("vue").PropType<(visible: boolean) => void>;
+            onAfterVisibleChange: import("vue").PropType<(visible: boolean) => void>;
+            onAfterOpenChange: import("vue").PropType<(open: boolean) => void>;
+            'onUpdate:visible': import("vue").PropType<(visible: boolean) => void>;
+            'onUpdate:open': import("vue").PropType<(open: boolean) => void>;
+            onClose: import("vue").PropType<import("ant-design-vue/es/_util/EventInterface").KeyboardEventHandler | import("ant-design-vue/es/_util/EventInterface").MouseEventHandler>;
+        }>>, () => import("ant-design-vue/es/_util/type").VueNode, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            autofocus: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            closable: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            closeIcon: import("vue-types").VueTypeValidableDef<any>;
+            destroyOnClose: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            forceRender: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            getContainer: {
+                type: import("vue").PropType<string | false | HTMLElement | (() => HTMLElement)>;
+                default: string | false | HTMLElement | (() => HTMLElement);
+            };
+            maskClosable: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            mask: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            maskStyle: {
+                type: import("vue").PropType<import("vue").CSSProperties>;
+                default: import("vue").CSSProperties;
+            };
+            rootClassName: StringConstructor;
+            rootStyle: {
+                type: import("vue").PropType<import("vue").CSSProperties>;
+                default: import("vue").CSSProperties;
+            };
+            size: {
+                type: import("vue").PropType<"default" | "large">;
+            };
+            drawerStyle: {
+                type: import("vue").PropType<import("vue").CSSProperties>;
+                default: import("vue").CSSProperties;
+            };
+            headerStyle: {
+                type: import("vue").PropType<import("vue").CSSProperties>;
+                default: import("vue").CSSProperties;
+            };
+            bodyStyle: {
+                type: import("vue").PropType<import("vue").CSSProperties>;
+                default: import("vue").CSSProperties;
+            };
+            contentWrapperStyle: {
+                type: import("vue").PropType<import("vue").CSSProperties>;
+                default: import("vue").CSSProperties;
+            };
+            title: import("vue-types").VueTypeValidableDef<any>;
+            visible: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            open: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            width: import("vue-types").VueTypeDef<string | number>;
+            height: import("vue-types").VueTypeDef<string | number>;
+            zIndex: NumberConstructor;
+            prefixCls: StringConstructor;
+            push: import("vue-types").VueTypeDef<boolean | import("ant-design-vue/es/drawer").PushState>;
+            placement: import("vue-types").VueTypeDef<"left" | "right" | "top" | "bottom">;
+            keyboard: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            extra: import("vue-types").VueTypeValidableDef<any>;
+            footer: import("vue-types").VueTypeValidableDef<any>;
+            footerStyle: {
+                type: import("vue").PropType<import("vue").CSSProperties>;
+                default: import("vue").CSSProperties;
+            };
+            level: import("vue-types").VueTypeValidableDef<any>;
+            levelMove: {
+                type: import("vue").PropType<(number | [number, number]) | ((e: {
+                    target: HTMLElement;
+                    open: boolean;
+                }) => number | [number, number])>;
+            };
+            handle: import("vue-types").VueTypeValidableDef<any>;
+            afterVisibleChange: import("vue").PropType<(visible: boolean) => void>;
+            onAfterVisibleChange: import("vue").PropType<(visible: boolean) => void>;
+            onAfterOpenChange: import("vue").PropType<(open: boolean) => void>;
+            'onUpdate:visible': import("vue").PropType<(visible: boolean) => void>;
+            'onUpdate:open': import("vue").PropType<(open: boolean) => void>;
+            onClose: import("vue").PropType<import("ant-design-vue/es/_util/EventInterface").KeyboardEventHandler | import("ant-design-vue/es/_util/EventInterface").MouseEventHandler>;
+        }>>, {
+            mask: boolean;
+            open: boolean;
+            visible: boolean;
+            autofocus: boolean;
+            getContainer: string | false | HTMLElement | (() => HTMLElement);
+            forceRender: boolean;
+            maskClosable: boolean;
+            rootStyle: import("vue").CSSProperties;
+            keyboard: boolean;
+            closable: boolean;
+            bodyStyle: import("vue").CSSProperties;
+            maskStyle: import("vue").CSSProperties;
+            contentWrapperStyle: import("vue").CSSProperties;
+            destroyOnClose: boolean;
+            drawerStyle: import("vue").CSSProperties;
+            headerStyle: import("vue").CSSProperties;
+            footerStyle: import("vue").CSSProperties;
+        }, true, {}, import("ant-design-vue/es/_util/type").CustomSlotsType<{
+            closeIcon: any;
+            title: any;
+            extra: any;
+            footer: any;
+            handle: any;
+            default: any;
+        }>, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{
+            autofocus: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            closable: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            closeIcon: import("vue-types").VueTypeValidableDef<any>;
+            destroyOnClose: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            forceRender: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            getContainer: {
+                type: import("vue").PropType<string | false | HTMLElement | (() => HTMLElement)>;
+                default: string | false | HTMLElement | (() => HTMLElement);
+            };
+            maskClosable: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            mask: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            maskStyle: {
+                type: import("vue").PropType<import("vue").CSSProperties>;
+                default: import("vue").CSSProperties;
+            };
+            rootClassName: StringConstructor;
+            rootStyle: {
+                type: import("vue").PropType<import("vue").CSSProperties>;
+                default: import("vue").CSSProperties;
+            };
+            size: {
+                type: import("vue").PropType<"default" | "large">;
+            };
+            drawerStyle: {
+                type: import("vue").PropType<import("vue").CSSProperties>;
+                default: import("vue").CSSProperties;
+            };
+            headerStyle: {
+                type: import("vue").PropType<import("vue").CSSProperties>;
+                default: import("vue").CSSProperties;
+            };
+            bodyStyle: {
+                type: import("vue").PropType<import("vue").CSSProperties>;
+                default: import("vue").CSSProperties;
+            };
+            contentWrapperStyle: {
+                type: import("vue").PropType<import("vue").CSSProperties>;
+                default: import("vue").CSSProperties;
+            };
+            title: import("vue-types").VueTypeValidableDef<any>;
+            visible: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            open: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            width: import("vue-types").VueTypeDef<string | number>;
+            height: import("vue-types").VueTypeDef<string | number>;
+            zIndex: NumberConstructor;
+            prefixCls: StringConstructor;
+            push: import("vue-types").VueTypeDef<boolean | import("ant-design-vue/es/drawer").PushState>;
+            placement: import("vue-types").VueTypeDef<"left" | "right" | "top" | "bottom">;
+            keyboard: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            extra: import("vue-types").VueTypeValidableDef<any>;
+            footer: import("vue-types").VueTypeValidableDef<any>;
+            footerStyle: {
+                type: import("vue").PropType<import("vue").CSSProperties>;
+                default: import("vue").CSSProperties;
+            };
+            level: import("vue-types").VueTypeValidableDef<any>;
+            levelMove: {
+                type: import("vue").PropType<(number | [number, number]) | ((e: {
+                    target: HTMLElement;
+                    open: boolean;
+                }) => number | [number, number])>;
+            };
+            handle: import("vue-types").VueTypeValidableDef<any>;
+            afterVisibleChange: import("vue").PropType<(visible: boolean) => void>;
+            onAfterVisibleChange: import("vue").PropType<(visible: boolean) => void>;
+            onAfterOpenChange: import("vue").PropType<(open: boolean) => void>;
+            'onUpdate:visible': import("vue").PropType<(visible: boolean) => void>;
+            'onUpdate:open': import("vue").PropType<(open: boolean) => void>;
+            onClose: import("vue").PropType<import("ant-design-vue/es/_util/EventInterface").KeyboardEventHandler | import("ant-design-vue/es/_util/EventInterface").MouseEventHandler>;
+        }>>, () => import("ant-design-vue/es/_util/type").VueNode, {}, {}, {}, {
+            mask: boolean;
+            open: boolean;
+            visible: boolean;
+            autofocus: boolean;
+            getContainer: string | false | HTMLElement | (() => HTMLElement);
+            forceRender: boolean;
+            maskClosable: boolean;
+            rootStyle: import("vue").CSSProperties;
+            keyboard: boolean;
+            closable: boolean;
+            bodyStyle: import("vue").CSSProperties;
+            maskStyle: import("vue").CSSProperties;
+            contentWrapperStyle: import("vue").CSSProperties;
+            destroyOnClose: boolean;
+            drawerStyle: import("vue").CSSProperties;
+            headerStyle: import("vue").CSSProperties;
+            footerStyle: import("vue").CSSProperties;
+        }>;
+        __isFragment?: undefined;
+        __isTeleport?: undefined;
+        __isSuspense?: undefined;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        autofocus: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        closable: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        closeIcon: import("vue-types").VueTypeValidableDef<any>;
+        destroyOnClose: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        forceRender: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        getContainer: {
+            type: import("vue").PropType<string | false | HTMLElement | (() => HTMLElement)>;
+            default: string | false | HTMLElement | (() => HTMLElement);
+        };
+        maskClosable: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        mask: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        maskStyle: {
+            type: import("vue").PropType<import("vue").CSSProperties>;
+            default: import("vue").CSSProperties;
+        };
+        rootClassName: StringConstructor;
+        rootStyle: {
+            type: import("vue").PropType<import("vue").CSSProperties>;
+            default: import("vue").CSSProperties;
+        };
+        size: {
+            type: import("vue").PropType<"default" | "large">;
+        };
+        drawerStyle: {
+            type: import("vue").PropType<import("vue").CSSProperties>;
+            default: import("vue").CSSProperties;
+        };
+        headerStyle: {
+            type: import("vue").PropType<import("vue").CSSProperties>;
+            default: import("vue").CSSProperties;
+        };
+        bodyStyle: {
+            type: import("vue").PropType<import("vue").CSSProperties>;
+            default: import("vue").CSSProperties;
+        };
+        contentWrapperStyle: {
+            type: import("vue").PropType<import("vue").CSSProperties>;
+            default: import("vue").CSSProperties;
+        };
+        title: import("vue-types").VueTypeValidableDef<any>;
+        visible: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        open: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        width: import("vue-types").VueTypeDef<string | number>;
+        height: import("vue-types").VueTypeDef<string | number>;
+        zIndex: NumberConstructor;
+        prefixCls: StringConstructor;
+        push: import("vue-types").VueTypeDef<boolean | import("ant-design-vue/es/drawer").PushState>;
+        placement: import("vue-types").VueTypeDef<"left" | "right" | "top" | "bottom">;
+        keyboard: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        extra: import("vue-types").VueTypeValidableDef<any>;
+        footer: import("vue-types").VueTypeValidableDef<any>;
+        footerStyle: {
+            type: import("vue").PropType<import("vue").CSSProperties>;
+            default: import("vue").CSSProperties;
+        };
+        level: import("vue-types").VueTypeValidableDef<any>;
+        levelMove: {
+            type: import("vue").PropType<(number | [number, number]) | ((e: {
+                target: HTMLElement;
+                open: boolean;
+            }) => number | [number, number])>;
+        };
+        handle: import("vue-types").VueTypeValidableDef<any>;
+        afterVisibleChange: import("vue").PropType<(visible: boolean) => void>;
+        onAfterVisibleChange: import("vue").PropType<(visible: boolean) => void>;
+        onAfterOpenChange: import("vue").PropType<(open: boolean) => void>;
+        'onUpdate:visible': import("vue").PropType<(visible: boolean) => void>;
+        'onUpdate:open': import("vue").PropType<(open: boolean) => void>;
+        onClose: import("vue").PropType<import("ant-design-vue/es/_util/EventInterface").KeyboardEventHandler | import("ant-design-vue/es/_util/EventInterface").MouseEventHandler>;
+    }>>, () => import("ant-design-vue/es/_util/type").VueNode, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        mask: boolean;
+        open: boolean;
+        visible: boolean;
+        autofocus: boolean;
+        getContainer: string | false | HTMLElement | (() => HTMLElement);
+        forceRender: boolean;
+        maskClosable: boolean;
+        rootStyle: import("vue").CSSProperties;
+        keyboard: boolean;
+        closable: boolean;
+        bodyStyle: import("vue").CSSProperties;
+        maskStyle: import("vue").CSSProperties;
+        contentWrapperStyle: import("vue").CSSProperties;
+        destroyOnClose: boolean;
+        drawerStyle: import("vue").CSSProperties;
+        headerStyle: import("vue").CSSProperties;
+        footerStyle: import("vue").CSSProperties;
+    }, {}, string, import("ant-design-vue/es/_util/type").CustomSlotsType<{
+        closeIcon: any;
+        title: any;
+        extra: any;
+        footer: any;
+        handle: any;
+        default: any;
+    }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "confirm" | "cancel" | "update:open")[], "close" | "confirm" | "cancel" | "update:open", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly open: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly title: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "新增", boolean>;

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

@@ -1,4 +1,5 @@
-import { defineComponent, useAttrs, ref, computed, nextTick, watch, resolveComponent, openBlock, createBlock, mergeProps, unref, 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, normalizeStyle, createElementBlock, createCommentVNode, createVNode } from 'vue';
+import { Drawer } from 'ant-design-vue';
 import '../../../utils/index.mjs';
 import { omit, throttle } from 'lodash-es';
 import { drawerProps } from './drawer.mjs';
@@ -56,8 +57,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     );
     return (_ctx, _cache) => {
       const _component_ll_button = resolveComponent("ll-button");
-      const _component_a_drawer = resolveComponent("a-drawer");
-      return openBlock(), createBlock(_component_a_drawer, mergeProps(getBindValue.value, {
+      return openBlock(), createBlock(unref(Drawer), mergeProps(getBindValue.value, {
         title: props.title,
         open: props.open,
         "root-class-name": unref(bem).b(),
@@ -121,25 +121,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                             class: normalizeClass(unref(bem).m("cancel")),
                             label: props.cancelText,
                             onClick: handleCancel
-                          }, {
-                            default: withCtx(() => [
-                              createCommentVNode(" {{ props.cancelText }} ")
-                            ]),
-                            _: 1
-                            /* STABLE */
-                          }, 8, ["class", "label"])) : createCommentVNode("v-if", true),
+                          }, null, 8, ["class", "label"])) : createCommentVNode("v-if", true),
                           createVNode(_component_ll_button, {
                             type: "primary",
                             loading: props.loading,
                             label: props.confirmText,
                             onClick: handleConfirm
-                          }, {
-                            default: withCtx(() => [
-                              createCommentVNode(" {{ props.confirmText }} ")
-                            ]),
-                            _: 1
-                            /* STABLE */
-                          }, 8, ["loading", "label"])
+                          }, null, 8, ["loading", "label"])
                         ])
                       ],
                       2

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  <a-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                <!-- {{ props.cancelText }} -->\n              </ll-button>\n              <ll-button\n                type=\"primary\"\n                :loading=\"props.loading\"\n                :label=\"props.confirmText\"\n                @click=\"handleConfirm\"\n              >\n                <!-- {{ props.confirmText }} -->\n              </ll-button>\n            </slot>\n          </div>\n        </slot>\n      </div>\n    </div>\n  </a-drawer>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, nextTick, useAttrs } from 'vue'\nimport { createNamespace } from '@ll-plus/utils'\nimport { throttle, omit } from 'lodash-es'\nimport { drawerProps } from './drawer'\nimport { drawerOptions } from './config'\n\ndefineOptions({ name: 'LlDrawer' })\n\nconst props = defineProps(drawerProps)\n\nconst emits = defineEmits(['confirm', 'cancel', 'close', 'update:open'])\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":";;;;;;;;;;;;;;;AAiEA,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 } from './drawer'\nimport { drawerOptions } from './config'\n\ndefineOptions({ name: 'LlDrawer' })\n\nconst props = defineProps(drawerProps)\n\nconst emits = defineEmits(['confirm', 'cancel', 'close', 'update:open'])\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":";;;;;;;;;;;;;;;;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,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}