@sankhyalabs/ezui-docs 6.1.0-dev.4 → 6.1.0-dev.5
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/components/ez-check/readme.md +2 -0
- package/components/ez-form/readme.md +23 -0
- package/components/ez-form-view/readme.md +24 -0
- package/components/ez-icon/readme.md +4 -0
- package/components/ez-modal-container/readme.md +7 -0
- package/components/ez-popup/readme.md +15 -0
- package/components/ez-rich-text/ez-link-builder/readme.md +69 -0
- package/components/ez-rich-text/ez-rich-toolbar/ez-rich-toolbar-arrows/readme.md +29 -0
- package/components/ez-rich-text/ez-rich-toolbar/ez-rich-toolbar-configs/readme.md +29 -0
- package/components/ez-rich-text/ez-rich-toolbar/ez-rich-toolbar-item/readme.md +49 -0
- package/components/ez-rich-text/ez-rich-toolbar/ez-rich-toolbar-letters/readme.md +29 -0
- package/components/ez-rich-text/ez-rich-toolbar/readme.md +54 -0
- package/components/ez-rich-text/ez-simple-image-uploader/readme.md +78 -0
- package/components/ez-rich-text/readme.md +111 -0
- package/components/ez-text-area/readme.md +2 -0
- package/components/ez-text-input/readme.md +4 -0
- package/components/ez-tooltip/readme.md +2 -0
- package/package.json +1 -1
|
@@ -53,6 +53,7 @@ Type: `Promise<void>`
|
|
|
53
53
|
### Used by
|
|
54
54
|
|
|
55
55
|
- [ez-form-view](../ez-form-view)
|
|
56
|
+
- [ez-link-builder](../ez-rich-text/ez-link-builder)
|
|
56
57
|
- [ez-list](../ez-list)
|
|
57
58
|
- [ez-multi-selection-list](../ez-multi-selection-list)
|
|
58
59
|
|
|
@@ -60,6 +61,7 @@ Type: `Promise<void>`
|
|
|
60
61
|
```mermaid
|
|
61
62
|
graph TD;
|
|
62
63
|
ez-form-view --> ez-check
|
|
64
|
+
ez-link-builder --> ez-check
|
|
63
65
|
ez-list --> ez-check
|
|
64
66
|
ez-multi-selection-list --> ez-check
|
|
65
67
|
style ez-check fill:#f9f,stroke:#333,stroke-width:4px
|
|
@@ -91,6 +91,7 @@ graph TD;
|
|
|
91
91
|
ez-form-view --> ez-text-input
|
|
92
92
|
ez-form-view --> ez-search-plus
|
|
93
93
|
ez-form-view --> ez-search
|
|
94
|
+
ez-form-view --> ez-rich-text
|
|
94
95
|
ez-collapsible-box --> ez-icon
|
|
95
96
|
ez-collapsible-box --> ez-text-edit
|
|
96
97
|
ez-text-edit --> ez-text-input
|
|
@@ -123,6 +124,28 @@ graph TD;
|
|
|
123
124
|
ez-search --> ez-popover-plus
|
|
124
125
|
ez-search --> search-list
|
|
125
126
|
search-list --> ez-card-item
|
|
127
|
+
ez-rich-text --> ez-text-area
|
|
128
|
+
ez-rich-text --> ez-rich-toolbar
|
|
129
|
+
ez-rich-text --> ez-link-builder
|
|
130
|
+
ez-rich-text --> ez-simple-image-uploader
|
|
131
|
+
ez-rich-toolbar --> ez-rich-toolbar-arrows
|
|
132
|
+
ez-rich-toolbar --> ez-rich-toolbar-letters
|
|
133
|
+
ez-rich-toolbar --> ez-rich-toolbar-configs
|
|
134
|
+
ez-rich-toolbar-arrows --> ez-rich-toolbar-item
|
|
135
|
+
ez-rich-toolbar-item --> ez-icon
|
|
136
|
+
ez-rich-toolbar-letters --> ez-rich-toolbar-item
|
|
137
|
+
ez-rich-toolbar-configs --> ez-rich-toolbar-item
|
|
138
|
+
ez-link-builder --> ez-popup
|
|
139
|
+
ez-link-builder --> ez-modal-container
|
|
140
|
+
ez-link-builder --> ez-text-input
|
|
141
|
+
ez-link-builder --> ez-check
|
|
142
|
+
ez-modal-container --> ez-icon
|
|
143
|
+
ez-modal-container --> ez-button
|
|
144
|
+
ez-simple-image-uploader --> ez-popup
|
|
145
|
+
ez-simple-image-uploader --> ez-modal-container
|
|
146
|
+
ez-simple-image-uploader --> ez-tooltip
|
|
147
|
+
ez-simple-image-uploader --> ez-text-input
|
|
148
|
+
ez-simple-image-uploader --> ez-icon
|
|
126
149
|
style ez-form fill:#f9f,stroke:#333,stroke-width:4px
|
|
127
150
|
```
|
|
128
151
|
|
|
@@ -76,6 +76,7 @@ Type: `Promise<void>`
|
|
|
76
76
|
- [ez-text-input](../ez-text-input)
|
|
77
77
|
- [ez-search-plus](../ez-search-plus)
|
|
78
78
|
- [ez-search](../ez-search)
|
|
79
|
+
- [ez-rich-text](../ez-rich-text)
|
|
79
80
|
|
|
80
81
|
### Graph
|
|
81
82
|
```mermaid
|
|
@@ -93,6 +94,7 @@ graph TD;
|
|
|
93
94
|
ez-form-view --> ez-text-input
|
|
94
95
|
ez-form-view --> ez-search-plus
|
|
95
96
|
ez-form-view --> ez-search
|
|
97
|
+
ez-form-view --> ez-rich-text
|
|
96
98
|
ez-collapsible-box --> ez-icon
|
|
97
99
|
ez-collapsible-box --> ez-text-edit
|
|
98
100
|
ez-text-edit --> ez-text-input
|
|
@@ -125,6 +127,28 @@ graph TD;
|
|
|
125
127
|
ez-search --> ez-popover-plus
|
|
126
128
|
ez-search --> search-list
|
|
127
129
|
search-list --> ez-card-item
|
|
130
|
+
ez-rich-text --> ez-text-area
|
|
131
|
+
ez-rich-text --> ez-rich-toolbar
|
|
132
|
+
ez-rich-text --> ez-link-builder
|
|
133
|
+
ez-rich-text --> ez-simple-image-uploader
|
|
134
|
+
ez-rich-toolbar --> ez-rich-toolbar-arrows
|
|
135
|
+
ez-rich-toolbar --> ez-rich-toolbar-letters
|
|
136
|
+
ez-rich-toolbar --> ez-rich-toolbar-configs
|
|
137
|
+
ez-rich-toolbar-arrows --> ez-rich-toolbar-item
|
|
138
|
+
ez-rich-toolbar-item --> ez-icon
|
|
139
|
+
ez-rich-toolbar-letters --> ez-rich-toolbar-item
|
|
140
|
+
ez-rich-toolbar-configs --> ez-rich-toolbar-item
|
|
141
|
+
ez-link-builder --> ez-popup
|
|
142
|
+
ez-link-builder --> ez-modal-container
|
|
143
|
+
ez-link-builder --> ez-text-input
|
|
144
|
+
ez-link-builder --> ez-check
|
|
145
|
+
ez-modal-container --> ez-icon
|
|
146
|
+
ez-modal-container --> ez-button
|
|
147
|
+
ez-simple-image-uploader --> ez-popup
|
|
148
|
+
ez-simple-image-uploader --> ez-modal-container
|
|
149
|
+
ez-simple-image-uploader --> ez-tooltip
|
|
150
|
+
ez-simple-image-uploader --> ez-text-input
|
|
151
|
+
ez-simple-image-uploader --> ez-icon
|
|
128
152
|
ez-form --> ez-form-view
|
|
129
153
|
style ez-form-view fill:#f9f,stroke:#333,stroke-width:4px
|
|
130
154
|
```
|
|
@@ -35,9 +35,11 @@
|
|
|
35
35
|
- [ez-grid](../ez-grid)
|
|
36
36
|
- [ez-modal-container](../ez-modal-container)
|
|
37
37
|
- [ez-multi-selection-list](../ez-multi-selection-list)
|
|
38
|
+
- [ez-rich-toolbar-item](../ez-rich-text/ez-rich-toolbar/ez-rich-toolbar-item)
|
|
38
39
|
- [ez-search](../ez-search)
|
|
39
40
|
- [ez-search-plus](../ez-search-plus)
|
|
40
41
|
- [ez-sidebar-button](../ez-sidebar-button)
|
|
42
|
+
- [ez-simple-image-uploader](../ez-rich-text/ez-simple-image-uploader)
|
|
41
43
|
- [ez-split-button](../ez-split-button)
|
|
42
44
|
- [ez-tabselector](../ez-tabselector)
|
|
43
45
|
- [ez-text-input](../ez-text-input)
|
|
@@ -63,9 +65,11 @@ graph TD;
|
|
|
63
65
|
ez-grid --> ez-icon
|
|
64
66
|
ez-modal-container --> ez-icon
|
|
65
67
|
ez-multi-selection-list --> ez-icon
|
|
68
|
+
ez-rich-toolbar-item --> ez-icon
|
|
66
69
|
ez-search --> ez-icon
|
|
67
70
|
ez-search-plus --> ez-icon
|
|
68
71
|
ez-sidebar-button --> ez-icon
|
|
72
|
+
ez-simple-image-uploader --> ez-icon
|
|
69
73
|
ez-split-button --> ez-icon
|
|
70
74
|
ez-tabselector --> ez-icon
|
|
71
75
|
ez-text-input --> ez-icon
|
|
@@ -28,6 +28,11 @@
|
|
|
28
28
|
|
|
29
29
|
## Dependencies
|
|
30
30
|
|
|
31
|
+
### Used by
|
|
32
|
+
|
|
33
|
+
- [ez-link-builder](../ez-rich-text/ez-link-builder)
|
|
34
|
+
- [ez-simple-image-uploader](../ez-rich-text/ez-simple-image-uploader)
|
|
35
|
+
|
|
31
36
|
### Depends on
|
|
32
37
|
|
|
33
38
|
- [ez-icon](../ez-icon)
|
|
@@ -39,6 +44,8 @@ graph TD;
|
|
|
39
44
|
ez-modal-container --> ez-icon
|
|
40
45
|
ez-modal-container --> ez-button
|
|
41
46
|
ez-button --> ez-icon
|
|
47
|
+
ez-link-builder --> ez-modal-container
|
|
48
|
+
ez-simple-image-uploader --> ez-modal-container
|
|
42
49
|
style ez-modal-container fill:#f9f,stroke:#333,stroke-width:4px
|
|
43
50
|
```
|
|
44
51
|
|
|
@@ -25,6 +25,21 @@
|
|
|
25
25
|
| `ezPopupAction` | Evento emitido ao clicar no botão de fechar (ezPopupAction = OK) | `CustomEvent<string>` |
|
|
26
26
|
|
|
27
27
|
|
|
28
|
+
## Dependencies
|
|
29
|
+
|
|
30
|
+
### Used by
|
|
31
|
+
|
|
32
|
+
- [ez-link-builder](../ez-rich-text/ez-link-builder)
|
|
33
|
+
- [ez-simple-image-uploader](../ez-rich-text/ez-simple-image-uploader)
|
|
34
|
+
|
|
35
|
+
### Graph
|
|
36
|
+
```mermaid
|
|
37
|
+
graph TD;
|
|
38
|
+
ez-link-builder --> ez-popup
|
|
39
|
+
ez-simple-image-uploader --> ez-popup
|
|
40
|
+
style ez-popup fill:#f9f,stroke:#333,stroke-width:4px
|
|
41
|
+
```
|
|
42
|
+
|
|
28
43
|
----------------------------------------------
|
|
29
44
|
|
|
30
45
|
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
# ez-link-builder
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Events
|
|
9
|
+
|
|
10
|
+
| Event | Description | Type |
|
|
11
|
+
| ----------------------- | ----------- | --------------------------------- |
|
|
12
|
+
| `executeToolbarCommand` | | `CustomEvent<RichToolbarCommand>` |
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
## Methods
|
|
16
|
+
|
|
17
|
+
### `hide() => Promise<void>`
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
#### Returns
|
|
22
|
+
|
|
23
|
+
Type: `Promise<void>`
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
### `show(text?: string) => Promise<void>`
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
#### Returns
|
|
32
|
+
|
|
33
|
+
Type: `Promise<void>`
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
## Dependencies
|
|
39
|
+
|
|
40
|
+
### Used by
|
|
41
|
+
|
|
42
|
+
- [ez-rich-text](..)
|
|
43
|
+
|
|
44
|
+
### Depends on
|
|
45
|
+
|
|
46
|
+
- [ez-popup](../../ez-popup)
|
|
47
|
+
- [ez-modal-container](../../ez-modal-container)
|
|
48
|
+
- [ez-text-input](../../ez-text-input)
|
|
49
|
+
- [ez-check](../../ez-check)
|
|
50
|
+
|
|
51
|
+
### Graph
|
|
52
|
+
```mermaid
|
|
53
|
+
graph TD;
|
|
54
|
+
ez-link-builder --> ez-popup
|
|
55
|
+
ez-link-builder --> ez-modal-container
|
|
56
|
+
ez-link-builder --> ez-text-input
|
|
57
|
+
ez-link-builder --> ez-check
|
|
58
|
+
ez-modal-container --> ez-icon
|
|
59
|
+
ez-modal-container --> ez-button
|
|
60
|
+
ez-button --> ez-icon
|
|
61
|
+
ez-text-input --> ez-tooltip
|
|
62
|
+
ez-text-input --> ez-icon
|
|
63
|
+
ez-rich-text --> ez-link-builder
|
|
64
|
+
style ez-link-builder fill:#f9f,stroke:#333,stroke-width:4px
|
|
65
|
+
```
|
|
66
|
+
|
|
67
|
+
----------------------------------------------
|
|
68
|
+
|
|
69
|
+
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
# ez-rich-toolbar-arrows
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Dependencies
|
|
9
|
+
|
|
10
|
+
### Used by
|
|
11
|
+
|
|
12
|
+
- [ez-rich-toolbar](..)
|
|
13
|
+
|
|
14
|
+
### Depends on
|
|
15
|
+
|
|
16
|
+
- [ez-rich-toolbar-item](../ez-rich-toolbar-item)
|
|
17
|
+
|
|
18
|
+
### Graph
|
|
19
|
+
```mermaid
|
|
20
|
+
graph TD;
|
|
21
|
+
ez-rich-toolbar-arrows --> ez-rich-toolbar-item
|
|
22
|
+
ez-rich-toolbar-item --> ez-icon
|
|
23
|
+
ez-rich-toolbar --> ez-rich-toolbar-arrows
|
|
24
|
+
style ez-rich-toolbar-arrows fill:#f9f,stroke:#333,stroke-width:4px
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
----------------------------------------------
|
|
28
|
+
|
|
29
|
+
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
# ez-rich-toolbar-configs
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Dependencies
|
|
9
|
+
|
|
10
|
+
### Used by
|
|
11
|
+
|
|
12
|
+
- [ez-rich-toolbar](..)
|
|
13
|
+
|
|
14
|
+
### Depends on
|
|
15
|
+
|
|
16
|
+
- [ez-rich-toolbar-item](../ez-rich-toolbar-item)
|
|
17
|
+
|
|
18
|
+
### Graph
|
|
19
|
+
```mermaid
|
|
20
|
+
graph TD;
|
|
21
|
+
ez-rich-toolbar-configs --> ez-rich-toolbar-item
|
|
22
|
+
ez-rich-toolbar-item --> ez-icon
|
|
23
|
+
ez-rich-toolbar --> ez-rich-toolbar-configs
|
|
24
|
+
style ez-rich-toolbar-configs fill:#f9f,stroke:#333,stroke-width:4px
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
----------------------------------------------
|
|
28
|
+
|
|
29
|
+
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
# ez-rich-toolbar-item
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Properties
|
|
9
|
+
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| --------- | --------- | ----------- | -------- | ----------- |
|
|
12
|
+
| `command` | `command` | | `string` | `undefined` |
|
|
13
|
+
| `icon` | `icon` | | `string` | `undefined` |
|
|
14
|
+
| `title` | `title` | | `string` | `undefined` |
|
|
15
|
+
| `value` | `value` | | `string` | `undefined` |
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
## Events
|
|
19
|
+
|
|
20
|
+
| Event | Description | Type |
|
|
21
|
+
| ----------------- | ----------- | --------------------------------- |
|
|
22
|
+
| `actionTriggered` | | `CustomEvent<RichToolbarCommand>` |
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
## Dependencies
|
|
26
|
+
|
|
27
|
+
### Used by
|
|
28
|
+
|
|
29
|
+
- [ez-rich-toolbar-arrows](../ez-rich-toolbar-arrows)
|
|
30
|
+
- [ez-rich-toolbar-configs](../ez-rich-toolbar-configs)
|
|
31
|
+
- [ez-rich-toolbar-letters](../ez-rich-toolbar-letters)
|
|
32
|
+
|
|
33
|
+
### Depends on
|
|
34
|
+
|
|
35
|
+
- [ez-icon](../../../ez-icon)
|
|
36
|
+
|
|
37
|
+
### Graph
|
|
38
|
+
```mermaid
|
|
39
|
+
graph TD;
|
|
40
|
+
ez-rich-toolbar-item --> ez-icon
|
|
41
|
+
ez-rich-toolbar-arrows --> ez-rich-toolbar-item
|
|
42
|
+
ez-rich-toolbar-configs --> ez-rich-toolbar-item
|
|
43
|
+
ez-rich-toolbar-letters --> ez-rich-toolbar-item
|
|
44
|
+
style ez-rich-toolbar-item fill:#f9f,stroke:#333,stroke-width:4px
|
|
45
|
+
```
|
|
46
|
+
|
|
47
|
+
----------------------------------------------
|
|
48
|
+
|
|
49
|
+
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
# ez-rich-toolbar-letters
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Dependencies
|
|
9
|
+
|
|
10
|
+
### Used by
|
|
11
|
+
|
|
12
|
+
- [ez-rich-toolbar](..)
|
|
13
|
+
|
|
14
|
+
### Depends on
|
|
15
|
+
|
|
16
|
+
- [ez-rich-toolbar-item](../ez-rich-toolbar-item)
|
|
17
|
+
|
|
18
|
+
### Graph
|
|
19
|
+
```mermaid
|
|
20
|
+
graph TD;
|
|
21
|
+
ez-rich-toolbar-letters --> ez-rich-toolbar-item
|
|
22
|
+
ez-rich-toolbar-item --> ez-icon
|
|
23
|
+
ez-rich-toolbar --> ez-rich-toolbar-letters
|
|
24
|
+
style ez-rich-toolbar-letters fill:#f9f,stroke:#333,stroke-width:4px
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
----------------------------------------------
|
|
28
|
+
|
|
29
|
+
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
# ez-rich-toolbar
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Properties
|
|
9
|
+
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ---------------- | ------------------ | --------------------------------------------------------------------------------------------------- | --------- | ------- |
|
|
12
|
+
| `isPreviewMode` | `is-preview-mode` | Informa se o editor está em modo preview. | `boolean` | `false` |
|
|
13
|
+
| `showConfigs` | `show-configs` | Informa se as opções de configurações (lista, imagem e link) devem ser apresentadas. | `boolean` | `true` |
|
|
14
|
+
| `showPreview` | `show-preview` | Informa se as opções a opção de pré-visualização deve ser apresentada. | `boolean` | `true` |
|
|
15
|
+
| `showTextFormat` | `show-text-format` | Informa se as opções de formatação de texto (itálico, sublinhado e negrito) devem ser apresentadas. | `boolean` | `true` |
|
|
16
|
+
| `showUndoRedo` | `show-undo-redo` | Informa se as opções de desfazer e refazer devem ser apresentadas. | `boolean` | `true` |
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
## Events
|
|
20
|
+
|
|
21
|
+
| Event | Description | Type |
|
|
22
|
+
| ----------------------- | ----------- | --------------------------------- |
|
|
23
|
+
| `executeToolbarCommand` | | `CustomEvent<RichToolbarCommand>` |
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
## Dependencies
|
|
27
|
+
|
|
28
|
+
### Used by
|
|
29
|
+
|
|
30
|
+
- [ez-rich-text](..)
|
|
31
|
+
|
|
32
|
+
### Depends on
|
|
33
|
+
|
|
34
|
+
- [ez-rich-toolbar-arrows](ez-rich-toolbar-arrows)
|
|
35
|
+
- [ez-rich-toolbar-letters](ez-rich-toolbar-letters)
|
|
36
|
+
- [ez-rich-toolbar-configs](ez-rich-toolbar-configs)
|
|
37
|
+
|
|
38
|
+
### Graph
|
|
39
|
+
```mermaid
|
|
40
|
+
graph TD;
|
|
41
|
+
ez-rich-toolbar --> ez-rich-toolbar-arrows
|
|
42
|
+
ez-rich-toolbar --> ez-rich-toolbar-letters
|
|
43
|
+
ez-rich-toolbar --> ez-rich-toolbar-configs
|
|
44
|
+
ez-rich-toolbar-arrows --> ez-rich-toolbar-item
|
|
45
|
+
ez-rich-toolbar-item --> ez-icon
|
|
46
|
+
ez-rich-toolbar-letters --> ez-rich-toolbar-item
|
|
47
|
+
ez-rich-toolbar-configs --> ez-rich-toolbar-item
|
|
48
|
+
ez-rich-text --> ez-rich-toolbar
|
|
49
|
+
style ez-rich-toolbar fill:#f9f,stroke:#333,stroke-width:4px
|
|
50
|
+
```
|
|
51
|
+
|
|
52
|
+
----------------------------------------------
|
|
53
|
+
|
|
54
|
+
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
# ez-simple-image-uploader
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Properties
|
|
9
|
+
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| --------- | ---------- | ---------------------------------------------------- | -------- | ------- |
|
|
12
|
+
| `maxSize` | `max-size` | Tamanho máximo que a imagem poderá ter em kilobytes. | `number` | `500` |
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
## Events
|
|
16
|
+
|
|
17
|
+
| Event | Description | Type |
|
|
18
|
+
| ----------------------- | ----------- | --------------------------------- |
|
|
19
|
+
| `executeToolbarCommand` | | `CustomEvent<RichToolbarCommand>` |
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
## Methods
|
|
23
|
+
|
|
24
|
+
### `hide() => Promise<void>`
|
|
25
|
+
|
|
26
|
+
Método responsável pelo fechamento do popup.
|
|
27
|
+
|
|
28
|
+
#### Returns
|
|
29
|
+
|
|
30
|
+
Type: `Promise<void>`
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
### `show() => Promise<void>`
|
|
35
|
+
|
|
36
|
+
Método responsável pela abertura do popup.
|
|
37
|
+
|
|
38
|
+
#### Returns
|
|
39
|
+
|
|
40
|
+
Type: `Promise<void>`
|
|
41
|
+
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
|
|
45
|
+
## Dependencies
|
|
46
|
+
|
|
47
|
+
### Used by
|
|
48
|
+
|
|
49
|
+
- [ez-rich-text](..)
|
|
50
|
+
|
|
51
|
+
### Depends on
|
|
52
|
+
|
|
53
|
+
- [ez-popup](../../ez-popup)
|
|
54
|
+
- [ez-modal-container](../../ez-modal-container)
|
|
55
|
+
- [ez-tooltip](../../ez-tooltip)
|
|
56
|
+
- [ez-text-input](../../ez-text-input)
|
|
57
|
+
- [ez-icon](../../ez-icon)
|
|
58
|
+
|
|
59
|
+
### Graph
|
|
60
|
+
```mermaid
|
|
61
|
+
graph TD;
|
|
62
|
+
ez-simple-image-uploader --> ez-popup
|
|
63
|
+
ez-simple-image-uploader --> ez-modal-container
|
|
64
|
+
ez-simple-image-uploader --> ez-tooltip
|
|
65
|
+
ez-simple-image-uploader --> ez-text-input
|
|
66
|
+
ez-simple-image-uploader --> ez-icon
|
|
67
|
+
ez-modal-container --> ez-icon
|
|
68
|
+
ez-modal-container --> ez-button
|
|
69
|
+
ez-button --> ez-icon
|
|
70
|
+
ez-text-input --> ez-tooltip
|
|
71
|
+
ez-text-input --> ez-icon
|
|
72
|
+
ez-rich-text --> ez-simple-image-uploader
|
|
73
|
+
style ez-simple-image-uploader fill:#f9f,stroke:#333,stroke-width:4px
|
|
74
|
+
```
|
|
75
|
+
|
|
76
|
+
----------------------------------------------
|
|
77
|
+
|
|
78
|
+
|
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
# ez-rich-text
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
<!-- Auto Generated Below -->
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
## Properties
|
|
9
|
+
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ---------------- | ------------------ | -------------------------------------------------------------------------------------------------- | --------- | ----------- |
|
|
12
|
+
| `enabled` | `enabled` | Se false o usuário não pode interagir com o campo. | `boolean` | `true` |
|
|
13
|
+
| `errorMessage` | `error-message` | Define uma mensagem de orientação ao usuário, colocando o campo em modo inválido. | `string` | `undefined` |
|
|
14
|
+
| `label` | `label` | Texto a ser apresentado como título do campo. | `string` | `undefined` |
|
|
15
|
+
| `rows` | `rows` | Define o número de linhas. | `number` | `6` |
|
|
16
|
+
| `showBorder` | `show-border` | Define se deve exibir a borda externa do componente | `boolean` | `false` |
|
|
17
|
+
| `showConfigs` | `show-configs` | Informa se as opções de configurações (lista, imagem e link) devem ser apresentadas | `boolean` | `true` |
|
|
18
|
+
| `showPreview` | `show-preview` | Informa se as opções a opção de pré-visualização deve ser apresentada. | `boolean` | `true` |
|
|
19
|
+
| `showTextFormat` | `show-text-format` | Informa se as opções de formatação de texto (itálico, sublinhado e negrito) devem ser apresentadas | `boolean` | `true` |
|
|
20
|
+
| `showUndoRedo` | `show-undo-redo` | Informa se as opções de desfazer e refazer devem ser habilitadas. | `boolean` | `true` |
|
|
21
|
+
| `value` | `value` | Define o valor HTML do campo. | `string` | `''` |
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
## Events
|
|
25
|
+
|
|
26
|
+
| Event | Description | Type |
|
|
27
|
+
| ---------- | ------------------------------------------------------ | --------------------- |
|
|
28
|
+
| `ezChange` | Emitido quando acontece a alteração de valor do campo. | `CustomEvent<string>` |
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
## Methods
|
|
32
|
+
|
|
33
|
+
### `isInvalid() => Promise<boolean>`
|
|
34
|
+
|
|
35
|
+
Retorna se o conteúdo é inválido.
|
|
36
|
+
|
|
37
|
+
#### Returns
|
|
38
|
+
|
|
39
|
+
Type: `Promise<boolean>`
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
|
|
43
|
+
### `setBlur() => Promise<void>`
|
|
44
|
+
|
|
45
|
+
Remove o foco do campo.
|
|
46
|
+
|
|
47
|
+
#### Returns
|
|
48
|
+
|
|
49
|
+
Type: `Promise<void>`
|
|
50
|
+
|
|
51
|
+
|
|
52
|
+
|
|
53
|
+
### `setFocus() => Promise<void>`
|
|
54
|
+
|
|
55
|
+
Aplica o foco no campo.
|
|
56
|
+
|
|
57
|
+
#### Returns
|
|
58
|
+
|
|
59
|
+
Type: `Promise<void>`
|
|
60
|
+
|
|
61
|
+
|
|
62
|
+
|
|
63
|
+
|
|
64
|
+
## Dependencies
|
|
65
|
+
|
|
66
|
+
### Used by
|
|
67
|
+
|
|
68
|
+
- [ez-form-view](../ez-form-view)
|
|
69
|
+
|
|
70
|
+
### Depends on
|
|
71
|
+
|
|
72
|
+
- [ez-text-area](../ez-text-area)
|
|
73
|
+
- [ez-rich-toolbar](ez-rich-toolbar)
|
|
74
|
+
- [ez-link-builder](ez-link-builder)
|
|
75
|
+
- [ez-simple-image-uploader](ez-simple-image-uploader)
|
|
76
|
+
|
|
77
|
+
### Graph
|
|
78
|
+
```mermaid
|
|
79
|
+
graph TD;
|
|
80
|
+
ez-rich-text --> ez-text-area
|
|
81
|
+
ez-rich-text --> ez-rich-toolbar
|
|
82
|
+
ez-rich-text --> ez-link-builder
|
|
83
|
+
ez-rich-text --> ez-simple-image-uploader
|
|
84
|
+
ez-rich-toolbar --> ez-rich-toolbar-arrows
|
|
85
|
+
ez-rich-toolbar --> ez-rich-toolbar-letters
|
|
86
|
+
ez-rich-toolbar --> ez-rich-toolbar-configs
|
|
87
|
+
ez-rich-toolbar-arrows --> ez-rich-toolbar-item
|
|
88
|
+
ez-rich-toolbar-item --> ez-icon
|
|
89
|
+
ez-rich-toolbar-letters --> ez-rich-toolbar-item
|
|
90
|
+
ez-rich-toolbar-configs --> ez-rich-toolbar-item
|
|
91
|
+
ez-link-builder --> ez-popup
|
|
92
|
+
ez-link-builder --> ez-modal-container
|
|
93
|
+
ez-link-builder --> ez-text-input
|
|
94
|
+
ez-link-builder --> ez-check
|
|
95
|
+
ez-modal-container --> ez-icon
|
|
96
|
+
ez-modal-container --> ez-button
|
|
97
|
+
ez-button --> ez-icon
|
|
98
|
+
ez-text-input --> ez-tooltip
|
|
99
|
+
ez-text-input --> ez-icon
|
|
100
|
+
ez-simple-image-uploader --> ez-popup
|
|
101
|
+
ez-simple-image-uploader --> ez-modal-container
|
|
102
|
+
ez-simple-image-uploader --> ez-tooltip
|
|
103
|
+
ez-simple-image-uploader --> ez-text-input
|
|
104
|
+
ez-simple-image-uploader --> ez-icon
|
|
105
|
+
ez-form-view --> ez-rich-text
|
|
106
|
+
style ez-rich-text fill:#f9f,stroke:#333,stroke-width:4px
|
|
107
|
+
```
|
|
108
|
+
|
|
109
|
+
----------------------------------------------
|
|
110
|
+
|
|
111
|
+
|
|
@@ -80,11 +80,13 @@ Type: `Promise<void>`
|
|
|
80
80
|
### Used by
|
|
81
81
|
|
|
82
82
|
- [ez-form-view](../ez-form-view)
|
|
83
|
+
- [ez-rich-text](../ez-rich-text)
|
|
83
84
|
|
|
84
85
|
### Graph
|
|
85
86
|
```mermaid
|
|
86
87
|
graph TD;
|
|
87
88
|
ez-form-view --> ez-text-area
|
|
89
|
+
ez-rich-text --> ez-text-area
|
|
88
90
|
style ez-text-area fill:#f9f,stroke:#333,stroke-width:4px
|
|
89
91
|
```
|
|
90
92
|
|
|
@@ -74,9 +74,11 @@ Type: `Promise<void>`
|
|
|
74
74
|
- [ez-date-time-input](../ez-date-time-input)
|
|
75
75
|
- [ez-filter-input](../ez-filter-input)
|
|
76
76
|
- [ez-form-view](../ez-form-view)
|
|
77
|
+
- [ez-link-builder](../ez-rich-text/ez-link-builder)
|
|
77
78
|
- [ez-number-input](../ez-number-input)
|
|
78
79
|
- [ez-search](../ez-search)
|
|
79
80
|
- [ez-search-plus](../ez-search-plus)
|
|
81
|
+
- [ez-simple-image-uploader](../ez-rich-text/ez-simple-image-uploader)
|
|
80
82
|
- [ez-text-edit](../ez-text-edit)
|
|
81
83
|
- [ez-time-input](../ez-time-input)
|
|
82
84
|
|
|
@@ -95,9 +97,11 @@ graph TD;
|
|
|
95
97
|
ez-date-time-input --> ez-text-input
|
|
96
98
|
ez-filter-input --> ez-text-input
|
|
97
99
|
ez-form-view --> ez-text-input
|
|
100
|
+
ez-link-builder --> ez-text-input
|
|
98
101
|
ez-number-input --> ez-text-input
|
|
99
102
|
ez-search --> ez-text-input
|
|
100
103
|
ez-search-plus --> ez-text-input
|
|
104
|
+
ez-simple-image-uploader --> ez-text-input
|
|
101
105
|
ez-text-edit --> ez-text-input
|
|
102
106
|
ez-time-input --> ez-text-input
|
|
103
107
|
style ez-text-input fill:#f9f,stroke:#333,stroke-width:4px
|
|
@@ -24,11 +24,13 @@
|
|
|
24
24
|
|
|
25
25
|
### Used by
|
|
26
26
|
|
|
27
|
+
- [ez-simple-image-uploader](../ez-rich-text/ez-simple-image-uploader)
|
|
27
28
|
- [ez-text-input](../ez-text-input)
|
|
28
29
|
|
|
29
30
|
### Graph
|
|
30
31
|
```mermaid
|
|
31
32
|
graph TD;
|
|
33
|
+
ez-simple-image-uploader --> ez-tooltip
|
|
32
34
|
ez-text-input --> ez-tooltip
|
|
33
35
|
style ez-tooltip fill:#f9f,stroke:#333,stroke-width:4px
|
|
34
36
|
```
|