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.
- package/dist/cascader/index.js +26 -35
- package/dist/cascader/style/index.css +0 -12
- package/dist/stream-text/index.js +3 -1
- package/package.json +1 -1
package/dist/cascader/index.js
CHANGED
|
@@ -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
|
|
163
|
-
*
|
|
161
|
+
* rtl:弹层右对齐 trigger、向左生长。打开前(pointerdown / onOpenChange)
|
|
162
|
+
* 已算好方向,配合 bottomRight + adjustX:0 避免首帧横向跳动。
|
|
163
|
+
* 弹层默认仍挂 document.body(不传 getPopupContainer 时)。
|
|
164
164
|
*/
|
|
165
|
-
var
|
|
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
|
|
170
|
+
var _ref2, _root$querySelector;
|
|
172
171
|
if (expandDirection !== 'auto') {
|
|
173
172
|
return;
|
|
174
173
|
}
|
|
175
|
-
var root =
|
|
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 =
|
|
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',
|
|
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
|
-
|
|
411
|
-
|
|
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
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
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;
|