@sheinx/base 3.3.6-beta.2 → 3.3.6-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.
Files changed (17) hide show
  1. package/cjs/absolute-list/absolute-list.d.ts.map +1 -1
  2. package/cjs/absolute-list/absolute-list.js +25 -14
  3. package/cjs/absolute-list/absolute-list.type.d.ts +4 -0
  4. package/cjs/absolute-list/absolute-list.type.d.ts.map +1 -1
  5. package/cjs/tooltip/tooltip.d.ts.map +1 -1
  6. package/cjs/tooltip/tooltip.js +18 -6
  7. package/cjs/tooltip/tooltip.type.d.ts +4 -0
  8. package/cjs/tooltip/tooltip.type.d.ts.map +1 -1
  9. package/esm/absolute-list/absolute-list.d.ts.map +1 -1
  10. package/esm/absolute-list/absolute-list.js +25 -14
  11. package/esm/absolute-list/absolute-list.type.d.ts +4 -0
  12. package/esm/absolute-list/absolute-list.type.d.ts.map +1 -1
  13. package/esm/tooltip/tooltip.d.ts.map +1 -1
  14. package/esm/tooltip/tooltip.js +20 -8
  15. package/esm/tooltip/tooltip.type.d.ts +4 -0
  16. package/esm/tooltip/tooltip.type.d.ts.map +1 -1
  17. package/package.json +2 -2
