@optimajet/workflow-designer 0.0.20 → 5.2.2
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/README.md +16 -4
- package/dist/workflowdesigner.min.css +38 -11
- package/dist/workflowdesignerfull.min.js +3 -3
- package/localization/{readme.txt → readme.md} +10 -10
- package/localization/workflowdesigner.localization_de.js +124 -67
- package/localization/workflowdesigner.localization_en.js +262 -280
- package/localization/workflowdesigner.localization_es.js +124 -67
- package/localization/workflowdesigner.localization_fr.js +124 -67
- package/localization/workflowdesigner.localization_it.js +124 -67
- package/localization/workflowdesigner.localization_pt.js +123 -66
- package/localization/workflowdesigner.localization_ru.js +121 -63
- package/localization/workflowdesigner.localization_tr.js +124 -67
- package/package.json +19 -7
package/README.md
CHANGED
|
@@ -11,7 +11,7 @@ To run the example below, you should create the WorkflowEngine backend capable o
|
|
|
11
11
|
## Installation
|
|
12
12
|
|
|
13
13
|
```shell
|
|
14
|
-
|
|
14
|
+
npm install @optimajet/workflow-designer
|
|
15
15
|
```
|
|
16
16
|
|
|
17
17
|
## Basic Usage
|
|
@@ -87,13 +87,13 @@ This section checks whether the above data exist and available for loading and d
|
|
|
87
87
|
We use the webpack package to build our example.
|
|
88
88
|
|
|
89
89
|
```shell
|
|
90
|
-
|
|
90
|
+
npm i -D webpack webpack-cli
|
|
91
91
|
```
|
|
92
92
|
|
|
93
93
|
Next, add the packages necessary for the correct webpack setup
|
|
94
94
|
|
|
95
95
|
```shell
|
|
96
|
-
|
|
96
|
+
npm i -D @babel/preset-env @babel/core babel-loader css-loader html-webpack-plugin mini-css-extract-plugin uglifyjs-webpack-plugin
|
|
97
97
|
```
|
|
98
98
|
|
|
99
99
|
The basic webpack configuration looks like this:
|
|
@@ -151,7 +151,7 @@ module.exports = () => ({
|
|
|
151
151
|
To support successful performance of the designer in IE11, we should slightly modify the webpack configuration in `webpack.config.js`, but first we should add another package to transpile and modify our JavaScript.
|
|
152
152
|
|
|
153
153
|
```shell
|
|
154
|
-
|
|
154
|
+
npm i -D @babel/plugin-proposal-decorators
|
|
155
155
|
```
|
|
156
156
|
|
|
157
157
|
Now, add the `target: ['web', 'es5']` property in the webpack config, and change the `babel-loader` rule in`module.rules` to the following:
|
|
@@ -215,3 +215,15 @@ module.exports = function (api) {
|
|
|
215
215
|
```
|
|
216
216
|
|
|
217
217
|
The configuration is completed successfully, so you can enjoy using the WorkflowDesigner in IE11.
|
|
218
|
+
|
|
219
|
+
## Hotkeys:
|
|
220
|
+
Ctrl + A - Select All
|
|
221
|
+
Ctrl + C - Copy selected items
|
|
222
|
+
Ctrl + E - New Activity
|
|
223
|
+
Ctrl + I - Extended info
|
|
224
|
+
Ctrl + Y - Redo
|
|
225
|
+
Ctrl + Z - Undo
|
|
226
|
+
Arrows - Moving selected items
|
|
227
|
+
Delete - Delete
|
|
228
|
+
Alt + Enter - Full Screen Mode
|
|
229
|
+
Ctrl + M - Move mode
|
|
@@ -78,17 +78,30 @@ font-weight:400;font-display:"auto";font-style:normal}[class*=" el-icon-"],[clas
|
|
|
78
78
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
79
79
|
}
|
|
80
80
|
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
81
|
+
.WorkflowDesignerContainer {
|
|
82
|
+
margin: 0;
|
|
83
|
+
padding: 0;
|
|
84
|
+
font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
|
|
85
|
+
font-size: 14px;
|
|
86
|
+
line-height: 1.4285em;
|
|
87
|
+
font-smoothing: antialiased
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
.WorkflowDesignerContainer h3 {
|
|
91
|
+
font-size: 18px
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
.WorkflowDesignerContainer h4 {
|
|
95
|
+
font-size: 14px;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
.WorkflowDesignerContainer h1:first-child,
|
|
99
|
+
.WorkflowDesignerContainer h2:first-child,
|
|
100
|
+
.WorkflowDesignerContainer h3:first-child,
|
|
101
|
+
.WorkflowDesignerContainer h4:first-child,
|
|
102
|
+
.WorkflowDesignerContainer h5:first-child {
|
|
103
|
+
margin-top: 0
|
|
104
|
+
}
|
|
92
105
|
|
|
93
106
|
|
|
94
107
|
div.workflowenginecontainerstage {
|
|
@@ -687,6 +700,16 @@ button.WorkflowDesignerToolbarButtonActive.el-button:focus {
|
|
|
687
700
|
padding-left: 26px;
|
|
688
701
|
}
|
|
689
702
|
|
|
703
|
+
.TwoItemRow {
|
|
704
|
+
display: flex;
|
|
705
|
+
width: 100%;
|
|
706
|
+
}
|
|
707
|
+
|
|
708
|
+
.TwoItemRow > * {
|
|
709
|
+
flex: 1;
|
|
710
|
+
min-width: 40%;
|
|
711
|
+
}
|
|
712
|
+
|
|
690
713
|
.SpacedRow {
|
|
691
714
|
display: flex;
|
|
692
715
|
flex-wrap: wrap;
|
|
@@ -913,4 +936,8 @@ div.SpacedRow > div:not(:last-child){
|
|
|
913
936
|
100% {
|
|
914
937
|
transform: rotate(360deg);
|
|
915
938
|
}
|
|
939
|
+
}
|
|
940
|
+
|
|
941
|
+
table .el-form-item {
|
|
942
|
+
margin-bottom: 0;
|
|
916
943
|
}
|