@things-factory/board-ui 6.2.34 → 6.2.38
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/client/pages/board-list-page.ts +1 -1
- package/dist-client/pages/board-list-page.d.ts +1 -1
- package/dist-client/pages/board-list-page.js.map +1 -1
- package/dist-client/tsconfig.tsbuildinfo +1 -1
- package/helps/board-modeller/data-binding-property.ja.md +72 -0
- package/helps/board-modeller/data-binding-property.ko.md +72 -0
- package/helps/board-modeller/data-binding-property.md +69 -0
- package/helps/board-modeller/data-binding-property.ms.md +77 -0
- package/helps/board-modeller/data-binding-property.zh.md +71 -0
- package/helps/board-modeller/data-spread.ja.md +5 -5
- package/helps/board-modeller/data-spread.ko.md +3 -3
- package/helps/board-modeller/data-spread.md +4 -4
- package/helps/board-modeller/data-spread.ms.md +5 -5
- package/helps/board-modeller/data-spread.zh.md +5 -5
- package/package.json +4 -4
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
# データ バインディング プロパティ (property)
|
|
2
|
+
|
|
3
|
+
[データバインディング](./data-binding.md) で伝播されるデータの値が適用される対象コンポーネントのプロパティを意味します。
|
|
4
|
+
|
|
5
|
+
## プロパティ (property)
|
|
6
|
+
|
|
7
|
+
- text
|
|
8
|
+
- 対象コンポーネントのテキストに反映されます。
|
|
9
|
+
- fill style(fillStyle)
|
|
10
|
+
- 対象コンポーネントの背景色に反映されます。
|
|
11
|
+
- 例： 'red'、'navy'、'#275394'、'#777'
|
|
12
|
+
- stroke style(strokeStyle)
|
|
13
|
+
- 対象コンポーネントのストロークの色に反映されます。
|
|
14
|
+
- 例： 'red'、'navy'、'#275394'、'#777'
|
|
15
|
+
- font color(fontColor)
|
|
16
|
+
- 対象コンポーネントのテキストの色に反映されます。
|
|
17
|
+
- 例： 'red'、'navy'、'#275394'、'#777'
|
|
18
|
+
- value
|
|
19
|
+
- 対象コンポーネントの代表プロパティに反映されます。
|
|
20
|
+
- 各コンポーネントはそれぞれの代表プロパティを持っています。ほとんどのコンポーネントは 'text' プロパティが代表プロパティです。
|
|
21
|
+
- value プロパティは各コンポーネントの代表プロパティと同じ機能を持っています。
|
|
22
|
+
- たとえば、 'rect' コンポーネントの場合、 'value' プロパティと 'text' プロパティは同じ効果を持ちます。 'rect' の代表プロパティは 'text' であるためです。
|
|
23
|
+
- 'scenario-run' コンポーネントの場合、 'value' は 'variables' プロパティと同様の機能をします。このプロパティはシナリオの呼び出し時にパラメーターとして使用されます。
|
|
24
|
+
- 各コンポーネントの代表プロパティが何であるかは、各コンポーネントのヘルプを参照してください。
|
|
25
|
+
- data
|
|
26
|
+
- 対象コンポーネントの data プロパティに反映されます。
|
|
27
|
+
- すべてのコンポーネントはデータ伝播のために持っているプロパティです。 (コンポーネントの data に変更が加えられると、設定されたデータバインディングが実行されます)
|
|
28
|
+
- 通常、このプロパティはコンポーネントの外観や機能に直接影響を与えません。
|
|
29
|
+
- source
|
|
30
|
+
- 対象コンポーネントの source プロパティに反映されます。
|
|
31
|
+
- 対象コンポーネントに source プロパティがある場合にのみ使用できます。
|
|
32
|
+
- hidden
|
|
33
|
+
- 対象コンポーネントの hidden プロパティに反映されます。
|
|
34
|
+
- true、false
|
|
35
|
+
- started
|
|
36
|
+
- 対象コンポーネントに登録されたアニメーションの開始または停止を制御できます。
|
|
37
|
+
- true、false
|
|
38
|
+
- play
|
|
39
|
+
- 対象コンポーネントの play プロパティに反映されます。
|
|
40
|
+
- 対象コンポーネントに play プロパティがある場合にのみ使用できます。 (動画、サウンド、gif など)
|
|
41
|
+
- true、false
|
|
42
|
+
- reference(ref)
|
|
43
|
+
- 対象コンポーネントの ref プロパティに反映されます。
|
|
44
|
+
- 対象コンポーネントに ref プロパティがある場合にのみ使用できます。
|
|
45
|
+
- options
|
|
46
|
+
- 対象コンポーネントの options プロパティに反映されます。
|
|
47
|
+
- 対象コンポーネントに options プロパティがある場合にのみ使用できます。 (select)
|
|
48
|
+
- rotate
|
|
49
|
+
- 対象コンポーネントの rotate プロパティに反映されます。
|
|
50
|
+
- 基本的な形状から、コンポーネントの x、y、z 軸を中心に回転する角度を指定できます。
|
|
51
|
+
- 3 次元空間での回転値を表すため、{ x: 0, y: 0, z: -3.14 } のように各々の 'radian' 値としてオブジェクトにバインドする必要があります。
|
|
52
|
+
- 2 次元空間での回転は、z 軸の値を提供することで行われ、{ z: -1.57 } をバインドすると、時計回りに 90 度回転します。 (マイナス方向が時計回りです。)
|
|
53
|
+
- dimension
|
|
54
|
+
- 対象コンポーネントの寸法ごとのサイズプロパティに反映されます。
|
|
55
|
+
- 基本的な形状から、コンポーネントの x、y、z 軸を基準にサイズを指定できます。
|
|
56
|
+
- 3 次元空間でのサイズを表すため、{ width: 100, height: 100, depth: 100 } のように各々のオブジェクトにバインドする必要があります。
|
|
57
|
+
- 2 次元空間でのサイズは、width、height 軸の値を提供することで行われ、{ width: 100, height: 100, depth: 1 } をバインドすると、幅 100、高さ 100 のサイズに変更されます。
|
|
58
|
+
- location
|
|
59
|
+
|
|
60
|
+
- 対象コンポーネントの中心位置を基準に指定された位置に移動します。
|
|
61
|
+
- 対象コンポーネントの x、y、z 位置を指定できます。
|
|
62
|
+
- 2 次元空間での位置は、x、y 軸の値を提供することで設定でき、{ x: 100, y: 100 } をバインドすると、コンポーネントの中心が論理的な座標上の 100、100 の位置に移動します。
|
|
63
|
+
|
|
64
|
+
- accessor
|
|
65
|
+
- 対象コンポーネントの accessor プロパティに反映されます。
|
|
66
|
+
- 対象コンポーネントに accessor プロパティがある場合にのみ使用できます。
|
|
67
|
+
- (tap)
|
|
68
|
+
- 対象コンポーネントのタップイベントを発生させます。
|
|
69
|
+
- したがって、コンポーネントのタップイベント効果に設定された機能が動作します。
|
|
70
|
+
- (action)
|
|
71
|
+
- ターゲットコンポーネント（たち）のどのプロパティにも適用されません。
|
|
72
|
+
- (action) プロパティは通常、データ伝播のタイミングでスクリプトを実行する場合に使用されます。
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
# 데이타 바인딩 속성 (property)
|
|
2
|
+
|
|
3
|
+
[데이타바인딩](./data-binding.md)으로 전파될 데이타 값이 적용될 대상 컴포넌트의 속성을 의미한다.
|
|
4
|
+
|
|
5
|
+
## 속성 (property)
|
|
6
|
+
|
|
7
|
+
- text
|
|
8
|
+
- 대상 컴포넌트의 텍스트에 반영된다.
|
|
9
|
+
- fill style(fillStyle)
|
|
10
|
+
- 대상 컴포넌트의 배경색에 반영된다.
|
|
11
|
+
- eg. 'red', 'navy', '#275394', '#777'
|
|
12
|
+
- stroke style(strokeStyle)
|
|
13
|
+
- 대상 컴포넌트의 테두리 색상에 반영된다.
|
|
14
|
+
- eg. 'red', 'navy', '#275394', '#777'
|
|
15
|
+
- font color(fontColor)
|
|
16
|
+
- 대상 컴포넌트의 텍스트 색상에 반영된다.
|
|
17
|
+
- eg. 'red', 'navy', '#275394', '#777'
|
|
18
|
+
- value
|
|
19
|
+
|
|
20
|
+
- 대상 컴포넌트의 대표 속성에 반영된다.
|
|
21
|
+
- 각 컴포넌트들은 자신의 대표 속성을 가지게 됩니다. 대부분의 컴포넌트는 'text' 속성이 대표속성입니다.
|
|
22
|
+
- value 속성은 각 컴포넌트의 대표속성과 동일한 기능을 합니다.
|
|
23
|
+
- 예를 들면, 'rect' 컴포넌트의 경우에 'value'와 'text' 속성은 같은 효과를 만들게 됩니다. 'rect'의 대표 속성이 'text' 이기 때문입니다.
|
|
24
|
+
- 'scenario-run' 컴포넌트의 경우에 'value'는 'variables' 속성과 같은 기능을 하게됩니다. 이 속성은 시나리오 호출시에 넘겨줄 파라미터로 사용됩니다.
|
|
25
|
+
- 각 컴포넌트의 대표 속성이 무엇인지는 각 컴포넌트 도움말을 참조하시기 바랍니다.
|
|
26
|
+
|
|
27
|
+
- data
|
|
28
|
+
- 대상 컴포넌트의 data 속성에 반영된다.
|
|
29
|
+
- 모든 컴포넌트들이 데이타 전파를 위해서 가지는 속성.(컴포넌트의 data에 변화가 생기면, 설정된 data 바인딩이 수행된다)
|
|
30
|
+
- 보통 이 속성은 컴포넌트의 모양이나 기능에 직접 영향을 미치지 않습니다.
|
|
31
|
+
- source
|
|
32
|
+
- 대상 컴포넌트의 source 속성에 반영된다.
|
|
33
|
+
- 대상 컴포넌트에 source 속성이 있는 경우에 사용할 수 있다.
|
|
34
|
+
- hidden
|
|
35
|
+
- 대상 컴포넌트의 hidden 속성에 반영된다.
|
|
36
|
+
- true, false
|
|
37
|
+
- started
|
|
38
|
+
- 대상 컴포넌트에 등록된 애니메이션을 시작하거나 멈출 수 있다.
|
|
39
|
+
- true, false
|
|
40
|
+
- play
|
|
41
|
+
- 대상 컴포넌트의 play 속성에 반영된다.
|
|
42
|
+
- 대상 컴포넌트에 play 속성이 있는 경우에 사용할 수 있다. (동영상, 사운드, gif 등)
|
|
43
|
+
- true, false
|
|
44
|
+
- reference(ref)
|
|
45
|
+
- 대상 컴포넌트의 ref 속성에 반영된다.
|
|
46
|
+
- 대상 컴포넌트에 ref 속성이 있는 경우에 사용할 수 있다.
|
|
47
|
+
- options
|
|
48
|
+
- 대상 컴포넌트의 options 속성에 반영된다.
|
|
49
|
+
- 대상 컴포넌트에 options 속성이 있는 경우에 사용할 수 있다.(select)
|
|
50
|
+
- rotate
|
|
51
|
+
- 대상 컴포넌트의 rotate 속성에 반영된다.
|
|
52
|
+
- 기본 형태에서 컴포넌트의 x,y,z축을 기준으로 회전하는 각도를 지정할 수 있다.
|
|
53
|
+
- 3차원 공간에서의 회전값을 의미하므로 { x: 0, y: 0, z: -3.14 } 과 같이 각각 'radian' 값으로 오브젝트로 바인딩하여야 한다.
|
|
54
|
+
- 2차원 공간에서의 회전은 z축 값을 제공하면되며, { z: -1.57 } 을 바인딩하면 시계방향으로 90도 만큼 회전한다.(마이너스 방향이 시계방향이다.)
|
|
55
|
+
- dimension
|
|
56
|
+
- 대상 컴포넌트의 차원별 크기 속성에 반영된다.
|
|
57
|
+
- 기본 형태에서 컴포넌트의 x,y,z축을 기준으로 크기를 지정할 수 있다.
|
|
58
|
+
- 3차원 공간에서의 크기를 의미하므로 { width: 100, height: 100, depth: 100 } 과 같이 각각 오브젝트로 바인딩하여야 한다.
|
|
59
|
+
- 2차원 공간에서의 크기는 width, height축 값을 제공하면된다, { width: 100, height: 100, depth: 1 } 을 바인딩하면 가로 100, 세로 100의 크기로 변경된다.
|
|
60
|
+
- location
|
|
61
|
+
- 대상 컴포넌트의 중심 위치를 기준으로 설정된 위치로 이동한다.
|
|
62
|
+
- 대상 컴포넌트를 x, y, z 위치를 지정할 수 있다.
|
|
63
|
+
- 2차원 공간에서의 위치는 x, y축 값을 제공하면되며, { x: 100, y: 100 } 을 바인딩하면 논리적인 좌표상의 100, 100의 위치로 컴포넌트의 중심이 이동하게된다.
|
|
64
|
+
- accessor
|
|
65
|
+
- 대상 컴포넌트의 accessor 속성에 반영된다.
|
|
66
|
+
- 대상 컴포넌트에 accessor 속성이 있는 경우에 사용할 수 있다.
|
|
67
|
+
- (tap)
|
|
68
|
+
- 대상 컴포넌트의 탭이벤트를 발생시킨다.
|
|
69
|
+
- 따라서, 컴포넌트의 탭이벤트 효과에 설정된 기능이 동작하게 된다.
|
|
70
|
+
- (action)
|
|
71
|
+
- 타겟 컴포넌트(들)의 어떤 속성에도 적용되지 않는다.
|
|
72
|
+
- (action) 속성은 주로 데이타 전파 시점에 스크립트 동작만을 시키고 싶을 때 사용된다.
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
# Data Binding Properties (property)
|
|
2
|
+
|
|
3
|
+
[Data binding](./data-binding.md) refers to the attributes of the target component to which data values will be propagated.
|
|
4
|
+
|
|
5
|
+
## Properties (property)
|
|
6
|
+
|
|
7
|
+
- text
|
|
8
|
+
- Reflects in the text of the target component.
|
|
9
|
+
- fill style (fillStyle)
|
|
10
|
+
- Reflects in the background color of the target component.
|
|
11
|
+
- eg. 'red', 'navy', '#275394', '#777'
|
|
12
|
+
- stroke style (strokeStyle)
|
|
13
|
+
- Reflects in the border color of the target component.
|
|
14
|
+
- eg. 'red', 'navy', '#275394', '#777'
|
|
15
|
+
- font color (fontColor)
|
|
16
|
+
- Reflects in the text color of the target component.
|
|
17
|
+
- eg. 'red', 'navy', '#275394', '#777'
|
|
18
|
+
- value
|
|
19
|
+
- Reflects in the primary property of the target component.
|
|
20
|
+
- Each component has its primary property. In most cases, the 'text' property serves as the primary property.
|
|
21
|
+
- The 'value' property serves the same function as the primary property of each component.
|
|
22
|
+
- For example, in the case of the 'rect' component, the 'value' and 'text' properties have the same effect because the primary property of 'rect' is 'text.'
|
|
23
|
+
- In the case of the 'scenario-run' component, the 'value' functions similarly to the 'variables' property and is used as parameters passed during scenario execution.
|
|
24
|
+
- Please refer to the documentation of each component to determine its primary property.
|
|
25
|
+
- data
|
|
26
|
+
- Reflects in the data property of the target component.
|
|
27
|
+
- This property is present in all components for data propagation. When there is a change in the component's data, the configured data binding is executed.
|
|
28
|
+
- Typically, this property does not directly affect the appearance or functionality of the component.
|
|
29
|
+
- source
|
|
30
|
+
- Reflects in the source property of the target component.
|
|
31
|
+
- This property can be used when the target component has a source property.
|
|
32
|
+
- hidden
|
|
33
|
+
- Reflects in the hidden property of the target component.
|
|
34
|
+
- true, false
|
|
35
|
+
- started
|
|
36
|
+
- Allows starting or stopping animations registered in the target component.
|
|
37
|
+
- true, false
|
|
38
|
+
- play
|
|
39
|
+
- Reflects in the play property of the target component.
|
|
40
|
+
- This property can be used when the target component has a play property (e.g., for videos, sounds, gifs).
|
|
41
|
+
- true, false
|
|
42
|
+
- reference (ref)
|
|
43
|
+
- Reflects in the ref property of the target component.
|
|
44
|
+
- This property can be used when the target component has a ref property.
|
|
45
|
+
- options
|
|
46
|
+
- Reflects in the options property of the target component.
|
|
47
|
+
- This property can be used when the target component has an options property (e.g., select).
|
|
48
|
+
- rotate
|
|
49
|
+
- Reflects in the rotate property of the target component.
|
|
50
|
+
- Allows specifying the angle at which the component rotates around its x, y, or z-axis in its default form.
|
|
51
|
+
- Represents rotation in 3D space, so it should be bound as an object with 'radian' values, e.g., { x: 0, y: 0, z: -3.14 }.
|
|
52
|
+
- In 2D space, rotation around the z-axis can be provided, e.g., { z: -1.57 }, which rotates counterclockwise by 90 degrees (negative direction is counterclockwise).
|
|
53
|
+
- dimension
|
|
54
|
+
- Reflects in the size properties of the target component based on its x, y, and z-axes.
|
|
55
|
+
- Represents size in 3D space, so it should be bound as an object, e.g., { width: 100, height: 100, depth: 100 }.
|
|
56
|
+
- In 2D space, size can be adjusted using width and height properties, e.g., { width: 100, height: 100, depth: 1 } resizes to a width of 100 and height of 100.
|
|
57
|
+
- location
|
|
58
|
+
- Moves the target component to the specified position based on its center.
|
|
59
|
+
- Allows specifying x, y, and z positions for the target component.
|
|
60
|
+
- In 2D space, position is determined with x and y coordinates, e.g., { x: 100, y: 100 } moves the center of the component to the logical coordinates (100, 100).
|
|
61
|
+
- accessor
|
|
62
|
+
- Reflects in the accessor property of the target component.
|
|
63
|
+
- This property can be used when the target component has an accessor property.
|
|
64
|
+
- (tap)
|
|
65
|
+
- Triggers the tap event of the target component.
|
|
66
|
+
- Consequently, the functionality configured for the component's tap event effect will be executed.
|
|
67
|
+
- (action)
|
|
68
|
+
- Not applied to any properties of the target component(s).
|
|
69
|
+
- (action) is primarily used when you want to trigger script actions during data propagation.
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
# Sifat Penyambungan Data (Property)
|
|
2
|
+
|
|
3
|
+
Ini adalah sifat-sifat komponen sasaran di mana nilai data yang akan disebarkan melalui [penyambungan data](./data-binding.md) akan diterapkan.
|
|
4
|
+
|
|
5
|
+
## Sifat-sifat
|
|
6
|
+
|
|
7
|
+
- **text**
|
|
8
|
+
- Merefleksikan pada teks komponen sasaran.
|
|
9
|
+
- **fill style (fillStyle)**
|
|
10
|
+
- Merefleksikan pada warna latar belakang komponen sasaran.
|
|
11
|
+
- eg. 'merah', 'tentera', '#275394', '#777'
|
|
12
|
+
- **stroke style (strokeStyle)**
|
|
13
|
+
- Merefleksikan pada warna tepi komponen sasaran.
|
|
14
|
+
- eg. 'red', 'navy', '#275394', '#777'
|
|
15
|
+
- **font color (fontColor)**
|
|
16
|
+
- Merefleksikan pada warna teks komponen sasaran.
|
|
17
|
+
- eg. 'red', 'navy', '#275394', '#777'
|
|
18
|
+
- **value**
|
|
19
|
+
|
|
20
|
+
- Merefleksikan pada sifat utama komponen sasaran.
|
|
21
|
+
- Setiap komponen memiliki sifat utamanya sendiri. Dalam kebanyakan kasus, sifat 'teks' adalah yang utama.
|
|
22
|
+
- **value** berfungsi sama dengan sifat utama masing-masing komponen.
|
|
23
|
+
- Sebagai contoh, untuk komponen 'rect', **value** dan **text** menciptakan efek yang sama karena 'teks' adalah sifat utama 'rect'.
|
|
24
|
+
- Dalam kasus komponen 'scenario-run', **value** berfungsi serupa dengan sifat 'variables'. Sifat ini digunakan sebagai parameter saat memanggil skenario.
|
|
25
|
+
- Harap merujuk ke dokumentasi masing-masing komponen untuk menentukan sifat utama mereka.
|
|
26
|
+
|
|
27
|
+
- **data**
|
|
28
|
+
- Merefleksikan pada sifat data komponen sasaran.
|
|
29
|
+
- Semua komponen memiliki sifat ini untuk penyiaran data. Ketika ada perubahan dalam data komponen, penyambungan data yang dikonfigurasi dilakukan.
|
|
30
|
+
- Biasanya, sifat ini tidak langsung memengaruhi penampilan atau fungsi komponen.
|
|
31
|
+
- **source**
|
|
32
|
+
- Merefleksikan pada sifat sumber komponen sasaran.
|
|
33
|
+
- Dapat digunakan ketika komponen sasaran memiliki sifat sumber.
|
|
34
|
+
- **hidden**
|
|
35
|
+
- Merefleksikan pada sifat tersembunyi komponen sasaran.
|
|
36
|
+
- true, false
|
|
37
|
+
- **started**
|
|
38
|
+
- Dapat memulai atau menghentikan animasi yang terdaftar di komponen sasaran.
|
|
39
|
+
- true, false
|
|
40
|
+
- **play**
|
|
41
|
+
- Merefleksikan pada sifat mainkan komponen sasaran.
|
|
42
|
+
- Dapat digunakan ketika komponen sasaran memiliki sifat mainkan (misalnya, video, suara, gif).
|
|
43
|
+
- true, false
|
|
44
|
+
- **reference (ref)**
|
|
45
|
+
- Merefleksikan pada sifat rujukan komponen sasaran.
|
|
46
|
+
- Dapat digunakan ketika komponen sasaran memiliki sifat rujukan.
|
|
47
|
+
- **options**
|
|
48
|
+
- Merefleksikan pada sifat pilihan komponen sasaran.
|
|
49
|
+
- Dapat digunakan ketika komponen sasaran memiliki sifat pilihan (select).
|
|
50
|
+
- **rotate**
|
|
51
|
+
- Merefleksikan pada sifat putar komponen sasaran.
|
|
52
|
+
- Dalam bentuk dasarnya, ini memungkinkan untuk menentukan sudut rotasi sekitar sumbu x, y, z komponen.
|
|
53
|
+
- Ini mewakili rotasi dalam ruang 3D, sehingga perlu diikat sebagai objek dengan nilai 'radian', seperti { x: 0, y: 0, z: -3.14 }.
|
|
54
|
+
- Untuk ruang 2D, Anda hanya perlu memberikan nilai sumbu z, misalnya { z: -1.57 }, yang akan memutar 90 derajat searah jarum jam (arah negatif adalah searah jarum jam).
|
|
55
|
+
- **dimension**
|
|
56
|
+
- Merefleksikan pada sifat ukuran berdasarkan dimensi komponen sasaran.
|
|
57
|
+
- Dalam bentuk dasarnya, ini memungkinkan untuk menentukan ukuran berdasarkan sumbu x, y, z komponen.
|
|
58
|
+
- Ini mewakili uk
|
|
59
|
+
|
|
60
|
+
uran dalam ruang 3D, sehingga perlu diikat sebagai objek dengan nilai yang sesuai, misalnya { width: 100, height: 100, depth: 100 }.
|
|
61
|
+
|
|
62
|
+
- Untuk ruang 2D, Anda hanya perlu memberikan nilai sumbu lebar dan tinggi, misalnya { width: 100, height: 100, depth: 1 }, yang mengubah ukuran menjadi lebar 100 dan tinggi 100.
|
|
63
|
+
- **location**
|
|
64
|
+
- Bergerak ke posisi yang ditentukan berdasarkan lokasi pusat komponen sasaran.
|
|
65
|
+
- Anda dapat menentukan posisi x, y, z komponen sasaran.
|
|
66
|
+
- Untuk ruang 2D, berikan nilai sumbu x dan y, misalnya { x: 100, y: 100 }, yang memindahkan pusat komponen ke koordinat logis 100, 100.
|
|
67
|
+
- **accessor**
|
|
68
|
+
- Merefleksikan pada sifat aksesori komponen sasaran.
|
|
69
|
+
- Dapat digunakan ketika komponen sasaran memiliki sifat aksesori.
|
|
70
|
+
- **(tap)**
|
|
71
|
+
- Membangkitkan peristiwa ketuk pada komponen sasaran.
|
|
72
|
+
- Oleh karena itu, fungsi yang diatur dalam efek peristiwa ketuk komponen akan dipicu.
|
|
73
|
+
- **(action)**
|
|
74
|
+
- Tidak berlaku untuk sifat apa pun dari komponen sasaran.
|
|
75
|
+
- Sifat (action) biasanya digunakan untuk menjalankan skrip pada tahap penyiaran data.
|
|
76
|
+
|
|
77
|
+
Tolong terjemahkan konten ini sambil menjaga format dan kata-kata dalam bahasa Inggris sebanyak mungkin.
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
# 数据绑定属性（property）
|
|
2
|
+
|
|
3
|
+
[数据绑定](./data-binding.md) 指的是将数据值传播到目标组件的属性。
|
|
4
|
+
|
|
5
|
+
## 属性（property）
|
|
6
|
+
|
|
7
|
+
- 文本（text）
|
|
8
|
+
- 反映在目标组件的文本中。
|
|
9
|
+
- 填充样式（fillStyle）
|
|
10
|
+
- 反映在目标组件的背景颜色上。
|
|
11
|
+
- 例如：'红色'，'海军蓝'，'#275394'，'#777'
|
|
12
|
+
- 描边样式（strokeStyle）
|
|
13
|
+
- 反映在目标组件的边框颜色上。
|
|
14
|
+
- 例如：'红色'，'海军蓝'，'#275394'，'#777'
|
|
15
|
+
- 字体颜色（fontColor）
|
|
16
|
+
- 反映在目标组件的文本颜色上。
|
|
17
|
+
- 例如：'红色'，'海军蓝'，'#275394'，'#777'
|
|
18
|
+
- 值（value）
|
|
19
|
+
- 反映在目标组件的主要属性上。
|
|
20
|
+
- 每个组件都有其主要属性。在大多数情况下，'text' 属性用作主要属性。
|
|
21
|
+
- 'value' 属性具有与每个组件的主要属性相同的功能。
|
|
22
|
+
- 例如，在 'rect' 组件的情况下，'value' 和 'text' 属性具有相同的效果，因为 'rect' 的主要属性是 'text'。
|
|
23
|
+
- 在 'scenario-run' 组件的情况下，'value' 的功能类似于 'variables' 属性，并且在执行场景时用作传递的参数。
|
|
24
|
+
- 请参考每个组件的文档以确定其主要属性是什么。
|
|
25
|
+
- 数据（data）
|
|
26
|
+
- 反映在目标组件的数据属性中。
|
|
27
|
+
- 所有组件都具有用于数据传播的数据属性。当组件的数据发生变化时，将执行配置的数据绑定。
|
|
28
|
+
- 通常，此属性不直接影响组件的外观或功能。
|
|
29
|
+
- 源（source）
|
|
30
|
+
- 反映在目标组件的源属性中。
|
|
31
|
+
- 当目标组件具有源属性时，可以使用此属性。
|
|
32
|
+
- 隐藏（hidden）
|
|
33
|
+
- 反映在目标组件的隐藏属性上。
|
|
34
|
+
- true，false
|
|
35
|
+
- 启动（started）
|
|
36
|
+
- 允许启动或停止注册在目标组件中的动画。
|
|
37
|
+
- true，false
|
|
38
|
+
- 播放（play）
|
|
39
|
+
- 反映在目标组件的播放属性中。
|
|
40
|
+
- 当目标组件具有播放属性时，可以使用此属性（例如，用于视频、声音、gif 等）。
|
|
41
|
+
- true，false
|
|
42
|
+
- 引用（ref）
|
|
43
|
+
- 反映在目标组件的引用属性中。
|
|
44
|
+
- 当目标组件具有引用属性时，可以使用此属性。
|
|
45
|
+
- 选项（options）
|
|
46
|
+
- 反映在目标组件的选项属性中。
|
|
47
|
+
- 当目标组件具有选项属性时，可以使用此属性（例如，选择框）。
|
|
48
|
+
- 旋转（rotate）
|
|
49
|
+
- 反映在目标组件的旋转属性中。
|
|
50
|
+
- 在默认情况下，允许指定组件围绕其 x、y 或 z 轴旋转的角度。
|
|
51
|
+
- 表示在三维空间中的旋转，因此应该将其绑定为带有 'radian' 值的对象，例如 { x: 0, y: 0, z: -3.14 }。
|
|
52
|
+
- 在二维空间中，可以提供围绕 z 轴的旋转，例如 { z: -1.57 }，将以逆时针方向旋转 90 度（负方向为逆时针方向）。
|
|
53
|
+
- 尺寸（dimension）
|
|
54
|
+
- 反映在目标组件的尺寸属性上，以其 x、y 和 z 轴为基准。
|
|
55
|
+
- 表示三维空间中的尺寸，因此应该绑定为对象，例如 { width: 100, height: 100, depth: 100 }。
|
|
56
|
+
- 在二维空间中，可以使用宽度和高度属性调整尺寸，例如 { width: 100, height: 100, depth: 1 } 会调整为宽度为 100、高度为 100。
|
|
57
|
+
- 位置（location）
|
|
58
|
+
- 根据其中心位置将目标组件移动到指定位置。
|
|
59
|
+
- 允许指定目标组件的 x、y 和 z 位置。
|
|
60
|
+
- 在二维空间中，位置是使用 x 和 y 坐标确定的，例如 { x: 100, y: 100 } 将组件的中心移动到逻辑坐标 (100, 100)。
|
|
61
|
+
- 存取器（accessor）
|
|
62
|
+
- 反映在目标组件的存取器属性中。
|
|
63
|
+
- 当目标组件具有存取器属性时，可以使用此属性。
|
|
64
|
+
- （触摸）（tap）
|
|
65
|
+
- 触发目标组件的触摸事件。
|
|
66
|
+
- 因此，将执行配置为组件触摸事件效果的功能。
|
|
67
|
+
- （操作）（action）
|
|
68
|
+
- 不应用于目标组件的任何属性。
|
|
69
|
+
- （操作）属性通常用于在数据传播时触发脚本操作。
|
|
70
|
+
|
|
71
|
+
请将以上内容翻译成简体中文，同时保留原有的格式和英文术语（尽可能保留英文单词）。
|
|
@@ -10,9 +10,9 @@
|
|
|
10
10
|
|
|
11
11
|
### コピー、ペースト、および削除
|
|
12
12
|
|
|
13
|
-
-
|
|
14
|
-
-
|
|
15
|
-
-
|
|
13
|
+
- データ伝播に関連する繰り返し設定が面倒になる可能性があるため、コピー、貼り付け、削除の機能を提供します。
|
|
14
|
+
- コピー-貼り付け：現在のタブのデータ伝播設定をコピーし、他のコンポーネントのデータ伝播設定に貼り付けることができます。
|
|
15
|
+
- 削除：コンポーネントのデータ伝播設定の中で現在のタブの設定のみを削除します。
|
|
16
16
|
|
|
17
17
|
### ソースデータ（source）
|
|
18
18
|
|
|
@@ -39,8 +39,8 @@
|
|
|
39
39
|
|
|
40
40
|
### プロパティ（property）
|
|
41
41
|
|
|
42
|
-
-
|
|
43
|
-
-
|
|
42
|
+
- 伝播されるデータ値が適用される対象コンポーネントの属性を指定する。
|
|
43
|
+
- [属性](./data-binding-property.md) 参照
|
|
44
44
|
|
|
45
45
|
### ルールタイプ（rule）
|
|
46
46
|
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
### 복사, 붙여넣기 그리고 삭제
|
|
12
12
|
|
|
13
13
|
- 데이타전파와 관련한 반복적인 설정이 번거러울 수 있기 때문에, 복사, 붙여넣기 그리고 삭제 기능을 제공한다.
|
|
14
|
-
- 복사-붙여넣기 :
|
|
14
|
+
- 복사-붙여넣기 : 현재탭의 데이타전파 설정을 복사하여, 다른 컴포넌트의 데이타전파 설정에 붙여넣기할 수 있다.
|
|
15
15
|
- 삭제 : 컴포넌트의 데이타전파 설정 중에서 현재 탭의 설정만을 삭제한다.
|
|
16
16
|
|
|
17
17
|
### 소스데이타 (source)
|
|
@@ -37,10 +37,10 @@
|
|
|
37
37
|
- (key) : data 객체의 키값을 id로 하는 컴포넌트들이 대상 컴포넌트가 된다.
|
|
38
38
|
- [property] : data 객체의 property의 값을 id로 하는 컴포넌트들이 대상 컴포넌트가 된다.
|
|
39
39
|
|
|
40
|
-
### 속성
|
|
40
|
+
### [속성(property)](./data-binding-property.md)
|
|
41
41
|
|
|
42
42
|
- 전파될 데이타 값이 적용될 대상 컴포넌트의 속성을 지정한다.
|
|
43
|
-
- 속성
|
|
43
|
+
- [속성](./data-binding-property.md) 참조
|
|
44
44
|
|
|
45
45
|
### 규칙 타입 (rule)
|
|
46
46
|
|
|
@@ -10,9 +10,9 @@
|
|
|
10
10
|
|
|
11
11
|
### Copy, Paste, and Delete
|
|
12
12
|
|
|
13
|
-
- To
|
|
14
|
-
- Copy-Paste: You can copy the
|
|
15
|
-
- Delete:
|
|
13
|
+
- To avoid the cumbersome repetitive settings related to data propagation, the functions of copy, paste, and delete are provided.
|
|
14
|
+
- Copy-Paste: You can copy the data propagation settings of the current tab and paste them into the data propagation settings of another component.
|
|
15
|
+
- Delete: Deletes only the settings of the current tab among the data propagation settings of the component.
|
|
16
16
|
|
|
17
17
|
### Source Data (source)
|
|
18
18
|
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
### Property (property)
|
|
41
41
|
|
|
42
42
|
- Specifies the property of the target component where the propagated data value will be applied.
|
|
43
|
-
-
|
|
43
|
+
- See [Property](./data-binding-property.md)
|
|
44
44
|
|
|
45
45
|
### Rule Type (rule)
|
|
46
46
|
|
|
@@ -10,9 +10,9 @@
|
|
|
10
10
|
|
|
11
11
|
### Menyalin, Menyisipkan, dan Menghapus
|
|
12
12
|
|
|
13
|
-
-
|
|
14
|
-
- Salin-
|
|
15
|
-
-
|
|
13
|
+
- Untuk mengelakkan tetapan pengulangan yang berkaitan dengan penyebaran data menjadi merepotkan, fungsi salin, tampal dan padam disediakan.
|
|
14
|
+
- Salin-Tampal: Anda boleh menyalin tetapan penyebaran data bagi tab semasa dan menampalkannya ke dalam tetapan penyebaran data komponen lain.
|
|
15
|
+
- Padam: Menghapuskan hanya tetapan tab semasa di antara tetapan penyebaran data komponen.
|
|
16
16
|
|
|
17
17
|
### Data Sumber (source)
|
|
18
18
|
|
|
@@ -39,8 +39,8 @@
|
|
|
39
39
|
|
|
40
40
|
### Properti
|
|
41
41
|
|
|
42
|
-
-
|
|
43
|
-
-
|
|
42
|
+
- menentukan sifat komponen sasaran di mana nilai data yang disebarkan akan diterapkan.
|
|
43
|
+
- Rujuk [sifat](./data-binding-property.md)
|
|
44
44
|
|
|
45
45
|
### Jenis Aturan (rule)
|
|
46
46
|
|
|
@@ -10,9 +10,9 @@
|
|
|
10
10
|
|
|
11
11
|
### 复制、粘贴和删除
|
|
12
12
|
|
|
13
|
-
-
|
|
14
|
-
-
|
|
15
|
-
-
|
|
13
|
+
- 为了避免与数据传播相关的重复设置繁琐，提供了复制、粘贴和删除功能。
|
|
14
|
+
- 复制-粘贴：可以复制当前标签页的数据传播设置，并将其粘贴到其他组件的数据传播设置中。
|
|
15
|
+
- 删除：删除组件的数据传播设置中仅当前标签页的设置。
|
|
16
16
|
|
|
17
17
|
### 源数据（source）
|
|
18
18
|
|
|
@@ -39,8 +39,8 @@
|
|
|
39
39
|
|
|
40
40
|
### 属性（property）
|
|
41
41
|
|
|
42
|
-
-
|
|
43
|
-
-
|
|
42
|
+
- 指定将应用传播数据值的目标组件的属性。
|
|
43
|
+
- 参考 [属性](./data-binding-property.md)
|
|
44
44
|
|
|
45
45
|
### 规则类型（rule）
|
|
46
46
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@things-factory/board-ui",
|
|
3
|
-
"version": "6.2.
|
|
3
|
+
"version": "6.2.38",
|
|
4
4
|
"main": "dist-server/index.js",
|
|
5
5
|
"browser": "dist-client/index.js",
|
|
6
6
|
"things-factory": true,
|
|
@@ -43,9 +43,9 @@
|
|
|
43
43
|
"@operato/shell": "^1.0.0",
|
|
44
44
|
"@operato/styles": "^1.0.0",
|
|
45
45
|
"@operato/utils": "^1.0.0",
|
|
46
|
-
"@things-factory/barcode-base": "^6.2.
|
|
47
|
-
"@things-factory/fav-base": "^6.2.
|
|
46
|
+
"@things-factory/barcode-base": "^6.2.38",
|
|
47
|
+
"@things-factory/fav-base": "^6.2.38",
|
|
48
48
|
"@things-factory/utils": "^6.2.33"
|
|
49
49
|
},
|
|
50
|
-
"gitHead": "
|
|
50
|
+
"gitHead": "df14ab133528fadeb146f3dc2652f499df30a918"
|
|
51
51
|
}
|