@agions/taroviz 1.5.0 → 1.6.0

package/dist/esm/index.js

@@ -5415,6 +5415,54 @@ var WordCloudChart = /*#__PURE__*/(0,external_react_.memo)(function (props) {
 });
 WordCloudChart.displayName = 'WordCloudChart';
 /* harmony default export */ const wordcloud = (WordCloudChart);
+;// ./src/charts/boxplot/index.tsx
+var boxplot_assign = undefined && undefined.__assign || function () {
+  boxplot_assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+    }
+    return t;
+  };
+  return boxplot_assign.apply(this, arguments);
+};
+/**
+ * 箱线图组件
+ * 用于展示数据的分布情况，包括最小值、Q1、中位数、Q3、最大值
+ */
+
+
+var BoxplotChart = /*#__PURE__*/(0,external_react_.memo)(function (props) {
+  return /*#__PURE__*/external_react_default().createElement(BaseChartWrapper/* default */.A, boxplot_assign({}, props, {
+    chartType: "boxplot"
+  }));
+});
+BoxplotChart.displayName = 'BoxplotChart';
+/* harmony default export */ const boxplot = (BoxplotChart);
+;// ./src/charts/parallel/index.tsx
+var parallel_assign = undefined && undefined.__assign || function () {
+  parallel_assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+    }
+    return t;
+  };
+  return parallel_assign.apply(this, arguments);
+};
+/**
+ * 平行坐标图组件
+ * 用于展示高维数据各维度之间的关系
+ */
+
+
+var ParallelChart = /*#__PURE__*/(0,external_react_.memo)(function (props) {
+  return /*#__PURE__*/external_react_default().createElement(BaseChartWrapper/* default */.A, parallel_assign({}, props, {
+    chartType: "parallel"
+  }));
+});
+ParallelChart.displayName = 'ParallelChart';
+/* harmony default export */ const parallel = (ParallelChart);
 // EXTERNAL MODULE: ./src/adapters/index.ts + 5 modules
 var adapters = __webpack_require__(574);
 // EXTERNAL MODULE: ./src/adapters/h5/index.ts
