one-design-next 0.0.57 → 0.0.59

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -118,7 +118,6 @@ function CascaderInner(_ref) {
118
118
  // 跨层级默认按位置自动适配展开方向
119
119
  var expandDirection = expandDirectionProp !== null && expandDirectionProp !== void 0 ? expandDirectionProp : crossLevelSelect ? 'auto' : 'ltr';
120
120
  var instanceId = React.useId().replace(/:/g, '');
121
- var rootRef = useRef(null);
122
121
  var _useState = useState(expandDirection === 'rtl' ? 'rtl' : 'ltr'),
123
122
  _useState2 = _slicedToArray(_useState, 2),
124
123
  resolvedDirection = _useState2[0],
@@ -159,20 +158,20 @@ function CascaderInner(_ref) {
159
158
  var mergedDirection = directionProp !== null && directionProp !== void 0 ? directionProp : 'ltr';
160
159
 
161
160
  /**
162
- * rtl 不用 Trigger 的 bottomRight(其用 left 定位,首帧/复算易闪到容器左侧)。
163
- * 默认把弹层挂到根节点内,用 CSS right:0 右锚定;仅自定义 getPopupContainer 时回退 bottomRight。
161
+ * rtl:弹层右对齐 trigger、向左生长。打开前(pointerdown / onOpenChange)
162
+ * 已算好方向,配合 bottomRight + adjustX:0 避免首帧横向跳动。
163
+ * 弹层默认仍挂 document.body(不传 getPopupContainer 时)。
164
164
  */
165
- var useCssRtlAnchor = panelExpandSide === 'rtl' && !getPopupContainerProp;
166
- var mergedPlacement = placementProp !== null && placementProp !== void 0 ? placementProp : useCssRtlAnchor ? 'bottomLeft' : panelExpandSide === 'rtl' ? 'bottomRight' : 'bottomLeft';
165
+ var mergedPlacement = placementProp !== null && placementProp !== void 0 ? placementProp : panelExpandSide === 'rtl' ? 'bottomRight' : 'bottomLeft';
167
166
  var builtinPlacements = useMemo(function () {
168
167
  return getExpandBuiltinPlacements();
169
168
  }, []);
170
169
  var syncAutoExpandDirection = function syncAutoExpandDirection() {
171
- var _rootRef$current$quer, _rootRef$current, _ref2, _root$querySelector;
170
+ var _ref2, _root$querySelector;
172
171
  if (expandDirection !== 'auto') {
173
172
  return;
174
173
  }
175
- var root = (_rootRef$current$quer = (_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 ? void 0 : _rootRef$current.querySelector(".odn-cascader-uid-".concat(instanceId))) !== null && _rootRef$current$quer !== void 0 ? _rootRef$current$quer : document.querySelector(".odn-cascader-uid-".concat(instanceId));
174
+ var root = document.querySelector(".odn-cascader-uid-".concat(instanceId));
176
175
  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;
177
176
  var nextDirection = resolveExpandDirection(selector, optionsDepth);
178
177
  flushSync(function () {
@@ -181,13 +180,6 @@ function CascaderInner(_ref) {
181
180
  });
182
181
  });
183
182
  };
184
- var mergedGetPopupContainer = function mergedGetPopupContainer(triggerNode) {
185
- var _rootRef$current2;
186
- if (getPopupContainerProp) {
187
- return getPopupContainerProp(triggerNode);
188
- }
189
- return (_rootRef$current2 = rootRef.current) !== null && _rootRef$current2 !== void 0 ? _rootRef$current2 : document.body;
190
- };
191
183
  var prefixCls = 'odn-select';
192
184
  var _useIcons = useIcons(_objectSpread(_objectSpread({}, restProps), {}, {
193
185
  hasFeedback: false,
@@ -217,11 +209,10 @@ function CascaderInner(_ref) {
217
209
 
218
210
  // 在打开前(pointerdown)就算好 auto 方向,避免打开后再切换 rtl class / placement
219
211
  useEffect(function () {
220
- var _rootRef$current$quer2, _rootRef$current3;
221
212
  if (expandDirection !== 'auto') {
222
213
  return undefined;
223
214
  }
224
- var root = (_rootRef$current$quer2 = (_rootRef$current3 = rootRef.current) === null || _rootRef$current3 === void 0 ? void 0 : _rootRef$current3.querySelector(".odn-cascader-uid-".concat(instanceId))) !== null && _rootRef$current$quer2 !== void 0 ? _rootRef$current$quer2 : document.querySelector(".odn-cascader-uid-".concat(instanceId));
215
+ var root = document.querySelector(".odn-cascader-uid-".concat(instanceId));
225
216
  if (!root) {
226
217
  return undefined;
227
218
  }
@@ -338,7 +329,7 @@ function CascaderInner(_ref) {
338
329
  };
339
330
  return searchConfig;
340
331
  }, [showInnerSearch, searchFilter, searchRender, searchLimit]);
341
- var commonProps = _objectSpread(_objectSpread({}, restProps), {}, {
332
+ var commonProps = _objectSpread(_objectSpread(_objectSpread({}, restProps), {}, {
342
333
  fieldNames: mergedFieldNames,
343
334
  prefixCls: prefixCls,
344
335
  disabled: disabled,
@@ -346,7 +337,7 @@ function CascaderInner(_ref) {
346
337
  allowClear: allowClear,
347
338
  showSearch: mergedShowSearch,
348
339
  className: cascaderClassName,
349
- dropdownClassName: clsx('odn-cascader-dropdown', dropdownMatchSelectWidth && 'odn-cascader-dropdown-match-width', !!searchValue && 'odn-cascader-dropdown-searching', crossLevelSelect && 'odn-cascader-dropdown-cross-level', useCssRtlAnchor && 'odn-cascader-dropdown-expand-rtl', dropdownClassName),
340
+ dropdownClassName: clsx('odn-cascader-dropdown', dropdownMatchSelectWidth && 'odn-cascader-dropdown-match-width', !!searchValue && 'odn-cascader-dropdown-searching', crossLevelSelect && 'odn-cascader-dropdown-cross-level', dropdownClassName),
350
341
  dropdownPrefixCls: 'odn-cascader',
351
342
  style: style,
352
343
  open: visible,
@@ -406,9 +397,10 @@ function CascaderInner(_ref) {
406
397
  maxTagCount: mergedMaxTagCount,
407
398
  maxTagPlaceholder: mergedMaxTagPlaceholder,
408
399
  direction: mergedDirection,
409
- placement: mergedPlacement,
410
- getPopupContainer: mergedGetPopupContainer
411
- }, !useCssRtlAnchor && panelExpandSide === 'rtl' ? {
400
+ placement: mergedPlacement
401
+ }, getPopupContainerProp ? {
402
+ getPopupContainer: getPopupContainerProp
403
+ } : {}), panelExpandSide === 'rtl' ? {
412
404
  builtinPlacements: builtinPlacements
413
405
  } : {});
414
406
  var dropdownRender = showInnerSearch ? function (menu) {
@@ -437,25 +429,24 @@ function CascaderInner(_ref) {
437
429
  })));
438
430
  return /*#__PURE__*/React.createElement(React.Fragment, null, searchNode, menu);
439
431
  } : undefined;
440
- var cascaderNode = mode === 'multiple' ? /*#__PURE__*/React.createElement(RcCascader, _extends({}, commonProps, {
441
- value: rcValue,
442
- defaultValue: rcDefaultValue,
443
- dropdownRender: dropdownRender
444
- // @ts-ignore
445
- ,
446
- checkable: /*#__PURE__*/React.createElement("span", {
447
- className: "odn-cascader-checkbox-inner"
448
- })
449
- })) : /*#__PURE__*/React.createElement(RcCascader, _extends({}, commonProps, {
432
+ if (mode === 'multiple') {
433
+ return /*#__PURE__*/React.createElement(RcCascader, _extends({}, commonProps, {
434
+ value: rcValue,
435
+ defaultValue: rcDefaultValue,
436
+ dropdownRender: dropdownRender
437
+ // @ts-ignore
438
+ ,
439
+ checkable: /*#__PURE__*/React.createElement("span", {
440
+ className: "odn-cascader-checkbox-inner"
441
+ })
442
+ }));
443
+ }
444
+ return /*#__PURE__*/React.createElement(RcCascader, _extends({}, commonProps, {
450
445
  value: rcValue,
451
446
  defaultValue: rcDefaultValue,
452
447
  dropdownRender: dropdownRender,
453
448
  checkable: false
454
449
  }));
455
- return /*#__PURE__*/React.createElement("div", {
456
- ref: rootRef,
457
- className: clsx('odn-cascader-root', panelExpandSide === 'rtl' && 'odn-cascader-root-expand-rtl')
458
- }, cascaderNode);
459
450
  }
460
451
 
461
452
  // 创建具有泛型的组件
@@ -15,18 +15,6 @@ html {
15
15
  --odn-cascader-panel-border-radius: 6px;
16
16
  }
17
17
 
18
- .odn-cascader-root {
19
- position: relative;
20
- display: inline-block;
21
- max-width: 100%;
22
- vertical-align: top;
23
- }
24
-
25
- .odn-cascader-root > .odn-select-dropdown.odn-cascader-dropdown-expand-rtl {
26
- left: auto !important;
27
- right: 0 !important;
28
- }
29
-
30
18
  .odn-cascader {
31
19
  width: var(--odn-cascader-control-width);
32
20
  }
@@ -140,7 +140,9 @@ export function StreamText(_ref) {
140
140
  "data-odn-stream-text": true,
141
141
  style: rootStyle
142
142
  }, /*#__PURE__*/React.createElement(Markdown, {
143
- remarkPlugins: [remarkGfm],
143
+ remarkPlugins: [[remarkGfm, {
144
+ singleTilde: false
145
+ }]],
144
146
  components: {
145
147
  pre: function pre(_ref2) {
146
148
  var _codeEl$props$classNa, _codeEl$props, _codeEl$props$childre, _codeEl$props2;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "one-design-next",
3
- "version": "0.0.57",
3
+ "version": "0.0.59",
4
4
  "description": "One Design Next from TAD@tencent.com",
5
5
  "packageManager": "pnpm@11.8.0",
6
6
  "module": "dist/index.js",