@farris/ui-vue 1.7.0-beta.4 → 1.7.0

package/components/json-editor/index.esm.js

@@ -1,82 +1,9 @@
-import { inject as J, reactive as S, defineComponent as O, computed as V, createVNode as n, createTextVNode as w, ref as T, watch as B } from "vue";
-import { createPropsResolver as M } from "../dynamic-resolver/index.esm.js";
-import R, { FButtonEdit as I } from "../button-edit/index.esm.js";
-import { F_NOTIFY_SERVICE_TOKEN as $ } from "../notify/index.esm.js";
-import K, { EditorType as U } from "../event-parameter/index.esm.js";
-import { useGuid as _, withInstall as q } from "../common/index.esm.js";
-const z = "https://json-schema.org/draft/2020-12/schema", H = "https://farris-design.gitee.io/json-editor.schema.json", L = "json-editor", G = "A Farris Component", W = "object", Y = {
-  type: {
-    description: "The type string of json-editor",
-    type: "string",
-    default: "json-editor"
-  },
-  parameterDescriptors: {
-    description: "Description of parameters to be configured",
-    type: "array",
-    default: []
-  },
-  formContextData: {
-    description: "Form context data",
-    type: "object",
-    default: {}
-  },
-  beforeOpen: {
-    description: "Before opening the configuration dialog, the callback function is executed",
-    type: "function",
-    default: null
-  },
-  dialogTitle: {
-    description: "Title of the dialog modal",
-    type: "string",
-    default: "JSON编辑器"
-  },
-  keyColumnTitle: {
-    description: "Title for the key column in the table",
-    type: "string",
-    default: "键"
-  },
-  valueColumnTitle: {
-    description: "Title for the value column in the table",
-    type: "string",
-    default: "值"
-  },
-  operationColumnTitle: {
-    description: "Title for the operation column",
-    type: "string",
-    default: "操作"
-  },
-  keyColumnPlaceholder: {
-    description: "Placeholder text for key input fields",
-    type: "string",
-    default: ""
-  },
-  valueColumnPlaceholder: {
-    description: "Placeholder text for value input fields",
-    type: "string",
-    default: ""
-  },
-  addButtonText: {
-    description: "Text displayed on the add new row button",
-    type: "string",
-    default: "添加"
-  }
-}, Q = [
-  "id",
-  "type"
-], X = [], Z = {
-  $schema: z,
-  $id: H,
-  title: L,
-  description: G,
-  type: W,
-  properties: Y,
-  required: Q,
-  ignore: X
-}, ee = /* @__PURE__ */ new Map([]);
-function te(e, r, u) {
-  return r;
-}
-const N = {
+import { inject as N, reactive as S, defineComponent as T, computed as F, createVNode as o, createTextVNode as w, ref as V, watch as k } from "vue";
+import A, { FButtonEdit as J } from "../button-edit/index.esm.js";
+import { F_NOTIFY_SERVICE_TOKEN as I } from "../notify/index.esm.js";
+import M, { EditorType as R } from "../event-parameter/index.esm.js";
+import { useGuid as K, withInstall as U } from "../common/index.esm.js";
+const _ = {
   /** 组件值 */
   modelValue: { type: String, default: "" },
   /** 待配置参数的描述信息 */
@@ -92,25 +19,25 @@ const N = {
   keyColumnPlaceholder: { type: String, default: "" },
   valueColumnPlaceholder: { type: String, default: "" },
   addButtonText: { type: String, default: "添加" }
-}, oe = M(N, Z, ee, te);
-function ne(e, r, u) {
-  const l = J($, null), {
-    formContextData: p,
-    parameterDescriptors: m,
+};
+function z(e, a, s) {
+  const i = N(I, null), {
+    formContextData: m,
+    parameterDescriptors: p,
     initialize: c,
-    hasDuplicateParameter: C,
-    getNewValue: b
-  } = u;
-  function g(d) {
-    r.emit("change", d), r.emit("update:modelValue", d);
+    hasDuplicateParameter: g,
+    getNewValue: h
+  } = s;
+  function C(u) {
+    a.emit("change", u), a.emit("update:modelValue", u);
   }
-  function j() {
-    if (C())
-      return l == null || l.warning({ message: `配置中存在重复的${e.keyColumnTitle}，请修改。`, position: "top-center" }), !1;
-    const d = b();
-    return g(d), !0;
+  function P() {
+    if (g())
+      return i == null || i.warning({ message: `配置中存在重复的${e.keyColumnTitle}，请修改。`, position: "top-center" }), !1;
+    const u = h();
+    return C(u), !0;
   }
-  const h = S({
+  const b = S({
     title: e.dialogTitle,
     width: 675,
     height: 500,
@@ -131,34 +58,34 @@ function ne(e, r, u) {
       {
         class: "btn btn-primary",
         text: "确定",
-        handle: () => j()
+        handle: () => P()
       }
     ]
   });
-  function i() {
-    g("");
+  function l() {
+    C("");
   }
-  function s() {
+  function d() {
     if (c(), typeof e.beforeOpen == "function") {
-      const d = e.beforeOpen();
-      if (!d)
+      const u = e.beforeOpen();
+      if (!u)
         return;
-      d.then((v) => {
+      u.then((v) => {
         const f = v == null ? void 0 : v.formContextData;
-        p.value = f || p.value || {};
-        const P = v == null ? void 0 : v.parameterDescriptors;
-        m.value = P || m.value || [];
+        m.value = f || m.value || {};
+        const j = v == null ? void 0 : v.parameterDescriptors;
+        p.value = j || p.value || [];
       });
     }
   }
   return {
-    modalConfigs: h,
-    beforeOpenModalDialog: s,
-    onClear: i,
-    changeValue: g
+    modalConfigs: b,
+    beforeOpenModalDialog: d,
+    onClear: l,
+    changeValue: C
   };
 }
-const re = {
+const $ = {
   /** 下拉选项的数据源 */
   options: { type: Array, default: [] },
   /** 下拉选项的ID字段 */
@@ -169,54 +96,54 @@ const re = {
   textField: { type: String, default: "name" },
   /** 下拉选项的标题字段 */
   titleField: { type: String, default: "name" }
-}, ae = /* @__PURE__ */ O({
+}, H = /* @__PURE__ */ T({
   name: "FEditableComboPopupContainer",
-  props: re,
+  props: $,
   emits: ["select", "close"],
-  setup(e, r) {
-    const u = V(() => e.options.length === 0);
-    function l(i) {
-      r.emit("select", i);
+  setup(e, a) {
+    const s = F(() => e.options.length === 0);
+    function i(l) {
+      a.emit("select", l);
     }
-    function p() {
-      r.emit("close");
+    function m() {
+      a.emit("close");
     }
-    function m(i) {
-      return i[e.idField];
+    function p(l) {
+      return l[e.idField];
     }
-    function c(i) {
-      return i[e.textField];
+    function c(l) {
+      return l[e.textField];
     }
-    function C(i) {
-      return i[e.titleField] || "";
+    function g(l) {
+      return l[e.titleField] || "";
     }
-    function b() {
-      return n("div", {
+    function h() {
+      return o("div", {
         class: "fv-editable-combo-list-close",
-        onClick: p
-      }, [n("span", null, [w("关闭")])]);
+        onClick: m
+      }, [o("span", null, [w("关闭")])]);
     }
-    function g(i) {
-      return n("div", {
+    function C(l) {
+      return o("div", {
         class: "fv-editable-combo-list-item",
-        key: m(i),
-        title: C(i),
-        onClick: () => l(i)
-      }, [n("span", null, [c(i)])]);
+        key: p(l),
+        title: g(l),
+        onClick: () => i(l)
+      }, [o("span", null, [c(l)])]);
     }
-    function j() {
-      return e.options.map((i) => g(i));
+    function P() {
+      return e.options.map((l) => C(l));
     }
-    function h() {
-      return n("div", {
+    function b() {
+      return o("div", {
         class: "fv-editable-combo-list-placeholder"
-      }, [n("span", null, [w("无选项")])]);
+      }, [o("span", null, [w("无选项")])]);
     }
-    return () => n("div", {
+    return () => o("div", {
       class: "fv-editable-combo-list"
-    }, [u.value && h(), j(), b()]);
+    }, [s.value && b(), P(), h()]);
   }
-}), ie = {
+}), L = {
   /** 绑定值 */
   modelValue: { type: String, default: "" },
   /** 下拉选项的数据源 */
@@ -237,221 +164,221 @@ const re = {
   autoApply: { type: Boolean, default: !0 },
   /** 是否在输入时自动根据当前值过滤选项 */
   filterOnType: { type: Boolean, default: !0 }
-}, le = /* @__PURE__ */ O({
+}, q = /* @__PURE__ */ T({
   name: "FEditableCombo",
-  props: ie,
+  props: L,
   emits: ["update:modelValue", "select"],
-  setup(e, r) {
-    const u = T(), l = T(""), p = V(() => Array.isArray(e.options) ? e.options.filter((s) => {
-      if (!s || typeof s != "object")
+  setup(e, a) {
+    const s = V(), i = V(""), m = F(() => Array.isArray(e.options) ? e.options.filter((d) => {
+      if (!d || typeof d != "object")
         return !1;
-      const d = s[e.valueField] || "";
-      return typeof d != "string" ? !1 : d.includes(l.value);
-    }) : []), m = V(() => p.value.length > 0);
-    function c(s) {
-      var d, v;
-      s ? (d = u.value) == null || d.showPopup() : (v = u.value) == null || v.hidePopup();
+      const u = d[e.valueField] || "";
+      return typeof u != "string" ? !1 : u.includes(i.value);
+    }) : []), p = F(() => m.value.length > 0);
+    function c(d) {
+      var u, v;
+      d ? (u = s.value) == null || u.showPopup() : (v = s.value) == null || v.hidePopup();
     }
-    function C(s) {
-      if (s.code === "Escape") {
+    function g(d) {
+      if (d.code === "Escape") {
         c(!1);
         return;
       }
-      e.filterOnType && (l.value = e.modelValue, m.value ? c(!0) : c(!1));
+      e.filterOnType && (i.value = e.modelValue, p.value ? c(!0) : c(!1));
     }
-    function b() {
-      l.value = "";
+    function h() {
+      i.value = "";
     }
-    function g() {
-      b(), m.value && c(!0);
+    function C() {
+      h(), p.value && c(!0);
     }
-    function j() {
-      b();
+    function P() {
+      h();
     }
-    function h(s) {
-      r.emit("update:modelValue", s);
+    function b(d) {
+      a.emit("update:modelValue", d);
     }
-    function i(s) {
-      if (r.emit("select", s), e.autoApply) {
-        const d = s[e.valueField];
-        h(d);
+    function l(d) {
+      if (a.emit("select", d), e.autoApply) {
+        const u = d[e.valueField];
+        b(u);
       }
       c(!1);
     }
-    return () => n(R, {
-      ref: u,
+    return () => o(A, {
+      ref: s,
       modelValue: e.modelValue,
-      "onUpdate:modelValue": h,
+      "onUpdate:modelValue": b,
       editable: !0,
       enableClear: !0,
       placeholder: e.placeholder,
       buttonContent: e.dropDownIcon,
       placement: "auto",
       popupClass: "fv-editable-combo-popup",
-      onClick: g,
-      onClickButton: j,
-      onKeyup: C
+      onClick: C,
+      onClickButton: P,
+      onKeyup: g
     }, {
-      default: () => [n(ae, {
-        options: p.value,
+      default: () => [o(H, {
+        options: m.value,
         idField: e.idField,
         valueField: e.valueField,
         textField: e.textField,
         titleField: e.titleField,
-        onSelect: i,
+        onSelect: l,
         onClose: () => c(!1)
       }, null)]
     });
   }
-}), ue = {
+}), G = {
   useParametersComposition: { type: Object, require: !0 },
   jsonEditorProps: { type: Object, default: {} },
   formContextData: { type: Object, default: {} }
-}, de = /* @__PURE__ */ O({
+}, W = /* @__PURE__ */ T({
   name: "FJsonEditorModalContainer",
-  props: ue,
+  props: G,
   emits: [],
   setup(e) {
     const {
-      parameterItems: r,
-      parameterCodeOptions: u,
-      appendNewParameter: l,
-      deleteParameterById: p,
-      onParameterCodeChanged: m
-    } = e.useParametersComposition, c = V(() => r.value.length === 0), C = V(() => !c.value);
-    function b() {
-      return n("div", {
+      parameterItems: a,
+      parameterCodeOptions: s,
+      appendNewParameter: i,
+      deleteParameterById: m,
+      onParameterCodeChanged: p
+    } = e.useParametersComposition, c = F(() => a.value.length === 0), g = F(() => !c.value);
+    function h() {
+      return o("div", {
         class: "fv-json-editor-header"
-      }, [n("div", {
+      }, [o("div", {
         class: "fv-json-editor-key-col"
-      }, [e.jsonEditorProps.keyColumnTitle]), n("div", {
+      }, [e.jsonEditorProps.keyColumnTitle]), o("div", {
         class: "fv-json-editor-value-col"
-      }, [e.jsonEditorProps.valueColumnTitle]), n("div", {
+      }, [e.jsonEditorProps.valueColumnTitle]), o("div", {
         class: "fv-json-editor-operation-col"
       }, [e.jsonEditorProps.operationColumnTitle])]);
     }
-    function g() {
-      return n("div", {
+    function C() {
+      return o("div", {
         class: "fv-json-editor-placeholder"
-      }, [n("div", {
+      }, [o("div", {
         class: "fv-json-editor-default-add-button",
-        onClick: l
-      }, [n("span", {
+        onClick: i
+      }, [o("span", {
         class: "fv-json-editor-default-add-icon f-icon f-icon-add"
-      }, null), n("span", {
+      }, null), o("span", {
         class: "fv-json-editor-default-add-text"
       }, [e.jsonEditorProps.addButtonText])])]);
     }
-    function j(f) {
-      return n(le, {
+    function P(f) {
+      return o(q, {
         modelValue: f.code,
-        "onUpdate:modelValue": [(P) => f.code = P, () => m(f.id)],
-        options: u.value,
+        "onUpdate:modelValue": [(j) => f.code = j, () => p(f.id)],
+        options: s.value,
         placeholder: e.jsonEditorProps.keyColumnPlaceholder
       }, null);
     }
-    function h(f) {
-      var P, D, x;
-      return n(K, {
+    function b(f) {
+      var j, O, E;
+      return o(M, {
         modelValue: f.value,
-        "onUpdate:modelValue": (E) => f.value = E,
+        "onUpdate:modelValue": (x) => f.value = x,
         editorType: f.editorType,
-        fieldData: (P = e.formContextData) == null ? void 0 : P.fieldData,
-        varData: (D = e.formContextData) == null ? void 0 : D.varData,
-        formData: (x = e.formContextData) == null ? void 0 : x.formData
+        fieldData: (j = e.formContextData) == null ? void 0 : j.fieldData,
+        varData: (O = e.formContextData) == null ? void 0 : O.varData,
+        formData: (E = e.formContextData) == null ? void 0 : E.formData
       }, null);
     }
-    function i(f) {
-      return n("div", {
+    function l(f) {
+      return o("div", {
         class: "fv-json-editor-row"
-      }, [n("div", {
+      }, [o("div", {
         class: "fv-json-editor-key-col"
-      }, [j(f)]), n("div", {
+      }, [P(f)]), o("div", {
         class: "fv-json-editor-value-col"
-      }, [h(f)]), n("div", {
+      }, [b(f)]), o("div", {
         class: "fv-json-editor-operation-col"
-      }, [n("div", {
+      }, [o("div", {
         class: "fv-json-editor-delete-button"
-      }, [n("span", {
+      }, [o("span", {
         class: "fv-json-editor-delete-icon f-icon f-icon-yxs_delete",
-        onClick: () => p(f.id)
+        onClick: () => m(f.id)
       }, null)])])]);
     }
-    function s() {
-      return r.value.map((f) => i(f));
-    }
     function d() {
-      return n("div", {
+      return a.value.map((f) => l(f));
+    }
+    function u() {
+      return o("div", {
         class: "fv-json-editor-add-button",
-        onClick: l
-      }, [n("span", {
+        onClick: i
+      }, [o("span", {
         class: "fv-json-editor-add-icon f-icon f-icon-add"
-      }, null), n("span", {
+      }, null), o("span", {
         class: "fv-json-editor-add-text"
       }, [e.jsonEditorProps.addButtonText])]);
     }
     function v() {
-      return n("div", {
+      return o("div", {
         class: "fv-json-editor-body"
-      }, [c.value && g(), s(), C.value && d()]);
+      }, [c.value && C(), d(), g.value && u()]);
     }
-    return () => n("div", {
+    return () => o("div", {
       class: "fv-json-editor"
-    }, [b(), v()]);
+    }, [h(), v()]);
   }
 });
-function se(e) {
-  const r = T([]), u = T([]), l = T(e.parameterDescriptors || []);
-  B(
+function Y(e) {
+  const a = V([]), s = V([]), i = V(e.parameterDescriptors || []);
+  k(
     () => e.parameterDescriptors,
     (t) => {
-      l.value = t;
+      i.value = t;
     }
   );
-  const { guid: p } = _();
-  function m(t) {
-    if (r.value = [], u.value = [], !b(t))
+  const { guid: m } = K();
+  function p(t) {
+    if (a.value = [], s.value = [], !h(t))
       return;
-    const o = JSON.parse(t);
-    Object.keys(o).forEach((a) => {
-      const y = p(), F = i(a);
-      r.value.push(S({
+    const n = JSON.parse(t);
+    Object.keys(n).forEach((r) => {
+      const y = m(), D = l(r);
+      a.value.push(S({
         id: y,
-        code: a,
-        value: g(o[a], y),
-        editorType: F
+        code: r,
+        value: C(n[r], y),
+        editorType: D
       }));
     });
   }
-  B(
+  k(
     () => e.modelValue,
-    (t) => m(t)
+    (t) => p(t)
   );
   function c() {
-    m(e.modelValue);
+    p(e.modelValue);
   }
-  function C() {
+  function g() {
     const t = {};
-    return r.value.forEach((a) => {
-      const y = a == null ? void 0 : a.code;
-      y && y.trim().length > 0 && (t[y] = j(a.value, a.id));
+    return a.value.forEach((r) => {
+      const y = r == null ? void 0 : r.code;
+      y && y.trim().length > 0 && (t[y] = P(r.value, r.id));
     }), Object.keys(t).length === 0 ? "" : JSON.stringify(t);
   }
-  function b(t) {
+  function h(t) {
     try {
-      const o = JSON.parse(t);
-      if (!o || typeof o != "object" || Array.isArray(o))
+      const n = JSON.parse(t);
+      if (!n || typeof n != "object" || Array.isArray(n))
         return !1;
     } catch {
       return !1;
     }
     return !0;
   }
-  function g(t, o) {
-    return typeof t == "object" ? (u.value.push(o), JSON.stringify(t)) : t;
+  function C(t, n) {
+    return typeof t == "object" ? (s.value.push(n), JSON.stringify(t)) : t;
   }
-  function j(t, o) {
-    if (t && typeof t == "string" && u.value.includes(o))
+  function P(t, n) {
+    if (t && typeof t == "string" && s.value.includes(n))
       try {
         t = JSON.parse(t);
       } catch {
@@ -459,124 +386,119 @@ function se(e) {
       }
     return t === void 0 ? "" : t;
   }
-  function h(t) {
-    const o = l.value;
-    return !t || !o ? void 0 : o.find((y) => y.id === t);
+  function b(t) {
+    const n = i.value;
+    return !t || !n ? void 0 : n.find((y) => y.id === t);
   }
-  function i(t) {
-    const o = h(t);
-    return o == null ? void 0 : o.editorType;
+  function l(t) {
+    const n = b(t);
+    return n == null ? void 0 : n.editorType;
   }
-  function s(t) {
+  function d(t) {
     if (!t)
       return "";
     switch (t) {
-      case U.Switch:
+      case R.Switch:
         return !1;
       default:
         return "";
     }
   }
-  function d(t) {
-    const o = h(t);
-    if (!o)
+  function u(t) {
+    const n = b(t);
+    if (!n)
       return;
-    const { editorType: a, defaultValue: y } = o;
-    return y !== void 0 ? y : s(a);
+    const { editorType: r, defaultValue: y } = n;
+    return y !== void 0 ? y : d(r);
   }
   function v() {
     const t = /* @__PURE__ */ new Set();
-    for (const o of r.value) {
-      const a = o == null ? void 0 : o.code;
-      if (!(!a || a.trim().length === 0)) {
-        if (t.has(a))
+    for (const n of a.value) {
+      const r = n == null ? void 0 : n.code;
+      if (!(!r || r.trim().length === 0)) {
+        if (t.has(r))
           return !0;
-        t.add(a);
+        t.add(r);
       }
     }
     return !1;
   }
   function f(t) {
-    const o = r.value.find((A) => A.id === t);
-    if (!o)
+    const n = a.value.find((B) => B.id === t);
+    if (!n)
       return;
-    const a = o.code;
-    if (!a)
+    const r = n.code;
+    if (!r)
       return;
-    const y = i(a);
-    o.editorType = y || void 0;
-    let F = d(a);
-    F = g(F, t), o.value = F;
+    const y = l(r);
+    n.editorType = y || void 0;
+    let D = u(r);
+    D = C(D, t), n.value = D;
   }
-  function P(t) {
-    const o = r.value.findIndex((a) => a.id === t);
-    o >= 0 && r.value.splice(o, 1);
+  function j(t) {
+    const n = a.value.findIndex((r) => r.id === t);
+    n >= 0 && a.value.splice(n, 1);
   }
-  function D() {
-    r.value.push(S({
-      id: p(),
+  function O() {
+    a.value.push(S({
+      id: m(),
       code: "",
       value: "",
       editorType: void 0
     }));
   }
-  const x = V(() => l.value.map((t) => {
-    let o = t.label;
-    return t.description && (o += `（${t.description}）`), {
+  const E = F(() => i.value.map((t) => {
+    let n = t.label;
+    return t.description && (n += `（${t.description}）`), {
       id: t.id,
-      name: o
+      name: n
     };
-  })), E = T(e.formContextData);
+  })), x = V(e.formContextData);
   return {
-    parameterItems: r,
-    parameterCodeOptions: x,
-    formContextData: E,
-    parameterDescriptors: l,
+    parameterItems: a,
+    parameterCodeOptions: E,
+    formContextData: x,
+    parameterDescriptors: i,
     initialize: c,
     onParameterCodeChanged: f,
     hasDuplicateParameter: v,
-    deleteParameterById: P,
-    appendNewParameter: D,
-    getNewValue: C
+    deleteParameterById: j,
+    appendNewParameter: O,
+    getNewValue: g
   };
 }
-const k = /* @__PURE__ */ O({
+const Q = /* @__PURE__ */ T({
   name: "FJsonEditor",
-  props: N,
+  props: _,
   emits: ["change", "update:modelValue"],
-  setup(e, r) {
-    const u = se(e), {
-      modalConfigs: l,
-      onClear: p,
-      beforeOpenModalDialog: m,
+  setup(e, a) {
+    const s = Y(e), {
+      modalConfigs: i,
+      onClear: m,
+      beforeOpenModalDialog: p,
       changeValue: c
-    } = ne(e, r, u), {
-      formContextData: C
-    } = u;
-    return () => n(I, {
+    } = z(e, a, s), {
+      formContextData: g
+    } = s;
+    return () => o(J, {
       modelValue: e.modelValue,
       enableClear: !0,
       buttonBehavior: "Modal",
-      modalOptions: l,
-      beforeOpen: m,
-      onClear: p,
+      modalOptions: i,
+      beforeOpen: p,
+      onClear: m,
       "onUpdate:modelValue": c
     }, {
-      default: () => [n(de, {
-        useParametersComposition: u,
+      default: () => [o(W, {
+        useParametersComposition: s,
         jsonEditorProps: e,
-        formContextData: C.value
+        formContextData: g.value
       }, null)]
     });
   }
-});
-k.register = (e, r, u, l) => {
-  e["json-editor"] = k, r["json-editor"] = oe;
-};
-const ge = q(k);
+}), oe = U(Q);
 export {
-  k as FJsonEditor,
-  ge as default,
-  N as jsonEditorProps,
-  oe as propsResolver
+  Q as FJsonEditor,
+  oe as default,
+  _ as jsonEditorProps
 };