tvision-charts-component 3.3.24

package/dist/esm/basicFlame/_example/ColorsBasic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorsBasic.js","sourceRoot":"","sources":["../../../../src/basicFlame/_example/ColorsBasic.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAExD,MAAM,CAAC,OAAO,UAAU,KAAK;IAC3B,IAAM,OAAO,GAAG;QACd,KAAK,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;QACxC,UAAU,EAAE;YACV;gBACE,IAAI,EAAE,SAAS;gBACf,IAAI,EAAE,OAAO;gBACb,IAAI,EAAE;oBACJ,IAAI,EAAE,MAAM;oBACZ,KAAK,EAAE,GAAG;oBACV,QAAQ,EAAE;wBACR;4BACE,IAAI,EAAE,kBAAkB;4BACxB,KAAK,EAAE,EAAE;4BACT,QAAQ,EAAE;gCACR;oCACE,IAAI,EAAE,wBAAwB;oCAC9B,KAAK,EAAE,EAAE;iCACV,EAAE;oCACD,IAAI,EAAE,gCAAgC;oCACtC,KAAK,EAAE,CAAC;iCACT,EAAE;oCACD,IAAI,EAAE,2BAA2B;oCACjC,KAAK,EAAE,EAAE;oCACT,QAAQ,EAAE;wCACR;4CACE,IAAI,EAAE,wBAAwB;4CAC9B,KAAK,EAAE,CAAC;4CACR,QAAQ,EAAE;gDACR,EAAE,IAAI,EAAE,kBAAkB,EAAE,KAAK,EAAE,CAAC,EAAE;6CACvC;yCACF;qCACF;iCACF;6BACF;yBACF;wBACD,EAAE,IAAI,EAAE,yBAAyB,EAAE,KAAK,EAAE,EAAE,EAAE;qBAC/C;iBACF;aACF;SACF;KACF,CAAC;IAEF,OAAO,CACL;QACE,gGAAqB;QACrB,oBAAC,UAAU,eAAK,OAAO,EAAI,CAC1B,CACJ,CAAC;AACJ,CAAC"}

package/dist/esm/basicFlame/_example/ColorsBasic.jsx

@@ -0,0 +1,53 @@
+import React from 'react';
+import { BasicFlame } from '@tencent/tcharts-component';
+
+export default function Basic() {
+  const options = {
+    color: ['#FFF8B8', '#EF961D', '#E34D59'],
+    dataSource: [
+      {
+        name: '火焰图test',
+        type: 'flame',
+        data: {
+          name: 'root',
+          value: 100,
+          children: [
+            {
+              name: 'unix`sys_syscall',
+              value: 30,
+              children: [
+                {
+                  name: 'genunix`syscall_mstate',
+                  value: 10,
+                }, {
+                  name: 'genunix`segkp_release_internal',
+                  value: 2,
+                }, {
+                  name: 'genunix`schedctl_freepage',
+                  value: 12,
+                  children: [
+                    {
+                      name: 'genunix`pvn_plist_init',
+                      value: 2,
+                      children: [
+                        { name: 'unix`page_lookup', value: 1 },
+                      ],
+                    },
+                  ],
+                },
+              ],
+            },
+            { name: 'unix`page_lookup_create', value: 70 },
+          ],
+        },
+      },
+    ],
+  };
+
+  return (
+    <>
+      <div>自定义火焰图可选色值</div>
+      <BasicFlame {...options} />
+    </>
+  );
+}

package/dist/esm/basicFlame/_example/FillBasic.d.ts

@@ -0,0 +1 @@
+export default function Basic(): JSX.Element;

package/dist/esm/basicFlame/_example/FillBasic.js

