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

package/components/field-selector/index.esm.js

@@ -1,10 +1,10 @@
 import { defineComponent as x, ref as o, watch as g, createVNode as u, inject as v } from "vue";
 import V from "../button-edit/index.esm.js";
-import { F_NOTIFY_SERVICE_TOKEN as B } from "../notify/index.esm.js";
-import { FTreeGrid as M } from "../tree-grid/index.esm.js";
-import { FormSchemaEntityField$Type as R } from "../common/index.esm.js";
-import { createPropsResolver as w } from "../dynamic-resolver/index.esm.js";
-const I = "https://json-schema.org/draft/2020-12/schema", $ = "https://farris-design.gitee.io/field-selector.schema.json", k = "field-selector", N = "A Farris Input Component", P = "object", A = {
+import { F_NOTIFY_SERVICE_TOKEN as R } from "../notify/index.esm.js";
+import { FTreeGrid as w } from "../tree-grid/index.esm.js";
+import { FormSchemaEntityField$Type as B } from "../common/index.esm.js";
+import { createPropsResolver as M } from "../dynamic-resolver/index.esm.js";
+const $ = "https://json-schema.org/draft/2020-12/schema", k = "https://farris-design.gitee.io/field-selector.schema.json", I = "field-selector", N = "A Farris Input Component", P = "object", A = {
   disabled: {
     description: "",
     type: "boolean",
@@ -96,9 +96,9 @@ const I = "https://json-schema.org/draft/2020-12/schema", $ = "https://farris-de
     default: null
   }
 }, E = {
-  $schema: I,
-  $id: $,
-  title: k,
+  $schema: $,
+  $id: k,
+  title: I,
   description: N,
   type: P,
   properties: A
@@ -129,7 +129,7 @@ const I = "https://json-schema.org/draft/2020-12/schema", $ = "https://farris-de
   onSubmitModal: { type: Function, default: null },
   onFieldSelected: { type: Function, default: null },
   repositoryToken: { type: Symbol, default: null }
-}, W = w(h, E), S = /* @__PURE__ */ x({
+}, W = M(h, E), S = /* @__PURE__ */ x({
   name: "FFieldSelectorContainer",
   props: h,
   emits: ["selected", "bindingTypeChange"],
@@ -137,7 +137,7 @@ const I = "https://json-schema.org/draft/2020-12/schema", $ = "https://farris-de
     var y, s;
     const c = o(e.data), l = o(e.bindingData), a = o();
     g(() => e.data, (n) => {
-      c.value = n, a.value.updateDataSource(n), e.modelValue && a.value.selectItemById(e.modelValue);
+      c.value = n, a.value.updateDataSource(n), e.modelValue && a.value.selectRowById(e.modelValue);
     });
     const p = {
       "f-utils-fill": !0,
@@ -149,10 +149,10 @@ const I = "https://json-schema.org/draft/2020-12/schema", $ = "https://farris-de
       l.value = n, m.emit("selected", n);
     }
     const d = {
-      customRowStatus: (n) => (n.raw.$type !== R.SimpleField && (n.disabled = !0), n)
+      customRowStatus: (n) => (n.raw.$type !== B.SimpleField && (n.disabled = !0), n)
     };
     function r() {
-      return u(M, {
+      return u(w, {
         ref: a,
         fit: !0,
         data: c.value,
@@ -180,7 +180,7 @@ const I = "https://json-schema.org/draft/2020-12/schema", $ = "https://farris-de
   props: h,
   emits: ["selected"],
   setup(e, m) {
-    const c = '<i class="f-icon f-icon-lookup"></i>', l = o(e.bindingData), a = o(e.data), p = o(), i = v(B);
+    const c = '<i class="f-icon f-icon-lookup"></i>', l = o(e.bindingData), a = o(e.data), p = o(), i = v(R);
     i && (i.globalConfig = {
       position: "top-center"
     });

package/components/field-selector/index.umd.cjs

@@ -1 +1 @@
-(function(n,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("../button-edit/index.umd.js"),require("../notify/index.umd.js"),require("../tree-grid/index.umd.js"),require("../common/index.umd.js"),require("../dynamic-resolver/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../button-edit/index.umd.js","../notify/index.umd.js","../tree-grid/index.umd.js","../common/index.umd.js","../dynamic-resolver/index.umd.js"],t):(n=typeof globalThis<"u"?globalThis:n||self,t(n["field-selector"]={},n.Vue,n.FButtonEdit,n.notify,n.treeGrid,n.common,n.dynamicResolver))})(this,function(n,t,j,x,T,v,V){"use strict";const C={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/field-selector.schema.json",title:"field-selector",description:"A Farris Input Component",type:"object",properties:{disabled:{description:"",type:"boolean",default:!1},readonly:{description:"",type:"boolean",default:"false"},modelValue:{description:"",type:"object",default:null},data:{description:"",type:"array",default:[]},idField:{description:"",type:"string",default:"id"},columns:{description:"",type:"array",default:[]},title:{description:"",type:"string",default:"字段选择器"},modalWidth:{description:"",type:"number",default:800},modalHeight:{description:"",type:"number",default:600},multiSelect:{description:"",type:"boolean",default:!1},separator:{description:"",type:"string",default:","},bindingData:{description:"",type:"array",default:[]},textField:{description:"",type:"string",default:"code"},beforeOpenDialog:{description:"",type:"object",default:null},editorParams:{description:"",type:"object",default:null},onSubmitModal:{description:"",type:"object",default:null},onFieldSelected:{description:"",type:"object",default:null},repositoryToken:{description:"",type:"object",default:null}}},O=[{field:"code",title:"绑定字段"},{field:"name",title:"名称"},{field:"fieldType",title:"字段类型"}],D=Symbol("Field_Selector Component Repository Service Token"),m={disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},modelValue:{type:[String,Array],default:null},data:{type:Array,default:[]},idField:{type:String,default:"id"},columns:{type:Array,default:O},title:{type:String,default:"字段选择器"},modalWidth:{type:Number,default:800},modalHeight:{type:Number,default:600},multiSelect:{type:Boolean,default:!1},separator:{type:String,default:","},bindingData:{type:Array,default:[]},textField:{type:String,default:"code"},beforeOpenDialog:{type:Function,default:null},editorParams:{type:Object,default:null},onSubmitModal:{type:Function,default:null},onFieldSelected:{type:Function,default:null},repositoryToken:{type:Symbol,default:null}},h=V.createPropsResolver(m,C),g=t.defineComponent({name:"FFieldSelectorContainer",props:m,emits:["selected","bindingTypeChange"],setup(e,p){var b,s;const c=t.ref(e.data),l=t.ref(e.bindingData),a=t.ref();t.watch(()=>e.data,d=>{c.value=d,a.value.updateDataSource(d),e.modelValue&&a.value.selectItemById(e.modelValue)});const S={"f-utils-fill":!0,"m-2":(b=e.bindingType)==null?void 0:b.enable,"mx-2":!((s=e.bindingType)!=null&&s.enable),border:!0};function o(d){l.value=d,p.emit("selected",d)}const r={customRowStatus:d=>(d.raw.$type!==v.FormSchemaEntityField$Type.SimpleField&&(d.disabled=!0),d)};function u(){return t.createVNode(T.FTreeGrid,{ref:a,fit:!0,data:c.value,idField:e.idField,columns:e.columns,rowNumber:{enable:!1},columnOption:{fitColumns:!0},onSelectionChange:o,rowOption:r},null)}return()=>t.createVNode("div",{class:"h-100 d-flex flex-column"},[t.createVNode("div",{class:S,style:"position:relative;border-radius:10px;"},[u()])])}}),y=t.defineComponent({name:"FFieldSelector",props:m,emits:["selected"],setup(e,p){const c='<i class="f-icon f-icon-lookup"></i>',l=t.ref(e.bindingData),a=t.ref(e.data),S=t.ref(),o=t.inject(x.F_NOTIFY_SERVICE_TOKEN);o&&(o.globalConfig={position:"top-center"});const r=t.inject(e.repositoryToken);t.watch(()=>e.data,i=>{a.value=i});const u=t.ref(e.modelValue);function b(i){l.value=i}function s(){let i="";l.value&&l.value.length&&(i=l.value.map(f=>f[e.textField]).join(e.separator)),u.value=i}t.watch(()=>e.modelValue,i=>{typeof i=="string"?u.value=i:s()});function d(i){a.value=i}function M(){return t.createVNode(g,{ref:S,data:a.value,columns:e.columns,onSelected:b,modelValue:e.modelValue,idField:e.idField,bindingData:l.value},null)}function N(){return!l.value||!l.value.length?(o.warning({message:"请先选择一条数据！"}),!1):!0}const w={title:e.title,fitContent:!1,height:e.modalHeight,width:e.modalWidth,minWidth:300,minHeight:200,showMaxButton:!0,buttons:[{name:"cancel",text:"取消",class:"btn btn-secondary",handle:i=>!0},{name:"accept",text:"确定",class:"btn btn-primary",handle:i=>N()?(s(),e.onSubmitModal&&typeof e.onSubmitModal=="function"&&!e.onSubmitModal(l.value)||e.onFieldSelected&&typeof e.onFieldSelected=="function"&&e.onFieldSelected(l.value),!0):!1}],resizeable:!0,draggable:!0};function $(){var f,F;if(!((F=(f=e.editorParams)==null?void 0:f.propertyData)==null?void 0:F.helpId))return o==null||o.warning({message:"请先配置数据源！"}),!1;if(e.beforeOpenDialog){e.beforeOpenDialog({instance:{loadData:d}});return}r&&(r==null||r.getData(e.editorParams).then(B=>d(B)))}return()=>t.createVNode(j,{modelValue:u.value,"onUpdate:modelValue":i=>u.value=i,editable:!1,disable:e.disabled,readonly:e.readonly,inputType:"text",enableClear:!1,buttonContent:c,buttonBehavior:"Modal",modalOptions:w,beforeOpen:$},{default:()=>[t.createVNode("div",{class:"h-100 d-flex flex-column"},[M()])]})}}),R={install(e){e.component(y.name,y),e.component(g.name,g)},register(e,p,c,l){e["field-selector"]=y,p["field-selector"]=h}};n.FieldSelector=y,n.FieldSelectorRepositoryToken=D,n.default=R,n.fieldSelectorProps=m,n.propsResolver=h,Object.defineProperties(n,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(n,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("../button-edit/index.umd.js"),require("../notify/index.umd.js"),require("../tree-grid/index.umd.js"),require("../common/index.umd.js"),require("../dynamic-resolver/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../button-edit/index.umd.js","../notify/index.umd.js","../tree-grid/index.umd.js","../common/index.umd.js","../dynamic-resolver/index.umd.js"],t):(n=typeof globalThis<"u"?globalThis:n||self,t(n["field-selector"]={},n.Vue,n.FButtonEdit,n.notify,n.treeGrid,n.common,n.dynamicResolver))})(this,function(n,t,j,x,T,v,V){"use strict";const C={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/field-selector.schema.json",title:"field-selector",description:"A Farris Input Component",type:"object",properties:{disabled:{description:"",type:"boolean",default:!1},readonly:{description:"",type:"boolean",default:"false"},modelValue:{description:"",type:"object",default:null},data:{description:"",type:"array",default:[]},idField:{description:"",type:"string",default:"id"},columns:{description:"",type:"array",default:[]},title:{description:"",type:"string",default:"字段选择器"},modalWidth:{description:"",type:"number",default:800},modalHeight:{description:"",type:"number",default:600},multiSelect:{description:"",type:"boolean",default:!1},separator:{description:"",type:"string",default:","},bindingData:{description:"",type:"array",default:[]},textField:{description:"",type:"string",default:"code"},beforeOpenDialog:{description:"",type:"object",default:null},editorParams:{description:"",type:"object",default:null},onSubmitModal:{description:"",type:"object",default:null},onFieldSelected:{description:"",type:"object",default:null},repositoryToken:{description:"",type:"object",default:null}}},O=[{field:"code",title:"绑定字段"},{field:"name",title:"名称"},{field:"fieldType",title:"字段类型"}],D=Symbol("Field_Selector Component Repository Service Token"),m={disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},modelValue:{type:[String,Array],default:null},data:{type:Array,default:[]},idField:{type:String,default:"id"},columns:{type:Array,default:O},title:{type:String,default:"字段选择器"},modalWidth:{type:Number,default:800},modalHeight:{type:Number,default:600},multiSelect:{type:Boolean,default:!1},separator:{type:String,default:","},bindingData:{type:Array,default:[]},textField:{type:String,default:"code"},beforeOpenDialog:{type:Function,default:null},editorParams:{type:Object,default:null},onSubmitModal:{type:Function,default:null},onFieldSelected:{type:Function,default:null},repositoryToken:{type:Symbol,default:null}},h=V.createPropsResolver(m,C),g=t.defineComponent({name:"FFieldSelectorContainer",props:m,emits:["selected","bindingTypeChange"],setup(e,p){var b,s;const c=t.ref(e.data),l=t.ref(e.bindingData),a=t.ref();t.watch(()=>e.data,d=>{c.value=d,a.value.updateDataSource(d),e.modelValue&&a.value.selectRowById(e.modelValue)});const S={"f-utils-fill":!0,"m-2":(b=e.bindingType)==null?void 0:b.enable,"mx-2":!((s=e.bindingType)!=null&&s.enable),border:!0};function o(d){l.value=d,p.emit("selected",d)}const r={customRowStatus:d=>(d.raw.$type!==v.FormSchemaEntityField$Type.SimpleField&&(d.disabled=!0),d)};function u(){return t.createVNode(T.FTreeGrid,{ref:a,fit:!0,data:c.value,idField:e.idField,columns:e.columns,rowNumber:{enable:!1},columnOption:{fitColumns:!0},onSelectionChange:o,rowOption:r},null)}return()=>t.createVNode("div",{class:"h-100 d-flex flex-column"},[t.createVNode("div",{class:S,style:"position:relative;border-radius:10px;"},[u()])])}}),y=t.defineComponent({name:"FFieldSelector",props:m,emits:["selected"],setup(e,p){const c='<i class="f-icon f-icon-lookup"></i>',l=t.ref(e.bindingData),a=t.ref(e.data),S=t.ref(),o=t.inject(x.F_NOTIFY_SERVICE_TOKEN);o&&(o.globalConfig={position:"top-center"});const r=t.inject(e.repositoryToken);t.watch(()=>e.data,i=>{a.value=i});const u=t.ref(e.modelValue);function b(i){l.value=i}function s(){let i="";l.value&&l.value.length&&(i=l.value.map(f=>f[e.textField]).join(e.separator)),u.value=i}t.watch(()=>e.modelValue,i=>{typeof i=="string"?u.value=i:s()});function d(i){a.value=i}function w(){return t.createVNode(g,{ref:S,data:a.value,columns:e.columns,onSelected:b,modelValue:e.modelValue,idField:e.idField,bindingData:l.value},null)}function M(){return!l.value||!l.value.length?(o.warning({message:"请先选择一条数据！"}),!1):!0}const N={title:e.title,fitContent:!1,height:e.modalHeight,width:e.modalWidth,minWidth:300,minHeight:200,showMaxButton:!0,buttons:[{name:"cancel",text:"取消",class:"btn btn-secondary",handle:i=>!0},{name:"accept",text:"确定",class:"btn btn-primary",handle:i=>M()?(s(),e.onSubmitModal&&typeof e.onSubmitModal=="function"&&!e.onSubmitModal(l.value)||e.onFieldSelected&&typeof e.onFieldSelected=="function"&&e.onFieldSelected(l.value),!0):!1}],resizeable:!0,draggable:!0};function $(){var f,F;if(!((F=(f=e.editorParams)==null?void 0:f.propertyData)==null?void 0:F.helpId))return o==null||o.warning({message:"请先配置数据源！"}),!1;if(e.beforeOpenDialog){e.beforeOpenDialog({instance:{loadData:d}});return}r&&(r==null||r.getData(e.editorParams).then(B=>d(B)))}return()=>t.createVNode(j,{modelValue:u.value,"onUpdate:modelValue":i=>u.value=i,editable:!1,disable:e.disabled,readonly:e.readonly,inputType:"text",enableClear:!1,buttonContent:c,buttonBehavior:"Modal",modalOptions:N,beforeOpen:$},{default:()=>[t.createVNode("div",{class:"h-100 d-flex flex-column"},[w()])]})}}),R={install(e){e.component(y.name,y),e.component(g.name,g)},register(e,p,c,l){e["field-selector"]=y,p["field-selector"]=h}};n.FieldSelector=y,n.FieldSelectorRepositoryToken=D,n.default=R,n.fieldSelectorProps=m,n.propsResolver=h,Object.defineProperties(n,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/components/fieldset/index.esm.js

@@ -1,15 +1,15 @@
-var z = Object.defineProperty;
-var L = (c, e, t) => e in c ? z(c, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[e] = t;
-var h = (c, e, t) => L(c, typeof e != "symbol" ? e + "" : e, t);
-import { defineComponent as j, ref as T, computed as F, createVNode as v, inject as $, onMounted as W } from "vue";
-import { resolveAppearance as J, createPropsResolver as K } from "../dynamic-resolver/index.esm.js";
-import { DgControl as S, canvasChanged as Q, refreshCanvas as X, UseTemplateDragAndDropRules as Y, useDragulaCommonRule as Z, useDesignerComponent as H } from "../designer-canvas/index.esm.js";
+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 ee } from "lodash-es";
-import { useDesignerRules as q } from "../dynamic-form/index.esm.js";
-const te = /* @__PURE__ */ new Map([
-  ["appearance", J]
-]), ne = "https://json-schema.org/draft/2020-12/schema", se = "https://farris-design.gitee.io/fieldset.schema.json", ie = "fieldset", oe = "A Farris Container Component", re = "object", ae = {
+import { cloneDeep as re } from "lodash-es";
+import { useDesignerRules as G } from "../../designer/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 = {
   id: {
     description: "The unique identifier for a fieldset",
     type: "string"
@@ -41,20 +41,20 @@ const te = /* @__PURE__ */ new Map([
     type: "array",
     default: []
   }
-}, le = [
+}, fe = [
   "id",
   "type",
   "contents"
-], de = {
-  $schema: ne,
-  $id: se,
-  title: ie,
-  description: oe,
-  type: re,
-  properties: ae,
-  required: le
+], z = {
+  $schema: ae,
+  $id: le,
+  title: de,
+  description: ce,
+  type: ue,
+  properties: pe,
+  required: fe
 };
-function ce(c, e, t) {
+function L(d, e, t) {
   return Object.assign(e, {
     appearance: {
       class: "col-12 px-0"
@@ -68,13 +68,18 @@ const R = {
   customStyle: { type: String, default: "" },
   /** 标题 */
   title: { type: String, default: "" }
-}, ue = Object.assign({}, R, {
+}, me = Object.assign({}, R, {
   componentId: { type: String, default: "" }
-}), G = K(R, de, te, ce), k = /* @__PURE__ */ j({
+}), Fe = Z(R, z, _, L), q = H(
+  R,
+  z,
+  _,
+  L
+), k = /* @__PURE__ */ j({
   name: "FFieldset",
   props: R,
   emits: [],
-  setup(c, e) {
+  setup(d, e) {
     const t = T(!0);
     function n(a, r) {
       a && r && r.split(" ").reduce((u, p) => (u[p] = !0, u), a);
@@ -84,7 +89,7 @@ const R = {
         "f-section-formgroup": !0,
         "f-state-collapse": !t.value
       };
-      return n(a, c.customClass), a;
+      return n(a, d.customClass), a;
     }), o = F(() => ({
       btn: !0,
       "f-btn-mx": !0,
@@ -96,7 +101,7 @@ const R = {
     }
     return () => v("fieldset", {
       class: s.value,
-      style: c.customStyle
+      style: d.customStyle
     }, [v("legend", {
       class: "f-section-formgroup-legend"
     }, [v("div", {
@@ -104,7 +109,7 @@ const R = {
     }, [v("div", {
       class: "f-title",
       onClick: i
-    }, [c.title]), v("div", {
+    }, [d.title]), v("div", {
       class: "f-toolbar",
       onClick: i
     }, [v("button", {
@@ -114,8 +119,8 @@ const R = {
     }, [e.slots.default && e.slots.default()])]);
   }
 });
-function pe(c) {
-  const { formSchemaUtils: e, formStateMachineUtils: t } = c;
+function ge(d) {
+  const { formSchemaUtils: e, formStateMachineUtils: t } = d;
   function n(r, l = "") {
     return {
       path: l + r.code,
@@ -124,7 +129,8 @@ function pe(c) {
     };
   }
   function s(r, l = "") {
-    return e.getViewModelById(r).states.map((p) => n(p, 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);
@@ -141,7 +147,7 @@ function pe(c) {
   }
   return { getVariables: o, getControlName: i, getStateMachines: a };
 }
-class fe {
+class he {
   constructor(e) {
     h(this, "sessionVariables", [
       {
@@ -408,7 +414,7 @@ class fe {
     };
   }
 }
-class me {
+class be {
   constructor(e, t) {
     h(this, "componentId");
     h(this, "viewModelId");
@@ -505,7 +511,7 @@ class me {
           switch (i && i.propertyID) {
             case "class":
             case "style": {
-              Q.value++;
+              ee.value++;
               break;
             }
           }
@@ -525,12 +531,12 @@ class me {
    * @returns 
    */
   getPropertyEditorParams(e, t = [], n = "visible", s = {}, o = {}, i = "") {
-    const { getVariables: a, getControlName: r, getStateMachines: l } = pe(this.designerHostService), u = this.getRealTargetType(e), p = t && t.length > 0 ? t : ["Const", "Variable", "StateMachine", "Expression"], g = {
+    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 = {
       type: "property-editor",
       propertyTypes: p
     };
-    return p.map((x) => {
-      switch (x) {
+    return p.map((E) => {
+      switch (E) {
         case "Const":
           Object.assign(g, {
             constType: "enum",
@@ -550,8 +556,8 @@ class me {
             newVariableType: "Boolean",
             variables: a(this.viewModelId),
             parentComponentId: this.componentId === "root-component" ? "" : "root-component",
-            onBeforeOpenVariables: (y) => {
-              y.value = a(this.viewModelId);
+            onBeforeOpenVariables: (w) => {
+              w.value = a(this.viewModelId);
             }
           }, o), this.designerContext.designerMode === "PC_RTC" && (g.newVariablePrefix = "ext_" + g.newVariablePrefix);
           break;
@@ -619,8 +625,8 @@ class me {
     const n = t && t.parent && t.parent.schema;
     if (!n)
       return;
-    const s = n.contents.findIndex((i) => i.id === e), o = ee(n.contents[s]);
-    n.contents.splice(s, 1), n.contents.splice(s, 0, o), X();
+    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();
   }
   /**
    * 属性编辑器，在编辑过程中会新增变量，此处需要将新增的变量追加到ViewModel中
@@ -652,15 +658,15 @@ class me {
       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: x } = g;
-    let y = x.find((E) => E.target === a);
-    y || (y = { target: a, rules: [], targetType: r }, x.push(y));
-    const V = y.rules.find((E) => E.type === l);
-    if (V)
-      V.value = u, V.message = p;
+    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;
     else {
-      const E = { id: o, type: l, value: u, message: p };
-      y.rules.push(E);
+      const V = { id: o, type: l, value: u, message: p };
+      w.rules.push(V);
     }
     delete t.expressionInfo;
   }
@@ -678,10 +684,10 @@ class me {
     !r || !r.rules || (r.rules = r.rules.filter((l) => l.type !== o));
   }
   getExpressionOptions(e, t, n) {
-    return new fe(this.formSchemaUtils).getExpressionOptions(e, t, n);
+    return new he(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 = {};
@@ -697,7 +703,7 @@ class me {
     }, t;
   }
 }
-class ge extends me {
+class ye extends be {
   constructor(e, t) {
     super(e, t);
   }
@@ -734,8 +740,8 @@ class ge extends me {
     });
   }
 }
-function he(c, e) {
-  const t = new Y(), { canAccept: n } = t.getTemplateRule(c, e), s = c.schema;
+function ve(d, e) {
+  const t = new ne(), { canAccept: n } = t.getTemplateRule(d, e), s = d.schema;
   function o() {
     return "f-section-formgroup";
   }
@@ -748,42 +754,42 @@ function he(c, e) {
   function r() {
     return !1;
   }
-  function l(d) {
-    const { sourceElement: f } = d, { componentInstance: C } = f, m = e == null ? void 0 : e.formSchemaUtils;
+  function l(c) {
+    const { sourceElement: f } = c, { componentInstance: C } = f, m = e == null ? void 0 : e.formSchemaUtils;
     if (!m)
       return !0;
-    const w = m.getComponentById(C.value.belongedComponentId), b = m.getViewModelById(w.viewModel), I = m.getComponentById(c.componentInstance.value.belongedComponentId), M = m.getViewModelById(I.viewModel);
+    const I = m.getComponentById(C.value.belongedComponentId), b = m.getViewModelById(I.viewModel), x = m.getComponentById(d.componentInstance.value.belongedComponentId), M = m.getViewModelById(x.viewModel);
     return b != null && b.id && (M != null && M.id) && b.id !== M.id ? b.bindTo === M.bindTo : !0;
   }
-  function u(d) {
-    const { bindingTargetId: f } = d;
+  function u(c) {
+    const { bindingTargetId: f } = c;
     if (!e)
       return;
-    const { formSchemaUtils: C, schemaService: m } = e, w = C.getComponentById(c.componentInstance.value.belongedComponentId), b = m.getFieldByIDAndVMID(f, w.viewModel);
+    const { formSchemaUtils: C, schemaService: m } = e, I = C.getComponentById(d.componentInstance.value.belongedComponentId), b = m.getFieldByIDAndVMID(f, I.viewModel);
     return !!(b != null && b.schemaField);
   }
-  function p(d) {
-    return d.sourceType === "control" && d.componentCategory === "input" ? !0 : d.sourceType === "move" && d.componentType === "form-group" ? l(d) : d.sourceType === "field" && d.componentCategory === "input" ? u(d) : !1;
+  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(d) {
-    return !(!Z().basalDragulaRuleForContainer(d, e) || !n || !p(d));
+  function g(c) {
+    return !(!se().basalDragulaRuleForContainer(c, e) || !n || !p(c));
   }
-  function x(d) {
-    return new ge(d, e).getPropertyConfig(s);
+  function E(c) {
+    return new ye(c, e).getPropertyConfig(s);
   }
-  function y(d) {
+  function w(c) {
     var M, P, B, U, N;
     if (!e)
       return;
-    const { formSchemaUtils: f, designViewModelUtils: C } = e, m = d.componentInstance, w = m.value.parent, b = f.getComponentById(m.value.belongedComponentId), I = C.getDgViewModel(b.viewModel);
-    switch (w && ((M = w.schema) == null ? void 0 : M.type)) {
+    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)) {
       case S.fieldset.type:
       case S["response-form"].type:
       case S["response-layout-item"].type: {
-        const A = { groupId: s.id, groupName: s.title }, _ = (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;
-        switch (_) {
+        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;
+        switch (W) {
           case D.Form: {
-            I.changeField(O, A);
+            x.changeField(O, A);
             break;
           }
           case D.Variable: {
@@ -795,72 +801,82 @@ function he(c, e) {
       }
     }
   }
-  function V(d) {
-    if (!d || !d.componentInstance || !e)
+  function y(c) {
+    if (!c || !c.componentInstance || !e)
       return;
-    const f = d.componentInstance, C = f.value.schema;
+    const f = c.componentInstance, C = f.value.schema;
     if (!C.binding || !C.binding.field)
       return;
-    y(d);
-    const { formSchemaUtils: m } = e, w = m.getViewModelIdByComponentId(f.value.belongedComponentId), b = m.getViewModelIdByComponentId(c.componentInstance.value.belongedComponentId);
-    w !== b && q(c, e).moveInputBetweenComponent(d);
-  }
-  function E(d, f) {
-    var C, m, w;
-    if (d.componentCategory === "input") {
-      const { label: b } = d;
-      let I;
+    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);
+  }
+  function V(c, f) {
+    var C, m, I;
+    if (c.componentCategory === "input") {
+      const { label: b } = c;
+      let x;
       const M = e == null ? void 0 : e.controlCreatorUtils;
-      (C = d.bindingSourceContext) != null && C.entityFieldNode ? I = M.setFormFieldProperty((m = d.bindingSourceContext) == null ? void 0 : m.entityFieldNode, f == null ? void 0 : f.type) : (I = M.createFormGroupWithoutField(f == null ? void 0 : f.type), I.label = b);
-      const P = q(c, e);
-      return P.resolveFormGroupAppearance(I), P.syncFieldToViewModel(d, (w = I.editor) == null ? void 0 : w.type, s.id, s.title), I;
+      (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;
     }
     return f;
   }
   return {
     canAccepts: g,
     hideNestedPaddingInDesginerView: r,
-    getPropsConfig: x,
+    getPropsConfig: E,
     checkCanDeleteComponent: i,
     checkCanMoveComponent: a,
-    onAcceptMovedChildElement: V,
-    onResolveNewComponentSchema: E,
+    onAcceptMovedChildElement: y,
+    onResolveNewComponentSchema: V,
     getDesignerClass: o
   };
 }
-const be = /* @__PURE__ */ j({
+const Ce = /* @__PURE__ */ j({
   name: "FFieldsetDesign",
-  props: ue,
+  props: me,
   emits: [],
-  setup(c, e) {
-    const t = T(), n = T(), s = $("design-item-context"), o = $("designer-host-service"), i = he(s, o), a = H(n, s, i);
-    e.expose(a.value), W(() => {
+  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);
+    e.expose(a.value);
+    const {
+      designerContext: r
+    } = o;
+    Q(() => {
       n.value.componentInstance = a;
     });
-    const r = T(!0);
-    function l(y, V) {
-      y && V && V.split(" ").reduce((d, f) => (d[f] = !0, d), y);
+    const l = T(!0);
+    function u(y, V) {
+      y && V && V.split(" ").reduce((f, C) => (f[C] = !0, f), y);
     }
-    const u = F(() => {
+    const p = F(() => {
       const y = {
         "f-section-formgroup": !0,
-        "f-state-collapse": !r.value
+        "f-state-collapse": !l.value
       };
-      return l(y, c.customClass), y;
-    }), p = F(() => ({
-      display: r.value ? "flex" : "none",
-      "flex-wrap": "wrap"
-    })), g = F(() => ({
+      return u(y, d.customClass), y;
+    }), g = F(() => {
+      const y = r && r.designerMode === "Mobile";
+      return {
+        display: l.value ? "flex" : "none",
+        "flex-wrap": "wrap",
+        "flex-direction": y ? "column" : "row"
+      };
+    }), E = F(() => ({
       btn: !0,
       "f-btn-mx": !0,
       "f-btn-collapse-expand": !0,
-      "f-state-expand": r.value
+      "f-state-expand": l.value
     }));
-    function x() {
-      r.value = !r.value;
+    function w(y) {
+      y.stopPropagation(), l.value = !l.value, X(() => {
+        oe();
+      });
     }
     return () => v("fieldset", {
-      class: u.value,
+      class: p.value,
       ref: t
     }, [v("legend", {
       class: "f-section-formgroup-legend"
@@ -868,34 +884,35 @@ const be = /* @__PURE__ */ j({
       class: "f-header"
     }, [v("div", {
       class: "f-title",
-      onClick: x
-    }, [c.title]), v("div", {
+      onClick: w
+    }, [d.title]), v("div", {
       class: "f-toolbar",
-      onClick: x
+      onClick: w
     }, [v("button", {
-      class: g.value
+      class: E.value
     }, null)])])]), v("div", {
       "data-dragref": `${s.schema.id}-container`,
       ref: n,
       class: "f-section-formgroup-inputs drag-container",
-      style: p.value
+      style: g.value
     }, [e.slots.default && e.slots.default()])]);
   }
-}), Ve = {
-  install(c) {
-    c.component(k.name, k);
+}), Se = {
+  install(d) {
+    d.component(k.name, k);
   },
-  register(c, e, t, n) {
-    c.fieldset = k, e.fieldset = G;
+  register(d, e, t, n, s) {
+    d.fieldset = k, e.fieldset = q(s);
   },
-  registerDesigner(c, e, t) {
-    c.fieldset = be, e.fieldset = G;
+  registerDesigner(d, e, t, n) {
+    d.fieldset = Ce, e.fieldset = q(n);
   }
 };
 export {
   k as Fieldset,
-  Ve as default,
-  ue as fieldsetDesignerProps,
+  Se as default,
+  me as fieldsetDesignerProps,
   R as fieldsetProps,
-  G as propsResolver
+  Fe as propsResolver,
+  q as propsResolverGenerator
 };