fec-dev-designer 1.0.0

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

@@ -0,0 +1,186 @@
+import { ref as i, computed as P, watch as U, onMounted as q, openBlock as p, createElementBlock as v, createElementVNode as r, createVNode as h, unref as A, toDisplayString as d, createCommentVNode as D } from "vue";
+import { Codemirror as z } from "../../../node_modules/vue-codemirror/dist/vue-codemirror.esm.js";
+import { basicSetup as G } from "../../../node_modules/codemirror/dist/index.js";
+import { javascript as H } from "../../../node_modules/@codemirror/lang-javascript/dist/index.js";
+import { autocompletion as J, closeBrackets as K } from "../../../node_modules/@codemirror/autocomplete/dist/index.js";
+import { MatchDecorator as Q, Decoration as L, ViewPlugin as X, EditorView as Y, WidgetType as Z } from "../../../node_modules/@codemirror/view/dist/index.js";
+import ee from "./core/index.js";
+import te from "./components/FieldVariable.vue.js";
+import oe from "./components/FormulaList.vue.js";
+import _ from "./function.js";
+import "./index.vue2.js";
+import ae from "../../../_virtual/_plugin-vue_export-helper.js";
+const le = { class: "vue-formula" }, ne = ["data-error"], re = { class: "operator-container" }, se = {
+  key: 0,
+  class: "formula-desc"
+}, ie = { class: "info-name" }, ce = { class: "formula-info" }, ue = { class: "info-text" }, de = { class: "info-text" }, me = { class: "info-text" }, fe = {
+  __name: "index",
+  props: {
+    fieldList: {
+      type: Array,
+      default: () => []
+    },
+    formulaConf: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  emits: ["fieldSelect", "formulaClick", "enterInfo"],
+  setup(g, { expose: b, emit: pe }) {
+    const c = g, l = i(null), F = i(null), m = i(""), n = i(null), u = i("");
+    i("");
+    class V extends Z {
+      constructor(t) {
+        super(), this.name = t;
+      }
+      eq(t) {
+        return this.name === t.name;
+      }
+      toDOM() {
+        const t = document.createElement("span");
+        return t.className = "cm-field", t.textContent = this.name, t;
+      }
+      ignoreEvent() {
+        return !1;
+      }
+    }
+    const x = new Q({
+      regexp: /\{(\w+)\}/g,
+      decoration: (e) => {
+        const t = e[1], a = c.fieldList.find((f) => f.fieldName === t), s = a ? a.label : t;
+        return L.replace({
+          widget: new V(s)
+        });
+      }
+    }), k = X.fromClass(
+      class {
+        constructor(e) {
+          this.placeholders = x.createDeco(e);
+        }
+        update(e) {
+          this.placeholders = x.updateDeco(e, this.placeholders);
+        }
+      },
+      {
+        decorations: (e) => e.placeholders,
+        provide: (e) => Y.atomicRanges.of((t) => {
+          var a;
+          return ((a = t.plugin(e)) == null ? void 0 : a.placeholders) || L.none;
+        })
+      }
+    ), E = (e) => {
+      const t = e.matchBefore(/\w*/);
+      if (t.from === t.to && !e.explicit)
+        return null;
+      const s = _.flatMap((o) => o.formula || []).map((o) => ({
+        label: o.name,
+        type: "function",
+        detail: o.tip,
+        apply: (W, ve, C, j) => {
+          W.dispatch({
+            changes: { from: C, to: j, insert: `${o.name}()` },
+            selection: { anchor: C + o.name.length + 1 }
+          });
+        }
+      })), f = c.fieldList.map((o) => ({
+        label: o.fieldName,
+        type: "variable",
+        detail: o.label,
+        apply: `{${o.fieldName}}`
+      })), y = [...s, ...f], w = y.filter(
+        (o) => o.label.toLowerCase().startsWith(t.text.toLowerCase())
+      );
+      return {
+        from: t.from,
+        options: w.length > 0 ? w : y
+      };
+    }, M = [
+      G,
+      H(),
+      J({
+        override: [E]
+      }),
+      K(),
+      k
+    ], N = P(() => _ || []);
+    U(m, (e) => {
+      var s;
+      if (!e) {
+        u.value = "";
+        return;
+      }
+      const { error: t, message: a } = ((s = l.value) == null ? void 0 : s.validateFormula(
+        c.fieldList
+      )) || { error: !1 };
+      u.value = t ? a : "";
+    });
+    const O = () => {
+      var e;
+      n.value = null, (e = l.value) == null || e.reset();
+    }, S = () => {
+      var e;
+      return (e = l.value) == null ? void 0 : e.getData();
+    }, I = () => {
+      var e;
+      return (e = l.value) == null ? void 0 : e.getDisplayData(c.fieldList);
+    }, B = (e) => {
+      F.value = e.view, l.value = new ee(e.view, "", _), l.value.registerListen(), l.value.renderData(c.formulaConf);
+    }, T = (e) => {
+      var t;
+      n.value = e, (t = l.value) == null || t.insertText(`${e.name}()`, "formula");
+    }, $ = (e) => {
+      var t;
+      (t = l.value) == null || t.insertText(e, "field");
+    }, R = (e) => {
+      n.value = e;
+    };
+    return q(() => {
+    }), b({
+      reset: O,
+      getData: S,
+      getDisplayData: I
+    }), (e, t) => (p(), v("div", le, [
+      t[1] || (t[1] = r("div", { class: "formula-info-header" }, "公式 =", -1)),
+      h(A(z), {
+        modelValue: m.value,
+        "onUpdate:modelValue": t[0] || (t[0] = (a) => m.value = a),
+        style: { height: "200px" },
+        extensions: M,
+        autofocus: !0,
+        placeholder: "例如:SUM(数值1,数值2)",
+        onReady: B
+      }, null, 8, ["modelValue"]),
+      u.value ? (p(), v("div", {
+        key: 0,
+        class: "formula-info-container",
+        "data-error": `${u.value != ""}`
+      }, [
+        r("span", null, "公式错误：" + d(u.value), 1)
+      ], 8, ne)) : D("", !0),
+      r("div", re, [
+        h(te, {
+          class: "field-variable",
+          onFieldSelect: $,
+          fieldList: g.fieldList
+        }, null, 8, ["fieldList"]),
+        h(oe, {
+          nodes: N.value,
+          class: "formula-list",
+          onFormulaClick: T,
+          onEnterInfo: R
+        }, null, 8, ["nodes"]),
+        n.value ? (p(), v("div", se, [
+          r("div", ie, d(n.value.name), 1),
+          r("div", ce, [
+            r("div", ue, d(n.value.tip), 1),
+            r("div", de, "用法：" + d(n.value.usage), 1),
+            r("div", me, "示例：" + d(n.value.example), 1)
+          ])
+        ])) : D("", !0)
+      ])
+    ]));
+  }
+}, ke = /* @__PURE__ */ ae(fe, [["__scopeId", "data-v-975c8145"]]);
+export {
+  ke as default
+};

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

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

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

@@ -0,0 +1,40 @@
+function o(e) {
+  const t = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+  let a = "";
+  for (let r = 0; r < e; r++)
+    a += t.charAt(Math.floor(Math.random() * t.length));
+  return a;
+}
+function c(e, t) {
+  return Math.floor(Math.random() * (t - e + 1)) + e;
+}
+function u(e, t, a) {
+  const r = [];
+  for (let n = 0; n < e; n++)
+    r.push(c(t, a));
+  return r;
+}
+function s(e, t) {
+  const { length: a = 10, min: r = 0, max: n = 100 } = t || {};
+  switch (e) {
+    case "text":
+    case "textarea":
+    case "select":
+    case "radio":
+      return o(a);
+    case "number":
+      return c(r, n);
+    case "date":
+      return new Date(c(2e3, 2023), c(0, 11), c(1, 28));
+    case "multipleSelection":
+    case "checkbox":
+      return u(a, r, n);
+    case "switch":
+      return Math.random() >= 0.5;
+    default:
+      return null;
+  }
+}
+export {
+  s as generateRandomData
+};

package/es/src/packages/mode/fieldSelection.vue.js

@@ -0,0 +1,154 @@
+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-checkbox.css.js";
+import { ref as E, watch as p, computed as c, openBlock as v, createElementBlock as b, createElementVNode as s, toDisplayString as r, createVNode as n, withCtx as f, createTextVNode as V, Fragment as A, renderList as N } from "vue";
+import { cloneDeep as B } from "../utils/common.js";
+import "./fieldSelection.vue2.js";
+import D from "../../../_virtual/_plugin-vue_export-helper.js";
+import { ElCheckbox as M } from "../../../node_modules/element-plus/es/components/checkbox/index.js";
+import { ElScrollbar as T } from "../../../node_modules/element-plus/es/components/scrollbar/index.js";
+const j = { class: "field-selection" }, q = { class: "field-table" }, I = { class: "table-header" }, L = { class: "header-field" }, O = { class: "selection-count" }, z = { class: "header-visible" }, G = { class: "header-checkbox" }, H = { class: "header-editable" }, J = { class: "header-checkbox" }, K = { class: "table-body" }, P = { class: "cell-field" }, Q = { class: "field-text" }, R = { class: "field-label" }, W = { class: "field-name" }, X = { class: "cell-visible" }, Y = { class: "cell-editable" }, Z = {
+  __name: "fieldSelection",
+  props: {
+    mode: {
+      type: Object,
+      required: !0
+    },
+    fields: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(g) {
+    const i = g, o = E([]), u = E(!1), h = () => {
+      o.value = B(i.fields), o.value.forEach((e) => {
+        var l, d;
+        e.isShow = ((l = i.mode.showFields) == null ? void 0 : l.includes(e.id)) || !1, e.isEdit = ((d = i.mode.editFields) == null ? void 0 : d.includes(e.id)) || !1;
+      });
+    };
+    h(), p(
+      () => i.fields,
+      () => {
+        h();
+      }
+    ), p(
+      o,
+      () => {
+        w();
+      },
+      { deep: !0 }
+    ), p(
+      () => [i.mode.showFields, i.mode.editFields],
+      () => {
+        u.value || h();
+      },
+      { deep: !0 }
+    );
+    const w = () => {
+      u.value = !0, i.mode.showFields = o.value.filter((e) => e.isShow).map((e) => e.id), i.mode.editFields = o.value.filter((e) => e.isEdit).map((e) => e.id), setTimeout(() => {
+        u.value = !1;
+      }, 0);
+    }, m = c({
+      get: () => o.value.length > 0 && o.value.every((e) => e.isShow),
+      set: (e) => {
+        o.value.forEach((l) => {
+          l.isShow = e, e || (l.isEdit = !1);
+        });
+      }
+    }), _ = c({
+      get: () => {
+        const e = o.value.filter((l) => l.isShow);
+        return e.length > 0 && e.every((l) => l.isEdit);
+      },
+      set: (e) => {
+        o.value.forEach((l) => {
+          l.isShow && (l.isEdit = e);
+        });
+      }
+    }), S = (e) => {
+      m.value = e;
+    }, F = (e) => {
+      _.value = e;
+    }, C = (e, l) => {
+      e.isShow = l, !l && e.isEdit && (e.isEdit = !1);
+    }, x = (e, l) => {
+      e.isEdit = l;
+    }, y = c(() => o.value.filter((e) => e.isShow).length), U = c(() => o.value.filter((e) => e.isEdit).length);
+    return (e, l) => {
+      const d = M, k = T;
+      return v(), b("div", j, [
+        s("div", q, [
+          s("div", I, [
+            s("div", L, [
+              s("span", O, "已选择 " + r(y.value) + " 个可见字段，" + r(U.value) + " 个可编辑字段", 1)
+            ]),
+            s("div", z, [
+              s("div", G, [
+                n(d, {
+                  modelValue: m.value,
+                  "onUpdate:modelValue": l[0] || (l[0] = (t) => m.value = t),
+                  onChange: S
+                }, {
+                  default: f(() => [...l[2] || (l[2] = [
+                    V(" 可见 ", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ])
+            ]),
+            s("div", H, [
+              s("div", J, [
+                n(d, {
+                  modelValue: _.value,
+                  "onUpdate:modelValue": l[1] || (l[1] = (t) => _.value = t),
+                  onChange: F
+                }, {
+                  default: f(() => [...l[3] || (l[3] = [
+                    V(" 可编辑 ", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ])
+            ])
+          ]),
+          s("div", K, [
+            n(k, null, {
+              default: f(() => [
+                (v(!0), b(A, null, N(o.value, (t) => (v(), b("div", {
+                  key: t.id,
+                  class: "table-row"
+                }, [
+                  s("div", P, [
+                    s("span", Q, [
+                      s("span", R, r(t.label), 1),
+                      s("span", W, "(" + r(t.fieldName || "未命名") + ")", 1)
+                    ])
+                  ]),
+                  s("div", X, [
+                    n(d, {
+                      modelValue: t.isShow,
+                      "onUpdate:modelValue": (a) => t.isShow = a,
+                      onChange: (a) => C(t, a)
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "onChange"])
+                  ]),
+                  s("div", Y, [
+                    n(d, {
+                      modelValue: t.isEdit,
+                      "onUpdate:modelValue": (a) => t.isEdit = a,
+                      onChange: (a) => x(t, a),
+                      disabled: !t.isShow
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "onChange", "disabled"])
+                  ])
+                ]))), 128))
+              ]),
+              _: 1
+            })
+          ])
+        ])
+      ]);
+    };
+  }
+}, ne = /* @__PURE__ */ D(Z, [["__scopeId", "data-v-df0c3263"]]);
+export {
+  ne as default
+};

package/es/src/packages/mode/fieldSelection.vue2.js

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