@ant-design/agentic-ui 2.30.11 → 2.30.13

package/dist/Plugins/chart/ChartRender.js

@@ -652,20 +652,41 @@ import { debounce, getDataHash, isConfigEqual, isNotEmpty, toNumber } from "./ut
         var _ref8;
         var _config_rest10;
         // 直方图数据转换：提取原始值
+        // 同时支持预分箱格式：groupKey.DIM_LEFT / groupKey.DIM_RIGHT + MEASURE_PROB[0].actualValue
         var histogramData = (chartData || []).map(function(row) {
+            var _row_groupKey, _row_groupKey1, _row_MEASURE_PROB_;
+            var dimLeft = row === null || row === void 0 ? void 0 : (_row_groupKey = row.groupKey) === null || _row_groupKey === void 0 ? void 0 : _row_groupKey.DIM_LEFT;
+            var dimRight = row === null || row === void 0 ? void 0 : (_row_groupKey1 = row.groupKey) === null || _row_groupKey1 === void 0 ? void 0 : _row_groupKey1.DIM_RIGHT;
+            var measureProb = Array.isArray(row === null || row === void 0 ? void 0 : row.MEASURE_PROB) ? (_row_MEASURE_PROB_ = row.MEASURE_PROB[0]) === null || _row_MEASURE_PROB_ === void 0 ? void 0 : _row_MEASURE_PROB_.actualValue : undefined;
+            if (typeof dimLeft === 'number' && typeof dimRight === 'number' && typeof measureProb === 'number') {
+                var type = getFieldValue(row, colorLegend);
+                var category = getFieldValue(row, groupBy);
+                var filterLabel = getFieldValue(row, filterBy);
+                return _object_spread({
+                    value: measureProb,
+                    left: dimLeft,
+                    right: dimRight
+                }, type ? {
+                    type: type
+                } : {}, category ? {
+                    category: category
+                } : {}, filterLabel ? {
+                    filterLabel: filterLabel
+                } : {});
+            }
             var value = getFieldValueSafely(row, config === null || config === void 0 ? void 0 : config.y);
-            var type = getFieldValue(row, colorLegend);
-            var category = getFieldValue(row, groupBy);
-            var filterLabel = getFieldValue(row, filterBy);
+            var type1 = getFieldValue(row, colorLegend);
+            var category1 = getFieldValue(row, groupBy);
+            var filterLabel1 = getFieldValue(row, filterBy);
             var numValue = typeof value === 'number' ? value : toNumber(value, Number.NaN);
             return _object_spread({
                 value: Number.isFinite(numValue) ? numValue : 0
-            }, type ? {
-                type: type
-            } : {}, category ? {
-                category: category
-            } : {}, filterLabel ? {
-                filterLabel: filterLabel
+            }, type1 ? {
+                type: type1
+            } : {}, category1 ? {
+                category: category1
+            } : {}, filterLabel1 ? {
+                filterLabel: filterLabel1
             } : {});
         });
         return /*#__PURE__*/ React.createElement(HistogramChart, {

package/dist/Plugins/chart/HistogramChart/index.d.ts

@@ -6,8 +6,12 @@ import type { ChartClassNames, ChartStyles } from '../types/classNames';
  * 直方图数据项接口
  */
 export interface HistogramChartDataItem {
-    /** 原始数据值 */
+    /** 原始数据值（自动分箱时为原始数值；预分箱时为该箱的 y 轴值） */
     value: number;
+    /** 预分箱左边界（设置后与 right 一起跳过自动分箱） */
+    left?: number;
+    /** 预分箱右边界 */
+    right?: number;
     /** 数据系列（用于分组显示） */
     type?: string;
     /** 分类（用于筛选） */

package/dist/Plugins/chart/HistogramChart/index.js

@@ -200,13 +200,18 @@ var histogramChartComponentsRegistered = false;
     };
 }
 /**
- * 格式化分箱标签
+ * 格式化分箱标签，对超出范围的数字使用普通计数格式而非科学记数法
  */ function formatBinLabel(start, end) {
     var formatNum = function formatNum(n) {
-        if (Math.abs(n) >= 1000 || Math.abs(n) < 0.01 && n !== 0) {
-            return n.toExponential(1);
+        if (Math.abs(n) < 0.01 && n !== 0) {
+            return n.toFixed(4);
         }
-        return n.toFixed(2);
+        if (Number.isInteger(n)) {
+            return n.toLocaleString('en-US', {
+                useGrouping: false
+            });
+        }
+        return parseFloat(n.toFixed(2)).toString();
     };
     return "".concat(formatNum(start), " - ").concat(formatNum(end));
 }
@@ -345,6 +350,14 @@ var HistogramChart = function HistogramChart(_0) {
     }, [
         filteredData
     ]);
+    // 判断是否为预分箱数据（所有项都有 left 和 right 字段）
+    var isPreBinned = useMemo(function() {
+        return filteredData.length > 0 && filteredData.every(function(item) {
+            return typeof item.left === 'number' && typeof item.right === 'number';
+        });
+    }, [
+        filteredData
+    ]);
     // 计算分箱
     var binning = useMemo(function() {
         if (filteredData.length === 0) {
@@ -354,24 +367,57 @@ var HistogramChart = function HistogramChart(_0) {
                 binCount: 0
             };
         }
+        if (isPreBinned) {
+            // 预分箱模式：按 left 排序，直接生成区间标签
+            var sorted = _to_consumable_array(filteredData).sort(function(a, b) {
+                return a.left - b.left;
+            });
+            var uniqueEdgePairs = sorted.reduce(function(acc, item) {
+                var l = item.left;
+                var r = item.right;
+                if (!acc.some(function(p) {
+                    return p.left === l && p.right === r;
+                })) {
+                    acc.push({
+                        left: l,
+                        right: r
+                    });
+                }
+                return acc;
+            }, []);
+            var edges = _to_consumable_array(uniqueEdgePairs.map(function(p) {
+                return p.left;
+            })).concat([
+                uniqueEdgePairs[uniqueEdgePairs.length - 1].right
+            ]);
+            var labels = uniqueEdgePairs.map(function(p) {
+                return formatBinLabel(p.left, p.right);
+            });
+            return {
+                edges: edges,
+                labels: labels,
+                binCount: labels.length
+            };
+        }
         var allValues = filteredData.map(function(item) {
             return item.value;
         });
         var autoBinCount = customBinCount || calculateBinCount(allValues.length);
-        var edges = calculateBinEdges(allValues, autoBinCount).edges;
+        var edges1 = calculateBinEdges(allValues, autoBinCount).edges;
         // 生成分箱标签
-        var labels = [];
-        for(var i = 0; i < edges.length - 1; i++){
-            labels.push(formatBinLabel(edges[i], edges[i + 1]));
+        var labels1 = [];
+        for(var i = 0; i < edges1.length - 1; i++){
+            labels1.push(formatBinLabel(edges1[i], edges1[i + 1]));
         }
         return {
-            edges: edges,
-            labels: labels,
+            edges: edges1,
+            labels: labels1,
             binCount: autoBinCount
         };
     }, [
         filteredData,
-        customBinCount
+        customBinCount,
+        isPreBinned
     ]);
     // 计算每个分箱的频率/计数
     var histogramData = useMemo(function() {
@@ -380,6 +426,26 @@ var HistogramChart = function HistogramChart(_0) {
             return {};
         }
         var result = {};
+        if (isPreBinned) {
+            // 预分箱模式：直接将 value 映射到对应区间
+            types.forEach(function(type) {
+                if (!type) return;
+                var typeData = filteredData.filter(function(item) {
+                    return (item.type || '默认') === type;
+                });
+                var counts = new Array(labels.length).fill(0);
+                typeData.forEach(function(item) {
+                    var l = item.left;
+                    var r = item.right;
+                    var idx = labels.indexOf(formatBinLabel(l, r));
+                    if (idx !== -1) {
+                        counts[idx] += showFrequency ? item.value : item.value;
+                    }
+                });
+                result[type] = counts;
+            });
+            return result;
+        }
         types.forEach(function(type) {
             if (!type) return; // Skip undefined types
             var typeData = filteredData.filter(function(item) {
@@ -411,7 +477,8 @@ var HistogramChart = function HistogramChart(_0) {
         filteredData,
         types,
         binning,
-        showFrequency
+        showFrequency,
+        isPreBinned
     ]);
     // 构建 Chart.js 数据结构
     var processedData = useMemo(function() {

package/dist/Plugins/chart/ScatterChart/index.d.ts

@@ -58,6 +58,14 @@ export interface ScatterChartProps extends ChartContainerProps {
     loading?: boolean;
     /** 自定义样式对象（支持对象格式，为每层DOM设置样式） */
     styles?: ChartStyles;
+    /** X 轴最小值，不传则从数据自动计算 */
+    xMin?: number;
+    /** X 轴最大值，不传则从数据自动计算 */
+    xMax?: number;
+    /** Y 轴最小值，不传则从数据自动计算 */
+    yMin?: number;
+    /** Y 轴最大值，不传则从数据自动计算 */
+    yMax?: number;
 }
 declare const ScatterChart: React.FC<ScatterChartProps>;
 export default ScatterChart;

package/dist/Plugins/chart/ScatterChart/index.js

@@ -6,6 +6,9 @@ function _array_like_to_array(arr, len) {
 function _array_with_holes(arr) {
     if (Array.isArray(arr)) return arr;
 }
+function _array_without_holes(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array(arr);
+}
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -19,6 +22,9 @@ function _define_property(obj, key, value) {
     }
     return obj;
 }
+function _iterable_to_array(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
 function _iterable_to_array_limit(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
@@ -46,6 +52,9 @@ function _iterable_to_array_limit(arr, i) {
 function _non_iterable_rest() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
+function _non_iterable_spread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
 function _object_spread(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
@@ -124,6 +133,9 @@ function _object_without_properties_loose(source, excluded) {
 function _sliced_to_array(arr, i) {
     return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
 }
+function _to_consumable_array(arr) {
+    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
+}
 function _type_of(obj) {
     "@swc/helpers - typeof";
     return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
@@ -149,7 +161,7 @@ import { hexToRgba, resolveCssVariable } from "../utils";
 import { useStyle } from "./style";
 var scatterChartComponentsRegistered = false;
 var ScatterChart = function ScatterChart(_0) {
-    var data = _0.data, _0_width = _0.width, width = _0_width === void 0 ? 600 : _0_width, _0_height = _0.height, height = _0_height === void 0 ? 400 : _0_height, className = _0.className, classNamesProp = _0.classNames, title = _0.title, toolbarExtra = _0.toolbarExtra, _0_renderFilterInToolbar = _0.renderFilterInToolbar, renderFilterInToolbar = _0_renderFilterInToolbar === void 0 ? false : _0_renderFilterInToolbar, dataTime = _0.dataTime, _0_xUnit = _0.xUnit, xUnit = _0_xUnit === void 0 ? '月' : _0_xUnit, yUnit = _0.yUnit, xAxisLabel = _0.xAxisLabel, yAxisLabel = _0.yAxisLabel, _0_xPosition = _0.xPosition, xPosition = _0_xPosition === void 0 ? 'bottom' : _0_xPosition, _0_yPosition = _0.yPosition, yPosition = _0_yPosition === void 0 ? 'left' : _0_yPosition, _0_hiddenX = _0.hiddenX, hiddenX = _0_hiddenX === void 0 ? false : _0_hiddenX, _0_hiddenY = _0.hiddenY, hiddenY = _0_hiddenY === void 0 ? false : _0_hiddenY, _0_showGrid = _0.showGrid, showGrid = _0_showGrid === void 0 ? true : _0_showGrid, _0_theme = _0.theme, theme = _0_theme === void 0 ? 'light' : _0_theme, color = _0.color, statisticConfig = _0.statistic, _0_textMaxWidth = _0.textMaxWidth, textMaxWidth = _0_textMaxWidth === void 0 ? 80 : _0_textMaxWidth, _0_loading = _0.loading, loading = _0_loading === void 0 ? false : _0_loading, props = _object_without_properties(_0, [
+    var data = _0.data, _0_width = _0.width, width = _0_width === void 0 ? 600 : _0_width, _0_height = _0.height, height = _0_height === void 0 ? 400 : _0_height, className = _0.className, classNamesProp = _0.classNames, title = _0.title, toolbarExtra = _0.toolbarExtra, _0_renderFilterInToolbar = _0.renderFilterInToolbar, renderFilterInToolbar = _0_renderFilterInToolbar === void 0 ? false : _0_renderFilterInToolbar, dataTime = _0.dataTime, _0_xUnit = _0.xUnit, xUnit = _0_xUnit === void 0 ? '月' : _0_xUnit, yUnit = _0.yUnit, xAxisLabel = _0.xAxisLabel, yAxisLabel = _0.yAxisLabel, _0_xPosition = _0.xPosition, xPosition = _0_xPosition === void 0 ? 'bottom' : _0_xPosition, _0_yPosition = _0.yPosition, yPosition = _0_yPosition === void 0 ? 'left' : _0_yPosition, _0_hiddenX = _0.hiddenX, hiddenX = _0_hiddenX === void 0 ? false : _0_hiddenX, _0_hiddenY = _0.hiddenY, hiddenY = _0_hiddenY === void 0 ? false : _0_hiddenY, _0_showGrid = _0.showGrid, showGrid = _0_showGrid === void 0 ? true : _0_showGrid, _0_theme = _0.theme, theme = _0_theme === void 0 ? 'light' : _0_theme, color = _0.color, statisticConfig = _0.statistic, _0_textMaxWidth = _0.textMaxWidth, textMaxWidth = _0_textMaxWidth === void 0 ? 80 : _0_textMaxWidth, _0_loading = _0.loading, loading = _0_loading === void 0 ? false : _0_loading, xMinProp = _0.xMin, xMaxProp = _0.xMax, yMinProp = _0.yMin, yMaxProp = _0.yMax, props = _object_without_properties(_0, [
         "data",
         "width",
         "height",
@@ -172,7 +184,11 @@ var ScatterChart = function ScatterChart(_0) {
         "color",
         "statistic",
         "textMaxWidth",
-        "loading"
+        "loading",
+        "xMin",
+        "xMax",
+        "yMin",
+        "yMax"
     ]);
     useMemo(function() {
         if (scatterChartComponentsRegistered) {
@@ -304,6 +320,60 @@ var ScatterChart = function ScatterChart(_0) {
             }
         }, "暂无有效数据")));
     }
+    // 从数据中自动计算坐标轴范围，加 10% 边距，方便查看边界点
+    var computeAxisBounds = function computeAxisBounds(values, overrideMin, overrideMax, fallbackMin, fallbackMax) {
+        var _Math, _Math1;
+        if (overrideMin !== undefined && overrideMax !== undefined) {
+            return {
+                min: overrideMin,
+                max: overrideMax
+            };
+        }
+        if (values.length === 0) {
+            return {
+                min: fallbackMin,
+                max: fallbackMax
+            };
+        }
+        var dataMin = (_Math = Math).min.apply(_Math, _to_consumable_array(values));
+        var dataMax = (_Math1 = Math).max.apply(_Math1, _to_consumable_array(values));
+        var range = dataMax - dataMin || 1;
+        var padding = range * 0.1;
+        return {
+            min: overrideMin !== undefined ? overrideMin : Math.floor(dataMin - padding),
+            max: overrideMax !== undefined ? overrideMax : Math.ceil(dataMax + padding)
+        };
+    };
+    var allXValues = filteredData.map(function(item) {
+        var v = typeof item.x === 'number' ? item.x : Number(item.x);
+        return Number.isFinite(v) ? v : null;
+    }).filter(function(v) {
+        return v !== null;
+    });
+    var allYValues = filteredData.map(function(item) {
+        var v = typeof item.y === 'number' ? item.y : Number(item.y);
+        return Number.isFinite(v) ? v : null;
+    }).filter(function(v) {
+        return v !== null;
+    });
+    var xBounds = computeAxisBounds(allXValues, xMinProp, xMaxProp, 1, 12);
+    var yBounds = computeAxisBounds(allYValues, yMinProp, yMaxProp, 0, 100);
+    var computeStepSize = function computeStepSize(min, max) {
+        var targetTicks = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 10;
+        var range = max - min;
+        if (range <= 0) return 1;
+        var rawStep = range / targetTicks;
+        var magnitude = Math.pow(10, Math.floor(Math.log10(rawStep)));
+        var normalized = rawStep / magnitude;
+        var step;
+        if (normalized <= 1) step = magnitude;
+        else if (normalized <= 2) step = 2 * magnitude;
+        else if (normalized <= 5) step = 5 * magnitude;
+        else step = 10 * magnitude;
+        return step;
+    };
+    var xStepSize = computeStepSize(xBounds.min, xBounds.max);
+    var yStepSize = computeStepSize(yBounds.min, yBounds.max);
     // 构建数据集，添加更强的安全检查
     var datasets = datasetTypes.map(function(type, index) {
         var typeData = filteredData.filter(function(item) {
@@ -546,10 +616,10 @@ var ScatterChart = function ScatterChart(_0) {
                         weight: 500
                     }
                 },
-                min: 1,
-                max: 12,
+                min: xBounds.min,
+                max: xBounds.max,
                 ticks: {
-                    stepSize: 1,
+                    stepSize: xStepSize,
                     color: axisTextColor,
                     font: {
                         size: isMobile ? 8 : 10
@@ -579,10 +649,10 @@ var ScatterChart = function ScatterChart(_0) {
                     },
                     align: 'center'
                 },
-                min: 0,
-                max: 100,
+                min: yBounds.min,
+                max: yBounds.max,
                 ticks: {
-                    stepSize: 10,
+                    stepSize: yStepSize,
                     color: axisTextColor,
                     font: {
                         family: 'PingFang SC',

package/dist/Plugins/chart/components/ChartContainer/ChartErrorBoundary.d.ts

@@ -393,6 +393,7 @@ declare class ChartErrorBoundary extends React.Component<ChartErrorBoundaryProps
             'browser.searching': string;
             'layout.header.title': string;
             theme: string;
+            localPreview: string;
             expandCollapse: string;
             moreActions: string;
             clickToRetry: string;
@@ -786,6 +787,7 @@ declare class ChartErrorBoundary extends React.Component<ChartErrorBoundaryProps
             'browser.searching': string;
             'layout.header.title': string;
             theme: string;
+            localPreview: string;
             expandCollapse: string;
             moreActions: string;
             clickToRetry: string;

package/dist/Plugins/code/components/AceEditor.js

@@ -305,6 +305,8 @@ import { loadAceEditor, loadAceTheme } from "../loadAceEditor";
     var debounceTimer = useRef(0);
     var editorRef = useRef();
     var dom = useRef(null);
+    // 记录 Ace 会话当前使用的语言，用于语言变更时动态切换而不是销毁重建
+    var aceLanguageRef = useRef(element.language);
     // Ace Editor 异步加载状态
     var _useState = _sliced_to_array(useState(false), 2), aceLoaded = _useState[0], setAceLoaded = _useState[1];
     var aceModuleRef = useRef(null);
@@ -493,6 +495,8 @@ import { loadAceEditor, loadAceTheme } from "../loadAceEditor";
     // 初始化 Ace 编辑器（仅在库加载完成后）
     // 注意： intentionally 不将 editorProps.codeProps 列入依赖，因其对象引用在父组件内容更新时会频繁变化，
     // 导致编辑器被不必要地销毁重建。codeProps 的配置在初始化时已应用，主题等动态变更由独立 effect 处理。
+    // element.language 同样不列为依赖，语言切换由独立的 effect 处理，避免流式渲染中 language
+    // 逐字符变化时触发编辑器销毁重建。
     useEffect(function() {
         if (process.env.NODE_ENV === 'test') return;
         if (!aceLoaded || !aceModuleRef.current || !dom.current) return;
@@ -521,6 +525,7 @@ import { loadAceEditor, loadAceTheme } from "../loadAceEditor";
             showGutter: true
         }, codeProps));
         editorRef.current = codeEditor;
+        aceLanguageRef.current = element.language;
         // 设置主题
         var theme = codeProps.theme || props.theme || 'github';
         codeEditor.setTheme("ace/theme/".concat(theme));
@@ -551,19 +556,59 @@ import { loadAceEditor, loadAceTheme } from "../loadAceEditor";
                 });
             })();
         }, 16);
-        if (readonly) return;
-        // 配置编辑器事件
-        setupEditorEvents(codeEditor);
+        if (!readonly) {
+            // 配置编辑器事件
+            setupEditorEvents(codeEditor);
+        }
         return function() {
             clearTimeout(debounceTimer.current);
             codeEditor.destroy();
         };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [
         aceLoaded,
-        element.language,
         readonly,
         setupEditorEvents
     ]);
+    // 语言切换时动态更新 Ace 会话模式，无需销毁重建编辑器
+    useEffect(function() {
+        if (!editorRef.current || !aceLoaded) return;
+        if (aceLanguageRef.current === element.language) return;
+        aceLanguageRef.current = element.language;
+        (function() {
+            return _async_to_generator(function() {
+                var lang, aceLangs, _editorRef_current, _editorRef_current1;
+                return _ts_generator(this, function(_state) {
+                    switch(_state.label){
+                        case 0:
+                            lang = element.language || '';
+                            if (modeMap.has(lang)) {
+                                lang = modeMap.get(lang);
+                            }
+                            return [
+                                4,
+                                getAceLangs()
+                            ];
+                        case 1:
+                            aceLangs = _state.sent();
+                            if (aceLangs.has(lang)) {
+                                ;
+                                (_editorRef_current = editorRef.current) === null || _editorRef_current === void 0 ? void 0 : _editorRef_current.session.setMode("ace/mode/".concat(lang));
+                            } else {
+                                ;
+                                (_editorRef_current1 = editorRef.current) === null || _editorRef_current1 === void 0 ? void 0 : _editorRef_current1.session.setMode("ace/mode/text");
+                            }
+                            return [
+                                2
+                            ];
+                    }
+                });
+            })();
+        })();
+    }, [
+        element.language,
+        aceLoaded
+    ]);
     // 监听外部值变化
     useEffect(function() {
         var value = element.value || '';
@@ -572,10 +617,26 @@ import { loadAceEditor, loadAceTheme } from "../loadAceEditor";
                 value = JSON.stringify(partialParse(value), null, 2);
             } catch (e) {}
         }
-        if (value !== codeRef.current || readonly) {
-            var _editorRef_current, _editorRef_current1;
-            if (element) (_editorRef_current = editorRef.current) === null || _editorRef_current === void 0 ? void 0 : _editorRef_current.setValue(value);
-            (_editorRef_current1 = editorRef.current) === null || _editorRef_current1 === void 0 ? void 0 : _editorRef_current1.clearSelection();
+        if (value === codeRef.current) return;
+        var editor = editorRef.current;
+        var prev = codeRef.current;
+        codeRef.current = value;
+        if (!editor) return;
+        // 流式渲染时内容只会在末尾追加。通过检测 value.startsWith(prev) 来判断是否为纯追加，
+        // 若是则调用 session.insert 在末尾插入增量内容，避免 setValue 清空重写导致的闪动。
+        var isAppend = value.startsWith(prev);
+        if (isAppend) {
+            var delta = value.slice(prev.length);
+            var doc = editor.session.getDocument();
+            var lastRow = doc.getLength() - 1;
+            var lastCol = doc.getLine(lastRow).length;
+            editor.session.insert({
+                row: lastRow,
+                column: lastCol
+            }, delta);
+        } else {
+            editor.setValue(value);
+            editor.clearSelection();
         }
     }, [
         element.value

package/dist/Plugins/code/components/CodeRenderer.js

@@ -100,10 +100,11 @@ function _unsupported_iterable_to_array(o, minLen) {
  * @fileoverview 代码渲染器组件
  * 封装代码编辑器的所有渲染逻辑
  */ import { ConfigProvider, Skeleton, theme as antdTheme } from "antd";
-import React, { useEffect, useMemo, useState } from "react";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
 import { MarkdownEditor } from "../../../MarkdownEditor";
 import { useEditorStore } from "../../../MarkdownEditor/editor/store";
 import { useCodeEditorState, useRenderConditions, useToolbarConfig } from "../hooks";
+import { openHtmlLocalPreview, openMarkdownLocalPreview } from "../utils/localPreview";
 import { AceEditor, AceEditorContainer, CodeContainer, CodeToolbar, HtmlPreview, ThinkBlock } from "./index";
 /**
  * 检测 HTML 代码中是否包含 JavaScript
@@ -154,7 +155,7 @@ import { AceEditor, AceEditorContainer, CodeContainer, CodeToolbar, HtmlPreview,
  * - 支持代码框选中状态管理
  */ export function CodeRenderer(props) {
     var _ref;
-    var _editorProps_codeProps, _props_element_language, _props_element, _props_element1, _props_element_otherProps, _props_element2, _props_element_otherProps1, _props_element3, _editorProps_codeProps1, _editorProps_codeProps2;
+    var _editorProps_codeProps, _props_element_language, _props_element, _props_element1, _props_element2, _props_element_otherProps, _props_element3, _props_element_otherProps1, _props_element4, _editorProps_codeProps1, _editorProps_codeProps2;
     var _useEditorStore = useEditorStore(), editorProps = _useEditorStore.editorProps, readonly = _useEditorStore.readonly;
     // 使用状态管理Hook
     var _useCodeEditorState = useCodeEditorState(props.element), state = _useCodeEditorState.state, update = _useCodeEditorState.update, path = _useCodeEditorState.path, handleCloseClick = _useCodeEditorState.handleCloseClick, handleHtmlPreviewClose = _useCodeEditorState.handleHtmlPreviewClose, handleShowBorderChange = _useCodeEditorState.handleShowBorderChange, handleHideChange = _useCodeEditorState.handleHideChange;
@@ -203,6 +204,19 @@ import { AceEditor, AceEditorContainer, CodeContainer, CodeToolbar, HtmlPreview,
             return prev === 'preview' ? 'code' : 'preview';
         });
     };
+    // 本地预览处理函数
+    var handleLocalPreview = useCallback(function() {
+        var _props_element;
+        var value = ((_props_element = props.element) === null || _props_element === void 0 ? void 0 : _props_element.value) || '';
+        if (language === 'markdown') {
+            openMarkdownLocalPreview(value);
+        } else if (language === 'html') {
+            openHtmlLocalPreview(value);
+        }
+    }, [
+        language,
+        (_props_element2 = props.element) === null || _props_element2 === void 0 ? void 0 : _props_element2.value
+    ]);
     // 使用工具栏配置Hook
     var toolbarProps = useToolbarConfig({
         element: props.element,
@@ -211,10 +225,11 @@ import { AceEditor, AceEditorContainer, CodeContainer, CodeToolbar, HtmlPreview,
         setLanguage: setLanguage,
         onSelectionChange: setIsSelected,
         onViewModeToggle: handleViewModeToggle,
-        viewMode: viewMode
+        viewMode: viewMode,
+        onLocalPreview: handleLocalPreview
     }).toolbarProps;
     // 检查代码块是否未闭合
-    var isUnclosed = ((_props_element2 = props.element) === null || _props_element2 === void 0 ? void 0 : (_props_element_otherProps = _props_element2.otherProps) === null || _props_element_otherProps === void 0 ? void 0 : _props_element_otherProps.finished) === false;
+    var isUnclosed = ((_props_element3 = props.element) === null || _props_element3 === void 0 ? void 0 : (_props_element_otherProps = _props_element3.otherProps) === null || _props_element_otherProps === void 0 ? void 0 : _props_element_otherProps.finished) === false;
     // 5 秒超时机制：如果代码块未闭合，5 秒后自动设置为完成
     useEffect(function() {
         if (isUnclosed && !readonly) {
@@ -237,7 +252,7 @@ import { AceEditor, AceEditorContainer, CodeContainer, CodeToolbar, HtmlPreview,
     }, [
         isUnclosed,
         readonly,
-        (_props_element3 = props.element) === null || _props_element3 === void 0 ? void 0 : (_props_element_otherProps1 = _props_element3.otherProps) === null || _props_element_otherProps1 === void 0 ? void 0 : _props_element_otherProps1.finished,
+        (_props_element4 = props.element) === null || _props_element4 === void 0 ? void 0 : (_props_element_otherProps1 = _props_element4.otherProps) === null || _props_element_otherProps1 === void 0 ? void 0 : _props_element_otherProps1.finished,
         update
     ]);
     // 如果禁用了 HTML 预览或包含 JavaScript，强制使用代码模式
@@ -331,7 +346,6 @@ import { AceEditor, AceEditorContainer, CodeContainer, CodeToolbar, HtmlPreview,
         props.children,
         state.showBorder,
         state.hide,
-        state.htmlStr,
         isSelected,
         (_editorProps_codeProps1 = editorProps.codeProps) === null || _editorProps_codeProps1 === void 0 ? void 0 : _editorProps_codeProps1.hideToolBar,
         (_editorProps_codeProps2 = editorProps.codeProps) === null || _editorProps_codeProps2 === void 0 ? void 0 : _editorProps_codeProps2.disableHtmlPreview,
@@ -342,6 +356,7 @@ import { AceEditor, AceEditorContainer, CodeContainer, CodeToolbar, HtmlPreview,
         handleHtmlPreviewClose,
         viewMode,
         handleViewModeToggle,
-        disableHtmlPreview
+        disableHtmlPreview,
+        handleLocalPreview
     ]);
 }

package/dist/Plugins/code/components/CodeToolbar.d.ts

@@ -31,6 +31,8 @@ export interface CodeToolbarProps {
     viewMode?: 'preview' | 'code';
     /** 展开/收起回调 */
     onExpandToggle?: () => void;
+    /** 本地预览回调（在新标签页打开 HTML/Markdown 预览） */
+    onLocalPreview?: () => void;
 }
 /**
  * 代码编辑器工具栏组件

package/dist/Plugins/code/components/CodeToolbar.js

@@ -3,7 +3,7 @@
  * 提供代码块的各种操作功能，包括语言切换、复制、运行等
  * @author Code Plugin Team
  */ import { CloseCircleOutlined } from "@ant-design/icons";
-import { ChevronsUpDown, Copy, Moon } from "@sofa-design/icons";
+import { ArrowUpRight, ChevronsUpDown, Copy, Moon } from "@sofa-design/icons";
 import { Segmented } from "antd";
 import copy from "copy-to-clipboard";
 import React, { useContext, useMemo } from "react";
@@ -77,14 +77,14 @@ import { LoadImage } from "./LoadImage";
  * ```
  */ export var CodeToolbar = function CodeToolbar(props) {
     var _ref;
-    var _editorProps_codeProps, _editorProps_codeProps1, _element_language, _element_language1, _i18n_locale, _i18n_locale1, _i18n_locale2, _i18n_locale3;
+    var _editorProps_codeProps, _editorProps_codeProps1, _element_language, _element_language1, _i18n_locale, _i18n_locale1, _i18n_locale2, _i18n_locale3, _i18n_locale4;
     // 获取国际化上下文
     var i18n = useContext(I18nContext);
     // 获取编辑器配置
     var editorProps = useEditorStore().editorProps;
     var disableHtmlPreview = (_ref = (_editorProps_codeProps = editorProps.codeProps) === null || _editorProps_codeProps === void 0 ? void 0 : _editorProps_codeProps.disableHtmlPreview) !== null && _ref !== void 0 ? _ref : false;
     var viewModeLabels = (_editorProps_codeProps1 = editorProps.codeProps) === null || _editorProps_codeProps1 === void 0 ? void 0 : _editorProps_codeProps1.viewModeLabels;
-    var element = props.element, readonly = props.readonly, onCloseClick = props.onCloseClick, languageSelectorProps = props.languageSelectorProps, onViewModeToggle = props.onViewModeToggle, theme = props.theme, isExpanded = props.isExpanded, onExpandToggle = props.onExpandToggle, setTheme = props.setTheme, _props_viewMode = props.viewMode, viewMode = _props_viewMode === void 0 ? 'code' : _props_viewMode;
+    var element = props.element, readonly = props.readonly, onCloseClick = props.onCloseClick, languageSelectorProps = props.languageSelectorProps, onViewModeToggle = props.onViewModeToggle, theme = props.theme, isExpanded = props.isExpanded, onExpandToggle = props.onExpandToggle, setTheme = props.setTheme, _props_viewMode = props.viewMode, viewMode = _props_viewMode === void 0 ? 'code' : _props_viewMode, onLocalPreview = props.onLocalPreview;
     // 检测 HTML 代码中是否包含 JavaScript
     var hasJavaScript = useMemo(function() {
         var _element_language;
@@ -216,5 +216,12 @@ import { LoadImage } from "./LoadImage";
         onClick: function onClick() {
             onExpandToggle === null || onExpandToggle === void 0 ? void 0 : onExpandToggle();
         }
-    }, /*#__PURE__*/ React.createElement(ChevronsUpDown, null))));
+    }, /*#__PURE__*/ React.createElement(ChevronsUpDown, null)), ((element === null || element === void 0 ? void 0 : element.language) === 'html' || (element === null || element === void 0 ? void 0 : element.language) === 'markdown') && onLocalPreview && /*#__PURE__*/ React.createElement(ActionIconBox, {
+        title: (i18n === null || i18n === void 0 ? void 0 : (_i18n_locale4 = i18n.locale) === null || _i18n_locale4 === void 0 ? void 0 : _i18n_locale4.localPreview) || '本地预览',
+        theme: theme === 'chaos' ? 'dark' : 'light',
+        onClick: function onClick(e) {
+            e.stopPropagation();
+            onLocalPreview();
+        }
+    }, /*#__PURE__*/ React.createElement(ArrowUpRight, null))));
 };