dolphin-weex-ui 2.2.10 → 2.2.13
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/CHANGELOG.md +15 -0
- package/dist/index.native.js +32 -24
- package/dist/index.native.js.map +1 -1
- package/dist/index.web.js +31 -25
- package/dist/index.web.js.map +1 -1
- package/package.json +1 -1
- package/packages/dof-actionsheet/index-bak.vue +1 -0
- package/packages/dof-actionsheet/index.vue +1 -0
- package/packages/dof-button/index.vue +1 -1
- package/packages/dof-popup/index.vue +1 -0
- package/packages/dof-select-picker/index.vue +1 -0
- package/packages/utils/promisify.js +13 -13
package/dist/index.web.js
CHANGED
|
@@ -7846,7 +7846,7 @@ exports = module.exports = __webpack_require__(0)(true);
|
|
|
7846
7846
|
|
|
7847
7847
|
|
|
7848
7848
|
// module
|
|
7849
|
-
exports.push([module.i, "\n.dof-popup[data-v-0beb2564] {\n position: fixed;\n /* width: 750px; */\n overflow: hidden;\n}\n.title[data-v-0beb2564] {\n padding: 0.4rem;\n text-align: center;\n font-size: 0.37333rem;\n color: #8a8a8f;\n line-height: 0.64rem;\n background-color: #ffffff;\n}\n.midea-actionsheet-content[data-v-0beb2564] {\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -webkit-flex-direction: column;\n flex-direction: column;\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n flex: 1;\n /* background-color: #ffffff; */\n}\n.midea-actionsheet-list-first[data-v-0beb2564] {\n /* border-top-left-radius: 32px;\n border-top-right-radius: 32px; */\n background-color: #ffffff;\n}\n.midea-actionsheet-list-first[data-v-0beb2564]:active {\n background-color: #f5f5f5;\n}\n.midea-actionsheet-list[data-v-0beb2564] {\n border-top-width: 0.02667rem;\n border-top-color: #f9f9f9;\n background-color: #ffffff;\n}\n.midea-actionsheet-list[data-v-0beb2564]:active {\n background-color: #f5f5f5;\n}\n.midea-actionsheet-textWrapper[data-v-0beb2564] {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -webkit-flex-direction: row;\n flex-direction: row;\n -webkit-box-pack: center;\n -webkit-justify-content: center;\n justify-content: center;\n -webkit-box-align: center;\n -webkit-align-items: center;\n align-items: center;\n}\n.midea-actionsheet-text[data-v-0beb2564] {\n font-family: PingFangSC-Regular;\n text-align: center;\n font-size: 0.42667rem;\n line-height: 1.28rem;\n /* color: #000000; */\n}\n.midea-actionsheet-bottom[data-v-0beb2564] {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -webkit-flex-direction: row;\n flex-direction: row;\n margin-top: 0.21333rem;\n -webkit-box-pack: justify;\n -webkit-justify-content: space-between;\n justify-content: space-between;\n}\n.midea-actionsheet-btn[data-v-0beb2564] {\n font-size: 0.42667rem;\n color: #232323;\n background-color: #ffffff;\n line-height: 1.22667rem;\n text-align: center;\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n flex: 1; /* add by lau resolve bottom button */\n}\n.leftBtn[data-v-0beb2564] {\n color: #666666;\n}\n.top[data-v-0beb2564] {\n left: 0;\n right: 0;\n}\n.bottom[data-v-0beb2564] {\n left: 0;\n right: 0;\n}\n.left[data-v-0beb2564] {\n bottom: 0;\n top: 0;\n}\n.right[data-v-0beb2564] {\n bottom: 0;\n top: 0;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-actionsheet/index.vue?a659a594"],"names":[],"mappings":";AA0DA;EACA,gBAAA;EACA,mBAAA;EACA,iBAAA;CACA;AAEA;EACA,gBAAA;EACA,mBAAA;EACA,sBAAA;EACA,eAAA;EACA,qBAAA;EACA,0BAAA;CACA;AAEA;EACA,6BAAA;EAAA,8BAAA;EAAA,+BAAA;UAAA,uBAAA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA;EACA,gCAAA;CACA;AACA;EACA;mCACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,6BAAA;EACA,0BAAA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;CACA;AACA;EACA,gCAAA;EACA,mBAAA;EACA,sBAAA;EACA,qBAAA;EACA,qBAAA;CACA;AAEA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,uBAAA;EACA,0BAAA;EAAA,uCAAA;UAAA,+BAAA;CACA;AACA;EACA,sBAAA;EACA,eAAA;EACA,0BAAA;EACA,wBAAA;EACA,mBAAA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA,CAAA,sCAAA;CACA;AACA;EACA,eAAA;CACA;AAEA;EACA,QAAA;EACA,SAAA;CACA;AAEA;EACA,QAAA;EACA,SAAA;CACA;AAEA;EACA,UAAA;EACA,OAAA;CACA;AAEA;EACA,UAAA;EACA,OAAA;CACA","file":"index.vue","sourcesContent":["<template>\n <div>\n <div @touchend=\"handleTouchEnd\">\n <dof-overlay\n :show=\"haveOverlay && isOverShow\"\n v-if=\"show\"\n ref=\"overlay\"\n v-bind=\"overlayCfg\"\n @dofOverlayBodyClicked=\"dofOverlayBodyClicking\"\n ></dof-overlay>\n </div>\n <div ref=\"dof-popup\" v-if=\"show\" :hack=\"isNeedShow\" @click=\"() => {}\" :class=\"['dof-popup', pos]\" :style=\"padStyle\">\n <slot name=\"title\">\n <text\n v-if=\"title || $slots.title\"\n class=\"title\"\n :style=\"\n Object.assign({}, titleStyle, {\n 'border-top-left-radius': borderRadius,\n 'border-top-right-radius': borderRadius\n })\n \"\n >{{ title }}</text\n >\n </slot>\n <div class=\"midea-actionsheet-content\">\n <div\n v-bind:class=\"['midea-actionsheet-list']\"\n v-for=\"(item, index) in items\"\n :key=\"index\"\n @click=\"actionsheetItemClick(item, index)\"\n :style=\"\n Object.assign({}, itemStyle, {\n 'border-top-left-radius': index == 0 && !title ? borderRadius : '0px',\n 'border-top-right-radius': index == 0 && !title ? borderRadius : '0px'\n })\n \"\n >\n <slot :name=\"'item-' + index\">\n <div class=\"midea-actionsheet-textWrapper\">\n <text :class=\"['midea-actionsheet-text']\" :style=\"textStyleOps(item)\">{{\n item.title ? item.title : item\n }}</text>\n </div>\n </slot>\n </div>\n </div>\n <div v-if=\"button && button.length > 0\" class=\"midea-actionsheet-bottom\" :style=\"bottomIpxStyle\">\n <text class=\"midea-actionsheet-btn leftBtn\" @click=\"actionsheetBtnClick(button)\" :style=\"defaultBtnStyle\">{{\n button\n }}</text>\n </div>\n <div :style=\"{ height: '0px', 'background-color': '#ffffff' }\"></div>\n </div>\n </div>\n</template>\n\n<style scoped>\n.dof-popup {\n position: fixed;\n /* width: 750px; */\n overflow: hidden;\n}\n\n.title {\n padding: 30px;\n text-align: center;\n font-size: 28px;\n color: #8a8a8f;\n line-height: 48px;\n background-color: #ffffff;\n}\n\n.midea-actionsheet-content {\n flex-direction: column;\n flex: 1;\n /* background-color: #ffffff; */\n}\n.midea-actionsheet-list-first {\n /* border-top-left-radius: 32px;\n border-top-right-radius: 32px; */\n background-color: #ffffff;\n}\n.midea-actionsheet-list-first:active {\n background-color: #f5f5f5;\n}\n.midea-actionsheet-list {\n border-top-width: 2px;\n border-top-color: #f9f9f9;\n background-color: #ffffff;\n}\n.midea-actionsheet-list:active {\n background-color: #f5f5f5;\n}\n.midea-actionsheet-textWrapper {\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.midea-actionsheet-text {\n font-family: PingFangSC-Regular;\n text-align: center;\n font-size: 32px;\n line-height: 96px;\n /* color: #000000; */\n}\n\n.midea-actionsheet-bottom {\n flex-direction: row;\n margin-top: 16px;\n justify-content: space-between;\n}\n.midea-actionsheet-btn {\n font-size: 32px;\n color: #232323;\n background-color: #ffffff;\n line-height: 92px;\n text-align: center;\n flex: 1; /* add by lau resolve bottom button */\n}\n.leftBtn {\n color: #666666;\n}\n\n.top {\n left: 0;\n right: 0;\n}\n\n.bottom {\n left: 0;\n right: 0;\n}\n\n.left {\n bottom: 0;\n top: 0;\n}\n\n.right {\n bottom: 0;\n top: 0;\n}\n</style>\n\n<script>\nconst animation = weex.requireModule('animation')\nconst { platform } = weex.config.env\nconst isWeb = typeof window === 'object' && platform.toLowerCase() === 'web'\nimport { Bridge } from 'dolphin-native-bridge'\nimport DofOverlay from '../dof-overlay'\nexport default {\n components: { DofOverlay },\n props: {\n show: {\n type: Boolean,\n default: false\n },\n pos: {\n type: String,\n default: 'bottom'\n },\n // 背景色，即按钮上方的横条颜色，暂不开放\n popupColor: {\n type: String,\n default: '#F9F9F9'\n },\n overlayCfg: {\n type: Object,\n default: () => ({\n hasAnimation: true,\n timingFunction: ['ease-in', 'ease-out'],\n duration: 300,\n opacity: 0.3\n })\n },\n // height: {\n // type: [Number, String],\n // default: 840\n // },\n standOut: {\n type: [Number, String],\n default: 0\n },\n width: {\n type: [Number, String],\n default: 750\n },\n animation: {\n type: Object,\n default: () => ({\n // timingFunction: 'ease-in'\n timingFunction: 'cubic-bezier(0.25, 0.1, 0.25, 1.0)'\n })\n },\n title: {\n type: String,\n default: ''\n },\n button: {\n type: String,\n default: '取消'\n },\n items: {\n type: Array,\n default: () => []\n },\n titleStyle: {\n type: Object,\n default: () => {}\n },\n defaultBtnStyle: {\n type: Object,\n default: () => ({})\n },\n itemStyle: {\n type: Object,\n default: () => {}\n },\n borderRadius: {\n type: String,\n default: '32px'\n }\n },\n data: () => ({\n haveOverlay: true,\n isOverShow: true,\n bottomArc: 0\n }),\n computed: {\n isNeedShow() {\n try {\n setTimeout(() => {\n this.appearPopup(this.show)\n }, 50)\n } catch (error) {\n this.$nextTick(() => {\n this.appearPopup(this.show)\n })\n }\n return this.show\n },\n // _height() {\n // this.appearPopup(this.show, 150)\n // return this.popHeight\n // },\n // transformValue() {\n // return this.getTransform(this.pos, this.width, this.popHeight, true)\n // },\n padStyle() {\n const { pos, width, popupColor } = this\n const style = {\n width: `${width}px`,\n backgroundColor: popupColor\n // backgroundColor: '#666666'\n }\n if (pos === 'bottom') {\n style.bottom = '0px'\n style.transform = 'translateY(100%)'\n style.borderTopLeftRadius = this.borderRadius\n style.borderTopRightRadius = this.borderRadius\n }\n return style\n },\n bottomIpxStyle() {\n const style = {\n backgroundColor: '#ffffff',\n paddingBottom: `${this.isipx ? 84 : 16}px`\n }\n return style\n },\n isipx: function() {\n if (this.bottomArc) return true\n return (\n weex &&\n (weex.config.env.deviceModel === 'iPhone10,3' ||\n weex.config.env.deviceModel === 'iPhone10,6' || // iphoneX\n weex.config.env.deviceModel === 'iPhone11,8' || // iPhone XR\n weex.config.env.deviceModel === 'iPhone11,2' || // iPhone XS\n weex.config.env.deviceModel === 'iPhone11,4' ||\n weex.config.env.deviceModel === 'iPhone11,6' || // iPhone XS Max\n weex.config.env.deviceModel === 'iPhone12,1' || // iPhone11\n weex.config.env.deviceModel === 'iPhone12,3' ||\n weex.config.env.deviceModel === 'iPhone12,5' || // iPhone 11 Pro iPhone 11 Pro Max\n weex.config.env.deviceModel === 'iPhone13,1' ||\n weex.config.env.deviceModel === 'iPhone13,2' || // iPhone12 Mini && iPhone12\n weex.config.env.deviceModel === 'iPhone13,3' || //iPhone12 Pro\n weex.config.env.deviceModel === 'iPhone13,4' || // iPhone12 Pro Max\n weex.config.env.deviceModel === 'iPhone14,4' || //iPhone 13 mini\n weex.config.env.deviceModel === 'iPhone14,5' || //iPhone 13\n weex.config.env.deviceModel === 'iPhone14,2' || //iPhone 13 Pro\n weex.config.env.deviceModel === 'Iphone14,3') //iPhone 13 Pro Max\n )\n }\n\n // popHeight() {\n // // 根据下拉菜单内容计算bottom距离\n // // var length = this.items.length\n // //add by lau 可以不传递item,并且自动获取高度\n // var length = (this.items && this.items.length) || 0\n // var height,\n // extraHeight = this.isipx ? 84 : 16 // 84=16+68\n\n // if (this.items && this.items.length > 0) {\n // // var len = (length + 1) * 100 + 80;\n // height = (length + 1) * 96 + extraHeight\n // } else {\n // height = this.popHeight + 80\n // }\n // height = this.title ? height + 108 : height\n // return height\n // }\n },\n created() {\n Bridge.getAllBarHeight().then(res => {\n this.bottomArc = res.bottomArc || 0\n })\n },\n methods: {\n // '取消'按钮点击事件\n actionsheetBtnClick(buttonText) {\n this.appearPopup(false)\n this.$refs.overlay.appearOverlay(false)\n this.$emit('dofCancelClick', { buttonText })\n },\n\n // 菜单项点击事件\n actionsheetItemClick(item, index) {\n this.appearPopup(false)\n this.$refs.overlay.appearOverlay(false)\n this.$emit('dofItemClick', { item, index })\n },\n\n handleTouchEnd(e) {\n // 在支付宝上面有点击穿透问题\n const { platform } = weex.config.env\n platform === 'Web' && e.preventDefault && e.preventDefault()\n },\n hide() {\n this.appearPopup(false)\n this.$refs.overlay.appearOverlay(false)\n },\n dofOverlayBodyClicking() {\n this.show && this.appearPopup(false)\n },\n appearPopup(show, duration = 300) {\n const popupEl = this.$refs['dof-popup']\n if (!popupEl) {\n return\n }\n animation.transition(\n popupEl,\n {\n styles: {\n transform: this.getTransform(this.pos, show)\n },\n duration,\n delay: 0,\n ...this.animation\n },\n () => {\n if (!show) {\n this.$emit('dofPopupOverlayClicked', { pos: this.pos })\n }\n }\n )\n },\n getTransform(pos, show) {\n let _transform\n switch (pos) {\n case 'top':\n case 'left':\n _transform = `translateY(${show ? 0 : -100}%)`\n break\n case 'bottom':\n case 'right':\n _transform = `translateY(${show ? 0 : 100}%)`\n break\n }\n return _transform\n },\n textStyleOps(item) {\n return item.textColor ? { color: item.textColor } : { color: '#000000' }\n }\n }\n}\n</script>\n"],"sourceRoot":""}]);
|
|
7849
|
+
exports.push([module.i, "\n.dof-popup[data-v-0beb2564] {\n position: fixed;\n /* width: 750px; */\n overflow: hidden;\n z-index: 1000;\n}\n.title[data-v-0beb2564] {\n padding: 0.4rem;\n text-align: center;\n font-size: 0.37333rem;\n color: #8a8a8f;\n line-height: 0.64rem;\n background-color: #ffffff;\n}\n.midea-actionsheet-content[data-v-0beb2564] {\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -webkit-flex-direction: column;\n flex-direction: column;\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n flex: 1;\n /* background-color: #ffffff; */\n}\n.midea-actionsheet-list-first[data-v-0beb2564] {\n /* border-top-left-radius: 32px;\n border-top-right-radius: 32px; */\n background-color: #ffffff;\n}\n.midea-actionsheet-list-first[data-v-0beb2564]:active {\n background-color: #f5f5f5;\n}\n.midea-actionsheet-list[data-v-0beb2564] {\n border-top-width: 0.02667rem;\n border-top-color: #f9f9f9;\n background-color: #ffffff;\n}\n.midea-actionsheet-list[data-v-0beb2564]:active {\n background-color: #f5f5f5;\n}\n.midea-actionsheet-textWrapper[data-v-0beb2564] {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -webkit-flex-direction: row;\n flex-direction: row;\n -webkit-box-pack: center;\n -webkit-justify-content: center;\n justify-content: center;\n -webkit-box-align: center;\n -webkit-align-items: center;\n align-items: center;\n}\n.midea-actionsheet-text[data-v-0beb2564] {\n font-family: PingFangSC-Regular;\n text-align: center;\n font-size: 0.42667rem;\n line-height: 1.28rem;\n /* color: #000000; */\n}\n.midea-actionsheet-bottom[data-v-0beb2564] {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -webkit-flex-direction: row;\n flex-direction: row;\n margin-top: 0.21333rem;\n -webkit-box-pack: justify;\n -webkit-justify-content: space-between;\n justify-content: space-between;\n}\n.midea-actionsheet-btn[data-v-0beb2564] {\n font-size: 0.42667rem;\n color: #232323;\n background-color: #ffffff;\n line-height: 1.22667rem;\n text-align: center;\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n flex: 1; /* add by lau resolve bottom button */\n}\n.leftBtn[data-v-0beb2564] {\n color: #666666;\n}\n.top[data-v-0beb2564] {\n left: 0;\n right: 0;\n}\n.bottom[data-v-0beb2564] {\n left: 0;\n right: 0;\n}\n.left[data-v-0beb2564] {\n bottom: 0;\n top: 0;\n}\n.right[data-v-0beb2564] {\n bottom: 0;\n top: 0;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-actionsheet/index.vue?00ec1ca7"],"names":[],"mappings":";AA0DA;EACA,gBAAA;EACA,mBAAA;EACA,iBAAA;EACA,cAAA;CACA;AAEA;EACA,gBAAA;EACA,mBAAA;EACA,sBAAA;EACA,eAAA;EACA,qBAAA;EACA,0BAAA;CACA;AAEA;EACA,6BAAA;EAAA,8BAAA;EAAA,+BAAA;UAAA,uBAAA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA;EACA,gCAAA;CACA;AACA;EACA;mCACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,6BAAA;EACA,0BAAA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;CACA;AACA;EACA,gCAAA;EACA,mBAAA;EACA,sBAAA;EACA,qBAAA;EACA,qBAAA;CACA;AAEA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,uBAAA;EACA,0BAAA;EAAA,uCAAA;UAAA,+BAAA;CACA;AACA;EACA,sBAAA;EACA,eAAA;EACA,0BAAA;EACA,wBAAA;EACA,mBAAA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA,CAAA,sCAAA;CACA;AACA;EACA,eAAA;CACA;AAEA;EACA,QAAA;EACA,SAAA;CACA;AAEA;EACA,QAAA;EACA,SAAA;CACA;AAEA;EACA,UAAA;EACA,OAAA;CACA;AAEA;EACA,UAAA;EACA,OAAA;CACA","file":"index.vue","sourcesContent":["<template>\n <div>\n <div @touchend=\"handleTouchEnd\">\n <dof-overlay\n :show=\"haveOverlay && isOverShow\"\n v-if=\"show\"\n ref=\"overlay\"\n v-bind=\"overlayCfg\"\n @dofOverlayBodyClicked=\"dofOverlayBodyClicking\"\n ></dof-overlay>\n </div>\n <div ref=\"dof-popup\" v-if=\"show\" :hack=\"isNeedShow\" @click=\"() => {}\" :class=\"['dof-popup', pos]\" :style=\"padStyle\">\n <slot name=\"title\">\n <text\n v-if=\"title || $slots.title\"\n class=\"title\"\n :style=\"\n Object.assign({}, titleStyle, {\n 'border-top-left-radius': borderRadius,\n 'border-top-right-radius': borderRadius\n })\n \"\n >{{ title }}</text\n >\n </slot>\n <div class=\"midea-actionsheet-content\">\n <div\n v-bind:class=\"['midea-actionsheet-list']\"\n v-for=\"(item, index) in items\"\n :key=\"index\"\n @click=\"actionsheetItemClick(item, index)\"\n :style=\"\n Object.assign({}, itemStyle, {\n 'border-top-left-radius': index == 0 && !title ? borderRadius : '0px',\n 'border-top-right-radius': index == 0 && !title ? borderRadius : '0px'\n })\n \"\n >\n <slot :name=\"'item-' + index\">\n <div class=\"midea-actionsheet-textWrapper\">\n <text :class=\"['midea-actionsheet-text']\" :style=\"textStyleOps(item)\">{{\n item.title ? item.title : item\n }}</text>\n </div>\n </slot>\n </div>\n </div>\n <div v-if=\"button && button.length > 0\" class=\"midea-actionsheet-bottom\" :style=\"bottomIpxStyle\">\n <text class=\"midea-actionsheet-btn leftBtn\" @click=\"actionsheetBtnClick(button)\" :style=\"defaultBtnStyle\">{{\n button\n }}</text>\n </div>\n <div :style=\"{ height: '0px', 'background-color': '#ffffff' }\"></div>\n </div>\n </div>\n</template>\n\n<style scoped>\n.dof-popup {\n position: fixed;\n /* width: 750px; */\n overflow: hidden;\n z-index: 1000;\n}\n\n.title {\n padding: 30px;\n text-align: center;\n font-size: 28px;\n color: #8a8a8f;\n line-height: 48px;\n background-color: #ffffff;\n}\n\n.midea-actionsheet-content {\n flex-direction: column;\n flex: 1;\n /* background-color: #ffffff; */\n}\n.midea-actionsheet-list-first {\n /* border-top-left-radius: 32px;\n border-top-right-radius: 32px; */\n background-color: #ffffff;\n}\n.midea-actionsheet-list-first:active {\n background-color: #f5f5f5;\n}\n.midea-actionsheet-list {\n border-top-width: 2px;\n border-top-color: #f9f9f9;\n background-color: #ffffff;\n}\n.midea-actionsheet-list:active {\n background-color: #f5f5f5;\n}\n.midea-actionsheet-textWrapper {\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.midea-actionsheet-text {\n font-family: PingFangSC-Regular;\n text-align: center;\n font-size: 32px;\n line-height: 96px;\n /* color: #000000; */\n}\n\n.midea-actionsheet-bottom {\n flex-direction: row;\n margin-top: 16px;\n justify-content: space-between;\n}\n.midea-actionsheet-btn {\n font-size: 32px;\n color: #232323;\n background-color: #ffffff;\n line-height: 92px;\n text-align: center;\n flex: 1; /* add by lau resolve bottom button */\n}\n.leftBtn {\n color: #666666;\n}\n\n.top {\n left: 0;\n right: 0;\n}\n\n.bottom {\n left: 0;\n right: 0;\n}\n\n.left {\n bottom: 0;\n top: 0;\n}\n\n.right {\n bottom: 0;\n top: 0;\n}\n</style>\n\n<script>\nconst animation = weex.requireModule('animation')\nconst { platform } = weex.config.env\nconst isWeb = typeof window === 'object' && platform.toLowerCase() === 'web'\nimport { Bridge } from 'dolphin-native-bridge'\nimport DofOverlay from '../dof-overlay'\nexport default {\n components: { DofOverlay },\n props: {\n show: {\n type: Boolean,\n default: false\n },\n pos: {\n type: String,\n default: 'bottom'\n },\n // 背景色，即按钮上方的横条颜色，暂不开放\n popupColor: {\n type: String,\n default: '#F9F9F9'\n },\n overlayCfg: {\n type: Object,\n default: () => ({\n hasAnimation: true,\n timingFunction: ['ease-in', 'ease-out'],\n duration: 300,\n opacity: 0.3\n })\n },\n // height: {\n // type: [Number, String],\n // default: 840\n // },\n standOut: {\n type: [Number, String],\n default: 0\n },\n width: {\n type: [Number, String],\n default: 750\n },\n animation: {\n type: Object,\n default: () => ({\n // timingFunction: 'ease-in'\n timingFunction: 'cubic-bezier(0.25, 0.1, 0.25, 1.0)'\n })\n },\n title: {\n type: String,\n default: ''\n },\n button: {\n type: String,\n default: '取消'\n },\n items: {\n type: Array,\n default: () => []\n },\n titleStyle: {\n type: Object,\n default: () => {}\n },\n defaultBtnStyle: {\n type: Object,\n default: () => ({})\n },\n itemStyle: {\n type: Object,\n default: () => {}\n },\n borderRadius: {\n type: String,\n default: '32px'\n }\n },\n data: () => ({\n haveOverlay: true,\n isOverShow: true,\n bottomArc: 0\n }),\n computed: {\n isNeedShow() {\n try {\n setTimeout(() => {\n this.appearPopup(this.show)\n }, 50)\n } catch (error) {\n this.$nextTick(() => {\n this.appearPopup(this.show)\n })\n }\n return this.show\n },\n // _height() {\n // this.appearPopup(this.show, 150)\n // return this.popHeight\n // },\n // transformValue() {\n // return this.getTransform(this.pos, this.width, this.popHeight, true)\n // },\n padStyle() {\n const { pos, width, popupColor } = this\n const style = {\n width: `${width}px`,\n backgroundColor: popupColor\n // backgroundColor: '#666666'\n }\n if (pos === 'bottom') {\n style.bottom = '0px'\n style.transform = 'translateY(100%)'\n style.borderTopLeftRadius = this.borderRadius\n style.borderTopRightRadius = this.borderRadius\n }\n return style\n },\n bottomIpxStyle() {\n const style = {\n backgroundColor: '#ffffff',\n paddingBottom: `${this.isipx ? 84 : 16}px`\n }\n return style\n },\n isipx: function() {\n if (this.bottomArc) return true\n return (\n weex &&\n (weex.config.env.deviceModel === 'iPhone10,3' ||\n weex.config.env.deviceModel === 'iPhone10,6' || // iphoneX\n weex.config.env.deviceModel === 'iPhone11,8' || // iPhone XR\n weex.config.env.deviceModel === 'iPhone11,2' || // iPhone XS\n weex.config.env.deviceModel === 'iPhone11,4' ||\n weex.config.env.deviceModel === 'iPhone11,6' || // iPhone XS Max\n weex.config.env.deviceModel === 'iPhone12,1' || // iPhone11\n weex.config.env.deviceModel === 'iPhone12,3' ||\n weex.config.env.deviceModel === 'iPhone12,5' || // iPhone 11 Pro iPhone 11 Pro Max\n weex.config.env.deviceModel === 'iPhone13,1' ||\n weex.config.env.deviceModel === 'iPhone13,2' || // iPhone12 Mini && iPhone12\n weex.config.env.deviceModel === 'iPhone13,3' || //iPhone12 Pro\n weex.config.env.deviceModel === 'iPhone13,4' || // iPhone12 Pro Max\n weex.config.env.deviceModel === 'iPhone14,4' || //iPhone 13 mini\n weex.config.env.deviceModel === 'iPhone14,5' || //iPhone 13\n weex.config.env.deviceModel === 'iPhone14,2' || //iPhone 13 Pro\n weex.config.env.deviceModel === 'Iphone14,3') //iPhone 13 Pro Max\n )\n }\n\n // popHeight() {\n // // 根据下拉菜单内容计算bottom距离\n // // var length = this.items.length\n // //add by lau 可以不传递item,并且自动获取高度\n // var length = (this.items && this.items.length) || 0\n // var height,\n // extraHeight = this.isipx ? 84 : 16 // 84=16+68\n\n // if (this.items && this.items.length > 0) {\n // // var len = (length + 1) * 100 + 80;\n // height = (length + 1) * 96 + extraHeight\n // } else {\n // height = this.popHeight + 80\n // }\n // height = this.title ? height + 108 : height\n // return height\n // }\n },\n created() {\n Bridge.getAllBarHeight().then(res => {\n this.bottomArc = res.bottomArc || 0\n })\n },\n methods: {\n // '取消'按钮点击事件\n actionsheetBtnClick(buttonText) {\n this.appearPopup(false)\n this.$refs.overlay.appearOverlay(false)\n this.$emit('dofCancelClick', { buttonText })\n },\n\n // 菜单项点击事件\n actionsheetItemClick(item, index) {\n this.appearPopup(false)\n this.$refs.overlay.appearOverlay(false)\n this.$emit('dofItemClick', { item, index })\n },\n\n handleTouchEnd(e) {\n // 在支付宝上面有点击穿透问题\n const { platform } = weex.config.env\n platform === 'Web' && e.preventDefault && e.preventDefault()\n },\n hide() {\n this.appearPopup(false)\n this.$refs.overlay.appearOverlay(false)\n },\n dofOverlayBodyClicking() {\n this.show && this.appearPopup(false)\n },\n appearPopup(show, duration = 300) {\n const popupEl = this.$refs['dof-popup']\n if (!popupEl) {\n return\n }\n animation.transition(\n popupEl,\n {\n styles: {\n transform: this.getTransform(this.pos, show)\n },\n duration,\n delay: 0,\n ...this.animation\n },\n () => {\n if (!show) {\n this.$emit('dofPopupOverlayClicked', { pos: this.pos })\n }\n }\n )\n },\n getTransform(pos, show) {\n let _transform\n switch (pos) {\n case 'top':\n case 'left':\n _transform = `translateY(${show ? 0 : -100}%)`\n break\n case 'bottom':\n case 'right':\n _transform = `translateY(${show ? 0 : 100}%)`\n break\n }\n return _transform\n },\n textStyleOps(item) {\n return item.textColor ? { color: item.textColor } : { color: '#000000' }\n }\n }\n}\n</script>\n"],"sourceRoot":""}]);
|
|
7850
7850
|
|
|
7851
7851
|
// exports
|
|
7852
7852
|
|
|
@@ -8672,7 +8672,7 @@ exports = module.exports = __webpack_require__(0)(true);
|
|
|
8672
8672
|
|
|
8673
8673
|
|
|
8674
8674
|
// module
|
|
8675
|
-
exports.push([module.i, "\n.loading-image[data-v-5680972d] {\n height: 0.42667rem;\n width: 0.42667rem;\n margin-right: 0.13333rem;\n}\n.dof-btn[data-v-5680972d] {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -webkit-flex-direction: row;\n flex-direction: row;\n -webkit-box-align: center;\n -webkit-align-items: center;\n align-items: center;\n -webkit-box-pack: center;\n -webkit-justify-content: center;\n justify-content: center;\n /* border-radius: 12px; */\n opacity: 1;\n position: relative;\n overflow: hidden;\n}\n.mask[data-v-5680972d] {\n position: absolute;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n}\n.mask[data-v-5680972d]:active {\n background-color: rgba(255, 255, 255, 0.1);\n}\n.dof-btn-highlight-primary-default[data-v-5680972d] {\n background-color: #267aff;\n}\n.dof-btn-highlight-primary-default[data-v-5680972d]:active {\n background-color: #226de5;\n}\n.dof-btn-highlight-primary-base[data-v-5680972d] {\n background-color: #e9f1ff;\n}\n.dof-btn-highlight-primary-base[data-v-5680972d]:active {\n background-color: #d1d8e5;\n}\n.dof-btn-highlight-primary-plain[data-v-5680972d] {\n background-color: #ffffff;\n}\n.dof-btn-highlight-primary-plain[data-v-5680972d]:active {\n background-color: rgba(38, 122, 255, 0.1);\n}\n.dof-btn-highlight-purple-default[data-v-5680972d] {\n background-color: #995efc;\n}\n.dof-btn-highlight-purple-default[data-v-5680972d]:active {\n background-color: #8a54e3;\n}\n.dof-btn-highlight-purple-base[data-v-5680972d] {\n background-color: #eee6ff;\n}\n.dof-btn-highlight-purple-base[data-v-5680972d]:active {\n background-color: #d5cee5;\n}\n.dof-btn-highlight-purple-plain[data-v-5680972d] {\n background-color: #ffffff;\n}\n.dof-btn-highlight-purple-plain[data-v-5680972d]:active {\n background-color: rgba(153, 94, 252, 0.1);\n}\n.dof-btn-highlight-slate-default[data-v-5680972d] {\n background-color: #6575ff;\n}\n.dof-btn-highlight-slate-default[data-v-5680972d]:active {\n background-color: #5b69e6;\n}\n.dof-btn-highlight-slate-base[data-v-5680972d] {\n background-color: #e6e8ff;\n}\n.dof-btn-highlight-slate-base[data-v-5680972d]:active {\n background-color: #ced0e5;\n}\n.dof-btn-highlight-slate-plain[data-v-5680972d] {\n background-color: #ffffff;\n}\n.dof-btn-highlight-slate-plain[data-v-5680972d]:active {\n background-color: rgba(101, 117, 255, 0.1);\n}\n.dof-btn-highlight-aqua-default[data-v-5680972d] {\n background-color: #29c3ff;\n}\n.dof-btn-highlight-aqua-default[data-v-5680972d]:active {\n background-color: #24afe6;\n}\n.dof-btn-highlight-aqua-base[data-v-5680972d] {\n background-color: #e6f8ff;\n}\n.dof-btn-highlight-aqua-base[data-v-5680972d]:active {\n background-color: #cedee5;\n}\n.dof-btn-highlight-aqua-plain[data-v-5680972d] {\n background-color: #ffffff;\n}\n.dof-btn-highlight-aqua-plain[data-v-5680972d]:active {\n background-color: rgba(41, 195, 255, 0.1);\n}\n.dof-btn-highlight-turquoise-default[data-v-5680972d] {\n background-color: #00cbb8;\n}\n.dof-btn-highlight-turquoise-default[data-v-5680972d]:active {\n background-color: #00b7a5;\n}\n.dof-btn-highlight-turquoise-base[data-v-5680972d] {\n background-color: #e6fffd;\n}\n.dof-btn-highlight-turquoise-base[data-v-5680972d]:active {\n background-color: #cee5e3;\n}\n.dof-btn-highlight-turquoise-plain[data-v-5680972d] {\n background-color: #ffffff;\n}\n.dof-btn-highlight-turquoise-plain[data-v-5680972d]:active {\n background-color: rgba(0, 203, 184, 0.1);\n}\n.dof-btn-highlight-yellow-default[data-v-5680972d] {\n background-color: #ffaa10;\n}\n.dof-btn-highlight-yellow-default[data-v-5680972d]:active {\n background-color: #e5980e;\n}\n.dof-btn-highlight-yellow-base[data-v-5680972d] {\n background-color: #fff4e0;\n}\n.dof-btn-highlight-yellow-base[data-v-5680972d]:active {\n background-color: #e5dbc9;\n}\n.dof-btn-highlight-yellow-plain[data-v-5680972d] {\n background-color: #ffffff;\n}\n.dof-btn-highlight-yellow-plain[data-v-5680972d]:active {\n background-color: rgba(255, 170, 16, 0.1);\n}\n.dof-btn-highlight-orange-default[data-v-5680972d] {\n background-color: #ff8225;\n}\n.dof-btn-highlight-orange-default[data-v-5680972d]:active {\n background-color: #e67521;\n}\n.dof-btn-highlight-orange-base[data-v-5680972d] {\n background-color: #fff0e6;\n}\n.dof-btn-highlight-orange-base[data-v-5680972d]:active {\n background-color: #e5d7ce;\n}\n.dof-btn-highlight-orange-plain[data-v-5680972d] {\n background-color: #ffffff;\n}\n.dof-btn-highlight-orange-plain[data-v-5680972d]:active {\n background-color: rgba(255, 130, 37, 0.1);\n}\n.dof-btn-highlight-tomato-default[data-v-5680972d] {\n background-color: #ff6a4c;\n}\n.dof-btn-highlight-tomato-default[data-v-5680972d]:active {\n background-color: #e65f44;\n}\n.dof-btn-highlight-tomato-base[data-v-5680972d] {\n background-color: #ffeae6;\n}\n.dof-btn-highlight-tomato-base[data-v-5680972d]:active {\n background-color: #e6d3cf;\n}\n.dof-btn-highlight-tomato-plain[data-v-5680972d] {\n background-color: #ffffff;\n}\n.dof-btn-highlight-tomato-plain[data-v-5680972d]:active {\n background-color: rgba(255, 106, 76, 0.1);\n}\n.dof-btn-highlight-gray-default[data-v-5680972d] {\n background-color: #7c879b;\n}\n.dof-btn-highlight-gray-default[data-v-5680972d]:active {\n background-color: #6f798b;\n}\n.dof-btn-highlight-gray-base[data-v-5680972d] {\n background-color: #cfd7e6;\n}\n.dof-btn-highlight-gray-base[data-v-5680972d]:active {\n background-color: #b9c1ce;\n}\n.dof-btn-highlight-gray-plain[data-v-5680972d] {\n background-color: #ffffff;\n}\n.dof-btn-highlight-gray-plain[data-v-5680972d]:active {\n background-color: rgba(124, 135, 155, 0.1);\n}\n.dof-btn-highlight-red-default[data-v-5680972d] {\n background-color: #e61e1e;\n}\n.dof-btn-highlight-red-base[data-v-5680972d] {\n background-color: #fffeb7;\n}\n.dof-btn-highlight-red-plain[data-v-5680972d] {\n background-color: #fff;\n}\n.dof-btn-highlight-brown-default[data-v-5680972d] {\n background-color: #86696b;\n}\n.dof-btn-highlight-red-base[data-v-5680972d] {\n background-color: #ffd9cf;\n}\n.dof-btn-highlight-red-plain[data-v-5680972d] {\n background-color: #fff;\n}\n.dof-btn-highlight-colmo-default[data-v-5680972d] {\n background-color: #b35336;\n}\n.dof-btn-highlight-colmo-default[data-v-5680972d]:active {\n background-color: #743d2a;\n}\n.dof-btn-highlight-colmo-base[data-v-5680972d] {\n background-color: #292c30;\n}\n.dof-btn-highlight-colmo-base[data-v-5680972d]:active {\n background-color: rgba(0, 0, 0, 0.3);\n}\n.dof-btn-highlight-colmo-plain[data-v-5680972d] {\n background-color: transparent;\n}\n.dof-btn-highlight-colmo-plain[data-v-5680972d]:active {\n background-color: #636569;\n}\n.btn-text[data-v-5680972d] {\n font-family: PingFangSC-Medium;\n text-overflow: ellipsis;\n lines: 1;\n /* color: #ffffff; */\n /* margin-left: 10px; */\n overflow: hidden;\n text-overflow: ellipsis;\n -webkit-line-clamp: 1;\n}\n.dof-text-highlight-primary[data-v-5680972d]:active {\n color: #5b69e6;\n}\n.dof-text-highlight-purple[data-v-5680972d]:active {\n color: #8a54e3;\n}\n.dof-text-highlight-slate[data-v-5680972d]:active {\n color: #5b69e6;\n}\n.dof-text-highlight-aqua[data-v-5680972d]:active {\n color: #24afe6;\n}\n.dof-text-highlight-turquoise[data-v-5680972d]:active {\n color: #00b7a5;\n}\n.dof-text-highlight-yellow[data-v-5680972d]:active {\n color: #e5980e;\n}\n.dof-text-highlight-orange[data-v-5680972d]:active {\n color: #e67521;\n}\n.dof-text-highlight-tomatot[data-v-5680972d]:active {\n color: #e65f44;\n}\n.dof-text-highlight-gray[data-v-5680972d]:active {\n color: #6f798b;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-button/index.vue?33e90204","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-button/<no source>"],"names":[],"mappings":";AA2JA;EACA,mBAAA;EACA,kBAAA;EACA,yBAAA;CACA;AACA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,0BAAA;EACA,WAAA;EACA,mBAAA;EACA,iBAAA;CACA;AACA;EACA,mBAAA;EACA,SAAA;EACA,WAAA;EACA,YAAA;EACA,UAAA;CACA;AACA;EACA,2CAAA;CACA;AAEA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0CAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0CAAA;CACA;AAEA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,2CAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0CAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,yCAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0CAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0CAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0CAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,2CAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,uBAAA;CACA;AAEA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,uBAAA;CACA;AAEA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,qCAAA;CACA;AACA;EACA,8BAAA;CACA;AACA;EACA,0BAAA;CACA;AAEA;EACA,+BAAA;EACA,wBAAA;EACA,SAAA;EACA,qBAAA;EACA,wBAAA;ECnYA,iBAAA;EAAA,wBAAA;EAAA,sBAAA;CDoYA;AACA;EACA,eAAA;CACA;AACA;EACA,eAAA;CACA;AACA;EACA,eAAA;CACA;AACA;EACA,eAAA;CACA;AACA;EACA,eAAA;CACA;AACA;EACA,eAAA;CACA;AACA;EACA,eAAA;CACA;AACA;EACA,eAAA;CACA;AACA;EACA,eAAA;CACA","file":"index.vue","sourcesContent":["<!-- modified by liuhr7 on 19/12/28. -->\n\n<template>\n <WeexThemeView>\n <text\n v-if=\"pattern === 'plain_text'\"\n :class=\"['btn-text', isHighlight && !disabled && pattern === 'text' && !_isColmo && `dof-text-highlight-${type}`]\"\n :style=\"mrTextStyle\"\n @click=\"onTextClicked\"\n :aria-label=\"text ? text + '。按钮。' : ''\"\n >{{ loading && size == 'small' ? '' : text }}</text\n >\n <div\n v-else\n :class=\"['dof-btn', isHighlight && !disabled && !_isColmo && `dof-btn-highlight-${type}-${pattern}`]\"\n :style=\"mrBtnStyle\"\n @click=\"onClicked\"\n :accessible=\"true\"\n :aria-label=\"text ? text + '。按钮。' : ''\"\n >\n <dof-spinner :type=\"loadingGif\" class=\"loading-image\" v-if=\"loading\" />\n <slot>\n <text\n :class=\"['btn-text', isHighlight && !disabled && pattern === 'text' && `dof-text-highlight-${type}`]\"\n :style=\"mrTextStyle\"\n @click=\"onTextClicked\"\n :aria-label=\"text ? text + '。按钮。' : ''\"\n >{{ loading && size == 'small' ? '' : text }}</text\n >\n </slot>\n <div v-if=\"_isColmo && !disabled && !loading\" class=\"mask\" @click=\"onClicked\"></div>\n </div>\n </WeexThemeView>\n</template>\n\n<script>\nimport {\n STYLE_MAP,\n TEXT_STYLE_MAP,\n BUTTON_STYLE_MAP,\n COLMO_BUTTON_STYLE_MAP,\n TEXT_FONTSIZE_STYLE_MAP,\n COLMO_TEXT_FONTSIZE_STYLE_MAP\n} from './type'\nimport Utils from '../utils'\nimport ColmoMixin from '../../mixins/colmo'\nimport { WeexThemeView } from '@dolphinweex/weex-theme'\nimport DofSpinner from '../dof-spinner'\n\nexport default {\n mixins: [ColmoMixin],\n components: { WeexThemeView, DofSpinner },\n props: {\n loading: {\n type: Boolean,\n default: false\n },\n text: {\n type: String,\n default: '确认'\n },\n size: {\n type: String,\n default: 'full'\n },\n type: {\n type: String,\n default: 'primary'\n },\n pattern: {\n type: String,\n default: 'default'\n },\n disabled: {\n type: Boolean,\n default: false\n },\n isHighlight: {\n type: Boolean,\n default: true\n },\n btnStyle: Object,\n textStyle: Object,\n disabledStyle: Object\n },\n computed: {\n mrBtnStyle() {\n let { type, pattern, disabled, btnStyle, size, disabledStyle } = this\n let buttonStyle = BUTTON_STYLE_MAP\n if (this._isColmo && this.type === 'primary') {\n type = 'colmo'\n buttonStyle = COLMO_BUTTON_STYLE_MAP\n }\n\n let styleMap = { ...STYLE_MAP[type][pattern] }\n if (!this._isColmo && pattern !== 'text' && !disabled) delete styleMap.backgroundColor\n const mrBtnStyle = {\n ...styleMap,\n ...buttonStyle[size],\n ...btnStyle\n }\n\n let disabledInStyle = { opacity: 0.3 }\n if (type === 'white') {\n disabledInStyle = { backgroundColor: 'rgba(0, 0, 0, 0.1)' }\n }\n\n return disabled\n ? {\n ...mrBtnStyle,\n ...disabledInStyle,\n ...disabledStyle\n }\n : mrBtnStyle\n },\n mrTextStyle() {\n let { type, pattern, disabled, textStyle, size } = this\n if (pattern === 'plain_text') pattern = 'text'\n let buttonTextStyle = TEXT_FONTSIZE_STYLE_MAP\n if (this._isColmo && this.type === 'primary') {\n type = 'colmo'\n buttonTextStyle = COLMO_TEXT_FONTSIZE_STYLE_MAP\n }\n const mrTextStyle = {\n ...TEXT_STYLE_MAP[type][pattern],\n ...buttonTextStyle[size],\n ...textStyle\n }\n return disabled ? { ...mrTextStyle } : mrTextStyle\n },\n loadingGif() {\n if (this._isColmo) return 'colmo'\n const { pattern } = this\n if (pattern === 'default') {\n return 'white'\n } else {\n return 'black'\n }\n }\n },\n methods: {\n onClicked(e) {\n const { type, pattern, disabled } = this\n disabled ? null : this.$emit('dofButtonClicked', { e, type, pattern, disabled })\n },\n onTextClicked(e) {\n const { type, pattern, disabled } = this\n disabled ? null : this.$emit('dofButtonClicked', { e, type, pattern, disabled })\n }\n }\n}\n</script>\n\n<style src=\"./colmo.css\"></style>\n<style scoped>\n.loading-image {\n height: 32px;\n width: 32px;\n margin-right: 10px;\n}\n.dof-btn {\n flex-direction: row;\n align-items: center;\n justify-content: center;\n /* border-radius: 12px; */\n opacity: 1;\n position: relative;\n overflow: hidden;\n}\n.mask {\n position: absolute;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n}\n.mask:active {\n background-color: rgba(255, 255, 255, 0.1);\n}\n\n.dof-btn-highlight-primary-default {\n background-color: #267aff;\n}\n.dof-btn-highlight-primary-default:active {\n background-color: #226de5;\n}\n.dof-btn-highlight-primary-base {\n background-color: #e9f1ff;\n}\n.dof-btn-highlight-primary-base:active {\n background-color: #d1d8e5;\n}\n.dof-btn-highlight-primary-plain {\n background-color: #ffffff;\n}\n.dof-btn-highlight-primary-plain:active {\n background-color: rgba(38, 122, 255, 0.1);\n}\n.dof-btn-highlight-purple-default {\n background-color: #995efc;\n}\n.dof-btn-highlight-purple-default:active {\n background-color: #8a54e3;\n}\n.dof-btn-highlight-purple-base {\n background-color: #eee6ff;\n}\n.dof-btn-highlight-purple-base:active {\n background-color: #d5cee5;\n}\n.dof-btn-highlight-purple-plain {\n background-color: #ffffff;\n}\n.dof-btn-highlight-purple-plain:active {\n background-color: rgba(153, 94, 252, 0.1);\n}\n\n.dof-btn-highlight-slate-default {\n background-color: #6575ff;\n}\n.dof-btn-highlight-slate-default:active {\n background-color: #5b69e6;\n}\n.dof-btn-highlight-slate-base {\n background-color: #e6e8ff;\n}\n.dof-btn-highlight-slate-base:active {\n background-color: #ced0e5;\n}\n.dof-btn-highlight-slate-plain {\n background-color: #ffffff;\n}\n.dof-btn-highlight-slate-plain:active {\n background-color: rgba(101, 117, 255, 0.1);\n}\n.dof-btn-highlight-aqua-default {\n background-color: #29c3ff;\n}\n.dof-btn-highlight-aqua-default:active {\n background-color: #24afe6;\n}\n.dof-btn-highlight-aqua-base {\n background-color: #e6f8ff;\n}\n.dof-btn-highlight-aqua-base:active {\n background-color: #cedee5;\n}\n.dof-btn-highlight-aqua-plain {\n background-color: #ffffff;\n}\n.dof-btn-highlight-aqua-plain:active {\n background-color: rgba(41, 195, 255, 0.1);\n}\n.dof-btn-highlight-turquoise-default {\n background-color: #00cbb8;\n}\n.dof-btn-highlight-turquoise-default:active {\n background-color: #00b7a5;\n}\n.dof-btn-highlight-turquoise-base {\n background-color: #e6fffd;\n}\n.dof-btn-highlight-turquoise-base:active {\n background-color: #cee5e3;\n}\n.dof-btn-highlight-turquoise-plain {\n background-color: #ffffff;\n}\n.dof-btn-highlight-turquoise-plain:active {\n background-color: rgba(0, 203, 184, 0.1);\n}\n.dof-btn-highlight-yellow-default {\n background-color: #ffaa10;\n}\n.dof-btn-highlight-yellow-default:active {\n background-color: #e5980e;\n}\n.dof-btn-highlight-yellow-base {\n background-color: #fff4e0;\n}\n.dof-btn-highlight-yellow-base:active {\n background-color: #e5dbc9;\n}\n.dof-btn-highlight-yellow-plain {\n background-color: #ffffff;\n}\n.dof-btn-highlight-yellow-plain:active {\n background-color: rgba(255, 170, 16, 0.1);\n}\n.dof-btn-highlight-orange-default {\n background-color: #ff8225;\n}\n.dof-btn-highlight-orange-default:active {\n background-color: #e67521;\n}\n.dof-btn-highlight-orange-base {\n background-color: #fff0e6;\n}\n.dof-btn-highlight-orange-base:active {\n background-color: #e5d7ce;\n}\n.dof-btn-highlight-orange-plain {\n background-color: #ffffff;\n}\n.dof-btn-highlight-orange-plain:active {\n background-color: rgba(255, 130, 37, 0.1);\n}\n.dof-btn-highlight-tomato-default {\n background-color: #ff6a4c;\n}\n.dof-btn-highlight-tomato-default:active {\n background-color: #e65f44;\n}\n.dof-btn-highlight-tomato-base {\n background-color: #ffeae6;\n}\n.dof-btn-highlight-tomato-base:active {\n background-color: #e6d3cf;\n}\n.dof-btn-highlight-tomato-plain {\n background-color: #ffffff;\n}\n.dof-btn-highlight-tomato-plain:active {\n background-color: rgba(255, 106, 76, 0.1);\n}\n.dof-btn-highlight-gray-default {\n background-color: #7c879b;\n}\n.dof-btn-highlight-gray-default:active {\n background-color: #6f798b;\n}\n.dof-btn-highlight-gray-base {\n background-color: #cfd7e6;\n}\n.dof-btn-highlight-gray-base:active {\n background-color: #b9c1ce;\n}\n.dof-btn-highlight-gray-plain {\n background-color: #ffffff;\n}\n.dof-btn-highlight-gray-plain:active {\n background-color: rgba(124, 135, 155, 0.1);\n}\n.dof-btn-highlight-red-default {\n background-color: #e61e1e;\n}\n.dof-btn-highlight-red-base {\n background-color: #fffeb7;\n}\n.dof-btn-highlight-red-plain {\n background-color: #fff;\n}\n\n.dof-btn-highlight-brown-default {\n background-color: #86696b;\n}\n.dof-btn-highlight-red-base {\n background-color: #ffd9cf;\n}\n.dof-btn-highlight-red-plain {\n background-color: #fff;\n}\n\n.dof-btn-highlight-colmo-default {\n background-color: #b35336;\n}\n.dof-btn-highlight-colmo-default:active {\n background-color: #743d2a;\n}\n.dof-btn-highlight-colmo-base {\n background-color: #292c30;\n}\n.dof-btn-highlight-colmo-base:active {\n background-color: rgba(0, 0, 0, 0.3);\n}\n.dof-btn-highlight-colmo-plain {\n background-color: transparent;\n}\n.dof-btn-highlight-colmo-plain:active {\n background-color: #636569;\n}\n\n.btn-text {\n font-family: PingFangSC-Medium;\n text-overflow: ellipsis;\n lines: 1;\n /* color: #ffffff; */\n /* margin-left: 10px; */\n}\n.dof-text-highlight-primary:active {\n color: #5b69e6;\n}\n.dof-text-highlight-purple:active {\n color: #8a54e3;\n}\n.dof-text-highlight-slate:active {\n color: #5b69e6;\n}\n.dof-text-highlight-aqua:active {\n color: #24afe6;\n}\n.dof-text-highlight-turquoise:active {\n color: #00b7a5;\n}\n.dof-text-highlight-yellow:active {\n color: #e5980e;\n}\n.dof-text-highlight-orange:active {\n color: #e67521;\n}\n.dof-text-highlight-tomatot:active {\n color: #e65f44;\n}\n.dof-text-highlight-gray:active {\n color: #6f798b;\n}\n</style>\n",null],"sourceRoot":""}]);
|
|
8675
|
+
exports.push([module.i, "\n.loading-image[data-v-5680972d] {\n height: 0.42667rem;\n width: 0.42667rem;\n margin-right: 0.13333rem;\n}\n.dof-btn[data-v-5680972d] {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -webkit-flex-direction: row;\n flex-direction: row;\n -webkit-box-align: center;\n -webkit-align-items: center;\n align-items: center;\n -webkit-box-pack: center;\n -webkit-justify-content: center;\n justify-content: center;\n /* border-radius: 12px; */\n opacity: 1;\n position: relative;\n overflow: hidden;\n}\n.mask[data-v-5680972d] {\n position: absolute;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n}\n.mask[data-v-5680972d]:active {\n background-color: rgba(255, 255, 255, 0.1);\n}\n.dof-btn-highlight-primary-default[data-v-5680972d] {\n background-color: #267aff;\n}\n.dof-btn-highlight-primary-default[data-v-5680972d]:active {\n background-color: #226de5;\n}\n.dof-btn-highlight-primary-base[data-v-5680972d] {\n background-color: #e9f1ff;\n}\n.dof-btn-highlight-primary-base[data-v-5680972d]:active {\n background-color: #d1d8e5;\n}\n.dof-btn-highlight-primary-plain[data-v-5680972d] {\n background-color: #ffffff;\n}\n.dof-btn-highlight-primary-plain[data-v-5680972d]:active {\n background-color: rgba(38, 122, 255, 0.1);\n}\n.dof-btn-highlight-purple-default[data-v-5680972d] {\n background-color: #995efc;\n}\n.dof-btn-highlight-purple-default[data-v-5680972d]:active {\n background-color: #8a54e3;\n}\n.dof-btn-highlight-purple-base[data-v-5680972d] {\n background-color: #eee6ff;\n}\n.dof-btn-highlight-purple-base[data-v-5680972d]:active {\n background-color: #d5cee5;\n}\n.dof-btn-highlight-purple-plain[data-v-5680972d] {\n background-color: #ffffff;\n}\n.dof-btn-highlight-purple-plain[data-v-5680972d]:active {\n background-color: rgba(153, 94, 252, 0.1);\n}\n.dof-btn-highlight-slate-default[data-v-5680972d] {\n background-color: #6575ff;\n}\n.dof-btn-highlight-slate-default[data-v-5680972d]:active {\n background-color: #5b69e6;\n}\n.dof-btn-highlight-slate-base[data-v-5680972d] {\n background-color: #e6e8ff;\n}\n.dof-btn-highlight-slate-base[data-v-5680972d]:active {\n background-color: #ced0e5;\n}\n.dof-btn-highlight-slate-plain[data-v-5680972d] {\n background-color: #ffffff;\n}\n.dof-btn-highlight-slate-plain[data-v-5680972d]:active {\n background-color: rgba(101, 117, 255, 0.1);\n}\n.dof-btn-highlight-aqua-default[data-v-5680972d] {\n background-color: #29c3ff;\n}\n.dof-btn-highlight-aqua-default[data-v-5680972d]:active {\n background-color: #24afe6;\n}\n.dof-btn-highlight-aqua-base[data-v-5680972d] {\n background-color: #e6f8ff;\n}\n.dof-btn-highlight-aqua-base[data-v-5680972d]:active {\n background-color: #cedee5;\n}\n.dof-btn-highlight-aqua-plain[data-v-5680972d] {\n background-color: #ffffff;\n}\n.dof-btn-highlight-aqua-plain[data-v-5680972d]:active {\n background-color: rgba(41, 195, 255, 0.1);\n}\n.dof-btn-highlight-turquoise-default[data-v-5680972d] {\n background-color: #00cbb8;\n}\n.dof-btn-highlight-turquoise-default[data-v-5680972d]:active {\n background-color: #00b7a5;\n}\n.dof-btn-highlight-turquoise-base[data-v-5680972d] {\n background-color: #e6fffd;\n}\n.dof-btn-highlight-turquoise-base[data-v-5680972d]:active {\n background-color: #cee5e3;\n}\n.dof-btn-highlight-turquoise-plain[data-v-5680972d] {\n background-color: #ffffff;\n}\n.dof-btn-highlight-turquoise-plain[data-v-5680972d]:active {\n background-color: rgba(0, 203, 184, 0.1);\n}\n.dof-btn-highlight-yellow-default[data-v-5680972d] {\n background-color: #ffaa10;\n}\n.dof-btn-highlight-yellow-default[data-v-5680972d]:active {\n background-color: #e5980e;\n}\n.dof-btn-highlight-yellow-base[data-v-5680972d] {\n background-color: #fff4e0;\n}\n.dof-btn-highlight-yellow-base[data-v-5680972d]:active {\n background-color: #e5dbc9;\n}\n.dof-btn-highlight-yellow-plain[data-v-5680972d] {\n background-color: #ffffff;\n}\n.dof-btn-highlight-yellow-plain[data-v-5680972d]:active {\n background-color: rgba(255, 170, 16, 0.1);\n}\n.dof-btn-highlight-orange-default[data-v-5680972d] {\n background-color: #ff8225;\n}\n.dof-btn-highlight-orange-default[data-v-5680972d]:active {\n background-color: #e67521;\n}\n.dof-btn-highlight-orange-base[data-v-5680972d] {\n background-color: #fff0e6;\n}\n.dof-btn-highlight-orange-base[data-v-5680972d]:active {\n background-color: #e5d7ce;\n}\n.dof-btn-highlight-orange-plain[data-v-5680972d] {\n background-color: #ffffff;\n}\n.dof-btn-highlight-orange-plain[data-v-5680972d]:active {\n background-color: rgba(255, 130, 37, 0.1);\n}\n.dof-btn-highlight-tomato-default[data-v-5680972d] {\n background-color: #ff6a4c;\n}\n.dof-btn-highlight-tomato-default[data-v-5680972d]:active {\n background-color: #e65f44;\n}\n.dof-btn-highlight-tomato-base[data-v-5680972d] {\n background-color: #ffeae6;\n}\n.dof-btn-highlight-tomato-base[data-v-5680972d]:active {\n background-color: #e6d3cf;\n}\n.dof-btn-highlight-tomato-plain[data-v-5680972d] {\n background-color: #ffffff;\n}\n.dof-btn-highlight-tomato-plain[data-v-5680972d]:active {\n background-color: rgba(255, 106, 76, 0.1);\n}\n.dof-btn-highlight-gray-default[data-v-5680972d] {\n background-color: #7c879b;\n}\n.dof-btn-highlight-gray-default[data-v-5680972d]:active {\n background-color: #6f798b;\n}\n.dof-btn-highlight-gray-base[data-v-5680972d] {\n background-color: #cfd7e6;\n}\n.dof-btn-highlight-gray-base[data-v-5680972d]:active {\n background-color: #b9c1ce;\n}\n.dof-btn-highlight-gray-plain[data-v-5680972d] {\n background-color: #ffffff;\n}\n.dof-btn-highlight-gray-plain[data-v-5680972d]:active {\n background-color: rgba(124, 135, 155, 0.1);\n}\n.dof-btn-highlight-red-default[data-v-5680972d] {\n background-color: #e61e1e;\n}\n.dof-btn-highlight-red-base[data-v-5680972d] {\n background-color: #fffeb7;\n}\n.dof-btn-highlight-red-plain[data-v-5680972d] {\n background-color: #fff;\n}\n.dof-btn-highlight-brown-default[data-v-5680972d] {\n background-color: #86696b;\n}\n.dof-btn-highlight-red-base[data-v-5680972d] {\n background-color: #ffd9cf;\n}\n.dof-btn-highlight-red-plain[data-v-5680972d] {\n background-color: #fff;\n}\n.dof-btn-highlight-colmo-default[data-v-5680972d] {\n background-color: #b35336;\n}\n.dof-btn-highlight-colmo-default[data-v-5680972d]:active {\n background-color: #743d2a;\n}\n.dof-btn-highlight-colmo-base[data-v-5680972d] {\n background-color: #292c30;\n}\n.dof-btn-highlight-colmo-base[data-v-5680972d]:active {\n background-color: rgba(0, 0, 0, 0.3);\n}\n.dof-btn-highlight-colmo-plain[data-v-5680972d] {\n background-color: transparent;\n}\n.dof-btn-highlight-colmo-plain[data-v-5680972d]:active {\n background-color: #636569;\n}\n.btn-text[data-v-5680972d] {\n font-family: PingFangSC-Medium;\n text-overflow: ellipsis;\n lines: 1;\n /* color: #ffffff; */\n /* margin-left: 10px; */\n overflow: hidden;\n text-overflow: ellipsis;\n -webkit-line-clamp: 1;\n}\n.dof-text-highlight-primary[data-v-5680972d]:active {\n color: #5b69e6;\n}\n.dof-text-highlight-purple[data-v-5680972d]:active {\n color: #8a54e3;\n}\n.dof-text-highlight-slate[data-v-5680972d]:active {\n color: #5b69e6;\n}\n.dof-text-highlight-aqua[data-v-5680972d]:active {\n color: #24afe6;\n}\n.dof-text-highlight-turquoise[data-v-5680972d]:active {\n color: #00b7a5;\n}\n.dof-text-highlight-yellow[data-v-5680972d]:active {\n color: #e5980e;\n}\n.dof-text-highlight-orange[data-v-5680972d]:active {\n color: #e67521;\n}\n.dof-text-highlight-tomatot[data-v-5680972d]:active {\n color: #e65f44;\n}\n.dof-text-highlight-gray[data-v-5680972d]:active {\n color: #6f798b;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-button/index.vue?2351e311","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-button/<no source>"],"names":[],"mappings":";AA2JA;EACA,mBAAA;EACA,kBAAA;EACA,yBAAA;CACA;AACA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,0BAAA;EACA,WAAA;EACA,mBAAA;EACA,iBAAA;CACA;AACA;EACA,mBAAA;EACA,SAAA;EACA,WAAA;EACA,YAAA;EACA,UAAA;CACA;AACA;EACA,2CAAA;CACA;AAEA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0CAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0CAAA;CACA;AAEA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,2CAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0CAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,yCAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0CAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0CAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0CAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,2CAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,uBAAA;CACA;AAEA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,uBAAA;CACA;AAEA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,qCAAA;CACA;AACA;EACA,8BAAA;CACA;AACA;EACA,0BAAA;CACA;AAEA;EACA,+BAAA;EACA,wBAAA;EACA,SAAA;EACA,qBAAA;EACA,wBAAA;ECnYA,iBAAA;EAAA,wBAAA;EAAA,sBAAA;CDoYA;AACA;EACA,eAAA;CACA;AACA;EACA,eAAA;CACA;AACA;EACA,eAAA;CACA;AACA;EACA,eAAA;CACA;AACA;EACA,eAAA;CACA;AACA;EACA,eAAA;CACA;AACA;EACA,eAAA;CACA;AACA;EACA,eAAA;CACA;AACA;EACA,eAAA;CACA","file":"index.vue","sourcesContent":["<!-- modified by liuhr7 on 19/12/28. -->\n\n<template>\n <WeexThemeView :key=\"disabled + ''\">\n <text\n v-if=\"pattern === 'plain_text'\"\n :class=\"['btn-text', isHighlight && !disabled && pattern === 'text' && !_isColmo && `dof-text-highlight-${type}`]\"\n :style=\"mrTextStyle\"\n @click=\"onTextClicked\"\n :aria-label=\"text ? text + '。按钮。' : ''\"\n >{{ loading && size == 'small' ? '' : text }}</text\n >\n <div\n v-else\n :class=\"['dof-btn', isHighlight && !disabled && !_isColmo && `dof-btn-highlight-${type}-${pattern}`]\"\n :style=\"mrBtnStyle\"\n @click=\"onClicked\"\n :accessible=\"true\"\n :aria-label=\"text ? text + '。按钮。' : ''\"\n >\n <dof-spinner :type=\"loadingGif\" class=\"loading-image\" v-if=\"loading\" />\n <slot>\n <text\n :class=\"['btn-text', isHighlight && !disabled && pattern === 'text' && `dof-text-highlight-${type}`]\"\n :style=\"mrTextStyle\"\n @click=\"onTextClicked\"\n :aria-label=\"text ? text + '。按钮。' : ''\"\n >{{ loading && size == 'small' ? '' : text }}</text\n >\n </slot>\n <div v-if=\"_isColmo && !disabled && !loading\" class=\"mask\" @click=\"onClicked\"></div>\n </div>\n </WeexThemeView>\n</template>\n\n<script>\nimport {\n STYLE_MAP,\n TEXT_STYLE_MAP,\n BUTTON_STYLE_MAP,\n COLMO_BUTTON_STYLE_MAP,\n TEXT_FONTSIZE_STYLE_MAP,\n COLMO_TEXT_FONTSIZE_STYLE_MAP\n} from './type'\nimport Utils from '../utils'\nimport ColmoMixin from '../../mixins/colmo'\nimport { WeexThemeView } from '@dolphinweex/weex-theme'\nimport DofSpinner from '../dof-spinner'\n\nexport default {\n mixins: [ColmoMixin],\n components: { WeexThemeView, DofSpinner },\n props: {\n loading: {\n type: Boolean,\n default: false\n },\n text: {\n type: String,\n default: '确认'\n },\n size: {\n type: String,\n default: 'full'\n },\n type: {\n type: String,\n default: 'primary'\n },\n pattern: {\n type: String,\n default: 'default'\n },\n disabled: {\n type: Boolean,\n default: false\n },\n isHighlight: {\n type: Boolean,\n default: true\n },\n btnStyle: Object,\n textStyle: Object,\n disabledStyle: Object\n },\n computed: {\n mrBtnStyle() {\n let { type, pattern, disabled, btnStyle, size, disabledStyle } = this\n let buttonStyle = BUTTON_STYLE_MAP\n if (this._isColmo && this.type === 'primary') {\n type = 'colmo'\n buttonStyle = COLMO_BUTTON_STYLE_MAP\n }\n\n let styleMap = { ...STYLE_MAP[type][pattern] }\n if (!this._isColmo && pattern !== 'text' && !disabled) delete styleMap.backgroundColor\n const mrBtnStyle = {\n ...styleMap,\n ...buttonStyle[size],\n ...btnStyle\n }\n\n let disabledInStyle = { opacity: 0.3 }\n if (type === 'white') {\n disabledInStyle = { backgroundColor: 'rgba(0, 0, 0, 0.1)' }\n }\n\n return disabled\n ? {\n ...mrBtnStyle,\n ...disabledInStyle,\n ...disabledStyle\n }\n : mrBtnStyle\n },\n mrTextStyle() {\n let { type, pattern, disabled, textStyle, size } = this\n if (pattern === 'plain_text') pattern = 'text'\n let buttonTextStyle = TEXT_FONTSIZE_STYLE_MAP\n if (this._isColmo && this.type === 'primary') {\n type = 'colmo'\n buttonTextStyle = COLMO_TEXT_FONTSIZE_STYLE_MAP\n }\n const mrTextStyle = {\n ...TEXT_STYLE_MAP[type][pattern],\n ...buttonTextStyle[size],\n ...textStyle\n }\n return disabled ? { ...mrTextStyle } : mrTextStyle\n },\n loadingGif() {\n if (this._isColmo) return 'colmo'\n const { pattern } = this\n if (pattern === 'default') {\n return 'white'\n } else {\n return 'black'\n }\n }\n },\n methods: {\n onClicked(e) {\n const { type, pattern, disabled } = this\n disabled ? null : this.$emit('dofButtonClicked', { e, type, pattern, disabled })\n },\n onTextClicked(e) {\n const { type, pattern, disabled } = this\n disabled ? null : this.$emit('dofButtonClicked', { e, type, pattern, disabled })\n }\n }\n}\n</script>\n\n<style src=\"./colmo.css\"></style>\n<style scoped>\n.loading-image {\n height: 32px;\n width: 32px;\n margin-right: 10px;\n}\n.dof-btn {\n flex-direction: row;\n align-items: center;\n justify-content: center;\n /* border-radius: 12px; */\n opacity: 1;\n position: relative;\n overflow: hidden;\n}\n.mask {\n position: absolute;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n}\n.mask:active {\n background-color: rgba(255, 255, 255, 0.1);\n}\n\n.dof-btn-highlight-primary-default {\n background-color: #267aff;\n}\n.dof-btn-highlight-primary-default:active {\n background-color: #226de5;\n}\n.dof-btn-highlight-primary-base {\n background-color: #e9f1ff;\n}\n.dof-btn-highlight-primary-base:active {\n background-color: #d1d8e5;\n}\n.dof-btn-highlight-primary-plain {\n background-color: #ffffff;\n}\n.dof-btn-highlight-primary-plain:active {\n background-color: rgba(38, 122, 255, 0.1);\n}\n.dof-btn-highlight-purple-default {\n background-color: #995efc;\n}\n.dof-btn-highlight-purple-default:active {\n background-color: #8a54e3;\n}\n.dof-btn-highlight-purple-base {\n background-color: #eee6ff;\n}\n.dof-btn-highlight-purple-base:active {\n background-color: #d5cee5;\n}\n.dof-btn-highlight-purple-plain {\n background-color: #ffffff;\n}\n.dof-btn-highlight-purple-plain:active {\n background-color: rgba(153, 94, 252, 0.1);\n}\n\n.dof-btn-highlight-slate-default {\n background-color: #6575ff;\n}\n.dof-btn-highlight-slate-default:active {\n background-color: #5b69e6;\n}\n.dof-btn-highlight-slate-base {\n background-color: #e6e8ff;\n}\n.dof-btn-highlight-slate-base:active {\n background-color: #ced0e5;\n}\n.dof-btn-highlight-slate-plain {\n background-color: #ffffff;\n}\n.dof-btn-highlight-slate-plain:active {\n background-color: rgba(101, 117, 255, 0.1);\n}\n.dof-btn-highlight-aqua-default {\n background-color: #29c3ff;\n}\n.dof-btn-highlight-aqua-default:active {\n background-color: #24afe6;\n}\n.dof-btn-highlight-aqua-base {\n background-color: #e6f8ff;\n}\n.dof-btn-highlight-aqua-base:active {\n background-color: #cedee5;\n}\n.dof-btn-highlight-aqua-plain {\n background-color: #ffffff;\n}\n.dof-btn-highlight-aqua-plain:active {\n background-color: rgba(41, 195, 255, 0.1);\n}\n.dof-btn-highlight-turquoise-default {\n background-color: #00cbb8;\n}\n.dof-btn-highlight-turquoise-default:active {\n background-color: #00b7a5;\n}\n.dof-btn-highlight-turquoise-base {\n background-color: #e6fffd;\n}\n.dof-btn-highlight-turquoise-base:active {\n background-color: #cee5e3;\n}\n.dof-btn-highlight-turquoise-plain {\n background-color: #ffffff;\n}\n.dof-btn-highlight-turquoise-plain:active {\n background-color: rgba(0, 203, 184, 0.1);\n}\n.dof-btn-highlight-yellow-default {\n background-color: #ffaa10;\n}\n.dof-btn-highlight-yellow-default:active {\n background-color: #e5980e;\n}\n.dof-btn-highlight-yellow-base {\n background-color: #fff4e0;\n}\n.dof-btn-highlight-yellow-base:active {\n background-color: #e5dbc9;\n}\n.dof-btn-highlight-yellow-plain {\n background-color: #ffffff;\n}\n.dof-btn-highlight-yellow-plain:active {\n background-color: rgba(255, 170, 16, 0.1);\n}\n.dof-btn-highlight-orange-default {\n background-color: #ff8225;\n}\n.dof-btn-highlight-orange-default:active {\n background-color: #e67521;\n}\n.dof-btn-highlight-orange-base {\n background-color: #fff0e6;\n}\n.dof-btn-highlight-orange-base:active {\n background-color: #e5d7ce;\n}\n.dof-btn-highlight-orange-plain {\n background-color: #ffffff;\n}\n.dof-btn-highlight-orange-plain:active {\n background-color: rgba(255, 130, 37, 0.1);\n}\n.dof-btn-highlight-tomato-default {\n background-color: #ff6a4c;\n}\n.dof-btn-highlight-tomato-default:active {\n background-color: #e65f44;\n}\n.dof-btn-highlight-tomato-base {\n background-color: #ffeae6;\n}\n.dof-btn-highlight-tomato-base:active {\n background-color: #e6d3cf;\n}\n.dof-btn-highlight-tomato-plain {\n background-color: #ffffff;\n}\n.dof-btn-highlight-tomato-plain:active {\n background-color: rgba(255, 106, 76, 0.1);\n}\n.dof-btn-highlight-gray-default {\n background-color: #7c879b;\n}\n.dof-btn-highlight-gray-default:active {\n background-color: #6f798b;\n}\n.dof-btn-highlight-gray-base {\n background-color: #cfd7e6;\n}\n.dof-btn-highlight-gray-base:active {\n background-color: #b9c1ce;\n}\n.dof-btn-highlight-gray-plain {\n background-color: #ffffff;\n}\n.dof-btn-highlight-gray-plain:active {\n background-color: rgba(124, 135, 155, 0.1);\n}\n.dof-btn-highlight-red-default {\n background-color: #e61e1e;\n}\n.dof-btn-highlight-red-base {\n background-color: #fffeb7;\n}\n.dof-btn-highlight-red-plain {\n background-color: #fff;\n}\n\n.dof-btn-highlight-brown-default {\n background-color: #86696b;\n}\n.dof-btn-highlight-red-base {\n background-color: #ffd9cf;\n}\n.dof-btn-highlight-red-plain {\n background-color: #fff;\n}\n\n.dof-btn-highlight-colmo-default {\n background-color: #b35336;\n}\n.dof-btn-highlight-colmo-default:active {\n background-color: #743d2a;\n}\n.dof-btn-highlight-colmo-base {\n background-color: #292c30;\n}\n.dof-btn-highlight-colmo-base:active {\n background-color: rgba(0, 0, 0, 0.3);\n}\n.dof-btn-highlight-colmo-plain {\n background-color: transparent;\n}\n.dof-btn-highlight-colmo-plain:active {\n background-color: #636569;\n}\n\n.btn-text {\n font-family: PingFangSC-Medium;\n text-overflow: ellipsis;\n lines: 1;\n /* color: #ffffff; */\n /* margin-left: 10px; */\n}\n.dof-text-highlight-primary:active {\n color: #5b69e6;\n}\n.dof-text-highlight-purple:active {\n color: #8a54e3;\n}\n.dof-text-highlight-slate:active {\n color: #5b69e6;\n}\n.dof-text-highlight-aqua:active {\n color: #24afe6;\n}\n.dof-text-highlight-turquoise:active {\n color: #00b7a5;\n}\n.dof-text-highlight-yellow:active {\n color: #e5980e;\n}\n.dof-text-highlight-orange:active {\n color: #e67521;\n}\n.dof-text-highlight-tomatot:active {\n color: #e65f44;\n}\n.dof-text-highlight-gray:active {\n color: #6f798b;\n}\n</style>\n",null],"sourceRoot":""}]);
|
|
8676
8676
|
|
|
8677
8677
|
// exports
|
|
8678
8678
|
|
|
@@ -9190,7 +9190,7 @@ exports = module.exports = __webpack_require__(0)(true);
|
|
|
9190
9190
|
|
|
9191
9191
|
|
|
9192
9192
|
// module
|
|
9193
|
-
exports.push([module.i, "\n.dof-popup[data-v-89c4d90c] {\n position: fixed;\n width: 10rem;\n}\n.top[data-v-89c4d90c] {\n left: 0;\n right: 0;\n}\n.bottom[data-v-89c4d90c] {\n left: 0;\n right: 0;\n}\n.left[data-v-89c4d90c] {\n bottom: 0;\n top: 0;\n}\n.right[data-v-89c4d90c] {\n bottom: 0;\n top: 0;\n}\n.midea-actionsheet-bottom[data-v-89c4d90c] {\n height: 1.33333rem;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -webkit-flex-direction: row;\n flex-direction: row;\n /* margin-top: 16px; */\n -webkit-box-pack: justify;\n -webkit-justify-content: space-between;\n justify-content: space-between;\n}\n.midea-actionsheet-btn[data-v-89c4d90c] {\n font-size: 0.42667rem;\n color: #232323;\n background-color: #ffffff;\n line-height: 1.33333rem;\n text-align: center;\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n flex: 1; /* add by lau resolve bottom button */\n}\n.leftBtn[data-v-89c4d90c] {\n color: #666666;\n border-right-color: #e5e5e5;\n border-right-width: 1px;\n border-right-style: solid;\n}\n.rightBtn[data-v-89c4d90c] {\n color: #267aff;\n}\n.midea-actionsheet-btn[data-v-89c4d90c]:active {\n background-color: #f5f5f5;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-select-picker/index.vue?
|
|
9193
|
+
exports.push([module.i, "\n.dof-popup[data-v-89c4d90c] {\n position: fixed;\n width: 10rem;\n z-index: 1000;\n}\n.top[data-v-89c4d90c] {\n left: 0;\n right: 0;\n}\n.bottom[data-v-89c4d90c] {\n left: 0;\n right: 0;\n}\n.left[data-v-89c4d90c] {\n bottom: 0;\n top: 0;\n}\n.right[data-v-89c4d90c] {\n bottom: 0;\n top: 0;\n}\n.midea-actionsheet-bottom[data-v-89c4d90c] {\n height: 1.33333rem;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -webkit-flex-direction: row;\n flex-direction: row;\n /* margin-top: 16px; */\n -webkit-box-pack: justify;\n -webkit-justify-content: space-between;\n justify-content: space-between;\n}\n.midea-actionsheet-btn[data-v-89c4d90c] {\n font-size: 0.42667rem;\n color: #232323;\n background-color: #ffffff;\n line-height: 1.33333rem;\n text-align: center;\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n flex: 1; /* add by lau resolve bottom button */\n}\n.leftBtn[data-v-89c4d90c] {\n color: #666666;\n border-right-color: #e5e5e5;\n border-right-width: 1px;\n border-right-style: solid;\n}\n.rightBtn[data-v-89c4d90c] {\n color: #267aff;\n}\n.midea-actionsheet-btn[data-v-89c4d90c]:active {\n background-color: #f5f5f5;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-select-picker/index.vue?463b17ca"],"names":[],"mappings":";AAqCA;EACA,gBAAA;EACA,aAAA;EACA,cAAA;CACA;AACA;EACA,QAAA;EACA,SAAA;CACA;AACA;EACA,QAAA;EACA,SAAA;CACA;AACA;EACA,UAAA;EACA,OAAA;CACA;AACA;EACA,UAAA;EACA,OAAA;CACA;AAEA;EACA,mBAAA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,uBAAA;EACA,0BAAA;EAAA,uCAAA;UAAA,+BAAA;CACA;AACA;EACA,sBAAA;EACA,eAAA;EACA,0BAAA;EACA,wBAAA;EACA,mBAAA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA,CAAA,sCAAA;CACA;AACA;EACA,eAAA;EACA,4BAAA;EACA,wBAAA;EACA,0BAAA;CACA;AACA;EACA,eAAA;CACA;AACA;EACA,0BAAA;CACA","file":"index.vue","sourcesContent":["<template>\n <div>\n <div @touchend=\"handleTouchEnd\">\n <dof-overlay\n :show=\"haveOverlay && isOverShow\"\n v-if=\"show\"\n ref=\"overlay\"\n v-bind=\"overlayCfg\"\n @dofOverlayBodyClicked=\"dofOverlayBodyClicking\"\n ></dof-overlay>\n </div>\n <div\n ref=\"dof-popup\"\n v-if=\"show\"\n :height=\"_height\"\n :hack=\"isNeedShow\"\n @click=\"() => {}\"\n :class=\"['dof-popup', pos]\"\n :style=\"padStyle\"\n >\n <slot></slot>\n <div v-if=\"button && button.length > 0\" style=\"width:750px; height:20px; background-color:#F3F3F3\"></div>\n <div v-if=\"button && button.length > 0\" class=\"midea-actionsheet-bottom\">\n <text class=\"midea-actionsheet-btn leftBtn\" @click=\"actionsheetBtnClick(0, button[0])\">{{ button[0] }}</text>\n <text\n v-if=\"button.length > 1\"\n class=\"midea-actionsheet-btn rightBtn\"\n @click=\"actionsheetBtnClick(1, button[1])\"\n >{{ button[1] }}</text\n >\n </div>\n <div :style=\"{ height: show && isipx ? '68px' : '0px' }\"></div>\n </div>\n </div>\n</template>\n\n<style scoped>\n.dof-popup {\n position: fixed;\n width: 750px;\n z-index: 1000;\n}\n.top {\n left: 0;\n right: 0;\n}\n.bottom {\n left: 0;\n right: 0;\n}\n.left {\n bottom: 0;\n top: 0;\n}\n.right {\n bottom: 0;\n top: 0;\n}\n\n.midea-actionsheet-bottom {\n height: 100px;\n flex-direction: row;\n /* margin-top: 16px; */\n justify-content: space-between;\n}\n.midea-actionsheet-btn {\n font-size: 32px;\n color: #232323;\n background-color: #ffffff;\n line-height: 100px;\n text-align: center;\n flex: 1; /* add by lau resolve bottom button */\n}\n.leftBtn {\n color: #666666;\n border-right-color: #e5e5e5;\n border-right-width: 1px;\n border-right-style: solid;\n}\n.rightBtn {\n color: #267aff;\n}\n.midea-actionsheet-btn:active {\n background-color: #f5f5f5;\n}\n</style>\n\n<script>\nconst animation = weex.requireModule('animation')\nconst { platform } = weex.config.env\nconst isWeb = typeof window === 'object' && platform.toLowerCase() === 'web'\nimport DofOverlay from '../dof-overlay'\nimport { Bridge } from 'dolphin-native-bridge'\n\nexport default {\n components: { DofOverlay },\n props: {\n show: {\n type: Boolean,\n default: false\n },\n pos: {\n type: String,\n default: 'bottom'\n },\n // 背景色 暂不开放\n popupColor: {\n type: String,\n default: '#FFFFFF'\n },\n overlayCfg: {\n type: Object,\n default: () => ({\n hasAnimation: true,\n timingFunction: ['ease-in', 'ease-out'],\n duration: 300,\n opacity: 0.3\n })\n },\n height: {\n type: [Number, String],\n default: 840\n },\n standOut: {\n type: [Number, String],\n default: 0\n },\n width: {\n type: [Number, String],\n default: 750\n },\n animation: {\n type: Object,\n default: () => ({\n // timingFunction: 'ease-in'\n timingFunction: 'cubic-bezier(0.25, 0.1, 0.25, 1.0)'\n })\n },\n button: {\n type: Array,\n default: () => []\n }\n },\n data: () => ({\n haveOverlay: true,\n isOverShow: true,\n bottomArc: 0\n }),\n computed: {\n isipx: function() {\n if (this.bottomArc) return true\n return (\n weex &&\n (weex.config.env.deviceModel === 'iPhone10,3' ||\n weex.config.env.deviceModel === 'iPhone10,6' || // iphoneX\n weex.config.env.deviceModel === 'iPhone11,8' || // iPhone XR\n weex.config.env.deviceModel === 'iPhone11,2' || // iPhone XS\n weex.config.env.deviceModel === 'iPhone11,4' ||\n weex.config.env.deviceModel === 'iPhone11,6' || // iPhone XS Max\n weex.config.env.deviceModel === 'iPhone12,1' || // iPhone11\n weex.config.env.deviceModel === 'iPhone12,3' ||\n weex.config.env.deviceModel === 'iPhone12,5') // iPhone 11 Pro iPhone 11 Pro Max\n )\n },\n isNeedShow() {\n try {\n setTimeout(() => {\n this.appearPopup(this.show)\n }, 50)\n } catch (error) {\n this.$nextTick(() => {\n this.appearPopup(this.show)\n })\n }\n return this.show\n },\n _height() {\n let { height, isipx, pos } = this\n height = Number(height)\n height = isipx && pos == 'bottom' ? height + 68 : height\n this.appearPopup(this.show, 150)\n return height\n },\n transformValue() {\n return this.getTransform(this.pos, this.width, this.height, true)\n },\n padStyle() {\n const { pos, width, height, popupColor, _height } = this\n let style = {\n width: `${width}px`,\n backgroundColor: popupColor\n }\n pos === 'top' &&\n (style = {\n ...style,\n top: `${-height}px`,\n height: `${height}px`,\n borderBottomLeftRadius: '32px',\n borderBottomRightRadius: '32px'\n })\n pos === 'bottom' &&\n (style = {\n ...style,\n bottom: `${-_height}px`,\n height: `${_height}px`,\n borderTopLeftRadius: '32px',\n borderTopRightRadius: '32px'\n })\n pos === 'left' &&\n (style = {\n ...style,\n left: `${-width}px`\n })\n pos === 'right' &&\n (style = {\n ...style,\n right: `${-width}px`\n })\n return style\n }\n },\n created() {\n Bridge.getAllBarHeight().then(res => {\n this.bottomArc = res.bottomArc || 0\n })\n },\n methods: {\n actionsheetBtnClick(index, text) {\n this.appearPopup(false)\n this.$refs.overlay.appearOverlay(false)\n this.$emit('dofPopupButtonClicked', { index, text })\n },\n handleTouchEnd(e) {\n // 在支付宝上面有点击穿透问题\n const { platform } = weex.config.env\n platform === 'Web' && e.preventDefault && e.preventDefault()\n },\n hide() {\n this.appearPopup(false)\n this.$refs.overlay.appearOverlay(false)\n },\n dofOverlayBodyClicking() {\n this.isShow && this.appearPopup(false)\n },\n appearPopup(bool, duration = 300) {\n this.isShow = bool\n const popupEl = this.$refs['dof-popup']\n if (!popupEl) {\n return\n }\n animation.transition(\n popupEl,\n {\n styles: {\n transform: this.getTransform(this.pos, this.width, this._height, !bool) //_height解决iphonex系列向上过渡距离不够的问题\n },\n duration,\n delay: 0,\n ...this.animation\n },\n () => {\n if (!bool) {\n this.$emit('dofPopupOverlayClicked', { pos: this.pos })\n }\n }\n )\n },\n getTransform(pos, width, height, bool) {\n let _size = pos === 'top' || pos === 'bottom' ? height : width\n let _transform\n if (isWeb) {\n _size -= this.standOut\n }\n bool && (_size = 0)\n switch (pos) {\n case 'top':\n _transform = `translateY(${_size}px)`\n break\n case 'bottom':\n _transform = `translateY(-${_size}px)`\n break\n case 'left':\n _transform = `translateX(${_size}px)`\n break\n case 'right':\n _transform = `translateX(-${_size}px)`\n break\n }\n return _transform\n }\n }\n}\n</script>\n"],"sourceRoot":""}]);
|
|
9194
9194
|
|
|
9195
9195
|
// exports
|
|
9196
9196
|
|
|
@@ -9624,7 +9624,7 @@ exports = module.exports = __webpack_require__(0)(true);
|
|
|
9624
9624
|
|
|
9625
9625
|
|
|
9626
9626
|
// module
|
|
9627
|
-
exports.push([module.i, "\n.dof-popup[data-v-fa0ab532] {\n position: fixed;\n /* width: 750px; */\n}\n.top[data-v-fa0ab532] {\n left: 0;\n right: 0;\n}\n.bottom[data-v-fa0ab532] {\n left: 0;\n right: 0;\n}\n.left[data-v-fa0ab532] {\n bottom: 0;\n top: 0;\n}\n.right[data-v-fa0ab532] {\n bottom: 0;\n top: 0;\n}\n.midea-actionsheet-bottom[data-v-fa0ab532] {\n height: 1.33333rem;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -webkit-flex-direction: row;\n flex-direction: row;\n /* margin-top: 16px; */\n -webkit-box-pack: justify;\n -webkit-justify-content: space-between;\n justify-content: space-between;\n}\n.midea-actionsheet-btn[data-v-fa0ab532] {\n font-size: 0.42667rem;\n /* color: #232323; */\n background-color: #ffffff;\n line-height: 1.33333rem;\n text-align: center;\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n flex: 1; /* add by lau resolve bottom button */\n}\n.leftBtn[data-v-fa0ab532] {\n color: #666666;\n border-right-color: #e5e5e5;\n border-right-width: 1px;\n border-right-style: solid;\n}\n.rightBtn[data-v-fa0ab532] {\n color: #267aff;\n}\n.midea-actionsheet-btn[data-v-fa0ab532]:active {\n background-color: #f5f5f5;\n}\n.btnGap[data-v-fa0ab532] {\n background-color: #f3f3f3;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-popup/index.vue?0e889660"],"names":[],"mappings":";AA2CA;EACA,gBAAA;EACA,mBAAA;CACA;AACA;EACA,QAAA;EACA,SAAA;CACA;AACA;EACA,QAAA;EACA,SAAA;CACA;AACA;EACA,UAAA;EACA,OAAA;CACA;AACA;EACA,UAAA;EACA,OAAA;CACA;AAEA;EACA,mBAAA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,uBAAA;EACA,0BAAA;EAAA,uCAAA;UAAA,+BAAA;CACA;AACA;EACA,sBAAA;EACA,qBAAA;EACA,0BAAA;EACA,wBAAA;EACA,mBAAA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA,CAAA,sCAAA;CACA;AACA;EACA,eAAA;EACA,4BAAA;EACA,wBAAA;EACA,0BAAA;CACA;AACA;EACA,eAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA","file":"index.vue","sourcesContent":["<template>\n <div>\n <div @touchend=\"handleTouchEnd\">\n <dof-overlay\n :show=\"overlayShow\"\n ref=\"overlay\"\n v-bind=\"overlayCfg\"\n :canAutoClose=\"isOverLayClickHide\"\n @dofOverlayBodyClicked=\"dofOverlayBodyClicking\"\n ></dof-overlay>\n </div>\n <div ref=\"dof-popup\" v-if=\"show_\" :height=\"_height\" @click=\"() => {}\" :class=\"['dof-popup', pos]\" :style=\"padStyle\">\n <slot></slot>\n <div class=\"btnGap\" v-if=\"button && button.length > 0\" style=\" height:20px;\"></div>\n <div v-if=\"button && button.length > 0\" class=\"midea-actionsheet-bottom\">\n <text\n v-for=\"(btn, index) in button\"\n :key=\"index\"\n :class=\"['midea-actionsheet-btn']\"\n :style=\"{\n color: btn.hasOwnProperty('textColor')\n ? btn.textColor\n : _isColmo\n ? 'rgba(255,255,255,0.80)'\n : index === 0\n ? '#666666'\n : '#267aff'\n }\"\n @click=\"actionsheetBtnClick(index, btn.hasOwnProperty('text') ? btn.text : btn)\"\n >{{ btn.hasOwnProperty('text') ? btn.text : btn }}</text\n >\n </div>\n <div\n :style=\"{\n height: show && isipx ? '68px' : '0px',\n backgroundColor: _isColmo ? '#151617' : padStyle.backgroundColor\n }\"\n ></div>\n </div>\n </div>\n</template>\n\n<style scoped>\n.dof-popup {\n position: fixed;\n /* width: 750px; */\n}\n.top {\n left: 0;\n right: 0;\n}\n.bottom {\n left: 0;\n right: 0;\n}\n.left {\n bottom: 0;\n top: 0;\n}\n.right {\n bottom: 0;\n top: 0;\n}\n\n.midea-actionsheet-bottom {\n height: 100px;\n flex-direction: row;\n /* margin-top: 16px; */\n justify-content: space-between;\n}\n.midea-actionsheet-btn {\n font-size: 32px;\n /* color: #232323; */\n background-color: #ffffff;\n line-height: 100px;\n text-align: center;\n flex: 1; /* add by lau resolve bottom button */\n}\n.leftBtn {\n color: #666666;\n border-right-color: #e5e5e5;\n border-right-width: 1px;\n border-right-style: solid;\n}\n.rightBtn {\n color: #267aff;\n}\n.midea-actionsheet-btn:active {\n background-color: #f5f5f5;\n}\n.btnGap {\n background-color: #f3f3f3;\n}\n</style>\n<style scoped src=\"./colmo.css\"></style>\n\n<script>\nconst animation = weex.requireModule('animation')\nconst { platform } = weex.config.env\nconst isWeb = typeof window === 'object' && platform.toLowerCase() === 'web'\nimport DofOverlay from '../dof-overlay'\nimport Utils from '../utils'\nimport { Bridge } from 'dolphin-native-bridge'\nimport ColmoMixin from '../../mixins/colmo'\n\nexport default {\n mixins: [ColmoMixin],\n components: { DofOverlay },\n props: {\n show: {\n type: Boolean,\n default: false\n },\n pos: {\n type: String,\n default: 'bottom'\n },\n // 背景色 暂不开放\n popupColor: {\n type: String,\n default: ''\n },\n overlayCfg: {\n type: Object,\n default: () => ({\n hasAnimation: true,\n timingFunction: ['ease-in', 'ease-out'],\n duration: 300\n })\n },\n height: {\n type: [Number, String],\n default: 840\n },\n standOut: {\n type: [Number, String],\n default: 0\n },\n width: {\n type: [Number, String],\n default: 750\n },\n animation: {\n type: Object,\n default: () => ({\n // timingFunction: 'ease-in'\n timingFunction: 'cubic-bezier(0.25, 0.1, 0.25, 1.0)'\n })\n },\n button: {\n type: Array,\n default: () => []\n },\n borderRadius: {\n type: String,\n default: '32px'\n },\n isOverLayClickHide: {\n type: Boolean,\n default: true\n }\n },\n data: () => ({\n haveOverlay: true,\n isOverShow: true,\n bottomArc: 0,\n show_: false,\n overlayShow: false\n }),\n computed: {\n isipx: function() {\n if (this.bottomArc) return true\n return (\n weex &&\n (weex.config.env.deviceModel === 'iPhone10,3' ||\n weex.config.env.deviceModel === 'iPhone10,6' || // iphoneX\n weex.config.env.deviceModel === 'iPhone11,8' || // iPhone XR\n weex.config.env.deviceModel === 'iPhone11,2' || // iPhone XS\n weex.config.env.deviceModel === 'iPhone11,4' ||\n weex.config.env.deviceModel === 'iPhone11,6' || // iPhone XS Max\n weex.config.env.deviceModel === 'iPhone12,1' || // iPhone11\n weex.config.env.deviceModel === 'iPhone12,3' ||\n weex.config.env.deviceModel === 'iPhone12,5' || // iPhone 11 Pro iPhone 11 Pro Max\n weex.config.env.deviceModel === 'iPhone13,1' ||\n weex.config.env.deviceModel === 'iPhone13,2' || // iPhone12 Mini && iPhone12\n weex.config.env.deviceModel === 'iPhone13,3' || //iPhone12 Pro\n weex.config.env.deviceModel === 'iPhone13,4' || // iPhone12 Pro Max\n weex.config.env.deviceModel === 'iPhone14,4' || //iPhone 13 mini\n weex.config.env.deviceModel === 'iPhone14,5' || //iPhone 13\n weex.config.env.deviceModel === 'iPhone14,2' || //iPhone 13 Pro\n weex.config.env.deviceModel === 'Iphone14,3') //iPhone 13 Pro Max\n )\n },\n _height() {\n let { height, isipx, pos } = this\n height = Number(height)\n height = isipx && pos == 'bottom' ? height + 68 : height\n return height\n },\n transformValue() {\n return this.getTransform(this.pos, this.width, this.height, true)\n },\n _popupColor() {\n if (this.popupColor) return this.popupColor\n return this._isColmo ? '#1c1e21' : '#fff'\n },\n padStyle() {\n const { pos, width, height, _popupColor, _height } = this\n let style = {\n width: `${width}px`,\n backgroundColor: _popupColor\n }\n pos === 'top' &&\n (style = {\n ...style,\n top: `${-height}px`,\n height: `${height}px`,\n borderBottomLeftRadius: this._isColmo ? 0 : this.borderRadius,\n borderBottomRightRadius: this._isColmo ? 0 : this.borderRadius\n })\n pos === 'bottom' &&\n (style = {\n ...style,\n bottom: `${-_height - 1}px`,\n height: `${_height}px`,\n borderTopLeftRadius: this._isColmo ? 0 : this.borderRadius,\n borderTopRightRadius: this._isColmo ? 0 : this.borderRadius\n })\n pos === 'left' &&\n (style = {\n ...style,\n left: `${-width}px`\n })\n pos === 'right' &&\n (style = {\n ...style,\n right: `${-width}px`\n })\n return style\n },\n buttonComp() {\n return this.button\n }\n },\n watch: {\n _height() {\n this.appearPopup(this.show_, 0)\n },\n show_(val) {\n setTimeout(() => {\n val && this.appearPopup(val)\n }, 100)\n },\n show: {\n handler(val) {\n if (val) {\n this.overlayShow = true\n setTimeout(() => {\n this.show_ = true\n }, 0)\n } else {\n this.appearPopup(false, 300, () => {})\n setTimeout(() => {\n this.show_ = false\n this.overlayShow = false\n }, 400)\n }\n },\n immediate: true\n }\n },\n mounted() {\n Bridge.getAllBarHeight().then(res => {\n this.bottomArc = res.bottomArc || 0\n })\n },\n methods: {\n actionsheetBtnClick(index, text) {\n this.appearPopup(false)\n this.$refs.overlay.appearOverlay(false)\n this.$emit('dofPopupButtonClicked', { index, text })\n },\n handleTouchEnd(e) {\n // 在支付宝上面有点击穿透问题\n const { platform } = weex.config.env\n platform === 'Web' && e.preventDefault && e.preventDefault()\n },\n hide() {\n this.appearPopup(false)\n this.$refs.overlay.appearOverlay(false)\n },\n dofOverlayBodyClicking() {\n this.isOverLayClickHide && this.isShow && this.appearPopup(false)\n setTimeout(() => {\n this.$emit('dofPopupOverlayClicked')\n }, 100)\n },\n appearPopup(bool, duration = 300, cb = () => {}) {\n this.isShow = bool\n const popupEl = this.$refs['dof-popup']\n if (!popupEl) {\n return\n }\n animation.transition(\n popupEl,\n {\n styles: {\n transform: this.getTransform(this.pos, this.width, this._height, !bool) //_height解决iphonex系列向上过渡距离不够的问题\n },\n duration,\n delay: 0,\n ...this.animation\n },\n () => {\n cb()\n if (!bool) {\n // this.$emit('dofPopupOverlayClicked', { pos: this.pos })\n }\n }\n )\n },\n getTransform(pos, width, height, bool) {\n let _size = pos === 'top' || pos === 'bottom' ? height : width\n let _transform\n if (isWeb) {\n _size -= this.standOut\n }\n bool && (_size = 0)\n switch (pos) {\n case 'top':\n _transform = `translateY(${_size}px)`\n break\n case 'bottom':\n _transform = `translateY(-${_size}px)`\n break\n case 'left':\n _transform = `translateX(${_size}px)`\n break\n case 'right':\n _transform = `translateX(-${_size}px)`\n break\n }\n return _transform\n }\n },\n genBtnText(item) {\n if (Utils.isPlainObject(item)) {\n return item.text\n } else {\n return item\n }\n }\n}\n</script>\n"],"sourceRoot":""}]);
|
|
9627
|
+
exports.push([module.i, "\n.dof-popup[data-v-fa0ab532] {\n position: fixed;\n z-index: 1000;\n /* width: 750px; */\n}\n.top[data-v-fa0ab532] {\n left: 0;\n right: 0;\n}\n.bottom[data-v-fa0ab532] {\n left: 0;\n right: 0;\n}\n.left[data-v-fa0ab532] {\n bottom: 0;\n top: 0;\n}\n.right[data-v-fa0ab532] {\n bottom: 0;\n top: 0;\n}\n.midea-actionsheet-bottom[data-v-fa0ab532] {\n height: 1.33333rem;\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -webkit-flex-direction: row;\n flex-direction: row;\n /* margin-top: 16px; */\n -webkit-box-pack: justify;\n -webkit-justify-content: space-between;\n justify-content: space-between;\n}\n.midea-actionsheet-btn[data-v-fa0ab532] {\n font-size: 0.42667rem;\n /* color: #232323; */\n background-color: #ffffff;\n line-height: 1.33333rem;\n text-align: center;\n -webkit-box-flex: 1;\n -webkit-flex: 1;\n flex: 1; /* add by lau resolve bottom button */\n}\n.leftBtn[data-v-fa0ab532] {\n color: #666666;\n border-right-color: #e5e5e5;\n border-right-width: 1px;\n border-right-style: solid;\n}\n.rightBtn[data-v-fa0ab532] {\n color: #267aff;\n}\n.midea-actionsheet-btn[data-v-fa0ab532]:active {\n background-color: #f5f5f5;\n}\n.btnGap[data-v-fa0ab532] {\n background-color: #f3f3f3;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-popup/index.vue?4af9e8cb"],"names":[],"mappings":";AA2CA;EACA,gBAAA;EACA,cAAA;EACA,mBAAA;CACA;AACA;EACA,QAAA;EACA,SAAA;CACA;AACA;EACA,QAAA;EACA,SAAA;CACA;AACA;EACA,UAAA;EACA,OAAA;CACA;AACA;EACA,UAAA;EACA,OAAA;CACA;AAEA;EACA,mBAAA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,uBAAA;EACA,0BAAA;EAAA,uCAAA;UAAA,+BAAA;CACA;AACA;EACA,sBAAA;EACA,qBAAA;EACA,0BAAA;EACA,wBAAA;EACA,mBAAA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA,CAAA,sCAAA;CACA;AACA;EACA,eAAA;EACA,4BAAA;EACA,wBAAA;EACA,0BAAA;CACA;AACA;EACA,eAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA","file":"index.vue","sourcesContent":["<template>\n <div>\n <div @touchend=\"handleTouchEnd\">\n <dof-overlay\n :show=\"overlayShow\"\n ref=\"overlay\"\n v-bind=\"overlayCfg\"\n :canAutoClose=\"isOverLayClickHide\"\n @dofOverlayBodyClicked=\"dofOverlayBodyClicking\"\n ></dof-overlay>\n </div>\n <div ref=\"dof-popup\" v-if=\"show_\" :height=\"_height\" @click=\"() => {}\" :class=\"['dof-popup', pos]\" :style=\"padStyle\">\n <slot></slot>\n <div class=\"btnGap\" v-if=\"button && button.length > 0\" style=\" height:20px;\"></div>\n <div v-if=\"button && button.length > 0\" class=\"midea-actionsheet-bottom\">\n <text\n v-for=\"(btn, index) in button\"\n :key=\"index\"\n :class=\"['midea-actionsheet-btn']\"\n :style=\"{\n color: btn.hasOwnProperty('textColor')\n ? btn.textColor\n : _isColmo\n ? 'rgba(255,255,255,0.80)'\n : index === 0\n ? '#666666'\n : '#267aff'\n }\"\n @click=\"actionsheetBtnClick(index, btn.hasOwnProperty('text') ? btn.text : btn)\"\n >{{ btn.hasOwnProperty('text') ? btn.text : btn }}</text\n >\n </div>\n <div\n :style=\"{\n height: show && isipx ? '68px' : '0px',\n backgroundColor: _isColmo ? '#151617' : padStyle.backgroundColor\n }\"\n ></div>\n </div>\n </div>\n</template>\n\n<style scoped>\n.dof-popup {\n position: fixed;\n z-index: 1000;\n /* width: 750px; */\n}\n.top {\n left: 0;\n right: 0;\n}\n.bottom {\n left: 0;\n right: 0;\n}\n.left {\n bottom: 0;\n top: 0;\n}\n.right {\n bottom: 0;\n top: 0;\n}\n\n.midea-actionsheet-bottom {\n height: 100px;\n flex-direction: row;\n /* margin-top: 16px; */\n justify-content: space-between;\n}\n.midea-actionsheet-btn {\n font-size: 32px;\n /* color: #232323; */\n background-color: #ffffff;\n line-height: 100px;\n text-align: center;\n flex: 1; /* add by lau resolve bottom button */\n}\n.leftBtn {\n color: #666666;\n border-right-color: #e5e5e5;\n border-right-width: 1px;\n border-right-style: solid;\n}\n.rightBtn {\n color: #267aff;\n}\n.midea-actionsheet-btn:active {\n background-color: #f5f5f5;\n}\n.btnGap {\n background-color: #f3f3f3;\n}\n</style>\n<style scoped src=\"./colmo.css\"></style>\n\n<script>\nconst animation = weex.requireModule('animation')\nconst { platform } = weex.config.env\nconst isWeb = typeof window === 'object' && platform.toLowerCase() === 'web'\nimport DofOverlay from '../dof-overlay'\nimport Utils from '../utils'\nimport { Bridge } from 'dolphin-native-bridge'\nimport ColmoMixin from '../../mixins/colmo'\n\nexport default {\n mixins: [ColmoMixin],\n components: { DofOverlay },\n props: {\n show: {\n type: Boolean,\n default: false\n },\n pos: {\n type: String,\n default: 'bottom'\n },\n // 背景色 暂不开放\n popupColor: {\n type: String,\n default: ''\n },\n overlayCfg: {\n type: Object,\n default: () => ({\n hasAnimation: true,\n timingFunction: ['ease-in', 'ease-out'],\n duration: 300\n })\n },\n height: {\n type: [Number, String],\n default: 840\n },\n standOut: {\n type: [Number, String],\n default: 0\n },\n width: {\n type: [Number, String],\n default: 750\n },\n animation: {\n type: Object,\n default: () => ({\n // timingFunction: 'ease-in'\n timingFunction: 'cubic-bezier(0.25, 0.1, 0.25, 1.0)'\n })\n },\n button: {\n type: Array,\n default: () => []\n },\n borderRadius: {\n type: String,\n default: '32px'\n },\n isOverLayClickHide: {\n type: Boolean,\n default: true\n }\n },\n data: () => ({\n haveOverlay: true,\n isOverShow: true,\n bottomArc: 0,\n show_: false,\n overlayShow: false\n }),\n computed: {\n isipx: function() {\n if (this.bottomArc) return true\n return (\n weex &&\n (weex.config.env.deviceModel === 'iPhone10,3' ||\n weex.config.env.deviceModel === 'iPhone10,6' || // iphoneX\n weex.config.env.deviceModel === 'iPhone11,8' || // iPhone XR\n weex.config.env.deviceModel === 'iPhone11,2' || // iPhone XS\n weex.config.env.deviceModel === 'iPhone11,4' ||\n weex.config.env.deviceModel === 'iPhone11,6' || // iPhone XS Max\n weex.config.env.deviceModel === 'iPhone12,1' || // iPhone11\n weex.config.env.deviceModel === 'iPhone12,3' ||\n weex.config.env.deviceModel === 'iPhone12,5' || // iPhone 11 Pro iPhone 11 Pro Max\n weex.config.env.deviceModel === 'iPhone13,1' ||\n weex.config.env.deviceModel === 'iPhone13,2' || // iPhone12 Mini && iPhone12\n weex.config.env.deviceModel === 'iPhone13,3' || //iPhone12 Pro\n weex.config.env.deviceModel === 'iPhone13,4' || // iPhone12 Pro Max\n weex.config.env.deviceModel === 'iPhone14,4' || //iPhone 13 mini\n weex.config.env.deviceModel === 'iPhone14,5' || //iPhone 13\n weex.config.env.deviceModel === 'iPhone14,2' || //iPhone 13 Pro\n weex.config.env.deviceModel === 'Iphone14,3') //iPhone 13 Pro Max\n )\n },\n _height() {\n let { height, isipx, pos } = this\n height = Number(height)\n height = isipx && pos == 'bottom' ? height + 68 : height\n return height\n },\n transformValue() {\n return this.getTransform(this.pos, this.width, this.height, true)\n },\n _popupColor() {\n if (this.popupColor) return this.popupColor\n return this._isColmo ? '#1c1e21' : '#fff'\n },\n padStyle() {\n const { pos, width, height, _popupColor, _height } = this\n let style = {\n width: `${width}px`,\n backgroundColor: _popupColor\n }\n pos === 'top' &&\n (style = {\n ...style,\n top: `${-height}px`,\n height: `${height}px`,\n borderBottomLeftRadius: this._isColmo ? 0 : this.borderRadius,\n borderBottomRightRadius: this._isColmo ? 0 : this.borderRadius\n })\n pos === 'bottom' &&\n (style = {\n ...style,\n bottom: `${-_height - 1}px`,\n height: `${_height}px`,\n borderTopLeftRadius: this._isColmo ? 0 : this.borderRadius,\n borderTopRightRadius: this._isColmo ? 0 : this.borderRadius\n })\n pos === 'left' &&\n (style = {\n ...style,\n left: `${-width}px`\n })\n pos === 'right' &&\n (style = {\n ...style,\n right: `${-width}px`\n })\n return style\n },\n buttonComp() {\n return this.button\n }\n },\n watch: {\n _height() {\n this.appearPopup(this.show_, 0)\n },\n show_(val) {\n setTimeout(() => {\n val && this.appearPopup(val)\n }, 100)\n },\n show: {\n handler(val) {\n if (val) {\n this.overlayShow = true\n setTimeout(() => {\n this.show_ = true\n }, 0)\n } else {\n this.appearPopup(false, 300, () => {})\n setTimeout(() => {\n this.show_ = false\n this.overlayShow = false\n }, 400)\n }\n },\n immediate: true\n }\n },\n mounted() {\n Bridge.getAllBarHeight().then(res => {\n this.bottomArc = res.bottomArc || 0\n })\n },\n methods: {\n actionsheetBtnClick(index, text) {\n this.appearPopup(false)\n this.$refs.overlay.appearOverlay(false)\n this.$emit('dofPopupButtonClicked', { index, text })\n },\n handleTouchEnd(e) {\n // 在支付宝上面有点击穿透问题\n const { platform } = weex.config.env\n platform === 'Web' && e.preventDefault && e.preventDefault()\n },\n hide() {\n this.appearPopup(false)\n this.$refs.overlay.appearOverlay(false)\n },\n dofOverlayBodyClicking() {\n this.isOverLayClickHide && this.isShow && this.appearPopup(false)\n setTimeout(() => {\n this.$emit('dofPopupOverlayClicked')\n }, 100)\n },\n appearPopup(bool, duration = 300, cb = () => {}) {\n this.isShow = bool\n const popupEl = this.$refs['dof-popup']\n if (!popupEl) {\n return\n }\n animation.transition(\n popupEl,\n {\n styles: {\n transform: this.getTransform(this.pos, this.width, this._height, !bool) //_height解决iphonex系列向上过渡距离不够的问题\n },\n duration,\n delay: 0,\n ...this.animation\n },\n () => {\n cb()\n if (!bool) {\n // this.$emit('dofPopupOverlayClicked', { pos: this.pos })\n }\n }\n )\n },\n getTransform(pos, width, height, bool) {\n let _size = pos === 'top' || pos === 'bottom' ? height : width\n let _transform\n if (isWeb) {\n _size -= this.standOut\n }\n bool && (_size = 0)\n switch (pos) {\n case 'top':\n _transform = `translateY(${_size}px)`\n break\n case 'bottom':\n _transform = `translateY(-${_size}px)`\n break\n case 'left':\n _transform = `translateX(${_size}px)`\n break\n case 'right':\n _transform = `translateX(-${_size}px)`\n break\n }\n return _transform\n }\n },\n genBtnText(item) {\n if (Utils.isPlainObject(item)) {\n return item.text\n } else {\n return item\n }\n }\n}\n</script>\n"],"sourceRoot":""}]);
|
|
9628
9628
|
|
|
9629
9629
|
// exports
|
|
9630
9630
|
|
|
@@ -10051,6 +10051,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
10051
10051
|
//
|
|
10052
10052
|
//
|
|
10053
10053
|
//
|
|
10054
|
+
//
|
|
10054
10055
|
|
|
10055
10056
|
var animation = weex.requireModule('animation');
|
|
10056
10057
|
var platform = weex.config.env.platform;
|
|
@@ -23775,6 +23776,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
23775
23776
|
//
|
|
23776
23777
|
//
|
|
23777
23778
|
//
|
|
23779
|
+
//
|
|
23778
23780
|
|
|
23779
23781
|
var animation = weex.requireModule('animation');
|
|
23780
23782
|
var platform = weex.config.env.platform;
|
|
@@ -26839,6 +26841,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
26839
26841
|
//
|
|
26840
26842
|
//
|
|
26841
26843
|
//
|
|
26844
|
+
//
|
|
26842
26845
|
|
|
26843
26846
|
var animation = weex.requireModule('animation');
|
|
26844
26847
|
var platform = weex.config.env.platform;
|
|
@@ -37114,32 +37117,32 @@ function clamp(number, min, max) {
|
|
|
37114
37117
|
|
|
37115
37118
|
|
|
37116
37119
|
Object.defineProperty(exports, "__esModule", {
|
|
37117
|
-
|
|
37120
|
+
value: true
|
|
37118
37121
|
});
|
|
37119
37122
|
function promisify(fn) {
|
|
37120
|
-
|
|
37121
|
-
|
|
37122
|
-
|
|
37123
|
-
|
|
37123
|
+
return function () {
|
|
37124
|
+
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
|
|
37125
|
+
args[_key] = arguments[_key];
|
|
37126
|
+
}
|
|
37124
37127
|
|
|
37125
|
-
|
|
37126
|
-
|
|
37127
|
-
|
|
37128
|
-
|
|
37129
|
-
|
|
37130
|
-
|
|
37131
|
-
|
|
37132
|
-
|
|
37128
|
+
return new Promise(function (resolve, reject) {
|
|
37129
|
+
args.push(function (err) {
|
|
37130
|
+
if (err) {
|
|
37131
|
+
reject(err);
|
|
37132
|
+
} else {
|
|
37133
|
+
for (var _len2 = arguments.length, arg = Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
|
|
37134
|
+
arg[_key2 - 1] = arguments[_key2];
|
|
37135
|
+
}
|
|
37133
37136
|
|
|
37134
|
-
|
|
37135
|
-
|
|
37136
|
-
|
|
37137
|
-
|
|
37138
|
-
|
|
37139
|
-
|
|
37137
|
+
resolve.apply(undefined, arg);
|
|
37138
|
+
}
|
|
37139
|
+
});
|
|
37140
|
+
fn.apply(null, args);
|
|
37141
|
+
});
|
|
37142
|
+
};
|
|
37140
37143
|
}
|
|
37141
37144
|
|
|
37142
|
-
exports.
|
|
37145
|
+
exports.default = promisify;
|
|
37143
37146
|
|
|
37144
37147
|
/***/ }),
|
|
37145
37148
|
/* 422 */
|
|
@@ -47337,7 +47340,10 @@ if (false) {
|
|
|
47337
47340
|
/***/ (function(module, exports, __webpack_require__) {
|
|
47338
47341
|
|
|
47339
47342
|
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
|
47340
|
-
return _c('WeexThemeView',
|
|
47343
|
+
return _c('WeexThemeView', {
|
|
47344
|
+
key: _vm.disabled + '',
|
|
47345
|
+
attrs: {}
|
|
47346
|
+
}, [(_vm.pattern === 'plain_text') ? _c('p', {
|
|
47341
47347
|
staticClass: " weex-el weex-text",
|
|
47342
47348
|
class: ['btn-text', _vm.isHighlight && !_vm.disabled && _vm.pattern === 'text' && !_vm._isColmo && ("dof-text-highlight-" + _vm.type)],
|
|
47343
47349
|
style: (_vm._processExclusiveStyle(_vm.mrTextStyle, 75, 'text')),
|