@farris/ui-vue 1.8.0-alpha.0 → 1.8.0-beta.1

package/components/fieldset/index.esm.js

@@ -1,15 +1,15 @@
 var J = Object.defineProperty;
 var K = (d, e, t) => e in d ? J(d, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : d[e] = t;
 var h = (d, e, t) => K(d, typeof e != "symbol" ? e + "" : e, t);
-import { defineComponent as j, ref as T, computed as F, createVNode as v, inject as $, onMounted as Q, nextTick as X } from "vue";
-import { resolveAppearance as Y, createPropsResolver as Z, getPropsResolverGenerator as H } from "../dynamic-resolver/index.esm.js";
-import { DgControl as S, canvasChanged as ee, refreshCanvas as te, UseTemplateDragAndDropRules as ne, useDragulaCommonRule as se, useDesignerComponent as ie, setPositionOfSelectedComponentBtnGroup as oe } from "../designer-canvas/index.esm.js";
-import { FormBindingType as D } from "../property-panel/index.esm.js";
-import { cloneDeep as re } from "lodash-es";
-import { useDesignerRules as G } from "../dynamic-form/index.esm.js";
-const _ = /* @__PURE__ */ new Map([
-  ["appearance", Y]
-]), ae = "https://json-schema.org/draft/2020-12/schema", le = "https://farris-design.gitee.io/fieldset.schema.json", de = "fieldset", ce = "A Farris Container Component", ue = "object", pe = {
+import { defineComponent as q, ref as T, computed as F, watch as Q, createVNode as y, inject as $, onMounted as X, nextTick as Y } from "vue";
+import { resolveAppearance as Z, createPropsResolver as H, getPropsResolverGenerator as ee } from "../dynamic-resolver/index.esm.js";
+import { DgControl as S, canvasChanged as te, refreshCanvas as ne, UseTemplateDragAndDropRules as ie, useDragulaCommonRule as se, useDesignerComponent as oe, setPositionOfSelectedComponentBtnGroup as re } from "../designer-canvas/index.esm.js";
+import { FormBindingType as G } from "../property-panel/index.esm.js";
+import { cloneDeep as ae } from "lodash-es";
+import { useDesignerRules as D } from "../dynamic-form/index.esm.js";
+const j = /* @__PURE__ */ new Map([
+  ["appearance", Z]
+]), le = "https://json-schema.org/draft/2020-12/schema", de = "https://farris-design.gitee.io/fieldset.schema.json", ce = "fieldset", ue = "A Farris Container Component", pe = "object", fe = {
   id: {
     description: "The unique identifier for a fieldset",
     type: "string"
@@ -36,25 +36,48 @@ const _ = /* @__PURE__ */ new Map([
     description: "The title for a fieldset",
     type: "string"
   },
+  expandStatus: {
+    description: "The expanded status for a fieldset",
+    type: "boolean",
+    default: !0
+  },
+  expandLabel: {
+    description: "The expanded label for a fieldset",
+    type: "string"
+  },
+  collapseLabel: {
+    description: "The collapsed label for a fieldset",
+    type: "string"
+  },
   contents: {
     description: "",
     type: "array",
     default: []
+  },
+  visible: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  sectionCollapseVisible: {
+    description: "",
+    type: "boolean",
+    default: !1
   }
-}, fe = [
+}, ge = [
   "id",
   "type",
   "contents"
-], z = {
-  $schema: ae,
-  $id: le,
-  title: de,
-  description: ce,
-  type: ue,
-  properties: pe,
-  required: fe
+], _ = {
+  $schema: le,
+  $id: de,
+  title: ce,
+  description: ue,
+  type: pe,
+  properties: fe,
+  required: ge
 };
-function L(d, e, t) {
+function z(d, e, t) {
   return Object.assign(e, {
     appearance: {
       class: "col-12 px-0"
@@ -62,32 +85,43 @@ function L(d, e, t) {
     title: "分组标题"
   }), e;
 }
-const R = {
+const B = {
   /** 组件自定义样式 */
   customClass: { type: String, default: "" },
   customStyle: { type: String, default: "" },
   /** 标题 */
-  title: { type: String, default: "" }
-}, me = Object.assign({}, R, {
+  title: { type: String, default: "" },
+  /** 设置初始是否处于展开状态，支持：true 内容区域被展开|false 内容区域被収折 */
+  expandStatus: { type: Boolean, default: !0 },
+  /** 展开文本 */
+  expandLabel: { type: String, default: "" },
+  /** 收起文本 */
+  collapseLabel: { type: String, default: "" },
+  /** 控制是否可见 */
+  visible: { type: Boolean, default: !0 },
+  /** 分组面板收折时显示 */
+  sectionCollapseVisible: { type: Boolean, default: !1 }
+}, me = Object.assign({}, B, {
   componentId: { type: String, default: "" }
-}), Fe = Z(R, z, _, L), q = H(
-  R,
-  z,
+}), Se = H(B, _, j, z), L = ee(
+  B,
   _,
-  L
-), k = /* @__PURE__ */ j({
+  j,
+  z
+), R = /* @__PURE__ */ q({
   name: "FFieldset",
-  props: R,
+  props: B,
   emits: [],
   setup(d, e) {
-    const t = T(!0);
+    const t = T(d.expandStatus);
     function n(a, r) {
       a && r && r.split(" ").reduce((u, p) => (u[p] = !0, u), a);
     }
-    const s = F(() => {
+    const i = F(() => {
       const a = {
         "f-section-formgroup": !0,
-        "f-state-collapse": !t.value
+        "f-state-collapse": !t.value,
+        "f-state-visible": d.sectionCollapseVisible
       };
       return n(a, d.customClass), a;
     }), o = F(() => ({
@@ -96,30 +130,32 @@ const R = {
       "f-btn-collapse-expand": !0,
       "f-state-expand": t.value
     }));
-    function i() {
+    function s() {
       t.value = !t.value;
     }
-    return () => v("fieldset", {
-      class: s.value,
+    return Q(() => d.expandStatus, (a, r) => {
+      a !== r && (t.value = a);
+    }), () => d.visible ? y("fieldset", {
+      class: i.value,
       style: d.customStyle
-    }, [v("legend", {
+    }, [y("legend", {
       class: "f-section-formgroup-legend"
-    }, [v("div", {
+    }, [y("div", {
       class: "f-header"
-    }, [v("div", {
+    }, [y("div", {
       class: "f-title",
-      onClick: i
-    }, [d.title]), v("div", {
+      onClick: s
+    }, [d.title]), y("div", {
       class: "f-toolbar",
-      onClick: i
-    }, [v("button", {
+      onClick: s
+    }, [y("button", {
       class: o.value
-    }, null)])])]), v("div", {
+    }, [y("span", null, [t.value ? d.collapseLabel : d.expandLabel])])])])]), y("div", {
       class: "f-section-formgroup-inputs"
-    }, [e.slots.default && e.slots.default()])]);
+    }, [e.slots.default && e.slots.default()])]) : null;
   }
 });
-function ge(d) {
+function he(d) {
   const { formSchemaUtils: e, formStateMachineUtils: t } = d;
   function n(r, l = "") {
     return {
@@ -128,26 +164,26 @@ function ge(d) {
       fullPath: r.code
     };
   }
-  function s(r, l = "") {
+  function i(r, l = "") {
     const u = e.getViewModelById(r);
     return u ? u.states.map((p) => n(p, l)) : [];
   }
   function o(r) {
-    const l = e.getRootViewModelId(), u = s(r);
+    const l = e.getRootViewModelId(), u = i(r);
     if (r === l)
       return u;
-    const p = s(l, "root-component.");
+    const p = i(l, "root-component.");
     return [...u, ...p];
   }
-  function i(r) {
+  function s(r) {
     return r.binding && r.binding.path || r.id || "";
   }
   function a() {
     return t && t.getRenderStates() || [];
   }
-  return { getVariables: o, getControlName: i, getStateMachines: a };
+  return { getVariables: o, getControlName: s, getStateMachines: a };
 }
-class he {
+class be {
   constructor(e) {
     h(this, "sessionVariables", [
       {
@@ -196,19 +232,19 @@ class he {
       required: "必填表达式"
     });
     h(this, "getExpressionConverter", (e, t) => ({
-      convertFrom: (n, s, o, i) => {
-        const a = o.getExpressionRuleValue(e, t || s);
+      convertFrom: (n, i, o, s) => {
+        const a = o.getExpressionRuleValue(e, t || i);
         return a && a.value || "";
       },
-      convertTo: (n, s, o, i, a) => {
+      convertTo: (n, i, o, s, a) => {
         var r;
-        if (s === "dataPicking" && (o != null && o.target)) {
+        if (i === "dataPicking" && (o != null && o.target)) {
           const l = `${o.target}_dataPicking`;
           ((r = o.rules) == null ? void 0 : r.some(
             (p) => p.id === l && p.value
           )) ? n.dictPickingExpressionId = l : delete n.dictPickingExpressionId;
         }
-        i.updateExpression(o);
+        s.updateExpression(o);
       }
     }));
     this.formSchemaService = e;
@@ -217,10 +253,10 @@ class he {
     const n = this.formSchemaService.getExpressions();
     if (!n)
       return "";
-    const s = n.find((i) => i.target === e);
-    if (!s)
+    const i = n.find((s) => s.target === e);
+    if (!i)
       return "";
-    const o = s.rules.find((i) => i.type === t);
+    const o = i.rules.find((s) => s.type === t);
     return o || "";
   }
   // 获取上下文表单变量
@@ -231,15 +267,15 @@ class he {
     const t = this.formSchemaService.getRootViewModelId(), n = this.formSchemaService.getViewModelById(t);
     if (!n || !n.states || n.states.length === 0)
       return [];
-    const s = [];
+    const i = [];
     return n.states.filter((o) => o.category === "remote").forEach((o) => {
-      s.push({
+      i.push({
         key: o.code,
         name: o.name,
         description: o.name,
         category: o.category
       });
-    }), s;
+    }), i;
   }
   createTreeNode(e, t, n = "label") {
     return {
@@ -252,27 +288,27 @@ class he {
   }
   buildEntityFieldsTreeData(e = null, t) {
     const n = [];
-    return e == null || e.forEach((s) => {
+    return e == null || e.forEach((i) => {
       var a;
-      const o = this.createTreeNode(s, t);
-      let i = [];
-      (a = s.type) != null && a.fields && (i = this.buildEntityFieldsTreeData(s.type.fields, [...t, s.label])), n.push({
+      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: i,
+        children: s,
         expanded: !0
       });
     }), n;
   }
   buildChildEntityTreeData(e = null, t) {
     const n = [];
-    return e == null || e.forEach((s) => {
+    return e == null || e.forEach((i) => {
       var r, l;
-      const o = this.createTreeNode(s, t);
+      const o = this.createTreeNode(i, t);
       o.type = "entity";
-      const i = this.buildEntityFieldsTreeData((r = s.type) == null ? void 0 : r.fields, [...t, s.label]), a = this.buildChildEntityTreeData((l = s.type) == null ? void 0 : l.entities, [...t, s.label]);
-      a != null && a.length && (i == null || i.push(...a)), n.push({
+      const s = this.buildEntityFieldsTreeData((r = i.type) == null ? void 0 : r.fields, [...t, i.label]), a = this.buildChildEntityTreeData((l = i.type) == null ? void 0 : l.entities, [...t, i.label]);
+      a != null && a.length && (s == null || s.push(...a)), n.push({
         data: o,
-        children: i || [],
+        children: s || [],
         // 空值回退
         expanded: !0
       });
@@ -285,8 +321,8 @@ class he {
     const t = e[0];
     if (!(t != null && t.type))
       return [];
-    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)), {
+    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)), {
       entityCode: t.code,
       fields: [{
         data: this.createTreeNode(t, [], "code"),
@@ -312,71 +348,71 @@ class he {
     };
   }
   onBeforeOpenExpression(e, t, n) {
-    const s = n === "Field" ? e.binding.field : e.id, o = this.getExpressionRule(s, t), i = this.getEntitiesAndVariables(), a = {
+    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 : "",
-      ...i
+      ...s
     };
     return o.messageType != null && (a.messageType = o.messageType), a;
   }
-  buildRule(e, t, n, s) {
-    const { expression: o, message: i, messageType: a } = t, r = {
+  buildRule(e, t, n, i) {
+    const { expression: o, message: s, messageType: a } = t, r = {
       id: `${e}_${n}`,
       type: n,
       value: o
     };
-    return (n === "validate" || n === "dataPicking" || n === "required") && (r.message = i), n === "dataPicking" && (r.messageType = a), n === "validate" && s && (r.elementId = s), r;
+    return (n === "validate" || n === "dataPicking" || n === "required") && (r.message = s), n === "dataPicking" && (r.messageType = a), n === "validate" && i && (r.elementId = i), r;
   }
   getExpressionData() {
     const { expressions: e } = this.formSchemaService.getFormSchema().module;
     return e || [];
   }
-  updateExpression(e, t, n, s) {
-    const o = t === "Field" ? e.binding.field : e.id, i = this.buildRule(o, n, s, e.type === "form-group" ? e.id : "");
+  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);
     const l = (u) => u.value.trim() === "";
     if (r) {
-      const u = r.rules.find((p) => p.id === i.id);
+      const u = r.rules.find((p) => p.id === s.id);
       if (u)
-        l(i) ? r.rules = r.rules.filter((p) => p.id !== i.id) : (Object.assign(u, i), s === "validate" && e.type === "form-group" && (u.elementId = e.id));
+        l(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));
       else {
-        if (l(i))
+        if (l(s))
           return null;
-        r.rules = r.rules || [], r.rules.push(i);
+        r.rules = r.rules || [], r.rules.push(s);
       }
     } else {
-      if (l(i))
+      if (l(s))
         return null;
       r = {
         target: `${o}`,
-        rules: [i],
+        rules: [s],
         targetType: t
       };
     }
     return r;
   }
-  getExpressionEditorOptions(e, t, n, s) {
-    return n.reduce((o, i) => {
+  getExpressionEditorOptions(e, t, n, i) {
+    return n.reduce((o, s) => {
       var r, l;
       const a = t === "Field" ? (r = e == null ? void 0 : e.binding) == null ? void 0 : r.field : e.id;
-      return o[i] = {
+      return o[s] = {
         hide: t === "Field" ? !!((l = e == null ? void 0 : e.binding) != null && l.field) : !1,
         description: "",
-        title: this.expressionNames[i],
+        title: this.expressionNames[s],
         type: "string",
         $converter: this.getExpressionConverter(a),
         refreshPanelAfterChanged: !0,
         editor: {
           type: "expression-editor",
           singleExpand: !1,
-          dialogTitle: `${this.expressionNames[i]}编辑器`,
-          showMessage: i === "validate" || i === "dataPicking" || i === "required",
-          showMessageType: i === "dataPicking",
-          beforeOpen: () => this.onBeforeOpenExpression(e, i, t),
+          dialogTitle: `${this.expressionNames[s]}编辑器`,
+          showMessage: s === "validate" || s === "dataPicking" || s === "required",
+          showMessageType: s === "dataPicking",
+          beforeOpen: () => this.onBeforeOpenExpression(e, s, t),
           onSubmitModal: (u) => {
-            const p = this.updateExpression(e, t, u, i);
-            if (s) {
-              const g = this.buildRule(a, u, i);
-              s(g);
+            const p = this.updateExpression(e, t, u, s);
+            if (i) {
+              const m = this.buildRule(a, u, s);
+              i(m);
             }
             return p;
           }
@@ -385,36 +421,36 @@ class he {
     }, {});
   }
   getExpressionInfo(e, t, n) {
-    const s = t === "Field" ? e.binding.field : e.id, o = this.getExpressionRule(s, n), i = {
+    const i = t === "Field" ? e.binding.field : e.id, o = this.getExpressionRule(i, n), s = {
       value: o && o.value,
-      targetId: s,
+      targetId: i,
       targetType: t,
       expressionType: n
     };
-    return o && o.message && (i.message = o.message), i;
+    return o && o.message && (s.message = o.message), s;
   }
-  getExpressionConfig(e, t, n = ["compute", "dependency", "validate"], s) {
+  getExpressionConfig(e, t, n = ["compute", "dependency", "validate"], i) {
     return {
       description: "表达式",
       title: "表达式",
       hide: !e.binding,
       properties: {
-        ...this.getExpressionEditorOptions(e, t, n, s)
+        ...this.getExpressionEditorOptions(e, t, n, i)
       }
     };
   }
   getExpressionOptions(e, t, n) {
-    const s = this.getExpressionInfo(e, t, n);
+    const i = this.getExpressionInfo(e, t, n);
     return {
       dialogTitle: `${this.expressionNames[n]}编辑器`,
       singleExpand: !1,
       showMessage: n === "required",
       beforeOpen: () => this.onBeforeOpenExpression(e, n, t),
-      expressionInfo: s
+      expressionInfo: i
     };
   }
 }
-class be {
+class ye {
   constructor(e, t) {
     h(this, "componentId");
     h(this, "viewModelId");
@@ -448,8 +484,8 @@ class be {
     const t = e.binding && e.binding.type === "Form" && e.binding.field;
     if (t) {
       if (!this.designViewModelField) {
-        const s = this.designViewModelUtils.getDgViewModel(this.viewModelId);
-        this.designViewModelField = s.fields.find((o) => o.id === t);
+        const i = this.designViewModelUtils.getDgViewModel(this.viewModelId);
+        this.designViewModelField = i.fields.find((o) => o.id === t);
       }
       e.updateOn = (n = this.designViewModelField) == null ? void 0 : n.updateOn;
     }
@@ -482,7 +518,7 @@ class be {
     };
   }
   getAppearanceConfig(e = null, t = {}, n) {
-    const s = {
+    const i = {
       title: "外观",
       description: "Appearance"
     }, o = {
@@ -501,21 +537,21 @@ class be {
         parentPropertyID: "appearance"
       }
     };
-    for (const i in t)
-      o[i] = Object.assign(o[i] || {}, t[i]);
+    for (const s in t)
+      o[s] = Object.assign(o[s] || {}, t[s]);
     return {
-      ...s,
+      ...i,
       properties: { ...o },
-      setPropertyRelates(i, a) {
-        if (i) {
-          switch (i && i.propertyID) {
+      setPropertyRelates(s, a) {
+        if (s) {
+          switch (s && s.propertyID) {
             case "class":
             case "style": {
-              ee.value++;
+              te.value++;
               break;
             }
           }
-          n && n(i, e, a);
+          n && n(s, e, a);
         }
       }
     };
@@ -530,39 +566,39 @@ class be {
    * @param expressionType 指定表达式类型，存在属性和表达式类型不一致的情况
    * @returns 
    */
-  getPropertyEditorParams(e, t = [], n = "visible", s = {}, o = {}, i = "") {
-    const { getVariables: a, getControlName: r, getStateMachines: l } = ge(this.designerHostService), u = this.getRealTargetType(e), p = t && t.length > 0 ? t : ["Const", "Variable", "StateMachine", "Expression"], g = {
+  getPropertyEditorParams(e, t = [], n = "visible", i = {}, o = {}, s = "") {
+    const { getVariables: a, getControlName: r, getStateMachines: l } = he(this.designerHostService), u = this.getRealTargetType(e), p = t && t.length > 0 ? t : ["Const", "Variable", "StateMachine", "Expression"], m = {
       type: "property-editor",
       propertyTypes: p
     };
     return p.map((E) => {
       switch (E) {
         case "Const":
-          Object.assign(g, {
+          Object.assign(m, {
             constType: "enum",
             constEnums: [{ id: !0, name: "是" }, { id: !1, name: "否" }]
-          }, s);
+          }, i);
           break;
         case "Expression":
-          g.expressionConfig = this.getExpressionOptions(e, u, i || n);
+          m.expressionConfig = this.getExpressionOptions(e, u, s || n);
           break;
         case "StateMachine":
-          g.stateMachines = l();
+          m.stateMachines = l();
           break;
         case "Variable":
-          Object.assign(g, {
+          Object.assign(m, {
             controlName: r(e),
             newVariablePrefix: "is",
             newVariableType: "Boolean",
             variables: a(this.viewModelId),
             parentComponentId: this.componentId === "root-component" ? "" : "root-component",
-            onBeforeOpenVariables: (w) => {
-              w.value = a(this.viewModelId);
+            onBeforeOpenVariables: (x) => {
+              x.value = a(this.viewModelId);
             }
-          }, o), this.designerContext.designerMode === "PC_RTC" && (g.newVariablePrefix = "ext_" + g.newVariablePrefix);
+          }, o), this.designerContext.designerMode === "PC_RTC" && (m.newVariablePrefix = "ext_" + m.newVariablePrefix);
           break;
       }
-    }), g;
+    }), m;
   }
   getVisibleProperty(e, t = "") {
     var o;
@@ -582,17 +618,17 @@ class be {
    * @param viewModelId 
    * @returns 
    */
-  getBehaviorConfig(e, t = "", n = {}, s) {
+  getBehaviorConfig(e, t = "", n = {}, i) {
     const o = {
       title: "行为",
       description: ""
-    }, i = this.getVisibleProperty(e, t);
+    }, s = this.getVisibleProperty(e, t);
     for (const r in n)
-      i[r] = Object.assign(i[r] || {}, n[r]);
+      s[r] = Object.assign(s[r] || {}, n[r]);
     const a = this;
     return {
       ...o,
-      properties: { ...i },
+      properties: { ...s },
       setPropertyRelates(r, l) {
         if (r) {
           switch (r.propertyID) {
@@ -602,7 +638,7 @@ class be {
               a.afterMutilEditorChanged(e, r);
               break;
           }
-          s && s(r, l);
+          i && i(r, l);
         }
       }
     };
@@ -625,8 +661,8 @@ class be {
     const n = t && t.parent && t.parent.schema;
     if (!n)
       return;
-    const s = n.contents.findIndex((i) => i.id === e), o = re(n.contents[s]);
-    n.contents.splice(s, 1), n.contents.splice(s, 0, o), te();
+    const i = n.contents.findIndex((s) => s.id === e), o = ae(n.contents[i]);
+    n.contents.splice(i, 1), n.contents.splice(i, 0, o), ne();
   }
   /**
    * 属性编辑器，在编辑过程中会新增变量，此处需要将新增的变量追加到ViewModel中
@@ -638,7 +674,7 @@ class be {
     const n = e.propertyValue;
     if (!(n && typeof n == "object") || !(n.type === "Variable" && n.isNewVariable))
       return;
-    const i = {
+    const s = {
       id: n.field,
       category: "locale",
       code: n.fullPath,
@@ -646,7 +682,7 @@ class be {
       type: n.newVariableType || "String",
       isRtcVariable: this.designerContext.designerMode === "PC_RTC" ? !0 : void 0
     };
-    delete n.newVariableType, delete n.isNewVariable, this.formSchemaUtils.getVariableByCode(i.code) || this.formSchemaUtils.getViewModelById("root-viewmodel").states.push(i);
+    delete n.newVariableType, delete n.isNewVariable, this.formSchemaUtils.getVariableByCode(s.code) || this.formSchemaUtils.getViewModelById("root-viewmodel").states.push(s);
   }
   /**
    * 更新表达式到expressions节点
@@ -656,17 +692,17 @@ class be {
     const t = e.propertyValue;
     if (!((t && t.type) === "Expression" && t.expressionInfo))
       return;
-    const { expressionId: o, expressionInfo: i } = t, { targetId: a, targetType: r, expressionType: l, value: u, message: p } = i, g = this.formSchemaUtils.getModule();
-    g.expressions = g.expressions || [];
-    const { expressions: E } = g;
-    let w = E.find((V) => V.target === a);
-    w || (w = { target: a, rules: [], targetType: r }, E.push(w));
-    const y = w.rules.find((V) => V.type === l);
-    if (y)
-      y.value = u, y.message = p;
+    const { expressionId: o, expressionInfo: s } = t, { targetId: a, targetType: r, expressionType: l, value: u, message: p } = s, m = this.formSchemaUtils.getModule();
+    m.expressions = m.expressions || [];
+    const { expressions: E } = m;
+    let x = E.find((V) => V.target === a);
+    x || (x = { target: a, rules: [], targetType: r }, E.push(x));
+    const v = x.rules.find((V) => V.type === l);
+    if (v)
+      v.value = u, v.message = p;
     else {
       const V = { id: o, type: l, value: u, message: p };
-      w.rules.push(V);
+      x.rules.push(V);
     }
     delete t.expressionInfo;
   }
@@ -680,11 +716,11 @@ class be {
     const n = e.propertyValue;
     if (n && n.type === "Expression")
       return;
-    const o = e.propertyID, i = this.formSchemaUtils.getExpressions(), a = t.binding ? t.binding.field : t.id, r = i.find((l) => l.target === a);
+    const o = e.propertyID, s = this.formSchemaUtils.getExpressions(), a = t.binding ? t.binding.field : t.id, r = s.find((l) => l.target === a);
     !r || !r.rules || (r.rules = r.rules.filter((l) => l.type !== o));
   }
   getExpressionOptions(e, t, n) {
-    return new he(this.formSchemaUtils).getExpressionOptions(e, t, n);
+    return new be(this.formSchemaUtils).getExpressionOptions(e, t, n);
   }
   getRealTargetType(e) {
     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";
@@ -696,19 +732,19 @@ class be {
       editor: {
         initialData: e,
         viewSourceHandle: (n) => {
-          var s;
-          ((s = n.controller) == null ? void 0 : s.label.indexOf(this.formSchemaUtils.getModule().code)) > -1 && this.eventsEditorUtils.jumpToMethod(n);
+          var i;
+          ((i = n.controller) == null ? void 0 : i.label.indexOf(this.formSchemaUtils.getModule().code)) > -1 && this.eventsEditorUtils.jumpToMethod(n);
         }
       }
     }, t;
   }
 }
-class ye extends be {
+class ve extends ye {
   constructor(e, t) {
     super(e, t);
   }
   getPropertyConfig(e) {
-    return this.propertyConfig.categories.basic = this.getBasicPropConfig(e), this.propertyConfig.categories.appearance = this.getAppearanceProperties(e), this.propertyConfig;
+    return this.propertyConfig.categories.basic = this.getBasicPropConfig(e), this.propertyConfig.categories.appearance = this.getAppearanceProperties(e), this.propertyConfig.categories.behavior = this.getBehaviorConfig(e, ""), this.propertyConfig;
   }
   getAppearanceProperties(e) {
     const t = this;
@@ -717,11 +753,39 @@ class ye extends be {
         title: "标题",
         type: "string",
         description: "标题"
+      },
+      expandStatus: {
+        title: "默认状态",
+        type: "boolean",
+        description: "默认面板是展开还是收起",
+        editor: {
+          type: "combo-list",
+          textField: "name",
+          valueField: "value",
+          data: [{
+            name: "展开",
+            value: !0
+          }, {
+            name: "收起",
+            value: !1
+          }],
+          enableClear: !1
+        }
+      },
+      expandLabel: {
+        title: "展开文本",
+        type: "string",
+        description: "展开文本"
+      },
+      collapseLabel: {
+        title: "收起文本",
+        type: "string",
+        description: "收起文本"
       }
-    }, (s, o, i) => {
-      switch (s && s.propertyID) {
+    }, (i, o, s) => {
+      switch (i && i.propertyID) {
         case "title": {
-          s.needRefreshControlTree = !0, t.changeGroupNameInViewModel(o.id, s.propertyValue);
+          i.needRefreshControlTree = !0, t.changeGroupNameInViewModel(o.id, i.propertyValue);
           break;
         }
       }
@@ -734,18 +798,18 @@ class ye extends be {
     var o;
     const n = this.designViewModelUtils.getDgViewModel(this.viewModelId);
     n && n.changeGroupName(e, t);
-    const s = this.formSchemaUtils.getViewModelById(this.viewModelId);
-    (o = s == null ? void 0 : s.fields) != null && o.length && s.fields.forEach((i) => {
-      i.groupId === e && (i.groupName = t);
+    const i = this.formSchemaUtils.getViewModelById(this.viewModelId);
+    (o = i == null ? void 0 : i.fields) != null && o.length && i.fields.forEach((s) => {
+      s.groupId === e && (s.groupName = t);
     });
   }
 }
-function ve(d, e) {
-  const t = new ne(), { canAccept: n } = t.getTemplateRule(d, e), s = d.schema;
+function Ce(d, e) {
+  const t = new ie(), { canAccept: n } = t.getTemplateRule(d, e), i = d.schema;
   function o() {
     return "f-section-formgroup";
   }
-  function i() {
+  function s() {
     return !0;
   }
   function a() {
@@ -755,44 +819,44 @@ function ve(d, e) {
     return !1;
   }
   function l(c) {
-    const { sourceElement: f } = c, { componentInstance: C } = f, m = e == null ? void 0 : e.formSchemaUtils;
-    if (!m)
+    const { sourceElement: f } = c, { componentInstance: C } = f, g = e == null ? void 0 : e.formSchemaUtils;
+    if (!g)
       return !0;
-    const I = m.getComponentById(C.value.belongedComponentId), b = m.getViewModelById(I.viewModel), x = m.getComponentById(d.componentInstance.value.belongedComponentId), M = m.getViewModelById(x.viewModel);
+    const w = g.getComponentById(C.value.belongedComponentId), b = g.getViewModelById(w.viewModel), I = g.getComponentById(d.componentInstance.value.belongedComponentId), M = g.getViewModelById(I.viewModel);
     return b != null && b.id && (M != null && M.id) && b.id !== M.id ? b.bindTo === M.bindTo : !0;
   }
   function u(c) {
     const { bindingTargetId: f } = c;
     if (!e)
       return;
-    const { formSchemaUtils: C, schemaService: m } = e, I = C.getComponentById(d.componentInstance.value.belongedComponentId), b = m.getFieldByIDAndVMID(f, I.viewModel);
+    const { formSchemaUtils: C, schemaService: g } = e, w = C.getComponentById(d.componentInstance.value.belongedComponentId), b = g.getFieldByIDAndVMID(f, w.viewModel);
     return !!(b != null && b.schemaField);
   }
   function p(c) {
     return c.sourceType === "control" && c.componentCategory === "input" ? !0 : c.sourceType === "move" && c.componentType === "form-group" ? l(c) : c.sourceType === "field" && c.componentCategory === "input" ? u(c) : !1;
   }
-  function g(c) {
+  function m(c) {
     return !(!se().basalDragulaRuleForContainer(c, e) || !n || !p(c));
   }
   function E(c) {
-    return new ye(c, e).getPropertyConfig(s);
+    return new ve(c, e).getPropertyConfig(i);
   }
-  function w(c) {
-    var M, P, B, U, N;
+  function x(c) {
+    var M, P, k, U, N;
     if (!e)
       return;
-    const { formSchemaUtils: f, designViewModelUtils: C } = e, m = c.componentInstance, I = m.value.parent, b = f.getComponentById(m.value.belongedComponentId), x = C.getDgViewModel(b.viewModel);
-    switch (I && ((M = I.schema) == null ? void 0 : M.type)) {
+    const { formSchemaUtils: f, designViewModelUtils: C } = e, g = c.componentInstance, w = g.value.parent, b = f.getComponentById(g.value.belongedComponentId), I = C.getDgViewModel(b.viewModel);
+    switch (w && ((M = w.schema) == null ? void 0 : M.type)) {
       case S.fieldset.type:
       case S["response-form"].type:
       case S["response-layout-item"].type: {
-        const A = { groupId: s.id, groupName: s.title }, W = (B = (P = m.value.schema) == null ? void 0 : P.binding) == null ? void 0 : B.type, O = (N = (U = m.value.schema) == null ? void 0 : U.binding) == null ? void 0 : N.field;
+        const A = { groupId: i.id, groupName: i.title }, W = (k = (P = g.value.schema) == null ? void 0 : P.binding) == null ? void 0 : k.type, O = (N = (U = g.value.schema) == null ? void 0 : U.binding) == null ? void 0 : N.field;
         switch (W) {
-          case D.Form: {
-            x.changeField(O, A);
+          case G.Form: {
+            I.changeField(O, A);
             break;
           }
-          case D.Variable: {
+          case G.Variable: {
             f.modifyViewModelFieldById(b.viewModel, O, A, !0);
             break;
           }
@@ -801,68 +865,68 @@ function ve(d, e) {
       }
     }
   }
-  function y(c) {
+  function v(c) {
     if (!c || !c.componentInstance || !e)
       return;
     const f = c.componentInstance, C = f.value.schema;
     if (!C.binding || !C.binding.field)
       return;
-    w(c);
-    const { formSchemaUtils: m } = e, I = m.getViewModelIdByComponentId(f.value.belongedComponentId), b = m.getViewModelIdByComponentId(d.componentInstance.value.belongedComponentId);
-    I !== b && G(d, e).moveInputBetweenComponent(c);
+    x(c);
+    const { formSchemaUtils: g } = e, w = g.getViewModelIdByComponentId(f.value.belongedComponentId), b = g.getViewModelIdByComponentId(d.componentInstance.value.belongedComponentId);
+    w !== b && D(d, e).moveInputBetweenComponent(c);
   }
   function V(c, f) {
-    var C, m, I;
+    var C, g, w;
     if (c.componentCategory === "input") {
       const { label: b } = c;
-      let x;
+      let I;
       const M = e == null ? void 0 : e.controlCreatorUtils;
-      (C = c.bindingSourceContext) != null && C.entityFieldNode ? x = M.setFormFieldProperty((m = c.bindingSourceContext) == null ? void 0 : m.entityFieldNode, f == null ? void 0 : f.type) : (x = M.createFormGroupWithoutField(f == null ? void 0 : f.type), x.label = b);
-      const P = G(d, e);
-      return P.resolveFormGroupAppearance(x), P.syncFieldToViewModel(c, (I = x.editor) == null ? void 0 : I.type, s.id, s.title), x;
+      (C = c.bindingSourceContext) != null && C.entityFieldNode ? I = M.setFormFieldProperty((g = c.bindingSourceContext) == null ? void 0 : g.entityFieldNode, f == null ? void 0 : f.type) : (I = M.createFormGroupWithoutField(f == null ? void 0 : f.type), I.label = b);
+      const P = D(d, e);
+      return P.resolveFormGroupAppearance(I), P.syncFieldToViewModel(c, (w = I.editor) == null ? void 0 : w.type, i.id, i.title), I;
     }
     return f;
   }
   return {
-    canAccepts: g,
+    canAccepts: m,
     hideNestedPaddingInDesginerView: r,
     getPropsConfig: E,
-    checkCanDeleteComponent: i,
+    checkCanDeleteComponent: s,
     checkCanMoveComponent: a,
-    onAcceptMovedChildElement: y,
+    onAcceptMovedChildElement: v,
     onResolveNewComponentSchema: V,
     getDesignerClass: o
   };
 }
-const Ce = /* @__PURE__ */ j({
+const xe = /* @__PURE__ */ q({
   name: "FFieldsetDesign",
   props: me,
   emits: [],
   setup(d, e) {
-    const t = T(), n = T(), s = $("design-item-context"), o = $("designer-host-service"), i = ve(s, o), a = ie(n, s, i);
+    const t = T(), n = T(), i = $("design-item-context"), o = $("designer-host-service"), s = Ce(i, o), a = oe(n, i, s);
     e.expose(a.value);
     const {
       designerContext: r
     } = o;
-    Q(() => {
+    X(() => {
       n.value.componentInstance = a;
     });
     const l = T(!0);
-    function u(y, V) {
-      y && V && V.split(" ").reduce((f, C) => (f[C] = !0, f), y);
+    function u(v, V) {
+      v && V && V.split(" ").reduce((f, C) => (f[C] = !0, f), v);
     }
     const p = F(() => {
-      const y = {
+      const v = {
         "f-section-formgroup": !0,
         "f-state-collapse": !l.value
       };
-      return u(y, d.customClass), y;
-    }), g = F(() => {
-      const y = r && r.designerMode === "Mobile";
+      return u(v, d.customClass), v;
+    }), m = F(() => {
+      const v = r && r.designerMode === "Mobile";
       return {
         display: l.value ? "flex" : "none",
         "flex-wrap": "wrap",
-        "flex-direction": y ? "column" : "row"
+        "flex-direction": v ? "column" : "row"
       };
     }), E = F(() => ({
       btn: !0,
@@ -870,49 +934,49 @@ const Ce = /* @__PURE__ */ j({
       "f-btn-collapse-expand": !0,
       "f-state-expand": l.value
     }));
-    function w(y) {
-      y.stopPropagation(), l.value = !l.value, X(() => {
-        oe();
+    function x(v) {
+      v.stopPropagation(), l.value = !l.value, Y(() => {
+        re();
       });
     }
-    return () => v("fieldset", {
+    return () => y("fieldset", {
       class: p.value,
       ref: t
-    }, [v("legend", {
+    }, [y("legend", {
       class: "f-section-formgroup-legend"
-    }, [v("div", {
+    }, [y("div", {
       class: "f-header"
-    }, [v("div", {
+    }, [y("div", {
       class: "f-title",
-      onClick: w
-    }, [d.title]), v("div", {
+      onClick: x
+    }, [d.title]), y("div", {
       class: "f-toolbar",
-      onClick: w
-    }, [v("button", {
+      onClick: x
+    }, [y("button", {
       class: E.value
-    }, null)])])]), v("div", {
-      "data-dragref": `${s.schema.id}-container`,
+    }, [y("span", null, [l.value ? d.collapseLabel : d.expandLabel])])])])]), y("div", {
+      "data-dragref": `${i.schema.id}-container`,
       ref: n,
       class: "f-section-formgroup-inputs drag-container",
-      style: g.value
+      style: m.value
     }, [e.slots.default && e.slots.default()])]);
   }
-}), Se = {
+}), Te = {
   install(d) {
-    d.component(k.name, k);
+    d.component(R.name, R);
   },
-  register(d, e, t, n, s) {
-    d.fieldset = k, e.fieldset = q(s);
+  register(d, e, t, n, i) {
+    d.fieldset = R, e.fieldset = L(i);
   },
   registerDesigner(d, e, t, n) {
-    d.fieldset = Ce, e.fieldset = q(n);
+    d.fieldset = xe, e.fieldset = L(n);
   }
 };
 export {
-  k as Fieldset,
-  Se as default,
+  R as Fieldset,
+  Te as default,
   me as fieldsetDesignerProps,
-  R as fieldsetProps,
-  Fe as propsResolver,
-  q as propsResolverGenerator
+  B as fieldsetProps,
+  Se as propsResolver,
+  L as propsResolverGenerator
 };