@@ -0,0 +1,53 @@
+import { __assign } from "tslib";
+import React from 'react';
+import { BasicFlame } from '@tencent/tcharts-component';
+export default function Basic() {
+    var options = {
+        dataSource: [
+            {
+                name: '火焰图test',
+                type: 'flame',
+                itemStyle: {
+                    calcFillColor: function (data) { return (data.value > 30 ? 'red' : ''); },
+                },
+                data: {
+                    name: 'root',
+                    value: 100,
+                    fillColor: 'green',
+                    children: [
+                        {
+                            name: 'unix`sys_syscall',
+                            value: 30,
+                            children: [
+                                {
+                                    name: 'genunix`syscall_mstate',
+                                    value: 10,
+                                }, {
+                                    name: 'genunix`segkp_release_internal',
+                                    value: 2,
+                                }, {
+                                    name: 'genunix`schedctl_freepage',
+                                    value: 12,
+                                    children: [
+                                        {
+                                            name: 'genunix`pvn_plist_init',
+                                            value: 2,
+                                            children: [
+                                                { name: 'unix`page_lookup', value: 1 },
+                                            ],
+                                        },
+                                    ],
+                                },
+                            ],
+                        },
+                        { name: 'unix`page_lookup_create', value: 70 },
+                    ],
+                },
+            },
+        ],
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", null, "\u81EA\u5B9A\u4E49\u586B\u5145\u8272\u706B\u7130\u56FE"),
+        React.createElement(BasicFlame, __assign({}, options))));
+}
+//# sourceMappingURL=FillBasic.js.map

package/dist/esm/basicFlame/_example/FillBasic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FillBasic.js","sourceRoot":"","sources":["../../../../src/basicFlame/_example/FillBasic.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAExD,MAAM,CAAC,OAAO,UAAU,KAAK;IAC3B,IAAM,OAAO,GAAG;QACd,UAAU,EAAE;YACV;gBACE,IAAI,EAAE,SAAS;gBACf,IAAI,EAAE,OAAO;gBACb,SAAS,EAAE;oBACT,aAAa,EAAE,UAAA,IAAI,IAAI,OAAA,CAAC,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,EAA9B,CAA8B;iBACtD;gBACD,IAAI,EAAE;oBACJ,IAAI,EAAE,MAAM;oBACZ,KAAK,EAAE,GAAG;oBACV,SAAS,EAAE,OAAO;oBAClB,QAAQ,EAAE;wBACR;4BACE,IAAI,EAAE,kBAAkB;4BACxB,KAAK,EAAE,EAAE;4BACT,QAAQ,EAAE;gCACR;oCACE,IAAI,EAAE,wBAAwB;oCAC9B,KAAK,EAAE,EAAE;iCACV,EAAE;oCACD,IAAI,EAAE,gCAAgC;oCACtC,KAAK,EAAE,CAAC;iCACT,EAAE;oCACD,IAAI,EAAE,2BAA2B;oCACjC,KAAK,EAAE,EAAE;oCACT,QAAQ,EAAE;wCACR;4CACE,IAAI,EAAE,wBAAwB;4CAC9B,KAAK,EAAE,CAAC;4CACR,QAAQ,EAAE;gDACR,EAAE,IAAI,EAAE,kBAAkB,EAAE,KAAK,EAAE,CAAC,EAAE;6CACvC;yCACF;qCACF;iCACF;6BACF;yBACF;wBACD,EAAE,IAAI,EAAE,yBAAyB,EAAE,KAAK,EAAE,EAAE,EAAE;qBAC/C;iBACF;aACF;SACF;KACF,CAAC;IAEF,OAAO,CACL;QACE,0FAAoB;QACpB,oBAAC,UAAU,eAAK,OAAO,EAAI,CAC1B,CACJ,CAAC;AACJ,CAAC"}

package/dist/esm/basicFlame/_example/FillBasic.jsx

