@alauda/ui 5.7.6-beta.6 → 5.7.6

package/bundles/alauda-ui.umd.js

@@ -5688,28 +5688,38 @@
             var _this = this;
             _super.prototype.ngAfterViewInit.call(this);
             this.selectAllStatus$ = rxjs.combineLatest([
-                this.allOptions$.pipe(operators.startWith(this.contentOptions)),
-                this.value$,
+                this.allOptions$,
                 this.filterString$,
-            ]).pipe(operators.map(function (_b) {
+            ]).pipe(operators.switchMap(function (_b) {
                 var _c = __read(_b, 1), allOptions = _c[0];
-                var visibleOptions = allOptions.filter(function (_b) {
-                    var visible = _b.visible;
-                    return visible;
-                });
-                var checkedOptions = visibleOptions.filter(function (_b) {
-                    var selected = _b.selected;
-                    return selected;
-                });
-                return checkedOptions.length &&
-                    checkedOptions.length !== visibleOptions.length
-                    ? exports.SelectAllStatus.Indeterminate
-                    : checkedOptions.length === 0
-                        ? exports.SelectAllStatus.Empty
+                var _a;
+                return rxjs.combineLatest(__spread((_a = allOptions
+                    .filter(function (_b) {
+                    var visible = _b.visible, disabled = _b.disabled;
+                    return visible && !disabled;
+                })) === null || _a === void 0 ? void 0 : _a.map(function (_b) {
+                    var selected$ = _b.selected$;
+                    return selected$;
+                })));
+            }), operators.map(function (statuses) {
+                var selected = statuses.filter(function (i) { return i; });
+                return selected.length === 0
+                    ? exports.SelectAllStatus.Empty
+                    : selected.length !== statuses.length
+                        ? exports.SelectAllStatus.Indeterminate
                         : exports.SelectAllStatus.Checked;
-            }), operators.startWith(exports.SelectAllStatus.Empty), operators.tap(function (selectAllStatus) {
-                _this.selectAllStatus = selectAllStatus;
-            }), operators.publishReplay(1), operators.refCount());
+            }), operators.startWith(exports.SelectAllStatus.Empty), operators.tap(function (selectAllStatus) { return (_this.selectAllStatus = selectAllStatus); }), operators.publishReplay(1), operators.refCount());
+            this.hasEnabledOptions$ = rxjs.combineLatest([
+                this.allOptions$,
+                this.filterString$,
+            ]).pipe(operators.map(function (_b) {
+                var _c = __read(_b, 1), allOptions = _c[0];
+                return !!allOptions.filter(function (_b) {
+                    var visible = _b.visible, disabled = _b.disabled;
+                    return visible && !disabled;
+                })
+                    .length;
+            }));
         };
         MultiSelectComponent.prototype.onShowOptions = function () {
             _super.prototype.onShowOptions.call(this);
@@ -5811,8 +5821,8 @@
             }
             var visibleOptionsValue = this.allOptions
                 .filter(function (_b) {
-                var visible = _b.visible;
-                return visible;
+                var visible = _b.visible, disabled = _b.disabled;
+                return visible && !disabled;
             })
                 .map(function (_b) {
                 var value = _b.value;
@@ -5852,7 +5862,7 @@
     MultiSelectComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'aui-multi-select',
-                    template: "<div\n  [class]=\"rootClass\"\n  #selectRef\n  #tooltipRef=\"auiTooltip\"\n  [auiTooltip]=\"templateRef\"\n  [auiTooltipDisabled]=\"disabled\"\n  auiTooltipTrigger=\"click\"\n  auiTooltipPosition=\"bottom start\"\n  auiTooltipType=\"plain\"\n  (auiTooltipShow)=\"onShowOptions()\"\n  (auiTooltipHide)=\"onHideOptions()\"\n  (mousedown)=\"$event.preventDefault()\"\n  [style.max-height]=\"maxHeight\"\n>\n  <div class=\"aui-multi-select__suffix\">\n    <aui-icon\n      *ngIf=\"displayClearBtn\"\n      class=\"aui-multi-select__clear\"\n      (click)=\"clearValue($event)\"\n      icon=\"close_small\"\n    ></aui-icon>\n    <aui-icon\n      class=\"aui-multi-select__indicator\"\n      [icon]=\"loading ? 'spinner' : 'caret_down_s'\"\n    ></aui-icon>\n  </div>\n  <span\n    [hidden]=\"selectedValues.length || inputRef.value.length\"\n    [class]=\"bem.element('placeholder')\"\n  >\n    {{ placeholder }}\n  </span>\n  <aui-tag\n    *ngFor=\"let option of selectedOptions$ | async; trackBy: trackByValue\"\n    type=\"info\"\n    [round]=\"true\"\n    [border]=\"true\"\n    [size]=\"tagSize\"\n    [closeable]=\"!disabled\"\n    (close)=\"removeValue(option.value)\"\n    [ngClass]=\"tagClassFn && tagClassFn(option.label, option.value)\"\n  >\n    <ng-container\n      *ngIf=\"isTemplateRef(option.label); else label\"\n      [ngTemplateOutlet]=\"option.label\"\n      [ngTemplateOutletContext]=\"option.labelContext\"\n    ></ng-container>\n    <ng-template #label>\n      {{ option.label }}\n    </ng-template>\n  </aui-tag>\n  <input\n    #inputRef\n    autocomplete=\"off\"\n    [readonly]=\"inputReadonly\"\n    [class]=\"inputClass\"\n    (focus)=\"onInputFocus()\"\n    (blur)=\"onInputBlur()\"\n    (keydown)=\"onKeyDown($event)\"\n    (input)=\"onInput($event)\"\n  />\n  <span #inputValueMirror [class]=\"bem.element('mirror')\">\n    {{ inputValue }}\n  </span>\n</div>\n\n<ng-template #templateRef>\n  <div\n    class=\"aui-option-container\"\n    [style.minWidth]=\"containerWidth\"\n    (mousedown)=\"$event.preventDefault()\"\n  >\n    <div #optionListRef class=\"aui-option-container__content\">\n      <ng-container\n        *ngIf=\"\n          allowSelectAll &&\n          ((hasVisibleOption$ | async) ||\n            (allowCreate && (customCreatedOptions$ | async).length) ||\n            (allowCreate && filterString))\n        \"\n      >\n        <div\n          class=\"aui-option\"\n          [class]=\"bemSelectAll.block(size$ | async)\"\n          [class.isDisabled]=\"disabled\"\n          [class.isSelected]=\"!!(selectAllStatus$ | async)\"\n          [class.isMulti]=\"true\"\n          (click)=\"onSelectAllClick()\"\n        >\n          <i class=\"aui-option__pointer\">\n            <aui-icon\n              [icon]=\"\n                (selectAllStatus$ | async) === 'checked' ? 'check_s' : 'minus_s'\n              \"\n              [hidden]=\"!(selectAllStatus$ | async)\"\n            ></aui-icon>\n          </i>\n          {{ 'select_all' | auiI18n }}\n        </div>\n        <hr class=\"divider\" />\n      </ng-container>\n      <aui-option\n        #inputtingOption\n        *ngIf=\"allowCreate && filterString && !(hasMatchedOption$ | async)\"\n        [value]=\"filterString\"\n      >\n        {{ filterString }}\n      </aui-option>\n      <ng-container *ngIf=\"allowCreate\">\n        <aui-option\n          *ngFor=\"let option of customCreatedOptions$ | async\"\n          [label]=\"option.label\"\n          [value]=\"option.value\"\n        >\n          {{ option.label }}\n        </aui-option>\n      </ng-container>\n      <ng-content></ng-content>\n    </div>\n    <div\n      *ngIf=\"\n        !(\n          (hasVisibleOption$ | async) ||\n          (allowCreate && (customCreatedOptions$ | async).length) ||\n          (allowCreate && filterString)\n        )\n      \"\n      class=\"aui-option-container__placeholder\"\n    >\n      <ng-content select=\"aui-option-placeholder\"></ng-content>\n    </div>\n  </div>\n</ng-template>\n",
+                    template: "<div\n  [class]=\"rootClass\"\n  #selectRef\n  #tooltipRef=\"auiTooltip\"\n  [auiTooltip]=\"templateRef\"\n  [auiTooltipDisabled]=\"disabled\"\n  auiTooltipTrigger=\"click\"\n  auiTooltipPosition=\"bottom start\"\n  auiTooltipType=\"plain\"\n  (auiTooltipShow)=\"onShowOptions()\"\n  (auiTooltipHide)=\"onHideOptions()\"\n  (mousedown)=\"$event.preventDefault()\"\n  [style.max-height]=\"maxHeight\"\n>\n  <div class=\"aui-multi-select__suffix\">\n    <aui-icon\n      *ngIf=\"displayClearBtn\"\n      class=\"aui-multi-select__clear\"\n      (click)=\"clearValue($event)\"\n      icon=\"close_small\"\n    ></aui-icon>\n    <aui-icon\n      class=\"aui-multi-select__indicator\"\n      [icon]=\"loading ? 'spinner' : 'caret_down_s'\"\n    ></aui-icon>\n  </div>\n  <span\n    [hidden]=\"selectedValues.length || inputRef.value.length\"\n    [class]=\"bem.element('placeholder')\"\n  >\n    {{ placeholder }}\n  </span>\n  <aui-tag\n    *ngFor=\"let option of selectedOptions$ | async; trackBy: trackByValue\"\n    type=\"info\"\n    [round]=\"true\"\n    [border]=\"true\"\n    [size]=\"tagSize\"\n    [closeable]=\"!disabled\"\n    (close)=\"removeValue(option.value)\"\n    [ngClass]=\"tagClassFn && tagClassFn(option.label, option.value)\"\n  >\n    <ng-container\n      *ngIf=\"isTemplateRef(option.label); else label\"\n      [ngTemplateOutlet]=\"option.label\"\n      [ngTemplateOutletContext]=\"option.labelContext\"\n    ></ng-container>\n    <ng-template #label>\n      {{ option.label }}\n    </ng-template>\n  </aui-tag>\n  <input\n    #inputRef\n    autocomplete=\"off\"\n    [readonly]=\"inputReadonly\"\n    [class]=\"inputClass\"\n    (focus)=\"onInputFocus()\"\n    (blur)=\"onInputBlur()\"\n    (keydown)=\"onKeyDown($event)\"\n    (input)=\"onInput($event)\"\n  />\n  <span #inputValueMirror [class]=\"bem.element('mirror')\">\n    {{ inputValue }}\n  </span>\n</div>\n\n<ng-template #templateRef>\n  <div\n    class=\"aui-option-container\"\n    [style.minWidth]=\"containerWidth\"\n    (mousedown)=\"$event.preventDefault()\"\n  >\n    <div #optionListRef class=\"aui-option-container__content\">\n      <ng-container\n        *ngIf=\"\n          allowSelectAll &&\n          (hasEnabledOptions$ | async) &&\n          ((hasVisibleOption$ | async) ||\n            (allowCreate && (customCreatedOptions$ | async).length) ||\n            (allowCreate && filterString))\n        \"\n      >\n        <div\n          class=\"aui-option\"\n          [class]=\"bemSelectAll.block(size$ | async)\"\n          [class.isDisabled]=\"disabled\"\n          [class.isSelected]=\"!!(selectAllStatus$ | async)\"\n          [class.isMulti]=\"true\"\n          (click)=\"onSelectAllClick()\"\n        >\n          <i class=\"aui-option__pointer\">\n            <aui-icon\n              [icon]=\"\n                (selectAllStatus$ | async) === 'checked' ? 'check_s' : 'minus_s'\n              \"\n              [hidden]=\"!(selectAllStatus$ | async)\"\n            ></aui-icon>\n          </i>\n          {{ 'select_all' | auiI18n }}\n        </div>\n        <hr class=\"divider\" />\n      </ng-container>\n      <aui-option\n        #inputtingOption\n        *ngIf=\"allowCreate && filterString && !(hasMatchedOption$ | async)\"\n        [value]=\"filterString\"\n      >\n        {{ filterString }}\n      </aui-option>\n      <ng-container *ngIf=\"allowCreate\">\n        <aui-option\n          *ngFor=\"let option of customCreatedOptions$ | async\"\n          [label]=\"option.label\"\n          [value]=\"option.value\"\n        >\n          {{ option.label }}\n        </aui-option>\n      </ng-container>\n      <ng-content></ng-content>\n    </div>\n    <div\n      *ngIf=\"\n        !(\n          (hasVisibleOption$ | async) ||\n          (allowCreate && (customCreatedOptions$ | async).length) ||\n          (allowCreate && filterString)\n        )\n      \"\n      class=\"aui-option-container__placeholder\"\n    >\n      <ng-content select=\"aui-option-placeholder\"></ng-content>\n    </div>\n  </div>\n</ng-template>\n",
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     encapsulation: i0.ViewEncapsulation.None,
                     preserveWhitespaces: false,