@salutejs/plasma-new-hope 0.320.1-canary.1912.14382016568.0 → 0.320.1-canary.1914.14404950905.0

package/cjs/components/Tree/Tree.js

@@ -24,8 +24,9 @@ var treeRoot = function treeRoot(Root) {
       _ref$arrowPlacement = _ref.arrowPlacement,
       arrowPlacement = _ref$arrowPlacement === void 0 ? 'left' : _ref$arrowPlacement,
       _ref$virtual = _ref.virtual,
-      virtual = _ref$virtual === void 0 ? false : _ref$virtual,
+      virtual = _ref$virtual === void 0 ? true : _ref$virtual,
       height = _ref.height,
+      itemHeight = _ref.itemHeight,
       size = _ref.size,
       view = _ref.view,
       _ref$fullWidthItemSel = _ref.fullWidthItemSelection,
@@ -59,6 +60,7 @@ var treeRoot = function treeRoot(Root) {
       items: items
     }, /*#__PURE__*/React__default.default.createElement(Tree__default.default, _rollupPluginBabelHelpers.extends({
       height: height,
+      itemHeight: itemHeight,
       virtual: virtual,
       multiple: multiple,
       checkable: checkable,

package/cjs/components/Tree/Tree.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tree.js","sources":["../../../src/components/Tree/Tree.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport Tree from 'rc-tree';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { TreeProps } from './Tree.types';\nimport { IconArrowWrapper, StyledArrow, base, StyledFolder, IconFolderWrapper } from './Tree.styles';\nimport { sizeToIconSize } from './utils';\nimport { classes } from './Tree.tokens';\n\n/**\n * Многоуровневый раскрывающийся список в виде дерева.\n */\nexport const treeRoot = (Root: RootProps<HTMLDivElement, TreeProps>) =>\n    forwardRef<HTMLDivElement, TreeProps>(\n        (\n            {\n                items,\n                arrowPlacement = 'left',\n                virtual = false,\n                height,\n                size,\n                view,\n                fullWidthItemSelection = false,\n                multiple = false,\n                defaultExpandAll = false,\n                checkable = false,\n                checkedKeys,\n                expandedKeys,\n                selectedKeys,\n                defaultCheckedKeys,\n                defaultExpandedKeys,\n                defaultSelectedKeys,\n                className,\n                onTreeSelect,\n                onTreeCheck,\n                onTreeExpand,\n                hasIcon = false,\n                icon,\n                renderTitle,\n            },\n            ref,\n        ) => {\n            const invertedClass = arrowPlacement === 'right' ? classes.treeInverted : undefined;\n            const itemFilledClass = fullWidthItemSelection ? classes.treeItemFilled : undefined;\n\n            return (\n                <Root view={view} size={size} ref={ref} items={items}>\n                    <Tree\n                        height={height}\n                        virtual={virtual}\n                        multiple={multiple}\n                        checkable={checkable}\n                        className={cx(className, invertedClass, itemFilledClass)}\n                        defaultExpandAll={defaultExpandAll}\n                        style={{ border: '1px solid #000' }}\n                        treeData={items}\n                        {...(checkedKeys !== undefined ? { checkedKeys } : {})}\n                        {...(expandedKeys !== undefined ? { expandedKeys } : {})}\n                        {...(selectedKeys !== undefined ? { selectedKeys } : {})}\n                        defaultCheckedKeys={defaultCheckedKeys}\n                        defaultExpandedKeys={defaultExpandedKeys}\n                        defaultSelectedKeys={defaultSelectedKeys}\n                        onSelect={onTreeSelect}\n                        // Тайп кастинг для упрощения API\n                        onCheck={onTreeCheck as any}\n                        onExpand={onTreeExpand}\n                        switcherIcon={(node) => {\n                            if (node.isLeaf) {\n                                return null;\n                            }\n\n                            return (\n                                <IconArrowWrapper>\n                                    <StyledArrow size={sizeToIconSize(size)} color=\"inherit\" className=\"arrow\" />\n                                </IconArrowWrapper>\n                            );\n                        }}\n                        icon={\n                            hasIcon &&\n                            (icon || (\n                                <IconFolderWrapper>\n                                    <StyledFolder size={sizeToIconSize(size)} color=\"inherit\" />\n                                </IconFolderWrapper>\n                            ))\n                        }\n                        titleRender={renderTitle}\n                    />\n                </Root>\n            );\n        },\n    );\n\nexport const treeConfig = {\n    name: 'Tree',\n    tag: 'div',\n    layout: treeRoot,\n    base,\n    variations: {},\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["treeRoot","Root","forwardRef","_ref","ref","items","_ref$arrowPlacement","arrowPlacement","_ref$virtual","virtual","height","size","view","_ref$fullWidthItemSel","fullWidthItemSelection","_ref$multiple","multiple","_ref$defaultExpandAll","defaultExpandAll","_ref$checkable","checkable","checkedKeys","expandedKeys","selectedKeys","defaultCheckedKeys","defaultExpandedKeys","defaultSelectedKeys","className","onTreeSelect","onTreeCheck","onTreeExpand","_ref$hasIcon","hasIcon","icon","renderTitle","invertedClass","classes","treeInverted","undefined","itemFilledClass","treeItemFilled","React","createElement","Tree","_extends","cx","style","border","treeData","onSelect","onCheck","onExpand","switcherIcon","node","isLeaf","IconArrowWrapper","StyledArrow","sizeToIconSize","color","IconFolderWrapper","StyledFolder","titleRender","treeConfig","name","tag","layout","base","variations","defaults"],"mappings":";;;;;;;;;;;;;;;;;AAWA;AACA;AACA;IACaA,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,IAA0C,EAAA;AAAA,EAAA,oBAC/DC,gBAAU,CACN,UAAAC,IAAA,EA0BIC,GAAG,EACF;AAAA,IAAA,IAzBGC,KAAK,GAAAF,IAAA,CAALE,KAAK;MAAAC,mBAAA,GAAAH,IAAA,CACLI,cAAc;AAAdA,MAAAA,cAAc,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,mBAAA;MAAAE,YAAA,GAAAL,IAAA,CACvBM,OAAO;AAAPA,MAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,YAAA;MACfE,MAAM,GAAAP,IAAA,CAANO,MAAM;MACNC,IAAI,GAAAR,IAAA,CAAJQ,IAAI;MACJC,IAAI,GAAAT,IAAA,CAAJS,IAAI;MAAAC,qBAAA,GAAAV,IAAA,CACJW,sBAAsB;AAAtBA,MAAAA,sBAAsB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;MAAAE,aAAA,GAAAZ,IAAA,CAC9Ba,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;MAAAE,qBAAA,GAAAd,IAAA,CAChBe,gBAAgB;AAAhBA,MAAAA,gBAAgB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;MAAAE,cAAA,GAAAhB,IAAA,CACxBiB,SAAS;AAATA,MAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,cAAA;MACjBE,WAAW,GAAAlB,IAAA,CAAXkB,WAAW;MACXC,YAAY,GAAAnB,IAAA,CAAZmB,YAAY;MACZC,YAAY,GAAApB,IAAA,CAAZoB,YAAY;MACZC,kBAAkB,GAAArB,IAAA,CAAlBqB,kBAAkB;MAClBC,mBAAmB,GAAAtB,IAAA,CAAnBsB,mBAAmB;MACnBC,mBAAmB,GAAAvB,IAAA,CAAnBuB,mBAAmB;MACnBC,SAAS,GAAAxB,IAAA,CAATwB,SAAS;MACTC,YAAY,GAAAzB,IAAA,CAAZyB,YAAY;MACZC,WAAW,GAAA1B,IAAA,CAAX0B,WAAW;MACXC,YAAY,GAAA3B,IAAA,CAAZ2B,YAAY;MAAAC,YAAA,GAAA5B,IAAA,CACZ6B,OAAO;AAAPA,MAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,YAAA;MACfE,IAAI,GAAA9B,IAAA,CAAJ8B,IAAI;MACJC,WAAW,GAAA/B,IAAA,CAAX+B,WAAW,CAAA;IAIf,IAAMC,aAAa,GAAG5B,cAAc,KAAK,OAAO,GAAG6B,mBAAO,CAACC,YAAY,GAAGC,SAAS,CAAA;IACnF,IAAMC,eAAe,GAAGzB,sBAAsB,GAAGsB,mBAAO,CAACI,cAAc,GAAGF,SAAS,CAAA;AAEnF,IAAA,oBACIG,sBAAA,CAAAC,aAAA,CAACzC,IAAI,EAAA;AAACW,MAAAA,IAAI,EAAEA,IAAK;AAACD,MAAAA,IAAI,EAAEA,IAAK;AAACP,MAAAA,GAAG,EAAEA,GAAI;AAACC,MAAAA,KAAK,EAAEA,KAAAA;AAAM,KAAA,eACjDoC,sBAAA,CAAAC,aAAA,CAACC,qBAAI,EAAAC,iCAAA,CAAA;AACDlC,MAAAA,MAAM,EAAEA,MAAO;AACfD,MAAAA,OAAO,EAAEA,OAAQ;AACjBO,MAAAA,QAAQ,EAAEA,QAAS;AACnBI,MAAAA,SAAS,EAAEA,SAAU;MACrBO,SAAS,EAAEkB,QAAE,CAAClB,SAAS,EAAEQ,aAAa,EAAEI,eAAe,CAAE;AACzDrB,MAAAA,gBAAgB,EAAEA,gBAAiB;AACnC4B,MAAAA,KAAK,EAAE;AAAEC,QAAAA,MAAM,EAAE,gBAAA;OAAmB;AACpCC,MAAAA,QAAQ,EAAE3C,KAAAA;KACLgB,EAAAA,WAAW,KAAKiB,SAAS,GAAG;AAAEjB,MAAAA,WAAW,EAAXA,WAAAA;AAAY,KAAC,GAAG,EAAE,EAChDC,YAAY,KAAKgB,SAAS,GAAG;AAAEhB,MAAAA,YAAY,EAAZA,YAAAA;AAAa,KAAC,GAAG,EAAE,EAClDC,YAAY,KAAKe,SAAS,GAAG;AAAEf,MAAAA,YAAY,EAAZA,YAAAA;KAAc,GAAG,EAAE,EAAA;AACvDC,MAAAA,kBAAkB,EAAEA,kBAAmB;AACvCC,MAAAA,mBAAmB,EAAEA,mBAAoB;AACzCC,MAAAA,mBAAmB,EAAEA,mBAAoB;AACzCuB,MAAAA,QAAQ,EAAErB,YAAAA;AACV;AAAA;AACAsB,MAAAA,OAAO,EAAErB,WAAmB;AAC5BsB,MAAAA,QAAQ,EAAErB,YAAa;AACvBsB,MAAAA,YAAY,EAAE,SAAAA,YAACC,CAAAA,IAAI,EAAK;QACpB,IAAIA,IAAI,CAACC,MAAM,EAAE;AACb,UAAA,OAAO,IAAI,CAAA;AACf,SAAA;QAEA,oBACIb,sBAAA,CAAAC,aAAA,CAACa,4BAAgB,qBACbd,sBAAA,CAAAC,aAAA,CAACc,uBAAW,EAAA;AAAC7C,UAAAA,IAAI,EAAE8C,6BAAc,CAAC9C,IAAI,CAAE;AAAC+C,UAAAA,KAAK,EAAC,SAAS;AAAC/B,UAAAA,SAAS,EAAC,OAAA;AAAO,SAAE,CAC9D,CAAC,CAAA;OAEzB;AACFM,MAAAA,IAAI,EACAD,OAAO,KACNC,IAAI,iBACDQ,sBAAA,CAAAC,aAAA,CAACiB,6BAAiB,EACdlB,IAAAA,eAAAA,sBAAA,CAAAC,aAAA,CAACkB,wBAAY,EAAA;AAACjD,QAAAA,IAAI,EAAE8C,6BAAc,CAAC9C,IAAI,CAAE;AAAC+C,QAAAA,KAAK,EAAC,SAAA;OAAW,CAC5C,CACtB,CACJ;AACDG,MAAAA,WAAW,EAAE3B,WAAAA;AAAY,KAAA,CAC5B,CACC,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAM4B,UAAU,GAAG;AACtBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEjE,QAAQ;AAChBkE,EAAAA,IAAI,EAAJA,gBAAI;EACJC,UAAU,EAAE,EAAE;AACdC,EAAAA,QAAQ,EAAE;AACNxD,IAAAA,IAAI,EAAE,SAAS;AACfD,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;;"}
+{"version":3,"file":"Tree.js","sources":["../../../src/components/Tree/Tree.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport Tree from 'rc-tree';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { TreeProps } from './Tree.types';\nimport { IconArrowWrapper, StyledArrow, base, StyledFolder, IconFolderWrapper } from './Tree.styles';\nimport { sizeToIconSize } from './utils';\nimport { classes } from './Tree.tokens';\n\n/**\n * Многоуровневый раскрывающийся список в виде дерева.\n */\nexport const treeRoot = (Root: RootProps<HTMLDivElement, TreeProps>) =>\n    forwardRef<HTMLDivElement, TreeProps>(\n        (\n            {\n                items,\n                arrowPlacement = 'left',\n                virtual = true,\n                height,\n                itemHeight,\n                size,\n                view,\n                fullWidthItemSelection = false,\n                multiple = false,\n                defaultExpandAll = false,\n                checkable = false,\n                checkedKeys,\n                expandedKeys,\n                selectedKeys,\n                defaultCheckedKeys,\n                defaultExpandedKeys,\n                defaultSelectedKeys,\n                className,\n                onTreeSelect,\n                onTreeCheck,\n                onTreeExpand,\n                hasIcon = false,\n                icon,\n                renderTitle,\n            },\n            ref,\n        ) => {\n            const invertedClass = arrowPlacement === 'right' ? classes.treeInverted : undefined;\n            const itemFilledClass = fullWidthItemSelection ? classes.treeItemFilled : undefined;\n\n            return (\n                <Root view={view} size={size} ref={ref} items={items}>\n                    <Tree\n                        height={height}\n                        itemHeight={itemHeight}\n                        virtual={virtual}\n                        multiple={multiple}\n                        checkable={checkable}\n                        className={cx(className, invertedClass, itemFilledClass)}\n                        defaultExpandAll={defaultExpandAll}\n                        style={{ border: '1px solid #000' }}\n                        treeData={items}\n                        {...(checkedKeys !== undefined ? { checkedKeys } : {})}\n                        {...(expandedKeys !== undefined ? { expandedKeys } : {})}\n                        {...(selectedKeys !== undefined ? { selectedKeys } : {})}\n                        defaultCheckedKeys={defaultCheckedKeys}\n                        defaultExpandedKeys={defaultExpandedKeys}\n                        defaultSelectedKeys={defaultSelectedKeys}\n                        onSelect={onTreeSelect}\n                        // Тайп кастинг для упрощения API\n                        onCheck={onTreeCheck as any}\n                        onExpand={onTreeExpand}\n                        switcherIcon={(node) => {\n                            if (node.isLeaf) {\n                                return null;\n                            }\n\n                            return (\n                                <IconArrowWrapper>\n                                    <StyledArrow size={sizeToIconSize(size)} color=\"inherit\" className=\"arrow\" />\n                                </IconArrowWrapper>\n                            );\n                        }}\n                        icon={\n                            hasIcon &&\n                            (icon || (\n                                <IconFolderWrapper>\n                                    <StyledFolder size={sizeToIconSize(size)} color=\"inherit\" />\n                                </IconFolderWrapper>\n                            ))\n                        }\n                        titleRender={renderTitle}\n                    />\n                </Root>\n            );\n        },\n    );\n\nexport const treeConfig = {\n    name: 'Tree',\n    tag: 'div',\n    layout: treeRoot,\n    base,\n    variations: {},\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["treeRoot","Root","forwardRef","_ref","ref","items","_ref$arrowPlacement","arrowPlacement","_ref$virtual","virtual","height","itemHeight","size","view","_ref$fullWidthItemSel","fullWidthItemSelection","_ref$multiple","multiple","_ref$defaultExpandAll","defaultExpandAll","_ref$checkable","checkable","checkedKeys","expandedKeys","selectedKeys","defaultCheckedKeys","defaultExpandedKeys","defaultSelectedKeys","className","onTreeSelect","onTreeCheck","onTreeExpand","_ref$hasIcon","hasIcon","icon","renderTitle","invertedClass","classes","treeInverted","undefined","itemFilledClass","treeItemFilled","React","createElement","Tree","_extends","cx","style","border","treeData","onSelect","onCheck","onExpand","switcherIcon","node","isLeaf","IconArrowWrapper","StyledArrow","sizeToIconSize","color","IconFolderWrapper","StyledFolder","titleRender","treeConfig","name","tag","layout","base","variations","defaults"],"mappings":";;;;;;;;;;;;;;;;;AAWA;AACA;AACA;IACaA,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,IAA0C,EAAA;AAAA,EAAA,oBAC/DC,gBAAU,CACN,UAAAC,IAAA,EA2BIC,GAAG,EACF;AAAA,IAAA,IA1BGC,KAAK,GAAAF,IAAA,CAALE,KAAK;MAAAC,mBAAA,GAAAH,IAAA,CACLI,cAAc;AAAdA,MAAAA,cAAc,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,mBAAA;MAAAE,YAAA,GAAAL,IAAA,CACvBM,OAAO;AAAPA,MAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,YAAA;MACdE,MAAM,GAAAP,IAAA,CAANO,MAAM;MACNC,UAAU,GAAAR,IAAA,CAAVQ,UAAU;MACVC,IAAI,GAAAT,IAAA,CAAJS,IAAI;MACJC,IAAI,GAAAV,IAAA,CAAJU,IAAI;MAAAC,qBAAA,GAAAX,IAAA,CACJY,sBAAsB;AAAtBA,MAAAA,sBAAsB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;MAAAE,aAAA,GAAAb,IAAA,CAC9Bc,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;MAAAE,qBAAA,GAAAf,IAAA,CAChBgB,gBAAgB;AAAhBA,MAAAA,gBAAgB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;MAAAE,cAAA,GAAAjB,IAAA,CACxBkB,SAAS;AAATA,MAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,cAAA;MACjBE,WAAW,GAAAnB,IAAA,CAAXmB,WAAW;MACXC,YAAY,GAAApB,IAAA,CAAZoB,YAAY;MACZC,YAAY,GAAArB,IAAA,CAAZqB,YAAY;MACZC,kBAAkB,GAAAtB,IAAA,CAAlBsB,kBAAkB;MAClBC,mBAAmB,GAAAvB,IAAA,CAAnBuB,mBAAmB;MACnBC,mBAAmB,GAAAxB,IAAA,CAAnBwB,mBAAmB;MACnBC,SAAS,GAAAzB,IAAA,CAATyB,SAAS;MACTC,YAAY,GAAA1B,IAAA,CAAZ0B,YAAY;MACZC,WAAW,GAAA3B,IAAA,CAAX2B,WAAW;MACXC,YAAY,GAAA5B,IAAA,CAAZ4B,YAAY;MAAAC,YAAA,GAAA7B,IAAA,CACZ8B,OAAO;AAAPA,MAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,YAAA;MACfE,IAAI,GAAA/B,IAAA,CAAJ+B,IAAI;MACJC,WAAW,GAAAhC,IAAA,CAAXgC,WAAW,CAAA;IAIf,IAAMC,aAAa,GAAG7B,cAAc,KAAK,OAAO,GAAG8B,mBAAO,CAACC,YAAY,GAAGC,SAAS,CAAA;IACnF,IAAMC,eAAe,GAAGzB,sBAAsB,GAAGsB,mBAAO,CAACI,cAAc,GAAGF,SAAS,CAAA;AAEnF,IAAA,oBACIG,sBAAA,CAAAC,aAAA,CAAC1C,IAAI,EAAA;AAACY,MAAAA,IAAI,EAAEA,IAAK;AAACD,MAAAA,IAAI,EAAEA,IAAK;AAACR,MAAAA,GAAG,EAAEA,GAAI;AAACC,MAAAA,KAAK,EAAEA,KAAAA;AAAM,KAAA,eACjDqC,sBAAA,CAAAC,aAAA,CAACC,qBAAI,EAAAC,iCAAA,CAAA;AACDnC,MAAAA,MAAM,EAAEA,MAAO;AACfC,MAAAA,UAAU,EAAEA,UAAW;AACvBF,MAAAA,OAAO,EAAEA,OAAQ;AACjBQ,MAAAA,QAAQ,EAAEA,QAAS;AACnBI,MAAAA,SAAS,EAAEA,SAAU;MACrBO,SAAS,EAAEkB,QAAE,CAAClB,SAAS,EAAEQ,aAAa,EAAEI,eAAe,CAAE;AACzDrB,MAAAA,gBAAgB,EAAEA,gBAAiB;AACnC4B,MAAAA,KAAK,EAAE;AAAEC,QAAAA,MAAM,EAAE,gBAAA;OAAmB;AACpCC,MAAAA,QAAQ,EAAE5C,KAAAA;KACLiB,EAAAA,WAAW,KAAKiB,SAAS,GAAG;AAAEjB,MAAAA,WAAW,EAAXA,WAAAA;AAAY,KAAC,GAAG,EAAE,EAChDC,YAAY,KAAKgB,SAAS,GAAG;AAAEhB,MAAAA,YAAY,EAAZA,YAAAA;AAAa,KAAC,GAAG,EAAE,EAClDC,YAAY,KAAKe,SAAS,GAAG;AAAEf,MAAAA,YAAY,EAAZA,YAAAA;KAAc,GAAG,EAAE,EAAA;AACvDC,MAAAA,kBAAkB,EAAEA,kBAAmB;AACvCC,MAAAA,mBAAmB,EAAEA,mBAAoB;AACzCC,MAAAA,mBAAmB,EAAEA,mBAAoB;AACzCuB,MAAAA,QAAQ,EAAErB,YAAAA;AACV;AAAA;AACAsB,MAAAA,OAAO,EAAErB,WAAmB;AAC5BsB,MAAAA,QAAQ,EAAErB,YAAa;AACvBsB,MAAAA,YAAY,EAAE,SAAAA,YAACC,CAAAA,IAAI,EAAK;QACpB,IAAIA,IAAI,CAACC,MAAM,EAAE;AACb,UAAA,OAAO,IAAI,CAAA;AACf,SAAA;QAEA,oBACIb,sBAAA,CAAAC,aAAA,CAACa,4BAAgB,qBACbd,sBAAA,CAAAC,aAAA,CAACc,uBAAW,EAAA;AAAC7C,UAAAA,IAAI,EAAE8C,6BAAc,CAAC9C,IAAI,CAAE;AAAC+C,UAAAA,KAAK,EAAC,SAAS;AAAC/B,UAAAA,SAAS,EAAC,OAAA;AAAO,SAAE,CAC9D,CAAC,CAAA;OAEzB;AACFM,MAAAA,IAAI,EACAD,OAAO,KACNC,IAAI,iBACDQ,sBAAA,CAAAC,aAAA,CAACiB,6BAAiB,EACdlB,IAAAA,eAAAA,sBAAA,CAAAC,aAAA,CAACkB,wBAAY,EAAA;AAACjD,QAAAA,IAAI,EAAE8C,6BAAc,CAAC9C,IAAI,CAAE;AAAC+C,QAAAA,KAAK,EAAC,SAAA;OAAW,CAC5C,CACtB,CACJ;AACDG,MAAAA,WAAW,EAAE3B,WAAAA;AAAY,KAAA,CAC5B,CACC,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAM4B,UAAU,GAAG;AACtBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAElE,QAAQ;AAChBmE,EAAAA,IAAI,EAAJA,gBAAI;EACJC,UAAU,EAAE,EAAE;AACdC,EAAAA,QAAQ,EAAE;AACNxD,IAAAA,IAAI,EAAE,SAAS;AACfD,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;;"}

package/emotion/cjs/components/Tree/Tree.js

@@ -24,8 +24,9 @@ var treeRoot = exports.treeRoot = function treeRoot(Root) {
       _ref$arrowPlacement = _ref.arrowPlacement,
       arrowPlacement = _ref$arrowPlacement === void 0 ? 'left' : _ref$arrowPlacement,
       _ref$virtual = _ref.virtual,
-      virtual = _ref$virtual === void 0 ? false : _ref$virtual,
+      virtual = _ref$virtual === void 0 ? true : _ref$virtual,
       height = _ref.height,
+      itemHeight = _ref.itemHeight,
       size = _ref.size,
       view = _ref.view,
       _ref$fullWidthItemSel = _ref.fullWidthItemSelection,
@@ -59,6 +60,7 @@ var treeRoot = exports.treeRoot = function treeRoot(Root) {
       items: items
     }, /*#__PURE__*/_react["default"].createElement(_rcTree["default"], _extends({
       height: height,
+      itemHeight: itemHeight,
       virtual: virtual,
       multiple: multiple,
       checkable: checkable,

package/emotion/cjs/components/Tree/Tree.template-doc.mdx

@@ -99,7 +99,7 @@ type TreeItem = {
             ];
 
             return (
-                <div style={{ display: 'block' }}>
+                <div style=\{{ display: 'block' }}>
                     <Tree items={treeData} defaultExpandAll />
                 </div>
             );
@@ -166,7 +166,7 @@ type TreeItem = {
             const [selected, setSelected] = React.useState<React.Key>([]);
 
             return (
-                <div style={{ display: 'block' }}>
+                <div style=\{{ display: 'block' }}>
                     <Tree
                         items={treeData}
                         checkable
@@ -182,5 +182,28 @@ type TreeItem = {
         }
         ```
     </TabItem>
+    <TabItem value="virtual" label="Virtual">
+        Для включения виртуализации обязательными являются 2 свойства: `height` и `itemHeight`. \
+        Также есть опциональный флаг для явного отключения/включения виртуализации: `virtual`.
+
+        ```tsx live
+        import React from 'react';
+        import { Tree } from '@salutejs/{{ package }}';
+
+        export function App() {
+            return (
+                <div style=\{{ display: 'block' }}>
+                    <Tree
+                        items={Array(1000)
+                            .fill(1)
+                            .map((_, i) => ({ key: i.toString(), title: i.toString() }))}
+                        height={400}
+                        itemHeight={48}
+                    />
+                </div>
+            );
+        }
+        ```
+    </TabItem>
 </Tabs>