@things-factory/reference-app 6.0.25 → 6.0.28

package/dist-client/helps/scene/component/marker.ko.md

@@ -0,0 +1,15 @@
+# 표시물 도형
+
+![컴포넌트-마커][marker-01]
+
+표시물 도형
+- Category : Shape
+- 속성 :
+1. innerCircleFillStyle(Color) - 마커 안쪽 공간의 색상을 지정  
+![마커-innerCircleFillStyle적용결과][marker-02]
+
+
+
+[marker-01]: ../images/marker-01.png
+
+[marker-02]: ../images/marker-02.png

package/dist-client/helps/scene/component/marker.md

@@ -0,0 +1,15 @@
+# marker
+
+![Component-Marker][marker-01]
+
+The shape of indicator.
+- Category : Shape
+- Property :
+1. innerCircleFillStyle(Color) - Specify the color of inner space of marker.
+![Marker-innerCircleFillStyle application result][marker-02]
+
+
+
+[marker-01]: ../images/marker-01.png
+
+[marker-02]: ../images/marker-02.png

package/dist-client/helps/scene/component/marker.zh.md

@@ -0,0 +1,15 @@
+# 标记
+
+![组件-标记][marker-01]
+
+标记的形状
+- 类型：形状
+- 属性：
+1. innerCircleFillStyle(Color) - 指定标记内侧空间的颜色。
+![标记-innerCircleFillStyle适用结果][marker-02]
+
+
+
+[marker-01]: ../images/marker-01.png
+
+[marker-02]: ../images/marker-02.png

package/dist-client/helps/scene/component/news-ticker.ko.md

@@ -0,0 +1,27 @@
+# news-ticker
+
+
+## properties
+
+
+1. 모델링 화면 좌측의 컴포넌트 툴바의 Etc List내의 news-ticker 컴포넌트를 생성한다.
+   ![news ticker 생성][news_ticker_1]
+
+1. Publisher를 통해 직접 데이터를 전달하거나, news-ticker 컴포넌트의 값에 직접 입력한다. 사진에서는 news-ticker의 값에 직접 텍스트를 입력했다.
+   ![news ticker 텍스트 입력][news_ticker_2]
+
+1. news-ticker 컴포넌트 속성창의 4번째 탭의 Direction에서 세로로 흐르게 할 경우에는 vertical을, 가로로 흐르게 할 경우에는 horizontal을 선택한다. 역 방향을 체크할 경우, 텍스트가 흐르는 방향을 끝에서부터 하게 되며, 지속시간은 텍스트의 흘러가는 속도를 결정한다.
+   ![news ticker 속성 값 입력][news_ticker_3]
+
+1. 데이터 값이 제대로 출력됨을 확인한다.
+   ![news ticker horizontal 출력 확인][news_ticker_video_1]
+
+1. 참고로 Direction을 vertical로 설정할 경우 아래와 같이 데이터 값이 출력된다.
+   ![news ticker vertical 출력 확인][news_ticker_video_2]
+
+[news_ticker_1]: ../images/news_ticker_1.png
+[news_ticker_2]: ../images/news_ticker_2.png
+[news_ticker_3]: ../images/news_ticker_3.png
+[news_ticker_video_1]: ../images/news_ticker_video_1.gif
+[news_ticker_video_2]: ../images/news_ticker_video_2.gif
+

package/dist-client/helps/scene/component/news-ticker.md