package/cjs/absolute-list/absolute-list.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"absolute-list.d.ts","sourceRoot":"","sources":["absolute-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAGlD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAIzD,QAAA,MAAM,YAAY,UAAW,iBAAiB;;sBA6D7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
1
+ {"version":3,"file":"absolute-list.d.ts","sourceRoot":"","sources":["absolute-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAGlD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAIzD,QAAA,MAAM,YAAY,UAAW,iBAAiB;;sBAwE7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
package/cjs/absolute-list/absolute-list.js CHANGED
@@ -27,6 +27,7 @@ var AbsoluteList = function AbsoluteList(props) {
27
27
  _props$zIndex = props.zIndex,
28
28
  zIndex = _props$zIndex === void 0 ? 1051 : _props$zIndex,
29
29
  focus = props.focus,
30
+ arrowRef = props.arrowRef,
30
31
  popupElRef = props.popupElRef,
31
32
  updateKey = props.updateKey,
32
33
  popupGap = props.popupGap,
@@ -45,23 +46,33 @@ var AbsoluteList = function AbsoluteList(props) {
45
46
  rendered: false
46
47
  }),
47
48
  context = _useRef.current;
48
- var style = (0, _hooks.usePositionStyle)({
49
- getContainer: getRoot,
50
- position: position,
51
- absolute: !!absolute,
52
- parentElRef: parentElRef,
53
- show: focus,
54
- fixedWidth: fixedWidth,
55
- zIndex: zIndex,
56
- scrollElRef: scrollElRef,
57
- popupElRef: popupElRef,
58
- updateKey: updateKey,
59
- popupGap: popupGap,
60
- adjust: adjust
61
- });
49
+ var _usePositionStyle = (0, _hooks.usePositionStyle)({
50
+ getContainer: getRoot,
51
+ position: position,
52
+ absolute: !!absolute,
53
+ parentElRef: parentElRef,
54
+ show: focus,
55
+ fixedWidth: fixedWidth,
56
+ zIndex: zIndex,
57
+ scrollElRef: scrollElRef,
58
+ popupElRef: popupElRef,
59
+ updateKey: updateKey,
60
+ popupGap: popupGap,
61
+ adjust: adjust
62
+ }),
63
+ style = _usePositionStyle.style,
64
+ arrayStyle = _usePositionStyle.arrayStyle;
62
65
  var childStyle = children.props.style;
63
66
  var newStyle = _objectSpread(_objectSpread({}, style), childStyle);
64
67
  if ( /*#__PURE__*/_react.default.isValidElement(children) === false) return null;
68
+ if (arrowRef && arrayStyle && Object.keys(arrayStyle).length > 0) {
69
+ Object.keys(arrayStyle).forEach(function (key) {
70
+ if (arrowRef.current) {
71
+ // @ts-ignore
72
+ arrowRef.current.style[key] = arrayStyle[key];
73
+ }
74
+ });
75
+ }
65
76
  var styledChild = /*#__PURE__*/_react.default.cloneElement(children, {
66
77
  style: newStyle
67
78
  });
package/cjs/absolute-list/absolute-list.type.d.ts CHANGED
@@ -29,9 +29,13 @@ export interface AbsoluteListProps {
29
29
  scrollElRef?: React.RefObject<HTMLElement>;
30
30
  scrollLeft?: number;
31
31
  scrollTop?: number;
32
+ arrowRef?: React.RefObject<HTMLElement>;
32
33
  popupElRef: React.RefObject<HTMLElement>;
33
34
  destroy?: boolean;
34
35
  adjust?: boolean;
35
36
  lazy?: boolean;
37
+ arrowStyleRef?: React.RefObject<{
38
+ style: React.CSSProperties;
39
+ }>;
36
40
  }
37
41
  //# sourceMappingURL=absolute-list.type.d.ts.map
package/cjs/absolute-list/absolute-list.type.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"absolute-list.type.d.ts","sourceRoot":"","sources":["absolute-list.type.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,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;AAEb,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC1C,UAAU,EAAE,KAAK,GAAG,OAAO,CAAC;IAC5B,QAAQ,EAAE,kBAAkB,GAAG,gBAAgB,GAAG,OAAO,CAAC;IAC1D,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IAE5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAEzC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB"}
1
+ {"version":3,"file":"absolute-list.type.d.ts","sourceRoot":"","sources":["absolute-list.type.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,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;AAEb,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC1C,UAAU,EAAE,KAAK,GAAG,OAAO,CAAC;IAC5B,QAAQ,EAAE,kBAAkB,GAAG,gBAAgB,GAAG,OAAO,CAAC;IAC1D,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IAE5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACxC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAEzC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAAE,KAAK,EAAE,KAAK,CAAC,aAAa,CAAA;KAAE,CAAC,CAAC;CACjE"}
package/cjs/tooltip/tooltip.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["tooltip.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAM9C,QAAA,MAAM,OAAO,UAAW,YAAY,uBA6FnC,CAAC;AAEF,eAAe,OAAO,CAAC"}
1
+ {"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["tooltip.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAM9C,QAAA,MAAM,OAAO,UAAW,YAAY,uBAsGnC,CAAC;AAEF,eAAe,OAAO,CAAC"}
package/cjs/tooltip/tooltip.js CHANGED
@@ -35,7 +35,8 @@ var Tooltip = function Tooltip(props) {
35
35
  _props$type = props.type,
36
36
  type = _props$type === void 0 ? 'default' : _props$type,
37
37
  _props$position = props.position,
38
- popsitionProps = _props$position === void 0 ? 'bottom' : _props$position;
38
+ popsitionProps = _props$position === void 0 ? 'auto' : _props$position;
39
+ var arrowStyleRef = (0, _react.useRef)({});
39
40
  var tooltipClasses = jssStyle === null || jssStyle === void 0 || (_jssStyle$tooltip = jssStyle.tooltip) === null || _jssStyle$tooltip === void 0 ? void 0 : _jssStyle$tooltip.call(jssStyle);
40
41
  var config = (0, _config.useConfig)();
41
42
  var childrenProps = /*#__PURE__*/(0, _react.isValidElement)(children) ? children === null || children === void 0 ? void 0 : children.props : {};
@@ -52,7 +53,8 @@ var Tooltip = function Tooltip(props) {
52
53
  position = _usePopup.position,
53
54
  getTargetProps = _usePopup.getTargetProps,
54
55
  targetRef = _usePopup.targetRef,
55
- popupRef = _usePopup.popupRef;
56
+ popupRef = _usePopup.popupRef,
57
+ arrowRef = _usePopup.arrowRef;
56
58
  if (! /*#__PURE__*/(0, _react.isValidElement)(children)) {
57
59
  console.error(new Error('Tooltip children expect a single ReactElement.'));
58
60
  return null;
@@ -83,12 +85,16 @@ var Tooltip = function Tooltip(props) {
83
85
  focus: open,
84
86
  parentElRef: targetRef,
85
87
  popupElRef: popupRef,
88
+ arrowRef: arrowRef,
86
89
  absolute: true,
90
+ adjust: popsitionProps === 'auto',
87
91
  position: position,
88
92
  fixedWidth: false,
89
- popupGap: 0,
93
+ popupGap: 0
94
+ // arrowStyleRef={arrowStyleRef}
95
+ ,
90
96
  zIndex: zIndex,
91
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
97
+ children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
92
98
  className: (0, _classnames.default)(className, tooltipClasses === null || tooltipClasses === void 0 ? void 0 : tooltipClasses.wrapper, open && (tooltipClasses === null || tooltipClasses === void 0 ? void 0 : tooltipClasses.wrapperOpen))
93
99
  }, _hooks.util.getDataAttribute({
94
100
  type: type,
@@ -97,11 +103,17 @@ var Tooltip = function Tooltip(props) {
97
103
  ref: popupRef,
98
104
  onMouseLeave: events.onMouseLeave,
99
105
  dir: config.direction,
100
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
106
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", _objectSpread({
107
+ ref: arrowRef,
108
+ style: arrowStyleRef.current,
109
+ className: tooltipClasses === null || tooltipClasses === void 0 ? void 0 : tooltipClasses.arrow
110
+ }, _hooks.util.getDataAttribute({
111
+ role: 'arrow'
112
+ }))), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
101
113
  style: style,
102
114
  className: (0, _classnames.default)(tooltipClasses === null || tooltipClasses === void 0 ? void 0 : tooltipClasses.content),
103
115
  children: tip
104
- })
116
+ })]
105
117
  }))
