@farris/ui-vue 1.7.3 → 1.7.5

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

@@ -1,17 +1,17 @@
-import { ref as l, computed as M, createVNode as g, withDirectives as F, vModelText as R, watch as E, mergeProps as I, defineComponent as j } from "vue";
-import { resolveAppearance as $, createPropsResolver as A } from "../dynamic-resolver/index.esm.js";
-import { FComboList as T } from "../combo-list/index.esm.js";
-import { FNumberSpinner as B } from "../number-spinner/index.esm.js";
-import { useGuid as L, withInstall as U } from "../common/index.esm.js";
-import { FExpressionTextbox as k } from "../../designer/expression-editor/index.esm.js";
-import { cloneDeep as S } from "lodash-es";
-const _ = /* @__PURE__ */ new Map([
-  ["appearance", $]
+import { ref as l, computed as S, createVNode as g, withDirectives as R, vModelText as I, watch as N, mergeProps as j, defineComponent as $ } from "vue";
+import { resolveAppearance as A, createPropsResolver as B } from "../dynamic-resolver/index.esm.js";
+import { FComboList as w } from "../combo-list/index.esm.js";
+import { FNumberSpinner as L } from "../number-spinner/index.esm.js";
+import { useGuid as U, withInstall as k } from "../common/index.esm.js";
+import { FExpressionTextbox as _ } from "../expression-editor/index.esm.js";
+import { cloneDeep as E } from "lodash-es";
+const q = /* @__PURE__ */ new Map([
+  ["appearance", A]
 ]);
-function q(t, u, s) {
+function D(t, u, s) {
   return u;
 }
-const D = "https://json-schema.org/draft/2020-12/schema", Y = "https://farris-design.gitee.io/property-editor.schema.json", z = "property-editor", G = "A Farris Component", W = "object", H = {
+const Y = "https://json-schema.org/draft/2020-12/schema", z = "https://farris-design.gitee.io/property-editor.schema.json", G = "property-editor", W = "A Farris Component", H = "object", J = {
   id: {
     description: "The unique identifier for property-editor",
     type: "string"
@@ -128,20 +128,20 @@ const D = "https://json-schema.org/draft/2020-12/schema", Y = "https://farris-de
     type: "boolean",
     default: !1
   }
-}, J = [
+}, K = [
   "type"
-], K = [
+], Q = [
   "id"
-], Q = {
-  $schema: D,
-  $id: Y,
-  title: z,
-  description: G,
-  type: W,
-  properties: H,
-  required: J,
-  ignore: K
-}, X = "property-editor", Z = "A Farris Component", ee = "object", te = {
+], X = {
+  $schema: Y,
+  $id: z,
+  title: G,
+  description: W,
+  type: H,
+  properties: J,
+  required: K,
+  ignore: Q
+}, Z = "property-editor", ee = "A Farris Component", te = "object", ne = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -163,17 +163,17 @@ const D = "https://json-schema.org/draft/2020-12/schema", Y = "https://farris-de
       }
     }
   }
-}, ne = {
-  title: X,
-  description: Z,
-  type: ee,
-  categories: te
 }, re = {
+  title: Z,
+  description: ee,
+  type: te,
+  categories: ne
+}, ae = {
   /** 静态值的类型 */
   constType: { type: String, default: "" },
   /** 静态值的枚举项（静态值类型为enum时使用） */
   constEnums: { type: Array, default: [] }
-}, ae = {
+}, oe = {
   variables: { type: Array, default: [] },
   controlName: { type: String, default: "" },
   /** 新增变量名称的前缀 */
@@ -182,51 +182,51 @@ const D = "https://json-schema.org/draft/2020-12/schema", Y = "https://farris-de
   newVariableType: { type: String, default: "" },
   /** 新增变量的父组件id */
   parentComponentId: { type: String, default: "" }
-}, oe = {
+}, le = {
   /** 状态机列表 */
   stateMachines: { type: Array, default: [] }
-}, le = {}, ie = {
+}, ie = {}, se = {
   expressionConfig: { type: Object, default: {} },
   enableClear: { type: Boolean, default: !1 }
-}, N = {
-  ...re,
+}, O = {
   ...ae,
-  ...le,
   ...oe,
   ...ie,
+  ...le,
+  ...se,
   id: { Type: String, default: "" },
   modelValue: { type: [Number, String, Boolean, Object] },
   /** 属性类型列表 */
   propertyTypes: { type: Array, default: [] }
-}, se = A(N, Q, _, q, ne);
-function ue(t, u, s) {
+}, ue = B(O, X, q, D, re);
+function ce(t, u, s) {
   const c = l(!1), i = l(t.constType), d = l(t.constEnums), {
     getPropertyValue: o,
     triggerValueChange: a
-  } = s, n = o("Const"), r = M(() => (e) => e === i.value);
-  function m(e) {
+  } = s, n = o("Const"), r = S(() => (e) => e === i.value);
+  function v(e) {
     a(e);
   }
-  function b(e) {
-    m(e);
+  function m(e) {
+    v(e);
   }
   function V(e) {
     if (!e || e.length < 1)
       return;
     const p = e[0].id;
-    m(p);
+    v(p);
   }
-  function h() {
-    return g(B, {
+  function b() {
+    return g(L, {
       nullable: !0,
       readonly: c.value,
       modelValue: n.value,
       "onUpdate:modelValue": (e) => n.value = e,
-      onChange: b
+      onChange: m
     }, null);
   }
-  function v() {
-    return g(T, {
+  function y() {
+    return g(w, {
       key: "const-combo-list",
       modelValue: n.value,
       "onUpdate:modelValue": (e) => n.value = e,
@@ -243,24 +243,24 @@ function ue(t, u, s) {
   }
   return () => g("div", {
     class: "f-property-editor-const-container"
-  }, [r.value("number") && h(), r.value("enum") && v()]);
+  }, [r.value("number") && b(), r.value("enum") && y()]);
 }
-function ce(t, u, s) {
+function pe(t, u, s) {
   const c = l(t.newVariablePrefix), i = l(t.newVariableType), d = l(t.id), o = l(t.controlName), a = l(t.variables), { getPropertyValue: n } = s;
   function r(e) {
     return e[0].toUpperCase() + e.slice(1);
   }
-  function m(e) {
+  function v(e) {
     return e[0].toLowerCase() + e.slice(1);
   }
-  function b(e) {
+  function m(e) {
     return e.replace(/[-_](.)/g, (p, f) => f.toUpperCase());
   }
   function V() {
-    const e = c.value && !c.value.endsWith("_") ? r(o.value) : m(o.value), p = r(d.value);
+    const e = c.value && !c.value.endsWith("_") ? r(o.value) : v(o.value), p = r(d.value);
     let f = `${e}${p}`;
-    f = b(f), f = `${c.value}${f}`;
-    const { guid: C } = L();
+    f = m(f), f = `${c.value}${f}`;
+    const { guid: C } = U();
     return {
       type: "Variable",
       path: t.parentComponentId ? `${t.parentComponentId}.${f}` : f,
@@ -270,10 +270,10 @@ function ce(t, u, s) {
       newVariableType: i.value
     };
   }
-  function h(e) {
+  function b(e) {
     return a.value.find((f) => f.path === e);
   }
-  function v() {
+  function y() {
     const e = n("Variable");
     return e.value || (e.value = {
       type: "Variable",
@@ -282,53 +282,56 @@ function ce(t, u, s) {
       fullPath: ""
     }), e;
   }
-  return { generateVariable: V, getVariableByPath: h, getVariableValue: v };
+  return { generateVariable: V, getVariableByPath: b, getVariableValue: y };
 }
-function pe(t, u, s) {
+function de(t, u, s) {
   const c = l(!1), i = l(t.variables), d = l(t.controlName), o = l(!!d.value), {
     generateVariable: a,
     getVariableByPath: n,
     getVariableValue: r
-  } = ce(t, u, s), {
-    triggerValueChange: m
-  } = s, b = r(), V = l(b.value.field), h = M(() => [{
+  } = pe(t, u, s), {
+    triggerValueChange: v
+  } = s, m = r(), V = l(m.value.field), b = S(() => [{
     "form-control-select-show": o.value
   }, {
     "form-control-select-hide": !o.value
   }]);
-  function v(y) {
-    Object.assign(b.value, {
-      field: y.field,
-      path: y.path,
-      fullPath: y.fullPath,
-      isNewVariable: y.isNewVariable,
-      newVariableType: y.isNewVariable && y.newVariableType
-    }), V.value = b.value.field, m(b.value);
+  function y(h) {
+    Object.assign(m.value, {
+      field: h.field,
+      path: h.path,
+      fullPath: h.fullPath,
+      isNewVariable: h.isNewVariable,
+      newVariableType: h.isNewVariable && h.newVariableType
+    }), V.value = m.value.field, v(m.value);
   }
   function e() {
-    const y = a(), P = n(y.path);
-    P ? v(P) : (i.value.push(y), v(y));
+    const h = a(), T = n(h.path);
+    T ? y(T) : (i.value.push(h), y(h));
   }
   const p = () => (u.emit("beforeOpenVariables", i), Promise.resolve(!0));
-  function f(y) {
-    if (!y || y.length < 1)
+  function f(h) {
+    if (!h || h.length < 1)
       return;
-    const P = y[0], O = {
-      path: P.path,
-      fullPath: P.fullPath,
-      field: P.field
+    const T = h[0], F = {
+      path: T.path,
+      fullPath: T.fullPath,
+      field: T.field
     };
-    v(O);
+    y(F);
   }
   function C() {
-    return g(T, {
+    v(null);
+  }
+  function P() {
+    return g(w, {
       key: "variable-combo-list",
-      class: h.value,
+      class: b.value,
       modelValue: V.value,
-      "onUpdate:modelValue": (y) => V.value = y,
+      "onUpdate:modelValue": (h) => V.value = h,
       placeholder: "",
       viewType: "text",
-      enableClear: !1,
+      enableClear: t.enableClear,
       valueField: "field",
       idField: "field",
       textField: "fullPath",
@@ -336,6 +339,7 @@ function pe(t, u, s) {
       beforeOpen: p,
       readonly: c.value,
       editable: !1,
+      onClear: C,
       onChange: f
     }, null);
   }
@@ -353,9 +357,9 @@ function pe(t, u, s) {
   }
   return () => g("div", {
     class: "f-property-editor-variable-container"
-  }, [C(), o.value && x()]);
+  }, [P(), o.value && x()]);
 }
-function de(t, u, s) {
+function fe(t, u, s) {
   const c = /^(?:(!)?)viewModel\.stateMachine\['([^']+)'\]$/, { getPropertyValue: i } = s;
   function d(a) {
     if (!(typeof a.value == "string"))
@@ -363,12 +367,12 @@ function de(t, u, s) {
     const r = a.value.match(c);
     if (!r || r.length < 3)
       return;
-    const b = {
+    const m = {
       type: "StateMachine",
       status: r[1] !== "!",
       field: r[2]
     };
-    a.value = b, s.triggerValueChange(b);
+    a.value = m, s.triggerValueChange(m);
   }
   function o() {
     const a = i("StateMachine");
@@ -380,34 +384,34 @@ function de(t, u, s) {
   }
   return { getStateMachineValue: o };
 }
-function fe(t, u, s) {
+function ye(t, u, s) {
   const c = l(!1), i = l(t.stateMachines), {
     getStateMachineValue: d
-  } = de(t, u, s), {
+  } = fe(t, u, s), {
     triggerValueChange: o
   } = s, a = d(), n = l(a.value.field), r = l(a.value.status);
-  function m() {
+  function v() {
     r.value = !r.value, a.value.status = r.value, o(a.value);
   }
-  function b(v) {
-    if (!v || v.length < 1)
+  function m(y) {
+    if (!y || y.length < 1)
       return;
-    const e = v[0];
+    const e = y[0];
     a.value.field = e.id, o(a.value);
   }
   function V() {
     return g("div", {
       class: "f-stateMachine-status",
-      onClick: m
+      onClick: v
     }, [r.value ? "是" : "非"]);
   }
-  function h() {
+  function b() {
     return g("div", {
       class: "f-stateMachine-combo-list"
-    }, [g(T, {
+    }, [g(w, {
       key: "state-machine-combo-list",
       modelValue: n.value,
-      "onUpdate:modelValue": (v) => n.value = v,
+      "onUpdate:modelValue": (y) => n.value = y,
       placeholder: "",
       viewType: "text",
       enableClear: !1,
@@ -416,14 +420,14 @@ function fe(t, u, s) {
       data: i.value,
       editable: !1,
       readonly: c.value,
-      onChange: b
+      onChange: m
     }, null)]);
   }
   return () => g("div", {
     class: "f-property-editor-stateMachine-container"
-  }, [V(), h()]);
+  }, [V(), b()]);
 }
-function ye(t, u, s) {
+function ve(t, u, s) {
   const c = l(!1), {
     getPropertyValue: i,
     triggerValueChange: d
@@ -434,15 +438,15 @@ function ye(t, u, s) {
   }
   return () => g("div", {
     class: "f-property-editor-customize-container"
-  }, [F(g("input", {
+  }, [R(g("input", {
     class: "form-control",
     placeholder: "输入自定义内容",
     "onUpdate:modelValue": (n) => o.value = n,
     onChange: a,
     disabled: c.value
-  }, null), [[R, o.value]])]);
+  }, null), [[I, o.value]])]);
 }
-function ve(t, u, s) {
+function ge(t, u, s) {
   const { getPropertyValue: c } = s, i = t.id;
   function d(n) {
     return n + "_" + i;
@@ -460,58 +464,58 @@ function ve(t, u, s) {
   }
   return { getExpressionValue: a };
 }
-function ge(t, u, s) {
+function me(t, u, s) {
   const c = l(!1), {
     triggerValueChange: i
   } = s, {
     getExpressionValue: d
-  } = ve(t, u, s);
+  } = ge(t, u, s);
   let o = d();
   const {
     expressionInfo: a
-  } = o.value, n = l(a.value), r = l(a.message), m = l(t.expressionConfig);
-  E(() => [t.expressionConfig], () => {
-    m.value = t.expressionConfig, o = d(), n.value = o.value.expressionInfo.value;
+  } = o.value, n = l(a.value), r = l(a.message), v = l(t.expressionConfig);
+  N(() => [t.expressionConfig], () => {
+    v.value = t.expressionConfig, o = d(), n.value = o.value.expressionInfo.value;
   });
-  function b({
-    expression: h,
-    message: v
+  function m({
+    expression: b,
+    message: y
   }) {
-    !h && !t.enableClear || (o.value.expressionInfo.value = h, v ? o.value.expressionInfo.message = v : delete o.value.expressionInfo.message, i(o.value));
+    !b && !t.enableClear || (o.value.expressionInfo.value = b, y ? o.value.expressionInfo.message = y : delete o.value.expressionInfo.message, i(o.value));
   }
   function V({
-    expressionValue: h,
-    notifyService: v
+    expressionValue: b,
+    notifyService: y
   }) {
-    return h ? !0 : (v.warning({
+    return b ? !0 : (y.warning({
       message: "请先配置表达式",
       position: "top-center"
     }), !1);
   }
   return () => g("div", {
     class: "f-property-editor-expression-container"
-  }, [g(k, I(m.value, {
+  }, [g(_, j(v.value, {
     modelValue: n.value,
-    "onUpdate:modelValue": (h) => n.value = h,
+    "onUpdate:modelValue": (b) => n.value = b,
     validateMessage: r.value,
     enableClear: t.enableClear,
     readonly: c.value,
     beforeSubmit: V,
-    onSubmitModal: b
+    onSubmitModal: m
   }), null)]);
 }
-function me(t, u, s) {
+function be(t, u, s) {
   const c = l(t.modelValue), i = /* @__PURE__ */ new Map();
-  i.set(s, l(S(c.value)));
+  i.set(s, l(E(c.value)));
   function d(n) {
-    u.emit("valueChange", S(n));
+    u.emit("valueChange", E(n));
   }
   function o(n) {
     const r = i.get(n);
     if (r)
       return r;
-    const m = l();
-    return i.set(n, m), m;
+    const v = l();
+    return i.set(n, v), v;
   }
   function a(n, r) {
     switch (n) {
@@ -529,7 +533,7 @@ function me(t, u, s) {
   }
   return { triggerValueChange: d, getPropertyValue: o, isPropertyValueValid: a };
 }
-const be = [
+const he = [
   {
     id: "Const",
     name: "常量"
@@ -551,26 +555,26 @@ const be = [
     name: "表达式"
   }
 ];
-function he(t, u) {
+function Ve(t, u) {
   const s = l(t.constType), c = l(t.constEnums), i = l(t.propertyTypes), d = l([]), o = l();
   function a() {
     const e = i.value;
-    return d.value = be.filter((p) => e.includes(p.id)), d;
+    return d.value = he.filter((p) => e.includes(p.id)), d;
   }
-  E(() => [t.propertyTypes], () => {
+  N(() => [t.propertyTypes], () => {
     i.value = t.propertyTypes, a();
   });
   function n(e) {
     return typeof e != "string" ? !1 : /^(?:(!)?)viewModel\.stateMachine\['([^']+)'\]$/.test(e);
   }
   function r(e) {
-    const p = i.value, f = p.includes("Const") && s.value === "enum" && c.value.findIndex((x) => x.id === e) > -1, C = p.includes("Const") && s.value === "number" && typeof e == "number";
+    const p = i.value, f = p.includes("Const") && s.value === "enum" && c.value.findIndex((P) => P.id === e) > -1, C = p.includes("Const") && s.value === "number" && typeof e == "number";
     return f || C;
   }
-  function m(e) {
+  function v(e) {
     return i.value.includes("Custom") && typeof e == "string";
   }
-  function b(e) {
+  function m(e) {
     if (e && typeof e == "object")
       return e.type;
   }
@@ -578,47 +582,47 @@ function he(t, u) {
     const p = /* @__PURE__ */ new Map([
       ["Const", r],
       ["StateMachine", n],
-      ["Custom", m]
+      ["Custom", v]
     ]);
     for (const [f, C] of p.entries())
       if (C(e))
         return f;
   }
-  function h() {
-    const e = t.modelValue, p = i.value[0], f = b(e), C = V(e);
+  function b() {
+    const e = t.modelValue, p = i.value[0], f = m(e), C = V(e);
     return f || C || p;
   }
-  function v() {
-    return o.value || (o.value = h()), o;
+  function y() {
+    return o.value || (o.value = b()), o;
   }
-  return { getAllowedPropertyTypeItems: a, getCurrentPropertyType: v };
+  return { getAllowedPropertyTypeItems: a, getCurrentPropertyType: y };
 }
-const w = /* @__PURE__ */ j({
+const M = /* @__PURE__ */ $({
   name: "FPropertyEditor",
-  props: N,
+  props: O,
   emits: ["valueChange", "beforeOpenVariables"],
   setup(t, u) {
     const s = l(!1), {
       getAllowedPropertyTypeItems: c,
       getCurrentPropertyType: i
-    } = he(t), d = c(), o = i(), a = me(t, u, o.value), {
+    } = Ve(t), d = c(), o = i(), a = be(t, u, o.value), {
       getPropertyValue: n,
       triggerValueChange: r,
-      isPropertyValueValid: m
-    } = a, b = ue(t, u, a), V = pe(t, u, a), h = ye(t, u, a), v = fe(t, u, a), e = ge(t, u, a), p = M(() => (y) => y === o.value);
+      isPropertyValueValid: v
+    } = a, m = ce(t, u, a), V = de(t, u, a), b = ve(t, u, a), y = ye(t, u, a), e = me(t, u, a), p = S(() => (x) => x === o.value);
     u.expose({
       currentPropertyType: o
     });
     function f() {
-      const y = n(o.value);
-      m(o.value, y.value) && r(y.value);
+      const x = n(o.value);
+      v(o.value, x.value) && r(x.value);
     }
     function C() {
       return g("div", {
         class: "f-property-editor-left"
-      }, [g(T, {
+      }, [g(w, {
         modelValue: o.value,
-        "onUpdate:modelValue": (y) => o.value = y,
+        "onUpdate:modelValue": (x) => o.value = x,
         placeholder: "",
         enableClear: !1,
         valueField: "id",
@@ -629,23 +633,23 @@ const w = /* @__PURE__ */ j({
         onChange: f
       }, null)]);
     }
-    function x() {
+    function P() {
       return g("div", {
         class: "f-property-editor-right"
-      }, [p.value("Const") && b(), p.value("Variable") && V(), p.value("Custom") && h(), p.value("StateMachine") && v(), p.value("Expression") && e()]);
+      }, [p.value("Const") && m(), p.value("Variable") && V(), p.value("Custom") && b(), p.value("StateMachine") && y(), p.value("Expression") && e()]);
     }
     return () => g("div", {
       class: "f-property-editor-container clearfix"
-    }, [C(), x()]);
+    }, [C(), P()]);
   }
 });
-w.register = (t, u, s, c) => {
-  t["property-editor"] = w, u["property-editor"] = se;
+M.register = (t, u, s, c) => {
+  t["property-editor"] = M, u["property-editor"] = ue;
 };
-const Se = U(w);
+const Ee = k(M);
 export {
-  w as FPropertyEditor,
-  Se as default,
-  N as propertyEditorProps,
-  se as propsResolver
+  M as FPropertyEditor,
+  Ee as default,
+  O as propertyEditorProps,
+  ue as propsResolver
 };