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

gate for doreamonjs

"use strict";
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
    if (k2 === undefined) k2 = k;
    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
}) : (function(o, m, k, k2) {
    if (k2 === undefined) k2 = k;
    o[k2] = m[k];
}));
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
    Object.defineProperty(o, "default", { enumerable: true, value: v });
}) : function(o, v) {
    o["default"] = v;
});
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;
};
var __importStar = (this && this.__importStar) || function (mod) {
    if (mod && mod.__esModule) return mod;
    var result = {};
    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
    __setModuleDefault(result, mod);
    return result;
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = __importStar(require("react"));
const dva_1 = require("dva");
const antd_1 = require("antd");
const treeselect = __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 = __decorate([
    dva_1.connect(mapState, mapActions)
], ZTreeSelect);
exports.default = ZTreeSelect;