@rainbow-oh/yee-c 0.5.0 → 0.5.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rainbow-oh/yee-c",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "description": "yee basic components",
   "keywords": [
     "react",

package/src/Descriptions/descriptions.tsx

@@ -224,7 +224,10 @@ const Descriptions = React.forwardRef<HTMLDivElement, DescriptionsProps>(
     return (
       <div {...rest} className={cls} style={style} ref={ref}>
         {renderHeader()}
-        <table className={`${prefixCls}-table`}>
+        <table
+          className={clsx(`${prefixCls}-table`, classNames?.table)}
+          style={styles?.table}
+        >
           <tbody>{renderRows()}</tbody>
         </table>
       </div>

package/src/Descriptions/interface.ts

@@ -1,7 +1,13 @@
 import type React from 'react';
 import type { DataAttributeProps } from '../utils/types';
 
-export type SemanticDOM = 'header' | 'title' | 'extra' | 'label' | 'content';
+export type SemanticDOM =
+  | 'header'
+  | 'title'
+  | 'extra'
+  | 'label'
+  | 'content'
+  | 'table';
 
 export interface DescriptionsItem {
   key?: React.Key;

package/src/Select/demo/size.tsx

@@ -16,6 +16,7 @@ export default () => {
         value={value}
         onChange={(val) => setValue(val as string)}
         options={options}
+        size="small"
         style={{ width: 200 }}
         placeholder="Small Size"
       />
@@ -32,6 +33,7 @@ export default () => {
         value={value}
         onChange={(val) => setValue(val as string)}
         options={options}
+        size="large"
         style={{ width: 200 }}
         placeholder="Large Size"
       />

package/src/Select/interface.ts

@@ -1,3 +1,4 @@
+import type { SelectorProps } from '../Selector';
 import type { DataAttributeProps } from '../utils/types';
 
 export type Option = {
@@ -23,7 +24,8 @@ export type Option = {
   [prop: string]: any;
 };
 
-export interface SelectProps extends DataAttributeProps {
+export interface SelectProps
+  extends DataAttributeProps, Pick<SelectorProps, 'size'> {
   /**
    * Custom class name prefix
    * */

package/src/Selector/style/index.less

@@ -45,6 +45,14 @@
       padding-right: 16px;
     }
 
+    &@{pls}-small {
+      height: var(--yee-selector-small-height);
+    }
+
+    &@{pls}-large {
+      height: var(--yee-selector-large-height);
+    }
+
     &:focus-within,
     &:focus {
       @{pls}-input-wrapper {

package/src/style/size.css

@@ -482,6 +482,10 @@
   --yee-selector-arrow-right: 8px;
   --yee-selector-clear-right: 8px;
   --yee-selector-clear-padding: 1px;
+  --yee-selector-small-padding: 0 6px;
+  --yee-selector-small-height: 24px;
+  --yee-selector-large-padding: 4px 12px;
+  --yee-selector-large-height: 40px;
   --yee-tags-height: 32px;
   --yee-tags-input-font-size: 14px;
   --yee-tags-input-line-height: 22px;

package/src/version.ts

@@ -4,7 +4,7 @@ declare global {
   }
 }
 
-export const version = "0.5.0";
+export const version = "0.5.1";
 
 if (typeof window !== 'undefined') {
   window.__yee_c_version__ = version;