@cmstops/pro-compo 0.1.31 → 0.1.33

package/es/resourceModal/style/ToolbarSearch.less

@@ -14,6 +14,19 @@
         width: auto;
         margin-right: 10px;
       }
+
+      .filter-right {
+        .arco-btn-size-medium.arco-btn-only-icon {
+          width: 48px;
+          color: #2f6ffb;
+          background-color: #e8f3ff;
+
+          &:hover {
+            background-color: #d3e6ff;
+            //background-color: red;
+          }
+        }
+      }
     }
   }
 }

package/es/resourceModal/style/index.css

@@ -77,11 +77,11 @@
   width: 100%;
   height: 100%;
   overflow: hidden;
-  border: solid 3px transparent;
+  border: solid 1px transparent;
   border-radius: 4px;
 }
 .doc-ai-media-selected .arco-scrollbar .doc-ai-media-selected-scrollbar .thumb-list .thumb-wrap .thumb-item .pic.active {
-  border: solid 3px #4886ff;
+  border: solid 1px #4886ff;
   border-radius: 4px;
 }
 .doc-ai-media-selected .arco-scrollbar .doc-ai-media-selected-scrollbar .thumb-list .thumb-wrap .thumb-item .pic img {
@@ -106,6 +106,14 @@
   width: auto;
   margin-right: 10px;
 }
+.toolbar-search-container .top-container .filter-content .filter-right .arco-btn-size-medium.arco-btn-only-icon {
+  width: 48px;
+  color: #2f6ffb;
+  background-color: #e8f3ff;
+}
+.toolbar-search-container .top-container .filter-content .filter-right .arco-btn-size-medium.arco-btn-only-icon:hover {
+  background-color: #d3e6ff;
+}
 .keywordsSelection {
   display: flex;
   justify-content: space-between;
@@ -164,7 +172,7 @@
   font-size: 0;
   background: url('../assets/selection/folder.png') no-repeat 13px center;
   background-size: 17px auto;
-  border: solid 2px transparent;
+  border: solid 1px transparent;
   border-radius: 4px;
 }
 .simple-resources .arco-scrollbar .dialog-media-selection-scroll .file-wrap .folder-list .folder-item .wrap h4 {
@@ -191,13 +199,14 @@
   padding: 14px 16px;
   line-height: 24px;
   background: #f7f8fa;
-  border: 1px solid #ebeef5;
+  border: 1px solid transparent;
   border-radius: 4px;
 }
 .simple-resources .arco-scrollbar .dialog-media-selection-scroll .file-wrap .folder-list .folder-more-button .folder-more-wrap:hover {
   color: #165dff;
   background: #f2f3f5;
-  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
+  border: 1px solid #4886ff;
+  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
   cursor: pointer;
 }
 .simple-resources .arco-scrollbar .dialog-media-selection-scroll .file-wrap .file-list {
@@ -521,6 +530,127 @@
   color: #fff;
   font-size: 18px;
 }
