@fmsim/fmsim-restful 0.0.49

package/dist-app/helps/board-modeller/modeller.md

@@ -0,0 +1,206 @@
+# Board Modeller
+
+## Layout
+It describes about the layout of modeler.
+![modeler-layout](./images/modeler-layout-01.png)
+
+1. Control Toolbar: The toolbar in which has concentrated the function of controlling the component like return, copy, sort, reverse, etc.
+
+1. Component toolbar: The toolbar in which has concentrated the component of being used in modeler.
+
+1. Property window: The window in which has concentrated the property of component.
+
+
+## Toolbar
+
+A tool bar that lists the information on the SCENE currently being modeled and the functions needed to make modeling easier.  
+<span style="font-size: 13px; line-height:30px;">  (If your OS is a Mac, type <kbd class="dark">⌘</kbd> in place of <kbd>Ctrl</kbd> key.) </span>
+
+1. Undo![Undo][Undo](<kbd>Ctrl</kbd> + <kbd>Z</kbd>) :  
+  The function to undo the last edited content.
+
+1. Redo![Redo][Redo](<kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>Z</kbd>) :  
+  Redo the contents of the operation undone.
+
+1. Cut![Cut][Cut](<kbd>Ctrl</kbd> + <kbd>X</kbd>) :  
+  Delete the current component while copying the selected component to the clipboard.
+
+1. Copy![Copy][Copy](<kbd>Ctrl</kbd> + <kbd>C</kbd>) :  
+  Copy the selected component to the clipboard.
+
+1. Paste![Paste][Paste](<kbd>Ctrl</kbd> + <kbd>V</kbd>) :  
+  Paste the copied component to the clipboard.
+
+1. Delete![Delete][Delete](<kbd>Delete</kbd> or <kbd>Backspace</kbd>) :  
+  Delete the selected component.
+
+1. Align left![Align left][Align left](<kbd>Alt</kbd> + <kbd>Shift</kbd> + <kbd>L</kbd>) :  
+  Align the components to the left based on the leftmost component of the selected components.
+
+1. Align center![Align center][Align center](<kbd>Alt</kbd> + <kbd>Shift</kbd> + <kbd>C</kbd>) :  
+  Align X-coordinate of components center based on the center coordinate of the selected components.
+
+1. Align right![Align right][Align right](<kbd>Alt</kbd> + <kbd>Shift</kbd> + <kbd>R</kbd>) :  
+  Align the components to the right based on the rightmost component of the selected components.
+
+1. Align top![Align top][Align top](<kbd>Alt</kbd> + <kbd>Shift</kbd> + <kbd>T</kbd>) :  
+  Align the components to the top based on the topmost component of the selected components.
+
+1. Align center![Align center][Align center](<kbd>Alt</kbd> + <kbd>Shift</kbd> + <kbd>M</kbd>) :  
+  Align Y-coordinate of components center based on the center coordinate of the selected components.
+
+1. Align bottom![Align bottom][Align bottom](<kbd>Alt</kbd> + <kbd>Shift</kbd> + <kbd>B</kbd>) :  
+  Align the components to the bottom based on the bottommost component of the selected components.
+
+1. Distribute horizontally![Distribute horizontally][Distribute horizontally](<kbd>Alt</kbd> + <kbd>Shift</kbd> + <kbd>H</kbd>) :  
+  Adjusts the width between components to be the same based on the components at both ends of the selected components in the horizontal direction.
+
+1. Distribute vertically![Distribute vertically][Distribute vertically](<kbd>Alt</kbd> + <kbd>Shift</kbd> + <kbd>V</kbd>) :  
+  Adjusts the height between components to be the same based on the components at both ends of the selected components in the vertical direction.
+
+1. Bring to front![Bring to front][Bring to front](<kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>F</kbd>) :  
+  Move the selected component in front of all other components.
+
+1. Send to back![Send to back][Send to back](<kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>B</kbd>) :  
+  Move the selected component behind all other components.
+
+1. Bring forward![Bring forward][Bring forward](<kbd>Ctrl</kbd> + <kbd>F</kbd>) :  
+  Move the selected component one layer forward.
+
+1. Send backward![Send backward][Send backward](<kbd>Ctrl</kbd> + <kbd>B</kbd>) :  
+  Move the selected component one layer back.
+
+1. Mirror horizontally![Mirror horizontally][Mirror horizontally](<kbd>Alt</kbd> + <kbd>Shift</kbd> + <kbd>X</kbd>) :   Mirror the selected component horizontally.
+
+1. Mirror vertically![Mirror vertically][Mirror vertically](<kbd>Alt</kbd> + <kbd>Shift</kbd> + <kbd>Y</kbd>) :  
+  Mirror the selected component vertically.
+
+1. Rotate clockwise![Rotate clockwise][Rotate clockwise](<kbd>Alt</kbd> + <kbd>Shift</kbd> + <kbd>E</kbd>) :  
+  Rotate the selected component 90 degrees clockwise.
+
+1. Rotate counterclockwise![Rotate counterclockwise][Rotate counterclockwise](<kbd>Alt</kbd> + <kbd>Shift</kbd> + <kbd>W</kbd>) :  
+  Rotate the selected component 90 degrees counterclockwise.
+
+1. Group![Group][Group](<kbd>Ctrl</kbd> + <kbd>G</kbd>) :  
+  Group the selected components.
+
+1. Ungroup![Ungroup][Ungroup](<kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>G</kbd>) :  
+  Ungroup the selected group.
+
+1. Increase text size![Increase text size][Increase text size](<kbd>Shift</kbd> + <kbd>WheelUp</kbd>) :  
+  Increase the text size of the selected component.
+
+1. Decrease text size![Decrease text size][Decrease text size](<kbd>Shift</kbd> + <kbd>WheelDown</kbd>) :  
+  Decrease the text size of the selected component.
+
+1. Fit scene![Fit scene][Fit scene](<kbd>Ctrl</kbd> + <kbd>D</kbd>) :  
+  Fit the size of the canvas just to the screen.
+
+1. Preview![Preview][Preview](<kbd>Ctrl</kbd> + <kbd>P</kbd>) :  
+  Preview 3D components, animations, and other effects on the modeling screen you're editing.    
+
+1. Full screen![Full screen][Full screen](<kbd>F11</kbd>) :  
+  Hide all toolbars and property windows, and convert the modeling screen to full screen.
+
+1. Toggle property panel![Toggle property panel][Toggle property panel](<kbd>Ctrl</kbd> + <kbd>H</kbd>) :  
+  Hide or show property windows.
+
+
+[control-toolbar]: ./images/control-toolbar.png#control-toolbar
+[Undo]: ./images/control-toolbar-02.png
+[Redo]: ./images/control-toolbar-03.png
+[Cut]: ./images/control-toolbar-04.png
+[Copy]: ./images/control-toolbar-05.png
+[Paste]: ./images/control-toolbar-06.png
+[Delete]: ./images/control-toolbar-07.png
+[Copy style]: ./images/control-toolbar-08.png
+[Align left]: ./images/control-toolbar-09.png
+[Align center]: ./images/control-toolbar-10.png
+[Align right]: ./images/control-toolbar-11.png
+[Align top]: ./images/control-toolbar-12.png
+[Align center]: ./images/control-toolbar-13.png
+[Align bottom]: ./images/control-toolbar-14.png
+[Distribute horizontally]: ./images/control-toolbar-15.png
+[Distribute vertically]: ./images/control-toolbar-16.png
+[Bring to front]: ./images/control-toolbar-17.png
+[Send to back]: ./images/control-toolbar-18.png
+[Bring forward]: ./images/control-toolbar-19.png
+[Send backward]: ./images/control-toolbar-20.png
+[Mirror horizontally]: ./images/control-toolbar-21.png
+[Mirror vertically]: ./images/control-toolbar-22.png
+[Rotate clockwise]: ./images/control-toolbar-23.png
+[Rotate counterclockwise]: ./images/control-toolbar-24.png
+[Group]: ./images/control-toolbar-25.png
+[Ungroup]: ./images/control-toolbar-26.png
+[Increase text size]: ./images/control-toolbar-27.png
+[Decrease text size]: ./images/control-toolbar-28.png
+[Fit scene]: ./images/control-toolbar-29.png
+[Preview]: ./images/control-toolbar-32.png
+[Full screen]: ./images/control-toolbar-30.png
+[Toggle property panel]: ./images/control-toolbar-31.png
+
+## Component Toolbar
+
+The toolbar in which has concentrated the component being used in the modeler. If click the required component in the component toolbar, the corresponding component will be added to the modeler.  
+
+- ![arrow][component-arrow] : Change the selection mode and shift mode. It will operate as shift mode during pressing <kbd>Space</kbd>.
+
+- ![line][component-line] : Contain line components
+
+- ![shape][component-shape] : Contain shape components
+
+- ![text media][component-text-media] : Contain text and media components
+
+- ![chart gauge][component-chart-gauge] : Contain chart and gauge components
+
+- ![table][component-table] : Contain table components
+
+- ![container][component-container] : Contain container components.
+
+- ![datasource][component-datasource] : Contain datasource components#datasource-component).
+
+- ![IOT][component-iot] : Contain IOT component
+
+- ![3D][component-3D] : Contain 3D component
+
+- ![warehouse][component-warehouse] : Contain warehouse components.
+
+- ![form][component-form] : Contain form components
+
+- ![etc][component-etc] : Contain other components
+
+[component-toolbar]: ./images/component-toolbar.png
+[component-arrow]: ./images/component-arrow.png
+[component-line]: ./images/component-line.png
+[component-shape]: ./images/component-shape.png
+[component-text-media]: ./images/component-text-media.png
+[component-chart-gauge]: ./images/component-chart-gauge.png
+[component-table]: ./images/component-table.png
+[component-container]: ./images/component-container.png
+[component-datasource]: ./images/component-datasource.png
+[component-iot]: ./images/component-iot.png
+[component-3D]: ./images/component-3D.png
+[component-warehouse]: ./images/component-warehouse.png
+[component-form]: ./images/component-form.png
+[component-etc]: ./images/component-etc.png
+
+## Property Window
+
+It describes about the functions of property window.  
+
+1. ![shape property tab][shape-property-tab]: The property related to the shape of component. You can assign ID, class or specify the width, height, etc.
+
+1. ![style property tab][style-property-tab]: You can specify the property, color, font related to the style of component.
+
+1. ![effect property tab][effect-property-tab]: The property related to the effect of component. You can specify the shadow, animation, click event.
+
+1. ![specific property tab][specific-property-tab]: The specific property of component.
+
+1. ![variable property tab][variable-property-tab]: The property related to the data of Scene.
+
+[property-window]: ./images/property-window.png
+[shape-property-tab]: ./images/shape-property.png
+[style-property-tab]: ./images/style-property.png
+[effect-property-tab]: ./images/effect-property.png
+[specific-property-tab]: ./images/specific-property.png
+[variable-property-tab]: ./images/variable-property.png

