@fecp/designer 5.4.27 → 5.4.30

package/es/designer/package.json.mjs

@@ -1,4 +1,4 @@
-const version = "5.4.27";
+const version = "5.4.30";
 const packageJson = {
   version
 };

package/es/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/es/packages/vue/index.mjs

@@ -5,6 +5,7 @@ import element_plus_default from "../../node_modules/element-plus/es/index.mjs";
 import * as components from "../../node_modules/vxe-pc-ui/es/components.mjs";
 /* empty css                                         */
 /* empty css                      */
+import layout from "./src/directive/layout.mjs";
 const fecVue = {
   install: (app) => {
     for (let c in all) {
@@ -19,6 +20,7 @@ const fecVue = {
       locale: zh_cn_default
     });
     app.use(components);
+    app.use(layout);
   }
 };
 export {

package/es/packages/vue/src/components/all.mjs

@@ -25,6 +25,9 @@ import { Document } from "./bus/document/index.mjs";
 import { header } from "./details/header/index.mjs";
 import { footer } from "./details/footer/index.mjs";
 import { main } from "./details/main/index.mjs";
+import { customDialog } from "./dialog/customDialog/index.mjs";
+import { Layout } from "./layout/index.mjs";
+import { LayoutCard } from "./layout/layoutCard/index.mjs";
 export {
   ApprovalHistory,
   Area,
@@ -36,6 +39,8 @@ export {
   FormItem,
   H2,
   Industry,
+  Layout,
+  LayoutCard,
   MultipleSelection,
   Number,
   Radio,
@@ -50,6 +55,7 @@ export {
   Textarea,
   Upload,
   UserSelect,
+  customDialog,
   footer,
   header,
   main

package/es/packages/vue/src/components/dialog/customDialog/CustomDialog.vue.mjs

@@ -0,0 +1,172 @@
+import "../../../../../../node_modules/element-plus/es/index.mjs";
+/* empty css                                                                */
+/* empty css                                                                      */
+/* empty css                                                                     */
+/* empty css                                                                     */
+import { useSlots, computed, ref, watch, createBlock, openBlock, unref, normalizeStyle, normalizeClass, isRef, createSlots, withCtx, renderSlot, createElementVNode, toDisplayString, createVNode, createElementBlock, createTextVNode, Fragment, createCommentVNode } from "vue";
+/* empty css                   */
+import { ElDialog } from "../../../../../../node_modules/element-plus/es/components/dialog/index.mjs";
+import { ElButton } from "../../../../../../node_modules/element-plus/es/components/button/index.mjs";
+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 = !!useSlots().footer;
+    const dialogWidth = 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 = ref(false);
+    const emit = __emit;
+    const onClose = () => {
+      emit("onClose");
+      emit("update:modelValue", false);
+    };
+    ref();
+    function submit() {
+      emit("submit");
+    }
+    const isFullscreen = ref(false);
+    function changeFullscreen() {
+      isFullscreen.value = !isFullscreen.value;
+    }
+    watch(
+      () => props.modelValue,
+      (visible) => {
+        if (visible) {
+          isFullscreen.value = false;
+        }
+        dialogVisible.value = visible;
+      },
+      {
+        immediate: true
+      }
+    );
+    return (_ctx, _cache) => {
+      const _component_el_button = ElButton;
+      const _component_el_dialog = ElDialog;
+      return openBlock(), createBlock(_component_el_dialog, {
+        modelValue: unref(dialogVisible),
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => 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: unref(dialogWidth),
+        class: normalizeClass(props.class + " custom-dialog"),
+        style: normalizeStyle("height:" + __props.height),
+        fullscreen: unref(isFullscreen)
+      }, createSlots({
+        header: withCtx(() => [
+          createElementVNode("span", null, toDisplayString(props.title), 1),
+          createElementVNode("i", {
+            class: "iconfont icon-MaxScreen max-screen",
+            onClick: changeFullscreen
+          })
+        ]),
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 2
+      }, [
+        !__props.hiddenFooter ? {
+          name: "footer",
+          fn: withCtx(() => [
+            createVNode(_component_el_button, {
+              onClick: _cache[0] || (_cache[0] = ($event) => dialogVisible.value = false)
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(props.cancelButtonText), 1)
+              ]),
+              _: 1
+            }),
+            slotFooter ? renderSlot(_ctx.$slots, "footer", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              !props.query ? (openBlock(), createBlock(_component_el_button, {
+                key: 0,
+                type: "primary",
+                onClick: submit,
+                size: "default"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(props.submitButtonText), 1)
+                ]),
+                _: 1
+              })) : createCommentVNode("", true)
+            ], 64))
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["modelValue", "title", "append-to-body", "width", "class", "style", "fullscreen"]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};

package/es/packages/vue/src/components/dialog/customDialog/index.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from "./CustomDialog.vue.mjs";
+import install from "../../../utils/install.mjs";
+const customDialog = install.withInstall("CustomDialog", _sfc_main);
+export {
+  customDialog,
+  customDialog as default
+};

package/es/packages/vue/src/components/forms/form/Form.vue.mjs

@@ -145,7 +145,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;
@@ -190,7 +190,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
         mergeOptionsToFields();
         initGridLayoutDataConfig();
         initLinkage();
-        emit("loaded", option);
+        emit("loaded", option, getFormData());
       } catch (error) {
         console.error("加载配置失败:", error);
         ElMessage.error("加载配置失败");
@@ -811,7 +811,6 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
       );
       relevantConfigs.dataLink.forEach((item) => {
         if (checkFilterMatch(item.filterConfig, formData.value, fields)) {
-          debugger;
           const fieldAssignments = item.fieldAssignments || [];
           fieldAssignments.forEach((assignment) => {
             var _a2, _b;
@@ -1065,7 +1064,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({
     };
   }
 });
-const _Form = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5d68b9c4"]]);
+const _Form = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4eb26904"]]);
 export {
   _Form as default
 };

package/es/packages/vue/src/components/layout/Layout.vue.mjs

@@ -0,0 +1,81 @@
+import "../../../../../node_modules/element-plus/es/index.mjs";
+/* empty css                                                             */
+/* empty css                                                               */
+/* empty css                                                               */
+/* empty css                                                                     */
+import { ref, resolveDirective, withDirectives, createBlock, openBlock, withCtx, createVNode, createElementVNode, unref, isRef, renderSlot, createCommentVNode } from "vue";
+import { Form } from "../forms/form/index.mjs";
+import { cloneDeep } from "../../utils/common.mjs";
+/* empty css             */
+import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.mjs";
+import { ElRow } from "../../../../../node_modules/element-plus/es/components/row/index.mjs";
+import { ElCol } from "../../../../../node_modules/element-plus/es/components/col/index.mjs";
+import { ElScrollbar } from "../../../../../node_modules/element-plus/es/components/scrollbar/index.mjs";
+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 = ref({});
+    const emit = __emit;
+    const showCard = ref(false);
+    function loaded(option, formData2) {
+      showCard.value = true;
+      emit("loaded", cloneDeep(formData2));
+    }
+    return (_ctx, _cache) => {
+      const _component_el_scrollbar = ElScrollbar;
+      const _component_el_col = ElCol;
+      const _component_el_row = ElRow;
+      const _directive_fec_layout = resolveDirective("fec-layout");
+      return withDirectives((openBlock(), createBlock(_component_el_row, {
+        gutter: 8,
+        class: "fec-layout-row"
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_el_col, { span: 18 }, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_1, [
+                createVNode(_component_el_scrollbar, { ref: "scrollbarRef" }, {
+                  default: withCtx(() => [
+                    createVNode(unref(Form), {
+                      ref: "formRef",
+                      templateKey: __props.templateKey,
+                      modelValue: unref(formData),
+                      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(formData) ? formData.value = $event : null),
+                      onLoaded: loaded
+                    }, null, 8, ["templateKey", "modelValue"])
+                  ]),
+                  _: 1
+                }, 512)
+              ])
+            ]),
+            _: 1
+          }),
+          createVNode(_component_el_col, { span: 6 }, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_2, [
+                unref(showCard) ? renderSlot(_ctx.$slots, "card", { key: 0 }, void 0, true) : createCommentVNode("", true)
+              ])
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      })), [
+        [_directive_fec_layout]
+      ]);
+    };
+  }
+};
+const _Layout = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bb40b3aa"]]);
+export {
+  _Layout as default
+};

