@cmstops/pro-compo 3.9.1-harbin.0 → 3.9.1-harbin.2

package/lib/selectThumb/style/index.less

@@ -1,62 +1,62 @@
-.select-thumb-container {
-  position: relative;
-  @radio-button-size: 32px;
-  @import './card.less';
-  @import './colorPalette.less';
-
-  .arco-trigger-popup {
-    .arco-popover-popup-content {
-      padding: 0;
-
-      .arco-popover-content {
-        div {
-          padding: 5px 10px;
-
-          &:hover {
-            background-color: #f3f6f9;
-            cursor: pointer;
-          }
-        }
-      }
-    }
-  }
-
-  .title {
-    margin-bottom: 10px;
-    color: #4e5969;
-    font-weight: 700;
-    font-size: 14px;
-  }
-
-  .tip {
-    display: inline-block;
-    color: rgba(78, 89, 105, 0.4);
-    font-size: 12px;
-  }
-
-  .thumbbox {
-    margin-bottom: 10px;
-  }
-
-  .thumb-list-view {
-    display: flex;
-    align-items: center;
-    margin-bottom: 10px;
-  }
-
-  .star {
-    margin-right: 2px !important;
-    color: red;
-  }
-
-  .flex {
-    display: flex;
-  }
-
-  .color-picker-input {
-    width: @radio-button-size;
-    height: @radio-button-size;
-    padding: 0 2px;
-    border: none;
-  }
-}
+.select-thumb-container {
+  position: relative;
+  @radio-button-size: 32px;
+  @import './card.less';
+  @import './colorPalette.less';
+
+  .arco-trigger-popup {
+    .arco-popover-popup-content {
+      padding: 0;
+
+      .arco-popover-content {
+        div {
+          padding: 5px 10px;
+
+          &:hover {
+            background-color: #f3f6f9;
+            cursor: pointer;
+          }
+        }
+      }
+    }
+  }
+
+  .title {
+    margin-bottom: 10px;
+    color: #4e5969;
+    font-weight: 700;
+    font-size: 14px;
+  }
+
+  .tip {
+    display: inline-block;
+    color: rgba(78, 89, 105, 0.4);
+    font-size: 12px;
+  }
+
+  .thumbbox {
+    margin-bottom: 10px;
+  }
+
+  .thumb-list-view {
+    display: flex;
+    align-items: center;
+    margin-bottom: 10px;
+  }
+
+  .star {
+    margin-right: 2px !important;
+    color: red;
+  }
+
+  .flex {
+    display: flex;
+  }
+
+  .color-picker-input {
+    width: @radio-button-size;
+    height: @radio-button-size;
+    padding: 0 2px;
+    border: none;
+  }
+}

package/lib/style/index.less

@@ -1 +1 @@
-// Global Style
+// Global Style

package/lib/thumbCard/style/index.less

