one-design-next 0.0.63 → 0.0.65

package/dist/cascader/index.js

@@ -1,13 +1,12 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _typeof from "@babel/runtime/helpers/esm/typeof";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
-var _excluded = ["size", "disabled", "placeholder", "allowClear", "showSearch", "className", "style", "light", "visible", "onVisibleChange", "onChange", "value", "defaultValue", "suffixIcon", "mode", "options", "optionPopoverProps", "showInnerSearch", "searchValue", "onSearch", "autoClearSearchValue", "searchFilter", "searchRender", "searchLimit", "notFoundContent", "showCheckedStrategy", "displayRender", "dropdownClassName", "dropdownMatchSelectWidth", "separator", "optionRender", "changeOnSelect", "crossLevelSelect", "expandDirection", "maxTagCount", "maxTagPlaceholder", "direction", "placement", "getPopupContainer"];
+var _excluded = ["size", "disabled", "placeholder", "allowClear", "showSearch", "className", "style", "light", "visible", "onVisibleChange", "onChange", "value", "defaultValue", "suffixIcon", "mode", "options", "optionPopoverProps", "showInnerSearch", "searchValue", "onSearch", "autoClearSearchValue", "searchFilter", "searchRender", "searchLimit", "notFoundContent", "showCheckedStrategy", "displayRender", "dropdownClassName", "dropdownMatchSelectWidth", "separator", "optionRender", "changeOnSelect", "crossLevelSelect", "maxTagCount", "maxTagPlaceholder", "direction", "placement", "getPopupContainer"];
 import clsx from 'clsx';
 import React, { useEffect, useMemo, useRef, useState } from 'react';
-import { flushSync } from 'react-dom';
 import Icon from "../icon";
 import "../select/style";
 import useIcons from "../select/useIcons";
@@ -16,7 +15,7 @@ import RcCascader, { SHOW_CHILD, SHOW_PARENT } from "./fork";
 import CascaderPanel from "./Panel";
 import SelectedSummary from "./SelectedSummary";
 import "./style";
