@cmstops/pro-compo 0.1.14 → 0.1.16

package/es/selectThumb/components/colorPalette.js

@@ -0,0 +1,75 @@
+import { defineComponent, ref, watch, openBlock, createElementBlock, createVNode, unref, withCtx, Fragment, renderList, createBlock, normalizeStyle, createCommentVNode } from "vue";
+import { RadioGroup, Radio } from "@arco-design/web-vue";
+const _hoisted_1 = {
+  key: 0,
+  class: "color-palette-container"
+};
+const _sfc_main = defineComponent({
+  __name: "colorPalette",
+  props: {
+    styleData: {},
+    model: {}
+  },
+  emits: ["change"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const color = ref("rgb(101,121,109)");
+    const colorList = ref([]);
+    watch(
+      () => props.styleData,
+      () => {
+        if (props.styleData) {
+          const _color = props.styleData[`${props.model}_theme_color`] || "";
+          color.value = colorRgb(_color);
+          const colorList2 = props.styleData.value[`${props.model}_colorList`];
+          if (colorList2 == null ? void 0 : colorList2.length) {
+            colorList2.value = colorList2.map((color2) => `rgb(${color2})`);
+          } else if (color.value) {
+            colorList2.value = [color.value];
+          }
+        }
+      }
+    );
+    const colorChange = (color2) => {
+      if (color2) {
+        color2.value = color2.replace(/\s+/g, "");
+        const styleData = JSON.parse(JSON.stringify(props.styleData));
+        styleData[`${props.model}_theme_color`] = color2.value;
+        emit("change", styleData);
+      }
+    };
+    const colorRgb = (_color) => {
+      if (_color.includes("rgb")) {
+        return _color;
+      }
+      const colorChange2 = [];
+      for (let i = 1; i < 7; i += 2) {
+        colorChange2.push(parseInt(`0x${_color.slice(i, i + 2)}`, 10) || 0);
+      }
+      return `rgb(${colorChange2.join(",")})`;
+    };
+    return (_ctx, _cache) => {
+      return colorList.value && colorList.value.length ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(RadioGroup), {
+          modelValue: color.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => color.value = $event),
+          class: "color-radio-group",
+          type: "button",
+          onChange: colorChange
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(colorList.value, (colr, index) => {
+              return openBlock(), createBlock(unref(Radio), {
+                key: index,
+                style: normalizeStyle({ background: `${colr}` }),
+                value: colr
+              }, null, 8, ["style", "value"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ])) : createCommentVNode("v-if", true);
+    };
+  }
+});
+export { _sfc_main as default };

package/es/selectThumb/index.d.ts

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

package/es/selectThumb/index.js

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

package/es/selectThumb/style/card.less

@@ -0,0 +1,83 @@
+.thumb-card-container {
+    width: 100px;
+    height: 58px;
+    margin-right: 10px;
+    border-radius: 4px;
+    overflow: hidden;
+    position: relative;
+    &.model-5 {
+      width: 75px;
+      height: 100px;
+    }
+    &.model-7 {
+      width: 232px;
+      height: 58px;
+    }
+    .img-v {
+      width: 100%;
+      height: 100%;
+      position: relative;
+      .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;
+      }
+    }
+    .item {
+      width: 100%;
+      height: 100%;
+      cursor: pointer;
+      img {
+        width: 100%;
+        height: 100%;
+      }
+      &.add-thumb {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        background-color: #f9f9f9;
+      }
+    }
+    .mask {
+      display: none;
+      width: 100%;
+      height: 100%;
+      background: rgba(0, 0, 0, 0.3);
+      position: absolute;
+      top: 0;
+      // display: flex;
+      align-items: center;
+      justify-content: center;
+      color: #eaeaea;
+      font-size: 18px;
+      i {
+        display: inline-block;
+        cursor: pointer;
+        &:active {
+          opacity: 0.4;
+        }
+      }
+      .half {
+        height: 100%;
+        width: 48%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        &:hover {
+          opacity: 0.7;
+        }
+      }
+    }
+    .img-v:hover .mask {
+      display: flex;
+    }
+  }

package/es/selectThumb/style/css.js

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

package/es/selectThumb/style/index.css

@@ -0,0 +1,105 @@
+.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 img {
+  width: 100%;
+  height: 100%;
+}
+.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

@@ -22,10 +22,9 @@ const _sfc_main = defineComponent({
     title: {}
   },
   emits: ["update:visible", "submit"],
-  setup(__props, { emit: __emit }) {
+  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([]);

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);
     };

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,7 +8,7 @@
 .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: 50vh;

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,7 +8,7 @@
   .arco-collapse-item-content {
     padding-left: 10px;
     padding-right: 0;
-    background: white;
+    background: var(--color-bg-1);
   }
 }
 .user-select-content {

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() {