@cmstops/pro-compo 0.1.2 → 0.1.4

package/dist/index.css

@@ -1,14 +1,10 @@
-.tooltip-button {
-  height: auto;
-  padding: 20px;
-}
 .reference-btn {
   border: none;
   padding: 12px 16px;
   border-radius: 4px;
   color: #5f5f5f;
 }
-.app-list-wrap {
+.apps-box-popover {
   position: relative;
   padding: 10px;
 }
@@ -92,3 +88,143 @@
   top: 2px;
   right: 4px;
 }
+.reference-btn {
+  border: none;
+  padding: 12px 16px;
+  border-radius: 4px;
+  color: #5f5f5f;
+}
+.message-boxs-popover {
+  width: 435px;
+  position: relative;
+}
+.message-boxs-popover .arco-tabs-content {
+  padding-top: 0;
+}
+.message-boxs-popover .msg-scroll-bar {
+  height: 80vh;
+  overflow-y: auto;
+  display: block;
+}
+.message-boxs-popover .message-list {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.message-boxs-popover .message-item {
+  padding: 16px;
+  padding-bottom: 0px;
+}
+.message-boxs-popover .message-item:last-child .message-body {
+  border-bottom: none;
+}
+.message-boxs-popover .message-item .message-body {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+  padding-bottom: 16px;
+}
+.message-boxs-popover .message-item .message-body .media-message-content {
+  width: 100%;
+}
+.message-boxs-popover .message-item .message-body .media-message-content .message-content {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 12px;
+  color: #4e5969;
+  margin-bottom: 18px;
+}
+.message-boxs-popover .message-item .message-body .media-message-content .message-info {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  color: #1d2129;
+  font-size: 14px;
+  line-height: 14px;
+}
+.message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title .icon {
+  margin-right: 4px;
+}
+.message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title:hover {
+  text-decoration: underline;
+}
+.user-avater-content-info {
+  width: 328px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 24px;
+  padding-bottom: 0px;
+  line-height: 1;
+}
+.user-avater-content-info .avatar {
+  width: 74px;
+  height: 74px;
+  position: relative;
+  border-radius: 50%;
+  overflow: hidden;
+  margin-bottom: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.user-avater-content-info .avatar .arco-avatar {
+  width: 100%;
+  height: 100%;
+}
+.user-avater-content-info .nick-name {
+  font-size: 16px;
+  color: #1D2129;
+  font-weight: 500;
+  margin-bottom: 10px;
+}
+.user-avater-content-info .user-name,
+.user-avater-content-info .user-email {
+  font-size: 14px;
+  color: #86909C;
+  margin-bottom: 10px;
+}
+.user-avater-content-info .org-alias {
+  border: 1px solid #EBEEF5;
+  padding: 10px 20px;
+  border-radius: 40px;
+}
+.user-avater-content-info .b_info_bottom {
+  height: 52px;
+  padding: 10px 16px;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.type-icons-container {
+  display: inline-block;
+  vertical-align: middle;
+  font-size: 18px;
+}
+.tooltip-button {
+  height: auto;
+  padding: 20px;
+}
+.add-content-modal-wrapper .arco-modal-header {
+  border-bottom: none;
+}
+.add-content-modal-body {
+  padding: 0;
+  height: 70vh;
+}
+.add-content-modal-body .content-tabs {
+  height: 100%;
+}
+.add-content-modal-body .arco-tabs-content {
+  padding-top: 0;
+}
+.tooltip-button {
+  height: auto;
+  padding: 20px;
+}

package/dist/index.min.css

@@ -1 +1 @@
-.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}
+.reference-btn{border:none;padding:12px 16px;border-radius:4px;color:#5f5f5f}.apps-box-popover{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}.reference-btn{border:none;padding:12px 16px;border-radius:4px;color:#5f5f5f}.message-boxs-popover{width:435px;position:relative}.message-boxs-popover .arco-tabs-content{padding-top:0}.message-boxs-popover .msg-scroll-bar{height:80vh;overflow-y:auto;display:block}.message-boxs-popover .message-list{margin:0;padding:0;list-style:none}.message-boxs-popover .message-item{padding:16px;padding-bottom:0}.message-boxs-popover .message-item:last-child .message-body{border-bottom:none}.message-boxs-popover .message-item .message-body{border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:16px}.message-boxs-popover .message-item .message-body .media-message-content{width:100%}.message-boxs-popover .message-item .message-body .media-message-content .message-content{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#4e5969;margin-bottom:18px}.message-boxs-popover .message-item .message-body .media-message-content .message-info{display:flex;align-items:center;justify-content:space-between;color:#1d2129;font-size:14px;line-height:14px}.message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title .icon{margin-right:4px}.message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title:hover{text-decoration:underline}.user-avater-content-info{width:328px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;padding-bottom:0;line-height:1}.user-avater-content-info .avatar{width:74px;height:74px;position:relative;border-radius:50%;overflow:hidden;margin-bottom:10px;display:flex;align-items:center;justify-content:center}.user-avater-content-info .avatar .arco-avatar{width:100%;height:100%}.user-avater-content-info .nick-name{font-size:16px;color:#1d2129;font-weight:500;margin-bottom:10px}.user-avater-content-info .user-email,.user-avater-content-info .user-name{font-size:14px;color:#86909c;margin-bottom:10px}.user-avater-content-info .org-alias{border:1px solid #ebeef5;padding:10px 20px;border-radius:40px}.user-avater-content-info .b_info_bottom{height:52px;padding:10px 16px;width:100%;display:flex;align-items:center;justify-content:center}.type-icons-container{display:inline-block;vertical-align:middle;font-size:18px}.tooltip-button{height:auto;padding:20px}.add-content-modal-wrapper .arco-modal-header{border-bottom:none}.add-content-modal-body{padding:0;height:70vh}.add-content-modal-body .content-tabs{height:100%}.add-content-modal-body .arco-tabs-content{padding-top:0}.tooltip-button{height:auto;padding:20px}

package/es/appCenter/component.js

@@ -5,11 +5,12 @@ 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";
+import { DEFAULT_BASE_API } from "../config.js";
 const _hoisted_1 = {
   key: 1,
   class: "reference-btn"
 };
-const _hoisted_2 = { class: "app-list-wrap apps-popover" };
+const _hoisted_2 = { class: "apps-box-popover" };
 const _hoisted_3 = {
   key: 0,
   class: "app-title"
@@ -45,7 +46,7 @@ const _sfc_main = defineComponent({
     const permissions = ref([]);
     const slotTest = !!useSlots().reference;
     const rid = getRID() || "4";
-    const BASE_API = props.BASE_API || "https://site.cmstop.xyz";
+    const BASE_API = props.BASE_API || DEFAULT_BASE_API;
     const navList = computed(() => {
       const appList2 = [];
       StorePubApplication.value.map((item) => {

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

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

package/es/appCenter/style/index.css

@@ -4,7 +4,7 @@
   border-radius: 4px;
   color: #5f5f5f;
 }
-.app-list-wrap {
+.apps-box-popover {
   position: relative;
   padding: 10px;
 }

package/es/appCenter/style/index.less

@@ -4,7 +4,7 @@
   border-radius: 4px;
   color: #5f5f5f;
 }
-.app-list-wrap {
+.apps-box-popover {
   position: relative;
   padding: 10px;
 }

package/es/config.d.ts

@@ -0,0 +1,2 @@
+export declare const DEFAULT_BASE_API = "https://site.cmstop.xyz";
+export declare const DEFAULT_BASE_ACCOUNT_HOST = "https://account.cmstop.xyz";

package/es/config.js

@@ -0,0 +1,3 @@
+const DEFAULT_BASE_API = "https://site.cmstop.xyz";
+const DEFAULT_BASE_ACCOUNT_HOST = "https://account.cmstop.xyz";
+export { DEFAULT_BASE_ACCOUNT_HOST, DEFAULT_BASE_API };

package/es/contentModal/component.js

@@ -0,0 +1,175 @@
+import { defineComponent, computed, ref, onMounted, openBlock, createBlock, unref, withCtx, createTextVNode, toDisplayString, createVNode, createCommentVNode } from "vue";
+import { Modal, Tabs, TabPane, Button } from "@arco-design/web-vue";
+import _sfc_main$1 from "./components/ViewAllColumn/index.js";
+import _sfc_main$3 from "./components/CompoList/index.js";
+import _sfc_main$2 from "./components/storeBox/index.js";
+import "../typeIcons/style/index.js";
+import { DEFAULT_BASE_API } from "../config.js";
+import useLoadUserInfo from "../hooks/user.js";
+const _sfc_main = defineComponent({
+  ...{ name: "contentModal" },
+  __name: "component",
+  props: {
+    BASE_API: {},
+    visible: { type: Boolean },
+    title: {},
+    defaultSelectedData: {},
+    maxSelect: {},
+    typeData: {},
+    userStore: {}
+  },
+  emits: ["update:visible", "comfirm"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const BASE_API = props.BASE_API || DEFAULT_BASE_API;
+    const visible = computed({
+      get() {
+        return props.visible;
+      },
+      set(value) {
+        setVisible(value);
+      }
+    });
+    const selectedData = ref([]);
+    const hasSelected = computed(() => {
+      return selectedData.value.length > 0;
+    });
+    const typeDataController = ref(props.typeData);
+    const setVisible = (bool) => {
+      emit("update:visible", bool);
+    };
+    const selectedDataChangeHandle = (data) => {
+      selectedData.value = data;
+    };
+    const handleOk = () => {
+      setVisible(false);
+    };
+    const handleCancel = () => {
+      setVisible(false);
+    };
+    const comfirm = () => {
+      emit("comfirm", JSON.parse(JSON.stringify(selectedData.value)));
+    };
+    const { userInfo, getUserInfoHandle } = useLoadUserInfo(BASE_API);
+    const HandleOpen = () => {
+      selectedData.value = props.defaultSelectedData || [];
+    };
+    const HandleClose = () => {
+      selectedData.value = [];
+    };
+    onMounted(() => {
+      if (props.userStore) {
+        userInfo.value = { BASE_API, ...props.userStore };
+      } else {
+        getUserInfoHandle();
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Modal), {
+        visible: visible.value,
+        width: "986px",
+        "mask-closable": false,
+        footer: false,
+        "title-align": "start",
+        "unmount-on-close": "",
+        "modal-class": "add-content-modal-wrapper",
+        "body-class": "add-content-modal-body",
+        onOk: handleOk,
+        onOpen: HandleOpen,
+        onClose: HandleClose,
+        onCancel: handleCancel
+      }, {
+        title: withCtx(() => [
+          createTextVNode(toDisplayString(props.title ? props.title : "\u6DFB\u52A0\u5185\u5BB9"), 1)
+        ]),
+        default: withCtx(() => [
+          createVNode(unref(Tabs), {
+            class: "content-tabs",
+            justify: ""
+          }, {
+            default: withCtx(() => [
+              typeDataController.value.addDoc ? (openBlock(), createBlock(unref(TabPane), {
+                key: "1",
+                title: "\u680F\u76EE"
+              }, {
+                default: withCtx(() => [
+                  unref(userInfo) && unref(userInfo).repository_id ? (openBlock(), createBlock(_sfc_main$1, {
+                    key: 0,
+                    "max-select": _ctx.maxSelect,
+                    "default-selected-data": selectedData.value,
+                    "type-data": typeDataController.value,
+                    series: typeDataController.value.docSeries,
+                    banner: typeDataController.value.docBanner,
+                    "user-info": unref(userInfo),
+                    onChange: selectedDataChangeHandle
+                  }, {
+                    store: withCtx(() => [
+                      createVNode(_sfc_main$2, {
+                        selectData: selectedData.value,
+                        "onUpdate:selectData": _cache[0] || (_cache[0] = ($event) => selectedData.value = $event)
+                      }, null, 8, ["selectData"])
+                    ]),
+                    options: withCtx(() => [
+                      createVNode(unref(Button), {
+                        type: "primary",
+                        disabled: !hasSelected.value,
+                        onClick: comfirm
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode("\u6DFB\u52A0")
+                        ]),
+                        _: 1
+                      }, 8, ["disabled"])
+                    ]),
+                    _: 1
+                  }, 8, ["max-select", "default-selected-data", "type-data", "series", "banner", "user-info"])) : createCommentVNode("v-if", true)
+                ]),
+                _: 1
+              })) : createCommentVNode("v-if", true),
+              typeDataController.value.addCompo ? (openBlock(), createBlock(unref(TabPane), {
+                key: "2",
+                title: "\u7EC4\u4EF6"
+              }, {
+                default: withCtx(() => [
+                  unref(userInfo) && unref(userInfo).repository_id ? (openBlock(), createBlock(_sfc_main$3, {
+                    key: 0,
+                    "max-select": _ctx.maxSelect,
+                    "default-selected-data": selectedData.value,
+                    "type-data": typeDataController.value,
+                    columns: typeDataController.value.compoType,
+                    "user-info": unref(userInfo),
+                    onChange: selectedDataChangeHandle
+                  }, {
+                    store: withCtx(() => [
+                      createVNode(_sfc_main$2, {
+                        selectData: selectedData.value,
+                        "onUpdate:selectData": _cache[1] || (_cache[1] = ($event) => selectedData.value = $event)
+                      }, null, 8, ["selectData"])
+                    ]),
+                    options: withCtx(() => [
+                      createVNode(unref(Button), {
+                        type: "primary",
+                        disabled: !hasSelected.value,
+                        onClick: comfirm
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode("\u6DFB\u52A0")
+                        ]),
+                        _: 1
+                      }, 8, ["disabled"])
+                    ]),
+                    _: 1
+                  }, 8, ["max-select", "default-selected-data", "type-data", "columns", "user-info"])) : createCommentVNode("v-if", true)
+                ]),
+                _: 1
+              })) : createCommentVNode("v-if", true)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["visible"]);
+    };
+  }
+});
+export { _sfc_main as default };

package/es/contentModal/components/CompoList/CompoFilter/index.js

@@ -0,0 +1,103 @@
+import { defineComponent, ref, computed, watch, openBlock, createElementBlock, createVNode, unref, withCtx, Fragment, renderList, createBlock } from "vue";
+import { Space, Select, Option, Input } from "@arco-design/web-vue";
+import { compoColumnsMap } from "../../../../utils/typeMap.js";
+const _hoisted_1 = { class: "media-filter-container" };
+const _sfc_main = defineComponent({
+  ...{ name: "CompoFilter" },
+  __name: "index",
+  props: {
+    group_id: {},
+    groups: {},
+    userInfo: {}
+  },
+  emits: ["update:group_id", "search"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const columnIdMap = compoColumnsMap();
+    const filter = ref({ keyword: "", columns: "" });
+    const groupId = computed({
+      get() {
+        return props.group_id;
+      },
+      set(val) {
+        emit("update:group_id", val);
+      }
+    });
+    const typeOptions = computed(() => {
+      const arr = Object.keys(columnIdMap).map((key) => {
+        return {
+          label: columnIdMap[key],
+          value: key
+        };
+      });
+      return [{ value: "", label: "\u5168\u90E8\u7C7B\u578B" }, ...arr];
+    });
+    const groupOptions = computed(() => {
+      const arr = props.groups.map((item) => {
+        return {
+          label: item.alias || item.title,
+          value: item.id
+        };
+      });
+      return [{ value: "all", label: "\u5168\u90E8\u7EC4\u4EF6" }, ...arr];
+    });
+    const handleSearch = () => {
+      emit("search", filter.value);
+    };
+    watch(filter.value, () => {
+      handleSearch();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(Space), { size: "large" }, {
+          default: withCtx(() => [
+            createVNode(unref(Select), {
+              modelValue: groupId.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => groupId.value = $event),
+              class: "filter-item",
+              placeholder: "\u7EC4\u4EF6\u5206\u7C7B"
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(groupOptions.value, (item) => {
+                  return openBlock(), createBlock(unref(Option), {
+                    key: item.value,
+                    label: item.label,
+                    value: item.value
+                  }, null, 8, ["label", "value"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue"]),
+            createVNode(unref(Select), {
+              modelValue: filter.value.columns,
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => filter.value.columns = $event),
+              class: "filter-item",
+              placeholder: "\u7C7B\u578B"
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(typeOptions.value, (item) => {
+                  return openBlock(), createBlock(unref(Option), {
+                    key: item.value,
+                    label: item.label,
+                    value: item.value
+                  }, null, 8, ["label", "value"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue"]),
+            createVNode(unref(Input), {
+              modelValue: filter.value.keyword,
+              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => filter.value.keyword = $event),
+              class: "filter-item",
+              "allow-clear": "",
+              placeholder: "\u8F93\u5165\u7EC4\u4EF6\u6807\u9898\u67E5\u627E",
+              onPressEnter: handleSearch
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+export { _sfc_main as default };