@rainbow-oh/yee-c 0.5.0 → 0.5.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -249,7 +249,14 @@ var Descriptions = import_react.default.forwardRef(
249
249
  });
250
250
  return elements;
251
251
  };
252
- return /* @__PURE__ */ import_react.default.createElement("div", __spreadProps(__spreadValues({}, rest), { className: cls, style, ref }), renderHeader(), /* @__PURE__ */ import_react.default.createElement("table", { className: `${prefixCls}-table` }, /* @__PURE__ */ import_react.default.createElement("tbody", null, renderRows())));
252
+ return /* @__PURE__ */ import_react.default.createElement("div", __spreadProps(__spreadValues({}, rest), { className: cls, style, ref }), renderHeader(), /* @__PURE__ */ import_react.default.createElement(
253
+ "table",
254
+ {
255
+ className: (0, import_clsx.default)(`${prefixCls}-table`, classNames == null ? void 0 : classNames.table),
256
+ style: styles == null ? void 0 : styles.table
257
+ },
258
+ /* @__PURE__ */ import_react.default.createElement("tbody", null, renderRows())
259
+ ));
253
260
  }
254
261
  );
255
262
  Descriptions.displayName = "Descriptions";
@@ -1,6 +1,6 @@
1
1
  import type React from 'react';
2
2
  import type { DataAttributeProps } from '../utils/types';
3
- export type SemanticDOM = 'header' | 'title' | 'extra' | 'label' | 'content';
3
+ export type SemanticDOM = 'header' | 'title' | 'extra' | 'label' | 'content' | 'table';
4
4
  export interface DescriptionsItem {
5
5
  key?: React.Key;
6
6
  label?: React.ReactNode;
@@ -47,6 +47,7 @@ var size_default = () => {
47
47
  value,
48
48
  onChange: (val) => setValue(val),
49
49
  options,
50
+ size: "small",
50
51
  style: { width: 200 },
51
52
  placeholder: "Small Size"
52
53
  }
@@ -65,6 +66,7 @@ var size_default = () => {
65
66
  value,
66
67
  onChange: (val) => setValue(val),
67
68
  options,
69
+ size: "large",
68
70
  style: { width: 200 },
69
71
  placeholder: "Large Size"
70
72
  }
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ import type { SelectorProps } from '../Selector';
2
3
  import type { DataAttributeProps } from '../utils/types';
3
4
  export type Option = {
4
5
  /**
@@ -22,7 +23,7 @@ export type Option = {
22
23
  */
23
24
  [prop: string]: any;
24
25
  };
25
- export interface SelectProps extends DataAttributeProps {
26
+ export interface SelectProps extends DataAttributeProps, Pick<SelectorProps, 'size'> {
26
27
  /**
27
28
  * Custom class name prefix
28
29
  * */
@@ -45,6 +45,14 @@
45
45
  padding-right: 16px;
46
46
  }
47
47
 
48
+ &@{pls}-small {
49
+ height: var(--yee-selector-small-height);
50
+ }
51
+
52
+ &@{pls}-large {
53
+ height: var(--yee-selector-large-height);
54
+ }
55
+
48
56
  &:focus-within,
49
57
  &:focus {
50
58
  @{pls}-input-wrapper {
@@ -482,6 +482,10 @@
482
482
  --yee-selector-arrow-right: 8px;
483
483
  --yee-selector-clear-right: 8px;
484
484
  --yee-selector-clear-padding: 1px;
485
+ --yee-selector-small-padding: 0 6px;
486
+ --yee-selector-small-height: 24px;
487
+ --yee-selector-large-padding: 4px 12px;
488
+ --yee-selector-large-height: 40px;
485
489
  --yee-tags-height: 32px;
486
490
  --yee-tags-input-font-size: 14px;
487
491
  --yee-tags-input-line-height: 22px;
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * @rainbow-oh/yee-c CSS Variables
3
3
  * Auto-generated, do not edit manually
4
- * Generated on 2026-07-07T06:37:47.907Z
4
+ * Generated on 2026-07-08T03:16:37.096Z
5
5
  */
6
6
 
7
7
  /* ========== color.blue.css ========== */
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * @rainbow-oh/yee-c CSS Variables
3
3
  * Auto-generated, do not edit manually
4
- * Generated on 2026-07-07T06:37:47.907Z
4
+ * Generated on 2026-07-08T03:16:37.096Z
5
5
  */
6
6
 
7
7
  /* ========== color.css ========== */
@@ -1600,6 +1600,10 @@
1600
1600
  --yee-selector-arrow-right: 8px;
1601
1601
  --yee-selector-clear-right: 8px;
1602
1602
  --yee-selector-clear-padding: 1px;
1603
+ --yee-selector-small-padding: 0 6px;
1604
+ --yee-selector-small-height: 24px;
1605
+ --yee-selector-large-padding: 4px 12px;
1606
+ --yee-selector-large-height: 40px;
1603
1607
  --yee-tags-height: 32px;
1604
1608
  --yee-tags-input-font-size: 14px;
1605
1609
  --yee-tags-input-line-height: 22px;
@@ -3,4 +3,4 @@ declare global {
3
3
  __yee_c_version__: string;
4
4
  }
5
5
  }
6
- export declare const version = "0.5.0";
6
+ export declare const version = "0.5.1";
@@ -22,7 +22,7 @@ __export(version_exports, {
22
22
  version: () => version
23
23
  });
24
24
  module.exports = __toCommonJS(version_exports);
25
- var version = "0.5.0";
25
+ var version = "0.5.1";
26
26
  if (typeof window !== "undefined") {
27
27
  window.__yee_c_version__ = version;
28
28
  }
@@ -181,7 +181,8 @@ var Descriptions = /*#__PURE__*/React.forwardRef(function (baseprops, ref) {
181
181
  style: style,
182
182
  ref: ref
183
183
  }), renderHeader(), /*#__PURE__*/React.createElement("table", {
184
- className: "".concat(prefixCls, "-table")
184
+ className: clsx("".concat(prefixCls, "-table"), classNames === null || classNames === void 0 ? void 0 : classNames.table),
185
+ style: styles === null || styles === void 0 ? void 0 : styles.table
185
186
  }, /*#__PURE__*/React.createElement("tbody", null, renderRows())));
186
187
  });