@@ -0,0 +1,27 @@
+# news-ticker
+
+
+## example
+
+
+1. Create a news-ticker component in Etc List of the component toolbar on the left side of the modeling screen.
+   ![news ticker 생성][news_ticker_1]
+   
+2. Data is delivered directly through Publisher, or directly entered in the value of the news-ticker component. In the picture, I entered text directly into the value of the news-ticker.
+   ![news ticker 텍스트 입력][news_ticker_2]
+
+3. In the direction of the 4th tab of the news-ticker component property window, select vertical when flowing vertically, and horizontal when flowing horizontally. If you check the reverse direction, the text flow direction starts from the end, and the duration determines the flow speed of the text.
+   ![news ticker 속성 값 입력][news_ticker_3]
+
+4. Check that the data value is properly output.
+   ![news ticker horizontal 출력 확인][news_ticker_video_1]
+
+5. For reference, if Direction is set to vertical, the data value is output as follows.
+   ![news ticker vertical 출력 확인][news_ticker_video_2]
+
+[news_ticker_1]: ../images/news_ticker_1.png
+[news_ticker_2]: ../images/news_ticker_2.png
+[news_ticker_3]: ../images/news_ticker_3.png
+[news_ticker_video_1]: ../images/news_ticker_video_1.gif
+[news_ticker_video_2]: ../images/news_ticker_video_2.gif
+

package/dist-client/helps/scene/component/news-ticker.zh.md

@@ -0,0 +1,27 @@
+# news-ticker
+
+
+## properties
+
+
+1. 在建模屏幕左侧的组件工具栏的“Etc List”中创建一个news-ticker组件。
+   ![news ticker 생성][news_ticker_1]
+
+2. 数据直接通过Publisher发布，或直接输入到news-ticker组件的值中。 在图片中，将文本直接输入到news-ticker值中。
+   ![news ticker 텍스트 입력][news_ticker_2]
+
+3. 在news-ticker组件属性窗口的第4个选项卡的Direction上，垂直流动时选择“vertical”，水平流动时选择“horizontal”。 如果选中了反转，则文本的流动方向将从末端开始，持续时间决定文本的流动速度。
+   ![news ticker 속성 값 입력][news_ticker_3]
+
+4. 检查数据值是否正确输出。
+   ![news ticker horizontal 출력 확인][news_ticker_video_1]
+
+5. 作为参考，如果将“Direction”设置为vertical，则数据值输出如下。
+   ![news ticker vertical 출력 확인][news_ticker_video_2]
+
+[news_ticker_1]: ../images/news_ticker_1.png
+[news_ticker_2]: ../images/news_ticker_2.png
+[news_ticker_3]: ../images/news_ticker_3.png
+[news_ticker_video_1]: ../images/news_ticker_video_1.gif
+[news_ticker_video_2]: ../images/news_ticker_video_2.gif
+

package/dist-client/helps/scene/component/polygon.ko.md

@@ -0,0 +1,9 @@
+# 다각형
+
+![컴포넌트-다각형][polygon-01]
+
+다각형
+
+- Category : Shape  
+
+[polygon-01]: ../images/polygon-01.png

package/dist-client/helps/scene/component/polygon.md

@@ -0,0 +1,9 @@
+# Polygon
+
+![Component-Polygon][polygon-01]
+
+Polygon
+
+- Category : Shape  
+
+[polygon-01]: ../images/polygon-01.png

package/dist-client/helps/scene/component/polygon.zh.md

@@ -0,0 +1,9 @@
+# 多角形
+
+![组件-多角形][polygon-01]
+
+多角形
+
+- 类型：形状
+
+[polygon-01]: ../images/polygon-01.png

package/dist-client/helps/scene/component/polyline.ko.md

@@ -0,0 +1,10 @@
+# Polyline
+
+![Polyline][Polyline-01]
+
+하나 이상의 선분으로 구성된 연속적인 선.  
+폴리라인을 선택한 상태에서 Alt 키를 누르면 라인의 양끝 부분이 빨간 점으로 바뀐다. 이때 이 빨간 점을 당겨 폴리라인의 끝 부분에 새로운 선분을 추가할 수 있다.  
+
+- Category : Line
+
+[Polyline-01]: ../images/polyline-01.png

package/dist-client/helps/scene/component/polyline.md

@@ -0,0 +1,10 @@
+# Polyline
+
+![Polyline][Polyline-01]
+
+A continuous line composed of one or more line segments.  
+If select the polyline and press Alt key, both ends of the line will be changed to red dots. At this point, you can add new line segments to the end of polyline by pulling this red dot.    
+
+- Category : Line
+
+[Polyline-01]: ../images/polyline-01.png