@@ -1,90 +1,90 @@
-@import './thumbUploading.less';
-
-.thumb-select-wrapper {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  // 高度宽度不在这里定义，根据具体的业务场景去处理，更灵活
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  border-radius: 2px;
-  cursor: pointer;
-
-  // 样式
-  .thumb-image {
-    img {
-      width: 100%;
-      height: 100%;
-      user-select: none;
-      -webkit-user-drag: none;
-    }
-  }
-
-  // 扩展按钮
-  .thumb-handler-list {
-    position: absolute;
-    bottom: 0;
-    display: flex;
-    gap: 10px;
-    align-items: center;
-    justify-content: center;
-    width: 100%;
-    height: 40px;
-    opacity: 0;
-    transition: all 0.3s ease-in-out;
-
-    &.thumb-handler-always {
-      opacity: 1 !important;
-    }
-
-    .handler-item {
-      padding: 0 8px;
-      color: #fff;
-      font-size: 12px;
-      line-height: 26px;
-      // 50%透明度
-      background-color: #000000b3;
-      border-radius: 2px;
-      cursor: pointer;
-
-      &:hover {
-        color: rgba(255, 255, 255, 0.7);
-      }
-    }
-  }
-
-  &:hover {
-    .thumb-handler-list {
-      opacity: 1;
-    }
-
-    .thumb-select-tag {
-      opacity: 0;
-    }
-  }
-
-  // 非马赛克模式
-  &.thumb-no-mask {
-    background-color: #f2f3f5;
-    border: 1px dashed #e5e6eb !important;
-  }
-
-  .thumb-select-tag {
-    position: absolute;
-    right: 5px;
-    bottom: 5px;
-    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;
-    transition: all 0.3s ease-in-out;
-  }
-}
+@import './thumbUploading.less';
+
+.thumb-select-wrapper {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  // 高度宽度不在这里定义，根据具体的业务场景去处理，更灵活
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  border-radius: 2px;
+  cursor: pointer;
+
+  // 样式
+  .thumb-image {
+    img {
+      width: 100%;
+      height: 100%;
+      user-select: none;
+      -webkit-user-drag: none;
+    }
+  }
+
+  // 扩展按钮
+  .thumb-handler-list {
+    position: absolute;
+    bottom: 0;
+    display: flex;
+    gap: 10px;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 40px;
+    opacity: 0;
+    transition: all 0.3s ease-in-out;
+
+    &.thumb-handler-always {
+      opacity: 1 !important;
+    }
+
+    .handler-item {
+      padding: 0 8px;
+      color: #fff;
+      font-size: 12px;
+      line-height: 26px;
+      // 50%透明度
+      background-color: #000000b3;
+      border-radius: 2px;
+      cursor: pointer;
+
+      &:hover {
+        color: rgba(255, 255, 255, 0.7);
+      }
+    }
+  }
+
+  &:hover {
+    .thumb-handler-list {
+      opacity: 1;
+    }
+
+    .thumb-select-tag {
+      opacity: 0;
+    }
+  }
+
+  // 非马赛克模式
+  &.thumb-no-mask {
+    background-color: #f2f3f5;
+    border: 1px dashed #e5e6eb !important;
+  }
+
+  .thumb-select-tag {
+    position: absolute;
+    right: 5px;
+    bottom: 5px;
+    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;
+    transition: all 0.3s ease-in-out;
+  }
+}

package/lib/thumbCard/style/thumbUploading.less

@@ -1,26 +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));
-    }
-  }
-}
+// 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/typeIcons/style/index.less

@@ -1,6 +1,6 @@
-.type-icons-container {
-  display: inline-block;
-  vertical-align: middle;
-  line-height: 12px;
-  font-size: 18px;
-}
+.type-icons-container {
+  display: inline-block;
+  vertical-align: middle;
+  line-height: 12px;
+  font-size: 18px;
+}

package/lib/uploadBefore/components/UploadBefore.js

