@epxing/business 0.0.0-stage → 5.3.0-beta.1

package/dist/src/base/AppConfigFormItem.js

@@ -0,0 +1,7 @@
+import _sfc_main from "./AppConfigFormItem.vue.js";
+/* empty css                       */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const AppConfigFormItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7e3ef531"]]);
+export {
+  AppConfigFormItem as default
+};

package/dist/src/base/AppConfigFormItem.vue.js

@@ -0,0 +1,407 @@
+import __cjsReq7 from "../assets/images/nav/0.png.js";
+import __cjsReq6 from "../assets/images/nav/1.png.js";
+import __cjsReq8 from "../assets/images/nav/2.png.js";
+import __cjsReq9 from "../assets/images/nav/3.svg.js";
+import { createVNode, resolveComponent, isVNode } from "vue";
+import AddFormItem from "@epxing/components/src/add-form-item";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const _sfc_main = {
+  name: "epx-base-app-config-form-item",
+  extends: AddFormItem,
+  data() {
+    return {
+      config: {},
+      fieldsConfigs: []
+    };
+  },
+  computed: {
+    showFieldsConfigs() {
+      return this.fieldsConfigs.filter((item) => {
+        let flag = true;
+        if (item.showFlag) {
+          for (const key in item.showFlag) {
+            if (!item.showFlag[key].includes(this.config[key])) {
+              flag = false;
+              break;
+            }
+          }
+        }
+        return flag;
+      });
+    }
+  },
+  watch: {
+    config: {
+      handler(v) {
+        const APP_CONFIG = JSON.stringify(v);
+        this.$emit("change", {
+          ...this.data,
+          APP_CONFIG
+        });
+      },
+      deep: true
+    }
+  },
+  methods: {
+    getFieldsConfigs(pageType = this.componentType) {
+      const fieldsConfigs = [{
+        key: "navType",
+        label: "菜单导航",
+        type: "radio",
+        options: [{
+          label: "左侧（默认）",
+          value: "0",
+          preview: __cjsReq7
+        }, {
+          label: "经典（混合）",
+          value: "1",
+          preview: __cjsReq6
+        }, {
+          label: "顶部",
+          value: "2",
+          preview: __cjsReq8
+        }, {
+          label: "双列",
+          value: "3",
+          preview: __cjsReq9
+        }],
+        block: true,
+        defaultValue: "0"
+      }, {
+        key: "navComponent",
+        label: "顶部导航组件",
+        type: "object",
+        object: "FM_PAGE",
+        flag: "component_find",
+        dataKey: "CODE"
+      }, {
+        key: "navHeight",
+        label: "导航高度",
+        type: "num",
+        defaultValue: 60
+      }, {
+        key: "navMenuFontSize",
+        label: "导航字体大小",
+        type: "num",
+        defaultValue: 14
+      }, {
+        key: "navMenuFontWeight",
+        label: "导航字体加粗",
+        type: "radio",
+        options: [{
+          label: "默认",
+          value: "normal"
+        }, {
+          label: "加粗",
+          value: "bold"
+        }],
+        defaultValue: "normal"
+      }, {
+        key: "navLogoHeight",
+        label: "应用标题logo高度",
+        type: "num",
+        defaultValue: 30
+      }, {
+        key: "navBackgroundColorType",
+        label: "导航背景色",
+        type: "radio",
+        options: [{
+          label: "主题色",
+          value: "primary"
+        }, {
+          label: "白色",
+          value: "white"
+        }, {
+          label: "自定义",
+          value: "custom"
+        }],
+        defaultValue: "primary"
+      }, {
+        key: "navBackgroundColor",
+        label: "自定义导航背景色",
+        type: "color",
+        predefineColors: []
+      }, {
+        key: "navOperates",
+        label: "导航栏操作按钮",
+        type: "operates"
+      }, {
+        key: "appPageType",
+        label: "应用首页",
+        type: "radio",
+        options: [{
+          label: "模块列表",
+          value: "module"
+        }, {
+          label: "菜单首页",
+          value: "menu"
+        }, {
+          label: "指定页面",
+          value: "page"
+        }]
+      }, {
+        key: "pageId",
+        label: "首页指定页面",
+        type: "object",
+        object: "FM_PAGE_CONFIG",
+        showFlag: {
+          appPageType: "page"
+        }
+      }, {
+        key: "pageShowType",
+        label: "页面显示方式",
+        type: "radio",
+        options: [{
+          label: "自适应",
+          value: "auto"
+        }, {
+          label: "居中",
+          value: "center"
+        }]
+      }, {
+        key: "pageBackgroundType",
+        label: "页面背景",
+        type: "radio",
+        options: [{
+          label: "纯色",
+          value: "color"
+        }, {
+          label: "渐变色",
+          value: "gradient"
+        }, {
+          label: "图片",
+          value: "image"
+        }]
+      }, {
+        key: "pageBackgroundColor",
+        label: "背景色",
+        type: "color",
+        showFlag: {
+          pageBackgroundType: "color"
+        }
+      }, {
+        key: "pageBackgroundGradient",
+        label: "渐变色",
+        type: "gradient",
+        showFlag: {
+          pageBackgroundType: "gradient"
+        }
+      }, {
+        key: "pageBackgroundImage",
+        label: "背景图",
+        type: "photo",
+        showFlag: {
+          pageBackgroundType: "image"
+        }
+      }, {
+        key: "pageBackgroundSize",
+        label: "背景适应模式",
+        type: "radio",
+        options: [{
+          label: "裁剪",
+          value: "cover"
+        }, {
+          label: "适应",
+          value: "contain"
+        }, {
+          label: "拉伸",
+          value: "100% 100%"
+        }],
+        showFlag: {
+          pageBackgroundType: "image"
+        }
+      }, {
+        key: "mobileSize",
+        label: "移动端尺寸",
+        type: "number",
+        defaultValue: 992
+      }];
+      if (this.appConfig["SYSTEM|TYPE"] === "hall") {
+        fieldsConfigs.splice(9, 0, {
+          key: "componentMargin",
+          label: "页面组件间距",
+          type: "radio",
+          options: [{
+            label: "小",
+            value: "small"
+          }, {
+            label: "中",
+            value: "medium"
+          }, {
+            label: "默认",
+            value: "base"
+          }],
+          defaultValue: "base"
+        }, {
+          key: "borderRadius",
+          label: "圆角",
+          type: "radio",
+          options: [{
+            label: "无",
+            value: "zero"
+          }, {
+            label: "默认",
+            value: "base"
+          }, {
+            label: "中",
+            value: "medium"
+          }, {
+            label: "大",
+            value: "large"
+          }],
+          defaultValue: "base"
+        });
+      }
+      for (const item of fieldsConfigs) {
+        item.state = pageType;
+        if (item.options) item.options = item.options.map((item2) => ({
+          id: item2.value,
+          code: item2.value,
+          name: item2.label,
+          preview: item2.preview
+        }));
+      }
+      this.fieldsConfigs = fieldsConfigs;
+    },
+    changeConfigItem(key, value) {
+      this.config[key] = value;
+    },
+    save() {
+      const params = {};
+      const {
+        submitParams: querySumitParams = {}
+      } = this.$query;
+      if (this.formData[this.$metaKey]) {
+        params[`bean.${this.$metaKey}`] = this.formData[this.$metaKey];
+      }
+      params["bean.APP_CONFIG"] = this.formData.APP_CONFIG;
+      const {
+        componentEvents = {}
+      } = this.$configs;
+      const validateFunction = componentEvents.formVadiate;
+      if (validateFunction) {
+        const flag = validateFunction.every((item) => this.executeCustomJs(validateFunction));
+        if (!flag) return;
+      }
+      this.$http.update({
+        entityId: this.$metaId,
+        ...querySumitParams,
+        ...params
+      }).then(() => {
+        this.$message.success(this.$t("save successfully"));
+        this.upPage && this.upPage.$refesh();
+        this.cancel(true);
+      }).catch((err) => {
+        this.$message.error(err.message || this.$t("fail to save"));
+      });
+    },
+    switchNav(value, item) {
+      if (item.state !== "DETAIL") {
+        this.config[item.key] = value;
+      }
+    },
+    renderForm() {
+      let _slot;
+      return createVNode(resolveComponent("el-form"), {
+        "class": "app-config-form",
+        "inline": true,
+        "label-position": "right",
+        "label-width": "140px"
+      }, _isSlot(_slot = this.showFieldsConfigs.map((item) => createVNode(resolveComponent("el-form-item"), {
+        "label": `${item.label}`,
+        "style": item.block ? {
+          width: "100%"
+        } : null
+      }, {
+        default: () => [item.key === "navType" ? createVNode("div", {
+          "class": ["nav-type", {
+            "is-disabled": item.state === "DETAIL"
+          }]
+        }, [item.options.map((option) => createVNode("div", {
+          "class": ["nav-type__item", {
+            "is-active": this.config[item.key] === option.id
+          }],
+          "key": option.id,
+          "onClick": this.switchNav.bind(this, option.id, item)
+        }, [createVNode("div", null, [createVNode("img", {
+          "src": option.preview
+        }, null)]), createVNode("p", null, [option.name])]))]) : item.type === "radio" ? createVNode(resolveComponent("epx-radio"), {
+          "modelValue": this.config[item.key],
+          "onUpdate:modelValue": ($event) => this.config[item.key] = $event,
+          "fieldConfigs": {
+            state: item.state,
+            attriName: item.key,
+            attriLabel: item.label,
+            options: item.options
+          }
+        }, null) : item.type === "object" ? createVNode(resolveComponent("epx-visual-config-object"), {
+          "modelValue": this.config[item.key],
+          "onUpdate:modelValue": ($event) => this.config[item.key] = $event,
+          "label": item.label,
+          "object": item.object,
+          "flag": item.flag,
+          "dataKey": item.dataKey,
+          "state": item.state
+        }, null) : item.type === "color" ? createVNode(resolveComponent("el-color-picker"), {
+          "modelValue": this.config[item.key],
+          "onUpdate:modelValue": ($event) => this.config[item.key] = $event,
+          "predefine": item.predefineColors,
+          "disabled": item.state === "DETAIL"
+        }, null) : item.type === "gradient" ? createVNode(resolveComponent("epx-color-picker"), {
+          "modelValue": this.config[item.key],
+          "onUpdate:modelValue": ($event) => this.config[item.key] = $event,
+          "disabled": item.state === "DETAIL"
+        }, null) : item.type === "photo" ? createVNode(resolveComponent("epx-photo"), {
+          "modelValue": this.config[item.key],
+          "onUpdate:modelValue": ($event) => this.config[item.key] = $event,
+          "fieldConfigs": {
+            state: item.state,
+            attriName: item.key,
+            attriLabel: item.label
+          }
+        }, null) : item.type === "num" ? createVNode(resolveComponent("epx-number"), {
+          "modelValue": this.config[item.key],
+          "onUpdate:modelValue": ($event) => this.config[item.key] = $event,
+          "fieldConfigs": {
+            state: item.state,
+            attriName: item.key,
+            attriLabel: item.label,
+            value: item.defaultValue
+          }
+        }, null) : item.type === "operates" ? createVNode(resolveComponent("epx-visual-config-operate"), {
+          "value": this.config[item.key],
+          "state": item.state,
+          "onChangeConfigs": this.changeConfigItem.bind(this, item.key)
+        }, null) : createVNode(resolveComponent("epx-input"), {
+          "class": "input",
+          "modelValue": this.config[item.key],
+          "onUpdate:modelValue": ($event) => this.config[item.key] = $event,
+          "fieldConfigs": {
+            state: item.state,
+            attriName: item.key,
+            attriLabel: item.label
+          }
+        }, null)]
+      }))) ? _slot : {
+        default: () => [_slot]
+      });
+    }
+  },
+  created() {
+    const {
+      APP_CONFIG = "{}"
+    } = this.data;
+    const appConfig = JSON.parse(APP_CONFIG);
+    for (const item of this.fieldsConfigs) {
+      if (!appConfig[item.key] && item.defaultValue) {
+        appConfig[item.key] = item.defaultValue;
+      }
+    }
+    this.config = appConfig;
+  }
+};
+export {
+  _sfc_main as default
+};