@@ -0,0 +1,56 @@
+import React from 'react';
+import { BasicFlame } from '@tencent/tcharts-component';
+
+export default function Basic() {
+  const options = {
+    dataSource: [
+      {
+        name: '火焰图test',
+        type: 'flame',
+        itemStyle: {
+          calcFillColor: data => (data.value > 30 ? 'red' : ''),
+        },
+        data: {
+          name: 'root',
+          value: 100,
+          fillColor: 'green',
+          children: [
+            {
+              name: 'unix`sys_syscall',
+              value: 30,
+              children: [
+                {
+                  name: 'genunix`syscall_mstate',
+                  value: 10,
+                }, {
+                  name: 'genunix`segkp_release_internal',
+                  value: 2,
+                }, {
+                  name: 'genunix`schedctl_freepage',
+                  value: 12,
+                  children: [
+                    {
+                      name: 'genunix`pvn_plist_init',
+                      value: 2,
+                      children: [
+                        { name: 'unix`page_lookup', value: 1 },
+                      ],
+                    },
+                  ],
+                },
+              ],
+            },
+            { name: 'unix`page_lookup_create', value: 70 },
+          ],
+        },
+      },
+    ],
+  };
+
+  return (
+    <>
+      <div>自定义填充色火焰图</div>
+      <BasicFlame {...options} />
+    </>
+  );
+}

package/dist/esm/basicFlame/_example/HeightBasic.d.ts

@@ -0,0 +1 @@
+export default function Basic(): JSX.Element;

package/dist/esm/basicFlame/_example/HeightBasic.js

@@ -0,0 +1,49 @@
+import { __assign } from "tslib";
+import React from 'react';
+import { BasicFlame } from '@tencent/tcharts-component';
+export default function Basic() {
+    var options = {
+        dataSource: [
+            {
+                name: '火焰图test',
+                type: 'flame',
+                data: {
+                    name: 'root',
+                    value: 100,
+                    children: [
+                        {
+                            name: 'unix`sys_syscall',
+                            value: 30,
+                            children: [
+                                {
+                                    name: 'genunix`syscall_mstate',
+                                    value: 10,
+                                }, {
+                                    name: 'genunix`segkp_release_internal',
+                                    value: 2,
+                                }, {
+                                    name: 'genunix`schedctl_freepage',
+                                    value: 12,
+                                    children: [
+                                        {
+                                            name: 'genunix`pvn_plist_init',
+                                            value: 2,
+                                            children: [
+                                                { name: 'unix`page_lookup', value: 1 },
+                                            ],
+                                        },
+                                    ],
+                                },
+                            ],
+                        },
+                        { name: 'unix`page_lookup_create', value: 70 },
+                    ],
+                },
+            },
+        ],
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", null, "\u5B9A\u9AD8\u706B\u7130\u56FE"),
+        React.createElement(BasicFlame, __assign({ height: 200 }, options))));
+}
+//# sourceMappingURL=HeightBasic.js.map

package/dist/esm/basicFlame/_example/HeightBasic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeightBasic.js","sourceRoot":"","sources":["../../../../src/basicFlame/_example/HeightBasic.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAExD,MAAM,CAAC,OAAO,UAAU,KAAK;IAC3B,IAAM,OAAO,GAAG;QACd,UAAU,EAAE;YACV;gBACE,IAAI,EAAE,SAAS;gBACf,IAAI,EAAE,OAAO;gBACb,IAAI,EAAE;oBACJ,IAAI,EAAE,MAAM;oBACZ,KAAK,EAAE,GAAG;oBACV,QAAQ,EAAE;wBACR;4BACE,IAAI,EAAE,kBAAkB;4BACxB,KAAK,EAAE,EAAE;4BACT,QAAQ,EAAE;gCACR;oCACE,IAAI,EAAE,wBAAwB;oCAC9B,KAAK,EAAE,EAAE;iCACV,EAAE;oCACD,IAAI,EAAE,gCAAgC;oCACtC,KAAK,EAAE,CAAC;iCACT,EAAE;oCACD,IAAI,EAAE,2BAA2B;oCACjC,KAAK,EAAE,EAAE;oCACT,QAAQ,EAAE;wCACR;4CACE,IAAI,EAAE,wBAAwB;4CAC9B,KAAK,EAAE,CAAC;4CACR,QAAQ,EAAE;gDACR,EAAE,IAAI,EAAE,kBAAkB,EAAE,KAAK,EAAE,CAAC,EAAE;6CACvC;yCACF;qCACF;iCACF;6BACF;yBACF;wBACD,EAAE,IAAI,EAAE,yBAAyB,EAAE,KAAK,EAAE,EAAE,EAAE;qBAC/C;iBACF;aACF;SACF;KACF,CAAC;IAEF,OAAO,CACL;QACE,kEAAgB;QAChB,oBAAC,UAAU,aAAC,MAAM,EAAE,GAAG,IAAM,OAAO,EAAI,CACvC,CACJ,CAAC;AACJ,CAAC"}

