@rsdoctor/components 1.3.12 → 1.3.13-beta.1

package/dist/pages/ModuleAnalyze/components/fileTreeCom.mjs

@@ -1,23 +1,39 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { MinusCircleOutlined, PlusCircleOutlined, RightSquareOutlined } from "@ant-design/icons";
 import { Popover, Space, Typography } from "antd";
-import { useCallback } from "react";
+import { useCallback, useEffect, useRef } from "react";
 import react_hyper_tree, { useTreeState } from "react-hyper-tree";
 import { ModuleGraphListContext } from "../../BundleSize/config.mjs";
 import "./fileTreeCom.css";
 import { getFileCom } from "../../../components/FileTree/index.mjs";
 const prefix = 'file-tree-com';
 const FileTree = (props)=>{
-    const { treeData, needJumpto = false, defaultOpened = false, defaultOpenFather = 0 } = props;
+    const { treeData, needJumpto = false, defaultOpenFather = 0 } = props;
     const { required, handlers } = useTreeState({
         id: `${prefix}-tree`,
         data: treeData || [],
-        defaultOpened,
+        defaultOpened: false,
         multipleSelect: false,
         refreshAsyncNodes: true
     });
+    const expandedNodes = useRef(new Set());
+    useEffect(()=>{
+        expandedNodes.current.clear();
+    }, [
+        treeData
+    ]);
     const renderNode = useCallback(({ node, onToggle })=>{
-        defaultOpenFather && node.data.level < defaultOpenFather && node.setOpened(true);
+        if ('object' != typeof node.data || null === node.data || Array.isArray(node.data)) return null;
+        const hasChildren = 'function' == typeof node.data.getChildren || Array.isArray(node.data.children) && node.data.children.length > 0;
+        if (defaultOpenFather > 0 && 'number' == typeof node.data.level && node.data.level < defaultOpenFather && hasChildren) {
+            const nodeId = node.id;
+            if (!expandedNodes.current.has(nodeId)) {
+                expandedNodes.current.add(nodeId);
+                requestAnimationFrame(()=>{
+                    handlers.setOpen(nodeId, true);
+                });
+            }
+        }
         const Icon = getFileCom(node.data.name);
         return /*#__PURE__*/ jsx("div", {
             className: `${prefix}-titles-box`,
@@ -33,15 +49,18 @@ const FileTree = (props)=>{
                                     onClick: onToggle,
                                     children: /*#__PURE__*/ jsxs(Space, {
                                         children: [
-                                            !node.options.opened && node.data.children?.length ? /*#__PURE__*/ jsx(PlusCircleOutlined, {
-                                                style: {
-                                                    color: 'lightblue'
-                                                }
-                                            }) : /*#__PURE__*/ jsx(MinusCircleOutlined, {
-                                                style: {
-                                                    color: 'lightblue'
-                                                }
-                                            }),
+                                            (()=>{
+                                                const hasChildren = 'function' == typeof node.data.getChildren || Array.isArray(node.data.children) && node.data.children.length > 0;
+                                                return !node.options.opened && hasChildren ? /*#__PURE__*/ jsx(PlusCircleOutlined, {
+                                                    style: {
+                                                        color: 'lightblue'
+                                                    }
+                                                }) : /*#__PURE__*/ jsx(MinusCircleOutlined, {
+                                                    style: {
+                                                        color: 'lightblue'
+                                                    }
+                                                });
+                                            })(),
                                             Icon,
                                             /*#__PURE__*/ jsx(Popover, {
                                                 content: /*#__PURE__*/ jsx(Fragment, {
@@ -78,7 +97,11 @@ const FileTree = (props)=>{
                 })
             })
         }, node.data.name);
-    }, []);
+    }, [
+        handlers,
+        defaultOpenFather,
+        needJumpto
+    ]);
     return /*#__PURE__*/ jsx(Fragment, {
         children: /*#__PURE__*/ jsx(react_hyper_tree, {
             ...required,

package/dist/pages/ModuleAnalyze/components/fileTreeCom.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"pages/ModuleAnalyze/components/fileTreeCom.mjs","sources":["../../../../src/pages/ModuleAnalyze/components/fileTreeCom.tsx"],"sourcesContent":["import {\n  MinusCircleOutlined,\n  PlusCircleOutlined,\n  RightSquareOutlined,\n} from '@ant-design/icons';\nimport { Popover, Space, Typography } from 'antd';\nimport React, { useCallback } from 'react';\nimport Tree, { DefaultNodeProps, useTreeState } from 'react-hyper-tree';\n\nimport { ModuleGraphListContext } from '../../BundleSize/config';\nimport { NewTreeNodeType } from '../utils/hooks';\nimport './fileTreeCom.scss';\nimport { getFileCom } from 'src/components/FileTree';\n\nconst prefix = 'file-tree-com';\n\ntype FileTreeProps = {\n  treeData: NewTreeNodeType[];\n  needCode?: boolean;\n  needShowAllTree?: boolean;\n  needJumpto?: boolean;\n  defaultOpened?: boolean;\n  defaultOpenFather?: number;\n  cwd: string;\n  selectedChunk?: string;\n};\n\nexport const FileTree: React.FC<FileTreeProps> = (props) => {\n  const {\n    treeData,\n    needJumpto = false,\n    defaultOpened = false,\n    defaultOpenFather = 0,\n  } = props;\n\n  const { required, handlers } = useTreeState({\n    id: `${prefix}-tree`,\n    data: treeData || [],\n    defaultOpened,\n    multipleSelect: false,\n    refreshAsyncNodes: true,\n  });\n\n  const renderNode = useCallback(({ node, onToggle }: DefaultNodeProps) => {\n    defaultOpenFather &&\n      node.data.level < defaultOpenFather &&\n      node.setOpened(true);\n    const Icon = getFileCom(node.data.name);\n\n    return (\n      <div className={`${prefix}-titles-box`} key={node.data.name}>\n        <div className={`${prefix}-titles`}>\n          <Space direction=\"vertical\">\n            <div className={`${prefix}-node-title`}>\n              <Space>\n                <div onClick={onToggle}>\n                  <Space>\n                    {!node.options.opened && node.data.children?.length ? (\n                      <PlusCircleOutlined style={{ color: 'lightblue' }} />\n                    ) : (\n                      <MinusCircleOutlined style={{ color: 'lightblue' }} />\n                    )}\n                    {Icon}\n                    <Popover\n                      key={`${node.data.name}popover`}\n                      content={\n                        <>\n                          {node.data.__RESOURCEPATH__ ? (\n                            <Typography.Text\n                              key={`${node.data.name}-popover-path`}\n                              code\n                            >\n                              {node.data.__RESOURCEPATH__}\n                            </Typography.Text>\n                          ) : (\n                            <></>\n                          )}\n                        </>\n                      }\n                      title=\"INFO\"\n                      trigger=\"hover\"\n                    >\n                      <Typography.Text>{node.data.name}</Typography.Text>\n                    </Popover>\n                  </Space>\n                </div>\n                <Space>\n                  {needJumpto && (\n                    <ModuleGraphListContext.Consumer>\n                      {({ moduleJumpList, setModuleJumpList }) => {\n                        return (\n                          <RightSquareOutlined\n                            onClick={() => {\n                              const _list = [...moduleJumpList];\n                              _list.push(+node.id);\n                              setModuleJumpList(_list);\n                            }}\n                          />\n                        );\n                      }}\n                    </ModuleGraphListContext.Consumer>\n                  )}\n                </Space>\n              </Space>\n            </div>\n          </Space>\n        </div>\n      </div>\n    );\n  }, []);\n\n  return (\n    <>\n      <Tree\n        {...required}\n        {...handlers}\n        horizontalLineStyles={{\n          stroke: '#c4c4c4',\n          strokeWidth: 2,\n          strokeDasharray: '1 1',\n        }}\n        verticalLineStyles={{\n          stroke: '#c4c4c4',\n          strokeWidth: 2,\n          strokeDasharray: '1 1',\n        }}\n        draggable={false}\n        depthGap={14}\n        gapMode={'padding'}\n        disableLines={false}\n        disableTransitions={true}\n        disableHorizontalLines={false}\n        disableVerticalLines={false}\n        verticalLineTopOffset={0}\n        verticalLineOffset={5}\n        renderNode={renderNode}\n      />\n    </>\n  );\n};\n"],"names":["prefix","FileTree","props","treeData","needJumpto","defaultOpened","defaultOpenFather","required","handlers","useTreeState","renderNode","useCallback","node","onToggle","Icon","getFileCom","Space","PlusCircleOutlined","MinusCircleOutlined","Popover","Typography","ModuleGraphListContext","moduleJumpList","setModuleJumpList","RightSquareOutlined","_list","Tree"],"mappings":";;;;;;;;AAcA,MAAMA,SAAS;AAaR,MAAMC,WAAoC,CAACC;IAChD,MAAM,EACJC,QAAQ,EACRC,aAAa,KAAK,EAClBC,gBAAgB,KAAK,EACrBC,oBAAoB,CAAC,EACtB,GAAGJ;IAEJ,MAAM,EAAEK,QAAQ,EAAEC,QAAQ,EAAE,GAAGC,aAAa;QAC1C,IAAI,GAAGT,OAAO,KAAK,CAAC;QACpB,MAAMG,YAAY,EAAE;QACpBE;QACA,gBAAgB;QAChB,mBAAmB;IACrB;IAEA,MAAMK,aAAaC,YAAY,CAAC,EAAEC,IAAI,EAAEC,QAAQ,EAAoB;QAClEP,qBACEM,KAAK,IAAI,CAAC,KAAK,GAAGN,qBAClBM,KAAK,SAAS,CAAC;QACjB,MAAME,OAAOC,WAAWH,KAAK,IAAI,CAAC,IAAI;QAEtC,OAAO,WAAP,GACE,IAAC;YAAI,WAAW,GAAGZ,OAAO,WAAW,CAAC;sBACpC,kBAAC;gBAAI,WAAW,GAAGA,OAAO,OAAO,CAAC;0BAChC,kBAACgB,OAAKA;oBAAC,WAAU;8BACf,kBAAC;wBAAI,WAAW,GAAGhB,OAAO,WAAW,CAAC;kCACpC,mBAACgB,OAAKA;;8CACJ,IAAC;oCAAI,SAASH;8CACZ,mBAACG,OAAKA;;4CACH,CAACJ,KAAK,OAAO,CAAC,MAAM,IAAIA,KAAK,IAAI,CAAC,QAAQ,EAAE,SAAS,WAAT,GAC3C,IAACK,oBAAkBA;gDAAC,OAAO;oDAAE,OAAO;gDAAY;+DAEhD,IAACC,qBAAmBA;gDAAC,OAAO;oDAAE,OAAO;gDAAY;;4CAElDJ;0DACD,IAACK,SAAOA;gDAEN,uBACE;8DACGP,KAAK,IAAI,CAAC,gBAAgB,GAAG,WAAH,GACzB,IAACQ,WAAW,IAAI;wDAEd,MAAI;kEAEHR,KAAK,IAAI,CAAC,gBAAgB;uDAHtB,GAAGA,KAAK,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,kBAMvC;;gDAIN,OAAM;gDACN,SAAQ;0DAER,kBAACQ,WAAW,IAAI;8DAAER,KAAK,IAAI,CAAC,IAAI;;+CAlB3B,GAAGA,KAAK,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;;;;8CAsBrC,IAACI,OAAKA;8CACHZ,cAAc,WAAdA,GACC,IAACiB,uBAAuB,QAAQ;kDAC7B,CAAC,EAAEC,cAAc,EAAEC,iBAAiB,EAAE,GAC9B,WAAP,GACE,IAACC,qBAAmBA;gDAClB,SAAS;oDACP,MAAMC,QAAQ;2DAAIH;qDAAe;oDACjCG,MAAM,IAAI,CAAC,CAACb,KAAK,EAAE;oDACnBW,kBAAkBE;gDACpB;;;;;;;;;WA9CuBb,KAAK,IAAI,CAAC,IAAI;IA2D/D,GAAG,EAAE;IAEL,OAAO,WAAP,GACE;kBACE,kBAACc,kBAAIA;YACF,GAAGnB,QAAQ;YACX,GAAGC,QAAQ;YACZ,sBAAsB;gBACpB,QAAQ;gBACR,aAAa;gBACb,iBAAiB;YACnB;YACA,oBAAoB;gBAClB,QAAQ;gBACR,aAAa;gBACb,iBAAiB;YACnB;YACA,WAAW;YACX,UAAU;YACV,SAAS;YACT,cAAc;YACd,oBAAoB;YACpB,wBAAwB;YACxB,sBAAsB;YACtB,uBAAuB;YACvB,oBAAoB;YACpB,YAAYE;;;AAIpB"}
+{"version":3,"file":"pages/ModuleAnalyze/components/fileTreeCom.mjs","sources":["../../../../src/pages/ModuleAnalyze/components/fileTreeCom.tsx"],"sourcesContent":["import {\n  MinusCircleOutlined,\n  PlusCircleOutlined,\n  RightSquareOutlined,\n} from '@ant-design/icons';\nimport { Popover, Space, Typography } from 'antd';\nimport React, { useCallback, useEffect, useRef } from 'react';\nimport Tree, { DefaultNodeProps, useTreeState } from 'react-hyper-tree';\n\nimport { ModuleGraphListContext } from '../../BundleSize/config';\nimport { NewTreeNodeType } from '../utils/hooks';\nimport './fileTreeCom.scss';\nimport { getFileCom } from 'src/components/FileTree';\n\nconst prefix = 'file-tree-com';\n\ntype FileTreeProps = {\n  treeData: NewTreeNodeType[];\n  needCode?: boolean;\n  needShowAllTree?: boolean;\n  needJumpto?: boolean;\n  defaultOpened?: boolean;\n  defaultOpenFather?: number;\n  cwd: string;\n  selectedChunk?: string;\n};\n\nexport const FileTree: React.FC<FileTreeProps> = (props) => {\n  const { treeData, needJumpto = false, defaultOpenFather = 0 } = props;\n\n  const { required, handlers } = useTreeState({\n    id: `${prefix}-tree`,\n    data: treeData || [],\n    defaultOpened: false,\n    multipleSelect: false,\n    refreshAsyncNodes: true,\n  });\n\n  const expandedNodes = useRef<Set<string | number>>(new Set());\n\n  useEffect(() => {\n    expandedNodes.current.clear();\n  }, [treeData]);\n\n  const renderNode = useCallback(\n    ({ node, onToggle }: DefaultNodeProps) => {\n      if (\n        typeof node.data !== 'object' ||\n        node.data === null ||\n        Array.isArray(node.data)\n      ) {\n        return null;\n      }\n\n      const hasChildren =\n        typeof node.data.getChildren === 'function' ||\n        (Array.isArray(node.data.children) && node.data.children.length > 0);\n\n      if (\n        defaultOpenFather > 0 &&\n        typeof node.data.level === 'number' &&\n        node.data.level < defaultOpenFather &&\n        hasChildren\n      ) {\n        const nodeId = node.id;\n        if (!expandedNodes.current.has(nodeId)) {\n          expandedNodes.current.add(nodeId);\n          requestAnimationFrame(() => {\n            handlers.setOpen(nodeId, true);\n          });\n        }\n      }\n\n      const Icon = getFileCom(node.data.name);\n\n      return (\n        <div className={`${prefix}-titles-box`} key={node.data.name}>\n          <div className={`${prefix}-titles`}>\n            <Space direction=\"vertical\">\n              <div className={`${prefix}-node-title`}>\n                <Space>\n                  <div onClick={onToggle}>\n                    <Space>\n                      {(() => {\n                        const hasChildren =\n                          typeof node.data.getChildren === 'function' ||\n                          (Array.isArray(node.data.children) &&\n                            node.data.children.length > 0);\n                        return !node.options.opened && hasChildren ? (\n                          <PlusCircleOutlined style={{ color: 'lightblue' }} />\n                        ) : (\n                          <MinusCircleOutlined style={{ color: 'lightblue' }} />\n                        );\n                      })()}\n                      {Icon}\n                      <Popover\n                        key={`${node.data.name}popover`}\n                        content={\n                          <>\n                            {node.data.__RESOURCEPATH__ ? (\n                              <Typography.Text\n                                key={`${node.data.name}-popover-path`}\n                                code\n                              >\n                                {node.data.__RESOURCEPATH__}\n                              </Typography.Text>\n                            ) : (\n                              <></>\n                            )}\n                          </>\n                        }\n                        title=\"INFO\"\n                        trigger=\"hover\"\n                      >\n                        <Typography.Text>{node.data.name}</Typography.Text>\n                      </Popover>\n                    </Space>\n                  </div>\n                  <Space>\n                    {needJumpto && (\n                      <ModuleGraphListContext.Consumer>\n                        {({ moduleJumpList, setModuleJumpList }) => {\n                          return (\n                            <RightSquareOutlined\n                              onClick={() => {\n                                const _list = [...moduleJumpList];\n                                _list.push(+node.id);\n                                setModuleJumpList(_list);\n                              }}\n                            />\n                          );\n                        }}\n                      </ModuleGraphListContext.Consumer>\n                    )}\n                  </Space>\n                </Space>\n              </div>\n            </Space>\n          </div>\n        </div>\n      );\n    },\n    [handlers, defaultOpenFather, needJumpto],\n  );\n\n  return (\n    <>\n      <Tree\n        {...required}\n        {...handlers}\n        horizontalLineStyles={{\n          stroke: '#c4c4c4',\n          strokeWidth: 2,\n          strokeDasharray: '1 1',\n        }}\n        verticalLineStyles={{\n          stroke: '#c4c4c4',\n          strokeWidth: 2,\n          strokeDasharray: '1 1',\n        }}\n        draggable={false}\n        depthGap={14}\n        gapMode={'padding'}\n        disableLines={false}\n        disableTransitions={true}\n        disableHorizontalLines={false}\n        disableVerticalLines={false}\n        verticalLineTopOffset={0}\n        verticalLineOffset={5}\n        renderNode={renderNode}\n      />\n    </>\n  );\n};\n"],"names":["prefix","FileTree","props","treeData","needJumpto","defaultOpenFather","required","handlers","useTreeState","expandedNodes","useRef","Set","useEffect","renderNode","useCallback","node","onToggle","Array","hasChildren","nodeId","requestAnimationFrame","Icon","getFileCom","Space","PlusCircleOutlined","MinusCircleOutlined","Popover","Typography","ModuleGraphListContext","moduleJumpList","setModuleJumpList","RightSquareOutlined","_list","Tree"],"mappings":";;;;;;;;AAcA,MAAMA,SAAS;AAaR,MAAMC,WAAoC,CAACC;IAChD,MAAM,EAAEC,QAAQ,EAAEC,aAAa,KAAK,EAAEC,oBAAoB,CAAC,EAAE,GAAGH;IAEhE,MAAM,EAAEI,QAAQ,EAAEC,QAAQ,EAAE,GAAGC,aAAa;QAC1C,IAAI,GAAGR,OAAO,KAAK,CAAC;QACpB,MAAMG,YAAY,EAAE;QACpB,eAAe;QACf,gBAAgB;QAChB,mBAAmB;IACrB;IAEA,MAAMM,gBAAgBC,OAA6B,IAAIC;IAEvDC,UAAU;QACRH,cAAc,OAAO,CAAC,KAAK;IAC7B,GAAG;QAACN;KAAS;IAEb,MAAMU,aAAaC,YACjB,CAAC,EAAEC,IAAI,EAAEC,QAAQ,EAAoB;QACnC,IACE,AAAqB,YAArB,OAAOD,KAAK,IAAI,IAChBA,AAAc,SAAdA,KAAK,IAAI,IACTE,MAAM,OAAO,CAACF,KAAK,IAAI,GAEvB,OAAO;QAGT,MAAMG,cACJ,AAAiC,cAAjC,OAAOH,KAAK,IAAI,CAAC,WAAW,IAC3BE,MAAM,OAAO,CAACF,KAAK,IAAI,CAAC,QAAQ,KAAKA,KAAK,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG;QAEpE,IACEV,oBAAoB,KACpB,AAA2B,YAA3B,OAAOU,KAAK,IAAI,CAAC,KAAK,IACtBA,KAAK,IAAI,CAAC,KAAK,GAAGV,qBAClBa,aACA;YACA,MAAMC,SAASJ,KAAK,EAAE;YACtB,IAAI,CAACN,cAAc,OAAO,CAAC,GAAG,CAACU,SAAS;gBACtCV,cAAc,OAAO,CAAC,GAAG,CAACU;gBAC1BC,sBAAsB;oBACpBb,SAAS,OAAO,CAACY,QAAQ;gBAC3B;YACF;QACF;QAEA,MAAME,OAAOC,WAAWP,KAAK,IAAI,CAAC,IAAI;QAEtC,OAAO,WAAP,GACE,IAAC;YAAI,WAAW,GAAGf,OAAO,WAAW,CAAC;sBACpC,kBAAC;gBAAI,WAAW,GAAGA,OAAO,OAAO,CAAC;0BAChC,kBAACuB,OAAKA;oBAAC,WAAU;8BACf,kBAAC;wBAAI,WAAW,GAAGvB,OAAO,WAAW,CAAC;kCACpC,mBAACuB,OAAKA;;8CACJ,IAAC;oCAAI,SAASP;8CACZ,mBAACO,OAAKA;;4CACD;gDACD,MAAML,cACJ,AAAiC,cAAjC,OAAOH,KAAK,IAAI,CAAC,WAAW,IAC3BE,MAAM,OAAO,CAACF,KAAK,IAAI,CAAC,QAAQ,KAC/BA,KAAK,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG;gDAChC,OAAO,CAACA,KAAK,OAAO,CAAC,MAAM,IAAIG,cAAc,WAAdA,GAC7B,IAACM,oBAAkBA;oDAAC,OAAO;wDAAE,OAAO;oDAAY;mEAEhD,IAACC,qBAAmBA;oDAAC,OAAO;wDAAE,OAAO;oDAAY;;4CAErD;4CACCJ;0DACD,IAACK,SAAOA;gDAEN,uBACE;8DACGX,KAAK,IAAI,CAAC,gBAAgB,GAAG,WAAH,GACzB,IAACY,WAAW,IAAI;wDAEd,MAAI;kEAEHZ,KAAK,IAAI,CAAC,gBAAgB;uDAHtB,GAAGA,KAAK,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,kBAMvC;;gDAIN,OAAM;gDACN,SAAQ;0DAER,kBAACY,WAAW,IAAI;8DAAEZ,KAAK,IAAI,CAAC,IAAI;;+CAlB3B,GAAGA,KAAK,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;;;;8CAsBrC,IAACQ,OAAKA;8CACHnB,cAAc,WAAdA,GACC,IAACwB,uBAAuB,QAAQ;kDAC7B,CAAC,EAAEC,cAAc,EAAEC,iBAAiB,EAAE,GAC9B,WAAP,GACE,IAACC,qBAAmBA;gDAClB,SAAS;oDACP,MAAMC,QAAQ;2DAAIH;qDAAe;oDACjCG,MAAM,IAAI,CAAC,CAACjB,KAAK,EAAE;oDACnBe,kBAAkBE;gDACpB;;;;;;;;;WApDuBjB,KAAK,IAAI,CAAC,IAAI;IAiE/D,GACA;QAACR;QAAUF;QAAmBD;KAAW;IAG3C,OAAO,WAAP,GACE;kBACE,kBAAC6B,kBAAIA;YACF,GAAG3B,QAAQ;YACX,GAAGC,QAAQ;YACZ,sBAAsB;gBACpB,QAAQ;gBACR,aAAa;gBACb,iBAAiB;YACnB;YACA,oBAAoB;gBAClB,QAAQ;gBACR,aAAa;gBACb,iBAAiB;YACnB;YACA,WAAW;YACX,UAAU;YACV,SAAS;YACT,cAAc;YACd,oBAAoB;YACpB,wBAAwB;YACxB,sBAAsB;YACtB,uBAAuB;YACvB,oBAAoB;YACpB,YAAYM;;;AAIpB"}

package/dist/pages/ModuleAnalyze/fileTree.d.ts

@@ -1,5 +1,8 @@
 import { SDK } from '@rsdoctor/types';
 import React from 'react';
+export declare const BailoutReasonCard: React.FC<{
+    reasons?: string[];
+}>;
 export declare const ModuleFilesTree: React.FC<{
     modules: SDK.ModuleData[];
     dependencies: SDK.DependencyData[];

package/dist/pages/ModuleAnalyze/fileTree.mjs

@@ -1,6 +1,6 @@
-import { Fragment, jsx } from "react/jsx-runtime";
-import { Col, Empty, Popover, Tag } from "antd";
-import { useEffect, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Card, Col, Empty, Popover, Typography } from "antd";
+import { useEffect, useMemo, useState } from "react";
 import { Size } from "../../constants.mjs";
 import { FileTree } from "./components/fileTreeCom.mjs";
 import { clsNamePrefix } from "./constants.mjs";
@@ -8,6 +8,57 @@ import dependency from "./dependency.mjs";
 import { getImporteds } from "./utils/index.mjs";
 import { useCreateFileTreeData } from "./utils/hooks.mjs";
 import { TabList } from "./index.mjs";
+const BailoutReasonCard = ({ reasons })=>{
+    if (!reasons || !reasons.length) return null;
+    return /*#__PURE__*/ jsxs(Card, {
+        className: `${clsNamePrefix}-bailout-card`,
+        bordered: false,
+        bodyStyle: {
+            padding: 20
+        },
+        children: [
+            /*#__PURE__*/ jsx(Typography.Text, {
+                strong: true,
+                className: `${clsNamePrefix}-bailout-card-title`,
+                children: "Bailout Reasons"
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: `${clsNamePrefix}-bailout-card-list`,
+                style: {
+                    maxHeight: 156,
+                    overflowY: 'auto'
+                },
+                children: reasons.map((reason, index)=>/*#__PURE__*/ jsxs("div", {
+                        className: `${clsNamePrefix}-bailout-card-item`,
+                        children: [
+                            /*#__PURE__*/ jsx(Popover, {
+                                content: reason,
+                                trigger: "hover",
+                                children: /*#__PURE__*/ jsx(Typography.Paragraph, {
+                                    ellipsis: {
+                                        rows: 1
+                                    },
+                                    className: `${clsNamePrefix}-bailout-card-text`,
+                                    style: {
+                                        marginBottom: 0
+                                    },
+                                    children: reason
+                                })
+                            }),
+                            /*#__PURE__*/ jsxs(Typography.Text, {
+                                type: "secondary",
+                                className: `${clsNamePrefix}-bailout-card-meta`,
+                                children: [
+                                    "#",
+                                    String(index + 1).padStart(2, '0')
+                                ]
+                            })
+                        ]
+                    }, `${reason}-${index}`))
+            })
+        ]
+    });
+};
 const ModuleFilesTree = (props)=>{
     const { curModule, modules, dependencies, cwd, activeTabKey, selectedChunk = '' } = props;
     const [importedModules, setImportedModules] = useState([]);
@@ -19,19 +70,19 @@ const ModuleFilesTree = (props)=>{
         curModule,
         modules
     ]);
-    return /*#__PURE__*/ jsx(Fragment, {
-        children: activeTabKey === TabList[TabList.Reasons] ? /*#__PURE__*/ jsx(Fragment, {
-            children: importedModules ? /*#__PURE__*/ jsx(FileTree, {
-                cwd: cwd,
-                treeData: fileStructures,
-                needCode: true,
-                needShowAllTree: true,
-                needJumpto: true,
-                selectedChunk: selectedChunk
-            }) : /*#__PURE__*/ jsx(Empty, {
-                className: `${clsNamePrefix}-empty`
-            })
-        }) : activeTabKey === TabList[TabList.Dependencies] ? /*#__PURE__*/ jsx("div", {
+    const mainContent = useMemo(()=>{
+        if (activeTabKey === TabList[TabList.Reasons]) return importedModules ? /*#__PURE__*/ jsx(FileTree, {
+            cwd: cwd,
+            treeData: fileStructures,
+            needCode: true,
+            needShowAllTree: true,
+            needJumpto: true,
+            selectedChunk: selectedChunk,
+            defaultOpenFather: 1
+        }) : /*#__PURE__*/ jsx(Empty, {
+            className: `${clsNamePrefix}-empty`
+        });
+        return /*#__PURE__*/ jsx("div", {
             className: `${clsNamePrefix}-file-tree`,
             style: {
                 padding: Size.BasePadding / 2
@@ -49,26 +100,20 @@ const ModuleFilesTree = (props)=>{
                     className: `${clsNamePrefix}-empty`
                 })
             })
-        }) : /*#__PURE__*/ jsx("div", {
-            children: curModule.bailoutReason?.map((reason)=>/*#__PURE__*/ jsx("div", {
-                    style: {
-                        marginBottom: 10
-                    },
-                    children: /*#__PURE__*/ jsx(Tag, {
-                        children: /*#__PURE__*/ jsx(Popover, {
-                            content: reason,
-                            children: /*#__PURE__*/ jsx("span", {
-                                style: {
-                                    display: 'inline-block'
-                                },
-                                children: reason.length > 120 ? `${reason.slice(0, 120)}...` : reason
-                            })
-                        })
-                    }, reason)
-                }))
-        })
+        });
+    }, [
+        activeTabKey,
+        curModule,
+        dependencies,
+        fileStructures,
+        importedModules,
+        cwd,
+        selectedChunk
+    ]);
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: mainContent
     });
 };
-export { ModuleFilesTree };
+export { BailoutReasonCard, ModuleFilesTree };
 
 //# sourceMappingURL=fileTree.mjs.map

package/dist/pages/ModuleAnalyze/fileTree.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"pages/ModuleAnalyze/fileTree.mjs","sources":["../../../src/pages/ModuleAnalyze/fileTree.tsx"],"sourcesContent":["import { SDK } from '@rsdoctor/types';\nimport { Col, Empty, Tag, Popover } from 'antd';\nimport React, { useEffect, useState } from 'react';\nimport { Size } from 'src/constants';\nimport { FileTree } from './components/fileTreeCom';\nimport { clsNamePrefix } from './constants';\nimport DependencyTree from './dependency';\nimport { getImporteds } from './utils';\nimport { useCreateFileTreeData } from './utils/hooks';\nimport { TabList } from './index';\n\nexport const ModuleFilesTree: React.FC<{\n  modules: SDK.ModuleData[];\n  dependencies: SDK.DependencyData[];\n  curModule: SDK.ModuleData;\n  cwd: string;\n  selectedChunk: string;\n  activeTabKey: string;\n}> = (props) => {\n  const {\n    curModule,\n    modules,\n    dependencies,\n    cwd,\n    activeTabKey,\n    selectedChunk = '',\n  } = props;\n  const [importedModules, setImportedModules] = useState(\n    [] as SDK.ModuleData[],\n  );\n\n  const { data: fileStructures } = useCreateFileTreeData(\n    modules,\n    importedModules,\n    curModule,\n  );\n\n  useEffect(() => {\n    const importeds = getImporteds(curModule, modules);\n    setImportedModules(importeds);\n  }, [curModule, modules]);\n\n  return (\n    <>\n      {activeTabKey === TabList[TabList.Reasons] ? (\n        <>\n          {importedModules ? (\n            <FileTree\n              cwd={cwd}\n              treeData={fileStructures}\n              needCode={true}\n              needShowAllTree={true}\n              needJumpto={true}\n              selectedChunk={selectedChunk}\n            />\n          ) : (\n            <Empty className={`${clsNamePrefix}-empty`} />\n          )}\n        </>\n      ) : activeTabKey === TabList[TabList.Dependencies] ? (\n        <div\n          className={`${clsNamePrefix}-file-tree`}\n          style={{ padding: Size.BasePadding / 2 }}\n        >\n          <Col span={24} style={{ marginTop: Size.BasePadding / 2 }}>\n            {curModule ? (\n              <DependencyTree\n                module={curModule}\n                dependencies={dependencies}\n                cwd={cwd}\n              />\n            ) : (\n              <Empty className={`${clsNamePrefix}-empty`} />\n            )}\n          </Col>\n        </div>\n      ) : (\n        <div>\n          {curModule.bailoutReason?.map((reason) => (\n            <div style={{ marginBottom: 10 }}>\n              <Tag key={reason}>\n                <Popover content={reason}>\n                  <span style={{ display: 'inline-block' }}>\n                    {reason.length > 120\n                      ? `${reason.slice(0, 120)}...`\n                      : reason}\n                  </span>\n                </Popover>\n              </Tag>\n            </div>\n          ))}\n        </div>\n      )}\n    </>\n  );\n};\n"],"names":["ModuleFilesTree","props","curModule","modules","dependencies","cwd","activeTabKey","selectedChunk","importedModules","setImportedModules","useState","fileStructures","useCreateFileTreeData","useEffect","importeds","getImporteds","TabList","FileTree","Empty","clsNamePrefix","Size","Col","DependencyTree","reason","Tag","Popover"],"mappings":";;;;;;;;;;AAWO,MAAMA,kBAOR,CAACC;IACJ,MAAM,EACJC,SAAS,EACTC,OAAO,EACPC,YAAY,EACZC,GAAG,EACHC,YAAY,EACZC,gBAAgB,EAAE,EACnB,GAAGN;IACJ,MAAM,CAACO,iBAAiBC,mBAAmB,GAAGC,SAC5C,EAAE;IAGJ,MAAM,EAAE,MAAMC,cAAc,EAAE,GAAGC,sBAC/BT,SACAK,iBACAN;IAGFW,UAAU;QACR,MAAMC,YAAYC,aAAab,WAAWC;QAC1CM,mBAAmBK;IACrB,GAAG;QAACZ;QAAWC;KAAQ;IAEvB,OAAO,WAAP,GACE;kBACGG,iBAAiBU,OAAO,CAACA,QAAQ,OAAO,CAAC,GAAG,WAAH,GACxC;sBACGR,kBAAkB,WAAlBA,GACC,IAACS,UAAQA;gBACP,KAAKZ;gBACL,UAAUM;gBACV,UAAU;gBACV,iBAAiB;gBACjB,YAAY;gBACZ,eAAeJ;+BAGjB,IAACW,OAAKA;gBAAC,WAAW,GAAGC,cAAc,MAAM,CAAC;;aAG5Cb,iBAAiBU,OAAO,CAACA,QAAQ,YAAY,CAAC,GAAG,WAAH,GAChD,IAAC;YACC,WAAW,GAAGG,cAAc,UAAU,CAAC;YACvC,OAAO;gBAAE,SAASC,KAAK,WAAW,GAAG;YAAE;sBAEvC,kBAACC,KAAGA;gBAAC,MAAM;gBAAI,OAAO;oBAAE,WAAWD,KAAK,WAAW,GAAG;gBAAE;0BACrDlB,YAAY,WAAZA,GACC,IAACoB,YAAcA;oBACb,QAAQpB;oBACR,cAAcE;oBACd,KAAKC;mCAGP,IAACa,OAAKA;oBAAC,WAAW,GAAGC,cAAc,MAAM,CAAC;;;2BAKhD,IAAC;sBACEjB,UAAU,aAAa,EAAE,IAAI,CAACqB,SAAAA,WAAAA,GAC7B,IAAC;oBAAI,OAAO;wBAAE,cAAc;oBAAG;8BAC7B,kBAACC,KAAGA;kCACF,kBAACC,SAAOA;4BAAC,SAASF;sCAChB,kBAAC;gCAAK,OAAO;oCAAE,SAAS;gCAAe;0CACpCA,OAAO,MAAM,GAAG,MACb,GAAGA,OAAO,KAAK,CAAC,GAAG,KAAK,GAAG,CAAC,GAC5BA;;;uBALAA;;;;AAexB"}
+{"version":3,"file":"pages/ModuleAnalyze/fileTree.mjs","sources":["../../../src/pages/ModuleAnalyze/fileTree.tsx"],"sourcesContent":["import { SDK } from '@rsdoctor/types';\nimport { Card, Col, Empty, Popover, Typography } from 'antd';\nimport React, { useEffect, useMemo, useState } from 'react';\nimport { Size } from 'src/constants';\nimport { FileTree } from './components/fileTreeCom';\nimport { clsNamePrefix } from './constants';\nimport DependencyTree from './dependency';\nimport { getImporteds } from './utils';\nimport { useCreateFileTreeData } from './utils/hooks';\nimport { TabList } from './index';\n\nexport const BailoutReasonCard: React.FC<{ reasons?: string[] }> = ({\n  reasons,\n}) => {\n  if (!reasons || !reasons.length) {\n    return null;\n  }\n  return (\n    <Card\n      className={`${clsNamePrefix}-bailout-card`}\n      bordered={false}\n      bodyStyle={{ padding: 20 }}\n    >\n      <Typography.Text strong className={`${clsNamePrefix}-bailout-card-title`}>\n        Bailout Reasons\n      </Typography.Text>\n      <div\n        className={`${clsNamePrefix}-bailout-card-list`}\n        style={{ maxHeight: 156, overflowY: 'auto' }}\n      >\n        {reasons.map((reason, index) => (\n          <div\n            className={`${clsNamePrefix}-bailout-card-item`}\n            key={`${reason}-${index}`}\n          >\n            <Popover content={reason} trigger=\"hover\">\n              <Typography.Paragraph\n                ellipsis={{ rows: 1 }}\n                className={`${clsNamePrefix}-bailout-card-text`}\n                style={{ marginBottom: 0 }}\n              >\n                {reason}\n              </Typography.Paragraph>\n            </Popover>\n            <Typography.Text\n              type=\"secondary\"\n              className={`${clsNamePrefix}-bailout-card-meta`}\n            >\n              #{String(index + 1).padStart(2, '0')}\n            </Typography.Text>\n          </div>\n        ))}\n      </div>\n    </Card>\n  );\n};\n\nexport const ModuleFilesTree: React.FC<{\n  modules: SDK.ModuleData[];\n  dependencies: SDK.DependencyData[];\n  curModule: SDK.ModuleData;\n  cwd: string;\n  selectedChunk: string;\n  activeTabKey: string;\n}> = (props) => {\n  const {\n    curModule,\n    modules,\n    dependencies,\n    cwd,\n    activeTabKey,\n    selectedChunk = '',\n  } = props;\n  const [importedModules, setImportedModules] = useState(\n    [] as SDK.ModuleData[],\n  );\n\n  const { data: fileStructures } = useCreateFileTreeData(\n    modules,\n    importedModules,\n    curModule,\n  );\n\n  useEffect(() => {\n    const importeds = getImporteds(curModule, modules);\n    setImportedModules(importeds);\n  }, [curModule, modules]);\n\n  const mainContent = useMemo(() => {\n    if (activeTabKey === TabList[TabList.Reasons]) {\n      return importedModules ? (\n        <FileTree\n          cwd={cwd}\n          treeData={fileStructures}\n          needCode={true}\n          needShowAllTree={true}\n          needJumpto={true}\n          selectedChunk={selectedChunk}\n          defaultOpenFather={1}\n        />\n      ) : (\n        <Empty className={`${clsNamePrefix}-empty`} />\n      );\n    }\n\n    return (\n      <div\n        className={`${clsNamePrefix}-file-tree`}\n        style={{ padding: Size.BasePadding / 2 }}\n      >\n        <Col span={24} style={{ marginTop: Size.BasePadding / 2 }}>\n          {curModule ? (\n            <DependencyTree\n              module={curModule}\n              dependencies={dependencies}\n              cwd={cwd}\n            />\n          ) : (\n            <Empty className={`${clsNamePrefix}-empty`} />\n          )}\n        </Col>\n      </div>\n    );\n  }, [\n    activeTabKey,\n    curModule,\n    dependencies,\n    fileStructures,\n    importedModules,\n    cwd,\n    selectedChunk,\n  ]);\n\n  return <>{mainContent}</>;\n};\n"],"names":["BailoutReasonCard","reasons","Card","clsNamePrefix","Typography","reason","index","Popover","String","ModuleFilesTree","props","curModule","modules","dependencies","cwd","activeTabKey","selectedChunk","importedModules","setImportedModules","useState","fileStructures","useCreateFileTreeData","useEffect","importeds","getImporteds","mainContent","useMemo","TabList","FileTree","Empty","Size","Col","DependencyTree"],"mappings":";;;;;;;;;;AAWO,MAAMA,oBAAsD,CAAC,EAClEC,OAAO,EACR;IACC,IAAI,CAACA,WAAW,CAACA,QAAQ,MAAM,EAC7B,OAAO;IAET,OAAO,WAAP,GACE,KAACC,MAAIA;QACH,WAAW,GAAGC,cAAc,aAAa,CAAC;QAC1C,UAAU;QACV,WAAW;YAAE,SAAS;QAAG;;0BAEzB,IAACC,WAAW,IAAI;gBAAC,QAAM;gBAAC,WAAW,GAAGD,cAAc,mBAAmB,CAAC;0BAAE;;0BAG1E,IAAC;gBACC,WAAW,GAAGA,cAAc,kBAAkB,CAAC;gBAC/C,OAAO;oBAAE,WAAW;oBAAK,WAAW;gBAAO;0BAE1CF,QAAQ,GAAG,CAAC,CAACI,QAAQC,QAAAA,WAAAA,GACpB,KAAC;wBACC,WAAW,GAAGH,cAAc,kBAAkB,CAAC;;0CAG/C,IAACI,SAAOA;gCAAC,SAASF;gCAAQ,SAAQ;0CAChC,kBAACD,WAAW,SAAS;oCACnB,UAAU;wCAAE,MAAM;oCAAE;oCACpB,WAAW,GAAGD,cAAc,kBAAkB,CAAC;oCAC/C,OAAO;wCAAE,cAAc;oCAAE;8CAExBE;;;0CAGL,KAACD,WAAW,IAAI;gCACd,MAAK;gCACL,WAAW,GAAGD,cAAc,kBAAkB,CAAC;;oCAChD;oCACGK,OAAOF,QAAQ,GAAG,QAAQ,CAAC,GAAG;;;;uBAf7B,GAAGD,OAAO,CAAC,EAAEC,OAAO;;;;AAsBrC;AAEO,MAAMG,kBAOR,CAACC;IACJ,MAAM,EACJC,SAAS,EACTC,OAAO,EACPC,YAAY,EACZC,GAAG,EACHC,YAAY,EACZC,gBAAgB,EAAE,EACnB,GAAGN;IACJ,MAAM,CAACO,iBAAiBC,mBAAmB,GAAGC,SAC5C,EAAE;IAGJ,MAAM,EAAE,MAAMC,cAAc,EAAE,GAAGC,sBAC/BT,SACAK,iBACAN;IAGFW,UAAU;QACR,MAAMC,YAAYC,aAAab,WAAWC;QAC1CM,mBAAmBK;IACrB,GAAG;QAACZ;QAAWC;KAAQ;IAEvB,MAAMa,cAAcC,QAAQ;QAC1B,IAAIX,iBAAiBY,OAAO,CAACA,QAAQ,OAAO,CAAC,EAC3C,OAAOV,kBAAkB,WAAlBA,GACL,IAACW,UAAQA;YACP,KAAKd;YACL,UAAUM;YACV,UAAU;YACV,iBAAiB;YACjB,YAAY;YACZ,eAAeJ;YACf,mBAAmB;2BAGrB,IAACa,OAAKA;YAAC,WAAW,GAAG1B,cAAc,MAAM,CAAC;;QAI9C,OAAO,WAAP,GACE,IAAC;YACC,WAAW,GAAGA,cAAc,UAAU,CAAC;YACvC,OAAO;gBAAE,SAAS2B,KAAK,WAAW,GAAG;YAAE;sBAEvC,kBAACC,KAAGA;gBAAC,MAAM;gBAAI,OAAO;oBAAE,WAAWD,KAAK,WAAW,GAAG;gBAAE;0BACrDnB,YAAY,WAAZA,GACC,IAACqB,YAAcA;oBACb,QAAQrB;oBACR,cAAcE;oBACd,KAAKC;mCAGP,IAACe,OAAKA;oBAAC,WAAW,GAAG1B,cAAc,MAAM,CAAC;;;;IAKpD,GAAG;QACDY;QACAJ;QACAE;QACAO;QACAH;QACAH;QACAE;KACD;IAED,OAAO,WAAP,GAAO;kBAAGS;;AACZ"}

package/dist/pages/ModuleAnalyze/index.css

@@ -16,5 +16,52 @@
   line-height: 30px;
 }
 
+.module-analyze-bailout-card {
+  box-shadow: none;
+  background: #fff;
+  border: 1px solid #0505050f;
+  border-radius: 8px;
+  margin-top: 16px;
+  margin-bottom: 24px;
+}
+
+.module-analyze-bailout-card-title {
+  color: #1c1f23cc;
+  margin-bottom: 12px;
+  font-size: 14px;
+  font-weight: 600;
+  display: inline-block;
+}
+
+.module-analyze-bailout-card-list {
+  flex-direction: column;
+  gap: 8px;
+  display: flex;
+}
+
+.module-analyze-bailout-card-item {
+  border-bottom: 1px solid #161a2314;
+  justify-content: space-between;
+  align-items: center;
+  padding: 6px 0;
+  display: flex;
+}
+
+.module-analyze-bailout-card-item:last-child {
+  border-bottom: none;
+}
+
+.module-analyze-bailout-card-text {
+  color: #1c1f23cc;
+  max-width: calc(100% - 70px);
+  font-size: 12px;
+  font-weight: 400;
+}
+
+.module-analyze-bailout-card-meta {
+  color: #1c1f2373;
+  font-size: 12px;
+}
+
 
 /*# sourceMappingURL=index.css.map */

package/dist/pages/ModuleAnalyze/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./src/pages/ModuleAnalyze/index.scss"],"names":[],"mappings":"AADA;EAEE,aAAa;EACb,gBAAgB;AAClB;;AAEA;EACE,eAAe;AACjB;;AAEA;EACE,sBAAsB;EACtB,aAAa;AACf;;AAEA;EACE,iBAAiB;AACnB","sourcesContent":[".module-analyze-file-tree{width:\"100%\";min-height:50em}.module-analyze-file-tree .module-analyze-empty{margin-top:20%}.module-analyze-box{display:flex;flex-direction:column}.file-tree-com-titles-box{line-height:30px}"],"sourceRoot":""}
+{"version":3,"sources":["webpack://./src/pages/ModuleAnalyze/index.scss"],"names":[],"mappings":"AADA;EAEE,aAAa;EACb,gBAAgB;AAClB;;AAEA;EACE,eAAe;AACjB;;AAEA;EACE,sBAAsB;EACtB,aAAa;AACf;;AAEA;EACE,iBAAiB;AACnB;;AAEA;EACE,gBAAgB;EAChB,gBAAgB;EAChB,2BAA2B;EAC3B,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,gBAAgB;EAChB,mBAAmB;EACnB,eAAe;EACf,gBAAgB;EAChB,qBAAqB;AACvB;;AAEA;EACE,sBAAsB;EACtB,QAAQ;EACR,aAAa;AACf;;AAEA;EACE,kCAAkC;EAClC,8BAA8B;EAC9B,mBAAmB;EACnB,cAAc;EACd,aAAa;AACf;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,gBAAgB;EAChB,4BAA4B;EAC5B,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;EAChB,eAAe;AACjB","sourcesContent":[".module-analyze-file-tree{width:\"100%\";min-height:50em}.module-analyze-file-tree .module-analyze-empty{margin-top:20%}.module-analyze-box{display:flex;flex-direction:column}.file-tree-com-titles-box{line-height:30px}.module-analyze-bailout-card{margin-top:16px;border-radius:8px;border:1px solid rgba(5,5,5,.06);box-shadow:none;background:#fff;margin-bottom:24px}.module-analyze-bailout-card-title{display:inline-block;font-size:14px;margin-bottom:12px;color:rgba(28,31,35,.8);font-weight:600}.module-analyze-bailout-card-list{display:flex;flex-direction:column;gap:8px}.module-analyze-bailout-card-item{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid rgba(22,26,35,.08)}.module-analyze-bailout-card-item:last-child{border-bottom:none}.module-analyze-bailout-card-text{max-width:calc(100% - 70px);font-weight:400;font-size:12px;color:rgba(28,31,35,.8)}.module-analyze-bailout-card-meta{font-size:12px;color:rgba(28,31,35,.45)}"],"sourceRoot":""}

package/dist/pages/ModuleAnalyze/index.d.ts

@@ -3,8 +3,7 @@ import React from 'react';
 import './index.scss';
 export declare enum TabList {
     Reasons = 0,
-    Dependencies = 1,
-    BailoutReason = 2
+    Dependencies = 1
 }
 export declare const ModuleAnalyzeComponent: React.FC<{
     modules: SDK.ModuleData[];

package/dist/pages/ModuleAnalyze/index.mjs

@@ -1,18 +1,17 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { SDK } from "@rsdoctor/types";
-import { Badge, Card, Col, Drawer, Popover, Row, Space, Typography } from "antd";
+import { Badge, Card, Drawer, Popover, Space, Typography } from "antd";
 import { useState } from "react";
 import { ServerAPIProvider } from "../../components/Manifest/index.mjs";
 import { getShortPath } from "../../utils/index.mjs";
 import { ModuleGraphListContext } from "../BundleSize/config.mjs";
-import { ModuleFilesTree } from "./fileTree.mjs";
+import { BailoutReasonCard, ModuleFilesTree } from "./fileTree.mjs";
 import "./index.css";
 import { drawerWidth } from "../../constants.mjs";
 import { LeftSquareOutlined, QuestionCircleOutlined, RightSquareTwoTone } from "@ant-design/icons";
 var ModuleAnalyze_TabList = /*#__PURE__*/ function(TabList) {
     TabList[TabList["Reasons"] = 0] = "Reasons";
     TabList[TabList["Dependencies"] = 1] = "Dependencies";
-    TabList[TabList["BailoutReason"] = 2] = "BailoutReason";
     return TabList;
 }({});
 const tabslist = [
@@ -23,10 +22,6 @@ const tabslist = [
     {
         key: ModuleAnalyze_TabList[1],
         label: ModuleAnalyze_TabList[1]
-    },
-    {
-        key: ModuleAnalyze_TabList[2],
-        label: ModuleAnalyze_TabList[2]
     }
 ];
 const ModuleAnalyzeComponent = ({ modules, cwd, moduleId, show, setShow })=>{
@@ -61,65 +56,74 @@ const ModuleAnalyzeComponent = ({ modules, cwd, moduleId, show, setShow })=>{
                     api: SDK.ServerAPI.API.GetAllChunkGraph,
                     body: {},
                     children: (_chunks)=>/*#__PURE__*/ jsx(ModuleGraphListContext.Consumer, {
-                            children: ({ moduleJumpList, setModuleJumpList })=>/*#__PURE__*/ jsx(Card, {
-                                    style: {
-                                        minHeight: 400
-                                    },
-                                    tabList: tabslist,
-                                    activeTabKey: activeTabKey,
-                                    tabProps: {
-                                        size: 'small',
-                                        style: {
-                                            fontSize: 12
-                                        }
-                                    },
-                                    onTabChange: (k)=>setActiveTabKey(k),
-                                    styles: {
-                                        title: {
-                                            paddingTop: 0
-                                        }
-                                    },
-                                    title: /*#__PURE__*/ jsxs(Space, {
-                                        style: {
-                                            padding: '10px 0px'
-                                        },
-                                        children: [
-                                            /*#__PURE__*/ jsx(LeftSquareOutlined, {
-                                                onClick: ()=>{
-                                                    const _list = [
-                                                        ...moduleJumpList.slice(0, -1)
-                                                    ];
-                                                    setModuleJumpList(_list);
+                            children: ({ moduleJumpList, setModuleJumpList })=>/*#__PURE__*/ jsxs(Fragment, {
+                                    children: [
+                                        /*#__PURE__*/ jsx("div", {
+                                            style: {
+                                                marginTop: 16
+                                            },
+                                            children: /*#__PURE__*/ jsx(BailoutReasonCard, {
+                                                reasons: module.bailoutReason
+                                            })
+                                        }),
+                                        /*#__PURE__*/ jsx(Card, {
+                                            style: {
+                                                minHeight: 400
+                                            },
+                                            tabList: tabslist,
+                                            activeTabKey: activeTabKey,
+                                            tabProps: {
+                                                size: 'small',
+                                                style: {
+                                                    fontSize: 12
                                                 }
-                                            }),
-                                            /*#__PURE__*/ jsx(Typography.Text, {
-                                                children: "Current Module Imported Reasons Tree"
-                                            }),
-                                            /*#__PURE__*/ jsx(Popover, {
-                                                content: /*#__PURE__*/ jsx("div", {
-                                                    children: /*#__PURE__*/ jsxs("div", {
-                                                        children: [
-                                                            /*#__PURE__*/ jsx(Badge, {
-                                                                status: "success",
-                                                                text: " "
-                                                            }),
-                                                            /*#__PURE__*/ jsx(RightSquareTwoTone, {}),
-                                                            /*#__PURE__*/ jsx(Typography.Text, {
-                                                                children: ': Jump button, click to jump to the Module dependency analysis page of this module.'
+                                            },
+                                            onTabChange: (k)=>setActiveTabKey(k),
+                                            styles: {
+                                                title: {
+                                                    paddingTop: 0
+                                                }
+                                            },
+                                            title: /*#__PURE__*/ jsxs(Space, {
+                                                style: {
+                                                    padding: '10px 0px'
+                                                },
+                                                children: [
+                                                    /*#__PURE__*/ jsx(LeftSquareOutlined, {
+                                                        onClick: ()=>{
+                                                            const _list = [
+                                                                ...moduleJumpList.slice(0, -1)
+                                                            ];
+                                                            setModuleJumpList(_list);
+                                                        }
+                                                    }),
+                                                    /*#__PURE__*/ jsx(Typography.Text, {
+                                                        style: {
+                                                            fontSize: 14,
+                                                            color: 'rgba(28, 31, 35, 0.8)'
+                                                        },
+                                                        children: "Current Module Imported Reasons Tree"
+                                                    }),
+                                                    /*#__PURE__*/ jsx(Popover, {
+                                                        content: /*#__PURE__*/ jsx("div", {
+                                                            children: /*#__PURE__*/ jsxs("div", {
+                                                                children: [
+                                                                    /*#__PURE__*/ jsx(Badge, {
+                                                                        status: "success",
+                                                                        text: " "
+                                                                    }),
+                                                                    /*#__PURE__*/ jsx(RightSquareTwoTone, {}),
+                                                                    /*#__PURE__*/ jsx(Typography.Text, {
+                                                                        children: ': Jump button, click to jump to the Module dependency analysis page of this module.'
+                                                                    })
+                                                                ]
                                                             })
-                                                        ]
+                                                        }),
+                                                        title: "Usage",
+                                                        children: /*#__PURE__*/ jsx(QuestionCircleOutlined, {})
                                                     })
-                                                }),
-                                                title: "Usage",
-                                                children: /*#__PURE__*/ jsx(QuestionCircleOutlined, {})
-                                            })
-                                        ]
-                                    }),
-                                    children: /*#__PURE__*/ jsx(Row, {
-                                        justify: "start",
-                                        align: "middle",
-                                        children: /*#__PURE__*/ jsx(Col, {
-                                            span: 24,
+                                                ]
+                                            }),
                                             children: /*#__PURE__*/ jsx(ModuleFilesTree, {
                                                 curModule: module,
                                                 modules: modules,
@@ -129,7 +133,7 @@ const ModuleAnalyzeComponent = ({ modules, cwd, moduleId, show, setShow })=>{
                                                 activeTabKey: activeTabKey
                                             })
                                         })
-                                    })
+                                    ]
                                 })
                         })
                 })

package/dist/pages/ModuleAnalyze/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"pages/ModuleAnalyze/index.mjs","sources":["../../../src/pages/ModuleAnalyze/index.tsx"],"sourcesContent":["import { SDK } from '@rsdoctor/types';\nimport {\n  Badge,\n  Card,\n  Col,\n  Drawer,\n  Popover,\n  Row,\n  Space,\n  Typography,\n} from 'antd';\nimport React, { useState } from 'react';\nimport { ServerAPIProvider } from 'src/components/Manifest';\nimport { getShortPath } from 'src/utils';\nimport { ModuleGraphListContext } from '../BundleSize/config';\nimport { ModuleFilesTree } from './fileTree';\nimport './index.scss';\nimport { drawerWidth } from '../../constants';\nimport {\n  LeftSquareOutlined,\n  QuestionCircleOutlined,\n  RightSquareTwoTone,\n} from '@ant-design/icons';\n\nexport enum TabList {\n  Reasons,\n  Dependencies,\n  BailoutReason,\n}\n\nconst tabslist = [\n  {\n    key: TabList[TabList.Reasons],\n    label: TabList[TabList.Reasons],\n  },\n  {\n    key: TabList[TabList.Dependencies],\n    label: TabList[TabList.Dependencies],\n  },\n  {\n    key: TabList[TabList.BailoutReason],\n    label: TabList[TabList.BailoutReason],\n  },\n] as unknown as { key: string; label: string }[];\n\nexport const ModuleAnalyzeComponent: React.FC<{\n  modules: SDK.ModuleData[];\n  cwd: string;\n  moduleId: string | number;\n  show: boolean;\n  setShow: (arg: boolean) => void;\n}> = ({ modules, cwd, moduleId, show, setShow }) => {\n  const [selectedChunk, _setSelectedChunk] = useState('' as string);\n  const [activeTabKey, setActiveTabKey] = useState(TabList[TabList.Reasons]);\n\n  return (\n    <ServerAPIProvider\n      api={SDK.ServerAPI.API.GetModuleDetails}\n      body={{ moduleId: +moduleId }}\n    >\n      {({ module, dependencies }) => {\n        return (\n          <Drawer\n            title={\n              <div className=\"module-analyze-box\">\n                <Typography.Text>{getShortPath(module.path)}</Typography.Text>\n                <Typography.Text\n                  style={{ fontSize: 12, color: 'rgba(0, 0, 0, 0.45)' }}\n                >\n                  {`Current Module: ${module.path}`}\n                </Typography.Text>\n              </div>\n            }\n            open={show}\n            maskClosable\n            width={drawerWidth * 0.8}\n            onClose={() => setShow(false)}\n          >\n            <ServerAPIProvider\n              api={SDK.ServerAPI.API.GetAllChunkGraph}\n              body={{}}\n            >\n              {(_chunks) => {\n                return (\n                  <ModuleGraphListContext.Consumer>\n                    {({ moduleJumpList, setModuleJumpList }) => {\n                      return (\n                        <Card\n                          style={{ minHeight: 400 }}\n                          tabList={tabslist}\n                          activeTabKey={activeTabKey}\n                          tabProps={{\n                            size: 'small',\n                            style: {\n                              fontSize: 12,\n                            },\n                          }}\n                          onTabChange={(k) => setActiveTabKey(k)}\n                          styles={{\n                            title: { paddingTop: 0 },\n                          }}\n                          title={\n                            <Space style={{ padding: '10px 0px' }}>\n                              <LeftSquareOutlined\n                                onClick={() => {\n                                  const _list = [\n                                    ...moduleJumpList.slice(0, -1),\n                                  ];\n                                  setModuleJumpList(_list);\n                                }}\n                              />\n                              <Typography.Text>\n                                Current Module Imported Reasons Tree\n                              </Typography.Text>\n                              <Popover\n                                content={\n                                  <div>\n                                    <div>\n                                      <Badge status=\"success\" text=\" \" />\n                                      <RightSquareTwoTone />\n                                      <Typography.Text>\n                                        {\n                                          ': Jump button, click to jump to the Module dependency analysis page of this module.'\n                                        }\n                                      </Typography.Text>\n                                    </div>\n                                  </div>\n                                }\n                                title=\"Usage\"\n                              >\n                                <QuestionCircleOutlined />\n                              </Popover>\n                            </Space>\n                          }\n                        >\n                          <Row justify=\"start\" align=\"middle\">\n                            <Col span={24}>\n                              <ModuleFilesTree\n                                curModule={module}\n                                modules={modules}\n                                dependencies={dependencies}\n                                cwd={cwd}\n                                selectedChunk={selectedChunk}\n                                activeTabKey={activeTabKey}\n                              />\n                            </Col>\n                          </Row>\n                        </Card>\n                      );\n                    }}\n                  </ModuleGraphListContext.Consumer>\n                );\n              }}\n            </ServerAPIProvider>\n          </Drawer>\n        );\n      }}\n    </ServerAPIProvider>\n  );\n};\n"],"names":["TabList","tabslist","ModuleAnalyzeComponent","modules","cwd","moduleId","show","setShow","selectedChunk","_setSelectedChunk","useState","activeTabKey","setActiveTabKey","ServerAPIProvider","SDK","module","dependencies","Drawer","Typography","getShortPath","drawerWidth","_chunks","ModuleGraphListContext","moduleJumpList","setModuleJumpList","Card","k","Space","LeftSquareOutlined","_list","Popover","Badge","RightSquareTwoTone","QuestionCircleOutlined","Row","Col","ModuleFilesTree"],"mappings":";;;;;;;;;;;AAwBO,IAAKA,wBAAOA,WAAAA,GAAAA,SAAPA,OAAO;;;;WAAPA;;AAMZ,MAAMC,WAAW;IACf;QACE,KAAKD,qBAAO,CAAC,EAAgB;QAC7B,OAAOA,qBAAO,CAAC,EAAgB;IACjC;IACA;QACE,KAAKA,qBAAO,CAAC,EAAqB;QAClC,OAAOA,qBAAO,CAAC,EAAqB;IACtC;IACA;QACE,KAAKA,qBAAO,CAAC,EAAsB;QACnC,OAAOA,qBAAO,CAAC,EAAsB;IACvC;CACD;AAEM,MAAME,yBAMR,CAAC,EAAEC,OAAO,EAAEC,GAAG,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,OAAO,EAAE;IAC7C,MAAM,CAACC,eAAeC,kBAAkB,GAAGC,SAAS;IACpD,MAAM,CAACC,cAAcC,gBAAgB,GAAGF,SAASV,qBAAO,CAAC,EAAgB;IAEzE,OAAO,WAAP,GACE,IAACa,mBAAiBA;QAChB,KAAKC,IAAI,SAAS,CAAC,GAAG,CAAC,gBAAgB;QACvC,MAAM;YAAE,UAAU,CAACT;QAAS;kBAE3B,CAAC,EAAEU,MAAM,EAAEC,YAAY,EAAE,GACjB,WAAP,GACE,IAACC,QAAMA;gBACL,qBACE,KAAC;oBAAI,WAAU;;sCACb,IAACC,WAAW,IAAI;sCAAEC,aAAaJ,OAAO,IAAI;;sCAC1C,IAACG,WAAW,IAAI;4BACd,OAAO;gCAAE,UAAU;gCAAI,OAAO;4BAAsB;sCAEnD,CAAC,gBAAgB,EAAEH,OAAO,IAAI,EAAE;;;;gBAIvC,MAAMT;gBACN,cAAY;gBACZ,OAAOc,AAAc,MAAdA;gBACP,SAAS,IAAMb,QAAQ;0BAEvB,kBAACM,mBAAiBA;oBAChB,KAAKC,IAAI,SAAS,CAAC,GAAG,CAAC,gBAAgB;oBACvC,MAAM,CAAC;8BAEN,CAACO,UACO,WAAP,GACE,IAACC,uBAAuB,QAAQ;sCAC7B,CAAC,EAAEC,cAAc,EAAEC,iBAAiB,EAAE,GAC9B,WAAP,GACE,IAACC,MAAIA;oCACH,OAAO;wCAAE,WAAW;oCAAI;oCACxB,SAASxB;oCACT,cAAcU;oCACd,UAAU;wCACR,MAAM;wCACN,OAAO;4CACL,UAAU;wCACZ;oCACF;oCACA,aAAa,CAACe,IAAMd,gBAAgBc;oCACpC,QAAQ;wCACN,OAAO;4CAAE,YAAY;wCAAE;oCACzB;oCACA,qBACE,KAACC,OAAKA;wCAAC,OAAO;4CAAE,SAAS;wCAAW;;0DAClC,IAACC,oBAAkBA;gDACjB,SAAS;oDACP,MAAMC,QAAQ;2DACTN,eAAe,KAAK,CAAC,GAAG;qDAC5B;oDACDC,kBAAkBK;gDACpB;;0DAEF,IAACX,WAAW,IAAI;0DAAC;;0DAGjB,IAACY,SAAOA;gDACN,uBACE,IAAC;8DACC,mBAAC;;0EACC,IAACC,OAAKA;gEAAC,QAAO;gEAAU,MAAK;;0EAC7B,IAACC,oBAAkBA,CAAAA;0EACnB,IAACd,WAAW,IAAI;0EAEZ;;;;;gDAMV,OAAM;0DAEN,kBAACe,wBAAsBA,CAAAA;;;;8CAK7B,kBAACC,KAAGA;wCAAC,SAAQ;wCAAQ,OAAM;kDACzB,kBAACC,KAAGA;4CAAC,MAAM;sDACT,kBAACC,iBAAeA;gDACd,WAAWrB;gDACX,SAASZ;gDACT,cAAca;gDACd,KAAKZ;gDACL,eAAeI;gDACf,cAAcG;;;;;;;;;AAgB9C"}
+{"version":3,"file":"pages/ModuleAnalyze/index.mjs","sources":["../../../src/pages/ModuleAnalyze/index.tsx"],"sourcesContent":["import { SDK } from '@rsdoctor/types';\nimport { Badge, Card, Drawer, Popover, Space, Typography } from 'antd';\nimport React, { useState } from 'react';\nimport { ServerAPIProvider } from 'src/components/Manifest';\nimport { getShortPath } from 'src/utils';\nimport { ModuleGraphListContext } from '../BundleSize/config';\nimport { ModuleFilesTree, BailoutReasonCard } from './fileTree';\nimport './index.scss';\nimport { drawerWidth } from '../../constants';\nimport {\n  LeftSquareOutlined,\n  QuestionCircleOutlined,\n  RightSquareTwoTone,\n} from '@ant-design/icons';\n\nexport enum TabList {\n  Reasons,\n  Dependencies,\n}\n\nconst tabslist = [\n  {\n    key: TabList[TabList.Reasons],\n    label: TabList[TabList.Reasons],\n  },\n  {\n    key: TabList[TabList.Dependencies],\n    label: TabList[TabList.Dependencies],\n  },\n] as unknown as { key: string; label: string }[];\n\nexport const ModuleAnalyzeComponent: React.FC<{\n  modules: SDK.ModuleData[];\n  cwd: string;\n  moduleId: string | number;\n  show: boolean;\n  setShow: (arg: boolean) => void;\n}> = ({ modules, cwd, moduleId, show, setShow }) => {\n  const [selectedChunk, _setSelectedChunk] = useState('' as string);\n  const [activeTabKey, setActiveTabKey] = useState(TabList[TabList.Reasons]);\n\n  return (\n    <ServerAPIProvider\n      api={SDK.ServerAPI.API.GetModuleDetails}\n      body={{ moduleId: +moduleId }}\n    >\n      {({ module, dependencies }) => {\n        return (\n          <Drawer\n            title={\n              <div className=\"module-analyze-box\">\n                <Typography.Text>{getShortPath(module.path)}</Typography.Text>\n                <Typography.Text\n                  style={{ fontSize: 12, color: 'rgba(0, 0, 0, 0.45)' }}\n                >\n                  {`Current Module: ${module.path}`}\n                </Typography.Text>\n              </div>\n            }\n            open={show}\n            maskClosable\n            width={drawerWidth * 0.8}\n            onClose={() => setShow(false)}\n          >\n            <ServerAPIProvider\n              api={SDK.ServerAPI.API.GetAllChunkGraph}\n              body={{}}\n            >\n              {(_chunks) => {\n                return (\n                  <ModuleGraphListContext.Consumer>\n                    {({ moduleJumpList, setModuleJumpList }) => {\n                      return (\n                        <>\n                          <div style={{ marginTop: 16 }}>\n                            <BailoutReasonCard reasons={module.bailoutReason} />\n                          </div>\n                          <Card\n                            style={{ minHeight: 400 }}\n                            tabList={tabslist}\n                            activeTabKey={activeTabKey}\n                            tabProps={{\n                              size: 'small',\n                              style: {\n                                fontSize: 12,\n                              },\n                            }}\n                            onTabChange={(k) => setActiveTabKey(k)}\n                            styles={{\n                              title: { paddingTop: 0 },\n                            }}\n                            title={\n                              <Space style={{ padding: '10px 0px' }}>\n                                <LeftSquareOutlined\n                                  onClick={() => {\n                                    const _list = [\n                                      ...moduleJumpList.slice(0, -1),\n                                    ];\n                                    setModuleJumpList(_list);\n                                  }}\n                                />\n                                <Typography.Text\n                                  style={{\n                                    fontSize: 14,\n                                    color: 'rgba(28, 31, 35, 0.8)',\n                                  }}\n                                >\n                                  Current Module Imported Reasons Tree\n                                </Typography.Text>\n                                <Popover\n                                  content={\n                                    <div>\n                                      <div>\n                                        <Badge status=\"success\" text=\" \" />\n                                        <RightSquareTwoTone />\n                                        <Typography.Text>\n                                          {\n                                            ': Jump button, click to jump to the Module dependency analysis page of this module.'\n                                          }\n                                        </Typography.Text>\n                                      </div>\n                                    </div>\n                                  }\n                                  title=\"Usage\"\n                                >\n                                  <QuestionCircleOutlined />\n                                </Popover>\n                              </Space>\n                            }\n                          >\n                            <ModuleFilesTree\n                              curModule={module}\n                              modules={modules}\n                              dependencies={dependencies}\n                              cwd={cwd}\n                              selectedChunk={selectedChunk}\n                              activeTabKey={activeTabKey}\n                            />\n                          </Card>\n                        </>\n                      );\n                    }}\n                  </ModuleGraphListContext.Consumer>\n                );\n              }}\n            </ServerAPIProvider>\n          </Drawer>\n        );\n      }}\n    </ServerAPIProvider>\n  );\n};\n"],"names":["TabList","tabslist","ModuleAnalyzeComponent","modules","cwd","moduleId","show","setShow","selectedChunk","_setSelectedChunk","useState","activeTabKey","setActiveTabKey","ServerAPIProvider","SDK","module","dependencies","Drawer","Typography","getShortPath","drawerWidth","_chunks","ModuleGraphListContext","moduleJumpList","setModuleJumpList","BailoutReasonCard","Card","k","Space","LeftSquareOutlined","_list","Popover","Badge","RightSquareTwoTone","QuestionCircleOutlined","ModuleFilesTree"],"mappings":";;;;;;;;;;;AAeO,IAAKA,wBAAOA,WAAAA,GAAAA,SAAPA,OAAO;;;WAAPA;;AAKZ,MAAMC,WAAW;IACf;QACE,KAAKD,qBAAO,CAAC,EAAgB;QAC7B,OAAOA,qBAAO,CAAC,EAAgB;IACjC;IACA;QACE,KAAKA,qBAAO,CAAC,EAAqB;QAClC,OAAOA,qBAAO,CAAC,EAAqB;IACtC;CACD;AAEM,MAAME,yBAMR,CAAC,EAAEC,OAAO,EAAEC,GAAG,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,OAAO,EAAE;IAC7C,MAAM,CAACC,eAAeC,kBAAkB,GAAGC,SAAS;IACpD,MAAM,CAACC,cAAcC,gBAAgB,GAAGF,SAASV,qBAAO,CAAC,EAAgB;IAEzE,OAAO,WAAP,GACE,IAACa,mBAAiBA;QAChB,KAAKC,IAAI,SAAS,CAAC,GAAG,CAAC,gBAAgB;QACvC,MAAM;YAAE,UAAU,CAACT;QAAS;kBAE3B,CAAC,EAAEU,MAAM,EAAEC,YAAY,EAAE,GACjB,WAAP,GACE,IAACC,QAAMA;gBACL,qBACE,KAAC;oBAAI,WAAU;;sCACb,IAACC,WAAW,IAAI;sCAAEC,aAAaJ,OAAO,IAAI;;sCAC1C,IAACG,WAAW,IAAI;4BACd,OAAO;gCAAE,UAAU;gCAAI,OAAO;4BAAsB;sCAEnD,CAAC,gBAAgB,EAAEH,OAAO,IAAI,EAAE;;;;gBAIvC,MAAMT;gBACN,cAAY;gBACZ,OAAOc,AAAc,MAAdA;gBACP,SAAS,IAAMb,QAAQ;0BAEvB,kBAACM,mBAAiBA;oBAChB,KAAKC,IAAI,SAAS,CAAC,GAAG,CAAC,gBAAgB;oBACvC,MAAM,CAAC;8BAEN,CAACO,UACO,WAAP,GACE,IAACC,uBAAuB,QAAQ;sCAC7B,CAAC,EAAEC,cAAc,EAAEC,iBAAiB,EAAE,GAC9B,WAAP,GACE;;sDACE,IAAC;4CAAI,OAAO;gDAAE,WAAW;4CAAG;sDAC1B,kBAACC,mBAAiBA;gDAAC,SAASV,OAAO,aAAa;;;sDAElD,IAACW,MAAIA;4CACH,OAAO;gDAAE,WAAW;4CAAI;4CACxB,SAASzB;4CACT,cAAcU;4CACd,UAAU;gDACR,MAAM;gDACN,OAAO;oDACL,UAAU;gDACZ;4CACF;4CACA,aAAa,CAACgB,IAAMf,gBAAgBe;4CACpC,QAAQ;gDACN,OAAO;oDAAE,YAAY;gDAAE;4CACzB;4CACA,qBACE,KAACC,OAAKA;gDAAC,OAAO;oDAAE,SAAS;gDAAW;;kEAClC,IAACC,oBAAkBA;wDACjB,SAAS;4DACP,MAAMC,QAAQ;mEACTP,eAAe,KAAK,CAAC,GAAG;6DAC5B;4DACDC,kBAAkBM;wDACpB;;kEAEF,IAACZ,WAAW,IAAI;wDACd,OAAO;4DACL,UAAU;4DACV,OAAO;wDACT;kEACD;;kEAGD,IAACa,SAAOA;wDACN,uBACE,IAAC;sEACC,mBAAC;;kFACC,IAACC,OAAKA;wEAAC,QAAO;wEAAU,MAAK;;kFAC7B,IAACC,oBAAkBA,CAAAA;kFACnB,IAACf,WAAW,IAAI;kFAEZ;;;;;wDAMV,OAAM;kEAEN,kBAACgB,wBAAsBA,CAAAA;;;;sDAK7B,kBAACC,iBAAeA;gDACd,WAAWpB;gDACX,SAASZ;gDACT,cAAca;gDACd,KAAKZ;gDACL,eAAeI;gDACf,cAAcG;;;;;;;;;AAe5C"}