package/dist-app/helps/board-modeller/modeller.zh.md

@@ -0,0 +1,241 @@
+# 建模器
+
+## 建模器布局
+
+说明建模器的布局。
+![建模器-布局][layout]
+
+1. 控制工具栏：聚集了控制还原、复制、排序、反转等组件的功能的工具栏。
+
+1. 组件工具栏：聚集了可以被用在建模器的组件的工具栏。
+
+1. 属性窗口：聚集了组件的属性的窗口。
+
+
+[layout]: ./images/modeler-layout-01.png
+
+## 控制工具栏
+
+列出当前正在建模的场景的功能并简化建模所需的功能的工具栏。  
+<span style="font-size: 13px; line-height:30px;">  （如果OS是Mac，请使用<kbd>Ctrl</kbd>键为<kbd class="dark">⌘</kbd>。）</span>
+![控制工具栏][control-toolbar]
+
+1. 撤销![撤销][撤销](<kbd>Ctrl</kbd> + <kbd>Z</kbd>) :  
+  可以恢复用户最终编辑的内容的功能。
+
+1. 重做![重做][重做](<kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>Z</kbd>) :  
+  重新执行通过撤销而取消的操作。
+
+1. 剪切![剪切][剪切](<kbd>Ctrl</kbd> + <kbd>X</kbd>) :  
+  将所选组件复制到剪贴板时，删除当前组件。
+
+1. 复制![复制][复制](<kbd>Ctrl</kbd> + <kbd>C</kbd>) :  
+  将所选组件复制到剪贴板。
+
+1. 粘贴![粘贴][粘贴](<kbd>Ctrl</kbd> + <kbd>V</kbd>) :  
+  将已复制的组件粘贴到剪贴板。
+
+1. 删除![删除][删除](<kbd>Delete</kbd> or <kbd>Backspace</kbd>) :  
+  删除所选组件。
+
+1. 左对齐![左对齐][左对齐](<kbd>Alt</kbd> + <kbd>Shift</kbd> + <kbd>L</kbd>) :  
+  以位于所选组件的最左边的组件为标准，向左对齐组件。
+
+1. 居中对齐![居中对齐][居中对齐](<kbd>Alt</kbd> + <kbd>Shift</kbd> + <kbd>C</kbd>) :  
+  以所选组件的中心坐标为标准，居中对齐组件的X坐标。
+
+1. 右对齐![右对齐][右对齐](<kbd>Alt</kbd> + <kbd>Shift</kbd> + <kbd>R</kbd>) :  
+  以位于所选组件的最右边的组件为标准，向右对齐组件。
+
+1. 上对齐![上对齐][上对齐](<kbd>Alt</kbd> + <kbd>Shift</kbd> + <kbd>T</kbd>) :  
+  以位于所选组件的最上方的组件为标准，向上对齐组件。
+
+1. 居中对齐![居中对齐][居中对齐](<kbd>Alt</kbd> + <kbd>Shift</kbd> + <kbd>M</kbd>) :  
+  以所选组件的中心坐标为标准，居中对齐组件的Y坐标。
+
+1. 下对齐![下对齐][下对齐](<kbd>Alt</kbd> + <kbd>Shift</kbd> + <kbd>B</kbd>) :  
+  以位于所选组件的最下方的组件为标准，向下对齐组件。
+
+1. 水平均布![水平均布][水平均布](<kbd>Alt</kbd> + <kbd>Shift</kbd> + <kbd>H</kbd>) :  
+  根据所选组件在水平方向两端的组件，将每个组件之间调整为相同的宽度。
+
+1. 垂直均布![垂直均布][垂直均布](<kbd>Alt</kbd> + <kbd>Shift</kbd> + <kbd>V</kbd>) :  
+  根据所选组件在垂直方向两端的组件，将每个组件之间调整为相同的高度。
+
+1. 置为顶层![置为顶层][置为顶层](<kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>F</kbd>) :  
+  将所选组件的顺序推到最顶层。
+
+1. 置为底层![置为底层][置为底层](<kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>B</kbd>) :  
+  将所选组件的顺序推到最底层。
+
+1. 前移一层![前移一层][前移一层](<kbd>Ctrl</kbd> + <kbd>F</kbd>) :  
+  将所选组件的顺序向前推动一层。
+
+1. 后移一层![后移一层][后移一层](<kbd>Ctrl</kbd> + <kbd>B</kbd>) :  
+  将所选组件的顺序向后推动一层。
+
+1. 水平翻转![水平翻转][水平翻转](<kbd>Alt</kbd> + <kbd>Shift</kbd> + <kbd>X</kbd>) :  
+  水平翻转所选组件。
+
+1. 垂直翻转![垂直翻转][垂直翻转](<kbd>Alt</kbd> + <kbd>Shift</kbd> + <kbd>Y</kbd>) :  
+  垂直翻转所选组件。
+
+1. 顺时针旋转![顺时针旋转][顺时针旋转](<kbd>Alt</kbd> + <kbd>Shift</kbd> + <kbd>E</kbd>) :  
+  将所选组件顺时针旋转90度。
+
+1. 逆时针旋转![逆时针旋转][逆时针旋转](<kbd>Alt</kbd> + <kbd>Shift</kbd> + <kbd>W</kbd>) :  
+  将所选组件逆时针旋转90度。
+
+1. 打组![打组][打组](<kbd>Ctrl</kbd> + <kbd>G</kbd>) :  
+  打组所选组件。
+
+1. 解组![解组][解组](<kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>G</kbd>) :  
+  取消所选组。
+
+1. 增加文本大小![增加文本大小][增加文本大小](<kbd>Shift</kbd> + <kbd>WheelUp</kbd>) :  
+  增加所选组件的文本大小。
+
+1. 减少文本大小![减少文本大小][减少文本大小](<kbd>Shift</kbd> + <kbd>WheelDown</kbd>) :  
+  减少所选组件的文本大小。
+
+1. 调整画布大小![调整画布大小][调整画布大小](<kbd>Ctrl</kbd> + <kbd>D</kbd>) :  
+  将画布大小调整到画面。
+
+1. 预览![预览][预览](<kbd>Ctrl</kbd> + <kbd>P</kbd>) :  
+  在正在编辑的建模画面上，预览3D组件、动画和其他效果。    
+
+1. 全屏![全屏][全屏](<kbd>F11</kbd>) :  
+  隐藏所有工具栏和属性窗口，将建模画面转换为全屏。
+
+1. 隐藏属性窗口![隐藏属性窗口][隐藏属性窗口](<kbd>Ctrl</kbd> + <kbd>H</kbd>) :  
+  隐藏或显示属性窗口。
+
+
+
+[control-toolbar]: ./images/control-toolbar.png
+
+[撤销]: ./images/control-toolbar-02.png
+
+[重做]: ./images/control-toolbar-03.png
+
+[剪切]: ./images/control-toolbar-04.png
+
+[复制]: ./images/control-toolbar-05.png
+
+[粘贴]: ./images/control-toolbar-06.png
+
+[删除]: ./images/control-toolbar-07.png
+
+[左对齐]: ./images/control-toolbar-09.png
+
+[居中对齐]: ./images/control-toolbar-10.png
+
+[右对齐]: ./images/control-toolbar-11.png
+
+[上对齐]: ./images/control-toolbar-12.png
+
+[居中对齐]: ./images/control-toolbar-13.png
+
+[下对齐]: ./images/control-toolbar-14.png
+
+[水平均布]: ./images/control-toolbar-15.png
+
+[垂直均布]: ./images/control-toolbar-16.png
+
+[置为顶层]: ./images/control-toolbar-17.png
+
+[置为底层]: ./images/control-toolbar-18.png
+
+[前移一层]: ./images/control-toolbar-19.png
+
+[后移一层]: ./images/control-toolbar-20.png
+
+[水平翻转]: ./images/control-toolbar-21.png
+
+[垂直翻转]: ./images/control-toolbar-22.png
+
+[顺时针旋转]: ./images/control-toolbar-23.png
+
+[逆时针旋转]: ./images/control-toolbar-24.png
+
+[打组]: ./images/control-toolbar-25.png
+
+[解组]: ./images/control-toolbar-26.png
+
+[增加文本大小]: ./images/control-toolbar-27.png
+
+[减少文本大小]: ./images/control-toolbar-28.png
+
+[调整画布大小]: ./images/control-toolbar-29.png
+
+[预览]: ./images/control-toolbar-32.png
+
+[全屏]: ./images/control-toolbar-30.png
+
+[隐藏属性窗口]: ./images/control-toolbar-31.png
+
+
+## 组件工具栏
+
+聚集了可以被用于建模器的组件的工具栏。如果在组件工具栏中，点击所需的组件，就会在建模器添加相关组件。  
+
+- ![箭头][component-arrow] : 变更选择模式和移动模式。当按住<kbd>Space</kbd>时，将会动作为移动模式。
+
+- ![线][component-line] : 聚集线组件。
+
+- ![形状][component-shape] : 聚集形状组件。
+
+- ![文本媒体][component-text-media] : 聚集文本媒体组件。
+
+- ![图表仪表][component-chart-gauge] : 聚集图表仪表组件。
+
+- ![表格][component-table] : 聚集表格组件。
+
+- ![集装箱][component-container] : 聚集集装箱组件。
+
+- ![数据源][component-datasource] : 聚集数据源组件。
+
+- ![IOT][component-iot] : 聚集IOT组件。
+
+- ![3D][component-3D] : 聚集3D组件。
+
+- ![仓库][component-warehouse] : 聚集仓库组件。
+
+- ![表单][component-form] : 聚集表单组件。
+
+- ![其他][component-etc] : 聚集其他组件。
+
+[component-toolbar]: ./images/component-toolbar.png
+[component-arrow]: ./images/component-arrow.png
+[component-line]: ./images/component-line.png
+[component-shape]: ./images/component-shape.png
+[component-text-media]: ./images/component-text-media.png
+[component-chart-gauge]: ./images/component-chart-gauge.png
+[component-table]: ./images/component-table.png
+[component-container]: ./images/component-container.png
+[component-datasource]: ./images/component-datasource.png
+[component-iot]: ./images/component-iot.png
+[component-3D]: ./images/component-3D.png
+[component-warehouse]: ./images/component-warehouse.png
+[component-form]: ./images/component-form.png
+[component-etc]: ./images/component-etc.png
+
+## 属性窗口
+说明属性窗口的功能。  
+
+1. ![形状属性页面][shape-property-tab]: 相关组件形状的属性。可以赋予ID、Class或指定宽度、高度。
+
+1. ![样式属性页面][style-property-tab]: 相关组件样式的属性。可以指定颜色、字体等。
+
+1. ![效果属性页面][effect-property-tab]: 相关组件的效果的属性。可以指定阴影、动画、点击时的事件。
+
+1. ![特定属性页面][specific-property-tab]: 组件的固有属性。
+
+1. ![数据属性页面][variable-property-tab]: 相关Scene的数据的属性。
+
+[property-window]: ./images/property-window.png
+[shape-property-tab]: ./images/shape-property.png
+[style-property-tab]: ./images/style-property.png
+[effect-property-tab]: ./images/effect-property.png
+[specific-property-tab]: ./images/specific-property.png
+[variable-property-tab]: ./images/variable-property.png

