@things-factory/board-ui 6.1.126 → 6.1.129
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/dist-client/tsconfig.tsbuildinfo +1 -1
- package/helps/board-modeller/effects/animation.ja.md +45 -0
- package/helps/board-modeller/effects/animation.ko.md +43 -44
- package/helps/board-modeller/effects/animation.md +42 -44
- package/helps/board-modeller/effects/animation.ms.md +45 -0
- package/helps/board-modeller/effects/animation.zh.md +43 -45
- package/package.json +3 -3
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
# アニメーション
|
|
2
|
+
|
|
3
|
+
![animation-01][animation-01]
|
|
4
|
+
プレビューとモニタリングモードの切り替え時に、コンポーネントのトリガーとなるアニメーションを設定できます。
|
|
5
|
+
|
|
6
|
+
- プロパティ
|
|
7
|
+
|
|
8
|
+
- 遅延 - アニメーションを開始する前の待機時間
|
|
9
|
+
- 持続時間 - アニメーションの各ラウンドの期間
|
|
10
|
+
- インターバル - アニメーション間の時間間隔
|
|
11
|
+
- 繰り返し - アニメーションが自動的に繰り返されるかどうか
|
|
12
|
+
- 自動再生 - コンポーネントが作成されたときにアニメーションを自動的に開始するかどうか
|
|
13
|
+
- デルタ - アニメーションの進行状況を制御するデルタ関数(アニメーションデルタ関数)
|
|
14
|
+
- イーズ - アニメーションデルタ関数のタイミング
|
|
15
|
+
- イン - エントリーポイント
|
|
16
|
+
- アウト - 完了ポイント
|
|
17
|
+
- インアウト - エントリーポイントと完了ポイント
|
|
18
|
+
|
|
19
|
+
- アニメーションの種類
|
|
20
|
+
|
|
21
|
+
1. ローテーション
|
|
22
|
+
![animation-02][animation-02]
|
|
23
|
+
![animation-03][animation-03]
|
|
24
|
+
1. 振動
|
|
25
|
+
![animation-04][animation-04]
|
|
26
|
+
1. ハートビート
|
|
27
|
+
![animation-05][animation-05]
|
|
28
|
+
1. 移動
|
|
29
|
+
![animation-06][animation-07]
|
|
30
|
+
![animation-07][animation-06]
|
|
31
|
+
![animation-08][animation-09]
|
|
32
|
+
![animation-09][animation-08]
|
|
33
|
+
1. アウトライン
|
|
34
|
+
![animation-10][animation-10]
|
|
35
|
+
|
|
36
|
+
[animation-01]: ../images/animation-01.gif
|
|
37
|
+
[animation-02]: ../images/animation-02.gif
|
|
38
|
+
[animation-03]: ../images/animation-03.gif
|
|
39
|
+
[animation-04]: ../images/animation-04.gif
|
|
40
|
+
[animation-05]: ../images/animation-05.gif
|
|
41
|
+
[animation-06]: ../images/animation-06.gif
|
|
42
|
+
[animation-07]: ../images/animation-07.gif
|
|
43
|
+
[animation-08]: ../images/animation-08.gif
|
|
44
|
+
[animation-09]: ../images/animation-09.gif
|
|
45
|
+
[animation-10]: ../images/animation-10.gif
|
|
@@ -1,46 +1,45 @@
|
|
|
1
1
|
# 애니메이션
|
|
2
|
-
![animation-01][animation-01]
|
|
3
|
-
미리보기와 모니터링 모드로 변환될 시 동작할 컴포넌트의 애니메이션들을 설정할 수 있다.
|
|
4
|
-
- 이벤트 시점
|
|
5
|
-
1. onCreate - 뷰 모드가 실행되는 순간부터 애니메이션 동작.
|
|
6
|
-
1. onChange - 컴포넌트의 데이터가 변경이 되었을 때 동작.
|
|
7
|
-
- 애니메이션 종류
|
|
8
|
-
1. Rotation-CW
|
|
9
|
-
![animation-02][animation-02]
|
|
10
|
-
1. Rotation-CWW
|
|
11
|
-
![animation-03][animation-03]
|
|
12
|
-
1. Vibration
|
|
13
|
-
![animation-04][animation-04]
|
|
14
|
-
1. Hearbeat
|
|
15
|
-
![animation-05][animation-05]
|
|
16
|
-
1. Moving-Right
|
|
17
|
-
![animation-06][animation-07]
|
|
18
|
-
1. Moving-Left
|
|
19
|
-
![animation-07][animation-06]
|
|
20
|
-
1. Moving-Bottom
|
|
21
|
-
![animation-08][animation-09]
|
|
22
|
-
1. Moving-Top
|
|
23
|
-
![animation-09][animation-08]
|
|
24
|
-
1. Outline
|
|
25
|
-
![animation-10][animation-10]
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
[animation-01]:../images/animation-01.gif
|
|
29
|
-
|
|
30
|
-
[animation-02]:../images/animation-02.gif
|
|
31
|
-
|
|
32
|
-
[animation-03]:../images/animation-03.gif
|
|
33
|
-
|
|
34
|
-
[animation-04]:../images/animation-04.gif
|
|
35
2
|
|
|
36
|
-
[animation-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
3
|
+
![animation-01][animation-01]
|
|
4
|
+
미리보기와 모니터링 모드로 변환될 시 동작할 컴포넌트의 애니메이션들을 설정할 수 있다.
|
|
5
|
+
|
|
6
|
+
- 속성
|
|
7
|
+
|
|
8
|
+
- 대기 시간 - 애니메이션을 시작하기전 대기 시간
|
|
9
|
+
- 지속 시간 - 애니메이션의 매 라운드 수행 시간
|
|
10
|
+
- 재생 간격 - 애니메이션 간의 시간 간격
|
|
11
|
+
- 반복 - 애니메이션 자동 반복 여부
|
|
12
|
+
- 자동플레이 - 컴포넌트 생성시 애니메이션 자동 시작 여부
|
|
13
|
+
- Delta - 애니메이션의 진행 상태를 제어하는 델타 함수(Animation Delta Function)
|
|
14
|
+
- Easy - 애니메이션 델타 함수의 수행 시점
|
|
15
|
+
- In - 진입시점
|
|
16
|
+
- Out - 완료시점
|
|
17
|
+
- InOut - 진입시점과 완료시점
|
|
18
|
+
|
|
19
|
+
- 애니메이션 종류
|
|
20
|
+
|
|
21
|
+
1. Rotation
|
|
22
|
+
![animation-02][animation-02]
|
|
23
|
+
![animation-03][animation-03]
|
|
24
|
+
1. Vibration
|
|
25
|
+
![animation-04][animation-04]
|
|
26
|
+
1. Hearbeat
|
|
27
|
+
![animation-05][animation-05]
|
|
28
|
+
1. Moving
|
|
29
|
+
![animation-06][animation-07]
|
|
30
|
+
![animation-07][animation-06]
|
|
31
|
+
![animation-08][animation-09]
|
|
32
|
+
![animation-09][animation-08]
|
|
33
|
+
1. Outline
|
|
34
|
+
![animation-10][animation-10]
|
|
35
|
+
|
|
36
|
+
[animation-01]: ../images/animation-01.gif
|
|
37
|
+
[animation-02]: ../images/animation-02.gif
|
|
38
|
+
[animation-03]: ../images/animation-03.gif
|
|
39
|
+
[animation-04]: ../images/animation-04.gif
|
|
40
|
+
[animation-05]: ../images/animation-05.gif
|
|
41
|
+
[animation-06]: ../images/animation-06.gif
|
|
42
|
+
[animation-07]: ../images/animation-07.gif
|
|
43
|
+
[animation-08]: ../images/animation-08.gif
|
|
44
|
+
[animation-09]: ../images/animation-09.gif
|
|
45
|
+
[animation-10]: ../images/animation-10.gif
|
|
@@ -1,47 +1,45 @@
|
|
|
1
1
|
# Animation
|
|
2
2
|
|
|
3
3
|
![animation-01][animation-01]
|
|
4
|
-
You can
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
[animation-
|
|
30
|
-
|
|
31
|
-
[animation-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
[animation-
|
|
38
|
-
|
|
39
|
-
[animation-
|
|
40
|
-
|
|
41
|
-
[animation-
|
|
42
|
-
|
|
43
|
-
[animation-08]
|
|
44
|
-
|
|
45
|
-
[animation-
|
|
46
|
-
|
|
47
|
-
[animation-10]:../images/animation-10.gif
|
|
4
|
+
You can configure animations for components that will be triggered when transitioning between preview and monitoring modes.
|
|
5
|
+
|
|
6
|
+
- Properties
|
|
7
|
+
|
|
8
|
+
- Delay - Waiting time before starting the animation
|
|
9
|
+
- Duration - Duration of each round of animation
|
|
10
|
+
- Interval - Time interval between animations
|
|
11
|
+
- Repeat - Whether the animation should automatically repeat
|
|
12
|
+
- Auto Play - Whether the animation should start automatically when the component is created
|
|
13
|
+
- Delta - Animation Delta Function that controls the animation's progress
|
|
14
|
+
- Ease - Timing of the Animation Delta Function
|
|
15
|
+
- In - Entry point
|
|
16
|
+
- Out - Completion point
|
|
17
|
+
- InOut - Entry and completion points
|
|
18
|
+
|
|
19
|
+
- Types of Animations
|
|
20
|
+
|
|
21
|
+
1. Rotation
|
|
22
|
+
![animation-02][animation-02]
|
|
23
|
+
![animation-03][animation-03]
|
|
24
|
+
1. Vibration
|
|
25
|
+
![animation-04][animation-04]
|
|
26
|
+
1. Heartbeat
|
|
27
|
+
![animation-05][animation-05]
|
|
28
|
+
1. Moving
|
|
29
|
+
![animation-06][animation-07]
|
|
30
|
+
![animation-07][animation-06]
|
|
31
|
+
![animation-08][animation-09]
|
|
32
|
+
![animation-09][animation-08]
|
|
33
|
+
1. Outline
|
|
34
|
+
![animation-10][animation-10]
|
|
35
|
+
|
|
36
|
+
[animation-01]: ../images/animation-01.gif
|
|
37
|
+
[animation-02]: ../images/animation-02.gif
|
|
38
|
+
[animation-03]: ../images/animation-03.gif
|
|
39
|
+
[animation-04]: ../images/animation-04.gif
|
|
40
|
+
[animation-05]: ../images/animation-05.gif
|
|
41
|
+
[animation-06]: ../images/animation-06.gif
|
|
42
|
+
[animation-07]: ../images/animation-07.gif
|
|
43
|
+
[animation-08]: ../images/animation-08.gif
|
|
44
|
+
[animation-09]: ../images/animation-09.gif
|
|
45
|
+
[animation-10]: ../images/animation-10.gif
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
# Animasi
|
|
2
|
+
|
|
3
|
+
![animation-01][animation-01]
|
|
4
|
+
Anda boleh mengkonfigurasi animasi untuk komponen yang akan dipicu semasa berpindah antara mod pra-tontonan dan pemantauan.
|
|
5
|
+
|
|
6
|
+
- Ciri-ciri
|
|
7
|
+
|
|
8
|
+
- Masa Menunggu - Masa menunggu sebelum memulakan animasi
|
|
9
|
+
- Tempoh - Tempoh setiap pusingan animasi
|
|
10
|
+
- Selang Masa - Selang masa antara animasi
|
|
11
|
+
- Ulangan - Sama ada animasi harus berulang secara automatik
|
|
12
|
+
- Putar Auto - Sama ada animasi harus mula secara automatik apabila komponen dicipta
|
|
13
|
+
- Delta - Fungsi Delta Animasi yang mengawal kemajuan animasi
|
|
14
|
+
- Mudah - Penjadualan Fungsi Delta Animasi
|
|
15
|
+
- Masuk - Titik masuk
|
|
16
|
+
- Keluar - Titik selesai
|
|
17
|
+
- MasukKeluar - Titik masuk dan selesai
|
|
18
|
+
|
|
19
|
+
- Jenis Animasi
|
|
20
|
+
|
|
21
|
+
1. Pusingan
|
|
22
|
+
![animation-02][animation-02]
|
|
23
|
+
![animation-03][animation-03]
|
|
24
|
+
1. Getaran
|
|
25
|
+
![animation-04][animation-04]
|
|
26
|
+
1. Denyutan
|
|
27
|
+
![animation-05][animation-05]
|
|
28
|
+
1. Pemindahan
|
|
29
|
+
![animation-06][animation-07]
|
|
30
|
+
![animation-07][animation-06]
|
|
31
|
+
![animation-08][animation-09]
|
|
32
|
+
![animation-09][animation-08]
|
|
33
|
+
1. Garis Luaran
|
|
34
|
+
![animation-10][animation-10]
|
|
35
|
+
|
|
36
|
+
[animation-01]: ../images/animation-01.gif
|
|
37
|
+
[animation-02]: ../images/animation-02.gif
|
|
38
|
+
[animation-03]: ../images/animation-03.gif
|
|
39
|
+
[animation-04]: ../images/animation-04.gif
|
|
40
|
+
[animation-05]: ../images/animation-05.gif
|
|
41
|
+
[animation-06]: ../images/animation-06.gif
|
|
42
|
+
[animation-07]: ../images/animation-07.gif
|
|
43
|
+
[animation-08]: ../images/animation-08.gif
|
|
44
|
+
[animation-09]: ../images/animation-09.gif
|
|
45
|
+
[animation-10]: ../images/animation-10.gif
|
|
@@ -1,47 +1,45 @@
|
|
|
1
1
|
# 动画
|
|
2
|
-
![animation-01][animation-01]
|
|
3
|
-
可以设置当转换为预览和监控模式时的组件的动画。
|
|
4
|
-
- 事件时点
|
|
5
|
-
1. onCreate - 从运行视图模式的瞬间开始,操作动画。
|
|
6
|
-
1. onChange - 当组件的数据发生变更时,将会操作动画。
|
|
7
|
-
- 动画类型
|
|
8
|
-
1. 旋转-顺时针
|
|
9
|
-
![animation-02][animation-02]
|
|
10
|
-
1. 旋转-逆时针
|
|
11
|
-
![animation-03][animation-03]
|
|
12
|
-
1. 震动
|
|
13
|
-
![animation-04][animation-04]
|
|
14
|
-
1. 心搏
|
|
15
|
-
![animation-05][animation-05]
|
|
16
|
-
1. 向右移动
|
|
17
|
-
![animation-06][animation-07]
|
|
18
|
-
1. 向左移动
|
|
19
|
-
![animation-07][animation-06]
|
|
20
|
-
1. 向下移动
|
|
21
|
-
![animation-08][animation-09]
|
|
22
|
-
1. 向上移动
|
|
23
|
-
![animation-09][animation-08]
|
|
24
|
-
1. 轮廓
|
|
25
|
-
![animation-10][animation-10]
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
[animation-01]:../images/animation-01.gif
|
|
30
|
-
|
|
31
|
-
[animation-02]:../images/animation-02.gif
|
|
32
|
-
|
|
33
|
-
[animation-03]:../images/animation-03.gif
|
|
34
|
-
|
|
35
|
-
[animation-04]:../images/animation-04.gif
|
|
36
2
|
|
|
37
|
-
[animation-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
3
|
+
![animation-01][animation-01]
|
|
4
|
+
您可以在预览和监控模式之间转换时配置将触发组件的动画。
|
|
5
|
+
|
|
6
|
+
- 属性
|
|
7
|
+
|
|
8
|
+
- 延迟 - 开始动画之前的等待时间
|
|
9
|
+
- 持续时间 - 每轮动画的持续时间
|
|
10
|
+
- 间隔 - 动画之间的时间间隔
|
|
11
|
+
- 重复 - 动画是否应自动重复
|
|
12
|
+
- 自动播放 - 组件创建时动画是否应自动启动
|
|
13
|
+
- Delta - 控制动画进度的动画增量函数(Animation Delta Function)
|
|
14
|
+
- Ease - 动画增量函数的时间设置
|
|
15
|
+
- 进 - 进入点
|
|
16
|
+
- 出 - 完成点
|
|
17
|
+
- 进出 - 进入点和完成点
|
|
18
|
+
|
|
19
|
+
- 动画类型
|
|
20
|
+
|
|
21
|
+
1. 旋转
|
|
22
|
+
![animation-02][animation-02]
|
|
23
|
+
![animation-03][animation-03]
|
|
24
|
+
1. 振动
|
|
25
|
+
![animation-04][animation-04]
|
|
26
|
+
1. 心跳
|
|
27
|
+
![animation-05][animation-05]
|
|
28
|
+
1. 移动
|
|
29
|
+
![animation-06][animation-07]
|
|
30
|
+
![animation-07][animation-06]
|
|
31
|
+
![animation-08][animation-09]
|
|
32
|
+
![animation-09][animation-08]
|
|
33
|
+
1. 轮廓
|
|
34
|
+
![animation-10][animation-10]
|
|
35
|
+
|
|
36
|
+
[animation-01]: ../images/animation-01.gif
|
|
37
|
+
[animation-02]: ../images/animation-02.gif
|
|
38
|
+
[animation-03]: ../images/animation-03.gif
|
|
39
|
+
[animation-04]: ../images/animation-04.gif
|
|
40
|
+
[animation-05]: ../images/animation-05.gif
|
|
41
|
+
[animation-06]: ../images/animation-06.gif
|
|
42
|
+
[animation-07]: ../images/animation-07.gif
|
|
43
|
+
[animation-08]: ../images/animation-08.gif
|
|
44
|
+
[animation-09]: ../images/animation-09.gif
|
|
45
|
+
[animation-10]: ../images/animation-10.gif
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@things-factory/board-ui",
|
|
3
|
-
"version": "6.1.
|
|
3
|
+
"version": "6.1.129",
|
|
4
4
|
"main": "dist-server/index.js",
|
|
5
5
|
"browser": "dist-client/index.js",
|
|
6
6
|
"things-factory": true,
|
|
@@ -37,9 +37,9 @@
|
|
|
37
37
|
"@operato/i18n": "^1.0.0",
|
|
38
38
|
"@operato/layout": "^1.0.1",
|
|
39
39
|
"@operato/popup": "^1.0.0",
|
|
40
|
-
"@things-factory/barcode-base": "^6.1.
|
|
40
|
+
"@things-factory/barcode-base": "^6.1.129",
|
|
41
41
|
"file-saver": "^2.0.2",
|
|
42
42
|
"sortablejs": "^1.10.2"
|
|
43
43
|
},
|
|
44
|
-
"gitHead": "
|
|
44
|
+
"gitHead": "34348ec14b8648940212758df1945b9321a13593"
|
|
45
45
|
}
|