zartui 2.1.23 → 2.1.25

package/es/button/index.css

@@ -1 +1 @@
-.zt2-button{position:relative;display:inline-block;box-sizing:border-box;height:44px;margin:0;padding:0;font-size:16px;line-height:calc(var(16px) * 2 - 8px);text-align:center;border-radius:22px;cursor:pointer;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-appearance:none}.zt2-button::before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:#000;border:inherit;border-color:#000;border-radius:inherit;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;content:' '}.zt2-button:active::before{opacity:.1}.zt2-button--disabled::before,.zt2-button--loading::before{display:none}.zt2-button--default{color:#2d4b73;background:0 0;border:1px solid rgba(45,75,115,.2)}.zt2-button--primary{color:#fff;background:-webkit-linear-gradient(135deg,#3cafff 0,#0091fa 100%);background:linear-gradient(-45deg,#3cafff 0,#0091fa 100%);border:1px solid #3caafa}.zt2-button--primary-light{color:#0091fa;background:rgba(1,144,250,.1);border:none}.zt2-button--danger{color:#fff;background:#ff5a5a;border:1px solid #ff5a5a}.zt2-button--warning{color:#fff;background:#fa8500;border:1px solid #fa8500}.zt2-button--success{color:#fff;background:#00e173;border:1px solid #00e173}.zt2-button--plain{background:0 0}.zt2-button--plain.zt2-button--primary{color:#3caafa}.zt2-button--plain.zt2-button--danger{color:#ff5a5a}.zt2-button--plain.zt2-button--warning{color:#fa8500}.zt2-button--plain.zt2-button--success{color:#00e173}.zt2-button--large{width:100%;height:50px}.zt2-button--normal{padding:0 24px;font-size:16px}.zt2-button--medium{height:36px;padding:0 16px;font-size:14px}.zt2-button--small{height:28px;padding:0 12px;font-size:14px}.zt2-button__loading{color:inherit;font-size:inherit}.zt2-button--mini{height:24px;padding:0 12px;font-size:12px}.zt2-button--mini+.zt2-button--mini{margin-left:4px}.zt2-button--block{display:block;width:100%}.zt2-button--block-inner{display:block;width:calc(100% - 2 * 16px);margin:0 16px}.zt2-button--disabled{cursor:not-allowed;opacity:.4}.zt2-button--loading{cursor:default}.zt2-button--round{border-radius:999px;padding:0}.zt2-button--round.zt2-button--mini{width:24px}.zt2-button--round.zt2-button--small{width:28px}.zt2-button--round.zt2-button--medium{width:36px}.zt2-button--round.zt2-button--normal{width:44px}.zt2-button--square{border-radius:0}.zt2-button__content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;height:100%}.zt2-button__content::before{content:' '}.zt2-button__icon{font-size:24px}.zt2-button__icon--mini{font-size:16px}.zt2-button__icon--small{font-size:20px}.zt2-button__icon--medium{font-size:20px}.zt2-button__icon+.zt2-button__text,.zt2-button__loading+.zt2-button__text,.zt2-button__text+.zt2-button__icon,.zt2-button__text+.zt2-button__loading{margin-left:2px}.zt2-button--hairline{border-width:0}.zt2-button--hairline::after{border-color:inherit;border-radius:44px}.zt2-button--hairline.zt2-button--round::after{border-radius:999px}.zt2-button--hairline.zt2-button--square::after{border-radius:0}
+.zt2-button{position:relative;display:inline-block;box-sizing:border-box;height:44px;margin:0;padding:0;font-size:16px;line-height:calc(16px * 2 - 8px);text-align:center;border-radius:22px;cursor:pointer;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-appearance:none}.zt2-button::before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:#000;border:inherit;border-color:#000;border-radius:inherit;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;content:' '}.zt2-button:active::before{opacity:.1}.zt2-button--disabled::before,.zt2-button--loading::before{display:none}.zt2-button--default{color:#2d4b73;background:0 0;border:1px solid rgba(45,75,115,.2)}.zt2-button--primary{color:#fff;background:-webkit-linear-gradient(135deg,#3cafff 0,#0091fa 100%);background:linear-gradient(-45deg,#3cafff 0,#0091fa 100%);border:1px solid #3caafa}.zt2-button--primary-light{color:#0091fa;background:rgba(1,144,250,.1);border:none}.zt2-button--danger{color:#fff;background:#ff5a5a;border:1px solid #ff5a5a}.zt2-button--warning{color:#fff;background:#fa8500;border:1px solid #fa8500}.zt2-button--success{color:#fff;background:#00e173;border:1px solid #00e173}.zt2-button--plain{background:0 0}.zt2-button--plain.zt2-button--primary{color:#3caafa}.zt2-button--plain.zt2-button--danger{color:#ff5a5a}.zt2-button--plain.zt2-button--warning{color:#fa8500}.zt2-button--plain.zt2-button--success{color:#00e173}.zt2-button--large{width:100%;height:50px}.zt2-button--normal{padding:0 24px;font-size:16px}.zt2-button--medium{height:36px;padding:0 16px;font-size:14px}.zt2-button--small{height:28px;padding:0 12px;font-size:14px}.zt2-button__loading{color:inherit;font-size:inherit}.zt2-button--mini{height:24px;padding:0 12px;font-size:12px}.zt2-button--mini+.zt2-button--mini{margin-left:4px}.zt2-button--block{display:block;width:100%}.zt2-button--block-inner{display:block;width:calc(100% - 2 * 16px);margin:0 16px}.zt2-button--disabled{cursor:not-allowed;opacity:.4}.zt2-button--loading{cursor:default}.zt2-button--round{border-radius:999px;padding:0}.zt2-button--round.zt2-button--mini{width:24px}.zt2-button--round.zt2-button--small{width:28px}.zt2-button--round.zt2-button--medium{width:36px}.zt2-button--round.zt2-button--normal{width:44px}.zt2-button--square{border-radius:0}.zt2-button__content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;height:100%}.zt2-button__content::before{content:' '}.zt2-button__icon{font-size:24px}.zt2-button__icon--mini{font-size:16px}.zt2-button__icon--small{font-size:20px}.zt2-button__icon--medium{font-size:20px}.zt2-button__icon+.zt2-button__text,.zt2-button__loading+.zt2-button__text,.zt2-button__text+.zt2-button__icon,.zt2-button__text+.zt2-button__loading{margin-left:2px}.zt2-button--hairline{border-width:0}.zt2-button--hairline::after{border-color:inherit;border-radius:44px}.zt2-button--hairline.zt2-button--round::after{border-radius:999px}.zt2-button--hairline.zt2-button--square::after{border-radius:0}

