@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.
@@ -1,65 +1,98 @@
1
- # Data Binding
1
+ # 数据绑定
2
2
 
3
- [About Data Binding](./data-binding.md)
3
+ [数据绑定简介](./data-binding.md)
4
4
 
5
- ## Data Spread
5
+ ## 数据传播
6
6
 
7
- - 此设置根据源组件的数据值更改目标组件的属性。
8
- - 如果源组件更改了目标组件的数据属性,则目标组件的数据传播功能将连续运行,因此该功能称为数据传播。
9
- - 可以进行多种数据传播设置
7
+ - 数据传播是基于源组件的数据值来更改目标组件的属性的配置。
8
+ - 如果源组件更改了目标组件的数据属性,则目标组件的数据传播功能会持续工作,因此称为数据传播功能。
9
+ - 可以进行多个数据传播配置。
10
10
 
11
11
  ### 复制、粘贴和删除
12
12
 
13
- - 由于与“数据传播”相关的重复设置可能很麻烦,因此提供了复制、粘贴和删除功能。
14
- - 复制粘贴:您可以复制一个组件的整个“数据传播”设置并将其粘贴到另一个组件的“数据传播”设置中。 请小心,因为粘贴会替换目标组件的所有“数据传播”设置。
15
- - 删除:仅删除组件“数据传播”设置中当前选项卡的设置。
13
+ - 为了简化重复的数据传播配置,提供了复制、粘贴和删除功能。
14
+ - 复制-粘贴:您可以复制一个组件的整个数据传播配置,并粘贴到另一个组件的数据传播配置中。请注意,粘贴会替换目标组件的所有数据传播配置,因此要小心。
15
+ - 删除:它仅删除组件数据传播配置中当前选项卡的配置。
16
16
 
17
- ### 源数据 (source)
17
+ ### 源数据(source
18
18
 
19
- - 指定源组件后,它将将该组件的数据传播到目标组件。
20
- - 基于组件关系的目标指定
21
- - (self):组件本身
19
+ - 当指定源组件时,它会将该组件的数据传播到目标组件(们)。
20
+ - 基于组件关系的目标指定:
21
+ - (self):组件本身。
22
22
  - 通过 ID 指定:#id
23
- - 如果未指定,它将传播组件本身的数据,与(self)相同。
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
- - ID 指定:#id
36
- - 指定为类:.class
37
- - 基于数据的目标指定 -(key):以数据对象的键值为 id 的组件将成为目标组件。 -[property]:将数据对象的属性值作为 ID 的组件将成为目标组件。
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
- ### property
70
+ 例如,让我们考虑一个管理餐厅菜单项的组件。每个组件都包含以下信息的'data'对象:
40
71
 
41
- - 指定要传播数据值的目标组件的属性。
42
- - 如果属性值设置为“(action)”,则它不会应用于目标组件的任何属性。 '(action)' 属性主要用于在数据传播时只执行脚本操作的情况。
72
+ ```plaintext
73
+ 目标组件数据(更新前):
74
+ - 名称(name)
75
+ - 价格(price)
76
+ - 描述(description)
77
+ - 卡路里(calories)
78
+ ```
43
79
 
44
- ### rule
80
+ 我们想要更新目标组件的某些属性。以下是包含在源数据中的更新信息:
45
81
 
46
- 指定如何将要传播的数据应用于目标组件属性。
82
+ ```plaintext
83
+ 更新信息:
84
+ - 价格(price)
85
+ - 卡路里(calories)
86
+ ```
47
87
 
48
- - value
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
- ### 无数据不传播(No Data No Spreading)
90
+ 结果,目标组件的数据将如下更新:
62
91
 
63
- - 只有当根据规则类型的最终结果值不是空值时,才会传播数据。
64
- - 如果结果值为 undefined、null、NaN 或空白 (''),则不会展开。
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
- - 目标(target):要更改数据的目标组件。
67
- - value:要设置为目标组件的值(可以指定字符串、数字或对象类型)。
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.129",
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": "34348ec14b8648940212758df1945b9321a13593"
44
+ "gitHead": "694fd29950b1d23bdd751096d6325f8a254df0ac"
45
45
  }
@@ -325,6 +325,7 @@
325
325
  "label.opinion": "opinion",
326
326
  "label.options": "options",
327
327
  "label.padding": "padding",
328
+ "label.partial-spreading": "partial spreading",
328
329
  "label.passcode": "passcode",
329
330
  "label.path": "path",
330
331
  "label.pattern": "pattern",
@@ -325,6 +325,7 @@
325
325
  "label.opinion": "意見",
326
326
  "label.options": "options",
327
327
  "label.padding": "余白",
328
+ "label.partial-spreading": "部分的な拡散",
328
329
  "label.passcode": "パースコード",
329
330
  "label.path": "経路",
330
331
  "label.pattern": "パターン",
@@ -325,6 +325,7 @@
325
325
  "label.opinion": "의견",
326
326
  "label.options": "options",
327
327
  "label.padding": "여백",
328
+ "label.partial-spreading": "부분 전파",
328
329
  "label.passcode": "패스코드",
329
330
  "label.path": "경로",
330
331
  "label.pattern": "패턴",