@cmstops/pro-compo 0.3.56 → 0.3.57

package/lib/selectGategory/style/ColumnSelection.less

@@ -1,190 +1,190 @@
-.column-selection-container {
-  padding: 0;
-  cursor: pointer;
-  @mixin ellipsis {
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-  }
-
-  &.single {
-    .column-select {
-      position: relative;
-      max-width: 250px;
-      padding-right: 35px;
-      font-weight: 500;
-
-      .right-icon {
-        position: absolute;
-        top: 7px;
-        right: 15px;
-      }
-
-      &.add {
-        color: #86909c;
-        text-align: center;
-        background: #f3f4f5;
-        border: none;
-      }
-
-      &.value {
-        color: #4886ff;
-        background: #edf3ff;
-      }
-
-      &.long {
-        padding-right: 90px;
-
-        .longTip {
-          position: absolute;
-          right: 35px;
-        }
-      }
-    }
-  }
-
-  .column-select {
-    height: 28px;
-    padding: 0 10px;
-    font-size: 14px;
-    line-height: 28px;
-    border: 1px solid #e8e8e8;
-    border-bottom: none;
-
-    .space {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      color: #4e5969;
-
-      &.disabled {
-        opacity: 0.3;
-        pointer-events: none;
-      }
-    }
-
-    .label {
-      @include ellipsis;
-    }
-
-    &.add {
-      @include ellipsis;
-
-      color: #86909c;
-      text-align: center;
-      background: #f3f4f5;
-      border: 1px solid #e8e8e8;
-      border-radius: 2px;
-
-      .label {
-        font-weight: 700;
-      }
-    }
-  }
-}
-
-.column-selection-popover {
-  width: 300px;
-
-  &.single {
-    width: 180px;
-  }
-
-  padding: 0;
-
-  .column-selection-main {
-    transition: all 0.3s;
-
-    .arco-scrollbar {
-      .column-selection-scroll {
-        overflow: auto;
-
-        .arco-tree {
-          .arco-tree-node {
-            position: relative;
-            height: 36px;
-            line-height: 36px;
-
-            .custom-tree-node {
-              width: 100%;
-            }
-
-            span {
-              vertical-align: middle;
-            }
-
-            .add-icon {
-              position: absolute;
-              right: 10px;
-              color: #4886ff;
-
-              i {
-                font-size: 16px;
-              }
-            }
-
-            &:hover {
-              background-color: rgba(0, 0, 0, 0.05) !important;
-
-              .add-icon {
-                i {
-                  display: inline-block;
-                }
-              }
-            }
-          }
-        }
-      }
-    }
-
-    .selected-list {
-      position: relative;
-      width: 100%;
-      margin: 0;
-      padding: 0;
-      list-style: none;
-      border-top: 1px solid #f3f4f5;
-
-      .title {
-        height: 28px;
-        padding: 0 40px 0 24px;
-        color: #86909c;
-        line-height: 28px;
-        background: #f3f4f5;
-      }
-
-      .truncate {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-      }
-
-      li {
-        height: 36px;
-        padding: 0 40px 0 24px;
-        line-height: 36px;
-
-        .item {
-          width: calc(100% - 10px);
-          overflow: hidden;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-        }
-
-        i {
-          position: absolute;
-          right: 10px;
-          display: inline-block;
-          color: rgba(0, 0, 0, 0.56);
-          font-size: 14px;
-          font-family: PingFangSC-Regular;
-          cursor: pointer;
-        }
-
-        &:hover {
-          background: rgba(0, 0, 0, 0.05);
-        }
-      }
-    }
-  }
-}
+.column-selection-container {
+  padding: 0;
+  cursor: pointer;
+  @mixin ellipsis {
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+
+  &.single {
+    .column-select {
+      position: relative;
+      max-width: 250px;
+      padding-right: 35px;
+      font-weight: 500;
+
+      .right-icon {
+        position: absolute;
+        top: 7px;
+        right: 15px;
+      }
+
+      &.add {
+        color: #86909c;
+        text-align: center;
+        background: #f3f4f5;
+        border: none;
+      }
+
+      &.value {
+        color: #4886ff;
+        background: #edf3ff;
+      }
+
+      &.long {
+        padding-right: 90px;
+
+        .longTip {
+          position: absolute;
+          right: 35px;
+        }
+      }
+    }
+  }
+
+  .column-select {
+    height: 28px;
+    padding: 0 10px;
+    font-size: 14px;
+    line-height: 28px;
+    border: 1px solid #e8e8e8;
+    border-bottom: none;
+
+    .space {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      color: #4e5969;
+
+      &.disabled {
+        opacity: 0.3;
+        pointer-events: none;
+      }
+    }
+
+    .label {
+      @include ellipsis;
+    }
+
+    &.add {
+      @include ellipsis;
+
+      color: #86909c;
+      text-align: center;
+      background: #f3f4f5;
+      border: 1px solid #e8e8e8;
+      border-radius: 2px;
+
+      .label {
+        font-weight: 700;
+      }
+    }
+  }
+}
+
+.column-selection-popover {
+  width: 300px;
+
+  &.single {
+    width: 180px;
+  }
+
+  padding: 0;
+
+  .column-selection-main {
+    transition: all 0.3s;
+
+    .arco-scrollbar {
+      .column-selection-scroll {
+        overflow: auto;
+
+        .arco-tree {
+          .arco-tree-node {
+            position: relative;
+            height: 36px;
+            line-height: 36px;
+
+            .custom-tree-node {
+              width: 100%;
+            }
+
+            span {
+              vertical-align: middle;
+            }
+
+            .add-icon {
+              position: absolute;
+              right: 10px;
+              color: #4886ff;
+
+              i {
+                font-size: 16px;
+              }
+            }
+
+            &:hover {
+              background-color: rgba(0, 0, 0, 0.05) !important;
+
+              .add-icon {
+                i {
+                  display: inline-block;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+
+    .selected-list {
+      position: relative;
+      width: 100%;
+      margin: 0;
+      padding: 0;
+      list-style: none;
+      border-top: 1px solid #f3f4f5;
+
+      .title {
+        height: 28px;
+        padding: 0 40px 0 24px;
+        color: #86909c;
+        line-height: 28px;
+        background: #f3f4f5;
+      }
+
+      .truncate {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+      }
+
+      li {
+        height: 36px;
+        padding: 0 40px 0 24px;
+        line-height: 36px;
+
+        .item {
+          width: calc(100% - 10px);
+          overflow: hidden;
+          white-space: nowrap;
+          text-overflow: ellipsis;
+        }
+
+        i {
+          position: absolute;
+          right: 10px;
+          display: inline-block;
+          color: rgba(0, 0, 0, 0.56);
+          font-size: 14px;
+          font-family: PingFangSC-Regular;
+          cursor: pointer;
+        }
+
+        &:hover {
+          background: rgba(0, 0, 0, 0.05);
+        }
+      }
+    }
+  }
+}

package/lib/selectGategory/style/index.less

@@ -1,40 +1,40 @@
-@import './ColumnSelection.less';
-
-.add-category-modal-wrapper {
-  .arco-modal-header {
-    border-bottom: none;
-  }
-
-  .arco-modal-body {
-    min-height: 200px;
-    padding: 20px;
-    padding-bottom: 0;
-
-    .form-view {
-      padding: 0 20px;
-
-      .title {
-        padding: 20px 0;
-        font-weight: bold;
-        font-size: 14px;
-      }
-
-      .item-title {
-        display: inline-block;
-        color: #4e5969;
-        font-weight: 700;
-        font-size: 14px;
-        line-height: 40px;
-        text-align: left;
-
-        &.big {
-          line-height: 60px;
-        }
-      }
-    }
-  }
-
-  .arco-modal-footer {
-    border-top: 0;
-  }
-}
+@import './ColumnSelection.less';
+
+.add-category-modal-wrapper {
+  .arco-modal-header {
+    border-bottom: none;
+  }
+
+  .arco-modal-body {
+    min-height: 200px;
+    padding: 20px;
+    padding-bottom: 0;
+
+    .form-view {
+      padding: 0 20px;
+
+      .title {
+        padding: 20px 0;
+        font-weight: bold;
+        font-size: 14px;
+      }
+
+      .item-title {
+        display: inline-block;
+        color: #4e5969;
+        font-weight: 700;
+        font-size: 14px;
+        line-height: 40px;
+        text-align: left;
+
+        &.big {
+          line-height: 60px;
+        }
+      }
+    }
+  }
+
+  .arco-modal-footer {
+    border-top: 0;
+  }
+}

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

@@ -1,15 +1,13 @@
 "use strict";
 var vue = require("vue");
 var index = require("../../../thumbCard/index.js");
-const _hoisted_1 = ["onClick"];
-const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("div", { class: "mask" }, null, -1);
-const _hoisted_3 = { class: "card-alias" };
-const _hoisted_4 = ["onClick"];
-const _hoisted_5 = {
+const _hoisted_1 = /* @__PURE__ */ vue.createElementVNode("div", { class: "mask" }, null, -1);
+const _hoisted_2 = { class: "card-alias" };
+const _hoisted_3 = {
   key: 0,
   class: "check-box active"
 };
-const _hoisted_6 = {
+const _hoisted_4 = {
   key: 1,
   class: "check-box"
 };
@@ -87,16 +85,16 @@ const _sfc_main = vue.defineComponent({
             "handlers-key": handlersKey.value,
             onHandle: _cache[0] || (_cache[0] = (e) => emits("options", e))
           }, null, 8, ["url", "thumb", "catalog", "meta", "options", "handlers-key"]),
-          _hoisted_2
+          _hoisted_1
         ], 2),
-        vue.createElementVNode("div", _hoisted_3, vue.toDisplayString(_ctx.item.alias), 1),
+        vue.createElementVNode("div", _hoisted_2, vue.toDisplayString(_ctx.item.alias), 1),
         vue.createElementVNode("div", {
           class: "check-box-wrapper",
           onClick: vue.withModifiers(handleCheck, ["stop"])
         }, [
-          selectedOrder.value[_ctx.item.id] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, vue.toDisplayString(selectedOrder.value[_ctx.item.id]), 1)) : canIUse.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6)) : vue.createCommentVNode("v-if", true)
-        ], 8, _hoisted_4)
-      ], 8, _hoisted_1);
+          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/ListContentLocal/components/Upload.js

@@ -2,6 +2,7 @@
 var vue = require("vue");
 var webVue = require("@arco-design/web-vue");
 var vueCmstopIcons = require("@arco-iconbox/vue-cmstop-icons");
+var useUpload = require("../../../../hooks/useUpload.js");
 const _hoisted_1 = { class: "upload-wrapper" };
 const _hoisted_2 = { class: "upload-buttons" };
 const _hoisted_3 = { class: "upload-dragger" };
@@ -10,10 +11,24 @@ const _sfc_main = vue.defineComponent({
   __name: "Upload",
   emits: ["change"],
   setup(__props, { emit: __emit }) {
+    const userInfo = vue.inject("userInfo");
+    const baseAPI = vue.inject("baseAPI");
     const emits = __emit;
+    const { initUploadConfig, checkFileSizeOutLimit } = useUpload.useUploadConfig();
     function handleUpload(options) {
+      if (!checkFileSizeOutLimit(options.fileItem.file, webVue.Message.warning))
+        return;
       emits("change", options.fileItem);
     }
+    async function handleInitConfig() {
+      var _a, _b;
+      if (!baseAPI || !((_a = userInfo == null ? void 0 : userInfo.value) == null ? void 0 : _a.domain_id))
+        return;
+      await initUploadConfig(baseAPI, (_b = userInfo == null ? void 0 : userInfo.value) == null ? void 0 : _b.domain_id);
+    }
+    vue.onMounted(() => {
+      handleInitConfig();
+    });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         vue.createElementVNode("div", _hoisted_2, [
@@ -38,7 +53,7 @@ const _sfc_main = vue.defineComponent({
             ]),
             _: 1
           }),
-          vue.createCommentVNode(' <a-button type="primary"> \u626B\u7801\u4E0A\u4F20 </a-button>\r\n      <a-button type="primary"> \u5206\u4EAB\u4E0A\u4F20 </a-button> ')
+          vue.createCommentVNode(' <a-button type="primary"> \u626B\u7801\u4E0A\u4F20 </a-button>\n      <a-button type="primary"> \u5206\u4EAB\u4E0A\u4F20 </a-button> ')
         ]),
         vue.createElementVNode("div", _hoisted_3, [
           vue.createVNode(vue.unref(webVue.Upload), {

package/lib/selectResourceModal/style/index.less

@@ -1,70 +1,70 @@
-@import './listContent.less';
-@import './listFilter.less';
-@import './listSelected.less';
-@import './listContentLocal.less';
-@import './listCardWrapper.less';
-
-.resource-select-modal-body {
-  height: 70vh;
-  padding: 0;
-}
-
-.resource-select-main {
-  height: 100%;
-}
-
-.resource-select-drawer {
-  .arco-drawer-body {
-    box-sizing: border-box;
-    padding: 0;
-    overflow: hidden;
-  }
-}
-
-.resource-select-container {
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  box-sizing: border-box;
-  height: 100%;
-
-  .resource-select-filter,
-  .resource-select-footer {
-    padding: 0 40px;
-  }
-
-  .resource-select-content {
-    .arco-scrollbar-container {
-      padding: 0 40px;
-    }
-  }
-
-  .resource-select-header {
-    padding: 10px 24px 0 24px;
-
-    .arco-tabs-nav::before {
-      display: none;
-    }
-
-    .arco-tabs-content {
-      display: none !important;
-    }
-  }
-
-  .resource-select-content {
-    flex: 1;
-    overflow: hidden;
-  }
-
-  .resource-select-footer {
-    display: flex;
-    justify-content: space-between;
-    padding-bottom: 10px;
-
-    .footer-right {
-      display: flex;
-      gap: 10px;
-      align-items: center;
-    }
-  }
-}
+@import './listContent.less';
+@import './listFilter.less';
+@import './listSelected.less';
+@import './listContentLocal.less';
+@import './listCardWrapper.less';
+
+.resource-select-modal-body {
+  height: 70vh;
+  padding: 0;
+}
+
+.resource-select-main {
+  height: 100%;
+}
+
+.resource-select-drawer {
+  .arco-drawer-body {
+    box-sizing: border-box;
+    padding: 0;
+    overflow: hidden;
+  }
+}
+
+.resource-select-container {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  box-sizing: border-box;
+  height: 100%;
+
+  .resource-select-filter,
+  .resource-select-footer {
+    padding: 0 40px;
+  }
+
+  .resource-select-content {
+    .arco-scrollbar-container {
+      padding: 0 40px;
+    }
+  }
+
+  .resource-select-header {
+    padding: 10px 24px 0 24px;
+
+    .arco-tabs-nav::before {
+      display: none;
+    }
+
+    .arco-tabs-content {
+      display: none !important;
+    }
+  }
+
+  .resource-select-content {
+    flex: 1;
+    overflow: hidden;
+  }
+
+  .resource-select-footer {
+    display: flex;
+    justify-content: space-between;
+    padding-bottom: 10px;
+
+    .footer-right {
+      display: flex;
+      gap: 10px;
+      align-items: center;
+    }
+  }
+}