@fecp/designer 5.4.27 → 5.4.30

package/es/packages/vue/src/directive/layout.mjs

@@ -0,0 +1,28 @@
+const layout = {
+  mounted(el, binding, vnode, prevVnode) {
+    if (el.parentElement.className.indexOf("h-main") != -1) {
+      document.querySelector(".h-main").setAttribute(
+        "style",
+        "background-color:transparent;padding:0px;border:0px;"
+      );
+    }
+    if (el.parentElement.className.indexOf("root-main") != -1) {
+      document.querySelector(".root-main").setAttribute(
+        "style",
+        "background-color:transparent;padding:0px;border:0px;"
+      );
+    }
+    if (el.parentElement.parentElement.className.indexOf("el-dialog__body") != -1) {
+      el.parentElement.parentElement.setAttribute(
+        "style",
+        "background-color:#F7F7F7;"
+      );
+    }
+  }
+};
+layout.install = function(Vue) {
+  Vue.directive("fec-layout", layout);
+};
+export {
+  layout as default
+};

package/es/packages/vue/src/utils/datasource.mjs

@@ -182,7 +182,7 @@ class DataSourceManager {
           const responseMessage = response.message;
           if (this.pagination) {
             this.data.list = (responseData == null ? void 0 : responseData.records) || responseData;
-            this.data.total = (responseData == null ? void 0 : responseData.total) || responseData.length;
+            this.data.total = (responseData == null ? void 0 : responseData.total) || (responseData == null ? void 0 : responseData.length);
           } else {
             this.data = responseData;
           }
@@ -200,7 +200,7 @@ class DataSourceManager {
         const responseData = response;
         if (this.pagination) {
           this.data.list = (responseData == null ? void 0 : responseData.records) || responseData;
-          this.data.total = (responseData == null ? void 0 : responseData.total) || responseData.length;
+          this.data.total = (responseData == null ? void 0 : responseData.total) || (responseData == null ? void 0 : responseData.length);
         } else {
           this.data = responseData;
         }

package/lib/designer/package.json.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const version = "5.4.27";
+const version = "5.4.30";
 const packageJson = {
   version
 };

package/lib/designer.css

@@ -5904,27 +5904,27 @@ body,
   width: 80px;
   font-size: var(--el-font-size-extra-small);
 }
-.fec-form[data-v-5d68b9c4] {
+.fec-form[data-v-4eb26904] {
   height: 100%;
 }
-[data-v-5d68b9c4] .vgl-item {
+[data-v-4eb26904] .vgl-item {
   transition: none;
 }
-[data-v-5d68b9c4] .vgl-item > .el-form-item {
+[data-v-4eb26904] .vgl-item > .el-form-item {
   width: 100%;
   padding: 12px 8px 0 8px;
   height: calc(100% - 15px);
   display: flex;
 }
-[data-v-5d68b9c4] .vgl-item > .el-form-item.el-form-item--label-top {
+[data-v-4eb26904] .vgl-item > .el-form-item.el-form-item--label-top {
   flex-direction: column;
 }
-[data-v-5d68b9c4] .vgl-item > .el-form-item .el-form-item__label {
+[data-v-4eb26904] .vgl-item > .el-form-item .el-form-item__label {
   line-height: 20px;
   display: flex;
   align-items: center;
 }
-[data-v-5d68b9c4] .vgl-item > .el-container {
+[data-v-4eb26904] .vgl-item > .el-container {
   height: auto !important;
 }.cell-content .cell-text[data-v-3e5372d4] {
   display: inline-block;
@@ -6253,7 +6253,86 @@ body,
 .fec-table-container[data-v-45cdf333] .vxe-table .vxe-body--column .c--title {
   height: 40px !important;
   min-height: 40px !important;
-}:root,:host{--van-cell-font-size: var(--van-font-size-md);--van-cell-line-height: 24px;--van-cell-vertical-padding: 10px;--van-cell-horizontal-padding: var(--van-padding-md);--van-cell-text-color: var(--van-text-color);--van-cell-background: var(--van-background-2);--van-cell-border-color: var(--van-border-color);--van-cell-active-color: var(--van-active-color);--van-cell-required-color: var(--van-danger-color);--van-cell-label-color: var(--van-text-color-2);--van-cell-label-font-size: var(--van-font-size-sm);--van-cell-label-line-height: var(--van-line-height-sm);--van-cell-label-margin-top: var(--van-padding-base);--van-cell-value-color: var(--van-text-color-2);--van-cell-value-font-size: inherit;--van-cell-icon-size: 16px;--van-cell-right-icon-color: var(--van-gray-6);--van-cell-large-vertical-padding: var(--van-padding-sm);--van-cell-large-title-font-size: var(--van-font-size-lg);--van-cell-large-label-font-size: var(--van-font-size-md);--van-cell-large-value-font-size: inherit}.van-cell{position:relative;display:flex;box-sizing:border-box;width:100%;padding:var(--van-cell-vertical-padding) var(--van-cell-horizontal-padding);overflow:hidden;color:var(--van-cell-text-color);font-size:var(--van-cell-font-size);line-height:var(--van-cell-line-height);background:var(--van-cell-background)}.van-cell:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);border-bottom:1px solid var(--van-cell-border-color);transform:scaleY(.5)}.van-cell:last-child:after,.van-cell--borderless:after{display:none}.van-cell__label{margin-top:var(--van-cell-label-margin-top);color:var(--van-cell-label-color);font-size:var(--van-cell-label-font-size);line-height:var(--van-cell-label-line-height)}.van-cell__title,.van-cell__value{flex:1}.van-cell__value{position:relative;overflow:hidden;color:var(--van-cell-value-color);font-size:var(--van-cell-value-font-size);text-align:right;vertical-align:middle;word-wrap:break-word}.van-cell__left-icon,.van-cell__right-icon{height:var(--van-cell-line-height);font-size:var(--van-cell-icon-size);line-height:var(--van-cell-line-height)}.van-cell__left-icon{margin-right:var(--van-padding-base)}.van-cell__right-icon{margin-left:var(--van-padding-base);color:var(--van-cell-right-icon-color)}.van-cell--clickable{cursor:pointer}.van-cell--clickable:active{background-color:var(--van-cell-active-color)}.van-cell--required{overflow:visible}.van-cell--required:before{position:absolute;left:var(--van-padding-xs);color:var(--van-cell-required-color);font-size:var(--van-cell-font-size);content:"*"}.van-cell--center{align-items:center}.van-cell--large{padding-top:var(--van-cell-large-vertical-padding);padding-bottom:var(--van-cell-large-vertical-padding)}.van-cell--large .van-cell__title{font-size:var(--van-cell-large-title-font-size)}.van-cell--large .van-cell__label{font-size:var(--van-cell-large-label-font-size)}.van-cell--large .van-cell__value{font-size:var(--van-cell-large-value-font-size)}
+}
+.custom-dialog {
+  min-height: 50% !important;
+  height: auto;
+  max-height: 90% !important;
+  padding: 0 !important;
+}
+.fec-layout-row[data-v-bb40b3aa] {
+  width: 100%;
+  height: 100%;
+}
+.fec-layout-row[data-v-bb40b3aa] .el-col {
+  height: 100%;
+}
+.fec-layout-row[data-v-bb40b3aa] .el-col .el-scrollbar__bar {
+  display: none;
+}
+.grid-content[data-v-bb40b3aa] {
+  border-radius: 9px 9px 4px 4px;
+  background-color: #fff;
+  position: relative;
+  height: 100%;
+  /* padding: 16px; */
+  overflow: hidden;
+  /* .layout-content {
+      padding: 16px 16px 16px 16px;
+    } */
+}
+.grid-content-statistics[data-v-bb40b3aa] {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  /* .card-content {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+  } */
+}
+.grid-content-statistics[data-v-bb40b3aa] .fec-layout-card:last-child {
+  margin-bottom: 0 !important;
+  flex: 1;
+}
+.fec-layout-card[data-v-3ce25014] {
+  margin-bottom: 8px;
+  border-radius: 4px;
+  background-color: #fff;
+  padding: 16px;
+  display: flex;
+  flex-direction: column;
+}
+.fec-layout-card .header[data-v-3ce25014] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.fec-layout-card .header .title[data-v-3ce25014] {
+  display: flex;
+  align-items: center;
+}
+.fec-layout-card .header .title .icon[data-v-3ce25014] {
+  color: #fff;
+  width: 30px;
+  height: 30px;
+  display: block;
+  border-radius: 4px;
+  text-align: center;
+  line-height: 30px;
+  font-size: 20px;
+  margin-right: 12px;
+}
+.fec-layout-card .header .title > span[data-v-3ce25014] {
+  font-size: 17px;
+  font-weight: bold;
+  color: #1a1a1a;
+}
+.fec-layout-card .content[data-v-3ce25014] {
+  flex-grow: 1;
+  padding-top: 12px;
+}
+:root,:host{--van-cell-font-size: var(--van-font-size-md);--van-cell-line-height: 24px;--van-cell-vertical-padding: 10px;--van-cell-horizontal-padding: var(--van-padding-md);--van-cell-text-color: var(--van-text-color);--van-cell-background: var(--van-background-2);--van-cell-border-color: var(--van-border-color);--van-cell-active-color: var(--van-active-color);--van-cell-required-color: var(--van-danger-color);--van-cell-label-color: var(--van-text-color-2);--van-cell-label-font-size: var(--van-font-size-sm);--van-cell-label-line-height: var(--van-line-height-sm);--van-cell-label-margin-top: var(--van-padding-base);--van-cell-value-color: var(--van-text-color-2);--van-cell-value-font-size: inherit;--van-cell-icon-size: 16px;--van-cell-right-icon-color: var(--van-gray-6);--van-cell-large-vertical-padding: var(--van-padding-sm);--van-cell-large-title-font-size: var(--van-font-size-lg);--van-cell-large-label-font-size: var(--van-font-size-md);--van-cell-large-value-font-size: inherit}.van-cell{position:relative;display:flex;box-sizing:border-box;width:100%;padding:var(--van-cell-vertical-padding) var(--van-cell-horizontal-padding);overflow:hidden;color:var(--van-cell-text-color);font-size:var(--van-cell-font-size);line-height:var(--van-cell-line-height);background:var(--van-cell-background)}.van-cell:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);border-bottom:1px solid var(--van-cell-border-color);transform:scaleY(.5)}.van-cell:last-child:after,.van-cell--borderless:after{display:none}.van-cell__label{margin-top:var(--van-cell-label-margin-top);color:var(--van-cell-label-color);font-size:var(--van-cell-label-font-size);line-height:var(--van-cell-label-line-height)}.van-cell__title,.van-cell__value{flex:1}.van-cell__value{position:relative;overflow:hidden;color:var(--van-cell-value-color);font-size:var(--van-cell-value-font-size);text-align:right;vertical-align:middle;word-wrap:break-word}.van-cell__left-icon,.van-cell__right-icon{height:var(--van-cell-line-height);font-size:var(--van-cell-icon-size);line-height:var(--van-cell-line-height)}.van-cell__left-icon{margin-right:var(--van-padding-base)}.van-cell__right-icon{margin-left:var(--van-padding-base);color:var(--van-cell-right-icon-color)}.van-cell--clickable{cursor:pointer}.van-cell--clickable:active{background-color:var(--van-cell-active-color)}.van-cell--required{overflow:visible}.van-cell--required:before{position:absolute;left:var(--van-padding-xs);color:var(--van-cell-required-color);font-size:var(--van-cell-font-size);content:"*"}.van-cell--center{align-items:center}.van-cell--large{padding-top:var(--van-cell-large-vertical-padding);padding-bottom:var(--van-cell-large-vertical-padding)}.van-cell--large .van-cell__title{font-size:var(--van-cell-large-title-font-size)}.van-cell--large .van-cell__label{font-size:var(--van-cell-large-label-font-size)}.van-cell--large .van-cell__value{font-size:var(--van-cell-large-value-font-size)}
 :root,:host{--van-cell-group-background: var(--van-background-2);--van-cell-group-title-color: var(--van-text-color-2);--van-cell-group-title-padding: var(--van-padding-md) var(--van-padding-md);--van-cell-group-title-font-size: var(--van-font-size-md);--van-cell-group-title-line-height: 16px;--van-cell-group-inset-padding: 0 var(--van-padding-md);--van-cell-group-inset-radius: var(--van-radius-lg);--van-cell-group-inset-title-padding: var(--van-padding-md) var(--van-padding-md)}.van-cell-group{background:var(--van-cell-group-background)}.van-cell-group--inset{margin:var(--van-cell-group-inset-padding);border-radius:var(--van-cell-group-inset-radius);overflow:hidden}.van-cell-group__title{padding:var(--van-cell-group-title-padding);color:var(--van-cell-group-title-color);font-size:var(--van-cell-group-title-font-size);line-height:var(--van-cell-group-title-line-height)}.van-cell-group__title--inset{padding:var(--van-cell-group-inset-title-padding)}
 .van-swipe-cell{position:relative;overflow:hidden;cursor:-webkit-grab;cursor:grab}.van-swipe-cell__wrapper{transition-timing-function:cubic-bezier(.18,.89,.32,1);transition-property:transform}.van-swipe-cell__left,.van-swipe-cell__right{position:absolute;top:0;height:100%}.van-swipe-cell__left{left:0;transform:translate3d(-100%,0,0)}.van-swipe-cell__right{right:0;transform:translate3d(100%,0,0)}
 

package/lib/packages/vue/index.js

@@ -1,26 +1,28 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const all = require("./src/components/all.js");
-const index$r = require("../mobile/index.js");
+const index$u = require("../mobile/index.js");
 const zhCn = require("../../node_modules/element-plus/es/locale/lang/zh-cn.js");
-const index$s = require("../../node_modules/element-plus/es/index.js");
+const index$v = require("../../node_modules/element-plus/es/index.js");
 const components = require("../../node_modules/vxe-pc-ui/es/components.js");
 ;/* empty css                                         */
 ;/* empty css                      */
+const layout = require("./src/directive/layout.js");
 const fecVue = {
   install: (app) => {
     for (let c in all) {
       app.use(all[c]);
     }
-    for (let c in index$r) {
+    for (let c in index$u) {
       if (c.startsWith("Mobile")) {
-        app.use(index$r[c]);
+        app.use(index$u[c]);
       }
     }
-    app.use(index$s.default, {
+    app.use(index$v.default, {
       locale: zhCn.default
     });
     app.use(components);
+    app.use(layout.default);
   }
 };
 exports.default = fecVue;

package/lib/packages/vue/src/components/all.js

@@ -27,6 +27,9 @@ const index$n = require("./bus/document/index.js");
 const index$o = require("./details/header/index.js");
 const index$p = require("./details/footer/index.js");
 const index$q = require("./details/main/index.js");
+const index$r = require("./dialog/customDialog/index.js");
+const index$s = require("./layout/index.js");
+const index$t = require("./layout/layoutCard/index.js");
 exports.Table = index.Table;
 exports.Form = index$1.Form;
 exports.Text = index$2.Text;
@@ -54,3 +57,6 @@ exports.Document = index$n.Document;
 exports.header = index$o.header;
 exports.footer = index$p.footer;
 exports.main = index$q.main;
+exports.customDialog = index$r.customDialog;
+exports.Layout = index$s.Layout;
+exports.LayoutCard = index$t.LayoutCard;

package/lib/packages/vue/src/components/dialog/customDialog/CustomDialog.vue.js

@@ -0,0 +1,172 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+require("../../../../../../node_modules/element-plus/es/index.js");
+;/* empty css                                                                */
+;/* empty css                                                                      */
+;/* empty css                                                                     */
+;/* empty css                                                                     */
+const vue = require("vue");
+;/* empty css                   */
+const index = require("../../../../../../node_modules/element-plus/es/components/dialog/index.js");
+const index$1 = require("../../../../../../node_modules/element-plus/es/components/button/index.js");
+const _sfc_main = {
+  __name: "CustomDialog",
+  props: {
+    modelValue: {
+      type: Boolean,
+      default: false
+    },
+    initOption: {
+      type: Object,
+      default: {
+        width: ""
+      }
+    },
+    width: {
+      type: String,
+      default: ""
+    },
+    height: {
+      type: String,
+      default: "auto"
+    },
+    //max,default,min
+    size: {
+      type: String,
+      default: "default"
+    },
+    class: {
+      type: String,
+      default: ""
+    },
+    title: {
+      type: String,
+      default: "标题"
+    },
+    submitButtonText: {
+      type: String,
+      default: "确定"
+    },
+    cancelButtonText: {
+      type: String,
+      default: "取消"
+    },
+    query: {
+      type: Boolean,
+      default: false
+    },
+    appendToBody: {
+      type: Boolean,
+      default: false
+    },
+    hiddenFooter: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["submit", "onClose", "update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const slotFooter = !!vue.useSlots().footer;
+    const dialogWidth = vue.computed(() => {
+      let w = props.initOption.width || props.width;
+      if (w) {
+        return w;
+      } else {
+        if (props.size == "default") {
+          return "65%";
+        } else if (props.size == "max") {
+          return "80%";
+        } else if (props.size == "min") {
+          return "50%";
+        }
+      }
+    });
+    const dialogVisible = vue.ref(false);
+    const emit = __emit;
+    const onClose = () => {
+      emit("onClose");
+      emit("update:modelValue", false);
+    };
+    vue.ref();
+    function submit() {
+      emit("submit");
+    }
+    const isFullscreen = vue.ref(false);
+    function changeFullscreen() {
+      isFullscreen.value = !isFullscreen.value;
+    }
+    vue.watch(
+      () => props.modelValue,
+      (visible) => {
+        if (visible) {
+          isFullscreen.value = false;
+        }
+        dialogVisible.value = visible;
+      },
+      {
+        immediate: true
+      }
+    );
+    return (_ctx, _cache) => {
+      const _component_el_button = index$1.ElButton;
+      const _component_el_dialog = index.ElDialog;
+      return vue.openBlock(), vue.createBlock(_component_el_dialog, {
+        modelValue: vue.unref(dialogVisible),
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(dialogVisible) ? dialogVisible.value = $event : null),
+        title: props.title,
+        onClose,
+        "destroy-on-close": "",
+        draggable: "",
+        "append-to-body": props.appendToBody,
+        "close-on-click-modal": false,
+        "close-on-press-escape": false,
+        width: vue.unref(dialogWidth),
+        class: vue.normalizeClass(props.class + " custom-dialog"),
+        style: vue.normalizeStyle("height:" + __props.height),
+        fullscreen: vue.unref(isFullscreen)
+      }, vue.createSlots({
+        header: vue.withCtx(() => [
+          vue.createElementVNode("span", null, vue.toDisplayString(props.title), 1),
+          vue.createElementVNode("i", {
+            class: "iconfont icon-MaxScreen max-screen",
+            onClick: changeFullscreen
+          })
+        ]),
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 2
+      }, [
+        !__props.hiddenFooter ? {
+          name: "footer",
+          fn: vue.withCtx(() => [
+            vue.createVNode(_component_el_button, {
+              onClick: _cache[0] || (_cache[0] = ($event) => dialogVisible.value = false)
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode(vue.toDisplayString(props.cancelButtonText), 1)
+              ]),
+              _: 1
+            }),
+            slotFooter ? vue.renderSlot(_ctx.$slots, "footer", { key: 0 }) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+              !props.query ? (vue.openBlock(), vue.createBlock(_component_el_button, {
+                key: 0,
+                type: "primary",
+                onClick: submit,
+                size: "default"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(vue.toDisplayString(props.submitButtonText), 1)
+                ]),
+                _: 1
+              })) : vue.createCommentVNode("", true)
+            ], 64))
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["modelValue", "title", "append-to-body", "width", "class", "style", "fullscreen"]);
+    };
+  }
+};
+exports.default = _sfc_main;

package/lib/packages/vue/src/components/dialog/customDialog/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const CustomDialog = require("./CustomDialog.vue.js");
+const install = require("../../../utils/install.js");
+const customDialog = install.default.withInstall("CustomDialog", CustomDialog.default);
+exports.customDialog = customDialog;
+exports.default = customDialog;

package/lib/packages/vue/src/components/forms/form/Form.vue.js

@@ -147,7 +147,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       }
     );
     const loadConfig = async () => {
-      if (!props.templateKey) {
+      if (!props.templateKey && props.initOption && Object.keys(props.initOption).length == 0) {
         return;
       }
       configLoading.value = true;
@@ -192,7 +192,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         mergeOptionsToFields();
         initGridLayoutDataConfig();
         initLinkage();
-        emit("loaded", option);
+        emit("loaded", option, getFormData());
       } catch (error) {
         console.error("加载配置失败:", error);
         index.ElMessage.error("加载配置失败");
@@ -813,7 +813,6 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       );
       relevantConfigs.dataLink.forEach((item) => {
         if (parseFilterConfig.checkFilterMatch(item.filterConfig, formData.value, fields)) {
-          debugger;
           const fieldAssignments = item.fieldAssignments || [];
           fieldAssignments.forEach((assignment) => {
             var _a2, _b;
@@ -1067,5 +1066,5 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     };
   }
 });
-const _Form = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-5d68b9c4"]]);
+const _Form = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-4eb26904"]]);
 exports.default = _Form;

package/lib/packages/vue/src/components/layout/Layout.vue.js

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+require("../../../../../node_modules/element-plus/es/index.js");
+;/* empty css                                                             */
+;/* empty css                                                               */
+;/* empty css                                                               */
+;/* empty css                                                                     */
+const vue = require("vue");
+const index$3 = require("../forms/form/index.js");
+const common = require("../../utils/common.js");
+;/* empty css             */
+const _pluginVue_exportHelper = require("../../../../../_virtual/_plugin-vue_export-helper.js");
+const index = require("../../../../../node_modules/element-plus/es/components/row/index.js");
+const index$1 = require("../../../../../node_modules/element-plus/es/components/col/index.js");
+const index$2 = require("../../../../../node_modules/element-plus/es/components/scrollbar/index.js");
+const _hoisted_1 = { class: "grid-content" };
+const _hoisted_2 = { class: "grid-content-statistics" };
+const _sfc_main = {
+  __name: "Layout",
+  props: {
+    templateKey: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["loaded"],
+  setup(__props, { emit: __emit }) {
+    const formData = vue.ref({});
+    const emit = __emit;
+    const showCard = vue.ref(false);
+    function loaded(option, formData2) {
+      showCard.value = true;
+      emit("loaded", common.cloneDeep(formData2));
+    }
+    return (_ctx, _cache) => {
+      const _component_el_scrollbar = index$2.ElScrollbar;
+      const _component_el_col = index$1.ElCol;
+      const _component_el_row = index.ElRow;
+      const _directive_fec_layout = vue.resolveDirective("fec-layout");
+      return vue.withDirectives((vue.openBlock(), vue.createBlock(_component_el_row, {
+        gutter: 8,
+        class: "fec-layout-row"
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_el_col, { span: 18 }, {
+            default: vue.withCtx(() => [
+              vue.createElementVNode("div", _hoisted_1, [
+                vue.createVNode(_component_el_scrollbar, { ref: "scrollbarRef" }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(index$3.Form), {
+                      ref: "formRef",
+                      templateKey: __props.templateKey,
+                      modelValue: vue.unref(formData),
+                      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(formData) ? formData.value = $event : null),
+                      onLoaded: loaded
+                    }, null, 8, ["templateKey", "modelValue"])
+                  ]),
+                  _: 1
+                }, 512)
+              ])
+            ]),
+            _: 1
+          }),
+          vue.createVNode(_component_el_col, { span: 6 }, {
+            default: vue.withCtx(() => [
+              vue.createElementVNode("div", _hoisted_2, [
+                vue.unref(showCard) ? vue.renderSlot(_ctx.$slots, "card", { key: 0 }, void 0, true) : vue.createCommentVNode("", true)
+              ])
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      })), [
+        [_directive_fec_layout]
+      ]);
+    };
+  }
+};
+const _Layout = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-bb40b3aa"]]);
+exports.default = _Layout;

package/lib/packages/vue/src/components/layout/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Layout$1 = require("./Layout.vue.js");
+const install = require("../../utils/install.js");
+const index = require("./layoutCard/index.js");
+const Layout = install.default.withInstall("Layout", Layout$1.default);
+exports.LayoutCard = index.LayoutCard;
+exports.Layout = Layout;
+exports.default = Layout;