Feature/sync icon

packages/icons/docs/examples/index.tsx

@@ -59,12 +59,29 @@ const AllIconDemo = () => {
     );
   }, [currentTheme, searchKey]);
 
+  const copyTextByTextarea = (text: string) => {
+    const textarea = document.createElement('textarea');
+    textarea.style.position = 'fixed';
+    textarea.style.left = '-9999px';
+    textarea.style.top = '-9999px';
+    textarea.style.opacity = '0';
+    document.body.appendChild(textarea);
+    textarea.value = text;
+    textarea.select();
+    if (document.execCommand('copy')) {
+      document.execCommand('copy');
+    }
+    document.body.removeChild(textarea);
+  };
+
   const onCopy = (name: string) => {
-    if (navigator.clipboard) {
-      const text = `<${name} />`;
+    const text = `<${name} />`;
+    if (navigator.clipboard && window.isSecureContext) {
       navigator.clipboard.writeText(text);
-      messageApi.success(`${text} copied`);
+    } else {
+      copyTextByTextarea(text);
     }
+    messageApi.success(`${text} copied`);
   };
 
   return (

packages/icons/docs/icon/Common.md

@@ -256,6 +256,13 @@ import { BookMarkOutlined } from '@actiontech/icons';
 export default () => <BookMarkOutlined width={32} height={32} />
 ```
 
+## BookMarkTagOutlined
+```jsx
+import { BookMarkTagOutlined } from '@actiontech/icons';
+
+export default () => <BookMarkTagOutlined width={32} height={32} />
+```
+
 ## CalendarOutlined
 ```jsx
 import { CalendarOutlined } from '@actiontech/icons';

packages/icons/src/outlined/Common/BookMarkTagOutlined.tsx

@@ -0,0 +1,19 @@
+import type { SVGProps } from 'react';
+const BookMarkTagOutlined = (props: SVGProps<SVGSVGElement>) => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      fill="none"
+      viewBox="0 0 14 14"
+      width={16}
+      height={16}
+      {...props}
+    >
+      <path
+        fill="#292C33"
+        d="M2.917 1.167h8.166a.583.583 0 0 1 .584.583v11.167a.293.293 0 0 1-.447.247L7 10.518l-4.22 2.646a.291.291 0 0 1-.447-.247V1.75a.583.583 0 0 1 .584-.583M10.5 2.333h-7v9.002L7 9.141l3.5 2.194zM4.667 5.25h4.666v1.167H4.667z"
+      />
+    </svg>
+  );
+};
+export default BookMarkTagOutlined;

packages/icons/src/outlined/Common/index.ts

@@ -1,4 +1,5 @@
 export { default as BookMarkOutlined } from './BookMarkOutlined';
+export { default as BookMarkTagOutlined } from './BookMarkTagOutlined';
 export { default as CalendarOutlined } from './CalendarOutlined';
 export { default as CheckStrongOutlined } from './CheckStrongOutlined';
 export { default as ClockCircleOutlined } from './ClockCircleOutlined';

packages/sqle/src/page/AuditPlan/PlanList/index.tsx

@@ -39,7 +39,7 @@ import {
   PlusOutlined,
   DownOutlined,
   UpOutlined,
-  BookMarkTagFilled
+  BookMarkTagOutlined
 } from '@actiontech/icons';
 import { PlanListTaskTypeButtonStyleWrapper } from './style';
 
@@ -242,7 +242,7 @@ const AuditPlanList = () => {
             key: 'task-status-show-btn',
             text: (
               <PlanListTaskTypeButtonStyleWrapper size={5} align="center">
-                <BookMarkTagFilled color="currentColor" fill="none" />
+                <BookMarkTagOutlined width={14} height={14} />
                 {t('auditPlan.list.table.audit_plan_type')}
                 {taskTypeShowStatus ? (
                   <UpOutlined color="currentColor" />