@rainbow-oh/yee-c 0.4.2 → 0.4.4

package/dist/esm/Selector/style/index.less

@@ -9,6 +9,14 @@
     var(--yee-selector-border-color);
   border-radius: var(--yee-selector-border-radius);
 
+  &-small {
+    padding: var(--yee-selector-small-padding);
+  }
+
+  &-large {
+    padding: var(--yee-selector-large-padding);
+  }
+
   &:focus-visible {
     outline: none;
   }
@@ -31,6 +39,13 @@
       line-height: var(--yee-selector-input-line-height);
     }
 
+    @{pls}-selection-item {
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      padding-right: 16px;
+    }
+
     &:focus-within,
     &:focus {
       @{pls}-input-wrapper {
@@ -39,6 +54,10 @@
 
         &.with-input-value {
           opacity: 1;
+
+          & + @{pls}-selection-item {
+            opacity: 0;
+          }
         }
       }
 
@@ -188,122 +207,122 @@
   }
 }
 
-.yee-tags-searchable {
-  cursor: text;
-
-  .yee-tags-input-wrapper {
-    width: 100%;
-    padding: 0;
-    border: none;
-    outline: none;
-
-    &:focus {
-      border: none;
-      box-shadow: none;
-    }
-  }
-
-  .yee-tags-icon {
-    width: auto;
-  }
-}
-
-.yee-tags-single-mode {
-  height: var(--yee-tags-height);
-
-  .yee-tags-input-container {
-    position: absolute;
-    z-index: -1;
-    width: 100%;
-    font-size: var(--yee-tags-input-font-size);
-    line-height: var(--yee-tags-input-line-height);
-
-    input {
-      width: 100%;
-    }
-  }
-
-  &.yee-tags-searchable {
-    .yee-tags-single-option {
-      width: 100%;
-    }
-
-    .yee-tags-container {
-      &:focus-within,
-      &:focus {
-        .yee-tags-input-container {
-          z-index: 1;
-          opacity: var(--yee-tags-input-focus-opacity);
-
-          &.has-value {
-            opacity: 1;
-
-            + .yee-tags-single-option {
-              display: none;
-            }
-          }
-        }
-
-        .yee-tags-single-option {
-          opacity: var(--yee-tags-single-option-focus-opacity);
-        }
-      }
-    }
-  }
-}
-
-.yee-tags-multi-mode {
-  height: auto;
-  min-height: var(--yee-tags-multi-min-height);
-
-  &.yee-tags-searchable {
-    .yee-tag {
-      max-width: var(--yee-tags-multi-tag-max-width);
-      height: var(--yee-tags-multi-tag-height);
-    }
-  }
-
-  .yee-tags-container {
-    flex-wrap: wrap;
-  }
-
-  .yee-tags-input-container {
-    display: inline-grid;
-    // color: var(--yee-tags-input-container-font-color);
-    flex: 1 1 auto;
-    grid-area: 1 / 1 / 2 / 3;
-    grid-template-columns: 0 min-content;
-    box-sizing: border-box;
-    height: var(--yee-tags-multi-input-height);
-
-    &::after {
-      grid-area: 1 / 2 / auto / auto;
-      min-width: var(--yee-tags-multi-input-after-min-width);
-      margin: 0;
-      padding: 0;
-      font: inherit;
-      white-space: pre;
-      border: 0;
-      outline: 0;
-      visibility: hidden;
-      content: attr(data-value) ' ';
-    }
-
-    & > input {
-      grid-area: 1 / 2 / auto / auto;
-      width: 100%;
-      min-width: var(--yee-tags-multi-input-min-width);
-      height: var(--yee-tags-multi-input-height);
-      margin: 0;
-      padding: 0;
-      font: inherit;
-      background-color: transparent;
-      border: 0;
-      outline: 0;
-      opacity: 1;
-    }
-  }
-}
+// .yee-tags-searchable {
+//   cursor: text;
+
+//   .yee-tags-input-wrapper {
+//     width: 100%;
+//     padding: 0;
+//     border: none;
+//     outline: none;
+
+//     &:focus {
+//       border: none;
+//       box-shadow: none;
+//     }
+//   }
+
+//   .yee-tags-icon {
+//     width: auto;
+//   }
+// }
+
+// .yee-tags-single-mode {
+//   height: var(--yee-tags-height);
+
+//   .yee-tags-input-container {
+//     position: absolute;
+//     z-index: -1;
+//     width: 100%;
+//     font-size: var(--yee-tags-input-font-size);
+//     line-height: var(--yee-tags-input-line-height);
+
+//     input {
+//       width: 100%;
+//     }
+//   }
+
+//   &.yee-tags-searchable {
+//     .yee-tags-single-option {
+//       width: 100%;
+//     }
+
+//     .yee-tags-container {
+//       &:focus-within,
+//       &:focus {
+//         .yee-tags-input-container {
+//           z-index: 1;
+//           opacity: var(--yee-tags-input-focus-opacity);
+
+//           &.has-value {
+//             opacity: 1;
+
+//             + .yee-tags-single-option {
+//               display: none;
+//             }
+//           }
+//         }
+
+//         .yee-tags-single-option {
+//           opacity: var(--yee-tags-single-option-focus-opacity);
+//         }
+//       }
+//     }
+//   }
+// }
+
+// .yee-tags-multi-mode {
+//   height: auto;
+//   min-height: var(--yee-tags-multi-min-height);
+
+//   &.yee-tags-searchable {
+//     .yee-tag {
+//       max-width: var(--yee-tags-multi-tag-max-width);
+//       height: var(--yee-tags-multi-tag-height);
+//     }
+//   }
+
+//   .yee-tags-container {
+//     flex-wrap: wrap;
+//   }
+
+//   .yee-tags-input-container {
+//     display: inline-grid;
+//     // color: var(--yee-tags-input-container-font-color);
+//     flex: 1 1 auto;
+//     grid-area: 1 / 1 / 2 / 3;
+//     grid-template-columns: 0 min-content;
+//     box-sizing: border-box;
+//     height: var(--yee-tags-multi-input-height);
+
+//     &::after {
+//       grid-area: 1 / 2 / auto / auto;
+//       min-width: var(--yee-tags-multi-input-after-min-width);
+//       margin: 0;
+//       padding: 0;
+//       font: inherit;
+//       white-space: pre;
+//       border: 0;
+//       outline: 0;
+//       visibility: hidden;
+//       content: attr(data-value) ' ';
+//     }
+
+//     & > input {
+//       grid-area: 1 / 2 / auto / auto;
+//       width: 100%;
+//       min-width: var(--yee-tags-multi-input-min-width);
+//       height: var(--yee-tags-multi-input-height);
+//       margin: 0;
+//       padding: 0;
+//       font: inherit;
+//       background-color: transparent;
+//       border: 0;
+//       outline: 0;
+//       opacity: 1;
+//     }
+//   }
+// }
 
 // form error status
 .yee-form-item-error {

package/dist/esm/Table/hooks/useFilter.js

@@ -25,7 +25,7 @@ export default function useFilter(_ref) {
     var value = _ref2.value,
       dataIndex = _ref2.dataIndex;
     var newFilterMap = _toConsumableArray(filterRecords);
-    if (!value) {
+    if (!value || Array.isArray(value) && !value.length) {
       newFilterMap = newFilterMap.filter(function (item) {
         return item.dataIndex !== dataIndex;
       });

package/dist/esm/Table/interface.d.ts

@@ -448,6 +448,10 @@ export interface TableProps extends FooterProps, Omit<HeaderProps, 'pageData'>,
      * Row class name, unlike classNames, this prop can be set dynamically via a function
      */
     rowClassName?: (record: object) => string;
+    /**
+     * Row style, unlike styles, this prop can be set dynamically via a function
+     */
+    rowStyle?: (record: object) => React.CSSProperties;
     /**
      * Pagination config
      */

package/dist/esm/Table/style/index.less

@@ -47,6 +47,8 @@
   }
 
   &-filter {
+    padding: var(--yee-table-filter-popup-padding);
+
     &-trigger {
       display: inline-flex;
       cursor: pointer;

package/dist/esm/Table/theader/filter.js

@@ -185,10 +185,8 @@ var HeaderFilter = /*#__PURE__*/React.memo(function (props) {
       }) : /*#__PURE__*/React.createElement(Search, {
         size: 14,
         strokeWidth: 1.5
-      })
-      // variant={selectNodes.length ? 'filled' : undefined}
-      ,
-      color: "info",
+      }),
+      variant: selectNodes.length ? 'filled' : undefined,
       type: "text",
       size: "small"
     });
@@ -199,6 +197,7 @@ var HeaderFilter = /*#__PURE__*/React.memo(function (props) {
   return /*#__PURE__*/React.createElement(Popover, {
     trigger: "click",
     placement: "bottomRight",
+    className: clsx("".concat(prefixCls, "-filter")),
     content: popup,
     arrow: true,
     open: open,

package/dist/esm/Tabs/demo/basic.js

@@ -72,6 +72,9 @@ export default (function () {
   }];
   return /*#__PURE__*/React.createElement(Tabs, {
     defaultActiveKey: "1",
-    items: items
+    items: items,
+    onChange: function onChange(key) {
+      return console.log(key);
+    }
   });
 });

package/dist/esm/Tabs/tabs.js

@@ -88,7 +88,9 @@ var Tabs = function Tabs(baseprops) {
       return;
     }
     setMergedActiveKey(key);
-    onChange === null || onChange === void 0 || onChange(key);
+    if (key !== mergedActiveKey) {
+      onChange === null || onChange === void 0 || onChange(key);
+    }
   };
   var contextValue = useMemo(function () {
     return {

package/dist/esm/Tag/demo/checkable.js

@@ -13,6 +13,7 @@ export default (function () {
     setChecked = _useState2[1];
   return /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Tag, {
     checkable: true,
+    variant: "outlined",
     checked: checked,
     onChange: function onChange(checked) {
       return setChecked(checked);

package/dist/esm/Tag/tag.js

@@ -40,7 +40,7 @@ var Tag = /*#__PURE__*/forwardRef(function (baseprops, ref) {
       onChange === null || onChange === void 0 || onChange(!checked);
     }
   };
-  var cls = clsx(prefixCls, ["".concat(prefixCls, "-").concat(variant)], _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-").concat(status), status), "".concat(prefixCls, "-dashed"), dashed), "".concat(prefixCls, "-checked"), checked), "".concat(prefixCls, "-").concat(size), size), "".concat(prefixCls, "-checkable"), checkable), className);
+  var cls = clsx(prefixCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-").concat(status), status), "".concat(prefixCls, "-dashed"), dashed), "".concat(prefixCls, "-checked"), checked), "".concat(prefixCls, "-").concat(size), size), "".concat(prefixCls, "-checkable"), checkable), ["".concat(prefixCls, "-").concat(variant)], className);
   var renderClose = function renderClose() {
     return closable ? /*#__PURE__*/React.createElement(Button, {
       className: clsx("".concat(prefixCls, "-close"), classNames === null || classNames === void 0 ? void 0 : classNames.close),

package/dist/esm/TextArea/textarea.js

@@ -47,7 +47,6 @@ var TextArea = /*#__PURE__*/forwardRef(function (baseprops, ref) {
     _useMergedState2 = _slicedToArray(_useMergedState, 2),
     mergedValue = _useMergedState2[0],
     setMergedValue = _useMergedState2[1];
-  console.log('mergedValue: ', mergedValue, value);
   useEffect(function () {
     var ele = componentRef.current;
     if (ele && autoSize) {

package/dist/esm/Trigger/trigger.js

@@ -140,7 +140,7 @@ var Trigger = function Trigger(baseprops) {
     }
   };
   return /*#__PURE__*/React.createElement(RcTrigger, _extends({}, rest, {
-    prefixCls: "yee-trigger",
+    prefixCls: prefixCls,
     mouseEnterDelay: mouseEnterDelay,
     mouseLeaveDelay: mouseLeaveDelay,
     arrow: arrow,

package/dist/esm/style/color.css

@@ -30,7 +30,7 @@
   --yee-text-color-description: #7c7c7c;
   --yee-text-color-disabled: #bfbfbf;
   --yee-text-color-highlight: #f58220;
-  --yee-text-color-auxiliary: #f5f5f5;
+  --yee-text-color-auxiliary: #d1d1d1;
   --yee-color-split: #e7e7e7;
   --yee-border-color: #cbd6e2;
   --yee-border-color-hover-focus: #75b9f0;

package/dist/esm/style/size.css

@@ -278,6 +278,14 @@
   --yee-input-border-width: 1px;
   --yee-input-suffix-gap: 4px;
   --yee-input-clear-padding: 1px;
+  --yee-input-small-font-size: 12px;
+  --yee-input-small-line-height: 20px;
+  --yee-input-small-height: 24px;
+  --yee-input-small-padding: 0 6px;
+  --yee-input-large-font-size: 16px;
+  --yee-input-large-line-height: 24px;
+  --yee-input-large-height: 40px;
+  --yee-input-large-padding: 4px 12px;
 
   /* --JsonViewer-- */
   --yee-json-view-font-size: 14px;
@@ -651,7 +659,7 @@
   --yee-table-bordered-cell-border-width: 1px;
   --yee-table-bordered-thead-border-width: 1px;
   --yee-table-thead-action-gap: 8px;
-  --yee-table-filter-popup-padding: 16px;
+  --yee-table-filter-popup-padding: 8px;
   --yee-table-content-border-radius: 6px 6px 0 0;
   --yee-table-cell-padding: 13px 16px;
   --yee-table-cell-line-height: 22px;
@@ -740,7 +748,7 @@
   --yee-tag-font-size: 12px;
   --yee-tag-line-height: 22px;
   --yee-tag-border-width: 1px;
-  --yee-tag-border-radius: 2px;
+  --yee-tag-border-radius: 4px;
   --yee-tag-icon-margin-left: 4px;
   --yee-tag-small-height: 16px;
   --yee-tag-large-height: 28px;

package/dist/esm/style/themes.css

@@ -1,7 +1,7 @@
 /*!
  * @rainbow-oh/yee-c CSS Variables
  * Auto-generated, do not edit manually
- * Generated on 2026-07-01T03:21:30.989Z
+ * Generated on 2026-07-03T02:41:11.107Z
  */
 
 /* ========== color.blue.css ========== */

package/dist/esm/style/variables.css

@@ -1,7 +1,7 @@
 /*!
  * @rainbow-oh/yee-c CSS Variables
  * Auto-generated, do not edit manually
- * Generated on 2026-07-01T03:21:30.989Z
+ * Generated on 2026-07-03T02:41:11.107Z
  */
 
 /* ========== color.css ========== */
@@ -37,7 +37,7 @@
   --yee-text-color-description: #7c7c7c;
   --yee-text-color-disabled: #bfbfbf;
   --yee-text-color-highlight: #f58220;
-  --yee-text-color-auxiliary: #f5f5f5;
+  --yee-text-color-auxiliary: #d1d1d1;
   --yee-color-split: #e7e7e7;
   --yee-border-color: #cbd6e2;
   --yee-border-color-hover-focus: #75b9f0;
@@ -1396,6 +1396,14 @@
   --yee-input-border-width: 1px;
   --yee-input-suffix-gap: 4px;
   --yee-input-clear-padding: 1px;
+  --yee-input-small-font-size: 12px;
+  --yee-input-small-line-height: 20px;
+  --yee-input-small-height: 24px;
+  --yee-input-small-padding: 0 6px;
+  --yee-input-large-font-size: 16px;
+  --yee-input-large-line-height: 24px;
+  --yee-input-large-height: 40px;
+  --yee-input-large-padding: 4px 12px;
 
   /* --JsonViewer-- */
   --yee-json-view-font-size: 14px;
@@ -1769,7 +1777,7 @@
   --yee-table-bordered-cell-border-width: 1px;
   --yee-table-bordered-thead-border-width: 1px;
   --yee-table-thead-action-gap: 8px;
-  --yee-table-filter-popup-padding: 16px;
+  --yee-table-filter-popup-padding: 8px;
   --yee-table-content-border-radius: 6px 6px 0 0;
   --yee-table-cell-padding: 13px 16px;
   --yee-table-cell-line-height: 22px;
@@ -1858,7 +1866,7 @@
   --yee-tag-font-size: 12px;
   --yee-tag-line-height: 22px;
   --yee-tag-border-width: 1px;
-  --yee-tag-border-radius: 2px;
+  --yee-tag-border-radius: 4px;
   --yee-tag-icon-margin-left: 4px;
   --yee-tag-small-height: 16px;
   --yee-tag-large-height: 28px;

package/dist/esm/version.d.ts

@@ -3,4 +3,4 @@ declare global {
         __yee_c_version__: string;
     }
 }
-export declare const version = "0.4.2";
+export declare const version = "0.4.4";

package/dist/esm/version.js

@@ -1,4 +1,4 @@
-export var version = "0.4.2";
+export var version = "0.4.4";
 if (typeof window !== 'undefined') {
   window.__yee_c_version__ = version;
 }