fec-dev-designer 1.0.0

package/es/src/packages/formulaEditor/components/FormulaList.vue.js

@@ -0,0 +1,93 @@
+import "../../../../node_modules/element-plus/theme-chalk/base.css.js";
+import "../../../../node_modules/element-plus/theme-chalk/el-scrollbar.css.js";
+import "../../../../node_modules/element-plus/theme-chalk/el-tree.css.js";
+import "../../../../node_modules/element-plus/theme-chalk/el-checkbox.css.js";
+import "../../../../node_modules/element-plus/theme-chalk/el-text.css.js";
+import "../../../../node_modules/element-plus/theme-chalk/el-input.css.js";
+import { ref as p, computed as I, onMounted as E, openBlock as d, createElementBlock as f, createElementVNode as a, createVNode as u, unref as N, withCtx as _, toDisplayString as v, createCommentVNode as M } from "vue";
+import { Search as T } from "../../../../node_modules/@element-plus/icons-vue/dist/index.js";
+import "./FormulaList.vue2.js";
+import D from "../../../../_virtual/_plugin-vue_export-helper.js";
+import { ElInput as L } from "../../../../node_modules/element-plus/es/components/input/index.js";
+import { ElTree as S } from "../../../../node_modules/element-plus/es/components/tree/index.js";
+import { ElScrollbar as w } from "../../../../node_modules/element-plus/es/components/scrollbar/index.js";
+const B = { class: "formula-list" }, F = { class: "formula-search" }, P = ["onMouseenter"], U = {
+  key: 0,
+  class: "tip"
+}, g = {
+  __name: "FormulaList",
+  props: {
+    nodes: {
+      type: Array,
+      default: () => []
+    },
+    treeProps: {
+      type: Object,
+      default: () => ({
+        children: "formula",
+        label: "name"
+      })
+    }
+  },
+  emits: ["formulaClick", "enterInfo"],
+  setup(i, { emit: h }) {
+    const c = i, s = h, l = p(""), o = p({}), C = I(() => l.value ? m(c.nodes) : c.nodes), k = (e) => {
+      if (e.formula) {
+        o.value && o.value.enCode && (o.value = {});
+        return;
+      }
+      o.value = e, s("formulaClick", e);
+    }, m = (e) => e.reduce((t, r) => (r.name.toLowerCase().includes(l.value) && t.push({ ...r }), r.formula && t.push(...m(r.formula)), t), []), y = (e) => {
+      e.formula || s("enterInfo", e);
+    }, x = () => {
+      o.value && o.value.enCode && s("enterInfo", o.value);
+    };
+    return E(() => {
+    }), (e, t) => {
+      const r = L, V = S, b = w;
+      return d(), f("div", B, [
+        a("div", F, [
+          u(r, {
+            placeholder: "搜索函数",
+            "prefix-icon": N(T),
+            modelValue: l.value,
+            "onUpdate:modelValue": t[0] || (t[0] = (n) => l.value = n),
+            clearable: ""
+          }, null, 8, ["prefix-icon", "modelValue"])
+        ]),
+        u(b, null, {
+          default: _(() => [
+            a("div", {
+              class: "treeContainer",
+              onMouseleave: x
+            }, [
+              u(V, {
+                data: C.value,
+                "default-expanded-keys": ["frequentlyUse"],
+                props: i.treeProps,
+                "current-node-key": o.value.enCode,
+                "node-key": "enCode",
+                onNodeClick: k
+              }, {
+                default: _(({ data: n }) => [
+                  a("span", {
+                    class: "info-container",
+                    onMouseenter: (j) => y(n)
+                  }, [
+                    a("span", null, v(n.name), 1),
+                    n.tip ? (d(), f("span", U, v(n.tip), 1)) : M("", !0)
+                  ], 40, P)
+                ]),
+                _: 1
+              }, 8, ["data", "props", "current-node-key"])
+            ], 32)
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+}, Y = /* @__PURE__ */ D(g, [["__scopeId", "data-v-d1fdd781"]]);
+export {
+  Y as default
+};

package/es/src/packages/formulaEditor/components/FormulaList.vue2.js

@@ -0,0 +1,4 @@
+const _ = "";
+export {
+  _ as default
+};

package/es/src/packages/formulaEditor/core/calculate.js

@@ -0,0 +1,50 @@
+import p from "./functionCore.js";
+import "vue";
+function w(x) {
+  const { text: a, marks: y = [], value: i = {} } = x;
+  if (!a)
+    return new Error("非法公式");
+  try {
+    let e = a, s = 0;
+    const n = /\{(\w+)\}/g;
+    let t;
+    const o = [];
+    for (; (t = n.exec(a)) !== null; )
+      o.push({
+        enCode: t[1],
+        startIndex: t.index,
+        endIndex: t.index + t[0].length
+      });
+    for (const m of o) {
+      const { enCode: u, startIndex: f, endIndex: g } = m;
+      let r = i[u];
+      if (u.indexOf(".") > -1) {
+        const [c, d] = u.split(".");
+        i[c] && (r = i[c].map((h) => h[d]));
+      }
+      if (r !== void 0) {
+        r = JSON.stringify(r);
+        const c = f + s, d = g + s;
+        e = e.slice(0, c) + r.toString() + e.slice(d), s += r.toString().length - (g - f);
+      }
+    }
+    return p.executeFunction(e);
+  } catch (e) {
+    const n = {
+      TypeError: () => "类型错误",
+      RangeError: () => "范围错误",
+      SyntaxError: () => "语法错误",
+      ReferenceError: () => {
+        const o = /^(\w+)\s+is\s+not\s+defined$/, l = e.message.match(o);
+        return l ? `${l[1]} 未定义` : "未定义的变量";
+      }
+    }[e.constructor.name];
+    return {
+      error: !0,
+      message: (n == null ? void 0 : n()) || `其他错误: ${e.message}`
+    };
+  }
+}
+export {
+  w as calculate
+};

package/es/src/packages/formulaEditor/core/functionCore.js

@@ -0,0 +1,16 @@
+import * as e from "../../../../node_modules/@formulajs/formulajs/lib/esm/index.js";
+class t {
+  constructor() {
+    Object.assign(t.prototype, e);
+  }
+  executeFunction(n) {
+    return new Function(
+      "with(this) { return " + n + "; }"
+      // 使用 `with` 来确保从当前实例中查找函数
+    ).bind(this)();
+  }
+}
+const r = new t();
+export {
+  r as default
+};

package/es/src/packages/formulaEditor/core/index.js

@@ -0,0 +1,136 @@
+var m = Object.defineProperty;
+var d = (o, t, s) => t in o ? m(o, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : o[t] = s;
+var c = (o, t, s) => (d(o, typeof t != "symbol" ? t + "" : t, s), s);
+import { generateRandomData as f } from "../utils/index.js";
+import { calculate as g } from "./calculate.js";
+class p {
+  // 需替换的变量列表
+  constructor(t, s = "", e = []) {
+    c(this, "view", null);
+    // EditorView 实例
+    c(this, "formulaObjList", []);
+    // 公式对象列表
+    c(this, "text", "");
+    // 公式文本
+    c(this, "marks", []);
+    this.view = t, this.text = s, this.formulaObjList = e;
+  }
+  // 获取公式列表
+  getFormulaList() {
+    return this.formulaObjList.flatMap((t) => t.formula);
+  }
+  // 数据回显
+  renderData(t) {
+    Object.keys(t).length !== 0 && (this.text = t.text || "", this.marks = t.marks || [], this.view.dispatch({
+      changes: { from: 0, to: this.view.state.doc.length, insert: this.text }
+    }));
+  }
+  // 校验公式
+  validateFormula(t) {
+    const s = t.reduce((a, r) => (a[r.fieldName] = f(r.fieldType), a), {}), e = g({ ...this.getData(), value: s });
+    return e.toString().includes("Error: #VALUE!") ? { error: !0, message: "公式计算错误，请检查公式" } : e.error ? e : { error: !1 };
+  }
+  // 注册监听器
+  registerListen() {
+  }
+  getData() {
+    return {
+      text: this.view.state.doc.toString(),
+      marks: this.marks
+    };
+  }
+  /**
+   * 获取反显数据 - 将字段标识转换为可读的 label
+   * @param {Array} fieldList - 字段列表，包含 fieldName 和 label
+   * @returns {string} 反显文本
+   */
+  getDisplayData(t) {
+    const e = this.getData().text;
+    if (!e)
+      return "";
+    let i = e;
+    const a = /\{(\w+)\}/g;
+    let r;
+    for (; (r = a.exec(e)) !== null; ) {
+      const h = r[1], n = t.find((u) => u.fieldName === h), l = n ? n.label : h;
+      i = i.replace(r[0], `「${l}」`);
+    }
+    return i;
+  }
+  reset() {
+    this.text = "", this.marks = [], this.view.dispatch({
+      changes: { from: 0, to: this.view.state.doc.length, insert: "" }
+    });
+  }
+  /**
+   * 插入文本
+   * @param {string | object} text
+   * @param {'formula' | 'field'} type
+   */
+  insertText(t, s) {
+    const e = this.view.state.selection.main.head, i = s === "field" ? `{${t.fieldName}}` : t;
+    this.view.dispatch({
+      changes: { from: e, to: e, insert: i }
+    });
+    const a = this.view.state.doc.toString(), r = a.slice(0, e), h = a.slice(e);
+    if (this.text = r + i + h, s === "formula") {
+      const n = e + i.length - 1;
+      this.view.dispatch({
+        selection: { anchor: n, head: n }
+      });
+    } else if (s === "field") {
+      const n = e + i.length;
+      this.view.dispatch({
+        selection: { anchor: n, head: n }
+      });
+    }
+    this.view.focus();
+  }
+  /**
+   *
+   * @param {'left' | 'right' | 'up' | 'down'} direction 方向
+   * @param {number} step 步长
+   */
+  moveCursor(t, s) {
+    const e = this.view.state.selection.main.head;
+    if (t === "left")
+      this.view.dispatch({
+        selection: { anchor: e - s, head: e - s }
+      });
+    else if (t === "right")
+      this.view.dispatch({
+        selection: { anchor: e + s, head: e + s }
+      });
+    else if (t === "up") {
+      const i = this.view.state.doc.lineAt(e);
+      if (i.number > 1) {
+        const a = this.view.state.doc.line(i.number - 1), r = Math.min(e, a.to);
+        this.view.dispatch({
+          selection: { anchor: r, head: r }
+        });
+      }
+    } else if (t === "down") {
+      const i = this.view.state.doc.lineAt(e), a = this.view.state.doc.line(i.number + 1), r = Math.min(e, a.to);
+      this.view.dispatch({
+        selection: { anchor: r, head: r }
+      });
+    }
+  }
+  // 匹配字段
+  matchField(t) {
+    const s = /\{[^}]+\}/g;
+    return t.match(s) || [];
+  }
+  // 匹配当前行的公式
+  matchWord(t) {
+    const s = t.match(/[a-zA-Z]+$/);
+    return s ? s[0] : "";
+  }
+  // 匹配当前行的公式
+  matchFormula(t) {
+    return t ? this.getFormulaList().find((i) => i.name === t) : !1;
+  }
+}
+export {
+  p as default
+};