npm - ll-plus - Versions diffs - 2.4.18 → 2.4.19 - Mend

ll-plus 2.4.18 → 2.4.19

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 (116) hide show

package/lib/components/table/index.d.ts CHANGED Viewed

@@ -105,6 +105,7 @@ export declare const LlTable: import("ll-plus/es/utils").SFCWithInstall<import("
         } & {}>;
         headerSearchRef: import("vue").Ref<any>;
         contentType: unknown;
+        observer: MutationObserver;
         emits: ((event: "change", v: import("./src/config").ImenuSwitchType) => void) & ((event: "changeHeaderSearch", height: number) => void);
         bem: {
             b: (blockSuffix?: string) => string;

package/lib/components/table/src/components/header-search.vue.d.ts CHANGED Viewed

@@ -12,6 +12,7 @@ declare const _default: import("vue").DefineComponent<{
     } & {}>;
     headerSearchRef: import("vue").Ref<any>;
     contentType: unknown;
+    observer: MutationObserver;
     emits: ((event: "change", v: ImenuSwitchType) => void) & ((event: "changeHeaderSearch", height: number) => void);
     bem: {
         b: (blockSuffix?: string) => string;

package/lib/components/table/src/table.vue.d.ts CHANGED Viewed

@@ -105,6 +105,7 @@ declare const _default: import("vue").DefineComponent<{
         } & {}>;
         headerSearchRef: import("vue").Ref<any>;
         contentType: unknown;
+        observer: MutationObserver;
         emits: ((event: "change", v: ImenuSwitchType) => void) & ((event: "changeHeaderSearch", height: number) => void);
         bem: {
             b: (blockSuffix?: string) => string;

package/lib/index.js CHANGED Viewed

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var defaults = require('./defaults.js');
 require('./packages/components/index.js');
-var index$R = require('./packages/constant/index.js');
+var index$T = require('./packages/constant/index.js');
 require('./packages/hooks/index.js');
 var advancedFiltering = require('./packages/components/advanced-filtering/src/advanced-filtering.js');
 var index = require('./packages/components/advanced-filtering/index.js');
@@ -44,91 +44,95 @@ var useSecondConfirmation = require('./packages/components/drawer/src/components
 var secondConfirmation = require('./packages/components/drawer/src/components/second-confirmation/src/second-confirmation.js');
 var index$f = require('./packages/components/drawer/src/components/second-confirmation/index.js');
 var index$e = require('./packages/components/drawer/index.js');
+var drawer$1 = require('./packages/components/new-drawer/src/drawer.js');
+var index$g = require('./packages/components/new-drawer/index.js');
 var easyCron = require('./packages/components/easy-cron/src/config/easy-cron.js');
 var dateUtils = require('./packages/components/easy-cron/src/config/date-utils.js');
 var useTabMixin = require('./packages/components/easy-cron/src/config/use-tab-mixin.js');
-var index$g = require('./packages/components/easy-cron/index.js');
+var index$h = require('./packages/components/easy-cron/index.js');
 var empty = require('./packages/components/empty/src/empty.js');
-var index$h = require('./packages/components/empty/index.js');
+var index$i = require('./packages/components/empty/index.js');
 var form = require('./packages/components/form/src/config/form.js');
 var components = require('./packages/components/form/src/config/components.js');
 var formComponent = require('./packages/components/form/src/config/form-component.js');
-var index$i = require('./packages/components/form/index.js');
-var index$j = require('./packages/components/form-item/index.js');
+var index$j = require('./packages/components/form/index.js');
+var index$k = require('./packages/components/form-item/index.js');
 var icon = require('./packages/components/icon/src/icon.js');
-var index$k = require('./packages/components/icon/index.js');
+var index$l = require('./packages/components/icon/index.js');
 var iconBase = require('./packages/components/icon-base/src/icon-base.js');
-var index$l = require('./packages/components/icon-base/index.js');
+var index$m = require('./packages/components/icon-base/index.js');
 var iconPicker = require('./packages/components/icon-picker/src/config/icon-picker.js');
 var modal = require('./packages/components/icon-picker/src/config/modal.js');
 var search = require('./packages/components/icon-picker/src/config/search.js');
-var index$m = require('./packages/components/icon-picker/index.js');
+var index$n = require('./packages/components/icon-picker/index.js');
 var image = require('./packages/components/image/src/image.js');
-var index$n = require('./packages/components/image/index.js');
+var index$o = require('./packages/components/image/index.js');
 var input = require('./packages/components/input/src/input.js');
-var index$o = require('./packages/components/input/index.js');
+var index$p = require('./packages/components/input/index.js');
 var inputNumber = require('./packages/components/input-number/src/input-number.js');
-var index$p = require('./packages/components/input-number/index.js');
+var index$q = require('./packages/components/input-number/index.js');
 var keyValue = require('./packages/components/key-value/src/config/key-value.js');
 var keyValueItem = require('./packages/components/key-value/src/config/key-value-item.js');
-var index$q = require('./packages/components/key-value/index.js');
+var index$r = require('./packages/components/key-value/index.js');
 var markdownEditor = require('./packages/components/markdown-editor/src/config/markdown-editor.js');
 var markdownViewer = require('./packages/components/markdown-editor/src/config/markdown-viewer.js');
-var index$r = require('./packages/components/markdown-editor/index.js');
+var index$s = require('./packages/components/markdown-editor/index.js');
 var modal$1 = require('./packages/components/modal/src/modal.js');
-var index$s = require('./packages/components/modal/index.js');
+var index$t = require('./packages/components/modal/index.js');
+var modal$2 = require('./packages/components/new-modal/src/modal.js');
+var index$u = require('./packages/components/new-modal/index.js');
 var numberRange = require('./packages/components/number-range/src/number-range.js');
-var index$t = require('./packages/components/number-range/index.js');
+var index$v = require('./packages/components/number-range/index.js');
 var operateIcon = require('./packages/components/operate-icon/src/operate-icon.js');
-var index$u = require('./packages/components/operate-icon/index.js');
+var index$w = require('./packages/components/operate-icon/index.js');
 var operateTree = require('./packages/components/operate-tree/src/operate-tree.js');
-var index$v = require('./packages/components/operate-tree/index.js');
-var index$w = require('./packages/components/radio/index.js');
+var index$x = require('./packages/components/operate-tree/index.js');
+var index$y = require('./packages/components/radio/index.js');
 var richTextEditor = require('./packages/components/rich-text-editor/src/rich-text-editor.js');
-var index$x = require('./packages/components/rich-text-editor/index.js');
-var index$y = require('./packages/components/segmented/index.js');
+var index$z = require('./packages/components/rich-text-editor/index.js');
+var index$A = require('./packages/components/segmented/index.js');
 var select = require('./packages/components/select/src/select.js');
-var index$z = require('./packages/components/select/index.js');
+var index$B = require('./packages/components/select/index.js');
 var selectGroup = require('./packages/components/select-group/src/select-group.js');
-var index$A = require('./packages/components/select-group/index.js');
-var index$B = require('./packages/components/space/index.js');
-var index$C = require('./packages/components/steps/index.js');
-var index$D = require('./packages/components/switch/index.js');
+var index$C = require('./packages/components/select-group/index.js');
+var index$D = require('./packages/components/space/index.js');
+var index$E = require('./packages/components/steps/index.js');
+var index$F = require('./packages/components/switch/index.js');
 var headerSearch = require('./packages/components/table/src/config/header-search.js');
 var mainTable = require('./packages/components/table/src/config/main-table.js');
 var pagination = require('./packages/components/table/src/config/pagination.js');
 var table$1 = require('./packages/components/table/src/config/table.js');
-var index$E = require('./packages/components/table/index.js');
+var index$G = require('./packages/components/table/index.js');
 var tabsSimple = require('./packages/components/tabs-simple/src/tabs-simple.js');
-var index$F = require('./packages/components/tabs-simple/index.js');
+var index$H = require('./packages/components/tabs-simple/index.js');
 var tagGroup = require('./packages/components/tag-group/src/tag-group.js');
-var index$G = require('./packages/components/tag-group/index.js');
-var index$H = require('./packages/components/textarea/index.js');
-var index$I = require('./packages/components/time-picker/index.js');
-var index$J = require('./packages/components/time-range/index.js');
+var index$I = require('./packages/components/tag-group/index.js');
+var index$J = require('./packages/components/textarea/index.js');
+var index$K = require('./packages/components/time-picker/index.js');
+var index$L = require('./packages/components/time-range/index.js');
 var tooltip = require('./packages/components/tooltip/src/tooltip.js');
-var index$K = require('./packages/components/tooltip/index.js');
+var index$M = require('./packages/components/tooltip/index.js');
 var headerSearch$1 = require('./packages/components/tree-search/src/config/header-search.js');
 var directoryTitle = require('./packages/components/tree-search/src/config/directory-title.js');
 var treeSearch = require('./packages/components/tree-search/src/config/tree-search.js');
-var index$L = require('./packages/components/tree-search/index.js');
+var index$N = require('./packages/components/tree-search/index.js');
 var tree = require('./packages/components/tree/src/tree.js');
-var index$M = require('./packages/components/tree/index.js');
+var index$O = require('./packages/components/tree/index.js');
 var dropdown = require('./packages/components/dropdown/src/dropdown.js');
-var index$N = require('./packages/components/dropdown/index.js');
+var index$P = require('./packages/components/dropdown/index.js');
 var uploadDrag = require('./packages/components/upload-drag/src/upload-drag.js');
-var index$O = require('./packages/components/upload-drag/index.js');
+var index$Q = require('./packages/components/upload-drag/index.js');
 var uploadImage = require('./packages/components/upload-image/src/upload-image.js');
-var index$P = require('./packages/components/upload-image/index.js');
+var index$R = require('./packages/components/upload-image/index.js');
 var uriInput = require('./packages/components/uri-input/src/uri-input.js');
-var index$Q = require('./packages/components/uri-input/index.js');
-var index$S = require('./packages/hooks/use-scroll/index.js');
+var index$S = require('./packages/components/uri-input/index.js');
+var index$U = require('./packages/hooks/use-scroll/index.js');
 "use strict";
 const install = defaults.default.install;
 exports.default = defaults.default;
-exports.THROTTLE_TIME = index$R.THROTTLE_TIME;
+exports.THROTTLE_TIME = index$T.THROTTLE_TIME;
 exports.ALL_VALUE = advancedFiltering.ALL_VALUE;
 exports.advancedFilteringEmits = advancedFiltering.advancedFilteringEmits;
 exports.advancedFilteringParamsEmits = advancedFiltering.advancedFilteringParamsEmits;
@@ -221,6 +225,9 @@ exports.useSecondConfirmation = useSecondConfirmation.useSecondConfirmation;
 exports.secondConfirmationProps = secondConfirmation.secondConfirmationProps;
 exports.LlSecondConfirmation = index$f.LlSecondConfirmation;
 exports.LlDrawer = index$e.LlDrawer;
+exports.newDrawerEmits = drawer$1.newDrawerEmits;
+exports.newDrawerProps = drawer$1.newDrawerProps;
+exports.LlNewDrawer = index$g.LlNewDrawer;
 exports.easyCronEmits = easyCron.easyCronEmits;
 exports.easyCronProps = easyCron.easyCronProps;
 exports.dateUtil = dateUtils.dateUtil;
@@ -230,38 +237,38 @@ exports.TypeEnum = useTabMixin.TypeEnum;
 exports.useTabEmits = useTabMixin.useTabEmits;
 exports.useTabProps = useTabMixin.useTabProps;
 exports.useTabSetup = useTabMixin.useTabSetup;
-exports.LlEasyCron = index$g.LlEasyCron;
+exports.LlEasyCron = index$h.LlEasyCron;
 exports.emptyProps = empty.emptyProps;
 exports.url = empty.url;
-exports.LlEmpty = index$h.LlEmpty;
+exports.LlEmpty = index$i.LlEmpty;
 exports.formEmits = form.formEmits;
 exports.formProps = form.formProps;
 exports.checkedType = components.checkedType;
 exports.formComponentEmits = formComponent.formComponentEmits;
 exports.formComponentProps = formComponent.formComponentProps;
-exports.LlForm = index$i.LlForm;
-exports.LlFormComponent = index$i.LlFormComponent;
-exports.LlFormItem = index$j.LlFormItem;
+exports.LlForm = index$j.LlForm;
+exports.LlFormComponent = index$j.LlFormComponent;
+exports.LlFormItem = index$k.LlFormItem;
 exports.iconProps = icon.iconProps;
-exports.LlIcon = index$k.LlIcon;
+exports.LlIcon = index$l.LlIcon;
 exports.iconBaseProps = iconBase.iconBaseProps;
 exports.iconTypes = iconBase.iconTypes;
-exports.LlIconBase = index$l.LlIconBase;
+exports.LlIconBase = index$m.LlIconBase;
 exports.iconPickerProps = iconPicker.iconPickerProps;
 exports.iconPickerModalEmits = modal.iconPickerModalEmits;
 exports.iconPickerModalProps = modal.iconPickerModalProps;
 exports.iconPickerSearchEmits = search.iconPickerSearchEmits;
 exports.iconPickerSearchProps = search.iconPickerSearchProps;
-exports.LlIconPicker = index$m.LlIconPicker;
+exports.LlIconPicker = index$n.LlIconPicker;
 exports.FALL_BACK_IMG = image.FALL_BACK_IMG;
 exports.imageProps = image.imageProps;
-exports.LlImage = index$n.LlImage;
-exports.LlImagePreviewGroup = index$n.LlImagePreviewGroup;
+exports.LlImage = index$o.LlImage;
+exports.LlImagePreviewGroup = index$o.LlImagePreviewGroup;
 exports.inputProps = input.inputProps;
-exports.LlInput = index$o.LlInput;
+exports.LlInput = index$p.LlInput;
 exports.inputNumberEmits = inputNumber.inputNumberEmits;
 exports.inputNumberProps = inputNumber.inputNumberProps;
-exports.LlInputNumber = index$p.LlInputNumber;
+exports.LlInputNumber = index$q.LlInputNumber;
 exports.getKeyValueItem = keyValue.getKeyValueItem;
 exports.keyValueEmits = keyValue.keyValueEmits;
 exports.keyValueProps = keyValue.keyValueProps;
@@ -270,49 +277,53 @@ exports.formOptions = keyValueItem.formOptions;
 exports.keyValueItemEmits = keyValueItem.keyValueItemEmits;
 exports.keyValueItemProps = keyValueItem.keyValueItemProps;
 exports.typeRules = keyValueItem.typeRules;
-exports.LlKeyValue = index$q.LlKeyValue;
+exports.LlKeyValue = index$r.LlKeyValue;
 exports.llMarkdownEditorEmits = markdownEditor.llMarkdownEditorEmits;
 exports.llMarkdownEditorProps = markdownEditor.llMarkdownEditorProps;
 exports.llMarkdownViewerProps = markdownViewer.llMarkdownViewerProps;
-exports.LlMarkdownEditor = index$r.LlMarkdownEditor;
-exports.LlMarkdownViewer = index$r.LlMarkdownViewer;
+exports.LlMarkdownEditor = index$s.LlMarkdownEditor;
+exports.LlMarkdownViewer = index$s.LlMarkdownViewer;
 exports.modalEmits = modal$1.modalEmits;
 exports.modalProps = modal$1.modalProps;
-exports.LlModal = index$s.LlModal;
+exports.LlModal = index$t.LlModal;
+exports.modalType = modal$2.modalType;
+exports.newModalEmits = modal$2.newModalEmits;
+exports.newModalProps = modal$2.newModalProps;
+exports.LlNewModal = index$u.LlNewModal;
 exports.numberRangeEmits = numberRange.numberRangeEmits;
 exports.numberRangeProps = numberRange.numberRangeProps;
-exports.LlNumberRange = index$t.LlNumberRange;
+exports.LlNumberRange = index$v.LlNumberRange;
 exports.operateIconEmits = operateIcon.operateIconEmits;
 exports.operateIconProps = operateIcon.operateIconProps;
-exports.LlOperateIcon = index$u.LlOperateIcon;
+exports.LlOperateIcon = index$w.LlOperateIcon;
 exports.OperateTreeEmits = operateTree.OperateTreeEmits;
 exports.operateTreeEmits = operateTree.operateTreeEmits;
 exports.operateTreeProps = operateTree.operateTreeProps;
-exports.LlOperateTree = index$v.LlOperateTree;
-exports.LlRadio = index$w.LlRadio;
-exports.LlRadioButton = index$w.LlRadioButton;
-exports.LlRadioGroup = index$w.LlRadioGroup;
+exports.LlOperateTree = index$x.LlOperateTree;
+exports.LlRadio = index$y.LlRadio;
+exports.LlRadioButton = index$y.LlRadioButton;
+exports.LlRadioGroup = index$y.LlRadioGroup;
 exports.FALLBACK_IMAGE = richTextEditor.FALLBACK_IMAGE;
 exports.defaultEditorConfig = richTextEditor.defaultEditorConfig;
 exports.defaultToolbarConfig = richTextEditor.defaultToolbarConfig;
 exports.richTextEditorEmits = richTextEditor.richTextEditorEmits;
 exports.richTextEditorProps = richTextEditor.richTextEditorProps;
-exports.LlRichTextEditor = index$x.LlRichTextEditor;
-exports.LlSegmented = index$y.LlSegmented;
+exports.LlRichTextEditor = index$z.LlRichTextEditor;
+exports.LlSegmented = index$A.LlSegmented;
 exports.selectOptGroupProps = select.selectOptGroupProps;
 exports.selectOptionProps = select.selectOptionProps;
-exports.LlSelect = index$z.LlSelect;
-exports.LlSelectOptGroup = index$z.LlSelectOptGroup;
-exports.LlSelectOption = index$z.LlSelectOption;
+exports.LlSelect = index$B.LlSelect;
+exports.LlSelectOptGroup = index$B.LlSelectOptGroup;
+exports.LlSelectOption = index$B.LlSelectOption;
 exports.LEFT_SELECT_MIN_WIDTH = selectGroup.LEFT_SELECT_MIN_WIDTH;
 exports.selectGroupData = selectGroup.selectGroupData;
 exports.selectGroupEmits = selectGroup.selectGroupEmits;
 exports.selectGroupFormType = selectGroup.selectGroupFormType;
 exports.selectGroupProps = selectGroup.selectGroupProps;
-exports.LlSelectGroup = index$A.LlSelectGroup;
-exports.LlSpace = index$B.LlSpace;
-exports.LlSteps = index$C.LlSteps;
-exports.LlSwitch = index$D.LlSwitch;
+exports.LlSelectGroup = index$C.LlSelectGroup;
+exports.LlSpace = index$D.LlSpace;
+exports.LlSteps = index$E.LlSteps;
+exports.LlSwitch = index$F.LlSwitch;
 exports.ImenuSwitchType = headerSearch.ImenuSwitchType;
 exports.menuSwitchRadioList = headerSearch.menuSwitchRadioList;
 exports.tableHeaderSearchEmits = headerSearch.tableHeaderSearchEmits;
@@ -324,19 +335,19 @@ exports.tablePaginationProps = pagination.tablePaginationProps;
 exports.HEADER_SRARCH_HEIGHT = table$1.HEADER_SRARCH_HEIGHT;
 exports.PAGINATION_HEIGHT = table$1.PAGINATION_HEIGHT;
 exports.tableProps = table$1.tableProps;
-exports.LlTable = index$E.LlTable;
+exports.LlTable = index$G.LlTable;
 exports.tabsSimpleEmits = tabsSimple.tabsSimpleEmits;
 exports.tabsSimpleProps = tabsSimple.tabsSimpleProps;
-exports.LlTabsSimple = index$F.LlTabsSimple;
+exports.LlTabsSimple = index$H.LlTabsSimple;
 exports.tagGroupEmits = tagGroup.tagGroupEmits;
 exports.tagGroupProps = tagGroup.tagGroupProps;
-exports.LlTagGroup = index$G.LlTagGroup;
-exports.LlTextarea = index$H.LlTextarea;
-exports.LlTimePicker = index$I.LlTimePicker;
-exports.LlTimeRange = index$J.LlTimeRange;
+exports.LlTagGroup = index$I.LlTagGroup;
+exports.LlTextarea = index$J.LlTextarea;
+exports.LlTimePicker = index$K.LlTimePicker;
+exports.LlTimeRange = index$L.LlTimeRange;
 exports.placement = tooltip.placement;
 exports.tooltipProps = tooltip.tooltipProps;
-exports.LlTooltip = index$K.LlTooltip;
+exports.LlTooltip = index$M.LlTooltip;
 exports.treeSelectHeaderSearchEmits = headerSearch$1.treeSelectHeaderSearchEmits;
 exports.treeSelectHeaderSearchProps = headerSearch$1.treeSelectHeaderSearchProps;
 exports.treeSelectDirectoryTitleEmits = directoryTitle.treeSelectDirectoryTitleEmits;
@@ -345,26 +356,26 @@ exports.treeSearchEmits = treeSearch.treeSearchEmits;
 exports.treeSearchEmits1 = treeSearch.treeSearchEmits1;
 exports.treeSearchOperateWayType = treeSearch.treeSearchOperateWayType;
 exports.treeSearchProps = treeSearch.treeSearchProps;
-exports.LlTreeSearch = index$L.LlTreeSearch;
+exports.LlTreeSearch = index$N.LlTreeSearch;
 exports.treeEmits = tree.treeEmits;
 exports.treeProps = tree.treeProps;
-exports.LlTree = index$M.LlTree;
+exports.LlTree = index$O.LlTree;
 exports.dropdownButtonEmits = dropdown.dropdownButtonEmits;
 exports.dropdownButtonProps = dropdown.dropdownButtonProps;
 exports.dropdownEmits = dropdown.dropdownEmits;
 exports.dropdownProps = dropdown.dropdownProps;
-exports.LlDropdown = index$N.LlDropdown;
-exports.LlDropdownButton = index$N.LlDropdownButton;
+exports.LlDropdown = index$P.LlDropdown;
+exports.LlDropdownButton = index$P.LlDropdownButton;
 exports.ILlUploadDragProps = uploadDrag.ILlUploadDragProps;
-exports.LlUploadDrag = index$O.LlUploadDrag;
+exports.LlUploadDrag = index$Q.LlUploadDrag;
 exports.uploadImageEmits = uploadImage.uploadImageEmits;
 exports.uploadImageProps = uploadImage.uploadImageProps;
-exports.LlUploadImage = index$P.LlUploadImage;
+exports.LlUploadImage = index$R.LlUploadImage;
 exports.getHttpMethodUri = uriInput.getHttpMethodUri;
 exports.httpUriOptions = uriInput.httpUriOptions;
 exports.uriInputEmits = uriInput.uriInputEmits;
 exports.uriInputProps = uriInput.uriInputProps;
-exports.LlUriInput = index$Q.LlUriInput;
-exports.useScroll = index$S.useScroll;
+exports.LlUriInput = index$S.LlUriInput;
+exports.useScroll = index$U.useScroll;
 exports.install = install;
 //# sourceMappingURL=index.js.map

package/lib/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../packages/ll-plus/index.ts"],"sourcesContent":["import installer from './defaults'\n\nexport * from '@ll-plus/components'\nexport * from '@ll-plus/constant'\nexport * from '@ll-plus/hooks'\n\nexport const install = installer.install\nexport default installer\n"],"names":["installer"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAMO,MAAM,UAAUA,gBAAU,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../packages/ll-plus/index.ts"],"sourcesContent":["import installer from './defaults'\n\nexport * from '@ll-plus/components'\nexport * from '@ll-plus/constant'\nexport * from '@ll-plus/hooks'\n\nexport const install = installer.install\nexport default installer\n"],"names":["installer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMO,MAAM,UAAUA,gBAAU,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/packages/components/breadcrumb-card/src/breadcrumb-card.js CHANGED Viewed

@@ -7,17 +7,18 @@ var runtime = require('../../../utils/props/runtime.js');
 const breadcrumbCardProps = runtime.buildProps({
   // buildProps和defineprops一样
   /**
-   * @description 容器内容的class
+   * @description 容器内容的顶部的阴影 设置为false标记可能是外部其他元素滚动
    */
-  isShowShadow: {
+  isShowTopShadow: {
     type: Boolean,
     default: true
   },
   /**
-   * @description 容器内容的class
+   * @description 容器内容底部的阴影
    */
-  class: {
-    type: String
+  isShowFooterShadow: {
+    type: Boolean,
+    default: true
   },
   /**
    * @description 最外层的class

package/lib/packages/components/breadcrumb-card/src/breadcrumb-card.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"breadcrumb-card.js","sources":["../../../../../../packages/components/breadcrumb-card/src/breadcrumb-card.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type BreadcrumbCard from './breadcrumb-card.vue'\n\nexport const breadcrumbCardProps = buildProps({\n // buildProps和defineprops一样\n /*\n @description ~~容器内容的class\~~n /\n ~~isShowShadow~~: {\n type: Boolean,\n default: true\n },\n /\n @description ~~容器内容的class\~~n /\n ~~class~~: {\n type: ~~String~~\n },\n /\n @description 最外层的class\n /\n rootClass: {\n type: String\n },\n /\n @description 设置BreadcrumbCard的z-index\n /\n zIndex: {\n type: Number,\n default: 1000\n },\n /\n @description 指定BreadcrumbCard挂载的节点，并在容器内展现，false为挂载在当前位置\n /\n getContainer: {\n type: definePropType<() => HTMLElement \| HTMLElement \| false>(Object)\n },\n /\n @description 是否支持键盘esc关闭\n /\n keyboard: {\n type: Boolean,\n default: true\n },\n /\n @description 是否可见\n /\n visible: {\n type: Boolean,\n default: false\n },\n /\n @description 标题\n */\n title: {\n type: String,\n default: '标题'\n }\n} as const)\n\nexport const breadcrumbCardEmits = {\n close: (bool: boolean) => bool, // 点击左侧返回关闭事件\n 'update:visible': (bool: boolean) => bool // 关闭打开弹窗\n}\n\n// props\nexport type BreadcrumbCardProps = ExtractPropTypes<typeof breadcrumbCardProps> // ExtractPropTypes和defineCpmponent类似\n\n// instance\nexport type BreadcrumbCardInstance = InstanceType<typeof BreadcrumbCard>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;AAKO,MAAM,sBAAsBA,kBAAW,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAK5C,~~YAAc~~,EAAA;AAAA,~~IACZ~~,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,~~KAAO~~,EAAA;AAAA,~~IACL~~,IAAM,EAAA,~~MAAA~~;AAAA,~~GACR~~;AAAA;AAAA;AAAA;AAAA,EAIA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,GAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAA,EAAMC,uBAAwD,MAAM,CAAA;AAAA,GACtE;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;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,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,cAAA;AAAA,GACX;AACF,CAAU,EAAA;AAEH,MAAM,mBAAsB,GAAA;AAAA,EACjC,KAAA,EAAO,CAAC,IAAkB,KAAA,IAAA;AAAA;AAAA,EAC1B,gBAAA,EAAkB,CAAC,IAAkB,KAAA,IAAA;AAAA;AACvC;;;;;"}
1	+ {"version":3,"file":"breadcrumb-card.js","sources":["../../../../../../packages/components/breadcrumb-card/src/breadcrumb-card.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type BreadcrumbCard from './breadcrumb-card.vue'\n\nexport const breadcrumbCardProps = buildProps({\n // buildProps和defineprops一样\n /*\n @description 容器内容的顶部的阴影设置为false标记可能是外部其他元素滚动\n /\n isShowTopShadow: {\n type: Boolean,\n default: true\n },\n /\n @description 容器内容底部的阴影\n /\n isShowFooterShadow: {\n type: Boolean,\n default: true\n },\n /\n @description 最外层的class\n /\n rootClass: {\n type: String\n },\n /\n @description 设置BreadcrumbCard的z-index\n /\n zIndex: {\n type: Number,\n default: 1000\n },\n /\n @description 指定BreadcrumbCard挂载的节点，并在容器内展现，false为挂载在当前位置\n /\n getContainer: {\n type: definePropType<() => HTMLElement \| HTMLElement \| false>(Object)\n },\n /\n @description 是否支持键盘esc关闭\n /\n keyboard: {\n type: Boolean,\n default: true\n },\n /\n @description 是否可见\n /\n visible: {\n type: Boolean,\n default: false\n },\n /\n @description 标题\n */\n title: {\n type: String,\n default: '标题'\n }\n} as const)\n\nexport const breadcrumbCardEmits = {\n close: (bool: boolean) => bool, // 点击左侧返回关闭事件\n 'update:visible': (bool: boolean) => bool // 关闭打开弹窗\n}\n\n// props\nexport type BreadcrumbCardProps = ExtractPropTypes<typeof breadcrumbCardProps> // ExtractPropTypes和defineCpmponent类似\n\n// instance\nexport type BreadcrumbCardInstance = InstanceType<typeof BreadcrumbCard>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;AAKO,MAAM,sBAAsBA,kBAAW,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAK5C,eAAiB,EAAA;AAAA,IACf,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,kBAAoB,EAAA;AAAA,IAClB,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,GAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAA,EAAMC,uBAAwD,MAAM,CAAA;AAAA,GACtE;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;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,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,cAAA;AAAA,GACX;AACF,CAAU,EAAA;AAEH,MAAM,mBAAsB,GAAA;AAAA,EACjC,KAAA,EAAO,CAAC,IAAkB,KAAA,IAAA;AAAA;AAAA,EAC1B,gBAAA,EAAkB,CAAC,IAAkB,KAAA,IAAA;AAAA;AACvC;;;;;"}

package/lib/packages/components/breadcrumb-card/src/breadcrumb-card.vue2.js CHANGED Viewed

@@ -6,8 +6,8 @@ var vue = require('vue');
 require('../../../utils/index.js');
 require('../../../hooks/index.js');
 var breadcrumbCard = require('./breadcrumb-card.js');
-var createNamespace = require('../../../utils/create-namespace.js');
 var index = require('../../../hooks/use-scroll/index.js');
+var createNamespace = require('../../../utils/create-namespace.js');
 "use strict";
 var _sfc_main = /* @__PURE__ */ vue.defineComponent({
@@ -20,18 +20,22 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
+    const { scrollPosition, isHasScrollBar, scrollRef } = index.useScroll();
     const breadcrumbCardRef = vue.ref();
     const rootStyle = vue.computed(() => {
       return { zIndex: props.zIndex };
     });
     const isShowContentTopBox = vue.computed(() => {
-      return scrollPosition.value && isHasScrollBar && scrollPosition.value !== "top";
+      return props.isShowTopShadow && scrollPosition.value && isHasScrollBar.value && scrollPosition.value !== "top";
     });
     const isShowContentBottomBox = vue.computed(() => {
-      return isHasScrollBar && scrollPosition.value !== "bottom";
+      if (props.isShowTopShadow) {
+        return isHasScrollBar.value && scrollPosition.value !== "bottom";
+      } else {
+        return props.isShowFooterShadow;
+      }
     });
     const bem = createNamespace.createNamespace("breadcrumb-card");
-    const { scrollPosition, isHasScrollBar, scrollRef } = index.useScroll();
     const handleClose = async () => {
       emits("update:visible", false);
       emits("close", props.visible);
@@ -96,7 +100,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                       }, {
                         default: vue.withCtx(() => [
                           vue.createTextVNode(
-                            vue.toDisplayString(_ctx.title + vue.unref(scrollPosition)),
+                            vue.toDisplayString(_ctx.title),
                             1
                             /* TEXT */
                           )
@@ -109,7 +113,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     /* STABLE */
                   }, 8, ["class"]),
                   vue.createCommentVNode(" \u5934\u90E8\u53F3\u8FB9\u63D2\u69FD "),
-                  vue.renderSlot(_ctx.$slots, "headerRight")
+                  vue.renderSlot(_ctx.$slots, "extra")
                 ],
                 2
                 /* CLASS */
@@ -117,9 +121,9 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
               vue.createCommentVNode(" \u5185\u5BB9\u533A\u57DF "),
               vue.createElementVNode(
                 "div",
-                {
-                  class: vue.normalizeClass(`${vue.unref(bem).e("content")}  ${props.class}`)
-                },
+                vue.mergeProps({
+                  class: `${vue.unref(bem).e("content")}`
+                }, _ctx.$attrs),
                 [
                   vue.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 "),
                   vue.withDirectives(vue.createElementVNode(
@@ -131,7 +135,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     2
                     /* CLASS */
                   ), [
-                    [vue.vShow, _ctx.isShowShadow && isShowContentTopBox.value]
+                    [vue.vShow, isShowContentTopBox.value]
                   ]),
                   vue.createCommentVNode(" \u5185\u5BB9\u6EDA\u52A8\u533A\u57DF "),
                   vue.createElementVNode(
@@ -146,36 +150,24 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     ],
                     2
                     /* CLASS */
-                  ),
-                  vue.createCommentVNode(" \u5185\u5BB9\u533A\u57DF\u5E95\u90E8\u76D2\u5B50 \u53EA\u6709\u5F53\u6709\u6EDA\u52A8\u6761\u5E76\u4E14\u6CA1\u6709\u6EDA\u52A8\u5230\u5E95\u90E8\u624D\u6709\u9634\u5F71 "),
-                  vue.withDirectives(vue.createElementVNode(
-                    "div",
-                    {
-                      class: vue.normalizeClass(vue.unref(bem).e("content-bottom-shadow"))
-                    },
-                    null,
-                    2
-                    /* CLASS */
-                  ), [
-                    [vue.vShow, _ctx.isShowShadow && isShowContentBottomBox.value]
-                  ]),
-                  vue.createCommentVNode(" \u5E95\u90E8footer "),
-                  _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock(
-                    "div",
-                    {
-                      key: 0,
-                      class: vue.normalizeClass(`${vue.unref(bem).e("footer")}`)
-                    },
-                    [
-                      vue.renderSlot(_ctx.$slots, "footer")
-                    ],
-                    2
-                    /* CLASS */
-                  )) : vue.createCommentVNode("v-if", true)
+                  )
+                ],
+                16
+                /* FULL_PROPS */
+              ),
+              vue.createCommentVNode(" \u5E95\u90E8footer "),
+              _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock(
+                "div",
+                {
+                  key: 0,
+                  class: vue.normalizeClass(`${vue.unref(bem).e("footer")} ${isShowContentBottomBox.value ? vue.unref(bem).e("footer-shadow") : ""}`)
+                },
+                [
+                  vue.renderSlot(_ctx.$slots, "footer")
                 ],
                 2
                 /* CLASS */
-              )
+              )) : vue.createCommentVNode("v-if", true)
             ],
             2
             /* CLASS */

package/lib/packages/components/breadcrumb-card/src/breadcrumb-card.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"breadcrumb-card.vue2.js","sources":["../../../../../../packages/components/breadcrumb-card/src/breadcrumb-card.vue"],"sourcesContent":["<template>\n <div\n v-if=\"visible\"\n ref=\"breadcrumbCardRef\"\n :class=\"`${bem.b()} ${rootClass}`\"\n :style=\"rootStyle\"\n >\n <div :class=\"bem.e('container')\">\n <!-- 头部导航栏 -->\n <div :class=\"bem.e('header')\">\n <!-- 左边返回 -->\n <a-breadcrumb :class=\"bem.e('back')\">\n <a-breadcrumb-item class=\"icon\" @click=\"handleClose\">\n <ll-icon\n icon-name=\"icon-return-arrow\"\n class=\"back-icon\"\n :class=\"bem.e('back-icon')\"\n />\n </a-breadcrumb-item>\n <a-breadcrumb-item :class=\"bem.e('title')\">\n {{ title ~~+ scrollPosition~~ }}\n </a-breadcrumb-item>\n </a-breadcrumb>\n <!-- 头部右边插槽 -->\n <slot name=\"~~headerRight~~\" />\n </div>\n <!-- 内容区域 -->\n <div :class=\"`${bem.e('content')} ~~${props.class}~~`\">\n <!-- 内容区域顶部的盒子用于滚动遮盖/阴影只有滚动状态下才有，滚动到顶部需要 -->\n <div\n v-show=\"~~isShowShadow &&~~ isShowContentTopBox\"\n :class=\"bem.e('content-top-shadow')\"\n ></div>\n <!-- 内容滚动区域 -->\n <div ref=\"scrollRef\" :class=\"`${bem.e('content-container')}`\">\n <slot />\n </div>\n <!-- ~~内容区域底部盒子~~ ~~只有当有滚动条并且没有滚动到底部才有阴影~~ -->\n <div\n v-~~show~~=\"~~isShowShadow && isShowContentBottomBox~~\"\n :class=\"bem.e('~~content-bottom-shadow~~')\"\n ~~></div>\n <!--~~ ~~底部footer~~ ~~-->\n <div v-if=\"$slots.footer\" :class=\"`${~~bem.e('footer')}`\">\n <slot name=\"footer\" />\n ~~</div>\n~~ </div>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref, computed, watchEffect } from 'vue'\nimport { createNamespace } from '@ll-plus/utils'\nimport { useScroll } from '@ll-plus/hooks'\n\nimport { breadcrumbCardProps, breadcrumbCardEmits } from './breadcrumb-card'\n\n// 1.defineOptions\ndefineOptions({\n name: 'LlBreadcrumbCard'\n})\n\n// 2.props/emits\nconst props = defineProps(breadcrumbCardProps)\nconst emits = defineEmits(breadcrumbCardEmits)\n\n// 3.ref/computed/const\nconst breadcrumbCardRef = ref<HTMLElement>()\n// 设置rootStyle获取z-index\nconst rootStyle = computed(() => {\n return { zIndex: props.zIndex }\n})\n// 是否现实内容区域顶部的阴影div\nconst isShowContentTopBox = computed(() => {\n return (\n scrollPosition.value && isHasScrollBar && scrollPosition.value !== 'top'\n )\n})\n// ~~底部是否有阴影\~~nconst isShowContentBottomBox = computed(() => {\n return isHasScrollBar && scrollPosition.value !== 'bottom'\n})\nconst bem = createNamespace('breadcrumb-card')\~~nconst { scrollPosition, isHasScrollBar, scrollRef } = useScroll()\~~n\n// 4.methods\n// 点击头部返回图标\nconst handleClose = async () => {\n emits('update:visible', false)\n emits('close', props.visible)\n}\n// 5.watchEffect\n// 监听添加弹窗的位置\nwatchEffect(() => {\n if (props.visible && breadcrumbCardRef.value) {\n // 添加到指定的位置下\n if (props.getContainer) {\n const parentNode: any =\n typeof props.getContainer === 'function'\n ? props.getContainer()\n : props.getContainer\n parentNode.appendChild(breadcrumbCardRef.value!)\n } else {\n // 添加到body下\n document.body.appendChild(breadcrumbCardRef.value!)\n }\n }\n})\n</script>\n"],"names":["ref","computed","createNamespace","~~useScroll","~~watchEffect"],"mappings":";;;;;;;;;;;;;;;;;;;;AAgEA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAGd,IAAA,MAAM,~~oBAAoBA~~,OAAiB,EAAA,CAAA;AAE3C,IAAM,MAAA,SAAA,GAAYC,aAAS,MAAM;AAC/B,MAAO,OAAA,EAAE,MAAQ,EAAA,KAAA,CAAM,MAAO,EAAA,CAAA;AAAA,KAC/B,CAAA,CAAA;AAED,IAAM,MAAA,mBAAA,GAAsBA,aAAS,MAAM;AACzC,MAAA,OACE,cAAe,CAAA,KAAA,~~IAAS~~,~~cAAkB~~,~~IAAA,cAAA,CAAe,~~KAAU,KAAA,KAAA,CAAA;AAAA,~~KAEtE~~,CAAA,CAAA;AAED,IAAM,MAAA,sBAAA,GAAyBA,aAAS,MAAM;~~AAC5C~~,~~MAAO~~,OAAA,cAAA,~~IAAkB~~,~~eAAe~~,KAAU,KAAA,QAAA,CAAA;AAAA,~~KACnD~~,~~CAAA,CAAA~~;~~AACD~~,~~IAAM~~,~~MAAA~~,~~GAAA~~,~~GAAMC~~,~~gCAAgB~~,~~iBAAiB,~~CAAA,~~CAAA~~;~~AAC7C~~,~~IAAA~~,~~MAAM~~,~~EAAE~~,~~cAAA~~,~~EAAgB~~,~~cAAgB~~,~~EAAA~~,~~SAAA~~,~~KAAcC~~,~~eAAU~~,~~EAAA,~~CAAA;~~AAIhE~~,IAAA,MAAM,cAAc,YAAY;AAC9B,MAAA,KAAA,CAAM,kBAAkB,KAAK,CAAA,CAAA;AAC7B,MAAM,KAAA,CAAA,OAAA,EAAS,MAAM,OAAO,CAAA,CAAA;AAAA,KAC9B,CAAA;AAGA,IAAAC,eAAA,CAAY,MAAM;AAChB,MAAI,IAAA,KAAA,CAAM,OAAW,IAAA,iBAAA,CAAkB,KAAO,EAAA;AAE5C,QAAA,IAAI,MAAM,YAAc,EAAA;AACtB,UAAM,MAAA,UAAA,GACJ,OAAO,KAAM,CAAA,YAAA,KAAiB,aAC1B,KAAM,CAAA,YAAA,KACN,KAAM,CAAA,YAAA,CAAA;AACZ,UAAW,UAAA,CAAA,WAAA,CAAY,kBAAkB,KAAM,CAAA,CAAA;AAAA,SAC1C,MAAA;AAEL,UAAS,QAAA,CAAA,IAAA,CAAK,WAAY,CAAA,iBAAA,CAAkB,KAAM,CAAA,CAAA;AAAA,SACpD;AAAA,OACF;AAAA,KACD,CAAA,CAAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"breadcrumb-card.vue2.js","sources":["../../../../../../packages/components/breadcrumb-card/src/breadcrumb-card.vue"],"sourcesContent":["<template>\n <div\n v-if=\"visible\"\n ref=\"breadcrumbCardRef\"\n :class=\"`${bem.b()} ${rootClass}`\"\n :style=\"rootStyle\"\n >\n <div :class=\"bem.e('container')\">\n <!-- 头部导航栏 -->\n <div :class=\"bem.e('header')\">\n <!-- 左边返回 -->\n <a-breadcrumb :class=\"bem.e('back')\">\n <a-breadcrumb-item class=\"icon\" @click=\"handleClose\">\n <ll-icon\n icon-name=\"icon-return-arrow\"\n class=\"back-icon\"\n :class=\"bem.e('back-icon')\"\n />\n </a-breadcrumb-item>\n <a-breadcrumb-item :class=\"bem.e('title')\">\n {{ title }}\n </a-breadcrumb-item>\n </a-breadcrumb>\n <!-- 头部右边插槽 -->\n <slot name=\"extra\" />\n </div>\n <!-- 内容区域 -->\n <div :class=\"`${bem.e('content')}`\" v-bind=\"$attrs\">\n <!-- 内容区域顶部的盒子用于滚动遮盖/阴影只有滚动状态下才有，滚动到顶部需要 -->\n <div\n v-show=\"isShowContentTopBox\"\n :class=\"bem.e('content-top-shadow')\"\n ></div>\n <!-- 内容滚动区域 -->\n <div ref=\"scrollRef\" :class=\"`${bem.e('content-container')}`\">\n <slot />\n </div>\n </div>\n <!-- 底部footer -->\n <div\n v-if=\"$slots.footer\"\n :class=\"`${bem.e('footer')} ${\n isShowContentBottomBox ? bem.e('footer-shadow') : ''\n }`\"\n >\n <slot name=\"footer\" />\n </div>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref, computed, watchEffect } from 'vue'\nimport { createNamespace } from '@ll-plus/utils'\nimport { useScroll } from '@ll-plus/hooks'\n\nimport { breadcrumbCardProps, breadcrumbCardEmits } from './breadcrumb-card'\n\n// 1.defineOptions\ndefineOptions({\n name: 'LlBreadcrumbCard'\n})\n\n// 2.props/emits\nconst props = defineProps(breadcrumbCardProps)\nconst emits = defineEmits(breadcrumbCardEmits)\n\n// 3.hooks\nconst { scrollPosition, isHasScrollBar, scrollRef } = useScroll()\n\n// 4.ref/computed/const\nconst breadcrumbCardRef = ref<HTMLElement>()\n// 设置rootStyle获取z-index\nconst rootStyle = computed(() => {\n return { zIndex: props.zIndex }\n})\n// 是否现实内容区域顶部的阴影div\nconst isShowContentTopBox = computed(() => {\n return (\n props.isShowTopShadow &&\n scrollPosition.value &&\n isHasScrollBar.value &&\n scrollPosition.value !== 'top'\n )\n})\n// 是否现实内容区域底部的阴影div\nconst isShowContentBottomBox = computed(() => {\n // 如果顶部的阴影为true则说明是内部的容器在滚动产品的阴影则由容器的滚动情况来决定阴影\n if (props.isShowTopShadow) {\n return isHasScrollBar.value && scrollPosition.value !== 'bottom'\n } else {\n // 如果顶部的阴影为false，则说明不是内部容器滚动，则底部的阴影由外部的isShowFooterShadow来决定\n return props.isShowFooterShadow\n }\n})\nconst bem = createNamespace('breadcrumb-card')\n\n// 5.methods\n// 点击头部返回图标\nconst handleClose = async () => {\n emits('update:visible', false)\n emits('close', props.visible)\n}\n// 6.watchEffect\n// 监听添加弹窗的位置\nwatchEffect(() => {\n if (props.visible && breadcrumbCardRef.value) {\n // 添加到指定的位置下\n if (props.getContainer) {\n const parentNode: any =\n typeof props.getContainer === 'function'\n ? props.getContainer()\n : props.getContainer\n parentNode.appendChild(breadcrumbCardRef.value!)\n } else {\n // 添加到body下\n document.body.appendChild(breadcrumbCardRef.value!)\n }\n }\n})\n</script>\n"],"names":["useScroll","ref","computed","createNamespace","watchEffect"],"mappings":";;;;;;;;;;;;;;;;;;;;AAgEA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAGd,IAAA,MAAM,EAAE,cAAA,EAAgB,cAAgB,EAAA,SAAA,KAAcA,eAAU,EAAA,CAAA;AAGhE,IAAA,MAAM,oBAAoBC,OAAiB,EAAA,CAAA;AAE3C,IAAM,MAAA,SAAA,GAAYC,aAAS,MAAM;AAC/B,MAAO,OAAA,EAAE,MAAQ,EAAA,KAAA,CAAM,MAAO,EAAA,CAAA;AAAA,KAC/B,CAAA,CAAA;AAED,IAAM,MAAA,mBAAA,GAAsBA,aAAS,MAAM;AACzC,MAAA,OACE,MAAM,eACN,IAAA,cAAA,CAAe,SACf,cAAe,CAAA,KAAA,IACf,eAAe,KAAU,KAAA,KAAA,CAAA;AAAA,KAE5B,CAAA,CAAA;AAED,IAAM,MAAA,sBAAA,GAAyBA,aAAS,MAAM;AAE5C,MAAA,IAAI,MAAM,eAAiB,EAAA;AACzB,QAAO,OAAA,cAAA,CAAe,KAAS,IAAA,cAAA,CAAe,KAAU,KAAA,QAAA,CAAA;AAAA,OACnD,MAAA;AAEL,QAAA,OAAO,KAAM,CAAA,kBAAA,CAAA;AAAA,OACf;AAAA,KACD,CAAA,CAAA;AACD,IAAM,MAAA,GAAA,GAAMC,gCAAgB,iBAAiB,CAAA,CAAA;AAI7C,IAAA,MAAM,cAAc,YAAY;AAC9B,MAAA,KAAA,CAAM,kBAAkB,KAAK,CAAA,CAAA;AAC7B,MAAM,KAAA,CAAA,OAAA,EAAS,MAAM,OAAO,CAAA,CAAA;AAAA,KAC9B,CAAA;AAGA,IAAAC,eAAA,CAAY,MAAM;AAChB,MAAI,IAAA,KAAA,CAAM,OAAW,IAAA,iBAAA,CAAkB,KAAO,EAAA;AAE5C,QAAA,IAAI,MAAM,YAAc,EAAA;AACtB,UAAM,MAAA,UAAA,GACJ,OAAO,KAAM,CAAA,YAAA,KAAiB,aAC1B,KAAM,CAAA,YAAA,KACN,KAAM,CAAA,YAAA,CAAA;AACZ,UAAW,UAAA,CAAA,WAAA,CAAY,kBAAkB,KAAM,CAAA,CAAA;AAAA,SAC1C,MAAA;AAEL,UAAS,QAAA,CAAA,IAAA,CAAK,WAAY,CAAA,iBAAA,CAAkB,KAAM,CAAA,CAAA;AAAA,SACpD;AAAA,OACF;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}