@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.
@@ -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-05]:../images/animation-05.gif
37
-
38
- [animation-06]:../images/animation-06.gif
39
-
40
- [animation-07]:../images/animation-07.gif
41
-
42
- [animation-08]:../images/animation-08.gif
43
-
44
- [animation-09]:../images/animation-09.gif
45
-
46
- [animation-10]:../images/animation-10.gif
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 set the animations of component which will run when converts to preview and monitoring mode.
5
- - Event point
6
- 1. onCreate - Operate animation from the moment of running view mode.
7
- 1. onChange - Operate when the data of component has been changed.
8
- - Animation type
9
- 1. Rotation-CW
10
- ![animation-02][animation-02]
11
- 1. Rotation-CWW
12
- ![animation-03][animation-03]
13
- 1. Vibration
14
- ![animation-04][animation-04]
15
- 1. Hearbeat
16
- ![animation-05][animation-05]
17
- 1. Moving-Right
18
- ![animation-06][animation-07]
19
- 1. Moving-Left
20
- ![animation-07][animation-06]
21
- 1. Moving-Bottom
22
- ![animation-08][animation-09]
23
- 1. Moving-Top
24
- ![animation-09][animation-08]
25
- 1. Outline
26
- ![animation-10][animation-10]
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
-
37
- [animation-05]:../images/animation-05.gif
38
-
39
- [animation-06]:../images/animation-06.gif
40
-
41
- [animation-07]:../images/animation-07.gif
42
-
43
- [animation-08]:../images/animation-08.gif
44
-
45
- [animation-09]:../images/animation-09.gif
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-05]:../images/animation-05.gif
38
-
39
- [animation-06]:../images/animation-06.gif
40
-
41
- [animation-07]:../images/animation-07.gif
42
-
43
- [animation-08]:../images/animation-08.gif
44
-
45
- [animation-09]:../images/animation-09.gif
46
-
47
- [animation-10]:../images/animation-10.gif
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.126",
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.123",
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": "9ea3842379e79c66f7e52f8954d2f21aba8c6012"
44
+ "gitHead": "34348ec14b8648940212758df1945b9321a13593"
45
45
  }