@cmstops/pro-compo 0.3.49 → 0.3.51

package/lib/thumbCard/component.js

@@ -4,21 +4,13 @@ var vueCmstopIcons = require("@arco-iconbox/vue-cmstop-icons");
 var webVue = require("@arco-design/web-vue");
 var magic = require("./assets/magic.js");
 var config = require("../config.js");
-var index = require("../utils/index.js");
+var index$1 = require("../utils/index.js");
+var index = require("./components/ThumbUploading/index.js");
 const _hoisted_1 = {
-  key: 0,
-  class: "thumb-upload-loading"
-};
-const _hoisted_2 = {
-  key: 0,
-  class: "thumb-upload-text"
-};
-const _hoisted_3 = { class: "thumb-handler-list" };
-const _hoisted_4 = ["onClick"];
-const _hoisted_5 = {
   key: 2,
   class: "thumb-select-tag"
 };
+const _hoisted_2 = ["onClick"];
 const _sfc_main = vue.defineComponent({
   ...{ name: "thumbCard" },
   __name: "component",
@@ -30,7 +22,8 @@ const _sfc_main = vue.defineComponent({
     options: {},
     meta: {},
     catalog: {},
-    handlersKey: {}
+    handlersKey: {},
+    handlersAlways: { type: Boolean }
   },
   emits: ["handle", "edit"],
   setup(__props, { emit: __emit }) {
@@ -62,6 +55,13 @@ const _sfc_main = vue.defineComponent({
       }
       return list;
     });
+    const thumbHandlerClass = vue.computed(() => {
+      const list = [];
+      if (props.handlersAlways) {
+        list.push("thumb-handler-always");
+      }
+      return list;
+    });
     const aImageAttr = vue.computed(() => {
       return {
         fit: "contain",
@@ -75,40 +75,41 @@ const _sfc_main = vue.defineComponent({
       emits("handle", { key, item: props.meta });
     }
     return (_ctx, _cache) => {
-      var _a, _b, _c;
+      var _a;
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(["thumb-select-wrapper", classList.value]),
         style: vue.normalizeStyle(styleObject.value)
       }, [
-        isUploading.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-          vue.createVNode(vue.unref(webVue.Progress), {
-            type: "circle",
-            percent: (_a = _ctx.meta) == null ? void 0 : _a.progress
-          }, null, 8, ["percent"]),
-          ((_b = _ctx.meta) == null ? void 0 : _b.isTrans) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, "\u8F6C\u7801\u4E2D...")) : vue.createCommentVNode("v-if", true)
-        ])) : _ctx.catalog && _ctx.url ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+        isUploading.value ? (vue.openBlock(), vue.createBlock(index, {
+          key: 0,
+          meta: _ctx.meta
+        }, null, 8, ["meta"])) : _ctx.catalog && _ctx.url ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
           vue.createCommentVNode(" \u6709\u7C7B\u578B\u7684\u5C01\u9762 "),
           vue.createCommentVNode(" \u56FE\u7247 "),
           _ctx.catalog ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Image), vue.mergeProps({
             key: 0,
             class: "thumb-image",
             src: realThumb.value
-          }, aImageAttr.value), null, 16, ["src"])) : vue.createCommentVNode("v-if", true),
-          vue.createCommentVNode(" \u5C55\u793A\u6A21\u5F0F "),
-          vue.createElementVNode("div", _hoisted_3, [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.handlersKey, (item) => {
-              return vue.openBlock(), vue.createElementBlock("div", {
-                key: item.key,
-                class: "handler-item",
-                onClick: vue.withModifiers(() => handleOption(item.key), ["stop"])
-              }, vue.toDisplayString(item.label), 9, _hoisted_4);
-            }), 128))
-          ])
+          }, aImageAttr.value), null, 16, ["src"])) : vue.createCommentVNode("v-if", true)
         ], 64)) : vue.createCommentVNode("v-if", true),
