dolphin-weex-ui 2.1.7 → 2.1.9

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # 升级日志
 
+## 2.1.9
+
+- [ ! ] 修复dof-tab-page、dof-slider等 web端显示问题
+- [ ! ] date: 2024/08/14
+
+## 2.1.8
+
+- [ ! ] 优化dof-cell、dof-iconfont组件，支持使用自定义字体图标
+- [ ! ] date: 2024/05/31
+
 ## 2.1.7
 
 - [ ! ] 修复dof-searchbar default类型右侧插槽失效问题

package/dist/index.native.js

@@ -1615,7 +1615,7 @@ var _dofCatalog = __webpack_require__(18);
 
 var _dofCatalog2 = _interopRequireDefault(_dofCatalog);
 
-var _dofCell = __webpack_require__(11);
+var _dofCell = __webpack_require__(10);
 
 var _dofCell2 = _interopRequireDefault(_dofCell);
 
@@ -1711,7 +1711,7 @@ var _dofIconfont = __webpack_require__(2);
 
 var _dofIconfont2 = _interopRequireDefault(_dofIconfont);
 
-var _dofImage = __webpack_require__(12);
+var _dofImage = __webpack_require__(11);
 
 var _dofImage2 = _interopRequireDefault(_dofImage);
 
@@ -1747,7 +1747,7 @@ var _dofMarquee = __webpack_require__(22);
 
 var _dofMarquee2 = _interopRequireDefault(_dofMarquee);
 
-var _dofMask = __webpack_require__(13);
+var _dofMask = __webpack_require__(12);
 
 var _dofMask2 = _interopRequireDefault(_dofMask);
 
@@ -2094,32 +2094,17 @@ exports.Utils = _utils2.default; /**
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getBoundingClientRectBase = getBoundingClientRectBase;
-exports.getBoundingClientRect = getBoundingClientRect;
-exports.getBoundingClientRectAsync = getBoundingClientRectAsync;
-var dom = weex.requireModule('dom');
-
-function getBoundingClientRectBase(element, func) {
-  dom && dom.getComponentRect(element, func);
-}
 
-function getBoundingClientRect(element, func) {
-  var delay = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 50;
+var _index = __webpack_require__(200);
 
-  setTimeout(function () {
-    return dom && dom.getComponentRect(element, func);
-  }, delay);
-}
+Object.defineProperty(exports, 'default', {
+  enumerable: true,
+  get: function get() {
+    return _interopRequireDefault(_index).default;
+  }
+});
 
-function getBoundingClientRectAsync(element) {
-  return new Promise(function (resolve) {
-    setTimeout(function () {
-      return dom && dom.getComponentRect(element, function (res) {
-        return res.result && resolve(res.size);
-      });
-    }, 0);
-  });
-}
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /***/ }),
 /* 11 */
@@ -2132,7 +2117,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _index = __webpack_require__(200);
+var _index = __webpack_require__(226);
 
 Object.defineProperty(exports, 'default', {
   enumerable: true,
@@ -2154,7 +2139,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _index = __webpack_require__(226);
+var _index = __webpack_require__(236);
 
 Object.defineProperty(exports, 'default', {
   enumerable: true,
@@ -2175,17 +2160,32 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.getBoundingClientRectBase = getBoundingClientRectBase;
+exports.getBoundingClientRect = getBoundingClientRect;
+exports.getBoundingClientRectAsync = getBoundingClientRectAsync;
+var dom = weex.requireModule('dom');
 
-var _index = __webpack_require__(236);
+function getBoundingClientRectBase(element, func) {
+  dom && dom.getComponentRect(element, func);
+}
 
-Object.defineProperty(exports, 'default', {
-  enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_index).default;
-  }
-});
+function getBoundingClientRect(element, func) {
+  var delay = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 50;
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+  setTimeout(function () {
+    return dom && dom.getComponentRect(element, func);
+  }, delay);
+}
+
+function getBoundingClientRectAsync(element) {
+  return new Promise(function (resolve) {
+    setTimeout(function () {
+      return dom && dom.getComponentRect(element, function (res) {
+        return res.result && resolve(res.size);
+      });
+    }, 0);
+  });
+}
 
 /***/ }),
 /* 14 */
@@ -18500,7 +18500,7 @@ var _mixSelectableChild = __webpack_require__(35);
 
 var _transition = __webpack_require__(38);
 
-var _dom = __webpack_require__(10);
+var _dom = __webpack_require__(13);
 
 var _arrow_up = __webpack_require__(134);
 
@@ -19317,6 +19317,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 //
 //
 //
+//
+//
 
 var icon = __webpack_require__(3);
 var modal = weex.requireModule('modal');
@@ -20054,7 +20056,7 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < argument
 // import util from './setting/util';
 
 