package/dist-client/helps/scene/component/polyline.zh.md

@@ -0,0 +1,10 @@
+# 折线
+
+![Polyline][Polyline-01]
+
+由一个以上的线段所构成的连续线。  
+选中折线后，按Alt键可将折线的两端改为红点。这时，可以通过拉动该红点，在折线的末端添加新的线段。  
+
+- 类型：线
+
+[Polyline-01]: ../images/polyline-01.png

package/dist-client/helps/scene/component/popup.ko.md

@@ -0,0 +1,27 @@
+# Popup
+
+팝업 윈도우에 타겟 보드를 표시하는 컴포넌트이다.
+
+## Properties
+
+- board
+  - 팝업으로 보여주고자 하는 대상 보드를 선택한다.
+- show
+  - 팝업을 시작 시점에 보여주고자 할 때 설정한다.
+- started
+  - 속성 화면상에서 설정하지 않지만, 데이타 바인딩에서 이 속성을 true/false로 지정하면 팝업이 보이거나 닫혀지게 된다.
+  - boolean 타입
+- modal
+  - 팝업의 모달 여부를 설정한다.
+- closable
+  - close 버튼을 보여줄 것인지를 설정한다.
+- location
+  - 팝업 윈도우가 보여지게 될 위치를 지정한다.
+  - auto 로 지정하게되면, 이 Popup 컴포넌트의 맞은편 가장 많은 공간을 가진 위치에 보여지게된다.
+- value
+  - 팝업으로 보여주게될 대상 보드의 초기값을 지정한다.
+  - 데이타 바인딩 등에 의해서 value 값이 설정되게되면, 자동으로 started 속성이 true가 되어 팝업이 보여지게 된다.
+  - 팝업이 보여지는 상태에서 value 값이 재설정되면, 기존 팝업이 새로운 value값을 초기값으로 다시 보여지게 된다.
+- data
+  - 팝업이 사용자 정의 버튼 클릭으로 닫혀지게 되면, 해당 버튼의 data가 이 popup 컴포넌트의 data에 설정되게 된다.
+  - 팝업 실행 결과를 처리하는 의미로 활용된다.

package/dist-client/helps/scene/component/popup.md

@@ -0,0 +1,27 @@
+# Popup
+
+This component displays the target board in a pop-up window.
+
+## Properties
+
+- board
+  - Select the target board to be displayed in a popup.
+- show
+  - Set when you want to show a popup at the start time.
+- started
+  - Although not shown on the property screen, if this property is set to true/false during data binding, the popup will be shown or closed.
+  - boolean type
+- modal
+  - Set whether the popup is modal.
+- closable
+  - Set whether to show the close button.
+- location
+  - Designate the position where the pop-up window will be displayed.
+  - If set to auto, it will be displayed in the position with the most space opposite this Popup component.
+- value
+  - Designate the initial value of the target board to be displayed as a popup.
+  - When the value value is set by data binding, the started property automatically becomes true and a popup is displayed.
+  - If the value is reset while the popup is already displayed, the existing popup will be re-opened with the new initial value.
+- data
+  - When the popup is closed by clicking a user-defined button, the data of the corresponding button is set in the data of this popup component.
+  - It is used in the meaning of processing the pop-up execution result.

package/dist-client/helps/scene/component/progress-circle.ko.md

