@cmstops/pro-compo 0.1.0 → 0.1.2

package/dist/index.css

@@ -2,3 +2,93 @@
   height: auto;
   padding: 20px;
 }
+.reference-btn {
+  border: none;
+  padding: 12px 16px;
+  border-radius: 4px;
+  color: #5f5f5f;
+}
+.app-list-wrap {
+  position: relative;
+  padding: 10px;
+}
+.app-title {
+  font-size: 16px;
+  font-weight: bold;
+  padding: 0px 15px;
+}
+.ul-list {
+  list-style: none;
+  overflow: hidden;
+  width: 435px !important;
+  text-align: center;
+  padding: 0;
+  margin: 0;
+}
+.ul-list .li_item {
+  float: left;
+  width: 85px;
+  height: 90px;
+  text-align: center;
+  margin: 13px 0;
+  position: relative;
+}
+.ul-list .li_item .icon-logo .svg-icon {
+  width: 4em;
+  height: 3.5em;
+}
+.ul-list .li_item:hover {
+  background: rgba(0, 0, 0, 0.05);
+  border-radius: 4px;
+  cursor: pointer;
+}
+.ul-list .li_item:hover .icon-gengduo {
+  display: block;
+}
+.ul-list .li_item .wrap_icon {
+  width: 70px;
+  display: inline-block;
+  margin-top: 6px;
+}
+.ul-list .li_item .wrap_icon .wrap_ .icon-logo {
+  width: 70px;
+  height: 50px;
+  margin-bottom: 4px;
+}
+.ul-list .li_item .wrap_icon .wrap_ .icon-logo img {
+  max-width: 100%;
+  max-height: 100%;
+}
+.ul-list .li_item .wrap_icon .wrap_ .shortcut-logo {
+  line-height: 77px;
+}
+.ul-list .li_item .wrap_icon .wrap_ .shortcut-logo img {
+  width: 35px;
+  height: 35px;
+}
+.ul-list .li_item .wrap_icon .wrap_ .icon_title {
+  width: 73px;
+  height: 20px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.ul-list .li_item .wrap_icon .quick-add .icon-logo {
+  width: 40px;
+  height: 40px;
+  margin: 5px auto 9px;
+  text-align: center;
+  background-color: rgba(0, 0, 0, 0.12);
+  border-radius: 50%;
+}
+.ul-list .li_item .wrap_icon .quick-add .icon-logo i {
+  line-height: 40px;
+  color: rgba(0, 0, 0, 0.85);
+  font-size: 14px;
+}
+.ul-list .li_item .icon-gengduo {
+  display: none;
+  position: absolute;
+  top: 2px;
+  right: 4px;
+}

package/dist/index.min.css

@@ -1 +1 @@
-.tooltip-button{height:auto;padding:20px}
+.tooltip-button{height:auto;padding:20px}.reference-btn{border:none;padding:12px 16px;border-radius:4px;color:#5f5f5f}.app-list-wrap{position:relative;padding:10px}.app-title{font-size:16px;font-weight:700;padding:0 15px}.ul-list{list-style:none;overflow:hidden;width:435px!important;text-align:center;padding:0;margin:0}.ul-list .li_item{float:left;width:85px;height:90px;text-align:center;margin:13px 0;position:relative}.ul-list .li_item .icon-logo .svg-icon{width:4em;height:3.5em}.ul-list .li_item:hover{background:rgba(0,0,0,.05);border-radius:4px;cursor:pointer}.ul-list .li_item:hover .icon-gengduo{display:block}.ul-list .li_item .wrap_icon{width:70px;display:inline-block;margin-top:6px}.ul-list .li_item .wrap_icon .wrap_ .icon-logo{width:70px;height:50px;margin-bottom:4px}.ul-list .li_item .wrap_icon .wrap_ .icon-logo img{max-width:100%;max-height:100%}.ul-list .li_item .wrap_icon .wrap_ .shortcut-logo{line-height:77px}.ul-list .li_item .wrap_icon .wrap_ .shortcut-logo img{width:35px;height:35px}.ul-list .li_item .wrap_icon .wrap_ .icon_title{width:73px;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ul-list .li_item .wrap_icon .quick-add .icon-logo{width:40px;height:40px;margin:5px auto 9px;text-align:center;background-color:rgba(0,0,0,.12);border-radius:50%}.ul-list .li_item .wrap_icon .quick-add .icon-logo i{line-height:40px;color:rgba(0,0,0,.85);font-size:14px}.ul-list .li_item .icon-gengduo{display:none;position:absolute;top:2px;right:4px}

package/es/appCenter/component.js

@@ -0,0 +1,186 @@
+import { defineComponent, ref, useSlots, computed, onMounted, openBlock, createElementBlock, createVNode, unref, withCtx, createElementVNode, createCommentVNode, Fragment, renderList, toDisplayString, renderSlot } from "vue";
+import { Popover, Message } from "@arco-design/web-vue";
+import routeMap from "./script/routeMap.js";
+import permissionMap from "./script/permissionMap.js";
+import appList from "./script/apps.js";
+import { setResentApp, getPubApps, getUserRepoActs, getResentApp } from "./script/api.js";
+import { getRID } from "../utils/auth.js";
+const _hoisted_1 = {
+  key: 1,
+  class: "reference-btn"
+};
+const _hoisted_2 = { class: "app-list-wrap apps-popover" };
+const _hoisted_3 = {
+  key: 0,
+  class: "app-title"
+};
+const _hoisted_4 = { class: "ul-list" };
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = { class: "wrap_icon" };
+const _hoisted_7 = { class: "wrap_" };
+const _hoisted_8 = { class: "icon-logo" };
+const _hoisted_9 = ["src"];
+const _hoisted_10 = { class: "icon_title" };
+const _hoisted_11 = {
+  key: 1,
+  class: "app-title"
+};
+const _hoisted_12 = { class: "ul-list" };
+const _hoisted_13 = ["onClick"];
+const _hoisted_14 = { class: "wrap_icon" };
+const _hoisted_15 = { class: "wrap_" };
+const _hoisted_16 = { class: "icon-logo" };
+const _hoisted_17 = ["src"];
+const _hoisted_18 = { class: "icon_title" };
+const _sfc_main = defineComponent({
+  ...{ name: "appCenter" },
+  __name: "component",
+  props: {
+    BASE_API: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const StorePubApplication = ref([]);
+    const resentApp = ref([]);
+    const permissions = ref([]);
+    const slotTest = !!useSlots().reference;
+    const rid = getRID() || "4";
+    const BASE_API = props.BASE_API || "https://site.cmstop.xyz";
+    const navList = computed(() => {
+      const appList2 = [];
+      StorePubApplication.value.map((item) => {
+        item.actions.map((app) => {
+          if (!app.icon.includes("http") && !app.icon.includes("data:image") && !app.icon.includes(".svg")) {
+            app.icon = `${BASE_API}/static/icon/${app.icon}.svg`;
+          }
+          const hide = [];
+          if (!hide.includes(app.key) && (app.type === 3 || app.subscribed) && hasRight(app)) {
+            appList2.push(app);
+          }
+          return app;
+        });
+        return item;
+      });
+      return appList2;
+    });
+    const resentList = computed(() => {
+      return navList.value.filter((item) => {
+        return resentApp.value.includes(item.id);
+      });
+    });
+    const remainList = computed(() => {
+      return navList.value.filter((item) => {
+        return !resentApp.value.includes(item.id);
+      });
+    });
+    const routeRedirect = (item) => {
+      if (hasRight(item)) {
+        setResent(item);
+        routeMap(BASE_API, rid, item.key, item);
+      } else {
+        Message.warning({ content: "\u6682\u65E0\u6743\u9650\uFF0C\u8BF7\u8054\u7CFB\u7BA1\u7406\u5458" });
+      }
+    };
+    const hasRight = (item) => {
+      return permissionMap(permissions.value, item);
+    };
+    const getUserActs = async () => {
+      const { code, message } = await getUserRepoActs(BASE_API);
+      if (code === 0 && message) {
+        permissions.value = message || [];
+      }
+    };
+    const getResent = async () => {
+      const { code, message } = await getResentApp(BASE_API, { repo_id: rid });
+      if (code === 0 && message) {
+        resentApp.value = message.map((item) => parseInt(item, 10));
+      }
+    };
+    const setResent = async (item) => {
+      await setResentApp(BASE_API, { repo_id: rid, app_id: item.id });
+    };
+    const load = async () => {
+      const result = await getPubApps(BASE_API, { rid, type: "2,3" });
+      if (result.code === 0) {
+        StorePubApplication.value = result.data.concat(appList);
+        setTimeout(() => {
+          getResent();
+          getUserActs();
+        }, 500);
+      }
+    };
+    onMounted(() => {
+      load();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        createVNode(unref(Popover), {
+          trigger: "hover",
+          position: "bottom",
+          "arrow-style": { display: "none" },
+          "content-style": { padding: 0, minWidth: "400px" }
+        }, {
+          content: withCtx(() => [
+            createElementVNode("div", _hoisted_2, [
+              resentList.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_3, "\u6700\u8FD1\u4F7F\u7528")) : createCommentVNode("v-if", true),
+              createElementVNode("ul", _hoisted_4, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(resentList.value, (item, index) => {
+                  return openBlock(), createElementBlock("li", {
+                    key: index,
+                    class: "li_item"
+                  }, [
+                    createElementVNode("div", {
+                      onClick: ($event) => routeRedirect(item)
+                    }, [
+                      createElementVNode("div", _hoisted_6, [
+                        createElementVNode("div", _hoisted_7, [
+                          createElementVNode("div", _hoisted_8, [
+                            createElementVNode("img", {
+                              src: item.icon,
+                              class: "icon"
+                            }, null, 8, _hoisted_9)
+                          ]),
+                          createElementVNode("div", _hoisted_10, toDisplayString(item.alias), 1)
+                        ])
+                      ])
+                    ], 8, _hoisted_5)
+                  ]);
+                }), 128))
+              ]),
+              resentList.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_11, "\u76F8\u5173\u5E94\u7528")) : createCommentVNode("v-if", true),
+              createElementVNode("ul", _hoisted_12, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(remainList.value, (item, index) => {
+                  return openBlock(), createElementBlock("li", {
+                    key: index,
+                    class: "li_item"
+                  }, [
+                    createElementVNode("div", {
+                      onClick: ($event) => routeRedirect(item)
+                    }, [
+                      createElementVNode("div", _hoisted_14, [
+                        createElementVNode("div", _hoisted_15, [
+                          createElementVNode("div", _hoisted_16, [
+                            createElementVNode("img", {
+                              src: item.icon,
+                              class: "icon"
+                            }, null, 8, _hoisted_17)
+                          ]),
+                          createElementVNode("div", _hoisted_18, toDisplayString(item.alias), 1)
+                        ])
+                      ])
+                    ], 8, _hoisted_13)
+                  ]);
+                }), 128))
+              ])
+            ])
+          ]),
+          default: withCtx(() => [
+            slotTest ? renderSlot(_ctx.$slots, "reference", { key: 0 }) : (openBlock(), createElementBlock("button", _hoisted_1, "\u5E94\u7528\u4E2D\u5FC3"))
+          ]),
+          _: 3
+        })
+      ]);
+    };
+  }
+});
+export { _sfc_main as default };

