@sankhyalabs/ezui-docs 0.0.0-feat-dev-KB-81491.0 → 0.0.0-feat-dev-KB-77529.0
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-badge/readme.md +8 -7
- package/components/ez-calendar/readme.md +44 -0
- package/components/ez-date-input/readme.md +0 -3
- package/components/ez-date-time-input/readme.md +0 -3
- package/components/ez-form/readme.md +0 -2
- package/components/ez-form-view/readme.md +0 -2
- package/components/ez-popover-plus/readme.md +0 -4
- package/package.json +1 -1
|
@@ -7,13 +7,14 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property
|
|
11
|
-
|
|
|
12
|
-
| `
|
|
13
|
-
| `
|
|
14
|
-
| `
|
|
15
|
-
| `
|
|
16
|
-
| `
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ------------ | ------------- | --------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------ | ------------------------------------------ |
|
|
12
|
+
| `alignItems` | `align-items` | Define a posição do ícone em relação ao elemento. | `"center" \| "flex-end" \| "flex-start"` | `"center"` |
|
|
13
|
+
| `iconLeft` | `icon-left` | Define o ícone a ser usado no lado esquerdo do badge: [ez-icons](https://sankhyalabs-storybook.herokuapp.com/themes/default/icons/fonts/index.html) | `string` | `undefined` |
|
|
14
|
+
| `iconRight` | `icon-right` | Define o ícone a ser usado no lado direito do badge: [ez-icons](https://sankhyalabs-storybook.herokuapp.com/themes/default/icons/fonts/index.html) | `string` | `undefined` |
|
|
15
|
+
| `label` | `label` | Define o conteúdo textual ou numérico do componente. | `string` | `undefined` |
|
|
16
|
+
| `position` | -- | Define a posição do ícone em relação ao elemento filho. | `IPosition` | `{ horizontal: "right", vertical: "top" }` |
|
|
17
|
+
| `size` | `size` | Define o tamanho de acordo com o tipo utilizado pelo componente. | `"extra-large" \| "extra-small" \| "large" \| "medium" \| "small" \| "small-medium"` | `"small"` |
|
|
17
18
|
|
|
18
19
|
|
|
19
20
|
## Dependencies
|
|
@@ -22,6 +22,50 @@
|
|
|
22
22
|
| `ezChange` | Emitido quando acontece a alteração de valor do calendário. | `CustomEvent<Date>` |
|
|
23
23
|
|
|
24
24
|
|
|
25
|
+
## Methods
|
|
26
|
+
|
|
27
|
+
### `fitHorizontal(rightOffset: number) => Promise<void>`
|
|
28
|
+
|
|
29
|
+
Ajusta o posicionamento horizontal do ez-calendar conforme a disponibilidade de espaço.
|
|
30
|
+
|
|
31
|
+
#### Returns
|
|
32
|
+
|
|
33
|
+
Type: `Promise<void>`
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
### `fitVertical(topOffset: number, bottomOffset: number) => Promise<void>`
|
|
38
|
+
|
|
39
|
+
Ajusta o posicionamento vertical do ez-calendar conforme a disponibilidade de espaço.
|
|
40
|
+
|
|
41
|
+
#### Returns
|
|
42
|
+
|
|
43
|
+
Type: `Promise<void>`
|
|
44
|
+
|
|
45
|
+
|
|
46
|
+
|
|
47
|
+
### `hide() => Promise<void>`
|
|
48
|
+
|
|
49
|
+
Oculta o ez-calendar.
|
|
50
|
+
|
|
51
|
+
#### Returns
|
|
52
|
+
|
|
53
|
+
Type: `Promise<void>`
|
|
54
|
+
|
|
55
|
+
|
|
56
|
+
|
|
57
|
+
### `show(top?: string, left?: string, bottom?: string, right?: string) => Promise<void>`
|
|
58
|
+
|
|
59
|
+
Exibe o ez-calendar em uma posição determinada.
|
|
60
|
+
É possível determinar o posicionamento através dos parâmetros, no formato css.
|
|
61
|
+
|
|
62
|
+
#### Returns
|
|
63
|
+
|
|
64
|
+
Type: `Promise<void>`
|
|
65
|
+
|
|
66
|
+
|
|
67
|
+
|
|
68
|
+
|
|
25
69
|
## Dependencies
|
|
26
70
|
|
|
27
71
|
### Used by
|
|
@@ -79,18 +79,15 @@ Type: `Promise<void>`
|
|
|
79
79
|
### Depends on
|
|
80
80
|
|
|
81
81
|
- [ez-text-input](../ez-text-input)
|
|
82
|
-
- [ez-popover-plus](../ez-popover-plus)
|
|
83
82
|
- [ez-calendar](../ez-calendar)
|
|
84
83
|
|
|
85
84
|
### Graph
|
|
86
85
|
```mermaid
|
|
87
86
|
graph TD;
|
|
88
87
|
ez-date-input --> ez-text-input
|
|
89
|
-
ez-date-input --> ez-popover-plus
|
|
90
88
|
ez-date-input --> ez-calendar
|
|
91
89
|
ez-text-input --> ez-tooltip
|
|
92
90
|
ez-text-input --> ez-icon
|
|
93
|
-
ez-popover-plus --> ez-popover-core
|
|
94
91
|
ez-form-view --> ez-date-input
|
|
95
92
|
style ez-date-input fill:#f9f,stroke:#333,stroke-width:4px
|
|
96
93
|
```
|
|
@@ -80,18 +80,15 @@ Type: `Promise<void>`
|
|
|
80
80
|
### Depends on
|
|
81
81
|
|
|
82
82
|
- [ez-text-input](../ez-text-input)
|
|
83
|
-
- [ez-popover-plus](../ez-popover-plus)
|
|
84
83
|
- [ez-calendar](../ez-calendar)
|
|
85
84
|
|
|
86
85
|
### Graph
|
|
87
86
|
```mermaid
|
|
88
87
|
graph TD;
|
|
89
88
|
ez-date-time-input --> ez-text-input
|
|
90
|
-
ez-date-time-input --> ez-popover-plus
|
|
91
89
|
ez-date-time-input --> ez-calendar
|
|
92
90
|
ez-text-input --> ez-tooltip
|
|
93
91
|
ez-text-input --> ez-icon
|
|
94
|
-
ez-popover-plus --> ez-popover-core
|
|
95
92
|
ez-form-view --> ez-date-time-input
|
|
96
93
|
style ez-date-time-input fill:#f9f,stroke:#333,stroke-width:4px
|
|
97
94
|
```
|
|
@@ -97,12 +97,10 @@ graph TD;
|
|
|
97
97
|
ez-combo-box --> ez-combo-box-list
|
|
98
98
|
ez-popover-plus --> ez-popover-core
|
|
99
99
|
ez-date-input --> ez-text-input
|
|
100
|
-
ez-date-input --> ez-popover-plus
|
|
101
100
|
ez-date-input --> ez-calendar
|
|
102
101
|
ez-time-input --> ez-text-input
|
|
103
102
|
ez-time-input --> ez-icon
|
|
104
103
|
ez-date-time-input --> ez-text-input
|
|
105
|
-
ez-date-time-input --> ez-popover-plus
|
|
106
104
|
ez-date-time-input --> ez-calendar
|
|
107
105
|
ez-number-input --> ez-text-input
|
|
108
106
|
ez-search --> ez-card-item
|
|
@@ -103,12 +103,10 @@ graph TD;
|
|
|
103
103
|
ez-combo-box --> ez-combo-box-list
|
|
104
104
|
ez-popover-plus --> ez-popover-core
|
|
105
105
|
ez-date-input --> ez-text-input
|
|
106
|
-
ez-date-input --> ez-popover-plus
|
|
107
106
|
ez-date-input --> ez-calendar
|
|
108
107
|
ez-time-input --> ez-text-input
|
|
109
108
|
ez-time-input --> ez-icon
|
|
110
109
|
ez-date-time-input --> ez-text-input
|
|
111
|
-
ez-date-time-input --> ez-popover-plus
|
|
112
110
|
ez-date-time-input --> ez-calendar
|
|
113
111
|
ez-number-input --> ez-text-input
|
|
114
112
|
ez-search --> ez-card-item
|
|
@@ -92,8 +92,6 @@ Type: `Promise<void>`
|
|
|
92
92
|
### Used by
|
|
93
93
|
|
|
94
94
|
- [ez-combo-box](../ez-combo-box)
|
|
95
|
-
- [ez-date-input](../ez-date-input)
|
|
96
|
-
- [ez-date-time-input](../ez-date-time-input)
|
|
97
95
|
- [filter-column](../ez-grid/subcomponents)
|
|
98
96
|
|
|
99
97
|
### Depends on
|
|
@@ -105,8 +103,6 @@ Type: `Promise<void>`
|
|
|
105
103
|
graph TD;
|
|
106
104
|
ez-popover-plus --> ez-popover-core
|
|
107
105
|
ez-combo-box --> ez-popover-plus
|
|
108
|
-
ez-date-input --> ez-popover-plus
|
|
109
|
-
ez-date-time-input --> ez-popover-plus
|
|
110
106
|
filter-column --> ez-popover-plus
|
|
111
107
|
style ez-popover-plus fill:#f9f,stroke:#333,stroke-width:4px
|
|
112
108
|
```
|