@@ -0,0 +1,41 @@
+# progress-circle
+
+## properties  
+1. Value(Number) - 프로그레스바의 진행률 값.  
+<figure style="text-align: center;">
+
+![진행막대-Value적용결과][progress-circle-02]  
+<figurecaption>(value: 80)</figurecaption>
+</figure>
+
+2. startAngle - 프로그레스바의 시작 각도. 12시 방향을 기준으로 시계방향으로 증가한다. 음수일 경우 역방향.  
+<figure style="text-align: center;">
+
+![진행막대-startAngle적용결과][progress-circle-03]  
+<figurecaption>(startAngle: -120)</figurecaption>
+</figure>
+
+3. endAngle - 프로그레스바의 끝 각도. 12시 방향을 기준으로 시계방향으로 증가한다. 음수일 경우 역방향.  
+<figure style="text-align: center;">
+
+![진행막대-endAngle적용결과][progress-circle-04]  
+<figurecaption>(endAngle: 120)</figurecaption>
+</figure>
+
+4. blankStrokeStyle - 프로그레스바가 채워지지 않은 부분의 색상.  
+<figure style="text-align: center;">
+
+![진행막대-blankStrokeStyle적용결과][progress-circle-05]  
+<figurecaption>(blankStrokeStyle: #ec5324)</figurecaption>
+</figure>
+
+
+[progress-circle-01]: ../images/progress-circle-01.png
+[progress-circle-02]: ../images/progress-circle-02.png
+[progress-circle-03]: ../images/progress-circle-03.png
+[progress-circle-04]: ../images/progress-circle-04.png
+[progress-circle-05]: ../images/progress-circle-05.png
+
+## properties
+
+### 

package/dist-client/helps/scene/component/progress-circle.md

@@ -0,0 +1,42 @@
+# progress-circle
+
+
+## properties  
+
+1. Value(Number) - The progress value of progress bar.  
+<figure style="text-align: center;">
+
+![Progress bar-Valueapplication result][progress-circle-02]  
+<figurecaption>(value: 80)</figurecaption>
+</figure>
+
+2. startAngle - The start angle of progress bar. It increases clockwise based on the 12 o'clock position. If a negative value, it will be reverse direction.  
+<figure style="text-align: center;">
+
+![Progress bar-startAngleapplication result][progress-circle-03]  
+<figurecaption>(startAngle: -120)</figurecaption>
+</figure>
+
+3. endAngle - The end angle of progress bar. It increases clockwise based on the 12 o'clock position. If a negative value, it will be reverse direction.  
+<figure style="text-align: center;">
+
+![Progress bar-endAngleapplication result][progress-circle-04]  
+<figurecaption>(endAngle: 120)</figurecaption>
+</figure>
+
+4. blankStrokeStyle - The color in which progress is not filled.  
+<figure style="text-align: center;">
+
+![Progress bar-blankStrokeStyleapplication result][progress-circle-05]  
+<figurecaption>(blankStrokeStyle: #ec5324)</figurecaption>
+</figure>
+
+
+[progress-circle-01]: ../images/progress-circle-01.png
+[progress-circle-02]: ../images/progress-circle-02.png
+[progress-circle-03]: ../images/progress-circle-03.png
+[progress-circle-04]: ../images/progress-circle-04.png
+[progress-circle-05]: ../images/progress-circle-05.png
+## properties
+
+### 

package/dist-client/helps/scene/component/progress-circle.zh.md

@@ -0,0 +1,39 @@
+# progress-circle
+
+
+## properties  
+
+1. Value(Number) - 进度条的进度值。  
+  <figure style="text-align: center;">
+
+  ![进度条-Value适用结果][progress-circle-02]  
+  <figurecaption>(value: 80)</figurecaption>
+  </figure>
+
+2. startAngle - 进度条的起始角度。以12点方向为标准，向顺时针方向增加。 如果是负数，就会是反方向。  
+  <figure style="text-align: center;">
+
+  ![进度条-startAngle适用结果][progress-circle-03]  
+  <figurecaption>(startAngle: -120)</figurecaption>
+  </figure>
+
+3. endAngle - 进度条的最终角度。以12点方向为标准，向顺时针方向增加。 如果是负数，就会是反方向。  
+  <figure style="text-align: center;">
+
+  ![进度条-endAngle适用结果][progress-circle-04]  
+  <figurecaption>(endAngle: 120)</figurecaption>
+  </figure>
+
+4. blankStrokeStyle - 没有填充进度部分的颜色。  
+  <figure style="text-align: center;">
+
+  ![进度条-blankStrokeStyle适用结果][progress-circle-05]  
+  <figurecaption>(blankStrokeStyle: #ec5324)</figurecaption>
+  </figure>
+
+
+[progress-circle-01]: ../images/progress-circle-01.png
+[progress-circle-02]: ../images/progress-circle-02.png
+[progress-circle-03]: ../images/progress-circle-03.png
+[progress-circle-04]: ../images/progress-circle-04.png
+[progress-circle-05]: ../images/progress-circle-05.png

package/dist-client/helps/scene/component/progress-horizontal.ko.md

@@ -0,0 +1,37 @@
+# progress-horizontal
+진행률을 가로막대 형태로 표시해주는 컴포넌트
+
+  
+## properties  
+1. Value(Number) - 프로그레스바의 진행률 값  
+
+<figure style="text-align: center;">
+
+![프로그레스바-Value적용결과][progress-horizontal-02]  
+<figurecaption>(value: 80)</figurecaption>
+</figure>
+
+2. BackgroundColor(Color) - 진행률이 채워지지 않은 부분의 색  
+
+<figure style="text-align: center;">
+
+![프로그레스바-BackgroundColor적용결과][progress-horizontal-03]
+<figurecaption>(backgroundColor: #ec5324)</figurecaption>
+</figure>
+
+3. reverse - 진행율을 역방향으로 채운다.  
+
+<figure style="text-align: center;">
+
+![프로그레스바-BackgroundColor적용결과][progress-horizontal-04]  
+<figurecaption>(backgroundColor: #ec5324)</figurecaption>
+</figure> 
+
+
+[progress-horizontal-01]: ../images/progress-horizontal-01.png
+
+[progress-horizontal-02]: ../images/progress-horizontal-02.png
+
+[progress-horizontal-03]: ../images/progress-horizontal-03.png
+
+[progress-horizontal-04]: ../images/progress-horizontal-04.png

package/dist-client/helps/scene/component/progress-horizontal.md

@@ -0,0 +1,31 @@
+# progress-horizontal
+
+The component which displays the progress with a horizontal bar.
+
+## properties  
+1. Value(Number) - The progress value of progress bar.  
+<figure style="text-align: center;">
+
+![Progress bar-Value application result][progress-horizontal-02]  
+<figurecaption>(value: 80)</figurecaption>
+</figure>
+
+2. BackgroundColor(Color) - The color in which progress is not filled.  
+<figure style="text-align: center;">
+
+![Progress bar-BackgroundColor application result][progress-horizontal-03]  
+<figurecaption>(backgroundColor: #ec5324)</figurecaption>
+</figure>
+
+3. reverse - Fill the progress in reverse direction.  
+<figure style="text-align: center;">
+
+![Progress bar-BackgroundColor application result][progress-horizontal-04]  
+<figurecaption>(backgroundColor: #ec5324)</figurecaption>
+</figure> 
+
+
+[progress-horizontal-01]: ../images/progress-horizontal-01.png
+[progress-horizontal-02]: ../images/progress-horizontal-02.png
+[progress-horizontal-03]: ../images/progress-horizontal-03.png
+[progress-horizontal-04]: ../images/progress-horizontal-04.png

package/dist-client/helps/scene/component/progress-horizontal.zh.md

@@ -0,0 +1,31 @@
+# progress-horizontal
+用横条形状，显示进度的组件。
+
+## properties  
+
+1. Value(Number) - 进度条的进度值。  
+<figure style="text-align: center;">
+
+![进度条-Value适用结果][progress-horizontal-02]  
+<figurecaption>(value: 80)</figurecaption>
+</figure>
+
+2. BackgroundColor(Color) - 没有填充进度部分的颜色。  
+<figure style="text-align: center;">
+
+![进度条-BackgroundColor适用结果][progress-horizontal-03]  
+<figurecaption>(backgroundColor: #ec5324)</figurecaption>
+</figure>
+
+3. reverse - 从反方向开始，填充进度。  
+<figure style="text-align: center;">
+
+![进度条-BackgroundColor适用结果][progress-horizontal-04]  
+<figurecaption>(backgroundColor: #ec5324)</figurecaption>
+</figure> 
+
+
+[progress-horizontal-01]: ../images/progress-horizontal-01.png
+[progress-horizontal-02]: ../images/progress-horizontal-02.png
+[progress-horizontal-03]: ../images/progress-horizontal-03.png
+[progress-horizontal-04]: ../images/progress-horizontal-04.png

package/dist-client/helps/scene/component/progress-vertical.ko.md

@@ -0,0 +1,23 @@
+# progress-vertical
+
+진행률을 세로막대 형태로 표시해주는 컴포넌트
+
+## properties  
+1. Value(Number) - 프로그레스바의 진행률 값  
+<figure style="text-align: center;">
+
+![프로그레스바-Value적용결과][progress-vertical-02]  
+<figurecaption>(value: 80)</figurecaption>
+</figure>
+
+2. BackgroundColor(Color) - 진행률이 채워지지 않은 부분의 색  
+<figure style="text-align: center;">
+
+![프로그레스바-Value적용결과][progress-vertical-03]  
+<figurecaption>(backgroundColor: #ec5324)</figurecaption>
+</figure>
+
+
+[progress-vertical-01]: ../images/progress-vertical-01.png
+[progress-vertical-02]: ../images/progress-vertical-02.png
+[progress-vertical-03]: ../images/progress-vertical-03.png

package/dist-client/helps/scene/component/progress-vertical.md

@@ -0,0 +1,24 @@
+# progress-vertical
+The component which displays the progress with a vertical bar.
+
+## properties  
+1. Value(Number) - The progress value of progress bar.  
+<figure style="text-align: center;">
+
+![Progress bar-Value application result][progress-vertical-02]  
+<figurecaption>(value: 80)</figurecaption>
+</figure>
+
+2. BackgroundColor(Color) - The color in which progress is not filled.  
+<figure style="text-align: center;">
+
+![Progress bar-BackgroundColor application result][progress-vertical-03]  
+<figurecaption>(backgroundColor: #ec5324)</figurecaption>
+</figure>
+
+
+[progress-vertical-01]: ../images/progress-vertical-01.png
+
+[progress-vertical-02]: ../images/progress-vertical-02.png
+
+[progress-vertical-03]: ../images/progress-vertical-03.png

package/dist-client/helps/scene/component/progress-vertical.zh.md

@@ -0,0 +1,23 @@
+# progress-vertical
+
+用竖条形状，显示进度的组件。
+
+## properties  
+1. Value(Number) - 进度条的进度值。  
+<figure style="text-align: center;">
+
+![进度条-Value适用结果][progress-vertical-02]  
+<figurecaption>(value: 80)</figurecaption>
+</figure>
+
+2. BackgroundColor(Color) - 没有填充进度部分的颜色。  
+<figure style="text-align: center;">
+
+![进度条-BackgroundColor适用结果][progress-vertical-03]  
+<figurecaption>(backgroundColor: #ec5324)</figurecaption>
+</figure>
+
+
+[progress-vertical-01]: ../images/progress-vertical-01.png
+[progress-vertical-02]: ../images/progress-vertical-02.png
+[progress-vertical-03]: ../images/progress-vertical-03.png

package/dist-client/helps/scene/component/rack.ko.md

@@ -0,0 +1,17 @@
+# rack
+
+창고용 랙을 표현할 때 사용하는 컴포넌트. 높이와 층을 적용할 수 있으며 랙과 층마다 고유 ID를 부여할 수 있다.
+
+## properties
+
+1. Depth(Number) - 3D 모델링으로 전환되었을 때, 한 층의 높이
+2. Shelves(Number) - 3D 모델링으로 전환되었을 때, 층의 개수
+3. Location Pattern(String) - 랙의 위치 및 층에 고유한 ID를 부여할 때 정의하는 패턴. {}안에 Z(Zone), S(Selection), U(Unit), Sh(Shelf)의 패턴을 정의한다.
+4. Zone(String) - 패턴에 적용 될 Zone의 값
+5. Selection(String) - 패턴에 적용 될 Selection 값
+6. Unit(String) - 패턴에 적용 될 Unit 값
+7. Shelf Pattern(String) - 패턴에 적용 될 Shelf Pattern 값  
+   \# - 층의 숫자가 동적으로 적용  
+   0 - 층의 숫자가 0의 갯수대로 자릿수 고정(ex. 0 = 0~9 / 00 = 00~99)
+
+

package/dist-client/helps/scene/component/rack.md

@@ -0,0 +1,15 @@
+# rack
+
+The component which is used to display warehouse rack. It can apply the height and layer, and can give a unique ID number in each rack and layer.
+
+## Properties
+
+1. Depth(Number) - The height of one layer when converted to 3D modeling.
+2. Shelves(Number) - The number of layer when converted to 3D modeling.
+3. Location Pattern(String) - The pattern which is defined when give a unique ID number in the location and layer of rack. Define the pattern of Z(Zone), S(Selection), U(Unit), Sh(Shelf) in {}.
+4. Zone(String) - The value of Zone which will be applied to the pattern.
+5. Selection(String) - The selection value which will be applied to the pattern.
+6. Unit(String) - The Unit value which will be applied to the pattern.
+7. Shelf Pattern(String) - The value of Shelf Pattern which will be applied to the pattern.  
+   \# - Dynamically apply the number of layer.  
+   0 - Fix the number of digits of layers according to the number of 0. (ex. 0 = 0~9 / 00 = 00~99)

package/dist-client/helps/scene/component/rack.zh.md

@@ -0,0 +1,16 @@
+# rack
+
+被用于显示库架时的组件。可以适用高度和层，并且可以在各个支架和层，赋予固有的ID。
+
+
+## properties
+
+1. 深度(Depth) - 当转换为3D建模时，一层的高度。
+2. 站位高度(Shelves) - 当转换为3D建模时，层的数量。
+3. 位置模式(Location Pattern) - 被定义在为支架的位置以及层赋予固有的ID时的模式。在{}中，定义Z(区域)、S(部分)、U(单位)、Sh(货架)的模式。
+4. 区域(Zone) - 将会被适用于模式的区域的值。
+5. 部分(Selection) - 将会被适用于模式的部分值。
+6. 单位(Unit) - 将会被适用于模式的单位值。
+7. 架子模式(Shelf Pattern) - 将会被适用于模式的架子模式值。  
+   \# - 动态适用层的数字。  
+   0 - 根据0个数，固定层的位数。(ex. 0 = 0~9 / 00 = 00~99)

package/dist-client/helps/scene/component/random.ko.md

@@ -0,0 +1,12 @@
+# random
+
+무작위 문자열, 숫자 등의 데이터를 생성하는 컴포넌트.
+특히 무작위 테스트 정보 생성이 필요한 곳에서 단조 로움을 줄이는 데 도움이됩니다.
+
+이 컴포넌트는 배열 데이터를 생성합니다.
+
+## properties
+
+- format : 데이터 포멧은 chancejs에서 사용 가능한 기능 위주로 만들어 졌으며 내용은 [chancejs](https://chancejs.com/basics/bool.html)에서 확인 바랍니다.
+- count : 배열 크기
+- period : 데이터 생성 주기

package/dist-client/helps/scene/component/random.md

@@ -0,0 +1,11 @@
+# random
+
+Data generator of random strings, numbers, etc. to help reduce some monotony particularly while writing automated tests or anywhere else you need anything random.
+
+This components returns array data
+
+## properties
+
+- format : Data format that chancejs support, please check it on [chancejs](https://chancejs.com/basics/bool.html)
+- count : Data array count
+- period : Data generate period

package/dist-client/helps/scene/component/random.zh.md

@@ -0,0 +1,11 @@
+# random
+
+随机字符串，数字等的数据生成器，以帮助减少一些测试的单调性，尤其是在编写自动测试或其他任何需要随机数据的地方。
+
+该组件返回数组数据。
+
+## properties
+
+- format : 数据格式参考chancejs的内容，内容连接为[chancejs](https://chancejs.com/basics/bool.html)
+- count : 数组的大小
+- period : 数据生成周期