dolphin-weex-ui 2.2.8 → 2.2.10

package/dist/index.web.js

@@ -8714,7 +8714,7 @@ exports = module.exports = __webpack_require__(0)(true);
 
 
 // module
-exports.push([module.i, "\n.container[data-v-59d06228] {\n  /* width: 750px; */\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}\n\n/* .mask {\n    top: 0;\n    width: 750px;\n    justify-content: center;\n    align-items: center;\n} */\n.dofModalWrapper[data-v-59d06228] {\n  position: fixed;\n  top: 0px;\n  bottom: 0px;\n  left: 0px;\n  right: 0px;\n  /* width: 750px; */\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}\n.modal-box[data-v-59d06228] {\n  /* background-color: #ffffff; */\n  width: 7.2rem;\n  /* border-radius: 26px; */\n  z-index: 100;\n  position: relative;\n}\n.modal-content[data-v-59d06228] {\n  padding-top: 0.48rem;\n  padding-bottom: 0.42667rem;\n  padding-left: 0.42667rem;\n  padding-right: 0.42667rem;\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: column;\n          flex-direction: column;\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.content-title[data-v-59d06228] {\n  font-family: PingFangSC-Medium;\n  color: #000000;\n  font-size: 0.42667rem;\n  text-align: center;\n  /* margin-bottom: 24px; */\n  line-height: 0.64rem;\n\n  lines: 1;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  word-break: break-all;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  -webkit-line-clamp: 1;\n}\n.content-image[data-v-59d06228] {\n  width: 6.34667rem;\n  height: 6.34667rem;\n}\n.content-subtext[data-v-59d06228] {\n  font-family: PingFangSC-Regular;\n  /* color: #111111; */\n  font-size: 0.34667rem;\n  line-height: 0.42667rem;\n  margin-top: 0.21333rem;\n  text-align: center;\n}\n.search-bar-input[data-v-59d06228] {\n  padding-top: 0;\n  padding-bottom: 0;\n  padding-right: 0.13333rem;\n  padding-left: 0.13333rem;\n  margin-top: 0.53333rem;\n  font-size: 0.37333rem;\n  width: 6.34667rem;\n  /* height: 48px; */\n  height: 0.85333rem;\n  line-height: 0.85333rem;\n  background-color: #ffffff;\n  placeholder-color: #8c8c8c;\n  /* border: 2px solid #9F9F9F;  无效 */\n  border-color: #9f9f9f;\n  border-width: 1px;\n  border-style: solid;\n}\n.search-bar-input[data-v-59d06228]::-webkit-input-placeholder {\n  color: #8c8c8c;\n}\n.search-bar-input[data-v-59d06228]:-moz-placeholder {\n  color: #8c8c8c;\n}\n.search-bar-input[data-v-59d06228]::-moz-placeholder {\n  color: #8c8c8c;\n}\n.search-bar-input[data-v-59d06228]:-ms-input-placeholder {\n  color: #8c8c8c;\n}\n.search-bar-input[data-v-59d06228]:placeholder-shown {\n  color: #8c8c8c;\n}\n\n/* weex-native中无效 */\n/* input::-webkit-input-placeholder{\n    color: #8C8C8C;\n  } */\n.search-bar-input[data-v-59d06228]:active {\n  border: 1px solid #9f9f9f !important;\n}\n.modal-footer[data-v-59d06228] {\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  /* border-top-color: #c8c7cc; */\n  border-top-width: 1px;\n  /*H5处理兼容*/\n}\n.footer-btn[data-v-59d06228] {\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  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n          flex: 1;\n  height: 1.2rem;\n  position: relative;\n}\n.cancel[data-v-59d06228] {\n  /* border-right-color: #c8c7cc; */\n  border-right-width: 1px;\n  /*H5处理兼容*/\n  border-right: 1px solid #f3f3f3;\n}\n.btn-text[data-v-59d06228] {\n  font-family: PingFangSC-Regular;\n  font-size: 0.48rem;\n  color: #666666;\n}\n.more-btn[data-v-59d06228] {\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: column;\n          flex-direction: column;\n}\n.footer-more-btn[data-v-59d06228] {\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: columns;\n          flex-direction: columns;\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  /* flex: 1; */\n  height: 1.2rem;\n  /* border-top-color: #c8c7cc; */\n  border-top-width: 1px;\n  position: relative;\n}\n.closeIconBox[data-v-59d06228] {\n  position: absolute;\n  width: 0.8rem;\n  height: 0.8rem;\n  top: 0.33333rem;\n  right: 0;\n}\n.closeIcon[data-v-59d06228] {\n  position: absolute;\n  width: 0.26667rem;\n  height: 0.26667rem;\n  bottom: 0px;\n  left: 0px;\n}\n.closeIconFont[data-v-59d06228] {\n  position: absolute;\n  left: 0;\n  bottom: 0;\n}\n.mask[data-v-59d06228] {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  bottom: 0px;\n  left: 0px;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-modal/index.vue?621242f9","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-modal/<no source>"],"names":[],"mappings":";AAgFA;EACA,mBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;CACA;;AAEA;;;;;IAKA;AACA;EACA,gBAAA;EACA,SAAA;EACA,YAAA;EACA,UAAA;EACA,WAAA;EACA,mBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;CACA;AACA;EACA,gCAAA;EACA,cAAA;EACA,0BAAA;EACA,aAAA;EACA,mBAAA;CACA;AAEA;EACA,qBAAA;EACA,2BAAA;EACA,yBAAA;EACA,0BAAA;EACA,qBAAA;EAAA,sBAAA;EAAA,cAAA;EACA,6BAAA;EAAA,8BAAA;EAAA,+BAAA;UAAA,uBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;CACA;AAEA;EACA,+BAAA;EACA,eAAA;EACA,sBAAA;EACA,mBAAA;EACA,0BAAA;EACA,qBAAA;;EAEA,SAAA;EACA,wBAAA;EACA,iBAAA;EACA,sBAAA;ECpIA,iBAAA;EAAA,wBAAA;EAAA,sBAAA;CDqIA;AAEA;EACA,kBAAA;EACA,mBAAA;CACA;AAEA;EACA,gCAAA;EACA,qBAAA;EACA,sBAAA;EACA,wBAAA;EACA,uBAAA;EACA,mBAAA;CACA;AAEA;EACA,eAAA;EACA,kBAAA;EACA,0BAAA;EACA,yBAAA;EACA,uBAAA;EACA,sBAAA;EACA,kBAAA;EACA,mBAAA;EACA,mBAAA;EACA,wBAAA;EACA,0BAAA;EACA,2BAAA;EACA,oCAAA;EACA,sBAAA;EACA,kBAAA;EACA,oBAAA;CACA;ACtKA;EAAA,eAAA;CAAA;AAAA;EAAA,eAAA;CAAA;AAAA;EAAA,eAAA;CAAA;AAAA;EAAA,eAAA;CAAA;AAAA;EAAA,eAAA;CAAA;;ADwKA,oBAAA;AACA;;MAEA;AAEA;EACA,qCAAA;CACA;AAEA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,gCAAA;EACA,sBAAA;EACA,UAAA;CACA;AAEA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA;EACA,eAAA;EACA,mBAAA;CACA;AAEA;EACA,kCAAA;EACA,wBAAA;EACA,UAAA;EACA,gCAAA;CACA;AAEA;EACA,gCAAA;EACA,mBAAA;EACA,eAAA;CACA;AAEA;EACA,6BAAA;EAAA,8BAAA;EAAA,+BAAA;UAAA,uBAAA;CACA;AAEA;EACA,6BAAA;EAAA,8BAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,cAAA;EACA,eAAA;EACA,gCAAA;EACA,sBAAA;EACA,mBAAA;CACA;AACA;EACA,mBAAA;EACA,cAAA;EACA,eAAA;EACA,gBAAA;EACA,SAAA;CACA;AACA;EACA,mBAAA;EACA,kBAAA;EACA,mBAAA;EACA,YAAA;EACA,UAAA;CACA;AACA;EACA,mBAAA;EACA,QAAA;EACA,UAAA;CACA;AACA;EACA,mBAAA;EACA,SAAA;EACA,WAAA;EACA,YAAA;EACA,UAAA;CACA","file":"index.vue","sourcesContent":["<template>\n  <div class=\"container\">\n    <dof-overlay :show=\"show\" :hasAnimation=\"false\" v-if=\"show\"></dof-overlay>\n    <div v-if=\"show\" class=\"dofModalWrapper\" @click=\"layoutClick\">\n      <div class=\"modal-box\" @click=\"() => {}\" :style=\"_modalStyle\">\n        <div class=\"modal-content\" :style=\"modalContentStyle\">\n          <slot name=\"title\">\n            <text v-if=\"title\" class=\"content-title\">{{ title }}</text>\n          </slot>\n          <slot name=\"image\">\n            <image v-if=\"image\" class=\"content-image\" resize=\"cover\" :src=\"image\" :style=\"imgStyle\"></image>\n          </slot>\n          <slot name=\"content\">\n            <text\n              v-if=\"content\"\n              class=\"content-subtext\"\n              :style=\"{\n                fontFamily: _isColmo ? 'PingFangSC-Regular' : title ? 'PingFangSC-Regular' : 'PingFangSC-Medium',\n                color: _subTextColor\n              }\"\n              >{{ content }}</text\n            >\n          </slot>\n          <slot name=\"input\">\n            <input v-if=\"hasInput\" :placeholder=\"placeholder\" v-model=\"inputContent\" class=\"search-bar-input\" />\n          </slot>\n        </div>\n\n        <div\n          v-if=\"btnGroup && btnGroup.length == 0\"\n          class=\"modal-footer\"\n          :style=\"{ borderTopColor: _modalFooterBorderColor }\"\n        >\n          <div class=\"footer-btn cancel\" v-if=\"!single\" :style=\"{ borderRightColor: _modalFooterBorderColor }\">\n            <text class=\"btn-text\" :style=\"{ color: _secondBtnColor }\">{{ cancelText }}</text>\n            <div class=\"mask\" @click=\"cancelClicked\"></div>\n          </div>\n          <div class=\"footer-btn confirm\">\n            <text\n              class=\"btn-text\"\n              :style=\"{\n                color: mainBtnColor ? mainBtnColor : _isColmo ? '#B35336' : '#267aff',\n                fontFamily: _isColmo ? 'PingFangSC-Regular' : 'PingFangSC-Medium'\n              }\"\n              >{{ confirmText }}</text\n            >\n            <div class=\"mask\" @click=\"primaryClicked\"></div>\n          </div>\n        </div>\n\n        <div v-if=\"btnGroup && btnGroup.length > 0\" class=\"more-btn\">\n          <div\n            class=\"footer-more-btn\"\n            :key=\"index\"\n            v-for=\"(item, index) in btnGroup\"\n            :style=\"{ borderTopColor: _modalFooterBorderColor }\"\n          >\n            <text class=\"btn-text\" :style=\"{ color: item.color ? item.color : _secondBtnColor }\">{{\n              item.text || item\n            }}</text>\n            <div class=\"mask\" @click=\"moreBtnClicked(index, item)\"></div>\n          </div>\n        </div>\n        <div class=\"closeIconBox\" v-if=\"closeIcon || isShowCloseIcon\" @click=\"closeIconClick\">\n          <image v-if=\"closeIcon\" :src=\"closeIcon\" class=\"closeIcon\"></image>\n          <dof-iconfont\n            v-else\n            class=\"closeIconFont\"\n            :code=\"'\\u4725'\"\n            :size=\"48\"\n            :color=\"_isColmo ? 'rgba(255,255,255,0.80)' : '#333'\"\n            @dofIconFontClicked=\"closeIconClick\"\n          ></dof-iconfont>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.container {\n  /* width: 750px; */\n  align-items: center;\n  justify-content: center;\n}\n\n/* .mask {\n    top: 0;\n    width: 750px;\n    justify-content: center;\n    align-items: center;\n} */\n.dofModalWrapper {\n  position: fixed;\n  top: 0px;\n  bottom: 0px;\n  left: 0px;\n  right: 0px;\n  /* width: 750px; */\n  align-items: center;\n  justify-content: center;\n}\n.modal-box {\n  /* background-color: #ffffff; */\n  width: 540px;\n  /* border-radius: 26px; */\n  z-index: 100;\n  position: relative;\n}\n\n.modal-content {\n  padding-top: 36px;\n  padding-bottom: 32px;\n  padding-left: 32px;\n  padding-right: 32px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.content-title {\n  font-family: PingFangSC-Medium;\n  color: #000000;\n  font-size: 32px;\n  text-align: center;\n  /* margin-bottom: 24px; */\n  line-height: 48px;\n\n  lines: 1;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  word-break: break-all;\n}\n\n.content-image {\n  width: 476px;\n  height: 476px;\n}\n\n.content-subtext {\n  font-family: PingFangSC-Regular;\n  /* color: #111111; */\n  font-size: 26px;\n  line-height: 32px;\n  margin-top: 16px;\n  text-align: center;\n}\n\n.search-bar-input {\n  padding-top: 0;\n  padding-bottom: 0;\n  padding-right: 10px;\n  padding-left: 10px;\n  margin-top: 40px;\n  font-size: 28px;\n  width: 476px;\n  /* height: 48px; */\n  height: 64px;\n  line-height: 64px;\n  background-color: #ffffff;\n  placeholder-color: #8c8c8c;\n  /* border: 2px solid #9F9F9F;  无效 */\n  border-color: #9f9f9f;\n  border-width: 1px;\n  border-style: solid;\n}\n\n/* weex-native中无效 */\n/* input::-webkit-input-placeholder{\n    color: #8C8C8C;\n  } */\n\n.search-bar-input:active {\n  border: 1px solid #9f9f9f !important;\n}\n\n.modal-footer {\n  flex-direction: row;\n  align-items: center;\n  /* border-top-color: #c8c7cc; */\n  border-top-width: 1px;\n  /*H5处理兼容*/\n}\n\n.footer-btn {\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  flex: 1;\n  height: 90px;\n  position: relative;\n}\n\n.cancel {\n  /* border-right-color: #c8c7cc; */\n  border-right-width: 1px;\n  /*H5处理兼容*/\n  border-right: 1px solid #f3f3f3;\n}\n\n.btn-text {\n  font-family: PingFangSC-Regular;\n  font-size: 36px;\n  color: #666666;\n}\n\n.more-btn {\n  flex-direction: column;\n}\n\n.footer-more-btn {\n  flex-direction: columns;\n  align-items: center;\n  justify-content: center;\n  /* flex: 1; */\n  height: 90px;\n  /* border-top-color: #c8c7cc; */\n  border-top-width: 1px;\n  position: relative;\n}\n.closeIconBox {\n  position: absolute;\n  width: 60px;\n  height: 60px;\n  top: 25px;\n  right: 0;\n}\n.closeIcon {\n  position: absolute;\n  width: 20px;\n  height: 20px;\n  bottom: 0px;\n  left: 0px;\n}\n.closeIconFont {\n  position: absolute;\n  left: 0;\n  bottom: 0;\n}\n.mask {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  bottom: 0px;\n  left: 0px;\n}\n</style>\n<style scoped src=\"./colmo.css\"></style>\n\n<script>\nimport DofOverlay from '../dof-overlay'\nimport DofIconfont from '../dof-iconfont'\nimport ColmoMixin from '../../mixins/colmo'\nexport default {\n  mixins: [ColmoMixin],\n  components: { DofOverlay, DofIconfont },\n  props: {\n    show: {\n      type: Boolean,\n      default: false\n    },\n    single: {\n      type: Boolean,\n      default: false\n    },\n    title: {\n      type: String,\n      default: ''\n    },\n    content: {\n      type: String,\n      default: ''\n    },\n    cancelText: {\n      type: String,\n      default: '取消'\n    },\n    confirmText: {\n      type: String,\n      default: '确定'\n    },\n    mainBtnColor: {\n      type: String,\n      default: ''\n    },\n    secondBtnColor: {\n      type: String,\n      default: ''\n    },\n    // add by lau\n    hasInput: {\n      type: [Boolean, String],\n      default: false\n    },\n    placeholder: {\n      type: String,\n      default: ''\n    },\n    inputContent: {\n      type: String,\n      default: ''\n    },\n    btnGroup: {\n      type: Array,\n      // default: ['确定','更多','取消']\n      default: () => []\n    },\n    // modal样式自定义\n    modalStyle: {\n      type: Object,\n      default: () => ({})\n    },\n    // modal-content样式自定义，适用于修改内部padding等需求\n    modalContentStyle: {\n      type: Object,\n      default: () => ({})\n    },\n    // 底部按钮边框颜色\n    modalFooterBorderColor: {\n      type: String,\n      default: ''\n    },\n    // subText 颜色\n    subTextColor: {\n      type: String,\n      default: ''\n    },\n    //是否展示图片\n    image: {\n      type: String,\n      default: ''\n    },\n    // 图片样式\n    imgStyle: {\n      type: Object,\n      default: () => ({})\n    },\n    // 右上角close图标\n    isShowCloseIcon: {\n      type: Boolean,\n      default: false\n    },\n    closeIcon: {\n      type: String,\n      default: ''\n    }\n  },\n  computed: {\n    _modalStyle() {\n      return {\n        borderRadius: this._isColmo ? '0px' : '26px',\n        backgroundColor: this._isColmo ? '#1c1e21' : '#fff',\n        ...this.modalStyle\n      }\n    },\n    _modalFooterBorderColor() {\n      if (this.modalFooterBorderColor) return this.modalFooterBorderColor\n      return this._isColmo ? 'rgba(255,255,255,0.1)' : '#c8c7cc'\n    },\n    _secondBtnColor() {\n      if (this.secondBtnColor) return this.secondBtnColor\n      return this._isColmo ? 'rgba(255,255,255,0.40)' : '#267aff'\n    },\n    _subTextColor() {\n      if (this.subTextColor) return this.subTextColor\n      return this._isColmo ? 'rgba(255,255,255,0.60)' : '#111111'\n    }\n  },\n  data: () => ({}),\n  created() {\n    var env = weex.config.env\n    this.pageHeight = (env.deviceHeight / env.deviceWidth) * 750\n  },\n  methods: {\n    cancelClicked() {\n      this.$emit('dofModalCancelBtnClicked', {\n        type: 'cancel',\n        content: this.inputContent\n      })\n    },\n    primaryClicked() {\n      this.$emit('dofModalConfirmBtnClicked', {\n        type: 'confirm',\n        content: this.inputContent\n      })\n    },\n    layoutClick() {\n      this.$emit('close', {})\n    },\n    closeIconClick() {\n      this.$emit('closeIconClicked', {})\n    },\n    // add by lau\n    moreBtnClicked(index, text) {\n      this.$emit('btnItemClicked', {\n        index,\n        text\n      })\n    }\n  }\n}\n</script>\n",null],"sourceRoot":""}]);
+exports.push([module.i, "\n.container[data-v-59d06228] {\n  /* width: 750px; */\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}\n\n/* .mask {\n    top: 0;\n    width: 750px;\n    justify-content: center;\n    align-items: center;\n} */\n.dofModalWrapper[data-v-59d06228] {\n  position: fixed;\n  top: 0px;\n  bottom: 0px;\n  left: 0px;\n  right: 0px;\n  /* width: 750px; */\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  z-index: 1000;\n}\n.modal-box[data-v-59d06228] {\n  /* background-color: #ffffff; */\n  width: 7.2rem;\n  /* border-radius: 26px; */\n  z-index: 100;\n  position: relative;\n}\n.modal-content[data-v-59d06228] {\n  padding-top: 0.48rem;\n  padding-bottom: 0.42667rem;\n  padding-left: 0.42667rem;\n  padding-right: 0.42667rem;\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: column;\n          flex-direction: column;\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.content-title[data-v-59d06228] {\n  font-family: PingFangSC-Medium;\n  color: #000000;\n  font-size: 0.42667rem;\n  text-align: center;\n  /* margin-bottom: 24px; */\n  line-height: 0.64rem;\n\n  lines: 1;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  word-break: break-all;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  -webkit-line-clamp: 1;\n}\n.content-image[data-v-59d06228] {\n  width: 6.34667rem;\n  height: 6.34667rem;\n}\n.content-subtext[data-v-59d06228] {\n  font-family: PingFangSC-Regular;\n  /* color: #111111; */\n  font-size: 0.34667rem;\n  line-height: 0.42667rem;\n  margin-top: 0.21333rem;\n  text-align: center;\n}\n.search-bar-input[data-v-59d06228] {\n  padding-top: 0;\n  padding-bottom: 0;\n  padding-right: 0.13333rem;\n  padding-left: 0.13333rem;\n  margin-top: 0.53333rem;\n  font-size: 0.37333rem;\n  width: 6.34667rem;\n  /* height: 48px; */\n  height: 0.85333rem;\n  line-height: 0.85333rem;\n  background-color: #ffffff;\n  placeholder-color: #8c8c8c;\n  /* border: 2px solid #9F9F9F;  无效 */\n  border-color: #9f9f9f;\n  border-width: 1px;\n  border-style: solid;\n}\n.search-bar-input[data-v-59d06228]::-webkit-input-placeholder {\n  color: #8c8c8c;\n}\n.search-bar-input[data-v-59d06228]:-moz-placeholder {\n  color: #8c8c8c;\n}\n.search-bar-input[data-v-59d06228]::-moz-placeholder {\n  color: #8c8c8c;\n}\n.search-bar-input[data-v-59d06228]:-ms-input-placeholder {\n  color: #8c8c8c;\n}\n.search-bar-input[data-v-59d06228]:placeholder-shown {\n  color: #8c8c8c;\n}\n\n/* weex-native中无效 */\n/* input::-webkit-input-placeholder{\n    color: #8C8C8C;\n  } */\n.search-bar-input[data-v-59d06228]:active {\n  border: 1px solid #9f9f9f !important;\n}\n.modal-footer[data-v-59d06228] {\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  /* border-top-color: #c8c7cc; */\n  border-top-width: 1px;\n  /*H5处理兼容*/\n}\n.footer-btn[data-v-59d06228] {\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  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n          flex: 1;\n  height: 1.2rem;\n  position: relative;\n}\n.cancel[data-v-59d06228] {\n  /* border-right-color: #c8c7cc; */\n  border-right-width: 1px;\n  /*H5处理兼容*/\n  border-right: 1px solid #f3f3f3;\n}\n.btn-text[data-v-59d06228] {\n  font-family: PingFangSC-Regular;\n  font-size: 0.48rem;\n  color: #666666;\n}\n.more-btn[data-v-59d06228] {\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: column;\n          flex-direction: column;\n}\n.footer-more-btn[data-v-59d06228] {\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: columns;\n          flex-direction: columns;\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  /* flex: 1; */\n  height: 1.2rem;\n  /* border-top-color: #c8c7cc; */\n  border-top-width: 1px;\n  position: relative;\n}\n.closeIconBox[data-v-59d06228] {\n  position: absolute;\n  width: 0.8rem;\n  height: 0.8rem;\n  top: 0.33333rem;\n  right: 0;\n}\n.closeIcon[data-v-59d06228] {\n  position: absolute;\n  width: 0.26667rem;\n  height: 0.26667rem;\n  bottom: 0px;\n  left: 0px;\n}\n.closeIconFont[data-v-59d06228] {\n  position: absolute;\n  left: 0;\n  bottom: 0;\n}\n.mask[data-v-59d06228] {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  bottom: 0px;\n  left: 0px;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-modal/index.vue?7071a298","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-modal/<no source>"],"names":[],"mappings":";AAgFA;EACA,mBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;CACA;;AAEA;;;;;IAKA;AACA;EACA,gBAAA;EACA,SAAA;EACA,YAAA;EACA,UAAA;EACA,WAAA;EACA,mBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,cAAA;CACA;AACA;EACA,gCAAA;EACA,cAAA;EACA,0BAAA;EACA,aAAA;EACA,mBAAA;CACA;AAEA;EACA,qBAAA;EACA,2BAAA;EACA,yBAAA;EACA,0BAAA;EACA,qBAAA;EAAA,sBAAA;EAAA,cAAA;EACA,6BAAA;EAAA,8BAAA;EAAA,+BAAA;UAAA,uBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;CACA;AAEA;EACA,+BAAA;EACA,eAAA;EACA,sBAAA;EACA,mBAAA;EACA,0BAAA;EACA,qBAAA;;EAEA,SAAA;EACA,wBAAA;EACA,iBAAA;EACA,sBAAA;ECrIA,iBAAA;EAAA,wBAAA;EAAA,sBAAA;CDsIA;AAEA;EACA,kBAAA;EACA,mBAAA;CACA;AAEA;EACA,gCAAA;EACA,qBAAA;EACA,sBAAA;EACA,wBAAA;EACA,uBAAA;EACA,mBAAA;CACA;AAEA;EACA,eAAA;EACA,kBAAA;EACA,0BAAA;EACA,yBAAA;EACA,uBAAA;EACA,sBAAA;EACA,kBAAA;EACA,mBAAA;EACA,mBAAA;EACA,wBAAA;EACA,0BAAA;EACA,2BAAA;EACA,oCAAA;EACA,sBAAA;EACA,kBAAA;EACA,oBAAA;CACA;ACvKA;EAAA,eAAA;CAAA;AAAA;EAAA,eAAA;CAAA;AAAA;EAAA,eAAA;CAAA;AAAA;EAAA,eAAA;CAAA;AAAA;EAAA,eAAA;CAAA;;ADyKA,oBAAA;AACA;;MAEA;AAEA;EACA,qCAAA;CACA;AAEA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,gCAAA;EACA,sBAAA;EACA,UAAA;CACA;AAEA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA;EACA,eAAA;EACA,mBAAA;CACA;AAEA;EACA,kCAAA;EACA,wBAAA;EACA,UAAA;EACA,gCAAA;CACA;AAEA;EACA,gCAAA;EACA,mBAAA;EACA,eAAA;CACA;AAEA;EACA,6BAAA;EAAA,8BAAA;EAAA,+BAAA;UAAA,uBAAA;CACA;AAEA;EACA,6BAAA;EAAA,8BAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,cAAA;EACA,eAAA;EACA,gCAAA;EACA,sBAAA;EACA,mBAAA;CACA;AACA;EACA,mBAAA;EACA,cAAA;EACA,eAAA;EACA,gBAAA;EACA,SAAA;CACA;AACA;EACA,mBAAA;EACA,kBAAA;EACA,mBAAA;EACA,YAAA;EACA,UAAA;CACA;AACA;EACA,mBAAA;EACA,QAAA;EACA,UAAA;CACA;AACA;EACA,mBAAA;EACA,SAAA;EACA,WAAA;EACA,YAAA;EACA,UAAA;CACA","file":"index.vue","sourcesContent":["<template>\n  <div class=\"container\">\n    <dof-overlay :show=\"show\" :hasAnimation=\"false\" v-if=\"show\"></dof-overlay>\n    <div v-if=\"show\" class=\"dofModalWrapper\" @click=\"layoutClick\">\n      <div class=\"modal-box\" @click=\"() => {}\" :style=\"_modalStyle\">\n        <div class=\"modal-content\" :style=\"modalContentStyle\">\n          <slot name=\"title\">\n            <text v-if=\"title\" class=\"content-title\">{{ title }}</text>\n          </slot>\n          <slot name=\"image\">\n            <image v-if=\"image\" class=\"content-image\" resize=\"cover\" :src=\"image\" :style=\"imgStyle\"></image>\n          </slot>\n          <slot name=\"content\">\n            <text\n              v-if=\"content\"\n              class=\"content-subtext\"\n              :style=\"{\n                fontFamily: _isColmo ? 'PingFangSC-Regular' : title ? 'PingFangSC-Regular' : 'PingFangSC-Medium',\n                color: _subTextColor\n              }\"\n              >{{ content }}</text\n            >\n          </slot>\n          <slot name=\"input\">\n            <input v-if=\"hasInput\" :placeholder=\"placeholder\" v-model=\"inputContent\" class=\"search-bar-input\" />\n          </slot>\n        </div>\n\n        <div\n          v-if=\"btnGroup && btnGroup.length == 0\"\n          class=\"modal-footer\"\n          :style=\"{ borderTopColor: _modalFooterBorderColor }\"\n        >\n          <div class=\"footer-btn cancel\" v-if=\"!single\" :style=\"{ borderRightColor: _modalFooterBorderColor }\">\n            <text class=\"btn-text\" :style=\"{ color: _secondBtnColor }\">{{ cancelText }}</text>\n            <div class=\"mask\" @click=\"cancelClicked\"></div>\n          </div>\n          <div class=\"footer-btn confirm\">\n            <text\n              class=\"btn-text\"\n              :style=\"{\n                color: mainBtnColor ? mainBtnColor : _isColmo ? '#B35336' : '#267aff',\n                fontFamily: _isColmo ? 'PingFangSC-Regular' : 'PingFangSC-Medium'\n              }\"\n              >{{ confirmText }}</text\n            >\n            <div class=\"mask\" @click=\"primaryClicked\"></div>\n          </div>\n        </div>\n\n        <div v-if=\"btnGroup && btnGroup.length > 0\" class=\"more-btn\">\n          <div\n            class=\"footer-more-btn\"\n            :key=\"index\"\n            v-for=\"(item, index) in btnGroup\"\n            :style=\"{ borderTopColor: _modalFooterBorderColor }\"\n          >\n            <text class=\"btn-text\" :style=\"{ color: item.color ? item.color : _secondBtnColor }\">{{\n              item.text || item\n            }}</text>\n            <div class=\"mask\" @click=\"moreBtnClicked(index, item)\"></div>\n          </div>\n        </div>\n        <div class=\"closeIconBox\" v-if=\"closeIcon || isShowCloseIcon\" @click=\"closeIconClick\">\n          <image v-if=\"closeIcon\" :src=\"closeIcon\" class=\"closeIcon\"></image>\n          <dof-iconfont\n            v-else\n            class=\"closeIconFont\"\n            :code=\"'\\u4725'\"\n            :size=\"48\"\n            :color=\"_isColmo ? 'rgba(255,255,255,0.80)' : '#333'\"\n            @dofIconFontClicked=\"closeIconClick\"\n          ></dof-iconfont>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.container {\n  /* width: 750px; */\n  align-items: center;\n  justify-content: center;\n}\n\n/* .mask {\n    top: 0;\n    width: 750px;\n    justify-content: center;\n    align-items: center;\n} */\n.dofModalWrapper {\n  position: fixed;\n  top: 0px;\n  bottom: 0px;\n  left: 0px;\n  right: 0px;\n  /* width: 750px; */\n  align-items: center;\n  justify-content: center;\n  z-index: 1000;\n}\n.modal-box {\n  /* background-color: #ffffff; */\n  width: 540px;\n  /* border-radius: 26px; */\n  z-index: 100;\n  position: relative;\n}\n\n.modal-content {\n  padding-top: 36px;\n  padding-bottom: 32px;\n  padding-left: 32px;\n  padding-right: 32px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.content-title {\n  font-family: PingFangSC-Medium;\n  color: #000000;\n  font-size: 32px;\n  text-align: center;\n  /* margin-bottom: 24px; */\n  line-height: 48px;\n\n  lines: 1;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  word-break: break-all;\n}\n\n.content-image {\n  width: 476px;\n  height: 476px;\n}\n\n.content-subtext {\n  font-family: PingFangSC-Regular;\n  /* color: #111111; */\n  font-size: 26px;\n  line-height: 32px;\n  margin-top: 16px;\n  text-align: center;\n}\n\n.search-bar-input {\n  padding-top: 0;\n  padding-bottom: 0;\n  padding-right: 10px;\n  padding-left: 10px;\n  margin-top: 40px;\n  font-size: 28px;\n  width: 476px;\n  /* height: 48px; */\n  height: 64px;\n  line-height: 64px;\n  background-color: #ffffff;\n  placeholder-color: #8c8c8c;\n  /* border: 2px solid #9F9F9F;  无效 */\n  border-color: #9f9f9f;\n  border-width: 1px;\n  border-style: solid;\n}\n\n/* weex-native中无效 */\n/* input::-webkit-input-placeholder{\n    color: #8C8C8C;\n  } */\n\n.search-bar-input:active {\n  border: 1px solid #9f9f9f !important;\n}\n\n.modal-footer {\n  flex-direction: row;\n  align-items: center;\n  /* border-top-color: #c8c7cc; */\n  border-top-width: 1px;\n  /*H5处理兼容*/\n}\n\n.footer-btn {\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  flex: 1;\n  height: 90px;\n  position: relative;\n}\n\n.cancel {\n  /* border-right-color: #c8c7cc; */\n  border-right-width: 1px;\n  /*H5处理兼容*/\n  border-right: 1px solid #f3f3f3;\n}\n\n.btn-text {\n  font-family: PingFangSC-Regular;\n  font-size: 36px;\n  color: #666666;\n}\n\n.more-btn {\n  flex-direction: column;\n}\n\n.footer-more-btn {\n  flex-direction: columns;\n  align-items: center;\n  justify-content: center;\n  /* flex: 1; */\n  height: 90px;\n  /* border-top-color: #c8c7cc; */\n  border-top-width: 1px;\n  position: relative;\n}\n.closeIconBox {\n  position: absolute;\n  width: 60px;\n  height: 60px;\n  top: 25px;\n  right: 0;\n}\n.closeIcon {\n  position: absolute;\n  width: 20px;\n  height: 20px;\n  bottom: 0px;\n  left: 0px;\n}\n.closeIconFont {\n  position: absolute;\n  left: 0;\n  bottom: 0;\n}\n.mask {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  bottom: 0px;\n  left: 0px;\n}\n</style>\n<style scoped src=\"./colmo.css\"></style>\n\n<script>\nimport DofOverlay from '../dof-overlay'\nimport DofIconfont from '../dof-iconfont'\nimport ColmoMixin from '../../mixins/colmo'\nexport default {\n  mixins: [ColmoMixin],\n  components: { DofOverlay, DofIconfont },\n  props: {\n    show: {\n      type: Boolean,\n      default: false\n    },\n    single: {\n      type: Boolean,\n      default: false\n    },\n    title: {\n      type: String,\n      default: ''\n    },\n    content: {\n      type: String,\n      default: ''\n    },\n    cancelText: {\n      type: String,\n      default: '取消'\n    },\n    confirmText: {\n      type: String,\n      default: '确定'\n    },\n    mainBtnColor: {\n      type: String,\n      default: ''\n    },\n    secondBtnColor: {\n      type: String,\n      default: ''\n    },\n    // add by lau\n    hasInput: {\n      type: [Boolean, String],\n      default: false\n    },\n    placeholder: {\n      type: String,\n      default: ''\n    },\n    inputContent: {\n      type: String,\n      default: ''\n    },\n    btnGroup: {\n      type: Array,\n      // default: ['确定','更多','取消']\n      default: () => []\n    },\n    // modal样式自定义\n    modalStyle: {\n      type: Object,\n      default: () => ({})\n    },\n    // modal-content样式自定义，适用于修改内部padding等需求\n    modalContentStyle: {\n      type: Object,\n      default: () => ({})\n    },\n    // 底部按钮边框颜色\n    modalFooterBorderColor: {\n      type: String,\n      default: ''\n    },\n    // subText 颜色\n    subTextColor: {\n      type: String,\n      default: ''\n    },\n    //是否展示图片\n    image: {\n      type: String,\n      default: ''\n    },\n    // 图片样式\n    imgStyle: {\n      type: Object,\n      default: () => ({})\n    },\n    // 右上角close图标\n    isShowCloseIcon: {\n      type: Boolean,\n      default: false\n    },\n    closeIcon: {\n      type: String,\n      default: ''\n    }\n  },\n  computed: {\n    _modalStyle() {\n      return {\n        borderRadius: this._isColmo ? '0px' : '26px',\n        backgroundColor: this._isColmo ? '#1c1e21' : '#fff',\n        ...this.modalStyle\n      }\n    },\n    _modalFooterBorderColor() {\n      if (this.modalFooterBorderColor) return this.modalFooterBorderColor\n      return this._isColmo ? 'rgba(255,255,255,0.1)' : '#c8c7cc'\n    },\n    _secondBtnColor() {\n      if (this.secondBtnColor) return this.secondBtnColor\n      return this._isColmo ? 'rgba(255,255,255,0.40)' : '#267aff'\n    },\n    _subTextColor() {\n      if (this.subTextColor) return this.subTextColor\n      return this._isColmo ? 'rgba(255,255,255,0.60)' : '#111111'\n    }\n  },\n  data: () => ({}),\n  created() {\n    var env = weex.config.env\n    this.pageHeight = (env.deviceHeight / env.deviceWidth) * 750\n  },\n  methods: {\n    cancelClicked() {\n      this.$emit('dofModalCancelBtnClicked', {\n        type: 'cancel',\n        content: this.inputContent\n      })\n    },\n    primaryClicked() {\n      this.$emit('dofModalConfirmBtnClicked', {\n        type: 'confirm',\n        content: this.inputContent\n      })\n    },\n    layoutClick() {\n      this.$emit('close', {})\n    },\n    closeIconClick() {\n      this.$emit('closeIconClicked', {})\n    },\n    // add by lau\n    moreBtnClicked(index, text) {\n      this.$emit('btnItemClicked', {\n        index,\n        text\n      })\n    }\n  }\n}\n</script>\n",null],"sourceRoot":""}]);
 
 // exports
 
