@vtx/components 3.0.0-0 → 3.0.0

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

@@ -326,7 +326,7 @@ var VtxZtreeSelect = /*#__PURE__*/function (_React$Component) {
           t.clear();
         }
       })] : /*#__PURE__*/_react["default"].createElement("span", {
-        className: "".concat(prefixCls, "-placehoder")
+        className: "".concat(prefixCls, "-placeholder")
       }, t.props.placeholder)); // 单选组件
 
 

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

@@ -1 +1 @@
-{"version":3,"sources":["vtx-ztree-select/index.jsx"],"names":["VtxZtreeSelect","props","tree","treeRefreshFlag","state","popoverVisible","keyNodesMapping","getKeyNodesMapping","prevProps","data","expandedKeys","nodes","t","genNodes","map","item","children","rest","key","Array","isArray","length","treeCheckable","checkNodes","getCheckedNodes","cancelSelectedNodes","value","onChange","keys","leafKeys","names","keyIndex","indexOf","keyList","splice","filter","isLeaf","name","clearSearch","prefixCls","treeDefaultExpandAll","multiple","showSearch","searchPlaceholder","dropdownStyle","style","disabled","refreshFlag","customCfg","checkStrictly","value_arr","val","selectedNodes","k","id","treeProps","checkable","instance","selectedKeys","selectedNames","setState","checkedNodes","checkedKeys","checkedNames","treeNode","beforeCheck","MultiSelect","height","minHeight","e","stopPropagation","clearKey","slice","clear","placeholder","SingleSelect","join","bind","v","React","Component","propTypes","PropTypes","array","arrayOf","string","bool","oneOfType","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport Popover from 'antd/lib/popover';\nimport Input from 'antd/lib/input';\nimport Tag from 'antd/lib/tag';\nimport 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}-placehoder`}>{t.props.placeholder}</span>\n                )}\n            </div>\n        );\n\n        // 单选组件\n        const SingleSelect = (\n            <Input\n                value={selectedNodes.map(item => item.name).join(', ')}\n                style={style}\n                readOnly\n                disabled={disabled}\n                placeholder={t.props.placeholder}\n                suffix={\n                    disabled || selectedNodes.length == 0 ? (\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"],"file":"index.js"}
+{"version":3,"sources":["vtx-ztree-select/index.jsx"],"names":["VtxZtreeSelect","props","tree","treeRefreshFlag","state","popoverVisible","keyNodesMapping","getKeyNodesMapping","prevProps","data","expandedKeys","nodes","t","genNodes","map","item","children","rest","key","Array","isArray","length","treeCheckable","checkNodes","getCheckedNodes","cancelSelectedNodes","value","onChange","keys","leafKeys","names","keyIndex","indexOf","keyList","splice","filter","isLeaf","name","clearSearch","prefixCls","treeDefaultExpandAll","multiple","showSearch","searchPlaceholder","dropdownStyle","style","disabled","refreshFlag","customCfg","checkStrictly","value_arr","val","selectedNodes","k","id","treeProps","checkable","instance","selectedKeys","selectedNames","setState","checkedNodes","checkedKeys","checkedNames","treeNode","beforeCheck","MultiSelect","height","minHeight","e","stopPropagation","clearKey","slice","clear","placeholder","SingleSelect","join","bind","v","React","Component","propTypes","PropTypes","array","arrayOf","string","bool","oneOfType","func"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEqBA,c;;;;;AACjB,0BAAYC,KAAZ,EAAmB;AAAA;;AAAA;;AACf,8BAAMA,KAAN;AACA,UAAKC,IAAL,GAAY,IAAZ;AACA,UAAKC,eAAL,GAAuB,CAAvB;AACA,UAAKC,KAAL,GAAa;AACTC,MAAAA,cAAc,EAAE;AADP,KAAb;AAGA,UAAKC,eAAL,GAAuB,EAAvB;;AACA,UAAKC,kBAAL;;AARe;AASlB,G,CAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;WACA,4BAAmBC,SAAnB,EAA8B;AAC1B,UAAI,CAAC,wBAAQ,KAAKP,KAAL,CAAWQ,IAAnB,EAAyBD,SAAS,CAACC,IAAnC,CAAL,EAA+C;AAC3C,aAAKF,kBAAL,CAAwB,KAAKN,KAAL,CAAWQ,IAAnC;AACH;;AACD,UAAI,CAAC,wBAAQ,KAAKR,KAAL,CAAWS,YAAnB,EAAiCF,SAAS,CAACE,YAA3C,CAAL,EAA+D;AAC3D,aAAKP,eAAL;AACH;AACJ;;;WAED,4BAAmBQ,KAAnB,EAA0B;AACtB,UAAMC,CAAC,GAAG,IAAV;AACAA,MAAAA,CAAC,CAACN,eAAF,GAAoB,EAApB;;AACA,OAAC,SAASO,QAAT,CAAkBF,KAAlB,EAAyB;AACtBA,QAAAA,KAAK,CAACG,GAAN,CAAU,UAAAC,IAAI,EAAI;AACd,cAAQC,QAAR,GAA8BD,IAA9B,CAAQC,QAAR;AAAA,cAAqBC,IAArB,4BAA8BF,IAA9B;;AACAH,UAAAA,CAAC,CAACN,eAAF,CAAkBS,IAAI,CAACG,GAAvB,IAA8BD,IAA9B;;AACA,cAAIE,KAAK,CAACC,OAAN,CAAcJ,QAAd,KAA2BA,QAAQ,CAACK,MAAT,GAAkB,CAAjD,EAAoD;AAChDR,YAAAA,QAAQ,CAACG,QAAD,CAAR;AACH;AACJ,SAND;AAOH,OARD,EAQGL,KAAK,IAAI,KAAKV,KAAL,CAAWQ,IAApB,IAA4B,EAR/B;AASH;;;WAED,iBAAQ;AACJ,UAAI,KAAKP,IAAT,EAAe;AACX,YAAI,KAAKD,KAAL,CAAWqB,aAAf,EAA8B;AAC1B,eAAKpB,IAAL,CAAUqB,UAAV,CACI,KAAKrB,IAAL,CAAUsB,eAAV,GAA4BV,GAA5B,CAAgC,UAAAC,IAAI;AAAA,mBAAIA,IAAI,CAACG,GAAT;AAAA,WAApC,CADJ,EAEI,KAFJ;AAIH,SALD,MAKO;AACH,eAAKhB,IAAL,CAAUuB,mBAAV,CAA8B,KAAKxB,KAAL,CAAWyB,KAAzC;AACH;AACJ;;AACD,WAAKzB,KAAL,CAAW0B,QAAX,IACI,KAAK1B,KAAL,CAAW0B,QAAX,CAAoB;AAChBhB,QAAAA,KAAK,EAAE,EADS;AAEhBiB,QAAAA,IAAI,EAAE,EAFU;AAGhBC,QAAAA,QAAQ,EAAE,EAHM;AAIhBC,QAAAA,KAAK,EAAE;AAJS,OAApB,CADJ;AAOH;;;WAED,kBAASZ,GAAT,EAAc;AAAA;;AACV,UAAMa,QAAQ,GAAG,KAAK9B,KAAL,CAAWyB,KAAX,CAAiBM,OAAjB,CAAyBd,GAAzB,CAAjB;;AACA,UAAIa,QAAQ,IAAI,CAAC,CAAjB,EAAoB;AAChB,YAAME,OAAO,sBAAO,KAAKhC,KAAL,CAAWyB,KAAlB,CAAb;;AACAO,QAAAA,OAAO,CAACC,MAAR,CAAeH,QAAf,EAAyB,CAAzB;AACA,YAAMpB,KAAK,GAAGsB,OAAO,CAACnB,GAAR,CAAY,UAAAI,GAAG;AAAA,iBAAI,MAAI,CAACZ,eAAL,CAAqBY,GAArB,CAAJ;AAAA,SAAf,CAAd;;AACA,YAAI,KAAKhB,IAAT,EAAe;AACX,cAAI,KAAKD,KAAL,CAAWqB,aAAf,EAA8B;AAC1B,iBAAKpB,IAAL,CAAUqB,UAAV,CAAqB,CAACL,GAAD,CAArB,EAA4B,KAA5B;AACH,WAFD,MAEO;AACH,iBAAKhB,IAAL,CAAUuB,mBAAV,CAA8B,CAACP,GAAD,CAA9B;AACH;AACJ;;AACD,aAAKjB,KAAL,CAAW0B,QAAX,IACI,KAAK1B,KAAL,CAAW0B,QAAX,CAAoB;AAChBhB,UAAAA,KAAK,EAALA,KADgB;AAEhBiB,UAAAA,IAAI,EAAEK,OAFU;AAGhBJ,UAAAA,QAAQ,EAAElB,KAAK,CAACwB,MAAN,CAAa,UAAApB,IAAI;AAAA,mBAAIA,IAAI,CAACqB,MAAT;AAAA,WAAjB,EAAkCtB,GAAlC,CAAsC,UAAAC,IAAI;AAAA,mBAAIA,IAAI,CAACG,GAAT;AAAA,WAA1C,CAHM;AAIhBY,UAAAA,KAAK,EAAEnB,KAAK,CAACG,GAAN,CAAU,UAAAC,IAAI;AAAA,mBAAIA,IAAI,CAACsB,IAAT;AAAA,WAAd;AAJS,SAApB,CADJ;AAOH;AACJ;;;WAED,uBAAc;AACV,WAAKnC,IAAL,IAAa,KAAKA,IAAL,CAAUoC,WAAV,EAAb;AACH;;;WAED,kBAAS;AAAA;;AACL,UAAM1B,CAAC,GAAG,IAAV,CADK,CAEL;;AACA,qBAAwBA,CAAC,CAACX,KAA1B;AAAA,UAAQQ,IAAR,YAAQA,IAAR;AAAA,UAAciB,KAAd,YAAcA,KAAd,CAHK,CAIL;;AACA,sBAcId,CAAC,CAACX,KAdN;AAAA,0CACIsC,SADJ;AAAA,UACIA,SADJ,oCACgB,kBADhB;AAAA,4CAEIjB,aAFJ;AAAA,UAEIA,aAFJ,sCAEoB,KAFpB;AAAA,4CAGIkB,oBAHJ;AAAA,UAGIA,oBAHJ,sCAG2B,KAH3B;AAAA,yCAIIC,QAJJ;AAAA,UAIIA,QAJJ,mCAIe,KAJf;AAAA,2CAKIC,UALJ;AAAA,UAKIA,UALJ,qCAKiB,IALjB;AAAA,UAMIC,iBANJ,aAMIA,iBANJ;AAAA,4CAOIC,aAPJ;AAAA,UAOIA,aAPJ,sCAOoB,EAPpB;AAAA,sCAQIC,KARJ;AAAA,UAQIA,KARJ,gCAQY,EARZ;AAAA,yCASIC,QATJ;AAAA,UASIA,QATJ,mCASe,KATf;AAAA,4CAUIC,WAVJ;AAAA,UAUIA,WAVJ,sCAUkB,IAVlB;AAAA,UAWIrC,YAXJ,aAWIA,YAXJ;AAAA,UAYIsC,SAZJ,aAYIA,SAZJ;AAAA,UAaIC,aAbJ,aAaIA,aAbJ,CALK,CAoBL;;AACA,UAAMC,SAAS,GAAI,UAASC,GAAT,EAAc;AAC7B,YAAIhC,KAAK,CAACC,OAAN,CAAc+B,GAAd,CAAJ,EAAwB;AACpB,iBAAOA,GAAP;AACH,SAFD,MAEO,IAAIA,GAAJ,EAAS;AACZ,iBAAO,CAACA,GAAD,CAAP;AACH,SAFM,MAEA;AACH,iBAAO,EAAP;AACH;AACJ,OARiB,CAQfzB,KARe,CAAlB;;AASA,UAAM0B,aAAa,GAAGF,SAAS,CAC1Bf,MADiB,CACV,UAAAkB,CAAC;AAAA,eAAIA,CAAC,IAAIzC,CAAC,CAACN,eAAX;AAAA,OADS,EAEjBQ,GAFiB,CAEb,UAAAC,IAAI;AAAA,eAAK;AACVuC,UAAAA,EAAE,EAAEvC,IADM;AAEVsB,UAAAA,IAAI,EAAEzB,CAAC,CAACN,eAAF,CAAkBS,IAAlB,EAAwBsB;AAFpB,SAAL;AAAA,OAFS,CAAtB,CA9BK,CAoCL;;AACA,UAAMkB,SAAS;AACX9C,QAAAA,IAAI,EAAJA,IADW;AACL;AACNiC,QAAAA,UAAU,EAAEA,UAFD;AAGXC,QAAAA,iBAAiB,EAAEA,iBAHR;AAIXF,QAAAA,QAAQ,EAARA,QAJW;AAKXe,QAAAA,SAAS,EAAElC;AALA,qCAMVA,aAAa,GAAG,aAAH,GAAmB,cANtB,EAMuC4B,SANvC,mDAOOV,oBAPP,+CAQX9B,YARW,8CASEqC,WAAW,IAAInC,CAAC,CAACT,eATnB,4CAUX6C,SAVW,gDAWXC,aAXW,mDAYPQ,QAZO,EAYG;AACV,YAAIA,QAAJ,EAAc7C,CAAC,CAACV,IAAF,GAASuD,QAAT;AACjB,OAdU,iEAe6C;AAAA,YAA9CL,aAA8C,QAA9CA,aAA8C;AAAA,YAA/BM,YAA+B,QAA/BA,YAA+B;AAAA,YAAjBC,aAAiB,QAAjBA,aAAiB;;AACpD;AACA,YAAI,CAACrC,aAAL,EAAoB;AAChBV,UAAAA,CAAC,CAACX,KAAF,CAAQ0B,QAAR,IACIf,CAAC,CAACX,KAAF,CAAQ0B,QAAR,CAAiB;AACbhB,YAAAA,KAAK,EAAEyC,aADM;AAEbxB,YAAAA,IAAI,EAAE8B,YAFO;AAGb7B,YAAAA,QAAQ,EAAEuB,aAAa,CAClBjB,MADK,CACE,UAAApB,IAAI;AAAA,qBAAIA,IAAI,CAACqB,MAAT;AAAA,aADN,EAELtB,GAFK,CAED,UAAAC,IAAI;AAAA,qBAAIA,IAAI,CAACG,GAAT;AAAA,aAFH,CAHG;AAMbY,YAAAA,KAAK,EAAE6B;AANM,WAAjB,CADJ;;AASA,cAAI,CAAClB,QAAL,EAAe;AACX7B,YAAAA,CAAC,CAACgD,QAAF,CAAW;AACPvD,cAAAA,cAAc,EAAE;AADT,aAAX;AAGH;AACJ;AACJ,OAjCU,kEAkC0C;AAAA,YAA3CwD,YAA2C,SAA3CA,YAA2C;AAAA,YAA7BC,WAA6B,SAA7BA,WAA6B;AAAA,YAAhBC,YAAgB,SAAhBA,YAAgB;;AACjD,YAAIzC,aAAJ,EAAmB;AACfV,UAAAA,CAAC,CAACX,KAAF,CAAQ0B,QAAR,IACIf,CAAC,CAACX,KAAF,CAAQ0B,QAAR,CAAiB;AACbhB,YAAAA,KAAK,EAAEkD,YADM;AAEbjC,YAAAA,IAAI,EAAEkC,WAFO;AAGbjC,YAAAA,QAAQ,EAAEgC,YAAY,CACjB1B,MADK,CACE,UAAApB,IAAI;AAAA,qBAAIA,IAAI,CAACqB,MAAT;AAAA,aADN,EAELtB,GAFK,CAED,UAAAC,IAAI;AAAA,qBAAIA,IAAI,CAACG,GAAT;AAAA,aAFH,CAHG;AAMbY,YAAAA,KAAK,EAAEiC;AANM,WAAjB,CADJ;AASH;AACJ,OA9CU,mEA+CCC,QA/CD,EA+CW;AAClB,eAAOpD,CAAC,CAACX,KAAF,CAAQgE,WAAR,GAAsBrD,CAAC,CAACX,KAAF,CAAQgE,WAAR,CAAoBD,QAApB,CAAtB,GAAsD,IAA7D;AACH,OAjDU,cAAf,CArCK,CAyFL;;AACA,UAAME,WAAW,gBACb;AACI,QAAA,SAAS,EAAE,6BAAW,WAAX,YAA2B3B,SAA3B,8CACHA,SADG,yBAC6BO,QAD7B,EADf;AAII,QAAA,KAAK;AAAIqB,UAAAA,MAAM,EAAE,MAAZ;AAAoBC,UAAAA,SAAS,EAAE;AAA/B,WAA0CvB,KAA1C;AAJT,SAMKO,aAAa,CAAC/B,MAAd,GAAuB,CAAvB,GACG,CACI+B,aAAa,CAACtC,GAAd,CAAkB,UAAAC,IAAI;AAAA,4BAClB,gCAAC,eAAD;AACI,UAAA,GAAG,EAAEA,IAAI,CAACuC,EADd;AAEI,UAAA,QAAQ,EAAE,CAACR,QAFf;AAGI,UAAA,OAAO,EAAE,iBAAAuB,CAAC,EAAI;AACVA,YAAAA,CAAC,CAACC,eAAF;AACA1D,YAAAA,CAAC,CAAC2D,QAAF,CAAWxD,IAAI,CAACuC,EAAhB;AACH;AANL,WAQKvC,IAAI,CAACsB,IAAL,CAAUhB,MAAV,GAAmB,EAAnB,aAA2BN,IAAI,CAACsB,IAAL,CAAUmC,KAAV,CAAgB,CAAhB,EAAmB,EAAnB,CAA3B,WAAyDzD,IAAI,CAACsB,IARnE,CADkB;AAAA,OAAtB,CADJ,EAaIS,QAAQ,GAAG,IAAH,gBACJ,gCAAC,6BAAD;AACI,QAAA,GAAG,EAAE,MADT;AAEI,QAAA,SAAS,YAAKP,SAAL,yBAFb;AAGI,QAAA,OAAO,EAAE,iBAAA8B,CAAC,EAAI;AACVA,UAAAA,CAAC,CAACC,eAAF;AACA1D,UAAAA,CAAC,CAAC6D,KAAF;AACH;AANL,QAdR,CADH,gBA0BG;AAAM,QAAA,SAAS,YAAKlC,SAAL;AAAf,SAA8C3B,CAAC,CAACX,KAAF,CAAQyE,WAAtD,CAhCR,CADJ,CA1FK,CAgIL;;;AACA,UAAMC,YAAY,gBACd,gCAAC,iBAAD;AACI,QAAA,KAAK,EAAEvB,aAAa,CAACtC,GAAd,CAAkB,UAAAC,IAAI;AAAA,iBAAIA,IAAI,CAACsB,IAAT;AAAA,SAAtB,EAAqCuC,IAArC,CAA0C,IAA1C,CADX;AAEI,QAAA,KAAK,EAAE/B,KAFX;AAGI,QAAA,QAAQ,MAHZ;AAII,QAAA,QAAQ,EAAEC,QAJd;AAKI,QAAA,WAAW,EAAElC,CAAC,CAACX,KAAF,CAAQyE,WALzB;AAMI,QAAA,MAAM,EACF5B,QAAQ,IAAIM,aAAa,CAAC/B,MAAd,IAAwB,CAApC,gBACI,6CADJ,gBAGI,gCAAC,6BAAD;AACI,UAAA,SAAS,YAAKkB,SAAL,gBADb;AAEI,UAAA,OAAO,EAAE3B,CAAC,CAAC6D,KAAF,CAAQI,IAAR,CAAajE,CAAb;AAFb;AAVZ,QADJ;;AAoBA,0BACI;AAAK,QAAA,SAAS,EAAE2B;AAAhB,SACKO,QAAQ,GACLL,QAAQ,IAAInB,aAAZ,GACI4C,WADJ,GAGIS,YAJC,gBAOL,gCAAC,mBAAD;AACI,QAAA,SAAS,EAAC,YADd;AAEI,QAAA,OAAO,eACH;AAAK,UAAA,SAAS,YAAKpC,SAAL,aAAd;AAAwC,UAAA,KAAK,EAAEK;AAA/C,wBACI,gCAAC,oBAAD,EAAWW,SAAX,CADJ,CAHR;AAOI,QAAA,OAAO,EAAC,OAPZ;AAQI,QAAA,eAAe,EAAE,yBAAAuB,CAAC,EAAI;AAClBlE,UAAAA,CAAC,CAACgD,QAAF,CAAW;AAAEvD,YAAAA,cAAc,EAAEyE;AAAlB,WAAX;AACH,SAVL;AAWI,QAAA,OAAO,EAAElE,CAAC,CAACR,KAAF,CAAQC;AAXrB,SAaKoC,QAAQ,IAAInB,aAAZ,GAA4B4C,WAA5B,GAA0CS,YAb/C,CARR,CADJ;AA2BH;;;;EA5QuCI,kBAAMC,S;;;AA+QlDhF,cAAc,CAACiF,SAAf,GAA2B;AACvBxE,EAAAA,IAAI,EAAEyE,sBAAUC,KADO;AAEvBzE,EAAAA,YAAY,EAAEwE,sBAAUE,OAAV,CAAkBF,sBAAUG,MAA5B,CAFS;AAGvB/D,EAAAA,aAAa,EAAE4D,sBAAUI,IAHF;AAIvB5D,EAAAA,KAAK,EAAEwD,sBAAUK,SAAV,CAAoB,CAACL,sBAAUG,MAAX,EAAmBH,sBAAUE,OAAV,CAAkBF,sBAAUG,MAA5B,CAAnB,CAApB,CAJgB;AAKvB1D,EAAAA,QAAQ,EAAEuD,sBAAUM;AALG,CAA3B","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"],"file":"index.js"}

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

@@ -6,7 +6,5 @@ require("antd/lib/input/style/css");
 
 require("antd/lib/tag/style/css");
 
-require("antd/lib/icon/style/css");
-
 require("./index.css");
 //# sourceMappingURL=css.js.map

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

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

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

@@ -61,6 +61,6 @@
   -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3);
           box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3);
 }
