@cmstops/pro-compo 0.1.9 → 0.1.11

package/es/userDirector/component.js

@@ -0,0 +1,200 @@
+import { defineComponent, ref, onMounted, computed, openBlock, createBlock, unref, withCtx, createTextVNode, toDisplayString, createElementVNode, createVNode } from "vue";
+import { Modal, AutoComplete, Collapse, CollapseItem, Tree } from "@arco-design/web-vue";
+import { DEFAULT_BASE_API } from "../config.js";
+import { getRoleAllUser, getDepartUserList, getRepoRoleList, getDepartList, getRepoUserList } from "./script/api.js";
+const _hoisted_1 = { class: "user-select-content" };
+const _hoisted_2 = { class: "user-select-left" };
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("div", { class: "user-select-right" }, null, -1);
+const _sfc_main = defineComponent({
+  ...{ name: "userDirector" },
+  __name: "component",
+  props: {
+    BASE_API: {},
+    repositoryId: {},
+    visible: { type: Boolean },
+    title: {}
+  },
+  emits: ["update:visible"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const BASE_API = props.BASE_API || DEFAULT_BASE_API;
+    const emit = __emit;
+    const loadMore = () => {
+    };
+    const RoleTreeData = ref([]);
+    const DepartTreeData = ref([]);
+    const fieldNames = {
+      children: "children",
+      title: "alias",
+      key: "node_key"
+    };
+    const selectRoleNode = (selectedKeys, data) => {
+      console.log("selectRoleNode", data);
+    };
+    const expandRoleNode = async (selectedKeys, data) => {
+      if (data.node.isRole) {
+        const res = await getRoleAllUser(BASE_API, { id: data.node.id });
+        if (res.code === 0) {
+          data.node.children = res.message.map((item) => {
+            item.node_key = `role_${data.node.id}_${item.uid}`;
+            item.isUser = true;
+            item.isLeaf = true;
+            return item;
+          });
+        }
+      }
+    };
+    const selectDepartNode = (selectedKeys, data) => {
+      console.log("selectDepartNode", data);
+    };
+    const expandDepartNode = async (selectedKeys, data) => {
+      if (data.node.isDepart) {
+        const res = await getDepartUserList(BASE_API, { pid: data.node.id });
+        if (res.code === 0) {
+          data.node.children = res.message.map((item) => {
+            item.node_key = `depart_${data.node.id}_${item.uid}`;
+            item.isUser = true;
+            item.isLeaf = true;
+            return item;
+          });
+        }
+      }
+    };
+    const collapseChange = async (keys) => {
+      if (keys.includes("Role")) {
+        getRepoRoleList(BASE_API, { repoID: props.repositoryId }).then((res) => {
+          if (res.code === 0) {
+            RoleTreeData.value = res.message.map((item) => {
+              item.node_key = `role_${item.id}`;
+              item.isRole = true;
+              return item;
+            });
+          }
+        });
+      }
+      if (keys.includes("Depart")) {
+        getDepartList(BASE_API).then((res) => {
+          if (res.code === 0) {
+            DepartTreeData.value = res.message.departments.map((item) => {
+              item.node_key = `depart_${item.id}`;
+              item.isDepart = true;
+              return item;
+            });
+          }
+        });
+      }
+    };
+    const allUserList = ref([]);
+    const completeUser = ref();
+    const getUserList = async () => {
+      const res = await getRepoUserList(BASE_API, { id: props.repositoryId });
+      if (res.code === 0) {
+        allUserList.value = res.message.map((item) => {
+          item.value = item.uid;
+          item.label = item.alias;
+          return item;
+        });
+      }
+    };
+    const selectUser = (value) => {
+      console.log(value);
+      setTimeout(() => {
+        completeUser.value = "";
+      }, 100);
+    };
+    onMounted(() => {
+      getUserList();
+    });
+    const visible = computed({
+      get() {
+        return props.visible;
+      },
+      set(value) {
+        setVisible(value);
+      }
+    });
+    const setVisible = (bool) => {
+      emit("update:visible", bool);
+    };
+    const handleOk = () => {
+      setVisible(false);
+    };
+    const handleCancel = () => {
+      setVisible(false);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Modal), {
+        visible: visible.value,
+        width: "986px",
+        "mask-closable": false,
+        footer: false,
+        "title-align": "start",
+        "unmount-on-close": "",
+        onOk: handleOk,
+        onCancel: handleCancel
+      }, {
+        title: withCtx(() => [
+          createTextVNode(toDisplayString(props.title ? props.title : "\u9009\u62E9\u7528\u6237"), 1)
+        ]),
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            createElementVNode("div", _hoisted_2, [
+              createVNode(unref(AutoComplete), {
+                modelValue: completeUser.value,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => completeUser.value = $event),
+                data: allUserList.value,
+                placeholder: "\u641C\u7D22\u59D3\u540D\u3001\u7528\u6237\u540D",
+                onSelect: selectUser
+              }, null, 8, ["modelValue", "data"]),
+              createVNode(unref(Collapse), {
+                accordion: "",
+                onChange: collapseChange
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(CollapseItem), {
+                    key: "Role",
+                    header: "\u6309\u89D2\u8272\u9009\u62E9"
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(Tree), {
+                        data: RoleTreeData.value,
+                        "load-more": loadMore,
+                        "field-names": fieldNames,
+                        "action-on-node-click": "expand",
+                        onSelect: selectRoleNode,
+                        onExpand: expandRoleNode
+                      }, null, 8, ["data"])
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(unref(CollapseItem), {
+                    key: "Depart",
+                    header: "\u6309\u7EC4\u7EC7\u67B6\u6784\u9009\u62E9"
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(Tree), {
+                        size: "large",
+                        "block-node": "",
+                        "field-names": fieldNames,
+                        data: DepartTreeData.value,
+                        "load-more": loadMore,
+                        "action-on-node-click": "expand",
+                        onSelect: selectDepartNode,
+                        onExpand: expandDepartNode
+                      }, null, 8, ["data"])
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _hoisted_3
+          ])
+        ]),
+        _: 1
+      }, 8, ["visible"]);
+    };
+  }
+});
+export { _sfc_main as default };