106
118
  })]
107
119
  });
package/cjs/tooltip/tooltip.type.d.ts CHANGED
@@ -18,6 +18,10 @@ export interface TooltipClasses {
18
18
  * 弹出层内容
19
19
  */
20
20
  content: string;
21
+ /**
22
+ * 箭头
23
+ */
24
+ arrow: string;
21
25
  }
22
26
  export interface TooltipProps extends Pick<BasePopupProps, 'trigger' | 'position' | 'priorityDirection'>, Pick<CommonType, 'className' | 'style'> {
23
27
  /**
package/cjs/tooltip/tooltip.type.d.ts.map CHANGED
@@ -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;;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;CACjB;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,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;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,CAAA;CAChB"}
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;;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,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;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;CACjB"}
package/esm/absolute-list/absolute-list.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"absolute-list.d.ts","sourceRoot":"","sources":["absolute-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAGlD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAIzD,QAAA,MAAM,YAAY,UAAW,iBAAiB;;sBA6D7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
1
+ {"version":3,"file":"absolute-list.d.ts","sourceRoot":"","sources":["absolute-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAGlD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAIzD,QAAA,MAAM,YAAY,UAAW,iBAAiB;;sBAwE7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
package/esm/absolute-list/absolute-list.js CHANGED
@@ -18,6 +18,7 @@ var AbsoluteList = function AbsoluteList(props) {
18
18
  _props$zIndex = props.zIndex,
19
19
  zIndex = _props$zIndex === void 0 ? 1051 : _props$zIndex,
20
20
  focus = props.focus,
21
+ arrowRef = props.arrowRef,
21
22
  popupElRef = props.popupElRef,
22
23
  updateKey = props.updateKey,
23
24
  popupGap = props.popupGap,
@@ -36,23 +37,33 @@ var AbsoluteList = function AbsoluteList(props) {
36
37
  rendered: false
37
38
  }),
38
39
  context = _useRef.current;
39
- var style = usePositionStyle({
40
- getContainer: getRoot,
41
- position: position,
42
- absolute: !!absolute,
43
- parentElRef: parentElRef,
44
- show: focus,
45
- fixedWidth: fixedWidth,
46
- zIndex: zIndex,
47
- scrollElRef: scrollElRef,
48
- popupElRef: popupElRef,
49
- updateKey: updateKey,
50
- popupGap: popupGap,
51
- adjust: adjust
52
- });
40
+ var _usePositionStyle = usePositionStyle({
41
+ getContainer: getRoot,
42
+ position: position,
43
+ absolute: !!absolute,
44
+ parentElRef: parentElRef,
45
+ show: focus,
46
+ fixedWidth: fixedWidth,
47
+ zIndex: zIndex,
48
+ scrollElRef: scrollElRef,
49
+ popupElRef: popupElRef,
50
+ updateKey: updateKey,
51
+ popupGap: popupGap,
52
+ adjust: adjust
53
+ }),
54
+ style = _usePositionStyle.style,
55
+ arrayStyle = _usePositionStyle.arrayStyle;
53
56
  var childStyle = children.props.style;
54
57
  var newStyle = _objectSpread(_objectSpread({}, style), childStyle);
55
58
  if ( /*#__PURE__*/React.isValidElement(children) === false) return null;
