gds-plus-design-vue 1.1.30 → 1.1.32

package/lib/{index.c8a3e0ff.mjs → index.8923ef39.mjs}

@@ -630,7 +630,7 @@ const constantRouterMap = [{
     {
       path: "login",
       name: "login",
-      component: () => import("./main.9b8d971e.mjs"),
+      component: () => import("./main.5e6d15a6.mjs"),
       meta: {
         title: "\u767B\u5F55",
         transKey: "gd.login.title"
@@ -1333,7 +1333,7 @@ function translateLanguageName(s, t, a) {
     o ? o = o[l] : o = null;
   }), o || a;
 }
-const userLogo_vue_vue_type_style_index_0_scoped_7552ffc1_lang = "", _sfc_main$5Y = {
+const userLogo_vue_vue_type_style_index_0_scoped_494b8635_lang = "", _sfc_main$5Y = {
   props: {
     basicAttribute: {
       type: Object,
@@ -1366,7 +1366,7 @@ var _sfc_render$5Y = function() {
   _sfc_staticRenderFns$5Y,
   !1,
   null,
-  "7552ffc1",
+  "494b8635",
   null,
   null
 );
@@ -4295,7 +4295,7 @@ https://github.com/nodeca/pako/blob/main/LICENSE
     }, {}] }, {}, [10])(10);
   });
 })(jszip_min);
