@sheinx/base 3.8.0-beta.1 → 3.8.0-beta.3
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/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/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/package.json +2 -2
|
@@ -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":"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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"}
|
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.3",
|
|
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.3",
|
|
14
14
|
"immer": "^10.0.0",
|
|
15
15
|
"classnames": "^2.0.0",
|
|
16
16
|
"@shined/reactive": "^0.1.3-alpha.0"
|