@cmstops/pro-compo 0.1.39 → 0.1.41

package/es/contentModal/components/storeBox/index.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, createVNode, unref, withCtx, createElementVNode, Fragment, renderList, toDisplayString, createTextVNode } from "vue";
+import { defineComponent, openBlock, createElementBlock, createVNode, unref, withCtx, createElementVNode, Fragment, renderList, toDisplayString, createTextVNode, createBlock, createCommentVNode } from "vue";
 import { Popover, Scrollbar, Button, Badge } from "@arco-design/web-vue";
 import { IconCloseCircle } from "@arco-design/web-vue/es/icon";
 import _sfc_main$1 from "../../../typeIcons/component.js";
@@ -89,12 +89,15 @@ const _sfc_main = defineComponent({
               count: props.selectData.length
             }, {
               default: withCtx(() => [
-                createVNode(unref(Button), { class: "button" }, {
+                props.selectData.length ? (openBlock(), createBlock(unref(Button), {
+                  key: 0,
+                  class: "button"
+                }, {
                   default: withCtx(() => [
                     createTextVNode("\u5DF2\u9009\u6570\u636E")
                   ]),
                   _: 1
-                })
+                })) : createCommentVNode("v-if", true)
               ]),
               _: 1
             }, 8, ["count"])

package/es/index.css

@@ -2258,9 +2258,9 @@
   margin-bottom: 10px;
   overflow: hidden;
   color: #1d2129;
+  font-weight: 400;
   font-size: 14px;
   font-style: normal;
-  font-weight: 400;
   line-height: 22px;
   cursor: pointer;
   -webkit-line-clamp: 2;
@@ -2274,7 +2274,6 @@
 .medialist-kongo-item-view .info-view .abttrite-v .left {
   display: flex;
   align-items: center;
-  width: calc(100% - 160px);
   color: #808692;
   font-size: 12px;
 }
