@rsdoctor/components 1.5.18 → 1.6.0

package/dist/components/Alerts/collapse-side-effects-only-imports.mjs

@@ -3,6 +3,7 @@ import icons from "@ant-design/icons";
 import { Collapse, Space, Tag, Typography } from "antd";
 import overview from "../Overall/overview.mjs";
 import collapse_module from "./collapse.module.mjs";
+import index_module from "./index.module.mjs";
 import total_size from "../../common/svg/total-size.mjs";
 import { beautifyPath } from "../../utils/file.mjs";
 import { IdeIcons, LabelComponent } from "./collapse-shared.mjs";
@@ -17,9 +18,6 @@ const SideEffectsOnlyImportsAlertCollapse = (props)=>{
         const ChildComponent = ()=>/*#__PURE__*/ jsx("div", {
                 className: collapse_module.collapseContainer,
                 children: /*#__PURE__*/ jsx(overview, {
-                    style: {
-                        backgroundColor: '#fff'
-                    },
                     title: /*#__PURE__*/ jsxs(Space, {
                         align: "center",
                         children: [
@@ -37,9 +35,9 @@ const SideEffectsOnlyImportsAlertCollapse = (props)=>{
                                     "Module:",
                                     ' ',
                                     /*#__PURE__*/ jsx(Text, {
+                                        type: "secondary",
                                         style: {
                                             fontSize: 12,
-                                            color: 'rgba(28, 31, 35, 0.6)',
                                             fontWeight: 300
                                         },
                                         children: modulePath
@@ -57,8 +55,7 @@ const SideEffectsOnlyImportsAlertCollapse = (props)=>{
                             /*#__PURE__*/ jsx("div", {
                                 style: {
                                     marginBottom: 8,
-                                    fontWeight: 500,
-                                    color: 'rgba(28, 31, 35, 0.85)'
+                                    fontWeight: 500
                                 },
                                 children: "Side-Effects-Only Importers:"
                             }),
@@ -80,10 +77,9 @@ const SideEffectsOnlyImportsAlertCollapse = (props)=>{
                                                     children: conn.userRequest
                                                 }),
                                                 /*#__PURE__*/ jsx(Tag, {
+                                                    className: index_module.tag,
                                                     style: {
                                                         marginLeft: 8,
-                                                        backgroundColor: '#EAEDF1',
-                                                        borderRadius: '2px',
                                                         fontSize: 11
                                                     },
                                                     children: conn.dependencyType
@@ -103,10 +99,7 @@ const SideEffectsOnlyImportsAlertCollapse = (props)=>{
                     size: 4,
                     align: "center",
                     children: /*#__PURE__*/ jsx(Tag, {
-                        style: {
-                            backgroundColor: '#EAEDF1',
-                            borderRadius: '2px'
-                        },
+                        className: index_module.tag,
                         children: /*#__PURE__*/ jsx("span", {
                             className: collapse_module.pkgName,
                             children: modulePath

package/dist/components/Alerts/collapse-side-effects-only-imports.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"components/Alerts/collapse-side-effects-only-imports.mjs","sources":["../../../src/components/Alerts/collapse-side-effects-only-imports.tsx"],"sourcesContent":["import Icon from '@ant-design/icons';\nimport { Collapse, Space, Tag, Typography } from 'antd';\n\nimport Overview from '../Overall/overview';\nimport styles from './collapse.module.scss';\nimport TotalSizeSvg from '../../common/svg/total-size.svg';\nimport { beautifyPath } from '../../utils/file';\nimport { LabelComponent, IdeIcons } from './collapse-shared';\n\nimport type { Rule } from '@rsdoctor/types';\nimport type { AlertProps } from '../Alert/types';\n\nconst { Text } = Typography;\nconst { innerWidth } = window;\n\nexport const SideEffectsOnlyImportsAlertCollapse = (props: {\n  data: Array<Rule.RuleStoreDataItem>;\n  extraData: Omit<AlertProps, 'data'>;\n}) => {\n  const { data, extraData } = props;\n  const { cwd } = extraData;\n\n  const items = data.map((d) => {\n    const { module, connections } =\n      d as Rule.ConnectionsOnlyImportsRuleStoreData;\n\n    const modulePath = beautifyPath(module.path, cwd);\n\n    const ChildComponent = () => {\n      return (\n        <div className={styles.collapseContainer}>\n          <Overview\n            style={{ backgroundColor: '#fff' }}\n            title={\n              <Space align=\"center\">\n                <Icon style={{ fontSize: '18px' }} component={TotalSizeSvg} />\n                <Text style={{ width: innerWidth > 1500 ? 900 : 700 }}>\n                  Module:{' '}\n                  <Text\n                    style={{\n                      fontSize: 12,\n                      color: 'rgba(28, 31, 35, 0.6)',\n                      fontWeight: 300,\n                    }}\n                  >\n                    {modulePath}\n                  </Text>\n                </Text>\n                <IdeIcons file={module.path} />\n              </Space>\n            }\n            description={\n              <div className={styles.collapseChild}>\n                <div\n                  style={{\n                    marginBottom: 8,\n                    fontWeight: 500,\n                    color: 'rgba(28, 31, 35, 0.85)',\n                  }}\n                >\n                  Side-Effects-Only Importers:\n                </div>\n                {connections.map((conn, idx) => (\n                  <div key={idx} style={{ display: 'flex', marginBottom: 4 }}>\n                    <div className={styles.attribute}>Import</div>\n                    <div className={styles.iconContainer}>\n                      <span className={styles.data}>{conn.userRequest}</span>\n                      <Tag\n                        style={{\n                          marginLeft: 8,\n                          backgroundColor: '#EAEDF1',\n                          borderRadius: '2px',\n                          fontSize: 11,\n                        }}\n                      >\n                        {conn.dependencyType}\n                      </Tag>\n                    </div>\n                  </div>\n                ))}\n              </div>\n            }\n          />\n        </div>\n      );\n    };\n\n    return {\n      key: modulePath,\n      label: (\n        <LabelComponent\n          title={\n            <Space size={4} align=\"center\">\n              <Tag style={{ backgroundColor: '#EAEDF1', borderRadius: '2px' }}>\n                <span className={styles.pkgName}>{modulePath}</span>\n              </Tag>\n            </Space>\n          }\n          description={`is only imported for its side effects by ${new Set(connections.map((c) => c.originModule)).size} importer(s).`}\n        />\n      ),\n      children: <ChildComponent />,\n    };\n  });\n\n  return (\n    <Collapse\n      style={{ width: '100%' }}\n      defaultActiveKey={items.map((item) => item.key)}\n      items={items}\n    />\n  );\n};\n"],"names":["Text","Typography","innerWidth","window","SideEffectsOnlyImportsAlertCollapse","props","data","extraData","cwd","items","d","module","connections","modulePath","beautifyPath","ChildComponent","styles","Overview","Space","Icon","TotalSizeSvg","IdeIcons","conn","idx","Tag","LabelComponent","Set","c","Collapse","item"],"mappings":";;;;;;;;AAYA,MAAM,EAAEA,MAAAA,IAAI,EAAE,GAAGC;AACjB,MAAM,EAAEC,YAAAA,6CAAU,EAAE,GAAGC;AAEhB,MAAMC,sCAAsC,CAACC;IAIlD,MAAM,EAAEC,IAAI,EAAEC,SAAS,EAAE,GAAGF;IAC5B,MAAM,EAAEG,GAAG,EAAE,GAAGD;IAEhB,MAAME,QAAQH,KAAK,GAAG,CAAC,CAACI;QACtB,MAAM,EAAEC,MAAM,EAAEC,WAAW,EAAE,GAC3BF;QAEF,MAAMG,aAAaC,aAAaH,OAAO,IAAI,EAAEH;QAE7C,MAAMO,iBAAiB,IACd,WAAP,GACE,IAAC;gBAAI,WAAWC,gBAAAA,iBAAwB;0BACtC,kBAACC,UAAQA;oBACP,OAAO;wBAAE,iBAAiB;oBAAO;oBACjC,qBACE,KAACC,OAAKA;wBAAC,OAAM;;0CACX,IAACC,OAAIA;gCAAC,OAAO;oCAAE,UAAU;gCAAO;gCAAG,WAAWC;;0CAC9C,KAACpB,MAAIA;gCAAC,OAAO;oCAAE,OAAOE,gDAAa,OAAO,MAAM;gCAAI;;oCAAG;oCAC7C;kDACR,IAACF,MAAIA;wCACH,OAAO;4CACL,UAAU;4CACV,OAAO;4CACP,YAAY;wCACd;kDAECa;;;;0CAGL,IAACQ,UAAQA;gCAAC,MAAMV,OAAO,IAAI;;;;oBAG/B,2BACE,KAAC;wBAAI,WAAWK,gBAAAA,aAAoB;;0CAClC,IAAC;gCACC,OAAO;oCACL,cAAc;oCACd,YAAY;oCACZ,OAAO;gCACT;0CACD;;4BAGAJ,YAAY,GAAG,CAAC,CAACU,MAAMC,MAAAA,WAAAA,GACtB,KAAC;oCAAc,OAAO;wCAAE,SAAS;wCAAQ,cAAc;oCAAE;;sDACvD,IAAC;4CAAI,WAAWP,gBAAAA,SAAgB;sDAAE;;sDAClC,KAAC;4CAAI,WAAWA,gBAAAA,aAAoB;;8DAClC,IAAC;oDAAK,WAAWA,gBAAAA,IAAW;8DAAGM,KAAK,WAAW;;8DAC/C,IAACE,KAAGA;oDACF,OAAO;wDACL,YAAY;wDACZ,iBAAiB;wDACjB,cAAc;wDACd,UAAU;oDACZ;8DAECF,KAAK,cAAc;;;;;mCAZhBC;;;;;QAwBxB,OAAO;YACL,KAAKV;YACL,OAAO,WAAP,GACE,IAACY,gBAAcA;gBACb,qBACE,IAACP,OAAKA;oBAAC,MAAM;oBAAG,OAAM;8BACpB,kBAACM,KAAGA;wBAAC,OAAO;4BAAE,iBAAiB;4BAAW,cAAc;wBAAM;kCAC5D,kBAAC;4BAAK,WAAWR,gBAAAA,OAAc;sCAAGH;;;;gBAIxC,aAAa,CAAC,yCAAyC,EAAE,IAAIa,IAAId,YAAY,GAAG,CAAC,CAACe,IAAMA,EAAE,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC;;YAGhI,UAAU,WAAV,GAAU,IAACZ,gBAAAA,CAAAA;QACb;IACF;IAEA,OAAO,WAAP,GACE,IAACa,UAAQA;QACP,OAAO;YAAE,OAAO;QAAO;QACvB,kBAAkBnB,MAAM,GAAG,CAAC,CAACoB,OAASA,KAAK,GAAG;QAC9C,OAAOpB;;AAGb"}
+{"version":3,"file":"components/Alerts/collapse-side-effects-only-imports.mjs","sources":["../../../src/components/Alerts/collapse-side-effects-only-imports.tsx"],"sourcesContent":["import Icon from '@ant-design/icons';\nimport { Collapse, Space, Tag, Typography } from 'antd';\n\nimport Overview from '../Overall/overview';\nimport styles from './collapse.module.scss';\nimport utilStyles from './index.module.scss';\nimport TotalSizeSvg from '../../common/svg/total-size.svg';\nimport { beautifyPath } from '../../utils/file';\nimport { LabelComponent, IdeIcons } from './collapse-shared';\n\nimport type { Rule } from '@rsdoctor/types';\nimport type { AlertProps } from '../Alert/types';\n\nconst { Text } = Typography;\nconst { innerWidth } = window;\n\nexport const SideEffectsOnlyImportsAlertCollapse = (props: {\n  data: Array<Rule.RuleStoreDataItem>;\n  extraData: Omit<AlertProps, 'data'>;\n}) => {\n  const { data, extraData } = props;\n  const { cwd } = extraData;\n\n  const items = data.map((d) => {\n    const { module, connections } =\n      d as Rule.ConnectionsOnlyImportsRuleStoreData;\n\n    const modulePath = beautifyPath(module.path, cwd);\n\n    const ChildComponent = () => {\n      return (\n        <div className={styles.collapseContainer}>\n          <Overview\n            title={\n              <Space align=\"center\">\n                <Icon style={{ fontSize: '18px' }} component={TotalSizeSvg} />\n                <Text style={{ width: innerWidth > 1500 ? 900 : 700 }}>\n                  Module:{' '}\n                  <Text\n                    type=\"secondary\"\n                    style={{\n                      fontSize: 12,\n                      fontWeight: 300,\n                    }}\n                  >\n                    {modulePath}\n                  </Text>\n                </Text>\n                <IdeIcons file={module.path} />\n              </Space>\n            }\n            description={\n              <div className={styles.collapseChild}>\n                <div\n                  style={{\n                    marginBottom: 8,\n                    fontWeight: 500,\n                  }}\n                >\n                  Side-Effects-Only Importers:\n                </div>\n                {connections.map((conn, idx) => (\n                  <div key={idx} style={{ display: 'flex', marginBottom: 4 }}>\n                    <div className={styles.attribute}>Import</div>\n                    <div className={styles.iconContainer}>\n                      <span className={styles.data}>{conn.userRequest}</span>\n                      <Tag\n                        className={utilStyles.tag}\n                        style={{\n                          marginLeft: 8,\n                          fontSize: 11,\n                        }}\n                      >\n                        {conn.dependencyType}\n                      </Tag>\n                    </div>\n                  </div>\n                ))}\n              </div>\n            }\n          />\n        </div>\n      );\n    };\n\n    return {\n      key: modulePath,\n      label: (\n        <LabelComponent\n          title={\n            <Space size={4} align=\"center\">\n              <Tag className={utilStyles.tag}>\n                <span className={styles.pkgName}>{modulePath}</span>\n              </Tag>\n            </Space>\n          }\n          description={`is only imported for its side effects by ${new Set(connections.map((c) => c.originModule)).size} importer(s).`}\n        />\n      ),\n      children: <ChildComponent />,\n    };\n  });\n\n  return (\n    <Collapse\n      style={{ width: '100%' }}\n      defaultActiveKey={items.map((item) => item.key)}\n      items={items}\n    />\n  );\n};\n"],"names":["Text","Typography","innerWidth","window","SideEffectsOnlyImportsAlertCollapse","props","data","extraData","cwd","items","d","module","connections","modulePath","beautifyPath","ChildComponent","styles","Overview","Space","Icon","TotalSizeSvg","IdeIcons","conn","idx","Tag","utilStyles","LabelComponent","Set","c","Collapse","item"],"mappings":";;;;;;;;;AAaA,MAAM,EAAEA,MAAAA,IAAI,EAAE,GAAGC;AACjB,MAAM,EAAEC,YAAAA,6CAAU,EAAE,GAAGC;AAEhB,MAAMC,sCAAsC,CAACC;IAIlD,MAAM,EAAEC,IAAI,EAAEC,SAAS,EAAE,GAAGF;IAC5B,MAAM,EAAEG,GAAG,EAAE,GAAGD;IAEhB,MAAME,QAAQH,KAAK,GAAG,CAAC,CAACI;QACtB,MAAM,EAAEC,MAAM,EAAEC,WAAW,EAAE,GAC3BF;QAEF,MAAMG,aAAaC,aAAaH,OAAO,IAAI,EAAEH;QAE7C,MAAMO,iBAAiB,IACd,WAAP,GACE,IAAC;gBAAI,WAAWC,gBAAAA,iBAAwB;0BACtC,kBAACC,UAAQA;oBACP,qBACE,KAACC,OAAKA;wBAAC,OAAM;;0CACX,IAACC,OAAIA;gCAAC,OAAO;oCAAE,UAAU;gCAAO;gCAAG,WAAWC;;0CAC9C,KAACpB,MAAIA;gCAAC,OAAO;oCAAE,OAAOE,gDAAa,OAAO,MAAM;gCAAI;;oCAAG;oCAC7C;kDACR,IAACF,MAAIA;wCACH,MAAK;wCACL,OAAO;4CACL,UAAU;4CACV,YAAY;wCACd;kDAECa;;;;0CAGL,IAACQ,UAAQA;gCAAC,MAAMV,OAAO,IAAI;;;;oBAG/B,2BACE,KAAC;wBAAI,WAAWK,gBAAAA,aAAoB;;0CAClC,IAAC;gCACC,OAAO;oCACL,cAAc;oCACd,YAAY;gCACd;0CACD;;4BAGAJ,YAAY,GAAG,CAAC,CAACU,MAAMC,MAAAA,WAAAA,GACtB,KAAC;oCAAc,OAAO;wCAAE,SAAS;wCAAQ,cAAc;oCAAE;;sDACvD,IAAC;4CAAI,WAAWP,gBAAAA,SAAgB;sDAAE;;sDAClC,KAAC;4CAAI,WAAWA,gBAAAA,aAAoB;;8DAClC,IAAC;oDAAK,WAAWA,gBAAAA,IAAW;8DAAGM,KAAK,WAAW;;8DAC/C,IAACE,KAAGA;oDACF,WAAWC,aAAAA,GAAc;oDACzB,OAAO;wDACL,YAAY;wDACZ,UAAU;oDACZ;8DAECH,KAAK,cAAc;;;;;mCAXhBC;;;;;QAuBxB,OAAO;YACL,KAAKV;YACL,OAAO,WAAP,GACE,IAACa,gBAAcA;gBACb,qBACE,IAACR,OAAKA;oBAAC,MAAM;oBAAG,OAAM;8BACpB,kBAACM,KAAGA;wBAAC,WAAWC,aAAAA,GAAc;kCAC5B,kBAAC;4BAAK,WAAWT,gBAAAA,OAAc;sCAAGH;;;;gBAIxC,aAAa,CAAC,yCAAyC,EAAE,IAAIc,IAAIf,YAAY,GAAG,CAAC,CAACgB,IAAMA,EAAE,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC;;YAGhI,UAAU,WAAV,GAAU,IAACb,gBAAAA,CAAAA;QACb;IACF;IAEA,OAAO,WAAP,GACE,IAACc,UAAQA;QACP,OAAO;YAAE,OAAO;QAAO;QACvB,kBAAkBpB,MAAM,GAAG,CAAC,CAACqB,OAASA,KAAK,GAAG;QAC9C,OAAOrB;;AAGb"}

package/dist/components/Alerts/collapse.mjs

@@ -12,6 +12,7 @@ import source_size from "../../common/svg/source-size.mjs";
 import total_size from "../../common/svg/total-size.mjs";
 import svg_version from "../../common/svg/version.mjs";
 import collapse_module from "./collapse.module.mjs";
+import index_module from "./index.module.mjs";
 import { LabelComponent } from "./collapse-shared.mjs";
 const { Paragraph: Paragraph, Text: Text } = Typography;
 const { innerWidth: collapse_innerWidth } = window;
@@ -39,9 +40,6 @@ const AlertCollapse = (props)=>{
                     className: collapse_module.collapseContainer,
                     children: [
                         /*#__PURE__*/ jsx(overview, {
-                            style: {
-                                backgroundColor: '#fff'
-                            },
                             title: /*#__PURE__*/ jsx(Text, {
                                 style: {
                                     width: collapse_innerWidth > 1500 ? 900 : 700
@@ -153,10 +151,7 @@ const AlertCollapse = (props)=>{
             key: name,
             label: /*#__PURE__*/ jsx(LabelComponent, {
                 title: /*#__PURE__*/ jsx(Tag, {
-                    style: {
-                        backgroundColor: '#EAEDF1',
-                        borderRadius: '2px'
-                    },
+                    className: index_module.tag,
                     children: /*#__PURE__*/ jsx("span", {
                         className: collapse_module.pkgName,
                         children: name
@@ -205,9 +200,7 @@ const AlertCollapse = (props)=>{
                                         children: [
                                             /*#__PURE__*/ jsx(Title, {
                                                 text: /*#__PURE__*/ jsx(Tag, {
-                                                    style: {
-                                                        backgroundColor: '#EAEDF1'
-                                                    },
+                                                    className: index_module.tag,
                                                     children: name
                                                 }),
                                                 upperFirst: false

package/dist/components/Alerts/collapse.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"components/Alerts/collapse.mjs","sources":["../../../src/components/Alerts/collapse.tsx"],"sourcesContent":["import { Collapse, Typography, Divider, Space, Tabs, Tag, Tooltip } from 'antd';\nimport Icon from '@ant-design/icons';\nimport { sumBy } from 'es-toolkit/compat';\n\nimport Overview from '../Overall/overview';\nimport { TextDrawer } from '../TextDrawer';\nimport { Title } from '../Title';\nimport { Size } from '../../constants';\nimport { formatSize } from '../../utils';\nimport BundleSizeSvg from '../../common/svg/bundle-size.svg';\nimport SourceSizeSvg from '../../common/svg/source-size.svg';\nimport TotalSizeSvg from '../../common/svg/total-size.svg';\nimport VersionSvg from '../../common/svg/version.svg';\n\nimport type { Rule } from '@rsdoctor/types';\n\nimport type { AlertProps } from '../Alert/types';\n\nimport styles from './collapse.module.scss';\nimport { LabelComponent } from './collapse-shared';\n\nconst { Paragraph, Text } = Typography;\nconst { innerWidth } = window;\n\nexport const AlertCollapse = (props: {\n  data: Array<Rule.RuleStoreDataItem>;\n  extraData: Omit<AlertProps, 'data'>;\n}) => {\n  const { data, extraData } = props;\n\n  const items = data\n    .map((d) => {\n      const data = d as Rule.PackageRelationDiffRuleStoreData;\n      const { packages } = data;\n      const totalSize = sumBy(packages, (e) => e.targetSize.sourceSize);\n\n      return {\n        totalSize,\n        data,\n      };\n    })\n    .sort((a, b) => {\n      return b.totalSize - a.totalSize;\n    })\n    .map(({ data, totalSize }) => {\n      const { packages } = data;\n      const totalSizeStr = formatSize(totalSize);\n      const { name } = packages.find((e) => !!e.target.name)!.target;\n      const versions = packages.map((item) => item.target.version);\n\n      const ChildComponent = () => {\n        return packages.map((pkg, idx) => {\n          const version = pkg.target.version;\n          const root = pkg.target.root;\n          const sizeStr = formatSize(pkg.targetSize.sourceSize);\n          const parsedSizeStr = pkg.targetSize.parsedSize\n            ? formatSize(pkg.targetSize.parsedSize)\n            : null;\n\n          return (\n            <div className={styles.collapseContainer}>\n              <Overview\n                style={{ backgroundColor: '#fff' }}\n                title={\n                  <Text\n                    style={{ width: innerWidth > 1500 ? 900 : 700 }}\n                    ellipsis={{\n                      tooltip: root,\n                    }}\n                  >\n                    {root}\n                  </Text>\n                }\n                description={\n                  <div className={styles.collapseChild}>\n                    <div>\n                      <div className={styles.attribute}>Version</div>\n                      <div className={styles.iconContainer}>\n                        <Icon\n                          style={{ fontSize: '18px' }}\n                          component={VersionSvg}\n                        />\n                        <span className={styles.data}>v{version}</span>\n                      </div>\n                    </div>\n                    <div>\n                      <div className={styles.attribute}>Source size</div>\n                      <div className={styles.iconContainer}>\n                        <Icon\n                          style={{ fontSize: '18px' }}\n                          component={SourceSizeSvg}\n                        />\n                        <span className={styles.data}>{sizeStr}</span>\n                      </div>\n                    </div>\n                    <div>\n                      <div className={styles.attribute}>Bundle size</div>\n                      <div className={styles.iconContainer}>\n                        <Icon\n                          style={{ fontSize: '18px' }}\n                          component={BundleSizeSvg}\n                        />\n                        <Tooltip\n                          title={`The bundle size of \"${name}\" is ${sizeStr}, this is after bundled, concatenated module cannot get bundled size. `}\n                        >\n                          <span className={styles.data}>\n                            {parsedSizeStr || 'CONCATENATED'}\n                          </span>\n                        </Tooltip>\n                      </div>\n                    </div>\n                  </div>\n                }\n                icon={\n                  <Paragraph\n                    style={{ position: 'relative', top: '-10px' }}\n                    copyable={{ text: root }}\n                  />\n                }\n              />\n              {idx !== packages.length - 1 ? (\n                <Divider style={{ margin: '10px 0' }} />\n              ) : null}\n            </div>\n          );\n        });\n      };\n\n      return {\n        key: name,\n        label: (\n          <LabelComponent\n            title={\n              <Tag style={{ backgroundColor: '#EAEDF1', borderRadius: '2px' }}>\n                <span className={styles.pkgName}>{name}</span>\n              </Tag>\n            }\n            description={`${packages.length} versions was found`}\n            extra={\n              <div className={styles.extraContainer}>\n                <div className={styles.iconContainer}>\n                  <Icon style={{ fontSize: '18px' }} component={TotalSizeSvg} />\n                  <span className={styles.data}>{totalSizeStr}</span>\n                </div>\n                {packages && packages.length > 0 ? (\n                  <TextDrawer\n                    text=\"Show Relations\"\n                    buttonProps={{ size: 'small' }}\n                    drawerProps={{ title: data.title, width: '60%' }}\n                  >\n                    <Space\n                      direction=\"vertical\"\n                      className=\"alert-space\"\n                      style={{ width: '100%' }}\n                    >\n                      <Space\n                        style={{\n                          marginBottom: Size.BasePadding / 2,\n                          width: '100%',\n                        }}\n                      >\n                        <Title\n                          text={\n                            <Tag style={{ backgroundColor: '#EAEDF1' }}>\n                              {name}\n                            </Tag>\n                          }\n                          upperFirst={false}\n                        />\n                        <Typography.Text strong>\n                          {versions.length}\n                        </Typography.Text>\n                        <Typography.Text> versions found</Typography.Text>\n                      </Space>\n                      <Tabs\n                        size=\"middle\"\n                        items={\n                          packages.map((pkg) => {\n                            const { target, targetSize } = pkg;\n                            return {\n                              label: (\n                                <Space className={styles.drawerLabelTitle}>\n                                  <div>v{target.version}</div>\n                                  <Tag className={styles.drawerLabelSize}>\n                                    {formatSize(targetSize.sourceSize)}\n                                  </Tag>\n                                </Space>\n                              ),\n                              key: `${target.root}${target.name}${target.version}`,\n                              children:\n                                extraData.getPackageRelationContentComponent({\n                                  data,\n                                  package: pkg,\n                                }),\n                            };\n                          })!\n                        }\n                      />\n                    </Space>\n                  </TextDrawer>\n                ) : null}\n              </div>\n            }\n          />\n        ),\n        children: <ChildComponent />,\n      };\n    });\n\n  return (\n    <Collapse\n      style={{ width: '100%' }}\n      defaultActiveKey={['E1001']}\n      items={items}\n    />\n  );\n};\n"],"names":["Paragraph","Text","Typography","innerWidth","window","AlertCollapse","props","data","extraData","items","d","packages","totalSize","sumBy","e","a","b","totalSizeStr","formatSize","name","versions","item","ChildComponent","pkg","idx","version","root","sizeStr","parsedSizeStr","styles","Overview","Icon","VersionSvg","SourceSizeSvg","BundleSizeSvg","Tooltip","Divider","LabelComponent","Tag","TotalSizeSvg","TextDrawer","Space","Size","Title","Tabs","target","targetSize","Collapse"],"mappings":"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"}
+{"version":3,"file":"components/Alerts/collapse.mjs","sources":["../../../src/components/Alerts/collapse.tsx"],"sourcesContent":["import { Collapse, Typography, Divider, Space, Tabs, Tag, Tooltip } from 'antd';\nimport Icon from '@ant-design/icons';\nimport { sumBy } from 'es-toolkit/compat';\n\nimport Overview from '../Overall/overview';\nimport { TextDrawer } from '../TextDrawer';\nimport { Title } from '../Title';\nimport { Size } from '../../constants';\nimport { formatSize } from '../../utils';\nimport BundleSizeSvg from '../../common/svg/bundle-size.svg';\nimport SourceSizeSvg from '../../common/svg/source-size.svg';\nimport TotalSizeSvg from '../../common/svg/total-size.svg';\nimport VersionSvg from '../../common/svg/version.svg';\n\nimport type { Rule } from '@rsdoctor/types';\n\nimport type { AlertProps } from '../Alert/types';\n\nimport styles from './collapse.module.scss';\nimport utilStyles from './index.module.scss';\nimport { LabelComponent } from './collapse-shared';\n\nconst { Paragraph, Text } = Typography;\nconst { innerWidth } = window;\n\nexport const AlertCollapse = (props: {\n  data: Array<Rule.RuleStoreDataItem>;\n  extraData: Omit<AlertProps, 'data'>;\n}) => {\n  const { data, extraData } = props;\n\n  const items = data\n    .map((d) => {\n      const data = d as Rule.PackageRelationDiffRuleStoreData;\n      const { packages } = data;\n      const totalSize = sumBy(packages, (e) => e.targetSize.sourceSize);\n\n      return {\n        totalSize,\n        data,\n      };\n    })\n    .sort((a, b) => {\n      return b.totalSize - a.totalSize;\n    })\n    .map(({ data, totalSize }) => {\n      const { packages } = data;\n      const totalSizeStr = formatSize(totalSize);\n      const { name } = packages.find((e) => !!e.target.name)!.target;\n      const versions = packages.map((item) => item.target.version);\n\n      const ChildComponent = () => {\n        return packages.map((pkg, idx) => {\n          const version = pkg.target.version;\n          const root = pkg.target.root;\n          const sizeStr = formatSize(pkg.targetSize.sourceSize);\n          const parsedSizeStr = pkg.targetSize.parsedSize\n            ? formatSize(pkg.targetSize.parsedSize)\n            : null;\n\n          return (\n            <div className={styles.collapseContainer}>\n              <Overview\n                title={\n                  <Text\n                    style={{ width: innerWidth > 1500 ? 900 : 700 }}\n                    ellipsis={{\n                      tooltip: root,\n                    }}\n                  >\n                    {root}\n                  </Text>\n                }\n                description={\n                  <div className={styles.collapseChild}>\n                    <div>\n                      <div className={styles.attribute}>Version</div>\n                      <div className={styles.iconContainer}>\n                        <Icon\n                          style={{ fontSize: '18px' }}\n                          component={VersionSvg}\n                        />\n                        <span className={styles.data}>v{version}</span>\n                      </div>\n                    </div>\n                    <div>\n                      <div className={styles.attribute}>Source size</div>\n                      <div className={styles.iconContainer}>\n                        <Icon\n                          style={{ fontSize: '18px' }}\n                          component={SourceSizeSvg}\n                        />\n                        <span className={styles.data}>{sizeStr}</span>\n                      </div>\n                    </div>\n                    <div>\n                      <div className={styles.attribute}>Bundle size</div>\n                      <div className={styles.iconContainer}>\n                        <Icon\n                          style={{ fontSize: '18px' }}\n                          component={BundleSizeSvg}\n                        />\n                        <Tooltip\n                          title={`The bundle size of \"${name}\" is ${sizeStr}, this is after bundled, concatenated module cannot get bundled size. `}\n                        >\n                          <span className={styles.data}>\n                            {parsedSizeStr || 'CONCATENATED'}\n                          </span>\n                        </Tooltip>\n                      </div>\n                    </div>\n                  </div>\n                }\n                icon={\n                  <Paragraph\n                    style={{ position: 'relative', top: '-10px' }}\n                    copyable={{ text: root }}\n                  />\n                }\n              />\n              {idx !== packages.length - 1 ? (\n                <Divider style={{ margin: '10px 0' }} />\n              ) : null}\n            </div>\n          );\n        });\n      };\n\n      return {\n        key: name,\n        label: (\n          <LabelComponent\n            title={\n              <Tag className={utilStyles.tag}>\n                <span className={styles.pkgName}>{name}</span>\n              </Tag>\n            }\n            description={`${packages.length} versions was found`}\n            extra={\n              <div className={styles.extraContainer}>\n                <div className={styles.iconContainer}>\n                  <Icon style={{ fontSize: '18px' }} component={TotalSizeSvg} />\n                  <span className={styles.data}>{totalSizeStr}</span>\n                </div>\n                {packages && packages.length > 0 ? (\n                  <TextDrawer\n                    text=\"Show Relations\"\n                    buttonProps={{ size: 'small' }}\n                    drawerProps={{ title: data.title, width: '60%' }}\n                  >\n                    <Space\n                      direction=\"vertical\"\n                      className=\"alert-space\"\n                      style={{ width: '100%' }}\n                    >\n                      <Space\n                        style={{\n                          marginBottom: Size.BasePadding / 2,\n                          width: '100%',\n                        }}\n                      >\n                        <Title\n                          text={<Tag className={utilStyles.tag}>{name}</Tag>}\n                          upperFirst={false}\n                        />\n                        <Typography.Text strong>\n                          {versions.length}\n                        </Typography.Text>\n                        <Typography.Text> versions found</Typography.Text>\n                      </Space>\n                      <Tabs\n                        size=\"middle\"\n                        items={packages.map((pkg) => {\n                          const { target, targetSize } = pkg;\n                          return {\n                            label: (\n                              <Space className={styles.drawerLabelTitle}>\n                                <div>v{target.version}</div>\n                                <Tag className={styles.drawerLabelSize}>\n                                  {formatSize(targetSize.sourceSize)}\n                                </Tag>\n                              </Space>\n                            ),\n                            key: `${target.root}${target.name}${target.version}`,\n                            children:\n                              extraData.getPackageRelationContentComponent({\n                                data,\n                                package: pkg,\n                              }),\n                          };\n                        })!}\n                      />\n                    </Space>\n                  </TextDrawer>\n                ) : null}\n              </div>\n            }\n          />\n        ),\n        children: <ChildComponent />,\n      };\n    });\n\n  return (\n    <Collapse\n      style={{ width: '100%' }}\n      defaultActiveKey={['E1001']}\n      items={items}\n    />\n  );\n};\n"],"names":["Paragraph","Text","Typography","innerWidth","window","AlertCollapse","props","data","extraData","items","d","packages","totalSize","sumBy","e","a","b","totalSizeStr","formatSize","name","versions","item","ChildComponent","pkg","idx","version","root","sizeStr","parsedSizeStr","styles","Overview","Icon","VersionSvg","SourceSizeSvg","BundleSizeSvg","Tooltip","Divider","LabelComponent","Tag","utilStyles","TotalSizeSvg","TextDrawer","Space","Size","Title","Tabs","target","targetSize","Collapse"],"mappings":";;;;;;;;;;;;;;;;AAsBA,MAAM,EAAEA,WAAAA,SAAS,EAAEC,MAAAA,IAAI,EAAE,GAAGC;AAC5B,MAAM,EAAEC,YAAAA,mBAAU,EAAE,GAAGC;AAEhB,MAAMC,gBAAgB,CAACC;IAI5B,MAAM,EAAEC,IAAI,EAAEC,SAAS,EAAE,GAAGF;IAE5B,MAAMG,QAAQF,KACX,GAAG,CAAC,CAACG;QACJ,MAAMH,OAAOG;QACb,MAAM,EAAEC,QAAQ,EAAE,GAAGJ;QACrB,MAAMK,YAAYC,MAAMF,UAAU,CAACG,IAAMA,EAAE,UAAU,CAAC,UAAU;QAEhE,OAAO;YACLF;YACAL;QACF;IACF,GACC,IAAI,CAAC,CAACQ,GAAGC,IACDA,EAAE,SAAS,GAAGD,EAAE,SAAS,EAEjC,GAAG,CAAC,CAAC,EAAER,IAAI,EAAEK,SAAS,EAAE;QACvB,MAAM,EAAED,QAAQ,EAAE,GAAGJ;QACrB,MAAMU,eAAeC,WAAWN;QAChC,MAAM,EAAEO,IAAI,EAAE,GAAGR,SAAS,IAAI,CAAC,CAACG,IAAM,CAAC,CAACA,EAAE,MAAM,CAAC,IAAI,EAAG,MAAM;QAC9D,MAAMM,WAAWT,SAAS,GAAG,CAAC,CAACU,OAASA,KAAK,MAAM,CAAC,OAAO;QAE3D,MAAMC,iBAAiB,IACdX,SAAS,GAAG,CAAC,CAACY,KAAKC;gBACxB,MAAMC,UAAUF,IAAI,MAAM,CAAC,OAAO;gBAClC,MAAMG,OAAOH,IAAI,MAAM,CAAC,IAAI;gBAC5B,MAAMI,UAAUT,WAAWK,IAAI,UAAU,CAAC,UAAU;gBACpD,MAAMK,gBAAgBL,IAAI,UAAU,CAAC,UAAU,GAC3CL,WAAWK,IAAI,UAAU,CAAC,UAAU,IACpC;gBAEJ,OAAO,WAAP,GACE,KAAC;oBAAI,WAAWM,gBAAAA,iBAAwB;;sCACtC,IAACC,UAAQA;4BACP,qBACE,IAAC7B,MAAIA;gCACH,OAAO;oCAAE,OAAOE,sBAAa,OAAO,MAAM;gCAAI;gCAC9C,UAAU;oCACR,SAASuB;gCACX;0CAECA;;4BAGL,2BACE,KAAC;gCAAI,WAAWG,gBAAAA,aAAoB;;kDAClC,KAAC;;0DACC,IAAC;gDAAI,WAAWA,gBAAAA,SAAgB;0DAAE;;0DAClC,KAAC;gDAAI,WAAWA,gBAAAA,aAAoB;;kEAClC,IAACE,OAAIA;wDACH,OAAO;4DAAE,UAAU;wDAAO;wDAC1B,WAAWC;;kEAEb,KAAC;wDAAK,WAAWH,gBAAAA,IAAW;;4DAAE;4DAAEJ;;;;;;;kDAGpC,KAAC;;0DACC,IAAC;gDAAI,WAAWI,gBAAAA,SAAgB;0DAAE;;0DAClC,KAAC;gDAAI,WAAWA,gBAAAA,aAAoB;;kEAClC,IAACE,OAAIA;wDACH,OAAO;4DAAE,UAAU;wDAAO;wDAC1B,WAAWE;;kEAEb,IAAC;wDAAK,WAAWJ,gBAAAA,IAAW;kEAAGF;;;;;;kDAGnC,KAAC;;0DACC,IAAC;gDAAI,WAAWE,gBAAAA,SAAgB;0DAAE;;0DAClC,KAAC;gDAAI,WAAWA,gBAAAA,aAAoB;;kEAClC,IAACE,OAAIA;wDACH,OAAO;4DAAE,UAAU;wDAAO;wDAC1B,WAAWG;;kEAEb,IAACC,SAAOA;wDACN,OAAO,CAAC,oBAAoB,EAAEhB,KAAK,KAAK,EAAEQ,QAAQ,sEAAsE,CAAC;kEAEzH,kBAAC;4DAAK,WAAWE,gBAAAA,IAAW;sEACzBD,iBAAiB;;;;;;;;;4BAO9B,oBACE,IAAC5B,WAASA;gCACR,OAAO;oCAAE,UAAU;oCAAY,KAAK;gCAAQ;gCAC5C,UAAU;oCAAE,MAAM0B;gCAAK;;;wBAI5BF,QAAQb,SAAS,MAAM,GAAG,IAAI,WAAJ,GACzB,IAACyB,SAAOA;4BAAC,OAAO;gCAAE,QAAQ;4BAAS;6BACjC;;;YAGV;QAGF,OAAO;YACL,KAAKjB;YACL,OAAO,WAAP,GACE,IAACkB,gBAAcA;gBACb,qBACE,IAACC,KAAGA;oBAAC,WAAWC,aAAAA,GAAc;8BAC5B,kBAAC;wBAAK,WAAWV,gBAAAA,OAAc;kCAAGV;;;gBAGtC,aAAa,GAAGR,SAAS,MAAM,CAAC,mBAAmB,CAAC;gBACpD,qBACE,KAAC;oBAAI,WAAWkB,gBAAAA,cAAqB;;sCACnC,KAAC;4BAAI,WAAWA,gBAAAA,aAAoB;;8CAClC,IAACE,OAAIA;oCAAC,OAAO;wCAAE,UAAU;oCAAO;oCAAG,WAAWS;;8CAC9C,IAAC;oCAAK,WAAWX,gBAAAA,IAAW;8CAAGZ;;;;wBAEhCN,YAAYA,SAAS,MAAM,GAAG,IAAI,WAAJ,GAC7B,IAAC8B,YAAUA;4BACT,MAAK;4BACL,aAAa;gCAAE,MAAM;4BAAQ;4BAC7B,aAAa;gCAAE,OAAOlC,KAAK,KAAK;gCAAE,OAAO;4BAAM;sCAE/C,mBAACmC,OAAKA;gCACJ,WAAU;gCACV,WAAU;gCACV,OAAO;oCAAE,OAAO;gCAAO;;kDAEvB,KAACA,OAAKA;wCACJ,OAAO;4CACL,cAAcC,KAAK,WAAW,GAAG;4CACjC,OAAO;wCACT;;0DAEA,IAACC,OAAKA;gDACJ,oBAAM,IAACN,KAAGA;oDAAC,WAAWC,aAAAA,GAAc;8DAAGpB;;gDACvC,YAAY;;0DAEd,IAACjB,WAAW,IAAI;gDAAC,QAAM;0DACpBkB,SAAS,MAAM;;0DAElB,IAAClB,WAAW,IAAI;0DAAC;;;;kDAEnB,IAAC2C,MAAIA;wCACH,MAAK;wCACL,OAAOlC,SAAS,GAAG,CAAC,CAACY;4CACnB,MAAM,EAAEuB,MAAM,EAAEC,UAAU,EAAE,GAAGxB;4CAC/B,OAAO;gDACL,OAAO,WAAP,GACE,KAACmB,OAAKA;oDAAC,WAAWb,gBAAAA,gBAAuB;;sEACvC,KAAC;;gEAAI;gEAAEiB,OAAO,OAAO;;;sEACrB,IAACR,KAAGA;4DAAC,WAAWT,gBAAAA,eAAsB;sEACnCX,WAAW6B,WAAW,UAAU;;;;gDAIvC,KAAK,GAAGD,OAAO,IAAI,GAAGA,OAAO,IAAI,GAAGA,OAAO,OAAO,EAAE;gDACpD,UACEtC,UAAU,kCAAkC,CAAC;oDAC3CD;oDACA,SAASgB;gDACX;4CACJ;wCACF;;;;6BAIJ;;;;YAKZ,UAAU,WAAV,GAAU,IAACD,gBAAAA,CAAAA;QACb;IACF;IAEF,OAAO,WAAP,GACE,IAAC0B,UAAQA;QACP,OAAO;YAAE,OAAO;QAAO;QACvB,kBAAkB;YAAC;SAAQ;QAC3B,OAAOvC;;AAGb"}

package/dist/components/Alerts/collapse_module.css

@@ -29,7 +29,7 @@
 
 .collapseContainer-RlFMpI .collapseChild-WWZD3z .attribute-bDSZ0z {
   text-align: left;
-  color: #00000073;
+  color: var(--text-color-secondary);
   margin: 5px 0;
   font-size: 12px;
   font-weight: 400;

package/dist/components/Alerts/collapse_module.css.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./src/components/Alerts/collapse.module.scss"],"names":[],"mappings":"AAAA;EACE,8BAA8B;EAC9B,aAAa;AACf;;AAHkD;EAMhD,sBAAsB;AACxB;;AAP4G;EAU1G,aAAa;AACf;;AAX8I;EAc5I,kBAAkB;AACpB;;AAfuL;EAkBrL,gBAAgB;EAChB,eAAe;EACf,gBAAgB;EAChB,iBAAiB;EACjB,aAAa;AACf;;AAvBsS;EA0BpS,kBAAkB;AACpB;;AA3B4V;EA8B1V,gBAAgB;EAChB,gBAAgB;EAChB,aAAa;EACb,eAAe;EACf,gBAAgB;EAChB,iBAAiB;AACnB;;AApCof;EAuClf,kBAAkB;EAClB,SAAS;EACT,UAAU;AACZ;;AA1CikB;EA6C/jB,6BAA6B;EAC7B,mBAAmB;EACnB,gBAAgB;EAChB,aAAa;AACf;;AAjDgqB;EAoD9pB,eAAe;EACf,gBAAgB;AAClB;;AAtDkuB;EAyDhuB,mBAAmB;EACnB,aAAa;AACf;;AA3DkxB;EA8DhxB,uBAAuB;EACvB,mBAAmB;EACnB,kBAAkB;EAClB,aAAa;AACf;;AAlE02B;EAqEx2B,gBAAgB;AAClB;;AAtE+4B;EAyE74B,gBAAgB;EAChB,kBAAkB;EAClB,eAAe;EACf,gBAAgB;EAChB,iBAAiB;AACnB","sourcesContent":[".label{display:flex;justify-content:space-between}.label :global .ant-collapse-header{background-color:#fff}.label .labelContent{display:flex}.label .labelContent>*{margin-right:10px}.collapseContainer .collapseChild{display:flex;font-size:14px;font-weight:400;line-height:20px;text-align:left}.collapseContainer .collapseChild>*{margin-right:10px}.collapseContainer .collapseChild .attribute{font-size:12px;font-weight:400;line-height:16px;text-align:left;color:rgba(0,0,0,.4509803922);margin:5px 0}.collapseContainer .collapseChild .copy{position:relative;left:100%;top:-50%}.drawerLabelTitle{min-width:120px;display:flex;justify-content:space-evenly;align-items:center}.drawerLabelTitle .drawerLabelSize{font-size:12px;font-weight:400}.extraContainer{display:flex;align-items:center}.iconContainer{display:flex;margin-right:20px;justify-content:center;align-items:center}.iconContainer .data{margin-left:5px}.pkgName{font-size:13px;font-weight:700;line-height:20px;text-align:left;font-family:Menlo}"],"sourceRoot":""}
+{"version":3,"sources":["webpack://./src/components/Alerts/collapse.module.scss"],"names":[],"mappings":"AAAA;EACE,8BAA8B;EAC9B,aAAa;AACf;;AAHkD;EAMhD,sBAAsB;AACxB;;AAP4G;EAU1G,aAAa;AACf;;AAX8I;EAc5I,kBAAkB;AACpB;;AAfuL;EAkBrL,gBAAgB;EAChB,eAAe;EACf,gBAAgB;EAChB,iBAAiB;EACjB,aAAa;AACf;;AAvBsS;EA0BpS,kBAAkB;AACpB;;AA3B4V;EA8B1V,gBAAgB;EAChB,kCAAkC;EAClC,aAAa;EACb,eAAe;EACf,gBAAgB;EAChB,iBAAiB;AACnB;;AApCwf;EAuCtf,kBAAkB;EAClB,SAAS;EACT,UAAU;AACZ;;AA1CqkB;EA6CnkB,6BAA6B;EAC7B,mBAAmB;EACnB,gBAAgB;EAChB,aAAa;AACf;;AAjDoqB;EAoDlqB,eAAe;EACf,gBAAgB;AAClB;;AAtDsuB;EAyDpuB,mBAAmB;EACnB,aAAa;AACf;;AA3DsxB;EA8DpxB,uBAAuB;EACvB,mBAAmB;EACnB,kBAAkB;EAClB,aAAa;AACf;;AAlE82B;EAqE52B,gBAAgB;AAClB;;AAtEm5B;EAyEj5B,gBAAgB;EAChB,kBAAkB;EAClB,eAAe;EACf,gBAAgB;EAChB,iBAAiB;AACnB","sourcesContent":[".label{display:flex;justify-content:space-between}.label :global .ant-collapse-header{background-color:#fff}.label .labelContent{display:flex}.label .labelContent>*{margin-right:10px}.collapseContainer .collapseChild{display:flex;font-size:14px;font-weight:400;line-height:20px;text-align:left}.collapseContainer .collapseChild>*{margin-right:10px}.collapseContainer .collapseChild .attribute{font-size:12px;font-weight:400;line-height:16px;text-align:left;color:var(--text-color-secondary);margin:5px 0}.collapseContainer .collapseChild .copy{position:relative;left:100%;top:-50%}.drawerLabelTitle{min-width:120px;display:flex;justify-content:space-evenly;align-items:center}.drawerLabelTitle .drawerLabelSize{font-size:12px;font-weight:400}.extraContainer{display:flex;align-items:center}.iconContainer{display:flex;margin-right:20px;justify-content:center;align-items:center}.iconContainer .data{margin-left:5px}.pkgName{font-size:13px;font-weight:700;line-height:20px;text-align:left;font-family:Menlo}"],"sourceRoot":""}

package/dist/components/Alerts/index.module.mjs

@@ -0,0 +1,7 @@
+import "./index_module.css";
+const index_module = {
+    tag: "tag-lJs0Ro"
+};
+export default index_module;
+
+//# sourceMappingURL=index.module.mjs.map

package/dist/components/Alerts/index.module.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/Alerts/index.module.mjs","sources":["../../../src/components/Alerts/index.module.scss"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./index_module.css\"\nexport default {\"tag\":\"tag-lJs0Ro\"};"],"names":[],"mappings":";AAEA,qBAAe;IAAC,KAAM;AAAY"}

package/dist/components/Alerts/index_module.css

@@ -0,0 +1,9 @@
+.tag-lJs0Ro {
+  background-color: var(--color-bg-box-elevated);
+  border-color: var(--color-border);
+  color: var(--text-color);
+  border-radius: 2px;
+}
+
+
+/*# sourceMappingURL=index_module.css.map */

package/dist/components/Alerts/index_module.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://./src/components/Alerts/index.module.scss"],"names":[],"mappings":"AAAA;EACE,8CAA8C;EAC9C,iCAAiC;EACjC,wBAAwB;EACxB,kBAAkB;AACpB","sourcesContent":[".tag{background-color:var(--color-bg-box-elevated);border-color:var(--color-border);color:var(--text-color);border-radius:2px}"],"sourceRoot":""}

package/dist/components/Alerts/list.mjs

@@ -9,9 +9,6 @@ const CommonList = (props)=>{
         const { code, link, description } = d;
         const navigate = useRuleIndexNavigate(code, link);
         return /*#__PURE__*/ jsx(Overview, {
-            style: {
-                background: '#fff'
-            },
             description: /*#__PURE__*/ jsxs("div", {
                 className: list_module.description,
                 children: [

package/dist/components/Alerts/list.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"components/Alerts/list.mjs","sources":["../../../src/components/Alerts/list.tsx"],"sourcesContent":["import { Button } from 'antd';\n\nimport { Overview } from '../Overall/overview';\nimport { useRuleIndexNavigate } from '../../utils';\n\nimport type { Rule } from '@rsdoctor/types';\n\nimport styles from './list.module.scss';\n\nexport const CommonList = (props: {\n  data: Array<Rule.RuleStoreDataItem>;\n  showCode?: boolean;\n}) => {\n  const { data, showCode } = props;\n  return data.map((d) => {\n    const { code, link, description } = d;\n    const navigate = useRuleIndexNavigate(code, link);\n\n    return (\n      <Overview\n        style={{\n          background: '#fff',\n        }}\n        description={\n          <div className={styles.description}>\n            {showCode ? <div className={styles.code}>{code}</div> : null}\n            <div>{description || ''}</div>\n          </div>\n        }\n        icon={\n          <Button onClick={navigate} type=\"link\">\n            more\n          </Button>\n        }\n      />\n    );\n  });\n};\n"],"names":["CommonList","props","data","showCode","d","code","link","description","navigate","useRuleIndexNavigate","Overview","styles","Button"],"mappings":";;;;;AASO,MAAMA,aAAa,CAACC;IAIzB,MAAM,EAAEC,IAAI,EAAEC,QAAQ,EAAE,GAAGF;IAC3B,OAAOC,KAAK,GAAG,CAAC,CAACE;QACf,MAAM,EAAEC,IAAI,EAAEC,IAAI,EAAEC,WAAW,EAAE,GAAGH;QACpC,MAAMI,WAAWC,qBAAqBJ,MAAMC;QAE5C,OAAO,WAAP,GACE,IAACI,UAAQA;YACP,OAAO;gBACL,YAAY;YACd;YACA,2BACE,KAAC;gBAAI,WAAWC,YAAAA,WAAkB;;oBAC/BR,WAAW,WAAXA,GAAW,IAAC;wBAAI,WAAWQ,YAAAA,IAAW;kCAAGN;yBAAc;kCACxD,IAAC;kCAAKE,eAAe;;;;YAGzB,oBACE,IAACK,QAAMA;gBAAC,SAASJ;gBAAU,MAAK;0BAAO;;;IAM/C;AACF"}
+{"version":3,"file":"components/Alerts/list.mjs","sources":["../../../src/components/Alerts/list.tsx"],"sourcesContent":["import { Button } from 'antd';\n\nimport { Overview } from '../Overall/overview';\nimport { useRuleIndexNavigate } from '../../utils';\n\nimport type { Rule } from '@rsdoctor/types';\n\nimport styles from './list.module.scss';\n\nexport const CommonList = (props: {\n  data: Array<Rule.RuleStoreDataItem>;\n  showCode?: boolean;\n}) => {\n  const { data, showCode } = props;\n  return data.map((d) => {\n    const { code, link, description } = d;\n    const navigate = useRuleIndexNavigate(code, link);\n\n    return (\n      <Overview\n        description={\n          <div className={styles.description}>\n            {showCode ? <div className={styles.code}>{code}</div> : null}\n            <div>{description || ''}</div>\n          </div>\n        }\n        icon={\n          <Button onClick={navigate} type=\"link\">\n            more\n          </Button>\n        }\n      />\n    );\n  });\n};\n"],"names":["CommonList","props","data","showCode","d","code","link","description","navigate","useRuleIndexNavigate","Overview","styles","Button"],"mappings":";;;;;AASO,MAAMA,aAAa,CAACC;IAIzB,MAAM,EAAEC,IAAI,EAAEC,QAAQ,EAAE,GAAGF;IAC3B,OAAOC,KAAK,GAAG,CAAC,CAACE;QACf,MAAM,EAAEC,IAAI,EAAEC,IAAI,EAAEC,WAAW,EAAE,GAAGH;QACpC,MAAMI,WAAWC,qBAAqBJ,MAAMC;QAE5C,OAAO,WAAP,GACE,IAACI,UAAQA;YACP,2BACE,KAAC;gBAAI,WAAWC,YAAAA,WAAkB;;oBAC/BR,WAAW,WAAXA,GAAW,IAAC;wBAAI,WAAWQ,YAAAA,IAAW;kCAAGN;yBAAc;kCACxD,IAAC;kCAAKE,eAAe;;;;YAGzB,oBACE,IAACK,QAAMA;gBAAC,SAASJ;gBAAU,MAAK;0BAAO;;;IAM/C;AACF"}

package/dist/components/Card/size_module.css

@@ -4,7 +4,6 @@
 }
 
 .dataContainer-lJ0PuO .title-Gj8JxL {
-  color: #000000a6;
   margin-bottom: 2px;
   font-size: 12px;
   font-weight: 400;
@@ -12,7 +11,6 @@
 }
 
 .description-miJCbD {
-  color: #000000d9;
   font-size: 18px;
   font-weight: 500;
   line-height: 28px;

package/dist/components/Card/size_module.css.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./src/components/Card/size.module.scss"],"names":[],"mappings":"AAAA;EACE,sBAAsB;EACtB,aAAa;AACf;;AAHkD;EAMhD,gBAAgB;EAChB,kBAAkB;EAClB,eAAe;EACf,gBAAgB;EAChB,iBAAiB;AACnB;;AAXwK;EActK,gBAAgB;EAChB,eAAe;EACf,gBAAgB;EAChB,iBAAiB;AACnB;;AAlBmQ;EAA0B;IAsBzR,eAAe;EACjB;AACF;;AAxB0T;EA2BxT,sBAAsB;EACtB,eAAe;EACf,aAAa;AACf;;AA9B8X;EAiC5X,eAAe;EACf,gBAAgB;EAChB,iBAAiB;AACnB","sourcesContent":[".dataContainer{display:flex;flex-direction:column}.dataContainer .title{font-size:12px;font-weight:400;line-height:20px;margin-bottom:2px;color:rgba(0,0,0,.6509803922)}.description{font-size:18px;font-weight:500;line-height:28px;color:rgba(0,0,0,.8509803922)}@media(max-width: 1500px){.description{font-size:14px}}.percentContainer{display:flex;flex-direction:column;font-size:20px}.percentContainer .percentDescription{font-size:12px;font-weight:400;line-height:20px}"],"sourceRoot":""}
+{"version":3,"sources":["webpack://./src/components/Card/size.module.scss"],"names":[],"mappings":"AAAA;EACE,sBAAsB;EACtB,aAAa;AACf;;AAHkD;EAMhD,kBAAkB;EAClB,eAAe;EACf,gBAAgB;EAChB,iBAAiB;AACnB;;AAV0I;EAaxI,eAAe;EACf,gBAAgB;EAChB,iBAAiB;AACnB;;AAhBuM;EAA0B;IAoB7N,eAAe;EACjB;AACF;;AAtB8P;EAyB5P,sBAAsB;EACtB,eAAe;EACf,aAAa;AACf;;AA5BkU;EA+BhU,eAAe;EACf,gBAAgB;EAChB,iBAAiB;AACnB","sourcesContent":[".dataContainer{display:flex;flex-direction:column}.dataContainer .title{font-size:12px;font-weight:400;line-height:20px;margin-bottom:2px}.description{font-size:18px;font-weight:500;line-height:28px}@media(max-width: 1500px){.description{font-size:14px}}.percentContainer{display:flex;flex-direction:column;font-size:20px}.percentContainer .percentDescription{font-size:12px;font-weight:400;line-height:20px}"],"sourceRoot":""}

package/dist/components/Charts/TimelineCharts/index.mjs

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { memo, useEffect, useState } from "react";
+import { memo, useEffect, useMemo, useState } from "react";
 import core from "echarts-for-react/esm/core";
 import * as __rspack_external_echarts_core_d2845954 from "echarts/core";
 import { CustomChart } from "echarts/charts";
@@ -8,30 +8,23 @@ import { CanvasRenderer } from "echarts/renderers";
 import dayjs from "dayjs";
 import { groupBy } from "es-toolkit/compat";
 import { ChartTypes, PALETTE_COLORS } from "../constants.mjs";
+import { useTheme, useThemeToken } from "../../../utils/index.mjs";
 const LINE_HEIGHT = 60;
-const TimelineCom = /*#__PURE__*/ memo(({ loaderData, pluginsData, formatterFn, chartType = ChartTypes.Normal, exts = null })=>{
+const DARK_MODE_LOADER_BAR_OPACITY = 0.6;
+function buildTimelineData(loaderData, pluginsData) {
     const data = [];
-    let categories = [];
-    const [optionsData, setOptionsData] = useState({});
-    __rspack_external_echarts_core_d2845954.use([
-        CustomChart,
-        TooltipComponent,
-        GridComponent,
-        DataZoomComponent,
-        CanvasRenderer
-    ]);
-    useEffect(()=>{
-        if (!loaderData) return;
-        const _categories = [];
+    const categories = [];
+    if (loaderData) {
+        const loaderCategories = [];
         loaderData.forEach((_l)=>{
-            _categories.unshift(_l.n + ' total');
-            _categories.unshift(_l.n);
+            loaderCategories.unshift(_l.n + ' total');
+            loaderCategories.unshift(_l.n);
         });
-        loaderData.forEach(function(_loaderData, _i) {
+        loaderData.forEach((_loaderData)=>{
             data.push({
                 name: _loaderData.n + ' total',
                 value: [
-                    _categories.indexOf(_loaderData.n + ' total'),
+                    loaderCategories.indexOf(_loaderData.n + ' total'),
                     _loaderData.s,
                     _loaderData.e,
                     _loaderData.e - _loaderData.s
@@ -44,10 +37,10 @@ const TimelineCom = /*#__PURE__*/ memo(({ loaderData, pluginsData, formatterFn,
                 }
             });
             if (!_loaderData?.c) return;
-            for(let l = 0; l < _loaderData?.c?.length; l++)data.push({
+            for(let l = 0; l < _loaderData.c.length; l++)data.push({
                 name: _loaderData.n,
                 value: [
-                    _categories.indexOf(_loaderData.n),
+                    loaderCategories.indexOf(_loaderData.n),
                     _loaderData.c[l].s,
                     _loaderData.c[l].e,
                     _loaderData.c[l].e - _loaderData.c[l].s
@@ -61,18 +54,12 @@ const TimelineCom = /*#__PURE__*/ memo(({ loaderData, pluginsData, formatterFn,
                 ext: _loaderData.c[l].ext
             });
         });
-        categories = _categories.map((val, i)=>{
-            if (i % 2 !== 0) return val.replace(' total', '');
-            return '';
-        });
-    }, [
-        loaderData
-    ]);
-    useEffect(()=>{
-        if (!pluginsData) return;
-        const _pluginsData = groupBy(pluginsData, (e)=>e.pid);
-        Object.keys(_pluginsData).reverse().forEach(function(key, i) {
-            _pluginsData[key].forEach((_plugin, _i)=>{
+        categories.push(...loaderCategories.map((val, i)=>i % 2 !== 0 ? val.replace(' total', '') : ''));
+    }
+    if (pluginsData) {
+        const plugins = groupBy(pluginsData, (e)=>e.pid);
+        Object.keys(plugins).reverse().forEach((key, i)=>{
+            plugins[key].forEach((_plugin)=>{
                 data.push({
                     name: String(_plugin.pid),
                     value: [
@@ -92,9 +79,43 @@ const TimelineCom = /*#__PURE__*/ memo(({ loaderData, pluginsData, formatterFn,
             });
             categories.push(String(key.charAt(0).toUpperCase() + key.slice(1)));
         });
-    }, [
+    }
+    return {
+        data,
+        categories
+    };
+}
+const TimelineCom = /*#__PURE__*/ memo(({ loaderData, pluginsData, formatterFn, chartType = ChartTypes.Normal, exts = null })=>{
+    const [optionsData, setOptionsData] = useState({});
+    const { isDark } = useTheme();
+    const themeToken = useThemeToken();
+    const { data, categories } = useMemo(()=>buildTimelineData(loaderData, pluginsData), [
+        loaderData,
         pluginsData
     ]);
+    const themedData = useMemo(()=>{
+        if (!isDark || chartType !== ChartTypes.Loader) return data;
+        return data.map((item)=>({
+                ...item,
+                itemStyle: {
+                    normal: {
+                        ...item.itemStyle.normal,
+                        opacity: DARK_MODE_LOADER_BAR_OPACITY
+                    }
+                }
+            }));
+    }, [
+        chartType,
+        data,
+        isDark
+    ]);
+    __rspack_external_echarts_core_d2845954.use([
+        CustomChart,
+        TooltipComponent,
+        GridComponent,
+        DataZoomComponent,
+        CanvasRenderer
+    ]);
     useEffect(()=>{
         function renderItem(params, api) {
             const categoryIndex = api.value(0);
@@ -186,7 +207,7 @@ const TimelineCom = /*#__PURE__*/ memo(({ loaderData, pluginsData, formatterFn,
                     lineHeight: 20,
                     width: 100,
                     fontSize: 12,
-                    color: '#000',
+                    color: themeToken.colorText,
                     verticalAlign: 'bottom'
                 },
                 axisLine: {
@@ -211,15 +232,18 @@ const TimelineCom = /*#__PURE__*/ memo(({ loaderData, pluginsData, formatterFn,
                         ],
                         y: 0
                     },
-                    data
+                    data: themedData
                 }
             ]
         };
         setOptionsData(option);
     }, [
-        loaderData,
-        pluginsData,
-        exts
+        chartType,
+        exts,
+        formatterFn,
+        themeToken,
+        categories,
+        themedData
     ]);
     return /*#__PURE__*/ jsx(core, {
         option: optionsData,
@@ -228,7 +252,7 @@ const TimelineCom = /*#__PURE__*/ memo(({ loaderData, pluginsData, formatterFn,
             width: '100%',
             minHeight: chartType === ChartTypes.Loader ? '500px' : chartType === ChartTypes.Minify ? '100px' : '200px',
             maxHeight: chartType === ChartTypes.Minify ? '100px' : '1000px',
-            border: '1px solid #eee',
+            border: '1px solid var(--color-border)',
             borderRadius: '10px'
         }
     });

package/dist/components/Charts/TimelineCharts/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"components/Charts/TimelineCharts/index.mjs","sources":["../../../../src/components/Charts/TimelineCharts/index.tsx"],"sourcesContent":["import React, { useState, useEffect, memo } from 'react';\nimport ReactEChartsCore from 'echarts-for-react/esm/core';\nimport * as echarts from 'echarts/core';\nimport { CustomChart } from 'echarts/charts';\nimport {\n  TooltipComponent,\n  GridComponent,\n  DataZoomComponent,\n} from 'echarts/components';\nimport { CanvasRenderer } from 'echarts/renderers';\n\nimport dayjs from 'dayjs';\nimport { ChartProps, DurationMetric, ITraceEventData } from '../types';\nimport { groupBy } from 'es-toolkit/compat';\nimport { ChartTypes, PALETTE_COLORS } from '../constants';\n\ninterface CoordSysType {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\ntype LoaderType = {\n  name: string;\n  value: number[];\n  itemStyle: { normal: { color: string; opacity?: number } };\n  ext?: Record<string, any>;\n};\n\nconst LINE_HEIGHT = 60;\n\nexport const TimelineCom: React.FC<{\n  loaderData?: DurationMetric[];\n  pluginsData?: ITraceEventData[];\n  formatterFn: Function;\n  chartType?: ChartTypes;\n  exts?: { endTimestamp: number; startTimestamp: number };\n}> = memo(\n  ({\n    loaderData,\n    pluginsData,\n    formatterFn,\n    chartType = ChartTypes.Normal,\n    exts = null,\n  }) => {\n    const data: LoaderType[] = [];\n    let categories: string[] = [];\n    const [optionsData, setOptionsData] = useState({});\n\n    // Register the required components\n    echarts.use([\n      CustomChart,\n      TooltipComponent,\n      GridComponent,\n      DataZoomComponent,\n      CanvasRenderer,\n    ]);\n\n    useEffect(() => {\n      if (!loaderData) return;\n      const _categories: string[] = [];\n      loaderData.forEach((_l) => {\n        _categories.unshift(_l.n + ' total');\n        _categories.unshift(_l.n);\n      });\n\n      // Generate mock data\n      loaderData.forEach(function (_loaderData, _i) {\n        data.push({\n          name: _loaderData.n + ' total',\n          value: [\n            _categories.indexOf(_loaderData.n + ' total'),\n            _loaderData.s,\n            _loaderData.e,\n            _loaderData.e - _loaderData.s,\n          ],\n          itemStyle: {\n            normal: {\n              color: PALETTE_COLORS[Math.floor(Math.random() * 27)],\n              opacity: 0.25,\n            },\n          },\n        });\n\n        if (!_loaderData?.c) return;\n        for (let l = 0; l < _loaderData?.c?.length; l++) {\n          data.push({\n            name: _loaderData.n,\n            value: [\n              _categories.indexOf(_loaderData.n),\n              _loaderData.c[l].s,\n              _loaderData.c[l].e,\n              _loaderData.c[l].e - _loaderData.c[l].s,\n            ],\n            itemStyle: {\n              normal: {\n                color: PALETTE_COLORS[Math.floor(Math.random() * 27)],\n                opacity: 0.25,\n              },\n            },\n            ext: _loaderData.c[l].ext as ChartProps['loaders'][0],\n          });\n        }\n      });\n\n      categories = _categories.map((val, i) => {\n        if (i % 2 !== 0) {\n          return val.replace(' total', '');\n        } else {\n          return '';\n        }\n      });\n    }, [loaderData]);\n\n    useEffect(() => {\n      if (!pluginsData) return;\n\n      const _pluginsData = groupBy(pluginsData, (e: ITraceEventData) => e.pid);\n\n      Object.keys(_pluginsData)\n        .reverse()\n        .forEach(function (key, i) {\n          _pluginsData[key].forEach((_plugin, _i) => {\n            data.push({\n              name: String(_plugin.pid),\n              value: [\n                i,\n                _plugin.args.s,\n                _plugin.args.e,\n                _plugin.args.e - _plugin.args.s,\n              ],\n              itemStyle: {\n                normal: {\n                  color: PALETTE_COLORS[Math.floor(Math.random() * 27)],\n                  opacity: 0.25,\n                },\n              },\n              ext: _plugin,\n            });\n          });\n          categories.push(String(key.charAt(0).toUpperCase() + key.slice(1)));\n        });\n    }, [pluginsData]);\n\n    useEffect(() => {\n      function renderItem(\n        params: { coordSys: CoordSysType },\n        api: {\n          value: (arg0: number) => number;\n          coord: (arg0: number[]) => any;\n          size: (arg0: number[]) => number[];\n          style: () => string;\n        },\n      ) {\n        const categoryIndex = api.value(0);\n        const start = api.coord([api.value(1), categoryIndex]);\n        const end = api.coord([api.value(2), categoryIndex]);\n        const height = api.size([0, 1])[1] * 0.3;\n\n        const rectShape = echarts.graphic.clipRectByRect(\n          {\n            x: start[0],\n            y:\n              chartType === ChartTypes.Loader\n                ? start[1] - (categoryIndex % 2 !== 0 ? 0 : height * 2)\n                : start[1],\n            width: end[0] - start[0] || 5,\n            height: height,\n          },\n          {\n            x: params.coordSys.x,\n            y: params.coordSys.y,\n            width: params.coordSys.width,\n            height: params.coordSys.height,\n          },\n        );\n        return (\n          rectShape && {\n            type: 'rect',\n            transition: ['shape'],\n            shape: rectShape,\n            style: api.style(),\n            enterFrom: {\n              style: { opacity: 0 },\n              x: 0,\n            },\n          }\n        );\n      }\n\n      const option = {\n        tooltip: {\n          formatter: (raw: any) => {\n            return formatterFn(raw);\n          },\n        },\n        dataZoom: [\n          {\n            type: 'slider',\n            filterMode: 'weakFilter',\n            showDataShadow: false,\n            top: -10,\n          },\n          {\n            type: 'inside',\n            filterMode: 'weakFilter',\n          },\n        ],\n        grid: {\n          top: 10,\n          left: 0,\n          bottom: 10,\n          right: 0,\n          height:\n            categories.length > (chartType === ChartTypes.Loader ? 6 : 3)\n              ? 'auto'\n              : categories.length * LINE_HEIGHT,\n          containLabel: true,\n        },\n        xAxis: {\n          interval:\n            exts?.endTimestamp && exts?.startTimestamp\n              ? Math.floor((exts.endTimestamp - exts.startTimestamp) / 8)\n              : null,\n          position: 'top',\n          splitLine: {\n            show: true,\n          },\n          scale: true,\n          axisLine: {\n            show: false,\n          },\n          axisLabel: {\n            formatter(val: number) {\n              return dayjs(val as number).format('HH:mm:ss:SSS');\n            },\n          },\n        },\n        yAxis: {\n          type: 'category',\n          splitLine: {\n            show: false,\n          },\n          axisLabel: {\n            inside: true,\n            lineHeight: 20,\n            width: 100,\n            fontSize: 12,\n            color: '#000',\n            verticalAlign: 'bottom',\n          },\n          axisLine: {\n            show: false,\n          },\n          axisTick: {\n            show: false,\n          },\n          data: categories,\n        },\n        series: [\n          {\n            type: 'custom',\n            renderItem,\n            itemStyle: {\n              opacity: 0.8,\n            },\n            encode: {\n              x: [1, 2],\n              y: 0,\n            },\n            data,\n          },\n        ],\n      };\n      setOptionsData(option);\n    }, [loaderData, pluginsData, exts]);\n\n    return (\n      <ReactEChartsCore\n        option={optionsData}\n        echarts={echarts}\n        style={{\n          width: '100%',\n          minHeight:\n            chartType === ChartTypes.Loader\n              ? '500px'\n              : chartType === ChartTypes.Minify\n                ? '100px'\n                : '200px',\n          maxHeight: chartType === ChartTypes.Minify ? '100px' : '1000px',\n          border: '1px solid #eee',\n          borderRadius: '10px',\n        }}\n      />\n    );\n  },\n);\n"],"names":["LINE_HEIGHT","TimelineCom","memo","loaderData","pluginsData","formatterFn","chartType","ChartTypes","exts","data","categories","optionsData","setOptionsData","useState","echarts","CustomChart","TooltipComponent","GridComponent","DataZoomComponent","CanvasRenderer","useEffect","_categories","_l","_loaderData","_i","PALETTE_COLORS","Math","l","val","i","_pluginsData","groupBy","e","Object","key","_plugin","String","renderItem","params","api","categoryIndex","start","end","height","rectShape","option","raw","dayjs","ReactEChartsCore"],"mappings":";;;;;;;;;;AA6BA,MAAMA,cAAc;AAEb,MAAMC,cAAWA,WAAAA,GAMnBC,KACH,CAAC,EACCC,UAAU,EACVC,WAAW,EACXC,WAAW,EACXC,YAAYC,WAAW,MAAM,EAC7BC,OAAO,IAAI,EACZ;IACC,MAAMC,OAAqB,EAAE;IAC7B,IAAIC,aAAuB,EAAE;IAC7B,MAAM,CAACC,aAAaC,eAAe,GAAGC,SAAS,CAAC;IAGhDC,wCAAAA,GAAW,CAAC;QACVC;QACAC;QACAC;QACAC;QACAC;KACD;IAEDC,UAAU;QACR,IAAI,CAACjB,YAAY;QACjB,MAAMkB,cAAwB,EAAE;QAChClB,WAAW,OAAO,CAAC,CAACmB;YAClBD,YAAY,OAAO,CAACC,GAAG,CAAC,GAAG;YAC3BD,YAAY,OAAO,CAACC,GAAG,CAAC;QAC1B;QAGAnB,WAAW,OAAO,CAAC,SAAUoB,WAAW,EAAEC,EAAE;YAC1Cf,KAAK,IAAI,CAAC;gBACR,MAAMc,YAAY,CAAC,GAAG;gBACtB,OAAO;oBACLF,YAAY,OAAO,CAACE,YAAY,CAAC,GAAG;oBACpCA,YAAY,CAAC;oBACbA,YAAY,CAAC;oBACbA,YAAY,CAAC,GAAGA,YAAY,CAAC;iBAC9B;gBACD,WAAW;oBACT,QAAQ;wBACN,OAAOE,cAAc,CAACC,KAAK,KAAK,CAACA,AAAgB,KAAhBA,KAAK,MAAM,IAAS;wBACrD,SAAS;oBACX;gBACF;YACF;YAEA,IAAI,CAACH,aAAa,GAAG;YACrB,IAAK,IAAII,IAAI,GAAGA,IAAIJ,aAAa,GAAG,QAAQI,IAC1ClB,KAAK,IAAI,CAAC;gBACR,MAAMc,YAAY,CAAC;gBACnB,OAAO;oBACLF,YAAY,OAAO,CAACE,YAAY,CAAC;oBACjCA,YAAY,CAAC,CAACI,EAAE,CAAC,CAAC;oBAClBJ,YAAY,CAAC,CAACI,EAAE,CAAC,CAAC;oBAClBJ,YAAY,CAAC,CAACI,EAAE,CAAC,CAAC,GAAGJ,YAAY,CAAC,CAACI,EAAE,CAAC,CAAC;iBACxC;gBACD,WAAW;oBACT,QAAQ;wBACN,OAAOF,cAAc,CAACC,KAAK,KAAK,CAACA,AAAgB,KAAhBA,KAAK,MAAM,IAAS;wBACrD,SAAS;oBACX;gBACF;gBACA,KAAKH,YAAY,CAAC,CAACI,EAAE,CAAC,GAAG;YAC3B;QAEJ;QAEAjB,aAAaW,YAAY,GAAG,CAAC,CAACO,KAAKC;YACjC,IAAIA,IAAI,MAAM,GACZ,OAAOD,IAAI,OAAO,CAAC,UAAU;YAE7B,OAAO;QAEX;IACF,GAAG;QAACzB;KAAW;IAEfiB,UAAU;QACR,IAAI,CAAChB,aAAa;QAElB,MAAM0B,eAAeC,QAAQ3B,aAAa,CAAC4B,IAAuBA,EAAE,GAAG;QAEvEC,OAAO,IAAI,CAACH,cACT,OAAO,GACP,OAAO,CAAC,SAAUI,GAAG,EAAEL,CAAC;YACvBC,YAAY,CAACI,IAAI,CAAC,OAAO,CAAC,CAACC,SAASX;gBAClCf,KAAK,IAAI,CAAC;oBACR,MAAM2B,OAAOD,QAAQ,GAAG;oBACxB,OAAO;wBACLN;wBACAM,QAAQ,IAAI,CAAC,CAAC;wBACdA,QAAQ,IAAI,CAAC,CAAC;wBACdA,QAAQ,IAAI,CAAC,CAAC,GAAGA,QAAQ,IAAI,CAAC,CAAC;qBAChC;oBACD,WAAW;wBACT,QAAQ;4BACN,OAAOV,cAAc,CAACC,KAAK,KAAK,CAACA,AAAgB,KAAhBA,KAAK,MAAM,IAAS;4BACrD,SAAS;wBACX;oBACF;oBACA,KAAKS;gBACP;YACF;YACAzB,WAAW,IAAI,CAAC0B,OAAOF,IAAI,MAAM,CAAC,GAAG,WAAW,KAAKA,IAAI,KAAK,CAAC;QACjE;IACJ,GAAG;QAAC9B;KAAY;IAEhBgB,UAAU;QACR,SAASiB,WACPC,MAAkC,EAClCC,GAKC;YAED,MAAMC,gBAAgBD,IAAI,KAAK,CAAC;YAChC,MAAME,QAAQF,IAAI,KAAK,CAAC;gBAACA,IAAI,KAAK,CAAC;gBAAIC;aAAc;YACrD,MAAME,MAAMH,IAAI,KAAK,CAAC;gBAACA,IAAI,KAAK,CAAC;gBAAIC;aAAc;YACnD,MAAMG,SAASJ,AAAsB,MAAtBA,IAAI,IAAI,CAAC;gBAAC;gBAAG;aAAE,CAAC,CAAC,EAAE;YAElC,MAAMK,YAAY9B,wCAAAA,OAAAA,CAAAA,cAA8B,CAC9C;gBACE,GAAG2B,KAAK,CAAC,EAAE;gBACX,GACEnC,cAAcC,WAAW,MAAM,GAC3BkC,KAAK,CAAC,EAAE,GAAID,CAAAA,gBAAgB,MAAM,IAAI,IAAIG,AAAS,IAATA,MAAS,IACnDF,KAAK,CAAC,EAAE;gBACd,OAAOC,GAAG,CAAC,EAAE,GAAGD,KAAK,CAAC,EAAE,IAAI;gBAC5B,QAAQE;YACV,GACA;gBACE,GAAGL,OAAO,QAAQ,CAAC,CAAC;gBACpB,GAAGA,OAAO,QAAQ,CAAC,CAAC;gBACpB,OAAOA,OAAO,QAAQ,CAAC,KAAK;gBAC5B,QAAQA,OAAO,QAAQ,CAAC,MAAM;YAChC;YAEF,OACEM,aAAa;gBACX,MAAM;gBACN,YAAY;oBAAC;iBAAQ;gBACrB,OAAOA;gBACP,OAAOL,IAAI,KAAK;gBAChB,WAAW;oBACT,OAAO;wBAAE,SAAS;oBAAE;oBACpB,GAAG;gBACL;YACF;QAEJ;QAEA,MAAMM,SAAS;YACb,SAAS;gBACP,WAAW,CAACC,MACHzC,YAAYyC;YAEvB;YACA,UAAU;gBACR;oBACE,MAAM;oBACN,YAAY;oBACZ,gBAAgB;oBAChB,KAAK;gBACP;gBACA;oBACE,MAAM;oBACN,YAAY;gBACd;aACD;YACD,MAAM;gBACJ,KAAK;gBACL,MAAM;gBACN,QAAQ;gBACR,OAAO;gBACP,QACEpC,WAAW,MAAM,GAAIJ,CAAAA,cAAcC,WAAW,MAAM,GAAG,IAAI,KACvD,SACAG,WAAW,MAAM,GAAGV;gBAC1B,cAAc;YAChB;YACA,OAAO;gBACL,UACEQ,MAAM,gBAAgBA,MAAM,iBACxBkB,KAAK,KAAK,CAAElB,AAAAA,CAAAA,KAAK,YAAY,GAAGA,KAAK,cAAa,IAAK,KACvD;gBACN,UAAU;gBACV,WAAW;oBACT,MAAM;gBACR;gBACA,OAAO;gBACP,UAAU;oBACR,MAAM;gBACR;gBACA,WAAW;oBACT,WAAUoB,GAAW;wBACnB,OAAOmB,MAAMnB,KAAe,MAAM,CAAC;oBACrC;gBACF;YACF;YACA,OAAO;gBACL,MAAM;gBACN,WAAW;oBACT,MAAM;gBACR;gBACA,WAAW;oBACT,QAAQ;oBACR,YAAY;oBACZ,OAAO;oBACP,UAAU;oBACV,OAAO;oBACP,eAAe;gBACjB;gBACA,UAAU;oBACR,MAAM;gBACR;gBACA,UAAU;oBACR,MAAM;gBACR;gBACA,MAAMlB;YACR;YACA,QAAQ;gBACN;oBACE,MAAM;oBACN2B;oBACA,WAAW;wBACT,SAAS;oBACX;oBACA,QAAQ;wBACN,GAAG;4BAAC;4BAAG;yBAAE;wBACT,GAAG;oBACL;oBACA5B;gBACF;aACD;QACH;QACAG,eAAeiC;IACjB,GAAG;QAAC1C;QAAYC;QAAaI;KAAK;IAElC,OAAO,WAAP,GACE,IAACwC,MAAgBA;QACf,QAAQrC;QACR,SAASG;QACT,OAAO;YACL,OAAO;YACP,WACER,cAAcC,WAAW,MAAM,GAC3B,UACAD,cAAcC,WAAW,MAAM,GAC7B,UACA;YACR,WAAWD,cAAcC,WAAW,MAAM,GAAG,UAAU;YACvD,QAAQ;YACR,cAAc;QAChB;;AAGN"}
+{"version":3,"file":"components/Charts/TimelineCharts/index.mjs","sources":["../../../../src/components/Charts/TimelineCharts/index.tsx"],"sourcesContent":["import React, { useState, useEffect, useMemo, memo } from 'react';\nimport ReactEChartsCore from 'echarts-for-react/esm/core';\nimport * as echarts from 'echarts/core';\nimport { CustomChart } from 'echarts/charts';\nimport {\n  TooltipComponent,\n  GridComponent,\n  DataZoomComponent,\n} from 'echarts/components';\nimport { CanvasRenderer } from 'echarts/renderers';\n\nimport dayjs from 'dayjs';\nimport { ChartProps, DurationMetric, ITraceEventData } from '../types';\nimport { groupBy } from 'es-toolkit/compat';\nimport { ChartTypes, PALETTE_COLORS } from '../constants';\nimport { useTheme, useThemeToken } from 'src/utils';\n\ninterface CoordSysType {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\ntype LoaderType = {\n  name: string;\n  value: number[];\n  itemStyle: { normal: { color: string; opacity?: number } };\n  ext?: Record<string, any>;\n};\n\nconst LINE_HEIGHT = 60;\nconst DARK_MODE_LOADER_BAR_OPACITY = 0.6;\n\nfunction buildTimelineData(\n  loaderData?: DurationMetric[],\n  pluginsData?: ITraceEventData[],\n) {\n  const data: LoaderType[] = [];\n  const categories: string[] = [];\n\n  if (loaderData) {\n    const loaderCategories: string[] = [];\n    loaderData.forEach((_l) => {\n      loaderCategories.unshift(_l.n + ' total');\n      loaderCategories.unshift(_l.n);\n    });\n\n    loaderData.forEach((_loaderData) => {\n      data.push({\n        name: _loaderData.n + ' total',\n        value: [\n          loaderCategories.indexOf(_loaderData.n + ' total'),\n          _loaderData.s,\n          _loaderData.e,\n          _loaderData.e - _loaderData.s,\n        ],\n        itemStyle: {\n          normal: {\n            color: PALETTE_COLORS[Math.floor(Math.random() * 27)],\n            opacity: 0.25,\n          },\n        },\n      });\n\n      if (!_loaderData?.c) return;\n      for (let l = 0; l < _loaderData.c.length; l++) {\n        data.push({\n          name: _loaderData.n,\n          value: [\n            loaderCategories.indexOf(_loaderData.n),\n            _loaderData.c[l].s,\n            _loaderData.c[l].e,\n            _loaderData.c[l].e - _loaderData.c[l].s,\n          ],\n          itemStyle: {\n            normal: {\n              color: PALETTE_COLORS[Math.floor(Math.random() * 27)],\n              opacity: 0.25,\n            },\n          },\n          ext: _loaderData.c[l].ext as ChartProps['loaders'][0],\n        });\n      }\n    });\n\n    categories.push(\n      ...loaderCategories.map((val, i) =>\n        i % 2 !== 0 ? val.replace(' total', '') : '',\n      ),\n    );\n  }\n\n  if (pluginsData) {\n    const plugins = groupBy(pluginsData, (e: ITraceEventData) => e.pid);\n\n    Object.keys(plugins)\n      .reverse()\n      .forEach((key, i) => {\n        plugins[key].forEach((_plugin) => {\n          data.push({\n            name: String(_plugin.pid),\n            value: [\n              i,\n              _plugin.args.s,\n              _plugin.args.e,\n              _plugin.args.e - _plugin.args.s,\n            ],\n            itemStyle: {\n              normal: {\n                color: PALETTE_COLORS[Math.floor(Math.random() * 27)],\n                opacity: 0.25,\n              },\n            },\n            ext: _plugin,\n          });\n        });\n        categories.push(String(key.charAt(0).toUpperCase() + key.slice(1)));\n      });\n  }\n\n  return { data, categories };\n}\n\nexport const TimelineCom: React.FC<{\n  loaderData?: DurationMetric[];\n  pluginsData?: ITraceEventData[];\n  formatterFn: Function;\n  chartType?: ChartTypes;\n  exts?: { endTimestamp: number; startTimestamp: number };\n}> = memo(\n  ({\n    loaderData,\n    pluginsData,\n    formatterFn,\n    chartType = ChartTypes.Normal,\n    exts = null,\n  }) => {\n    const [optionsData, setOptionsData] = useState({});\n    const { isDark } = useTheme();\n    const themeToken = useThemeToken();\n    const { data, categories } = useMemo(\n      () => buildTimelineData(loaderData, pluginsData),\n      [loaderData, pluginsData],\n    );\n    const themedData = useMemo(() => {\n      if (!isDark || chartType !== ChartTypes.Loader) {\n        return data;\n      }\n\n      return data.map((item) => ({\n        ...item,\n        itemStyle: {\n          normal: {\n            ...item.itemStyle.normal,\n            opacity: DARK_MODE_LOADER_BAR_OPACITY,\n          },\n        },\n      }));\n    }, [chartType, data, isDark]);\n\n    // Register the required components\n    echarts.use([\n      CustomChart,\n      TooltipComponent,\n      GridComponent,\n      DataZoomComponent,\n      CanvasRenderer,\n    ]);\n\n    useEffect(() => {\n      function renderItem(\n        params: { coordSys: CoordSysType },\n        api: {\n          value: (arg0: number) => number;\n          coord: (arg0: number[]) => any;\n          size: (arg0: number[]) => number[];\n          style: () => string;\n        },\n      ) {\n        const categoryIndex = api.value(0);\n        const start = api.coord([api.value(1), categoryIndex]);\n        const end = api.coord([api.value(2), categoryIndex]);\n        const height = api.size([0, 1])[1] * 0.3;\n\n        const rectShape = echarts.graphic.clipRectByRect(\n          {\n            x: start[0],\n            y:\n              chartType === ChartTypes.Loader\n                ? start[1] - (categoryIndex % 2 !== 0 ? 0 : height * 2)\n                : start[1],\n            width: end[0] - start[0] || 5,\n            height: height,\n          },\n          {\n            x: params.coordSys.x,\n            y: params.coordSys.y,\n            width: params.coordSys.width,\n            height: params.coordSys.height,\n          },\n        );\n        return (\n          rectShape && {\n            type: 'rect',\n            transition: ['shape'],\n            shape: rectShape,\n            style: api.style(),\n            enterFrom: {\n              style: { opacity: 0 },\n              x: 0,\n            },\n          }\n        );\n      }\n\n      const option = {\n        tooltip: {\n          formatter: (raw: any) => {\n            return formatterFn(raw);\n          },\n        },\n        dataZoom: [\n          {\n            type: 'slider',\n            filterMode: 'weakFilter',\n            showDataShadow: false,\n            top: -10,\n          },\n          {\n            type: 'inside',\n            filterMode: 'weakFilter',\n          },\n        ],\n        grid: {\n          top: 10,\n          left: 0,\n          bottom: 10,\n          right: 0,\n          height:\n            categories.length > (chartType === ChartTypes.Loader ? 6 : 3)\n              ? 'auto'\n              : categories.length * LINE_HEIGHT,\n          containLabel: true,\n        },\n        xAxis: {\n          interval:\n            exts?.endTimestamp && exts?.startTimestamp\n              ? Math.floor((exts.endTimestamp - exts.startTimestamp) / 8)\n              : null,\n          position: 'top',\n          splitLine: {\n            show: true,\n          },\n          scale: true,\n          axisLine: {\n            show: false,\n          },\n          axisLabel: {\n            formatter(val: number) {\n              return dayjs(val as number).format('HH:mm:ss:SSS');\n            },\n          },\n        },\n        yAxis: {\n          type: 'category',\n          splitLine: {\n            show: false,\n          },\n          axisLabel: {\n            inside: true,\n            lineHeight: 20,\n            width: 100,\n            fontSize: 12,\n            color: themeToken.colorText,\n            verticalAlign: 'bottom',\n          },\n          axisLine: {\n            show: false,\n          },\n          axisTick: {\n            show: false,\n          },\n          data: categories,\n        },\n        series: [\n          {\n            type: 'custom',\n            renderItem,\n            itemStyle: {\n              opacity: 0.8,\n            },\n            encode: {\n              x: [1, 2],\n              y: 0,\n            },\n            data: themedData,\n          },\n        ],\n      };\n      setOptionsData(option);\n    }, [chartType, exts, formatterFn, themeToken, categories, themedData]);\n\n    return (\n      <ReactEChartsCore\n        option={optionsData}\n        echarts={echarts}\n        style={{\n          width: '100%',\n          minHeight:\n            chartType === ChartTypes.Loader\n              ? '500px'\n              : chartType === ChartTypes.Minify\n                ? '100px'\n                : '200px',\n          maxHeight: chartType === ChartTypes.Minify ? '100px' : '1000px',\n          border: '1px solid var(--color-border)',\n          borderRadius: '10px',\n        }}\n      />\n    );\n  },\n);\n"],"names":["LINE_HEIGHT","DARK_MODE_LOADER_BAR_OPACITY","buildTimelineData","loaderData","pluginsData","data","categories","loaderCategories","_l","_loaderData","PALETTE_COLORS","Math","l","val","i","plugins","groupBy","e","Object","key","_plugin","String","TimelineCom","memo","formatterFn","chartType","ChartTypes","exts","optionsData","setOptionsData","useState","isDark","useTheme","themeToken","useThemeToken","useMemo","themedData","item","echarts","CustomChart","TooltipComponent","GridComponent","DataZoomComponent","CanvasRenderer","useEffect","renderItem","params","api","categoryIndex","start","end","height","rectShape","option","raw","dayjs","ReactEChartsCore"],"mappings":"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"}