@@ -123,7 +123,7 @@ const _sfc_main = vue.defineComponent({
         onCancel: handleClose
       }, {
         title: vue.withCtx(() => _cache[1] || (_cache[1] = [
-          vue.createTextVNode("\u4E0A\u4F20\u914D\u7F6E", -1)
+          vue.createTextVNode("\u4E0A\u4F20\u914D\u7F6E")
         ])),
         default: vue.withCtx(() => [
           vue.createElementVNode("div", _hoisted_1, [

package/lib/uploadBefore/style/index.less

@@ -1,144 +1,144 @@
-.tooltip-button {
-  height: auto;
-  padding: 20px;
-}
-
-.table_wrp {
-  height: 50vh;
-}
-
-._brTop(@p) {
-  border-top-left-radius: @p;
-  border-top-right-radius: @p;
-}
-
-/** 上传列表面板 */
-
-// 布局部分
-.panel_wrp {
-  position: absolute;
-  right: 10px;
-  bottom: 10px;
-
-  .panel_card {
-    .panel_header {
-      display: flex;
-      flex-direction: row;
-      align-items: center;
-      justify-content: space-between;
-
-      .opt {
-        display: flex;
-        flex-direction: row;
-        gap: 15px;
-      }
-    }
-
-    .panel_list {
-      display: flex;
-      flex-direction: column;
-
-      .panel_item {
-        display: flex;
-        flex-direction: row;
-        justify-content: space-between;
-
-        .panel_column {
-          display: flex;
-          gap: 10px;
-          align-items: center;
-
-          &.flex-1 {
-            flex: 1;
-          }
-
-          &.flex-3 {
-            flex: 3;
-          }
-        }
-      }
-    }
-  }
-}
-
-// 样式部分
-.panel_wrp {
-  width: auto;
-  overflow: hidden;
-
-  & *::selection {
-    display: none;
-  }
-  ._brTop(12px);
-
-  .panel_card {
-    width: 350px;
-    transition: all 0.3s;
-
-    &.expend {
-      width: 420px;
-    }
-
-    .panel_header {
-      width: 90%;
-      height: 50px;
-      padding: 0 5%;
-      color: white;
-      background-color: rgb(var(--arcoblue-5));
-      ._brTop(10px);
-
-      .title {
-        white-space: nowrap;
-      }
-
-      .opt {
-        font-size: 18px;
-
-        &::selection {
-          display: none;
-        }
-
-        .bar {
-          cursor: pointer;
-        }
-      }
-    }
-
-    .panel_list {
-      width: 100%;
-      height: 120px;
-      overflow-y: scroll;
-      transition: all 0.3s;
-
-      &::-webkit-scrollbar {
-        display: none;
-      }
-
-      &.un_expend {
-        height: 0;
-        overflow: hidden;
-      }
-
-      .panel_item {
-        height: 35px;
-        padding: 5px 15px;
-
-        .panel_column {
-          white-space: nowrap;
-
-          .media_alias {
-            width: 160px;
-            cursor: pointer;
-          }
-        }
-      }
-    }
-  }
-}
-
-/** 公用 */
-.ellips {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
+.tooltip-button {
+  height: auto;
+  padding: 20px;
+}
+
+.table_wrp {
+  height: 50vh;
+}
+
+._brTop(@p) {
+  border-top-left-radius: @p;
+  border-top-right-radius: @p;
+}
+
+/** 上传列表面板 */
+
+// 布局部分
+.panel_wrp {
+  position: absolute;
+  right: 10px;
+  bottom: 10px;
+
+  .panel_card {
+    .panel_header {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      justify-content: space-between;
+
+      .opt {
+        display: flex;
+        flex-direction: row;
+        gap: 15px;
+      }
+    }
+
+    .panel_list {
+      display: flex;
+      flex-direction: column;
+
+      .panel_item {
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+
+        .panel_column {
+          display: flex;
+          gap: 10px;
+          align-items: center;
+
+          &.flex-1 {
+            flex: 1;
+          }
+
+          &.flex-3 {
+            flex: 3;
+          }
+        }
+      }
+    }
+  }
+}
+
+// 样式部分
+.panel_wrp {
+  width: auto;
+  overflow: hidden;
+
+  & *::selection {
+    display: none;
+  }
+  ._brTop(12px);
+
+  .panel_card {
+    width: 350px;
+    transition: all 0.3s;
+
+    &.expend {
+      width: 420px;
+    }
+
+    .panel_header {
+      width: 90%;
+      height: 50px;
+      padding: 0 5%;
+      color: white;
+      background-color: rgb(var(--arcoblue-5));
+      ._brTop(10px);
+
+      .title {
+        white-space: nowrap;
+      }
+
+      .opt {
+        font-size: 18px;
+
+        &::selection {
+          display: none;
+        }
+
+        .bar {
+          cursor: pointer;
+        }
+      }
+    }
+
+    .panel_list {
+      width: 100%;
+      height: 120px;
+      overflow-y: scroll;
+      transition: all 0.3s;
+
+      &::-webkit-scrollbar {
+        display: none;
+      }
+
+      &.un_expend {
+        height: 0;
+        overflow: hidden;
+      }
+
+      .panel_item {
+        height: 35px;
+        padding: 5px 15px;
+
+        .panel_column {
+          white-space: nowrap;
+
+          .media_alias {
+            width: 160px;
+            cursor: pointer;
+          }
+        }
+      }
+    }
+  }
+}
+
+/** 公用 */
+.ellips {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}