@cmstops/pro-compo 0.3.43 → 0.3.45

package/lib/thumbCard/style/index.css

@@ -11,6 +11,7 @@
 }
 .thumb-select-wrapper .thumb-upload-loading {
   display: flex;
+  flex-direction: column;
   align-items: center;
   justify-content: center;
   width: 100%;
@@ -29,6 +30,8 @@
 .thumb-select-wrapper .thumb-image img {
   width: 100%;
   height: 100%;
+  user-select: none;
+  -webkit-user-drag: none;
 }
 .thumb-select-wrapper .thumb-handler-list {
   position: absolute;
@@ -68,9 +71,13 @@
   position: absolute;
   right: 5px;
   bottom: 5px;
-  padding: 2px 10px;
+  display: flex;
+  gap: 2px;
+  align-items: center;
+  padding: 2px 5px;
   color: #fff;
   font-size: 12px;
+  line-height: 14px;
   background-color: rgba(0, 0, 0, 0.5);
   border-radius: 16px;
   opacity: 1;

package/lib/thumbCard/style/index.less

@@ -13,6 +13,7 @@
   // loading 模式
   .thumb-upload-loading {
     display: flex;
+    flex-direction: column;
     align-items: center;
     justify-content: center;
     width: 100%;
@@ -37,6 +38,8 @@
     img {
       width: 100%;
       height: 100%;
+      user-select: none;
+      -webkit-user-drag: none;
     }
   }
 
@@ -89,9 +92,13 @@
     position: absolute;
     right: 5px;
     bottom: 5px;
-    padding: 2px 10px;
+    display: flex;
+    gap: 2px;
+    align-items: center;
+    padding: 2px 5px;
     color: #fff;
     font-size: 12px;
+    line-height: 14px;
     background-color: rgba(0, 0, 0, 0.5);
     border-radius: 16px;
     opacity: 1;

package/lib/utils/transcodeMedia.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+var request = require("./request.js");
+function getTranscodingProgress(BASE_API, id) {
+  return request(BASE_API, {
+    url: `/poplar/v2/transcoding/progress?id=${id}`,
+    method: "get"
+  });
+}
+class TranscodingTask {
+  constructor(file) {
+    this.file = file;
+    this.pollCount = 0;
+  }
+  start(BASE_API, callback) {
+    if (!this.file.id)
+      return Promise.reject(new Error("file error"));
+    return new Promise((resolve, reject) => {
+      const handleTranscoding = async () => {
+        const { code, message } = await getTranscodingProgress(
+          BASE_API,
+          this.file.id
+        );
+        if (code !== 0)
+          reject(new Error(message));
+        if (message.state === 1) {
+          callback(message.progress);
+          if (message.progress === 1 && ++this.pollCount === 3) {
+            this.abort();
+            resolve(false);
+          }
+        } else if (message.state === 2) {
+          this.abort();
+          resolve(false);
+        } else if (message.state === 3) {
+          this.abort();
+          resolve(true);
+        }
+      };
+      this.taskInterval = setInterval(handleTranscoding, 5e3);
+    });
+  }
+  abort() {
+    clearInterval(this.taskInterval);
+    this.taskInterval = null;
+  }
+}
+exports.TranscodingTask = TranscodingTask;
+exports.getTranscodingProgress = getTranscodingProgress;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cmstops/pro-compo",
-  "version": "0.3.43",
+  "version": "0.3.45",
   "description": "",
   "keywords": [
     "vue",
@@ -60,7 +60,7 @@
   },
   "devDependencies": {
     "@arco-design/web-vue": "~2",
-    "@arco-iconbox/vue-cmstop-icons": "^0.0.30",
+    "@arco-iconbox/vue-cmstop-icons": "^0.0.31",
     "@babel/core": "^7.14.6",
     "@babel/plugin-proposal-class-properties": "^7.14.5",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",

package/es/selectResourceModal/components/Main/index.js

@@ -1,215 +0,0 @@
-import { defineComponent, ref, provide, computed, openBlock, createElementBlock, createCommentVNode, createElementVNode, createVNode, unref, withCtx, withDirectives, vShow, createBlock, createTextVNode } from "vue";
-import { Tabs, Button, TabPane, Scrollbar, Pagination } from "@arco-design/web-vue";
-import { IconClose } from "@arco-design/web-vue/es/icon";
-import emptyData from "../../../emptyData/index.js";
-import _sfc_main$1 from "../ListFilter/index.js";
-import _sfc_main$2 from "../ListContent/index.js";
-import _sfc_main$4 from "../ListSelected/index.js";
-import _sfc_main$3 from "../ListContentLocal/index.js";
-import useAttachement from "../../../hooks/useAttachement.js";
-import { DEFAULT_BASE_API } from "../../../config.js";
-const _hoisted_1 = { class: "resource-select-main" };
-const _hoisted_2 = {
-  key: 0,
-  class: "resource-select-container"
-};
-const _hoisted_3 = { class: "resource-select-header" };
-const _hoisted_4 = {
-  key: 0,
-  class: "resource-select-filter"
-};
-const _hoisted_5 = { class: "resource-select-content" };
-const _hoisted_6 = { class: "resource-select-footer" };
-const _hoisted_7 = { class: "footer-left" };
-const _hoisted_8 = {
-  key: 0,
-  class: "footer-right"
-};
-const _sfc_main = defineComponent({
-  __name: "index",
-  props: {
-    BASE_API: {},
-    userInfo: {},
-    maxcount: {},
-    filterOptions: {}
-  },
-  emits: ["close", "submit"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const BASE_API = props.BASE_API || DEFAULT_BASE_API;
-    const activeKey = ref("all");
-    provide("userInfo", computed(() => props.userInfo));
-    provide("baseAPI", BASE_API);
-    const {
-      list,
-      total,
-      limit,
-      loading,
-      changeKey,
-      changeFilter,
-      changePage,
-      changeSize
-    } = useAttachement({ key: "all", BASE_API });
-    const selected = ref([]);
-    const selectedKeys = computed(() => selected.value.map((item) => item.id));
-    const disableSelect = computed(() => props.maxcount && selected.value.length >= props.maxcount);
-    function handleSelect(params) {
-      const { id } = params;
-      const index = selected.value.findIndex((item) => item.id === id);
-      if (index > -1)
-        selected.value.splice(index, 1);
-      else
-        selected.value.push(params);
-    }
-    function handleClear() {
-      selected.value = [];
-    }
-    function handleClose() {
-      handleClear();
-      emits("close");
-    }
-    const handleSelectOne = (params) => {
-      if (Array.isArray(params))
-        emits("submit", params);
-      else
-        emits("submit", [params]);
-      handleClose();
-    };
-    function handleConfirm() {
-      handleSelectOne(selected.value);
-    }
-    function handleToUpload() {
-      changeKey("local");
-      activeKey.value = "local";
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        _ctx.userInfo ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          createCommentVNode(" \u5934\u90E8 "),
-          createElementVNode("div", _hoisted_3, [
-            createVNode(unref(Tabs), {
-              "active-key": activeKey.value,
-              "onUpdate:activeKey": _cache[0] || (_cache[0] = ($event) => activeKey.value = $event),
-              onChange: unref(changeKey)
-            }, {
-              extra: withCtx(() => [
-                createVNode(unref(Button), {
-                  type: "secondary",
-                  shape: "round",
-                  onClick: handleClose
-                }, {
-                  icon: withCtx(() => [
-                    createVNode(unref(IconClose))
-                  ]),
-                  _: 1
-                })
-              ]),
-              default: withCtx(() => [
-                createVNode(unref(TabPane), {
-                  key: "all",
-                  title: "\u5168\u90E8\u7D20\u6750"
-                }),
-                createVNode(unref(TabPane), {
-                  key: "my",
-                  title: "\u6211\u7684\u7D20\u6750"
-                }),
-                createVNode(unref(TabPane), {
-                  key: "remind",
-                  title: "\u63D0\u9192\u6211\u7684"
-                }),
-                createVNode(unref(TabPane), {
-                  key: "local",
-                  title: "\u672C\u5730\u7D20\u6750"
-                })
-              ]),
-              _: 1
-            }, 8, ["active-key", "onChange"])
-          ]),
-          createCommentVNode(" \u7B5B\u9009  "),
-          activeKey.value !== "local" ? (openBlock(), createElementBlock("div", _hoisted_4, [
-            createVNode(_sfc_main$1, {
-              "disable-upload-by": activeKey.value !== "all",
-              filterOptions: _ctx.filterOptions,
-              onChange: unref(changeFilter),
-              onUpload: handleToUpload
-            }, null, 8, ["disable-upload-by", "filterOptions", "onChange"])
-          ])) : createCommentVNode("v-if", true),
-          createCommentVNode(" \u5217\u8868\u90E8\u5206 "),
-          createElementVNode("div", _hoisted_5, [
-            createVNode(unref(Scrollbar), {
-              "outer-style": { height: "100%" },
-              style: { "height": "100%", "overflow": "auto" }
-            }, {
-              default: withCtx(() => [
-                withDirectives(createVNode(_sfc_main$2, {
-                  loading: unref(loading),
-                  list: unref(list),
-                  disable: disableSelect.value,
-                  "select-keys": selectedKeys.value,
-                  onSelect: handleSelect,
-                  onSelectOne: handleSelectOne
-                }, null, 8, ["loading", "list", "disable", "select-keys"]), [
-                  [vShow, activeKey.value !== "local"]
-                ]),
-                withDirectives(createVNode(_sfc_main$3, {
-                  disable: disableSelect.value,
-                  "select-keys": selectedKeys.value,
-                  onSelect: handleSelect,
-                  onSelectOne: handleSelectOne
-                }, null, 8, ["disable", "select-keys"]), [
-                  [vShow, activeKey.value === "local"]
-                ])
-              ]),
-              _: 1
-            })
-          ]),
-          createCommentVNode(" \u5E95\u90E8 "),
-          createElementVNode("div", _hoisted_6, [
-            createElementVNode("div", _hoisted_7, [
-              activeKey.value !== "local" ? (openBlock(), createBlock(unref(Pagination), {
-                key: 0,
-                total: unref(total),
-                "page-size": unref(limit),
-                "show-total": "",
-                "show-page-size": "",
-                "base-size": 3,
-                "buffer-size": 1,
-                onChange: _cache[1] || (_cache[1] = (e) => unref(changePage)((e - 1) * unref(limit))),
-                onPageSizeChange: unref(changeSize)
-              }, null, 8, ["total", "page-size", "onPageSizeChange"])) : createCommentVNode("v-if", true)
-            ]),
-            selected.value.length ? (openBlock(), createElementBlock("div", _hoisted_8, [
-              createVNode(_sfc_main$4, {
-                maxcount: _ctx.maxcount,
-                selected: selected.value,
-                onRemove: handleSelect,
-                onClear: handleClear
-              }, null, 8, ["maxcount", "selected"]),
-              createVNode(unref(Button), { onClick: handleClose }, {
-                default: withCtx(() => [
-                  createTextVNode("\u53D6\u6D88")
-                ]),
-                _: 1
-              }),
-              createVNode(unref(Button), {
-                type: "primary",
-                onClick: handleConfirm
-              }, {
-                default: withCtx(() => [
-                  createTextVNode("\u786E\u5B9A")
-                ]),
-                _: 1
-              })
-            ])) : createCommentVNode("v-if", true)
-          ])
-        ])) : (openBlock(), createBlock(unref(emptyData), {
-          key: 1,
-          type: "empty",
-          customTip: "\u6682\u65E0\u6743\u9650"
-        }))
-      ]);
-    };
-  }
-});
-export { _sfc_main as default };

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

