@farris/ui-vue 1.2.8 → 1.3.0

package/components/avatar/index.esm.js

@@ -1,94 +1,95 @@
-var S = Object.defineProperty;
-var D = (t, e, n) => e in t ? S(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var m = (t, e, n) => D(t, typeof e != "symbol" ? e + "" : e, n);
-import { ref as v, computed as b, defineComponent as F, createVNode as f, inject as P, onMounted as H } from "vue";
-import { cloneDeep as N } from "lodash-es";
-import { resolveAppearance as j, getSchemaByType as M } from "../dynamic-resolver/index.esm.js";
-import { useDesignerComponent as Q } from "../designer-canvas/index.esm.js";
-import { withInstall as q } from "../common/index.esm.js";
-const O = {}, U = {};
-function V(t) {
-  const { properties: e, title: n } = t, r = Object.keys(e).reduce((o, p) => (o[p] = e[p].type === "object" && e[p].properties ? V(e[p]) : N(e[p].default), o), {});
-  return r.id = `${n}-${Date.now()}`, r;
+var D = Object.defineProperty;
+var H = (r, n, e) => n in r ? D(r, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[n] = e;
+var y = (r, n, e) => H(r, typeof n != "symbol" ? n + "" : n, e);
+import { ref as v, computed as C, defineComponent as M, createVNode as f, inject as x, onMounted as U } from "vue";
+import { isPlainObject as E, cloneDeep as P } from "lodash-es";
+import { resolveAppearance as q, getSchemaByType as F } from "../dynamic-resolver/index.esm.js";
+import { useDesignerComponent as N } from "../designer-canvas/index.esm.js";
+import { useResponseLayoutEditorSetting as Q } from "../response-layout-editor/index.esm.js/src/composition/converter/use-response-layout-editor-setting";
+import { withInstall as j } from "../common/index.esm.js";
+const O = {}, W = {};
+function V(r) {
+  const { properties: n, title: e, ignore: t } = r, o = t && Array.isArray(t), a = Object.keys(n).reduce((l, u) => ((!o || !t.find((p) => p == u)) && (l[u] = n[u].type === "object" && n[u].properties ? V(n[u]) : P(n[u].default)), l), {});
+  return (!o || !t.find((l) => l == "id")) && (a.id = `${e}-${Date.now()}`), a;
 }
-function W(t, e) {
-  const n = V(e);
-  return Object.keys(t).reduce((r, o) => (r[o] && typeof r[o] == "object" ? Object.assign(r[o], t[o]) : r[o] = t[o], r), n), n;
+function G(r, n) {
+  const e = V(n);
+  return Object.keys(r).reduce((t, o) => (t[o] && E(t[o]) && E(r[o]) ? Object.assign(t[o], r[o]) : t[o] = r[o], t), e), e;
 }
-function G(t, e) {
-  return Object.keys(t).filter((r) => t[r] != null).reduce((r, o) => {
-    if (e.has(o)) {
-      const p = e.get(o);
-      if (typeof p == "string")
-        r[p] = t[o];
+function Z(r, n) {
+  return Object.keys(r).filter((t) => r[t] != null).reduce((t, o) => {
+    if (n.has(o)) {
+      const a = n.get(o);
+      if (typeof a == "string")
+        t[a] = r[o];
       else {
-        const g = p(o, t[o], t);
-        Object.assign(r, g);
+        const l = a(o, r[o], r);
+        Object.assign(t, l);
       }
     } else
-      r[o] = t[o];
-    return r;
+      t[o] = r[o];
+    return t;
   }, {});
 }
-function L(t, e, n = /* @__PURE__ */ new Map()) {
-  const r = W(t, e);
-  return G(r, n);
+function z(r, n, e = /* @__PURE__ */ new Map()) {
+  const t = G(r, n);
+  return Z(t, e);
 }
-function Z(t = {}) {
-  function e(i, l, c, u) {
-    if (typeof c == "number")
-      return u[i].length === c;
-    if (typeof c == "object") {
-      const s = Object.keys(c)[0], y = c[s];
-      if (s === "not")
-        return Number(u[i].length) !== Number(y);
-      if (s === "moreThan")
-        return Number(u[i].length) >= Number(y);
-      if (s === "lessThan")
-        return Number(u[i].length) <= Number(y);
+function K(r = {}) {
+  function n(i, d, s, g) {
+    if (typeof s == "number")
+      return g[i].length === s;
+    if (typeof s == "object") {
+      const A = Object.keys(s)[0], m = s[A];
+      if (A === "not")
+        return Number(g[i].length) !== Number(m);
+      if (A === "moreThan")
+        return Number(g[i].length) >= Number(m);
+      if (A === "lessThan")
+        return Number(g[i].length) <= Number(m);
     }
     return !1;
   }
-  function n(i, l, c, u) {
-    return u[i] && u[i].propertyValue && String(u[i].propertyValue.value) === String(c);
+  function e(i, d, s, g) {
+    return g[i] && g[i].propertyValue && String(g[i].propertyValue.value) === String(s);
   }
-  const r = /* @__PURE__ */ new Map([
-    ["length", e],
-    ["getProperty", n]
+  const t = /* @__PURE__ */ new Map([
+    ["length", n],
+    ["getProperty", e]
   ]);
-  Object.keys(t).reduce((i, l) => (i.set(l, t[l]), i), r);
-  function o(i, l) {
-    const c = i;
-    return typeof l == "number" ? [{ target: c, operator: "length", param: null, value: Number(l) }] : typeof l == "boolean" ? [{ target: c, operator: "getProperty", param: i, value: !!l }] : typeof l == "object" ? Object.keys(l).map((u) => {
-      if (u === "length")
-        return { target: c, operator: "length", param: null, value: l[u] };
-      const s = u, y = l[u];
-      return { target: c, operator: "getProperty", param: s, value: y };
+  Object.keys(r).reduce((i, d) => (i.set(d, r[d]), i), t);
+  function o(i, d) {
+    const s = i;
+    return typeof d == "number" ? [{ target: s, operator: "length", param: null, value: Number(d) }] : typeof d == "boolean" ? [{ target: s, operator: "getProperty", param: i, value: !!d }] : typeof d == "object" ? Object.keys(d).map((g) => {
+      if (g === "length")
+        return { target: s, operator: "length", param: null, value: d[g] };
+      const A = g, m = d[g];
+      return { target: s, operator: "getProperty", param: A, value: m };
     }) : [];
   }
-  function p(i) {
-    return Object.keys(i).reduce((c, u) => {
-      const s = o(u, i[u]);
-      return c.push(...s), c;
+  function a(i) {
+    return Object.keys(i).reduce((s, g) => {
+      const A = o(g, i[g]);
+      return s.push(...A), s;
     }, []);
   }
-  function g(i, l) {
-    if (r.has(i.operator)) {
-      const c = r.get(i.operator);
-      return c && c(i.target, i.param, i.value, l) || !1;
+  function l(i, d) {
+    if (t.has(i.operator)) {
+      const s = t.get(i.operator);
+      return s && s(i.target, i.param, i.value, d) || !1;
     }
     return !1;
   }
-  function d(i, l) {
-    return p(i).reduce((s, y) => s && g(y, l), !0);
+  function u(i, d) {
+    return a(i).reduce((A, m) => A && l(m, d), !0);
   }
-  function A(i, l) {
-    const c = Object.keys(i), u = c.includes("allOf"), s = c.includes("anyOf"), y = u || s, x = (y ? i[y ? u ? "allOf" : "anyOf" : "allOf"] : [i]).map((R) => d(R, l));
-    return u ? !x.includes(!1) : x.includes(!0);
+  function p(i, d) {
+    const s = Object.keys(i), g = s.includes("allOf"), A = s.includes("anyOf"), m = g || A, w = (m ? i[m ? g ? "allOf" : "anyOf" : "allOf"] : [i]).map((L) => u(L, d));
+    return g ? !w.includes(!1) : w.includes(!0);
   }
-  return { parseValueSchema: A };
+  return { parseValueSchema: p };
 }
-const a = {
+const c = {
   button: { type: "button", name: "按钮", icon: "Button" },
   "response-toolbar": { type: "response-toolbar", name: "工具栏", icon: "ButtonGroup" },
   "response-toolbar-item": { type: "response-toolbar-item", name: "按钮", icon: "Button" },
@@ -125,21 +126,22 @@ const a = {
   uploader: { type: "uploader", name: "附件上传", icon: "FileUpload" },
   "page-header": { type: "page-header", name: "页头", icon: "Header" },
   "page-footer": { type: "page-footer", name: "页脚", icon: "ModalFooter" },
-  "tab-toolbar": { type: "tab-toolbar", name: "标签页工具栏", icon: "TabToolbar" }
-}, z = {}, K = {};
-Z();
-function J(t, e, n = /* @__PURE__ */ new Map(), r = (g, d, A) => d, o = {}, p = (g) => g) {
-  return O[e.title] = e, U[e.title] = r, z[e.title] = o, K[e.title] = p, (g = {}) => {
-    const d = L(g, e, n), A = Object.keys(t).reduce((i, l) => (i[l] = t[l].default, i), {});
-    return Object.assign(A, d);
+  "tab-toolbar": { type: "tab-toolbar", name: "标签页工具栏", icon: "TabToolbar" },
+  fieldset: { type: "fieldset", name: "分组", icon: "fieldset" }
+}, J = {}, Y = {};
+K();
+function X(r, n, e = /* @__PURE__ */ new Map(), t = (l, u, p) => u, o = {}, a = (l) => l) {
+  return O[n.title] = n, W[n.title] = t, J[n.title] = o, Y[n.title] = a, (l = {}) => {
+    const u = z(l, n, e), p = Object.keys(r).reduce((i, d) => (i[d] = r[d].default, i), {});
+    return Object.assign(p, u);
   };
 }
-function Y(t, e, n) {
-  return e;
+function $(r, n, e) {
+  return n;
 }
-const X = /* @__PURE__ */ new Map([
-  ["appearance", j]
-]), $ = "https://json-schema.org/draft/2020-12/schema", _ = "https://farris-design.gitee.io/avatar.schema.json", ee = "avatar", te = "A Farris Component", ne = "object", re = {
+const _ = /* @__PURE__ */ new Map([
+  ["appearance", q]
+]), ee = "https://json-schema.org/draft/2020-12/schema", te = "https://farris-design.gitee.io/avatar.schema.json", ne = "avatar", oe = "A Farris Component", re = "object", ie = {
   id: {
     description: "The unique identifier for avatar",
     type: "string"
@@ -201,18 +203,23 @@ const X = /* @__PURE__ */ new Map([
     type: "boolean",
     default: !0
   }
-}, oe = [
+}, ae = [
   "id",
   "type"
-], ie = {
-  $schema: $,
-  $id: _,
-  title: ee,
-  description: te,
-  type: ne,
-  properties: re,
-  required: oe
-}, w = {
+], se = [
+  "id",
+  "appearance",
+  "binding"
+], le = {
+  $schema: ee,
+  $id: te,
+  title: ne,
+  description: oe,
+  type: re,
+  properties: ie,
+  required: ae,
+  ignore: se
+}, I = {
   /**
    * 头像宽度
    */
@@ -249,67 +256,67 @@ const X = /* @__PURE__ */ new Map([
    * 支持的头像类型
    */
   imageType: { type: Array, default: ["jpeg"] }
-}, E = J(w, ie, X, Y);
-function I(t, e, n, r) {
-  const o = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAZABkAAD/2wBDAAwICQoJBwwKCQoNDAwOER0TERAQESMZGxUdKiUsKyklKCguNEI4LjE/MigoOk46P0RHSktKLTdRV1FIVkJJSkf/2wBDAQwNDREPESITEyJHMCgwR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0f/wAARCAEsASwDASIAAhEBAxEB/8QAGgABAQEBAQEBAAAAAAAAAAAAAAECAwQFB//EADMQAQEAAQEECAQGAgMBAAAAAAABAhEDITFBBBRRUmFxgaESkcHwEyIysdHhM3IjQvE0/8QAFQEBAQAAAAAAAAAAAAAAAAAAAAH/xAAXEQEBAQEAAAAAAAAAAAAAAAAAEQEh/9oADAMBAAIRAxEAPwD9BBYqCiyAGhougIqyGgEhIui6AyuixdATQ0WQA0BdA4houhoCaGgugMrouhoCaJoum80BNDRdDQGTRbEBNCxdDQGTRUBE0asQGRTQGTT71WxNPP5AugqyACyAC6dpIsgGgshoBISKAiroQDQ0OSyAgoBoaABoaABomigJTRQGV0XRATRGizUGRSwGdEsaqAljLQDOiNWJQZNJ4KffEFIRYAsFkAkFkAJFFkAkNCLIAAAC6AguhoCCl3TW2TzugIHx4S788Z6wmWN4ZY3ysoA1pu+qAgpYCAAaIoDIoCaJZvVAQ03LUBlGqWAzYmimn3vAaRYA1IkWASKKACgirIgAsgBoBdJNbZNN9t3aeIHNw2vSccbZhPxLN27dJ68/Rx222u1/LjbNn8vi/ieHPm58N03SKN5bfa58c7jOzHd78XOyXfd98bqoCaScp8jSdk+SgLjlljdccssfK12w6TlN2cmXjN1/iuAD34Z47Sa43XTjLus82nz5bjl8WNss4WPXsNtNpNLuzk3zlZ2wHUsBBF5CAFgAhouiUGRUBErSAyffFamgKqKCqkUBYcgBpADiuhoAKeYA8fStp8WX4WPCfq8b2eT1bXObPZZZ8bJrJ23lHz5rpvutu+3tvOqAAAAAAAACy3HKZY3Sy6yoA+hs85tMJlN2vGdlaeTomem0+C/9pu849SAKlARQERrkgJUWoCUVKDIqb/ugqxFBVRQFFBFABRAUAHn6bl+XDGc7bfT/ANeV26XddvJ2Yz3tcVAAAAAAAAAAFxy+HKZTjLq+l+z5j6Gzuuywt54z9jRoEQAARSoCCoCIqAIJQaCLzBZxCAKC8wIAChOIAADxdL/+i/6z6uTt0yabfXtxnta4qAAAAAAAAAAD37H/AAbP/WPBwfQ2c02WE7MYaNAIIoAhzCggHMEqaNIDNPviHoAsRqcAFSKC8iIoHNUAUAAAHl6ZPzbPLtln1ed7el467DXu2X0+68SgAAAAAAAAABpru7bo+npy7Po8HR8fi2+M46XW+Ue4ABAAAQAQUvAEvBL6BQS8U3feqpv7fcFnBUUBUUBScQFRUBQAAATKTLG43nLL6vnaWWy8ZdL5x9J4ulY/DtrZwymvrzUcgAAAAAAAANdwPT0LH9Wd8MZ+9elnY4fh7HHG8prfOtIAABQAQAKi1AE5KlBD09hPl7gKjUAVFBeYTiAqKgKAAAA5dKw+PY2ya5Y/mn19nVQfMG9th+HtbjOF3zyrCgAAAAAA6dHw+PbSWfln5r6Ob29Gw+DZS2fmy33y5T6g7cbreaAgAAAAgqAcgqfIBOapQSnr7lPS/IEaScAFVFgKIoKioCgAABgADj0nZ/HstZvyx3zxnN4+T6b52ePw7TLGcJbIoyAAAAADex2f4m1mN1+Gb75Tl9H0PbweboeOmGWXO3T0n/r0AAIAAAACKgHJFpyBEpyARFT74gKnNQVeaRQF5IoKTiigCKAAACZWY4/FlZMZxt3SAvnuna+dnlM8885wyts8nXb9I/Elw2e7G7rleN8J4ePNxUAAAAAAeroeUuFx7LrPKvQ+djlcMpljdLHs2W3x2k0/Tl2W8fLtB1C8ewQAAEUBDmt4oBeJeCAIUARFvBN3gByVAFUIChzWcAOSpGdpnjs5rnlMdeHbfKcwb58x5c+l23TZ7P1y3e0+rldvtcuO0snZjJFHvtmM1ysnjbpHHLpOyx3TK5eGM1eKyW63W3tt1UHfPpeV3YYTGduW+/JwyuWd1zyuVnDXhPKcgAAAAAAAAAAB0w2+0w3TKZTsy3+7tj0vG/rxyxvbN8eUB9DDa7PP9OeNvZrpfdu8OD5mkvGNY55Y/pzyx8ruIPePJj0nazj8OU8ZpfZ1w6Ts8rJlrhfHfPmg7FKgAF4AgVARPW/NanoAsZaBVlZUFVF4g57fbfhY7pLld0l/e+EeO23K5ZW5ZXjb97o1tcvj22WXHS/DPKMqAAAAAAAAAAAAAAAAAAAAAAOux212d0ttwvGdnjHr3ceMfPevo2XxbLTu3T0B1TmHJAZVOYF4p98xPviBFScQGlRZxBdS3TG3slvsibS/8WX+t/YHhx/TPGaqk4TyVQAAAAAAAAAAAAAAAAAAAAAAd+iX82c7ZL9/Nwdui/5b/rfoD00vARAQqAhfvcVNfL3A1WMqDSxmVQVNr/iz4/pv7LDOXLDLGcbNPDeDxTh6DtOjZaafFju816tlf+2Puo4Dv1bPvY+51bLvY+5RwHfq2Xex9zquXex9yjgO/Vcu9j7nVc+9j7lHAd+q597H3Oq597H3BwHfqufex9zqufex9yjgO/Vc+9j7nVc+9j7lHAd+q597H3Oq597H3KOA79Vz72PudVz72PuUcB36rl3sfc6rn3sfco4DvejZd7H3OrZd7H3KOA79Wy72PudWz72PuDg7dG/y3/W/Q6tl3sfdvY7K7PO25S6yzSdoOqWlEBmhaBamt+6J6AnmqaqDQy0CxYyoNCKC6m/VAGhPJdQBOSgKi6+QGu41QBRAF1LUABbUABNdAVOYUC0tE13gIWloCcTXeloFQLQTmffMtT74gixOa6gqysrzBVSVQVdWdQGpRNV1BV10SUlBYIvIF1E1Ne0F5iAKIAohaCmqWgBaapqC2ohqC6pqWoC2paa70tAqCACACa+F+RanyAWJ/a8vkAuqT6fVf7AVOz0X+AXVYh2egNSifx9T+wVWefyX+PqCyrqn807PQFEn0+p/YKH9H37gAc/kC6onL0P5BRP6OV8vqC2of2l/gAOSAuqan9J/AKmon9AUtL9PqnP1oCWl5ehfv5gh635nP1qWg//Z", p = v(t.readonly);
-  function g(s) {
-    return s.match(/\.(jpeg|jpg|gif|png|svg|bmp|webp)$/) != null;
+}, S = X(I, le, _, $);
+function R(r, n, e, t) {
+  const o = "data:image/jpeg;base64,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", a = v(r.readonly);
+  function l(A) {
+    return A.match(/\.(jpeg|jpg|gif|png|svg|bmp|webp)$/) != null;
   }
-  function d(s) {
-    return s.indexOf("data:image/") > -1;
+  function u(A) {
+    return A.indexOf("data:image/") > -1;
   }
-  function A(s) {
-    return s ? "data:image/jpeg;base64," + s : "";
+  function p(A) {
+    return A ? "data:image/jpeg;base64," + A : "";
   }
-  const i = b(() => {
-    var y;
-    if (!t.imageType || !t.imageType.length)
+  const i = C(() => {
+    var m;
+    if (!r.imageType || !r.imageType.length)
       return "";
-    const s = (y = t.imageType) == null ? void 0 : y.map((h) => (h === "jpg" && (h = "jpeg"), `image/${h}`));
-    return !s || !s.length ? "image/*" : s.join(",");
-  }), l = b(() => {
-    const s = r.value || t.cover || o;
-    return g(s) || d(s) ? s : A(s);
-  }), c = b(() => p.value ? "" : t.title);
-  function u() {
-    p.value || n && n.value && n.value.click();
+    const A = (m = r.imageType) == null ? void 0 : m.map((h) => (h === "jpg" && (h = "jpeg"), `image/${h}`));
+    return !A || !A.length ? "image/*" : A.join(",");
+  }), d = C(() => {
+    const A = t.value || r.cover || o;
+    return l(A) || u(A) ? A : p(A);
+  }), s = C(() => a.value ? "" : r.title);
+  function g() {
+    a.value || e && e.value && e.value.click();
   }
-  return { acceptTypes: i, imageSource: l, imageTitle: c, onClickImage: u };
+  return { acceptTypes: i, imageSource: d, imageTitle: s, onClickImage: g };
 }
-const B = /* @__PURE__ */ F({
+const B = /* @__PURE__ */ M({
   name: "FAvatar",
-  props: w,
+  props: I,
   emits: ["change", "update:modelValue"],
-  setup(t, e) {
-    const n = b(() => ({
+  setup(r, n) {
+    const e = C(() => ({
       "f-avatar": !0,
-      "f-avatar-readonly": t.readonly,
-      "f-avatar-circle": t.shape === "circle",
-      "f-avatar-square": t.shape === "square"
-    })), r = v(t.modelValue), o = b(() => ({
-      width: t.avatarWidth + "px",
-      height: t.avatarHeight + "px"
-    })), p = !1;
-    function g() {
+      "f-avatar-readonly": r.readonly,
+      "f-avatar-circle": r.shape === "circle",
+      "f-avatar-square": r.shape === "square"
+    })), t = v(r.modelValue), o = C(() => ({
+      width: r.avatarWidth + "px",
+      height: r.avatarHeight + "px"
+    })), a = !1;
+    function l() {
       return "";
     }
-    function d() {
+    function u() {
     }
-    const A = v(null), {
+    const p = v(null), {
       acceptTypes: i,
-      imageSource: l,
-      onClickImage: c
-    } = I(t, e, A, r);
+      imageSource: d,
+      onClickImage: s
+    } = R(r, n, p, t);
     return () => f("div", {
-      class: n.value,
+      class: e.value,
       style: o.value,
-      onClick: c
-    }, [p, f("img", {
-      title: t.title,
+      onClick: s
+    }, [a, f("img", {
+      title: r.title,
       class: "f-avatar-image",
-      src: l.value,
-      onError: g
-    }, null), !t.readonly && f("div", {
+      src: d.value,
+      onError: l
+    }, null), !r.readonly && f("div", {
       class: "f-avatar-icon"
     }, [f("span", {
       class: "f-icon f-icon-camera"
@@ -319,82 +326,82 @@ const B = /* @__PURE__ */ F({
       type: "file",
       class: "f-avatar-upload",
       accept: i.value,
-      onChange: d,
+      onChange: u,
       style: "display: none;"
     }, null)]);
   }
 });
-function ae(t, e) {
-  t.schema;
-  const n = v(!0), r = v(!0);
-  function o(c) {
+function ce(r, n) {
+  r.schema;
+  const e = v(!0), t = v(!0);
+  function o(s) {
     return !1;
   }
-  function p() {
+  function a() {
     return !1;
   }
-  function g() {
+  function l() {
     return !1;
   }
-  function d() {
+  function u() {
     return !0;
   }
-  function A(c) {
+  function p(s) {
   }
   function i() {
   }
-  function l(c) {
+  function d(s) {
     return null;
   }
   return {
     canAccepts: o,
-    checkCanDeleteComponent: p,
-    checkCanMoveComponent: g,
-    hideNestedPaddingInDesginerView: d,
-    onAcceptMovedChildElement: A,
+    checkCanDeleteComponent: a,
+    checkCanMoveComponent: l,
+    hideNestedPaddingInDesginerView: u,
+    onAcceptMovedChildElement: p,
     resolveComponentContext: i,
-    triggerBelongedComponentToMoveWhenMoved: n,
-    triggerBelongedComponentToDeleteWhenDeleted: r,
-    getPropsConfig: l
+    triggerBelongedComponentToMoveWhenMoved: e,
+    triggerBelongedComponentToDeleteWhenDeleted: t,
+    getPropsConfig: d
   };
 }
-class se {
-  constructor(e, n) {
-    m(this, "componentId");
-    m(this, "viewModelId");
-    m(this, "eventsEditorUtils");
-    m(this, "formSchemaUtils");
-    m(this, "formMetadataConverter");
-    m(this, "designViewModelUtils");
-    m(this, "designViewModelField");
-    m(this, "controlCreatorUtils");
-    m(this, "designerHostService");
-    m(this, "schemaService", null);
-    m(this, "metadataService", null);
-    m(this, "propertyConfig", {
+class pe {
+  constructor(n, e) {
+    y(this, "componentId");
+    y(this, "viewModelId");
+    y(this, "eventsEditorUtils");
+    y(this, "formSchemaUtils");
+    y(this, "formMetadataConverter");
+    y(this, "designViewModelUtils");
+    y(this, "designViewModelField");
+    y(this, "controlCreatorUtils");
+    y(this, "designerHostService");
+    y(this, "schemaService", null);
+    y(this, "metadataService", null);
+    y(this, "propertyConfig", {
       type: "object",
       categories: {}
     });
-    var r;
-    this.componentId = e, this.designerHostService = n, this.eventsEditorUtils = n.eventsEditorUtils, this.formSchemaUtils = n.formSchemaUtils, this.formMetadataConverter = n.formMetadataConverter, this.viewModelId = ((r = this.formSchemaUtils) == null ? void 0 : r.getViewModelIdByComponentId(e)) || "", this.designViewModelUtils = n.designViewModelUtils, this.controlCreatorUtils = n.controlCreatorUtils, this.metadataService = n.metadataService, this.schemaService = n.schemaService;
+    var t;
+    this.componentId = n, this.designerHostService = e, this.eventsEditorUtils = e.eventsEditorUtils, this.formSchemaUtils = e.formSchemaUtils, this.formMetadataConverter = e.formMetadataConverter, this.viewModelId = ((t = this.formSchemaUtils) == null ? void 0 : t.getViewModelIdByComponentId(n)) || "", this.designViewModelUtils = e.designViewModelUtils, this.controlCreatorUtils = e.controlCreatorUtils, this.metadataService = e.metadataService, this.schemaService = e.schemaService;
   }
   getTableInfo() {
-    var e;
-    return (e = this.schemaService) == null ? void 0 : e.getTableInfoByViewModelId(this.viewModelId);
+    var n;
+    return (n = this.schemaService) == null ? void 0 : n.getTableInfoByViewModelId(this.viewModelId);
   }
-  setDesignViewModelField(e) {
-    const n = e.binding && e.binding.type === "Form" && e.binding.field;
-    if (n) {
+  setDesignViewModelField(n) {
+    const e = n.binding && n.binding.type === "Form" && n.binding.field;
+    if (e) {
       if (!this.designViewModelField) {
-        const r = this.designViewModelUtils.getDgViewModel(this.viewModelId);
-        this.designViewModelField = r.fields.find((o) => o.id === n);
+        const t = this.designViewModelUtils.getDgViewModel(this.viewModelId);
+        this.designViewModelField = t.fields.find((o) => o.id === e);
       }
-      e.updateOn = this.designViewModelField.updateOn;
+      n.updateOn = this.designViewModelField.updateOn;
     }
   }
-  changeFieldEditorType(e, n) {
+  changeFieldEditorType(n, e) {
   }
-  getBasicPropConfig(e) {
+  getBasicPropConfig(n) {
     return {
       description: "Basic Information",
       title: "基本信息",
@@ -413,13 +420,13 @@ class se {
             type: "combo-list",
             textField: "name",
             valueField: "value",
-            data: [{ value: e.type, name: a[e.type].name }]
+            data: [{ value: n.type, name: c[n.type].name }]
           }
         }
       }
     };
   }
-  getAppearanceConfig(e = null) {
+  getAppearanceConfig(n = null) {
     return {
       title: "样式",
       description: "Appearance",
@@ -439,90 +446,105 @@ class se {
       }
     };
   }
+  /**
+  * 
+  * @param propertyId 
+  * @param componentInstance 
+  * @returns 
+  */
+  updateElementByParentContainer(n, e) {
+    const t = e && e.parent && e.parent.schema;
+    if (!t)
+      return;
+    const o = t.contents.findIndex((l) => l.id === n), a = P(t.contents[o]);
+    t.contents.splice(o, 1), t.contents.splice(o, 0, a);
+  }
 }
-const C = class C {
+const b = class b {
   /**
    * 根据绑定字段类型获取可用的输入类控件
    */
-  static getEditorTypesByMDataType(e) {
-    const n = C.fieldControlTypeMapping[e];
-    return n || [{ key: "", value: "" }];
+  static getEditorTypesByMDataType(n) {
+    const e = b.fieldControlTypeMapping[n];
+    return e || [{ key: "", value: "" }];
   }
   /**
    * 获取所有输入类控件
    */
   static getAllInputTypes() {
-    const e = [];
-    for (let n in C.fieldControlTypeMapping)
-      C.fieldControlTypeMapping[n].forEach((r) => {
-        e.find((o) => o.key === r.key && o.value === r.value) || e.push({ key: r.key, value: r.value });
+    const n = [];
+    for (let e in b.fieldControlTypeMapping)
+      b.fieldControlTypeMapping[e].forEach((t) => {
+        n.find((o) => o.key === t.key && o.value === t.value) || n.push({ key: t.key, value: t.value });
       });
-    return e;
+    return n;
   }
 };
 /**
  * <字段类型,可配置的控件类型列表>的映射
  */
-m(C, "fieldControlTypeMapping", {
+y(b, "fieldControlTypeMapping", {
   String: [
-    { key: a["input-group"].type, value: a["input-group"].name },
-    { key: a.lookup.type, value: a.lookup.name },
-    { key: a["date-picker"].type, value: a["date-picker"].name },
-    { key: a["check-box"].type, value: a["check-box"].name },
-    { key: a["radio-group"].type, value: a["radio-group"].name },
-    { key: a["combo-list"].type, value: a["combo-list"].name },
-    { key: a.textarea.type, value: a.textarea.name }
+    { key: c["input-group"].type, value: c["input-group"].name },
+    { key: c.lookup.type, value: c.lookup.name },
+    { key: c["date-picker"].type, value: c["date-picker"].name },
+    { key: c["check-box"].type, value: c["check-box"].name },
+    { key: c["radio-group"].type, value: c["radio-group"].name },
+    { key: c["combo-list"].type, value: c["combo-list"].name },
+    { key: c.textarea.type, value: c.textarea.name }
   ],
   Text: [
-    { key: a.textarea.type, value: a.textarea.name },
-    { key: a.lookup.type, value: a.lookup.name }
+    { key: c.textarea.type, value: c.textarea.name },
+    { key: c.lookup.type, value: c.lookup.name }
   ],
   Decimal: [
-    { key: a["number-spinner"].type, value: a["number-spinner"].name }
+    { key: c["number-spinner"].type, value: c["number-spinner"].name }
   ],
   Integer: [
-    { key: a["number-spinner"].type, value: a["number-spinner"].name }
+    { key: c["number-spinner"].type, value: c["number-spinner"].name }
   ],
   Number: [
-    { key: a["number-spinner"].type, value: a["number-spinner"].name }
+    { key: c["number-spinner"].type, value: c["number-spinner"].name }
   ],
   BigNumber: [
-    { key: a["number-spinner"].type, value: a["number-spinner"].name }
+    { key: c["number-spinner"].type, value: c["number-spinner"].name }
   ],
   Date: [
-    { key: a["date-picker"].type, value: a["date-picker"].name }
+    { key: c["date-picker"].type, value: c["date-picker"].name }
   ],
   DateTime: [
-    { key: a["date-picker"].type, value: a["date-picker"].name }
+    { key: c["date-picker"].type, value: c["date-picker"].name }
   ],
   Boolean: [
-    { key: a.switch.type, value: a.switch.name },
-    { key: a["check-box"].type, value: a["check-box"].name }
+    { key: c.switch.type, value: c.switch.name },
+    { key: c["check-box"].type, value: c["check-box"].name }
   ],
   Enum: [
-    { key: a["combo-list"].type, value: a["combo-list"].name },
-    { key: a["radio-group"].type, value: a["radio-group"].name }
+    { key: c["combo-list"].type, value: c["combo-list"].name },
+    { key: c["radio-group"].type, value: c["radio-group"].name }
   ],
   Object: [
-    { key: a.lookup.type, value: a.lookup.name },
-    { key: a["combo-list"].type, value: a["combo-list"].name },
-    { key: a["radio-group"].type, value: a["radio-group"].name }
+    { key: c.lookup.type, value: c.lookup.name },
+    { key: c["combo-list"].type, value: c["combo-list"].name },
+    { key: c["radio-group"].type, value: c["radio-group"].name }
   ]
 });
-let T = C;
-const le = v(0);
-class ce extends se {
-  constructor(e, n) {
-    super(e, n);
-  }
-  getPropertyConfig(e, n) {
-    return this.propertyConfig.categories.basic = this.getBasicProperties(e, n), this.propertyConfig.categories.appearance = this.getAppearanceProperties(e), this.propertyConfig.categories.editor = this.getEditorProperties(e), this.propertyConfig;
-  }
-  getBasicProperties(e, n) {
-    var g;
-    var r = this;
+let k = b;
+const de = v(0);
+class ue extends pe {
+  constructor(e, t) {
+    super(e, t);
+    y(this, "responseLayoutEditorFunction");
+    this.responseLayoutEditorFunction = Q(this.formSchemaUtils);
+  }
+  getPropertyConfig(e, t) {
+    return this.propertyConfig.categories.basic = this.getBasicProperties(e, t), this.propertyConfig.categories.appearance = this.getAppearanceProperties(e, t), this.propertyConfig.categories.editor = this.getEditorProperties(e), this.propertyConfig;
+  }
+  getBasicProperties(e, t) {
+    var u;
+    var o = this;
     this.setDesignViewModelField(e);
-    const o = this.formSchemaUtils.getFormMetadataBasicInfo(), p = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
+    const a = this.formSchemaUtils.getFormMetadataBasicInfo(), l = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
     return {
       description: "Basic Information",
       title: "基本信息",
@@ -534,8 +556,8 @@ class ce extends se {
           readonly: !0
         },
         type: {
-          description: "组件类型",
-          title: "控件类型",
+          description: "编辑器类型",
+          title: "编辑器类型",
           type: "string",
           refreshPanelAfterChanged: !0,
           $converter: "/converter/change-editor.converter",
@@ -544,7 +566,7 @@ class ce extends se {
             textField: "value",
             valueField: "key",
             editable: !1,
-            data: r.designViewModelField ? T.getEditorTypesByMDataType((g = r.designViewModelField.type) == null ? void 0 : g.name) : T.getAllInputTypes()
+            data: o.designViewModelField ? k.getEditorTypesByMDataType((u = o.designViewModelField.type) == null ? void 0 : u.name) : k.getAllInputTypes()
           }
         },
         label: {
@@ -561,7 +583,7 @@ class ce extends se {
             bindingType: { enable: !1 },
             editorParams: {
               propertyData: e,
-              formBasicInfo: o
+              formBasicInfo: a
             },
             columns: [
               { field: "name", title: "字段名称" },
@@ -569,22 +591,27 @@ class ce extends se {
               { field: "fieldType", title: "字段类型" }
             ],
             textField: "bindingField",
-            data: p
+            data: l
           }
         }
       },
-      setPropertyRelates(d, A) {
-        if (d)
-          switch (d && d.propertyID) {
+      setPropertyRelates(p, i) {
+        if (p)
+          switch (p && p.propertyID) {
             case "type": {
-              r.changeControlType(e, d, n);
+              o.changeControlType(e, p, t);
+              break;
+            }
+            case "label": {
+              p.needRefreshControlTree = !0;
               break;
             }
           }
       }
     };
   }
-  getAppearanceProperties(e) {
+  getAppearanceProperties(e, t) {
+    var o = this;
     return {
       title: "样式",
       description: "Appearance",
@@ -605,12 +632,25 @@ class ce extends se {
           description: "响应式列宽",
           title: "响应式列宽",
           type: "boolean",
-          visible: !1,
+          visible: !0,
+          // 这个属性，标记当属性变更得时候触发重新更新属性
+          refreshPanelAfterChanged: !0,
           editor: {
-            type: "response-layout-editor-setting"
-          },
-          $converter: "/converter/response-form-layout.converter"
+            type: "response-layout-editor-setting",
+            initialState: o.responseLayoutEditorFunction.checkCanOpenLayoutEditor(e, o.componentId)
+          }
         }
+      },
+      setPropertyRelates(a, l) {
+        if (a)
+          switch (a && a.propertyID) {
+            case "responseLayout":
+              o.responseLayoutEditorFunction.changeFormControlsByResponseLayoutConfig(a.propertyValue, o.componentId || e.id), o.updateUnifiedLayoutAfterResponseLayoutChanged(o.componentId), o.updateElementByParentContainer(e.id, t), delete e.responseLayout;
+              break;
+            case "class":
+              o.updateUnifiedLayoutAfterControlChanged(a.propertyValue, e.id, this.componentId), o.updateElementByParentContainer(e.id, t);
+              break;
+          }
       }
     };
   }
@@ -622,44 +662,44 @@ class ce extends se {
    * @param propertyData 控件DOM属性
    * @param newControlType 新控件类型
    */
-  changeControlType(e, n, r) {
-    var i, l, c, u;
-    const o = n.propertyValue, p = r && r.parent && r.parent.schema;
-    if (!p)
+  changeControlType(e, t, o) {
+    var d, s, g, A;
+    const a = t.propertyValue, l = o && o.parent && o.parent.schema;
+    if (!l)
       return;
-    const g = p.contents.findIndex((s) => s.id === e.id), d = p.contents[g];
-    let A;
+    const u = l.contents.findIndex((m) => m.id === e.id), p = l.contents[u];
+    let i;
     this.designViewModelField && (this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id, {
       editor: {
-        $type: o
+        $type: a
       },
       name: this.designViewModelField.name,
       require: this.designViewModelField.require,
       readonly: this.designViewModelField.readonly
-    }, !1), A = this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField, o)), A || (A = M("form-group") || {}, A.editor = M(o) || {}, delete A.editor.id, delete A.editor.binding, delete A.editor.appearance), Object.assign(A, {
-      id: d.id,
-      appearance: d.appearance,
-      size: d.size,
-      label: d.label,
-      binding: d.binding,
-      visible: d.visible
-    }), Object.assign(A.editor, {
-      isTextArea: A.isTextArea && d.isTextArea,
-      placeholder: (i = d.editor) == null ? void 0 : i.placeholder,
-      holdPlace: (l = d.editor) == null ? void 0 : l.holdPlace,
-      readonly: (c = d.editor) == null ? void 0 : c.readonly,
-      require: (u = d.editor) == null ? void 0 : u.require
-    }), p.contents.splice(g, 1), p.contents.splice(g, 0, A), r.schema = Object.assign(d, A), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(
-      (s) => s.classList.remove("dgComponentSelected")
-    ), le.value++;
-  }
-  getComponentConfig(e, n = {}, r = {}) {
-    const o = Object.assign({
-      description: "组件信息",
-      title: "组件信息",
+    }, !1), i = this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField, a)), i || (i = F("form-group") || {}, i.editor = F(a) || {}, delete i.editor.id, delete i.editor.binding, delete i.editor.appearance), Object.assign(i, {
+      id: p.id,
+      appearance: p.appearance,
+      size: p.size,
+      label: p.label,
+      binding: p.binding,
+      visible: p.visible
+    }), Object.assign(i.editor, {
+      isTextArea: i.isTextArea && p.isTextArea,
+      placeholder: (d = p.editor) == null ? void 0 : d.placeholder,
+      holdPlace: (s = p.editor) == null ? void 0 : s.holdPlace,
+      readonly: (g = p.editor) == null ? void 0 : g.readonly,
+      require: (A = p.editor) == null ? void 0 : A.require
+    }), l.contents.splice(u, 1), l.contents.splice(u, 0, i), o.schema = Object.assign(p, i), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(
+      (m) => m.classList.remove("dgComponentSelected")
+    ), de.value++;
+  }
+  getComponentConfig(e, t = {}, o = {}) {
+    const a = Object.assign({
+      description: "编辑器",
+      title: "编辑器",
       type: "input-group",
       $converter: "/converter/property-editor.converter"
-    }, n), p = Object.assign({
+    }, t), l = Object.assign({
       readonly: {
         description: "",
         title: "只读",
@@ -680,18 +720,66 @@ class ce extends se {
         title: "提示文本",
         type: "string"
       }
-    }, r);
-    return { ...o, properties: { ...p } };
+    }, o);
+    return { ...a, properties: { ...l } };
+  }
+  /**
+  * 修改某一输入控件的样式后更新Form的统一布局配置
+  * @param controlClass 控件样式
+  * @param controlId 控件Id
+  * @param componentId 控件所在组件id
+  */
+  updateUnifiedLayoutAfterControlChanged(e, t, o) {
+    const a = e.split(" ");
+    let l = a.find((s) => /^col-([1-9]|10|11|12)$/.test(s)), u = a.find((s) => /^col-md-([1-9]|10|11|12)$/.test(s)), p = a.find((s) => /^col-xl-([1-9]|10|11|12)$/.test(s)), i = a.find((s) => /^col-el-([1-9]|10|11|12)$/.test(s));
+    l = l || "col-12", u = u || "col-md-" + l.replace("col-", ""), p = p || "col-xl-" + u.replace("col-md-", ""), i = i || "col-el-" + p.replace("col-xl-", "");
+    const d = {
+      id: t,
+      columnInSM: parseInt(l.replace("col-", ""), 10),
+      columnInMD: parseInt(u.replace("col-md-", ""), 10),
+      columnInLG: parseInt(p.replace("col-xl-", ""), 10),
+      columnInEL: parseInt(i.replace("col-el-", ""), 10)
+    };
+    this.updateUnifiedLayoutAfterResponseLayoutChanged(o, d);
+  }
+  /**
+   * 修改控件布局配置后更新Form统一布局配置
+   * @param componentId 组件Id
+   * @param controlLayoutConfig 某单独变动的控件配置项，FormResponseLayoutContext类型
+   */
+  updateUnifiedLayoutAfterResponseLayoutChanged(e, t) {
+    const { formNode: o } = this.responseLayoutEditorFunction.checkCanFindFormNode(e);
+    if (!o || !o.unifiedLayout)
+      return;
+    const a = [];
+    if (this.responseLayoutEditorFunction.getResonseFormLayoutConfig(o, a, 1), t) {
+      const m = a.find((h) => h.id === t.id);
+      Object.assign(m || {}, t);
+    }
+    const l = a.map((m) => m.columnInSM), u = a.map((m) => m.columnInMD), p = a.map((m) => m.columnInLG), i = a.map((m) => m.columnInEL), d = this.checkIsUniqueColumn(l) ? l[0] : null, s = this.checkIsUniqueColumn(u) ? u[0] : null, g = this.checkIsUniqueColumn(p) ? p[0] : null, A = this.checkIsUniqueColumn(i) ? i[0] : null;
+    Object.assign(o.unifiedLayout, {
+      uniqueColClassInSM: d,
+      uniqueColClassInMD: s,
+      uniqueColClassInLG: g,
+      uniqueColClassInEL: A
+    });
+  }
+  /**
+   * 校验宽度样式值是否一致
+   */
+  checkIsUniqueColumn(e) {
+    const t = new Set(e);
+    return Array.from(t).length === 1;
   }
 }
-class pe extends ce {
-  constructor(e, n) {
-    super(e, n);
+class Ae extends ue {
+  constructor(n, e) {
+    super(n, e);
   }
-  getEditorProperties(e) {
+  getEditorProperties(n) {
     return {
-      description: "组件信息",
-      title: "组件信息",
+      description: "编辑器",
+      title: "编辑器",
       type: "avatar",
       $converter: "/converter/property-editor.converter",
       properties: {
@@ -719,71 +807,71 @@ class pe extends ce {
     };
   }
 }
-function de(t, e) {
+function ge(r, n) {
   const {
-    canAccepts: n,
-    checkCanDeleteComponent: r,
+    canAccepts: e,
+    checkCanDeleteComponent: t,
     checkCanMoveComponent: o,
-    hideNestedPaddingInDesginerView: p,
-    onAcceptMovedChildElement: g,
-    resolveComponentContext: d,
-    triggerBelongedComponentToMoveWhenMoved: A,
+    hideNestedPaddingInDesginerView: a,
+    onAcceptMovedChildElement: l,
+    resolveComponentContext: u,
+    triggerBelongedComponentToMoveWhenMoved: p,
     triggerBelongedComponentToDeleteWhenDeleted: i
-  } = ae(t), l = t.schema;
-  function c(u, s) {
-    return new pe(u, e).getPropertyConfig(l, s);
+  } = ce(r), d = r.schema;
+  function s(g, A) {
+    return new Ae(g, n).getPropertyConfig(d, A);
   }
   return {
-    canAccepts: n,
-    checkCanDeleteComponent: r,
+    canAccepts: e,
+    checkCanDeleteComponent: t,
     checkCanMoveComponent: o,
-    hideNestedPaddingInDesginerView: p,
-    onAcceptMovedChildElement: g,
-    resolveComponentContext: d,
-    triggerBelongedComponentToMoveWhenMoved: A,
+    hideNestedPaddingInDesginerView: a,
+    onAcceptMovedChildElement: l,
+    resolveComponentContext: u,
+    triggerBelongedComponentToMoveWhenMoved: p,
     triggerBelongedComponentToDeleteWhenDeleted: i,
-    getPropsConfig: c
+    getPropsConfig: s
   };
 }
-const ue = /* @__PURE__ */ F({
+const me = /* @__PURE__ */ M({
   name: "FAvatarDesign",
-  props: w,
+  props: I,
   emits: ["change", "update:modelValue"],
-  setup(t, e) {
-    const n = v(), r = P("designer-host-service"), o = P("design-item-context"), p = de(o, r), g = Q(n, o, p);
-    H(() => {
-      n.value.componentInstance = g;
-    }), e.expose(g.value);
-    const d = b(() => ({
+  setup(r, n) {
+    const e = v(), t = x("designer-host-service"), o = x("design-item-context"), a = ge(o, t), l = N(e, o, a);
+    U(() => {
+      e.value.componentInstance = l;
+    }), n.expose(l.value);
+    const u = C(() => ({
       "f-avatar": !0,
-      "f-avatar-readonly": t.readonly,
-      "f-avatar-circle": t.shape === "circle",
-      "f-avatar-square": t.shape === "square"
-    })), A = v(t.modelValue), i = b(() => ({
-      width: t.avatarWidth + "px",
-      height: t.avatarHeight + "px"
-    })), l = !1;
-    function c() {
+      "f-avatar-readonly": r.readonly,
+      "f-avatar-circle": r.shape === "circle",
+      "f-avatar-square": r.shape === "square"
+    })), p = v(r.modelValue), i = C(() => ({
+      width: r.avatarWidth + "px",
+      height: r.avatarHeight + "px"
+    })), d = !1;
+    function s() {
       return "";
     }
-    function u() {
+    function g() {
     }
-    const s = v(null), {
-      acceptTypes: y,
+    const A = v(null), {
+      acceptTypes: m,
       imageSource: h,
-      onClickImage: k
-    } = I(t, e, s, A);
+      onClickImage: T
+    } = R(r, n, A, p);
     return () => f("div", {
-      ref: n,
-      class: d.value,
+      ref: e,
+      class: u.value,
       style: i.value,
-      onClick: k
-    }, [l, f("img", {
-      title: t.title,
+      onClick: T
+    }, [d, f("img", {
+      title: r.title,
       class: "f-avatar-image",
       src: h.value,
-      onError: c
-    }, null), !t.readonly && f("div", {
+      onError: s
+    }, null), !r.readonly && f("div", {
       class: "f-avatar-icon"
     }, [f("span", {
       class: "f-icon f-icon-camera"
@@ -792,22 +880,22 @@ const ue = /* @__PURE__ */ F({
       name: "file-input",
       type: "file",
       class: "f-avatar-upload",
-      accept: y.value,
-      onChange: u,
+      accept: m.value,
+      onChange: g,
       style: "display: none;"
     }, null)]);
   }
 });
-B.register = (t, e, n, r) => {
-  t.avatar = B, e.avatar = E;
+B.register = (r, n, e, t) => {
+  r.avatar = B, n.avatar = S;
 };
-B.registerDesigner = (t, e, n) => {
-  t.avatar = ue, e.avatar = E;
+B.registerDesigner = (r, n, e) => {
+  r.avatar = me, n.avatar = S;
 };
-const be = q(B);
+const Ie = j(B);
 export {
   B as FAvatar,
-  w as avatarProps,
-  be as default,
-  E as propsResolver
+  I as avatarProps,
+  Ie as default,
+  S as propsResolver
 };