package/es/packages/vue/src/components/layout/index.mjs

@@ -0,0 +1,9 @@
+import _Layout from "./Layout.vue.mjs";
+import install from "../../utils/install.mjs";
+import { LayoutCard } from "./layoutCard/index.mjs";
+const Layout = install.withInstall("Layout", _Layout);
+export {
+  Layout,
+  LayoutCard,
+  Layout as default
+};

package/es/packages/vue/src/components/layout/layoutCard/LayoutCard.vue.mjs

@@ -0,0 +1,162 @@
+import "../../../../../../node_modules/element-plus/es/index.mjs";
+/* empty css                                                                */
+/* empty css                                                                     */
+import { computed, ref, watch, nextTick, createElementBlock, openBlock, Fragment, createElementVNode, createVNode, createBlock, createCommentVNode, normalizeStyle, normalizeClass, toDisplayString, unref, withCtx, createTextVNode, renderSlot, isRef, resolveDynamicComponent, normalizeProps, mergeProps } from "vue";
+import { ArrowRight as arrow_right_default } from "../../../../../../node_modules/@element-plus/icons-vue/dist/index.mjs";
+import { customDialog } from "../../dialog/customDialog/index.mjs";
+import api from "../../../api/index.mjs";
+import { getCurrentVueInstance } from "../../../utils/getInstance.mjs";
+import { Form } from "../../forms/form/index.mjs";
+import { Table } from "../../table/index.mjs";
+/* empty css                 */
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.mjs";
+import { ElButton } from "../../../../../../node_modules/element-plus/es/components/button/index.mjs";
+import { ElIcon } from "../../../../../../node_modules/element-plus/es/components/icon/index.mjs";
+const _hoisted_1 = { class: "fec-layout-card" };
+const _hoisted_2 = { class: "header" };
+const _hoisted_3 = { class: "title" };
+const _hoisted_4 = { class: "content" };
+const _sfc_main = {
+  __name: "LayoutCard",
+  props: {
+    //标题
+    title: {
+      type: String,
+      default: ""
+    },
+    //图标
+    icon: {
+      type: String,
+      default: "icon-authorization"
+    },
+    //图标背景色
+    iconColor: {
+      type: String,
+      default: "#4fbdc1"
+    },
+    morePageRoute: {
+      type: String,
+      default: ""
+    },
+    morePageTemplateKey: {
+      type: String,
+      default: ""
+    },
+    morePageParams: {
+      type: Object,
+      default: {}
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const ctx = getCurrentVueInstance();
+    const isMoreBtn = computed(() => {
+      return props.morePageRoute || props.morePageTemplateKey;
+    });
+    const dialogVisible = ref(false);
+    const currentComponent = ref(null);
+    const currentParams = ref(props.morePageParams);
+    const flag = ref(true);
+    watch(currentParams, () => {
+      if (props.morePageRoute && Object.keys(currentParams).length > 0) {
+        flag.value = false;
+        nextTick(() => {
+          flag.value = true;
+        });
+      }
+    });
+    function moreClick() {
+      if (props.morePageRoute) {
+        loadComponentByPath(props.morePageRoute);
+        dialogVisible.value = true;
+      } else if (props.morePageTemplateKey) {
+        api.findByTemplateKey(ctx.$http, {
+          templateKey: props.morePageTemplateKey,
+          timestamp: Date.now(),
+          templateVersion: "v5"
+        }).then((res) => {
+          const data = JSON.parse(res);
+          if (data.formMode) {
+            currentComponent.value = Form;
+          } else {
+            currentComponent.value = Table;
+          }
+          currentParams.value.initOption = data;
+          currentParams.value.isDialog = true;
+          dialogVisible.value = true;
+        });
+      }
+    }
+    function loadComponentByPath(path) {
+      const route = ctx.$router.getRoutes().find((item) => item.path === path);
+      if (!route) return;
+      const comp = route.components.default;
+      if (!comp) return;
+      if (typeof comp === "function") {
+        comp().then((module) => {
+          currentComponent.value = module.default;
+        });
+      } else {
+        currentComponent.value = comp;
+      }
+    }
+    return (_ctx, _cache) => {
+      const _component_el_icon = ElIcon;
+      const _component_el_button = ElButton;
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("div", _hoisted_1, [
+          createElementVNode("div", _hoisted_2, [
+            createElementVNode("div", _hoisted_3, [
+              __props.title ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                createElementVNode("i", {
+                  class: normalizeClass("icon iconfont " + __props.icon),
+                  style: normalizeStyle("background-color:" + __props.iconColor)
+                }, null, 6),
+                createElementVNode("span", null, toDisplayString(__props.title), 1)
+              ], 64)) : createCommentVNode("", true)
+            ]),
+            unref(isMoreBtn) ? (openBlock(), createBlock(_component_el_button, {
+              key: 0,
+              class: "moreBtn",
+              type: "primary",
+              link: "",
+              onClick: moreClick
+            }, {
+              default: withCtx(() => [
+                _cache[1] || (_cache[1] = createTextVNode("更多信息")),
+                createVNode(_component_el_icon, null, {
+                  default: withCtx(() => [
+                    createVNode(unref(arrow_right_default))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })) : createCommentVNode("", true)
+          ]),
+          createElementVNode("div", _hoisted_4, [
+            renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ])
+        ]),
+        createVNode(unref(customDialog), {
+          modelValue: unref(dialogVisible),
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(dialogVisible) ? dialogVisible.value = $event : null),
+          width: "80%",
+          height: "100%",
+          query: "",
+          "append-to-body": "",
+          title: __props.title
+        }, {
+          default: withCtx(() => [
+            unref(flag) && unref(currentComponent) ? (openBlock(), createBlock(resolveDynamicComponent(unref(currentComponent)), normalizeProps(mergeProps({ key: 0 }, unref(currentParams))), null, 16)) : createCommentVNode("", true)
+          ]),
+          _: 1
+        }, 8, ["modelValue", "title"])
+      ], 64);
+    };
+  }
+};
+const _LayoutCard = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3ce25014"]]);
+export {
+  _LayoutCard as default
+};

package/es/packages/vue/src/components/layout/layoutCard/index.mjs

@@ -0,0 +1,7 @@
+import _LayoutCard from "./LayoutCard.vue.mjs";
+import install from "../../../utils/install.mjs";
+const LayoutCard = install.withInstall("LayoutCard", _LayoutCard);
+export {
+  LayoutCard,
+  LayoutCard as default
+};