@rainbow-oh/yee-c 0.4.3 → 0.4.5

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

@@ -5,10 +5,17 @@
   box-sizing: border-box;
   width: 100%;
   padding: var(--yee-selector-padding);
-  border: var(--yee-selector-border-width) solid
-    var(--yee-selector-border-color);
+  border: var(--yee-selector-border-width) solid var(--yee-input-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 +38,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 +53,10 @@
 
         &.with-input-value {
           opacity: 1;
+
+          & + @{pls}-selection-item {
+            opacity: 0;
+          }
         }
       }
 
@@ -126,7 +144,7 @@
 
   &:not(@{pls}-disabled) {
     &:hover {
-      border-color: var(--yee-selector-hover-border-color);
+      border-color: var(--yee-input-hover-border-color);
     }
   }
 
@@ -187,137 +205,3 @@
     }
   }
 }
-
-.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 {
-  @{pls} {
-    border-color: var(--yee-error-color);
-
-    &:hover {
-      border-color: var(--yee-error-color-hover);
-    }
-  }
-}
-
-.yee-form-item-warning {
-  @{pls} {
-    border-color: var(--yee-warning-color);
-  }
-}

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

@@ -46,7 +46,7 @@ function useFilter({
   const [filterRecords, setFilterRecords] = (0, import_react.useState)([]);
   const onFilter = ({ value, dataIndex }) => {
     let newFilterMap = [...filterRecords];
-    if (!value) {
+    if (!value || Array.isArray(value) && !value.length) {
       newFilterMap = newFilterMap.filter(
         (item) => item.dataIndex !== dataIndex
       );

package/dist/cjs/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/cjs/Table/style/index.less

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

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

@@ -159,7 +159,7 @@ var HeaderFilter = import_react.default.memo((props) => {
       import_Button.default,
       {
         icon: items ? /* @__PURE__ */ import_react.default.createElement(import_lucide_react.ListFilter, { size: 14, strokeWidth: 1.5 }) : /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Search, { size: 14, strokeWidth: 1.5 }),
-        color: "info",
+        variant: selectNodes.length ? "filled" : void 0,
         type: "text",
         size: "small"
       }
@@ -171,6 +171,7 @@ var HeaderFilter = import_react.default.memo((props) => {
     {
       trigger: "click",
       placement: "bottomRight",
+      className: (0, import_clsx.default)(`${prefixCls}-filter`),
       content: popup,
       arrow: true,
       open,

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

@@ -122,5 +122,12 @@ var basic_default = () => {
       children: "Content of Tab Pane 17"
     }
   ];
-  return /* @__PURE__ */ import_react.default.createElement(import_yee_c.Tabs, { defaultActiveKey: "1", items });
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_yee_c.Tabs,
+    {
+      defaultActiveKey: "1",
+      items,
+      onChange: (key) => console.log(key)
+    }
+  );
 };

package/dist/cjs/Tabs/tabs.js

@@ -147,7 +147,9 @@ var Tabs = (baseprops) => {
       return;
     }
     setMergedActiveKey(key);
-    onChange == null ? void 0 : onChange(key);
+    if (key !== mergedActiveKey) {
+      onChange == null ? void 0 : onChange(key);
+    }
   };
   const contextValue = (0, import_react.useMemo)(
     () => ({

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

@@ -40,6 +40,7 @@ var checkable_default = () => {
     import_yee_c.Tag,
     {
       checkable: true,
+      variant: "outlined",
       checked,
       onChange: (checked2) => setChecked(checked2)
     },

package/dist/cjs/Tag/tag.js

@@ -112,7 +112,6 @@ var Tag = (0, import_react.forwardRef)(
     };
     const cls = (0, import_clsx.default)(
       prefixCls,
-      [`${prefixCls}-${variant}`],
       {
         [`${prefixCls}-${status}`]: status,
         [`${prefixCls}-dashed`]: dashed,
@@ -120,6 +119,7 @@ var Tag = (0, import_react.forwardRef)(
         [`${prefixCls}-${size}`]: size,
         [`${prefixCls}-checkable`]: checkable
       },
+      [`${prefixCls}-${variant}`],
       className
     );
     const renderClose = () => closable ? /* @__PURE__ */ import_react.default.createElement(

package/dist/cjs/TextArea/style/index.less

@@ -98,20 +98,3 @@
     cursor: not-allowed;
   }
 }
-
-// form error status
-.yee-form-item-error {
-  @{pls} {
-    border-color: var(--yee-error-color);
-
-    &:hover {
-      border-color: var(--yee-error-color-hover);
-    }
-  }
-}
-
-.yee-form-item-warning {
-  @{pls} {
-    border-color: var(--yee-warning-color);
-  }
-}

package/dist/cjs/Trigger/trigger.js

@@ -187,7 +187,7 @@ var Trigger = (baseprops) => {
   return /* @__PURE__ */ import_react.default.createElement(
     import_trigger.default,
     __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, rest), {
-      prefixCls: "yee-trigger",
+      prefixCls,
       mouseEnterDelay,
       mouseLeaveDelay,
       arrow,

package/dist/cjs/hooks/useEvent.js

@@ -39,7 +39,10 @@ function useEvent(callback) {
   const memoFn = import_react.default.useCallback(
     (...args) => {
       var _a;
-      return (_a = ref.current) == null ? void 0 : _a.call(ref, ...args);
+      return (_a = ref.current) == null ? void 0 : _a.call(
+        ref,
+        ...args
+      );
     },
     []
   );

package/dist/cjs/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/cjs/style/size.css

@@ -246,6 +246,7 @@
   --yee-drawer-body-padding: 20px 24px;
   --yee-drawer-close-top: 20px;
   --yee-drawer-close-right: 20px;
+  --yee-drawer-title-font-weight: 500;
 
   /* --Field-- */
   --yee-field-gap: 8px;
@@ -278,6 +279,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 +660,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 +749,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/cjs/style/themes.css

@@ -1,7 +1,7 @@
 /*!
  * @rainbow-oh/yee-c CSS Variables
  * Auto-generated, do not edit manually
- * Generated on 2026-07-01T08:27:40.578Z
+ * Generated on 2026-07-06T02:29:25.236Z
  */
 
 /* ========== color.blue.css ========== */

package/dist/cjs/style/variables.css

@@ -1,7 +1,7 @@
 /*!
  * @rainbow-oh/yee-c CSS Variables
  * Auto-generated, do not edit manually
- * Generated on 2026-07-01T08:27:40.578Z
+ * Generated on 2026-07-06T02:29:25.236Z
  */
 
 /* ========== 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;
@@ -1364,6 +1364,7 @@
   --yee-drawer-body-padding: 20px 24px;
   --yee-drawer-close-top: 20px;
   --yee-drawer-close-right: 20px;
+  --yee-drawer-title-font-weight: 500;
 
   /* --Field-- */
   --yee-field-gap: 8px;
@@ -1396,6 +1397,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 +1778,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 +1867,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/cjs/version.d.ts

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

package/dist/cjs/version.js

@@ -22,7 +22,7 @@ __export(version_exports, {
   version: () => version
 });
 module.exports = __toCommonJS(version_exports);
-var version = "0.4.3";
+var version = "0.4.5";
 if (typeof window !== "undefined") {
   window.__yee_c_version__ = version;
 }

package/dist/esm/Button/button.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { ButtonProps } from './interface';
 import './style/index.less';
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
 export default Button;

package/dist/esm/CSV/download.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { CSVDownloderProps } from './interface';
-declare const Link: React.ForwardRefExoticComponent<CSVDownloderProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+declare const Link: React.ForwardRefExoticComponent<CSVDownloderProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
 export default Link;

package/dist/esm/Carousel/carousel.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import type { CarouselProps } from './interface';
+import type { CarouselContextProps, CarouselProps } from './interface';
 import './style/index.less';
-export declare const CarouselCtx: React.Context<any>;
+export declare const CarouselCtx: React.Context<CarouselContextProps>;
 declare const Carousel: React.ForwardRefExoticComponent<CarouselProps & React.RefAttributes<HTMLDivElement>>;
 export default Carousel;

package/dist/esm/Carousel/carousel.js

@@ -27,7 +27,11 @@ import mergeContextToProps from "../utils/mergeContextToProps";
 import Item from "./carousel-item";
 import "./style/index.less";
 var DEFAULT_ANIMATION_DURATION = 500;
-export var CarouselCtx = /*#__PURE__*/React.createContext({});
+export var CarouselCtx = /*#__PURE__*/React.createContext({
+  prefixCls: 'yee-carousel',
+  effect: 'scrollx',
+  current: 1
+});
 var Carousel = /*#__PURE__*/React.forwardRef(function (baseprops, ref) {
   var _useContext = useContext(GlobalContext),
     carousel = _useContext.carousel;

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

@@ -1,5 +1,10 @@
 /// <reference types="react" />
 export type SemanticDOM = 'dot' | 'prev' | 'next';
+export interface CarouselContextProps {
+    prefixCls: string;
+    effect: 'fade' | 'scrollx';
+    current: number;
+}
 export interface CarouselItemProps {
     index: number;
     style?: React.CSSProperties;