@oceanbase/design 0.1.0

package/lib/theme/style/default.less

@@ -0,0 +1,526 @@
+@blue: #006aff;
+@purple: #722ED1;
+@cyan: #13C2C2;
+@green: #0ac185;
+@magenta: #EB2F96;
+@pink: #eb2f96;
+@red: #ff4b4b;
+@orange: #FA8C16;
+@yellow: #ffac33;
+@volcano: #FA541C;
+@geekblue: #2F54EB;
+@gold: #FAAD14;
+@lime: #A0D911;
+@colorPrimary: #006AFF;
+@colorSuccess: #0ac185;
+@colorWarning: #ffac33;
+@colorError: #ff4b4b;
+@colorInfo: #006aff;
+@colorTextBase: #132039;
+@colorBgBase: #ffffff;
+@fontFamily: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
+'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
+'Noto Color Emoji';
+@fontFamilyCode: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
+@fontSize: 14;
+@lineWidth: 1;
+@lineType: solid;
+@motionUnit: 0.1;
+@motionBase: 0;
+@motionEaseOutCirc: cubic-bezier(0.08, 0.82, 0.17, 1);
+@motionEaseInOutCirc: cubic-bezier(0.78, 0.14, 0.15, 0.86);
+@motionEaseOut: cubic-bezier(0.215, 0.61, 0.355, 1);
+@motionEaseInOut: cubic-bezier(0.645, 0.045, 0.355, 1);
+@motionEaseOutBack: cubic-bezier(0.12, 0.4, 0.29, 1.46);
+@motionEaseInBack: cubic-bezier(0.71, -0.46, 0.88, 0.6);
+@motionEaseInQuint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+@motionEaseOutQuint: cubic-bezier(0.23, 1, 0.32, 1);
+@borderRadius: 6;
+@sizeUnit: 4;
+@sizeStep: 4;
+@sizePopupArrow: 16;
+@controlHeight: 32;
+@zIndexBase: 0;
+@zIndexPopupBase: 1000;
+@opacityImage: 1;
+@wireframe: false;
+@motion: true;
+@blue-1: #e6fff2;
+@blue1: #e6fff2;
+@blue-2: #a9f5d1;
+@blue2: #a9f5d1;
+@blue-3: #7be8b9;
+@blue3: #7be8b9;
+@blue-4: #51dba4;
+@blue4: #51dba4;
+@blue-5: #2bcf93;
+@blue5: #2bcf93;
+@blue-6: #0ac185;
+@blue6: #0ac185;
+@blue-7: #009c6d;
+@blue7: #009c6d;
+@blue-8: #007556;
+@blue8: #007556;
+@blue-9: #004f3d;
+@blue9: #004f3d;
+@blue-10: #002921;
+@blue10: #002921;
+@purple-1: #f9f0ff;
+@purple1: #f9f0ff;
+@purple-2: #efdbff;
+@purple2: #efdbff;
+@purple-3: #d3adf7;
+@purple3: #d3adf7;
+@purple-4: #b37feb;
+@purple4: #b37feb;
+@purple-5: #9254de;
+@purple5: #9254de;
+@purple-6: #722ed1;
+@purple6: #722ed1;
+@purple-7: #531dab;
+@purple7: #531dab;
+@purple-8: #391085;
+@purple8: #391085;
+@purple-9: #22075e;
+@purple9: #22075e;
+@purple-10: #120338;
+@purple10: #120338;
+@cyan-1: #e6fffb;
+@cyan1: #e6fffb;
+@cyan-2: #b5f5ec;
+@cyan2: #b5f5ec;
+@cyan-3: #87e8de;
+@cyan3: #87e8de;
+@cyan-4: #5cdbd3;
+@cyan4: #5cdbd3;
+@cyan-5: #36cfc9;
+@cyan5: #36cfc9;
+@cyan-6: #13c2c2;
+@cyan6: #13c2c2;
+@cyan-7: #08979c;
+@cyan7: #08979c;
+@cyan-8: #006d75;
+@cyan8: #006d75;
+@cyan-9: #00474f;
+@cyan9: #00474f;
+@cyan-10: #002329;
+@cyan10: #002329;
+@green-1: #fffbf0;
+@green1: #fffbf0;
+@green-2: #fff4d6;
+@green2: #fff4d6;
+@green-3: #ffe7ad;
+@green3: #ffe7ad;
+@green-4: #ffd685;
+@green4: #ffd685;
+@green-5: #ffc35c;
+@green5: #ffc35c;
+@green-6: #ffac33;
+@green6: #ffac33;
+@green-7: #d98921;
+@green7: #d98921;
+@green-8: #b36812;
+@green8: #b36812;
+@green-9: #8c4a07;
+@green9: #8c4a07;
+@green-10: #663204;
+@green10: #663204;
+@magenta-1: #fff0f6;
+@magenta1: #fff0f6;
+@magenta-2: #ffd6e7;
+@magenta2: #ffd6e7;
+@magenta-3: #ffadd2;
+@magenta3: #ffadd2;
+@magenta-4: #ff85c0;
+@magenta4: #ff85c0;
+@magenta-5: #f759ab;
+@magenta5: #f759ab;
+@magenta-6: #eb2f96;
+@magenta6: #eb2f96;
+@magenta-7: #c41d7f;
+@magenta7: #c41d7f;
+@magenta-8: #9e1068;
+@magenta8: #9e1068;
+@magenta-9: #780650;
+@magenta9: #780650;
+@magenta-10: #520339;
+@magenta10: #520339;
+@pink-1: #fff0f6;
+@pink1: #fff0f6;
+@pink-2: #ffd6e7;
+@pink2: #ffd6e7;
+@pink-3: #ffadd2;
+@pink3: #ffadd2;
+@pink-4: #ff85c0;
+@pink4: #ff85c0;
+@pink-5: #f759ab;
+@pink5: #f759ab;
+@pink-6: #eb2f96;
+@pink6: #eb2f96;
+@pink-7: #c41d7f;
+@pink7: #c41d7f;
+@pink-8: #9e1068;
+@pink8: #9e1068;
+@pink-9: #780650;
+@pink9: #780650;
+@pink-10: #520339;
+@pink10: #520339;
+@red-1: #e6f4ff;
+@red1: #e6f4ff;
+@red-2: #a3d6ff;
+@red2: #a3d6ff;
+@red-3: #7abfff;
+@red3: #7abfff;
+@red-4: #52a5ff;
+@red4: #52a5ff;
+@red-5: #2989ff;
+@red5: #2989ff;
+@red-6: #006aff;
+@red6: #006aff;
+@red-7: #0053d9;
+@red7: #0053d9;
+@red-8: #003eb3;
+@red8: #003eb3;
+@red-9: #002c8c;
+@red9: #002c8c;
+@red-10: #001d66;
+@red10: #001d66;
+@orange-1: #fff7e6;
+@orange1: #fff7e6;
+@orange-2: #ffe7ba;
+@orange2: #ffe7ba;
+@orange-3: #ffd591;
+@orange3: #ffd591;
+@orange-4: #ffc069;
+@orange4: #ffc069;
+@orange-5: #ffa940;
+@orange5: #ffa940;
+@orange-6: #fa8c16;
+@orange6: #fa8c16;
+@orange-7: #d46b08;
+@orange7: #d46b08;
+@orange-8: #ad4e00;
+@orange8: #ad4e00;
+@orange-9: #873800;
+@orange9: #873800;
+@orange-10: #612500;
+@orange10: #612500;
+@yellow-1: #fff2f0;
+@yellow1: #fff2f0;
+@yellow-2: #fff0ed;
+@yellow2: #fff0ed;
+@yellow-3: #ffcac4;
+@yellow3: #ffcac4;
+@yellow-4: #ffa29c;
+@yellow4: #ffa29c;
+@yellow-5: #ff7773;
+@yellow5: #ff7773;
+@yellow-6: #ff4b4b;
+@yellow6: #ff4b4b;
+@yellow-7: #d9343a;
+@yellow7: #d9343a;
+@yellow-8: #b3222c;
+@yellow8: #b3222c;
+@yellow-9: #8c1420;
+@yellow9: #8c1420;
+@yellow-10: #660d19;
+@yellow10: #660d19;
+@volcano-1: #fff2e8;
+@volcano1: #fff2e8;
+@volcano-2: #ffd8bf;
+@volcano2: #ffd8bf;
+@volcano-3: #ffbb96;
+@volcano3: #ffbb96;
+@volcano-4: #ff9c6e;
+@volcano4: #ff9c6e;
+@volcano-5: #ff7a45;
+@volcano5: #ff7a45;
+@volcano-6: #fa541c;
+@volcano6: #fa541c;
+@volcano-7: #d4380d;
+@volcano7: #d4380d;
+@volcano-8: #ad2102;
+@volcano8: #ad2102;
+@volcano-9: #871400;
+@volcano9: #871400;
+@volcano-10: #610b00;
+@volcano10: #610b00;
+@geekblue-1: #f0f5ff;
+@geekblue1: #f0f5ff;
+@geekblue-2: #d6e4ff;
+@geekblue2: #d6e4ff;
+@geekblue-3: #adc6ff;
+@geekblue3: #adc6ff;
+@geekblue-4: #85a5ff;
+@geekblue4: #85a5ff;
+@geekblue-5: #597ef7;
+@geekblue5: #597ef7;
+@geekblue-6: #2f54eb;
+@geekblue6: #2f54eb;
+@geekblue-7: #1d39c4;
+@geekblue7: #1d39c4;
+@geekblue-8: #10239e;
+@geekblue8: #10239e;
+@geekblue-9: #061178;
+@geekblue9: #061178;
+@geekblue-10: #030852;
+@geekblue10: #030852;
+@gold-1: #fffbe6;
+@gold1: #fffbe6;
+@gold-2: #fff1b8;
+@gold2: #fff1b8;
+@gold-3: #ffe58f;
+@gold3: #ffe58f;
+@gold-4: #ffd666;
+@gold4: #ffd666;
+@gold-5: #ffc53d;
+@gold5: #ffc53d;
+@gold-6: #faad14;
+@gold6: #faad14;
+@gold-7: #d48806;
+@gold7: #d48806;
+@gold-8: #ad6800;
+@gold8: #ad6800;
+@gold-9: #874d00;
+@gold9: #874d00;
+@gold-10: #613400;
+@gold10: #613400;
+@lime-1: #fcffe6;
+@lime1: #fcffe6;
+@lime-2: #f4ffb8;
+@lime2: #f4ffb8;
+@lime-3: #eaff8f;
+@lime3: #eaff8f;
+@lime-4: #d3f261;
+@lime4: #d3f261;
+@lime-5: #bae637;
+@lime5: #bae637;
+@lime-6: #a0d911;
+@lime6: #a0d911;
+@lime-7: #7cb305;
+@lime7: #7cb305;
+@lime-8: #5b8c00;
+@lime8: #5b8c00;
+@lime-9: #3f6600;
+@lime9: #3f6600;
+@lime-10: #254000;
+@lime10: #254000;
+@colorText: #132039;
+@colorTextSecondary: #364563;
+@colorTextTertiary: #8592AD;
+@colorTextQuaternary: #CDD5E4;
+@colorFill: #F5F8FE;
+@colorFillSecondary: #F5F8FE;
+@colorFillTertiary: #F5F8FE;
+@colorFillQuaternary: #F8FAFE;
+@colorBgLayout: #F5F8FE;
+@colorBgContainer: #ffffff;
+@colorBgElevated: #ffffff;
+@colorBgSpotlight: rgba(19, 32, 57, 0.85);
+@colorBorder: #CDD5E4;
+@colorBorderSecondary: #E2E8F3;
+@colorPrimaryBg: #EAF1FF;
+@colorPrimaryBgHover: #EAF1FF;
+@colorPrimaryBorder: #B3CCFF;
+@colorPrimaryBorderHover: #5189FB;
+@colorPrimaryHover: #004CE6;
+@colorPrimaryActive: #004CE6;
+@colorPrimaryTextHover: #5189FB;
+@colorPrimaryText: #006AFF;
+@colorPrimaryTextActive: #004CE6;
+@colorSuccessBg: #EEF8F5;
+@colorSuccessBgHover: #B3E6D5;
+@colorSuccessBorder: #B3E6D5;
+@colorSuccessBorderHover: #4DCCA2;
+@colorSuccessHover: #4DCCA2;
+@colorSuccessActive: #00B378;
+@colorSuccessTextHover: #4DCCA2;
+@colorSuccessText: #0AC185;
+@colorSuccessTextActive: #00B378;
+@colorErrorBg: #FFEBEB;
+@colorErrorBgHover: #FFB3B3;
+@colorErrorBorder: #FFB3B3;
+@colorErrorBorderHover: #FF8080;
+@colorErrorHover: #FF8080;
+@colorErrorActive: #EC1313;
+@colorErrorTextHover: #FF8080;
+@colorErrorText: #FF4B4B;
+@colorErrorTextActive: #EC1313;
+@colorWarningBg: #FFF5E5;
+@colorWarningBgHover: #FFD699;
+@colorWarningBorder: #FFD699;
+@colorWarningBorderHover: #FFC166;
+@colorWarningHover: #FFC166;
+@colorWarningActive: #FF9700;
+@colorWarningTextHover: #FFC166;
+@colorWarningText: #FFAC33;
+@colorWarningTextActive: #FF9700;
+@colorInfoBg: #EAF1FF;
+@colorInfoBgHover: #EAF1FF;
+@colorInfoBorder: #B3CCFF;
+@colorInfoBorderHover: #5189FB;
+@colorInfoHover: #5189FB;
+@colorInfoActive: #004CE6;
+@colorInfoTextHover: #5189FB;
+@colorInfoText: #006AFF;
+@colorInfoTextActive: #004CE6;
+@colorBgMask: rgba(19, 32, 57,  0.65);
+@colorWhite: #fff;
+@fontSizeSM: 12;
+@fontSizeLG: 16;
+@fontSizeXL: 20;
+@fontSizeHeading1: 38;
+@fontSizeHeading2: 30;
+@fontSizeHeading3: 24;
+@fontSizeHeading4: 20;
+@fontSizeHeading5: 16;
+@lineHeight: 1.5714285714285714;
+@lineHeightLG: 1.5;
+@lineHeightSM: 1.6666666666666667;
+@lineHeightHeading1: 1.2105263157894737;
+@lineHeightHeading2: 1.2666666666666666;
+@lineHeightHeading3: 1.3333333333333333;
+@lineHeightHeading4: 1.4;
+@lineHeightHeading5: 1.5;
+@sizeXXL: 48;
+@sizeXL: 32;
+@sizeLG: 24;
+@sizeMD: 20;
+@sizeMS: 16;
+@size: 16;
+@sizeSM: 12;
+@sizeXS: 8;
+@sizeXXS: 4;
+@controlHeightSM: 24;
+@controlHeightXS: 16;
+@controlHeightLG: 40;
+@motionDurationFast: 0.1s;
+@motionDurationMid: 0.2s;
+@motionDurationSlow: 0.3s;
+@lineWidthBold: 2;
+@borderRadiusXS: 2;
+@borderRadiusSM: 4;
+@borderRadiusLG: 8;
+@borderRadiusOuter: 4;
+@colorIcon: #8592AD;
+@boxShadowSecondary: 
+      0 6px 16px 0 rgba(0, 0, 0, 0.08),
+      0 3px 6px -4px rgba(0, 0, 0, 0.12),
+      0 9px 28px 8px rgba(0, 0, 0, 0.05)
+    ;
+@boxShadow: 
+      0 6px 16px 0 rgba(0, 0, 0, 0.08),
+      0 3px 6px -4px rgba(0, 0, 0, 0.12),
+      0 9px 28px 8px rgba(0, 0, 0, 0.05)
+    ;
+@colorLink: #006AFF;
+@colorLinkHover: #5189FB;
+@colorLinkActive: #004CE6;
+@colorFillContent: #F5F8FE;
+@colorFillContentHover: #F5F8FE;
+@colorFillAlter: #F8FAFE;
+@colorBgContainerDisabled: #F5F8FE;
+@colorBorderBg: #ffffff;
+@colorSplit: rgba(13, 63, 155, 0.12);
+@colorTextPlaceholder: #CDD5E4;
+@colorTextDisabled: #CDD5E4;
+@colorTextHeading: #132039;
+@colorTextLabel: #364563;
+@colorTextDescription: #8592AD;
+@colorTextLightSolid: #fff;
+@colorHighlight: #ff4b4b;
+@colorBgTextHover: #F5F8FE;
+@colorBgTextActive: #F5F8FE;
+@colorIconHover: #132039;
+@colorErrorOutline: rgba(255, 5, 5, 0.08);
+@colorWarningOutline: rgba(255, 164, 19, 0.11);
+@fontSizeIcon: 12;
+@lineWidthFocus: 4;
+@controlOutlineWidth: 2;
+@controlInteractiveSize: 16;
+@controlItemBgHover: #F5F8FE;
+@controlItemBgActive: #EAF1FF;
+@controlItemBgActiveHover: #EAF1FF;
+@controlItemBgActiveDisabled: #F5F8FE;
+@controlTmpOutline: #F8FAFE;
+@controlOutline: rgba(22, 99, 255, 0.09);
+@fontWeightStrong: 600;
+@opacityLoading: 0.65;
+@linkDecoration: none;
+@linkHoverDecoration: none;
+@linkFocusDecoration: none;
+@controlPaddingHorizontal: 12;
+@controlPaddingHorizontalSM: 8;
+@paddingXXS: 4;
+@paddingXS: 8;
+@paddingSM: 12;
+@padding: 16;
+@paddingMD: 20;
+@paddingLG: 24;
+@paddingXL: 32;
+@paddingContentHorizontalLG: 24;
+@paddingContentVerticalLG: 16;
+@paddingContentHorizontal: 16;
+@paddingContentVertical: 12;
+@paddingContentHorizontalSM: 16;
+@paddingContentVerticalSM: 8;
+@marginXXS: 4;
+@marginXS: 8;
+@marginSM: 12;
+@margin: 16;
+@marginMD: 20;
+@marginLG: 24;
+@marginXL: 32;
+@marginXXL: 48;
+@boxShadowTertiary: 
+      0 1px 2px 0 rgba(0, 0, 0, 0.03),
+      0 1px 6px -1px rgba(0, 0, 0, 0.02),
+      0 2px 4px 0 rgba(0, 0, 0, 0.02)
+    ;
+@screenXS: 480;
+@screenXSMin: 480;
+@screenXSMax: 575;
+@screenSM: 576;
+@screenSMMin: 576;
+@screenSMMax: 767;
+@screenMD: 768;
+@screenMDMin: 768;
+@screenMDMax: 991;
+@screenLG: 992;
+@screenLGMin: 992;
+@screenLGMax: 1199;
+@screenXL: 1200;
+@screenXLMin: 1200;
+@screenXLMax: 1599;
+@screenXXL: 1600;
+@screenXXLMin: 1600;
+@boxShadowPopoverArrow: 2px 2px 5px rgba(0, 0, 0, 0.05);
+@boxShadowCard: 
+      0 1px 2px -2px rgba(0, 0, 0, 0.16),
+      0 3px 6px 0 rgba(0, 0, 0, 0.12),
+      0 5px 12px 4px rgba(0, 0, 0, 0.09)
+    ;
+@boxShadowDrawerRight: 
+      -6px 0 16px 0 rgba(0, 0, 0, 0.08),
+      -3px 0 6px -4px rgba(0, 0, 0, 0.12),
+      -9px 0 28px 8px rgba(0, 0, 0, 0.05)
+    ;
+@boxShadowDrawerLeft: 
+      6px 0 16px 0 rgba(0, 0, 0, 0.08),
+      3px 0 6px -4px rgba(0, 0, 0, 0.12),
+      9px 0 28px 8px rgba(0, 0, 0, 0.05)
+    ;
+@boxShadowDrawerUp: 
+      0 6px 16px 0 rgba(0, 0, 0, 0.08),
+      0 3px 6px -4px rgba(0, 0, 0, 0.12),
+      0 9px 28px 8px rgba(0, 0, 0, 0.05)
+    ;
+@boxShadowDrawerDown: 
+      0 -6px 16px 0 rgba(0, 0, 0, 0.08),
+      0 -3px 6px -4px rgba(0, 0, 0, 0.12),
+      0 -9px 28px 8px rgba(0, 0, 0, 0.05)
+    ;
+@boxShadowTabsOverflowLeft: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);
+@boxShadowTabsOverflowRight: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);
+@boxShadowTabsOverflowTop: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);
+@boxShadowTabsOverflowBottom: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);