package/dist/src/base/AppMarket.js

@@ -0,0 +1,211 @@
+import __cjsReq0 from "../assets/images/app.png.js";
+import { component } from "@epxing/core/src/mixins";
+import { resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createTextVNode, createElementVNode, Fragment, renderList, toDisplayString, createCommentVNode } from "vue";
+/* empty css              */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "epx-base-app-market",
+  mixins: [component],
+  data() {
+    return {
+      userRankingAppList: [],
+      officialRecommendationList: []
+    };
+  },
+  methods: {
+    getUserRankingAppList() {
+      this.$http.list({
+        action: "userRanking",
+        entityId: "V_APP_USAGES",
+        limit: 10,
+        columnFieldNames: "LOGO#,LOGO_URL#,SYS_NAME#,DEPLOY_CLIENT#,USAGES_COUNT#,INSTALLED#",
+        client: this.CLIENT,
+        order_field: "USAGES_COUNT",
+        order_mode: "desc"
+      }).then((data) => {
+        this.userRankingAppList = data.entitys;
+      });
+    },
+    getOfficialRecommendationList() {
+      this.$http.list({
+        action: "officialRecommendation",
+        entityId: this.$metaId || "V_APP_USAGES",
+        limit: 10,
+        columnFieldNames: "LOGO#,LOGO_URL#,SYS_NAME#,DEPLOY_CLIENT#,DESCRIBE#,COVER#,COVER_URL#,INTRODUCE#,USAGES_COUNT#,INSTALLED#",
+        client: this.CLIENT,
+        order_field: "USAGES_COUNT",
+        order_mode: "desc"
+      }).then((data) => {
+        this.officialRecommendationList = data.entitys;
+      });
+    },
+    search(v) {
+      const data = {};
+      this.searchData = v.map((item) => {
+        data[item.field] = item.values;
+      });
+      this.searchData = data;
+    },
+    searchKeyword(v) {
+      this.keywordValue = v.keywordValue;
+    },
+    toSearchResult() {
+      this.goPage({
+        entityId: this.$metaId,
+        pageId: this.$configs.allAppPageId,
+        params: {
+          searchData: this.searchData,
+          searchKeyword: this.keywordValue
+        }
+      });
+    },
+    viewAllList() {
+      this.goPage({
+        entityId: this.$metaId,
+        pageId: this.$configs.allAppPageId
+      });
+    },
+    goAppDetail(item) {
+      this.goPage({
+        entityId: this.$metaId,
+        component: "base-app-market-system-detail-page",
+        params: {
+          id: item.ID,
+          usages: item.USAGES_COUNT,
+          installed: item.INSTALLED
+        }
+      });
+    }
+  },
+  created() {
+    this.getUserRankingAppList();
+    this.getOfficialRecommendationList();
+  }
+};
+const _hoisted_1 = { class: "app-header" };
+const _hoisted_2 = { class: "app-content" };
+const _hoisted_3 = { class: "app-list" };
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = { class: "app-item__logo" };
+const _hoisted_6 = ["src"];
+const _hoisted_7 = { class: "app-item__content" };
+const _hoisted_8 = { class: "app-item__title" };
+const _hoisted_9 = { class: "app-item__info" };
+const _hoisted_10 = { class: "app-item__info" };
+const _hoisted_11 = {
+  key: 0,
+  class: "app-item__hot"
+};
+const _hoisted_12 = { class: "app-content" };
+const _hoisted_13 = { class: "app-recommend-list" };
+const _hoisted_14 = ["onClick"];
+const _hoisted_15 = { class: "app-recommend-item__cover" };
+const _hoisted_16 = ["src"];
+const _hoisted_17 = { class: "app-recommend-item__content" };
+const _hoisted_18 = { class: "app-recommend-item__title" };
+const _hoisted_19 = { class: "app-recommend-item__desc" };
+const _hoisted_20 = { class: "app-recommend-item__info fl" };
+const _hoisted_21 = { class: "app-recommend-item__info fr" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_button = resolveComponent("el-button");
+  const _component_epx_search_fields = resolveComponent("epx-search-fields");
+  return openBlock(), createElementBlock("div", null, [
+    createVNode(_component_epx_search_fields, {
+      metaId: _ctx.$metaId,
+      fields: ["SYS_NAME", "TYPE", "DEV_TYPE"],
+      keywords: ["SYS_NAME", "DEPLOY_CLIENT"],
+      onSearch: $options.search,
+      onSearchKeyword: $options.searchKeyword
+    }, {
+      append: withCtx(() => [
+        createVNode(_component_el_button, {
+          type: "primary",
+          size: "default",
+          onClick: $options.toSearchResult
+        }, {
+          default: withCtx(() => [..._cache[0] || (_cache[0] = [
+            createTextVNode("搜索", -1)
+          ])]),
+          _: 1
+        }, 8, ["onClick"])
+      ]),
+      _: 1
+    }, 8, ["metaId", "onSearch", "onSearchKeyword"]),
+    createElementVNode("div", _hoisted_1, [
+      _cache[2] || (_cache[2] = createElementVNode("span", null, "用户排行", -1)),
+      createVNode(_component_el_button, {
+        type: "primary",
+        link: "",
+        class: "fr",
+        onClick: $options.viewAllList
+      }, {
+        default: withCtx(() => [..._cache[1] || (_cache[1] = [
+          createTextVNode("查看全部 >", -1)
+        ])]),
+        _: 1
+      }, 8, ["onClick"])
+    ]),
+    createElementVNode("div", _hoisted_2, [
+      createElementVNode("ul", _hoisted_3, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList($data.userRankingAppList, (item, index) => {
+          return openBlock(), createElementBlock("li", {
+            class: "app-item",
+            key: item.ID,
+            onClick: ($event) => $options.goAppDetail(item)
+          }, [
+            createElementVNode("div", _hoisted_5, [
+              createElementVNode("img", {
+                src: item.LOGO_URL ? _ctx.$util.getFileUrl(item.LOGO_URL) : __cjsReq0,
+                alt: ""
+              }, null, 8, _hoisted_6)
+            ]),
+            createElementVNode("div", _hoisted_7, [
+              createElementVNode("p", _hoisted_8, toDisplayString(item.SYS_NAME), 1),
+              createElementVNode("p", _hoisted_9, toDisplayString(item["USAGES_COUNT#"]) + "家用户", 1),
+              createElementVNode("p", _hoisted_10, [
+                _cache[3] || (_cache[3] = createElementVNode("i", { class: "el-icon-monitor" }, null, -1)),
+                createTextVNode(toDisplayString(item["DEPLOY_CLIENT#"]), 1)
+              ])
+            ]),
+            index < 3 ? (openBlock(), createElementBlock("span", _hoisted_11, "HOT")) : createCommentVNode("", true)
+          ], 8, _hoisted_4);
+        }), 128))
+      ])
+    ]),
+    _cache[5] || (_cache[5] = createElementVNode("div", { class: "app-header" }, "官方推荐", -1)),
+    createElementVNode("div", _hoisted_12, [
+      createElementVNode("ul", _hoisted_13, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList($data.officialRecommendationList, (item) => {
+          return openBlock(), createElementBlock("li", {
+            class: "app-recommend-item",
+            key: item.ID,
+            onClick: ($event) => $options.goAppDetail(item)
+          }, [
+            createElementVNode("div", _hoisted_15, [
+              item.COVER_URL ? (openBlock(), createElementBlock("img", {
+                key: 0,
+                src: _ctx.$util.getFileUrl(item.COVER_URL),
+                alt: ""
+              }, null, 8, _hoisted_16)) : createCommentVNode("", true)
+            ]),
+            createElementVNode("div", _hoisted_17, [
+              createElementVNode("p", _hoisted_18, toDisplayString(item.SYS_NAME), 1),
+              createElementVNode("p", _hoisted_19, toDisplayString(item.DESCRIBE), 1),
+              createElementVNode("div", null, [
+                createElementVNode("p", _hoisted_20, [
+                  _cache[4] || (_cache[4] = createElementVNode("i", { class: "el-icon-monitor" }, null, -1)),
+                  createTextVNode(toDisplayString(item["DEPLOY_CLIENT#"]), 1)
+                ]),
+                createElementVNode("p", _hoisted_21, toDisplayString(item["USAGES_COUNT#"]) + "家用户", 1)
+              ])
+            ])
+          ], 8, _hoisted_14);
+        }), 128))
+      ])
+    ])
+  ]);
+}
+const AppMarket = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-4116ed8f"]]);
+export {
+  AppMarket as default
+};

package/dist/src/base/AppMarketList.js

@@ -0,0 +1,7 @@
+import _sfc_main from "./AppMarketList.vue.js";
+/* empty css                   */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const AppMarketList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-653904f5"]]);
+export {
+  AppMarketList as default
+};