-        ["video", "audio"].includes(_ctx.catalog) && _ctx.meta ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+        vue.createCommentVNode(" \u4E00\u4E9B\u6807\u7B7E\uFF08\u56DB\u4E2A\u89D2\uFF09 "),
+        ["video", "audio"].includes(_ctx.catalog) && _ctx.meta ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
           _ctx.catalog === "video" ? (vue.openBlock(), vue.createBlock(vue.unref(vueCmstopIcons.IconVideoTag), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(vueCmstopIcons.IconAudioTag), { key: 1 })),
-          vue.createTextVNode(" " + vue.toDisplayString(vue.unref(index.mediaTime)((_c = _ctx.meta) == null ? void 0 : _c.length)), 1)
-        ])) : vue.createCommentVNode("v-if", true)
+          vue.createTextVNode(" " + vue.toDisplayString(vue.unref(index$1.mediaTime)((_a = _ctx.meta) == null ? void 0 : _a.length)), 1)
+        ])) : vue.createCommentVNode("v-if", true),
+        vue.createCommentVNode(" \u5916\u6302\u9009\u9879 "),
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(["thumb-handler-list", thumbHandlerClass.value])
+        }, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.handlersKey, (item) => {
+            return vue.openBlock(), vue.createElementBlock("div", {
+              key: item.key,
+              class: "handler-item",
+              onClick: vue.withModifiers(() => handleOption(item.key), ["stop"])
+            }, vue.toDisplayString(item.label), 9, _hoisted_2);
+          }), 128)),
+          vue.renderSlot(_ctx.$slots, "handlers")
+        ], 2)
       ], 6);
     };
   }

package/lib/thumbCard/components/ThumbUploading/index.js

@@ -0,0 +1,43 @@
+"use strict";
+var vue = require("vue");
+var webVue = require("@arco-design/web-vue");
+const _hoisted_1 = { class: "thumb-upload-loading" };
+const _sfc_main = vue.defineComponent({
+  __name: "index",
+  props: {
+    meta: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const isFaild = vue.computed(() => {
+      return [2, 3].includes(props.meta.status);
+    });
+    const isSuccess = vue.computed(() => {
+      return [0].includes(props.meta.status);
+    });
+    const textStatusClass = vue.computed(() => {
+      if (isFaild.value) {
+        return "thumb-upload-text-error";
+      }
+      if (isSuccess.value) {
+        return "thumb-upload-text-success";
+      }
+      return "";
+    });
+    return (_ctx, _cache) => {
+      var _a, _b;
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        !isFaild.value ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Progress), {
+          key: 0,
+          type: "circle",
+          percent: (_a = _ctx.meta) == null ? void 0 : _a.progress
+        }, null, 8, ["percent"])) : vue.createCommentVNode("v-if", true),
+        _ctx.meta.msg ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 1,
+          class: vue.normalizeClass(["thumb-upload-text", textStatusClass.value])
+        }, vue.toDisplayString((_b = _ctx.meta) == null ? void 0 : _b.msg), 3)) : vue.createCommentVNode("v-if", true)
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/thumbCard/style/index.css

