feat: 标签排序，将有置顶标识的标签排在前面

src/components/LarkIcon/SvgMap.ts

@@ -22,6 +22,7 @@ import More from '@/assets/svg/more.svg';
 import NoteLogo from '@/assets/svg/note-logo.svg';
 import OcrIcon from '@/assets/svg/ocr-icon.svg';
 import Setting from '@/assets/svg/setting.svg';
+import TagPinned from '@/assets/svg/tag-pinned.svg';
 import TimeOutlined from '@/assets/svg/time-outlined.svg';
 import Translate from '@/assets/svg/translate.svg';
 import YuqueLogo from '@/assets/svg/yuque-logo.svg';
@@ -48,6 +49,7 @@ export const SvgMaps = {
 	'note-logo': NoteLogo,
 	'ocr-icon': OcrIcon,
 	'setting': Setting,
+  'tag-pinned': TagPinned,
 	'time-outlined': TimeOutlined,
 	'translate': Translate,
 	'yuque-logo': YuqueLogo,

src/components/SuperSideBar/impl/ClipAssistant/component/AddTagButton/TagMenu.module.less

@@ -43,6 +43,15 @@
   margin-bottom: 5px;
   display: flex;
   align-items: center;
+  position: relative;
+  overflow: hidden;
+
+  .pinnedIcon {
+    color: var(--yq-yuque-green-4);
+    position: absolute;
+    left: 0;
+    top: -3px;
+  }
 
   .tagName {
     flex: 1;

src/components/SuperSideBar/impl/ClipAssistant/component/AddTagButton/TagMenu.tsx

@@ -7,6 +7,7 @@ import { ITag } from '@/core/webProxy/tag';
 import { webProxy } from '@/core/webProxy';
 import TagInput from './TagInput';
 import styles from './TagMenu.module.less';
+import LarkIcon from '@/components/LarkIcon';
 
 export interface ITagMenuProps {
   tags: ITag[];
@@ -128,6 +129,7 @@ function TagMenu(props: ITagMenuProps) {
                   }
                 }}
               >
+                {item.pinned_at ? <LarkIcon name='tag-pinned' className={styles.pinnedIcon} size={12} /> : null}
                 <span className={styles.tagName}>{item.name}</span>
                 {selected && <CheckOutlined width={16} className={styles.checkedIcon} />}
               </div>

src/components/SuperSideBar/impl/ClipAssistant/index.tsx

@@ -28,6 +28,7 @@ import { superSidebar } from '@/components/SuperSideBar/index';
 import AddTagButton from './component/AddTagButton';
 import TagList from './component/TagList';
 import styles from './index.module.less';
+import moment from 'moment';
 
 const LoadingMessage = {
   ocr: __i18n('正在识别中'),
@@ -236,6 +237,15 @@ function ClipContent() {
   const handleRequestTag = async () => {
     try {
       const tags = await webProxy.tag.index();
+      tags.sort((a, b) => {
+        if (a.pinned_at && b.pinned_at) {
+          return moment(a.pinned_at).isBefore(moment(b.pinned_at)) ? 1 : -1;
+        }
+        if (a.pinned_at || b.pinned_at) {
+          return a.pinned_at ? -1 : 1;
+        }
+        return 0;
+      });
       setUserTags(tags);
     } catch (error) {
       //

src/core/webProxy/tag.ts

@@ -5,6 +5,7 @@ export interface ITag {
   name: string;
   created_at: Date;
   updated_at: Date;
+  pinned_at?: Date;
 }
 
 export function createTagProxy() {