@varlet/ui 3.5.0 → 3.5.1
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.
- package/package.json +7 -7
- package/es/action-sheet/ActionItem.mjs +0 -79
- package/es/action-sheet/ActionItemSfc.css +0 -0
- package/es/action-sheet/ActionSheet.mjs +0 -122
- package/es/action-sheet/ActionSheetSfc.css +0 -0
- package/es/action-sheet/actionSheet.css +0 -1
- package/es/action-sheet/index.mjs +0 -86
- package/es/action-sheet/props.mjs +0 -52
- package/es/action-sheet/style/index.mjs +0 -7
- package/es/app-bar/AppBar.mjs +0 -197
- package/es/app-bar/AppBarSfc.css +0 -0
- package/es/app-bar/appBar.css +0 -1
- package/es/app-bar/index.mjs +0 -12
- package/es/app-bar/props.mjs +0 -27
- package/es/app-bar/style/index.mjs +0 -4
- package/es/auto-complete/AutoComplete.mjs +0 -361
- package/es/auto-complete/AutoCompleteSfc.css +0 -0
- package/es/auto-complete/autoComplete.css +0 -1
- package/es/auto-complete/index.mjs +0 -11
- package/es/auto-complete/props.mjs +0 -63
- package/es/auto-complete/provide.mjs +0 -0
- package/es/auto-complete/style/index.mjs +0 -11
- package/es/avatar/Avatar.mjs +0 -144
- package/es/avatar/AvatarSfc.css +0 -0
- package/es/avatar/avatar.css +0 -1
- package/es/avatar/index.mjs +0 -12
- package/es/avatar/props.mjs +0 -30
- package/es/avatar/style/index.mjs +0 -3
- package/es/avatar-group/AvatarGroup.mjs +0 -44
- package/es/avatar-group/AvatarGroupSfc.css +0 -0
- package/es/avatar-group/avatarGroup.css +0 -1
- package/es/avatar-group/index.mjs +0 -12
- package/es/avatar-group/props.mjs +0 -7
- package/es/avatar-group/style/index.mjs +0 -3
- package/es/back-top/BackTop.mjs +0 -114
- package/es/back-top/BackTopSfc.css +0 -0
- package/es/back-top/backTop.css +0 -1
- package/es/back-top/index.mjs +0 -12
- package/es/back-top/props.mjs +0 -22
- package/es/back-top/style/index.mjs +0 -5
- package/es/badge/Badge.mjs +0 -111
- package/es/badge/BadgeSfc.css +0 -0
- package/es/badge/badge.css +0 -1
- package/es/badge/index.mjs +0 -12
- package/es/badge/props.mjs +0 -33
- package/es/badge/style/index.mjs +0 -4
- package/es/bottom-navigation/BottomNavigation.mjs +0 -228
- package/es/bottom-navigation/BottomNavigationSfc.css +0 -0
- package/es/bottom-navigation/bottomNavigation.css +0 -1
- package/es/bottom-navigation/index.mjs +0 -12
- package/es/bottom-navigation/props.mjs +0 -26
- package/es/bottom-navigation/provide.mjs +0 -18
- package/es/bottom-navigation/style/index.mjs +0 -7
- package/es/bottom-navigation-item/BottomNavigationItem.mjs +0 -139
- package/es/bottom-navigation-item/BottomNavigationItemSfc.css +0 -0
- package/es/bottom-navigation-item/bottomNavigationItem.css +0 -1
- package/es/bottom-navigation-item/index.mjs +0 -12
- package/es/bottom-navigation-item/props.mjs +0 -16
- package/es/bottom-navigation-item/provide.mjs +0 -21
- package/es/bottom-navigation-item/style/index.mjs +0 -6
- package/es/breadcrumb/Breadcrumb.mjs +0 -74
- package/es/breadcrumb/BreadcrumbSfc.css +0 -0
- package/es/breadcrumb/breadcrumb.css +0 -1
- package/es/breadcrumb/index.mjs +0 -12
- package/es/breadcrumb/props.mjs +0 -8
- package/es/breadcrumb/provide.mjs +0 -19
- package/es/breadcrumb/style/index.mjs +0 -3
- package/es/breadcrumbs/Breadcrumbs.mjs +0 -40
- package/es/breadcrumbs/BreadcrumbsSfc.css +0 -0
- package/es/breadcrumbs/breadcrumbs.css +0 -1
- package/es/breadcrumbs/index.mjs +0 -12
- package/es/breadcrumbs/props.mjs +0 -9
- package/es/breadcrumbs/provide.mjs +0 -16
- package/es/breadcrumbs/style/index.mjs +0 -3
- package/es/button/Button.mjs +0 -165
- package/es/button/ButtonSfc.css +0 -0
- package/es/button/button.css +0 -1
- package/es/button/index.mjs +0 -12
- package/es/button/props.mjs +0 -64
- package/es/button/provide.mjs +0 -13
- package/es/button/style/index.mjs +0 -7
- package/es/button-group/ButtonGroup.mjs +0 -53
- package/es/button-group/ButtonGroupSfc.css +0 -0
- package/es/button-group/buttonGroup.css +0 -1
- package/es/button-group/index.mjs +0 -12
- package/es/button-group/props.mjs +0 -24
- package/es/button-group/provide.mjs +0 -14
- package/es/button-group/style/index.mjs +0 -4
- package/es/card/Card.mjs +0 -370
- package/es/card/CardSfc.css +0 -0
- package/es/card/card.css +0 -1
- package/es/card/index.mjs +0 -12
- package/es/card/props.mjs +0 -34
- package/es/card/style/index.mjs +0 -7
- package/es/cell/Cell.mjs +0 -122
- package/es/cell/CellSfc.css +0 -0
- package/es/cell/cell.css +0 -1
- package/es/cell/index.mjs +0 -12
- package/es/cell/props.mjs +0 -19
- package/es/cell/style/index.mjs +0 -5
- package/es/checkbox/Checkbox.mjs +0 -255
- package/es/checkbox/CheckboxSfc.css +0 -0
- package/es/checkbox/checkbox.css +0 -1
- package/es/checkbox/index.mjs +0 -12
- package/es/checkbox/props.mjs +0 -37
- package/es/checkbox/provide.mjs +0 -15
- package/es/checkbox/style/index.mjs +0 -7
- package/es/checkbox-group/CheckboxGroup.mjs +0 -158
- package/es/checkbox-group/CheckboxGroupSfc.css +0 -0
- package/es/checkbox-group/checkboxGroup.css +0 -1
- package/es/checkbox-group/index.mjs +0 -12
- package/es/checkbox-group/props.mjs +0 -34
- package/es/checkbox-group/provide.mjs +0 -16
- package/es/checkbox-group/style/index.mjs +0 -8
- package/es/chip/Chip.mjs +0 -104
- package/es/chip/ChipSfc.css +0 -0
- package/es/chip/chip.css +0 -1
- package/es/chip/index.mjs +0 -12
- package/es/chip/props.mjs +0 -31
- package/es/chip/style/index.mjs +0 -5
- package/es/col/Col.mjs +0 -96
- package/es/col/ColSfc.css +0 -0
- package/es/col/col.css +0 -1
- package/es/col/index.mjs +0 -12
- package/es/col/props.mjs +0 -26
- package/es/col/provide.mjs +0 -13
- package/es/col/style/index.mjs +0 -3
- package/es/collapse/Collapse.mjs +0 -118
- package/es/collapse/CollapseSfc.css +0 -1
- package/es/collapse/index.mjs +0 -12
- package/es/collapse/props.mjs +0 -22
- package/es/collapse/provide.mjs +0 -16
- package/es/collapse/style/index.mjs +0 -3
- package/es/collapse-item/CollapseItem.mjs +0 -166
- package/es/collapse-item/CollapseItemSfc.css +0 -0
- package/es/collapse-item/collapseItem.css +0 -1
- package/es/collapse-item/index.mjs +0 -12
- package/es/collapse-item/props.mjs +0 -12
- package/es/collapse-item/provide.mjs +0 -19
- package/es/collapse-item/style/index.mjs +0 -4
- package/es/collapse-transition/CollapseTransition.mjs +0 -50
- package/es/collapse-transition/CollapseTransitionSfc.css +0 -0
- package/es/collapse-transition/collapseTransition.css +0 -1
- package/es/collapse-transition/index.mjs +0 -12
- package/es/collapse-transition/props.mjs +0 -6
- package/es/collapse-transition/style/index.mjs +0 -3
- package/es/collapse-transition/useCollapseTransition.mjs +0 -87
- package/es/context/index.mjs +0 -12
- package/es/context/lock.mjs +0 -76
- package/es/context/stack.mjs +0 -46
- package/es/context/style/index.mjs +0 -0
- package/es/context/zIndex.mjs +0 -19
- package/es/countdown/Countdown.mjs +0 -168
- package/es/countdown/CountdownSfc.css +0 -0
- package/es/countdown/countdown.css +0 -1
- package/es/countdown/index.mjs +0 -12
- package/es/countdown/props.mjs +0 -20
- package/es/countdown/style/index.mjs +0 -3
- package/es/counter/Counter.mjs +0 -333
- package/es/counter/CounterSfc.css +0 -0
- package/es/counter/counter.css +0 -1
- package/es/counter/index.mjs +0 -12
- package/es/counter/props.mjs +0 -57
- package/es/counter/provide.mjs +0 -0
- package/es/counter/style/index.mjs +0 -9
- package/es/date-picker/DatePicker.mjs +0 -688
- package/es/date-picker/DatePickerSfc.css +0 -0
- package/es/date-picker/date-picker.css +0 -1
- package/es/date-picker/index.mjs +0 -12
- package/es/date-picker/props.mjs +0 -47
- package/es/date-picker/src/day-picker-panel.mjs +0 -368
- package/es/date-picker/src/month-picker-panel.mjs +0 -284
- package/es/date-picker/src/panel-header.mjs +0 -139
- package/es/date-picker/src/year-picker-panel.mjs +0 -295
- package/es/date-picker/style/index.mjs +0 -8
- package/es/dialog/Dialog.mjs +0 -254
- package/es/dialog/DialogSfc.css +0 -0
- package/es/dialog/dialog.css +0 -1
- package/es/dialog/index.mjs +0 -97
- package/es/dialog/props.mjs +0 -67
- package/es/dialog/style/index.mjs +0 -5
- package/es/divider/Divider.mjs +0 -86
- package/es/divider/DividerSfc.css +0 -0
- package/es/divider/divider.css +0 -1
- package/es/divider/index.mjs +0 -12
- package/es/divider/props.mjs +0 -14
- package/es/divider/style/index.mjs +0 -3
- package/es/drag/Drag.mjs +0 -261
- package/es/drag/DragSfc.css +0 -0
- package/es/drag/drag.css +0 -1
- package/es/drag/index.mjs +0 -12
- package/es/drag/props.mjs +0 -30
- package/es/drag/style/index.mjs +0 -3
- package/es/ellipsis/Ellipsis.mjs +0 -110
- package/es/ellipsis/EllipsisSfc.css +0 -0
- package/es/ellipsis/ellipsis.css +0 -1
- package/es/ellipsis/index.mjs +0 -12
- package/es/ellipsis/props.mjs +0 -14
- package/es/ellipsis/style/index.mjs +0 -4
- package/es/fab/Fab.mjs +0 -153
- package/es/fab/fab.css +0 -1
- package/es/fab/index.mjs +0 -12
- package/es/fab/props.mjs +0 -73
- package/es/fab/style/index.mjs +0 -8
- package/es/field-decorator/FieldDecorator.mjs +0 -319
- package/es/field-decorator/FieldDecoratorSfc.css +0 -0
- package/es/field-decorator/fieldDecorator.css +0 -1
- package/es/field-decorator/index.mjs +0 -12
- package/es/field-decorator/props.mjs +0 -47
- package/es/field-decorator/style/index.mjs +0 -4
- package/es/floating-panel/FloatingPanel.mjs +0 -186
- package/es/floating-panel/FloatingPanelSfc.css +0 -0
- package/es/floating-panel/floatingPanel.css +0 -1
- package/es/floating-panel/index.mjs +0 -11
- package/es/floating-panel/props.mjs +0 -27
- package/es/floating-panel/style/index.mjs +0 -4
- package/es/form/Form.mjs +0 -116
- package/es/form/FormSfc.css +0 -0
- package/es/form/index.mjs +0 -15
- package/es/form/props.mjs +0 -15
- package/es/form/provide.mjs +0 -47
- package/es/form/style/index.mjs +0 -2
- package/es/form-details/FormDetails.mjs +0 -91
- package/es/form-details/FormDetailsSfc.css +0 -0
- package/es/form-details/formDetails.css +0 -1
- package/es/form-details/index.mjs +0 -12
- package/es/form-details/props.mjs +0 -13
- package/es/form-details/style/index.mjs +0 -3
- package/es/hover/index.mjs +0 -127
- package/es/hover/style/index.mjs +0 -0
- package/es/hover-overlay/HoverOverlay.mjs +0 -31
- package/es/hover-overlay/HoverOverlaySfc.css +0 -0
- package/es/hover-overlay/hoverOverlay.css +0 -1
- package/es/hover-overlay/index.mjs +0 -24
- package/es/hover-overlay/props.mjs +0 -7
- package/es/hover-overlay/style/index.mjs +0 -3
- package/es/icon/Icon.mjs +0 -89
- package/es/icon/IconSfc.css +0 -0
- package/es/icon/icon.css +0 -1
- package/es/icon/index.mjs +0 -12
- package/es/icon/props.mjs +0 -19
- package/es/icon/style/index.mjs +0 -3
- package/es/image/Image.mjs +0 -115
- package/es/image/ImageSfc.css +0 -0
- package/es/image/image.css +0 -1
- package/es/image/index.mjs +0 -12
- package/es/image/props.mjs +0 -35
- package/es/image/style/index.mjs +0 -4
- package/es/image-preview/ImagePreview.mjs +0 -338
- package/es/image-preview/ImagePreviewSfc.css +0 -0
- package/es/image-preview/imagePreview.css +0 -1
- package/es/image-preview/index.mjs +0 -87
- package/es/image-preview/props.mjs +0 -52
- package/es/image-preview/style/index.mjs +0 -7
- package/es/index-anchor/IndexAnchor.mjs +0 -85
- package/es/index-anchor/IndexAnchorSfc.css +0 -1
- package/es/index-anchor/index.mjs +0 -12
- package/es/index-anchor/props.mjs +0 -6
- package/es/index-anchor/provide.mjs +0 -19
- package/es/index-anchor/style/index.mjs +0 -3
- package/es/index-bar/IndexBar.mjs +0 -222
- package/es/index-bar/IndexBarSfc.css +0 -0
- package/es/index-bar/index.mjs +0 -12
- package/es/index-bar/indexBar.css +0 -1
- package/es/index-bar/props.mjs +0 -27
- package/es/index-bar/provide.mjs +0 -16
- package/es/index-bar/style/index.mjs +0 -3
- package/es/index.bundle.mjs +0 -551
- package/es/index.d.ts +0 -1
- package/es/index.mjs +0 -461
- package/es/input/Input.mjs +0 -381
- package/es/input/InputSfc.css +0 -0
- package/es/input/index.mjs +0 -12
- package/es/input/input.css +0 -1
- package/es/input/props.mjs +0 -84
- package/es/input/provide.mjs +0 -0
- package/es/input/style/index.mjs +0 -6
- package/es/lazy/index.mjs +0 -213
- package/es/lazy/style/index.mjs +0 -0
- package/es/link/Link.mjs +0 -87
- package/es/link/LinkSfc.css +0 -0
- package/es/link/index.mjs +0 -12
- package/es/link/link.css +0 -1
- package/es/link/props.mjs +0 -23
- package/es/link/style/index.mjs +0 -3
- package/es/list/List.mjs +0 -191
- package/es/list/ListSfc.css +0 -0
- package/es/list/index.mjs +0 -12
- package/es/list/list.css +0 -1
- package/es/list/props.mjs +0 -23
- package/es/list/provide.mjs +0 -13
- package/es/list/style/index.mjs +0 -5
- package/es/loading/Loading.mjs +0 -190
- package/es/loading/LoadingSfc.css +0 -0
- package/es/loading/index.mjs +0 -12
- package/es/loading/loading.css +0 -1
- package/es/loading/props.mjs +0 -17
- package/es/loading/style/index.mjs +0 -3
- package/es/loading-bar/LoadingBar.mjs +0 -34
- package/es/loading-bar/index.mjs +0 -105
- package/es/loading-bar/loadingBar.css +0 -1
- package/es/loading-bar/props.mjs +0 -19
- package/es/loading-bar/style/index.mjs +0 -2
- package/es/locale/en-US.d.ts +0 -5
- package/es/locale/en-US.mjs +0 -108
- package/es/locale/fa-IR.d.ts +0 -5
- package/es/locale/fa-IR.mjs +0 -108
- package/es/locale/index.mjs +0 -106
- package/es/locale/style/index.mjs +0 -0
- package/es/locale/zh-CN.d.ts +0 -5
- package/es/locale/zh-CN.mjs +0 -108
- package/es/locale/zh-HK.d.ts +0 -5
- package/es/locale/zh-HK.mjs +0 -5
- package/es/locale/zh-TW.d.ts +0 -5
- package/es/locale/zh-TW.mjs +0 -105
- package/es/locale-provider/LocaleProvider.mjs +0 -61
- package/es/locale-provider/index.mjs +0 -11
- package/es/locale-provider/props.mjs +0 -16
- package/es/locale-provider/provide.mjs +0 -17
- package/es/locale-provider/style/index.mjs +0 -0
- package/es/menu/Menu.mjs +0 -124
- package/es/menu/MenuSfc.css +0 -0
- package/es/menu/index.mjs +0 -12
- package/es/menu/menu.css +0 -1
- package/es/menu/props.mjs +0 -54
- package/es/menu/style/index.mjs +0 -4
- package/es/menu/usePopover.mjs +0 -362
- package/es/menu-option/MenuOption.mjs +0 -172
- package/es/menu-option/MenuOptionSfc.css +0 -0
- package/es/menu-option/index.mjs +0 -12
- package/es/menu-option/menuOption.css +0 -1
- package/es/menu-option/props.mjs +0 -14
- package/es/menu-option/provide.mjs +0 -19
- package/es/menu-option/style/index.mjs +0 -5
- package/es/menu-select/MenuSelect.mjs +0 -157
- package/es/menu-select/MenuSelectSfc.css +0 -0
- package/es/menu-select/index.mjs +0 -12
- package/es/menu-select/menuSelect.css +0 -1
- package/es/menu-select/props.mjs +0 -77
- package/es/menu-select/provide.mjs +0 -16
- package/es/menu-select/style/index.mjs +0 -6
- package/es/option/Option.mjs +0 -173
- package/es/option/OptionSfc.css +0 -0
- package/es/option/index.mjs +0 -12
- package/es/option/option.css +0 -1
- package/es/option/props.mjs +0 -10
- package/es/option/provide.mjs +0 -17
- package/es/option/style/index.mjs +0 -6
- package/es/overlay/Overlay.mjs +0 -85
- package/es/overlay/index.mjs +0 -12
- package/es/overlay/overlay.css +0 -1
- package/es/overlay/props.mjs +0 -19
- package/es/overlay/style/index.mjs +0 -2
- package/es/pagination/Pagination.mjs +0 -418
- package/es/pagination/PaginationSfc.css +0 -0
- package/es/pagination/index.mjs +0 -12
- package/es/pagination/pagination.css +0 -1
- package/es/pagination/props.mjs +0 -41
- package/es/pagination/style/index.mjs +0 -12
- package/es/paper/Paper.mjs +0 -61
- package/es/paper/PaperSfc.css +0 -0
- package/es/paper/index.mjs +0 -12
- package/es/paper/paper.css +0 -1
- package/es/paper/props.mjs +0 -17
- package/es/paper/style/index.mjs +0 -5
- package/es/picker/Picker.mjs +0 -503
- package/es/picker/PickerSfc.css +0 -0
- package/es/picker/index.mjs +0 -84
- package/es/picker/picker.css +0 -1
- package/es/picker/props.mjs +0 -82
- package/es/picker/style/index.mjs +0 -5
- package/es/popup/Popup.mjs +0 -149
- package/es/popup/index.mjs +0 -12
- package/es/popup/popup.css +0 -1
- package/es/popup/props.mjs +0 -50
- package/es/popup/provide.mjs +0 -23
- package/es/popup/style/index.mjs +0 -2
- package/es/progress/Progress.mjs +0 -259
- package/es/progress/ProgressSfc.css +0 -0
- package/es/progress/index.mjs +0 -12
- package/es/progress/progress.css +0 -1
- package/es/progress/props.mjs +0 -38
- package/es/progress/style/index.mjs +0 -3
- package/es/pull-refresh/PullRefresh.mjs +0 -217
- package/es/pull-refresh/PullRefreshSfc.css +0 -0
- package/es/pull-refresh/index.mjs +0 -12
- package/es/pull-refresh/props.mjs +0 -23
- package/es/pull-refresh/pullRefresh.css +0 -1
- package/es/pull-refresh/style/index.mjs +0 -5
- package/es/radio/Radio.mjs +0 -245
- package/es/radio/RadioSfc.css +0 -0
- package/es/radio/index.mjs +0 -12
- package/es/radio/props.mjs +0 -35
- package/es/radio/provide.mjs +0 -13
- package/es/radio/radio.css +0 -1
- package/es/radio/style/index.mjs +0 -7
- package/es/radio-group/RadioGroup.mjs +0 -163
- package/es/radio-group/RadioGroupSfc.css +0 -0
- package/es/radio-group/index.mjs +0 -12
- package/es/radio-group/props.mjs +0 -33
- package/es/radio-group/provide.mjs +0 -16
- package/es/radio-group/radioGroup.css +0 -1
- package/es/radio-group/style/index.mjs +0 -8
- package/es/rate/Rate.mjs +0 -204
- package/es/rate/RateSfc.css +0 -0
- package/es/rate/index.mjs +0 -12
- package/es/rate/props.mjs +0 -46
- package/es/rate/provide.mjs +0 -0
- package/es/rate/rate.css +0 -1
- package/es/rate/style/index.mjs +0 -7
- package/es/result/Empty.mjs +0 -26
- package/es/result/Error.mjs +0 -26
- package/es/result/Info.mjs +0 -26
- package/es/result/Question.mjs +0 -26
- package/es/result/Result.mjs +0 -123
- package/es/result/ResultSfc.css +0 -0
- package/es/result/Success.mjs +0 -102
- package/es/result/Warning.mjs +0 -26
- package/es/result/index.mjs +0 -12
- package/es/result/props.mjs +0 -16
- package/es/result/result.css +0 -1
- package/es/result/style/index.mjs +0 -3
- package/es/ripple/index.mjs +0 -174
- package/es/ripple/ripple.css +0 -1
- package/es/ripple/style/index.mjs +0 -2
- package/es/row/Row.mjs +0 -62
- package/es/row/RowSfc.css +0 -0
- package/es/row/index.mjs +0 -12
- package/es/row/props.mjs +0 -19
- package/es/row/provide.mjs +0 -14
- package/es/row/row.css +0 -1
- package/es/row/style/index.mjs +0 -3
- package/es/select/Select.mjs +0 -522
- package/es/select/SelectSfc.css +0 -0
- package/es/select/index.mjs +0 -12
- package/es/select/props.mjs +0 -77
- package/es/select/provide.mjs +0 -14
- package/es/select/select.css +0 -1
- package/es/select/style/index.mjs +0 -10
- package/es/select/useSelectController.mjs +0 -65
- package/es/skeleton/Skeleton.mjs +0 -195
- package/es/skeleton/SkeletonSfc.css +0 -0
- package/es/skeleton/index.mjs +0 -12
- package/es/skeleton/props.mjs +0 -28
- package/es/skeleton/skeleton.css +0 -1
- package/es/skeleton/style/index.mjs +0 -3
- package/es/slider/Slider.mjs +0 -567
- package/es/slider/SliderSfc.css +0 -0
- package/es/slider/index.mjs +0 -12
- package/es/slider/props.mjs +0 -51
- package/es/slider/provide.mjs +0 -0
- package/es/slider/slider.css +0 -1
- package/es/slider/style/index.mjs +0 -5
- package/es/snackbar/Snackbar.mjs +0 -65
- package/es/snackbar/SnackbarSfc.css +0 -0
- package/es/snackbar/core.mjs +0 -174
- package/es/snackbar/coreSfc.css +0 -0
- package/es/snackbar/index.mjs +0 -230
- package/es/snackbar/props.mjs +0 -61
- package/es/snackbar/snackbar.css +0 -1
- package/es/snackbar/style/index.mjs +0 -7
- package/es/space/Space.mjs +0 -70
- package/es/space/index.mjs +0 -12
- package/es/space/margin.mjs +0 -34
- package/es/space/props.mjs +0 -23
- package/es/space/space.css +0 -1
- package/es/space/style/index.mjs +0 -2
- package/es/step/Step.mjs +0 -124
- package/es/step/StepSfc.css +0 -0
- package/es/step/index.mjs +0 -12
- package/es/step/props.mjs +0 -16
- package/es/step/provide.mjs +0 -17
- package/es/step/step.css +0 -1
- package/es/step/style/index.mjs +0 -4
- package/es/steps/Steps.mjs +0 -49
- package/es/steps/StepsSfc.css +0 -1
- package/es/steps/index.mjs +0 -12
- package/es/steps/props.mjs +0 -17
- package/es/steps/provide.mjs +0 -13
- package/es/steps/style/index.mjs +0 -2
- package/es/sticky/Sticky.mjs +0 -178
- package/es/sticky/StickySfc.css +0 -0
- package/es/sticky/index.mjs +0 -12
- package/es/sticky/props.mjs +0 -17
- package/es/sticky/sticky.css +0 -1
- package/es/sticky/style/index.mjs +0 -3
- package/es/style-provider/StyleProvider.mjs +0 -24
- package/es/style-provider/StyleProviderSfc.css +0 -0
- package/es/style-provider/index.mjs +0 -43
- package/es/style-provider/props.mjs +0 -13
- package/es/style-provider/style/index.mjs +0 -2
- package/es/style.css +0 -1
- package/es/style.mjs +0 -89
- package/es/styles/common.css +0 -1
- package/es/styles/elevation.css +0 -1
- package/es/styles/style/index.mjs +0 -0
- package/es/swipe/Swipe.mjs +0 -535
- package/es/swipe/SwipeSfc.css +0 -0
- package/es/swipe/index.mjs +0 -12
- package/es/swipe/props.mjs +0 -34
- package/es/swipe/provide.mjs +0 -40
- package/es/swipe/style/index.mjs +0 -8
- package/es/swipe/swipe.css +0 -1
- package/es/swipe-item/SwipeItem.mjs +0 -57
- package/es/swipe-item/SwipeItemSfc.css +0 -0
- package/es/swipe-item/index.mjs +0 -9
- package/es/swipe-item/provide.mjs +0 -17
- package/es/swipe-item/style/index.mjs +0 -3
- package/es/swipe-item/swipeItem.css +0 -1
- package/es/switch/Switch.mjs +0 -266
- package/es/switch/SwitchSfc.css +0 -0
- package/es/switch/index.mjs +0 -12
- package/es/switch/props.mjs +0 -41
- package/es/switch/provide.mjs +0 -0
- package/es/switch/style/index.mjs +0 -8
- package/es/switch/switch.css +0 -1
- package/es/tab/Tab.mjs +0 -87
- package/es/tab/TabSfc.css +0 -0
- package/es/tab/index.mjs +0 -12
- package/es/tab/props.mjs +0 -13
- package/es/tab/provide.mjs +0 -17
- package/es/tab/style/index.mjs +0 -4
- package/es/tab/tab.css +0 -1
- package/es/tab-item/TabItem.mjs +0 -52
- package/es/tab-item/TabItemSfc.css +0 -0
- package/es/tab-item/index.mjs +0 -12
- package/es/tab-item/props.mjs +0 -6
- package/es/tab-item/provide.mjs +0 -30
- package/es/tab-item/style/index.mjs +0 -4
- package/es/tab-item/tabItem.css +0 -1
- package/es/table/Table.mjs +0 -68
- package/es/table/TableSfc.css +0 -0
- package/es/table/index.mjs +0 -12
- package/es/table/props.mjs +0 -16
- package/es/table/style/index.mjs +0 -4
- package/es/table/table.css +0 -1
- package/es/tabs/Tabs.mjs +0 -246
- package/es/tabs/TabsSfc.css +0 -0
- package/es/tabs/index.mjs +0 -12
- package/es/tabs/props.mjs +0 -46
- package/es/tabs/provide.mjs +0 -14
- package/es/tabs/style/index.mjs +0 -5
- package/es/tabs/tabs.css +0 -1
- package/es/tabs-items/TabsItems.mjs +0 -102
- package/es/tabs-items/TabsItemsSfc.css +0 -0
- package/es/tabs-items/index.mjs +0 -12
- package/es/tabs-items/props.mjs +0 -16
- package/es/tabs-items/provide.mjs +0 -16
- package/es/tabs-items/style/index.mjs +0 -3
- package/es/themes/dark/actionSheet.mjs +0 -17
- package/es/themes/dark/appBar.mjs +0 -15
- package/es/themes/dark/avatar.mjs +0 -14
- package/es/themes/dark/avatarGroup.mjs +0 -6
- package/es/themes/dark/backTop.mjs +0 -9
- package/es/themes/dark/badge.mjs +0 -24
- package/es/themes/dark/bottomNavigation.mjs +0 -12
- package/es/themes/dark/bottomNavigationItem.mjs +0 -18
- package/es/themes/dark/breadcrumb.mjs +0 -9
- package/es/themes/dark/button.mjs +0 -45
- package/es/themes/dark/card.mjs +0 -46
- package/es/themes/dark/cell.mjs +0 -17
- package/es/themes/dark/checkbox.mjs +0 -12
- package/es/themes/dark/chip.mjs +0 -40
- package/es/themes/dark/collapse.mjs +0 -14
- package/es/themes/dark/countdown.mjs +0 -7
- package/es/themes/dark/counter.mjs +0 -17
- package/es/themes/dark/datePicker.mjs +0 -48
- package/es/themes/dark/dialog.mjs +0 -19
- package/es/themes/dark/divider.mjs +0 -10
- package/es/themes/dark/fab.mjs +0 -18
- package/es/themes/dark/fieldDecorator.mjs +0 -39
- package/es/themes/dark/floatingPanel.mjs +0 -15
- package/es/themes/dark/formDetails.mjs +0 -10
- package/es/themes/dark/hoverOverlay.mjs +0 -7
- package/es/themes/dark/icon.mjs +0 -6
- package/es/themes/dark/imagePreview.mjs +0 -14
- package/es/themes/dark/index.d.ts +0 -5
- package/es/themes/dark/index.mjs +0 -161
- package/es/themes/dark/indexBar.mjs +0 -15
- package/es/themes/dark/input.mjs +0 -8
- package/es/themes/dark/link.mjs +0 -14
- package/es/themes/dark/list.mjs +0 -14
- package/es/themes/dark/loading.mjs +0 -9
- package/es/themes/dark/loadingBar.mjs +0 -8
- package/es/themes/dark/menu.mjs +0 -7
- package/es/themes/dark/menuOption.mjs +0 -17
- package/es/themes/dark/menuSelect.mjs +0 -9
- package/es/themes/dark/option.mjs +0 -11
- package/es/themes/dark/overlay.mjs +0 -6
- package/es/themes/dark/pagination.mjs +0 -23
- package/es/themes/dark/paper.mjs +0 -7
- package/es/themes/dark/picker.mjs +0 -16
- package/es/themes/dark/popup.mjs +0 -7
- package/es/themes/dark/progress.mjs +0 -16
- package/es/themes/dark/pullRefresh.mjs +0 -10
- package/es/themes/dark/radio.mjs +0 -12
- package/es/themes/dark/rate.mjs +0 -11
- package/es/themes/dark/result.mjs +0 -29
- package/es/themes/dark/ripple.mjs +0 -7
- package/es/themes/dark/select.mjs +0 -13
- package/es/themes/dark/skeleton.mjs +0 -23
- package/es/themes/dark/slider.mjs +0 -18
- package/es/themes/dark/snackbar.mjs +0 -20
- package/es/themes/dark/space.mjs +0 -13
- package/es/themes/dark/step.mjs +0 -19
- package/es/themes/dark/swipe.mjs +0 -17
- package/es/themes/dark/switch.mjs +0 -25
- package/es/themes/dark/tab.mjs +0 -13
- package/es/themes/dark/table.mjs +0 -20
- package/es/themes/dark/tabs.mjs +0 -14
- package/es/themes/dark/timePicker.mjs +0 -60
- package/es/themes/dark/tooltip.mjs +0 -22
- package/es/themes/dark/uploader.mjs +0 -33
- package/es/themes/dark/watermark.mjs +0 -6
- package/es/themes/index.mjs +0 -11
- package/es/themes/md3-dark/actionSheet.mjs +0 -17
- package/es/themes/md3-dark/appBar.mjs +0 -15
- package/es/themes/md3-dark/avatar.mjs +0 -14
- package/es/themes/md3-dark/avatarGroup.mjs +0 -6
- package/es/themes/md3-dark/backTop.mjs +0 -9
- package/es/themes/md3-dark/badge.mjs +0 -24
- package/es/themes/md3-dark/bottomNavigation.mjs +0 -12
- package/es/themes/md3-dark/bottomNavigationItem.mjs +0 -18
- package/es/themes/md3-dark/breadcrumb.mjs +0 -9
- package/es/themes/md3-dark/button.mjs +0 -45
- package/es/themes/md3-dark/card.mjs +0 -46
- package/es/themes/md3-dark/cell.mjs +0 -17
- package/es/themes/md3-dark/checkbox.mjs +0 -12
- package/es/themes/md3-dark/chip.mjs +0 -40
- package/es/themes/md3-dark/collapse.mjs +0 -14
- package/es/themes/md3-dark/countdown.mjs +0 -7
- package/es/themes/md3-dark/counter.mjs +0 -17
- package/es/themes/md3-dark/datePicker.mjs +0 -47
- package/es/themes/md3-dark/dialog.mjs +0 -19
- package/es/themes/md3-dark/divider.mjs +0 -10
- package/es/themes/md3-dark/fab.mjs +0 -18
- package/es/themes/md3-dark/fieldDecorator.mjs +0 -39
- package/es/themes/md3-dark/floatingPanel.mjs +0 -15
- package/es/themes/md3-dark/formDetails.mjs +0 -10
- package/es/themes/md3-dark/hoverOverlay.mjs +0 -7
- package/es/themes/md3-dark/icon.mjs +0 -6
- package/es/themes/md3-dark/imagePreview.mjs +0 -14
- package/es/themes/md3-dark/index.d.ts +0 -5
- package/es/themes/md3-dark/index.mjs +0 -161
- package/es/themes/md3-dark/indexBar.mjs +0 -15
- package/es/themes/md3-dark/input.mjs +0 -8
- package/es/themes/md3-dark/link.mjs +0 -14
- package/es/themes/md3-dark/list.mjs +0 -14
- package/es/themes/md3-dark/loading.mjs +0 -9
- package/es/themes/md3-dark/loadingBar.mjs +0 -8
- package/es/themes/md3-dark/menu.mjs +0 -7
- package/es/themes/md3-dark/menuOption.mjs +0 -17
- package/es/themes/md3-dark/menuSelect.mjs +0 -9
- package/es/themes/md3-dark/option.mjs +0 -11
- package/es/themes/md3-dark/overlay.mjs +0 -6
- package/es/themes/md3-dark/pagination.mjs +0 -23
- package/es/themes/md3-dark/paper.mjs +0 -7
- package/es/themes/md3-dark/picker.mjs +0 -16
- package/es/themes/md3-dark/popup.mjs +0 -7
- package/es/themes/md3-dark/progress.mjs +0 -16
- package/es/themes/md3-dark/pullRefresh.mjs +0 -10
- package/es/themes/md3-dark/radio.mjs +0 -12
- package/es/themes/md3-dark/rate.mjs +0 -11
- package/es/themes/md3-dark/result.mjs +0 -29
- package/es/themes/md3-dark/ripple.mjs +0 -7
- package/es/themes/md3-dark/select.mjs +0 -13
- package/es/themes/md3-dark/skeleton.mjs +0 -23
- package/es/themes/md3-dark/slider.mjs +0 -18
- package/es/themes/md3-dark/snackbar.mjs +0 -20
- package/es/themes/md3-dark/space.mjs +0 -13
- package/es/themes/md3-dark/step.mjs +0 -19
- package/es/themes/md3-dark/swipe.mjs +0 -17
- package/es/themes/md3-dark/switch.mjs +0 -25
- package/es/themes/md3-dark/tab.mjs +0 -13
- package/es/themes/md3-dark/table.mjs +0 -20
- package/es/themes/md3-dark/tabs.mjs +0 -14
- package/es/themes/md3-dark/timePicker.mjs +0 -60
- package/es/themes/md3-dark/tooltip.mjs +0 -22
- package/es/themes/md3-dark/uploader.mjs +0 -33
- package/es/themes/md3-dark/watermark.mjs +0 -6
- package/es/themes/md3-light/actionSheet.mjs +0 -9
- package/es/themes/md3-light/appBar.mjs +0 -15
- package/es/themes/md3-light/avatar.mjs +0 -7
- package/es/themes/md3-light/avatarGroup.mjs +0 -6
- package/es/themes/md3-light/backTop.mjs +0 -9
- package/es/themes/md3-light/badge.mjs +0 -24
- package/es/themes/md3-light/bottomNavigation.mjs +0 -12
- package/es/themes/md3-light/bottomNavigationItem.mjs +0 -18
- package/es/themes/md3-light/breadcrumb.mjs +0 -9
- package/es/themes/md3-light/button.mjs +0 -45
- package/es/themes/md3-light/card.mjs +0 -46
- package/es/themes/md3-light/cell.mjs +0 -17
- package/es/themes/md3-light/checkbox.mjs +0 -12
- package/es/themes/md3-light/chip.mjs +0 -40
- package/es/themes/md3-light/collapse.mjs +0 -14
- package/es/themes/md3-light/countdown.mjs +0 -7
- package/es/themes/md3-light/counter.mjs +0 -17
- package/es/themes/md3-light/datePicker.mjs +0 -47
- package/es/themes/md3-light/dialog.mjs +0 -19
- package/es/themes/md3-light/divider.mjs +0 -10
- package/es/themes/md3-light/fab.mjs +0 -18
- package/es/themes/md3-light/fieldDecorator.mjs +0 -39
- package/es/themes/md3-light/floatingPanel.mjs +0 -15
- package/es/themes/md3-light/formDetails.mjs +0 -10
- package/es/themes/md3-light/hoverOverlay.mjs +0 -7
- package/es/themes/md3-light/icon.mjs +0 -6
- package/es/themes/md3-light/imagePreview.mjs +0 -14
- package/es/themes/md3-light/index.d.ts +0 -5
- package/es/themes/md3-light/index.mjs +0 -161
- package/es/themes/md3-light/indexBar.mjs +0 -15
- package/es/themes/md3-light/input.mjs +0 -8
- package/es/themes/md3-light/link.mjs +0 -14
- package/es/themes/md3-light/list.mjs +0 -14
- package/es/themes/md3-light/loading.mjs +0 -9
- package/es/themes/md3-light/loadingBar.mjs +0 -8
- package/es/themes/md3-light/menu.mjs +0 -7
- package/es/themes/md3-light/menuOption.mjs +0 -17
- package/es/themes/md3-light/menuSelect.mjs +0 -9
- package/es/themes/md3-light/option.mjs +0 -11
- package/es/themes/md3-light/overlay.mjs +0 -6
- package/es/themes/md3-light/pagination.mjs +0 -23
- package/es/themes/md3-light/paper.mjs +0 -7
- package/es/themes/md3-light/picker.mjs +0 -16
- package/es/themes/md3-light/popup.mjs +0 -7
- package/es/themes/md3-light/progress.mjs +0 -16
- package/es/themes/md3-light/pullRefresh.mjs +0 -10
- package/es/themes/md3-light/radio.mjs +0 -12
- package/es/themes/md3-light/rate.mjs +0 -11
- package/es/themes/md3-light/result.mjs +0 -29
- package/es/themes/md3-light/ripple.mjs +0 -7
- package/es/themes/md3-light/select.mjs +0 -13
- package/es/themes/md3-light/skeleton.mjs +0 -21
- package/es/themes/md3-light/slider.mjs +0 -18
- package/es/themes/md3-light/snackbar.mjs +0 -20
- package/es/themes/md3-light/space.mjs +0 -13
- package/es/themes/md3-light/step.mjs +0 -19
- package/es/themes/md3-light/swipe.mjs +0 -17
- package/es/themes/md3-light/switch.mjs +0 -25
- package/es/themes/md3-light/tab.mjs +0 -13
- package/es/themes/md3-light/table.mjs +0 -20
- package/es/themes/md3-light/tabs.mjs +0 -14
- package/es/themes/md3-light/timePicker.mjs +0 -60
- package/es/themes/md3-light/tooltip.mjs +0 -22
- package/es/themes/md3-light/uploader.mjs +0 -33
- package/es/themes/md3-light/watermark.mjs +0 -6
- package/es/themes/style/index.mjs +0 -0
- package/es/themes/toViewport.d.ts +0 -3
- package/es/themes/toViewport.mjs +0 -13
- package/es/time-picker/TimePicker.mjs +0 -461
- package/es/time-picker/TimePickerSfc.css +0 -0
- package/es/time-picker/clock.mjs +0 -333
- package/es/time-picker/index.mjs +0 -12
- package/es/time-picker/props.mjs +0 -31
- package/es/time-picker/style/index.mjs +0 -4
- package/es/time-picker/timePicker.css +0 -1
- package/es/time-picker/utils.mjs +0 -76
- package/es/tooltip/Tooltip.mjs +0 -134
- package/es/tooltip/TooltipSfc.css +0 -0
- package/es/tooltip/index.mjs +0 -12
- package/es/tooltip/props.mjs +0 -52
- package/es/tooltip/style/index.mjs +0 -3
- package/es/tooltip/tooltip.css +0 -1
- package/es/uploader/Uploader.mjs +0 -512
- package/es/uploader/UploaderSfc.css +0 -0
- package/es/uploader/index.mjs +0 -12
- package/es/uploader/props.mjs +0 -59
- package/es/uploader/provide.mjs +0 -0
- package/es/uploader/style/index.mjs +0 -12
- package/es/uploader/uploader.css +0 -1
- package/es/utils/components.mjs +0 -240
- package/es/utils/elements.mjs +0 -222
- package/es/utils/logger.mjs +0 -10
- package/es/utils/shared.mjs +0 -58
- package/es/utils/style/index.mjs +0 -0
- package/es/utils/test.mjs +0 -288
- package/es/varlet.esm.js +0 -23675
- package/es/watermark/Watermark.mjs +0 -248
- package/es/watermark/WatermarkSfc.css +0 -0
- package/es/watermark/index.mjs +0 -12
- package/es/watermark/props.mjs +0 -53
- package/es/watermark/style/index.mjs +0 -3
- package/es/watermark/watermark.css +0 -1
- package/highlight/web-types.en-US.json +0 -8369
- package/highlight/web-types.zh-CN.json +0 -8701
- package/lib/style.css +0 -1
- package/lib/varlet.cjs.js +0 -30109
- package/umd/varlet.js +0 -15
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import { defineComponent, computed } from "vue";
|
|
2
|
-
import { props } from "./props.mjs";
|
|
3
|
-
import { createNamespace } from "../utils/components.mjs";
|
|
4
|
-
import { toSizeUnit } from "../utils/elements.mjs";
|
|
5
|
-
const { name, n, classes } = createNamespace("avatar-group");
|
|
6
|
-
import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
|
|
7
|
-
function __render__(_ctx, _cache) {
|
|
8
|
-
return _openBlock(), _createElementBlock(
|
|
9
|
-
"div",
|
|
10
|
-
{
|
|
11
|
-
class: _normalizeClass(_ctx.classes(_ctx.n(), [_ctx.vertical, _ctx.n("--column"), _ctx.n("--row")])),
|
|
12
|
-
style: _normalizeStyle(_ctx.rootStyles)
|
|
13
|
-
},
|
|
14
|
-
[
|
|
15
|
-
_renderSlot(_ctx.$slots, "default")
|
|
16
|
-
],
|
|
17
|
-
6
|
|
18
|
-
/* CLASS, STYLE */
|
|
19
|
-
);
|
|
20
|
-
}
|
|
21
|
-
const __sfc__ = defineComponent({
|
|
22
|
-
name,
|
|
23
|
-
props,
|
|
24
|
-
setup(props2) {
|
|
25
|
-
const rootStyles = computed(() => {
|
|
26
|
-
if (props2.offset == null) {
|
|
27
|
-
return {};
|
|
28
|
-
}
|
|
29
|
-
return {
|
|
30
|
-
"--avatar-group-offset": toSizeUnit(props2.offset)
|
|
31
|
-
};
|
|
32
|
-
});
|
|
33
|
-
return {
|
|
34
|
-
rootStyles,
|
|
35
|
-
n,
|
|
36
|
-
classes
|
|
37
|
-
};
|
|
38
|
-
}
|
|
39
|
-
});
|
|
40
|
-
__sfc__.render = __render__;
|
|
41
|
-
var stdin_default = __sfc__;
|
|
42
|
-
export {
|
|
43
|
-
stdin_default as default
|
|
44
|
-
};
|
|
File without changes
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
:root { --avatar-group-offset: -10px;}.var-avatar-group { display: inline-flex; flex-wrap: wrap;}.var-avatar-group--row { margin-left: calc(var(--avatar-group-offset) * -1);}.var-avatar-group--row .var-avatar { margin-left: var(--avatar-group-offset);}.var-avatar-group--column { flex-direction: column; margin-top: calc(var(--avatar-group-offset) * -1);}.var-avatar-group--column .var-avatar { margin-top: var(--avatar-group-offset);}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import AvatarGroup from "./AvatarGroup.mjs";
|
|
2
|
-
import { withInstall, withPropsDefaultsSetter } from "../utils/components.mjs";
|
|
3
|
-
import { props as avatarGroupProps } from "./props.mjs";
|
|
4
|
-
withInstall(AvatarGroup);
|
|
5
|
-
withPropsDefaultsSetter(AvatarGroup, avatarGroupProps);
|
|
6
|
-
const _AvatarGroupComponent = AvatarGroup;
|
|
7
|
-
var stdin_default = AvatarGroup;
|
|
8
|
-
export {
|
|
9
|
-
_AvatarGroupComponent,
|
|
10
|
-
avatarGroupProps,
|
|
11
|
-
stdin_default as default
|
|
12
|
-
};
|
package/es/back-top/BackTop.mjs
DELETED
|
@@ -1,114 +0,0 @@
|
|
|
1
|
-
import VarButton from "../button/index.mjs";
|
|
2
|
-
import VarIcon from "../icon/index.mjs";
|
|
3
|
-
import { defineComponent, ref, onMounted, onActivated } from "vue";
|
|
4
|
-
import { props } from "./props.mjs";
|
|
5
|
-
import { throttle, getScrollTop, getScrollLeft, call } from "@varlet/shared";
|
|
6
|
-
import { easeInOutCubic } from "../utils/shared.mjs";
|
|
7
|
-
import { scrollTo, getParentScroller, toPxNum, toSizeUnit, getTarget } from "../utils/elements.mjs";
|
|
8
|
-
import { createNamespace } from "../utils/components.mjs";
|
|
9
|
-
import { onSmartUnmounted } from "@varlet/use";
|
|
10
|
-
const { name, n, classes } = createNamespace("back-top");
|
|
11
|
-
import { renderSlot as _renderSlot, resolveComponent as _resolveComponent, createVNode as _createVNode, withCtx as _withCtx, withModifiers as _withModifiers, mergeProps as _mergeProps, createElementVNode as _createElementVNode, Teleport as _Teleport, openBlock as _openBlock, createBlock as _createBlock } from "vue";
|
|
12
|
-
function __render__(_ctx, _cache) {
|
|
13
|
-
const _component_var_icon = _resolveComponent("var-icon");
|
|
14
|
-
const _component_var_button = _resolveComponent("var-button");
|
|
15
|
-
return _openBlock(), _createBlock(_Teleport, {
|
|
16
|
-
to: "body",
|
|
17
|
-
disabled: _ctx.disabled
|
|
18
|
-
}, [
|
|
19
|
-
_createElementVNode(
|
|
20
|
-
"div",
|
|
21
|
-
_mergeProps({
|
|
22
|
-
class: _ctx.classes(_ctx.n(), [_ctx.show, _ctx.n("--active")]),
|
|
23
|
-
ref: "backTopEl",
|
|
24
|
-
style: {
|
|
25
|
-
right: _ctx.toSizeUnit(_ctx.right),
|
|
26
|
-
bottom: _ctx.toSizeUnit(_ctx.bottom)
|
|
27
|
-
}
|
|
28
|
-
}, _ctx.$attrs, {
|
|
29
|
-
onClick: _cache[0] || (_cache[0] = _withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"]))
|
|
30
|
-
}),
|
|
31
|
-
[
|
|
32
|
-
_renderSlot(_ctx.$slots, "default", {}, () => [
|
|
33
|
-
_createVNode(_component_var_button, {
|
|
34
|
-
elevation: _ctx.elevation,
|
|
35
|
-
type: "primary",
|
|
36
|
-
"var-back-top-cover": ""
|
|
37
|
-
}, {
|
|
38
|
-
default: _withCtx(() => [
|
|
39
|
-
_createVNode(_component_var_icon, { name: "chevron-up" })
|
|
40
|
-
]),
|
|
41
|
-
_: 1
|
|
42
|
-
/* STABLE */
|
|
43
|
-
}, 8, ["elevation"])
|
|
44
|
-
])
|
|
45
|
-
],
|
|
46
|
-
16
|
|
47
|
-
/* FULL_PROPS */
|
|
48
|
-
)
|
|
49
|
-
], 8, ["disabled"]);
|
|
50
|
-
}
|
|
51
|
-
const __sfc__ = defineComponent({
|
|
52
|
-
name,
|
|
53
|
-
components: {
|
|
54
|
-
VarButton,
|
|
55
|
-
VarIcon
|
|
56
|
-
},
|
|
57
|
-
inheritAttrs: false,
|
|
58
|
-
props,
|
|
59
|
-
setup(props2) {
|
|
60
|
-
const show = ref(false);
|
|
61
|
-
const backTopEl = ref(null);
|
|
62
|
-
const disabled = ref(true);
|
|
63
|
-
let scroller;
|
|
64
|
-
const handleScroll = throttle(() => {
|
|
65
|
-
setBackTopVisibility();
|
|
66
|
-
}, 200);
|
|
67
|
-
onMounted(() => {
|
|
68
|
-
setScroller();
|
|
69
|
-
addScrollerEventListener();
|
|
70
|
-
setBackTopVisibility();
|
|
71
|
-
disabled.value = false;
|
|
72
|
-
});
|
|
73
|
-
onActivated(addScrollerEventListener);
|
|
74
|
-
onSmartUnmounted(removeScrollerEventListener);
|
|
75
|
-
function setBackTopVisibility() {
|
|
76
|
-
show.value = getScrollTop(scroller) >= toPxNum(props2.visibilityHeight);
|
|
77
|
-
}
|
|
78
|
-
function handleClick(event) {
|
|
79
|
-
call(props2.onClick, event);
|
|
80
|
-
const left = getScrollLeft(scroller);
|
|
81
|
-
scrollTo(scroller, {
|
|
82
|
-
left,
|
|
83
|
-
duration: props2.duration,
|
|
84
|
-
animation: easeInOutCubic
|
|
85
|
-
});
|
|
86
|
-
}
|
|
87
|
-
function setScroller() {
|
|
88
|
-
scroller = props2.target ? getTarget(props2.target, "BackTop") : getParentScroller(backTopEl.value);
|
|
89
|
-
}
|
|
90
|
-
function addScrollerEventListener() {
|
|
91
|
-
scroller.addEventListener("scroll", handleScroll);
|
|
92
|
-
}
|
|
93
|
-
function removeScrollerEventListener() {
|
|
94
|
-
if (!scroller) {
|
|
95
|
-
return;
|
|
96
|
-
}
|
|
97
|
-
scroller.removeEventListener("scroll", handleScroll);
|
|
98
|
-
}
|
|
99
|
-
return {
|
|
100
|
-
disabled,
|
|
101
|
-
show,
|
|
102
|
-
backTopEl,
|
|
103
|
-
toSizeUnit,
|
|
104
|
-
n,
|
|
105
|
-
classes,
|
|
106
|
-
handleClick
|
|
107
|
-
};
|
|
108
|
-
}
|
|
109
|
-
});
|
|
110
|
-
__sfc__.render = __render__;
|
|
111
|
-
var stdin_default = __sfc__;
|
|
112
|
-
export {
|
|
113
|
-
stdin_default as default
|
|
114
|
-
};
|
|
File without changes
|
package/es/back-top/backTop.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
:root { --back-top-right: 40px; --back-top-bottom: 40px; --back-top-button-size: 40px; --back-top-button-border-radius: 50%;}.var-back-top { position: fixed; z-index: 100; right: var(--back-top-right); bottom: var(--back-top-bottom); transform: scale(0); transition: 0.3s var(--cubic-bezier); -webkit-tap-highlight-color: transparent;}.var-back-top .var-button[var-back-top-cover] { width: var(--back-top-button-size); height: var(--back-top-button-size); border-radius: var(--back-top-button-border-radius);}.var-back-top--active { transform: scale(1);}
|
package/es/back-top/index.mjs
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import BackTop from "./BackTop.mjs";
|
|
2
|
-
import { withInstall, withPropsDefaultsSetter } from "../utils/components.mjs";
|
|
3
|
-
import { props as backTopProps } from "./props.mjs";
|
|
4
|
-
withInstall(BackTop);
|
|
5
|
-
withPropsDefaultsSetter(BackTop, backTopProps);
|
|
6
|
-
const _BackTopComponent = BackTop;
|
|
7
|
-
var stdin_default = BackTop;
|
|
8
|
-
export {
|
|
9
|
-
_BackTopComponent,
|
|
10
|
-
backTopProps,
|
|
11
|
-
stdin_default as default
|
|
12
|
-
};
|
package/es/back-top/props.mjs
DELETED
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { defineListenerProp } from "../utils/components.mjs";
|
|
2
|
-
const props = {
|
|
3
|
-
visibilityHeight: {
|
|
4
|
-
type: [Number, String],
|
|
5
|
-
default: 200
|
|
6
|
-
},
|
|
7
|
-
duration: {
|
|
8
|
-
type: Number,
|
|
9
|
-
default: 300
|
|
10
|
-
},
|
|
11
|
-
right: [Number, String],
|
|
12
|
-
elevation: {
|
|
13
|
-
type: [Boolean, Number, String],
|
|
14
|
-
default: true
|
|
15
|
-
},
|
|
16
|
-
bottom: [Number, String],
|
|
17
|
-
target: [String, Object],
|
|
18
|
-
onClick: defineListenerProp()
|
|
19
|
-
};
|
|
20
|
-
export {
|
|
21
|
-
props
|
|
22
|
-
};
|
package/es/badge/Badge.mjs
DELETED
|
@@ -1,111 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
3
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
4
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
5
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
6
|
-
var __spreadValues = (a, b) => {
|
|
7
|
-
for (var prop in b || (b = {}))
|
|
8
|
-
if (__hasOwnProp.call(b, prop))
|
|
9
|
-
__defNormalProp(a, prop, b[prop]);
|
|
10
|
-
if (__getOwnPropSymbols)
|
|
11
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
12
|
-
if (__propIsEnum.call(b, prop))
|
|
13
|
-
__defNormalProp(a, prop, b[prop]);
|
|
14
|
-
}
|
|
15
|
-
return a;
|
|
16
|
-
};
|
|
17
|
-
import VarIcon from "../icon/index.mjs";
|
|
18
|
-
import { toNumber } from "@varlet/shared";
|
|
19
|
-
import { computed, defineComponent } from "vue";
|
|
20
|
-
import { props } from "./props.mjs";
|
|
21
|
-
import { createNamespace } from "../utils/components.mjs";
|
|
22
|
-
import { toSizeUnit } from "../utils/elements.mjs";
|
|
23
|
-
const { name, n, classes } = createNamespace("badge");
|
|
24
|
-
import { renderSlot as _renderSlot, resolveComponent as _resolveComponent, normalizeClass as _normalizeClass, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createElementBlock as _createElementBlock, vShow as _vShow, mergeProps as _mergeProps, createElementVNode as _createElementVNode, withDirectives as _withDirectives, Transition as _Transition, withCtx as _withCtx, createVNode as _createVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
|
|
25
|
-
const _withScopeId = (n2) => (_pushScopeId(""), n2 = n2(), _popScopeId(), n2);
|
|
26
|
-
const _hoisted_1 = { key: 0 };
|
|
27
|
-
function __render__(_ctx, _cache) {
|
|
28
|
-
const _component_var_icon = _resolveComponent("var-icon");
|
|
29
|
-
return _openBlock(), _createElementBlock(
|
|
30
|
-
"div",
|
|
31
|
-
{
|
|
32
|
-
class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n("$--box")))
|
|
33
|
-
},
|
|
34
|
-
[
|
|
35
|
-
_renderSlot(_ctx.$slots, "default"),
|
|
36
|
-
_createVNode(_Transition, {
|
|
37
|
-
name: _ctx.n("$-badge-fade"),
|
|
38
|
-
persisted: ""
|
|
39
|
-
}, {
|
|
40
|
-
default: _withCtx(() => [
|
|
41
|
-
_withDirectives(_createElementVNode(
|
|
42
|
-
"span",
|
|
43
|
-
_mergeProps({
|
|
44
|
-
class: _ctx.classes(
|
|
45
|
-
_ctx.n("content"),
|
|
46
|
-
_ctx.n(`--${_ctx.type}`),
|
|
47
|
-
[_ctx.$slots.default, _ctx.n(`--${_ctx.position}`), _ctx.n("--offset")],
|
|
48
|
-
[_ctx.dot, _ctx.n("--dot")],
|
|
49
|
-
[_ctx.icon, _ctx.n("--icon")]
|
|
50
|
-
),
|
|
51
|
-
style: __spreadValues({ background: _ctx.color }, _ctx.offsetStyle)
|
|
52
|
-
}, _ctx.$attrs),
|
|
53
|
-
[
|
|
54
|
-
_ctx.icon ? (_openBlock(), _createBlock(_component_var_icon, {
|
|
55
|
-
key: 0,
|
|
56
|
-
class: _normalizeClass(_ctx.n("icon")),
|
|
57
|
-
"var-badge-cover": "",
|
|
58
|
-
name: _ctx.icon,
|
|
59
|
-
namespace: _ctx.namespace
|
|
60
|
-
}, null, 8, ["class", "name", "namespace"])) : _createCommentVNode("v-if", true),
|
|
61
|
-
_renderSlot(_ctx.$slots, "value", {}, () => [
|
|
62
|
-
!_ctx.icon && !_ctx.dot ? (_openBlock(), _createElementBlock(
|
|
63
|
-
"span",
|
|
64
|
-
_hoisted_1,
|
|
65
|
-
_toDisplayString(_ctx.value),
|
|
66
|
-
1
|
|
67
|
-
/* TEXT */
|
|
68
|
-
)) : _createCommentVNode("v-if", true)
|
|
69
|
-
])
|
|
70
|
-
],
|
|
71
|
-
16
|
|
72
|
-
/* FULL_PROPS */
|
|
73
|
-
), [
|
|
74
|
-
[_vShow, !_ctx.hidden]
|
|
75
|
-
])
|
|
76
|
-
]),
|
|
77
|
-
_: 3
|
|
78
|
-
/* FORWARDED */
|
|
79
|
-
}, 8, ["name"])
|
|
80
|
-
],
|
|
81
|
-
2
|
|
82
|
-
/* CLASS */
|
|
83
|
-
);
|
|
84
|
-
}
|
|
85
|
-
const __sfc__ = defineComponent({
|
|
86
|
-
name,
|
|
87
|
-
components: { VarIcon },
|
|
88
|
-
inheritAttrs: false,
|
|
89
|
-
props,
|
|
90
|
-
setup(props2) {
|
|
91
|
-
const value = computed(() => {
|
|
92
|
-
const { value: value2, maxValue } = props2;
|
|
93
|
-
return value2 != null && maxValue != null && toNumber(value2) > toNumber(maxValue) ? `${maxValue}+` : value2;
|
|
94
|
-
});
|
|
95
|
-
const offsetStyle = computed(() => ({
|
|
96
|
-
[`--badge-offset-y`]: toSizeUnit(props2.offsetY),
|
|
97
|
-
[`--badge-offset-x`]: toSizeUnit(props2.offsetX)
|
|
98
|
-
}));
|
|
99
|
-
return {
|
|
100
|
-
value,
|
|
101
|
-
offsetStyle,
|
|
102
|
-
n,
|
|
103
|
-
classes
|
|
104
|
-
};
|
|
105
|
-
}
|
|
106
|
-
});
|
|
107
|
-
__sfc__.render = __render__;
|
|
108
|
-
var stdin_default = __sfc__;
|
|
109
|
-
export {
|
|
110
|
-
stdin_default as default
|
|
111
|
-
};
|
package/es/badge/BadgeSfc.css
DELETED
|
File without changes
|
package/es/badge/badge.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
:root { --badge-content-padding: 2px 6px; --badge-content-border: none; --badge-content-border-radius: 100px; --badge-content-font-size: 12px; --badge-icon-size: 12px; --badge-default-color: #e0e0e0; --badge-primary-color: var(--color-primary); --badge-danger-color: var(--color-danger); --badge-success-color: var(--color-success); --badge-warning-color: var(--color-warning); --badge-info-color: var(--color-info); --badge-default-text-color: #1d1b20; --badge-primary-text-color: var(--color-on-primary); --badge-danger-text-color: var(--color-on-danger); --badge-success-text-color: var(--color-on-success); --badge-warning-text-color: var(--color-on-warning); --badge-info-text-color: var(--color-on-info); --badge-dot-width: 8px; --badge-dot-height: 8px;}.var-badge { display: inline-block; position: relative; transition: background-color 0.25s;}.var-badge__content { display: inline-block; vertical-align: middle; text-align: center; padding: var(--badge-content-padding); border: var(--badge-content-border); border-radius: var(--badge-content-border-radius); font-size: var(--badge-content-font-size);}.var-badge--offset { transform: translateX(var(--badge-offset-x)) translateY(var(--badge-offset-y));}.var-badge__icon[var-badge-cover] { font-size: var(--badge-icon-size);}.var-badge--icon { padding: 2px 4px;}.var-badge--dot { box-sizing: content-box; width: var(--badge-dot-width); height: var(--badge-dot-height); padding: 0;}.var-badge--default { color: var(--badge-default-text-color); background: var(--badge-default-color);}.var-badge--primary { color: var(--badge-primary-text-color); background: var(--badge-primary-color);}.var-badge--info { color: var(--badge-info-text-color); background: var(--badge-info-color);}.var-badge--warning { color: var(--badge-warning-text-color); background: var(--badge-warning-color);}.var-badge--success { color: var(--badge-success-text-color); background: var(--badge-success-color);}.var-badge--danger { color: var(--badge-danger-text-color); background: var(--badge-danger-color);}.var-badge--right-top { position: absolute; top: 0; right: 0; transform: translateY(calc(-50% + var(--badge-offset-y))) translateX(calc(50% + var(--badge-offset-x)));}.var-badge--left-top { position: absolute; top: 0; left: 0; transform: translateY(calc(-50% + var(--badge-offset-y))) translateX(calc(-50% + var(--badge-offset-x)));}.var-badge--right-bottom { position: absolute; bottom: 0; right: 0; transform: translateY(calc(50% + var(--badge-offset-y))) translateX(calc(50% + var(--badge-offset-x)));}.var-badge--left-bottom { position: absolute; bottom: 0; left: 0; transform: translateY(calc(50% + var(--badge-offset-y))) translateX(calc(-50% + var(--badge-offset-x)));}.var-badge-fade-enter-active,.var-badge-fade-leave-active { transition: opacity 0.15s var(--cubic-bezier);}.var-badge-fade-enter-from,.var-badge-fade-leave-to { opacity: 0;}
|
package/es/badge/index.mjs
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import Badge from "./Badge.mjs";
|
|
2
|
-
import { withInstall, withPropsDefaultsSetter } from "../utils/components.mjs";
|
|
3
|
-
import { props as badgeProps } from "./props.mjs";
|
|
4
|
-
withInstall(Badge);
|
|
5
|
-
withPropsDefaultsSetter(Badge, badgeProps);
|
|
6
|
-
const _BadgeComponent = Badge;
|
|
7
|
-
var stdin_default = Badge;
|
|
8
|
-
export {
|
|
9
|
-
_BadgeComponent,
|
|
10
|
-
badgeProps,
|
|
11
|
-
stdin_default as default
|
|
12
|
-
};
|
package/es/badge/props.mjs
DELETED
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { pickProps } from "../utils/components.mjs";
|
|
2
|
-
import { iconProps } from "../icon/index.mjs";
|
|
3
|
-
const props = {
|
|
4
|
-
type: {
|
|
5
|
-
type: String,
|
|
6
|
-
default: "default"
|
|
7
|
-
},
|
|
8
|
-
position: {
|
|
9
|
-
type: String,
|
|
10
|
-
default: "right-top"
|
|
11
|
-
},
|
|
12
|
-
hidden: Boolean,
|
|
13
|
-
value: {
|
|
14
|
-
type: [String, Number],
|
|
15
|
-
default: 0
|
|
16
|
-
},
|
|
17
|
-
maxValue: [String, Number],
|
|
18
|
-
dot: Boolean,
|
|
19
|
-
icon: pickProps(iconProps, "name"),
|
|
20
|
-
namespace: pickProps(iconProps, "namespace"),
|
|
21
|
-
color: String,
|
|
22
|
-
offsetX: {
|
|
23
|
-
type: [String, Number],
|
|
24
|
-
default: 0
|
|
25
|
-
},
|
|
26
|
-
offsetY: {
|
|
27
|
-
type: [String, Number],
|
|
28
|
-
default: 0
|
|
29
|
-
}
|
|
30
|
-
};
|
|
31
|
-
export {
|
|
32
|
-
props
|
|
33
|
-
};
|
package/es/badge/style/index.mjs
DELETED
|
@@ -1,228 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
3
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
4
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
5
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
6
|
-
var __spreadValues = (a, b) => {
|
|
7
|
-
for (var prop in b || (b = {}))
|
|
8
|
-
if (__hasOwnProp.call(b, prop))
|
|
9
|
-
__defNormalProp(a, prop, b[prop]);
|
|
10
|
-
if (__getOwnPropSymbols)
|
|
11
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
12
|
-
if (__propIsEnum.call(b, prop))
|
|
13
|
-
__defNormalProp(a, prop, b[prop]);
|
|
14
|
-
}
|
|
15
|
-
return a;
|
|
16
|
-
};
|
|
17
|
-
import VarButton from "../button/index.mjs";
|
|
18
|
-
import { defineComponent, ref, computed, onUpdated, watch } from "vue";
|
|
19
|
-
import { props } from "./props.mjs";
|
|
20
|
-
import { useBottomNavigationItems } from "./provide.mjs";
|
|
21
|
-
import { createNamespace } from "../utils/components.mjs";
|
|
22
|
-
import { isNumber, normalizeToArray, call, getRect } from "@varlet/shared";
|
|
23
|
-
import { onSmartMounted, onWindowResize } from "@varlet/use";
|
|
24
|
-
import { toSizeUnit } from "../utils/elements.mjs";
|
|
25
|
-
const { name, n, classes } = createNamespace("bottom-navigation");
|
|
26
|
-
const { n: nItem } = createNamespace("bottom-navigation-item");
|
|
27
|
-
const RIGHT_HALF_SPACE_CLASS = nItem("--right-half-space");
|
|
28
|
-
const LEFT_HALF_SPACE_CLASS = nItem("--left-half-space");
|
|
29
|
-
const RIGHT_SPACE_CLASS = nItem("--right-space");
|
|
30
|
-
const defaultFabProps = {
|
|
31
|
-
type: "primary"
|
|
32
|
-
};
|
|
33
|
-
import { renderSlot as _renderSlot, resolveComponent as _resolveComponent, mergeProps as _mergeProps, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createElementBlock as _createElementBlock, Fragment as _Fragment } from "vue";
|
|
34
|
-
function __render__(_ctx, _cache) {
|
|
35
|
-
const _component_var_button = _resolveComponent("var-button");
|
|
36
|
-
return _openBlock(), _createElementBlock(
|
|
37
|
-
_Fragment,
|
|
38
|
-
null,
|
|
39
|
-
[
|
|
40
|
-
_createElementVNode(
|
|
41
|
-
"div",
|
|
42
|
-
_mergeProps({
|
|
43
|
-
class: _ctx.classes(
|
|
44
|
-
_ctx.n(),
|
|
45
|
-
_ctx.n("$--box"),
|
|
46
|
-
[_ctx.fixed, _ctx.n("--fixed")],
|
|
47
|
-
[_ctx.border, _ctx.n("--border")],
|
|
48
|
-
[_ctx.safeArea, _ctx.n("--safe-area")],
|
|
49
|
-
[_ctx.variant, _ctx.n("--variant")]
|
|
50
|
-
),
|
|
51
|
-
ref: "bottomNavigationDom",
|
|
52
|
-
style: `z-index:${_ctx.zIndex}`
|
|
53
|
-
}, _ctx.$attrs),
|
|
54
|
-
[
|
|
55
|
-
_renderSlot(_ctx.$slots, "default"),
|
|
56
|
-
_ctx.$slots.fab ? (_openBlock(), _createBlock(_component_var_button, _mergeProps({
|
|
57
|
-
key: 0,
|
|
58
|
-
class: _ctx.classes(_ctx.n("fab"), [_ctx.length % 2, _ctx.n("--fab-right"), _ctx.n("--fab-center")]),
|
|
59
|
-
"var-bottom-navigation__fab": "",
|
|
60
|
-
onClick: _ctx.handleFabClick
|
|
61
|
-
}, _ctx.fabProps), {
|
|
62
|
-
default: _withCtx(() => [
|
|
63
|
-
_renderSlot(_ctx.$slots, "fab")
|
|
64
|
-
]),
|
|
65
|
-
_: 3
|
|
66
|
-
/* FORWARDED */
|
|
67
|
-
}, 16, ["class", "onClick"])) : _createCommentVNode("v-if", true)
|
|
68
|
-
],
|
|
69
|
-
16
|
|
70
|
-
/* FULL_PROPS */
|
|
71
|
-
),
|
|
72
|
-
_ctx.fixed && _ctx.placeholder ? (_openBlock(), _createElementBlock(
|
|
73
|
-
"div",
|
|
74
|
-
{
|
|
75
|
-
key: 0,
|
|
76
|
-
class: _normalizeClass(_ctx.n("placeholder")),
|
|
77
|
-
style: _normalizeStyle({ height: _ctx.placeholderHeight })
|
|
78
|
-
},
|
|
79
|
-
null,
|
|
80
|
-
6
|
|
81
|
-
/* CLASS, STYLE */
|
|
82
|
-
)) : _createCommentVNode("v-if", true)
|
|
83
|
-
],
|
|
84
|
-
64
|
|
85
|
-
/* STABLE_FRAGMENT */
|
|
86
|
-
);
|
|
87
|
-
}
|
|
88
|
-
const __sfc__ = defineComponent({
|
|
89
|
-
name,
|
|
90
|
-
components: { VarButton },
|
|
91
|
-
props,
|
|
92
|
-
setup(props2, { slots }) {
|
|
93
|
-
const bottomNavigationDom = ref(null);
|
|
94
|
-
const active = computed(() => props2.active);
|
|
95
|
-
const activeColor = computed(() => props2.activeColor);
|
|
96
|
-
const inactiveColor = computed(() => props2.inactiveColor);
|
|
97
|
-
const variant = computed(() => props2.variant);
|
|
98
|
-
const placeholderHeight = ref();
|
|
99
|
-
const fabProps = ref({});
|
|
100
|
-
const { length, bottomNavigationItems, bindBottomNavigationItem } = useBottomNavigationItems();
|
|
101
|
-
const bottomNavigationProvider = {
|
|
102
|
-
active,
|
|
103
|
-
activeColor,
|
|
104
|
-
inactiveColor,
|
|
105
|
-
variant,
|
|
106
|
-
onToggle
|
|
107
|
-
};
|
|
108
|
-
bindBottomNavigationItem(bottomNavigationProvider);
|
|
109
|
-
watch(() => length.value, matchBoundary);
|
|
110
|
-
watch(
|
|
111
|
-
() => props2.fabProps,
|
|
112
|
-
(newValue) => {
|
|
113
|
-
fabProps.value = __spreadValues(__spreadValues({}, defaultFabProps), newValue);
|
|
114
|
-
},
|
|
115
|
-
{ immediate: true, deep: true }
|
|
116
|
-
);
|
|
117
|
-
onWindowResize(resizePlaceholder);
|
|
118
|
-
onSmartMounted(() => {
|
|
119
|
-
resizePlaceholder();
|
|
120
|
-
if (!slots.fab) {
|
|
121
|
-
return;
|
|
122
|
-
}
|
|
123
|
-
addMarginClass(length.value);
|
|
124
|
-
});
|
|
125
|
-
onUpdated(() => {
|
|
126
|
-
removeMarginClass();
|
|
127
|
-
if (!slots.fab) {
|
|
128
|
-
return;
|
|
129
|
-
}
|
|
130
|
-
addMarginClass(length.value);
|
|
131
|
-
});
|
|
132
|
-
function matchBoundary() {
|
|
133
|
-
if (length.value === 0 || matchName() || matchIndex()) {
|
|
134
|
-
return;
|
|
135
|
-
}
|
|
136
|
-
handleActiveIndex();
|
|
137
|
-
}
|
|
138
|
-
function matchName() {
|
|
139
|
-
return bottomNavigationItems.find(({ name: name2 }) => active.value === name2.value);
|
|
140
|
-
}
|
|
141
|
-
function matchIndex() {
|
|
142
|
-
return bottomNavigationItems.find(({ index }) => active.value === index.value);
|
|
143
|
-
}
|
|
144
|
-
function handleActiveIndex() {
|
|
145
|
-
if (!isNumber(active.value)) {
|
|
146
|
-
return;
|
|
147
|
-
}
|
|
148
|
-
if (active.value < 0) {
|
|
149
|
-
call(props2["onUpdate:active"], 0);
|
|
150
|
-
} else if (active.value > length.value - 1) {
|
|
151
|
-
call(props2["onUpdate:active"], length.value - 1);
|
|
152
|
-
}
|
|
153
|
-
}
|
|
154
|
-
function onToggle(changedValue) {
|
|
155
|
-
if (active.value === changedValue) {
|
|
156
|
-
return;
|
|
157
|
-
}
|
|
158
|
-
props2.onBeforeChange ? handleBeforeChange(changedValue) : handleChange(changedValue);
|
|
159
|
-
}
|
|
160
|
-
function handleBeforeChange(changedValue) {
|
|
161
|
-
const results = normalizeToArray(call(props2.onBeforeChange, changedValue));
|
|
162
|
-
Promise.all(results).then((results2) => {
|
|
163
|
-
if (results2.every(Boolean)) {
|
|
164
|
-
handleChange(changedValue);
|
|
165
|
-
}
|
|
166
|
-
});
|
|
167
|
-
}
|
|
168
|
-
function handleChange(changedValue) {
|
|
169
|
-
call(props2["onUpdate:active"], changedValue);
|
|
170
|
-
call(props2.onChange, changedValue);
|
|
171
|
-
}
|
|
172
|
-
function removeMarginClass() {
|
|
173
|
-
const bottomNavigationItems2 = getBottomNavigationItems();
|
|
174
|
-
bottomNavigationItems2.forEach((dom) => {
|
|
175
|
-
dom.classList.remove(RIGHT_HALF_SPACE_CLASS, LEFT_HALF_SPACE_CLASS, RIGHT_SPACE_CLASS);
|
|
176
|
-
});
|
|
177
|
-
}
|
|
178
|
-
function addMarginClass(length2) {
|
|
179
|
-
const bottomNavigationItems2 = getBottomNavigationItems();
|
|
180
|
-
const itemsNum = bottomNavigationItems2.length;
|
|
181
|
-
const isEven = length2 % 2 === 0;
|
|
182
|
-
bottomNavigationItems2.forEach((bottomNavigationItem, i) => {
|
|
183
|
-
handleMarginClass(isEven, bottomNavigationItem, i, itemsNum);
|
|
184
|
-
});
|
|
185
|
-
}
|
|
186
|
-
function handleMarginClass(isEven, dom, i, length2) {
|
|
187
|
-
const isLast = i === length2 - 1;
|
|
188
|
-
if (!isEven && isLast) {
|
|
189
|
-
dom.classList.add(RIGHT_SPACE_CLASS);
|
|
190
|
-
return;
|
|
191
|
-
}
|
|
192
|
-
const isFabLeft = i === length2 / 2 - 1;
|
|
193
|
-
const isFabRight = i === length2 / 2;
|
|
194
|
-
if (isFabLeft) {
|
|
195
|
-
dom.classList.add(RIGHT_HALF_SPACE_CLASS);
|
|
196
|
-
} else if (isFabRight) {
|
|
197
|
-
dom.classList.add(LEFT_HALF_SPACE_CLASS);
|
|
198
|
-
}
|
|
199
|
-
}
|
|
200
|
-
function getBottomNavigationItems() {
|
|
201
|
-
return Array.from(bottomNavigationDom.value.querySelectorAll(`.${nItem()}`));
|
|
202
|
-
}
|
|
203
|
-
function handleFabClick() {
|
|
204
|
-
call(props2.onFabClick);
|
|
205
|
-
}
|
|
206
|
-
function resizePlaceholder() {
|
|
207
|
-
if (!props2.fixed || !props2.placeholder) {
|
|
208
|
-
return;
|
|
209
|
-
}
|
|
210
|
-
const { height } = getRect(bottomNavigationDom.value);
|
|
211
|
-
placeholderHeight.value = toSizeUnit(height);
|
|
212
|
-
}
|
|
213
|
-
return {
|
|
214
|
-
length,
|
|
215
|
-
bottomNavigationDom,
|
|
216
|
-
fabProps,
|
|
217
|
-
placeholderHeight,
|
|
218
|
-
n,
|
|
219
|
-
classes,
|
|
220
|
-
handleFabClick
|
|
221
|
-
};
|
|
222
|
-
}
|
|
223
|
-
});
|
|
224
|
-
__sfc__.render = __render__;
|
|
225
|
-
var stdin_default = __sfc__;
|
|
226
|
-
export {
|
|
227
|
-
stdin_default as default
|
|
228
|
-
};
|
|
File without changes
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
:root { --bottom-navigation-height: 50px; --bottom-navigation-variant-height: 66px; --bottom-navigation-z-index: 1; --bottom-navigation-background-color: var(--color-surface-container-high); --bottom-navigation-border-color: var(--color-outline); --bottom-navigation-fab-offset: 4px; --bottom-navigation-fab-border-radius: 50%;}.var-bottom-navigation { width: 100%; height: var(--bottom-navigation-height); display: flex; position: relative; background-color: var(--bottom-navigation-background-color); transition: background-color 250ms, border-color 250ms; -webkit-tap-highlight-color: transparent;}.var-bottom-navigation--safe-area { padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); box-sizing: content-box !important;}.var-bottom-navigation--fixed { position: fixed; left: 0; bottom: 0;}.var-bottom-navigation--border { border-top: 1px solid var(--bottom-navigation-border-color);}.var-bottom-navigation--variant { height: var(--bottom-navigation-variant-height);}.var-bottom-navigation__fab[var-bottom-navigation__fab] { width: var(--bottom-navigation-height); height: var(--bottom-navigation-height); border-radius: var(--bottom-navigation-fab-border-radius); position: absolute; z-index: 2; transform: translateY(-50%); overflow: hidden; transition: right 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;}.var-bottom-navigation--fab-center { right: calc(50% - var(--bottom-navigation-height) / 2);}.var-bottom-navigation--fab-right { right: var(--bottom-navigation-fab-offset);}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import BottomNavigation from "./BottomNavigation.mjs";
|
|
2
|
-
import { withInstall, withPropsDefaultsSetter } from "../utils/components.mjs";
|
|
3
|
-
import { props as bottomNavigationProps } from "./props.mjs";
|
|
4
|
-
withInstall(BottomNavigation);
|
|
5
|
-
withPropsDefaultsSetter(BottomNavigation, bottomNavigationProps);
|
|
6
|
-
const _BottomNavigationComponent = BottomNavigation;
|
|
7
|
-
var stdin_default = BottomNavigation;
|
|
8
|
-
export {
|
|
9
|
-
_BottomNavigationComponent,
|
|
10
|
-
bottomNavigationProps,
|
|
11
|
-
stdin_default as default
|
|
12
|
-
};
|