@things-factory/board-ui 6.1.129 → 6.1.140
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/board-provider.ts +2 -2
- package/dist-client/board-provider.js +2 -2
- package/dist-client/board-provider.js.map +1 -1
- package/dist-client/tsconfig.tsbuildinfo +1 -1
- package/dist-server/tsconfig.tsbuildinfo +1 -1
- package/helps/board-modeller/data-binding.ko.md +8 -0
- package/helps/board-modeller/data-binding.md +8 -0
- package/helps/board-modeller/data-binding.zh.md +8 -0
- package/helps/board-modeller/data-spread.ja.md +100 -0
- package/helps/board-modeller/data-spread.ko.md +34 -0
- package/helps/board-modeller/data-spread.md +77 -44
- package/helps/board-modeller/data-spread.ms.md +99 -0
- package/helps/board-modeller/data-spread.zh.md +78 -45
- package/helps/board-modeller/effects/tap-event.ko.md +4 -0
- package/helps/board-modeller/effects/tap-event.md +4 -0
- package/helps/board-modeller/effects/tap-event.zh.md +9 -5
- package/package.json +2 -2
- package/translations/en.json +1 -0
- package/translations/ja.json +1 -0
- package/translations/ko.json +1 -0
- package/translations/ms.json +520 -634
- package/translations/zh.json +1 -0
|
@@ -1,65 +1,98 @@
|
|
|
1
|
-
#
|
|
1
|
+
# 数据绑定
|
|
2
2
|
|
|
3
|
-
[
|
|
3
|
+
[数据绑定简介](./data-binding.md)
|
|
4
4
|
|
|
5
|
-
##
|
|
5
|
+
## 数据传播
|
|
6
6
|
|
|
7
|
-
-
|
|
8
|
-
-
|
|
9
|
-
-
|
|
7
|
+
- 数据传播是基于源组件的数据值来更改目标组件的属性的配置。
|
|
8
|
+
- 如果源组件更改了目标组件的数据属性,则目标组件的数据传播功能会持续工作,因此称为数据传播功能。
|
|
9
|
+
- 可以进行多个数据传播配置。
|
|
10
10
|
|
|
11
11
|
### 复制、粘贴和删除
|
|
12
12
|
|
|
13
|
-
-
|
|
14
|
-
-
|
|
15
|
-
-
|
|
13
|
+
- 为了简化重复的数据传播配置,提供了复制、粘贴和删除功能。
|
|
14
|
+
- 复制-粘贴:您可以复制一个组件的整个数据传播配置,并粘贴到另一个组件的数据传播配置中。请注意,粘贴会替换目标组件的所有数据传播配置,因此要小心。
|
|
15
|
+
- 删除:它仅删除组件数据传播配置中当前选项卡的配置。
|
|
16
16
|
|
|
17
|
-
###
|
|
17
|
+
### 源数据(source)
|
|
18
18
|
|
|
19
|
-
-
|
|
20
|
-
-
|
|
21
|
-
- (self)
|
|
19
|
+
- 当指定源组件时,它会将该组件的数据传播到目标组件(们)。
|
|
20
|
+
- 基于组件关系的目标指定:
|
|
21
|
+
- (self):组件本身。
|
|
22
22
|
- 通过 ID 指定:#id
|
|
23
|
-
-
|
|
23
|
+
- 如果未指定,则将该组件本身的数据传播为(self)。
|
|
24
24
|
|
|
25
|
-
### accessor
|
|
25
|
+
### 访问器(accessor)
|
|
26
26
|
|
|
27
|
-
-
|
|
28
|
-
- 设置方法遵循[JSONATA 文档](http://docs.jsonata.org/overview.html)。
|
|
27
|
+
- 配置方法遵循[JSONATA 文档](http://docs.jsonata.org/overview.html)。
|
|
29
28
|
|
|
30
|
-
### target
|
|
29
|
+
### 目标(target)
|
|
31
30
|
|
|
32
|
-
-
|
|
33
|
-
-
|
|
34
|
-
- (self)
|
|
35
|
-
-
|
|
36
|
-
-
|
|
37
|
-
-
|
|
31
|
+
- 指定数据传播的目标组件(们)。
|
|
32
|
+
- 基于组件关系的目标指定:
|
|
33
|
+
- (self):组件本身。
|
|
34
|
+
- 通过 ID 指定:#id
|
|
35
|
+
- 通过类别指定:.class
|
|
36
|
+
- 基于数据指定的目标:
|
|
37
|
+
- (key):具有与数据对象的键值对应的 ID 的组件将成为目标组件。
|
|
38
|
+
- [property]:具有与数据对象属性值的 ID 对应的组件将成为目标组件。
|
|
39
|
+
|
|
40
|
+
### 属性(property)
|
|
41
|
+
|
|
42
|
+
- 指定传播的数据值将应用于目标组件的属性。
|
|
43
|
+
- 如果将属性值设置为'(action)',则它不适用于目标组件(们)的任何属性。'(action)'属性通常用于在数据传播时执行脚本操作。
|
|
44
|
+
|
|
45
|
+
### 规则类型(rule)
|
|
46
|
+
|
|
47
|
+
指定如何将传播的数据应用于目标组件的属性。
|
|
48
|
+
|
|
49
|
+
- 值(value)
|
|
50
|
+
- 值本身直接设置为目标组件的属性。
|
|
51
|
+
- 映射(map)
|
|
52
|
+
- 使用值作为键来查找映射值,然后将其设置为目标组件的属性。
|
|
53
|
+
- 范围(range)
|
|
54
|
+
- 将值包含在范围内的映射值设置为目标组件的属性。
|
|
55
|
+
- 函数(eval)
|
|
56
|
+
- Eval 代码可以使用 JavaScript 语法编写。
|
|
57
|
+
- Eval 代码的上下文(this)是源组件。
|
|
58
|
+
- Eval 代码具有参数:value 和 targets。
|
|
59
|
+
- value:具有源组件数据的访问器应用值。
|
|
60
|
+
- targets:目标组件列表。
|
|
61
|
+
|
|
62
|
+
### 没有数据,就没有传播
|
|
63
|
+
|
|
64
|
+
- 仅在基于规则
|
|
65
|
+
|
|
66
|
+
### 部分传播
|
|
67
|
+
|
|
68
|
+
部分传播是在操作对象、复制或修改其属性时非常有用的概念。
|
|
38
69
|
|
|
39
|
-
|
|
70
|
+
例如,让我们考虑一个管理餐厅菜单项的组件。每个组件都包含以下信息的'data'对象:
|
|
40
71
|
|
|
41
|
-
|
|
42
|
-
|
|
72
|
+
```plaintext
|
|
73
|
+
目标组件数据(更新前):
|
|
74
|
+
- 名称(name)
|
|
75
|
+
- 价格(price)
|
|
76
|
+
- 描述(description)
|
|
77
|
+
- 卡路里(calories)
|
|
78
|
+
```
|
|
43
79
|
|
|
44
|
-
|
|
80
|
+
我们想要更新目标组件的某些属性。以下是包含在源数据中的更新信息:
|
|
45
81
|
|
|
46
|
-
|
|
82
|
+
```plaintext
|
|
83
|
+
更新信息:
|
|
84
|
+
- 价格(price)
|
|
85
|
+
- 卡路里(calories)
|
|
86
|
+
```
|
|
47
87
|
|
|
48
|
-
|
|
49
|
-
- 值本身被设置为组件的目标属性。
|
|
50
|
-
- map
|
|
51
|
-
- 在目标组件的属性中设置数据属性的值。
|
|
52
|
-
- range
|
|
53
|
-
- 在目标组件的属性中设置包含该值的范围的映射值。
|
|
54
|
-
- eval
|
|
55
|
-
- eval 代码可以用 JavaScript 语法编写。
|
|
56
|
-
- eval 代码的 context (this)是源组件。
|
|
57
|
-
- eval 代码的参数具有 value 和 targets。
|
|
58
|
-
- value:源组件的数据中 accessor 对应的值
|
|
59
|
-
- targets:目标组件列表
|
|
88
|
+
现在,使用部分传播,我们可以仅将源数据中的某些信息应用于更新目标组件。这样,我们可以只使用源数据更改目标数据的所需属性。
|
|
60
89
|
|
|
61
|
-
|
|
90
|
+
结果,目标组件的数据将如下更新:
|
|
62
91
|
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
92
|
+
```plaintext
|
|
93
|
+
目标组件数据(更新后):
|
|
94
|
+
- 名称(name)
|
|
95
|
+
- 价格(price,更新后的值)
|
|
96
|
+
- 描述(description)
|
|
97
|
+
- 卡路里(calories,更新后的值)
|
|
98
|
+
```
|
|
@@ -62,6 +62,10 @@
|
|
|
62
62
|
- 대상 컴포넌트의 현재 데이타를 기준으로 숫자 0/1/2 순서로 데이타를 순환시킨다.
|
|
63
63
|
- 파라미터
|
|
64
64
|
- 대상 : 데이타를 순환시킬 대상 컴포넌트
|
|
65
|
+
- forcely execute data spreading of target component
|
|
66
|
+
- 대상 컴포넌트의 현재 데이타를 이용해서 강제 데이타 전파를 실행한다.
|
|
67
|
+
- 파라미터
|
|
68
|
+
- 대상(target) : 데이타전파를 실행할 대상 컴포넌트
|
|
65
69
|
- set value to target component data
|
|
66
70
|
- 설정한 값으로 대상 컴포넌트의 'data'를 변경한다.
|
|
67
71
|
- 보통 컴포넌트의 data를 변화시키는 것은 대상 컴포넌트에 지정된 데이타 스프레드를 트리거링하는 효과를 발휘한다.
|
|
@@ -58,6 +58,10 @@ When a tap event occurs on the component, the configured shadow effect disappear
|
|
|
58
58
|
- Cycles the data of the target component between the numbers 0, 1, and 2 based on its current data value.
|
|
59
59
|
- Parameters:
|
|
60
60
|
- Target: The target component for cycling the data.
|
|
61
|
+
- Forcefully execute data spreading of the target component.
|
|
62
|
+
- Execute forced data propagation using the current data of the target component.
|
|
63
|
+
- Parameters:
|
|
64
|
+
- Target: The target component to change the data.
|
|
61
65
|
- Set value to target component data:
|
|
62
66
|
- Changes the 'data' of the target component to the specified value.
|
|
63
67
|
- Changing the data of a component triggers the corresponding data spread in the target component.
|
|
@@ -59,12 +59,16 @@
|
|
|
59
59
|
- 根据目标组件的当前数据值,按照数字 0/1/2 的顺序循环数据。
|
|
60
60
|
- 参数:
|
|
61
61
|
- 目标(target):要循环数据的目标组件。
|
|
62
|
+
- 强制执行目标组件的数据传播。(forcely execute data spreading of target component)
|
|
63
|
+
- 使用目标组件的当前数据执行强制数据传播。
|
|
64
|
+
- 参数:
|
|
65
|
+
- 目标(target):要更改数据的目标组件。
|
|
62
66
|
- 设置值到目标组件数据(set value to target component data)
|
|
63
|
-
- 根据指定的值更改目标组件的'data'。
|
|
64
|
-
- 通常,更改组件的 data 会触发目标组件上指定的数据传播效果。
|
|
65
|
-
- 参数:
|
|
66
|
-
|
|
67
|
-
|
|
67
|
+
- 根据指定的值更改目标组件的'data'。
|
|
68
|
+
- 通常,更改组件的 data 会触发目标组件上指定的数据传播效果。
|
|
69
|
+
- 参数:
|
|
70
|
+
- 目标(target):要更改数据的目标组件。
|
|
71
|
+
- value:要设置为目标组件的值(可以指定字符串、数字或对象类型)。
|
|
68
72
|
- 设置值到目标组件值(set value to target component value)
|
|
69
73
|
- 根据指定的值更改目标组件的'value'。
|
|
70
74
|
- 通常,更改组件的 value 会触发目标组件上指定的操作效果。
|
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.140",
|
|
4
4
|
"main": "dist-server/index.js",
|
|
5
5
|
"browser": "dist-client/index.js",
|
|
6
6
|
"things-factory": true,
|
|
@@ -41,5 +41,5 @@
|
|
|
41
41
|
"file-saver": "^2.0.2",
|
|
42
42
|
"sortablejs": "^1.10.2"
|
|
43
43
|
},
|
|
44
|
-
"gitHead": "
|
|
44
|
+
"gitHead": "694fd29950b1d23bdd751096d6325f8a254df0ac"
|
|
45
45
|
}
|
package/translations/en.json
CHANGED
package/translations/ja.json
CHANGED