@vtx/components 3.1.39 → 3.1.40

package/lib/vtx-combogrid/Combogrid.js

@@ -23,6 +23,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _vtxDatagrid = _interopRequireDefault(require("../vtx-datagrid"));
 
+var _icons = require("@ant-design/icons");
+
 var _excluded = ["prefixCls", "setPopoverVisible", "multiple", "onChange", "getTableData", "columns", "searchForms", "selectedRowKeys", "setSelectedRowKeys", "spread"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -216,7 +218,7 @@ function VtxCombogrid(props, ref) {
     onClick: clear,
     size: "small"
   }, "\u6E05\u7A7A"), isMore && /*#__PURE__*/_react["default"].createElement(_button["default"], {
-    icon: "more",
+    icon: /*#__PURE__*/_react["default"].createElement(_icons.MoreOutlined, null),
     size: "small",
     title: "\u66F4\u591A",
     onClick: function onClick() {

package/lib/vtx-combogrid/Combogrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"Combogrid.js","names":["VtxCombogrid","props","ref","useState","more","setMore","Form","useForm","form","prefixCls","setPopoverVisible","multiple","onChange","getTableData","columns","searchForms","selectedRowKeys","setSelectedRowKeys","spread","rest","useAntdTable","defaultPageSize","tableProps","search","submit","reset","pagination","current","pageSize","clearSelectedRow","newTableProps","startIndex","size","headFootHeight","onRowSelectionClear","showSizeChanger","onRow","record","onClick","rowSelection","selectedRows","query","length","clear","useImperativeHandle","formLen","isMore","moreSearchForm","slice","renderFormItem","field","name","label","render","fieldDecoratorOptions","span","map","item","idx","React","forwardRef","propTypes","PropTypes","string","func","isRequired","array","bool","defaultSelectedRowKeys"],"sources":["vtx-combogrid/Combogrid.jsx"],"sourcesContent":["import React, { useState, useImperativeHandle } from 'react';\nimport Form from 'antd/lib/form';\nimport Row from 'antd/lib/row';\nimport Col from 'antd/lib/col';\nimport Button from 'antd/lib/button';\nimport useAntdTable from 'ahooks/es/useAntdTable';\nimport PropTypes from 'prop-types';\nimport VtxDatagrid from '../vtx-datagrid';\n\nfunction VtxCombogrid(props, ref) {\n    const [more, setMore] = useState(false);\n    const [form] = Form.useForm();\n    const {\n        prefixCls,\n        setPopoverVisible,\n        multiple,\n        onChange,\n        getTableData,\n        columns,\n        searchForms = [],\n        selectedRowKeys,\n        setSelectedRowKeys,\n        spread,\n        ...rest\n    } = props;\n\n    const { tableProps, search } = useAntdTable(getTableData, {\n        defaultPageSize: 10,\n        form,\n    });\n    const { submit, reset } = search;\n\n    // 表格\n    const { pagination } = tableProps;\n    const { current, pageSize } = pagination;\n\n    const clearSelectedRow = () => {\n        onChange && onChange([]);\n        setSelectedRowKeys([]);\n    };\n\n    let newTableProps = {\n        ...tableProps,\n        columns,\n        startIndex: (current - 1) * pageSize + 1,\n        size: 'small',\n        headFootHeight: 95,\n        onRowSelectionClear: clearSelectedRow,\n        pagination: {\n            ...pagination,\n            showSizeChanger: false,\n            onChange() {\n                if (!spread) {\n                    clearSelectedRow();\n                }\n            },\n        },\n        onRow: record => {\n            if (multiple) {\n                return {};\n            }\n            return {\n                onClick: () => {\n                    onChange && onChange([record]);\n                    setPopoverVisible(false);\n                },\n            };\n        },\n    };\n\n    if (multiple) {\n        newTableProps = {\n            ...newTableProps,\n            rowSelection: {\n                selectedRowKeys,\n                onChange(selectedRowKeys, selectedRows) {\n                    setSelectedRowKeys(selectedRowKeys);\n                    onChange && onChange(selectedRows);\n                },\n            },\n        };\n    }\n\n    // 查询和清空会重置selectedRowKeys，因此也需清空文本中的value值\n    const query = () => {\n        submit();\n        if (multiple && selectedRowKeys.length) {\n            clearSelectedRow();\n        }\n    };\n    const clear = () => {\n        reset();\n        if (multiple && selectedRowKeys.length) {\n            clearSelectedRow();\n        }\n    };\n\n    // 暴露给父组件使用\n    useImperativeHandle(ref, () => ({\n        clear,\n    }));\n\n    // 查询条件是否超过2个，超过2个默认隐藏\n    const formLen = searchForms.length;\n    const isMore = formLen > 2;\n    let moreSearchForm = [];\n    if (isMore) {\n        moreSearchForm = searchForms.slice(2);\n    }\n\n    const renderFormItem = field => {\n        const { name, label, render, fieldDecoratorOptions = {} } = field;\n        return (\n            <Col span={12} key={name}>\n                <Form.Item\n                    label={label}\n                    labelCol={{ span: 8 }}\n                    wrapperCol={{ span: 16 }}\n                    name={name}\n                    {...fieldDecoratorOptions}\n                >\n                    {render && render(form)}\n                </Form.Item>\n            </Col>\n        );\n    };\n\n    return (\n        <div className={`${prefixCls}-popover`} ref={ref}>\n            {formLen > 0 && (\n                <Form form={form}>\n                    <Row gutter={8}>\n                        <Col span={18}>\n                            <Row>\n                                {searchForms.map((item, idx) => {\n                                    if (idx < 2) {\n                                        return renderFormItem(item);\n                                    }\n                                })}\n                            </Row>\n                            {more && (\n                                <Row>\n                                    {moreSearchForm.map(item => {\n                                        return renderFormItem(item);\n                                    })}\n                                </Row>\n                            )}\n                        </Col>\n                        <Col span={6} className={`${prefixCls}-btns`}>\n                            <Button onClick={query} type=\"primary\" size=\"small\">\n                                查询\n                            </Button>\n                            <Button onClick={clear} size=\"small\">\n                                清空\n                            </Button>\n                            {isMore && (\n                                <Button\n                                    icon=\"more\"\n                                    size=\"small\"\n                                    title=\"更多\"\n                                    onClick={() => setMore(!more)}\n                                />\n                            )}\n                        </Col>\n                    </Row>\n                </Form>\n            )}\n            <div className={`${prefixCls}-main`}>\n                <VtxDatagrid toolbar={false} {...newTableProps} {...rest} />\n            </div>\n        </div>\n    );\n}\n\nexport default React.forwardRef(VtxCombogrid);\n\nVtxCombogrid.propTypes = {\n    prefixCls: PropTypes.string,\n    getTableData: PropTypes.func.isRequired,\n    columns: PropTypes.array,\n    searchForms: PropTypes.array,\n    multiple: PropTypes.bool,\n    onChange: PropTypes.func,\n    setPopoverVisible: PropTypes.func,\n    selectedRowKeys: PropTypes.array,\n    setSelectedRowKeys: PropTypes.func,\n    spread: PropTypes.bool,\n    defaultSelectedRowKeys: PropTypes.array,\n};\n"],"mappings":"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"}
+{"version":3,"file":"Combogrid.js","names":["VtxCombogrid","props","ref","useState","more","setMore","Form","useForm","form","prefixCls","setPopoverVisible","multiple","onChange","getTableData","columns","searchForms","selectedRowKeys","setSelectedRowKeys","spread","rest","useAntdTable","defaultPageSize","tableProps","search","submit","reset","pagination","current","pageSize","clearSelectedRow","newTableProps","startIndex","size","headFootHeight","onRowSelectionClear","showSizeChanger","onRow","record","onClick","rowSelection","selectedRows","query","length","clear","useImperativeHandle","formLen","isMore","moreSearchForm","slice","renderFormItem","field","name","label","render","fieldDecoratorOptions","span","map","item","idx","React","forwardRef","propTypes","PropTypes","string","func","isRequired","array","bool","defaultSelectedRowKeys"],"sources":["vtx-combogrid/Combogrid.jsx"],"sourcesContent":["import React, { useState, useImperativeHandle } from 'react';\nimport Form from 'antd/lib/form';\nimport Row from 'antd/lib/row';\nimport Col from 'antd/lib/col';\nimport Button from 'antd/lib/button';\nimport useAntdTable from 'ahooks/es/useAntdTable';\nimport PropTypes from 'prop-types';\nimport VtxDatagrid from '../vtx-datagrid';\nimport { MoreOutlined } from '@ant-design/icons';\n\nfunction VtxCombogrid(props, ref) {\n    const [more, setMore] = useState(false);\n    const [form] = Form.useForm();\n    const {\n        prefixCls,\n        setPopoverVisible,\n        multiple,\n        onChange,\n        getTableData,\n        columns,\n        searchForms = [],\n        selectedRowKeys,\n        setSelectedRowKeys,\n        spread,\n        ...rest\n    } = props;\n\n    const { tableProps, search } = useAntdTable(getTableData, {\n        defaultPageSize: 10,\n        form,\n    });\n    const { submit, reset } = search;\n\n    // 表格\n    const { pagination } = tableProps;\n    const { current, pageSize } = pagination;\n\n    const clearSelectedRow = () => {\n        onChange && onChange([]);\n        setSelectedRowKeys([]);\n    };\n\n    let newTableProps = {\n        ...tableProps,\n        columns,\n        startIndex: (current - 1) * pageSize + 1,\n        size: 'small',\n        headFootHeight: 95,\n        onRowSelectionClear: clearSelectedRow,\n        pagination: {\n            ...pagination,\n            showSizeChanger: false,\n            onChange() {\n                if (!spread) {\n                    clearSelectedRow();\n                }\n            },\n        },\n        onRow: record => {\n            if (multiple) {\n                return {};\n            }\n            return {\n                onClick: () => {\n                    onChange && onChange([record]);\n                    setPopoverVisible(false);\n                },\n            };\n        },\n    };\n\n    if (multiple) {\n        newTableProps = {\n            ...newTableProps,\n            rowSelection: {\n                selectedRowKeys,\n                onChange(selectedRowKeys, selectedRows) {\n                    setSelectedRowKeys(selectedRowKeys);\n                    onChange && onChange(selectedRows);\n                },\n            },\n        };\n    }\n\n    // 查询和清空会重置selectedRowKeys，因此也需清空文本中的value值\n    const query = () => {\n        submit();\n        if (multiple && selectedRowKeys.length) {\n            clearSelectedRow();\n        }\n    };\n    const clear = () => {\n        reset();\n        if (multiple && selectedRowKeys.length) {\n            clearSelectedRow();\n        }\n    };\n\n    // 暴露给父组件使用\n    useImperativeHandle(ref, () => ({\n        clear,\n    }));\n\n    // 查询条件是否超过2个，超过2个默认隐藏\n    const formLen = searchForms.length;\n    const isMore = formLen > 2;\n    let moreSearchForm = [];\n    if (isMore) {\n        moreSearchForm = searchForms.slice(2);\n    }\n\n    const renderFormItem = field => {\n        const { name, label, render, fieldDecoratorOptions = {} } = field;\n        return (\n            <Col span={12} key={name}>\n                <Form.Item\n                    label={label}\n                    labelCol={{ span: 8 }}\n                    wrapperCol={{ span: 16 }}\n                    name={name}\n                    {...fieldDecoratorOptions}\n                >\n                    {render && render(form)}\n                </Form.Item>\n            </Col>\n        );\n    };\n\n    return (\n        <div className={`${prefixCls}-popover`} ref={ref}>\n            {formLen > 0 && (\n                <Form form={form}>\n                    <Row gutter={8}>\n                        <Col span={18}>\n                            <Row>\n                                {searchForms.map((item, idx) => {\n                                    if (idx < 2) {\n                                        return renderFormItem(item);\n                                    }\n                                })}\n                            </Row>\n                            {more && (\n                                <Row>\n                                    {moreSearchForm.map(item => {\n                                        return renderFormItem(item);\n                                    })}\n                                </Row>\n                            )}\n                        </Col>\n                        <Col span={6} className={`${prefixCls}-btns`}>\n                            <Button onClick={query} type=\"primary\" size=\"small\">\n                                查询\n                            </Button>\n                            <Button onClick={clear} size=\"small\">\n                                清空\n                            </Button>\n                            {isMore && (\n                                <Button\n                                    icon={<MoreOutlined/>}\n                                    size=\"small\"\n                                    title=\"更多\"\n                                    onClick={() => setMore(!more)}\n                                />\n                            )}\n                        </Col>\n                    </Row>\n                </Form>\n            )}\n            <div className={`${prefixCls}-main`}>\n                <VtxDatagrid toolbar={false} {...newTableProps} {...rest} />\n            </div>\n        </div>\n    );\n}\n\nexport default React.forwardRef(VtxCombogrid);\n\nVtxCombogrid.propTypes = {\n    prefixCls: PropTypes.string,\n    getTableData: PropTypes.func.isRequired,\n    columns: PropTypes.array,\n    searchForms: PropTypes.array,\n    multiple: PropTypes.bool,\n    onChange: PropTypes.func,\n    setPopoverVisible: PropTypes.func,\n    selectedRowKeys: PropTypes.array,\n    setSelectedRowKeys: PropTypes.func,\n    spread: PropTypes.bool,\n    defaultSelectedRowKeys: PropTypes.array,\n};\n"],"mappings":"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"}

package/lib/vtx-scrollable-row/index.js

@@ -27,10 +27,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -114,8 +110,10 @@ function VtxScrollableRow(props) {
       prev = false;
     }
 
-    setNext(next);
-    setPrev(prev);
+    setState({
+      next: next,
+      prev: prev
+    });
     return {
       next: next,
       prev: prev
@@ -153,22 +151,6 @@ function VtxScrollableRow(props) {
         setNextPrev();
       }
     }
-  };
-
-  var setPrev = function setPrev(v) {
-    if (prev !== v) {
-      setState(_objectSpread(_objectSpread({}, state), {}, {
-        prev: v
-      }));
-    }
-  };
-
-  var setNext = function setNext(v) {
-    if (next !== v) {
-      setState(_objectSpread(_objectSpread({}, state), {}, {
-        next: v
-      }));
-    }
   }; // 上一页
 
 

package/lib/vtx-scrollable-row/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["isTransformSupported","style","setTransform","v","transform","webkitTransform","mozTransform","VtxScrollableRow","props","useState","next","prev","state","setState","prefixCls","className","offset","useRef","containerRef","navWrapRef","navRef","useEffect","debouncedResize","debounce","setNextPrev","window","addEventListener","removeEventListener","navNodeW","current","scrollWidth","containerW","offsetWidth","navWrapNodeW","minOffset","setOffset","realOffset","setNext","setPrev","os","checkNextPrev","target","Math","min","navOffset","navStyle","transformSupported","value","name","handlePrev","handleNext","showNextPrev","prevButton","classnames","nextButton","children","propTypes","PropTypes","string","object","node"],"sources":["vtx-scrollable-row/index.jsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport classnames from 'classnames';\nimport debounce from 'lodash/debounce';\nimport PropTypes from 'prop-types';\nimport RightOutlined from '@ant-design/icons/RightOutlined';\nimport LeftOutlined from '@ant-design/icons/LeftOutlined';\n\nexport function isTransformSupported(style) {\n    return 'transform' in style || 'webkitTransform' in style || 'MozTransform' in style;\n}\n\nexport function setTransform(style, v) {\n    style.transform = v;\n    style.webkitTransform = v;\n    style.mozTransform = v;\n}\n\nfunction VtxScrollableRow(props) {\n    const [state, setState] = useState({\n        next: false,\n        prev: false,\n    });\n    const { next, prev } = state;\n    const { prefixCls = 'vtx-scrollable-row', className, style } = props;\n\n    const offset = useRef(0);\n    const containerRef = useRef();\n    const navWrapRef = useRef();\n    const navRef = useRef();\n\n    useEffect(() => {\n        const debouncedResize = debounce(() => {\n            setNextPrev();\n        }, 200);\n        window.addEventListener('resize', debouncedResize);\n        setNextPrev();\n        return () => {\n            window.removeEventListener('resize', debouncedResize);\n        };\n    }, []);\n\n    function setNextPrev() {\n        const navNodeW = navRef.current.scrollWidth;\n        const containerW = containerRef.current.offsetWidth;\n        const navWrapNodeW = navWrapRef.current.offsetWidth;\n\n        const minOffset = containerW - navNodeW;\n        let { next, prev } = state;\n        if (minOffset >= 0) {\n            next = false;\n            setOffset(0, false);\n            offset.current = 0;\n        } else if (minOffset < offset.current) {\n            next = true;\n        } else {\n            next = false;\n            const realOffset = navWrapNodeW - navNodeW;\n            setOffset(realOffset, false);\n            offset.current = realOffset;\n        }\n\n        if (offset.current < 0) {\n            prev = true;\n        } else {\n            prev = false;\n        }\n        setNext(next);\n        setPrev(prev);\n        return {\n            next,\n            prev,\n        };\n    }\n\n    const setOffset = (os, checkNextPrev = true) => {\n        const target = Math.min(0, os);\n        if (offset.current !== target) {\n            offset.current = target;\n            let navOffset = {};\n            const navStyle = navRef.current.style;\n            const transformSupported = isTransformSupported(navStyle);\n            if (transformSupported) {\n                navOffset = {\n                    value: `translate3d(${target}px,0,0)`,\n                };\n            } else {\n                navOffset = {\n                    name: 'left',\n                    value: `${target}px`,\n                };\n            }\n            if (transformSupported) {\n                setTransform(navStyle, navOffset.value);\n            } else {\n                navStyle[navOffset.name] = navOffset.value;\n            }\n            if (checkNextPrev) {\n                setNextPrev();\n            }\n        }\n    };\n\n    const setPrev = v => {\n        if (prev !== v) {\n            setState({\n                ...state,\n                prev: v,\n            });\n        }\n    };\n\n    const setNext = v => {\n        if (next !== v) {\n            setState({\n                ...state,\n                next: v,\n            });\n        }\n    };\n\n    // 上一页\n    const handlePrev = () => {\n        const navWrapNodeW = navWrapRef.current.offsetWidth;\n        setOffset(offset.current + navWrapNodeW);\n    };\n\n    // 下一页\n    const handleNext = () => {\n        const navWrapNodeW = navWrapRef.current.offsetWidth;\n        setOffset(offset.current - navWrapNodeW);\n    };\n\n    const showNextPrev = prev || next;\n\n    const prevButton = (\n        <span\n            onClick={prev ? handlePrev : null}\n            // eslint-disable-next-line react/no-unknown-property\n            unselectable=\"on\"\n            className={classnames({\n                [`${prefixCls}-prev`]: true,\n                [`${prefixCls}-btn-disabled`]: !prev,\n                [`${prefixCls}-arrow-show`]: showNextPrev,\n            })}\n        >\n            <span className={`${prefixCls}-prev-icon`}>\n                <LeftOutlined />\n            </span>\n        </span>\n    );\n\n    const nextButton = (\n        <span\n            onClick={next ? handleNext : null}\n            // eslint-disable-next-line react/no-unknown-property\n            unselectable=\"on\"\n            className={classnames({\n                [`${prefixCls}-next`]: true,\n                [`${prefixCls}-btn-disabled`]: !next,\n                [`${prefixCls}-arrow-show`]: showNextPrev,\n            })}\n        >\n            <span className={`${prefixCls}-next-icon`}>\n                <RightOutlined />\n            </span>\n        </span>\n    );\n\n    return (\n        <div\n            className={classnames(`${prefixCls}-container`, className)}\n            style={style}\n            ref={containerRef}\n        >\n            {prevButton}\n            {nextButton}\n            <div className={`${prefixCls}-nav-wrap`} ref={navWrapRef}>\n                <div className={`${prefixCls}-nav-scroll`}>\n                    <div className={`${prefixCls}-nav`} ref={navRef}>\n                        {props.children}\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n}\n\nexport default VtxScrollableRow;\n\nVtxScrollableRow.propTypes = {\n    prefixCls: PropTypes.string,\n    className: PropTypes.string,\n    style: PropTypes.object,\n    children: PropTypes.node,\n};\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["isTransformSupported","style","setTransform","v","transform","webkitTransform","mozTransform","VtxScrollableRow","props","useState","next","prev","state","setState","prefixCls","className","offset","useRef","containerRef","navWrapRef","navRef","useEffect","debouncedResize","debounce","setNextPrev","window","addEventListener","removeEventListener","navNodeW","current","scrollWidth","containerW","offsetWidth","navWrapNodeW","minOffset","setOffset","realOffset","os","checkNextPrev","target","Math","min","navOffset","navStyle","transformSupported","value","name","handlePrev","handleNext","showNextPrev","prevButton","classnames","nextButton","children","propTypes","PropTypes","string","object","node"],"sources":["vtx-scrollable-row/index.jsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport classnames from 'classnames';\nimport debounce from 'lodash/debounce';\nimport PropTypes from 'prop-types';\nimport RightOutlined from '@ant-design/icons/RightOutlined';\nimport LeftOutlined from '@ant-design/icons/LeftOutlined';\n\nexport function isTransformSupported(style) {\n    return 'transform' in style || 'webkitTransform' in style || 'MozTransform' in style;\n}\n\nexport function setTransform(style, v) {\n    style.transform = v;\n    style.webkitTransform = v;\n    style.mozTransform = v;\n}\n\nfunction VtxScrollableRow(props) {\n    const [state, setState] = useState({\n        next: false,\n        prev: false,\n    });\n    const { next, prev } = state;\n    const { prefixCls = 'vtx-scrollable-row', className, style } = props;\n\n    const offset = useRef(0);\n    const containerRef = useRef();\n    const navWrapRef = useRef();\n    const navRef = useRef();\n\n    useEffect(() => {\n        const debouncedResize = debounce(() => {\n            setNextPrev();\n        }, 200);\n        window.addEventListener('resize', debouncedResize);\n        setNextPrev();\n        return () => {\n            window.removeEventListener('resize', debouncedResize);\n        };\n    }, []);\n\n    function setNextPrev() {\n        const navNodeW = navRef.current.scrollWidth;\n        const containerW = containerRef.current.offsetWidth;\n        const navWrapNodeW = navWrapRef.current.offsetWidth;\n\n        const minOffset = containerW - navNodeW;\n        let { next, prev } = state;\n        if (minOffset >= 0) {\n            next = false;\n            setOffset(0, false);\n            offset.current = 0;\n        } else if (minOffset < offset.current) {\n            next = true;\n        } else {\n            next = false;\n            const realOffset = navWrapNodeW - navNodeW;\n            setOffset(realOffset, false);\n            offset.current = realOffset;\n        }\n\n        if (offset.current < 0) {\n            prev = true;\n        } else {\n            prev = false;\n        }\n        setState({\n            next, prev\n        })\n        return {\n            next,\n            prev,\n        };\n    }\n\n    const setOffset = (os, checkNextPrev = true) => {\n        const target = Math.min(0, os);\n        if (offset.current !== target) {\n            offset.current = target;\n            let navOffset = {};\n            const navStyle = navRef.current.style;\n            const transformSupported = isTransformSupported(navStyle);\n            if (transformSupported) {\n                navOffset = {\n                    value: `translate3d(${target}px,0,0)`,\n                };\n            } else {\n                navOffset = {\n                    name: 'left',\n                    value: `${target}px`,\n                };\n            }\n            if (transformSupported) {\n                setTransform(navStyle, navOffset.value);\n            } else {\n                navStyle[navOffset.name] = navOffset.value;\n            }\n            if (checkNextPrev) {\n                setNextPrev();\n            }\n        }\n    };\n\n    // 上一页\n    const handlePrev = () => {\n        const navWrapNodeW = navWrapRef.current.offsetWidth;\n        setOffset(offset.current + navWrapNodeW);\n    };\n\n    // 下一页\n    const handleNext = () => {\n        const navWrapNodeW = navWrapRef.current.offsetWidth;\n        setOffset(offset.current - navWrapNodeW);\n    };\n\n    const showNextPrev = prev || next;\n\n    const prevButton = (\n        <span\n            onClick={prev ? handlePrev : null}\n            // eslint-disable-next-line react/no-unknown-property\n            unselectable=\"on\"\n            className={classnames({\n                [`${prefixCls}-prev`]: true,\n                [`${prefixCls}-btn-disabled`]: !prev,\n                [`${prefixCls}-arrow-show`]: showNextPrev,\n            })}\n        >\n            <span className={`${prefixCls}-prev-icon`}>\n                <LeftOutlined />\n            </span>\n        </span>\n    );\n    const nextButton = (\n        <span\n            onClick={next ? handleNext : null}\n            // eslint-disable-next-line react/no-unknown-property\n            unselectable=\"on\"\n            className={classnames({\n                [`${prefixCls}-next`]: true,\n                [`${prefixCls}-btn-disabled`]: !next,\n                [`${prefixCls}-arrow-show`]: showNextPrev,\n            })}\n        >\n            <span className={`${prefixCls}-next-icon`}>\n                <RightOutlined />\n            </span>\n        </span>\n    );\n\n    return (\n        <div\n            className={classnames(`${prefixCls}-container`, className)}\n            style={style}\n            ref={containerRef}\n        >\n            {prevButton}\n            {nextButton}\n            <div className={`${prefixCls}-nav-wrap`} ref={navWrapRef}>\n                <div className={`${prefixCls}-nav-scroll`}>\n                    <div className={`${prefixCls}-nav`} ref={navRef}>\n                        {props.children}\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n}\n\nexport default VtxScrollableRow;\n\nVtxScrollableRow.propTypes = {\n    prefixCls: PropTypes.string,\n    className: PropTypes.string,\n    style: PropTypes.object,\n    children: PropTypes.node,\n};\n"],"mappings":"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"}

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

@@ -315,7 +315,6 @@ var VtxZtreeSelect = /*#__PURE__*/function (_React$Component) {
         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
             });

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

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

@@ -30,14 +30,14 @@
   border-left: none;
 }
 .vtx-ztree-select-multiple {
+  position: relative;
   -webkit-box-flex: 1;
       -ms-flex: 1;
           flex: 1;
-  position: relative;
   padding-right: 18px;
   overflow: hidden;
-  text-overflow: ellipsis;
   white-space: nowrap;
+  text-overflow: ellipsis;
 }
 .vtx-ztree-select-multiple-close-icon {
   position: absolute;
@@ -91,7 +91,7 @@
   margin-bottom: 5px;
 }
 .vtx-tree-count-head .disabled-count {
-  color: #aaaaaa;
+  color: #aaa;
   cursor: not-allowed;
 }
 .vtx-tree-count-head .clear-count {

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

@@ -30,12 +30,12 @@
         }
     }
     &-multiple {
-        flex: 1;
         position: relative;
+        flex: 1;
         padding-right: 18px;
         overflow: hidden;
-        text-overflow: ellipsis;
         white-space: nowrap;
+        text-overflow: ellipsis;
         &-close-icon {
             position: absolute;
             top: 8px;
@@ -88,7 +88,7 @@
     justify-content: space-between;
     margin-bottom: 5px;
     .disabled-count {
-        color: #aaaaaa;
+        color: #aaa;
         cursor: not-allowed;
     }
     .clear-count {

package/package.json

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