@para-ui/core 3.0.28 → 3.0.30

package/Styles/scrollbar.scss

@@ -1,223 +1,223 @@
-// 滚动条整体宽度
-::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
-  background-color: $B8; // 背景色
-}
-
-// 滚动条滑槽样式
-::-webkit-scrollbar-track {
-  border-radius: 6px;
-}
-
-// 滚动条样式
-::-webkit-scrollbar-thumb {
-  background: $D3;
-  border-radius: 6px;
-}
-
-// 边角
-::-webkit-scrollbar-corner {
-  background: $Z9;
-}
-
-// 鼠标移入上去
-::-webkit-scrollbar-thumb:hover {
-  background: $B6;
-}
-
-// 鼠标点击
-::-webkit-scrollbar-thumb:active {
-  background: $B6;
-}
-
-// 浏览器失焦的样式
-::-webkit-scrollbar-thumb:window-inactive {
-  background-color: $D3;
-}
-
-.#{$prefixCls}-scrollbar-small {
-  & *, & {
-    // 滚动条整体宽度
-    &::-webkit-scrollbar {
-      width: 4px;
-      height: 4px;
-    }
-
-    // 滚动条滑槽样式
-    &::-webkit-scrollbar-track {
-      border-radius: 4px;
-    }
-
-    // 滚动条样式
-    &::-webkit-scrollbar-thumb {
-      border-radius: 4px;
-    }
-  }
-}
-
-.#{$prefixCls}-scrollbar-small-deep {
-  & *, & {
-    // 滚动条整体宽度
-    ::-webkit-scrollbar {
-      width: 4px;
-      height: 4px;
-      background-color: $B7; // 背景色
-    }
-
-    // 滚动条滑槽样式
-    ::-webkit-scrollbar-track {
-      border-radius: 4px;
-    }
-
-    // 滚动条样式
-    ::-webkit-scrollbar-thumb {
-      border-radius: 4px;
-      background: $B9;
-    }
-
-    // 边角
-    ::-webkit-scrollbar-corner {
-      background: $Z10;
-    }
-
-    // 鼠标移入上去
-    ::-webkit-scrollbar-thumb:hover {
-      background: $B6;
-    }
-
-    // 鼠标点击
-    ::-webkit-scrollbar-thumb:active {
-      background: $B6;
-    }
-
-    // 浏览器失焦的样式
-    ::-webkit-scrollbar-thumb:window-inactive {
-      background-color: $B9;
-    }
-  }
-}
-
-.#{$prefixCls}-scrollbar-medium {
-  & *, & {
-    // 滚动条整体宽度
-    &::-webkit-scrollbar {
-      width: 6px;
-      height: 6px;
-    }
-
-    // 滚动条滑槽样式
-    &::-webkit-scrollbar-track {
-      border-radius: 6px;
-    }
-
-    // 滚动条样式
-    &::-webkit-scrollbar-thumb {
-      border-radius: 6px;
-    }
-  }
-}
-
-.#{$prefixCls}-scrollbar-medium-deep {
-  & *, & {
-    // 滚动条整体宽度
-    ::-webkit-scrollbar {
-      width: 6px;
-      height: 6px;
-      background-color: $B7; // 背景色
-    }
-
-    // 滚动条滑槽样式
-    ::-webkit-scrollbar-track {
-      border-radius: 6px;
-    }
-
-    // 滚动条样式
-    ::-webkit-scrollbar-thumb {
-      border-radius: 6px;
-      background: $B9;
-    }
-
-    // 边角
-    ::-webkit-scrollbar-corner {
-      background: $Z10;
-    }
-
-    // 鼠标移入上去
-    ::-webkit-scrollbar-thumb:hover {
-      background: $B6;
-    }
-
-    // 鼠标点击
-    ::-webkit-scrollbar-thumb:active {
-      background: $B6;
-    }
-
-    // 浏览器失焦的样式
-    ::-webkit-scrollbar-thumb:window-inactive {
-      background-color: $B9;
-    }
-  }
-}
-
-.#{$prefixCls}-scrollbar-large {
-  & *, & {
-    // 滚动条整体宽度
-    &::-webkit-scrollbar {
-      width: 8px;
-      height: 8px;
-    }
-
-    // 滚动条滑槽样式
-    &::-webkit-scrollbar-track {
-      border-radius: 8px;
-    }
-
-    // 滚动条样式
-    &::-webkit-scrollbar-thumb {
-      border-radius: 8px;
-    }
-  }
-}
-
-.#{$prefixCls}-scrollbar-large-deep {
-  & *, & {
-    // 滚动条整体宽度
-    ::-webkit-scrollbar {
-      width: 8px;
-      height: 8px;
-      background-color: $B7; // 背景色
-    }
-
-    // 滚动条滑槽样式
-    ::-webkit-scrollbar-track {
-      border-radius: 8px;
-    }
-
-    // 滚动条样式
-    ::-webkit-scrollbar-thumb {
-      border-radius: 8px;
-      background: $B9;
-    }
-
-    // 边角
-    ::-webkit-scrollbar-corner {
-      background: $Z10;
-    }
-
-    // 鼠标移入上去
-    ::-webkit-scrollbar-thumb:hover {
-      background: $B6;
-    }
-
-    // 鼠标点击
-    ::-webkit-scrollbar-thumb:active {
-      background: $B6;
-    }
-
-    // 浏览器失焦的样式
-    ::-webkit-scrollbar-thumb:window-inactive {
-      background-color: $B9;
-    }
-  }
-}
+// 滚动条整体宽度
+::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+  background-color: $B8; // 背景色
+}
+
+// 滚动条滑槽样式
+::-webkit-scrollbar-track {
+  border-radius: 6px;
+}
+
+// 滚动条样式
+::-webkit-scrollbar-thumb {
+  background: $D3;
+  border-radius: 6px;
+}
+
+// 边角
+::-webkit-scrollbar-corner {
+  background: $Z9;
+}
+
+// 鼠标移入上去
+::-webkit-scrollbar-thumb:hover {
+  background: $B6;
+}
+
+// 鼠标点击
+::-webkit-scrollbar-thumb:active {
+  background: $B6;
+}
+
+// 浏览器失焦的样式
+::-webkit-scrollbar-thumb:window-inactive {
+  background-color: $D3;
+}
+
+.#{$prefixCls}-scrollbar-small {
+  & *, & {
+    // 滚动条整体宽度
+    &::-webkit-scrollbar {
+      width: 4px;
+      height: 4px;
+    }
+
+    // 滚动条滑槽样式
+    &::-webkit-scrollbar-track {
+      border-radius: 4px;
+    }
+
+    // 滚动条样式
+    &::-webkit-scrollbar-thumb {
+      border-radius: 4px;
+    }
+  }
+}
+
+.#{$prefixCls}-scrollbar-small-deep {
+  & *, & {
+    // 滚动条整体宽度
+    ::-webkit-scrollbar {
+      width: 4px;
+      height: 4px;
+      background-color: $B7; // 背景色
+    }
+
+    // 滚动条滑槽样式
+    ::-webkit-scrollbar-track {
+      border-radius: 4px;
+    }
+
+    // 滚动条样式
+    ::-webkit-scrollbar-thumb {
+      border-radius: 4px;
+      background: $B9;
+    }
+
+    // 边角
+    ::-webkit-scrollbar-corner {
+      background: $Z10;
+    }
+
+    // 鼠标移入上去
+    ::-webkit-scrollbar-thumb:hover {
+      background: $B6;
+    }
+
+    // 鼠标点击
+    ::-webkit-scrollbar-thumb:active {
+      background: $B6;
+    }
+
+    // 浏览器失焦的样式
+    ::-webkit-scrollbar-thumb:window-inactive {
+      background-color: $B9;
+    }
+  }
+}
+
+.#{$prefixCls}-scrollbar-medium {
+  & *, & {
+    // 滚动条整体宽度
+    &::-webkit-scrollbar {
+      width: 6px;
+      height: 6px;
+    }
+
+    // 滚动条滑槽样式
+    &::-webkit-scrollbar-track {
+      border-radius: 6px;
+    }
+
+    // 滚动条样式
+    &::-webkit-scrollbar-thumb {
+      border-radius: 6px;
+    }
+  }
+}
+
+.#{$prefixCls}-scrollbar-medium-deep {
+  & *, & {
+    // 滚动条整体宽度
+    ::-webkit-scrollbar {
+      width: 6px;
+      height: 6px;
+      background-color: $B7; // 背景色
+    }
+
+    // 滚动条滑槽样式
+    ::-webkit-scrollbar-track {
+      border-radius: 6px;
+    }
+
+    // 滚动条样式
+    ::-webkit-scrollbar-thumb {
+      border-radius: 6px;
+      background: $B9;
+    }
+
+    // 边角
+    ::-webkit-scrollbar-corner {
+      background: $Z10;
+    }
+
+    // 鼠标移入上去
+    ::-webkit-scrollbar-thumb:hover {
+      background: $B6;
+    }
+
+    // 鼠标点击
+    ::-webkit-scrollbar-thumb:active {
+      background: $B6;
+    }
+
+    // 浏览器失焦的样式
+    ::-webkit-scrollbar-thumb:window-inactive {
+      background-color: $B9;
+    }
+  }
+}
+
+.#{$prefixCls}-scrollbar-large {
+  & *, & {
+    // 滚动条整体宽度
+    &::-webkit-scrollbar {
+      width: 8px;
+      height: 8px;
+    }
+
+    // 滚动条滑槽样式
+    &::-webkit-scrollbar-track {
+      border-radius: 8px;
+    }
+
+    // 滚动条样式
+    &::-webkit-scrollbar-thumb {
+      border-radius: 8px;
+    }
+  }
+}
+
+.#{$prefixCls}-scrollbar-large-deep {
+  & *, & {
+    // 滚动条整体宽度
+    ::-webkit-scrollbar {
+      width: 8px;
+      height: 8px;
+      background-color: $B7; // 背景色
+    }
+
+    // 滚动条滑槽样式
+    ::-webkit-scrollbar-track {
+      border-radius: 8px;
+    }
+
+    // 滚动条样式
+    ::-webkit-scrollbar-thumb {
+      border-radius: 8px;
+      background: $B9;
+    }
+
+    // 边角
+    ::-webkit-scrollbar-corner {
+      background: $Z10;
+    }
+
+    // 鼠标移入上去
+    ::-webkit-scrollbar-thumb:hover {
+      background: $B6;
+    }
+
+    // 鼠标点击
+    ::-webkit-scrollbar-thumb:active {
+      background: $B6;
+    }
+
+    // 浏览器失焦的样式
+    ::-webkit-scrollbar-thumb:window-inactive {
+      background-color: $B9;
+    }
+  }
+}

