@farris/ui-vue 1.2.9 → 1.3.1

package/components/avatar/index.esm.js

@@ -1,94 +1,94 @@
-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 U = {}, O = {};
-function V(t) {
-  const { properties: e, title: n, ignore: r } = t, o = r && Array.isArray(r), d = Object.keys(e).reduce((u, s) => ((!o || !r.find((A) => A == s)) && (u[s] = e[s].type === "object" && e[s].properties ? V(e[s]) : N(e[s].default)), u), {});
-  return (!o || !r.find((u) => u == "id")) && (d.id = `${n}-${Date.now()}`), d;
+var j = Object.defineProperty;
+var O = (i, r, e) => r in i ? j(i, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[r] = e;
+var f = (i, r, e) => O(i, typeof r != "symbol" ? r + "" : r, e);
+import { ref as I, computed as B, defineComponent as x, createVNode as b, inject as P, onMounted as Z } from "vue";
+import { isPlainObject as V, cloneDeep as L } from "lodash-es";
+import { resolveAppearance as z } from "../dynamic-resolver/index.esm.js";
+import { DgControl as D, useDesignerComponent as K } from "../designer-canvas/index.esm.js";
+import { withInstall as J } from "../common/index.esm.js";
+const X = {}, Y = {};
+function N(i) {
+  const { properties: r, title: e, ignore: n } = i, o = n && Array.isArray(n), c = Object.keys(r).reduce((d, g) => ((!o || !n.find((m) => m == g)) && (d[g] = r[g].type === "object" && r[g].properties ? N(r[g]) : L(r[g].default)), d), {});
+  return e && (!o || !n.find((d) => d == "id")) && (c.id = `${e}-${Date.now()}`), c;
 }
-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 $(i, r) {
+  const e = N(r);
+  return Object.keys(i).reduce((n, o) => (n[o] && V(n[o]) && V(i[o]) ? Object.assign(n[o], i[o]) : n[o] = i[o], n), e), e;
 }
-function G(t, e) {
-  return Object.keys(t).filter((r) => t[r] != null).reduce((r, o) => {
-    if (e.has(o)) {
-      const d = e.get(o);
-      if (typeof d == "string")
-        r[d] = t[o];
+function _(i, r) {
+  return Object.keys(i).filter((n) => i[n] != null).reduce((n, o) => {
+    if (r.has(o)) {
+      const c = r.get(o);
+      if (typeof c == "string")
+        n[c] = i[o];
       else {
-        const u = d(o, t[o], t);
-        Object.assign(r, u);
+        const d = c(o, i[o], i);
+        Object.assign(n, d);
       }
     } else
-      r[o] = t[o];
-    return r;
+      n[o] = i[o];
+    return n;
   }, {});
 }
-function L(t, e, n = /* @__PURE__ */ new Map()) {
-  const r = W(t, e);
-  return G(r, n);
+function ee(i, r, e = /* @__PURE__ */ new Map()) {
+  const n = $(i, r);
+  return _(n, e);
 }
-function Z(t = {}) {
-  function e(i, c, p, g) {
-    if (typeof p == "number")
-      return g[i].length === p;
-    if (typeof p == "object") {
-      const l = Object.keys(p)[0], y = p[l];
-      if (l === "not")
-        return Number(g[i].length) !== Number(y);
-      if (l === "moreThan")
-        return Number(g[i].length) >= Number(y);
-      if (l === "lessThan")
-        return Number(g[i].length) <= Number(y);
+function te(i = {}) {
+  function r(a, l, t, p) {
+    if (typeof t == "number")
+      return p[a].length === t;
+    if (typeof t == "object") {
+      const s = Object.keys(t)[0], u = t[s];
+      if (s === "not")
+        return Number(p[a].length) !== Number(u);
+      if (s === "moreThan")
+        return Number(p[a].length) >= Number(u);
+      if (s === "lessThan")
+        return Number(p[a].length) <= Number(u);
     }
     return !1;
   }
-  function n(i, c, p, g) {
-    return g[i] && g[i].propertyValue && String(g[i].propertyValue.value) === String(p);
+  function e(a, l, t, p) {
+    return p[a] && p[a].propertyValue && String(p[a].propertyValue.value) === String(t);
   }
-  const r = /* @__PURE__ */ new Map([
-    ["length", e],
-    ["getProperty", n]
+  const n = /* @__PURE__ */ new Map([
+    ["length", r],
+    ["getProperty", e]
   ]);
-  Object.keys(t).reduce((i, c) => (i.set(c, t[c]), i), r);
-  function o(i, c) {
-    const p = i;
-    return typeof c == "number" ? [{ target: p, operator: "length", param: null, value: Number(c) }] : typeof c == "boolean" ? [{ target: p, operator: "getProperty", param: i, value: !!c }] : typeof c == "object" ? Object.keys(c).map((g) => {
-      if (g === "length")
-        return { target: p, operator: "length", param: null, value: c[g] };
-      const l = g, y = c[g];
-      return { target: p, operator: "getProperty", param: l, value: y };
+  Object.keys(i).reduce((a, l) => (a.set(l, i[l]), a), n);
+  function o(a, l) {
+    const t = a;
+    return typeof l == "number" ? [{ target: t, operator: "length", param: null, value: Number(l) }] : typeof l == "boolean" ? [{ target: t, operator: "getProperty", param: a, value: !!l }] : typeof l == "object" ? Object.keys(l).map((p) => {
+      if (p === "length")
+        return { target: t, operator: "length", param: null, value: l[p] };
+      const s = p, u = l[p];
+      return { target: t, operator: "getProperty", param: s, value: u };
     }) : [];
   }
-  function d(i) {
-    return Object.keys(i).reduce((p, g) => {
-      const l = o(g, i[g]);
-      return p.push(...l), p;
+  function c(a) {
+    return Object.keys(a).reduce((t, p) => {
+      const s = o(p, a[p]);
+      return t.push(...s), t;
     }, []);
   }
-  function u(i, c) {
-    if (r.has(i.operator)) {
-      const p = r.get(i.operator);
-      return p && p(i.target, i.param, i.value, c) || !1;
+  function d(a, l) {
+    if (n.has(a.operator)) {
+      const t = n.get(a.operator);
+      return t && t(a.target, a.param, a.value, l) || !1;
     }
     return !1;
   }
-  function s(i, c) {
-    return d(i).reduce((l, y) => l && u(y, c), !0);
+  function g(a, l) {
+    return c(a).reduce((s, u) => s && d(u, l), !0);
   }
-  function A(i, c) {
-    const p = Object.keys(i), g = p.includes("allOf"), l = p.includes("anyOf"), y = g || l, x = (y ? i[y ? g ? "allOf" : "anyOf" : "allOf"] : [i]).map((R) => s(R, c));
-    return g ? !x.includes(!1) : x.includes(!0);
+  function m(a, l) {
+    const t = Object.keys(a), p = t.includes("allOf"), s = t.includes("anyOf"), u = p || s, v = (u ? a[u ? p ? "allOf" : "anyOf" : "allOf"] : [a]).map((k) => g(k, l));
+    return p ? !v.includes(!1) : v.includes(!0);
   }
-  return { parseValueSchema: A };
+  return { parseValueSchema: m };
 }
-const a = {
+const A = {
   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 +125,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 = (u, s, A) => s, o = {}, d = (u) => u) {
-  return U[e.title] = e, O[e.title] = r, z[e.title] = o, K[e.title] = d, (u = {}) => {
-    const s = L(u, e, n), A = Object.keys(t).reduce((i, c) => (i[c] = t[c].default, i), {});
-    return Object.assign(A, s);
+  "tab-toolbar": { type: "tab-toolbar", name: "标签页工具栏", icon: "TabToolbar" },
+  fieldset: { type: "fieldset", name: "分组", icon: "fieldset" }
+}, ne = {}, oe = {};
+te();
+function re(i, r, e = /* @__PURE__ */ new Map(), n = (d, g, m) => g, o = {}, c = (d) => d) {
+  return X[r.title] = r, Y[r.title] = n, ne[r.title] = o, oe[r.title] = c, (d = {}) => {
+    const g = ee(d, r, e), m = Object.keys(i).reduce((a, l) => (a[l] = i[l].default, a), {});
+    return Object.assign(m, g);
   };
 }
-function Y(t, e, n) {
-  return e;
+function ie(i, r, e) {
+  return r;
 }
-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 ae = /* @__PURE__ */ new Map([
+  ["appearance", z]
+]), se = "https://json-schema.org/draft/2020-12/schema", le = "https://farris-design.gitee.io/avatar.schema.json", ce = "avatar", de = "A Farris Component", pe = "object", ue = {
   id: {
     description: "The unique identifier for avatar",
     type: "string"
@@ -201,23 +202,23 @@ const X = /* @__PURE__ */ new Map([
     type: "boolean",
     default: !0
   }
-}, oe = [
+}, Ae = [
   "id",
   "type"
-], ie = [
+], me = [
   "id",
   "appearance",
   "binding"
-], ae = {
-  $schema: $,
-  $id: _,
-  title: ee,
-  description: te,
-  type: ne,
-  properties: re,
-  required: oe,
-  ignore: ie
-}, k = {
+], ge = {
+  $schema: se,
+  $id: le,
+  title: ce,
+  description: de,
+  type: pe,
+  properties: ue,
+  required: Ae,
+  ignore: me
+}, w = {
   /**
    * 头像宽度
    */
@@ -254,152 +255,152 @@ const X = /* @__PURE__ */ new Map([
    * 支持的头像类型
    */
   imageType: { type: Array, default: ["jpeg"] }
-}, E = J(k, ae, X, Y);
-function I(t, e, n, r) {
-  const o = "data:image/jpeg;base64,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", d = v(t.readonly);
-  function u(l) {
-    return l.match(/\.(jpeg|jpg|gif|png|svg|bmp|webp)$/) != null;
+}, U = re(w, ge, ae, ie);
+function H(i, r, e, n) {
+  const o = "data:image/jpeg;base64,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", c = I(i.readonly);
+  function d(s) {
+    return s.match(/\.(jpeg|jpg|gif|png|svg|bmp|webp)$/) != null;
   }
-  function s(l) {
-    return l.indexOf("data:image/") > -1;
+  function g(s) {
+    return s.indexOf("data:image/") > -1;
   }
-  function A(l) {
-    return l ? "data:image/jpeg;base64," + l : "";
+  function m(s) {
+    return s ? "data:image/jpeg;base64," + s : "";
   }
-  const i = b(() => {
-    var y;
-    if (!t.imageType || !t.imageType.length)
+  const a = B(() => {
+    var u;
+    if (!i.imageType || !i.imageType.length)
       return "";
-    const l = (y = t.imageType) == null ? void 0 : y.map((h) => (h === "jpg" && (h = "jpeg"), `image/${h}`));
-    return !l || !l.length ? "image/*" : l.join(",");
-  }), c = b(() => {
-    const l = r.value || t.cover || o;
-    return u(l) || s(l) ? l : A(l);
-  }), p = b(() => d.value ? "" : t.title);
-  function g() {
-    d.value || n && n.value && n.value.click();
-  }
-  return { acceptTypes: i, imageSource: c, imageTitle: p, onClickImage: g };
+    const s = (u = i.imageType) == null ? void 0 : u.map((y) => (y === "jpg" && (y = "jpeg"), `image/${y}`));
+    return !s || !s.length ? "image/*" : s.join(",");
+  }), l = B(() => {
+    const s = n.value || i.cover || o;
+    return d(s) || g(s) ? s : m(s);
+  }), t = B(() => c.value ? "" : i.title);
+  function p() {
+    c.value || e && e.value && e.value.click();
+  }
+  return { acceptTypes: a, imageSource: l, imageTitle: t, onClickImage: p };
 }
-const B = /* @__PURE__ */ F({
+const F = /* @__PURE__ */ x({
   name: "FAvatar",
-  props: k,
+  props: w,
   emits: ["change", "update:modelValue"],
-  setup(t, e) {
-    const n = b(() => ({
+  setup(i, r) {
+    const e = B(() => ({
       "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"
-    })), d = !1;
-    function u() {
+      "f-avatar-readonly": i.readonly,
+      "f-avatar-circle": i.shape === "circle",
+      "f-avatar-square": i.shape === "square"
+    })), n = I(i.modelValue), o = B(() => ({
+      width: i.avatarWidth + "px",
+      height: i.avatarHeight + "px"
+    })), c = !1;
+    function d() {
       return "";
     }
-    function s() {
+    function g() {
     }
-    const A = v(null), {
-      acceptTypes: i,
-      imageSource: c,
-      onClickImage: p
-    } = I(t, e, A, r);
-    return () => f("div", {
-      class: n.value,
+    const m = I(null), {
+      acceptTypes: a,
+      imageSource: l,
+      onClickImage: t
+    } = H(i, r, m, n);
+    return () => b("div", {
+      class: e.value,
       style: o.value,
-      onClick: p
-    }, [d, f("img", {
-      title: t.title,
+      onClick: t
+    }, [c, b("img", {
+      title: i.title,
       class: "f-avatar-image",
-      src: c.value,
-      onError: u
-    }, null), !t.readonly && f("div", {
+      src: l.value,
+      onError: d
+    }, null), !i.readonly && b("div", {
       class: "f-avatar-icon"
-    }, [f("span", {
+    }, [b("span", {
       class: "f-icon f-icon-camera"
-    }, null)]), f("input", {
+    }, null)]), b("input", {
       ref: "file",
       name: "file-input",
       type: "file",
       class: "f-avatar-upload",
-      accept: i.value,
-      onChange: s,
+      accept: a.value,
+      onChange: g,
       style: "display: none;"
     }, null)]);
   }
 });
-function se(t, e) {
-  t.schema;
-  const n = v(!0), r = v(!0);
-  function o(p) {
+function ye(i, r) {
+  i.schema;
+  const e = I(!0), n = I(!0);
+  function o(t) {
     return !1;
   }
-  function d() {
+  function c() {
     return !1;
   }
-  function u() {
+  function d() {
     return !1;
   }
-  function s() {
+  function g() {
     return !0;
   }
-  function A(p) {
+  function m(t) {
   }
-  function i() {
+  function a() {
   }
-  function c(p) {
+  function l(t) {
     return null;
   }
   return {
     canAccepts: o,
-    checkCanDeleteComponent: d,
-    checkCanMoveComponent: u,
-    hideNestedPaddingInDesginerView: s,
-    onAcceptMovedChildElement: A,
-    resolveComponentContext: i,
-    triggerBelongedComponentToMoveWhenMoved: n,
-    triggerBelongedComponentToDeleteWhenDeleted: r,
-    getPropsConfig: c
+    checkCanDeleteComponent: c,
+    checkCanMoveComponent: d,
+    hideNestedPaddingInDesginerView: g,
+    onAcceptMovedChildElement: m,
+    resolveComponentContext: a,
+    triggerBelongedComponentToMoveWhenMoved: e,
+    triggerBelongedComponentToDeleteWhenDeleted: n,
+    getPropsConfig: l
   };
 }
-class le {
-  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 fe {
+  constructor(r, e) {
+    f(this, "componentId");
+    f(this, "viewModelId");
+    f(this, "eventsEditorUtils");
+    f(this, "formSchemaUtils");
+    f(this, "formMetadataConverter");
+    f(this, "designViewModelUtils");
+    f(this, "designViewModelField");
+    f(this, "controlCreatorUtils");
+    f(this, "designerHostService");
+    f(this, "schemaService", null);
+    f(this, "metadataService", null);
+    f(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 n;
+    this.componentId = r, this.designerHostService = e, this.eventsEditorUtils = e.eventsEditorUtils, this.formSchemaUtils = e.formSchemaUtils, this.formMetadataConverter = e.formMetadataConverter, this.viewModelId = ((n = this.formSchemaUtils) == null ? void 0 : n.getViewModelIdByComponentId(r)) || "", 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 r;
+    return (r = this.schemaService) == null ? void 0 : r.getTableInfoByViewModelId(this.viewModelId);
   }
-  setDesignViewModelField(e) {
-    const n = e.binding && e.binding.type === "Form" && e.binding.field;
-    if (n) {
+  setDesignViewModelField(r) {
+    const e = r.binding && r.binding.type === "Form" && r.binding.field;
+    if (e) {
       if (!this.designViewModelField) {
-        const r = this.designViewModelUtils.getDgViewModel(this.viewModelId);
-        this.designViewModelField = r.fields.find((o) => o.id === n);
+        const n = this.designViewModelUtils.getDgViewModel(this.viewModelId);
+        this.designViewModelField = n.fields.find((o) => o.id === e);
       }
-      e.updateOn = this.designViewModelField.updateOn;
+      r.updateOn = this.designViewModelField.updateOn;
     }
   }
-  changeFieldEditorType(e, n) {
+  changeFieldEditorType(r, e) {
   }
-  getBasicPropConfig(e) {
+  getBasicPropConfig(r) {
     return {
       description: "Basic Information",
       title: "基本信息",
@@ -418,13 +419,13 @@ class le {
             type: "combo-list",
             textField: "name",
             valueField: "value",
-            data: [{ value: e.type, name: a[e.type].name }]
+            data: [{ value: r.type, name: A[r.type].name }]
           }
         }
       }
     };
   }
-  getAppearanceConfig(e = null) {
+  getAppearanceConfig(r = null) {
     return {
       title: "样式",
       description: "Appearance",
@@ -444,90 +445,212 @@ class le {
       }
     };
   }
+  /**
+  * 
+  * @param propertyId 
+  * @param componentInstance 
+  * @returns 
+  */
+  updateElementByParentContainer(r, e) {
+    const n = e && e.parent && e.parent.schema;
+    if (!n)
+      return;
+    const o = n.contents.findIndex((d) => d.id === r), c = L(n.contents[o]);
+    n.contents.splice(o, 1), n.contents.splice(o, 0, c);
+  }
 }
-const C = class C {
+const M = class M {
   /**
    * 根据绑定字段类型获取可用的输入类控件
    */
-  static getEditorTypesByMDataType(e) {
-    const n = C.fieldControlTypeMapping[e];
-    return n || [{ key: "", value: "" }];
+  static getEditorTypesByMDataType(r) {
+    const e = M.fieldControlTypeMapping[r];
+    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 r = [];
+    for (let e in M.fieldControlTypeMapping)
+      M.fieldControlTypeMapping[e].forEach((n) => {
+        r.find((o) => o.key === n.key && o.value === n.value) || r.push({ key: n.key, value: n.value });
       });
-    return e;
+    return r;
   }
 };
 /**
  * <字段类型,可配置的控件类型列表>的映射
  */
-m(C, "fieldControlTypeMapping", {
+f(M, "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: 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["check-group"].type, value: A["check-group"].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 }
   ],
   Text: [
-    { key: a.textarea.type, value: a.textarea.name },
-    { key: a.lookup.type, value: a.lookup.name }
+    { key: A.textarea.type, value: A.textarea.name },
+    { key: A.lookup.type, value: A.lookup.name }
   ],
   Decimal: [
-    { key: a["number-spinner"].type, value: a["number-spinner"].name }
+    { key: A["number-spinner"].type, value: A["number-spinner"].name }
   ],
   Integer: [
-    { key: a["number-spinner"].type, value: a["number-spinner"].name }
+    { key: A["number-spinner"].type, value: A["number-spinner"].name }
   ],
   Number: [
-    { key: a["number-spinner"].type, value: a["number-spinner"].name }
+    { key: A["number-spinner"].type, value: A["number-spinner"].name }
   ],
   BigNumber: [
-    { key: a["number-spinner"].type, value: a["number-spinner"].name }
+    { key: A["number-spinner"].type, value: A["number-spinner"].name }
   ],
   Date: [
-    { key: a["date-picker"].type, value: a["date-picker"].name }
+    { key: A["date-picker"].type, value: A["date-picker"].name }
   ],
   DateTime: [
-    { key: a["date-picker"].type, value: a["date-picker"].name }
+    { key: A["date-picker"].type, value: A["date-picker"].name }
   ],
   Boolean: [
-    { key: a.switch.type, value: a.switch.name },
-    { key: a["check-box"].type, value: a["check-box"].name }
+    { key: A.switch.type, value: A.switch.name },
+    { key: A["check-box"].type, value: A["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: A["combo-list"].type, value: A["combo-list"].name },
+    { key: A["radio-group"].type, value: A["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: 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 }
   ]
 });
-let T = C;
-const ce = v(0);
-class pe extends le {
+let S = M;
+const he = I(0);
+class ve {
+  constructor() {
+    /** 控件标题 */
+    f(this, "label", "");
+    /** 控件id */
+    f(this, "id", "");
+    /** 每个控件占用的栅格数 */
+    f(this, "columnInSM", 12);
+    f(this, "columnInMD", 6);
+    f(this, "columnInLG", 3);
+    f(this, "columnInEL", 2);
+    /** 每个控件占用的列数 */
+    f(this, "displayWidthInSM", 1);
+    f(this, "displayWidthInMD", 1);
+    f(this, "displayWidthInLG", 1);
+    f(this, "displayWidthInEL", 1);
+    /** 编辑器内部默认显示的屏幕大小-----可以去掉 */
+    f(this, "displayColumnCountAtBreakPoint", "md");
+    /** 控件所在行，传0即可-----编辑器内部使用 */
+    f(this, "tagRow", 0);
+    /** 控件是否显示上方空白：传0即可-----编辑器内部使用 */
+    f(this, "showTopBorder", 0);
+    /** 区域，从1开始。卡片内的控件从上往下，从左往右划分区域，遇到分组fieldSet时group+1，分组结束后group+1 */
+    f(this, "group", 1);
+    /** 控件是否符合标准的class配置(设计器用的) */
+    f(this, "isSupportedClass", !0);
+    /** 控件所在分组id(设计器用的) */
+    f(this, "fieldSetId", "");
+  }
+}
+function Ce(i) {
+  let r, e;
+  const n = /* @__PURE__ */ new Map();
+  let o = [];
+  function c(l, t) {
+    const s = l.split(" ").filter((C) => C.startsWith("col-"));
+    if (s.length === 0) {
+      t.isSupportedClass = !1;
+      return;
+    }
+    let u = s.find((C) => /^col-([1-9]|10|11|12)$/.test(C)), y = s.find((C) => /^col-md-([1-9]|10|11|12)$/.test(C)), h = s.find((C) => /^col-xl-([1-9]|10|11|12)$/.test(C)), v = s.find((C) => /^col-el-([1-9]|10|11|12)$/.test(C));
+    u = u || "col-12", t.columnInSM = parseInt(u.replace("col-", ""), 10), t.displayWidthInSM = t.columnInSM / 12, t.displayWidthInSM !== 1 && (t.isSupportedClass = !1), y = y || "col-md-" + t.columnInSM, t.columnInMD = parseInt(y.replace("col-md-", ""), 10), t.displayWidthInMD = t.columnInMD / 6, [1, 2].includes(t.displayWidthInMD) || (t.isSupportedClass = !1), h = h || "col-xl-" + t.columnInMD, t.columnInLG = parseInt(h.replace("col-xl-", ""), 10), t.displayWidthInLG = t.columnInLG / 3, [1, 2, 3, 4].includes(t.displayWidthInLG) || (t.isSupportedClass = !1), v = v || "col-el-" + t.columnInLG, t.columnInEL = parseInt(v.replace("col-el-", ""), 10), t.displayWidthInEL = t.columnInEL / 2, [1, 2, 3, 4, 5, 6].includes(t.displayWidthInEL) || (t.isSupportedClass = !1);
+  }
+  function d(l, t, p, s = !1) {
+    let u = !1;
+    l.contents.forEach((y) => {
+      if (y.type === "fieldset") {
+        p += 1, d(y, t, p, !0), u = !0;
+        return;
+      }
+      u && (p += 1, u = !1);
+      const h = y.appearance && y.appearance.class, v = new ve();
+      h ? c(h, v) : v.isSupportedClass = !1, v.label = y.label || y.id, v.id = y.id, v.group = p, s && (v.fieldSetId = l.id), e === y.id && (r = p), n.set(y.id, y), t.push(v);
+    });
+  }
+  function g(l) {
+    const t = i.getComponentById(l);
+    if (!t || !t.componentType || !t.componentType.startsWith("form"))
+      return { result: !1, message: "只可以在响应式表单组件中调整响应式布局配置" };
+    const p = i.selectNode(t, (s) => s.type === D["response-form"].type);
+    return !p || !p.contents || p.contents.length === 0 ? { result: !1, message: "Form区域内没有控件，请先添加控件" } : { result: !0, message: "", formNode: p };
+  }
+  function m(l, t) {
+    t = t || l.id;
+    const { result: p, message: s, formNode: u } = g(t);
+    if (!p)
+      return { result: p, message: s };
+    e = l.id, o = [], n.clear();
+    const y = u.contents[0].type === D.fieldset.type ? 0 : 1;
+    d(u, o, y);
+    const h = o.find((C) => !C.isSupportedClass);
+    return {
+      defaultState: {
+        defaultGroupNumber: r || 1,
+        model: h ? "customize" : "standard"
+      },
+      importData: o
+    };
+  }
+  function a(l, t) {
+    t = t;
+    const { result: p, formNode: s } = g(t);
+    if (!p)
+      return "";
+    const u = [];
+    return l.forEach((y) => {
+      var C;
+      const h = n.get(y.id), v = h.appearance && h.appearance.class;
+      if (v) {
+        const T = v.split(" ").filter((Q) => !Q.startsWith("col-")), E = "col-" + y.columnInSM, q = "col-md-" + y.columnInMD, W = "col-xl-" + y.columnInLG, R = "col-el-" + y.columnInEL, G = [E, q, W, R].concat(T);
+        h.appearance.class = G.join(" ");
+      }
+      if (y.fieldSetId) {
+        const k = s.contents.find((E) => E.id === y.fieldSetId), T = u.find((E) => E.id === y.fieldSetId);
+        T ? (C = T.contents) == null || C.push(h) : (u.push(k), k.contents = [h]);
+      } else
+        u.push(h);
+    }), s.contents = u, s.id;
+  }
+  return {
+    checkCanFindFormNode: g,
+    checkCanOpenLayoutEditor: m,
+    changeFormControlsByResponseLayoutConfig: a,
+    getResonseFormLayoutConfig: d
+  };
+}
+class be extends fe {
   constructor(e, n) {
     super(e, n);
+    f(this, "responseLayoutEditorFunction");
+    this.responseLayoutEditorFunction = Ce(this.formSchemaUtils);
   }
   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;
+    return this.propertyConfig.categories.basic = this.getBasicProperties(e, n), this.propertyConfig.categories.appearance = this.getAppearanceProperties(e, n), this.propertyConfig.categories.editor = this.getEditorProperties(e), this.propertyConfig;
   }
   getBasicProperties(e, n) {
-    var u;
-    var r = this;
+    var g;
+    var o = this;
     this.setDesignViewModelField(e);
-    const o = this.formSchemaUtils.getFormMetadataBasicInfo(), d = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
+    const c = this.formSchemaUtils.getFormMetadataBasicInfo(), d = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
     return {
       description: "Basic Information",
       title: "基本信息",
@@ -549,7 +672,7 @@ class pe extends le {
             textField: "value",
             valueField: "key",
             editable: !1,
-            data: r.designViewModelField ? T.getEditorTypesByMDataType((u = r.designViewModelField.type) == null ? void 0 : u.name) : T.getAllInputTypes()
+            data: o.designViewModelField ? S.getEditorTypesByMDataType((g = o.designViewModelField.type) == null ? void 0 : g.name) : S.getAllInputTypes()
           }
         },
         label: {
@@ -566,7 +689,7 @@ class pe extends le {
             bindingType: { enable: !1 },
             editorParams: {
               propertyData: e,
-              formBasicInfo: o
+              formBasicInfo: c
             },
             columns: [
               { field: "name", title: "字段名称" },
@@ -578,22 +701,23 @@ class pe extends le {
           }
         }
       },
-      setPropertyRelates(s, A) {
-        if (s)
-          switch (s && s.propertyID) {
+      setPropertyRelates(m, a) {
+        if (m)
+          switch (m && m.propertyID) {
             case "type": {
-              r.changeControlType(e, s, n);
+              o.changeControlType(e, m, n);
               break;
             }
             case "label": {
-              s.needRefreshControlTree = !0;
+              m.needRefreshControlTree = !0;
               break;
             }
           }
       }
     };
   }
-  getAppearanceProperties(e) {
+  getAppearanceProperties(e, n) {
+    var o = this;
     return {
       title: "样式",
       description: "Appearance",
@@ -614,12 +738,25 @@ class pe extends le {
           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(c, d) {
+        if (c)
+          switch (c && c.propertyID) {
+            case "responseLayout":
+              o.responseLayoutEditorFunction.changeFormControlsByResponseLayoutConfig(c.propertyValue, o.componentId || e.id), o.updateUnifiedLayoutAfterResponseLayoutChanged(o.componentId), o.updateElementByParentContainer(e.id, n), delete e.responseLayout;
+              break;
+            case "class":
+              o.updateUnifiedLayoutAfterControlChanged(c.propertyValue, e.id, this.componentId), o.updateElementByParentContainer(e.id, n);
+              break;
+          }
       }
     };
   }
@@ -631,39 +768,39 @@ class pe extends le {
    * @param propertyData 控件DOM属性
    * @param newControlType 新控件类型
    */
-  changeControlType(e, n, r) {
-    var i, c, p, g;
-    const o = n.propertyValue, d = r && r.parent && r.parent.schema;
+  changeControlType(e, n, o) {
+    var l, t, p, s;
+    const c = n.propertyValue, d = o && o.parent && o.parent.schema;
     if (!d)
       return;
-    const u = d.contents.findIndex((l) => l.id === e.id), s = d.contents[u];
-    let A;
+    const g = d.contents.findIndex((u) => u.id === e.id), m = d.contents[g];
+    let a;
     this.designViewModelField && (this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id, {
       editor: {
-        $type: o
+        $type: c
       },
       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: s.id,
-      appearance: s.appearance,
-      size: s.size,
-      label: s.label,
-      binding: s.binding,
-      visible: s.visible
-    }), Object.assign(A.editor, {
-      isTextArea: A.isTextArea && s.isTextArea,
-      placeholder: (i = s.editor) == null ? void 0 : i.placeholder,
-      holdPlace: (c = s.editor) == null ? void 0 : c.holdPlace,
-      readonly: (p = s.editor) == null ? void 0 : p.readonly,
-      require: (g = s.editor) == null ? void 0 : g.require
-    }), d.contents.splice(u, 1), d.contents.splice(u, 0, A), r.schema = Object.assign(s, A), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(
-      (l) => l.classList.remove("dgComponentSelected")
-    ), ce.value++;
-  }
-  getComponentConfig(e, n = {}, r = {}) {
-    const o = Object.assign({
+    }, !1), a = this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField, c)), a || (a = this.controlCreatorUtils.createFormGroupWithoutField(c)), Object.assign(a, {
+      id: m.id,
+      appearance: m.appearance,
+      size: m.size,
+      label: m.label,
+      binding: m.binding,
+      visible: m.visible
+    }), Object.assign(a.editor, {
+      isTextArea: a.isTextArea && m.isTextArea,
+      placeholder: (l = m.editor) == null ? void 0 : l.placeholder,
+      holdPlace: (t = m.editor) == null ? void 0 : t.holdPlace,
+      readonly: (p = m.editor) == null ? void 0 : p.readonly,
+      require: (s = m.editor) == null ? void 0 : s.require
+    }), d.contents.splice(g, 1), d.contents.splice(g, 0, a), o.schema = Object.assign(m, a), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(
+      (u) => u.classList.remove("dgComponentSelected")
+    ), he.value++;
+  }
+  getComponentConfig(e, n = {}, o = {}) {
+    const c = Object.assign({
       description: "编辑器",
       title: "编辑器",
       type: "input-group",
@@ -689,15 +826,63 @@ class pe extends le {
         title: "提示文本",
         type: "string"
       }
-    }, r);
-    return { ...o, properties: { ...d } };
+    }, o);
+    return { ...c, properties: { ...d } };
+  }
+  /**
+  * 修改某一输入控件的样式后更新Form的统一布局配置
+  * @param controlClass 控件样式
+  * @param controlId 控件Id
+  * @param componentId 控件所在组件id
+  */
+  updateUnifiedLayoutAfterControlChanged(e, n, o) {
+    const c = e.split(" ");
+    let d = c.find((t) => /^col-([1-9]|10|11|12)$/.test(t)), g = c.find((t) => /^col-md-([1-9]|10|11|12)$/.test(t)), m = c.find((t) => /^col-xl-([1-9]|10|11|12)$/.test(t)), a = c.find((t) => /^col-el-([1-9]|10|11|12)$/.test(t));
+    d = d || "col-12", g = g || "col-md-" + d.replace("col-", ""), m = m || "col-xl-" + g.replace("col-md-", ""), a = a || "col-el-" + m.replace("col-xl-", "");
+    const l = {
+      id: n,
+      columnInSM: parseInt(d.replace("col-", ""), 10),
+      columnInMD: parseInt(g.replace("col-md-", ""), 10),
+      columnInLG: parseInt(m.replace("col-xl-", ""), 10),
+      columnInEL: parseInt(a.replace("col-el-", ""), 10)
+    };
+    this.updateUnifiedLayoutAfterResponseLayoutChanged(o, l);
+  }
+  /**
+   * 修改控件布局配置后更新Form统一布局配置
+   * @param componentId 组件Id
+   * @param controlLayoutConfig 某单独变动的控件配置项，FormResponseLayoutContext类型
+   */
+  updateUnifiedLayoutAfterResponseLayoutChanged(e, n) {
+    const { formNode: o } = this.responseLayoutEditorFunction.checkCanFindFormNode(e);
+    if (!o || !o.unifiedLayout)
+      return;
+    const c = [];
+    if (this.responseLayoutEditorFunction.getResonseFormLayoutConfig(o, c, 1), n) {
+      const u = c.find((y) => y.id === n.id);
+      Object.assign(u || {}, n);
+    }
+    const d = c.map((u) => u.columnInSM), g = c.map((u) => u.columnInMD), m = c.map((u) => u.columnInLG), a = c.map((u) => u.columnInEL), l = this.checkIsUniqueColumn(d) ? d[0] : null, t = this.checkIsUniqueColumn(g) ? g[0] : null, p = this.checkIsUniqueColumn(m) ? m[0] : null, s = this.checkIsUniqueColumn(a) ? a[0] : null;
+    Object.assign(o.unifiedLayout, {
+      uniqueColClassInSM: l,
+      uniqueColClassInMD: t,
+      uniqueColClassInLG: p,
+      uniqueColClassInEL: s
+    });
+  }
+  /**
+   * 校验宽度样式值是否一致
+   */
+  checkIsUniqueColumn(e) {
+    const n = new Set(e);
+    return Array.from(n).length === 1;
   }
 }
-class de extends pe {
-  constructor(e, n) {
-    super(e, n);
+class Ie extends be {
+  constructor(r, e) {
+    super(r, e);
   }
-  getEditorProperties(e) {
+  getEditorProperties(r) {
     return {
       description: "编辑器",
       title: "编辑器",
@@ -728,95 +913,95 @@ class de extends pe {
     };
   }
 }
-function ue(t, e) {
+function Be(i, r) {
   const {
-    canAccepts: n,
-    checkCanDeleteComponent: r,
+    canAccepts: e,
+    checkCanDeleteComponent: n,
     checkCanMoveComponent: o,
-    hideNestedPaddingInDesginerView: d,
-    onAcceptMovedChildElement: u,
-    resolveComponentContext: s,
-    triggerBelongedComponentToMoveWhenMoved: A,
-    triggerBelongedComponentToDeleteWhenDeleted: i
-  } = se(t), c = t.schema;
-  function p(g, l) {
-    return new de(g, e).getPropertyConfig(c, l);
+    hideNestedPaddingInDesginerView: c,
+    onAcceptMovedChildElement: d,
+    resolveComponentContext: g,
+    triggerBelongedComponentToMoveWhenMoved: m,
+    triggerBelongedComponentToDeleteWhenDeleted: a
+  } = ye(i), l = i.schema;
+  function t(p, s) {
+    return new Ie(p, r).getPropertyConfig(l, s);
   }
   return {
-    canAccepts: n,
-    checkCanDeleteComponent: r,
+    canAccepts: e,
+    checkCanDeleteComponent: n,
     checkCanMoveComponent: o,
-    hideNestedPaddingInDesginerView: d,
-    onAcceptMovedChildElement: u,
-    resolveComponentContext: s,
-    triggerBelongedComponentToMoveWhenMoved: A,
-    triggerBelongedComponentToDeleteWhenDeleted: i,
-    getPropsConfig: p
+    hideNestedPaddingInDesginerView: c,
+    onAcceptMovedChildElement: d,
+    resolveComponentContext: g,
+    triggerBelongedComponentToMoveWhenMoved: m,
+    triggerBelongedComponentToDeleteWhenDeleted: a,
+    getPropsConfig: t
   };
 }
-const Ae = /* @__PURE__ */ F({
+const Me = /* @__PURE__ */ x({
   name: "FAvatarDesign",
-  props: k,
+  props: w,
   emits: ["change", "update:modelValue"],
-  setup(t, e) {
-    const n = v(), r = P("designer-host-service"), o = P("design-item-context"), d = ue(o, r), u = Q(n, o, d);
-    H(() => {
-      n.value.componentInstance = u;
-    }), e.expose(u.value);
-    const s = b(() => ({
+  setup(i, r) {
+    const e = I(), n = P("designer-host-service"), o = P("design-item-context"), c = Be(o, n), d = K(e, o, c);
+    Z(() => {
+      e.value.componentInstance = d;
+    }), r.expose(d.value);
+    const g = B(() => ({
       "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"
-    })), c = !1;
-    function p() {
+      "f-avatar-readonly": i.readonly,
+      "f-avatar-circle": i.shape === "circle",
+      "f-avatar-square": i.shape === "square"
+    })), m = I(i.modelValue), a = B(() => ({
+      width: i.avatarWidth + "px",
+      height: i.avatarHeight + "px"
+    })), l = !1;
+    function t() {
       return "";
     }
-    function g() {
+    function p() {
     }
-    const l = v(null), {
-      acceptTypes: y,
-      imageSource: h,
-      onClickImage: w
-    } = I(t, e, l, A);
-    return () => f("div", {
-      ref: n,
-      class: s.value,
-      style: i.value,
-      onClick: w
-    }, [c, f("img", {
-      title: t.title,
+    const s = I(null), {
+      acceptTypes: u,
+      imageSource: y,
+      onClickImage: h
+    } = H(i, r, s, m);
+    return () => b("div", {
+      ref: e,
+      class: g.value,
+      style: a.value,
+      onClick: h
+    }, [l, b("img", {
+      title: i.title,
       class: "f-avatar-image",
-      src: h.value,
-      onError: p
-    }, null), !t.readonly && f("div", {
+      src: y.value,
+      onError: t
+    }, null), !i.readonly && b("div", {
       class: "f-avatar-icon"
-    }, [f("span", {
+    }, [b("span", {
       class: "f-icon f-icon-camera"
-    }, null)]), f("input", {
+    }, null)]), b("input", {
       ref: "file",
       name: "file-input",
       type: "file",
       class: "f-avatar-upload",
-      accept: y.value,
-      onChange: g,
+      accept: u.value,
+      onChange: p,
       style: "display: none;"
     }, null)]);
   }
 });
-B.register = (t, e, n, r) => {
-  t.avatar = B, e.avatar = E;
+F.register = (i, r, e, n) => {
+  i.avatar = F, r.avatar = U;
 };
-B.registerDesigner = (t, e, n) => {
-  t.avatar = Ae, e.avatar = E;
+F.registerDesigner = (i, r, e) => {
+  i.avatar = Me, r.avatar = U;
 };
-const Ce = q(B);
+const Pe = J(F);
 export {
-  B as FAvatar,
-  k as avatarProps,
-  Ce as default,
-  E as propsResolver
+  F as FAvatar,
+  w as avatarProps,
+  Pe as default,
+  U as propsResolver
 };