@epxing/utils 0.0.0-stage → 5.3.0-beta.2

package/dist/src/mermaid.js

@@ -0,0 +1,79 @@
+import { __vitePreload as __epxPackagePreload } from "../_virtual/preload-helper.js";
+let loading = null;
+let seq = 0;
+function load() {
+  if (!loading) {
+    loading = __epxPackagePreload(() => import(
+      /* webpackChunkName: "mermaid" */
+      "mermaid"
+    ), true ? [] : void 0, import.meta.url).then((mod) => {
+      const mermaid = mod.default || mod;
+      mermaid.initialize({
+        startOnLoad: false,
+        // 图里的标签可能来自 Wiki 正文，正文不是可信输入——securityLevel 保持严格，
+        // 让 mermaid 转义标签内容，别给它注入 HTML 的机会
+        securityLevel: "strict",
+        // Mermaid 默认会在语法错误时把一张“Syntax error”错误图挂到 document.body。
+        // Wiki 正文捕获异常后本来就会在代码块旁显示错误说明，因此关闭 Mermaid 自带
+        // 错误图，避免它逃出正文容器并把整个应用页面撑高。
+        suppressErrorRendering: true,
+        theme: "default",
+        fontFamily: "inherit",
+        flowchart: { htmlLabels: false, useMaxWidth: true },
+        sequence: { useMaxWidth: true },
+        er: { useMaxWidth: true }
+      });
+      return mermaid;
+    }).catch((err) => {
+      loading = null;
+      throw err;
+    });
+  }
+  return loading;
+}
+async function renderMermaid(root) {
+  if (!root) return 0;
+  const blocks = Array.from(root.querySelectorAll("pre > code.language-mermaid, pre > code.mermaid"));
+  if (!blocks.length) return 0;
+  let mermaid;
+  try {
+    mermaid = await load();
+  } catch (e) {
+    blocks.forEach((block) => fallback(block, "图表组件加载失败，下面是原始定义"));
+    return 0;
+  }
+  let done = 0;
+  for (const block of blocks) {
+    const code = block.textContent || "";
+    const pre = block.parentElement;
+    if (!code.trim() || !pre) continue;
+    try {
+      const { svg } = await mermaid.render("wiki-mermaid-" + ++seq, code);
+      const figure = document.createElement("div");
+      figure.className = "mermaid-figure";
+      figure.innerHTML = svg;
+      pre.replaceWith(figure);
+      done++;
+    } catch (e) {
+      fallback(block, "这张图没画出来：" + shortMessage(e));
+    }
+  }
+  return done;
+}
+function fallback(block, reason) {
+  var _a, _b;
+  const pre = block.parentElement;
+  if (!pre || ((_b = (_a = pre.previousElementSibling) == null ? void 0 : _a.classList) == null ? void 0 : _b.contains("mermaid-figure__error"))) return;
+  const tip = document.createElement("div");
+  tip.className = "mermaid-figure__error";
+  tip.textContent = reason;
+  pre.parentNode.insertBefore(tip, pre);
+}
+function shortMessage(e) {
+  const msg = e && (e.message || e.str) || "语法有误";
+  return String(msg).split("\n")[0].slice(0, 120);
+}
+export {
+  renderMermaid as default,
+  renderMermaid
+};

package/dist/src/meta.js

@@ -0,0 +1,4 @@
+import { default as default2 } from "@epxing/core/src/runtime-utils/meta";
+export {
+  default2 as default
+};

package/dist/src/mobile-chart-appearance.js