package/es/userDirector/index.d.ts

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

package/es/userDirector/index.js

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

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

@@ -0,0 +1,9 @@
+interface Params {
+    [key: string]: any;
+}
+export declare function getRepoRoleList(BASE_API: string, params: Params): import("axios").AxiosPromise<any>;
+export declare function getRoleAllUser(BASE_API: string, params: Params): import("axios").AxiosPromise<any>;
+export declare function getDepartList(BASE_API: string): import("axios").AxiosPromise<any>;
+export declare function getDepartUserList(BASE_API: string, params: Params): import("axios").AxiosPromise<any>;
+export declare function getRepoUserList(BASE_API: string, params: Params): import("axios").AxiosPromise<any>;
+export {};

package/es/userDirector/script/api.js

@@ -0,0 +1,32 @@
+import request from "../../utils/request.js";
+function getRepoRoleList(BASE_API, params) {
+  return request(BASE_API, {
+    url: `/poplar/v2/roles/${params.repoID}`,
+    method: "get"
+  });
+}
+function getRoleAllUser(BASE_API, params) {
+  return request(BASE_API, {
+    url: `/poplar/v2/role/${params.id}/user`,
+    method: "get"
+  });
+}
+function getDepartList(BASE_API) {
+  return request(BASE_API, {
+    url: "/poplar/v2/department",
+    method: "get"
+  });
+}
+function getDepartUserList(BASE_API, params) {
+  return request(BASE_API, {
+    url: `/poplar/v2/department/${params.pid}/user`,
+    method: "get"
+  });
+}
+function getRepoUserList(BASE_API, params) {
+  return request(BASE_API, {
+    url: `/poplar/v2/repository/${params.id}/user`,
+    method: "get"
+  });
+}
+export { getDepartList, getDepartUserList, getRepoRoleList, getRepoUserList, getRoleAllUser };

package/es/userDirector/style/css.js

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

package/es/userDirector/style/index.css

@@ -0,0 +1,8 @@
+.user-select-content {
+  height: 60vh;
+}
+.user-select-content .user-select-left,
+.user-select-content .user-select-right {
+  width: 50%;
+  height: 100%;
+}

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

@@ -0,0 +1 @@
+import './index.less';

package/es/userDirector/style/index.js

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

package/es/userDirector/style/index.less

@@ -0,0 +1,8 @@
+.user-select-content {
+  height: 60vh;
+  .user-select-left,
+  .user-select-right {
+    width: 50%;
+    height: 100%;
+  }
+}

package/es/utils/doc.d.ts