-.vtx-ztree-select-placehoder {
-  color: rgba(176, 176, 176, 0.8);
+.vtx-ztree-select-placeholder {
+  color: #bfbfbf;
 }

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

@@ -1,12 +1,10 @@
 "use strict";
 
-require("antd/lib/popover/style/css");
+require("antd/lib/popover/style");
 
-require("antd/lib/input/style/css");
+require("antd/lib/input/style");
 
-require("antd/lib/tag/style/css");
-
-require("antd/lib/icon/style/css");
+require("antd/lib/tag/style");
 
 require("./index.less");
 //# sourceMappingURL=index.js.map

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

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

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

@@ -1,18 +1,16 @@
+@import (reference) '~antd/lib/style/themes/index.less';
 @prefix-cls: vtx-ztree-select;
 
-@icon-color: rgba(0, 0, 0, 0.25);
-@icon-hover-color: rgba(0, 0, 0, 0.45);
-
 .@{prefix-cls} {
     position: relative;
     display: inline-block;
     width: 100%;
     &-close-icon {
         display: none;
-        color: @icon-color;
+        color: @disabled-color;
         cursor: pointer;
         &:hover {
-            color: @icon-hover-color;
+            color: @text-color-secondary;
         }
     }
     &:hover {
@@ -32,10 +30,10 @@
             top: 8px;
             right: 5px;
             display: none;
-            color: @icon-color;
+            color: @disabled-color;
             cursor: pointer;
             &:hover {
-                color: @icon-hover-color;
+                color: @text-color-secondary;
             }
         }
         &:hover {
@@ -45,8 +43,8 @@
         }
     }
     &-multiple-disabled {
-        color: rgba(0, 0, 0, 0.25);
-        background-color: #f5f5f5;
+        color: @disabled-color;
+        background-color: @input-disabled-bg;
         cursor: not-allowed;
         opacity: 1;
         &:hover {
@@ -71,6 +69,6 @@
     }
 }
 
-.vtx-ztree-select-placehoder {
-    color: rgba(176, 176, 176, 0.8);
+.vtx-ztree-select-placeholder {
+    color: @input-placeholder-color;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vtx/components",
-  "version": "3.0.0-0",
+  "version": "3.0.0",
   "description": "React components for Vortex",
   "keywords": [
     "react",
@@ -54,7 +54,7 @@
   "dependencies": {
     "@vtx/map": "latest",
     "@vtx/utils": "latest",
-    "ahooks": "^2.9.6",
+    "ahooks": "^3.1.5",
     "antd": "4.17.4",
     "axios": "^0.21.1",
     "braft-editor": "^2.3.9",