@@ -8952,7 +8952,7 @@ exports = module.exports = __webpack_require__(0)(true);
 
 
 // module
-exports.push([module.i, "\n.midea-overlay[data-v-73a6d7ea] {\n  /* width: 750px; */\n  position: fixed;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  right: 0;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-overlay/index.vue?794c7916"],"names":[],"mappings":";AAOA;EACA,mBAAA;EACA,gBAAA;EACA,QAAA;EACA,OAAA;EACA,UAAA;EACA,SAAA;CACA","file":"index.vue","sourcesContent":["<template>\n  <div>\n    <div class=\"midea-overlay\" ref=\"midea-overlay\" v-if=\"show_\" @click=\"overlayClicked\" :style=\"overlayStyle\"></div>\n  </div>\n</template>\n\n<style scoped>\n.midea-overlay {\n  /* width: 750px; */\n  position: fixed;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  right: 0;\n}\n</style>\n\n<script>\nimport ColmoMixin from '../../mixins/colmo'\nconst animation = weex.requireModule('animation')\nexport default {\n  mixins: [ColmoMixin],\n  props: {\n    show: {\n      type: Boolean,\n      default: true\n    },\n    hasAnimation: {\n      type: Boolean,\n      default: true\n    },\n    duration: {\n      type: [Number, String],\n      default: 300\n    },\n    timingFunction: {\n      type: Array,\n      default: () => ['ease-in', 'ease-out']\n    },\n    opacity: {\n      type: [Number, String],\n      default: undefined\n    },\n    canAutoClose: {\n      type: Boolean,\n      default: true\n    }\n  },\n  data() {\n    return {\n      show_: false,\n      isIOS: weex.config.env.osName == 'iOS'\n    }\n  },\n  watch: {\n    show: {\n      handler(val) {\n        if (val) {\n          this.show_ = true\n          this.hasAnimation &&\n            setTimeout(() => {\n              this.appearOverlay(true)\n            }, 20)\n        } else {\n          this.hasAnimation && this.appearOverlay(false, this.duration, () => {})\n          setTimeout(() => {\n            this.show_ = false\n          }, 0)\n        }\n      },\n      immediate: true\n    }\n  },\n  computed: {\n    overlayStyle() {\n      return {\n        opacity: this.hasAnimation ? 0 : 1,\n        backgroundColor: this._isColmo ? `rgba(21, 21, 21,${this._opacity})` : `rgba(0, 0, 0,${this._opacity})`\n      }\n    },\n    _opacity() {\n      if (this.opacity !== undefined) return this.opacity\n      return this._isColmo ? 0.75 : 0.3\n    }\n  },\n  methods: {\n    overlayClicked(e) {\n      this.canAutoClose ? this.appearOverlay(false) : this.$emit('dofOverlayBodyClicked', {})\n    },\n    appearOverlay(bool, duration = this.duration, cb = () => {}) {\n      const { hasAnimation, timingFunction, canAutoClose } = this\n      const needEmit = !bool && canAutoClose\n      needEmit && this.$emit('dofOverlayBodyClicked', {})\n      const overlayEl = this.$refs['midea-overlay']\n      if (hasAnimation && overlayEl) {\n        animation.transition(\n          overlayEl,\n          {\n            styles: {\n              opacity: bool ? 1 : this.isIOS ? 0.05 : 0\n            },\n            duration,\n            timingFunction: timingFunction[bool ? 0 : 1],\n            delay: 0\n          },\n          () => {\n            cb()\n            needEmit && this.$emit('dofOverlayBodyClicked', {})\n          }\n        )\n      } else {\n        cb()\n        needEmit && this.$emit('dofOverlayBodyClicked', {})\n      }\n    }\n  }\n}\n</script>\n"],"sourceRoot":""}]);
+exports.push([module.i, "\n.midea-overlay[data-v-73a6d7ea] {\n  /* width: 750px; */\n  position: fixed;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  z-index: 1000;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-overlay/index.vue?5aa3310f"],"names":[],"mappings":";AAOA;EACA,mBAAA;EACA,gBAAA;EACA,QAAA;EACA,OAAA;EACA,UAAA;EACA,SAAA;EACA,cAAA;CACA","file":"index.vue","sourcesContent":["<template>\n  <div>\n    <div class=\"midea-overlay\" ref=\"midea-overlay\" v-if=\"show_\" @click=\"overlayClicked\" :style=\"overlayStyle\"></div>\n  </div>\n</template>\n\n<style scoped>\n.midea-overlay {\n  /* width: 750px; */\n  position: fixed;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  z-index: 1000;\n}\n</style>\n\n<script>\nimport ColmoMixin from '../../mixins/colmo'\nconst animation = weex.requireModule('animation')\nexport default {\n  mixins: [ColmoMixin],\n  props: {\n    show: {\n      type: Boolean,\n      default: true\n    },\n    hasAnimation: {\n      type: Boolean,\n      default: true\n    },\n    duration: {\n      type: [Number, String],\n      default: 300\n    },\n    timingFunction: {\n      type: Array,\n      default: () => ['ease-in', 'ease-out']\n    },\n    opacity: {\n      type: [Number, String],\n      default: undefined\n    },\n    canAutoClose: {\n      type: Boolean,\n      default: true\n    }\n  },\n  data() {\n    return {\n      show_: false,\n      isIOS: weex.config.env.osName == 'iOS'\n    }\n  },\n  watch: {\n    show: {\n      handler(val) {\n        if (val) {\n          this.show_ = true\n          this.hasAnimation &&\n            setTimeout(() => {\n              this.appearOverlay(true)\n            }, 20)\n        } else {\n          this.hasAnimation && this.appearOverlay(false, this.duration, () => {})\n          setTimeout(() => {\n            this.show_ = false\n          }, 0)\n        }\n      },\n      immediate: true\n    }\n  },\n  computed: {\n    overlayStyle() {\n      return {\n        opacity: this.hasAnimation ? 0 : 1,\n        backgroundColor: this._isColmo ? `rgba(21, 21, 21,${this._opacity})` : `rgba(0, 0, 0,${this._opacity})`\n      }\n    },\n    _opacity() {\n      if (this.opacity !== undefined) return this.opacity\n      return this._isColmo ? 0.75 : 0.3\n    }\n  },\n  methods: {\n    overlayClicked(e) {\n      this.canAutoClose ? this.appearOverlay(false) : this.$emit('dofOverlayBodyClicked', {})\n    },\n    appearOverlay(bool, duration = this.duration, cb = () => {}) {\n      const { hasAnimation, timingFunction, canAutoClose } = this\n      const needEmit = !bool && canAutoClose\n      needEmit && this.$emit('dofOverlayBodyClicked', {})\n      const overlayEl = this.$refs['midea-overlay']\n      if (hasAnimation && overlayEl) {\n        animation.transition(\n          overlayEl,\n          {\n            styles: {\n              opacity: bool ? 1 : this.isIOS ? 0.05 : 0\n            },\n            duration,\n            timingFunction: timingFunction[bool ? 0 : 1],\n            delay: 0\n          },\n          () => {\n            cb()\n            needEmit && this.$emit('dofOverlayBodyClicked', {})\n          }\n        )\n      } else {\n        cb()\n        needEmit && this.$emit('dofOverlayBodyClicked', {})\n      }\n    }\n  }\n}\n</script>\n"],"sourceRoot":""}]);
 
 // exports
 
