zartui 2.0.31 → 2.0.32

package/es/field/index.js

@@ -100,6 +100,12 @@ export default createComponent({
       this.resetValidation();
       this.validateWithTrigger('onChange');
       this.$nextTick(this.adjustSize);
+    },
+    autosize: {
+      deep: true,
+      handler: function handler() {
+        this.$nextTick(this.adjustSize);
+      }
     }
   },
   mounted: function mounted() {

package/es/index.js

@@ -76,7 +76,7 @@ import Tag from './tag';
 import Timeline from './timeline';
 import Toast from './toast';
 import Uploader from './uploader';
-var version = '2.0.31';
+var version = '2.0.32';
 
 function install(Vue) {
   var components = [ActionSheet, Area, Avatar, BackTop, Badge, Button, Calendar, Cascader, Cell, CellGroup, Checkbox, CheckboxGroup, Col, Collapse, CollapseItem, CountDown, DatetimePicker, Dialog, Divider, DropdownItem, DropdownMenu, Empty, Field, FoldDialog, Form, Grid, GridItem, HierarchySelect, Icon, Image, ImagePreview, IndexAnchor, IndexBar, Info, Lazyload, List, Loading, Locale, MediaPicker, MediaPlayer, MultiplePicker, NavBar, NoticeBar, NumberKeyboard, Overlay, PasswordInput, PdfViewer, PdfViewerV2, Picker, Popover, Popup, PullRefresh, Radio, RadioGroup, Rate, Row, Search, Signature, Skeleton, Slider, Step, Stepper, Steps, Sticky, Swipe, SwipeCell, SwipeItem, Switch, SwitchCell, Tab, Tabbar, TabbarItem, Table, Tabs, Tag, Timeline, Toast, Uploader];

package/es/popup/index.js

@@ -1,6 +1,7 @@
 import { createNamespace, isDef } from '../utils';
 import { PopupMixin } from '../mixins/popup';
 import Icon from '../icon';
+import { unitToPx } from "../utils/format/unit";
 
 var _createNamespace = createNamespace('popup'),
     createComponent = _createNamespace[0],
@@ -42,6 +43,15 @@ export default createComponent({
       type: Number,
       default: 60
     },
+    // 控制滑动区域的高度,滑动的最小高
+    minDragHeight: {
+      type: String,
+      default: '40px'
+    },
+    maxDragHeight: {
+      type: String,
+      default: '85vh'
+    },
     sliderShow: {
       type: Boolean,
       default: false
@@ -69,13 +79,10 @@ export default createComponent({
   },
   data: function data() {
     return {
-      positionY: 0,
       timerId: null,
       contentStyle: "height:" + this.sliderContentHeight + "px;",
       touchHeight: 0,
-      touchPoint: 0,
-      // 控制滑动区域的高度
-      touchAreaHeight: 40
+      touchPoint: 0
     };
   },
   methods: {
@@ -98,14 +105,15 @@ export default createComponent({
       }
 
       var h = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
-      this.positionY = event.touches[0].clientY;
+      var touchAreaHeight = unitToPx(this.minDragHeight);
+      var positionY = event.touches[0].clientY;
       this.timerId = setTimeout(function () {
-        if (_this2.positionY === 0 || _this2.positionY < h * 0.15) {
+        if (positionY === 0 || positionY < h - unitToPx(_this2.maxDragHeight)) {
           return;
         }
 
-        _this2.touchHeight = _this2.positionY - _this2.touchAreaHeight > h - _this2.touchAreaHeight ? h - _this2.touchAreaHeight + _this2.touchPoint : _this2.positionY;
-        _this2.contentStyle = "height:" + (h - _this2.touchHeight - _this2.touchAreaHeight + _this2.touchPoint) + "px;";
+        _this2.touchHeight = positionY - touchAreaHeight > h - touchAreaHeight ? h - touchAreaHeight + _this2.touchPoint : positionY;
+        _this2.contentStyle = "height:" + (h - _this2.touchHeight - touchAreaHeight + _this2.touchPoint) + "px;";
       }, 10);
     },
     endMove: function endMove() {
@@ -154,7 +162,8 @@ export default createComponent({
           "touchmove": this.move,
           "touchend": this.endMove,
           "touchstart": this.startMove
-        }
+        },
+        "style": "height:" + this.minDragHeight
       }, [h("div", {
         "class": bem('slider-bar')
       })]), h("div", {

package/lib/field/index.js

@@ -116,6 +116,12 @@ var _default = createComponent({
       this.resetValidation();
       this.validateWithTrigger('onChange');
       this.$nextTick(this.adjustSize);
+    },
+    autosize: {
+      deep: true,
+      handler: function handler() {
+        this.$nextTick(this.adjustSize);
+      }
     }
   },
   mounted: function mounted() {

package/lib/index.js

@@ -317,7 +317,7 @@ exports.Toast = _toast.default;
 var _uploader = _interopRequireDefault(require("./uploader"));
 
 exports.Uploader = _uploader.default;
-var version = '2.0.31';
+var version = '2.0.32';
 exports.version = version;
 
 function install(Vue) {

package/lib/popup/index.js

@@ -11,6 +11,8 @@ var _popup = require("../mixins/popup");
 
 var _icon = _interopRequireDefault(require("../icon"));
 
+var _unit = require("../utils/format/unit");
+
 var _createNamespace = (0, _utils.createNamespace)('popup'),
     createComponent = _createNamespace[0],
     bem = _createNamespace[1];
@@ -51,6 +53,15 @@ var _default = createComponent({
       type: Number,
       default: 60
     },
+    // 控制滑动区域的高度,滑动的最小高
+    minDragHeight: {
+      type: String,
+      default: '40px'
+    },
+    maxDragHeight: {
+      type: String,
+      default: '85vh'
+    },
     sliderShow: {
       type: Boolean,
       default: false
@@ -78,13 +89,10 @@ var _default = createComponent({
   },
   data: function data() {
     return {
-      positionY: 0,
       timerId: null,
       contentStyle: "height:" + this.sliderContentHeight + "px;",
       touchHeight: 0,
-      touchPoint: 0,
-      // 控制滑动区域的高度
-      touchAreaHeight: 40
+      touchPoint: 0
     };
   },
   methods: {
@@ -107,14 +115,15 @@ var _default = createComponent({
       }
 
       var h = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
-      this.positionY = event.touches[0].clientY;
+      var touchAreaHeight = (0, _unit.unitToPx)(this.minDragHeight);
+      var positionY = event.touches[0].clientY;
       this.timerId = setTimeout(function () {
-        if (_this2.positionY === 0 || _this2.positionY < h * 0.15) {
+        if (positionY === 0 || positionY < h - (0, _unit.unitToPx)(_this2.maxDragHeight)) {
           return;
         }
 
-        _this2.touchHeight = _this2.positionY - _this2.touchAreaHeight > h - _this2.touchAreaHeight ? h - _this2.touchAreaHeight + _this2.touchPoint : _this2.positionY;
-        _this2.contentStyle = "height:" + (h - _this2.touchHeight - _this2.touchAreaHeight + _this2.touchPoint) + "px;";
+        _this2.touchHeight = positionY - touchAreaHeight > h - touchAreaHeight ? h - touchAreaHeight + _this2.touchPoint : positionY;
+        _this2.contentStyle = "height:" + (h - _this2.touchHeight - touchAreaHeight + _this2.touchPoint) + "px;";
       }, 10);
     },
     endMove: function endMove() {
@@ -163,7 +172,8 @@ var _default = createComponent({
           "touchmove": this.move,
           "touchend": this.endMove,
           "touchstart": this.startMove
-        }
+        },
+        "style": "height:" + this.minDragHeight
       }, [h("div", {
         "class": bem('slider-bar')
       })]), h("div", {

package/lib/zart.js

@@ -204,7 +204,7 @@ var SlotsMixin = {
   }
 };
 // EXTERNAL MODULE: ./es/telemetry/index.js
-var telemetry = __webpack_require__(11);
+var telemetry = __webpack_require__(12);
 
 // CONCATENATED MODULE: ./es/mixins/telemetry.js
 
@@ -307,7 +307,7 @@ function createNamespace(name) {
   return [createComponent(name), createBEM(name), createI18N(name)];
 }
 // EXTERNAL MODULE: ./es/utils/format/unit.js
-var unit = __webpack_require__(12);
+var unit = __webpack_require__(11);
 
 // CONCATENATED MODULE: ./es/utils/index.js
 
@@ -634,67 +634,6 @@ function _assertThisInitialized(self) {
 /* 11 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return TelemetryEvent; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Telemetry; });
-// eslint-disable-next-line max-classes-per-file
-var TelemetryEvent = function TelemetryEvent(name, attributes) {
-  this.name = name;
-
-  if (attributes) {
-    this.attributes = attributes;
-  } else {
-    this.attributes = {};
-  }
-};
-var Telemetry = /*#__PURE__*/function () {
-  function Telemetry() {}
-
-  var _proto = Telemetry.prototype;
-
-  _proto.getRoute = function getRoute() {
-    if (this.route instanceof Function) {
-      var routeFunc = this.route;
-      return routeFunc();
-    }
-
-    return this.route;
-  };
-
-  _proto.track = function track(event) {
-    event.attributes.project = this.project;
-    event.attributes.app = this.app;
-    event.attributes.route = this.getRoute();
-
-    if (this.send) {
-      this.send(event);
-    } else {// console.debug(JSON.stringify(event))
-    }
-  };
-
-  _proto.trackClick = function trackClick(event) {
-    event.attributes.click = 1;
-    this.track(event);
-  };
-
-  _proto.trackAppear = function trackAppear(event) {
-    event.attributes.appear = 1;
-    this.track(event);
-  };
-
-  _proto.trackDisappear = function trackDisappear(event) {
-    event.attributes.disappear = 1;
-    this.track(event);
-  };
-
-  return Telemetry;
-}();
-Telemetry.sharedInstance = new Telemetry();
-
-/***/ }),
-/* 12 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return addUnit; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return unitToPx; });
@@ -760,6 +699,67 @@ function unitToPx(value) {
   return parseFloat(value);
 }
 
+/***/ }),
+/* 12 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return TelemetryEvent; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Telemetry; });
+// eslint-disable-next-line max-classes-per-file
+var TelemetryEvent = function TelemetryEvent(name, attributes) {
+  this.name = name;
+
+  if (attributes) {
+    this.attributes = attributes;
+  } else {
+    this.attributes = {};
+  }
+};
+var Telemetry = /*#__PURE__*/function () {
+  function Telemetry() {}
+
+  var _proto = Telemetry.prototype;
+
+  _proto.getRoute = function getRoute() {
+    if (this.route instanceof Function) {
+      var routeFunc = this.route;
+      return routeFunc();
+    }
+
+    return this.route;
+  };
+
+  _proto.track = function track(event) {
+    event.attributes.project = this.project;
+    event.attributes.app = this.app;
+    event.attributes.route = this.getRoute();
+
+    if (this.send) {
+      this.send(event);
+    } else {// console.debug(JSON.stringify(event))
+    }
+  };
+
+  _proto.trackClick = function trackClick(event) {
+    event.attributes.click = 1;
+    this.track(event);
+  };
+
+  _proto.trackAppear = function trackAppear(event) {
+    event.attributes.appear = 1;
+    this.track(event);
+  };
+
+  _proto.trackDisappear = function trackDisappear(event) {
+    event.attributes.disappear = 1;
+    this.track(event);
+  };
+
+  return Telemetry;
+}();
+Telemetry.sharedInstance = new Telemetry();
+
 /***/ }),
 /* 13 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -24540,11 +24540,15 @@ Icon.props = {
   }
 };
 /* harmony default export */ var es_icon = (icon_createComponent(Icon));
+// EXTERNAL MODULE: ./es/utils/format/unit.js
+var unit = __webpack_require__(11);
+
 // CONCATENATED MODULE: ./es/popup/index.js
 
 
 
 
+
 var popup_createNamespace = Object(utils["b" /* createNamespace */])('popup'),
     popup_createComponent = popup_createNamespace[0],
     popup_bem = popup_createNamespace[1];
@@ -24585,6 +24589,15 @@ var popup_createNamespace = Object(utils["b" /* createNamespace */])('popup'),
       type: Number,
       default: 60
     },
+    // 控制滑动区域的高度,滑动的最小高
+    minDragHeight: {
+      type: String,
+      default: '40px'
+    },
+    maxDragHeight: {
+      type: String,
+      default: '85vh'
+    },
     sliderShow: {
       type: Boolean,
       default: false
@@ -24612,13 +24625,10 @@ var popup_createNamespace = Object(utils["b" /* createNamespace */])('popup'),
   },
   data: function data() {
     return {
-      positionY: 0,
       timerId: null,
       contentStyle: "height:" + this.sliderContentHeight + "px;",
       touchHeight: 0,
-      touchPoint: 0,
-      // 控制滑动区域的高度
-      touchAreaHeight: 40
+      touchPoint: 0
     };
   },
   methods: {
@@ -24641,14 +24651,15 @@ var popup_createNamespace = Object(utils["b" /* createNamespace */])('popup'),
       }
 
       var h = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
-      this.positionY = event.touches[0].clientY;
+      var touchAreaHeight = Object(unit["b" /* unitToPx */])(this.minDragHeight);
+      var positionY = event.touches[0].clientY;
       this.timerId = setTimeout(function () {
-        if (_this2.positionY === 0 || _this2.positionY < h * 0.15) {
+        if (positionY === 0 || positionY < h - Object(unit["b" /* unitToPx */])(_this2.maxDragHeight)) {
           return;
         }
 
-        _this2.touchHeight = _this2.positionY - _this2.touchAreaHeight > h - _this2.touchAreaHeight ? h - _this2.touchAreaHeight + _this2.touchPoint : _this2.positionY;
-        _this2.contentStyle = "height:" + (h - _this2.touchHeight - _this2.touchAreaHeight + _this2.touchPoint) + "px;";
+        _this2.touchHeight = positionY - touchAreaHeight > h - touchAreaHeight ? h - touchAreaHeight + _this2.touchPoint : positionY;
+        _this2.contentStyle = "height:" + (h - _this2.touchHeight - touchAreaHeight + _this2.touchPoint) + "px;";
       }, 10);
     },
     endMove: function endMove() {
@@ -24697,7 +24708,8 @@ var popup_createNamespace = Object(utils["b" /* createNamespace */])('popup'),
           "touchmove": this.move,
           "touchend": this.endMove,
           "touchstart": this.startMove
-        }
+        },
+        "style": "height:" + this.minDragHeight
       }, [h("div", {
         "class": popup_bem('slider-bar')
       })]), h("div", {
@@ -25139,9 +25151,6 @@ var pickerProps = {
     default: true
   }
 };
-// EXTERNAL MODULE: ./es/utils/format/unit.js
-var unit = __webpack_require__(12);
-
 // CONCATENATED MODULE: ./es/utils/deep-clone.js
 
 function deepClone(obj) {
@@ -25626,7 +25635,7 @@ var routeProps = {
   to: [String, Object]
 };
 // EXTERNAL MODULE: ./es/telemetry/index.js
-var telemetry = __webpack_require__(11);
+var telemetry = __webpack_require__(12);
 
 // CONCATENATED MODULE: ./es/button/index.js
 
@@ -34691,6 +34700,12 @@ var field_createNamespace = Object(utils["b" /* createNamespace */])('field'),
       this.resetValidation();
       this.validateWithTrigger('onChange');
       this.$nextTick(this.adjustSize);
+    },
+    autosize: {
+      deep: true,
+      handler: function handler() {
+        this.$nextTick(this.adjustSize);
+      }
     }
   },
   mounted: function mounted() {
@@ -52787,7 +52802,7 @@ var uploader_createNamespace = Object(utils["b" /* createNamespace */])('uploade
 
 
 
-var version = '2.0.31';
+var version = '2.0.32';
 
 function install(Vue) {
   var components = [action_sheet, es_area, avatar, back_top, badge, es_button, calendar, cascader, cell, cell_group, es_checkbox, checkbox_group, col, collapse, collapse_item, count_down, datetime_picker, dialog, divider, dropdown_item, dropdown_menu, empty, es_field, fold_dialog, es_form, grid, grid_item, hierarchy_select, es_icon, es_image, image_preview, index_anchor, index_bar, es_info, lazyload, es_list, es_loading, locale["a" /* default */], media_picker, media_player, multiple_picker, nav_bar, notice_bar, number_keyboard, es_overlay, password_input, pdf_viewer, pdf_viewer_v2, es_picker, popover, popup, pull_refresh, es_radio, radio_group, rate, row, search, signature, skeleton, slider, es_step, stepper, es_steps, es_sticky, swipe, swipe_cell, swipe_item, es_switch, switch_cell, tab, tabbar, tabbar_item, table, tabs, es_tag, timeline, es_toast, uploader];