package/dist/esm/basicFlame/_example/HeightBasic.jsx

@@ -0,0 +1,52 @@
+import React from 'react';
+import { BasicFlame } from '@tencent/tcharts-component';
+
+export default function Basic() {
+  const options = {
+    dataSource: [
+      {
+        name: '火焰图test',
+        type: 'flame',
+        data: {
+          name: 'root',
+          value: 100,
+          children: [
+            {
+              name: 'unix`sys_syscall',
+              value: 30,
+              children: [
+                {
+                  name: 'genunix`syscall_mstate',
+                  value: 10,
+                }, {
+                  name: 'genunix`segkp_release_internal',
+                  value: 2,
+                }, {
+                  name: 'genunix`schedctl_freepage',
+                  value: 12,
+                  children: [
+                    {
+                      name: 'genunix`pvn_plist_init',
+                      value: 2,
+                      children: [
+                        { name: 'unix`page_lookup', value: 1 },
+                      ],
+                    },
+                  ],
+                },
+              ],
+            },
+            { name: 'unix`page_lookup_create', value: 70 },
+          ],
+        },
+      },
+    ],
+  };
+
+  return (
+    <>
+      <div>定高火焰图</div>
+      <BasicFlame height={200} {...options} />
+    </>
+  );
+}

package/dist/esm/basicFlame/_example/HueBasic.d.ts

@@ -0,0 +1 @@
+export default function Basic(): JSX.Element;

package/dist/esm/basicFlame/_example/HueBasic.js

@@ -0,0 +1,50 @@
+import { __assign } from "tslib";
+import React from 'react';
+import { BasicFlame } from '@tencent/tcharts-component';
+export default function Basic() {
+    var options = {
+        dataSource: [
+            {
+                name: '火焰图test',
+                type: 'flame',
+                hue: 'cold',
+                data: {
+                    name: 'root',
+                    value: 100,
+                    children: [
+                        {
+                            name: 'unix`sys_syscall',
+                            value: 30,
+                            children: [
+                                {
+                                    name: 'genunix`syscall_mstate',
+                                    value: 10,
+                                }, {
+                                    name: 'genunix`segkp_release_internal',
+                                    value: 2,
+                                }, {
+                                    name: 'genunix`schedctl_freepage',
+                                    value: 12,
+                                    children: [
+                                        {
+                                            name: 'genunix`pvn_plist_init',
+                                            value: 2,
+                                            children: [
+                                                { name: 'unix`page_lookup', value: 1 },
+                                            ],
+                                        },
+                                    ],
+                                },
+                            ],
+                        },
+                        { name: 'unix`page_lookup_create', value: 70 },
+                    ],
+                },
+            },
+        ],
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", null, "\u914D\u7F6E\u706B\u7130\u56FE\u8272\u8C03"),
+        React.createElement(BasicFlame, __assign({}, options))));
+}
+//# sourceMappingURL=HueBasic.js.map