package/dist-app/helps/board-modeller/shapes/3dish.ko.md

@@ -0,0 +1,17 @@
+# 3D
+
+## Concept
+
+3D 속성을 가질 수 있는 컴포넌트인 경우에 2차원 Dimension 속성 이외에,
+체적을 표현할 수 있는 몇가지 속성을 추가적으로 가질 수 있다.
+
+- Z좌표 : Z축 좌표상의 위치
+- 깊이 : 2차원 좌표상의 넓이 x 높이 외에 Z축상의 깊이 속성을 가질 수 있다
+- X축 회전 : X축상의 회전 각도 - PITCH
+- Y축 회전 : Y축상의 회전 각도 - ROLL
+- Z축 회전 : Z축상의 회전 각도 (2차원 평면상의 회전각도와 동일한 의미) - YAW
+
+## 활용
+
+3D 속성은 각 컴포넌트가 3D 컨테이너안에 포함되었을 때 활용된다.
+대표적인 3D 컨테이너는 Visualizer 이다.

package/dist-app/helps/board-modeller/shapes/3dish.md

@@ -0,0 +1,17 @@
+# 3D
+
+## Concept
+
+In the case of a component that can have 3D properties, in addition to the 2D Dimension property,
+It can have several additional properties that can express the volume.
+
+- Z-coordinate: Position on the Z-axis coordinate
+- Depth: In addition to the width x height on the two-dimensional coordinates, it can have the depth property on the Z-axis.
+- X-axis rotation: rotation angle on the X-axis - PITCH
+- Y-axis rotation: rotation angle on the Y-axis - ROLL
+- Z-axis rotation: Rotation angle on the Z-axis (same meaning as rotation angle on a two-dimensional plane) - YAW
+
+## uses
+
+3D properties are utilized when each component is contained in a 3D container.
+A representative 3D container is Visualizer.