@@ -9064,7 +9064,7 @@ exports = module.exports = __webpack_require__(0)(true);
 
 
 // module
-exports.push([module.i, "\n.indicator[data-v-7ecb2930] {\n  position: absolute;\n  item-color: rgba(255, 195, 0, .5);\n  item-selected-color: #ffc300;\n  item-size: 0.26667rem;\n  height: 0.26667rem;\n  bottom: 0.32rem;\n}\n.indicator .weex-indicator-item[data-v-7ecb2930] {\n  width: 0.26667rem;\n  height: 0.26667rem;\n}\n.indicator .weex-indicator-item.weex-indicator-item-active[data-v-7ecb2930] {\n  background-color: #ffc300;\n}\n.indicator .weex-indicator-item[data-v-7ecb2930] {\n  background-color: rgba(255, 195, 0, .5);\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-lightbox/index.vue?25abe080","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-lightbox/<input css 15>","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-lightbox/<input css 14>","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-lightbox/<input css 13>"],"names":[],"mappings":";AA6BA;EACA,mBAAA;EACA,kCAAA;EACA,6BAAA;EACA,sBAAA;EACA,mBAAA;EACA,gBAAA;CACA;ACnCA;EACE,kBAAY;EACZ,mBAAa;CACd;ACHD;EACE,0BAA0B;CAC3B;ACFD;EACE,wCAAwC;CACzC","file":"index.vue","sourcesContent":["<template>\n  <dof-mask :width=\"width\"\n            :height=\"height\"\n            aria-hidden=\"true\"\n            mask-bg-color=\"transparent\"\n            overlay-opacity=\"0.8\"\n            :show=\"show\"\n            :opacity='opacity'\n            :show-close=\"false\"\n            @dofMaskSetHidden=\"maskOverlayClick\">\n    <slider auto-play=\"false\"\n            v-if=\"show\"\n            :index=\"index\"\n            :interval=\"interval\"\n            :style=\"{ height: height  + 'px'}\">\n      <div v-for=\"(v,index) in imageList\"\n           :style=\"{ height: height  + 'px'}\"\n           :key=\"index\">\n        <image resize=\"cover\"\n               :src=\"v.src\"\n               :style=\"{ height: height + 'px', width: width  + 'px'}\"></image>\n      </div>\n      <indicator class=\"indicator\"\n                 :style=\"indicatorStyle\"></indicator>\n    </slider>\n  </dof-mask>\n</template>\n\n<style scoped>\n  .indicator {\n    position: absolute;\n    item-color: rgba(255, 195, 0, .5);\n    item-selected-color: #ffc300;\n    item-size: 20px;\n    height: 20px;\n    bottom: 24px;\n  }\n</style>\n\n<script>\n  import DofMask from '../dof-mask';\n\n  export default {\n    components: {\n      DofMask\n    },\n    props: {\n      width: {\n        type: [Number, String],\n        default: 750\n      },\n      height: {\n        type: [Number, String],\n        default: 750\n      },\n      show: {\n        type: Boolean,\n        default: false\n      },\n      imageList: Array,\n      indicatorColor: {\n        type: Object,\n        default: () => ({\n          'item-color': 'rgba(255, 195, 0, .5)',\n          'item-selected-color': '#ffc300',\n          'item-size': '20px'\n        })\n      },\n      index: {\n        type: [Number, String],\n        default: 0\n      },\n      interval: {\n        type: [Number, String],\n        default: 3000\n      },\n      opacity: {\n        type: [Number, String],\n        default: 0.6\n      }\n    },\n    computed: {\n      indicatorStyle () {\n        return {\n          width: this.width + 'px',\n          ...this.indicatorColor\n        };\n      }\n    },\n    methods: {\n      maskOverlayClick () {\n        this.$emit('dofLightboxOverlayClicked', {});\n      }\n    }\n  };\n</script>\n","\n.indicator .weex-indicator-item {\n  width: 20px;\n  height: 20px;\n}","\n.indicator .weex-indicator-item.weex-indicator-item-active {\n  background-color: #ffc300;\n}","\n.indicator .weex-indicator-item {\n  background-color: rgba(255, 195, 0, .5);\n}"],"sourceRoot":""}]);
+exports.push([module.i, "\n.indicator[data-v-7ecb2930] {\n  position: absolute;\n  item-color: rgba(255, 195, 0, .5);\n  item-selected-color: #ffc300;\n  item-size: 0.26667rem;\n  height: 0.26667rem;\n  bottom: 0.32rem;\n}\n.indicator .weex-indicator-item[data-v-7ecb2930] {\n  width: 0.26667rem;\n  height: 0.26667rem;\n}\n.indicator .weex-indicator-item.weex-indicator-item-active[data-v-7ecb2930] {\n  background-color: #ffc300;\n}\n.indicator .weex-indicator-item[data-v-7ecb2930] {\n  background-color: rgba(255, 195, 0, .5);\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-lightbox/index.vue?25abe080","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-lightbox/<input css 13>","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-lightbox/<input css 12>","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-lightbox/<input css 11>"],"names":[],"mappings":";AA6BA;EACA,mBAAA;EACA,kCAAA;EACA,6BAAA;EACA,sBAAA;EACA,mBAAA;EACA,gBAAA;CACA;ACnCA;EACE,kBAAY;EACZ,mBAAa;CACd;ACHD;EACE,0BAA0B;CAC3B;ACFD;EACE,wCAAwC;CACzC","file":"index.vue","sourcesContent":["<template>\n  <dof-mask :width=\"width\"\n            :height=\"height\"\n            aria-hidden=\"true\"\n            mask-bg-color=\"transparent\"\n            overlay-opacity=\"0.8\"\n            :show=\"show\"\n            :opacity='opacity'\n            :show-close=\"false\"\n            @dofMaskSetHidden=\"maskOverlayClick\">\n    <slider auto-play=\"false\"\n            v-if=\"show\"\n            :index=\"index\"\n            :interval=\"interval\"\n            :style=\"{ height: height  + 'px'}\">\n      <div v-for=\"(v,index) in imageList\"\n           :style=\"{ height: height  + 'px'}\"\n           :key=\"index\">\n        <image resize=\"cover\"\n               :src=\"v.src\"\n               :style=\"{ height: height + 'px', width: width  + 'px'}\"></image>\n      </div>\n      <indicator class=\"indicator\"\n                 :style=\"indicatorStyle\"></indicator>\n    </slider>\n  </dof-mask>\n</template>\n\n<style scoped>\n  .indicator {\n    position: absolute;\n    item-color: rgba(255, 195, 0, .5);\n    item-selected-color: #ffc300;\n    item-size: 20px;\n    height: 20px;\n    bottom: 24px;\n  }\n</style>\n\n<script>\n  import DofMask from '../dof-mask';\n\n  export default {\n    components: {\n      DofMask\n    },\n    props: {\n      width: {\n        type: [Number, String],\n        default: 750\n      },\n      height: {\n        type: [Number, String],\n        default: 750\n      },\n      show: {\n        type: Boolean,\n        default: false\n      },\n      imageList: Array,\n      indicatorColor: {\n        type: Object,\n        default: () => ({\n          'item-color': 'rgba(255, 195, 0, .5)',\n          'item-selected-color': '#ffc300',\n          'item-size': '20px'\n        })\n      },\n      index: {\n        type: [Number, String],\n        default: 0\n      },\n      interval: {\n        type: [Number, String],\n        default: 3000\n      },\n      opacity: {\n        type: [Number, String],\n        default: 0.6\n      }\n    },\n    computed: {\n      indicatorStyle () {\n        return {\n          width: this.width + 'px',\n          ...this.indicatorColor\n        };\n      }\n    },\n    methods: {\n      maskOverlayClick () {\n        this.$emit('dofLightboxOverlayClicked', {});\n      }\n    }\n  };\n</script>\n","\n.indicator .weex-indicator-item {\n  width: 20px;\n  height: 20px;\n}","\n.indicator .weex-indicator-item.weex-indicator-item-active {\n  background-color: #ffc300;\n}","\n.indicator .weex-indicator-item {\n  background-color: rgba(255, 195, 0, .5);\n}"],"sourceRoot":""}]);
 
 // exports
 
