dolphin-weex-ui 2.3.8 → 2.3.10

package/dist/index.web.js

@@ -7278,9 +7278,6 @@ class WeexTheme {
           action: 'requestState',
           id: this._id
         })
-
-      if (weex && weex.config && weex.config.env && weex.config.env.platform == "harmony") return
-
       setTimeout(() => {
         // 关闭引用其他页面的 state，降低性能消耗
         UseResponseState = false
@@ -8227,7 +8224,7 @@ exports = module.exports = __webpack_require__(0)(true);
 
 
 // module
-exports.push([module.i, "\n.container[data-v-2bc0ee67] {\n  position: fixed;\n  /* width: 750px; */\n  /*兼容H5异常*/\n  z-index: 99999;\n}\n.dof-mask[data-v-2bc0ee67] {\n  position: fixed;\n  z-index: 1003;\n}\n.mask-bottom[data-v-2bc0ee67] {\n  margin-top: 1.22667rem;\n  background-color: transparent;\n  /* background-color: #00A4F2; */\n  -webkit-box-pack: center;\n  -webkit-justify-content: center;\n          justify-content: center;\n  -webkit-box-align: center;\n  -webkit-align-items: center;\n          align-items: center;\n}\n.closeIcon[data-v-2bc0ee67] {\n  width: 0.93333rem;\n  height: 0.93333rem;\n  z-index: 999;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-mask/index.vue?5aa0cdb6"],"names":[],"mappings":";AAsBA;EACA,gBAAA;EACA,mBAAA;EACA,UAAA;EACA,eAAA;CACA;AAEA;EACA,gBAAA;EACA,cAAA;CACA;AAEA;EACA,uBAAA;EACA,8BAAA;EACA,gCAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;CACA;AAEA;EACA,kBAAA;EACA,mBAAA;EACA,aAAA;CACA","file":"index.vue","sourcesContent":["<template>\n  <div class=\"container\">\n    <dof-overlay\n      :show=\"show && hasOverlay\"\n      v-if=\"show\"\n      v-bind=\"mergeOverlayCfg\"\n      :opacity=\"opacity\"\n      @dofOverlayBodyClicked=\"dofOverlayBodyClicked\"\n    ></dof-overlay>\n    <div ref=\"dof-mask\" class=\"dof-mask\" v-if=\"show\" :hack=\"shouldShow\" :style=\"maskStyle\">\n      <div :style=\"contentStyle\">\n        <slot></slot>\n      </div>\n      <div class=\"mask-bottom\" :style=\"{ width: width + 'px' }\" v-if=\"showClose\">\n        <!-- <dof-image :src=\"closeIcon\" :placeholder='closeIcon'  @click=\"cancel\" class=\"closeIcon\"></dof-image> -->\n        <image class=\"closeIcon\" @click=\"cancel\" :placeholder=\"localCloseIcon\" :src=\"closeIcon\"></image>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.container {\n  position: fixed;\n  /* width: 750px; */\n  /*兼容H5异常*/\n  z-index: 99999;\n}\n\n.dof-mask {\n  position: fixed;\n  z-index: 1003;\n}\n\n.mask-bottom {\n  margin-top: 92px;\n  background-color: transparent;\n  /* background-color: #00A4F2; */\n  justify-content: center;\n  align-items: center;\n}\n\n.closeIcon {\n  width: 70px;\n  height: 70px;\n  z-index: 999;\n}\n</style>\n\n<script>\nconst animation = weex.requireModule('animation')\nimport DofOverlay from '../dof-overlay'\nimport DofImage from '../dof-image'\nimport Icon from '../setting/icon.base64'\nconst modal = weex.requireModule('modal')\n\nexport default {\n  components: { DofOverlay, DofImage },\n  props: {\n    height: {\n      type: [String, Number],\n      default: 800\n    },\n    width: {\n      type: [String, Number],\n      default: 540\n    },\n    top: {\n      type: Number,\n      default: 0\n    },\n    show: {\n      type: Boolean,\n      default: false\n    },\n    showClose: {\n      type: Boolean,\n      default: true\n    },\n    duration: {\n      type: [String, Number],\n      default: 300\n    },\n    hasOverlay: {\n      type: Boolean,\n      default: true\n    },\n    hasAnimation: {\n      type: Boolean,\n      default: true\n    },\n    timingFunction: {\n      type: Array,\n      default: () => ['ease-in', 'ease-out']\n    },\n    overlayCfg: {\n      type: Object,\n      default: () => ({\n        hasAnimation: true,\n        // timingFunction: ['ease-in', 'ease-out'],\n        timingFunction: 'cubic-bezier(0.25, 0.1, 0.25, 1.0)',\n        canAutoClose: false,\n        duration: 300,\n        opacity: 0.3\n      })\n    },\n    borderRadius: {\n      type: [String, Number],\n      default: 32\n    },\n    // overlayCanClose: {\n    //   type: Boolean,\n    //   default: true\n    // },\n    maskBgColor: {\n      type: String,\n      // default: '#ffffff'\n      default: 'transparent'\n    },\n    opacity: {\n      type: [Number, String],\n      default: 0.3\n    },\n    screenWidth: {\n      type: Number,\n      default: 750\n    }\n  },\n  data: () => ({\n    localCloseIcon: '/assets/img/check/home_ic_closepop@3x.png',\n    closeIcon: Icon.closeIcon,\n    maskTop: 264,\n    opened: false\n  }),\n  computed: {\n    mergeOverlayCfg() {\n      return {\n        ...this.overlayCfg,\n        hasAnimation: this.hasAnimation\n      }\n    },\n    maskStyle() {\n      const { width, height, showClose, hasAnimation, opened, top, screenWidth } = this\n      const newHeight = showClose ? height - 0 + 180 : height\n      const { deviceHeight, deviceWidth, platform } = weex.config.env\n      const _deviceHeight = deviceHeight || 1334\n      const isWeb = typeof window === 'object' && platform.toLowerCase() === 'web'\n      const navHeight = isWeb ? 0 : 130\n      const pageHeight = (_deviceHeight / deviceWidth) * screenWidth - navHeight\n      return {\n        width: width + 'px',\n        height: newHeight + 'px',\n        left: (screenWidth - width) / 2 + 'px',\n        top: (top || (pageHeight - height) / 2) + 'px',\n        opacity: hasAnimation && !opened ? 0 : 1\n      }\n    },\n    contentStyle() {\n      return {\n        width: this.width + 'px',\n        backgroundColor: this.maskBgColor,\n        height: this.height + 'px',\n        borderRadius: this.borderRadius + 'px',\n        overflow: 'hidden'\n      }\n    },\n    shouldShow() {\n      const { show, hasAnimation } = this\n      hasAnimation &&\n        setTimeout(() => {\n          this.appearMask(show)\n        }, 50)\n      return show\n    }\n  },\n  methods: {\n    // bottombar click to close\n    closeIconClicked() {\n      console.log('closeIconClicked...')\n      this.appearMask(false)\n    },\n\n    onImageLoad(event) {\n      modal.toast({\n        message: `event:${JSON.stringify(event)}`\n      })\n      if (event.success) {\n        // Do something to hanlde success\n      }\n    },\n\n    cancel() {\n      this.appearMask(false)\n    },\n\n    dofOverlayBodyClicked() {\n      // console.log(\"mergeOverlayCfg\",this.mergeOverlayCfg)\n      console.log('this.overlayCfg.overlayCanClose', this.mergeOverlayCfg.canAutoClose)\n      if (this.mergeOverlayCfg.canAutoClose) {\n        this.show && this.appearMask(false)\n      }\n    },\n    needEmit(bool = false) {\n      this.opened = bool\n      !bool && this.$emit('dofMaskSetHidden', {})\n    },\n    appearMask(bool, duration = this.duration) {\n      const { hasAnimation, timingFunction } = this\n      const maskEl = this.$refs['dof-mask']\n      if (hasAnimation && maskEl) {\n        animation.transition(\n          maskEl,\n          {\n            styles: {\n              opacity: bool ? 1 : 0\n            },\n            duration,\n            timingFunction: timingFunction[bool ? 0 : 1],\n            delay: 0\n          },\n          () => {\n            this.needEmit(bool)\n          }\n        )\n      } else {\n        this.needEmit(bool)\n      }\n    }\n  }\n}\n</script>\n"],"sourceRoot":""}]);
+exports.push([module.i, "\n.container[data-v-2bc0ee67] {\n  position: fixed;\n  /* width: 750px; */\n  /*兼容H5异常*/\n  z-index: 99999;\n}\n.dof-mask[data-v-2bc0ee67] {\n  position: fixed;\n  z-index: 1003;\n}\n.mask-bottom[data-v-2bc0ee67] {\n  margin-top: 1.22667rem;\n  background-color: transparent;\n  /* background-color: #00A4F2; */\n  -webkit-box-pack: center;\n  -webkit-justify-content: center;\n          justify-content: center;\n  -webkit-box-align: center;\n  -webkit-align-items: center;\n          align-items: center;\n}\n.closeIcon[data-v-2bc0ee67] {\n  width: 0.93333rem;\n  height: 0.93333rem;\n  z-index: 999;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-mask/index.vue?039fc9a2"],"names":[],"mappings":";AAsBA;EACA,gBAAA;EACA,mBAAA;EACA,UAAA;EACA,eAAA;CACA;AAEA;EACA,gBAAA;EACA,cAAA;CACA;AAEA;EACA,uBAAA;EACA,8BAAA;EACA,gCAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;CACA;AAEA;EACA,kBAAA;EACA,mBAAA;EACA,aAAA;CACA","file":"index.vue","sourcesContent":["<template>\n  <div class=\"container\">\n    <dof-overlay\n      :show=\"show && hasOverlay\"\n      v-if=\"show\"\n      v-bind=\"mergeOverlayCfg\"\n      :opacity=\"opacity\"\n      @dofOverlayBodyClicked=\"dofOverlayBodyClicked\"\n    ></dof-overlay>\n    <div ref=\"dof-mask\" class=\"dof-mask\" v-if=\"show\" :hack=\"shouldShow\" :style=\"maskStyle\">\n      <div :style=\"contentStyle\">\n        <slot></slot>\n      </div>\n      <div class=\"mask-bottom\" :style=\"{ width: width + 'px' }\" v-if=\"showClose\">\n        <!-- <dof-image :src=\"closeIcon\" :placeholder='closeIcon'  @click=\"cancel\" class=\"closeIcon\"></dof-image> -->\n        <image class=\"closeIcon\" @click=\"cancel\" :placeholder=\"localCloseIcon\" :src=\"closeIcon\"></image>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.container {\n  position: fixed;\n  /* width: 750px; */\n  /*兼容H5异常*/\n  z-index: 99999;\n}\n\n.dof-mask {\n  position: fixed;\n  z-index: 1003;\n}\n\n.mask-bottom {\n  margin-top: 92px;\n  background-color: transparent;\n  /* background-color: #00A4F2; */\n  justify-content: center;\n  align-items: center;\n}\n\n.closeIcon {\n  width: 70px;\n  height: 70px;\n  z-index: 999;\n}\n</style>\n\n<script>\nconst animation = weex.requireModule('animation')\nimport DofOverlay from '../dof-overlay'\nimport DofImage from '../dof-image'\nimport Icon from '../setting/icon.base64'\nconst modal = weex.requireModule('modal')\n\nexport default {\n  components: { DofOverlay, DofImage },\n  props: {\n    height: {\n      type: [String, Number],\n      default: 800\n    },\n    width: {\n      type: [String, Number],\n      default: 540\n    },\n    top: {\n      type: Number,\n      default: 0\n    },\n    show: {\n      type: Boolean,\n      default: false\n    },\n    showClose: {\n      type: Boolean,\n      default: true\n    },\n    duration: {\n      type: [String, Number],\n      default: 300\n    },\n    hasOverlay: {\n      type: Boolean,\n      default: true\n    },\n    hasAnimation: {\n      type: Boolean,\n      default: true\n    },\n    timingFunction: {\n      type: Array,\n      default: () => ['ease-in', 'ease-out']\n    },\n    overlayCfg: {\n      type: Object,\n      default: () => ({\n        hasAnimation: true,\n         timingFunction: ['cubic-bezier(0.25, 0.1, 0.25, 1.0)', 'cubic-bezier(0.25, 0.1, 0.25, 1.0)'],\n        //timingFunction: 'cubic-bezier(0.25, 0.1, 0.25, 1.0)',\n        canAutoClose: false,\n        duration: 300,\n        opacity: 0.3\n      })\n    },\n    borderRadius: {\n      type: [String, Number],\n      default: 32\n    },\n    // overlayCanClose: {\n    //   type: Boolean,\n    //   default: true\n    // },\n    maskBgColor: {\n      type: String,\n      // default: '#ffffff'\n      default: 'transparent'\n    },\n    opacity: {\n      type: [Number, String],\n      default: 0.3\n    },\n    screenWidth: {\n      type: Number,\n      default: 750\n    }\n  },\n  data: () => ({\n    localCloseIcon: '/assets/img/check/home_ic_closepop@3x.png',\n    closeIcon: Icon.closeIcon,\n    maskTop: 264,\n    opened: false\n  }),\n  computed: {\n    mergeOverlayCfg() {\n      return {\n        ...this.overlayCfg,\n        hasAnimation: this.hasAnimation\n      }\n    },\n    maskStyle() {\n      const { width, height, showClose, hasAnimation, opened, top, screenWidth } = this\n      const newHeight = showClose ? height - 0 + 180 : height\n      const { deviceHeight, deviceWidth, platform } = weex.config.env\n      const _deviceHeight = deviceHeight || 1334\n      const isWeb = typeof window === 'object' && platform.toLowerCase() === 'web'\n      const navHeight = isWeb ? 0 : 130\n      const pageHeight = (_deviceHeight / deviceWidth) * screenWidth - navHeight\n      return {\n        width: width + 'px',\n        height: newHeight + 'px',\n        left: (screenWidth - width) / 2 + 'px',\n        top: (top || (pageHeight - height) / 2) + 'px',\n        opacity: hasAnimation && !opened ? 0 : 1\n      }\n    },\n    contentStyle() {\n      return {\n        width: this.width + 'px',\n        backgroundColor: this.maskBgColor,\n        height: this.height + 'px',\n        borderRadius: this.borderRadius + 'px',\n        overflow: 'hidden'\n      }\n    },\n    shouldShow() {\n      const { show, hasAnimation } = this\n      hasAnimation &&\n        setTimeout(() => {\n          this.appearMask(show)\n        }, 50)\n      return show\n    }\n  },\n  methods: {\n    // bottombar click to close\n    closeIconClicked() {\n      console.log('closeIconClicked...')\n      this.appearMask(false)\n    },\n\n    onImageLoad(event) {\n      modal.toast({\n        message: `event:${JSON.stringify(event)}`\n      })\n      if (event.success) {\n        // Do something to hanlde success\n      }\n    },\n\n    cancel() {\n      this.appearMask(false)\n    },\n\n    dofOverlayBodyClicked() {\n      // console.log(\"mergeOverlayCfg\",this.mergeOverlayCfg)\n      console.log('this.overlayCfg.overlayCanClose', this.mergeOverlayCfg.canAutoClose)\n      if (this.mergeOverlayCfg.canAutoClose) {\n        this.show && this.appearMask(false)\n      }\n    },\n    needEmit(bool = false) {\n      this.opened = bool\n      !bool && this.$emit('dofMaskSetHidden', {})\n    },\n    appearMask(bool, duration = this.duration) {\n      const { hasAnimation, timingFunction } = this\n      const maskEl = this.$refs['dof-mask']\n      if (hasAnimation && maskEl) {\n        animation.transition(\n          maskEl,\n          {\n            styles: {\n              opacity: bool ? 1 : 0\n            },\n            duration,\n            timingFunction: timingFunction[bool ? 0 : 1],\n            delay: 0\n          },\n          () => {\n            this.needEmit(bool)\n          }\n        )\n      } else {\n        this.needEmit(bool)\n      }\n    }\n  }\n}\n</script>\n"],"sourceRoot":""}]);
 
 // exports
 