package/dist-app/helps/board-modeller/shapes/3dish.zh.md

@@ -0,0 +1,17 @@
+# 3D
+
+## 概念
+
+对于可以具有 3D 属性的组件，除了 2D Dimension 属性之外，
+它可以有几个可以表示体积的附加属性。
+
+- Z 坐标：Z 轴坐标上的位置
+- 深度：除了二维坐标上的宽 x 高外，还可以有 Z 轴上的深度属性。
+- X 轴旋转：X 轴上的旋转角度 - PITCH
+- Y 轴旋转：Y 轴上的旋转角度 - ROLL
+- Z 轴旋转：Z 轴上的旋转角度（与二维平面上的旋转角度相同） - YAW
+
+## 使用
+
+当每个组件都包含在 3D 容器中时，就会使用 3D 属性。
+具有代表性的 3D 容器是 Visualizer。

package/dist-app/helps/board-modeller/shapes/print-option.ko.md

@@ -0,0 +1,26 @@
+# 라벨 출력
+
+Board 서비스는 렌더링된 보드 이미지를 바코드라벨 프린터에 출력하기 위한 라벨프린터용 커맨드를 동적으로 생성하는 기능을 제공한다.
+라벨프린트 커맨드를 생성할 때 라벨프린팅 출력 방향을 고려해서 엔코딩해야한다.
+
+'라벨 회전' 속성은 출력방향을 설정하기 위한 속성이다.
+
+## 라벨 출력 기능
+
+- ZPL II의 커맨드를 제공한다. 따라서, 라벨프린터 출력 커맨들 사용하기 위해서는 ZPL II 를 지원하는 라벨프린터를 사용해야 한다.
+- 라벨 커맨드를 얻기 위해서는 브라우저에 다음과 같은 방식으로 URL을 조합하여 입력한다.
+  - https://{서버:포트}/domain/{도메인이름}/label-command/{보드 아이디}
+
+```
+[예시]
+https://vis.hatiolab.com/domain/wellstek/label-command/c7149950-f3ce-489d-b88d-d82b67e43122
+```
+
+## 라벨 출력 크기 계산
+
+[보드 크기 설정](./size.md) 참고
+
+- 보드 크기는 출력 픽셀을 의미하므로, 라벨프린터의 해상도에 따라서 폭과 높이를 설정하도록 한다.
+- 폭 10센티미터는 각 해상도(dpi)에 따라 다음과 같이 계산된다.
+  - 203 dpi : 203 dpi x 10 cm / 2.54 ~= 800
+  - 300 dpi : 300 dpi x 10 cm / 2.54 ~= 1181

