dolphin-weex-ui 2.4.13 → 2.4.15

package/dist/index.web.js

@@ -8430,7 +8430,7 @@ exports = module.exports = __webpack_require__(0)(true);
 
 
 // module
-exports.push([module.i, "\n.closeImg[data-v-397a5794] {\n  position: relative;\n}\n.closeBox[data-v-397a5794] {\n  width: 1.33333rem;\n  height: 0.66667rem;\n  position: absolute;\n  left: 0;\n}\n.dof-noticebar[data-v-397a5794] {\n  width: 10rem;\n  padding-top: 0.26667rem;\n  padding-bottom: 0.26667rem;\n  padding-left: 0.42667rem;\n  padding-right: 0.42667rem;\n  background-color: rgba(0, 0, 0, 0.1);\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: center;\n  -webkit-align-items: center;\n          align-items: center;\n}\n.dof-noticebar-center[data-v-397a5794] {\n  width: 10rem;\n  padding-top: 0.26667rem;\n  padding-bottom: 0.26667rem;\n  padding-left: 0.42667rem;\n  padding-right: 0.42667rem;\n  background-color: rgba(0, 0, 0, 0.1);\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-pack: center;\n  -webkit-justify-content: center;\n          justify-content: center;\n  -webkit-box-align: center;\n  -webkit-align-items: center;\n          align-items: center;\n}\n.noticebar-content[data-v-397a5794] {\n  font-family: 'PingFangSC-Regular';\n  font-size: 0.34667rem;\n  line-height: 0.45333rem;\n  color: #ffffff;\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n          flex: 1;\n  lines: 4;\n  text-align: justify;\n  word-break: break-all;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  -webkit-line-clamp: 4;\n}\n.noticebar-content-center[data-v-397a5794] {\n  font-family: 'PingFangSC-Regular';\n  font-size: 0.34667rem;\n  line-height: 0.45333rem;\n  color: #ffffff;\n  lines: 1;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  -webkit-line-clamp: 1;\n}\n.more-click-content[data-v-397a5794] {\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  margin-left: 0.21333rem;\n}\n.btnText[data-v-397a5794] {\n  font-size: 0.32rem;\n  color: #ffffff;\n  border-style: solid;\n  border-width: 0.02667rem;\n  /* border-color: #FFFFFF;    无效*/\n  /* border-top-color: #FFFFFF; */\n  border-top-color: rgba(255, 255, 255, 0.5);\n  border-bottom-color: rgba(255, 255, 255, 0.5);\n  border-left-color: rgba(255, 255, 255, 0.5);\n  border-right-color: rgba(255, 255, 255, 0.5);\n  border-radius: 0.64rem;\n  line-height: 0.64rem;\n  padding-left: 0.21333rem;\n  padding-right: 0.21333rem;\n  padding-top: 0.02667rem;\n}\n.mode-ICON[data-v-397a5794],\n.type-ICON[data-v-397a5794] {\n  width: 0.42667rem;\n  height: 0.42667rem;\n}\n.colmobtn-active-info[data-v-397a5794]:active {\n  background-color: rgba(255, 255, 255, 0.1);\n}\n.colmobtn-active-important[data-v-397a5794]:active {\n  background-color: rgba(255, 255, 255, 0.1);\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-noticebar/index.vue?e60c641a","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-noticebar/<no source>"],"names":[],"mappings":";AAwDA;EACA,mBAAA;CACA;AACA;EACA,kBAAA;EACA,mBAAA;EACA,mBAAA;EACA,QAAA;CACA;AACA;EACA,aAAA;EACA,wBAAA;EACA,2BAAA;EACA,yBAAA;EACA,0BAAA;EACA,qCAAA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EAAA,uCAAA;UAAA,+BAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;CACA;AAEA;EACA,aAAA;EACA,wBAAA;EACA,2BAAA;EACA,yBAAA;EACA,0BAAA;EACA,qCAAA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;CACA;AAEA;EACA,kCAAA;EACA,sBAAA;EACA,wBAAA;EACA,eAAA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA;EACA,SAAA;EACA,oBAAA;EACA,sBAAA;EACA,wBAAA;EClGA,iBAAA;EAAA,wBAAA;EAAA,sBAAA;CDmGA;AAEA;EACA,kCAAA;EACA,sBAAA;EACA,wBAAA;EACA,eAAA;EACA,SAAA;EACA,wBAAA;EC3GA,iBAAA;EAAA,wBAAA;EAAA,sBAAA;CD4GA;AAEA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,wBAAA;CACA;AAEA;EACA,mBAAA;EACA,eAAA;EACA,oBAAA;EACA,yBAAA;EACA,iCAAA;EACA,gCAAA;EACA,2CAAA;EACA,8CAAA;EACA,4CAAA;EACA,6CAAA;EACA,uBAAA;EACA,qBAAA;EACA,yBAAA;EACA,0BAAA;EACA,wBAAA;CACA;AAEA;;EAEA,kBAAA;EACA,mBAAA;CACA;AACA;EACA,2CAAA;CACA;AACA;EACA,2CAAA;CACA","file":"index.vue","sourcesContent":["<template>\n  <div\n    :class=\"[center ? 'dof-noticebar-center' : 'dof-noticebar']\"\n    v-if=\"show\"\n    @click=\"noticeBarClicked\"\n    :accessible=\"true\"\n    :style=\"noticebarStyle\"\n    :aria-label=\"notice\"\n  >\n    <image class=\"type-ICON\" :src=\"typeIcon\" style=\"margin-right:16px\"></image>\n    <!-- <dof-iconfont v-else-if=\"_theme == 'colmo'\" :code=\"'\\u4724'\" :color=\"colmoIconColor\" size=\"32\"></dof-iconfont> -->\n    <text :class=\"[center ? 'noticebar-content-center' : 'noticebar-content']\" :style=\"contentStyle\">{{ notice }}</text>\n    <div class=\"more-click-content\" v-if=\"mode\" :mode=\"mode\">\n      <text\n        v-if=\"(this.mode == 'btn' && btnText) || this.mode == 'all'\"\n        :class=\"['btnText', activeBtnText]\"\n        @click=\"noticeIconClicked\"\n        :style=\"btnTextStyle\"\n        >{{ btnText }}</text\n      >\n      <div v-if=\"this.mode == 'all'\" style=\"width:8px\"></div>\n      <div class=\"closeImg\">\n        <image\n          :style=\"{ opacity: _isDiablo ? 0.85 : 1 }\"\n          v-if=\"_theme !== 'colmo' && ((modeIcon && this.mode == 'closable') || this.mode == 'all')\"\n          class=\"mode-ICON\"\n          @click=\"closeIconClicked\"\n          :src=\"modeIcon\"\n        >\n        </image>\n        <dof-iconfont\n          v-else-if=\"_theme == 'colmo' && ((modeIcon && this.mode == 'closable') || this.mode == 'all')\"\n          :code=\"'\\u4725'\"\n          color=\"rgba(255,255,255,0.80)\"\n          size=\"50\"\n        ></dof-iconfont>\n        <div\n          class=\"closeBox\"\n          @click=\"closeIconClicked\"\n          v-if=\"(modeIcon && this.mode == 'closable') || this.mode == 'all'\"\n        ></div>\n      </div>\n      <div class=\"linkBox\">\n        <image v-if=\"_theme !== 'colmo' && linkIcon && this.mode == 'link'\" class=\"mode-ICON\" :src=\"linkIcon\"> </image>\n        <dof-iconfont\n          v-else-if=\"_theme === 'colmo' && linkIcon && this.mode == 'link'\"\n          :code=\"'\\u4713'\"\n          color=\"rgba(255,255,255,0.80)\"\n          size=\"50\"\n        ></dof-iconfont>\n      </div>\n    </div>\n  </div>\n</template>\n<style src=\"./colmo.css\"></style>\n<style scoped>\n.closeImg {\n  position: relative;\n}\n.closeBox {\n  width: 100px;\n  height: 50px;\n  position: absolute;\n  left: 0;\n}\n.dof-noticebar {\n  width: 750px;\n  padding-top: 20px;\n  padding-bottom: 20px;\n  padding-left: 32px;\n  padding-right: 32px;\n  background-color: rgba(0, 0, 0, 0.1);\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.dof-noticebar-center {\n  width: 750px;\n  padding-top: 20px;\n  padding-bottom: 20px;\n  padding-left: 32px;\n  padding-right: 32px;\n  background-color: rgba(0, 0, 0, 0.1);\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n\n.noticebar-content {\n  font-family: 'PingFangSC-Regular';\n  font-size: 26px;\n  line-height: 34px;\n  color: #ffffff;\n  flex: 1;\n  lines: 4;\n  text-align: justify;\n  word-break: break-all;\n  text-overflow: ellipsis;\n}\n\n.noticebar-content-center {\n  font-family: 'PingFangSC-Regular';\n  font-size: 26px;\n  line-height: 34px;\n  color: #ffffff;\n  lines: 1;\n  text-overflow: ellipsis;\n}\n\n.more-click-content {\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  margin-left: 16px;\n}\n\n.btnText {\n  font-size: 24px;\n  color: #ffffff;\n  border-style: solid;\n  border-width: 2px;\n  /* border-color: #FFFFFF;    无效*/\n  /* border-top-color: #FFFFFF; */\n  border-top-color: rgba(255, 255, 255, 0.5);\n  border-bottom-color: rgba(255, 255, 255, 0.5);\n  border-left-color: rgba(255, 255, 255, 0.5);\n  border-right-color: rgba(255, 255, 255, 0.5);\n  border-radius: 48px;\n  line-height: 48px;\n  padding-left: 16px;\n  padding-right: 16px;\n  padding-top: 2px;\n}\n\n.mode-ICON,\n.type-ICON {\n  width: 32px;\n  height: 32px;\n}\n.colmobtn-active-info:active {\n  background-color: rgba(255, 255, 255, 0.1);\n}\n.colmobtn-active-important:active {\n  background-color: rgba(255, 255, 255, 0.1);\n}\n</style>\n\n<script>\nimport ICON from './type'\nimport Utils from '../utils'\nimport DofIconfont from '../dof-iconfont'\nimport { STYLE_MAP } from './style'\nimport ColmoMixin from '../../mixins/colmo'\nimport DiabloMixin from '../../mixins/diablo'\nexport default {\n  mixins: [ColmoMixin, DiabloMixin],\n  components: { DofIconfont },\n  props: {\n    //type value  info, warning, danger,  新增warning-i18n, 'important（colmo）'\n    type: {\n      type: String,\n      default: 'info'\n    },\n    notice: {\n      type: String,\n      default: ''\n    },\n    mode: {\n      type: String,\n      default: ''\n    },\n    btnText: {\n      type: String,\n      default: ''\n    },\n    //  0.1.14新需求\n    center: {\n      type: Boolean,\n      default: false\n    },\n    //  0.1.20新需求, 提醒内容两行以上\n    lines: {\n      type: [Number, String],\n      default: 2\n    }\n  },\n\n  computed: {\n    themeStyle() {\n      const _theme = this._theme || 'default'\n      return STYLE_MAP[_theme] || {}\n    },\n    colmoIconColor() {\n      const map = {\n        info: '#B35336',\n        important: 'rgba(255,255,255,0.80)'\n      }\n      return map[this.type]\n    },\n    activeBtnText() {\n      if (this._isColmo && this.type == 'info') {\n        return 'colmobtn-active-info'\n      } else if (this._isColmo && this.type == 'important') {\n        return 'colmobtn-active-important'\n      }\n      return ''\n    },\n    noticebarStyle() {\n      let style = {}\n      const { mode } = this\n      switch (this.type) {\n        case 'warning':\n          style = {\n            backgroundColor: this._isDiablo ? '#b18214' : '#FFF6E7'\n          }\n          break\n        case 'warning-i18n':\n          style = {\n            backgroundColor: 'rgba(245,100,40,0.1)'\n          }\n          break\n        case 'danger':\n          style = {\n            backgroundColor: this._isDiablo ? '#db5c44' : '#FFEBEA'\n          }\n          break\n        case 'important':\n          style = {\n            backgroundColor: '#B35336'\n          }\n          break\n        default:\n          style = {}\n      }\n      if (mode == 'btn' || mode == 'all') {\n        style = {\n          ...style,\n          paddingTop: '12px',\n          paddingBottom: '12px'\n        }\n      }\n      return style\n    },\n\n    contentStyle() {\n      let style = {}\n      switch (this.type) {\n        case 'warning':\n          style = {\n            color: '#FFAA10'\n          }\n          break\n        case 'warning-i18n':\n          style = {\n            color: '#F56428'\n          }\n          break\n        case 'danger':\n          style = {\n            color: '#F56428'\n          }\n          break\n        case 'important':\n          style = {\n            color: 'rgba(255,255,255,0.80)'\n          }\n          break\n        default:\n          style = {}\n      }\n      style = {\n        lines: this.lines,\n        ...style\n      }\n      return style\n    },\n\n    btnTextStyle() {\n      let style = {}\n      switch (this.type) {\n        case 'warning':\n          style = {\n            color: '#FFAA10',\n            // 'borderColor':'FFAA10'   // 无效\n            //  borderLeftColor: '#FFAA10', 应设计师新需求，调整透明度\n            borderLeftColor: 'rgba(255, 170, 16, 0.5)',\n            borderRightColor: 'rgba(255, 170, 16, 0.5)',\n            borderTopColor: 'rgba(255, 170, 16, 0.5)',\n            borderBottomColor: 'rgba(255, 170, 16, 0.5)'\n          }\n          break\n        case 'warning-i18n':\n          style = {\n            color: '#F56428',\n            // 'borderColor':'FFAA10'   // 无效\n            //  borderLeftColor: '#FFAA10', 应设计师新需求，调整透明度\n            borderLeftColor: '#F56428',\n            borderRightColor: '#F56428',\n            borderTopColor: '#F56428',\n            borderBottomColor: '#F56428'\n          }\n          break\n        case 'danger':\n          style = {\n            color: '#F56428',\n            // borderLeftColor: '#F56428',应设计师新需求，调整透明度\n            borderLeftColor: 'rgba(255,59,48, 0.5)',\n            borderRightColor: 'rgba(255,59,48, 0.5)',\n            borderTopColor: 'rgba(255,59,48, 0.5)',\n            borderBottomColor: 'rgba(255,59,48, 0.5)'\n          }\n          break\n        case 'important':\n          style = {\n            color: 'rgba(255,255,255,0.8)',\n            borderLeftColor: 'rgba(255,255,255,0.8)',\n            borderRightColor: 'rgba(255,255,255,0.8)',\n            borderTopColor: 'rgba(255,255,255,0.8)',\n            borderBottomColor: 'rgba(255,255,255,0.8)'\n          }\n          break\n        default:\n          style = {}\n      }\n\n      if (this.mode == 'all') {\n        style = {\n          marginRight: this.themeStyle.modeAllWidth,\n          marginLeft: this.themeStyle.modeAllLeft,\n          ...style\n        }\n      }\n      return style\n    },\n\n    typeIcon() {\n      let typeIcon\n      //type info, warning, danger,  warning-i18n\n      switch (this.type) {\n        case 'warning':\n          typeIcon = ICON.warnIcon\n          break\n        case 'warning-i18n':\n          typeIcon = ICON.warnI18nIcon\n          break\n        case 'danger':\n          typeIcon = ICON.dangerIcon\n          break\n        case 'important':\n          typeIcon = ICON.colmoImportantIcon\n          break\n        default:\n          typeIcon = this._theme == 'colmo' ? ICON.colmoInfoIcon : ICON.infoIcon\n      }\n      return typeIcon\n    },\n\n    modeIcon() {\n      let modeIcon\n      switch (this.type) {\n        case 'warning':\n          modeIcon = ICON.warnCloseIcon\n          break\n        case 'warning-i18n':\n          modeIcon = ICON.warnI18nCloseIcon\n          break\n        case 'danger':\n          modeIcon = ICON.dangerCloseIcon\n          break\n        default:\n          modeIcon = ICON.infoCloseIcon\n      }\n      return modeIcon\n    },\n    linkIcon() {\n      let linkIcon\n      switch (this.type) {\n        case 'warning':\n          linkIcon = ICON.warnLink\n          break\n        case 'warning-i18n':\n          linkIcon = ICON.warnI18nLink\n          break\n        case 'danger':\n          linkIcon = ICON.dangerLink\n          break\n        default:\n          linkIcon = ICON.infoLink\n      }\n      return linkIcon\n    }\n  },\n  data: () => ({\n    show: true\n  }),\n  methods: {\n    // noticebar click\n    noticeBarClicked() {\n      // console.log('dofNoticebarClicked');\n      this.$emit('dofNoticebarClicked', {})\n    },\n\n    // notice icon click\n    noticeIconClicked() {\n      const { mode } = this\n      this.$emit('dofNoticebarBtnClicked', {}) //button clicked\n    },\n\n    closeIconClicked() {\n      this.show = false\n      this.$emit('dofNoticebarCloseClicked', {}) //close clicked\n    }\n  }\n}\n</script>\n",null],"sourceRoot":""}]);
+exports.push([module.i, "\n.closeImg[data-v-397a5794] {\n  position: relative;\n}\n.closeBox[data-v-397a5794] {\n  width: 1.33333rem;\n  height: 0.66667rem;\n  position: absolute;\n  left: 0;\n}\n.dof-noticebar[data-v-397a5794] {\n  width: 10rem;\n  padding-top: 0.26667rem;\n  padding-bottom: 0.26667rem;\n  padding-left: 0.42667rem;\n  padding-right: 0.42667rem;\n  background-color: rgba(0, 0, 0, 0.1);\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: center;\n  -webkit-align-items: center;\n          align-items: center;\n}\n.dof-noticebar-center[data-v-397a5794] {\n  width: 10rem;\n  padding-top: 0.26667rem;\n  padding-bottom: 0.26667rem;\n  padding-left: 0.42667rem;\n  padding-right: 0.42667rem;\n  background-color: rgba(0, 0, 0, 0.1);\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-pack: center;\n  -webkit-justify-content: center;\n          justify-content: center;\n  -webkit-box-align: center;\n  -webkit-align-items: center;\n          align-items: center;\n}\n.noticebar-content[data-v-397a5794] {\n  font-family: 'PingFangSC-Regular';\n  font-size: 0.34667rem;\n  line-height: 0.45333rem;\n  color: #ffffff;\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n          flex: 1;\n  lines: 4;\n  text-align: justify;\n  word-break: break-all;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  -webkit-line-clamp: 4;\n}\n.noticebar-content-center[data-v-397a5794] {\n  font-family: 'PingFangSC-Regular';\n  font-size: 0.34667rem;\n  line-height: 0.45333rem;\n  color: #ffffff;\n  lines: 1;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  -webkit-line-clamp: 1;\n}\n.more-click-content[data-v-397a5794] {\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  margin-left: 0.21333rem;\n}\n.btnText[data-v-397a5794] {\n  font-size: 0.32rem;\n  color: #ffffff;\n  border-style: solid;\n  border-width: 0.02667rem;\n  /* border-color: #FFFFFF;    无效*/\n  /* border-top-color: #FFFFFF; */\n  border-top-color: rgba(255, 255, 255, 0.5);\n  border-bottom-color: rgba(255, 255, 255, 0.5);\n  border-left-color: rgba(255, 255, 255, 0.5);\n  border-right-color: rgba(255, 255, 255, 0.5);\n  border-radius: 0.64rem;\n  line-height: 0.64rem;\n  padding-left: 0.21333rem;\n  padding-right: 0.21333rem;\n  padding-top: 0.02667rem;\n}\n.mode-ICON[data-v-397a5794],\n.type-ICON[data-v-397a5794] {\n  width: 0.42667rem;\n  height: 0.42667rem;\n}\n.colmobtn-active-info[data-v-397a5794]:active {\n  background-color: rgba(255, 255, 255, 0.1);\n}\n.colmobtn-active-important[data-v-397a5794]:active {\n  background-color: rgba(255, 255, 255, 0.1);\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-noticebar/index.vue?1e73e02e","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-noticebar/<no source>"],"names":[],"mappings":";AAwDA;EACA,mBAAA;CACA;AACA;EACA,kBAAA;EACA,mBAAA;EACA,mBAAA;EACA,QAAA;CACA;AACA;EACA,aAAA;EACA,wBAAA;EACA,2BAAA;EACA,yBAAA;EACA,0BAAA;EACA,qCAAA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EAAA,uCAAA;UAAA,+BAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;CACA;AAEA;EACA,aAAA;EACA,wBAAA;EACA,2BAAA;EACA,yBAAA;EACA,0BAAA;EACA,qCAAA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;CACA;AAEA;EACA,kCAAA;EACA,sBAAA;EACA,wBAAA;EACA,eAAA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA;EACA,SAAA;EACA,oBAAA;EACA,sBAAA;EACA,wBAAA;EClGA,iBAAA;EAAA,wBAAA;EAAA,sBAAA;CDmGA;AAEA;EACA,kCAAA;EACA,sBAAA;EACA,wBAAA;EACA,eAAA;EACA,SAAA;EACA,wBAAA;EC3GA,iBAAA;EAAA,wBAAA;EAAA,sBAAA;CD4GA;AAEA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,wBAAA;CACA;AAEA;EACA,mBAAA;EACA,eAAA;EACA,oBAAA;EACA,yBAAA;EACA,iCAAA;EACA,gCAAA;EACA,2CAAA;EACA,8CAAA;EACA,4CAAA;EACA,6CAAA;EACA,uBAAA;EACA,qBAAA;EACA,yBAAA;EACA,0BAAA;EACA,wBAAA;CACA;AAEA;;EAEA,kBAAA;EACA,mBAAA;CACA;AACA;EACA,2CAAA;CACA;AACA;EACA,2CAAA;CACA","file":"index.vue","sourcesContent":["<template>\n  <div\n    :class=\"[center ? 'dof-noticebar-center' : 'dof-noticebar']\"\n    v-if=\"show\"\n    @click=\"noticeBarClicked\"\n    :accessible=\"true\"\n    :style=\"noticebarStyle\"\n    :aria-label=\"notice\"\n  >\n    <image class=\"type-ICON\" :src=\"typeIcon\" style=\"margin-right:16px\"></image>\n    <!-- <dof-iconfont v-else-if=\"_theme == 'colmo'\" :code=\"'\\u4724'\" :color=\"colmoIconColor\" size=\"32\"></dof-iconfont> -->\n    <text :class=\"[center ? 'noticebar-content-center' : 'noticebar-content']\" :style=\"contentStyle\">{{ notice }}</text>\n    <div class=\"more-click-content\" v-if=\"mode\" :mode=\"mode\">\n      <text\n        v-if=\"(this.mode == 'btn' && btnText) || this.mode == 'all'\"\n        :class=\"['btnText', activeBtnText]\"\n        @click=\"noticeIconClicked\"\n        :style=\"btnTextStyle\"\n        >{{ btnText }}</text\n      >\n      <div v-if=\"this.mode == 'all'\" style=\"width:8px\"></div>\n      <div class=\"closeImg\">\n        <image\n          :style=\"{ opacity: _isDiablo ? 0.85 : 1 }\"\n          v-if=\"_theme !== 'colmo' && ((modeIcon && this.mode == 'closable') || this.mode == 'all')\"\n          class=\"mode-ICON\"\n          @click=\"closeIconClicked\"\n          :src=\"modeIcon\"\n        >\n        </image>\n        <dof-iconfont\n          v-else-if=\"_theme == 'colmo' && ((modeIcon && this.mode == 'closable') || this.mode == 'all')\"\n          :code=\"'\\u4725'\"\n          color=\"rgba(255,255,255,0.80)\"\n          size=\"50\"\n        ></dof-iconfont>\n        <div\n          class=\"closeBox\"\n          @click=\"closeIconClicked\"\n          v-if=\"(modeIcon && this.mode == 'closable') || this.mode == 'all'\"\n        ></div>\n      </div>\n      <div class=\"linkBox\">\n        <image v-if=\"_theme !== 'colmo' && linkIcon && this.mode == 'link'\" class=\"mode-ICON\" :src=\"linkIcon\"> </image>\n        <dof-iconfont\n          v-else-if=\"_theme === 'colmo' && linkIcon && this.mode == 'link'\"\n          :code=\"'\\u4713'\"\n          color=\"rgba(255,255,255,0.80)\"\n          size=\"50\"\n        ></dof-iconfont>\n      </div>\n    </div>\n  </div>\n</template>\n<style src=\"./colmo.css\"></style>\n<style scoped>\n.closeImg {\n  position: relative;\n}\n.closeBox {\n  width: 100px;\n  height: 50px;\n  position: absolute;\n  left: 0;\n}\n.dof-noticebar {\n  width: 750px;\n  padding-top: 20px;\n  padding-bottom: 20px;\n  padding-left: 32px;\n  padding-right: 32px;\n  background-color: rgba(0, 0, 0, 0.1);\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.dof-noticebar-center {\n  width: 750px;\n  padding-top: 20px;\n  padding-bottom: 20px;\n  padding-left: 32px;\n  padding-right: 32px;\n  background-color: rgba(0, 0, 0, 0.1);\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n\n.noticebar-content {\n  font-family: 'PingFangSC-Regular';\n  font-size: 26px;\n  line-height: 34px;\n  color: #ffffff;\n  flex: 1;\n  lines: 4;\n  text-align: justify;\n  word-break: break-all;\n  text-overflow: ellipsis;\n}\n\n.noticebar-content-center {\n  font-family: 'PingFangSC-Regular';\n  font-size: 26px;\n  line-height: 34px;\n  color: #ffffff;\n  lines: 1;\n  text-overflow: ellipsis;\n}\n\n.more-click-content {\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  margin-left: 16px;\n}\n\n.btnText {\n  font-size: 24px;\n  color: #ffffff;\n  border-style: solid;\n  border-width: 2px;\n  /* border-color: #FFFFFF;    无效*/\n  /* border-top-color: #FFFFFF; */\n  border-top-color: rgba(255, 255, 255, 0.5);\n  border-bottom-color: rgba(255, 255, 255, 0.5);\n  border-left-color: rgba(255, 255, 255, 0.5);\n  border-right-color: rgba(255, 255, 255, 0.5);\n  border-radius: 48px;\n  line-height: 48px;\n  padding-left: 16px;\n  padding-right: 16px;\n  padding-top: 2px;\n}\n\n.mode-ICON,\n.type-ICON {\n  width: 32px;\n  height: 32px;\n}\n.colmobtn-active-info:active {\n  background-color: rgba(255, 255, 255, 0.1);\n}\n.colmobtn-active-important:active {\n  background-color: rgba(255, 255, 255, 0.1);\n}\n</style>\n\n<script>\nimport ICON from './type'\nimport Utils from '../utils'\nimport DofIconfont from '../dof-iconfont'\nimport { STYLE_MAP } from './style'\nimport ColmoMixin from '../../mixins/colmo'\nimport DiabloMixin from '../../mixins/diablo'\nexport default {\n  mixins: [ColmoMixin, DiabloMixin],\n  components: { DofIconfont },\n  props: {\n    //type value  info, warning, danger,  新增warning-i18n, 'important（colmo）'\n    type: {\n      type: String,\n      default: 'info'\n    },\n    notice: {\n      type: String,\n      default: ''\n    },\n    mode: {\n      type: String,\n      default: ''\n    },\n    btnText: {\n      type: String,\n      default: ''\n    },\n    //  0.1.14新需求\n    center: {\n      type: Boolean,\n      default: false\n    },\n    //  0.1.20新需求, 提醒内容两行以上\n    lines: {\n      type: [Number, String],\n      default: 2\n    }\n  },\n\n  computed: {\n    themeStyle() {\n      const _theme = this._theme || 'default'\n      return STYLE_MAP[_theme] || {}\n    },\n    colmoIconColor() {\n      const map = {\n        info: '#B35336',\n        important: 'rgba(255,255,255,0.80)'\n      }\n      return map[this.type]\n    },\n    activeBtnText() {\n      if (this._isColmo && this.type == 'info') {\n        return 'colmobtn-active-info'\n      } else if (this._isColmo && this.type == 'important') {\n        return 'colmobtn-active-important'\n      }\n      return ''\n    },\n    noticebarStyle() {\n      let style = {}\n      const { mode } = this\n      switch (this.type) {\n        case 'warning':\n          style = {\n            backgroundColor: this._isDiablo ? '#211E15' : '#FFF6E7'\n          }\n          break\n        case 'warning-i18n':\n          style = {\n            backgroundColor: 'rgba(245,100,40,0.1)'\n          }\n          break\n        case 'danger':\n          style = {\n            backgroundColor: this._isDiablo ? '#db5c44' : '#FFEBEA'\n          }\n          break\n        case 'important':\n          style = {\n            backgroundColor: '#B35336'\n          }\n          break\n        default:\n          style = {}\n      }\n      if (mode == 'btn' || mode == 'all') {\n        style = {\n          ...style,\n          paddingTop: '12px',\n          paddingBottom: '12px'\n        }\n      }\n      return style\n    },\n\n    contentStyle() {\n      let style = {}\n      switch (this.type) {\n        case 'warning':\n          style = {\n            color: '#FFAA10'\n          }\n          break\n        case 'warning-i18n':\n          style = {\n            color: '#F56428'\n          }\n          break\n        case 'danger':\n          style = {\n            color: '#F56428'\n          }\n          break\n        case 'important':\n          style = {\n            color: 'rgba(255,255,255,0.80)'\n          }\n          break\n        default:\n          style = {}\n      }\n      style = {\n        lines: this.lines,\n        ...style\n      }\n      return style\n    },\n\n    btnTextStyle() {\n      let style = {}\n      switch (this.type) {\n        case 'warning':\n          style = {\n            color: '#FFAA10',\n            // 'borderColor':'FFAA10'   // 无效\n            //  borderLeftColor: '#FFAA10', 应设计师新需求，调整透明度\n            borderLeftColor: 'rgba(255, 170, 16, 0.5)',\n            borderRightColor: 'rgba(255, 170, 16, 0.5)',\n            borderTopColor: 'rgba(255, 170, 16, 0.5)',\n            borderBottomColor: 'rgba(255, 170, 16, 0.5)'\n          }\n          break\n        case 'warning-i18n':\n          style = {\n            color: '#F56428',\n            // 'borderColor':'FFAA10'   // 无效\n            //  borderLeftColor: '#FFAA10', 应设计师新需求，调整透明度\n            borderLeftColor: '#F56428',\n            borderRightColor: '#F56428',\n            borderTopColor: '#F56428',\n            borderBottomColor: '#F56428'\n          }\n          break\n        case 'danger':\n          style = {\n            color: '#F56428',\n            // borderLeftColor: '#F56428',应设计师新需求，调整透明度\n            borderLeftColor: 'rgba(255,59,48, 0.5)',\n            borderRightColor: 'rgba(255,59,48, 0.5)',\n            borderTopColor: 'rgba(255,59,48, 0.5)',\n            borderBottomColor: 'rgba(255,59,48, 0.5)'\n          }\n          break\n        case 'important':\n          style = {\n            color: 'rgba(255,255,255,0.8)',\n            borderLeftColor: 'rgba(255,255,255,0.8)',\n            borderRightColor: 'rgba(255,255,255,0.8)',\n            borderTopColor: 'rgba(255,255,255,0.8)',\n            borderBottomColor: 'rgba(255,255,255,0.8)'\n          }\n          break\n        default:\n          style = {}\n      }\n\n      if (this.mode == 'all') {\n        style = {\n          marginRight: this.themeStyle.modeAllWidth,\n          marginLeft: this.themeStyle.modeAllLeft,\n          ...style\n        }\n      }\n      return style\n    },\n\n    typeIcon() {\n      let typeIcon\n      //type info, warning, danger,  warning-i18n\n      switch (this.type) {\n        case 'warning':\n          typeIcon = this._isDiablo ? ICON.warnIconDiablo : ICON.warnIcon\n          break\n        case 'warning-i18n':\n          typeIcon = ICON.warnI18nIcon\n          break\n        case 'danger':\n          typeIcon = ICON.dangerIcon\n          break\n        case 'important':\n          typeIcon = ICON.colmoImportantIcon\n          break\n        default:\n          typeIcon = this._theme == 'colmo' ? ICON.colmoInfoIcon : ICON.infoIcon\n      }\n      return typeIcon\n    },\n\n    modeIcon() {\n      let modeIcon\n      switch (this.type) {\n        case 'warning':\n          modeIcon = ICON.warnCloseIcon\n          break\n        case 'warning-i18n':\n          modeIcon = ICON.warnI18nCloseIcon\n          break\n        case 'danger':\n          modeIcon = ICON.dangerCloseIcon\n          break\n        default:\n          modeIcon = ICON.infoCloseIcon\n      }\n      return modeIcon\n    },\n    linkIcon() {\n      let linkIcon\n      switch (this.type) {\n        case 'warning':\n          linkIcon = ICON.warnLink\n          break\n        case 'warning-i18n':\n          linkIcon = ICON.warnI18nLink\n          break\n        case 'danger':\n          linkIcon = ICON.dangerLink\n          break\n        default:\n          linkIcon = ICON.infoLink\n      }\n      return linkIcon\n    }\n  },\n  data: () => ({\n    show: true\n  }),\n  methods: {\n    // noticebar click\n    noticeBarClicked() {\n      // console.log('dofNoticebarClicked');\n      this.$emit('dofNoticebarClicked', {})\n    },\n\n    // notice icon click\n    noticeIconClicked() {\n      const { mode } = this\n      this.$emit('dofNoticebarBtnClicked', {}) //button clicked\n    },\n\n    closeIconClicked() {\n      this.show = false\n      this.$emit('dofNoticebarCloseClicked', {}) //close clicked\n    }\n  }\n}\n</script>\n",null],"sourceRoot":""}]);
 
 // exports
 
