dolphin-weex-ui 2.0.3 → 2.0.4

package/dist/index.web.js

@@ -8936,7 +8936,7 @@ exports = module.exports = __webpack_require__(0)(true);
 
 
 // module
-exports.push([module.i, "\n.dof-switch-wrapper[data-v-76af8caf] {\n  position: relative;\n  width: 1.28rem;\n  height: 0.64rem;\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.dof-switch-loading[data-v-76af8caf] {\n  width: 0.42667rem;\n  height: 0.42667rem;\n  position: absolute;\n  left: 0.42667rem;\n  top: 0.10667rem;\n}\n.switch[data-v-76af8caf] {\n  width: 1.28rem;\n  height: 0.64rem;\n  border-style: solid;\n  /* border-color: #8a8a8f;\n  background-color: #ffffff; */\n  border-width: 0.05333rem;\n  border-radius: 0.32rem;\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-align: center;\n  -webkit-align-items: center;\n          align-items: center;\n}\n.switch-colmo[data-v-76af8caf] {\n  border-width: 0.02667rem;\n}\n.switch-white[data-v-76af8caf] {\n  width: 1.28rem;\n  height: 0.64rem;\n  border-style: solid;\n  border-color: #ffffff;\n  background-color: #000000;\n  border-width: 0.05333rem;\n  border-radius: 0.32rem;\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-align: center;\n  -webkit-align-items: center;\n          align-items: center;\n  /* margin-right: 12px; */\n}\n.switch-disabled[data-v-76af8caf] {\n  opacity: 0.3;\n}\n.switch-dot[data-v-76af8caf] {\n  border-radius: 0.10667rem;\n  width: 0.21333rem;\n  height: 0.21333rem;\n  position: relative;\n  left: 0.16rem;\n  -webkit-transform-origin: center;\n          transform-origin: center;\n  -webkit-transition-property: all;\n  transition-property: all;\n  -webkit-transition-duration: 5s;\n          transition-duration: 5s;\n  background-color: transparent;\n}\n.switch-white-dot[data-v-76af8caf] {\n  border-radius: 0.10667rem;\n  width: 0.21333rem;\n  height: 0.21333rem;\n  position: relative;\n  left: 0.16rem;\n  -webkit-transition-property: all;\n  transition-property: all;\n  -webkit-transition-duration: 5s;\n          transition-duration: 5s;\n  background-color: transparent;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-switch/index.vue?6e942a5a"],"names":[],"mappings":";AAwBA;EACA,mBAAA;EACA,eAAA;EACA,gBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;CACA;AACA;EACA,kBAAA;EACA,mBAAA;EACA,mBAAA;EACA,iBAAA;EACA,gBAAA;CACA;AAEA;EACA,eAAA;EACA,gBAAA;EACA,oBAAA;EACA;+BACA;EACA,yBAAA;EACA,uBAAA;EACA,qBAAA;EAAA,sBAAA;EAAA,cAAA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;CACA;AACA;EACA,yBAAA;CACA;AACA;EACA,eAAA;EACA,gBAAA;EACA,oBAAA;EACA,sBAAA;EACA,0BAAA;EACA,yBAAA;EACA,uBAAA;EACA,qBAAA;EAAA,sBAAA;EAAA,cAAA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,yBAAA;CACA;AACA;EACA,aAAA;CACA;AACA;EACA,0BAAA;EACA,kBAAA;EACA,mBAAA;EACA,mBAAA;EACA,cAAA;EACA,iCAAA;UAAA,yBAAA;EACA,iCAAA;EAAA,yBAAA;EACA,gCAAA;UAAA,wBAAA;EACA,8BAAA;CACA;AACA;EACA,0BAAA;EACA,kBAAA;EACA,mBAAA;EACA,mBAAA;EACA,cAAA;EACA,iCAAA;EAAA,yBAAA;EACA,gCAAA;UAAA,wBAAA;EACA,8BAAA;CACA","file":"index.vue","sourcesContent":["<template>\n  <div class=\"dof-switch-wrapper\">\n    <dof-spinner :type=\"loadingSrc\" class=\"dof-switch-loading\" v-if=\"loading\" />\n    <div\n      ref=\"switch\"\n      @click=\"changeHandler\"\n      :class=\"[type === 'white' ? 'switch-white' : 'switch', checked && switchActiveClass, `switch-${type}`]\"\n      :style=\"Object.assign({}, mrSwitchStyle, customStyle)\"\n      :accessible=\"true\"\n      :aria-label=\"blindHelptext\"\n    >\n      <div\n        :accessible=\"false\"\n        :aria-hidden=\"true\"\n        ref=\"switchDot\"\n        :style=\"dotStyle\"\n        :class=\"[type === 'white' ? 'switch-white-dot' : 'switch-dot']\"\n      ></div>\n    </div>\n  </div>\n</template>\n\n<style src=\"./colmo.css\"></style>\n<style scoped>\n.dof-switch-wrapper {\n  position: relative;\n  width: 96px;\n  height: 48px;\n  align-items: center;\n  justify-content: center;\n}\n.dof-switch-loading {\n  width: 32px;\n  height: 32px;\n  position: absolute;\n  left: 32px;\n  top: 8px;\n}\n\n.switch {\n  width: 96px;\n  height: 48px;\n  border-style: solid;\n  /* border-color: #8a8a8f;\n  background-color: #ffffff; */\n  border-width: 4px;\n  border-radius: 24px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.switch-colmo {\n  border-width: 2px;\n}\n.switch-white {\n  width: 96px;\n  height: 48px;\n  border-style: solid;\n  border-color: #ffffff;\n  background-color: #000000;\n  border-width: 4px;\n  border-radius: 24px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  /* margin-right: 12px; */\n}\n.switch-disabled {\n  opacity: 0.3;\n}\n.switch-dot {\n  border-radius: 8px;\n  width: 16px;\n  height: 16px;\n  position: relative;\n  left: 12px;\n  transform-origin: center;\n  transition-property: all;\n  transition-duration: 5s;\n  background-color: transparent;\n}\n.switch-white-dot {\n  border-radius: 8px;\n  width: 16px;\n  height: 16px;\n  position: relative;\n  left: 12px;\n  transition-property: all;\n  transition-duration: 5s;\n  background-color: transparent;\n}\n</style>\n\n<script>\n// 带switch按钮的cell\nconst animation = weex.requireModule('animation')\nimport { throttle } from '../../helper/utils'\nimport ColmoMixin from '../../mixins/colmo'\nimport { STYLE_MAP } from './style'\nimport DofSpinner from '../dof-spinner'\nexport default {\n  components: { DofSpinner },\n  mixins: [ColmoMixin],\n  props: {\n    checked: {\n      type: Boolean,\n      default: true\n    },\n    type: {\n      type: String,\n      default: 'default'\n    },\n    disabled: {\n      type: Boolean,\n      default: false\n    },\n    loading: {\n      type: Boolean,\n      default: false\n    },\n    isLightLoading: {\n      type: Boolean,\n      default: false\n    },\n    blindHelptext: {\n      type: String,\n      default: ''\n    },\n    borderColor: {\n      type: String,\n      default: ''\n    },\n    backgroundColor: {\n      type: String,\n      default: ''\n    },\n    isScale: {\n      typeof: Boolean,\n      default: undefined\n    },\n    dotColor: {\n      typeof: String,\n      default: ''\n    }\n  },\n  computed: {\n    loadingSrc() {\n      if (this._isColmo || this.type === 'colmo') return 'colmo'\n      const src = this.isLightLoading ? 'white' : 'black'\n      return src\n    },\n    switchActiveClass() {\n      const { type } = this\n      return `switch-active-${type}`\n    },\n    mrSwitchStyle() {\n      return this.disabled ? { opacity: 0.3 } : this.loading ? { opacity: 0 } : { opacity: 1 }\n    },\n    dotStyle() {\n      return {\n        // 安卓1px渲染误差\n        top: weex.config.env.platform.toLowerCase() === 'android' ? '1px' : '0px'\n      }\n    },\n    customStyle() {\n      let res = {}\n      if (this.checked) {\n        res = { ...STYLE_MAP[this.type] } || {}\n      } else {\n        res = {\n          'border-color': '#8a8a8f',\n          'background-color': '#ffffff'\n        }\n      }\n      // colmo\n      if ((this._isColmo && this.type === 'default') || this.type === 'colmo') {\n        res.borderColor = this.checked ? '#B35336' : '#71717A'\n        res.backgroundColor = 'transparent'\n      }\n\n      if (this.borderColor) res.borderColor = this.borderColor\n      if (this.backgroundColor) res.backgroundColor = this.backgroundColor\n      return res\n    },\n    _dotColor() {\n      let dotColor = ''\n      if (this.checked) {\n        dotColor = this.type === 'white' ? '#000000' : '#ffffff'\n        // colmo\n        if ((this._isColmo && this.type === 'default') || this.type === 'colmo') dotColor = '#B35336'\n        if (this.dotColor) dotColor = this.dotColor\n      } else {\n        dotColor = this.type === 'white' ? '#ffffff' : '#8A8A8F'\n      }\n\n      return dotColor\n    },\n    _isScale() {\n      let isScale = true\n      if ((this._isColmo && this.type === 'default') || this.type === 'colmo') isScale = false\n      if (this.isScale !== undefined) isScale = this.isScale\n      return isScale\n    },\n    leftDotStyle() {\n      return {\n        transform: !this._isScale\n          ? `translateX(2px) scale(${this._isColmo || this.type === 'colmo' ? 2 : 2.25})`\n          : 'translateX(2px) scale(1.0)',\n        backgroundColor: this._dotColor\n      }\n    },\n    rightDotStyle() {\n      let offset = 46\n      if ((this._isColmo && this.type === 'default') || this.type === 'colmo') offset = 50\n      return {\n        backgroundColor: this._dotColor,\n        transform: `translateX(${offset}px) scale(2.25)`\n      }\n    }\n  },\n  data: () => ({}),\n  mounted() {\n    this.handleInit()\n  },\n  methods: {\n    handleInit() {\n      if (this.checked) {\n        animation &&\n          animation.transition(this.$refs.switchDot, {\n            styles: this.rightDotStyle,\n            duration: 0\n          })\n      } else {\n        animation &&\n          animation.transition(this.$refs.switchDot, {\n            styles: this.leftDotStyle,\n            duration: 0\n          })\n      }\n    },\n    changeHandler: throttle(function() {\n      const { disabled } = this\n      if (!disabled) {\n        this.$emit('dofChange')\n      }\n    }, 300)\n  },\n  watch: {\n    _isColmo() {\n      setTimeout(() => {\n        this.handleInit()\n      }, 0)\n    },\n    checked(newVal, oldVal) {\n      if (newVal === true && oldVal === false) {\n        animation &&\n          animation.transition(this.$refs.switchDot, {\n            styles: this.rightDotStyle,\n            duration: 300,\n            timingFunction: 'ease-out'\n          })\n      } else if (newVal === false && oldVal === true) {\n        animation &&\n          animation.transition(this.$refs.switchDot, {\n            styles: this.leftDotStyle,\n            duration: 300,\n            timingFunction: 'ease-out'\n          })\n      }\n    }\n  }\n}\n</script>\n"],"sourceRoot":""}]);
+exports.push([module.i, "\n.dof-switch-wrapper[data-v-76af8caf] {\n  position: relative;\n  width: 1.28rem;\n  height: 0.64rem;\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.dof-switch-loading[data-v-76af8caf] {\n  width: 0.64rem;\n  height: 0.64rem;\n  position: absolute;\n  left: 0.42667rem;\n  top: 0px;\n}\n.switch[data-v-76af8caf] {\n  width: 1.28rem;\n  height: 0.64rem;\n  border-style: solid;\n  /* border-color: #8a8a8f;\n  background-color: #ffffff; */\n  border-width: 0.05333rem;\n  border-radius: 0.32rem;\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-align: center;\n  -webkit-align-items: center;\n          align-items: center;\n}\n.switch-colmo[data-v-76af8caf] {\n  border-width: 0.02667rem;\n}\n.switch-white[data-v-76af8caf] {\n  width: 1.28rem;\n  height: 0.64rem;\n  border-style: solid;\n  border-color: #ffffff;\n  background-color: #000000;\n  border-width: 0.05333rem;\n  border-radius: 0.32rem;\n  display: -webkit-box;\n  display: -webkit-flex;\n  display: flex;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: row;\n          flex-direction: row;\n  -webkit-box-align: center;\n  -webkit-align-items: center;\n          align-items: center;\n  /* margin-right: 12px; */\n}\n.switch-disabled[data-v-76af8caf] {\n  opacity: 0.3;\n}\n.switch-dot[data-v-76af8caf] {\n  border-radius: 0.10667rem;\n  width: 0.21333rem;\n  height: 0.21333rem;\n  position: relative;\n  left: 0.16rem;\n  -webkit-transform-origin: center;\n          transform-origin: center;\n  -webkit-transition-property: all;\n  transition-property: all;\n  -webkit-transition-duration: 5s;\n          transition-duration: 5s;\n  background-color: transparent;\n}\n.switch-white-dot[data-v-76af8caf] {\n  border-radius: 0.10667rem;\n  width: 0.21333rem;\n  height: 0.21333rem;\n  position: relative;\n  left: 0.16rem;\n  -webkit-transition-property: all;\n  transition-property: all;\n  -webkit-transition-duration: 5s;\n          transition-duration: 5s;\n  background-color: transparent;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-switch/index.vue?17d91795"],"names":[],"mappings":";AAwBA;EACA,mBAAA;EACA,eAAA;EACA,gBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;CACA;AACA;EACA,eAAA;EACA,gBAAA;EACA,mBAAA;EACA,iBAAA;EACA,SAAA;CACA;AAEA;EACA,eAAA;EACA,gBAAA;EACA,oBAAA;EACA;+BACA;EACA,yBAAA;EACA,uBAAA;EACA,qBAAA;EAAA,sBAAA;EAAA,cAAA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;CACA;AACA;EACA,yBAAA;CACA;AACA;EACA,eAAA;EACA,gBAAA;EACA,oBAAA;EACA,sBAAA;EACA,0BAAA;EACA,yBAAA;EACA,uBAAA;EACA,qBAAA;EAAA,sBAAA;EAAA,cAAA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,yBAAA;CACA;AACA;EACA,aAAA;CACA;AACA;EACA,0BAAA;EACA,kBAAA;EACA,mBAAA;EACA,mBAAA;EACA,cAAA;EACA,iCAAA;UAAA,yBAAA;EACA,iCAAA;EAAA,yBAAA;EACA,gCAAA;UAAA,wBAAA;EACA,8BAAA;CACA;AACA;EACA,0BAAA;EACA,kBAAA;EACA,mBAAA;EACA,mBAAA;EACA,cAAA;EACA,iCAAA;EAAA,yBAAA;EACA,gCAAA;UAAA,wBAAA;EACA,8BAAA;CACA","file":"index.vue","sourcesContent":["<template>\n  <div class=\"dof-switch-wrapper\">\n    <dof-spinner :type=\"loadingSrc\" class=\"dof-switch-loading\" v-if=\"loading\" />\n    <div\n      ref=\"switch\"\n      @click=\"changeHandler\"\n      :class=\"[type === 'white' ? 'switch-white' : 'switch', checked && switchActiveClass, `switch-${type}`]\"\n      :style=\"Object.assign({}, mrSwitchStyle, customStyle)\"\n      :accessible=\"true\"\n      :aria-label=\"blindHelptext\"\n    >\n      <div\n        :accessible=\"false\"\n        :aria-hidden=\"true\"\n        ref=\"switchDot\"\n        :style=\"dotStyle\"\n        :class=\"[type === 'white' ? 'switch-white-dot' : 'switch-dot']\"\n      ></div>\n    </div>\n  </div>\n</template>\n\n<style src=\"./colmo.css\"></style>\n<style scoped>\n.dof-switch-wrapper {\n  position: relative;\n  width: 96px;\n  height: 48px;\n  align-items: center;\n  justify-content: center;\n}\n.dof-switch-loading {\n  width: 48px;\n  height: 48px;\n  position: absolute;\n  left: 32px;\n  top: 0px;\n}\n\n.switch {\n  width: 96px;\n  height: 48px;\n  border-style: solid;\n  /* border-color: #8a8a8f;\n  background-color: #ffffff; */\n  border-width: 4px;\n  border-radius: 24px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.switch-colmo {\n  border-width: 2px;\n}\n.switch-white {\n  width: 96px;\n  height: 48px;\n  border-style: solid;\n  border-color: #ffffff;\n  background-color: #000000;\n  border-width: 4px;\n  border-radius: 24px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  /* margin-right: 12px; */\n}\n.switch-disabled {\n  opacity: 0.3;\n}\n.switch-dot {\n  border-radius: 8px;\n  width: 16px;\n  height: 16px;\n  position: relative;\n  left: 12px;\n  transform-origin: center;\n  transition-property: all;\n  transition-duration: 5s;\n  background-color: transparent;\n}\n.switch-white-dot {\n  border-radius: 8px;\n  width: 16px;\n  height: 16px;\n  position: relative;\n  left: 12px;\n  transition-property: all;\n  transition-duration: 5s;\n  background-color: transparent;\n}\n</style>\n\n<script>\n// 带switch按钮的cell\nconst animation = weex.requireModule('animation')\nimport { throttle } from '../../helper/utils'\nimport ColmoMixin from '../../mixins/colmo'\nimport { STYLE_MAP } from './style'\nimport DofSpinner from '../dof-spinner'\nexport default {\n  components: { DofSpinner },\n  mixins: [ColmoMixin],\n  props: {\n    checked: {\n      type: Boolean,\n      default: true\n    },\n    type: {\n      type: String,\n      default: 'default'\n    },\n    disabled: {\n      type: Boolean,\n      default: false\n    },\n    loading: {\n      type: Boolean,\n      default: false\n    },\n    isLightLoading: {\n      type: Boolean,\n      default: false\n    },\n    blindHelptext: {\n      type: String,\n      default: ''\n    },\n    borderColor: {\n      type: String,\n      default: ''\n    },\n    backgroundColor: {\n      type: String,\n      default: ''\n    },\n    isScale: {\n      typeof: Boolean,\n      default: undefined\n    },\n    dotColor: {\n      typeof: String,\n      default: ''\n    }\n  },\n  computed: {\n    loadingSrc() {\n      if (this._isColmo || this.type === 'colmo') return 'colmo'\n      const src = this.isLightLoading ? 'white' : 'black'\n      return src\n    },\n    switchActiveClass() {\n      const { type } = this\n      return `switch-active-${type}`\n    },\n    mrSwitchStyle() {\n      return this.disabled ? { opacity: 0.3 } : this.loading ? { opacity: 0 } : { opacity: 1 }\n    },\n    dotStyle() {\n      return {\n        // 安卓1px渲染误差\n        top: weex.config.env.platform.toLowerCase() === 'android' ? '1px' : '0px'\n      }\n    },\n    customStyle() {\n      let res = {}\n      if (this.checked) {\n        res = { ...STYLE_MAP[this.type] } || {}\n      } else {\n        res = {\n          'border-color': '#8a8a8f',\n          'background-color': '#ffffff'\n        }\n      }\n      // colmo\n      if ((this._isColmo && this.type === 'default') || this.type === 'colmo') {\n        res.borderColor = this.checked ? '#B35336' : '#71717A'\n        res.backgroundColor = 'transparent'\n      }\n\n      if (this.borderColor) res.borderColor = this.borderColor\n      if (this.backgroundColor) res.backgroundColor = this.backgroundColor\n      return res\n    },\n    _dotColor() {\n      let dotColor = ''\n      if (this.checked) {\n        dotColor = this.type === 'white' ? '#000000' : '#ffffff'\n        // colmo\n        if ((this._isColmo && this.type === 'default') || this.type === 'colmo') dotColor = '#B35336'\n        if (this.dotColor) dotColor = this.dotColor\n      } else {\n        dotColor = this.type === 'white' ? '#ffffff' : '#8A8A8F'\n      }\n\n      return dotColor\n    },\n    _isScale() {\n      let isScale = true\n      if ((this._isColmo && this.type === 'default') || this.type === 'colmo') isScale = false\n      if (this.isScale !== undefined) isScale = this.isScale\n      return isScale\n    },\n    leftDotStyle() {\n      return {\n        transform: !this._isScale\n          ? `translateX(2px) scale(${this._isColmo || this.type === 'colmo' ? 2 : 2.25})`\n          : 'translateX(2px) scale(1.0)',\n        backgroundColor: this._dotColor\n      }\n    },\n    rightDotStyle() {\n      let offset = 46\n      if ((this._isColmo && this.type === 'default') || this.type === 'colmo') offset = 50\n      return {\n        backgroundColor: this._dotColor,\n        transform: `translateX(${offset}px) scale(2.25)`\n      }\n    }\n  },\n  data: () => ({}),\n  mounted() {\n    this.handleInit()\n  },\n  methods: {\n    handleInit() {\n      if (this.checked) {\n        animation &&\n          animation.transition(this.$refs.switchDot, {\n            styles: this.rightDotStyle,\n            duration: 0\n          })\n      } else {\n        animation &&\n          animation.transition(this.$refs.switchDot, {\n            styles: this.leftDotStyle,\n            duration: 0\n          })\n      }\n    },\n    changeHandler: throttle(function() {\n      const { disabled } = this\n      if (!disabled) {\n        this.$emit('dofChange')\n      }\n    }, 300)\n  },\n  watch: {\n    _isColmo() {\n      setTimeout(() => {\n        this.handleInit()\n      }, 0)\n    },\n    checked(newVal, oldVal) {\n      if (newVal === true && oldVal === false) {\n        animation &&\n          animation.transition(this.$refs.switchDot, {\n            styles: this.rightDotStyle,\n            duration: 300,\n            timingFunction: 'ease-out'\n          })\n      } else if (newVal === false && oldVal === true) {\n        animation &&\n          animation.transition(this.$refs.switchDot, {\n            styles: this.leftDotStyle,\n            duration: 300,\n            timingFunction: 'ease-out'\n          })\n      }\n    }\n  }\n}\n</script>\n"],"sourceRoot":""}]);
 
 // exports
 
