@sheinx/base 3.8.0-beta.2 → 3.8.0-beta.4
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/cjs/cascader/list.d.ts.map +1 -1
- package/cjs/cascader/list.js +0 -13
- package/cjs/cascader/node.d.ts.map +1 -1
- package/cjs/cascader/node.js +6 -8
- package/cjs/cascader/node.type.d.ts +0 -2
- package/cjs/cascader/node.type.d.ts.map +1 -1
- package/cjs/modal/modal-content.d.ts.map +1 -1
- package/cjs/modal/modal-content.js +31 -17
- package/cjs/tooltip/tooltip.type.d.ts +0 -6
- package/cjs/tooltip/tooltip.type.d.ts.map +1 -1
- package/cjs/transfer/transfer-list-item.d.ts.map +1 -1
- package/cjs/transfer/transfer-list-item.js +14 -3
- package/cjs/transfer/transfer-list-item.type.d.ts +2 -1
- package/cjs/transfer/transfer-list-item.type.d.ts.map +1 -1
- package/cjs/transfer/transfer.d.ts.map +1 -1
- package/cjs/transfer/transfer.js +12 -5
- package/cjs/transfer/transfer.type.d.ts +8 -1
- package/cjs/transfer/transfer.type.d.ts.map +1 -1
- package/cjs/tree/tree-virtual.d.ts.map +1 -1
- package/cjs/tree/tree-virtual.js +7 -1
- package/cjs/tree-select/tree-select.d.ts.map +1 -1
- package/cjs/tree-select/tree-select.js +19 -4
- package/cjs/upload/button.d.ts.map +1 -1
- package/cjs/upload/button.js +0 -1
- package/cjs/upload/button.type.d.ts +1 -1
- package/cjs/upload/button.type.d.ts.map +1 -1
- package/esm/cascader/list.d.ts.map +1 -1
- package/esm/cascader/list.js +1 -14
- package/esm/cascader/node.d.ts.map +1 -1
- package/esm/cascader/node.js +6 -8
- package/esm/cascader/node.type.d.ts +0 -2
- package/esm/cascader/node.type.d.ts.map +1 -1
- package/esm/modal/modal-content.d.ts.map +1 -1
- package/esm/modal/modal-content.js +31 -17
- package/esm/tooltip/tooltip.type.d.ts +0 -6
- package/esm/tooltip/tooltip.type.d.ts.map +1 -1
- package/esm/transfer/transfer-list-item.d.ts.map +1 -1
- package/esm/transfer/transfer-list-item.js +16 -5
- package/esm/transfer/transfer-list-item.type.d.ts +2 -1
- package/esm/transfer/transfer-list-item.type.d.ts.map +1 -1
- package/esm/transfer/transfer.d.ts.map +1 -1
- package/esm/transfer/transfer.js +13 -6
- package/esm/transfer/transfer.type.d.ts +8 -1
- package/esm/transfer/transfer.type.d.ts.map +1 -1
- package/esm/tree/tree-virtual.d.ts.map +1 -1
- package/esm/tree/tree-virtual.js +7 -1
- package/esm/tree-select/tree-select.d.ts.map +1 -1
- package/esm/tree-select/tree-select.js +19 -4
- package/esm/upload/button.d.ts.map +1 -1
- package/esm/upload/button.js +0 -1
- package/esm/upload/button.type.d.ts +1 -1
- package/esm/upload/button.type.d.ts.map +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["list.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAI7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAMhD,QAAA,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["list.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAI7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAMhD,QAAA,MAAM,YAAY,gIAmHjB,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
package/cjs/cascader/list.js
CHANGED
|
@@ -11,12 +11,6 @@ var _node = _interopRequireDefault(require("./node"));
|
|
|
11
11
|
var _hooks = require("@sheinx/hooks");
|
|
12
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
15
|
-
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."); }
|
|
16
|
-
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); }
|
|
17
|
-
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; }
|
|
18
|
-
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; } }
|
|
19
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
20
14
|
var devUseWarning = _hooks.util.devUseWarning;
|
|
21
15
|
var CascaderList = function CascaderList(props) {
|
|
22
16
|
var _jssStyle$cascader;
|
|
@@ -73,18 +67,11 @@ var CascaderList = function CascaderList(props) {
|
|
|
73
67
|
children: "noData"
|
|
74
68
|
});
|
|
75
69
|
};
|
|
76
|
-
var _useState = (0, _react.useState)(),
|
|
77
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
78
|
-
activeLeaf = _useState2[0],
|
|
79
|
-
setActiveLeaf = _useState2[1];
|
|
80
|
-
var needSetActiveLeaf = (multiple || mode !== undefined) && props.id === undefined;
|
|
81
70
|
var renderItem = function renderItem(item, index) {
|
|
82
71
|
var id = getKey(item, index);
|
|
83
72
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_node.default, {
|
|
84
73
|
jssStyle: jssStyle,
|
|
85
74
|
active: props.id === id,
|
|
86
|
-
activeLeaf: activeLeaf,
|
|
87
|
-
setActiveLeaf: needSetActiveLeaf ? setActiveLeaf : undefined,
|
|
88
75
|
id: id,
|
|
89
76
|
data: item,
|
|
90
77
|
datum: datum,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"node.d.ts","sourceRoot":"","sources":["node.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAuB,MAAM,eAAe,CAAC;AAElE,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAQhD,QAAA,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"node.d.ts","sourceRoot":"","sources":["node.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAuB,MAAM,eAAe,CAAC;AAElE,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAQhD,QAAA,MAAM,YAAY,gIAiJjB,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
package/cjs/cascader/node.js
CHANGED
|
@@ -45,9 +45,7 @@ var CascaderNode = function CascaderNode(props) {
|
|
|
45
45
|
shouldFinal = props.shouldFinal,
|
|
46
46
|
onChange = props.onChange,
|
|
47
47
|
onPathChange = props.onPathChange,
|
|
48
|
-
mode = props.mode
|
|
49
|
-
activeLeaf = props.activeLeaf,
|
|
50
|
-
setActiveLeaf = props.setActiveLeaf;
|
|
48
|
+
mode = props.mode;
|
|
51
49
|
var _useState = (0, _react.useState)(false),
|
|
52
50
|
_useState2 = _slicedToArray(_useState, 2),
|
|
53
51
|
loading = _useState2[0],
|
|
@@ -60,7 +58,7 @@ var CascaderNode = function CascaderNode(props) {
|
|
|
60
58
|
var uncertainChildren = loader && !loading && children === undefined;
|
|
61
59
|
var styles = jssStyle === null || jssStyle === void 0 || (_jssStyle$cascader = jssStyle.cascader) === null || _jssStyle$cascader === void 0 ? void 0 : _jssStyle$cascader.call(jssStyle);
|
|
62
60
|
var commonStyles = jssStyle === null || jssStyle === void 0 || (_jssStyle$common = jssStyle.common) === null || _jssStyle$common === void 0 ? void 0 : _jssStyle$common.call(jssStyle);
|
|
63
|
-
var rootClass = (0, _classnames.default)(styles.option,
|
|
61
|
+
var rootClass = (0, _classnames.default)(styles.option, active && styles.activeOption, isDisabled && mode !== 4 && styles.optionDisabled);
|
|
64
62
|
var handlePathChange = function handlePathChange() {
|
|
65
63
|
onPathChange === null || onPathChange === void 0 || onPathChange(id, data, path);
|
|
66
64
|
};
|
|
@@ -84,9 +82,6 @@ var CascaderNode = function CascaderNode(props) {
|
|
|
84
82
|
if (_hooks.util.getParent(e.target, checkboxRef.current)) return;
|
|
85
83
|
var checked = datum.getChecked(id);
|
|
86
84
|
handleChange(null, !checked);
|
|
87
|
-
if (setActiveLeaf) {
|
|
88
|
-
setActiveLeaf(id);
|
|
89
|
-
}
|
|
90
85
|
};
|
|
91
86
|
var isHoverAble = expandTrigger === 'hover' || expandTrigger === 'hover-only';
|
|
92
87
|
var isRealLeafNode = !hasChildren && !uncertainChildren;
|
|
@@ -100,7 +95,10 @@ var CascaderNode = function CascaderNode(props) {
|
|
|
100
95
|
if (multiple) events.onClick = handleSelect;
|
|
101
96
|
} else if (isRealLeafNode && multiple) {
|
|
102
97
|
// 非hover模式下: 末级节点支持整个节点区域点击选中checkbox
|
|
103
|
-
events.onClick =
|
|
98
|
+
events.onClick = function (e) {
|
|
99
|
+
handleClick(e);
|
|
100
|
+
handleSelect(e);
|
|
101
|
+
};
|
|
104
102
|
}
|
|
105
103
|
return events;
|
|
106
104
|
};
|
|
@@ -13,7 +13,5 @@ export interface CascaderNodeProps<DataItem, Value extends KeygenResult[]> exten
|
|
|
13
13
|
path: Value;
|
|
14
14
|
onPathChange: (id: KeygenResult, item: DataItem | null, nextPath: Value, fromClick?: boolean) => void;
|
|
15
15
|
onChange: (value: Value, data?: DataItem | UnMatchedData | null) => void;
|
|
16
|
-
activeLeaf?: KeygenResult;
|
|
17
|
-
setActiveLeaf?: (id: KeygenResult) => void;
|
|
18
16
|
}
|
|
19
17
|
//# sourceMappingURL=node.type.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"node.type.d.ts","sourceRoot":"","sources":["node.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAE9D,MAAM,WAAW,iBAAiB,CAAC,QAAQ,EAAE,KAAK,SAAS,YAAY,EAAE,CACvE,SAAQ,IAAI,CACV,aAAa,CAAC,QAAQ,EAAE,KAAK,CAAC,EAC9B,QAAQ,GAAG,UAAU,GAAG,eAAe,GAAG,YAAY,GAAG,QAAQ,GAAG,MAAM,CAC3E;IACD,IAAI,EAAE,QAAQ,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;IACjC,EAAE,EAAE,YAAY,CAAC;IACjB,QAAQ,EAAE,YAAY,CAAC;IACvB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,KAAK,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC;IACpC,WAAW,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,KAAK,CAAC;IACZ,YAAY,EAAE,CACZ,EAAE,EAAE,YAAY,EAChB,IAAI,EAAE,QAAQ,GAAG,IAAI,EACrB,QAAQ,EAAE,KAAK,EACf,SAAS,CAAC,EAAE,OAAO,KAChB,IAAI,CAAC;IACV,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,QAAQ,GAAG,aAAa,GAAG,IAAI,KAAK,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"node.type.d.ts","sourceRoot":"","sources":["node.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAE9D,MAAM,WAAW,iBAAiB,CAAC,QAAQ,EAAE,KAAK,SAAS,YAAY,EAAE,CACvE,SAAQ,IAAI,CACV,aAAa,CAAC,QAAQ,EAAE,KAAK,CAAC,EAC9B,QAAQ,GAAG,UAAU,GAAG,eAAe,GAAG,YAAY,GAAG,QAAQ,GAAG,MAAM,CAC3E;IACD,IAAI,EAAE,QAAQ,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;IACjC,EAAE,EAAE,YAAY,CAAC;IACjB,QAAQ,EAAE,YAAY,CAAC;IACvB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,KAAK,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC;IACpC,WAAW,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,KAAK,CAAC;IACZ,YAAY,EAAE,CACZ,EAAE,EAAE,YAAY,EAChB,IAAI,EAAE,QAAQ,GAAG,IAAI,EACrB,QAAQ,EAAE,KAAK,EACf,SAAS,CAAC,EAAE,OAAO,KAChB,IAAI,CAAC;IACV,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,QAAQ,GAAG,aAAa,GAAG,IAAI,KAAK,IAAI,CAAC;CAC1E"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-content.d.ts","sourceRoot":"","sources":["modal-content.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAoB9D,QAAA,MAAM,KAAK,UAAW,iBAAiB,
|
|
1
|
+
{"version":3,"file":"modal-content.d.ts","sourceRoot":"","sources":["modal-content.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAoB9D,QAAA,MAAM,KAAK,UAAW,iBAAiB,mDA8WtC,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -68,7 +68,11 @@ var Modal = function Modal(props) {
|
|
|
68
68
|
isMask: false,
|
|
69
69
|
mouseDownTarget: null,
|
|
70
70
|
mouseUpTarget: null,
|
|
71
|
-
content: null
|
|
71
|
+
content: null,
|
|
72
|
+
originDocumentStyle: {
|
|
73
|
+
overflow: '',
|
|
74
|
+
paddingRight: ''
|
|
75
|
+
}
|
|
72
76
|
}),
|
|
73
77
|
context = _useRef.current;
|
|
74
78
|
var _useState3 = (0, _react.useState)(props.visible || props.autoShow),
|
|
@@ -168,18 +172,33 @@ var Modal = function Modal(props) {
|
|
|
168
172
|
setAnimation(true);
|
|
169
173
|
}
|
|
170
174
|
}, [props.visible]);
|
|
175
|
+
|
|
176
|
+
// 设置 document.body.style.overflow 和 document.body.style.paddingRight,并记录原始值到 context 中
|
|
177
|
+
var setDocumentOverflow = (0, _hooks.usePersistFn)(function () {
|
|
178
|
+
var doc = document.body.parentNode;
|
|
179
|
+
if (context.isMask) {
|
|
180
|
+
context.originDocumentStyle.overflow = doc.style.overflow;
|
|
181
|
+
context.originDocumentStyle.paddingRight = doc.style.paddingRight;
|
|
182
|
+
}
|
|
183
|
+
doc.style.overflow = 'hidden';
|
|
184
|
+
if (!doc.style.paddingRight) {
|
|
185
|
+
doc.style.paddingRight = "".concat(window.innerWidth - _hooks.util.docSize.width, "px");
|
|
186
|
+
}
|
|
187
|
+
});
|
|
188
|
+
|
|
189
|
+
// 还原 document.body.style.overflow 和 document.body.style.paddingRight
|
|
190
|
+
var resetDocumentOverflow = (0, _hooks.usePersistFn)(function () {
|
|
191
|
+
var doc = document.body.parentNode;
|
|
192
|
+
doc.style.overflow = context.originDocumentStyle.overflow;
|
|
193
|
+
doc.style.paddingRight = context.originDocumentStyle.paddingRight;
|
|
194
|
+
});
|
|
171
195
|
(0, _react.useEffect)(function () {
|
|
172
196
|
if (!props.hideMask) {
|
|
173
|
-
var doc = document.body.parentNode;
|
|
174
197
|
if (visible) {
|
|
175
|
-
|
|
176
|
-
if (!doc.style.paddingRight) {
|
|
177
|
-
doc.style.paddingRight = "".concat(window.innerWidth - _hooks.util.docSize.width, "px");
|
|
178
|
-
}
|
|
198
|
+
setDocumentOverflow();
|
|
179
199
|
} else {
|
|
180
200
|
if (!context.isMask) return;
|
|
181
|
-
|
|
182
|
-
doc.style.overflow = '';
|
|
201
|
+
resetDocumentOverflow();
|
|
183
202
|
}
|
|
184
203
|
}
|
|
185
204
|
}, [visible]);
|
|
@@ -193,20 +212,15 @@ var Modal = function Modal(props) {
|
|
|
193
212
|
// unmount
|
|
194
213
|
return function () {
|
|
195
214
|
var _props$shouldDestroy2;
|
|
215
|
+
if (context.isMask) {
|
|
216
|
+
resetDocumentOverflow();
|
|
217
|
+
}
|
|
218
|
+
;
|
|
196
219
|
(_props$shouldDestroy2 = props.shouldDestroy) === null || _props$shouldDestroy2 === void 0 || _props$shouldDestroy2.call(props, true);
|
|
197
|
-
// if (props.autoShow) {
|
|
198
|
-
// props.onClose?.();
|
|
199
|
-
// }
|
|
200
220
|
if (context.isMask) {
|
|
201
221
|
context.isMask = false;
|
|
202
222
|
hasMask = false;
|
|
203
223
|
}
|
|
204
|
-
{
|
|
205
|
-
if (!context.isMask) return;
|
|
206
|
-
var doc = document.body.parentNode;
|
|
207
|
-
doc.style.paddingRight = '';
|
|
208
|
-
doc.style.overflow = '';
|
|
209
|
-
}
|
|
210
224
|
};
|
|
211
225
|
}, []);
|
|
212
226
|
(0, _react.useEffect)(function () {
|
|
@@ -49,12 +49,6 @@ export interface TooltipProps extends Pick<BasePopupProps, 'trigger' | 'position
|
|
|
49
49
|
* @cn 子元素只能为一个 ReactElement
|
|
50
50
|
*/
|
|
51
51
|
children: React.ReactNode;
|
|
52
|
-
/**
|
|
53
|
-
* @en use animation
|
|
54
|
-
* @cn 弹出是否使用动画
|
|
55
|
-
* @default true
|
|
56
|
-
*/
|
|
57
|
-
animation?: boolean;
|
|
58
52
|
/**
|
|
59
53
|
* @en make disabled element work
|
|
60
54
|
* @cn 使被禁用的元素正常显示提示
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.type.d.ts","sourceRoot":"","sources":["tooltip.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,UAAU,GAAG,mBAAmB,CAAC,EACxE,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IACzC;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;IACtC,QAAQ,CAAC,EAAE;QACT,OAAO,CAAC,EAAE,MAAM,cAAc,CAAC;KAChC,CAAC;IAIF;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,
|
|
1
|
+
{"version":3,"file":"tooltip.type.d.ts","sourceRoot":"","sources":["tooltip.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,UAAU,GAAG,mBAAmB,CAAC,EACxE,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IACzC;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;IACtC,QAAQ,CAAC,EAAE;QACT,OAAO,CAAC,EAAE,MAAM,cAAc,CAAC;KAChC,CAAC;IAIF;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC;IACrB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC1E;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"transfer-list-item.d.ts","sourceRoot":"","sources":["transfer-list-item.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAMlE,QAAA,MAAM,gBAAgB,+
|
|
1
|
+
{"version":3,"file":"transfer-list-item.d.ts","sourceRoot":"","sources":["transfer-list-item.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAMlE,QAAA,MAAM,gBAAgB,+FAmGrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -12,7 +12,7 @@ var _checkbox = _interopRequireDefault(require("../checkbox"));
|
|
|
12
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
14
|
var TransferListItem = function TransferListItem(props) {
|
|
15
|
-
var _jssStyle$transfer;
|
|
15
|
+
var _jssStyle$transfer, _jssStyle$common;
|
|
16
16
|
var jssStyle = props.jssStyle,
|
|
17
17
|
size = props.size,
|
|
18
18
|
data = props.data,
|
|
@@ -27,6 +27,7 @@ var TransferListItem = function TransferListItem(props) {
|
|
|
27
27
|
// const listItemHeight = useRef(lineHeight);
|
|
28
28
|
|
|
29
29
|
var styles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$transfer = jssStyle.transfer) === null || _jssStyle$transfer === void 0 ? void 0 : _jssStyle$transfer.call(jssStyle)) || {};
|
|
30
|
+
var commonStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$common = jssStyle.common) === null || _jssStyle$common === void 0 ? void 0 : _jssStyle$common.call(jssStyle)) || {};
|
|
30
31
|
var isChecked = listDatum.check(data);
|
|
31
32
|
var disabled = listDatum.disabledCheck(data);
|
|
32
33
|
var rootClass = (0, _classnames.default)(styles.item, itemClass, disabled && styles.disabled);
|
|
@@ -56,10 +57,20 @@ var TransferListItem = function TransferListItem(props) {
|
|
|
56
57
|
children: _icons.default.transfer.DeleteItem
|
|
57
58
|
});
|
|
58
59
|
};
|
|
60
|
+
var _useContext = (0, _react.useContext)(_hooks.TransferContext),
|
|
61
|
+
filterSourceText = _useContext.filterSourceText,
|
|
62
|
+
filterTargetText = _useContext.filterTargetText,
|
|
63
|
+
highlight = _useContext.highlight;
|
|
64
|
+
var $item = _hooks.util.getHighlightText({
|
|
65
|
+
enable: highlight,
|
|
66
|
+
nodeList: renderItem(),
|
|
67
|
+
searchWords: listType === 'target' ? filterTargetText : filterSourceText,
|
|
68
|
+
highlightClassName: commonStyles.highlight
|
|
69
|
+
});
|
|
59
70
|
var renderCheckbox = function renderCheckbox() {
|
|
60
71
|
if (simple && listType === 'target') return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
|
|
61
72
|
className: (0, _classnames.default)(styles.simpleTarget, disabled && styles.disabled),
|
|
62
|
-
children: [
|
|
73
|
+
children: [$item, renderRemove()]
|
|
63
74
|
});
|
|
64
75
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.default
|
|
65
76
|
// @ts-ignore
|
|
@@ -71,7 +82,7 @@ var TransferListItem = function TransferListItem(props) {
|
|
|
71
82
|
checked: isChecked,
|
|
72
83
|
disabled: disabled,
|
|
73
84
|
onChange: handleChange,
|
|
74
|
-
children:
|
|
85
|
+
children: $item
|
|
75
86
|
});
|
|
76
87
|
};
|
|
77
88
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { CommonType } from '../common/type';
|
|
2
|
+
import { CommonClasses, CommonType } from '../common/type';
|
|
3
3
|
import { ObjectKey, KeygenType, TransferListType } from '@sheinx/hooks';
|
|
4
4
|
import { TransferClasses } from './transfer.type';
|
|
5
5
|
import { ButtonClasses } from '../button/button.type';
|
|
@@ -9,6 +9,7 @@ export interface TransferListItemProps<DataItem> extends Pick<CommonType, 'size'
|
|
|
9
9
|
transfer: () => TransferClasses;
|
|
10
10
|
button: () => ButtonClasses;
|
|
11
11
|
checkbox: () => CheckboxClasses;
|
|
12
|
+
common: () => CommonClasses;
|
|
12
13
|
};
|
|
13
14
|
disabled?: boolean;
|
|
14
15
|
data: DataItem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"transfer-list-item.type.d.ts","sourceRoot":"","sources":["transfer-list-item.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"transfer-list-item.type.d.ts","sourceRoot":"","sources":["transfer-list-item.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAE5D,MAAM,WAAW,qBAAqB,CAAC,QAAQ,CAAE,SAAQ,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC;IAC/E,QAAQ,EAAE;QACR,QAAQ,EAAE,MAAM,eAAe,CAAC;QAChC,MAAM,EAAE,MAAM,aAAa,CAAC;QAC5B,QAAQ,EAAE,MAAM,eAAe,CAAC;QAChC,MAAM,EAAE,MAAM,aAAa,CAAC;KAC7B,CAAC;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,QAAQ,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,GAAG,CAAC;IACf,KAAK,EAAE,GAAG,CAAC;IACX,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC9B,UAAU,EAAE,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;CACzE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"transfer.d.ts","sourceRoot":"","sources":["transfer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,
|
|
1
|
+
{"version":3,"file":"transfer.d.ts","sourceRoot":"","sources":["transfer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EAAkD,YAAY,EAAQ,MAAM,eAAe,CAAC;AAOnG,QAAA,MAAM,QAAQ,4HAqMb,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
package/cjs/transfer/transfer.js
CHANGED
|
@@ -191,11 +191,18 @@ var Transfer = function Transfer(props) {
|
|
|
191
191
|
}, [target, loading, size, filterTargetText, targetSelectedKeys, renderFilter, children]);
|
|
192
192
|
var _useContext = (0, _react.useContext)(_formFieldContext.FormFieldContext),
|
|
193
193
|
fieldId = _useContext.fieldId;
|
|
194
|
-
return /*#__PURE__*/(0, _jsxRuntime.
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
194
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_hooks.TransferContext.Provider, {
|
|
195
|
+
value: {
|
|
196
|
+
filterSourceText: filterSourceText,
|
|
197
|
+
filterTargetText: filterTargetText,
|
|
198
|
+
highlight: props.highlight
|
|
199
|
+
},
|
|
200
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
201
|
+
className: rootClass,
|
|
202
|
+
style: style,
|
|
203
|
+
id: fieldId,
|
|
204
|
+
children: [renderSourceList, !simple && renderOperations(), renderTargetList]
|
|
205
|
+
})
|
|
199
206
|
});
|
|
200
207
|
};
|
|
201
208
|
var _default = exports.default = Transfer;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { CommonType } from '../common/type';
|
|
1
|
+
import { CommonClasses, CommonType } from '../common/type';
|
|
2
2
|
import { BaseTransferProps, ObjectKey, KeygenResult, useListSelectMultiple } from '@sheinx/hooks';
|
|
3
3
|
import { ButtonClasses } from '../button/button.type';
|
|
4
4
|
import { CheckboxClasses } from '../checkbox/checkbox.type';
|
|
@@ -44,6 +44,7 @@ export type JssStyleType = {
|
|
|
44
44
|
input: () => InputClasses;
|
|
45
45
|
spin: () => SpinClasses;
|
|
46
46
|
empty: () => EmptyClasses;
|
|
47
|
+
common: () => CommonClasses;
|
|
47
48
|
};
|
|
48
49
|
export interface FilterProps {
|
|
49
50
|
text?: string;
|
|
@@ -172,5 +173,11 @@ export interface TransferProps<DataItem, Value extends KeygenResult[]> extends O
|
|
|
172
173
|
* @cn 面板均等分配容器宽度
|
|
173
174
|
*/
|
|
174
175
|
equalPanelWidth?: boolean;
|
|
176
|
+
/**
|
|
177
|
+
* @cn 开启搜索关键字高亮功能
|
|
178
|
+
* @en Whether to enable highlight feature
|
|
179
|
+
* @version 3.8.0
|
|
180
|
+
*/
|
|
181
|
+
highlight?: boolean;
|
|
175
182
|
}
|
|
176
183
|
//# sourceMappingURL=transfer.type.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"transfer.type.d.ts","sourceRoot":"","sources":["transfer.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"transfer.type.d.ts","sourceRoot":"","sources":["transfer.type.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tree-virtual.d.ts","sourceRoot":"","sources":["tree-virtual.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAgB,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"tree-virtual.d.ts","sourceRoot":"","sources":["tree-virtual.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAgB,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAc/C,QAAA,MAAM,WAAW,+HA6FhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
package/cjs/tree/tree-virtual.js
CHANGED
|
@@ -14,6 +14,11 @@ var SIZE_MAP = {
|
|
|
14
14
|
'default': 36,
|
|
15
15
|
'large': 42
|
|
16
16
|
};
|
|
17
|
+
var PADDING_Y_MAP = {
|
|
18
|
+
'small': 3,
|
|
19
|
+
'default': 0,
|
|
20
|
+
'large': 0
|
|
21
|
+
};
|
|
17
22
|
var TreeVirtual = function TreeVirtual(props) {
|
|
18
23
|
var jssStyle = props.jssStyle,
|
|
19
24
|
height = props.height,
|
|
@@ -92,7 +97,8 @@ var TreeVirtual = function TreeVirtual(props) {
|
|
|
92
97
|
keepScrollHeight: true,
|
|
93
98
|
dynamicVirtual: true,
|
|
94
99
|
lineHeight: lineHeight,
|
|
95
|
-
renderItem: renderItem
|
|
100
|
+
renderItem: renderItem,
|
|
101
|
+
paddingY: PADDING_Y_MAP[datum.size || 'default']
|
|
96
102
|
});
|
|
97
103
|
};
|
|
98
104
|
var _default = exports.default = TreeVirtual;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tree-select.d.ts","sourceRoot":"","sources":["tree-select.tsx"],"names":[],"mappings":"AACA,OAAO,EAQL,YAAY,EAEb,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAc,MAAM,oBAAoB,CAAC;AAcjE,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAAG,YAAY,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"tree-select.d.ts","sourceRoot":"","sources":["tree-select.tsx"],"names":[],"mappings":"AACA,OAAO,EAQL,YAAY,EAEb,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAc,MAAM,oBAAoB,CAAC;AAcjE,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAAG,YAAY,EAAE,CAAC;AAMhE,QAAA,MAAM,UAAU,oIAiuBf,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -34,6 +34,9 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
|
|
|
34
34
|
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; }
|
|
35
35
|
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; } }
|
|
36
36
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
37
|
+
var defaultProps = {
|
|
38
|
+
data: []
|
|
39
|
+
};
|
|
37
40
|
var TreeSelect = function TreeSelect(props0) {
|
|
38
41
|
var _jssStyle$treeSelect;
|
|
39
42
|
var props = (0, _useWithFormConfig.default)(props0);
|
|
@@ -50,7 +53,7 @@ var TreeSelect = function TreeSelect(props0) {
|
|
|
50
53
|
valueProp = props.value,
|
|
51
54
|
defaultValue = props.defaultValue,
|
|
52
55
|
_props$data = props.data,
|
|
53
|
-
data = _props$data === void 0 ?
|
|
56
|
+
data = _props$data === void 0 ? defaultProps.data : _props$data,
|
|
54
57
|
multiple = props.multiple,
|
|
55
58
|
_props$mode = props.mode,
|
|
56
59
|
mode = _props$mode === void 0 ? 1 : _props$mode,
|
|
@@ -594,13 +597,25 @@ var TreeSelect = function TreeSelect(props0) {
|
|
|
594
597
|
var style = {
|
|
595
598
|
maxHeight: height
|
|
596
599
|
};
|
|
600
|
+
var rootStyle = {
|
|
601
|
+
padding: '0 4px'
|
|
602
|
+
};
|
|
603
|
+
if (!virtual) {
|
|
604
|
+
if (size === 'small') {
|
|
605
|
+
rootStyle = {
|
|
606
|
+
padding: '3px 4px'
|
|
607
|
+
};
|
|
608
|
+
} else if (size === 'large') {
|
|
609
|
+
rootStyle = {
|
|
610
|
+
padding: '0 5px'
|
|
611
|
+
};
|
|
612
|
+
}
|
|
613
|
+
}
|
|
597
614
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
598
615
|
className: (0, _classnames.default)(styles.tree, styles.treeWrapper),
|
|
599
616
|
style: style,
|
|
600
617
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_tree.default, _objectSpread(_objectSpread({
|
|
601
|
-
rootStyle:
|
|
602
|
-
padding: '0 4px'
|
|
603
|
-
},
|
|
618
|
+
rootStyle: rootStyle,
|
|
604
619
|
jssStyle: jssStyle,
|
|
605
620
|
renderItem: renderItem
|
|
606
621
|
}, treeProps), {}, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["button.tsx"],"names":[],"mappings":"AAIA,OAAO,EAA8B,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAS9E,QAAA,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["button.tsx"],"names":[],"mappings":"AAIA,OAAO,EAA8B,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAS9E,QAAA,MAAM,YAAY,6EAyFjB,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
package/cjs/upload/button.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { UploadProps } from './upload.type';
|
|
3
3
|
import { ButtonProps } from '../button/button.type';
|
|
4
|
-
export type ButtonUploadInnerPropsType = Pick<UploadProps<any>, 'listType' | 'imageStyle' | 'canDelete' | 'showUploadList' | 'customResult' | '
|
|
4
|
+
export type ButtonUploadInnerPropsType = Pick<UploadProps<any>, 'listType' | 'imageStyle' | 'canDelete' | 'showUploadList' | 'customResult' | 'multiple' | 'leftHandler' | 'onPreview' | 'renderContent' | 'recoverAble'>;
|
|
5
5
|
export interface UploadButtonProps<T> extends Omit<UploadProps<T>, keyof ButtonUploadInnerPropsType>, Pick<ButtonProps, 'size' | 'type' | 'mode'> {
|
|
6
6
|
/**
|
|
7
7
|
* @cn 上传中按钮的内容,如果是字符串默认会有spin loading
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.type.d.ts","sourceRoot":"","sources":["button.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAC3C,WAAW,CAAC,GAAG,CAAC,EACd,UAAU,GACV,YAAY,GACZ,WAAW,GACX,gBAAgB,GAChB,cAAc,GACd,
|
|
1
|
+
{"version":3,"file":"button.type.d.ts","sourceRoot":"","sources":["button.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAC3C,WAAW,CAAC,GAAG,CAAC,EACd,UAAU,GACV,YAAY,GACZ,WAAW,GACX,gBAAgB,GAChB,cAAc,GACd,UAAU,GACV,aAAa,GACb,WAAW,GACX,eAAe,GACf,aAAa,CAChB,CAAC;AAEF,MAAM,WAAW,iBAAiB,CAAC,CAAC,CAClC,SAAQ,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,MAAM,0BAA0B,CAAC,EAC5D,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAC7C;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["list.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAI7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAMhD,QAAA,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["list.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAI7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAMhD,QAAA,MAAM,YAAY,gIAmHjB,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
package/esm/cascader/list.js
CHANGED
|
@@ -1,10 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
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."); }
|
|
3
|
-
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); }
|
|
4
|
-
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; }
|
|
5
|
-
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; } }
|
|
6
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
|
-
import { useRef, useState } from 'react';
|
|
1
|
+
import { useRef } from 'react';
|
|
8
2
|
import classNames from 'classnames';
|
|
9
3
|
import { VirtualScrollList } from "../virtual-scroll";
|
|
10
4
|
import Node from "./node";
|
|
@@ -66,18 +60,11 @@ var CascaderList = function CascaderList(props) {
|
|
|
66
60
|
children: "noData"
|
|
67
61
|
});
|
|
68
62
|
};
|
|
69
|
-
var _useState = useState(),
|
|
70
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
71
|
-
activeLeaf = _useState2[0],
|
|
72
|
-
setActiveLeaf = _useState2[1];
|
|
73
|
-
var needSetActiveLeaf = (multiple || mode !== undefined) && props.id === undefined;
|
|
74
63
|
var renderItem = function renderItem(item, index) {
|
|
75
64
|
var id = getKey(item, index);
|
|
76
65
|
return /*#__PURE__*/_jsx(Node, {
|
|
77
66
|
jssStyle: jssStyle,
|
|
78
67
|
active: props.id === id,
|
|
79
|
-
activeLeaf: activeLeaf,
|
|
80
|
-
setActiveLeaf: needSetActiveLeaf ? setActiveLeaf : undefined,
|
|
81
68
|
id: id,
|
|
82
69
|
data: item,
|
|
83
70
|
datum: datum,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"node.d.ts","sourceRoot":"","sources":["node.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAuB,MAAM,eAAe,CAAC;AAElE,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAQhD,QAAA,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"node.d.ts","sourceRoot":"","sources":["node.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAuB,MAAM,eAAe,CAAC;AAElE,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAQhD,QAAA,MAAM,YAAY,gIAiJjB,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
package/esm/cascader/node.js
CHANGED
|
@@ -39,9 +39,7 @@ var CascaderNode = function CascaderNode(props) {
|
|
|
39
39
|
shouldFinal = props.shouldFinal,
|
|
40
40
|
onChange = props.onChange,
|
|
41
41
|
onPathChange = props.onPathChange,
|
|
42
|
-
mode = props.mode
|
|
43
|
-
activeLeaf = props.activeLeaf,
|
|
44
|
-
setActiveLeaf = props.setActiveLeaf;
|
|
42
|
+
mode = props.mode;
|
|
45
43
|
var _useState = useState(false),
|
|
46
44
|
_useState2 = _slicedToArray(_useState, 2),
|
|
47
45
|
loading = _useState2[0],
|
|
@@ -54,7 +52,7 @@ var CascaderNode = function CascaderNode(props) {
|
|
|
54
52
|
var uncertainChildren = loader && !loading && children === undefined;
|
|
55
53
|
var styles = jssStyle === null || jssStyle === void 0 || (_jssStyle$cascader = jssStyle.cascader) === null || _jssStyle$cascader === void 0 ? void 0 : _jssStyle$cascader.call(jssStyle);
|
|
56
54
|
var commonStyles = jssStyle === null || jssStyle === void 0 || (_jssStyle$common = jssStyle.common) === null || _jssStyle$common === void 0 ? void 0 : _jssStyle$common.call(jssStyle);
|
|
57
|
-
var rootClass = classNames(styles.option,
|
|
55
|
+
var rootClass = classNames(styles.option, active && styles.activeOption, isDisabled && mode !== 4 && styles.optionDisabled);
|
|
58
56
|
var handlePathChange = function handlePathChange() {
|
|
59
57
|
onPathChange === null || onPathChange === void 0 || onPathChange(id, data, path);
|
|
60
58
|
};
|
|
@@ -78,9 +76,6 @@ var CascaderNode = function CascaderNode(props) {
|
|
|
78
76
|
if (util.getParent(e.target, checkboxRef.current)) return;
|
|
79
77
|
var checked = datum.getChecked(id);
|
|
80
78
|
handleChange(null, !checked);
|
|
81
|
-
if (setActiveLeaf) {
|
|
82
|
-
setActiveLeaf(id);
|
|
83
|
-
}
|
|
84
79
|
};
|
|
85
80
|
var isHoverAble = expandTrigger === 'hover' || expandTrigger === 'hover-only';
|
|
86
81
|
var isRealLeafNode = !hasChildren && !uncertainChildren;
|
|
@@ -94,7 +89,10 @@ var CascaderNode = function CascaderNode(props) {
|
|
|
94
89
|
if (multiple) events.onClick = handleSelect;
|
|
95
90
|
} else if (isRealLeafNode && multiple) {
|
|
96
91
|
// 非hover模式下: 末级节点支持整个节点区域点击选中checkbox
|
|
97
|
-
events.onClick =
|
|
92
|
+
events.onClick = function (e) {
|
|
93
|
+
handleClick(e);
|
|
94
|
+
handleSelect(e);
|
|
95
|
+
};
|
|
98
96
|
}
|
|
99
97
|
return events;
|
|
100
98
|
};
|
|
@@ -13,7 +13,5 @@ export interface CascaderNodeProps<DataItem, Value extends KeygenResult[]> exten
|
|
|
13
13
|
path: Value;
|
|
14
14
|
onPathChange: (id: KeygenResult, item: DataItem | null, nextPath: Value, fromClick?: boolean) => void;
|
|
15
15
|
onChange: (value: Value, data?: DataItem | UnMatchedData | null) => void;
|
|
16
|
-
activeLeaf?: KeygenResult;
|
|
17
|
-
setActiveLeaf?: (id: KeygenResult) => void;
|
|
18
16
|
}
|
|
19
17
|
//# sourceMappingURL=node.type.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"node.type.d.ts","sourceRoot":"","sources":["node.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAE9D,MAAM,WAAW,iBAAiB,CAAC,QAAQ,EAAE,KAAK,SAAS,YAAY,EAAE,CACvE,SAAQ,IAAI,CACV,aAAa,CAAC,QAAQ,EAAE,KAAK,CAAC,EAC9B,QAAQ,GAAG,UAAU,GAAG,eAAe,GAAG,YAAY,GAAG,QAAQ,GAAG,MAAM,CAC3E;IACD,IAAI,EAAE,QAAQ,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;IACjC,EAAE,EAAE,YAAY,CAAC;IACjB,QAAQ,EAAE,YAAY,CAAC;IACvB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,KAAK,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC;IACpC,WAAW,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,KAAK,CAAC;IACZ,YAAY,EAAE,CACZ,EAAE,EAAE,YAAY,EAChB,IAAI,EAAE,QAAQ,GAAG,IAAI,EACrB,QAAQ,EAAE,KAAK,EACf,SAAS,CAAC,EAAE,OAAO,KAChB,IAAI,CAAC;IACV,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,QAAQ,GAAG,aAAa,GAAG,IAAI,KAAK,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"node.type.d.ts","sourceRoot":"","sources":["node.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAE9D,MAAM,WAAW,iBAAiB,CAAC,QAAQ,EAAE,KAAK,SAAS,YAAY,EAAE,CACvE,SAAQ,IAAI,CACV,aAAa,CAAC,QAAQ,EAAE,KAAK,CAAC,EAC9B,QAAQ,GAAG,UAAU,GAAG,eAAe,GAAG,YAAY,GAAG,QAAQ,GAAG,MAAM,CAC3E;IACD,IAAI,EAAE,QAAQ,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;IACjC,EAAE,EAAE,YAAY,CAAC;IACjB,QAAQ,EAAE,YAAY,CAAC;IACvB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,KAAK,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC;IACpC,WAAW,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,KAAK,CAAC;IACZ,YAAY,EAAE,CACZ,EAAE,EAAE,YAAY,EAChB,IAAI,EAAE,QAAQ,GAAG,IAAI,EACrB,QAAQ,EAAE,KAAK,EACf,SAAS,CAAC,EAAE,OAAO,KAChB,IAAI,CAAC;IACV,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,QAAQ,GAAG,aAAa,GAAG,IAAI,KAAK,IAAI,CAAC;CAC1E"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-content.d.ts","sourceRoot":"","sources":["modal-content.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAoB9D,QAAA,MAAM,KAAK,UAAW,iBAAiB,
|
|
1
|
+
{"version":3,"file":"modal-content.d.ts","sourceRoot":"","sources":["modal-content.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAoB9D,QAAA,MAAM,KAAK,UAAW,iBAAiB,mDA8WtC,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -62,7 +62,11 @@ var Modal = function Modal(props) {
|
|
|
62
62
|
isMask: false,
|
|
63
63
|
mouseDownTarget: null,
|
|
64
64
|
mouseUpTarget: null,
|
|
65
|
-
content: null
|
|
65
|
+
content: null,
|
|
66
|
+
originDocumentStyle: {
|
|
67
|
+
overflow: '',
|
|
68
|
+
paddingRight: ''
|
|
69
|
+
}
|
|
66
70
|
}),
|
|
67
71
|
context = _useRef.current;
|
|
68
72
|
var _useState3 = useState(props.visible || props.autoShow),
|
|
@@ -162,18 +166,33 @@ var Modal = function Modal(props) {
|
|
|
162
166
|
setAnimation(true);
|
|
163
167
|
}
|
|
164
168
|
}, [props.visible]);
|
|
169
|
+
|
|
170
|
+
// 设置 document.body.style.overflow 和 document.body.style.paddingRight,并记录原始值到 context 中
|
|
171
|
+
var setDocumentOverflow = usePersistFn(function () {
|
|
172
|
+
var doc = document.body.parentNode;
|
|
173
|
+
if (context.isMask) {
|
|
174
|
+
context.originDocumentStyle.overflow = doc.style.overflow;
|
|
175
|
+
context.originDocumentStyle.paddingRight = doc.style.paddingRight;
|
|
176
|
+
}
|
|
177
|
+
doc.style.overflow = 'hidden';
|
|
178
|
+
if (!doc.style.paddingRight) {
|
|
179
|
+
doc.style.paddingRight = "".concat(window.innerWidth - util.docSize.width, "px");
|
|
180
|
+
}
|
|
181
|
+
});
|
|
182
|
+
|
|
183
|
+
// 还原 document.body.style.overflow 和 document.body.style.paddingRight
|
|
184
|
+
var resetDocumentOverflow = usePersistFn(function () {
|
|
185
|
+
var doc = document.body.parentNode;
|
|
186
|
+
doc.style.overflow = context.originDocumentStyle.overflow;
|
|
187
|
+
doc.style.paddingRight = context.originDocumentStyle.paddingRight;
|
|
188
|
+
});
|
|
165
189
|
useEffect(function () {
|
|
166
190
|
if (!props.hideMask) {
|
|
167
|
-
var doc = document.body.parentNode;
|
|
168
191
|
if (visible) {
|
|
169
|
-
|
|
170
|
-
if (!doc.style.paddingRight) {
|
|
171
|
-
doc.style.paddingRight = "".concat(window.innerWidth - util.docSize.width, "px");
|
|
172
|
-
}
|
|
192
|
+
setDocumentOverflow();
|
|
173
193
|
} else {
|
|
174
194
|
if (!context.isMask) return;
|
|
175
|
-
|
|
176
|
-
doc.style.overflow = '';
|
|
195
|
+
resetDocumentOverflow();
|
|
177
196
|
}
|
|
178
197
|
}
|
|
179
198
|
}, [visible]);
|
|
@@ -187,20 +206,15 @@ var Modal = function Modal(props) {
|
|
|
187
206
|
// unmount
|
|
188
207
|
return function () {
|
|
189
208
|
var _props$shouldDestroy2;
|
|
209
|
+
if (context.isMask) {
|
|
210
|
+
resetDocumentOverflow();
|
|
211
|
+
}
|
|
212
|
+
;
|
|
190
213
|
(_props$shouldDestroy2 = props.shouldDestroy) === null || _props$shouldDestroy2 === void 0 || _props$shouldDestroy2.call(props, true);
|
|
191
|
-
// if (props.autoShow) {
|
|
192
|
-
// props.onClose?.();
|
|
193
|
-
// }
|
|
194
214
|
if (context.isMask) {
|
|
195
215
|
context.isMask = false;
|
|
196
216
|
hasMask = false;
|
|
197
217
|
}
|
|
198
|
-
{
|
|
199
|
-
if (!context.isMask) return;
|
|
200
|
-
var doc = document.body.parentNode;
|
|
201
|
-
doc.style.paddingRight = '';
|
|
202
|
-
doc.style.overflow = '';
|
|
203
|
-
}
|
|
204
218
|
};
|
|
205
219
|
}, []);
|
|
206
220
|
useEffect(function () {
|
|
@@ -49,12 +49,6 @@ export interface TooltipProps extends Pick<BasePopupProps, 'trigger' | 'position
|
|
|
49
49
|
* @cn 子元素只能为一个 ReactElement
|
|
50
50
|
*/
|
|
51
51
|
children: React.ReactNode;
|
|
52
|
-
/**
|
|
53
|
-
* @en use animation
|
|
54
|
-
* @cn 弹出是否使用动画
|
|
55
|
-
* @default true
|
|
56
|
-
*/
|
|
57
|
-
animation?: boolean;
|
|
58
52
|
/**
|
|
59
53
|
* @en make disabled element work
|
|
60
54
|
* @cn 使被禁用的元素正常显示提示
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.type.d.ts","sourceRoot":"","sources":["tooltip.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,UAAU,GAAG,mBAAmB,CAAC,EACxE,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IACzC;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;IACtC,QAAQ,CAAC,EAAE;QACT,OAAO,CAAC,EAAE,MAAM,cAAc,CAAC;KAChC,CAAC;IAIF;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,
|
|
1
|
+
{"version":3,"file":"tooltip.type.d.ts","sourceRoot":"","sources":["tooltip.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,UAAU,GAAG,mBAAmB,CAAC,EACxE,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IACzC;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;IACtC,QAAQ,CAAC,EAAE;QACT,OAAO,CAAC,EAAE,MAAM,cAAc,CAAC;KAChC,CAAC;IAIF;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC;IACrB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC1E;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"transfer-list-item.d.ts","sourceRoot":"","sources":["transfer-list-item.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAMlE,QAAA,MAAM,gBAAgB,+
|
|
1
|
+
{"version":3,"file":"transfer-list-item.d.ts","sourceRoot":"","sources":["transfer-list-item.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAMlE,QAAA,MAAM,gBAAgB,+FAmGrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { useRef } from 'react';
|
|
1
|
+
import { useContext, useRef } from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
|
-
import { util } from '@sheinx/hooks';
|
|
3
|
+
import { util, TransferContext } from '@sheinx/hooks';
|
|
4
4
|
import Icons from "../icons";
|
|
5
5
|
import Checkbox from "../checkbox";
|
|
6
6
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
7
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
8
|
var TransferListItem = function TransferListItem(props) {
|
|
9
|
-
var _jssStyle$transfer;
|
|
9
|
+
var _jssStyle$transfer, _jssStyle$common;
|
|
10
10
|
var jssStyle = props.jssStyle,
|
|
11
11
|
size = props.size,
|
|
12
12
|
data = props.data,
|
|
@@ -21,6 +21,7 @@ var TransferListItem = function TransferListItem(props) {
|
|
|
21
21
|
// const listItemHeight = useRef(lineHeight);
|
|
22
22
|
|
|
23
23
|
var styles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$transfer = jssStyle.transfer) === null || _jssStyle$transfer === void 0 ? void 0 : _jssStyle$transfer.call(jssStyle)) || {};
|
|
24
|
+
var commonStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$common = jssStyle.common) === null || _jssStyle$common === void 0 ? void 0 : _jssStyle$common.call(jssStyle)) || {};
|
|
24
25
|
var isChecked = listDatum.check(data);
|
|
25
26
|
var disabled = listDatum.disabledCheck(data);
|
|
26
27
|
var rootClass = classNames(styles.item, itemClass, disabled && styles.disabled);
|
|
@@ -50,10 +51,20 @@ var TransferListItem = function TransferListItem(props) {
|
|
|
50
51
|
children: Icons.transfer.DeleteItem
|
|
51
52
|
});
|
|
52
53
|
};
|
|
54
|
+
var _useContext = useContext(TransferContext),
|
|
55
|
+
filterSourceText = _useContext.filterSourceText,
|
|
56
|
+
filterTargetText = _useContext.filterTargetText,
|
|
57
|
+
highlight = _useContext.highlight;
|
|
58
|
+
var $item = util.getHighlightText({
|
|
59
|
+
enable: highlight,
|
|
60
|
+
nodeList: renderItem(),
|
|
61
|
+
searchWords: listType === 'target' ? filterTargetText : filterSourceText,
|
|
62
|
+
highlightClassName: commonStyles.highlight
|
|
63
|
+
});
|
|
53
64
|
var renderCheckbox = function renderCheckbox() {
|
|
54
65
|
if (simple && listType === 'target') return /*#__PURE__*/_jsxs("span", {
|
|
55
66
|
className: classNames(styles.simpleTarget, disabled && styles.disabled),
|
|
56
|
-
children: [
|
|
67
|
+
children: [$item, renderRemove()]
|
|
57
68
|
});
|
|
58
69
|
return /*#__PURE__*/_jsx(Checkbox
|
|
59
70
|
// @ts-ignore
|
|
@@ -65,7 +76,7 @@ var TransferListItem = function TransferListItem(props) {
|
|
|
65
76
|
checked: isChecked,
|
|
66
77
|
disabled: disabled,
|
|
67
78
|
onChange: handleChange,
|
|
68
|
-
children:
|
|
79
|
+
children: $item
|
|
69
80
|
});
|
|
70
81
|
};
|
|
71
82
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { CommonType } from '../common/type';
|
|
2
|
+
import { CommonClasses, CommonType } from '../common/type';
|
|
3
3
|
import { ObjectKey, KeygenType, TransferListType } from '@sheinx/hooks';
|
|
4
4
|
import { TransferClasses } from './transfer.type';
|
|
5
5
|
import { ButtonClasses } from '../button/button.type';
|
|
@@ -9,6 +9,7 @@ export interface TransferListItemProps<DataItem> extends Pick<CommonType, 'size'
|
|
|
9
9
|
transfer: () => TransferClasses;
|
|
10
10
|
button: () => ButtonClasses;
|
|
11
11
|
checkbox: () => CheckboxClasses;
|
|
12
|
+
common: () => CommonClasses;
|
|
12
13
|
};
|
|
13
14
|
disabled?: boolean;
|
|
14
15
|
data: DataItem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"transfer-list-item.type.d.ts","sourceRoot":"","sources":["transfer-list-item.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"transfer-list-item.type.d.ts","sourceRoot":"","sources":["transfer-list-item.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAE5D,MAAM,WAAW,qBAAqB,CAAC,QAAQ,CAAE,SAAQ,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC;IAC/E,QAAQ,EAAE;QACR,QAAQ,EAAE,MAAM,eAAe,CAAC;QAChC,MAAM,EAAE,MAAM,aAAa,CAAC;QAC5B,QAAQ,EAAE,MAAM,eAAe,CAAC;QAChC,MAAM,EAAE,MAAM,aAAa,CAAC;KAC7B,CAAC;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,QAAQ,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,GAAG,CAAC;IACf,KAAK,EAAE,GAAG,CAAC;IACX,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC9B,UAAU,EAAE,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;CACzE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"transfer.d.ts","sourceRoot":"","sources":["transfer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,
|
|
1
|
+
{"version":3,"file":"transfer.d.ts","sourceRoot":"","sources":["transfer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EAAkD,YAAY,EAAQ,MAAM,eAAe,CAAC;AAOnG,QAAA,MAAM,QAAQ,4HAqMb,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
package/esm/transfer/transfer.js
CHANGED
|
@@ -10,7 +10,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
|
|
|
10
10
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
11
11
|
import { useContext, useMemo } from 'react';
|
|
12
12
|
import classNames from 'classnames';
|
|
13
|
-
import { useTransfer, util } from '@sheinx/hooks';
|
|
13
|
+
import { TransferContext, useTransfer, util } from '@sheinx/hooks';
|
|
14
14
|
import TransferList from "./transfer-list";
|
|
15
15
|
import TransferOperate from "./transfer-operate";
|
|
16
16
|
import Icon from "../icons";
|
|
@@ -185,11 +185,18 @@ var Transfer = function Transfer(props) {
|
|
|
185
185
|
}, [target, loading, size, filterTargetText, targetSelectedKeys, renderFilter, children]);
|
|
186
186
|
var _useContext = useContext(FormFieldContext),
|
|
187
187
|
fieldId = _useContext.fieldId;
|
|
188
|
-
return /*#__PURE__*/
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
188
|
+
return /*#__PURE__*/_jsx(TransferContext.Provider, {
|
|
189
|
+
value: {
|
|
190
|
+
filterSourceText: filterSourceText,
|
|
191
|
+
filterTargetText: filterTargetText,
|
|
192
|
+
highlight: props.highlight
|
|
193
|
+
},
|
|
194
|
+
children: /*#__PURE__*/_jsxs("div", {
|
|
195
|
+
className: rootClass,
|
|
196
|
+
style: style,
|
|
197
|
+
id: fieldId,
|
|
198
|
+
children: [renderSourceList, !simple && renderOperations(), renderTargetList]
|
|
199
|
+
})
|
|
193
200
|
});
|
|
194
201
|
};
|
|
195
202
|
export default Transfer;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { CommonType } from '../common/type';
|
|
1
|
+
import { CommonClasses, CommonType } from '../common/type';
|
|
2
2
|
import { BaseTransferProps, ObjectKey, KeygenResult, useListSelectMultiple } from '@sheinx/hooks';
|
|
3
3
|
import { ButtonClasses } from '../button/button.type';
|
|
4
4
|
import { CheckboxClasses } from '../checkbox/checkbox.type';
|
|
@@ -44,6 +44,7 @@ export type JssStyleType = {
|
|
|
44
44
|
input: () => InputClasses;
|
|
45
45
|
spin: () => SpinClasses;
|
|
46
46
|
empty: () => EmptyClasses;
|
|
47
|
+
common: () => CommonClasses;
|
|
47
48
|
};
|
|
48
49
|
export interface FilterProps {
|
|
49
50
|
text?: string;
|
|
@@ -172,5 +173,11 @@ export interface TransferProps<DataItem, Value extends KeygenResult[]> extends O
|
|
|
172
173
|
* @cn 面板均等分配容器宽度
|
|
173
174
|
*/
|
|
174
175
|
equalPanelWidth?: boolean;
|
|
176
|
+
/**
|
|
177
|
+
* @cn 开启搜索关键字高亮功能
|
|
178
|
+
* @en Whether to enable highlight feature
|
|
179
|
+
* @version 3.8.0
|
|
180
|
+
*/
|
|
181
|
+
highlight?: boolean;
|
|
175
182
|
}
|
|
176
183
|
//# sourceMappingURL=transfer.type.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"transfer.type.d.ts","sourceRoot":"","sources":["transfer.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"transfer.type.d.ts","sourceRoot":"","sources":["transfer.type.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tree-virtual.d.ts","sourceRoot":"","sources":["tree-virtual.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAgB,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"tree-virtual.d.ts","sourceRoot":"","sources":["tree-virtual.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAgB,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAc/C,QAAA,MAAM,WAAW,+HA6FhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
package/esm/tree/tree-virtual.js
CHANGED
|
@@ -7,6 +7,11 @@ var SIZE_MAP = {
|
|
|
7
7
|
'default': 36,
|
|
8
8
|
'large': 42
|
|
9
9
|
};
|
|
10
|
+
var PADDING_Y_MAP = {
|
|
11
|
+
'small': 3,
|
|
12
|
+
'default': 0,
|
|
13
|
+
'large': 0
|
|
14
|
+
};
|
|
10
15
|
var TreeVirtual = function TreeVirtual(props) {
|
|
11
16
|
var jssStyle = props.jssStyle,
|
|
12
17
|
height = props.height,
|
|
@@ -85,7 +90,8 @@ var TreeVirtual = function TreeVirtual(props) {
|
|
|
85
90
|
keepScrollHeight: true,
|
|
86
91
|
dynamicVirtual: true,
|
|
87
92
|
lineHeight: lineHeight,
|
|
88
|
-
renderItem: renderItem
|
|
93
|
+
renderItem: renderItem,
|
|
94
|
+
paddingY: PADDING_Y_MAP[datum.size || 'default']
|
|
89
95
|
});
|
|
90
96
|
};
|
|
91
97
|
export default TreeVirtual;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tree-select.d.ts","sourceRoot":"","sources":["tree-select.tsx"],"names":[],"mappings":"AACA,OAAO,EAQL,YAAY,EAEb,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAc,MAAM,oBAAoB,CAAC;AAcjE,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAAG,YAAY,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"tree-select.d.ts","sourceRoot":"","sources":["tree-select.tsx"],"names":[],"mappings":"AACA,OAAO,EAQL,YAAY,EAEb,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAc,MAAM,oBAAoB,CAAC;AAcjE,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAAG,YAAY,EAAE,CAAC;AAMhE,QAAA,MAAM,UAAU,oIAiuBf,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -27,6 +27,9 @@ import { FormFieldContext } from "../form/form-field-context";
|
|
|
27
27
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
28
28
|
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
29
29
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
30
|
+
var defaultProps = {
|
|
31
|
+
data: []
|
|
32
|
+
};
|
|
30
33
|
var TreeSelect = function TreeSelect(props0) {
|
|
31
34
|
var _jssStyle$treeSelect;
|
|
32
35
|
var props = useWithFormConfig(props0);
|
|
@@ -43,7 +46,7 @@ var TreeSelect = function TreeSelect(props0) {
|
|
|
43
46
|
valueProp = props.value,
|
|
44
47
|
defaultValue = props.defaultValue,
|
|
45
48
|
_props$data = props.data,
|
|
46
|
-
data = _props$data === void 0 ?
|
|
49
|
+
data = _props$data === void 0 ? defaultProps.data : _props$data,
|
|
47
50
|
multiple = props.multiple,
|
|
48
51
|
_props$mode = props.mode,
|
|
49
52
|
mode = _props$mode === void 0 ? 1 : _props$mode,
|
|
@@ -587,13 +590,25 @@ var TreeSelect = function TreeSelect(props0) {
|
|
|
587
590
|
var style = {
|
|
588
591
|
maxHeight: height
|
|
589
592
|
};
|
|
593
|
+
var rootStyle = {
|
|
594
|
+
padding: '0 4px'
|
|
595
|
+
};
|
|
596
|
+
if (!virtual) {
|
|
597
|
+
if (size === 'small') {
|
|
598
|
+
rootStyle = {
|
|
599
|
+
padding: '3px 4px'
|
|
600
|
+
};
|
|
601
|
+
} else if (size === 'large') {
|
|
602
|
+
rootStyle = {
|
|
603
|
+
padding: '0 5px'
|
|
604
|
+
};
|
|
605
|
+
}
|
|
606
|
+
}
|
|
590
607
|
return /*#__PURE__*/_jsx("div", {
|
|
591
608
|
className: classNames(styles.tree, styles.treeWrapper),
|
|
592
609
|
style: style,
|
|
593
610
|
children: /*#__PURE__*/_jsx(Tree, _objectSpread(_objectSpread({
|
|
594
|
-
rootStyle:
|
|
595
|
-
padding: '0 4px'
|
|
596
|
-
},
|
|
611
|
+
rootStyle: rootStyle,
|
|
597
612
|
jssStyle: jssStyle,
|
|
598
613
|
renderItem: renderItem
|
|
599
614
|
}, treeProps), {}, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["button.tsx"],"names":[],"mappings":"AAIA,OAAO,EAA8B,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAS9E,QAAA,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["button.tsx"],"names":[],"mappings":"AAIA,OAAO,EAA8B,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAS9E,QAAA,MAAM,YAAY,6EAyFjB,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
package/esm/upload/button.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { UploadProps } from './upload.type';
|
|
3
3
|
import { ButtonProps } from '../button/button.type';
|
|
4
|
-
export type ButtonUploadInnerPropsType = Pick<UploadProps<any>, 'listType' | 'imageStyle' | 'canDelete' | 'showUploadList' | 'customResult' | '
|
|
4
|
+
export type ButtonUploadInnerPropsType = Pick<UploadProps<any>, 'listType' | 'imageStyle' | 'canDelete' | 'showUploadList' | 'customResult' | 'multiple' | 'leftHandler' | 'onPreview' | 'renderContent' | 'recoverAble'>;
|
|
5
5
|
export interface UploadButtonProps<T> extends Omit<UploadProps<T>, keyof ButtonUploadInnerPropsType>, Pick<ButtonProps, 'size' | 'type' | 'mode'> {
|
|
6
6
|
/**
|
|
7
7
|
* @cn 上传中按钮的内容,如果是字符串默认会有spin loading
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.type.d.ts","sourceRoot":"","sources":["button.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAC3C,WAAW,CAAC,GAAG,CAAC,EACd,UAAU,GACV,YAAY,GACZ,WAAW,GACX,gBAAgB,GAChB,cAAc,GACd,
|
|
1
|
+
{"version":3,"file":"button.type.d.ts","sourceRoot":"","sources":["button.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAC3C,WAAW,CAAC,GAAG,CAAC,EACd,UAAU,GACV,YAAY,GACZ,WAAW,GACX,gBAAgB,GAChB,cAAc,GACd,UAAU,GACV,aAAa,GACb,WAAW,GACX,eAAe,GACf,aAAa,CAChB,CAAC;AAEF,MAAM,WAAW,iBAAiB,CAAC,CAAC,CAClC,SAAQ,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,MAAM,0BAA0B,CAAC,EAC5D,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAC7C;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sheinx/base",
|
|
3
|
-
"version": "3.8.0-beta.
|
|
3
|
+
"version": "3.8.0-beta.4",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
"module": "./esm/index.js",
|
|
11
11
|
"typings": "./cjs/index.d.ts",
|
|
12
12
|
"dependencies": {
|
|
13
|
-
"@sheinx/hooks": "3.8.0-beta.
|
|
13
|
+
"@sheinx/hooks": "3.8.0-beta.4",
|
|
14
14
|
"immer": "^10.0.0",
|
|
15
15
|
"classnames": "^2.0.0",
|
|
16
16
|
"@shined/reactive": "^0.1.3-alpha.0"
|