dolphin-weex-ui 2.4.20 → 2.4.21
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 +5 -0
- package/dist/index.native.js +1 -1
- package/dist/index.native.js.map +1 -1
- package/dist/index.web.js +2 -2
- package/dist/index.web.js.map +1 -1
- package/package.json +1 -1
- package/packages/dof-popup/index.vue +1 -1
package/dist/index.web.js
CHANGED
|
@@ -9972,7 +9972,7 @@ exports = module.exports = __webpack_require__(0)(true);
|
|
|
9972
9972
|
|
|
9973
9973
|
|
|
9974
9974
|
// module
|
|
9975
|
-
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: #616C73;\n border-right-color: #e5e5e5;\n border-right-width: 1px;\n border-right-style: solid;\n}\n.rightBtn[data-v-fa0ab532] {\n color: #00A4F2;\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?a1b7ab48"],"names":[],"mappings":";AA6CA;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 && !_isDiablo\n ? '#616C73'\n : index === 0 && _isDiablo\n ? '#797c7e'\n : '#00A4F2'\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 ? sageHeight + 'px' : '0px',\n backgroundColor: safeAreaBgColor ? safeAreaBgColor : _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: #616C73;\n border-right-color: #e5e5e5;\n border-right-width: 1px;\n border-right-style: solid;\n}\n.rightBtn {\n color: #00A4F2;\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<style scoped src=\"./diablo.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'\nimport DiabloMixin from '../../mixins/diablo'\n\nexport default {\n mixins: [ColmoMixin, DiabloMixin],\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: false\n },\n safeAreaBgColor: {\n type: String,\n default: ''\n }\n },\n data: () => ({\n haveOverlay: true,\n isOverShow: true,\n bottomArc: 0,\n show_: false,\n overlayShow: false,\n sageHeight: 68\n }),\n computed: {\n isipx: function() {\n if (this.bottomArc) return true\n if(weex && weex.config.env.platform == 'harmony' && weex.config.env.safeAreaBottomHeight) 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 + this.sageHeight : 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' : this._isDiablo ? '#1e2326' : '#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, oldVal) {\n if (val) {\n this.overlayShow = true\n setTimeout(() => {\n this.show_ = true\n }, 0)\n } else {\n if (oldVal !== true) return\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 if(weex && weex.config.env.platform == 'harmony' && weex.config.env.safeAreaBottomHeight){\n this.sageHeight = weex.config.env.safeAreaBottomHeight / weex.config.env.scale\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":""}]);
|
|
9975
|
+
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: #616C73;\n border-right-color: #e5e5e5;\n border-right-width: 1px;\n border-right-style: solid;\n}\n.rightBtn[data-v-fa0ab532] {\n color: #00A4F2;\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?108c9814"],"names":[],"mappings":";AA6CA;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 && !_isDiablo\n ? '#616C73'\n : index === 0 && _isDiablo\n ? '#797c7e'\n : '#00A4F2'\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 ? sageHeight + 'px' : '0px',\n backgroundColor: safeAreaBgColor ? safeAreaBgColor : _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: #616C73;\n border-right-color: #e5e5e5;\n border-right-width: 1px;\n border-right-style: solid;\n}\n.rightBtn {\n color: #00A4F2;\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<style scoped src=\"./diablo.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'\nimport DiabloMixin from '../../mixins/diablo'\n\nexport default {\n mixins: [ColmoMixin, DiabloMixin],\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: false\n },\n safeAreaBgColor: {\n type: String,\n default: ''\n }\n },\n data: () => ({\n haveOverlay: true,\n isOverShow: true,\n bottomArc: 0,\n show_: false,\n overlayShow: false,\n sageHeight: 68\n }),\n computed: {\n isipx: function() {\n if (this.bottomArc) return true\n if(weex && weex.config.env.platform == 'harmony' && weex.config.env.safeAreaBottomHeight) 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 + this.sageHeight : 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 ? '#232529' : this._isDiablo ? '#1e2326' : '#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, oldVal) {\n if (val) {\n this.overlayShow = true\n setTimeout(() => {\n this.show_ = true\n }, 0)\n } else {\n if (oldVal !== true) return\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 if(weex && weex.config.env.platform == 'harmony' && weex.config.env.safeAreaBottomHeight){\n this.sageHeight = weex.config.env.safeAreaBottomHeight / weex.config.env.scale\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":""}]);
|
|
9976
9976
|
|
|
9977
9977
|
// exports
|
|
9978
9978
|
|
|
@@ -24534,7 +24534,7 @@ exports.default = {
|
|
|
24534
24534
|
},
|
|
24535
24535
|
_popupColor: function _popupColor() {
|
|
24536
24536
|
if (this.popupColor) return this.popupColor;
|
|
24537
|
-
return this._isColmo ? '#
|
|
24537
|
+
return this._isColmo ? '#232529' : this._isDiablo ? '#1e2326' : '#fff';
|
|
24538
24538
|
},
|
|
24539
24539
|
padStyle: function padStyle() {
|
|
24540
24540
|
var pos = this.pos,
|