package/Styles/theme.scss

@@ -1,74 +1,74 @@
-/**
-* @author Hanz
-* @date 2021/10/20 下午2:08
-* @description color
-*/
-// 组件库前缀
-$prefixCls: 'paraui-v3';
-// rc组件前缀
-$rcPrefixCls: 'component';
-
-//导航&主题色
-$A1: rgba(28, 41, 60, 1);
-$A2: rgba(34, 62, 103, 1);
-$A3: linear-gradient(180deg, rgba(241, 241, 244, 1), rgba(243, 243, 243, 1));
-$A4: rgba(255, 255, 255, 0.6);
-$A5: rgba(54, 102, 214, 1);
-//辅助色
-$B1: linear-gradient(90deg, rgba(61, 102, 248, 1), rgba(119, 147, 249, 1) 74%, rgba(216, 223, 250, 1));
-$B2: rgba(54, 102, 214, 0.8);
-$B3: rgba(54, 102, 214, 0.4);
-$B4: rgba(54, 102, 214, 0.2);
-$B5: rgba(54, 102, 214, 0.05);
-$B6: rgba(171, 176, 185, 0.4);
-$B7: rgba(171, 176, 185, 0.2);
-$B8: rgba(171, 176, 185, 0.12);
-$B9: rgba(248, 249, 251, 0.8);
-$B10: rgba(255, 255, 255, 1);
-$B11: rgba(243, 246, 252, 1);
-$B12: rgba(254, 249, 245, 1);
-$B13: rgba(253, 246, 245, 1);
-$B14: rgba(245, 251, 242, 1);
-//状态色
-$C1: rgba(235, 96, 84, 1);
-$C2: rgba(235, 96, 84, 0.05);
-$C3: rgba(83, 195, 27, 1);
-$C4: rgba(83, 195, 27, 0.05);
-$C5: rgba(255, 161, 80, 1);
-$C6: rgba(255, 161, 80, 0.05);
-$C7: rgba(235, 96, 84, 0.8);
-//文字色
-$D1: rgba(46, 55, 67, 1);
-$D2: rgba(46, 55, 67, 0.7);
-$D3: rgba(46, 55, 67, 0.4);
-//字体
-$font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
-$large: 18px;
-$medium: 16px;
-$small: 14px;
-$smallest: 12px;
-$normal: 400;
-$bold: 700;
-$light: 300;
-// 实色
-$Z1: rgba(248, 249, 251, 1);
-$Z2: rgba(237, 241, 249, 1);
-$Z3: rgba(227, 234, 247, 1);
-$Z4: rgba(245, 246, 247, 1);
-$Z5: rgba(243, 246, 252, 1);
-$Z6: rgba(253, 246, 245, 1);
-$Z7: rgba(245, 251, 242, 1);
-$Z8: rgba(254, 249, 245, 1);
-$Z9: rgba(236, 238, 240, 1);
-$Z10: rgba(79, 89, 105, 1);
-$Z11: rgba(249, 250, 251, 1);
-
-//阴影
-$boxShadow: 0px 2px 8px 0px rgba(171, 176, 185, 0.40);
-$boxShadowLeft: inset -10px 0 10px -8px rgba(0, 0, 0, 0.1); // 表格固定列
-$boxShadowRight: inset 10px 0 10px -8px rgba(0, 0, 0, 0.1); // 表格固定列
-$radius: 4px;
-
-//全局弹窗index,往body里面插入的,比如toolTip,popover这类
-$ZIndexBody: 1500;
-
+/**
+* @author Hanz
+* @date 2021/10/20 下午2:08
+* @description color
+*/
+// 组件库前缀
+$prefixCls: 'paraui-v3';
+// rc组件前缀
+$rcPrefixCls: 'component';
+
+//导航&主题色
+$A1: rgba(28, 41, 60, 1);
+$A2: rgba(34, 62, 103, 1);
+$A3: linear-gradient(180deg, rgba(241, 241, 244, 1), rgba(243, 243, 243, 1));
+$A4: rgba(255, 255, 255, 0.6);
+$A5: rgba(54, 102, 214, 1);
+//辅助色
+$B1: linear-gradient(90deg, rgba(61, 102, 248, 1), rgba(119, 147, 249, 1) 74%, rgba(216, 223, 250, 1));
+$B2: rgba(54, 102, 214, 0.8);
+$B3: rgba(54, 102, 214, 0.4);
+$B4: rgba(54, 102, 214, 0.2);
+$B5: rgba(54, 102, 214, 0.05);
+$B6: rgba(171, 176, 185, 0.4);
+$B7: rgba(171, 176, 185, 0.2);
+$B8: rgba(171, 176, 185, 0.12);
+$B9: rgba(248, 249, 251, 0.8);
+$B10: rgba(255, 255, 255, 1);
+$B11: rgba(243, 246, 252, 1);
+$B12: rgba(254, 249, 245, 1);
+$B13: rgba(253, 246, 245, 1);
+$B14: rgba(245, 251, 242, 1);
+//状态色
+$C1: rgba(235, 96, 84, 1);
+$C2: rgba(235, 96, 84, 0.05);
+$C3: rgba(83, 195, 27, 1);
+$C4: rgba(83, 195, 27, 0.05);
+$C5: rgba(255, 161, 80, 1);
+$C6: rgba(255, 161, 80, 0.05);
+$C7: rgba(235, 96, 84, 0.8);
+//文字色
+$D1: rgba(46, 55, 67, 1);
+$D2: rgba(46, 55, 67, 0.7);
+$D3: rgba(46, 55, 67, 0.4);
+//字体
+$font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
+$large: 18px;
+$medium: 16px;
+$small: 14px;
+$smallest: 12px;
+$normal: 400;
+$bold: 700;
+$light: 300;
+// 实色
+$Z1: rgba(248, 249, 251, 1);
+$Z2: rgba(237, 241, 249, 1);
+$Z3: rgba(227, 234, 247, 1);
+$Z4: rgba(245, 246, 247, 1);
+$Z5: rgba(243, 246, 252, 1);
+$Z6: rgba(253, 246, 245, 1);
+$Z7: rgba(245, 251, 242, 1);
+$Z8: rgba(254, 249, 245, 1);
+$Z9: rgba(236, 238, 240, 1);
+$Z10: rgba(79, 89, 105, 1);
+$Z11: rgba(249, 250, 251, 1);
+
+//阴影
+$boxShadow: 0px 2px 8px 0px rgba(171, 176, 185, 0.40);
+$boxShadowLeft: inset -10px 0 10px -8px rgba(0, 0, 0, 0.1); // 表格固定列
+$boxShadowRight: inset 10px 0 10px -8px rgba(0, 0, 0, 0.1); // 表格固定列
+$radius: 4px;
+
+//全局弹窗index,往body里面插入的,比如toolTip,popover这类
+$ZIndexBody: 1500;
+

package/Switch/index.d.ts

@@ -6,8 +6,8 @@
 import React, { FunctionComponent, ReactNode } from 'react';
 import { LabelTooltipProps } from '../Label';
 import "./index.scss";
-declare type SwitchChangeEventHandler = (checked: boolean, event: React.MouseEvent | React.KeyboardEvent) => void;
-declare type SwitchClickEventHandler = SwitchChangeEventHandler;
+type SwitchChangeEventHandler = (checked: boolean, event: React.MouseEvent | React.KeyboardEvent) => void;
+type SwitchClickEventHandler = SwitchChangeEventHandler;
 export interface SwitchProps {
     /**
      * 开关大小