59
+ if (arrowRef && arrayStyle && Object.keys(arrayStyle).length > 0) {
60
+ Object.keys(arrayStyle).forEach(function (key) {
61
+ if (arrowRef.current) {
62
+ // @ts-ignore
63
+ arrowRef.current.style[key] = arrayStyle[key];
64
+ }
65
+ });
66
+ }
56
67
  var styledChild = /*#__PURE__*/React.cloneElement(children, {
57
68
  style: newStyle
58
69
  });
package/esm/absolute-list/absolute-list.type.d.ts CHANGED
@@ -29,9 +29,13 @@ export interface AbsoluteListProps {
29
29
  scrollElRef?: React.RefObject<HTMLElement>;
30
30
  scrollLeft?: number;
31
31
  scrollTop?: number;
32
+ arrowRef?: React.RefObject<HTMLElement>;
32
33
  popupElRef: React.RefObject<HTMLElement>;
33
34
  destroy?: boolean;
34
35
  adjust?: boolean;
35
36
  lazy?: boolean;
37
+ arrowStyleRef?: React.RefObject<{
38
+ style: React.CSSProperties;
39
+ }>;
36
40
  }
37
41
  //# sourceMappingURL=absolute-list.type.d.ts.map
package/esm/absolute-list/absolute-list.type.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"absolute-list.type.d.ts","sourceRoot":"","sources":["absolute-list.type.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,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;AAEb,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC1C,UAAU,EAAE,KAAK,GAAG,OAAO,CAAC;IAC5B,QAAQ,EAAE,kBAAkB,GAAG,gBAAgB,GAAG,OAAO,CAAC;IAC1D,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IAE5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAEzC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB"}
1
+ {"version":3,"file":"absolute-list.type.d.ts","sourceRoot":"","sources":["absolute-list.type.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,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;AAEb,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC1C,UAAU,EAAE,KAAK,GAAG,OAAO,CAAC;IAC5B,QAAQ,EAAE,kBAAkB,GAAG,gBAAgB,GAAG,OAAO,CAAC;IAC1D,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IAE5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACxC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAEzC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAAE,KAAK,EAAE,KAAK,CAAC,aAAa,CAAA;KAAE,CAAC,CAAC;CACjE"}
package/esm/tooltip/tooltip.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["tooltip.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAM9C,QAAA,MAAM,OAAO,UAAW,YAAY,uBA6FnC,CAAC;AAEF,eAAe,OAAO,CAAC"}
1
+ {"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["tooltip.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAM9C,QAAA,MAAM,OAAO,UAAW,YAAY,uBAsGnC,CAAC;AAEF,eAAe,OAAO,CAAC"}
package/esm/tooltip/tooltip.js CHANGED
@@ -6,12 +6,12 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
6
6
  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); }
7
7
  import { usePopup, util } from '@sheinx/hooks';
8
8
  import classNames from 'classnames';
9
- import React, { cloneElement, isValidElement } from 'react';
9
+ import React, { cloneElement, isValidElement, useRef } from 'react';
10
10
  import AbsoluteList from "../absolute-list";
11
11
  import { useConfig } from "../config";
12
12
  import { jsx as _jsx } from "react/jsx-runtime";
13
- import { Fragment as _Fragment } from "react/jsx-runtime";
14
13
  import { jsxs as _jsxs } from "react/jsx-runtime";
14
+ import { Fragment as _Fragment } from "react/jsx-runtime";
15
15
  var defaultDelay = 0;
