@vtx/components 3.1.45 → 3.1.47

package/lib/vtx-ztree-select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["VtxZtreeSelect","props","tree","treeRefreshFlag","state","popoverVisible","popWidth","keyNodesMapping","getKeyNodesMapping","prevProps","isEqual","data","expandedKeys","nodes","t","genNodes","map","item","children","rest","key","Array","isArray","length","treeCheckable","checkNodes","getCheckedNodes","cancelSelectedNodes","value","onChange","keys","leafKeys","names","keyIndex","indexOf","keyList","splice","filter","isLeaf","name","clearSearch","prefixCls","treeDefaultExpandAll","multiple","showSearch","searchPlaceholder","dropdownStyle","style","disabled","refreshFlag","customCfg","checkStrictly","value_arr","val","selectedNodes","k","id","treeProps","checkable","instance","selectedKeys","selectedNames","setState","checkedNodes","checkedKeys","checkedNames","treeNode","beforeCheck","MultiSelect","classnames","ref","clientWidth","height","e","stopPropagation","clearKey","slice","clear","placeholder","marginBottom","Empty","PRESENTED_IMAGE_SIMPLE","width","SingleSelect","join","bind","v","React","Component","propTypes","PropTypes","array","arrayOf","string","bool","oneOfType","func"],"sources":["vtx-ztree-select/index.jsx"],"sourcesContent":["import React from 'react';\nimport Popover from 'antd/lib/popover';\nimport Input from 'antd/lib/input';\nimport Tag from 'antd/lib/tag';\nimport CloseCircleFilled from '@ant-design/icons/CloseCircleFilled';\nimport isEqual from 'lodash.isequal';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Ztree from '../vtx-ztree';\nimport { MoreOutlined } from '@ant-design/icons';\nimport Button from 'antd/lib/button';\nimport Empty from 'antd/lib/empty';\n\nexport default class VtxZtreeSelect extends React.Component {\n    constructor(props) {\n        super(props);\n        this.tree = null;\n        this.treeRefreshFlag = 1;\n        this.state = {\n            popoverVisible: false,\n            popWidth: 0\n        };\n        this.keyNodesMapping = {};\n        this.getKeyNodesMapping();\n    }\n\n    // UNSAFE_componentWillReceiveProps(nextProps) {\n    //     if (!isEqual(this.props.data, nextProps.data)) {\n    //         this.getKeyNodesMapping(nextProps.data);\n    //     }\n    //     if (!isEqual(this.props.expandedKeys, nextProps.expandedKeys)) {\n    //         this.treeRefreshFlag++;\n    //     }\n    // }\n\n    // 替换componentWillReceiveProps\n    componentDidUpdate(prevProps) {\n        if (!isEqual(this.props.data, prevProps.data)) {\n            this.getKeyNodesMapping(this.props.data);\n        }\n        if (!isEqual(this.props.expandedKeys, prevProps.expandedKeys)) {\n            this.treeRefreshFlag++;\n        }\n    }\n\n    getKeyNodesMapping(nodes) {\n        const t = this;\n        t.keyNodesMapping = {};\n        (function genNodes(nodes) {\n            nodes.map(item => {\n                const { children, ...rest } = item;\n                t.keyNodesMapping[item.key] = rest;\n                if (Array.isArray(children) && children.length > 0) {\n                    genNodes(children);\n                }\n            });\n        })(nodes || this.props.data || []);\n    }\n\n    clear() {\n        if (this.tree) {\n            if (this.props.treeCheckable) {\n                this.tree.checkNodes(\n                    this.tree.getCheckedNodes().map(item => item.key),\n                    false,\n                );\n            } else {\n                this.tree.cancelSelectedNodes(this.props.value);\n            }\n        }\n        this.props.onChange &&\n            this.props.onChange({\n                nodes: [],\n                keys: [],\n                leafKeys: [],\n                names: [],\n            });\n    }\n\n    clearKey(key) {\n        const keyIndex = this.props.value.indexOf(key);\n        if (keyIndex != -1) {\n            const keyList = [...this.props.value];\n            keyList.splice(keyIndex, 1);\n            const nodes = keyList.map(key => this.keyNodesMapping[key]);\n            if (this.tree) {\n                if (this.props.treeCheckable) {\n                    this.tree.checkNodes([key], false);\n                } else {\n                    this.tree.cancelSelectedNodes([key]);\n                }\n            }\n            this.props.onChange &&\n                this.props.onChange({\n                    nodes,\n                    keys: keyList,\n                    leafKeys: nodes.filter(item => item.isLeaf).map(item => item.key),\n                    names: nodes.map(item => item.name),\n                });\n        }\n    }\n\n    clearSearch() {\n        this.tree && this.tree.clearSearch();\n    }\n\n    render() {\n        const t = this;\n        // 必填参数\n        const { data, value } = t.props;\n        // 可配参数\n        const {\n            prefixCls = 'vtx-ztree-select',\n            treeCheckable = false,\n            treeDefaultExpandAll = false,\n            multiple = false,\n            showSearch = true,\n            searchPlaceholder,\n            dropdownStyle = {},\n            style = {},\n            disabled = false,\n            refreshFlag = null,\n            expandedKeys,\n            customCfg,\n            checkStrictly,\n        } = t.props;\n        // eslint-disable-next-line camelcase\n        const value_arr = (function(val) {\n            if (Array.isArray(val)) {\n                return val;\n            } else if (val) {\n                return [val];\n            } else {\n                return [];\n            }\n        })(value);\n        const selectedNodes = value_arr\n            .filter(k => k in t.keyNodesMapping)\n            .map(item => ({\n                id: item,\n                name: t.keyNodesMapping[item].name,\n            }));\n        // ztree配置\n        const treeProps = {\n            data, // 树的数据\n            showSearch: showSearch,\n            searchPlaceholder: searchPlaceholder,\n            multiple,\n            checkable: treeCheckable,\n            [treeCheckable ? 'checkedKeys' : 'selectedKeys']: value_arr,\n            defaultExpandAll: treeDefaultExpandAll,\n            expandedKeys,\n            refreshFlag: refreshFlag || t.treeRefreshFlag,\n            customCfg,\n            checkStrictly,\n            ref(instance) {\n                if (instance) t.tree = instance;\n            },\n            onClick({ selectedNodes, selectedKeys, selectedNames }) {\n                // console.log(selectedNodes,selectedKeys,selectedNames)\n                if (!treeCheckable) {\n                    t.props.onChange &&\n                        t.props.onChange({\n                            nodes: selectedNodes,\n                            keys: selectedKeys,\n                            leafKeys: selectedNodes\n                                .filter(item => item.isLeaf)\n                                .map(item => item.key),\n                            names: selectedNames,\n                        });\n                    if (!multiple) {\n                        t.setState({\n                            popoverVisible: false,\n                        });\n                    }\n                }\n            },\n            onCheck({ checkedNodes, checkedKeys, checkedNames }) {\n                if (treeCheckable) {\n                    t.props.onChange &&\n                        t.props.onChange({\n                            nodes: checkedNodes,\n                            keys: checkedKeys,\n                            leafKeys: checkedNodes\n                                .filter(item => item.isLeaf)\n                                .map(item => item.key),\n                            names: checkedNames,\n                        });\n                }\n            },\n            beforeCheck(treeNode) {\n                return t.props.beforeCheck ? t.props.beforeCheck(treeNode) : true;\n            },\n        };\n\n        // 多选组件\n        const MultiSelect = (\n            <div \n                className={classnames(`${prefixCls}-multiple-box`)} \n                style={style}\n                ref={ref=>{\n                    if(!t.state.popWidth && ref?.clientWidth){\n                        t.setState({popWidth: ref?.clientWidth})\n                    }\n                }}\n            >\n                <div\n                    className={classnames('ant-input', `${prefixCls}-multiple`, {\n                        [`${prefixCls}-multiple-disabled`]: disabled,\n                    })}\n                    style={{ height: '32px', ...style }}\n                >\n                    <div className={classnames(`${prefixCls}-multiple-content`)}>\n                    {selectedNodes.length > 0 ? (\n                        [\n                            selectedNodes.map(item => (\n                                <Tag\n                                    key={item.id}\n                                    closable={!disabled}\n                                    onClose={e => {\n                                        e.stopPropagation();\n                                        t.clearKey(item.id);\n                                    }}\n                                >\n                                    {item.name.length > 20 ? `${item.name.slice(0, 20)}...` : item.name}\n                                </Tag>\n                            )),\n                            disabled ? null : (\n                                <CloseCircleFilled\n                                    key={'icon'}\n                                    className={`${prefixCls}-multiple-close-icon`}\n                                    onClick={e => {\n                                        e.stopPropagation();\n                                        t.clear();\n                                    }}\n                                />\n                            ),\n                        ]\n                    ) : (\n                        <span className={`${prefixCls}-placeholder`}>{t.props.placeholder}</span>\n                    )}\n                    </div>\n                </div>\n                <Popover\n                    content={\n                        <>\n                            <div className={classnames('vtx-tree-count-head')}>\n                                <span>已选择：{selectedNodes.length}</span>\n                                <span \n                                    className={classnames((selectedNodes.length>0&&!disabled)?'clear-count':'disabled-count')} \n                                    onClick={e=>{\n                                        if(!disabled){\n                                            e.stopPropagation();\n                                            t.clear();\n                                        }\n                                    }}\n                                >清空已选项</span>\n                            </div>\n                            {\n                                selectedNodes.length>0?\n                                selectedNodes.map(item => (\n                                    <Tag\n                                        key={`tab-${item.id}`}\n                                        closable={!disabled}\n                                        onClose={e => {\n                                            e.stopPropagation();\n                                            t.clearKey(item.id);\n                                        }}\n                                        style={{marginBottom: '5px'}}\n                                    >\n                                        {item.name.length > 20 ? `${item.name.slice(0, 20)}...` : item.name}\n                                    </Tag>\n                                )):\n                                <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />\n                            }\n                        </>\n                    }\n                    placement=\"bottomRight\"\n                    trigger=\"click\"\n                    overlayStyle={{ width: t.state.popWidth }}\n                >\n                    <Button \n                        className=\"vtx-tree-count\" \n                        icon={<MoreOutlined />} \n                        size='default' \n                        onClick={e=>{\n                            e.stopPropagation();\n                        }}\n                    />\n                </Popover>\n            </div>\n        );\n\n        // 单选组件\n        const SingleSelect = (\n            <Input\n                value={selectedNodes.map(item => item.name).join(', ')}\n                style={style}\n                readOnly\n                disabled={disabled}\n                placeholder={t.props.placeholder}\n                suffix={\n                    disabled || selectedNodes.length == 0 ? (\n                        <span />\n                    ) : (\n                        <CloseCircleFilled\n                            className={`${prefixCls}-close-icon`}\n                            onClick={t.clear.bind(t)}\n                        />\n                    )\n                }\n            />\n        );\n\n        return (\n            <div className={prefixCls}>\n                {disabled ? (\n                    multiple || treeCheckable ? (\n                        MultiSelect\n                    ) : (\n                        SingleSelect\n                    )\n                ) : (\n                    <Popover\n                        placement=\"bottomLeft\"\n                        content={\n                            <div className={`${prefixCls}-popover`} style={dropdownStyle}>\n                                <Ztree {...treeProps} />\n                            </div>\n                        }\n                        trigger=\"click\"\n                        onVisibleChange={v => {\n                            t.setState({ popoverVisible: v });\n                        }}\n                        visible={t.state.popoverVisible}\n                    >\n                        {multiple || treeCheckable ? MultiSelect : SingleSelect}\n                    </Popover>\n                )}\n            </div>\n        );\n    }\n}\n\nVtxZtreeSelect.propTypes = {\n    data: PropTypes.array,\n    expandedKeys: PropTypes.arrayOf(PropTypes.string),\n    treeCheckable: PropTypes.bool,\n    value: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),\n    onChange: PropTypes.func,\n};\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["VtxZtreeSelect","props","tree","treeRefreshFlag","state","popoverVisible","popWidth","keyNodesMapping","getKeyNodesMapping","prevProps","isEqual","data","expandedKeys","nodes","t","genNodes","map","item","children","rest","key","Array","isArray","length","treeCheckable","checkNodes","getCheckedNodes","cancelSelectedNodes","value","onChange","keys","leafKeys","names","keyIndex","indexOf","keyList","splice","filter","isLeaf","name","clearSearch","prefixCls","treeDefaultExpandAll","multiple","showSearch","searchPlaceholder","dropdownStyle","style","disabled","refreshFlag","customCfg","checkStrictly","value_arr","val","selectedNodes","k","id","treeProps","checkable","instance","selectedKeys","selectedNames","setState","checkedNodes","checkedKeys","checkedNames","treeNode","beforeCheck","MultiSelect","classnames","ref","clientWidth","height","e","stopPropagation","clearKey","slice","clear","placeholder","marginBottom","Empty","PRESENTED_IMAGE_SIMPLE","width","SingleSelect","join","bind","v","React","Component","propTypes","PropTypes","array","arrayOf","string","bool","oneOfType","func"],"sources":["vtx-ztree-select/index.jsx"],"sourcesContent":["import React from 'react';\r\nimport Popover from 'antd/lib/popover';\r\nimport Input from 'antd/lib/input';\r\nimport Tag from 'antd/lib/tag';\r\nimport CloseCircleFilled from '@ant-design/icons/CloseCircleFilled';\r\nimport isEqual from 'lodash.isequal';\r\nimport PropTypes from 'prop-types';\r\nimport classnames from 'classnames';\r\nimport Ztree from '../vtx-ztree';\r\nimport { MoreOutlined } from '@ant-design/icons';\r\nimport Button from 'antd/lib/button';\r\nimport Empty from 'antd/lib/empty';\r\n\r\nexport default class VtxZtreeSelect extends React.Component {\r\n    constructor(props) {\r\n        super(props);\r\n        this.tree = null;\r\n        this.treeRefreshFlag = 1;\r\n        this.state = {\r\n            popoverVisible: false,\r\n            popWidth: 0\r\n        };\r\n        this.keyNodesMapping = {};\r\n        this.getKeyNodesMapping();\r\n    }\r\n\r\n    // UNSAFE_componentWillReceiveProps(nextProps) {\r\n    //     if (!isEqual(this.props.data, nextProps.data)) {\r\n    //         this.getKeyNodesMapping(nextProps.data);\r\n    //     }\r\n    //     if (!isEqual(this.props.expandedKeys, nextProps.expandedKeys)) {\r\n    //         this.treeRefreshFlag++;\r\n    //     }\r\n    // }\r\n\r\n    // 替换componentWillReceiveProps\r\n    componentDidUpdate(prevProps) {\r\n        if (!isEqual(this.props.data, prevProps.data)) {\r\n            this.getKeyNodesMapping(this.props.data);\r\n        }\r\n        if (!isEqual(this.props.expandedKeys, prevProps.expandedKeys)) {\r\n            this.treeRefreshFlag++;\r\n        }\r\n    }\r\n\r\n    getKeyNodesMapping(nodes) {\r\n        const t = this;\r\n        t.keyNodesMapping = {};\r\n        (function genNodes(nodes) {\r\n            nodes.map(item => {\r\n                const { children, ...rest } = item;\r\n                t.keyNodesMapping[item.key] = rest;\r\n                if (Array.isArray(children) && children.length > 0) {\r\n                    genNodes(children);\r\n                }\r\n            });\r\n        })(nodes || this.props.data || []);\r\n    }\r\n\r\n    clear() {\r\n        if (this.tree) {\r\n            if (this.props.treeCheckable) {\r\n                this.tree.checkNodes(\r\n                    this.tree.getCheckedNodes().map(item => item.key),\r\n                    false,\r\n                );\r\n            } else {\r\n                this.tree.cancelSelectedNodes(this.props.value);\r\n            }\r\n        }\r\n        this.props.onChange &&\r\n            this.props.onChange({\r\n                nodes: [],\r\n                keys: [],\r\n                leafKeys: [],\r\n                names: [],\r\n            });\r\n    }\r\n\r\n    clearKey(key) {\r\n        const keyIndex = this.props.value.indexOf(key);\r\n        if (keyIndex != -1) {\r\n            const keyList = [...this.props.value];\r\n            keyList.splice(keyIndex, 1);\r\n            const nodes = keyList.map(key => this.keyNodesMapping[key]);\r\n            if (this.tree) {\r\n                if (this.props.treeCheckable) {\r\n                    this.tree.checkNodes([key], false);\r\n                } else {\r\n                    this.tree.cancelSelectedNodes([key]);\r\n                }\r\n            }\r\n            this.props.onChange &&\r\n                this.props.onChange({\r\n                    nodes,\r\n                    keys: keyList,\r\n                    leafKeys: nodes.filter(item => item.isLeaf).map(item => item.key),\r\n                    names: nodes.map(item => item.name),\r\n                });\r\n        }\r\n    }\r\n\r\n    clearSearch() {\r\n        this.tree && this.tree.clearSearch();\r\n    }\r\n\r\n    render() {\r\n        const t = this;\r\n        // 必填参数\r\n        const { data, value } = t.props;\r\n        // 可配参数\r\n        const {\r\n            prefixCls = 'vtx-ztree-select',\r\n            treeCheckable = false,\r\n            treeDefaultExpandAll = false,\r\n            multiple = false,\r\n            showSearch = true,\r\n            searchPlaceholder,\r\n            dropdownStyle = {},\r\n            style = {},\r\n            disabled = false,\r\n            refreshFlag = null,\r\n            expandedKeys,\r\n            customCfg,\r\n            checkStrictly,\r\n        } = t.props;\r\n        // eslint-disable-next-line camelcase\r\n        const value_arr = (function(val) {\r\n            if (Array.isArray(val)) {\r\n                return val;\r\n            } else if (val) {\r\n                return [val];\r\n            } else {\r\n                return [];\r\n            }\r\n        })(value);\r\n        const selectedNodes = value_arr\r\n            .filter(k => k in t.keyNodesMapping)\r\n            .map(item => ({\r\n                id: item,\r\n                name: t.keyNodesMapping[item].name,\r\n            }));\r\n        // ztree配置\r\n        const treeProps = {\r\n            data, // 树的数据\r\n            showSearch: showSearch,\r\n            searchPlaceholder: searchPlaceholder,\r\n            multiple,\r\n            checkable: treeCheckable,\r\n            [treeCheckable ? 'checkedKeys' : 'selectedKeys']: value_arr,\r\n            defaultExpandAll: treeDefaultExpandAll,\r\n            expandedKeys,\r\n            refreshFlag: refreshFlag || t.treeRefreshFlag,\r\n            customCfg,\r\n            checkStrictly,\r\n            ref(instance) {\r\n                if (instance) t.tree = instance;\r\n            },\r\n            onClick({ selectedNodes, selectedKeys, selectedNames }) {\r\n                // console.log(selectedNodes,selectedKeys,selectedNames)\r\n                if (!treeCheckable) {\r\n                    t.props.onChange &&\r\n                        t.props.onChange({\r\n                            nodes: selectedNodes,\r\n                            keys: selectedKeys,\r\n                            leafKeys: selectedNodes\r\n                                .filter(item => item.isLeaf)\r\n                                .map(item => item.key),\r\n                            names: selectedNames,\r\n                        });\r\n                    if (!multiple) {\r\n                        t.setState({\r\n                            popoverVisible: false,\r\n                        });\r\n                    }\r\n                }\r\n            },\r\n            onCheck({ checkedNodes, checkedKeys, checkedNames }) {\r\n                if (treeCheckable) {\r\n                    t.props.onChange &&\r\n                        t.props.onChange({\r\n                            nodes: checkedNodes,\r\n                            keys: checkedKeys,\r\n                            leafKeys: checkedNodes\r\n                                .filter(item => item.isLeaf)\r\n                                .map(item => item.key),\r\n                            names: checkedNames,\r\n                        });\r\n                }\r\n            },\r\n            beforeCheck(treeNode) {\r\n                return t.props.beforeCheck ? t.props.beforeCheck(treeNode) : true;\r\n            },\r\n        };\r\n\r\n        // 多选组件\r\n        const MultiSelect = (\r\n            <div \r\n                className={classnames(`${prefixCls}-multiple-box`)} \r\n                style={style}\r\n                ref={ref=>{\r\n                    if(!t.state.popWidth && ref?.clientWidth){\r\n                        t.setState({popWidth: ref?.clientWidth})\r\n                    }\r\n                }}\r\n            >\r\n                <div\r\n                    className={classnames('ant-input', `${prefixCls}-multiple`, {\r\n                        [`${prefixCls}-multiple-disabled`]: disabled,\r\n                    })}\r\n                    style={{ height: '32px', ...style }}\r\n                >\r\n                    <div className={classnames(`${prefixCls}-multiple-content`)}>\r\n                    {selectedNodes.length > 0 ? (\r\n                        [\r\n                            selectedNodes.map(item => (\r\n                                <Tag\r\n                                    key={item.id}\r\n                                    closable={!disabled}\r\n                                    onClose={e => {\r\n                                        e.stopPropagation();\r\n                                        t.clearKey(item.id);\r\n                                    }}\r\n                                >\r\n                                    {item.name.length > 20 ? `${item.name.slice(0, 20)}...` : item.name}\r\n                                </Tag>\r\n                            )),\r\n                            disabled ? null : (\r\n                                <CloseCircleFilled\r\n                                    key={'icon'}\r\n                                    className={`${prefixCls}-multiple-close-icon`}\r\n                                    onClick={e => {\r\n                                        e.stopPropagation();\r\n                                        t.clear();\r\n                                    }}\r\n                                />\r\n                            ),\r\n                        ]\r\n                    ) : (\r\n                        <span className={`${prefixCls}-placeholder`}>{t.props.placeholder}</span>\r\n                    )}\r\n                    </div>\r\n                </div>\r\n                <Popover\r\n                    content={\r\n                        <>\r\n                            <div className={classnames('vtx-tree-count-head')}>\r\n                                <span>已选择：{selectedNodes.length}</span>\r\n                                <span \r\n                                    className={classnames((selectedNodes.length>0&&!disabled)?'clear-count':'disabled-count')} \r\n                                    onClick={e=>{\r\n                                        if(!disabled){\r\n                                            e.stopPropagation();\r\n                                            t.clear();\r\n                                        }\r\n                                    }}\r\n                                >清空已选项</span>\r\n                            </div>\r\n                            {\r\n                                selectedNodes.length>0?\r\n                                selectedNodes.map(item => (\r\n                                    <Tag\r\n                                        key={`tab-${item.id}`}\r\n                                        closable={!disabled}\r\n                                        onClose={e => {\r\n                                            e.stopPropagation();\r\n                                            t.clearKey(item.id);\r\n                                        }}\r\n                                        style={{marginBottom: '5px'}}\r\n                                    >\r\n                                        {item.name.length > 20 ? `${item.name.slice(0, 20)}...` : item.name}\r\n                                    </Tag>\r\n                                )):\r\n                                <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />\r\n                            }\r\n                        </>\r\n                    }\r\n                    placement=\"bottomRight\"\r\n                    trigger=\"click\"\r\n                    overlayStyle={{ width: t.state.popWidth }}\r\n                >\r\n                    <Button \r\n                        className=\"vtx-tree-count\" \r\n                        icon={<MoreOutlined />} \r\n                        size='default' \r\n                        onClick={e=>{\r\n                            e.stopPropagation();\r\n                        }}\r\n                    />\r\n                </Popover>\r\n            </div>\r\n        );\r\n\r\n        // 单选组件\r\n        const SingleSelect = (\r\n            <Input\r\n                value={selectedNodes.map(item => item.name).join(', ')}\r\n                style={style}\r\n                readOnly\r\n                disabled={disabled}\r\n                placeholder={t.props.placeholder}\r\n                suffix={\r\n                    disabled || selectedNodes.length == 0 ? (\r\n                        <span />\r\n                    ) : (\r\n                        <CloseCircleFilled\r\n                            className={`${prefixCls}-close-icon`}\r\n                            onClick={t.clear.bind(t)}\r\n                        />\r\n                    )\r\n                }\r\n            />\r\n        );\r\n\r\n        return (\r\n            <div className={prefixCls}>\r\n                {disabled ? (\r\n                    multiple || treeCheckable ? (\r\n                        MultiSelect\r\n                    ) : (\r\n                        SingleSelect\r\n                    )\r\n                ) : (\r\n                    <Popover\r\n                        placement=\"bottomLeft\"\r\n                        content={\r\n                            <div className={`${prefixCls}-popover`} style={dropdownStyle}>\r\n                                <Ztree {...treeProps} />\r\n                            </div>\r\n                        }\r\n                        trigger=\"click\"\r\n                        onVisibleChange={v => {\r\n                            t.setState({ popoverVisible: v });\r\n                        }}\r\n                        visible={t.state.popoverVisible}\r\n                    >\r\n                        {multiple || treeCheckable ? MultiSelect : SingleSelect}\r\n                    </Popover>\r\n                )}\r\n            </div>\r\n        );\r\n    }\r\n}\r\n\r\nVtxZtreeSelect.propTypes = {\r\n    data: PropTypes.array,\r\n    expandedKeys: PropTypes.arrayOf(PropTypes.string),\r\n    treeCheckable: PropTypes.bool,\r\n    value: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),\r\n    onChange: PropTypes.func,\r\n};\r\n"],"mappings":"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"}

package/lib/vtx-ztree-select/style/css.js.map

@@ -1 +1 @@
-{"version":3,"file":"css.js","names":[],"sources":["vtx-ztree-select/style/index.js"],"sourcesContent":["import 'antd/lib/popover/style';\nimport 'antd/lib/input/style';\nimport 'antd/lib/tag/style';\nimport './index.less';\n"],"mappings":";;AAAA;;AACA;;AACA;;AACA"}
+{"version":3,"file":"css.js","names":[],"sources":["vtx-ztree-select/style/index.js"],"sourcesContent":["import 'antd/lib/popover/style';\r\nimport 'antd/lib/input/style';\r\nimport 'antd/lib/tag/style';\r\nimport './index.less';\r\n"],"mappings":";;AAAA;;AACA;;AACA;;AACA"}

package/lib/vtx-ztree-select/style/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["vtx-ztree-select/style/index.js"],"sourcesContent":["import 'antd/lib/popover/style';\nimport 'antd/lib/input/style';\nimport 'antd/lib/tag/style';\nimport './index.less';\n"],"mappings":";;AAAA;;AACA;;AACA;;AACA"}
+{"version":3,"file":"index.js","names":[],"sources":["vtx-ztree-select/style/index.js"],"sourcesContent":["import 'antd/lib/popover/style';\r\nimport 'antd/lib/input/style';\r\nimport 'antd/lib/tag/style';\r\nimport './index.less';\r\n"],"mappings":";;AAAA;;AACA;;AACA;;AACA"}

package/lib/vtx-ztree-select/style/index.less

@@ -1,100 +1,100 @@
-@import (reference) '~antd/lib/style/themes/index.less';
-@prefix-cls: vtx-ztree-select;
-
-.@{prefix-cls} {
-    position: relative;
-    display: inline-block;
-    width: 100%;
-    &-close-icon {
-        display: none;
-        color: @disabled-color;
-        cursor: pointer;
-        &:hover {
-            color: @text-color-secondary;
-        }
-    }
-    &:hover {
-        .vtx-ztree-select-close-icon {
-            display: block;
-        }
-    }
-    input {
-        overflow: hidden;
-        text-overflow: ellipsis;
-    }
-    &-multiple-box {
-        display: flex;
-        width: fit-content;
-        .vtx-tree-count {
-            border-left: none;
-        }
-    }
-    &-multiple {
-        position: relative;
-        flex: 1;
-        padding-right: 18px;
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-        &-close-icon {
-            position: absolute;
-            top: 8px;
-            right: 5px;
-            display: none;
-            color: @disabled-color;
-            cursor: pointer;
-            &:hover {
-                color: @text-color-secondary;
-            }
-        }
-        &:hover {
-            .vtx-ztree-select-multiple-close-icon {
-                display: block;
-            }
-        }
-    }
-    &-multiple-disabled {
-        color: @disabled-color;
-        background-color: @input-disabled-bg;
-        cursor: not-allowed;
-        opacity: 1;
-        &:hover {
-            border-color: #d9d9d9;
-        }
-    }
-}
-
-.vtx-ztree-select-popover {
-    min-width: 200px;
-    height: 300px;
-    overflow: auto;
-    &::-webkit-scrollbar {
-        width: 8px;
-        height: 8px;
-        background-color: hsla(0, 0%, 76%, 0.07);
-    }
-    &::-webkit-scrollbar-thumb {
-        background-color: rgba(193, 193, 193, 0.6);
-        border-radius: 3px;
-        box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3);
-    }
-}
-
-.vtx-ztree-select-placeholder {
-    color: @input-placeholder-color;
-}
-.vtx-tree-count-head {
-    display: flex;
-    justify-content: space-between;
-    margin-bottom: 5px;
-    .disabled-count {
-        color: #aaa;
-        cursor: not-allowed;
-    }
-    .clear-count {
-        cursor: pointer;
-        &:hover {
-            color: #40a9ff;
-        }
-    }
+@import (reference) '~antd/lib/style/themes/index.less';
+@prefix-cls: vtx-ztree-select;
+
+.@{prefix-cls} {
+    position: relative;
+    display: inline-block;
+    width: 100%;
+    &-close-icon {
+        display: none;
+        color: @disabled-color;
+        cursor: pointer;
+        &:hover {
+            color: @text-color-secondary;
+        }
+    }
+    &:hover {
+        .vtx-ztree-select-close-icon {
+            display: block;
+        }
+    }
+    input {
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+    &-multiple-box {
+        display: flex;
+        width: fit-content;
+        .vtx-tree-count {
+            border-left: none;
+        }
+    }
+    &-multiple {
+        position: relative;
+        flex: 1;
+        padding-right: 18px;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        &-close-icon {
+            position: absolute;
+            top: 8px;
+            right: 5px;
+            display: none;
+            color: @disabled-color;
+            cursor: pointer;
+            &:hover {
+                color: @text-color-secondary;
+            }
+        }
+        &:hover {
+            .vtx-ztree-select-multiple-close-icon {
+                display: block;
+            }
+        }
+    }
+    &-multiple-disabled {
+        color: @disabled-color;
+        background-color: @input-disabled-bg;
+        cursor: not-allowed;
+        opacity: 1;
+        &:hover {
+            border-color: #d9d9d9;
+        }
+    }
+}
+
+.vtx-ztree-select-popover {
+    min-width: 200px;
+    height: 300px;
+    overflow: auto;
+    &::-webkit-scrollbar {
+        width: 8px;
+        height: 8px;
+        background-color: hsla(0, 0%, 76%, 0.07);
+    }
+    &::-webkit-scrollbar-thumb {
+        background-color: rgba(193, 193, 193, 0.6);
+        border-radius: 3px;
+        box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3);
+    }
+}
+
+.vtx-ztree-select-placeholder {
+    color: @input-placeholder-color;
+}
+.vtx-tree-count-head {
+    display: flex;
+    justify-content: space-between;
+    margin-bottom: 5px;
+    .disabled-count {
+        color: #aaa;
+        cursor: not-allowed;
+    }
+    .clear-count {
+        cursor: pointer;
+        &:hover {
+            color: #40a9ff;
+        }
+    }
 }

package/package.json

@@ -1,126 +1,126 @@
-{
-  "name": "@vtx/components",
-  "version": "3.1.45",
-  "description": "React components for Vortex",
-  "keywords": [
-    "react",
-    "react-component"
-  ],
-  "files": [
-    "lib"
-  ],
-  "main": "lib/index.js",
-  "scripts": {
-    "start": "dumi dev",
-    "build": "dumi build",
-    "compile": "gulp compile",
-    "lint": "npm run lint:script && npm run lint:style",
-    "lint:script": "eslint components --ext .js,.jsx",
-    "lint:style": "stylelint components/**/*.less --syntax less",
-    "fix": "eslint --fix --ext .js,.jsx components && npm run style:fix",
-    "style:fix": "stylelint components/**/*.less --syntax less --fix",
-    "prettier": "prettier -c --write **/*",
-    "pretty-quick": "pretty-quick",
-    "pub": "npm publish --access=public",
-    "bump": "gulp bump --prerelease",
-    "release": "release-it --no-npm.publish",
-    "version": "npm run changelog && git add CHANGELOG.md",
-    "changelog": "conventional-changelog -p custom-config -i CHANGELOG.md -s -r 0"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://git.cloudhw.cn:3443/front-end/react-components.git"
-  },
-  "license": "ISC",
-  "bugs": {
-    "url": "https://git.cloudhw.cn:3443/front-end/react-components/-/issues"
-  },
-  "homepage": "https://git.cloudhw.cn:3443/front-end/react-components.git",
-  "husky": {
-    "hooks": {
-      "pre-commit": "npm run lint",
-      "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
-    }
-  },
-  "release-it": {
-    "git": {
-      "commitMessage": "chore: release v${version}"
-    }
-  },
-  "changelog": {
-    "emojis": true,
-    "authorName": true
-  },
-  "dependencies": {
-    "@ant-design/icons": "4.7.0",
-    "@vtx/map": "1.1.20",
-    "@vtx/utils": "latest",
-    "@wangeditor/editor": "^5.1.21",
-    "@wangeditor/editor-for-react": "^1.0.5",
-    "@wangeditor/plugin-upload-attachment": "^1.1.0",
-    "ahooks": "^3.1.5",
-    "antd": "4.20.5",
-    "axios": "^0.21.1",
-    "braft-editor": "^2.3.9",
-    "braft-utils": "^3.0.12",
-    "classnames": "^2.2.6",
-    "lodash.clonedeep": "^4.5.0",
-    "lodash.debounce": "^4.0.8",
-    "lodash.difference": "^4.5.0",
-    "lodash.isequal": "^4.5.0",
-    "lodash.merge": "^4.6.2",
-    "moment": "^2.29.1",
-    "rc-color-picker": "^1.2.6",
-    "react-resizable": "^1.11.1",
-    "signature_pad": "3.0.0-beta.4",
-    "viewerjs": "1.3.3",
-    "xgplayer": "2.18.3"
-  },
-  "peerDependencies": {
-    "react": ">=16.12.0",
-    "react-dom": ">=16.12.0"
-  },
-  "devDependencies": {
-    "@babel/cli": "^7.6.4",
-    "@babel/core": "^7.6.4",
-    "@babel/plugin-proposal-class-properties": "^7.5.5",
-    "@babel/plugin-transform-runtime": "^7.6.2",
-    "@babel/preset-env": "^7.6.3",
-    "@babel/preset-react": "^7.6.3",
-    "@babel/runtime": "^7.6.3",
-    "@commitlint/cli": "^8.3.4",
-    "@commitlint/config-conventional": "^8.3.4",
-    "@umijs/plugin-locale": "^0.10.8",
-    "babel-eslint": "^10.1.0",
-    "babel-plugin-import": "^1.13.3",
-    "conventional-changelog-cli": "^2.1.1",
-    "conventional-changelog-custom-config": "^0.3.1",
-    "dumi": "^1.0.10",
-    "eslint": "^6.6.0",
-    "eslint-plugin-react": "^7.21.5",
-    "eslint-plugin-react-hooks": "^4.2.0",
-    "gulp": "^4.0.2",
-    "gulp-babel": "^8.0.0",
-    "gulp-bump": "^3.1.3",
-    "gulp-clean": "^0.4.0",
-    "gulp-less": "5.0.0",
-    "gulp-sourcemaps": "^2.6.5",
-    "husky": "^4.0.7",
-    "jquery": "^3.6.0",
-    "less": "^3.10.3",
-    "less-plugin-autoprefix": "^2.0.0",
-    "less-plugin-npm-import": "^2.1.0",
-    "merge2": "^1.3.0",
-    "prettier": "^1.18.2",
-    "pretty-quick": "^2.0.0",
-    "release-it": "^14.6.1",
-    "rimraf": "^3.0.0",
-    "stylelint": "11.0.0",
-    "stylelint-config-prettier": "^6.0.0",
-    "stylelint-config-rational-order": "^0.1.2",
-    "stylelint-config-standard": "^19.0.0",
-    "stylelint-declaration-block-no-ignored-properties": "^2.1.0",
-    "stylelint-order": "^3.0.0",
-    "through2": "^3.0.1"
-  }
-}
+{
+  "name": "@vtx/components",
+  "version": "3.1.47",
+  "description": "React components for Vortex",
+  "keywords": [
+    "react",
+    "react-component"
+  ],
+  "files": [
+    "lib"
+  ],
+  "main": "lib/index.js",
+  "scripts": {
+    "start": "dumi dev",
+    "build": "dumi build",
+    "compile": "gulp compile",
+    "lint": "npm run lint:script && npm run lint:style",
+    "lint:script": "eslint components --ext .js,.jsx",
+    "lint:style": "stylelint components/**/*.less --syntax less",
+    "fix": "eslint --fix --ext .js,.jsx components && npm run style:fix",
+    "style:fix": "stylelint components/**/*.less --syntax less --fix",
+    "prettier": "prettier -c --write **/*",
+    "pretty-quick": "pretty-quick",
+    "pub": "npm publish --access=public",
+    "bump": "gulp bump --prerelease",
+    "release": "release-it --no-npm.publish",
+    "version": "npm run changelog && git add CHANGELOG.md",
+    "changelog": "conventional-changelog -p custom-config -i CHANGELOG.md -s -r 0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://git.cloudhw.cn:3443/front-end/react-components.git"
+  },
+  "license": "ISC",
+  "bugs": {
+    "url": "https://git.cloudhw.cn:3443/front-end/react-components/-/issues"
+  },
+  "homepage": "https://git.cloudhw.cn:3443/front-end/react-components.git",
+  "husky": {
+    "hooks": {
+      "pre-commit": "npm run lint",
+      "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
+    }
+  },
+  "release-it": {
+    "git": {
+      "commitMessage": "chore: release v${version}"
+    }
+  },
+  "changelog": {
+    "emojis": true,
+    "authorName": true
+  },
+  "dependencies": {
+    "@ant-design/icons": "4.7.0",
+    "@vtx/map": "^1.1.35",
+    "@vtx/utils": "latest",
+    "@wangeditor/editor": "^5.1.21",
+    "@wangeditor/editor-for-react": "^1.0.5",
+    "@wangeditor/plugin-upload-attachment": "^1.1.0",
+    "ahooks": "^3.1.5",
+    "antd": "4.20.5",
+    "axios": "^0.21.1",
+    "braft-editor": "^2.3.9",
+    "braft-utils": "^3.0.12",
+    "classnames": "^2.2.6",
+    "lodash.clonedeep": "^4.5.0",
+    "lodash.debounce": "^4.0.8",
+    "lodash.difference": "^4.5.0",
+    "lodash.isequal": "^4.5.0",
+    "lodash.merge": "^4.6.2",
+    "moment": "^2.29.1",
+    "rc-color-picker": "^1.2.6",
+    "react-resizable": "^1.11.1",
+    "signature_pad": "3.0.0-beta.4",
+    "viewerjs": "1.3.3",
+    "xgplayer": "2.18.3"
+  },
+  "peerDependencies": {
+    "react": ">=16.12.0",
+    "react-dom": ">=16.12.0"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.6.4",
+    "@babel/core": "^7.6.4",
+    "@babel/plugin-proposal-class-properties": "^7.5.5",
+    "@babel/plugin-transform-runtime": "^7.6.2",
+    "@babel/preset-env": "^7.6.3",
+    "@babel/preset-react": "^7.6.3",
+    "@babel/runtime": "^7.6.3",
+    "@commitlint/cli": "^8.3.4",
+    "@commitlint/config-conventional": "^8.3.4",
+    "@umijs/plugin-locale": "^0.10.8",
+    "babel-eslint": "^10.1.0",
+    "babel-plugin-import": "^1.13.3",
+    "conventional-changelog-cli": "^2.1.1",
+    "conventional-changelog-custom-config": "^0.3.1",
+    "dumi": "^1.0.10",
+    "eslint": "^6.6.0",
+    "eslint-plugin-react": "^7.21.5",
+    "eslint-plugin-react-hooks": "^4.2.0",
+    "gulp": "^4.0.2",
+    "gulp-babel": "^8.0.0",
+    "gulp-bump": "^3.1.3",
+    "gulp-clean": "^0.4.0",
+    "gulp-less": "5.0.0",
+    "gulp-sourcemaps": "^2.6.5",
+    "husky": "^4.0.7",
+    "jquery": "^3.6.0",
+    "less": "^3.10.3",
+    "less-plugin-autoprefix": "^2.0.0",
+    "less-plugin-npm-import": "^2.1.0",
+    "merge2": "^1.3.0",
+    "prettier": "^1.18.2",
+    "pretty-quick": "^2.0.0",
+    "release-it": "^14.6.1",
+    "rimraf": "^3.0.0",
+    "stylelint": "11.0.0",
+    "stylelint-config-prettier": "^6.0.0",
+    "stylelint-config-rational-order": "^0.1.2",
+    "stylelint-config-standard": "^19.0.0",
+    "stylelint-declaration-block-no-ignored-properties": "^2.1.0",
+    "stylelint-order": "^3.0.0",
+    "through2": "^3.0.1"
+  }
+}