wx_qyj/node_modules/tdesign-miniprogram/miniprogram_dist/checkbox-group/checkbox-group.js

var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
import { SuperComponent, wxComponent } from '../common/src/index';
import config from '../common/config';
import Props from '../checkbox/checkbox-group-props';
const { prefix } = config;
const name = `${prefix}-checkbox-group`;
let CheckBoxGroup = class CheckBoxGroup extends SuperComponent {
    constructor() {
        super(...arguments);
        this.externalClasses = ['t-class'];
        this.relations = {
            '../checkbox/checkbox': {
                type: 'descendant',
                linked() {
                    this.updateChildren();
                },
            },
        };
        this.data = {
            classPrefix: name,
            checkboxOptions: [],
        };
        this.properties = Object.assign(Object.assign({}, Props), { defaultValue: {
                type: null,
                value: undefined,
            } });
        this.observers = {
            value: function () {
                this.updateChildren();
            },
        };
        this.lifetimes = {
            attached() {
                this.handleCreateMulCheckbox();
            },
        };
        this.controlledProps = [
            {
                key: 'value',
                event: 'change',
            },
        ];
        this.methods = {
            getChilds() {
                let items = this.getRelationNodes('../checkbox/checkbox');
                if (!items.length) {
                    items = this.selectAllComponents('.t-checkbox-option');
                }
                return items || [];
            },
            // slot插入选项
            updateChildren() {
                const items = this.getChilds();
                const { value, disabled } = this.data;
                if (items.length > 0) {
                    items.forEach((item) => {
                        !item.data.checkAll &&
                            item.setData({
                                checked: (value === null || value === void 0 ? void 0 : value.indexOf(item.data.value)) > -1,
                            });
                        item.setDisabled(disabled);
                    });
                    // 关联可全选项
                    if (items.findIndex((item) => item.data.checkAll) > -1) {
                        items.forEach((item) => {
                            item.setOptionLinked(true);
                        });
                        this.handleHalfCheck(items.length);
                    }
                }
            },
            updateValue({ name, checked }) {
                const { value, max } = this.data;
                let newValue = value;
                if (max && checked && newValue.length === max) {
                    return;
                }
                if (checked) {
                    newValue = newValue.concat(name);
                }
                else {
                    const index = newValue.findIndex((v) => v === name);
                    newValue.splice(index, 1);
                }
                this._trigger('change', { value: newValue });
            },
            // 支持自定义options
            handleCreateMulCheckbox() {
                const { options } = this.data;
                // 数字数组｜字符串数组｜对像数组
                if (!(options === null || options === void 0 ? void 0 : options.length) || !Array.isArray(options)) {
                    return;
                }
                const optionsValue = [];
                try {
                    options.forEach((element) => {
                        const typeName = typeof element;
                        if (typeName === 'number' || typeName === 'string') {
                            optionsValue.push({
                                label: `${element}`,
                                value: element,
                            });
                        }
                        else if (typeName === 'object') {
                            optionsValue.push(Object.assign({}, element));
                        }
                    });
                    this.setData({
                        checkboxOptions: optionsValue,
                    });
                    this.updateChildren();
                }
                catch (error) {
                    console.error('error', error);
                }
            },
            // 处理全选
            handleCheckAll(e) {
                const { checked, option, name } = e.detail || e;
                const items = this.getChilds();
                if (!option) {
                    if (!(items === null || items === void 0 ? void 0 : items.length)) {
                        return;
                    }
                    this._trigger('change', {
                        value: items
                            .map((item) => {
                            if (item.data.disabled) {
                                return this.data.value.includes(item.data.value) ? item.data.value : '';
                            }
                            return checked && !item.data.checkAll ? item.data.value : '';
                        })
                            .filter((val) => val),
                    });
                }
                else {
                    this.updateValue({ name, checked });
                }
            },
            // 处理options半选
            handleHalfCheck(len) {
                var _a;
                const items = this.getChilds();
                const checkboxOptions = items.filter((i) => !i.data.checkAll);
                const all = checkboxOptions.map((item) => item.data.value);
                const enableValue = checkboxOptions
                    .filter((i) => !i.data.disabled)
                    .map((item) => item.data.value);
                const currentVal = Array.from(new Set((_a = this.data.value) === null || _a === void 0 ? void 0 : _a.filter((i) => all.indexOf(i) > -1)));
                const element = items.find((item) => item.data.checkAll);
                if (currentVal.length) {
                    element === null || element === void 0 ? void 0 : element.setData({ checked: true });
                    element === null || element === void 0 ? void 0 : element.changeCheckAllHalfStatus(currentVal.length !== len - 1);
                    // 取消全选
                    element === null || element === void 0 ? void 0 : element.setCancel(enableValue.every((val) => currentVal.includes(val)));
                }
                else {
                    element === null || element === void 0 ? void 0 : element.setData({ checked: false });
                }
            },
            // 设置可全选option选项
            handleOptionLinked() {
                const items = this.selectAllComponents('.t-checkbox-option');
                if (this.data.checkboxOptions.length) {
                    items.forEach((item) => {
                        item.setOptionLinked(true);
                    });
                }
            },
        };
    }
};
CheckBoxGroup = __decorate([
    wxComponent()
], CheckBoxGroup);
export default CheckBoxGroup;

//# sourceMappingURL=checkbox-group.js.map