@vtx/components 3.1.21 → 3.1.23

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["VtxZtreeSelect","props","tree","treeRefreshFlag","state","popoverVisible","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","height","minHeight","e","stopPropagation","clearKey","slice","clear","placeholder","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\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        };\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('ant-input', `${prefixCls}-multiple`, {\r\n                    [`${prefixCls}-multiple-disabled`]: disabled,\r\n                })}\r\n                style={{ height: 'auto', minHeight: '28px', ...style }}\r\n            >\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        );\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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"}
+{"version":3,"file":"index.js","names":["VtxZtreeSelect","props","tree","treeRefreshFlag","state","popoverVisible","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","height","minHeight","e","stopPropagation","clearKey","slice","clear","placeholder","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';\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        };\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('ant-input', `${prefixCls}-multiple`, {\n                    [`${prefixCls}-multiple-disabled`]: disabled,\n                })}\n                style={{ height: 'auto', minHeight: '28px', ...style }}\n            >\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        );\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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"}

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';\r\nimport 'antd/lib/input/style';\r\nimport 'antd/lib/tag/style';\r\nimport './index.less';\r\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';\nimport 'antd/lib/input/style';\nimport 'antd/lib/tag/style';\nimport './index.less';\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';\r\nimport 'antd/lib/input/style';\r\nimport 'antd/lib/tag/style';\r\nimport './index.less';\r\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';\nimport 'antd/lib/input/style';\nimport 'antd/lib/tag/style';\nimport './index.less';\n"],"mappings":";;AAAA;;AACA;;AACA;;AACA"}

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

@@ -1,74 +1,74 @@
-@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 {
-        position: relative;
-        padding-right: 18px;
-        &-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;
-}
+@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 {
+        position: relative;
+        padding-right: 18px;
+        &-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;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vtx/components",
-  "version": "3.1.21",
+  "version": "3.1.23",
   "description": "React components for Vortex",
   "keywords": [
     "react",