@sima-land/ui-nucleons 45.0.0-alpha.49 → 45.0.0-alpha.50
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/README.md +7 -0
- package/dist/carousel/draggable.d.ts +1 -0
- package/dist/carousel/draggable.js +25 -5
- package/dist/carousel/draggable.js.map +1 -1
- package/dist/dot-nav/dot-nav.js +3 -3
- package/dist/dot-nav/dot-nav.js.map +1 -1
- package/dist/dot-nav/dot-nav.m.scss +9 -0
- package/dist/dot-nav/types.d.ts +1 -1
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -112,6 +112,13 @@ declare module '*.m.scss' {
|
|
|
112
112
|
|
|
113
113
|
## Разработка и поддержка
|
|
114
114
|
|
|
115
|
+
### Приёмочное тестирование `e2e`
|
|
116
|
+
|
|
117
|
+
Данный тип тестирования запускается автоматически в CI и там же фиксируется результат скриншотов.
|
|
118
|
+
|
|
119
|
+
> **Важно:** эталонной ОС для снапшотов является Linux Docker-окружение (`*-linux.png`).
|
|
120
|
+
> Генерировать снапшоты локально **не рекомендуется**.
|
|
121
|
+
|
|
115
122
|
### Принципы библиотеки
|
|
116
123
|
|
|
117
124
|
- в библиотеке не должно быть HOC (компонентов высшего порядка - функций, возвращающих компонент)
|
|
@@ -33,6 +33,7 @@ export declare class Draggable extends Component<DraggableProps> {
|
|
|
33
33
|
needPreventClick: boolean;
|
|
34
34
|
currentOffset: IPoint;
|
|
35
35
|
clientPosition: IPoint;
|
|
36
|
+
dragStartClientPosition: IPoint;
|
|
36
37
|
draggableRef: RefObject<HTMLDivElement>;
|
|
37
38
|
offList: Array<VoidFunction>;
|
|
38
39
|
/**
|
|
@@ -27,6 +27,7 @@ class Draggable extends react_1.Component {
|
|
|
27
27
|
needPreventClick;
|
|
28
28
|
currentOffset;
|
|
29
29
|
clientPosition;
|
|
30
|
+
dragStartClientPosition;
|
|
30
31
|
draggableRef;
|
|
31
32
|
offList;
|
|
32
33
|
/**
|
|
@@ -40,6 +41,7 @@ class Draggable extends react_1.Component {
|
|
|
40
41
|
this.needPreventClick = false;
|
|
41
42
|
this.currentOffset = (0, point_1.Point)();
|
|
42
43
|
this.clientPosition = (0, point_1.Point)();
|
|
44
|
+
this.dragStartClientPosition = (0, point_1.Point)();
|
|
43
45
|
this.draggableRef = (0, react_1.createRef)();
|
|
44
46
|
this.handleClickCapture = this.handleClickCapture.bind(this);
|
|
45
47
|
this.startCapture = this.startCapture.bind(this);
|
|
@@ -96,6 +98,9 @@ class Draggable extends react_1.Component {
|
|
|
96
98
|
if (active && ((0, events_1.isMainMouseButton)(event) || isTouch)) {
|
|
97
99
|
this.toggleGrabbed(true);
|
|
98
100
|
this.saveClientPosition(event);
|
|
101
|
+
const startPos = (0, events_1.getEventClientPos)(event);
|
|
102
|
+
this.dragStartClientPosition.x = startPos.x;
|
|
103
|
+
this.dragStartClientPosition.y = startPos.y;
|
|
99
104
|
if (!isTouch) {
|
|
100
105
|
event.preventDefault();
|
|
101
106
|
// ВАЖНО: preventDefault предотвращает расфокусировку активного поля, что порождает баги, форсируем
|
|
@@ -145,11 +150,6 @@ class Draggable extends react_1.Component {
|
|
|
145
150
|
// предотвращаем выделение текста на странице
|
|
146
151
|
event.preventDefault();
|
|
147
152
|
window.getSelection()?.removeAllRanges();
|
|
148
|
-
/*
|
|
149
|
-
Предотвращаем клик, если курсор в области карусели, иначе нет.
|
|
150
|
-
Только НЕ touch-устройства т.к. на них срабатывает клик при перетаскивании.
|
|
151
|
-
*/
|
|
152
|
-
this.togglePreventClickNeed(this.isPointInRect(event));
|
|
153
153
|
}
|
|
154
154
|
onDragMove && onDragMove(customEvent);
|
|
155
155
|
if (!customEvent.prevented) {
|
|
@@ -174,6 +174,26 @@ class Draggable extends react_1.Component {
|
|
|
174
174
|
client: (0, point_1.Point)(clientX, clientY),
|
|
175
175
|
}));
|
|
176
176
|
}
|
|
177
|
+
// Если было движение, предотвращаем клик
|
|
178
|
+
if (!(0, events_1.isTouchEvent)(event) && this.isGrabbed) {
|
|
179
|
+
const { axis } = this.props;
|
|
180
|
+
const endPos = (0, events_1.getEventClientPos)(event);
|
|
181
|
+
const hasMovementOnX = Math.abs(endPos.x - this.dragStartClientPosition.x) > 0;
|
|
182
|
+
const hasMovementOnY = Math.abs(endPos.y - this.dragStartClientPosition.y) > 0;
|
|
183
|
+
let hasMovement;
|
|
184
|
+
if (axis === 'x') {
|
|
185
|
+
hasMovement = hasMovementOnX;
|
|
186
|
+
}
|
|
187
|
+
else if (axis === 'y') {
|
|
188
|
+
hasMovement = hasMovementOnY;
|
|
189
|
+
}
|
|
190
|
+
else {
|
|
191
|
+
hasMovement = hasMovementOnX || hasMovementOnY;
|
|
192
|
+
}
|
|
193
|
+
if (hasMovement && this.isPointInRect(event)) {
|
|
194
|
+
this.togglePreventClickNeed(true);
|
|
195
|
+
}
|
|
196
|
+
}
|
|
177
197
|
this.toggleGrabbed(false);
|
|
178
198
|
}
|
|
179
199
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"draggable.js","sourceRoot":"","sources":["../../src/carousel/draggable.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"draggable.js","sourceRoot":"","sources":["../../src/carousel/draggable.tsx"],"names":[],"mappings":"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"}
|
package/dist/dot-nav/dot-nav.js
CHANGED
|
@@ -14,10 +14,10 @@ const cx = bind_1.default.bind(dot_nav_m_scss_1.default);
|
|
|
14
14
|
* @param props Свойства.
|
|
15
15
|
* @return Элемент.
|
|
16
16
|
*/
|
|
17
|
-
function DotNav({ size = '
|
|
17
|
+
function DotNav({ size = 'm', current = 0, total = 1, onSelect }) {
|
|
18
18
|
const withShift = total > 4;
|
|
19
|
-
const itemSize = 14;
|
|
20
|
-
const itemGutter = { s: 0, l: 6 }[size];
|
|
19
|
+
const itemSize = { s: 8, m: 14, l: 14 }[size];
|
|
20
|
+
const itemGutter = { s: 4, m: 0, l: 6 }[size];
|
|
21
21
|
const maxWidth = itemSize * 5 + itemGutter * 4;
|
|
22
22
|
const totalWidth = itemSize * total + itemGutter * (total - 1);
|
|
23
23
|
const shift = useShift(current, total);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dot-nav.js","sourceRoot":"","sources":["../../src/dot-nav/dot-nav.tsx"],"names":[],"mappings":";;;;;AAYA,wBAmCC;;AA9CD,iCAA+B;AAC/B,2DAAyC;AACzC,sEAAsC;AAEtC,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,wBAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACH,SAAgB,MAAM,CAAC,EAAE,IAAI,GAAG,GAAG,EAAE,OAAO,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAe;IAClF,MAAM,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;IAE5B,MAAM,QAAQ,GAAG,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"dot-nav.js","sourceRoot":"","sources":["../../src/dot-nav/dot-nav.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,6 +5,11 @@
|
|
|
5
5
|
position: relative;
|
|
6
6
|
overflow: hidden;
|
|
7
7
|
&.size-s {
|
|
8
|
+
--dot-regular-size: 4;
|
|
9
|
+
--dot-active-size: 4;
|
|
10
|
+
--dot-distant-size: 3;
|
|
11
|
+
}
|
|
12
|
+
&.size-m {
|
|
8
13
|
--dot-regular-size: 6;
|
|
9
14
|
--dot-active-size: 6;
|
|
10
15
|
--dot-distant-size: 4;
|
|
@@ -24,6 +29,10 @@
|
|
|
24
29
|
transition: left 0.3s;
|
|
25
30
|
--dot-size: var(--dot-regular-size);
|
|
26
31
|
cursor: pointer;
|
|
32
|
+
.size-s & {
|
|
33
|
+
width: 8px;
|
|
34
|
+
height: 8px;
|
|
35
|
+
}
|
|
27
36
|
&.active {
|
|
28
37
|
--dot-size: var(--dot-active-size);
|
|
29
38
|
}
|
package/dist/dot-nav/types.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sima-land/ui-nucleons",
|
|
3
3
|
"type": "commonjs",
|
|
4
|
-
"version": "45.0.0-alpha.
|
|
4
|
+
"version": "45.0.0-alpha.50",
|
|
5
5
|
"author": "www.sima-land.ru team",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"engines": {
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
"build:clean": "rm -rf dist",
|
|
14
14
|
"build:scripts": "tsc --project tsconfig.build.json",
|
|
15
15
|
"build:assets": "node scripts/build-assets.mjs",
|
|
16
|
-
"
|
|
16
|
+
"typecheck": "tsc -p . --noEmit",
|
|
17
17
|
"lint": "npm run lint:scripts && npm run lint:styles",
|
|
18
18
|
"lint:scripts": "eslint './src/**/*.{js,jsx,ts,tsx}'",
|
|
19
19
|
"lint:styles": "stylelint 'src/**/*.{css,scss}'",
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
"@babel/preset-env": "^7.16.11",
|
|
40
40
|
"@babel/preset-react": "^7.16.7",
|
|
41
41
|
"@babel/preset-typescript": "^7.16.7",
|
|
42
|
-
"@playwright/test": "^1.
|
|
42
|
+
"@playwright/test": "^1.57.0",
|
|
43
43
|
"@sima-land/linters": "^5.0.0",
|
|
44
44
|
"@testing-library/react": "^14.0.0",
|
|
45
45
|
"@testing-library/user-event": "^14.4.3",
|