package/es/appCenter/index.d.ts

@@ -0,0 +1,2 @@
+declare const appCenter: any;
+export default appCenter;

package/es/appCenter/index.js

@@ -0,0 +1,7 @@
+import _sfc_main from "./component.js";
+const appCenter = Object.assign(_sfc_main, {
+  install: (app) => {
+    app.component(_sfc_main.name, _sfc_main);
+  }
+});
+export { appCenter as default };

package/es/appCenter/script/api.d.ts

@@ -0,0 +1,10 @@
+interface Params {
+    repo_id?: string;
+    app_id?: number;
+    [key: string]: any;
+}
+export declare function getUserRepoActs(BASE_API: string): import("axios").AxiosPromise<any>;
+export declare function getPubApps(BASE_API: string, params: Params): import("axios").AxiosPromise<any>;
+export declare function getResentApp(BASE_API: string, params: Params): import("axios").AxiosPromise<any>;
+export declare function setResentApp(BASE_API: string, params: Params): import("axios").AxiosPromise<any>;
+export {};

package/es/appCenter/script/api.js

@@ -0,0 +1,27 @@
+import request from "../../utils/request.js";
+function getUserRepoActs(BASE_API) {
+  return request(BASE_API, {
+    url: `/poplar/v3/ac/account/rules`,
+    method: "get"
+  });
+}
+function getPubApps(BASE_API, params) {
+  return request(BASE_API, {
+    url: "/leaf/v1/market/apps",
+    method: "get",
+    params
+  });
+}
+function getResentApp(BASE_API, params) {
+  return request(BASE_API, {
+    url: `/poplar/v2/repo/${params.repo_id}/common/apps`,
+    method: "get"
+  });
+}
+function setResentApp(BASE_API, params) {
+  return request(BASE_API, {
+    url: `/poplar/v2/repo/${params.repo_id}/app/${params.app_id}/access`,
+    method: "post"
+  });
+}
+export { getPubApps, getResentApp, getUserRepoActs, setResentApp };

