@doreamonjs/gate/lib/common/global/tree-select/index.js

gate for doreamonjs

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const react_1 = tslib_1.__importStar(require("react"));
const dva_1 = require("dva");
const antd_1 = require("antd");
const treeselect = tslib_1.__importStar(require("@doreamonjs/plugin-tree-select"));
const TreeNode = antd_1.Tree.TreeNode;
const NAMESPACE = treeselect.NAMESPACE;
const mapState = (states) => {
    const { visible, attributes, datasets } = states[NAMESPACE];
    const { target = {} } = attributes;
    const nextEffect = `${target.namespace}/${target.effect}`;
    const loading = states.loading.effects[nextEffect];
    return {
        ...attributes,
        ...datasets,
        //
        visible,
        loading,
        values: datasets.values,
    };
};
const mapActions = (dispatch) => ({
    onValueChange: (name, value) => dispatch({
        type: `${NAMESPACE}/value/change`,
        payload: { [name]: value },
    }),
    onClose: () => dispatch({ type: `${NAMESPACE}/close` }),
    onSubmit: (values, lastValues) => dispatch({
        type: `${NAMESPACE}/submit`,
        payload: { values, lastValues },
    }),
});
let ZTreeSelect = class ZTreeSelect extends react_1.PureComponent {
    constructor() {
        super(...arguments);
        this.state = {
            targetKeys: [],
        };
        this.onSubmit = () => {
            const { values, onSubmit } = this.props;
            onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit({
                ...values,
                ...this.state,
            }, values);
        };
        this.onChange = (targetKeys) => {
            this.setState({ targetKeys });
        };
    }
    get dataSource() {
        const { dataSource = [] } = this.props.values;
        return dataSource;
    }
    ;
    componentWillReceiveProps(nextProps) {
        var _a, _b;
        // @TODO only router/path mode can merge targetKeys
        if (((_b = (_a = nextProps === null || nextProps === void 0 ? void 0 : nextProps.values) === null || _a === void 0 ? void 0 : _a.targetKeys) === null || _b === void 0 ? void 0 : _b.length) > 0) {
            const targetKeys = [];
            const sortedTargetKeysRaw = nextProps.values.targetKeys.slice().sort((a, b) => {
                return b.length - a.length;
            });
            for (const key of sortedTargetKeysRaw) {
                const foundPrefix = targetKeys.find((e) => {
                    return e.startsWith(key);
                });
                if (!foundPrefix) {
                    targetKeys.push(key);
                }
            }
            this.setState({
                targetKeys: targetKeys,
            });
        }
        else {
            this.setState({
                targetKeys: [],
            });
        }
    }
    get modalProps() {
        const props = this.props;
        return {
            confirmLoading: props.loading,
            width: 700,
            bodyStyle: { height: 500, overflowX: 'hidden', overflowY: 'auto' },
            title: props.title,
            visible: props.visible,
            onOk: this.onSubmit,
            onCancel: props.onClose,
            cancelText: props.cancelText,
            okText: props.submitText,
        };
    }
    render() {
        const { targetKeys } = this.state;
        const renderTreeNodes = (data) => {
            return data.map((item) => {
                if (item.children) {
                    return (react_1.default.createElement(TreeNode, { title: item.name, key: item.path }, renderTreeNodes(item.children)));
                }
                return react_1.default.createElement(TreeNode, { key: item.key, ...item });
            });
        };
        return (react_1.default.createElement(antd_1.Modal, { ...this.modalProps },
            react_1.default.createElement(antd_1.Tree, { checkable: true, 
                // checkStrictly
                defaultExpandAll: true, 
                // selectable={false}
                blockNode: true, checkedKeys: targetKeys, onCheck: this.onChange }, renderTreeNodes(this.dataSource))));
    }
};
ZTreeSelect.defaultProps = {
    type: 'modal',
};
ZTreeSelect = tslib_1.__decorate([
    dva_1.connect(mapState, mapActions)
], ZTreeSelect);
exports.default = ZTreeSelect;
//# sourceMappingURL=index.js.map