@fecp/designer 5.4.27 → 5.4.30

package/lib/packages/vue/src/components/layout/layoutCard/LayoutCard.vue.js

@@ -0,0 +1,162 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+require("../../../../../../node_modules/element-plus/es/index.js");
+;/* empty css                                                                */
+;/* empty css                                                                     */
+const vue = require("vue");
+const index$2 = require("../../../../../../node_modules/@element-plus/icons-vue/dist/index.js");
+const index$3 = require("../../dialog/customDialog/index.js");
+const index$4 = require("../../../api/index.js");
+const getInstance = require("../../../utils/getInstance.js");
+const index$5 = require("../../forms/form/index.js");
+const index$6 = require("../../table/index.js");
+;/* empty css                 */
+const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
+const index = require("../../../../../../node_modules/element-plus/es/components/button/index.js");
+const index$1 = require("../../../../../../node_modules/element-plus/es/components/icon/index.js");
+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 = getInstance.getCurrentVueInstance();
+    const isMoreBtn = vue.computed(() => {
+      return props.morePageRoute || props.morePageTemplateKey;
+    });
+    const dialogVisible = vue.ref(false);
+    const currentComponent = vue.ref(null);
+    const currentParams = vue.ref(props.morePageParams);
+    const flag = vue.ref(true);
+    vue.watch(currentParams, () => {
+      if (props.morePageRoute && Object.keys(currentParams).length > 0) {
+        flag.value = false;
+        vue.nextTick(() => {
+          flag.value = true;
+        });
+      }
+    });
+    function moreClick() {
+      if (props.morePageRoute) {
+        loadComponentByPath(props.morePageRoute);
+        dialogVisible.value = true;
+      } else if (props.morePageTemplateKey) {
+        index$4.default.findByTemplateKey(ctx.$http, {
+          templateKey: props.morePageTemplateKey,
+          timestamp: Date.now(),
+          templateVersion: "v5"
+        }).then((res) => {
+          const data = JSON.parse(res);
+          if (data.formMode) {
+            currentComponent.value = index$5.Form;
+          } else {
+            currentComponent.value = index$6.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((module2) => {
+          currentComponent.value = module2.default;
+        });
+      } else {
+        currentComponent.value = comp;
+      }
+    }
+    return (_ctx, _cache) => {
+      const _component_el_icon = index$1.ElIcon;
+      const _component_el_button = index.ElButton;
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        vue.createElementVNode("div", _hoisted_1, [
+          vue.createElementVNode("div", _hoisted_2, [
+            vue.createElementVNode("div", _hoisted_3, [
+              __props.title ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                vue.createElementVNode("i", {
+                  class: vue.normalizeClass("icon iconfont " + __props.icon),
+                  style: vue.normalizeStyle("background-color:" + __props.iconColor)
+                }, null, 6),
+                vue.createElementVNode("span", null, vue.toDisplayString(__props.title), 1)
+              ], 64)) : vue.createCommentVNode("", true)
+            ]),
+            vue.unref(isMoreBtn) ? (vue.openBlock(), vue.createBlock(_component_el_button, {
+              key: 0,
+              class: "moreBtn",
+              type: "primary",
+              link: "",
+              onClick: moreClick
+            }, {
+              default: vue.withCtx(() => [
+                _cache[1] || (_cache[1] = vue.createTextVNode("更多信息")),
+                vue.createVNode(_component_el_icon, null, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(index$2.ArrowRight))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })) : vue.createCommentVNode("", true)
+          ]),
+          vue.createElementVNode("div", _hoisted_4, [
+            vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ])
+        ]),
+        vue.createVNode(vue.unref(index$3.customDialog), {
+          modelValue: vue.unref(dialogVisible),
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(dialogVisible) ? dialogVisible.value = $event : null),
+          width: "80%",
+          height: "100%",
+          query: "",
+          "append-to-body": "",
+          title: __props.title
+        }, {
+          default: vue.withCtx(() => [
+            vue.unref(flag) && vue.unref(currentComponent) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(currentComponent)), vue.normalizeProps(vue.mergeProps({ key: 0 }, vue.unref(currentParams))), null, 16)) : vue.createCommentVNode("", true)
+          ]),
+          _: 1
+        }, 8, ["modelValue", "title"])
+      ], 64);
+    };
+  }
+};
+const _LayoutCard = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-3ce25014"]]);
+exports.default = _LayoutCard;

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

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

package/lib/packages/vue/src/directive/layout.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+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);
+};
+exports.default = layout;

package/lib/packages/vue/src/utils/datasource.js

@@ -184,7 +184,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;
           }
@@ -202,7 +202,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fecp/designer",
-  "version": "5.4.27",
+  "version": "5.4.30",
   "main": "lib/designer/index.js",
   "module": "es/designer/index.mjs",
   "files": [