-const JSZip$1 = jszip_min.exports, main_vue_vue_type_style_index_0_scoped_f5e83663_lang = "";
+const JSZip$1 = jszip_min.exports, main_vue_vue_type_style_index_0_scoped_48bb3c35_lang = "";
 var outTime = null;
 const _sfc_main$5W = {
   name: "GdSideNavMenu",
@@ -4325,7 +4325,7 @@ const _sfc_main$5W = {
     },
     styled() {
       let s = this.sidebar ? "68px" : "172px";
-      return this.navMenuTheme === "fold" && (s = this.sidebar ? "68px" : "230px"), {
+      return this.navMenuTheme === "fold" && (s = this.sidebar ? "68px" : "245px"), {
         width: s,
         "--bjmenuvar": "#1d2126"
       };
@@ -4473,7 +4473,7 @@ var _sfc_render$5W = function() {
   _sfc_staticRenderFns$5W,
   !1,
   null,
-  "f5e83663",
+  "48bb3c35",
   null,
   null
 );
@@ -6441,7 +6441,7 @@ var _sfc_render$5Q = function() {
   null,
   null
 );
-const MultiTab = __component__$5Q.exports, main_vue_vue_type_style_index_0_scoped_0d38f190_lang = "", _sfc_main$5P = {
+const MultiTab = __component__$5Q.exports, main_vue_vue_type_style_index_0_scoped_56768b14_lang = "", _sfc_main$5P = {
   name: "GdGlobalHeader",
   props: {
     basicAttribute: {
@@ -6455,7 +6455,7 @@ const MultiTab = __component__$5Q.exports, main_vue_vue_type_style_index_0_scope
   computed: {
     style() {
       let s = this.sidebar ? "68px" : "172px";
-      return this.navMenuTheme === "fold" && (s = this.sidebar ? "68px" : "230px"), `margin-left:${s}`;
+      return this.navMenuTheme === "fold" && (s = this.sidebar ? "68px" : "245px"), `margin-left:${s}`;
     },
     apps() {
       return this.userInfo.apps;
@@ -6481,7 +6481,7 @@ var _sfc_render$5P = function() {
   _sfc_staticRenderFns$5P,
   !1,
   null,
-  "0d38f190",
+  "56768b14",
   null,
   null
 );
@@ -6489,7 +6489,7 @@ const GDpackage$1a = __component__$5P.exports;
 GDpackage$1a.install = function(s) {
   s.component(GDpackage$1a.name, GDpackage$1a);
 };
-const main_vue_vue_type_style_index_0_scoped_d0dbd9b6_lang = "", _sfc_main$5O = {
+const main_vue_vue_type_style_index_0_scoped_19f6c779_lang = "", _sfc_main$5O = {
   name: "GdBasicLayout",
   data() {
     return {
@@ -6508,7 +6508,7 @@ const main_vue_vue_type_style_index_0_scoped_d0dbd9b6_lang = "", _sfc_main$5O =
     },
     contentPaddingLeft() {
       let s = this.sidebar ? "68px" : "172px";
-      return this.navMenuTheme === "fold" && (s = this.sidebar ? "68px" : "230px"), s;
+      return this.navMenuTheme === "fold" && (s = this.sidebar ? "68px" : "245px"), s;
     },
     stylem() {
       return `padding-left:${this.contentPaddingLeft};`;
@@ -6542,7 +6542,7 @@ var _sfc_render$5O = function() {
   _sfc_staticRenderFns$5O,
   !1,
   null,
-  "d0dbd9b6",
+  "19f6c779",
   null,
   null
 );
@@ -6959,7 +6959,7 @@ const GDpackage$15 = __component__$5J.exports;
 GDpackage$15.install = function(s) {
   s.component(GDpackage$15.name, GDpackage$15);
 };
-const main_vue_vue_type_style_index_0_scoped_b1bcb3b6_lang = "", _sfc_main$5I = {
+const main_vue_vue_type_style_index_0_scoped_e133611c_lang = "", _sfc_main$5I = {
   name: "GdBasicLayoutTop",
   data() {
     return {
@@ -6979,7 +6979,7 @@ const main_vue_vue_type_style_index_0_scoped_b1bcb3b6_lang = "", _sfc_main$5I =
       if (this.apps.length === 0)
         return "0px";
       let s = this.sidebar ? "68px" : "172px";
-      return this.navMenuTheme === "fold" && (s = this.sidebar ? "68px" : "230px"), s;
+      return this.navMenuTheme === "fold" && (s = this.sidebar ? "68px" : "245px"), s;
     },
     stylem() {
       return `padding-left:${this.contentPaddingLeft};`;
@@ -7000,7 +7000,7 @@ var _sfc_render$5I = function() {
   _sfc_staticRenderFns$5I,
   !1,
   null,
-  "b1bcb3b6",
+  "e133611c",
   null,
   null
 );
@@ -23816,6 +23816,10 @@ const iconsList = [{
     "gd-icon-jia",
     "gd-icon-jian2",
     "gd-icon-shanchu2",
+    "gd-icon-76xinzeng",
+    "gd-icon-bianji5",
+    "gd-icon-bianji4",
+    "gd-icon-yulan",
     "gd-icon-tuichudenglu",
     "gd-icon-wenjianxiazai",
     "gd-icon-wenjiandaoru",
@@ -98596,11 +98600,19 @@ const GDpackage$l = __component__$2$.exports;
 GDpackage$l.install = function(s) {
   s.component(GDpackage$l.name, GDpackage$l);
 };
-const editForm_vue_vue_type_style_index_0_scoped_b860b667_lang = "", _sfc_main$2_ = {
+const editForm_vue_vue_type_style_index_0_scoped_d6dc911f_lang = "", _sfc_main$2_ = {
   props: {
     openPermissions: {
       type: Boolean,
       default: !0
+    },
+    modalAppendToBody: {
+      type: Boolean,
+      default: !0
+    },
+    appendToBody: {
+      type: Boolean,
+      default: !0
     }
   },
   data() {
@@ -98762,7 +98774,7 @@ const editForm_vue_vue_type_style_index_0_scoped_b860b667_lang = "", _sfc_main$2
 };
 var _sfc_render$2_ = function() {
   var t = this, a = t._self._c;
-  return a("el-dialog", { class: t.fullScreen ? "gd-dialog" : "gd-dialog gd-dialog-fangda", attrs: { width: t.width, visible: t.visible, footer: null, top: "80px", "append-to-body": "" }, on: { "update:visible": function(r) {
+  return a("el-dialog", { class: t.fullScreen ? "gd-dialog" : "gd-dialog gd-dialog-fangda", attrs: { width: t.width, visible: t.visible, footer: null, top: "80px", "modal-append-to-body": t.modalAppendToBody, "append-to-body": t.appendToBody }, on: { "update:visible": function(r) {
     t.visible = r;
   }, closed: t.handleCancel } }, [a("template", { slot: "title" }, [a("div", { staticClass: "gd-dialog-head" }, [a("div", { staticClass: "dialog-head-title" }, [t._v(t._s(t.title))]), a("div", { staticClass: "dialog-head-btn" }, [a("gd-btn-list", { attrs: { sysViewButtons: t.sysViewButtons }, on: { functionName: t.doEvent } })], 1), a("div", { staticClass: "dialog-head-operate" }, [a("i", { staticClass: "gd-icons active-color", class: t.fullScreen ? "gd-icon-quanpingsuoxiao" : "gd-icon-fangda", on: { click: t.toggleFullscreen } })]), t.confirmLoading ? a("div", { staticClass: "gd-dialog-meng" }) : t._e()])]), a("div", { directives: [{ name: "loading", rawName: "v-loading", value: t.confirmLoading, expression: "confirmLoading" }] }, [a("div", { class: t.fullScreen ? "modal-bodyq" : "modal-body" }, [a("el-form", { ref: "ruleForm", attrs: { rules: t.rules, model: t.ruleFormData, "label-width": "160px" }, nativeOn: { submit: function(r) {
     r.preventDefault();
@@ -98787,7 +98799,7 @@ var _sfc_render$2_ = function() {
   _sfc_staticRenderFns$2_,
   !1,
   null,
-  "b860b667",
+  "d6dc911f",
   null,
   null
 );
@@ -111171,7 +111183,9 @@ const operationMenus = __component__$2g.exports, abilityItems = [{
     margin: [0, 0, 0, 0]
   },
   fieldContext: [],
+  foreignContext: [],
   customCss: "",
+  customClass: "",
   defined: {
     pc: {},
     mobile: {}
@@ -111204,6 +111218,8 @@ const operationMenus = __component__$2g.exports, abilityItems = [{
     callbackComponents: "",
     callbackFunction: ""
   },
+  customCss: "",
+  customClass: "",
   defined: {
     pc: {},
     mobile: {}
@@ -111225,6 +111241,8 @@ const operationMenus = __component__$2g.exports, abilityItems = [{
     padding: [0, 0, 0, 0],
     margin: [0, 0, 0, 0]
   },
+  customCss: "",
+  customClass: "",
   defined: {
     pc: {},
     mobile: {}
@@ -111243,6 +111261,8 @@ const operationMenus = __component__$2g.exports, abilityItems = [{
     margin: [0, 0, 0, 0],
     labelUnit: "%"
   },
+  customCss: "",
+  customClass: "",
   defined: {
     pc: {},
     mobile: {}
@@ -111263,10 +111283,12 @@ const operationMenus = __component__$2g.exports, abilityItems = [{
     width: "100",
     height: "1",
     padding: [0, 0, 0, 0],
+    margin: [0, 0, 0, 0],
     labelUnit: "%",
     bjColor: "transparent"
   },
   customCss: "",
+  customClass: "",
   defined: {
     pc: {},
     mobile: {}
@@ -111282,7 +111304,8 @@ const operationMenus = __component__$2g.exports, abilityItems = [{
     transKey: null,
     flexWidth: 100,
     flexUnit: "%",
-    columnContextName: []
+    columnContextName: [],
+    foreignContextName: ""
   },
   css: {
     maxLineClamp: void 0,
@@ -111301,6 +111324,7 @@ const operationMenus = __component__$2g.exports, abilityItems = [{
   },
   fieldContext: [],
   customCss: "",
+  customClass: "",
   defined: {
     pc: {},
     mobile: {}
@@ -111319,7 +111343,8 @@ const operationMenus = __component__$2g.exports, abilityItems = [{
     mode: "center",
     iconShow: !1,
     columnContextName: [],
-    subtransContextName: []
+    subtransContextName: [],
+    foreignContextName: ""
   },
   css: {
     bjColor: "transparent",
@@ -111329,6 +111354,7 @@ const operationMenus = __component__$2g.exports, abilityItems = [{
   },
   fieldContext: [],
   customCss: "",
+  customClass: "",
   defined: {
     pc: {},
     mobile: {}
@@ -111343,7 +111369,8 @@ const operationMenus = __component__$2g.exports, abilityItems = [{
     icon: "gd-icon-group-line",
     flexWidth: 100,
     flexUnit: "%",
-    columnContextName: []
+    columnContextName: [],
+    foreignContextName: ""
   },
   css: {
     bjColor: "transparent",
@@ -111357,6 +111384,7 @@ const operationMenus = __component__$2g.exports, abilityItems = [{
     lineHeight: 24
   },
   fieldContext: [],
+  foreignContext: [],
   interac: {
     formMode: "systemsMethod",
     sysFunctionName: "sysBaseAdd",
@@ -111373,6 +111401,7 @@ const operationMenus = __component__$2g.exports, abilityItems = [{
     callbackFunction: ""
   },
   customCss: "",
+  customClass: "",
   defined: {
     pc: {},
     mobile: {}
@@ -111393,11 +111422,13 @@ const operationMenus = __component__$2g.exports, abilityItems = [{
     height: "30",
     padding: [0, 0, 0, 0],
     margin: [0, 0, 0, 0],
+    radius: [0, 0, 0, 0],
     labelUnit: "px",
     objectFit: "contain"
   },
   fieldContext: [],
   customCss: "",
+  customClass: "",
   defined: {
     pc: {},
     mobile: {}
@@ -111423,6 +111454,7 @@ const operationMenus = __component__$2g.exports, abilityItems = [{
   },
   fieldContext: [],
   customCss: "",
+  customClass: "",
   defined: {
     pc: {},
     mobile: {}
@@ -111442,6 +111474,7 @@ const operationMenus = __component__$2g.exports, abilityItems = [{
   css: {
     padding: [0, 0, 0, 0],
     margin: [0, 0, 0, 0],
+    radius: [0, 0, 0, 0],
     align: "left",
     fontSize: 12,
     fontStyle: "normal",
@@ -111452,6 +111485,7 @@ const operationMenus = __component__$2g.exports, abilityItems = [{
   },
   fieldContext: [],
   customCss: "",
+  customClass: "",
   defined: {
     pc: {},
     mobile: {}
@@ -111475,6 +111509,7 @@ const operationMenus = __component__$2g.exports, abilityItems = [{
   },
   fieldContext: [],
   customCss: "",
+  customClass: "",
   defined: {
     pc: {},
     mobile: {}
@@ -111497,10 +111532,12 @@ const operationMenus = __component__$2g.exports, abilityItems = [{
     height: 100,
     padding: [0, 0, 0, 0],
     margin: [0, 0, 0, 0],
+    radius: [0, 0, 0, 0],
     labelUnit: "px"
   },
   fieldContext: [],
   customCss: "",
+  customClass: "",
   argument: !0,
   defined: {
     pc: {
@@ -111541,8 +111578,13 @@ const operationMenus = __component__$2g.exports, abilityItems = [{
     viewWeights: "2"
   },
   formList: [],
-  css: {},
+  css: {
+    padding: [0, 0, 0, 0],
+    margin: [0, 0, 0, 0],
+    radius: [0, 0, 0, 0]
+  },
   customCss: "",
+  customClass: "",
   defined: {
     pc: {},
     mobile: {}
@@ -111564,7 +111606,9 @@ const operationMenus = __component__$2g.exports, abilityItems = [{
     layoutDirection: "column",
     columnsNumber: 2,
     columnsWidth: 100,
-    spacing: 0
+    spacing: 0,
+    foreignContextName: "",
+    foreignBind: []
   },
   list: [],
   css: {
@@ -111576,7 +111620,9 @@ const operationMenus = __component__$2g.exports, abilityItems = [{
     radius: [0, 0, 0, 0]
   },
   fieldContext: [],
+  foreignContext: [],
   customCss: "",
+  customClass: "",
   defined: {
     pc: {},
     mobile: {}
@@ -111596,7 +111642,13 @@ const operationMenus = __component__$2g.exports, abilityItems = [{
     colon: !0,
     border: 1
   },
-  css: {},
+  css: {
+    padding: [0, 0, 0, 0],
+    margin: [0, 0, 0, 0],
+    radius: [0, 0, 0, 0]
+  },
+  customCss: "",
+  customClass: "",
   defined: {
     pc: {},
     mobile: {}
@@ -111617,8 +111669,13 @@ const operationMenus = __component__$2g.exports, abilityItems = [{
     relativeHeight: 100
   },
   fkData: [],
-  css: {},
+  css: {
+    padding: [0, 0, 0, 0],
+    margin: [0, 0, 0, 0],
+    radius: [0, 0, 0, 0]
+  },
   customCss: "",
+  customClass: "",
   defined: {
     pc: {},
     mobile: {}
@@ -111637,9 +111694,13 @@ const operationMenus = __component__$2g.exports, abilityItems = [{
   },
   css: {
     color: "#333",
-    fontSize: "14"
+    fontSize: "14",
+    padding: [0, 0, 0, 0],
+    margin: [0, 0, 0, 0],
+    radius: [0, 0, 0, 0]
   },
   customCss: "",
+  customClass: "",
   defined: {
     pc: {},
     mobile: {}
@@ -112281,6 +112342,7 @@ const operationMenus = __component__$2g.exports, abilityItems = [{
   },
   fieldContext: [],
   customCss: "",
+  customClass: "",
   defined: {
     pc: {},
     mobile: {}
@@ -112309,8 +112371,14 @@ const operationMenus = __component__$2g.exports, abilityItems = [{
     label: "",
     icon: "gd-icon-ziyuansu"
   }],
-  css: {},
+  css: {
+    bjColor: "#fff",
+    padding: [0, 0, 0, 0],
+    margin: [0, 0, 0, 0],
+    radius: [0, 0, 0, 0]
+  },
   customCss: "",
+  customClass: "",
   defined: {
     pc: {},
     mobile: {}
@@ -112344,8 +112412,14 @@ const operationMenus = __component__$2g.exports, abilityItems = [{
     icon: "gd-icon-ziyuansu",
     hidden: !1
   }],
-  css: {},
+  css: {
+    bjColor: "#fff",
+    padding: [0, 0, 0, 0],
+    margin: [0, 0, 0, 0],
+    radius: [0, 0, 0, 0]
+  },
   customCss: "",
+  customClass: "",
   defined: {
     pc: {},
     mobile: {}
@@ -112362,9 +112436,14 @@ const operationMenus = __component__$2g.exports, abilityItems = [{
     transKey: null
   },
   list: [],
-  css: {},
-  customCss: "",
+  css: {
+    bjColor: "#fff",
+    padding: [0, 0, 0, 0],
+    margin: [0, 0, 0, 0],
+    radius: [0, 0, 0, 0]
+  },
   customCss: "",
+  customClass: "",
   defined: {
     pc: {},
     mobile: {}
@@ -112403,6 +112482,7 @@ const operationMenus = __component__$2g.exports, abilityItems = [{
   }],
   css: {},
   customCss: "",
+  customClass: "",
   defined: {
     pc: {},
     mobile: {}
@@ -112426,8 +112506,14 @@ const operationMenus = __component__$2g.exports, abilityItems = [{
   ruleFormKey: [],
   field: [],
   list: [],
-  css: {},
+  css: {
+    bjColor: "#fff",
+    padding: [0, 0, 0, 0],
+    margin: [0, 0, 0, 0],
+    radius: [0, 0, 0, 0]
+  },
   customCss: "",
+  customClass: "",
   defined: {
     pc: {
       labelPosition: "right"
@@ -112451,8 +112537,14 @@ const operationMenus = __component__$2g.exports, abilityItems = [{
     heightMode: "fill",
     height: 300
   },
-  css: {},
+  css: {
+    bjColor: "#fff",
+    padding: [0, 0, 0, 0],
+    margin: [0, 0, 0, 0],
+    radius: [0, 0, 0, 0]
+  },
   customCss: "",
+  customClass: "",
   defined: {
     pc: {},
     mobile: {}
@@ -112497,6 +112589,7 @@ const operationMenus = __component__$2g.exports, abilityItems = [{
   },
   fieldContext: [],
   customCss: "",
+  customClass: "",
   defined: {
     pc: {},
     mobile: {}
@@ -112814,6 +112907,7 @@ const operationMenus = __component__$2g.exports, abilityItems = [{
   },
   css: {},
   customCss: "",
+  customClass: "",
   defined: {
     pc: {},
     mobile: {}
@@ -112831,6 +112925,7 @@ const operationMenus = __component__$2g.exports, abilityItems = [{
   props: "record (Object);tableData (Object);id (Strng/Number);parameterData (Object)",
   css: {},
   customCss: "",
+  customClass: "",
   webList: [],
   defined: {
     pc: {},
@@ -112876,6 +112971,7 @@ const operationMenus = __component__$2g.exports, abilityItems = [{
       heiType: "auto"
     },
     customCss: "",
+    customClass: "",
     defined: {
       pc: {},
       mobile: {}
@@ -112985,7 +113081,7 @@ var _sfc_render$2f = function s() {
   null,
   null
 );
-const collapseItem = __component__$2f.exports, main_vue_vue_type_style_index_0_scoped_872f9cac_lang = "", _sfc_main$2e = {
+const collapseItem = __component__$2f.exports, main_vue_vue_type_style_index_0_scoped_1478e23c_lang = "", _sfc_main$2e = {
   props: {
     table: {
       type: Object,
@@ -113077,7 +113173,7 @@ const collapseItem = __component__$2f.exports, main_vue_vue_type_style_index_0_s
     },
     getType(s) {
       let t = { val: "input", arr: ["input", "textarea"], data: [] };
-      ["input", "textarea"].includes(s.effecttype) ? Object.assign(t, { val: s.effecttype, arr: ["input", "textarea"] }) : ["radio"].includes(s.effecttype) ? Object.assign(t, { val: s.effecttype, arr: ["radio", "select"] }) : ["switch"].includes(s.effecttype) ? Object.assign(t, { val: s.effecttype, arr: ["switch"] }) : ["inputnumber", "currency", "double"].includes(s.effecttype) ? Object.assign(t, { val: "inputNumber", arr: ["inputNumber"] }) : ["checkbox"].includes(s.effecttype) ? Object.assign(t, { val: s.effecttype, arr: ["checkbox", "selectMultiple"] }) : ["select"].includes(s.effecttype) ? Object.assign(t, { val: s.effecttype, arr: ["radio", "select"] }) : ["fk", "user", "participants", "about"].includes(s.effecttype) ? Object.assign(t, { val: "select", arr: ["select"] }) : ["editor"].includes(s.effecttype) ? Object.assign(t, { val: "editor", arr: ["editor"] }) : ["file"].includes(s.effecttype) ? Object.assign(t, { val: "uploadFile", arr: ["uploadFile"] }) : ["image"].includes(s.effecttype) ? Object.assign(t, { val: "uploadImg", arr: ["uploadImg"] }) : ["datepicker"].includes(s.effecttype) && Object.assign(t, { val: "datePicker", arr: ["datePicker"] });
+      ["input", "textarea"].includes(s.effecttype) ? Object.assign(t, { val: s.effecttype, arr: ["input", "textarea"] }) : ["radio"].includes(s.effecttype) ? Object.assign(t, { val: s.effecttype, arr: ["radio", "select"] }) : ["switch"].includes(s.effecttype) ? Object.assign(t, { val: s.effecttype, arr: ["switch"] }) : ["inputnumber", "currency", "double"].includes(s.effecttype) ? Object.assign(t, { val: "inputNumber", arr: ["inputNumber"] }) : ["checkbox"].includes(s.effecttype) ? Object.assign(t, { val: s.effecttype, arr: ["checkbox", "selectMultiple"] }) : ["select"].includes(s.effecttype) ? Object.assign(t, { val: s.effecttype, arr: ["radio", "select"] }) : ["fk", "user", "participants", "about"].includes(s.effecttype) ? Object.assign(t, { val: "select", arr: ["select"] }) : ["editor"].includes(s.effecttype) ? Object.assign(t, { val: "editor", arr: ["editor"] }) : ["file"].includes(s.effecttype) ? Object.assign(t, { val: "uploadFile", arr: ["uploadFile"] }) : ["image"].includes(s.effecttype) ? Object.assign(t, { val: "uploadImg", arr: ["uploadImg"] }) : ["datepicker"].includes(s.effecttype) && Object.assign(t, { val: "datePicker", arr: ["datePicker", "timePicker"] });
       const a = formItems.filter((o) => t.arr.includes(o.type));
       let r = JSON.parse(JSON.stringify(a));
       return r.forEach((o, l) => {
@@ -113113,7 +113209,7 @@ var _sfc_render$2e = function s() {
   _sfc_staticRenderFns$2e,
   !1,
   null,
-  "872f9cac",
+  "1478e23c",
   null,
   null
 );
@@ -113492,7 +113588,7 @@ var _sfc_render$2a = function s() {
   null,
   null
 );
-const sideHeader = __component__$2a.exports, sideMenus_vue_vue_type_style_index_0_scoped_8804c2be_lang = "", _sfc_main$29 = {
+const sideHeader = __component__$2a.exports, sideMenus_vue_vue_type_style_index_0_scoped_dc36b6af_lang = "", _sfc_main$29 = {
   props: {
     navParameters: {
       type: Object,
@@ -113529,7 +113625,7 @@ const sideHeader = __component__$2a.exports, sideMenus_vue_vue_type_style_index_
 var _sfc_render$29 = function s() {
   var t = this, a = t._self._c;
   return a("div", { staticClass: "side-menus" }, [t.navParameters.logoOpen ? [a("div", { directives: [{ name: "show", rawName: "v-show", value: t.options.mode === "imageWithText", expression: "options.mode === 'imageWithText'" }], staticClass: "logo" }, [a("div", { staticClass: "picture" }, [t.options.smallPicture ? a("img", { directives: [{ name: "lazyImg", rawName: "v-lazyImg", value: t.options.smallPicture, expression: "options.smallPicture" }], staticStyle: { width: "42px", height: "42px" }, attrs: { "data-url": t.options.smallPicture } }) : t._e()]), t.collapsed ? a("div", { staticClass: "company" }, [a("div", { staticClass: "title line1", style: t.tstyle }, [t._v(t._s(t.options.title))]), a("div", { staticClass: "ytitle line1", style: t.ystyle }, [t._v(t._s(t.options.subtitle))])]) : t._e()]), a("div", { directives: [{ name: "show", rawName: "v-show", value: t.options.mode !== "imageWithText", expression: "options.mode !== 'imageWithText'" }], staticClass: "logo" }, [a("div", { directives: [{ name: "show", rawName: "v-show", value: !t.collapsed, expression: "!collapsed" }], staticClass: "picture" }, [t.options.smallPicture ? a("img", { directives: [{ name: "lazyImg", rawName: "v-lazyImg", value: t.options.smallPicture, expression: "options.smallPicture" }], staticStyle: { width: "42px", height: "42px" }, attrs: { "data-url": t.options.smallPicture } }) : t._e()]), a("div", { directives: [{ name: "show", rawName: "v-show", value: t.collapsed, expression: "collapsed" }], staticClass: "bpicture" }, [t.options.bigPicture ? a("img", { directives: [{ name: "lazyImg", rawName: "v-lazyImg", value: t.options.bigPicture, expression: "options.bigPicture" }], staticStyle: { width: "100%", height: "44px" }, attrs: { "data-url": t.options.bigPicture } }) : t._e()])])] : t._e(), a("div", { staticClass: "list" }, t._l(t.list, function(r, o) {
-    return a("div", { key: o, staticClass: "item", class: t.collapsed ? "" : "item-open" }, [a("i", { staticClass: "gd-icons", class: r.icon }), t.collapsed ? a("div", { staticClass: "name" }, [t._v(t._s(r.name))]) : t._e()]);
+    return a("div", { key: o, staticClass: "item", class: t.collapsed ? "" : "item-open" }, [a("i", { staticClass: "gd-icons", class: r.icon }), t.collapsed ? a("div", { staticClass: "name line1" }, [t._v(t._s(t.$i18nt(`Dynamics.${r.transkey}`, r.name)))]) : t._e()]);
   }), 0)], 2);
 }, _sfc_staticRenderFns$29 = [], __component__$29 = /* @__PURE__ */ normalizeComponent(
   _sfc_main$29,
@@ -113537,7 +113633,7 @@ var _sfc_render$29 = function s() {
   _sfc_staticRenderFns$29,
   !1,
   null,
-  "8804c2be",
+  "dc36b6af",
   null,
   null
 );
@@ -113921,7 +114017,7 @@ function getProperti(s, t) {
       return "";
   }
 }
-const textContent_vue_vue_type_style_index_0_scoped_1fcb9e4f_lang = "", _sfc_main$22 = {
+const textContent_vue_vue_type_style_index_0_scoped_37061f12_lang = "", _sfc_main$22 = {
   props: {
     record: {
       type: Object,
@@ -113970,6 +114066,7 @@ const textContent_vue_vue_type_style_index_0_scoped_1fcb9e4f_lang = "", _sfc_mai
   },
   methods: {},
   mounted() {
+    this.record.fieldContext.length > 0 && (this.record.fieldContext = this.fieldContext);
   }
 };
 var _sfc_render$22 = function s() {
@@ -113981,7 +114078,7 @@ var _sfc_render$22 = function s() {
   _sfc_staticRenderFns$22,
   !1,
   null,
-  "1fcb9e4f",
+  "37061f12",
   null,
   null
 );
@@ -114104,7 +114201,7 @@ function getQueries(s, t, a) {
     type: "number"
   }), {
     id: s.syscodegenconfig.id,
-    transKey: s.syscodegenconfig.transkey,
+    transKey: `Dynamics.${s.syscodegenconfig.transkey}`,
     prop: s.syscodegenconfig.columnname,
     label: s.syscodegenconfig.columncomment,
     effectType: getEffectType(s.syscodegenconfig.effecttype),
@@ -114174,7 +114271,42 @@ function getFormatTime(s) {
 function formatNumber(s) {
   return s = s.toString(), s[1] ? s : "0" + s;
 }
-const unifiedComponents_vue_vue_type_style_index_0_scoped_b9dca614_lang = "", _sfc_main$20 = {
+const sysOverallFun = [
+  {
+    name: "\u65B0\u589E",
+    code: "sysBaseAdd",
+    transKey: "gd.btn.add",
+    type: ["form"],
+    callback: !0
+  },
+  {
+    name: "\u7F16\u8F91",
+    code: "sysBaseEdit",
+    transKey: "gd.btn.edit",
+    type: ["form"],
+    callback: !0
+  },
+  {
+    name: "\u67E5\u8BE2",
+    code: "sysBaseQuery",
+    transKey: "gd.btn.query",
+    type: ["view"],
+    callback: !0
+  },
+  {
+    name: "\u5220\u9664",
+    code: "sysBaseDel",
+    transKey: "gd.btn.del",
+    type: ["view"],
+    callback: !0
+  },
+  {
+    name: "\u81EA\u5B9A\u4E49",
+    code: "sysBaseCustom",
+    transKey: "gd.settings.custom",
+    type: ["view", "form"]
+  }
+], unifiedComponents_vue_vue_type_style_index_0_scoped_79476d37_lang = "", _sfc_main$20 = {
   props: {
     record: {
       type: Object,
@@ -114203,6 +114335,25 @@ const unifiedComponents_vue_vue_type_style_index_0_scoped_b9dca614_lang = "", _s
     };
   },
   computed: {
+    ids() {
+      const s = this.itemData.id ? this.itemData.id : uuid$1();
+      let t = "";
+      for (let a in this.itemData)
+        a !== "id" && this.itemData[a] === s && (t = a);
+      return this.foreignContextName.length === 0 ? t : t + "_" + s;
+    },
+    getRecord() {
+      const s = this.foreignContextName.length === 0 ? {} : { foreign: { fkValue: this.itemData.id, fkName: this.foreignContextName[0] } }, t = this.foreignContextName.length === 0 ? {} : { foreign: this.foreignContextName[0], saved: !0 };
+      return Object.assign(this.record, s, {
+        options: Object.assign(this.options, t)
+      });
+    },
+    openMode() {
+      return this.foreignContextName.length === 0 ? 1 : 3;
+    },
+    foreignContextName() {
+      return this.options.foreignContextName ? this.options.foreignContextName.split(",") : [];
+    },
     getTitle() {
       return this.btnItems.transKey || this.btnItems.displayName ? this.$i18nt(`Dynamics.${this.btnItems.transKey}`, this.btnItems.displayName) : this.$i18nt("gd.basics.screen", "\u7B5B\u9009");
     },
@@ -114216,6 +114367,9 @@ const unifiedComponents_vue_vue_type_style_index_0_scoped_b9dca614_lang = "", _s
       const s = this.tableLists.filter((t) => t.tablename === this.btnItems.table)[0];
       return s || { tablename: this.btnItems.table };
     },
+    options() {
+      return this.record.options;
+    },
     hig() {
       return this.screenHeight - 68;
     },
@@ -114223,10 +114377,9 @@ const unifiedComponents_vue_vue_type_style_index_0_scoped_b9dca614_lang = "", _s
   },
   methods: {
     sysBaseDel(s) {
-      console.log(s);
       const t = s.columnContextName ? s.columnContextName : [], a = t[t.length - 1], r = this.itemData[a];
       let o = this;
-      if (console.log(a, r), !r) {
+      if (!r) {
         this.$message.warning(this.$i18nt("gd.https.delTip", "\u8BF7\u9009\u62E9\u8981\u5220\u9664\u7684\u6570\u636E!"));
         return;
       }
@@ -114257,16 +114410,29 @@ const unifiedComponents_vue_vue_type_style_index_0_scoped_b9dca614_lang = "", _s
       });
     },
     refresh() {
-      this.btnItems.formMode === "systemsMethod" && this.btnItems.callbackComponents && this.btnItems.callbackFunction && this.record.doEvent && this.record.doEvent({ key: this.btnItems.callbackComponents, functionName: this.btnItems.callbackFunction });
+      this.btnItems.formMode === "systemsMethod" && this.btnItems.callbackComponents && this.btnItems.callbackFunction && this.record.doEvent && this.record.doEvent(
+        {
+          key: this.btnItems.callbackComponents,
+          functionName: this.btnItems.callbackFunction,
+          id: this.ids
+        },
+        "callback"
+      );
     },
-    async openForm(s) {
+    async openForm(s, t) {
       this.show = !0, this.$nextTick(() => {
         setTimeout(async () => {
+          const a = sysOverallFun.filter((l) => l.code === this.btnItems.sysFunctionName)[0], r = a ? a.transKey : `Dynamics.${this.btnItems.transKey}`, o = a ? a.name : this.btnItems.displayName;
           if (this.$refs.editForm) {
-            const t = this.btnItems.btnDataAll.formlist.filter((a) => a.id === this.btnItems.tableComponents)[0];
-            await this.$refs.editForm.setFormRecord(t), this.$refs.editForm.open({
-              title: this.$i18nt(`Dynamics.${this.btnItems.transKey}`, this.btnItems.displayName)
-            }), this.statu = !1, s.close();
+            const l = this.btnItems.btnDataAll.formlist.filter((u) => u.id === this.btnItems.tableComponents)[0];
+            await this.$refs.editForm.setFormRecord(l);
+            let d = t ? {
+              title: this.$i18nt(r, o),
+              id: t
+            } : {
+              title: this.$i18nt(r, o)
+            };
+            this.$refs.editForm.open(d), this.statu = !1, s.close();
           }
         }, 0);
       });
@@ -114274,7 +114440,15 @@ const unifiedComponents_vue_vue_type_style_index_0_scoped_b9dca614_lang = "", _s
     queriesRefresh(s) {
       Object.assign(this.btnItems, {
         queryParam: { ...s }
-      }), this.btnItems.formMode === "systemsMethod" && this.btnItems.callbackComponents && this.btnItems.callbackFunction && this.record.doEvent && this.record.doEvent({ key: this.btnItems.callbackComponents, functionName: this.btnItems.callbackFunction, data: s });
+      }), this.btnItems.formMode === "systemsMethod" && this.btnItems.callbackComponents && this.btnItems.callbackFunction && this.record.doEvent && this.record.doEvent(
+        {
+          key: this.btnItems.callbackComponents,
+          functionName: this.btnItems.callbackFunction,
+          data: s,
+          id: this.ids
+        },
+        "callback"
+      );
     },
     openQuery(s) {
       const t = this.btnItems.btnDataAll.viewlist.filter((l) => l.id === this.btnItems.tableComponents)[0];
@@ -114291,7 +114465,7 @@ const unifiedComponents_vue_vue_type_style_index_0_scoped_b9dca614_lang = "", _s
         queryParam: Object.assign(o, r),
         tableQueries: a,
         viewRecord: t
-      }), this.visible = !0, console.log(this.btnItems), this.$nextTick(() => {
+      }), this.visible = !0, this.$nextTick(() => {
         setTimeout(() => {
           this.$refs.queriesField && this.$refs.queriesField.init().then((l) => {
             this.statu = !1, s.close();
@@ -114303,6 +114477,13 @@ const unifiedComponents_vue_vue_type_style_index_0_scoped_b9dca614_lang = "", _s
       this.visible = !1;
     },
     sysBaseAdd(s) {
+      this.getTableForm(null);
+    },
+    sysBaseEdit() {
+      const s = this.btnItems.columnContextName ? this.btnItems.columnContextName : [], t = s[s.length - 1], a = this.itemData[t];
+      this.getTableForm(a || null);
+    },
+    getTableForm(s) {
       this.statu = !0;
       const t = this.$message({
         message: this.$i18nt("gd.https.Loading", "\u52A0\u8F7D\u4E2D..."),
@@ -114310,11 +114491,11 @@ const unifiedComponents_vue_vue_type_style_index_0_scoped_b9dca614_lang = "", _s
         iconClass: "el-icon-loading"
       });
       if (this.btnItems.btnDataAll !== void 0 && this.btnItems.fieldData !== void 0) {
-        this.fieldData = this.btnItems.fieldData, this.openForm(t);
+        this.fieldData = this.btnItems.fieldData, this.openForm(t, s);
         return;
       }
       Promise.all([this.baseTableData(), this.baseGetLoadData()]).then((a) => {
-        a[0].code === 200 ? this.openForm(t) : (this.$message.warning(this.$i18nt("gd.https.operateFail", "\u64CD\u4F5C\u5931\u8D25") + a[0].message), this.statu = !1, t.close());
+        a[0].code === 200 ? this.openForm(t, s) : (this.$message.warning(this.$i18nt("gd.https.operateFail", "\u64CD\u4F5C\u5931\u8D25") + a[0].message), this.statu = !1, t.close());
       });
     },
     sysBaseQuery() {
@@ -114352,16 +114533,23 @@ const unifiedComponents_vue_vue_type_style_index_0_scoped_b9dca614_lang = "", _s
       return this.$options.filters.dictData(s);
     },
     doEvent(s) {
-      if (!this.statu && (this.btnItems = s, s.formMode === "systemsMethod")) {
-        let t = s.sysFunctionName;
-        this[t] && this[t](s);
+      if (!this.statu) {
+        if (this.btnItems = s, s.formMode === "systemsMethod") {
+          let t = s.sysFunctionName;
+          this[t] && this[t](s);
+          return;
+        }
+        if (this.record.doEvent) {
+          const t = s.columnContextName ? s.columnContextName : [], a = t[t.length - 1], r = this.itemData[a];
+          this.record.doEvent({ key: s.componentKey, functionName: s.componentFunction, data: r });
+        }
       }
     }
   }
 };
 var _sfc_render$20 = function s() {
   var t = this, a = t._self._c;
-  return a("div", [t.show ? a(t.componentForm, { ref: "editForm", tag: "component", attrs: { fieldData: t.fieldData, tableData: t.tableData, recordRelation: t.record, openMode: 1 }, on: { ok: t.refresh } }) : t._e(), a("el-drawer", { attrs: { visible: t.visible, "close-on-press-escape": !1, "append-to-body": !0, "modal-append-to-body": !1, size: "366px", "custom-class": "gd-drawer-form", wrapperClosable: !1 }, on: { "update:visible": function(r) {
+  return a("div", [t.show ? a(t.componentForm, { ref: "editForm", tag: "component", attrs: { fieldData: t.fieldData, tableData: t.tableData, recordRelation: t.getRecord, openMode: t.openMode }, on: { ok: t.refresh } }) : t._e(), a("el-drawer", { attrs: { visible: t.visible, "close-on-press-escape": !1, "append-to-body": !0, "modal-append-to-body": !1, size: "366px", "custom-class": "gd-drawer-form", wrapperClosable: !1 }, on: { "update:visible": function(r) {
     t.visible = r;
   } } }, [a("template", { slot: "title" }, [a("div", { staticClass: "gd-dialog-head gd-dialog-heads" }, [a("div", { staticClass: "dialog-head-title" }, [t._v(t._s(t.getTitle))]), a("div", { staticClass: "dialog-head-btn" })])]), a("div", [a("gd-table-queries-field", { ref: "queriesField", attrs: { columns: t.btnItems.tableQueries, height: t.hig, queryParam: t.btnItems.queryParam, colse: t.colseQuery, visible: t.visible, openMode: 1, recordRelation: t.record, viewRecord: t.btnItems.viewRecord, openRules: !0, changeTrigger: t.changeTrigger, queriesMode: "drawer" }, on: { save: t.queriesRefresh } })], 1)], 2)], 1);
 }, _sfc_staticRenderFns$20 = [], __component__$20 = /* @__PURE__ */ normalizeComponent(
@@ -114370,11 +114558,11 @@ var _sfc_render$20 = function s() {
   _sfc_staticRenderFns$20,
   !1,
   null,
-  "b9dca614",
+  "79476d37",
   null,
   null
 );
-const UnifiedComponents = __component__$20.exports, fonticon_vue_vue_type_style_index_0_scoped_4a2a422a_lang = "", _sfc_main$1$ = {
+const UnifiedComponents = __component__$20.exports, fonticon_vue_vue_type_style_index_0_scoped_641f80c8_lang = "", _sfc_main$1$ = {
   props: {
     record: {
       type: Object,
@@ -114391,6 +114579,10 @@ const UnifiedComponents = __component__$20.exports, fonticon_vue_vue_type_style_
     fieldContext: {
       type: Array,
       default: () => []
+    },
+    foreignContext: {
+      type: Array,
+      default: () => []
     }
   },
   data() {
@@ -114406,6 +114598,13 @@ const UnifiedComponents = __component__$20.exports, fonticon_vue_vue_type_style_
       },
       deep: !0,
       immediate: !0
+    },
+    foreignContext: {
+      handler(s) {
+        this.record.foreignContext = this.foreignContext;
+      },
+      deep: !0,
+      immediate: !0
     }
   },
   computed: {
@@ -114424,6 +114623,9 @@ const UnifiedComponents = __component__$20.exports, fonticon_vue_vue_type_style_
     doEvent(s) {
       this.develop !== 1 && this.$refs.unifiedComponents.doEvent(Object.assign(this.record.interac, { columnContextName: this.options.columnContextName }));
     }
+  },
+  mounted() {
+    this.record.foreignContext.length > 0 && (this.record.foreignContext = this.foreignContext), this.record.fieldContext.length > 0 && (this.record.fieldContext = this.fieldContext);
   }
 };
 var _sfc_render$1$ = function s() {
@@ -114435,7 +114637,7 @@ var _sfc_render$1$ = function s() {
   _sfc_staticRenderFns$1$,
   !1,
   null,
-  "4a2a422a",
+  "641f80c8",
   null,
   null
 );
@@ -117912,7 +118114,7 @@ var _sfc_render$1H = function s() {
   null,
   null
 );
-const detailView = __component__$1H.exports, btnGroup_vue_vue_type_style_index_0_scoped_572c8d0b_lang = "", _sfc_main$1G = {
+const detailView = __component__$1H.exports, btnGroup_vue_vue_type_style_index_0_scoped_38370c79_lang = "", _sfc_main$1G = {
   props: {
     record: {
       type: Object,
@@ -117929,6 +118131,10 @@ const detailView = __component__$1H.exports, btnGroup_vue_vue_type_style_index_0
     fieldContext: {
       type: Array,
       default: () => []
+    },
+    foreignContext: {
+      type: Array,
+      default: () => []
     }
   },
   data() {
@@ -117941,6 +118147,13 @@ const detailView = __component__$1H.exports, btnGroup_vue_vue_type_style_index_0
       },
       deep: !0,
       immediate: !0
+    },
+    foreignContext: {
+      handler(s) {
+        this.record.foreignContext = this.foreignContext;
+      },
+      deep: !0,
+      immediate: !0
     }
   },
   components: {
@@ -117954,13 +118167,13 @@ const detailView = __component__$1H.exports, btnGroup_vue_vue_type_style_index_0
           displayName: t.displayName,
           show: !t.hide,
           icon: t.icon,
-          transKey: t.transKey,
+          transKey: t.transKey ? `Dynamics.${t.transKey}` : t.transKey,
           name: t.permissionsPage ? t.permissionsPage : t.id,
           children: t.sublevel ? t.children : [],
           id: t.id,
           style: fontSize(t)
         };
-        const r = t.btType !== "none" ? { btnType: t.btnType } : {};
+        const r = t.btnStyle !== "none" ? { btnType: t.btnType } : {};
         s.push(Object.assign(a, r));
       }), s;
     },
@@ -117987,6 +118200,9 @@ const detailView = __component__$1H.exports, btnGroup_vue_vue_type_style_index_0
       const t = this.columns.filter((a) => a.id === s.item.id)[0];
       !t || this.$refs.unifiedComponents.doEvent(t);
     }
+  },
+  mounted() {
+    this.record.foreignContext.length > 0 && (this.record.foreignContext = this.foreignContext), this.record.fieldContext.length > 0 && (this.record.fieldContext = this.fieldContext);
   }
 };
 var _sfc_render$1G = function s() {
@@ -117998,7 +118214,7 @@ var _sfc_render$1G = function s() {
   _sfc_staticRenderFns$1G,
   !1,
   null,
-  "572c8d0b",
+  "38370c79",
   null,
   null
 );
@@ -118457,7 +118673,7 @@ const echartsView = __component__$1B.exports, componentArray = {
   uploadImg,
   echarts: echartsView,
   inputNumber: moneyNumber
-}, layoutItem_vue_vue_type_style_index_0_scoped_b98906d7_lang = "", _sfc_main$1A = {
+}, layoutItem_vue_vue_type_style_index_0_scoped_2373343d_lang = "", _sfc_main$1A = {
   props: {
     record: {
       type: Object,
@@ -118494,6 +118710,10 @@ const echartsView = __component__$1B.exports, componentArray = {
     fieldContext: {
       type: Array,
       default: () => []
+    },
+    foreignContext: {
+      type: Array,
+      default: () => []
     }
   },
   data() {
@@ -118726,22 +118946,22 @@ var _sfc_render$1A = function s() {
     return a("el-option", { key: r.code, attrs: { label: t.$i18nt(`Dynamics.${r.transkey}`, r.name), value: r.code, disabled: r.disabled } }, [a("span", [t._v(t._s(t.$i18nt(`Dynamics.${r.transkey}`, r.name)))])]);
   }), 1) : t.record.type === "timePicker" ? a("el-time-picker", { style: t.wstyle, attrs: { disabled: t.options.disabled, "value-format": t.fieldFormat, format: t.fieldFormat, placeholder: t.options.placeholder !== void 0 ? t.options.placeholder === "" ? t.options.placeholder : t.$i18nt(`Dynamics.${t.options.placeholderTransKey}`, t.options.placeholder) : t.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9") }, on: { change: t.handleChange }, model: { value: t.model[t.columnName], callback: function(r) {
     t.$set(t.model, t.columnName, r);
-  }, expression: "model[columnName]" } }) : t.record.type === "datePicker" ? a("el-date-picker", { style: t.wstyle, attrs: { disabled: t.options.disabled, type: t.record.showTime ? "datetime" : "date", "value-format": t.fieldFormat, format: t.fieldFormat, placeholder: t.options.placeholder !== void 0 ? t.options.placeholder === "" ? t.options.placeholder : t.$i18nt(`Dynamics.${t.options.placeholderTransKey}`, t.options.placeholder) : t.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9") }, on: { change: t.handleChange }, model: { value: t.model[t.columnName], callback: function(r) {
+  }, expression: "model[columnName]" } }) : t.record.type === "datePicker" ? a("el-date-picker", { style: t.wstyle, attrs: { disabled: t.options.disabled, type: t.options.showTime == !0 ? "datetime" : t.options.format == "4" ? "month" : "date", "value-format": t.fieldFormat, format: t.fieldFormat, placeholder: t.options.placeholder !== void 0 ? t.options.placeholder === "" ? t.options.placeholder : t.$i18nt(`Dynamics.${t.options.placeholderTransKey}`, t.options.placeholder) : t.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9") }, on: { change: t.handleChange }, model: { value: t.model[t.columnName], callback: function(r) {
     t.$set(t.model, t.columnName, r);
   }, expression: "model[columnName]" } }) : t.record.type === "uploadImg" ? a(t.componentItem, { ref: "uploadImg", tag: "component", attrs: { record: t.record, develop: t.develop, model: t.model, limit: t.options.limit, disabled: t.options.disabled, prop: t.columnName, fieldContext: t.fieldContext }, on: { change: t.handleChange } }) : t.record.type === "uploadFile" ? a(t.componentItem, { ref: "uploadFile", tag: "component", attrs: { record: t.record, develop: t.develop, model: t.model, limit: t.options.limit, prop: t.columnName, disabled: t.options.disabled, fieldContext: t.fieldContext }, on: { change: t.handleChange } }) : a("el-input", { style: t.wstyle, attrs: { placeholder: t.options.placeholder !== void 0 ? t.options.placeholder === "" ? t.options.placeholder : t.$i18nt(`Dynamics.${t.options.placeholderTransKey}`, t.options.placeholder) : t.$i18nt("gd.placeholder.input", "\u8BF7\u8F93\u5165"), clearable: t.options.clearable, disabled: t.options.disabled, type: t.options.type }, on: { change: t.handleChange }, model: { value: t.model[t.columnName], callback: function(r) {
     t.$set(t.model, t.columnName, r);
-  }, expression: "model[columnName]" } })], 2) : t.hasComponentItem ? a(t.componentItem, { key: t.record.key, ref: "componentItem", tag: "component", attrs: { record: t.record, develop: t.develop, height: t.height, model: t.model, tableData: t.tableData, forceRender: t.forceRender, itemData: t.itemData, fieldContext: t.fieldContext }, on: { change: t.handleChange, changeData: t.changeData, fieldData: t.fieldData } }) : a("div", [t._v(t._s(t.record) + t._s(t.record.label) + " " + t._s(t.model[t.columnName]))]);
+  }, expression: "model[columnName]" } })], 2) : t.hasComponentItem ? a(t.componentItem, { key: t.record.key, ref: "componentItem", tag: "component", attrs: { record: t.record, develop: t.develop, height: t.height, model: t.model, tableData: t.tableData, forceRender: t.forceRender, itemData: t.itemData, fieldContext: t.fieldContext, foreignContext: t.foreignContext }, on: { change: t.handleChange, changeData: t.changeData, fieldData: t.fieldData } }) : a("div", [t._v(t._s(t.record) + t._s(t.record.label) + " " + t._s(t.model[t.columnName]))]);
 }, _sfc_staticRenderFns$1A = [], __component__$1A = /* @__PURE__ */ normalizeComponent(
   _sfc_main$1A,
   _sfc_render$1A,
   _sfc_staticRenderFns$1A,
   !1,
   null,
-  "b98906d7",
+  "2373343d",
   null,
   null
 );
-const BuildLayoutItem = __component__$1A.exports, layoutItemForm_vue_vue_type_style_index_0_scoped_4abd1ad9_lang = "", _sfc_main$1z = {
+const BuildLayoutItem = __component__$1A.exports, layoutItemForm_vue_vue_type_style_index_0_scoped_b86593b6_lang = "", _sfc_main$1z = {
   props: {
     record: {
       type: Object,
@@ -118774,6 +118994,10 @@ const BuildLayoutItem = __component__$1A.exports, layoutItemForm_vue_vue_type_st
     fieldContext: {
       type: Array,
       default: () => []
+    },
+    foreignContext: {
+      type: Array,
+      default: () => []
     }
   },
   data() {
@@ -118823,18 +119047,18 @@ var _sfc_render$1z = function s() {
     "datePicker",
     "timePicker",
     "selectMultiple"
-  ].includes(t.record.type) ? a("el-form-item", { ref: "formItem", attrs: { rules: t.record.rules, prop: t.columnName } }, [a("span", { attrs: { slot: "label", title: t.$i18nt(`Dynamics.${t.options.transKey}`, t.record.label) }, slot: "label" }, [t.record.lockShow ? [a("el-tooltip", { directives: [{ name: "delTabIndex", rawName: "v-delTabIndex" }], attrs: { placement: "top", "open-delay": 150 } }, [a("div", { attrs: { slot: "content" }, slot: "content" }, [a("div", { style: `color:${t.record.isQuery ? "#52c41a" : "red"};font-size: 12px;` }, [t._v(" " + t._s(t.$i18nt("gd.fieldSecurity.read", "\u8BFB\u53D6")) + " ( "), a("i", { class: t.record.isQuery ? "el-icon-check" : "el-icon-close" }), t._v(" ) ")]), a("div", { style: `color:${t.record.isAdd ? "#52c41a" : "red"};font-size: 12px;` }, [t._v(" " + t._s(t.$i18nt("gd.fieldSecurity.create", "\u521B\u5EFA")) + " ( "), a("i", { class: t.record.isAdd ? "el-icon-check" : "el-icon-close" }), t._v(" ) ")]), a("div", { style: `color:${t.record.isEdit ? "#52c41a" : "red"};font-size: 12px;` }, [t._v(" " + t._s(t.$i18nt("gd.fieldSecurity.update", "\u66F4\u65B0")) + " ( "), a("i", { class: t.record.isEdit ? "el-icon-check" : "el-icon-close" }), t._v(" ) ")])]), a("i", { staticClass: "el-icon-lock" })])] : t._e(), t.record.help ? [a("el-tooltip", { directives: [{ name: "delTabIndex", rawName: "v-delTabIndex" }], attrs: { placement: "top", "open-delay": 150 } }, [a("span", { attrs: { slot: "content" }, domProps: { innerHTML: t._s(t.record.help) }, slot: "content" }), a("i", { staticClass: "el-icon-question" })])] : t._e(), a("span", [t._v(" " + t._s(t.$i18nt(`Dynamics.${t.options.transKey}`, t.record.label)) + " ")])], 2), a("buildLayoutItem", { attrs: { record: t.record, isForm: t.isForm, model: t.model, tableData: t.tableData, outlineTreeData: t.outlineTreeData, develop: t.develop, itemData: t.itemData, fieldContext: t.fieldContext }, on: { lookup: t.lookup, change: t.handleChange } })], 1) : t._e();
+  ].includes(t.record.type) ? a("el-form-item", { ref: "formItem", attrs: { rules: t.record.rules, prop: t.columnName } }, [a("span", { attrs: { slot: "label", title: t.$i18nt(`Dynamics.${t.options.transKey}`, t.record.label) }, slot: "label" }, [t.record.lockShow ? [a("el-tooltip", { directives: [{ name: "delTabIndex", rawName: "v-delTabIndex" }], attrs: { placement: "top", "open-delay": 150 } }, [a("div", { attrs: { slot: "content" }, slot: "content" }, [a("div", { style: `color:${t.record.isQuery ? "#52c41a" : "red"};font-size: 12px;` }, [t._v(" " + t._s(t.$i18nt("gd.fieldSecurity.read", "\u8BFB\u53D6")) + " ( "), a("i", { class: t.record.isQuery ? "el-icon-check" : "el-icon-close" }), t._v(" ) ")]), a("div", { style: `color:${t.record.isAdd ? "#52c41a" : "red"};font-size: 12px;` }, [t._v(" " + t._s(t.$i18nt("gd.fieldSecurity.create", "\u521B\u5EFA")) + " ( "), a("i", { class: t.record.isAdd ? "el-icon-check" : "el-icon-close" }), t._v(" ) ")]), a("div", { style: `color:${t.record.isEdit ? "#52c41a" : "red"};font-size: 12px;` }, [t._v(" " + t._s(t.$i18nt("gd.fieldSecurity.update", "\u66F4\u65B0")) + " ( "), a("i", { class: t.record.isEdit ? "el-icon-check" : "el-icon-close" }), t._v(" ) ")])]), a("i", { staticClass: "el-icon-lock" })])] : t._e(), t.record.help ? [a("el-tooltip", { directives: [{ name: "delTabIndex", rawName: "v-delTabIndex" }], attrs: { placement: "top", "open-delay": 150 } }, [a("span", { attrs: { slot: "content" }, domProps: { innerHTML: t._s(t.record.help) }, slot: "content" }), a("i", { staticClass: "el-icon-question" })])] : t._e(), a("span", [t._v(" " + t._s(t.$i18nt(`Dynamics.${t.options.transKey}`, t.record.label)) + " ")])], 2), a("buildLayoutItem", { attrs: { record: t.record, isForm: t.isForm, model: t.model, tableData: t.tableData, outlineTreeData: t.outlineTreeData, develop: t.develop, itemData: t.itemData, fieldContext: t.fieldContext, foreignContext: t.foreignContext }, on: { lookup: t.lookup, change: t.handleChange } })], 1) : t._e();
 }, _sfc_staticRenderFns$1z = [], __component__$1z = /* @__PURE__ */ normalizeComponent(
   _sfc_main$1z,
   _sfc_render$1z,
   _sfc_staticRenderFns$1z,
   !1,
   null,
-  "4abd1ad9",
+  "b86593b6",
   null,
   null
 );
-const BuildLayoutItemForm = __component__$1z.exports, layoutNode_vue_vue_type_style_index_0_scoped_22e7f515_lang = "", _sfc_main$1y = {
+const BuildLayoutItemForm = __component__$1z.exports, layoutNode_vue_vue_type_style_index_0_scoped_8006bc22_lang = "", _sfc_main$1y = {
   props: {
     record: {
       type: Object,
@@ -118863,6 +119087,10 @@ const BuildLayoutItemForm = __component__$1z.exports, layoutNode_vue_vue_type_st
     fieldContext: {
       type: Array,
       default: () => []
+    },
+    foreignContext: {
+      type: Array,
+      default: () => []
     }
   },
   data() {
@@ -118914,7 +119142,7 @@ var _sfc_render$1y = function s() {
     "datePicker",
     "timePicker",
     "selectMultiple"
-  ].includes(t.record.type) ? a("buildLayoutItemForm", { attrs: { record: t.record, isForm: t.isForm, model: t.model, develop: t.develop, fieldContext: t.fieldContext } }) : a("buildLayoutItem", { attrs: { record: t.record, isForm: t.isForm, model: t.model, develop: t.develop, fieldContext: t.fieldContext } })], t.record.key === t.selectItem.key && !t.disabled ? a("div", { staticClass: "drag-delete" }, [a("i", { staticClass: "gd-icons", class: t.record.icon }), a("div", { staticClass: "name line1" }, [t._v(t._s(t.record.key))]), a("div", { staticClass: "shu" }), a("i", { staticClass: "el-icon-delete", on: { click: function(r) {
+  ].includes(t.record.type) ? a("buildLayoutItemForm", { attrs: { record: t.record, isForm: t.isForm, model: t.model, develop: t.develop, fieldContext: t.fieldContext, foreignContext: t.foreignContext } }) : a("buildLayoutItem", { attrs: { record: t.record, isForm: t.isForm, model: t.model, develop: t.develop, fieldContext: t.fieldContext, foreignContext: t.foreignContext } })], t.record.key === t.selectItem.key && !t.disabled ? a("div", { staticClass: "drag-delete" }, [a("i", { staticClass: "gd-icons", class: t.record.icon }), a("div", { staticClass: "name line1" }, [t._v(t._s(t.record.key))]), a("div", { staticClass: "shu" }), a("i", { staticClass: "el-icon-delete", on: { click: function(r) {
     return r.stopPropagation(), t.$emit("handleDelete");
   } } })]) : t._e(), t.develop === 1 ? a("div", { staticClass: "mtabs-kuang" }) : t._e()], 2);
 }, _sfc_staticRenderFns$1y = [], __component__$1y = /* @__PURE__ */ normalizeComponent(
@@ -118923,11 +119151,11 @@ var _sfc_render$1y = function s() {
   _sfc_staticRenderFns$1y,
   !1,
   null,
-  "22e7f515",
+  "8006bc22",
   null,
   null
 );
-const layoutNode = __component__$1y.exports, containerPanel_vue_vue_type_style_index_0_scoped_8c4e08d4_lang = "", _sfc_main$1x = {
+const layoutNode = __component__$1y.exports, containerPanel_vue_vue_type_style_index_0_scoped_3160e6ad_lang = "", _sfc_main$1x = {
   props: {
     record: {
       type: Object,
@@ -118946,6 +119174,9 @@ const layoutNode = __component__$1y.exports, containerPanel_vue_vue_type_style_i
     return {};
   },
   computed: {
+    gclass() {
+      return console.log(this.record.customClass), this.record.customClass ? this.record.customClass : "";
+    },
     heightArea() {
       return this.height;
     },
@@ -118968,14 +119199,14 @@ const layoutNode = __component__$1y.exports, containerPanel_vue_vue_type_style_i
 };
 var _sfc_render$1x = function s() {
   var t = this, a = t._self._c;
-  return a("div", { staticClass: "container-panel", style: t.wstyle }, [a("div", { staticClass: "container-content", style: t.style }, [t._t("containerItem", null, { containerStyle: t.heiType })], 2)]);
+  return a("div", { staticClass: "container-panel", class: t.gclass, style: t.wstyle }, [a("div", { staticClass: "container-content", style: t.style }, [t._t("containerItem", null, { containerStyle: t.heiType })], 2)]);
 }, _sfc_staticRenderFns$1x = [], __component__$1x = /* @__PURE__ */ normalizeComponent(
   _sfc_main$1x,
   _sfc_render$1x,
   _sfc_staticRenderFns$1x,
   !1,
   null,
-  "8c4e08d4",
+  "3160e6ad",
   null,
   null
 );
@@ -119024,7 +119255,7 @@ var _sfc_render$1w = function s() {
   null,
   null
 );
-const FlexLayout = __component__$1w.exports, dataList_vue_vue_type_style_index_0_scoped_1d7e3404_lang = "", _sfc_main$1v = {
+const FlexLayout = __component__$1w.exports, dataList_vue_vue_type_style_index_0_scoped_a00ad03a_lang = "", _sfc_main$1v = {
   props: {
     record: {
       type: Object,
@@ -119037,6 +119268,10 @@ const FlexLayout = __component__$1w.exports, dataList_vue_vue_type_style_index_0
     itemData: {
       type: Object,
       default: () => ({})
+    },
+    foreignContext: {
+      type: Array,
+      default: () => []
     }
   },
   data() {
@@ -119044,6 +119279,7 @@ const FlexLayout = __component__$1w.exports, dataList_vue_vue_type_style_index_0
       confirmLoading: !1,
       fieldData: [],
       fieldContext: [],
+      foreignContextList: [],
       queryParam: {},
       pageNo: 1,
       list: [],
@@ -119059,9 +119295,51 @@ const FlexLayout = __component__$1w.exports, dataList_vue_vue_type_style_index_0
       },
       deep: !0,
       immediate: !0
+    },
+    itemData: {
+      handler(s) {
+        this.getForeignData();
+      },
+      deep: !0,
+      immediate: !0
+    },
+    foreignContext: {
+      handler(s) {
+        this.record.foreignContext = this.foreignContext;
+      },
+      deep: !0,
+      immediate: !0
     }
   },
   computed: {
+    executeIds() {
+      const s = this.itemData.id ? this.itemData.id : uuid$1();
+      let t = "";
+      for (let a in this.itemData)
+        a !== "id" && this.itemData[a] === s && (t = a);
+      return t ? t + "_" + s : this.ids;
+    },
+    ids() {
+      return uuid$1();
+    },
+    foreignContextName() {
+      return this.options.foreignContextName ? this.options.foreignContextName.split(",") : [];
+    },
+    relationData() {
+      let s = [];
+      return (this.options.foreignBind ? this.options.foreignBind : []).forEach((a) => {
+        const r = a.pageSizeMode === "followSystem" ? this.tablePageSize : a.pageSize;
+        s.push({
+          pageNo: 1,
+          pageSize: r || 10,
+          tableId: a.tableId,
+          viewId: a.viewId,
+          viewType: 1,
+          refKeyName: a.refKeyName,
+          fkName: a.fkName
+        });
+      }), s;
+    },
     getDataList() {
       const s = this.options.columnsNumber ? this.options.columnsNumber : 1;
       return this.develop == 1 ? this.record.list.length === 0 ? 1 : s > 10 ? 10 : s : this.list;
@@ -119129,11 +119407,24 @@ const FlexLayout = __component__$1w.exports, dataList_vue_vue_type_style_index_0
     loadMore() {
       this.loading || this.list.length >= this.totalRows || (this.pageNo += 1, this.getPageList());
     },
+    getForeignData() {
+      if (this.develop == 1 || this.foreignContextName.length === 0)
+        return;
+      const t = `${this.foreignContextName[0]}${this.foreignContextName[1]}`.replace(/_|-/g, "").toLowerCase(), a = this.itemData[t];
+      this.executeEventBind();
+      let r = a ? a.rows : [];
+      r.map((o) => {
+        let l = /* @__PURE__ */ new Map();
+        return l.set(this.executeIds, o.id), Object.assign(o, Object.fromEntries(l)), o;
+      }), this.list = r, this.totalRows = a ? a.totalrows : 0, this.statu = this.totalRows === 0, this.pageNo = 1;
+    },
     getContext() {
-      this.fieldData.length > 0 || !!!this.options.view.id || this.baseGetLoadData();
+      this.develop == 2 || this.confirmLoading || this.fieldData.length > 0 || !!!this.options.view.id || (this.confirmLoading = !0, Promise.all([this.baseGetLoadData(), this.getCodeGenerateView()]).then((t) => {
+        this.confirmLoading = !1;
+      }));
     },
     init() {
-      if (console.log(this.record), this.develop == 1) {
+      if (this.develop == 1) {
         this.getContext();
         return;
       }
@@ -119141,7 +119432,7 @@ const FlexLayout = __component__$1w.exports, dataList_vue_vue_type_style_index_0
         console.log("\u6570\u636E\u672A\u914D\u7F6E\uFF01");
         return;
       }
-      this.confirmLoading = !0, Promise.all([this.baseGetTableView(), this.baseGetLoadData()]).then((s) => {
+      this.foreignContextName.length > 0 || Promise.all([this.baseGetTableView(), this.baseGetLoadData()]).then((s) => {
         this.pageLoading();
       });
     },
@@ -119157,12 +119448,15 @@ const FlexLayout = __component__$1w.exports, dataList_vue_vue_type_style_index_0
         },
         switchingDate(this.queryParam, this.fieldData)
       );
-      basePage(t).then((a) => {
+      this.relationData.length > 0 && Object.assign(t, { relation: this.relationData }), this.foreignContextName.length > 0 && Object.assign(t, { fkValue: this.itemData.id, fkName: this.foreignContextName[0] }), basePage(t).then((a) => {
         if (a.code === 200) {
-          let r = a.data.rows;
-          this.list = s || this.pageNo === 1 ? r : this.list.concat(r), this.totalRows = a.data.totalrows, this.statu = a.data.totalrows === 0;
+          let r = a.data.rows.map((o) => {
+            let l = /* @__PURE__ */ new Map();
+            return l.set(this.ids, o.id), Object.assign(o, Object.fromEntries(l)), o;
+          });
+          this.list = s || this.pageNo === 1 ? r : this.list.concat(r), this.totalRows = a.data.totalrows, this.statu = this.totalRows === 0;
         }
-        this.loading = !1, this.confirmLoading = !1;
+        this.loading = !1, this.confirmLoading = !1, this.record.hideLoad && this.record.hideLoad(this.record.key);
       });
     },
     baseGetTableView() {
@@ -119186,6 +119480,20 @@ const FlexLayout = __component__$1w.exports, dataList_vue_vue_type_style_index_0
         }
       }), this.fieldContext = s;
     },
+    getCodeGenerateView() {
+      return codeGenerateView({ tableId: this.tableData.id }).then((s) => {
+        if (s.code === 200) {
+          let t = [];
+          s.data.forEach((a) => {
+            t.push({
+              label: `${a.contacttable.tablename} (${a.columnname})`,
+              value: `${a.columnname},${a.contacttable.tablename},${this.record.key}`
+            });
+          }), this.foreignContextList = t;
+        }
+        return s;
+      });
+    },
     getColumnsList(s, t) {
       if (s.effecttype == "about" && s.columnname === (s.relations + "_abouttable").toLowerCase())
         return !1;
@@ -119198,16 +119506,22 @@ const FlexLayout = __component__$1w.exports, dataList_vue_vue_type_style_index_0
         value: a,
         label: this.$i18nt(`Dynamics.${s.transkey}`, s.columncomment)
       };
+    },
+    executeEventBind() {
+      const t = (this.record.executeEvent ? this.record.executeEvent : []).filter((a) => a.id !== this.executeIds);
+      this.record.executeEvent = t.concat([
+        { id: this.executeIds, executeEvent: this.executeEvent, ids: this.ids, parentId: this.itemData.id }
+      ]);
     }
   },
-  created() {
-    this.init(), this.develop == 2 && (this.record.executeEvent = this.executeEvent);
+  mounted() {
+    this.init(), this.develop == 2 && this.executeEventBind(), this.record.foreignContext.length > 0 && (this.record.foreignContext = this.foreignContext), this.record.hasLoad && this.record.hasLoad(this.record.key);
   }
 };
 var _sfc_render$1v = function s() {
   var t = this, a = t._self._c;
   return a("div", { directives: [{ name: "loading", rawName: "v-loading", value: t.confirmLoading, expression: "confirmLoading" }], staticClass: "gd-data-list" }, [a("div", { style: t.style }, t._l(t.getDataList, function(r, o) {
-    return a("div", { staticClass: "flexd-items", style: t.istyle }, [t._t("listItem", null, { index: o, itemStyle: t.itemStyle, row: r, fieldContext: t.fieldContext })], 2);
+    return a("div", { staticClass: "flexd-items", style: t.istyle }, [t._t("listItem", null, { index: o, itemStyle: t.itemStyle, row: r, fieldContext: t.fieldContext, foreignContext: t.foreignContextList })], 2);
   }), 0), t.totalRows > 0 ? a("div", { staticClass: "list-more", class: t.totalRows > 0 && t.list.length >= t.totalRows ? "" : "active-item" }, [t.loading ? a("i", { staticClass: "el-icon-loading" }) : t._e(), a("div", { staticClass: "more-title", on: { click: t.loadMore } }, [t._v(t._s(t.moreTitle))])]) : t._e(), t.statu ? a("div", { staticClass: "empty-control" }, [a("i", { staticClass: "el-icon-receiving" }), a("div", { staticClass: "empty-title" }, [t._v(t._s(t.$i18nt("el.select.noData", "\u65E0\u6570\u636E")))])]) : t._e()]);
 }, _sfc_staticRenderFns$1v = [], __component__$1v = /* @__PURE__ */ normalizeComponent(
   _sfc_main$1v,
@@ -119215,7 +119529,7 @@ var _sfc_render$1v = function s() {
   _sfc_staticRenderFns$1v,
   !1,
   null,
-  "1d7e3404",
+  "a00ad03a",
   null,
   null
 );
@@ -119381,7 +119695,7 @@ var _sfc_render$1t = function s() {
   null,
   null
 );
-const drawerPanel = __component__$1t.exports, layoutItem_vue_vue_type_style_index_0_scoped_f18c8385_lang = "", _sfc_main$1s = {
+const drawerPanel = __component__$1t.exports, layoutItem_vue_vue_type_style_index_0_scoped_e18abab7_lang = "", _sfc_main$1s = {
   name: "layoutItem",
   props: {
     record: {
@@ -119415,6 +119729,10 @@ const drawerPanel = __component__$1t.exports, layoutItem_vue_vue_type_style_inde
     fieldContext: {
       type: Array,
       default: () => []
+    },
+    foreignContext: {
+      type: Array,
+      default: () => []
     }
   },
   data() {
@@ -119490,7 +119808,7 @@ var _sfc_render$1s = function s() {
       animation: 180,
       handle: ".drag-move"
     }, !1), [a("transition-group", { staticClass: "list-main", attrs: { tag: "div", name: "list" } }, [t._l(r.list, function(l) {
-      return [a("layoutItem", { key: l.key, staticClass: "drag-move", attrs: { selectItem: t.selectItem, record: l, isForm: t.isForm, model: t.model, develop: t.develop, disabled: t.disabled, fieldContext: t.fieldContext }, on: { "update:selectItem": function(d) {
+      return [a("layoutItem", { key: l.key, staticClass: "drag-move", attrs: { selectItem: t.selectItem, record: l, isForm: t.isForm, model: t.model, develop: t.develop, disabled: t.disabled, fieldContext: t.fieldContext, foreignContext: t.foreignContext }, on: { "update:selectItem": function(d) {
         t.selectItem = d;
       }, "update:select-item": function(d) {
         t.selectItem = d;
@@ -119517,7 +119835,7 @@ var _sfc_render$1s = function s() {
       animation: 180,
       handle: ".drag-move"
     }, !1), [a("transition-group", { staticClass: "list-main list-mains", attrs: { tag: "div", name: "list" } }, [t._l(r.list, function(l) {
-      return [a("layoutItem", { key: l.key, staticClass: "drag-move", attrs: { selectItem: t.selectItem, record: l, isForm: t.isForm, model: t.model, develop: t.develop, disabled: t.disabled, fieldContext: t.fieldContext }, on: { "update:selectItem": function(d) {
+      return [a("layoutItem", { key: l.key, staticClass: "drag-move", attrs: { selectItem: t.selectItem, record: l, isForm: t.isForm, model: t.model, develop: t.develop, disabled: t.disabled, fieldContext: t.fieldContext, foreignContext: t.foreignContext }, on: { "update:selectItem": function(d) {
         t.selectItem = d;
       }, "update:select-item": function(d) {
         t.selectItem = d;
@@ -119546,7 +119864,7 @@ var _sfc_render$1s = function s() {
       animation: 180,
       handle: ".drag-move"
     }, !1), [a("transition-group", { staticClass: "list-main", attrs: { tag: "div", name: "list" } }, [t._l(r.list, function(l) {
-      return [a("layoutItem", { key: l.key, staticClass: "drag-move", attrs: { selectItem: t.selectItem, record: l, isForm: t.isForm, model: t.model, develop: t.develop, disabled: t.disabled, fieldContext: t.fieldContext }, on: { "update:selectItem": function(d) {
+      return [a("layoutItem", { key: l.key, staticClass: "drag-move", attrs: { selectItem: t.selectItem, record: l, isForm: t.isForm, model: t.model, develop: t.develop, disabled: t.disabled, fieldContext: t.fieldContext, foreignContext: t.foreignContext }, on: { "update:selectItem": function(d) {
         t.selectItem = d;
       }, "update:select-item": function(d) {
         t.selectItem = d;
@@ -119572,7 +119890,7 @@ var _sfc_render$1s = function s() {
     animation: 180,
     handle: ".drag-move"
   }, !1), [a("transition-group", { staticClass: "list-main", attrs: { tag: "div", name: "list" } }, [t._l(t.record.list, function(r) {
-    return [a("layoutItem", { key: r.key, staticClass: "drag-move", attrs: { selectItem: t.selectItem, record: r, isForm: t.isForm, model: t.model, develop: t.develop, disabled: t.disabled, fieldContext: t.fieldContext }, on: { "update:selectItem": function(o) {
+    return [a("layoutItem", { key: r.key, staticClass: "drag-move", attrs: { selectItem: t.selectItem, record: r, isForm: t.isForm, model: t.model, develop: t.develop, disabled: t.disabled, fieldContext: t.fieldContext, foreignContext: t.foreignContext }, on: { "update:selectItem": function(o) {
       t.selectItem = o;
     }, "update:select-item": function(o) {
       t.selectItem = o;
@@ -119599,7 +119917,7 @@ var _sfc_render$1s = function s() {
     animation: 180,
     handle: ".drag-move"
   }, !1), [a("transition-group", { staticClass: "list-main", attrs: { tag: "div", name: "list" } }, [t._l(t.record.list, function(r) {
-    return [a("layoutItem", { key: r.key, staticClass: "drag-move", attrs: { selectItem: t.selectItem, record: r, isForm: !0, model: t.record.ruleForm, develop: t.develop, disabled: t.disabled, fieldContext: t.fieldContext }, on: { "update:selectItem": function(o) {
+    return [a("layoutItem", { key: r.key, staticClass: "drag-move", attrs: { selectItem: t.selectItem, record: r, isForm: !0, model: t.record.ruleForm, develop: t.develop, disabled: t.disabled, fieldContext: t.fieldContext, foreignContext: t.foreignContext }, on: { "update:selectItem": function(o) {
       t.selectItem = o;
     }, "update:select-item": function(o) {
       t.selectItem = o;
@@ -119626,7 +119944,7 @@ var _sfc_render$1s = function s() {
     animation: 180,
     handle: ".drag-move"
   }, !1), [a("transition-group", { staticClass: "list-main", attrs: { tag: "div", name: "list" } }, [t._l(t.record.list, function(r) {
-    return [a("layoutItem", { key: r.key, staticClass: "drag-move", attrs: { selectItem: t.selectItem, record: r, isForm: !0, model: t.record.ruleForm, develop: t.develop, disabled: t.disabled, fieldContext: t.fieldContext }, on: { "update:selectItem": function(o) {
+    return [a("layoutItem", { key: r.key, staticClass: "drag-move", attrs: { selectItem: t.selectItem, record: r, isForm: !0, model: t.record.ruleForm, develop: t.develop, disabled: t.disabled, fieldContext: t.fieldContext, foreignContext: t.foreignContext }, on: { "update:selectItem": function(o) {
       t.selectItem = o;
     }, "update:select-item": function(o) {
       t.selectItem = o;
@@ -119656,7 +119974,7 @@ var _sfc_render$1s = function s() {
       animation: 180,
       handle: ".drag-move"
     }, !1), [a("transition-group", { staticClass: "list-main", style: r, attrs: { tag: "div", name: "list" } }, [t._l(t.record.list, function(o) {
-      return [a("layoutItem", { key: o.key, staticClass: "drag-move", attrs: { selectItem: t.selectItem, record: o, isForm: t.isForm, model: t.model, develop: t.develop, disabled: t.disabled, fieldContext: t.fieldContext }, on: { "update:selectItem": function(l) {
+      return [a("layoutItem", { key: o.key, staticClass: "drag-move", attrs: { selectItem: t.selectItem, record: o, isForm: t.isForm, model: t.model, develop: t.develop, disabled: t.disabled, fieldContext: t.fieldContext, foreignContext: t.foreignContext }, on: { "update:selectItem": function(l) {
         t.selectItem = l;
       }, "update:select-item": function(l) {
         t.selectItem = l;
@@ -119668,7 +119986,7 @@ var _sfc_render$1s = function s() {
     })], 2)], 1)];
   } }]) }), t.record.key === t.selectItem.key && !t.disabled ? a("div", { staticClass: "drag-delete" }, [a("i", { staticClass: "gd-icons", class: t.record.icon }), a("div", { staticClass: "name line1" }, [t._v(t._s(t.record.key))]), a("div", { staticClass: "shu" }), a("i", { staticClass: "el-icon-delete", on: { click: function(r) {
     return r.stopPropagation(), t.$emit("handleDelete");
-  } } })]) : t._e(), t.develop === 1 ? a("div", { staticClass: "mtabs-kuang" }) : t._e()], 1)] : t.record.type === "flexLayout" ? [a("div", { staticClass: "mtabs-box", class: { active: t.record.key === t.selectItem.key }, on: { click: function(r) {
+  } } })]) : t._e(), t.develop === 1 ? a("div", { staticClass: "mtabs-kuang" }) : t._e()], 1)] : t.record.type === "flexLayout" ? [a("div", { staticClass: "mtabs-box", class: { active: t.record.key === t.selectItem.key && !t.disabled }, on: { click: function(r) {
     return r.stopPropagation(), t.handleSelectItem(t.record);
   } } }, [a("flexLayout", { staticClass: "grid-row grid-collapse", attrs: { selectItem: t.selectItem, record: t.record, height: t.height }, on: { "update:selectItem": function(r) {
     t.selectItem = r;
@@ -119687,7 +120005,7 @@ var _sfc_render$1s = function s() {
       animation: 180,
       handle: ".drag-move1"
     }, !1), [a("transition-group", { staticClass: "list-main", style: r, attrs: { tag: "div", name: "list" } }, [t._l(t.record.list, function(o) {
-      return [a("layoutItem", { key: o.key, staticClass: "drag-move1", attrs: { selectItem: t.selectItem, record: o, isForm: t.isForm, model: t.model, develop: t.develop, disabled: t.disabled, fieldContext: t.fieldContext }, on: { "update:selectItem": function(l) {
+      return [a("layoutItem", { key: o.key, staticClass: "drag-move1", attrs: { selectItem: t.selectItem, record: o, isForm: t.isForm, model: t.model, develop: t.develop, disabled: t.disabled, fieldContext: t.fieldContext, foreignContext: t.foreignContext }, on: { "update:selectItem": function(l) {
         t.selectItem = l;
       }, "update:select-item": function(l) {
         t.selectItem = l;
@@ -119699,42 +120017,42 @@ var _sfc_render$1s = function s() {
     })], 2)], 1)];
   } }]) }), t.record.key === t.selectItem.key && !t.disabled ? a("div", { staticClass: "drag-delete" }, [a("i", { staticClass: "gd-icons", class: t.record.icon }), a("div", { staticClass: "name line1" }, [t._v(t._s(t.record.key))]), a("div", { staticClass: "shu" }), a("i", { staticClass: "el-icon-delete", on: { click: function(r) {
     return r.stopPropagation(), t.$emit("handleDelete");
-  } } })]) : t._e(), t.develop === 1 ? a("div", { staticClass: "mtabs-kuang" }) : t._e()], 1)] : t.record.type === "dataList" ? [a("div", { staticClass: "mtabs-box", class: { active: t.record.key === t.selectItem.key }, on: { click: function(r) {
+  } } })]) : t._e(), t.develop === 1 ? a("div", { staticClass: "mtabs-kuang" }) : t._e()], 1)] : t.record.type === "dataList" ? [a("div", { staticClass: "mtabs-box", class: { active: t.record.key === t.selectItem.key && !t.disabled }, on: { click: function(r) {
     return r.stopPropagation(), t.handleSelectItem(t.record);
-  } } }, [a("dataList", { staticClass: "grid-row grid-collapse", attrs: { selectItem: t.selectItem, record: t.record, height: t.height }, on: { "update:selectItem": function(r) {
+  } } }, [a("dataList", { staticClass: "grid-row grid-collapse", attrs: { selectItem: t.selectItem, record: t.record, height: t.height, foreignContext: t.foreignContext }, on: { "update:selectItem": function(r) {
     t.selectItem = r;
   }, "update:select-item": function(r) {
     t.selectItem = r;
-  } }, scopedSlots: t._u([{ key: "listItem", fn: function({ index: r, itemStyle: o, fieldContext: l }) {
-    return [r === 0 ? a("draggable", t._b({ staticClass: "draggable-box", attrs: { tag: "div", disabled: t.disabled }, on: { start: function(d) {
-      return t.$emit("dragStart", d, t.record.list);
-    }, add: function(d) {
-      return t.$emit("handleColAdd", d, t.record.list, !0);
-    } }, model: { value: t.record.list, callback: function(d) {
-      t.$set(t.record, "list", d);
+  } }, scopedSlots: t._u([{ key: "listItem", fn: function({ index: r, itemStyle: o, fieldContext: l, foreignContext: d }) {
+    return [r === 0 ? a("draggable", t._b({ staticClass: "draggable-box", attrs: { tag: "div", disabled: t.disabled }, on: { start: function(u) {
+      return t.$emit("dragStart", u, t.record.list);
+    }, add: function(u) {
+      return t.$emit("handleColAdd", u, t.record.list, !0);
+    } }, model: { value: t.record.list, callback: function(u) {
+      t.$set(t.record, "list", u);
     }, expression: "record.list" } }, "draggable", {
       group: "gd-draggable",
       ghostClass: "moving",
       animation: 180,
       handle: ".drag-move1"
-    }, !1), [a("transition-group", { staticClass: "list-main", style: o, attrs: { tag: "div", name: "list" } }, [t._l(t.record.list, function(d) {
-      return [a("layoutItem", { key: d.key, staticClass: "drag-move1", attrs: { selectItem: t.selectItem, record: d, isForm: t.isForm, model: t.model, develop: t.develop, disabled: t.disabled, fieldContext: l }, on: { "update:selectItem": function(u) {
-        t.selectItem = u;
-      }, "update:select-item": function(u) {
-        t.selectItem = u;
-      }, handleSelectItem: t.handleSelectItem, handleColAdd: t.handleColAdd, handleCopy: function(u) {
+    }, !1), [a("transition-group", { staticClass: "list-main", style: o, attrs: { tag: "div", name: "list" } }, [t._l(t.record.list, function(u) {
+      return [a("layoutItem", { key: u.key, staticClass: "drag-move1", attrs: { selectItem: t.selectItem, record: u, isForm: t.isForm, model: t.model, develop: t.develop, disabled: t.disabled, fieldContext: l, foreignContext: d }, on: { "update:selectItem": function(f) {
+        t.selectItem = f;
+      }, "update:select-item": function(f) {
+        t.selectItem = f;
+      }, handleSelectItem: t.handleSelectItem, handleColAdd: t.handleColAdd, handleCopy: function(f) {
         return t.$emit("handleCopy");
-      }, handleDelete: function(u) {
+      }, handleDelete: function(f) {
         return t.$emit("handleDelete");
       } } })];
-    })], 2)], 1) : a("div", [t._l(t.record.list, function(d) {
-      return [a("layoutItem", { key: d.key, staticClass: "drag-move1", attrs: { selectItem: t.selectItem, record: d, isForm: t.isForm, model: t.model, develop: t.develop, disabled: !0 }, on: { "update:selectItem": function(u) {
-        t.selectItem = u;
-      }, "update:select-item": function(u) {
-        t.selectItem = u;
-      }, handleSelectItem: t.handleSelectItem, handleColAdd: t.handleColAdd, handleCopy: function(u) {
+    })], 2)], 1) : a("div", [t._l(t.record.list, function(u) {
+      return [a("layoutItem", { key: u.key, staticClass: "drag-move1", attrs: { selectItem: t.selectItem, record: u, isForm: t.isForm, model: t.model, develop: t.develop, disabled: !0 }, on: { "update:selectItem": function(f) {
+        t.selectItem = f;
+      }, "update:select-item": function(f) {
+        t.selectItem = f;
+      }, handleSelectItem: t.handleSelectItem, handleColAdd: t.handleColAdd, handleCopy: function(f) {
         return t.$emit("handleCopy");
-      }, handleDelete: function(u) {
+      }, handleDelete: function(f) {
         return t.$emit("handleDelete");
       } } })];
     })], 2)];
@@ -119759,7 +120077,7 @@ var _sfc_render$1s = function s() {
       animation: 180,
       handle: ".drag-move"
     }, !1), [a("transition-group", { style: r, attrs: { tag: "div", name: "list" } }, [t._l(t.record.list, function(o) {
-      return [a("layoutItem", { key: o.key, staticClass: "drag-move", attrs: { selectItem: t.selectItem, record: o, isForm: t.isForm, model: t.model, develop: t.develop, fieldContext: t.fieldContext }, on: { "update:selectItem": function(l) {
+      return [a("layoutItem", { key: o.key, staticClass: "drag-move", attrs: { selectItem: t.selectItem, record: o, isForm: t.isForm, model: t.model, develop: t.develop, fieldContext: t.fieldContext, foreignContext: t.foreignContext }, on: { "update:selectItem": function(l) {
         t.selectItem = l;
       }, "update:select-item": function(l) {
         t.selectItem = l;
@@ -119792,7 +120110,7 @@ var _sfc_render$1s = function s() {
       animation: 180,
       handle: ".drag-move"
     }, !1), [a("transition-group", { style: r, attrs: { tag: "div", name: "list" } }, [t._l(t.record.list, function(o) {
-      return [a("layoutItem", { key: o.key, staticClass: "drag-move", attrs: { selectItem: t.selectItem, record: o, isForm: t.isForm, model: t.model, develop: t.develop, fieldContext: t.fieldContext }, on: { "update:selectItem": function(l) {
+      return [a("layoutItem", { key: o.key, staticClass: "drag-move", attrs: { selectItem: t.selectItem, record: o, isForm: t.isForm, model: t.model, develop: t.develop, fieldContext: t.fieldContext, foreignContext: t.foreignContext }, on: { "update:selectItem": function(l) {
         t.selectItem = l;
       }, "update:select-item": function(l) {
         t.selectItem = l;
@@ -119806,7 +120124,7 @@ var _sfc_render$1s = function s() {
     return [t.record.key === t.selectItem.key ? a("div", { staticClass: "drag-deletes" }, [a("i", { staticClass: "gd-icons", class: t.record.icon }), a("div", { staticClass: "name line1" }, [t._v(t._s(t.record.key))]), a("div", { staticClass: "shu" }), a("i", { staticClass: "el-icon-delete", on: { click: function(r) {
       return r.stopPropagation(), t.$emit("handleDelete");
     } } })]) : t._e()];
-  }, proxy: !0 }]) })], 1)] : a("layoutNode", { key: t.record.key, attrs: { selectItem: t.selectItem, record: t.record, isForm: t.isForm, model: t.model, develop: t.develop, disabled: t.disabled, fieldContext: t.fieldContext }, on: { "update:selectItem": function(r) {
+  }, proxy: !0 }]) })], 1)] : a("layoutNode", { key: t.record.key, attrs: { selectItem: t.selectItem, record: t.record, isForm: t.isForm, model: t.model, develop: t.develop, disabled: t.disabled, fieldContext: t.fieldContext, foreignContext: t.foreignContext }, on: { "update:selectItem": function(r) {
     t.selectItem = r;
   }, "update:select-item": function(r) {
     t.selectItem = r;
@@ -119821,7 +120139,7 @@ var _sfc_render$1s = function s() {
   _sfc_staticRenderFns$1s,
   !1,
   null,
-  "f18c8385",
+  "e18abab7",
   null,
   null
 );
@@ -120129,7 +120447,7 @@ var _sfc_render$1q = function s() {
   null,
   null
 );
-const pCheckbox = __component__$1q.exports, generatorForm_vue_vue_type_style_index_0_scoped_1b20497d_lang = "", _sfc_main$1p = {
+const pCheckbox = __component__$1q.exports, generatorForm_vue_vue_type_style_index_0_scoped_bc976e6f_lang = "", _sfc_main$1p = {
   data() {
     return {
       type: "checkbox",
@@ -120274,7 +120592,7 @@ const pCheckbox = __component__$1q.exports, generatorForm_vue_vue_type_style_ind
     },
     getType(s) {
       let t = { val: "input", arr: ["input", "textarea"], data: [] };
-      ["input", "textarea"].includes(s.effecttype) ? Object.assign(t, { val: s.effecttype, arr: ["input", "textarea"] }) : ["radio"].includes(s.effecttype) ? Object.assign(t, { val: s.effecttype, arr: ["radio", "select"] }) : ["switch"].includes(s.effecttype) ? Object.assign(t, { val: s.effecttype, arr: ["switch"] }) : ["inputnumber", "currency", "double"].includes(s.effecttype) ? Object.assign(t, { val: "inputNumber", arr: ["inputNumber"] }) : ["checkbox"].includes(s.effecttype) ? Object.assign(t, { val: s.effecttype, arr: ["checkbox", "selectMultiple"] }) : ["select"].includes(s.effecttype) ? Object.assign(t, { val: s.effecttype, arr: ["radio", "select"] }) : ["fk", "user", "participants", "about"].includes(s.effecttype) ? Object.assign(t, { val: "select", arr: ["select"] }) : ["editor"].includes(s.effecttype) ? Object.assign(t, { val: "editor", arr: ["editor"] }) : ["file"].includes(s.effecttype) ? Object.assign(t, { val: "uploadFile", arr: ["uploadFile"] }) : ["image"].includes(s.effecttype) ? Object.assign(t, { val: "uploadImg", arr: ["uploadImg"] }) : ["datepicker"].includes(s.effecttype) && Object.assign(t, { val: "datePicker", arr: ["datePicker"] });
+      ["input", "textarea"].includes(s.effecttype) ? Object.assign(t, { val: s.effecttype, arr: ["input", "textarea"] }) : ["radio"].includes(s.effecttype) ? Object.assign(t, { val: s.effecttype, arr: ["radio", "select"] }) : ["switch"].includes(s.effecttype) ? Object.assign(t, { val: s.effecttype, arr: ["switch"] }) : ["inputnumber", "currency", "double"].includes(s.effecttype) ? Object.assign(t, { val: "inputNumber", arr: ["inputNumber"] }) : ["checkbox"].includes(s.effecttype) ? Object.assign(t, { val: s.effecttype, arr: ["checkbox", "selectMultiple"] }) : ["select"].includes(s.effecttype) ? Object.assign(t, { val: s.effecttype, arr: ["radio", "select"] }) : ["fk", "user", "participants", "about"].includes(s.effecttype) ? Object.assign(t, { val: "select", arr: ["select"] }) : ["editor"].includes(s.effecttype) ? Object.assign(t, { val: "editor", arr: ["editor"] }) : ["file"].includes(s.effecttype) ? Object.assign(t, { val: "uploadFile", arr: ["uploadFile"] }) : ["image"].includes(s.effecttype) ? Object.assign(t, { val: "uploadImg", arr: ["uploadImg"] }) : ["datepicker"].includes(s.effecttype) && Object.assign(t, { val: "datePicker", arr: ["datePicker", "timePicker"] });
       const a = formItems.filter((o) => t.arr.includes(o.type));
       let r = JSON.parse(JSON.stringify(a));
       return r.forEach((o, l) => {
@@ -120344,7 +120662,7 @@ var _sfc_render$1p = function s() {
   _sfc_staticRenderFns$1p,
   !1,
   null,
-  "1b20497d",
+  "bc976e6f",
   null,
   null
 );
@@ -120455,7 +120773,7 @@ var _sfc_render$1o = function s() {
   null,
   null
 );
-const propertiesForm = __component__$1o.exports, propertiesCss_vue_vue_type_style_index_0_scoped_51444626_lang = "", _sfc_main$1n = {
+const propertiesForm = __component__$1o.exports, propertiesCss_vue_vue_type_style_index_0_scoped_f239182a_lang = "", _sfc_main$1n = {
   props: {
     selectItem: {
       type: Object,
@@ -120473,7 +120791,7 @@ const propertiesForm = __component__$1o.exports, propertiesCss_vue_vue_type_styl
       return this.selectItem.css || {};
     },
     predefine() {
-      return ["#F5222D", "#52C41A", "#FAAD14", "#13C2C2", "#1890FF", "#722ED1", "#eee"];
+      return ["#F5222D", "#52C41A", "#FAAD14", "#13C2C2", "#1890FF", "#722ED1", "#eee", "#333", "#666", "#999"];
     },
     ...mapGetters(["primaryColor"])
   },
@@ -120511,11 +120829,11 @@ var _sfc_render$1n = function s() {
     t.$set(t.cssValue, "bjColor", r);
   }, expression: "cssValue.bjColor" } })], 1)], 1) : t._e(), t.getTypeofC("color") ? a("el-form-item", { attrs: { label: t.selectItem.type == "statistic" ? t.$i18nt("gd.page.numericalColor", "\u6570\u503C\u989C\u8272") : t.$i18nt("gd.page.fontcolor", "\u5B57\u4F53\u989C\u8272") } }, [a("el-input", { model: { value: t.cssValue.color, callback: function(r) {
     t.$set(t.cssValue, "color", r);
-  }, expression: "cssValue.color" } }, [a("el-color-picker", { staticClass: "theme-picker", staticStyle: { "margin-right": "-5px" }, attrs: { slot: "suffix", "popper-class": "theme-picker-dropdown" }, slot: "suffix", model: { value: t.cssValue.color, callback: function(r) {
+  }, expression: "cssValue.color" } }, [a("el-color-picker", { staticClass: "theme-picker", staticStyle: { "margin-right": "-5px" }, attrs: { slot: "suffix", predefine: t.predefine, "popper-class": "theme-picker-dropdown" }, slot: "suffix", model: { value: t.cssValue.color, callback: function(r) {
     t.$set(t.cssValue, "color", r);
   }, expression: "cssValue.color" } })], 1)], 1) : t._e(), t.getTypeofC("titleColor") ? a("el-form-item", { attrs: { label: t.selectItem.type == "statistic" ? t.$i18nt("gd.page.numericalColor", "\u6570\u503C\u989C\u8272") : t.$i18nt("gd.page.fontcolor", "\u5B57\u4F53\u989C\u8272") } }, [a("el-input", { model: { value: t.cssValue.titleColor, callback: function(r) {
     t.$set(t.cssValue, "titleColor", r);
-  }, expression: "cssValue.titleColor" } }, [a("el-color-picker", { staticClass: "theme-picker", staticStyle: { "margin-right": "-5px" }, attrs: { slot: "suffix", "popper-class": "theme-picker-dropdown" }, slot: "suffix", model: { value: t.cssValue.titleColor, callback: function(r) {
+  }, expression: "cssValue.titleColor" } }, [a("el-color-picker", { staticClass: "theme-picker", staticStyle: { "margin-right": "-5px" }, attrs: { slot: "suffix", predefine: t.predefine, "popper-class": "theme-picker-dropdown" }, slot: "suffix", model: { value: t.cssValue.titleColor, callback: function(r) {
     t.$set(t.cssValue, "titleColor", r);
   }, expression: "cssValue.titleColor" } })], 1)], 1) : t._e(), t.getTypeofC("fontSize") ? a("el-form-item", { attrs: { label: t.$i18nt("gd.page.fontSize", "\u5B57\u4F53\u5927\u5C0F") } }, [a("el-input", { model: { value: t.cssValue.fontSize, callback: function(r) {
     t.$set(t.cssValue, "fontSize", r);
@@ -120523,7 +120841,7 @@ var _sfc_render$1n = function s() {
     t.$set(t.cssValue, "align", r);
   }, expression: "cssValue.align" } }, [a("el-radio-button", { attrs: { label: "left" } }, [t._v(t._s(t.$i18nt("gd.page.alignLeft", "\u5DE6\u5BF9\u9F50")))]), a("el-radio-button", { attrs: { label: "center" } }, [t._v(t._s(t.$i18nt("gd.page.center", "\u5C45\u4E2D")))]), a("el-radio-button", { attrs: { label: "right" } }, [t._v(t._s(t.$i18nt("gd.page.alignRight", "\u53F3\u5BF9\u9F50")))])], 1)], 1) : t._e(), t.getTypeofC("fontWeight") ? a("el-form-item", { attrs: { label: t.$i18nt("gd.page.fontWeight", "\u5B57\u4F53\u52A0\u7C97") } }, [a("el-radio-group", { model: { value: t.cssValue.fontWeight, callback: function(r) {
     t.$set(t.cssValue, "fontWeight", r);
-  }, expression: "cssValue.fontWeight" } }, [a("el-radio-button", { attrs: { label: "lighter" } }, [t._v(t._s(t.$i18nt("gd.page.lighter", "\u7EC6")))]), a("el-radio-button", { attrs: { label: "normal" } }, [t._v(t._s(t.$i18nt("gd.page.fontNormal", "\u9ED8\u8BA4")))]), a("el-radio-button", { attrs: { label: "bolder" } }, [t._v(t._s(t.$i18nt("gd.page.bolder", "\u7C97")) + "\u7C97")])], 1)], 1) : t._e(), t.getTypeofC("fontStyle") ? a("el-form-item", { attrs: { label: t.$i18nt("gd.page.italic", "\u659C\u4F53") } }, [a("el-radio-group", { model: { value: t.cssValue.fontStyle, callback: function(r) {
+  }, expression: "cssValue.fontWeight" } }, [a("el-radio-button", { attrs: { label: "lighter" } }, [t._v(t._s(t.$i18nt("gd.page.lighter", "\u7EC6")))]), a("el-radio-button", { attrs: { label: "normal" } }, [t._v(t._s(t.$i18nt("gd.page.fontNormal", "\u9ED8\u8BA4")))]), a("el-radio-button", { attrs: { label: "bolder" } }, [t._v(t._s(t.$i18nt("gd.page.bolder", "\u7C97")))])], 1)], 1) : t._e(), t.getTypeofC("fontStyle") ? a("el-form-item", { attrs: { label: t.$i18nt("gd.page.italic", "\u659C\u4F53") } }, [a("el-radio-group", { model: { value: t.cssValue.fontStyle, callback: function(r) {
     t.$set(t.cssValue, "fontStyle", r);
   }, expression: "cssValue.fontStyle" } }, [a("el-radio-button", { attrs: { label: "normal" } }, [t._v(t._s(t.$i18nt("gd.page.fontStyleNormal", "\u5E38\u89C4")))]), a("el-radio-button", { attrs: { label: "italic" } }, [t._v(t._s(t.$i18nt("gd.page.italic", "\u659C\u4F53")))])], 1)], 1) : t._e(), t.getTypeofC("textDecoration") ? a("el-form-item", { attrs: { label: t.$i18nt("gd.page.textModification", "\u6587\u672C\u4FEE\u9970") } }, [a("el-radio-group", { model: { value: t.cssValue.textDecoration, callback: function(r) {
     t.$set(t.cssValue, "textDecoration", r);
@@ -120577,14 +120895,16 @@ var _sfc_render$1n = function s() {
     t.$set(t.cssValue, "fontWeight", r);
   }, expression: "cssValue.fontWeight" } }, [a("el-option", { attrs: { value: "normal", label: t.$i18nt("gd.page.defaultPositioning", "\u9ED8\u8BA4\u5B9A\u4F4D") } }), a("el-option", { attrs: { value: "normal", label: t.$i18nt("gd.page.relativePositioning", "\u76F8\u5BF9\u5B9A\u4F4D") } }), a("el-option", { attrs: { value: "normal", label: t.$i18nt("gd.page.absolutePositioning", "\u200C\u7EDD\u5BF9\u5B9A\u4F4D") } }), a("el-option", { attrs: { value: "normal", label: t.$i18nt("gd.page.fixedPositioning", "\u56FA\u5B9A\u5B9A\u4F4D") } }), a("el-option", { attrs: { value: "normal", label: t.$i18nt("gd.page.viscousPositioning", "\u7C98\u6027\u5B9A\u4F4D") } })], 1)], 1) : t._e(), t.selectItem.customCss !== void 0 ? a("el-form-item", { attrs: { label: t.$i18nt("gd.page.customStyle", "\u81EA\u5B9A\u4E49\u6837\u5F0F") } }, [a("el-input", { attrs: { type: "textarea", rows: 3, placeholder: t.$i18nt("gd.placeholder.input", "\u8BF7\u8F93\u5165") }, model: { value: t.selectItem.customCss, callback: function(r) {
     t.$set(t.selectItem, "customCss", r);
-  }, expression: "selectItem.customCss" } })], 1) : t._e()], 1);
+  }, expression: "selectItem.customCss" } })], 1) : t._e(), t.selectItem.customClass !== void 0 ? a("el-form-item", { attrs: { label: t.$i18nt("gd.page.customClass", "\u81EA\u5B9A\u4E49Class") } }, [a("el-input", { attrs: { type: "textarea", rows: 3, placeholder: t.$i18nt("gd.placeholder.input", "\u8BF7\u8F93\u5165") }, model: { value: t.selectItem.customClass, callback: function(r) {
+    t.$set(t.selectItem, "customClass", r);
+  }, expression: "selectItem.customClass" } })], 1) : t._e()], 1);
 }, _sfc_staticRenderFns$1n = [], __component__$1n = /* @__PURE__ */ normalizeComponent(
   _sfc_main$1n,
   _sfc_render$1n,
   _sfc_staticRenderFns$1n,
   !1,
   null,
-  "51444626",
+  "f239182a",
   null,
   null
 );
@@ -120915,11 +121235,15 @@ const properitesImg = __component__$1k.exports, btnConfig$1 = [
     permissionsTable: "teamShare",
     permissionsPage: ""
   }
-], generatorTable_vue_vue_type_style_index_0_scoped_411336ad_lang = "", _sfc_main$1j = {
+], generatorTable_vue_vue_type_style_index_0_scoped_dcdae513_lang = "", _sfc_main$1j = {
   props: {
     hasProp: {
       type: Array,
       default: () => ["tableName", "viewId", "formId"]
+    },
+    viewType: {
+      type: Array,
+      default: () => [1]
     }
   },
   data() {
@@ -120964,7 +121288,7 @@ const properitesImg = __component__$1k.exports, btnConfig$1 = [
     },
     table() {
       const s = this.tableLists.filter((t) => t.tablename === this.ruleFormData.tableName)[0];
-      return s ? Object.assign(s, { tableName: s.tablename }) : { tableName: "" };
+      return s ? { tableName: s.tablename, id: s.id, tablename: s.tablename, busname: s.busname, transkey: s.transkey } : { tableName: "" };
     },
     viewData() {
       let s = {};
@@ -121022,7 +121346,7 @@ const properitesImg = __component__$1k.exports, btnConfig$1 = [
         viewId: "",
         btn: ["add", "edit", "del", "importData", "exportData"]
       }), sysViewList$1({ sysCodeGenId: this.table.id }).then((s) => {
-        s.code === 200 && (this.viewList = s.data.filter((t) => t.type === 1));
+        s.code === 200 && (this.viewList = s.data.filter((t) => this.viewType.includes(t.type)));
       }), sysFormList({ sysCodeGenId: this.table.id }).then((s) => {
         s.code === 200 && (this.formList = s.data);
       });
@@ -121086,11 +121410,11 @@ var _sfc_render$1j = function s() {
   _sfc_staticRenderFns$1j,
   !1,
   null,
-  "411336ad",
+  "dcdae513",
   null,
   null
 );
-const generatorTable = __component__$1j.exports, propertiesList_vue_vue_type_style_index_0_scoped_c2d47a32_lang = "", _sfc_main$1i = {
+const generatorTable = __component__$1j.exports, propertiesList_vue_vue_type_style_index_0_scoped_a8ba79d1_lang = "", _sfc_main$1i = {
   props: {
     selectItem: {
       type: Object,
@@ -121099,7 +121423,8 @@ const generatorTable = __component__$1j.exports, propertiesList_vue_vue_type_sty
   },
   data() {
     return {
-      hasProp: ["tableName", "viewId"]
+      hasProp: ["tableName", "viewId"],
+      viewType: [1, 2, 3, 4]
     };
   },
   components: { generatorTable },
@@ -121124,7 +121449,7 @@ const generatorTable = __component__$1j.exports, propertiesList_vue_vue_type_sty
       return Object.keys(a).includes(s);
     },
     saveTable(s) {
-      Object.assign(this.options, {
+      console.log(s), Object.assign(this.options, {
         table: s.table,
         view: s.view
       });
@@ -121158,14 +121483,14 @@ var _sfc_render$1i = function s() {
     t.$set(t.options, "pageSizeMode", r);
   }, expression: "options.pageSizeMode" } }, [a("el-radio-button", { attrs: { label: "followSystem" } }, [t._v(t._s(t.$i18nt("gd.page.followSystem", "\u8DDF\u968F\u7CFB\u7EDF")))]), a("el-radio-button", { attrs: { label: "customize" } }, [t._v(t._s(t.$i18nt("gd.page.customize", "\u81EA\u5B9A\u4E49")))])], 1), a("el-input-number", { staticStyle: { width: "100%", "margin-top": "6px" }, attrs: { disabled: t.options.pageSizeMode === "followSystem", "controls-position": "right", max: 50, min: 1 }, model: { value: t.options.pageSize, callback: function(r) {
     t.$set(t.options, "pageSize", r);
-  }, expression: "options.pageSize" } })], 1) : t._e()], a("el-divider"), a("generatorTable", { ref: "generatorTable", attrs: { hasProp: t.hasProp }, on: { ok: t.saveTable } })], 2);
+  }, expression: "options.pageSize" } })], 1) : t._e()], a("el-divider"), a("generatorTable", { ref: "generatorTable", attrs: { hasProp: t.hasProp, viewType: t.viewType }, on: { ok: t.saveTable } })], 2);
 }, _sfc_staticRenderFns$1i = [], __component__$1i = /* @__PURE__ */ normalizeComponent(
   _sfc_main$1i,
   _sfc_render$1i,
   _sfc_staticRenderFns$1i,
   !1,
   null,
-  "c2d47a32",
+  "a8ba79d1",
   null,
   null
 );
@@ -122400,19 +122725,19 @@ const propertiesDetail = __component__$19.exports, dataListFun = {
   type: "dataList",
   name: "\u5217\u8868",
   funList: [{
-    transKey: null,
+    transKey: "gd.function.reloadData",
     code: "pageLoading",
     name: "\u91CD\u65B0\u52A0\u8F7D\u6570\u636E"
   }, {
-    transKey: null,
+    transKey: "gd.function.refreshData",
     code: "refresh",
     name: "\u5237\u65B0\u6570\u636E"
   }, {
-    transKey: null,
+    transKey: "gd.function.downLoadData",
     code: "loadMore",
     name: "\u4E0B\u62C9\u52A0\u8F7D\u6570\u636E"
   }, {
-    transKey: null,
+    transKey: "gd.function.deleteIdData",
     code: "del",
     name: "\u6839\u636EID\u5220\u9664\u6570\u636E"
   }]
@@ -122420,66 +122745,42 @@ const propertiesDetail = __component__$19.exports, dataListFun = {
   type: "table",
   name: "\u89C6\u56FE",
   funList: [{
-    transKey: null,
+    transKey: "gd.btn.add",
     code: "add",
     name: "\u65B0\u589E"
   }, {
-    transKey: null,
+    transKey: "gd.btn.edit",
     code: "edit",
     name: "\u7F16\u8F91"
   }, {
-    transKey: null,
+    transKey: "gd.btn.del",
     code: "del",
     name: "\u5220\u9664"
   }, {
-    transKey: null,
+    transKey: "gd.btn.refresh",
     code: "refresh",
     name: "\u5237\u65B0"
   }]
 }, getComponentsFun = [dataListFun].concat([tableFun]), sysComponentsFun = [{
-  transKey: null,
+  transKey: "gd.function.previewComponents",
   type: "GdFilePreview",
   ref: "filePreview",
   name: "\u9884\u89C8\u7EC4\u4EF6",
   funList: [{
-    transKey: null,
+    transKey: "gd.function.filePreview",
     code: "gd-file-preview",
     name: "\u6587\u4EF6\u9884\u89C8"
   }]
-}], sysOverallFun = [
-  {
-    name: "\u65B0\u589E/\u7F16\u8F91",
-    code: "sysBaseAdd",
-    transKey: "gd.btn.add",
-    type: ["form"],
-    callback: !0
-  },
-  {
-    name: "\u67E5\u8BE2",
-    code: "sysBaseQuery",
-    transKey: "gd.btn.query",
-    type: ["view"],
-    callback: !0
-  },
-  {
-    name: "\u5220\u9664",
-    code: "sysBaseDel",
-    transKey: "gd.btn.del",
-    type: ["view"],
-    callback: !0
-  },
-  {
-    name: "\u81EA\u5B9A\u4E49",
-    code: "sysBaseCustom",
-    transKey: "gd.settings.custom",
-    type: ["view", "form"]
-  }
-], propertiesBtn_vue_vue_type_style_index_0_scoped_e5508d4c_lang = "", _sfc_main$18 = {
+}], propertiesBtn_vue_vue_type_style_index_0_scoped_3a2ba9f3_lang = "", _sfc_main$18 = {
   props: {
     selectItem: {
       type: Object,
       required: !0
     },
+    data: {
+      type: Object,
+      required: !0
+    },
     outlineTreeData: {
       type: Object,
       default: () => ({})
@@ -122489,14 +122790,17 @@ const propertiesDetail = __component__$19.exports, dataListFun = {
     return {};
   },
   computed: {
+    languageMessages() {
+      return this.$i18n.messages;
+    },
     styleList() {
       return [
-        { name: "\u9ED8\u8BA4", code: "none", transKey: "gd.page.btnPrimary" },
-        { name: "\u8DDF\u968F", code: "primary", transKey: "gd.page.btnPrimary" },
-        { name: "\u6210\u529F", code: "success ", transKey: "gd.page.btnSuccess " },
-        { name: "\u8B66\u544A", code: "warning ", transKey: "gd.page.btnWarning " },
-        { name: "\u5371\u9669", code: "danger ", transKey: "gd.page.btnDanger " },
-        { name: "\u4FE1\u606F", code: "info", transKey: "gd.page.btnInfo" }
+        { name: "\u9ED8\u8BA4", code: "none", transKey: "gd.basics.default" },
+        { name: "\u8DDF\u968F", code: "primary", transKey: "gd.basics.follow" },
+        { name: "\u6210\u529F", code: "success ", transKey: "gd.error.success" },
+        { name: "\u8B66\u544A", code: "warning ", transKey: "gd.form.alertWarning" },
+        { name: "\u5371\u9669", code: "danger ", transKey: "gd.basics.danger" },
+        { name: "\u4FE1\u606F", code: "info", transKey: "gd.basics.information" }
       ];
     },
     functionList() {
@@ -122524,6 +122828,19 @@ const propertiesDetail = __component__$19.exports, dataListFun = {
     iconSelector: GDpackage$Q
   },
   methods: {
+    lookupSeled(s, t) {
+      console.log(s, t);
+      let a = [];
+      s.langs.forEach((r) => {
+        a.push({ name: r.languagename, val: r.description, code: r.languagecode });
+      }), s.langs.filter((r) => r.languagecode == this.language)[0], t.transKey = s.name, t.langs = a, this.data.addTransKey !== void 0 && (this.data.addTransKey = this.data.addTransKey.concat([s.name]));
+    },
+    getTransKey(s) {
+      let t = `STF_P${this.selectItem.type}_${s.id}`, a = [];
+      for (let r in this.languageMessages)
+        a.push({ name: transKeyCodeName(r), val: s.displayName, code: r });
+      return JSON.stringify({ name: t, langs: a });
+    },
     dialogFun(s) {
       const t = this.componentsList.filter((r) => r.key === s.callbackComponents)[0];
       if (!t)
@@ -122599,7 +122916,7 @@ const propertiesDetail = __component__$19.exports, dataListFun = {
         permissionsPage: "",
         componentKey: "",
         formMode: "systemsMethod",
-        btnstyle: "primary",
+        btnStyle: "primary",
         children: [],
         btType: "none",
         sublevel: !1,
@@ -122613,7 +122930,9 @@ const propertiesDetail = __component__$19.exports, dataListFun = {
         callbackComponents: "",
         callbackFunction: "",
         fontSize: 12,
-        columnContextName: ""
+        columnContextName: "",
+        foreignContextName: "",
+        langs: []
       };
       this.selectItem.btnList = this.selectItem.btnList.concat([s]);
     },
@@ -122648,9 +122967,9 @@ const propertiesDetail = __component__$19.exports, dataListFun = {
 };
 var _sfc_render$18 = function s() {
   var t = this, a = t._self._c;
-  return a("div", [a("el-form-item", { attrs: { label: t.$i18nt("gd.page.cuttingModed", "\u7C7B\u578B") } }, [a("el-radio-group", { model: { value: t.options.btnType, callback: function(r) {
+  return a("div", [a("el-form-item", { attrs: { label: t.$i18nt("gd.view.type", "\u7C7B\u578B") } }, [a("el-radio-group", { model: { value: t.options.btnType, callback: function(r) {
     t.$set(t.options, "btnType", r);
-  }, expression: "options.btnType" } }, [a("el-radio-button", { attrs: { label: "btn", disabled: t.btnDisabled } }, [t._v(t._s(t.$i18nt("gd.page.btndd", "\u6309\u94AE")))]), a("el-radio-button", { attrs: { label: "butGroup" } }, [t._v(t._s(t.$i18nt("gd.page.butGroupdd", "\u6309\u94AE\u7EC4")))])], 1)], 1), t.selectItem.type == "btnGroup" ? a("el-form-item", { staticStyle: { "margin-bottom": "0 !important" }, attrs: { label: t.$i18nt("gd.page.buttonConfiguration", "\u6309\u94AE\u914D\u7F6E") } }, [a("div", { staticClass: "generator-items" }, [t.selectItem.btnList.length > 0 ? [a("el-tooltip", { staticClass: "item", attrs: { effect: "dark", content: t.$i18nt("gd.page.empty", "\u6E05\u7A7A"), placement: "top" } }, [a("el-popconfirm", { attrs: { title: t.$i18nt("gd.page.emptyButton", "\u6E05\u7A7A\u6309\u94AE") }, on: { confirm: t.clearBtn } }, [a("i", { staticClass: "el-icon-delete", attrs: { slot: "reference" }, slot: "reference" })])], 1), a("el-divider", { attrs: { direction: "vertical" } })] : t._e(), t.options.btnType == "btn" && t.selectItem.btnList.length < 1 || t.options.btnType == "butGroup" ? a("el-tooltip", { staticClass: "item", attrs: { effect: "dark", content: t.$i18nt("gd.page.add", "\u65B0\u589E"), placement: "top" } }, [a("i", { staticClass: "el-icon-plus", on: { click: t.addBtn } })]) : t._e()], 2)]) : t._e(), a("div", { staticClass: "generator-kuang" }, [a("draggable", t._b({ model: { value: t.selectItem.btnList, callback: function(r) {
+  }, expression: "options.btnType" } }, [a("el-radio-button", { attrs: { label: "btn", disabled: t.btnDisabled } }, [t._v(t._s(t.$i18nt("gd.btnConfig.btn", "\u6309\u94AE")))]), a("el-radio-button", { attrs: { label: "butGroup" } }, [t._v(t._s(t.$i18nt("gd.btnConfig.btnGroup", "\u6309\u94AE\u7EC4")))])], 1)], 1), t.selectItem.type == "btnGroup" ? a("el-form-item", { staticStyle: { "margin-bottom": "0 !important" }, attrs: { label: t.$i18nt("gd.page.buttonConfiguration", "\u6309\u94AE\u914D\u7F6E"), "label-width": "200px" } }, [a("div", { staticClass: "generator-items" }, [t.selectItem.btnList.length > 0 ? [a("el-tooltip", { staticClass: "item", attrs: { effect: "dark", content: t.$i18nt("gd.page.empty", "\u6E05\u7A7A"), placement: "top" } }, [a("el-popconfirm", { attrs: { title: t.$i18nt("gd.page.emptyButton", "\u6E05\u7A7A\u6309\u94AE") }, on: { confirm: t.clearBtn } }, [a("i", { staticClass: "el-icon-delete", attrs: { slot: "reference" }, slot: "reference" })])], 1), a("el-divider", { attrs: { direction: "vertical" } })] : t._e(), t.options.btnType == "btn" && t.selectItem.btnList.length < 1 || t.options.btnType == "butGroup" ? a("el-tooltip", { staticClass: "item", attrs: { effect: "dark", content: t.$i18nt("gd.page.add", "\u65B0\u589E"), placement: "top" } }, [a("i", { staticClass: "el-icon-plus", on: { click: t.addBtn } })]) : t._e()], 2)]) : t._e(), a("div", { staticClass: "generator-kuang" }, [a("draggable", t._b({ model: { value: t.selectItem.btnList, callback: function(r) {
     t.$set(t.selectItem, "btnList", r);
   }, expression: "selectItem.btnList" } }, "draggable", {
     animation: 300,
@@ -122658,25 +122977,29 @@ var _sfc_render$18 = function s() {
   }, !1), [t._l(t.selectItem.btnList, function(r, o) {
     return [a("el-popover", { attrs: { placement: "left", trigger: "click" } }, [a("div", { staticClass: "generator-list", attrs: { slot: "reference" }, slot: "reference" }, [a("i", { staticClass: "el-icon-rank active-color drag-move" }), a("div", { staticClass: "sku" }, [r.icon !== "" ? a("i", { staticClass: "gd-icons", class: r.icon }) : t._e(), t._v(" " + t._s(t.$i18nt(`Dynamics.${r.transKey}`, r.displayName)) + " ")]), a("i", { staticClass: "el-icon-delete rdelete", on: { click: function(l) {
       return l.stopPropagation(), t.delBtn(o);
-    } } })]), a("div", { staticClass: "generator-config" }, [a("div", { staticClass: "config-items" }, [a("div", { staticClass: "l" }, [t._v(t._s(t.$i18nt("gd.page.text", "\u6587\u672C")))]), a("div", { staticClass: "r" }, [a("el-input", { attrs: { placeholder: t.$i18nt("gd.placeholder.input", "\u8BF7\u8F93\u5165") }, model: { value: r.displayName, callback: function(l) {
-      t.$set(r, "displayName", l);
-    }, expression: "item.displayName" } })], 1)]), a("div", { staticClass: "config-items" }, [a("div", { staticClass: "l" }, [t._v(t._s(t.$i18nt("gd.page.icon", "\u56FE\u6807")))]), a("div", { staticClass: "r rs" }, [a("el-input", { attrs: { placeholder: t.$i18nt("gd.placeholder.inputcontent", "\u8BF7\u8F93\u5165\u5185\u5BB9"), size: "mini", clearable: "" }, model: { value: r.icon, callback: function(l) {
+    } } })]), a("div", { staticClass: "generator-config" }, [a("div", { staticClass: "config-items" }, [a("div", { staticClass: "l" }, [t._v(t._s(t.$i18nt("gd.page.text", "\u6587\u672C")))]), a("div", { staticClass: "r" }, [r.transKey ? r.transKey ? a("gd-translation", { ref: "gdTranslation", refInFor: !0, attrs: { recordData: r, transKey: t.getTransKey(r), name: "displayName", type: 2, appendToBody: !1, modalAppendToBody: !1, keyI18n: "transKey" }, on: { lookupSeled: (l) => t.lookupSeled(l, r) } }) : t._e() : a("gd-translation", { ref: "gdTranslation", refInFor: !0, attrs: { recordData: r, transKey: t.getTransKey(r), name: "displayName", keyI18n: "transKey", type: 3, appendToBody: !1, modalAppendToBody: !1 }, on: { lookupSeled: (l) => t.lookupSeled(l, r) } })], 1)]), a("div", { staticClass: "config-items" }, [a("div", { staticClass: "l" }, [t._v(t._s(t.$i18nt("gd.page.icon", "\u56FE\u6807")))]), a("div", { staticClass: "r rs" }, [a("el-input", { attrs: { placeholder: t.$i18nt("gd.placeholder.inputcontent", "\u8BF7\u8F93\u5165\u5185\u5BB9"), size: "mini", clearable: "" }, model: { value: r.icon, callback: function(l) {
       t.$set(r, "icon", l);
     }, expression: "item.icon" } }, [r.icon ? a("i", { staticClass: "el-input__icon gd-icons active-color", class: r.icon, staticStyle: { "font-size": "18px" }, attrs: { slot: "prefix" }, slot: "prefix" }) : t._e()]), a("div", { staticClass: "item-operator-cao flex" }, [a("el-popover", { ref: `popoverItem${o}`, refInFor: !0, attrs: { trigger: "click", placement: "right" } }, [a("i", { staticClass: "el-icon-search", attrs: { slot: "reference" }, slot: "reference" }), a("iconSelector", { ref: "iconSelector", refInFor: !0, attrs: { mode: "popover" }, on: { change: function(l) {
       return t.popoverClosed(o);
     } }, model: { value: r.icon, callback: function(l) {
       t.$set(r, "icon", l);
-    }, expression: "item.icon" } })], 1)], 1)], 1)]), a("div", { staticClass: "config-items" }, [a("div", { staticClass: "l" }, [t._v(t._s(t.$i18nt("gd.page.boundFieldd", "\u7ED1\u5B9A\u503C")))]), a("div", { staticClass: "r" }, [a("el-cascader", { staticStyle: { width: "100%" }, attrs: { options: t.selectItem.fieldContext }, scopedSlots: t._u([{ key: "default", fn: function({ node: l, data: d }) {
+    }, expression: "item.icon" } })], 1)], 1)], 1)]), a("div", { staticClass: "config-items" }, [a("div", { staticClass: "l" }, [t._v(t._s(t.$i18nt("gd.page.fontSize", "\u5B57\u4F53\u5927\u5C0F")))]), a("div", { staticClass: "r" }, [a("el-input", { model: { value: r.fontSize, callback: function(l) {
+      t.$set(r, "fontSize", l);
+    }, expression: "item.fontSize" } }, [a("template", { slot: "append" }, [t._v("px")])], 2)], 1)]), t.selectItem.fieldContext && t.selectItem.fieldContext.length > 0 ? a("div", { staticClass: "config-items" }, [a("div", { staticClass: "l" }, [t._v(t._s(t.$i18nt("gd.page.bindValue", "\u7ED1\u5B9A\u503C")))]), a("div", { staticClass: "r" }, [a("el-cascader", { staticStyle: { width: "100%" }, attrs: { options: t.selectItem.fieldContext }, scopedSlots: t._u([{ key: "default", fn: function({ node: l, data: d }) {
       return [a("span", [t._v(t._s(t.$i18nt(`Dynamics.${d.transKey}`, d.columnComment)))])];
     } }], null, !0), model: { value: r.columnContextName, callback: function(l) {
       t.$set(r, "columnContextName", l);
-    }, expression: "item.columnContextName" } })], 1)]), a("div", { staticClass: "config-items" }, [a("div", { staticClass: "l ls" }, [t._v(t._s(t.$i18nt("gd.page.interactive", "\u4EA4\u4E92")))])]), a("div", { staticClass: "config-kuang" }, [a("div", { staticClass: "config-items" }, [a("div", { staticClass: "l" }, [t._v(t._s(t.$i18nt("gd.page.interactiveMode", "\u4EA4\u4E92\u65B9\u5F0F")))]), a("div", { staticClass: "r" }, [a("el-radio-group", { attrs: { size: "mini" }, model: { value: r.formMode, callback: function(l) {
+    }, expression: "item.columnContextName" } })], 1)]) : t._e(), t.selectItem.foreignContext && t.selectItem.foreignContext.length > 0 ? a("div", { staticClass: "config-items" }, [a("div", { staticClass: "l" }, [t._v(t._s(t.$i18nt("gd.page.associationBinding", "\u5173\u8054\u7ED1\u5B9A")))]), a("div", { staticClass: "r" }, [a("el-select", { staticStyle: { width: "100%" }, attrs: { placeholder: t.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9") }, model: { value: r.foreignContextName, callback: function(l) {
+      t.$set(r, "foreignContextName", l);
+    }, expression: "item.foreignContextName" } }, [t._l(t.selectItem.foreignContext, function(l) {
+      return [a("el-option", { attrs: { label: l.label, value: l.value } })];
+    })], 2)], 1)]) : t._e(), a("div", { staticClass: "config-items" }, [a("div", { staticClass: "l ls" }, [t._v(t._s(t.$i18nt("gd.page.interactive", "\u4EA4\u4E92")))])]), a("div", { staticClass: "config-kuang" }, [a("div", { staticClass: "config-items" }, [a("div", { staticClass: "l" }, [t._v(t._s(t.$i18nt("gd.page.interactiveMode", "\u4EA4\u4E92\u65B9\u5F0F")))]), a("div", { staticClass: "r" }, [a("el-radio-group", { attrs: { size: "mini" }, model: { value: r.formMode, callback: function(l) {
       t.$set(r, "formMode", l);
     }, expression: "item.formMode" } }, [a("el-radio-button", { attrs: { label: "systemsMethod" } }, [t._v(" " + t._s(t.$i18nt("gd.page.systemsMethod", "\u7CFB\u7EDF\u65B9\u6CD5")) + " ")]), a("el-radio-button", { attrs: { label: "componentMethod" } }, [t._v(" " + t._s(t.$i18nt("gd.page.componentMethod", "\u7EC4\u4EF6\u65B9\u6CD5")) + " ")])], 1)], 1)]), r.formMode === "systemsMethod" ? [a("div", { staticClass: "config-items" }, [a("div", { staticClass: "l" }, [t._v(t._s(t.$i18nt("gd.form.associationTable", "\u5173\u8054\u8868")))]), a("div", { staticClass: "r" }, [a("el-select", { staticStyle: { width: "100%" }, attrs: { placeholder: t.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), filterable: "" }, on: { change: (l) => t.changeSysMethod(l, r) }, model: { value: r.table, callback: function(l) {
       t.$set(r, "table", l);
     }, expression: "item.table" } }, t._l(t.tableLists, function(l) {
-      return a("el-option", { key: l.tablename, attrs: { label: t.$i18nt(`Dynamics.${l.transkey}`, l.busname), value: l.tablename } }, [a("span", [t._v(t._s(t.$i18nt(`Dynamics.${l.transkey}`, l.busname)) + " " + t._s(l.tablename))])]);
-    }), 1)], 1)]), a("div", { staticClass: "config-items" }, [a("div", { staticClass: "l" }, [t._v(t._s(t.$i18nt("gd.form.associatedComponents", "\u5173\u8054\u7EC4\u4EF6")))]), a("div", { staticClass: "r" }, [a("el-select", { staticStyle: { width: "100%" }, attrs: { placeholder: t.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), filterable: "" }, on: { change: (l) => t.changeTableComponents(l, r) }, model: { value: r.tableComponents, callback: function(l) {
+      return a("el-option", { key: l.tablename, attrs: { label: t.$i18nt(`Dynamics.${l.transkey}`, l.busname), value: l.tablename } }, [a("span", [t._v(t._s(t.$i18nt(`Dynamics.${l.transkey}`, l.busname)) + " (" + t._s(l.tablename) + ")")])]);
+    }), 1)], 1)]), a("div", { staticClass: "config-items" }, [a("div", { staticClass: "l" }, [t._v(t._s(t.$i18nt("gd.page.associatedComponents", "\u5173\u8054\u7EC4\u4EF6")))]), a("div", { staticClass: "r" }, [a("el-select", { staticStyle: { width: "100%" }, attrs: { placeholder: t.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), filterable: "" }, on: { change: (l) => t.changeTableComponents(l, r) }, model: { value: r.tableComponents, callback: function(l) {
       t.$set(r, "tableComponents", l);
     }, expression: "item.tableComponents" } }, [t._l(r.viewList, function(l) {
       return [a("el-option", { attrs: { label: t.$i18nt(`Dynamics.${l.transkey}`, l.name), value: l.id } }, [a("span", [a("span", { staticClass: "gd-icons gd-icon-shitumoshi" }), t._v(" " + t._s(t.$i18nt(`Dynamics.${l.transkey}`, l.name)) + " ")])])];
@@ -122688,13 +123011,13 @@ var _sfc_render$18 = function s() {
       return [l.type.includes(r.tableComponentsType) ? a("el-option", { attrs: { label: t.$i18nt(l.transKey, l.name), value: l.code } }) : t._e()];
     })], 2)], 1)]) : t._e(), r.sysFunctionName === "sysBaseCustom" ? a("div", { staticClass: "config-items" }, [a("div", { staticClass: "l" }, [t._v(t._s(t.$i18nt("gd.page.customMethod", "\u81EA\u5B9A\u4E49\u65B9\u6CD5")))]), a("div", { staticClass: "r" }, [a("el-input", { attrs: { placeholder: t.$i18nt("gd.placeholder.input", "\u8BF7\u8F93\u5165") }, model: { value: r.functionName, callback: function(l) {
       t.$set(r, "functionName", l);
-    }, expression: "item.functionName" } })], 1)]) : t._e(), r.callback ? a("div", { staticClass: "config-items" }, [a("div", { staticClass: "l" }, [t._v(t._s(t.$i18nt("gd.page.customMethod", "\u56DE\u8C03\u7EC4\u4EF6")))]), a("div", { staticClass: "r" }, [a("el-select", { staticStyle: { width: "100%" }, attrs: { placeholder: t.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), clearable: "" }, on: { change: function(l) {
+    }, expression: "item.functionName" } })], 1)]) : t._e(), r.callback ? a("div", { staticClass: "config-items" }, [a("div", { staticClass: "l" }, [t._v(t._s(t.$i18nt("gd.page.callbackComponent", "\u56DE\u8C03\u7EC4\u4EF6")))]), a("div", { staticClass: "r" }, [a("el-select", { staticStyle: { width: "100%" }, attrs: { placeholder: t.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), clearable: "" }, on: { change: function(l) {
       return t.changeCallbackComponents(r);
     } }, model: { value: r.callbackComponents, callback: function(l) {
       t.$set(r, "callbackComponents", l);
     }, expression: "item.callbackComponents" } }, [t._l(t.dialogTree, function(l) {
       return [a("el-option", { attrs: { label: `${t.$i18nt(l.transKey, l.label)} ${l.key}`, value: l.key } }, [a("i", { staticClass: "gd-icons", class: l.icon, staticStyle: { "margin-right": "4px" } }), a("span", [t._v(t._s(t.$i18nt(l.transKey, l.label)) + " " + t._s(l.key))])])];
-    })], 2)], 1)]) : t._e(), r.callback ? a("div", { staticClass: "config-items" }, [a("div", { staticClass: "l" }, [t._v(t._s(t.$i18nt("gd.page.callbackFunction", "\u56DE\u8C03\u65B9\u6CD5")))]), a("div", { staticClass: "r" }, [a("el-select", { staticStyle: { width: "100%" }, attrs: { placeholder: t.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), clearable: "" }, model: { value: r.callbackFunction, callback: function(l) {
+    })], 2)], 1)]) : t._e(), r.callback ? a("div", { staticClass: "config-items" }, [a("div", { staticClass: "l" }, [t._v(t._s(t.$i18nt("gd.page.callbackMethod", "\u56DE\u8C03\u65B9\u6CD5")))]), a("div", { staticClass: "r" }, [a("el-select", { staticStyle: { width: "100%" }, attrs: { placeholder: t.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), clearable: "" }, model: { value: r.callbackFunction, callback: function(l) {
       t.$set(r, "callbackFunction", l);
     }, expression: "item.callbackFunction" } }, [t._l(t.dialogFun(r), function(l) {
       return [a("el-option", { attrs: { label: t.$i18nt(l.transKey, l.name), value: l.code } })];
@@ -122702,23 +123025,23 @@ var _sfc_render$18 = function s() {
       return t.changeComponentKey(r);
     } }, model: { value: r.componentKey, callback: function(l) {
       t.$set(r, "componentKey", l);
-    }, expression: "item.componentKey" } }, [a("el-option-group", { attrs: { label: t.$i18nt("gd.page.sysComponentsFun", "\u5168\u5C40\u7EC4\u4EF6") } }, [t._l(t.dialogSysTree, function(l) {
+    }, expression: "item.componentKey" } }, [a("el-option-group", { attrs: { label: t.$i18nt("gd.function.globalComponents", "\u5168\u5C40\u7EC4\u4EF6") } }, [t._l(t.dialogSysTree, function(l) {
       return [a("el-option", { attrs: { label: t.$i18nt(l.transKey, l.name), value: l.type } })];
-    })], 2), a("el-option-group", { attrs: { label: t.$i18nt("gd.page.PageComponentsFun", "\u9875\u9762\u5185\u7EC4\u4EF6") } }, [t._l(t.dialogTree, function(l) {
+    })], 2), a("el-option-group", { attrs: { label: t.$i18nt("gd.function.pageComponents", "\u9875\u9762\u5185\u7EC4\u4EF6") } }, [t._l(t.dialogTree, function(l) {
       return [a("el-option", { attrs: { label: `${t.$i18nt(l.transKey, l.label)} ${l.key}`, value: l.key } }, [a("i", { staticClass: "gd-icons", class: l.icon, staticStyle: { "margin-right": "4px" } }), a("span", [t._v(t._s(t.$i18nt(l.transKey, l.label)) + " " + t._s(l.key))])])];
     })], 2)], 1)], 1)]), a("div", { staticClass: "config-items" }, [a("div", { staticClass: "l" }, [t._v(t._s(t.$i18nt("gd.page.interactiveMethod", "\u4EA4\u4E92\u65B9\u6CD5")))]), a("div", { staticClass: "r" }, [a("el-select", { staticStyle: { width: "100%" }, attrs: { placeholder: t.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), clearable: "" }, model: { value: r.componentFunction, callback: function(l) {
       t.$set(r, "componentFunction", l);
     }, expression: "item.componentFunction" } }, [t._l(t.dialogComponentFun(r), function(l) {
       return [a("el-option", { attrs: { label: t.$i18nt(l.transKey, l.name), value: l.code } })];
-    })], 2)], 1)])] : t._e()], 2), a("div", { staticClass: "config-items" }, [a("div", { staticClass: "l" }, [t._v(t._s(t.$i18nt("gd.page.style", "\u98CE\u683C")))]), a("div", { staticClass: "r" }, [a("el-select", { staticStyle: { width: "100%" }, attrs: { placeholder: t.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), clearable: "" }, model: { value: r.btnstyle, callback: function(l) {
-      t.$set(r, "btnstyle", l);
-    }, expression: "item.btnstyle" } }, [t._l(t.styleList, function(l, d) {
+    })], 2)], 1)])] : t._e()], 2), a("div", { staticClass: "config-items" }, [a("div", { staticClass: "l" }, [t._v(t._s(t.$i18nt("gd.settings.style", "\u98CE\u683C")))]), a("div", { staticClass: "r" }, [a("el-select", { staticStyle: { width: "100%" }, attrs: { placeholder: t.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), clearable: "" }, model: { value: r.btnStyle, callback: function(l) {
+      t.$set(r, "btnStyle", l);
+    }, expression: "item.btnStyle" } }, [t._l(t.styleList, function(l, d) {
       return [a("el-option", { attrs: { label: t.$i18nt(l.transKey, l.name), value: l.code } })];
-    })], 2)], 1)]), a("div", { staticClass: "config-items" }, [a("div", { staticClass: "l" }, [t._v(t._s(t.$i18nt("gd.page.hide", "\u9690\u85CF")))]), a("div", { staticClass: "r" }, [a("el-switch", { attrs: { "active-value": !0, "inactive-value": !1, "active-color": t.primaryColor }, model: { value: r.hide, callback: function(l) {
+    })], 2)], 1)]), a("div", { staticClass: "config-items" }, [a("div", { staticClass: "l" }, [t._v(t._s(t.$i18nt("gd.page.hide", "\u9690\u85CF")))]), a("div", { staticClass: "r", staticStyle: { "text-align": "right" } }, [a("el-switch", { attrs: { "active-value": !0, "inactive-value": !1, "active-color": t.primaryColor }, model: { value: r.hide, callback: function(l) {
       t.$set(r, "hide", l);
     }, expression: "item.hide" } })], 1)]), a("div", { staticClass: "config-items" }, [a("div", { staticClass: "l" }, [t._v(t._s(t.$i18nt("gd.page.pagePermissions", "\u9875\u9762\u6743\u9650")))]), a("div", { staticClass: "r" }, [a("el-input", { attrs: { placeholder: t.$i18nt("gd.placeholder.input", "\u8BF7\u8F93\u5165") }, model: { value: r.permissionsPage, callback: function(l) {
       t.$set(r, "permissionsPage", l);
-    }, expression: "item.permissionsPage" } })], 1)]), a("div", { staticClass: "config-items" }, [a("div", { staticClass: "l" }, [t._v(t._s(t.$i18nt("gd.page.openSubbutton", "\u5F00\u542F\u5B50\u6309\u94AE")))]), a("div", { staticClass: "r" }, [a("el-switch", { attrs: { "active-value": !0, "inactive-value": !1, "active-color": t.primaryColor }, model: { value: r.sublevel, callback: function(l) {
+    }, expression: "item.permissionsPage" } })], 1)]), a("div", { staticClass: "config-items" }, [a("div", { staticClass: "l", staticStyle: { flex: "0 0 200px" } }, [t._v(t._s(t.$i18nt("gd.page.openSubbutton", "\u5F00\u542F\u5B50\u6309\u94AE")))]), a("div", { staticClass: "r", staticStyle: { "text-align": "right" } }, [a("el-switch", { attrs: { "active-value": !0, "inactive-value": !1, "active-color": t.primaryColor }, model: { value: r.sublevel, callback: function(l) {
       t.$set(r, "sublevel", l);
     }, expression: "item.sublevel" } })], 1)]), r.sublevel ? a("div", { staticClass: "child-item" }, [a("div", { staticClass: "l ls" }, [t._v(t._s(t.$i18nt("gd.page.subbutton", "\u5B50\u6309\u94AE")))]), a("el-tooltip", { staticClass: "item", attrs: { effect: "dark", content: t.$i18nt("gd.page.addition", "\u6DFB\u52A0"), placement: "top-start" } }, [a("i", { staticClass: "el-icon-plus", on: { click: function(l) {
       return t.addBtnChild(o);
@@ -122735,9 +123058,7 @@ var _sfc_render$18 = function s() {
       }, expression: "ite.displayName" } }), a("i", { staticClass: "el-icon-delete rdelete", on: { click: function(u) {
         return t.delChild(d, o);
       } } })], 1)])];
-    })], 2)], 1) : t._e()]) : t._e(), a("div", { staticClass: "config-items" }, [a("div", { staticClass: "l" }, [t._v(t._s(t.$i18nt("gd.page.fontSize", "\u5B57\u4F53\u5927\u5C0F")))]), a("div", { staticClass: "r" }, [a("el-input", { model: { value: r.fontSize, callback: function(l) {
-      t.$set(r, "fontSize", l);
-    }, expression: "item.fontSize" } }, [a("template", { slot: "append" }, [t._v("px")])], 2)], 1)])])])];
+    })], 2)], 1) : t._e()]) : t._e()])])];
   }), t.selectItem.btnList.length === 0 ? a("div", { staticClass: "empty-title" }, [t._v(t._s(t.$i18nt("el.select.noData", "\u65E0\u6570\u636E")))]) : t._e()], 2)], 1), a("el-form-item", { staticStyle: { "margin-bottom": "0 !important" }, attrs: { label: t.$i18nt("gd.page.maximumDisplayNumber", "\u6700\u591A\u663E\u793A\u4E2A\u6570") } }, [a("el-input-number", { staticStyle: { width: "100%" }, attrs: { "controls-position": "right", min: 1, max: 20 }, model: { value: t.options.limit, callback: function(r) {
     t.$set(t.options, "limit", r);
   }, expression: "options.limit" } })], 1), a("div", { staticClass: "gd-btn-divider" }, [a("el-divider")], 1)], 1);
@@ -122747,7 +123068,7 @@ var _sfc_render$18 = function s() {
   _sfc_staticRenderFns$18,
   !1,
   null,
-  "e5508d4c",
+  "3a2ba9f3",
   null,
   null
 );
@@ -123421,7 +123742,7 @@ var _sfc_render$14 = function s() {
   null,
   null
 );
-const propertiesTress = __component__$14.exports, propertiesInterac_vue_vue_type_style_index_0_scoped_72135f44_lang = "", _sfc_main$13 = {
+const propertiesTress = __component__$14.exports, propertiesInterac_vue_vue_type_style_index_0_scoped_2b48e65e_lang = "", _sfc_main$13 = {
   props: {
     selectItem: {
       type: Object,
@@ -123529,7 +123850,7 @@ var _sfc_render$13 = function s() {
     t.$set(t.interac, "table", r);
   }, expression: "interac.table" } }, t._l(t.tableLists, function(r) {
     return a("el-option", { key: r.tablename, attrs: { label: t.$i18nt(`Dynamics.${r.transkey}`, r.busname), value: r.tablename } }, [a("span", [t._v(t._s(t.$i18nt(`Dynamics.${r.transkey}`, r.busname)) + " " + t._s(r.tablename))])]);
-  }), 1)], 1), a("el-form-item", { attrs: { label: t.$i18nt("gd.form.associatedComponents", "\u5173\u8054\u7EC4\u4EF6") } }, [a("el-select", { staticStyle: { width: "100%" }, attrs: { placeholder: t.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), filterable: "" }, on: { change: t.changeTableComponents }, model: { value: t.interac.tableComponents, callback: function(r) {
+  }), 1)], 1), a("el-form-item", { attrs: { label: t.$i18nt("gd.page.associatedComponents", "\u5173\u8054\u7EC4\u4EF6") } }, [a("el-select", { staticStyle: { width: "100%" }, attrs: { placeholder: t.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), filterable: "" }, on: { change: t.changeTableComponents }, model: { value: t.interac.tableComponents, callback: function(r) {
     t.$set(t.interac, "tableComponents", r);
   }, expression: "interac.tableComponents" } }, [t._l(t.interac.viewList, function(r) {
     return [a("el-option", { attrs: { label: t.$i18nt(`Dynamics.${r.transkey}`, r.name), value: r.id } }, [a("span", [a("span", { staticClass: "gd-icons gd-icon-shitumoshi" }), t._v(" " + t._s(t.$i18nt(`Dynamics.${r.transkey}`, r.name)) + " ")])])];
@@ -123541,19 +123862,19 @@ var _sfc_render$13 = function s() {
     return [r.type.includes(t.interac.tableComponentsType) ? a("el-option", { attrs: { label: t.$i18nt(r.transKey, r.name), value: r.code } }) : t._e()];
   })], 2)], 1) : t._e(), t.interac.sysFunctionName === "sysBaseCustom" ? a("el-form-item", { attrs: { label: t.$i18nt("gd.page.customMethod", "\u81EA\u5B9A\u4E49\u65B9\u6CD5") } }, [a("el-input", { attrs: { placeholder: t.$i18nt("gd.placeholder.input", "\u8BF7\u8F93\u5165") }, model: { value: t.interac.functionName, callback: function(r) {
     t.$set(t.interac, "functionName", r);
-  }, expression: "interac.functionName" } })], 1) : t._e(), t.interac.callback ? a("el-form-item", { attrs: { label: t.$i18nt("gd.page.callbackComponents", "\u56DE\u8C03\u7EC4\u4EF6") } }, [a("el-select", { staticStyle: { width: "100%" }, attrs: { placeholder: t.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), clearable: "" }, on: { change: t.changeCallbackComponents }, model: { value: t.interac.callbackComponents, callback: function(r) {
+  }, expression: "interac.functionName" } })], 1) : t._e(), t.interac.callback ? a("el-form-item", { attrs: { label: t.$i18nt("gd.page.callbackComponent", "\u56DE\u8C03\u7EC4\u4EF6") } }, [a("el-select", { staticStyle: { width: "100%" }, attrs: { placeholder: t.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), clearable: "" }, on: { change: t.changeCallbackComponents }, model: { value: t.interac.callbackComponents, callback: function(r) {
     t.$set(t.interac, "callbackComponents", r);
   }, expression: "interac.callbackComponents" } }, [t._l(t.dialogTree, function(r) {
     return [a("el-option", { attrs: { label: `${t.$i18nt(r.transKey, r.label)} ${r.key}`, value: r.key } }, [a("i", { staticClass: "gd-icons", class: r.icon, staticStyle: { "margin-right": "4px" } }), a("span", [t._v(t._s(t.$i18nt(r.transKey, r.label)) + " " + t._s(r.key))])])];
-  })], 2)], 1) : t._e(), t.interac.callback ? a("el-form-item", { attrs: { label: t.$i18nt("gd.page.callbackFunction", "\u56DE\u8C03\u65B9\u6CD5") } }, [a("el-select", { staticStyle: { width: "100%" }, attrs: { placeholder: t.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), clearable: "" }, model: { value: t.interac.callbackFunction, callback: function(r) {
+  })], 2)], 1) : t._e(), t.interac.callback ? a("el-form-item", { attrs: { label: t.$i18nt("gd.page.callbackMethod", "\u56DE\u8C03\u65B9\u6CD5") } }, [a("el-select", { staticStyle: { width: "100%" }, attrs: { placeholder: t.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), clearable: "" }, model: { value: t.interac.callbackFunction, callback: function(r) {
     t.$set(t.interac, "callbackFunction", r);
   }, expression: "interac.callbackFunction" } }, [t._l(t.dialogFun, function(r) {
     return [a("el-option", { attrs: { label: t.$i18nt(r.transKey, r.name), value: r.code } })];
   })], 2)], 1) : t._e()] : t._e(), t.interac.formMode === "componentMethod" ? [a("el-form-item", { attrs: { label: t.$i18nt("gd.page.interactiveComponent", "\u4EA4\u4E92\u7EC4\u4EF6") } }, [a("el-select", { staticStyle: { width: "100%" }, attrs: { placeholder: t.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), clearable: "" }, on: { change: t.changeComponentKey }, model: { value: t.interac.componentKey, callback: function(r) {
     t.$set(t.interac, "componentKey", r);
-  }, expression: "interac.componentKey" } }, [a("el-option-group", { attrs: { label: t.$i18nt("gd.page.sysComponentsFun", "\u5168\u5C40\u7EC4\u4EF6") } }, [t._l(t.dialogSysTree, function(r) {
+  }, expression: "interac.componentKey" } }, [a("el-option-group", { attrs: { label: t.$i18nt("gd.function.globalComponents", "\u5168\u5C40\u7EC4\u4EF6") } }, [t._l(t.dialogSysTree, function(r) {
     return [a("el-option", { attrs: { label: t.$i18nt(r.transKey, r.name), value: r.type } })];
-  })], 2), a("el-option-group", { attrs: { label: t.$i18nt("gd.page.PageComponentsFun", "\u9875\u9762\u5185\u7EC4\u4EF6") } }, [t._l(t.dialogTree, function(r) {
+  })], 2), a("el-option-group", { attrs: { label: t.$i18nt("gd.function.pageComponents", "\u9875\u9762\u5185\u7EC4\u4EF6") } }, [t._l(t.dialogTree, function(r) {
     return [a("el-option", { attrs: { label: `${t.$i18nt(r.transKey, r.label)} ${r.key}`, value: r.key } }, [a("i", { staticClass: "gd-icons", class: r.icon, staticStyle: { "margin-right": "4px" } }), a("span", [t._v(t._s(t.$i18nt(r.transKey, r.label)) + " " + t._s(r.key))])])];
   })], 2)], 1)], 1), a("el-form-item", { attrs: { label: t.$i18nt("gd.page.interactiveMethod", "\u4EA4\u4E92\u65B9\u6CD5") } }, [a("el-select", { staticStyle: { width: "100%" }, attrs: { placeholder: t.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), clearable: "" }, model: { value: t.interac.componentFunction, callback: function(r) {
     t.$set(t.interac, "componentFunction", r);
@@ -123566,11 +123887,11 @@ var _sfc_render$13 = function s() {
   _sfc_staticRenderFns$13,
   !1,
   null,
-  "72135f44",
+  "2b48e65e",
   null,
   null
 );
-const propertiesInterac = __component__$13.exports, properties_vue_vue_type_style_index_0_scoped_e636678b_lang = "", _sfc_main$12 = {
+const propertiesInterac = __component__$13.exports, properties_vue_vue_type_style_index_0_scoped_486d04a5_lang = "", _sfc_main$12 = {
   props: {
     selectItem: {
       type: Object,
@@ -123869,11 +124190,15 @@ var _sfc_render$12 = function s() {
     t.$set(t.selectItem, "label", r);
   }, expression: "selectItem.label" } }) : t.transKeyshow && !t.selectItem.options.transKey ? a("gd-translation", { ref: "gdTranslation", attrs: { recordData: t.selectItem, transKey: t.getTransKey, name: "label", keyI18n: "transKey", type: 3 }, on: { lookupSeled: t.lookupSeled } }) : t.transKeyshow && t.selectItem.options.transKey ? a("gd-translation", { ref: "gdTranslation", attrs: { recordData: t.selectItem, transKey: t.getTransKey, name: "label", type: 2, keyI18n: "transKey" }, on: { lookupSeled: t.lookupSeled } }) : t._e()], 1) : t._e(), t.selectItem.type === "approval" && t.getTypeof("label", "selectItem") ? a("el-form-item", { attrs: { label: t.$i18nt("gd.page.tag", "\u6807\u7B7E") } }, [t.selectItem.options.transKey === void 0 ? a("el-input", { attrs: { placeholder: t.$i18nt("gd.placeholder.input", "\u8BF7\u8F93\u5165") }, model: { value: t.selectItem.label, callback: function(r) {
     t.$set(t.selectItem, "label", r);
-  }, expression: "selectItem.label" } }) : t.transKeyshow && !t.selectItem.options.transKey ? a("gd-translation", { ref: "gdTranslation", attrs: { recordData: t.selectItem, transKey: t.getTransKey, name: "label", keyI18n: "transKey", type: 3 }, on: { lookupSeled: t.lookupSeled } }) : t.transKeyshow && t.selectItem.options.transKey ? a("gd-translation", { ref: "gdTranslation", attrs: { recordData: t.selectItem, transKey: t.getTransKey, name: "label", type: 2, keyI18n: "transKey" }, on: { lookupSeled: t.lookupSeled } }) : t._e()], 1) : t._e(), t.getTypeof("columnContextName") ? a("el-form-item", { attrs: { label: t.$i18nt("gd.page.boundFieldd", "\u7ED1\u5B9A\u503C") } }, [a("el-cascader", { attrs: { options: t.selectItem.fieldContext }, scopedSlots: t._u([{ key: "default", fn: function({ node: r, data: o }) {
+  }, expression: "selectItem.label" } }) : t.transKeyshow && !t.selectItem.options.transKey ? a("gd-translation", { ref: "gdTranslation", attrs: { recordData: t.selectItem, transKey: t.getTransKey, name: "label", keyI18n: "transKey", type: 3 }, on: { lookupSeled: t.lookupSeled } }) : t.transKeyshow && t.selectItem.options.transKey ? a("gd-translation", { ref: "gdTranslation", attrs: { recordData: t.selectItem, transKey: t.getTransKey, name: "label", type: 2, keyI18n: "transKey" }, on: { lookupSeled: t.lookupSeled } }) : t._e()], 1) : t._e(), t.getTypeof("columnContextName") && t.selectItem.fieldContext && t.selectItem.fieldContext.length > 0 ? a("el-form-item", { attrs: { label: t.$i18nt("gd.page.bindValue", "\u7ED1\u5B9A\u503C") } }, [a("el-cascader", { attrs: { options: t.selectItem.fieldContext }, scopedSlots: t._u([{ key: "default", fn: function({ node: r, data: o }) {
     return [a("span", [t._v(t._s(t.$i18nt(`Dynamics.${o.transKey}`, o.columnComment)))])];
   } }], null, !1, 202416743), model: { value: t.options.columnContextName, callback: function(r) {
     t.$set(t.options, "columnContextName", r);
-  }, expression: "options.columnContextName" } })], 1) : t._e(), t.getTypeof("columnName") ? a("el-form-item", { attrs: { label: t.$i18nt("gd.page.boundField", "\u7ED1\u5B9A\u5B57\u6BB5") } }, [t.tableName && !t.disabled ? a("el-input", { attrs: { placeholder: t.$i18nt("gd.placeholder.input", "\u8BF7\u8F93\u5165"), disabled: t.options.disabledColumnName && t.disabled }, on: { change: t.changeColumnName }, model: { value: t.options.columnName, callback: function(r) {
+  }, expression: "options.columnContextName" } })], 1) : t._e(), t.getTypeof("foreignContextName") && t.selectItem.foreignContext && t.selectItem.foreignContext.length > 0 ? a("el-form-item", { attrs: { label: t.$i18nt("gd.page.associationBinding", "\u5173\u8054\u7ED1\u5B9A") } }, [a("el-select", { staticStyle: { width: "100%" }, attrs: { placeholder: t.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9") }, model: { value: t.options.foreignContextName, callback: function(r) {
+    t.$set(t.options, "foreignContextName", r);
+  }, expression: "options.foreignContextName" } }, [t._l(t.selectItem.foreignContext, function(r) {
+    return [a("el-option", { attrs: { label: r.label, value: r.value } })];
+  })], 2)], 1) : t._e(), t.getTypeof("columnName") ? a("el-form-item", { attrs: { label: t.$i18nt("gd.page.boundField", "\u7ED1\u5B9A\u5B57\u6BB5") } }, [t.tableName && !t.disabled ? a("el-input", { attrs: { placeholder: t.$i18nt("gd.placeholder.input", "\u8BF7\u8F93\u5165"), disabled: t.options.disabledColumnName && t.disabled }, on: { change: t.changeColumnName }, model: { value: t.options.columnName, callback: function(r) {
     t.$set(t.options, "columnName", r);
   }, expression: "options.columnName" } }, [a("i", { staticClass: "el-input__icon el-icon-search", staticStyle: { cursor: "pointer", "font-size": "16px" }, attrs: { slot: "suffix" }, on: { click: t.searchColumnName }, slot: "suffix" })]) : a("el-input", { attrs: { placeholder: t.$i18nt("gd.placeholder.input", "\u8BF7\u8F93\u5165"), disabled: t.options.disabledColumnName && t.disabled }, model: { value: t.options.columnName, callback: function(r) {
     t.$set(t.options, "columnName", r);
@@ -123943,7 +124268,7 @@ var _sfc_render$12 = function s() {
     return a("el-option", { key: r.code, attrs: { label: t.$i18nt(`Dynamics.${r.transkey}`, r.name), value: r.code } }, [a("span", [t._v(t._s(t.$i18nt(`Dynamics.${r.transkey}`, r.name)))])]);
   }) : [a("el-option", { attrs: { label: "\u9009\u98791", value: "\u9009\u98791" } }), a("el-option", { attrs: { label: "\u9009\u98792", value: "\u9009\u98792" } })]], 2) : t.selectItem.type === "timePicker" ? a("el-time-picker", { attrs: { "value-format": t.fieldFormat, format: t.fieldFormat, placeholder: t.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9") }, model: { value: t.options.defaultValue, callback: function(r) {
     t.$set(t.options, "defaultValue", r);
-  }, expression: "options.defaultValue" } }) : t.selectItem.type === "datePicker" ? a("el-date-picker", { attrs: { type: t.options.showTime ? "datetime" : "date", "value-format": t.fieldFormat, format: t.fieldFormat, placeholder: t.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9") }, model: { value: t.options.defaultValue, callback: function(r) {
+  }, expression: "options.defaultValue" } }) : t.selectItem.type === "datePicker" ? a("el-date-picker", { attrs: { type: t.options.showTime == !0 ? "datetime" : t.options.format == "4" ? "month" : "date", "value-format": t.fieldFormat, format: t.fieldFormat, placeholder: t.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9") }, model: { value: t.options.defaultValue, callback: function(r) {
     t.$set(t.options, "defaultValue", r);
   }, expression: "options.defaultValue" } }) : t.selectItem.type === "inputNumber" ? a("el-input-number", { staticStyle: { width: "100%" }, attrs: { "controls-position": "right", min: t.options.min || t.options.min === 0 ? t.options.min : -1 / 0, max: t.options.max || t.options.max === 0 ? t.options.max : 1 / 0, step: t.options.step, precision: t.options.precision, placeholder: t.$i18nt("gd.placeholder.input", "\u8BF7\u8F93\u5165") }, model: { value: t.options.defaultValue, callback: function(r) {
     t.$set(t.options, "defaultValue", r);
@@ -124057,7 +124382,7 @@ var _sfc_render$12 = function s() {
     t.$set(t.options, "autoplay", r);
   }, expression: "options.autoplay" } }) : t._e(), t.getTypeof("loop") ? a("pCheckbox", { attrs: { label: t.$i18nt("gd.page.loopDisplay", "\u5FAA\u73AF\u663E\u793A") }, model: { value: t.options.loop, callback: function(r) {
     t.$set(t.options, "loop", r);
-  }, expression: "options.loop" } }) : t._e()], 1) : t._e(), t.selectItem.type == "btnGroup" ? a("propertiesBtn", { key: t.selectItem.key, attrs: { selectItem: t.selectItem, outlineTreeData: t.outlineTreeData } }) : t._e(), t.selectItem.type == "banner" ? a("carouselMap", { attrs: { selectItem: t.selectItem } }) : t._e(), t.selectItem.type == "dataList" ? a("propertiesList", { attrs: { selectItem: t.selectItem } }) : t._e(), t.getTypeof("interac", "selectItem") ? a("propertiesInterac", { attrs: { selectItem: t.selectItem, outlineTreeData: t.outlineTreeData } }) : t._e(), a("propertiesCss", { attrs: { selectItem: t.selectItem } })], 2), a("iconSelector", { ref: "iconSelector", model: { value: t.options.icon, callback: function(r) {
+  }, expression: "options.loop" } }) : t._e()], 1) : t._e(), t.selectItem.type == "btnGroup" ? a("propertiesBtn", { key: t.selectItem.key, attrs: { selectItem: t.selectItem, data: t.data, outlineTreeData: t.outlineTreeData } }) : t._e(), t.selectItem.type == "banner" ? a("carouselMap", { attrs: { selectItem: t.selectItem } }) : t._e(), t.selectItem.type == "dataList" ? a("propertiesList", { attrs: { selectItem: t.selectItem } }) : t._e(), t.getTypeof("interac", "selectItem") ? a("propertiesInterac", { attrs: { selectItem: t.selectItem, outlineTreeData: t.outlineTreeData } }) : t._e(), a("propertiesCss", { attrs: { selectItem: t.selectItem } })], 2), a("iconSelector", { ref: "iconSelector", model: { value: t.options.icon, callback: function(r) {
     t.$set(t.options, "icon", r);
   }, expression: "options.icon" } })], 1)]], 2);
 }, _sfc_staticRenderFns$12 = [], __component__$12 = /* @__PURE__ */ normalizeComponent(
@@ -124066,7 +124391,7 @@ var _sfc_render$12 = function s() {
   _sfc_staticRenderFns$12,
   !1,
   null,
-  "e636678b",
+  "486d04a5",
   null,
   null
 );
@@ -127304,7 +127629,7 @@ var _sfc_render$Q = function s() {
   null,
   null
 );
-const tableDescriptions = __component__$Q.exports, main_vue_vue_type_style_index_0_scoped_92dcedf3_lang = "", _sfc_main$P = {
+const tableDescriptions = __component__$Q.exports, main_vue_vue_type_style_index_0_scoped_d3757a02_lang = "", _sfc_main$P = {
   mixins: [tablesFilter, mixins$i],
   props: {
     mode: {
@@ -127637,29 +127962,6 @@ const tableDescriptions = __component__$Q.exports, main_vue_vue_type_style_index
     },
     getDictionary(s) {
       return this.$options.filters.dictData(s);
-    },
-    getTransKey(s, t) {
-      let a = this.tableLists.filter((d) => d.id == this.record.id)[0], r = a == null ? "" : `_${a.tablename}`, o = `SFO_N${r}_${uuid$1(8)}`;
-      t == 1 && (o = `SFO_N${r}_field_${uuid$1(8)}`);
-      let l = [
-        {
-          val: s.columncomment,
-          code: "zh_CN"
-        },
-        {
-          val: s.columncomment,
-          code: "en_US"
-        },
-        {
-          val: s.columncomment,
-          code: "vi_VN"
-        },
-        {
-          val: s.columncomment,
-          code: "id_ID"
-        }
-      ];
-      return JSON.stringify({ name: o, langs: l });
     }
   }
 };
@@ -127766,7 +128068,7 @@ var _sfc_render$P = function s() {
   _sfc_staticRenderFns$P,
   !1,
   null,
-  "92dcedf3",
+  "d3757a02",
   null,
   null
 );
@@ -134905,7 +135207,7 @@ var _sfc_render$w = function s() {
   null,
   null
 );
-const pageAttribute = __component__$w.exports, main_vue_vue_type_style_index_0_scoped_3be7791b_lang = "", _sfc_main$v = {
+const pageAttribute = __component__$w.exports, main_vue_vue_type_style_index_0_scoped_5cdcb0a4_lang = "", _sfc_main$v = {
   props: {
     activeKey: {
       type: String,
@@ -135208,10 +135510,10 @@ const pageAttribute = __component__$w.exports, main_vue_vue_type_style_index_0_s
         t ? this.$message.error(this.$i18nt("gd.https.operateFail", "\u64CD\u4F5C\u5931\u8D25") + t.message) : (this.$refs.menuTree.updateTree(this.config, this.config.modeType), this.$message.success(this.$i18nt("gd.https.operateSucc", "\u64CD\u4F5C\u6210\u529F"))), this.doneFun(!1);
       });
     },
-    editMenus() {
+    async editMenus() {
       this.doneFun(!0);
-      const s = this.config.modeType === "directory" ? { ...this.config.options } : { ...this.dataConfig };
-      sysMenuEdit(
+      let s = this.config.modeType === "directory" ? { ...this.config.options } : { ...this.dataConfig };
+      this.config.modeType === "page" && (s = await this.foreignMenus(s)), sysMenuEdit(
         Object.assign(
           { ...this.config },
           {
@@ -135225,6 +135527,34 @@ const pageAttribute = __component__$w.exports, main_vue_vue_type_style_index_0_s
         t.success ? (this.$refs.menuTree.updateTree(this.config, this.config.modeType), this.$message.success(this.$i18nt("gd.https.operateSucc", "\u64CD\u4F5C\u6210\u529F"))) : this.$message.error(this.$i18nt("gd.https.operateFail", "\u64CD\u4F5C\u5931\u8D25") + t.message), this.doneFun(!1);
       });
     },
+    async foreignMenus(s) {
+      let t = [];
+      const a = (o) => (o = o.filter((l, d) => (l.type === "dataList" && t.push(l), l.columns ? l.columns.forEach((u) => {
+        a(u.list);
+      }) : l.list && a(l.list), !0)), o);
+      await a(s.list);
+      let r = [];
+      return t.forEach((o) => {
+        const l = o.options.foreignContextName ? o.options.foreignContextName.split(",") : [];
+        if (l.length > 0 && o.options.table.id && o.options.view.id) {
+          const d = `${l[0]}${l[1]}`;
+          r.push({
+            key: l[2],
+            fkName: d.replace(/_|-/g, "").toLowerCase(),
+            refKeyName: l[0],
+            pageSize: o.options.pageSize,
+            tableId: o.options.table.id,
+            viewId: o.options.view.id,
+            pageSizeMode: o.options.pageSizeMode
+          });
+        }
+      }), r.length > 0 && t.forEach((o, l) => {
+        const d = r.filter((u) => u.key === o.key);
+        t[l].options = Object.assign(o.options, {
+          foreignBind: d
+        });
+      }), s;
+    },
     sysAppEditData() {
       const s = { ...this.config.options }, t = Object.assign(
         { ...this.config },
@@ -135262,7 +135592,7 @@ var _sfc_render$v = function s() {
   _sfc_staticRenderFns$v,
   !1,
   null,
-  "3be7791b",
+  "5cdcb0a4",
   null,
   null
 );
@@ -135476,7 +135806,7 @@ var _sfc_render$s = function s() {
   null,
   null
 );
-const BuildItem = __component__$s.exports, layoutBlocks_vue_vue_type_style_index_0_scoped_ad49c1b9_lang = "", _sfc_main$r = {
+const BuildItem = __component__$s.exports, layoutBlocks_vue_vue_type_style_index_0_scoped_b22d8784_lang = "", _sfc_main$r = {
   name: "LayoutBlocks",
   props: {
     record: {
@@ -135567,7 +135897,7 @@ var _sfc_render$r = function s() {
   return t.record.type === "tabs" ? a("el-tabs", { staticClass: "grid-row", attrs: { type: t.options.type === "none" ? void 0 : t.options.type, "tab-position": t.options.tabPosition, "before-leave": t.tabClick }, model: { value: t.activeKey, callback: function(r) {
     t.activeKey = r;
   }, expression: "activeKey" } }, [t._l(t.record.columns, function(r, o) {
-    return [r.hidden === void 0 || !r.hidden ? a("el-tab-pane", { key: r.key, attrs: { label: t.$i18nt(`${r.transKey}`, r.label), name: r.key } }, [t._l(r.list, function(l) {
+    return [r.hidden === void 0 || !r.hidden ? a("el-tab-pane", { key: r.key, attrs: { label: t.$i18nt(`Dynamics.${r.transKey}`, r.label), name: r.key } }, [t._l(r.list, function(l) {
       return [a("LayoutBlocks", { attrs: { height: t.height, record: l, isForm: t.isForm, model: t.model, tableData: t.tableData, forceRender: t.getForceRender(r, o), itemData: t.itemData }, on: { lookup: t.lookup, change: t.handleChange } })];
     })], 2) : t._e()];
   })], 2) : t.record.type === "grid" ? a("el-row", { staticClass: "grid-row", attrs: { gutter: t.options.gutter ? t.options.gutter : 0 } }, [t._l(t.record.columns, function(r, o) {
@@ -135587,16 +135917,16 @@ var _sfc_render$r = function s() {
   } } }, [t._l(t.record.list, function(r) {
     return [a("LayoutBlocks", { attrs: { height: t.height, record: r, isForm: t.isForm, model: t.model, tableData: t.tableData, forceRender: t.forceRender, itemData: t.itemData }, on: { lookup: t.lookup, change: t.handleChange } })];
   })], 2) : t.record.type === "containerPanel" ? a("ContainerPanel", { staticClass: "grid-row", attrs: { record: t.record, develop: 2, height: t.height }, scopedSlots: t._u([{ key: "containerItem", fn: function({ containerStyle: r }) {
-    return [a("div", { style: r }, [t._l(t.record.list, function(o) {
+    return [a("div", { staticClass: "gd-container-panel-container", style: r }, [t._l(t.record.list, function(o) {
       return [a("LayoutBlocks", { attrs: { height: t.height, record: o, isForm: t.isForm, model: t.model, tableData: t.tableData, forceRender: t.forceRender, itemData: t.itemData }, on: { lookup: t.lookup, change: t.handleChange } })];
     })], 2)];
   } }]) }) : t.record.type === "flexLayout" ? a("FlexLayout", { staticClass: "grid-row", attrs: { record: t.record, develop: 2, height: t.height }, scopedSlots: t._u([{ key: "flexItem", fn: function({ flexStyle: r }) {
     return [a("div", { style: r }, [t._l(t.record.list, function(o) {
       return [a("LayoutBlocks", { attrs: { height: t.height, record: o, isForm: t.isForm, model: t.model, tableData: t.tableData, forceRender: t.forceRender, itemData: t.itemData }, on: { lookup: t.lookup, change: t.handleChange } })];
     })], 2)];
-  } }]) }) : t.record.type === "dataList" ? a("DataList", { staticClass: "grid-row", attrs: { record: t.record, develop: 2, height: t.height }, scopedSlots: t._u([{ key: "listItem", fn: function({ index: r, row: o }) {
+  } }]) }) : t.record.type === "dataList" ? a("DataList", { staticClass: "grid-row", attrs: { record: t.record, develop: 2, height: t.height, itemData: t.itemData }, scopedSlots: t._u([{ key: "listItem", fn: function({ index: r, row: o }) {
     return [t._l(t.record.list, function(l) {
-      return [a("LayoutBlocks", { attrs: { height: t.height, record: l, isForm: t.isForm, model: t.model, tableData: t.tableData, forceRender: t.forceRender, itemData: o }, on: { lookup: t.lookup, change: t.handleChange } })];
+      return [a("LayoutBlocks", { key: `${l.key}_${r}`, attrs: { height: t.height, record: l, isForm: t.isForm, model: t.model, tableData: t.tableData, forceRender: t.forceRender, itemData: o }, on: { lookup: t.lookup, change: t.handleChange } })];
     })];
   } }]) }) : t.record.type === "dialog" || t.record.type === "drawer" ? a("div") : a("BuildItem", { style: t.styled, attrs: { height: t.height, record: t.record, isForm: t.isForm, model: t.model, tableData: t.tableData, forceRender: t.forceRender, itemData: t.itemData }, on: { lookup: t.lookup, change: t.handleChange } });
 }, _sfc_staticRenderFns$r = [], __component__$r = /* @__PURE__ */ normalizeComponent(
@@ -135605,7 +135935,7 @@ var _sfc_render$r = function s() {
   _sfc_staticRenderFns$r,
   !1,
   null,
-  "ad49c1b9",
+  "b22d8784",
   null,
   null
 );
@@ -135668,7 +135998,7 @@ var _sfc_render$q = function s() {
   null,
   null
 );
-const BuildBlocks = __component__$q.exports, main_vue_vue_type_style_index_0_scoped_0c42d760_lang = "", _sfc_main$p = {
+const BuildBlocks = __component__$q.exports, main_vue_vue_type_style_index_0_scoped_f1b2ac51_lang = "", _sfc_main$p = {
   name: "GdPageBuild",
   data() {
     return {
@@ -135699,9 +136029,46 @@ const BuildBlocks = __component__$q.exports, main_vue_vue_type_style_index_0_sco
   },
   components: { BuildBlocks },
   methods: {
-    doEvent(s) {
+    baseFilePreview(s) {
+      let t = [];
+      if (isJson(s.data) && (t = JSON.parse(s.data)), t.length === 0) {
+        this.$message.warning(this.$i18nt("gd.https.fileNotFoundTip", "\u672A\u627E\u5230\u6307\u5B9A\u6587\u4EF6"));
+        return;
+      }
+      const a = t[0];
+      let r = { name: a.fileoriginname, fileId: a.id };
+      this.$refs.filePreview.open(r);
+    },
+    doEventDataList(s, t) {
+      const a = t.executeEvent ? t.executeEvent : [];
+      if (a.length === 0)
+        return;
+      if (a.length === 1 && a[0].executeEvent) {
+        a[0].executeEvent(s);
+        return;
+      }
+      const r = a.filter((o) => o.id === s.id)[0];
+      r && r.executeEvent && r.executeEvent(s);
+    },
+    doEvent(s, t = "execute") {
+      if (t === "execute") {
+        this.doEventSys(s);
+        return;
+      }
+      const a = this.allElements.filter((r) => r.key === s.key)[0];
+      if (a && a.type === "dataList") {
+        this.doEventDataList(s, a);
+        return;
+      }
+      a && a.executeEvent && a.executeEvent(s);
+    },
+    doEventSys(s) {
+      if (s.key === "GdFilePreview") {
+        this.baseFilePreview(s);
+        return;
+      }
       const t = this.allElements.filter((a) => a.key === s.key)[0];
-      t && t.executeEvent && t.executeEvent(s), console.log(s, t);
+      t && t.executeEvent && t.executeEvent(s);
     },
     eventsCall(s) {
       if (s.functionName === void 0 || s.key === void 0 || s.key === "" || s.key === null)
@@ -135717,7 +136084,7 @@ const BuildBlocks = __component__$q.exports, main_vue_vue_type_style_index_0_sco
     },
     baseLoadElements() {
       let s = [];
-      const t = (a) => (a = a.filter((r, o) => (r.done === void 0 && (r.done = this, r.hasLoad = this.hasLoad, r.hideLoad = this.hideLoad, r.eventsCall = this.eventsCall, r.doEvent = this.doEvent), r.type === "table" && (r.config = Object.assign(
+      const t = (a) => (a = a.filter((r, o) => (r.done === void 0 && (r.done = this, r.hasLoad = this.hasLoad, r.hideLoad = this.hideLoad, r.eventsCall = this.eventsCall, r.doEvent = this.doEvent, r.doEventSys = this.doEventSys), r.type === "table" && (r.config = Object.assign(
         { ...this.record },
         {
           pageContent: []
@@ -135733,7 +136100,7 @@ const BuildBlocks = __component__$q.exports, main_vue_vue_type_style_index_0_sco
           this.getHeight().then(() => {
             this.show = !0, this.timeOut = setTimeout(() => {
               this.loading = !1;
-            }, 100);
+            }, 300);
           });
         });
       });
@@ -135752,14 +136119,14 @@ const BuildBlocks = __component__$q.exports, main_vue_vue_type_style_index_0_sco
 };
 var _sfc_render$p = function s() {
   var t = this, a = t._self._c;
-  return a("div", { directives: [{ name: "loading", rawName: "v-loading", value: t.loading, expression: "loading" }], staticClass: "gd-page-bulid", style: t.style }, [t.loading ? a("div", { staticClass: "bulid-loading" }, [a("gd-view-loading", { attrs: { height: t.height } })], 1) : t._e(), t.show ? a("BuildBlocks", { attrs: { record: t.record, height: t.height } }) : t._e()], 1);
+  return a("div", { directives: [{ name: "loading", rawName: "v-loading", value: t.loading, expression: "loading" }], staticClass: "gd-page-bulid", style: t.style }, [t.loading ? a("div", { staticClass: "bulid-loading" }, [a("gd-view-loading", { attrs: { height: t.height } })], 1) : t._e(), t.show ? a("BuildBlocks", { attrs: { record: t.record, height: t.height } }) : t._e(), a("gd-file-preview", { ref: "filePreview", attrs: { options: {}, hasFullscreen: !0 } })], 1);
 }, _sfc_staticRenderFns$p = [], __component__$p = /* @__PURE__ */ normalizeComponent(
   _sfc_main$p,
   _sfc_render$p,
   _sfc_staticRenderFns$p,
   !1,
   null,
-  "0c42d760",
+  "f1b2ac51",
   null,
   null
 );
@@ -137131,7 +137498,7 @@ var _sfc_render$n = function s() {
   null,
   null
 );
-const ProcessFlow = __component__$n.exports, main_vue_vue_type_style_index_0_scoped_885f5ae4_lang = "", _sfc_main$m = {
+const ProcessFlow = __component__$n.exports, main_vue_vue_type_style_index_0_scoped_3f678498_lang = "", _sfc_main$m = {
   name: "GdFormBuild",
   props: {
     modeType: {
@@ -137296,7 +137663,9 @@ const ProcessFlow = __component__$n.exports, main_vue_vue_type_style_index_0_sco
       return this.confirmLoading = !0, new Promise((t, a) => {
         this.getFormAllData().then((r) => {
           [...r.fkList];
-          let o = this.recordRelation.foreign === void 0 ? "" : this.recordRelation.foreign.fkValue, l = !1, d = !1;
+          let o = this.recordRelation.foreign === void 0 ? "" : this.recordRelation.foreign.fkValue;
+          console.log(o, this.recordRelation.foreign, this.recordRelation);
+          let l = !1, d = !1;
           if (this.recordRelation.options && (l = this.recordRelation.options.saved === void 0 ? !1 : this.recordRelation.options.saved, d = this.recordRelation.options.refreshHost === void 0 ? !1 : this.recordRelation.options.refreshHost), this.isRelevance) {
             this.$emit("relationOk", { data: r, fkDataList: this.allField });
             return;
@@ -138214,7 +138583,7 @@ var _sfc_render$m = function s() {
   _sfc_staticRenderFns$m,
   !1,
   null,
-  "885f5ae4",
+  "3f678498",
   null,
   null
 );
@@ -144792,7 +145161,7 @@ const GDpackage = __component__$2.exports;
 GDpackage.install = function(s) {
   s.component(GDpackage.name, GDpackage);
 };
-const seach_vue_vue_type_style_index_0_scoped_8e012e3f_lang = "", columns = [
+const seach_vue_vue_type_style_index_0_scoped_0c55c5fc_lang = "", columns = [
   {
     title: "value",
     dataIndex: "defaulttext",
@@ -144828,7 +145197,16 @@ const seach_vue_vue_type_style_index_0_scoped_8e012e3f_lang = "", columns = [
   }
 ], _sfc_main$1 = {
   name: "GdTranslation",
-  props: {},
+  props: {
+    modalAppendToBody: {
+      type: Boolean,
+      default: !0
+    },
+    appendToBody: {
+      type: Boolean,
+      default: !0
+    }
+  },
   data() {
     return {
       labelCol: {
@@ -144974,7 +145352,7 @@ var _sfc_render$1 = function s() {
     return a("span", {}, [t.dictSwitch(r, "translation_type") ? a("el-tag", { attrs: { color: t.dictSwitch(r, "translation_type") } }, [t._v(" " + t._s(t._f("dictType")("translation_type", r)) + " ")]) : a("span", [t._v(t._s(t._f("dictType")("translation_type", r)))])], 1);
   } }, { key: "stateCodes", fn: function(r, o) {
     return a("span", {}, [t.dictSwitch(r, "state_code") ? a("el-tag", { attrs: { color: t.dictSwitch(r, "state_code") } }, [t._v(" " + t._s(t._f("dictType")("state_code", r)) + " ")]) : a("span", [t._v(t._s(t._f("dictType")("state_code", r)))])], 1);
-  } }], null, !1, 592479941) }) : t._e()], 1)])], 1), a("editForm", { ref: "editForm", on: { ok: t.handleOk, err: t.handleErr, closed: function(r) {
+  } }], null, !1, 592479941) }) : t._e()], 1)])], 1), a("editForm", { ref: "editForm", attrs: { modalAppendToBody: t.modalAppendToBody, appendToBody: t.appendToBody }, on: { ok: t.handleOk, err: t.handleErr, closed: function(r) {
     return t.$emit("closed");
   } } })], 1);
 }, _sfc_staticRenderFns$1 = [], __component__$1 = /* @__PURE__ */ normalizeComponent(
@@ -144983,11 +145361,11 @@ var _sfc_render$1 = function s() {
   _sfc_staticRenderFns$1,
   !1,
   null,
-  "8e012e3f",
+  "0c55c5fc",
   null,
   null
 );
-const seach = __component__$1.exports, main_vue_vue_type_style_index_0_scoped_58c3dc46_lang = "", _sfc_main = {
+const seach = __component__$1.exports, main_vue_vue_type_style_index_0_scoped_cfffc4c8_lang = "", _sfc_main = {
   name: "GdTranslation",
   props: {
     prefix: {
@@ -145022,6 +145400,14 @@ const seach = __component__$1.exports, main_vue_vue_type_style_index_0_scoped_58
     operational: {
       type: Boolean,
       default: !0
+    },
+    modalAppendToBody: {
+      type: Boolean,
+      default: !0
+    },
+    appendToBody: {
+      type: Boolean,
+      default: !0
     }
   },
   data() {
@@ -145124,14 +145510,14 @@ var _sfc_render = function s() {
     return a("div", { key: o, staticStyle: { color: "#fff" } }, [t._v(" " + t._s(r.name) + ": "), a("span", { style: t.style }, [t._v(t._s(r.val))])]);
   }), 0), a("el-button", { staticClass: "title-more line1", attrs: { disabled: "" } }, [t._v(t._s(t.getTransName))])], 1)], 1) : a("el-input", { style: t.stylei, attrs: { disabled: "", placeholder: t.$i18nt("gd.placeholder.select", "\u8BF7\u9009\u62E9"), size: "small" }, model: { value: t.recordData[t.name], callback: function(r) {
     t.$set(t.recordData, t.name, r);
-  }, expression: "recordData[name]" } }), t.operational ? a("div", { staticClass: "cao_setting", on: { click: t.open } }, [t.type == 3 ? a("i", { staticClass: "el-icon-plus" }) : a("i", { staticClass: "el-icon-search" })]) : t._e(), t.visible ? a("seach", { ref: "seach", on: { lookupSeled: t.lookupSeled, closed: t.closed } }) : t._e()], 1);
+  }, expression: "recordData[name]" } }), t.operational ? a("div", { staticClass: "cao_setting", on: { click: t.open } }, [t.type == 3 ? a("i", { staticClass: "el-icon-plus" }) : a("i", { staticClass: "el-icon-search" })]) : t._e(), t.visible ? a("seach", { ref: "seach", attrs: { modalAppendToBody: t.modalAppendToBody, appendToBody: t.appendToBody }, on: { lookupSeled: t.lookupSeled, closed: t.closed } }) : t._e()], 1);
 }, _sfc_staticRenderFns = [], __component__ = /* @__PURE__ */ normalizeComponent(
   _sfc_main,
   _sfc_render,
   _sfc_staticRenderFns,
   !1,
   null,
-  "58c3dc46",
+  "cfffc4c8",
   null,
   null
 );