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

package/components/content-container/index.esm.js

@@ -1,14 +1,14 @@
-var N = Object.defineProperty;
-var B = (l, e, t) => e in l ? N(l, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[e] = t;
-var h = (l, e, t) => B(l, typeof e != "symbol" ? e + "" : e, t);
-import { defineComponent as R, createVNode as U, ref as F, inject as S, computed as O, onMounted as A } from "vue";
-import { resolveAppearance as $, createPropsResolver as D } from "../dynamic-resolver/index.esm.js";
-import { getCustomClass as q } from "../common/index.esm.js";
-import { DgControl as x, canvasChanged as j, refreshCanvas as G, UseTemplateDragAndDropRules as L, useDragulaCommonRule as _, useDesignerComponent as z } from "../designer-canvas/index.esm.js";
-import { cloneDeep as Q } from "lodash-es";
-const J = /* @__PURE__ */ new Map([
-  ["appearance", $]
-]), K = "https://json-schema.org/draft/2020-12/schema", W = "https://farris-design.gitee.io/content-container.schema.json", X = "content-container", Y = "A Farris Container Component", Z = "object", H = {
+var O = Object.defineProperty;
+var A = (a, e, t) => e in a ? O(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
+var h = (a, e, t) => A(a, typeof e != "symbol" ? e + "" : e, t);
+import { defineComponent as T, createVNode as U, ref as $, inject as S, computed as D, onMounted as q } from "vue";
+import { resolveAppearance as G, createPropsResolver as j, getPropsResolverGenerator as L } from "../dynamic-resolver/index.esm.js";
+import { getCustomClass as _ } from "../common/index.esm.js";
+import { DgControl as x, canvasChanged as z, refreshCanvas as Q, UseTemplateDragAndDropRules as J, useDragulaCommonRule as K, useDesignerComponent as W } from "../designer-canvas/index.esm.js";
+import { cloneDeep as X } from "lodash-es";
+const k = /* @__PURE__ */ new Map([
+  ["appearance", G]
+]), Y = "https://json-schema.org/draft/2020-12/schema", Z = "https://farris-design.gitee.io/content-container.schema.json", H = "content-container", ee = "A Farris Container Component", te = "object", ne = {
   id: {
     description: "The unique identifier for a Section",
     type: "string"
@@ -54,66 +54,72 @@ const J = /* @__PURE__ */ new Map([
     type: "boolean",
     default: !0
   }
-}, ee = [
+}, se = [
   "id",
   "type",
   "contents"
-], te = {
-  $schema: K,
-  $id: W,
-  title: X,
-  description: Y,
-  type: Z,
-  properties: H,
-  required: ee
+], N = {
+  $schema: Y,
+  $id: Z,
+  title: H,
+  description: ee,
+  type: te,
+  properties: ne,
+  required: se
 };
-function ne(l, e, t) {
+function B(a, e, t) {
   return e;
 }
-const P = {
+const I = {
   customClass: { type: String, default: "" },
   customStyle: { type: String, default: "" },
   /** 控制是否可见 */
   visible: { type: Boolean, default: !0 }
-}, T = D(P, te, J, ne), I = /* @__PURE__ */ R({
+}, he = j(I, N, k, B), R = L(
+  I,
+  N,
+  k,
+  B
+), P = /* @__PURE__ */ T({
   name: "FContentContainer",
-  props: P,
+  props: I,
   emits: [],
-  setup(l, e) {
-    return () => l.visible && U("div", {
-      class: l.customClass,
-      style: l.customStyle
+  setup(a, e) {
+    return () => a.visible && U("div", {
+      class: a.customClass,
+      style: a.customStyle
     }, [e.slots.default && e.slots.default()]);
   }
 });
-function ie(l) {
-  const { formSchemaUtils: e, formStateMachineUtils: t } = l;
-  function n(r, d = "") {
+function ie(a) {
+  const { formSchemaUtils: e, formStateMachineUtils: t } = a;
+  function n(o, d = "") {
     return {
-      path: d + r.code,
-      field: r.id,
-      fullPath: r.code
+      path: d + o.code,
+      field: o.id,
+      fullPath: o.code
     };
   }
-  function i(r, d = "") {
-    return e.getViewModelById(r).states.map((p) => n(p, d));
+  function s(o, d = "") {
+    const u = e.getViewModelById(o);
+    return u ? u.states.map((p) => n(p, d)) : [];
   }
-  function o(r) {
-    const d = e.getRootViewModelId(), u = i(r);
-    if (r === d)
+  function r(o) {
+    const d = e.getRootViewModelId(), u = s(o);
+    if (o === d)
       return u;
-    const p = i(d, "root-component.");
+    const p = s(d, "root-component.");
     return [...u, ...p];
   }
-  function s(r) {
-    return r.binding && r.binding.path || r.id || "";
+  function i(o) {
+    return o.binding && o.binding.path || o.id || "";
   }
-  function a() {
+  function c() {
     return t && t.getRenderStates() || [];
   }
-  return { getVariables: o, getControlName: s, getStateMachines: a };
+  return { getVariables: r, getControlName: i, getStateMachines: c };
 }
-class se {
+class re {
   constructor(e) {
     h(this, "sessionVariables", [
       {
@@ -162,19 +168,19 @@ class se {
       required: "必填表达式"
     });
     h(this, "getExpressionConverter", (e, t) => ({
-      convertFrom: (n, i, o, s) => {
-        const a = o.getExpressionRuleValue(e, t || i);
-        return a && a.value || "";
+      convertFrom: (n, s, r, i) => {
+        const c = r.getExpressionRuleValue(e, t || s);
+        return c && c.value || "";
       },
-      convertTo: (n, i, o, s, a) => {
-        var r;
-        if (i === "dataPicking" && (o != null && o.target)) {
-          const d = `${o.target}_dataPicking`;
-          ((r = o.rules) == null ? void 0 : r.some(
+      convertTo: (n, s, r, i, c) => {
+        var o;
+        if (s === "dataPicking" && (r != null && r.target)) {
+          const d = `${r.target}_dataPicking`;
+          ((o = r.rules) == null ? void 0 : o.some(
             (p) => p.id === d && p.value
           )) ? n.dictPickingExpressionId = d : delete n.dictPickingExpressionId;
         }
-        s.updateExpression(o);
+        i.updateExpression(r);
       }
     }));
     this.formSchemaService = e;
@@ -183,11 +189,11 @@ class se {
     const n = this.formSchemaService.getExpressions();
     if (!n)
       return "";
-    const i = n.find((s) => s.target === e);
-    if (!i)
+    const s = n.find((i) => i.target === e);
+    if (!s)
       return "";
-    const o = i.rules.find((s) => s.type === t);
-    return o || "";
+    const r = s.rules.find((i) => i.type === t);
+    return r || "";
   }
   // 获取上下文表单变量
   getContextFormVariables() {
@@ -197,15 +203,15 @@ class se {
     const t = this.formSchemaService.getRootViewModelId(), n = this.formSchemaService.getViewModelById(t);
     if (!n || !n.states || n.states.length === 0)
       return [];
-    const i = [];
-    return n.states.filter((o) => o.category === "remote").forEach((o) => {
-      i.push({
-        key: o.code,
-        name: o.name,
-        description: o.name,
-        category: o.category
+    const s = [];
+    return n.states.filter((r) => r.category === "remote").forEach((r) => {
+      s.push({
+        key: r.code,
+        name: r.name,
+        description: r.name,
+        category: r.category
       });
-    }), i;
+    }), s;
   }
   createTreeNode(e, t, n = "label") {
     return {
@@ -218,27 +224,27 @@ class se {
   }
   buildEntityFieldsTreeData(e = null, t) {
     const n = [];
-    return e == null || e.forEach((i) => {
-      var a;
-      const o = this.createTreeNode(i, t);
-      let s = [];
-      (a = i.type) != null && a.fields && (s = this.buildEntityFieldsTreeData(i.type.fields, [...t, i.label])), n.push({
-        data: o,
-        children: s,
+    return e == null || e.forEach((s) => {
+      var c;
+      const r = this.createTreeNode(s, t);
+      let i = [];
+      (c = s.type) != null && c.fields && (i = this.buildEntityFieldsTreeData(s.type.fields, [...t, s.label])), n.push({
+        data: r,
+        children: i,
         expanded: !0
       });
     }), n;
   }
   buildChildEntityTreeData(e = null, t) {
     const n = [];
-    return e == null || e.forEach((i) => {
-      var r, d;
-      const o = this.createTreeNode(i, t);
-      o.type = "entity";
-      const s = this.buildEntityFieldsTreeData((r = i.type) == null ? void 0 : r.fields, [...t, i.label]), a = this.buildChildEntityTreeData((d = i.type) == null ? void 0 : d.entities, [...t, i.label]);
-      a != null && a.length && (s == null || s.push(...a)), n.push({
-        data: o,
-        children: s || [],
+    return e == null || e.forEach((s) => {
+      var o, d;
+      const r = this.createTreeNode(s, t);
+      r.type = "entity";
+      const i = this.buildEntityFieldsTreeData((o = s.type) == null ? void 0 : o.fields, [...t, s.label]), c = this.buildChildEntityTreeData((d = s.type) == null ? void 0 : d.entities, [...t, s.label]);
+      c != null && c.length && (i == null || i.push(...c)), n.push({
+        data: r,
+        children: i || [],
         // 空值回退
         expanded: !0
       });
@@ -251,8 +257,8 @@ class se {
     const t = e[0];
     if (!(t != null && t.type))
       return [];
-    const n = this.buildEntityFieldsTreeData(t.type.fields, [t.code]), i = this.buildChildEntityTreeData(t.type.entities, [t.code]);
-    return i != null && i.length && (n == null || n.push(...i)), {
+    const n = this.buildEntityFieldsTreeData(t.type.fields, [t.code]), s = this.buildChildEntityTreeData(t.type.entities, [t.code]);
+    return s != null && s.length && (n == null || n.push(...s)), {
       entityCode: t.code,
       fields: [{
         data: this.createTreeNode(t, [], "code"),
@@ -278,105 +284,105 @@ class se {
     };
   }
   onBeforeOpenExpression(e, t, n) {
-    const i = n === "Field" ? e.binding.field : e.id, o = this.getExpressionRule(i, t), s = this.getEntitiesAndVariables(), a = {
-      message: ["validate", "required", "dataPicking"].includes(t) && o ? o.message : "",
-      ...s
+    const s = n === "Field" ? e.binding.field : e.id, r = this.getExpressionRule(s, t), i = this.getEntitiesAndVariables(), c = {
+      message: ["validate", "required", "dataPicking"].includes(t) && r ? r.message : "",
+      ...i
     };
-    return o.messageType != null && (a.messageType = o.messageType), a;
+    return r.messageType != null && (c.messageType = r.messageType), c;
   }
-  buildRule(e, t, n, i) {
-    const { expression: o, message: s, messageType: a } = t, r = {
+  buildRule(e, t, n, s) {
+    const { expression: r, message: i, messageType: c } = t, o = {
       id: `${e}_${n}`,
       type: n,
-      value: o
+      value: r
     };
-    return (n === "validate" || n === "dataPicking" || n === "required") && (r.message = s), n === "dataPicking" && (r.messageType = a), n === "validate" && i && (r.elementId = i), r;
+    return (n === "validate" || n === "dataPicking" || n === "required") && (o.message = i), n === "dataPicking" && (o.messageType = c), n === "validate" && s && (o.elementId = s), o;
   }
   getExpressionData() {
     const { expressions: e } = this.formSchemaService.getFormSchema().module;
     return e || [];
   }
-  updateExpression(e, t, n, i) {
-    const o = t === "Field" ? e.binding.field : e.id, s = this.buildRule(o, n, i, e.type === "form-group" ? e.id : "");
-    let r = this.getExpressionData().find((u) => u.targetType === t && u.target === o);
+  updateExpression(e, t, n, s) {
+    const r = t === "Field" ? e.binding.field : e.id, i = this.buildRule(r, n, s, e.type === "form-group" ? e.id : "");
+    let o = this.getExpressionData().find((u) => u.targetType === t && u.target === r);
     const d = (u) => u.value.trim() === "";
-    if (r) {
-      const u = r.rules.find((p) => p.id === s.id);
+    if (o) {
+      const u = o.rules.find((p) => p.id === i.id);
       if (u)
-        d(s) ? r.rules = r.rules.filter((p) => p.id !== s.id) : (Object.assign(u, s), i === "validate" && e.type === "form-group" && (u.elementId = e.id));
+        d(i) ? o.rules = o.rules.filter((p) => p.id !== i.id) : (Object.assign(u, i), s === "validate" && e.type === "form-group" && (u.elementId = e.id));
       else {
-        if (d(s))
+        if (d(i))
           return null;
-        r.rules = r.rules || [], r.rules.push(s);
+        o.rules = o.rules || [], o.rules.push(i);
       }
     } else {
-      if (d(s))
+      if (d(i))
         return null;
-      r = {
-        target: `${o}`,
-        rules: [s],
+      o = {
+        target: `${r}`,
+        rules: [i],
         targetType: t
       };
     }
-    return r;
+    return o;
   }
-  getExpressionEditorOptions(e, t, n, i) {
-    return n.reduce((o, s) => {
-      var r, d;
-      const a = t === "Field" ? (r = e == null ? void 0 : e.binding) == null ? void 0 : r.field : e.id;
-      return o[s] = {
+  getExpressionEditorOptions(e, t, n, s) {
+    return n.reduce((r, i) => {
+      var o, d;
+      const c = t === "Field" ? (o = e == null ? void 0 : e.binding) == null ? void 0 : o.field : e.id;
+      return r[i] = {
         hide: t === "Field" ? !!((d = e == null ? void 0 : e.binding) != null && d.field) : !1,
         description: "",
-        title: this.expressionNames[s],
+        title: this.expressionNames[i],
         type: "string",
-        $converter: this.getExpressionConverter(a),
+        $converter: this.getExpressionConverter(c),
         refreshPanelAfterChanged: !0,
         editor: {
           type: "expression-editor",
           singleExpand: !1,
-          dialogTitle: `${this.expressionNames[s]}编辑器`,
-          showMessage: s === "validate" || s === "dataPicking" || s === "required",
-          showMessageType: s === "dataPicking",
-          beforeOpen: () => this.onBeforeOpenExpression(e, s, t),
+          dialogTitle: `${this.expressionNames[i]}编辑器`,
+          showMessage: i === "validate" || i === "dataPicking" || i === "required",
+          showMessageType: i === "dataPicking",
+          beforeOpen: () => this.onBeforeOpenExpression(e, i, t),
           onSubmitModal: (u) => {
-            const p = this.updateExpression(e, t, u, s);
-            if (i) {
-              const y = this.buildRule(a, u, s);
-              i(y);
+            const p = this.updateExpression(e, t, u, i);
+            if (s) {
+              const y = this.buildRule(c, u, i);
+              s(y);
             }
             return p;
           }
         }
-      }, o;
+      }, r;
     }, {});
   }
   getExpressionInfo(e, t, n) {
-    const i = t === "Field" ? e.binding.field : e.id, o = this.getExpressionRule(i, n), s = {
-      value: o && o.value,
-      targetId: i,
+    const s = t === "Field" ? e.binding.field : e.id, r = this.getExpressionRule(s, n), i = {
+      value: r && r.value,
+      targetId: s,
       targetType: t,
       expressionType: n
     };
-    return o && o.message && (s.message = o.message), s;
+    return r && r.message && (i.message = r.message), i;
   }
-  getExpressionConfig(e, t, n = ["compute", "dependency", "validate"], i) {
+  getExpressionConfig(e, t, n = ["compute", "dependency", "validate"], s) {
     return {
       description: "表达式",
       title: "表达式",
       hide: !e.binding,
       properties: {
-        ...this.getExpressionEditorOptions(e, t, n, i)
+        ...this.getExpressionEditorOptions(e, t, n, s)
       }
     };
   }
   getExpressionOptions(e, t, n) {
-    const i = this.getExpressionInfo(e, t, n);
+    const s = this.getExpressionInfo(e, t, n);
     return {
       dialogTitle: `${this.expressionNames[n]}编辑器`,
       singleExpand: !1,
       showMessage: n === "required",
       beforeOpen: () => this.onBeforeOpenExpression(e, n, t),
-      expressionInfo: i
+      expressionInfo: s
     };
   }
 }
@@ -414,8 +420,8 @@ class oe {
     const t = e.binding && e.binding.type === "Form" && e.binding.field;
     if (t) {
       if (!this.designViewModelField) {
-        const i = this.designViewModelUtils.getDgViewModel(this.viewModelId);
-        this.designViewModelField = i.fields.find((o) => o.id === t);
+        const s = this.designViewModelUtils.getDgViewModel(this.viewModelId);
+        this.designViewModelField = s.fields.find((r) => r.id === t);
       }
       e.updateOn = (n = this.designViewModelField) == null ? void 0 : n.updateOn;
     }
@@ -448,10 +454,10 @@ class oe {
     };
   }
   getAppearanceConfig(e = null, t = {}, n) {
-    const i = {
+    const s = {
       title: "外观",
       description: "Appearance"
-    }, o = {
+    }, r = {
       class: {
         title: "class样式",
         type: "string",
@@ -467,21 +473,21 @@ class oe {
         parentPropertyID: "appearance"
       }
     };
-    for (const s in t)
-      o[s] = Object.assign(o[s] || {}, t[s]);
+    for (const i in t)
+      r[i] = Object.assign(r[i] || {}, t[i]);
     return {
-      ...i,
-      properties: { ...o },
-      setPropertyRelates(s, a) {
-        if (s) {
-          switch (s && s.propertyID) {
+      ...s,
+      properties: { ...r },
+      setPropertyRelates(i, c) {
+        if (i) {
+          switch (i && i.propertyID) {
             case "class":
             case "style": {
-              j.value++;
+              z.value++;
               break;
             }
           }
-          n && n(s, e, a);
+          n && n(i, e, c);
         }
       }
     };
@@ -496,8 +502,8 @@ class oe {
    * @param expressionType 指定表达式类型，存在属性和表达式类型不一致的情况
    * @returns 
    */
-  getPropertyEditorParams(e, t = [], n = "visible", i = {}, o = {}, s = "") {
-    const { getVariables: a, getControlName: r, getStateMachines: d } = ie(this.designerHostService), u = this.getRealTargetType(e), p = t && t.length > 0 ? t : ["Const", "Variable", "StateMachine", "Expression"], y = {
+  getPropertyEditorParams(e, t = [], n = "visible", s = {}, r = {}, i = "") {
+    const { getVariables: c, getControlName: o, getStateMachines: d } = ie(this.designerHostService), u = this.getRealTargetType(e), p = t && t.length > 0 ? t : ["Const", "Variable", "StateMachine", "Expression"], y = {
       type: "property-editor",
       propertyTypes: p
     };
@@ -507,33 +513,33 @@ class oe {
           Object.assign(y, {
             constType: "enum",
             constEnums: [{ id: !0, name: "是" }, { id: !1, name: "否" }]
-          }, i);
+          }, s);
           break;
         case "Expression":
-          y.expressionConfig = this.getExpressionOptions(e, u, s || n);
+          y.expressionConfig = this.getExpressionOptions(e, u, i || n);
           break;
         case "StateMachine":
           y.stateMachines = d();
           break;
         case "Variable":
           Object.assign(y, {
-            controlName: r(e),
+            controlName: o(e),
             newVariablePrefix: "is",
             newVariableType: "Boolean",
-            variables: a(this.viewModelId),
+            variables: c(this.viewModelId),
             parentComponentId: this.componentId === "root-component" ? "" : "root-component",
             onBeforeOpenVariables: (C) => {
-              C.value = a(this.viewModelId);
+              C.value = c(this.viewModelId);
             }
-          }, o), this.designerContext.designerMode === "PC_RTC" && (y.newVariablePrefix = "ext_" + y.newVariablePrefix);
+          }, r), this.designerContext.designerMode === "PC_RTC" && (y.newVariablePrefix = "ext_" + y.newVariablePrefix);
           break;
       }
     }), y;
   }
   getVisibleProperty(e, t = "") {
-    var o;
+    var r;
     let n = ["Const", "Variable", "StateMachine", "Expression"];
-    return t === "gridFieldEditor" ? n = ["Const", "Expression"] : t === "form-group" && !((o = e.binding) != null && o.field) && (n = ["Const", "Variable", "StateMachine"]), {
+    return t === "gridFieldEditor" ? n = ["Const", "Expression"] : t === "form-group" && !((r = e.binding) != null && r.field) && (n = ["Const", "Variable", "StateMachine"]), {
       visible: {
         title: "是否可见",
         type: "boolean",
@@ -548,27 +554,27 @@ class oe {
    * @param viewModelId 
    * @returns 
    */
-  getBehaviorConfig(e, t = "", n = {}, i) {
-    const o = {
+  getBehaviorConfig(e, t = "", n = {}, s) {
+    const r = {
       title: "行为",
       description: ""
-    }, s = this.getVisibleProperty(e, t);
-    for (const r in n)
-      s[r] = Object.assign(s[r] || {}, n[r]);
-    const a = this;
+    }, i = this.getVisibleProperty(e, t);
+    for (const o in n)
+      i[o] = Object.assign(i[o] || {}, n[o]);
+    const c = this;
     return {
-      ...o,
-      properties: { ...s },
-      setPropertyRelates(r, d) {
-        if (r) {
-          switch (r.propertyID) {
+      ...r,
+      properties: { ...i },
+      setPropertyRelates(o, d) {
+        if (o) {
+          switch (o.propertyID) {
             case "disabled":
             case "readonly":
             case "visible":
-              a.afterMutilEditorChanged(e, r);
+              c.afterMutilEditorChanged(e, o);
               break;
           }
-          i && i(r, d);
+          s && s(o, d);
         }
       }
     };
@@ -591,8 +597,8 @@ class oe {
     const n = t && t.parent && t.parent.schema;
     if (!n)
       return;
-    const i = n.contents.findIndex((s) => s.id === e), o = Q(n.contents[i]);
-    n.contents.splice(i, 1), n.contents.splice(i, 0, o), G();
+    const s = n.contents.findIndex((i) => i.id === e), r = X(n.contents[s]);
+    n.contents.splice(s, 1), n.contents.splice(s, 0, r), Q();
   }
   /**
    * 属性编辑器，在编辑过程中会新增变量，此处需要将新增的变量追加到ViewModel中
@@ -604,7 +610,7 @@ class oe {
     const n = e.propertyValue;
     if (!(n && typeof n == "object") || !(n.type === "Variable" && n.isNewVariable))
       return;
-    const s = {
+    const i = {
       id: n.field,
       category: "locale",
       code: n.fullPath,
@@ -612,7 +618,7 @@ class oe {
       type: n.newVariableType || "String",
       isRtcVariable: this.designerContext.designerMode === "PC_RTC" ? !0 : void 0
     };
-    delete n.newVariableType, delete n.isNewVariable, this.formSchemaUtils.getVariableByCode(s.code) || this.formSchemaUtils.getViewModelById("root-viewmodel").states.push(s);
+    delete n.newVariableType, delete n.isNewVariable, this.formSchemaUtils.getVariableByCode(i.code) || this.formSchemaUtils.getViewModelById("root-viewmodel").states.push(i);
   }
   /**
    * 更新表达式到expressions节点
@@ -622,16 +628,16 @@ class oe {
     const t = e.propertyValue;
     if (!((t && t.type) === "Expression" && t.expressionInfo))
       return;
-    const { expressionId: o, expressionInfo: s } = t, { targetId: a, targetType: r, expressionType: d, value: u, message: p } = s, y = this.formSchemaUtils.getModule();
+    const { expressionId: r, expressionInfo: i } = t, { targetId: c, targetType: o, expressionType: d, value: u, message: p } = i, y = this.formSchemaUtils.getModule();
     y.expressions = y.expressions || [];
     const { expressions: w } = y;
-    let C = w.find((v) => v.target === a);
-    C || (C = { target: a, rules: [], targetType: r }, w.push(C));
+    let C = w.find((v) => v.target === c);
+    C || (C = { target: c, rules: [], targetType: o }, w.push(C));
     const V = C.rules.find((v) => v.type === d);
     if (V)
       V.value = u, V.message = p;
     else {
-      const v = { id: o, type: d, value: u, message: p };
+      const v = { id: r, type: d, value: u, message: p };
       C.rules.push(v);
     }
     delete t.expressionInfo;
@@ -646,14 +652,14 @@ class oe {
     const n = e.propertyValue;
     if (n && n.type === "Expression")
       return;
-    const o = e.propertyID, s = this.formSchemaUtils.getExpressions(), a = t.binding ? t.binding.field : t.id, r = s.find((d) => d.target === a);
-    !r || !r.rules || (r.rules = r.rules.filter((d) => d.type !== o));
+    const r = e.propertyID, i = this.formSchemaUtils.getExpressions(), c = t.binding ? t.binding.field : t.id, o = i.find((d) => d.target === c);
+    !o || !o.rules || (o.rules = o.rules.filter((d) => d.type !== r));
   }
   getExpressionOptions(e, t, n) {
-    return new se(this.formSchemaUtils).getExpressionOptions(e, t, n);
+    return new re(this.formSchemaUtils).getExpressionOptions(e, t, n);
   }
   getRealTargetType(e) {
-    return ["response-toolbar-item", "tab-toolbar-item", "section-toolbar-item"].indexOf(e.type) > -1 ? "Button" : e.binding && e.binding.field ? "Field" : "Container";
+    return ["response-toolbar-item", "tab-toolbar-item", "section-toolbar-item", "drawer-toolbar-item"].indexOf(e.type) > -1 ? "Button" : e.binding && e.binding.field ? "Field" : "Container";
   }
   createBaseEventProperty(e) {
     const t = {};
@@ -662,14 +668,14 @@ class oe {
       editor: {
         initialData: e,
         viewSourceHandle: (n) => {
-          var i;
-          ((i = n.controller) == null ? void 0 : i.label.indexOf(this.formSchemaUtils.getModule().code)) > -1 && this.eventsEditorUtils.jumpToMethod(n);
+          var s;
+          ((s = n.controller) == null ? void 0 : s.label.indexOf(this.formSchemaUtils.getModule().code)) > -1 && this.eventsEditorUtils.jumpToMethod(n);
         }
       }
     }, t;
   }
 }
-class re extends oe {
+class ae extends oe {
   constructor(e, t) {
     super(e, t);
   }
@@ -677,78 +683,82 @@ class re extends oe {
     return this.propertyConfig.categories.basic = this.getBasicPropConfig(e), this.propertyConfig.categories.appearance = this.getAppearanceConfig(e), this.propertyConfig.categories.behavior = this.getBehaviorConfig(e), this.propertyConfig;
   }
 }
-function ae(l, e) {
-  const t = l.schema, n = new L();
-  function i(c) {
+function ce(a, e) {
+  const t = a.schema, n = new J();
+  function s(l) {
     var g;
-    const { componentType: f, sourceType: m, sourceElement: b } = c;
+    const { componentType: f, sourceType: m, sourceElement: b } = l;
     return !!(m === "control" && f === x["query-solution"].type || m === "move" && f === x.section.type && ((g = b == null ? void 0 : b.className) != null && g.includes("f-section-scheme")));
   }
-  function o() {
-    const c = e == null ? void 0 : e.formSchemaUtils, f = c.getComponentById("root-component");
-    return c.selectNode(f, (b) => {
+  function r() {
+    const l = e == null ? void 0 : e.formSchemaUtils, f = l.getComponentById("root-component");
+    return l.selectNode(f, (b) => {
       if (b.type === "component-ref") {
-        const g = c.getComponentById(b.component), E = c.getViewModelById(g == null ? void 0 : g.viewModel);
+        const g = l.getComponentById(b.component), E = l.getViewModelById(g == null ? void 0 : g.viewModel);
         if ((g == null ? void 0 : g.componentType) === "data-grid" && (E == null ? void 0 : E.bindTo) === "/")
-          return !c.selectNode(g, (k) => k.type === "tree-grid");
+          return !l.selectNode(g, (F) => F.type === "tree-grid");
       }
     });
   }
-  function s() {
-    const c = e == null ? void 0 : e.formSchemaUtils;
-    return c.selectNode(t, (m) => {
+  function i() {
+    const l = e == null ? void 0 : e.formSchemaUtils;
+    return l.selectNode(t, (m) => {
       if (m.type === "component-ref") {
-        const b = c.getComponentById(m.component);
-        if ((b == null ? void 0 : b.componentType) === "data-grid" && c.selectNode(b, (E) => E.contents && E.contents.find((M) => M.type === x["filter-bar"].type)))
+        const b = l.getComponentById(m.component);
+        if ((b == null ? void 0 : b.componentType) === "data-grid" && l.selectNode(b, (E) => E.contents && E.contents.find((M) => M.type === x["filter-bar"].type)))
           return !0;
       }
     });
   }
-  function a() {
-    const c = e == null ? void 0 : e.formSchemaUtils, f = c.getComponentById("root-component");
-    return !!c.selectNode(f, (b) => b.type === x["query-solution"].type);
+  function c() {
+    const l = e == null ? void 0 : e.formSchemaUtils, f = l.getComponentById("root-component");
+    return !!l.selectNode(f, (b) => b.type === x["query-solution"].type);
   }
-  function r(c) {
+  function o(l) {
     var g;
-    const f = (g = t.appearance) == null ? void 0 : g.class, { sourceType: m } = c;
-    return f && f.split(" ").includes("f-page") ? m === "control" ? !a() && !s() && o() : m === "move" : !1;
+    const f = (g = t.appearance) == null ? void 0 : g.class, { sourceType: m } = l;
+    return f && f.split(" ").includes("f-page") ? m === "control" ? !c() && !i() && r() : m === "move" : !1;
   }
-  function d(c) {
-    const { componentType: f, sourceType: m } = c;
+  function d(l) {
+    const { componentType: f, sourceType: m } = l;
     return m === "control" && f === x.drawer.type;
   }
-  function u(c) {
+  function u(l) {
     var g;
-    const f = (g = t.appearance) == null ? void 0 : g.class, { sourceType: m } = c;
+    const f = (g = t.appearance) == null ? void 0 : g.class, { sourceType: m } = l;
     return f && f.split(" ").includes("f-page") ? m === "control" ? !(t.contents && t.contents.find((M) => M.type === x.drawer.type)) : m === "move" : !1;
   }
-  function p(c) {
-    if (i(c))
-      return r(c);
-    if (d(c))
-      return u(c);
-    if (!_().basalDragulaRuleForContainer(c, e))
+  function p(l) {
+    if (s(l))
+      return o(l);
+    if (d(l))
+      return u(l);
+    if (!K().basalDragulaRuleForContainer(l, e))
       return !1;
-    const { canAccept: m } = n.getTemplateRule(l, e);
+    const { canAccept: m } = n.getTemplateRule(a, e);
     return m;
   }
   function y() {
     return t.componentType ? "display:inherit;flex-direction:inherit;margin-bottom:10px" : "";
   }
   function w() {
-    const { canMove: c } = n.getTemplateRule(l, e);
-    return c;
+    if (a.schema.appearance && a.schema.appearance.class && a.schema.appearance.class.includes("fm-page-footer-container"))
+      return !1;
+    const { canMove: l } = n.getTemplateRule(a, e);
+    return l;
   }
   function C() {
-    const { canDelete: c } = n.getTemplateRule(l, e);
-    return c;
+    if (a.schema.appearance && a.schema.appearance.class && a.schema.appearance.class.includes("fm-page-footer-container"))
+      return !1;
+    const { canDelete: l } = n.getTemplateRule(a, e);
+    return l;
   }
   function V() {
-    const { canMove: c, canDelete: f } = n.getTemplateRule(l, e);
-    return !c && !f;
+    const { canMove: l, canDelete: f } = n.getTemplateRule(a, e);
+    return !l && !f;
   }
-  function v(c) {
-    const f = new re(c, e), { schema: m } = l;
+  function v(l) {
+    const f = new ae(l, e), { schema: m } = a;
     return f.getPropertyConfig(m);
   }
   return {
@@ -760,38 +770,39 @@ function ae(l, e) {
     getPropsConfig: v
   };
 }
-const ce = /* @__PURE__ */ R({
+const le = /* @__PURE__ */ T({
   name: "FContentContainerDesign",
-  props: P,
+  props: I,
   emits: [],
-  setup(l, e) {
-    const t = F(), n = S("designer-host-service"), i = S("design-item-context"), o = ae(i, n), s = z(t, i, o), a = O(() => q({
+  setup(a, e) {
+    const t = $(), n = S("designer-host-service"), s = S("design-item-context"), r = ce(s, n), i = W(t, s, r), c = D(() => _({
       "drag-container": !0
-    }, l == null ? void 0 : l.customClass));
-    return A(() => {
-      t.value.componentInstance = s;
-    }), e.expose(s.value), () => U("div", {
+    }, a == null ? void 0 : a.customClass));
+    return q(() => {
+      t.value.componentInstance = i;
+    }), e.expose(i.value), () => U("div", {
       ref: t,
-      class: a.value,
-      style: l.customStyle,
-      "data-dragref": `${i.schema.id}-container`
+      class: c.value,
+      style: a.customStyle,
+      "data-dragref": `${s.schema.id}-container`
     }, [e.slots.default && e.slots.default()]);
   }
-}), ge = {
-  install(l) {
-    l.component(I.name, I);
+}), ye = {
+  install(a) {
+    a.component(P.name, P);
   },
-  register(l, e, t, n) {
-    l["content-container"] = I, e["content-container"] = T;
+  register(a, e, t, n, s) {
+    a["content-container"] = P, e["content-container"] = R(s);
   },
-  registerDesigner(l, e, t) {
-    l["content-container"] = ce, e["content-container"] = T;
+  registerDesigner(a, e, t, n) {
+    a["content-container"] = le, e["content-container"] = R(n);
   }
 };
 export {
-  I as ContentContainer,
-  ce as ContentContainerDesign,
-  P as contentContainerProps,
-  ge as default,
-  T as propsResolver
+  P as ContentContainer,
+  le as ContentContainerDesign,
+  I as contentContainerProps,
+  ye as default,
+  he as propsResolver,
+  R as propsResolverGenerator
 };