@sheinx/hooks 3.8.0-beta.1 → 3.8.0-beta.2

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.
Files changed (5) hide show
  1. package/cjs/common/use-position-style/index.d.ts.map +1 -1
  2. package/cjs/common/use-position-style/index.js +20 -7
  3. package/esm/common/use-position-style/index.d.ts.map +1 -1
  4. package/esm/common/use-position-style/index.js +20 -7
  5. package/package.json +1 -1
package/cjs/common/use-position-style/index.d.ts.map CHANGED
@@ -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;AAOD,eAAO,MAAM,gBAAgB,WAAY,mBAAmB;;CA4S3D,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
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"}
package/cjs/common/use-position-style/index.js CHANGED
@@ -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.transform = '';
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.transform = '';
212
+ setTransform(style, '');
200
213
  } else {
201
214
  // 居中对齐
202
215
  style.left = rect.left + rect.width / 2 - containerRect.left + containerScroll.left;
203
- style.transform = 'translateX(-50%)';
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.transform += 'translateY(-100%)';
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.transform = '';
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.transform = 'translateY(-100%)';
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.transform = 'translateY(-50%)';
254
+ setTransform(style, 'translateY(-50%)');
242
255
  }
243
256
  if (_h === 'right') {
244
257
  style.left = rect.right - containerRect.left + containerScroll.left + popupGap;
package/esm/common/use-position-style/index.d.ts.map CHANGED
@@ -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;AAOD,eAAO,MAAM,gBAAgB,WAAY,mBAAmB;;CA4S3D,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
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"}
package/esm/common/use-position-style/index.js CHANGED
@@ -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.transform = '';
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.transform = '';
203
+ setTransform(style, '');
191
204
  } else {
192
205
  // 居中对齐
193
206
  style.left = rect.left + rect.width / 2 - containerRect.left + containerScroll.left;
194
- style.transform = 'translateX(-50%)';
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.transform += 'translateY(-100%)';
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.transform = '';
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.transform = 'translateY(-100%)';
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.transform = 'translateY(-50%)';
245
+ setTransform(style, 'translateY(-50%)');
233
246
  }
234
247
  if (_h === 'right') {
235
248
  style.left = rect.right - containerRect.left + containerScroll.left + popupGap;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sheinx/hooks",
3
- "version": "3.8.0-beta.1",
3
+ "version": "3.8.0-beta.2",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",