@rainbow-oh/yee-c 0.6.2 → 0.6.3

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

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

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

@@ -0,0 +1,78 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Select/demo/orphan.tsx
+var orphan_exports = {};
+__export(orphan_exports, {
+  default: () => orphan_default
+});
+module.exports = __toCommonJS(orphan_exports);
+var import_yee_c = require("../..");
+var import_react = __toESM(require("react"));
+var options = [
+  { label: "Apple", value: "apple" },
+  { label: "Banana", value: "banana" },
+  { label: "Orange", value: "orange" },
+  { label: "Pineapple", value: "pineapple" }
+];
+var orphanStyle = {
+  color: "#fa8c16",
+  fontStyle: "italic",
+  textDecoration: "underline dotted"
+};
+var orphan_default = () => {
+  const [single, setSingle] = (0, import_react.useState)("mangox");
+  const [multi, setMulti] = (0, import_react.useState)(["apple", "durian", "banana"]);
+  return /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space, { direction: "vertical", style: { width: "100%" } }, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { style: { marginBottom: 8 } }, "Single — orphan value styled via ", /* @__PURE__ */ import_react.default.createElement("code", null, "orphanStyle")), /* @__PURE__ */ import_react.default.createElement(
+    import_yee_c.Select,
+    {
+      value: single,
+      onChange: (val) => setSingle(val),
+      options,
+      orphanStyle,
+      style: { width: 300 },
+      placeholder: "Please select"
+    }
+  )), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { style: { marginBottom: 8 } }, "Multiple — orphan tag styled via ", /* @__PURE__ */ import_react.default.createElement("code", null, "orphanClassName")), /* @__PURE__ */ import_react.default.createElement(
+    import_yee_c.Select,
+    {
+      mode: "multiple",
+      value: multi,
+      onChange: (val) => setMulti(val),
+      options,
+      orphanClassName: "demo-orphan-tag",
+      style: { width: 300 },
+      placeholder: "Please select"
+    }
+  )), /* @__PURE__ */ import_react.default.createElement("style", null, `
+        .demo-orphan-tag {
+          color: #fa541c;
+          font-style: italic;
+        }
+      `));
+};

package/dist/cjs/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/cjs/Select/select.js

@@ -86,7 +86,9 @@ var Select = (baseprops) => {
     onFilter,
     virtual,
     itemHeight,
-    listHeight
+    listHeight,
+    orphanClassName,
+    orphanStyle
   } = _a, rest = __objRest(_a, [
     "prefixCls",
     "options",
@@ -100,7 +102,9 @@ var Select = (baseprops) => {
     "onFilter",
     "virtual",
     "itemHeight",
-    "listHeight"
+    "listHeight",
+    "orphanClassName",
+    "orphanStyle"
   ]);
   const single = mode !== "multiple" && mode !== "tags" ? true : false;
   const handleState = (value2) => {
@@ -126,6 +130,7 @@ var Select = (baseprops) => {
     (_a2 = virtualApiRef.current) == null ? void 0 : _a2.scrollToIndex(index);
   }, []);
   const getOptions = (keys) => {
+    var _a2;
     if (keys === "" || keys === null) {
       return void 0;
     }
@@ -133,9 +138,15 @@ var Select = (baseprops) => {
       if (keys.length === 0) {
         return [];
       }
-      return options.filter((opt) => keys.includes(opt.value));
+      return keys.map((key) => {
+        const opt = options.find((o) => o.value === key);
+        return opt != null ? opt : { value: key, label: String(key) };
+      });
     }
-    return options.find((opt) => opt.value === keys);
+    return (_a2 = options.find((opt) => opt.value === keys)) != null ? _a2 : {
+      value: keys,
+      label: String(keys)
+    };
   };
   const handleSelect = (key, e) => {
     let keys;
@@ -236,7 +247,9 @@ var Select = (baseprops) => {
         onClear: handleClear,
         onRemove: handleRemove,
         onSearch: handleSearch,
-        onKeyDown
+        onKeyDown,
+        orphanClassName,
+        orphanStyle
       })
     )
   );

package/dist/cjs/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/cjs/Selector/selector.js