package/dist-app/helps/board-modeller/shapes/print-option.md

@@ -0,0 +1,26 @@
+# Label Print
+
+Board service provides a function to dynamically generate commands for label printers to output rendered board images to barcode label printers.
+When creating a label print command, it must be encoded in consideration of the label printing output direction.
+
+The 'label rotation' property is a property to set the output direction.
+
+## Label printing function
+
+- Provides ZPL II commands. Therefore, in order to use the label printer output commands, a label printer supporting ZPL II must be used.
+- To get the label command, enter the URL in the browser in the following way.
+  - https://{server:port}/domain/{domain name}/label-command/{board ID}
+
+```
+[example]
+https://vis.hatiolab.com/domain/wellstek/label-command/c7149950-f3ce-489d-b88d-d82b67e43122
+```
+
+## Calculate label print size
+
+See [Set board size](./size.md)
+
+- Since the board size means output pixels, set the width and height according to the resolution of the label printer.
+- The width of 10 centimeters is calculated as follows according to each resolution (dpi).
+  - 203 dpi : 203 dpi x 10 cm / 2.54 ~= 800
+  - 300 dpi : 300 dpi x 10 cm / 2.54 ~= 1181

package/dist-app/helps/board-modeller/shapes/print-option.zh.md

@@ -0,0 +1,26 @@
+# 打印标签
+
+Board 服务提供了一种功能，可以为标签打印机动态生成命令，以将渲染的电路板图像输出到条形码标签打印机。
+创建标签打印命令时，必须考虑标签打印输出方向对其进行编码。
+
+“标签旋转”属性是设置输出方向的属性。
+
+##标签打印功能
+
+- 提供 ZPL II 命令。因此，为了使用标签打印机输出命令，必须使用支持 ZPL II 的标签打印机。
+- 要获取标签命令，请按以下方式在浏览器中输入 URL。
+  - https://{server:port}/domain/{域名}/label-command/{board ID}
+
+```
+[例子]
+https://vis.hatiolab.com/domain/wellstek/label-command/c7149950-f3ce-489d-b88d-d82b67e43122
+```
+
+## 计算标签输出大小
+
+请参阅[设置板尺寸](./size.md)
+
+- 由于电路板尺寸是指输出像素，因此请根据标签打印机的分辨率设置宽度和高度。
+- 10 厘米的宽度根据每个分辨率 (dpi) 计算如下。
+  - 203 dpi：203 dpi x 10 cm / 2.54 ~= 800
+  - 300 dpi：300 dpi x 10 cm / 2.54 ~= 1181

