dolphin-weex-ui 2.3.8 → 2.3.9

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
@@ -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
 
@@ -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"