@jetlinks-web/components 2.6.7 → 2.6.9

package/es/EditTable/EditTable.js

@@ -15,6 +15,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
     }
 } return value; }
 /* Analyzed bindings: {
+  "searchColumns": "props",
   "serial": "props",
   "validateRowKey": "props",
   "readonly": "props",
@@ -117,6 +118,10 @@ const __sfc_main__ = Object.assign({
     props: {
         ...tableProps(),
         ...bodyProps(),
+        searchColumns: {
+            type: Array,
+            default: undefined
+        },
         serial: {
             type: [Object, Boolean],
             default: () => ({
@@ -435,8 +440,9 @@ const __sfc_main__ = Object.assign({
                     }, [
                         _createVNode(Header, {
                             columns: myColumns.value,
+                            searchColumns: __props.searchColumns,
                             style: _normalizeStyle({ width: tableStyle.width })
-                        }, null, 8 /* PROPS */, ["columns", "style"])
+                        }, null, 8 /* PROPS */, ["columns", "searchColumns", "style"])
                     ], 4 /* STYLE */),
                     _createElementVNode("div", {
                         class: "jetlinks-edit-table-body",

package/es/EditTable/Header.js

@@ -128,10 +128,9 @@ const __sfc_main__ = Object.assign({
                     ? (_openBlock(), _createBlock(_unref(SearchModal), {
                         key: 0,
                         searchKey: searchData.key,
-                        rowKey: _ctx.rowKey,
                         columns: __props.searchColumns,
                         onClose: _cache[0] || (_cache[0] = $event => (searchData.visible = false))
-                    }, null, 8 /* PROPS */, ["searchKey", "rowKey", "columns"]))
+                    }, null, 8 /* PROPS */, ["searchKey", "columns"]))
                     : _createCommentVNode("v-if", true)
             ], 4 /* STYLE */));
         };

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

@@ -23,7 +23,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "useTableTool": "setup-maybe-ref",
   "useGroupOptions": "setup-maybe-ref",
   "ref": "setup-const",
-  "reactive": "setup-const",
+  "computed": "setup-const",
   "defineOptions": "setup-const",
   "Ellipsis": "setup-const",
   "DragModal": "setup-const",
@@ -47,7 +47,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "tableHeight": "setup-ref",
   "selectedRowKeys": "setup-ref",
   "tableRef": "setup-ref",
-  "myColumns": "setup-reactive-const",
+  "myColumns": "setup-ref",
   "selectedTableRow": "setup-const",
   "handleFilterArray": "setup-const",
   "search": "setup-const",
@@ -68,7 +68,7 @@ const _hoisted_6 = { key: 1 };
 const _hoisted_7 = { class: "jetlinks-table-search-result-total" };
 import Table from '../../EditTable.js';
 import { useTableDataSource, useTableOpenGroup, useTableTool, useGroupOptions } from "../../context";
-import { ref, reactive, } from "vue";
+import { ref, computed, } from "vue";
 import Ellipsis from '../../../Ellipsis/Ellipsis.js';
 import DragModal from '../../../DragModal/DragModal.js';
 import { useLocaleReceiver } from "../../../LocaleReciver/index";
