@jetlinks-web/components 2.6.29 → 2.7.0

package/es/EditTable/components/Search/sort.js

@@ -42,7 +42,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "onDesc": "setup-const"
 } */
 import { unref as _unref, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createTextVNode as _createTextVNode, withCtx as _withCtx, createVNode as _createVNode, normalizeClass as _normalizeClass, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1755154724514"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1755250733005"), n = n(), _popScopeId(), n);
 const _hoisted_1 = { class: "jetlinks-table-sort-content" };
 const _hoisted_2 = { class: "jetlinks-table-sort-title" };
 const _hoisted_3 = { class: "table-sort-body" };

package/es/FullPage/FullPage.js

@@ -9,7 +9,7 @@
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, renderSlot as _renderSlot, createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1755154722160"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1755250731518"), n = n(), _popScopeId(), n);
 const _hoisted_1 = { class: "full-page-warp-content" };
 import { ref, inject } from 'vue';
 import { useElementBounding } from '@vueuse/core';

package/es/Search/Advanced/SaveHistory.js

@@ -23,7 +23,7 @@
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, createVNode as _createVNode, withCtx as _withCtx, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createBlock as _createBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1755154724391"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1755250732879"), n = n(), _popScopeId(), n);
 const _hoisted_1 = {
     key: 0,
     style: { "width": "240px" }

package/es/Search/Item.js

@@ -80,7 +80,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createElementBlock as _createElementBlock, createVNode as _createVNode, Fragment as _Fragment, normalizeStyle as _normalizeStyle, mergeProps as _mergeProps, resolveDynamicComponent as _resolveDynamicComponent, withCtx as _withCtx, createElementVNode as _createElementVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1755154723815"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1755250732041"), n = n(), _popScopeId(), n);
 const _hoisted_1 = { class: "JSearch-item" };
 const _hoisted_2 = {
     key: 0,

package/es/components.js

@@ -20,5 +20,4 @@ export { default as DragModal } from './DragModal';
 export { default as EditTable } from './EditTable';
 export { default as Markdown } from './Markdown';
 export { default as AutoComplete } from './AutoComplete';
-export { default as Title } from './Title';
-export { default as FlameGraph } from './FlameGraph';
+export { default as Title } from './Title';

package/es/style/index.css

@@ -5195,46 +5195,3 @@ span.ant-radio + * {
   color: #fff;
   background-color: #1890ff;
 }
-.j-flame-graph {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  overflow: auto;
-  /* 修改矩形块样式 */
-}
-.j-flame-graph .actions {
-  position: sticky;
-  top: 0;
-  left: 0;
-  padding: 10px;
-  background: #fff;
-}
-.j-flame-graph .d3-flame-graph {
-  margin-top: 40px;
-}
-.j-flame-graph .d3-flame-graph rect {
-  stroke: #fff;
-  stroke-width: 1px;
-}
-.j-flame-graph .d3-flame-graph text {
-  font-size: 18px;
-  fill: #333;
-}
-.j-flame-graph .frame {
-  cursor: pointer;
-}
-.j-flame-graph .frame:hover {
-  fill: #E600E6;
-}
-.j-flame-graph .frame:hover rect {
-  fill: #ffffe0;
-}
-.j-flame-graph .frame div {
-  color: #000;
-}
-.j-flame-graph .j-flame-graph-search {
-  position: sticky;
-  top: 0;
-  left: 0;
-  width: 200px;
-}

package/es/style/index.less

@@ -11,4 +11,3 @@
 @import '../Scrollbar/style/index.less';
 @import '../Title/style/index.less';
 @import '../RadioButton/style/index.less';
-@import '../FlameGraph/style/index.less';

package/es/style.js

@@ -9,5 +9,4 @@ import './EditTable/style';
 import './MonacoEditor/style';
 import './Scrollbar/style';
 import './Title/style';
-import './RadioButton/style';
-import './FlameGraph/style';
+import './RadioButton/style';

package/lib/EditTable/components/Search/sort.js

@@ -42,7 +42,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "onDesc": "setup-const"
 } */
 import { unref as _unref, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createTextVNode as _createTextVNode, withCtx as _withCtx, createVNode as _createVNode, normalizeClass as _normalizeClass, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1755154724497"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1755250733021"), n = n(), _popScopeId(), n);
 const _hoisted_1 = { class: "jetlinks-table-sort-content" };
 const _hoisted_2 = { class: "jetlinks-table-sort-title" };
 const _hoisted_3 = { class: "table-sort-body" };