@@ -9538,7 +9538,7 @@ exports = module.exports = __webpack_require__(0)(true);
 
 
 // module
-exports.push([module.i, "\n.dof-popup[data-v-fa0ab532] {\n  position: fixed;\n  width: 10rem;\n}\n.top[data-v-fa0ab532] {\n  left: 0;\n  right: 0;\n}\n.bottom[data-v-fa0ab532] {\n  left: 0;\n  right: 0;\n}\n.left[data-v-fa0ab532] {\n  bottom: 0;\n  top: 0;\n}\n.right[data-v-fa0ab532] {\n  bottom: 0;\n  top: 0;\n}\n.midea-actionsheet-bottom[data-v-fa0ab532] {\n  height: 1.33333rem;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: row;\n          flex-direction: row;\n  /* margin-top: 16px; */\n  -webkit-box-pack: justify;\n  -webkit-justify-content: space-between;\n          justify-content: space-between;\n}\n.midea-actionsheet-btn[data-v-fa0ab532] {\n  font-size: 0.42667rem;\n  /* color: #232323; */\n  background-color: #ffffff;\n  line-height: 1.33333rem;\n  text-align: center;\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n          flex: 1; /* add by lau resolve bottom button */\n}\n.leftBtn[data-v-fa0ab532] {\n  color: #666666;\n  border-right-color: #e5e5e5;\n  border-right-width: 1px;\n  border-right-style: solid;\n}\n.rightBtn[data-v-fa0ab532] {\n  color: #267aff;\n}\n.midea-actionsheet-btn[data-v-fa0ab532]:active {\n  background-color: #f5f5f5;\n}\n.btnGap[data-v-fa0ab532] {\n  background-color: #f3f3f3;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-popup/index.vue?34279fc5"],"names":[],"mappings":";AA6CA;EACA,gBAAA;EACA,aAAA;CACA;AACA;EACA,QAAA;EACA,SAAA;CACA;AACA;EACA,QAAA;EACA,SAAA;CACA;AACA;EACA,UAAA;EACA,OAAA;CACA;AACA;EACA,UAAA;EACA,OAAA;CACA;AAEA;EACA,mBAAA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,uBAAA;EACA,0BAAA;EAAA,uCAAA;UAAA,+BAAA;CACA;AACA;EACA,sBAAA;EACA,qBAAA;EACA,0BAAA;EACA,wBAAA;EACA,mBAAA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA,CAAA,sCAAA;CACA;AACA;EACA,eAAA;EACA,4BAAA;EACA,wBAAA;EACA,0BAAA;CACA;AACA;EACA,eAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA","file":"index.vue","sourcesContent":["<template>\n  <div>\n    <div @touchend=\"handleTouchEnd\">\n      <dof-overlay\n        :show=\"overlayShow\"\n        ref=\"overlay\"\n        v-bind=\"overlayCfg\"\n        @dofOverlayBodyClicked=\"dofOverlayBodyClicking\"\n      ></dof-overlay>\n    </div>\n    <div\n      ref=\"dof-popup\"\n      v-if=\"show_\"\n      :height=\"_height\"\n      :hack=\"isNeedShow\"\n      @click=\"() => {}\"\n      :class=\"['dof-popup', pos]\"\n      :style=\"padStyle\"\n    >\n      <slot></slot>\n      <div class=\"btnGap\" v-if=\"button && button.length > 0\" style=\"width:750px; height:20px;\"></div>\n      <div v-if=\"button && button.length > 0\" class=\"midea-actionsheet-bottom\">\n        <text\n          v-for=\"(btn, index) in button\"\n          :key=\"index\"\n          :class=\"['midea-actionsheet-btn']\"\n          :style=\"{\n            color: btn.hasOwnProperty('textColor')\n              ? btn.textColor\n              : _isColmo\n              ? 'rgba(255,255,255,0.80)'\n              : index === 0\n              ? '#666666'\n              : '#267aff'\n          }\"\n          @click=\"actionsheetBtnClick(index, btn.hasOwnProperty('text') ? btn.text : btn)\"\n          >{{ btn.hasOwnProperty('text') ? btn.text : btn }}</text\n        >\n      </div>\n      <div :style=\"{ height: show && isipx ? '68px' : '0px' }\"></div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.dof-popup {\n  position: fixed;\n  width: 750px;\n}\n.top {\n  left: 0;\n  right: 0;\n}\n.bottom {\n  left: 0;\n  right: 0;\n}\n.left {\n  bottom: 0;\n  top: 0;\n}\n.right {\n  bottom: 0;\n  top: 0;\n}\n\n.midea-actionsheet-bottom {\n  height: 100px;\n  flex-direction: row;\n  /* margin-top: 16px; */\n  justify-content: space-between;\n}\n.midea-actionsheet-btn {\n  font-size: 32px;\n  /* color: #232323; */\n  background-color: #ffffff;\n  line-height: 100px;\n  text-align: center;\n  flex: 1; /* add by lau resolve bottom button */\n}\n.leftBtn {\n  color: #666666;\n  border-right-color: #e5e5e5;\n  border-right-width: 1px;\n  border-right-style: solid;\n}\n.rightBtn {\n  color: #267aff;\n}\n.midea-actionsheet-btn:active {\n  background-color: #f5f5f5;\n}\n.btnGap {\n  background-color: #f3f3f3;\n}\n</style>\n<style scoped src=\"./colmo.css\"></style>\n\n<script>\nconst animation = weex.requireModule('animation')\nconst { platform } = weex.config.env\nconst isWeb = typeof window === 'object' && platform.toLowerCase() === 'web'\nimport DofOverlay from '../dof-overlay'\nimport Utils from '../utils'\nimport { Bridge } from 'dolphin-native-bridge'\nimport ColmoMixin from '../../mixins/colmo'\n\nexport default {\n  mixins: [ColmoMixin],\n  components: { DofOverlay },\n  props: {\n    show: {\n      type: Boolean,\n      default: false\n    },\n    pos: {\n      type: String,\n      default: 'bottom'\n    },\n    // 背景色  暂不开放\n    popupColor: {\n      type: String,\n      default: ''\n    },\n    overlayCfg: {\n      type: Object,\n      default: () => ({\n        hasAnimation: true,\n        timingFunction: ['ease-in', 'ease-out'],\n        duration: 300\n      })\n    },\n    height: {\n      type: [Number, String],\n      default: 840\n    },\n    standOut: {\n      type: [Number, String],\n      default: 0\n    },\n    width: {\n      type: [Number, String],\n      default: 750\n    },\n    animation: {\n      type: Object,\n      default: () => ({\n        // timingFunction: 'ease-in'\n        timingFunction: 'cubic-bezier(0.25, 0.1, 0.25, 1.0)'\n      })\n    },\n    button: {\n      type: Array,\n      default: () => []\n    },\n    borderRadius: {\n      type: String,\n      default: '32px'\n    }\n  },\n  data: () => ({\n    haveOverlay: true,\n    isOverShow: true,\n    bottomArc: 0,\n    show_: false,\n    overlayShow: false\n  }),\n  computed: {\n    isipx: function() {\n      if (this.bottomArc) return true\n      return (\n        weex &&\n        (weex.config.env.deviceModel === 'iPhone10,3' ||\n        weex.config.env.deviceModel === 'iPhone10,6' || // iphoneX\n        weex.config.env.deviceModel === 'iPhone11,8' || // iPhone XR\n        weex.config.env.deviceModel === 'iPhone11,2' || // iPhone XS\n        weex.config.env.deviceModel === 'iPhone11,4' ||\n        weex.config.env.deviceModel === 'iPhone11,6' || // iPhone XS Max\n        weex.config.env.deviceModel === 'iPhone12,1' || // iPhone11\n        weex.config.env.deviceModel === 'iPhone12,3' ||\n        weex.config.env.deviceModel === 'iPhone12,5' || // iPhone 11 Pro iPhone 11 Pro Max\n        weex.config.env.deviceModel === 'iPhone13,1' ||\n        weex.config.env.deviceModel === 'iPhone13,2' || // iPhone12 Mini && iPhone12\n        weex.config.env.deviceModel === 'iPhone13,3' || //iPhone12 Pro\n        weex.config.env.deviceModel === 'iPhone13,4' || // iPhone12 Pro Max\n        weex.config.env.deviceModel === 'iPhone14,4' || //iPhone 13 mini\n        weex.config.env.deviceModel === 'iPhone14,5' || //iPhone 13\n        weex.config.env.deviceModel === 'iPhone14,2' || //iPhone 13 Pro\n          weex.config.env.deviceModel === 'Iphone14,3') //iPhone 13 Pro Max\n      )\n    },\n    // isNeedShow() {\n    //   try {\n    //     setTimeout(() => {\n    //       this.appearPopup(this.show_)\n    //     }, 50)\n    //   } catch (error) {\n    //     this.$nextTick(() => {\n    //       this.appearPopup(this.show_)\n    //     })\n    //   }\n    //   return this.show_\n    // },\n    _height() {\n      let { height, isipx, pos } = this\n      height = Number(height)\n      height = isipx && pos == 'bottom' ? height + 68 : height\n      return height\n    },\n    transformValue() {\n      return this.getTransform(this.pos, this.width, this.height, true)\n    },\n    _popupColor() {\n      if (this.popupColor) return this.popupColor\n      return this._isColmo ? '#1c1e21' : '#fff'\n    },\n    padStyle() {\n      const { pos, width, height, _popupColor, _height } = this\n      let style = {\n        width: `${width}px`,\n        backgroundColor: _popupColor\n      }\n      pos === 'top' &&\n        (style = {\n          ...style,\n          top: `${-height}px`,\n          height: `${height}px`,\n          borderBottomLeftRadius: this._isColmo ? 0 : this.borderRadius,\n          borderBottomRightRadius: this._isColmo ? 0 : this.borderRadius\n        })\n      pos === 'bottom' &&\n        (style = {\n          ...style,\n          bottom: `${-_height - 1}px`,\n          height: `${_height}px`,\n          borderTopLeftRadius: this._isColmo ? 0 : this.borderRadius,\n          borderTopRightRadius: this._isColmo ? 0 : this.borderRadius\n        })\n      pos === 'left' &&\n        (style = {\n          ...style,\n          left: `${-width}px`\n        })\n      pos === 'right' &&\n        (style = {\n          ...style,\n          right: `${-width}px`\n        })\n      return style\n    },\n    buttonComp() {\n      return this.button\n    }\n  },\n  watch: {\n    _height() {\n      this.appearPopup(this.show_, 0)\n    },\n    show_(val) {\n      setTimeout(() => {\n        val && this.appearPopup(val)\n      }, 20)\n    },\n    show(val) {\n      this.overlayShow = val\n      if (val) {\n        setTimeout(() => {\n          this.show_ = true\n        }, 80)\n      } else {\n        this.appearPopup(false)\n        setTimeout(() => {\n          this.show_ = false\n        }, 600)\n      }\n    }\n  },\n  mounted() {\n    this.appearPopup(this.show, 150)\n    Bridge.getAllBarHeight().then(res => {\n      this.bottomArc = res.bottomArc || 0\n    })\n  },\n  methods: {\n    actionsheetBtnClick(index, text) {\n      this.appearPopup(false)\n      this.$refs.overlay.appearOverlay(false)\n      this.$emit('dofPopupButtonClicked', { index, text })\n    },\n    handleTouchEnd(e) {\n      // 在支付宝上面有点击穿透问题\n      const { platform } = weex.config.env\n      platform === 'Web' && e.preventDefault && e.preventDefault()\n    },\n    hide() {\n      this.appearPopup(false)\n      this.$refs.overlay.appearOverlay(false)\n    },\n    dofOverlayBodyClicking() {\n      this.isShow && this.appearPopup(false)\n    },\n    appearPopup(bool, duration = 300) {\n      this.isShow = bool\n      const popupEl = this.$refs['dof-popup']\n      if (!popupEl) {\n        return\n      }\n      animation.transition(\n        popupEl,\n        {\n          styles: {\n            transform: this.getTransform(this.pos, this.width, this._height, !bool) //_height解决iphonex系列向上过渡距离不够的问题\n          },\n          duration,\n          delay: 0,\n          ...this.animation\n        },\n        () => {\n          if (!bool) {\n            this.$emit('dofPopupOverlayClicked', { pos: this.pos })\n          }\n        }\n      )\n    },\n    getTransform(pos, width, height, bool) {\n      let _size = pos === 'top' || pos === 'bottom' ? height : width\n      let _transform\n      if (isWeb) {\n        _size -= this.standOut\n      }\n      bool && (_size = 0)\n      switch (pos) {\n        case 'top':\n          _transform = `translateY(${_size}px)`\n          break\n        case 'bottom':\n          _transform = `translateY(-${_size}px)`\n          break\n        case 'left':\n          _transform = `translateX(${_size}px)`\n          break\n        case 'right':\n          _transform = `translateX(-${_size}px)`\n          break\n      }\n      return _transform\n    }\n  },\n  genBtnText(item) {\n    if (Utils.isPlainObject(item)) {\n      return item.text\n    } else {\n      return item\n    }\n  }\n}\n</script>\n"],"sourceRoot":""}]);
+exports.push([module.i, "\n.dof-popup[data-v-fa0ab532] {\n  position: fixed;\n  width: 10rem;\n}\n.top[data-v-fa0ab532] {\n  left: 0;\n  right: 0;\n}\n.bottom[data-v-fa0ab532] {\n  left: 0;\n  right: 0;\n}\n.left[data-v-fa0ab532] {\n  bottom: 0;\n  top: 0;\n}\n.right[data-v-fa0ab532] {\n  bottom: 0;\n  top: 0;\n}\n.midea-actionsheet-bottom[data-v-fa0ab532] {\n  height: 1.33333rem;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: row;\n          flex-direction: row;\n  /* margin-top: 16px; */\n  -webkit-box-pack: justify;\n  -webkit-justify-content: space-between;\n          justify-content: space-between;\n}\n.midea-actionsheet-btn[data-v-fa0ab532] {\n  font-size: 0.42667rem;\n  /* color: #232323; */\n  background-color: #ffffff;\n  line-height: 1.33333rem;\n  text-align: center;\n  -webkit-box-flex: 1;\n  -webkit-flex: 1;\n          flex: 1; /* add by lau resolve bottom button */\n}\n.leftBtn[data-v-fa0ab532] {\n  color: #666666;\n  border-right-color: #e5e5e5;\n  border-right-width: 1px;\n  border-right-style: solid;\n}\n.rightBtn[data-v-fa0ab532] {\n  color: #267aff;\n}\n.midea-actionsheet-btn[data-v-fa0ab532]:active {\n  background-color: #f5f5f5;\n}\n.btnGap[data-v-fa0ab532] {\n  background-color: #f3f3f3;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-popup/index.vue?45fc5517"],"names":[],"mappings":";AAkDA;EACA,gBAAA;EACA,aAAA;CACA;AACA;EACA,QAAA;EACA,SAAA;CACA;AACA;EACA,QAAA;EACA,SAAA;CACA;AACA;EACA,UAAA;EACA,OAAA;CACA;AACA;EACA,UAAA;EACA,OAAA;CACA;AAEA;EACA,mBAAA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,uBAAA;EACA,0BAAA;EAAA,uCAAA;UAAA,+BAAA;CACA;AACA;EACA,sBAAA;EACA,qBAAA;EACA,0BAAA;EACA,wBAAA;EACA,mBAAA;EACA,oBAAA;EAAA,gBAAA;UAAA,QAAA,CAAA,sCAAA;CACA;AACA;EACA,eAAA;EACA,4BAAA;EACA,wBAAA;EACA,0BAAA;CACA;AACA;EACA,eAAA;CACA;AACA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;CACA","file":"index.vue","sourcesContent":["<template>\n  <div>\n    <div @touchend=\"handleTouchEnd\">\n      <dof-overlay\n        :show=\"overlayShow\"\n        ref=\"overlay\"\n        v-bind=\"overlayCfg\"\n        @dofOverlayBodyClicked=\"dofOverlayBodyClicking\"\n      ></dof-overlay>\n    </div>\n    <div\n      ref=\"dof-popup\"\n      v-if=\"show_\"\n      :height=\"_height\"\n      :hack=\"isNeedShow\"\n      @click=\"() => {}\"\n      :class=\"['dof-popup', pos]\"\n      :style=\"padStyle\"\n    >\n      <slot></slot>\n      <div class=\"btnGap\" v-if=\"button && button.length > 0\" style=\"width:750px; height:20px;\"></div>\n      <div v-if=\"button && button.length > 0\" class=\"midea-actionsheet-bottom\">\n        <text\n          v-for=\"(btn, index) in button\"\n          :key=\"index\"\n          :class=\"['midea-actionsheet-btn']\"\n          :style=\"{\n            color: btn.hasOwnProperty('textColor')\n              ? btn.textColor\n              : _isColmo\n              ? 'rgba(255,255,255,0.80)'\n              : index === 0\n              ? '#666666'\n              : '#267aff'\n          }\"\n          @click=\"actionsheetBtnClick(index, btn.hasOwnProperty('text') ? btn.text : btn)\"\n          >{{ btn.hasOwnProperty('text') ? btn.text : btn }}</text\n        >\n      </div>\n      <div\n        :style=\"{\n          height: show && isipx ? '68px' : '0px',\n          backgroundColor: _isColmo ? '#151617' : padStyle.backgroundColor\n        }\"\n      ></div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.dof-popup {\n  position: fixed;\n  width: 750px;\n}\n.top {\n  left: 0;\n  right: 0;\n}\n.bottom {\n  left: 0;\n  right: 0;\n}\n.left {\n  bottom: 0;\n  top: 0;\n}\n.right {\n  bottom: 0;\n  top: 0;\n}\n\n.midea-actionsheet-bottom {\n  height: 100px;\n  flex-direction: row;\n  /* margin-top: 16px; */\n  justify-content: space-between;\n}\n.midea-actionsheet-btn {\n  font-size: 32px;\n  /* color: #232323; */\n  background-color: #ffffff;\n  line-height: 100px;\n  text-align: center;\n  flex: 1; /* add by lau resolve bottom button */\n}\n.leftBtn {\n  color: #666666;\n  border-right-color: #e5e5e5;\n  border-right-width: 1px;\n  border-right-style: solid;\n}\n.rightBtn {\n  color: #267aff;\n}\n.midea-actionsheet-btn:active {\n  background-color: #f5f5f5;\n}\n.btnGap {\n  background-color: #f3f3f3;\n}\n</style>\n<style scoped src=\"./colmo.css\"></style>\n\n<script>\nconst animation = weex.requireModule('animation')\nconst { platform } = weex.config.env\nconst isWeb = typeof window === 'object' && platform.toLowerCase() === 'web'\nimport DofOverlay from '../dof-overlay'\nimport Utils from '../utils'\nimport { Bridge } from 'dolphin-native-bridge'\nimport ColmoMixin from '../../mixins/colmo'\n\nexport default {\n  mixins: [ColmoMixin],\n  components: { DofOverlay },\n  props: {\n    show: {\n      type: Boolean,\n      default: false\n    },\n    pos: {\n      type: String,\n      default: 'bottom'\n    },\n    // 背景色  暂不开放\n    popupColor: {\n      type: String,\n      default: ''\n    },\n    overlayCfg: {\n      type: Object,\n      default: () => ({\n        hasAnimation: true,\n        timingFunction: ['ease-in', 'ease-out'],\n        duration: 300\n      })\n    },\n    height: {\n      type: [Number, String],\n      default: 840\n    },\n    standOut: {\n      type: [Number, String],\n      default: 0\n    },\n    width: {\n      type: [Number, String],\n      default: 750\n    },\n    animation: {\n      type: Object,\n      default: () => ({\n        // timingFunction: 'ease-in'\n        timingFunction: 'cubic-bezier(0.25, 0.1, 0.25, 1.0)'\n      })\n    },\n    button: {\n      type: Array,\n      default: () => []\n    },\n    borderRadius: {\n      type: String,\n      default: '32px'\n    }\n  },\n  data: () => ({\n    haveOverlay: true,\n    isOverShow: true,\n    bottomArc: 0,\n    show_: false,\n    overlayShow: false\n  }),\n  computed: {\n    isipx: function() {\n      if (this.bottomArc) return true\n      return (\n        weex &&\n        (weex.config.env.deviceModel === 'iPhone10,3' ||\n        weex.config.env.deviceModel === 'iPhone10,6' || // iphoneX\n        weex.config.env.deviceModel === 'iPhone11,8' || // iPhone XR\n        weex.config.env.deviceModel === 'iPhone11,2' || // iPhone XS\n        weex.config.env.deviceModel === 'iPhone11,4' ||\n        weex.config.env.deviceModel === 'iPhone11,6' || // iPhone XS Max\n        weex.config.env.deviceModel === 'iPhone12,1' || // iPhone11\n        weex.config.env.deviceModel === 'iPhone12,3' ||\n        weex.config.env.deviceModel === 'iPhone12,5' || // iPhone 11 Pro iPhone 11 Pro Max\n        weex.config.env.deviceModel === 'iPhone13,1' ||\n        weex.config.env.deviceModel === 'iPhone13,2' || // iPhone12 Mini && iPhone12\n        weex.config.env.deviceModel === 'iPhone13,3' || //iPhone12 Pro\n        weex.config.env.deviceModel === 'iPhone13,4' || // iPhone12 Pro Max\n        weex.config.env.deviceModel === 'iPhone14,4' || //iPhone 13 mini\n        weex.config.env.deviceModel === 'iPhone14,5' || //iPhone 13\n        weex.config.env.deviceModel === 'iPhone14,2' || //iPhone 13 Pro\n          weex.config.env.deviceModel === 'Iphone14,3') //iPhone 13 Pro Max\n      )\n    },\n    // isNeedShow() {\n    //   try {\n    //     setTimeout(() => {\n    //       this.appearPopup(this.show_)\n    //     }, 50)\n    //   } catch (error) {\n    //     this.$nextTick(() => {\n    //       this.appearPopup(this.show_)\n    //     })\n    //   }\n    //   return this.show_\n    // },\n    _height() {\n      let { height, isipx, pos } = this\n      height = Number(height)\n      height = isipx && pos == 'bottom' ? height + 68 : height\n      return height\n    },\n    transformValue() {\n      return this.getTransform(this.pos, this.width, this.height, true)\n    },\n    _popupColor() {\n      if (this.popupColor) return this.popupColor\n      return this._isColmo ? '#1c1e21' : '#fff'\n    },\n    padStyle() {\n      const { pos, width, height, _popupColor, _height } = this\n      let style = {\n        width: `${width}px`,\n        backgroundColor: _popupColor\n      }\n      pos === 'top' &&\n        (style = {\n          ...style,\n          top: `${-height}px`,\n          height: `${height}px`,\n          borderBottomLeftRadius: this._isColmo ? 0 : this.borderRadius,\n          borderBottomRightRadius: this._isColmo ? 0 : this.borderRadius\n        })\n      pos === 'bottom' &&\n        (style = {\n          ...style,\n          bottom: `${-_height - 1}px`,\n          height: `${_height}px`,\n          borderTopLeftRadius: this._isColmo ? 0 : this.borderRadius,\n          borderTopRightRadius: this._isColmo ? 0 : this.borderRadius\n        })\n      pos === 'left' &&\n        (style = {\n          ...style,\n          left: `${-width}px`\n        })\n      pos === 'right' &&\n        (style = {\n          ...style,\n          right: `${-width}px`\n        })\n      return style\n    },\n    buttonComp() {\n      return this.button\n    }\n  },\n  watch: {\n    _height() {\n      this.appearPopup(this.show_, 0)\n    },\n    show_(val) {\n      setTimeout(() => {\n        val && this.appearPopup(val)\n      }, 20)\n    },\n    show(val) {\n      this.overlayShow = val\n      if (val) {\n        setTimeout(() => {\n          this.show_ = true\n        }, 80)\n      } else {\n        this.appearPopup(false)\n        setTimeout(() => {\n          this.show_ = false\n        }, 600)\n      }\n    }\n  },\n  mounted() {\n    this.appearPopup(this.show, 150)\n    Bridge.getAllBarHeight().then(res => {\n      this.bottomArc = res.bottomArc || 0\n    })\n  },\n  methods: {\n    actionsheetBtnClick(index, text) {\n      this.appearPopup(false)\n      this.$refs.overlay.appearOverlay(false)\n      this.$emit('dofPopupButtonClicked', { index, text })\n    },\n    handleTouchEnd(e) {\n      // 在支付宝上面有点击穿透问题\n      const { platform } = weex.config.env\n      platform === 'Web' && e.preventDefault && e.preventDefault()\n    },\n    hide() {\n      this.appearPopup(false)\n      this.$refs.overlay.appearOverlay(false)\n    },\n    dofOverlayBodyClicking() {\n      this.isShow && this.appearPopup(false)\n    },\n    appearPopup(bool, duration = 300) {\n      this.isShow = bool\n      const popupEl = this.$refs['dof-popup']\n      if (!popupEl) {\n        return\n      }\n      animation.transition(\n        popupEl,\n        {\n          styles: {\n            transform: this.getTransform(this.pos, this.width, this._height, !bool) //_height解决iphonex系列向上过渡距离不够的问题\n          },\n          duration,\n          delay: 0,\n          ...this.animation\n        },\n        () => {\n          if (!bool) {\n            this.$emit('dofPopupOverlayClicked', { pos: this.pos })\n          }\n        }\n      )\n    },\n    getTransform(pos, width, height, bool) {\n      let _size = pos === 'top' || pos === 'bottom' ? height : width\n      let _transform\n      if (isWeb) {\n        _size -= this.standOut\n      }\n      bool && (_size = 0)\n      switch (pos) {\n        case 'top':\n          _transform = `translateY(${_size}px)`\n          break\n        case 'bottom':\n          _transform = `translateY(-${_size}px)`\n          break\n        case 'left':\n          _transform = `translateX(${_size}px)`\n          break\n        case 'right':\n          _transform = `translateX(-${_size}px)`\n          break\n      }\n      return _transform\n    }\n  },\n  genBtnText(item) {\n    if (Utils.isPlainObject(item)) {\n      return item.text\n    } else {\n      return item\n    }\n  }\n}\n</script>\n"],"sourceRoot":""}]);
 
 // exports
 
@@ -23118,6 +23118,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 //
 //
 //
+//
+//
+//
+//
+//
 
 var animation = weex.requireModule('animation');
 var platform = weex.config.env.platform;
@@ -33624,7 +33629,7 @@ var COLMO_BUTTON_STYLE_MAP = exports.COLMO_BUTTON_STYLE_MAP = {
   small: {
     width: '128px',
     height: '56px',
-    borderRadius: '26px',
+    borderRadius: '28px',
     paddingLeft: '0px',
     paddingRight: '0px'
   }
@@ -51354,7 +51359,8 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
   }), 0) : _vm._e(), _vm._v(" "), _c('div', {
     staticClass: " weex-ct weex-div",
     style: ({
-      height: _vm._px2rem(_vm.show && _vm.isipx ? '68px' : '0px', 75)
+      height: _vm._px2rem(_vm.show && _vm.isipx ? '68px' : '0px', 75),
+      backgroundColor: _vm._isColmo ? '#151617' : _vm.padStyle.backgroundColor
     }),
     attrs: {
       "weex-type": "div"