@cmstops/pro-compo 0.3.46 → 0.3.47

package/es/selectResourceModal/components/ListFilter/index.js

@@ -1,19 +1,26 @@
-import { defineComponent, inject, computed, ref, watch, onMounted, openBlock, createElementBlock, createElementVNode, createCommentVNode, createVNode, unref, withCtx, createTextVNode, toDisplayString, Fragment, renderList, createBlock } from "vue";
+import { defineComponent, inject, computed, ref, watch, onMounted, openBlock, createElementBlock, createElementVNode, createCommentVNode, createVNode, unref, withCtx, createTextVNode, toDisplayString, Fragment, renderList, createBlock, normalizeClass } from "vue";
 import { Input, Dropdown, Doption, Button, Select, Option, RangePicker } from "@arco-design/web-vue";
 import { IconUpload } from "@arco-design/web-vue/es/icon";
 import useSelection from "../../../hooks/useSelection.js";
 import { RESOURCE_SOURCE_OPTIONS, RESOURCE_CATALOG_OPTIONS } from "../../../utils/typeMap.js";
 import { getAccountList } from "./scripts/api.js";
+import { keywordsSelection } from "../../../utils/resource.js";
 const _hoisted_1 = { class: "list-filter-wrapper" };
-const _hoisted_2 = { class: "filter-list" };
-const _hoisted_3 = { style: { "width": "200px" } };
-const _hoisted_4 = { class: "filter-item" };
+const _hoisted_2 = { class: "list-filter" };
+const _hoisted_3 = { class: "filter-list" };
+const _hoisted_4 = { style: { "width": "200px" } };
 const _hoisted_5 = { class: "filter-item" };