@@ -1,26 +1,34 @@
-.thumb-select-wrapper {
-  position: relative;
+.thumb-upload-loading {
   display: flex;
+  flex-direction: column;
   align-items: center;
   justify-content: center;
   width: 100%;
   height: 100%;
-  overflow: hidden;
-  border-radius: 2px;
-  cursor: pointer;
+  background-color: rgba(0, 0, 0, 0.5);
+}
+.thumb-upload-loading .arco-progress-circle-text {
+  color: #fff;
+}
+.thumb-upload-loading .thumb-upload-text {
+  color: #fff;
+}
+.thumb-upload-loading .thumb-upload-text-success {
+  color: rgb(var(--success-2));
 }
-.thumb-select-wrapper .thumb-upload-loading {
+.thumb-upload-loading .thumb-upload-text-error {
+  color: rgb(var(--danger-6));
+}
+.thumb-select-wrapper {
+  position: relative;
   display: flex;
-  flex-direction: column;
   align-items: center;
   justify-content: center;
   width: 100%;
   height: 100%;
-  color: #fff;
-  background-color: rgba(0, 0, 0, 0.5);
-}
-.thumb-select-wrapper .thumb-upload-loading .arco-progress-circle-text {
-  color: #fff;
+  overflow: hidden;
+  border-radius: 2px;
+  cursor: pointer;
 }
 .thumb-select-wrapper .thumb-image img {
   width: 100%;
@@ -40,6 +48,9 @@
   opacity: 0;
   transition: all 0.3s ease-in-out;
 }
+.thumb-select-wrapper .thumb-handler-list.thumb-handler-always {
+  opacity: 1 !important;
+}
 .thumb-select-wrapper .thumb-handler-list .handler-item {
   padding: 0 8px;
   color: #fff;

package/lib/thumbCard/style/index.less

@@ -1,3 +1,5 @@
+@import './thumbUploading.less';
+
 .thumb-select-wrapper {
   position: relative;
   display: flex;
@@ -10,22 +12,6 @@
   border-radius: 2px;
   cursor: pointer;
 
-  // loading 模式
-  .thumb-upload-loading {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    width: 100%;
-    height: 100%;
-    color: #fff;
-    background-color: rgba(0, 0, 0, 0.5);
-
-    .arco-progress-circle-text {
-      color: #fff;
-    }
-  }
-
   // 样式
   .thumb-image {
     img {
@@ -49,6 +35,10 @@
     opacity: 0;
     transition: all 0.3s ease-in-out;
 
+    &.thumb-handler-always {
+      opacity: 1 !important;
+    }
+
     .handler-item {
       padding: 0 8px;
       color: #fff;

package/lib/thumbCard/style/thumbUploading.less

@@ -0,0 +1,26 @@
+// loading 模式
+.thumb-upload-loading {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.5);
+
+  .arco-progress-circle-text {
+    color: #fff;
+  }
+
+  .thumb-upload-text {
+    color: #fff;
+
+    &-success {
+      color: rgb(var(--success-2));
+    }
+
+    &-error {
+      color: rgb(var(--danger-6));
+    }
+  }
+}

package/lib/userAvater/component.js

@@ -85,7 +85,7 @@ const _sfc_main = vue.defineComponent({
           "content-style": { padding: 0 }
         }, {
           content: vue.withCtx(() => {
-            var _a;
+            var _a, _b;
             return [
               vue.createElementVNode("div", _hoisted_4, [
                 vue.createElementVNode("div", _hoisted_5, [
@@ -109,7 +109,7 @@ const _sfc_main = vue.defineComponent({
                 vue.createElementVNode("div", _hoisted_8, vue.toDisplayString(userInfo.value.name), 1),
                 vue.createElementVNode("div", _hoisted_9, vue.toDisplayString(userInfo.value.mail || "\u6682\u65E0\u90AE\u7BB1"), 1),
                 ((_a = userInfo.value.domains) == null ? void 0 : _a.length) === 1 && userInfo.value.currentDomain ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, vue.toDisplayString(userInfo.value.currentDomain), 1)) : vue.createCommentVNode("v-if", true),
-                vue.createVNode(vue.unref(webVue.Dropdown), null, {
+                ((_b = userInfo.value.domains) == null ? void 0 : _b.length) > 1 ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Dropdown), { key: 1 }, {
                   content: vue.withCtx(() => [
                     (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(userInfo.value.domains, (item, index) => {
                       return vue.openBlock(), vue.createBlock(vue.unref(webVue.Doption), {
@@ -132,7 +132,7 @@ const _sfc_main = vue.defineComponent({
                     })
                   ]),
                   _: 1
-                }),
+                })) : vue.createCommentVNode("v-if", true),
                 vue.createElementVNode("div", _hoisted_11, [
                   vue.createVNode(vue.unref(webVue.Button), {
                     type: "text",

package/package.json

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