@@ -9067,7 +9064,7 @@ exports = module.exports = __webpack_require__(0)(true);
 
 
 // module
-exports.push([module.i, "\n.indicator[data-v-7ecb2930] {\n  position: absolute;\n  item-color: rgba(255, 195, 0, .5);\n  item-selected-color: #ffc300;\n  item-size: 0.26667rem;\n  height: 0.26667rem;\n  bottom: 0.32rem;\n}\n.indicator .weex-indicator-item[data-v-7ecb2930] {\n  width: 0.26667rem;\n  height: 0.26667rem;\n}\n.indicator .weex-indicator-item.weex-indicator-item-active[data-v-7ecb2930] {\n  background-color: #ffc300;\n}\n.indicator .weex-indicator-item[data-v-7ecb2930] {\n  background-color: rgba(255, 195, 0, .5);\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-lightbox/index.vue?25abe080","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-lightbox/<input css 15>","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-lightbox/<input css 14>","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-lightbox/<input css 13>"],"names":[],"mappings":";AA6BA;EACA,mBAAA;EACA,kCAAA;EACA,6BAAA;EACA,sBAAA;EACA,mBAAA;EACA,gBAAA;CACA;ACnCA;EACE,kBAAY;EACZ,mBAAa;CACd;ACHD;EACE,0BAA0B;CAC3B;ACFD;EACE,wCAAwC;CACzC","file":"index.vue","sourcesContent":["<template>\n  <dof-mask :width=\"width\"\n            :height=\"height\"\n            aria-hidden=\"true\"\n            mask-bg-color=\"transparent\"\n            overlay-opacity=\"0.8\"\n            :show=\"show\"\n            :opacity='opacity'\n            :show-close=\"false\"\n            @dofMaskSetHidden=\"maskOverlayClick\">\n    <slider auto-play=\"false\"\n            v-if=\"show\"\n            :index=\"index\"\n            :interval=\"interval\"\n            :style=\"{ height: height  + 'px'}\">\n      <div v-for=\"(v,index) in imageList\"\n           :style=\"{ height: height  + 'px'}\"\n           :key=\"index\">\n        <image resize=\"cover\"\n               :src=\"v.src\"\n               :style=\"{ height: height + 'px', width: width  + 'px'}\"></image>\n      </div>\n      <indicator class=\"indicator\"\n                 :style=\"indicatorStyle\"></indicator>\n    </slider>\n  </dof-mask>\n</template>\n\n<style scoped>\n  .indicator {\n    position: absolute;\n    item-color: rgba(255, 195, 0, .5);\n    item-selected-color: #ffc300;\n    item-size: 20px;\n    height: 20px;\n    bottom: 24px;\n  }\n</style>\n\n<script>\n  import DofMask from '../dof-mask';\n\n  export default {\n    components: {\n      DofMask\n    },\n    props: {\n      width: {\n        type: [Number, String],\n        default: 750\n      },\n      height: {\n        type: [Number, String],\n        default: 750\n      },\n      show: {\n        type: Boolean,\n        default: false\n      },\n      imageList: Array,\n      indicatorColor: {\n        type: Object,\n        default: () => ({\n          'item-color': 'rgba(255, 195, 0, .5)',\n          'item-selected-color': '#ffc300',\n          'item-size': '20px'\n        })\n      },\n      index: {\n        type: [Number, String],\n        default: 0\n      },\n      interval: {\n        type: [Number, String],\n        default: 3000\n      },\n      opacity: {\n        type: [Number, String],\n        default: 0.6\n      }\n    },\n    computed: {\n      indicatorStyle () {\n        return {\n          width: this.width + 'px',\n          ...this.indicatorColor\n        };\n      }\n    },\n    methods: {\n      maskOverlayClick () {\n        this.$emit('dofLightboxOverlayClicked', {});\n      }\n    }\n  };\n</script>\n","\n.indicator .weex-indicator-item {\n  width: 20px;\n  height: 20px;\n}","\n.indicator .weex-indicator-item.weex-indicator-item-active {\n  background-color: #ffc300;\n}","\n.indicator .weex-indicator-item {\n  background-color: rgba(255, 195, 0, .5);\n}"],"sourceRoot":""}]);
+exports.push([module.i, "\n.indicator[data-v-7ecb2930] {\n  position: absolute;\n  item-color: rgba(255, 195, 0, .5);\n  item-selected-color: #ffc300;\n  item-size: 0.26667rem;\n  height: 0.26667rem;\n  bottom: 0.32rem;\n}\n.indicator .weex-indicator-item[data-v-7ecb2930] {\n  width: 0.26667rem;\n  height: 0.26667rem;\n}\n.indicator .weex-indicator-item.weex-indicator-item-active[data-v-7ecb2930] {\n  background-color: #ffc300;\n}\n.indicator .weex-indicator-item[data-v-7ecb2930] {\n  background-color: rgba(255, 195, 0, .5);\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-lightbox/index.vue?25abe080","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-lightbox/<input css 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
 
@@ -9277,7 +9274,7 @@ exports = module.exports = __webpack_require__(0)(true);
 
 
 // module
-exports.push([module.i, "\n.dof-refresher[data-v-967e72fa] {\n  height: 1.86667rem;\n  width: 10rem;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n  -webkit-flex-direction: row;\n          flex-direction: row;\n  /* flex-wrap: nowrap; */\n  -webkit-box-pack: center;\n  -webkit-justify-content: center;\n          justify-content: center;\n  padding-top: 0.66667rem;\n}\n.cycle-container[data-v-967e72fa] {\n  position: relative;\n  width: 0.8rem;\n  height: 0.8rem;\n}\n.u-cover[data-v-967e72fa] {\n  position: absolute;\n  width: 0.4rem;\n  height: 0.8rem;\n  top: 0;\n  background-color: #ffffff;\n  overflow: hidden;\n  right: 0;\n}\n.c1[data-v-967e72fa] {\n  z-index: 1;\n}\n.c2[data-v-967e72fa] {\n  z-index: 2;\n  -webkit-transform-origin: left center;\n          transform-origin: left center;\n  -webkit-transform: rotateZ(0deg);\n          transform: rotateZ(0deg);\n}\n.u-cover-cycle[data-v-967e72fa] {\n  position: absolute;\n  width: 0.8rem;\n  height: 0.8rem;\n  right: 0;\n  top: 0;\n  /* box-sizing: border-box; */\n  border-width: 0.02667rem;\n  border-color: #616C73;\n  border-style: solid;\n  border-radius: 0.4rem;\n  opacity: 0;\n}\n.cover1[data-v-967e72fa] {\n  opacity: 1;\n}\n.indicator[data-v-967e72fa] {\n  /* margin-right: 20px; */\n  height: 0.8rem;\n  width: 0.8rem;\n  color: #616C73;\n}\n.arrow-down[data-v-967e72fa] {\n  position: relative;\n  top: 0.2rem;\n  left: -0.6rem;\n  width: 0.4rem;\n  height: 0.4rem;\n  border-width: 1px;\n}\n.u-txt[data-v-967e72fa] {\n  font-size: 0.32rem;\n  line-height: 0.53333rem;\n  color: #8E969B;\n  margin-top: 0.13333rem;\n  margin-left: 0.13333rem;\n  height: 0.53333rem;\n  lines: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  -webkit-line-clamp: 1;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-refresher/index.vue?6f3e2e6f","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-refresher/<no source>"],"names":[],"mappings":";AAmOA;EACA,mBAAA;EACA,aAAA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,wBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,wBAAA;CACA;AAEA;EACA,mBAAA;EACA,cAAA;EACA,eAAA;CACA;AAEA;EACA,mBAAA;EACA,cAAA;EACA,eAAA;EACA,OAAA;EACA,0BAAA;EACA,iBAAA;EACA,SAAA;CACA;AAEA;EACA,WAAA;CACA;AAEA;EACA,WAAA;EACA,sCAAA;UAAA,8BAAA;EACA,iCAAA;UAAA,yBAAA;CACA;AAEA;EACA,mBAAA;EACA,cAAA;EACA,eAAA;EACA,SAAA;EACA,OAAA;EACA,6BAAA;EACA,yBAAA;EACA,sBAAA;EACA,oBAAA;EACA,sBAAA;EACA,WAAA;CACA;AAEA;EACA,WAAA;CACA;AAEA;EACA,yBAAA;EACA,eAAA;EACA,cAAA;EACA,eAAA;CACA;AAEA;EACA,mBAAA;EACA,YAAA;EACA,cAAA;EACA,cAAA;EACA,eAAA;EACA,kBAAA;CACA;AAEA;EACA,mBAAA;EACA,wBAAA;EACA,eAAA;EACA,uBAAA;EACA,wBAAA;EACA,mBAAA;EACA,SAAA;EC/SA,iBAAA;EAAA,wBAAA;EAAA,sBAAA;CDgTA","file":"index.vue","sourcesContent":["<template>\n  <refresh\n    class=\"dof-refresher\"\n    @refresh=\"onRefresh\"\n    @pullingdown=\"onPullingDown\"\n    :display=\"refreshing ? 'show' : 'hide'\"\n  >\n    <!-- <div v-if=\"false\" class=\"cycle-container\" ref=\"cycle\">\n      <div class=\"u-cover c1\" ref=\"cover1\">\n        <div class=\"u-cover-cycle cover1\"></div>\n      </div>\n      <div class=\"u-cover c2\" ref=\"cover2\">\n        <div class=\"u-cover-cycle\" ref=\"cover-cycle\"></div>\n      </div>\n    </div> -->\n    <!-- <image\n      v-if=\"newStyleFlag\"\n      class=\"arrow-down\"\n      ref=\"arrow\"\n      :src=\"ICON_ARROW_DOWN\"\n      resize=\"contain\"\n    ></image> -->\n    <loading-indicator class=\"indicator\"></loading-indicator>\n    <text class=\"u-txt\" v-if=\"refresherText\">{{ refresherText }}</text>\n  </refresh>\n</template>\n<script>\nconst animation = weex.requireModule('animation')\n\n// 减少打包体积\nimport bindingx from 'weex-bindingx/lib/index.weex'\nimport BindEnv from '../utils/bind-env'\nimport Utils from '../utils'\n\nconst ICON_ARROW_DOWN = 'https://img.alicdn.com/tfs/TB1A8faeTtYBeNjy1XdXXXXyVXa-48-48.png'\n\nexport default {\n  props: {\n    scrollerRef: String,\n    maxTime: {\n      type: Number,\n      default: 0\n    },\n    mainText: {\n      type: String,\n      default: ''\n    },\n    pullingText: {\n      type: String,\n      default: ''\n    },\n    refreshingText: {\n      type: String,\n      default: ''\n    },\n    textWidth: {\n      type: Number,\n      default: 200\n    }\n  },\n  data() {\n    return {\n      ICON_ARROW_DOWN,\n      refreshing: false,\n      couldUnLash: false\n    }\n  },\n  computed: {\n    newStyleFlag() {\n      return this.scrollerRef && BindEnv.supportsEBForIos()\n    },\n    refresherText() {\n      return this.refreshing ? this.refreshingText : this.pText\n    },\n    pText() {\n      return this.couldUnLash ? this.pullingText : this.mainText\n    }\n  },\n  created() {\n    this.newStyleFlag && this.animationBinding()\n  },\n  beforeDestroy() {\n    this.bindingsDestroy()\n  },\n  methods: {\n    onRefresh(event) {\n      this.$emit('dofRefresh', event)\n      this.refreshing = true\n      this.newStyleFlag && this.cycleGoRound()\n      if (this.maxTime <= 0) return\n      this.timeoutSto && clearTimeout(this.timeoutSto)\n      this.timeoutSto = setTimeout(() => {\n        this.$emit('dofTimeout')\n        this.dofCancel()\n      }, this.maxTime)\n    },\n    /**\n     * 取消 refreshing\n     */\n    dofCancel() {\n      this.refreshing = false\n      this.timeoutSto && clearTimeout(this.timeoutSto)\n      this.roundingDestroy()\n    },\n    /**\n     * 下拉事件\n     */\n    onPullingDown(event) {\n      this.$emit('dofPullingDown', event)\n      const pd = event.pullingDistance * (Utils.env.isIOS() ? -1 : 1)\n      pd > (Utils.env.isAndroid() ? 200 : 140) ? (this.couldUnLash = true) : (this.couldUnLash = false)\n      if (this.refreshing && pd < 20) {\n        this.timeoutSto && clearTimeout(this.timeoutSto)\n        this.refreshing = false\n        this.roundingDestroy()\n      }\n    },\n    /**\n     * 注册 bindingx\n     */\n    animationBinding() {\n      setTimeout(() => {\n        if (!this.$refs['cover2'] || !this.$refs['cover-cycle']) return\n        // 降级版本取不到，需要注意\n        const scroller = this.$parent.$refs[this.scrollerRef].ref\n        const cover2 = this.$refs['cover2'].ref\n        const coverCycle = this.$refs['cover-cycle'].ref\n\n        const bindingResult = bindingx.bind(\n          {\n            eventType: 'scroll',\n            anchor: scroller,\n            props: [\n              {\n                element: cover2,\n                property: 'transform.rotateZ',\n                expression: 'y>-140?(y%75/150*-360):156'\n              },\n              {\n                element: coverCycle,\n                property: 'opacity',\n                expression: 'y<-75 ?1:0'\n              }\n            ]\n          },\n          e => {}\n        )\n        this.bindingToken = bindingResult.token\n      }, 300)\n    },\n    /**\n     * 旋转动作\n     */\n    cycleGoRound() {\n      if (Utils.env.isAndroid()) return\n      if (!this.$refs['cycle']) return\n      const cycle = this.$refs['cycle'].ref\n      this.arrowShow(false)\n      if (!cycle) {\n        return\n      }\n      const roundingResult = bindingx.bind(\n        {\n          eventType: 'timing',\n          props: [\n            {\n              element: cycle,\n              property: 'transform.rotateZ',\n              expression: 't*0.72'\n            }\n          ]\n        },\n        e => {}\n      )\n      this.roundingToken = roundingResult.token\n    },\n    /**\n     * 箭头显隐控制\n     */\n    arrowShow(_show = true) {\n      const arrow = this.$refs['arrow']\n      arrow &&\n        animation.transition(\n          arrow,\n          {\n            styles: {\n              opacity: _show ? 1 : 0,\n              transform: _show ? 'scale(1)' : 'scale(0.5)'\n            },\n            duration: 300,\n            delay: 0\n          },\n          () => {}\n        )\n    },\n    /**\n     * 完整 bindingx 销毁\n     */\n    bindingsDestroy() {\n      if (this.bindingToken !== 0) {\n        bindingx &&\n          bindingx.unbind({\n            eventType: 'scroll',\n            token: this.bindingToken\n          })\n        this.bindingToken = 0\n      }\n      this.roundingDestroy()\n    },\n    /**\n     * 旋转 bindingx 销毁\n     */\n    roundingDestroy() {\n      if (this.roundingToken !== 0) {\n        bindingx &&\n          bindingx.unbind({\n            eventType: 'timing',\n            token: this.roundingToken\n          })\n        this.roundingToken = 0\n      }\n      this.arrowShow(true)\n    }\n  }\n}\n</script>\n<style scoped>\n.dof-refresher {\n  height: 140px;\n  width: 750px;\n  flex-direction: row;\n  /* flex-wrap: nowrap; */\n  justify-content: center;\n  padding-top: 50px;\n}\n\n.cycle-container {\n  position: relative;\n  width: 60px;\n  height: 60px;\n}\n\n.u-cover {\n  position: absolute;\n  width: 30px;\n  height: 60px;\n  top: 0;\n  background-color: #ffffff;\n  overflow: hidden;\n  right: 0;\n}\n\n.c1 {\n  z-index: 1;\n}\n\n.c2 {\n  z-index: 2;\n  transform-origin: left center;\n  transform: rotateZ(0deg);\n}\n\n.u-cover-cycle {\n  position: absolute;\n  width: 60px;\n  height: 60px;\n  right: 0;\n  top: 0;\n  /* box-sizing: border-box; */\n  border-width: 2px;\n  border-color: #616C73;\n  border-style: solid;\n  border-radius: 30px;\n  opacity: 0;\n}\n\n.cover1 {\n  opacity: 1;\n}\n\n.indicator {\n  /* margin-right: 20px; */\n  height: 60px;\n  width: 60px;\n  color: #616C73;\n}\n\n.arrow-down {\n  position: relative;\n  top: 15px;\n  left: -45px;\n  width: 30px;\n  height: 30px;\n  border-width: 1px;\n}\n\n.u-txt {\n  font-size: 24px;\n  line-height: 40px;\n  color: #8E969B;\n  margin-top: 10px;\n  margin-left: 10px;\n  height: 40px;\n  lines: 1;\n}\n</style>\n",null],"sourceRoot":""}]);
+exports.push([module.i, "\n.dof-refresher[data-v-967e72fa] {\n  height: 1.86667rem;\n  width: 10rem;\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  /* 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  padding-top: 0.66667rem;\n}\n.cycle-container[data-v-967e72fa] {\n  position: relative;\n  width: 0.8rem;\n  height: 0.8rem;\n}\n.u-cover[data-v-967e72fa] {\n  position: absolute;\n  width: 0.4rem;\n  height: 0.8rem;\n  top: 0;\n  background-color: #ffffff;\n  overflow: hidden;\n  right: 0;\n}\n.c1[data-v-967e72fa] {\n  z-index: 1;\n}\n.c2[data-v-967e72fa] {\n  z-index: 2;\n  -webkit-transform-origin: left center;\n          transform-origin: left center;\n  -webkit-transform: rotateZ(0deg);\n          transform: rotateZ(0deg);\n}\n.u-cover-cycle[data-v-967e72fa] {\n  position: absolute;\n  width: 0.8rem;\n  height: 0.8rem;\n  right: 0;\n  top: 0;\n  /* box-sizing: border-box; */\n  border-width: 0.02667rem;\n  border-color: #616c73;\n  border-style: solid;\n  border-radius: 0.4rem;\n  opacity: 0;\n}\n.cover1[data-v-967e72fa] {\n  opacity: 1;\n}\n.indicator[data-v-967e72fa] {\n  /* margin-right: 20px; */\n  height: 0.46667rem;\n  width: 0.46667rem;\n  color: #616c73;\n}\n.arrow-down[data-v-967e72fa] {\n  position: relative;\n  top: 0.2rem;\n  left: -0.6rem;\n  width: 0.4rem;\n  height: 0.4rem;\n  border-width: 1px;\n}\n.u-txt[data-v-967e72fa] {\n  font-size: 0.32rem;\n  line-height: 0.53333rem;\n  color: #8e969b;\n  margin-top: 0.13333rem;\n  margin-left: 0.13333rem;\n  height: 0.53333rem;\n  lines: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  -webkit-line-clamp: 1;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-refresher/index.vue?6730c10f","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-refresher/<no source>"],"names":[],"mappings":";AAqOA;EACA,mBAAA;EACA,aAAA;EACA,qBAAA;EAAA,sBAAA;EAAA,cAAA;EACA,+BAAA;EAAA,8BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,wBAAA;EACA,yBAAA;EAAA,gCAAA;UAAA,wBAAA;EACA,0BAAA;EAAA,4BAAA;UAAA,oBAAA;EACA,wBAAA;CACA;AAEA;EACA,mBAAA;EACA,cAAA;EACA,eAAA;CACA;AAEA;EACA,mBAAA;EACA,cAAA;EACA,eAAA;EACA,OAAA;EACA,0BAAA;EACA,iBAAA;EACA,SAAA;CACA;AAEA;EACA,WAAA;CACA;AAEA;EACA,WAAA;EACA,sCAAA;UAAA,8BAAA;EACA,iCAAA;UAAA,yBAAA;CACA;AAEA;EACA,mBAAA;EACA,cAAA;EACA,eAAA;EACA,SAAA;EACA,OAAA;EACA,6BAAA;EACA,yBAAA;EACA,sBAAA;EACA,oBAAA;EACA,sBAAA;EACA,WAAA;CACA;AAEA;EACA,WAAA;CACA;AAEA;EACA,yBAAA;EACA,mBAAA;EACA,kBAAA;EACA,eAAA;CACA;AAEA;EACA,mBAAA;EACA,YAAA;EACA,cAAA;EACA,cAAA;EACA,eAAA;EACA,kBAAA;CACA;AAEA;EACA,mBAAA;EACA,wBAAA;EACA,eAAA;EACA,uBAAA;EACA,wBAAA;EACA,mBAAA;EACA,SAAA;ECnTA,iBAAA;EAAA,wBAAA;EAAA,sBAAA;CDoTA","file":"index.vue","sourcesContent":["<template>\n  <refresh\n    class=\"dof-refresher\"\n    @refresh=\"onRefresh\"\n    @pullingdown=\"onPullingDown\"\n    :display=\"refreshing ? 'show' : 'hide'\"\n  >\n    <!-- <div v-if=\"false\" class=\"cycle-container\" ref=\"cycle\">\n      <div class=\"u-cover c1\" ref=\"cover1\">\n        <div class=\"u-cover-cycle cover1\"></div>\n      </div>\n      <div class=\"u-cover c2\" ref=\"cover2\">\n        <div class=\"u-cover-cycle\" ref=\"cover-cycle\"></div>\n      </div>\n    </div> -->\n    <!-- <image\n      v-if=\"newStyleFlag\"\n      class=\"arrow-down\"\n      ref=\"arrow\"\n      :src=\"ICON_ARROW_DOWN\"\n      resize=\"contain\"\n    ></image> -->\n    <!-- <loading-indicator class=\"indicator\"></loading-indicator> -->\n    <midea-apng-view v-if=\"refreshing\" :loop=\"true\" :auto=\"true\" :src=\"loadingIcon\" class=\"indicator\"></midea-apng-view>\n    <text class=\"u-txt\" v-if=\"refresherText\">{{ refresherText }}</text>\n  </refresh>\n</template>\n<script>\nconst animation = weex.requireModule('animation')\n\n// 减少打包体积\nimport bindingx from 'weex-bindingx/lib/index.weex'\nimport BindEnv from '../utils/bind-env'\nimport Utils from '../utils'\n\nconst ICON_ARROW_DOWN = 'https://img.alicdn.com/tfs/TB1A8faeTtYBeNjy1XdXXXXyVXa-48-48.png'\n\nexport default {\n  props: {\n    scrollerRef: String,\n    maxTime: {\n      type: Number,\n      default: 0\n    },\n    mainText: {\n      type: String,\n      default: ''\n    },\n    pullingText: {\n      type: String,\n      default: ''\n    },\n    refreshingText: {\n      type: String,\n      default: ''\n    },\n    textWidth: {\n      type: Number,\n      default: 200\n    }\n  },\n  data() {\n    return {\n      ICON_ARROW_DOWN,\n      refreshing: false,\n      couldUnLash: false,\n      loadingIcon: 'http://dolphin-weex-dev.msmartlife.cn/cdn/images/common/loading_gray.png'\n    }\n  },\n  computed: {\n    newStyleFlag() {\n      return this.scrollerRef && BindEnv.supportsEBForIos()\n    },\n    refresherText() {\n      return this.refreshing ? this.refreshingText : this.pText\n    },\n    pText() {\n      return this.couldUnLash ? this.pullingText : this.mainText\n    }\n  },\n  created() {\n    this.newStyleFlag && this.animationBinding()\n  },\n  beforeDestroy() {\n    this.bindingsDestroy()\n  },\n  methods: {\n    onRefresh(event) {\n      this.$emit('dofRefresh', event)\n      this.refreshing = true\n      this.newStyleFlag && this.cycleGoRound()\n      if (this.maxTime <= 0) return\n      this.timeoutSto && clearTimeout(this.timeoutSto)\n      this.timeoutSto = setTimeout(() => {\n        this.$emit('dofTimeout')\n        this.dofCancel()\n      }, this.maxTime)\n    },\n    /**\n     * 取消 refreshing\n     */\n    dofCancel() {\n      this.refreshing = false\n      this.timeoutSto && clearTimeout(this.timeoutSto)\n      this.roundingDestroy()\n    },\n    /**\n     * 下拉事件\n     */\n    onPullingDown(event) {\n      this.$emit('dofPullingDown', event)\n      const pd = event.pullingDistance * (Utils.env.isIOS() ? -1 : 1)\n      pd > (Utils.env.isAndroid() ? 200 : 140) ? (this.couldUnLash = true) : (this.couldUnLash = false)\n      if (this.refreshing && pd < 20) {\n        this.timeoutSto && clearTimeout(this.timeoutSto)\n        this.refreshing = false\n        this.roundingDestroy()\n      }\n    },\n    /**\n     * 注册 bindingx\n     */\n    animationBinding() {\n      setTimeout(() => {\n        if (!this.$refs['cover2'] || !this.$refs['cover-cycle']) return\n        // 降级版本取不到，需要注意\n        const scroller = this.$parent.$refs[this.scrollerRef].ref\n        const cover2 = this.$refs['cover2'].ref\n        const coverCycle = this.$refs['cover-cycle'].ref\n\n        const bindingResult = bindingx.bind(\n          {\n            eventType: 'scroll',\n            anchor: scroller,\n            props: [\n              {\n                element: cover2,\n                property: 'transform.rotateZ',\n                expression: 'y>-140?(y%75/150*-360):156'\n              },\n              {\n                element: coverCycle,\n                property: 'opacity',\n                expression: 'y<-75 ?1:0'\n              }\n            ]\n          },\n          e => {}\n        )\n        this.bindingToken = bindingResult.token\n      }, 300)\n    },\n    /**\n     * 旋转动作\n     */\n    cycleGoRound() {\n      if (Utils.env.isAndroid()) return\n      if (!this.$refs['cycle']) return\n      const cycle = this.$refs['cycle'].ref\n      this.arrowShow(false)\n      if (!cycle) {\n        return\n      }\n      const roundingResult = bindingx.bind(\n        {\n          eventType: 'timing',\n          props: [\n            {\n              element: cycle,\n              property: 'transform.rotateZ',\n              expression: 't*0.72'\n            }\n          ]\n        },\n        e => {}\n      )\n      this.roundingToken = roundingResult.token\n    },\n    /**\n     * 箭头显隐控制\n     */\n    arrowShow(_show = true) {\n      const arrow = this.$refs['arrow']\n      arrow &&\n        animation.transition(\n          arrow,\n          {\n            styles: {\n              opacity: _show ? 1 : 0,\n              transform: _show ? 'scale(1)' : 'scale(0.5)'\n            },\n            duration: 300,\n            delay: 0\n          },\n          () => {}\n        )\n    },\n    /**\n     * 完整 bindingx 销毁\n     */\n    bindingsDestroy() {\n      if (this.bindingToken !== 0) {\n        bindingx &&\n          bindingx.unbind({\n            eventType: 'scroll',\n            token: this.bindingToken\n          })\n        this.bindingToken = 0\n      }\n      this.roundingDestroy()\n    },\n    /**\n     * 旋转 bindingx 销毁\n     */\n    roundingDestroy() {\n      if (this.roundingToken !== 0) {\n        bindingx &&\n          bindingx.unbind({\n            eventType: 'timing',\n            token: this.roundingToken\n          })\n        this.roundingToken = 0\n      }\n      this.arrowShow(true)\n    }\n  }\n}\n</script>\n<style scoped>\n.dof-refresher {\n  height: 140px;\n  width: 750px;\n  display: flex;\n  flex-direction: row;\n  /* flex-wrap: nowrap; */\n  justify-content: center;\n  align-items: center;\n  padding-top: 50px;\n}\n\n.cycle-container {\n  position: relative;\n  width: 60px;\n  height: 60px;\n}\n\n.u-cover {\n  position: absolute;\n  width: 30px;\n  height: 60px;\n  top: 0;\n  background-color: #ffffff;\n  overflow: hidden;\n  right: 0;\n}\n\n.c1 {\n  z-index: 1;\n}\n\n.c2 {\n  z-index: 2;\n  transform-origin: left center;\n  transform: rotateZ(0deg);\n}\n\n.u-cover-cycle {\n  position: absolute;\n  width: 60px;\n  height: 60px;\n  right: 0;\n  top: 0;\n  /* box-sizing: border-box; */\n  border-width: 2px;\n  border-color: #616c73;\n  border-style: solid;\n  border-radius: 30px;\n  opacity: 0;\n}\n\n.cover1 {\n  opacity: 1;\n}\n\n.indicator {\n  /* margin-right: 20px; */\n  height: 35px;\n  width: 35px;\n  color: #616c73;\n}\n\n.arrow-down {\n  position: relative;\n  top: 15px;\n  left: -45px;\n  width: 30px;\n  height: 30px;\n  border-width: 1px;\n}\n\n.u-txt {\n  font-size: 24px;\n  line-height: 40px;\n  color: #8e969b;\n  margin-top: 10px;\n  margin-left: 10px;\n  height: 40px;\n  lines: 1;\n}\n</style>\n",null],"sourceRoot":""}]);
 
 // exports
 