package/es/appCenter/script/apps.d.ts

@@ -0,0 +1,23 @@
+declare const _default: {
+    alias: string;
+    actions: ({
+        id: number;
+        key: string;
+        alias: string;
+        brief: string;
+        type: number;
+        icon: string;
+        target_url: string;
+        real?: undefined;
+    } | {
+        id: number;
+        key: string;
+        alias: string;
+        brief: string;
+        real: string;
+        type: number;
+        icon: string;
+        target_url: string;
+    })[];
+}[];
+export default _default;

package/es/appCenter/script/apps.js

@@ -0,0 +1,122 @@
+var appList = [
+  {
+    alias: "\u8FD0\u8425\u7BA1\u7406",
+    actions: [
+      {
+        id: 13,
+        key: "push",
+        alias: "\u63A8\u9001\u7BA1\u7406",
+        brief: "\u63A8\u9001\u7BA1\u7406",
+        type: 3,
+        icon: "tuisongguanli",
+        target_url: ""
+      },
+      {
+        id: 14,
+        key: "pop",
+        alias: "\u63A8\u5E7F\u7BA1\u7406",
+        brief: "\u63A8\u5E7F\u7BA1\u7406",
+        real: "appcenter/app-promote:entry",
+        type: 3,
+        icon: "tuiguang",
+        target_url: ""
+      }
+    ]
+  },
+  {
+    alias: "\u4FE1\u606F\u7BA1\u7406",
+    actions: [
+      {
+        id: 18,
+        key: "systemNotice",
+        alias: "\u7CFB\u7EDF\u516C\u544A",
+        brief: "\u7CFB\u7EDF\u516C\u544A",
+        real: "appcenter/app-notify:entry",
+        type: 3,
+        icon: "xitonggonggao",
+        target_url: ""
+      },
+      {
+        id: 19,
+        key: "hotsearch",
+        alias: "\u70ED\u8BCD\u641C\u7D22",
+        brief: "\u70ED\u8BCD\u641C\u7D22",
+        real: "appcenter/app-hotword:entry",
+        type: 3,
+        icon: "recisousuo",
+        target_url: ""
+      },
+      {
+        id: 20,
+        key: "usertags",
+        alias: "\u7528\u6237\u6807\u7B7E",
+        brief: "\u7528\u6237\u6807\u7B7E",
+        real: "appcenter/app-userlabel:entry",
+        type: 3,
+        icon: "yonghubiaoqian",
+        target_url: ""
+      }
+    ]
+  },
+  {
+    alias: "\u8BC4\u8BBA\u7BA1\u7406",
+    actions: [
+      {
+        id: 23,
+        key: "commentList",
+        alias: "\u8BC4\u8BBA\u5217\u8868",
+        brief: "\u8BC4\u8BBA\u5217\u8868",
+        real: "appcenter/app-comment:entry",
+        type: 3,
+        icon: "app_commentList",
+        target_url: ""
+      },
+      {
+        id: 24,
+        key: "operatingRecord",
+        alias: "\u64CD\u4F5C\u8BB0\u5F55",
+        brief: "\u64CD\u4F5C\u8BB0\u5F55",
+        real: "appcenter/app-comment:entry",
+        type: 3,
+        icon: "app_operatingRecord",
+        target_url: ""
+      }
+    ]
+  },
+  {
+    alias: "\u4E3E\u62A5\u7BA1\u7406",
+    actions: [
+      {
+        id: 25,
+        key: "warningList",
+        alias: "\u4E3E\u62A5\u5217\u8868",
+        brief: "\u4E3E\u62A5\u5217\u8868",
+        real: "appcenter/app-report:entry",
+        type: 3,
+        icon: "app_warningList",
+        target_url: ""
+      },
+      {
+        id: 26,
+        key: "reportRecord",
+        alias: "\u4E3E\u62A5\u64CD\u4F5C\u8BB0\u5F55",
+        brief: "\u4E3E\u62A5\u64CD\u4F5C\u8BB0\u5F55",
+        real: "appcenter/app-report:entry",
+        type: 3,
+        icon: "app_reportRecord",
+        target_url: ""
+      },
+      {
+        id: 27,
+        key: "feedbackList",
+        alias: "\u53CD\u9988\u7BA1\u7406",
+        brief: "\u53CD\u9988\u7BA1\u7406",
+        real: "appcenter/app-feedback:entry",
+        type: 3,
+        icon: "app_feedbackList",
+        target_url: ""
+      }
+    ]
+  }
+];
+export { appList as default };