+.sys-resource-dialog {
+  padding: 10px 20px;
+}
+.sys-resource-dialog .scen-module {
+  margin-bottom: 20px;
+}
+.sys-resource-dialog .scen-module .title {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  margin-bottom: 12px;
+  font-size: 14px;
+}
+.sys-resource-dialog .scen-module .title .line {
+  width: 2px;
+  height: 14px;
+  background-color: #4886ff;
+}
+.sys-resource-dialog .null-file {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  height: 300px;
+}
+.sys-resource-dialog .null-file .null-pic {
+  display: block;
+  width: 10%;
+  margin: 20px auto;
+}
+.sys-resource-dialog .null-file p {
+  color: #a2a3a7;
+  font-size: 14px;
+  text-align: center;
+}
+.sysfile-filter-container {
+  padding: 12px 0;
+}
+.sys-res-file-list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 20px;
+}
+.sys-res-file-list .item-load-more {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  align-items: center;
+  justify-content: center;
+  color: #9a9a9a;
+  font-size: 12px;
+  cursor: pointer;
+}
+.sys-res-file-list .item-load-more img {
+  width: 72px;
+}
+.sys-res-file-list .item {
+  position: relative;
+  width: calc(20% - 20px);
+  overflow: hidden;
+  cursor: pointer;
+}
+.sys-res-file-list .item .move-action {
+  opacity: 0.5;
+}
+.sys-res-file-list .item .shadow-wrap {
+  position: relative;
+  overflow: hidden;
+  background: #fff;
+  border: 1px solid #ebeef5;
+  border-radius: 4px;
+}
+.sys-res-file-list .item .shadow-wrap:hover {
+  border: 1px solid #4886ff;
+  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+}
+.sys-res-file-list .item .shadow-wrap .thumb-wrap {
+  position: relative;
+  width: 100%;
+  background: url('../assets/selection/picBg.png');
+}
+.sys-res-file-list .item .shadow-wrap h4,
+.sys-res-file-list .item .shadow-wrap p {
+  margin-top: 4px;
+  margin-bottom: 2px;
+  padding: 0 10px;
+  overflow: hidden;
+  color: rgba(0, 0, 0, 0.85);
+  font-size: 14px;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  word-wrap: normal;
+}
+.sys-res-file-list .item .shadow-wrap h4 i,
+.sys-res-file-list .item .shadow-wrap p i,
+.sys-res-file-list .item .shadow-wrap h4 svg,
+.sys-res-file-list .item .shadow-wrap p svg {
+  margin-right: 4px;
+  color: #e75258;
+  font-size: 16px;
+  vertical-align: middle;
+}
+.sys-res-file-list .item .shadow-wrap h4 svg,
+.sys-res-file-list .item .shadow-wrap p svg {
+  margin-right: 4px;
+  font-size: 16px;
+  vertical-align: middle;
+}
+.sys-res-file-list .item .shadow-wrap h4 span,
+.sys-res-file-list .item .shadow-wrap p span {
+  vertical-align: middle;
+}
+.sys-res-file-list .item .shadow-wrap p {
+  margin-bottom: 4px;
+  font-weight: normal;
+  font-size: 12px;
+  line-height: 1em;
+  opacity: 0.65;
+}
+.sys-res-file-list::after {
+  height: 50px;
+}
 .select-resources-modal-wrapper .arco-modal-header {
   border-bottom: none;
 }

package/es/resourceModal/style/index.less

@@ -4,6 +4,7 @@
 @import './MainContent.less';
 @import './FileTypeThumb.less';
 @import './MediaPreviewer.less';