@@ -9431,7 +9428,7 @@ exports = module.exports = __webpack_require__(0)(true);
 
 
 // module
-exports.push([module.i, "\n.indicator {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: 0.66667rem;\n  item-color: rgba(255, 255, 255, 0.5);\n  item-selectedcolor: rgba(255, 255, 255, 1);\n  item-size: 0.18667rem;\n}\n.indicator .weex-indicator-item {\n  width: 0.18667rem;\n  height: 0.18667rem;\n}\n.indicator .weex-indicator-item {\n  background-color: rgba(255, 255, 255, 0.5);\n}\n.slider {\n  /* background-color: #f2f2f2; */\n  /* margin-left: 32px; */\n  border-radius: 0.21333rem;\n}\n.image {\n  border-radius: 0.21333rem;\n  background-color: #f2f2f2;\n}\n.div_out {\n  border-radius: 0.21333rem;\n  position: relative;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-swiper/index.vue?f583422e","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-swiper/<input css 17>","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-swiper/<input css 16>"],"names":[],"mappings":";AAiCA;EACA,mBAAA;EACA,UAAA;EACA,QAAA;EACA,SAAA;EACA,mBAAA;EACA,qCAAA;EACA,2CAAA;EACA,sBAAA;CACA;ACzCA;EACE,kBAAY;EACZ,mBAAa;CACd;ACHD;EACE,2CAA2C;CAC5C;AFwCD;EACA,gCAAA;EACA,wBAAA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;EACA,mBAAA;CACA","file":"index.vue","sourcesContent":["<template>\n  <div :style=\"{ marginLeft: divLeft, width: imgWidth }\" class=\"div_out\">\n    <slider\n      class=\"slider\"\n      :style=\"sliderStyle\"\n      :interval=\"interval\"\n      @change=\"change\"\n      :auto-play=\"autoplay\"\n      :infinite=\"infinite\"\n    >\n      <div v-for=\"(item, index) in slItems\" :key=\"index\" @click=\"imgClicked(item, index)\">\n        <image\n          :resize=\"imgResize\"\n          :style=\"{ width: imgWidth, height: imgHeight }\"\n          :src=\"item.url\"\n          :placeholder=\"phImgUrl\"\n          class=\"image\"\n        >\n        </image>\n      </div>\n      <indicator class=\"indicator\" :style=\"indicatorStyle\" v-if=\"showIndicator && !_isColmo\"></indicator>\n    </slider>\n    <div class=\"indicator-box\" v-if=\"showIndicator && _isColmo\">\n      <div\n        :class=\"['indicator-item', i === slItems.length - 1 && 'isLast', i == active && 'active']\"\n        v-for=\"(item, i) in slItems\"\n        :key=\"i\"\n      ></div>\n    </div>\n  </div>\n</template>\n\n<style>\n.indicator {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: 50px;\n  item-color: rgba(255, 255, 255, 0.5);\n  item-selectedcolor: rgba(255, 255, 255, 1);\n  item-size: 14px;\n}\n.slider {\n  /* background-color: #f2f2f2; */\n  /* margin-left: 32px; */\n  border-radius: 16px;\n}\n.image {\n  border-radius: 16px;\n  background-color: #f2f2f2;\n}\n.div_out {\n  border-radius: 16px;\n  position: relative;\n}\n</style>\n<style scoped src=\"./colmo.css\"></style>\n\n<script>\nconst icon = require('../setting/icon.base64')\nvar PLACEHOLDERIMAGE = icon['ic_img_null@2x']\nconst modal = weex.requireModule('modal')\nimport ColmoMixin from '../../mixins/colmo'\n\nexport default {\n  mixins: [ColmoMixin],\n  props: {\n    sliderStyle: {\n      type: Object,\n      default: () => ({\n        width: '686px',\n        height: '280px',\n        position: 'relative'\n      })\n    },\n    indicatorStyle: {\n      type: Object,\n      default: () => ({})\n    },\n    items: {\n      type: Array,\n      default: () => []\n    },\n    interval: {\n      type: Number,\n      default: 3000\n    },\n    autoplay: {\n      type: Boolean,\n      default: true\n    },\n    infinite: {\n      type: Boolean,\n      default: true\n    },\n    imgResize: {\n      type: String,\n      default: 'cover'\n    },\n    imgWidth: {\n      type: String,\n      default: '686px'\n    },\n    divLeft: {\n      type: String,\n      default: '32px'\n    },\n    imgHeight: {\n      type: String,\n      default: '280px'\n    },\n    showIndicator: {\n      type: Boolean,\n      default: true\n    },\n    phImgUrl: {\n      type: String,\n      default: PLACEHOLDERIMAGE\n    }\n  },\n  data: function() {\n    return {\n      slItems: [],\n      active: 0\n    }\n  },\n  created() {\n    if (this.items.length > 10) {\n      this.slItems.splice(0)\n      this.slItems = this.items.slice(0, 10)\n    } else if (this.items.length <= 10) {\n      this.slItems.splice(0)\n      this.slItems = this.items.slice(0)\n    }\n  },\n  methods: {\n    imgClicked(target, index) {\n      this.$emit('dofSwiperClicked', { target, index })\n    },\n    change(val) {\n      this.active = val.index\n    }\n  }\n}\n</script>\n","\n.indicator .weex-indicator-item {\n  width: 14px;\n  height: 14px;\n}","\n.indicator .weex-indicator-item {\n  background-color: rgba(255, 255, 255, 0.5);\n}"],"sourceRoot":""}]);
+exports.push([module.i, "\n.indicator {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: 0.66667rem;\n  item-color: rgba(255, 255, 255, 0.5);\n  item-selectedcolor: rgba(255, 255, 255, 1);\n  item-size: 0.18667rem;\n}\n.indicator .weex-indicator-item {\n  width: 0.18667rem;\n  height: 0.18667rem;\n}\n.indicator .weex-indicator-item {\n  background-color: rgba(255, 255, 255, 0.5);\n}\n.slider {\n  /* background-color: #f2f2f2; */\n  /* margin-left: 32px; */\n  border-radius: 0.21333rem;\n}\n.image {\n  border-radius: 0.21333rem;\n  background-color: #f2f2f2;\n}\n.div_out {\n  border-radius: 0.21333rem;\n  position: relative;\n}\n", "", {"version":3,"sources":["/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-swiper/index.vue?f583422e","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-swiper/<input css 14>","/Users/wuhm45/Documents/code/weex组件库/dolphin-weex-ui/packages/dof-swiper/<input css 13>"],"names":[],"mappings":";AAiCA;EACA,mBAAA;EACA,UAAA;EACA,QAAA;EACA,SAAA;EACA,mBAAA;EACA,qCAAA;EACA,2CAAA;EACA,sBAAA;CACA;ACzCA;EACE,kBAAY;EACZ,mBAAa;CACd;ACHD;EACE,2CAA2C;CAC5C;AFwCD;EACA,gCAAA;EACA,wBAAA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;EACA,0BAAA;CACA;AACA;EACA,0BAAA;EACA,mBAAA;CACA","file":"index.vue","sourcesContent":["<template>\n  <div :style=\"{ marginLeft: divLeft, width: imgWidth }\" class=\"div_out\">\n    <slider\n      class=\"slider\"\n      :style=\"sliderStyle\"\n      :interval=\"interval\"\n      @change=\"change\"\n      :auto-play=\"autoplay\"\n      :infinite=\"infinite\"\n    >\n      <div v-for=\"(item, index) in slItems\" :key=\"index\" @click=\"imgClicked(item, index)\">\n        <image\n          :resize=\"imgResize\"\n          :style=\"{ width: imgWidth, height: imgHeight }\"\n          :src=\"item.url\"\n          :placeholder=\"phImgUrl\"\n          class=\"image\"\n        >\n        </image>\n      </div>\n      <indicator class=\"indicator\" :style=\"indicatorStyle\" v-if=\"showIndicator && !_isColmo\"></indicator>\n    </slider>\n    <div class=\"indicator-box\" v-if=\"showIndicator && _isColmo\">\n      <div\n        :class=\"['indicator-item', i === slItems.length - 1 && 'isLast', i == active && 'active']\"\n        v-for=\"(item, i) in slItems\"\n        :key=\"i\"\n      ></div>\n    </div>\n  </div>\n</template>\n\n<style>\n.indicator {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: 50px;\n  item-color: rgba(255, 255, 255, 0.5);\n  item-selectedcolor: rgba(255, 255, 255, 1);\n  item-size: 14px;\n}\n.slider {\n  /* background-color: #f2f2f2; */\n  /* margin-left: 32px; */\n  border-radius: 16px;\n}\n.image {\n  border-radius: 16px;\n  background-color: #f2f2f2;\n}\n.div_out {\n  border-radius: 16px;\n  position: relative;\n}\n</style>\n<style scoped src=\"./colmo.css\"></style>\n\n<script>\nconst icon = require('../setting/icon.base64')\nvar PLACEHOLDERIMAGE = icon['ic_img_null@2x']\nconst modal = weex.requireModule('modal')\nimport ColmoMixin from '../../mixins/colmo'\n\nexport default {\n  mixins: [ColmoMixin],\n  props: {\n    sliderStyle: {\n      type: Object,\n      default: () => ({\n        width: '686px',\n        height: '280px',\n        position: 'relative'\n      })\n    },\n    indicatorStyle: {\n      type: Object,\n      default: () => ({})\n    },\n    items: {\n      type: Array,\n      default: () => []\n    },\n    interval: {\n      type: Number,\n      default: 3000\n    },\n    autoplay: {\n      type: Boolean,\n      default: true\n    },\n    infinite: {\n      type: Boolean,\n      default: true\n    },\n    imgResize: {\n      type: String,\n      default: 'cover'\n    },\n    imgWidth: {\n      type: String,\n      default: '686px'\n    },\n    divLeft: {\n      type: String,\n      default: '32px'\n    },\n    imgHeight: {\n      type: String,\n      default: '280px'\n    },\n    showIndicator: {\n      type: Boolean,\n      default: true\n    },\n    phImgUrl: {\n      type: String,\n      default: PLACEHOLDERIMAGE\n    }\n  },\n  data: function() {\n    return {\n      slItems: [],\n      active: 0\n    }\n  },\n  created() {\n    if (this.items.length > 10) {\n      this.slItems.splice(0)\n      this.slItems = this.items.slice(0, 10)\n    } else if (this.items.length <= 10) {\n      this.slItems.splice(0)\n      this.slItems = this.items.slice(0)\n    }\n  },\n  methods: {\n    imgClicked(target, index) {\n      this.$emit('dofSwiperClicked', { target, index })\n    },\n    change(val) {\n      this.active = val.index\n    }\n  }\n}\n</script>\n","\n.indicator .weex-indicator-item {\n  width: 14px;\n  height: 14px;\n}","\n.indicator .weex-indicator-item {\n  background-color: rgba(255, 255, 255, 0.5);\n}"],"sourceRoot":""}]);
 
 // exports
 