package/dist-app/helps/board-modeller/shapes/shapes.ko.md

@@ -0,0 +1,19 @@
+# shapes
+
+1. ID : 컴포넌트의 ID를 설정한다.
+1. 클래스 : 컴포넌트의 클래스를 설정한다.
+1. 텍스트 : 컴포넌트의 텍스트를 설정한다. 해당 컴포넌트를 더블클릭해도 입력이 가능하다.
+1. 텍스트 형식 : 텍스트의 형식을 설정한다.
+
+- \# : 숫자형식 (값 또는 소수점 이하의 값이 0이면 표시하지 않는다.)
+- 0 : 숫자형식
+- , : 자리수 표현
+- . : 소수점 표현
+
+1. 숨김 : 컴포넌트를 숨긴다.
+1. 위치고정 : 컴포넌트의 위치를 고정시킨다.
+1. 크기
+
+- 너비 : 컴포넌트의 너비를 설정한다.
+- 높이 : 컴포넌트의 높이를 설정한다.
+- 회전 : 컴포넌트를 회전시킨다. (양수는 시계방향으로, 음수는 시계 반대방향으로 회전한다.)

package/dist-app/helps/board-modeller/shapes/shapes.md

@@ -0,0 +1,21 @@
+# shapes
+
+It describes the property about text and area.
+
+1. ID: Set component ID.
+1. Class: Set the class of component.
+1. Text: Specify the text of component. It can be entered even if double click the corresponding component.
+1. Text format: Set the format of text.
+
+- \# : Numeric format (If the value or the value of the decimal is 0, it will not be displayed.)
+- 0 : Numeric format.
+- , : The expression of digit number.
+- . : The expression of decimal.
+
+1. Hide: Hide the component.
+1. Position Fixing: Fix the position of the component.
+1. Size
+
+- Width: Set the width of component.
+- Height: Set the height of component.
+- Rotation: Rotate the component. (If a positive number, it will rotate in a clockwise direction, and if a negative number, it will rotate in a counterclockwise direction.)

