@cmstops/pro-compo 0.1.13 → 0.1.15

package/es/selectThumb/style/index.css

@@ -0,0 +1,101 @@
+.select-thumb-container .thumb-card-container {
+  width: 100px;
+  height: 58px;
+  margin-right: 10px;
+  border-radius: 4px;
+  overflow: hidden;
+  position: relative;
+}
+.select-thumb-container .thumb-card-container.model-5 {
+  width: 75px;
+  height: 100px;
+}
+.select-thumb-container .thumb-card-container.model-7 {
+  width: 232px;
+  height: 58px;
+}
+.select-thumb-container .thumb-card-container .img-v {
+  width: 100%;
+  height: 100%;
+  position: relative;
+}
+.select-thumb-container .thumb-card-container .img-v .change-icon {
+  width: 25px;
+  height: 25px;
+  font-size: 25px;
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  margin: auto;
+  z-index: 1;
+  color: #ffffff;
+  cursor: pointer;
+}
+.select-thumb-container .thumb-card-container .item {
+  width: 100%;
+  height: 100%;
+  cursor: pointer;
+}
+.select-thumb-container .thumb-card-container .item.add-thumb {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: #f9f9f9;
+}
+.select-thumb-container .thumb-card-container .mask {
+  display: none;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.3);
+  position: absolute;
+  top: 0;
+  align-items: center;
+  justify-content: center;
+  color: #eaeaea;
+  font-size: 18px;
+}
+.select-thumb-container .thumb-card-container .mask i {
+  display: inline-block;
+  cursor: pointer;
+}
+.select-thumb-container .thumb-card-container .mask i:active {
+  opacity: 0.4;
+}
+.select-thumb-container .thumb-card-container .mask .half {
+  height: 100%;
+  width: 48%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.select-thumb-container .thumb-card-container .mask .half:hover {
+  opacity: 0.7;
+}
+.select-thumb-container .thumb-card-container .img-v:hover .mask {
+  display: flex;
+}
+.select-thumb-container .title {
+  font-size: 14px;
+  color: #4e5969;
+  font-weight: 700;
+  line-height: 40px;
+  margin: 5px 0px;
+}
+.select-thumb-container .title span {
+  margin-right: 10px;
+}
+.select-thumb-container .title .tip {
+  font-size: 12px;
+  color: rgba(78, 89, 105, 0.4);
+}
+.select-thumb-container .thumb-list-view {
+  display: flex;
+  align-items: center;
+  margin-bottom: 10px;
+}
+.select-thumb-container .star {
+  color: red;
+  margin-right: 2px !important;
+}

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

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

package/es/selectThumb/style/index.js

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

package/es/selectThumb/style/index.less

@@ -0,0 +1,27 @@
+.select-thumb-container {
+  @import './card.less';
+  @import './colorPalette.less';
+  .title {
+    font-size: 14px;
+    color: #4e5969;
+    font-weight: 700;
+    line-height: 40px;
+    margin: 5px 0px;
+    span {
+      margin-right: 10px;
+    }
+    .tip {
+      font-size: 12px;
+      color: rgba(78, 89, 105, 0.4);
+    }
+  }
+  .thumb-list-view {
+    display: flex;
+    align-items: center;
+    margin-bottom: 10px;
+  }
+  .star {
+    color: red;
+    margin-right: 2px !important;
+  }
+}

package/es/uploadBefore/component.js

@@ -15,11 +15,10 @@ const _sfc_main = defineComponent({
     uploadMethod: {}
   },
   emits: ["onProgress", "onListReady"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { emit: emits }) {
+    const props = __props;
     const { state: visBeforeUpload, open: openBeforePannel } = useToggle();
     const { state: visUploadList, open: openListPannel } = useToggle();
-    const props = __props;
-    const emits = __emit;
     const baseApi = ref(props.BASE_API || DEFAULT_BASE_API);
     const { preOptionsList, uploadFileToShowFileTrans } = usePreUploadOptions();
     const { fileList, uploadFileAdd } = useUplaodList();

package/es/uploadBefore/components/UploadBefore.js

@@ -13,9 +13,8 @@ const _sfc_main = defineComponent({
     BASE_API: {}
   },
   emits: ["confirm", "update:visable", "update:file-list"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { emit: emits }) {
     const props = __props;
-    const emits = __emit;
     const modalVis = toRef(props, "visable");
     const fileList = toRef(props, "fileList");
     const column = [

package/es/uploadBefore/components/UploadForClick.js

@@ -6,8 +6,7 @@ const _sfc_main = defineComponent({
     uploadMethod: {}
   },
   emits: ["after-choose"],
-  setup(__props, { emit: __emit }) {
-    const emits = __emit;
+  setup(__props, { emit: emits }) {
     const tusUpload = (option) => {
       const { fileItem } = option;
       emits("after-choose", fileItem);

package/es/uploadStep/component.js

@@ -26,7 +26,8 @@ const _sfc_main = defineComponent({
     global: { type: Boolean }
   },
   emits: ["update:visable"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { emit: emits }) {
+    const props = __props;
     const progressEnum = {
       UPLOADING: "normal",
       WATING: "normal",
@@ -39,8 +40,6 @@ const _sfc_main = defineComponent({
       SUCCESS: "\u4E0A\u4F20\u5B8C\u6210",
       ERROR: "\u4E0A\u4F20\u5931\u8D25"
     };
-    const emits = __emit;
-    const props = __props;
     const showList = toRef(props, "fileList");
     const { state: expend, toggle: toggleExp } = useToggle(true);
     const { state: scale, toggle: toggleSca } = useToggle();

package/es/userDirector/component.js

@@ -21,17 +21,13 @@ const _sfc_main = defineComponent({
     visible: { type: Boolean },
     title: {}
   },
-  emits: ["update:visible"],
-  setup(__props, { emit: __emit }) {
+  emits: ["update:visible", "submit"],
+  setup(__props, { emit }) {
     const props = __props;
     const BASE_API = props.BASE_API || DEFAULT_BASE_API;
-    const emit = __emit;
     const RoleTreeData = ref([]);
     const DepartTreeData = ref([]);
     const userSelectedList = ref([]);
-    const selectRoleNode = (selectedKeys, data) => {
-      console.log("selectRoleNode", data);
-    };
     const clearUserSelectedList = () => {
       userSelectedList.value = [];
     };
@@ -52,9 +48,6 @@ const _sfc_main = defineComponent({
         data.node.children = await loadRoleAllUser(data.node.id);
       }
     };
-    const selectDepartNode = (selectedKeys, data) => {
-      console.log("selectDepartNode", data);
-    };
     const loadDepartUserList = async (id) => {
       const res = await getDepartUserList(BASE_API, { pid: id });
       if (res.code === 0) {
@@ -154,6 +147,11 @@ const _sfc_main = defineComponent({
     const removeUserSelected = (index) => {
       userSelectedList.value.splice(index, 1);
     };
+    const handleOpen = () => {
+      if (props.defaultData) {
+        userSelectedList.value = [].concat(props.defaultData || []);
+      }
+    };
     onMounted(() => {
       getUserList();
     });
@@ -169,7 +167,7 @@ const _sfc_main = defineComponent({
       emit("update:visible", bool);
     };
     const handleOk = () => {
-      setVisible(false);
+      emit("submit", JSON.parse(JSON.stringify(userSelectedList.value)));
     };
     const handleCancel = () => {
       setVisible(false);
@@ -182,6 +180,7 @@ const _sfc_main = defineComponent({
         "title-align": "start",
         "body-class": "user-director-modal-body",
         "unmount-on-close": "",
+        onOpen: handleOpen,
         onOk: handleOk,
         onCancel: handleCancel
       }, {
@@ -224,7 +223,6 @@ const _sfc_main = defineComponent({
                         default: withCtx(() => [
                           createVNode(_sfc_main$1, {
                             list: RoleTreeData.value,
-                            onSelect: selectRoleNode,
                             onExpand: expandRoleNode,
                             onAdd: addItem
                           }, null, 8, ["list"])
@@ -244,7 +242,6 @@ const _sfc_main = defineComponent({
                         default: withCtx(() => [
                           createVNode(_sfc_main$1, {
                             list: DepartTreeData.value,
-                            onSelect: selectDepartNode,
                             onExpand: expandDepartNode,
                             onAdd: addItem
                           }, null, 8, ["list"])
@@ -272,15 +269,19 @@ const _sfc_main = defineComponent({
                   _: 1
                 })
               ]),
-              createVNode(unref(Scrollbar), { style: { "height": "100%", "overflow": "auto" } }, {
+              createVNode(unref(Scrollbar), {
+                "outer-class": "scroll",
+                style: { "height": "100%", "overflow": "auto" }
+              }, {
                 default: withCtx(() => [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(userSelectedList.value, (item, index) => {
                     return openBlock(), createElementBlock("div", {
                       key: item.uid,
-                      class: "user-item"
+                      class: "user-item padding"
                     }, [
                       createElementVNode("div", _hoisted_5, [
                         createVNode(unref(Avatar), {
+                          class: "avatar",
                           size: 32,
                           "image-url": item.avatar
                         }, null, 8, ["image-url"]),

package/es/userDirector/components/userTree.js

@@ -9,7 +9,7 @@ const _sfc_main = defineComponent({
     list: {}
   },
   emits: ["select", "expand", "add"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { emit }) {
     const props = __props;
     const loadMore = () => {
     };
@@ -18,7 +18,6 @@ const _sfc_main = defineComponent({
       title: "alias",
       key: "node_key"
     };
-    const emit = __emit;
     const select = (selectedKeys, data) => {
       emit("select", selectedKeys, data);
     };
@@ -47,6 +46,7 @@ const _sfc_main = defineComponent({
             createElementVNode("div", _hoisted_2, [
               nodeData.isUser ? (openBlock(), createBlock(unref(Avatar), {
                 key: 0,
+                class: "avatar",
                 size: 22,
                 "image-url": nodeData.avatar
               }, null, 8, ["image-url"])) : createCommentVNode("v-if", true),

package/es/userDirector/style/index.css

@@ -1,4 +1,5 @@
 .user-director-modal-body {
+  background: var(--color-bg-1);
   padding: 0;
 }
 .user-director-modal-body .arco-collapse {
@@ -7,10 +8,10 @@
 .user-director-modal-body .arco-collapse-item-content {
   padding-left: 10px;
   padding-right: 0;
-  background: white;
+  background: var(--color-bg-1);
 }
 .user-select-content {
-  height: 60vh;
+  height: 50vh;
   display: flex;
 }
 .user-select-content .user-select-left,
@@ -21,6 +22,9 @@
 .user-select-content .user-select-left {
   border-right: 1px solid var(--color-neutral-3);
 }
+.user-select-content .user-select-right .scroll {
+  height: calc(100% - 40px);
+}
 .user-select-content .user-select-right .user-select-right-title {
   display: flex;
   justify-content: space-between;
@@ -29,19 +33,28 @@
   padding: 6px 16px;
   border-bottom: 1px solid var(--color-neutral-3);
 }
-.user-select-content .user-select-right .user-item {
+.user-select-content .user-item {
   display: flex;
   align-items: center;
   justify-content: space-between;
+}
+.user-select-content .user-item.padding {
   padding: 5px 16px;
 }
-.user-select-content .user-select-right .user-item .action {
+.user-select-content .user-item .left {
+  display: flex;
+  align-items: center;
+}
+.user-select-content .user-item .left .avatar {
+  margin-right: 10px;
+}
+.user-select-content .user-item .action {
   display: none;
 }
-.user-select-content .user-select-right .user-item:hover {
+.user-select-content .user-item:hover {
   background-color: var(--color-fill-1);
 }
-.user-select-content .user-select-right .user-item:hover .action {
+.user-select-content .user-item:hover .action {
   display: flex;
 }
 .user-select-content .tree-action {

package/es/userDirector/style/index.less

@@ -1,4 +1,5 @@
 .user-director-modal-body {
+  background: var(--color-bg-1);
   padding: 0;
   .arco-collapse {
     height: calc(100% - 36px);
@@ -7,11 +8,11 @@
   .arco-collapse-item-content {
     padding-left: 10px;
     padding-right: 0;
-    background: white;
+    background: var(--color-bg-1);
   }
 }
 .user-select-content {
-  height: 60vh;
+  height: 50vh;
   display: flex;
   .user-select-left,
   .user-select-right {
@@ -22,6 +23,9 @@
     border-right: 1px solid var(--color-neutral-3);
   }
   .user-select-right {
+    .scroll {
+      height: calc(100% - 40px);
+    }
     .user-select-right-title {
       display: flex;
       justify-content: space-between;
@@ -30,19 +34,28 @@
       padding: 6px 16px;
       border-bottom: 1px solid var(--color-neutral-3);
     }
-    .user-item {
+  }
+  .user-item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    &.padding {
+      padding: 5px 16px;
+    }
+    .left {
       display: flex;
       align-items: center;
-      justify-content: space-between;
-      padding: 5px 16px;
-      .action {
-        display: none;
+      .avatar {
+        margin-right: 10px;
       }
-      &:hover {
-        background-color: var(--color-fill-1);
-        .action {
-          display: flex;
-        }
+    }
+    .action {
+      display: none;
+    }
+    &:hover {
+      background-color: var(--color-fill-1);
+      .action {
+        display: flex;
       }
     }
   }

package/es/utils/doc.js

@@ -13,12 +13,35 @@ const stateOptions = () => {
   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 }
+  1: { alias: "\u4E09\u56FE", maxLength: 3, value: "1", ratioStr: "4:3", ratio: 4 / 3 },
+  2: {
+    alias: "\u5927\u56FE",
+    maxLength: 1,
+    value: "2",
+    ratioStr: "16:9",
+    ratio: 16 / 9
+  },
+  3: {
+    alias: "\u5355\u56FE",
+    maxLength: 1,
+    value: "3",
+    ratioStr: "4:3 ",
+    ratio: 4 / 3
+  },
+  4: { alias: "\u65E0\u56FE", maxLength: 0, value: "4", ratioStr: "", ratio: 1 },
+  5: { alias: "\u7AD6\u56FE", maxLength: 1, value: "5", ratioStr: "3:4", ratio: 3 / 4 },
+  7: { alias: "\u7A84\u56FE", maxLength: 1, value: "7", ratioStr: "4:1", ratio: 4 / 1 }
+};
+const docThumbRatioMap = () => {
+  const obj = {};
+  Object.keys(docThumbObjMap).map((key) => {
+    obj[key] = docThumbObjMap[key].ratio;
+    return {};
+  });
+  return obj;
+};
+const docThumbArrMap = () => {
+  return Object.values(docThumbObjMap);
 };
 const docThumbTypeMap = () => {
   const arr = Object.keys(docThumbObjMap).map((key) => {
@@ -49,4 +72,4 @@ const typeOptions = () => {
   });
   return [{ value: "", label: "\u5168\u90E8" }, ...arr];
 };
-export { docPubStateMap, docSeries, docThumbObjMap, docThumbTypeMap, stateOptions, typeOptions };
+export { docPubStateMap, docSeries, docThumbArrMap, docThumbObjMap, docThumbRatioMap, docThumbTypeMap, stateOptions, typeOptions };

package/es/utils/index.d.ts

@@ -7,3 +7,4 @@ export declare const generateUUID: () => string;
  * @return { Promise }
  */
 export declare const to: <T, U = Error>(promise: Promise<T>, errorExt?: any) => Promise<[U, undefined] | [null, T]>;
+export declare function replaceSuffix(str: string, insert: string): string;

package/es/utils/index.js

@@ -25,4 +25,9 @@ const to = (promise, errorExt) => {
     return [err, void 0];
   });
 };
-export { dateYYYYDDMMHHmm, generateUUID, to };
+function replaceSuffix(str, insert) {
+  const reg = /\.[^\.]+$/;
+  const match = str.match(reg);
+  return match ? str.replace(reg, insert + match) : str + insert;
+}
+export { dateYYYYDDMMHHmm, generateUUID, replaceSuffix, to };

package/es/utils/tusUpload.d.ts

@@ -5,4 +5,4 @@ import * as TUS from 'tus-js-client';
  * @param progressCallback 上传进度回调函数
  * @returns
  */
-export declare function uploadByTUS(file: File, progressCallback: (b: number, t: number) => void): Promise<TUS.Upload>;
+export declare function uploadByTUS(file: File, progressCallback?: (b: number, t: number) => void): Promise<TUS.Upload>;

package/es/utils/tusUpload.js

@@ -13,7 +13,7 @@ function uploadByTUS(file, progressCallback) {
         reject(error);
       },
       onProgress: (bytesSent, bytesTotal) => {
-        progressCallback(bytesSent, bytesTotal);
+        progressCallback && progressCallback(bytesSent, bytesTotal);
       },
       onSuccess: () => {
         resolve(upload);

package/es/utils/uploadCatalog.d.ts

@@ -0,0 +1 @@
+export declare function checkType(file: any, param: any): any;

package/lib/contentDetailList/component.js

@@ -20,9 +20,8 @@ const _sfc_main = vue.defineComponent({
     "cellMouseEnter",
     "cellMouseLeave"
   ],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { emit }) {
     const props = __props;
-    const emit = __emit;
     const queryProps = props.query || "";
     const disdragalbeProps = props.disdragalbe || false;
     const abttritesProps = props.abttrites || [];

package/lib/contentDetailList/components/Content/CompoItem/index.js

@@ -21,9 +21,8 @@ const _sfc_main = vue.defineComponent({
     item: {}
   },
   emits: ["clickTitle"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { emit }) {
     const props = __props;
-    const emit = __emit;
     const comColumnsMap = vue.ref(index.compoColumnsMap().value);
     const hide = vue.computed(() => {
       const { hide: hide2 } = props.item;

package/lib/contentDetailList/components/Content/ContentListItem/index.js

@@ -29,9 +29,8 @@ const _sfc_main = vue.defineComponent({
     query: {}
   },
   emits: ["clickTitle"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { emit }) {
     const props = __props;
-    const emit = __emit;
     const hide = vue.computed(() => {
       const { hide: hide2 } = props.item;
       return hide2 === 7 || hide2 === 6;

package/lib/contentDetailList/components/Content/DocItem/ApprovalStateMap/index.js

@@ -15,8 +15,7 @@ const _sfc_main = vue.defineComponent({
     item: {}
   },
   emits: ["showUserInfo"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
+  setup(__props, { emit }) {
     const calcIsRobot = (data) => {
       if (data.current_processes[0] && data.current_processes[0].users && data.current_processes[0].users[0]) {
         const ApvUser = data.current_processes[0].users[0];

package/lib/contentDetailList/components/Content/DocItem/index.js

@@ -33,9 +33,8 @@ const _sfc_main = vue.defineComponent({
     abttrites: {}
   },
   emits: ["clickTitle", "cellMouseEnter", "cellMouseLeave"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { emit }) {
     const props = __props;
-    const emit = __emit;
     const hide = vue.computed(() => {
       const { hide: hide2 } = props.item;
       return hide2 === 7 || hide2 === 6;

package/lib/contentDetailList/components/Content/KongoNavItem/index.js

@@ -24,9 +24,8 @@ const _sfc_main = vue.defineComponent({
     item: {}
   },
   emits: ["clickTitle"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { emit }) {
     const props = __props;
-    const emit = __emit;
     const hide = vue.computed(() => {
       const { hide: hide2 } = props.item;
       return hide2 === 7 || hide2 === 6;

package/lib/contentDetailList/components/Content/LiveItem/index.js

@@ -21,9 +21,8 @@ const _sfc_main = vue.defineComponent({
     item: {}
   },
   emits: ["clickTitle"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { emit }) {
     const props = __props;
-    const emit = __emit;
     const hide = vue.computed(() => {
       const { hide: hide2 } = props.item;
       return hide2 === 7 || hide2 === 6;

package/lib/contentDetailList/components/Content/MaccountItem/index.js

@@ -16,9 +16,8 @@ const _sfc_main = vue.defineComponent({
     abttrites: {}
   },
   emits: ["clickTitle"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { emit }) {
     const props = __props;
-    const emit = __emit;
     const hide = vue.computed(() => {
       const { hide: hide2 } = props.item;
       return hide2 === 7 || hide2 === 6;

package/lib/contentDetailList/components/Content/index.js

@@ -91,8 +91,7 @@ const _sfc_main = vue.defineComponent({
     query: {}
   },
   emits: ["sortChange", "clickTitle", "dragstart"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
+  setup(__props, { emit }) {
     const sortChange = (e) => {
       emit("sortChange", e);
     };

package/lib/contentDetailList/components/Doc/index.js

@@ -10,8 +10,7 @@ const _sfc_main = vue.defineComponent({
     getData: {}
   },
   emits: ["cellMouseEnter", "cellMouseLeave", "clickTitle"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
+  setup(__props, { emit }) {
     const cellMouseEnter = (params) => {
       emit("cellMouseEnter", params);
     };

package/lib/contentModal/component.js

@@ -21,8 +21,7 @@ const _sfc_main = vue.defineComponent({
     userStore: {}
   },
   emits: ["update:visible", "comfirm"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
+  setup(__props, { emit }) {
     const props = __props;
     const BASE_API = props.BASE_API || config.DEFAULT_BASE_API;
     const visible = vue.computed({

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

@@ -12,10 +12,9 @@ const _sfc_main = vue.defineComponent({
     userInfo: {}
   },
   emits: ["update:group_id", "search"],
-  setup(__props, { emit: __emit }) {
-    const columnIdMap = typeMap.compoColumnsMap();
+  setup(__props, { emit }) {
     const props = __props;
-    const emit = __emit;
+    const columnIdMap = typeMap.compoColumnsMap();
     const filter = vue.ref({ keyword: "", columns: "" });
     const groupId = vue.computed({
       get() {