-import { calculateOptionsDepth, DEFAULT_FIELD_NAMES, getExpandBuiltinPlacements, processOptions, resolveExpandDirection } from "./utils";
+import { DEFAULT_FIELD_NAMES, processOptions } from "./utils";
 function getPathLeafLabel(path, optionList, valueField, childrenField) {
   var current = optionList;
   var leaf;
@@ -104,7 +103,6 @@ function CascaderInner(_ref) {
     changeOnSelectProp = _ref.changeOnSelect,
     _ref$crossLevelSelect = _ref.crossLevelSelect,
     crossLevelSelect = _ref$crossLevelSelect === void 0 ? false : _ref$crossLevelSelect,
-    expandDirectionProp = _ref.expandDirection,
     maxTagCountProp = _ref.maxTagCount,
     maxTagPlaceholderProp = _ref.maxTagPlaceholder,
     directionProp = _ref.direction,
@@ -115,13 +113,6 @@ function CascaderInner(_ref) {
   var showInnerSearch = showInnerSearchProp !== null && showInnerSearchProp !== void 0 ? showInnerSearchProp : crossLevelSelect;
   // 跨层级多选：勾选后不自动清空搜索，避免搜索结果被收起
   var autoClearSearchValue = autoClearSearchValueProp !== null && autoClearSearchValueProp !== void 0 ? autoClearSearchValueProp : !(crossLevelSelect && mode === 'multiple');
-  // 跨层级默认按位置自动适配展开方向
-  var expandDirection = expandDirectionProp !== null && expandDirectionProp !== void 0 ? expandDirectionProp : crossLevelSelect ? 'auto' : 'ltr';
-  var instanceId = React.useId().replace(/:/g, '');
-  var _useState = useState(expandDirection === 'rtl' ? 'rtl' : 'ltr'),
-    _useState2 = _slicedToArray(_useState, 2),
-    resolvedDirection = _useState2[0],
-    setResolvedDirection = _useState2[1];
 
   // 默认 fieldNames.label 为 labelWithPopover，下拉展示带 Popover 的节点，用户传入的 label 保留
   var mergedFieldNames = React.useMemo(function () {
@@ -149,37 +140,6 @@ function CascaderInner(_ref) {
   var processedOptions = React.useMemo(function () {
     return processOptions(options, mergedFieldNames, optionPopoverProps);
   }, [options, mergedFieldNames, optionPopoverProps]);
-  var optionsDepth = useMemo(function () {
-    return calculateOptionsDepth(processedOptions, mergedFieldNames);
-  }, [processedOptions, mergedFieldNames]);
-
-  // expandDirection 只控制弹层锚点（靠右时向左生长），列阅读顺序始终从左到右、层级加深向右
-  var panelExpandSide = expandDirection === 'auto' ? resolvedDirection : expandDirection;
-  var mergedDirection = directionProp !== null && directionProp !== void 0 ? directionProp : 'ltr';
-
-  /**
-   * rtl：弹层右对齐 trigger、向左生长。打开前（pointerdown / onOpenChange）
-   * 已算好方向，配合 bottomRight + adjustX:0 避免首帧横向跳动。
-   * 弹层默认仍挂 document.body（不传 getPopupContainer 时）。
-   */
-  var mergedPlacement = placementProp !== null && placementProp !== void 0 ? placementProp : panelExpandSide === 'rtl' ? 'bottomRight' : 'bottomLeft';
-  var builtinPlacements = useMemo(function () {
-    return getExpandBuiltinPlacements();
-  }, []);
-  var syncAutoExpandDirection = function syncAutoExpandDirection() {
-    var _ref2, _root$querySelector;
-    if (expandDirection !== 'auto') {
-      return;
-    }
-    var root = document.querySelector(".odn-cascader-uid-".concat(instanceId));
-    var selector = (_ref2 = (_root$querySelector = root === null || root === void 0 ? void 0 : root.querySelector('.odn-select-selector')) !== null && _root$querySelector !== void 0 ? _root$querySelector : root) !== null && _ref2 !== void 0 ? _ref2 : null;
-    var nextDirection = resolveExpandDirection(selector, optionsDepth);
-    flushSync(function () {
-      setResolvedDirection(function (prev) {
-        return prev === nextDirection ? prev : nextDirection;
-      });
-    });
-  };
   var prefixCls = 'odn-select';
   var _useIcons = useIcons(_objectSpread(_objectSpread({}, restProps), {}, {
       hasFeedback: false,
@@ -191,44 +151,17 @@ function CascaderInner(_ref) {
     suffixIcon = _useIcons.suffixIcon,
     removeIcon = _useIcons.removeIcon,
     clearIcon = _useIcons.clearIcon;
-  var cascaderClassName = [prefixCls, "".concat(prefixCls, "-").concat(size), disabled && "".concat(prefixCls, "-disabled"), light && "".concat(prefixCls, "-light"), !light && "".concat(prefixCls, "-outlined"), "".concat(prefixCls, "-show-arrow"), showInnerSearch && "".concat(prefixCls, "-show-inner-search"), 'odn-cascader', crossLevelSelect && 'odn-cascader-cross-level', "odn-cascader-uid-".concat(instanceId), panelExpandSide === 'rtl' && 'odn-cascader-expand-rtl', className].filter(Boolean).join(' ');
-  var _useState3 = useState(visibleProp),
+  var cascaderClassName = [prefixCls, "".concat(prefixCls, "-").concat(size), disabled && "".concat(prefixCls, "-disabled"), light && "".concat(prefixCls, "-light"), !light && "".concat(prefixCls, "-outlined"), "".concat(prefixCls, "-show-arrow"), showInnerSearch && "".concat(prefixCls, "-show-inner-search"), 'odn-cascader', crossLevelSelect && 'odn-cascader-cross-level', className].filter(Boolean).join(' ');
+  var _useState = useState(visibleProp),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  var _useState3 = useState(searchValueProp || ''),
     _useState4 = _slicedToArray(_useState3, 2),
-    visible = _useState4[0],
-    setVisible = _useState4[1];
-  var _useState5 = useState(searchValueProp || ''),
-    _useState6 = _slicedToArray(_useState5, 2),
-    searchValue = _useState6[0],
-    setSearchValue = _useState6[1];
+    searchValue = _useState4[0],
+    setSearchValue = _useState4[1];
   var dropdownSearchInputRef = useRef(null);
-  useEffect(function () {
-    if (expandDirection === 'ltr' || expandDirection === 'rtl') {
-      setResolvedDirection(expandDirection);
-    }
-  }, [expandDirection]);
-
-  // 在打开前（pointerdown）就算好 auto 方向，避免打开后再切换 rtl class / placement
-  useEffect(function () {
-    if (expandDirection !== 'auto') {
-      return undefined;
-    }
-    var root = document.querySelector(".odn-cascader-uid-".concat(instanceId));
-    if (!root) {
-      return undefined;
-    }
-    var onPointerDown = function onPointerDown() {
-      syncAutoExpandDirection();
-    };
-    root.addEventListener('pointerdown', onPointerDown, true);
-    return function () {
-      root.removeEventListener('pointerdown', onPointerDown, true);
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps -- 仅在关键参数变化时重绑
-  }, [expandDirection, instanceId, optionsDepth]);
   var handleVisibleChange = function handleVisibleChange(bool) {
-    if (bool && expandDirection === 'auto') {
-      syncAutoExpandDirection();
-    }
     if (visibleProp === undefined) {
       setVisible(bool);
     }
@@ -315,8 +248,11 @@ function CascaderInner(_ref) {
     return optionList;
   };
   var mergedShowSearch = React.useMemo(function () {
+    if (!showInnerSearch && !showSearch) {
+      return false;
+    }
     if (!showInnerSearch) {
-      return showInnerSearch;
+      return showSearch;
     }
     var searchConfig = {
       filter: searchFilter || function (inputValue, path) {
@@ -328,8 +264,8 @@ function CascaderInner(_ref) {
       limit: searchLimit
     };
     return searchConfig;
-  }, [showInnerSearch, searchFilter, searchRender, searchLimit]);
-  var commonProps = _objectSpread(_objectSpread(_objectSpread({}, restProps), {}, {
+  }, [showInnerSearch, showSearch, searchFilter, searchRender, searchLimit]);
+  var commonProps = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, restProps), {}, {
     fieldNames: mergedFieldNames,
     prefixCls: prefixCls,
     disabled: disabled,
@@ -394,14 +330,15 @@ function CascaderInner(_ref) {
     optionRender: optionRenderProp,
     changeOnSelect: !!changeOnSelectProp || crossLevelSelect,
     checkStrictly: crossLevelSelect,
+    showInnerSearch: showInnerSearch,
     maxTagCount: mergedMaxTagCount,
-    maxTagPlaceholder: mergedMaxTagPlaceholder,
-    direction: mergedDirection,
-    placement: mergedPlacement
-  }, getPopupContainerProp ? {
+    maxTagPlaceholder: mergedMaxTagPlaceholder
+  }, directionProp ? {
+    direction: directionProp
+  } : {}), placementProp ? {
+    placement: placementProp
+  } : {}), getPopupContainerProp ? {
     getPopupContainer: getPopupContainerProp
-  } : {}), panelExpandSide === 'rtl' ? {
-    builtinPlacements: builtinPlacements
   } : {});
   var dropdownRender = showInnerSearch ? function (menu) {
     var searchNode = /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {

package/dist/cascader/style/index.css

@@ -3,8 +3,6 @@ html {
   --odn-cascader-control-width: 184px;
   --odn-cascader-control-item-width: 200px;
   --odn-cascader-dropdown-height: 232px;
-  --odn-cascader-panel-motion-duration: 0.22s;
-  --odn-cascader-panel-motion-ease: cubic-bezier(0.32, 0.72, 0, 1);
   --odn-cascader-option-selected-bg: var(--odn-color-blue-1);
   --odn-cascader-option-selected-font-weight: 400;
   --odn-cascader-option-padding-block: 7px;
@@ -15,6 +13,7 @@ html {
   --odn-cascader-panel-border-radius: 6px;
 }
 
+/* stylelint-disable no-descending-specificity, no-duplicate-selectors */
 .odn-cascader {
   width: var(--odn-cascader-control-width);
 }

package/dist/cascader/utils.d.ts

@@ -12,51 +12,3 @@ export declare const DEFAULT_FIELD_NAMES: FieldNames;
 export declare const processOptions: (options: DefaultOptionType[] | undefined, fieldNames?: FieldNames, optionPopoverProps?: Record<string, unknown>) => DefaultOptionType[] | undefined;
 export declare const calculateOptionsDepth: (options: DefaultOptionType[] | undefined, fieldNames?: FieldNames) => number;
 export declare const generateCommonStyle: (depth: number, autoMaxWidth: boolean, customStyle?: React.CSSProperties) => React.CSSProperties;
-export type ExpandDirection = 'ltr' | 'rtl' | 'auto';
-/**
- * Cascader 自管水平锚点（expandDirection），关闭 adjustX，
- * 避免 Trigger 首帧按溢出翻转后再纠正造成「先错后对」。
- */
-export declare const getExpandBuiltinPlacements: () => {
-    bottomLeft: {
-        points: [string, string];
-        offset: number[];
-        overflow: {
-            adjustX: number;
-            adjustY: number;
-        };
-        htmlRegion: "scroll";
-    };
-    bottomRight: {
-        points: [string, string];
-        offset: number[];
-        overflow: {
-            adjustX: number;
-            adjustY: number;
-        };
-        htmlRegion: "scroll";
-    };
-    topLeft: {
-        points: [string, string];
-        offset: number[];
-        overflow: {
-            adjustX: number;
-            adjustY: number;
-        };
-        htmlRegion: "scroll";
-    };
-    topRight: {
-        points: [string, string];
-        offset: number[];
-        overflow: {
-            adjustX: number;
-            adjustY: number;
-        };
-        htmlRegion: "scroll";
-    };
-};
-/**
- * 根据 selector 相对视口的位置，决定弹层左对齐向右生长（ltr）
- * 还是右对齐向左生长（rtl）。列阅读顺序始终从左到右。
- */
-export declare const resolveExpandDirection: (triggerEl: Element | null | undefined, depth: number, columnMinWidth?: number) => 'ltr' | 'rtl';

package/dist/cascader/utils.js

@@ -47,7 +47,7 @@ export var processOptions = function processOptions(options, fieldNames, optionP
     });
 
     // 记录一个自定义的固定的属性，用以处理 search 逻辑
-    processedOption['labelForSearch'] = displayContent != null && (typeof displayContent === 'string' || typeof displayContent === 'number') ? String(displayContent) : '';
+    processedOption['labelForSearch'] = displayContent !== null && displayContent !== undefined && (typeof displayContent === 'string' || typeof displayContent === 'number') ? String(displayContent) : '';
 
     // 递归处理 children
     var childrenField = (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.children) || 'children';
@@ -96,75 +96,4 @@ export var generateCommonStyle = function generateCommonStyle(depth, autoMaxWidt
   return _objectSpread({
     '--odn-cascader-panel-column-flex': autoMaxWidth ? "0 0 ".concat(100 / depth, "%") : '1 1 0%'
   }, customStyle);
-};
-var DEFAULT_COLUMN_MIN_WIDTH = 200;
-
-/**
- * Cascader 自管水平锚点（expandDirection），关闭 adjustX，
- * 避免 Trigger 首帧按溢出翻转后再纠正造成「先错后对」。
- */
-export var getExpandBuiltinPlacements = function getExpandBuiltinPlacements() {
-  var adjustX = 0;
-  var adjustY = 1;
-  return {
-    bottomLeft: {
-      points: ['tl', 'bl'],
-      offset: [0, 4],
-      overflow: {
-        adjustX: adjustX,
-        adjustY: adjustY
-      },
-      htmlRegion: 'scroll'
-    },
-    bottomRight: {
-      points: ['tr', 'br'],
-      offset: [0, 4],
-      overflow: {
-        adjustX: adjustX,
-        adjustY: adjustY
-      },
-      htmlRegion: 'scroll'
-    },
-    topLeft: {
-      points: ['bl', 'tl'],
-      offset: [0, -4],
-      overflow: {
-        adjustX: adjustX,
-        adjustY: adjustY
-      },
-      htmlRegion: 'scroll'
-    },
-    topRight: {
-      points: ['br', 'tr'],
-      offset: [0, -4],
-      overflow: {
-        adjustX: adjustX,
-        adjustY: adjustY
-      },
-      htmlRegion: 'scroll'
-    }
-  };
-};
-
-/**
- * 根据 selector 相对视口的位置，决定弹层左对齐向右生长（ltr）
- * 还是右对齐向左生长（rtl）。列阅读顺序始终从左到右。
- */
-export var resolveExpandDirection = function resolveExpandDirection(triggerEl, depth) {
-  var columnMinWidth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : DEFAULT_COLUMN_MIN_WIDTH;
-  if (!triggerEl || typeof window === 'undefined') {
-    return 'ltr';
-  }
-  var rect = triggerEl.getBoundingClientRect();
-  var columns = Math.max(1, Math.min(depth, 4));
-  var neededWidth = columns * columnMinWidth;
-  var spaceRight = window.innerWidth - rect.left;
-  var spaceLeft = rect.right;
-  if (spaceRight >= neededWidth) {
-    return 'ltr';
-  }
-  if (spaceLeft > spaceRight) {
-    return 'rtl';
-  }
-  return 'ltr';
 };

package/dist/index.d.ts

@@ -43,7 +43,7 @@ export { RuyiLayout, type RuyiLayoutProps, type RuyiMenuItem } from './layout';
 export { MpLayout, type MpLayoutProps, type MpMenuItem, type MpTabItem, type MpSubTab } from './layout';
 export { HuxuanLayout, type HuxuanLayoutProps, type HuxuanNavItem, type HuxuanNavChild, type HuxuanActionItem } from './layout';
 export { default as ScrollArea, type ScrollAreaProps, type ScrollAreaRef } from './scroll-area';
-export { default as Select, type SelectProps } from './select';
+export { default as Select, type SelectProps, type TokenPasteResult, type TokenValidationItem, } from './select';
 export { default as Slider, type SliderProps } from './slider';
 export { default as Switch, type SwitchProps } from './switch';
 export { default as Tabs } from './tabs';

package/dist/select/SelectFeedback.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export type SelectFeedbackState = {
+    message: string;
+    undoable?: boolean;
+};
+export interface SelectFeedbackProps {
+    feedback: SelectFeedbackState | null;
+    onUndo?: () => void;
+}
+declare const SelectFeedback: React.FC<SelectFeedbackProps>;
+export default SelectFeedback;

package/dist/select/SelectFeedback.js

@@ -0,0 +1,20 @@
+import React from 'react';
+var SelectFeedback = function SelectFeedback(_ref) {
+  var feedback = _ref.feedback,
+    onUndo = _ref.onUndo;
+  if (!feedback) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: "odn-select-feedback",
+    role: "status",
+    "data-odn-select-feedback": true
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "odn-select-feedback-message"
+  }, feedback.message), feedback.undoable ? /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: "odn-select-feedback-undo",
+    onClick: onUndo
+  }, "\u64A4\u9500") : null);
+};
+export default SelectFeedback;

package/dist/select/index.d.ts

@@ -3,7 +3,8 @@ import { OptGroup, Option } from 'rc-select';
 import type { BaseOptionType, DefaultOptionType } from 'rc-select/lib/Select';
 import React from 'react';
 import './style';
-type RawValue = string | number;
+import { type RawValue, type TokenPasteResult, type TokenValidationItem } from './tokenUtils';
+export type { TokenPasteResult, TokenValidationItem };
 type SemanticName = 'root';
 type PopupSemantic = 'root';
 export interface LabeledValue {
@@ -47,6 +48,32 @@ export interface SelectProps<ValueType = any, OptionType extends BaseOptionType
     optionCheckPosition?: 'left' | 'right';
     showInnerSearch?: boolean;
     optionRender?: RcSelectProps['optionRender'];
+    /**
+     * 批量粘贴 / 输入分词分隔符。传入后启用增强粘贴：
+     * 拆分、去重、未匹配标红保留（可由 tokenMismatch 关闭）、反馈条。
+     */
+    tokenSeparators?: string[];
+    /**
+     * 未匹配 token 的处理。
+     * - `keep`：标红保留为 invalid chip（默认）
+     * - `drop`：丢弃未匹配项（对齐 rc-select multiple 默认行为）
+     */
+    tokenMismatch?: 'drop' | 'keep';
+    /** 是否展示批量粘贴 / 清空反馈条。传入 tokenSeparators 时默认 true */
+    tokenFeedback?: boolean;
+    /**
+     * 自定义批量校验（可异步）。不传则按当前 options 的 label/value 本地匹配。
+     */
+    validateTokens?: (tokens: string[]) => TokenValidationItem[] | Promise<TokenValidationItem[]>;
+    /** 批量粘贴处理完成回调 */
+    onTokenPaste?: (result: TokenPasteResult) => void;
+    /**
+     * 清空全部后是否展示「撤销」。
+     * 传入 tokenSeparators 时默认 true；也可单独开启（需 allowClear）。
+     */
+    clearUndo?: boolean;
+    /** 反馈条自动消失时长（ms） */
+    feedbackDuration?: number;
 }
 export interface SelectButtonProps {
     /** 是否显示箭头 */