@@ -0,0 +1,148 @@
+import { getChartType } from "./chart-registry.js";
+const MOBILE_APPEARANCE_FIELDS = [
+  { key: "showTitle", label: "显示标题", options: [{ label: "显示", value: true }, { label: "隐藏", value: false }] },
+  { key: "titleFontSize", label: "标题字号", min: 10, max: 40, defaultValue: 14 },
+  { key: "legendPosition", label: "图例位置", options: ["top", "bottom", "left", "right", "hidden"].map((value, i) => ({ value, label: ["顶部", "底部", "左侧", "右侧", "隐藏"][i] })) },
+  { key: "legendFontSize", label: "图例字号", min: 8, max: 32, defaultValue: 12 },
+  { key: "axisFontSize", label: "坐标轴字号", min: 8, max: 32, defaultValue: 12 },
+  { key: "axisLabelRotate", label: "横轴文字角度", min: -90, max: 90, defaultValue: 0 },
+  ...["Top", "Bottom", "Left", "Right"].map((side, i) => ({ key: `grid${side}`, label: `绘图区${["上", "下", "左", "右"][i]}留白`, min: 0, max: 200, defaultValue: 24 })),
+  { key: "showLabel", label: "显示数据标签", options: [{ label: "显示", value: true }, { label: "隐藏", value: false }] },
+  { key: "labelFontSize", label: "数据标签字号", min: 8, max: 32, defaultValue: 12 },
+  { key: "pieRadius", label: "饼图外半径（%）", min: 10, max: 95, defaultValue: 65 }
+];
+function getMobileAppearanceFields(type) {
+  var _a;
+  const cartesian = ((_a = getChartType(type)) == null ? void 0 : _a.coordinate) === "cartesian2d";
+  const pie = ["pie", "circularPie"].includes(type);
+  if (!cartesian && !pie && !["funnel", "radar", "map", "wordcloud", "gauge", "treemap"].includes(type)) return [];
+  return MOBILE_APPEARANCE_FIELDS.filter((field) => {
+    if (field.key.startsWith("axis") || field.key.startsWith("grid")) return cartesian;
+    if (field.key === "pieRadius") return pie;
+    if (field.key.startsWith("legend")) return !["map", "wordcloud"].includes(type);
+    if (["showLabel", "labelFontSize"].includes(field.key)) return type !== "wordcloud";
+    return true;
+  });
+}
+function normalizeMobileAppearance(value = {}) {
+  const result = {};
+  for (const field of MOBILE_APPEARANCE_FIELDS) {
+    const v = value == null ? void 0 : value[field.key];
+    if (field.options) {
+      if (field.options.some((o) => o.value === v)) result[field.key] = v;
+    } else if (typeof v === "number" && Number.isFinite(v) && v >= field.min && v <= field.max) {
+      result[field.key] = v;
+    }
+  }
+  return result;
+}
+function applyMobileChartAppearance(option, appearance) {
+  const a = normalizeMobileAppearance(appearance);
+  if (!option || !Object.keys(a).length) return option;
+  const result = { ...option };
+  const mapPart = (key, update) => {
+    if (Array.isArray(option[key])) result[key] = option[key].map((part) => update({ ...part }));
+    else result[key] = update({ ...option[key] || {} });
+  };
+  if (a.legendPosition !== void 0 || a.legendFontSize !== void 0) {
+    mapPart("legend", (legend) => {
+      if (a.legendPosition !== void 0) {
+        const pos = a.legendPosition;
+        legend.show = pos !== "hidden";
+        if (pos !== "hidden") {
+          Object.assign(legend, { top: "auto", bottom: "auto", left: "auto", right: "auto", orient: ["left", "right"].includes(pos) ? "vertical" : "horizontal" });
+          legend[pos] = 8;
+          if (legend.orient === "horizontal") legend.left = "center";
+          else legend.top = "center";
+        }
+      }
+      if (a.legendFontSize !== void 0) legend.textStyle = { ...legend.textStyle, fontSize: a.legendFontSize };
+      return legend;
+    });
+  }
+  for (const key of ["xAxis", "yAxis"]) {
+    if (!option[key] || a.axisFontSize === void 0 && (key !== "xAxis" || a.axisLabelRotate === void 0)) continue;
+    mapPart(key, (axis) => {
+      axis.axisLabel = { ...axis.axisLabel };
+      if (a.axisFontSize !== void 0) axis.axisLabel.fontSize = a.axisFontSize;
+      if (key === "xAxis" && a.axisLabelRotate !== void 0) axis.axisLabel.rotate = a.axisLabelRotate;
+      return axis;
+    });
+  }
+  if (["Top", "Bottom", "Left", "Right"].some((s) => a[`grid${s}`] !== void 0)) {
+    mapPart("grid", (grid) => {
+      for (const s of ["Top", "Bottom", "Left", "Right"]) {
+        if (a[`grid${s}`] !== void 0) grid[s.toLowerCase()] = a[`grid${s}`];
+      }
+      return grid;
+    });
+  }
+  if (Array.isArray(option.series)) {
+    result.series = option.series.map((series) => {
+      const next = { ...series };
+      if (a.showLabel !== void 0 || a.labelFontSize !== void 0) {
+        if (series.type === "gauge") {
+          next.detail = { ...series.detail };
+          if (a.showLabel !== void 0) next.detail.show = a.showLabel;
+          if (a.labelFontSize !== void 0) next.detail.fontSize = a.labelFontSize;
+        }
+        next.label = { ...series.label };
+        if (a.showLabel !== void 0) next.label.show = a.showLabel;
+        if (a.labelFontSize !== void 0) next.label.fontSize = a.labelFontSize;
+      }
+      if (series.type === "pie" && a.pieRadius !== void 0) {
+        const outer = `${a.pieRadius}%`;
+        next.radius = Array.isArray(series.radius) ? [`${Math.min(parseFloat(series.radius[0]) || 0, a.pieRadius)}%`, outer] : outer;
+      }
+      return next;
+    });
+  }
+  return result;
+}
+const mobileChartAppearanceMixin = {
+  props: { mobileAppearance: { type: Object, default: () => ({}) } },
+  inject: {
+    epxMobilePreview: { default: false },
+    registerMobileChartLabel: { default: null },
+    getMobileDashboard: { default: () => () => false }
+  },
+  watch: {
+    mobileChartLabel: {
+      immediate: true,
+      handler(label) {
+        if (this.epxMobilePreview && label && this.registerMobileChartLabel) this.registerMobileChartLabel(this.compId, label, this.chartType);
+      }
+    },
+    chartType: {
+      immediate: true,
+      handler(type) {
+        if (this.epxMobilePreview && type && this.registerMobileChartLabel) this.registerMobileChartLabel(this.compId, this.mobileChartLabel, type);
+      }
+    },
+    activeMobileAppearance: {
+      deep: true,
+      handler() {
+        if (this.myChart && this.chartOption) this.createChart();
+      }
+    }
+  },
+  computed: {
+    mobileChartLabel() {
+      return this.titleText || (typeof this.title === "string" ? this.title : "");
+    },
+    activeMobileAppearance() {
+      return this.$isMobile || this.epxMobilePreview || this.getMobileDashboard() ? normalizeMobileAppearance(this.mobileAppearance) : {};
+    },
+    mobileTitleFontStyle() {
+      const size = this.activeMobileAppearance.titleFontSize;
+      return size === void 0 ? {} : { fontSize: `${size}px` };
+    }
+  }
+};
+export {
+  MOBILE_APPEARANCE_FIELDS,
+  applyMobileChartAppearance,
+  getMobileAppearanceFields,
+  mobileChartAppearanceMixin,
+  normalizeMobileAppearance
+};