@cmstops/pro-compo 0.1.2 → 0.1.4

package/es/contentModal/components/storeBox/index.js

@@ -0,0 +1,107 @@
+import { defineComponent, openBlock, createElementBlock, createVNode, unref, withCtx, createElementVNode, Fragment, renderList, toDisplayString, createTextVNode } from "vue";
+import { Popover, Scrollbar, Button, Badge } from "@arco-design/web-vue";
+import { IconCloseCircle } from "@arco-design/web-vue/es/icon";
+import _sfc_main$1 from "../../../typeIcons/component.js";
+const _hoisted_1 = { class: "add-content-selected-store-box" };
+const _hoisted_2 = { class: "batch-section-popover-main" };
+const _hoisted_3 = { class: "left" };
+const _hoisted_4 = { class: "title" };
+const _hoisted_5 = { class: "options" };
+const _sfc_main = defineComponent({
+  ...{ name: "storeBox" },
+  __name: "index",
+  props: {
+    selectData: {}
+  },
+  emits: ["update:selectData"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const remove = (item, index) => {
+      const arr = props.selectData;
+      arr.splice(index, 1);
+      emit("update:selectData", arr);
+    };
+    const clear = () => {
+      emit("update:selectData", []);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(Popover), {
+          position: "tl",
+          "content-class": "selected-store-box-popover-content",
+          "content-style": { width: "290px" },
+          "arrow-style": { display: "none" },
+          trigger: "click"
+        }, {
+          content: withCtx(() => [
+            createElementVNode("div", _hoisted_2, [
+              createVNode(unref(Scrollbar), {
+                "outer-class": "batch-section-scrollbar",
+                style: { "height": "100%", "overflow": "auto" }
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(props.selectData, (item, index) => {
+                    return openBlock(), createElementBlock("div", {
+                      key: index,
+                      class: "item"
+                    }, [
+                      createElementVNode("div", _hoisted_3, [
+                        createVNode(_sfc_main$1, {
+                          class: "icon",
+                          doc: "",
+                          type: item.series
+                        }, null, 8, ["type"]),
+                        createElementVNode("span", _hoisted_4, toDisplayString(item.alias || item.title), 1)
+                      ]),
+                      createVNode(unref(Button), {
+                        class: "close-btn",
+                        type: "text",
+                        shape: "circle",
+                        size: "mini",
+                        onClick: ($event) => remove(item, index)
+                      }, {
+                        icon: withCtx(() => [
+                          createVNode(unref(IconCloseCircle), { size: "14" })
+                        ]),
+                        _: 2
+                      }, 1032, ["onClick"])
+                    ]);
+                  }), 128))
+                ]),
+                _: 1
+              })
+            ]),
+            createElementVNode("div", _hoisted_5, [
+              createVNode(unref(Button), {
+                type: "text",
+                onClick: clear
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("\u6E05\u7A7A")
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          default: withCtx(() => [
+            createVNode(unref(Badge), {
+              count: props.selectData.length
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(Button), { class: "button" }, {
+                  default: withCtx(() => [
+                    createTextVNode("\u5DF2\u9009\u6570\u636E")
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["count"])
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+export { _sfc_main as default };

package/es/contentModal/index.d.ts

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

package/es/contentModal/index.js

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

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

@@ -0,0 +1,10 @@
+interface Params {
+    [key: string]: any;
+}
+export declare function getCategoryCategoriesTree(BASE_API: string, params?: Params): import("axios").AxiosPromise<any>;
+export declare function getCategoryPath(BASE_API: string, params?: Params): import("axios").AxiosPromise<any>;
+export declare function getCategoryMediaNew(BASE_API: string, params?: Params): import("axios").AxiosPromise<any>;
+export declare function checkCommitFulfillment(BASE_API: string, params?: Params): Promise<boolean>;
+export declare function searchMlists(BASE_API: string, params?: Params): import("axios").AxiosPromise<any>;
+export declare function getCategorylistsGroups(BASE_API: string, params?: Params): Promise<import("axios").AxiosResponse<any>>;
+export {};

package/es/contentModal/script/api.js

@@ -0,0 +1,45 @@
+import request from "../../utils/request.js";
+function getCategoryCategoriesTree(BASE_API, params) {
+  return request(BASE_API, {
+    url: `/poplar/v3/categories`,
+    method: "get",
+    params
+  });
+}
+function getCategoryPath(BASE_API, params) {
+  return request(BASE_API, {
+    url: `/poplar/v2/repo/${params == null ? void 0 : params.repo}/category/${params == null ? void 0 : params.category}/path`,
+    method: "get"
+  });
+}
+function getCategoryMediaNew(BASE_API, params) {
+  return request(BASE_API, {
+    url: `/poplar/v3/s/documents`,
+    method: "get",
+    params
+  });
+}
+function checkCommitFulfillment(BASE_API, params) {
+  return request(BASE_API, {
+    url: `/poplar/v2/doc/new/${params == null ? void 0 : params.hash_id}`,
+    method: "get"
+  }).then((resp) => {
+    const content = resp.message;
+    return Promise.resolve(!content.payload.includes("image_over_limit.jpg"));
+  });
+}
+function searchMlists(BASE_API, params) {
+  return request(BASE_API, {
+    url: `/poplar/v3/mobile_list`,
+    method: "get",
+    params
+  });
+}
+async function getCategorylistsGroups(BASE_API, params) {
+  return request(BASE_API, {
+    url: `/poplar/v2/listgroups`,
+    method: "get",
+    params
+  });
+}
+export { checkCommitFulfillment, getCategoryCategoriesTree, getCategoryMediaNew, getCategoryPath, getCategorylistsGroups, searchMlists };

package/es/contentModal/style/MediaFilter.less

@@ -0,0 +1,8 @@
+.media-filter-container {
+    padding: 10px 15px;
+    display: flex;
+    align-items: center;
+    .filter-item {
+        width: auto;
+    }
+}

package/es/contentModal/style/ViewAllColumn.less

@@ -0,0 +1,33 @@
+.view-all-column-container {
+    height: 100%;
+    .content-table-view {
+        height: calc(100% - 110px);
+        .title-span {
+            width: 100%;
+            display: block;
+            text-overflow: ellipsis;
+                overflow: hidden;
+                white-space: nowrap;
+            .icon {
+                width: 20px;
+                height: 25px;
+                margin-right: 8px;
+                font-size: 18px;
+                vertical-align: middle;
+                display: inline-block;
+                text-align: center;
+            }
+        }
+    }
+    .bottom-view {
+        height: 60px;
+        margin: 0px 15px;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        .left {
+            display: flex;
+            align-items: center;
+        }
+    }
+}

package/es/contentModal/style/columnTree.less

@@ -0,0 +1,9 @@
+.column-selection-container {
+    padding: 0px 15px;
+}
+.column-selection-popover-content {
+    padding: 0;
+    .column-outer-scrollbar {
+        height: 100%;
+    }
+}

package/es/contentModal/style/css.js

@@ -0,0 +1,5 @@
+import "./index.css";
+import "./columnTree.css";
+import "./ViewAllColumn.css";
+import "./storeBox.css";
+import "./MediaFilter.css";

package/es/contentModal/style/index.css

@@ -0,0 +1,13 @@
+.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;
+}

package/es/contentModal/style/index.d.ts

@@ -0,0 +1,5 @@
+import './index.less';
+import './columnTree.less';
+import './ViewAllColumn.less';
+import './storeBox.less';
+import './MediaFilter.less';

package/es/contentModal/style/index.js

@@ -0,0 +1,5 @@
+import "./index.less";
+import "./columnTree.less";
+import "./ViewAllColumn.less";
+import "./storeBox.less";
+import "./MediaFilter.less";

package/es/contentModal/style/index.less

@@ -0,0 +1,16 @@
+
+.add-content-modal-wrapper {
+  .arco-modal-header {
+    border-bottom: none;
+  }
+}
+.add-content-modal-body {
+  padding: 0;
+  height: 70vh;
+  .content-tabs {
+    height: 100%;
+  }
+  .arco-tabs-content {
+    padding-top: 0;
+  }
+}

package/es/contentModal/style/storeBox.less

@@ -0,0 +1,45 @@
+.selected-store-box-popover-content {
+  padding: 0;
+  .batch-section-popover-main {
+    .item {
+      height: 35px;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 5px 10px;
+      box-sizing: border-box;
+      .icon {
+        width: 20px;
+        height: 25px;
+        margin-right: 8px;
+        font-size: 18px;
+        vertical-align: middle;
+        display: inline-block;
+        text-align: center;
+      }
+      .left {
+        width: 90%;
+        display: inline-block;
+        align-items: center;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        white-space: nowrap;
+      }
+      .close-btn {
+        display: none;
+      }
+      &:hover,
+      &:active {
+        background-color: #f6f6f6;
+        .close-btn {
+          display: block;
+        }
+      }
+    }
+  }
+  .options {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+  }
+}

package/es/hooks/batch.d.ts

@@ -0,0 +1,8 @@
+declare const useTableBatch: () => {
+    hoverTarget: import("vue").Ref<null>;
+    isItemChecked: import("vue").ComputedRef<(selectedData: any, item: any) => any>;
+    hoverBatchBox: import("vue").ComputedRef<(selectedData: any, item: any) => any>;
+    tableCellMouseEnter: (record: any) => void;
+    tableCellMouseLeave: (record: any) => void;
+};
+export default useTableBatch;

package/es/hooks/batch.js

@@ -0,0 +1,26 @@
+import { ref, computed } from "vue";
+const useTableBatch = () => {
+  const hoverTarget = ref(null);
+  const isItemChecked = computed(() => (selectedData, item) => {
+    return selectedData.map((row) => row.id).includes(item.id);
+  });
+  const hoverBatchBox = computed(() => (selectedData, item) => {
+    return hoverTarget.value === item.id || isItemChecked.value(selectedData, item);
+  });
+  const tableCellMouseEnter = (record) => {
+    hoverTarget.value = record.id;
+  };
+  const tableCellMouseLeave = (record) => {
+    if (record.id === hoverTarget.value) {
+      hoverTarget.value = null;
+    }
+  };
+  return {
+    hoverTarget,
+    isItemChecked,
+    hoverBatchBox,
+    tableCellMouseEnter,
+    tableCellMouseLeave
+  };
+};
+export { useTableBatch as default };

package/es/hooks/user.d.ts

@@ -0,0 +1,11 @@
+interface Params {
+    [key: string]: any;
+}
+export declare function getChannels(BASE_API: string, params?: Params): import("axios").AxiosPromise<any>;
+declare const useLoadUserInfo: (BASE_API: string) => {
+    userInfo: import("vue").Ref<{
+        BASE_API: string;
+    }>;
+    getUserInfoHandle: () => Promise<void>;
+};
+export default useLoadUserInfo;

package/es/hooks/user.js

@@ -0,0 +1,46 @@
+import { ref } from "vue";
+import request from "../utils/request.js";
+function getUserInfo(BASE_API, params) {
+  return request(BASE_API, {
+    url: "/poplar/v2/account/info",
+    method: "get",
+    params
+  });
+}
+function getChannels(BASE_API, params) {
+  return request(BASE_API, {
+    url: `/poplar/v2/channels?repository_id=${params == null ? void 0 : params.repository_id}`,
+    method: "get"
+  });
+}
+const useLoadUserInfo = (BASE_API) => {
+  const userInfo = ref({ BASE_API });
+  const getChannelsHandle = async (_user) => {
+    const channels = await getChannels(BASE_API, {
+      repository_id: _user.repository_id
+    });
+    if (channels.code === 0) {
+      channels.message.map((channel) => {
+        _user[`${channel.platform_type}_channel_id`] = channel.id;
+        if (channel.logo_type === "2") {
+          _user.channel_clientSetting = channel.uid;
+        }
+      });
+      return _user;
+    }
+  };
+  const getUserInfoHandle = async () => {
+    const res = await getUserInfo(BASE_API);
+    if (res.code === 0 && res.message) {
+      if (res.message.repository_id) {
+        res.message = await getChannelsHandle(res.message);
+      }
+      userInfo.value = { BASE_API, ...res.message };
+    }
+  };
+  return {
+    userInfo,
+    getUserInfoHandle
+  };
+};
+export { useLoadUserInfo as default, getChannels };

package/es/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/es/index.d.ts

@@ -1,3 +1,8 @@
 export { default } from './components';
-export { default as button } from './button';
 export { default as appCenter } from './appCenter';
+export { default as messageBox } from './messageBox';
+export { default as userAvater } from './userAvater';
+export { default as typeIcons } from './typeIcons';
+export { default as uploadStep } from './uploadStep';
+export { default as contentModal } from './contentModal';
+export { default as resourceModal } from './resourceModal';

package/es/index.js

@@ -1,3 +1,8 @@
 export { default } from "./components.js";
-export { default as button } from "./button/index.js";
 export { default as appCenter } from "./appCenter/index.js";
+export { default as messageBox } from "./messageBox/index.js";
+export { default as userAvater } from "./userAvater/index.js";
+export { default as typeIcons } from "./typeIcons/index.js";
+export { default as uploadStep } from "./uploadStep/index.js";
+export { default as contentModal } from "./contentModal/index.js";
+export { default as resourceModal } from "./resourceModal/index.js";

package/es/index.less

@@ -1,3 +1,8 @@
 @import './style/index.less';
-@import './button/style/index.less';
 @import './appCenter/style/index.less';
+@import './messageBox/style/index.less';
+@import './userAvater/style/index.less';
+@import './typeIcons/style/index.less';
+@import './uploadStep/style/index.less';
+@import './contentModal/style/index.less';
+@import './resourceModal/style/index.less';