@@ -2924,12 +2923,12 @@
   display: inline-block;
 }
 .select-thumb-container .thumb-card-container {
+  position: relative;
   width: 100px;
   height: 58px;
   margin-right: 10px;
-  border-radius: 4px;
   overflow: hidden;
-  position: relative;
+  border-radius: 4px;
 }
 .select-thumb-container .thumb-card-container.model-5 {
   width: 75px;
@@ -2940,22 +2939,22 @@
   height: 58px;
 }
 .select-thumb-container .thumb-card-container .img-v {
+  position: relative;
   width: 100%;
   height: 100%;
-  position: relative;
 }
 .select-thumb-container .thumb-card-container .img-v .change-icon {
-  width: 25px;
-  height: 25px;
-  font-size: 25px;
   position: absolute;
-  left: 0;
-  right: 0;
   top: 0;
+  right: 0;
   bottom: 0;
-  margin: auto;
+  left: 0;
   z-index: 1;
-  color: #ffffff;
+  width: 25px;
+  height: 25px;
+  margin: auto;
+  color: #fff;
+  font-size: 25px;
   cursor: pointer;
 }
 .select-thumb-container .thumb-card-container .item {
@@ -2971,19 +2970,19 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  background-color: #f9f9f9;
+  background-image: url('../images/waterBg.png');
 }
 .select-thumb-container .thumb-card-container .mask {
-  display: none;
-  width: 100%;
-  height: 100%;
-  background: rgba(0, 0, 0, 0.3);
   position: absolute;
   top: 0;
+  display: none;
   align-items: center;
   justify-content: center;
+  width: 100%;
+  height: 100%;
   color: #eaeaea;
   font-size: 18px;
+  background: rgba(0, 0, 0, 0.3);
 }
 .select-thumb-container .thumb-card-container .mask i {
   display: inline-block;
@@ -2993,11 +2992,11 @@
   opacity: 0.4;
 }
 .select-thumb-container .thumb-card-container .mask .half {
-  height: 100%;
-  width: 48%;
   display: flex;
   align-items: center;
   justify-content: center;
+  width: 48%;
+  height: 100%;
 }
 .select-thumb-container .thumb-card-container .mask .half:hover {
   opacity: 0.7;

package/es/selectThumb/style/card.less

@@ -1,83 +1,96 @@
 .thumb-card-container {
-    width: 100px;
+  position: relative;
+  width: 100px;
+  height: 58px;
+  margin-right: 10px;
+  overflow: hidden;
+  border-radius: 4px;
+
+  &.model-5 {
+    width: 75px;
+    height: 100px;
+  }
+
+  &.model-7 {
+    width: 232px;
     height: 58px;
-    margin-right: 10px;
-    border-radius: 4px;
-    overflow: hidden;
+  }
+
+  .img-v {
     position: relative;
-    &.model-5 {
-      width: 75px;
-      height: 100px;
-    }
-    &.model-7 {
-      width: 232px;
-      height: 58px;
+    width: 100%;
+    height: 100%;
+
+    .change-icon {
+      position: absolute;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      z-index: 1;
+      width: 25px;
+      height: 25px;
+      margin: auto;
+      color: #fff;
+      font-size: 25px;
+      cursor: pointer;
     }
-    .img-v {
+  }
+
+  .item {
+    width: 100%;
+    height: 100%;
+    cursor: pointer;
+
+    img {
       width: 100%;
       height: 100%;
-      position: relative;
-      .change-icon {
-        width: 25px;
-        height: 25px;
-        font-size: 25px;
-        position: absolute;
-        left: 0;
-        right: 0;
-        top: 0;
-        bottom: 0;
-        margin: auto;
-        z-index: 1;
-        color: #ffffff;
-        cursor: pointer;
-      }
     }
-    .item {
-      width: 100%;
-      height: 100%;
+
+    &.add-thumb {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background-image: url('../images/waterBg.png');
+    }
+  }
+
+  .mask {
+    position: absolute;
+    top: 0;
+    display: none;
+    // display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+    color: #eaeaea;
+    font-size: 18px;
+    background: rgba(0, 0, 0, 0.3);
+
+    i {
+      display: inline-block;
       cursor: pointer;
-      img {
-        width: 100%;
-        height: 100%;
-      }
-      &.add-thumb {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        background-color: #f9f9f9;
+
+      &:active {
+        opacity: 0.4;
       }
     }
-    .mask {
-      display: none;
-      width: 100%;
-      height: 100%;
-      background: rgba(0, 0, 0, 0.3);
-      position: absolute;
-      top: 0;
-      // display: flex;
+
+    .half {
+      display: flex;
       align-items: center;
       justify-content: center;
-      color: #eaeaea;
-      font-size: 18px;
-      i {
-        display: inline-block;
-        cursor: pointer;
-        &:active {
-          opacity: 0.4;
-        }
-      }
-      .half {
-        height: 100%;
-        width: 48%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        &:hover {
-          opacity: 0.7;
-        }
+      width: 48%;
+      height: 100%;
+
+      &:hover {
+        opacity: 0.7;
       }
     }
-    .img-v:hover .mask {
-      display: flex;
-    }
-  }
+  }
+
+  .img-v:hover .mask {
+    display: flex;
+  }
+}

package/es/selectThumb/style/index.css

@@ -1,10 +1,10 @@
 .select-thumb-container .thumb-card-container {
+  position: relative;
   width: 100px;
   height: 58px;
   margin-right: 10px;
-  border-radius: 4px;
   overflow: hidden;
-  position: relative;
+  border-radius: 4px;
 }
 .select-thumb-container .thumb-card-container.model-5 {
   width: 75px;
@@ -15,22 +15,22 @@
   height: 58px;
 }
 .select-thumb-container .thumb-card-container .img-v {
+  position: relative;
   width: 100%;
   height: 100%;
-  position: relative;
 }
 .select-thumb-container .thumb-card-container .img-v .change-icon {
-  width: 25px;
-  height: 25px;
-  font-size: 25px;
   position: absolute;
-  left: 0;
-  right: 0;
   top: 0;
+  right: 0;
   bottom: 0;
-  margin: auto;
+  left: 0;
   z-index: 1;
-  color: #ffffff;
+  width: 25px;
+  height: 25px;
+  margin: auto;
+  color: #fff;
+  font-size: 25px;
   cursor: pointer;
 }
 .select-thumb-container .thumb-card-container .item {
@@ -46,19 +46,19 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  background-color: #f9f9f9;
+  background-image: url('../images/waterBg.png');
 }
 .select-thumb-container .thumb-card-container .mask {
-  display: none;
-  width: 100%;
-  height: 100%;
-  background: rgba(0, 0, 0, 0.3);
   position: absolute;
   top: 0;
+  display: none;
   align-items: center;
   justify-content: center;
+  width: 100%;
+  height: 100%;
   color: #eaeaea;
   font-size: 18px;
+  background: rgba(0, 0, 0, 0.3);
 }
 .select-thumb-container .thumb-card-container .mask i {
   display: inline-block;
@@ -68,11 +68,11 @@
   opacity: 0.4;
 }
 .select-thumb-container .thumb-card-container .mask .half {
-  height: 100%;
-  width: 48%;
   display: flex;
   align-items: center;
   justify-content: center;
+  width: 48%;
+  height: 100%;
 }
 .select-thumb-container .thumb-card-container .mask .half:hover {
   opacity: 0.7;

package/lib/contentDetailList/style/KongoNavItem.less

@@ -20,6 +20,7 @@
       width: 100%;
       height: 100%;
       border-radius: 4px;
+
       img {
         width: 100%;
         height: 100%;
@@ -50,9 +51,9 @@
       margin-bottom: 10px;
       overflow: hidden;
       color: #1d2129;
+      font-weight: 400;
       font-size: 14px;
       font-style: normal;
-      font-weight: 400;
       line-height: 22px;
       cursor: pointer;
       -webkit-line-clamp: 2;
@@ -67,7 +68,6 @@
       .left {
         display: flex;
         align-items: center;
-        width: calc(100% - 160px);
         color: #808692;
         font-size: 12px;
 

package/lib/contentDetailList/style/index.css

@@ -280,9 +280,9 @@
   margin-bottom: 10px;
   overflow: hidden;
   color: #1d2129;
+  font-weight: 400;
   font-size: 14px;
   font-style: normal;
-  font-weight: 400;
   line-height: 22px;
   cursor: pointer;
   -webkit-line-clamp: 2;
@@ -296,7 +296,6 @@
 .medialist-kongo-item-view .info-view .abttrite-v .left {
   display: flex;
   align-items: center;
-  width: calc(100% - 160px);
   color: #808692;
   font-size: 12px;
 }

package/lib/contentModal/components/ViewAllColumn/MediaFilter/index.js

@@ -29,21 +29,23 @@ const _sfc_main = vue.defineComponent({
       sort: -1,
       order: "create_time"
     });
-    const bannerOptions = [
-      {
-        value: "",
-        key: "all",
-        label: "\u5168\u90E8\u8F6E\u64AD\u7C7B\u578B"
-      },
-      {
-        value: "0",
-        label: "\u65E0\u72EC\u7ACB\u8F6E\u64AD"
-      },
-      {
-        value: "1",
-        label: "\u6709\u72EC\u7ACB\u8F6E\u64AD"
-      }
-    ];
+    const bannerOptions = vue.computed(() => {
+      const options = [
+        {
+          value: "0",
+          key: "0",
+          label: "\u65E0\u72EC\u7ACB\u8F6E\u64AD"
+        },
+        {
+          value: "1",
+          key: "1",
+          label: "\u6709\u72EC\u7ACB\u8F6E\u64AD"
+        }
+      ];
+      return options.filter(
+        (item) => props.banner === "all" || props.banner === item.key
+      );
+    });
     const typeOptions = vue.computed(() => {
       const arr = Object.keys(doc.docSeries).map((key) => {
         return {
@@ -51,27 +53,25 @@ const _sfc_main = vue.defineComponent({
           label: doc.docSeries[key].replace("\u7A3F\u4EF6", "")
         };
       });
-      const filterArr = arr.filter((item) => {
+      return arr.filter((item) => {
         if (props.series === "all") {
           return true;
         }
         return props.series.split(",").includes(item.value);
       });
-      return [{ value: "", label: "\u5168\u90E8\u7A3F\u4EF6\u7C7B\u578B" }, ...filterArr];
     });
     const thumbOptions = vue.computed(() => {
-      const arr = Object.keys(doc.docThumbMap()).map((key) => {
+      return Object.keys(doc.docThumbMap()).map((key) => {
         return {
           value: key,
           label: doc.docThumbMap()[key]
         };
       });
-      return [{ value: "", label: "\u5168\u90E8\u5C01\u9762\u7C7B\u578B" }, ...arr];
     });
-    const sortOptions = vue.computed(() => {
+    const sortMethodOptions = vue.computed(() => {
       return [
-        { value: -1, label: "\u53D1\u5E03\u65F6\u95F4" },
-        { value: 1, label: "\u521B\u5EFA\u65F6\u95F4" }
+        { value: "pub_time", label: "\u53D1\u5E03\u65F6\u95F4" },
+        { value: "create_time", label: "\u521B\u5EFA\u65F6\u95F4" }
       ];
     });
     const showReset = vue.computed(() => {
@@ -119,6 +119,13 @@ const _sfc_main = vue.defineComponent({
         column_id.value = val;
       }
     );
+    vue.watch(
+      () => props.banner,
+      (val) => {
+        filter.value.banner = val === "all" ? "" : val;
+      },
+      { immediate: true }
+    );
     vue.watch(
       () => column_id.value,
       (val) => {
@@ -147,6 +154,9 @@ const _sfc_main = vue.defineComponent({
             vue.createVNode(vue.unref(webVue.Select), {
               modelValue: filter.value.type,
               "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => filter.value.type = $event),
+              style: { width: "96px" },
+              "trigger-props": { autoFitPopupMinWidth: true },
+              "allow-clear": "",
               class: "filter-item",
               placeholder: "\u7C7B\u578B"
             }, {
@@ -164,6 +174,9 @@ const _sfc_main = vue.defineComponent({
             vue.createVNode(vue.unref(webVue.Select), {
               modelValue: filter.value.cover_type,
               "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => filter.value.cover_type = $event),
+              style: { width: "96px" },
+              "trigger-props": { autoFitPopupMinWidth: true },
+              "allow-clear": "",
               class: "filter-item",
               placeholder: "\u5C01\u9762"
             }, {
@@ -181,20 +194,24 @@ const _sfc_main = vue.defineComponent({
             vue.createVNode(vue.unref(webVue.Select), {
               modelValue: filter.value.banner,
               "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => filter.value.banner = $event),
+              style: { width: "124px" },
+              "trigger-props": { autoFitPopupMinWidth: true },
+              "allow-clear": "",
               class: "filter-item",
+              disabled: props.banner !== "all",
               placeholder: "\u72EC\u7ACB\u8F6E\u64AD"
             }, {
               default: vue.withCtx(() => [
-                (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(bannerOptions, (item) => {
-                  return vue.createVNode(vue.unref(webVue.Option), {
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(bannerOptions.value, (item) => {
+                  return vue.openBlock(), vue.createBlock(vue.unref(webVue.Option), {
                     key: item.value,
                     label: item.label,
                     value: item.value
                   }, null, 8, ["label", "value"]);
-                }), 64))
+                }), 128))
               ]),
               _: 1
-            }, 8, ["modelValue"]),
+            }, 8, ["modelValue", "disabled"]),
             vue.withDirectives(vue.createVNode(vue.unref(webVue.Button), {
               class: "reset-button",
               size: "small",
@@ -217,13 +234,13 @@ const _sfc_main = vue.defineComponent({
           onClick: reset
         }, [
           vue.createVNode(vue.unref(webVue.Select), {
-            modelValue: filter.value.sort,
-            "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => filter.value.sort = $event),
+            modelValue: filter.value.order,
+            "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => filter.value.order = $event),
             class: "filter-item",
             placeholder: "\u53D1\u5E03\u65F6\u95F4"
           }, {
             default: vue.withCtx(() => [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(sortOptions.value, (item) => {
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(sortMethodOptions.value, (item) => {
                 return vue.openBlock(), vue.createBlock(vue.unref(webVue.Option), {
                   key: item.value,
                   label: item.label,

package/lib/contentModal/components/ViewAllColumn/index.js

@@ -119,6 +119,13 @@ const _sfc_main = vue.defineComponent({
     const group_id = vue.ref(0);
     const scrollPercent = { y: "100%" };
     const search = (_filter) => {
+      columns.value.some((e) => {
+        if (e.dataIndex === "pub_time") {
+          e.title = _filter.order === "create_time" ? "\u521B\u5EFA\u65F6\u95F4" : "\u53D1\u5E03\u65F6\u95F4";
+          return e;
+        }
+        return false;
+      });
       _filter = { ..._filter };
       const where = [];
       _filter.keywords && where.push(`kw:${_filter.keywords}`);

package/lib/contentModal/components/storeBox/index.js

@@ -90,12 +90,15 @@ const _sfc_main = vue.defineComponent({
               count: props.selectData.length
             }, {
               default: vue.withCtx(() => [
-                vue.createVNode(vue.unref(webVue.Button), { class: "button" }, {
+                props.selectData.length ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Button), {
+                  key: 0,
+                  class: "button"
+                }, {
                   default: vue.withCtx(() => [
                     vue.createTextVNode("\u5DF2\u9009\u6570\u636E")
                   ]),
                   _: 1
-                })
+                })) : vue.createCommentVNode("v-if", true)
               ]),
               _: 1
             }, 8, ["count"])