@cmstops/pro-compo 0.3.47 → 0.3.49

package/lib/hooks/useAttachement.js

@@ -25,7 +25,7 @@ function getAttachmentsMyMessage(BASE_API, query) {
 }
 function useAttachement(options) {
   const key = vue.ref(options.key);
-  const limit = vue.ref(20);
+  const limit = vue.ref(30);
   const offset = vue.ref(0);
   const filter = vue.ref({});
   const params = vue.computed(() => {

package/lib/hooks/useUpload.js

@@ -30,7 +30,7 @@ function useUpload() {
     const originList = list.value;
     const taskIndex = originList.findIndex((task) => task.id === file.id);
     if (taskIndex !== -1) {
-      progress !== -1 && (originList[taskIndex].progress = Math.round(progress));
+      progress !== -1 && (originList[taskIndex].progress = progress.toFixed(2));
       file.status != null && (originList[taskIndex].status = file.status);
       file.msg != null && (originList[taskIndex].msg = file.msg);
       if (isTrans)
@@ -38,7 +38,7 @@ function useUpload() {
       originList[taskIndex].url = file.url;
     } else {
       file.created_at = new Date().getTime();
-      originList.push({ ...file, progress, status: 1 });
+      originList.unshift({ ...file, progress, status: 1 });
     }
     list.value = originList;
   }

package/lib/index.css

@@ -4797,6 +4797,9 @@
 .doc-history-drawer .arco-drawer-body {
   padding: 0;
 }
+.doc-history-drawer .arco-drawer-footer {
+  text-align: left;
+}
 .video-thumb {
   display: flex;
   flex-direction: column;

package/lib/selectResourceModal/component.js

@@ -61,6 +61,7 @@ const _sfc_main = vue.defineComponent({
       };
     });
     const activeKey = vue.ref("all");
+    vue.provide("filterOptions", vue.computed(() => props.filterOptions));
     vue.provide("userInfo", vue.computed(() => props.userInfo));
     vue.provide("baseAPI", BASE_API);
     const {

package/lib/selectResourceModal/components/ListCardWrapper/index.js

@@ -1,5 +1,6 @@
 "use strict";
 var vue = require("vue");
+var index = require("../../../thumbCard/index.js");
 const _hoisted_1 = /* @__PURE__ */ vue.createElementVNode("div", { class: "mask" }, null, -1);
 const _hoisted_2 = { class: "card-alias" };
 const _hoisted_3 = {
@@ -14,18 +15,20 @@ const _sfc_main = vue.defineComponent({
   __name: "index",
   props: {
     item: {},
+    extraKeys: {},
     selectKeys: {},
     disable: { type: Boolean }
   },
-  emits: ["select"],
+  emits: ["select", "select-one"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
+    const filterOptions = vue.inject("filterOptions");
     const selectedOrder = vue.computed(() => {
       var _a;
       const result = {};
-      (_a = props.selectKeys) == null ? void 0 : _a.forEach((key, index) => {
-        result[key] = index + 1;
+      (_a = props.selectKeys) == null ? void 0 : _a.forEach((key, index2) => {
+        result[key] = index2 + 1;
       });
       return result;
     });
@@ -34,15 +37,50 @@ const _sfc_main = vue.defineComponent({
         return;
       emits("select", props.item);
     }
+    function handleOption(params) {
+      const { key, item } = params;
+      if (key === "select") {
+        emits("select-one", item);
+      }
+    }
+    const canIUse = vue.computed(() => {
+      if (props.disable)
+        return false;
+      if (filterOptions == null ? void 0 : filterOptions.value) {
+        const { mediaType, mediaTypeStrict } = filterOptions.value;
+        if (mediaTypeStrict)
+          return props.item.catalog === mediaType;
+      }
+      if (props.item.progress >= 0)
+        return false;
+      return true;
+    });
+    const handlersKey = vue.computed(() => {
+      var _a;
+      if (((_a = props.selectKeys) == null ? void 0 : _a.length) > 0 || props.disable || !canIUse.value)
+        return [];
+      return [{ label: "\u9009\u7528", key: "select" }].concat(props.extraKeys || []);
+    });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
         class: "card-wrapper-image",
         onClick: vue.withModifiers(handleCheck, ["stop"])
       }, [
         vue.createElementVNode("div", {
-          class: vue.normalizeClass(["card-wrapper", { disable: _ctx.disable, active: selectedOrder.value[_ctx.item.id] }])
+          class: vue.normalizeClass(["card-wrapper", { disable: !canIUse.value, active: selectedOrder.value[_ctx.item.id] }])
         }, [
-          vue.renderSlot(_ctx.$slots, "default"),
+          vue.createVNode(vue.unref(index), {
+            url: _ctx.item.url,
+            thumb: _ctx.item.thumb || _ctx.item.url,
+            catalog: _ctx.item.catalog,
+            meta: _ctx.item,
+            options: {
+              fit: _ctx.item.catalog === "image" ? "contain" : "cover"
+            },
+            "use-mask": true,
+            "handlers-key": handlersKey.value,
+            onHandle: handleOption
+          }, null, 8, ["url", "thumb", "catalog", "meta", "options", "handlers-key"]),
           _hoisted_1
         ], 2),
         vue.createElementVNode("div", _hoisted_2, vue.toDisplayString(_ctx.item.alias), 1),
@@ -50,7 +88,7 @@ const _sfc_main = vue.defineComponent({
           class: "check-box-wrapper",
           onClick: vue.withModifiers(handleCheck, ["stop"])
         }, [
-          selectedOrder.value[_ctx.item.id] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, vue.toDisplayString(selectedOrder.value[_ctx.item.id]), 1)) : !_ctx.disable ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4)) : vue.createCommentVNode("v-if", true)
+          selectedOrder.value[_ctx.item.id] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, vue.toDisplayString(selectedOrder.value[_ctx.item.id]), 1)) : canIUse.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4)) : vue.createCommentVNode("v-if", true)
         ])
       ]);
     };

package/lib/selectResourceModal/components/ListContent/index.js

@@ -1,8 +1,7 @@
 "use strict";
 var vue = require("vue");
 var webVue = require("@arco-design/web-vue");
-var index$2 = require("../../../emptyData/index.js");
-var index$1 = require("../../../thumbCard/index.js");
+var index$1 = require("../../../emptyData/index.js");
 var index = require("../ListCardWrapper/index.js");
 const _hoisted_1 = { class: "card-list-wrapper" };
 const _sfc_main = vue.defineComponent({
@@ -15,20 +14,7 @@ const _sfc_main = vue.defineComponent({
   },
   emits: ["select", "select-one"],
   setup(__props, { emit: __emit }) {
-    const props = __props;
     const emits = __emit;
-    const handlersKey = vue.computed(() => {
-      var _a;
-      if (((_a = props.selectKeys) == null ? void 0 : _a.length) > 0 || props.disable)
-        return [];
-      return [{ label: "\u9009\u7528", key: "select" }];
-    });
-    function handleOption(params) {
-      const { key, item } = params;
-      if (key === "select") {
-        emits("select-one", item);
-      }
-    }
     return (_ctx, _cache) => {
       var _a, _b;
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
@@ -38,30 +24,15 @@ const _sfc_main = vue.defineComponent({
             item,
             "select-keys": _ctx.selectKeys,
             disable: _ctx.disable,
-            onSelect: () => emits("select", item)
-          }, {
-            default: vue.withCtx(() => [
-              vue.createVNode(vue.unref(index$1), {
-                url: item.url,
-                thumb: item.thumb,
-                catalog: item.catalog,
-                meta: item,
-                "use-mask": true,
-                "handlers-key": handlersKey.value,
-                options: {
-                  fit: item.catalog === "image" ? "contain" : "cover"
-                },
-                onHandle: handleOption
-              }, null, 8, ["url", "thumb", "catalog", "meta", "handlers-key", "options"])
-            ]),
-            _: 2
-          }, 1032, ["item", "select-keys", "disable", "onSelect"]);
+            onSelect: () => emits("select", item),
+            onSelectOne: () => emits("select-one", item)
+          }, null, 8, ["item", "select-keys", "disable", "onSelect", "onSelectOne"]);
         }), 128)),
         vue.createCommentVNode(" \u7A7A\u72B6\u6001 "),
         ((_a = _ctx.list) == null ? void 0 : _a.length) === 0 && _ctx.loading ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Spin), {
           key: 0,
           loading: true
-        })) : !((_b = _ctx.list) == null ? void 0 : _b.length) ? (vue.openBlock(), vue.createBlock(vue.unref(index$2), {
+        })) : !((_b = _ctx.list) == null ? void 0 : _b.length) ? (vue.openBlock(), vue.createBlock(vue.unref(index$1), {
           key: 1,
           type: "empty",
           customTip: "\u6682\u65E0\u6570\u636E"

package/lib/selectResourceModal/components/ListContentLocal/index.js

@@ -2,7 +2,6 @@
 var vue = require("vue");
 var Upload = require("./components/Upload.js");
 var useUpload = require("../../../hooks/useUpload.js");
-var index$1 = require("../../../thumbCard/index.js");
 var index = require("../ListCardWrapper/index.js");
 const _hoisted_1 = { class: "upload-list-wrapper" };
 const _hoisted_2 = { class: "list-upload" };
@@ -20,7 +19,6 @@ const _sfc_main = vue.defineComponent({
   },
   emits: ["select", "select-one"],
   setup(__props, { emit: __emit }) {
-    const props = __props;
     const emits = __emit;
     const userInfo = vue.inject("userInfo");
     const baseAPI = vue.inject("baseAPI");
@@ -28,18 +26,6 @@ const _sfc_main = vue.defineComponent({
       var _a;
       return (_a = userInfo == null ? void 0 : userInfo.value) == null ? void 0 : _a.repository_id;
     });
-    const handlersKey = vue.computed(() => {
-      var _a;
-      if (((_a = props.selectKeys) == null ? void 0 : _a.length) > 0 || props.disable)
-        return [];
-      return [{ label: "\u9009\u7528", key: "select" }];
-    });
-    function handleOption(params) {
-      const { key, item } = params;
-      if (key === "select") {
-        emits("select-one", item);
-      }
-    }
     const { list, uploadFile, transcodingFile } = useUpload["default"]();
     function handleChange(file) {
       if (!baseAPI || !repoId.value)
@@ -69,24 +55,9 @@ const _sfc_main = vue.defineComponent({
                 item,
                 "select-keys": _ctx.selectKeys,
                 disable: _ctx.disable,
-                onSelect: () => emits("select", item)
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(index$1), {
-                    url: item.url,
-                    thumb: item.thumb || item.url,
-                    catalog: item.catalog,
-                    meta: item,
-                    options: {
-                      fit: item.catalog === "image" ? "contain" : "cover"
-                    },
-                    "use-mask": true,
-                    "handlers-key": handlersKey.value,
-                    onHandle: handleOption
-                  }, null, 8, ["url", "thumb", "catalog", "meta", "options", "handlers-key"])
-                ]),
-                _: 2
-              }, 1032, ["item", "select-keys", "disable", "onSelect"]);
+                onSelect: () => emits("select", item),
+                onSelectOne: () => emits("select-one", item)
+              }, null, 8, ["item", "select-keys", "disable", "onSelect", "onSelectOne"]);
             }), 128))
           ])
         ])