+@import './SystemResourceSelected.less';
 
 .select-resources-modal-wrapper {
   .arco-modal-header {

package/es/selectThumb/component.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, watch, openBlock, createElementBlock, createTextVNode, toDisplayString, createCommentVNode, Fragment, renderList, createBlock, createVNode, unref, withCtx, createElementVNode, withDirectives, vShow } from "vue";
+import { defineComponent, ref, provide, computed, watch, openBlock, createElementBlock, createTextVNode, toDisplayString, createCommentVNode, Fragment, renderList, createBlock, createVNode, unref, withCtx, createElementVNode, withDirectives, vShow } from "vue";
 import { RadioGroup, Radio, Switch } from "@arco-design/web-vue";
 import { docThumbObjMap, docThumbArrMap, docThumbRatioMap } from "../utils/doc.js";
 import _sfc_main$3 from "../resourceModal/component.js";
@@ -50,7 +50,8 @@ const _sfc_main = defineComponent({
     showTitle: { type: Boolean },
     cropper: { type: Boolean },
     aiImages: {},
-    series: {}
+    series: {},
+    mediaUseType: {}
   },
   emits: ["update:dataValue"],
   setup(__props, { emit: __emit }) {
@@ -66,6 +67,9 @@ const _sfc_main = defineComponent({
     const thumbOptionIndex = ref(0);
     const aspectRatioProp = ref(16 / 9);
     const cropperData = ref([]);
+    if (props.mediaUseType) {
+      provide("mediaUseType", props.mediaUseType);
+    }
     const model = computed({
       get() {
         if (!styleData.value.model)

package/lib/contentModal/component.js

@@ -79,18 +79,18 @@ const _sfc_main = vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.unref(webVue.Modal), {
-        visible: visible.value,
-        width: "986px",
-        "mask-closable": false,
         footer: false,
+        "mask-closable": false,
+        visible: visible.value,
+        "body-class": "add-content-modal-body",
+        "modal-class": "add-content-modal-wrapper",
         "title-align": "start",
         "unmount-on-close": "",
-        "modal-class": "add-content-modal-wrapper",
-        "body-class": "add-content-modal-body",
-        onOk: handleOk,
-        onOpen: HandleOpen,
+        width: "1020px",
+        onCancel: handleCancel,
         onClose: HandleClose,
-        onCancel: handleCancel
+        onOk: handleOk,
+        onOpen: HandleOpen
       }, {
         title: vue.withCtx(() => [
           vue.createTextVNode(vue.toDisplayString(props.title ? props.title : "\u6DFB\u52A0\u5185\u5BB9"), 1)
@@ -109,11 +109,11 @@ const _sfc_main = vue.defineComponent({
                 default: vue.withCtx(() => [
                   vue.unref(userInfo) && vue.unref(userInfo).repository_id ? (vue.openBlock(), vue.createBlock(index, {
                     key: 0,
-                    "max-select": _ctx.maxSelect,
+                    banner: typeDataController.value.docBanner,
                     "default-selected-data": selectedData.value,
-                    "type-data": typeDataController.value,
+                    "max-select": _ctx.maxSelect,
                     series: typeDataController.value.docSeries,
-                    banner: typeDataController.value.docBanner,
+                    "type-data": typeDataController.value,
                     "user-info": vue.unref(userInfo),
                     onChange: selectedDataChangeHandle
                   }, {
@@ -125,18 +125,18 @@ const _sfc_main = vue.defineComponent({
                     ]),
                     options: vue.withCtx(() => [
                       vue.createVNode(vue.unref(webVue.Button), {
-                        type: "primary",
                         disabled: !hasSelected.value,
+                        type: "primary",
                         onClick: comfirm
                       }, {
                         default: vue.withCtx(() => [
-                          vue.createTextVNode("\u6DFB\u52A0")
+                          vue.createTextVNode("\u6DFB\u52A0 ")
                         ]),
                         _: 1
                       }, 8, ["disabled"])
                     ]),
                     _: 1
-                  }, 8, ["max-select", "default-selected-data", "type-data", "series", "banner", "user-info"])) : vue.createCommentVNode("v-if", true)
+                  }, 8, ["banner", "default-selected-data", "max-select", "series", "type-data", "user-info"])) : vue.createCommentVNode("v-if", true)
                 ]),
                 _: 1
               })) : vue.createCommentVNode("v-if", true),
@@ -147,12 +147,12 @@ const _sfc_main = vue.defineComponent({
                 default: vue.withCtx(() => [
                   vue.unref(userInfo) && vue.unref(userInfo).repository_id ? (vue.openBlock(), vue.createBlock(index$2, {
                     key: 0,
-                    "max-select": _ctx.maxSelect,
                     "default-selected-data": selectedData.value,
+                    "max-select": _ctx.maxSelect,
                     "outside-select-data": _ctx.outsideSelectData || [],
+                    type: typeDataController.value.contentListType,
                     "type-data": typeDataController.value,
                     "user-info": vue.unref(userInfo),
-                    type: typeDataController.value.contentListType,
                     onChange: selectedDataChangeHandle
                   }, {
                     store: vue.withCtx(() => [
@@ -163,8 +163,8 @@ const _sfc_main = vue.defineComponent({
                     ]),
                     options: vue.withCtx(() => [
                       vue.createVNode(vue.unref(webVue.Button), {
-                        type: "primary",
                         disabled: !hasSelected.value,
+                        type: "primary",
                         onClick: comfirm
                       }, {
                         default: vue.withCtx(() => [
@@ -174,7 +174,7 @@ const _sfc_main = vue.defineComponent({
                       }, 8, ["disabled"])
                     ]),
                     _: 1
-                  }, 8, ["max-select", "default-selected-data", "outside-select-data", "type-data", "user-info", "type"])) : vue.createCommentVNode("v-if", true)
+                  }, 8, ["default-selected-data", "max-select", "outside-select-data", "type", "type-data", "user-info"])) : vue.createCommentVNode("v-if", true)
                 ]),
                 _: 1
               })) : vue.createCommentVNode("v-if", true),
@@ -185,13 +185,13 @@ const _sfc_main = vue.defineComponent({
                 default: vue.withCtx(() => [
                   vue.unref(userInfo) && vue.unref(userInfo).repository_id ? (vue.openBlock(), vue.createBlock(index$3, {
                     key: 0,
-                    "max-select": _ctx.maxSelect,
+                    columns: typeDataController.value.compoType,
+                    "compo-filter": _ctx.compoFilter,
                     "default-selected-data": selectedData.value,
+                    "max-select": _ctx.maxSelect,
                     "outside-select-data": _ctx.outsideSelectData || [],
                     "type-data": typeDataController.value,
-                    columns: typeDataController.value.compoType,
                     "user-info": vue.unref(userInfo),
-                    "compo-filter": _ctx.compoFilter,
                     onChange: selectedDataChangeHandle
                   }, {
                     store: vue.withCtx(() => [
@@ -202,8 +202,8 @@ const _sfc_main = vue.defineComponent({
                     ]),
                     options: vue.withCtx(() => [
                       vue.createVNode(vue.unref(webVue.Button), {
-                        type: "primary",
                         disabled: !hasSelected.value,
+                        type: "primary",
                         onClick: comfirm
                       }, {
                         default: vue.withCtx(() => [
@@ -213,7 +213,7 @@ const _sfc_main = vue.defineComponent({
                       }, 8, ["disabled"])
                     ]),
                     _: 1
-                  }, 8, ["max-select", "default-selected-data", "outside-select-data", "type-data", "columns", "user-info", "compo-filter"])) : vue.createCommentVNode("v-if", true)
+                  }, 8, ["columns", "compo-filter", "default-selected-data", "max-select", "outside-select-data", "type-data", "user-info"])) : vue.createCommentVNode("v-if", true)
                 ]),
                 _: 1
               })) : vue.createCommentVNode("v-if", true),
@@ -224,11 +224,11 @@ const _sfc_main = vue.defineComponent({
                 default: vue.withCtx(() => [
                   vue.unref(userInfo) && vue.unref(userInfo).repository_id ? (vue.openBlock(), vue.createBlock(index$4, {
                     key: 0,
-                    "max-select": _ctx.maxSelect,
+                    columns: typeDataController.value.compoType,
                     "default-selected-data": selectedData.value,
+                    "max-select": _ctx.maxSelect,
                     "outside-select-data": _ctx.outsideSelectData || [],
                     "type-data": typeDataController.value,
-                    columns: typeDataController.value.compoType,
                     "user-info": vue.unref(userInfo),
                     onChange: selectedDataChangeHandle
                   }, {
@@ -240,8 +240,8 @@ const _sfc_main = vue.defineComponent({
                     ]),
                     options: vue.withCtx(() => [
                       vue.createVNode(vue.unref(webVue.Button), {
-                        type: "primary",
                         disabled: !hasSelected.value,
+                        type: "primary",
                         onClick: comfirm
                       }, {
                         default: vue.withCtx(() => [
@@ -251,7 +251,7 @@ const _sfc_main = vue.defineComponent({
                       }, 8, ["disabled"])
                     ]),
                     _: 1
-                  }, 8, ["max-select", "default-selected-data", "outside-select-data", "type-data", "columns", "user-info"])) : vue.createCommentVNode("v-if", true)
+                  }, 8, ["columns", "default-selected-data", "max-select", "outside-select-data", "type-data", "user-info"])) : vue.createCommentVNode("v-if", true)
                 ]),
                 _: 1
               })) : vue.createCommentVNode("v-if", true),
@@ -262,11 +262,11 @@ const _sfc_main = vue.defineComponent({
                 default: vue.withCtx(() => [
                   vue.unref(userInfo) && vue.unref(userInfo).repository_id ? (vue.openBlock(), vue.createBlock(index$5, {
                     key: 0,
-                    "max-select": _ctx.maxSelect,
+                    columns: typeDataController.value.MpAccountType,
                     "default-selected-data": selectedData.value,
+                    "max-select": _ctx.maxSelect,
                     "outside-select-data": _ctx.outsideSelectData || [],
                     "type-data": typeDataController.value,
-                    columns: typeDataController.value.MpAccountType,
                     "user-info": vue.unref(userInfo),
                     onChange: selectedDataChangeHandle
                   }, {
@@ -278,8 +278,8 @@ const _sfc_main = vue.defineComponent({
                     ]),
                     options: vue.withCtx(() => [
                       vue.createVNode(vue.unref(webVue.Button), {
-                        type: "primary",
                         disabled: !hasSelected.value,
+                        type: "primary",
                         onClick: comfirm
                       }, {
                         default: vue.withCtx(() => [
@@ -289,7 +289,7 @@ const _sfc_main = vue.defineComponent({
                       }, 8, ["disabled"])
                     ]),
                     _: 1
-                  }, 8, ["max-select", "default-selected-data", "outside-select-data", "type-data", "columns", "user-info"])) : vue.createCommentVNode("v-if", true)
+                  }, 8, ["columns", "default-selected-data", "max-select", "outside-select-data", "type-data", "user-info"])) : vue.createCommentVNode("v-if", true)
                 ]),
                 _: 1
               }, 8, ["title"])) : vue.createCommentVNode("v-if", true),
@@ -300,11 +300,11 @@ const _sfc_main = vue.defineComponent({
                 default: vue.withCtx(() => [
                   vue.unref(userInfo) && vue.unref(userInfo).repository_id ? (vue.openBlock(), vue.createBlock(index$6, {
                     key: 0,
-                    "max-select": _ctx.maxSelect,
+                    columns: typeDataController.value.MpAccountType,
                     "default-selected-data": selectedData.value,
+                    "max-select": _ctx.maxSelect,
                     "outside-select-data": _ctx.outsideSelectData || [],
                     "type-data": typeDataController.value,
-                    columns: typeDataController.value.MpAccountType,
                     "user-info": vue.unref(userInfo),
                     onChange: selectedDataChangeHandle
                   }, {
@@ -316,8 +316,8 @@ const _sfc_main = vue.defineComponent({
                     ]),
                     options: vue.withCtx(() => [
                       vue.createVNode(vue.unref(webVue.Button), {
-                        type: "primary",
                         disabled: !hasSelected.value,
+                        type: "primary",
                         onClick: comfirm
                       }, {
                         default: vue.withCtx(() => [
@@ -327,7 +327,7 @@ const _sfc_main = vue.defineComponent({
                       }, 8, ["disabled"])
                     ]),
                     _: 1
-                  }, 8, ["max-select", "default-selected-data", "outside-select-data", "type-data", "columns", "user-info"])) : vue.createCommentVNode("v-if", true)
+                  }, 8, ["columns", "default-selected-data", "max-select", "outside-select-data", "type-data", "user-info"])) : vue.createCommentVNode("v-if", true)
                 ]),
                 _: 1
               }, 8, ["title"])) : vue.createCommentVNode("v-if", true)

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

@@ -1,6 +1,7 @@
 "use strict";
 var vue = require("vue");
 var webVue = require("@arco-design/web-vue");
+var icon = require("@arco-design/web-vue/es/icon");
 var doc = require("../../../../utils/doc.js");
 var index = require("../columnTree/index.js");
 const _hoisted_1 = { class: "media-filter-container" };
@@ -8,7 +9,7 @@ const _sfc_main = vue.defineComponent({
   ...{ name: "MediaFilter" },
   __name: "index",
   props: {
-    group_id: {},
+    groupId: {},
     tree: { default: () => [] },
     series: { default: "all" },
     banner: { default: "all" },
@@ -67,6 +68,12 @@ const _sfc_main = vue.defineComponent({
       });
       return [{ value: "", label: "\u5168\u90E8\u5C01\u9762\u7C7B\u578B" }, ...arr];
     });
+    const sortOptions = vue.computed(() => {
+      return [
+        { value: -1, label: "\u53D1\u5E03\u65F6\u95F4" },
+        { value: 1, label: "\u521B\u5EFA\u65F6\u95F4" }
+      ];
+    });
     const showReset = vue.computed(() => {
       let { banner } = filter.value;
       if (props.banner !== "all") {
@@ -76,7 +83,7 @@ const _sfc_main = vue.defineComponent({
       if (props.series !== "all") {
         series = "";
       }
-      return filter.value.keywords || series || filter.value.cover_type || banner;
+      return filter.value.keywords || series || filter.value.cover_type || banner || filter.value.sort !== -1;
     });
     const reset = () => {
       filter.value = {
@@ -101,13 +108,13 @@ const _sfc_main = vue.defineComponent({
     };
     vue.watch(
       () => filter.value,
-      (val) => {
+      () => {
         handleSearch();
       },
       { deep: true }
     );
     vue.watch(
-      () => props.group_id,
+      () => props.groupId,
       (val) => {
         column_id.value = val;
       }
@@ -120,18 +127,26 @@ const _sfc_main = vue.defineComponent({
     );
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createVNode(vue.unref(webVue.Space), { size: "large" }, {
+        vue.createVNode(vue.unref(webVue.Space), { size: "small" }, {
           default: vue.withCtx(() => [
+            vue.createVNode(vue.unref(webVue.Input), {
+              modelValue: filter.value.keywords,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => filter.value.keywords = $event),
+              "allow-clear": "",
+              class: "filter-item",
+              placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9\u6807\u9898",
+              onPressEnter: handleSearch
+            }, null, 8, ["modelValue"]),
             vue.createVNode(index, {
               column_id: column_id.value,
-              "onUpdate:column_id": _cache[0] || (_cache[0] = ($event) => column_id.value = $event),
+              "onUpdate:column_id": _cache[1] || (_cache[1] = ($event) => column_id.value = $event),
               height: props.height,
               tree: props.tree,
               "user-info": props.userInfo
             }, null, 8, ["column_id", "height", "tree", "user-info"]),
             vue.createVNode(vue.unref(webVue.Select), {
               modelValue: filter.value.type,
-              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => filter.value.type = $event),
+              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => filter.value.type = $event),
               class: "filter-item",
               placeholder: "\u7C7B\u578B"
             }, {
@@ -148,7 +163,7 @@ const _sfc_main = vue.defineComponent({
             }, 8, ["modelValue"]),
             vue.createVNode(vue.unref(webVue.Select), {
               modelValue: filter.value.cover_type,
-              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => filter.value.cover_type = $event),
+              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => filter.value.cover_type = $event),
               class: "filter-item",
               placeholder: "\u5C01\u9762"
             }, {
@@ -165,7 +180,7 @@ const _sfc_main = vue.defineComponent({
             }, 8, ["modelValue"]),
             vue.createVNode(vue.unref(webVue.Select), {
               modelValue: filter.value.banner,
-              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => filter.value.banner = $event),
+              "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => filter.value.banner = $event),
               class: "filter-item",
               placeholder: "\u72EC\u7ACB\u8F6E\u64AD"
             }, {
@@ -180,21 +195,15 @@ const _sfc_main = vue.defineComponent({
               ]),
               _: 1
             }, 8, ["modelValue"]),
-            vue.createVNode(vue.unref(webVue.Input), {
-              modelValue: filter.value.keywords,
-              "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => filter.value.keywords = $event),
-              class: "filter-item",
-              "allow-clear": "",
-              placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9\u6807\u9898",
-              onPressEnter: handleSearch
-            }, null, 8, ["modelValue"]),
             vue.withDirectives(vue.createVNode(vue.unref(webVue.Button), {
-              type: "text",
+              class: "reset-button",
               size: "small",
+              type: "text",
               onClick: reset
             }, {
               default: vue.withCtx(() => [
-                vue.createTextVNode("\u91CD\u7F6E")
+                vue.createVNode(vue.unref(icon.IconRefresh), { class: "reset-icon" }),
+                vue.createTextVNode(" \u91CD\u7F6E ")
               ]),
               _: 1
             }, 512), [
@@ -202,7 +211,29 @@ const _sfc_main = vue.defineComponent({
             ])
           ]),
           _: 1
-        })
+        }),
+        vue.createElementVNode("div", {
+          class: "sort-button",
+          onClick: reset
+        }, [
+          vue.createVNode(vue.unref(webVue.Select), {
+            modelValue: filter.value.sort,
+            "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => filter.value.sort = $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) => {
+                return vue.openBlock(), vue.createBlock(vue.unref(webVue.Option), {
+                  key: item.value,
+                  label: item.label,
+                  value: item.value
+                }, null, 8, ["label", "value"]);
+              }), 128))
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ])
       ]);
     };
   }