@douyinfe/semi-ui 2.18.0-beta.0 → 2.18.1

package/checkbox/checkbox.tsx

@@ -2,7 +2,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import { checkboxClasses as css } from '@douyinfe/semi-foundation/checkbox/constants';
+import { checkboxClasses as css, strings } from '@douyinfe/semi-foundation/checkbox/constants';
 import CheckboxFoundation, { CheckboxAdapter, BasicCheckboxEvent, BasicTargetObject, BaseCheckboxProps } from '@douyinfe/semi-foundation/checkbox/checkboxFoundation';
 import CheckboxInner from './checkboxInner';
 import BaseComponent from '../_base/baseComponent';
@@ -10,6 +10,7 @@ import '@douyinfe/semi-foundation/checkbox/checkbox.scss';
 import { Context, CheckboxContextType } from './context';
 import { isUndefined, isBoolean, noop } from 'lodash';
 import { getUuidShort } from '@douyinfe/semi-foundation/utils/uuid';
+import { CheckboxType } from './checkboxGroup';
 export type CheckboxEvent = BasicCheckboxEvent;
 export type TargetObject = BasicTargetObject;
 
@@ -31,6 +32,7 @@ export interface CheckboxProps extends BaseCheckboxProps {
     tabIndex?: number; // a11y: wrapper tabIndex
     addonId?: string;
     extraId?: string;
+    type?: CheckboxType;
 }
 interface CheckboxState {
     checked: boolean;
@@ -68,6 +70,7 @@ class Checkbox extends BaseComponent<CheckboxProps, CheckboxState> {
         'aria-label': PropTypes.string,
         tabIndex: PropTypes.number,
         preventScroll: PropTypes.bool,
+        type: PropTypes.string,
     };
 
     static defaultProps = {
@@ -76,6 +79,7 @@ class Checkbox extends BaseComponent<CheckboxProps, CheckboxState> {
         onChange: noop,
         onMouseEnter: noop,
         onMouseLeave: noop,
+        type: 'default',
     };
     checkboxEntity: CheckboxInner;
     context: CheckboxContextType;
@@ -179,7 +183,8 @@ class Checkbox extends BaseComponent<CheckboxProps, CheckboxState> {
             value,
             role,
             tabIndex,
-            id
+            id,
+            type,
         } = this.props;
         const { checked, addonId, extraId, focusVisible } = this.state;
         const props: Record<string, any> = {
@@ -200,6 +205,9 @@ class Checkbox extends BaseComponent<CheckboxProps, CheckboxState> {
             props.isCardType = isCardType;
             props.isPureCardType = isPureCardType;
             props['name'] = this.context.checkboxGroup.name;
+        } else {
+            props.isPureCardType = type === strings.TYPE_PURECARD;
+            props.isCardType = type === strings.TYPE_CARD || props.isPureCardType;
         }
 
         const prefix = prefixCls || css.PREFIX;

package/dist/css/semi.css

@@ -15309,7 +15309,6 @@ body {
 .semi-select-option-icon {
   width: 12px;
   color: transparent;
-  visibility: hidden;
   margin-right: 8px;
   display: flex;
   justify-content: center;
@@ -15350,7 +15349,6 @@ body {
   font-weight: 600;
 }
 .semi-select-option-selected .semi-select-option-icon {
-  visibility: visible;
   color: var(--semi-color-text-2);
 }
 .semi-select-option-focused {
@@ -17395,10 +17393,14 @@ body {
   display: inline-block;
   width: 16px;
   height: 16px;
-  cursor: pointer;
   vertical-align: middle;
   text-align: center;
 }
+.semi-table .semi-table-column-sorter-wrapper {
+  display: inline-flex;
+  align-items: center;
+  cursor: pointer;
+}
 .semi-table .semi-table-column-sorter-up, .semi-table .semi-table-column-sorter-down {
   height: 0;
   display: block;
@@ -17421,11 +17423,11 @@ body {
   display: inline-flex;
   cursor: pointer;
   color: var(--semi-color-text-2);
-  vertical-align: middle;
+  align-items: center;
 }
 .semi-table .semi-table-column-filter svg {
-  width: 12px;
-  height: 12px;
+  width: 16px;
+  height: 16px;
 }
 .semi-table .semi-table-column-filter.on {
   color: var(--semi-color-primary);