package/lib/FullPage/FullPage.js

@@ -9,7 +9,7 @@
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, renderSlot as _renderSlot, createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1755154721895"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1755250731524"), n = n(), _popScopeId(), n);
 const _hoisted_1 = { class: "full-page-warp-content" };
 import { ref, inject } from 'vue';
 import { useElementBounding } from '@vueuse/core';

package/lib/Search/Advanced/SaveHistory.js

@@ -23,7 +23,7 @@
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, createVNode as _createVNode, withCtx as _withCtx, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createBlock as _createBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1755154724378"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1755250732890"), n = n(), _popScopeId(), n);
 const _hoisted_1 = {
     key: 0,
     style: { "width": "240px" }

package/lib/Search/Item.js

@@ -80,7 +80,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
 } */
 import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createElementBlock as _createElementBlock, createVNode as _createVNode, Fragment as _Fragment, normalizeStyle as _normalizeStyle, mergeProps as _mergeProps, resolveDynamicComponent as _resolveDynamicComponent, withCtx as _withCtx, createElementVNode as _createElementVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = n => (_pushScopeId("data-v-1755154723758"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1755250732094"), n = n(), _popScopeId(), n);
 const _hoisted_1 = { class: "JSearch-item" };
 const _hoisted_2 = {
     key: 0,

package/lib/components.js

@@ -77,12 +77,6 @@ Object.defineProperty(exports, "Empty", {
     return _Empty.default;
   }
 });
-Object.defineProperty(exports, "FlameGraph", {
-  enumerable: true,
-  get: function get() {
-    return _FlameGraph.default;
-  }
-});
 Object.defineProperty(exports, "FullPage", {
   enumerable: true,
   get: function get() {
@@ -184,6 +178,5 @@ var _EditTable = _interopRequireDefault(require("./EditTable"));
 var _Markdown = _interopRequireDefault(require("./Markdown"));
 var _AutoComplete = _interopRequireDefault(require("./AutoComplete"));
 var _Title = _interopRequireDefault(require("./Title"));
-var _FlameGraph = _interopRequireDefault(require("./FlameGraph"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

package/lib/style/components.less

@@ -3,7 +3,6 @@
 @import "../DragModal/style/index-pure.less";
 @import "../EditTable/style/index-pure.less";
 @import "../Ellipsis/style/index-pure.less";
-@import "../FlameGraph/style/index-pure.less";
 @import "../MonacoEditor/style/index-pure.less";
 @import "../RadioButton/style/index-pure.less";
 @import "../Scrollbar/style/index-pure.less";

package/lib/style/index.css

@@ -5195,46 +5195,3 @@ span.ant-radio + * {
   color: #fff;
   background-color: #1890ff;
 }
-.j-flame-graph {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  overflow: auto;
-  /* 修改矩形块样式 */
-}
-.j-flame-graph .actions {
-  position: sticky;
-  top: 0;
-  left: 0;
-  padding: 10px;
-  background: #fff;
-}
-.j-flame-graph .d3-flame-graph {
-  margin-top: 40px;
-}
-.j-flame-graph .d3-flame-graph rect {
-  stroke: #fff;
-  stroke-width: 1px;
-}
-.j-flame-graph .d3-flame-graph text {
-  font-size: 18px;
-  fill: #333;
-}
-.j-flame-graph .frame {
-  cursor: pointer;
-}
-.j-flame-graph .frame:hover {
-  fill: #E600E6;
-}
-.j-flame-graph .frame:hover rect {
-  fill: #ffffe0;
-}
-.j-flame-graph .frame div {
-  color: #000;
-}
-.j-flame-graph .j-flame-graph-search {
-  position: sticky;
-  top: 0;
-  left: 0;
-  width: 200px;
-}

package/lib/style/index.less

@@ -11,4 +11,3 @@
 @import '../Scrollbar/style/index.less';
 @import '../Title/style/index.less';
 @import '../RadioButton/style/index.less';
-@import '../FlameGraph/style/index.less';

package/lib/style.js

@@ -11,5 +11,4 @@ require("./EditTable/style");
 require("./MonacoEditor/style");
 require("./Scrollbar/style");
 require("./Title/style");
-require("./RadioButton/style");
-require("./FlameGraph/style");
+require("./RadioButton/style");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetlinks-web/components",
-  "version": "2.6.29",
+  "version": "2.7.0",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -25,8 +25,6 @@
     "@vueuse/core": "^10.2.1",
     "@vueuse/router": "^12.1.0",
     "async-validator": "^4.2.5",
-    "d3": "^7.9.0",
-    "d3-flame-graph": "^4.1.3",
     "echarts": "^5.4.3",
     "markdown-it": "^14.1.0",
     "markdown-it-abbr": "^2.0.0",
@@ -44,9 +42,9 @@
     "monaco-editor": "^0.51.0",
     "resize-observer-polyfill": "^1.5.1",
     "sortablejs": "^1.15.2",
-    "@jetlinks-web/utils": "1.2.14",
     "@jetlinks-web/constants": "1.0.9",
-    "@jetlinks-web/hooks": "1.0.31"
+    "@jetlinks-web/hooks": "1.0.31",
+    "@jetlinks-web/utils": "1.2.14"
   },
   "devDependencies": {
     "@babel/cli": "^7.8.4",

package/es/FlameGraph/FlameGraph.js

@@ -1,136 +0,0 @@
-function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) {
-    const op = ops[i];
-    const fn = ops[i + 1];
-    i += 2;
-    if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) {
-        return undefined;
-    }
-    if (op === 'access' || op === 'optionalAccess') {
-        lastAccessLHS = value;
-        value = fn(value);
-    }
-    else if (op === 'call' || op === 'optionalCall') {
-        value = fn((...args) => value.call(lastAccessLHS, ...args));
-        lastAccessLHS = undefined;
-    }
-} return value; }
-/* Analyzed bindings: {
-  "data": "props",
-  "showSearch": "props",
-  "showInvert": "props",
-  "request": "props",
-  "flamegraph": "setup-maybe-ref",
-  "d3": "setup-const",
-  "nextTick": "setup-const",
-  "watch": "setup-const",
-  "ref": "setup-const",
-  "computed": "setup-const",
-  "props": "setup-reactive-const",
-  "flameGraphRef": "setup-ref",
-  "inverted": "setup-ref",
-  "chart": "setup-maybe-ref",
-  "search": "setup-const",
-  "formatData": "setup-ref",
-  "invert": "setup-const"
-} */
-import { resolveComponent as _resolveComponent, createVNode as _createVNode, createTextVNode as _createTextVNode, withCtx as _withCtx, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
-const _hoisted_1 = { class: "j-flame-graph" };
-const _hoisted_2 = { class: "actions" };
-import { flamegraph } from 'd3-flame-graph';
-import * as d3 from 'd3';
-import { nextTick, watch, ref, computed } from 'vue';
-const __sfc_main__ = Object.assign({
-    name: 'JFlameGraph',
-}, {
-    props: {
-        data: {
-            type: Object,
-        },
-        showSearch: {
-            type: Boolean,
-            default: true
-        },
-        showInvert: {
-            type: Boolean,
-            default: true
-        },
-        request: {
-            type: Function,
-        }
-    },
-    setup(__props) {
-        const props = __props;
-        const flameGraphRef = ref(null);
-        const inverted = ref(false);
-        const chart = flamegraph()
-            .setColorMapper(function (d, originalColor) {
-            return d.highlight ? "#E600E6" : originalColor;
-        });
-        const search = (val) => {
-            chart.search(val);
-        };
-        const formatData = computed(() => {
-            return (val) => {
-                function formatDataFn(newVal) {
-                    _optionalChain([newVal, 'access', _2 => _2.children, 'optionalAccess', _3 => _3.forEach, 'call', _4 => _4(item => {
-                            formatDataFn(item);
-                        })]);
-                }
-                //格式化数据，增加根节点root
-                const obj = {
-                    name: 'root',
-                    value: val.map(item => item.value).reduce((a, b) => a + b, 0),
-                    children: val
-                };
-                formatDataFn(obj);
-                return obj;
-            };
-        });
-        const invert = () => {
-            inverted.value = !inverted.value;
-            chart.inverted(inverted.value);
-            d3.select(flameGraphRef.value)
-                .datum(formatData.value(props.data))
-                .call(chart);
-        };
-        watch(() => props.data, (newVal, oldVal) => {
-            if (newVal) {
-                nextTick(() => {
-                    d3.select(flameGraphRef.value)
-                        .datum(formatData.value(newVal))
-                        .call(chart);
-                });
-            }
-        }, { immediate: true });
-        return (_ctx, _cache) => {
-            const _component_a_input_search = _resolveComponent("a-input-search");
-            const _component_a_button = _resolveComponent("a-button");
-            const _component_a_space = _resolveComponent("a-space");
-            return (_openBlock(), _createElementBlock("div", _hoisted_1, [
-                _createElementVNode("div", _hoisted_2, [
-                    _createVNode(_component_a_space, null, {
-                        default: _withCtx(() => [
-                            _createVNode(_component_a_input_search, {
-                                class: "j-flame-graph-search",
-                                placeholder: "请输入",
-                                onSearch: search
-                            }),
-                            _createVNode(_component_a_button, { onClick: invert }, {
-                                default: _withCtx(() => [
-                                    _createTextVNode("反转")
-                                ]),
-                                _: 1 /* STABLE */
-                            })
-                        ]),
-                        _: 1 /* STABLE */
-                    })
-                ]),
-                _createElementVNode("div", {
-                    ref_key: "flameGraphRef",
-                    ref: flameGraphRef
-                }, null, 512 /* NEED_PATCH */)
-            ]));
-        };
-    }
-});
-export default __sfc_main__;

package/es/FlameGraph/index.js

@@ -1,5 +0,0 @@
-import FlameGraph from './FlameGraph.js';
-FlameGraph.install = function (app) {
-  app.component(FlameGraph.name, FlameGraph);
-};
-export default FlameGraph;

package/es/FlameGraph/style/index.css

@@ -1,43 +0,0 @@
-.j-flame-graph {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  overflow: auto;
-  /* 修改矩形块样式 */
-}
-.j-flame-graph .actions {
-  position: sticky;
-  top: 0;
-  left: 0;
-  padding: 10px;
-  background: #fff;
-}
-.j-flame-graph .d3-flame-graph {
-  margin-top: 40px;
-}
-.j-flame-graph .d3-flame-graph rect {
-  stroke: #fff;
-  stroke-width: 1px;
-}
-.j-flame-graph .d3-flame-graph text {
-  font-size: 18px;
-  fill: #333;
-}
-.j-flame-graph .frame {
-  cursor: pointer;
-}
-.j-flame-graph .frame:hover {
-  fill: #E600E6;
-}
-.j-flame-graph .frame:hover rect {
-  fill: #ffffe0;
-}
-.j-flame-graph .frame div {
-  color: #000;
-}
-.j-flame-graph .j-flame-graph-search {
-  position: sticky;
-  top: 0;
-  left: 0;
-  width: 200px;
-}

package/es/FlameGraph/style/index.js

@@ -1 +0,0 @@
-import './index.less';

package/es/FlameGraph/style/index.less

@@ -1,52 +0,0 @@
-.j-flame-graph {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  overflow: auto;
-  .actions {
-    position: sticky;
-    top: 0;
-    left: 0;
-    padding: 10px;
-    background: #fff;
-  }
-  .d3-flame-graph {
-    margin-top: 40px;
-  }
-  /* 修改矩形块样式 */
-  .d3-flame-graph {
-    rect {
-      stroke: #fff;
-      stroke-width: 1px;
-    }
-
-    text {
-      font-size: 18px;
-      fill: #333;
-    }
-  }
-
-  .frame {
-    cursor: pointer;
-  }
-  .frame:hover {
-    fill: #E600E6;
-  }
-  .frame:hover rect {
-    fill: #ffffe0;
-  }
-  .frame div {
-    color: #000
-  }
-
-  .j-flame-graph-search {
-    position: sticky;
-    top: 0;
-    left: 0;
-    width: 200px;
-  }
-}
-
-
-
-

package/lib/FlameGraph/FlameGraph.js

@@ -1,136 +0,0 @@
-function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) {
-    const op = ops[i];
-    const fn = ops[i + 1];
-    i += 2;
-    if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) {
-        return undefined;
-    }
-    if (op === 'access' || op === 'optionalAccess') {
-        lastAccessLHS = value;
-        value = fn(value);
-    }
-    else if (op === 'call' || op === 'optionalCall') {
-        value = fn((...args) => value.call(lastAccessLHS, ...args));
-        lastAccessLHS = undefined;
-    }
-} return value; }
-/* Analyzed bindings: {
-  "data": "props",
-  "showSearch": "props",
-  "showInvert": "props",
-  "request": "props",
-  "flamegraph": "setup-maybe-ref",
-  "d3": "setup-const",
-  "nextTick": "setup-const",
-  "watch": "setup-const",
-  "ref": "setup-const",
-  "computed": "setup-const",
-  "props": "setup-reactive-const",
-  "flameGraphRef": "setup-ref",
-  "inverted": "setup-ref",
-  "chart": "setup-maybe-ref",
-  "search": "setup-const",
-  "formatData": "setup-ref",
-  "invert": "setup-const"
-} */
-import { resolveComponent as _resolveComponent, createVNode as _createVNode, createTextVNode as _createTextVNode, withCtx as _withCtx, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
-const _hoisted_1 = { class: "j-flame-graph" };
-const _hoisted_2 = { class: "actions" };
-import { flamegraph } from 'd3-flame-graph';
-import * as d3 from 'd3';
-import { nextTick, watch, ref, computed } from 'vue';
-const __sfc_main__ = Object.assign({
-    name: 'JFlameGraph',
-}, {
-    props: {
-        data: {
-            type: Object,
-        },
-        showSearch: {
-            type: Boolean,
-            default: true
-        },
-        showInvert: {
-            type: Boolean,
-            default: true
-        },
-        request: {
-            type: Function,
-        }
-    },
-    setup(__props) {
-        const props = __props;
-        const flameGraphRef = ref(null);
-        const inverted = ref(false);
-        const chart = flamegraph()
-            .setColorMapper(function (d, originalColor) {
-            return d.highlight ? "#E600E6" : originalColor;
-        });
-        const search = (val) => {
-            chart.search(val);
-        };
-        const formatData = computed(() => {
-            return (val) => {
-                function formatDataFn(newVal) {
-                    _optionalChain([newVal, 'access', _2 => _2.children, 'optionalAccess', _3 => _3.forEach, 'call', _4 => _4(item => {
-                            formatDataFn(item);
-                        })]);
-                }
-                //格式化数据，增加根节点root
-                const obj = {
-                    name: 'root',
-                    value: val.map(item => item.value).reduce((a, b) => a + b, 0),
-                    children: val
-                };
-                formatDataFn(obj);
-                return obj;
-            };
-        });
-        const invert = () => {
-            inverted.value = !inverted.value;
-            chart.inverted(inverted.value);
-            d3.select(flameGraphRef.value)
-                .datum(formatData.value(props.data))
-                .call(chart);
-        };
-        watch(() => props.data, (newVal, oldVal) => {
-            if (newVal) {
-                nextTick(() => {
-                    d3.select(flameGraphRef.value)
-                        .datum(formatData.value(newVal))
-                        .call(chart);
-                });
-            }
-        }, { immediate: true });
-        return (_ctx, _cache) => {
-            const _component_a_input_search = _resolveComponent("a-input-search");
-            const _component_a_button = _resolveComponent("a-button");
-            const _component_a_space = _resolveComponent("a-space");
-            return (_openBlock(), _createElementBlock("div", _hoisted_1, [
-                _createElementVNode("div", _hoisted_2, [
-                    _createVNode(_component_a_space, null, {
-                        default: _withCtx(() => [
-                            _createVNode(_component_a_input_search, {
-                                class: "j-flame-graph-search",
-                                placeholder: "请输入",
-                                onSearch: search
-                            }),
-                            _createVNode(_component_a_button, { onClick: invert }, {
-                                default: _withCtx(() => [
-                                    _createTextVNode("反转")
-                                ]),
-                                _: 1 /* STABLE */
-                            })
-                        ]),
-                        _: 1 /* STABLE */
-                    })
-                ]),
-                _createElementVNode("div", {
-                    ref_key: "flameGraphRef",
-                    ref: flameGraphRef
-                }, null, 512 /* NEED_PATCH */)
-            ]));
-        };
-    }
-});
-export default __sfc_main__;

package/lib/FlameGraph/index.js

@@ -1,12 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _FlameGraph = _interopRequireDefault(require("./FlameGraph.js"));
-_FlameGraph.default.install = function (app) {
-  app.component(_FlameGraph.default.name, _FlameGraph.default);
-};
-var _default = exports.default = _FlameGraph.default;

package/lib/FlameGraph/style/index.css

@@ -1,43 +0,0 @@
-.j-flame-graph {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  overflow: auto;
-  /* 修改矩形块样式 */
-}
-.j-flame-graph .actions {
-  position: sticky;
-  top: 0;
-  left: 0;
-  padding: 10px;
-  background: #fff;
-}
-.j-flame-graph .d3-flame-graph {
-  margin-top: 40px;
-}
-.j-flame-graph .d3-flame-graph rect {
-  stroke: #fff;
-  stroke-width: 1px;
-}
-.j-flame-graph .d3-flame-graph text {
-  font-size: 18px;
-  fill: #333;
-}
-.j-flame-graph .frame {
-  cursor: pointer;
-}
-.j-flame-graph .frame:hover {
-  fill: #E600E6;
-}
-.j-flame-graph .frame:hover rect {
-  fill: #ffffe0;
-}
-.j-flame-graph .frame div {
-  color: #000;
-}
-.j-flame-graph .j-flame-graph-search {
-  position: sticky;
-  top: 0;
-  left: 0;
-  width: 200px;
-}

package/lib/FlameGraph/style/index.js

@@ -1,3 +0,0 @@
-"use strict";
-
-require("./index.less");

package/lib/FlameGraph/style/index.less

@@ -1,52 +0,0 @@
-.j-flame-graph {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  overflow: auto;
-  .actions {
-    position: sticky;
-    top: 0;
-    left: 0;
-    padding: 10px;
-    background: #fff;
-  }
-  .d3-flame-graph {
-    margin-top: 40px;
-  }
-  /* 修改矩形块样式 */
-  .d3-flame-graph {
-    rect {
-      stroke: #fff;
-      stroke-width: 1px;
-    }
-
-    text {
-      font-size: 18px;
-      fill: #333;
-    }
-  }
-
-  .frame {
-    cursor: pointer;
-  }
-  .frame:hover {
-    fill: #E600E6;
-  }
-  .frame:hover rect {
-    fill: #ffffe0;
-  }
-  .frame div {
-    color: #000
-  }
-
-  .j-flame-graph-search {
-    position: sticky;
-    top: 0;
-    left: 0;
-    width: 200px;
-  }
-}
-
-
-
-