@sheinx/hooks 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/common/use-position-style/index.d.ts.map +1 -1
- package/cjs/common/use-position-style/index.js +20 -7
- package/cjs/components/use-transfer/index.d.ts +1 -0
- package/cjs/components/use-transfer/index.d.ts.map +1 -1
- package/cjs/components/use-transfer/index.js +15 -0
- package/cjs/components/use-transfer/transfer-context.d.ts +7 -0
- package/cjs/components/use-transfer/transfer-context.d.ts.map +1 -0
- package/cjs/components/use-transfer/transfer-context.js +12 -0
- package/esm/common/use-position-style/index.d.ts.map +1 -1
- package/esm/common/use-position-style/index.js +20 -7
- package/esm/components/use-transfer/index.d.ts +1 -0
- package/esm/components/use-transfer/index.d.ts.map +1 -1
- package/esm/components/use-transfer/index.js +1 -0
- package/esm/components/use-transfer/transfer-context.d.ts +7 -0
- package/esm/components/use-transfer/transfer-context.d.ts.map +1 -0
- package/esm/components/use-transfer/transfer-context.js +6 -0
- package/package.json +1 -1
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAUpE,MAAM,MAAM,kBAAkB,GAC1B,aAAa,GACb,UAAU,GACV,cAAc,GACd,WAAW,GACX,MAAM,GACN,OAAO,CAAC;AACZ,MAAM,MAAM,gBAAgB,GACxB,aAAa,GACb,cAAc,GACd,UAAU,GACV,WAAW,GACX,KAAK,GACL,QAAQ,CAAC;AAYb,KAAK,YAAY,GAAG,kBAAkB,GAAG,gBAAgB,GAAG,OAAO,CAAC;AACpE,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,YAAY,GAAG,SAAS,CAAC;IACnC,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC;IAEd,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAE1C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAEzC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC3C,YAAY,EAAE,MAAM,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC3B;
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAUpE,MAAM,MAAM,kBAAkB,GAC1B,aAAa,GACb,UAAU,GACV,cAAc,GACd,WAAW,GACX,MAAM,GACN,OAAO,CAAC;AACZ,MAAM,MAAM,gBAAgB,GACxB,aAAa,GACb,cAAc,GACd,UAAU,GACV,WAAW,GACX,KAAK,GACL,QAAQ,CAAC;AAYb,KAAK,YAAY,GAAG,kBAAkB,GAAG,gBAAgB,GAAG,OAAO,CAAC;AACpE,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,YAAY,GAAG,SAAS,CAAC;IACnC,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC;IAEd,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAE1C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAEzC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC3C,YAAY,EAAE,MAAM,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC3B;AAsBD,eAAO,MAAM,gBAAgB,WAAY,mBAAmB;;CA4S3D,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
@@ -30,6 +30,19 @@ var hideStyle = {
|
|
30
30
|
position: 'fixed',
|
31
31
|
visibility: 'hidden'
|
32
32
|
};
|
33
|
+
function setTransform(style, transform, addon) {
|
34
|
+
if (addon) {
|
35
|
+
style.transform += ' ' + transform;
|
36
|
+
} else {
|
37
|
+
style.transform = transform;
|
38
|
+
}
|
39
|
+
// 提供给动画侧合并使用
|
40
|
+
if (addon) {
|
41
|
+
style['--soui-popup-transform'] += ' ' + transform;
|
42
|
+
} else {
|
43
|
+
style['--soui-popup-transform'] = transform;
|
44
|
+
}
|
45
|
+
}
|
33
46
|
var usePositionStyle = exports.usePositionStyle = function usePositionStyle(config) {
|
34
47
|
var _ref = config || {},
|
35
48
|
absolute = _ref.absolute,
|
@@ -186,7 +199,7 @@ var usePositionStyle = exports.usePositionStyle = function usePositionStyle(conf
|
|
186
199
|
var overLeft = 0;
|
187
200
|
if (h === 'left') {
|
188
201
|
style.left = rect.left - containerRect.left + containerScroll.left - (offset ? offset[0] : 0);
|
189
|
-
style
|
202
|
+
setTransform(style, '');
|
190
203
|
if (adjust) {
|
191
204
|
overRight = rect.left + context.popUpWidth - bodyRect.right + containerScrollBarWidth;
|
192
205
|
if (style.left < 0 && targetRect) {
|
@@ -196,11 +209,11 @@ var usePositionStyle = exports.usePositionStyle = function usePositionStyle(conf
|
|
196
209
|
} else if (h === 'right') {
|
197
210
|
style.right = containerRect.right - rect.right + containerScrollBarWidth - containerScroll.left - (offset ? offset[0] : 0);
|
198
211
|
style.left = 'auto';
|
199
|
-
style
|
212
|
+
setTransform(style, '');
|
200
213
|
} else {
|
201
214
|
// 居中对齐
|
202
215
|
style.left = rect.left + rect.width / 2 - containerRect.left + containerScroll.left;
|
203
|
-
style
|
216
|
+
setTransform(style, 'translateX(-50%)');
|
204
217
|
if (adjust) {
|
205
218
|
overRight = rect.left + rect.width / 2 + context.popUpWidth / 2 - bodyRect.width + containerScrollBarWidth;
|
206
219
|
overLeft = bodyRect.left - (rect.left + rect.width / 2 - context.popUpWidth / 2);
|
@@ -222,7 +235,7 @@ var usePositionStyle = exports.usePositionStyle = function usePositionStyle(conf
|
|
222
235
|
style.top = rect.bottom - containerRect.top + containerScroll.top + popupGap;
|
223
236
|
} else {
|
224
237
|
style.top = rect.top - containerRect.top + containerScroll.top - popupGap;
|
225
|
-
style
|
238
|
+
setTransform(style, 'translateY(-100%)', true);
|
226
239
|
}
|
227
240
|
} else if (horizontalPosition.includes(targetPosition)) {
|
228
241
|
var _targetPosition$split3 = targetPosition.split('-'),
|
@@ -231,14 +244,14 @@ var usePositionStyle = exports.usePositionStyle = function usePositionStyle(conf
|
|
231
244
|
_v = _targetPosition$split4[1];
|
232
245
|
if (_v === 'top') {
|
233
246
|
style.top = rect.top - containerRect.top + containerScroll.top - (offset ? offset[1] : 0);
|
234
|
-
style
|
247
|
+
setTransform(style, '');
|
235
248
|
} else if (_v === 'bottom') {
|
236
249
|
style.top = rect.bottom - containerRect.top + containerScroll.top + (offset ? offset[1] : 0);
|
237
|
-
style
|
250
|
+
setTransform(style, 'translateY(-100%)');
|
238
251
|
} else {
|
239
252
|
// 居中对齐
|
240
253
|
style.top = rect.top - containerRect.top + containerScroll.top + rect.height / 2;
|
241
|
-
style
|
254
|
+
setTransform(style, 'translateY(-50%)');
|
242
255
|
}
|
243
256
|
if (_h === 'right') {
|
244
257
|
style.left = rect.right - containerRect.left + containerScroll.left + popupGap;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACjE,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC"}
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AAEnC,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACjE,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC"}
|
@@ -4,6 +4,9 @@
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
5
5
|
value: true
|
6
6
|
});
|
7
|
+
var _exportNames = {
|
8
|
+
useTransfer: true
|
9
|
+
};
|
7
10
|
Object.defineProperty(exports, "default", {
|
8
11
|
enumerable: true,
|
9
12
|
get: function get() {
|
@@ -16,5 +19,17 @@ Object.defineProperty(exports, "useTransfer", {
|
|
16
19
|
return _useTransfer.default;
|
17
20
|
}
|
18
21
|
});
|
22
|
+
var _transferContext = require("./transfer-context");
|
23
|
+
Object.keys(_transferContext).forEach(function (key) {
|
24
|
+
if (key === "default" || key === "__esModule") return;
|
25
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
26
|
+
if (key in exports && exports[key] === _transferContext[key]) return;
|
27
|
+
Object.defineProperty(exports, key, {
|
28
|
+
enumerable: true,
|
29
|
+
get: function get() {
|
30
|
+
return _transferContext[key];
|
31
|
+
}
|
32
|
+
});
|
33
|
+
});
|
19
34
|
var _useTransfer = _interopRequireDefault(require("./use-transfer"));
|
20
35
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
@@ -0,0 +1,7 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
export declare const TransferContext: import("react").Context<{
|
3
|
+
filterSourceText?: string | undefined;
|
4
|
+
filterTargetText?: string | undefined;
|
5
|
+
highlight?: boolean | undefined;
|
6
|
+
}>;
|
7
|
+
//# sourceMappingURL=transfer-context.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"transfer-context.d.ts","sourceRoot":"","sources":["transfer-context.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,eAAe;;;;EAQ1B,CAAC"}
|
@@ -0,0 +1,12 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.TransferContext = void 0;
|
7
|
+
var _react = require("react");
|
8
|
+
var TransferContext = exports.TransferContext = /*#__PURE__*/(0, _react.createContext)({
|
9
|
+
filterSourceText: '',
|
10
|
+
filterTargetText: '',
|
11
|
+
highlight: false
|
12
|
+
});
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAUpE,MAAM,MAAM,kBAAkB,GAC1B,aAAa,GACb,UAAU,GACV,cAAc,GACd,WAAW,GACX,MAAM,GACN,OAAO,CAAC;AACZ,MAAM,MAAM,gBAAgB,GACxB,aAAa,GACb,cAAc,GACd,UAAU,GACV,WAAW,GACX,KAAK,GACL,QAAQ,CAAC;AAYb,KAAK,YAAY,GAAG,kBAAkB,GAAG,gBAAgB,GAAG,OAAO,CAAC;AACpE,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,YAAY,GAAG,SAAS,CAAC;IACnC,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC;IAEd,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAE1C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAEzC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC3C,YAAY,EAAE,MAAM,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC3B;
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAUpE,MAAM,MAAM,kBAAkB,GAC1B,aAAa,GACb,UAAU,GACV,cAAc,GACd,WAAW,GACX,MAAM,GACN,OAAO,CAAC;AACZ,MAAM,MAAM,gBAAgB,GACxB,aAAa,GACb,cAAc,GACd,UAAU,GACV,WAAW,GACX,KAAK,GACL,QAAQ,CAAC;AAYb,KAAK,YAAY,GAAG,kBAAkB,GAAG,gBAAgB,GAAG,OAAO,CAAC;AACpE,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,YAAY,GAAG,SAAS,CAAC;IACnC,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC;IAEd,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAE1C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAEzC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC3C,YAAY,EAAE,MAAM,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC3B;AAsBD,eAAO,MAAM,gBAAgB,WAAY,mBAAmB;;CA4S3D,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
@@ -21,6 +21,19 @@ var hideStyle = {
|
|
21
21
|
position: 'fixed',
|
22
22
|
visibility: 'hidden'
|
23
23
|
};
|
24
|
+
function setTransform(style, transform, addon) {
|
25
|
+
if (addon) {
|
26
|
+
style.transform += ' ' + transform;
|
27
|
+
} else {
|
28
|
+
style.transform = transform;
|
29
|
+
}
|
30
|
+
// 提供给动画侧合并使用
|
31
|
+
if (addon) {
|
32
|
+
style['--soui-popup-transform'] += ' ' + transform;
|
33
|
+
} else {
|
34
|
+
style['--soui-popup-transform'] = transform;
|
35
|
+
}
|
36
|
+
}
|
24
37
|
export var usePositionStyle = function usePositionStyle(config) {
|
25
38
|
var _ref = config || {},
|
26
39
|
absolute = _ref.absolute,
|
@@ -177,7 +190,7 @@ export var usePositionStyle = function usePositionStyle(config) {
|
|
177
190
|
var overLeft = 0;
|
178
191
|
if (h === 'left') {
|
179
192
|
style.left = rect.left - containerRect.left + containerScroll.left - (offset ? offset[0] : 0);
|
180
|
-
style
|
193
|
+
setTransform(style, '');
|
181
194
|
if (adjust) {
|
182
195
|
overRight = rect.left + context.popUpWidth - bodyRect.right + containerScrollBarWidth;
|
183
196
|
if (style.left < 0 && targetRect) {
|
@@ -187,11 +200,11 @@ export var usePositionStyle = function usePositionStyle(config) {
|
|
187
200
|
} else if (h === 'right') {
|
188
201
|
style.right = containerRect.right - rect.right + containerScrollBarWidth - containerScroll.left - (offset ? offset[0] : 0);
|
189
202
|
style.left = 'auto';
|
190
|
-
style
|
203
|
+
setTransform(style, '');
|
191
204
|
} else {
|
192
205
|
// 居中对齐
|
193
206
|
style.left = rect.left + rect.width / 2 - containerRect.left + containerScroll.left;
|
194
|
-
style
|
207
|
+
setTransform(style, 'translateX(-50%)');
|
195
208
|
if (adjust) {
|
196
209
|
overRight = rect.left + rect.width / 2 + context.popUpWidth / 2 - bodyRect.width + containerScrollBarWidth;
|
197
210
|
overLeft = bodyRect.left - (rect.left + rect.width / 2 - context.popUpWidth / 2);
|
@@ -213,7 +226,7 @@ export var usePositionStyle = function usePositionStyle(config) {
|
|
213
226
|
style.top = rect.bottom - containerRect.top + containerScroll.top + popupGap;
|
214
227
|
} else {
|
215
228
|
style.top = rect.top - containerRect.top + containerScroll.top - popupGap;
|
216
|
-
style
|
229
|
+
setTransform(style, 'translateY(-100%)', true);
|
217
230
|
}
|
218
231
|
} else if (horizontalPosition.includes(targetPosition)) {
|
219
232
|
var _targetPosition$split3 = targetPosition.split('-'),
|
@@ -222,14 +235,14 @@ export var usePositionStyle = function usePositionStyle(config) {
|
|
222
235
|
_v = _targetPosition$split4[1];
|
223
236
|
if (_v === 'top') {
|
224
237
|
style.top = rect.top - containerRect.top + containerScroll.top - (offset ? offset[1] : 0);
|
225
|
-
style
|
238
|
+
setTransform(style, '');
|
226
239
|
} else if (_v === 'bottom') {
|
227
240
|
style.top = rect.bottom - containerRect.top + containerScroll.top + (offset ? offset[1] : 0);
|
228
|
-
style
|
241
|
+
setTransform(style, 'translateY(-100%)');
|
229
242
|
} else {
|
230
243
|
// 居中对齐
|
231
244
|
style.top = rect.top - containerRect.top + containerScroll.top + rect.height / 2;
|
232
|
-
style
|
245
|
+
setTransform(style, 'translateY(-50%)');
|
233
246
|
}
|
234
247
|
if (_h === 'right') {
|
235
248
|
style.left = rect.right - containerRect.left + containerScroll.left + popupGap;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACjE,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC"}
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AAEnC,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACjE,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC"}
|
@@ -0,0 +1,7 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
export declare const TransferContext: import("react").Context<{
|
3
|
+
filterSourceText?: string | undefined;
|
4
|
+
filterTargetText?: string | undefined;
|
5
|
+
highlight?: boolean | undefined;
|
6
|
+
}>;
|
7
|
+
//# sourceMappingURL=transfer-context.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"transfer-context.d.ts","sourceRoot":"","sources":["transfer-context.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,eAAe;;;;EAQ1B,CAAC"}
|