@@ -8794,7 +8794,7 @@ exports = module.exports = __webpack_require__(0)(true);
 
 
 // module
-exports.push([module.i, "\n@media screen and (weex-theme: diablo) {\n.dof-btn-highlight-primary-default[data-v-5680972d] {\n    background-color: #0490d3;\n}\n.dof-btn-highlight-primary-default[data-v-5680972d]:active {\n    background-color: #0481bd;\n}\n.dof-btn-highlight-primary-base[data-v-5680972d] {\n    background-color: #c7d4dc;\n}\n.dof-btn-highlight-primary-base[data-v-5680972d]:active {\n    background-color: #b2bec6;\n}\n.dof-btn-highlight-primary-plain[data-v-5680972d] {\n    background-color: #101315;\n}\n.dof-btn-highlight-primary-plain[data-v-5680972d]:active {\n    background-color: #0e1f28;\n}\n.dof-btn-highlight-purple-default[data-v-5680972d] {\n    background-color: #805ed1;\n}\n.dof-btn-highlight-purple-default[data-v-5680972d]:active {\n    background-color: #7354bc;\n}\n.dof-btn-highlight-purple-base[data-v-5680972d] {\n    background-color: #d2ceda;\n}\n.dof-btn-highlight-purple-base[data-v-5680972d]:active {\n    background-color: #bdb9c4;\n}\n.dof-btn-highlight-purple-plain[data-v-5680972d] {\n    background-color: #101315;\n}\n.dof-btn-highlight-purple-plain[data-v-5680972d]:active {\n    background-color: #1d1c2b;\n}\n.dof-btn-highlight-slate-default[data-v-5680972d] {\n    background-color: #5865DC;\n}\n.dof-btn-highlight-slate-default[data-v-5680972d]:active {\n    background-color: #5b69e6;\n}\n.dof-btn-highlight-slate-base[data-v-5680972d] {\n    background-color: #E6E8FF;\n}\n.dof-btn-highlight-slate-base[data-v-5680972d]:active {\n    background-color: #ced0e5;\n}\n.dof-btn-highlight-slate-plain[data-v-5680972d] {\n    background-color: #101315;\n}\n.dof-btn-highlight-slate-plain[data-v-5680972d]:active {\n    background-color: #1d1c2b;\n}\n.dof-btn-highlight-aqua-default[data-v-5680972d] {\n    background-color: #25A8DC;\n}\n.dof-btn-highlight-aqua-default[data-v-5680972d]:active {\n    background-color: #24afe6;\n}\n.dof-btn-highlight-aqua-base[data-v-5680972d] {\n    background-color: #E6F8FF;\n}\n.dof-btn-highlight-aqua-base[data-v-5680972d]:active {\n    background-color: #cedee5;\n}\n.dof-btn-highlight-aqua-plain[data-v-5680972d] {\n    background-color: #101315;\n}\n.dof-btn-highlight-aqua-plain[data-v-5680972d]:active {\n    background-color: #1d1c2b;\n}\n.dof-btn-highlight-turquoise-default[data-v-5680972d] {\n    background-color: #039D95;\n}\n.dof-btn-highlight-turquoise-default[data-v-5680972d]:active {\n    background-color: #028d87;\n}\n.dof-btn-highlight-turquoise-base[data-v-5680972d] {\n    background-color: #c5dcda;\n}\n.dof-btn-highlight-turquoise-base[data-v-5680972d]:active {\n    background-color: #b1c6c4;\n}\n.dof-btn-highlight-turquoise-plain[data-v-5680972d] {\n    background-color: #101315;\n}\n.dof-btn-highlight-turquoise-plain[data-v-5680972d]:active {\n    background-color: #012122;\n}\n.dof-btn-highlight-yellow-default[data-v-5680972d] {\n    background-color: #BE8214;\n}\n.dof-btn-highlight-yellow-default[data-v-5680972d]:active {\n    background-color: #ab7611;\n}\n.dof-btn-highlight-yellow-base[data-v-5680972d] {\n    background-color: #dcd1c1;\n}\n.dof-btn-highlight-yellow-base[data-v-5680972d]:active {\n    background-color: #c6bcad;\n}\n.dof-btn-highlight-yellow-plain[data-v-5680972d] {\n    background-color: #101315;\n}\n.dof-btn-highlight-yellow-plain[data-v-5680972d]:active {\n    background-color: #221e15;\n}\n.dof-btn-highlight-orange-default[data-v-5680972d] {\n    background-color: #Db7122;\n}\n.dof-btn-highlight-orange-default[data-v-5680972d]:active {\n    background-color: #bd5023;\n}\n.dof-btn-highlight-orange-base[data-v-5680972d] {\n    background-color: #dcd1c1;\n}\n.dof-btn-highlight-orange-base[data-v-5680972d]:active {\n    background-color: #c6b5b2;\n}\n.dof-btn-highlight-orange-plain[data-v-5680972d] {\n    background-color: #101315;\n}\n.dof-btn-highlight-orange-plain[data-v-5680972d]:active {\n    background-color: #231a16;\n}\n.dof-btn-highlight-tomato-default[data-v-5680972d] {\n    background-color: #d35926;\n}\n.dof-btn-highlight-tomato-default[data-v-5680972d]:active {\n    background-color: #bd5023;\n}\n.dof-btn-highlight-tomato-base[data-v-5680972d] {\n    background-color: #dbc9c6;\n}\n.dof-btn-highlight-tomato-base[data-v-5680972d]:active {\n    background-color: #c6b5b2;\n}\n.dof-btn-highlight-tomato-plain[data-v-5680972d] {\n    background-color: #101315;\n}\n.dof-btn-highlight-tomato-plain[data-v-5680972d]:active {\n    background-color: #231a16;\n}\n.dof-btn-highlight-gray-default[data-v-5680972d] {\n    background-color: #6b7587;\n}\n.dof-btn-highlight-gray-default[data-v-5680972d]:active {\n    background-color: #616979;\n}\n.dof-btn-highlight-gray-base[data-v-5680972d] {\n    background-color: #b2b9b6;\n}\n.dof-btn-highlight-gray-base[data-v-5680972d]:active {\n    background-color: #a0a6b2;\n}\n.dof-btn-highlight-gray-plain[data-v-5680972d] {\n    background-color: #101315;\n}\n.dof-btn-highlight-gray-plain[data-v-5680972d]:active {\n    background-color: #1a1f23;\n}\n.dof-btn-highlight-red-default[data-v-5680972d] {\n    background-color: #c61a1c;\n}\n.dof-btn-highlight-red-default[data-v-5680972d]:active {\n    background-color: #b11819;\n}\n.dof-btn-highlight-red-base[data-v-5680972d] {\n    background-color: #dbc7c8;\n}\n.dof-btn-highlight-red-base[data-v-5680972d]:active {\n    background-color: #c2b3b4;\n}\n.dof-btn-highlight-red-plain[data-v-5680972d] {\n    background-color: #101315;\n}\n.dof-btn-highlight-red-plain[data-v-5680972d]:active {\n    background-color: #251416;\n}\n.dof-btn-highlight-brown-default[data-v-5680972d] {\n    background-color: #745b5e;\n}\n.dof-btn-highlight-brown-default[data-v-5680972d]:active {\n    background-color: #685254;\n}\n.dof-btn-highlight-red-base[data-v-5680972d] {\n    background-color: #d0cecf;\n}\n.dof-btn-highlight-red-base[data-v-5680972d]:active {\n    background-color: #8889ba;\n}\n.dof-btn-highlight-red-plain[data-v-5680972d] {\n    background-color: #101315;\n}\n.dof-btn-highlight-red-plain[data-v-5680972d]:active {\n    background-color: #1b1c1e;\n}\n}", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-button/diablo.css"],"names":[],"mappings":";AAAA;AACE;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AAED;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AAED;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;CACF","file":"diablo.css","sourcesContent":["@media screen and (weex-theme: diablo) {\n  .dof-btn-highlight-primary-default {\n    background-color: #0490d3;\n  }\n  .dof-btn-highlight-primary-default:active {\n    background-color: #0481bd;\n  }\n  .dof-btn-highlight-primary-base {\n    background-color: #c7d4dc;\n  }\n  .dof-btn-highlight-primary-base:active {\n    background-color: #b2bec6;\n  }\n  .dof-btn-highlight-primary-plain {\n    background-color: #101315;\n  }\n  .dof-btn-highlight-primary-plain:active {\n    background-color: #0e1f28;\n  }\n  .dof-btn-highlight-purple-default {\n    background-color: #805ed1;\n  }\n  .dof-btn-highlight-purple-default:active {\n    background-color: #7354bc;\n  }\n  .dof-btn-highlight-purple-base {\n    background-color: #d2ceda;\n  }\n  .dof-btn-highlight-purple-base:active {\n    background-color: #bdb9c4;\n  }\n  .dof-btn-highlight-purple-plain {\n    background-color: #101315;\n  }\n  .dof-btn-highlight-purple-plain:active {\n    background-color: #1d1c2b;\n  }\n  \n  .dof-btn-highlight-slate-default {\n    background-color: #5865DC;\n  }\n  .dof-btn-highlight-slate-default:active {\n    background-color: #5b69e6;\n  }\n  .dof-btn-highlight-slate-base {\n    background-color: #E6E8FF;\n  }\n  .dof-btn-highlight-slate-base:active {\n    background-color: #ced0e5;\n  }\n  .dof-btn-highlight-slate-plain {\n    background-color: #101315;\n  }\n  .dof-btn-highlight-slate-plain:active {\n    background-color: #1d1c2b;\n  }\n  .dof-btn-highlight-aqua-default {\n    background-color: #25A8DC;\n  }\n  .dof-btn-highlight-aqua-default:active {\n    background-color: #24afe6;\n  }\n  .dof-btn-highlight-aqua-base {\n    background-color: #E6F8FF;\n  }\n  .dof-btn-highlight-aqua-base:active {\n    background-color: #cedee5;\n  }\n  .dof-btn-highlight-aqua-plain {\n    background-color: #101315;\n  }\n  .dof-btn-highlight-aqua-plain:active {\n    background-color: #1d1c2b;\n  }\n  .dof-btn-highlight-turquoise-default {\n    background-color: #039D95;\n  }\n  .dof-btn-highlight-turquoise-default:active {\n    background-color: #028d87;\n  }\n  .dof-btn-highlight-turquoise-base {\n    background-color: #c5dcda;\n  }\n  .dof-btn-highlight-turquoise-base:active {\n    background-color: #b1c6c4;\n  }\n  .dof-btn-highlight-turquoise-plain {\n    background-color: #101315;\n  }\n  .dof-btn-highlight-turquoise-plain:active {\n    background-color: #012122;\n  }\n  .dof-btn-highlight-yellow-default {\n    background-color: #BE8214;\n  }\n  .dof-btn-highlight-yellow-default:active {\n    background-color: #ab7611;\n  }\n  .dof-btn-highlight-yellow-base {\n    background-color: #dcd1c1;\n  }\n  .dof-btn-highlight-yellow-base:active {\n    background-color: #c6bcad;\n  }\n  .dof-btn-highlight-yellow-plain {\n    background-color: #101315;\n  }\n  .dof-btn-highlight-yellow-plain:active {\n    background-color: #221e15;\n  }\n  .dof-btn-highlight-orange-default {\n    background-color: #Db7122;\n  }\n  .dof-btn-highlight-orange-default:active {\n    background-color: #bd5023;\n  }\n  .dof-btn-highlight-orange-base {\n    background-color: #dcd1c1;\n  }\n  .dof-btn-highlight-orange-base:active {\n    background-color: #c6b5b2;\n  }\n  .dof-btn-highlight-orange-plain {\n    background-color: #101315;\n  }\n  .dof-btn-highlight-orange-plain:active {\n    background-color: #231a16;\n  }\n  .dof-btn-highlight-tomato-default {\n    background-color: #d35926;\n  }\n  .dof-btn-highlight-tomato-default:active {\n    background-color: #bd5023;\n  }\n  .dof-btn-highlight-tomato-base {\n    background-color: #dbc9c6;\n  }\n  .dof-btn-highlight-tomato-base:active {\n    background-color: #c6b5b2;\n  }\n  .dof-btn-highlight-tomato-plain {\n    background-color: #101315;\n  }\n  .dof-btn-highlight-tomato-plain:active {\n    background-color: #231a16;\n  }\n  .dof-btn-highlight-gray-default {\n    background-color: #6b7587;\n  }\n  .dof-btn-highlight-gray-default:active {\n    background-color: #616979;\n  }\n  .dof-btn-highlight-gray-base {\n    background-color: #b2b9b6;\n  }\n  .dof-btn-highlight-gray-base:active {\n    background-color: #a0a6b2;\n  }\n  .dof-btn-highlight-gray-plain {\n    background-color: #101315;\n  }\n  .dof-btn-highlight-gray-plain:active {\n    background-color: #1a1f23;\n  }\n  .dof-btn-highlight-red-default {\n    background-color: #c61a1c;\n  }\n  .dof-btn-highlight-red-default:active {\n    background-color: #b11819;\n  }\n  .dof-btn-highlight-red-base {\n    background-color: #dbc7c8;\n  }\n  .dof-btn-highlight-red-base:active {\n    background-color: #c2b3b4;\n  }\n  .dof-btn-highlight-red-plain {\n    background-color: #101315;\n  }\n  .dof-btn-highlight-red-plain:active {\n    background-color: #251416;\n  }\n  \n  .dof-btn-highlight-brown-default {\n    background-color: #745b5e;\n  }\n  .dof-btn-highlight-brown-default:active {\n    background-color: #685254;\n  }\n  .dof-btn-highlight-red-base {\n    background-color: #d0cecf;\n  }\n  .dof-btn-highlight-red-base:active {\n    background-color: #8889ba;\n  }\n  .dof-btn-highlight-red-plain {\n    background-color: #101315;\n  }\n  .dof-btn-highlight-red-plain:active {\n    background-color: #1b1c1e;\n  }\n}"],"sourceRoot":""}]);
+exports.push([module.i, "\n@media screen and (weex-theme: diablo) {\n.dof-btn-highlight-primary-default[data-v-5680972d] {\n    background-color: #0490d3;\n}\n.dof-btn-highlight-primary-default[data-v-5680972d]:active {\n    background-color: #0481bd;\n}\n.dof-btn-highlight-primary-base[data-v-5680972d] {\n    background-color: #144A64;\n}\n.dof-btn-highlight-primary-base[data-v-5680972d]:active {\n    background-color: #b2bec6;\n}\n.dof-btn-highlight-primary-plain[data-v-5680972d] {\n    background-color: #101315;\n}\n.dof-btn-highlight-primary-plain[data-v-5680972d]:active {\n    background-color: #0e1f28;\n}\n.dof-btn-highlight-purple-default[data-v-5680972d] {\n    background-color: #805ed1;\n}\n.dof-btn-highlight-purple-default[data-v-5680972d]:active {\n    background-color: #7354bc;\n}\n.dof-btn-highlight-purple-base[data-v-5680972d] {\n    background-color: #d2ceda;\n}\n.dof-btn-highlight-purple-base[data-v-5680972d]:active {\n    background-color: #bdb9c4;\n}\n.dof-btn-highlight-purple-plain[data-v-5680972d] {\n    background-color: #101315;\n}\n.dof-btn-highlight-purple-plain[data-v-5680972d]:active {\n    background-color: #1d1c2b;\n}\n.dof-btn-highlight-slate-default[data-v-5680972d] {\n    background-color: #5865DC;\n}\n.dof-btn-highlight-slate-default[data-v-5680972d]:active {\n    background-color: #5b69e6;\n}\n.dof-btn-highlight-slate-base[data-v-5680972d] {\n    background-color: #E6E8FF;\n}\n.dof-btn-highlight-slate-base[data-v-5680972d]:active {\n    background-color: #ced0e5;\n}\n.dof-btn-highlight-slate-plain[data-v-5680972d] {\n    background-color: #101315;\n}\n.dof-btn-highlight-slate-plain[data-v-5680972d]:active {\n    background-color: #1d1c2b;\n}\n.dof-btn-highlight-aqua-default[data-v-5680972d] {\n    background-color: #25A8DC;\n}\n.dof-btn-highlight-aqua-default[data-v-5680972d]:active {\n    background-color: #24afe6;\n}\n.dof-btn-highlight-aqua-base[data-v-5680972d] {\n    background-color: #E6F8FF;\n}\n.dof-btn-highlight-aqua-base[data-v-5680972d]:active {\n    background-color: #cedee5;\n}\n.dof-btn-highlight-aqua-plain[data-v-5680972d] {\n    background-color: #101315;\n}\n.dof-btn-highlight-aqua-plain[data-v-5680972d]:active {\n    background-color: #1d1c2b;\n}\n.dof-btn-highlight-turquoise-default[data-v-5680972d] {\n    background-color: #039D95;\n}\n.dof-btn-highlight-turquoise-default[data-v-5680972d]:active {\n    background-color: #028d87;\n}\n.dof-btn-highlight-turquoise-base[data-v-5680972d] {\n    background-color: #c5dcda;\n}\n.dof-btn-highlight-turquoise-base[data-v-5680972d]:active {\n    background-color: #b1c6c4;\n}\n.dof-btn-highlight-turquoise-plain[data-v-5680972d] {\n    background-color: #101315;\n}\n.dof-btn-highlight-turquoise-plain[data-v-5680972d]:active {\n    background-color: #012122;\n}\n.dof-btn-highlight-yellow-default[data-v-5680972d] {\n    background-color: #BE8214;\n}\n.dof-btn-highlight-yellow-default[data-v-5680972d]:active {\n    background-color: #ab7611;\n}\n.dof-btn-highlight-yellow-base[data-v-5680972d] {\n    background-color: #dcd1c1;\n}\n.dof-btn-highlight-yellow-base[data-v-5680972d]:active {\n    background-color: #c6bcad;\n}\n.dof-btn-highlight-yellow-plain[data-v-5680972d] {\n    background-color: #101315;\n}\n.dof-btn-highlight-yellow-plain[data-v-5680972d]:active {\n    background-color: #221e15;\n}\n.dof-btn-highlight-orange-default[data-v-5680972d] {\n    background-color: #Db7122;\n}\n.dof-btn-highlight-orange-default[data-v-5680972d]:active {\n    background-color: #bd5023;\n}\n.dof-btn-highlight-orange-base[data-v-5680972d] {\n    background-color: #dcd1c1;\n}\n.dof-btn-highlight-orange-base[data-v-5680972d]:active {\n    background-color: #c6b5b2;\n}\n.dof-btn-highlight-orange-plain[data-v-5680972d] {\n    background-color: #101315;\n}\n.dof-btn-highlight-orange-plain[data-v-5680972d]:active {\n    background-color: #231a16;\n}\n.dof-btn-highlight-tomato-default[data-v-5680972d] {\n    background-color: #d35926;\n}\n.dof-btn-highlight-tomato-default[data-v-5680972d]:active {\n    background-color: #bd5023;\n}\n.dof-btn-highlight-tomato-base[data-v-5680972d] {\n    background-color: #dbc9c6;\n}\n.dof-btn-highlight-tomato-base[data-v-5680972d]:active {\n    background-color: #c6b5b2;\n}\n.dof-btn-highlight-tomato-plain[data-v-5680972d] {\n    background-color: #101315;\n}\n.dof-btn-highlight-tomato-plain[data-v-5680972d]:active {\n    background-color: #231a16;\n}\n.dof-btn-highlight-gray-default[data-v-5680972d] {\n    background-color: #6b7587;\n}\n.dof-btn-highlight-gray-default[data-v-5680972d]:active {\n    background-color: #616979;\n}\n.dof-btn-highlight-gray-base[data-v-5680972d] {\n    background-color: #b2b9b6;\n}\n.dof-btn-highlight-gray-base[data-v-5680972d]:active {\n    background-color: #a0a6b2;\n}\n.dof-btn-highlight-gray-plain[data-v-5680972d] {\n    background-color: #101315;\n}\n.dof-btn-highlight-gray-plain[data-v-5680972d]:active {\n    background-color: #1a1f23;\n}\n.dof-btn-highlight-red-default[data-v-5680972d] {\n    background-color: #c61a1c;\n}\n.dof-btn-highlight-red-default[data-v-5680972d]:active {\n    background-color: #b11819;\n}\n.dof-btn-highlight-red-base[data-v-5680972d] {\n    background-color: #dbc7c8;\n}\n.dof-btn-highlight-red-base[data-v-5680972d]:active {\n    background-color: #c2b3b4;\n}\n.dof-btn-highlight-red-plain[data-v-5680972d] {\n    background-color: #101315;\n}\n.dof-btn-highlight-red-plain[data-v-5680972d]:active {\n    background-color: #251416;\n}\n.dof-btn-highlight-brown-default[data-v-5680972d] {\n    background-color: #745b5e;\n}\n.dof-btn-highlight-brown-default[data-v-5680972d]:active {\n    background-color: #685254;\n}\n.dof-btn-highlight-red-base[data-v-5680972d] {\n    background-color: #d0cecf;\n}\n.dof-btn-highlight-red-base[data-v-5680972d]:active {\n    background-color: #8889ba;\n}\n.dof-btn-highlight-red-plain[data-v-5680972d] {\n    background-color: #101315;\n}\n.dof-btn-highlight-red-plain[data-v-5680972d]:active {\n    background-color: #1b1c1e;\n}\n}", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-button/diablo.css"],"names":[],"mappings":";AAAA;AACE;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AAED;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AAED;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;CACF","file":"diablo.css","sourcesContent":["@media screen and (weex-theme: diablo) {\n  .dof-btn-highlight-primary-default {\n    background-color: #0490d3;\n  }\n  .dof-btn-highlight-primary-default:active {\n    background-color: #0481bd;\n  }\n  .dof-btn-highlight-primary-base {\n    background-color: #144A64;\n  }\n  .dof-btn-highlight-primary-base:active {\n    background-color: #b2bec6;\n  }\n  .dof-btn-highlight-primary-plain {\n    background-color: #101315;\n  }\n  .dof-btn-highlight-primary-plain:active {\n    background-color: #0e1f28;\n  }\n  .dof-btn-highlight-purple-default {\n    background-color: #805ed1;\n  }\n  .dof-btn-highlight-purple-default:active {\n    background-color: #7354bc;\n  }\n  .dof-btn-highlight-purple-base {\n    background-color: #d2ceda;\n  }\n  .dof-btn-highlight-purple-base:active {\n    background-color: #bdb9c4;\n  }\n  .dof-btn-highlight-purple-plain {\n    background-color: #101315;\n  }\n  .dof-btn-highlight-purple-plain:active {\n    background-color: #1d1c2b;\n  }\n  \n  .dof-btn-highlight-slate-default {\n    background-color: #5865DC;\n  }\n  .dof-btn-highlight-slate-default:active {\n    background-color: #5b69e6;\n  }\n  .dof-btn-highlight-slate-base {\n    background-color: #E6E8FF;\n  }\n  .dof-btn-highlight-slate-base:active {\n    background-color: #ced0e5;\n  }\n  .dof-btn-highlight-slate-plain {\n    background-color: #101315;\n  }\n  .dof-btn-highlight-slate-plain:active {\n    background-color: #1d1c2b;\n  }\n  .dof-btn-highlight-aqua-default {\n    background-color: #25A8DC;\n  }\n  .dof-btn-highlight-aqua-default:active {\n    background-color: #24afe6;\n  }\n  .dof-btn-highlight-aqua-base {\n    background-color: #E6F8FF;\n  }\n  .dof-btn-highlight-aqua-base:active {\n    background-color: #cedee5;\n  }\n  .dof-btn-highlight-aqua-plain {\n    background-color: #101315;\n  }\n  .dof-btn-highlight-aqua-plain:active {\n    background-color: #1d1c2b;\n  }\n  .dof-btn-highlight-turquoise-default {\n    background-color: #039D95;\n  }\n  .dof-btn-highlight-turquoise-default:active {\n    background-color: #028d87;\n  }\n  .dof-btn-highlight-turquoise-base {\n    background-color: #c5dcda;\n  }\n  .dof-btn-highlight-turquoise-base:active {\n    background-color: #b1c6c4;\n  }\n  .dof-btn-highlight-turquoise-plain {\n    background-color: #101315;\n  }\n  .dof-btn-highlight-turquoise-plain:active {\n    background-color: #012122;\n  }\n  .dof-btn-highlight-yellow-default {\n    background-color: #BE8214;\n  }\n  .dof-btn-highlight-yellow-default:active {\n    background-color: #ab7611;\n  }\n  .dof-btn-highlight-yellow-base {\n    background-color: #dcd1c1;\n  }\n  .dof-btn-highlight-yellow-base:active {\n    background-color: #c6bcad;\n  }\n  .dof-btn-highlight-yellow-plain {\n    background-color: #101315;\n  }\n  .dof-btn-highlight-yellow-plain:active {\n    background-color: #221e15;\n  }\n  .dof-btn-highlight-orange-default {\n    background-color: #Db7122;\n  }\n  .dof-btn-highlight-orange-default:active {\n    background-color: #bd5023;\n  }\n  .dof-btn-highlight-orange-base {\n    background-color: #dcd1c1;\n  }\n  .dof-btn-highlight-orange-base:active {\n    background-color: #c6b5b2;\n  }\n  .dof-btn-highlight-orange-plain {\n    background-color: #101315;\n  }\n  .dof-btn-highlight-orange-plain:active {\n    background-color: #231a16;\n  }\n  .dof-btn-highlight-tomato-default {\n    background-color: #d35926;\n  }\n  .dof-btn-highlight-tomato-default:active {\n    background-color: #bd5023;\n  }\n  .dof-btn-highlight-tomato-base {\n    background-color: #dbc9c6;\n  }\n  .dof-btn-highlight-tomato-base:active {\n    background-color: #c6b5b2;\n  }\n  .dof-btn-highlight-tomato-plain {\n    background-color: #101315;\n  }\n  .dof-btn-highlight-tomato-plain:active {\n    background-color: #231a16;\n  }\n  .dof-btn-highlight-gray-default {\n    background-color: #6b7587;\n  }\n  .dof-btn-highlight-gray-default:active {\n    background-color: #616979;\n  }\n  .dof-btn-highlight-gray-base {\n    background-color: #b2b9b6;\n  }\n  .dof-btn-highlight-gray-base:active {\n    background-color: #a0a6b2;\n  }\n  .dof-btn-highlight-gray-plain {\n    background-color: #101315;\n  }\n  .dof-btn-highlight-gray-plain:active {\n    background-color: #1a1f23;\n  }\n  .dof-btn-highlight-red-default {\n    background-color: #c61a1c;\n  }\n  .dof-btn-highlight-red-default:active {\n    background-color: #b11819;\n  }\n  .dof-btn-highlight-red-base {\n    background-color: #dbc7c8;\n  }\n  .dof-btn-highlight-red-base:active {\n    background-color: #c2b3b4;\n  }\n  .dof-btn-highlight-red-plain {\n    background-color: #101315;\n  }\n  .dof-btn-highlight-red-plain:active {\n    background-color: #251416;\n  }\n  \n  .dof-btn-highlight-brown-default {\n    background-color: #745b5e;\n  }\n  .dof-btn-highlight-brown-default:active {\n    background-color: #685254;\n  }\n  .dof-btn-highlight-red-base {\n    background-color: #d0cecf;\n  }\n  .dof-btn-highlight-red-base:active {\n    background-color: #8889ba;\n  }\n  .dof-btn-highlight-red-plain {\n    background-color: #101315;\n  }\n  .dof-btn-highlight-red-plain:active {\n    background-color: #1b1c1e;\n  }\n}"],"sourceRoot":""}]);
 
 // exports
 
@@ -8864,7 +8864,7 @@ exports = module.exports = __webpack_require__(0)(true);
 
 
 // module
-exports.push([module.i, ".search-bar-input[data-v-59d06228]::-webkit-input-placeholder {\ncolor: #797c7e;\n}\n.search-bar-input[data-v-59d06228]:-moz-placeholder {\ncolor: #797c7e;\n}\n.search-bar-input[data-v-59d06228]::-moz-placeholder {\ncolor: #797c7e;\n}\n.search-bar-input[data-v-59d06228]:-ms-input-placeholder {\ncolor: #797c7e;\n}\n.search-bar-input[data-v-59d06228]:placeholder-shown {\ncolor: #797c7e;\n}\n@media screen and (weex-theme: diablo) {\n.content-title[data-v-59d06228] {\n    color: #cfcfd0;\n}\n.search-bar-input[data-v-59d06228] {\n    color: #cfcfd0;\n    background-color: #171c1f;\n    placeholder-color: #797c7e;\n}\n.mask[data-v-59d06228]:active {\n    background-color: rgba(255, 255, 255, 0.1);\n}\n}", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-modal/<no source>","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-modal/diablo.css"],"names":[],"mappings":"AAAA;AAAA,eAAA;CAAA;AAAA;AAAA,eAAA;CAAA;AAAA;AAAA,eAAA;CAAA;AAAA;AAAA,eAAA;CAAA;AAAA;AAAA,eAAA;CAAA;ACAA;AACE;IACE,eAAe;CAChB;AAED;IACE,eAAe;IACf,0BAA0B;IAC1B,2BAA2B;CAC5B;AACD;IACE,2CAA2C;CAC5C;CACF","file":"diablo.css","sourcesContent":[null,"@media screen and (weex-theme: diablo) {\n  .content-title {\n    color: #cfcfd0;\n  }\n\n  .search-bar-input {\n    color: #cfcfd0;\n    background-color: #171c1f;\n    placeholder-color: #797c7e;\n  }\n  .mask:active {\n    background-color: rgba(255, 255, 255, 0.1);\n  }\n}"],"sourceRoot":""}]);
+exports.push([module.i, ".search-bar-input[data-v-59d06228]::-webkit-input-placeholder {\ncolor: #2B2F32;\n}\n.search-bar-input[data-v-59d06228]:-moz-placeholder {\ncolor: #2B2F32;\n}\n.search-bar-input[data-v-59d06228]::-moz-placeholder {\ncolor: #2B2F32;\n}\n.search-bar-input[data-v-59d06228]:-ms-input-placeholder {\ncolor: #2B2F32;\n}\n.search-bar-input[data-v-59d06228]:placeholder-shown {\ncolor: #2B2F32;\n}\n@media screen and (weex-theme: diablo) {\n.content-title[data-v-59d06228] {\n    color: #cfcfd0;\n}\n.search-bar-input[data-v-59d06228] {\n    color: #cfcfd0;\n    background-color: #171c1f;\n    placeholder-color: #2B2F32;\n}\n.mask[data-v-59d06228]:active {\n    background-color: rgba(255, 255, 255, 0.1);\n}\n}", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-modal/<no source>","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-modal/diablo.css"],"names":[],"mappings":"AAAA;AAAA,eAAA;CAAA;AAAA;AAAA,eAAA;CAAA;AAAA;AAAA,eAAA;CAAA;AAAA;AAAA,eAAA;CAAA;AAAA;AAAA,eAAA;CAAA;ACAA;AACE;IACE,eAAe;CAChB;AAED;IACE,eAAe;IACf,0BAA0B;IAC1B,2BAA2B;CAC5B;AACD;IACE,2CAA2C;CAC5C;CACF","file":"diablo.css","sourcesContent":[null,"@media screen and (weex-theme: diablo) {\n  .content-title {\n    color: #cfcfd0;\n  }\n\n  .search-bar-input {\n    color: #cfcfd0;\n    background-color: #171c1f;\n    placeholder-color: #2B2F32;\n  }\n  .mask:active {\n    background-color: rgba(255, 255, 255, 0.1);\n  }\n}"],"sourceRoot":""}]);
 
 // exports
 
@@ -9032,7 +9032,7 @@ exports = module.exports = __webpack_require__(0)(true);
 
 
 // module
-exports.push([module.i, "\n.wrapper[data-v-70015f30] {\n  z-index: 999;\n}\n.g-cover[data-v-70015f30] {\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  /* background-color: rgba(0, 0, 0, 0.4); */\n  z-index: 1;\n}\n.g-popover[data-v-70015f30] {\n  position: fixed;\n  padding: 0.2rem;\n  z-index: 10;\n}\n.u-popover-arrow[data-v-70015f30] {\n  position: absolute;\n  /* border-radius: 4px; */\n  width: 0.48rem;\n  height: 0.48rem;\n  background-color: #ffffff;\n  -webkit-transform: rotateZ(45deg);\n          transform: rotateZ(45deg);\n}\n.u-popover-inner[data-v-70015f30] {\n  border-radius: 0.21333rem;\n  background-color: #ffffff;\n  max-width: 9.14667rem;\n}\n.content-inner[data-v-70015f30] {\n  border-radius: 0.21333rem;\n  max-width: 9.14667rem;\n  padding: 0.32rem;\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: 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: center;\n  -webkit-align-items: center;\n          align-items: center;\n}\n.closeBox[data-v-70015f30] {\n  padding-top: 0.13333rem;\n  padding-bottom: 0.13333rem;\n  padding-right: 0px;\n  padding-left: 0.13333rem;\n}\n.closeIcon[data-v-70015f30] {\n  width: 0.24rem;\n  height: 0.24rem;\n}\n.u-popover-theme-white[data-v-70015f30] {\n  background-color: #ffffff;\n}\n.u-popover-theme-dark[data-v-70015f30] {\n  background-color: #1E2E37;\n}\n.i-btn[data-v-70015f30] {\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: center;\n  -webkit-align-items: center;\n          align-items: center;\n  /* margin-left: 10px;\n  margin-right: 10px; */\n  /* padding-left: 20px; */\n  /* padding-right: 20px; */\n}\n.row-layout[data-v-70015f30] {\n  padding-left: 0.48rem;\n  padding-right: 0.48rem;\n}\n.column-layout[data-v-70015f30] {\n  padding-top: 0.02667rem;\n  padding-bottom: 0.02667rem;\n}\n.borderRight[data-v-70015f30] {\n  border-right-width: 1px;\n  border-right-color: #eaeaeb;\n}\n.borderBottom[data-v-70015f30] {\n  border-bottom-width: 1px;\n  border-bottom-color: #eaeaeb;\n}\n.i-btn-noborder[data-v-70015f30] {\n  border-bottom-color: #ffffff;\n}\n.btn-icon[data-v-70015f30] {\n  width: 0.42667rem;\n  height: 0.42667rem;\n  margin-right: 0.21333rem;\n}\n.btn-text[data-v-70015f30] {\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n          flex: 1;\n  height: 1.28rem;\n  font-size: 0.37333rem;\n  line-height: 1.28rem;\n  color: #232323;\n  margin-left: 0.10667rem;\n}\n.btn-text-theme-dark[data-v-70015f30] {\n  color: #ffffff;\n}\n.text-align-center[data-v-70015f30] {\n  text-align: center;\n}\n.textContent[data-v-70015f30] {\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n          flex: 1;\n  font-family: PingFangSC-Regular;\n  font-size: 0.32rem;\n  color: #616C73;\n  font-weight: 400;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-popover2/index.vue?868baf72"],"names":[],"mappings":";AA4dA;EACA,aAAA;CACA;AACA;EACA,gBAAA;EACA,OAAA;EACA,SAAA;EACA,QAAA;EACA,UAAA;EACA,2CAAA;EACA,WAAA;CACA;AACA;EACA,gBAAA;EACA,gBAAA;EACA,YAAA;CACA;AACA;EACA,mBAAA;EACA,yBAAA;EACA,eAAA;EACA,gBAAA;EACA,0BAAA;EACA,kCAAA;UAAA,0BAAA;CACA;AACA;EACA,0BAAA;EACA,0BAAA;EACA,sBAAA;CACA;AACA;EACA,0BAAA;EACA,sBAAA;EACA,iBAAA;EACA,qBAAA;EAAA,sBAAA;EAAA,cAAA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EAAA,uCAAA;UAAA,+BAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;CACA;AACA;EACA,wBAAA;EACA,2BAAA;EACA,mBAAA;EACA,yBAAA;CACA;AACA;EACA,eAAA;EACA,gBAAA;CACA;AAEA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EAAA,uCAAA;UAAA,+BAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA;wBACA;EACA,yBAAA;EACA,0BAAA;CACA;AACA;EACA,sBAAA;EACA,uBAAA;CACA;AACA;EACA,wBAAA;EACA,2BAAA;CACA;AACA;EACA,wBAAA;EACA,4BAAA;CACA;AACA;EACA,yBAAA;EACA,6BAAA;CACA;AACA;EACA,6BAAA;CACA;AACA;EACA,kBAAA;EACA,mBAAA;EACA,yBAAA;CACA;AACA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA;EACA,gBAAA;EACA,sBAAA;EACA,qBAAA;EACA,eAAA;EACA,wBAAA;CACA;AACA;EACA,eAAA;CACA;AACA;EACA,mBAAA;CACA;AACA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA;EACA,gCAAA;EACA,mBAAA;EACA,eAAA;EACA,iBAAA;CACA","file":"index.vue","sourcesContent":["<!--\n* @description\n* @fileName dof-popover\n* @author liangzw\n* @date 2021/01/26 11:35:06\n!-->\n<template>\n  <div class=\"wrapper\">\n    <div class=\"g-cover\" ref=\"dof-cover\" v-if=\"show\" @click=\"clickCover\" :style=\"coverStyle\"></div>\n    <div ref=\"dof-popover\" class=\"g-popover\" v-if=\"show && buttons.length\" :style=\"contentStyle\">\n      <div :class=\"['u-popover-arrow', theme !== 'white' && 'u-popover-theme-dark']\" :style=\"arrowStyle\"></div>\n      <scroller\n        show-scrollbar=\"false\"\n        :class=\"['u-popover-inner', theme !== 'white' && 'u-popover-theme-dark']\"\n        :style=\"popoverInnerStyle\"\n        ref=\"dof-inner-popover\"\n      >\n        <div\n          :class=\"[\n            'i-btn',\n            i === buttons.length - 1 ? 'i-btn-noborder' : '',\n            layoutDirection == 'row' ? 'row-layout' : 'column-layout',\n            layoutDirection == 'row' && i != buttons.length - 1 ? 'borderRight' : '',\n            layoutDirection == 'column' && i != buttons.length - 1 ? 'borderBottom' : ''\n          ]\"\n          v-for=\"(item, i) in buttons\"\n          :key=\"i\"\n          @click=\"dofButtonClicked(i, item.key)\"\n        >\n          <image :src=\"item.icon\" v-if=\"item.icon && !_isColmo\" class=\"btn-icon\"></image>\n          <dof-iconfont\n            v-if=\"item.icon && _isColmo\"\n            :code=\"item.icon\"\n            :size=\"56\"\n            :color=\"textStyle.color ? textStyle.color : 'rgba(255,255,255,0.80)'\"\n            @dofIconFontClicked=\"dofButtonClicked(i, item.key)\"\n          ></dof-iconfont>\n          <text :class=\"['btn-text', theme !== 'white' && 'btn-text-theme-dark']\" :style=\"textStyle\">{{\n            item.text\n          }}</text>\n        </div>\n      </scroller>\n    </div>\n    <div ref=\"dof-popover\" class=\"g-popover\" v-if=\"show && !buttons.length\" :style=\"contentStyle\" @click=\"() => {}\">\n      <div :class=\"['u-popover-arrow', theme !== 'white' && 'u-popover-theme-dark']\" :style=\"arrowStyle\"></div>\n      <div class=\"content-inner\" ref=\"dof-inner-popover\" :style=\"innerContentStyle\">\n        <slot>\n          <text class=\"textContent\" :style=\"textStyle\">{{ textContent }}</text>\n          <slot name=\"icon\">\n            <div class=\"closeBox\" v-if=\"isShowClose\" @click=\"$emit('clickedCloseBtn')\">\n              <image v-if=\"!_isColmo\" :src=\"imgs.close\" class=\"closeIcon\"></image>\n              <dof-iconfont\n                v-else\n                :code=\"'\\u4725'\"\n                :size=\"32\"\n                :color=\"_isColmo ? 'rgba(255,255,255,0.80)' : '#1E2E37'\"\n                @dofIconFontClicked=\"$emit('clickedCloseBtn')\"\n              ></dof-iconfont>\n            </div>\n          </slot>\n        </slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nconst { env } = weex.config\nconst animation = weex.requireModule('animation')\nconst dom = weex.requireModule('dom')\nimport imgs from './imgs'\nimport ColmoMixin from '../../mixins/colmo'\nimport DofIconfont from '../dof-iconfont'\nexport default {\n  mixins: [ColmoMixin],\n  components: { DofIconfont },\n  props: {\n    mode: {\n      type: String,\n      default: 'common'\n    },\n    theme: {\n      type: String,\n      default: 'white'\n    },\n    layoutDirection: {\n      type: String,\n      default: 'column'\n    },\n    buttons: {\n      type: Array,\n      default: () => []\n    },\n    position: {\n      type: Object,\n      default: () => ({\n        x: 0,\n        y: 0\n      })\n    },\n    arrowPosition: {\n      type: Object,\n      default: () => ({\n        pos: 'top',\n        x: 0,\n        y: 0\n      })\n    },\n    coverColor: {\n      type: String,\n      default: 'rgba(0, 0, 0, 0.1)'\n    },\n    hasAnimation: {\n      type: Boolean,\n      default: true\n    },\n    textStyle: {\n      type: Object,\n      default: () => ({})\n    },\n    textContent: {\n      type: String,\n      default: ''\n    },\n    innerBgColor: {\n      type: String,\n      default: ''\n    },\n    isClickCoverHide: {\n      type: Boolean,\n      default: true\n    },\n    isShowClose: {\n      type: Boolean,\n      default: false\n    },\n    width: {\n      type: Number,\n      default: 0\n    },\n    elPos: {\n      type: Object,\n      default: null\n    }\n  },\n  data: () => ({\n    sHeight: (env.deviceHeight / env.deviceWidth) * 750,\n    show: false,\n    showIn: false,\n    imgs,\n    position_: { x: 0, y: 0 }\n  }),\n  watch: {\n    elPos(val) {\n      setTimeout(() => {\n        this.handleElPos(val)\n      }, 100)\n    },\n    position: {\n      handler(val) {\n        if (!this.elPos) {\n          this.position_ = val\n        }\n      },\n      immediate: true\n    }\n  },\n  created() {},\n  computed: {\n    coverStyle() {\n      return this.coverColor\n        ? { backgroundColor: this.coverColor, opacity: this.hasAnimation || !this.showIn ? '0' : '1' }\n        : ''\n    },\n    transformOrigin() {\n      const { x = 0, y = 0, pos = 'top' } = this.arrowPosition\n      let _origins = []\n      switch (pos) {\n        case 'top':\n        case 'bottom':\n          _origins = [x < 0 ? 'right' : 'left', pos]\n          break\n        case 'left':\n        case 'right':\n          _origins = [pos, y < 0 ? 'bottom' : 'top']\n          break\n      }\n      return _origins.join(' ')\n    },\n    contentTransform() {\n      const { pos = 'top' } = this.arrowPosition\n      let { x = 0, y = 0 } = this.arrowPosition\n      const _translates = ['scale(0)']\n      if (x >= 0 && x < 22) {\n        x = 22\n      } else if (x < 0 && x > -22) {\n        x = -22\n      }\n      if (y >= 0 && y < 22) {\n        y = 22\n      } else if (y < 0 && y > -22) {\n        y = -22\n      }\n      switch (pos) {\n        case 'top':\n        case 'bottom':\n          _translates[1] = `translateX(${x < 0 ? x - 15 : x + 15}px)`\n          break\n        case 'left':\n        case 'right':\n          _translates[1] = `translateY(${y < 0 ? y - 15 : y + 15}px)`\n          break\n      }\n      return _translates.join(' ')\n    },\n    contentStyle() {\n      const { x = 0, y = 0 } = this.position_\n      const style = {}\n      if (!this.elPos) {\n        x < 0 ? (style.right = `${-x}px`) : (style.left = `${x}px`)\n        y < 0 ? (style.bottom = `${-y}px`) : (style.top = `${y}px`)\n      } else {\n        if (this.arrowPosition.pos === 'bottom') {\n          style.left = `${x}px`\n          style.top = `${y}px`\n        } else {\n          style.left = `${x}px`\n          style.top = `${y}px`\n        }\n      }\n\n      style.opacity = this.hasAnimation || !this.showIn ? '0' : '1'\n      style.transform = this.hasAnimation || !this.showIn ? this.contentTransform : 'scale(1)'\n      style.transformOrigin = this.transformOrigin\n      return style\n    },\n    arrowStyle() {\n      let { x = 0, y = 0 } = this.arrowPosition\n      const { pos = 'top' } = this.arrowPosition\n      const style = {\n        backgroundColor: this.bgColor\n      }\n      switch (pos) {\n        case 'top':\n          style.top = '6px'\n        case 'bottom': //eslint-disable-line\n          !style.top && (style.bottom = '6px')\n          // style.transform = 'rotateZ(45deg) rotateY(45deg)'\n          if (x >= 0 && x < 22) {\n            x = 22\n          } else if (x < 0 && x > -22) {\n            x = -22\n          }\n          x < 0 ? (style.right = `${-x}px`) : (style.left = `${x}px`)\n          break\n        case 'left':\n          style.left = '6px'\n        case 'right': //eslint-disable-line\n          !style.left && (style.right = '6px')\n          // style.transform = 'scaleY(0.8) rotate(45deg)'\n          if (y >= 0 && y < 22) {\n            y = 22\n          } else if (y < 0 && y > -22) {\n            y = -22\n          }\n          y < 0 ? (style.bottom = `${-y}px`) : (style.top = `${y}px`)\n          break\n        default:\n          break\n      }\n      return style\n    },\n    popoverInnerStyle() {\n      let { layoutDirection } = this\n      if (layoutDirection === 'row') {\n        return {\n          ...this.innerContentStyle,\n          flexDirection: 'row'\n        }\n      } else {\n        return {\n          ...this.innerContentStyle,\n          flexDirection: 'column'\n        }\n      }\n    },\n    btnInnerStyle() {\n      let { layoutDirection } = this\n      if (layoutDirection === 'row') {\n        return {\n          borderRightWidth: '1px'\n        }\n      } else {\n        return {\n          borderBottomWidth: '1px'\n        }\n      }\n    },\n    bgColor() {\n      return this.innerBgColor ? this.innerBgColor : this.theme === 'dark' ? '#000' : this._isColmo ? '#292b2f' : '#fff'\n    },\n    innerContentStyle() {\n      const style = {\n        backgroundColor: this.bgColor\n      }\n      if (this.width) style.width = this.width + 'px'\n      if (this._isColmo && this.isShowClose) style.paddingRight = '10px'\n      return style\n    }\n  },\n  methods: {\n    dofPopoverShow() {\n      if (this.animationLock) {\n        return\n      }\n      if (this.elPos.el) this.handleElPos(this.elPos)\n      this.show = true\n      if (this.hasAnimation) {\n        setTimeout(() => this.dofPopoverAnimationShow(), 40)\n      } else {\n        setTimeout(() => (this.showIn = true), 40)\n      }\n    },\n    /**\n     * smooth in\n     **/\n    dofPopoverAnimationShow() {\n      const popoverEl = this.$refs['dof-popover']\n      const coverEl = this.$refs['dof-cover']\n      if (!coverEl || !popoverEl) {\n        return\n      }\n      this.setAnimationLock()\n      let a1End = false\n      let a2End = false\n      animation.transition(\n        popoverEl,\n        {\n          styles: {\n            opacity: 1,\n            transform: 'scale(1)',\n            transformOrigin: this.transformOrigin\n          },\n          delay: 0,\n          duration: 250,\n          timingFunction: 'ease-out'\n        },\n        e => {\n          a1End = true\n          if (a1End && a2End) {\n            this.animationLock = false\n          }\n        }\n      )\n\n      animation.transition(\n        coverEl,\n        {\n          styles: {\n            opacity: 1\n          },\n          delay: 0,\n          duration: 250,\n          timingFunction: 'ease-in'\n        },\n        e => {\n          a2End = true\n          if (a1End && a2End) {\n            this.animationLock = false\n          }\n        }\n      )\n    },\n    dofButtonClicked(index, key) {\n      if (this.animationLock) {\n        return\n      }\n      this.$emit('dofPopoverButtonClicked', { key, index })\n      this.hideAction()\n    },\n    /**\n     * 隐藏操作\n     */\n    hideAction() {\n      if (this.animationLock) {\n        return\n      }\n      if (this.hasAnimation && this.show) {\n        this.setAnimationLock()\n        const popoverEl = this.$refs['dof-popover']\n        const coverEl = this.$refs['dof-cover']\n        if (!popoverEl || !coverEl) {\n          return\n        }\n        let a1End = false\n        let a2End = false\n        animation.transition(\n          popoverEl,\n          {\n            styles: {\n              opacity: 0,\n              transform: this.contentTransform,\n              transformOrigin: this.transformOrigin\n            },\n            duration: 250\n          },\n          () => {\n            a1End = true\n            if (a1End && a2End) {\n              this.show = false\n              this.showIn = false\n              this.animationLock = false\n            }\n          }\n        )\n        animation.transition(\n          coverEl,\n          {\n            styles: {\n              opacity: 0\n            },\n            duration: 250\n          },\n          () => {\n            a2End = true\n            if (a1End && a2End) {\n              this.show = false\n              this.showIn = false\n              this.animationLock = false\n            }\n          }\n        )\n      } else {\n        this.show = false\n        this.showIn = false\n      }\n    },\n    /**\n     * 设置动画锁\n     */\n    setAnimationLock() {\n      this.animationLock = true\n    },\n    clickCover() {\n      this.isClickCoverHide && this.hideAction()\n      this.$emit('dofPopoverCoverClicked')\n    },\n    getPosition(el) {\n      return new Promise((resolve, reject) => {\n        dom.getComponentRect(el, result => {\n          let size = result.size || {}\n          resolve(size)\n        })\n      })\n    },\n    async handleElPos(val) {\n      if (!val.el) return\n      const res = await this.getPosition(val.el)\n      if (this.arrowPosition.pos === 'top' || !this.arrowPosition.pos) {\n        this.position_ = { x: res.left - 15 + this.elPos.offsetX, y: res.top + res.height + this.elPos.offsetY }\n      }\n      if (this.arrowPosition.pos === 'bottom') {\n        this.position_ = { x: res.left - 15 + this.elPos.offsetX, y: res.top - 110 - 15 + this.elPos.offsetY }\n      }\n      if (this.arrowPosition.pos === 'left') {\n        this.position_ = { x: res.left + res.width + 10 + this.elPos.offsetX, y: res.top - 15 + this.elPos.offsetY }\n      }\n      if (this.arrowPosition.pos === 'right') {\n        this.position_ = { x: res.left - 285 + this.elPos.offsetX, y: res.top - 15 + this.elPos.offsetY }\n      }\n    }\n  }\n}\n</script>\n\n<style scoped>\n.wrapper {\n  z-index: 999;\n}\n.g-cover {\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  /* background-color: rgba(0, 0, 0, 0.4); */\n  z-index: 1;\n}\n.g-popover {\n  position: fixed;\n  padding: 15px;\n  z-index: 10;\n}\n.u-popover-arrow {\n  position: absolute;\n  /* border-radius: 4px; */\n  width: 36px;\n  height: 36px;\n  background-color: #ffffff;\n  transform: rotateZ(45deg);\n}\n.u-popover-inner {\n  border-radius: 16px;\n  background-color: #ffffff;\n  max-width: 686px;\n}\n.content-inner {\n  border-radius: 16px;\n  max-width: 686px;\n  padding: 24px;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n}\n.closeBox {\n  padding-top: 10px;\n  padding-bottom: 10px;\n  padding-right: 0px;\n  padding-left: 10px;\n}\n.closeIcon {\n  width: 18px;\n  height: 18px;\n}\n\n.u-popover-theme-white {\n  background-color: #ffffff;\n}\n.u-popover-theme-dark {\n  background-color: #1E2E37;\n}\n.i-btn {\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  /* margin-left: 10px;\n  margin-right: 10px; */\n  /* padding-left: 20px; */\n  /* padding-right: 20px; */\n}\n.row-layout {\n  padding-left: 36px;\n  padding-right: 36px;\n}\n.column-layout {\n  padding-top: 2px;\n  padding-bottom: 2px;\n}\n.borderRight {\n  border-right-width: 1px;\n  border-right-color: #eaeaeb;\n}\n.borderBottom {\n  border-bottom-width: 1px;\n  border-bottom-color: #eaeaeb;\n}\n.i-btn-noborder {\n  border-bottom-color: #ffffff;\n}\n.btn-icon {\n  width: 32px;\n  height: 32px;\n  margin-right: 16px;\n}\n.btn-text {\n  flex: 1;\n  height: 96px;\n  font-size: 28px;\n  line-height: 96px;\n  color: #232323;\n  margin-left: 8px;\n}\n.btn-text-theme-dark {\n  color: #ffffff;\n}\n.text-align-center {\n  text-align: center;\n}\n.textContent {\n  flex: 1;\n  font-family: PingFangSC-Regular;\n  font-size: 24px;\n  color: #616C73;\n  font-weight: 400;\n}\n</style>\n\n<style scoped src=\"./colmo.css\"></style>\n<style scoped src=\"./diablo.css\"></style>\n"],"sourceRoot":""}]);
+exports.push([module.i, "\n.wrapper[data-v-70015f30] {\n  z-index: 999;\n}\n.g-cover[data-v-70015f30] {\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  /* background-color: rgba(0, 0, 0, 0.4); */\n  z-index: 1;\n}\n.g-popover[data-v-70015f30] {\n  position: fixed;\n  padding: 0.2rem;\n  z-index: 10;\n}\n.u-popover-arrow[data-v-70015f30] {\n  position: absolute;\n  /* border-radius: 4px; */\n  width: 0.48rem;\n  height: 0.48rem;\n  background-color: #ffffff;\n  -webkit-transform: rotateZ(45deg);\n          transform: rotateZ(45deg);\n}\n.u-popover-inner[data-v-70015f30] {\n  border-radius: 0.21333rem;\n  background-color: #ffffff;\n  max-width: 9.14667rem;\n}\n.content-inner[data-v-70015f30] {\n  border-radius: 0.21333rem;\n  max-width: 9.14667rem;\n  padding: 0.32rem;\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: 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: center;\n  -webkit-align-items: center;\n          align-items: center;\n}\n.closeBox[data-v-70015f30] {\n  padding-top: 0.13333rem;\n  padding-bottom: 0.13333rem;\n  padding-right: 0px;\n  padding-left: 0.13333rem;\n}\n.closeIcon[data-v-70015f30] {\n  width: 0.24rem;\n  height: 0.24rem;\n}\n.u-popover-theme-white[data-v-70015f30] {\n  background-color: #ffffff;\n}\n.u-popover-theme-dark[data-v-70015f30] {\n  background-color: #1E2E37;\n}\n.i-btn[data-v-70015f30] {\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: center;\n  -webkit-align-items: center;\n          align-items: center;\n  /* margin-left: 10px;\n  margin-right: 10px; */\n  /* padding-left: 20px; */\n  /* padding-right: 20px; */\n}\n.row-layout[data-v-70015f30] {\n  padding-left: 0.48rem;\n  padding-right: 0.48rem;\n}\n.column-layout[data-v-70015f30] {\n  padding-top: 0.02667rem;\n  padding-bottom: 0.02667rem;\n}\n.borderRight[data-v-70015f30] {\n  border-right-width: 1px;\n  border-right-color: #eaeaeb;\n}\n.borderBottom[data-v-70015f30] {\n  border-bottom-width: 1px;\n  border-bottom-color: #eaeaeb;\n}\n.i-btn-noborder[data-v-70015f30] {\n  border-bottom-color: #ffffff;\n}\n.btn-icon[data-v-70015f30] {\n  width: 0.42667rem;\n  height: 0.42667rem;\n  margin-right: 0.21333rem;\n}\n.btn-text[data-v-70015f30] {\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n          flex: 1;\n  height: 1.28rem;\n  font-size: 0.37333rem;\n  line-height: 1.28rem;\n  color: #232323;\n  margin-left: 0.10667rem;\n}\n.btn-text-theme-dark[data-v-70015f30] {\n  color: #ffffff;\n}\n.text-align-center[data-v-70015f30] {\n  text-align: center;\n}\n.textContent[data-v-70015f30] {\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n          flex: 1;\n  font-family: PingFangSC-Regular;\n  font-size: 0.32rem;\n  color: #616C73;\n  font-weight: 400;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-popover2/index.vue?5b9299d0"],"names":[],"mappings":";AA6dA;EACA,aAAA;CACA;AACA;EACA,gBAAA;EACA,OAAA;EACA,SAAA;EACA,QAAA;EACA,UAAA;EACA,2CAAA;EACA,WAAA;CACA;AACA;EACA,gBAAA;EACA,gBAAA;EACA,YAAA;CACA;AACA;EACA,mBAAA;EACA,yBAAA;EACA,eAAA;EACA,gBAAA;EACA,0BAAA;EACA,kCAAA;UAAA,0BAAA;CACA;AACA;EACA,0BAAA;EACA,0BAAA;EACA,sBAAA;CACA;AACA;EACA,0BAAA;EACA,sBAAA;EACA,iBAAA;EACA,qBAAA;EAAA,sBAAA;EAAA,cAAA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EAAA,uCAAA;UAAA,+BAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;CACA;AACA;EACA,wBAAA;EACA,2BAAA;EACA,mBAAA;EACA,yBAAA;CACA;AACA;EACA,eAAA;EACA,gBAAA;CACA;AAEA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EAAA,uCAAA;UAAA,+BAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA;wBACA;EACA,yBAAA;EACA,0BAAA;CACA;AACA;EACA,sBAAA;EACA,uBAAA;CACA;AACA;EACA,wBAAA;EACA,2BAAA;CACA;AACA;EACA,wBAAA;EACA,4BAAA;CACA;AACA;EACA,yBAAA;EACA,6BAAA;CACA;AACA;EACA,6BAAA;CACA;AACA;EACA,kBAAA;EACA,mBAAA;EACA,yBAAA;CACA;AACA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA;EACA,gBAAA;EACA,sBAAA;EACA,qBAAA;EACA,eAAA;EACA,wBAAA;CACA;AACA;EACA,eAAA;CACA;AACA;EACA,mBAAA;CACA;AACA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA;EACA,gCAAA;EACA,mBAAA;EACA,eAAA;EACA,iBAAA;CACA","file":"index.vue","sourcesContent":["<!--\n* @description\n* @fileName dof-popover\n* @author liangzw\n* @date 2021/01/26 11:35:06\n!-->\n<template>\n  <div class=\"wrapper\">\n    <div class=\"g-cover\" ref=\"dof-cover\" v-if=\"show\" @click=\"clickCover\" :style=\"coverStyle\"></div>\n    <div ref=\"dof-popover\" class=\"g-popover\" v-if=\"show && buttons.length\" :style=\"contentStyle\">\n      <div :class=\"['u-popover-arrow', theme !== 'white' && 'u-popover-theme-dark']\" :style=\"arrowStyle\"></div>\n      <scroller\n        show-scrollbar=\"false\"\n        :class=\"['u-popover-inner', theme !== 'white' && 'u-popover-theme-dark']\"\n        :style=\"popoverInnerStyle\"\n        ref=\"dof-inner-popover\"\n      >\n        <div\n          :class=\"[\n            'i-btn',\n            i === buttons.length - 1 ? 'i-btn-noborder' : '',\n            layoutDirection == 'row' ? 'row-layout' : 'column-layout',\n            layoutDirection == 'row' && i != buttons.length - 1 ? 'borderRight' : '',\n            layoutDirection == 'column' && i != buttons.length - 1 ? 'borderBottom' : ''\n          ]\"\n          v-for=\"(item, i) in buttons\"\n          :key=\"i\"\n          @click=\"dofButtonClicked(i, item.key)\"\n        >\n          <image :src=\"item.icon\" v-if=\"item.icon && !_isColmo\" class=\"btn-icon\"></image>\n          <dof-iconfont\n            v-if=\"item.icon && _isColmo\"\n            :code=\"item.icon\"\n            :size=\"56\"\n            :color=\"textStyle.color ? textStyle.color : 'rgba(255,255,255,0.80)'\"\n            @dofIconFontClicked=\"dofButtonClicked(i, item.key)\"\n          ></dof-iconfont>\n          <text :class=\"['btn-text', theme !== 'white' && 'btn-text-theme-dark']\" :style=\"textStyle\">{{\n            item.text\n          }}</text>\n        </div>\n      </scroller>\n    </div>\n    <div ref=\"dof-popover\" class=\"g-popover\" v-if=\"show && !buttons.length\" :style=\"contentStyle\" @click=\"() => {}\">\n      <div :class=\"['u-popover-arrow', theme !== 'white' && 'u-popover-theme-dark']\" :style=\"arrowStyle\"></div>\n      <div class=\"content-inner\" ref=\"dof-inner-popover\" :style=\"innerContentStyle\">\n        <slot>\n          <text class=\"textContent\" :style=\"textStyle\">{{ textContent }}</text>\n          <slot name=\"icon\">\n            <div class=\"closeBox\" v-if=\"isShowClose\" @click=\"$emit('clickedCloseBtn')\">\n              <image v-if=\"!_isColmo\" :src=\"_isDiablo ? imgs.closeDiablo : imgs.close\" class=\"closeIcon\"></image>\n              <dof-iconfont\n                v-else\n                :code=\"'\\u4725'\"\n                :size=\"32\"\n                :color=\"_isColmo ? 'rgba(255,255,255,0.80)' : '#1E2E37'\"\n                @dofIconFontClicked=\"$emit('clickedCloseBtn')\"\n              ></dof-iconfont>\n            </div>\n          </slot>\n        </slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nconst { env } = weex.config\nconst animation = weex.requireModule('animation')\nconst dom = weex.requireModule('dom')\nimport imgs from './imgs'\nimport ColmoMixin from '../../mixins/colmo'\nimport DiabloMixin from '../../mixins/diablo'\nimport DofIconfont from '../dof-iconfont'\nexport default {\n  mixins: [ColmoMixin, DiabloMixin],\n  components: { DofIconfont },\n  props: {\n    mode: {\n      type: String,\n      default: 'common'\n    },\n    theme: {\n      type: String,\n      default: 'white'\n    },\n    layoutDirection: {\n      type: String,\n      default: 'column'\n    },\n    buttons: {\n      type: Array,\n      default: () => []\n    },\n    position: {\n      type: Object,\n      default: () => ({\n        x: 0,\n        y: 0\n      })\n    },\n    arrowPosition: {\n      type: Object,\n      default: () => ({\n        pos: 'top',\n        x: 0,\n        y: 0\n      })\n    },\n    coverColor: {\n      type: String,\n      default: 'rgba(0, 0, 0, 0.1)'\n    },\n    hasAnimation: {\n      type: Boolean,\n      default: true\n    },\n    textStyle: {\n      type: Object,\n      default: () => ({})\n    },\n    textContent: {\n      type: String,\n      default: ''\n    },\n    innerBgColor: {\n      type: String,\n      default: ''\n    },\n    isClickCoverHide: {\n      type: Boolean,\n      default: true\n    },\n    isShowClose: {\n      type: Boolean,\n      default: false\n    },\n    width: {\n      type: Number,\n      default: 0\n    },\n    elPos: {\n      type: Object,\n      default: null\n    }\n  },\n  data: () => ({\n    sHeight: (env.deviceHeight / env.deviceWidth) * 750,\n    show: false,\n    showIn: false,\n    imgs,\n    position_: { x: 0, y: 0 }\n  }),\n  watch: {\n    elPos(val) {\n      setTimeout(() => {\n        this.handleElPos(val)\n      }, 100)\n    },\n    position: {\n      handler(val) {\n        if (!this.elPos) {\n          this.position_ = val\n        }\n      },\n      immediate: true\n    }\n  },\n  created() {},\n  computed: {\n    coverStyle() {\n      return this.coverColor\n        ? { backgroundColor: this.coverColor, opacity: this.hasAnimation || !this.showIn ? '0' : '1' }\n        : ''\n    },\n    transformOrigin() {\n      const { x = 0, y = 0, pos = 'top' } = this.arrowPosition\n      let _origins = []\n      switch (pos) {\n        case 'top':\n        case 'bottom':\n          _origins = [x < 0 ? 'right' : 'left', pos]\n          break\n        case 'left':\n        case 'right':\n          _origins = [pos, y < 0 ? 'bottom' : 'top']\n          break\n      }\n      return _origins.join(' ')\n    },\n    contentTransform() {\n      const { pos = 'top' } = this.arrowPosition\n      let { x = 0, y = 0 } = this.arrowPosition\n      const _translates = ['scale(0)']\n      if (x >= 0 && x < 22) {\n        x = 22\n      } else if (x < 0 && x > -22) {\n        x = -22\n      }\n      if (y >= 0 && y < 22) {\n        y = 22\n      } else if (y < 0 && y > -22) {\n        y = -22\n      }\n      switch (pos) {\n        case 'top':\n        case 'bottom':\n          _translates[1] = `translateX(${x < 0 ? x - 15 : x + 15}px)`\n          break\n        case 'left':\n        case 'right':\n          _translates[1] = `translateY(${y < 0 ? y - 15 : y + 15}px)`\n          break\n      }\n      return _translates.join(' ')\n    },\n    contentStyle() {\n      const { x = 0, y = 0 } = this.position_\n      const style = {}\n      if (!this.elPos) {\n        x < 0 ? (style.right = `${-x}px`) : (style.left = `${x}px`)\n        y < 0 ? (style.bottom = `${-y}px`) : (style.top = `${y}px`)\n      } else {\n        if (this.arrowPosition.pos === 'bottom') {\n          style.left = `${x}px`\n          style.top = `${y}px`\n        } else {\n          style.left = `${x}px`\n          style.top = `${y}px`\n        }\n      }\n\n      style.opacity = this.hasAnimation || !this.showIn ? '0' : '1'\n      style.transform = this.hasAnimation || !this.showIn ? this.contentTransform : 'scale(1)'\n      style.transformOrigin = this.transformOrigin\n      return style\n    },\n    arrowStyle() {\n      let { x = 0, y = 0 } = this.arrowPosition\n      const { pos = 'top' } = this.arrowPosition\n      const style = {\n        backgroundColor: this.bgColor\n      }\n      switch (pos) {\n        case 'top':\n          style.top = '6px'\n        case 'bottom': //eslint-disable-line\n          !style.top && (style.bottom = '6px')\n          // style.transform = 'rotateZ(45deg) rotateY(45deg)'\n          if (x >= 0 && x < 22) {\n            x = 22\n          } else if (x < 0 && x > -22) {\n            x = -22\n          }\n          x < 0 ? (style.right = `${-x}px`) : (style.left = `${x}px`)\n          break\n        case 'left':\n          style.left = '6px'\n        case 'right': //eslint-disable-line\n          !style.left && (style.right = '6px')\n          // style.transform = 'scaleY(0.8) rotate(45deg)'\n          if (y >= 0 && y < 22) {\n            y = 22\n          } else if (y < 0 && y > -22) {\n            y = -22\n          }\n          y < 0 ? (style.bottom = `${-y}px`) : (style.top = `${y}px`)\n          break\n        default:\n          break\n      }\n      return style\n    },\n    popoverInnerStyle() {\n      let { layoutDirection } = this\n      if (layoutDirection === 'row') {\n        return {\n          ...this.innerContentStyle,\n          flexDirection: 'row'\n        }\n      } else {\n        return {\n          ...this.innerContentStyle,\n          flexDirection: 'column'\n        }\n      }\n    },\n    btnInnerStyle() {\n      let { layoutDirection } = this\n      if (layoutDirection === 'row') {\n        return {\n          borderRightWidth: '1px'\n        }\n      } else {\n        return {\n          borderBottomWidth: '1px'\n        }\n      }\n    },\n    bgColor() {\n      return this.innerBgColor ? this.innerBgColor : this.theme === 'dark' ? '#000' : this._isColmo ? '#292b2f' : '#fff'\n    },\n    innerContentStyle() {\n      const style = {\n        backgroundColor: this.bgColor\n      }\n      if (this.width) style.width = this.width + 'px'\n      if (this._isColmo && this.isShowClose) style.paddingRight = '10px'\n      return style\n    }\n  },\n  methods: {\n    dofPopoverShow() {\n      if (this.animationLock) {\n        return\n      }\n      if (this.elPos.el) this.handleElPos(this.elPos)\n      this.show = true\n      if (this.hasAnimation) {\n        setTimeout(() => this.dofPopoverAnimationShow(), 40)\n      } else {\n        setTimeout(() => (this.showIn = true), 40)\n      }\n    },\n    /**\n     * smooth in\n     **/\n    dofPopoverAnimationShow() {\n      const popoverEl = this.$refs['dof-popover']\n      const coverEl = this.$refs['dof-cover']\n      if (!coverEl || !popoverEl) {\n        return\n      }\n      this.setAnimationLock()\n      let a1End = false\n      let a2End = false\n      animation.transition(\n        popoverEl,\n        {\n          styles: {\n            opacity: 1,\n            transform: 'scale(1)',\n            transformOrigin: this.transformOrigin\n          },\n          delay: 0,\n          duration: 250,\n          timingFunction: 'ease-out'\n        },\n        e => {\n          a1End = true\n          if (a1End && a2End) {\n            this.animationLock = false\n          }\n        }\n      )\n\n      animation.transition(\n        coverEl,\n        {\n          styles: {\n            opacity: 1\n          },\n          delay: 0,\n          duration: 250,\n          timingFunction: 'ease-in'\n        },\n        e => {\n          a2End = true\n          if (a1End && a2End) {\n            this.animationLock = false\n          }\n        }\n      )\n    },\n    dofButtonClicked(index, key) {\n      if (this.animationLock) {\n        return\n      }\n      this.$emit('dofPopoverButtonClicked', { key, index })\n      this.hideAction()\n    },\n    /**\n     * 隐藏操作\n     */\n    hideAction() {\n      if (this.animationLock) {\n        return\n      }\n      if (this.hasAnimation && this.show) {\n        this.setAnimationLock()\n        const popoverEl = this.$refs['dof-popover']\n        const coverEl = this.$refs['dof-cover']\n        if (!popoverEl || !coverEl) {\n          return\n        }\n        let a1End = false\n        let a2End = false\n        animation.transition(\n          popoverEl,\n          {\n            styles: {\n              opacity: 0,\n              transform: this.contentTransform,\n              transformOrigin: this.transformOrigin\n            },\n            duration: 250\n          },\n          () => {\n            a1End = true\n            if (a1End && a2End) {\n              this.show = false\n              this.showIn = false\n              this.animationLock = false\n            }\n          }\n        )\n        animation.transition(\n          coverEl,\n          {\n            styles: {\n              opacity: 0\n            },\n            duration: 250\n          },\n          () => {\n            a2End = true\n            if (a1End && a2End) {\n              this.show = false\n              this.showIn = false\n              this.animationLock = false\n            }\n          }\n        )\n      } else {\n        this.show = false\n        this.showIn = false\n      }\n    },\n    /**\n     * 设置动画锁\n     */\n    setAnimationLock() {\n      this.animationLock = true\n    },\n    clickCover() {\n      this.isClickCoverHide && this.hideAction()\n      this.$emit('dofPopoverCoverClicked')\n    },\n    getPosition(el) {\n      return new Promise((resolve, reject) => {\n        dom.getComponentRect(el, result => {\n          let size = result.size || {}\n          resolve(size)\n        })\n      })\n    },\n    async handleElPos(val) {\n      if (!val.el) return\n      const res = await this.getPosition(val.el)\n      if (this.arrowPosition.pos === 'top' || !this.arrowPosition.pos) {\n        this.position_ = { x: res.left - 15 + this.elPos.offsetX, y: res.top + res.height + this.elPos.offsetY }\n      }\n      if (this.arrowPosition.pos === 'bottom') {\n        this.position_ = { x: res.left - 15 + this.elPos.offsetX, y: res.top - 110 - 15 + this.elPos.offsetY }\n      }\n      if (this.arrowPosition.pos === 'left') {\n        this.position_ = { x: res.left + res.width + 10 + this.elPos.offsetX, y: res.top - 15 + this.elPos.offsetY }\n      }\n      if (this.arrowPosition.pos === 'right') {\n        this.position_ = { x: res.left - 285 + this.elPos.offsetX, y: res.top - 15 + this.elPos.offsetY }\n      }\n    }\n  }\n}\n</script>\n\n<style scoped>\n.wrapper {\n  z-index: 999;\n}\n.g-cover {\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  /* background-color: rgba(0, 0, 0, 0.4); */\n  z-index: 1;\n}\n.g-popover {\n  position: fixed;\n  padding: 15px;\n  z-index: 10;\n}\n.u-popover-arrow {\n  position: absolute;\n  /* border-radius: 4px; */\n  width: 36px;\n  height: 36px;\n  background-color: #ffffff;\n  transform: rotateZ(45deg);\n}\n.u-popover-inner {\n  border-radius: 16px;\n  background-color: #ffffff;\n  max-width: 686px;\n}\n.content-inner {\n  border-radius: 16px;\n  max-width: 686px;\n  padding: 24px;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n}\n.closeBox {\n  padding-top: 10px;\n  padding-bottom: 10px;\n  padding-right: 0px;\n  padding-left: 10px;\n}\n.closeIcon {\n  width: 18px;\n  height: 18px;\n}\n\n.u-popover-theme-white {\n  background-color: #ffffff;\n}\n.u-popover-theme-dark {\n  background-color: #1E2E37;\n}\n.i-btn {\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  /* margin-left: 10px;\n  margin-right: 10px; */\n  /* padding-left: 20px; */\n  /* padding-right: 20px; */\n}\n.row-layout {\n  padding-left: 36px;\n  padding-right: 36px;\n}\n.column-layout {\n  padding-top: 2px;\n  padding-bottom: 2px;\n}\n.borderRight {\n  border-right-width: 1px;\n  border-right-color: #eaeaeb;\n}\n.borderBottom {\n  border-bottom-width: 1px;\n  border-bottom-color: #eaeaeb;\n}\n.i-btn-noborder {\n  border-bottom-color: #ffffff;\n}\n.btn-icon {\n  width: 32px;\n  height: 32px;\n  margin-right: 16px;\n}\n.btn-text {\n  flex: 1;\n  height: 96px;\n  font-size: 28px;\n  line-height: 96px;\n  color: #232323;\n  margin-left: 8px;\n}\n.btn-text-theme-dark {\n  color: #ffffff;\n}\n.text-align-center {\n  text-align: center;\n}\n.textContent {\n  flex: 1;\n  font-family: PingFangSC-Regular;\n  font-size: 24px;\n  color: #616C73;\n  font-weight: 400;\n}\n</style>\n\n<style scoped src=\"./colmo.css\"></style>\n<style scoped src=\"./diablo.css\"></style>\n"],"sourceRoot":""}]);
 
 // exports
 
@@ -9368,7 +9368,7 @@ exports = module.exports = __webpack_require__(0)(true);
 
 
 // module
-exports.push([module.i, "\n.container[data-v-89145938] {\n  /* background-color: #ffffff; */\n  overflow: hidden;\n}\n.dof-skid[data-v-89145938] {\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: row;\n          flex-direction: row;\n  /* background-color: #ffffff; */\n  overflow: hidden;\n}\n\n/* \n.swipe-action-right {\n  flex-direction: row;\n  align-items: center;\n  overflow: hidden;\n}\n\n.swipeItem{\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex: 1;\n}\n.swipeText{\n  flex: 1;\n  color: #FFFFFF;\n  text-align: center;\n  align-items: center;\n  lines:1;\n  text-overflow: ellipsis;\n  overflow: hidden;\n} */\n\n/* android */\n.itemWrap[data-v-89145938] {\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-pack: start;\n  -webkit-justify-content: flex-start;\n          justify-content: flex-start;\n  -webkit-box-align: stretch;\n  -webkit-align-items: stretch;\n          align-items: stretch;\n}\n.swipe-action-right[data-v-89145938] {\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-pack: start;\n  -webkit-justify-content: flex-start;\n          justify-content: flex-start;\n  -webkit-box-align: stretch;\n  -webkit-align-items: stretch;\n          align-items: stretch;\n  overflow: hidden;\n}\n.swipeItem[data-v-89145938] {\n  /* width: 160px; */\n  /* height: 160px; */\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  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n          flex: 1;\n  position: relative;\n}\n.mask[data-v-89145938] {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: rgba(255, 255, 255, 0);\n}\n.mask[data-v-89145938]:active {\n  background-color: rgba(255, 255, 255, 0.1);\n}\n.swipeText[data-v-89145938] {\n  font-size: 0.42667rem;\n  color: #ffffff;\n  text-align: center;\n  -webkit-box-align: center;\n  -webkit-align-items: center;\n          align-items: center;\n  lines: 2;\n  /* line-height: 48px; */\n  text-overflow: ellipsis;\n  overflow: hidden;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  -webkit-line-clamp: 2;\n}\n.cellBox[data-v-89145938] {\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n          flex: 1;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-swipe-action/index.vue?ab80dc36","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-swipe-action/<no source>"],"names":[],"mappings":";AAmGA;EACA,gCAAA;EACA,iBAAA;CACA;AACA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,gCAAA;EACA,iBAAA;CACA;;AAEA;;;;;;;;;;;;;;;;;;;;;IAqBA;;AAEA,aAAA;AAEA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,wBAAA;EAAA,oCAAA;UAAA,4BAAA;EACA,2BAAA;EAAA,6BAAA;UAAA,qBAAA;CACA;AAEA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,wBAAA;EAAA,oCAAA;UAAA,4BAAA;EACA,2BAAA;EAAA,6BAAA;UAAA,qBAAA;EACA,iBAAA;CACA;AACA;EACA,mBAAA;EACA,oBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA;EACA,mBAAA;CACA;AACA;EACA,mBAAA;EACA,OAAA;EACA,QAAA;EACA,SAAA;EACA,UAAA;EACA,yCAAA;CACA;AACA;EACA,2CAAA;CACA;AAEA;EACA,sBAAA;EACA,eAAA;EACA,mBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,SAAA;EACA,wBAAA;EACA,wBAAA;EACA,iBAAA;EC9KA,iBAAA;EAAA,wBAAA;EAAA,sBAAA;CD+KA;AACA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA;CACA","file":"index.vue","sourcesContent":["<template>\n  <div>\n    <div v-if=\"!isIOS\" class=\"container\" :style=\"{ width: _cellWidth + 'px', 'padding-right': padding + 'px' }\">\n      <div\n        class=\"itemWrap\"\n        ref=\"menuItem\"\n        :style=\"{ width: _cellWidth + rightWidth(item) + 'px' }\"\n        v-for=\"(item, index) in listData\"\n        :key=\"index\"\n        @swipe=\"slideMenu($event, index, item)\"\n        @touchend=\"touchend\"\n      >\n        <div v-if=\"padding\" :style=\"{ width: padding + 'px' }\"></div>\n        <div class=\"cellBox\">\n          <dof-cell\n            ref=\"cell\"\n            v-bind=\"item\"\n            :isHighlight=\"isHighlight\"\n            :click-activied=\"false\"\n            @dofCellClicked=\"cellCanClick ? dofCellClicked(index) : ''\"\n          >\n            <dof-switch\n              v-if=\"item.switchVal !== undefined\"\n              slot=\"switch\"\n              :checked=\"item.switchVal\"\n              @dof-change=\"handleSwitchChange(item)\"\n            ></dof-switch>\n          </dof-cell>\n        </div>\n        <div\n          class=\"swipe-action-right\"\n          v-if=\"item.rightItem && item.rightItem.length > 0\"\n          :style=\"{ width: rightWidth(item) + 'px', paddingLeft: padding ? '16px' : '0px' }\"\n        >\n          <div\n            :class=\"['swipeItem']\"\n            v-for=\"(rightCon, i) in item.rightItem\"\n            :key=\"i\"\n            :style=\"{ backgroundColor: rightCon.bgColor }\"\n          >\n            <text class=\"swipeText\">{{ rightCon.text }}</text>\n            <text class=\"swipeText\">{{ rightCon.text1 }}</text>\n            <text class=\"swipeText\">{{ rightCon.text2 }}</text>\n            <div class=\"mask\" @click=\"onRightNode(index, i, rightCon.text)\"></div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div v-else class=\"container\" :style=\"{ width: _cellWidth + 'px', 'padding-right': padding + 'px' }\">\n      <div\n        ref=\"skid\"\n        v-for=\"(item, index) of listData\"\n        :key=\"'skid-' + index\"\n        class=\"dof-skid\"\n        :style=\"{ width: _cellWidth + rightWidth(item) + 'px' }\"\n        @horizontalpan=\"handleHorizontalpan(event, item, index)\"\n        @panend=\"handlePanEnd(event, item, index)\"\n      >\n        <div v-if=\"padding\" :style=\"{ width: padding + 'px' }\"></div>\n        <div class=\"cellBox\">\n          <dof-cell\n            ref=\"cell\"\n            v-bind=\"item\"\n            :isHighlight=\"isHighlight\"\n            :click-activied=\"false\"\n            @dofCellClicked.stop=\"dofCellClicked(index)\"\n          >\n            <dof-switch\n              v-if=\"item.switchVal !== undefined\"\n              slot=\"switch\"\n              :checked=\"item.switchVal\"\n              @dof-change=\"handleSwitchChange(item)\"\n            ></dof-switch>\n          </dof-cell>\n        </div>\n\n        <div\n          class=\"swipe-action-right\"\n          v-if=\"item.rightItem && item.rightItem.length > 0\"\n          :style=\"{ width: rightWidth(item) + 'px', paddingLeft: padding ? '16px' : '0px' }\"\n        >\n          <div\n            :class=\"['swipeItem']\"\n            v-for=\"(rightCon, i) in item.rightItem\"\n            :key=\"i\"\n            :style=\"{ backgroundColor: rightCon.bgColor }\"\n          >\n            <text class=\"swipeText\">{{ rightCon.text }}</text>\n            <text class=\"swipeText\">{{ rightCon.text1 }}</text>\n            <text class=\"swipeText\">{{ rightCon.text2 }}</text>\n            <div class=\"mask\" @click=\"onRightNode(index, i, rightCon.text)\"></div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.container {\n  /* background-color: #ffffff; */\n  overflow: hidden;\n}\n.dof-skid {\n  flex-direction: row;\n  /* background-color: #ffffff; */\n  overflow: hidden;\n}\n\n/* \n.swipe-action-right {\n  flex-direction: row;\n  align-items: center;\n  overflow: hidden;\n}\n\n.swipeItem{\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex: 1;\n}\n.swipeText{\n  flex: 1;\n  color: #FFFFFF;\n  text-align: center;\n  align-items: center;\n  lines:1;\n  text-overflow: ellipsis;\n  overflow: hidden;\n} */\n\n/* android */\n\n.itemWrap {\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: stretch;\n}\n\n.swipe-action-right {\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: stretch;\n  overflow: hidden;\n}\n.swipeItem {\n  /* width: 160px; */\n  /* height: 160px; */\n  justify-content: center;\n  align-items: center;\n  flex: 1;\n  position: relative;\n}\n.mask {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: rgba(255, 255, 255, 0);\n}\n.mask:active {\n  background-color: rgba(255, 255, 255, 0.1);\n}\n\n.swipeText {\n  font-size: 32px;\n  color: #ffffff;\n  text-align: center;\n  align-items: center;\n  lines: 2;\n  /* line-height: 48px; */\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n.cellBox {\n  flex: 1;\n}\n</style>\n<style scoped src=\"./colmo.css\"></style>\n\n<script>\nimport Binding from 'weex-bindingx/lib/index.weex.js'\nconst animation = weex.requireModule('animation')\nimport Utils from '../utils'\nconst modal = weex.requireModule('modal')\nconst dom = weex.requireModule('dom')\nimport DofCell from '../dof-cell'\nimport DofSwitch from '../dof-switch'\n\nexport default {\n  props: {\n    listData: {\n      type: Array,\n      default: () => []\n    },\n    // styles: {\n    //   type: Object,\n    //   default: ()=>({})\n    // }\n    cellWidth: {\n      type: Number,\n      default: 0\n    },\n    padding: {\n      type: Number,\n      default: 0\n    }\n  },\n  computed: {\n    _cellWidth() {\n      if (this.cellWidth) return this.cellWidth\n      if (this.padding) return 750 - this.padding\n      return 750\n    }\n  },\n  components: {\n    DofCell,\n    DofSwitch\n  },\n  data() {\n    return {\n      mobileX: 0,\n      webStarX: 0,\n      saveIdx: null,\n      isAndroid: Utils.env.isAndroid(),\n      isIOS: Utils.env.isIOS(),\n\n      cellCanClick: true, //android\n      isHighlight: false\n    }\n  },\n\n  mounted() {},\n\n  methods: {\n    dofCellClicked(index) {\n      //点击触发滑动恢复初始化\n      if (this.isAndroid) {\n        this.rightSlide() // 列表初始化\n        this.cellCanClick && this.$emit('dofCellClicked', { index })\n      } else {\n        for (let index = 0; index < this.listData.length; index++) {\n          this.special(this.$refs.skid[index], {\n            transform: 'translate(0, 0)'\n          })\n        }\n        this.$emit('dofCellClicked', { index })\n      }\n    },\n\n    special(dom, styles) {\n      animation.transition(dom, {\n        styles,\n        duration: 150, // ms\n        timingFunction: 'ease',\n        delay: 0 // ms\n      })\n    },\n    onRightNode(index, i, text) {\n      if (!this.isIOS) {\n        this.rightSlide()\n        this.$emit('dofRightClicked', { index, i, text })\n      } else {\n        this.special(this.$refs.skid[this.saveIdx], {\n          transform: 'translate(0, 0)'\n        })\n        this.$emit('dofRightClicked', { index, i, text })\n      }\n    },\n\n    onPanEnd(e, node, i) {\n      if (Utils.env.isWeb()) {\n        const webEndX = e.changedTouches[0].pageX\n        this.movingDistance(webEndX - this.webStarX, node, this.$refs.skid[i])\n      }\n    },\n\n    handleHorizontalpan(e, item, index) {\n      !this.isAndroid && this.onPanStart(e, item, index, item.rightItem ? item.rightItem.length : 0)\n    },\n    handlePanEnd(e, item, index) {\n      this.onPanEnd(e, item, index)\n    },\n    // 使用官方的pan事件解决某些ios设备使用@swipe不能滑动的问题\n    onPanStart: function(e, node, i, len) {\n      const { saveIdx } = this\n      if (saveIdx !== i && saveIdx !== null && this.$refs.skid[saveIdx]) {\n        this.special(this.$refs.skid[saveIdx], {\n          transform: 'translate(0, 0)'\n        })\n        this.mobileX = 0\n      }\n      this.saveIdx = i\n      this.mobile(e, node, i, len)\n      // !Utils.env.isWeb() ? this.mobile(e, node, i, len) : this.web(e, node, i)\n      // e.stopPropagation()\n    },\n    web(e, node, i) {\n      this.webStarX = e.changedTouches[0].pageX\n    },\n    mobile(e, node, i, len) {\n      var el = this.$refs['skid'][i]\n      Binding.bind(\n        {\n          anchor: el.ref,\n          eventType: 'pan',\n          props: [\n            {\n              element: el.ref,\n              property: 'transform.translateX',\n              // expression: `x+${this.isAndroid ? 0 : this.mobileX}`\n              expression: this.rightWidth(node) //处理ios设备左滑移动距离，防止闪烁\n            }\n          ]\n        },\n        e => {\n          const { state, deltaX } = e\n          if (state === 'end') {\n            this.mobileX = deltaX\n            // this.movingDistance(this.mobileX, node, el);\n            this.movingDistance(e.deltaX, node, el) //add by lau\n          }\n        }\n      )\n    },\n    movingDistance(scope, node, el) {\n      const len = node.rightItem ? node.rightItem.length : 0\n      const distance = -this.rightWidth(node)\n      // if (scope < -80*len) {\n      //   this.special(el, {\n      //     transform: `translate(${distance}px, 0)`\n      //   });\n      //   this.mobileX = distance;\n      // } else {\n      //   this.special(el, {\n      //     transform: 'translate(0, 0)'\n      //   });\n      //   this.mobileX = 0;\n      // }\n\n      //modify by lau\n      if (scope < 0) {\n        this.special(el, {\n          transform: `translate(${distance}px, 0)`\n        })\n      } else if (scope > 0) {\n        this.special(el, {\n          transform: 'translate(0, 0)'\n        })\n      } else {\n        return\n      }\n    },\n\n    // 适配Android\n    // 经n次尝试和测试后，发现weex的click事件和touchend事件冲突, 防止滑动后触发click事件\n    // 这里异步处理，touchend事件结束后才激活向上传递的click事件\n    touchend() {\n      setTimeout(() => {\n        this.cellCanClick = true\n      }, 100)\n    },\n\n    slideMenu(e, index, item) {\n      let length = item.rightItem.length\n      this.cellCanClick = false\n      let listItems = this.$refs.menuItem\n      let ele = this.$refs.menuItem[index]\n      let direction = e.direction\n      if (direction == 'left') {\n        this.leftSlide(e, ele, length, this.listData[index])\n      } else if (direction == 'right') {\n        this.rightSlide(ele)\n      }\n      e.stopPropagation()\n    },\n\n    // @params ele 要执行动画的元素\n    leftSlide(e, ele, length, item) {\n      this.rightSlide()\n      animation.transition(ele, {\n        styles: {\n          transform: `translateX(-${this.rightWidth(item)}px)`\n        },\n        duration: 150, //ms\n        timingFunction: 'ease',\n        // needLayout: false,   //变化后是否刷新页面\n        delay: 0 //ms\n      })\n      e.stopPropagation()\n    },\n\n    rightSlide() {\n      let listItems = this.$refs.menuItem\n      for (let i = 0; i < listItems.length; i++) {\n        animation.transition(\n          listItems[i],\n          {\n            styles: {\n              transform: 'translateX(0px)'\n            },\n            duration: 100, //ms\n            timingFunction: 'ease-in',\n            needLayout: true,\n            delay: 0 //ms\n          },\n          function() {}\n        )\n      }\n      return false\n    },\n\n    rightWidth(item) {\n      if (item.rightItem && item.rightItem.length) {\n        return item.rightItem.reduce((pre, cur) => pre + (cur.width || 160), 0)\n      }\n      return 0\n    },\n    handleSwitchChange(item) {\n      item.switchVal = !item.switchVal\n      this.$emit('switchChange', item)\n    }\n  }\n}\n</script>\n",null],"sourceRoot":""}]);
+exports.push([module.i, "\n.container[data-v-89145938] {\n  /* background-color: #ffffff; */\n  overflow: hidden;\n}\n.dof-skid[data-v-89145938] {\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: row;\n          flex-direction: row;\n  /* background-color: #ffffff; */\n  overflow: hidden;\n}\n\n/* \n.swipe-action-right {\n  flex-direction: row;\n  align-items: center;\n  overflow: hidden;\n}\n\n.swipeItem{\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex: 1;\n}\n.swipeText{\n  flex: 1;\n  color: #FFFFFF;\n  text-align: center;\n  align-items: center;\n  lines:1;\n  text-overflow: ellipsis;\n  overflow: hidden;\n} */\n\n/* android */\n.itemWrap[data-v-89145938] {\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-pack: start;\n  -webkit-justify-content: flex-start;\n          justify-content: flex-start;\n  -webkit-box-align: stretch;\n  -webkit-align-items: stretch;\n          align-items: stretch;\n}\n.swipe-action-right[data-v-89145938] {\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-pack: start;\n  -webkit-justify-content: flex-start;\n          justify-content: flex-start;\n  -webkit-box-align: stretch;\n  -webkit-align-items: stretch;\n          align-items: stretch;\n  overflow: hidden;\n}\n.swipeItem[data-v-89145938] {\n  /* width: 160px; */\n  /* height: 160px; */\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  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n          flex: 1;\n  position: relative;\n}\n.mask[data-v-89145938] {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: rgba(255, 255, 255, 0);\n}\n.mask[data-v-89145938]:active {\n  background-color: rgba(255, 255, 255, 0.1);\n}\n.swipeText[data-v-89145938] {\n  font-size: 0.42667rem;\n  color: #ffffff;\n  text-align: center;\n  -webkit-box-align: center;\n  -webkit-align-items: center;\n          align-items: center;\n  lines: 2;\n  /* line-height: 48px; */\n  text-overflow: ellipsis;\n  overflow: hidden;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  -webkit-line-clamp: 2;\n}\n.cellBox[data-v-89145938] {\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n          flex: 1;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-swipe-action/index.vue?385f8d7c","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-swipe-action/<no source>"],"names":[],"mappings":";AAmGA;EACA,gCAAA;EACA,iBAAA;CACA;AACA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,gCAAA;EACA,iBAAA;CACA;;AAEA;;;;;;;;;;;;;;;;;;;;;IAqBA;;AAEA,aAAA;AAEA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,wBAAA;EAAA,oCAAA;UAAA,4BAAA;EACA,2BAAA;EAAA,6BAAA;UAAA,qBAAA;CACA;AAEA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,wBAAA;EAAA,oCAAA;UAAA,4BAAA;EACA,2BAAA;EAAA,6BAAA;UAAA,qBAAA;EACA,iBAAA;CACA;AACA;EACA,mBAAA;EACA,oBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA;EACA,mBAAA;CACA;AACA;EACA,mBAAA;EACA,OAAA;EACA,QAAA;EACA,SAAA;EACA,UAAA;EACA,yCAAA;CACA;AACA;EACA,2CAAA;CACA;AAEA;EACA,sBAAA;EACA,eAAA;EACA,mBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,SAAA;EACA,wBAAA;EACA,wBAAA;EACA,iBAAA;EC9KA,iBAAA;EAAA,wBAAA;EAAA,sBAAA;CD+KA;AACA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA;CACA","file":"index.vue","sourcesContent":["<template>\n  <div>\n    <div v-if=\"!isIOS\" class=\"container\" :style=\"{ width: _cellWidth + 'px', 'padding-right': padding + 'px' }\">\n      <div\n        class=\"itemWrap\"\n        ref=\"menuItem\"\n        :style=\"{ width: _cellWidth + rightWidth(item) + 'px' }\"\n        v-for=\"(item, index) in listData\"\n        :key=\"index\"\n        @swipe=\"slideMenu($event, index, item)\"\n        @touchend=\"touchend\"\n      >\n        <div v-if=\"padding\" :style=\"{ width: padding + 'px' }\"></div>\n        <div class=\"cellBox\">\n          <dof-cell\n            ref=\"cell\"\n            v-bind=\"item\"\n            :isHighlight=\"isHighlight\"\n            :click-activied=\"false\"\n            @dofCellClicked=\"cellCanClick ? dofCellClicked(index) : ''\"\n          >\n            <dof-switch\n              v-if=\"item.switchVal !== undefined\"\n              slot=\"switch\"\n              :checked=\"item.switchVal\"\n              @dof-change=\"handleSwitchChange(item)\"\n            ></dof-switch>\n          </dof-cell>\n        </div>\n        <div\n          class=\"swipe-action-right\"\n          v-if=\"item.rightItem && item.rightItem.length > 0\"\n          :style=\"{ width: rightWidth(item) + 'px', paddingLeft: padding ? '16px' : '0px' }\"\n        >\n          <div\n            :class=\"['swipeItem']\"\n            v-for=\"(rightCon, i) in item.rightItem\"\n            :key=\"i\"\n            :style=\"{ backgroundColor: rightCon.bgColor }\"\n          >\n            <text class=\"swipeText\">{{ rightCon.text }}</text>\n            <text class=\"swipeText\">{{ rightCon.text1 }}</text>\n            <text class=\"swipeText\">{{ rightCon.text2 }}</text>\n            <div class=\"mask\" @click=\"onRightNode(index, i, rightCon.text)\"></div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div v-else class=\"container\" :style=\"{ width: _cellWidth + 'px', 'padding-right': padding + 'px' }\">\n      <div\n        ref=\"skid\"\n        v-for=\"(item, index) of listData\"\n        :key=\"'skid-' + index\"\n        class=\"dof-skid\"\n        :style=\"{ width: _cellWidth + rightWidth(item) + 'px' }\"\n        @horizontalpan=\"handleHorizontalpan(event, item, index)\"\n        @panend=\"handlePanEnd(event, item, index)\"\n      >\n        <div v-if=\"padding\" :style=\"{ width: padding + 'px' }\"></div>\n        <div class=\"cellBox\">\n          <dof-cell\n            ref=\"cell\"\n            v-bind=\"item\"\n            :isHighlight=\"isHighlight\"\n            :click-activied=\"false\"\n            @dofCellClicked.stop=\"dofCellClicked(index)\"\n          >\n            <dof-switch\n              v-if=\"item.switchVal !== undefined\"\n              slot=\"switch\"\n              :checked=\"item.switchVal\"\n              @dof-change=\"handleSwitchChange(item)\"\n            ></dof-switch>\n          </dof-cell>\n        </div>\n\n        <div\n          class=\"swipe-action-right\"\n          v-if=\"item.rightItem && item.rightItem.length > 0\"\n          :style=\"{ width: rightWidth(item) + 'px', paddingLeft: padding ? '16px' : '0px' }\"\n        >\n          <div\n            :class=\"['swipeItem']\"\n            v-for=\"(rightCon, i) in item.rightItem\"\n            :key=\"i\"\n            :style=\"{ backgroundColor: rightCon.bgColor }\"\n          >\n            <text class=\"swipeText\">{{ rightCon.text }}</text>\n            <text class=\"swipeText\">{{ rightCon.text1 }}</text>\n            <text class=\"swipeText\">{{ rightCon.text2 }}</text>\n            <div class=\"mask\" @click=\"onRightNode(index, i, rightCon.text)\"></div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.container {\n  /* background-color: #ffffff; */\n  overflow: hidden;\n}\n.dof-skid {\n  flex-direction: row;\n  /* background-color: #ffffff; */\n  overflow: hidden;\n}\n\n/* \n.swipe-action-right {\n  flex-direction: row;\n  align-items: center;\n  overflow: hidden;\n}\n\n.swipeItem{\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex: 1;\n}\n.swipeText{\n  flex: 1;\n  color: #FFFFFF;\n  text-align: center;\n  align-items: center;\n  lines:1;\n  text-overflow: ellipsis;\n  overflow: hidden;\n} */\n\n/* android */\n\n.itemWrap {\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: stretch;\n}\n\n.swipe-action-right {\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: stretch;\n  overflow: hidden;\n}\n.swipeItem {\n  /* width: 160px; */\n  /* height: 160px; */\n  justify-content: center;\n  align-items: center;\n  flex: 1;\n  position: relative;\n}\n.mask {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: rgba(255, 255, 255, 0);\n}\n.mask:active {\n  background-color: rgba(255, 255, 255, 0.1);\n}\n\n.swipeText {\n  font-size: 32px;\n  color: #ffffff;\n  text-align: center;\n  align-items: center;\n  lines: 2;\n  /* line-height: 48px; */\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n.cellBox {\n  flex: 1;\n}\n</style>\n<style scoped src=\"./colmo.css\"></style>\n\n<script>\nimport Binding from 'weex-bindingx/lib/index.weex.js'\nconst animation = weex.requireModule('animation')\nimport Utils from '../utils'\nconst modal = weex.requireModule('modal')\nconst dom = weex.requireModule('dom')\nimport DofCell from '../dof-cell'\nimport DofSwitch from '../dof-switch'\n\nexport default {\n  props: {\n    listData: {\n      type: Array,\n      default: () => []\n    },\n    // styles: {\n    //   type: Object,\n    //   default: ()=>({})\n    // }\n    cellWidth: {\n      type: Number,\n      default: 0\n    },\n    padding: {\n      type: Number,\n      default: 0\n    }\n  },\n  computed: {\n    _cellWidth() {\n      if (this.cellWidth) return this.cellWidth\n      if (this.padding) return 750 - this.padding\n      return 750\n    }\n  },\n  components: {\n    DofCell,\n    DofSwitch\n  },\n  data() {\n    return {\n      mobileX: 0,\n      webStarX: 0,\n      saveIdx: null,\n      isAndroid: Utils.env.isAndroid(),\n      isIOS: Utils.env.isIOS(),\n\n      cellCanClick: true, //android\n      isHighlight: false\n    }\n  },\n\n  mounted() {},\n\n  methods: {\n    dofCellClicked(index) {\n      //点击触发滑动恢复初始化\n      if (!this.isIOS) {\n        this.rightSlide() // 列表初始化\n        this.cellCanClick && this.$emit('dofCellClicked', { index })\n      } else {\n        for (let index = 0; index < this.listData.length; index++) {\n          this.special(this.$refs.skid[index], {\n            transform: 'translate(0, 0)'\n          })\n        }\n        this.$emit('dofCellClicked', { index })\n      }\n    },\n\n    special(dom, styles) {\n      animation.transition(dom, {\n        styles,\n        duration: 150, // ms\n        timingFunction: 'ease',\n        delay: 0 // ms\n      })\n    },\n    onRightNode(index, i, text) {\n      if (!this.isIOS) {\n        this.rightSlide()\n        this.$emit('dofRightClicked', { index, i, text })\n      } else {\n        this.special(this.$refs.skid[this.saveIdx], {\n          transform: 'translate(0, 0)'\n        })\n        this.$emit('dofRightClicked', { index, i, text })\n      }\n    },\n\n    onPanEnd(e, node, i) {\n      if (Utils.env.isWeb()) {\n        const webEndX = e.changedTouches[0].pageX\n        this.movingDistance(webEndX - this.webStarX, node, this.$refs.skid[i])\n      }\n    },\n\n    handleHorizontalpan(e, item, index) {\n      !this.isAndroid && this.onPanStart(e, item, index, item.rightItem ? item.rightItem.length : 0)\n    },\n    handlePanEnd(e, item, index) {\n      this.onPanEnd(e, item, index)\n    },\n    // 使用官方的pan事件解决某些ios设备使用@swipe不能滑动的问题\n    onPanStart: function(e, node, i, len) {\n      const { saveIdx } = this\n      if (saveIdx !== i && saveIdx !== null && this.$refs.skid[saveIdx]) {\n        this.special(this.$refs.skid[saveIdx], {\n          transform: 'translate(0, 0)'\n        })\n        this.mobileX = 0\n      }\n      this.saveIdx = i\n      this.mobile(e, node, i, len)\n      // !Utils.env.isWeb() ? this.mobile(e, node, i, len) : this.web(e, node, i)\n      // e.stopPropagation()\n    },\n    web(e, node, i) {\n      this.webStarX = e.changedTouches[0].pageX\n    },\n    mobile(e, node, i, len) {\n      var el = this.$refs['skid'][i]\n      Binding.bind(\n        {\n          anchor: el.ref,\n          eventType: 'pan',\n          props: [\n            {\n              element: el.ref,\n              property: 'transform.translateX',\n              // expression: `x+${this.isAndroid ? 0 : this.mobileX}`\n              expression: this.rightWidth(node) //处理ios设备左滑移动距离，防止闪烁\n            }\n          ]\n        },\n        e => {\n          const { state, deltaX } = e\n          if (state === 'end') {\n            this.mobileX = deltaX\n            // this.movingDistance(this.mobileX, node, el);\n            this.movingDistance(e.deltaX, node, el) //add by lau\n          }\n        }\n      )\n    },\n    movingDistance(scope, node, el) {\n      const len = node.rightItem ? node.rightItem.length : 0\n      const distance = -this.rightWidth(node)\n      // if (scope < -80*len) {\n      //   this.special(el, {\n      //     transform: `translate(${distance}px, 0)`\n      //   });\n      //   this.mobileX = distance;\n      // } else {\n      //   this.special(el, {\n      //     transform: 'translate(0, 0)'\n      //   });\n      //   this.mobileX = 0;\n      // }\n\n      //modify by lau\n      if (scope < 0) {\n        this.special(el, {\n          transform: `translate(${distance}px, 0)`\n        })\n      } else if (scope > 0) {\n        this.special(el, {\n          transform: 'translate(0, 0)'\n        })\n      } else {\n        return\n      }\n    },\n\n    // 适配Android\n    // 经n次尝试和测试后，发现weex的click事件和touchend事件冲突, 防止滑动后触发click事件\n    // 这里异步处理，touchend事件结束后才激活向上传递的click事件\n    touchend() {\n      setTimeout(() => {\n        this.cellCanClick = true\n      }, 100)\n    },\n\n    slideMenu(e, index, item) {\n      let length = item.rightItem.length\n      this.cellCanClick = false\n      let listItems = this.$refs.menuItem\n      let ele = this.$refs.menuItem[index]\n      let direction = e.direction\n      if (direction == 'left') {\n        this.leftSlide(e, ele, length, this.listData[index])\n      } else if (direction == 'right') {\n        this.rightSlide(ele)\n      }\n      e.stopPropagation()\n    },\n\n    // @params ele 要执行动画的元素\n    leftSlide(e, ele, length, item) {\n      this.rightSlide()\n      animation.transition(ele, {\n        styles: {\n          transform: `translateX(-${this.rightWidth(item)}px)`\n        },\n        duration: 150, //ms\n        timingFunction: 'ease',\n        // needLayout: false,   //变化后是否刷新页面\n        delay: 0 //ms\n      })\n      e.stopPropagation()\n    },\n\n    rightSlide() {\n      let listItems = this.$refs.menuItem\n      for (let i = 0; i < listItems.length; i++) {\n        animation.transition(\n          listItems[i],\n          {\n            styles: {\n              transform: 'translateX(0px)'\n            },\n            duration: 100, //ms\n            timingFunction: 'ease-in',\n            needLayout: true,\n            delay: 0 //ms\n          },\n          function() {}\n        )\n      }\n      return false\n    },\n\n    rightWidth(item) {\n      if (item.rightItem && item.rightItem.length) {\n        return item.rightItem.reduce((pre, cur) => pre + (cur.width || 160), 0)\n      }\n      return 0\n    },\n    handleSwitchChange(item) {\n      item.switchVal = !item.switchVal\n      this.$emit('switchChange', item)\n    }\n  }\n}\n</script>\n",null],"sourceRoot":""}]);
 
 // exports
 
@@ -9886,7 +9886,7 @@ exports = module.exports = __webpack_require__(0)(true);
 
 
 // module
-exports.push([module.i, "\n.dof-popup[data-v-fa0ab532] {\n  position: fixed;\n  z-index: 1000;\n  /* width: 750px; */\n}\n.top[data-v-fa0ab532] {\n  left: 0;\n  right: 0;\n}\n.bottom[data-v-fa0ab532] {\n  left: 0;\n  right: 0;\n}\n.left[data-v-fa0ab532] {\n  bottom: 0;\n  top: 0;\n}\n.right[data-v-fa0ab532] {\n  bottom: 0;\n  top: 0;\n}\n.midea-actionsheet-bottom[data-v-fa0ab532] {\n  height: 1.33333rem;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: row;\n          flex-direction: row;\n  /* margin-top: 16px; */\n  -webkit-box-pack: justify;\n  -webkit-justify-content: space-between;\n          justify-content: space-between;\n}\n.midea-actionsheet-btn[data-v-fa0ab532] {\n  font-size: 0.42667rem;\n  /* color: #232323; */\n  background-color: #ffffff;\n  line-height: 1.33333rem;\n  text-align: center;\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n          flex: 1; /* add by lau resolve bottom button */\n}\n.leftBtn[data-v-fa0ab532] {\n  color: #616C73;\n  border-right-color: #e5e5e5;\n  border-right-width: 1px;\n  border-right-style: solid;\n}\n.rightBtn[data-v-fa0ab532] {\n  color: #00A4F2;\n}\n.midea-actionsheet-btn[data-v-fa0ab532]:active {\n  background-color: #f5f5f5;\n}\n.btnGap[data-v-fa0ab532] {\n  background-color: #f3f3f3;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-popup/index.vue?0521506a"],"names":[],"mappings":";AA2CA;EACA,gBAAA;EACA,cAAA;EACA,mBAAA;CACA;AACA;EACA,QAAA;EACA,SAAA;CACA;AACA;EACA,QAAA;EACA,SAAA;CACA;AACA;EACA,UAAA;EACA,OAAA;CACA;AACA;EACA,UAAA;EACA,OAAA;CACA;AAEA;EACA,mBAAA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,uBAAA;EACA,0BAAA;EAAA,uCAAA;UAAA,+BAAA;CACA;AACA;EACA,sBAAA;EACA,qBAAA;EACA,0BAAA;EACA,wBAAA;EACA,mBAAA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA,CAAA,sCAAA;CACA;AACA;EACA,eAAA;EACA,4BAAA;EACA,wBAAA;EACA,0BAAA;CACA;AACA;EACA,eAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA","file":"index.vue","sourcesContent":["<template>\n  <div>\n    <div @touchend=\"handleTouchEnd\">\n      <dof-overlay\n        :show=\"overlayShow\"\n        ref=\"overlay\"\n        v-bind=\"overlayCfg\"\n        :canAutoClose=\"isOverLayClickHide\"\n        @dofOverlayBodyClicked=\"dofOverlayBodyClicking\"\n      ></dof-overlay>\n    </div>\n    <div ref=\"dof-popup\" v-if=\"show_\" :height=\"_height\" @click=\"() => {}\" :class=\"['dof-popup', pos]\" :style=\"padStyle\">\n      <slot></slot>\n      <div class=\"btnGap\" v-if=\"button && button.length > 0\" style=\" height:20px;\"></div>\n      <div v-if=\"button && button.length > 0\" class=\"midea-actionsheet-bottom\">\n        <text\n          v-for=\"(btn, index) in button\"\n          :key=\"index\"\n          :class=\"['midea-actionsheet-btn']\"\n          :style=\"{\n            color: btn.hasOwnProperty('textColor')\n              ? btn.textColor\n              : _isColmo\n              ? 'rgba(255,255,255,0.80)'\n              : index === 0\n              ? '#616C73'\n              : '#00A4F2'\n          }\"\n          @click=\"actionsheetBtnClick(index, btn.hasOwnProperty('text') ? btn.text : btn)\"\n          >{{ btn.hasOwnProperty('text') ? btn.text : btn }}</text\n        >\n      </div>\n      <div\n        :style=\"{\n          height: show && isipx ? sageHeight + 'px' : '0px',\n          backgroundColor: safeAreaBgColor ? safeAreaBgColor : _isColmo ? '#151617' : padStyle.backgroundColor\n        }\"\n      ></div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.dof-popup {\n  position: fixed;\n  z-index: 1000;\n  /* width: 750px; */\n}\n.top {\n  left: 0;\n  right: 0;\n}\n.bottom {\n  left: 0;\n  right: 0;\n}\n.left {\n  bottom: 0;\n  top: 0;\n}\n.right {\n  bottom: 0;\n  top: 0;\n}\n\n.midea-actionsheet-bottom {\n  height: 100px;\n  flex-direction: row;\n  /* margin-top: 16px; */\n  justify-content: space-between;\n}\n.midea-actionsheet-btn {\n  font-size: 32px;\n  /* color: #232323; */\n  background-color: #ffffff;\n  line-height: 100px;\n  text-align: center;\n  flex: 1; /* add by lau resolve bottom button */\n}\n.leftBtn {\n  color: #616C73;\n  border-right-color: #e5e5e5;\n  border-right-width: 1px;\n  border-right-style: solid;\n}\n.rightBtn {\n  color: #00A4F2;\n}\n.midea-actionsheet-btn:active {\n  background-color: #f5f5f5;\n}\n.btnGap {\n  background-color: #f3f3f3;\n}\n</style>\n<style scoped src=\"./colmo.css\"></style>\n<style scoped src=\"./diablo.css\"></style>\n\n<script>\nconst animation = weex.requireModule('animation')\nconst { platform } = weex.config.env\nconst isWeb = typeof window === 'object' && platform.toLowerCase() === 'web'\nimport DofOverlay from '../dof-overlay'\nimport Utils from '../utils'\nimport { Bridge } from 'dolphin-native-bridge'\nimport ColmoMixin from '../../mixins/colmo'\nimport DiabloMixin from '../../mixins/diablo'\n\nexport default {\n  mixins: [ColmoMixin, DiabloMixin],\n  components: { DofOverlay },\n  props: {\n    show: {\n      type: Boolean,\n      default: false\n    },\n    pos: {\n      type: String,\n      default: 'bottom'\n    },\n    // 背景色  暂不开放\n    popupColor: {\n      type: String,\n      default: ''\n    },\n    overlayCfg: {\n      type: Object,\n      default: () => ({\n        hasAnimation: true,\n        timingFunction: ['ease-in', 'ease-out'],\n        duration: 300\n      })\n    },\n    height: {\n      type: [Number, String],\n      default: 840\n    },\n    standOut: {\n      type: [Number, String],\n      default: 0\n    },\n    width: {\n      type: [Number, String],\n      default: 750\n    },\n    animation: {\n      type: Object,\n      default: () => ({\n        // timingFunction: 'ease-in'\n        timingFunction: 'cubic-bezier(0.25, 0.1, 0.25, 1.0)'\n      })\n    },\n    button: {\n      type: Array,\n      default: () => []\n    },\n    borderRadius: {\n      type: String,\n      default: '32px'\n    },\n    isOverLayClickHide: {\n      type: Boolean,\n      default: false\n    },\n    safeAreaBgColor: {\n      type: String,\n      default: ''\n    }\n  },\n  data: () => ({\n    haveOverlay: true,\n    isOverShow: true,\n    bottomArc: 0,\n    show_: false,\n    overlayShow: false,\n    sageHeight: 68\n  }),\n  computed: {\n    isipx: function() {\n      if (this.bottomArc) return true\n      if(weex && weex.config.env.platform == 'harmony' && weex.config.env.safeAreaBottomHeight) return true\n      return (\n        weex &&\n        (weex.config.env.deviceModel === 'iPhone10,3' ||\n        weex.config.env.deviceModel === 'iPhone10,6' || // iphoneX\n        weex.config.env.deviceModel === 'iPhone11,8' || // iPhone XR\n        weex.config.env.deviceModel === 'iPhone11,2' || // iPhone XS\n        weex.config.env.deviceModel === 'iPhone11,4' ||\n        weex.config.env.deviceModel === 'iPhone11,6' || // iPhone XS Max\n        weex.config.env.deviceModel === 'iPhone12,1' || // iPhone11\n        weex.config.env.deviceModel === 'iPhone12,3' ||\n        weex.config.env.deviceModel === 'iPhone12,5' || // iPhone 11 Pro iPhone 11 Pro Max\n        weex.config.env.deviceModel === 'iPhone13,1' ||\n        weex.config.env.deviceModel === 'iPhone13,2' || // iPhone12 Mini && iPhone12\n        weex.config.env.deviceModel === 'iPhone13,3' || //iPhone12 Pro\n        weex.config.env.deviceModel === 'iPhone13,4' || // iPhone12 Pro Max\n        weex.config.env.deviceModel === 'iPhone14,4' || //iPhone 13 mini\n        weex.config.env.deviceModel === 'iPhone14,5' || //iPhone 13\n        weex.config.env.deviceModel === 'iPhone14,2' || //iPhone 13 Pro\n          weex.config.env.deviceModel === 'Iphone14,3') //iPhone 13 Pro Max\n      )\n    },\n    _height() {\n      let { height, isipx, pos } = this\n      height = Number(height)\n      height = isipx && pos == 'bottom' ? height + this.sageHeight : height\n      return height\n    },\n    transformValue() {\n      return this.getTransform(this.pos, this.width, this.height, true)\n    },\n    _popupColor() {\n      if (this.popupColor) return this.popupColor\n      return this._isColmo ? '#1c1e21' : this._isDiablo ? '#1e2326' : '#fff'\n    },\n    padStyle() {\n      const { pos, width, height, _popupColor, _height } = this\n      let style = {\n        width: `${width}px`,\n        backgroundColor: _popupColor\n      }\n      pos === 'top' &&\n        (style = {\n          ...style,\n          top: `${-height}px`,\n          height: `${height}px`,\n          borderBottomLeftRadius: this._isColmo ? 0 : this.borderRadius,\n          borderBottomRightRadius: this._isColmo ? 0 : this.borderRadius\n        })\n      pos === 'bottom' &&\n        (style = {\n          ...style,\n          bottom: `${-_height - 1}px`,\n          height: `${_height}px`,\n          borderTopLeftRadius: this._isColmo ? 0 : this.borderRadius,\n          borderTopRightRadius: this._isColmo ? 0 : this.borderRadius\n        })\n      pos === 'left' &&\n        (style = {\n          ...style,\n          left: `${-width}px`\n        })\n      pos === 'right' &&\n        (style = {\n          ...style,\n          right: `${-width}px`\n        })\n      return style\n    },\n    buttonComp() {\n      return this.button\n    }\n  },\n  watch: {\n    _height() {\n      this.appearPopup(this.show_, 0)\n    },\n    show_(val) {\n      setTimeout(() => {\n        val && this.appearPopup(val)\n      }, 100)\n    },\n    show: {\n      handler(val, oldVal) {\n        if (val) {\n          this.overlayShow = true\n          setTimeout(() => {\n            this.show_ = true\n          }, 0)\n        } else {\n          if (oldVal !== true) return\n          this.appearPopup(false, 300, () => {})\n          setTimeout(() => {\n            this.show_ = false\n            this.overlayShow = false\n          }, 400)\n        }\n      },\n      immediate: true\n    }\n  },\n  mounted() {\n    Bridge.getAllBarHeight().then(res => {\n      this.bottomArc = res.bottomArc || 0\n    })\n    if(weex && weex.config.env.platform == 'harmony' && weex.config.env.safeAreaBottomHeight){\n      this.sageHeight = weex.config.env.safeAreaBottomHeight / weex.config.env.scale\n    }\n  },\n  methods: {\n    actionsheetBtnClick(index, text) {\n      this.appearPopup(false)\n      this.$refs.overlay.appearOverlay(false)\n      this.$emit('dofPopupButtonClicked', { index, text })\n    },\n    handleTouchEnd(e) {\n      // 在支付宝上面有点击穿透问题\n      const { platform } = weex.config.env\n      platform === 'Web' && e.preventDefault && e.preventDefault()\n    },\n    hide() {\n      this.appearPopup(false)\n      this.$refs.overlay.appearOverlay(false)\n    },\n    dofOverlayBodyClicking() {\n      this.isOverLayClickHide && this.isShow && this.appearPopup(false)\n      setTimeout(() => {\n        this.$emit('dofPopupOverlayClicked')\n      }, 100)\n    },\n    appearPopup(bool, duration = 300, cb = () => {}) {\n      this.isShow = bool\n      const popupEl = this.$refs['dof-popup']\n      if (!popupEl) {\n        return\n      }\n      animation.transition(\n        popupEl,\n        {\n          styles: {\n            transform: this.getTransform(this.pos, this.width, this._height, !bool) //_height解决iphonex系列向上过渡距离不够的问题\n          },\n          duration,\n          delay: 0,\n          ...this.animation\n        },\n        () => {\n          cb()\n          if (!bool) {\n            // this.$emit('dofPopupOverlayClicked', { pos: this.pos })\n          }\n        }\n      )\n    },\n    getTransform(pos, width, height, bool) {\n      let _size = pos === 'top' || pos === 'bottom' ? height : width\n      let _transform\n      if (isWeb) {\n        _size -= this.standOut\n      }\n      bool && (_size = 0)\n      switch (pos) {\n        case 'top':\n          _transform = `translateY(${_size}px)`\n          break\n        case 'bottom':\n          _transform = `translateY(-${_size}px)`\n          break\n        case 'left':\n          _transform = `translateX(${_size}px)`\n          break\n        case 'right':\n          _transform = `translateX(-${_size}px)`\n          break\n      }\n      return _transform\n    }\n  },\n  genBtnText(item) {\n    if (Utils.isPlainObject(item)) {\n      return item.text\n    } else {\n      return item\n    }\n  }\n}\n</script>\n"],"sourceRoot":""}]);
+exports.push([module.i, "\n.dof-popup[data-v-fa0ab532] {\n  position: fixed;\n  z-index: 1000;\n  /* width: 750px; */\n}\n.top[data-v-fa0ab532] {\n  left: 0;\n  right: 0;\n}\n.bottom[data-v-fa0ab532] {\n  left: 0;\n  right: 0;\n}\n.left[data-v-fa0ab532] {\n  bottom: 0;\n  top: 0;\n}\n.right[data-v-fa0ab532] {\n  bottom: 0;\n  top: 0;\n}\n.midea-actionsheet-bottom[data-v-fa0ab532] {\n  height: 1.33333rem;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: row;\n          flex-direction: row;\n  /* margin-top: 16px; */\n  -webkit-box-pack: justify;\n  -webkit-justify-content: space-between;\n          justify-content: space-between;\n}\n.midea-actionsheet-btn[data-v-fa0ab532] {\n  font-size: 0.42667rem;\n  /* color: #232323; */\n  background-color: #ffffff;\n  line-height: 1.33333rem;\n  text-align: center;\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n          flex: 1; /* add by lau resolve bottom button */\n}\n.leftBtn[data-v-fa0ab532] {\n  color: #616C73;\n  border-right-color: #e5e5e5;\n  border-right-width: 1px;\n  border-right-style: solid;\n}\n.rightBtn[data-v-fa0ab532] {\n  color: #00A4F2;\n}\n.midea-actionsheet-btn[data-v-fa0ab532]:active {\n  background-color: #f5f5f5;\n}\n.btnGap[data-v-fa0ab532] {\n  background-color: #f3f3f3;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-popup/index.vue?a1b7ab48"],"names":[],"mappings":";AA6CA;EACA,gBAAA;EACA,cAAA;EACA,mBAAA;CACA;AACA;EACA,QAAA;EACA,SAAA;CACA;AACA;EACA,QAAA;EACA,SAAA;CACA;AACA;EACA,UAAA;EACA,OAAA;CACA;AACA;EACA,UAAA;EACA,OAAA;CACA;AAEA;EACA,mBAAA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,uBAAA;EACA,0BAAA;EAAA,uCAAA;UAAA,+BAAA;CACA;AACA;EACA,sBAAA;EACA,qBAAA;EACA,0BAAA;EACA,wBAAA;EACA,mBAAA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA,CAAA,sCAAA;CACA;AACA;EACA,eAAA;EACA,4BAAA;EACA,wBAAA;EACA,0BAAA;CACA;AACA;EACA,eAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA","file":"index.vue","sourcesContent":["<template>\n  <div>\n    <div @touchend=\"handleTouchEnd\">\n      <dof-overlay\n        :show=\"overlayShow\"\n        ref=\"overlay\"\n        v-bind=\"overlayCfg\"\n        :canAutoClose=\"isOverLayClickHide\"\n        @dofOverlayBodyClicked=\"dofOverlayBodyClicking\"\n      ></dof-overlay>\n    </div>\n    <div ref=\"dof-popup\" v-if=\"show_\" :height=\"_height\" @click=\"() => {}\" :class=\"['dof-popup', pos]\" :style=\"padStyle\">\n      <slot></slot>\n      <div class=\"btnGap\" v-if=\"button && button.length > 0\" style=\" height:20px;\"></div>\n      <div v-if=\"button && button.length > 0\" class=\"midea-actionsheet-bottom\">\n        <text\n          v-for=\"(btn, index) in button\"\n          :key=\"index\"\n          :class=\"['midea-actionsheet-btn']\"\n          :style=\"{\n            color: btn.hasOwnProperty('textColor')\n              ? btn.textColor\n              : _isColmo\n              ? 'rgba(255,255,255,0.80)'\n              : index === 0 && !_isDiablo\n              ? '#616C73'\n              : index === 0 && _isDiablo\n              ? '#797c7e'\n              : '#00A4F2'\n          }\"\n          @click=\"actionsheetBtnClick(index, btn.hasOwnProperty('text') ? btn.text : btn)\"\n          >{{ btn.hasOwnProperty('text') ? btn.text : btn }}</text\n        >\n      </div>\n      <div\n        :style=\"{\n          height: show && isipx ? sageHeight + 'px' : '0px',\n          backgroundColor: safeAreaBgColor ? safeAreaBgColor : _isColmo ? '#151617' : padStyle.backgroundColor\n        }\"\n      ></div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.dof-popup {\n  position: fixed;\n  z-index: 1000;\n  /* width: 750px; */\n}\n.top {\n  left: 0;\n  right: 0;\n}\n.bottom {\n  left: 0;\n  right: 0;\n}\n.left {\n  bottom: 0;\n  top: 0;\n}\n.right {\n  bottom: 0;\n  top: 0;\n}\n\n.midea-actionsheet-bottom {\n  height: 100px;\n  flex-direction: row;\n  /* margin-top: 16px; */\n  justify-content: space-between;\n}\n.midea-actionsheet-btn {\n  font-size: 32px;\n  /* color: #232323; */\n  background-color: #ffffff;\n  line-height: 100px;\n  text-align: center;\n  flex: 1; /* add by lau resolve bottom button */\n}\n.leftBtn {\n  color: #616C73;\n  border-right-color: #e5e5e5;\n  border-right-width: 1px;\n  border-right-style: solid;\n}\n.rightBtn {\n  color: #00A4F2;\n}\n.midea-actionsheet-btn:active {\n  background-color: #f5f5f5;\n}\n.btnGap {\n  background-color: #f3f3f3;\n}\n</style>\n<style scoped src=\"./colmo.css\"></style>\n<style scoped src=\"./diablo.css\"></style>\n\n<script>\nconst animation = weex.requireModule('animation')\nconst { platform } = weex.config.env\nconst isWeb = typeof window === 'object' && platform.toLowerCase() === 'web'\nimport DofOverlay from '../dof-overlay'\nimport Utils from '../utils'\nimport { Bridge } from 'dolphin-native-bridge'\nimport ColmoMixin from '../../mixins/colmo'\nimport DiabloMixin from '../../mixins/diablo'\n\nexport default {\n  mixins: [ColmoMixin, DiabloMixin],\n  components: { DofOverlay },\n  props: {\n    show: {\n      type: Boolean,\n      default: false\n    },\n    pos: {\n      type: String,\n      default: 'bottom'\n    },\n    // 背景色  暂不开放\n    popupColor: {\n      type: String,\n      default: ''\n    },\n    overlayCfg: {\n      type: Object,\n      default: () => ({\n        hasAnimation: true,\n        timingFunction: ['ease-in', 'ease-out'],\n        duration: 300\n      })\n    },\n    height: {\n      type: [Number, String],\n      default: 840\n    },\n    standOut: {\n      type: [Number, String],\n      default: 0\n    },\n    width: {\n      type: [Number, String],\n      default: 750\n    },\n    animation: {\n      type: Object,\n      default: () => ({\n        // timingFunction: 'ease-in'\n        timingFunction: 'cubic-bezier(0.25, 0.1, 0.25, 1.0)'\n      })\n    },\n    button: {\n      type: Array,\n      default: () => []\n    },\n    borderRadius: {\n      type: String,\n      default: '32px'\n    },\n    isOverLayClickHide: {\n      type: Boolean,\n      default: false\n    },\n    safeAreaBgColor: {\n      type: String,\n      default: ''\n    }\n  },\n  data: () => ({\n    haveOverlay: true,\n    isOverShow: true,\n    bottomArc: 0,\n    show_: false,\n    overlayShow: false,\n    sageHeight: 68\n  }),\n  computed: {\n    isipx: function() {\n      if (this.bottomArc) return true\n      if(weex && weex.config.env.platform == 'harmony' && weex.config.env.safeAreaBottomHeight) return true\n      return (\n        weex &&\n        (weex.config.env.deviceModel === 'iPhone10,3' ||\n        weex.config.env.deviceModel === 'iPhone10,6' || // iphoneX\n        weex.config.env.deviceModel === 'iPhone11,8' || // iPhone XR\n        weex.config.env.deviceModel === 'iPhone11,2' || // iPhone XS\n        weex.config.env.deviceModel === 'iPhone11,4' ||\n        weex.config.env.deviceModel === 'iPhone11,6' || // iPhone XS Max\n        weex.config.env.deviceModel === 'iPhone12,1' || // iPhone11\n        weex.config.env.deviceModel === 'iPhone12,3' ||\n        weex.config.env.deviceModel === 'iPhone12,5' || // iPhone 11 Pro iPhone 11 Pro Max\n        weex.config.env.deviceModel === 'iPhone13,1' ||\n        weex.config.env.deviceModel === 'iPhone13,2' || // iPhone12 Mini && iPhone12\n        weex.config.env.deviceModel === 'iPhone13,3' || //iPhone12 Pro\n        weex.config.env.deviceModel === 'iPhone13,4' || // iPhone12 Pro Max\n        weex.config.env.deviceModel === 'iPhone14,4' || //iPhone 13 mini\n        weex.config.env.deviceModel === 'iPhone14,5' || //iPhone 13\n        weex.config.env.deviceModel === 'iPhone14,2' || //iPhone 13 Pro\n          weex.config.env.deviceModel === 'Iphone14,3') //iPhone 13 Pro Max\n      )\n    },\n    _height() {\n      let { height, isipx, pos } = this\n      height = Number(height)\n      height = isipx && pos == 'bottom' ? height + this.sageHeight : height\n      return height\n    },\n    transformValue() {\n      return this.getTransform(this.pos, this.width, this.height, true)\n    },\n    _popupColor() {\n      if (this.popupColor) return this.popupColor\n      return this._isColmo ? '#1c1e21' : this._isDiablo ? '#1e2326' : '#fff'\n    },\n    padStyle() {\n      const { pos, width, height, _popupColor, _height } = this\n      let style = {\n        width: `${width}px`,\n        backgroundColor: _popupColor\n      }\n      pos === 'top' &&\n        (style = {\n          ...style,\n          top: `${-height}px`,\n          height: `${height}px`,\n          borderBottomLeftRadius: this._isColmo ? 0 : this.borderRadius,\n          borderBottomRightRadius: this._isColmo ? 0 : this.borderRadius\n        })\n      pos === 'bottom' &&\n        (style = {\n          ...style,\n          bottom: `${-_height - 1}px`,\n          height: `${_height}px`,\n          borderTopLeftRadius: this._isColmo ? 0 : this.borderRadius,\n          borderTopRightRadius: this._isColmo ? 0 : this.borderRadius\n        })\n      pos === 'left' &&\n        (style = {\n          ...style,\n          left: `${-width}px`\n        })\n      pos === 'right' &&\n        (style = {\n          ...style,\n          right: `${-width}px`\n        })\n      return style\n    },\n    buttonComp() {\n      return this.button\n    }\n  },\n  watch: {\n    _height() {\n      this.appearPopup(this.show_, 0)\n    },\n    show_(val) {\n      setTimeout(() => {\n        val && this.appearPopup(val)\n      }, 100)\n    },\n    show: {\n      handler(val, oldVal) {\n        if (val) {\n          this.overlayShow = true\n          setTimeout(() => {\n            this.show_ = true\n          }, 0)\n        } else {\n          if (oldVal !== true) return\n          this.appearPopup(false, 300, () => {})\n          setTimeout(() => {\n            this.show_ = false\n            this.overlayShow = false\n          }, 400)\n        }\n      },\n      immediate: true\n    }\n  },\n  mounted() {\n    Bridge.getAllBarHeight().then(res => {\n      this.bottomArc = res.bottomArc || 0\n    })\n    if(weex && weex.config.env.platform == 'harmony' && weex.config.env.safeAreaBottomHeight){\n      this.sageHeight = weex.config.env.safeAreaBottomHeight / weex.config.env.scale\n    }\n  },\n  methods: {\n    actionsheetBtnClick(index, text) {\n      this.appearPopup(false)\n      this.$refs.overlay.appearOverlay(false)\n      this.$emit('dofPopupButtonClicked', { index, text })\n    },\n    handleTouchEnd(e) {\n      // 在支付宝上面有点击穿透问题\n      const { platform } = weex.config.env\n      platform === 'Web' && e.preventDefault && e.preventDefault()\n    },\n    hide() {\n      this.appearPopup(false)\n      this.$refs.overlay.appearOverlay(false)\n    },\n    dofOverlayBodyClicking() {\n      this.isOverLayClickHide && this.isShow && this.appearPopup(false)\n      setTimeout(() => {\n        this.$emit('dofPopupOverlayClicked')\n      }, 100)\n    },\n    appearPopup(bool, duration = 300, cb = () => {}) {\n      this.isShow = bool\n      const popupEl = this.$refs['dof-popup']\n      if (!popupEl) {\n        return\n      }\n      animation.transition(\n        popupEl,\n        {\n          styles: {\n            transform: this.getTransform(this.pos, this.width, this._height, !bool) //_height解决iphonex系列向上过渡距离不够的问题\n          },\n          duration,\n          delay: 0,\n          ...this.animation\n        },\n        () => {\n          cb()\n          if (!bool) {\n            // this.$emit('dofPopupOverlayClicked', { pos: this.pos })\n          }\n        }\n      )\n    },\n    getTransform(pos, width, height, bool) {\n      let _size = pos === 'top' || pos === 'bottom' ? height : width\n      let _transform\n      if (isWeb) {\n        _size -= this.standOut\n      }\n      bool && (_size = 0)\n      switch (pos) {\n        case 'top':\n          _transform = `translateY(${_size}px)`\n          break\n        case 'bottom':\n          _transform = `translateY(-${_size}px)`\n          break\n        case 'left':\n          _transform = `translateX(${_size}px)`\n          break\n        case 'right':\n          _transform = `translateX(-${_size}px)`\n          break\n      }\n      return _transform\n    }\n  },\n  genBtnText(item) {\n    if (Utils.isPlainObject(item)) {\n      return item.text\n    } else {\n      return item\n    }\n  }\n}\n</script>\n"],"sourceRoot":""}]);
 
 // exports
 
@@ -21495,7 +21495,7 @@ exports.default = {
       switch (this.type) {
         case 'warning':
           style = {
-            backgroundColor: this._isDiablo ? '#b18214' : '#FFF6E7'
+            backgroundColor: this._isDiablo ? '#211E15' : '#FFF6E7'
           };
           break;
         case 'warning-i18n':
@@ -21616,7 +21616,7 @@ exports.default = {
       //type info, warning, danger,  warning-i18n
       switch (this.type) {
         case 'warning':
-          typeIcon = _type2.default.warnIcon;
+          typeIcon = this._isDiablo ? _type2.default.warnIconDiablo : _type2.default.warnIcon;
           break;
         case 'warning-i18n':
           typeIcon = _type2.default.warnI18nIcon;
@@ -23569,6 +23569,10 @@ var _colmo = __webpack_require__(3);
 
 var _colmo2 = _interopRequireDefault(_colmo);
 
+var _diablo = __webpack_require__(4);
+
+var _diablo2 = _interopRequireDefault(_diablo);
+
 var _dofIconfont = __webpack_require__(6);
 
 var _dofIconfont2 = _interopRequireDefault(_dofIconfont);
@@ -23649,7 +23653,7 @@ var env = weex.config.env;
 var animation = weex.requireModule('animation');
 var dom = weex.requireModule('dom');
 exports.default = {
-  mixins: [_colmo2.default],
+  mixins: [_colmo2.default, _diablo2.default],
   components: { DofIconfont: _dofIconfont2.default },
   props: {
     mode: {
@@ -24246,6 +24250,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 //
 //
 //
+//
+//
 
 var animation = weex.requireModule('animation');
 var platform = weex.config.env.platform;
@@ -31437,7 +31443,7 @@ exports.default = {
   methods: {
     dofCellClicked: function dofCellClicked(index) {
       //点击触发滑动恢复初始化
-      if (this.isAndroid) {
+      if (!this.isIOS) {
         this.rightSlide(); // 列表初始化
         this.cellCanClick && this.$emit('dofCellClicked', { index: index });
       } else {
@@ -36152,6 +36158,7 @@ exports.default = {
   colmoInfoIcon: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAHhlWElmTU0AKgAAAAgABAEaAAUAAAABAAAAPgEbAAUAAAABAAAARgEoAAMAAAABAAIAAIdpAAQAAAABAAAATgAAAAAAAADYAAAAAQAAANgAAAABAAOgAQADAAAAAQABAACgAgAEAAAAAQAAADCgAwAEAAAAAQAAADAAAAAAVrtQ3wAAAAlwSFlzAAAhOAAAITgBRZYxYAAABGpJREFUaAXVWk1PE0EYntlCpQW/0AQwJl40etGLCCagYvwgUYuA0QPGYNRovGmMJl4wetSY+A80GjmIilo18StghEQQLp44ePBgLCQGAmI/peP7DLvNtmxpyw5uO8l0p/PxvM/TnZ2ded9ypiD1nGwo+T0d3MuF2Cs438gFW0+w5ZRLKWuUpyhPCM6+MSZGuOAfWXTmrc8/HKR6W4kvdPTLtvqVLBJrIUJNgrF9hOPNEQvk3zLOurnb7T/U2TeR43jZPWcBft9Wr3C7LtLAK4SwbCFGLcZMC8ZvLfGGbjc++PrHoj1tVdYCehoaiqZXBc8Q0jXKlWkR7TUE6I50hPi6u8e6umaygcpKwPOmujVacewZAW7LBlRBn2GX4M0Hng78yISVUcCrI9tr4yzeTUBVmcAUt49qTGs++OTzwHy4WCHSppdHatqJ/Efq8L/Jg1Ml2e71t9a0pSVIDWnvgBzI2cP5Bv+3Ns7afY8H71vZsxSgT5teGlBiNciBughNp11W02mOgNettWtnuPhCJBdrpVmo/kA8Vlx9+EX/TzNA0jPw6OhRF5HHaqOEfEX1DoasKFVpRX+7sZyb8ZIEeOLfT1HjVnMHO+WK6noSUG8HInksFzX6uyhRnxDw5sQW2rfw64mW/C10YDdg0EsIiAQ9l6jSieXS4JLttYovcV0wOksB2JhxJi4blfl+FYJdkZtJIioFiGjUR+WyfCdu4rdcRGPN+D47hQSjbXFhJTp7HAZjTX8gGguLPp1C6AyCg5TGil0g7yk0AcTXi1OgJjSxswDJ65TFHnoG+KbCFcA3aXQA31CoAuA8wCq0olAFEO9yCFB1MHfidyiFgLgTlhXZ1CAgJzeGIsOqYKYgYFwVmgM4E9qsu88B0wpMgjvdATGiAMshCDFCAvgHh6zbNgsnsba0zPuekGx7iW2zyR0gCA+3tvteb5hcE+9yH595xNhQH0NepCTd8/KETz7950zfX6s0Njb0SSVcMha55VGBZZRxdzFcKZMoF0iaRkwBXKUABBc4ZzdVky8pX82QVSfEEoyAiBQAAyIyc4cuAVXGQHzzuasyKxYRQCDE4JkQoMerbhgNeXulAIg5ipPkG5VRmPJQPyMPmAoBxi8fHv+lAg4YwyFtXa05epMkAD30aMwQFfPNyTVKUZttqVGbxBQCeSR4f8mVDTdLRFbkx0cY0ZpU8qA2RwAqpR+es7Mo50US7LRVbADcLAWgQUZEBDtOxTC+O5QiFENq9z0d7Exnf84zkNpRj9bgRackZpCKP8/3AKZyul/eGJdRADrqURuIUBY7MAhYXgUfjP8takmNxlj1TTuFzJ3x8GD5otcdngtlLzuzDb0M7PNl4566bMhjTFZ3QAeXFwRCEEvQ3fGqPNqT2MpgN5DrH0ByFmCIgX9euuVnPdv7qT4RNTH6ZLgGyfg77ISxmTT2NhnGzGlesAAzkvRwu137BRe74KrU/26zkvrA5wS3DTwf48bfbXAKxEEKZxGqt5X+Aa6eUdzh/02qAAAAAElFTkSuQmCC',
   colmoImportantIcon: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAHhlWElmTU0AKgAAAAgABAEaAAUAAAABAAAAPgEbAAUAAAABAAAARgEoAAMAAAABAAIAAIdpAAQAAAABAAAATgAAAAAAAADYAAAAAQAAANgAAAABAAOgAQADAAAAAQABAACgAgAEAAAAAQAAADCgAwAEAAAAAQAAADAAAAAAVrtQ3wAAAAlwSFlzAAAhOAAAITgBRZYxYAAAA8hJREFUaAXVmkFIFUEcxn0mZml5eNVFtNcpKi8FZR1CvUkEdQsi85TROc8Vkbe8i0EHFaFbBEU3fXhIETwZHXskXrIOiVYIZb9v3V32+fbt221n17d/+Jx5szP/+b7dmdnZ/5hrMGA7OzvNuOkBl8BJ0AnaQQtoBFtgA6yCElgGC7lc7jdpLMv9b2tIH6VtH+gFIi+yUUzkF8AsmEeMBEa2yAIgLqK3wRBojdyjf4OfFE+BaYT88q/iXxpaAMQP4OImGAZ5f3exS7/hYRy8QcjfMN5CCYD8cZyNgbNhnBqo8wkfDxHxtZYvTbBAg3w3FfR40yIvPmfUp923fle1QAE4uE7LCXCsqofkLmiYTsBhIKiLqkPIbvgsqHGK1x4znN769ecrwH50uvNa3+vBtiExjIiVvWQqBED+BJU05pNaafZyCPtbK9QgIta9DcrmAOT1W6uNEfKf373KC94OY+Q1D5/DUcu5a2UCKL0BtAIYsbXi+7xgxNmuk3Mkehe55gpA2SFK77tX6jdzD67utsUVAN87YD+Wy6i3Shy1lbHMEoAibcwG7bIsJHdtztZWV4SvgsNZYG5zbCPtU94ZQv36kTHTNr6h0Z4QVzJGXnR74N6sJyDyB1WSMdNK1CMB5zNG3Ev3ogQUvCUZyxckoCtjpL10OyXgiLckY/l2CTD1Yb4f2lskINTH836wC9FnowTEDi6F6CipKlsS8CMp7yn43ZCA1RQ6SqqLVQkoJeU9Bb8lCVhKoaOkuliWgEWQxYlsBYeb+MrfZlcnEdb21OSt6ugd+G7S3x5fVni+yS4skhoXcOrarSQFzIq7hpBsDmwqkxFTOH5eXC0BDCMdLkyqwKRtrn1pFkz6tH1N2ZzdJ6DyGaDolxET8Q9PHpwWDIsQx2mHpDOEGlCkWf3CuVDH6Thc3VOcstgoq5HCdi+BImCxzbnzbR1dCs6aMB18DCHA3YCWCVAPiNBpzBSotyCXVjQFd8tObdwhxEXLqLBOZgSYumu7juP9FRffI6cKAeoHESsko8rXiT21OVXQqRhC3hoMJx3vPAJJLIXerqrldedHIe97OqNGgQJUARHdJGPAZJhcrmuZlsuRanfeaVxTgCoiQqc2EmHs7EB+A+wj10Re8zHQQgmQB0RovugARGcISa1Quut6F72G/B/SmhZagOMJIToI0VmCwvGmItqb+JoEMxCPtLWPLIBOLEOIzhQUlu8Hl4F7akI+jImotvFFMAfxdP7Zw48ZYkReIi6AAugEEtgK9NYUWQUP9P1dAktgEdKx3zX/ANf177O+30yvAAAAAElFTkSuQmCC',
   warnIcon: 'data:image/png;base64,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',
+  warnIconDiablo: 'data:image/png;base64,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',
   warnI18nIcon: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAMKADAAQAAAABAAAAMAAAAADbN2wMAAADv0lEQVRoBdVaPWzUMBi1w4EgvQoqsRwwVrRFYqKIFQYYKQxslAVawQgDYqpOiIEywAgqsAAbA3SFoV0RZUKiBXUE3YJU0F3DqZSa7xkn+HLOXeJcekmkKM5nv8/vJY5/PoezHhzi+qE9XmPgtBDsFGd8lFwO0zlE56ByX6frGp2rgokVztmCW15/yx98/aXyrS/cFvnj2tGh0ubvCc7EBBP8DPlxE/ryGBdvBOPzm6Wd8/sefoTAxEdiAWL6mOuJxg0u+E3x/wknrlgHEIm64OKey8v3+dwHT8/rlo4tQFxgO7y9o5fJYZXOSjfHlvk1wlXdnytP+Uv2J46PWAK8q4cPik3nNTkcj+O0B2WWeGnrnPvoy7duvroK8KaPnBBbW6/IUVZPPYpjjTvOeXfu07uoArA7nTIbV0YuEvlFKrPd5EGrgrrBATdRR+QbAJC6xOdRwO20U9c7WX7y+YWpTqMA1WwWCbDbBOqDrUnN6aSpObUJUB/seyLZj2bT6dnU6MM+Hv6wW74BdJWqt8kbeQirgBs46ipbBKh+fru6Sp1H3PS44hiUDwRghCVrNchJl9gQnN9iDj+AU6YZ20jnMkBXFVdpKPlmTA8Y4z1pOkR4pvx4edb3TdfZxtQYTX3EXc1mm6z848ruwIF8A5iYYW5j6zGMo9nmszi2cJm49+AKzigvBWBW2auJWVwSacqBKzgHAuSUOI3HEJbWBZdCJmayhcskufc5c7kYqZe/EzjpfL5TffiIZ/ymBPLU/m8TYFcnUMI8zx1s7OfrUyNnaUEynxCcj+JcTDhYBuaDTXIW4O6oNWxydA4Q4I5eaDgDLlkOZDrdYQxksj/VrWnTGQ9kOr0hvAE/9KFnpEr7vY/uxGTT8y3Tg3IgswRHwgbmlrE4bzlMtpYCljcQgKBTUY86BFgFlHKieA0CVnNCxobGqoNYpQ0yDxhwd6h3WMgDGRsO4O4gSkzgRPFIm8oywHjg7sgQN0WJM6ggW5fEGdzlOIAQd7a19d67z1kKQHyeAkSFGQ/AFZzxWKQAbC4gPt/755SNR3D1N0SkAFSDzQW6tE0BsqGQymtNcZVOAgFqZ6SayrUCr0+PtYVnTDbLuqr6Lk4gAM6wM0KXJUvHAcy0gDfZAkD8xJLiGCCyCu5msag3BnfbBEBakcLrLU3Ify+Iw9M8Y8q/7/cVXEx7A+BlFIAM7IgQcJKSTdz36WiCQ9TuDDgZm5BONu+bfF0FQEyht1n9t1HojW5fBK6F/dVAF4F0YX/2CAvBfT9/t/kLq3CPUN9TqhsAAAAASUVORK5CYII=',
   dangerIcon: 'data:image/png;base64,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',
 
@@ -36564,7 +36571,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = {
-  close: 'data:image/png;base64,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'
+  close: 'data:image/png;base64,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',
+  closeDiablo: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAMAAAGFGgn/AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAKqADAAQAAAABAAAAKgAAAADUGqULAAAAY1BMVEUAAACAgICqqqq/v7+ZmZmioqKqqqqmpqanp6elpaWipaWipaWjo6WipKaipaWho6Wio6WipKWio6WhpKSipKWipKWipKSipKahpaWipKWipKWipKWipKWio6WipKWipKWipKWRgTROAAAAIHRSTlMAAgMEBQsPFBofR11eeHx9jpScqaqztMLZ6Ovw9vj6/a6qlg4AAAFASURBVDjLrZOLdsIgDEBxsVX38lG2Op2a///KQRogPFvPGcdTwuU2SWlVigfSz1xQhclBMQCIAUwCkGXhNF45+iXXbqPLAD6yjPaMh7wXV7nz/BYa6lxXFFHMkY27kNqlMqxx74JxRwSxdJnNc3iOorLjkjmeMr43yu/yAWZ1uyV11Xta90M9OX6O0fLzaq9rxEHAA+LOzoPEBo5TJHCAAkvocQwZp5DwOYOEc2hvR12AlwxTIZ1grh5j35LEos+Ao+YdhrhPg7d2vn1F7Zwe6t/Gurn7sgpv3pzWADXRnuWt58WRPmcNNRHxO3yDA4E88ySO8QdbkktiUa6JmdwSI3lOFPK8SPKZxEs/+94OPquGBeLY6zlZPAw05eSp63LheMpy5RxzeV8/R5ZPvFxdWwdO8mPjlv2ueYTbzZN/qj+DqjJ9xuWCLwAAAABJRU5ErkJggg=='
 };
 
 /***/ }),
@@ -37798,7 +37806,7 @@ var STYLE_MAP = exports.STYLE_MAP = {
     linePaddingLeft: '24px',
     lineMarginRight: '24px',
     mainTextColor: 'rgba(255,255,255,0.6)',
-    backgroundColor: '#404448',
+    backgroundColor: 'rgba(162, 164, 165, 0.08)',
     borderColor: '#303538',
     promptTextColor: 'rgba(255,255,255,0.6)'
   },
@@ -49857,8 +49865,8 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
   }, [(!_vm._isColmo) ? _c('figure', {
     staticClass: "closeIcon weex-el weex-image",
     attrs: {
-      "src": _vm.imgs.close,
-      "data-img-src": _vm.imgs.close,
+      "src": _vm._isDiablo ? _vm.imgs.closeDiablo : _vm.imgs.close,
+      "data-img-src": _vm._isDiablo ? _vm.imgs.closeDiablo : _vm.imgs.close,
       "weex-type": "image"
     }
   }) : _c('dof-iconfont', {
@@ -53610,7 +53618,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
       staticClass: " weex-el weex-text",
       class: ['midea-actionsheet-btn'],
       style: ({
-        color: btn.hasOwnProperty('textColor') ? btn.textColor : _vm._isColmo ? 'rgba(255,255,255,0.80)' : index === 0 ? '#616C73' : '#00A4F2'
+        color: btn.hasOwnProperty('textColor') ? btn.textColor : _vm._isColmo ? 'rgba(255,255,255,0.80)' : index === 0 && !_vm._isDiablo ? '#616C73' : index === 0 && _vm._isDiablo ? '#797c7e' : '#00A4F2'
       }),
       attrs: {
         "weex-type": "text",