@cmstops/pro-compo 0.3.56 → 0.3.57

package/es/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/es/selectGategory/style/index.d.ts

@@ -0,0 +1 @@
+import './index.less';

package/es/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/es/selectResourceModal/components/ListCardWrapper/index.js

@@ -1,14 +1,12 @@
 import { defineComponent, inject, computed, openBlock, createElementBlock, withModifiers, createElementVNode, normalizeClass, createVNode, unref, toDisplayString, createCommentVNode } from "vue";
 import thumbCard from "../../../thumbCard/index.js";
-const _hoisted_1 = ["onClick"];
-const _hoisted_2 = /* @__PURE__ */ createElementVNode("div", { class: "mask" }, null, -1);
-const _hoisted_3 = { class: "card-alias" };
-const _hoisted_4 = ["onClick"];
-const _hoisted_5 = {
+const _hoisted_1 = /* @__PURE__ */ 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"
 };
@@ -86,16 +84,16 @@ const _sfc_main = 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),
-        createElementVNode("div", _hoisted_3, toDisplayString(_ctx.item.alias), 1),
+        createElementVNode("div", _hoisted_2, toDisplayString(_ctx.item.alias), 1),
         createElementVNode("div", {
           class: "check-box-wrapper",
           onClick: withModifiers(handleCheck, ["stop"])
         }, [
-          selectedOrder.value[_ctx.item.id] ? (openBlock(), createElementBlock("div", _hoisted_5, toDisplayString(selectedOrder.value[_ctx.item.id]), 1)) : canIUse.value ? (openBlock(), createElementBlock("div", _hoisted_6)) : createCommentVNode("v-if", true)
-        ], 8, _hoisted_4)
-      ], 8, _hoisted_1);
+          selectedOrder.value[_ctx.item.id] ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(selectedOrder.value[_ctx.item.id]), 1)) : canIUse.value ? (openBlock(), createElementBlock("div", _hoisted_4)) : createCommentVNode("v-if", true)
+        ])
+      ]);
     };
   }
 });

package/es/selectResourceModal/components/ListContentLocal/components/Upload.js

@@ -1,6 +1,7 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode, createVNode, unref, withCtx, createTextVNode, createCommentVNode } from "vue";
-import { Upload, Button } from "@arco-design/web-vue";
+import { defineComponent, inject, onMounted, openBlock, createElementBlock, createElementVNode, createVNode, unref, withCtx, createTextVNode, createCommentVNode } from "vue";
+import { Upload, Button, Message } from "@arco-design/web-vue";
 import { IconComputer } from "@arco-iconbox/vue-cmstop-icons";
+import { useUploadConfig } from "../../../../hooks/useUpload.js";
 const _hoisted_1 = { class: "upload-wrapper" };
 const _hoisted_2 = { class: "upload-buttons" };
 const _hoisted_3 = { class: "upload-dragger" };
@@ -9,10 +10,24 @@ const _sfc_main = defineComponent({
   __name: "Upload",
   emits: ["change"],
   setup(__props, { emit: __emit }) {
+    const userInfo = inject("userInfo");
+    const baseAPI = inject("baseAPI");
     const emits = __emit;
+    const { initUploadConfig, checkFileSizeOutLimit } = useUploadConfig();
     function handleUpload(options) {
+      if (!checkFileSizeOutLimit(options.fileItem.file, 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);
+    }
+    onMounted(() => {
+      handleInitConfig();
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
@@ -37,7 +52,7 @@ const _sfc_main = defineComponent({
             ]),
             _: 1
           }),
-          createCommentVNode(' <a-button type="primary"> \u626B\u7801\u4E0A\u4F20 </a-button>\r\n      <a-button type="primary"> \u5206\u4EAB\u4E0A\u4F20 </a-button> ')
+          createCommentVNode(' <a-button type="primary"> \u626B\u7801\u4E0A\u4F20 </a-button>\n      <a-button type="primary"> \u5206\u4EAB\u4E0A\u4F20 </a-button> ')
         ]),
         createElementVNode("div", _hoisted_3, [
           createVNode(unref(Upload), {

package/es/selectResourceModal/components/ListFilter/scripts/api.d.ts

@@ -0,0 +1 @@
+export declare function getAccountList(BASE_API: string, id: number, query: any): import("axios").AxiosPromise<any>;

package/es/selectResourceModal/index.d.ts

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

package/es/selectResourceModal/scripts/useResourceSelect.d.ts

@@ -0,0 +1,7 @@
+export declare function useResourceSelect(props: any): {
+    selected: import("vue").Ref<any[]>;
+    selectedKeys: import("vue").ComputedRef<any[]>;
+    disableSelect: import("vue").ComputedRef<any>;
+    handleSelect: (params: any) => void;
+    handleClear: () => void;
+};

package/es/selectResourceModal/style/index.d.ts

@@ -0,0 +1 @@
+import './index.less';