package/dist/esm/basicFlame/_example/HueBasic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HueBasic.js","sourceRoot":"","sources":["../../../../src/basicFlame/_example/HueBasic.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAExD,MAAM,CAAC,OAAO,UAAU,KAAK;IAC3B,IAAM,OAAO,GAAG;QACd,UAAU,EAAE;YACV;gBACE,IAAI,EAAE,SAAS;gBACf,IAAI,EAAE,OAAO;gBACb,GAAG,EAAE,MAAM;gBACX,IAAI,EAAE;oBACJ,IAAI,EAAE,MAAM;oBACZ,KAAK,EAAE,GAAG;oBACV,QAAQ,EAAE;wBACR;4BACE,IAAI,EAAE,kBAAkB;4BACxB,KAAK,EAAE,EAAE;4BACT,QAAQ,EAAE;gCACR;oCACE,IAAI,EAAE,wBAAwB;oCAC9B,KAAK,EAAE,EAAE;iCACV,EAAE;oCACD,IAAI,EAAE,gCAAgC;oCACtC,KAAK,EAAE,CAAC;iCACT,EAAE;oCACD,IAAI,EAAE,2BAA2B;oCACjC,KAAK,EAAE,EAAE;oCACT,QAAQ,EAAE;wCACR;4CACE,IAAI,EAAE,wBAAwB;4CAC9B,KAAK,EAAE,CAAC;4CACR,QAAQ,EAAE;gDACR,EAAE,IAAI,EAAE,kBAAkB,EAAE,KAAK,EAAE,CAAC,EAAE;6CACvC;yCACF;qCACF;iCACF;6BACF;yBACF;wBACD,EAAE,IAAI,EAAE,yBAAyB,EAAE,KAAK,EAAE,EAAE,EAAE;qBAC/C;iBACF;aACF;SACF;KACF,CAAC;IAEF,OAAO,CACL;QACE,8EAAkB;QAClB,oBAAC,UAAU,eAAK,OAAO,EAAI,CAC1B,CACJ,CAAC;AACJ,CAAC"}

package/dist/esm/basicFlame/_example/HueBasic.jsx

@@ -0,0 +1,53 @@
+import React from 'react';
+import { BasicFlame } from '@tencent/tcharts-component';
+
+export default function Basic() {
+  const options = {
+    dataSource: [
+      {
+        name: '火焰图test',
+        type: 'flame',
+        hue: 'cold',
+        data: {
+          name: 'root',
+          value: 100,
+          children: [
+            {
+              name: 'unix`sys_syscall',
+              value: 30,
+              children: [
+                {
+                  name: 'genunix`syscall_mstate',
+                  value: 10,
+                }, {
+                  name: 'genunix`segkp_release_internal',
+                  value: 2,
+                }, {
+                  name: 'genunix`schedctl_freepage',
+                  value: 12,
+                  children: [
+                    {
+                      name: 'genunix`pvn_plist_init',
+                      value: 2,
+                      children: [
+                        { name: 'unix`page_lookup', value: 1 },
+                      ],
+                    },
+                  ],
+                },
+              ],
+            },
+            { name: 'unix`page_lookup_create', value: 70 },
+          ],
+        },
+      },
+    ],
+  };
+
+  return (
+    <>
+      <div>配置火焰图色调</div>
+      <BasicFlame {...options} />
+    </>
+  );
+}

package/dist/esm/basicFlame/_example/LabelBasic.d.ts

@@ -0,0 +1 @@
+export default function Basic(): JSX.Element;

package/dist/esm/basicFlame/_example/LabelBasic.js

@@ -0,0 +1,53 @@
+import { __assign } from "tslib";
+import React from 'react';
+import { BasicFlame } from '@tencent/tcharts-component';
+export default function Basic() {
+    var options = {
+        dataSource: [
+            {
+                name: '火焰图test',
+                type: 'flame',
+                itemStyle: {
+                    calcLabelColor: function (data, colorIndex) { return (colorIndex > 6 ? 'red' : '#000'); },
+                },
+                data: {
+                    name: 'root',
+                    value: 100,
+                    labelColor: 'red',
+                    children: [
+                        {
+                            name: 'unix`sys_syscall',
+                            value: 30,
+                            children: [
+                                {
+                                    name: 'genunix`syscall_mstate',
+                                    value: 10,
+                                }, {
+                                    name: 'genunix`segkp_release_internal',
+                                    value: 2,
+                                }, {
+                                    name: 'genunix`schedctl_freepage',
+                                    value: 12,
+                                    children: [
+                                        {
+                                            name: 'genunix`pvn_plist_init',
+                                            value: 2,
+                                            children: [
+                                                { name: 'unix`page_lookup', value: 1 },
+                                            ],
+                                        },
+                                    ],
+                                },
+                            ],
+                        },
+                        { name: 'unix`page_lookup_create', value: 70 },
+                    ],
+                },
+            },
+        ],
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", null, "\u81EA\u5B9A\u4E49\u77E9\u5F62\u5C55\u793A\u6587\u672C\u989C\u8272"),
+        React.createElement(BasicFlame, __assign({}, options))));
+}
+//# sourceMappingURL=LabelBasic.js.map

