@rainbow-oh/yee-c 0.6.1 → 0.6.3

package/dist/cjs/style/size.css

@@ -1,5 +1,6 @@
 :root {
   --yee-font-family: inherit;
+
   /* ── z-index 基础层级 ── */
   --yee-z-index-fixed: 990; /* L1 吸顶 */
   --yee-z-index-mask: 1000; /* L2 遮罩背景 */
@@ -270,6 +271,8 @@
   --yee-form-item-label-line-height: 24px;
   --yee-form-item-required-margin-inline-start: 4px;
   --yee-form-item-additional-bottom: 2px;
+  --yee-form-item-horizontal-label-width: 120px;
+  --yee-form-item-horizontal-label-gap: 12px;
 
   /* --Grid-- */
   --yee-grid-column-min-width: 50px;
@@ -685,7 +688,7 @@
   --yee-tabs-active-bar-height: 2px;
   --yee-tabs-active-bar-width: 2px;
   --yee-tabs-vertical-padding: 8px 0;
-  --yee-tabs-vertical-nav-wrap-padding: 8px 0;
+  --yee-tabs-vertical-nav-track-padding: 8px 0;
   --yee-tabs-vertical-container-padding: 0 20px;
   --yee-tabs-vertical-active-bar-height: 32px;
   --yee-tabs-nav-wrapper-height: 46px;
@@ -722,8 +725,8 @@
   --yee-tabs-card-tab-border-width: 1px;
   --yee-tabs-card-tab-border-radius: 4px;
   --yee-tabs-card-tab-not-active-height: 39px;
-  --yee-tabs-nav-wrap-scroll-width: calc(100% - 64px);
-  --yee-tabs-nav-wrap-scroll-margin-left: 32px;
+  --yee-tabs-nav-track-scroll-width: calc(100% - 64px);
+  --yee-tabs-nav-track-scroll-margin-left: 32px;
   --yee-tabs-nav-wrapper-shadow-width: 8px;
   --yee-tabs-nav-wrapper-shadow-inset: 4px;
   --yee-tabs-nav-wrapper-top-z-index: var(--yee-z-index-fixed);

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-13T08:55:27.235Z
+ * Generated on 2026-07-14T08:05:12.055Z
  */
 
 /* ========== 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-13T08:55:27.235Z
+ * Generated on 2026-07-14T08:05:12.055Z
  */
 
 /* ========== color.css ========== */
@@ -910,6 +910,7 @@
   --yee-tabs-card-border-bg-color: var(--yee-color-bg-head);
   --yee-tabs-card-active-bg-color: var(--yee-color-bg-container);
   --yee-tabs-card-bg-color: transparent;
+  --yee-tabs-conatiner-bg-color: var(--yee-color-bg-container);
   --yee-tabs-header-custom-btn-text-color: var(--yee-text-color);
   --yee-tabs-header-custom-btn-text-hover-color: var(--yee-primary-color);
   --yee-tabs-header-custom-btn-text-active-color: var(--yee-primary-color);
@@ -1118,6 +1119,7 @@
 /* ========== size.css ========== */
 :root {
   --yee-font-family: inherit;
+
   /* ── z-index 基础层级 ── */
   --yee-z-index-fixed: 990; /* L1 吸顶 */
   --yee-z-index-mask: 1000; /* L2 遮罩背景 */
@@ -1388,6 +1390,8 @@
   --yee-form-item-label-line-height: 24px;
   --yee-form-item-required-margin-inline-start: 4px;
   --yee-form-item-additional-bottom: 2px;
+  --yee-form-item-horizontal-label-width: 120px;
+  --yee-form-item-horizontal-label-gap: 12px;
 
   /* --Grid-- */
   --yee-grid-column-min-width: 50px;
@@ -1803,7 +1807,7 @@
   --yee-tabs-active-bar-height: 2px;
   --yee-tabs-active-bar-width: 2px;
   --yee-tabs-vertical-padding: 8px 0;
-  --yee-tabs-vertical-nav-wrap-padding: 8px 0;
+  --yee-tabs-vertical-nav-track-padding: 8px 0;
   --yee-tabs-vertical-container-padding: 0 20px;
   --yee-tabs-vertical-active-bar-height: 32px;
   --yee-tabs-nav-wrapper-height: 46px;
@@ -1840,8 +1844,8 @@
   --yee-tabs-card-tab-border-width: 1px;
   --yee-tabs-card-tab-border-radius: 4px;
   --yee-tabs-card-tab-not-active-height: 39px;
-  --yee-tabs-nav-wrap-scroll-width: calc(100% - 64px);
-  --yee-tabs-nav-wrap-scroll-margin-left: 32px;
+  --yee-tabs-nav-track-scroll-width: calc(100% - 64px);
+  --yee-tabs-nav-track-scroll-margin-left: 32px;
   --yee-tabs-nav-wrapper-shadow-width: 8px;
   --yee-tabs-nav-wrapper-shadow-inset: 4px;
   --yee-tabs-nav-wrapper-top-z-index: var(--yee-z-index-fixed);

package/dist/cjs/version.d.ts

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

package/dist/cjs/version.js

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

package/dist/esm/Form/demo/layout.js

@@ -5,17 +5,19 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { Button, Form, Grid, Input, Radio, Space } from "../..";
-import React from 'react';
+import React, { useState } from 'react';
 export default (function () {
   var _Form$useForm = Form.useForm(),
     _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
     form = _Form$useForm2[0];
+  var _useState = useState('vertical'),
+    _useState2 = _slicedToArray(_useState, 2),
+    layout = _useState2[0],
+    setLayout = _useState2[1];
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Radio.Group, {
-    defaultValue: "vertical",
+    value: layout,
     onChange: function onChange(value) {
-      form.setFieldsValue({
-        layout: value
-      });
+      return setLayout(value);
     },
     options: [{
       value: 'vertical',
@@ -26,12 +28,10 @@ export default (function () {
     }]
   }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Form, {
     form: form,
-    initialValues: {
-      layout: 'vertical'
-    },
-    layout: "vertical"
+    initialValues: {},
+    layout: layout
   }, /*#__PURE__*/React.createElement(Grid, {
-    cols: 1
+    cols: 2
   }, /*#__PURE__*/React.createElement(Form.Field, {
     name: "name",
     label: "Name",

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

@@ -1,16 +1,40 @@
 @pls: .yee-form;
 
+// Horizontal form-item layout: label pinned left at a fixed width (right-
+// aligned), control fills the remaining space. Shared by Form-level layout
+// (ancestor .yee-form-horizontal cascades onto every item, including
+// Field.Group) and Field-level layout (the item carries .yee-form-item-
+// horizontal itself). Uses descendant selectors (not &) so the mixin expands
+// correctly under either anchor.
+.horizontal-layout() {
+  @{pls}-item-row {
+    display: flex;
+    align-items: flex-start;
+    gap: var(--yee-form-item-horizontal-label-gap, 12px);
+  }
+
+  @{pls}-item-label {
+    width: var(--yee-form-item-horizontal-label-width, 120px);
+    flex-shrink: 0;
+    margin-bottom: 0;
+    justify-content: flex-end;
+  }
+
+  @{pls}-item-control {
+    flex: 1;
+    min-width: 0;
+  }
+}
+
 @{pls} {
+  // Form-level horizontal: cascades onto every descendant item.
   &-horizontal {
-    @{pls}-item {
-      &-row {
-        display: flex;
-      }
+    .horizontal-layout();
+  }
 
-      &-label {
-        margin-bottom: 0;
-      }
-    }
+  // Field-level horizontal: a single item opts in via layout="horizontal".
+  &-item-horizontal {
+    .horizontal-layout();
   }
 
   &-item {

package/dist/esm/Grid/item.js

@@ -10,6 +10,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import clsx from 'clsx';
 import React from 'react';
+import omit from "../utils/omit";
 var Item = function Item(props) {
   var _props$prefixCls = props.prefixCls,
     prefixCls = _props$prefixCls === void 0 ? 'yee-grid' : _props$prefixCls,
@@ -21,7 +22,7 @@ var Item = function Item(props) {
   return /*#__PURE__*/React.createElement("div", _extends({
     className: clsx("".concat(prefixCls, "-item"), className),
     style: _objectSpread(_objectSpread({}, spanStyle), style)
-  }, rest), children);
+  }, omit(rest, ['colspan'])), children);
 };
 Item.displayName = 'GridItem';
 export default Item;

package/dist/esm/Select/demo/orphan.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/dist/esm/Select/demo/orphan.js

@@ -0,0 +1,77 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { Select, Space } from "../..";
+import React, { useState } from 'react';
+var options = [{
+  label: 'Apple',
+  value: 'apple'
+}, {
+  label: 'Banana',
+  value: 'banana'
+}, {
+  label: 'Orange',
+  value: 'orange'
+}, {
+  label: 'Pineapple',
+  value: 'pineapple'
+}];
+
+// Inline style applied to an orphan value (a value not present in options)
+var orphanStyle = {
+  color: '#fa8c16',
+  fontStyle: 'italic',
+  textDecoration: 'underline dotted'
+};
+export default (function () {
+  // 'mangox' is not in options → rendered as an orphan value
+  var _useState = useState('mangox'),
+    _useState2 = _slicedToArray(_useState, 2),
+    single = _useState2[0],
+    setSingle = _useState2[1];
+  // 'durian' is not in options → rendered as an orphan tag alongside normal ones
+  var _useState3 = useState(['apple', 'durian', 'banana']),
+    _useState4 = _slicedToArray(_useState3, 2),
+    multi = _useState4[0],
+    setMulti = _useState4[1];
+  return /*#__PURE__*/React.createElement(Space, {
+    direction: "vertical",
+    style: {
+      width: '100%'
+    }
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginBottom: 8
+    }
+  }, "Single \u2014 orphan value styled via ", /*#__PURE__*/React.createElement("code", null, "orphanStyle")), /*#__PURE__*/React.createElement(Select, {
+    value: single,
+    onChange: function onChange(val) {
+      return setSingle(val);
+    },
+    options: options,
+    orphanStyle: orphanStyle,
+    style: {
+      width: 300
+    },
+    placeholder: "Please select"
+  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginBottom: 8
+    }
+  }, "Multiple \u2014 orphan tag styled via ", /*#__PURE__*/React.createElement("code", null, "orphanClassName")), /*#__PURE__*/React.createElement(Select, {
+    mode: "multiple",
+    value: multi,
+    onChange: function onChange(val) {
+      return setMulti(val);
+    },
+    options: options,
+    orphanClassName: "demo-orphan-tag",
+    style: {
+      width: 300
+    },
+    placeholder: "Please select"
+  })), /*#__PURE__*/React.createElement("style", null, "\n        .demo-orphan-tag {\n          color: #fa541c;\n          font-style: italic;\n        }\n      "));
+});

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

@@ -87,6 +87,17 @@ export interface SelectProps extends DataAttributeProps, Pick<SelectorProps, 'si
      * Property to backfill into the select box
      */
     optionLabelProp?: 'string' | (() => string);
+    /**
+     * Extra class name applied to the displayed value when it is not found
+     * in `options` (an "orphan" value). An orphan value is shown as the raw
+     * value itself; this lets you style it differently (e.g. to flag stale data).
+     */
+    orphanClassName?: string;
+    /**
+     * Extra inline style applied to the displayed value when it is not found
+     * in `options` (an "orphan" value).
+     */
+    orphanStyle?: React.CSSProperties;
     /**
      * Callback when value changes
      */

package/dist/esm/Select/select.js

@@ -1,4 +1,4 @@
-var _excluded = ["prefixCls", "options", "placement", "mode", "value", "defaultValue", "optionFilterProp", "disabled", "onChange", "onFilter", "virtual", "itemHeight", "listHeight"];
+var _excluded = ["prefixCls", "options", "placement", "mode", "value", "defaultValue", "optionFilterProp", "disabled", "onChange", "onFilter", "virtual", "itemHeight", "listHeight", "orphanClassName", "orphanStyle"];
 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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -43,6 +43,8 @@ var Select = function Select(baseprops) {
     virtual = props.virtual,
     itemHeight = props.itemHeight,
     listHeight = props.listHeight,
+    orphanClassName = props.orphanClassName,
+    orphanStyle = props.orphanStyle,
     rest = _objectWithoutProperties(props, _excluded);
   var single = mode !== 'multiple' && mode !== 'tags' ? true : false;
   var handleState = function handleState(value) {
@@ -79,6 +81,7 @@ var Select = function Select(baseprops) {
     (_virtualApiRef$curren = virtualApiRef.current) === null || _virtualApiRef$curren === void 0 || _virtualApiRef$curren.scrollToIndex(index);
   }, []);
   var getOptions = function getOptions(keys) {
+    var _options$find;
     if (keys === '' || keys === null) {
       return undefined;
     }
@@ -86,13 +89,24 @@ var Select = function Select(baseprops) {
       if (keys.length === 0) {
         return [];
       }
-      return options.filter(function (opt) {
-        return keys.includes(opt.value);
+      // 按 keys 顺序回填，找不到的 key 构造 label=value 的兜底项（孤儿值），
+      // 与 Selector 的显示保持一致，避免 onChange 第二参数丢值。
+      return keys.map(function (key) {
+        var opt = options.find(function (o) {
+          return o.value === key;
+        });
+        return opt !== null && opt !== void 0 ? opt : {
+          value: key,
+          label: String(key)
+        };
       });
     }
-    return options.find(function (opt) {
+    return (_options$find = options.find(function (opt) {
       return opt.value === keys;
-    });
+    })) !== null && _options$find !== void 0 ? _options$find : {
+      value: keys,
+      label: String(keys)
+    };
   };
   var handleSelect = function handleSelect(key, e) {
     var keys;
@@ -195,7 +209,9 @@ var Select = function Select(baseprops) {
     onClear: handleClear,
     onRemove: handleRemove,
     onSearch: handleSearch,
-    onKeyDown: onKeyDown
+    onKeyDown: onKeyDown,
+    orphanClassName: orphanClassName,
+    orphanStyle: orphanStyle
   })));
 };
 export default Select;

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

@@ -78,6 +78,17 @@ export interface PureSelectorProps {
      * Custom text displayed in the input
      */
     optionLabelProp?: string | ((option: TagType) => string);
+    /**
+     * Extra class name applied to the displayed value/tag when its key is not
+     * found in `options` (an "orphan" value). The orphan value is shown as the
+     * raw key itself; this lets you style it differently (e.g. to flag stale data).
+     */
+    orphanClassName?: string;
+    /**
+     * Extra inline style applied to the displayed value/tag when its key is not
+     * found in `options` (an "orphan" value).
+     */
+    orphanStyle?: React.CSSProperties;
     /**
      * Control the open state
      * */

package/dist/esm/Selector/selector.js

@@ -1,5 +1,6 @@
 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", "size", "onSearch", "onRemove", "onClear", "onOpenChange", "onKeyDown"];
+var _excluded = ["prefixCls", "mode", "className", "style", "optionLabelProp", "searchable", "disabled", "options", "selectedKeys", "orphanClassName", "orphanStyle", "allowClear", "placeholder", "closable", "suffix", "value", "open", "loading", "size", "onSearch", "onRemove", "onClear", "onOpenChange", "onKeyDown"],
+  _excluded2 = ["_orphan"];
 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; }
@@ -37,6 +38,8 @@ var Selector = /*#__PURE__*/React.forwardRef(function (props, ref) {
     _props$options = props.options,
     options = _props$options === void 0 ? [] : _props$options,
     selectedKeys = props.selectedKeys,
+    orphanClassName = props.orphanClassName,
+    orphanStyle = props.orphanStyle,
     _props$allowClear = props.allowClear,
     allowClear = _props$allowClear === void 0 ? true : _props$allowClear,
     placeholder = props.placeholder,
@@ -63,13 +66,27 @@ var Selector = /*#__PURE__*/React.forwardRef(function (props, ref) {
     searchValue = _useMergedState2[0],
     setSearchValue = _useMergedState2[1];
   var tags = useMemo(function () {
-    return Array.isArray(options) ? options.filter(function (opt) {
-      return selectedKeys.includes(opt.value);
-    }).map(function (opt) {
-      return _objectSpread(_objectSpread({}, opt), {}, {
-        children: typeof optionLabelProp === 'function' ? optionLabelProp(opt) : opt[optionLabelProp]
+    if (!Array.isArray(options)) {
+      return [];
+    }
+    // 按 selectedKeys 顺序渲染；找不到的 key 作为孤儿值回退显示 value 本身
+    return selectedKeys.map(function (key) {
+      var opt = options.find(function (o) {
+        return o.value === key;
       });
-    }) : [];
+      if (opt) {
+        return _objectSpread(_objectSpread({}, opt), {}, {
+          children: typeof optionLabelProp === 'function' ? optionLabelProp(opt) : opt[optionLabelProp],
+          _orphan: false
+        });
+      }
+      return {
+        value: key,
+        label: String(key),
+        children: String(key),
+        _orphan: true
+      };
+    });
   }, [options, selectedKeys, optionLabelProp]);
   var handleClick = function handleClick() {
     if (inputRef.current && !disabled) {
@@ -124,8 +141,12 @@ var Selector = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var renderContent = function renderContent() {
     if (multi) {
       return tags.map(function (item, index) {
+        var _orphan = item._orphan,
+          tagRest = _objectWithoutProperties(item, _excluded2);
         var _closable = typeof closable === 'function' ? closable(item) : closable;
-        return /*#__PURE__*/React.createElement(Tag, _extends({}, item, {
+        return /*#__PURE__*/React.createElement(Tag, _extends({}, tagRest, {
+          className: _orphan ? orphanClassName : undefined,
+          style: _orphan ? orphanStyle : undefined,
           closable: _closable,
           onClose: function onClose(e) {
             return handleRemove(item, e);
@@ -138,9 +159,12 @@ var Selector = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var opt = Array.isArray(options) ? options.find(function (opt) {
       return opt.value === key;
     }) : null;
-    var label = opt ? typeof optionLabelProp === 'function' ? optionLabelProp(opt) : opt[optionLabelProp] : null;
+    // 孤儿值：key 非空但在 options 中找不到时，回退显示 value 本身
+    var isOrphan = !opt && key !== '';
+    var label = opt ? typeof optionLabelProp === 'function' ? optionLabelProp(opt) : opt[optionLabelProp] : isOrphan ? String(key) : null;
     return /*#__PURE__*/React.createElement(React.Fragment, null, renderSearch(), label && /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixCls, "-selection-item")
+      className: clsx("".concat(prefixCls, "-selection-item"), isOrphan && orphanClassName),
+      style: isOrphan ? orphanStyle : undefined
     }, label));
   };
   var renderSuffix = function renderSuffix() {

package/dist/esm/Table/tbody/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["columns", "pageData", "lazyLoad"];
+var _excluded = ["columns", "pageData", "lazyLoad", "noData"];
 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -12,6 +12,7 @@ var TableBody = function TableBody(props) {
   var columns = props.columns,
     pageData = props.pageData,
     lazyLoad = props.lazyLoad,
+    noData = props.noData,
     rest = _objectWithoutProperties(props, _excluded);
   var _React$useContext = React.useContext(TableCtx),
     prefixCls = _React$useContext.prefixCls,
@@ -26,7 +27,7 @@ var TableBody = function TableBody(props) {
     className: "".concat(prefixCls, "-no-record")
   }, /*#__PURE__*/React.createElement("td", {
     colSpan: 999
-  }, tableLocale.emptyText)));
+  }, noData !== null && noData !== void 0 ? noData : tableLocale.emptyText)));
   var dataLength = pageData.length;
   if (dataLength === 0) return empty;
   var BodyWrapper = (_components$body$tbod = components === null || components === void 0 || (_components$body = components.body) === null || _components$body === void 0 ? void 0 : _components$body.tbody) !== null && _components$body$tbod !== void 0 ? _components$body$tbod : 'tbody';

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

@@ -1,4 +1,4 @@
-import { Tabs } from "../..";
+import { Box, Tabs } from "../..";
 import React from 'react';
 export default (function () {
   var items = [{
@@ -14,9 +14,20 @@ export default (function () {
     label: 'Tab 3',
     children: 'Content of Tab Pane 3'
   }];
-  return /*#__PURE__*/React.createElement(Tabs, {
+  return /*#__PURE__*/React.createElement(Box, {
+    style: {
+      padding: 16,
+      backgroundColor: '#efefef'
+    }
+  }, /*#__PURE__*/React.createElement(Tabs, {
     defaultActiveKey: "1",
     items: items,
-    type: "card"
-  });
+    type: "card",
+    styles: {
+      content: {
+        padding: 24,
+        height: 120
+      }
+    }
+  }));
 });

package/dist/esm/Tabs/hooks/useActiveBar.d.ts

@@ -4,7 +4,8 @@ interface UseActiveBarOptions {
     activeKey: string | number;
     activetab: React.RefObject<HTMLElement | null>;
     activebar: React.RefObject<HTMLDivElement | null>;
+    listEle: React.RefObject<HTMLDivElement | null>;
     enabled: boolean;
 }
-export declare function useActiveBar({ direction, activeKey, activetab, activebar, enabled, }: UseActiveBarOptions): () => void;
+export declare function useActiveBar({ direction, activeKey, activetab, activebar, listEle, enabled, }: UseActiveBarOptions): () => void;
 export {};

package/dist/esm/Tabs/hooks/useActiveBar.js

@@ -4,20 +4,24 @@ export function useActiveBar(_ref) {
     activeKey = _ref.activeKey,
     activetab = _ref.activetab,
     activebar = _ref.activebar,
+    listEle = _ref.listEle,
     enabled = _ref.enabled;
   var rafIdRef = useRef(0);
   var moveActiveBar = useCallback(function () {
     var bar = activebar.current;
     var tab = activetab.current;
-    if (!bar || !tab || !enabled) return;
+    var nav = listEle.current;
+    if (!bar || !tab || !enabled || !nav) return;
     var rect = tab.getBoundingClientRect();
+    var listPaddingLeft = parseFloat(getComputedStyle(nav).paddingLeft) || 0;
+    var listPaddingTop = parseFloat(getComputedStyle(nav).paddingTop) || 0;
     var isHorizontal = direction === 'horizontal';
     if (isHorizontal) {
       bar.style.width = "".concat(rect.width, "px");
-      bar.style.transform = "translateX(".concat(tab.offsetLeft, "px)");
+      bar.style.transform = "translateX(".concat(tab.offsetLeft - listPaddingLeft, "px)");
     } else {
       bar.style.height = "".concat(rect.height, "px");
-      bar.style.transform = "translateY(".concat(tab.offsetTop, "px)");
+      bar.style.transform = "translateY(".concat(tab.offsetTop - listPaddingTop, "px)");
     }
   }, [direction, activetab, activebar, enabled]);
   useEffect(function () {