zartui 2.0.69 → 2.0.71

package/es/dropdown-item/index.css

@@ -1 +1 @@
-.zt2-dropdown-item{position:fixed;right:0;left:0;z-index:10;overflow:hidden}.zt2-dropdown-item__icon{display:block;line-height:inherit;font-size:24px}.zt2-dropdown-item .zt2-cell::after{border:none}.zt2-dropdown-item__option{text-align:left;font-size:14px;padding-left:0}.zt2-dropdown-item__option:last-child::before{display:none}.zt2-dropdown-item__option .zt2-cell__value{height:20px}.zt2-dropdown-item__option--active{color:#0091fa}.zt2-dropdown-item__option--active .zt2-dropdown-item__icon{color:#0091fa}.zt2-dropdown-item--up{top:0}.zt2-dropdown-item--down{bottom:0}.zt2-dropdown-item__content,.zt2-dropdown-item__content.zt2-popup{position:absolute;max-height:80%;padding-left:16px;box-sizing:border-box}.zt2-dropdown-item__options{position:absolute;top:0;width:100%;overflow-y:scroll}.zt2-dropdown-item__button{position:absolute;z-index:1;width:100%;height:68px;display:-webkit-box;display:-webkit-flex;display:flex;border-top:1px solid rgba(0,0,0,.05)}.zt2-dropdown-item__button-reset{width:50%;font-family:PingFangSC-Regular;font-weight:400;color:#ff9623;border-color:#ff9623;text-align:center;margin-top:12px;margin-left:16px;margin-right:4px;background:#fff}.zt2-dropdown-item__button-confirm{width:50%;background-color:#0091fa;font-weight:600;color:#f5f5fa;text-align:center;margin-top:12px;margin-left:4px;margin-right:16px}
+.zt2-dropdown-item{position:fixed;right:0;left:0;z-index:10;overflow:hidden}.zt2-dropdown-item__icon{display:block;line-height:inherit;font-size:24px}.zt2-dropdown-item .zt2-cell::after{border:none}.zt2-dropdown-item__option{text-align:left;font-size:14px;padding-left:0}.zt2-dropdown-item__option:last-child::before{display:none}.zt2-dropdown-item__option .zt2-cell__value{height:20px}.zt2-dropdown-item__option--active{color:#0091fa}.zt2-dropdown-item__option--active .zt2-dropdown-item__icon{color:#0091fa}.zt2-dropdown-item--up{top:0}.zt2-dropdown-item--down{bottom:0}.zt2-dropdown-item__content,.zt2-dropdown-item__content.zt2-popup{position:absolute;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;max-height:80%;padding-left:16px;box-sizing:border-box}.zt2-dropdown-item__options{position:absolute;top:0;height:calc(100% - 68px);width:100%;overflow-y:scroll}.zt2-dropdown-item__button{position:absolute;bottom:0;z-index:1;width:100%;height:68px;display:-webkit-box;display:-webkit-flex;display:flex;border-top:1px solid rgba(0,0,0,.05)}.zt2-dropdown-item__button-reset{width:50%;font-family:PingFangSC-Regular;font-weight:400;color:#ff9623;border-color:#ff9623;text-align:center;margin-top:12px;margin-left:16px;margin-right:4px;background:#fff}.zt2-dropdown-item__button-confirm{width:50%;background-color:#0091fa;font-weight:600;color:#f5f5fa;text-align:center;margin-top:12px;margin-left:4px;margin-right:16px}

package/es/dropdown-item/index.js

@@ -51,7 +51,8 @@ export default createComponent({
     return {
       transition: true,
       showPopup: false,
-      showWrapper: false
+      showWrapper: false,
+      innerValue: []
     };
   },
   computed: {
@@ -123,6 +124,7 @@ export default createComponent({
       this.showPopup = show;
 
       if (show) {
+        this.innerValue = [].concat(this.value);
         this.parent.updateOffset();
         this.showWrapper = true;
       }
@@ -142,28 +144,27 @@ export default createComponent({
       }
     },
     select: function select(value) {
-      if (this.value.indexOf(value) >= 0) {
-        this.value.splice(this.value.indexOf(value), 1);
+      if (this.innerValue.indexOf(value) >= 0) {
+        this.innerValue.splice(this.innerValue.indexOf(value), 1);
       } else {
-        this.value.push(value);
+        this.innerValue.push(value);
       }
     },
     isSelect: function isSelect(value) {
-      if (this.value.indexOf(value) >= 0) {
+      if (this.innerValue.indexOf(value) >= 0) {
         return true;
       }
 
       return false;
     },
     reset: function reset() {
-      this.showPopup = false;
-      this.$emit('input', []);
-      this.$emit('reset', []);
+      this.innerValue = [];
     },
     confirm: function confirm() {
       this.showPopup = false;
-      this.$emit('input', this.value);
-      this.$emit('change', this.value);
+      this.$emit('input', this.innerValue);
+      this.$emit('change', this.innerValue);
+      this.$emit('confirm', this.innerValue);
     }
   },
   render: function render() {
@@ -182,7 +183,7 @@ export default createComponent({
 
     if (this.multiSelect) {
       Options = this.options.map(function (option, index) {
-        var active = _this3.value.indexOf(option.value) >= 0;
+        var active = _this3.innerValue.indexOf(option.value) >= 0;
         return h(Cell, {
           "attrs": {
             "clickable": true,
@@ -246,25 +247,18 @@ export default createComponent({
       });
     }
 
-    var buttonStyle = {};
-    var optionStyle = {};
     var popupStyle = {};
 
     if (this.multiSelect) {
       var optionsLength = this.options.length;
 
-      if (this.options.length < 4) {
-        var height = optionsLength * 44;
+      if (this.options.length < 7) {
         var popupHeight = optionsLength * 44 + 68;
-        buttonStyle.top = height + "px";
-        optionStyle.height = height + "px";
         popupStyle.height = popupHeight + "px";
         popupStyle.paddingLeft = "0px";
       } else {
-        buttonStyle.top = '176px';
-        optionStyle.height = '174px';
         popupStyle.paddingLeft = "0px";
-        popupStyle.height = "244px";
+        popupStyle.height = "378px";
       }
     }
 
@@ -327,14 +321,12 @@ export default createComponent({
       }]
     }, [Options]), h("div", {
       "class": bem('options'),
-      "style": optionStyle,
       "directives": [{
         name: "show",
         value: this.multiSelect
       }]
     }, [Options]), h("div", {
       "class": bem('button'),
-      "style": buttonStyle,
       "directives": [{
         name: "show",
         value: this.multiSelect

package/es/dropdown-item/index.less

@@ -50,6 +50,8 @@
   &__content,
   &__content.@{base-prefix}-popup {
     position: absolute;
+    display: flex;
+    flex-direction: column;
     max-height: @dropdown-menu-content-max-height;
     padding-left: @padding-md;
     box-sizing: border-box;
@@ -57,12 +59,14 @@
 
   &__options {
     position: absolute;
-    top: 0px;
+    top: 0;
+    height: calc(100% - 68px);
     width: 100%;
     overflow-y: scroll;
   }
   &__button {
     position: absolute;
+    bottom: 0;
     z-index: 1;
     width: 100%;
     height: 68px;

package/es/index.js

@@ -74,7 +74,7 @@ import Tag from './tag';
 import Timeline from './timeline';
 import Toast from './toast';
 import Uploader from './uploader';
-var version = '2.0.69';
+var version = '2.0.71';
 
 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, 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/media-player/index.js

@@ -1,6 +1,6 @@
 import { createNamespace } from '../utils';
-import { MediaType } from "../media-picker/type";
-import Toast from '../toast';
+import { MediaType } from "../media-picker/type"; // import Toast from '../toast';
+
 import Popup from '../popup';
 import Button from '../button';
 import { isIOS, isWeixin } from "../utils/device";
@@ -132,7 +132,8 @@ export default createComponent({
         "overlay": true,
         "safe-area-inset-bottom": true,
         "close-on-popstate": true,
-        "customOnClickOverlay": this.onClose
+        "customOnClickOverlay": this.onClose,
+        "getContainer": this.getContainer
       },
       "on": {
         "open": this.onOpen

package/lib/dropdown-item/index.css

@@ -1 +1 @@
-.zt2-dropdown-item{position:fixed;right:0;left:0;z-index:10;overflow:hidden}.zt2-dropdown-item__icon{display:block;line-height:inherit;font-size:24px}.zt2-dropdown-item .zt2-cell::after{border:none}.zt2-dropdown-item__option{text-align:left;font-size:14px;padding-left:0}.zt2-dropdown-item__option:last-child::before{display:none}.zt2-dropdown-item__option .zt2-cell__value{height:20px}.zt2-dropdown-item__option--active{color:#0091fa}.zt2-dropdown-item__option--active .zt2-dropdown-item__icon{color:#0091fa}.zt2-dropdown-item--up{top:0}.zt2-dropdown-item--down{bottom:0}.zt2-dropdown-item__content,.zt2-dropdown-item__content.zt2-popup{position:absolute;max-height:80%;padding-left:16px;box-sizing:border-box}.zt2-dropdown-item__options{position:absolute;top:0;width:100%;overflow-y:scroll}.zt2-dropdown-item__button{position:absolute;z-index:1;width:100%;height:68px;display:-webkit-box;display:-webkit-flex;display:flex;border-top:1px solid rgba(0,0,0,.05)}.zt2-dropdown-item__button-reset{width:50%;font-family:PingFangSC-Regular;font-weight:400;color:#ff9623;border-color:#ff9623;text-align:center;margin-top:12px;margin-left:16px;margin-right:4px;background:#fff}.zt2-dropdown-item__button-confirm{width:50%;background-color:#0091fa;font-weight:600;color:#f5f5fa;text-align:center;margin-top:12px;margin-left:4px;margin-right:16px}
+.zt2-dropdown-item{position:fixed;right:0;left:0;z-index:10;overflow:hidden}.zt2-dropdown-item__icon{display:block;line-height:inherit;font-size:24px}.zt2-dropdown-item .zt2-cell::after{border:none}.zt2-dropdown-item__option{text-align:left;font-size:14px;padding-left:0}.zt2-dropdown-item__option:last-child::before{display:none}.zt2-dropdown-item__option .zt2-cell__value{height:20px}.zt2-dropdown-item__option--active{color:#0091fa}.zt2-dropdown-item__option--active .zt2-dropdown-item__icon{color:#0091fa}.zt2-dropdown-item--up{top:0}.zt2-dropdown-item--down{bottom:0}.zt2-dropdown-item__content,.zt2-dropdown-item__content.zt2-popup{position:absolute;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;max-height:80%;padding-left:16px;box-sizing:border-box}.zt2-dropdown-item__options{position:absolute;top:0;height:calc(100% - 68px);width:100%;overflow-y:scroll}.zt2-dropdown-item__button{position:absolute;bottom:0;z-index:1;width:100%;height:68px;display:-webkit-box;display:-webkit-flex;display:flex;border-top:1px solid rgba(0,0,0,.05)}.zt2-dropdown-item__button-reset{width:50%;font-family:PingFangSC-Regular;font-weight:400;color:#ff9623;border-color:#ff9623;text-align:center;margin-top:12px;margin-left:16px;margin-right:4px;background:#fff}.zt2-dropdown-item__button-confirm{width:50%;background-color:#0091fa;font-weight:600;color:#f5f5fa;text-align:center;margin-top:12px;margin-left:4px;margin-right:16px}

package/lib/dropdown-item/index.js

@@ -66,7 +66,8 @@ var _default2 = createComponent({
     return {
       transition: true,
       showPopup: false,
-      showWrapper: false
+      showWrapper: false,
+      innerValue: []
     };
   },
   computed: {
@@ -138,6 +139,7 @@ var _default2 = createComponent({
       this.showPopup = show;
 
       if (show) {
+        this.innerValue = [].concat(this.value);
         this.parent.updateOffset();
         this.showWrapper = true;
       }
@@ -157,28 +159,27 @@ var _default2 = createComponent({
       }
     },
     select: function select(value) {
-      if (this.value.indexOf(value) >= 0) {
-        this.value.splice(this.value.indexOf(value), 1);
+      if (this.innerValue.indexOf(value) >= 0) {
+        this.innerValue.splice(this.innerValue.indexOf(value), 1);
       } else {
-        this.value.push(value);
+        this.innerValue.push(value);
       }
     },
     isSelect: function isSelect(value) {
-      if (this.value.indexOf(value) >= 0) {
+      if (this.innerValue.indexOf(value) >= 0) {
         return true;
       }
 
       return false;
     },
     reset: function reset() {
-      this.showPopup = false;
-      this.$emit('input', []);
-      this.$emit('reset', []);
+      this.innerValue = [];
     },
     confirm: function confirm() {
       this.showPopup = false;
-      this.$emit('input', this.value);
-      this.$emit('change', this.value);
+      this.$emit('input', this.innerValue);
+      this.$emit('change', this.innerValue);
+      this.$emit('confirm', this.innerValue);
     }
   },
   render: function render() {
@@ -197,7 +198,7 @@ var _default2 = createComponent({
 
     if (this.multiSelect) {
       Options = this.options.map(function (option, index) {
-        var active = _this3.value.indexOf(option.value) >= 0;
+        var active = _this3.innerValue.indexOf(option.value) >= 0;
         return h(_cell.default, {
           "attrs": {
             "clickable": true,
@@ -261,25 +262,18 @@ var _default2 = createComponent({
       });
     }
 
-    var buttonStyle = {};
-    var optionStyle = {};
     var popupStyle = {};
 
     if (this.multiSelect) {
       var optionsLength = this.options.length;
 
-      if (this.options.length < 4) {
-        var height = optionsLength * 44;
+      if (this.options.length < 7) {
         var popupHeight = optionsLength * 44 + 68;
-        buttonStyle.top = height + "px";
-        optionStyle.height = height + "px";
         popupStyle.height = popupHeight + "px";
         popupStyle.paddingLeft = "0px";
       } else {
-        buttonStyle.top = '176px';
-        optionStyle.height = '174px';
         popupStyle.paddingLeft = "0px";
-        popupStyle.height = "244px";
+        popupStyle.height = "378px";
       }
     }
 
@@ -342,14 +336,12 @@ var _default2 = createComponent({
       }]
     }, [Options]), h("div", {
       "class": bem('options'),
-      "style": optionStyle,
       "directives": [{
         name: "show",
         value: this.multiSelect
       }]
     }, [Options]), h("div", {
       "class": bem('button'),
-      "style": buttonStyle,
       "directives": [{
         name: "show",
         value: this.multiSelect

package/lib/dropdown-item/index.less

@@ -50,6 +50,8 @@
   &__content,
   &__content.@{base-prefix}-popup {
     position: absolute;
+    display: flex;
+    flex-direction: column;
     max-height: @dropdown-menu-content-max-height;
     padding-left: @padding-md;
     box-sizing: border-box;
@@ -57,12 +59,14 @@
 
   &__options {
     position: absolute;
-    top: 0px;
+    top: 0;
+    height: calc(100% - 68px);
     width: 100%;
     overflow-y: scroll;
   }
   &__button {
     position: absolute;
+    bottom: 0;
     z-index: 1;
     width: 100%;
     height: 68px;