package/dist/esm/basicFlame/_example/LabelBasic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabelBasic.js","sourceRoot":"","sources":["../../../../src/basicFlame/_example/LabelBasic.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAExD,MAAM,CAAC,OAAO,UAAU,KAAK;IAC3B,IAAM,OAAO,GAAG;QACd,UAAU,EAAE;YACV;gBACE,IAAI,EAAE,SAAS;gBACf,IAAI,EAAE,OAAO;gBACb,SAAS,EAAE;oBACT,cAAc,EAAE,UAAC,IAAI,EAAE,UAAU,IAAM,OAAA,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,EAAjC,CAAiC;iBACzE;gBACD,IAAI,EAAE;oBACJ,IAAI,EAAE,MAAM;oBACZ,KAAK,EAAE,GAAG;oBACV,UAAU,EAAE,KAAK;oBACjB,QAAQ,EAAE;wBACR;4BACE,IAAI,EAAE,kBAAkB;4BACxB,KAAK,EAAE,EAAE;4BACT,QAAQ,EAAE;gCACR;oCACE,IAAI,EAAE,wBAAwB;oCAC9B,KAAK,EAAE,EAAE;iCACV,EAAE;oCACD,IAAI,EAAE,gCAAgC;oCACtC,KAAK,EAAE,CAAC;iCACT,EAAE;oCACD,IAAI,EAAE,2BAA2B;oCACjC,KAAK,EAAE,EAAE;oCACT,QAAQ,EAAE;wCACR;4CACE,IAAI,EAAE,wBAAwB;4CAC9B,KAAK,EAAE,CAAC;4CACR,QAAQ,EAAE;gDACR,EAAE,IAAI,EAAE,kBAAkB,EAAE,KAAK,EAAE,CAAC,EAAE;6CACvC;yCACF;qCACF;iCACF;6BACF;yBACF;wBACD,EAAE,IAAI,EAAE,yBAAyB,EAAE,KAAK,EAAE,EAAE,EAAE;qBAC/C;iBACF;aACF;SACF;KACF,CAAC;IAEF,OAAO,CACL;QACE,sGAAsB;QACtB,oBAAC,UAAU,eAAK,OAAO,EAAI,CAC1B,CACJ,CAAC;AACJ,CAAC"}

package/dist/esm/basicFlame/_example/LabelBasic.jsx

@@ -0,0 +1,56 @@
+import React from 'react';
+import { BasicFlame } from '@tencent/tcharts-component';
+
+export default function Basic() {
+  const options = {
+    dataSource: [
+      {
+        name: '火焰图test',
+        type: 'flame',
+        itemStyle: {
+          calcLabelColor: (data, colorIndex) =>  (colorIndex > 6 ? 'red' : '#000'),
+        },
+        data: {
+          name: 'root',
+          value: 100,
+          labelColor: 'red',
+          children: [
+            {
+              name: 'unix`sys_syscall',
+              value: 30,
+              children: [
+                {
+                  name: 'genunix`syscall_mstate',
+                  value: 10,
+                }, {
+                  name: 'genunix`segkp_release_internal',
+                  value: 2,
+                }, {
+                  name: 'genunix`schedctl_freepage',
+                  value: 12,
+                  children: [
+                    {
+                      name: 'genunix`pvn_plist_init',
+                      value: 2,
+                      children: [
+                        { name: 'unix`page_lookup', value: 1 },
+                      ],
+                    },
+                  ],
+                },
+              ],
+            },
+            { name: 'unix`page_lookup_create', value: 70 },
+          ],
+        },
+      },
+    ],
+  };
+
+  return (
+    <>
+      <div>自定义矩形展示文本颜色</div>
+      <BasicFlame {...options} />
+    </>
+  );
+}

package/dist/esm/basicFlame/_example/LargeBasic1.d.ts

@@ -0,0 +1 @@
+export default function Basic(): JSX.Element;