@tarojs/components 3.6.0-canary.10 → 3.6.0-canary.12
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/cjs/taro-swiper-core_2.cjs.entry.js +3 -5
- package/dist/cjs/taro-swiper-core_2.cjs.entry.js.map +1 -1
- package/dist/collection/components/swiper/swiper.js +3 -5
- package/dist/collection/components/swiper/swiper.js.map +1 -1
- package/dist/components/helper.js +15 -0
- package/dist/components/helper.js.map +1 -0
- package/dist/components/hls.js +27622 -0
- package/dist/components/hls.js.map +1 -0
- package/dist/components/index.d.ts +97 -0
- package/dist/components/index.js +79 -0
- package/dist/components/index.js.map +1 -0
- package/dist/components/index2.js +78 -0
- package/dist/components/index2.js.map +1 -0
- package/dist/components/index3.js +33 -0
- package/dist/components/index3.js.map +1 -0
- package/dist/components/intersection-observer.js +728 -0
- package/dist/components/intersection-observer.js.map +1 -0
- package/dist/components/picker-group.js +220 -0
- package/dist/components/picker-group.js.map +1 -0
- package/dist/components/taro-ad-core.d.ts +11 -0
- package/dist/components/taro-ad-core.js +35 -0
- package/dist/components/taro-ad-core.js.map +1 -0
- package/dist/components/taro-ad-custom-core.d.ts +11 -0
- package/dist/components/taro-ad-custom-core.js +35 -0
- package/dist/components/taro-ad-custom-core.js.map +1 -0
- package/dist/components/taro-animation-video-core.d.ts +11 -0
- package/dist/components/taro-animation-video-core.js +35 -0
- package/dist/components/taro-animation-video-core.js.map +1 -0
- package/dist/components/taro-animation-view-core.d.ts +11 -0
- package/dist/components/taro-animation-view-core.js +35 -0
- package/dist/components/taro-animation-view-core.js.map +1 -0
- package/dist/components/taro-ar-camera-core.d.ts +11 -0
- package/dist/components/taro-ar-camera-core.js +35 -0
- package/dist/components/taro-ar-camera-core.js.map +1 -0
- package/dist/components/taro-audio-core.d.ts +11 -0
- package/dist/components/taro-audio-core.js +80 -0
- package/dist/components/taro-audio-core.js.map +1 -0
- package/dist/components/taro-aweme-data-core.d.ts +11 -0
- package/dist/components/taro-aweme-data-core.js +35 -0
- package/dist/components/taro-aweme-data-core.js.map +1 -0
- package/dist/components/taro-block-core.d.ts +11 -0
- package/dist/components/taro-block-core.js +31 -0
- package/dist/components/taro-block-core.js.map +1 -0
- package/dist/components/taro-button-core.d.ts +11 -0
- package/dist/components/taro-button-core.js +102 -0
- package/dist/components/taro-button-core.js.map +1 -0
- package/dist/components/taro-camera-core.d.ts +11 -0
- package/dist/components/taro-camera-core.js +35 -0
- package/dist/components/taro-camera-core.js.map +1 -0
- package/dist/components/taro-canvas-core.d.ts +11 -0
- package/dist/components/taro-canvas-core.js +57 -0
- package/dist/components/taro-canvas-core.js.map +1 -0
- package/dist/components/taro-checkbox-core.d.ts +11 -0
- package/dist/components/taro-checkbox-core.js +81 -0
- package/dist/components/taro-checkbox-core.js.map +1 -0
- package/dist/components/taro-checkbox-group-core.d.ts +11 -0
- package/dist/components/taro-checkbox-group-core.js +71 -0
- package/dist/components/taro-checkbox-group-core.js.map +1 -0
- package/dist/components/taro-comment-detail-core.d.ts +11 -0
- package/dist/components/taro-comment-detail-core.js +35 -0
- package/dist/components/taro-comment-detail-core.js.map +1 -0
- package/dist/components/taro-comment-list-core.d.ts +11 -0
- package/dist/components/taro-comment-list-core.js +35 -0
- package/dist/components/taro-comment-list-core.js.map +1 -0
- package/dist/components/taro-contact-button-core.d.ts +11 -0
- package/dist/components/taro-contact-button-core.js +35 -0
- package/dist/components/taro-contact-button-core.js.map +1 -0
- package/dist/components/taro-cover-image-core.d.ts +11 -0
- package/dist/components/taro-cover-image-core.js +52 -0
- package/dist/components/taro-cover-image-core.js.map +1 -0
- package/dist/components/taro-cover-view-core.d.ts +11 -0
- package/dist/components/taro-cover-view-core.js +89 -0
- package/dist/components/taro-cover-view-core.js.map +1 -0
- package/dist/components/taro-custom-wrapper-core.d.ts +11 -0
- package/dist/components/taro-custom-wrapper-core.js +31 -0
- package/dist/components/taro-custom-wrapper-core.js.map +1 -0
- package/dist/components/taro-editor-core.d.ts +11 -0
- package/dist/components/taro-editor-core.js +35 -0
- package/dist/components/taro-editor-core.js.map +1 -0
- package/dist/components/taro-follow-swan-core.d.ts +11 -0
- package/dist/components/taro-follow-swan-core.js +35 -0
- package/dist/components/taro-follow-swan-core.js.map +1 -0
- package/dist/components/taro-form-core.d.ts +11 -0
- package/dist/components/taro-form-core.js +140 -0
- package/dist/components/taro-form-core.js.map +1 -0
- package/dist/components/taro-functional-page-navigator-core.d.ts +11 -0
- package/dist/components/taro-functional-page-navigator-core.js +35 -0
- package/dist/components/taro-functional-page-navigator-core.js.map +1 -0
- package/dist/components/taro-icon-core.d.ts +11 -0
- package/dist/components/taro-icon-core.js +48 -0
- package/dist/components/taro-icon-core.js.map +1 -0
- package/dist/components/taro-image-core.d.ts +11 -0
- package/dist/components/taro-image-core.js +81 -0
- package/dist/components/taro-image-core.js.map +1 -0
- package/dist/components/taro-inline-payment-panel-core.d.ts +11 -0
- package/dist/components/taro-inline-payment-panel-core.js +35 -0
- package/dist/components/taro-inline-payment-panel-core.js.map +1 -0
- package/dist/components/taro-input-core.d.ts +11 -0
- package/dist/components/taro-input-core.js +246 -0
- package/dist/components/taro-input-core.js.map +1 -0
- package/dist/components/taro-keyboard-accessory-core.d.ts +11 -0
- package/dist/components/taro-keyboard-accessory-core.js +35 -0
- package/dist/components/taro-keyboard-accessory-core.js.map +1 -0
- package/dist/components/taro-label-core.d.ts +11 -0
- package/dist/components/taro-label-core.js +34 -0
- package/dist/components/taro-label-core.js.map +1 -0
- package/dist/components/taro-lifestyle-core.d.ts +11 -0
- package/dist/components/taro-lifestyle-core.js +35 -0
- package/dist/components/taro-lifestyle-core.js.map +1 -0
- package/dist/components/taro-like-core.d.ts +11 -0
- package/dist/components/taro-like-core.js +35 -0
- package/dist/components/taro-like-core.js.map +1 -0
- package/dist/components/taro-live-player-core.d.ts +11 -0
- package/dist/components/taro-live-player-core.js +35 -0
- package/dist/components/taro-live-player-core.js.map +1 -0
- package/dist/components/taro-live-pusher-core.d.ts +11 -0
- package/dist/components/taro-live-pusher-core.js +35 -0
- package/dist/components/taro-live-pusher-core.js.map +1 -0
- package/dist/components/taro-login-core.d.ts +11 -0
- package/dist/components/taro-login-core.js +35 -0
- package/dist/components/taro-login-core.js.map +1 -0
- package/dist/components/taro-lottie-core.d.ts +11 -0
- package/dist/components/taro-lottie-core.js +35 -0
- package/dist/components/taro-lottie-core.js.map +1 -0
- package/dist/components/taro-map-core.d.ts +11 -0
- package/dist/components/taro-map-core.js +35 -0
- package/dist/components/taro-map-core.js.map +1 -0
- package/dist/components/taro-match-media-core.d.ts +11 -0
- package/dist/components/taro-match-media-core.js +35 -0
- package/dist/components/taro-match-media-core.js.map +1 -0
- package/dist/components/taro-movable-area-core.d.ts +11 -0
- package/dist/components/taro-movable-area-core.js +175 -0
- package/dist/components/taro-movable-area-core.js.map +1 -0
- package/dist/components/taro-movable-view-core.d.ts +11 -0
- package/dist/components/taro-movable-view-core.js +361 -0
- package/dist/components/taro-movable-view-core.js.map +1 -0
- package/dist/components/taro-native-slot-core.d.ts +11 -0
- package/dist/components/taro-native-slot-core.js +35 -0
- package/dist/components/taro-native-slot-core.js.map +1 -0
- package/dist/components/taro-navigation-bar-core.d.ts +11 -0
- package/dist/components/taro-navigation-bar-core.js +35 -0
- package/dist/components/taro-navigation-bar-core.js.map +1 -0
- package/dist/components/taro-navigator-core.d.ts +11 -0
- package/dist/components/taro-navigator-core.js +96 -0
- package/dist/components/taro-navigator-core.js.map +1 -0
- package/dist/components/taro-official-account-core.d.ts +11 -0
- package/dist/components/taro-official-account-core.js +35 -0
- package/dist/components/taro-official-account-core.js.map +1 -0
- package/dist/components/taro-open-data-core.d.ts +11 -0
- package/dist/components/taro-open-data-core.js +35 -0
- package/dist/components/taro-open-data-core.js.map +1 -0
- package/dist/components/taro-page-container-core.d.ts +11 -0
- package/dist/components/taro-page-container-core.js +35 -0
- package/dist/components/taro-page-container-core.js.map +1 -0
- package/dist/components/taro-page-meta-core.d.ts +11 -0
- package/dist/components/taro-page-meta-core.js +35 -0
- package/dist/components/taro-page-meta-core.js.map +1 -0
- package/dist/components/taro-picker-core.d.ts +11 -0
- package/dist/components/taro-picker-core.js +538 -0
- package/dist/components/taro-picker-core.js.map +1 -0
- package/dist/components/taro-picker-group.d.ts +11 -0
- package/dist/components/taro-picker-group.js +8 -0
- package/dist/components/taro-picker-group.js.map +1 -0
- package/dist/components/taro-picker-view-column-core.d.ts +11 -0
- package/dist/components/taro-picker-view-column-core.js +115 -0
- package/dist/components/taro-picker-view-column-core.js.map +1 -0
- package/dist/components/taro-picker-view-core.d.ts +11 -0
- package/dist/components/taro-picker-view-core.js +114 -0
- package/dist/components/taro-picker-view-core.js.map +1 -0
- package/dist/components/taro-progress-core.d.ts +11 -0
- package/dist/components/taro-progress-core.js +62 -0
- package/dist/components/taro-progress-core.js.map +1 -0
- package/dist/components/taro-pull-to-refresh.d.ts +11 -0
- package/dist/components/taro-pull-to-refresh.js +284 -0
- package/dist/components/taro-pull-to-refresh.js.map +1 -0
- package/dist/components/taro-radio-core.d.ts +11 -0
- package/dist/components/taro-radio-core.js +83 -0
- package/dist/components/taro-radio-core.js.map +1 -0
- package/dist/components/taro-radio-group-core.d.ts +11 -0
- package/dist/components/taro-radio-group-core.js +82 -0
- package/dist/components/taro-radio-group-core.js.map +1 -0
- package/dist/components/taro-rich-text-core.d.ts +11 -0
- package/dist/components/taro-rich-text-core.js +86 -0
- package/dist/components/taro-rich-text-core.js.map +1 -0
- package/dist/components/taro-root-portal-core.d.ts +11 -0
- package/dist/components/taro-root-portal-core.js +35 -0
- package/dist/components/taro-root-portal-core.js.map +1 -0
- package/dist/components/taro-rtc-room-core.d.ts +11 -0
- package/dist/components/taro-rtc-room-core.js +35 -0
- package/dist/components/taro-rtc-room-core.js.map +1 -0
- package/dist/components/taro-rtc-room-item-core.d.ts +11 -0
- package/dist/components/taro-rtc-room-item-core.js +35 -0
- package/dist/components/taro-rtc-room-item-core.js.map +1 -0
- package/dist/components/taro-scroll-view-core.d.ts +11 -0
- package/dist/components/taro-scroll-view-core.js +184 -0
- package/dist/components/taro-scroll-view-core.js.map +1 -0
- package/dist/components/taro-share-element-core.d.ts +11 -0
- package/dist/components/taro-share-element-core.js +35 -0
- package/dist/components/taro-share-element-core.js.map +1 -0
- package/dist/components/taro-slider-core.d.ts +11 -0
- package/dist/components/taro-slider-core.js +196 -0
- package/dist/components/taro-slider-core.js.map +1 -0
- package/dist/components/taro-slot-core.d.ts +11 -0
- package/dist/components/taro-slot-core.js +35 -0
- package/dist/components/taro-slot-core.js.map +1 -0
- package/dist/components/taro-swiper-core.d.ts +11 -0
- package/dist/components/taro-swiper-core.js +10165 -0
- package/dist/components/taro-swiper-core.js.map +1 -0
- package/dist/components/taro-swiper-item-core.d.ts +11 -0
- package/dist/components/taro-swiper-item-core.js +34 -0
- package/dist/components/taro-swiper-item-core.js.map +1 -0
- package/dist/components/taro-switch-core.d.ts +11 -0
- package/dist/components/taro-switch-core.js +87 -0
- package/dist/components/taro-switch-core.js.map +1 -0
- package/dist/components/taro-tab-item-core.d.ts +11 -0
- package/dist/components/taro-tab-item-core.js +35 -0
- package/dist/components/taro-tab-item-core.js.map +1 -0
- package/dist/components/taro-tabbar.d.ts +11 -0
- package/dist/components/taro-tabbar.js +457 -0
- package/dist/components/taro-tabbar.js.map +1 -0
- package/dist/components/taro-tabs-core.d.ts +11 -0
- package/dist/components/taro-tabs-core.js +35 -0
- package/dist/components/taro-tabs-core.js.map +1 -0
- package/dist/components/taro-text-core.d.ts +11 -0
- package/dist/components/taro-text-core.js +41 -0
- package/dist/components/taro-text-core.js.map +1 -0
- package/dist/components/taro-textarea-core.d.ts +11 -0
- package/dist/components/taro-textarea-core.js +164 -0
- package/dist/components/taro-textarea-core.js.map +1 -0
- package/dist/components/taro-video-control.d.ts +11 -0
- package/dist/components/taro-video-control.js +8 -0
- package/dist/components/taro-video-control.js.map +1 -0
- package/dist/components/taro-video-core.d.ts +11 -0
- package/dist/components/taro-video-core.js +485 -0
- package/dist/components/taro-video-core.js.map +1 -0
- package/dist/components/taro-video-danmu.d.ts +11 -0
- package/dist/components/taro-video-danmu.js +8 -0
- package/dist/components/taro-video-danmu.js.map +1 -0
- package/dist/components/taro-view-core.d.ts +11 -0
- package/dist/components/taro-view-core.js +101 -0
- package/dist/components/taro-view-core.js.map +1 -0
- package/dist/components/taro-voip-room-core.d.ts +11 -0
- package/dist/components/taro-voip-room-core.js +35 -0
- package/dist/components/taro-voip-room-core.js.map +1 -0
- package/dist/components/taro-web-view-core.d.ts +11 -0
- package/dist/components/taro-web-view-core.js +46 -0
- package/dist/components/taro-web-view-core.js.map +1 -0
- package/dist/components/video-control.js +233 -0
- package/dist/components/video-control.js.map +1 -0
- package/dist/components/video-danmu.js +110 -0
- package/dist/components/video-danmu.js.map +1 -0
- package/dist/esm/taro-swiper-core_2.entry.js +3 -5
- package/dist/esm/taro-swiper-core_2.entry.js.map +1 -1
- package/dist/esm-es5/taro-swiper-core_2.entry.js +1 -1
- package/dist/esm-es5/taro-swiper-core_2.entry.js.map +1 -1
- package/dist/taro-components/{p-d388c097.entry.js → p-22315b9d.entry.js} +2 -2
- package/dist/taro-components/p-22315b9d.entry.js.map +1 -0
- package/dist/taro-components/{p-6831f7b1.system.entry.js → p-c3c37cbb.system.entry.js} +2 -2
- package/dist/taro-components/p-c3c37cbb.system.entry.js.map +1 -0
- package/dist/taro-components/p-cb17d8bd.system.js +1 -1
- package/dist/taro-components/taro-components.esm.js +1 -1
- package/lib/react/components.d.ts +82 -0
- package/lib/react/components.js +85 -0
- package/lib/react/components.js.map +1 -0
- package/lib/react/helper.d.ts +10 -0
- package/lib/react/helper.js +7 -0
- package/lib/react/helper.js.map +1 -0
- package/lib/react/index.d.ts +1 -0
- package/lib/react/index.js +2 -0
- package/lib/react/index.js.map +1 -0
- package/lib/react/interfaces-4f837811.d.ts +30 -0
- package/lib/react/react-component-lib/createComponent.d.ts +10 -0
- package/lib/react/react-component-lib/createComponent.js +70 -0
- package/lib/react/react-component-lib/createComponent.js.map +1 -0
- package/lib/react/react-component-lib/createOverlayComponent.d.ts +21 -0
- package/lib/react/react-component-lib/createOverlayComponent.js +91 -0
- package/lib/react/react-component-lib/createOverlayComponent.js.map +1 -0
- package/lib/react/react-component-lib/index.d.ts +2 -0
- package/lib/react/react-component-lib/index.js +3 -0
- package/lib/react/react-component-lib/index.js.map +1 -0
- package/lib/react/react-component-lib/utils/attachProps.d.ts +13 -0
- package/lib/react/react-component-lib/utils/attachProps.js +101 -0
- package/lib/react/react-component-lib/utils/attachProps.js.map +1 -0
- package/lib/react/react-component-lib/utils/case.d.ts +3 -0
- package/lib/react/react-component-lib/utils/case.js +9 -0
- package/lib/react/react-component-lib/utils/case.js.map +1 -0
- package/lib/react/react-component-lib/utils/index.d.ts +11 -0
- package/lib/react/react-component-lib/utils/index.js +37 -0
- package/lib/react/react-component-lib/utils/index.js.map +1 -0
- package/lib/vue2/components.d.ts +352 -0
- package/lib/vue2/components.js +620 -0
- package/lib/vue2/components.js.map +1 -0
- package/lib/vue2/index.d.ts +3 -0
- package/lib/vue2/index.js +21 -0
- package/lib/vue2/index.js.map +1 -0
- package/lib/vue2/vue-component-lib/utils.d.ts +6 -0
- package/lib/vue2/vue-component-lib/utils.js +32 -0
- package/lib/vue2/vue-component-lib/utils.js.map +1 -0
- package/lib/vue3/components.d.ts +82 -0
- package/lib/vue3/components.js +386 -0
- package/lib/vue3/components.js.map +1 -0
- package/lib/vue3/index.d.ts +3 -0
- package/lib/vue3/index.js +15 -0
- package/lib/vue3/index.js.map +1 -0
- package/lib/vue3/vue-component-lib/utils.d.ts +21 -0
- package/lib/vue3/vue-component-lib/utils.js +163 -0
- package/lib/vue3/vue-component-lib/utils.js.map +1 -0
- package/package.json +9 -7
- package/types/index.vue3.d.ts +4 -4
- package/dist/react/component-lib/index.js +0 -74
- package/dist/react/component-lib/input.js +0 -17
- package/dist/react/component-lib/reactify-wc.js +0 -206
- package/dist/react/components.js +0 -82
- package/dist/react/helper.js +0 -8
- package/dist/react/index.js +0 -1
- package/dist/react/react-component-lib/createComponent.js +0 -99
- package/dist/react/react-component-lib/createOverlayComponent.js +0 -178
- package/dist/react/react-component-lib/index.js +0 -2
- package/dist/react/react-component-lib/interfaces.js +0 -0
- package/dist/react/react-component-lib/utils/attachProps.js +0 -98
- package/dist/react/react-component-lib/utils/case.js +0 -10
- package/dist/react/react-component-lib/utils/dev.js +0 -12
- package/dist/react/react-component-lib/utils/index.js +0 -37
- package/dist/taro-components/p-6831f7b1.system.entry.js.map +0 -1
- package/dist/taro-components/p-d388c097.entry.js.map +0 -1
- package/dist/vue2/component-lib/components.js +0 -71
- package/dist/vue2/component-lib/createComponent.js +0 -21
- package/dist/vue2/component-lib/createFormsComponent.js +0 -53
- package/dist/vue2/component-lib/icon.js +0 -19
- package/dist/vue2/component-lib/image.js +0 -20
- package/dist/vue2/component-lib/index.js +0 -28
- package/dist/vue2/component-lib/mixins/listeners.js +0 -14
- package/dist/vue2/component-lib/mixins/refs.js +0 -44
- package/dist/vue2/component-lib/picker.js +0 -40
- package/dist/vue2/component-lib/scroll-view.js +0 -32
- package/dist/vue2/component-lib/text.js +0 -20
- package/dist/vue2/components.js +0 -542
- package/dist/vue2/index.js +0 -22
- package/dist/vue2/vue-component-lib/utils.js +0 -40
- package/dist/vue3/component-lib/createComponent.js +0 -23
- package/dist/vue3/component-lib/createFormsComponent.js +0 -43
- package/dist/vue3/component-lib/forwardRef.js +0 -9
- package/dist/vue3/component-lib/icon.js +0 -21
- package/dist/vue3/component-lib/image.js +0 -22
- package/dist/vue3/component-lib/index.js +0 -76
- package/dist/vue3/component-lib/scroll-view.js +0 -28
- package/dist/vue3/component-lib/text.js +0 -22
- package/dist/vue3/components.js +0 -80
- package/dist/vue3/index.js +0 -17
- package/dist/vue3/vue-component-lib/utils.js +0 -175
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { h } from 'vue';
|
|
2
|
-
import { useForwardRef } from './forwardRef';
|
|
3
|
-
export default {
|
|
4
|
-
emits: ['tap'],
|
|
5
|
-
setup: function setup(__props, _ref) {
|
|
6
|
-
var slots = _ref.slots,
|
|
7
|
-
emit = _ref.emit,
|
|
8
|
-
attrs = _ref.attrs;
|
|
9
|
-
var iconType = attrs.type.replace(/_/g, '-');
|
|
10
|
-
var forwardRef = useForwardRef();
|
|
11
|
-
return function () {
|
|
12
|
-
return h('taro-icon-core', {
|
|
13
|
-
ref: forwardRef,
|
|
14
|
-
class: ['hydrated', "weui-icon-".concat(iconType)],
|
|
15
|
-
onClick: function onClick(e) {
|
|
16
|
-
emit('tap', e);
|
|
17
|
-
}
|
|
18
|
-
}, slots);
|
|
19
|
-
};
|
|
20
|
-
}
|
|
21
|
-
};
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { h } from 'vue';
|
|
2
|
-
import { useForwardRef } from './forwardRef';
|
|
3
|
-
export default {
|
|
4
|
-
emits: ['tap'],
|
|
5
|
-
setup: function setup(__props, _ref) {
|
|
6
|
-
var slots = _ref.slots,
|
|
7
|
-
emit = _ref.emit,
|
|
8
|
-
attrs = _ref.attrs;
|
|
9
|
-
var forwardRef = useForwardRef();
|
|
10
|
-
return function () {
|
|
11
|
-
return h('taro-image-core', {
|
|
12
|
-
ref: forwardRef,
|
|
13
|
-
class: ['hydrated', {
|
|
14
|
-
'taro-img__widthfix': attrs.mode === 'widthFix'
|
|
15
|
-
}],
|
|
16
|
-
onClick: function onClick(e) {
|
|
17
|
-
emit('tap', e);
|
|
18
|
-
}
|
|
19
|
-
}, slots);
|
|
20
|
-
};
|
|
21
|
-
}
|
|
22
|
-
};
|
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
import createComponent from './createComponent';
|
|
2
|
-
import createFormsComponent from './createFormsComponent';
|
|
3
|
-
|
|
4
|
-
// 视图容器
|
|
5
|
-
export var CoverImage = createComponent('taro-cover-image');
|
|
6
|
-
export var CoverView = createComponent('taro-cover-view');
|
|
7
|
-
export var MatchMedia = createComponent('taro-match-media');
|
|
8
|
-
export var MovableArea = createComponent('taro-movable-area');
|
|
9
|
-
export var MovableView = createComponent('taro-movable-view');
|
|
10
|
-
export var PageContainer = createComponent('taro-page-container');
|
|
11
|
-
export var RootPortal = createComponent('taro-root-portal');
|
|
12
|
-
export { default as ScrollView } from './scroll-view';
|
|
13
|
-
export var ShareElement = createComponent('taro-share-element');
|
|
14
|
-
export var Swiper = createComponent('taro-swiper');
|
|
15
|
-
export var SwiperItem = createComponent('taro-swiper-item', ['swiper-slide']);
|
|
16
|
-
export var View = createComponent('taro-view');
|
|
17
|
-
|
|
18
|
-
// 基础内容
|
|
19
|
-
export { default as Icon } from './icon';
|
|
20
|
-
export var Progress = createComponent('taro-progress', ['weui-progress']);
|
|
21
|
-
export var RichText = createComponent('taro-rich-text');
|
|
22
|
-
export { default as Text } from './text';
|
|
23
|
-
|
|
24
|
-
// 表单组件
|
|
25
|
-
export var Button = createComponent('taro-button');
|
|
26
|
-
export var Checkbox = createComponent('taro-checkbox', ['weui-cells_checkbox']);
|
|
27
|
-
export var CheckboxGroup = createComponent('taro-checkbox-group');
|
|
28
|
-
export var Editor = createComponent('taro-editor');
|
|
29
|
-
export var Form = createComponent('taro-form');
|
|
30
|
-
export var Input = createFormsComponent('taro-input', 'input');
|
|
31
|
-
export var KeyboardAccessory = createComponent('taro-keyboard-accessory');
|
|
32
|
-
export var Label = createComponent('taro-label');
|
|
33
|
-
export var Picker = createFormsComponent('taro-picker', 'change');
|
|
34
|
-
export var PickerView = createComponent('taro-picker-view');
|
|
35
|
-
export var PickerViewColumn = createComponent('taro-picker-view-column');
|
|
36
|
-
export var Radio = createComponent('taro-radio', ['weui-cells_checkbox']);
|
|
37
|
-
export var RadioGroup = createComponent('taro-radio-group', ['weui-cells_radiogroup']);
|
|
38
|
-
export var Slider = createFormsComponent('taro-slider', 'change', 'value', ['weui-slider-box']);
|
|
39
|
-
export var Switch = createFormsComponent('taro-switch', 'change', 'checked');
|
|
40
|
-
export var Textarea = createFormsComponent('taro-textarea', 'input');
|
|
41
|
-
|
|
42
|
-
// 导航
|
|
43
|
-
export var FunctionalPageNavigator = createComponent('taro-functional-page-navigator');
|
|
44
|
-
export var Navigator = createComponent('taro-navigator');
|
|
45
|
-
|
|
46
|
-
// 媒体组件
|
|
47
|
-
export var Audio = createComponent('taro-audio');
|
|
48
|
-
export var Camera = createComponent('taro-camera');
|
|
49
|
-
export { default as Image } from './image';
|
|
50
|
-
export var LivePlayer = createComponent('taro-live-player');
|
|
51
|
-
export var Video = createComponent('taro-video', ['taro-video-container']);
|
|
52
|
-
export var VoipRoom = createComponent('taro-voip-room');
|
|
53
|
-
|
|
54
|
-
// 地图
|
|
55
|
-
export var Map = createComponent('taro-map');
|
|
56
|
-
|
|
57
|
-
// 画布
|
|
58
|
-
export var Canvas = createComponent('taro-canvas');
|
|
59
|
-
|
|
60
|
-
// 开放能力
|
|
61
|
-
export var WebView = createComponent('taro-web-view');
|
|
62
|
-
export var Ad = createComponent('taro-ad');
|
|
63
|
-
export var AdCustom = createComponent('taro-ad-custom');
|
|
64
|
-
export var OfficialAccount = createComponent('taro-official-account');
|
|
65
|
-
export var OpenData = createComponent('taro-open-data');
|
|
66
|
-
|
|
67
|
-
// 导航栏
|
|
68
|
-
export var NavigationBar = createComponent('taro-navigation-bar');
|
|
69
|
-
|
|
70
|
-
// 页面属性配置节点
|
|
71
|
-
export var PageMeta = createComponent('taro-page-meta');
|
|
72
|
-
|
|
73
|
-
// 其他
|
|
74
|
-
export var Block = createComponent('taro-block');
|
|
75
|
-
export var CustomWrapper = createComponent('taro-custom-wrapper');
|
|
76
|
-
export var Slot = createComponent('taro-slot');
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { h } from 'vue';
|
|
2
|
-
import { useForwardRef } from './forwardRef';
|
|
3
|
-
export default {
|
|
4
|
-
emits: ['tap', 'scroll'],
|
|
5
|
-
setup: function setup(__props, _ref) {
|
|
6
|
-
var slots = _ref.slots,
|
|
7
|
-
emit = _ref.emit,
|
|
8
|
-
attrs = _ref.attrs;
|
|
9
|
-
var forwardRef = useForwardRef();
|
|
10
|
-
return function () {
|
|
11
|
-
return h('taro-scroll-view-core', {
|
|
12
|
-
ref: forwardRef,
|
|
13
|
-
class: ['hydrated', {
|
|
14
|
-
'taro-scroll-view__scroll-x': attrs['scroll-x'] === '',
|
|
15
|
-
'taro-scroll-view__scroll-y': attrs['scroll-y'] === ''
|
|
16
|
-
}],
|
|
17
|
-
onClick: function onClick(e) {
|
|
18
|
-
emit('tap', e);
|
|
19
|
-
},
|
|
20
|
-
onScroll: function onScroll(e) {
|
|
21
|
-
if (e instanceof CustomEvent) {
|
|
22
|
-
emit('scroll', e);
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
}, slots);
|
|
26
|
-
};
|
|
27
|
-
}
|
|
28
|
-
};
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { h } from 'vue';
|
|
2
|
-
import { useForwardRef } from './forwardRef';
|
|
3
|
-
export default {
|
|
4
|
-
emits: ['tap'],
|
|
5
|
-
setup: function setup(__props, _ref) {
|
|
6
|
-
var slots = _ref.slots,
|
|
7
|
-
emit = _ref.emit,
|
|
8
|
-
attrs = _ref.attrs;
|
|
9
|
-
var forwardRef = useForwardRef();
|
|
10
|
-
return function () {
|
|
11
|
-
return h('taro-text-core', {
|
|
12
|
-
ref: forwardRef,
|
|
13
|
-
class: ['hydrated', {
|
|
14
|
-
'taro-text_selectable': attrs.selectable
|
|
15
|
-
}],
|
|
16
|
-
onClick: function onClick(e) {
|
|
17
|
-
emit('tap', e);
|
|
18
|
-
}
|
|
19
|
-
}, slots);
|
|
20
|
-
};
|
|
21
|
-
}
|
|
22
|
-
};
|
package/dist/vue3/components.js
DELETED
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
/* eslint-disable */
|
|
2
|
-
/* tslint:disable */
|
|
3
|
-
/* auto-generated vue proxies */
|
|
4
|
-
import { defineContainer } from './vue-component-lib/utils';
|
|
5
|
-
export var Ad = /*@__PURE__*/defineContainer('taro-ad-core', undefined);
|
|
6
|
-
export var AdCustom = /*@__PURE__*/defineContainer('taro-ad-custom-core', undefined);
|
|
7
|
-
export var AnimationVideo = /*@__PURE__*/defineContainer('taro-animation-video-core', undefined);
|
|
8
|
-
export var AnimationView = /*@__PURE__*/defineContainer('taro-animation-view-core', undefined);
|
|
9
|
-
export var ArCamera = /*@__PURE__*/defineContainer('taro-ar-camera-core', undefined);
|
|
10
|
-
export var Audio = /*@__PURE__*/defineContainer('taro-audio-core', undefined, ['src', 'controls', 'autoplay', 'loop', 'muted', 'nativeProps', 'error', 'play', 'pause', 'timeupdate', 'ended']);
|
|
11
|
-
export var AwemeData = /*@__PURE__*/defineContainer('taro-aweme-data-core', undefined);
|
|
12
|
-
export var Block = /*@__PURE__*/defineContainer('taro-block-core', undefined);
|
|
13
|
-
export var Button = /*@__PURE__*/defineContainer('taro-button-core', undefined, ['disabled', 'hoverClass', 'type', 'hoverStartTime', 'hoverStayTime', 'size', 'plain', 'loading', 'formType', 'tarobuttonsubmit', 'tarobuttonreset']);
|
|
14
|
-
export var Camera = /*@__PURE__*/defineContainer('taro-camera-core', undefined);
|
|
15
|
-
export var Canvas = /*@__PURE__*/defineContainer('taro-canvas-core', undefined, ['canvasId', 'nativeProps', 'longtap']);
|
|
16
|
-
export var Checkbox = /*@__PURE__*/defineContainer('taro-checkbox-core', undefined, ['name', 'value', 'color', 'id', 'checked', 'disabled', 'nativeProps', 'checkboxchange']);
|
|
17
|
-
export var CheckboxGroup = /*@__PURE__*/defineContainer('taro-checkbox-group-core', undefined, ['name', 'change']);
|
|
18
|
-
export var CommentDetail = /*@__PURE__*/defineContainer('taro-comment-detail-core', undefined);
|
|
19
|
-
export var CommentList = /*@__PURE__*/defineContainer('taro-comment-list-core', undefined);
|
|
20
|
-
export var ContactButton = /*@__PURE__*/defineContainer('taro-contact-button-core', undefined);
|
|
21
|
-
export var CoverImage = /*@__PURE__*/defineContainer('taro-cover-image-core', undefined, ['src', 'nativeProps', 'load', 'error']);
|
|
22
|
-
export var CoverView = /*@__PURE__*/defineContainer('taro-cover-view-core', undefined, ['animation', 'hoverClass', 'hoverStartTime', 'hoverStayTime', 'longpress']);
|
|
23
|
-
export var CustomWrapper = /*@__PURE__*/defineContainer('taro-custom-wrapper-core', undefined);
|
|
24
|
-
export var Editor = /*@__PURE__*/defineContainer('taro-editor-core', undefined);
|
|
25
|
-
export var FollowSwan = /*@__PURE__*/defineContainer('taro-follow-swan-core', undefined);
|
|
26
|
-
export var Form = /*@__PURE__*/defineContainer('taro-form-core', undefined, ['submit']);
|
|
27
|
-
export var FunctionalPageNavigator = /*@__PURE__*/defineContainer('taro-functional-page-navigator-core', undefined);
|
|
28
|
-
export var Icon = /*@__PURE__*/defineContainer('taro-icon-core', undefined, ['type', 'size', 'color']);
|
|
29
|
-
export var Image = /*@__PURE__*/defineContainer('taro-image-core', undefined, ['src', 'mode', 'lazyLoad', 'nativeProps', 'load', 'error']);
|
|
30
|
-
export var InlinePaymentPanel = /*@__PURE__*/defineContainer('taro-inline-payment-panel-core', undefined);
|
|
31
|
-
export var Input = /*@__PURE__*/defineContainer('taro-input-core', undefined, ['value', 'type', 'password', 'placeholder', 'disabled', 'maxlength', 'autoFocus', 'confirmType', 'name', 'nativeProps', 'input', 'paste', 'focus', 'blur', 'confirm', 'change', 'keydown']);
|
|
32
|
-
export var KeyboardAccessory = /*@__PURE__*/defineContainer('taro-keyboard-accessory-core', undefined);
|
|
33
|
-
export var Label = /*@__PURE__*/defineContainer('taro-label-core', undefined, ['for']);
|
|
34
|
-
export var Lifestyle = /*@__PURE__*/defineContainer('taro-lifestyle-core', undefined);
|
|
35
|
-
export var Like = /*@__PURE__*/defineContainer('taro-like-core', undefined);
|
|
36
|
-
export var LivePlayer = /*@__PURE__*/defineContainer('taro-live-player-core', undefined);
|
|
37
|
-
export var LivePusher = /*@__PURE__*/defineContainer('taro-live-pusher-core', undefined);
|
|
38
|
-
export var Login = /*@__PURE__*/defineContainer('taro-login-core', undefined);
|
|
39
|
-
export var Lottie = /*@__PURE__*/defineContainer('taro-lottie-core', undefined);
|
|
40
|
-
export var Map = /*@__PURE__*/defineContainer('taro-map-core', undefined);
|
|
41
|
-
export var MatchMedia = /*@__PURE__*/defineContainer('taro-match-media-core', undefined);
|
|
42
|
-
export var MovableArea = /*@__PURE__*/defineContainer('taro-movable-area-core', undefined, ['scaleArea']);
|
|
43
|
-
export var MovableView = /*@__PURE__*/defineContainer('taro-movable-view-core', undefined, ['x', 'y', 'direction', 'outOfBounds', 'inertia', 'friction', 'damping', 'disabled', 'scale', 'scaleMin', 'scaleMax', 'scaleValue', 'animation', 'change', 'scale', 'htouchmove', 'vtouchmove']);
|
|
44
|
-
export var NativeSlot = /*@__PURE__*/defineContainer('taro-native-slot-core', undefined);
|
|
45
|
-
export var NavigationBar = /*@__PURE__*/defineContainer('taro-navigation-bar-core', undefined);
|
|
46
|
-
export var Navigator = /*@__PURE__*/defineContainer('taro-navigator-core', undefined, ['hoverClass', 'url', 'openType', 'isHover', 'delta', 'cuccess', 'fail', 'Complete']);
|
|
47
|
-
export var OfficialAccount = /*@__PURE__*/defineContainer('taro-official-account-core', undefined);
|
|
48
|
-
export var OpenData = /*@__PURE__*/defineContainer('taro-open-data-core', undefined);
|
|
49
|
-
export var PageContainer = /*@__PURE__*/defineContainer('taro-page-container-core', undefined);
|
|
50
|
-
export var PageMeta = /*@__PURE__*/defineContainer('taro-page-meta-core', undefined);
|
|
51
|
-
export var Picker = /*@__PURE__*/defineContainer('taro-picker-core', undefined, ['mode', 'disabled', 'range', 'rangeKey', 'value', 'start', 'end', 'fields', 'name', 'change', 'columnchange', 'cancel']);
|
|
52
|
-
export var PickerGroup = /*@__PURE__*/defineContainer('taro-picker-group', undefined, ['mode', 'range', 'rangeKey', 'height', 'columnId', 'updateHeight', 'onColumnChange', 'updateDay']);
|
|
53
|
-
export var PickerViewColumn = /*@__PURE__*/defineContainer('taro-picker-view-column-core', undefined, ['col', 'initialPosition', 'paddingVertical', 'onselect', 'onselectstart', 'onselectend']);
|
|
54
|
-
export var PickerView = /*@__PURE__*/defineContainer('taro-picker-view-core', undefined, ['indicatorStyle', 'indicatorClass', 'value', 'maskStyle', 'maskClass', 'change', 'pickstart', 'pickend']);
|
|
55
|
-
export var Progress = /*@__PURE__*/defineContainer('taro-progress-core', undefined, ['percent', 'showInfo', 'borderRadius', 'fontSize', 'strokeWidth', 'activeColor', 'backgroundColor', 'active']);
|
|
56
|
-
export var PullToRefresh = /*@__PURE__*/defineContainer('taro-pull-to-refresh', undefined, ['prefixCls', 'distanceToRefresh', 'damping', 'indicator', 'refresh']);
|
|
57
|
-
export var Radio = /*@__PURE__*/defineContainer('taro-radio-core', undefined, ['name', 'value', 'id', 'checked', 'disabled', 'nativeProps', 'radiochange']);
|
|
58
|
-
export var RadioGroup = /*@__PURE__*/defineContainer('taro-radio-group-core', undefined, ['name', 'change']);
|
|
59
|
-
export var RichText = /*@__PURE__*/defineContainer('taro-rich-text-core', undefined, ['nodes']);
|
|
60
|
-
export var RootPortal = /*@__PURE__*/defineContainer('taro-root-portal-core', undefined);
|
|
61
|
-
export var RtcRoom = /*@__PURE__*/defineContainer('taro-rtc-room-core', undefined);
|
|
62
|
-
export var RtcRoomItem = /*@__PURE__*/defineContainer('taro-rtc-room-item-core', undefined);
|
|
63
|
-
export var ScrollView = /*@__PURE__*/defineContainer('taro-scroll-view-core', undefined, ['scrollX', 'scrollY', 'upperThreshold', 'lowerThreshold', 'mpScrollTop', 'mpScrollLeft', 'mpScrollIntoView', 'scrollWithAnimation', 'scroll', 'scrolltoupper', 'scrolltolower']);
|
|
64
|
-
export var ShareElement = /*@__PURE__*/defineContainer('taro-share-element-core', undefined);
|
|
65
|
-
export var Slider = /*@__PURE__*/defineContainer('taro-slider-core', undefined, ['min', 'max', 'step', 'disabled', 'value', 'activeColor', 'backgroundColor', 'blockSize', 'blockColor', 'showValue', 'name', 'change', 'changing']);
|
|
66
|
-
export var Slot = /*@__PURE__*/defineContainer('taro-slot-core', undefined);
|
|
67
|
-
export var Swiper = /*@__PURE__*/defineContainer('taro-swiper-core', undefined, ['indicatorDots', 'indicatorColor', 'indicatorActiveColor', 'autoplay', 'current', 'interval', 'duration', 'circular', 'vertical', 'previousMargin', 'nextMargin', 'displayMultipleItems', 'full', 'zoom', 'change', 'animationfinish']);
|
|
68
|
-
export var SwiperItem = /*@__PURE__*/defineContainer('taro-swiper-item-core', undefined, ['itemId']);
|
|
69
|
-
export var Switch = /*@__PURE__*/defineContainer('taro-switch-core', undefined, ['type', 'checked', 'color', 'name', 'disabled', 'nativeProps', 'change']);
|
|
70
|
-
export var TabItem = /*@__PURE__*/defineContainer('taro-tab-item-core', undefined);
|
|
71
|
-
export var Tabbar = /*@__PURE__*/defineContainer('taro-tabbar', undefined, ['conf', 'longpress']);
|
|
72
|
-
export var Tabs = /*@__PURE__*/defineContainer('taro-tabs-core', undefined);
|
|
73
|
-
export var Text = /*@__PURE__*/defineContainer('taro-text-core', undefined, ['selectable']);
|
|
74
|
-
export var Textarea = /*@__PURE__*/defineContainer('taro-textarea-core', undefined, ['value', 'placeholder', 'disabled', 'maxlength', 'autoFocus', 'autoHeight', 'name', 'nativeProps', 'input', 'focus', 'blur', 'change', 'linechange']);
|
|
75
|
-
export var VideoControl = /*@__PURE__*/defineContainer('taro-video-control', undefined, ['controls', 'currentTime', 'duration', 'isPlaying', 'pauseFunc', 'playFunc', 'seekFunc', 'showPlayBtn', 'showProgress']);
|
|
76
|
-
export var Video = /*@__PURE__*/defineContainer('taro-video-core', undefined, ['src', 'duration', 'controls', 'autoplay', 'loop', 'muted', 'initialTime', 'poster', 'objectFit', 'showProgress', 'showFullscreenBtn', 'showPlayBtn', 'showCenterPlayBtn', 'showMuteBtn', 'danmuList', 'danmuBtn', 'enableDanmu', 'enablePlayGesture', 'enableProgressGesture', 'vslideGesture', 'vslideGestureInFullscreen', 'nativeProps', 'play', 'pause', 'ended', 'timeupdate', 'error', 'fullscreenchange', 'progress', 'loadedmetadata']);
|
|
77
|
-
export var VideoDanmu = /*@__PURE__*/defineContainer('taro-video-danmu', undefined, ['enable']);
|
|
78
|
-
export var View = /*@__PURE__*/defineContainer('taro-view-core', undefined, ['animation', 'hoverClass', 'hoverStartTime', 'hoverStayTime', 'longpress']);
|
|
79
|
-
export var VoipRoom = /*@__PURE__*/defineContainer('taro-voip-room-core', undefined);
|
|
80
|
-
export var WebView = /*@__PURE__*/defineContainer('taro-web-view-core', undefined, ['src', 'load', 'error']);
|
package/dist/vue3/index.js
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
2
|
-
import * as components from './components';
|
|
3
|
-
export function initVue3Components(app) {
|
|
4
|
-
app.config.isCustomElement = function (tag) {
|
|
5
|
-
return /^taro-/.test(tag) || tag === 'root' || tag === 'block';
|
|
6
|
-
};
|
|
7
|
-
Object.entries(components).forEach(function (_ref) {
|
|
8
|
-
var _ref2 = _slicedToArray(_ref, 2),
|
|
9
|
-
name = _ref2[0],
|
|
10
|
-
component = _ref2[1];
|
|
11
|
-
if (component) {
|
|
12
|
-
var tagName = 'taro' + name.replace(new RegExp('([A-Z])', 'g'), '-$1').toLowerCase();
|
|
13
|
-
app.component(tagName, component);
|
|
14
|
-
}
|
|
15
|
-
});
|
|
16
|
-
}
|
|
17
|
-
export * from './components';
|
|
@@ -1,175 +0,0 @@
|
|
|
1
|
-
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
2
|
-
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
3
|
-
import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
|
|
4
|
-
import { defineComponent, getCurrentInstance, h, inject, ref } from 'vue';
|
|
5
|
-
var UPDATE_VALUE_EVENT = 'update:modelValue';
|
|
6
|
-
var MODEL_VALUE = 'modelValue';
|
|
7
|
-
var ROUTER_LINK_VALUE = 'routerLink';
|
|
8
|
-
var NAV_MANAGER = 'navManager';
|
|
9
|
-
var ROUTER_PROP_PREFIX = 'router';
|
|
10
|
-
|
|
11
|
-
/**
|
|
12
|
-
* Starting in Vue 3.1.0, all properties are
|
|
13
|
-
* added as keys to the props object, even if
|
|
14
|
-
* they are not being used. In order to correctly
|
|
15
|
-
* account for both value props and v-model props,
|
|
16
|
-
* we need to check if the key exists for Vue <3.1.0
|
|
17
|
-
* and then check if it is not undefined for Vue >= 3.1.0.
|
|
18
|
-
* See https://github.com/vuejs/vue-next/issues/3889
|
|
19
|
-
*/
|
|
20
|
-
var EMPTY_PROP = Symbol();
|
|
21
|
-
var DEFAULT_EMPTY_PROP = {
|
|
22
|
-
default: EMPTY_PROP
|
|
23
|
-
};
|
|
24
|
-
var getComponentClasses = function getComponentClasses(classes) {
|
|
25
|
-
return (classes === null || classes === void 0 ? void 0 : classes.split(' ')) || [];
|
|
26
|
-
};
|
|
27
|
-
var getElementClasses = function getElementClasses(ref, componentClasses) {
|
|
28
|
-
var _ref$value;
|
|
29
|
-
var defaultClasses = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
|
|
30
|
-
return [].concat(_toConsumableArray(Array.from(((_ref$value = ref.value) === null || _ref$value === void 0 ? void 0 : _ref$value.classList) || [])), _toConsumableArray(defaultClasses)).filter(function (c, i, self) {
|
|
31
|
-
return !componentClasses.has(c) && self.indexOf(c) === i;
|
|
32
|
-
});
|
|
33
|
-
};
|
|
34
|
-
|
|
35
|
-
/**
|
|
36
|
-
* Create a callback to define a Vue component wrapper around a Web Component.
|
|
37
|
-
*
|
|
38
|
-
* @prop name - The component tag name (i.e. `ion-button`)
|
|
39
|
-
* @prop componentProps - An array of properties on the
|
|
40
|
-
* component. These usually match up with the @Prop definitions
|
|
41
|
-
* in each component's TSX file.
|
|
42
|
-
* @prop customElement - An option custom element instance to pass
|
|
43
|
-
* to customElements.define. Only set if `includeImportCustomElements: true` in your config.
|
|
44
|
-
* @prop modelProp - The prop that v-model binds to (i.e. value)
|
|
45
|
-
* @prop modelUpdateEvent - The event that is fired from your Web Component when the value changes (i.e. ionChange)
|
|
46
|
-
* @prop externalModelUpdateEvent - The external event to fire from your Vue component when modelUpdateEvent fires. This is used for ensuring that v-model references have been
|
|
47
|
-
* correctly updated when a user's event callback fires.
|
|
48
|
-
*/
|
|
49
|
-
export var defineContainer = function defineContainer(name, defineCustomElement) {
|
|
50
|
-
var componentProps = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
|
|
51
|
-
var modelProp = arguments.length > 3 ? arguments[3] : undefined;
|
|
52
|
-
var modelUpdateEvent = arguments.length > 4 ? arguments[4] : undefined;
|
|
53
|
-
var externalModelUpdateEvent = arguments.length > 5 ? arguments[5] : undefined;
|
|
54
|
-
/**
|
|
55
|
-
* Create a Vue component wrapper around a Web Component.
|
|
56
|
-
* Note: The `props` here are not all properties on a component.
|
|
57
|
-
* They refer to whatever properties are set on an instance of a component.
|
|
58
|
-
*/
|
|
59
|
-
|
|
60
|
-
if (defineCustomElement !== undefined) {
|
|
61
|
-
defineCustomElement();
|
|
62
|
-
}
|
|
63
|
-
var Container = defineComponent(function (props, _ref) {
|
|
64
|
-
var _currentInstance$appC;
|
|
65
|
-
var attrs = _ref.attrs,
|
|
66
|
-
slots = _ref.slots,
|
|
67
|
-
emit = _ref.emit;
|
|
68
|
-
var modelPropValue = props[modelProp];
|
|
69
|
-
var containerRef = ref();
|
|
70
|
-
var classes = new Set(getComponentClasses(attrs.class));
|
|
71
|
-
var onVnodeBeforeMount = function onVnodeBeforeMount(vnode) {
|
|
72
|
-
// Add a listener to tell Vue to update the v-model
|
|
73
|
-
if (vnode.el) {
|
|
74
|
-
var eventsNames = Array.isArray(modelUpdateEvent) ? modelUpdateEvent : [modelUpdateEvent];
|
|
75
|
-
eventsNames.forEach(function (eventName) {
|
|
76
|
-
vnode.el.addEventListener(eventName.toLowerCase(), function (e) {
|
|
77
|
-
modelPropValue = (e === null || e === void 0 ? void 0 : e.target)[modelProp];
|
|
78
|
-
emit(UPDATE_VALUE_EVENT, modelPropValue);
|
|
79
|
-
|
|
80
|
-
/**
|
|
81
|
-
* We need to emit the change event here
|
|
82
|
-
* rather than on the web component to ensure
|
|
83
|
-
* that any v-model bindings have been updated.
|
|
84
|
-
* Otherwise, the developer will listen on the
|
|
85
|
-
* native web component, but the v-model will
|
|
86
|
-
* not have been updated yet.
|
|
87
|
-
*/
|
|
88
|
-
if (externalModelUpdateEvent) {
|
|
89
|
-
emit(externalModelUpdateEvent, e);
|
|
90
|
-
}
|
|
91
|
-
});
|
|
92
|
-
});
|
|
93
|
-
}
|
|
94
|
-
};
|
|
95
|
-
var currentInstance = getCurrentInstance();
|
|
96
|
-
var hasRouter = currentInstance === null || currentInstance === void 0 ? void 0 : (_currentInstance$appC = currentInstance.appContext) === null || _currentInstance$appC === void 0 ? void 0 : _currentInstance$appC.provides[NAV_MANAGER];
|
|
97
|
-
var navManager = hasRouter ? inject(NAV_MANAGER) : undefined;
|
|
98
|
-
var handleRouterLink = function handleRouterLink(ev) {
|
|
99
|
-
var routerLink = props.routerLink;
|
|
100
|
-
if (routerLink === EMPTY_PROP) return;
|
|
101
|
-
if (navManager !== undefined) {
|
|
102
|
-
var navigationPayload = {
|
|
103
|
-
event: ev
|
|
104
|
-
};
|
|
105
|
-
for (var key in props) {
|
|
106
|
-
var value = props[key];
|
|
107
|
-
if (props.hasOwnProperty(key) && key.startsWith(ROUTER_PROP_PREFIX) && value !== EMPTY_PROP) {
|
|
108
|
-
navigationPayload[key] = value;
|
|
109
|
-
}
|
|
110
|
-
}
|
|
111
|
-
navManager.navigate(navigationPayload);
|
|
112
|
-
} else {
|
|
113
|
-
console.warn('Tried to navigate, but no router was found. Make sure you have mounted Vue Router.');
|
|
114
|
-
}
|
|
115
|
-
};
|
|
116
|
-
return function () {
|
|
117
|
-
modelPropValue = props[modelProp];
|
|
118
|
-
getComponentClasses(attrs.class).forEach(function (value) {
|
|
119
|
-
classes.add(value);
|
|
120
|
-
});
|
|
121
|
-
var oldClick = props.onClick;
|
|
122
|
-
var handleClick = function handleClick(ev) {
|
|
123
|
-
if (oldClick !== undefined) {
|
|
124
|
-
oldClick(ev);
|
|
125
|
-
}
|
|
126
|
-
if (!ev.defaultPrevented) {
|
|
127
|
-
handleRouterLink(ev);
|
|
128
|
-
}
|
|
129
|
-
};
|
|
130
|
-
var propsToAdd = {
|
|
131
|
-
ref: containerRef,
|
|
132
|
-
class: getElementClasses(containerRef, classes),
|
|
133
|
-
onClick: handleClick,
|
|
134
|
-
onVnodeBeforeMount: modelUpdateEvent ? onVnodeBeforeMount : undefined
|
|
135
|
-
};
|
|
136
|
-
|
|
137
|
-
/**
|
|
138
|
-
* We can use Object.entries here
|
|
139
|
-
* to avoid the hasOwnProperty check,
|
|
140
|
-
* but that would require 2 iterations
|
|
141
|
-
* where as this only requires 1.
|
|
142
|
-
*/
|
|
143
|
-
for (var key in props) {
|
|
144
|
-
var value = props[key];
|
|
145
|
-
if (props.hasOwnProperty(key) && value !== EMPTY_PROP) {
|
|
146
|
-
propsToAdd[key] = value;
|
|
147
|
-
}
|
|
148
|
-
}
|
|
149
|
-
if (modelProp) {
|
|
150
|
-
/**
|
|
151
|
-
* If form value property was set using v-model
|
|
152
|
-
* then we should use that value.
|
|
153
|
-
* Otherwise, check to see if form value property
|
|
154
|
-
* was set as a static value (i.e. no v-model).
|
|
155
|
-
*/
|
|
156
|
-
if (props[MODEL_VALUE] !== EMPTY_PROP) {
|
|
157
|
-
propsToAdd = _objectSpread(_objectSpread({}, propsToAdd), {}, _defineProperty({}, modelProp, props[MODEL_VALUE]));
|
|
158
|
-
} else if (modelPropValue !== EMPTY_PROP) {
|
|
159
|
-
propsToAdd = _objectSpread(_objectSpread({}, propsToAdd), {}, _defineProperty({}, modelProp, modelPropValue));
|
|
160
|
-
}
|
|
161
|
-
}
|
|
162
|
-
return h(name, propsToAdd, slots.default && slots.default());
|
|
163
|
-
};
|
|
164
|
-
});
|
|
165
|
-
Container.displayName = name;
|
|
166
|
-
Container.props = _defineProperty({}, ROUTER_LINK_VALUE, DEFAULT_EMPTY_PROP);
|
|
167
|
-
componentProps.forEach(function (componentProp) {
|
|
168
|
-
Container.props[componentProp] = DEFAULT_EMPTY_PROP;
|
|
169
|
-
});
|
|
170
|
-
if (modelProp) {
|
|
171
|
-
Container.props[MODEL_VALUE] = DEFAULT_EMPTY_PROP;
|
|
172
|
-
Container.emits = [UPDATE_VALUE_EVENT, externalModelUpdateEvent];
|
|
173
|
-
}
|
|
174
|
-
return Container;
|
|
175
|
-
};
|