package/es/appCenter/script/permissionMap.d.ts

@@ -0,0 +1,6 @@
+declare type PermissionItem = {
+    key: string;
+    real: string | string[];
+};
+export default function permissionMap(permissions: string[], item: PermissionItem, hideList?: string[]): boolean;
+export {};

package/es/appCenter/script/permissionMap.js

@@ -0,0 +1,19 @@
+function permissionMap(permissions, item, hideList = []) {
+  if (hideList.includes(item.key)) {
+    return false;
+  }
+  if (item.real === "publice") {
+    return true;
+  }
+  if (typeof item.real === "string") {
+    return permissions.includes(item.real);
+  }
+  if (item.real instanceof Array) {
+    const join = permissions.filter(function(v) {
+      return item.real.indexOf(v) > -1;
+    });
+    return join.length > 0;
+  }
+  return true;
+}
+export { permissionMap as default };

package/es/appCenter/script/routeMap.d.ts

@@ -0,0 +1,4 @@
+export default function routeMap(BASE_API: string, rid: string | null | undefined, listType: string, app?: {
+    type: number;
+    setting?: any;
+} | null): Promise<void>;

package/es/appCenter/script/routeMap.js

@@ -0,0 +1,109 @@
+import { getRID } from "../../utils/auth.js";
+async function routeMap(BASE_API, rid = getRID(), listType, app = null) {
+  const origin = BASE_API;
+  if (listType === "activityList") {
+    window.open(`/poplar/v2/activity?rid=${rid}`, "_blank");
+    return;
+  }
+  if (listType === "statistics") {
+    window.open(`/#/operation/statistics?repoID=${rid}`, "_blank");
+    return;
+  }
+  if (listType === "point") {
+    window.open(`/#/operation/point?repoID=${rid}`, "_blank");
+    return;
+  }
+  if (listType === "systemNotice") {
+    window.open(`${origin}/foowz/#/systemNotice/${rid}`, "_blank");
+    return;
+  }
+  if (listType === "push") {
+    window.open(`${origin}/foowz/#/pushManagement/${rid}`, "_blank");
+    return;
+  }
+  if (listType === "pop") {
+    window.open(`${origin}/foowz/#/popManagement/${rid}`, "_blank");
+    return;
+  }
+  if (listType === "hotsearch") {
+    window.open(`${origin}/foowz/#/hotsearch/${rid}`, "_blank");
+    return;
+  }
+  if (listType === "usertags") {
+    window.open(`${origin}/foowz/#/newUserSetting/${rid}`, "_blank");
+    return;
+  }
+  if (listType === "commentList") {
+    window.open(`${origin}/foowz/#/commentList/${rid}`, "_blank");
+    return;
+  }
+  if (listType === "operatingRecord") {
+    window.open(`${origin}/foowz/#/operatingRecord/${rid}`, "_blank");
+    return;
+  }
+  if (listType === "warningList") {
+    window.open(`${origin}/foowz/#/warningList/${rid}`, "_blank");
+    return;
+  }
+  if (listType === "reportRecord") {
+    window.open(`${origin}/foowz/#/reportRecord/${rid}`, "_blank");
+    return;
+  }
+  if (listType === "feedbackList") {
+    window.open(`${origin}/foowz/#/feedbackList/${rid}`, "_blank");
+    return;
+  }
+  if (listType === "feedbackRecord") {
+    window.open(`${origin}/foowz/#/feedbackRecord/${rid}`, "_blank");
+    return;
+  }
+  if (app && app.type === 2) {
+    if (listType === "liveList") {
+      window.open(
+        `/poplar/v2/microservice/redirect?rid=${rid}&module=live`,
+        "_blank"
+      );
+      return;
+    }
+    if (listType === "formList") {
+      window.open(
+        `/poplar/v2/microservice/redirect?rid=${rid}&module=form`,
+        "_blank"
+      );
+      return;
+    }
+    if (listType === "lotteryList") {
+      window.open(
+        `/poplar/v2/microservice/redirect?rid=${rid}&module=lottery`,
+        "_blank"
+      );
+      return;
+    }
+    if (listType === "wzList") {
+      window.open(
+        `/poplar/v2/microservice/redirect?rid=${rid}&module=wz`,
+        "_blank"
+      );
+      return;
+    }
+    if (app.setting) {
+      window.open(
+        `/#/microservice/redirect?rid=${rid}&module=${listType}`,
+        "_blank"
+      );
+      return;
+    }
+    window.open(
+      `/poplar/v2/microservice/redirect?rid=${rid}&module=${listType}`,
+      "_blank"
+    );
+    return;
+  }
+  if (listType === "pop") {
+    window.open(`${origin}/#/popManagement/${rid}`, "_blank");
+    return;
+  }
+  console.log(`/media/enterprisepublish/${rid}`);
+  window.open(`${origin}/#/media/enterprisepublish/${rid}`, "_blank");
+}
+export { routeMap as default };

package/es/appCenter/style/css.js

@@ -0,0 +1 @@
+import "./index.css";