@vtx/components 2.4.2 → 2.5.3

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

@@ -1 +1 @@
-{"version":3,"sources":["vtx-ztree-select/index.jsx"],"names":["VtxZtreeSelect","props","tree","treeRefreshFlag","state","popoverVisible","keyNodesMapping","getKeyNodesMapping","nextProps","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","height","minHeight","e","stopPropagation","clearKey","slice","clear","cursor","placeholder","SingleSelect","join","bind","color","v","React","Component","propTypes","PropTypes","array","arrayOf","string","bool","oneOfType","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport Popover from 'antd/lib/popover';\nimport Input from 'antd/lib/input';\nimport Tag from 'antd/lib/tag';\nimport Icon from 'antd/lib/icon';\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    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            let keyList = [...this.props.value];\n            keyList.splice(keyIndex, 1);\n            let 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        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                            <Icon\n                                key={'icon'}\n                                className=\"close-icon\"\n                                type=\"close-circle\"\n                                onClick={e => {\n                                    e.stopPropagation();\n                                    t.clear();\n                                }}\n                                style={{ cursor: 'pointer' }}\n                            />\n                        ),\n                    ]\n                ) : (\n                    <span className={`${prefixCls}-placehoder`}>{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 ? null : (\n                        <Icon\n                            type=\"close-circle\"\n                            onClick={t.clear.bind(t)}\n                            style={{ cursor: 'pointer', color: 'rgba(0,0,0,.25)' }}\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"],"file":"index.js"}
+{"version":3,"sources":["vtx-ztree-select/index.jsx"],"names":["VtxZtreeSelect","props","tree","treeRefreshFlag","state","popoverVisible","keyNodesMapping","getKeyNodesMapping","nextProps","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","height","minHeight","e","stopPropagation","clearKey","slice","clear","placeholder","SingleSelect","join","bind","v","React","Component","propTypes","PropTypes","array","arrayOf","string","bool","oneOfType","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport Popover from 'antd/lib/popover';\nimport Input from 'antd/lib/input';\nimport Tag from 'antd/lib/tag';\nimport Icon from 'antd/lib/icon';\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    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            let keyList = [...this.props.value];\n            keyList.splice(keyIndex, 1);\n            let 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        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                            <Icon\n                                key={'icon'}\n                                className={`${prefixCls}-multiple-close-icon`}\n                                type=\"close-circle\"\n                                theme=\"filled\"\n                                onClick={e => {\n                                    e.stopPropagation();\n                                    t.clear();\n                                }}\n                            />\n                        ),\n                    ]\n                ) : (\n                    <span className={`${prefixCls}-placehoder`}>{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 ? null : (\n                        <Icon\n                            type=\"close-circle\"\n                            onClick={t.clear.bind(t)}\n                            className={`${prefixCls}-close-icon`}\n                            theme=\"filled\"\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"],"file":"index.js"}

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

@@ -3,6 +3,17 @@
   display: inline-block;
   width: 100%;
 }
+.vtx-ztree-select-close-icon {
+  display: none;
+  color: rgba(0, 0, 0, 0.25);
+  cursor: pointer;
+}
+.vtx-ztree-select-close-icon:hover {
+  color: rgba(0, 0, 0, 0.45);
+}
+.vtx-ztree-select:hover .vtx-ztree-select-close-icon {
+  display: block;
+}
 .vtx-ztree-select input {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -11,11 +22,19 @@
   position: relative;
   padding-right: 18px;
 }
-.vtx-ztree-select-multiple .close-icon {
+.vtx-ztree-select-multiple-close-icon {
   position: absolute;
   top: 8px;
   right: 5px;
+  display: none;
   color: rgba(0, 0, 0, 0.25);
+  cursor: pointer;
+}
+.vtx-ztree-select-multiple-close-icon:hover {
+  color: rgba(0, 0, 0, 0.45);
+}
+.vtx-ztree-select-multiple:hover .vtx-ztree-select-multiple-close-icon {
+  display: block;
 }
 .vtx-ztree-select-multiple-disabled {
   color: rgba(0, 0, 0, 0.25);

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

@@ -1,9 +1,25 @@
 @prefix-cls: vtx-ztree-select;
 
+@icon-color: rgba(0, 0, 0, 0.25);
+@icon-hover-color: rgba(0, 0, 0, 0.45);
+
 .@{prefix-cls} {
     position: relative;
     display: inline-block;
     width: 100%;
+    &-close-icon {
+        display: none;
+        color: @icon-color;
+        cursor: pointer;
+        &:hover {
+            color: @icon-hover-color;
+        }
+    }
+    &:hover {
+        .vtx-ztree-select-close-icon {
+            display: block;
+        }
+    }
     input {
         overflow: hidden;
         text-overflow: ellipsis;
@@ -11,11 +27,21 @@
     &-multiple {
         position: relative;
         padding-right: 18px;
-        .close-icon {
+        &-close-icon {
             position: absolute;
             top: 8px;
             right: 5px;
-            color: rgba(0, 0, 0, 0.25);
+            display: none;
+            color: @icon-color;
+            cursor: pointer;
+            &:hover {
+                color: @icon-hover-color;
+            }
+        }
+        &:hover {
+            .vtx-ztree-select-multiple-close-icon {
+                display: block;
+            }
         }
     }
     &-multiple-disabled {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vtx/components",
-  "version": "2.4.2",
+  "version": "2.5.3",
   "description": "React components for Vortex",
   "keywords": [
     "react",
@@ -98,12 +98,13 @@
     "gulp-babel": "^8.0.0",
     "gulp-bump": "^3.1.3",
     "gulp-clean": "^0.4.0",
-    "gulp-less": "^4.0.1",
+    "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",