1

2026-05-25 17:08:18 +08:00
parent df501f6151
commit f1259b71b5
9178 changed files with 1626125 additions and 0 deletions
@@ -0,0 +1,102 @@
+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); }
+import * as React from 'react';
+import { clsx } from 'clsx';
+import Input from "../Input";
+import { useSelectInputContext } from "../context";
+import useBaseProps from "../../hooks/useBaseProps";
+import Placeholder from "./Placeholder";
+import SelectContext from "../../SelectContext";
+import { getTitle } from "../../utils/commonUtil";
+const SingleContent = /*#__PURE__*/React.forwardRef(({
+  inputProps
+}, ref) => {
+  const {
+    prefixCls,
+    searchValue,
+    activeValue,
+    displayValues,
+    maxLength,
+    mode,
+    components
+  } = useSelectInputContext();
+  const {
+    triggerOpen,
+    title: rootTitle,
+    showSearch,
+    classNames,
+    styles
+  } = useBaseProps();
+  const selectContext = React.useContext(SelectContext);
+  const [inputChanged, setInputChanged] = React.useState(false);
+  const combobox = mode === 'combobox';
+  const displayValue = displayValues[0];
+
+  // Implement the same logic as the old SingleSelector
+  const mergedSearchValue = React.useMemo(() => {
+    if (combobox && activeValue && !inputChanged && triggerOpen) {
+      return activeValue;
+    }
+    return showSearch ? searchValue : '';
+  }, [combobox, activeValue, inputChanged, triggerOpen, searchValue, showSearch]);
+  const [optionClassName, optionStyle, optionTitle, hasOptionStyle] = React.useMemo(() => {
+    let className;
+    let style;
+    let titleValue;
+    if (displayValue && selectContext?.flattenOptions) {
+      const option = selectContext.flattenOptions.find(opt => opt.value === displayValue.value);
+      if (option?.data) {
+        className = option.data.className;
+        style = option.data.style;
+        titleValue = getTitle(option.data);
+      }
+    }
+    if (displayValue && !titleValue) {
+      titleValue = getTitle(displayValue);
+    }
+    if (rootTitle !== undefined) {
+      titleValue = rootTitle;
+    }
+    const nextHasStyle = !!className || !!style;
+    return [className, style, titleValue, nextHasStyle];
+  }, [displayValue, selectContext?.flattenOptions, rootTitle]);
+  React.useEffect(() => {
+    if (combobox) {
+      setInputChanged(false);
+    }
+  }, [combobox, activeValue]);
+
+  // ========================== Render ==========================
+  const showHasValueCls = displayValue && displayValue.label !== null && displayValue.label !== undefined && String(displayValue.label).trim() !== '';
+
+  // Render value
+  // Only render value when not using custom input in combobox mode
+  const shouldRenderValue = !(combobox && components?.input);
+  const renderValue = shouldRenderValue ? displayValue ? hasOptionStyle ? /*#__PURE__*/React.createElement("div", {
+    className: clsx(`${prefixCls}-content-value`, optionClassName),
+    style: {
+      ...(mergedSearchValue ? {
+        visibility: 'hidden'
+      } : {}),
+      ...optionStyle
+    },
+    title: optionTitle
+  }, displayValue.label) : displayValue.label : /*#__PURE__*/React.createElement(Placeholder, {
+    show: !mergedSearchValue
+  }) : null;
+  // Render
+  return /*#__PURE__*/React.createElement("div", {
+    className: clsx(`${prefixCls}-content`, showHasValueCls && `${prefixCls}-content-has-value`, mergedSearchValue && `${prefixCls}-content-has-search-value`, hasOptionStyle && `${prefixCls}-content-has-option-style`, classNames?.content),
+    style: styles?.content,
+    title: hasOptionStyle ? undefined : optionTitle
+  }, renderValue, /*#__PURE__*/React.createElement(Input, _extends({
+    ref: ref
+  }, inputProps, {
+    value: mergedSearchValue,
+    maxLength: mode === 'combobox' ? maxLength : undefined,
+    onChange: e => {
+      setInputChanged(true);
+      inputProps.onChange?.(e);
+    }
+  })));
+});
+export default SingleContent;