@vtx/components 3.1.37 → 3.1.38

package/lib/vtx-import2/Content.js

@@ -104,7 +104,8 @@ Content.propTypes = {
   fileKey: _propTypes["default"].string,
   templateURL: _propTypes["default"].string,
   fileList: _propTypes["default"].any,
-  setFileList: _propTypes["default"].func
+  setFileList: _propTypes["default"].func,
+  customText: _propTypes["default"].string
 };
 var _default = Content;
 exports["default"] = _default;

package/lib/vtx-import2/Content.js.map

@@ -1 +1 @@
-{"version":3,"file":"Content.js","names":["Content","accept","fileKey","setFileList","fileList","templateURL","customText","fileInputRef","useRef","onClick","current","click","onFileChange","files","onDeleteFileList","length","map","file","name","color","cursor","display","fileName","propTypes","PropTypes","string","any","func"],"sources":["vtx-import2/Content.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useRef } from 'react';\nimport CloseCircleFilled from '@ant-design/icons/CloseCircleFilled';\nimport UploadSvg from './UploadSvg';\nimport DownloadSvg from './DownloadSvg';\nconst Content = ({ accept, fileKey, setFileList, fileList, templateURL, customText }) => {\n    const fileInputRef = useRef();\n    const onClick = () => {\n        fileInputRef.current && fileInputRef.current.click();\n    };\n\n    const onFileChange = () => {\n        setFileList(fileInputRef.current.files);\n    };\n\n    const onDeleteFileList = () => {\n        setFileList([]);\n    };\n\n    return (\n        <div>\n            <div className=\"vtx-import2-content-box\">\n                <span className=\"vtx-import2-content-mark\">1</span>\n                <DownloadSvg />\n                <a className=\"vtx-import2-download\" href={templateURL}>\n                    没有模板？点击此处下载\n                </a>\n            </div>\n            <div className=\"vtx-import2-content-box\">\n                <span className=\"vtx-import2-content-mark\">2</span>\n                <UploadSvg />\n                <div className=\"vtx-import2-file-list\">\n                    <a onClick={onClick} className=\"vtx-import2-text\">\n                        {fileList.length === 0 ? (customText||'点击选择文件(支持excel格式)') : '重新选择文件'}\n                    </a>\n                    {[...fileList].map(file => (\n                        <div key={file.name} className=\"vtx-import2-file-item\">\n                            <span className=\"vtx-import2-file-name\">{file.name}</span>\n                            <CloseCircleFilled\n                                fill=\"#c0c0c0\"\n                                onClick={onDeleteFileList}\n                                style={{ color: '#c0c0c0', cursor: 'pointer' }}\n                            />\n                        </div>\n                    ))}\n                </div>\n                <input\n                    type=\"file\"\n                    name={fileKey}\n                    accept={accept}\n                    ref={fileInputRef}\n                    style={{ display: 'none' }}\n                    onChange={onFileChange}\n                    value={fileList.length === 0 ? '' : fileList[0].fileName}\n                />\n            </div>\n        </div>\n    );\n};\n\nContent.propTypes = {\n    accept: PropTypes.string,\n    fileKey: PropTypes.string,\n    templateURL: PropTypes.string,\n    fileList: PropTypes.any,\n    setFileList: PropTypes.func,\n};\n\nexport default Content;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;AACA,IAAMA,OAAO,GAAG,SAAVA,OAAU,OAAyE;EAAA,IAAtEC,MAAsE,QAAtEA,MAAsE;EAAA,IAA9DC,OAA8D,QAA9DA,OAA8D;EAAA,IAArDC,WAAqD,QAArDA,WAAqD;EAAA,IAAxCC,QAAwC,QAAxCA,QAAwC;EAAA,IAA9BC,WAA8B,QAA9BA,WAA8B;EAAA,IAAjBC,UAAiB,QAAjBA,UAAiB;EACrF,IAAMC,YAAY,GAAG,IAAAC,aAAA,GAArB;;EACA,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;IAClBF,YAAY,CAACG,OAAb,IAAwBH,YAAY,CAACG,OAAb,CAAqBC,KAArB,EAAxB;EACH,CAFD;;EAIA,IAAMC,YAAY,GAAG,SAAfA,YAAe,GAAM;IACvBT,WAAW,CAACI,YAAY,CAACG,OAAb,CAAqBG,KAAtB,CAAX;EACH,CAFD;;EAIA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,GAAM;IAC3BX,WAAW,CAAC,EAAD,CAAX;EACH,CAFD;;EAIA,oBACI,0DACI;IAAK,SAAS,EAAC;EAAf,gBACI;IAAM,SAAS,EAAC;EAAhB,OADJ,eAEI,gCAAC,uBAAD,OAFJ,eAGI;IAAG,SAAS,EAAC,sBAAb;IAAoC,IAAI,EAAEE;EAA1C,wEAHJ,CADJ,eAQI;IAAK,SAAS,EAAC;EAAf,gBACI;IAAM,SAAS,EAAC;EAAhB,OADJ,eAEI,gCAAC,qBAAD,OAFJ,eAGI;IAAK,SAAS,EAAC;EAAf,gBACI;IAAG,OAAO,EAAEI,OAAZ;IAAqB,SAAS,EAAC;EAA/B,GACKL,QAAQ,CAACW,MAAT,KAAoB,CAApB,GAAyBT,UAAU,IAAE,mBAArC,GAA4D,QADjE,CADJ,EAIK,mBAAIF,QAAJ,EAAcY,GAAd,CAAkB,UAAAC,IAAI;IAAA,oBACnB;MAAK,GAAG,EAAEA,IAAI,CAACC,IAAf;MAAqB,SAAS,EAAC;IAA/B,gBACI;MAAM,SAAS,EAAC;IAAhB,GAAyCD,IAAI,CAACC,IAA9C,CADJ,eAEI,gCAAC,6BAAD;MACI,IAAI,EAAC,SADT;MAEI,OAAO,EAAEJ,gBAFb;MAGI,KAAK,EAAE;QAAEK,KAAK,EAAE,SAAT;QAAoBC,MAAM,EAAE;MAA5B;IAHX,EAFJ,CADmB;EAAA,CAAtB,CAJL,CAHJ,eAkBI;IACI,IAAI,EAAC,MADT;IAEI,IAAI,EAAElB,OAFV;IAGI,MAAM,EAAED,MAHZ;IAII,GAAG,EAAEM,YAJT;IAKI,KAAK,EAAE;MAAEc,OAAO,EAAE;IAAX,CALX;IAMI,QAAQ,EAAET,YANd;IAOI,KAAK,EAAER,QAAQ,CAACW,MAAT,KAAoB,CAApB,GAAwB,EAAxB,GAA6BX,QAAQ,CAAC,CAAD,CAAR,CAAYkB;EAPpD,EAlBJ,CARJ,CADJ;AAuCH,CArDD;;AAuDAtB,OAAO,CAACuB,SAAR,GAAoB;EAChBtB,MAAM,EAAEuB,qBAAA,CAAUC,MADF;EAEhBvB,OAAO,EAAEsB,qBAAA,CAAUC,MAFH;EAGhBpB,WAAW,EAAEmB,qBAAA,CAAUC,MAHP;EAIhBrB,QAAQ,EAAEoB,qBAAA,CAAUE,GAJJ;EAKhBvB,WAAW,EAAEqB,qBAAA,CAAUG;AALP,CAApB;eAQe3B,O"}
+{"version":3,"file":"Content.js","names":["Content","accept","fileKey","setFileList","fileList","templateURL","customText","fileInputRef","useRef","onClick","current","click","onFileChange","files","onDeleteFileList","length","map","file","name","color","cursor","display","fileName","propTypes","PropTypes","string","any","func"],"sources":["vtx-import2/Content.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useRef } from 'react';\nimport CloseCircleFilled from '@ant-design/icons/CloseCircleFilled';\nimport UploadSvg from './UploadSvg';\nimport DownloadSvg from './DownloadSvg';\nconst Content = ({ accept, fileKey, setFileList, fileList, templateURL, customText }) => {\n    const fileInputRef = useRef();\n    const onClick = () => {\n        fileInputRef.current && fileInputRef.current.click();\n    };\n\n    const onFileChange = () => {\n        setFileList(fileInputRef.current.files);\n    };\n\n    const onDeleteFileList = () => {\n        setFileList([]);\n    };\n\n    return (\n        <div>\n            <div className=\"vtx-import2-content-box\">\n                <span className=\"vtx-import2-content-mark\">1</span>\n                <DownloadSvg />\n                <a className=\"vtx-import2-download\" href={templateURL}>\n                    没有模板？点击此处下载\n                </a>\n            </div>\n            <div className=\"vtx-import2-content-box\">\n                <span className=\"vtx-import2-content-mark\">2</span>\n                <UploadSvg />\n                <div className=\"vtx-import2-file-list\">\n                    <a onClick={onClick} className=\"vtx-import2-text\">\n                        {fileList.length === 0 ? (customText||'点击选择文件(支持excel格式)') : '重新选择文件'}\n                    </a>\n                    {[...fileList].map(file => (\n                        <div key={file.name} className=\"vtx-import2-file-item\">\n                            <span className=\"vtx-import2-file-name\">{file.name}</span>\n                            <CloseCircleFilled\n                                fill=\"#c0c0c0\"\n                                onClick={onDeleteFileList}\n                                style={{ color: '#c0c0c0', cursor: 'pointer' }}\n                            />\n                        </div>\n                    ))}\n                </div>\n                <input\n                    type=\"file\"\n                    name={fileKey}\n                    accept={accept}\n                    ref={fileInputRef}\n                    style={{ display: 'none' }}\n                    onChange={onFileChange}\n                    value={fileList.length === 0 ? '' : fileList[0].fileName}\n                />\n            </div>\n        </div>\n    );\n};\n\nContent.propTypes = {\n    accept: PropTypes.string,\n    fileKey: PropTypes.string,\n    templateURL: PropTypes.string,\n    fileList: PropTypes.any,\n    setFileList: PropTypes.func,\n    customText: PropTypes.string,\n};\n\nexport default Content;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;AACA,IAAMA,OAAO,GAAG,SAAVA,OAAU,OAAyE;EAAA,IAAtEC,MAAsE,QAAtEA,MAAsE;EAAA,IAA9DC,OAA8D,QAA9DA,OAA8D;EAAA,IAArDC,WAAqD,QAArDA,WAAqD;EAAA,IAAxCC,QAAwC,QAAxCA,QAAwC;EAAA,IAA9BC,WAA8B,QAA9BA,WAA8B;EAAA,IAAjBC,UAAiB,QAAjBA,UAAiB;EACrF,IAAMC,YAAY,GAAG,IAAAC,aAAA,GAArB;;EACA,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;IAClBF,YAAY,CAACG,OAAb,IAAwBH,YAAY,CAACG,OAAb,CAAqBC,KAArB,EAAxB;EACH,CAFD;;EAIA,IAAMC,YAAY,GAAG,SAAfA,YAAe,GAAM;IACvBT,WAAW,CAACI,YAAY,CAACG,OAAb,CAAqBG,KAAtB,CAAX;EACH,CAFD;;EAIA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,GAAM;IAC3BX,WAAW,CAAC,EAAD,CAAX;EACH,CAFD;;EAIA,oBACI,0DACI;IAAK,SAAS,EAAC;EAAf,gBACI;IAAM,SAAS,EAAC;EAAhB,OADJ,eAEI,gCAAC,uBAAD,OAFJ,eAGI;IAAG,SAAS,EAAC,sBAAb;IAAoC,IAAI,EAAEE;EAA1C,wEAHJ,CADJ,eAQI;IAAK,SAAS,EAAC;EAAf,gBACI;IAAM,SAAS,EAAC;EAAhB,OADJ,eAEI,gCAAC,qBAAD,OAFJ,eAGI;IAAK,SAAS,EAAC;EAAf,gBACI;IAAG,OAAO,EAAEI,OAAZ;IAAqB,SAAS,EAAC;EAA/B,GACKL,QAAQ,CAACW,MAAT,KAAoB,CAApB,GAAyBT,UAAU,IAAE,mBAArC,GAA4D,QADjE,CADJ,EAIK,mBAAIF,QAAJ,EAAcY,GAAd,CAAkB,UAAAC,IAAI;IAAA,oBACnB;MAAK,GAAG,EAAEA,IAAI,CAACC,IAAf;MAAqB,SAAS,EAAC;IAA/B,gBACI;MAAM,SAAS,EAAC;IAAhB,GAAyCD,IAAI,CAACC,IAA9C,CADJ,eAEI,gCAAC,6BAAD;MACI,IAAI,EAAC,SADT;MAEI,OAAO,EAAEJ,gBAFb;MAGI,KAAK,EAAE;QAAEK,KAAK,EAAE,SAAT;QAAoBC,MAAM,EAAE;MAA5B;IAHX,EAFJ,CADmB;EAAA,CAAtB,CAJL,CAHJ,eAkBI;IACI,IAAI,EAAC,MADT;IAEI,IAAI,EAAElB,OAFV;IAGI,MAAM,EAAED,MAHZ;IAII,GAAG,EAAEM,YAJT;IAKI,KAAK,EAAE;MAAEc,OAAO,EAAE;IAAX,CALX;IAMI,QAAQ,EAAET,YANd;IAOI,KAAK,EAAER,QAAQ,CAACW,MAAT,KAAoB,CAApB,GAAwB,EAAxB,GAA6BX,QAAQ,CAAC,CAAD,CAAR,CAAYkB;EAPpD,EAlBJ,CARJ,CADJ;AAuCH,CArDD;;AAuDAtB,OAAO,CAACuB,SAAR,GAAoB;EAChBtB,MAAM,EAAEuB,qBAAA,CAAUC,MADF;EAEhBvB,OAAO,EAAEsB,qBAAA,CAAUC,MAFH;EAGhBpB,WAAW,EAAEmB,qBAAA,CAAUC,MAHP;EAIhBrB,QAAQ,EAAEoB,qBAAA,CAAUE,GAJJ;EAKhBvB,WAAW,EAAEqB,qBAAA,CAAUG,IALP;EAMhBrB,UAAU,EAAEkB,qBAAA,CAAUC;AANN,CAApB;eASezB,O"}

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

@@ -25,6 +25,12 @@ var _classnames2 = _interopRequireDefault(require("classnames"));
 
 var _vtxZtree = _interopRequireDefault(require("../vtx-ztree"));
 
+var _icons = require("@ant-design/icons");
+
+var _button = _interopRequireDefault(require("antd/lib/button"));
+
+var _empty = _interopRequireDefault(require("antd/lib/empty"));
+
 var _excluded = ["children"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -85,7 +91,8 @@ var VtxZtreeSelect = /*#__PURE__*/function (_React$Component) {
     _this.tree = null;
     _this.treeRefreshFlag = 1;
     _this.state = {
-      popoverVisible: false
+      popoverVisible: false,
+      popWidth: 0
     };
     _this.keyNodesMapping = {};
 
@@ -304,11 +311,23 @@ var VtxZtreeSelect = /*#__PURE__*/function (_React$Component) {
       }), _treeProps); // 多选组件
 
       var MultiSelect = /*#__PURE__*/_react["default"].createElement("div", {
+        className: (0, _classnames2["default"])("".concat(prefixCls, "-multiple-box")),
+        style: style,
+        ref: function ref(_ref3) {
+          if (!t.state.popWidth && _ref3 !== null && _ref3 !== void 0 && _ref3.clientWidth) {
+            console.log(_ref3 === null || _ref3 === void 0 ? void 0 : _ref3.clientWidth);
+            t.setState({
+              popWidth: _ref3 === null || _ref3 === void 0 ? void 0 : _ref3.clientWidth
+            });
+          }
+        }
+      }, /*#__PURE__*/_react["default"].createElement("div", {
         className: (0, _classnames2["default"])('ant-input', "".concat(prefixCls, "-multiple"), _defineProperty({}, "".concat(prefixCls, "-multiple-disabled"), disabled)),
         style: _objectSpread({
-          height: 'auto',
-          minHeight: '28px'
+          height: '32px'
         }, style)
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: (0, _classnames2["default"])("".concat(prefixCls, "-multiple-content"))
       }, selectedNodes.length > 0 ? [selectedNodes.map(function (item) {
         return /*#__PURE__*/_react["default"].createElement(_tag["default"], {
           key: item.id,
@@ -327,7 +346,43 @@ var VtxZtreeSelect = /*#__PURE__*/function (_React$Component) {
         }
       })] : /*#__PURE__*/_react["default"].createElement("span", {
         className: "".concat(prefixCls, "-placeholder")
-      }, t.props.placeholder)); // 单选组件
+      }, t.props.placeholder))), /*#__PURE__*/_react["default"].createElement(_popover["default"], {
+        content: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+          className: (0, _classnames2["default"])('vtx-tree-count-head')
+        }, /*#__PURE__*/_react["default"].createElement("span", null, "\u5DF2\u9009\u62E9\uFF1A", selectedNodes.length), /*#__PURE__*/_react["default"].createElement("span", {
+          className: (0, _classnames2["default"])(selectedNodes.length > 0 && !disabled ? 'clear-count' : 'disabled-count'),
+          onClick: function onClick(e) {
+            e.stopPropagation();
+            t.clear();
+          }
+        }, "\u6E05\u7A7A\u5DF2\u9009\u9879")), selectedNodes.length > 0 ? selectedNodes.map(function (item) {
+          return /*#__PURE__*/_react["default"].createElement(_tag["default"], {
+            key: "tab-".concat(item.id),
+            closable: !disabled,
+            onClose: function onClose(e) {
+              e.stopPropagation();
+              t.clearKey(item.id);
+            },
+            style: {
+              marginBottom: '5px'
+            }
+          }, item.name.length > 20 ? "".concat(item.name.slice(0, 20), "...") : item.name);
+        }) : /*#__PURE__*/_react["default"].createElement(_empty["default"], {
+          image: _empty["default"].PRESENTED_IMAGE_SIMPLE
+        })),
+        placement: "bottomRight",
+        trigger: "click",
+        overlayStyle: {
+          width: t.state.popWidth
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_button["default"], {
+        className: "vtx-tree-count",
+        icon: /*#__PURE__*/_react["default"].createElement(_icons.MoreOutlined, null),
+        size: "default",
+        onClick: function onClick(e) {
+          e.stopPropagation();
+        }
+      }))); // 单选组件
 
 
       var SingleSelect = /*#__PURE__*/_react["default"].createElement(_input["default"], {

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';\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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"}
+{"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","console","log","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                        console.log(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 className={classnames((selectedNodes.length>0&&!disabled)?'clear-count':'disabled-count')} onClick={e=>{\n                                    e.stopPropagation();\n                                    t.clear();\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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"}

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

@@ -18,9 +18,26 @@
   overflow: hidden;
   text-overflow: ellipsis;
 }
+.vtx-ztree-select-multiple-box {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  width: -webkit-fit-content;
+  width: -moz-fit-content;
+  width: fit-content;
+}
+.vtx-ztree-select-multiple-box .vtx-tree-count {
+  border-left: none;
+}
 .vtx-ztree-select-multiple {
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
   position: relative;
   padding-right: 18px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 .vtx-ztree-select-multiple-close-icon {
   position: absolute;
@@ -64,3 +81,22 @@
 .vtx-ztree-select-placeholder {
   color: #bfbfbf;
 }
+.vtx-tree-count-head {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  margin-bottom: 5px;
+}
+.vtx-tree-count-head .disabled-count {
+  color: #aaaaaa;
+  cursor: not-allowed;
+}
+.vtx-tree-count-head .clear-count {
+  cursor: pointer;
+}
+.vtx-tree-count-head .clear-count:hover {
+  color: #40a9ff;
+}

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

@@ -22,9 +22,20 @@
         overflow: hidden;
         text-overflow: ellipsis;
     }
+    &-multiple-box {
+        display: flex;
+        width: fit-content;
+        .vtx-tree-count {
+            border-left: none;
+        }
+    }
     &-multiple {
+        flex: 1;
         position: relative;
         padding-right: 18px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
         &-close-icon {
             position: absolute;
             top: 8px;
@@ -72,3 +83,18 @@
 .vtx-ztree-select-placeholder {
     color: @input-placeholder-color;
 }
+.vtx-tree-count-head {
+    display: flex;
+    justify-content: space-between;
+    margin-bottom: 5px;
+    .disabled-count {
+        color: #aaaaaa;
+        cursor: not-allowed;
+    }
+    .clear-count {
+        cursor: pointer;
+        &:hover {
+            color: #40a9ff;
+        }
+    }
+}

package/package.json

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