@@ -6955,6 +7003,754 @@ var ThemeEditor = function (_a) {
 
 
 /* harmony default export */ const editor = ((/* unused pure expression or super */ null && (src_editor_ThemeEditor)));
+;// ./src/charts/index.ts
+/**
+ * TaroViz 图表组件集合
+ */
+// 导出基础图表组件
+
+
+
+
+
+
+
+
+// 导出扩展图表组件
+
+
+
+// 导出新增图表组件
+
+
+
+// 导出 v1.6.0 新增图表组件
+
+
+// 导出类型定义
+
+/**
+ * 版本信息
+ */
+var version = '1.6.0';
+;// ./src/editor/EnhancedThemeEditor.tsx
+var EnhancedThemeEditor_assign = undefined && undefined.__assign || function () {
+  EnhancedThemeEditor_assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+    }
+    return t;
+  };
+  return EnhancedThemeEditor_assign.apply(this, arguments);
+};
+var EnhancedThemeEditor_spreadArray = undefined && undefined.__spreadArray || function (to, from, pack) {
+  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+    if (ar || !(i in from)) {
+      if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+      ar[i] = from[i];
+    }
+  }
+  return to.concat(ar || Array.prototype.slice.call(from));
+};
+/**
+ * TaroViz 增强版主题编辑器组件
+ * 提供实时预览、导入导出、预设主题等高级功能
+ */
+
+
+
+var EnhancedThemeEditor_PRESET_THEMES = [{
+  name: '预设-科技蓝',
+  colors: ['#0050b3', '#1890ff', '#40a9ff', '#69c0ff', '#bae7ff'],
+  backgroundColor: '#001529',
+  textColor: '#ffffff',
+  darkMode: true
+}, {
+  name: '预设-活力橙',
+  colors: ['#d46b08', '#ff7a45', '#ffa940', '#ffc53d', '#ffe58f'],
+  backgroundColor: '#f5f5f5',
+  textColor: '#333333',
+  darkMode: false
+}, {
+  name: '预设-森林绿',
+  colors: ['#237804', '#52c41a', '#73d13d', '#95de64', '#b7eb8f'],
+  backgroundColor: '#f6ffed',
+  textColor: '#333333',
+  darkMode: false
+}, {
+  name: '预设-神秘紫',
+  colors: ['#531dab', '#722ed1', '#9254de', '#b37feb', '#d3adf7'],
+  backgroundColor: '#f9f0ff',
+  textColor: '#333333',
+  darkMode: false
+}, {
+  name: '预设-商务灰',
+  colors: ['#434343', '#595959', '#8c8c8c', '#bfbfbf', '#e8e8e8'],
+  backgroundColor: '#fafafa',
+  textColor: '#333333',
+  darkMode: false
+}];
+var EnhancedThemeEditor = function (_a) {
+  var selectedTheme = _a.selectedTheme,
+    onThemeChange = _a.onThemeChange,
+    onThemeSave = _a.onThemeSave,
+    _b = _a.disabled,
+    disabled = _b === void 0 ? false : _b,
+    _c = _a.enableLivePreview,
+    enableLivePreview = _c === void 0 ? true : _c,
+    _d = _a.enableImportExport,
+    enableImportExport = _d === void 0 ? true : _d,
+    _e = _a.enablePresets,
+    enablePresets = _e === void 0 ? true : _e,
+    _f = _a.style,
+    style = _f === void 0 ? {} : _f,
+    _g = _a.className,
+    className = _g === void 0 ? '' : _g;
+  var registeredThemes = getRegisteredThemes();
+  // 状态
+  var _h = (0,external_react_.useState)(registeredThemes.find(function (t) {
+      return t.name === selectedTheme;
+    }) || registeredThemes[0] || {}),
+    currentTheme = _h[0],
+    setCurrentTheme = _h[1];
+  var _j = (0,external_react_.useState)(''),
+    newThemeName = _j[0],
+    setNewThemeName = _j[1];
+  var _k = (0,external_react_.useState)(false),
+    isEditing = _k[0],
+    setIsEditing = _k[1];
+  var _l = (0,external_react_.useState)(currentTheme.colors || []),
+    colors = _l[0],
+    setColors = _l[1];
+  var _m = (0,external_react_.useState)(currentTheme.backgroundColor || '#ffffff'),
+    backgroundColor = _m[0],
+    setBackgroundColor = _m[1];
+  var _o = (0,external_react_.useState)(currentTheme.textColor || '#333333'),
+    textColor = _o[0],
+    setTextColor = _o[1];
+  var _p = (0,external_react_.useState)(currentTheme.darkMode || false),
+    darkMode = _p[0],
+    setDarkMode = _p[1];
+  var _q = (0,external_react_.useState)('basic'),
+    activeTab = _q[0],
+    setActiveTab = _q[1];
+  // 预览数据
+  var previewOption = {
+    title: {
+      text: '主题预览',
+      textStyle: {
+        color: textColor
+      }
+    },
+    xAxis: {
+      type: 'category',
+      data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri'],
+      axisLabel: {
+        color: textColor
+      }
+    },
+    yAxis: {
+      type: 'value',
+      axisLabel: {
+        color: textColor
+      }
+    },
+    series: [{
+      data: [120, 200, 150, 80, 70],
+      type: 'bar',
+      itemStyle: {
+        color: colors[0] || '#1890ff'
+      }
+    }, {
+      data: [120, 200, 150, 80, 70].map(function (v) {
+        return {
+          value: v * 1.2,
+          itemStyle: {
+            color: colors[1] || '#40a9ff'
+          }
+        };
+      }),
+      type: 'bar'
+    }],
+    backgroundColor: backgroundColor
+  };
+  // 同步主题状态
+  (0,external_react_.useEffect)(function () {
+    if (selectedTheme) {
+      var theme = registeredThemes.find(function (t) {
+        return t.name === selectedTheme;
+      });
+      if (theme) {
+        setCurrentTheme(theme);
+        setColors(theme.colors || []);
+        setBackgroundColor(theme.backgroundColor || '#ffffff');
+        setTextColor(theme.textColor || '#333333');
+        setDarkMode(theme.darkMode || false);
+      }
+    }
+  }, [selectedTheme, registeredThemes]);
+  // 更新主题
+  var updateTheme = (0,external_react_.useCallback)(function (updates) {
+    var updated = EnhancedThemeEditor_assign(EnhancedThemeEditor_assign({}, currentTheme), updates);
+    setCurrentTheme(updated);
+    setColors(updated.colors || []);
+    setBackgroundColor(updated.backgroundColor || '#ffffff');
+    setTextColor(updated.textColor || '#333333');
+    setDarkMode(updated.darkMode || false);
+    if (enableLivePreview) {
+      switchTheme(updated);
+    }
+    onThemeChange === null || onThemeChange === void 0 ? void 0 : onThemeChange(updated);
+  }, [currentTheme, enableLivePreview, onThemeChange]);
+  // 处理颜色变化
+  var handleColorChange = function (index, color) {
+    var newColors = EnhancedThemeEditor_spreadArray([], colors, true);
+    newColors[index] = color;
+    updateTheme({
+      colors: newColors
+    });
+  };
+  // 添加颜色
+  var handleAddColor = function () {
+    var newColors = EnhancedThemeEditor_spreadArray(EnhancedThemeEditor_spreadArray([], colors, true), ['#000000'], false);
+    updateTheme({
+      colors: newColors
+    });
+  };
+  // 删除颜色
+  var handleRemoveColor = function (index) {
+    if (colors.length <= 1) return;
+    var newColors = colors.filter(function (_, i) {
+      return i !== index;
+    });
+    updateTheme({
+      colors: newColors
+    });
+  };
+  // 选择预设主题
+  var handlePresetSelect = function (preset) {
+    updateTheme(EnhancedThemeEditor_assign(EnhancedThemeEditor_assign({}, preset), {
+      name: isEditing && newThemeName ? newThemeName : preset.name
+    }));
+    if (!isEditing) {
+      switchTheme(preset);
+      onThemeChange === null || onThemeChange === void 0 ? void 0 : onThemeChange(preset);
+    }
+  };
+  // 保存主题
+  var handleSaveTheme = function () {
+    var name = isEditing && newThemeName ? newThemeName : currentTheme.name || 'custom';
+    var themeToSave = EnhancedThemeEditor_assign(EnhancedThemeEditor_assign({}, currentTheme), {
+      name: name,
+      colors: colors,
+      backgroundColor: backgroundColor,
+      textColor: textColor,
+      darkMode: darkMode
+    });
+    registerTheme(name, themeToSave);
+    setIsEditing(false);
+    setNewThemeName('');
+    if (onThemeSave) {
+      onThemeSave(themeToSave);
+    }
+  };
+  // 导出主题
+  var handleExportTheme = function (format) {
+    var theme = EnhancedThemeEditor_assign(EnhancedThemeEditor_assign({}, currentTheme), {
+      colors: colors,
+      backgroundColor: backgroundColor,
+      textColor: textColor,
+      darkMode: darkMode
+    });
+    var content = '';
+    var filename = '';
+    var mimeType = '';
+    if (format === 'json') {
+      content = JSON.stringify(theme, null, 2);
+      filename = "".concat(theme.name || 'theme', ".json");
+      mimeType = 'application/json';
+    } else if (format === 'css') {
+      content = ":root {\n  --theme-colors: ".concat(colors.join(', '), ";\n  --theme-bg: ").concat(backgroundColor, ";\n  --theme-text: ").concat(textColor, ";\n}");
+      filename = "".concat(theme.name || 'theme', ".css");
+      mimeType = 'text/css';
+    } else {
+      content = "$theme-colors: (".concat(colors.join(', '), ");\n$theme-bg: ").concat(backgroundColor, ";\n$theme-text: ").concat(textColor, ";");
+      filename = "".concat(theme.name || 'theme', ".scss");
+      mimeType = 'text/x-scss';
+    }
+    var blob = new Blob([content], {
+      type: mimeType
+    });
+    var url = URL.createObjectURL(blob);
+    var a = document.createElement('a');
+    a.href = url;
+    a.download = filename;
+    a.click();
+    URL.revokeObjectURL(url);
+  };
+  // 导入主题
+  var handleImportTheme = function (event) {
+    var _a;
+    var file = (_a = event.target.files) === null || _a === void 0 ? void 0 : _a[0];
+    if (!file) return;
+    var reader = new FileReader();
+    reader.onload = function (e) {
+      var _a;
+      try {
+        var content = (_a = e.target) === null || _a === void 0 ? void 0 : _a.result;
+        if (file.name.endsWith('.json')) {
+          var theme = JSON.parse(content);
+          updateTheme(theme);
+        } else {
+          alert('请选择 JSON 格式的主题文件');
+        }
+      } catch (_b) {
+        alert('文件格式错误');
+      }
+    };
+    reader.readAsText(file);
+  };
+  // 开始编辑新主题
+  var handleStartEdit = function () {
+    setIsEditing(true);
+    setNewThemeName('');
+  };
+  return /*#__PURE__*/external_react_default().createElement("div", {
+    className: "taroviz-enhanced-theme-editor ".concat(className),
+    style: EnhancedThemeEditor_assign({
+      padding: '20px',
+      border: '1px solid #e0e0e0',
+      borderRadius: '8px',
+      backgroundColor: '#ffffff',
+      boxShadow: '0 2px 8px rgba(0, 0, 0, 0.1)'
+    }, style)
+  }, /*#__PURE__*/external_react_default().createElement("h3", {
+    style: {
+      marginBottom: '20px'
+    }
+  }, "\u589E\u5F3A\u7248\u4E3B\u9898\u7F16\u8F91\u5668"), /*#__PURE__*/external_react_default().createElement("div", {
+    style: {
+      display: 'flex',
+      borderBottom: '1px solid #e0e0e0',
+      marginBottom: '20px'
+    }
+  }, ['basic', 'advanced', 'presets'].map(function (tab) {
+    return /*#__PURE__*/external_react_default().createElement("button", {
+      key: tab,
+      onClick: function () {
+        return setActiveTab(tab);
+      },
+      style: {
+        padding: '10px 20px',
+        border: 'none',
+        borderBottom: activeTab === tab ? '2px solid #1890ff' : '2px solid transparent',
+        backgroundColor: 'transparent',
+        color: activeTab === tab ? '#1890ff' : '#666',
+        cursor: 'pointer',
+        fontWeight: activeTab === tab ? 'bold' : 'normal'
+      }
+    }, tab === 'basic' ? '基础配置' : tab === 'advanced' ? '高级配置' : '预设主题');
+  })), activeTab === 'basic' && (/*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement("div", {
+    style: {
+      marginBottom: '20px'
+    }
+  }, /*#__PURE__*/external_react_default().createElement("h4", null, "\u9009\u62E9\u4E3B\u9898"), /*#__PURE__*/external_react_default().createElement("div", {
+    style: {
+      display: 'flex',
+      flexWrap: 'wrap',
+      gap: '10px',
+      marginTop: '10px'
+    }
+  }, registeredThemes.map(function (theme) {
+    return /*#__PURE__*/external_react_default().createElement("button", {
+      key: theme.name,
+      onClick: function () {
+        setIsEditing(false);
+        updateTheme(theme);
+      },
+      disabled: disabled,
+      style: {
+        padding: '8px 16px',
+        border: "2px solid ".concat(currentTheme.name === theme.name ? '#1890ff' : '#e0e0e0'),
+        borderRadius: '4px',
+        backgroundColor: currentTheme.name === theme.name ? '#1890ff' : '#ffffff',
+        color: currentTheme.name === theme.name ? '#ffffff' : '#333',
+        cursor: disabled ? 'not-allowed' : 'pointer',
+        opacity: disabled ? 0.6 : 1
+      }
+    }, theme.name);
+  }), /*#__PURE__*/external_react_default().createElement("button", {
+    onClick: handleStartEdit,
+    disabled: disabled,
+    style: {
+      padding: '8px 16px',
+      border: '2px dashed #e0e0e0',
+      borderRadius: '4px',
+      backgroundColor: '#f5f5f5',
+      color: '#333',
+      cursor: disabled ? 'not-allowed' : 'pointer',
+      opacity: disabled ? 0.6 : 1
+    }
+  }, "+ \u65B0\u4E3B\u9898"))), isEditing && (/*#__PURE__*/external_react_default().createElement("div", {
+    style: {
+      marginBottom: '20px',
+      padding: '15px',
+      backgroundColor: '#f9f9f9',
+      borderRadius: '4px'
+    }
+  }, /*#__PURE__*/external_react_default().createElement("h4", null, "\u65B0\u5EFA\u4E3B\u9898"), /*#__PURE__*/external_react_default().createElement("input", {
+    type: "text",
+    value: newThemeName,
+    onChange: function (e) {
+      return setNewThemeName(e.target.value);
+    },
+    disabled: disabled,
+    placeholder: "\u8F93\u5165\u4E3B\u9898\u540D\u79F0",
+    style: {
+      padding: '8px',
+      border: '1px solid #e0e0e0',
+      borderRadius: '4px',
+      width: '100%',
+      marginTop: '10px',
+      opacity: disabled ? 0.6 : 1
+    }
+  }))), /*#__PURE__*/external_react_default().createElement("div", {
+    style: {
+      marginBottom: '20px'
+    }
+  }, /*#__PURE__*/external_react_default().createElement("div", {
+    style: {
+      display: 'flex',
+      justifyContent: 'space-between',
+      alignItems: 'center',
+      marginBottom: '10px'
+    }
+  }, /*#__PURE__*/external_react_default().createElement("h4", null, "\u4E3B\u9898\u989C\u8272"), /*#__PURE__*/external_react_default().createElement("button", {
+    onClick: handleAddColor,
+    disabled: disabled,
+    style: {
+      padding: '4px 8px',
+      border: '1px solid #e0e0e0',
+      borderRadius: '4px',
+      backgroundColor: '#ffffff',
+      cursor: disabled ? 'not-allowed' : 'pointer',
+      opacity: disabled ? 0.6 : 1
+    }
+  }, "+ \u6DFB\u52A0\u989C\u8272")), /*#__PURE__*/external_react_default().createElement("div", {
+    style: {
+      display: 'flex',
+      flexWrap: 'wrap',
+      gap: '10px'
+    }
+  }, colors.map(function (color, index) {
+    return /*#__PURE__*/external_react_default().createElement("div", {
+      key: index,
+      style: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '5px'
+      }
+    }, /*#__PURE__*/external_react_default().createElement("input", {
+      type: "color",
+      value: color,
+      onChange: function (e) {
+        return handleColorChange(index, e.target.value);
+      },
+      disabled: disabled,
+      style: {
+        width: '50px',
+        height: '30px',
+        border: 'none',
+        cursor: 'pointer'
+      }
+    }), /*#__PURE__*/external_react_default().createElement("input", {
+      type: "text",
+      value: color,
+      onChange: function (e) {
+        return handleColorChange(index, e.target.value);
+      },
+      disabled: disabled,
+      style: {
+        width: '80px',
+        padding: '4px',
+        border: '1px solid #e0e0e0',
+        borderRadius: '4px'
+      }
+    }), /*#__PURE__*/external_react_default().createElement("button", {
+      onClick: function () {
+        return handleRemoveColor(index);
+      },
+      disabled: disabled || colors.length <= 1,
+      style: {
+        padding: '4px 8px',
+        border: '1px solid #ff4d4f',
+        borderRadius: '4px',
+        backgroundColor: '#ffffff',
+        color: '#ff4d4f',
+        cursor: disabled || colors.length <= 1 ? 'not-allowed' : 'pointer',
+        opacity: disabled || colors.length <= 1 ? 0.6 : 1
+      }
+    }, "\u5220\u9664"));
+  }))), /*#__PURE__*/external_react_default().createElement("div", {
+    style: {
+      marginBottom: '20px'
+    }
+  }, /*#__PURE__*/external_react_default().createElement("h4", null, "\u57FA\u7840\u914D\u7F6E"), /*#__PURE__*/external_react_default().createElement("div", {
+    style: {
+      display: 'grid',
+      gridTemplateColumns: '1fr 1fr',
+      gap: '15px',
+      marginTop: '10px'
+    }
+  }, /*#__PURE__*/external_react_default().createElement("div", null, /*#__PURE__*/external_react_default().createElement("label", {
+    style: {
+      display: 'block',
+      marginBottom: '5px'
+    }
+  }, "\u80CC\u666F\u8272:"), /*#__PURE__*/external_react_default().createElement("div", {
+    style: {
+      display: 'flex',
+      alignItems: 'center',
+      gap: '10px'
+    }
+  }, /*#__PURE__*/external_react_default().createElement("input", {
+    type: "color",
+    value: backgroundColor,
+    onChange: function (e) {
+      return updateTheme({
+        backgroundColor: e.target.value
+      });
+    },
+    disabled: disabled,
+    style: {
+      width: '50px',
+      height: '30px',
+      border: 'none',
+      cursor: 'pointer'
+    }
+  }), /*#__PURE__*/external_react_default().createElement("input", {
+    type: "text",
+    value: backgroundColor,
+    onChange: function (e) {
+      return updateTheme({
+        backgroundColor: e.target.value
+      });
+    },
+    disabled: disabled,
+    style: {
+      width: '100px',
+      padding: '4px',
+      border: '1px solid #e0e0e0',
+      borderRadius: '4px'
+    }
+  }))), /*#__PURE__*/external_react_default().createElement("div", null, /*#__PURE__*/external_react_default().createElement("label", {
+    style: {
+      display: 'block',
+      marginBottom: '5px'
+    }
+  }, "\u6587\u672C\u989C\u8272:"), /*#__PURE__*/external_react_default().createElement("div", {
+    style: {
+      display: 'flex',
+      alignItems: 'center',
+      gap: '10px'
+    }
+  }, /*#__PURE__*/external_react_default().createElement("input", {
+    type: "color",
+    value: textColor,
+    onChange: function (e) {
+      return updateTheme({
+        textColor: e.target.value
+      });
+    },
+    disabled: disabled,
+    style: {
+      width: '50px',
+      height: '30px',
+      border: 'none',
+      cursor: 'pointer'
+    }
+  }), /*#__PURE__*/external_react_default().createElement("input", {
+    type: "text",
+    value: textColor,
+    onChange: function (e) {
+      return updateTheme({
+        textColor: e.target.value
+      });
+    },
+    disabled: disabled,
+    style: {
+      width: '100px',
+      padding: '4px',
+      border: '1px solid #e0e0e0',
+      borderRadius: '4px'
+    }
+  })))), /*#__PURE__*/external_react_default().createElement("div", {
+    style: {
+      marginTop: '10px'
+    }
+  }, /*#__PURE__*/external_react_default().createElement("label", {
+    style: {
+      display: 'flex',
+      alignItems: 'center',
+      gap: '10px'
+    }
+  }, /*#__PURE__*/external_react_default().createElement("input", {
+    type: "checkbox",
+    checked: darkMode,
+    onChange: function (e) {
+      return updateTheme({
+        darkMode: e.target.checked
+      });
+    },
+    disabled: disabled
+  }), "\u6DF1\u8272\u6A21\u5F0F"))))), activeTab === 'presets' && enablePresets && (/*#__PURE__*/external_react_default().createElement("div", null, /*#__PURE__*/external_react_default().createElement("h4", null, "\u9009\u62E9\u9884\u8BBE\u4E3B\u9898"), /*#__PURE__*/external_react_default().createElement("div", {
+    style: {
+      display: 'grid',
+      gridTemplateColumns: 'repeat(auto-fill, minmax(200px, 1fr))',
+      gap: '15px',
+      marginTop: '15px'
+    }
+  }, EnhancedThemeEditor_PRESET_THEMES.map(function (preset) {
+    return /*#__PURE__*/external_react_default().createElement("div", {
+      key: preset.name,
+      onClick: function () {
+        return handlePresetSelect(preset);
+      },
+      style: {
+        padding: '15px',
+        border: '2px solid #e0e0e0',
+        borderRadius: '8px',
+        cursor: 'pointer',
+        backgroundColor: preset.backgroundColor,
+        color: preset.textColor,
+        transition: 'all 0.2s'
+      }
+    }, /*#__PURE__*/external_react_default().createElement("div", {
+      style: {
+        display: 'flex',
+        gap: '5px',
+        marginBottom: '10px'
+      }
+    }, (preset.colors || []).map(function (color, i) {
+      return /*#__PURE__*/external_react_default().createElement("div", {
+        key: i,
+        style: {
+          width: '30px',
+          height: '30px',
+          backgroundColor: color,
+          borderRadius: '4px'
+        }
+      });
+    })), /*#__PURE__*/external_react_default().createElement("div", {
+      style: {
+        fontSize: '14px',
+        fontWeight: 'bold'
+      }
+    }, preset.name), /*#__PURE__*/external_react_default().createElement("div", {
+      style: {
+        fontSize: '12px',
+        opacity: 0.7
+      }
+    }, preset.darkMode ? '深色' : '浅色'));
+  })))), activeTab === 'advanced' && (/*#__PURE__*/external_react_default().createElement("div", null, /*#__PURE__*/external_react_default().createElement("h4", null, "\u5BFC\u5165\u5BFC\u51FA"), enableImportExport && (/*#__PURE__*/external_react_default().createElement("div", {
+    style: {
+      display: 'flex',
+      gap: '10px',
+      marginTop: '15px'
+    }
+  }, /*#__PURE__*/external_react_default().createElement("button", {
+    onClick: function () {
+      return handleExportTheme('json');
+    },
+    disabled: disabled,
+    style: {
+      padding: '8px 16px',
+      border: '1px solid #e0e0e0',
+      borderRadius: '4px',
+      backgroundColor: '#ffffff',
+      cursor: disabled ? 'not-allowed' : 'pointer',
+      opacity: disabled ? 0.6 : 1
+    }
+  }, "\u5BFC\u51FA JSON"), /*#__PURE__*/external_react_default().createElement("button", {
+    onClick: function () {
+      return handleExportTheme('css');
+    },
+    disabled: disabled,
+    style: {
+      padding: '8px 16px',
+      border: '1px solid #e0e0e0',
+      borderRadius: '4px',
+      backgroundColor: '#ffffff',
+      cursor: disabled ? 'not-allowed' : 'pointer',
+      opacity: disabled ? 0.6 : 1
+    }
+  }, "\u5BFC\u51FA CSS"), /*#__PURE__*/external_react_default().createElement("label", {
+    style: {
+      padding: '8px 16px',
+      border: '1px solid #1890ff',
+      borderRadius: '4px',
+      backgroundColor: '#1890ff',
+      color: '#ffffff',
+      cursor: 'pointer'
+    }
+  }, "\u5BFC\u5165 JSON", /*#__PURE__*/external_react_default().createElement("input", {
+    type: "file",
+    accept: ".json",
+    onChange: handleImportTheme,
+    style: {
+      display: 'none'
+    }
+  })))))), enableLivePreview && (/*#__PURE__*/external_react_default().createElement("div", {
+    style: {
+      marginTop: '20px'
+    }
+  }, /*#__PURE__*/external_react_default().createElement("h4", null, "\u5B9E\u65F6\u9884\u89C8"), /*#__PURE__*/external_react_default().createElement("div", {
+    style: {
+      marginTop: '10px',
+      border: '1px solid #e0e0e0',
+      borderRadius: '8px',
+      overflow: 'hidden'
+    }
+  }, /*#__PURE__*/external_react_default().createElement(line["default"], {
+    option: previewOption,
+    width: "100%",
+    height: 200
+  })))), /*#__PURE__*/external_react_default().createElement("div", {
+    style: {
+      marginTop: '20px',
+      display: 'flex',
+      gap: '10px'
+    }
+  }, /*#__PURE__*/external_react_default().createElement("button", {
+    onClick: handleSaveTheme,
+    disabled: disabled,
+    style: {
+      padding: '10px 20px',
+      border: 'none',
+      borderRadius: '4px',
+      backgroundColor: '#1890ff',
+      color: '#ffffff',
+      cursor: disabled ? 'not-allowed' : 'pointer',
+      opacity: disabled ? 0.6 : 1
+    }
+  }, "\u4FDD\u5B58\u4E3B\u9898"), /*#__PURE__*/external_react_default().createElement("button", {
+    onClick: function () {
+      return updateTheme(currentTheme);
+    },
+    disabled: disabled,
+    style: {
+      padding: '10px 20px',
+      border: '1px solid #e0e0e0',
+      borderRadius: '4px',
+      backgroundColor: '#ffffff',
+      color: '#333',
+      cursor: disabled ? 'not-allowed' : 'pointer',
+      opacity: disabled ? 0.6 : 1
+    }
+  }, "\u91CD\u7F6E\u9884\u89C8")));
+};
+/* harmony default export */ const editor_EnhancedThemeEditor = (EnhancedThemeEditor);
 ;// ./src/core/components/ErrorBoundary.tsx
 var __extends = undefined && undefined.__extends || function () {
   var extendStatics = function (d, b) {
@@ -9287,7 +10083,7 @@ function useChartTools(instance) {
 // ============================================================================
 // 导出
 // ============================================================================
-var version = '1.4.0';
+var hooks_version = '1.4.0';
 // 新增数据转换 hooks
 
 /* harmony default export */ const hooks = ({
@@ -9308,7 +10104,7 @@ var version = '1.4.0';
 ;// ./src/index.ts
 /**
  * TaroViz - 基于 Taro 和 ECharts 的多端图表组件库
- * @version 1.2.1
+ * @version 1.6.0
  */
 
 // 核心工具函数
@@ -9322,7 +10118,7 @@ var version = '1.4.0';
 
 
 
-// 扩展图表组件 (新增)
+// 扩展图表组件
 
 
 
@@ -9330,22 +10126,26 @@ var version = '1.4.0';
 
 
 
+// v1.6.0 新增图表组件
+
+
 // 适配器
 
 
 
 
-// 主题管理器 (新增)
+// 主题管理器
 
 // 编辑器
 
-// 错误边界组件 (新增)
 
-// 懒加载组件 (新增)
+// 错误边界组件
+
+// 懒加载组件
 
-// 标注系统 (新增)
+// 标注系统
 
-// 导出工具 (新增)
+// 导出工具
 
 // Hooks
 
@@ -9353,8 +10153,8 @@ var version = '1.4.0';
  * 库信息
  */
 var src_name = 'taroviz';
-var src_version = '1.4.0';
-export { AnnotationPresets, components_BaseChart as BaseChart, candlestick as CandlestickChart, ErrorBoundary, graph as GraphChart, LazyChartRegistry, PRESET_THEMES, editor_ThemeEditor as ThemeEditor, wordcloud as WordCloudChart, convertAnnotationToMarkArea, convertAnnotationToMarkLine, convertAnnotationToScatter, createCompositeAnnotation, createLazyChart, darkTheme, defaultTheme, exportChart, getDarkThemes, getLightThemes, getRegisteredThemes, getTheme, getThemeByName, getThemesByTag, src_name as name, preloadAllCharts, preloadChart, registerTheme, switchTheme, themeManager, useAnnotation, useChart, useChartData, useChartTheme, useChartTools, useDataPolling, useDataTransform, useEvents, useExport, useFullscreen, useLoading, useOption, useResize, useResponsive, useTableTransform, useThemeSwitcher, useTimeSeriesTransform, src_version as version, withErrorBoundary, withLazyLoad };
+var src_version = '1.6.0';
+export { AnnotationPresets, components_BaseChart as BaseChart, boxplot as BoxplotChart, candlestick as CandlestickChart, editor_EnhancedThemeEditor as EnhancedThemeEditor, ErrorBoundary, graph as GraphChart, LazyChartRegistry, PRESET_THEMES, parallel as ParallelChart, editor_ThemeEditor as ThemeEditor, wordcloud as WordCloudChart, convertAnnotationToMarkArea, convertAnnotationToMarkLine, convertAnnotationToScatter, createCompositeAnnotation, createLazyChart, darkTheme, defaultTheme, exportChart, getDarkThemes, getLightThemes, getRegisteredThemes, getTheme, getThemeByName, getThemesByTag, src_name as name, preloadAllCharts, preloadChart, registerTheme, switchTheme, themeManager, useAnnotation, useChart, useChartData, useChartTheme, useChartTools, useDataPolling, useDataTransform, useEvents, useExport, useFullscreen, useLoading, useOption, useResize, useResponsive, useTableTransform, useThemeSwitcher, useTimeSeriesTransform, src_version as version, withErrorBoundary, withLazyLoad };
 export const BarChart = bar["default"];
 export const FunnelChart = funnel["default"];
 export const GaugeChart = gauge["default"];