@douyinfe/semi-ui 2.9.0-beta.0 → 2.9.1

package/descriptions/index.tsx

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import { strings, cssClasses } from '@douyinfe/semi-foundation/descriptions/constants';
 import '@douyinfe/semi-foundation/descriptions/descriptions.scss';
 import { isPlainObject } from 'lodash';
-import DescriptionsContext, { DescriptionsAlign } from './descriptions-context';
+import DescriptionsContext, { DescriptionsAlign, DescriptionsContextValue } from './descriptions-context';
 import Item from './item';
 
 export { DescriptionsItemProps } from './item';
@@ -20,6 +20,7 @@ export interface DescriptionsProps {
     size?: DescriptionsSize;
     style?: React.CSSProperties;
     className?: string;
+    children?: React.ReactNode | undefined;
     data?: Data[];
 }
 

package/descriptions/item.tsx

@@ -2,11 +2,12 @@ import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import { cssClasses } from '@douyinfe/semi-foundation/descriptions/constants';
 import '@douyinfe/semi-foundation/descriptions/descriptions.scss';
-import DescriptionsContext from './descriptions-context';
+import DescriptionsContext, { DescriptionsContextValue } from './descriptions-context';
 
 export interface DescriptionsItemProps {
     hidden?: boolean;
     className?: string;
+    children?: React.ReactNode | undefined | (() => React.ReactNode);
     style?: React.CSSProperties;
     itemKey?: React.ReactNode;
 }
@@ -25,6 +26,8 @@ export default class Item extends PureComponent<DescriptionsItemProps> {
 
     static contextType = DescriptionsContext;
 
+    context: DescriptionsContextValue;
+
     render() {
         const { itemKey, hidden, className, style, children } = this.props;
         const { align } = this.context;

package/dist/css/semi.css

@@ -4834,7 +4834,6 @@ body[theme-mode=dark], body .semi-always-dark {
   line-height: 20px;
   font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
   flex-shrink: 0;
-  user-select: none;
 }
 .semi-form-field-label-disabled {
   color: var(--semi-color-disabled-text);
@@ -14623,6 +14622,7 @@ body[theme-mode=dark], body .semi-always-dark {
 }
 .semi-select-open:hover, .semi-select-focus:hover {
   background-color: var(--semi-color-fill-0);
+  border: 1px solid var(--semi-color-focus-border);
 }
 .semi-select-warning {
   background-color: var(--semi-color-warning-light-default);
@@ -18462,7 +18462,7 @@ body[theme-mode=dark], body .semi-always-dark {
 .semi-transfer-left-empty {
   height: 36px;
 }
-.semi-transfer-left .semi-spin {
+.semi-transfer-left > .semi-spin {
   width: 100%;
   flex-grow: 1;
 }