package/lib/variable.less

@@ -0,0 +1,54 @@
+@import './theme/index.less';
+
+// 限制最大宽度，避免页面被无限拉伸
+// 暂时去除最大宽度限制
+@maxWidth: 8192px;
+@prefixCls: ant;
+@iconPrefixCls: anticon;
+
+// 边框渐变
+.border-gradient
+  (
+    // 背景色，默认为透明色
+    @background-color: transparent,
+    // 边框色
+    @border-color,
+    // 边框宽度
+    @border-width: 1px, 
+    // 边框样式
+    @border-style: solid,
+    // 边框圆角
+    @border-radius: 0px
+  ) {
+  background-image: @background-color, @border-color;
+  background-clip: padding-box, border-box;
+  background-origin: padding-box, border-box;
+  border: @border-width @border-style transparent;
+  border-radius: @border-radius;
+  transition: border-width 0.3s;
+}
+
+@keyframes activeGradientAnimation {
+  0% {
+    background-repeat: no-repeat;
+    background-size: 0% 100%;
+  }
+  100% {
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+  }
+}
+
+@keyframes selectedGradientAnimation {
+  0% {
+    background-repeat: no-repeat;
+    background-size: 0% 100%;
+    // 选中态有圆角渐变动画
+    border-radius: 0;
+  }
+  100% {
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    border-radius: 8px;
+  }
+}