@@ -98,6 +98,8 @@ var Selector = import_react.default.forwardRef(
       disabled,
       options = [],
       selectedKeys,
+      orphanClassName,
+      orphanStyle,
       allowClear = true,
       placeholder,
       closable = true,
@@ -121,6 +123,8 @@ var Selector = import_react.default.forwardRef(
       "disabled",
       "options",
       "selectedKeys",
+      "orphanClassName",
+      "orphanStyle",
       "allowClear",
       "placeholder",
       "closable",
@@ -141,9 +145,24 @@ var Selector = import_react.default.forwardRef(
       value
     });
     const tags = (0, import_react.useMemo)(() => {
-      return Array.isArray(options) ? options.filter((opt) => selectedKeys.includes(opt.value)).map((opt) => __spreadProps(__spreadValues({}, opt), {
-        children: typeof optionLabelProp === "function" ? optionLabelProp(opt) : opt[optionLabelProp]
-      })) : [];
+      if (!Array.isArray(options)) {
+        return [];
+      }
+      return selectedKeys.map((key) => {
+        const opt = options.find((o) => o.value === key);
+        if (opt) {
+          return __spreadProps(__spreadValues({}, 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]);
     const handleClick = () => {
       if (inputRef.current && !disabled) {
@@ -210,22 +229,38 @@ var Selector = import_react.default.forwardRef(
     };
     const renderContent = () => {
       if (multi) {
-        return tags.map((item, index) => {
-          const _closable = typeof closable === "function" ? closable(item) : closable;
-          return /* @__PURE__ */ import_react.default.createElement(
-            import_Tag.default,
-            __spreadProps(__spreadValues({}, item), {
-              closable: _closable,
-              onClose: (e) => handleRemove(item, e),
-              key: item.value || index
-            })
-          );
-        });
+        return tags.map(
+          (item, index) => {
+            const _a2 = item, { _orphan } = _a2, tagRest = __objRest(_a2, ["_orphan"]);
+            const _closable = typeof closable === "function" ? closable(item) : closable;
+            return /* @__PURE__ */ import_react.default.createElement(
+              import_Tag.default,
+              __spreadProps(__spreadValues({}, tagRest), {
+                className: _orphan ? orphanClassName : void 0,
+                style: _orphan ? orphanStyle : void 0,
+                closable: _closable,
+                onClose: (e) => handleRemove(item, e),
+                key: item.value || index
+              })
+            );
+          }
+        );
       }
       const key = selectedKeys.length ? selectedKeys[0] : "";
       const opt = Array.isArray(options) ? options.find((opt2) => opt2.value === key) : null;
-      const label = opt ? typeof optionLabelProp === "function" ? optionLabelProp(opt) : opt[optionLabelProp] : null;
-      return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, renderSearch(), label && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-selection-item` }, label));
+      const isOrphan = !opt && key !== "";
+      const label = opt ? typeof optionLabelProp === "function" ? optionLabelProp(opt) : opt[optionLabelProp] : isOrphan ? String(key) : null;
+      return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, renderSearch(), label && /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          className: (0, import_clsx.default)(
+            `${prefixCls}-selection-item`,
+            isOrphan && orphanClassName
+          ),
+          style: isOrphan ? orphanStyle : void 0
+        },
+        label
+      ));
     };
     const renderSuffix = () => {
       return /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-arrow` }, loading ? /* @__PURE__ */ import_react.default.createElement(import_Spin.default, { size: "small" }) : suffix ? typeof suffix === "function" ? suffix() : suffix : /* @__PURE__ */ import_react.default.createElement(import_lucide_react.ChevronDown, { size: 16, strokeWidth: 1.5 }));

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

@@ -68,11 +68,11 @@ var import_lazy_row = __toESM(require("./lazy-row"));
 var import_row = __toESM(require("./row"));
 var TableBody = (props) => {
   var _b, _c, _d;
-  const _a = props, { columns, pageData, lazyLoad } = _a, rest = __objRest(_a, ["columns", "pageData", "lazyLoad"]);
+  const _a = props, { columns, pageData, lazyLoad, noData } = _a, rest = __objRest(_a, ["columns", "pageData", "lazyLoad", "noData"]);
   const { prefixCls, components, rowKey } = import_react.default.useContext(import_table.TableCtx);
   const { locale } = (0, import_locale.useLocale)();
   const { table: tableLocale } = locale;
-  const empty = /* @__PURE__ */ import_react.default.createElement("tbody", { className: `${prefixCls}-tbody` }, /* @__PURE__ */ import_react.default.createElement("tr", { className: `${prefixCls}-no-record` }, /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 999 }, tableLocale.emptyText)));
+  const empty = /* @__PURE__ */ import_react.default.createElement("tbody", { className: `${prefixCls}-tbody` }, /* @__PURE__ */ import_react.default.createElement("tr", { className: `${prefixCls}-no-record` }, /* @__PURE__ */ import_react.default.createElement("td", { colSpan: 999 }, noData != null ? noData : tableLocale.emptyText)));
   const dataLength = pageData.length;
   if (dataLength === 0)
     return empty;

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

@@ -149,15 +149,6 @@
     line-height: var(--yee-tag-large-height);
   }
 
-  &-close {
-    display: inline-flex;
-    padding: 0;
-    width: 16px;
-    height: 16px;
-    margin-left: var(--yee-tag-close-margin-left);
-    cursor: pointer;
-  }
-
   &-checkable {
     margin: var(--yee-tag-checkable-margin);
     color: var(--yee-tag-item-not-check-color);
@@ -177,4 +168,13 @@
     background-color: var(--yee-tag-item-check-active-bg-color);
     border-color: var(--yee-tag-item-check-active-border-color);
   }
+
+  & &-close {
+    display: inline-flex;
+    padding: 0;
+    width: 16px;
+    height: 16px;
+    margin-left: var(--yee-tag-close-margin-left);
+    cursor: pointer;
+  }
 }

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-14T03:59:52.475Z
+ * 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-14T03:59:52.475Z
+ * Generated on 2026-07-14T08:05:12.055Z
  */
 
 /* ========== color.css ========== */

package/dist/cjs/version.d.ts

@@ -3,4 +3,4 @@ declare global {
         __yee_c_version__: string;
     }
 }
-export declare const version = "0.6.2";
+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.2";
+var version = "0.6.3";
 if (typeof window !== "undefined") {
   window.__yee_c_version__ = version;
 }

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';