dolphin-weex-ui 2.4.24 → 2.4.26

package/dist/index.web.js

@@ -8082,7 +8082,7 @@ exports = module.exports = __webpack_require__(0)(true);
 
 
 // module
-exports.push([module.i, "\n.title[data-v-1425952e] {\n  padding: 0 0.42667rem;\n}\n.dof-collapse-item-content[data-v-1425952e] {\n  background-color: #fff;\n}\n/* .title:active {\n  background-color: #fff;\n} */\n.title-box[data-v-1425952e] {\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  /* padding-right: 16px; */\n  height: 1.65333rem;\n  -webkit-box-align: center;\n  -webkit-align-items: center;\n          align-items: center;\n}\n.bottom-line[data-v-1425952e] {\n  border-bottom-color: #dddddd;\n  border-bottom-style: solid;\n  border-bottom-width: 0.02667rem;\n}\n.title-text[data-v-1425952e] {\n  height: 1.38667rem;\n  line-height: 1.38667rem;\n  font-size: 0.42667rem;\n  color: #1e2e37;\n}\n.dof-header-arrow-box[data-v-1425952e] {\n  height: 1.38667rem;\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-align: center;\n  -webkit-align-items: center;\n          align-items: center;\n}\n.dof-header-arrow[data-v-1425952e] {\n  width: 0.53333rem;\n  height: 0.53333rem;\n  margin-left: 0px;\n  /* margin-right: 24px; */\n  /* margin-top: 12px; */\n  right: -0.10667rem;\n  margin-bottom: 0.16rem;\n}\n.dof-item-body[data-v-1425952e] {\n  position: relative;\n  overflow: hidden;\n  background-color: #f9f9f9;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-collapse-item/index.vue?2dccc4d5"],"names":[],"mappings":";AAmLA;EACA,sBAAA;CACA;AACA;EACA,uBAAA;CACA;AACA;;IAEA;AAEA;EACA,qBAAA;EAAA,sBAAA;EAAA,cAAA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EAAA,uCAAA;UAAA,+BAAA;EACA,0BAAA;EACA,mBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;CACA;AAEA;EACA,6BAAA;EACA,2BAAA;EACA,gCAAA;CACA;AAEA;EACA,mBAAA;EACA,wBAAA;EACA,sBAAA;EACA,eAAA;CACA;AAEA;EACA,mBAAA;EACA,qBAAA;EAAA,sBAAA;EAAA,cAAA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;CACA;AAEA;EACA,kBAAA;EACA,mBAAA;EACA,iBAAA;EACA,yBAAA;EACA,uBAAA;EACA,mBAAA;EACA,uBAAA;CACA;AAEA;EACA,mBAAA;EACA,iBAAA;EACA,0BAAA;CACA","file":"index.vue","sourcesContent":["<template>\n  <div class=\"dof-collapse-item\">\n    <div class=\"dof-collapse-item-content\">\n      <div\n        class=\"title\"\n        @click=\"onCollapseHandler\"\n        :style=\"{\n          'backgroundColor:active': _isColmo ? 'rgba(255,255,255,0.14)' : _isDiablo ? '#1d1f21' : '#fff'\n        }\"\n      >\n        <div :class=\"['title-box', collapsed_ ? 'bottom-line' : '']\">\n          <slot name=\"title\"></slot>\n          <div class=\"dof-header-arrow-box\">\n            <slot name=\"desc\"></slot>\n            <dof-iconfont\n              v-if=\"_isColmo\"\n              ref=\"arrow\"\n              :code=\"'\\u4814'\"\n              :size=\"48\"\n              :color=\"'rgba(255,255,255,0.8)'\"\n              @dofIconFontClicked=\"onCollapseHandler\"\n            ></dof-iconfont>\n            <image v-else ref=\"arrow\" class=\"dof-header-arrow\" :src=\"arrowUp\"></image>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div ref=\"slotBody\" class=\"dof-item-body\">\n      <slot></slot>\n    </div>\n  </div>\n</template>\n\n<script>\nimport DofIconfont from '../dof-iconfont'\nimport { Transition } from '../utils/transition.js'\nimport { getBoundingClientRect } from '../utils/dom.js'\nimport arrowUp from './imgs/arrow_up'\nimport ColmoMixin from '../../mixins/colmo'\nimport DiabloMixin from '../../mixins/diablo'\n\nexport default {\n  mixins: [ColmoMixin, DiabloMixin],\n  components: { DofIconfont },\n  inject: ['_activeData'],\n  props: {\n    collapsed: {\n      type: Boolean,\n      default: true\n    },\n    name: {\n      type: Number,\n      default: 1\n    }\n  },\n  data() {\n    return {\n      collapsed_: this.collapsed,\n      bodyHeight: 0,\n      activeName: 0,\n      arrowUp\n    }\n  },\n  created() {},\n  mounted() {\n    this.$nextTick(() => {\n      const dom = weex.requireModule('dom')\n      getBoundingClientRect(\n        dom,\n        this.$refs.slotBody,\n        res => {\n          if (res.result) {\n            this.bodyHeight = res.size.height\n          }\n          if (this.collapsed_) {\n            this.collapseBody(0)\n          }\n        },\n        0\n      )\n    })\n    if (this.collapsed_) {\n      this.collapseArrow(0)\n    }\n  },\n  computed: {\n    accordion() {\n      return this._activeData.accordion\n    },\n    isHarmony() {\n      return weex.config.env.platform == 'harmony'\n    }\n  },\n  watch: {\n    _activeData: {\n      handler(newValue, oldValue) {\n        this.activeName = newValue._activeName\n        if (newValue._activeName != -1) {\n          //手风琴\n          if (newValue._activeName == 0) {\n            this.collapseBody()\n            this.collapseArrow()\n            this.collapsed_ = true\n          } else {\n            if (newValue._activeName != this.name) {\n              this.collapseBody()\n              this.collapseArrow()\n              this.collapsed_ = true\n            } else {\n              if (this.collapsed_) {\n                this.collapseBody()\n                this.collapseArrow()\n              } else {\n                this.expandeBody()\n                this.expandeArrow()\n              }\n            }\n          }\n        }\n      },\n      deep: true,\n      immediate: true\n    }\n  },\n  methods: {\n    onCollapseHandler() {\n      if (this.isHarmony) {\n        if (this.clickLock) return\n        this.clickLock = true\n      }\n      this.collapsed_ = !this.collapsed_\n      //手风琴-发送通知\n      this.$parent.collapseClick({ collapsed: this.collapsed_, name: this.name })\n      if (!this.accordion) {\n        if (this.collapsed_) {\n          this.collapseBody()\n          this.collapseArrow()\n        } else {\n          this.expandeBody()\n          this.expandeArrow()\n        }\n      }\n      if (this.isHarmony) {\n        setTimeout(() => {\n          this.clickLock = false\n        }, 100)\n      }\n    },\n    collapseBody(duration = 360) {\n      Transition.Default()\n        .duration(duration)\n        .height(0)\n        .needLayout(true)\n        .run(this.$refs.slotBody)\n    },\n    collapseArrow() {\n      Transition.Default()\n        .rotateZ(-180)\n        .transformOrigin('center')\n        .run(this.$refs.arrow)\n    },\n    expandeBody(duration = 360) {\n      Transition.Default()\n        .duration(duration)\n        .height(this.bodyHeight)\n        .needLayout(true)\n        .run(this.$refs.slotBody)\n    },\n    expandeArrow() {\n      Transition.Default()\n        .rotateZ(0)\n        .transformOrigin('center')\n        .run(this.$refs.arrow)\n    }\n  }\n}\n</script>\n\n<style scoped>\n.title {\n  padding: 0 32px;\n}\n.dof-collapse-item-content {\n  background-color: #fff;\n}\n/* .title:active {\n  background-color: #fff;\n} */\n\n.title-box {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  /* padding-right: 16px; */\n  height: 124px;\n  align-items: center;\n}\n\n.bottom-line {\n  border-bottom-color: #dddddd;\n  border-bottom-style: solid;\n  border-bottom-width: 2px;\n}\n\n.title-text {\n  height: 104px;\n  line-height: 104px;\n  font-size: 32px;\n  color: #1e2e37;\n}\n\n.dof-header-arrow-box {\n  height: 104px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n\n.dof-header-arrow {\n  width: 40px;\n  height: 40px;\n  margin-left: 0px;\n  /* margin-right: 24px; */\n  /* margin-top: 12px; */\n  right: -8px;\n  margin-bottom: 12px;\n}\n\n.dof-item-body {\n  position: relative;\n  overflow: hidden;\n  background-color: #f9f9f9;\n}\n</style>\n<style scoped src=\"./colmo.css\"></style>\n<style scoped src=\"./diablo.css\"></style>\n"],"sourceRoot":""}]);
+exports.push([module.i, "\n.title[data-v-1425952e] {\n  padding: 0 0.42667rem;\n}\n.dof-collapse-item-content[data-v-1425952e] {\n  background-color: #fff;\n}\n/* .title:active {\n  background-color: #fff;\n} */\n.title-box[data-v-1425952e] {\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  /* padding-right: 16px; */\n  height: 1.65333rem;\n  -webkit-box-align: center;\n  -webkit-align-items: center;\n          align-items: center;\n}\n.bottom-line[data-v-1425952e] {\n  border-bottom-color: #dddddd;\n  border-bottom-style: solid;\n  border-bottom-width: 0.02667rem;\n}\n.title-text[data-v-1425952e] {\n  height: 1.38667rem;\n  line-height: 1.38667rem;\n  font-size: 0.42667rem;\n  color: #1e2e37;\n}\n.dof-header-arrow-box[data-v-1425952e] {\n  height: 1.38667rem;\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-align: center;\n  -webkit-align-items: center;\n          align-items: center;\n}\n.dof-header-arrow[data-v-1425952e] {\n  width: 0.53333rem;\n  height: 0.53333rem;\n  margin-left: 0px;\n  /* margin-right: 24px; */\n  /* margin-top: 12px; */\n  right: -0.10667rem;\n  margin-bottom: 0.16rem;\n}\n.dof-item-body[data-v-1425952e] {\n  position: relative;\n  overflow: hidden;\n  background-color: #f9f9f9;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-collapse-item/index.vue?7f6b9bf0"],"names":[],"mappings":";AAmLA;EACA,sBAAA;CACA;AACA;EACA,uBAAA;CACA;AACA;;IAEA;AAEA;EACA,qBAAA;EAAA,sBAAA;EAAA,cAAA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EAAA,uCAAA;UAAA,+BAAA;EACA,0BAAA;EACA,mBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;CACA;AAEA;EACA,6BAAA;EACA,2BAAA;EACA,gCAAA;CACA;AAEA;EACA,mBAAA;EACA,wBAAA;EACA,sBAAA;EACA,eAAA;CACA;AAEA;EACA,mBAAA;EACA,qBAAA;EAAA,sBAAA;EAAA,cAAA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;CACA;AAEA;EACA,kBAAA;EACA,mBAAA;EACA,iBAAA;EACA,yBAAA;EACA,uBAAA;EACA,mBAAA;EACA,uBAAA;CACA;AAEA;EACA,mBAAA;EACA,iBAAA;EACA,0BAAA;CACA","file":"index.vue","sourcesContent":["<template>\n  <div class=\"dof-collapse-item\">\n    <div class=\"dof-collapse-item-content\">\n      <div\n        class=\"title\"\n        @click=\"onCollapseHandler\"\n        :style=\"{\n          'backgroundColor:active': _isColmo ? '#343639' : _isDiablo ? '#1d1f21' : '#fff'\n        }\"\n      >\n        <div :class=\"['title-box', collapsed_ ? 'bottom-line' : '']\">\n          <slot name=\"title\"></slot>\n          <div class=\"dof-header-arrow-box\">\n            <slot name=\"desc\"></slot>\n            <dof-iconfont\n              v-if=\"_isColmo\"\n              ref=\"arrow\"\n              :code=\"'\\u4814'\"\n              :size=\"48\"\n              :color=\"'rgba(255,255,255,0.8)'\"\n              @dofIconFontClicked=\"onCollapseHandler\"\n            ></dof-iconfont>\n            <image v-else ref=\"arrow\" class=\"dof-header-arrow\" :src=\"arrowUp\"></image>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div ref=\"slotBody\" class=\"dof-item-body\">\n      <slot></slot>\n    </div>\n  </div>\n</template>\n\n<script>\nimport DofIconfont from '../dof-iconfont'\nimport { Transition } from '../utils/transition.js'\nimport { getBoundingClientRect } from '../utils/dom.js'\nimport arrowUp from './imgs/arrow_up'\nimport ColmoMixin from '../../mixins/colmo'\nimport DiabloMixin from '../../mixins/diablo'\n\nexport default {\n  mixins: [ColmoMixin, DiabloMixin],\n  components: { DofIconfont },\n  inject: ['_activeData'],\n  props: {\n    collapsed: {\n      type: Boolean,\n      default: true\n    },\n    name: {\n      type: Number,\n      default: 1\n    }\n  },\n  data() {\n    return {\n      collapsed_: this.collapsed,\n      bodyHeight: 0,\n      activeName: 0,\n      arrowUp\n    }\n  },\n  created() {},\n  mounted() {\n    this.$nextTick(() => {\n      const dom = weex.requireModule('dom')\n      getBoundingClientRect(\n        dom,\n        this.$refs.slotBody,\n        res => {\n          if (res.result) {\n            this.bodyHeight = res.size.height\n          }\n          if (this.collapsed_) {\n            this.collapseBody(0)\n          }\n        },\n        0\n      )\n    })\n    if (this.collapsed_) {\n      this.collapseArrow(0)\n    }\n  },\n  computed: {\n    accordion() {\n      return this._activeData.accordion\n    },\n    isHarmony() {\n      return weex.config.env.platform == 'harmony'\n    }\n  },\n  watch: {\n    _activeData: {\n      handler(newValue, oldValue) {\n        this.activeName = newValue._activeName\n        if (newValue._activeName != -1) {\n          //手风琴\n          if (newValue._activeName == 0) {\n            this.collapseBody()\n            this.collapseArrow()\n            this.collapsed_ = true\n          } else {\n            if (newValue._activeName != this.name) {\n              this.collapseBody()\n              this.collapseArrow()\n              this.collapsed_ = true\n            } else {\n              if (this.collapsed_) {\n                this.collapseBody()\n                this.collapseArrow()\n              } else {\n                this.expandeBody()\n                this.expandeArrow()\n              }\n            }\n          }\n        }\n      },\n      deep: true,\n      immediate: true\n    }\n  },\n  methods: {\n    onCollapseHandler() {\n      if (this.isHarmony) {\n        if (this.clickLock) return\n        this.clickLock = true\n      }\n      this.collapsed_ = !this.collapsed_\n      //手风琴-发送通知\n      this.$parent.collapseClick({ collapsed: this.collapsed_, name: this.name })\n      if (!this.accordion) {\n        if (this.collapsed_) {\n          this.collapseBody()\n          this.collapseArrow()\n        } else {\n          this.expandeBody()\n          this.expandeArrow()\n        }\n      }\n      if (this.isHarmony) {\n        setTimeout(() => {\n          this.clickLock = false\n        }, 100)\n      }\n    },\n    collapseBody(duration = 360) {\n      Transition.Default()\n        .duration(duration)\n        .height(0)\n        .needLayout(true)\n        .run(this.$refs.slotBody)\n    },\n    collapseArrow() {\n      Transition.Default()\n        .rotateZ(-180)\n        .transformOrigin('center')\n        .run(this.$refs.arrow)\n    },\n    expandeBody(duration = 360) {\n      Transition.Default()\n        .duration(duration)\n        .height(this.bodyHeight)\n        .needLayout(true)\n        .run(this.$refs.slotBody)\n    },\n    expandeArrow() {\n      Transition.Default()\n        .rotateZ(0)\n        .transformOrigin('center')\n        .run(this.$refs.arrow)\n    }\n  }\n}\n</script>\n\n<style scoped>\n.title {\n  padding: 0 32px;\n}\n.dof-collapse-item-content {\n  background-color: #fff;\n}\n/* .title:active {\n  background-color: #fff;\n} */\n\n.title-box {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  /* padding-right: 16px; */\n  height: 124px;\n  align-items: center;\n}\n\n.bottom-line {\n  border-bottom-color: #dddddd;\n  border-bottom-style: solid;\n  border-bottom-width: 2px;\n}\n\n.title-text {\n  height: 104px;\n  line-height: 104px;\n  font-size: 32px;\n  color: #1e2e37;\n}\n\n.dof-header-arrow-box {\n  height: 104px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n\n.dof-header-arrow {\n  width: 40px;\n  height: 40px;\n  margin-left: 0px;\n  /* margin-right: 24px; */\n  /* margin-top: 12px; */\n  right: -8px;\n  margin-bottom: 12px;\n}\n\n.dof-item-body {\n  position: relative;\n  overflow: hidden;\n  background-color: #f9f9f9;\n}\n</style>\n<style scoped src=\"./colmo.css\"></style>\n<style scoped src=\"./diablo.css\"></style>\n"],"sourceRoot":""}]);
 
 // exports
 
@@ -8096,7 +8096,7 @@ exports = module.exports = __webpack_require__(0)(true);
 
 
 // module
-exports.push([module.i, "\n@media screen and (weex-theme: colmo) {\n.title[data-v-1425952e] {\n    padding-left: 0.42667rem;\n}\n.title-box[data-v-1425952e] {\n    padding-right: 0.21333rem;\n}\n.dof-header-arrow[data-v-1425952e] {\n    width: 0.53333rem;\n    height: 0.53333rem;\n    margin-left: 0.26667rem;\n    margin-right: 0.16rem;\n    margin-top: 0.16rem;\n    margin-bottom: 0.16rem;\n}\n.title-text[data-v-1425952e] {\n    color: #ffffff;\n}\n.dof-collapse-item-content[data-v-1425952e] {\n    background-color: #303237;\n}\n.dof-item-body[data-v-1425952e] {\n    background-color: #303237;\n}\n.bottom-line[data-v-1425952e] {\n    border-bottom-color: rgba(255, 255, 255, 0.1);\n}\n}", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-collapse-item/colmo.css"],"names":[],"mappings":";AAAA;AACE;IACE,yBAAmB;CACpB;AACD;IACE,0BAAoB;CACrB;AACD;IACE,kBAAY;IACZ,mBAAa;IACb,wBAAkB;IAClB,sBAAmB;IACnB,oBAAiB;IACjB,uBAAoB;CACrB;AACD;IACE,eAAe;CAEhB;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,8CAA8C;CAC/C;CACF","file":"colmo.css","sourcesContent":["@media screen and (weex-theme: colmo) {\n  .title {\n    padding-left: 32px;\n  }\n  .title-box {\n    padding-right: 16px;\n  }\n  .dof-header-arrow {\n    width: 40px;\n    height: 40px;\n    margin-left: 20px;\n    margin-right: 12px;\n    margin-top: 12px;\n    margin-bottom: 12px;\n  }\n  .title-text {\n    color: #ffffff;\n    \n  }\n  .dof-collapse-item-content {\n    background-color: #303237;\n  }\n  .dof-item-body {\n    background-color: #303237;\n  }\n  .bottom-line {\n    border-bottom-color: rgba(255, 255, 255, 0.1);\n  }\n}"],"sourceRoot":""}]);
+exports.push([module.i, "\n@media screen and (weex-theme: colmo) {\n.title[data-v-1425952e] {\n    padding-left: 0.42667rem;\n}\n.title-box[data-v-1425952e] {\n    padding-right: 0.21333rem;\n}\n.dof-header-arrow[data-v-1425952e] {\n    width: 0.53333rem;\n    height: 0.53333rem;\n    margin-left: 0.26667rem;\n    margin-right: 0.16rem;\n    margin-top: 0.16rem;\n    margin-bottom: 0.16rem;\n}\n.title-text[data-v-1425952e] {\n    color: #ffffff;\n}\n.dof-collapse-item-content[data-v-1425952e] {\n    background-color: #1c1e21;\n}\n.dof-item-body[data-v-1425952e] {\n    background-color: #1c1e21;\n}\n.bottom-line[data-v-1425952e] {\n    border-bottom-color: rgba(255, 255, 255, 0.1);\n}\n}", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-collapse-item/colmo.css"],"names":[],"mappings":";AAAA;AACE;IACE,yBAAmB;CACpB;AACD;IACE,0BAAoB;CACrB;AACD;IACE,kBAAY;IACZ,mBAAa;IACb,wBAAkB;IAClB,sBAAmB;IACnB,oBAAiB;IACjB,uBAAoB;CACrB;AACD;IACE,eAAe;CAEhB;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,8CAA8C;CAC/C;CACF","file":"colmo.css","sourcesContent":["@media screen and (weex-theme: colmo) {\n  .title {\n    padding-left: 32px;\n  }\n  .title-box {\n    padding-right: 16px;\n  }\n  .dof-header-arrow {\n    width: 40px;\n    height: 40px;\n    margin-left: 20px;\n    margin-right: 12px;\n    margin-top: 12px;\n    margin-bottom: 12px;\n  }\n  .title-text {\n    color: #ffffff;\n    \n  }\n  .dof-collapse-item-content {\n    background-color: #1c1e21;\n  }\n  .dof-item-body {\n    background-color: #1c1e21;\n  }\n  .bottom-line {\n    border-bottom-color: rgba(255, 255, 255, 0.1);\n  }\n}"],"sourceRoot":""}]);
 
 // exports
 
@@ -8530,7 +8530,7 @@ exports = module.exports = __webpack_require__(0)(true);
 
 
 // module
-exports.push([module.i, "\n.radio[data-v-3ae469c8] {\n  width: 0.42667rem;\n  height: 0.42667rem;\n}\n.colmoDisabled[data-v-3ae469c8] {\n  opacity: 0.3;\n}\n.cellBox[data-v-3ae469c8] {\n  position: relative;\n}\n.fakeStyle[data-v-3ae469c8] {\n  position: absolute;\n  /* width: 720px; */\n  left: 0.32rem;\n  height: 1px;\n  /* right: 0; */\n  bottom: 0;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-radio-list/radio-item.vue?67b6bd8b"],"names":[],"mappings":";AAmCA;EACA,kBAAA;EACA,mBAAA;CACA;AACA;EACA,aAAA;CACA;AACA;EACA,mBAAA;CACA;AACA;EACA,mBAAA;EACA,mBAAA;EACA,cAAA;EACA,YAAA;EACA,eAAA;EACA,UAAA;CACA","file":"radio-item.vue","sourcesContent":["<template>\n  <div class=\"cellBox\">\n    <dof-cell\n      :key=\"'cellIsColmo' + _isColmo\"\n      :title=\"title\"\n      :hasArrow=\"false\"\n      :hasTopBorder=\"false\"\n      :hasSubTopBorder=\"false\"\n      :hasBottomBorder=\"false\"\n      :hasSubBottomBorder=\"false\"\n      :backgroundColor=\"backgroundColor\"\n      @dofCellClicked=\"dofCellClick\"\n      :disabled=\"disabled\"\n    >\n      <dof-iconfont\n        slot=\"switch\"\n        v-if=\"radioIcon && _isColmo\"\n        :code=\"'\\u4729'\"\n        :size=\"50\"\n        :color=\"'rgba(255, 255, 255, 0.8)'\"\n      ></dof-iconfont>\n      <image :src=\"radioIcon\" slot=\"switch\" v-if=\"radioIcon && !_isColmo\" class=\"radio\"></image>\n    </dof-cell>\n    <div\n      class=\"fakeStyle\"\n      v-if=\"!isLast && isShowBorder\"\n      :style=\"{\n        backgroundColor: _isColmo ? 'rgba(255, 255, 255, 0.14)' : '#dddddd',\n        right: isFullBorder ? '0px' : '24px'\n      }\"\n    ></div>\n  </div>\n</template>\n\n<style scoped>\n.radio {\n  width: 32px;\n  height: 32px;\n}\n.colmoDisabled {\n  opacity: 0.3;\n}\n.cellBox {\n  position: relative;\n}\n.fakeStyle {\n  position: absolute;\n  /* width: 720px; */\n  left: 24px;\n  height: 1px;\n  /* right: 0; */\n  bottom: 0;\n}\n</style>\n\n<script>\nimport DofCell from '../dof-cell'\nimport DofIconfont from '../dof-iconfont'\nconst icon = require('../setting/icon.base64.js')\nvar CHECKED = icon['public_ic_done@2x']\nvar CHECKEDDIABLO = icon['public_ic_done_diablo@2x']\nimport ColmoMixin from '../../mixins/colmo'\nimport DiabloMixin from '../../mixins/diablo'\n\nconst animation = weex.requireModule('animation')\nexport default {\n  mixins: [ColmoMixin, DiabloMixin],\n  components: { DofCell, DofIconfont },\n  props: {\n    hasSubBottomBorder: {\n      type: Boolean,\n      default: true\n    },\n    title: {\n      type: String,\n      require: true\n    },\n    value: {\n      type: [String, Number, Object],\n      require: true\n    },\n    disabled: {\n      type: Boolean,\n      default: false\n    },\n    checked: {\n      type: Boolean,\n      default: false\n    },\n    // 是否宽度750（边框样式不一样）\n    isFullBorder: {\n      type: Boolean,\n      default: true\n    },\n    isLast: {\n      type: Boolean,\n      default: false\n    },\n    // 是否显示边框\n    isShowBorder: {\n      type: Boolean,\n      default: false\n    }\n\n    // itemImg: {\n    //   type: String,\n    //   default: ''\n    // },\n  },\n  data: () => ({}),\n  computed: {\n    radioIcon() {\n      const { icon, disabled, checked } = this\n      return checked ? (this._isDiablo ? CHECKEDDIABLO : CHECKED) : ''\n    },\n    backgroundColor() {\n      const { _isColmo, _isDiablo } = this\n      // 27282a\n      return _isColmo ? '#303237' : _isDiablo ? '#101315' : '#FFFFFF'\n    },\n    cellStyle() {\n      return { backgroundColor: this.backgroundColor }\n    }\n  },\n  methods: {\n    dofCellClick() {\n      const { disabled, value } = this\n      if (!disabled) {\n        this.$emit('dofRadioItemChecked', { value, disabled })\n      }\n    }\n  }\n}\n</script>\n"],"sourceRoot":""}]);
+exports.push([module.i, "\n.radio[data-v-3ae469c8] {\n  width: 0.42667rem;\n  height: 0.42667rem;\n}\n.colmoDisabled[data-v-3ae469c8] {\n  opacity: 0.3;\n}\n.cellBox[data-v-3ae469c8] {\n  position: relative;\n}\n.fakeStyle[data-v-3ae469c8] {\n  position: absolute;\n  /* width: 720px; */\n  left: 0.32rem;\n  height: 1px;\n  /* right: 0; */\n  bottom: 0;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-radio-list/radio-item.vue?24ef59a6"],"names":[],"mappings":";AAmCA;EACA,kBAAA;EACA,mBAAA;CACA;AACA;EACA,aAAA;CACA;AACA;EACA,mBAAA;CACA;AACA;EACA,mBAAA;EACA,mBAAA;EACA,cAAA;EACA,YAAA;EACA,eAAA;EACA,UAAA;CACA","file":"radio-item.vue","sourcesContent":["<template>\n  <div class=\"cellBox\">\n    <dof-cell\n      :key=\"'cellIsColmo' + _isColmo\"\n      :title=\"title\"\n      :hasArrow=\"false\"\n      :hasTopBorder=\"false\"\n      :hasSubTopBorder=\"false\"\n      :hasBottomBorder=\"false\"\n      :hasSubBottomBorder=\"false\"\n      :backgroundColor=\"backgroundColor\"\n      @dofCellClicked=\"dofCellClick\"\n      :disabled=\"disabled\"\n    >\n      <dof-iconfont\n        slot=\"switch\"\n        v-if=\"radioIcon && _isColmo\"\n        :code=\"'\\u4729'\"\n        :size=\"50\"\n        :color=\"'rgba(255, 255, 255, 0.8)'\"\n      ></dof-iconfont>\n      <image :src=\"radioIcon\" slot=\"switch\" v-if=\"radioIcon && !_isColmo\" class=\"radio\"></image>\n    </dof-cell>\n    <div\n      class=\"fakeStyle\"\n      v-if=\"!isLast && isShowBorder\"\n      :style=\"{\n        backgroundColor: _isColmo ? 'rgba(255, 255, 255, 0.1)' : '#dddddd',\n        right: isFullBorder ? '0px' : '24px'\n      }\"\n    ></div>\n  </div>\n</template>\n\n<style scoped>\n.radio {\n  width: 32px;\n  height: 32px;\n}\n.colmoDisabled {\n  opacity: 0.3;\n}\n.cellBox {\n  position: relative;\n}\n.fakeStyle {\n  position: absolute;\n  /* width: 720px; */\n  left: 24px;\n  height: 1px;\n  /* right: 0; */\n  bottom: 0;\n}\n</style>\n\n<script>\nimport DofCell from '../dof-cell'\nimport DofIconfont from '../dof-iconfont'\nconst icon = require('../setting/icon.base64.js')\nvar CHECKED = icon['public_ic_done@2x']\nvar CHECKEDDIABLO = icon['public_ic_done_diablo@2x']\nimport ColmoMixin from '../../mixins/colmo'\nimport DiabloMixin from '../../mixins/diablo'\n\nconst animation = weex.requireModule('animation')\nexport default {\n  mixins: [ColmoMixin, DiabloMixin],\n  components: { DofCell, DofIconfont },\n  props: {\n    hasSubBottomBorder: {\n      type: Boolean,\n      default: true\n    },\n    title: {\n      type: String,\n      require: true\n    },\n    value: {\n      type: [String, Number, Object],\n      require: true\n    },\n    disabled: {\n      type: Boolean,\n      default: false\n    },\n    checked: {\n      type: Boolean,\n      default: false\n    },\n    // 是否宽度750（边框样式不一样）\n    isFullBorder: {\n      type: Boolean,\n      default: true\n    },\n    isLast: {\n      type: Boolean,\n      default: false\n    },\n    // 是否显示边框\n    isShowBorder: {\n      type: Boolean,\n      default: false\n    }\n\n    // itemImg: {\n    //   type: String,\n    //   default: ''\n    // },\n  },\n  data: () => ({}),\n  computed: {\n    radioIcon() {\n      const { icon, disabled, checked } = this\n      return checked ? (this._isDiablo ? CHECKEDDIABLO : CHECKED) : ''\n    },\n    backgroundColor() {\n      const { _isColmo, _isDiablo } = this\n      // 27282a\n      return _isColmo ? '#1c1e21' : _isDiablo ? '#101315' : '#FFFFFF'\n    },\n    cellStyle() {\n      return { backgroundColor: this.backgroundColor }\n    }\n  },\n  methods: {\n    dofCellClick() {\n      const { disabled, value } = this\n      if (!disabled) {\n        this.$emit('dofRadioItemChecked', { value, disabled })\n      }\n    }\n  }\n}\n</script>\n"],"sourceRoot":""}]);
 
 // exports
 
@@ -8572,7 +8572,7 @@ exports = module.exports = __webpack_require__(0)(true);
 
 
 // module
-exports.push([module.i, "\n.dof-card[data-v-3f24858b] {\n  /* border-radius: 32px; */\n  overflow: hidden;\n  position: relative;\n  /* background-color: #ffffff; */\n}\n.dof-card--active[data-v-3f24858b] {\n  background-color: #f2f2f2;\n}\n.dof-card-header[data-v-3f24858b] {\n  position: relative;\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  /* padding-left: 32px;\n  padding-right: 32px;\n  padding-top: 32px;\n  padding-bottom: 32px; */\n  overflow: hidden;\n}\n.dof-card-header-tag[data-v-3f24858b] {\n  position: absolute;\n  width: 1.2rem;\n  height: 1.2rem;\n  right: -0.6rem;\n  top: -0.6rem;\n  -webkit-transform-origin: center;\n          transform-origin: center;\n  -webkit-transform: rotateZ(45deg);\n          transform: rotateZ(45deg);\n}\n.dof-card-header-tag-confirm[data-v-3f24858b] {\n  position: absolute;\n  width: 0.88rem;\n  height: 0.88rem;\n  left: 0.14667rem;\n  top: 0.77333rem;\n  -webkit-transform-origin: center;\n          transform-origin: center;\n  -webkit-transform: rotateZ(-45deg);\n          transform: rotateZ(-45deg);\n}\n.dof-card-header-tag-confirm-colmo[data-v-3f24858b] {\n  position: absolute;\n  width: 0.24rem;\n  height: 0.24rem;\n  left: 0.46667rem;\n  top: 0.88rem;\n  -webkit-transform-origin: center;\n          transform-origin: center;\n  -webkit-transform: rotateZ(-45deg);\n          transform: rotateZ(-45deg);\n}\n.dof-card-header-stamp[data-v-3f24858b] {\n  position: absolute;\n  top: 0px;\n  width: 0.64rem;\n  height: 0.64rem;\n  overflow: hidden;\n  z-index: 100;\n}\n.dof-card-header-stamp--left[data-v-3f24858b] {\n  left: 0px;\n  border-top-left-radius: 0.42667rem;\n}\n.dof-card-header-stamp--right[data-v-3f24858b] {\n  right: 0px;\n  border-top-right-radius: 0.42667rem;\n}\n.dof-card-header-content[data-v-3f24858b] {\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n          flex: 1;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: column;\n          flex-direction: column;\n}\n.dof-card-header-arrow-wrapper[data-v-3f24858b] {\n  margin-right: 0.05333rem;\n}\n.dof-card-header-arrow[data-v-3f24858b] {\n  width: 0.53333rem;\n  height: 0.53333rem;\n  /* margin-left: 12px;\n  margin-right: 12px;\n  margin-top: 12px;\n  margin-bottom: 12px; */\n}\n.dof-card-body[data-v-3f24858b] {\n  position: relative;\n  overflow: hidden;\n}\n.dof-card-dot[data-v-3f24858b] {\n  position: absolute;\n  width: 0.21333rem;\n  height: 0.21333rem;\n  right: 0.21333rem;\n  top: 0.21333rem;\n  border-radius: 0.10667rem;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-card/index.vue?0700c852"],"names":[],"mappings":";AA8NA;EACA,0BAAA;EACA,iBAAA;EACA,mBAAA;EACA,gCAAA;CACA;AAEA;EACA,0BAAA;CACA;AAEA;EACA,mBAAA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA;;;0BAGA;EACA,iBAAA;CACA;AAEA;EACA,mBAAA;EACA,cAAA;EACA,eAAA;EACA,eAAA;EACA,aAAA;EACA,iCAAA;UAAA,yBAAA;EACA,kCAAA;UAAA,0BAAA;CACA;AACA;EACA,mBAAA;EACA,eAAA;EACA,gBAAA;EACA,iBAAA;EACA,gBAAA;EACA,iCAAA;UAAA,yBAAA;EACA,mCAAA;UAAA,2BAAA;CACA;AACA;EACA,mBAAA;EACA,eAAA;EACA,gBAAA;EACA,iBAAA;EACA,aAAA;EACA,iCAAA;UAAA,yBAAA;EACA,mCAAA;UAAA,2BAAA;CACA;AAEA;EACA,mBAAA;EACA,SAAA;EACA,eAAA;EACA,gBAAA;EACA,iBAAA;EACA,aAAA;CACA;AAEA;EACA,UAAA;EACA,mCAAA;CACA;AAEA;EACA,WAAA;EACA,oCAAA;CACA;AAEA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA;EACA,6BAAA;EAAA,8BAAA;EAAA,+BAAA;UAAA,uBAAA;CACA;AAEA;EACA,yBAAA;CACA;AAEA;EACA,kBAAA;EACA,mBAAA;EACA;;;yBAGA;CACA;AAEA;EACA,mBAAA;EACA,iBAAA;CACA;AACA;EACA,mBAAA;EACA,kBAAA;EACA,mBAAA;EACA,kBAAA;EACA,gBAAA;EACA,0BAAA;CACA","file":"index.vue","sourcesContent":["<template>\n  <div class=\"dof-card\" :style=\"_cardStyle\">\n    <div class=\"dof-card-header\" @click=\"onSelect\" :style=\"_cardWrapperStyle\">\n      <div v-if=\"isActive\" class=\"dof-card-header-tag\" :style=\"{ backgroundColor: _tagBg }\">\n        <image :class=\"[_isColmo ? 'dof-card-header-tag-confirm-colmo' : 'dof-card-header-tag-confirm']\" :src=\"_isColmo ? confirm.colmo : confirm.default\"></image>\n      </div>\n      <div class=\"dof-card-header-content\">\n        <slot></slot>\n      </div>\n      <div class=\"dof-card-header-arrow-wrapper\" v-if=\"collapsable\" @click=\"onCollapse\">\n        <dof-switch v-if=\"_isColmo\" :checked=\"!collapsed_\" @dofChange=\"onCollapse\"> </dof-switch>\n        <image v-else ref=\"arrow\" class=\"dof-card-header-arrow\" :src=\"arrowUp\"></image>\n      </div>\n    </div>\n    <div v-if=\"collapsable\" ref=\"body\" class=\"dof-card-body\">\n      <slot name=\"body\"></slot>\n    </div>\n    <div\n      v-if=\"dotConfig.normalColor && dotConfig.clickedColor\"\n      :style=\"{ backgroundColor: clicked_ ? dotConfig.clickedColor : dotConfig.normalColor }\"\n      class=\"dof-card-dot\"\n    ></div>\n  </div>\n</template>\n\n<script>\nimport { mixSelectableChild } from '../utils/mix-selectable-child.js'\nimport { Transition } from '../utils/transition.js'\nimport { getBoundingClientRect } from '../utils/dom.js'\nimport arrowUp from './imgs/arrow_up'\nimport confirm from './imgs/confirm'\nimport ColmoMixin from '../../mixins/colmo'\nimport DiabloMixin from '../../mixins/diablo'\nimport { STYLE_MAP } from './style'\nimport DofSwitch from '../dof-switch/index'\nexport default {\n  components: { DofSwitch },\n  mixins: [mixSelectableChild('dof-card-group'), ColmoMixin, DiabloMixin],\n  props: {\n    collapsable: {\n      type: Boolean,\n      default: false\n    },\n    selectable: {\n      type: Boolean,\n      default: false\n    },\n    selected: {\n      type: Boolean,\n      default: false\n    },\n    collapsed: {\n      type: Boolean,\n      default: false\n    },\n    tag: {\n      type: String,\n      default: 'right'\n    },\n    // 标签背景色\n    tagBg: {\n      type: String,\n      default: ''\n    },\n    // 卡片样式\n    cardStyle: {\n      type: Object,\n      default: () => ({})\n    },\n    // 右上角标记配置，normalColor常态颜色，clickedColor选中态颜色\n    dotConfig: {\n      type: Object,\n      default: () => ({})\n    },\n    // 是否选中态\n    clicked: {\n      type: Boolean,\n      default: false\n    },\n    // 点击颜色\n    touchColor: {\n      type: String,\n      required: false,\n      default: ''\n    },\n    cardWrapperStyle: {\n      type: Object,\n      default: () => ({})\n    }\n  },\n  model: {\n    prop: 'selected',\n    event: 'select'\n  },\n  data() {\n    return {\n      active_: false,\n      collapsed_: this.collapsed,\n      clicked_: this.clicked,\n      bodyHeight: 0,\n      arrowUp,\n      confirm,\n      isTouching: false\n    }\n  },\n  computed: {\n    themeStyle() {\n      const _theme = this._theme || 'default'\n      return STYLE_MAP[_theme] || STYLE_MAP['default']\n    },\n    isActive() {\n      return (this.selectable && this.selected) || this.isSelected\n    },\n    _cardStyle() {\n      let tmp = { borderRadius: this.themeStyle.borderRadius }\n      let style = {\n        backgroundColor: this._isColmo ? '#303237' : (this._isDiablo ? '#171c1f' : '#fff'),\n        ...tmp,\n        ...this.cardStyle\n      }\n      if (this.touchColor && this.isTouching) style.backgroundColor = this.touchColor\n      return style\n    },\n    _cardWrapperStyle() {\n      let style = {\n        'backgroundColor:active': this.touchColor ? this.touchColor : '',\n        paddingLeft: '32px',\n        paddingRight: '32px',\n        paddingTop: '32px',\n        paddingBottom: '32px',\n        ...this.cardWrapperStyle\n      }\n      return style\n    },\n    _tagBg() {\n      if (this.tagBg) return this.tagBg\n      return this._isColmo ? '#B35336' : '#00A4F2'\n    },\n    isHarmony() {\n      return weex.config.env.platform == 'harmony'\n    }\n  },\n  mounted() {\n    this.initCollapsable()\n  },\n  methods: {\n    initCollapsable() {\n      if (!this.collapsable) {\n        return\n      }\n      this.$nextTick(() => {\n        const dom = weex.requireModule('dom')\n        getBoundingClientRect(dom, this.$refs.body, res => {\n          this.bodyHeight = res.size.height\n          if (this.collapsed_) {\n            this.collapseBody(0)\n          } else {\n            this.expandeBody()\n          }\n        })\n      })\n      if (this.collapsed_) {\n        this.collapseArrow()\n      }\n    },\n    onSelect() {\n      this.$emit('select', !this.selected)\n      this.triggerSelect()\n\n      this.$emit('clicked', (this.clicked_ = !this.clicked_))\n    },\n    onCollapse() {\n      if (this.isHarmony) {\n        if (this.clickLock) return\n        this.clickLock = true\n      }\n      this.collapsed_ = !this.collapsed_\n      this.$emit('collapse', this.collapsed_)\n      if (this.collapsed_) {\n        this.collapseBody()\n        this.collapseArrow()\n      } else {\n        this.expandeBody()\n        this.expandeArrow()\n      }\n      if (this.isHarmony) {\n        setTimeout(() => {\n          this.clickLock = false\n        }, 100)\n      }\n    },\n    collapseBody(duration = 360) {\n      Transition.Default()\n        .duration(duration)\n        .height(0)\n        .needLayout(true)\n        .run(this.$refs.body)\n    },\n    collapseArrow() {\n      Transition.Default()\n        .rotateZ(-180)\n        .transformOrigin('center')\n        .run(this.$refs.arrow)\n    },\n    expandeBody(duration = 360) {\n      Transition.Default()\n        .duration(duration)\n        .height(this.bodyHeight)\n        .needLayout(true)\n        .run(this.$refs.body)\n    },\n    expandeArrow() {\n      Transition.Default()\n        .rotateZ(0)\n        .transformOrigin('center')\n        .run(this.$refs.arrow)\n    }\n  }\n}\n</script>\n\n<style scoped>\n.dof-card {\n  /* border-radius: 32px; */\n  overflow: hidden;\n  position: relative;\n  /* background-color: #ffffff; */\n}\n\n.dof-card--active {\n  background-color: #f2f2f2;\n}\n\n.dof-card-header {\n  position: relative;\n  flex-direction: row;\n  align-items: center;\n  /* padding-left: 32px;\n  padding-right: 32px;\n  padding-top: 32px;\n  padding-bottom: 32px; */\n  overflow: hidden;\n}\n\n.dof-card-header-tag {\n  position: absolute;\n  width: 90px;\n  height: 90px;\n  right: -45px;\n  top: -45px;\n  transform-origin: center;\n  transform: rotateZ(45deg);\n}\n.dof-card-header-tag-confirm {\n  position: absolute;\n  width: 66px;\n  height: 66px;\n  left: 11px;\n  top: 58px;\n  transform-origin: center;\n  transform: rotateZ(-45deg);\n}\n.dof-card-header-tag-confirm-colmo {\n  position: absolute;\n  width: 18px;\n  height: 18px;\n  left: 35px;\n  top: 66px;\n  transform-origin: center;\n  transform: rotateZ(-45deg);\n}\n\n.dof-card-header-stamp {\n  position: absolute;\n  top: 0px;\n  width: 48px;\n  height: 48px;\n  overflow: hidden;\n  z-index: 100;\n}\n\n.dof-card-header-stamp--left {\n  left: 0px;\n  border-top-left-radius: 32px;\n}\n\n.dof-card-header-stamp--right {\n  right: 0px;\n  border-top-right-radius: 32px;\n}\n\n.dof-card-header-content {\n  flex: 1;\n  flex-direction: column;\n}\n\n.dof-card-header-arrow-wrapper {\n  margin-right: 4px;\n}\n\n.dof-card-header-arrow {\n  width: 40px;\n  height: 40px;\n  /* margin-left: 12px;\n  margin-right: 12px;\n  margin-top: 12px;\n  margin-bottom: 12px; */\n}\n\n.dof-card-body {\n  position: relative;\n  overflow: hidden;\n}\n.dof-card-dot {\n  position: absolute;\n  width: 16px;\n  height: 16px;\n  right: 16px;\n  top: 16px;\n  border-radius: 8px;\n}\n</style>\n"],"sourceRoot":""}]);
+exports.push([module.i, "\n.dof-card[data-v-3f24858b] {\n  /* border-radius: 32px; */\n  overflow: hidden;\n  position: relative;\n  /* background-color: #ffffff; */\n}\n.dof-card--active[data-v-3f24858b] {\n  background-color: #f2f2f2;\n}\n.dof-card-header[data-v-3f24858b] {\n  position: relative;\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  /* padding-left: 32px;\n  padding-right: 32px;\n  padding-top: 32px;\n  padding-bottom: 32px; */\n  overflow: hidden;\n}\n.dof-card-header-tag[data-v-3f24858b] {\n  position: absolute;\n  width: 1.2rem;\n  height: 1.2rem;\n  right: -0.6rem;\n  top: -0.6rem;\n  -webkit-transform-origin: center;\n          transform-origin: center;\n  -webkit-transform: rotateZ(45deg);\n          transform: rotateZ(45deg);\n}\n.dof-card-header-tag-confirm[data-v-3f24858b] {\n  position: absolute;\n  width: 0.88rem;\n  height: 0.88rem;\n  left: 0.14667rem;\n  top: 0.77333rem;\n  -webkit-transform-origin: center;\n          transform-origin: center;\n  -webkit-transform: rotateZ(-45deg);\n          transform: rotateZ(-45deg);\n}\n.dof-card-header-tag-confirm-colmo[data-v-3f24858b] {\n  position: absolute;\n  width: 0.24rem;\n  height: 0.24rem;\n  left: 0.46667rem;\n  top: 0.88rem;\n  -webkit-transform-origin: center;\n          transform-origin: center;\n  -webkit-transform: rotateZ(-45deg);\n          transform: rotateZ(-45deg);\n}\n.dof-card-header-stamp[data-v-3f24858b] {\n  position: absolute;\n  top: 0px;\n  width: 0.64rem;\n  height: 0.64rem;\n  overflow: hidden;\n  z-index: 100;\n}\n.dof-card-header-stamp--left[data-v-3f24858b] {\n  left: 0px;\n  border-top-left-radius: 0.42667rem;\n}\n.dof-card-header-stamp--right[data-v-3f24858b] {\n  right: 0px;\n  border-top-right-radius: 0.42667rem;\n}\n.dof-card-header-content[data-v-3f24858b] {\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n          flex: 1;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: column;\n          flex-direction: column;\n}\n.dof-card-header-arrow-wrapper[data-v-3f24858b] {\n  margin-right: 0.05333rem;\n}\n.dof-card-header-arrow[data-v-3f24858b] {\n  width: 0.53333rem;\n  height: 0.53333rem;\n  /* margin-left: 12px;\n  margin-right: 12px;\n  margin-top: 12px;\n  margin-bottom: 12px; */\n}\n.dof-card-body[data-v-3f24858b] {\n  position: relative;\n  overflow: hidden;\n}\n.dof-card-dot[data-v-3f24858b] {\n  position: absolute;\n  width: 0.21333rem;\n  height: 0.21333rem;\n  right: 0.21333rem;\n  top: 0.21333rem;\n  border-radius: 0.10667rem;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-card/index.vue?0b2a189c"],"names":[],"mappings":";AA8NA;EACA,0BAAA;EACA,iBAAA;EACA,mBAAA;EACA,gCAAA;CACA;AAEA;EACA,0BAAA;CACA;AAEA;EACA,mBAAA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA;;;0BAGA;EACA,iBAAA;CACA;AAEA;EACA,mBAAA;EACA,cAAA;EACA,eAAA;EACA,eAAA;EACA,aAAA;EACA,iCAAA;UAAA,yBAAA;EACA,kCAAA;UAAA,0BAAA;CACA;AACA;EACA,mBAAA;EACA,eAAA;EACA,gBAAA;EACA,iBAAA;EACA,gBAAA;EACA,iCAAA;UAAA,yBAAA;EACA,mCAAA;UAAA,2BAAA;CACA;AACA;EACA,mBAAA;EACA,eAAA;EACA,gBAAA;EACA,iBAAA;EACA,aAAA;EACA,iCAAA;UAAA,yBAAA;EACA,mCAAA;UAAA,2BAAA;CACA;AAEA;EACA,mBAAA;EACA,SAAA;EACA,eAAA;EACA,gBAAA;EACA,iBAAA;EACA,aAAA;CACA;AAEA;EACA,UAAA;EACA,mCAAA;CACA;AAEA;EACA,WAAA;EACA,oCAAA;CACA;AAEA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA;EACA,6BAAA;EAAA,8BAAA;EAAA,+BAAA;UAAA,uBAAA;CACA;AAEA;EACA,yBAAA;CACA;AAEA;EACA,kBAAA;EACA,mBAAA;EACA;;;yBAGA;CACA;AAEA;EACA,mBAAA;EACA,iBAAA;CACA;AACA;EACA,mBAAA;EACA,kBAAA;EACA,mBAAA;EACA,kBAAA;EACA,gBAAA;EACA,0BAAA;CACA","file":"index.vue","sourcesContent":["<template>\n  <div class=\"dof-card\" :style=\"_cardStyle\">\n    <div class=\"dof-card-header\" @click=\"onSelect\" :style=\"_cardWrapperStyle\">\n      <div v-if=\"isActive\" class=\"dof-card-header-tag\" :style=\"{ backgroundColor: _tagBg }\">\n        <image :class=\"[_isColmo ? 'dof-card-header-tag-confirm-colmo' : 'dof-card-header-tag-confirm']\" :src=\"_isColmo ? confirm.colmo : confirm.default\"></image>\n      </div>\n      <div class=\"dof-card-header-content\">\n        <slot></slot>\n      </div>\n      <div class=\"dof-card-header-arrow-wrapper\" v-if=\"collapsable\" @click=\"onCollapse\">\n        <dof-switch v-if=\"_isColmo\" :checked=\"!collapsed_\" @dofChange=\"onCollapse\"> </dof-switch>\n        <image v-else ref=\"arrow\" class=\"dof-card-header-arrow\" :src=\"arrowUp\"></image>\n      </div>\n    </div>\n    <div v-if=\"collapsable\" ref=\"body\" class=\"dof-card-body\">\n      <slot name=\"body\"></slot>\n    </div>\n    <div\n      v-if=\"dotConfig.normalColor && dotConfig.clickedColor\"\n      :style=\"{ backgroundColor: clicked_ ? dotConfig.clickedColor : dotConfig.normalColor }\"\n      class=\"dof-card-dot\"\n    ></div>\n  </div>\n</template>\n\n<script>\nimport { mixSelectableChild } from '../utils/mix-selectable-child.js'\nimport { Transition } from '../utils/transition.js'\nimport { getBoundingClientRect } from '../utils/dom.js'\nimport arrowUp from './imgs/arrow_up'\nimport confirm from './imgs/confirm'\nimport ColmoMixin from '../../mixins/colmo'\nimport DiabloMixin from '../../mixins/diablo'\nimport { STYLE_MAP } from './style'\nimport DofSwitch from '../dof-switch/index'\nexport default {\n  components: { DofSwitch },\n  mixins: [mixSelectableChild('dof-card-group'), ColmoMixin, DiabloMixin],\n  props: {\n    collapsable: {\n      type: Boolean,\n      default: false\n    },\n    selectable: {\n      type: Boolean,\n      default: false\n    },\n    selected: {\n      type: Boolean,\n      default: false\n    },\n    collapsed: {\n      type: Boolean,\n      default: false\n    },\n    tag: {\n      type: String,\n      default: 'right'\n    },\n    // 标签背景色\n    tagBg: {\n      type: String,\n      default: ''\n    },\n    // 卡片样式\n    cardStyle: {\n      type: Object,\n      default: () => ({})\n    },\n    // 右上角标记配置，normalColor常态颜色，clickedColor选中态颜色\n    dotConfig: {\n      type: Object,\n      default: () => ({})\n    },\n    // 是否选中态\n    clicked: {\n      type: Boolean,\n      default: false\n    },\n    // 点击颜色\n    touchColor: {\n      type: String,\n      required: false,\n      default: ''\n    },\n    cardWrapperStyle: {\n      type: Object,\n      default: () => ({})\n    }\n  },\n  model: {\n    prop: 'selected',\n    event: 'select'\n  },\n  data() {\n    return {\n      active_: false,\n      collapsed_: this.collapsed,\n      clicked_: this.clicked,\n      bodyHeight: 0,\n      arrowUp,\n      confirm,\n      isTouching: false\n    }\n  },\n  computed: {\n    themeStyle() {\n      const _theme = this._theme || 'default'\n      return STYLE_MAP[_theme] || STYLE_MAP['default']\n    },\n    isActive() {\n      return (this.selectable && this.selected) || this.isSelected\n    },\n    _cardStyle() {\n      let tmp = { borderRadius: this.themeStyle.borderRadius }\n      let style = {\n        backgroundColor: this._isColmo ? '#1c1e21' : (this._isDiablo ? '#171c1f' : '#fff'),\n        ...tmp,\n        ...this.cardStyle\n      }\n      if (this.touchColor && this.isTouching) style.backgroundColor = this.touchColor\n      return style\n    },\n    _cardWrapperStyle() {\n      let style = {\n        'backgroundColor:active': this.touchColor ? this.touchColor : '',\n        paddingLeft: '32px',\n        paddingRight: '32px',\n        paddingTop: '32px',\n        paddingBottom: '32px',\n        ...this.cardWrapperStyle\n      }\n      return style\n    },\n    _tagBg() {\n      if (this.tagBg) return this.tagBg\n      return this._isColmo ? '#B35336' : '#00A4F2'\n    },\n    isHarmony() {\n      return weex.config.env.platform == 'harmony'\n    }\n  },\n  mounted() {\n    this.initCollapsable()\n  },\n  methods: {\n    initCollapsable() {\n      if (!this.collapsable) {\n        return\n      }\n      this.$nextTick(() => {\n        const dom = weex.requireModule('dom')\n        getBoundingClientRect(dom, this.$refs.body, res => {\n          this.bodyHeight = res.size.height\n          if (this.collapsed_) {\n            this.collapseBody(0)\n          } else {\n            this.expandeBody()\n          }\n        })\n      })\n      if (this.collapsed_) {\n        this.collapseArrow()\n      }\n    },\n    onSelect() {\n      this.$emit('select', !this.selected)\n      this.triggerSelect()\n\n      this.$emit('clicked', (this.clicked_ = !this.clicked_))\n    },\n    onCollapse() {\n      if (this.isHarmony) {\n        if (this.clickLock) return\n        this.clickLock = true\n      }\n      this.collapsed_ = !this.collapsed_\n      this.$emit('collapse', this.collapsed_)\n      if (this.collapsed_) {\n        this.collapseBody()\n        this.collapseArrow()\n      } else {\n        this.expandeBody()\n        this.expandeArrow()\n      }\n      if (this.isHarmony) {\n        setTimeout(() => {\n          this.clickLock = false\n        }, 100)\n      }\n    },\n    collapseBody(duration = 360) {\n      Transition.Default()\n        .duration(duration)\n        .height(0)\n        .needLayout(true)\n        .run(this.$refs.body)\n    },\n    collapseArrow() {\n      Transition.Default()\n        .rotateZ(-180)\n        .transformOrigin('center')\n        .run(this.$refs.arrow)\n    },\n    expandeBody(duration = 360) {\n      Transition.Default()\n        .duration(duration)\n        .height(this.bodyHeight)\n        .needLayout(true)\n        .run(this.$refs.body)\n    },\n    expandeArrow() {\n      Transition.Default()\n        .rotateZ(0)\n        .transformOrigin('center')\n        .run(this.$refs.arrow)\n    }\n  }\n}\n</script>\n\n<style scoped>\n.dof-card {\n  /* border-radius: 32px; */\n  overflow: hidden;\n  position: relative;\n  /* background-color: #ffffff; */\n}\n\n.dof-card--active {\n  background-color: #f2f2f2;\n}\n\n.dof-card-header {\n  position: relative;\n  flex-direction: row;\n  align-items: center;\n  /* padding-left: 32px;\n  padding-right: 32px;\n  padding-top: 32px;\n  padding-bottom: 32px; */\n  overflow: hidden;\n}\n\n.dof-card-header-tag {\n  position: absolute;\n  width: 90px;\n  height: 90px;\n  right: -45px;\n  top: -45px;\n  transform-origin: center;\n  transform: rotateZ(45deg);\n}\n.dof-card-header-tag-confirm {\n  position: absolute;\n  width: 66px;\n  height: 66px;\n  left: 11px;\n  top: 58px;\n  transform-origin: center;\n  transform: rotateZ(-45deg);\n}\n.dof-card-header-tag-confirm-colmo {\n  position: absolute;\n  width: 18px;\n  height: 18px;\n  left: 35px;\n  top: 66px;\n  transform-origin: center;\n  transform: rotateZ(-45deg);\n}\n\n.dof-card-header-stamp {\n  position: absolute;\n  top: 0px;\n  width: 48px;\n  height: 48px;\n  overflow: hidden;\n  z-index: 100;\n}\n\n.dof-card-header-stamp--left {\n  left: 0px;\n  border-top-left-radius: 32px;\n}\n\n.dof-card-header-stamp--right {\n  right: 0px;\n  border-top-right-radius: 32px;\n}\n\n.dof-card-header-content {\n  flex: 1;\n  flex-direction: column;\n}\n\n.dof-card-header-arrow-wrapper {\n  margin-right: 4px;\n}\n\n.dof-card-header-arrow {\n  width: 40px;\n  height: 40px;\n  /* margin-left: 12px;\n  margin-right: 12px;\n  margin-top: 12px;\n  margin-bottom: 12px; */\n}\n\n.dof-card-body {\n  position: relative;\n  overflow: hidden;\n}\n.dof-card-dot {\n  position: absolute;\n  width: 16px;\n  height: 16px;\n  right: 16px;\n  top: 16px;\n  border-radius: 8px;\n}\n</style>\n"],"sourceRoot":""}]);
 
 // exports
 
@@ -8614,7 +8614,7 @@ exports = module.exports = __webpack_require__(0)(true);
 
 
 // module
-exports.push([module.i, "\n.widget[data-v-401fdb82] {\n  /* background-color: #ffffff; */\n  height: 1.17333rem;\n}\n.tab-margin[data-v-401fdb82] {\n  margin-bottom: 0.21333rem;\n}\n.tab-padding-160[data-v-401fdb82] {\n  padding: 0 2.13333rem;\n}\n.tab-padding-40[data-v-401fdb82] {\n  padding: 0 0.53333rem;\n}\n.flex-expand-layout[data-v-401fdb82] {\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n          flex: 1;\n}\n.tab-title-list[data-v-401fdb82] {\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  padding: 0 0.21333rem;\n}\n.space-around-layout[data-v-401fdb82] {\n  -webkit-justify-content: space-around;\n          justify-content: space-around;\n}\n.flex-start-layout[data-v-401fdb82] {\n  -webkit-box-pack: start;\n  -webkit-justify-content: flex-start;\n          justify-content: flex-start;\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n          flex: 1;\n}\n.flex-start-item[data-v-401fdb82] {\n  margin-right: 0.42667rem;\n}\n.padding-layout-32[data-v-401fdb82] {\n  padding: 0 0.42667rem;\n}\n.padding-layout-8[data-v-401fdb82] {\n  padding: 0 0.10667rem;\n}\n.title-item[data-v-401fdb82] {\n  height: 1.17333rem;\n  -webkit-box-pack: center;\n  -webkit-justify-content: center;\n          justify-content: center;\n  -webkit-box-align: stretch;\n  -webkit-align-items: stretch;\n          align-items: stretch;\n  border-bottom-style: solid;\n  /* border-width: 1px; */\n}\n.title-item-primary[data-v-401fdb82] {\n  -webkit-box-align: center;\n  -webkit-align-items: center;\n          align-items: center;\n}\n.tab-text-wrapper[data-v-401fdb82] {\n  height: 1.09333rem;\n  -webkit-box-pack: center;\n  -webkit-justify-content: center;\n          justify-content: center;\n}\n\n/* tabpage 在dof-minibar内部 */\n.minibar-inner[data-v-401fdb82] {\n  height: 1.01333rem;\n}\n.thidrd-wrapper[data-v-401fdb82] {\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: row;\n          flex-direction: row;\n  height: 0.69333rem;\n  padding: 0 0.4rem;\n  border-radius: 0.34667rem;\n  /* background-color: #232323; */\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.avatar-icon[data-v-401fdb82] {\n  width: 0.48rem;\n  height: 0.48rem;\n  margin-right: 0.10667rem;\n}\n.tab-text[data-v-401fdb82] {\n  lines: 1;\n  text-overflow: ellipsis;\n  font-family: PingFangSC-Regular;\n  letter-spacing: 0;\n  /* color: #8E969B; */\n  overflow: hidden;\n  text-overflow: ellipsis;\n  -webkit-line-clamp: 1;\n}\n.third-text[data-v-401fdb82] {\n  font-size: 0.32rem;\n  /* color: #1E2E37; */\n}\n.border-bottom-line[data-v-401fdb82] {\n  width: 0.53333rem;\n  height: 0.08rem;\n  border-radius: 0.04rem;\n  margin-top: -0.13333rem;\n  /* margin-left: 10px; */\n  /* background-color: transparent; */\n}\n.border-bottom-line-secondary[data-v-401fdb82] {\n  height: 0.05333rem;\n  border-radius: 0.04rem;\n  margin-top: -0.02667rem;\n  /* background-color: transparent; */\n}\n.dot-bottom-border[data-v-401fdb82] {\n  /* margin-right: 20px; */\n}\n\n/* 新增三类固定标签 */\n.thirdTabPanel[data-v-401fdb82] {\n  height: 1.70667rem;\n}\n.dof-third-panel[data-v-401fdb82] {\n  /* width: 750px; */\n  height: 1.70667rem;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: row;\n          flex-direction: row;\n  -webkit-flex-wrap: nowrap;\n          flex-wrap: nowrap;\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  opacity: 1;\n}\n.btn-group-wrap[data-v-401fdb82] {\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: row;\n          flex-direction: row;\n  -webkit-flex-wrap: nowrap;\n          flex-wrap: nowrap;\n  -webkit-box-align: center;\n  -webkit-align-items: center;\n          align-items: center;\n  -webkit-box-pack: center;\n  -webkit-justify-content: center;\n          justify-content: center;\n  border-radius: 0.85333rem;\n  /* overflow: hidden; */\n}\n.btn-text[data-v-401fdb82] {\n  font-family: PingFangSC-Regular;\n  color: #ffffff;\n  font-size: 0.37333rem;\n  line-height: 0.85333rem;\n  padding-left: 0.42667rem;\n  padding-right: 0.42667rem;\n}\n.leftRadius[data-v-401fdb82] {\n  border-top-left-radius: 0.42667rem;\n  border-bottom-left-radius: 0.42667rem;\n}\n.rightRadius[data-v-401fdb82] {\n  border-top-right-radius: 0.42667rem;\n  border-bottom-right-radius: 0.42667rem;\n}\n.dot-tip[data-v-401fdb82] {\n  /* position: absolute; */\n  /* top: 34px;\n  right: 0px; */\n  margin-top: 0.08rem;\n  width: 0.21333rem;\n  height: 0.21333rem;\n  border-radius: 0.13333rem;\n  background-color: #f56428;\n}\n\n/* 小红点 */\n.dot-tab-text[data-v-401fdb82] {\n  /* margin-top:8px; */\n  padding-top: 0.13333rem;\n  padding-bottom: 0.10667rem;\n}\n.flexDirection[data-v-401fdb82] {\n  position: relative;\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-align: start;\n  -webkit-align-items: flex-start;\n          align-items: flex-start;\n}\n.flexCoulmn[data-v-401fdb82] {\n}\n.dot-num-tip-text[data-v-401fdb82] {\n  /* position:absolute;\n  right: 0px;\n  top:0; */\n  font-size: 0.32rem;\n  color: #ffffff;\n  border-radius: 1.33333rem;\n  /* border-width: 1px;\n  border-color: #ffffff; */\n  background-color: #f56428;\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  padding-left: 0.10667rem;\n  padding-right: 0.10667rem;\n  /* transform: translate(100%, 0); */\n  margin-left: -0.21333rem;\n  /* padding-top: 8px;\n  padding-bottom: 8px; */\n}\n.dot-num-tip-right[data-v-401fdb82] {\n  /* padding-right: 60px; */\n}\n\n/* 数字小红点下面的选中宽度 */\n.dotNum-bottom-borderWidth[data-v-401fdb82] {\n  /* margin-right: 60px; */\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-tab-page/index.vue?319dfd68","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-tab-page/<no source>"],"names":[],"mappings":";AAobA;EACA,gCAAA;EACA,mBAAA;CACA;AAEA;EACA,0BAAA;CACA;AAEA;EACA,sBAAA;CACA;AAEA;EACA,sBAAA;CACA;AAEA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA;CACA;AAEA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EAAA,uCAAA;UAAA,+BAAA;EACA,sBAAA;CACA;AAEA;EACA,sCAAA;UAAA,8BAAA;CACA;AACA;EACA,wBAAA;EAAA,oCAAA;UAAA,4BAAA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA;CACA;AACA;EACA,yBAAA;CACA;AAEA;EACA,sBAAA;CACA;AAEA;EACA,sBAAA;CACA;AAEA;EACA,mBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,2BAAA;EAAA,6BAAA;UAAA,qBAAA;EACA,2BAAA;EACA,wBAAA;CACA;AAEA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;CACA;AAEA;EACA,mBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;CACA;;AAEA,4BAAA;AACA;EACA,mBAAA;CACA;AAEA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,mBAAA;EACA,kBAAA;EACA,0BAAA;EACA,gCAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;CACA;AAEA;EACA,eAAA;EACA,gBAAA;EACA,yBAAA;CACA;AAEA;EACA,SAAA;EACA,wBAAA;EACA,gCAAA;EACA,kBAAA;EACA,qBAAA;EC7gBA,iBAAA;EAAA,wBAAA;EAAA,sBAAA;CD8gBA;AAEA;EACA,mBAAA;EACA,qBAAA;CACA;AAEA;EACA,kBAAA;EACA,gBAAA;EACA,uBAAA;EACA,wBAAA;EACA,wBAAA;EACA,oCAAA;CACA;AAEA;EACA,mBAAA;EACA,uBAAA;EACA,wBAAA;EACA,oCAAA;CACA;AAEA;EACA,yBAAA;CACA;;AAEA,cAAA;AAEA;EACA,mBAAA;CACA;AAEA;EACA,mBAAA;EACA,mBAAA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;UAAA,kBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,WAAA;CACA;AAEA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;UAAA,kBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,0BAAA;EACA,uBAAA;CACA;AAEA;EACA,gCAAA;EACA,eAAA;EACA,sBAAA;EACA,wBAAA;EACA,yBAAA;EACA,0BAAA;CACA;AAEA;EACA,mCAAA;EACA,sCAAA;CACA;AAEA;EACA,oCAAA;EACA,uCAAA;CACA;AAEA;EACA,yBAAA;EACA;gBACA;EACA,oBAAA;EACA,kBAAA;EACA,mBAAA;EACA,0BAAA;EACA,0BAAA;CACA;;AAEA,SAAA;AACA;EACA,qBAAA;EACA,wBAAA;EACA,2BAAA;CACA;AAEA;EACA,mBAAA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;CACA;AAEA;CACA;AAEA;EACA;;WAEA;EACA,mBAAA;EACA,eAAA;EACA,0BAAA;EACA;2BACA;EACA,0BAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,yBAAA;EACA,0BAAA;EACA,oCAAA;EACA,yBAAA;EACA;yBACA;CACA;AAEA;EACA,0BAAA;CACA;;AAEA,kBAAA;AACA;EACA,yBAAA;CACA","file":"index.vue","sourcesContent":["<template>\n  <div\n    :class=\"[\n      'widget',\n      hasMargin && 'tab-margin',\n      tabTitles.length === 2 && !isSlot && type != 'third-group' && !isFlexStart && 'tab-padding-160',\n      tabTitles.length === 3 && !isSlot && type != 'third-group' && !isFlexStart && 'tab-padding-40',\n      isSlot && 'flex-expand-layout',\n      type == 'third-group' && 'thirdTabPanel'\n    ]\"\n    :style=\"{ backgroundColor: mergeStyleOption.bgColor }\"\n  >\n    <!-- 新增三类固定点击标签 third-group-->\n    <div\n      :class=\"['dof-third-panel']\"\n      v-if=\"type === 'third-group' && !_isColmo\"\n      :style=\"{ 'background-color': mergeStyleOption.bgColor }\"\n      :accessible=\"true\"\n      :aria-label=\"text\"\n    >\n      <div class=\"btn-group-wrap\" :style=\"wrapStyle\">\n        <text\n          v-for=\"(text, index) in tabTitles\"\n          :key=\"index\"\n          :class=\"[\n            'btn-text',\n            index == 0 && 'leftRadius',\n            index == tabTitles.length - 1 && 'rightRadius',\n            !disabled && pattern === 'text' && `dof-text-highlight-${type}`\n          ]\"\n          :data-index=\"index\"\n          :style=\"[\n            index < tabTitles.length - 1 ? verticalLineStyle : '',\n            textStyle,\n            index == tabCheckedIndex ? textBtnStyle(index) : ''\n          ]\"\n          @click=\"onTextClicked(index)\"\n          >{{ text }}</text\n        >\n      </div>\n    </div>\n    <dof-diamond-tab\n      v-if=\"type === 'third-group' && _isColmo\"\n      :tabData=\"tabTitles\"\n      :bgColor=\"'#151617'\"\n      :activeTextColor=\"'rgb(230, 230, 230)'\"\n      :touchColor=\"'rgb(26, 26, 26)'\"\n      :textFontSize=\"'28px'\"\n      :active=\"tabCheckedIndex\"\n      @tabActiveChange=\"tabActiveChange\"\n    />\n    <!-- 三级标签页 third 带了图标 以及文字有背景色和圆角-->\n    <scroller\n      :class=\"['tab-title-list', tabTitles.length <= 5 && 'space-around-layout']\"\n      :show-scrollbar=\"false\"\n      scroll-direction=\"horizontal\"\n      v-if=\"type === 'third'\"\n    >\n      <div\n        :class=\"['title-item', tabTitles.length > 5 && 'padding-layout-8']\"\n        v-for=\"(v, index) in tabTitles\"\n        :key=\"index\"\n        :ref=\"'dof-tab-title-' + index\"\n        @click=\"onClicked(index, tabTitles.length - 1)\"\n      >\n        <div\n          class=\"tab-text-wrapper thidrd-wrapper\"\n          :style=\"{\n            backgroundColor:\n              currentPage === index\n                ? mergeStyleOption.activeBoxBgColor\n                : (v.icon || v.activeIcon) && !_isDiablo\n                ? 'transparent'\n                : mergeStyleOption.boxBgColor,\n            borderColor:\n              currentPage === index && mergeStyleOption.activeBorderColor\n                ? mergeStyleOption.activeBorderColor\n                : mergeStyleOption.borderColor\n          }\"\n        >\n          <image class=\"avatar-icon\" v-if=\"v.icon || v.activeIcon\" :src=\"currentPage === index ? v.activeIcon : v.icon\">\n          </image>\n          <text\n            class=\"tab-text third-text\"\n            :style=\"{\n              fontWeight: currentPage === index && mergeStyleOption.isActiveTitleBold ? 'normal' : 'normal',\n              color: currentPage === index ? mergeStyleOption.activeTitleColor : mergeStyleOption.titleColor\n            }\"\n            >{{ v.title }}</text\n          >\n        </div>\n      </div>\n    </scroller>\n    <!-- 一级和二级标签 else-->\n    <!-- :style=\"{backgroundColor: '#00A4F2'}\" -->\n    <scroller\n      :class=\"['tab-title-list', tabTitles.length <= 5 && 'space-around-layout', isFlexStart && 'flex-start-layout']\"\n      :show-scrollbar=\"false\"\n      scroll-direction=\"horizontal\"\n      v-if=\"type !== 'third' && type !== 'third-group'\"\n    >\n      <div\n        :class=\"['title-item', tabTitles.length > 5 && 'padding-layout-32', type == 'primary' && 'title-item-primary', isFlexStart && tabTitles.length - 1 !== index && 'flex-start-item']\"\n        v-for=\"(v, index) in tabTitles\"\n        :key=\"index\"\n        :ref=\"'dof-tab-title-' + index\"\n        @click=\"onClicked(index, tabTitles.length - 1)\"\n      >\n        <div :class=\"['tab-text-wrapper', isSlot && 'minibar-inner']\">\n          <div class=\"flexDirection\" :class=\"[v.hasDotNum && 'dot-num-tip-right']\">\n            <text\n              :class=\"['tab-text', 'dot-tab-text']\"\n              :style=\"{\n                fontSize: isFlexStart && currentPage === index ? '36px' : isFlexStart && currentPage !== index ? '28px' : type === 'primary' ? '32px'  : '28px',\n                fontWeight: currentPage === index && mergeStyleOption.isActiveTitleBold ? 'normal' : 'normal',\n                color: currentPage === index ? mergeStyleOption.activeTitleColor : mergeStyleOption.titleColor\n              }\"\n              >{{ v.title }}</text\n            >\n            <div v-if=\"v.hasDotTip\">\n              <div class=\"dot-tip\" :style=\"{ 'background-color': v.badgeColor ? v.badgeColor : '#F56428' }\"></div>\n            </div>\n            <text\n              class=\"dot-num-tip-text\"\n              :style=\"{ 'background-color': v.badgeColor ? v.badgeColor : '#F56428' }\"\n              v-else-if=\"v.hasDotNum\"\n              >{{ dotNum(v.hasDotNum, v.badgeMax) }}</text\n            >\n          </div>\n        </div>\n        <div\n          v-if=\"type !== 'third' && type !== 'third-group'\"\n          :class=\"[\n            type == 'primary' ? 'border-bottom-line' : 'border-bottom-line-secondary',\n            v.hasDotTip && 'dot-bottom-border',\n            v.hasDotNum && 'dotNum-bottom-borderWidth'\n          ]\"\n          :style=\"{\n            backgroundColor: currentPage === index ? mergeStyleOption.activeBottomColor : 'transparent'\n          }\"\n        ></div>\n      </div>\n    </scroller>\n  </div>\n</template>\n\n<script>\nconst dom = weex.requireModule('dom')\nimport { THEME_COLOR_SET } from '../../theme/config'\nimport ColmoMixin from '../../mixins/colmo'\nimport DofDiamondTab from '../dof-diamond-tab'\nimport DiabloMixin from '../../mixins/diablo'\n\nexport default {\n  mixins: [ColmoMixin, DiabloMixin],\n  components: { DofDiamondTab },\n  props: {\n    type: {\n      type: String,\n      default: 'secondary'\n    },\n    theme: {\n      type: String,\n      default: 'default'\n    },\n    isSlot: {\n      type: Boolean,\n      default: false\n    },\n    tabTitles: {\n      type: Array,\n      default: () => []\n    },\n    tabCheckedIndex: {\n      type: [Number, String],\n      default: 0\n    },\n    tabStyles: {\n      type: Object,\n      default: () => ({})\n    },\n    hasMargin: {\n      type: Boolean,\n      default: false\n    },\n    bgColor: {\n      type: String,\n      default: ''\n    },\n    isFlexStart: {\n      type: Boolean,\n      default: false\n    },\n  },\n  data: () => ({\n    currentPage: 0\n  }),\n  computed: {\n    defaultStyleOption() {\n      const base = {\n        isActiveTitleBold: true,\n        iconWidth: 70,\n        iconHeight: 70,\n        height: 88,\n        fontSize: 24,\n        hasActiveBottom: true,\n        activeBottomColor: '#1E2E37',\n        hasRightIcon: false\n      }\n      const defaultStyle = {\n        ...base,\n        bgColor: '#ffffff',\n        titleColor: '#8E969B',\n        activeTitleColor: '#1E2E37',\n        boxBgColor: '#F6F7F9',\n        activeBoxBgColor: '#232323'\n      }\n      const colmoStyle = {\n        ...base,\n        isActiveTitleBold: false,\n        bgColor: '#151617',\n        titleColor: 'rgba(255,255,255,0.4)',\n        activeTitleColor: 'rgba(255,255,255,0.8)',\n        boxBgColor: '#151617',\n        activeBoxBgColor: '#151617',\n        activeBottomColor: '#B35336',\n        borderColor: 'rgba(51, 51, 51, 1)',\n        activeBorderColor: '#B35336'\n      }\n      const diabloStyle = {\n        ...base,\n        bgColor: '#101315',\n        titleColor: '#8E969B',\n        activeTitleColor: '#cfcfd0',\n        activeBottomColor: '#cfcfd0',\n        boxBgColor: '#171c1f',\n        activeBoxBgColor: '#cfcfd0'\n      }\n      return this._isColmo ? colmoStyle : (this._isDiablo ? diabloStyle : defaultStyle)\n    },\n    mergeStyleOption() {\n      let { type, theme, tabStyles, defaultStyleOption } = this\n      if (type === 'third') {\n        if (this._isColmo) {\n          let res = { ...defaultStyleOption, ...tabStyles }\n          if (this.bgColor) res.bgColor = this.bgColor\n          return res\n        }\n        if (theme === 'default') {\n          return {\n            ...defaultStyleOption,\n            ...{\n              activeTitleColor: this._isDiablo ? '#1e2e37' : '#fff',\n              titleColor: this._isDiablo ? 'rgba(255,255,255,0.4)' : '#1e2e37'\n            },\n            ...tabStyles\n          }\n        } else if (theme === 'primary') {\n          return {\n            ...defaultStyleOption,\n            ...tabStyles,\n            ...{\n              bgColor: THEME_COLOR_SET[theme],\n              // boxBgColor: '#5088ff',\n              boxBgColor: THEME_BOX_BGCOLOR_SET[theme],\n              activeBoxBgColor: '#ffffff',\n              titleColor: '#ffffff',\n              activeTitleColor: THEME_COLOR_SET[theme]\n            }\n          }\n        } else {\n          return { ...defaultStyleOption, ...tabStyles, ...{ boxBgColor: THEME_BOX_BGCOLOR_SET[theme] } }\n        }\n      } else if (type === 'third-group') {\n        if (this._isColmo) return { bgColor: '#151617' }\n        return { bgColor: this._isDiablo ? '#101315' : THEME_COLOR_SET[theme] }\n      } else {\n        if (theme === 'default') {\n          let res = this.bgColor ? { bgColor: this.bgColor } : {}\n          return { ...defaultStyleOption, ...tabStyles, ...res }\n        } else {\n          return {\n            ...defaultStyleOption,\n            ...tabStyles,\n            ...{\n              bgColor: THEME_COLOR_SET[theme],\n              titleColor: 'rgba(255,255,255, 0.6)',\n              activeTitleColor: '#ffffff',\n              activeBottomColor: '#ffffff'\n            }\n          }\n        }\n      }\n    },\n\n    // 新增三类固定标签\n    wrapStyle() {\n      const { theme } = this\n      if (theme == 'default') {\n        return {\n          borderWidth: '2px',\n          borderStyle: 'solid',\n          borderColor: this._isDiablo ? '#1E2123' : '#f3f4f4'\n        }\n      } else {\n        return {\n          borderWidth: '2px',\n          borderStyle: 'solid',\n          borderColor: 'rgba(255, 255, 255, 0.3)'\n        }\n      }\n    },\n\n    textStyle() {\n      const { theme } = this\n      if (theme == 'default') {\n        return {\n          color: this._isDiablo ? '#797c7e' : '#8E969B'\n        }\n      } else {\n        return {\n          color: '#ffffff'\n        }\n      }\n    },\n    verticalLineStyle() {\n      const { theme } = this\n      if (theme == 'default') {\n        return {\n          borderRightWidth: '2px',\n          borderRightStyle: 'solid',\n          borderRightColor: this._isDiablo ? '#1E2123' : '#f3f4f4'\n        }\n      } else {\n        return {\n          borderRightWidth: '2px',\n          borderRightStyle: 'solid',\n          borderRightColor: 'rgba(255, 255, 255, 0.3)'\n        }\n      }\n    },\n    hackMarginTop() {\n      // const platform = weex.config.env.platform\n      // if (platform === 'iOS') return -1\n      // if (platform === 'harmony') return 0\n      // return 2\n      return 0\n    },\n    textBtnStyle() {\n      const { theme } = this\n      let hackH = this.hackMarginTop\n      return function(i) {\n        if (theme == 'default') {\n          return {\n            color: this._isDiablo ? '#cfcfd0' : '#1E2E37',\n            backgroundColor: this._isDiablo ? '#1E2123' : '#f3f4f4',\n            marginTop: `${hackH}px`\n          }\n        } else {\n          return {\n            color: THEME_COLOR_SET[theme],\n            backgroundColor: '#FFFFFF',\n            marginTop: `${hackH}px`\n          }\n        }\n      }\n    }\n  },\n  methods: {\n    onClicked(index, len) {\n      this.currentPage = index\n      this.$emit('dofTabSelected', { index: index })\n      len > 4 && this._scrollToCurrentTab(index)\n    },\n    tabActiveChange(index) {\n      this.onClicked(index)\n    },\n    _scrollToCurrentTab(index) {\n      const currentTabEl = this.$refs[`dof-tab-title-${index}`][0]\n      const firstTabEl = this.$refs['dof-tab-title-0'][0]\n      const SAFE_DISTANCE = 16.3\n\n      dom.getComponentRect(currentTabEl, res => {\n        let {\n          size: { height, width = 110, left }\n        } = res\n        const appearNum = Math.floor(750 / (width + SAFE_DISTANCE))\n        let offset = (-(750 - width) / 2) | 0\n\n        if (index + 1 < appearNum) {\n          dom.scrollToElement(firstTabEl, {\n            offset: -16.3\n          })\n        } else {\n          dom.scrollToElement(currentTabEl, {\n            offset,\n            animated: true\n          })\n        }\n      })\n    },\n    // 三类固定\n    onTextClicked(index) {\n      // weex下不能完成事件委托\n      this.tabCheckedIndex = index\n      this.$emit('dofTabSelected', { index: index })\n    },\n    dotNum(content, max) {\n      let value = ''\n      let curContent = Number(content)\n      if (max && curContent >= max) {\n        value = `${max}+`\n      } else {\n        value = content\n      }\n      return value\n    }\n  },\n  watch: {\n    tabCheckedIndex: {\n      handler(n, o) {\n        let len = this.tabTitles.length - 1\n        len >= +n ? (this.currentPage = +n) : (this.currentPage = len)\n        if (len > 4) {\n          this.$nextTick(() => {\n            this._scrollToCurrentTab(n)\n          })\n        }\n      },\n      immediate: true\n    }\n  }\n}\n</script>\n\n<style scoped>\n.widget {\n  /* background-color: #ffffff; */\n  height: 88px;\n}\n\n.tab-margin {\n  margin-bottom: 16px;\n}\n\n.tab-padding-160 {\n  padding: 0 160px;\n}\n\n.tab-padding-40 {\n  padding: 0 40px;\n}\n\n.flex-expand-layout {\n  flex: 1;\n}\n\n.tab-title-list {\n  flex-direction: row;\n  justify-content: space-between;\n  padding: 0 16px;\n}\n\n.space-around-layout {\n  justify-content: space-around;\n}\n.flex-start-layout {\n  justify-content: flex-start;\n  flex: 1;\n}\n.flex-start-item {\n  margin-right: 32px;\n}\n\n.padding-layout-32 {\n  padding: 0 32px;\n}\n\n.padding-layout-8 {\n  padding: 0 8px;\n}\n\n.title-item {\n  height: 88px;\n  justify-content: center;\n  align-items: stretch;\n  border-bottom-style: solid;\n  /* border-width: 1px; */\n}\n\n.title-item-primary {\n  align-items: center;\n}\n\n.tab-text-wrapper {\n  height: 82px;\n  justify-content: center;\n}\n\n/* tabpage 在dof-minibar内部 */\n.minibar-inner {\n  height: 76px;\n}\n\n.thidrd-wrapper {\n  flex-direction: row;\n  height: 52px;\n  padding: 0 30px;\n  border-radius: 26px;\n  /* background-color: #232323; */\n  justify-content: center;\n  align-items: center;\n}\n\n.avatar-icon {\n  width: 36px;\n  height: 36px;\n  margin-right: 8px;\n}\n\n.tab-text {\n  lines: 1;\n  text-overflow: ellipsis;\n  font-family: PingFangSC-Regular;\n  letter-spacing: 0;\n  /* color: #8E969B; */\n}\n\n.third-text {\n  font-size: 24px;\n  /* color: #1E2E37; */\n}\n\n.border-bottom-line {\n  width: 40px;\n  height: 6px;\n  border-radius: 3px;\n  margin-top: -10px;\n  /* margin-left: 10px; */\n  /* background-color: transparent; */\n}\n\n.border-bottom-line-secondary {\n  height: 4px;\n  border-radius: 3px;\n  margin-top: -2px;\n  /* background-color: transparent; */\n}\n\n.dot-bottom-border {\n  /* margin-right: 20px; */\n}\n\n/* 新增三类固定标签 */\n\n.thirdTabPanel {\n  height: 128px;\n}\n\n.dof-third-panel {\n  /* width: 750px; */\n  height: 128px;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  align-items: center;\n  justify-content: center;\n  opacity: 1;\n}\n\n.btn-group-wrap {\n  flex-direction: row;\n  flex-wrap: nowrap;\n  align-items: center;\n  justify-content: center;\n  border-radius: 64px;\n  /* overflow: hidden; */\n}\n\n.btn-text {\n  font-family: PingFangSC-Regular;\n  color: #ffffff;\n  font-size: 28px;\n  line-height: 64px;\n  padding-left: 32px;\n  padding-right: 32px;\n}\n\n.leftRadius {\n  border-top-left-radius: 32px;\n  border-bottom-left-radius: 32px;\n}\n\n.rightRadius {\n  border-top-right-radius: 32px;\n  border-bottom-right-radius: 32px;\n}\n\n.dot-tip {\n  /* position: absolute; */\n  /* top: 34px;\n  right: 0px; */\n  margin-top: 6px;\n  width: 16px;\n  height: 16px;\n  border-radius: 10px;\n  background-color: #f56428;\n}\n\n/* 小红点 */\n.dot-tab-text {\n  /* margin-top:8px; */\n  padding-top: 10px;\n  padding-bottom: 8px;\n}\n\n.flexDirection {\n  position: relative;\n  flex-direction: row;\n  align-items: center;\n  align-items: flex-start;\n}\n\n.flexCoulmn {\n}\n\n.dot-num-tip-text {\n  /* position:absolute;\n  right: 0px;\n  top:0; */\n  font-size: 24px;\n  color: #ffffff;\n  border-radius: 100px;\n  /* border-width: 1px;\n  border-color: #ffffff; */\n  background-color: #f56428;\n  align-items: center;\n  justify-content: center;\n  padding-left: 8px;\n  padding-right: 8px;\n  /* transform: translate(100%, 0); */\n  margin-left: -16px;\n  /* padding-top: 8px;\n  padding-bottom: 8px; */\n}\n\n.dot-num-tip-right {\n  /* padding-right: 60px; */\n}\n\n/* 数字小红点下面的选中宽度 */\n.dotNum-bottom-borderWidth {\n  /* margin-right: 60px; */\n}\n</style>\n<style scoped src=\"./colmo.css\"></style>\n",null],"sourceRoot":""}]);
+exports.push([module.i, "\n.widget[data-v-401fdb82] {\n  /* background-color: #ffffff; */\n  height: 1.17333rem;\n}\n.tab-margin[data-v-401fdb82] {\n  margin-bottom: 0.21333rem;\n}\n.tab-padding-160[data-v-401fdb82] {\n  padding: 0 2.13333rem;\n}\n.tab-padding-40[data-v-401fdb82] {\n  padding: 0 0.53333rem;\n}\n.flex-expand-layout[data-v-401fdb82] {\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n          flex: 1;\n}\n.tab-title-list[data-v-401fdb82] {\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  padding: 0 0.21333rem;\n}\n.space-around-layout[data-v-401fdb82] {\n  -webkit-justify-content: space-around;\n          justify-content: space-around;\n}\n.padding-layout-32[data-v-401fdb82] {\n  padding: 0 0.42667rem;\n}\n.padding-layout-8[data-v-401fdb82] {\n  padding: 0 0.10667rem;\n}\n.title-item[data-v-401fdb82] {\n  height: 1.17333rem;\n  -webkit-box-pack: center;\n  -webkit-justify-content: center;\n          justify-content: center;\n  -webkit-box-align: stretch;\n  -webkit-align-items: stretch;\n          align-items: stretch;\n  border-bottom-style: solid;\n  /* border-width: 1px; */\n}\n.title-item-primary[data-v-401fdb82] {\n  -webkit-box-align: center;\n  -webkit-align-items: center;\n          align-items: center;\n}\n.tab-text-wrapper[data-v-401fdb82] {\n  height: 1.09333rem;\n  -webkit-box-pack: center;\n  -webkit-justify-content: center;\n          justify-content: center;\n}\n\n/* tabpage 在dof-minibar内部 */\n.minibar-inner[data-v-401fdb82] {\n  height: 1.01333rem;\n}\n.thidrd-wrapper[data-v-401fdb82] {\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: row;\n          flex-direction: row;\n  height: 0.69333rem;\n  padding: 0 0.4rem;\n  border-radius: 0.34667rem;\n  /* background-color: #232323; */\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.avatar-icon[data-v-401fdb82] {\n  width: 0.48rem;\n  height: 0.48rem;\n  margin-right: 0.10667rem;\n}\n.tab-text[data-v-401fdb82] {\n  lines: 1;\n  text-overflow: ellipsis;\n  font-family: PingFangSC-Regular;\n  letter-spacing: 0;\n  /* color: #8E969B; */\n  overflow: hidden;\n  text-overflow: ellipsis;\n  -webkit-line-clamp: 1;\n}\n.third-text[data-v-401fdb82] {\n  font-size: 0.32rem;\n  /* color: #1E2E37; */\n}\n.border-bottom-line[data-v-401fdb82] {\n  width: 0.53333rem;\n  height: 0.08rem;\n  border-radius: 0.04rem;\n  margin-top: -0.13333rem;\n  /* margin-left: 10px; */\n  /* background-color: transparent; */\n}\n.border-bottom-line-secondary[data-v-401fdb82] {\n  height: 0.05333rem;\n  border-radius: 0.04rem;\n  margin-top: -0.02667rem;\n  /* background-color: transparent; */\n}\n.dot-bottom-border[data-v-401fdb82] {\n  /* margin-right: 20px; */\n}\n\n/* 新增三类固定标签 */\n.thirdTabPanel[data-v-401fdb82] {\n  height: 1.70667rem;\n}\n.dof-third-panel[data-v-401fdb82] {\n  /* width: 750px; */\n  height: 1.70667rem;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: row;\n          flex-direction: row;\n  -webkit-flex-wrap: nowrap;\n          flex-wrap: nowrap;\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  opacity: 1;\n}\n.btn-group-wrap[data-v-401fdb82] {\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: row;\n          flex-direction: row;\n  -webkit-flex-wrap: nowrap;\n          flex-wrap: nowrap;\n  -webkit-box-align: center;\n  -webkit-align-items: center;\n          align-items: center;\n  -webkit-box-pack: center;\n  -webkit-justify-content: center;\n          justify-content: center;\n  border-radius: 0.85333rem;\n  /* overflow: hidden; */\n}\n.btn-text[data-v-401fdb82] {\n  font-family: PingFangSC-Regular;\n  color: #ffffff;\n  font-size: 0.37333rem;\n  line-height: 0.85333rem;\n  padding-left: 0.42667rem;\n  padding-right: 0.42667rem;\n}\n.leftRadius[data-v-401fdb82] {\n  border-top-left-radius: 0.42667rem;\n  border-bottom-left-radius: 0.42667rem;\n}\n.rightRadius[data-v-401fdb82] {\n  border-top-right-radius: 0.42667rem;\n  border-bottom-right-radius: 0.42667rem;\n}\n.dot-tip[data-v-401fdb82] {\n  /* position: absolute; */\n  /* top: 34px;\n  right: 0px; */\n  margin-top: 0.08rem;\n  width: 0.21333rem;\n  height: 0.21333rem;\n  border-radius: 0.13333rem;\n  background-color: #f56428;\n}\n\n/* 小红点 */\n.dot-tab-text[data-v-401fdb82] {\n  /* margin-top:8px; */\n  padding-top: 0.13333rem;\n  padding-bottom: 0.10667rem;\n}\n.flexDirection[data-v-401fdb82] {\n  position: relative;\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-align: start;\n  -webkit-align-items: flex-start;\n          align-items: flex-start;\n}\n.flexCoulmn[data-v-401fdb82] {\n}\n.dot-num-tip-text[data-v-401fdb82] {\n  /* position:absolute;\n  right: 0px;\n  top:0; */\n  font-size: 0.32rem;\n  color: #ffffff;\n  border-radius: 1.33333rem;\n  /* border-width: 1px;\n  border-color: #ffffff; */\n  background-color: #f56428;\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  padding-left: 0.10667rem;\n  padding-right: 0.10667rem;\n  /* transform: translate(100%, 0); */\n  margin-left: -0.21333rem;\n  /* padding-top: 8px;\n  padding-bottom: 8px; */\n}\n.dot-num-tip-right[data-v-401fdb82] {\n  /* padding-right: 60px; */\n}\n\n/* 数字小红点下面的选中宽度 */\n.dotNum-bottom-borderWidth[data-v-401fdb82] {\n  /* margin-right: 60px; */\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-tab-page/index.vue?37fc58c0","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-tab-page/<no source>"],"names":[],"mappings":";AAgbA;EACA,gCAAA;EACA,mBAAA;CACA;AAEA;EACA,0BAAA;CACA;AAEA;EACA,sBAAA;CACA;AAEA;EACA,sBAAA;CACA;AAEA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA;CACA;AAEA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EAAA,uCAAA;UAAA,+BAAA;EACA,sBAAA;CACA;AAEA;EACA,sCAAA;UAAA,8BAAA;CACA;AAEA;EACA,sBAAA;CACA;AAEA;EACA,sBAAA;CACA;AAEA;EACA,mBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,2BAAA;EAAA,6BAAA;UAAA,qBAAA;EACA,2BAAA;EACA,wBAAA;CACA;AAEA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;CACA;AAEA;EACA,mBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;CACA;;AAEA,4BAAA;AACA;EACA,mBAAA;CACA;AAEA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,mBAAA;EACA,kBAAA;EACA,0BAAA;EACA,gCAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;CACA;AAEA;EACA,eAAA;EACA,gBAAA;EACA,yBAAA;CACA;AAEA;EACA,SAAA;EACA,wBAAA;EACA,gCAAA;EACA,kBAAA;EACA,qBAAA;EClgBA,iBAAA;EAAA,wBAAA;EAAA,sBAAA;CDmgBA;AAEA;EACA,mBAAA;EACA,qBAAA;CACA;AAEA;EACA,kBAAA;EACA,gBAAA;EACA,uBAAA;EACA,wBAAA;EACA,wBAAA;EACA,oCAAA;CACA;AAEA;EACA,mBAAA;EACA,uBAAA;EACA,wBAAA;EACA,oCAAA;CACA;AAEA;EACA,yBAAA;CACA;;AAEA,cAAA;AAEA;EACA,mBAAA;CACA;AAEA;EACA,mBAAA;EACA,mBAAA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;UAAA,kBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,WAAA;CACA;AAEA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;UAAA,kBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,0BAAA;EACA,uBAAA;CACA;AAEA;EACA,gCAAA;EACA,eAAA;EACA,sBAAA;EACA,wBAAA;EACA,yBAAA;EACA,0BAAA;CACA;AAEA;EACA,mCAAA;EACA,sCAAA;CACA;AAEA;EACA,oCAAA;EACA,uCAAA;CACA;AAEA;EACA,yBAAA;EACA;gBACA;EACA,oBAAA;EACA,kBAAA;EACA,mBAAA;EACA,0BAAA;EACA,0BAAA;CACA;;AAEA,SAAA;AACA;EACA,qBAAA;EACA,wBAAA;EACA,2BAAA;CACA;AAEA;EACA,mBAAA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;CACA;AAEA;CACA;AAEA;EACA;;WAEA;EACA,mBAAA;EACA,eAAA;EACA,0BAAA;EACA;2BACA;EACA,0BAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,yBAAA;EACA,0BAAA;EACA,oCAAA;EACA,yBAAA;EACA;yBACA;CACA;AAEA;EACA,0BAAA;CACA;;AAEA,kBAAA;AACA;EACA,yBAAA;CACA","file":"index.vue","sourcesContent":["<template>\n  <div\n    :class=\"[\n      'widget',\n      hasMargin && 'tab-margin',\n      tabTitles.length === 2 && !isSlot && type != 'third-group' && 'tab-padding-160',\n      tabTitles.length === 3 && !isSlot && type != 'third-group' && 'tab-padding-40',\n      isSlot && 'flex-expand-layout',\n      type == 'third-group' && 'thirdTabPanel'\n    ]\"\n    :style=\"{ backgroundColor: mergeStyleOption.bgColor }\"\n  >\n    <!-- 新增三类固定点击标签 third-group-->\n    <div\n      :class=\"['dof-third-panel']\"\n      v-if=\"type === 'third-group' && !_isColmo\"\n      :style=\"{ 'background-color': mergeStyleOption.bgColor }\"\n      :accessible=\"true\"\n      :aria-label=\"text\"\n    >\n      <div class=\"btn-group-wrap\" :style=\"wrapStyle\">\n        <text\n          v-for=\"(text, index) in tabTitles\"\n          :key=\"index\"\n          :class=\"[\n            'btn-text',\n            index == 0 && 'leftRadius',\n            index == tabTitles.length - 1 && 'rightRadius',\n            !disabled && pattern === 'text' && `dof-text-highlight-${type}`\n          ]\"\n          :data-index=\"index\"\n          :style=\"[\n            index < tabTitles.length - 1 ? verticalLineStyle : '',\n            textStyle,\n            index == tabCheckedIndex ? textBtnStyle(index) : ''\n          ]\"\n          @click=\"onTextClicked(index)\"\n          >{{ text }}</text\n        >\n      </div>\n    </div>\n    <dof-diamond-tab\n      v-if=\"type === 'third-group' && _isColmo\"\n      :tabData=\"tabTitles\"\n      :bgColor=\"'#151617'\"\n      :activeTextColor=\"'rgb(230, 230, 230)'\"\n      :touchColor=\"'rgb(26, 26, 26)'\"\n      :textFontSize=\"'28px'\"\n      :active=\"tabCheckedIndex\"\n      @tabActiveChange=\"tabActiveChange\"\n    />\n    <!-- 三级标签页 third 带了图标 以及文字有背景色和圆角-->\n    <scroller\n      :class=\"['tab-title-list', tabTitles.length <= 5 && 'space-around-layout']\"\n      :show-scrollbar=\"false\"\n      scroll-direction=\"horizontal\"\n      v-if=\"type === 'third'\"\n    >\n      <div\n        :class=\"['title-item', tabTitles.length > 5 && 'padding-layout-8']\"\n        v-for=\"(v, index) in tabTitles\"\n        :key=\"index\"\n        :ref=\"'dof-tab-title-' + index\"\n        @click=\"onClicked(index, tabTitles.length - 1)\"\n      >\n        <div\n          class=\"tab-text-wrapper thidrd-wrapper\"\n          :style=\"{\n            backgroundColor:\n              currentPage === index\n                ? mergeStyleOption.activeBoxBgColor\n                : (v.icon || v.activeIcon) && !_isDiablo\n                ? 'transparent'\n                : mergeStyleOption.boxBgColor,\n            borderColor:\n              currentPage === index && mergeStyleOption.activeBorderColor\n                ? mergeStyleOption.activeBorderColor\n                : mergeStyleOption.borderColor\n          }\"\n        >\n          <image class=\"avatar-icon\" v-if=\"v.icon || v.activeIcon\" :src=\"currentPage === index ? v.activeIcon : v.icon\">\n          </image>\n          <text\n            class=\"tab-text third-text\"\n            :style=\"{\n              fontWeight: currentPage === index && mergeStyleOption.isActiveTitleBold ? 'normal' : 'normal',\n              color: currentPage === index ? mergeStyleOption.activeTitleColor : mergeStyleOption.titleColor\n            }\"\n            >{{ v.title }}</text\n          >\n        </div>\n      </div>\n    </scroller>\n    <!-- 一级和二级标签 else-->\n    <!-- :style=\"{backgroundColor: '#00A4F2'}\" -->\n    <scroller\n      :class=\"['tab-title-list', tabTitles.length <= 5 && 'space-around-layout']\"\n      :show-scrollbar=\"false\"\n      scroll-direction=\"horizontal\"\n      v-if=\"type !== 'third' && type !== 'third-group'\"\n    >\n      <div\n        :class=\"['title-item', tabTitles.length > 5 && 'padding-layout-32', type == 'primary' && 'title-item-primary']\"\n        v-for=\"(v, index) in tabTitles\"\n        :key=\"index\"\n        :ref=\"'dof-tab-title-' + index\"\n        @click=\"onClicked(index, tabTitles.length - 1)\"\n      >\n        <div :class=\"['tab-text-wrapper', isSlot && 'minibar-inner']\">\n          <div class=\"flexDirection\" :class=\"[v.hasDotNum && 'dot-num-tip-right']\">\n            <text\n              :class=\"['tab-text', 'dot-tab-text']\"\n              :style=\"{\n                fontSize: type === 'primary' ? '32px' : '28px',\n                fontWeight: currentPage === index && mergeStyleOption.isActiveTitleBold ? 'normal' : 'normal',\n                color: currentPage === index ? mergeStyleOption.activeTitleColor : mergeStyleOption.titleColor\n              }\"\n              >{{ v.title }}</text\n            >\n            <div v-if=\"v.hasDotTip\">\n              <div class=\"dot-tip\" :style=\"{ 'background-color': v.badgeColor ? v.badgeColor : '#F56428' }\"></div>\n            </div>\n            <text\n              class=\"dot-num-tip-text\"\n              :style=\"{ 'background-color': v.badgeColor ? v.badgeColor : '#F56428' }\"\n              v-else-if=\"v.hasDotNum\"\n              >{{ dotNum(v.hasDotNum, v.badgeMax) }}</text\n            >\n          </div>\n        </div>\n        <div\n          v-if=\"type !== 'third' && type !== 'third-group'\"\n          :class=\"[\n            type == 'primary' ? 'border-bottom-line' : 'border-bottom-line-secondary',\n            v.hasDotTip && 'dot-bottom-border',\n            v.hasDotNum && 'dotNum-bottom-borderWidth'\n          ]\"\n          :style=\"{\n            backgroundColor: currentPage === index ? mergeStyleOption.activeBottomColor : 'transparent'\n          }\"\n        ></div>\n      </div>\n    </scroller>\n  </div>\n</template>\n\n<script>\nconst dom = weex.requireModule('dom')\nimport { THEME_COLOR_SET } from '../../theme/config'\nimport ColmoMixin from '../../mixins/colmo'\nimport DofDiamondTab from '../dof-diamond-tab'\nimport DiabloMixin from '../../mixins/diablo'\n\nexport default {\n  mixins: [ColmoMixin, DiabloMixin],\n  components: { DofDiamondTab },\n  props: {\n    type: {\n      type: String,\n      default: 'secondary'\n    },\n    theme: {\n      type: String,\n      default: 'default'\n    },\n    isSlot: {\n      type: Boolean,\n      default: false\n    },\n    tabTitles: {\n      type: Array,\n      default: () => []\n    },\n    tabCheckedIndex: {\n      type: [Number, String],\n      default: 0\n    },\n    tabStyles: {\n      type: Object,\n      default: () => ({})\n    },\n    hasMargin: {\n      type: Boolean,\n      default: false\n    },\n    bgColor: {\n      type: String,\n      default: ''\n    }\n  },\n  data: () => ({\n    currentPage: 0\n  }),\n  computed: {\n    defaultStyleOption() {\n      const base = {\n        isActiveTitleBold: true,\n        iconWidth: 70,\n        iconHeight: 70,\n        height: 88,\n        fontSize: 24,\n        hasActiveBottom: true,\n        activeBottomColor: '#1E2E37',\n        hasRightIcon: false\n      }\n      const defaultStyle = {\n        ...base,\n        bgColor: '#ffffff',\n        titleColor: '#8E969B',\n        activeTitleColor: '#1E2E37',\n        boxBgColor: '#F6F7F9',\n        activeBoxBgColor: '#232323'\n      }\n      const colmoStyle = {\n        ...base,\n        isActiveTitleBold: false,\n        bgColor: '#151617',\n        titleColor: 'rgba(255,255,255,0.4)',\n        activeTitleColor: 'rgba(255,255,255,0.8)',\n        boxBgColor: '#151617',\n        activeBoxBgColor: '#151617',\n        activeBottomColor: '#B35336',\n        borderColor: 'rgba(51, 51, 51, 1)',\n        activeBorderColor: '#B35336'\n      }\n      const diabloStyle = {\n        ...base,\n        bgColor: '#101315',\n        titleColor: '#8E969B',\n        activeTitleColor: '#cfcfd0',\n        activeBottomColor: '#cfcfd0',\n        boxBgColor: '#171c1f',\n        activeBoxBgColor: '#cfcfd0'\n      }\n      return this._isColmo ? colmoStyle : (this._isDiablo ? diabloStyle : defaultStyle)\n    },\n    mergeStyleOption() {\n      let { type, theme, tabStyles, defaultStyleOption } = this\n      if (type === 'third') {\n        if (this._isColmo) {\n          let res = { ...defaultStyleOption, ...tabStyles }\n          if (this.bgColor) res.bgColor = this.bgColor\n          return res\n        }\n        if (theme === 'default') {\n          return {\n            ...defaultStyleOption,\n            ...{\n              activeTitleColor: this._isDiablo ? '#1e2e37' : '#fff',\n              titleColor: this._isDiablo ? 'rgba(255,255,255,0.4)' : '#1e2e37'\n            },\n            ...tabStyles\n          }\n        } else if (theme === 'primary') {\n          return {\n            ...defaultStyleOption,\n            ...tabStyles,\n            ...{\n              bgColor: THEME_COLOR_SET[theme],\n              // boxBgColor: '#5088ff',\n              boxBgColor: THEME_BOX_BGCOLOR_SET[theme],\n              activeBoxBgColor: '#ffffff',\n              titleColor: '#ffffff',\n              activeTitleColor: THEME_COLOR_SET[theme]\n            }\n          }\n        } else {\n          return { ...defaultStyleOption, ...tabStyles, ...{ boxBgColor: THEME_BOX_BGCOLOR_SET[theme] } }\n        }\n      } else if (type === 'third-group') {\n        if (this._isColmo) return { bgColor: '#151617' }\n        return { bgColor: this._isDiablo ? '#101315' : THEME_COLOR_SET[theme] }\n      } else {\n        if (theme === 'default') {\n          let res = this.bgColor ? { bgColor: this.bgColor } : {}\n          return { ...defaultStyleOption, ...tabStyles, ...res }\n        } else {\n          return {\n            ...defaultStyleOption,\n            ...tabStyles,\n            ...{\n              bgColor: THEME_COLOR_SET[theme],\n              titleColor: 'rgba(255,255,255, 0.6)',\n              activeTitleColor: '#ffffff',\n              activeBottomColor: '#ffffff'\n            }\n          }\n        }\n      }\n    },\n\n    // 新增三类固定标签\n    wrapStyle() {\n      const { theme } = this\n      if (theme == 'default') {\n        return {\n          borderWidth: '2px',\n          borderStyle: 'solid',\n          borderColor: this._isDiablo ? '#1E2123' : '#f3f4f4'\n        }\n      } else {\n        return {\n          borderWidth: '2px',\n          borderStyle: 'solid',\n          borderColor: 'rgba(255, 255, 255, 0.3)'\n        }\n      }\n    },\n\n    textStyle() {\n      const { theme } = this\n      if (theme == 'default') {\n        return {\n          color: this._isDiablo ? '#797c7e' : '#8E969B'\n        }\n      } else {\n        return {\n          color: '#ffffff'\n        }\n      }\n    },\n    verticalLineStyle() {\n      const { theme } = this\n      if (theme == 'default') {\n        return {\n          borderRightWidth: '2px',\n          borderRightStyle: 'solid',\n          borderRightColor: this._isDiablo ? '#1E2123' : '#f3f4f4'\n        }\n      } else {\n        return {\n          borderRightWidth: '2px',\n          borderRightStyle: 'solid',\n          borderRightColor: 'rgba(255, 255, 255, 0.3)'\n        }\n      }\n    },\n    hackMarginTop() {\n      // const platform = weex.config.env.platform\n      // if (platform === 'iOS') return -1\n      // if (platform === 'harmony') return 0\n      // return 2\n      return 0\n    },\n    textBtnStyle() {\n      const { theme } = this\n      let hackH = this.hackMarginTop\n      return function(i) {\n        if (theme == 'default') {\n          return {\n            color: this._isDiablo ? '#cfcfd0' : '#1E2E37',\n            backgroundColor: this._isDiablo ? '#1E2123' : '#f3f4f4',\n            marginTop: `${hackH}px`\n          }\n        } else {\n          return {\n            color: THEME_COLOR_SET[theme],\n            backgroundColor: '#FFFFFF',\n            marginTop: `${hackH}px`\n          }\n        }\n      }\n    }\n  },\n  methods: {\n    onClicked(index, len) {\n      this.currentPage = index\n      this.$emit('dofTabSelected', { index: index })\n      len > 4 && this._scrollToCurrentTab(index)\n    },\n    tabActiveChange(index) {\n      this.onClicked(index)\n    },\n    _scrollToCurrentTab(index) {\n      const currentTabEl = this.$refs[`dof-tab-title-${index}`][0]\n      const firstTabEl = this.$refs['dof-tab-title-0'][0]\n      const SAFE_DISTANCE = 16.3\n\n      dom.getComponentRect(currentTabEl, res => {\n        let {\n          size: { height, width = 110, left }\n        } = res\n        const appearNum = Math.floor(750 / (width + SAFE_DISTANCE))\n        let offset = (-(750 - width) / 2) | 0\n\n        if (index + 1 < appearNum) {\n          dom.scrollToElement(firstTabEl, {\n            offset: -16.3\n          })\n        } else {\n          dom.scrollToElement(currentTabEl, {\n            offset,\n            animated: true\n          })\n        }\n      })\n    },\n    // 三类固定\n    onTextClicked(index) {\n      // weex下不能完成事件委托\n      this.tabCheckedIndex = index\n      this.$emit('dofTabSelected', { index: index })\n    },\n    dotNum(content, max) {\n      let value = ''\n      let curContent = Number(content)\n      if (max && curContent >= max) {\n        value = `${max}+`\n      } else {\n        value = content\n      }\n      return value\n    }\n  },\n  watch: {\n    tabCheckedIndex: {\n      handler(n, o) {\n        let len = this.tabTitles.length - 1\n        len >= +n ? (this.currentPage = +n) : (this.currentPage = len)\n        if (len > 4) {\n          this.$nextTick(() => {\n            this._scrollToCurrentTab(n)\n          })\n        }\n      },\n      immediate: true\n    }\n  }\n}\n</script>\n\n<style scoped>\n.widget {\n  /* background-color: #ffffff; */\n  height: 88px;\n}\n\n.tab-margin {\n  margin-bottom: 16px;\n}\n\n.tab-padding-160 {\n  padding: 0 160px;\n}\n\n.tab-padding-40 {\n  padding: 0 40px;\n}\n\n.flex-expand-layout {\n  flex: 1;\n}\n\n.tab-title-list {\n  flex-direction: row;\n  justify-content: space-between;\n  padding: 0 16px;\n}\n\n.space-around-layout {\n  justify-content: space-around;\n}\n\n.padding-layout-32 {\n  padding: 0 32px;\n}\n\n.padding-layout-8 {\n  padding: 0 8px;\n}\n\n.title-item {\n  height: 88px;\n  justify-content: center;\n  align-items: stretch;\n  border-bottom-style: solid;\n  /* border-width: 1px; */\n}\n\n.title-item-primary {\n  align-items: center;\n}\n\n.tab-text-wrapper {\n  height: 82px;\n  justify-content: center;\n}\n\n/* tabpage 在dof-minibar内部 */\n.minibar-inner {\n  height: 76px;\n}\n\n.thidrd-wrapper {\n  flex-direction: row;\n  height: 52px;\n  padding: 0 30px;\n  border-radius: 26px;\n  /* background-color: #232323; */\n  justify-content: center;\n  align-items: center;\n}\n\n.avatar-icon {\n  width: 36px;\n  height: 36px;\n  margin-right: 8px;\n}\n\n.tab-text {\n  lines: 1;\n  text-overflow: ellipsis;\n  font-family: PingFangSC-Regular;\n  letter-spacing: 0;\n  /* color: #8E969B; */\n}\n\n.third-text {\n  font-size: 24px;\n  /* color: #1E2E37; */\n}\n\n.border-bottom-line {\n  width: 40px;\n  height: 6px;\n  border-radius: 3px;\n  margin-top: -10px;\n  /* margin-left: 10px; */\n  /* background-color: transparent; */\n}\n\n.border-bottom-line-secondary {\n  height: 4px;\n  border-radius: 3px;\n  margin-top: -2px;\n  /* background-color: transparent; */\n}\n\n.dot-bottom-border {\n  /* margin-right: 20px; */\n}\n\n/* 新增三类固定标签 */\n\n.thirdTabPanel {\n  height: 128px;\n}\n\n.dof-third-panel {\n  /* width: 750px; */\n  height: 128px;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  align-items: center;\n  justify-content: center;\n  opacity: 1;\n}\n\n.btn-group-wrap {\n  flex-direction: row;\n  flex-wrap: nowrap;\n  align-items: center;\n  justify-content: center;\n  border-radius: 64px;\n  /* overflow: hidden; */\n}\n\n.btn-text {\n  font-family: PingFangSC-Regular;\n  color: #ffffff;\n  font-size: 28px;\n  line-height: 64px;\n  padding-left: 32px;\n  padding-right: 32px;\n}\n\n.leftRadius {\n  border-top-left-radius: 32px;\n  border-bottom-left-radius: 32px;\n}\n\n.rightRadius {\n  border-top-right-radius: 32px;\n  border-bottom-right-radius: 32px;\n}\n\n.dot-tip {\n  /* position: absolute; */\n  /* top: 34px;\n  right: 0px; */\n  margin-top: 6px;\n  width: 16px;\n  height: 16px;\n  border-radius: 10px;\n  background-color: #f56428;\n}\n\n/* 小红点 */\n.dot-tab-text {\n  /* margin-top:8px; */\n  padding-top: 10px;\n  padding-bottom: 8px;\n}\n\n.flexDirection {\n  position: relative;\n  flex-direction: row;\n  align-items: center;\n  align-items: flex-start;\n}\n\n.flexCoulmn {\n}\n\n.dot-num-tip-text {\n  /* position:absolute;\n  right: 0px;\n  top:0; */\n  font-size: 24px;\n  color: #ffffff;\n  border-radius: 100px;\n  /* border-width: 1px;\n  border-color: #ffffff; */\n  background-color: #f56428;\n  align-items: center;\n  justify-content: center;\n  padding-left: 8px;\n  padding-right: 8px;\n  /* transform: translate(100%, 0); */\n  margin-left: -16px;\n  /* padding-top: 8px;\n  padding-bottom: 8px; */\n}\n\n.dot-num-tip-right {\n  /* padding-right: 60px; */\n}\n\n/* 数字小红点下面的选中宽度 */\n.dotNum-bottom-borderWidth {\n  /* margin-right: 60px; */\n}\n</style>\n<style scoped src=\"./colmo.css\"></style>\n",null],"sourceRoot":""}]);
 
 // exports
 
@@ -8628,7 +8628,7 @@ exports = module.exports = __webpack_require__(0)(true);
 
 
 // module
-exports.push([module.i, "\n@media screen and (weex-theme: colmo) {\n.border-bottom-line[data-v-401fdb82] {\n    width: 0.42667rem;\n    height: 0.05333rem;\n    border-radius: 0px;\n}\n.thidrd-wrapper[data-v-401fdb82] {\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: normal;\n    -webkit-flex-direction: row;\n            flex-direction: row;\n    height: 0.85333rem;\n    padding: 0 0.32rem;\n    border-radius: 0.10667rem;\n    /* background-color: #232323; */\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    border-width: 0.02667rem;\n}\n.thirdTabPanel[data-v-401fdb82] {\n    height: 1.17333rem;\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-align: center;\n    -webkit-align-items: center;\n            align-items: center;\n    -webkit-box-pack: center;\n    -webkit-justify-content: center;\n            justify-content: center;\n}\n.border-bottom-line-secondary[data-v-401fdb82] {\n    border-radius: 0px;\n}\n.third-text[data-v-401fdb82] {\n    font-size: 0.37333rem;\n}\n.tab-text[data-v-401fdb82] {\n    font-family: PingFangSC-Regular;\n    font-weight: 400;\n}\n}", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-tab-page/colmo.css"],"names":[],"mappings":";AAAA;AACE;IACE,kBAAY;IACZ,mBAAY;IACZ,mBAAmB;CACpB;AACD;IACE,+BAAoB;IAApB,8BAAoB;IAApB,4BAAoB;YAApB,oBAAoB;IACpB,mBAAa;IACb,mBAAgB;IAChB,0BAAmB;IACnB,gCAAgC;IAChC,yBAAwB;IAAxB,gCAAwB;YAAxB,wBAAwB;IACxB,0BAAoB;IAApB,4BAAoB;YAApB,oBAAoB;IACpB,yBAAkB;CACnB;AACD;IACE,mBAAa;IACb,qBAAc;IAAd,sBAAc;IAAd,cAAc;IACd,+BAAoB;IAApB,8BAAoB;IAApB,4BAAoB;YAApB,oBAAoB;IACpB,0BAAoB;IAApB,4BAAoB;YAApB,oBAAoB;IACpB,yBAAwB;IAAxB,gCAAwB;YAAxB,wBAAwB;CACzB;AAED;IACE,mBAAmB;CACpB;AAED;IACE,sBAAgB;CACjB;AAED;IACE,gCAAgC;IAChC,iBAAiB;CAClB;CACF","file":"colmo.css","sourcesContent":["@media screen and (weex-theme: colmo) {\n  .border-bottom-line {\n    width: 32px;\n    height: 4px;\n    border-radius: 0px;\n  }\n  .thidrd-wrapper {\n    flex-direction: row;\n    height: 64px;\n    padding: 0 24px;\n    border-radius: 8px;\n    /* background-color: #232323; */\n    justify-content: center;\n    align-items: center;\n    border-width: 2px;\n  }\n  .thirdTabPanel {\n    height: 88px;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n  }\n  \n  .border-bottom-line-secondary {\n    border-radius: 0px;\n  }\n\n  .third-text {\n    font-size: 28px;\n  }\n\n  .tab-text {\n    font-family: PingFangSC-Regular;\n    font-weight: 400;\n  }\n}"],"sourceRoot":""}]);
+exports.push([module.i, "\n@media screen and (weex-theme: colmo) {\n.border-bottom-line[data-v-401fdb82] {\n    width: 0.42667rem;\n    height: 0.05333rem;\n    border-radius: 0px;\n}\n.thidrd-wrapper[data-v-401fdb82] {\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: normal;\n    -webkit-flex-direction: row;\n            flex-direction: row;\n    height: 0.85333rem;\n    padding: 0 0.32rem;\n    border-radius: 0px;\n    /* background-color: #232323; */\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    border-width: 0.02667rem;\n}\n.thirdTabPanel[data-v-401fdb82] {\n    height: 1.17333rem;\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-align: center;\n    -webkit-align-items: center;\n            align-items: center;\n    -webkit-box-pack: center;\n    -webkit-justify-content: center;\n            justify-content: center;\n}\n.border-bottom-line-secondary[data-v-401fdb82] {\n    border-radius: 0px;\n}\n.third-text[data-v-401fdb82] {\n    font-size: 0.37333rem;\n}\n.tab-text[data-v-401fdb82] {\n    font-family: PingFangSC-Regular;\n    font-weight: 400;\n}\n}", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-tab-page/colmo.css"],"names":[],"mappings":";AAAA;AACE;IACE,kBAAY;IACZ,mBAAY;IACZ,mBAAmB;CACpB;AACD;IACE,+BAAoB;IAApB,8BAAoB;IAApB,4BAAoB;YAApB,oBAAoB;IACpB,mBAAa;IACb,mBAAgB;IAChB,mBAAmB;IACnB,gCAAgC;IAChC,yBAAwB;IAAxB,gCAAwB;YAAxB,wBAAwB;IACxB,0BAAoB;IAApB,4BAAoB;YAApB,oBAAoB;IACpB,yBAAkB;CACnB;AACD;IACE,mBAAa;IACb,qBAAc;IAAd,sBAAc;IAAd,cAAc;IACd,+BAAoB;IAApB,8BAAoB;IAApB,4BAAoB;YAApB,oBAAoB;IACpB,0BAAoB;IAApB,4BAAoB;YAApB,oBAAoB;IACpB,yBAAwB;IAAxB,gCAAwB;YAAxB,wBAAwB;CACzB;AAED;IACE,mBAAmB;CACpB;AAED;IACE,sBAAgB;CACjB;AAED;IACE,gCAAgC;IAChC,iBAAiB;CAClB;CACF","file":"colmo.css","sourcesContent":["@media screen and (weex-theme: colmo) {\n  .border-bottom-line {\n    width: 32px;\n    height: 4px;\n    border-radius: 0px;\n  }\n  .thidrd-wrapper {\n    flex-direction: row;\n    height: 64px;\n    padding: 0 24px;\n    border-radius: 0px;\n    /* background-color: #232323; */\n    justify-content: center;\n    align-items: center;\n    border-width: 2px;\n  }\n  .thirdTabPanel {\n    height: 88px;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n  }\n  \n  .border-bottom-line-secondary {\n    border-radius: 0px;\n  }\n\n  .third-text {\n    font-size: 28px;\n  }\n\n  .tab-text {\n    font-family: PingFangSC-Regular;\n    font-weight: 400;\n  }\n}"],"sourceRoot":""}]);
 
 // exports
 
@@ -8824,7 +8824,7 @@ exports = module.exports = __webpack_require__(0)(true);
 
 
 // module
-exports.push([module.i, "\n@media screen and (weex-theme: colmo) {\n.borderRight[data-v-51c62b44] {\n    position: absolute;\n    width: 1px;\n    background-color: #3E4144;\n    right: 0;\n}\n.borderBottom[data-v-51c62b44] {\n    position: absolute;\n    height: 1px;\n    background-color: #3E4144;\n    bottom: 0;\n}\n.delta[data-v-51c62b44] {\n    width: 0.34667rem;\n    height: 0.34667rem;\n    background-color: #3E4144;\n    position: absolute;\n    right: -0.17333rem;\n    bottom: -0.17333rem;\n    -webkit-transform: rotate(45deg);\n            transform: rotate(45deg);\n}\n}", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-numcard-col/colmo.css"],"names":[],"mappings":";AAAA;AACE;IACE,mBAAmB;IACnB,WAAW;IACX,0BAA0B;IAC1B,SAAS;CACV;AACD;IACE,mBAAmB;IACnB,YAAY;IACZ,0BAA0B;IAC1B,UAAU;CACX;AACD;IACE,kBAAY;IACZ,mBAAa;IACb,0BAA0B;IAC1B,mBAAmB;IACnB,mBAAa;IACb,oBAAc;IACd,iCAAyB;YAAzB,yBAAyB;CAC1B;CACF","file":"colmo.css","sourcesContent":["@media screen and (weex-theme: colmo) {\n  .borderRight {\n    position: absolute;\n    width: 1px;\n    background-color: #3E4144;\n    right: 0;\n  }\n  .borderBottom {\n    position: absolute;\n    height: 1px;\n    background-color: #3E4144;\n    bottom: 0;\n  }\n  .delta {\n    width: 26px;\n    height: 26px;\n    background-color: #3E4144;\n    position: absolute;\n    right: -13px;\n    bottom: -13px;\n    transform: rotate(45deg);\n  }\n}"],"sourceRoot":""}]);
+exports.push([module.i, "\n@media screen and (weex-theme: colmo) {\n.borderRight[data-v-51c62b44] {\n    position: absolute;\n    width: 1px;\n    background-color: #353639;\n    right: 0;\n}\n.borderBottom[data-v-51c62b44] {\n    position: absolute;\n    height: 1px;\n    background-color: #353639;\n    bottom: 0;\n}\n.delta[data-v-51c62b44] {\n    width: 0.34667rem;\n    height: 0.34667rem;\n    background-color: #353639;\n    position: absolute;\n    right: -0.17333rem;\n    bottom: -0.17333rem;\n    -webkit-transform: rotate(45deg);\n            transform: rotate(45deg);\n}\n}", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-numcard-col/colmo.css"],"names":[],"mappings":";AAAA;AACE;IACE,mBAAmB;IACnB,WAAW;IACX,0BAA0B;IAC1B,SAAS;CACV;AACD;IACE,mBAAmB;IACnB,YAAY;IACZ,0BAA0B;IAC1B,UAAU;CACX;AACD;IACE,kBAAY;IACZ,mBAAa;IACb,0BAA0B;IAC1B,mBAAmB;IACnB,mBAAa;IACb,oBAAc;IACd,iCAAyB;YAAzB,yBAAyB;CAC1B;CACF","file":"colmo.css","sourcesContent":["@media screen and (weex-theme: colmo) {\n  .borderRight {\n    position: absolute;\n    width: 1px;\n    background-color: #353639;\n    right: 0;\n  }\n  .borderBottom {\n    position: absolute;\n    height: 1px;\n    background-color: #353639;\n    bottom: 0;\n  }\n  .delta {\n    width: 26px;\n    height: 26px;\n    background-color: #353639;\n    position: absolute;\n    right: -13px;\n    bottom: -13px;\n    transform: rotate(45deg);\n  }\n}"],"sourceRoot":""}]);
 
 // exports
 
@@ -8866,7 +8866,7 @@ exports = module.exports = __webpack_require__(0)(true);
 
 
 // module
-exports.push([module.i, "\n@media screen and (weex-theme: colmo) {\n.dof-btn-highlight-primary-default:active {\n    background-color: #ba644a;\n}\n.dof-btn-highlight-primary-base:active {\n    background-color: #636569;\n}\n.dof-btn-highlight-primary-plain:active {\n    background-color: transparent;\n}\n.dof-text-highlight-primary:active {\n    color: #ba644a;\n}\n.btn-text {\n    font-family: PingFangSC-Regular;\n    color: rgba(255,255,255,0.80);\n}\n.loading-image {\n    height: 0.53333rem;\n    width: 0.53333rem;\n}\n}", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-button/colmo.css"],"names":[],"mappings":";AAAA;AACE;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,8BAA8B;CAC/B;AACD;IACE,eAAe;CAChB;AACD;IACE,gCAAgC;IAChC,8BAA8B;CAC/B;AACD;IACE,mBAAa;IACb,kBAAY;CACb;CACF","file":"colmo.css","sourcesContent":["@media screen and (weex-theme: colmo) {\n  .dof-btn-highlight-primary-default:active {\n    background-color: #ba644a;\n  }\n  .dof-btn-highlight-primary-base:active {\n    background-color: #636569;\n  }\n  .dof-btn-highlight-primary-plain:active {\n    background-color: transparent;\n  }\n  .dof-text-highlight-primary:active {\n    color: #ba644a;\n  }\n  .btn-text {\n    font-family: PingFangSC-Regular;\n    color: rgba(255,255,255,0.80);\n  }\n  .loading-image {\n    height: 40px;\n    width: 40px;\n  }\n}"],"sourceRoot":""}]);
+exports.push([module.i, "\n@media screen and (weex-theme: colmo) {\n.dof-btn-highlight-primary-default:active {\n    background-color: #bb644a;\n}\n.dof-btn-highlight-primary-base:active {\n    background-color: #636569;\n}\n.dof-btn-highlight-primary-plain:active {\n    background-color: transparent;\n}\n.dof-text-highlight-primary:active {\n    color: #bb644a;\n}\n.btn-text {\n    font-family: PingFangSC-Regular;\n    color: rgba(255,255,255,0.80);\n}\n.loading-image {\n    height: 0.53333rem;\n    width: 0.53333rem;\n}\n}", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-button/colmo.css"],"names":[],"mappings":";AAAA;AACE;IACE,0BAA0B;CAC3B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,8BAA8B;CAC/B;AACD;IACE,eAAe;CAChB;AACD;IACE,gCAAgC;IAChC,8BAA8B;CAC/B;AACD;IACE,mBAAa;IACb,kBAAY;CACb;CACF","file":"colmo.css","sourcesContent":["@media screen and (weex-theme: colmo) {\n  .dof-btn-highlight-primary-default:active {\n    background-color: #bb644a;\n  }\n  .dof-btn-highlight-primary-base:active {\n    background-color: #636569;\n  }\n  .dof-btn-highlight-primary-plain:active {\n    background-color: transparent;\n  }\n  .dof-text-highlight-primary:active {\n    color: #bb644a;\n  }\n  .btn-text {\n    font-family: PingFangSC-Regular;\n    color: rgba(255,255,255,0.80);\n  }\n  .loading-image {\n    height: 40px;\n    width: 40px;\n  }\n}"],"sourceRoot":""}]);
 
 // exports
 
@@ -8880,7 +8880,7 @@ exports = module.exports = __webpack_require__(0)(true);
 
 
 // module
-exports.push([module.i, "\n.loading-image[data-v-5680972d] {\n  height: 0.42667rem;\n  width: 0.42667rem;\n  margin-right: 0.13333rem;\n}\n.dof-btn[data-v-5680972d] {\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-align: center;\n  -webkit-align-items: center;\n          align-items: center;\n  -webkit-box-pack: center;\n  -webkit-justify-content: center;\n          justify-content: center;\n  /* border-radius: 12px; */\n  opacity: 1;\n  position: relative;\n  overflow: hidden;\n}\n.mask[data-v-5680972d] {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  bottom: 0px;\n  left: 0px;\n}\n.mask[data-v-5680972d]:active {\n  background-color: rgba(255, 255, 255, 0.1);\n}\n.dof-btn-highlight-primary-default[data-v-5680972d] {\n  background-color: #00a4f2;\n}\n.dof-btn-highlight-primary-default[data-v-5680972d]:active {\n  background-color: #0093d9;\n}\n.dof-btn-highlight-primary-base[data-v-5680972d] {\n  background-color: #e5f5fd;\n}\n.dof-btn-highlight-primary-base[data-v-5680972d]:active {\n  background-color: #cddce3;\n}\n.dof-btn-highlight-primary-plain[data-v-5680972d] {\n  background-color: #ffffff;\n}\n.dof-btn-highlight-primary-plain[data-v-5680972d]:active {\n  background-color: rgba(38, 122, 255, 0.1);\n}\n.dof-btn-highlight-purple-default[data-v-5680972d] {\n  background-color: #995efc;\n}\n.dof-btn-highlight-purple-default[data-v-5680972d]:active {\n  background-color: #8a54e3;\n}\n.dof-btn-highlight-purple-base[data-v-5680972d] {\n  background-color: #eee6ff;\n}\n.dof-btn-highlight-purple-base[data-v-5680972d]:active {\n  background-color: #d5cee5;\n}\n.dof-btn-highlight-purple-plain[data-v-5680972d] {\n  background-color: #ffffff;\n}\n.dof-btn-highlight-purple-plain[data-v-5680972d]:active {\n  background-color: rgba(153, 94, 252, 0.1);\n}\n.dof-btn-highlight-slate-default[data-v-5680972d] {\n  background-color: #6575ff;\n}\n.dof-btn-highlight-slate-default[data-v-5680972d]:active {\n  background-color: #5b69e6;\n}\n.dof-btn-highlight-slate-base[data-v-5680972d] {\n  background-color: #e6e8ff;\n}\n.dof-btn-highlight-slate-base[data-v-5680972d]:active {\n  background-color: #ced0e5;\n}\n.dof-btn-highlight-slate-plain[data-v-5680972d] {\n  background-color: #ffffff;\n}\n.dof-btn-highlight-slate-plain[data-v-5680972d]:active {\n  background-color: rgba(101, 117, 255, 0.1);\n}\n.dof-btn-highlight-aqua-default[data-v-5680972d] {\n  background-color: #29c3ff;\n}\n.dof-btn-highlight-aqua-default[data-v-5680972d]:active {\n  background-color: #24afe6;\n}\n.dof-btn-highlight-aqua-base[data-v-5680972d] {\n  background-color: #e6f8ff;\n}\n.dof-btn-highlight-aqua-base[data-v-5680972d]:active {\n  background-color: #cedee5;\n}\n.dof-btn-highlight-aqua-plain[data-v-5680972d] {\n  background-color: #ffffff;\n}\n.dof-btn-highlight-aqua-plain[data-v-5680972d]:active {\n  background-color: rgba(41, 195, 255, 0.1);\n}\n.dof-btn-highlight-turquoise-default[data-v-5680972d] {\n  background-color: #00bdb2;\n}\n.dof-btn-highlight-turquoise-default[data-v-5680972d]:active {\n  background-color: #00b7a5;\n}\n.dof-btn-highlight-turquoise-base[data-v-5680972d] {\n  background-color: #e6fffd;\n}\n.dof-btn-highlight-turquoise-base[data-v-5680972d]:active {\n  background-color: #cee5e3;\n}\n.dof-btn-highlight-turquoise-plain[data-v-5680972d] {\n  background-color: #ffffff;\n}\n.dof-btn-highlight-turquoise-plain[data-v-5680972d]:active {\n  background-color: rgba(0, 203, 184, 0.1);\n}\n.dof-btn-highlight-yellow-default[data-v-5680972d] {\n  background-color: #ffaa10;\n}\n.dof-btn-highlight-yellow-default[data-v-5680972d]:active {\n  background-color: #e5980e;\n}\n.dof-btn-highlight-yellow-base[data-v-5680972d] {\n  background-color: #fff4e0;\n}\n.dof-btn-highlight-yellow-base[data-v-5680972d]:active {\n  background-color: #e5dbc9;\n}\n.dof-btn-highlight-yellow-plain[data-v-5680972d] {\n  background-color: #ffffff;\n}\n.dof-btn-highlight-yellow-plain[data-v-5680972d]:active {\n  background-color: rgba(255, 170, 16, 0.1);\n}\n.dof-btn-highlight-orange-default[data-v-5680972d] {\n  background-color: #ffaa10;\n}\n.dof-btn-highlight-orange-default[data-v-5680972d]:active {\n  background-color: #e67521;\n}\n.dof-btn-highlight-orange-base[data-v-5680972d] {\n  background-color: #fff0e6;\n}\n.dof-btn-highlight-orange-base[data-v-5680972d]:active {\n  background-color: #e5d7ce;\n}\n.dof-btn-highlight-orange-plain[data-v-5680972d] {\n  background-color: #ffffff;\n}\n.dof-btn-highlight-orange-plain[data-v-5680972d]:active {\n  background-color: rgba(255, 130, 37, 0.1);\n}\n.dof-btn-highlight-tomato-default[data-v-5680972d] {\n  background-color: #f56428;\n}\n.dof-btn-highlight-tomato-default[data-v-5680972d]:active {\n  background-color: #e65f44;\n}\n.dof-btn-highlight-tomato-base[data-v-5680972d] {\n  background-color: #ffeae6;\n}\n.dof-btn-highlight-tomato-base[data-v-5680972d]:active {\n  background-color: #e6d3cf;\n}\n.dof-btn-highlight-tomato-plain[data-v-5680972d] {\n  background-color: #ffffff;\n}\n.dof-btn-highlight-tomato-plain[data-v-5680972d]:active {\n  background-color: rgba(255, 106, 76, 0.1);\n}\n.dof-btn-highlight-gray-default[data-v-5680972d] {\n  background-color: #7c879b;\n}\n.dof-btn-highlight-gray-default[data-v-5680972d]:active {\n  background-color: #6f798b;\n}\n.dof-btn-highlight-gray-base[data-v-5680972d] {\n  background-color: #cfd7e6;\n}\n.dof-btn-highlight-gray-base[data-v-5680972d]:active {\n  background-color: #b9c1ce;\n}\n.dof-btn-highlight-gray-plain[data-v-5680972d] {\n  background-color: #ffffff;\n}\n.dof-btn-highlight-gray-plain[data-v-5680972d]:active {\n  background-color: rgba(124, 135, 155, 0.1);\n}\n.dof-btn-highlight-red-default[data-v-5680972d] {\n  background-color: #e61e1e;\n}\n.dof-btn-highlight-red-default[data-v-5680972d]:active {\n  background-color: #ce1a1a;\n}\n.dof-btn-highlight-red-base[data-v-5680972d] {\n  background-color: #fffeb7;\n}\n.dof-btn-highlight-red-plain[data-v-5680972d] {\n  background-color: #fff;\n}\n.dof-btn-highlight-brown-default[data-v-5680972d] {\n  background-color: #86696b;\n}\n.dof-btn-highlight-brown-default[data-v-5680972d]:active {\n  background-color: #785e60;\n}\n.dof-btn-highlight-red-base[data-v-5680972d] {\n  background-color: #ffd9cf;\n}\n.dof-btn-highlight-red-plain[data-v-5680972d] {\n  background-color: #fff;\n}\n.dof-btn-highlight-colmo-default[data-v-5680972d] {\n  background-color: #b35336;\n}\n.dof-btn-highlight-colmo-default[data-v-5680972d]:active {\n  background-color: #743d2a;\n}\n.dof-btn-highlight-colmo-base[data-v-5680972d] {\n  background-color: #313237;\n}\n.dof-btn-highlight-colmo-base[data-v-5680972d]:active {\n  background-color: rgba(0, 0, 0, 0.3);\n}\n.dof-btn-highlight-colmo-plain[data-v-5680972d] {\n  background-color: transparent;\n}\n.dof-btn-highlight-colmo-plain[data-v-5680972d]:active {\n  background-color: #636569;\n}\n.btn-text[data-v-5680972d] {\n  font-family: PingFangSC-Medium;\n  text-overflow: ellipsis;\n  lines: 1;\n  /* color: #ffffff; */\n  /* margin-left: 10px; */\n  overflow: hidden;\n  text-overflow: ellipsis;\n  -webkit-line-clamp: 1;\n}\n/* .dof-text-highlight-primary:active {\n  color: #0093d9;\n}\n.dof-text-highlight-purple:active {\n  color: #8a54e3;\n}\n.dof-text-highlight-slate:active {\n  color: #5b69e6;\n}\n.dof-text-highlight-aqua:active {\n  color: #24afe6;\n}\n.dof-text-highlight-turquoise:active {\n  color: #00b7a5;\n}\n.dof-text-highlight-yellow:active {\n  color: #e5980e;\n}\n.dof-text-highlight-orange:active {\n  color: #e67521;\n}\n.dof-text-highlight-tomatot:active {\n  color: #e65f44;\n}\n.dof-text-highlight-gray:active {\n  color: #6f798b;\n} */\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-button/index.vue?1850ad3b","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-button/<no source>"],"names":[],"mappings":";AAgKA;EACA,mBAAA;EACA,kBAAA;EACA,yBAAA;CACA;AACA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,0BAAA;EACA,WAAA;EACA,mBAAA;EACA,iBAAA;CACA;AACA;EACA,mBAAA;EACA,SAAA;EACA,WAAA;EACA,YAAA;EACA,UAAA;CACA;AACA;EACA,2CAAA;CACA;AAEA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0CAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0CAAA;CACA;AAEA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,2CAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0CAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,yCAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0CAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0CAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0CAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,2CAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,uBAAA;CACA;AAEA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,uBAAA;CACA;AAEA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,qCAAA;CACA;AACA;EACA,8BAAA;CACA;AACA;EACA,0BAAA;CACA;AAEA;EACA,+BAAA;EACA,wBAAA;EACA,SAAA;EACA,qBAAA;EACA,wBAAA;EC9YA,iBAAA;EAAA,wBAAA;EAAA,sBAAA;CD+YA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;IA0BA","file":"index.vue","sourcesContent":["<!-- modified by liuhr7 on 19/12/28. -->\n\n<template>\n  <WeexThemeView :key=\"disabled + _theme + ''\">\n    <text\n      v-if=\"pattern === 'plain_text'\"\n      :class=\"['btn-text', isHighlight && !disabled && pattern === 'text' && !_isColmo && `dof-text-highlight-${type}`]\"\n      :style=\"mrTextStyle\"\n      @click=\"onTextClicked\"\n      :aria-label=\"text ? text + '。按钮。' : ''\"\n      >{{ loading && size == 'small' ? '' : text }}</text\n    >\n    <div\n      v-else\n      :class=\"['dof-btn', isHighlight && !disabled && !_isColmo && `dof-btn-highlight-${type}-${pattern}`]\"\n      :style=\"mrBtnStyle\"\n      @click=\"onClicked\"\n      :accessible=\"true\"\n      :aria-label=\"text ? text + '。按钮。' : ''\"\n    >\n      <dof-spinner :type=\"loadingGif\" class=\"loading-image\" v-if=\"loading\" />\n      <slot>\n        <text\n          :class=\"['btn-text', isHighlight && !disabled && pattern === 'text' && `dof-text-highlight-${type}`]\"\n          :style=\"mrTextStyle\"\n          @click=\"onTextClicked\"\n          :aria-label=\"text ? text + '。按钮。' : ''\"\n          >{{ loading && size == 'small' ? '' : text }}</text\n        >\n      </slot>\n      <div v-if=\"_isColmo && !disabled && !loading\" class=\"mask\" @click=\"onClicked\"></div>\n    </div>\n  </WeexThemeView>\n</template>\n\n<script>\nimport {\n  STYLE_MAP,\n  STYLE_MAP_DIABLO,\n  TEXT_STYLE_MAP,\n  TEXT_STYLE_MAP_DIABLO,\n  BUTTON_STYLE_MAP,\n  COLMO_BUTTON_STYLE_MAP,\n  TEXT_FONTSIZE_STYLE_MAP,\n  COLMO_TEXT_FONTSIZE_STYLE_MAP\n} from './type'\nimport Utils from '../utils'\nimport ColmoMixin from '../../mixins/colmo'\nimport DiabloMixin from '../../mixins/diablo'\nimport { WeexThemeView } from '@dolphinweex/weex-theme'\nimport DofSpinner from '../dof-spinner'\n\nexport default {\n  mixins: [ColmoMixin, DiabloMixin],\n  components: { WeexThemeView, DofSpinner },\n  props: {\n    loading: {\n      type: Boolean,\n      default: false\n    },\n    text: {\n      type: String,\n      default: '确认'\n    },\n    size: {\n      type: String,\n      default: 'full'\n    },\n    type: {\n      type: String,\n      default: 'primary'\n    },\n    pattern: {\n      type: String,\n      default: 'default'\n    },\n    disabled: {\n      type: Boolean,\n      default: false\n    },\n    isHighlight: {\n      type: Boolean,\n      default: true\n    },\n    btnStyle: Object,\n    textStyle: Object,\n    disabledStyle: Object\n  },\n  computed: {\n    mrBtnStyle() {\n      let { type, pattern, disabled, btnStyle, size, disabledStyle } = this\n      let buttonStyle = BUTTON_STYLE_MAP\n      if (this._isColmo && this.type === 'primary') {\n        type = 'colmo'\n        buttonStyle = COLMO_BUTTON_STYLE_MAP\n      }\n\n      let styleMap = this._isDiablo ? { ...STYLE_MAP_DIABLO[type][pattern] } : { ...STYLE_MAP[type][pattern] }\n      if (!this._isColmo && pattern !== 'text' && !disabled) delete styleMap.backgroundColor\n      const mrBtnStyle = {\n        ...styleMap,\n        ...buttonStyle[size],\n        ...btnStyle\n      }\n\n      let disabledInStyle = { opacity: 0.3 }\n      if (type === 'white') {\n        disabledInStyle = { backgroundColor: 'rgba(0, 0, 0, 0.1)' }\n      }\n\n      return disabled\n        ? {\n            ...mrBtnStyle,\n            ...disabledInStyle,\n            ...disabledStyle\n          }\n        : mrBtnStyle\n    },\n    mrTextStyle() {\n      let { type, pattern, disabled, textStyle, size } = this\n      if (pattern === 'plain_text') pattern = 'text'\n      let buttonTextStyle = TEXT_FONTSIZE_STYLE_MAP\n      if (this._isColmo && this.type === 'primary') {\n        type = 'colmo'\n        buttonTextStyle = COLMO_TEXT_FONTSIZE_STYLE_MAP\n      }\n      let textStyleMap = this._isDiablo ? TEXT_STYLE_MAP_DIABLO : TEXT_STYLE_MAP\n       \n      const mrTextStyle = {\n        ...textStyleMap[type][pattern],\n        ...buttonTextStyle[size],\n        ...textStyle\n      }\n      return disabled ? { ...mrTextStyle } : mrTextStyle\n    },\n    loadingGif() {\n      if (this._isColmo) return 'colmo'\n      const { pattern } = this\n      if (pattern === 'default') {\n        return 'white'\n      } else {\n        return 'black'\n      }\n    }\n  },\n  methods: {\n    onClicked(e) {\n      const { type, pattern, disabled } = this\n      disabled ? null : this.$emit('dofButtonClicked', { e, type, pattern, disabled })\n    },\n    onTextClicked(e) {\n      const { type, pattern, disabled } = this\n      disabled ? null : this.$emit('dofButtonClicked', { e, type, pattern, disabled })\n    }\n  }\n}\n</script>\n\n<style src=\"./colmo.css\"></style>\n<style scoped>\n.loading-image {\n  height: 32px;\n  width: 32px;\n  margin-right: 10px;\n}\n.dof-btn {\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  /* border-radius: 12px; */\n  opacity: 1;\n  position: relative;\n  overflow: hidden;\n}\n.mask {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  bottom: 0px;\n  left: 0px;\n}\n.mask:active {\n  background-color: rgba(255, 255, 255, 0.1);\n}\n\n.dof-btn-highlight-primary-default {\n  background-color: #00a4f2;\n}\n.dof-btn-highlight-primary-default:active {\n  background-color: #0093d9;\n}\n.dof-btn-highlight-primary-base {\n  background-color: #e5f5fd;\n}\n.dof-btn-highlight-primary-base:active {\n  background-color: #cddce3;\n}\n.dof-btn-highlight-primary-plain {\n  background-color: #ffffff;\n}\n.dof-btn-highlight-primary-plain:active {\n  background-color: rgba(38, 122, 255, 0.1);\n}\n.dof-btn-highlight-purple-default {\n  background-color: #995efc;\n}\n.dof-btn-highlight-purple-default:active {\n  background-color: #8a54e3;\n}\n.dof-btn-highlight-purple-base {\n  background-color: #eee6ff;\n}\n.dof-btn-highlight-purple-base:active {\n  background-color: #d5cee5;\n}\n.dof-btn-highlight-purple-plain {\n  background-color: #ffffff;\n}\n.dof-btn-highlight-purple-plain:active {\n  background-color: rgba(153, 94, 252, 0.1);\n}\n\n.dof-btn-highlight-slate-default {\n  background-color: #6575ff;\n}\n.dof-btn-highlight-slate-default:active {\n  background-color: #5b69e6;\n}\n.dof-btn-highlight-slate-base {\n  background-color: #e6e8ff;\n}\n.dof-btn-highlight-slate-base:active {\n  background-color: #ced0e5;\n}\n.dof-btn-highlight-slate-plain {\n  background-color: #ffffff;\n}\n.dof-btn-highlight-slate-plain:active {\n  background-color: rgba(101, 117, 255, 0.1);\n}\n.dof-btn-highlight-aqua-default {\n  background-color: #29c3ff;\n}\n.dof-btn-highlight-aqua-default:active {\n  background-color: #24afe6;\n}\n.dof-btn-highlight-aqua-base {\n  background-color: #e6f8ff;\n}\n.dof-btn-highlight-aqua-base:active {\n  background-color: #cedee5;\n}\n.dof-btn-highlight-aqua-plain {\n  background-color: #ffffff;\n}\n.dof-btn-highlight-aqua-plain:active {\n  background-color: rgba(41, 195, 255, 0.1);\n}\n.dof-btn-highlight-turquoise-default {\n  background-color: #00bdb2;\n}\n.dof-btn-highlight-turquoise-default:active {\n  background-color: #00b7a5;\n}\n.dof-btn-highlight-turquoise-base {\n  background-color: #e6fffd;\n}\n.dof-btn-highlight-turquoise-base:active {\n  background-color: #cee5e3;\n}\n.dof-btn-highlight-turquoise-plain {\n  background-color: #ffffff;\n}\n.dof-btn-highlight-turquoise-plain:active {\n  background-color: rgba(0, 203, 184, 0.1);\n}\n.dof-btn-highlight-yellow-default {\n  background-color: #ffaa10;\n}\n.dof-btn-highlight-yellow-default:active {\n  background-color: #e5980e;\n}\n.dof-btn-highlight-yellow-base {\n  background-color: #fff4e0;\n}\n.dof-btn-highlight-yellow-base:active {\n  background-color: #e5dbc9;\n}\n.dof-btn-highlight-yellow-plain {\n  background-color: #ffffff;\n}\n.dof-btn-highlight-yellow-plain:active {\n  background-color: rgba(255, 170, 16, 0.1);\n}\n.dof-btn-highlight-orange-default {\n  background-color: #ffaa10;\n}\n.dof-btn-highlight-orange-default:active {\n  background-color: #e67521;\n}\n.dof-btn-highlight-orange-base {\n  background-color: #fff0e6;\n}\n.dof-btn-highlight-orange-base:active {\n  background-color: #e5d7ce;\n}\n.dof-btn-highlight-orange-plain {\n  background-color: #ffffff;\n}\n.dof-btn-highlight-orange-plain:active {\n  background-color: rgba(255, 130, 37, 0.1);\n}\n.dof-btn-highlight-tomato-default {\n  background-color: #f56428;\n}\n.dof-btn-highlight-tomato-default:active {\n  background-color: #e65f44;\n}\n.dof-btn-highlight-tomato-base {\n  background-color: #ffeae6;\n}\n.dof-btn-highlight-tomato-base:active {\n  background-color: #e6d3cf;\n}\n.dof-btn-highlight-tomato-plain {\n  background-color: #ffffff;\n}\n.dof-btn-highlight-tomato-plain:active {\n  background-color: rgba(255, 106, 76, 0.1);\n}\n.dof-btn-highlight-gray-default {\n  background-color: #7c879b;\n}\n.dof-btn-highlight-gray-default:active {\n  background-color: #6f798b;\n}\n.dof-btn-highlight-gray-base {\n  background-color: #cfd7e6;\n}\n.dof-btn-highlight-gray-base:active {\n  background-color: #b9c1ce;\n}\n.dof-btn-highlight-gray-plain {\n  background-color: #ffffff;\n}\n.dof-btn-highlight-gray-plain:active {\n  background-color: rgba(124, 135, 155, 0.1);\n}\n.dof-btn-highlight-red-default {\n  background-color: #e61e1e;\n}\n.dof-btn-highlight-red-default:active {\n  background-color: #ce1a1a;\n}\n.dof-btn-highlight-red-base {\n  background-color: #fffeb7;\n}\n.dof-btn-highlight-red-plain {\n  background-color: #fff;\n}\n\n.dof-btn-highlight-brown-default {\n  background-color: #86696b;\n}\n.dof-btn-highlight-brown-default:active {\n  background-color: #785e60;\n}\n.dof-btn-highlight-red-base {\n  background-color: #ffd9cf;\n}\n.dof-btn-highlight-red-plain {\n  background-color: #fff;\n}\n\n.dof-btn-highlight-colmo-default {\n  background-color: #b35336;\n}\n.dof-btn-highlight-colmo-default:active {\n  background-color: #743d2a;\n}\n.dof-btn-highlight-colmo-base {\n  background-color: #313237;\n}\n.dof-btn-highlight-colmo-base:active {\n  background-color: rgba(0, 0, 0, 0.3);\n}\n.dof-btn-highlight-colmo-plain {\n  background-color: transparent;\n}\n.dof-btn-highlight-colmo-plain:active {\n  background-color: #636569;\n}\n\n.btn-text {\n  font-family: PingFangSC-Medium;\n  text-overflow: ellipsis;\n  lines: 1;\n  /* color: #ffffff; */\n  /* margin-left: 10px; */\n}\n/* .dof-text-highlight-primary:active {\n  color: #0093d9;\n}\n.dof-text-highlight-purple:active {\n  color: #8a54e3;\n}\n.dof-text-highlight-slate:active {\n  color: #5b69e6;\n}\n.dof-text-highlight-aqua:active {\n  color: #24afe6;\n}\n.dof-text-highlight-turquoise:active {\n  color: #00b7a5;\n}\n.dof-text-highlight-yellow:active {\n  color: #e5980e;\n}\n.dof-text-highlight-orange:active {\n  color: #e67521;\n}\n.dof-text-highlight-tomatot:active {\n  color: #e65f44;\n}\n.dof-text-highlight-gray:active {\n  color: #6f798b;\n} */\n</style>\n<style scoped src=\"./diablo.css\"></style>",null],"sourceRoot":""}]);
+exports.push([module.i, "\n.loading-image[data-v-5680972d] {\n  height: 0.42667rem;\n  width: 0.42667rem;\n  margin-right: 0.13333rem;\n}\n.dof-btn[data-v-5680972d] {\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-align: center;\n  -webkit-align-items: center;\n          align-items: center;\n  -webkit-box-pack: center;\n  -webkit-justify-content: center;\n          justify-content: center;\n  /* border-radius: 12px; */\n  opacity: 1;\n  position: relative;\n  overflow: hidden;\n}\n.mask[data-v-5680972d] {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  bottom: 0px;\n  left: 0px;\n}\n.mask[data-v-5680972d]:active {\n  background-color: rgba(255, 255, 255, 0.1);\n}\n.dof-btn-highlight-primary-default[data-v-5680972d] {\n  background-color: #00a4f2;\n}\n.dof-btn-highlight-primary-default[data-v-5680972d]:active {\n  background-color: #0093d9;\n}\n.dof-btn-highlight-primary-base[data-v-5680972d] {\n  background-color: #e5f5fd;\n}\n.dof-btn-highlight-primary-base[data-v-5680972d]:active {\n  background-color: #cddce3;\n}\n.dof-btn-highlight-primary-plain[data-v-5680972d] {\n  background-color: #ffffff;\n}\n.dof-btn-highlight-primary-plain[data-v-5680972d]:active {\n  background-color: rgba(38, 122, 255, 0.1);\n}\n.dof-btn-highlight-purple-default[data-v-5680972d] {\n  background-color: #995efc;\n}\n.dof-btn-highlight-purple-default[data-v-5680972d]:active {\n  background-color: #8a54e3;\n}\n.dof-btn-highlight-purple-base[data-v-5680972d] {\n  background-color: #eee6ff;\n}\n.dof-btn-highlight-purple-base[data-v-5680972d]:active {\n  background-color: #d5cee5;\n}\n.dof-btn-highlight-purple-plain[data-v-5680972d] {\n  background-color: #ffffff;\n}\n.dof-btn-highlight-purple-plain[data-v-5680972d]:active {\n  background-color: rgba(153, 94, 252, 0.1);\n}\n.dof-btn-highlight-slate-default[data-v-5680972d] {\n  background-color: #6575ff;\n}\n.dof-btn-highlight-slate-default[data-v-5680972d]:active {\n  background-color: #5b69e6;\n}\n.dof-btn-highlight-slate-base[data-v-5680972d] {\n  background-color: #e6e8ff;\n}\n.dof-btn-highlight-slate-base[data-v-5680972d]:active {\n  background-color: #ced0e5;\n}\n.dof-btn-highlight-slate-plain[data-v-5680972d] {\n  background-color: #ffffff;\n}\n.dof-btn-highlight-slate-plain[data-v-5680972d]:active {\n  background-color: rgba(101, 117, 255, 0.1);\n}\n.dof-btn-highlight-aqua-default[data-v-5680972d] {\n  background-color: #29c3ff;\n}\n.dof-btn-highlight-aqua-default[data-v-5680972d]:active {\n  background-color: #24afe6;\n}\n.dof-btn-highlight-aqua-base[data-v-5680972d] {\n  background-color: #e6f8ff;\n}\n.dof-btn-highlight-aqua-base[data-v-5680972d]:active {\n  background-color: #cedee5;\n}\n.dof-btn-highlight-aqua-plain[data-v-5680972d] {\n  background-color: #ffffff;\n}\n.dof-btn-highlight-aqua-plain[data-v-5680972d]:active {\n  background-color: rgba(41, 195, 255, 0.1);\n}\n.dof-btn-highlight-turquoise-default[data-v-5680972d] {\n  background-color: #00bdb2;\n}\n.dof-btn-highlight-turquoise-default[data-v-5680972d]:active {\n  background-color: #00b7a5;\n}\n.dof-btn-highlight-turquoise-base[data-v-5680972d] {\n  background-color: #e6fffd;\n}\n.dof-btn-highlight-turquoise-base[data-v-5680972d]:active {\n  background-color: #cee5e3;\n}\n.dof-btn-highlight-turquoise-plain[data-v-5680972d] {\n  background-color: #ffffff;\n}\n.dof-btn-highlight-turquoise-plain[data-v-5680972d]:active {\n  background-color: rgba(0, 203, 184, 0.1);\n}\n.dof-btn-highlight-yellow-default[data-v-5680972d] {\n  background-color: #ffaa10;\n}\n.dof-btn-highlight-yellow-default[data-v-5680972d]:active {\n  background-color: #e5980e;\n}\n.dof-btn-highlight-yellow-base[data-v-5680972d] {\n  background-color: #fff4e0;\n}\n.dof-btn-highlight-yellow-base[data-v-5680972d]:active {\n  background-color: #e5dbc9;\n}\n.dof-btn-highlight-yellow-plain[data-v-5680972d] {\n  background-color: #ffffff;\n}\n.dof-btn-highlight-yellow-plain[data-v-5680972d]:active {\n  background-color: rgba(255, 170, 16, 0.1);\n}\n.dof-btn-highlight-orange-default[data-v-5680972d] {\n  background-color: #ffaa10;\n}\n.dof-btn-highlight-orange-default[data-v-5680972d]:active {\n  background-color: #e67521;\n}\n.dof-btn-highlight-orange-base[data-v-5680972d] {\n  background-color: #fff0e6;\n}\n.dof-btn-highlight-orange-base[data-v-5680972d]:active {\n  background-color: #e5d7ce;\n}\n.dof-btn-highlight-orange-plain[data-v-5680972d] {\n  background-color: #ffffff;\n}\n.dof-btn-highlight-orange-plain[data-v-5680972d]:active {\n  background-color: rgba(255, 130, 37, 0.1);\n}\n.dof-btn-highlight-tomato-default[data-v-5680972d] {\n  background-color: #f56428;\n}\n.dof-btn-highlight-tomato-default[data-v-5680972d]:active {\n  background-color: #e65f44;\n}\n.dof-btn-highlight-tomato-base[data-v-5680972d] {\n  background-color: #ffeae6;\n}\n.dof-btn-highlight-tomato-base[data-v-5680972d]:active {\n  background-color: #e6d3cf;\n}\n.dof-btn-highlight-tomato-plain[data-v-5680972d] {\n  background-color: #ffffff;\n}\n.dof-btn-highlight-tomato-plain[data-v-5680972d]:active {\n  background-color: rgba(255, 106, 76, 0.1);\n}\n.dof-btn-highlight-gray-default[data-v-5680972d] {\n  background-color: #7c879b;\n}\n.dof-btn-highlight-gray-default[data-v-5680972d]:active {\n  background-color: #6f798b;\n}\n.dof-btn-highlight-gray-base[data-v-5680972d] {\n  background-color: #cfd7e6;\n}\n.dof-btn-highlight-gray-base[data-v-5680972d]:active {\n  background-color: #b9c1ce;\n}\n.dof-btn-highlight-gray-plain[data-v-5680972d] {\n  background-color: #ffffff;\n}\n.dof-btn-highlight-gray-plain[data-v-5680972d]:active {\n  background-color: rgba(124, 135, 155, 0.1);\n}\n.dof-btn-highlight-red-default[data-v-5680972d] {\n  background-color: #e61e1e;\n}\n.dof-btn-highlight-red-default[data-v-5680972d]:active {\n  background-color: #ce1a1a;\n}\n.dof-btn-highlight-red-base[data-v-5680972d] {\n  background-color: #fffeb7;\n}\n.dof-btn-highlight-red-plain[data-v-5680972d] {\n  background-color: #fff;\n}\n.dof-btn-highlight-brown-default[data-v-5680972d] {\n  background-color: #86696b;\n}\n.dof-btn-highlight-brown-default[data-v-5680972d]:active {\n  background-color: #785e60;\n}\n.dof-btn-highlight-red-base[data-v-5680972d] {\n  background-color: #ffd9cf;\n}\n.dof-btn-highlight-red-plain[data-v-5680972d] {\n  background-color: #fff;\n}\n.dof-btn-highlight-colmo-default[data-v-5680972d] {\n  background-color: #b35336;\n}\n.dof-btn-highlight-colmo-default[data-v-5680972d]:active {\n  background-color: #743d2a;\n}\n.dof-btn-highlight-colmo-base[data-v-5680972d] {\n  background-color: #292c30;\n}\n.dof-btn-highlight-colmo-base[data-v-5680972d]:active {\n  background-color: rgba(0, 0, 0, 0.3);\n}\n.dof-btn-highlight-colmo-plain[data-v-5680972d] {\n  background-color: transparent;\n}\n.dof-btn-highlight-colmo-plain[data-v-5680972d]:active {\n  background-color: #636569;\n}\n.btn-text[data-v-5680972d] {\n  font-family: PingFangSC-Medium;\n  text-overflow: ellipsis;\n  lines: 1;\n  /* color: #ffffff; */\n  /* margin-left: 10px; */\n  overflow: hidden;\n  text-overflow: ellipsis;\n  -webkit-line-clamp: 1;\n}\n/* .dof-text-highlight-primary:active {\n  color: #0093d9;\n}\n.dof-text-highlight-purple:active {\n  color: #8a54e3;\n}\n.dof-text-highlight-slate:active {\n  color: #5b69e6;\n}\n.dof-text-highlight-aqua:active {\n  color: #24afe6;\n}\n.dof-text-highlight-turquoise:active {\n  color: #00b7a5;\n}\n.dof-text-highlight-yellow:active {\n  color: #e5980e;\n}\n.dof-text-highlight-orange:active {\n  color: #e67521;\n}\n.dof-text-highlight-tomatot:active {\n  color: #e65f44;\n}\n.dof-text-highlight-gray:active {\n  color: #6f798b;\n} */\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-button/index.vue?27568dc7","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-button/<no source>"],"names":[],"mappings":";AAgKA;EACA,mBAAA;EACA,kBAAA;EACA,yBAAA;CACA;AACA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,0BAAA;EACA,WAAA;EACA,mBAAA;EACA,iBAAA;CACA;AACA;EACA,mBAAA;EACA,SAAA;EACA,WAAA;EACA,YAAA;EACA,UAAA;CACA;AACA;EACA,2CAAA;CACA;AAEA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0CAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0CAAA;CACA;AAEA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,2CAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0CAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,yCAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0CAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0CAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0CAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,2CAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,uBAAA;CACA;AAEA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,uBAAA;CACA;AAEA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,qCAAA;CACA;AACA;EACA,8BAAA;CACA;AACA;EACA,0BAAA;CACA;AAEA;EACA,+BAAA;EACA,wBAAA;EACA,SAAA;EACA,qBAAA;EACA,wBAAA;EC9YA,iBAAA;EAAA,wBAAA;EAAA,sBAAA;CD+YA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;IA0BA","file":"index.vue","sourcesContent":["<!-- modified by liuhr7 on 19/12/28. -->\n\n<template>\n  <WeexThemeView :key=\"disabled + _theme + ''\">\n    <text\n      v-if=\"pattern === 'plain_text'\"\n      :class=\"['btn-text', isHighlight && !disabled && pattern === 'text' && !_isColmo && `dof-text-highlight-${type}`]\"\n      :style=\"mrTextStyle\"\n      @click=\"onTextClicked\"\n      :aria-label=\"text ? text + '。按钮。' : ''\"\n      >{{ loading && size == 'small' ? '' : text }}</text\n    >\n    <div\n      v-else\n      :class=\"['dof-btn', isHighlight && !disabled && !_isColmo && `dof-btn-highlight-${type}-${pattern}`]\"\n      :style=\"mrBtnStyle\"\n      @click=\"onClicked\"\n      :accessible=\"true\"\n      :aria-label=\"text ? text + '。按钮。' : ''\"\n    >\n      <dof-spinner :type=\"loadingGif\" class=\"loading-image\" v-if=\"loading\" />\n      <slot>\n        <text\n          :class=\"['btn-text', isHighlight && !disabled && pattern === 'text' && `dof-text-highlight-${type}`]\"\n          :style=\"mrTextStyle\"\n          @click=\"onTextClicked\"\n          :aria-label=\"text ? text + '。按钮。' : ''\"\n          >{{ loading && size == 'small' ? '' : text }}</text\n        >\n      </slot>\n      <div v-if=\"_isColmo && !disabled && !loading\" class=\"mask\" @click=\"onClicked\"></div>\n    </div>\n  </WeexThemeView>\n</template>\n\n<script>\nimport {\n  STYLE_MAP,\n  STYLE_MAP_DIABLO,\n  TEXT_STYLE_MAP,\n  TEXT_STYLE_MAP_DIABLO,\n  BUTTON_STYLE_MAP,\n  COLMO_BUTTON_STYLE_MAP,\n  TEXT_FONTSIZE_STYLE_MAP,\n  COLMO_TEXT_FONTSIZE_STYLE_MAP\n} from './type'\nimport Utils from '../utils'\nimport ColmoMixin from '../../mixins/colmo'\nimport DiabloMixin from '../../mixins/diablo'\nimport { WeexThemeView } from '@dolphinweex/weex-theme'\nimport DofSpinner from '../dof-spinner'\n\nexport default {\n  mixins: [ColmoMixin, DiabloMixin],\n  components: { WeexThemeView, DofSpinner },\n  props: {\n    loading: {\n      type: Boolean,\n      default: false\n    },\n    text: {\n      type: String,\n      default: '确认'\n    },\n    size: {\n      type: String,\n      default: 'full'\n    },\n    type: {\n      type: String,\n      default: 'primary'\n    },\n    pattern: {\n      type: String,\n      default: 'default'\n    },\n    disabled: {\n      type: Boolean,\n      default: false\n    },\n    isHighlight: {\n      type: Boolean,\n      default: true\n    },\n    btnStyle: Object,\n    textStyle: Object,\n    disabledStyle: Object\n  },\n  computed: {\n    mrBtnStyle() {\n      let { type, pattern, disabled, btnStyle, size, disabledStyle } = this\n      let buttonStyle = BUTTON_STYLE_MAP\n      if (this._isColmo && this.type === 'primary') {\n        type = 'colmo'\n        buttonStyle = COLMO_BUTTON_STYLE_MAP\n      }\n\n      let styleMap = this._isDiablo ? { ...STYLE_MAP_DIABLO[type][pattern] } : { ...STYLE_MAP[type][pattern] }\n      if (!this._isColmo && pattern !== 'text' && !disabled) delete styleMap.backgroundColor\n      const mrBtnStyle = {\n        ...styleMap,\n        ...buttonStyle[size],\n        ...btnStyle\n      }\n\n      let disabledInStyle = { opacity: 0.3 }\n      if (type === 'white') {\n        disabledInStyle = { backgroundColor: 'rgba(0, 0, 0, 0.1)' }\n      }\n\n      return disabled\n        ? {\n            ...mrBtnStyle,\n            ...disabledInStyle,\n            ...disabledStyle\n          }\n        : mrBtnStyle\n    },\n    mrTextStyle() {\n      let { type, pattern, disabled, textStyle, size } = this\n      if (pattern === 'plain_text') pattern = 'text'\n      let buttonTextStyle = TEXT_FONTSIZE_STYLE_MAP\n      if (this._isColmo && this.type === 'primary') {\n        type = 'colmo'\n        buttonTextStyle = COLMO_TEXT_FONTSIZE_STYLE_MAP\n      }\n      let textStyleMap = this._isDiablo ? TEXT_STYLE_MAP_DIABLO : TEXT_STYLE_MAP\n       \n      const mrTextStyle = {\n        ...textStyleMap[type][pattern],\n        ...buttonTextStyle[size],\n        ...textStyle\n      }\n      return disabled ? { ...mrTextStyle } : mrTextStyle\n    },\n    loadingGif() {\n      if (this._isColmo) return 'colmo'\n      const { pattern } = this\n      if (pattern === 'default') {\n        return 'white'\n      } else {\n        return 'black'\n      }\n    }\n  },\n  methods: {\n    onClicked(e) {\n      const { type, pattern, disabled } = this\n      disabled ? null : this.$emit('dofButtonClicked', { e, type, pattern, disabled })\n    },\n    onTextClicked(e) {\n      const { type, pattern, disabled } = this\n      disabled ? null : this.$emit('dofButtonClicked', { e, type, pattern, disabled })\n    }\n  }\n}\n</script>\n\n<style src=\"./colmo.css\"></style>\n<style scoped>\n.loading-image {\n  height: 32px;\n  width: 32px;\n  margin-right: 10px;\n}\n.dof-btn {\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  /* border-radius: 12px; */\n  opacity: 1;\n  position: relative;\n  overflow: hidden;\n}\n.mask {\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  bottom: 0px;\n  left: 0px;\n}\n.mask:active {\n  background-color: rgba(255, 255, 255, 0.1);\n}\n\n.dof-btn-highlight-primary-default {\n  background-color: #00a4f2;\n}\n.dof-btn-highlight-primary-default:active {\n  background-color: #0093d9;\n}\n.dof-btn-highlight-primary-base {\n  background-color: #e5f5fd;\n}\n.dof-btn-highlight-primary-base:active {\n  background-color: #cddce3;\n}\n.dof-btn-highlight-primary-plain {\n  background-color: #ffffff;\n}\n.dof-btn-highlight-primary-plain:active {\n  background-color: rgba(38, 122, 255, 0.1);\n}\n.dof-btn-highlight-purple-default {\n  background-color: #995efc;\n}\n.dof-btn-highlight-purple-default:active {\n  background-color: #8a54e3;\n}\n.dof-btn-highlight-purple-base {\n  background-color: #eee6ff;\n}\n.dof-btn-highlight-purple-base:active {\n  background-color: #d5cee5;\n}\n.dof-btn-highlight-purple-plain {\n  background-color: #ffffff;\n}\n.dof-btn-highlight-purple-plain:active {\n  background-color: rgba(153, 94, 252, 0.1);\n}\n\n.dof-btn-highlight-slate-default {\n  background-color: #6575ff;\n}\n.dof-btn-highlight-slate-default:active {\n  background-color: #5b69e6;\n}\n.dof-btn-highlight-slate-base {\n  background-color: #e6e8ff;\n}\n.dof-btn-highlight-slate-base:active {\n  background-color: #ced0e5;\n}\n.dof-btn-highlight-slate-plain {\n  background-color: #ffffff;\n}\n.dof-btn-highlight-slate-plain:active {\n  background-color: rgba(101, 117, 255, 0.1);\n}\n.dof-btn-highlight-aqua-default {\n  background-color: #29c3ff;\n}\n.dof-btn-highlight-aqua-default:active {\n  background-color: #24afe6;\n}\n.dof-btn-highlight-aqua-base {\n  background-color: #e6f8ff;\n}\n.dof-btn-highlight-aqua-base:active {\n  background-color: #cedee5;\n}\n.dof-btn-highlight-aqua-plain {\n  background-color: #ffffff;\n}\n.dof-btn-highlight-aqua-plain:active {\n  background-color: rgba(41, 195, 255, 0.1);\n}\n.dof-btn-highlight-turquoise-default {\n  background-color: #00bdb2;\n}\n.dof-btn-highlight-turquoise-default:active {\n  background-color: #00b7a5;\n}\n.dof-btn-highlight-turquoise-base {\n  background-color: #e6fffd;\n}\n.dof-btn-highlight-turquoise-base:active {\n  background-color: #cee5e3;\n}\n.dof-btn-highlight-turquoise-plain {\n  background-color: #ffffff;\n}\n.dof-btn-highlight-turquoise-plain:active {\n  background-color: rgba(0, 203, 184, 0.1);\n}\n.dof-btn-highlight-yellow-default {\n  background-color: #ffaa10;\n}\n.dof-btn-highlight-yellow-default:active {\n  background-color: #e5980e;\n}\n.dof-btn-highlight-yellow-base {\n  background-color: #fff4e0;\n}\n.dof-btn-highlight-yellow-base:active {\n  background-color: #e5dbc9;\n}\n.dof-btn-highlight-yellow-plain {\n  background-color: #ffffff;\n}\n.dof-btn-highlight-yellow-plain:active {\n  background-color: rgba(255, 170, 16, 0.1);\n}\n.dof-btn-highlight-orange-default {\n  background-color: #ffaa10;\n}\n.dof-btn-highlight-orange-default:active {\n  background-color: #e67521;\n}\n.dof-btn-highlight-orange-base {\n  background-color: #fff0e6;\n}\n.dof-btn-highlight-orange-base:active {\n  background-color: #e5d7ce;\n}\n.dof-btn-highlight-orange-plain {\n  background-color: #ffffff;\n}\n.dof-btn-highlight-orange-plain:active {\n  background-color: rgba(255, 130, 37, 0.1);\n}\n.dof-btn-highlight-tomato-default {\n  background-color: #f56428;\n}\n.dof-btn-highlight-tomato-default:active {\n  background-color: #e65f44;\n}\n.dof-btn-highlight-tomato-base {\n  background-color: #ffeae6;\n}\n.dof-btn-highlight-tomato-base:active {\n  background-color: #e6d3cf;\n}\n.dof-btn-highlight-tomato-plain {\n  background-color: #ffffff;\n}\n.dof-btn-highlight-tomato-plain:active {\n  background-color: rgba(255, 106, 76, 0.1);\n}\n.dof-btn-highlight-gray-default {\n  background-color: #7c879b;\n}\n.dof-btn-highlight-gray-default:active {\n  background-color: #6f798b;\n}\n.dof-btn-highlight-gray-base {\n  background-color: #cfd7e6;\n}\n.dof-btn-highlight-gray-base:active {\n  background-color: #b9c1ce;\n}\n.dof-btn-highlight-gray-plain {\n  background-color: #ffffff;\n}\n.dof-btn-highlight-gray-plain:active {\n  background-color: rgba(124, 135, 155, 0.1);\n}\n.dof-btn-highlight-red-default {\n  background-color: #e61e1e;\n}\n.dof-btn-highlight-red-default:active {\n  background-color: #ce1a1a;\n}\n.dof-btn-highlight-red-base {\n  background-color: #fffeb7;\n}\n.dof-btn-highlight-red-plain {\n  background-color: #fff;\n}\n\n.dof-btn-highlight-brown-default {\n  background-color: #86696b;\n}\n.dof-btn-highlight-brown-default:active {\n  background-color: #785e60;\n}\n.dof-btn-highlight-red-base {\n  background-color: #ffd9cf;\n}\n.dof-btn-highlight-red-plain {\n  background-color: #fff;\n}\n\n.dof-btn-highlight-colmo-default {\n  background-color: #b35336;\n}\n.dof-btn-highlight-colmo-default:active {\n  background-color: #743d2a;\n}\n.dof-btn-highlight-colmo-base {\n  background-color: #292c30;\n}\n.dof-btn-highlight-colmo-base:active {\n  background-color: rgba(0, 0, 0, 0.3);\n}\n.dof-btn-highlight-colmo-plain {\n  background-color: transparent;\n}\n.dof-btn-highlight-colmo-plain:active {\n  background-color: #636569;\n}\n\n.btn-text {\n  font-family: PingFangSC-Medium;\n  text-overflow: ellipsis;\n  lines: 1;\n  /* color: #ffffff; */\n  /* margin-left: 10px; */\n}\n/* .dof-text-highlight-primary:active {\n  color: #0093d9;\n}\n.dof-text-highlight-purple:active {\n  color: #8a54e3;\n}\n.dof-text-highlight-slate:active {\n  color: #5b69e6;\n}\n.dof-text-highlight-aqua:active {\n  color: #24afe6;\n}\n.dof-text-highlight-turquoise:active {\n  color: #00b7a5;\n}\n.dof-text-highlight-yellow:active {\n  color: #e5980e;\n}\n.dof-text-highlight-orange:active {\n  color: #e67521;\n}\n.dof-text-highlight-tomatot:active {\n  color: #e65f44;\n}\n.dof-text-highlight-gray:active {\n  color: #6f798b;\n} */\n</style>\n<style scoped src=\"./diablo.css\"></style>",null],"sourceRoot":""}]);
 
 // exports
 
@@ -9020,7 +9020,7 @@ exports = module.exports = __webpack_require__(0)(true);
 
 
 // module
-exports.push([module.i, ".search-bar-input[data-v-5dfad134]::-webkit-input-placeholder {\ncolor: rgba(255,255,255,0.40);\n}\n.search-bar-input[data-v-5dfad134]:-moz-placeholder {\ncolor: rgba(255,255,255,0.40);\n}\n.search-bar-input[data-v-5dfad134]::-moz-placeholder {\ncolor: rgba(255,255,255,0.40);\n}\n.search-bar-input[data-v-5dfad134]:-ms-input-placeholder {\ncolor: rgba(255,255,255,0.40);\n}\n.search-bar-input[data-v-5dfad134]:placeholder-shown {\ncolor: rgba(255,255,255,0.40);\n}\n@media screen and (weex-theme: colmo) {\n.dof-search-bar[data-v-5dfad134] {\n    /* padding-left: 32px;\n    padding-right: 32px;\n\n    width: 750px;\n    height: 88px;\n    flex-direction: row;\n    align-items: center; */\n    /* background-color: #303237; */\n    background-color: transparent;\n    height: 1.6rem;\n}\n.search-bar-input[data-v-5dfad134] {\n    /* position: absolute;\n    top: 8px;\n    padding-top: 0;\n    padding-bottom: 0;\n    padding-right: 40px;\n    padding-left: 60px;\n    font-size: 28px;\n    width: 624px;\n    height: 72px;\n    line-height: 72px; */\n    padding-left: 1.06667rem;\n    top: 0.32rem;\n    font-size: 0.42667rem;\n    background-color: rgba(177,193,234,0.05);\n    border-radius: 0.21333rem;\n    color: rgba(255,255,255,0.80);\n    placeholder-color:  rgba(255,255,255,0.40);\n}\n.search-bar-input-arrow-colmo[data-v-5dfad134] {\n    padding-left: 0.21333rem;\n}\n.search-bar-icon[data-v-5dfad134] {\n    width: 0.85333rem;\n    height: 0.85333rem;\n    left: 0.64rem;\n    top: 0.37333rem;\n}\n.search-bar-close[data-v-5dfad134] {\n    position: absolute;\n    width: 0.64rem;\n    height: 0.66667rem;\n    top: 0.48rem;\n}\n.search-bar-arrow[data-v-5dfad134] {\n    position: absolute;\n    width: 0.85333rem;\n    height: 0.85333rem;\n    left: 0.21333rem;\n    top: 0.37333rem;\n}\n.search-bar-button[data-v-5dfad134] {\n    font-family: PingFangSC-Regular;\n    color: rgba(255,255,255,0.40);\n    right: 0.4rem;\n}\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-searchbar/<no source>","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-searchbar/colmo.css"],"names":[],"mappings":"AAAA;AAAA,8BAAA;CAAA;AAAA;AAAA,8BAAA;CAAA;AAAA;AAAA,8BAAA;CAAA;AAAA;AAAA,8BAAA;CAAA;AAAA;AAAA,8BAAA;CAAA;ACAA;AACE;IACE;;;;;;2BAMuB;IACvB,gCAAgC;IAChC,8BAA8B;IAC9B,eAAc;CACf;AACD;IACE;;;;;;;;;yBASqB;IACrB,yBAAmB;IACnB,aAAU;IACV,sBAAgB;IAChB,yCAAyC;IACzC,0BAAoB;IACpB,8BAA8B;IAC9B,2CAA2C;CAC5C;AACD;IACE,yBAAmB;CACpB;AACD;IACE,kBAAY;IACZ,mBAAa;IACb,cAAW;IACX,gBAAU;CACX;AACD;IACE,mBAAmB;IACnB,eAAY;IACZ,mBAAa;IACb,aAAU;CACX;AACD;IACE,mBAAmB;IACnB,kBAAY;IACZ,mBAAa;IACb,iBAAW;IACX,gBAAU;CACX;AACD;IACE,gCAAgC;IAChC,8BAA8B;IAC9B,cAAY;CACb;CACF","file":"colmo.css","sourcesContent":[null,"@media screen and (weex-theme: colmo) {\n  .dof-search-bar {\n    /* padding-left: 32px;\n    padding-right: 32px;\n\n    width: 750px;\n    height: 88px;\n    flex-direction: row;\n    align-items: center; */\n    /* background-color: #303237; */\n    background-color: transparent;\n    height: 120px;\n  }\n  .search-bar-input {\n    /* position: absolute;\n    top: 8px;\n    padding-top: 0;\n    padding-bottom: 0;\n    padding-right: 40px;\n    padding-left: 60px;\n    font-size: 28px;\n    width: 624px;\n    height: 72px;\n    line-height: 72px; */\n    padding-left: 80px;\n    top: 24px;\n    font-size: 32px;\n    background-color: rgba(177,193,234,0.05);\n    border-radius: 16px;\n    color: rgba(255,255,255,0.80);\n    placeholder-color:  rgba(255,255,255,0.40);\n  }\n  .search-bar-input-arrow-colmo {\n    padding-left: 16px;\n  }\n  .search-bar-icon {\n    width: 64px;\n    height: 64px;\n    left: 48px;\n    top: 28px;\n  }\n  .search-bar-close {\n    position: absolute;\n    width: 48px;\n    height: 50px;\n    top: 36px;\n  }\n  .search-bar-arrow {\n    position: absolute;\n    width: 64px;\n    height: 64px;\n    left: 16px;\n    top: 28px;\n  }\n  .search-bar-button {\n    font-family: PingFangSC-Regular;\n    color: rgba(255,255,255,0.40);\n    right: 30px;\n  }\n}\n"],"sourceRoot":""}]);
+exports.push([module.i, ".search-bar-input[data-v-5dfad134]::-webkit-input-placeholder {\ncolor: rgba(255,255,255,0.40);\n}\n.search-bar-input[data-v-5dfad134]:-moz-placeholder {\ncolor: rgba(255,255,255,0.40);\n}\n.search-bar-input[data-v-5dfad134]::-moz-placeholder {\ncolor: rgba(255,255,255,0.40);\n}\n.search-bar-input[data-v-5dfad134]:-ms-input-placeholder {\ncolor: rgba(255,255,255,0.40);\n}\n.search-bar-input[data-v-5dfad134]:placeholder-shown {\ncolor: rgba(255,255,255,0.40);\n}\n@media screen and (weex-theme: colmo) {\n.dof-search-bar[data-v-5dfad134] {\n    /* padding-left: 32px;\n    padding-right: 32px;\n\n    width: 750px;\n    height: 88px;\n    flex-direction: row;\n    align-items: center; */\n    background-color: #1C1E21;\n    height: 1.6rem;\n}\n.search-bar-input[data-v-5dfad134] {\n    /* position: absolute;\n    top: 8px;\n    padding-top: 0;\n    padding-bottom: 0;\n    padding-right: 40px;\n    padding-left: 60px;\n    font-size: 28px;\n    width: 624px;\n    height: 72px;\n    line-height: 72px; */\n    padding-left: 1.06667rem;\n    top: 0.32rem;\n    font-size: 0.42667rem;\n    background-color: rgba(177,193,234,0.05);\n    border-radius: 0px;\n    color: rgba(255,255,255,0.80);\n    placeholder-color:  rgba(255,255,255,0.40);\n}\n.search-bar-input-arrow-colmo[data-v-5dfad134] {\n    padding-left: 0.21333rem;\n}\n.search-bar-icon[data-v-5dfad134] {\n    width: 0.85333rem;\n    height: 0.85333rem;\n    left: 0.64rem;\n    top: 0.37333rem;\n}\n.search-bar-close[data-v-5dfad134] {\n    position: absolute;\n    width: 0.64rem;\n    height: 0.66667rem;\n    top: 0.48rem;\n}\n.search-bar-arrow[data-v-5dfad134] {\n    position: absolute;\n    width: 0.85333rem;\n    height: 0.85333rem;\n    left: 0.21333rem;\n    top: 0.37333rem;\n}\n.search-bar-button[data-v-5dfad134] {\n    font-family: PingFangSC-Regular;\n    color: rgba(255,255,255,0.40);\n    right: 0.4rem;\n}\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-searchbar/<no source>","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-searchbar/colmo.css"],"names":[],"mappings":"AAAA;AAAA,8BAAA;CAAA;AAAA;AAAA,8BAAA;CAAA;AAAA;AAAA,8BAAA;CAAA;AAAA;AAAA,8BAAA;CAAA;AAAA;AAAA,8BAAA;CAAA;ACAA;AACE;IACE;;;;;;2BAMuB;IACvB,0BAA0B;IAC1B,eAAc;CACf;AACD;IACE;;;;;;;;;yBASqB;IACrB,yBAAmB;IACnB,aAAU;IACV,sBAAgB;IAChB,yCAAyC;IACzC,mBAAmB;IACnB,8BAA8B;IAC9B,2CAA2C;CAC5C;AACD;IACE,yBAAmB;CACpB;AACD;IACE,kBAAY;IACZ,mBAAa;IACb,cAAW;IACX,gBAAU;CACX;AACD;IACE,mBAAmB;IACnB,eAAY;IACZ,mBAAa;IACb,aAAU;CACX;AACD;IACE,mBAAmB;IACnB,kBAAY;IACZ,mBAAa;IACb,iBAAW;IACX,gBAAU;CACX;AACD;IACE,gCAAgC;IAChC,8BAA8B;IAC9B,cAAY;CACb;CACF","file":"colmo.css","sourcesContent":[null,"@media screen and (weex-theme: colmo) {\n  .dof-search-bar {\n    /* padding-left: 32px;\n    padding-right: 32px;\n\n    width: 750px;\n    height: 88px;\n    flex-direction: row;\n    align-items: center; */\n    background-color: #1C1E21;\n    height: 120px;\n  }\n  .search-bar-input {\n    /* position: absolute;\n    top: 8px;\n    padding-top: 0;\n    padding-bottom: 0;\n    padding-right: 40px;\n    padding-left: 60px;\n    font-size: 28px;\n    width: 624px;\n    height: 72px;\n    line-height: 72px; */\n    padding-left: 80px;\n    top: 24px;\n    font-size: 32px;\n    background-color: rgba(177,193,234,0.05);\n    border-radius: 0px;\n    color: rgba(255,255,255,0.80);\n    placeholder-color:  rgba(255,255,255,0.40);\n  }\n  .search-bar-input-arrow-colmo {\n    padding-left: 16px;\n  }\n  .search-bar-icon {\n    width: 64px;\n    height: 64px;\n    left: 48px;\n    top: 28px;\n  }\n  .search-bar-close {\n    position: absolute;\n    width: 48px;\n    height: 50px;\n    top: 36px;\n  }\n  .search-bar-arrow {\n    position: absolute;\n    width: 64px;\n    height: 64px;\n    left: 16px;\n    top: 28px;\n  }\n  .search-bar-button {\n    font-family: PingFangSC-Regular;\n    color: rgba(255,255,255,0.40);\n    right: 30px;\n  }\n}\n"],"sourceRoot":""}]);
 
 // exports
 
@@ -9062,7 +9062,7 @@ exports = module.exports = __webpack_require__(0)(true);
 
 
 // module
-exports.push([module.i, "\n@media screen and (weex-theme: colmo) {\n.avatar[data-v-60711b04] {\n    background-color: transparent;\n}\n.checkBox-top-border[data-v-60711b04] {\n    border-bottom-color: rgba(255, 255, 255, 0.1);\n}\n.checkBox-bottom-border[data-v-60711b04] {\n    border-bottom-color: rgba(255, 255, 255, 0.1);\n}\n.title-text[data-v-60711b04] {\n    color: rgba(255, 255, 255, 0.8);\n}\n.cell-title-btn[data-v-60711b04] {\n    color: rgba(255, 255, 255, 0.8);\n    background-color: #b35336;\n}\n.circle[data-v-60711b04] {\n    width: 0.53333rem;\n    height: 0.53333rem;\n    padding-top: 0.05333rem;\n    border-width: 0.02667rem;\n    border-radius: 0.53333rem;\n    display: -webkit-box;\n    display: -webkit-flex;\n    display: flex;\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.active-cell[data-v-60711b04]:active {\n    background-color: #44464b;\n}\n.fakeSubBorder[data-v-60711b04] {\n    background-color: rgba(255, 255, 255, 0.1);\n    left: 0.4rem;\n}\n}", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-checkbox/colmo.css"],"names":[],"mappings":";AAAA;AACE;IACE,8BAA8B;CAC/B;AACD;IACE,8CAA8C;CAC/C;AACD;IACE,8CAA8C;CAC/C;AACD;IACE,gCAAgC;CACjC;AACD;IACE,gCAAgC;IAChC,0BAA0B;CAC3B;AACD;IACE,kBAAY;IACZ,mBAAa;IACb,wBAAiB;IACjB,yBAAkB;IAClB,0BAAoB;IACpB,qBAAc;IAAd,sBAAc;IAAd,cAAc;IACd,yBAAwB;IAAxB,gCAAwB;YAAxB,wBAAwB;IACxB,0BAAoB;IAApB,4BAAoB;YAApB,oBAAoB;CACrB;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,2CAA2C;IAC3C,aAAW;CACZ;CACF","file":"colmo.css","sourcesContent":["@media screen and (weex-theme: colmo) {\n  .avatar {\n    background-color: transparent;\n  }\n  .checkBox-top-border {\n    border-bottom-color: rgba(255, 255, 255, 0.1);\n  }\n  .checkBox-bottom-border {\n    border-bottom-color: rgba(255, 255, 255, 0.1);\n  }\n  .title-text {\n    color: rgba(255, 255, 255, 0.8);\n  }\n  .cell-title-btn {\n    color: rgba(255, 255, 255, 0.8);\n    background-color: #b35336;\n  }\n  .circle {\n    width: 40px;\n    height: 40px;\n    padding-top: 4px;\n    border-width: 2px;\n    border-radius: 40px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n  .active-cell:active {\n    background-color: #44464b;\n  }\n  .fakeSubBorder {\n    background-color: rgba(255, 255, 255, 0.1);\n    left: 30px;\n  }\n}"],"sourceRoot":""}]);
+exports.push([module.i, "\n@media screen and (weex-theme: colmo) {\n.avatar[data-v-60711b04] {\n    background-color: transparent;\n}\n.checkBox-top-border[data-v-60711b04] {\n    border-bottom-color: rgba(255, 255, 255, 0.1);\n}\n.checkBox-bottom-border[data-v-60711b04] {\n    border-bottom-color: rgba(255, 255, 255, 0.1);\n}\n.title-text[data-v-60711b04] {\n    color: rgba(255, 255, 255, 0.8);\n}\n.cell-title-btn[data-v-60711b04] {\n    color: rgba(255, 255, 255, 0.8);\n    background-color: #b35336;\n}\n.circle[data-v-60711b04] {\n    width: 0.53333rem;\n    height: 0.53333rem;\n    padding-top: 0.05333rem;\n    border-width: 0.02667rem;\n    border-radius: 0.53333rem;\n    display: -webkit-box;\n    display: -webkit-flex;\n    display: flex;\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.active-cell[data-v-60711b04]:active {\n    background-color: #343639;\n}\n.fakeSubBorder[data-v-60711b04] {\n    background-color: rgba(255, 255, 255, 0.1);\n    left: 0.4rem;\n}\n}", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-checkbox/colmo.css"],"names":[],"mappings":";AAAA;AACE;IACE,8BAA8B;CAC/B;AACD;IACE,8CAA8C;CAC/C;AACD;IACE,8CAA8C;CAC/C;AACD;IACE,gCAAgC;CACjC;AACD;IACE,gCAAgC;IAChC,0BAA0B;CAC3B;AACD;IACE,kBAAY;IACZ,mBAAa;IACb,wBAAiB;IACjB,yBAAkB;IAClB,0BAAoB;IACpB,qBAAc;IAAd,sBAAc;IAAd,cAAc;IACd,yBAAwB;IAAxB,gCAAwB;YAAxB,wBAAwB;IACxB,0BAAoB;IAApB,4BAAoB;YAApB,oBAAoB;CACrB;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,2CAA2C;IAC3C,aAAW;CACZ;CACF","file":"colmo.css","sourcesContent":["@media screen and (weex-theme: colmo) {\n  .avatar {\n    background-color: transparent;\n  }\n  .checkBox-top-border {\n    border-bottom-color: rgba(255, 255, 255, 0.1);\n  }\n  .checkBox-bottom-border {\n    border-bottom-color: rgba(255, 255, 255, 0.1);\n  }\n  .title-text {\n    color: rgba(255, 255, 255, 0.8);\n  }\n  .cell-title-btn {\n    color: rgba(255, 255, 255, 0.8);\n    background-color: #b35336;\n  }\n  .circle {\n    width: 40px;\n    height: 40px;\n    padding-top: 4px;\n    border-width: 2px;\n    border-radius: 40px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n  .active-cell:active {\n    background-color: #343639;\n  }\n  .fakeSubBorder {\n    background-color: rgba(255, 255, 255, 0.1);\n    left: 30px;\n  }\n}"],"sourceRoot":""}]);
 
 // exports
 
@@ -9202,7 +9202,7 @@ exports = module.exports = __webpack_require__(0)(true);
 
 
 // module
-exports.push([module.i, "\n.wrapper[data-v-722c555d] {\n  /*hairong add for swipe*/\n  overflow: hidden;\n  position: relative;\n  /* end  by hairong*/\n  /* 解决安卓渲染间隔问题 */\n  /* margin-bottom: -1px; */\n  /* padding-bottom: -1px; */\n}\n.fake-border[data-v-722c555d] {\n  /* width: 750px; */\n  height: 1px;\n  position: absolute;\n  bottom: 1px;\n  left: 0;\n  /* background-color: #f2f2f2; */\n}\n.cell-margin[data-v-722c555d] {\n  margin-bottom: 0.21333rem;\n}\n.dof-cell-highlight[data-v-722c555d]:active {\n  background-color: #f4f5f6;\n}\n.dof-cell[data-v-722c555d] {\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-flex: 1;\n  -webkit-flex: 1;\n          flex: 1;\n  /* align-items: center; */\n}\n.cell-wrapper[data-v-722c555d] {\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n          flex: 1;\n}\n.mgb-1[data-v-722c555d] {\n  margin-bottom: 1px;\n}\n.cell-disabled-opacity[data-v-722c555d] {\n  opacity: 0.3;\n}\n.cell-abled-opacity[data-v-722c555d] {\n  opacity: 1;\n}\n\n/* left部分 */\n.left[data-v-722c555d] {\n  -webkit-box-pack: center;\n  -webkit-justify-content: center;\n          justify-content: center;\n  /* border-width: 1px; */\n}\n.img-wrapper[data-v-722c555d] {\n}\n.circle-bg[data-v-722c555d] {\n  margin-left: 0.42667rem;\n  /* width: 96px;\n  height: 96px; */\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: flex;\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  overflow: hidden;\n}\n.text-dot-tip[data-v-722c555d] {\n  width: 0.21333rem;\n  height: 0.21333rem;\n  border-radius: 0.13333rem;\n  background-color: #f56428;\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  text-align: center;\n  margin-left: 0.29333rem;\n}\n.dot-tip[data-v-722c555d] {\n  position: absolute;\n  top: 0.4rem;\n  right: 0.16rem;\n  width: 0.21333rem;\n  height: 0.21333rem;\n  border-radius: 0.13333rem;\n  background-color: #f56428;\n}\n.dot-num-tip[data-v-722c555d] {\n  position: absolute;\n  font-size: 0.32rem;\n  top: 0.4rem;\n  right: 0.42667rem;\n  /* transform: translate(50%, 0); */\n  border-radius: 1.33333rem;\n  /* border-width: 1px;\n  border-color: #ffffff; */\n  background-color: #f56428;\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  padding-left: 0.10667rem;\n  padding-right: 0.10667rem;\n  line-height: 1;\n}\n.dot-num-tip-text[data-v-722c555d] {\n  font-size: 0.32rem;\n  color: #ffffff;\n}\n.left-img[data-v-722c555d] {\n  /* width: 64px;\n  height: 64px; */\n}\n.main-container[data-v-722c555d] {\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n          flex: 1;\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  /* padding: 0 0px 0 32px; */\n  margin-left: 0.42667rem;\n  overflow: hidden;\n\n  /* border-width: 1px;\n  border-color: red; */\n}\n.Dotleft32[data-v-722c555d] {\n  margin-left: 0.42667rem;\n}\n.Dotright32[data-v-722c555d] {\n  margin-right: 0.42667rem;\n}\n.notDot[data-v-722c555d] {\n  margin-left: 0px;\n}\n.dotRight[data-v-722c555d] {\n  right: 0.42667rem;\n}\n.dotTopMax[data-v-722c555d] {\n  top: 0.45333rem;\n}\n.dotTopMedium[data-v-722c555d] {\n  top: 0.52rem;\n}\n.dotTopBig[data-v-722c555d] {\n  top: 0.58667rem;\n}\n.dotTopMin[data-v-722c555d] {\n  top: 0.72rem;\n}\n\n/* label */\n.cell-label-text[data-v-722c555d] {\n  font-size: 0.4rem;\n  color: #616c73;\n  width: 2.50667rem;\n  margin-right: 0.13333rem;\n}\n\n/* middle部分 */\n.middle[data-v-722c555d] {\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n          flex: 1;\n  min-height: 1.65333rem;\n  overflow: hidden;\n  /* margin-right: 32px; */\n  /* border-width: 1px;\n  border-color: blue; */\n}\n.has-desc[data-v-722c555d] {\n  min-height: 2.13333rem;\n  /* padding-top: 26px; */\n  /* margin-bottom: 2px; */\n  -webkit-box-pack: center;\n  -webkit-justify-content: center;\n          justify-content: center;\n}\n.no-desc[data-v-722c555d] {\n  -webkit-box-pack: center;\n  -webkit-justify-content: center;\n          justify-content: center;\n}\n.cell-title-wrapper[data-v-722c555d] {\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: row;\n          flex-direction: row;\n  margin-right: 0.53333rem;\n  overflow: hidden;\n}\n.cell-title-content[data-v-722c555d] {\n  /* flex: 1; */\n  /* max-width: 400px; */\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n          flex: 1;\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: stretch;\n  -webkit-justify-content: stretch;\n          justify-content: stretch;\n  /* border-width: 1px;\n  border-color: orange; */\n  overflow: hidden;\n}\n.title-flex-expand[data-v-722c555d] {\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n          flex: 1;\n}\n.cell-title[data-v-722c555d] {\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n          flex: 1;\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  /* justify-content: flex-start; */\n}\n.avatar-icon[data-v-722c555d] {\n  width: 0.53333rem;\n  height: 0.53333rem;\n  border-radius: 0.26667rem;\n  margin-right: 0.32rem;\n}\n.cell-title-text[data-v-722c555d] {\n  font-family: PingFangSC-Regular;\n  font-size: 0.42667rem;\n  /* line-height: 32px; */\n  color: #1e2e37;\n  lines: 1;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  -webkit-line-clamp: 1;\n}\n\n/* tag */\n.cell-title-tag[data-v-722c555d] {\n  width: 1.17333rem;\n  height: 0.64rem;\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  text-align: center;\n  background-color: #f2f2f2;\n  border-radius: 0.64rem;\n  margin-left: 0.24rem;\n}\n.cell-title-tag-text[data-v-722c555d] {\n  font-family: PingFangSC-Medium;\n  font-size: 0.32rem;\n  color: #616c73;\n  /* line-height: 24px; */\n}\n\n/* desc */\n.cell-desc-wrapper[data-v-722c555d] {\n  /* flex: 1; */\n  margin-top: 0.21333rem;\n  /* border-width: 1px;\n  border-color: tomato; */\n  /* padding-bottom: 30px; */\n  /* min-height: 36px; */\n}\n.margin-top-24[data-v-722c555d] {\n  margin-top: 0.24rem;\n}\n.cell-desc[data-v-722c555d] {\n  /* border-width: 1px;\n  border-color: aqua; */\n}\n.cell-desc-text[data-v-722c555d] {\n  font-family: PingFangSC-Regular;\n  color: #8e969b;\n  font-size: 0.32rem;\n  /* line-height: 36px; */\n  /* desc和title的间距 */\n  /* margin-top: 4px; */\n  /* margin-right: 30px; */\n  /* 文字超出设置 */\n  lines: 2;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  -webkit-line-clamp: 2;\n}\n\n/* 右部 */\n.right-tip-wrapper[data-v-722c555d] {\n  padding: 0.53333rem 0.42667rem 0 0;\n  /* border-width: 1px; */\n}\n.space-gap[data-v-722c555d] {\n  margin-left: 1.22667rem;\n}\n.right-tip-text[data-v-722c555d] {\n  font-family: PingFangSC-Regular;\n  color: #8e969b;\n  font-size: 0.32rem;\n  /* line-height: 24px; */\n  text-align: right;\n}\n.right[data-v-722c555d] {\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  padding-right: 0.32rem;\n  padding-left: 0.42667rem;\n}\n.has-no-padding-left[data-v-722c555d] {\n  padding-right: 0;\n  padding-left: 0;\n}\n.right-text-wrapper[data-v-722c555d] {\n  /* 文字距离图标间隔 */\n  /* margin-left: 80px;\n  border-width: 1px;\n  border-color: greenyellow; */\n}\n.right-text[data-v-722c555d] {\n  font-family: PingFangSC-Regular;\n  color: #8e969b;\n  font-size: 0.37333rem;\n  /* line-height: 28px; */\n  letter-spacing: 0;\n  text-align: right;\n}\n.normal-right-text[data-v-722c555d] {\n  /* font-size: 32px; */\n  /* line-height: 32px; */\n}\n.single-line-text[data-v-722c555d] {\n  /* color: #8E969B;\n  font-size: 24px;\n  line-height: 34px; */\n}\n\n/* arrow */\n.arrow-wrapper[data-v-722c555d] {\n  padding-left: 0px;\n}\n.cell-arrow-icon[data-v-722c555d] {\n  width: 0.53333rem;\n  height: 0.53333rem;\n}\n.midea-swipe-cell__right[data-v-722c555d] {\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-flex-wrap: nowrap;\n          flex-wrap: nowrap;\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  background-color: #f56428;\n  font-size: 0.42667rem;\n  color: #ffffff;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-cell/index.vue?59f6af5a","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-cell/<no source>"],"names":[],"mappings":";AAyIA;EACA,yBAAA;EACA,iBAAA;EACA,mBAAA;EACA,oBAAA;EACA,gBAAA;EACA,0BAAA;EACA,2BAAA;CACA;AAEA;EACA,mBAAA;EACA,YAAA;EACA,mBAAA;EACA,YAAA;EACA,QAAA;EACA,gCAAA;CACA;AAEA;EACA,0BAAA;CACA;AAEA;EACA,0BAAA;CACA;AAEA;EACA,qBAAA;EAAA,sBAAA;EAAA,cAAA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA;EACA,0BAAA;CACA;AACA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA;CACA;AAEA;EACA,mBAAA;CACA;AAEA;EACA,aAAA;CACA;AAEA;EACA,WAAA;CACA;;AAEA,YAAA;AACA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,wBAAA;CACA;AAEA;CACA;AAEA;EACA,wBAAA;EACA;kBACA;EACA,qBAAA;EAAA,sBAAA;EAAA,cAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,iBAAA;CACA;AAEA;EACA,kBAAA;EACA,mBAAA;EACA,0BAAA;EACA,0BAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,mBAAA;EACA,wBAAA;CACA;AAEA;EACA,mBAAA;EACA,YAAA;EACA,eAAA;EACA,kBAAA;EACA,mBAAA;EACA,0BAAA;EACA,0BAAA;CACA;AAEA;EACA,mBAAA;EACA,mBAAA;EACA,YAAA;EACA,kBAAA;EACA,mCAAA;EACA,0BAAA;EACA;2BACA;EACA,0BAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,yBAAA;EACA,0BAAA;EACA,eAAA;CACA;AAEA;EACA,mBAAA;EACA,eAAA;CACA;AAEA;EACA;kBACA;CACA;AAEA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,4BAAA;EACA,wBAAA;EACA,iBAAA;;EAEA;uBACA;CACA;AAEA;EACA,wBAAA;CACA;AAEA;EACA,yBAAA;CACA;AAEA;EACA,iBAAA;CACA;AAEA;EACA,kBAAA;CACA;AACA;EACA,gBAAA;CACA;AACA;EACA,aAAA;CACA;AACA;EACA,gBAAA;CACA;AACA;EACA,aAAA;CACA;;AAEA,WAAA;AACA;EACA,kBAAA;EACA,eAAA;EACA,kBAAA;EACA,yBAAA;CACA;;AAEA,cAAA;AACA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA;EACA,uBAAA;EACA,iBAAA;EACA,yBAAA;EACA;wBACA;CACA;AAEA;EACA,uBAAA;EACA,wBAAA;EACA,yBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;CACA;AAEA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;CACA;AAEA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,yBAAA;EACA,iBAAA;CACA;AAEA;EACA,cAAA;EACA,uBAAA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EAAA,iCAAA;UAAA,yBAAA;EACA;0BACA;EACA,iBAAA;CACA;AAEA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA;CACA;AAEA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,kCAAA;CACA;AAEA;EACA,kBAAA;EACA,mBAAA;EACA,0BAAA;EACA,sBAAA;CACA;AAEA;EACA,gCAAA;EACA,sBAAA;EACA,wBAAA;EACA,eAAA;EACA,SAAA;EACA,wBAAA;EACA,iBAAA;EC7WA,iBAAA;EAAA,wBAAA;EAAA,sBAAA;CD8WA;;AAEA,SAAA;AAEA;EACA,kBAAA;EACA,gBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,mBAAA;EACA,0BAAA;EACA,uBAAA;EACA,qBAAA;CACA;AAEA;EACA,+BAAA;EACA,mBAAA;EACA,eAAA;EACA,wBAAA;CACA;;AAEA,UAAA;AACA;EACA,cAAA;EACA,uBAAA;EACA;0BACA;EACA,2BAAA;EACA,uBAAA;CACA;AAEA;EACA,oBAAA;CACA;AAEA;EACA;wBACA;CACA;AAEA;EACA,gCAAA;EACA,eAAA;EACA,mBAAA;EACA,wBAAA;EACA,mBAAA;EACA,sBAAA;EACA,yBAAA;EACA,YAAA;EACA,SAAA;EACA,wBAAA;EACA,iBAAA;EClaA,iBAAA;EAAA,wBAAA;EAAA,sBAAA;CDmaA;;AAEA,QAAA;AACA;EACA,mCAAA;EACA,wBAAA;CACA;AAEA;EACA,wBAAA;CACA;AAEA;EACA,gCAAA;EACA,eAAA;EACA,mBAAA;EACA,wBAAA;EACA,kBAAA;CACA;AAEA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,uBAAA;EACA,yBAAA;CACA;AAEA;EACA,iBAAA;EACA,gBAAA;CACA;AAEA;EACA,cAAA;EACA;;+BAEA;CACA;AAEA;EACA,gCAAA;EACA,eAAA;EACA,sBAAA;EACA,wBAAA;EACA,kBAAA;EACA,kBAAA;CACA;AAEA;EACA,sBAAA;EACA,wBAAA;CACA;AAEA;EACA;;uBAEA;CACA;;AAEA,WAAA;AACA;EACA,kBAAA;CACA;AAEA;EACA,kBAAA;EACA,mBAAA;CACA;AAEA;EACA,qBAAA;EAAA,sBAAA;EAAA,cAAA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;UAAA,kBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EACA,sBAAA;EACA,eAAA;CACA","file":"index.vue","sourcesContent":["<template>\n  <div :class=\"['wrapper', hasMargin && 'cell-margin']\" ref=\"dof-cell\" :style=\"cellStyleComp\">\n    <div :class=\"['cell-wrapper', disabled ? 'cell-disabled-opacity' : 'cell-abled-opacity']\">\n      <div\n        :class=\"['dof-cell', hackMrgb1pxcom && 'mgb-1', !disabled && isHighlight && 'dof-cell-highlight']\"\n        :style=\"borderStyleComp\"\n        :accessible=\"autoAccessible\"\n        :aria-label=\"`${label},${title},${desc}`\"\n        @click=\"onClick\"\n      >\n        <slot>\n          <!-- left -->\n          <div class=\"left img-wrapper\" v-if=\"avatarIcon || avatarIconFont\">\n            <div\n              v-if=\"avatarIcon\"\n              class=\"img-container circle-bg\"\n              :class=\"[badgeNum && 'Dotright32']\"\n              :style=\"avatarIconBgSizeComp\"\n            >\n              <slot name=\"leftImg\">\n                <image class=\"left-img\" :src=\"avatarIcon\" :style=\"avatarIconSizeComp\"></image>\n              </slot>\n            </div>\n            <div v-if=\"avatarIconFont\" class=\"circle-bg\">\n              <slot name=\"leftIconFont\">\n                <dof-iconfont\n                  :code=\"avatarIconFont\"\n                  :size=\"avatarIconFontSize\"\n                  :color=\"_isColmo ? 'rgba(255,255,255,0.80)' : '#1E2E37'\"\n                ></dof-iconfont>\n              </slot>\n            </div>\n\n            <div class=\"dot-tip\" v-if=\"hasDot\" :class=\"[badgeNum && 'dotRight', dotTipTop]\" :style=\"badgeStyle\"></div>\n            <div class=\"dot-num-tip\" v-else-if=\"badgeNum\" :style=\"badgeStyle\">\n              <text class=\"dot-num-tip-text\">{{ dotNum }}</text>\n            </div>\n          </div>\n\n          <!-- middle -->\n          <div\n            :class=\"['main-container', hasVerticalIndent && 'cell-indent', badgeNum && 'notDot']\"\n            :style=\"subBorderStyleComp\"\n          >\n            <slot name=\"label\">\n              <div v-if=\"label\">\n                <text class=\"cell-label-text\" :style=\"textColorComp\">{{ label }}</text>\n              </div>\n            </slot>\n            <div :class=\"['middle', desc ? 'has-desc' : 'no-desc']\" :style=\"innerCellHeightComp\">\n              <slot name=\"middle\">\n                <div class=\"cell-title-wrapper\">\n                  <div :class=\"['cell-title-content', !tag && 'title-flex-expand']\">\n                    <div :class=\"['cell-title']\">\n                      <text :class=\"['cell-title-text', !hasTextTip && 'title-flex-expand']\" :style=\"titleStyleComp\">{{\n                        title\n                      }}</text>\n                      <div class=\"text-dot-tip\" v-if=\"hasTextTip\"></div>\n                    </div>\n                  </div>\n\n                  <slot name=\"tag\">\n                    <div\n                      class=\"cell-title-tag\"\n                      v-if=\"tag\"\n                      :style=\"{\n                        backgroundColor: iconColor ? iconColor : _isDiablo ? '#2b2f32' : '#F6F7F9'\n                      }\"\n                    >\n                      <text class=\"cell-title-tag-text\">{{ tag }}</text>\n                    </div>\n                  </slot>\n                </div>\n                <div :class=\"['cell-desc-wrapper', !tag && !_isColmo && 'margin-top-24']\" v-if=\"desc\">\n                  <slot name=\"desc\">\n                    <div class=\"cell-desc\">\n                      <text class=\"cell-desc-text\" :style=\"descStyleComp\">{{ desc }}</text>\n                    </div>\n                  </slot>\n                </div>\n              </slot>\n            </div>\n            <!-- right -->\n            <div :class=\"['right', rightTip && 'has-no-padding-left']\">\n              <slot name=\"rightText\">\n                <div class=\"right-text-wrapper\" v-if=\"rightText\">\n                  <text\n                    :class=\"[\n                      'right-text',\n                      !avatarIcon && 'single-line-text',\n                      avatarIcon && iconSize === 'big' && 'normal-right-text'\n                    ]\"\n                    :style=\"rightTextStyleComp\"\n                    >{{ rightText }}</text\n                  >\n                </div>\n              </slot>\n              <text class=\"extra-content-text\" :style=\"textColorComp\" v-if=\"extraContent\">{{ extraContent }}</text>\n              <!-- 开关 -->\n              <slot name=\"switch\"></slot>\n\n              <div class=\"arrow-wrapper\" v-if=\"hasArrow\">\n                <slot name=\"arrow\">\n                  <dof-iconfont\n                    style=\"width: 34px\"\n                    v-if=\"_isColmo\"\n                    :code=\"'\\u4713'\"\n                    :size=\"48\"\n                    :color=\"'rgba(255,255,255,0.80)'\"\n                    @dofIconFontClicked=\"onClick\"\n                  ></dof-iconfont>\n                  <image v-else :src=\"arrowIcon\" class=\"cell-arrow-icon\" :aria-hidden=\"true\"></image>\n                </slot>\n              </div>\n            </div>\n          </div>\n          <div\n            :class=\"[\n              'right-tip-wrapper',\n              hasTopSubBorder && 'cell-top-border',\n              hasSubBottomBorder && 'cell-bottom-border',\n              special && 'space-gap'\n            ]\"\n            v-if=\"rightTip\"\n          >\n            <slot name=\"rightTip\">\n              <text class=\"right-tip-text\" @click=\"dofRightTipClicked\">{{ rightTip }}</text>\n            </slot>\n          </div>\n        </slot>\n      </div>\n    </div>\n    <div v-if=\"useFakeBorder\" class=\"fake-border\" :style=\"fakeBorderStyleRender\"></div>\n  </div>\n</template>\n\n<style scoped>\n.wrapper {\n  /*hairong add for swipe*/\n  overflow: hidden;\n  position: relative;\n  /* end  by hairong*/\n  /* 解决安卓渲染间隔问题 */\n  /* margin-bottom: -1px; */\n  /* padding-bottom: -1px; */\n}\n\n.fake-border {\n  /* width: 750px; */\n  height: 1px;\n  position: absolute;\n  bottom: 1px;\n  left: 0;\n  /* background-color: #f2f2f2; */\n}\n\n.cell-margin {\n  margin-bottom: 16px;\n}\n\n.dof-cell-highlight:active {\n  background-color: #f4f5f6;\n}\n\n.dof-cell {\n  display: flex;\n  flex-direction: row;\n  flex: 1;\n  /* align-items: center; */\n}\n.cell-wrapper {\n  flex: 1;\n}\n\n.mgb-1 {\n  margin-bottom: 1px;\n}\n\n.cell-disabled-opacity {\n  opacity: 0.3;\n}\n\n.cell-abled-opacity {\n  opacity: 1;\n}\n\n/* left部分 */\n.left {\n  justify-content: center;\n  /* border-width: 1px; */\n}\n\n.img-wrapper {\n}\n\n.circle-bg {\n  margin-left: 32px;\n  /* width: 96px;\n  height: 96px; */\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n}\n\n.text-dot-tip {\n  width: 16px;\n  height: 16px;\n  border-radius: 10px;\n  background-color: #f56428;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  margin-left: 22px;\n}\n\n.dot-tip {\n  position: absolute;\n  top: 30px;\n  right: 12px;\n  width: 16px;\n  height: 16px;\n  border-radius: 10px;\n  background-color: #f56428;\n}\n\n.dot-num-tip {\n  position: absolute;\n  font-size: 24px;\n  top: 30px;\n  right: 32px;\n  /* transform: translate(50%, 0); */\n  border-radius: 100px;\n  /* border-width: 1px;\n  border-color: #ffffff; */\n  background-color: #f56428;\n  align-items: center;\n  justify-content: center;\n  padding-left: 8px;\n  padding-right: 8px;\n  line-height: 1;\n}\n\n.dot-num-tip-text {\n  font-size: 24px;\n  color: #ffffff;\n}\n\n.left-img {\n  /* width: 64px;\n  height: 64px; */\n}\n\n.main-container {\n  flex: 1;\n  flex-direction: row;\n  align-items: center;\n  /* padding: 0 0px 0 32px; */\n  margin-left: 32px;\n  overflow: hidden;\n\n  /* border-width: 1px;\n  border-color: red; */\n}\n\n.Dotleft32 {\n  margin-left: 32px;\n}\n\n.Dotright32 {\n  margin-right: 32px;\n}\n\n.notDot {\n  margin-left: 0px;\n}\n\n.dotRight {\n  right: 32px;\n}\n.dotTopMax {\n  top: 34px;\n}\n.dotTopMedium {\n  top: 39px;\n}\n.dotTopBig {\n  top: 44px;\n}\n.dotTopMin {\n  top: 54px;\n}\n\n/* label */\n.cell-label-text {\n  font-size: 30px;\n  color: #616c73;\n  width: 188px;\n  margin-right: 10px;\n}\n\n/* middle部分 */\n.middle {\n  flex: 1;\n  min-height: 124px;\n  overflow: hidden;\n  /* margin-right: 32px; */\n  /* border-width: 1px;\n  border-color: blue; */\n}\n\n.has-desc {\n  min-height: 160px;\n  /* padding-top: 26px; */\n  /* margin-bottom: 2px; */\n  justify-content: center;\n}\n\n.no-desc {\n  justify-content: center;\n}\n\n.cell-title-wrapper {\n  flex-direction: row;\n  margin-right: 40px;\n  overflow: hidden;\n}\n\n.cell-title-content {\n  /* flex: 1; */\n  /* max-width: 400px; */\n  flex: 1;\n  flex-direction: row;\n  align-items: center;\n  justify-content: stretch;\n  /* border-width: 1px;\n  border-color: orange; */\n  overflow: hidden;\n}\n\n.title-flex-expand {\n  flex: 1;\n}\n\n.cell-title {\n  flex: 1;\n  flex-direction: row;\n  align-items: center;\n  /* justify-content: flex-start; */\n}\n\n.avatar-icon {\n  width: 40px;\n  height: 40px;\n  border-radius: 20px;\n  margin-right: 24px;\n}\n\n.cell-title-text {\n  font-family: PingFangSC-Regular;\n  font-size: 32px;\n  /* line-height: 32px; */\n  color: #1e2e37;\n  lines: 1;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n/* tag */\n\n.cell-title-tag {\n  width: 88px;\n  height: 48px;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  background-color: #f2f2f2;\n  border-radius: 48px;\n  margin-left: 18px;\n}\n\n.cell-title-tag-text {\n  font-family: PingFangSC-Medium;\n  font-size: 24px;\n  color: #616c73;\n  /* line-height: 24px; */\n}\n\n/* desc */\n.cell-desc-wrapper {\n  /* flex: 1; */\n  margin-top: 16px;\n  /* border-width: 1px;\n  border-color: tomato; */\n  /* padding-bottom: 30px; */\n  /* min-height: 36px; */\n}\n\n.margin-top-24 {\n  margin-top: 18px;\n}\n\n.cell-desc {\n  /* border-width: 1px;\n  border-color: aqua; */\n}\n\n.cell-desc-text {\n  font-family: PingFangSC-Regular;\n  color: #8e969b;\n  font-size: 24px;\n  /* line-height: 36px; */\n  /* desc和title的间距 */\n  /* margin-top: 4px; */\n  /* margin-right: 30px; */\n  /* 文字超出设置 */\n  lines: 2;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n/* 右部 */\n.right-tip-wrapper {\n  padding: 40px 32px 0 0;\n  /* border-width: 1px; */\n}\n\n.space-gap {\n  margin-left: 92px;\n}\n\n.right-tip-text {\n  font-family: PingFangSC-Regular;\n  color: #8e969b;\n  font-size: 24px;\n  /* line-height: 24px; */\n  text-align: right;\n}\n\n.right {\n  flex-direction: row;\n  align-items: center;\n  padding-right: 24px;\n  padding-left: 32px;\n}\n\n.has-no-padding-left {\n  padding-right: 0;\n  padding-left: 0;\n}\n\n.right-text-wrapper {\n  /* 文字距离图标间隔 */\n  /* margin-left: 80px;\n  border-width: 1px;\n  border-color: greenyellow; */\n}\n\n.right-text {\n  font-family: PingFangSC-Regular;\n  color: #8e969b;\n  font-size: 28px;\n  /* line-height: 28px; */\n  letter-spacing: 0;\n  text-align: right;\n}\n\n.normal-right-text {\n  /* font-size: 32px; */\n  /* line-height: 32px; */\n}\n\n.single-line-text {\n  /* color: #8E969B;\n  font-size: 24px;\n  line-height: 34px; */\n}\n\n/* arrow */\n.arrow-wrapper {\n  padding-left: 0px;\n}\n\n.cell-arrow-icon {\n  width: 40px;\n  height: 40px;\n}\n\n.midea-swipe-cell__right {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  justify-content: center;\n  align-items: center;\n  background-color: #f56428;\n  font-size: 32px;\n  color: #ffffff;\n}\n</style>\n<style scoped src=\"./colmo.css\"></style>\n<style scoped src=\"./diablo.css\"></style>\n\n<script>\nconst icon = require('../setting/icon.base64.js')\nconst modal = weex.requireModule('modal')\nconst dom = weex.requireModule('dom')\nimport DofIconfont from '../dof-iconfont'\nimport ColmoMixin from '../../mixins/colmo'\nimport DiabloMixin from '../../mixins/diablo'\n\nexport default {\n  mixins: [ColmoMixin, DiabloMixin],\n  components: { DofIconfont },\n  props: {\n    special: {\n      type: Boolean,\n      default: false\n    },\n    label: {\n      type: String,\n      default: ''\n    },\n    isHighlight: {\n      type: Boolean,\n      default: true\n    },\n    title: {\n      type: String,\n      default: ''\n    },\n    tag: {\n      type: String,\n      default: ''\n    },\n    extraContent: {\n      type: String,\n      default: ''\n    },\n    desc: {\n      type: String,\n      default: ''\n    },\n    hasTextTip: {\n      type: Boolean,\n      default: false\n    },\n    badgeNum: {\n      type: [Number, String],\n      default: 0\n    },\n    badgeMax: {\n      type: Number,\n      default: 0\n    },\n    badgeTheme: {\n      type: String,\n      default: 'red'\n    },\n    badgeColor: {\n      type: String,\n      default: ''\n    },\n    hasDot: {\n      type: Boolean,\n      default: false\n    },\n    avatarIcon: {\n      type: String,\n      default: ''\n    },\n    // 使用字体图标\n    avatarIconFont: {\n      type: String,\n      default: ''\n    },\n    iconSize: {\n      type: String,\n      default: 'big'\n    },\n    iconSizeCustom: {\n      // { iconSize: 96, bgSize: 96 }\n      type: Object,\n      default: () => ({})\n    },\n    cellStyle: {\n      type: Object,\n      default: () => ({})\n    },\n    rightTextStyle: {\n      type: Object,\n      default: () => ({})\n    },\n    backgroundColor: {\n      type: String,\n      default: ''\n    },\n    textColor: {\n      type: String,\n      default: ''\n    },\n    iconColor: {\n      type: String,\n      default: ''\n    },\n    hasTopBorder: {\n      type: Boolean,\n      default: false\n    },\n    hasTopSubBorder: {\n      type: Boolean,\n      default: false\n    },\n    hasBottomBorder: {\n      type: Boolean,\n      default: false\n    },\n    hasSubTopBorder: {\n      type: Boolean,\n      default: false\n    },\n    hasSubBottomBorder: {\n      type: Boolean,\n      default: false\n    },\n    hasMargin: {\n      type: Boolean,\n      default: false\n    },\n    hasVerticalIndent: {\n      type: Boolean,\n      default: true\n    },\n    hasArrow: {\n      type: Boolean,\n      default: true\n    },\n    rightText: {\n      type: String,\n      default: ''\n    },\n    rightTip: {\n      type: String,\n      default: ''\n    },\n    disabled: {\n      type: Boolean,\n      default: false\n    },\n    autoAccessible: {\n      type: Boolean,\n      default: true\n    },\n    fakeBorderStyle: {\n      type: Object,\n      default: () => ({})\n    },\n    titleTextStyle: {\n      type: Object,\n      default: () => ({})\n    },\n    descTextStyle: {\n      type: Object,\n      default: () => ({})\n    }\n  },\n  data: () => ({\n    offset: 0,\n    dragging: false\n  }),\n\n  computed: {\n    badgeThemeList() {\n      return {\n        brand: this._isDiablo ? '#0490d3' : '#00A4F2',\n        red: this._isDiablo ? '#DB5C44' : '#F56428',\n        purple: this._isDiablo ? '#805ed1' : '#946CF2',\n        'blue-purple': this._isDiablo ? '#5865DC' : '#6575ff',\n        blue: this._isDiablo ? '#25A8DC' : '#29c3ff',\n        cyan: '#00cbb8',\n        yellow: this._isDiablo ? '#BE8214' : '#FFAA10',\n        orange: this._isDiablo ? '#db7122' : '#ff8225',\n        'orange-red': '#ff6a4c',\n        'gray-offline': this._isDiablo ? '#6B7587' : '#7c879b',\n      }\n    },\n    arrowIcon() {\n      return this._isDiablo ? icon.arrowIconNew_diablo : icon.arrowIconNew\n    },\n    _backgroundColor() {\n      if (this.backgroundColor) return this.backgroundColor\n      return this._isColmo ? '#303237' : this._isDiablo ? '#101315' : '#ffffff'\n    },\n    _borderColor() {\n      return this._isColmo ? 'rgba(255,255,255,0.14)' : '#DDDDDD'\n    },\n    useFakeBorder() {\n      return JSON.stringify(this.fakeBorderStyle) !== '{}'\n    },\n    // cell样式\n    cellStyleComp() {\n      const { cellStyle, _backgroundColor } = this\n      return {\n        backgroundColor: _backgroundColor,\n        ...cellStyle\n      }\n    },\n    dotNum() {\n      let { badgeNum, badgeMax } = this\n      let value = ''\n      let curContent = Number(badgeNum)\n      if (badgeMax && curContent >= badgeMax) {\n        value = `${badgeMax}+`\n      } else {\n        value = badgeNum\n      }\n      return value\n    },\n    dotTipTop() {\n      let { iconSize } = this\n      let topClass = ''\n      if (iconSize === 'max') {\n        topClass = 'dotTopMax'\n      } else if (iconSize === 'medium') {\n        topClass = 'dotTopMedium'\n      } else if (iconSize === 'min') {\n        topClass = 'dotTopMin'\n      } else {\n        topClass = 'dotTopBig'\n      }\n      return topClass\n    },\n    //处理特殊类型cell高度问题\n    innerCellHeightComp() {\n      const { special, desc } = this\n      if (special && desc) {\n        return {\n          minHeight: '200px',\n          paddingTop: '32px'\n        }\n      }\n      return ''\n    },\n    // 文字样式颜色\n    textColorComp() {\n      const { textColor } = this\n      if (textColor) {\n        return {\n          color: textColor\n        }\n      } else {\n        return {}\n      }\n    },\n    titleStyleComp() {\n      const { textColor, titleTextStyle } = this\n      if (textColor) {\n        return {\n          color: textColor,\n          ...titleTextStyle\n        }\n      } else {\n        return {\n          ...titleTextStyle\n        }\n      }\n    },\n    descStyleComp() {\n      const { textColor, descTextStyle } = this\n      if (textColor) {\n        return {\n          color: textColor,\n          ...descTextStyle\n        }\n      } else {\n        return {\n          ...descTextStyle\n        }\n      }\n    },\n    avatarIconBgSizeComp() {\n      let { iconSize, iconColor } = this\n      let iconSizeCustom = this.iconSizeCustom.bgSize\n      if (iconSizeCustom) {\n        return {\n          width: iconSizeCustom + 'px',\n          height: iconSizeCustom + 'px',\n          borderRadius: iconSizeCustom / 2 + 'px',\n          backgroundColor: iconColor ? iconColor : 'transparent'\n        }\n      }\n      if (iconSize === 'max') {\n        return {\n          width: '112px',\n          height: '112px',\n          borderRadius: '56px',\n          marginTop: this._isColmo ? '0px' : '16px',\n          marginBottom: this._isColmo ? '0px' : '16px',\n          backgroundColor: iconColor ? iconColor : 'transparent'\n        }\n      } else if (iconSize === 'medium') {\n        return {\n          width: '76px',\n          height: '76px',\n          borderRadius: '38px',\n          marginTop: this._isColmo ? '0px' : '40px',\n          marginBottom: this._isColmo ? '0px' : '40px',\n          backgroundColor: iconColor ? iconColor : 'transparent'\n        }\n      } else if (iconSize === 'min') {\n        return {\n          width: '58px',\n          height: '58px',\n          borderRadius: '20px',\n          marginTop: this._isColmo ? '0px' : '32px',\n          marginBottom: this._isColmo ? '0px' : '32px',\n          backgroundColor: iconColor ? iconColor : 'transparent'\n        }\n      } else {\n        return {\n          width: '64px',\n          height: '64px',\n          borderRadius: '32px',\n          marginTop: this._isColmo ? '0px' : '48px',\n          marginBottom: this._isColmo ? '0px' : '48px',\n          backgroundColor: iconColor ? iconColor : 'transparent'\n        }\n      }\n    },\n    avatarIconSizeComp() {\n      let { iconSize } = this\n      let iconSizeCustom = this.iconSizeCustom.iconSize\n      if (iconSizeCustom) {\n        return {\n          width: iconSizeCustom + 'px',\n          height: iconSizeCustom + 'px',\n          borderRadius: iconSizeCustom / 2 + 'px'\n        }\n      }\n      if (iconSize === 'max') {\n        return {\n          width: '96px',\n          height: '96px'\n        }\n      } else if (iconSize === 'medium') {\n        return {\n          width: '64px',\n          height: '64px'\n        }\n      } else if (iconSize === 'min') {\n        return {\n          width: '40px',\n          height: '40px'\n        }\n      } else {\n        return {\n          width: '48px',\n          height: '48px'\n        }\n      }\n    },\n    avatarIconFontSize() {\n      let { iconSize } = this\n      if (iconSize === 'max') {\n        return 80\n      } else if (iconSize === 'medium') {\n        return 40\n      } else if (iconSize === 'min') {\n        return 24\n      } else {\n        return 64\n      }\n    },\n    rightTextStyleComp() {\n      const { textColor, rightTextStyle, avatarIcon, iconSize } = this\n      if (textColor) {\n        return {\n          color: textColor,\n          ...rightTextStyle\n        }\n      } else {\n        return {\n          ...rightTextStyle\n        }\n      }\n    },\n    hackMrgb1pxcom() {\n      let { hasSubBottomBorder, hasBottomBorder } = this\n      return hasSubBottomBorder || hasBottomBorder ? true : false\n    },\n    borderStyleComp() {\n      let {\n        cellStyle: { borderColor = null },\n        hasTopBorder,\n        hasBottomBorder\n      } = this\n      if (borderColor) {\n        if (hasTopBorder) {\n          return {\n            borderTopWidth: '1px',\n            borderTopColor: borderColor\n          }\n        } else if (hasBottomBorder) {\n          return {\n            borderBottomWidth: '1px',\n            borderBottomColor: borderColor\n          }\n        } else {\n          return {}\n        }\n      } else {\n        if (hasTopBorder) {\n          return {\n            borderTopWidth: '1px',\n            borderTopColor: this._borderColor\n          }\n        } else if (hasBottomBorder) {\n          return {\n            borderBottomWidth: '1px',\n            borderBottomColor: this._borderColor\n          }\n        } else {\n          return {}\n        }\n      }\n    },\n    subBorderStyleComp() {\n      let {\n        cellStyle: { borderColor = null },\n        hasSubTopBorder,\n        hasSubBottomBorder\n      } = this\n      if (borderColor) {\n        if (hasSubTopBorder) {\n          return {\n            borderTopWidth: '1px',\n            borderTopColor: borderColor\n          }\n        } else if (hasSubBottomBorder) {\n          return {\n            borderBottomWidth: '1px',\n            borderBottomColor: borderColor\n          }\n        } else {\n          return {}\n        }\n      } else {\n        if (hasSubTopBorder) {\n          return {\n            borderTopWidth: '1px',\n            borderTopColor: this._borderColor\n          }\n        } else if (hasSubBottomBorder) {\n          return {\n            borderBottomWidth: '1px',\n            borderBottomColor: this._borderColor\n          }\n        } else {\n          return {}\n        }\n      }\n    },\n    badgeStyle() {\n      let { badgeTheme, badgeThemeList, badgeColor } = this\n      return {\n        backgroundColor: badgeColor ? badgeColor : badgeThemeList[badgeTheme]\n      }\n    },\n    // 底部border样式\n    fakeBorderStyleRender() {\n      return {\n        backgroundColor: this._isColmo ? 'rgba(255,255,255,0.14)' : '#DDDDDD',\n        ...this.fakeBorderStyle\n      }\n    }\n  },\n  methods: {\n    onClick() {\n      const { disabled } = this\n      !disabled && this.$emit('dofCellClicked')\n    },\n    dofRightTipClicked() {\n      const { rightTip } = this\n      rightTip && this.$emit('dofRightTipClicked')\n    }\n  }\n}\n</script>\n",null],"sourceRoot":""}]);
+exports.push([module.i, "\n.wrapper[data-v-722c555d] {\n  /*hairong add for swipe*/\n  overflow: hidden;\n  position: relative;\n  /* end  by hairong*/\n  /* 解决安卓渲染间隔问题 */\n  /* margin-bottom: -1px; */\n  /* padding-bottom: -1px; */\n}\n.fake-border[data-v-722c555d] {\n  /* width: 750px; */\n  height: 1px;\n  position: absolute;\n  bottom: 1px;\n  left: 0;\n  /* background-color: #f2f2f2; */\n}\n.cell-margin[data-v-722c555d] {\n  margin-bottom: 0.21333rem;\n}\n.dof-cell-highlight[data-v-722c555d]:active {\n  background-color: #f4f5f6;\n}\n.dof-cell[data-v-722c555d] {\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-flex: 1;\n  -webkit-flex: 1;\n          flex: 1;\n  /* align-items: center; */\n}\n.cell-wrapper[data-v-722c555d] {\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n          flex: 1;\n}\n.mgb-1[data-v-722c555d] {\n  margin-bottom: 1px;\n}\n.cell-disabled-opacity[data-v-722c555d] {\n  opacity: 0.3;\n}\n.cell-abled-opacity[data-v-722c555d] {\n  opacity: 1;\n}\n\n/* left部分 */\n.left[data-v-722c555d] {\n  -webkit-box-pack: center;\n  -webkit-justify-content: center;\n          justify-content: center;\n  /* border-width: 1px; */\n}\n.img-wrapper[data-v-722c555d] {\n}\n.circle-bg[data-v-722c555d] {\n  margin-left: 0.42667rem;\n  /* width: 96px;\n  height: 96px; */\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: flex;\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  overflow: hidden;\n}\n.text-dot-tip[data-v-722c555d] {\n  width: 0.21333rem;\n  height: 0.21333rem;\n  border-radius: 0.13333rem;\n  background-color: #f56428;\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  text-align: center;\n  margin-left: 0.29333rem;\n}\n.dot-tip[data-v-722c555d] {\n  position: absolute;\n  top: 0.4rem;\n  right: 0.16rem;\n  width: 0.21333rem;\n  height: 0.21333rem;\n  border-radius: 0.13333rem;\n  background-color: #f56428;\n}\n.dot-num-tip[data-v-722c555d] {\n  position: absolute;\n  font-size: 0.32rem;\n  top: 0.4rem;\n  right: 0.42667rem;\n  /* transform: translate(50%, 0); */\n  border-radius: 1.33333rem;\n  /* border-width: 1px;\n  border-color: #ffffff; */\n  background-color: #f56428;\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  padding-left: 0.10667rem;\n  padding-right: 0.10667rem;\n  line-height: 1;\n}\n.dot-num-tip-text[data-v-722c555d] {\n  font-size: 0.32rem;\n  color: #ffffff;\n}\n.left-img[data-v-722c555d] {\n  /* width: 64px;\n  height: 64px; */\n}\n.main-container[data-v-722c555d] {\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n          flex: 1;\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  /* padding: 0 0px 0 32px; */\n  margin-left: 0.42667rem;\n  overflow: hidden;\n\n  /* border-width: 1px;\n  border-color: red; */\n}\n.Dotleft32[data-v-722c555d] {\n  margin-left: 0.42667rem;\n}\n.Dotright32[data-v-722c555d] {\n  margin-right: 0.42667rem;\n}\n.notDot[data-v-722c555d] {\n  margin-left: 0px;\n}\n.dotRight[data-v-722c555d] {\n  right: 0.42667rem;\n}\n.dotTopMax[data-v-722c555d] {\n  top: 0.45333rem;\n}\n.dotTopMedium[data-v-722c555d] {\n  top: 0.52rem;\n}\n.dotTopBig[data-v-722c555d] {\n  top: 0.58667rem;\n}\n.dotTopMin[data-v-722c555d] {\n  top: 0.72rem;\n}\n\n/* label */\n.cell-label-text[data-v-722c555d] {\n  font-size: 0.4rem;\n  color: #616c73;\n  width: 2.50667rem;\n  margin-right: 0.13333rem;\n}\n\n/* middle部分 */\n.middle[data-v-722c555d] {\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n          flex: 1;\n  min-height: 1.65333rem;\n  overflow: hidden;\n  /* margin-right: 32px; */\n  /* border-width: 1px;\n  border-color: blue; */\n}\n.has-desc[data-v-722c555d] {\n  min-height: 2.13333rem;\n  /* padding-top: 26px; */\n  /* margin-bottom: 2px; */\n  -webkit-box-pack: center;\n  -webkit-justify-content: center;\n          justify-content: center;\n}\n.no-desc[data-v-722c555d] {\n  -webkit-box-pack: center;\n  -webkit-justify-content: center;\n          justify-content: center;\n}\n.cell-title-wrapper[data-v-722c555d] {\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: row;\n          flex-direction: row;\n  margin-right: 0.53333rem;\n  overflow: hidden;\n}\n.cell-title-content[data-v-722c555d] {\n  /* flex: 1; */\n  /* max-width: 400px; */\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n          flex: 1;\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: stretch;\n  -webkit-justify-content: stretch;\n          justify-content: stretch;\n  /* border-width: 1px;\n  border-color: orange; */\n  overflow: hidden;\n}\n.title-flex-expand[data-v-722c555d] {\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n          flex: 1;\n}\n.cell-title[data-v-722c555d] {\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n          flex: 1;\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  /* justify-content: flex-start; */\n}\n.avatar-icon[data-v-722c555d] {\n  width: 0.53333rem;\n  height: 0.53333rem;\n  border-radius: 0.26667rem;\n  margin-right: 0.32rem;\n}\n.cell-title-text[data-v-722c555d] {\n  font-family: PingFangSC-Regular;\n  font-size: 0.42667rem;\n  /* line-height: 32px; */\n  color: #1e2e37;\n  lines: 1;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  -webkit-line-clamp: 1;\n}\n\n/* tag */\n.cell-title-tag[data-v-722c555d] {\n  width: 1.17333rem;\n  height: 0.64rem;\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  text-align: center;\n  background-color: #f2f2f2;\n  border-radius: 0.64rem;\n  margin-left: 0.24rem;\n}\n.cell-title-tag-text[data-v-722c555d] {\n  font-family: PingFangSC-Medium;\n  font-size: 0.32rem;\n  color: #616c73;\n  /* line-height: 24px; */\n}\n\n/* desc */\n.cell-desc-wrapper[data-v-722c555d] {\n  /* flex: 1; */\n  margin-top: 0.21333rem;\n  /* border-width: 1px;\n  border-color: tomato; */\n  /* padding-bottom: 30px; */\n  /* min-height: 36px; */\n}\n.margin-top-24[data-v-722c555d] {\n  margin-top: 0.24rem;\n}\n.cell-desc[data-v-722c555d] {\n  /* border-width: 1px;\n  border-color: aqua; */\n}\n.cell-desc-text[data-v-722c555d] {\n  font-family: PingFangSC-Regular;\n  color: #8e969b;\n  font-size: 0.32rem;\n  /* line-height: 36px; */\n  /* desc和title的间距 */\n  /* margin-top: 4px; */\n  /* margin-right: 30px; */\n  /* 文字超出设置 */\n  lines: 2;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  -webkit-line-clamp: 2;\n}\n\n/* 右部 */\n.right-tip-wrapper[data-v-722c555d] {\n  padding: 0.53333rem 0.42667rem 0 0;\n  /* border-width: 1px; */\n}\n.space-gap[data-v-722c555d] {\n  margin-left: 1.22667rem;\n}\n.right-tip-text[data-v-722c555d] {\n  font-family: PingFangSC-Regular;\n  color: #8e969b;\n  font-size: 0.32rem;\n  /* line-height: 24px; */\n  text-align: right;\n}\n.right[data-v-722c555d] {\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  padding-right: 0.32rem;\n  padding-left: 0.42667rem;\n}\n.has-no-padding-left[data-v-722c555d] {\n  padding-right: 0;\n  padding-left: 0;\n}\n.right-text-wrapper[data-v-722c555d] {\n  /* 文字距离图标间隔 */\n  /* margin-left: 80px;\n  border-width: 1px;\n  border-color: greenyellow; */\n}\n.right-text[data-v-722c555d] {\n  font-family: PingFangSC-Regular;\n  color: #8e969b;\n  font-size: 0.37333rem;\n  /* line-height: 28px; */\n  letter-spacing: 0;\n  text-align: right;\n}\n.normal-right-text[data-v-722c555d] {\n  /* font-size: 32px; */\n  /* line-height: 32px; */\n}\n.single-line-text[data-v-722c555d] {\n  /* color: #8E969B;\n  font-size: 24px;\n  line-height: 34px; */\n}\n\n/* arrow */\n.arrow-wrapper[data-v-722c555d] {\n  padding-left: 0px;\n}\n.cell-arrow-icon[data-v-722c555d] {\n  width: 0.53333rem;\n  height: 0.53333rem;\n}\n.midea-swipe-cell__right[data-v-722c555d] {\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-flex-wrap: nowrap;\n          flex-wrap: nowrap;\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  background-color: #f56428;\n  font-size: 0.42667rem;\n  color: #ffffff;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-cell/index.vue?3c16a8fd","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-cell/<no source>"],"names":[],"mappings":";AA0IA;EACA,yBAAA;EACA,iBAAA;EACA,mBAAA;EACA,oBAAA;EACA,gBAAA;EACA,0BAAA;EACA,2BAAA;CACA;AAEA;EACA,mBAAA;EACA,YAAA;EACA,mBAAA;EACA,YAAA;EACA,QAAA;EACA,gCAAA;CACA;AAEA;EACA,0BAAA;CACA;AAEA;EACA,0BAAA;CACA;AAEA;EACA,qBAAA;EAAA,sBAAA;EAAA,cAAA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA;EACA,0BAAA;CACA;AACA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA;CACA;AAEA;EACA,mBAAA;CACA;AAEA;EACA,aAAA;CACA;AAEA;EACA,WAAA;CACA;;AAEA,YAAA;AACA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,wBAAA;CACA;AAEA;CACA;AAEA;EACA,wBAAA;EACA;kBACA;EACA,qBAAA;EAAA,sBAAA;EAAA,cAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,iBAAA;CACA;AAEA;EACA,kBAAA;EACA,mBAAA;EACA,0BAAA;EACA,0BAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,mBAAA;EACA,wBAAA;CACA;AAEA;EACA,mBAAA;EACA,YAAA;EACA,eAAA;EACA,kBAAA;EACA,mBAAA;EACA,0BAAA;EACA,0BAAA;CACA;AAEA;EACA,mBAAA;EACA,mBAAA;EACA,YAAA;EACA,kBAAA;EACA,mCAAA;EACA,0BAAA;EACA;2BACA;EACA,0BAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,yBAAA;EACA,0BAAA;EACA,eAAA;CACA;AAEA;EACA,mBAAA;EACA,eAAA;CACA;AAEA;EACA;kBACA;CACA;AAEA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,4BAAA;EACA,wBAAA;EACA,iBAAA;;EAEA;uBACA;CACA;AAEA;EACA,wBAAA;CACA;AAEA;EACA,yBAAA;CACA;AAEA;EACA,iBAAA;CACA;AAEA;EACA,kBAAA;CACA;AACA;EACA,gBAAA;CACA;AACA;EACA,aAAA;CACA;AACA;EACA,gBAAA;CACA;AACA;EACA,aAAA;CACA;;AAEA,WAAA;AACA;EACA,kBAAA;EACA,eAAA;EACA,kBAAA;EACA,yBAAA;CACA;;AAEA,cAAA;AACA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA;EACA,uBAAA;EACA,iBAAA;EACA,yBAAA;EACA;wBACA;CACA;AAEA;EACA,uBAAA;EACA,wBAAA;EACA,yBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;CACA;AAEA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;CACA;AAEA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,yBAAA;EACA,iBAAA;CACA;AAEA;EACA,cAAA;EACA,uBAAA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EAAA,iCAAA;UAAA,yBAAA;EACA;0BACA;EACA,iBAAA;CACA;AAEA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA;CACA;AAEA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,kCAAA;CACA;AAEA;EACA,kBAAA;EACA,mBAAA;EACA,0BAAA;EACA,sBAAA;CACA;AAEA;EACA,gCAAA;EACA,sBAAA;EACA,wBAAA;EACA,eAAA;EACA,SAAA;EACA,wBAAA;EACA,iBAAA;EC9WA,iBAAA;EAAA,wBAAA;EAAA,sBAAA;CD+WA;;AAEA,SAAA;AAEA;EACA,kBAAA;EACA,gBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,mBAAA;EACA,0BAAA;EACA,uBAAA;EACA,qBAAA;CACA;AAEA;EACA,+BAAA;EACA,mBAAA;EACA,eAAA;EACA,wBAAA;CACA;;AAEA,UAAA;AACA;EACA,cAAA;EACA,uBAAA;EACA;0BACA;EACA,2BAAA;EACA,uBAAA;CACA;AAEA;EACA,oBAAA;CACA;AAEA;EACA;wBACA;CACA;AAEA;EACA,gCAAA;EACA,eAAA;EACA,mBAAA;EACA,wBAAA;EACA,mBAAA;EACA,sBAAA;EACA,yBAAA;EACA,YAAA;EACA,SAAA;EACA,wBAAA;EACA,iBAAA;ECnaA,iBAAA;EAAA,wBAAA;EAAA,sBAAA;CDoaA;;AAEA,QAAA;AACA;EACA,mCAAA;EACA,wBAAA;CACA;AAEA;EACA,wBAAA;CACA;AAEA;EACA,gCAAA;EACA,eAAA;EACA,mBAAA;EACA,wBAAA;EACA,kBAAA;CACA;AAEA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,uBAAA;EACA,yBAAA;CACA;AAEA;EACA,iBAAA;EACA,gBAAA;CACA;AAEA;EACA,cAAA;EACA;;+BAEA;CACA;AAEA;EACA,gCAAA;EACA,eAAA;EACA,sBAAA;EACA,wBAAA;EACA,kBAAA;EACA,kBAAA;CACA;AAEA;EACA,sBAAA;EACA,wBAAA;CACA;AAEA;EACA;;uBAEA;CACA;;AAEA,WAAA;AACA;EACA,kBAAA;CACA;AAEA;EACA,kBAAA;EACA,mBAAA;CACA;AAEA;EACA,qBAAA;EAAA,sBAAA;EAAA,cAAA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;UAAA,kBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EACA,sBAAA;EACA,eAAA;CACA","file":"index.vue","sourcesContent":["<template>\n  <div :class=\"['wrapper', hasMargin && 'cell-margin']\" ref=\"dof-cell\" :style=\"cellStyleComp\">\n    <div :class=\"['cell-wrapper', disabled ? 'cell-disabled-opacity' : 'cell-abled-opacity']\">\n      <div\n        :class=\"['dof-cell', hackMrgb1pxcom && 'mgb-1', !disabled && isHighlight && 'dof-cell-highlight']\"\n        :style=\"borderStyleComp\"\n        :accessible=\"autoAccessible\"\n        :aria-label=\"`${label},${title},${desc}`\"\n        @click=\"onClick\"\n      >\n        <slot>\n          <!-- left -->\n          <div class=\"left img-wrapper\" v-if=\"avatarIcon || avatarIconFont\">\n            <div\n              v-if=\"avatarIcon\"\n              class=\"img-container circle-bg\"\n              :class=\"[badgeNum && 'Dotright32']\"\n              :style=\"avatarIconBgSizeComp\"\n            >\n              <slot name=\"leftImg\">\n                <image class=\"left-img\" :src=\"avatarIcon\" :style=\"avatarIconSizeComp\"></image>\n              </slot>\n            </div>\n            <div v-if=\"avatarIconFont\" class=\"circle-bg\">\n              <slot name=\"leftIconFont\">\n                <dof-iconfont\n                  :code=\"avatarIconFont\"\n                  :size=\"avatarIconFontSize\"\n                  :color=\"_isColmo ? 'rgba(255,255,255,0.80)' : '#1E2E37'\"\n                  @dofIconFontClicked=\"onClick\"\n                ></dof-iconfont>\n              </slot>\n            </div>\n\n            <div class=\"dot-tip\" v-if=\"hasDot\" :class=\"[badgeNum && 'dotRight', dotTipTop]\" :style=\"badgeStyle\"></div>\n            <div class=\"dot-num-tip\" v-else-if=\"badgeNum\" :style=\"badgeStyle\">\n              <text class=\"dot-num-tip-text\">{{ dotNum }}</text>\n            </div>\n          </div>\n\n          <!-- middle -->\n          <div\n            :class=\"['main-container', hasVerticalIndent && 'cell-indent', badgeNum && 'notDot']\"\n            :style=\"subBorderStyleComp\"\n          >\n            <slot name=\"label\">\n              <div v-if=\"label\">\n                <text class=\"cell-label-text\" :style=\"textColorComp\">{{ label }}</text>\n              </div>\n            </slot>\n            <div :class=\"['middle', desc ? 'has-desc' : 'no-desc']\" :style=\"innerCellHeightComp\">\n              <slot name=\"middle\">\n                <div class=\"cell-title-wrapper\">\n                  <div :class=\"['cell-title-content', !tag && 'title-flex-expand']\">\n                    <div :class=\"['cell-title']\">\n                      <text :class=\"['cell-title-text', !hasTextTip && 'title-flex-expand']\" :style=\"titleStyleComp\">{{\n                        title\n                      }}</text>\n                      <div class=\"text-dot-tip\" v-if=\"hasTextTip\"></div>\n                    </div>\n                  </div>\n\n                  <slot name=\"tag\">\n                    <div\n                      class=\"cell-title-tag\"\n                      v-if=\"tag\"\n                      :style=\"{\n                        backgroundColor: iconColor ? iconColor : _isDiablo ? '#2b2f32' : '#F6F7F9'\n                      }\"\n                    >\n                      <text class=\"cell-title-tag-text\">{{ tag }}</text>\n                    </div>\n                  </slot>\n                </div>\n                <div :class=\"['cell-desc-wrapper', !tag && !_isColmo && 'margin-top-24']\" v-if=\"desc\">\n                  <slot name=\"desc\">\n                    <div class=\"cell-desc\">\n                      <text class=\"cell-desc-text\" :style=\"descStyleComp\">{{ desc }}</text>\n                    </div>\n                  </slot>\n                </div>\n              </slot>\n            </div>\n            <!-- right -->\n            <div :class=\"['right', rightTip && 'has-no-padding-left']\">\n              <slot name=\"rightText\">\n                <div class=\"right-text-wrapper\" v-if=\"rightText\">\n                  <text\n                    :class=\"[\n                      'right-text',\n                      !avatarIcon && 'single-line-text',\n                      avatarIcon && iconSize === 'big' && 'normal-right-text'\n                    ]\"\n                    :style=\"rightTextStyleComp\"\n                    >{{ rightText }}</text\n                  >\n                </div>\n              </slot>\n              <text class=\"extra-content-text\" :style=\"textColorComp\" v-if=\"extraContent\">{{ extraContent }}</text>\n              <!-- 开关 -->\n              <slot name=\"switch\"></slot>\n\n              <div class=\"arrow-wrapper\" v-if=\"hasArrow\">\n                <slot name=\"arrow\">\n                  <dof-iconfont\n                    style=\"width: 34px\"\n                    v-if=\"_isColmo\"\n                    :code=\"'\\u4713'\"\n                    :size=\"48\"\n                    :color=\"'rgba(255,255,255,0.80)'\"\n                    @dofIconFontClicked=\"onClick\"\n                  ></dof-iconfont>\n                  <image v-else :src=\"arrowIcon\" class=\"cell-arrow-icon\" :aria-hidden=\"true\"></image>\n                </slot>\n              </div>\n            </div>\n          </div>\n          <div\n            :class=\"[\n              'right-tip-wrapper',\n              hasTopSubBorder && 'cell-top-border',\n              hasSubBottomBorder && 'cell-bottom-border',\n              special && 'space-gap'\n            ]\"\n            v-if=\"rightTip\"\n          >\n            <slot name=\"rightTip\">\n              <text class=\"right-tip-text\" @click=\"dofRightTipClicked\">{{ rightTip }}</text>\n            </slot>\n          </div>\n        </slot>\n      </div>\n    </div>\n    <div v-if=\"useFakeBorder\" class=\"fake-border\" :style=\"fakeBorderStyleRender\"></div>\n  </div>\n</template>\n\n<style scoped>\n.wrapper {\n  /*hairong add for swipe*/\n  overflow: hidden;\n  position: relative;\n  /* end  by hairong*/\n  /* 解决安卓渲染间隔问题 */\n  /* margin-bottom: -1px; */\n  /* padding-bottom: -1px; */\n}\n\n.fake-border {\n  /* width: 750px; */\n  height: 1px;\n  position: absolute;\n  bottom: 1px;\n  left: 0;\n  /* background-color: #f2f2f2; */\n}\n\n.cell-margin {\n  margin-bottom: 16px;\n}\n\n.dof-cell-highlight:active {\n  background-color: #f4f5f6;\n}\n\n.dof-cell {\n  display: flex;\n  flex-direction: row;\n  flex: 1;\n  /* align-items: center; */\n}\n.cell-wrapper {\n  flex: 1;\n}\n\n.mgb-1 {\n  margin-bottom: 1px;\n}\n\n.cell-disabled-opacity {\n  opacity: 0.3;\n}\n\n.cell-abled-opacity {\n  opacity: 1;\n}\n\n/* left部分 */\n.left {\n  justify-content: center;\n  /* border-width: 1px; */\n}\n\n.img-wrapper {\n}\n\n.circle-bg {\n  margin-left: 32px;\n  /* width: 96px;\n  height: 96px; */\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n}\n\n.text-dot-tip {\n  width: 16px;\n  height: 16px;\n  border-radius: 10px;\n  background-color: #f56428;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  margin-left: 22px;\n}\n\n.dot-tip {\n  position: absolute;\n  top: 30px;\n  right: 12px;\n  width: 16px;\n  height: 16px;\n  border-radius: 10px;\n  background-color: #f56428;\n}\n\n.dot-num-tip {\n  position: absolute;\n  font-size: 24px;\n  top: 30px;\n  right: 32px;\n  /* transform: translate(50%, 0); */\n  border-radius: 100px;\n  /* border-width: 1px;\n  border-color: #ffffff; */\n  background-color: #f56428;\n  align-items: center;\n  justify-content: center;\n  padding-left: 8px;\n  padding-right: 8px;\n  line-height: 1;\n}\n\n.dot-num-tip-text {\n  font-size: 24px;\n  color: #ffffff;\n}\n\n.left-img {\n  /* width: 64px;\n  height: 64px; */\n}\n\n.main-container {\n  flex: 1;\n  flex-direction: row;\n  align-items: center;\n  /* padding: 0 0px 0 32px; */\n  margin-left: 32px;\n  overflow: hidden;\n\n  /* border-width: 1px;\n  border-color: red; */\n}\n\n.Dotleft32 {\n  margin-left: 32px;\n}\n\n.Dotright32 {\n  margin-right: 32px;\n}\n\n.notDot {\n  margin-left: 0px;\n}\n\n.dotRight {\n  right: 32px;\n}\n.dotTopMax {\n  top: 34px;\n}\n.dotTopMedium {\n  top: 39px;\n}\n.dotTopBig {\n  top: 44px;\n}\n.dotTopMin {\n  top: 54px;\n}\n\n/* label */\n.cell-label-text {\n  font-size: 30px;\n  color: #616c73;\n  width: 188px;\n  margin-right: 10px;\n}\n\n/* middle部分 */\n.middle {\n  flex: 1;\n  min-height: 124px;\n  overflow: hidden;\n  /* margin-right: 32px; */\n  /* border-width: 1px;\n  border-color: blue; */\n}\n\n.has-desc {\n  min-height: 160px;\n  /* padding-top: 26px; */\n  /* margin-bottom: 2px; */\n  justify-content: center;\n}\n\n.no-desc {\n  justify-content: center;\n}\n\n.cell-title-wrapper {\n  flex-direction: row;\n  margin-right: 40px;\n  overflow: hidden;\n}\n\n.cell-title-content {\n  /* flex: 1; */\n  /* max-width: 400px; */\n  flex: 1;\n  flex-direction: row;\n  align-items: center;\n  justify-content: stretch;\n  /* border-width: 1px;\n  border-color: orange; */\n  overflow: hidden;\n}\n\n.title-flex-expand {\n  flex: 1;\n}\n\n.cell-title {\n  flex: 1;\n  flex-direction: row;\n  align-items: center;\n  /* justify-content: flex-start; */\n}\n\n.avatar-icon {\n  width: 40px;\n  height: 40px;\n  border-radius: 20px;\n  margin-right: 24px;\n}\n\n.cell-title-text {\n  font-family: PingFangSC-Regular;\n  font-size: 32px;\n  /* line-height: 32px; */\n  color: #1e2e37;\n  lines: 1;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n/* tag */\n\n.cell-title-tag {\n  width: 88px;\n  height: 48px;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  background-color: #f2f2f2;\n  border-radius: 48px;\n  margin-left: 18px;\n}\n\n.cell-title-tag-text {\n  font-family: PingFangSC-Medium;\n  font-size: 24px;\n  color: #616c73;\n  /* line-height: 24px; */\n}\n\n/* desc */\n.cell-desc-wrapper {\n  /* flex: 1; */\n  margin-top: 16px;\n  /* border-width: 1px;\n  border-color: tomato; */\n  /* padding-bottom: 30px; */\n  /* min-height: 36px; */\n}\n\n.margin-top-24 {\n  margin-top: 18px;\n}\n\n.cell-desc {\n  /* border-width: 1px;\n  border-color: aqua; */\n}\n\n.cell-desc-text {\n  font-family: PingFangSC-Regular;\n  color: #8e969b;\n  font-size: 24px;\n  /* line-height: 36px; */\n  /* desc和title的间距 */\n  /* margin-top: 4px; */\n  /* margin-right: 30px; */\n  /* 文字超出设置 */\n  lines: 2;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n/* 右部 */\n.right-tip-wrapper {\n  padding: 40px 32px 0 0;\n  /* border-width: 1px; */\n}\n\n.space-gap {\n  margin-left: 92px;\n}\n\n.right-tip-text {\n  font-family: PingFangSC-Regular;\n  color: #8e969b;\n  font-size: 24px;\n  /* line-height: 24px; */\n  text-align: right;\n}\n\n.right {\n  flex-direction: row;\n  align-items: center;\n  padding-right: 24px;\n  padding-left: 32px;\n}\n\n.has-no-padding-left {\n  padding-right: 0;\n  padding-left: 0;\n}\n\n.right-text-wrapper {\n  /* 文字距离图标间隔 */\n  /* margin-left: 80px;\n  border-width: 1px;\n  border-color: greenyellow; */\n}\n\n.right-text {\n  font-family: PingFangSC-Regular;\n  color: #8e969b;\n  font-size: 28px;\n  /* line-height: 28px; */\n  letter-spacing: 0;\n  text-align: right;\n}\n\n.normal-right-text {\n  /* font-size: 32px; */\n  /* line-height: 32px; */\n}\n\n.single-line-text {\n  /* color: #8E969B;\n  font-size: 24px;\n  line-height: 34px; */\n}\n\n/* arrow */\n.arrow-wrapper {\n  padding-left: 0px;\n}\n\n.cell-arrow-icon {\n  width: 40px;\n  height: 40px;\n}\n\n.midea-swipe-cell__right {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  justify-content: center;\n  align-items: center;\n  background-color: #f56428;\n  font-size: 32px;\n  color: #ffffff;\n}\n</style>\n<style scoped src=\"./colmo.css\"></style>\n<style scoped src=\"./diablo.css\"></style>\n\n<script>\nconst icon = require('../setting/icon.base64.js')\nconst modal = weex.requireModule('modal')\nconst dom = weex.requireModule('dom')\nimport DofIconfont from '../dof-iconfont'\nimport ColmoMixin from '../../mixins/colmo'\nimport DiabloMixin from '../../mixins/diablo'\n\nexport default {\n  mixins: [ColmoMixin, DiabloMixin],\n  components: { DofIconfont },\n  props: {\n    special: {\n      type: Boolean,\n      default: false\n    },\n    label: {\n      type: String,\n      default: ''\n    },\n    isHighlight: {\n      type: Boolean,\n      default: true\n    },\n    title: {\n      type: String,\n      default: ''\n    },\n    tag: {\n      type: String,\n      default: ''\n    },\n    extraContent: {\n      type: String,\n      default: ''\n    },\n    desc: {\n      type: String,\n      default: ''\n    },\n    hasTextTip: {\n      type: Boolean,\n      default: false\n    },\n    badgeNum: {\n      type: [Number, String],\n      default: 0\n    },\n    badgeMax: {\n      type: Number,\n      default: 0\n    },\n    badgeTheme: {\n      type: String,\n      default: 'red'\n    },\n    badgeColor: {\n      type: String,\n      default: ''\n    },\n    hasDot: {\n      type: Boolean,\n      default: false\n    },\n    avatarIcon: {\n      type: String,\n      default: ''\n    },\n    // 使用字体图标\n    avatarIconFont: {\n      type: String,\n      default: ''\n    },\n    iconSize: {\n      type: String,\n      default: 'big'\n    },\n    iconSizeCustom: {\n      // { iconSize: 96, bgSize: 96 }\n      type: Object,\n      default: () => ({})\n    },\n    cellStyle: {\n      type: Object,\n      default: () => ({})\n    },\n    rightTextStyle: {\n      type: Object,\n      default: () => ({})\n    },\n    backgroundColor: {\n      type: String,\n      default: ''\n    },\n    textColor: {\n      type: String,\n      default: ''\n    },\n    iconColor: {\n      type: String,\n      default: ''\n    },\n    hasTopBorder: {\n      type: Boolean,\n      default: false\n    },\n    hasTopSubBorder: {\n      type: Boolean,\n      default: false\n    },\n    hasBottomBorder: {\n      type: Boolean,\n      default: false\n    },\n    hasSubTopBorder: {\n      type: Boolean,\n      default: false\n    },\n    hasSubBottomBorder: {\n      type: Boolean,\n      default: false\n    },\n    hasMargin: {\n      type: Boolean,\n      default: false\n    },\n    hasVerticalIndent: {\n      type: Boolean,\n      default: true\n    },\n    hasArrow: {\n      type: Boolean,\n      default: true\n    },\n    rightText: {\n      type: String,\n      default: ''\n    },\n    rightTip: {\n      type: String,\n      default: ''\n    },\n    disabled: {\n      type: Boolean,\n      default: false\n    },\n    autoAccessible: {\n      type: Boolean,\n      default: true\n    },\n    fakeBorderStyle: {\n      type: Object,\n      default: () => ({})\n    },\n    titleTextStyle: {\n      type: Object,\n      default: () => ({})\n    },\n    descTextStyle: {\n      type: Object,\n      default: () => ({})\n    }\n  },\n  data: () => ({\n    offset: 0,\n    dragging: false\n  }),\n\n  computed: {\n    badgeThemeList() {\n      return {\n        brand: this._isDiablo ? '#0490d3' : '#00A4F2',\n        red: this._isDiablo ? '#DB5C44' : '#F56428',\n        purple: this._isDiablo ? '#805ed1' : '#946CF2',\n        'blue-purple': this._isDiablo ? '#5865DC' : '#6575ff',\n        blue: this._isDiablo ? '#25A8DC' : '#29c3ff',\n        cyan: '#00cbb8',\n        yellow: this._isDiablo ? '#BE8214' : '#FFAA10',\n        orange: this._isDiablo ? '#db7122' : '#ff8225',\n        'orange-red': '#ff6a4c',\n        'gray-offline': this._isDiablo ? '#6B7587' : '#7c879b',\n      }\n    },\n    arrowIcon() {\n      return this._isDiablo ? icon.arrowIconNew_diablo : icon.arrowIconNew\n    },\n    _backgroundColor() {\n      if (this.backgroundColor) return this.backgroundColor\n      return this._isColmo ? '#1d1f22' : this._isDiablo ? '#101315' : '#ffffff'\n    },\n    _borderColor() {\n      return this._isColmo ? '#343639' : '#DDDDDD'\n    },\n    useFakeBorder() {\n      return JSON.stringify(this.fakeBorderStyle) !== '{}'\n    },\n    // cell样式\n    cellStyleComp() {\n      const { cellStyle, _backgroundColor } = this\n      return {\n        backgroundColor: _backgroundColor,\n        ...cellStyle\n      }\n    },\n    dotNum() {\n      let { badgeNum, badgeMax } = this\n      let value = ''\n      let curContent = Number(badgeNum)\n      if (badgeMax && curContent >= badgeMax) {\n        value = `${badgeMax}+`\n      } else {\n        value = badgeNum\n      }\n      return value\n    },\n    dotTipTop() {\n      let { iconSize } = this\n      let topClass = ''\n      if (iconSize === 'max') {\n        topClass = 'dotTopMax'\n      } else if (iconSize === 'medium') {\n        topClass = 'dotTopMedium'\n      } else if (iconSize === 'min') {\n        topClass = 'dotTopMin'\n      } else {\n        topClass = 'dotTopBig'\n      }\n      return topClass\n    },\n    //处理特殊类型cell高度问题\n    innerCellHeightComp() {\n      const { special, desc } = this\n      if (special && desc) {\n        return {\n          minHeight: '200px',\n          paddingTop: '32px'\n        }\n      }\n      return ''\n    },\n    // 文字样式颜色\n    textColorComp() {\n      const { textColor } = this\n      if (textColor) {\n        return {\n          color: textColor\n        }\n      } else {\n        return {}\n      }\n    },\n    titleStyleComp() {\n      const { textColor, titleTextStyle } = this\n      if (textColor) {\n        return {\n          color: textColor,\n          ...titleTextStyle\n        }\n      } else {\n        return {\n          ...titleTextStyle\n        }\n      }\n    },\n    descStyleComp() {\n      const { textColor, descTextStyle } = this\n      if (textColor) {\n        return {\n          color: textColor,\n          ...descTextStyle\n        }\n      } else {\n        return {\n          ...descTextStyle\n        }\n      }\n    },\n    avatarIconBgSizeComp() {\n      let { iconSize, iconColor } = this\n      let iconSizeCustom = this.iconSizeCustom.bgSize\n      if (iconSizeCustom) {\n        return {\n          width: iconSizeCustom + 'px',\n          height: iconSizeCustom + 'px',\n          borderRadius: iconSizeCustom / 2 + 'px',\n          backgroundColor: iconColor ? iconColor : 'transparent'\n        }\n      }\n      if (iconSize === 'max') {\n        return {\n          width: '112px',\n          height: '112px',\n          borderRadius: '56px',\n          marginTop: this._isColmo ? '0px' : '16px',\n          marginBottom: this._isColmo ? '0px' : '16px',\n          backgroundColor: iconColor ? iconColor : 'transparent'\n        }\n      } else if (iconSize === 'medium') {\n        return {\n          width: '76px',\n          height: '76px',\n          borderRadius: '38px',\n          marginTop: this._isColmo ? '0px' : '40px',\n          marginBottom: this._isColmo ? '0px' : '40px',\n          backgroundColor: iconColor ? iconColor : 'transparent'\n        }\n      } else if (iconSize === 'min') {\n        return {\n          width: '58px',\n          height: '58px',\n          borderRadius: '20px',\n          marginTop: this._isColmo ? '0px' : '32px',\n          marginBottom: this._isColmo ? '0px' : '32px',\n          backgroundColor: iconColor ? iconColor : 'transparent'\n        }\n      } else {\n        return {\n          width: '64px',\n          height: '64px',\n          borderRadius: '32px',\n          marginTop: this._isColmo ? '0px' : '48px',\n          marginBottom: this._isColmo ? '0px' : '48px',\n          backgroundColor: iconColor ? iconColor : 'transparent'\n        }\n      }\n    },\n    avatarIconSizeComp() {\n      let { iconSize } = this\n      let iconSizeCustom = this.iconSizeCustom.iconSize\n      if (iconSizeCustom) {\n        return {\n          width: iconSizeCustom + 'px',\n          height: iconSizeCustom + 'px',\n          borderRadius: iconSizeCustom / 2 + 'px'\n        }\n      }\n      if (iconSize === 'max') {\n        return {\n          width: '96px',\n          height: '96px'\n        }\n      } else if (iconSize === 'medium') {\n        return {\n          width: '64px',\n          height: '64px'\n        }\n      } else if (iconSize === 'min') {\n        return {\n          width: '40px',\n          height: '40px'\n        }\n      } else {\n        return {\n          width: '48px',\n          height: '48px'\n        }\n      }\n    },\n    avatarIconFontSize() {\n      let { iconSize } = this\n      if (iconSize === 'max') {\n        return 80\n      } else if (iconSize === 'medium') {\n        return 40\n      } else if (iconSize === 'min') {\n        return 24\n      } else {\n        return 64\n      }\n    },\n    rightTextStyleComp() {\n      const { textColor, rightTextStyle, avatarIcon, iconSize } = this\n      if (textColor) {\n        return {\n          color: textColor,\n          ...rightTextStyle\n        }\n      } else {\n        return {\n          ...rightTextStyle\n        }\n      }\n    },\n    hackMrgb1pxcom() {\n      let { hasSubBottomBorder, hasBottomBorder } = this\n      return hasSubBottomBorder || hasBottomBorder ? true : false\n    },\n    borderStyleComp() {\n      let {\n        cellStyle: { borderColor = null },\n        hasTopBorder,\n        hasBottomBorder\n      } = this\n      if (borderColor) {\n        if (hasTopBorder) {\n          return {\n            borderTopWidth: '1px',\n            borderTopColor: borderColor\n          }\n        } else if (hasBottomBorder) {\n          return {\n            borderBottomWidth: '1px',\n            borderBottomColor: borderColor\n          }\n        } else {\n          return {}\n        }\n      } else {\n        if (hasTopBorder) {\n          return {\n            borderTopWidth: '1px',\n            borderTopColor: this._borderColor\n          }\n        } else if (hasBottomBorder) {\n          return {\n            borderBottomWidth: '1px',\n            borderBottomColor: this._borderColor\n          }\n        } else {\n          return {}\n        }\n      }\n    },\n    subBorderStyleComp() {\n      let {\n        cellStyle: { borderColor = null },\n        hasSubTopBorder,\n        hasSubBottomBorder\n      } = this\n      if (borderColor) {\n        if (hasSubTopBorder) {\n          return {\n            borderTopWidth: '1px',\n            borderTopColor: borderColor\n          }\n        } else if (hasSubBottomBorder) {\n          return {\n            borderBottomWidth: '1px',\n            borderBottomColor: borderColor\n          }\n        } else {\n          return {}\n        }\n      } else {\n        if (hasSubTopBorder) {\n          return {\n            borderTopWidth: '1px',\n            borderTopColor: this._borderColor\n          }\n        } else if (hasSubBottomBorder) {\n          return {\n            borderBottomWidth: '1px',\n            borderBottomColor: this._borderColor\n          }\n        } else {\n          return {}\n        }\n      }\n    },\n    badgeStyle() {\n      let { badgeTheme, badgeThemeList, badgeColor } = this\n      return {\n        backgroundColor: badgeColor ? badgeColor : badgeThemeList[badgeTheme]\n      }\n    },\n    // 底部border样式\n    fakeBorderStyleRender() {\n      return {\n        backgroundColor: this._isColmo ? '#343639' : '#DDDDDD',\n        ...this.fakeBorderStyle\n      }\n    }\n  },\n  methods: {\n    onClick() {\n      const { disabled } = this\n      !disabled && this.$emit('dofCellClicked')\n    },\n    dofRightTipClicked() {\n      const { rightTip } = this\n      rightTip && this.$emit('dofRightTipClicked')\n    }\n  }\n}\n</script>\n",null],"sourceRoot":""}]);
 
 // exports
 
@@ -9216,7 +9216,7 @@ exports = module.exports = __webpack_require__(0)(true);
 
 
 // module
-exports.push([module.i, "\n@media screen and (weex-theme: colmo) {\n.middle[data-v-722c555d] {\n    /* min-height: 104px; */\n}\n.cell-title-text[data-v-722c555d] {\n    color: rgba(255,255,255,0.8);\n    /* line-height: 32px; */\n}\n.dof-cell-highlight[data-v-722c555d]:active {\n    background-color: #44464b;\n}\n.right[data-v-722c555d] {\n    padding-right: 0.42667rem;\n}\n.right-text[data-v-722c555d] {\n    font-size: 0.42667rem;\n    color: rgba(255,255,255,0.4);\n}\n.right-tip-text[data-v-722c555d] {\n    font-size: 0.42667rem;\n}\n.arrow-wrapper[data-v-722c555d] {\n    padding-left: 0px;\n}\n.cell-desc-wrapper[data-v-722c555d] {\n    margin-top: 0.18667rem;\n}\n.cell-desc-text[data-v-722c555d] {\n    /* line-height: 24px; */\n    color: rgba(255,255,255,0.40);\n}\n}", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-cell/colmo.css"],"names":[],"mappings":";AAAA;AACE;IACE,wBAAwB;CACzB;AACD;IACE,6BAA6B;IAC7B,wBAAwB;CACzB;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAAoB;CACrB;AACD;IACE,sBAAgB;IAChB,6BAA6B;CAC9B;AACD;IACE,sBAAgB;CACjB;AACD;IACE,kBAAkB;CACnB;AACD;IACE,uBAAiB;CAClB;AACD;IACE,wBAAwB;IACxB,8BAA8B;CAC/B;CACF","file":"colmo.css","sourcesContent":["@media screen and (weex-theme: colmo) {\n  .middle {\n    /* min-height: 104px; */\n  }\n  .cell-title-text {\n    color: rgba(255,255,255,0.8);\n    /* line-height: 32px; */\n  }\n  .dof-cell-highlight:active {\n    background-color: #44464b;\n  }\n  .right {\n    padding-right: 32px;\n  }\n  .right-text {\n    font-size: 32px;\n    color: rgba(255,255,255,0.4);\n  }\n  .right-tip-text {\n    font-size: 32px;\n  }\n  .arrow-wrapper {\n    padding-left: 0px;\n  }\n  .cell-desc-wrapper {\n    margin-top: 14px;\n  }\n  .cell-desc-text {\n    /* line-height: 24px; */\n    color: rgba(255,255,255,0.40);\n  }\n}"],"sourceRoot":""}]);
+exports.push([module.i, "\n@media screen and (weex-theme: colmo) {\n.middle[data-v-722c555d] {\n    /* min-height: 104px; */\n}\n.cell-title-text[data-v-722c555d] {\n    color: rgba(255,255,255,0.8);\n    /* line-height: 32px; */\n}\n.dof-cell-highlight[data-v-722c555d]:active {\n    background-color: #343639;\n}\n.right[data-v-722c555d] {\n    padding-right: 0.42667rem;\n}\n.right-text[data-v-722c555d] {\n    font-size: 0.42667rem;\n    color: rgba(255,255,255,0.4);\n}\n.right-tip-text[data-v-722c555d] {\n    font-size: 0.42667rem;\n}\n.arrow-wrapper[data-v-722c555d] {\n    padding-left: 0px;\n}\n.cell-desc-wrapper[data-v-722c555d] {\n    margin-top: 0.18667rem;\n}\n.cell-desc-text[data-v-722c555d] {\n    /* line-height: 24px; */\n    color: rgba(255,255,255,0.40);\n}\n}", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-cell/colmo.css"],"names":[],"mappings":";AAAA;AACE;IACE,wBAAwB;CACzB;AACD;IACE,6BAA6B;IAC7B,wBAAwB;CACzB;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,0BAAoB;CACrB;AACD;IACE,sBAAgB;IAChB,6BAA6B;CAC9B;AACD;IACE,sBAAgB;CACjB;AACD;IACE,kBAAkB;CACnB;AACD;IACE,uBAAiB;CAClB;AACD;IACE,wBAAwB;IACxB,8BAA8B;CAC/B;CACF","file":"colmo.css","sourcesContent":["@media screen and (weex-theme: colmo) {\n  .middle {\n    /* min-height: 104px; */\n  }\n  .cell-title-text {\n    color: rgba(255,255,255,0.8);\n    /* line-height: 32px; */\n  }\n  .dof-cell-highlight:active {\n    background-color: #343639;\n  }\n  .right {\n    padding-right: 32px;\n  }\n  .right-text {\n    font-size: 32px;\n    color: rgba(255,255,255,0.4);\n  }\n  .right-tip-text {\n    font-size: 32px;\n  }\n  .arrow-wrapper {\n    padding-left: 0px;\n  }\n  .cell-desc-wrapper {\n    margin-top: 14px;\n  }\n  .cell-desc-text {\n    /* line-height: 24px; */\n    color: rgba(255,255,255,0.40);\n  }\n}"],"sourceRoot":""}]);
 
 // exports
 
@@ -9370,7 +9370,7 @@ exports = module.exports = __webpack_require__(0)(true);
 
 
 // module
-exports.push([module.i, "\n.indicator[data-v-7ecb2930] {\n  position: absolute;\n  item-color: rgba(255, 195, 0, .5);\n  item-selected-color: #ffc300;\n  item-size: 0.26667rem;\n  height: 0.26667rem;\n  bottom: 0.32rem;\n}\n.indicator .weex-indicator-item[data-v-7ecb2930] {\n  width: 0.26667rem;\n  height: 0.26667rem;\n}\n.indicator .weex-indicator-item.weex-indicator-item-active[data-v-7ecb2930] {\n  background-color: #ffc300;\n}\n.indicator .weex-indicator-item[data-v-7ecb2930] {\n  background-color: rgba(255, 195, 0, .5);\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-lightbox/index.vue?25abe080","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-lightbox/<input css 17>","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-lightbox/<input css 16>","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-lightbox/<input css 15>"],"names":[],"mappings":";AA6BA;EACA,mBAAA;EACA,kCAAA;EACA,6BAAA;EACA,sBAAA;EACA,mBAAA;EACA,gBAAA;CACA;ACnCA;EACE,kBAAY;EACZ,mBAAa;CACd;ACHD;EACE,0BAA0B;CAC3B;ACFD;EACE,wCAAwC;CACzC","file":"index.vue","sourcesContent":["<template>\n  <dof-mask :width=\"width\"\n            :height=\"height\"\n            aria-hidden=\"true\"\n            mask-bg-color=\"transparent\"\n            overlay-opacity=\"0.8\"\n            :show=\"show\"\n            :opacity='opacity'\n            :show-close=\"false\"\n            @dofMaskSetHidden=\"maskOverlayClick\">\n    <slider auto-play=\"false\"\n            v-if=\"show\"\n            :index=\"index\"\n            :interval=\"interval\"\n            :style=\"{ height: height  + 'px'}\">\n      <div v-for=\"(v,index) in imageList\"\n           :style=\"{ height: height  + 'px'}\"\n           :key=\"index\">\n        <image resize=\"cover\"\n               :src=\"v.src\"\n               :style=\"{ height: height + 'px', width: width  + 'px'}\"></image>\n      </div>\n      <indicator class=\"indicator\"\n                 :style=\"indicatorStyle\"></indicator>\n    </slider>\n  </dof-mask>\n</template>\n\n<style scoped>\n  .indicator {\n    position: absolute;\n    item-color: rgba(255, 195, 0, .5);\n    item-selected-color: #ffc300;\n    item-size: 20px;\n    height: 20px;\n    bottom: 24px;\n  }\n</style>\n\n<script>\n  import DofMask from '../dof-mask';\n\n  export default {\n    components: {\n      DofMask\n    },\n    props: {\n      width: {\n        type: [Number, String],\n        default: 750\n      },\n      height: {\n        type: [Number, String],\n        default: 750\n      },\n      show: {\n        type: Boolean,\n        default: false\n      },\n      imageList: Array,\n      indicatorColor: {\n        type: Object,\n        default: () => ({\n          'item-color': 'rgba(255, 195, 0, .5)',\n          'item-selected-color': '#ffc300',\n          'item-size': '20px'\n        })\n      },\n      index: {\n        type: [Number, String],\n        default: 0\n      },\n      interval: {\n        type: [Number, String],\n        default: 3000\n      },\n      opacity: {\n        type: [Number, String],\n        default: 0.6\n      }\n    },\n    computed: {\n      indicatorStyle () {\n        return {\n          width: this.width + 'px',\n          ...this.indicatorColor\n        };\n      }\n    },\n    methods: {\n      maskOverlayClick () {\n        this.$emit('dofLightboxOverlayClicked', {});\n      }\n    }\n  };\n</script>\n","\n.indicator .weex-indicator-item {\n  width: 20px;\n  height: 20px;\n}","\n.indicator .weex-indicator-item.weex-indicator-item-active {\n  background-color: #ffc300;\n}","\n.indicator .weex-indicator-item {\n  background-color: rgba(255, 195, 0, .5);\n}"],"sourceRoot":""}]);
+exports.push([module.i, "\n.indicator[data-v-7ecb2930] {\n  position: absolute;\n  item-color: rgba(255, 195, 0, .5);\n  item-selected-color: #ffc300;\n  item-size: 0.26667rem;\n  height: 0.26667rem;\n  bottom: 0.32rem;\n}\n.indicator .weex-indicator-item[data-v-7ecb2930] {\n  width: 0.26667rem;\n  height: 0.26667rem;\n}\n.indicator .weex-indicator-item.weex-indicator-item-active[data-v-7ecb2930] {\n  background-color: #ffc300;\n}\n.indicator .weex-indicator-item[data-v-7ecb2930] {\n  background-color: rgba(255, 195, 0, .5);\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-lightbox/index.vue?25abe080","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-lightbox/<input css 15>","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-lightbox/<input css 14>","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-lightbox/<input css 13>"],"names":[],"mappings":";AA6BA;EACA,mBAAA;EACA,kCAAA;EACA,6BAAA;EACA,sBAAA;EACA,mBAAA;EACA,gBAAA;CACA;ACnCA;EACE,kBAAY;EACZ,mBAAa;CACd;ACHD;EACE,0BAA0B;CAC3B;ACFD;EACE,wCAAwC;CACzC","file":"index.vue","sourcesContent":["<template>\n  <dof-mask :width=\"width\"\n            :height=\"height\"\n            aria-hidden=\"true\"\n            mask-bg-color=\"transparent\"\n            overlay-opacity=\"0.8\"\n            :show=\"show\"\n            :opacity='opacity'\n            :show-close=\"false\"\n            @dofMaskSetHidden=\"maskOverlayClick\">\n    <slider auto-play=\"false\"\n            v-if=\"show\"\n            :index=\"index\"\n            :interval=\"interval\"\n            :style=\"{ height: height  + 'px'}\">\n      <div v-for=\"(v,index) in imageList\"\n           :style=\"{ height: height  + 'px'}\"\n           :key=\"index\">\n        <image resize=\"cover\"\n               :src=\"v.src\"\n               :style=\"{ height: height + 'px', width: width  + 'px'}\"></image>\n      </div>\n      <indicator class=\"indicator\"\n                 :style=\"indicatorStyle\"></indicator>\n    </slider>\n  </dof-mask>\n</template>\n\n<style scoped>\n  .indicator {\n    position: absolute;\n    item-color: rgba(255, 195, 0, .5);\n    item-selected-color: #ffc300;\n    item-size: 20px;\n    height: 20px;\n    bottom: 24px;\n  }\n</style>\n\n<script>\n  import DofMask from '../dof-mask';\n\n  export default {\n    components: {\n      DofMask\n    },\n    props: {\n      width: {\n        type: [Number, String],\n        default: 750\n      },\n      height: {\n        type: [Number, String],\n        default: 750\n      },\n      show: {\n        type: Boolean,\n        default: false\n      },\n      imageList: Array,\n      indicatorColor: {\n        type: Object,\n        default: () => ({\n          'item-color': 'rgba(255, 195, 0, .5)',\n          'item-selected-color': '#ffc300',\n          'item-size': '20px'\n        })\n      },\n      index: {\n        type: [Number, String],\n        default: 0\n      },\n      interval: {\n        type: [Number, String],\n        default: 3000\n      },\n      opacity: {\n        type: [Number, String],\n        default: 0.6\n      }\n    },\n    computed: {\n      indicatorStyle () {\n        return {\n          width: this.width + 'px',\n          ...this.indicatorColor\n        };\n      }\n    },\n    methods: {\n      maskOverlayClick () {\n        this.$emit('dofLightboxOverlayClicked', {});\n      }\n    }\n  };\n</script>\n","\n.indicator .weex-indicator-item {\n  width: 20px;\n  height: 20px;\n}","\n.indicator .weex-indicator-item.weex-indicator-item-active {\n  background-color: #ffc300;\n}","\n.indicator .weex-indicator-item {\n  background-color: rgba(255, 195, 0, .5);\n}"],"sourceRoot":""}]);
 
 // exports
 
@@ -9398,7 +9398,7 @@ exports = module.exports = __webpack_require__(0)(true);
 
 
 // module
-exports.push([module.i, "\n.inputBox[data-v-7fafbf05] {\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  position: relative;\n  -webkit-box-align: stretch;\n  -webkit-align-items: stretch;\n          align-items: stretch;\n  overflow: hidden;\n}\n.input[data-v-7fafbf05] {\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n          flex: 1;\n  padding-left: 0.42667rem;\n  /* padding-right: 30px; */\n  placeholder-color: #c7c7cc;\n}\n.input[data-v-7fafbf05]::-webkit-input-placeholder {\n  color: #c7c7cc;\n}\n.input[data-v-7fafbf05]:-moz-placeholder {\n  color: #c7c7cc;\n}\n.input[data-v-7fafbf05]::-moz-placeholder {\n  color: #c7c7cc;\n}\n.input[data-v-7fafbf05]:-ms-input-placeholder {\n  color: #c7c7cc;\n}\n.input[data-v-7fafbf05]:placeholder-shown {\n  color: #c7c7cc;\n}\n.right[data-v-7fafbf05] {\n  /* padding-left: 30px; */\n  padding-right: 0.4rem;\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: 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.icon[data-v-7fafbf05] {\n  /* position: absolute; */\n}\n.clearImg[data-v-7fafbf05] {\n  width: 0.64rem;\n  height: 0.64rem;\n}\n.PWDImg[data-v-7fafbf05] {\n  width: 0.64rem;\n  height: 0.64rem;\n  margin-left: 0.13333rem;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-input/index.vue?2cc55517","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-input/<no source>"],"names":[],"mappings":";AAqDA;EACA,qBAAA;EAAA,sBAAA;EAAA,cAAA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,mBAAA;EACA,2BAAA;EAAA,6BAAA;UAAA,qBAAA;EACA,iBAAA;CACA;AACA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA;EACA,yBAAA;EACA,0BAAA;EACA,2BAAA;CACA;ACjEA;EAAA,eAAA;CAAA;AAAA;EAAA,eAAA;CAAA;AAAA;EAAA,eAAA;CAAA;AAAA;EAAA,eAAA;CAAA;AAAA;EAAA,eAAA;CAAA;ADkEA;EACA,yBAAA;EACA,sBAAA;EACA,qBAAA;EAAA,sBAAA;EAAA,cAAA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;CACA;AACA;EACA,yBAAA;CACA;AACA;EACA,eAAA;EACA,gBAAA;CACA;AACA;EACA,eAAA;EACA,gBAAA;EACA,wBAAA;CACA","file":"index.vue","sourcesContent":["<template>\n  <div :style=\"_inputBoxStyle\">\n    <div class=\"inputBox\" :style=\"{ borderRadius }\">\n      <input\n        class=\"input\"\n        :type=\"type_\"\n        :value=\"value\"\n        :autofocus=\"autofocus\"\n        :maxlength=\"maxlength\"\n        :return-key-type=\"returnKeyType\"\n        :singleline=\"singleline\"\n        :max=\"max\"\n        :min=\"min\"\n        :upriseOffset=\"upriseOffset\"\n        :hideDoneButton=\"hideDoneButton\"\n        :placeholder=\"placeholder\"\n        :style=\"_inputStyle\"\n        @input=\"input\"\n      />\n      <div class=\"right\" v-if=\"isShowRight\" :style=\"{ backgroundColor: _inputStyle.backgroundColor }\">\n        <dof-iconfont\n          v-if=\"_isShowClear && _isColmo\"\n          class=\"icon\"\n          :code=\"'\\u4725'\"\n          :size=\"48\"\n          :color=\"_isColmo ? '#78797A' : '#1E2E37'\"\n          @dofIconFontClicked=\"handleClear\"\n        ></dof-iconfont>\n        <image v-if=\"_isShowClear && !_isColmo\" class=\"clearImg\" :src=\"iconImg.empty\" @click=\"handleClear\"></image>\n        <dof-iconfont\n          v-if=\"isShowPWDIcon && _isColmo\"\n          class=\"icon\"\n          :code=\"PWDIcon\"\n          :size=\"48\"\n          :color=\"_isColmo ? '#78797A' : '#1E2E37'\"\n          @dofIconFontClicked=\"handleTogglePWD\"\n        ></dof-iconfont>\n        <image v-if=\"isShowPWDIcon && !_isColmo\" class=\"PWDImg\" :src=\"PWDImg\" @click=\"handleTogglePWD\"></image>\n        <slot name=\"right\">\n          <!-- <dof-iconfont\n          class=\"icon\"\n          :code=\"icon.code ? icon.code : iconCode\"\n          :size=\"icon.size ? icon.size : 48\"\n          :color=\"icon.color ? icon.color : _isColmo ? '#78797A' : '#1E2E37'\"\n          @dofIconFontClicked=\"handleClick\"\n        ></dof-iconfont> -->\n        </slot>\n      </div>\n    </div>\n  </div>\n</template>\n<style src=\"./colmo.css\" scoped></style>\n<style scoped>\n.inputBox {\n  display: flex;\n  flex-direction: row;\n  position: relative;\n  align-items: stretch;\n  overflow: hidden;\n}\n.input {\n  flex: 1;\n  padding-left: 32px;\n  /* padding-right: 30px; */\n  placeholder-color: #c7c7cc;\n}\n.right {\n  /* padding-left: 30px; */\n  padding-right: 30px;\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n.icon {\n  /* position: absolute; */\n}\n.clearImg {\n  width: 48px;\n  height: 48px;\n}\n.PWDImg {\n  width: 48px;\n  height: 48px;\n  margin-left: 10px;\n}\n</style>\n\n<script>\nimport ColmoMixin from '../../mixins/colmo'\nimport DofIconfont from '../dof-iconfont'\nimport iconImg from './icon'\nexport default {\n  mixins: [ColmoMixin],\n  components: { DofIconfont },\n  props: {\n    //\n    value: {\n      type: String,\n      default: ''\n    },\n    placeholder: {\n      type: String,\n      default: ''\n    },\n    type: {\n      type: String,\n      default: 'text'\n    },\n    autofocus: {\n      type: Boolean,\n      default: false\n    },\n    maxlength: {\n      type: Number\n    },\n    returnKeyType: {\n      type: String\n    },\n    singleline: {\n      type: Boolean,\n      default: true\n    },\n    max: {\n      type: String\n    },\n    min: {\n      type: String\n    },\n    upriseOffset: {\n      type: Number\n    },\n    hideDoneButton: {\n      type: Boolean,\n      default: false\n    },\n    bgColor: {\n      type: String,\n      default: ''\n    },\n    height: {\n      type: Number,\n      default: 0\n    },\n    // 是否展示右侧X\n    isShowClear: {\n      type: Boolean,\n      default: false\n    },\n    // 是否展示右侧密码切换图标\n    isShowPWDIcon: {\n      type: Boolean,\n      default: false\n    },\n    // { code: '\\u4729', size: 48, color: '#333'}\n    icon: {\n      type: Object,\n      default: () => ({})\n    },\n    inputStyle: {\n      type: Object,\n      default: () => ({})\n    },\n    inputBoxStyle: {\n      type: Object,\n      default: () => ({})\n    },\n    // 增加边框弧度参数，设置内容器弧度，解决安卓边框渲染问题\n    borderRadius: {\n      type: String,\n      default: ''\n    }\n  },\n  model: {\n    prop: 'value',\n    event: 'input'\n  },\n  watch: {\n    type: {\n      handler(val) {\n        this.type_ = val\n      },\n      immediate: true\n    }\n  },\n  computed: {\n    _height() {\n      return this.height ? this.height : this._isColmo ? '104' : '104'\n    },\n    _inputStyle() {\n      return {\n        backgroundColor: this.bgColor ? this.bgColor : this._isColmo ? '#303237' : '#fff',\n        height: this._height + 'px',\n        lineHeight: this._height + 'px',\n        ...this.inputStyle\n      }\n    },\n    _inputBoxStyle() {\n      return {\n        height: Number(this._height) + 2 + 'px',\n        borderRadius: this.borderRadius,\n        ...this.inputBoxStyle\n      }\n    },\n    _isShowClear() {\n      return this.isShowClear && this.value.length > 0\n    },\n    isShowRight() {\n      return this._isShowClear || this.isShowPWDIcon || !!this.$slots.right\n    },\n    PWDIcon() {\n      return this.type_ === 'password' ? '\\u4769' : '\\u4768'\n    },\n    PWDImg() {\n      return this.type_ === 'password' ? this.iconImg.show : this.iconImg.hide\n    }\n  },\n  data() {\n    return {\n      type_: 'text',\n      iconCode: '',\n      iconImg\n    }\n  },\n  methods: {\n    input({ value }) {\n      this.$emit('input', value)\n    },\n    handleClear() {\n      this.$emit('input', '')\n    },\n    handleClick() {\n      this.$emit('iconClick')\n    },\n    handleTogglePWD() {\n      if (this.type !== 'password' && this.type !== 'text') return\n\n      if (this.type_ === 'password') {\n        this.type_ = 'text'\n      } else {\n        this.type_ = 'password'\n      }\n    }\n  }\n}\n</script>\n",null],"sourceRoot":""}]);
+exports.push([module.i, "\n.inputBox[data-v-7fafbf05] {\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  position: relative;\n  -webkit-box-align: stretch;\n  -webkit-align-items: stretch;\n          align-items: stretch;\n  overflow: hidden;\n}\n.input[data-v-7fafbf05] {\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n          flex: 1;\n  padding-left: 0.42667rem;\n  /* padding-right: 30px; */\n  placeholder-color: #c7c7cc;\n}\n.input[data-v-7fafbf05]::-webkit-input-placeholder {\n  color: #c7c7cc;\n}\n.input[data-v-7fafbf05]:-moz-placeholder {\n  color: #c7c7cc;\n}\n.input[data-v-7fafbf05]::-moz-placeholder {\n  color: #c7c7cc;\n}\n.input[data-v-7fafbf05]:-ms-input-placeholder {\n  color: #c7c7cc;\n}\n.input[data-v-7fafbf05]:placeholder-shown {\n  color: #c7c7cc;\n}\n.right[data-v-7fafbf05] {\n  /* padding-left: 30px; */\n  padding-right: 0.4rem;\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: 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.icon[data-v-7fafbf05] {\n  /* position: absolute; */\n}\n.clearImg[data-v-7fafbf05] {\n  width: 0.64rem;\n  height: 0.64rem;\n}\n.PWDImg[data-v-7fafbf05] {\n  width: 0.64rem;\n  height: 0.64rem;\n  margin-left: 0.13333rem;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-input/index.vue?0eb80f42","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-input/<no source>"],"names":[],"mappings":";AAqDA;EACA,qBAAA;EAAA,sBAAA;EAAA,cAAA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,mBAAA;EACA,2BAAA;EAAA,6BAAA;UAAA,qBAAA;EACA,iBAAA;CACA;AACA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA;EACA,yBAAA;EACA,0BAAA;EACA,2BAAA;CACA;ACjEA;EAAA,eAAA;CAAA;AAAA;EAAA,eAAA;CAAA;AAAA;EAAA,eAAA;CAAA;AAAA;EAAA,eAAA;CAAA;AAAA;EAAA,eAAA;CAAA;ADkEA;EACA,yBAAA;EACA,sBAAA;EACA,qBAAA;EAAA,sBAAA;EAAA,cAAA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;CACA;AACA;EACA,yBAAA;CACA;AACA;EACA,eAAA;EACA,gBAAA;CACA;AACA;EACA,eAAA;EACA,gBAAA;EACA,wBAAA;CACA","file":"index.vue","sourcesContent":["<template>\n  <div :style=\"_inputBoxStyle\">\n    <div class=\"inputBox\" :style=\"{ borderRadius }\">\n      <input\n        class=\"input\"\n        :type=\"type_\"\n        :value=\"value\"\n        :autofocus=\"autofocus\"\n        :maxlength=\"maxlength\"\n        :return-key-type=\"returnKeyType\"\n        :singleline=\"singleline\"\n        :max=\"max\"\n        :min=\"min\"\n        :upriseOffset=\"upriseOffset\"\n        :hideDoneButton=\"hideDoneButton\"\n        :placeholder=\"placeholder\"\n        :style=\"_inputStyle\"\n        @input=\"input\"\n      />\n      <div class=\"right\" v-if=\"isShowRight\" :style=\"{ backgroundColor: _inputStyle.backgroundColor }\">\n        <dof-iconfont\n          v-if=\"_isShowClear && _isColmo\"\n          class=\"icon\"\n          :code=\"'\\u4725'\"\n          :size=\"48\"\n          :color=\"_isColmo ? '#78797A' : '#1E2E37'\"\n          @dofIconFontClicked=\"handleClear\"\n        ></dof-iconfont>\n        <image v-if=\"_isShowClear && !_isColmo\" class=\"clearImg\" :src=\"iconImg.empty\" @click=\"handleClear\"></image>\n        <dof-iconfont\n          v-if=\"isShowPWDIcon && _isColmo\"\n          class=\"icon\"\n          :code=\"PWDIcon\"\n          :size=\"48\"\n          :color=\"_isColmo ? '#78797A' : '#1E2E37'\"\n          @dofIconFontClicked=\"handleTogglePWD\"\n        ></dof-iconfont>\n        <image v-if=\"isShowPWDIcon && !_isColmo\" class=\"PWDImg\" :src=\"PWDImg\" @click=\"handleTogglePWD\"></image>\n        <slot name=\"right\">\n          <!-- <dof-iconfont\n          class=\"icon\"\n          :code=\"icon.code ? icon.code : iconCode\"\n          :size=\"icon.size ? icon.size : 48\"\n          :color=\"icon.color ? icon.color : _isColmo ? '#78797A' : '#1E2E37'\"\n          @dofIconFontClicked=\"handleClick\"\n        ></dof-iconfont> -->\n        </slot>\n      </div>\n    </div>\n  </div>\n</template>\n<style src=\"./colmo.css\" scoped></style>\n<style scoped>\n.inputBox {\n  display: flex;\n  flex-direction: row;\n  position: relative;\n  align-items: stretch;\n  overflow: hidden;\n}\n.input {\n  flex: 1;\n  padding-left: 32px;\n  /* padding-right: 30px; */\n  placeholder-color: #c7c7cc;\n}\n.right {\n  /* padding-left: 30px; */\n  padding-right: 30px;\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n}\n.icon {\n  /* position: absolute; */\n}\n.clearImg {\n  width: 48px;\n  height: 48px;\n}\n.PWDImg {\n  width: 48px;\n  height: 48px;\n  margin-left: 10px;\n}\n</style>\n\n<script>\nimport ColmoMixin from '../../mixins/colmo'\nimport DofIconfont from '../dof-iconfont'\nimport iconImg from './icon'\nexport default {\n  mixins: [ColmoMixin],\n  components: { DofIconfont },\n  props: {\n    //\n    value: {\n      type: String,\n      default: ''\n    },\n    placeholder: {\n      type: String,\n      default: ''\n    },\n    type: {\n      type: String,\n      default: 'text'\n    },\n    autofocus: {\n      type: Boolean,\n      default: false\n    },\n    maxlength: {\n      type: Number\n    },\n    returnKeyType: {\n      type: String\n    },\n    singleline: {\n      type: Boolean,\n      default: true\n    },\n    max: {\n      type: String\n    },\n    min: {\n      type: String\n    },\n    upriseOffset: {\n      type: Number\n    },\n    hideDoneButton: {\n      type: Boolean,\n      default: false\n    },\n    bgColor: {\n      type: String,\n      default: ''\n    },\n    height: {\n      type: Number,\n      default: 0\n    },\n    // 是否展示右侧X\n    isShowClear: {\n      type: Boolean,\n      default: false\n    },\n    // 是否展示右侧密码切换图标\n    isShowPWDIcon: {\n      type: Boolean,\n      default: false\n    },\n    // { code: '\\u4729', size: 48, color: '#333'}\n    icon: {\n      type: Object,\n      default: () => ({})\n    },\n    inputStyle: {\n      type: Object,\n      default: () => ({})\n    },\n    inputBoxStyle: {\n      type: Object,\n      default: () => ({})\n    },\n    // 增加边框弧度参数，设置内容器弧度，解决安卓边框渲染问题\n    borderRadius: {\n      type: String,\n      default: ''\n    }\n  },\n  model: {\n    prop: 'value',\n    event: 'input'\n  },\n  watch: {\n    type: {\n      handler(val) {\n        this.type_ = val\n      },\n      immediate: true\n    }\n  },\n  computed: {\n    _height() {\n      return this.height ? this.height : this._isColmo ? '104' : '104'\n    },\n    _inputStyle() {\n      return {\n        backgroundColor: this.bgColor ? this.bgColor : this._isColmo ? '#1d1f22' : '#fff',\n        height: this._height + 'px',\n        lineHeight: this._height + 'px',\n        ...this.inputStyle\n      }\n    },\n    _inputBoxStyle() {\n      return {\n        height: Number(this._height) + 2 + 'px',\n        borderRadius: this.borderRadius,\n        ...this.inputBoxStyle\n      }\n    },\n    _isShowClear() {\n      return this.isShowClear && this.value.length > 0\n    },\n    isShowRight() {\n      return this._isShowClear || this.isShowPWDIcon || !!this.$slots.right\n    },\n    PWDIcon() {\n      return this.type_ === 'password' ? '\\u4769' : '\\u4768'\n    },\n    PWDImg() {\n      return this.type_ === 'password' ? this.iconImg.show : this.iconImg.hide\n    }\n  },\n  data() {\n    return {\n      type_: 'text',\n      iconCode: '',\n      iconImg\n    }\n  },\n  methods: {\n    input({ value }) {\n      this.$emit('input', value)\n    },\n    handleClear() {\n      this.$emit('input', '')\n    },\n    handleClick() {\n      this.$emit('iconClick')\n    },\n    handleTogglePWD() {\n      if (this.type !== 'password' && this.type !== 'text') return\n\n      if (this.type_ === 'password') {\n        this.type_ = 'text'\n      } else {\n        this.type_ = 'password'\n      }\n    }\n  }\n}\n</script>\n",null],"sourceRoot":""}]);
 
 // exports
 
@@ -9608,7 +9608,7 @@ exports = module.exports = __webpack_require__(0)(true);
 
 
 // module
-exports.push([module.i, "\n.dof-numcard-row[data-v-9d7189c4] {\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: row;\n          flex-direction: row;\n  -webkit-flex-wrap: nowrap;\n          flex-wrap: nowrap;\n  overflow: hidden;\n}\n@media screen and (weex-theme: colmo) {\n.dof-numcard-row[data-v-9d7189c4] {\n    border-radius: 0px;\n}\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-numcard-row/index.vue?0ebea1f5"],"names":[],"mappings":";AAsDA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;UAAA,kBAAA;EACA,iBAAA;CACA;AACA;AACA;IACA,mBAAA;CACA;CACA","file":"index.vue","sourcesContent":["<template>\n  <div class=\"dof-numcard-row\" :style=\"{ backgroundColor: this._backgroundColor }\">\n    <slot></slot>\n  </div>\n</template>\n\n<script>\nimport { mixParent } from '../utils/mix-parent.js'\nimport ColmoMixin from '../../mixins/colmo'\n\nexport default {\n  mixins: [mixParent('dof-row'), ColmoMixin],\n  props: {\n    borderRightPadding: {\n      type: Number,\n      default: 32\n    },\n    borderBottomPadding: {\n      type: Number,\n      default: 40\n    },\n    isShowBorderRight: {\n      type: Boolean,\n      default: true\n    },\n    isShowBorderBottom: {\n      type: Boolean,\n      default: false\n    },\n    isShowDelta: {\n      type: Boolean,\n      default: false\n    },\n    bgColor: {\n      type: String,\n      default: ''\n    },\n    paddingHorizontal: {\n      type: {\n        type: Number,\n        default: 0\n      }\n    }\n  },\n  computed: {\n    _backgroundColor() {\n      if (this.bgColor !== '') return this.bgColor\n      return this._isColmo ? '#303237' : '#fff'\n    }\n  }\n}\n</script>\n\n<style scoped>\n.dof-numcard-row {\n  flex-direction: row;\n  flex-wrap: nowrap;\n  overflow: hidden;\n}\n@media screen and (weex-theme: colmo) {\n  .dof-numcard-row {\n    border-radius: 0px;\n  }\n}\n</style>\n"],"sourceRoot":""}]);
+exports.push([module.i, "\n.dof-numcard-row[data-v-9d7189c4] {\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: row;\n          flex-direction: row;\n  -webkit-flex-wrap: nowrap;\n          flex-wrap: nowrap;\n  overflow: hidden;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-numcard-row/index.vue?31752734"],"names":[],"mappings":";AAsDA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;UAAA,kBAAA;EACA,iBAAA;CACA","file":"index.vue","sourcesContent":["<template>\n  <div class=\"dof-numcard-row\" :style=\"{ backgroundColor: this._backgroundColor }\">\n    <slot></slot>\n  </div>\n</template>\n\n<script>\nimport { mixParent } from '../utils/mix-parent.js'\nimport ColmoMixin from '../../mixins/colmo'\n\nexport default {\n  mixins: [mixParent('dof-row'), ColmoMixin],\n  props: {\n    borderRightPadding: {\n      type: Number,\n      default: 32\n    },\n    borderBottomPadding: {\n      type: Number,\n      default: 40\n    },\n    isShowBorderRight: {\n      type: Boolean,\n      default: true\n    },\n    isShowBorderBottom: {\n      type: Boolean,\n      default: false\n    },\n    isShowDelta: {\n      type: Boolean,\n      default: true\n    },\n    bgColor: {\n      type: String,\n      default: ''\n    },\n    paddingHorizontal: {\n      type: {\n        type: Number,\n        default: 0\n      }\n    }\n  },\n  computed: {\n    _backgroundColor() {\n      if (this.bgColor !== '') return this.bgColor\n      return this._isColmo ? '#1d1f22' : '#fff'\n    }\n  }\n}\n</script>\n\n<style scoped>\n.dof-numcard-row {\n  flex-direction: row;\n  flex-wrap: nowrap;\n  overflow: hidden;\n}\n</style>\n"],"sourceRoot":""}]);
 
 // exports
 
@@ -9664,7 +9664,7 @@ exports = module.exports = __webpack_require__(0)(true);
 
 
 // module
-exports.push([module.i, "\n@media screen and (weex-theme: colmo) {\n.wrapper[data-v-bace8aa8] {\n    background-color: #151617;\n}\n.icon-container[data-v-bace8aa8] {\n    background-color: #151617\n}\n.tab-bar-item-title-text[data-v-bace8aa8] {\n    color: rgba(255,255,255,0.80);\n}\n.line-wrapper[data-v-bace8aa8] {\n    background-color: #151617;\n}\n.tab-bar-item-icon-text[data-v-bace8aa8] {\n    font-family: PingFangSC-Regular;\n    font-size: 0.42667rem;\n}\n}", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-bottom-bar/colmo.css"],"names":[],"mappings":";AAAA;AACE;IACE,0BAA0B;CAC3B;AACD;IACE,yBAAyB;CAC1B;AACD;IACE,8BAA8B;CAC/B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,gCAAgC;IAChC,sBAAgB;CACjB;CACF","file":"colmo.css","sourcesContent":["@media screen and (weex-theme: colmo) {\n  .wrapper {\n    background-color: #151617;\n  }\n  .icon-container {\n    background-color: #151617\n  }\n  .tab-bar-item-title-text {\n    color: rgba(255,255,255,0.80);\n  }\n  .line-wrapper {\n    background-color: #151617;\n  }\n  .tab-bar-item-icon-text {\n    font-family: PingFangSC-Regular;\n    font-size: 32px;\n  }\n}"],"sourceRoot":""}]);
+exports.push([module.i, "\n@media screen and (weex-theme: colmo) {\n.wrapper[data-v-bace8aa8] {\n    background-color: #151617;\n}\n.icon-container[data-v-bace8aa8] {\n    background-color: #151617\n}\n.tab-bar-item-title-text[data-v-bace8aa8] {\n    color: rgba(255,255,255,0.80);\n}\n.line-wrapper[data-v-bace8aa8] {\n    background-color: #151617;\n}\n.tab-bar-item-icon-text[data-v-bace8aa8] {\n    font-family: PingFangSC-Regular;\n}\n}", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-bottom-bar/colmo.css"],"names":[],"mappings":";AAAA;AACE;IACE,0BAA0B;CAC3B;AACD;IACE,yBAAyB;CAC1B;AACD;IACE,8BAA8B;CAC/B;AACD;IACE,0BAA0B;CAC3B;AACD;IACE,gCAAgC;CACjC;CACF","file":"colmo.css","sourcesContent":["@media screen and (weex-theme: colmo) {\n  .wrapper {\n    background-color: #151617;\n  }\n  .icon-container {\n    background-color: #151617\n  }\n  .tab-bar-item-title-text {\n    color: rgba(255,255,255,0.80);\n  }\n  .line-wrapper {\n    background-color: #151617;\n  }\n  .tab-bar-item-icon-text {\n    font-family: PingFangSC-Regular;\n  }\n}"],"sourceRoot":""}]);
 
 // exports
 
@@ -9748,7 +9748,7 @@ exports = module.exports = __webpack_require__(0)(true);
 
 
 // module
-exports.push([module.i, "\n.indicator {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: 0.66667rem;\n  item-color: rgba(255, 255, 255, 0.5);\n  item-selectedcolor: rgba(255, 255, 255, 1);\n  item-size: 0.18667rem;\n}\n.indicator .weex-indicator-item {\n  width: 0.18667rem;\n  height: 0.18667rem;\n}\n.indicator .weex-indicator-item {\n  background-color: rgba(255, 255, 255, 0.5);\n}\n.slider {\n  /* background-color: #f2f2f2; */\n  /* margin-left: 32px; */\n  border-radius: 0.21333rem;\n}\n.image {\n  border-radius: 0.21333rem;\n  /* background-color: #f2f2f2; */\n}\n.div_out {\n  border-radius: 0.21333rem;\n  position: relative;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-swiper/index.vue?c4f8ca12","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-swiper/<input css 14>","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-swiper/<input css 13>"],"names":[],"mappings":";AAkCA;EACA,mBAAA;EACA,UAAA;EACA,QAAA;EACA,SAAA;EACA,mBAAA;EACA,qCAAA;EACA,2CAAA;EACA,sBAAA;CACA;AC1CA;EACE,kBAAY;EACZ,mBAAa;CACd;ACHD;EACE,2CAA2C;CAC5C;AFyCD;EACA,gCAAA;EACA,wBAAA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;EACA,gCAAA;CACA;AACA;EACA,0BAAA;EACA,mBAAA;CACA","file":"index.vue","sourcesContent":["<template>\n  <div :style=\"{ marginLeft: divLeft, width: imgWidth }\" class=\"div_out\">\n    <slider\n      class=\"slider\"\n      :style=\"sliderStyle\"\n      :interval=\"interval\"\n      @change=\"change\"\n      :auto-play=\"autoplay\"\n      :infinite=\"infinite\"\n    >\n      <div v-for=\"(item, index) in slItems\" :key=\"index\" @click=\"imgClicked(item, index)\">\n        <image\n          :resize=\"imgResize\"\n          :style=\"{ width: imgWidth, height: imgHeight, backgroundColor: imageBgColor }\"\n          :src=\"item.url\"\n          :placeholder=\"phImgUrl\"\n          class=\"image\"\n        >\n        </image>\n      </div>\n      <indicator class=\"indicator\" :style=\"indicatorStyle\" v-if=\"showIndicator && !_isColmo\"></indicator>\n    </slider>\n    <div class=\"indicator-box\" v-if=\"showIndicator && _isColmo\">\n      <div\n        :class=\"['indicator-item', i === slItems.length - 1 && 'isLast', i == active && 'active']\"\n        :style=\"indicatorStyle\"\n        v-for=\"(item, i) in slItems\"\n        :key=\"i\"\n      ></div>\n    </div>\n  </div>\n</template>\n\n<style>\n.indicator {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: 50px;\n  item-color: rgba(255, 255, 255, 0.5);\n  item-selectedcolor: rgba(255, 255, 255, 1);\n  item-size: 14px;\n}\n.slider {\n  /* background-color: #f2f2f2; */\n  /* margin-left: 32px; */\n  border-radius: 16px;\n}\n.image {\n  border-radius: 16px;\n  /* background-color: #f2f2f2; */\n}\n.div_out {\n  border-radius: 16px;\n  position: relative;\n}\n</style>\n<style scoped src=\"./colmo.css\"></style>\n\n<script>\nconst icon = require('../setting/icon.base64')\nvar PLACEHOLDERIMAGE = icon['ic_img_null@2x']\nconst modal = weex.requireModule('modal')\nimport ColmoMixin from '../../mixins/colmo'\n\nexport default {\n  mixins: [ColmoMixin],\n  props: {\n    sliderStyle: {\n      type: Object,\n      default: () => ({\n        width: '686px',\n        height: '280px',\n        position: 'relative'\n      })\n    },\n    indicatorStyle: {\n      type: Object,\n      default: () => ({})\n    },\n    items: {\n      type: Array,\n      default: () => []\n    },\n    interval: {\n      type: Number,\n      default: 3000\n    },\n    autoplay: {\n      type: Boolean,\n      default: true\n    },\n    infinite: {\n      type: Boolean,\n      default: true\n    },\n    imgResize: {\n      type: String,\n      default: 'cover'\n    },\n    imgWidth: {\n      type: String,\n      default: '686px'\n    },\n    divLeft: {\n      type: String,\n      default: '32px'\n    },\n    imgHeight: {\n      type: String,\n      default: '280px'\n    },\n    showIndicator: {\n      type: Boolean,\n      default: true\n    },\n    phImgUrl: {\n      type: String,\n      default: PLACEHOLDERIMAGE\n    },\n    imageBgColor: {\n      type: String,\n      default: '#f2f2f2'\n    }\n  },\n  data: function() {\n    return {\n      slItems: [],\n      active: 0\n    }\n  },\n  created() {\n    if (this.items.length > 10) {\n      this.slItems.splice(0)\n      this.slItems = this.items.slice(0, 10)\n    } else if (this.items.length <= 10) {\n      this.slItems.splice(0)\n      this.slItems = this.items.slice(0)\n    }\n  },\n  methods: {\n    imgClicked(target, index) {\n      this.$emit('dofSwiperClicked', { target, index })\n    },\n    change(val) {\n      this.active = val.index\n    }\n  }\n}\n</script>\n","\n.indicator .weex-indicator-item {\n  width: 14px;\n  height: 14px;\n}","\n.indicator .weex-indicator-item {\n  background-color: rgba(255, 255, 255, 0.5);\n}"],"sourceRoot":""}]);
+exports.push([module.i, "\n.indicator {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: 0.66667rem;\n  item-color: rgba(255, 255, 255, 0.5);\n  item-selectedcolor: rgba(255, 255, 255, 1);\n  item-size: 0.18667rem;\n}\n.indicator .weex-indicator-item {\n  width: 0.18667rem;\n  height: 0.18667rem;\n}\n.indicator .weex-indicator-item {\n  background-color: rgba(255, 255, 255, 0.5);\n}\n.slider {\n  /* background-color: #f2f2f2; */\n  /* margin-left: 32px; */\n  border-radius: 0.21333rem;\n}\n.image {\n  border-radius: 0.21333rem;\n  /* background-color: #f2f2f2; */\n}\n.div_out {\n  border-radius: 0.21333rem;\n  position: relative;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-swiper/index.vue?c4f8ca12","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-swiper/<input css 17>","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-swiper/<input css 16>"],"names":[],"mappings":";AAkCA;EACA,mBAAA;EACA,UAAA;EACA,QAAA;EACA,SAAA;EACA,mBAAA;EACA,qCAAA;EACA,2CAAA;EACA,sBAAA;CACA;AC1CA;EACE,kBAAY;EACZ,mBAAa;CACd;ACHD;EACE,2CAA2C;CAC5C;AFyCD;EACA,gCAAA;EACA,wBAAA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;EACA,gCAAA;CACA;AACA;EACA,0BAAA;EACA,mBAAA;CACA","file":"index.vue","sourcesContent":["<template>\n  <div :style=\"{ marginLeft: divLeft, width: imgWidth }\" class=\"div_out\">\n    <slider\n      class=\"slider\"\n      :style=\"sliderStyle\"\n      :interval=\"interval\"\n      @change=\"change\"\n      :auto-play=\"autoplay\"\n      :infinite=\"infinite\"\n    >\n      <div v-for=\"(item, index) in slItems\" :key=\"index\" @click=\"imgClicked(item, index)\">\n        <image\n          :resize=\"imgResize\"\n          :style=\"{ width: imgWidth, height: imgHeight, backgroundColor: imageBgColor }\"\n          :src=\"item.url\"\n          :placeholder=\"phImgUrl\"\n          class=\"image\"\n        >\n        </image>\n      </div>\n      <indicator class=\"indicator\" :style=\"indicatorStyle\" v-if=\"showIndicator && !_isColmo\"></indicator>\n    </slider>\n    <div class=\"indicator-box\" v-if=\"showIndicator && _isColmo\">\n      <div\n        :class=\"['indicator-item', i === slItems.length - 1 && 'isLast', i == active && 'active']\"\n        :style=\"indicatorStyle\"\n        v-for=\"(item, i) in slItems\"\n        :key=\"i\"\n      ></div>\n    </div>\n  </div>\n</template>\n\n<style>\n.indicator {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: 50px;\n  item-color: rgba(255, 255, 255, 0.5);\n  item-selectedcolor: rgba(255, 255, 255, 1);\n  item-size: 14px;\n}\n.slider {\n  /* background-color: #f2f2f2; */\n  /* margin-left: 32px; */\n  border-radius: 16px;\n}\n.image {\n  border-radius: 16px;\n  /* background-color: #f2f2f2; */\n}\n.div_out {\n  border-radius: 16px;\n  position: relative;\n}\n</style>\n<style scoped src=\"./colmo.css\"></style>\n\n<script>\nconst icon = require('../setting/icon.base64')\nvar PLACEHOLDERIMAGE = icon['ic_img_null@2x']\nconst modal = weex.requireModule('modal')\nimport ColmoMixin from '../../mixins/colmo'\n\nexport default {\n  mixins: [ColmoMixin],\n  props: {\n    sliderStyle: {\n      type: Object,\n      default: () => ({\n        width: '686px',\n        height: '280px',\n        position: 'relative'\n      })\n    },\n    indicatorStyle: {\n      type: Object,\n      default: () => ({})\n    },\n    items: {\n      type: Array,\n      default: () => []\n    },\n    interval: {\n      type: Number,\n      default: 3000\n    },\n    autoplay: {\n      type: Boolean,\n      default: true\n    },\n    infinite: {\n      type: Boolean,\n      default: true\n    },\n    imgResize: {\n      type: String,\n      default: 'cover'\n    },\n    imgWidth: {\n      type: String,\n      default: '686px'\n    },\n    divLeft: {\n      type: String,\n      default: '32px'\n    },\n    imgHeight: {\n      type: String,\n      default: '280px'\n    },\n    showIndicator: {\n      type: Boolean,\n      default: true\n    },\n    phImgUrl: {\n      type: String,\n      default: PLACEHOLDERIMAGE\n    },\n    imageBgColor: {\n      type: String,\n      default: '#f2f2f2'\n    }\n  },\n  data: function() {\n    return {\n      slItems: [],\n      active: 0\n    }\n  },\n  created() {\n    if (this.items.length > 10) {\n      this.slItems.splice(0)\n      this.slItems = this.items.slice(0, 10)\n    } else if (this.items.length <= 10) {\n      this.slItems.splice(0)\n      this.slItems = this.items.slice(0)\n    }\n  },\n  methods: {\n    imgClicked(target, index) {\n      this.$emit('dofSwiperClicked', { target, index })\n    },\n    change(val) {\n      this.active = val.index\n    }\n  }\n}\n</script>\n","\n.indicator .weex-indicator-item {\n  width: 14px;\n  height: 14px;\n}","\n.indicator .weex-indicator-item {\n  background-color: rgba(255, 255, 255, 0.5);\n}"],"sourceRoot":""}]);
 
 // exports
 
@@ -11883,7 +11883,7 @@ exports.default = {
     _cardStyle: function _cardStyle() {
       var tmp = { borderRadius: this.themeStyle.borderRadius };
       var style = _extends({
-        backgroundColor: this._isColmo ? '#303237' : this._isDiablo ? '#171c1f' : '#fff'
+        backgroundColor: this._isColmo ? '#1c1e21' : this._isDiablo ? '#171c1f' : '#fff'
       }, tmp, this.cardStyle);
       if (this.touchColor && this.isTouching) style.backgroundColor = this.touchColor;
       return style;
@@ -12627,6 +12627,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 //
 //
 //
+//
 
 var icon = __webpack_require__(7);
 var modal = weex.requireModule('modal');
@@ -12825,10 +12826,10 @@ exports.default = {
     },
     _backgroundColor: function _backgroundColor() {
       if (this.backgroundColor) return this.backgroundColor;
-      return this._isColmo ? '#303237' : this._isDiablo ? '#101315' : '#ffffff';
+      return this._isColmo ? '#1d1f22' : this._isDiablo ? '#101315' : '#ffffff';
     },
     _borderColor: function _borderColor() {
-      return this._isColmo ? 'rgba(255,255,255,0.14)' : '#DDDDDD';
+      return this._isColmo ? '#343639' : '#DDDDDD';
     },
     useFakeBorder: function useFakeBorder() {
       return JSON.stringify(this.fakeBorderStyle) !== '{}';
@@ -13124,7 +13125,7 @@ exports.default = {
     // 底部border样式
     fakeBorderStyleRender: function fakeBorderStyleRender() {
       return _extends({
-        backgroundColor: this._isColmo ? 'rgba(255,255,255,0.14)' : '#DDDDDD'
+        backgroundColor: this._isColmo ? '#343639' : '#DDDDDD'
       }, this.fakeBorderStyle);
     }
   },
@@ -18854,7 +18855,7 @@ exports.default = {
     },
     _inputStyle: function _inputStyle() {
       return _extends({
-        backgroundColor: this.bgColor ? this.bgColor : this._isColmo ? '#303237' : '#fff',
+        backgroundColor: this.bgColor ? this.bgColor : this._isColmo ? '#1d1f22' : '#fff',
         height: this._height + 'px',
         lineHeight: this._height + 'px'
       }, this.inputStyle);
@@ -22025,7 +22026,7 @@ exports.default = {
     },
     isShowDelta: {
       type: Boolean,
-      default: false
+      default: true
     },
     bgColor: {
       type: String,
@@ -22041,7 +22042,7 @@ exports.default = {
   computed: {
     _backgroundColor: function _backgroundColor() {
       if (this.bgColor !== '') return this.bgColor;
-      return this._isColmo ? '#303237' : '#fff';
+      return this._isColmo ? '#1d1f22' : '#fff';
     }
   }
 };
@@ -25266,7 +25267,7 @@ exports.default = {
           _isDiablo = this._isDiablo;
       // 27282a
 
-      return _isColmo ? '#303237' : _isDiablo ? '#101315' : '#FFFFFF';
+      return _isColmo ? '#1c1e21' : _isDiablo ? '#101315' : '#FFFFFF';
     },
     cellStyle: function cellStyle() {
       return { backgroundColor: this.backgroundColor };
@@ -33947,10 +33948,6 @@ exports.default = {
     bgColor: {
       type: String,
       default: ''
-    },
-    isFlexStart: {
-      type: Boolean,
-      default: false
     }
   },
   data: function data() {
@@ -35071,7 +35068,7 @@ var STYLE_MAP = exports.STYLE_MAP = {
       backgroundColor: '#B35336'
     },
     base: {
-      backgroundColor: '#313237'
+      backgroundColor: '#292c30'
     },
     plain: {
       backgroundColor: 'transparent',
@@ -35079,7 +35076,7 @@ var STYLE_MAP = exports.STYLE_MAP = {
       borderColor: '#B35336'
     },
     text: {
-      backgroundColor: '#313237',
+      backgroundColor: '#1c1e21',
       borderWidth: 0
     }
   }
@@ -35278,7 +35275,7 @@ var STYLE_MAP_DIABLO = exports.STYLE_MAP_DIABLO = {
       backgroundColor: '#B35336'
     },
     base: {
-      backgroundColor: '#313237'
+      backgroundColor: '#292c30'
     },
     plain: {
       backgroundColor: 'transparent',
@@ -35679,21 +35676,21 @@ var COLMO_BUTTON_STYLE_MAP = exports.COLMO_BUTTON_STYLE_MAP = {
   full: {
     width: '688px',
     height: '96px',
-    borderRadius: '16px',
+    borderRadius: '0px',
     paddingLeft: '46px',
     paddingRight: '46px'
   },
   big: {
     width: '688px',
     height: '96px',
-    borderRadius: '16px',
+    borderRadius: '0px',
     paddingLeft: '46px',
     paddingRight: '46px'
   },
   medium: {
     width: '688px',
     height: '80px',
-    borderRadius: '16px',
+    borderRadius: '0px',
     paddingLeft: '28px',
     paddingRight: '28px'
   },
@@ -35787,7 +35784,7 @@ var STYLE_MAP = exports.STYLE_MAP = {
     borderRadius: '32px'
   },
   colmo: {
-    borderRadius: '16px'
+    borderRadius: '0px'
   }
 };
 
@@ -45250,7 +45247,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
   }, [_c('div', {
     staticClass: "title weex-ct weex-div",
     style: ({
-      'backgroundColor:active': _vm._isColmo ? 'rgba(255,255,255,0.14)' : _vm._isDiablo ? '#1d1f21' : '#fff'
+      'backgroundColor:active': _vm._isColmo ? '#343639' : _vm._isDiablo ? '#1d1f21' : '#fff'
     }),
     attrs: {
       "weex-type": "div",
@@ -47238,7 +47235,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
   }) : _vm._e()], 1), _vm._v(" "), (!_vm.isLast && _vm.isShowBorder) ? _c('div', {
     staticClass: "fakeStyle weex-ct weex-div",
     style: ({
-      backgroundColor: _vm._isColmo ? 'rgba(255, 255, 255, 0.14)' : '#dddddd',
+      backgroundColor: _vm._isColmo ? 'rgba(255, 255, 255, 0.1)' : '#dddddd',
       right: _vm._px2rem(_vm.isFullBorder ? '0px' : '24px', 75)
     }),
     attrs: {
@@ -47433,8 +47430,8 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
     class: [
       'widget',
       _vm.hasMargin && 'tab-margin',
-      _vm.tabTitles.length === 2 && !_vm.isSlot && _vm.type != 'third-group' && !_vm.isFlexStart && 'tab-padding-160',
-      _vm.tabTitles.length === 3 && !_vm.isSlot && _vm.type != 'third-group' && !_vm.isFlexStart && 'tab-padding-40',
+      _vm.tabTitles.length === 2 && !_vm.isSlot && _vm.type != 'third-group' && 'tab-padding-160',
+      _vm.tabTitles.length === 3 && !_vm.isSlot && _vm.type != 'third-group' && 'tab-padding-40',
       _vm.isSlot && 'flex-expand-layout',
       _vm.type == 'third-group' && 'thirdTabPanel'
     ],
@@ -47549,7 +47546,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
       }
     }, [_vm._v(_vm._s(v.title))])])])
   }), 0) : _vm._e(), _vm._v(" "), (_vm.type !== 'third' && _vm.type !== 'third-group') ? _c('scroller', {
-    class: ['tab-title-list', _vm.tabTitles.length <= 5 && 'space-around-layout', _vm.isFlexStart && 'flex-start-layout'],
+    class: ['tab-title-list', _vm.tabTitles.length <= 5 && 'space-around-layout'],
     attrs: {
       "show-scrollbar": false,
       "scroll-direction": "horizontal"
@@ -47560,7 +47557,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
       ref: 'dof-tab-title-' + index,
       refInFor: true,
       staticClass: " weex-ct weex-div",
-      class: ['title-item', _vm.tabTitles.length > 5 && 'padding-layout-32', _vm.type == 'primary' && 'title-item-primary', _vm.isFlexStart && _vm.tabTitles.length - 1 !== index && 'flex-start-item'],
+      class: ['title-item', _vm.tabTitles.length > 5 && 'padding-layout-32', _vm.type == 'primary' && 'title-item-primary'],
       attrs: {
         "weex-type": "div",
         "data-evt-click": ""
@@ -47588,7 +47585,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
       staticClass: " weex-el weex-text",
       class: ['tab-text', 'dot-tab-text'],
       style: ({
-        fontSize: _vm._px2rem(_vm.isFlexStart && _vm.currentPage === index ? '36px' : _vm.isFlexStart && _vm.currentPage !== index ? '28px' : _vm.type === 'primary' ? '32px' : '28px', 75),
+        fontSize: _vm._px2rem(_vm.type === 'primary' ? '32px' : '28px', 75),
         fontWeight: _vm.currentPage === index && _vm.mergeStyleOption.isActiveTitleBold ? 'normal' : 'normal',
         color: _vm.currentPage === index ? _vm.mergeStyleOption.activeTitleColor : _vm.mergeStyleOption.titleColor
       }),
@@ -50377,7 +50374,11 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
     attrs: {
       "code": _vm.avatarIconFont,
       "size": _vm.avatarIconFontSize,
-      "color": _vm._isColmo ? 'rgba(255,255,255,0.80)' : '#1E2E37'
+      "color": _vm._isColmo ? 'rgba(255,255,255,0.80)' : '#1E2E37',
+      "data-evt-dofIconFontClicked": ""
+    },
+    on: {
+      "dofIconFontClicked": _vm.onClick
     }
   })], {})], 2) : _vm._e(), _vm._v(" "), (_vm.hasDot) ? _c('div', {
     staticClass: "dot-tip weex-ct weex-div",