package/dist-app/helps/board-modeller/shapes/shapes.zh.md

@@ -0,0 +1,19 @@
+# 共同属性
+
+1. ID: 设置组件的 ID。
+1. 类：设置组件的类。
+1. 文本：指定组件的文本。即使双击相关组件，也可以进行输入。
+1. 文本格式：设置文本的格式。
+
+- \# : 数字格式（如果值或小数点以下的值是 0，就不进行显示。）
+- 0 : 数字格式
+- , : 位数的表达
+- . : 小数点的表达
+
+1. 隐藏：隐藏组件。
+1. 位置固定：固定组件的位置。
+1. 大小
+
+- 宽度：设置组件的宽度。
+- 高度：设置组件的高度。
+- 旋转：旋转组件。（如果是正数，就按顺时针方向旋转，而如果是负数，则按逆时针方向旋转。）

package/dist-app/helps/board-modeller/shapes/size.ko.md

@@ -0,0 +1,8 @@
+# 크기
+
+보드 크기의 단위는 디스플레이 픽셀이다.
+따라서, 보드가 디스플레이되거나 프린트될 대상 디바이스의 크기에 맞추는 것이 가장 효율적이다.
+
+1. 넓이 : Board넓이
+2. 높이 : Board높이
+3. Rotate: 컴포넌트 회전 각도

package/dist-app/helps/board-modeller/shapes/size.md

@@ -0,0 +1,8 @@
+# Size
+
+The unit of board size is the display pixel.
+Therefore, it is most efficient to fit the size of the target device on which the board is to be displayed or printed.
+
+1. Width : Board Width
+2. Height : Board Height
+3. Rotate : component rotation angle