@alifd/chat 0.3.4 → 0.3.6

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.
@@ -26,10 +26,11 @@ trigger, // 触发器dom
26
26
  const { left, top, width, height } = trigger.getBoundingClientRect();
27
27
  let newAlign = align;
28
28
  let newMaxHeight = maxHeight;
29
+ // 去除bl/br/tl/tr的支持,因为会导致弹层面板高度变矮,所以目前只用了'rt'|'lt'|'rb'|'lb'4种布局
29
30
  switch (edge) {
30
31
  case 'top': {
31
- newAlign = subEdge === 'left' ? 'bl' : 'br';
32
- newMaxHeight = top - DEFAULT_PANE_OFFSET - DEFAULT_EDGE_OFFSET;
32
+ newAlign = subEdge === 'left' ? 'rt' : 'lt';
33
+ newMaxHeight = screenHeight - top - DEFAULT_EDGE_OFFSET;
33
34
  break;
34
35
  }
35
36
  case 'right': {
@@ -38,8 +39,8 @@ trigger, // 触发器dom
38
39
  break;
39
40
  }
40
41
  case 'bottom': {
41
- newAlign = subEdge === 'left' ? 'tl' : 'tr';
42
- newMaxHeight = top - DEFAULT_PANE_OFFSET - DEFAULT_EDGE_OFFSET;
42
+ newAlign = subEdge === 'left' ? 'rb' : 'lb';
43
+ newMaxHeight = top + height - DEFAULT_EDGE_OFFSET;
43
44
  break;
44
45
  }
45
46
  case 'left': {
@@ -96,13 +96,13 @@ const FloatButton = forwardRef((props, ref) => {
96
96
  },
97
97
  onDraging(_, e) {
98
98
  draggedRef.current = true;
99
- updateAlign();
100
99
  handleMove(e);
101
100
  if (isHideRef.current) {
102
101
  return false;
103
102
  }
104
103
  },
105
104
  onDragend() {
105
+ updateAlign();
106
106
  if (!isHideRef.current) {
107
107
  updateNestleEdge();
108
108
  }
package/es/index.js CHANGED
@@ -20,4 +20,4 @@ export { default as CardLoading } from './card-loading';
20
20
  export { default as Origin } from './origin';
21
21
  export { default as Loading } from './loading';
22
22
  export { default as Drawer } from './drawer';
23
- export const version = '0.3.4';
23
+ export const version = '0.3.6';
@@ -29,10 +29,11 @@ trigger, // 触发器dom
29
29
  const { left, top, width, height } = trigger.getBoundingClientRect();
30
30
  let newAlign = align;
31
31
  let newMaxHeight = maxHeight;
32
+ // 去除bl/br/tl/tr的支持,因为会导致弹层面板高度变矮,所以目前只用了'rt'|'lt'|'rb'|'lb'4种布局
32
33
  switch (edge) {
33
34
  case 'top': {
34
- newAlign = subEdge === 'left' ? 'bl' : 'br';
35
- newMaxHeight = top - DEFAULT_PANE_OFFSET - DEFAULT_EDGE_OFFSET;
35
+ newAlign = subEdge === 'left' ? 'rt' : 'lt';
36
+ newMaxHeight = screenHeight - top - DEFAULT_EDGE_OFFSET;
36
37
  break;
37
38
  }
38
39
  case 'right': {
@@ -41,8 +42,8 @@ trigger, // 触发器dom
41
42
  break;
42
43
  }
43
44
  case 'bottom': {
44
- newAlign = subEdge === 'left' ? 'tl' : 'tr';
45
- newMaxHeight = top - DEFAULT_PANE_OFFSET - DEFAULT_EDGE_OFFSET;
45
+ newAlign = subEdge === 'left' ? 'rb' : 'lb';
46
+ newMaxHeight = top + height - DEFAULT_EDGE_OFFSET;
46
47
  break;
47
48
  }
48
49
  case 'left': {
@@ -98,13 +98,13 @@ const FloatButton = (0, react_1.forwardRef)((props, ref) => {
98
98
  },
99
99
  onDraging(_, e) {
100
100
  draggedRef.current = true;
101
- updateAlign();
102
101
  handleMove(e);
103
102
  if (isHideRef.current) {
104
103
  return false;
105
104
  }
106
105
  },
107
106
  onDragend() {
107
+ updateAlign();
108
108
  if (!isHideRef.current) {
109
109
  updateNestleEdge();
110
110
  }
package/lib/index.js CHANGED
@@ -46,4 +46,4 @@ var loading_1 = require("./loading");
46
46
  Object.defineProperty(exports, "Loading", { enumerable: true, get: function () { return tslib_1.__importDefault(loading_1).default; } });
47
47
  var drawer_1 = require("./drawer");
48
48
  Object.defineProperty(exports, "Drawer", { enumerable: true, get: function () { return tslib_1.__importDefault(drawer_1).default; } });
49
- exports.version = '0.3.4';
49
+ exports.version = '0.3.6';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alifd/chat",
3
- "version": "0.3.4",
3
+ "version": "0.3.6",
4
4
  "description": "A configurable component library for chat built on React.",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",