package/lib/selectResourceModal/components/ListFilter/index.js

@@ -57,8 +57,8 @@ const _sfc_main = vue.defineComponent({
     const originFilter = {
       catalog: "",
       source: "",
-      create_begin: "",
-      create_end: "",
+      created_begin: "",
+      created_end: "",
       keyword: "",
       precise_keyword: "",
       upload_by: null,
@@ -70,16 +70,16 @@ const _sfc_main = vue.defineComponent({
     };
     const rangeTime = vue.computed({
       get() {
-        return filter.value.create_begin && filter.value.create_end ? [filter.value.create_begin * 1e3, filter.value.create_end * 1e3] : null;
+        return filter.value.created_begin && filter.value.created_end ? [filter.value.created_begin * 1e3, filter.value.created_end * 1e3] : null;
       },
       set(val) {
         if (val) {
           const [start, end] = val;
-          filter.value.create_begin = +new Date(start) / 1e3;
-          filter.value.create_end = +new Date(end) / 1e3;
+          filter.value.created_begin = +new Date(start) / 1e3;
+          filter.value.created_end = +new Date(end) / 1e3;
         } else {
-          filter.value.create_begin = "";
-          filter.value.create_end = "";
+          filter.value.created_begin = "";
+          filter.value.created_end = "";
         }
       }
     });
@@ -104,9 +104,7 @@ const _sfc_main = vue.defineComponent({
     vue.watch(
       () => searchType.value,
       () => {
-        filter.value.sf = "";
-        filter.value.precise_keyword = "";
-        filter.value.keyword = "";
+        searchInput.value = filter.value.keyword || filter.value.precise_keyword;
       }
     );
     const isEmpty = vue.computed(() => {
@@ -136,17 +134,15 @@ const _sfc_main = vue.defineComponent({
         var _a;
         if ((_a = props.filterOptions) == null ? void 0 : _a.mediaType) {
           filter.value.catalog = props.filterOptions.mediaType;
+          if (props.filterOptions.mediaTypeStrict) {
+            originFilter.catalog = props.filterOptions.mediaType;
+          }
         }
       },
-      { immediate: true }
+      { immediate: true, deep: true }
     );
     vue.onMounted(() => {
-      var _a;
       load();
-      if (((_a = props.filterOptions) == null ? void 0 : _a.mediaType) && !props.filterOptions.mediaTypeStrict) {
-        filter.value.catalog = props.filterOptions.mediaType;
-        originFilter.catalog = props.filterOptions.mediaType;
-      }
     });
     __expose({
       resetFilter: handleReset

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cmstops/pro-compo",
-  "version": "0.3.47",
+  "version": "0.3.49",
   "description": "",
   "keywords": [
     "vue",