cbvirtua 1.0.99 → 1.0.101
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/dist/action-sheet/index.d.ts +1 -0
- package/dist/action-sheet/index.js +75 -0
- package/dist/action-sheet/index.json +8 -0
- package/dist/action-sheet/index.wxml +70 -0
- package/dist/action-sheet/index.wxss +1 -0
- package/dist/area/index.d.ts +1 -0
- package/dist/area/index.js +220 -0
- package/dist/area/index.json +6 -0
- package/dist/area/index.wxml +20 -0
- package/dist/area/index.wxs +8 -0
- package/dist/area/index.wxss +1 -0
- package/dist/button/index.d.ts +1 -0
- package/dist/button/index.js +64 -0
- package/dist/button/index.json +7 -0
- package/dist/button/index.wxml +56 -0
- package/dist/button/index.wxs +39 -0
- package/dist/button/index.wxss +1 -0
- package/dist/calendar/calendar.wxml +70 -0
- package/dist/calendar/components/header/index.d.ts +1 -0
- package/dist/calendar/components/header/index.js +37 -0
- package/dist/calendar/components/header/index.json +3 -0
- package/dist/calendar/components/header/index.wxml +16 -0
- package/dist/calendar/components/header/index.wxss +1 -0
- package/dist/calendar/components/month/index.d.ts +6 -0
- package/dist/calendar/components/month/index.js +154 -0
- package/dist/calendar/components/month/index.json +3 -0
- package/dist/calendar/components/month/index.wxml +39 -0
- package/dist/calendar/components/month/index.wxs +71 -0
- package/dist/calendar/components/month/index.wxss +1 -0
- package/dist/calendar/index.d.ts +1 -0
- package/dist/calendar/index.js +360 -0
- package/dist/calendar/index.json +10 -0
- package/dist/calendar/index.wxml +27 -0
- package/dist/calendar/index.wxs +37 -0
- package/dist/calendar/index.wxss +1 -0
- package/dist/calendar/utils.d.ts +12 -0
- package/dist/calendar/utils.js +83 -0
- package/dist/calendar/utils.wxs +25 -0
- package/dist/card/index.d.ts +1 -0
- package/dist/card/index.js +49 -0
- package/dist/card/index.json +6 -0
- package/dist/card/index.wxml +56 -0
- package/dist/card/index.wxss +1 -0
- package/dist/cascader/index.d.ts +1 -0
- package/dist/cascader/index.js +214 -0
- package/dist/cascader/index.json +8 -0
- package/dist/cascader/index.wxml +55 -0
- package/dist/cascader/index.wxs +24 -0
- package/dist/cascader/index.wxss +1 -0
- package/dist/cell/index.d.ts +1 -0
- package/dist/cell/index.js +38 -0
- package/dist/cell/index.json +6 -0
- package/dist/cell/index.wxml +47 -0
- package/dist/cell/index.wxs +17 -0
- package/dist/cell/index.wxss +1 -0
- package/dist/cell-group/index.d.ts +1 -0
- package/dist/cell-group/index.js +11 -0
- package/dist/cell-group/index.json +3 -0
- package/dist/cell-group/index.wxml +11 -0
- package/dist/cell-group/index.wxss +1 -0
- package/dist/checkbox/index.d.ts +1 -0
- package/dist/checkbox/index.js +77 -0
- package/dist/checkbox/index.json +6 -0
- package/dist/checkbox/index.wxml +31 -0
- package/dist/checkbox/index.wxs +20 -0
- package/dist/checkbox/index.wxss +1 -0
- package/dist/checkbox-group/index.d.ts +1 -0
- package/dist/checkbox-group/index.js +36 -0
- package/dist/checkbox-group/index.json +3 -0
- package/dist/checkbox-group/index.wxml +5 -0
- package/dist/checkbox-group/index.wxss +1 -0
- package/dist/circle/canvas.d.ts +4 -0
- package/dist/circle/canvas.js +43 -0
- package/dist/circle/index.d.ts +1 -0
- package/dist/circle/index.js +197 -0
- package/dist/circle/index.json +3 -0
- package/dist/circle/index.wxml +9 -0
- package/dist/circle/index.wxss +1 -0
- package/dist/col/index.d.ts +1 -0
- package/dist/col/index.js +9 -0
- package/dist/col/index.json +3 -0
- package/dist/col/index.wxml +9 -0
- package/dist/col/index.wxs +18 -0
- package/dist/col/index.wxss +1 -0
- package/dist/collapse/index.d.ts +1 -0
- package/dist/collapse/index.js +46 -0
- package/dist/collapse/index.json +3 -0
- package/dist/collapse/index.wxml +3 -0
- package/dist/collapse/index.wxss +1 -0
- package/dist/collapse-item/animate.d.ts +2 -0
- package/dist/collapse-item/animate.js +39 -0
- package/dist/collapse-item/index.d.ts +1 -0
- package/dist/collapse-item/index.js +61 -0
- package/dist/collapse-item/index.json +6 -0
- package/dist/collapse-item/index.wxml +45 -0
- package/dist/collapse-item/index.wxss +1 -0
- package/dist/common/color.d.ts +7 -0
- package/dist/common/color.js +7 -0
- package/dist/common/component.d.ts +4 -0
- package/dist/common/component.js +46 -0
- package/dist/common/index.wxss +1 -0
- package/dist/common/relation.d.ts +15 -0
- package/dist/common/relation.js +56 -0
- package/dist/common/style/clearfix.wxss +1 -0
- package/dist/common/style/ellipsis.wxss +1 -0
- package/dist/common/style/hairline.wxss +1 -0
- package/dist/common/style/mixins/clearfix.wxss +0 -0
- package/dist/common/style/mixins/ellipsis.wxss +0 -0
- package/dist/common/style/mixins/hairline.wxss +0 -0
- package/dist/common/style/var.wxss +0 -0
- package/dist/common/utils.d.ts +21 -0
- package/dist/common/utils.js +86 -0
- package/dist/common/validator.d.ts +9 -0
- package/dist/common/validator.js +31 -0
- package/dist/common/version.d.ts +15 -0
- package/dist/common/version.js +59 -0
- package/dist/config-provider/index.d.ts +1 -0
- package/dist/config-provider/index.js +9 -0
- package/dist/config-provider/index.json +3 -0
- package/dist/config-provider/index.wxml +5 -0
- package/dist/config-provider/index.wxs +29 -0
- package/dist/count-down/index.d.ts +1 -0
- package/dist/count-down/index.js +100 -0
- package/dist/count-down/index.json +3 -0
- package/dist/count-down/index.wxml +4 -0
- package/dist/count-down/index.wxss +1 -0
- package/dist/count-down/utils.d.ts +10 -0
- package/dist/count-down/utils.js +57 -0
- package/dist/datetime-picker/index.d.ts +1 -0
- package/dist/datetime-picker/index.js +295 -0
- package/dist/datetime-picker/index.json +6 -0
- package/dist/datetime-picker/index.wxml +16 -0
- package/dist/datetime-picker/index.wxss +1 -0
- package/dist/definitions/index.d.ts +29 -0
- package/dist/definitions/index.js +1 -0
- package/dist/dialog/dialog.d.ts +55 -0
- package/dist/dialog/dialog.js +77 -0
- package/dist/dialog/index.d.ts +1 -0
- package/dist/dialog/index.js +132 -0
- package/dist/dialog/index.json +9 -0
- package/dist/dialog/index.wxml +126 -0
- package/dist/dialog/index.wxss +1 -0
- package/dist/divider/index.d.ts +1 -0
- package/dist/divider/index.js +12 -0
- package/dist/divider/index.json +4 -0
- package/dist/divider/index.wxml +9 -0
- package/dist/divider/index.wxs +18 -0
- package/dist/divider/index.wxss +1 -0
- package/dist/dropdown-item/index.d.ts +1 -0
- package/dist/dropdown-item/index.js +130 -0
- package/dist/dropdown-item/index.json +8 -0
- package/dist/dropdown-item/index.wxml +50 -0
- package/dist/dropdown-item/index.wxss +1 -0
- package/dist/dropdown-item/shared.d.ts +5 -0
- package/dist/dropdown-item/shared.js +1 -0
- package/dist/dropdown-menu/index.d.ts +1 -0
- package/dist/dropdown-menu/index.js +117 -0
- package/dist/dropdown-menu/index.json +3 -0
- package/dist/dropdown-menu/index.wxml +23 -0
- package/dist/dropdown-menu/index.wxs +16 -0
- package/dist/dropdown-menu/index.wxss +1 -0
- package/dist/empty/index.d.ts +1 -0
- package/dist/empty/index.js +10 -0
- package/dist/empty/index.json +4 -0
- package/dist/empty/index.wxml +22 -0
- package/dist/empty/index.wxs +15 -0
- package/dist/empty/index.wxss +1 -0
- package/dist/field/index.d.ts +1 -0
- package/dist/field/index.js +138 -0
- package/dist/field/index.json +7 -0
- package/dist/field/index.wxml +56 -0
- package/dist/field/index.wxs +18 -0
- package/dist/field/index.wxss +1 -0
- package/dist/field/input.wxml +31 -0
- package/dist/field/props.d.ts +4 -0
- package/dist/field/props.js +56 -0
- package/dist/field/textarea.wxml +32 -0
- package/dist/field/types.d.ts +8 -0
- package/dist/field/types.js +1 -0
- package/dist/goods-action/index.d.ts +1 -0
- package/dist/goods-action/index.js +15 -0
- package/dist/goods-action/index.json +3 -0
- package/dist/goods-action/index.wxml +5 -0
- package/dist/goods-action/index.wxss +1 -0
- package/dist/goods-action-button/index.d.ts +1 -0
- package/dist/goods-action-button/index.js +44 -0
- package/dist/goods-action-button/index.json +6 -0
- package/dist/goods-action-button/index.wxml +35 -0
- package/dist/goods-action-button/index.wxss +1 -0
- package/dist/goods-action-icon/index.d.ts +1 -0
- package/dist/goods-action-icon/index.js +27 -0
- package/dist/goods-action-icon/index.json +7 -0
- package/dist/goods-action-icon/index.wxml +41 -0
- package/dist/goods-action-icon/index.wxss +1 -0
- package/dist/grid/index.d.ts +1 -0
- package/dist/grid/index.js +55 -0
- package/dist/grid/index.json +3 -0
- package/dist/grid/index.wxml +8 -0
- package/dist/grid/index.wxs +13 -0
- package/dist/grid/index.wxss +1 -0
- package/dist/grid-item/index.d.ts +1 -0
- package/dist/grid-item/index.js +52 -0
- package/dist/grid-item/index.json +6 -0
- package/dist/grid-item/index.wxml +27 -0
- package/dist/grid-item/index.wxs +32 -0
- package/dist/grid-item/index.wxss +1 -0
- package/dist/icon/index.d.ts +1 -0
- package/dist/icon/index.js +21 -0
- package/dist/icon/index.json +6 -0
- package/dist/icon/index.wxml +20 -0
- package/dist/icon/index.wxs +43 -0
- package/dist/icon/index.wxss +1 -0
- package/dist/image/index.d.ts +1 -0
- package/dist/image/index.js +64 -0
- package/dist/image/index.json +7 -0
- package/dist/image/index.wxml +35 -0
- package/dist/image/index.wxs +32 -0
- package/dist/image/index.wxss +1 -0
- package/dist/index-anchor/index.d.ts +1 -0
- package/dist/index-anchor/index.js +25 -0
- package/dist/index-anchor/index.json +3 -0
- package/dist/index-anchor/index.wxml +14 -0
- package/dist/index-anchor/index.wxss +1 -0
- package/dist/index-bar/index.d.ts +1 -0
- package/dist/index-bar/index.js +246 -0
- package/dist/index-bar/index.json +3 -0
- package/dist/index-bar/index.wxml +22 -0
- package/dist/index-bar/index.wxss +1 -0
- package/dist/info/index.d.ts +1 -0
- package/dist/info/index.js +8 -0
- package/dist/info/index.json +3 -0
- package/dist/info/index.wxml +7 -0
- package/dist/info/index.wxss +1 -0
- package/dist/loading/index.d.ts +1 -0
- package/dist/loading/index.js +16 -0
- package/dist/loading/index.json +3 -0
- package/dist/loading/index.wxml +19 -0
- package/dist/loading/index.wxs +22 -0
- package/dist/loading/index.wxss +1 -0
- package/dist/mixins/basic.d.ts +1 -0
- package/dist/mixins/basic.js +26 -0
- package/dist/mixins/button.d.ts +1 -0
- package/dist/mixins/button.js +51 -0
- package/dist/mixins/link.d.ts +1 -0
- package/dist/mixins/link.js +23 -0
- package/dist/mixins/page-scroll.d.ts +6 -0
- package/dist/mixins/page-scroll.js +42 -0
- package/dist/mixins/touch.d.ts +1 -0
- package/dist/mixins/touch.js +37 -0
- package/dist/mixins/transition.d.ts +1 -0
- package/dist/mixins/transition.js +136 -0
- package/dist/nav-bar/index.d.ts +1 -0
- package/dist/nav-bar/index.js +65 -0
- package/dist/nav-bar/index.json +6 -0
- package/dist/nav-bar/index.wxml +42 -0
- package/dist/nav-bar/index.wxs +13 -0
- package/dist/nav-bar/index.wxss +1 -0
- package/dist/notice-bar/index.d.ts +1 -0
- package/dist/notice-bar/index.js +132 -0
- package/dist/notice-bar/index.json +6 -0
- package/dist/notice-bar/index.wxml +38 -0
- package/dist/notice-bar/index.wxs +15 -0
- package/dist/notice-bar/index.wxss +1 -0
- package/dist/notify/index.d.ts +1 -0
- package/dist/notify/index.js +65 -0
- package/dist/notify/index.json +6 -0
- package/dist/notify/index.wxml +21 -0
- package/dist/notify/index.wxs +22 -0
- package/dist/notify/index.wxss +1 -0
- package/dist/notify/notify.d.ts +22 -0
- package/dist/notify/notify.js +53 -0
- package/dist/overlay/index.d.ts +1 -0
- package/dist/overlay/index.js +30 -0
- package/dist/overlay/index.json +6 -0
- package/dist/overlay/index.wxml +7 -0
- package/dist/overlay/index.wxss +1 -0
- package/dist/overlay/overlay.wxml +10 -0
- package/dist/panel/index.d.ts +1 -0
- package/dist/panel/index.js +9 -0
- package/dist/panel/index.json +6 -0
- package/dist/panel/index.wxml +19 -0
- package/dist/panel/index.wxss +1 -0
- package/dist/picker/index.d.ts +1 -0
- package/dist/picker/index.js +136 -0
- package/dist/picker/index.json +7 -0
- package/dist/picker/index.wxml +37 -0
- package/dist/picker/index.wxs +42 -0
- package/dist/picker/index.wxss +1 -0
- package/dist/picker/shared.d.ts +21 -0
- package/dist/picker/shared.js +21 -0
- package/dist/picker/toolbar.wxml +23 -0
- package/dist/picker-column/index.d.ts +1 -0
- package/dist/picker-column/index.js +118 -0
- package/dist/picker-column/index.json +3 -0
- package/dist/picker-column/index.wxml +23 -0
- package/dist/picker-column/index.wxs +36 -0
- package/dist/picker-column/index.wxss +1 -0
- package/dist/popup/index.d.ts +1 -0
- package/dist/popup/index.js +97 -0
- package/dist/popup/index.json +7 -0
- package/dist/popup/index.wxml +21 -0
- package/dist/popup/index.wxs +18 -0
- package/dist/popup/index.wxss +1 -0
- package/dist/popup/popup.wxml +16 -0
- package/dist/progress/index.d.ts +1 -0
- package/dist/progress/index.js +51 -0
- package/dist/progress/index.json +3 -0
- package/dist/progress/index.wxml +20 -0
- package/dist/progress/index.wxs +36 -0
- package/dist/progress/index.wxss +1 -0
- package/dist/radio/index.d.ts +1 -0
- package/dist/radio/index.js +66 -0
- package/dist/radio/index.json +6 -0
- package/dist/radio/index.wxml +30 -0
- package/dist/radio/index.wxs +33 -0
- package/dist/radio/index.wxss +1 -0
- package/dist/radio-group/index.d.ts +1 -0
- package/dist/radio-group/index.js +22 -0
- package/dist/radio-group/index.json +3 -0
- package/dist/radio-group/index.wxml +5 -0
- package/dist/radio-group/index.wxss +1 -0
- package/dist/rate/index.d.ts +1 -0
- package/dist/rate/index.js +78 -0
- package/dist/rate/index.json +6 -0
- package/dist/rate/index.wxml +35 -0
- package/dist/rate/index.wxss +1 -0
- package/dist/row/index.d.ts +1 -0
- package/dist/row/index.js +23 -0
- package/dist/row/index.json +3 -0
- package/dist/row/index.wxml +5 -0
- package/dist/row/index.wxs +18 -0
- package/dist/row/index.wxss +1 -0
- package/dist/search/index.d.ts +1 -0
- package/dist/search/index.js +97 -0
- package/dist/search/index.json +6 -0
- package/dist/search/index.wxml +54 -0
- package/dist/search/index.wxss +1 -0
- package/dist/share-sheet/index.d.ts +1 -0
- package/dist/share-sheet/index.js +59 -0
- package/dist/share-sheet/index.json +7 -0
- package/dist/share-sheet/index.wxml +47 -0
- package/dist/share-sheet/index.wxs +12 -0
- package/dist/share-sheet/index.wxss +1 -0
- package/dist/share-sheet/options.d.ts +1 -0
- package/dist/share-sheet/options.js +14 -0
- package/dist/share-sheet/options.json +3 -0
- package/dist/share-sheet/options.wxml +20 -0
- package/dist/share-sheet/options.wxs +14 -0
- package/dist/share-sheet/options.wxss +1 -0
- package/dist/sidebar/index.d.ts +1 -0
- package/dist/sidebar/index.js +34 -0
- package/dist/sidebar/index.json +3 -0
- package/dist/sidebar/index.wxml +3 -0
- package/dist/sidebar/index.wxss +1 -0
- package/dist/sidebar-item/index.d.ts +1 -0
- package/dist/sidebar-item/index.js +29 -0
- package/dist/sidebar-item/index.json +6 -0
- package/dist/sidebar-item/index.wxml +18 -0
- package/dist/sidebar-item/index.wxss +1 -0
- package/dist/skeleton/index.d.ts +1 -0
- package/dist/skeleton/index.js +46 -0
- package/dist/skeleton/index.json +4 -0
- package/dist/skeleton/index.wxml +29 -0
- package/dist/skeleton/index.wxss +1 -0
- package/dist/slider/index.d.ts +1 -0
- package/dist/slider/index.js +207 -0
- package/dist/slider/index.json +3 -0
- package/dist/slider/index.wxml +68 -0
- package/dist/slider/index.wxs +14 -0
- package/dist/slider/index.wxss +1 -0
- package/dist/stepper/index.d.ts +1 -0
- package/dist/stepper/index.js +184 -0
- package/dist/stepper/index.json +3 -0
- package/dist/stepper/index.wxml +43 -0
- package/dist/stepper/index.wxs +22 -0
- package/dist/stepper/index.wxss +1 -0
- package/dist/steps/index.d.ts +1 -0
- package/dist/steps/index.js +33 -0
- package/dist/steps/index.json +6 -0
- package/dist/steps/index.wxml +54 -0
- package/dist/steps/index.wxss +1 -0
- package/dist/sticky/index.d.ts +1 -0
- package/dist/sticky/index.js +120 -0
- package/dist/sticky/index.json +3 -0
- package/dist/sticky/index.wxml +8 -0
- package/dist/sticky/index.wxs +25 -0
- package/dist/sticky/index.wxss +1 -0
- package/dist/submit-bar/index.d.ts +1 -0
- package/dist/submit-bar/index.js +56 -0
- package/dist/submit-bar/index.json +7 -0
- package/dist/submit-bar/index.wxml +44 -0
- package/dist/submit-bar/index.wxss +1 -0
- package/dist/swipe-cell/index.d.ts +1 -0
- package/dist/swipe-cell/index.js +133 -0
- package/dist/swipe-cell/index.json +3 -0
- package/dist/swipe-cell/index.wxml +20 -0
- package/dist/swipe-cell/index.wxss +1 -0
- package/dist/switch/index.d.ts +1 -0
- package/dist/switch/index.js +36 -0
- package/dist/switch/index.json +6 -0
- package/dist/switch/index.wxml +16 -0
- package/dist/switch/index.wxs +26 -0
- package/dist/switch/index.wxss +1 -0
- package/dist/tab/index.d.ts +1 -0
- package/dist/tab/index.js +56 -0
- package/dist/tab/index.json +3 -0
- package/dist/tab/index.wxml +8 -0
- package/dist/tab/index.wxss +1 -0
- package/dist/tabbar/index.d.ts +1 -0
- package/dist/tabbar/index.js +65 -0
- package/dist/tabbar/index.json +3 -0
- package/dist/tabbar/index.wxml +10 -0
- package/dist/tabbar/index.wxss +1 -0
- package/dist/tabbar-item/index.d.ts +1 -0
- package/dist/tabbar-item/index.js +68 -0
- package/dist/tabbar-item/index.json +7 -0
- package/dist/tabbar-item/index.wxml +28 -0
- package/dist/tabbar-item/index.wxss +1 -0
- package/dist/tabs/index.d.ts +1 -0
- package/dist/tabs/index.js +302 -0
- package/dist/tabs/index.json +7 -0
- package/dist/tabs/index.wxml +63 -0
- package/dist/tabs/index.wxs +83 -0
- package/dist/tabs/index.wxss +1 -0
- package/dist/tag/index.d.ts +1 -0
- package/dist/tag/index.js +21 -0
- package/dist/tag/index.json +6 -0
- package/dist/tag/index.wxml +15 -0
- package/dist/tag/index.wxs +13 -0
- package/dist/tag/index.wxss +1 -0
- package/dist/toast/index.d.ts +1 -0
- package/dist/toast/index.js +29 -0
- package/dist/toast/index.json +9 -0
- package/dist/toast/index.wxml +36 -0
- package/dist/toast/index.wxss +1 -0
- package/dist/toast/toast.d.ts +28 -0
- package/dist/toast/toast.js +68 -0
- package/dist/transition/index.d.ts +1 -0
- package/dist/transition/index.js +13 -0
- package/dist/transition/index.json +3 -0
- package/dist/transition/index.wxml +10 -0
- package/dist/transition/index.wxs +17 -0
- package/dist/transition/index.wxss +1 -0
- package/dist/tree-select/index.d.ts +1 -0
- package/dist/tree-select/index.js +68 -0
- package/dist/tree-select/index.json +8 -0
- package/dist/tree-select/index.wxml +41 -0
- package/dist/tree-select/index.wxs +12 -0
- package/dist/tree-select/index.wxss +1 -0
- package/dist/uploader/index.d.ts +1 -0
- package/dist/uploader/index.js +170 -0
- package/dist/uploader/index.json +7 -0
- package/dist/uploader/index.wxml +85 -0
- package/dist/uploader/index.wxs +17 -0
- package/dist/uploader/index.wxss +1 -0
- package/dist/uploader/shared.d.ts +61 -0
- package/dist/uploader/shared.js +65 -0
- package/dist/uploader/utils.d.ts +24 -0
- package/dist/uploader/utils.js +94 -0
- package/dist/wxs/add-unit.wxs +12 -0
- package/dist/wxs/array.wxs +5 -0
- package/dist/wxs/bem.wxs +39 -0
- package/dist/wxs/memoize.wxs +55 -0
- package/dist/wxs/object.wxs +13 -0
- package/dist/wxs/style.wxs +42 -0
- package/dist/wxs/utils.wxs +10 -0
- package/package.json +1 -1
- package/vant-weapp-dev.zip +0 -0
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
var style = require('../wxs/style.wxs');
|
|
3
|
+
var addUnit = require('../wxs/add-unit.wxs');
|
|
4
|
+
|
|
5
|
+
function rootStyle(data) {
|
|
6
|
+
if (!data.gutter) {
|
|
7
|
+
return '';
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
return style({
|
|
11
|
+
'margin-right': addUnit(-data.gutter / 2),
|
|
12
|
+
'margin-left': addUnit(-data.gutter / 2),
|
|
13
|
+
});
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
module.exports = {
|
|
17
|
+
rootStyle: rootStyle,
|
|
18
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '../common/index.wxss';.van-row:after{clear:both;content:"";display:table}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
import { VantComponent } from '../common/component';
|
|
2
|
+
import { canIUseModel } from '../common/version';
|
|
3
|
+
VantComponent({
|
|
4
|
+
field: true,
|
|
5
|
+
classes: ['field-class', 'input-class', 'cancel-class'],
|
|
6
|
+
props: {
|
|
7
|
+
value: {
|
|
8
|
+
type: String,
|
|
9
|
+
value: '',
|
|
10
|
+
},
|
|
11
|
+
label: String,
|
|
12
|
+
focus: Boolean,
|
|
13
|
+
error: Boolean,
|
|
14
|
+
disabled: Boolean,
|
|
15
|
+
readonly: Boolean,
|
|
16
|
+
inputAlign: String,
|
|
17
|
+
showAction: Boolean,
|
|
18
|
+
useActionSlot: Boolean,
|
|
19
|
+
useLeftIconSlot: Boolean,
|
|
20
|
+
useRightIconSlot: Boolean,
|
|
21
|
+
leftIcon: {
|
|
22
|
+
type: String,
|
|
23
|
+
value: 'search',
|
|
24
|
+
},
|
|
25
|
+
rightIcon: String,
|
|
26
|
+
placeholder: String,
|
|
27
|
+
placeholderStyle: String,
|
|
28
|
+
actionText: {
|
|
29
|
+
type: String,
|
|
30
|
+
value: '取消',
|
|
31
|
+
},
|
|
32
|
+
background: {
|
|
33
|
+
type: String,
|
|
34
|
+
value: '#ffffff',
|
|
35
|
+
},
|
|
36
|
+
maxlength: {
|
|
37
|
+
type: Number,
|
|
38
|
+
value: -1,
|
|
39
|
+
},
|
|
40
|
+
shape: {
|
|
41
|
+
type: String,
|
|
42
|
+
value: 'square',
|
|
43
|
+
},
|
|
44
|
+
clearable: {
|
|
45
|
+
type: Boolean,
|
|
46
|
+
value: true,
|
|
47
|
+
},
|
|
48
|
+
clearTrigger: {
|
|
49
|
+
type: String,
|
|
50
|
+
value: 'focus',
|
|
51
|
+
},
|
|
52
|
+
clearIcon: {
|
|
53
|
+
type: String,
|
|
54
|
+
value: 'clear',
|
|
55
|
+
},
|
|
56
|
+
cursorSpacing: {
|
|
57
|
+
type: Number,
|
|
58
|
+
value: 0,
|
|
59
|
+
},
|
|
60
|
+
},
|
|
61
|
+
methods: {
|
|
62
|
+
onChange(event) {
|
|
63
|
+
if (canIUseModel()) {
|
|
64
|
+
this.setData({ value: event.detail });
|
|
65
|
+
}
|
|
66
|
+
this.$emit('change', event.detail);
|
|
67
|
+
},
|
|
68
|
+
onCancel() {
|
|
69
|
+
/**
|
|
70
|
+
* 修复修改输入框值时,输入框失焦和赋值同时触发,赋值失效
|
|
71
|
+
* https://github.com/youzan/vant-weapp/issues/1768
|
|
72
|
+
*/
|
|
73
|
+
setTimeout(() => {
|
|
74
|
+
if (canIUseModel()) {
|
|
75
|
+
this.setData({ value: '' });
|
|
76
|
+
}
|
|
77
|
+
this.$emit('cancel');
|
|
78
|
+
this.$emit('change', '');
|
|
79
|
+
}, 200);
|
|
80
|
+
},
|
|
81
|
+
onSearch(event) {
|
|
82
|
+
this.$emit('search', event.detail);
|
|
83
|
+
},
|
|
84
|
+
onFocus(event) {
|
|
85
|
+
this.$emit('focus', event.detail);
|
|
86
|
+
},
|
|
87
|
+
onBlur(event) {
|
|
88
|
+
this.$emit('blur', event.detail);
|
|
89
|
+
},
|
|
90
|
+
onClear(event) {
|
|
91
|
+
this.$emit('clear', event.detail);
|
|
92
|
+
},
|
|
93
|
+
onClickInput(event) {
|
|
94
|
+
this.$emit('click-input', event.detail);
|
|
95
|
+
},
|
|
96
|
+
},
|
|
97
|
+
});
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
<wxs src="../wxs/utils.wxs" module="utils" />
|
|
2
|
+
|
|
3
|
+
<view
|
|
4
|
+
class="{{ utils.bem('search', { withaction: showAction || useActionSlot }) }} custom-class"
|
|
5
|
+
style="background: {{ background }}"
|
|
6
|
+
>
|
|
7
|
+
<view class="{{ utils.bem('search__content', [shape]) }}">
|
|
8
|
+
<view class="van-search__label" wx:if="{{ label }}">{{ label }}</view>
|
|
9
|
+
<slot wx:else name="label" />
|
|
10
|
+
|
|
11
|
+
<van-field
|
|
12
|
+
type="search"
|
|
13
|
+
left-icon="{{ !useLeftIconSlot ? leftIcon : '' }}"
|
|
14
|
+
right-icon="{{ !useRightIconSlot ? rightIcon : '' }}"
|
|
15
|
+
focus="{{ focus }}"
|
|
16
|
+
error="{{ error }}"
|
|
17
|
+
border="{{ false }}"
|
|
18
|
+
confirm-type="search"
|
|
19
|
+
class="van-search__field field-class"
|
|
20
|
+
value="{{ value }}"
|
|
21
|
+
disabled="{{ disabled }}"
|
|
22
|
+
readonly="{{ readonly }}"
|
|
23
|
+
clearable="{{ clearable }}"
|
|
24
|
+
clear-trigger="{{ clearTrigger }}"
|
|
25
|
+
clear-icon="{{ clearIcon }}"
|
|
26
|
+
maxlength="{{ maxlength }}"
|
|
27
|
+
input-align="{{ inputAlign }}"
|
|
28
|
+
input-class="input-class"
|
|
29
|
+
placeholder="{{ placeholder }}"
|
|
30
|
+
placeholder-style="{{ placeholderStyle }}"
|
|
31
|
+
cursor-spacing="{{ cursorSpacing }}"
|
|
32
|
+
custom-style="padding: 5px 10px 5px 0; background-color: transparent;"
|
|
33
|
+
bind:blur="onBlur"
|
|
34
|
+
bind:focus="onFocus"
|
|
35
|
+
bind:change="onChange"
|
|
36
|
+
bind:confirm="onSearch"
|
|
37
|
+
bind:clear="onClear"
|
|
38
|
+
bind:click-input="onClickInput"
|
|
39
|
+
>
|
|
40
|
+
<slot wx:if="{{ useLeftIconSlot }}" name="left-icon" slot="left-icon" />
|
|
41
|
+
<slot wx:if="{{ useRightIconSlot }}" name="right-icon" slot="right-icon" />
|
|
42
|
+
</van-field>
|
|
43
|
+
</view>
|
|
44
|
+
|
|
45
|
+
<view
|
|
46
|
+
wx:if="{{ showAction || useActionSlot }}"
|
|
47
|
+
class="van-search__action"
|
|
48
|
+
hover-class="van-search__action--hover"
|
|
49
|
+
hover-stay-time="70"
|
|
50
|
+
>
|
|
51
|
+
<slot wx:if="{{ useActionSlot }}" name="action" />
|
|
52
|
+
<view wx:else bind:tap="onCancel" class="van-search__action-button cancel-class">{{ actionText }}</view>
|
|
53
|
+
</view>
|
|
54
|
+
</view>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '../common/index.wxss';.van-search{align-items:center;box-sizing:border-box;display:flex;padding:var(--search-padding,10px 12px)}.van-search__content{background-color:var(--search-background-color,#f7f8fa);border-radius:2px;display:flex;flex:1;padding-left:var(--padding-sm,12px)}.van-search__content--round{border-radius:999px}.van-search__label{color:var(--search-label-color,#323233);font-size:var(--search-label-font-size,14px);line-height:var(--search-input-height,34px);padding:var(--search-label-padding,0 5px)}.van-search__field{flex:1}.van-search__field__left-icon{color:var(--search-left-icon-color,#969799)}.van-search--withaction{padding-right:0}.van-search__action{color:var(--search-action-text-color,#323233);font-size:var(--search-action-font-size,14px);line-height:var(--search-input-height,34px)}.van-search__action--hover{background-color:#f2f3f5}.van-search__action-button{padding:var(--search-action-padding,0 8px)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { VantComponent } from '../common/component';
|
|
2
|
+
VantComponent({
|
|
3
|
+
props: {
|
|
4
|
+
// whether to show popup
|
|
5
|
+
show: Boolean,
|
|
6
|
+
// overlay custom style
|
|
7
|
+
overlayStyle: String,
|
|
8
|
+
// z-index
|
|
9
|
+
zIndex: {
|
|
10
|
+
type: Number,
|
|
11
|
+
value: 100,
|
|
12
|
+
},
|
|
13
|
+
title: String,
|
|
14
|
+
cancelText: {
|
|
15
|
+
type: String,
|
|
16
|
+
value: '取消',
|
|
17
|
+
},
|
|
18
|
+
description: String,
|
|
19
|
+
options: {
|
|
20
|
+
type: Array,
|
|
21
|
+
value: [],
|
|
22
|
+
},
|
|
23
|
+
overlay: {
|
|
24
|
+
type: Boolean,
|
|
25
|
+
value: true,
|
|
26
|
+
},
|
|
27
|
+
safeAreaInsetBottom: {
|
|
28
|
+
type: Boolean,
|
|
29
|
+
value: true,
|
|
30
|
+
},
|
|
31
|
+
closeOnClickOverlay: {
|
|
32
|
+
type: Boolean,
|
|
33
|
+
value: true,
|
|
34
|
+
},
|
|
35
|
+
duration: {
|
|
36
|
+
type: null,
|
|
37
|
+
value: 300,
|
|
38
|
+
},
|
|
39
|
+
rootPortal: {
|
|
40
|
+
type: Boolean,
|
|
41
|
+
value: false,
|
|
42
|
+
},
|
|
43
|
+
},
|
|
44
|
+
methods: {
|
|
45
|
+
onClickOverlay() {
|
|
46
|
+
this.$emit('click-overlay');
|
|
47
|
+
},
|
|
48
|
+
onCancel() {
|
|
49
|
+
this.onClose();
|
|
50
|
+
this.$emit('cancel');
|
|
51
|
+
},
|
|
52
|
+
onSelect(event) {
|
|
53
|
+
this.$emit('select', event.detail);
|
|
54
|
+
},
|
|
55
|
+
onClose() {
|
|
56
|
+
this.$emit('close');
|
|
57
|
+
},
|
|
58
|
+
},
|
|
59
|
+
});
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
<wxs src="./index.wxs" module="computed" />
|
|
2
|
+
|
|
3
|
+
<van-popup
|
|
4
|
+
round
|
|
5
|
+
class="van-share-sheet"
|
|
6
|
+
show="{{ show }}"
|
|
7
|
+
position="bottom"
|
|
8
|
+
overlay="{{ overlay }}"
|
|
9
|
+
duration="{{ duration }}"
|
|
10
|
+
z-index="{{ zIndex }}"
|
|
11
|
+
overlay-style="{{ overlayStyle }}"
|
|
12
|
+
close-on-click-overlay="{{ closeOnClickOverlay }}"
|
|
13
|
+
safe-area-inset-bottom="{{ safeAreaInsetBottom }}"
|
|
14
|
+
root-portal="{{ rootPortal }}"
|
|
15
|
+
bind:close="onClose"
|
|
16
|
+
bind:click-overlay="onClickOverlay"
|
|
17
|
+
>
|
|
18
|
+
<view class="van-share-sheet__header">
|
|
19
|
+
<view class="van-share-sheet__title">
|
|
20
|
+
<slot name="title" />
|
|
21
|
+
</view>
|
|
22
|
+
<view wx:if="{{ title }}" class="van-share-sheet__title">{{ title }}</view>
|
|
23
|
+
|
|
24
|
+
<view class="van-share-sheet__description">
|
|
25
|
+
<slot name="description" />
|
|
26
|
+
</view>
|
|
27
|
+
<view wx:if="{{ description }}" class="van-share-sheet__description">
|
|
28
|
+
{{ description }}
|
|
29
|
+
</view>
|
|
30
|
+
</view>
|
|
31
|
+
|
|
32
|
+
<block wx:if="{{ computed.isMulti(options) }}">
|
|
33
|
+
<options
|
|
34
|
+
wx:for="{{ options }}"
|
|
35
|
+
show-border="{{ index !== 0 }}"
|
|
36
|
+
wx:key="index"
|
|
37
|
+
options="{{ item }}"
|
|
38
|
+
bind:select="onSelect"
|
|
39
|
+
/>
|
|
40
|
+
</block>
|
|
41
|
+
|
|
42
|
+
<options wx:else options="{{ options }}" bind:select="onSelect" />
|
|
43
|
+
|
|
44
|
+
<button type="button" class="van-share-sheet__cancel" bindtap="onCancel">
|
|
45
|
+
{{ cancelText }}
|
|
46
|
+
</button>
|
|
47
|
+
</van-popup>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '../common/index.wxss';.van-share-sheet__header{padding:12px 16px 4px;text-align:center}.van-share-sheet__title{color:#323233;font-size:14px;font-weight:400;line-height:20px;margin-top:8px}.van-share-sheet__title:empty,.van-share-sheet__title:not(:empty)+.van-share-sheet__title{display:none}.van-share-sheet__description{color:#969799;display:block;font-size:12px;line-height:16px;margin-top:8px}.van-share-sheet__description:empty,.van-share-sheet__description:not(:empty)+.van-share-sheet__description{display:none}.van-share-sheet__cancel{background:#fff;border:none;box-sizing:initial;display:block;font-size:16px;height:auto;line-height:48px;padding:0;text-align:center;width:100%}.van-share-sheet__cancel:before{background-color:#f7f8fa;content:" ";display:block;height:8px}.van-share-sheet__cancel:after{display:none}.van-share-sheet__cancel:active{background-color:#f2f3f5}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { VantComponent } from '../common/component';
|
|
2
|
+
VantComponent({
|
|
3
|
+
props: {
|
|
4
|
+
options: Array,
|
|
5
|
+
showBorder: Boolean,
|
|
6
|
+
},
|
|
7
|
+
methods: {
|
|
8
|
+
onSelect(event) {
|
|
9
|
+
const { index } = event.currentTarget.dataset;
|
|
10
|
+
const option = this.data.options[index];
|
|
11
|
+
this.$emit('select', Object.assign(Object.assign({}, option), { index }));
|
|
12
|
+
},
|
|
13
|
+
},
|
|
14
|
+
});
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
<wxs src="../wxs/utils.wxs" module="utils" />
|
|
2
|
+
<wxs src="./options.wxs" module="computed" />
|
|
3
|
+
|
|
4
|
+
<view class="{{ utils.bem('share-sheet__options', { border: showBorder }) }}">
|
|
5
|
+
<view
|
|
6
|
+
wx:for="{{ options }}"
|
|
7
|
+
wx:key="index"
|
|
8
|
+
class="van-share-sheet__option"
|
|
9
|
+
data-index="{{ index }}"
|
|
10
|
+
bindtap="onSelect"
|
|
11
|
+
>
|
|
12
|
+
<button class="van-share-sheet__button" open-type="{{ item.openType }}">
|
|
13
|
+
<image src="{{ computed.getIconURL(item.icon) }}" class="van-share-sheet__icon" />
|
|
14
|
+
<view wx:if="{{ item.name }}" class="van-share-sheet__name">{{ item.name }}</view>
|
|
15
|
+
<view wx:if="{{ item.description }}" class="van-share-sheet__option-description">
|
|
16
|
+
{{ item.description }}
|
|
17
|
+
</view>
|
|
18
|
+
</button>
|
|
19
|
+
</view>
|
|
20
|
+
</view>
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
var PRESET_ICONS = ['qq', 'link', 'weibo', 'wechat', 'poster', 'qrcode', 'weapp-qrcode', 'wechat-moments'];
|
|
3
|
+
|
|
4
|
+
function getIconURL(icon) {
|
|
5
|
+
if (PRESET_ICONS.indexOf(icon) !== -1) {
|
|
6
|
+
return 'https://img.yzcdn.cn/vant/share-sheet-' + icon + '.png';
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
return icon;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
module.exports = {
|
|
13
|
+
getIconURL: getIconURL,
|
|
14
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '../common/index.wxss';.van-share-sheet__options{-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto;overflow-y:visible;padding:16px 0 16px 8px;position:relative}.van-share-sheet__options--border:before{border-top:1px solid #ebedf0;box-sizing:border-box;content:" ";left:16px;pointer-events:none;position:absolute;right:0;top:0;transform:scaleY(.5);transform-origin:center}.van-share-sheet__options::-webkit-scrollbar{height:0}.van-share-sheet__option{align-items:center;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}.van-share-sheet__option:active{opacity:.7}.van-share-sheet__button{background-color:initial;border:0;height:auto;line-height:inherit;padding:0}.van-share-sheet__button:after{border:0}.van-share-sheet__icon{height:48px;margin:0 16px;width:48px}.van-share-sheet__name{color:#646566;font-size:12px;margin-top:8px;padding:0 4px}.van-share-sheet__option-description{color:#c8c9cc;font-size:12px;padding:0 4px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { VantComponent } from '../common/component';
|
|
2
|
+
import { useChildren } from '../common/relation';
|
|
3
|
+
VantComponent({
|
|
4
|
+
relation: useChildren('sidebar-item', function () {
|
|
5
|
+
this.setActive(this.data.activeKey);
|
|
6
|
+
}),
|
|
7
|
+
props: {
|
|
8
|
+
activeKey: {
|
|
9
|
+
type: Number,
|
|
10
|
+
value: 0,
|
|
11
|
+
observer: 'setActive',
|
|
12
|
+
},
|
|
13
|
+
},
|
|
14
|
+
beforeCreate() {
|
|
15
|
+
this.currentActive = -1;
|
|
16
|
+
},
|
|
17
|
+
methods: {
|
|
18
|
+
setActive(activeKey) {
|
|
19
|
+
const { children, currentActive } = this;
|
|
20
|
+
if (!children.length) {
|
|
21
|
+
return Promise.resolve();
|
|
22
|
+
}
|
|
23
|
+
this.currentActive = activeKey;
|
|
24
|
+
const stack = [];
|
|
25
|
+
if (currentActive !== activeKey && children[currentActive]) {
|
|
26
|
+
stack.push(children[currentActive].setActive(false));
|
|
27
|
+
}
|
|
28
|
+
if (children[activeKey]) {
|
|
29
|
+
stack.push(children[activeKey].setActive(true));
|
|
30
|
+
}
|
|
31
|
+
return Promise.all(stack);
|
|
32
|
+
},
|
|
33
|
+
},
|
|
34
|
+
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '../common/index.wxss';.van-sidebar{width:var(--sidebar-width,80px)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { VantComponent } from '../common/component';
|
|
2
|
+
import { useParent } from '../common/relation';
|
|
3
|
+
VantComponent({
|
|
4
|
+
classes: ['active-class', 'disabled-class'],
|
|
5
|
+
relation: useParent('sidebar'),
|
|
6
|
+
props: {
|
|
7
|
+
dot: Boolean,
|
|
8
|
+
badge: null,
|
|
9
|
+
info: null,
|
|
10
|
+
title: String,
|
|
11
|
+
disabled: Boolean,
|
|
12
|
+
},
|
|
13
|
+
methods: {
|
|
14
|
+
onClick() {
|
|
15
|
+
const { parent } = this;
|
|
16
|
+
if (!parent || this.data.disabled) {
|
|
17
|
+
return;
|
|
18
|
+
}
|
|
19
|
+
const index = parent.children.indexOf(this);
|
|
20
|
+
parent.setActive(index).then(() => {
|
|
21
|
+
this.$emit('click', index);
|
|
22
|
+
parent.$emit('change', index);
|
|
23
|
+
});
|
|
24
|
+
},
|
|
25
|
+
setActive(selected) {
|
|
26
|
+
return this.setData({ selected });
|
|
27
|
+
},
|
|
28
|
+
},
|
|
29
|
+
});
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
<wxs src="../wxs/utils.wxs" module="utils" />
|
|
2
|
+
|
|
3
|
+
<view
|
|
4
|
+
class="{{ utils.bem('sidebar-item', { selected, disabled }) }} {{ selected ? 'active-class' : '' }} {{ disabled ? 'disabled-class' : '' }} custom-class"
|
|
5
|
+
hover-class="van-sidebar-item--hover"
|
|
6
|
+
hover-stay-time="70"
|
|
7
|
+
bind:tap="onClick"
|
|
8
|
+
>
|
|
9
|
+
<view class="van-sidebar-item__text">
|
|
10
|
+
<van-info
|
|
11
|
+
wx:if="{{ badge != null || info !== null || dot }}"
|
|
12
|
+
dot="{{ dot }}"
|
|
13
|
+
info="{{ badge != null ? badge : info }}"
|
|
14
|
+
/>
|
|
15
|
+
<view wx:if="{{ title }}">{{ title }}</view>
|
|
16
|
+
<slot wx:else name="title" />
|
|
17
|
+
</view>
|
|
18
|
+
</view>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '../common/index.wxss';.van-sidebar-item{background-color:var(--sidebar-background-color,#f7f8fa);border-left:3px solid transparent;box-sizing:border-box;color:var(--sidebar-text-color,#323233);display:block;font-size:var(--sidebar-font-size,14px);line-height:var(--sidebar-line-height,20px);overflow:hidden;padding:var(--sidebar-padding,20px 12px 20px 8px);-webkit-user-select:none;user-select:none}.van-sidebar-item__text{display:inline-block;position:relative;word-break:break-all}.van-sidebar-item--hover:not(.van-sidebar-item--disabled){background-color:var(--sidebar-active-color,#f2f3f5)}.van-sidebar-item:after{border-bottom-width:1px}.van-sidebar-item--selected{border-color:var(--sidebar-selected-border-color,#ee0a24);color:var(--sidebar-selected-text-color,#323233);font-weight:var(--sidebar-selected-font-weight,500)}.van-sidebar-item--selected:after{border-right-width:1px}.van-sidebar-item--selected,.van-sidebar-item--selected.van-sidebar-item--hover{background-color:var(--sidebar-selected-background-color,#fff)}.van-sidebar-item--disabled{color:var(--sidebar-disabled-text-color,#c8c9cc)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { VantComponent } from '../common/component';
|
|
2
|
+
VantComponent({
|
|
3
|
+
classes: ['avatar-class', 'title-class', 'row-class'],
|
|
4
|
+
props: {
|
|
5
|
+
row: {
|
|
6
|
+
type: Number,
|
|
7
|
+
value: 0,
|
|
8
|
+
observer(value) {
|
|
9
|
+
this.setData({ rowArray: Array.from({ length: value }) });
|
|
10
|
+
},
|
|
11
|
+
},
|
|
12
|
+
title: Boolean,
|
|
13
|
+
avatar: Boolean,
|
|
14
|
+
loading: {
|
|
15
|
+
type: Boolean,
|
|
16
|
+
value: true,
|
|
17
|
+
},
|
|
18
|
+
animate: {
|
|
19
|
+
type: Boolean,
|
|
20
|
+
value: true,
|
|
21
|
+
},
|
|
22
|
+
avatarSize: {
|
|
23
|
+
type: String,
|
|
24
|
+
value: '32px',
|
|
25
|
+
},
|
|
26
|
+
avatarShape: {
|
|
27
|
+
type: String,
|
|
28
|
+
value: 'round',
|
|
29
|
+
},
|
|
30
|
+
titleWidth: {
|
|
31
|
+
type: String,
|
|
32
|
+
value: '40%',
|
|
33
|
+
},
|
|
34
|
+
rowWidth: {
|
|
35
|
+
type: null,
|
|
36
|
+
value: '100%',
|
|
37
|
+
observer(val) {
|
|
38
|
+
this.setData({ isArray: val instanceof Array });
|
|
39
|
+
},
|
|
40
|
+
},
|
|
41
|
+
},
|
|
42
|
+
data: {
|
|
43
|
+
isArray: false,
|
|
44
|
+
rowArray: [],
|
|
45
|
+
},
|
|
46
|
+
});
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
<wxs src="../wxs/utils.wxs" module="utils" />
|
|
2
|
+
|
|
3
|
+
<view
|
|
4
|
+
wx:if="{{ loading }}"
|
|
5
|
+
class="custom-class {{ utils.bem('skeleton', [{animate}]) }}"
|
|
6
|
+
>
|
|
7
|
+
<view
|
|
8
|
+
wx:if="{{ avatar }}"
|
|
9
|
+
class="avatar-class {{ utils.bem('skeleton__avatar', [avatarShape])}}"
|
|
10
|
+
style="{{ 'width:' + avatarSize + ';height:' + avatarSize }}"
|
|
11
|
+
/>
|
|
12
|
+
<view class="{{ utils.bem('skeleton__content')}}">
|
|
13
|
+
<view
|
|
14
|
+
wx:if="{{ title }}"
|
|
15
|
+
class="title-class {{ utils.bem('skeleton__title') }}"
|
|
16
|
+
style="{{ 'width:' + titleWidth }}"
|
|
17
|
+
/>
|
|
18
|
+
<view
|
|
19
|
+
wx:for="{{ rowArray }}"
|
|
20
|
+
wx:key="index"
|
|
21
|
+
wx:for-index="index"
|
|
22
|
+
class="row-class {{ utils.bem('skeleton__row') }}"
|
|
23
|
+
style="{{ 'width:' + (isArray ? rowWidth[index] : rowWidth) }}"
|
|
24
|
+
/>
|
|
25
|
+
</view>
|
|
26
|
+
</view>
|
|
27
|
+
<view wx:else class="{{ utils.bem('skeleton__content')}}">
|
|
28
|
+
<slot />
|
|
29
|
+
</view>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import '../common/index.wxss';.van-skeleton{box-sizing:border-box;display:flex;padding:var(--skeleton-padding,0 16px);width:100%}.van-skeleton__avatar{background-color:var(--skeleton-avatar-background-color,#f2f3f5);flex-shrink:0;margin-right:var(--padding-md,16px)}.van-skeleton__avatar--round{border-radius:100%}.van-skeleton__content{flex:1}.van-skeleton__avatar+.van-skeleton__content{padding-top:var(--padding-xs,8px)}.van-skeleton__row,.van-skeleton__title{background-color:var(--skeleton-row-background-color,#f2f3f5);height:var(--skeleton-row-height,16px)}.van-skeleton__title{margin:0}.van-skeleton__row:not(:first-child){margin-top:var(--skeleton-row-margin-top,12px)}.van-skeleton__title+.van-skeleton__row{margin-top:20px}.van-skeleton--animate{animation:van-skeleton-blink 1.2s ease-in-out infinite}@keyframes van-skeleton-blink{50%{opacity:.6}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|