187
188
  Descriptions.displayName = 'Descriptions';
@@ -1,6 +1,6 @@
1
1
  import type React from 'react';
2
2
  import type { DataAttributeProps } from '../utils/types';
3
- export type SemanticDOM = 'header' | 'title' | 'extra' | 'label' | 'content';
3
+ export type SemanticDOM = 'header' | 'title' | 'extra' | 'label' | 'content' | 'table';
4
4
  export interface DescriptionsItem {
5
5
  key?: React.Key;
6
6
  label?: React.ReactNode;
@@ -29,6 +29,7 @@ export default (function () {
29
29
  return setValue(val);
30
30
  },
31
31
  options: options,
32
+ size: "small",
32
33
  style: {
33
34
  width: 200
34
35
  },
@@ -49,6 +50,7 @@ export default (function () {
49
50
  return setValue(val);
50
51
  },
51
52
  options: options,
53
+ size: "large",
52
54
  style: {
53
55
  width: 200
54
56
  },
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ import type { SelectorProps } from '../Selector';
2
3
  import type { DataAttributeProps } from '../utils/types';
3
4
  export type Option = {
4
5
  /**
@@ -22,7 +23,7 @@ export type Option = {
22
23
  */
23
24
  [prop: string]: any;
24
25
  };
25
- export interface SelectProps extends DataAttributeProps {
26
+ export interface SelectProps extends DataAttributeProps, Pick<SelectorProps, 'size'> {
26
27
  /**
27
28
  * Custom class name prefix
28
29
  * */
@@ -45,6 +45,14 @@
45
45
  padding-right: 16px;
46
46
  }
47
47
 
48
+ &@{pls}-small {
49
+ height: var(--yee-selector-small-height);
50
+ }
51
+
52
+ &@{pls}-large {
53
+ height: var(--yee-selector-large-height);
54
+ }
55
+
48
56
  &:focus-within,
49
57
  &:focus {
50
58
  @{pls}-input-wrapper {
@@ -482,6 +482,10 @@
482
482
  --yee-selector-arrow-right: 8px;
483
483
  --yee-selector-clear-right: 8px;
484
484
  --yee-selector-clear-padding: 1px;
485
+ --yee-selector-small-padding: 0 6px;
486
+ --yee-selector-small-height: 24px;
487
+ --yee-selector-large-padding: 4px 12px;
488
+ --yee-selector-large-height: 40px;
485
489
  --yee-tags-height: 32px;
486
490
  --yee-tags-input-font-size: 14px;
487
491
  --yee-tags-input-line-height: 22px;
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * @rainbow-oh/yee-c CSS Variables
3
3
  * Auto-generated, do not edit manually
4
- * Generated on 2026-07-07T06:37:47.907Z
4
+ * Generated on 2026-07-08T03:16:37.096Z
5
5
  */
6
6
 
7
7
  /* ========== color.blue.css ========== */
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * @rainbow-oh/yee-c CSS Variables
3
3
  * Auto-generated, do not edit manually
4
- * Generated on 2026-07-07T06:37:47.907Z
4
+ * Generated on 2026-07-08T03:16:37.096Z
5
5
  */
6
6
 
7
7
  /* ========== color.css ========== */
@@ -1600,6 +1600,10 @@
1600
1600
  --yee-selector-arrow-right: 8px;
1601
1601
  --yee-selector-clear-right: 8px;
1602
1602
  --yee-selector-clear-padding: 1px;
1603
+ --yee-selector-small-padding: 0 6px;
1604
+ --yee-selector-small-height: 24px;
1605
+ --yee-selector-large-padding: 4px 12px;
1606
+ --yee-selector-large-height: 40px;
1603
1607
  --yee-tags-height: 32px;
1604
1608
  --yee-tags-input-font-size: 14px;
1605
1609
  --yee-tags-input-line-height: 22px;
@@ -3,4 +3,4 @@ declare global {
3
3
  __yee_c_version__: string;
4
4
  }
5
5
  }
6
- export declare const version = "0.5.0";
6
+ export declare const version = "0.5.1";
@@ -1,4 +1,4 @@
1
- export var version = "0.5.0";
1
+ export var version = "0.5.1";
2
2
  if (typeof window !== 'undefined') {
3
3
  window.__yee_c_version__ = version;
4
4
  }