zartui 2.1.22 → 2.1.24

package/lib/zart.js

@@ -8006,6 +8006,10 @@ var checkbox_CheckboxMixin = function CheckboxMixin(_ref) {
       bindGroup: {
         type: Boolean,
         default: true
+      },
+      indeterminate: {
+        type: Boolean,
+        default: false
       }
     },
     computed: {
@@ -8023,7 +8027,7 @@ var checkbox_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,
@@ -8059,24 +8063,31 @@ var checkbox_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: Object(utils["a" /* addUnit */])(iconSize)
           }
         }, [this.slots('icon', {
-          checked: checked
+          checked: checked,
+          indeterminate: indeterminate
         }) || (role === 'radio' ? h(es_icon, {
           "style": this.iconStyle
         }, [checked ? h("div", {
           "class": bem('dot')
-        }) : '']) : h(es_icon, {
+        }) : '']) : indeterminate ? h(es_icon, {
+          "attrs": {
+            "name": "minus"
+          },
+          "style": this.iconStyle
+        }) : h(es_icon, {
           "attrs": {
             "name": "checkBox-select"
           },
@@ -8103,7 +8114,8 @@ var checkbox_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,
@@ -8113,7 +8125,7 @@ var checkbox_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
         }
@@ -25640,8 +25652,8 @@ var media_picker_createNamespace = Object(utils["b" /* createNamespace */])('med
      */
     renderMediaThumbnail: function renderMediaThumbnail(media) {
       var h = this.$createElement;
-      if (this.$scopedSlots['preview-media']) {
-        return this.slots('preview-media', {
+      if (this.$scopedSlots.thumbnail) {
+        return this.slots('thumbnail', {
           file: media
         });
       }
@@ -25955,6 +25967,7 @@ function MultiplePickerOptions_isOptionDisabled(option) {
 }));
 // CONCATENATED MODULE: ./es/multiple-picker/index.js
 
+
 // Utils
 
 
@@ -25965,6 +25978,7 @@ function MultiplePickerOptions_isOptionDisabled(option) {
 
 
 
+
 var multiple_picker_createNamespace = Object(utils["b" /* createNamespace */])('multiple-picker'),
   multiple_picker_createComponent = multiple_picker_createNamespace[0],
   multiple_picker_bem = multiple_picker_createNamespace[1],
@@ -26003,10 +26017,15 @@ var multiple_picker_createNamespace = Object(utils["b" /* createNamespace */])('
     safeAreaInsetBottom: {
       type: Boolean,
       default: false
+    },
+    showSelectAll: {
+      type: Boolean,
+      default: false
     }
   }),
   data: function data() {
     return {
+      currentIndexs: [],
       confirmIndexs: null
     };
   },
@@ -26028,6 +26047,12 @@ var multiple_picker_createNamespace = Object(utils["b" /* createNamespace */])('
     }
   },
   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 ? Object(unit["b" /* unitToPx */])(this.itemHeight) : shared_DEFAULT_ITEM_HEIGHT;
     }
@@ -26053,6 +26078,10 @@ var multiple_picker_createNamespace = Object(utils["b" /* createNamespace */])('
       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() {
@@ -26066,6 +26095,28 @@ var multiple_picker_createNamespace = Object(utils["b" /* createNamespace */])('
       });
       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');
@@ -26078,13 +26129,32 @@ var multiple_picker_createNamespace = Object(utils["b" /* createNamespace */])('
         }, [this.title]);
       }
     },
-    genCancel: function genCancel() {
+    genOther: function genOther() {
       var h = this.$createElement;
       return h(es_button, {
+        "class": multiple_picker_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(es_button, helper_default()([{
+        "class": [this.showSelectAll ? multiple_picker_bem('in-select-all') : ''],
+        "attrs": {
+          "size": this.showSelectAll ? "medium" : "normal"
+        }
+      }, this.showSelectAll ? {
+        block: true
+      } : {}, {
         "style": {
           marginRigth: "4px",
           backgroundColor: "white"
@@ -26092,30 +26162,54 @@ var multiple_picker_createNamespace = Object(utils["b" /* createNamespace */])('
         "on": {
           "click": this.cancel
         }
-      }, [this.slots('cancel') || this.cancelButtonText || multiple_picker_t('cancel')]);
+      }]), [this.slots('cancel') || this.cancelButtonText || multiple_picker_t('cancel')]);
     },
     genConfirm: function genConfirm() {
       var h = this.$createElement;
-      return h(es_button, {
+      return h(es_button, helper_default()([{
         "attrs": {
           "type": "primary",
-          "size": "normal",
-          "block": true
+          "size": this.showSelectAll ? "medium" : "normal"
         },
+        "class": [this.showSelectAll ? multiple_picker_bem('in-select-all') : '']
+      }, this.showSelectAll ? {
+        block: true
+      } : {}, {
         "style": {
           marginLeft: "8px"
         },
         "on": {
           "click": this.confirm
         }
-      }, [this.slots('confirm') || this.confirmButtonText || multiple_picker_t('confirm')]);
+      }]), [this.slots('confirm') || this.confirmButtonText || multiple_picker_t('confirm')]);
+    },
+    genSelectAll: function genSelectAll() {
+      var h = this.$createElement;
+      return h("div", {
+        "class": multiple_picker_bem('toolbar-select-all')
+      }, [h(es_checkbox, {
+        "class": multiple_picker_bem('toolbar-checkbox'),
+        "attrs": {
+          "shape": 'square',
+          "value": this.isAllSelected,
+          "indeterminate": this.isIndeterminate
+        },
+        "on": {
+          "click": this.handleSelectAll
+        }
+      }, ["\u5168\u9009"]), h("div", {
+        "class": multiple_picker_bem('toolbar-divider')
+      }), h("span", {
+        "class": multiple_picker_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": multiple_picker_bem('toolbar')
-        }, [this.slots() || [this.genCancel(), this.genConfirm()]]);
+        }, [this.slots() || toolbar]);
       }
     },
     genOptions: function genOptions() {
@@ -26134,7 +26228,7 @@ var multiple_picker_createNamespace = Object(utils["b" /* createNamespace */])('
       }, [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') {
@@ -26163,7 +26257,7 @@ var multiple_picker_createNamespace = Object(utils["b" /* createNamespace */])('
         },
         "on": {
           "change": function change() {
-            _this3.onChange();
+            _this4.onChange();
           }
         }
       });
@@ -35100,7 +35194,7 @@ var uploader_createNamespace = Object(utils["b" /* createNamespace */])('uploade
 
 
 
-var es_version = '2.1.22';
+var es_version = '2.1.24';
 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, es_picker, popover, popup, pull_refresh, es_radio, radio_group, rate, row, search, signature, skeleton, slider, speech_recognizer, es_step, stepper, steps, es_sticky, swipe, swipe_cell, swipe_item, es_switch, switch_cell, tab, tabbar, tabbar_item, table, tabs, es_tag, text_ellipsis, timeline, es_toast, uploader];
   components.forEach(function (item) {