@@ -1,3 +1,6 @@
+declare type KeyValue = {
+    [key: string]: string;
+};
 export declare const docStateMap: {
     0: string;
     10: string;
@@ -10,11 +13,11 @@ export declare const docStateMap: {
     19: string;
     22: string;
 };
-export declare const docPubStateMap: {
-    '14|15|19': string;
-    '16|22': string;
-    '17': string;
-};
+export declare const docPubStateMap: KeyValue;
+export declare const stateOptions: () => {
+    value: string;
+    label: string;
+}[];
 export declare const docThumbObjMap: any;
 export declare const docThumbRatioMap: () => any;
 export declare const docThumbArrMap: () => unknown[];
@@ -23,17 +26,15 @@ export declare const docThumbOptions: () => {
     value: string;
 }[];
 export declare const docThumbMap: () => any;
-export declare const docSeries: {
-    imagetext: string;
-    atlas: string;
-    video: string;
-    video_album: string;
-    svideo: string;
-    audio: string;
-    audio_album: string;
-    h5: string;
-    special_v3: string;
-};
+export declare const docThumbTypeMap: () => {
+    value: string;
+    label: any;
+}[];
+export declare const docSeries: KeyValue;
+export declare const typeOptions: () => {
+    value: string;
+    label: string;
+}[];
 export declare const otherSeries: {
     wechat: string;
     ad: string;
@@ -67,3 +68,4 @@ export declare const getPublishParmas: (categories: any[], categories_with: any[
     clean_offline_time: boolean;
     id: any;
 };
+export {};

package/es/utils/doc.js

@@ -0,0 +1,52 @@
+const docPubStateMap = {
+  "14|15|19": "\u5DF2\u53D1\u5E03",
+  "16|22": "\u5DF2\u4E0B\u7EBF",
+  "17": "\u5DF2\u5220\u9664"
+};
+const stateOptions = () => {
+  const arr = Object.keys(docPubStateMap).map((key) => {
+    return {
+      value: key,
+      label: docPubStateMap[key]
+    };
+  });
+  return [{ value: "", label: "\u5168\u90E8" }, ...arr];
+};
+const docThumbObjMap = {
+  1: { alias: "\u4E09\u56FE", maxLength: 3, value: "1", ratio: 4 / 3 },
+  2: { alias: "\u5927\u56FE", maxLength: 1, value: "2", ratio: 16 / 9 },
+  3: { alias: "\u5355\u56FE", maxLength: 1, value: "3", ratio: 4 / 3 },
+  4: { alias: "\u65E0\u56FE", maxLength: 0, value: "4", ratio: 1 },
+  5: { alias: "\u7AD6\u56FE", maxLength: 1, value: "5", ratio: 3 / 4 },
+  7: { alias: "\u7A84\u56FE", maxLength: 1, value: "7", ratio: 4 / 1 }
+};
+const docThumbTypeMap = () => {
+  const arr = Object.keys(docThumbObjMap).map((key) => {
+    return {
+      value: key,
+      label: docThumbObjMap[key].alias
+    };
+  });
+  return [{ value: "", label: "\u5168\u90E8" }, ...arr];
+};
+const docSeries = {
+  imagetext: "\u6587\u7AE0\u7A3F\u4EF6",
+  atlas: "\u56FE\u96C6\u7A3F\u4EF6",
+  video: "\u89C6\u9891\u7A3F\u4EF6",
+  video_album: "\u89C6\u9891\u96C6\u7A3F\u4EF6",
+  svideo: "\u5C0F\u89C6\u9891\u7A3F\u4EF6",
+  audio: "\u97F3\u9891\u7A3F\u4EF6",
+  audio_album: "\u97F3\u9891\u96C6\u7A3F\u4EF6",
+  h5: "H5\u7A3F\u4EF6",
+  special_v3: "\u4E13\u9898\u7A3F\u4EF6"
+};
+const typeOptions = () => {
+  const arr = Object.keys(docSeries).map((key) => {
+    return {
+      value: key,
+      label: docSeries[key].replace("\u7A3F\u4EF6", "")
+    };
+  });
+  return [{ value: "", label: "\u5168\u90E8" }, ...arr];
+};
+export { docPubStateMap, docSeries, docThumbObjMap, docThumbTypeMap, stateOptions, typeOptions };

package/es/utils/index.d.ts

@@ -1 +1,9 @@
 export declare const dateYYYYDDMMHHmm: (date: any) => string;
+export declare const generateUUID: () => string;
+/**
+ * @description await 回调处理
+ * @param { Promise } promise
+ * @param { Object= } errorExt - Additional Information you can pass to the err object
+ * @return { Promise }
+ */
+export declare const to: <T, U = Error>(promise: Promise<T>, errorExt?: any) => Promise<[U, undefined] | [null, T]>;

package/es/utils/index.js

@@ -4,4 +4,25 @@ const dateYYYYDDMMHHmm = (date) => {
     return "--";
   return dayjs(date).format("YYYY-DD-MM HH:mm");
 };
-export { dateYYYYDDMMHHmm };
+const generateUUID = () => {
+  let d = new Date().getTime();
+  const uuid = "xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx".replace(
+    /[xy]/g,
+    function(c) {
+      const r = (d + Math.random() * 16) % 16 | 0;
+      d = Math.floor(d / 16);
+      return (c === "x" ? r : r & 3 | 8).toString(16);
+    }
+  );
+  return uuid;
+};
+const to = (promise, errorExt) => {
+  return promise.then((data) => [null, data]).catch((err) => {
+    if (errorExt) {
+      const parsedError = { ...err, ...errorExt };
+      return [parsedError, void 0];
+    }
+    return [err, void 0];
+  });
+};
+export { dateYYYYDDMMHHmm, generateUUID, to };

package/es/utils/tusUpload.d.ts

@@ -0,0 +1,8 @@
+import * as TUS from 'tus-js-client';
+/**
+ * @description 通过 TUS 实现大文件分片上传
+ * @param file 要上传的文件
+ * @param progressCallback 上传进度回调函数
+ * @returns
+ */
+export declare function uploadByTUS(file: File, progressCallback: (b: number, t: number) => void): Promise<TUS.Upload>;

package/es/utils/tusUpload.js

@@ -0,0 +1,52 @@
+import * as TUS from "tus-js-client";
+import { DEFAULT_UPLOAD_URL, DEFAULT_UPLOAD_CHUNK_SIZE } from "../config.js";
+function uploadByTUS(file, progressCallback) {
+  return new Promise((resolve, reject) => {
+    const upload = new TUS.Upload(file, {
+      ...uploadConfig(file),
+      onBeforeRequest: (req) => {
+        const xhr = req.getUnderlyingObject();
+        xhr.withCredentials = true;
+      },
+      onError: (error) => {
+        console.log(error);
+        reject(error);
+      },
+      onProgress: (bytesSent, bytesTotal) => {
+        progressCallback(bytesSent, bytesTotal);
+      },
+      onSuccess: () => {
+        resolve(upload);
+      }
+    });
+    upload.start();
+  });
+}
+function uploadConfig(file) {
+  const fType = getFileType(file);
+  console.log(DEFAULT_UPLOAD_URL);
+  return {
+    endpoint: DEFAULT_UPLOAD_URL,
+    chunkSize: DEFAULT_UPLOAD_CHUNK_SIZE,
+    retryDelays: [0, 1e3, 3e3, 5e3],
+    overridePatchMethod: true,
+    removeFingerprintOnSuccess: true,
+    metadata: {
+      filename: file.name,
+      filetype: fType,
+      platform: "holly"
+    }
+  };
+}
+function getFileType(file) {
+  let fType = file.type;
+  const ext = file.name.length > 4 ? file.name.substring(file.name.length - 4) : ".null";
+  if (ext.toLocaleLowerCase() === ".mkv")
+    fType = "video/x-matroska";
+  if (ext.toLocaleLowerCase() === ".zip")
+    fType = "application/zip";
+  if (ext.toLocaleLowerCase() === ".rar")
+    fType = "application/x-rar";
+  return fType;
+}
+export { uploadByTUS };

package/lib/_virtual/plugin-vue_export-helper.js

@@ -0,0 +1,8 @@
+"use strict";
+var _export_sfc = (sfc, props) => {
+  for (const [key, val] of props) {
+    sfc[key] = val;
+  }
+  return sfc;
+};
+module.exports = _export_sfc;

package/lib/config.js

@@ -1,6 +1,10 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const DEFAULT_BASE_API = (process == null ? void 0 : process.env.STORYBOOK_ENV) === "dev" ? "https://site.cmstop.xyz" : "https://site.cmstop.xyz";
-const DEFAULT_BASE_ACCOUNT_HOST = (process == null ? void 0 : process.env.STORYBOOK_ENV) === "dev" ? "https://account.cmstop.xyz" : "";
+const DEFAULT_BASE_API = {}.STORYBOOK_ENV === "dev" ? "https://site.cmstop.xyz" : "https://site.cmstop.xyz";
+const DEFAULT_BASE_ACCOUNT_HOST = {}.STORYBOOK_ENV === "dev" ? "https://account.cmstop.xyz" : "";
+const DEFAULT_UPLOAD_CHUNK_SIZE = {}.STORYBOOK_ENV === "dev" ? 5242880 : 5242880;
+const DEFAULT_UPLOAD_URL = {}.STORYBOOK_ENV === "dev" ? "https://oss.cmstop.xyz/maple/v1/upload/" : "https://oss.cmstop.xyz/maple/v1/upload/";
 exports.DEFAULT_BASE_ACCOUNT_HOST = DEFAULT_BASE_ACCOUNT_HOST;
 exports.DEFAULT_BASE_API = DEFAULT_BASE_API;
+exports.DEFAULT_UPLOAD_CHUNK_SIZE = DEFAULT_UPLOAD_CHUNK_SIZE;
+exports.DEFAULT_UPLOAD_URL = DEFAULT_UPLOAD_URL;

package/lib/contentDetailList/component.js

@@ -0,0 +1,90 @@
+"use strict";
+var vue = require("vue");
+var index = require("./components/Content/index.js");
+var index$1 = require("./components/Doc/index.js");
+const _hoisted_1 = { class: "content-detail-list-container" };
+const _sfc_main = vue.defineComponent({
+  ...{ name: "contentDetailList" },
+  __name: "component",
+  props: {
+    type: {},
+    contentsMediaFileData: {},
+    query: {},
+    disdragalbe: { type: Boolean },
+    abttrites: {}
+  },
+  emits: [
+    "sortChange",
+    "dragstart",
+    "clickTitle",
+    "cellMouseEnter",
+    "cellMouseLeave"
+  ],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const queryProps = props.query || "";
+    const disdragalbeProps = props.disdragalbe || false;
+    const abttritesProps = props.abttrites || [];
+    const sortMediaFileData = (e) => {
+      emit("sortChange", e);
+    };
+    const dragStart = () => {
+      emit("dragstart");
+    };
+    const detail = (e) => {
+      emit("clickTitle", e);
+    };
+    const tableCellMouseEnter = (e) => {
+      emit("cellMouseEnter", e);
+    };
+    const tableCellMouseLeave = (e) => {
+      emit("cellMouseLeave", e);
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        props.type === "content" ? (vue.openBlock(), vue.createBlock(index, {
+          key: 0,
+          "media-file-data": _ctx.contentsMediaFileData,
+          disdragalbe: vue.unref(disdragalbeProps),
+          abttrites: vue.unref(abttritesProps),
+          query: vue.unref(queryProps),
+          onSortChange: sortMediaFileData,
+          onDragstart: dragStart,
+          onClickTitle: detail
+        }, {
+          option: vue.withCtx((slotProps) => [
+            vue.renderSlot(_ctx.$slots, "option", {
+              row: slotProps.row,
+              index: slotProps.index
+            })
+          ]),
+          _: 3
+        }, 8, ["media-file-data", "disdragalbe", "abttrites", "query"])) : vue.createCommentVNode("v-if", true),
+        props.type === "doc" ? (vue.openBlock(), vue.createBlock(index$1, {
+          key: 1,
+          "get-data": _ctx.contentsMediaFileData,
+          abttrites: vue.unref(abttritesProps),
+          onCellMouseEnter: tableCellMouseEnter,
+          onCellMouseLeave: tableCellMouseLeave,
+          onClickTitle: detail
+        }, {
+          batch: vue.withCtx((slotProps) => [
+            vue.renderSlot(_ctx.$slots, "batch", {
+              row: slotProps.row,
+              index: slotProps.index
+            })
+          ]),
+          option: vue.withCtx((slotProps) => [
+            vue.renderSlot(_ctx.$slots, "option", {
+              row: slotProps.row,
+              index: slotProps.index
+            })
+          ]),
+          _: 3
+        }, 8, ["get-data", "abttrites"])) : vue.createCommentVNode("v-if", true)
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;