@farris/ui-vue 1.7.2-beta.1 → 1.7.2-beta.2

package/components/avatar/index.esm.js

@@ -1,18 +1,18 @@
-var j = Object.defineProperty;
-var K = (p, n, e) => n in p ? j(p, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : p[n] = e;
-var y = (p, n, e) => K(p, typeof n != "symbol" ? n + "" : n, e);
-import { ref as F, computed as I, defineComponent as U, createVNode as C, nextTick as Z, inject as B, onMounted as z } from "vue";
-import { resolveAppearance as D, createPropsResolver as $ } from "../dynamic-resolver/index.esm.js";
+var K = Object.defineProperty;
+var Z = (p, n, e) => n in p ? K(p, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : p[n] = e;
+var y = (p, n, e) => Z(p, typeof n != "symbol" ? n + "" : n, e);
+import { ref as F, computed as I, defineComponent as R, createVNode as C, nextTick as z, inject as B, onMounted as $ } from "vue";
+import { resolveAppearance as D, createPropsResolver as J } from "../dynamic-resolver/index.esm.js";
 import "../locale/index.esm.js";
-import { DgControl as a, canvasChanged as x, refreshCanvas as J, useDesignerComponent as X } from "../designer-canvas/index.esm.js";
-import { cloneDeep as Y } from "lodash-es";
-import { FormSchemaEntityField$Type as N, FormSchemaEntityFieldType$Type as _, withInstall as ee } from "../common/index.esm.js";
-function te(p, n, e) {
+import { DgControl as a, canvasChanged as x, refreshCanvas as X, useDesignerComponent as Y } from "../designer-canvas/index.esm.js";
+import { cloneDeep as _ } from "lodash-es";
+import { FormSchemaEntityField$Type as N, FormSchemaEntityFieldType$Type as ee, withInstall as te } from "../common/index.esm.js";
+function ie(p, n, e) {
   return n;
 }
-const ie = /* @__PURE__ */ new Map([
+const ne = /* @__PURE__ */ new Map([
   ["appearance", D]
-]), ne = "https://json-schema.org/draft/2020-12/schema", se = "https://farris-design.gitee.io/avatar.schema.json", re = "avatar", oe = "A Farris Component", ae = "object", le = {
+]), se = "https://json-schema.org/draft/2020-12/schema", re = "https://farris-design.gitee.io/avatar.schema.json", oe = "avatar", ae = "A Farris Component", le = "object", de = {
   id: {
     description: "The unique identifier for avatar",
     type: "string"
@@ -74,23 +74,23 @@ const ie = /* @__PURE__ */ new Map([
     type: "boolean",
     default: !0
   }
-}, de = [
+}, ce = [
   "id",
   "type"
-], ce = [
+], ue = [
   "id",
   "appearance",
   "binding",
   "visible"
-], ue = {
-  $schema: ne,
-  $id: se,
-  title: re,
-  description: oe,
-  type: ae,
-  properties: le,
-  required: de,
-  ignore: ce
+], pe = {
+  $schema: se,
+  $id: re,
+  title: oe,
+  description: ae,
+  type: le,
+  properties: de,
+  required: ce,
+  ignore: ue
 }, k = {
   /**
    * 头像宽度
@@ -128,13 +128,13 @@ const ie = /* @__PURE__ */ new Map([
    * 支持的头像类型
    */
   imageType: { type: Array, default: ["jpeg"] }
-}, R = $(k, ue, ie, te);
-function L(p, n, e, t) {
+}, L = J(k, pe, ne, ie);
+function q(p, n, e, t) {
   const i = "data:image/jpeg;base64,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", s = F(p.readonly);
   function r(m) {
     return m.match(/\.(jpeg|jpg|gif|png|svg|bmp|webp)$/) != null;
   }
-  function d(m) {
+  function c(m) {
     return m.indexOf("data:image/") > -1;
   }
   function o(m) {
@@ -146,16 +146,16 @@ function L(p, n, e, t) {
       return "";
     const m = (g = p.imageType) == null ? void 0 : g.map((h) => (h === "jpg" && (h = "jpeg"), `image/${h}`));
     return !m || !m.length ? "image/*" : m.join(",");
-  }), c = I(() => {
+  }), d = I(() => {
     const m = t.value || p.cover || i;
-    return r(m) || d(m) ? m : o(m);
+    return r(m) || c(m) ? m : o(m);
   }), l = I(() => s.value ? "" : p.title);
   function f() {
     s.value || e && e.value && e.value.click();
   }
-  return { acceptTypes: u, imageSource: c, imageTitle: l, onClickImage: f };
+  return { acceptTypes: u, imageSource: d, imageTitle: l, onClickImage: f };
 }
-const S = /* @__PURE__ */ U({
+const S = /* @__PURE__ */ R({
   name: "FAvatar",
   props: k,
   emits: ["change", "update:modelValue"],
@@ -172,13 +172,13 @@ const S = /* @__PURE__ */ U({
     function r() {
       return "";
     }
-    function d() {
+    function c() {
     }
     const o = F(null), {
       acceptTypes: u,
-      imageSource: c,
+      imageSource: d,
       onClickImage: l
-    } = L(p, n, o, t);
+    } = q(p, n, o, t);
     return () => C("div", {
       class: e.value,
       style: i.value,
@@ -186,7 +186,7 @@ const S = /* @__PURE__ */ U({
     }, [s, C("img", {
       title: p.title,
       class: "f-avatar-image",
-      src: c.value,
+      src: d.value,
       onError: r
     }, null), !p.readonly && C("div", {
       class: "f-avatar-icon"
@@ -198,12 +198,12 @@ const S = /* @__PURE__ */ U({
       type: "file",
       class: "f-avatar-upload",
       accept: u.value,
-      onChange: d,
+      onChange: c,
       style: "display: none;"
     }, null)]);
   }
 });
-function pe(p) {
+function ge(p) {
   const { formSchemaUtils: n, formStateMachineUtils: e } = p;
   function t(o, u = "") {
     return {
@@ -213,25 +213,25 @@ function pe(p) {
     };
   }
   function i(o, u = "") {
-    const c = n.getViewModelById(o);
-    return c ? c.states.map((l) => t(l, u)) : [];
+    const d = n.getViewModelById(o);
+    return d ? d.states.map((l) => t(l, u)) : [];
   }
   function s(o) {
-    const u = n.getRootViewModelId(), c = i(o);
+    const u = n.getRootViewModelId(), d = i(o);
     if (o === u)
-      return c;
+      return d;
     const l = i(u, "root-component.");
-    return [...c, ...l];
+    return [...d, ...l];
   }
   function r(o) {
     return o.binding && o.binding.path || o.id || "";
   }
-  function d() {
+  function c() {
     return e && e.getRenderStates() || [];
   }
-  return { getVariables: s, getControlName: r, getStateMachines: d };
+  return { getVariables: s, getControlName: r, getStateMachines: c };
 }
-class q {
+class H {
   constructor(n) {
     y(this, "sessionVariables", [
       {
@@ -281,10 +281,10 @@ class q {
     });
     y(this, "getExpressionConverter", (n, e) => ({
       convertFrom: (t, i, s, r) => {
-        const d = s.getExpressionRuleValue(n, e || i);
-        return d && d.value || "";
+        const c = s.getExpressionRuleValue(n, e || i);
+        return c && c.value || "";
       },
-      convertTo: (t, i, s, r, d) => {
+      convertTo: (t, i, s, r, c) => {
         var o;
         if (i === "dataPicking" && (s != null && s.target)) {
           const u = `${s.target}_dataPicking`;
@@ -337,10 +337,10 @@ class q {
   buildEntityFieldsTreeData(n = null, e) {
     const t = [];
     return n == null || n.forEach((i) => {
-      var d;
+      var c;
       const s = this.createTreeNode(i, e);
       let r = [];
-      (d = i.type) != null && d.fields && (r = this.buildEntityFieldsTreeData(i.type.fields, [...e, i.label])), t.push({
+      (c = i.type) != null && c.fields && (r = this.buildEntityFieldsTreeData(i.type.fields, [...e, i.label])), t.push({
         data: s,
         children: r,
         expanded: !0
@@ -353,8 +353,8 @@ class q {
       var o, u;
       const s = this.createTreeNode(i, e);
       s.type = "entity";
-      const r = this.buildEntityFieldsTreeData((o = i.type) == null ? void 0 : o.fields, [...e, i.label]), d = this.buildChildEntityTreeData((u = i.type) == null ? void 0 : u.entities, [...e, i.label]);
-      d != null && d.length && (r == null || r.push(...d)), t.push({
+      const r = this.buildEntityFieldsTreeData((o = i.type) == null ? void 0 : o.fields, [...e, i.label]), c = this.buildChildEntityTreeData((u = i.type) == null ? void 0 : u.entities, [...e, i.label]);
+      c != null && c.length && (r == null || r.push(...c)), t.push({
         data: s,
         children: r || [],
         // 空值回退
@@ -396,19 +396,19 @@ class q {
     };
   }
   onBeforeOpenExpression(n, e, t) {
-    const i = t === "Field" ? n.binding.field : n.id, s = this.getExpressionRule(i, e), r = this.getEntitiesAndVariables(), d = {
+    const i = t === "Field" ? n.binding.field : n.id, s = this.getExpressionRule(i, e), r = this.getEntitiesAndVariables(), c = {
       message: ["validate", "required", "dataPicking"].includes(e) && s ? s.message : "",
       ...r
     };
-    return s.messageType != null && (d.messageType = s.messageType), d;
+    return s.messageType != null && (c.messageType = s.messageType), c;
   }
   buildRule(n, e, t, i) {
-    const { expression: s, message: r, messageType: d } = e, o = {
+    const { expression: s, message: r, messageType: c } = e, o = {
       id: `${n}_${t}`,
       type: t,
       value: s
     };
-    return (t === "validate" || t === "dataPicking" || t === "required") && (o.message = r), t === "dataPicking" && (o.messageType = d), t === "validate" && i && (o.elementId = i), o;
+    return (t === "validate" || t === "dataPicking" || t === "required") && (o.message = r), t === "dataPicking" && (o.messageType = c), t === "validate" && i && (o.elementId = i), o;
   }
   getExpressionData() {
     const { expressions: n } = this.formSchemaService.getFormSchema().module;
@@ -416,12 +416,12 @@ class q {
   }
   updateExpression(n, e, t, i) {
     const s = e === "Field" ? n.binding.field : n.id, r = this.buildRule(s, t, i, n.type === "form-group" ? n.id : "");
-    let o = this.getExpressionData().find((c) => c.targetType === e && c.target === s);
-    const u = (c) => c.value.trim() === "";
+    let o = this.getExpressionData().find((d) => d.targetType === e && d.target === s);
+    const u = (d) => d.value.trim() === "";
     if (o) {
-      const c = o.rules.find((l) => l.id === r.id);
-      if (c)
-        u(r) ? o.rules = o.rules.filter((l) => l.id !== r.id) : (Object.assign(c, r), i === "validate" && n.type === "form-group" && (c.elementId = n.id));
+      const d = o.rules.find((l) => l.id === r.id);
+      if (d)
+        u(r) ? o.rules = o.rules.filter((l) => l.id !== r.id) : (Object.assign(d, r), i === "validate" && n.type === "form-group" && (d.elementId = n.id));
       else {
         if (u(r))
           return null;
@@ -441,13 +441,13 @@ class q {
   getExpressionEditorOptions(n, e, t, i) {
     return t.reduce((s, r) => {
       var o, u;
-      const d = e === "Field" ? (o = n == null ? void 0 : n.binding) == null ? void 0 : o.field : n.id;
+      const c = e === "Field" ? (o = n == null ? void 0 : n.binding) == null ? void 0 : o.field : n.id;
       return s[r] = {
         hide: e === "Field" ? !!((u = n == null ? void 0 : n.binding) != null && u.field) : !1,
         description: "",
         title: this.expressionNames[r],
         type: "string",
-        $converter: this.getExpressionConverter(d),
+        $converter: this.getExpressionConverter(c),
         refreshPanelAfterChanged: !0,
         editor: {
           type: "expression-editor",
@@ -456,10 +456,10 @@ class q {
           showMessage: r === "validate" || r === "dataPicking" || r === "required",
           showMessageType: r === "dataPicking",
           beforeOpen: () => this.onBeforeOpenExpression(n, r, e),
-          onSubmitModal: (c) => {
-            const l = this.updateExpression(n, e, c, r);
+          onSubmitModal: (d) => {
+            const l = this.updateExpression(n, e, d, r);
             if (i) {
-              const f = this.buildRule(d, c, r);
+              const f = this.buildRule(c, d, r);
               i(f);
             }
             return l;
@@ -498,7 +498,7 @@ class q {
     };
   }
 }
-class ge {
+class me {
   constructor(n, e) {
     y(this, "componentId");
     y(this, "viewModelId");
@@ -590,7 +590,7 @@ class ge {
     return {
       ...i,
       properties: { ...s },
-      setPropertyRelates(r, d) {
+      setPropertyRelates(r, c) {
         if (r) {
           switch (r && r.propertyID) {
             case "class":
@@ -599,7 +599,7 @@ class ge {
               break;
             }
           }
-          t && t(r, n, d);
+          t && t(r, n, c);
         }
       }
     };
@@ -615,7 +615,7 @@ class ge {
    * @returns 
    */
   getPropertyEditorParams(n, e = [], t = "visible", i = {}, s = {}, r = "") {
-    const { getVariables: d, getControlName: o, getStateMachines: u } = pe(this.designerHostService), c = this.getRealTargetType(n), l = e && e.length > 0 ? e : ["Const", "Variable", "StateMachine", "Expression"], f = {
+    const { getVariables: c, getControlName: o, getStateMachines: u } = ge(this.designerHostService), d = this.getRealTargetType(n), l = e && e.length > 0 ? e : ["Const", "Variable", "StateMachine", "Expression"], f = {
       type: "property-editor",
       propertyTypes: l
     };
@@ -628,7 +628,7 @@ class ge {
           }, i);
           break;
         case "Expression":
-          f.expressionConfig = this.getExpressionOptions(n, c, r || t);
+          f.expressionConfig = this.getExpressionOptions(n, d, r || t);
           break;
         case "StateMachine":
           f.stateMachines = u();
@@ -638,10 +638,10 @@ class ge {
             controlName: o(n),
             newVariablePrefix: "is",
             newVariableType: "Boolean",
-            variables: d(this.viewModelId),
+            variables: c(this.viewModelId),
             parentComponentId: this.componentId === "root-component" ? "" : "root-component",
             onBeforeOpenVariables: (g) => {
-              g.value = d(this.viewModelId);
+              g.value = c(this.viewModelId);
             }
           }, s), this.designerContext.designerMode === "PC_RTC" && (f.newVariablePrefix = "ext_" + f.newVariablePrefix);
           break;
@@ -673,7 +673,7 @@ class ge {
     }, r = this.getVisibleProperty(n, e);
     for (const o in t)
       r[o] = Object.assign(r[o] || {}, t[o]);
-    const d = this;
+    const c = this;
     return {
       ...s,
       properties: { ...r },
@@ -683,7 +683,7 @@ class ge {
             case "disabled":
             case "readonly":
             case "visible":
-              d.afterMutilEditorChanged(n, o);
+              c.afterMutilEditorChanged(n, o);
               break;
           }
           i && i(o, u);
@@ -709,8 +709,8 @@ class ge {
     const t = e && e.parent && e.parent.schema;
     if (!t)
       return;
-    const i = t.contents.findIndex((r) => r.id === n), s = Y(t.contents[i]);
-    t.contents.splice(i, 1), t.contents.splice(i, 0, s), J();
+    const i = t.contents.findIndex((r) => r.id === n), s = _(t.contents[i]);
+    t.contents.splice(i, 1), t.contents.splice(i, 0, s), X();
   }
   /**
    * 属性编辑器，在编辑过程中会新增变量，此处需要将新增的变量追加到ViewModel中
@@ -740,16 +740,16 @@ class ge {
     const e = n.propertyValue;
     if (!((e && e.type) === "Expression" && e.expressionInfo))
       return;
-    const { expressionId: s, expressionInfo: r } = e, { targetId: d, targetType: o, expressionType: u, value: c, message: l } = r, f = this.formSchemaUtils.getModule();
+    const { expressionId: s, expressionInfo: r } = e, { targetId: c, targetType: o, expressionType: u, value: d, message: l } = r, f = this.formSchemaUtils.getModule();
     f.expressions = f.expressions || [];
     const { expressions: m } = f;
-    let g = m.find((A) => A.target === d);
-    g || (g = { target: d, rules: [], targetType: o }, m.push(g));
+    let g = m.find((A) => A.target === c);
+    g || (g = { target: c, rules: [], targetType: o }, m.push(g));
     const h = g.rules.find((A) => A.type === u);
     if (h)
-      h.value = c, h.message = l;
+      h.value = d, h.message = l;
     else {
-      const A = { id: s, type: u, value: c, message: l };
+      const A = { id: s, type: u, value: d, message: l };
       g.rules.push(A);
     }
     delete e.expressionInfo;
@@ -764,11 +764,11 @@ class ge {
     const t = n.propertyValue;
     if (t && t.type === "Expression")
       return;
-    const s = n.propertyID, r = this.formSchemaUtils.getExpressions(), d = e.binding ? e.binding.field : e.id, o = r.find((u) => u.target === d);
+    const s = n.propertyID, r = this.formSchemaUtils.getExpressions(), c = e.binding ? e.binding.field : e.id, o = r.find((u) => u.target === c);
     !o || !o.rules || (o.rules = o.rules.filter((u) => u.type !== s));
   }
   getExpressionOptions(n, e, t) {
-    return new q(this.formSchemaUtils).getExpressionOptions(n, e, t);
+    return new H(this.formSchemaUtils).getExpressionOptions(n, e, t);
   }
   getRealTargetType(n) {
     return ["response-toolbar-item", "tab-toolbar-item", "section-toolbar-item", "drawer-toolbar-item"].indexOf(n.type) > -1 ? "Button" : n.binding && n.binding.field ? "Field" : "Container";
@@ -881,7 +881,7 @@ y(E, "fieldControlTypeMapping", {
 });
 let P = E;
 var M = /* @__PURE__ */ ((p) => (p.Form = "Form", p.Variable = "Variable", p))(M || {});
-class me {
+class U {
   constructor() {
     /** 控件标题 */
     y(this, "label", "");
@@ -915,8 +915,8 @@ function fe(p) {
   let n, e;
   const t = /* @__PURE__ */ new Map();
   let i = [];
-  function s(c, l) {
-    const m = c.split(" ").filter((b) => b.startsWith("col-"));
+  function s(d, l) {
+    const m = ((d == null ? void 0 : d.split(" ")) || []).filter((b) => b.startsWith("col-"));
     if (m.length === 0) {
       l.isSupportedClass = !1;
       return;
@@ -924,31 +924,38 @@ function fe(p) {
     let g = m.find((b) => /^col-([1-9]|10|11|12)$/.test(b)), h = m.find((b) => /^col-md-([1-9]|10|11|12)$/.test(b)), A = m.find((b) => /^col-xl-([1-9]|10|11|12)$/.test(b)), v = m.find((b) => /^col-el-([1-9]|10|11|12)$/.test(b));
     g = g || "col-12", l.columnInSM = parseInt(g.replace("col-", ""), 10), l.displayWidthInSM = l.columnInSM / 12, l.displayWidthInSM !== 1 && (l.isSupportedClass = !1), h = h || "col-md-" + l.columnInSM, l.columnInMD = parseInt(h.replace("col-md-", ""), 10), l.displayWidthInMD = l.columnInMD / 6, [1, 2].includes(l.displayWidthInMD) || (l.isSupportedClass = !1), A = A || "col-xl-" + l.columnInMD, l.columnInLG = parseInt(A.replace("col-xl-", ""), 10), l.displayWidthInLG = l.columnInLG / 3, [1, 2, 3, 4].includes(l.displayWidthInLG) || (l.isSupportedClass = !1), v = v || "col-el-" + l.columnInLG, l.columnInEL = parseInt(v.replace("col-el-", ""), 10), l.displayWidthInEL = l.columnInEL / 2, [1, 2, 3, 4, 5, 6].includes(l.displayWidthInEL) || (l.isSupportedClass = !1);
   }
-  function r(c, l, f, m = !1) {
+  function r(d, l, f, m = !1) {
     let g = !1;
-    c.contents.forEach((h) => {
+    if (!d.contents || d.contents.length === 0) {
+      const h = new U();
+      s(d.layout, h), l.push(h);
+      return;
+    }
+    d.contents.forEach((h) => {
       if (h.type === "fieldset") {
         f += 1, r(h, l, f, !0), g = !0;
         return;
       }
+      if (h.type === "dynamic-form")
+        return;
       g && (f += 1, g = !1);
-      const A = h.appearance && h.appearance.class, v = new me();
-      A ? s(A, v) : v.isSupportedClass = !1, v.label = h.label || h.id, v.id = h.id, v.group = f, m && (v.fieldSetId = c.id), e === h.id && (n = f), t.set(h.id, h), l.push(v);
+      const A = h.appearance && h.appearance.class, v = new U();
+      A ? s(A, v) : v.isSupportedClass = !1, v.label = h.label || h.id, v.id = h.id, v.group = f, m && (v.fieldSetId = d.id), e === h.id && (n = f), t.set(h.id, h), l.push(v);
     });
   }
-  function d(c) {
-    const l = p.getComponentById(c);
+  function c(d) {
+    const l = p.getComponentById(d);
     if (!l || !l.componentType || !l.componentType.startsWith("form"))
       return { result: !1, message: "只可以在响应式表单组件中调整响应式布局配置" };
     const f = p.selectNode(l, (m) => m.type === a["response-form"].type);
     return !f || !f.contents || f.contents.length === 0 ? { result: !1, message: "Form区域内没有控件，请先添加控件" } : { result: !0, message: "", formNode: f };
   }
-  function o(c, l) {
-    l = l || c.id;
-    const { result: f, message: m, formNode: g } = d(l);
+  function o(d, l) {
+    l = l || d.id;
+    const { result: f, message: m, formNode: g } = c(l);
     if (!f)
       return { result: f, message: m };
-    e = c.id, i = [], t.clear();
+    e = d.id, i = [], t.clear();
     const h = g.contents[0].type === a.fieldset.type ? 0 : 1;
     r(g, i, h);
     const A = i.find((b) => !b.isSupportedClass);
@@ -960,18 +967,18 @@ function fe(p) {
       importData: i
     };
   }
-  function u(c, l) {
+  function u(d, l) {
     l = l;
-    const { result: f, formNode: m } = d(l);
+    const { result: f, formNode: m } = c(l);
     if (!f)
       return "";
     const g = [];
-    return c.forEach((h) => {
+    return d.forEach((h) => {
       var b;
       const A = t.get(h.id), v = A.appearance && A.appearance.class;
       if (v) {
-        const V = v.split(" ").filter((O) => !O.startsWith("col-")), w = "col-" + h.columnInSM, H = "col-md-" + h.columnInMD, W = "col-xl-" + h.columnInLG, Q = "col-el-" + h.columnInEL, G = [w, H, W, Q].concat(V);
-        A.appearance.class = G.join(" ");
+        const V = v.split(" ").filter((j) => !j.startsWith("col-")), w = "col-" + h.columnInSM, W = "col-md-" + h.columnInMD, Q = "col-xl-" + h.columnInLG, G = "col-el-" + h.columnInEL, O = [w, W, Q, G].concat(V);
+        A.appearance.class = O.join(" ");
       }
       if (h.fieldSetId) {
         const T = m.contents.find((w) => w.id === h.fieldSetId), V = g.find((w) => w.id === h.fieldSetId);
@@ -981,13 +988,13 @@ function fe(p) {
     }), m.contents = g, m.id;
   }
   return {
-    checkCanFindFormNode: d,
+    checkCanFindFormNode: c,
     checkCanOpenLayoutEditor: o,
     changeFormControlsByResponseLayoutConfig: u,
     getResonseFormLayoutConfig: r
   };
 }
-class he extends ge {
+class he extends me {
   constructor(e, t) {
     super(e, t);
     y(this, "responseLayoutEditorFunction");
@@ -1014,7 +1021,7 @@ class he extends ge {
     var u;
     const s = this;
     this.setDesignViewModelField(e);
-    const { canChangeControlType: r, editorTypeList: d } = this.getAvailableEditorType(e), o = {
+    const { canChangeControlType: r, editorTypeList: c } = this.getAvailableEditorType(e), o = {
       description: "Basic Information",
       title: "基本信息",
       properties: {
@@ -1036,7 +1043,7 @@ class he extends ge {
             valueField: "key",
             idField: "key",
             editable: !1,
-            data: d,
+            data: c,
             readonly: !r
           }
         },
@@ -1073,19 +1080,19 @@ class he extends ge {
           readonly: this.formSchemaUtils.designerMode === "PC_RTC" && !e.isRtcControl
         }
       },
-      setPropertyRelates(c, l, f) {
-        if (c)
-          switch (c && c.propertyID) {
+      setPropertyRelates(d, l, f) {
+        if (d)
+          switch (d && d.propertyID) {
             case "type": {
-              s.changeControlType(e, c, t);
+              s.changeControlType(e, d, t);
               break;
             }
             case "label": {
-              c.needRefreshControlTree = !0;
+              d.needRefreshControlTree = !0;
               break;
             }
             case "binding": {
-              s.changeBindingField(e, c, f);
+              s.changeBindingField(e, d, f);
               break;
             }
           }
@@ -1195,10 +1202,10 @@ class he extends ge {
     const s = t.propertyValue, r = i && i.parent && i.parent.schema;
     if (!r)
       return;
-    const d = r.contents.findIndex((c) => c.id === e.id);
-    if (d === -1)
+    const c = r.contents.findIndex((d) => d.id === e.id);
+    if (c === -1)
       return;
-    const o = r.contents[d];
+    const o = r.contents[c];
     let u;
     if (this.designViewModelField) {
       const f = this.formSchemaUtils.getViewModelById(this.viewModelId).fields.find((g) => g.id === this.designViewModelField.id).fieldSchema || {};
@@ -1210,13 +1217,13 @@ class he extends ge {
       size: o.size,
       label: o.label,
       binding: o.binding
-    }), Object.prototype.hasOwnProperty.call(o, "visible") && Object.assign(u, { visible: o.visible }), o.editor && ["readonly", "required", "placeholder"].map((c) => {
-      Object.prototype.hasOwnProperty.call(o.editor, c) && (u.editor[c] = o.editor[c]);
+    }), Object.prototype.hasOwnProperty.call(o, "visible") && Object.assign(u, { visible: o.visible }), o.editor && ["readonly", "required", "placeholder"].map((d) => {
+      Object.prototype.hasOwnProperty.call(o.editor, d) && (u.editor[d] = o.editor[d]);
     }), i != null && i.updateContextSchema ? i.updateContextSchema(u) : (i.schema = Object.assign(o, u), Object.assign(e, u)), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(
-      (c) => c.classList.remove("dgComponentSelected")
+      (d) => d.classList.remove("dgComponentSelected")
     ), Array.from(document.getElementsByClassName("dgComponentFocused")).forEach(
-      (c) => c.classList.remove("dgComponentFocused")
-    ), x.value++, Z(() => {
+      (d) => d.classList.remove("dgComponentFocused")
+    ), x.value++, z(() => {
       this.getFormDesignerInstance().reloadPropertyPanel();
     });
   }
@@ -1228,7 +1235,7 @@ class he extends ge {
       type: "input-group",
       $converter: "/converter/property-editor.converter",
       parentPropertyID: "editor"
-    }, t), d = (f = e.binding) != null && f.field ? [] : ["Const", "Variable", "StateMachine"], o = this.getPropertyEditorParams(e, d, "readonly"), u = this.getPropertyEditorParams(e, d, "required"), c = {
+    }, t), c = (f = e.binding) != null && f.field ? [] : ["Const", "Variable", "StateMachine"], o = this.getPropertyEditorParams(e, c, "readonly"), u = this.getPropertyEditorParams(e, c, "required"), d = {
       readonly: {
         description: "",
         title: "只读",
@@ -1248,11 +1255,11 @@ class he extends ge {
       }
     };
     for (const g in i)
-      c[g] = Object.assign(c[g] || {}, i[g]);
+      d[g] = Object.assign(d[g] || {}, i[g]);
     const l = this;
     return {
       ...r,
-      properties: { ...c },
+      properties: { ...d },
       setPropertyRelates(g, h) {
         if (g) {
           switch (g.propertyID) {
@@ -1274,16 +1281,16 @@ class he extends ge {
   */
   updateUnifiedLayoutAfterControlChanged(e, t, i) {
     const s = e.split(" ");
-    let r = s.find((l) => /^col-([1-9]|10|11|12)$/.test(l)), d = s.find((l) => /^col-md-([1-9]|10|11|12)$/.test(l)), o = s.find((l) => /^col-xl-([1-9]|10|11|12)$/.test(l)), u = s.find((l) => /^col-el-([1-9]|10|11|12)$/.test(l));
-    r = r || "col-12", d = d || "col-md-" + r.replace("col-", ""), o = o || "col-xl-" + d.replace("col-md-", ""), u = u || "col-el-" + o.replace("col-xl-", "");
-    const c = {
+    let r = s.find((l) => /^col-([1-9]|10|11|12)$/.test(l)), c = s.find((l) => /^col-md-([1-9]|10|11|12)$/.test(l)), o = s.find((l) => /^col-xl-([1-9]|10|11|12)$/.test(l)), u = s.find((l) => /^col-el-([1-9]|10|11|12)$/.test(l));
+    r = r || "col-12", c = c || "col-md-" + r.replace("col-", ""), o = o || "col-xl-" + c.replace("col-md-", ""), u = u || "col-el-" + o.replace("col-xl-", "");
+    const d = {
       id: t,
       columnInSM: parseInt(r.replace("col-", ""), 10),
-      columnInMD: parseInt(d.replace("col-md-", ""), 10),
+      columnInMD: parseInt(c.replace("col-md-", ""), 10),
       columnInLG: parseInt(o.replace("col-xl-", ""), 10),
       columnInEL: parseInt(u.replace("col-el-", ""), 10)
     };
-    this.updateUnifiedLayoutAfterResponseLayoutChanged(i, c);
+    this.updateUnifiedLayoutAfterResponseLayoutChanged(i, d);
   }
   /**
    * 修改控件布局配置后更新Form统一布局配置
@@ -1299,9 +1306,9 @@ class he extends ge {
       const g = s.find((h) => h.id === t.id);
       Object.assign(g || {}, t);
     }
-    const r = s.map((g) => g.columnInSM), d = s.map((g) => g.columnInMD), o = s.map((g) => g.columnInLG), u = s.map((g) => g.columnInEL), c = this.checkIsUniqueColumn(r) ? r[0] : null, l = this.checkIsUniqueColumn(d) ? d[0] : null, f = this.checkIsUniqueColumn(o) ? o[0] : null, m = this.checkIsUniqueColumn(u) ? u[0] : null;
+    const r = s.map((g) => g.columnInSM), c = s.map((g) => g.columnInMD), o = s.map((g) => g.columnInLG), u = s.map((g) => g.columnInEL), d = this.checkIsUniqueColumn(r) ? r[0] : null, l = this.checkIsUniqueColumn(c) ? c[0] : null, f = this.checkIsUniqueColumn(o) ? o[0] : null, m = this.checkIsUniqueColumn(u) ? u[0] : null;
     Object.assign(i.unifiedLayout, {
-      uniqueColClassInSM: c,
+      uniqueColClassInSM: d,
       uniqueColClassInMD: l,
       uniqueColClassInLG: f,
       uniqueColClassInEL: m
@@ -1345,7 +1352,7 @@ class he extends ge {
   * @param propertyData 下拉框控件属性值
   */
   checkEnumDataReadonly(e) {
-    return !e.binding || e.binding.type !== "Form" ? !1 : !!(this.designViewModelField && this.designViewModelField.type && this.designViewModelField.type.$type === _.EnumType);
+    return !e.binding || e.binding.type !== "Form" ? !1 : !!(this.designViewModelField && this.designViewModelField.type && this.designViewModelField.type.$type === ee.EnumType);
   }
   /**
   * 将字段值变化前事件、变化后事件追加到交互面板
@@ -1374,8 +1381,8 @@ class he extends ge {
   */
   getEventPropertyConfig(e, t = "card", i, s) {
     const r = this;
-    let d = [];
-    if (i && (d = d.concat(i)), d.length === 0)
+    let c = [];
+    if (i && (c = c.concat(i)), c.length === 0)
       return {
         title: "事件",
         hideTitle: !0,
@@ -1384,8 +1391,8 @@ class he extends ge {
         tabName: "交互",
         hide: !0
       };
-    this.appendFieldValueChangeEvents(e, d);
-    const o = r.eventsEditorUtils.formProperties(e, r.viewModelId, d);
+    this.appendFieldValueChangeEvents(e, c);
+    const o = r.eventsEditorUtils.formProperties(e, r.viewModelId, c);
     return {
       title: "事件",
       hideTitle: !0,
@@ -1401,7 +1408,7 @@ class he extends ge {
     };
   }
   getExpressionConfig(e, t, i = ["compute", "dependency", "validate"], s) {
-    return new q(this.formSchemaUtils).getExpressionConfig(
+    return new H(this.formSchemaUtils).getExpressionConfig(
       e,
       t,
       i,
@@ -1421,8 +1428,8 @@ class he extends ge {
   setBooleanValue(e, t, i) {
     let s = i;
     this.getBindingDataType() === "string" && (s = (s || "").trim() || (t === "trueValue" ? "true" : "false"));
-    const d = t === "trueValue" ? "falseValue" : "trueValue";
-    e.editor[d] === s && (s = s + 1), this.updatePropertyValue(e, t, s);
+    const c = t === "trueValue" ? "falseValue" : "trueValue";
+    e.editor[c] === s && (s = s + 1), this.updatePropertyValue(e, t, s);
   }
   getBooleanValueConverter() {
     return {
@@ -1478,16 +1485,16 @@ function Ae(p, n) {
     getPropsConfig: t
   };
 }
-const ve = /* @__PURE__ */ U({
+const ve = /* @__PURE__ */ R({
   name: "FAvatarDesign",
   props: k,
   emits: ["change", "update:modelValue"],
   setup(p, n) {
-    const e = F(), t = B("designer-host-service"), i = B("design-item-context"), s = Ae(i, t), r = X(e, i, s);
-    z(() => {
+    const e = F(), t = B("designer-host-service"), i = B("design-item-context"), s = Ae(i, t), r = Y(e, i, s);
+    $(() => {
       e.value.componentInstance = r;
     }), n.expose(r.value);
-    const d = I(() => ({
+    const c = I(() => ({
       "f-avatar": !0,
       "f-avatar-readonly": p.readonly,
       "f-avatar-circle": p.shape === "circle",
@@ -1495,7 +1502,7 @@ const ve = /* @__PURE__ */ U({
     })), o = F(p.modelValue), u = I(() => ({
       width: p.avatarWidth + "px",
       height: p.avatarHeight + "px"
-    })), c = !1;
+    })), d = !1;
     function l() {
       return "";
     }
@@ -1505,13 +1512,13 @@ const ve = /* @__PURE__ */ U({
       acceptTypes: g,
       imageSource: h,
       onClickImage: A
-    } = L(p, n, m, o);
+    } = q(p, n, m, o);
     return () => C("div", {
       ref: e,
-      class: d.value,
+      class: c.value,
       style: u.value,
       onClick: A
-    }, [c, C("img", {
+    }, [d, C("img", {
       title: p.title,
       class: "f-avatar-image",
       src: h.value,
@@ -1532,15 +1539,15 @@ const ve = /* @__PURE__ */ U({
   }
 });
 S.register = (p, n, e, t) => {
-  p.avatar = S, n.avatar = R;
+  p.avatar = S, n.avatar = L;
 };
 S.registerDesigner = (p, n, e) => {
-  p.avatar = ve, n.avatar = R;
+  p.avatar = ve, n.avatar = L;
 };
-const xe = ee(S);
+const xe = te(S);
 export {
   S as FAvatar,
   k as avatarProps,
   xe as default,
-  R as propsResolver
+  L as propsResolver
 };