@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,338 +0,0 @@
|
|
|
1
|
-
import VarSwipe from "../swipe/index.mjs";
|
|
2
|
-
import VarSwipeItem from "../swipe-item/index.mjs";
|
|
3
|
-
import VarIcon from "../icon/index.mjs";
|
|
4
|
-
import VarPopup from "../popup/index.mjs";
|
|
5
|
-
import { defineComponent, ref, computed } from "vue";
|
|
6
|
-
import { toNumber, clamp, preventDefault, call } from "@varlet/shared";
|
|
7
|
-
import { useEventListener, useTouch, useVModel } from "@varlet/use";
|
|
8
|
-
import { props } from "./props.mjs";
|
|
9
|
-
import { createNamespace } from "../utils/components.mjs";
|
|
10
|
-
const { name, n, classes } = createNamespace("image-preview");
|
|
11
|
-
const DISTANCE_OFFSET = 12;
|
|
12
|
-
const EVENT_DELAY = 200;
|
|
13
|
-
const TAP_DELAY = 350;
|
|
14
|
-
const ANIMATION_DURATION = 200;
|
|
15
|
-
const LONG_PRESS_DELAY = 500;
|
|
16
|
-
const BASE_RATIO = 1;
|
|
17
|
-
import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, resolveComponent as _resolveComponent, withCtx as _withCtx, createBlock as _createBlock, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createCommentVNode as _createCommentVNode, mergeProps as _mergeProps, createVNode as _createVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
|
|
18
|
-
const _withScopeId = (n2) => (_pushScopeId(""), n2 = n2(), _popScopeId(), n2);
|
|
19
|
-
const _hoisted_1 = ["onTouchstart"];
|
|
20
|
-
const _hoisted_2 = ["src", "alt"];
|
|
21
|
-
function __render__(_ctx, _cache) {
|
|
22
|
-
const _component_var_swipe_item = _resolveComponent("var-swipe-item");
|
|
23
|
-
const _component_var_swipe = _resolveComponent("var-swipe");
|
|
24
|
-
const _component_var_icon = _resolveComponent("var-icon");
|
|
25
|
-
const _component_var_popup = _resolveComponent("var-popup");
|
|
26
|
-
return _openBlock(), _createBlock(_component_var_popup, {
|
|
27
|
-
"var-image-preview-cover": "",
|
|
28
|
-
class: _normalizeClass(_ctx.n("popup")),
|
|
29
|
-
transition: _ctx.n("$-fade"),
|
|
30
|
-
overlay: false,
|
|
31
|
-
"close-on-click-overlay": false,
|
|
32
|
-
"close-on-key-escape": _ctx.closeOnKeyEscape,
|
|
33
|
-
"lock-scroll": _ctx.lockScroll,
|
|
34
|
-
teleport: _ctx.teleport,
|
|
35
|
-
show: _ctx.show,
|
|
36
|
-
"onUpdate:show": _cache[3] || (_cache[3] = ($event) => _ctx.show = $event),
|
|
37
|
-
onOpen: _ctx.onOpen,
|
|
38
|
-
onClose: _ctx.onClose,
|
|
39
|
-
onClosed: _ctx.onClosed,
|
|
40
|
-
onOpened: _ctx.onOpened,
|
|
41
|
-
onKeyEscape: _ctx.onKeyEscape,
|
|
42
|
-
onRouteChange: _ctx.onRouteChange
|
|
43
|
-
}, {
|
|
44
|
-
default: _withCtx(() => [
|
|
45
|
-
_createVNode(_component_var_swipe, _mergeProps({
|
|
46
|
-
ref: "swipeRef",
|
|
47
|
-
class: _ctx.n("swipe"),
|
|
48
|
-
"var-image-preview-cover": "",
|
|
49
|
-
touchable: _ctx.canSwipe,
|
|
50
|
-
indicator: _ctx.indicator && _ctx.images.length > 1,
|
|
51
|
-
"initial-index": _ctx.toNumber(_ctx.initialIndex),
|
|
52
|
-
loop: _ctx.loop,
|
|
53
|
-
onChange: _ctx.onChange
|
|
54
|
-
}, _ctx.$attrs), {
|
|
55
|
-
default: _withCtx(() => [
|
|
56
|
-
(_openBlock(true), _createElementBlock(
|
|
57
|
-
_Fragment,
|
|
58
|
-
null,
|
|
59
|
-
_renderList(_ctx.images, (image, idx) => {
|
|
60
|
-
return _openBlock(), _createBlock(_component_var_swipe_item, {
|
|
61
|
-
class: _normalizeClass(_ctx.n("swipe-item")),
|
|
62
|
-
"var-image-preview-cover": "",
|
|
63
|
-
key: image
|
|
64
|
-
}, {
|
|
65
|
-
default: _withCtx(() => [
|
|
66
|
-
_createElementVNode("div", {
|
|
67
|
-
class: _normalizeClass(_ctx.n("zoom-container")),
|
|
68
|
-
style: _normalizeStyle({
|
|
69
|
-
transform: `scale(${_ctx.scale}) translate(${_ctx.translateX}px, ${_ctx.translateY}px)`,
|
|
70
|
-
transitionTimingFunction: _ctx.transitionTimingFunction,
|
|
71
|
-
transitionDuration: _ctx.transitionDuration
|
|
72
|
-
}),
|
|
73
|
-
onTouchstart: ($event) => _ctx.handleTouchstart($event, idx),
|
|
74
|
-
onTouchmove: _cache[0] || (_cache[0] = (...args) => _ctx.handleTouchmove && _ctx.handleTouchmove(...args)),
|
|
75
|
-
onTouchend: _cache[1] || (_cache[1] = (...args) => _ctx.handleTouchend && _ctx.handleTouchend(...args)),
|
|
76
|
-
onTouchcancel: _cache[2] || (_cache[2] = (...args) => _ctx.handleTouchcancel && _ctx.handleTouchcancel(...args))
|
|
77
|
-
}, [
|
|
78
|
-
_createElementVNode("img", {
|
|
79
|
-
role: "img",
|
|
80
|
-
class: _normalizeClass(_ctx.classes(_ctx.n("image"), [_ctx.isPreventDefault, _ctx.n("--prevent")])),
|
|
81
|
-
src: image,
|
|
82
|
-
alt: image
|
|
83
|
-
}, null, 10, _hoisted_2)
|
|
84
|
-
], 46, _hoisted_1)
|
|
85
|
-
]),
|
|
86
|
-
_: 2
|
|
87
|
-
/* DYNAMIC */
|
|
88
|
-
}, 1032, ["class"]);
|
|
89
|
-
}),
|
|
90
|
-
128
|
|
91
|
-
/* KEYED_FRAGMENT */
|
|
92
|
-
))
|
|
93
|
-
]),
|
|
94
|
-
indicator: _withCtx(({ index, length }) => [
|
|
95
|
-
_renderSlot(_ctx.$slots, "indicator", {
|
|
96
|
-
index,
|
|
97
|
-
length
|
|
98
|
-
}, () => [
|
|
99
|
-
_ctx.indicator && _ctx.images.length > 1 ? (_openBlock(), _createElementBlock(
|
|
100
|
-
"div",
|
|
101
|
-
{
|
|
102
|
-
key: 0,
|
|
103
|
-
class: _normalizeClass(_ctx.n("indicators"))
|
|
104
|
-
},
|
|
105
|
-
_toDisplayString(index + 1) + " / " + _toDisplayString(length),
|
|
106
|
-
3
|
|
107
|
-
/* TEXT, CLASS */
|
|
108
|
-
)) : _createCommentVNode("v-if", true)
|
|
109
|
-
])
|
|
110
|
-
]),
|
|
111
|
-
_: 3
|
|
112
|
-
/* FORWARDED */
|
|
113
|
-
}, 16, ["class", "touchable", "indicator", "initial-index", "loop", "onChange"]),
|
|
114
|
-
_renderSlot(_ctx.$slots, "close-icon", {}, () => [
|
|
115
|
-
_ctx.closeable ? (_openBlock(), _createBlock(_component_var_icon, {
|
|
116
|
-
key: 0,
|
|
117
|
-
class: _normalizeClass(_ctx.n("close-icon")),
|
|
118
|
-
name: "close-circle",
|
|
119
|
-
"var-image-preview-cover": "",
|
|
120
|
-
onClick: _ctx.close
|
|
121
|
-
}, null, 8, ["class", "onClick"])) : _createCommentVNode("v-if", true)
|
|
122
|
-
]),
|
|
123
|
-
_ctx.$slots.extra ? (_openBlock(), _createElementBlock(
|
|
124
|
-
"div",
|
|
125
|
-
{
|
|
126
|
-
key: 0,
|
|
127
|
-
class: _normalizeClass(_ctx.n("extra"))
|
|
128
|
-
},
|
|
129
|
-
[
|
|
130
|
-
_renderSlot(_ctx.$slots, "extra")
|
|
131
|
-
],
|
|
132
|
-
2
|
|
133
|
-
/* CLASS */
|
|
134
|
-
)) : _createCommentVNode("v-if", true)
|
|
135
|
-
]),
|
|
136
|
-
_: 3
|
|
137
|
-
/* FORWARDED */
|
|
138
|
-
}, 8, ["class", "transition", "close-on-key-escape", "lock-scroll", "teleport", "show", "onOpen", "onClose", "onClosed", "onOpened", "onKeyEscape", "onRouteChange"]);
|
|
139
|
-
}
|
|
140
|
-
const __sfc__ = defineComponent({
|
|
141
|
-
name,
|
|
142
|
-
components: {
|
|
143
|
-
VarSwipe,
|
|
144
|
-
VarSwipeItem,
|
|
145
|
-
VarPopup,
|
|
146
|
-
VarIcon
|
|
147
|
-
},
|
|
148
|
-
inheritAttrs: false,
|
|
149
|
-
props,
|
|
150
|
-
setup(props2) {
|
|
151
|
-
const show = useVModel(props2, "show");
|
|
152
|
-
const scale = ref(1);
|
|
153
|
-
const translateX = ref(0);
|
|
154
|
-
const translateY = ref(0);
|
|
155
|
-
const transitionTimingFunction = ref();
|
|
156
|
-
const transitionDuration = ref();
|
|
157
|
-
const canSwipe = ref(true);
|
|
158
|
-
const swipeRef = ref(null);
|
|
159
|
-
const { moveX, moveY, distance, startTime, startTouch, moveTouch, endTouch } = useTouch();
|
|
160
|
-
const isPreventDefault = computed(() => {
|
|
161
|
-
const { imagePreventDefault, show: show2 } = props2;
|
|
162
|
-
return show2 && imagePreventDefault;
|
|
163
|
-
});
|
|
164
|
-
let closeRunner = null;
|
|
165
|
-
let longPressRunner = null;
|
|
166
|
-
let isLongPress = false;
|
|
167
|
-
const targets = {
|
|
168
|
-
start: null,
|
|
169
|
-
prev: null
|
|
170
|
-
};
|
|
171
|
-
useEventListener(() => document, "contextmenu", preventImageDefault);
|
|
172
|
-
function zoomIn(ratio) {
|
|
173
|
-
scale.value = toNumber(ratio);
|
|
174
|
-
canSwipe.value = false;
|
|
175
|
-
targets.prev = null;
|
|
176
|
-
window.setTimeout(() => {
|
|
177
|
-
transitionTimingFunction.value = "linear";
|
|
178
|
-
transitionDuration.value = "0s";
|
|
179
|
-
}, ANIMATION_DURATION);
|
|
180
|
-
}
|
|
181
|
-
function zoomOut() {
|
|
182
|
-
scale.value = 1;
|
|
183
|
-
translateX.value = 0;
|
|
184
|
-
translateY.value = 0;
|
|
185
|
-
canSwipe.value = true;
|
|
186
|
-
targets.prev = null;
|
|
187
|
-
transitionTimingFunction.value = void 0;
|
|
188
|
-
transitionDuration.value = void 0;
|
|
189
|
-
}
|
|
190
|
-
function isDoubleTouch(target) {
|
|
191
|
-
if (!targets.prev) {
|
|
192
|
-
return false;
|
|
193
|
-
}
|
|
194
|
-
return distance.value <= DISTANCE_OFFSET && performance.now() - startTime.value <= EVENT_DELAY && targets.prev === target;
|
|
195
|
-
}
|
|
196
|
-
function isTapTouch(target) {
|
|
197
|
-
if (!target || !targets.start || !targets.prev) {
|
|
198
|
-
return false;
|
|
199
|
-
}
|
|
200
|
-
return distance.value <= DISTANCE_OFFSET && performance.now() - startTime.value < TAP_DELAY && (target === targets.start || target.parentNode === targets.start);
|
|
201
|
-
}
|
|
202
|
-
function handleTouchcancel() {
|
|
203
|
-
endTouch();
|
|
204
|
-
window.clearTimeout(longPressRunner);
|
|
205
|
-
isLongPress = false;
|
|
206
|
-
targets.start = null;
|
|
207
|
-
}
|
|
208
|
-
function handleTouchend(event) {
|
|
209
|
-
endTouch();
|
|
210
|
-
window.clearTimeout(longPressRunner);
|
|
211
|
-
if (isLongPress) {
|
|
212
|
-
isLongPress = false;
|
|
213
|
-
return;
|
|
214
|
-
}
|
|
215
|
-
const isTap = isTapTouch(event.target);
|
|
216
|
-
closeRunner = window.setTimeout(() => {
|
|
217
|
-
isTap && close();
|
|
218
|
-
targets.start = null;
|
|
219
|
-
}, EVENT_DELAY);
|
|
220
|
-
}
|
|
221
|
-
function handleTouchstart(event, idx) {
|
|
222
|
-
window.clearTimeout(closeRunner);
|
|
223
|
-
window.clearTimeout(longPressRunner);
|
|
224
|
-
const target = event.currentTarget;
|
|
225
|
-
targets.start = target;
|
|
226
|
-
longPressRunner = window.setTimeout(() => {
|
|
227
|
-
isLongPress = true;
|
|
228
|
-
call(props2.onLongPress, idx);
|
|
229
|
-
}, LONG_PRESS_DELAY);
|
|
230
|
-
if (isDoubleTouch(target)) {
|
|
231
|
-
scale.value > BASE_RATIO ? zoomOut() : zoomIn(props2.zoom);
|
|
232
|
-
return;
|
|
233
|
-
}
|
|
234
|
-
startTouch(event);
|
|
235
|
-
targets.prev = target;
|
|
236
|
-
}
|
|
237
|
-
function getZoom(target) {
|
|
238
|
-
const { offsetWidth, offsetHeight } = target;
|
|
239
|
-
const { naturalWidth, naturalHeight } = target.querySelector(`.${n("image")}`);
|
|
240
|
-
return {
|
|
241
|
-
width: offsetWidth,
|
|
242
|
-
height: offsetHeight,
|
|
243
|
-
imageRadio: naturalHeight / naturalWidth,
|
|
244
|
-
rootRadio: offsetHeight / offsetWidth,
|
|
245
|
-
zoom: toNumber(props2.zoom)
|
|
246
|
-
};
|
|
247
|
-
}
|
|
248
|
-
function getLimitX(target) {
|
|
249
|
-
const { zoom: zoom2, imageRadio, rootRadio, width, height } = getZoom(target);
|
|
250
|
-
if (!imageRadio) {
|
|
251
|
-
return 0;
|
|
252
|
-
}
|
|
253
|
-
const displayWidth = imageRadio > rootRadio ? height / imageRadio : width;
|
|
254
|
-
return Math.max(0, (zoom2 * displayWidth - width) / 2) / zoom2;
|
|
255
|
-
}
|
|
256
|
-
function getLimitY(target) {
|
|
257
|
-
const { zoom: zoom2, imageRadio, rootRadio, width, height } = getZoom(target);
|
|
258
|
-
if (!imageRadio) {
|
|
259
|
-
return 0;
|
|
260
|
-
}
|
|
261
|
-
const displayHeight = imageRadio > rootRadio ? height : width * imageRadio;
|
|
262
|
-
return Math.max(0, (zoom2 * displayHeight - height) / 2) / zoom2;
|
|
263
|
-
}
|
|
264
|
-
function handleTouchmove(event) {
|
|
265
|
-
if (!targets.prev) {
|
|
266
|
-
return;
|
|
267
|
-
}
|
|
268
|
-
moveTouch(event);
|
|
269
|
-
const target = event.currentTarget;
|
|
270
|
-
if (distance.value > DISTANCE_OFFSET) {
|
|
271
|
-
window.clearTimeout(longPressRunner);
|
|
272
|
-
}
|
|
273
|
-
if (scale.value > BASE_RATIO) {
|
|
274
|
-
const limitX = getLimitX(target);
|
|
275
|
-
const limitY = getLimitY(target);
|
|
276
|
-
translateX.value = clamp(translateX.value + moveX.value, -limitX, limitX);
|
|
277
|
-
translateY.value = clamp(translateY.value + moveY.value, -limitY, limitY);
|
|
278
|
-
}
|
|
279
|
-
targets.prev = target;
|
|
280
|
-
}
|
|
281
|
-
function close() {
|
|
282
|
-
if (scale.value > BASE_RATIO) {
|
|
283
|
-
zoomOut();
|
|
284
|
-
setTimeout(() => call(props2["onUpdate:show"], false), ANIMATION_DURATION);
|
|
285
|
-
return;
|
|
286
|
-
}
|
|
287
|
-
call(props2["onUpdate:show"], false);
|
|
288
|
-
}
|
|
289
|
-
function preventImageDefault(event) {
|
|
290
|
-
if (isPreventDefault.value) {
|
|
291
|
-
preventDefault(event);
|
|
292
|
-
}
|
|
293
|
-
}
|
|
294
|
-
function prev(options) {
|
|
295
|
-
var _a;
|
|
296
|
-
(_a = swipeRef.value) == null ? void 0 : _a.prev(options);
|
|
297
|
-
}
|
|
298
|
-
function next(options) {
|
|
299
|
-
var _a;
|
|
300
|
-
(_a = swipeRef.value) == null ? void 0 : _a.next(options);
|
|
301
|
-
}
|
|
302
|
-
function to(idx, options) {
|
|
303
|
-
var _a;
|
|
304
|
-
(_a = swipeRef.value) == null ? void 0 : _a.to(idx, options);
|
|
305
|
-
}
|
|
306
|
-
function zoom(ratio) {
|
|
307
|
-
ratio <= BASE_RATIO ? zoomOut() : zoomIn(ratio);
|
|
308
|
-
}
|
|
309
|
-
return {
|
|
310
|
-
swipeRef,
|
|
311
|
-
isPreventDefault,
|
|
312
|
-
show,
|
|
313
|
-
scale,
|
|
314
|
-
translateX,
|
|
315
|
-
translateY,
|
|
316
|
-
canSwipe,
|
|
317
|
-
transitionTimingFunction,
|
|
318
|
-
transitionDuration,
|
|
319
|
-
n,
|
|
320
|
-
classes,
|
|
321
|
-
toNumber,
|
|
322
|
-
handleTouchstart,
|
|
323
|
-
handleTouchmove,
|
|
324
|
-
handleTouchend,
|
|
325
|
-
handleTouchcancel,
|
|
326
|
-
close,
|
|
327
|
-
prev,
|
|
328
|
-
next,
|
|
329
|
-
to,
|
|
330
|
-
zoom
|
|
331
|
-
};
|
|
332
|
-
}
|
|
333
|
-
});
|
|
334
|
-
__sfc__.render = __render__;
|
|
335
|
-
var stdin_default = __sfc__;
|
|
336
|
-
export {
|
|
337
|
-
stdin_default as default
|
|
338
|
-
};
|
|
File without changes
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
:root { --image-preview-swipe-indicators-text-color: #ddd; --image-preview-swipe-indicators-padding: 16px 0; --image-preview-zoom-container-background: #000; --image-preview-close-icon-top: 14px; --image-preview-close-icon-right: 14px; --image-preview-extra-top: 14px; --image-preview-extra-left: 14px; --image-preview-close-icon-size: 22px; --image-preview-close-icon-color: #fff;}.var-image-preview__popup[var-image-preview-cover] { height: 100%; background: var(--image-preview-zoom-container-background);}.var-image-preview__swipe[var-image-preview-cover] { width: 100vw; height: 100%;}.var-image-preview__swipe-item[var-image-preview-cover] { overflow: hidden;}.var-image-preview__close-icon[var-image-preview-cover] { position: absolute; top: var(--image-preview-close-icon-top); right: var(--image-preview-close-icon-right); color: var(--image-preview-close-icon-color); font-size: var(--image-preview-close-icon-size);}.var-image-preview__extra { position: absolute; top: var(--image-preview-extra-top); left: var(--image-preview-extra-left);}.var-image-preview__indicators { position: absolute; top: 0; width: 100%; padding: var(--image-preview-swipe-indicators-padding); color: var(--image-preview-swipe-indicators-text-color); text-align: center;}.var-image-preview__image { width: 100%; height: 100%; object-fit: contain; -webkit-user-drag: none;}.var-image-preview--prevent { -webkit-touch-callout: none; pointer-events: none;}.var-image-preview__zoom-container { display: flex; justify-content: center; align-items: center; width: 100vw; height: 100%; transition: transform 0.2s;}
|
|
@@ -1,87 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __defProps = Object.defineProperties;
|
|
3
|
-
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
7
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
|
-
var __spreadValues = (a, b) => {
|
|
9
|
-
for (var prop in b || (b = {}))
|
|
10
|
-
if (__hasOwnProp.call(b, prop))
|
|
11
|
-
__defNormalProp(a, prop, b[prop]);
|
|
12
|
-
if (__getOwnPropSymbols)
|
|
13
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
14
|
-
if (__propIsEnum.call(b, prop))
|
|
15
|
-
__defNormalProp(a, prop, b[prop]);
|
|
16
|
-
}
|
|
17
|
-
return a;
|
|
18
|
-
};
|
|
19
|
-
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
-
import VarImagePreview from "./ImagePreview.mjs";
|
|
21
|
-
import { nextTick, reactive } from "vue";
|
|
22
|
-
import { inBrowser, isArray, isString, call } from "@varlet/shared";
|
|
23
|
-
import { mountInstance, withInstall, withPropsDefaultsSetter } from "../utils/components.mjs";
|
|
24
|
-
import { props as imagePreviewProps } from "./props.mjs";
|
|
25
|
-
let singletonOptions;
|
|
26
|
-
let defaultOptions = {};
|
|
27
|
-
function normalizeOptions(options = {}) {
|
|
28
|
-
if (isString(options)) {
|
|
29
|
-
return __spreadProps(__spreadValues({}, defaultOptions), { images: [options] });
|
|
30
|
-
}
|
|
31
|
-
if (isArray(options)) {
|
|
32
|
-
return __spreadProps(__spreadValues({}, defaultOptions), { images: options });
|
|
33
|
-
}
|
|
34
|
-
return __spreadValues(__spreadValues({}, defaultOptions), options);
|
|
35
|
-
}
|
|
36
|
-
function ImagePreview(options) {
|
|
37
|
-
if (!inBrowser()) {
|
|
38
|
-
return;
|
|
39
|
-
}
|
|
40
|
-
ImagePreview.close();
|
|
41
|
-
const imagePreviewOptions = normalizeOptions(options);
|
|
42
|
-
const reactiveImagePreviewOptions = reactive(imagePreviewOptions);
|
|
43
|
-
reactiveImagePreviewOptions.teleport = "body";
|
|
44
|
-
singletonOptions = reactiveImagePreviewOptions;
|
|
45
|
-
const { unmountInstance } = mountInstance(VarImagePreview, reactiveImagePreviewOptions, {
|
|
46
|
-
onClose: () => call(reactiveImagePreviewOptions.onClose),
|
|
47
|
-
onClosed: () => {
|
|
48
|
-
call(reactiveImagePreviewOptions.onClosed);
|
|
49
|
-
unmountInstance();
|
|
50
|
-
singletonOptions === reactiveImagePreviewOptions && (singletonOptions = null);
|
|
51
|
-
},
|
|
52
|
-
onRouteChange: () => {
|
|
53
|
-
unmountInstance();
|
|
54
|
-
singletonOptions === reactiveImagePreviewOptions && (singletonOptions = null);
|
|
55
|
-
},
|
|
56
|
-
"onUpdate:show": (value) => {
|
|
57
|
-
reactiveImagePreviewOptions.show = value;
|
|
58
|
-
}
|
|
59
|
-
});
|
|
60
|
-
reactiveImagePreviewOptions.show = true;
|
|
61
|
-
}
|
|
62
|
-
ImagePreview.close = () => {
|
|
63
|
-
if (singletonOptions != null) {
|
|
64
|
-
const prevSingletonOptions = singletonOptions;
|
|
65
|
-
singletonOptions = null;
|
|
66
|
-
nextTick().then(() => {
|
|
67
|
-
prevSingletonOptions.show = false;
|
|
68
|
-
});
|
|
69
|
-
}
|
|
70
|
-
};
|
|
71
|
-
ImagePreview.setDefaultOptions = (options) => {
|
|
72
|
-
defaultOptions = options;
|
|
73
|
-
};
|
|
74
|
-
ImagePreview.resetDefaultOptions = () => {
|
|
75
|
-
defaultOptions = {};
|
|
76
|
-
};
|
|
77
|
-
ImagePreview.Component = VarImagePreview;
|
|
78
|
-
withInstall(VarImagePreview);
|
|
79
|
-
withInstall(VarImagePreview, ImagePreview);
|
|
80
|
-
withPropsDefaultsSetter(ImagePreview, imagePreviewProps);
|
|
81
|
-
const _ImagePreviewComponent = VarImagePreview;
|
|
82
|
-
var stdin_default = ImagePreview;
|
|
83
|
-
export {
|
|
84
|
-
_ImagePreviewComponent,
|
|
85
|
-
stdin_default as default,
|
|
86
|
-
imagePreviewProps
|
|
87
|
-
};
|
|
@@ -1,52 +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 { defineListenerProp, pickProps } from "../utils/components.mjs";
|
|
18
|
-
import { swipeProps } from "../swipe/index.mjs";
|
|
19
|
-
import { popupProps } from "../popup/index.mjs";
|
|
20
|
-
const props = __spreadValues(__spreadValues({
|
|
21
|
-
show: Boolean,
|
|
22
|
-
imagePreventDefault: Boolean,
|
|
23
|
-
images: {
|
|
24
|
-
type: Array,
|
|
25
|
-
default: () => []
|
|
26
|
-
},
|
|
27
|
-
initialIndex: {
|
|
28
|
-
type: [String, Number],
|
|
29
|
-
default: 0
|
|
30
|
-
},
|
|
31
|
-
zoom: {
|
|
32
|
-
type: [String, Number],
|
|
33
|
-
default: 2
|
|
34
|
-
},
|
|
35
|
-
closeable: Boolean,
|
|
36
|
-
"onUpdate:show": defineListenerProp(),
|
|
37
|
-
onLongPress: defineListenerProp()
|
|
38
|
-
}, pickProps(swipeProps, ["loop", "indicator", "onChange"])), pickProps(popupProps, [
|
|
39
|
-
"lockScroll",
|
|
40
|
-
"teleport",
|
|
41
|
-
"closeOnKeyEscape",
|
|
42
|
-
"onOpen",
|
|
43
|
-
"onClose",
|
|
44
|
-
"onOpened",
|
|
45
|
-
"onClosed",
|
|
46
|
-
"onKeyEscape",
|
|
47
|
-
// internal for function call closes the dialog
|
|
48
|
-
"onRouteChange"
|
|
49
|
-
]));
|
|
50
|
-
export {
|
|
51
|
-
props
|
|
52
|
-
};
|
|
@@ -1,85 +0,0 @@
|
|
|
1
|
-
import VarSticky from "../sticky/index.mjs";
|
|
2
|
-
import { computed, defineComponent, ref, Transition } from "vue";
|
|
3
|
-
import { useIndexBar } from "./provide.mjs";
|
|
4
|
-
import { props } from "./props.mjs";
|
|
5
|
-
import { createNamespace } from "../utils/components.mjs";
|
|
6
|
-
const { name, n, classes } = createNamespace("index-anchor");
|
|
7
|
-
import { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, mergeProps as _mergeProps, createElementVNode as _createElementVNode, resolveDynamicComponent as _resolveDynamicComponent, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock } from "vue";
|
|
8
|
-
function __render__(_ctx, _cache) {
|
|
9
|
-
return _openBlock(), _createBlock(_resolveDynamicComponent(_ctx.sticky ? _ctx.n("$-sticky") : _ctx.Transition), {
|
|
10
|
-
"offset-top": _ctx.sticky ? _ctx.stickyOffsetTop : null,
|
|
11
|
-
"z-index": _ctx.sticky ? _ctx.zIndex : null,
|
|
12
|
-
disabled: _ctx.disabled && !_ctx.cssMode,
|
|
13
|
-
"css-mode": _ctx.cssMode,
|
|
14
|
-
ref: "anchorEl"
|
|
15
|
-
}, {
|
|
16
|
-
default: _withCtx(() => [
|
|
17
|
-
_createElementVNode(
|
|
18
|
-
"div",
|
|
19
|
-
_mergeProps({
|
|
20
|
-
class: _ctx.n()
|
|
21
|
-
}, _ctx.$attrs),
|
|
22
|
-
[
|
|
23
|
-
_renderSlot(_ctx.$slots, "default", {}, () => [
|
|
24
|
-
_createTextVNode(
|
|
25
|
-
_toDisplayString(_ctx.name),
|
|
26
|
-
1
|
|
27
|
-
/* TEXT */
|
|
28
|
-
)
|
|
29
|
-
])
|
|
30
|
-
],
|
|
31
|
-
16
|
|
32
|
-
/* FULL_PROPS */
|
|
33
|
-
)
|
|
34
|
-
]),
|
|
35
|
-
_: 3
|
|
36
|
-
/* FORWARDED */
|
|
37
|
-
}, 8, ["offset-top", "z-index", "disabled", "css-mode"]);
|
|
38
|
-
}
|
|
39
|
-
const __sfc__ = defineComponent({
|
|
40
|
-
name,
|
|
41
|
-
components: { VarSticky },
|
|
42
|
-
inheritAttrs: false,
|
|
43
|
-
props,
|
|
44
|
-
setup(props2) {
|
|
45
|
-
const disabled = ref(false);
|
|
46
|
-
const name2 = computed(() => props2.index);
|
|
47
|
-
const anchorEl = ref(null);
|
|
48
|
-
const { index, indexBar, bindIndexBar } = useIndexBar();
|
|
49
|
-
const { active, sticky, cssMode, stickyOffsetTop, zIndex } = indexBar;
|
|
50
|
-
const indexAnchorProvider = {
|
|
51
|
-
index,
|
|
52
|
-
name: name2,
|
|
53
|
-
setDisabled,
|
|
54
|
-
getOffsetTop
|
|
55
|
-
};
|
|
56
|
-
bindIndexBar(indexAnchorProvider);
|
|
57
|
-
function getOffsetTop() {
|
|
58
|
-
if (!anchorEl.value) {
|
|
59
|
-
return 0;
|
|
60
|
-
}
|
|
61
|
-
return anchorEl.value.$el ? anchorEl.value.$el.offsetTop : anchorEl.value.offsetTop;
|
|
62
|
-
}
|
|
63
|
-
function setDisabled(value) {
|
|
64
|
-
disabled.value = value;
|
|
65
|
-
}
|
|
66
|
-
return {
|
|
67
|
-
n,
|
|
68
|
-
classes,
|
|
69
|
-
name: name2,
|
|
70
|
-
anchorEl,
|
|
71
|
-
active,
|
|
72
|
-
sticky,
|
|
73
|
-
zIndex,
|
|
74
|
-
disabled,
|
|
75
|
-
cssMode,
|
|
76
|
-
stickyOffsetTop,
|
|
77
|
-
Transition
|
|
78
|
-
};
|
|
79
|
-
}
|
|
80
|
-
});
|
|
81
|
-
__sfc__.render = __render__;
|
|
82
|
-
var stdin_default = __sfc__;
|
|
83
|
-
export {
|
|
84
|
-
stdin_default as default
|
|
85
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.var-index-anchor { position: relative;}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import IndexAnchor from "./IndexAnchor.mjs";
|
|
2
|
-
import { withInstall, withPropsDefaultsSetter } from "../utils/components.mjs";
|
|
3
|
-
import { props as indexAnchorProps } from "./props.mjs";
|
|
4
|
-
withInstall(IndexAnchor);
|
|
5
|
-
withPropsDefaultsSetter(IndexAnchor, indexAnchorProps);
|
|
6
|
-
const _IndexAnchorComponent = IndexAnchor;
|
|
7
|
-
var stdin_default = IndexAnchor;
|
|
8
|
-
export {
|
|
9
|
-
_IndexAnchorComponent,
|
|
10
|
-
stdin_default as default,
|
|
11
|
-
indexAnchorProps
|
|
12
|
-
};
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { useParent } from "@varlet/use";
|
|
2
|
-
import { error } from "../utils/logger.mjs";
|
|
3
|
-
import { INDEX_BAR_BIND_INDEX_ANCHOR_KEY } from "../index-bar/provide.mjs";
|
|
4
|
-
function useIndexBar() {
|
|
5
|
-
const { parentProvider, index, bindParent } = useParent(
|
|
6
|
-
INDEX_BAR_BIND_INDEX_ANCHOR_KEY
|
|
7
|
-
);
|
|
8
|
-
if (!bindParent) {
|
|
9
|
-
error("IndexAnchor", 'You should use this component in "IndexBar"');
|
|
10
|
-
}
|
|
11
|
-
return {
|
|
12
|
-
index,
|
|
13
|
-
indexBar: parentProvider,
|
|
14
|
-
bindIndexBar: bindParent
|
|
15
|
-
};
|
|
16
|
-
}
|
|
17
|
-
export {
|
|
18
|
-
useIndexBar
|
|
19
|
-
};
|