@@ -103,16 +103,24 @@ const __sfc_main__ = Object.assign({
         const tableHeight = ref(230);
         const selectedRowKeys = ref([]);
         const tableRef = ref();
-        const myColumns = reactive([
-            {
-                title: contextLocale.value.columns.sign,
-                dataIndex: 'id',
-            },
-            {
-                title: contextLocale.value.columns.name,
-                dataIndex: 'name',
+        const myColumns = computed(() => {
+            if (props.columns) {
+                return props.columns.map(item => ({
+                    title: item.title,
+                    dataIndex: item.dataIndex
+                }));
             }
-        ]);
+            return [
+                {
+                    title: contextLocale.value.columns.sign,
+                    dataIndex: 'id',
+                },
+                {
+                    title: contextLocale.value.columns.name,
+                    dataIndex: 'name',
+                }
+            ];
+        });
         const selectedTableRow = (record) => {
             tableTool.scrollTo({
                 ...record,
@@ -272,7 +280,7 @@ const __sfc_main__ = Object.assign({
                                     ref_key: "tableRef",
                                     ref: tableRef,
                                     "data-source": filterArray.value,
-                                    columns: __props.columns || myColumns,
+                                    columns: myColumns.value,
                                     height: tableHeight.value,
                                     disableMenu: false,
                                     cellHeight: 36,

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-1744355448158"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1744361871270"), 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/EditTable/props.js

@@ -38,10 +38,6 @@ export var bodyProps = function bodyProps() {
         return [];
       }
     },
-    searchColumns: {
-      type: Array,
-      default: undefined
-    },
     cellHeight: {
       type: Number,
       default: 50

package/es/FlameGraph/FlameGraph.js

@@ -1,12 +1,27 @@
+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",
-  "fieldNames": "props",
   "request": "props",
   "flamegraph": "setup-maybe-ref",
   "d3": "setup-const",
-  "onMounted": "setup-const",
+  "nextTick": "setup-const",
   "watch": "setup-const",
   "ref": "setup-const",
   "computed": "setup-const",
@@ -20,9 +35,10 @@
 } */
 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 { onMounted, watch, ref, computed } from 'vue';
+import { nextTick, watch, ref, computed } from 'vue';
 const __sfc_main__ = Object.assign({
     name: 'JFlameGraph',
 }, {
@@ -38,14 +54,6 @@ const __sfc_main__ = Object.assign({
             type: Boolean,
             default: true
         },
-        fieldNames: {
-            type: Object,
-            default: () => ({
-                name: 'className',
-                value: 'samples',
-                children: 'children'
-            })
-        },
         request: {
             type: Function,
         }
@@ -64,19 +72,15 @@ const __sfc_main__ = Object.assign({
         const formatData = computed(() => {
             return (val) => {
                 function formatDataFn(newVal) {
-                    newVal.name = newVal[props.fieldNames.name];
-                    newVal.value = newVal[props.fieldNames.value];
-                    if (newVal[props.fieldNames.children] || newVal.children) {
-                        newVal[props.fieldNames.children || 'children'].forEach(item => {
+                    _optionalChain([newVal, 'access', _2 => _2.children, 'optionalAccess', _3 => _3.forEach, 'call', _4 => _4(item => {
                             formatDataFn(item);
-                        });
-                    }
+                        })]);
                 }
                 //格式化数据，增加根节点root
                 const obj = {
-                    [props.fieldNames.name]: 'root',
-                    [props.fieldNames.value]: val.map(item => item[props.fieldNames.value]).reduce((a, b) => a + b, 0),
-                    [props.fieldNames.children || 'children']: val
+                    name: 'root',
+                    value: val.map(item => item.value).reduce((a, b) => a + b, 0),
+                    children: val
                 };
                 formatDataFn(obj);
                 return obj;
@@ -89,36 +93,38 @@ const __sfc_main__ = Object.assign({
                 .datum(formatData.value(props.data))
                 .call(chart);
         };
-        onMounted(() => {
-            watch(() => props.data, (newVal, oldVal) => {
-                if (newVal) {
+        watch(() => props.data, (newVal, oldVal) => {
+            if (newVal) {
+                nextTick(() => {
                     d3.select(flameGraphRef.value)
                         .datum(formatData.value(newVal))
                         .call(chart);
-                }
-            }, { immediate: true });
-        });
+                });
+            }
+        }, { 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, [
-                _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", _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

package/es/FlameGraph/style/index.css

@@ -1,7 +1,17 @@
 .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;
 }

package/es/FlameGraph/style/index.less

@@ -1,43 +1,52 @@
-.j-flame-graph {
-  position: relative;
-
-  .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;
-  }
-}
-
-
-
-
+.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/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-1744355443252"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1744361869037"), 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-1744355447787"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1744361871107"), 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-1744355446214"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1744361870452"), n = n(), _popScopeId(), n);
 const _hoisted_1 = { class: "JSearch-item" };
 const _hoisted_2 = {
     key: 0,

package/es/style/index.css

@@ -5179,8 +5179,18 @@ span.ant-radio + * {
 }
 .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;
 }

package/lib/EditTable/EditTable.js

@@ -15,6 +15,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
     }
 } return value; }
 /* Analyzed bindings: {
+  "searchColumns": "props",
   "serial": "props",
   "validateRowKey": "props",
   "readonly": "props",
@@ -117,6 +118,10 @@ const __sfc_main__ = Object.assign({
     props: {
         ...tableProps(),
         ...bodyProps(),
+        searchColumns: {
+            type: Array,
+            default: undefined
+        },
         serial: {
             type: [Object, Boolean],
             default: () => ({
@@ -435,8 +440,9 @@ const __sfc_main__ = Object.assign({
                     }, [
                         _createVNode(Header, {
                             columns: myColumns.value,
+                            searchColumns: __props.searchColumns,
                             style: _normalizeStyle({ width: tableStyle.width })
-                        }, null, 8 /* PROPS */, ["columns", "style"])
+                        }, null, 8 /* PROPS */, ["columns", "searchColumns", "style"])
                     ], 4 /* STYLE */),
                     _createElementVNode("div", {
                         class: "jetlinks-edit-table-body",

package/lib/EditTable/Header.js

@@ -128,10 +128,9 @@ const __sfc_main__ = Object.assign({
                     ? (_openBlock(), _createBlock(_unref(SearchModal), {
                         key: 0,
                         searchKey: searchData.key,
-                        rowKey: _ctx.rowKey,
                         columns: __props.searchColumns,
                         onClose: _cache[0] || (_cache[0] = $event => (searchData.visible = false))
-                    }, null, 8 /* PROPS */, ["searchKey", "rowKey", "columns"]))
+                    }, null, 8 /* PROPS */, ["searchKey", "columns"]))
                     : _createCommentVNode("v-if", true)
             ], 4 /* STYLE */));
         };

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

@@ -23,7 +23,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "useTableTool": "setup-maybe-ref",
   "useGroupOptions": "setup-maybe-ref",
   "ref": "setup-const",
-  "reactive": "setup-const",
+  "computed": "setup-const",
   "defineOptions": "setup-const",
   "Ellipsis": "setup-const",
   "DragModal": "setup-const",
@@ -47,7 +47,7 @@ function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]
   "tableHeight": "setup-ref",
   "selectedRowKeys": "setup-ref",
   "tableRef": "setup-ref",