package/es/checkbox/index.css

@@ -1 +1 @@
-.zt2-checkbox{display:-webkit-box;display:-webkit-flex;display:flex;overflow:hidden;-webkit-box-align:center;-webkit-align-items:center;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;padding:12px 0}.zt2-checkbox--disabled{cursor:not-allowed}.zt2-checkbox--label-disabled{cursor:default}.zt2-checkbox--horizontal:not(:last-child){margin-right:32px}.zt2-checkbox__icon{font-size:16px;cursor:pointer;box-sizing:border-box}.zt2-checkbox__icon .zt2-icon{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;width:1em;height:1em;color:transparent;text-align:center;border:1px solid rgba(45,75,115,.13);-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:color,border-color,background-color;transition-property:color,border-color,background-color}.zt2-checkbox__icon--round .zt2-icon{border-radius:100%}.zt2-checkbox__icon--checked .zt2-icon{color:#fff;background:#0091fa;box-shadow:inset 1px 1px 2px 0 rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.5)}.zt2-checkbox__icon--disabled{cursor:not-allowed}.zt2-checkbox__icon--disabled .zt2-icon{border:1px solid rgba(255,255,255,.5);box-shadow:-1px -1px 2px 0 #fff,0 0 3px 0 rgba(45,75,115,.2);background-image:-webkit-linear-gradient(316deg,#e1e6eb 0,#e5edf5 100%);background-image:linear-gradient(134deg,#e1e6eb 0,#e5edf5 100%)}.zt2-checkbox__icon--disabled.zt2-checkbox__icon--checked .zt2-icon{opacity:.4;background:#0091fa;color:#fff}.zt2-checkbox__label{margin-left:8px;color:#2d4b73;font-size:14px}.zt2-checkbox__label--left{margin:0 8px 0 0}.zt2-checkbox__label--disabled{color:#c8c9cc}
+.zt2-checkbox{display:-webkit-box;display:-webkit-flex;display:flex;overflow:hidden;-webkit-box-align:center;-webkit-align-items:center;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;padding:12px 0}.zt2-checkbox--disabled{cursor:not-allowed}.zt2-checkbox--label-disabled{cursor:default}.zt2-checkbox--horizontal:not(:last-child){margin-right:32px}.zt2-checkbox__icon{font-size:16px;cursor:pointer;box-sizing:border-box}.zt2-checkbox__icon .zt2-icon{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;width:1em;height:1em;color:transparent;text-align:center;border:1px solid rgba(45,75,115,.13);-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:color,border-color,background-color;transition-property:color,border-color,background-color}.zt2-checkbox__icon .zt2-icon{border-radius:4px}.zt2-checkbox__icon--round .zt2-icon{border-radius:100%}.zt2-checkbox__icon--checked .zt2-icon{color:#fff;background:#0091fa;box-shadow:inset 1px 1px 2px 0 rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.5)}.zt2-checkbox__icon--disabled{cursor:not-allowed}.zt2-checkbox__icon--disabled .zt2-icon{border:1px solid rgba(255,255,255,.5);box-shadow:-1px -1px 2px 0 #fff,0 0 3px 0 rgba(45,75,115,.2);background-image:-webkit-linear-gradient(316deg,#e1e6eb 0,#e5edf5 100%);background-image:linear-gradient(134deg,#e1e6eb 0,#e5edf5 100%)}.zt2-checkbox__icon--disabled.zt2-checkbox__icon--checked .zt2-icon{opacity:.4;background:#0091fa;color:#fff}.zt2-checkbox__label{margin-left:8px;color:#2d4b73;font-size:14px}.zt2-checkbox__label--left{margin:0 8px 0 0}.zt2-checkbox__label--disabled{color:#c8c9cc}

package/es/checkbox/index.less

@@ -37,6 +37,10 @@
       transition-property: color, border-color, background-color;
     }
 
+    .@{base-prefix}-icon {
+      border-radius: 4px;
+    }
+
     &--round {
       .@{base-prefix}-icon {
         border-radius: 100%;

package/es/index.js

@@ -76,7 +76,7 @@ import TextEllipsis from './text-ellipsis';
 import Timeline from './timeline';
 import Toast from './toast';
 import Uploader from './uploader';
-var version = '2.1.23';
+var version = '2.1.25';
 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, SpeechRecognizer, Step, Stepper, Steps, Sticky, Swipe, SwipeCell, SwipeItem, Switch, SwitchCell, Tab, Tabbar, TabbarItem, Table, Tabs, Tag, TextEllipsis, Timeline, Toast, Uploader];
   components.forEach(function (item) {

package/es/mixins/checkbox.js

@@ -29,6 +29,10 @@ export var CheckboxMixin = function CheckboxMixin(_ref) {
       bindGroup: {
         type: Boolean,
         default: true
+      },
+      indeterminate: {
+        type: Boolean,
+        default: false
       }
     },
     computed: {
@@ -46,7 +50,7 @@ export var CheckboxMixin = function CheckboxMixin(_ref) {
         var boxShadow = this.boxShadow || this.parent && this.parent.boxShadow;
         var border = this.border || this.parent && this.parent.border;
         var iconColor = this.iconColor || this.parent && this.parent.iconColor;
-        if ((boxShadow || checkedColor) && this.checked && !this.isDisabled) {
+        if ((boxShadow || checkedColor) && (this.checked || this.indeterminate) && !this.isDisabled) {
           return {
             color: iconColor,
             boxShadow: boxShadow,
@@ -82,24 +86,31 @@ export var CheckboxMixin = function CheckboxMixin(_ref) {
       },
       genIcon: function genIcon() {
         var h = this.$createElement;
-        var checked = this.checked;
+        var checked = this.checked,
+          indeterminate = this.indeterminate;
         var iconSize = this.iconSize || this.parent && this.parent.iconSize;
         return h("div", {
           "ref": "icon",
           "class": bem('icon', [this.shape, {
             disabled: this.isDisabled,
-            checked: checked
+            checked: checked || indeterminate
           }]),
           "style": {
             fontSize: addUnit(iconSize)
           }
         }, [this.slots('icon', {
-          checked: checked
+          checked: checked,
+          indeterminate: indeterminate
         }) || (role === 'radio' ? h(Icon, {
           "style": this.iconStyle
         }, [checked ? h("div", {
           "class": bem('dot')
-        }) : '']) : h(Icon, {
+        }) : '']) : indeterminate ? h(Icon, {
+          "attrs": {
+            "name": "minus"
+          },
+          "style": this.iconStyle
+        }) : h(Icon, {
           "attrs": {
             "name": "checkBox-select"
           },
@@ -126,7 +137,8 @@ export var CheckboxMixin = function CheckboxMixin(_ref) {
       } else {
         Children.push(this.genLabel());
       }
-      var checked = this.checked;
+      var checked = this.checked,
+        indeterminate = this.indeterminate;
       return h("div", {
         "attrs": {
           "role": role,
@@ -136,7 +148,7 @@ export var CheckboxMixin = function CheckboxMixin(_ref) {
         "class": [bem([{
           disabled: this.isDisabled,
           'label-disabled': this.labelDisabled
-        }, this.direction]), checked ? '' : bem('disable-icon')],
+        }, this.direction]), checked || indeterminate ? '' : bem('disable-icon')],
         "on": {
           "click": this.onClick
         }

package/es/multiple-picker/index.css

@@ -1 +1 @@
-[class*=zt2-hairline]::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid rgba(0,0,0,.1);-webkit-transform:scale(.5);transform:scale(.5)}.zt2-hairline,.zt2-hairline--bottom,.zt2-hairline--left,.zt2-hairline--right,.zt2-hairline--surround,.zt2-hairline--top,.zt2-hairline--top-bottom{position:relative}.zt2-hairline--top::after{border-top-width:1px}.zt2-hairline--left::after{border-left-width:1px}.zt2-hairline--right::after{border-right-width:1px}.zt2-hairline--bottom::after{border-bottom-width:1px}.zt2-hairline--top-bottom::after,.zt2-hairline-unset--top-bottom::after{border-width:1px 0}.zt2-hairline--surround::after{border-width:1px}.zt2-multiple-picker{position:relative;background-color:#fff;-webkit-user-select:none;user-select:none}.zt2-multiple-picker__toolbar{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;box-sizing:content-box;height:44px;padding:8px 16px;border-top:1px solid rgba(45,75,115,.1)}.zt2-multiple-picker__border{position:relative}.zt2-multiple-picker__border::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:0;bottom:0;left:0;border-bottom:1px solid rgba(0,0,0,.1);-webkit-transform:scaleY(.5);transform:scaleY(.5)}.zt2-multiple-picker__cancel,.zt2-multiple-picker__confirm{height:100%;padding:0 16px;font-size:14px;background-color:transparent;border:none;cursor:pointer}.zt2-multiple-picker__cancel:active,.zt2-multiple-picker__confirm:active{opacity:.7}.zt2-multiple-picker__confirm{color:#0091fa;font-weight:700}.zt2-multiple-picker__cancel{color:#000;font-weight:400}.zt2-multiple-picker__title{font-weight:400;font-size:14px;line-height:20px;text-align:center;color:#2d4b73;opacity:.4;padding:12px 0;border-bottom:1px solid rgba(45,75,115,.1)}.zt2-multiple-picker__header{width:100%;height:40px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;font-size:14px;font-weight:400}.zt2-multiple-picker__header>li{-webkit-box-flex:1;-webkit-flex:auto;flex:auto;text-align:center}.zt2-multiple-picker__options{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;cursor:grab}.zt2-multiple-picker__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;color:#0091fa;background-color:rgba(255,255,255,.9)}.zt2-multiple-picker-options{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow:scroll;font-size:14px}.zt2-multiple-picker-options__wrapper{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;background-color:#fff;padding:12px 16px 4px 16px}.zt2-multiple-picker-options__item{color:#2d4b73;padding:0 4px 8px 0;box-sizing:border-box;text-align:center;font-size:14px}.zt2-multiple-picker-options__item .zt2-ellipsis{line-height:20px;border-radius:18px;border:1px solid rgba(45,75,115,.2);padding:7px 16px;opacity:.6}.zt2-multiple-picker-options__item--disabled{cursor:not-allowed;opacity:.3}.zt2-multiple-picker-options__item--last{padding-right:0}.zt2-multiple-picker-options__item--selected .zt2-ellipsis{background:rgba(0,145,250,.1);border:1px solid rgba(0,145,250,.6);border-radius:18px;color:#0091fa;opacity:1}
+[class*=zt2-hairline]::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid rgba(0,0,0,.1);-webkit-transform:scale(.5);transform:scale(.5)}.zt2-hairline,.zt2-hairline--bottom,.zt2-hairline--left,.zt2-hairline--right,.zt2-hairline--surround,.zt2-hairline--top,.zt2-hairline--top-bottom{position:relative}.zt2-hairline--top::after{border-top-width:1px}.zt2-hairline--left::after{border-left-width:1px}.zt2-hairline--right::after{border-right-width:1px}.zt2-hairline--bottom::after{border-bottom-width:1px}.zt2-hairline--top-bottom::after,.zt2-hairline-unset--top-bottom::after{border-width:1px 0}.zt2-hairline--surround::after{border-width:1px}.zt2-multiple-picker{position:relative;background-color:#fff;-webkit-user-select:none;user-select:none}.zt2-multiple-picker__toolbar{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;box-sizing:content-box;height:44px;padding:8px 16px;border-top:1px solid rgba(45,75,115,.1)}.zt2-multiple-picker__toolbar-select-all{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-flex:1;-webkit-flex:1;flex:1;max-width:45%}.zt2-multiple-picker__toolbar-divider{width:1px;height:14px;background-color:#e9ecf2;margin-left:7px;margin-right:7px}.zt2-multiple-picker__toolbar-checkbox{-webkit-flex-shrink:0;flex-shrink:0}.zt2-multiple-picker__toolbar-checkbox .zt2-checkbox__icon{font-size:var(--zt-font-size-xl)}.zt2-multiple-picker__toolbar-checkbox .zt2-checkbox__label{font-size:16px;margin-left:4px}.zt2-multiple-picker__toolbar-checkbox-text{font-size:16px;color:#2d4b73;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (max-width:375px){.zt2-multiple-picker__toolbar .zt2-multiple-picker__in-select-all{padding:0 14px}}@media (min-width:376px){.zt2-multiple-picker__toolbar .zt2-multiple-picker__in-select-all{padding:0 22px}}.zt2-multiple-picker__toolbar .zt2-multiple-picker__in-select-all .zt2-button__text{font-size:16px}@media (max-width:375px){.zt2-multiple-picker__toolbar .zt2-multiple-picker__select-other{padding:0 10px}}@media (min-width:376px){.zt2-multiple-picker__toolbar .zt2-multiple-picker__select-other{padding:0 14px}}.zt2-multiple-picker__toolbar .zt2-multiple-picker__select-other .zt2-button__text{font-size:16px}.zt2-multiple-picker__border{position:relative}.zt2-multiple-picker__border::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:0;bottom:0;left:0;border-bottom:1px solid rgba(0,0,0,.1);-webkit-transform:scaleY(.5);transform:scaleY(.5)}.zt2-multiple-picker__cancel,.zt2-multiple-picker__confirm{height:100%;padding:0 16px;font-size:14px;background-color:transparent;border:none;cursor:pointer}.zt2-multiple-picker__cancel:active,.zt2-multiple-picker__confirm:active{opacity:.7}.zt2-multiple-picker__confirm{color:#0091fa;font-weight:700}.zt2-multiple-picker__cancel{color:#000;font-weight:400}.zt2-multiple-picker__title{font-weight:400;font-size:14px;line-height:20px;text-align:center;color:#2d4b73;opacity:.4;padding:12px 0;border-bottom:1px solid rgba(45,75,115,.1)}.zt2-multiple-picker__header{width:100%;height:40px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;font-size:14px;font-weight:400}.zt2-multiple-picker__header>li{-webkit-box-flex:1;-webkit-flex:auto;flex:auto;text-align:center}.zt2-multiple-picker__options{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;cursor:grab}.zt2-multiple-picker__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;color:#0091fa;background-color:rgba(255,255,255,.9)}.zt2-multiple-picker-options{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow:scroll;font-size:14px}.zt2-multiple-picker-options__wrapper{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;background-color:#fff;padding:12px 16px 4px 16px}.zt2-multiple-picker-options__item{color:#2d4b73;padding:0 4px 8px 0;box-sizing:border-box;text-align:center;font-size:14px}.zt2-multiple-picker-options__item .zt2-ellipsis{line-height:20px;border-radius:18px;border:1px solid rgba(45,75,115,.2);padding:7px 16px;opacity:.6}.zt2-multiple-picker-options__item--disabled{cursor:not-allowed;opacity:.3}.zt2-multiple-picker-options__item--last{padding-right:0}.zt2-multiple-picker-options__item--selected .zt2-ellipsis{background:rgba(0,145,250,.1);border:1px solid rgba(0,145,250,.6);border-radius:18px;color:#0091fa;opacity:1}

package/es/multiple-picker/index.js

@@ -1,3 +1,4 @@
+import _mergeJSXProps, { default as _mergeJSXProps2 } from "@vue/babel-helper-vue-jsx-merge-props";
 import _extends from "@babel/runtime/helpers/esm/extends";
 // Utils
 import { createNamespace } from '../utils';
@@ -9,6 +10,7 @@ import MultiplePickerOptions from './MultiplePickerOptions';
 import Popup from '../popup';
 import { PopupMixin } from '../mixins/popup';
 import Button from '../button';
+import Checkbox from '../checkbox';
 var _createNamespace = createNamespace('multiple-picker'),
   createComponent = _createNamespace[0],
   bem = _createNamespace[1],
@@ -47,10 +49,15 @@ export default createComponent({
     safeAreaInsetBottom: {
       type: Boolean,
       default: false
+    },
+    showSelectAll: {
+      type: Boolean,
+      default: false
     }
   }),
   data: function data() {
     return {
+      currentIndexs: [],
       confirmIndexs: null
     };
   },
@@ -62,8 +69,11 @@ export default createComponent({
           this.$nextTick(function () {
             if (_this.$refs.pickerOptions && _this.confirmIndexs) {
               _this.$refs.pickerOptions.setConfirmIndex(_this.confirmIndexs);
+              // 同步 currentIndexs 以更新底部全选和已选状态
+              _this.currentIndexs = [].concat(_this.confirmIndexs);
             } else if (!_this.confirmIndexs && _this.defaultIndexs && _this.defaultIndexs.length === 0) {
               _this.$refs.pickerOptions.setConfirmIndex([]);
+              _this.currentIndexs = [];
             }
           });
         }
@@ -72,6 +82,12 @@ export default createComponent({
     }
   },
   computed: {
+    isAllSelected: function isAllSelected() {
+      return this.currentIndexs.length > 0 && this.currentIndexs.length === this.options.length;
+    },
+    isIndeterminate: function isIndeterminate() {
+      return this.currentIndexs.length > 0 && this.currentIndexs.length < this.options.length;
+    },
     itemPxHeight: function itemPxHeight() {
       return this.itemHeight ? unitToPx(this.itemHeight) : DEFAULT_ITEM_HEIGHT;
     }
@@ -97,6 +113,10 @@ export default createComponent({
       return result;
     },
     onChange: function onChange() {
+      // 同步 currentIndexs 以触发计算属性更新
+      if (this.$refs.pickerOptions) {
+        this.currentIndexs = [].concat(this.$refs.pickerOptions.currentIndexs);
+      }
       this.$emit('change', this.getOptions());
     },
     cancel: function cancel() {
@@ -110,6 +130,28 @@ export default createComponent({
       });
       this.emit('confirm', options);
     },
+    handleSelectAll: function handleSelectAll() {
+      var newIndexs = !this.isAllSelected ? this.options && this.options.map(function (_, index) {
+        return index;
+      }) : [];
+      this.currentIndexs = newIndexs;
+      if (this.$refs.pickerOptions) {
+        this.$refs.pickerOptions.setConfirmIndex(newIndexs);
+      }
+    },
+    onSelectOther: function onSelectOther() {
+      var _this3 = this;
+      var newIndexs = [];
+      this.options && this.options.forEach(function (_, index) {
+        if (!_this3.currentIndexs.includes(index)) {
+          newIndexs.push(index);
+        }
+      });
+      this.currentIndexs = newIndexs;
+      if (this.$refs.pickerOptions) {
+        this.$refs.pickerOptions.setConfirmIndex(newIndexs);
+      }
+    },
     genTitle: function genTitle() {
       var h = this.$createElement;
       var titleSlot = this.slots('title');
@@ -122,13 +164,32 @@ export default createComponent({
         }, [this.title]);
       }
     },
-    genCancel: function genCancel() {
+    genOther: function genOther() {
       var h = this.$createElement;
       return h(Button, {
+        "class": bem('select-other'),
         "attrs": {
-          "size": "normal",
-          "block": true
+          "size": "medium"
+        },
+        "style": {
+          marginLeft: '12px',
+          marginRight: '8px'
         },
+        "on": {
+          "click": this.onSelectOther
+        }
+      }, [this.slots('selectOther') || '其他']);
+    },
+    genCancel: function genCancel() {
+      var h = this.$createElement;
+      return h(Button, _mergeJSXProps([{
+        "class": [this.showSelectAll ? bem('in-select-all') : ''],
+        "attrs": {
+          "size": this.showSelectAll ? "medium" : "normal"
+        }
+      }, this.showSelectAll ? {
+        block: true
+      } : {}, {
         "style": {
           marginRigth: "4px",
           backgroundColor: "white"
@@ -136,30 +197,54 @@ export default createComponent({
         "on": {
           "click": this.cancel
         }
-      }, [this.slots('cancel') || this.cancelButtonText || t('cancel')]);
+      }]), [this.slots('cancel') || this.cancelButtonText || t('cancel')]);
     },
     genConfirm: function genConfirm() {
       var h = this.$createElement;
-      return h(Button, {
+      return h(Button, _mergeJSXProps2([{
         "attrs": {
           "type": "primary",
-          "size": "normal",
-          "block": true
+          "size": this.showSelectAll ? "medium" : "normal"
         },
+        "class": [this.showSelectAll ? bem('in-select-all') : '']
+      }, this.showSelectAll ? {
+        block: true
+      } : {}, {
         "style": {
           marginLeft: "8px"
         },
         "on": {
           "click": this.confirm
         }
-      }, [this.slots('confirm') || this.confirmButtonText || t('confirm')]);
+      }]), [this.slots('confirm') || this.confirmButtonText || t('confirm')]);
+    },
+    genSelectAll: function genSelectAll() {
+      var h = this.$createElement;
+      return h("div", {
+        "class": bem('toolbar-select-all')
+      }, [h(Checkbox, {
+        "class": bem('toolbar-checkbox'),
+        "attrs": {
+          "shape": 'square',
+          "value": this.isAllSelected,
+          "indeterminate": this.isIndeterminate
+        },
+        "on": {
+          "click": this.handleSelectAll
+        }
+      }, ["\u5168\u9009"]), h("div", {
+        "class": bem('toolbar-divider')
+      }), h("span", {
+        "class": bem('toolbar-checkbox-text')
+      }, ["\u5DF2\u9009 ", this.currentIndexs && this.currentIndexs.length || 0])]);
     },
     genToolbar: function genToolbar() {
       var h = this.$createElement;
       if (this.showToolbar) {
+        var toolbar = this.showSelectAll ? [this.genSelectAll(), this.genOther(), this.genCancel(), this.genConfirm()] : [this.genCancel(), this.genConfirm()];
         return h("div", {
           "class": bem('toolbar')
-        }, [this.slots() || [this.genCancel(), this.genConfirm()]]);
+        }, [this.slots() || toolbar]);
       }
     },
     genOptions: function genOptions() {
@@ -178,7 +263,7 @@ export default createComponent({
       }, [this.genOptionItems()]);
     },
     genOptionItems: function genOptionItems() {
-      var _this3 = this;
+      var _this4 = this;
       var h = this.$createElement;
       var formatOptions = [];
       if (this.options && this.options[0] && typeof this.options[0] !== 'object') {
@@ -207,7 +292,7 @@ export default createComponent({
         },
         "on": {
           "change": function change() {
-            _this3.onChange();
+            _this4.onChange();
           }
         }
       });

package/es/multiple-picker/index.less

@@ -14,6 +14,64 @@
     height: @picker-toolbar-height;
     padding: 8px 16px;
     border-top: 1px solid rgba(45,75,115,0.10);
+
+     &-select-all {
+      display: flex;
+      align-items: center;
+      flex: 1;
+      max-width: 45%;
+    }
+
+    &-divider {
+      width: 1px;
+      height: 14px; 
+      background-color: #E9ECF2;
+      margin-left: 7px;
+      margin-right: 7px;
+    }
+
+    &-checkbox {
+      flex-shrink: 0;
+      .zt2-checkbox__icon {
+        font-size: var(--zt-font-size-xl);
+      }
+
+      .zt2-checkbox__label {
+        font-size: 16px;
+        margin-left: 4px;
+      }
+    }
+
+    &-checkbox-text {
+      font-size: 16px;
+      color: #2d4b73;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      overflow: hidden;
+    }
+
+    .zt2-multiple-picker__in-select-all {
+      @media (max-width: 375px) {
+        padding: 0 14px;
+      }
+      @media (min-width: 376px) {
+        padding: 0 22px;
+      }
+      .zt2-button__text {
+        font-size: 16px;
+      }
+    }
+    .zt2-multiple-picker__select-other {
+      @media (max-width: 375px) {
+        padding: 0 10px;
+      }
+      @media (min-width: 376px) {
+        padding: 0 14px;
+      }
+      .zt2-button__text {
+        font-size: 16px;
+      }
+    }
   }
 
   &__border {

package/es/multiple-picker/style/index.js

@@ -2,6 +2,7 @@ import '../../style/base.css';
 import '../../overlay/index.css';
 import '../../info/index.css';
 import '../../icon/index.css';
+import '../../checkbox/index.css';
 import '../../popup/index.css';
 import '../../loading/index.css';
 import '../../button/index.css';

package/es/multiple-picker/style/less.js

@@ -2,6 +2,7 @@ import '../../style/base.less';
 import '../../overlay/index.less';
 import '../../info/index.less';
 import '../../icon/index.less';
+import '../../checkbox/index.less';
 import '../../popup/index.less';
 import '../../loading/index.less';
 import '../../button/index.less';

package/es/style/var.less

@@ -176,7 +176,7 @@
 @button-large-height: 50px;
 @button-default-height: 44px;
 @button-default-line-height: calc(
-        var(@button-normal-font-size) * 2 - 8px
+        @button-normal-font-size * 2 - 8px
 );
 @button-default-font-size: @font-size-lg;
 @button-default-color: @text-color-3;

package/lib/button/index.css

@@ -1 +1 @@
-.zt2-button{position:relative;display:inline-block;box-sizing:border-box;height:44px;margin:0;padding:0;font-size:16px;line-height:calc(var(16px) * 2 - 8px);text-align:center;border-radius:22px;cursor:pointer;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-appearance:none}.zt2-button::before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:#000;border:inherit;border-color:#000;border-radius:inherit;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;content:' '}.zt2-button:active::before{opacity:.1}.zt2-button--disabled::before,.zt2-button--loading::before{display:none}.zt2-button--default{color:#2d4b73;background:0 0;border:1px solid rgba(45,75,115,.2)}.zt2-button--primary{color:#fff;background:-webkit-linear-gradient(135deg,#3cafff 0,#0091fa 100%);background:linear-gradient(-45deg,#3cafff 0,#0091fa 100%);border:1px solid #3caafa}.zt2-button--primary-light{color:#0091fa;background:rgba(1,144,250,.1);border:none}.zt2-button--danger{color:#fff;background:#ff5a5a;border:1px solid #ff5a5a}.zt2-button--warning{color:#fff;background:#fa8500;border:1px solid #fa8500}.zt2-button--success{color:#fff;background:#00e173;border:1px solid #00e173}.zt2-button--plain{background:0 0}.zt2-button--plain.zt2-button--primary{color:#3caafa}.zt2-button--plain.zt2-button--danger{color:#ff5a5a}.zt2-button--plain.zt2-button--warning{color:#fa8500}.zt2-button--plain.zt2-button--success{color:#00e173}.zt2-button--large{width:100%;height:50px}.zt2-button--normal{padding:0 24px;font-size:16px}.zt2-button--medium{height:36px;padding:0 16px;font-size:14px}.zt2-button--small{height:28px;padding:0 12px;font-size:14px}.zt2-button__loading{color:inherit;font-size:inherit}.zt2-button--mini{height:24px;padding:0 12px;font-size:12px}.zt2-button--mini+.zt2-button--mini{margin-left:4px}.zt2-button--block{display:block;width:100%}.zt2-button--block-inner{display:block;width:calc(100% - 2 * 16px);margin:0 16px}.zt2-button--disabled{cursor:not-allowed;opacity:.4}.zt2-button--loading{cursor:default}.zt2-button--round{border-radius:999px;padding:0}.zt2-button--round.zt2-button--mini{width:24px}.zt2-button--round.zt2-button--small{width:28px}.zt2-button--round.zt2-button--medium{width:36px}.zt2-button--round.zt2-button--normal{width:44px}.zt2-button--square{border-radius:0}.zt2-button__content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;height:100%}.zt2-button__content::before{content:' '}.zt2-button__icon{font-size:24px}.zt2-button__icon--mini{font-size:16px}.zt2-button__icon--small{font-size:20px}.zt2-button__icon--medium{font-size:20px}.zt2-button__icon+.zt2-button__text,.zt2-button__loading+.zt2-button__text,.zt2-button__text+.zt2-button__icon,.zt2-button__text+.zt2-button__loading{margin-left:2px}.zt2-button--hairline{border-width:0}.zt2-button--hairline::after{border-color:inherit;border-radius:44px}.zt2-button--hairline.zt2-button--round::after{border-radius:999px}.zt2-button--hairline.zt2-button--square::after{border-radius:0}
+.zt2-button{position:relative;display:inline-block;box-sizing:border-box;height:44px;margin:0;padding:0;font-size:16px;line-height:calc(16px * 2 - 8px);text-align:center;border-radius:22px;cursor:pointer;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-appearance:none}.zt2-button::before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:#000;border:inherit;border-color:#000;border-radius:inherit;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;content:' '}.zt2-button:active::before{opacity:.1}.zt2-button--disabled::before,.zt2-button--loading::before{display:none}.zt2-button--default{color:#2d4b73;background:0 0;border:1px solid rgba(45,75,115,.2)}.zt2-button--primary{color:#fff;background:-webkit-linear-gradient(135deg,#3cafff 0,#0091fa 100%);background:linear-gradient(-45deg,#3cafff 0,#0091fa 100%);border:1px solid #3caafa}.zt2-button--primary-light{color:#0091fa;background:rgba(1,144,250,.1);border:none}.zt2-button--danger{color:#fff;background:#ff5a5a;border:1px solid #ff5a5a}.zt2-button--warning{color:#fff;background:#fa8500;border:1px solid #fa8500}.zt2-button--success{color:#fff;background:#00e173;border:1px solid #00e173}.zt2-button--plain{background:0 0}.zt2-button--plain.zt2-button--primary{color:#3caafa}.zt2-button--plain.zt2-button--danger{color:#ff5a5a}.zt2-button--plain.zt2-button--warning{color:#fa8500}.zt2-button--plain.zt2-button--success{color:#00e173}.zt2-button--large{width:100%;height:50px}.zt2-button--normal{padding:0 24px;font-size:16px}.zt2-button--medium{height:36px;padding:0 16px;font-size:14px}.zt2-button--small{height:28px;padding:0 12px;font-size:14px}.zt2-button__loading{color:inherit;font-size:inherit}.zt2-button--mini{height:24px;padding:0 12px;font-size:12px}.zt2-button--mini+.zt2-button--mini{margin-left:4px}.zt2-button--block{display:block;width:100%}.zt2-button--block-inner{display:block;width:calc(100% - 2 * 16px);margin:0 16px}.zt2-button--disabled{cursor:not-allowed;opacity:.4}.zt2-button--loading{cursor:default}.zt2-button--round{border-radius:999px;padding:0}.zt2-button--round.zt2-button--mini{width:24px}.zt2-button--round.zt2-button--small{width:28px}.zt2-button--round.zt2-button--medium{width:36px}.zt2-button--round.zt2-button--normal{width:44px}.zt2-button--square{border-radius:0}.zt2-button__content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;height:100%}.zt2-button__content::before{content:' '}.zt2-button__icon{font-size:24px}.zt2-button__icon--mini{font-size:16px}.zt2-button__icon--small{font-size:20px}.zt2-button__icon--medium{font-size:20px}.zt2-button__icon+.zt2-button__text,.zt2-button__loading+.zt2-button__text,.zt2-button__text+.zt2-button__icon,.zt2-button__text+.zt2-button__loading{margin-left:2px}.zt2-button--hairline{border-width:0}.zt2-button--hairline::after{border-color:inherit;border-radius:44px}.zt2-button--hairline.zt2-button--round::after{border-radius:999px}.zt2-button--hairline.zt2-button--square::after{border-radius:0}

package/lib/checkbox/index.css

@@ -1 +1 @@
-.zt2-checkbox{display:-webkit-box;display:-webkit-flex;display:flex;overflow:hidden;-webkit-box-align:center;-webkit-align-items:center;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;padding:12px 0}.zt2-checkbox--disabled{cursor:not-allowed}.zt2-checkbox--label-disabled{cursor:default}.zt2-checkbox--horizontal:not(:last-child){margin-right:32px}.zt2-checkbox__icon{font-size:16px;cursor:pointer;box-sizing:border-box}.zt2-checkbox__icon .zt2-icon{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;width:1em;height:1em;color:transparent;text-align:center;border:1px solid rgba(45,75,115,.13);-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:color,border-color,background-color;transition-property:color,border-color,background-color}.zt2-checkbox__icon--round .zt2-icon{border-radius:100%}.zt2-checkbox__icon--checked .zt2-icon{color:#fff;background:#0091fa;box-shadow:inset 1px 1px 2px 0 rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.5)}.zt2-checkbox__icon--disabled{cursor:not-allowed}.zt2-checkbox__icon--disabled .zt2-icon{border:1px solid rgba(255,255,255,.5);box-shadow:-1px -1px 2px 0 #fff,0 0 3px 0 rgba(45,75,115,.2);background-image:-webkit-linear-gradient(316deg,#e1e6eb 0,#e5edf5 100%);background-image:linear-gradient(134deg,#e1e6eb 0,#e5edf5 100%)}.zt2-checkbox__icon--disabled.zt2-checkbox__icon--checked .zt2-icon{opacity:.4;background:#0091fa;color:#fff}.zt2-checkbox__label{margin-left:8px;color:#2d4b73;font-size:14px}.zt2-checkbox__label--left{margin:0 8px 0 0}.zt2-checkbox__label--disabled{color:#c8c9cc}
+.zt2-checkbox{display:-webkit-box;display:-webkit-flex;display:flex;overflow:hidden;-webkit-box-align:center;-webkit-align-items:center;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;padding:12px 0}.zt2-checkbox--disabled{cursor:not-allowed}.zt2-checkbox--label-disabled{cursor:default}.zt2-checkbox--horizontal:not(:last-child){margin-right:32px}.zt2-checkbox__icon{font-size:16px;cursor:pointer;box-sizing:border-box}.zt2-checkbox__icon .zt2-icon{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;width:1em;height:1em;color:transparent;text-align:center;border:1px solid rgba(45,75,115,.13);-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:color,border-color,background-color;transition-property:color,border-color,background-color}.zt2-checkbox__icon .zt2-icon{border-radius:4px}.zt2-checkbox__icon--round .zt2-icon{border-radius:100%}.zt2-checkbox__icon--checked .zt2-icon{color:#fff;background:#0091fa;box-shadow:inset 1px 1px 2px 0 rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.5)}.zt2-checkbox__icon--disabled{cursor:not-allowed}.zt2-checkbox__icon--disabled .zt2-icon{border:1px solid rgba(255,255,255,.5);box-shadow:-1px -1px 2px 0 #fff,0 0 3px 0 rgba(45,75,115,.2);background-image:-webkit-linear-gradient(316deg,#e1e6eb 0,#e5edf5 100%);background-image:linear-gradient(134deg,#e1e6eb 0,#e5edf5 100%)}.zt2-checkbox__icon--disabled.zt2-checkbox__icon--checked .zt2-icon{opacity:.4;background:#0091fa;color:#fff}.zt2-checkbox__label{margin-left:8px;color:#2d4b73;font-size:14px}.zt2-checkbox__label--left{margin:0 8px 0 0}.zt2-checkbox__label--disabled{color:#c8c9cc}

package/lib/checkbox/index.less

@@ -37,6 +37,10 @@
       transition-property: color, border-color, background-color;
     }
 
+    .@{base-prefix}-icon {
+      border-radius: 4px;
+    }
+
     &--round {
       .@{base-prefix}-icon {
         border-radius: 100%;