@rainbow-oh/yee-c 0.4.3 → 0.4.5

package/dist/esm/Selector/selector.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["prefixCls", "mode", "className", "style", "optionLabelProp", "searchable", "disabled", "options", "selectedKeys", "allowClear", "placeholder", "closable", "suffix", "value", "open", "loading", "onSearch", "onRemove", "onClear", "onOpenChange", "onKeyDown"];
+var _excluded = ["prefixCls", "mode", "className", "style", "optionLabelProp", "searchable", "disabled", "options", "selectedKeys", "allowClear", "placeholder", "closable", "suffix", "value", "open", "loading", "size", "onSearch", "onRemove", "onClear", "onOpenChange", "onKeyDown"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -46,6 +46,8 @@ var Selector = /*#__PURE__*/React.forwardRef(function (props, ref) {
     value = props.value,
     open = props.open,
     loading = props.loading,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'default' : _props$size,
     onSearch = props.onSearch,
     onRemove = props.onRemove,
     onClear = props.onClear,
@@ -92,7 +94,7 @@ var Selector = /*#__PURE__*/React.forwardRef(function (props, ref) {
     e.stopPropagation();
     onRemove === null || onRemove === void 0 || onRemove(option);
   };
-  var cls = clsx(prefixCls, ["".concat(prefixCls, "-searchable")], ["".concat(prefixCls, "-").concat(mode || 'single')], _defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-allow-clear"), allowClear), "".concat(prefixCls, "-disabled"), disabled), "".concat(prefixCls, "-open"), open), className);
+  var cls = clsx(prefixCls, ["".concat(prefixCls, "-").concat(size)], ["".concat(prefixCls, "-searchable")], ["".concat(prefixCls, "-").concat(mode || 'single')], _defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-allow-clear"), allowClear), "".concat(prefixCls, "-disabled"), disabled), "".concat(prefixCls, "-open"), open), className);
   var renderSearch = function renderSearch() {
     return /*#__PURE__*/React.createElement("div", {
       className: clsx("".concat(prefixCls, "-input-wrapper"), {

package/dist/esm/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/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/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/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

@@ -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/esm/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/esm/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/esm/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/esm/version.js

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