package/package.json

@@ -0,0 +1,109 @@
+{
+  "name": "@oceanbase/design",
+  "version": "0.1.0",
+  "description": "The Design System for OceanBase",
+  "keywords": [
+    "OceanBase",
+    "database",
+    "design",
+    "ui",
+    "react",
+    "component"
+  ],
+  "homepage": "https://github.com/oceanbase/design",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:oceanbase/design.git"
+  },
+  "main": "lib/index.js",
+  "unpkg": "dist/design.min.js",
+  "module": "es/index.js",
+  "typings": "es/index.d.ts",
+  "files": [
+    "es",
+    "lib",
+    "dist",
+    "package.json",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "father build",
+    "build:watch": "father build --watch",
+    "ci": "npm run build",
+    "deploy": "npm run docs:build && npm run docs:deploy",
+    "dev": "npx babel --presets @babel/preset-env ./src/theme/index.ts --out-file ./src/.umi/plugin-theme-less/theme.js && UMI_ENV=theme dumi dev",
+    "docs:build": "dumi build",
+    "docs:deploy": "gh-pages -d docs-dist",
+    "prepublishOnly": "npm run build",
+    "prettier": "prettier --write \"**/*.{js,jsx,tsx,ts,less,md,json}\"",
+    "publish": "npm publish --access public",
+    "start": "npm run dev",
+    "test": "umi-test",
+    "test:coverage": "umi-test --coverage",
+    "test:watch": "umi-test --watch"
+  },
+  "lint-staged": {
+    "*.{js,jsx,less,md,json}": [
+      "prettier --write"
+    ],
+    "*.ts?(x)": [
+      "prettier --parser=typescript --write"
+    ]
+  },
+  "dependencies": {
+    "@ant-design/cssinjs": "^1.9.1",
+    "@ant-design/icons": "^4.2.1",
+    "@ant-design/pro-components": "^2.4.12",
+    "@oceanbase/util": "^0.1.0",
+    "ahooks": "^2.0.1",
+    "classnames": "^2.2.6",
+    "dayjs": "^1.11.6",
+    "diff": "^5.1.0",
+    "highlight.js": "^11.7.0",
+    "highlightjs-solidity": "^2.0.6",
+    "hoist-non-react-statics": "^3.3.2",
+    "lodash": "^4.17.15",
+    "lottie-web": "^5.9.6",
+    "moment": "^2.29.1",
+    "path-to-regexp": "^6.1.0",
+    "randexp": "^0.5.3",
+    "react-copy-to-clipboard": "^5.0.4",
+    "react-json-view": "^1.21.3",
+    "react-router-dom": "^5.2.0",
+    "react-split-pane": "^0.1.91",
+    "react-sticky-mouse-tooltip": "^0.0.1",
+    "screenfull": "^5.0.0"
+  },
+  "devDependencies": {
+    "@antv/g6": "3.4.10",
+    "@babel/cli": "^7.21.0",
+    "@babel/preset-env": "^7.21.4",
+    "@testing-library/jest-dom": "^5.15.1",
+    "@testing-library/react": "^13.0.0",
+    "@types/jest": "^27.0.3",
+    "@umijs/fabric": "^2.14.1",
+    "@umijs/test": "^3.0.5",
+    "antd": "^5.0.0",
+    "antd-token-previewer": "^1.1.0-22",
+    "dumi": "^1.1.0",
+    "father": "^4.0.0-rc.2",
+    "gh-pages": "^3.0.0",
+    "lint-staged": "^10.0.7",
+    "mockdate": "^3.0.2",
+    "prettier": "^2.2.1",
+    "react": "^16.9.0",
+    "react-color": "^2.19.3",
+    "react-dom": "^16.9.0",
+    "react-fast-marquee": "^1.5.2",
+    "yorkie": "^2.0.0"
+  },
+  "peerDependencies": {
+    "@antv/g6": "3.4.10",
+    "antd": "^5.0.0",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0"
+  },
+  "gitHooks": {
+    "pre-commit": "lint-staged"
+  }
+}