16
16
  var Tooltip = function Tooltip(props) {
17
17
  var _jssStyle$tooltip;
@@ -28,7 +28,8 @@ var Tooltip = function Tooltip(props) {
28
28
  _props$type = props.type,
29
29
  type = _props$type === void 0 ? 'default' : _props$type,
30
30
  _props$position = props.position,
31
- popsitionProps = _props$position === void 0 ? 'bottom' : _props$position;
31
+ popsitionProps = _props$position === void 0 ? 'auto' : _props$position;
32
+ var arrowStyleRef = useRef({});
32
33
  var tooltipClasses = jssStyle === null || jssStyle === void 0 || (_jssStyle$tooltip = jssStyle.tooltip) === null || _jssStyle$tooltip === void 0 ? void 0 : _jssStyle$tooltip.call(jssStyle);
33
34
  var config = useConfig();
34
35
  var childrenProps = /*#__PURE__*/isValidElement(children) ? children === null || children === void 0 ? void 0 : children.props : {};
@@ -45,7 +46,8 @@ var Tooltip = function Tooltip(props) {
45
46
  position = _usePopup.position,
46
47
  getTargetProps = _usePopup.getTargetProps,
47
48
  targetRef = _usePopup.targetRef,
48
- popupRef = _usePopup.popupRef;
49
+ popupRef = _usePopup.popupRef,
50
+ arrowRef = _usePopup.arrowRef;
49
51
  if (! /*#__PURE__*/isValidElement(children)) {
50
52
  console.error(new Error('Tooltip children expect a single ReactElement.'));
51
53
  return null;
@@ -76,12 +78,16 @@ var Tooltip = function Tooltip(props) {
76
78
  focus: open,
77
79
  parentElRef: targetRef,
78
80
  popupElRef: popupRef,
81
+ arrowRef: arrowRef,
79
82
  absolute: true,
83
+ adjust: popsitionProps === 'auto',
80
84
  position: position,
81
85
  fixedWidth: false,
82
- popupGap: 0,
86
+ popupGap: 0
87
+ // arrowStyleRef={arrowStyleRef}
88
+ ,
83
89
  zIndex: zIndex,
84
- children: /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
90
+ children: /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
85
91
  className: classNames(className, tooltipClasses === null || tooltipClasses === void 0 ? void 0 : tooltipClasses.wrapper, open && (tooltipClasses === null || tooltipClasses === void 0 ? void 0 : tooltipClasses.wrapperOpen))
86
92
  }, util.getDataAttribute({
87
93
  type: type,
@@ -90,11 +96,17 @@ var Tooltip = function Tooltip(props) {
90
96
  ref: popupRef,
91
97
  onMouseLeave: events.onMouseLeave,
92
98
  dir: config.direction,
93
- children: /*#__PURE__*/_jsx("div", {
99
+ children: [/*#__PURE__*/_jsx("span", _objectSpread({
100
+ ref: arrowRef,
101
+ style: arrowStyleRef.current,
102
+ className: tooltipClasses === null || tooltipClasses === void 0 ? void 0 : tooltipClasses.arrow
103
+ }, util.getDataAttribute({
104
+ role: 'arrow'
105
+ }))), /*#__PURE__*/_jsx("div", {
94
106
  style: style,
95
107
  className: classNames(tooltipClasses === null || tooltipClasses === void 0 ? void 0 : tooltipClasses.content),
96
108
  children: tip
97
- })
109
+ })]
98
110
  }))
99
111
  })]
100
112
  });
package/esm/tooltip/tooltip.type.d.ts CHANGED
@@ -18,6 +18,10 @@ export interface TooltipClasses {
18
18
  * 弹出层内容
19
19
  */
20
20
  content: string;
21
+ /**
22
+ * 箭头
23
+ */
24
+ arrow: string;
21
25
  }
22
26
  export interface TooltipProps extends Pick<BasePopupProps, 'trigger' | 'position' | 'priorityDirection'>, Pick<CommonType, 'className' | 'style'> {
23
27
  /**
package/esm/tooltip/tooltip.type.d.ts.map CHANGED
@@ -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;;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;CACjB;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,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;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,CAAA;CAChB"}
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;;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,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;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;CACjB"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sheinx/base",
3
- "version": "3.3.6-beta.2",
3
+ "version": "3.3.6-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.3.6-beta.2",
13
+ "@sheinx/hooks": "3.3.6-beta.3",
14
14
  "immer": "^10.0.0",
15
15
  "classnames": "^2.0.0",
16
16
  "@shined/reactive": "^0.1.3-alpha.0"