-  "myColumns": "setup-reactive-const",
+  "myColumns": "setup-ref",
   "selectedTableRow": "setup-const",
   "handleFilterArray": "setup-const",
   "search": "setup-const",
@@ -68,7 +68,7 @@ const _hoisted_6 = { key: 1 };
 const _hoisted_7 = { class: "jetlinks-table-search-result-total" };
 import Table from '../../EditTable.js';
 import { useTableDataSource, useTableOpenGroup, useTableTool, useGroupOptions } from "../../context";
-import { ref, reactive, } from "vue";
+import { ref, computed, } from "vue";
 import Ellipsis from '../../../Ellipsis/Ellipsis.js';
 import DragModal from '../../../DragModal/DragModal.js';
 import { useLocaleReceiver } from "../../../LocaleReciver/index";
@@ -103,16 +103,24 @@ const __sfc_main__ = Object.assign({
         const tableHeight = ref(230);
         const selectedRowKeys = ref([]);
         const tableRef = ref();
-        const myColumns = reactive([
-            {
-                title: contextLocale.value.columns.sign,
-                dataIndex: 'id',
-            },
-            {
-                title: contextLocale.value.columns.name,
-                dataIndex: 'name',
+        const myColumns = computed(() => {
+            if (props.columns) {
+                return props.columns.map(item => ({
+                    title: item.title,
+                    dataIndex: item.dataIndex
+                }));
             }
-        ]);
+            return [
+                {
+                    title: contextLocale.value.columns.sign,
+                    dataIndex: 'id',
+                },
+                {
+                    title: contextLocale.value.columns.name,
+                    dataIndex: 'name',
+                }
+            ];
+        });
         const selectedTableRow = (record) => {
             tableTool.scrollTo({
                 ...record,
@@ -272,7 +280,7 @@ const __sfc_main__ = Object.assign({
                                     ref_key: "tableRef",
                                     ref: tableRef,
                                     "data-source": filterArray.value,
-                                    columns: __props.columns || myColumns,
+                                    columns: myColumns.value,
                                     height: tableHeight.value,
                                     disableMenu: false,
                                     cellHeight: 36,

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-1744355448129"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1744361871288"), 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/EditTable/props.js

@@ -44,10 +44,6 @@ var bodyProps = exports.bodyProps = function bodyProps() {
         return [];
       }
     },
-    searchColumns: {
-      type: Array,
-      default: undefined
-    },
     cellHeight: {
       type: Number,
       default: 50

package/lib/FlameGraph/FlameGraph.js

@@ -1,12 +1,27 @@
+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",
-  "fieldNames": "props",
   "request": "props",
   "flamegraph": "setup-maybe-ref",
   "d3": "setup-const",
-  "onMounted": "setup-const",
+  "nextTick": "setup-const",
   "watch": "setup-const",
   "ref": "setup-const",
   "computed": "setup-const",
@@ -20,9 +35,10 @@
 } */
 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 { onMounted, watch, ref, computed } from 'vue';
+import { nextTick, watch, ref, computed } from 'vue';
 const __sfc_main__ = Object.assign({
     name: 'JFlameGraph',
 }, {
@@ -38,14 +54,6 @@ const __sfc_main__ = Object.assign({
             type: Boolean,
             default: true
         },
-        fieldNames: {
-            type: Object,
-            default: () => ({
-                name: 'className',
-                value: 'samples',
-                children: 'children'
-            })
-        },
         request: {
             type: Function,
         }
@@ -64,19 +72,15 @@ const __sfc_main__ = Object.assign({
         const formatData = computed(() => {
             return (val) => {
                 function formatDataFn(newVal) {
-                    newVal.name = newVal[props.fieldNames.name];
-                    newVal.value = newVal[props.fieldNames.value];
-                    if (newVal[props.fieldNames.children] || newVal.children) {
-                        newVal[props.fieldNames.children || 'children'].forEach(item => {
+                    _optionalChain([newVal, 'access', _2 => _2.children, 'optionalAccess', _3 => _3.forEach, 'call', _4 => _4(item => {
                             formatDataFn(item);
-                        });
-                    }
+                        })]);
                 }
                 //格式化数据，增加根节点root
                 const obj = {
-                    [props.fieldNames.name]: 'root',
-                    [props.fieldNames.value]: val.map(item => item[props.fieldNames.value]).reduce((a, b) => a + b, 0),
-                    [props.fieldNames.children || 'children']: val
+                    name: 'root',
+                    value: val.map(item => item.value).reduce((a, b) => a + b, 0),
+                    children: val
                 };
                 formatDataFn(obj);
                 return obj;
@@ -89,36 +93,38 @@ const __sfc_main__ = Object.assign({
                 .datum(formatData.value(props.data))
                 .call(chart);
         };
-        onMounted(() => {
-            watch(() => props.data, (newVal, oldVal) => {
-                if (newVal) {
+        watch(() => props.data, (newVal, oldVal) => {
+            if (newVal) {
+                nextTick(() => {
                     d3.select(flameGraphRef.value)
                         .datum(formatData.value(newVal))
                         .call(chart);
-                }
-            }, { immediate: true });
-        });
+                });
+            }
+        }, { 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, [
-                _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", _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

package/lib/FlameGraph/style/index.css

@@ -1,7 +1,17 @@
 .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;
 }

package/lib/FlameGraph/style/index.less

@@ -1,43 +1,52 @@
-.j-flame-graph {
-  position: relative;
-
-  .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;
-  }
-}
-
-
-
-
+.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/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-1744355443271"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1744361869027"), 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-1744355447819"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1744361871121"), 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-1744355446011"), n = n(), _popScopeId(), n);
+const _withScopeId = n => (_pushScopeId("data-v-1744361870525"), n = n(), _popScopeId(), n);
 const _hoisted_1 = { class: "JSearch-item" };
 const _hoisted_2 = {
     key: 0,

package/lib/style/index.css

@@ -5179,8 +5179,18 @@ span.ant-radio + * {
 }
 .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;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetlinks-web/components",
-  "version": "2.6.7",
+  "version": "2.6.9",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -158,8 +158,8 @@
     "webpack-dev-server": "^4.0.0",
     "webpack-merge": "^5.0.0",
     "webpackbar": "^5.0.2",
-    "@jetlinks-web/hooks": "^1.0.25",
     "@jetlinks-web/constants": "^1.0.9",
+    "@jetlinks-web/hooks": "^1.0.25",
     "@jetlinks-web/utils": "^1.2.8"
   },
   "publishConfig": {