@@ -9428,7 +9428,7 @@ exports = module.exports = __webpack_require__(0)(true);
 
 
 // module
-exports.push([module.i, "\n.indicator {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: 0.66667rem;\n  item-color: rgba(255, 255, 255, 0.5);\n  item-selectedcolor: rgba(255, 255, 255, 1);\n  item-size: 0.18667rem;\n}\n.indicator .weex-indicator-item {\n  width: 0.18667rem;\n  height: 0.18667rem;\n}\n.indicator .weex-indicator-item {\n  background-color: rgba(255, 255, 255, 0.5);\n}\n.slider {\n  /* background-color: #f2f2f2; */\n  /* margin-left: 32px; */\n  border-radius: 0.21333rem;\n}\n.image {\n  border-radius: 0.21333rem;\n  background-color: #f2f2f2;\n}\n.div_out {\n  border-radius: 0.21333rem;\n  position: relative;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-swiper/index.vue?f583422e","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-swiper/<input css 12>","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-swiper/<input css 11>"],"names":[],"mappings":";AAiCA;EACA,mBAAA;EACA,UAAA;EACA,QAAA;EACA,SAAA;EACA,mBAAA;EACA,qCAAA;EACA,2CAAA;EACA,sBAAA;CACA;ACzCA;EACE,kBAAY;EACZ,mBAAa;CACd;ACHD;EACE,2CAA2C;CAC5C;AFwCD;EACA,gCAAA;EACA,wBAAA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;EACA,mBAAA;CACA","file":"index.vue","sourcesContent":["<template>\n  <div :style=\"{ marginLeft: divLeft, width: imgWidth }\" class=\"div_out\">\n    <slider\n      class=\"slider\"\n      :style=\"sliderStyle\"\n      :interval=\"interval\"\n      @change=\"change\"\n      :auto-play=\"autoplay\"\n      :infinite=\"infinite\"\n    >\n      <div v-for=\"(item, index) in slItems\" :key=\"index\" @click=\"imgClicked(item, index)\">\n        <image\n          :resize=\"imgResize\"\n          :style=\"{ width: imgWidth, height: imgHeight }\"\n          :src=\"item.url\"\n          :placeholder=\"phImgUrl\"\n          class=\"image\"\n        >\n        </image>\n      </div>\n      <indicator class=\"indicator\" :style=\"indicatorStyle\" v-if=\"showIndicator && !_isColmo\"></indicator>\n    </slider>\n    <div class=\"indicator-box\" v-if=\"showIndicator && _isColmo\">\n      <div\n        :class=\"['indicator-item', i === slItems.length - 1 && 'isLast', i == active && 'active']\"\n        v-for=\"(item, i) in slItems\"\n        :key=\"i\"\n      ></div>\n    </div>\n  </div>\n</template>\n\n<style>\n.indicator {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: 50px;\n  item-color: rgba(255, 255, 255, 0.5);\n  item-selectedcolor: rgba(255, 255, 255, 1);\n  item-size: 14px;\n}\n.slider {\n  /* background-color: #f2f2f2; */\n  /* margin-left: 32px; */\n  border-radius: 16px;\n}\n.image {\n  border-radius: 16px;\n  background-color: #f2f2f2;\n}\n.div_out {\n  border-radius: 16px;\n  position: relative;\n}\n</style>\n<style scoped src=\"./colmo.css\"></style>\n\n<script>\nconst icon = require('../setting/icon.base64')\nvar PLACEHOLDERIMAGE = icon['ic_img_null@2x']\nconst modal = weex.requireModule('modal')\nimport ColmoMixin from '../../mixins/colmo'\n\nexport default {\n  mixins: [ColmoMixin],\n  props: {\n    sliderStyle: {\n      type: Object,\n      default: () => ({\n        width: '686px',\n        height: '280px',\n        position: 'relative'\n      })\n    },\n    indicatorStyle: {\n      type: Object,\n      default: () => ({})\n    },\n    items: {\n      type: Array,\n      default: () => []\n    },\n    interval: {\n      type: Number,\n      default: 3000\n    },\n    autoplay: {\n      type: Boolean,\n      default: true\n    },\n    infinite: {\n      type: Boolean,\n      default: true\n    },\n    imgResize: {\n      type: String,\n      default: 'cover'\n    },\n    imgWidth: {\n      type: String,\n      default: '686px'\n    },\n    divLeft: {\n      type: String,\n      default: '32px'\n    },\n    imgHeight: {\n      type: String,\n      default: '280px'\n    },\n    showIndicator: {\n      type: Boolean,\n      default: true\n    },\n    phImgUrl: {\n      type: String,\n      default: PLACEHOLDERIMAGE\n    }\n  },\n  data: function() {\n    return {\n      slItems: [],\n      active: 0\n    }\n  },\n  created() {\n    if (this.items.length > 10) {\n      this.slItems.splice(0)\n      this.slItems = this.items.slice(0, 10)\n    } else if (this.items.length <= 10) {\n      this.slItems.splice(0)\n      this.slItems = this.items.slice(0)\n    }\n  },\n  methods: {\n    imgClicked(target, index) {\n      this.$emit('dofSwiperClicked', { target, index })\n    },\n    change(val) {\n      this.active = val.index\n    }\n  }\n}\n</script>\n","\n.indicator .weex-indicator-item {\n  width: 14px;\n  height: 14px;\n}","\n.indicator .weex-indicator-item {\n  background-color: rgba(255, 255, 255, 0.5);\n}"],"sourceRoot":""}]);
+exports.push([module.i, "\n.indicator {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: 0.66667rem;\n  item-color: rgba(255, 255, 255, 0.5);\n  item-selectedcolor: rgba(255, 255, 255, 1);\n  item-size: 0.18667rem;\n}\n.indicator .weex-indicator-item {\n  width: 0.18667rem;\n  height: 0.18667rem;\n}\n.indicator .weex-indicator-item {\n  background-color: rgba(255, 255, 255, 0.5);\n}\n.slider {\n  /* background-color: #f2f2f2; */\n  /* margin-left: 32px; */\n  border-radius: 0.21333rem;\n}\n.image {\n  border-radius: 0.21333rem;\n  background-color: #f2f2f2;\n}\n.div_out {\n  border-radius: 0.21333rem;\n  position: relative;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-swiper/index.vue?f583422e","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-swiper/<input css 15>","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-swiper/<input css 14>"],"names":[],"mappings":";AAiCA;EACA,mBAAA;EACA,UAAA;EACA,QAAA;EACA,SAAA;EACA,mBAAA;EACA,qCAAA;EACA,2CAAA;EACA,sBAAA;CACA;ACzCA;EACE,kBAAY;EACZ,mBAAa;CACd;ACHD;EACE,2CAA2C;CAC5C;AFwCD;EACA,gCAAA;EACA,wBAAA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;EACA,mBAAA;CACA","file":"index.vue","sourcesContent":["<template>\n  <div :style=\"{ marginLeft: divLeft, width: imgWidth }\" class=\"div_out\">\n    <slider\n      class=\"slider\"\n      :style=\"sliderStyle\"\n      :interval=\"interval\"\n      @change=\"change\"\n      :auto-play=\"autoplay\"\n      :infinite=\"infinite\"\n    >\n      <div v-for=\"(item, index) in slItems\" :key=\"index\" @click=\"imgClicked(item, index)\">\n        <image\n          :resize=\"imgResize\"\n          :style=\"{ width: imgWidth, height: imgHeight }\"\n          :src=\"item.url\"\n          :placeholder=\"phImgUrl\"\n          class=\"image\"\n        >\n        </image>\n      </div>\n      <indicator class=\"indicator\" :style=\"indicatorStyle\" v-if=\"showIndicator && !_isColmo\"></indicator>\n    </slider>\n    <div class=\"indicator-box\" v-if=\"showIndicator && _isColmo\">\n      <div\n        :class=\"['indicator-item', i === slItems.length - 1 && 'isLast', i == active && 'active']\"\n        v-for=\"(item, i) in slItems\"\n        :key=\"i\"\n      ></div>\n    </div>\n  </div>\n</template>\n\n<style>\n.indicator {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: 50px;\n  item-color: rgba(255, 255, 255, 0.5);\n  item-selectedcolor: rgba(255, 255, 255, 1);\n  item-size: 14px;\n}\n.slider {\n  /* background-color: #f2f2f2; */\n  /* margin-left: 32px; */\n  border-radius: 16px;\n}\n.image {\n  border-radius: 16px;\n  background-color: #f2f2f2;\n}\n.div_out {\n  border-radius: 16px;\n  position: relative;\n}\n</style>\n<style scoped src=\"./colmo.css\"></style>\n\n<script>\nconst icon = require('../setting/icon.base64')\nvar PLACEHOLDERIMAGE = icon['ic_img_null@2x']\nconst modal = weex.requireModule('modal')\nimport ColmoMixin from '../../mixins/colmo'\n\nexport default {\n  mixins: [ColmoMixin],\n  props: {\n    sliderStyle: {\n      type: Object,\n      default: () => ({\n        width: '686px',\n        height: '280px',\n        position: 'relative'\n      })\n    },\n    indicatorStyle: {\n      type: Object,\n      default: () => ({})\n    },\n    items: {\n      type: Array,\n      default: () => []\n    },\n    interval: {\n      type: Number,\n      default: 3000\n    },\n    autoplay: {\n      type: Boolean,\n      default: true\n    },\n    infinite: {\n      type: Boolean,\n      default: true\n    },\n    imgResize: {\n      type: String,\n      default: 'cover'\n    },\n    imgWidth: {\n      type: String,\n      default: '686px'\n    },\n    divLeft: {\n      type: String,\n      default: '32px'\n    },\n    imgHeight: {\n      type: String,\n      default: '280px'\n    },\n    showIndicator: {\n      type: Boolean,\n      default: true\n    },\n    phImgUrl: {\n      type: String,\n      default: PLACEHOLDERIMAGE\n    }\n  },\n  data: function() {\n    return {\n      slItems: [],\n      active: 0\n    }\n  },\n  created() {\n    if (this.items.length > 10) {\n      this.slItems.splice(0)\n      this.slItems = this.items.slice(0, 10)\n    } else if (this.items.length <= 10) {\n      this.slItems.splice(0)\n      this.slItems = this.items.slice(0)\n    }\n  },\n  methods: {\n    imgClicked(target, index) {\n      this.$emit('dofSwiperClicked', { target, index })\n    },\n    change(val) {\n      this.active = val.index\n    }\n  }\n}\n</script>\n","\n.indicator .weex-indicator-item {\n  width: 14px;\n  height: 14px;\n}","\n.indicator .weex-indicator-item {\n  background-color: rgba(255, 255, 255, 0.5);\n}"],"sourceRoot":""}]);
 
 // exports
 