@@ -19563,8 +19560,8 @@ exports.default = {
       default: function _default() {
         return {
           hasAnimation: true,
-          // timingFunction: ['ease-in', 'ease-out'],
-          timingFunction: 'cubic-bezier(0.25, 0.1, 0.25, 1.0)',
+          timingFunction: ['cubic-bezier(0.25, 0.1, 0.25, 1.0)', 'cubic-bezier(0.25, 0.1, 0.25, 1.0)'],
+          //timingFunction: 'cubic-bezier(0.25, 0.1, 0.25, 1.0)',
           canAutoClose: false,
           duration: 300,
           opacity: 0.3
@@ -25103,6 +25100,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 //
 //
 //
+//
 
 var animation = weex.requireModule('animation');
 
@@ -25139,7 +25137,8 @@ exports.default = {
     return {
       ICON_ARROW_DOWN: ICON_ARROW_DOWN,
       refreshing: false,
-      couldUnLash: false
+      couldUnLash: false,
+      loadingIcon: 'http://dolphin-weex-dev.msmartlife.cn/cdn/images/common/loading_gray.png'
     };
   },
 
@@ -50972,10 +50971,14 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
         return _vm.onPullingDown($event)
       }
     }
-  }, [_c('loading-indicator', {
+  }, [(_vm.refreshing) ? _c('midea-apng-view', {
     staticClass: "indicator",
-    attrs: {}
-  }), _vm._v(" "), (_vm.refresherText) ? _c('p', {
+    attrs: {
+      "loop": true,
+      "auto": true,
+      "src": _vm.loadingIcon
+    }
+  }) : _vm._e(), _vm._v(" "), (_vm.refresherText) ? _c('p', {
     staticClass: "u-txt weex-el weex-text",
     attrs: {
       "weex-type": "text"