@cmstops/pro-compo 3.9.1-rc.3 → 3.9.2-alpha.0

package/lib/selectResourceModal/style/index.less

@@ -2,6 +2,11 @@
 @import './listCardWrapper.less';
 @import './list.less';
 
+.resource-select-wrap {
+  width: 100%;
+  height: 100%;
+}
+
 .resource-select-modal-body {
   height: 80vh;
   padding: 0;

package/lib/selectResourceModal/style/list.less

@@ -47,7 +47,7 @@
   .list-item-grid {
     display: grid;
     grid-gap: 20px;
-    grid-template-columns: repeat(5, 1fr);
+    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
   }
 }
 

package/lib/selectThumb/component.js

@@ -352,11 +352,9 @@ const _sfc_main = vue.defineComponent({
       if (!props.dataValue)
         return;
       if (styleData.value.model === oldData.value.model) {
-        vue.nextTick(() => {
-          styleData.value.data = oldData.value.data;
-          styleData.value.cover_theme_color = oldData.value.cover_theme_color;
-          styleData.value.cover_colorList = oldData.value.cover_colorList;
-        });
+        styleData.value.data = oldData.value.data;
+        styleData.value.cover_theme_color = oldData.value.cover_theme_color;
+        styleData.value.cover_colorList = oldData.value.cover_colorList;
       } else {
         styleData.value.data = [];
       }
@@ -412,8 +410,21 @@ const _sfc_main = vue.defineComponent({
       callback(styleData2);
     };
     vue.onMounted(() => {
-      if (!styleData.value.cover_url)
-        ;
+      if (!styleData.value.cover_url) {
+        setTimeout(() => {
+          styleData.value.cover_url = styleData.value.data[0].url;
+          const getColors = index.getThemeColor(BASE_API, styleData.value.data[0].url);
+          getColors.then((themes) => {
+            styleData.value.cover_colorList = JSON.parse(JSON.stringify(themes));
+            styleData.value.cover_theme_color = `rgb(${themes[1]})`;
+            oldData.value = JSON.parse(JSON.stringify(styleData.value));
+            callback(styleData.value);
+          }).catch((e) => {
+            styleData.value.banner_theme_color = `rgb(255, 255, 255)`;
+            callback(styleData.value);
+          });
+        }, 700);
+      }
     });
     return (_ctx, _cache) => {
       var _a, _b, _c, _d, _e, _f;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cmstops/pro-compo",
-  "version": "3.9.1-rc.3",
+  "version": "3.9.2-alpha.0",
   "description": "",
   "keywords": [
     "vue",