ll-plus 2.5.2 → 2.5.4

package/index.full.mjs

@@ -1,6 +1,6 @@
 import require$$0, { warn, defineComponent, ref, computed, watch, resolveComponent, openBlock, createBlock, normalizeClass, unref, withCtx, createVNode, createElementVNode, mergeProps, createElementBlock, createTextVNode, createCommentVNode, watchEffect, Fragment, renderList, toDisplayString, withModifiers, inject, useAttrs, withDirectives, vShow, normalizeStyle, provide, normalizeProps, guardReactiveProps, renderSlot, onUnmounted, createSlots, onBeforeUnmount, onMounted, createApp, nextTick, reactive, resolveDynamicComponent, markRaw, getCurrentInstance, h, shallowRef, isRef, toRef, toRefs } from 'vue';
 export { isVNode } from 'vue';
-import { Form as Form$1, Button as Button$1, Cascader as Cascader$1, Checkbox as Checkbox$1, Row, Col, Upload, DatePicker as DatePicker$1, RangePicker, theme, Drawer as Drawer$2, InputNumber as InputNumber$1, RadioGroup as RadioGroup$1, Radio as Radio$1, CheckboxGroup as CheckboxGroup$1, Select as Select$1, Tabs, TabPane, InputSearch, FormItem as FormItem$1, Input as Input$1, Modal as Modal$2, RadioButton as RadioButton$1, Segmented as Segmented$1, SelectOption as SelectOption$1, SelectOptGroup as SelectOptGroup$1, Steps as Steps$1, Switch as Switch$1, Popover, Textarea as Textarea$1, TimePicker as TimePicker$1, TimeRangePicker, Tree as Tree$1, message } from 'ant-design-vue';
+import { Form as Form$1, Drawer as Drawer$2, Button as Button$1, Cascader as Cascader$1, Checkbox as Checkbox$1, Row, Col, Upload, DatePicker as DatePicker$1, RangePicker, theme, InputNumber as InputNumber$1, RadioGroup as RadioGroup$1, Radio as Radio$1, CheckboxGroup as CheckboxGroup$1, Select as Select$1, Tabs, TabPane, InputSearch, FormItem as FormItem$1, Input as Input$1, Modal as Modal$2, RadioButton as RadioButton$1, Segmented as Segmented$1, SelectOption as SelectOption$1, SelectOptGroup as SelectOptGroup$1, Steps as Steps$1, Switch as Switch$1, Popover, Textarea as Textarea$1, TimePicker as TimePicker$1, TimeRangePicker, Tree as Tree$1, message } from 'ant-design-vue';
 import * as monaco from 'monaco-editor';
 import require$$1$1 from 'fs';
 import { Editor, Viewer } from '@bytemd/vue-next';
@@ -5473,22 +5473,257 @@ function useScroll() {
   return { scrollRef, isHasScrollBar, scrollPosition };
 }
 