-const _hoisted_6 = {
+const _hoisted_6 = { class: "filter-item" };
+const _hoisted_7 = {
   key: 0,
   class: "filter-item"
 };
-const _hoisted_7 = { class: "filter-extra" };
+const _hoisted_8 = { class: "filter-extra" };
+const _hoisted_9 = {
+  key: 0,
+  class: "list-filter-tags"
+};
+const _hoisted_10 = ["onClick"];
 const _sfc_main = defineComponent({
   __name: "index",
   props: {
@@ -21,7 +28,7 @@ const _sfc_main = defineComponent({
     filterOptions: {}
   },
   emits: ["upload", "change"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emits = __emit;
     const userInfo = inject("userInfo");
@@ -53,7 +60,8 @@ const _sfc_main = defineComponent({
       create_end: "",
       keyword: "",
       precise_keyword: "",
-      upload_by: null
+      upload_by: null,
+      sf: ""
     };
     const filter = ref(JSON.parse(JSON.stringify(originFilter)));
     const handleReset = () => {
@@ -92,6 +100,14 @@ const _sfc_main = defineComponent({
         }
       }
     });
+    watch(
+      () => searchType.value,
+      () => {
+        filter.value.sf = "";
+        filter.value.precise_keyword = "";
+        filter.value.keyword = "";
+      }
+    );
     const isEmpty = computed(() => {
       return Object.keys(filter.value).every((key) => {
         return filter.value[key] === originFilter[key];
@@ -131,147 +147,161 @@ const _sfc_main = defineComponent({
         originFilter.catalog = props.filterOptions.mediaType;
       }
     });
+    __expose({
+      resetFilter: handleReset
+    });
     return (_ctx, _cache) => {
       var _a;
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
-          createCommentVNode(" \u5173\u952E\u8BCD "),
           createElementVNode("div", _hoisted_3, [
-            createVNode(unref(Input), {
-              modelValue: searchInput.value,
-              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => searchInput.value = $event),
-              "allow-clear": "",
-              placeholder: "\u8BF7\u8F93\u5165\u5173\u952E\u8BCD"
-            }, {
-              prepend: withCtx(() => [
-                createVNode(unref(Dropdown), {
-                  onSelect: _cache[0] || (_cache[0] = (e) => searchType.value = e)
-                }, {
-                  content: withCtx(() => [
-                    createVNode(unref(Doption), { value: 0 }, {
-                      default: withCtx(() => [
-                        createTextVNode("\u7CBE\u51C6\u641C")
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(unref(Doption), { value: 1 }, {
-                      default: withCtx(() => [
-                        createTextVNode("\u6A21\u7CCA\u641C")
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  default: withCtx(() => [
-                    createVNode(unref(Button), null, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(searchTypeText.value), 1)
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }, 8, ["modelValue"])
-          ]),
-          createCommentVNode(" \u7D20\u6750\u7C7B\u578B "),
-          createElementVNode("div", _hoisted_4, [
-            createVNode(unref(Select), {
-              modelValue: filter.value.catalog,
-              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => filter.value.catalog = $event),
-              disabled: (_a = _ctx.filterOptions) == null ? void 0 : _a.mediaTypeStrict,
+            createCommentVNode(" \u5173\u952E\u8BCD "),
+            createElementVNode("div", _hoisted_4, [
+              createVNode(unref(Input), {
+                modelValue: searchInput.value,
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => searchInput.value = $event),
+                "allow-clear": "",
+                placeholder: "\u8BF7\u8F93\u5165\u5173\u952E\u8BCD"
+              }, {
+                prepend: withCtx(() => [
+                  createVNode(unref(Dropdown), {
+                    onSelect: _cache[0] || (_cache[0] = (e) => searchType.value = e)
+                  }, {
+                    content: withCtx(() => [
+                      createVNode(unref(Doption), { value: 0 }, {
+                        default: withCtx(() => [
+                          createTextVNode("\u7CBE\u51C6\u641C")
+                        ]),
+                        _: 1
+                      }),
+                      createVNode(unref(Doption), { value: 1 }, {
+                        default: withCtx(() => [
+                          createTextVNode("\u6A21\u7CCA\u641C")
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    default: withCtx(() => [
+                      createVNode(unref(Button), null, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(searchTypeText.value), 1)
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            createCommentVNode(" \u7D20\u6750\u7C7B\u578B "),
+            createElementVNode("div", _hoisted_5, [
+              createVNode(unref(Select), {
+                modelValue: filter.value.catalog,
+                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => filter.value.catalog = $event),
+                disabled: (_a = _ctx.filterOptions) == null ? void 0 : _a.mediaTypeStrict,
+                "allow-clear": "",
+                placeholder: "\u7C7B\u578B"
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(resourceCatalog), (item) => {
+                    return openBlock(), createBlock(unref(Option), {
+                      key: item.value,
+                      label: item.label,
+                      value: item.value
+                    }, null, 8, ["label", "value"]);
+                  }), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue", "disabled"])
+            ]),
+            createCommentVNode(" \u65F6\u95F4\u8303\u56F4 "),
+            createVNode(unref(RangePicker), {
+              modelValue: rangeTime.value,
+              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => rangeTime.value = $event),
               "allow-clear": "",
-              placeholder: "\u7C7B\u578B"
+              style: { "width": "240px" }
+            }, null, 8, ["modelValue"]),
+            createCommentVNode(" \u7D20\u6750\u4E0A\u4F20\u6765\u6E90 "),
+            createElementVNode("div", _hoisted_6, [
+              createVNode(unref(Select), {
+                modelValue: filter.value.source,
+                "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => filter.value.source = $event),
+                "allow-clear": "",
+                placeholder: "\u6765\u6E90"
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(resourceSource), (item) => {
+                    return openBlock(), createBlock(unref(Option), {
+                      key: item.value,
+                      label: item.label,
+                      value: item.value
+                    }, null, 8, ["label", "value"]);
+                  }), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            createCommentVNode(" \u7D20\u6750\u4E0A\u4F20\u4EBA "),
+            !_ctx.disableUploadBy ? (openBlock(), createElementBlock("div", _hoisted_7, [
+              createVNode(unref(Select), {
+                modelValue: filter.value.upload_by,
+                "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => filter.value.upload_by = $event),
+                "allow-clear": "",
+                placeholder: "\u4E0A\u4F20\u4EBA",
+                loading: unref(loading),
+                "allow-search": "",
+                onSearch: unref(handleSearch),
+                onDropdownReachBottom: unref(loadMore)
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(options), (item) => {
+                    return openBlock(), createBlock(unref(Option), {
+                      key: item.id,
+                      label: item.label,
+                      value: item.value
+                    }, null, 8, ["label", "value"]);
+                  }), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue", "loading", "onSearch", "onDropdownReachBottom"])
+            ])) : createCommentVNode("v-if", true),
+            !isEmpty.value ? (openBlock(), createBlock(unref(Button), {
+              key: 1,
+              type: "text",
+              onClick: handleReset
             }, {
               default: withCtx(() => [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(resourceCatalog), (item) => {
-                  return openBlock(), createBlock(unref(Option), {
-                    key: item.value,
-                    label: item.label,
-                    value: item.value
-                  }, null, 8, ["label", "value"]);
-                }), 128))
+                createTextVNode("\u91CD\u7F6E")
               ]),
               _: 1
-            }, 8, ["modelValue", "disabled"])
+            })) : createCommentVNode("v-if", true)
           ]),
-          createCommentVNode(" \u65F6\u95F4\u8303\u56F4 "),
-          createVNode(unref(RangePicker), {
-            modelValue: rangeTime.value,
-            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => rangeTime.value = $event),
-            "allow-clear": "",
-            style: { "width": "240px" }
-          }, null, 8, ["modelValue"]),
-          createCommentVNode(" \u7D20\u6750\u4E0A\u4F20\u6765\u6E90 "),
-          createElementVNode("div", _hoisted_5, [
-            createVNode(unref(Select), {
-              modelValue: filter.value.source,
-              "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => filter.value.source = $event),
-              "allow-clear": "",
-              placeholder: "\u6765\u6E90"
+          createElementVNode("div", _hoisted_8, [
+            createVNode(unref(Button), {
+              type: "primary",
+              onClick: _cache[6] || (_cache[6] = ($event) => emits("upload"))
             }, {
-              default: withCtx(() => [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(resourceSource), (item) => {
-                  return openBlock(), createBlock(unref(Option), {
-                    key: item.value,
-                    label: item.label,
-                    value: item.value
-                  }, null, 8, ["label", "value"]);
-                }), 128))
+              icon: withCtx(() => [
+                createVNode(unref(IconUpload))
               ]),
-              _: 1
-            }, 8, ["modelValue"])
-          ]),
-          createCommentVNode(" \u7D20\u6750\u4E0A\u4F20\u4EBA "),
-          !_ctx.disableUploadBy ? (openBlock(), createElementBlock("div", _hoisted_6, [
-            createVNode(unref(Select), {
-              modelValue: filter.value.upload_by,
-              "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => filter.value.upload_by = $event),
-              "allow-clear": "",
-              placeholder: "\u4E0A\u4F20\u4EBA",
-              loading: unref(loading),
-              "allow-search": "",
-              onSearch: unref(handleSearch),
-              onDropdownReachBottom: unref(loadMore)
-            }, {
               default: withCtx(() => [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(options), (item) => {
-                  return openBlock(), createBlock(unref(Option), {
-                    key: item.id,
-                    label: item.label,
-                    value: item.value
-                  }, null, 8, ["label", "value"]);
-                }), 128))
+                createTextVNode(" \u4E0A\u4F20 ")
               ]),
               _: 1
-            }, 8, ["modelValue", "loading", "onSearch", "onDropdownReachBottom"])
-          ])) : createCommentVNode("v-if", true),
-          !isEmpty.value ? (openBlock(), createBlock(unref(Button), {
-            key: 1,
-            type: "text",
-            onClick: handleReset
-          }, {
-            default: withCtx(() => [
-              createTextVNode("\u91CD\u7F6E")
-            ]),
-            _: 1
-          })) : createCommentVNode("v-if", true)
+            })
+          ])
         ]),
-        createElementVNode("div", _hoisted_7, [
-          createVNode(unref(Button), {
-            type: "primary",
-            onClick: _cache[6] || (_cache[6] = ($event) => emits("upload"))
-          }, {
-            icon: withCtx(() => [
-              createVNode(unref(IconUpload))
-            ]),
-            default: withCtx(() => [
-              createTextVNode(" \u4E0A\u4F20 ")
-            ]),
-            _: 1
-          })
-        ])
+        searchInput.value ? (openBlock(), createElementBlock("div", _hoisted_9, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(keywordsSelection), (item) => {
+            return openBlock(), createElementBlock("div", {
+              key: item.value,
+              class: normalizeClass(["list-filter-tag", { active: filter.value.sf === item.value }]),
+              onClick: ($event) => filter.value.sf = item.value
+            }, toDisplayString(item.name), 11, _hoisted_10);
+          }), 128))
+        ])) : createCommentVNode("v-if", true)
       ]);
     };
   }

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.css

@@ -3,18 +3,36 @@
   grid-gap: 20px;
   grid-template-columns: repeat(5, 1fr);
 }
-.list-filter-wrapper {
+.list-filter-wrapper .list-filter-tags {
   display: flex;
   justify-content: space-between;
+  margin-top: 10px;
 }
-.list-filter-wrapper .filter-list {
+.list-filter-wrapper .list-filter-tags .list-filter-tag {
+  padding: 5px 16px;
+  border-radius: 15px;
+  cursor: pointer;
+}
+.list-filter-wrapper .list-filter-tags .list-filter-tag:hover {
+  background-color: var(--color-fill-3);
+}
+.list-filter-wrapper .list-filter-tags .list-filter-tag.active {
+  color: rgb(var(--primary-6));
+  font-weight: bold;
+  background: var(--color-fill-2);
+}
+.list-filter-wrapper .list-filter {
+  display: flex;
+  justify-content: space-between;
+}
+.list-filter-wrapper .list-filter .filter-list {
   display: flex;
   gap: 10px;
 }
-.list-filter-wrapper .filter-list .filter-item {
+.list-filter-wrapper .list-filter .filter-list .filter-item {
   width: 100px;
 }
-.list-filter-wrapper .arco-input-prepend {
+.list-filter-wrapper .list-filter .arco-input-prepend {
   padding: 0;
 }
 .list-panel-wrapper {

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

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

package/es/selectResourceModal/style/listFilter.less

@@ -1,17 +1,41 @@
 .list-filter-wrapper {
-  display: flex;
-  justify-content: space-between;
-
-  .filter-list {
+  .list-filter-tags {
     display: flex;
-    gap: 10px;
+    justify-content: space-between;
+    margin-top: 10px;
+
+    .list-filter-tag {
+      padding: 5px 16px;
+      border-radius: 15px;
+      cursor: pointer;
+
+      &:hover {
+        background-color: var(--color-fill-3);
+      }
 
-    .filter-item {
-      width: 100px;
+      &.active {
+        color: rgb(var(--primary-6));
+        font-weight: bold;
+        background: var(--color-fill-2);
+      }
     }
   }
 
-  .arco-input-prepend {
-    padding: 0;
+  .list-filter {
+    display: flex;
+    justify-content: space-between;
+
+    .filter-list {
+      display: flex;
+      gap: 10px;
+
+      .filter-item {
+        width: 100px;
+      }
+    }
+
+    .arco-input-prepend {
+      padding: 0;
+    }
   }
 }

package/es/selectThumb/index.d.ts

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

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

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

package/es/thumbCard/component.js

@@ -1,7 +1,6 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, createVNode, unref, createCommentVNode, Fragment, withCtx, createTextVNode, createElementVNode, createBlock, mergeProps, renderList, withModifiers, toDisplayString } from "vue";
-import { IconPlus } from "@arco-design/web-vue/es/icon";
-import { IconResource, IconComputer, IconVideoTag, IconAudioTag } from "@arco-iconbox/vue-cmstop-icons";
-import { Progress, Dropdown, Doption, Image } from "@arco-design/web-vue";
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, createVNode, unref, createCommentVNode, Fragment, createBlock, mergeProps, createElementVNode, renderList, withModifiers, toDisplayString, createTextVNode } from "vue";
+import { IconVideoTag, IconAudioTag } from "@arco-iconbox/vue-cmstop-icons";
+import { Progress, Image } from "@arco-design/web-vue";
 import magic from "./assets/magic.js";
 import { DEFAULT_BASE_API } from "../config.js";
 import { mediaTime } from "../utils/index.js";
@@ -16,7 +15,7 @@ const _hoisted_2 = {
 const _hoisted_3 = { class: "thumb-handler-list" };
 const _hoisted_4 = ["onClick"];
 const _hoisted_5 = {
-  key: 3,
+  key: 2,
   class: "thumb-select-tag"
 };
 const _sfc_main = defineComponent({
@@ -26,7 +25,6 @@ const _sfc_main = defineComponent({
     BASE_API: {},
     url: {},
     thumb: {},
-    isEdit: { type: Boolean },
     useMask: { type: Boolean },
     options: {},
     meta: {},
@@ -75,9 +73,6 @@ const _sfc_main = defineComponent({
     function handleOption(key) {
       emits("handle", { key, item: props.meta });
     }
-    function handleEdit(key) {
-      emits("edit", { key });
-    }
     return (_ctx, _cache) => {
       var _a, _b, _c;
       return openBlock(), createElementBlock("div", {
@@ -90,39 +85,7 @@ const _sfc_main = defineComponent({
             percent: (_a = _ctx.meta) == null ? void 0 : _a.progress
           }, null, 8, ["percent"]),
           ((_b = _ctx.meta) == null ? void 0 : _b.isTrans) ? (openBlock(), createElementBlock("div", _hoisted_2, "\u8F6C\u7801\u4E2D...")) : createCommentVNode("v-if", true)
-        ])) : _ctx.isEdit && !_ctx.url ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-          createCommentVNode(" \u7F16\u8F91\u6A21\u5F0F\u4E0B\u53EF\u4F7F\u7528\u60AC\u6D6E\u6846\u5FEB\u901F\u63D2\u5165\u7D20\u6750 "),
-          createVNode(unref(Dropdown), {
-            trigger: "hover",
-            onSelect: handleEdit
-          }, {
-            content: withCtx(() => [
-              createVNode(unref(Doption), { value: "resource" }, {
-                default: withCtx(() => [
-                  createVNode(unref(IconResource)),
-                  createTextVNode(" \u7D20\u6750\u5E93\u9009\u62E9 ")
-                ]),
-                _: 1
-              }),
-              createVNode(unref(Doption), { value: "local" }, {
-                default: withCtx(() => [
-                  createVNode(unref(IconComputer)),
-                  createTextVNode(" \u672C\u5730\u4E0A\u4F20 ")
-                ]),
-                _: 1
-              })
-            ]),
-            default: withCtx(() => [
-              createElementVNode("div", {
-                class: "thumb-add",
-                onClick: _cache[0] || (_cache[0] = ($event) => handleEdit("resource"))
-              }, [
-                createVNode(unref(IconPlus))
-              ])
-            ]),
-            _: 1
-          })
-        ], 64)) : _ctx.catalog && _ctx.url ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+        ])) : _ctx.catalog && _ctx.url ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
           createCommentVNode(" \u6709\u7C7B\u578B\u7684\u5C01\u9762 "),
           createCommentVNode(" \u56FE\u7247 "),
           _ctx.catalog ? (openBlock(), createBlock(unref(Image), mergeProps({

package/es/thumbCard/index.d.ts

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

package/es/thumbCard/style/index.css

@@ -22,11 +22,6 @@
 .thumb-select-wrapper .thumb-upload-loading .arco-progress-circle-text {
   color: #fff;
 }
-.thumb-select-wrapper .thumb-add {
-  color: var(--color-text-2);
-  font-size: 16px;
-  cursor: pointer;
-}
 .thumb-select-wrapper .thumb-image img {
   width: 100%;
   height: 100%;
@@ -83,9 +78,3 @@
   opacity: 1;
   transition: all 0.3s ease-in-out;
 }
-.thumb-select-wrapper .arco-dropdown-option-content {
-  display: flex;
-  gap: 8px;
-  align-items: center;
-  font-size: 14px;
-}

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

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

package/es/thumbCard/style/index.less

@@ -26,13 +26,6 @@
     }
   }
 
-  // 添加模式
-  .thumb-add {
-    color: var(--color-text-2);
-    font-size: 16px;
-    cursor: pointer;
-  }
-
   // 样式
   .thumb-image {
     img {
@@ -104,12 +97,4 @@
     opacity: 1;
     transition: all 0.3s ease-in-out;
   }
-
-  // 素材选择
-  .arco-dropdown-option-content {
-    display: flex;
-    gap: 8px;
-    align-items: center;
-    font-size: 14px;
-  }
 }

package/es/typeIcons/index.d.ts

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

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

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

package/es/uploadBefore/index.d.ts

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