@@ -1,216 +0,0 @@
-"use strict";
-var vue = require("vue");
-var webVue = require("@arco-design/web-vue");
-var icon = require("@arco-design/web-vue/es/icon");
-var index$4 = require("../../../emptyData/index.js");
-var index = require("../ListFilter/index.js");
-var index$1 = require("../ListContent/index.js");
-var index$3 = require("../ListSelected/index.js");
-var index$2 = require("../ListContentLocal/index.js");
-var useAttachement = require("../../../hooks/useAttachement.js");
-var config = require("../../../config.js");
-const _hoisted_1 = { class: "resource-select-main" };
-const _hoisted_2 = {
-  key: 0,
-  class: "resource-select-container"
-};
-const _hoisted_3 = { class: "resource-select-header" };
-const _hoisted_4 = {
-  key: 0,
-  class: "resource-select-filter"
-};
-const _hoisted_5 = { class: "resource-select-content" };
-const _hoisted_6 = { class: "resource-select-footer" };
-const _hoisted_7 = { class: "footer-left" };
-const _hoisted_8 = {
-  key: 0,
-  class: "footer-right"
-};
-const _sfc_main = vue.defineComponent({
-  __name: "index",
-  props: {
-    BASE_API: {},
-    userInfo: {},
-    maxcount: {},
-    filterOptions: {}
-  },
-  emits: ["close", "submit"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const BASE_API = props.BASE_API || config.DEFAULT_BASE_API;
-    const activeKey = vue.ref("all");
-    vue.provide("userInfo", vue.computed(() => props.userInfo));
-    vue.provide("baseAPI", BASE_API);
-    const {
-      list,
-      total,
-      limit,
-      loading,
-      changeKey,
-      changeFilter,
-      changePage,
-      changeSize
-    } = useAttachement["default"]({ key: "all", BASE_API });
-    const selected = vue.ref([]);
-    const selectedKeys = vue.computed(() => selected.value.map((item) => item.id));
-    const disableSelect = vue.computed(() => props.maxcount && selected.value.length >= props.maxcount);
-    function handleSelect(params) {
-      const { id } = params;
-      const index2 = selected.value.findIndex((item) => item.id === id);
-      if (index2 > -1)
-        selected.value.splice(index2, 1);
-      else
-        selected.value.push(params);
-    }
-    function handleClear() {
-      selected.value = [];
-    }
-    function handleClose() {
-      handleClear();
-      emits("close");
-    }
-    const handleSelectOne = (params) => {
-      if (Array.isArray(params))
-        emits("submit", params);
-      else
-        emits("submit", [params]);
-      handleClose();
-    };
-    function handleConfirm() {
-      handleSelectOne(selected.value);
-    }
-    function handleToUpload() {
-      changeKey("local");
-      activeKey.value = "local";
-    }
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        _ctx.userInfo ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
-          vue.createCommentVNode(" \u5934\u90E8 "),
-          vue.createElementVNode("div", _hoisted_3, [
-            vue.createVNode(vue.unref(webVue.Tabs), {
-              "active-key": activeKey.value,
-              "onUpdate:activeKey": _cache[0] || (_cache[0] = ($event) => activeKey.value = $event),
-              onChange: vue.unref(changeKey)
-            }, {
-              extra: vue.withCtx(() => [
-                vue.createVNode(vue.unref(webVue.Button), {
-                  type: "secondary",
-                  shape: "round",
-                  onClick: handleClose
-                }, {
-                  icon: vue.withCtx(() => [
-                    vue.createVNode(vue.unref(icon.IconClose))
-                  ]),
-                  _: 1
-                })
-              ]),
-              default: vue.withCtx(() => [
-                vue.createVNode(vue.unref(webVue.TabPane), {
-                  key: "all",
-                  title: "\u5168\u90E8\u7D20\u6750"
-                }),
-                vue.createVNode(vue.unref(webVue.TabPane), {
-                  key: "my",
-                  title: "\u6211\u7684\u7D20\u6750"
-                }),
-                vue.createVNode(vue.unref(webVue.TabPane), {
-                  key: "remind",
-                  title: "\u63D0\u9192\u6211\u7684"
-                }),
-                vue.createVNode(vue.unref(webVue.TabPane), {
-                  key: "local",
-                  title: "\u672C\u5730\u7D20\u6750"
-                })
-              ]),
-              _: 1
-            }, 8, ["active-key", "onChange"])
-          ]),
-          vue.createCommentVNode(" \u7B5B\u9009  "),
-          activeKey.value !== "local" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
-            vue.createVNode(index, {
-              "disable-upload-by": activeKey.value !== "all",
-              filterOptions: _ctx.filterOptions,
-              onChange: vue.unref(changeFilter),
-              onUpload: handleToUpload
-            }, null, 8, ["disable-upload-by", "filterOptions", "onChange"])
-          ])) : vue.createCommentVNode("v-if", true),
-          vue.createCommentVNode(" \u5217\u8868\u90E8\u5206 "),
-          vue.createElementVNode("div", _hoisted_5, [
-            vue.createVNode(vue.unref(webVue.Scrollbar), {
-              "outer-style": { height: "100%" },
-              style: { "height": "100%", "overflow": "auto" }
-            }, {
-              default: vue.withCtx(() => [
-                vue.withDirectives(vue.createVNode(index$1, {
-                  loading: vue.unref(loading),
-                  list: vue.unref(list),
-                  disable: disableSelect.value,
-                  "select-keys": selectedKeys.value,
-                  onSelect: handleSelect,
-                  onSelectOne: handleSelectOne
-                }, null, 8, ["loading", "list", "disable", "select-keys"]), [
-                  [vue.vShow, activeKey.value !== "local"]
-                ]),
-                vue.withDirectives(vue.createVNode(index$2, {
-                  disable: disableSelect.value,
-                  "select-keys": selectedKeys.value,
-                  onSelect: handleSelect,
-                  onSelectOne: handleSelectOne
-                }, null, 8, ["disable", "select-keys"]), [
-                  [vue.vShow, activeKey.value === "local"]
-                ])
-              ]),
-              _: 1
-            })
-          ]),
-          vue.createCommentVNode(" \u5E95\u90E8 "),
-          vue.createElementVNode("div", _hoisted_6, [
-            vue.createElementVNode("div", _hoisted_7, [
-              activeKey.value !== "local" ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Pagination), {
-                key: 0,
-                total: vue.unref(total),
-                "page-size": vue.unref(limit),
-                "show-total": "",
-                "show-page-size": "",
-                "base-size": 3,
-                "buffer-size": 1,
-                onChange: _cache[1] || (_cache[1] = (e) => vue.unref(changePage)((e - 1) * vue.unref(limit))),
-                onPageSizeChange: vue.unref(changeSize)
-              }, null, 8, ["total", "page-size", "onPageSizeChange"])) : vue.createCommentVNode("v-if", true)
-            ]),
-            selected.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
-              vue.createVNode(index$3, {
-                maxcount: _ctx.maxcount,
-                selected: selected.value,
-                onRemove: handleSelect,
-                onClear: handleClear
-              }, null, 8, ["maxcount", "selected"]),
-              vue.createVNode(vue.unref(webVue.Button), { onClick: handleClose }, {
-                default: vue.withCtx(() => [
-                  vue.createTextVNode("\u53D6\u6D88")
-                ]),
-                _: 1
-              }),
-              vue.createVNode(vue.unref(webVue.Button), {
-                type: "primary",
-                onClick: handleConfirm
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createTextVNode("\u786E\u5B9A")
-                ]),
-                _: 1
-              })
-            ])) : vue.createCommentVNode("v-if", true)
-          ])
-        ])) : (vue.openBlock(), vue.createBlock(vue.unref(index$4), {
-          key: 1,
-          type: "empty",
-          customTip: "\u6682\u65E0\u6743\u9650"
-        }))
-      ]);
-    };
-  }
-});
-module.exports = _sfc_main;