-var _dofImage = __webpack_require__(12);
+var _dofImage = __webpack_require__(11);
 
 var _dofImage2 = _interopRequireDefault(_dofImage);
 
@@ -21462,7 +21464,7 @@ var _dofIconfont2 = _interopRequireDefault(_dofIconfont);
 
 var _transition = __webpack_require__(38);
 
-var _dom = __webpack_require__(10);
+var _dom = __webpack_require__(13);
 
 var _arrow_up = __webpack_require__(140);
 
@@ -21703,7 +21705,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _dofImage = __webpack_require__(12);
+var _dofImage = __webpack_require__(11);
 
 var _dofImage2 = _interopRequireDefault(_dofImage);
 
@@ -22704,6 +22706,7 @@ Object.defineProperty(exports, "__esModule", {
 //
 //
 //
+//
 
 exports.default = {
   props: {
@@ -23636,7 +23639,7 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < argument
 
 var _range = __webpack_require__(141);
 
-var _dom = __webpack_require__(10);
+var _dom = __webpack_require__(13);
 
 exports.default = {
   props: {
@@ -24763,12 +24766,15 @@ exports.default = {
       default: function _default() {
         return {};
       }
+    },
+    fontFamily: {
+      type: String,
+      default: COLMO_ICONFONT_NAME
     }
   },
   data: function data() {
     return {
-      isInit: weex.config.env.isInit === true || false,
-      fontFamily: COLMO_ICONFONT_NAME
+      isInit: weex.config.env.isInit === true || false
     };
   },
 
@@ -25767,7 +25773,7 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < argument
 //
 //
 
-var _dofMask = __webpack_require__(13);
+var _dofMask = __webpack_require__(12);
 
 var _dofMask2 = _interopRequireDefault(_dofMask);
 
@@ -26570,7 +26576,7 @@ var _dofOverlay = __webpack_require__(5);
 
 var _dofOverlay2 = _interopRequireDefault(_dofOverlay);
 
-var _dofImage = __webpack_require__(12);
+var _dofImage = __webpack_require__(11);
 
 var _dofImage2 = _interopRequireDefault(_dofImage);
 
@@ -28530,7 +28536,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _dofMask = __webpack_require__(13);
+var _dofMask = __webpack_require__(12);
 
 var _dofMask2 = _interopRequireDefault(_dofMask);
 
@@ -31559,7 +31565,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _dofCell = __webpack_require__(11);
+var _dofCell = __webpack_require__(10);
 
 var _dofCell2 = _interopRequireDefault(_dofCell);
 
@@ -31789,7 +31795,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _dofCell = __webpack_require__(11);
+var _dofCell = __webpack_require__(10);
 
 var _dofCell2 = _interopRequireDefault(_dofCell);
 
@@ -34213,7 +34219,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _dofMask = __webpack_require__(13);
+var _dofMask = __webpack_require__(12);
 
 var _dofMask2 = _interopRequireDefault(_dofMask);
 
@@ -35959,7 +35965,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _dom = __webpack_require__(10);
+var _dom = __webpack_require__(13);
 
 var _colmo = __webpack_require__(0);
 
@@ -36131,7 +36137,8 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < argument
 //
 //
 
-var _dom = __webpack_require__(10);
+// import { getBoundingClientRect } from '../utils/dom.js'
+
 
 var _mathExtension = __webpack_require__(173);
 
@@ -36145,6 +36152,16 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _asyncToGenerator(fn) { return function () { var gen = fn.apply(this, arguments); return new Promise(function (resolve, reject) { function step(key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { return Promise.resolve(value).then(function (value) { step("next", value); }, function (err) { step("throw", err); }); } } return step("next"); }); }; }
 
+var dom = weex.requireModule('dom');
+
+var getBoundingClientRect = function getBoundingClientRect(element, func) {
+  var delay = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 50;
+
+  setTimeout(function () {
+    return dom && dom.getComponentRect(element, func);
+  }, delay);
+};
+
 exports.default = {
   mixins: [_colmo2.default],
   props: {
@@ -36316,7 +36333,7 @@ exports.default = {
         top: (this._trackHeight - this.trackHeight) / 2 + 'px',
         left: buttonPadding + 'px',
         right: buttonPadding + 'px',
-        height: this.trackHeight,
+        height: this.trackHeight + 'px',
         borderRadius: this.trackHeight / 2 + 'px'
       };
       if (this.barColor) {
@@ -36372,7 +36389,7 @@ exports.default = {
   mounted: function mounted() {
     var _this = this;
 
-    (0, _dom.getBoundingClientRect)(this.$refs.track, function (res) {
+    getBoundingClientRect(this.$refs.track, function (res) {
       if (res.result) {
         // 实际可滑动长度（可变化范围）= bar宽度 - btn宽度
         _this.width = res.size.width - _this._trackHeight;
@@ -36456,9 +36473,10 @@ exports.default = {
       var diff = delta / total * this.scope;
 
       this.current = this.startValue + diff;
+      this.prevScreenX = e.changedTouches[0].screenX;
 
+      if (delta === 0) return;
       this.update(this.current);
-      this.prevScreenX = e.changedTouches[0].screenX;
     },
     onTouchEnd: function onTouchEnd(e) {
       var _this3 = this;
@@ -36548,7 +36566,7 @@ exports.default = {
       var _this4 = this;
 
       return new Promise(function (resolve, reject) {
-        (0, _dom.getBoundingClientRect)(_this4.$refs.bar, function (res) {
+        getBoundingClientRect(_this4.$refs.bar, function (res) {
           if (res.result) {
             resolve({
               left: res.size.left,
@@ -36557,7 +36575,8 @@ exports.default = {
           }
         }, 0);
       });
-    }
+    },
+    maskTouchStart: function maskTouchStart() {}
   }
 };
 
@@ -37679,7 +37698,7 @@ var _utils = __webpack_require__(1);
 
 var _utils2 = _interopRequireDefault(_utils);
 
-var _dofCell = __webpack_require__(11);
+var _dofCell = __webpack_require__(10);
 
 var _dofCell2 = _interopRequireDefault(_dofCell);
 
@@ -37867,7 +37886,6 @@ var animation = weex.requireModule('animation'); //
 //
 //
 //
-//
 
 var modal = weex.requireModule('modal');
 var dom = weex.requireModule('dom');
@@ -37958,7 +37976,12 @@ exports.default = {
         this.movingDistance(webEndX - this.webStarX, node, this.$refs.skid[i]);
       }
     },
-
+    handleHorizontalpan: function handleHorizontalpan(e, item, index) {
+      !this.isAndroid && this.onPanStart(e, item, index, item.rightItem ? item.rightItem.length : 0);
+    },
+    handlePanEnd: function handlePanEnd(e, item, index) {
+      this.onPanEnd(e, item, index);
+    },
 
     // 使用官方的pan事件解决某些ios设备使用@swipe不能滑动的问题
     onPanStart: function onPanStart(e, node, i, len) {
@@ -37971,8 +37994,9 @@ exports.default = {
         this.mobileX = 0;
       }
       this.saveIdx = i;
-      !_utils2.default.env.isWeb() ? this.mobile(e, node, i, len) : this.web(e, node, i);
-      e.stopPropagation();
+      this.mobile(e, node, i, len);
+      // !Utils.env.isWeb() ? this.mobile(e, node, i, len) : this.web(e, node, i)
+      // e.stopPropagation()
     },
     web: function web(e, node, i) {
       this.webStarX = e.changedTouches[0].pageX;
@@ -38041,7 +38065,8 @@ exports.default = {
         _this2.cellCanClick = true;
       }, 100);
     },
-    slideMenu: function slideMenu(e, index, length) {
+    slideMenu: function slideMenu(e, index, item) {
+      var length = item.rightItem.length;
       this.cellCanClick = false;
       var listItems = this.$refs.menuItem;
       var ele = this.$refs.menuItem[index];
@@ -40182,7 +40207,7 @@ exports.default = {
         isActiveTitleBold: false,
         bgColor: '#151617',
         titleColor: 'rgba(255,255,255,0.4)',
-        activeTitleColor: 'rgba(255,255,255,0.8);',
+        activeTitleColor: 'rgba(255,255,255,0.8)',
         boxBgColor: '#151617',
         activeBoxBgColor: '#151617',
         activeBottomColor: '#B35336',
@@ -45320,7 +45345,6 @@ module.exports = {
     "position": "absolute",
     "right": 0,
     "top": 0,
-    "borderTopWidth": "2",
     "transform": "rotateZ(-77deg)",
     "transformOrigin": "right top"
   },
@@ -45335,12 +45359,23 @@ module.exports = {
     "borderTopWidth": "4",
     "top": "-2",
     "left": "-3",
+    "right": "-3",
     "position": "absolute"
   },
   "border-bottom": {
     "height": "4",
     "bottom": "-2",
-    "position": "absolute"
+    "position": "absolute",
+    "left": "-3",
+    "right": "-3"
+  },
+  "slash": {
+    "width": "2",
+    "position": "absolute",
+    "top": "0",
+    "bottom": "0",
+    "transformOrigin": "center center",
+    "transform": "rotate(13deg)"
   },
   "flex-1": {
     "flex": 1
@@ -48074,13 +48109,13 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
     }
   })])], 2) : _vm._e(), (_vm.avatarIconFont) ? _c('div', {
     staticClass: ["circle-bg"]
-  }, [_c('dof-iconfont', {
+  }, [_vm._t("leftIconFont", [_c('dof-iconfont', {
     attrs: {
       "code": _vm.avatarIconFont,
       "size": _vm.avatarIconFontSize,
       "color": _vm._isColmo ? 'rgba(255,255,255,0.80)' : '#333333'
     }
-  })], 1) : _vm._e(), (_vm.hasDot) ? _c('div', {
+  })])], 2) : _vm._e(), (_vm.hasDot) ? _c('div', {
     staticClass: ["dot-tip"],
     class: [_vm.badgeNum && 'dotRight'],
     style: _vm.badgeStyle
@@ -49994,7 +50029,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
   }, [_vm._t("default")], 2) : _vm._e(), (_vm.isGradientBar && _vm.disabled) ? _c('div', {
     staticClass: ["dof-slider-disabled-mask"],
     on: {
-      "touchstart": function () {}
+      "touchstart": _vm.maskTouchStart
     }
   }) : _vm._e()])
 },staticRenderFns: []}
@@ -50108,7 +50143,7 @@ module.exports.render._withStripped = true
 /***/ (function(module, exports) {
 
 module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
-  return _c('div', [(_vm.isAndroid) ? _c('div', {
+  return _c('div', [(!_vm.isIOS) ? _c('div', {
     staticClass: ["container"],
     style: {
       width: _vm._cellWidth + 'px',
@@ -50125,7 +50160,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
       },
       on: {
         "swipe": function($event) {
-          _vm.slideMenu($event, index, item.rightItem.length)
+          _vm.slideMenu($event, index, item)
         },
         "touchend": _vm.touchend
       }
@@ -50198,8 +50233,12 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
         width: _vm._cellWidth + _vm.rightWidth(item) + 'px'
       },
       on: {
-        "horizontalpan": function (e) { return !_vm.isAndroid && _vm.onPanStart(e, item, index, item.rightItem ? item.rightItem.length : 0); },
-        "panend": function (e) { return _vm.onPanEnd(e, item, index); }
+        "horizontalpan": function($event) {
+          _vm.handleHorizontalpan(_vm.event, item, index)
+        },
+        "panend": function($event) {
+          _vm.handlePanEnd(_vm.event, item, index)
+        }
       }
     }, [(_vm.padding) ? _c('div', {
       style: {
@@ -50953,19 +50992,13 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
     }, [_vm._v(_vm._s(tab.label.length > _vm.labelMaxLen ? tab.label.slice(0, _vm.labelMaxLen) + '...' : tab.label))])]), (i !== _vm.dataLen - 1) ? _c('div', {
       staticClass: ["tabLine"],
       style: Object.assign({
-          backgroundColor: _vm.bgColor,
-          // 'background-color': touchActive === i ? touchColor : bgColor,
-          'border-left-color': _vm.touchActive === i ? _vm.touchColor : 'transparent',
-          'border-right-color': _vm.touchActive - 1 === i ? _vm.touchColor : 'transparent',
-          'border-left-width': !(_vm.tabActive === i || _vm.tabActive - 1 === i) ? '0px' : '2px',
-          'border-right-width': !(_vm.tabActive === i || _vm.tabActive - 1 === i) ? '0px' : '3px'
+          backgroundColor: _vm.bgColor
         },
         _vm.tabLineStyle
       )
     }, [_c('div', {
       staticClass: ["tabLineMaskDown"],
       style: Object.assign({
-          'border-color': _vm.tabActive === i || _vm.tabActive - 1 === i ? _vm.activeBorderColor : 'transparent',
           'background-color': _vm.touchActive - 1 === i ? _vm.touchColor : _vm.bgColor
         },
         _vm.maskStyle
@@ -50980,17 +51013,23 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
     }), _c('div', {
       staticClass: ["border-top"],
       style: {
-        'border-color': _vm.tabActive === i ? _vm.activeBorderColor : _vm.borderColor,
+        'border-color': _vm.tabActive === i ? _vm.activeBorderColor : _vm.borderColor
         // 优化边缘显示
-        width: _vm.tabActive - 1 === i ? _vm.itemHeight / 4 - 1 + 'px' : _vm.itemHeight / 4 + 3 + 'px'
+        // width: tabActive - 1 === i ? itemHeight / 4 - 1 + 'px' : itemHeight / 4 + 3 + 'px'
       }
     }), _c('div', {
       staticClass: ["border-bottom"],
       style: Object.assign({
           'background-color': _vm.tabActive - 1 === i ? _vm.activeBorderColor : _vm.borderColor
-        },
-        _vm.fakeBorderStyle
+        }
+        // fakeBorderStyle
       )
+    }), _c('div', {
+      staticClass: ["slash"],
+      style: {
+        left: _vm.itemHeight / 8 - 1 + 'px',
+        'background-color': _vm.tabActive === i || _vm.tabActive - 1 === i ? _vm.activeBorderColor : 'transparent'
+      }
     })]) : _vm._e()])
   }))])
 },staticRenderFns: []}