dolphin-weex-ui 2.3.7 → 2.3.8
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 +3 -2
- package/dist/index.native.js.map +1 -1
- package/dist/index.web.js +4 -3
- package/dist/index.web.js.map +1 -1
- package/package.json +1 -1
- package/packages/dof-mask/index.vue +1 -3
package/dist/index.web.js
CHANGED
|
@@ -7278,6 +7278,9 @@ class WeexTheme {
|
|
|
7278
7278
|
action: 'requestState',
|
|
7279
7279
|
id: this._id
|
|
7280
7280
|
})
|
|
7281
|
+
|
|
7282
|
+
if (weex && weex.config && weex.config.env && weex.config.env.platform == "harmony") return
|
|
7283
|
+
|
|
7281
7284
|
setTimeout(() => {
|
|
7282
7285
|
// 关闭引用其他页面的 state，降低性能消耗
|
|
7283
7286
|
UseResponseState = false
|
|
@@ -8224,7 +8227,7 @@ exports = module.exports = __webpack_require__(0)(true);
|
|
|
8224
8227
|
|
|
8225
8228
|
|
|
8226
8229
|
// module
|
|
8227
|
-
exports.push([module.i, "\n.container[data-v-2bc0ee67] {\n position: fixed;\n /* width: 750px; */\n /*兼容H5异常*/\n z-index: 99999;\n}\n.dof-mask[data-v-2bc0ee67] {\n position: fixed;\n z-index: 1003;\n}\n.mask-bottom[data-v-2bc0ee67] {\n margin-top: 1.22667rem;\n background-color: transparent;\n /* background-color: #00A4F2; */\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.closeIcon[data-v-2bc0ee67] {\n width: 0.93333rem;\n height: 0.93333rem;\n z-index: 999;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-mask/index.vue?
|
|
8230
|
+
exports.push([module.i, "\n.container[data-v-2bc0ee67] {\n position: fixed;\n /* width: 750px; */\n /*兼容H5异常*/\n z-index: 99999;\n}\n.dof-mask[data-v-2bc0ee67] {\n position: fixed;\n z-index: 1003;\n}\n.mask-bottom[data-v-2bc0ee67] {\n margin-top: 1.22667rem;\n background-color: transparent;\n /* background-color: #00A4F2; */\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.closeIcon[data-v-2bc0ee67] {\n width: 0.93333rem;\n height: 0.93333rem;\n z-index: 999;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-mask/index.vue?5aa0cdb6"],"names":[],"mappings":";AAsBA;EACA,gBAAA;EACA,mBAAA;EACA,UAAA;EACA,eAAA;CACA;AAEA;EACA,gBAAA;EACA,cAAA;CACA;AAEA;EACA,uBAAA;EACA,8BAAA;EACA,gCAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;CACA;AAEA;EACA,kBAAA;EACA,mBAAA;EACA,aAAA;CACA","file":"index.vue","sourcesContent":["<template>\n <div class=\"container\">\n <dof-overlay\n :show=\"show && hasOverlay\"\n v-if=\"show\"\n v-bind=\"mergeOverlayCfg\"\n :opacity=\"opacity\"\n @dofOverlayBodyClicked=\"dofOverlayBodyClicked\"\n ></dof-overlay>\n <div ref=\"dof-mask\" class=\"dof-mask\" v-if=\"show\" :hack=\"shouldShow\" :style=\"maskStyle\">\n <div :style=\"contentStyle\">\n <slot></slot>\n </div>\n <div class=\"mask-bottom\" :style=\"{ width: width + 'px' }\" v-if=\"showClose\">\n <!-- <dof-image :src=\"closeIcon\" :placeholder='closeIcon' @click=\"cancel\" class=\"closeIcon\"></dof-image> -->\n <image class=\"closeIcon\" @click=\"cancel\" :placeholder=\"localCloseIcon\" :src=\"closeIcon\"></image>\n </div>\n </div>\n </div>\n</template>\n\n<style scoped>\n.container {\n position: fixed;\n /* width: 750px; */\n /*兼容H5异常*/\n z-index: 99999;\n}\n\n.dof-mask {\n position: fixed;\n z-index: 1003;\n}\n\n.mask-bottom {\n margin-top: 92px;\n background-color: transparent;\n /* background-color: #00A4F2; */\n justify-content: center;\n align-items: center;\n}\n\n.closeIcon {\n width: 70px;\n height: 70px;\n z-index: 999;\n}\n</style>\n\n<script>\nconst animation = weex.requireModule('animation')\nimport DofOverlay from '../dof-overlay'\nimport DofImage from '../dof-image'\nimport Icon from '../setting/icon.base64'\nconst modal = weex.requireModule('modal')\n\nexport default {\n components: { DofOverlay, DofImage },\n props: {\n height: {\n type: [String, Number],\n default: 800\n },\n width: {\n type: [String, Number],\n default: 540\n },\n top: {\n type: Number,\n default: 0\n },\n show: {\n type: Boolean,\n default: false\n },\n showClose: {\n type: Boolean,\n default: true\n },\n duration: {\n type: [String, Number],\n default: 300\n },\n hasOverlay: {\n type: Boolean,\n default: true\n },\n hasAnimation: {\n type: Boolean,\n default: true\n },\n timingFunction: {\n type: Array,\n default: () => ['ease-in', 'ease-out']\n },\n overlayCfg: {\n type: Object,\n default: () => ({\n hasAnimation: true,\n // timingFunction: ['ease-in', 'ease-out'],\n timingFunction: 'cubic-bezier(0.25, 0.1, 0.25, 1.0)',\n canAutoClose: false,\n duration: 300,\n opacity: 0.3\n })\n },\n borderRadius: {\n type: [String, Number],\n default: 32\n },\n // overlayCanClose: {\n // type: Boolean,\n // default: true\n // },\n maskBgColor: {\n type: String,\n // default: '#ffffff'\n default: 'transparent'\n },\n opacity: {\n type: [Number, String],\n default: 0.3\n },\n screenWidth: {\n type: Number,\n default: 750\n }\n },\n data: () => ({\n localCloseIcon: '/assets/img/check/home_ic_closepop@3x.png',\n closeIcon: Icon.closeIcon,\n maskTop: 264,\n opened: false\n }),\n computed: {\n mergeOverlayCfg() {\n return {\n ...this.overlayCfg,\n hasAnimation: this.hasAnimation\n }\n },\n maskStyle() {\n const { width, height, showClose, hasAnimation, opened, top, screenWidth } = this\n const newHeight = showClose ? height - 0 + 180 : height\n const { deviceHeight, deviceWidth, platform } = weex.config.env\n const _deviceHeight = deviceHeight || 1334\n const isWeb = typeof window === 'object' && platform.toLowerCase() === 'web'\n const navHeight = isWeb ? 0 : 130\n const pageHeight = (_deviceHeight / deviceWidth) * screenWidth - navHeight\n return {\n width: width + 'px',\n height: newHeight + 'px',\n left: (screenWidth - width) / 2 + 'px',\n top: (top || (pageHeight - height) / 2) + 'px',\n opacity: hasAnimation && !opened ? 0 : 1\n }\n },\n contentStyle() {\n return {\n width: this.width + 'px',\n backgroundColor: this.maskBgColor,\n height: this.height + 'px',\n borderRadius: this.borderRadius + 'px',\n overflow: 'hidden'\n }\n },\n shouldShow() {\n const { show, hasAnimation } = this\n hasAnimation &&\n setTimeout(() => {\n this.appearMask(show)\n }, 50)\n return show\n }\n },\n methods: {\n // bottombar click to close\n closeIconClicked() {\n console.log('closeIconClicked...')\n this.appearMask(false)\n },\n\n onImageLoad(event) {\n modal.toast({\n message: `event:${JSON.stringify(event)}`\n })\n if (event.success) {\n // Do something to hanlde success\n }\n },\n\n cancel() {\n this.appearMask(false)\n },\n\n dofOverlayBodyClicked() {\n // console.log(\"mergeOverlayCfg\",this.mergeOverlayCfg)\n console.log('this.overlayCfg.overlayCanClose', this.mergeOverlayCfg.canAutoClose)\n if (this.mergeOverlayCfg.canAutoClose) {\n this.show && this.appearMask(false)\n }\n },\n needEmit(bool = false) {\n this.opened = bool\n !bool && this.$emit('dofMaskSetHidden', {})\n },\n appearMask(bool, duration = this.duration) {\n const { hasAnimation, timingFunction } = this\n const maskEl = this.$refs['dof-mask']\n if (hasAnimation && maskEl) {\n animation.transition(\n maskEl,\n {\n styles: {\n opacity: bool ? 1 : 0\n },\n duration,\n timingFunction: timingFunction[bool ? 0 : 1],\n delay: 0\n },\n () => {\n this.needEmit(bool)\n }\n )\n } else {\n this.needEmit(bool)\n }\n }\n }\n}\n</script>\n"],"sourceRoot":""}]);
|
|
8228
8231
|
|
|
8229
8232
|
// exports
|
|
8230
8233
|
|
|
@@ -19638,8 +19641,6 @@ exports.default = {
|
|
|
19638
19641
|
height: this.height + 'px',
|
|
19639
19642
|
borderRadius: this.borderRadius + 'px',
|
|
19640
19643
|
overflow: 'hidden'
|
|
19641
|
-
// backgroundImage: "../../assets/img/image/activity.png",
|
|
19642
|
-
// backgroundRepeat: "no-repeat",
|
|
19643
19644
|
};
|
|
19644
19645
|
},
|
|
19645
19646
|
shouldShow: function shouldShow() {
|