-const breadcrumbCardProps = buildProps({
-  // buildProps和defineprops一样
+const footerShadowPlacement = ["inner", "outer"];
+const newDrawerProps = buildProps({
+  /**
+   * @description 对话框外层容器的类名
+   */
+  rootClassName: {
+    type: String,
+    default: ""
+  },
+  /**
+   * @description 抽屉是否可见
+   */
+  open: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * @description 标题
+   */
+  title: {
+    type: String,
+    default: "\u65B0\u589E"
+  },
+  /**
+   * @description  确认/知道了按钮loading
+   */
+  confirmLoading: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * @description 取消按钮的配置信息
+   */
+  cancelButtonProps: {
+    type: definePropType(Object)
+  },
+  /**
+   * @description 确认按钮的配置信息
+   */
+  okButtonProps: {
+    type: definePropType(Object)
+  },
+  /**
+   * @description 确认按钮文字
+   */
+  confirmText: {
+    type: String,
+    default: "\u786E\u8BA4"
+  },
+  /**
+   * @description 取消按钮文字
+   */
+  cancelText: {
+    type: String,
+    default: "\u53D6\u6D88"
+  },
+  /**
+   * @description 显示底部
+   */
+  showFooter: {
+    type: Boolean,
+    default: true
+  },
   /**
-   * @description 容器内容的顶部的阴影 设置为false标记可能是外部其他元素滚动
+   * @description 滚动是否显示底部阴影
    */
-  isShowTopShadow: {
+  isShowFooterShadow: {
     type: Boolean,
     default: true
   },
   /**
-   * @description 容器内容底部的阴影
+   * @description 决定底部阴影的方向(外部和内部）,默认由内容区域来决定
+   */
+  footerShadowPlacement: {
+    type: String,
+    values: footerShadowPlacement,
+    default: "inner"
+  }
+});
+const newDrawerEmits = {
+  /**
+   * @description 点击取消时触发
+   */
+  cancel: () => true,
+  /**
+   * @description 点击确认时触发
+   */
+  confirm: () => true,
+  /**
+   * @description 抽屉关闭时触发
+   */
+  close: () => true,
+  "update:open": () => true
+};
+
+var _sfc_main$1e = /* @__PURE__ */ defineComponent({
+  ...{ name: "LlNewDrawer" },
+  __name: "drawer",
+  props: newDrawerProps,
+  emits: newDrawerEmits,
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const attrs = useAttrs();
+    const { scrollPosition, isHasScrollBar, scrollRef } = useScroll();
+    const getBindValue = computed(() => {
+      const result = {
+        ...omit({ ...attrs }, [...Object.keys(newDrawerProps), "rootClassName"])
+      };
+      if (!props.showFooter)
+        result.footer = null;
+      return result;
+    });
+    const isShowContentBottomBox = computed(() => {
+      if (props.footerShadowPlacement === "inner") {
+        return props.isShowFooterShadow && isHasScrollBar.value && scrollPosition.value !== "bottom";
+      } else {
+        return props.isShowFooterShadow;
+      }
+    });
+    const bem = createNamespace("new-drawer");
+    const handleClose = () => {
+      emits("close");
+      emits("update:open");
+    };
+    const handleCancel = () => {
+      emits("cancel");
+      emits("update:open");
+    };
+    const handleConfirm = () => {
+      emits("confirm");
+    };
+    return (_ctx, _cache) => {
+      const _component_ll_button = resolveComponent("ll-button");
+      return openBlock(), createBlock(unref(Drawer$2), mergeProps(getBindValue.value, {
+        title: _ctx.title,
+        open: _ctx.open,
+        "root-class-name": `${unref(bem).b()} ${_ctx.rootClassName}`,
+        onClose: handleClose
+      }), createSlots({
+        title: withCtx(() => [
+          renderSlot(_ctx.$slots, "title")
+        ]),
+        extra: withCtx(() => [
+          renderSlot(_ctx.$slots, "extra")
+        ]),
+        default: withCtx(() => [
+          createElementVNode(
+            "div",
+            {
+              class: normalizeClass([unref(bem).e("container")])
+            },
+            [
+              createCommentVNode(" \u5185\u5BB9\u533A\u57DF "),
+              createElementVNode(
+                "div",
+                {
+                  ref_key: "scrollRef",
+                  ref: scrollRef,
+                  class: normalizeClass([unref(bem).e("content")])
+                },
+                [
+                  renderSlot(_ctx.$slots, "default")
+                ],
+                2
+                /* CLASS */
+              )
+            ],
+            2
+            /* CLASS */
+          )
+        ]),
+        _: 2
+        /* DYNAMIC */
+      }, [
+        _ctx.showFooter ? {
+          name: "footer",
+          fn: withCtx(() => [
+            createElementVNode(
+              "div",
+              {
+                class: normalizeClass(`${unref(bem).e("footer")} ${isShowContentBottomBox.value ? unref(bem).e("footer-shadow") : ""}`)
+              },
+              [
+                renderSlot(_ctx.$slots, "footer", {}, () => [
+                  createElementVNode(
+                    "div",
+                    {
+                      class: normalizeClass(unref(bem).e("footer-left"))
+                    },
+                    [
+                      renderSlot(_ctx.$slots, "footer-left")
+                    ],
+                    2
+                    /* CLASS */
+                  ),
+                  createElementVNode(
+                    "div",
+                    {
+                      class: normalizeClass(unref(bem).e("footer-right"))
+                    },
+                    [
+                      renderSlot(_ctx.$slots, "footer-right", {}, () => [
+                        createVNode(_component_ll_button, mergeProps({
+                          class: unref(bem).m("cancel"),
+                          label: _ctx.cancelText
+                        }, _ctx.cancelButtonProps, { onClick: handleCancel }), null, 16, ["class", "label"]),
+                        createVNode(_component_ll_button, mergeProps({
+                          type: "primary",
+                          loading: _ctx.confirmLoading,
+                          label: _ctx.confirmText
+                        }, _ctx.okButtonProps, { onClick: handleConfirm }), null, 16, ["loading", "label"])
+                      ])
+                    ],
+                    2
+                    /* CLASS */
+                  )
+                ])
+              ],
+              2
+              /* CLASS */
+            )
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["title", "open", "root-class-name"]);
+    };
+  }
+});
+
+var Drawer$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["__file", "drawer.vue"]]);
+
+const LlNewDrawer = withInstall(Drawer$1);
+
+const breadcrumbCardProps = buildProps({
+  // buildProps和defineprops一样
+  /**
+   * @description 滚动是否显示底部阴影
    */
   isShowFooterShadow: {
     type: Boolean,
     default: true
   },
+  /**
+   * @description 决定底部阴影的方向(外部和内部）,默认由内容区域来决定
+   */
+  footerShadowPlacement: {
+    type: String,
+    values: footerShadowPlacement,
+    default: "inner"
+  },
   /**
    * @description 最外层的class
    */
@@ -5537,7 +5772,7 @@ const breadcrumbCardEmits = {
   // 关闭打开弹窗
 };
 
-var _sfc_main$1e = /* @__PURE__ */ defineComponent({
+var _sfc_main$1d = /* @__PURE__ */ defineComponent({
   ...{
     name: "LlBreadcrumbCard"
   },
@@ -5552,12 +5787,9 @@ var _sfc_main$1e = /* @__PURE__ */ defineComponent({
     const rootStyle = computed(() => {
       return { zIndex: props.zIndex };
     });
-    const isShowContentTopBox = computed(() => {
-      return props.isShowTopShadow && scrollPosition.value && isHasScrollBar.value && scrollPosition.value !== "top";
-    });
     const isShowContentBottomBox = computed(() => {
-      if (props.isShowTopShadow) {
-        return isHasScrollBar.value && scrollPosition.value !== "bottom";
+      if (props.footerShadowPlacement === "inner") {
+        return props.isShowFooterShadow && isHasScrollBar.value && scrollPosition.value !== "bottom";
       } else {
         return props.isShowFooterShadow;
       }
@@ -5652,18 +5884,6 @@ var _sfc_main$1e = /* @__PURE__ */ defineComponent({
                   class: `${unref(bem).e("content")}`
                 }, _ctx.$attrs),
                 [
-                  createCommentVNode(" \u5185\u5BB9\u533A\u57DF\u9876\u90E8\u7684\u76D2\u5B50\u7528\u4E8E\u6EDA\u52A8\u906E\u76D6/\u9634\u5F71 \u53EA\u6709\u6EDA\u52A8\u72B6\u6001\u4E0B\u624D\u6709\uFF0C\u6EDA\u52A8\u5230\u9876\u90E8\u9700\u8981 "),
-                  withDirectives(createElementVNode(
-                    "div",
-                    {
-                      class: normalizeClass(unref(bem).e("content-top-shadow"))
-                    },
-                    null,
-                    2
-                    /* CLASS */
-                  ), [
-                    [vShow, isShowContentTopBox.value]
-                  ]),
                   createCommentVNode(" \u5185\u5BB9\u6EDA\u52A8\u533A\u57DF "),
                   createElementVNode(
                     "div",
@@ -5707,7 +5927,7 @@ var _sfc_main$1e = /* @__PURE__ */ defineComponent({
   }
 });
 
-var BreadcrumbCard = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["__file", "breadcrumb-card.vue"]]);
+var BreadcrumbCard = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["__file", "breadcrumb-card.vue"]]);
 
 const LlBreadcrumbCard = withInstall(BreadcrumbCard);
 
@@ -5733,7 +5953,7 @@ const buttonProps = buildProps({
 });
 
 const _hoisted_1$i = { key: 0 };
-var _sfc_main$1d = /* @__PURE__ */ defineComponent({
+var _sfc_main$1c = /* @__PURE__ */ defineComponent({
   ...{ name: "LlButton" },
   __name: "button",
   props: buttonProps,
@@ -5792,11 +6012,11 @@ var _sfc_main$1d = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Button = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["__file", "button.vue"]]);
+var Button = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["__file", "button.vue"]]);
 
 const LlButton = withInstall(Button);
 
-var _sfc_main$1c = /* @__PURE__ */ defineComponent({
+var _sfc_main$1b = /* @__PURE__ */ defineComponent({
   ...{ name: "LlCascader" },
   __name: "cascader",
   setup(__props) {
@@ -5823,7 +6043,7 @@ var _sfc_main$1c = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["__file", "cascader.vue"]]);
+var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["__file", "cascader.vue"]]);
 
 const LlCascader = withInstall(Cascader);
 
@@ -5853,7 +6073,7 @@ const checkboxGroupProps = buildProps({
   }
 });
 
-var _sfc_main$1b = /* @__PURE__ */ defineComponent({
+var _sfc_main$1a = /* @__PURE__ */ defineComponent({
   ...{ name: "LlCheckbox" },
   __name: "checkbox",
   props: checkboxProps,
@@ -5905,9 +6125,9 @@ var _sfc_main$1b = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["__file", "checkbox.vue"]]);
+var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["__file", "checkbox.vue"]]);
 
-var _sfc_main$1a = /* @__PURE__ */ defineComponent({
+var _sfc_main$19 = /* @__PURE__ */ defineComponent({
   ...{ name: "LlCheckboxGroup" },
   __name: "checkbox-group",
   props: checkboxGroupProps,
@@ -5995,7 +6215,7 @@ var _sfc_main$1a = /* @__PURE__ */ defineComponent({
   }
 });
 
-var CheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["__file", "checkbox-group.vue"]]);
+var CheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["__file", "checkbox-group.vue"]]);
 
 const LlCheckbox = withInstall(Checkbox);
 const LlCheckboxGroup = withInstall(CheckboxGroup);
@@ -46913,7 +47133,7 @@ const codeThemeList = [
   }
 ];
 
-var _sfc_main$19 = /* @__PURE__ */ defineComponent({
+var _sfc_main$18 = /* @__PURE__ */ defineComponent({
   ...{ name: "LlCodeEditor" },
   __name: "code-editor",
   props: codeEditorProps,
@@ -47061,11 +47281,11 @@ var _sfc_main$19 = /* @__PURE__ */ defineComponent({
   }
 });
 
-var CodeEditor = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["__file", "code-editor.vue"]]);
+var CodeEditor = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["__file", "code-editor.vue"]]);
 
 const LlCodeEditor = withInstall(CodeEditor);
 
-var _sfc_main$18 = /* @__PURE__ */ defineComponent({
+var _sfc_main$17 = /* @__PURE__ */ defineComponent({
   ...{
     name: "LlConfigProvider"
   },
@@ -47088,7 +47308,7 @@ var _sfc_main$18 = /* @__PURE__ */ defineComponent({
   }
 });
 
-var ConfigProvider = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["__file", "config-provider.vue"]]);
+var ConfigProvider = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["__file", "config-provider.vue"]]);
 
 const LlConfigProvider = withInstall(ConfigProvider);
 
@@ -49971,7 +50191,7 @@ const cropperModalEmits = {
 };
 
 const _hoisted_1$h = ["src", "alt", "crossorigin"];
-var _sfc_main$17 = /* @__PURE__ */ defineComponent({
+var _sfc_main$16 = /* @__PURE__ */ defineComponent({
   ...{ name: "CropperImage" },
   __name: "cropper-image",
   props: cropperImageProps,
@@ -50097,10 +50317,10 @@ var _sfc_main$17 = /* @__PURE__ */ defineComponent({
   }
 });
 
-var CropperImage = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["__file", "cropper-image.vue"]]);
+var CropperImage = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["__file", "cropper-image.vue"]]);
 
 const _hoisted_1$g = ["src"];
-var _sfc_main$16 = /* @__PURE__ */ defineComponent({
+var _sfc_main$15 = /* @__PURE__ */ defineComponent({
   ...{ name: "LlCropperModal" },
   __name: "cropper-modal",
   props: cropperModalProps,
@@ -50484,12 +50704,12 @@ var _sfc_main$16 = /* @__PURE__ */ defineComponent({
   }
 });
 
-var CropperModal = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["__file", "cropper-modal.vue"]]);
+var CropperModal = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["__file", "cropper-modal.vue"]]);
 
 const LlCropperImage = withInstall(CropperImage);
 const LlCropperModal = withInstall(CropperModal);
 
-var _sfc_main$15 = /* @__PURE__ */ defineComponent({
+var _sfc_main$14 = /* @__PURE__ */ defineComponent({
   ...{ name: "LlDatePicker" },
   __name: "date-picker",
   setup(__props) {
@@ -50515,11 +50735,11 @@ var _sfc_main$15 = /* @__PURE__ */ defineComponent({
   }
 });
 
-var DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["__file", "date-picker.vue"]]);
+var DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__file", "date-picker.vue"]]);
 
 const LlDatePicker = withInstall(DatePicker);
 
-var _sfc_main$14 = /* @__PURE__ */ defineComponent({
+var _sfc_main$13 = /* @__PURE__ */ defineComponent({
   ...{ name: "LlDateRange" },
   __name: "date-range",
   setup(__props) {
@@ -50545,7 +50765,7 @@ var _sfc_main$14 = /* @__PURE__ */ defineComponent({
   }
 });
 
-var DateRange = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__file", "date-range.vue"]]);
+var DateRange = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["__file", "date-range.vue"]]);
 
 const LlDateRange = withInstall(DateRange);
 
@@ -50560,7 +50780,7 @@ const descriptionsProps = buildProps({
   }
 });
 
-var _sfc_main$13 = /* @__PURE__ */ defineComponent({
+var _sfc_main$12 = /* @__PURE__ */ defineComponent({
   ...{ name: "LlDescriptions" },
   __name: "descriptions",
   props: descriptionsProps,
@@ -50635,7 +50855,7 @@ var _sfc_main$13 = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Descriptions = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["__file", "descriptions.vue"]]);
+var Descriptions = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["__file", "descriptions.vue"]]);
 
 const LlDescriptions = withInstall(Descriptions);
 
@@ -50650,7 +50870,7 @@ const descriptionsItemProps = buildProps({
   }
 });
 
-var _sfc_main$12 = /* @__PURE__ */ defineComponent({
+var _sfc_main$11 = /* @__PURE__ */ defineComponent({
   ...{ name: "LlDescriptionsItem" },
   __name: "descriptions-item",
   props: descriptionsItemProps,
@@ -50680,7 +50900,7 @@ var _sfc_main$12 = /* @__PURE__ */ defineComponent({
   }
 });
 
-var DescriptionsItem = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["__file", "descriptions-item.vue"]]);
+var DescriptionsItem = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["__file", "descriptions-item.vue"]]);
 
 const LlDescriptionsItem = withInstall(DescriptionsItem);
 
@@ -50812,7 +51032,7 @@ const secondConfirmationProps = buildProps({
   onCancel: Function
 });
 
-var _sfc_main$11 = /* @__PURE__ */ defineComponent({
+var _sfc_main$10 = /* @__PURE__ */ defineComponent({
   ...{ name: "LlSecondConfirmation" },
   __name: "second-confirmation",
   props: secondConfirmationProps,
@@ -50890,7 +51110,7 @@ var _sfc_main$11 = /* @__PURE__ */ defineComponent({
   }
 });
 
-var SecondConfirmation = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["__file", "second-confirmation.vue"]]);
+var SecondConfirmation = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["__file", "second-confirmation.vue"]]);
 
 const useSecondConfirmation = (options) => {
   const { title, message, confirmText, cancelText, icon = null } = options;
@@ -50923,7 +51143,7 @@ const useSecondConfirmation = (options) => {
 
 const LlSecondConfirmation = withInstall(SecondConfirmation);
 
-var _sfc_main$10 = /* @__PURE__ */ defineComponent({
+var _sfc_main$$ = /* @__PURE__ */ defineComponent({
   ...{ name: "LlDrawer" },
   __name: "drawer",
   props: drawerProps,
@@ -51128,256 +51348,9 @@ var _sfc_main$10 = /* @__PURE__ */ defineComponent({
   }
 });
 
-var Drawer$1 = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["__file", "drawer.vue"]]);
-
-const LlDrawer = withInstall(Drawer$1);
-
-const newDrawerProps = buildProps({
-  /**
-   * @description 对话框外层容器的类名
-   */
-  rootClassName: {
-    type: String,
-    default: ""
-  },
-  /**
-   * @description 抽屉是否可见
-   */
-  open: {
-    type: Boolean,
-    default: false
-  },
-  /**
-   * @description 标题
-   */
-  title: {
-    type: String,
-    default: "\u65B0\u589E"
-  },
-  /**
-   * @description  确认/知道了按钮loading
-   */
-  confirmLoading: {
-    type: Boolean,
-    default: false
-  },
-  /**
-   * @description 取消按钮的配置信息
-   */
-  cancelButtonProps: {
-    type: definePropType(Object)
-  },
-  /**
-   * @description 确认按钮的配置信息
-   */
-  okButtonProps: {
-    type: definePropType(Object)
-  },
-  /**
-   * @description 确认按钮文字
-   */
-  confirmText: {
-    type: String,
-    default: "\u786E\u8BA4"
-  },
-  /**
-   * @description 取消按钮文字
-   */
-  cancelText: {
-    type: String,
-    default: "\u53D6\u6D88"
-  },
-  /**
-   * @description 显示底部
-   */
-  showFooter: {
-    type: Boolean,
-    default: true
-  },
-  /**
-   * @description 容器内容的顶部的阴影 设置为false标记可能是外部其他元素滚动
-   */
-  isShowTopShadow: {
-    type: Boolean,
-    default: true
-  },
-  /**
-   * @description 容器内容底部的阴影
-   */
-  isShowFooterShadow: {
-    type: Boolean,
-    default: true
-  }
-});
-const newDrawerEmits = {
-  /**
-   * @description 点击取消时触发
-   */
-  cancel: () => true,
-  /**
-   * @description 点击确认时触发
-   */
-  confirm: () => true,
-  /**
-   * @description 抽屉关闭时触发
-   */
-  close: () => true,
-  "update:open": () => true
-};
-
-var _sfc_main$$ = /* @__PURE__ */ defineComponent({
-  ...{ name: "LlNewDrawer" },
-  __name: "drawer",
-  props: newDrawerProps,
-  emits: newDrawerEmits,
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const attrs = useAttrs();
-    const { scrollPosition, isHasScrollBar, scrollRef } = useScroll();
-    const getBindValue = computed(() => {
-      const result = {
-        ...omit({ ...attrs }, [...Object.keys(newDrawerProps), "rootClassName"])
-      };
-      if (!props.showFooter)
-        result.footer = null;
-      return result;
-    });
-    const isShowContentTopBox = computed(() => {
-      return props.isShowTopShadow && scrollPosition.value && isHasScrollBar.value && scrollPosition.value !== "top";
-    });
-    const isShowContentBottomBox = computed(() => {
-      if (props.isShowTopShadow) {
-        return isHasScrollBar.value && scrollPosition.value !== "bottom";
-      } else {
-        return props.isShowFooterShadow;
-      }
-    });
-    const bem = createNamespace("new-drawer");
-    const handleClose = () => {
-      emits("close");
-      emits("update:open");
-    };
-    const handleCancel = () => {
-      emits("cancel");
-      emits("update:open");
-    };
-    const handleConfirm = () => {
-      emits("confirm");
-    };
-    return (_ctx, _cache) => {
-      const _component_ll_button = resolveComponent("ll-button");
-      return openBlock(), createBlock(unref(Drawer$2), mergeProps(getBindValue.value, {
-        title: _ctx.title,
-        open: _ctx.open,
-        "root-class-name": `${unref(bem).b()} ${_ctx.rootClassName}`,
-        onClose: handleClose
-      }), createSlots({
-        title: withCtx(() => [
-          renderSlot(_ctx.$slots, "title")
-        ]),
-        extra: withCtx(() => [
-          renderSlot(_ctx.$slots, "extra")
-        ]),
-        default: withCtx(() => [
-          createElementVNode(
-            "div",
-            {
-              class: normalizeClass([unref(bem).e("container")])
-            },
-            [
-              createCommentVNode(" \u5185\u5BB9\u533A\u57DF "),
-              createElementVNode(
-                "div",
-                {
-                  ref_key: "scrollRef",
-                  ref: scrollRef,
-                  class: normalizeClass([unref(bem).e("content")])
-                },
-                [
-                  createCommentVNode(" \u5185\u5BB9\u533A\u57DF\u9876\u90E8\u7684\u76D2\u5B50\u7528\u4E8E\u6EDA\u52A8\u906E\u76D6/\u9634\u5F71 \u53EA\u6709\u6EDA\u52A8\u72B6\u6001\u4E0B\u624D\u6709\uFF0C\u6EDA\u52A8\u5230\u9876\u90E8\u9700\u8981 "),
-                  withDirectives(createElementVNode(
-                    "div",
-                    {
-                      class: normalizeClass(unref(bem).e("content-top-shadow"))
-                    },
-                    null,
-                    2
-                    /* CLASS */
-                  ), [
-                    [vShow, isShowContentTopBox.value]
-                  ]),
-                  renderSlot(_ctx.$slots, "default")
-                ],
-                2
-                /* CLASS */
-              )
-            ],
-            2
-            /* CLASS */
-          )
-        ]),
-        _: 2
-        /* DYNAMIC */
-      }, [
-        _ctx.showFooter ? {
-          name: "footer",
-          fn: withCtx(() => [
-            createElementVNode(
-              "div",
-              {
-                class: normalizeClass(`${unref(bem).e("footer")} ${isShowContentBottomBox.value ? unref(bem).e("footer-shadow") : ""}`)
-              },
-              [
-                renderSlot(_ctx.$slots, "footer", {}, () => [
-                  createElementVNode(
-                    "div",
-                    {
-                      class: normalizeClass(unref(bem).e("footer-left"))
-                    },
-                    [
-                      renderSlot(_ctx.$slots, "footer-left")
-                    ],
-                    2
-                    /* CLASS */
-                  ),
-                  createElementVNode(
-                    "div",
-                    {
-                      class: normalizeClass(unref(bem).e("footer-right"))
-                    },
-                    [
-                      renderSlot(_ctx.$slots, "footer-right", {}, () => [
-                        createVNode(_component_ll_button, mergeProps({
-                          class: unref(bem).m("cancel"),
-                          label: _ctx.cancelText
-                        }, _ctx.cancelButtonProps, { onClick: handleCancel }), null, 16, ["class", "label"]),
-                        createVNode(_component_ll_button, mergeProps({
-                          type: "primary",
-                          loading: _ctx.confirmLoading,
-                          label: _ctx.confirmText
-                        }, _ctx.okButtonProps, { onClick: handleConfirm }), null, 16, ["loading", "label"])
-                      ])
-                    ],
-                    2
-                    /* CLASS */
-                  )
-                ])
-              ],
-              2
-              /* CLASS */
-            )
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1040, ["title", "open", "root-class-name"]);
-    };
-  }
-});
-
 var Drawer = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["__file", "drawer.vue"]]);
 
-const LlNewDrawer = withInstall(Drawer);
+const LlDrawer = withInstall(Drawer);
 
 var luxon$1 = {};
 
@@ -64999,18 +64972,19 @@ const newModalProps = buildProps({
     default: ""
   },
   /**
-   * @description 容器内容的顶部的阴影 设置为false标记可能是外部其他元素滚动
+   * @description 滚动是否显示底部阴影
    */
-  isShowTopShadow: {
+  isShowFooterShadow: {
     type: Boolean,
     default: true
   },
   /**
-   * @description 容器内容底部的阴影
+   * @description 决定底部阴影的方向(外部和内部）,默认由内容区域来决定
    */
-  isShowFooterShadow: {
-    type: Boolean,
-    default: true
+  footerShadowPlacement: {
+    type: String,
+    values: footerShadowPlacement,
+    default: "inner"
   },
   /**
    * @description 确认按钮文字
@@ -65065,12 +65039,9 @@ var _sfc_main$y = /* @__PURE__ */ defineComponent({
         result.footer = null;
       return result;
     });
-    const isShowContentTopBox = computed(() => {
-      return props.isShowTopShadow && scrollPosition.value && isHasScrollBar.value && scrollPosition.value !== "top";
-    });
     const isShowContentBottomBox = computed(() => {
-      if (props.isShowTopShadow) {
-        return isHasScrollBar.value && scrollPosition.value !== "bottom";
+      if (props.footerShadowPlacement === "inner") {
+        return props.isShowFooterShadow && isHasScrollBar.value && scrollPosition.value !== "bottom";
       } else {
         return props.isShowFooterShadow;
       }
@@ -65103,18 +65074,6 @@ var _sfc_main$y = /* @__PURE__ */ defineComponent({
               class: normalizeClass([unref(bem).e("container")])
             },
             [
-              createCommentVNode(" \u5185\u5BB9\u533A\u57DF\u9876\u90E8\u7684\u76D2\u5B50\u7528\u4E8E\u6EDA\u52A8\u906E\u76D6/\u9634\u5F71 \u53EA\u6709\u6EDA\u52A8\u72B6\u6001\u4E0B\u624D\u6709\uFF0C\u6EDA\u52A8\u5230\u9876\u90E8\u9700\u8981 "),
-              withDirectives(createElementVNode(
-                "div",
-                {
-                  class: normalizeClass(unref(bem).e("content-top-shadow"))
-                },
-                null,
-                2
-                /* CLASS */
-              ), [
-                [vShow, isShowContentTopBox.value]
-              ]),
               renderSlot(_ctx.$slots, "default")
             ],
             2
@@ -83708,4 +83667,4 @@ var installer = makeInstaller([...Components]);
 
 const install = installer.install;
 
-export { ALL_VALUE, AVATAR_IMG, DEFAULT_METHOD, DEFAULT_TYPE, FALLBACK_IMAGE, FALL_BACK_IMG, HEADER_SRARCH_HEIGHT, ILlUploadDragProps, ImenuSwitchType, LEFT_SELECT_MIN_WIDTH, LlAdvancedFiltering, LlAdvancedFilteringParams, LlAdvancedFilteringTags, LlApiComponent, LlAvatar, LlBreadcrumbCard, LlButton, LlCascader, LlCheckbox, LlCheckboxGroup, LlCodeEditor, LlConfigProvider, LlCropperImage, LlCropperModal, LlDatePicker, LlDateRange, LlDescriptions, LlDescriptionsItem, LlDrawer, LlDropdown, LlDropdownButton, LlEasyCron, LlEmpty, LlForm, LlFormComponent, LlFormItem, LlIcon, LlIconBase, LlIconPicker, LlImage, LlImagePreviewGroup, LlInput, LlInputNumber, LlKeyValue, LlMarkdownEditor, LlMarkdownViewer, LlModal, LlNewDrawer, LlNewModal, LlNumberRange, LlOperateIcon, LlOperateTree, LlRadio, LlRadioButton, LlRadioGroup, LlRichTextEditor, LlSecondConfirmation, LlSegmented, LlSelect, LlSelectGroup, LlSelectOptGroup, LlSelectOption, LlSpace, LlSteps, LlSwitch, LlTable, LlTabsSimple, LlTagGroup, LlTextarea, LlTimePicker, LlTimeRange, LlTooltip, LlTree, LlTreeSearch, LlUploadDrag, LlUploadImage, LlUriInput, OperateTreeEmits, PAGINATION_HEIGHT, THROTTLE_TIME, TypeEnum, addUnit, advancedFilteringEmits, advancedFilteringParamsEmits, advancedFilteringParamsProps, advancedFilteringProps, advancedFilteringTagsEmits, apiComponentEmits, apiComponentProps, apiModalEmits, apiModalProps, apiUrlEmits, apiUrlProps, avatarEmits, avatarProps, avatarType, batchEditingEmits, batchEditingOptions, batchEditingProps, bodyEmits, bodyList, bodyProps, breadcrumbCardEmits, breadcrumbCardProps, buildProp, buildProps, buttonProps, calcRPN, checkboxGroupProps, checkboxProps, checkedType, clickInputEmits, clickInputProps, codeEditorEmits, codeEditorProps, codeThemeList, contentTypeOptions, createNamespace, cropperImageEmits, cropperImageProps, cropperModalEmits, cropperModalProps, customOverlay, dataURLtoBlob, dateUtil, installer as default, defaultCropperOptions, defaultEditorConfig, defaultOptions, defaultToolbarConfig, definePropType, descriptionsItemProps, descriptionsProps, drawerEmits, drawerOptions, drawerProps, dropdownButtonEmits, dropdownButtonProps, dropdownEmits, dropdownProps, easyCronEmits, easyCronProps, emptyProps, epPropKey, fileToBase64, filterAllValue, findLabelByValue, formColumns, formComponentEmits, formComponentProps, formEmits, formOptions, formProps, formatFileSize, formatToDate, formatToDateTime, formdataTableColumns, getAmountChinese, getDateTimeUnit, getHttpMethodUri, getKeyValueItem, getType, hasValue, headersTableColumns, httpUriOptions, iconBaseProps, iconPickerModalEmits, iconPickerModalProps, iconPickerProps, iconPickerSearchEmits, iconPickerSearchProps, iconProps, iconTypes, imageProps, initValue, inputNumberEmits, inputNumberProps, inputProps, install, isArray, isBoolean, isDate$1 as isDate, isElement, isEmpty, isEpProp, isFunction$1 as isFunction, isNumber$2 as isNumber, isObject$1 as isObject, isPromise, isPropAbsent, isString$1 as isString, isStringNumber, isSymbol, isUndefined$2 as isUndefined, isWindow, jsonTableColumns, jsonXmlEmits, jsonXmlOptions, jsonXmlProps, jsonXmlTableEmits, jsonXmlTableProps, jsonXmlTableRowEmits, jsonXmlTableRowProps, jsonXmlTypeOptions, keyValueEmits, keyValueItemEmits, keyValueItemProps, keyValueProps, llMarkdownEditorEmits, llMarkdownEditorProps, llMarkdownViewerProps, mainTableEmits, mainTableProps, menuSwitchRadioList, mergeNumberOfExps, methods$1 as methods, modalEmits, modalProps, modalType, mutable, newDrawerEmits, newDrawerProps, newModalEmits, newModalProps, numberRangeEmits, numberRangeProps, operateIconEmits, operateIconProps, operateTreeEmits, operateTreeProps, paramsOptions, paramsTableColumns, paramsTableEmits, paramsTableProps, paramsTableRowProps, placement, removeQueryString, requestList, richTextEditorEmits, richTextEditorProps, secondConfirmationProps, selectGroupData, selectGroupEmits, selectGroupFormType, selectGroupProps, selectOptGroupProps, selectOptionProps, tableContentType, tableHeaderSearchEmits, tableHeaderSearchProps, tablePaginationProps, tableProps, tabsSimpleEmits, tabsSimpleProps, tagGroupEmits, tagGroupProps, thousandsFormat, toRPN, tooltipProps, treeDataFormat, treeEmits, treeProps, treeSearchEmits, treeSearchEmits1, treeSearchOperateWayType, treeSearchProps, treeSelectDirectoryTitleEmits, treeSelectDirectoryTitleProps, treeSelectHeaderSearchEmits, treeSelectHeaderSearchProps, typeRules, uploadImageEmits, uploadImageProps, uriInputEmits, uriInputProps, url, useScroll, useSecondConfirmation, useTabEmits, useTabProps, useTabSetup, withInstall };
+export { ALL_VALUE, AVATAR_IMG, DEFAULT_METHOD, DEFAULT_TYPE, FALLBACK_IMAGE, FALL_BACK_IMG, HEADER_SRARCH_HEIGHT, ILlUploadDragProps, ImenuSwitchType, LEFT_SELECT_MIN_WIDTH, LlAdvancedFiltering, LlAdvancedFilteringParams, LlAdvancedFilteringTags, LlApiComponent, LlAvatar, LlBreadcrumbCard, LlButton, LlCascader, LlCheckbox, LlCheckboxGroup, LlCodeEditor, LlConfigProvider, LlCropperImage, LlCropperModal, LlDatePicker, LlDateRange, LlDescriptions, LlDescriptionsItem, LlDrawer, LlDropdown, LlDropdownButton, LlEasyCron, LlEmpty, LlForm, LlFormComponent, LlFormItem, LlIcon, LlIconBase, LlIconPicker, LlImage, LlImagePreviewGroup, LlInput, LlInputNumber, LlKeyValue, LlMarkdownEditor, LlMarkdownViewer, LlModal, LlNewDrawer, LlNewModal, LlNumberRange, LlOperateIcon, LlOperateTree, LlRadio, LlRadioButton, LlRadioGroup, LlRichTextEditor, LlSecondConfirmation, LlSegmented, LlSelect, LlSelectGroup, LlSelectOptGroup, LlSelectOption, LlSpace, LlSteps, LlSwitch, LlTable, LlTabsSimple, LlTagGroup, LlTextarea, LlTimePicker, LlTimeRange, LlTooltip, LlTree, LlTreeSearch, LlUploadDrag, LlUploadImage, LlUriInput, OperateTreeEmits, PAGINATION_HEIGHT, THROTTLE_TIME, TypeEnum, addUnit, advancedFilteringEmits, advancedFilteringParamsEmits, advancedFilteringParamsProps, advancedFilteringProps, advancedFilteringTagsEmits, apiComponentEmits, apiComponentProps, apiModalEmits, apiModalProps, apiUrlEmits, apiUrlProps, avatarEmits, avatarProps, avatarType, batchEditingEmits, batchEditingOptions, batchEditingProps, bodyEmits, bodyList, bodyProps, breadcrumbCardEmits, breadcrumbCardProps, buildProp, buildProps, buttonProps, calcRPN, checkboxGroupProps, checkboxProps, checkedType, clickInputEmits, clickInputProps, codeEditorEmits, codeEditorProps, codeThemeList, contentTypeOptions, createNamespace, cropperImageEmits, cropperImageProps, cropperModalEmits, cropperModalProps, customOverlay, dataURLtoBlob, dateUtil, installer as default, defaultCropperOptions, defaultEditorConfig, defaultOptions, defaultToolbarConfig, definePropType, descriptionsItemProps, descriptionsProps, drawerEmits, drawerOptions, drawerProps, dropdownButtonEmits, dropdownButtonProps, dropdownEmits, dropdownProps, easyCronEmits, easyCronProps, emptyProps, epPropKey, fileToBase64, filterAllValue, findLabelByValue, footerShadowPlacement, formColumns, formComponentEmits, formComponentProps, formEmits, formOptions, formProps, formatFileSize, formatToDate, formatToDateTime, formdataTableColumns, getAmountChinese, getDateTimeUnit, getHttpMethodUri, getKeyValueItem, getType, hasValue, headersTableColumns, httpUriOptions, iconBaseProps, iconPickerModalEmits, iconPickerModalProps, iconPickerProps, iconPickerSearchEmits, iconPickerSearchProps, iconProps, iconTypes, imageProps, initValue, inputNumberEmits, inputNumberProps, inputProps, install, isArray, isBoolean, isDate$1 as isDate, isElement, isEmpty, isEpProp, isFunction$1 as isFunction, isNumber$2 as isNumber, isObject$1 as isObject, isPromise, isPropAbsent, isString$1 as isString, isStringNumber, isSymbol, isUndefined$2 as isUndefined, isWindow, jsonTableColumns, jsonXmlEmits, jsonXmlOptions, jsonXmlProps, jsonXmlTableEmits, jsonXmlTableProps, jsonXmlTableRowEmits, jsonXmlTableRowProps, jsonXmlTypeOptions, keyValueEmits, keyValueItemEmits, keyValueItemProps, keyValueProps, llMarkdownEditorEmits, llMarkdownEditorProps, llMarkdownViewerProps, mainTableEmits, mainTableProps, menuSwitchRadioList, mergeNumberOfExps, methods$1 as methods, modalEmits, modalProps, modalType, mutable, newDrawerEmits, newDrawerProps, newModalEmits, newModalProps, numberRangeEmits, numberRangeProps, operateIconEmits, operateIconProps, operateTreeEmits, operateTreeProps, paramsOptions, paramsTableColumns, paramsTableEmits, paramsTableProps, paramsTableRowProps, placement, removeQueryString, requestList, richTextEditorEmits, richTextEditorProps, secondConfirmationProps, selectGroupData, selectGroupEmits, selectGroupFormType, selectGroupProps, selectOptGroupProps, selectOptionProps, tableContentType, tableHeaderSearchEmits, tableHeaderSearchProps, tablePaginationProps, tableProps, tabsSimpleEmits, tabsSimpleProps, tagGroupEmits, tagGroupProps, thousandsFormat, toRPN, tooltipProps, treeDataFormat, treeEmits, treeProps, treeSearchEmits, treeSearchEmits1, treeSearchOperateWayType, treeSearchProps, treeSelectDirectoryTitleEmits, treeSelectDirectoryTitleProps, treeSelectHeaderSearchEmits, treeSelectHeaderSearchProps, typeRules, uploadImageEmits, uploadImageProps, uriInputEmits, uriInputProps, url, useScroll, useSecondConfirmation, useTabEmits, useTabProps, useTabSetup, withInstall };