@@ -9610,7 +9610,7 @@ exports = module.exports = __webpack_require__(0)(true);
 
 
 // module
-exports.push([module.i, "\n.bottom-border[data-v-f607d5d2] {\n  border-bottom-width: 1px;\n  border-color: #e5e5e8;\n}\n.dof-minibar[data-v-f607d5d2] {\n  width: 10rem;\n  display: -webkit-inline-box;\n  display: -webkit-inline-flex;\n  display: inline-flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-pack: justify;\n  -webkit-justify-content: space-between;\n          justify-content: space-between;\n  -webkit-box-align: stretch;\n  -webkit-align-items: stretch;\n          align-items: stretch;\n}\n.isFixed[data-v-f607d5d2] {\n  position: fixed;\n  top: 0;\n  left: 0;\n}\n.left[data-v-f607d5d2] {\n  width: 2.13333rem;\n  /* width: 64px; */\n  height: 1.17333rem;\n  padding-left: 0.42667rem;\n  -webkit-box-pack: center;\n  -webkit-justify-content: center;\n          justify-content: center;\n  /* margin-right: 12px; */\n}\n.middle-title-wrapper[data-v-f607d5d2] {\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n          flex: 1;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: column;\n          flex-direction: column;\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.middle-title[data-v-f607d5d2] {\n  font-family: PingFangSC-Medium;\n  /* width: 390px; */\n  lines: 1;\n  text-overflow: ellipsis;\n  font-size: 0.42667rem;\n  text-align: center;\n  letter-spacing: 0;\n  font-weight: 600;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  -webkit-line-clamp: 1;\n}\n.middle-sub-title[data-v-f607d5d2] {\n  font-family: PingFangSC-Medium;\n  width: 5.2rem;\n  lines: 1;\n  text-overflow: ellipsis;\n  font-size: 0.26667rem;\n  text-align: center;\n  letter-spacing: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  -webkit-line-clamp: 1;\n}\n.right[data-v-f607d5d2] {\n  width: 2.13333rem;\n  /* width: 84px; */\n  min-width: 1.12rem;\n  height: 1.17333rem;\n  padding-right: 0.42667rem;\n  -webkit-box-align: end;\n  -webkit-align-items: flex-end;\n          align-items: flex-end;\n  -webkit-box-pack: center;\n  -webkit-justify-content: center;\n          justify-content: center;\n}\n.left-button[data-v-f607d5d2] {\n  width: 0.77333rem;\n  height: 0.77333rem;\n}\n.right-button[data-v-f607d5d2] {\n  width: 0.77333rem;\n  height: 0.77333rem;\n}\n.icon-text[data-v-f607d5d2] {\n  font-size: 0.37333rem;\n  color: #111111;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-minibar/index.vue?8ec503ca","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-minibar/<no source>"],"names":[],"mappings":";AAgEA;EACA,yBAAA;EACA,sBAAA;CACA;AACA;EACA,aAAA;EACA,4BAAA;EAAA,6BAAA;EAAA,qBAAA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EAAA,uCAAA;UAAA,+BAAA;EACA,2BAAA;EAAA,6BAAA;UAAA,qBAAA;CACA;AACA;EACA,gBAAA;EACA,OAAA;EACA,QAAA;CACA;AAEA;EACA,kBAAA;EACA,kBAAA;EACA,mBAAA;EACA,yBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,yBAAA;CACA;AAEA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA;EACA,6BAAA;EAAA,8BAAA;EAAA,+BAAA;UAAA,uBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;CACA;AACA;EACA,+BAAA;EACA,mBAAA;EACA,SAAA;EACA,wBAAA;EACA,sBAAA;EACA,mBAAA;EACA,kBAAA;EACA,iBAAA;ECxGA,iBAAA;EAAA,wBAAA;EAAA,sBAAA;CDyGA;AACA;EACA,+BAAA;EACA,cAAA;EACA,SAAA;EACA,wBAAA;EACA,sBAAA;EACA,mBAAA;EACA,kBAAA;ECjHA,iBAAA;EAAA,wBAAA;EAAA,sBAAA;CDkHA;AAEA;EACA,kBAAA;EACA,kBAAA;EACA,mBAAA;EACA,mBAAA;EACA,0BAAA;EACA,uBAAA;EAAA,8BAAA;UAAA,sBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;CACA;AAEA;EACA,kBAAA;EACA,mBAAA;CACA;AAEA;EACA,kBAAA;EACA,mBAAA;CACA;AAEA;EACA,sBAAA;EACA,eAAA;CACA","file":"index.vue","sourcesContent":["<template>\n  <div\n    :class=\"['minibar-wrapper', hasBottomBorder && 'bottom-border', isFixed && 'isFixed']\"\n    :style=\"{ 'background-color': backgroundColor_ }\"\n    :key=\"_isColmo + 'minibar'\"\n  >\n    <div class=\"dof-minibar\" :style=\"newBarStyle\">\n      <div class=\"left\" @click=\"leftButtonClicked\" :aria-label=\"leftButtonBlindHelp\" :accessible=\"true\">\n        <slot name=\"left\">\n          <image :src=\"leftButton_\" v-if=\"leftButton_ && !leftText\" class=\"left-button\"></image>\n          <dof-iconfont\n            style=\"width: 58px;\"\n            v-if=\"!leftButton_ && !leftText && _isColmo\"\n            :code=\"'\\u4717'\"\n            :size=\"64\"\n            :color=\"'rgba(255,255,255,0.80)'\"\n            @dofIconFontClicked=\"leftButtonClicked\"\n          ></dof-iconfont>\n          <text v-if=\"leftText\" class=\"icon-text\" :style=\"newTextStyle\">{{ leftText }}</text>\n        </slot>\n      </div>\n      <slot name=\"middle\">\n        <div class=\"middle-title-wrapper\">\n          <text class=\"middle-title\" :style=\"newTextWrapStyle\" :aria-label=\"title ? title + '。文本。' : ''\">{{\n            title\n          }}</text>\n          <text\n            v-if=\"subTitle\"\n            class=\"middle-sub-title\"\n            :aria-label=\"subTitle ? subTitle + '。文本。' : ''\"\n            :style=\"newTextWrapStyleSubTitle\"\n            >{{ subTitle }}</text\n          >\n        </div>\n      </slot>\n      <div class=\"right\" @click=\"rightButtonClicked\">\n        <slot name=\"right\">\n          <image\n            v-if=\"rightButton_ && rightButton_ !== 'default' && !rightText\"\n            class=\"right-button\"\n            :src=\"rightButton_\"\n            :aria-hidden=\"true\"\n          ></image>\n          <dof-iconfont\n            class=\"right-button\"\n            v-if=\"rightButton_ === 'default' && _isColmo && !rightText\"\n            :code=\"'\\u4807'\"\n            :size=\"64\"\n            @dofIconFontClicked=\"rightButtonClicked\"\n          ></dof-iconfont>\n          <text\n            v-if=\"rightText\"\n            class=\"icon-text\"\n            :aria-label=\"rightText ? rightText + '。按钮。' : ''\"\n            :style=\"newTextStyle\"\n            >{{ rightText }}</text\n          >\n        </slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.bottom-border {\n  border-bottom-width: 1px;\n  border-color: #e5e5e8;\n}\n.dof-minibar {\n  width: 750px;\n  display: inline-flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: stretch;\n}\n.isFixed {\n  position: fixed;\n  top: 0;\n  left: 0;\n}\n\n.left {\n  width: 160px;\n  /* width: 64px; */\n  height: 88px;\n  padding-left: 32px;\n  justify-content: center;\n  /* margin-right: 12px; */\n}\n\n.middle-title-wrapper {\n  flex: 1;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n.middle-title {\n  font-family: PingFangSC-Medium;\n  /* width: 390px; */\n  lines: 1;\n  text-overflow: ellipsis;\n  font-size: 32px;\n  text-align: center;\n  letter-spacing: 0;\n  font-weight: 600;\n}\n.middle-sub-title {\n  font-family: PingFangSC-Medium;\n  width: 390px;\n  lines: 1;\n  text-overflow: ellipsis;\n  font-size: 20px;\n  text-align: center;\n  letter-spacing: 0;\n}\n\n.right {\n  width: 160px;\n  /* width: 84px; */\n  min-width: 84px;\n  height: 88px;\n  padding-right: 32px;\n  align-items: flex-end;\n  justify-content: center;\n}\n\n.left-button {\n  width: 58px;\n  height: 58px;\n}\n\n.right-button {\n  width: 58px;\n  height: 58px;\n}\n\n.icon-text {\n  font-size: 28px;\n  color: #111111;\n}\n</style>\n<style src=\"./colmo.css\"></style>\n\n<script>\nconst Navigator = weex.requireModule('navigator')\nconst platform = weex.config.env.platform.toLowerCase()\nimport Utils from '../utils'\nimport { back_black as backBlack, back_white as backWhite, icon_more as iconMore } from '../setting/icon.base64'\nimport { STYLE_MAP } from './style'\nimport DofIconfont from '../dof-iconfont'\nimport ColmoMixin from '../../mixins/colmo'\nexport default {\n  components: { DofIconfont },\n  mixins: [ColmoMixin],\n  props: {\n    isFixed: {\n      type: Boolean,\n      default: false\n    },\n    isImmersion: {\n      type: Boolean,\n      default: true\n    },\n    backgroundColor: {\n      type: String,\n      default: ''\n    },\n    hasBottomBorder: {\n      type: Boolean,\n      default: false\n    },\n    leftButton: {\n      type: String,\n      default: ''\n    },\n    textColor: {\n      type: String,\n      default: ''\n    },\n    rightButton: {\n      type: String,\n      default: ''\n    },\n    title: {\n      type: String,\n      default: '标题'\n    },\n    subTitle: {\n      type: String,\n      default: ''\n    },\n    leftText: {\n      type: String,\n      default: ''\n    },\n    rightText: {\n      type: String,\n      default: ''\n    },\n    useDefaultReturn: {\n      type: Boolean,\n      default: true\n    },\n    show: {\n      type: Boolean,\n      default: true\n    },\n    barStyle: {\n      type: Object\n    },\n    middleTextStyle: {\n      type: Object\n    }\n  },\n  created() {\n    this.isIPhoneX = Utils.env.isIPhoneX()\n  },\n  computed: {\n    themeStyle() {\n      const _theme = this._theme || 'default'\n      return STYLE_MAP[_theme] || {}\n    },\n    backgroundColor_() {\n      return this.backgroundColor ? this.backgroundColor : this.themeStyle.backgroundColor\n    },\n    leftButton_() {\n      return this.leftButton ? this.leftButton : !this._isColmo ? backBlack : ''\n    },\n    rightButton_() {\n      if (this.rightButton === 'default') {\n        return this._isColmo ? 'default' : iconMore\n      }\n      return this.rightButton ? this.rightButton : ''\n    },\n    leftButtonBlindHelp() {\n      return `${this.leftText || '返回'}。按钮。`\n    },\n    statusBarHeight: function() {\n      let result = '20'\n      if (weex.config.env.statusBarHeight) {\n        if (weex.config.env.platform === 'iOS') {\n          // iOS使用pt为单位\n          result = weex.config.env.statusBarHeight\n        } else {\n          // 安卓使用px为单位\n          result = weex.config.env.statusBarHeight / weex.config.env.scale\n        }\n      }\n      return result\n    },\n    newBarStyle() {\n      let result\n      const { barStyle, backgroundColor_ } = this\n      const backgroundColor = backgroundColor_\n      let isIPhoneSE = weex.config.env.deviceModel.substr(6) === '12,8'\n      // harmony\n      if (Utils.env.isHarmony())\n        return {\n          backgroundColor,\n          height: '44wx',\n          'padding-top': '20wx',\n          ...barStyle\n        }\n\n      if (this.isImmersion) {\n        // 全屏显示，weex自行处理状态栏高度\n        result = {\n          backgroundColor,\n          paddingTop: (isIPhoneSE ? 20 : this.statusBarHeight) + 'wx',\n          //   height: +this.statusBarHeight + 44 + 'wx',\n          ...barStyle\n        }\n      } else {\n        // 非全屏显示，app已处理状态栏高度\n        result = {\n          backgroundColor,\n          height: '44wx',\n          ...barStyle\n        }\n      }\n      return result\n    },\n    newTextWrapStyle() {\n      if (this.textColor) {\n        return {\n          color: this.textColor,\n          ...this.middleTextStyle\n        }\n      } else {\n        return {\n          color: this.themeStyle.middleTitleColor,\n          ...this.middleTextStyle\n        }\n      }\n    },\n    newTextWrapStyleSubTitle() {\n      if (this.textColor) {\n        return {\n          color: this.textColor\n        }\n      } else {\n        return {\n          color: this.themeStyle.middleSubTitleColor,\n          ...this.middleTextStyle\n        }\n      }\n    },\n    newTextStyle() {\n      if (this.textColor) {\n        return {\n          color: this.textColor,\n          marginLeft: '0px'\n        }\n      }\n      return {}\n    }\n  },\n  methods: {\n    leftButtonClicked() {\n      if (this.useDefaultReturn) {\n        Navigator.pop({}, e => {})\n      }\n      this.$emit('dofMinibarLeftButtonClicked', {})\n    },\n    rightButtonClicked() {\n      const hasRightContent = this.rightText || this.rightButton || (this.$slots && this.$slots.right)\n      hasRightContent && this.$emit('dofMinibarRightButtonClicked', {})\n    }\n  }\n}\n</script>\n",null],"sourceRoot":""}]);
+exports.push([module.i, "\n.bottom-border[data-v-f607d5d2] {\n  border-bottom-width: 1px;\n  border-color: #e5e5e8;\n}\n.dof-minibar[data-v-f607d5d2] {\n  width: 10rem;\n  display: -webkit-inline-box;\n  display: -webkit-inline-flex;\n  display: inline-flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-pack: justify;\n  -webkit-justify-content: space-between;\n          justify-content: space-between;\n  -webkit-box-align: stretch;\n  -webkit-align-items: stretch;\n          align-items: stretch;\n}\n.isFixed[data-v-f607d5d2] {\n  position: fixed;\n  top: 0;\n  left: 0;\n}\n.left[data-v-f607d5d2] {\n  width: 2.13333rem;\n  /* width: 64px; */\n  height: 1.17333rem;\n  padding-left: 0.42667rem;\n  -webkit-box-pack: center;\n  -webkit-justify-content: center;\n          justify-content: center;\n  /* margin-right: 12px; */\n}\n.middle-title-wrapper[data-v-f607d5d2] {\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n          flex: 1;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: column;\n          flex-direction: column;\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.middle-title[data-v-f607d5d2] {\n  font-family: PingFangSC-Medium;\n  /* width: 390px; */\n  lines: 1;\n  text-overflow: ellipsis;\n  font-size: 0.42667rem;\n  text-align: center;\n  letter-spacing: 0;\n  font-weight: 600;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  -webkit-line-clamp: 1;\n}\n.middle-sub-title[data-v-f607d5d2] {\n  font-family: PingFangSC-Medium;\n  width: 5.2rem;\n  lines: 1;\n  text-overflow: ellipsis;\n  font-size: 0.26667rem;\n  text-align: center;\n  letter-spacing: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  -webkit-line-clamp: 1;\n}\n.right[data-v-f607d5d2] {\n  width: 2.13333rem;\n  /* width: 84px; */\n  min-width: 1.12rem;\n  height: 1.17333rem;\n  padding-right: 0.42667rem;\n  -webkit-box-align: end;\n  -webkit-align-items: flex-end;\n          align-items: flex-end;\n  -webkit-box-pack: center;\n  -webkit-justify-content: center;\n          justify-content: center;\n}\n.left-button[data-v-f607d5d2] {\n  width: 0.77333rem;\n  height: 0.77333rem;\n}\n.right-button[data-v-f607d5d2] {\n  width: 0.77333rem;\n  height: 0.77333rem;\n}\n.icon-text[data-v-f607d5d2] {\n  font-size: 0.37333rem;\n  color: #111111;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-minibar/index.vue?2b2307b4","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-minibar/<no source>"],"names":[],"mappings":";AAgEA;EACA,yBAAA;EACA,sBAAA;CACA;AACA;EACA,aAAA;EACA,4BAAA;EAAA,6BAAA;EAAA,qBAAA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EAAA,uCAAA;UAAA,+BAAA;EACA,2BAAA;EAAA,6BAAA;UAAA,qBAAA;CACA;AACA;EACA,gBAAA;EACA,OAAA;EACA,QAAA;CACA;AAEA;EACA,kBAAA;EACA,kBAAA;EACA,mBAAA;EACA,yBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,yBAAA;CACA;AAEA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA;EACA,6BAAA;EAAA,8BAAA;EAAA,+BAAA;UAAA,uBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;CACA;AACA;EACA,+BAAA;EACA,mBAAA;EACA,SAAA;EACA,wBAAA;EACA,sBAAA;EACA,mBAAA;EACA,kBAAA;EACA,iBAAA;ECxGA,iBAAA;EAAA,wBAAA;EAAA,sBAAA;CDyGA;AACA;EACA,+BAAA;EACA,cAAA;EACA,SAAA;EACA,wBAAA;EACA,sBAAA;EACA,mBAAA;EACA,kBAAA;ECjHA,iBAAA;EAAA,wBAAA;EAAA,sBAAA;CDkHA;AAEA;EACA,kBAAA;EACA,kBAAA;EACA,mBAAA;EACA,mBAAA;EACA,0BAAA;EACA,uBAAA;EAAA,8BAAA;UAAA,sBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;CACA;AAEA;EACA,kBAAA;EACA,mBAAA;CACA;AAEA;EACA,kBAAA;EACA,mBAAA;CACA;AAEA;EACA,sBAAA;EACA,eAAA;CACA","file":"index.vue","sourcesContent":["<template>\n  <div\n    :class=\"['minibar-wrapper', hasBottomBorder && 'bottom-border', isFixed && 'isFixed']\"\n    :style=\"{ 'background-color': backgroundColor_ }\"\n    :key=\"_isColmo + 'minibar'\"\n  >\n    <div class=\"dof-minibar\" :style=\"newBarStyle\">\n      <div class=\"left\" @click=\"leftButtonClicked\" :aria-label=\"leftButtonBlindHelp\" :accessible=\"true\">\n        <slot name=\"left\">\n          <image :src=\"leftButton_\" v-if=\"leftButton_ && !leftText\" class=\"left-button\"></image>\n          <dof-iconfont\n            style=\"width: 58px;\"\n            v-if=\"!leftButton_ && !leftText && _isColmo\"\n            :code=\"'\\u4717'\"\n            :size=\"64\"\n            :color=\"'rgba(255,255,255,0.80)'\"\n            @dofIconFontClicked=\"leftButtonClicked\"\n          ></dof-iconfont>\n          <text v-if=\"leftText\" class=\"icon-text\" :style=\"newTextStyle\">{{ leftText }}</text>\n        </slot>\n      </div>\n      <slot name=\"middle\">\n        <div class=\"middle-title-wrapper\">\n          <text class=\"middle-title\" :style=\"newTextWrapStyle\" :aria-label=\"title ? title + '。文本。' : ''\">{{\n            title\n          }}</text>\n          <text\n            v-if=\"subTitle\"\n            class=\"middle-sub-title\"\n            :aria-label=\"subTitle ? subTitle + '。文本。' : ''\"\n            :style=\"newTextWrapStyleSubTitle\"\n            >{{ subTitle }}</text\n          >\n        </div>\n      </slot>\n      <div class=\"right\" @click=\"rightButtonClicked\">\n        <slot name=\"right\">\n          <image\n            v-if=\"rightButton_ && rightButton_ !== 'default' && !rightText\"\n            class=\"right-button\"\n            :src=\"rightButton_\"\n            :aria-hidden=\"true\"\n          ></image>\n          <dof-iconfont\n            class=\"right-button\"\n            v-if=\"rightButton_ === 'default' && _isColmo && !rightText\"\n            :code=\"'\\u4807'\"\n            :size=\"64\"\n            @dofIconFontClicked=\"rightButtonClicked\"\n          ></dof-iconfont>\n          <text\n            v-if=\"rightText\"\n            class=\"icon-text\"\n            :aria-label=\"rightText ? rightText + '。按钮。' : ''\"\n            :style=\"newTextStyle\"\n            >{{ rightText }}</text\n          >\n        </slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.bottom-border {\n  border-bottom-width: 1px;\n  border-color: #e5e5e8;\n}\n.dof-minibar {\n  width: 750px;\n  display: inline-flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: stretch;\n}\n.isFixed {\n  position: fixed;\n  top: 0;\n  left: 0;\n}\n\n.left {\n  width: 160px;\n  /* width: 64px; */\n  height: 88px;\n  padding-left: 32px;\n  justify-content: center;\n  /* margin-right: 12px; */\n}\n\n.middle-title-wrapper {\n  flex: 1;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n.middle-title {\n  font-family: PingFangSC-Medium;\n  /* width: 390px; */\n  lines: 1;\n  text-overflow: ellipsis;\n  font-size: 32px;\n  text-align: center;\n  letter-spacing: 0;\n  font-weight: 600;\n}\n.middle-sub-title {\n  font-family: PingFangSC-Medium;\n  width: 390px;\n  lines: 1;\n  text-overflow: ellipsis;\n  font-size: 20px;\n  text-align: center;\n  letter-spacing: 0;\n}\n\n.right {\n  width: 160px;\n  /* width: 84px; */\n  min-width: 84px;\n  height: 88px;\n  padding-right: 32px;\n  align-items: flex-end;\n  justify-content: center;\n}\n\n.left-button {\n  width: 58px;\n  height: 58px;\n}\n\n.right-button {\n  width: 58px;\n  height: 58px;\n}\n\n.icon-text {\n  font-size: 28px;\n  color: #111111;\n}\n</style>\n<style src=\"./colmo.css\"></style>\n\n<script>\nconst Navigator = weex.requireModule('navigator')\nconst platform = weex.config.env.platform.toLowerCase()\nimport Utils from '../utils'\nimport { back_black as backBlack, back_white as backWhite, icon_more as iconMore } from '../setting/icon.base64'\nimport { STYLE_MAP } from './style'\nimport DofIconfont from '../dof-iconfont'\nimport ColmoMixin from '../../mixins/colmo'\nexport default {\n  components: { DofIconfont },\n  mixins: [ColmoMixin],\n  props: {\n    isFixed: {\n      type: Boolean,\n      default: false\n    },\n    isImmersion: {\n      type: Boolean,\n      default: true\n    },\n    backgroundColor: {\n      type: String,\n      default: ''\n    },\n    hasBottomBorder: {\n      type: Boolean,\n      default: false\n    },\n    leftButton: {\n      type: String,\n      default: ''\n    },\n    textColor: {\n      type: String,\n      default: ''\n    },\n    rightButton: {\n      type: String,\n      default: ''\n    },\n    title: {\n      type: String,\n      default: '标题'\n    },\n    subTitle: {\n      type: String,\n      default: ''\n    },\n    leftText: {\n      type: String,\n      default: ''\n    },\n    rightText: {\n      type: String,\n      default: ''\n    },\n    useDefaultReturn: {\n      type: Boolean,\n      default: true\n    },\n    show: {\n      type: Boolean,\n      default: true\n    },\n    barStyle: {\n      type: Object\n    },\n    middleTextStyle: {\n      type: Object\n    }\n  },\n  created() {\n    this.isIPhoneX = Utils.env.isIPhoneX()\n  },\n  computed: {\n    themeStyle() {\n      const _theme = this._theme || 'default'\n      return STYLE_MAP[_theme] || {}\n    },\n    backgroundColor_() {\n      return this.backgroundColor ? this.backgroundColor : this.themeStyle.backgroundColor\n    },\n    leftButton_() {\n      return this.leftButton ? this.leftButton : !this._isColmo ? backBlack : ''\n    },\n    rightButton_() {\n      if (this.rightButton === 'default') {\n        return this._isColmo ? 'default' : iconMore\n      }\n      return this.rightButton ? this.rightButton : ''\n    },\n    leftButtonBlindHelp() {\n      return `${this.leftText || '返回'}。按钮。`\n    },\n    statusBarHeight: function() {\n      let result = '20'\n      if (weex.config.env.statusBarHeight) {\n        if (weex.config.env.platform === 'iOS' || weex.config.env.platform == 'harmony') {\n          // iOS使用pt为单位\n          result = weex.config.env.statusBarHeight\n        } else {\n          // 安卓使用px为单位\n          result = weex.config.env.statusBarHeight / weex.config.env.scale\n        }\n      }\n      return result\n    },\n    newBarStyle() {\n      let result\n      const { barStyle, backgroundColor_ } = this\n      const backgroundColor = backgroundColor_\n      let isIPhoneSE = weex.config.env.deviceModel.substr(6) === '12,8'\n      // harmony\n      if (Utils.env.isHarmony())\n        return {\n          backgroundColor,\n          height: +this.statusBarHeight + 44 + 'wx',\n          'padding-top': this.statusBarHeight + 'wx',\n          ...barStyle\n        }\n\n      if (this.isImmersion) {\n        // 全屏显示，weex自行处理状态栏高度\n        result = {\n          backgroundColor,\n          paddingTop: (isIPhoneSE ? 20 : this.statusBarHeight) + 'wx',\n          //   height: +this.statusBarHeight + 44 + 'wx',\n          ...barStyle\n        }\n      } else {\n        // 非全屏显示，app已处理状态栏高度\n        result = {\n          backgroundColor,\n          height: '44wx',\n          ...barStyle\n        }\n      }\n      return result\n    },\n    newTextWrapStyle() {\n      if (this.textColor) {\n        return {\n          color: this.textColor,\n          ...this.middleTextStyle\n        }\n      } else {\n        return {\n          color: this.themeStyle.middleTitleColor,\n          ...this.middleTextStyle\n        }\n      }\n    },\n    newTextWrapStyleSubTitle() {\n      if (this.textColor) {\n        return {\n          color: this.textColor\n        }\n      } else {\n        return {\n          color: this.themeStyle.middleSubTitleColor,\n          ...this.middleTextStyle\n        }\n      }\n    },\n    newTextStyle() {\n      if (this.textColor) {\n        return {\n          color: this.textColor,\n          marginLeft: '0px'\n        }\n      }\n      return {}\n    }\n  },\n  methods: {\n    leftButtonClicked() {\n      if (this.useDefaultReturn) {\n        Navigator.pop({}, e => {})\n      }\n      this.$emit('dofMinibarLeftButtonClicked', {})\n    },\n    rightButtonClicked() {\n      const hasRightContent = this.rightText || this.rightButton || (this.$slots && this.$slots.right)\n      hasRightContent && this.$emit('dofMinibarRightButtonClicked', {})\n    }\n  }\n}\n</script>\n",null],"sourceRoot":""}]);
 
 // exports
 
@@ -19937,7 +19937,7 @@ exports.default = {
     statusBarHeight: function statusBarHeight() {
       var result = '20';
       if (weex.config.env.statusBarHeight) {
-        if (weex.config.env.platform === 'iOS') {
+        if (weex.config.env.platform === 'iOS' || weex.config.env.platform == 'harmony') {
           // iOS使用pt为单位
           result = weex.config.env.statusBarHeight;
         } else {
@@ -19957,8 +19957,8 @@ exports.default = {
       // harmony
       if (_utils2.default.env.isHarmony()) return _extends({
         backgroundColor: backgroundColor,
-        height: '44wx',
-        'padding-top': '20wx'
+        height: +this.statusBarHeight + 44 + 'wx',
+        'padding-top': this.statusBarHeight + 'wx'
       }, barStyle);
 
       if (this.isImmersion) {
@@ -20283,6 +20283,7 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < argument
 //
 //
 //
+//
 
 var _dofOverlay = __webpack_require__(9);
 
@@ -21485,6 +21486,7 @@ var animation = weex.requireModule('animation'); //
 //
 //
 //
+//
 
 exports.default = {
   mixins: [_colmo2.default],