@sankhyalabs/ezui 1.1.118 → 1.1.121
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/dist/cjs/ez-check.cjs.entry.js +1 -1
- package/dist/cjs/ez-form.cjs.entry.js +59 -15
- package/dist/cjs/ez-grid.cjs.entry.js +45 -12
- package/dist/cjs/ez-popover.cjs.entry.js +41 -22
- package/dist/cjs/ez-upload.cjs.entry.js +10 -3
- package/dist/cjs/ezui.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/test-du.cjs.entry.js +39 -46
- package/dist/collection/components/ez-check/ez-check.css +28 -10
- package/dist/collection/components/ez-form/DataBinder.js +59 -15
- package/dist/collection/components/ez-form/fieldbuilder/tpl/FileInput.tpl.js +1 -1
- package/dist/collection/components/ez-grid/controller/ag-grid/AgGridController.js +27 -9
- package/dist/collection/components/ez-grid/controller/ag-grid/DataSource.js +6 -3
- package/dist/collection/components/ez-grid/ez-grid.js +47 -0
- package/dist/collection/components/ez-popover/ez-popover.css +3 -5
- package/dist/collection/components/ez-popover/ez-popover.js +62 -28
- package/dist/collection/components/ez-upload/ez-upload.js +29 -3
- package/dist/collection/components/test-du/test-du.js +47 -48
- package/dist/custom-elements/index.js +197 -102
- package/dist/esm/ez-check.entry.js +1 -1
- package/dist/esm/ez-form.entry.js +60 -16
- package/dist/esm/ez-grid.entry.js +45 -12
- package/dist/esm/ez-popover.entry.js +41 -22
- package/dist/esm/ez-upload.entry.js +10 -3
- package/dist/esm/ezui.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/test-du.entry.js +40 -47
- package/dist/ezui/ezui.esm.js +1 -1
- package/dist/ezui/p-68c509a7.entry.js +1 -0
- package/dist/ezui/p-76b64956.entry.js +1 -0
- package/dist/ezui/p-8793a124.entry.js +1 -0
- package/dist/ezui/p-a6e28794.entry.js +1 -0
- package/dist/ezui/{p-3cd17150.entry.js → p-c86cd69e.entry.js} +1 -1
- package/dist/ezui/p-f8d3c04d.entry.js +1 -0
- package/dist/types/components/ez-form/DataBinder.d.ts +2 -0
- package/dist/types/components/ez-grid/controller/EzGridController.d.ts +6 -2
- package/dist/types/components/ez-grid/controller/ag-grid/AgGridController.d.ts +5 -2
- package/dist/types/components/ez-grid/controller/ag-grid/DataSource.d.ts +2 -0
- package/dist/types/components/ez-grid/ez-grid.d.ts +8 -0
- package/dist/types/components/ez-popover/ez-popover.d.ts +7 -0
- package/dist/types/components/ez-upload/ez-upload.d.ts +5 -0
- package/dist/types/components/test-du/test-du.d.ts +2 -0
- package/dist/types/components.d.ts +21 -1
- package/package.json +1 -1
- package/dist/ezui/p-080045a0.entry.js +0 -1
- package/dist/ezui/p-126d33e2.entry.js +0 -1
- package/dist/ezui/p-1339fde7.entry.js +0 -1
- package/dist/ezui/p-73d3f767.entry.js +0 -1
- package/dist/ezui/p-f3f9c7e6.entry.js +0 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { h, r as registerInstance, f as forceUpdate, H as Host, g as getElement } from './index-6b8bfbeb.js';
|
|
2
|
-
import { UserInterface,
|
|
2
|
+
import { UserInterface, Action, ApplicationContext, DataUnitAction, DataUnit } from '@sankhyalabs/core';
|
|
3
3
|
import { A as ApplicationUtils } from './ApplicationUtils-3ca0e68d.js';
|
|
4
4
|
|
|
5
5
|
const buildTextArea = ({ name, label, readOnly }) => {
|
|
@@ -44,7 +44,7 @@ const buildSearch = ({ name, label, readOnly, required }) => {
|
|
|
44
44
|
|
|
45
45
|
const buildFile = ({ name, label, readOnly }) => {
|
|
46
46
|
return (h("div", { class: "col col--sd-12 padding-horizontal--small" },
|
|
47
|
-
h("ez-upload", { enabled: !readOnly, label: label,
|
|
47
|
+
h("ez-upload", { enabled: !readOnly, label: label, "data-field-name": name, key: name })));
|
|
48
48
|
};
|
|
49
49
|
|
|
50
50
|
const buildDate = ({ name, label, readOnly }) => {
|
|
@@ -598,30 +598,56 @@ class DataBinder {
|
|
|
598
598
|
constructor(dataUnit) {
|
|
599
599
|
this._fields = new Map();
|
|
600
600
|
this._dataUnit = dataUnit;
|
|
601
|
-
this._dataUnit.subscribe(
|
|
601
|
+
this._dataUnit.subscribe(action => {
|
|
602
602
|
var _a;
|
|
603
|
-
(
|
|
604
|
-
|
|
605
|
-
|
|
603
|
+
switch (action.type) {
|
|
604
|
+
case Action.DATA_LOADED:
|
|
605
|
+
case Action.DATA_SAVED:
|
|
606
|
+
case Action.RECORDS_REMOVED:
|
|
607
|
+
case Action.RECORDS_ADDED:
|
|
608
|
+
case Action.RECORDS_COPIED:
|
|
609
|
+
case Action.DATA_CHANGED:
|
|
610
|
+
case Action.EDITION_CANCELED:
|
|
611
|
+
case Action.CHANGE_UNDONE:
|
|
612
|
+
case Action.CHANGE_REDONE:
|
|
613
|
+
case Action.SELECTION_CHANGED:
|
|
614
|
+
case Action.NEXT_SELECTED:
|
|
615
|
+
case Action.PREVIOUS_SELECTED:
|
|
616
|
+
(_a = this._fields) === null || _a === void 0 ? void 0 : _a.forEach(field => {
|
|
617
|
+
this.updateValue(field.fieldName, field.field);
|
|
618
|
+
});
|
|
619
|
+
break;
|
|
620
|
+
}
|
|
606
621
|
});
|
|
607
622
|
}
|
|
608
623
|
bind(fields) {
|
|
609
624
|
fields.forEach(fieldElement => {
|
|
610
625
|
const fieldName = fieldElement.dataset.fieldName;
|
|
611
626
|
this.updateBind(fieldName, fieldElement);
|
|
612
|
-
this.updateValue(fieldName, fieldElement);
|
|
613
627
|
});
|
|
614
628
|
}
|
|
615
629
|
updateValue(fieldName, field) {
|
|
616
|
-
field["value"]
|
|
630
|
+
const oldValue = field["value"];
|
|
631
|
+
const newValue = this._dataUnit.getFieldValue(fieldName);
|
|
632
|
+
if (oldValue != newValue) {
|
|
633
|
+
field["value"] = newValue;
|
|
634
|
+
}
|
|
617
635
|
}
|
|
618
636
|
updateBind(fieldName, field) {
|
|
619
637
|
const oldBind = this._fields.get(fieldName);
|
|
620
638
|
if (oldBind) {
|
|
621
639
|
oldBind.destroy();
|
|
622
640
|
}
|
|
623
|
-
|
|
641
|
+
field["value"] = this._dataUnit.getFieldValue(fieldName);
|
|
642
|
+
this._fields.set(fieldName, Bind.create(fieldName, field, (fieldName, waitingChange) => this.changeStarted(fieldName, waitingChange), (fieldName, newValue) => this.setFieldValue(fieldName, newValue)));
|
|
624
643
|
this.bindSearchOptionsLoader(fieldName, field);
|
|
644
|
+
this.applyEzUploadContext(fieldName, field);
|
|
645
|
+
}
|
|
646
|
+
changeStarted(fieldName, waitingChange) {
|
|
647
|
+
if (this._dataUnit.records.length === 0) {
|
|
648
|
+
this._dataUnit.addRecord();
|
|
649
|
+
}
|
|
650
|
+
this._dataUnit.startChange(fieldName, waitingChange);
|
|
625
651
|
}
|
|
626
652
|
setFieldValue(fieldName, newValue) {
|
|
627
653
|
if (this._dataUnit.records.length === 0) {
|
|
@@ -639,19 +665,37 @@ class DataBinder {
|
|
|
639
665
|
}
|
|
640
666
|
}
|
|
641
667
|
}
|
|
668
|
+
applyEzUploadContext(fieldName, field) {
|
|
669
|
+
var _a, _b;
|
|
670
|
+
if (field.nodeName === "EZ-UPLOAD") {
|
|
671
|
+
field["urlUpload"] = ApplicationContext.getContextValue("__EZUI__UPLOAD__ADD__URL__");
|
|
672
|
+
field["urlDelete"] = ApplicationContext.getContextValue("__EZUI__UPLOAD__DEL__URL__");
|
|
673
|
+
const descriptor = this._dataUnit.getField(fieldName);
|
|
674
|
+
const destination = (_a = descriptor.properties) === null || _a === void 0 ? void 0 : _a.DESTINATION;
|
|
675
|
+
if (destination) {
|
|
676
|
+
field["requestHeaders"] = { XTRAINF: `{"destination": "${destination}"}` };
|
|
677
|
+
}
|
|
678
|
+
field["maxFiles"] = ((_b = descriptor.properties) === null || _b === void 0 ? void 0 : _b.MAX_FILES) || 0;
|
|
679
|
+
}
|
|
680
|
+
}
|
|
642
681
|
}
|
|
643
682
|
class Bind {
|
|
683
|
+
constructor() {
|
|
684
|
+
this.startChangeEventName = "ezStartChange";
|
|
685
|
+
this.changeEventName = "ezChange";
|
|
686
|
+
}
|
|
644
687
|
destroy() {
|
|
645
|
-
this.field.removeEventListener(this.
|
|
688
|
+
this.field.removeEventListener(this.startChangeEventName, this.startChangeListener);
|
|
689
|
+
this.field.removeEventListener(this.changeEventName, this.changeListener);
|
|
646
690
|
}
|
|
647
|
-
static create(fieldName, field,
|
|
691
|
+
static create(fieldName, field, startChangeCallback, changeCallback) {
|
|
648
692
|
const b = new Bind();
|
|
649
|
-
b.fieldName = fieldName;
|
|
650
693
|
b.field = field;
|
|
651
|
-
|
|
652
|
-
b.
|
|
653
|
-
b.
|
|
654
|
-
b.
|
|
694
|
+
b.fieldName = fieldName;
|
|
695
|
+
b.startChangeListener = (evt) => { startChangeCallback(fieldName, evt.detail); };
|
|
696
|
+
b.field.addEventListener(b.startChangeEventName, b.startChangeListener);
|
|
697
|
+
b.changeListener = (evt) => { changeCallback(fieldName, evt.detail); };
|
|
698
|
+
b.field.addEventListener(b.changeEventName, b.changeListener);
|
|
655
699
|
return b;
|
|
656
700
|
}
|
|
657
701
|
}
|
|
@@ -110033,15 +110033,15 @@ class DataSource {
|
|
|
110033
110033
|
}
|
|
110034
110034
|
}
|
|
110035
110035
|
else {
|
|
110036
|
-
this.loadData()
|
|
110036
|
+
this.loadData({ limit: params.api.paginationGetPageSize(), offset: params.request.startRow, quickFilter: this._quickFilterTerm })
|
|
110037
110037
|
.then(data => params.success(data))
|
|
110038
110038
|
.catch(() => params.fail());
|
|
110039
110039
|
}
|
|
110040
110040
|
}
|
|
110041
|
-
loadData() {
|
|
110041
|
+
loadData(page) {
|
|
110042
110042
|
return new Promise((resolve, reject) => {
|
|
110043
110043
|
if (this._dataUnit) {
|
|
110044
|
-
this._dataUnit.loadData().then(
|
|
110044
|
+
this._dataUnit.loadData(page).then(pageRes => resolve({ rowData: this._dataUnit.records, rowCount: pageRes.total }));
|
|
110045
110045
|
}
|
|
110046
110046
|
else {
|
|
110047
110047
|
fetch(this._serverURL)
|
|
@@ -110052,6 +110052,9 @@ class DataSource {
|
|
|
110052
110052
|
}
|
|
110053
110053
|
});
|
|
110054
110054
|
}
|
|
110055
|
+
setQuickFilter(term) {
|
|
110056
|
+
this._quickFilterTerm = term;
|
|
110057
|
+
}
|
|
110055
110058
|
}
|
|
110056
110059
|
|
|
110057
110060
|
class AgGridController {
|
|
@@ -110086,11 +110089,13 @@ class AgGridController {
|
|
|
110086
110089
|
this._serverURL = options.serverURL;
|
|
110087
110090
|
this._dataUnit = options.dataUnit;
|
|
110088
110091
|
this._dataUnit.sortingProvider = this;
|
|
110092
|
+
this._dataSource = new DataSource(this._dataUnit, this._serverURL);
|
|
110089
110093
|
this._gridOptions = {
|
|
110090
110094
|
localeText: gridTerms,
|
|
110091
110095
|
rowModelType: "serverSide",
|
|
110096
|
+
serverSideStoreType: "partial",
|
|
110092
110097
|
rowSelection: this._multipleSelection ? "multiple" : "single",
|
|
110093
|
-
serverSideDatasource:
|
|
110098
|
+
serverSideDatasource: this._dataSource,
|
|
110094
110099
|
getRowNodeId: (params) => typeof params === "string" ? params : params[this._idAttribName],
|
|
110095
110100
|
getMainMenuItems: (params) => {
|
|
110096
110101
|
const column = params.column;
|
|
@@ -110101,10 +110106,13 @@ class AgGridController {
|
|
|
110101
110106
|
}));
|
|
110102
110107
|
return items;
|
|
110103
110108
|
},
|
|
110104
|
-
|
|
110105
|
-
|
|
110106
|
-
|
|
110107
|
-
|
|
110109
|
+
getRowHeight: () => {
|
|
110110
|
+
//FIXME: Existe um bug no PartialStore.prototype.destroyAllBlocks do ag-grid, pois
|
|
110111
|
+
//apesar de destruir os blocos, mantém a variável "blockHeights" com o tamanho antigo
|
|
110112
|
+
//dos blocos, então, quando removemos uma linha, a altura do bloco não é recalculada.
|
|
110113
|
+
//Descobri que setando manualmente a altura das linhas, apesar do bloco ficar com
|
|
110114
|
+
//tamanho errado, isso afeta menos o componente.
|
|
110115
|
+
return 25;
|
|
110108
110116
|
}
|
|
110109
110117
|
};
|
|
110110
110118
|
this.setOptionsEvents(this._gridOptions);
|
|
@@ -110127,6 +110135,11 @@ class AgGridController {
|
|
|
110127
110135
|
opt.onSelectionChanged = e => this.onSelectionChange(e);
|
|
110128
110136
|
opt.onPaginationChanged = () => this.onPaginationChange();
|
|
110129
110137
|
opt.onRowDoubleClicked = evt => this.onRowDoubleClick(evt);
|
|
110138
|
+
opt.onViewportChanged = () => {
|
|
110139
|
+
if (this._dataUnit) {
|
|
110140
|
+
this.selectRows(this._dataUnit.getSelection());
|
|
110141
|
+
}
|
|
110142
|
+
};
|
|
110130
110143
|
}
|
|
110131
110144
|
setOptionsPagination(opt) {
|
|
110132
110145
|
opt.pagination = (this._pageSize > -1);
|
|
@@ -110144,11 +110157,11 @@ class AgGridController {
|
|
|
110144
110157
|
}
|
|
110145
110158
|
this._gridOptions.api.setRowData(data);
|
|
110146
110159
|
}
|
|
110147
|
-
addRows(
|
|
110160
|
+
addRows() {
|
|
110148
110161
|
if (this._grid === undefined) {
|
|
110149
110162
|
throw new Error("Erro interno: Grid ainda não inicializado.");
|
|
110150
110163
|
}
|
|
110151
|
-
this._gridOptions.api.
|
|
110164
|
+
this._gridOptions.api.refreshServerSideStore({});
|
|
110152
110165
|
}
|
|
110153
110166
|
selectRows(rowIds) {
|
|
110154
110167
|
if (this._grid === undefined) {
|
|
@@ -110163,11 +110176,11 @@ class AgGridController {
|
|
|
110163
110176
|
});
|
|
110164
110177
|
}
|
|
110165
110178
|
}
|
|
110166
|
-
removeRows(
|
|
110179
|
+
removeRows() {
|
|
110167
110180
|
if (this._grid === undefined) {
|
|
110168
110181
|
throw new Error("Erro interno: Grid ainda não inicializado.");
|
|
110169
110182
|
}
|
|
110170
|
-
this._gridOptions.api.
|
|
110183
|
+
this._gridOptions.api.refreshServerSideStore({});
|
|
110171
110184
|
}
|
|
110172
110185
|
changeValues(changes, rowIds) {
|
|
110173
110186
|
if (this._grid === undefined) {
|
|
@@ -110284,6 +110297,14 @@ class AgGridController {
|
|
|
110284
110297
|
previousPage() {
|
|
110285
110298
|
this._gridOptions.api.paginationGoToPreviousPage();
|
|
110286
110299
|
}
|
|
110300
|
+
goToPage(page) {
|
|
110301
|
+
this._gridOptions.api.paginationGoToPage(page);
|
|
110302
|
+
}
|
|
110303
|
+
quickFilter(term) {
|
|
110304
|
+
this._dataSource.setQuickFilter(term);
|
|
110305
|
+
this.goToPage(0);
|
|
110306
|
+
this._gridOptions.api.refreshServerSideStore({ purge: true });
|
|
110307
|
+
}
|
|
110287
110308
|
buildColDef(source) {
|
|
110288
110309
|
return {
|
|
110289
110310
|
headerName: source.label,
|
|
@@ -110497,6 +110518,18 @@ let EzGrid = class {
|
|
|
110497
110518
|
async getColumns() {
|
|
110498
110519
|
return Promise.resolve(this._gridController.getColumnsDef());
|
|
110499
110520
|
}
|
|
110521
|
+
/**
|
|
110522
|
+
* Método para recarregar pagina atual da grid.
|
|
110523
|
+
*/
|
|
110524
|
+
async refresh() {
|
|
110525
|
+
this._gridController.refresh();
|
|
110526
|
+
}
|
|
110527
|
+
/**
|
|
110528
|
+
* Método para fazer um filtro rápido na grid.
|
|
110529
|
+
*/
|
|
110530
|
+
async quickFilter(term) {
|
|
110531
|
+
this._gridController.quickFilter(term);
|
|
110532
|
+
}
|
|
110500
110533
|
componentWillLoad() {
|
|
110501
110534
|
if (this.dataUnit) {
|
|
110502
110535
|
this._dataUnitBridge = new DataUnitBridge(this._gridController, this.dataUnit);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-6b8bfbeb.js';
|
|
2
2
|
import { FloatingManager } from '@sankhyalabs/core';
|
|
3
3
|
|
|
4
|
-
const ezPopoverCss = ":host{--ez-popover__box--border-radius:var(--border--radius-medium, 12px);--ez-popover__box--box-shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-popover__box--background-color:var(--background--xlight, #fff);--ez-popover__box--z-index:var(--more-visible, 1);position:relative;display:flex;user-select:none
|
|
4
|
+
const ezPopoverCss = ":host{--ez-popover__box--border-radius:var(--border--radius-medium, 12px);--ez-popover__box--box-shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-popover__box--background-color:var(--background--xlight, #fff);--ez-popover__box--z-index:var(--more-visible, 1);position:relative;display:flex;user-select:none}.popover__box{z-index:var(--ez-popover__box--z-index);display:flex;flex-direction:column;height:fit-content;background-color:var(--ez-popover__box--background-color);border-radius:var(--ez-popover__box--border-radius);box-shadow:var(--ez-popover__box--box-shadow)}.popover__box--fit-content{width:fit-content}.popover__box--full-width{width:100%}";
|
|
5
5
|
|
|
6
6
|
let EzPopover = class {
|
|
7
7
|
constructor(hostRef) {
|
|
@@ -34,6 +34,41 @@ let EzPopover = class {
|
|
|
34
34
|
* Opções: "100% e "fit-content" (default)
|
|
35
35
|
*/
|
|
36
36
|
this.boxWidth = "fit-content";
|
|
37
|
+
this.innerClickTest = (_popOvercontainer, node, eventOrigin) => {
|
|
38
|
+
const innerContainers = [_popOvercontainer];
|
|
39
|
+
if (this.innerElement) {
|
|
40
|
+
if (typeof (this.innerElement) == "string") {
|
|
41
|
+
innerContainers.push(document.querySelector(`#${this.innerElement}`));
|
|
42
|
+
}
|
|
43
|
+
else {
|
|
44
|
+
this.innerElement.forEach(comp => {
|
|
45
|
+
innerContainers.push(document.querySelector(`#${comp}`));
|
|
46
|
+
});
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
for (var i = 0; i < innerContainers.length; i++) {
|
|
50
|
+
let _container = innerContainers[i];
|
|
51
|
+
if (_container != undefined) {
|
|
52
|
+
if (_container.contains(node)) {
|
|
53
|
+
return true;
|
|
54
|
+
}
|
|
55
|
+
if (eventOrigin && "nodeType" in (eventOrigin === null || eventOrigin === void 0 ? void 0 : eventOrigin.target) && _container.contains(eventOrigin.target)) {
|
|
56
|
+
return true;
|
|
57
|
+
}
|
|
58
|
+
if (_container.shadowRoot && _container.shadowRoot.contains(node)) {
|
|
59
|
+
return true;
|
|
60
|
+
}
|
|
61
|
+
_container = this._host;
|
|
62
|
+
if (!_container.lastElementChild.shadowRoot ? _container.contains(node) : _container.lastElementChild.shadowRoot.contains(node)) {
|
|
63
|
+
return true;
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
return false;
|
|
68
|
+
};
|
|
69
|
+
this.backClickListener = () => {
|
|
70
|
+
this.ezVisibilityChange.emit(false);
|
|
71
|
+
};
|
|
37
72
|
}
|
|
38
73
|
dispatchVisibilityChange(newValue, oldValue) {
|
|
39
74
|
if (newValue != oldValue) {
|
|
@@ -50,16 +85,8 @@ let EzPopover = class {
|
|
|
50
85
|
left,
|
|
51
86
|
bottom,
|
|
52
87
|
right,
|
|
53
|
-
innerClickTest:
|
|
54
|
-
|
|
55
|
-
return true;
|
|
56
|
-
}
|
|
57
|
-
if (_container.shadowRoot && _container.shadowRoot.contains(node)) {
|
|
58
|
-
return true;
|
|
59
|
-
}
|
|
60
|
-
_container = this._host;
|
|
61
|
-
return !_container.lastElementChild.shadowRoot ? _container.contains(node) : _container.lastElementChild.shadowRoot.contains(node);
|
|
62
|
-
}
|
|
88
|
+
innerClickTest: this.innerClickTest,
|
|
89
|
+
backClickListener: this.backClickListener
|
|
63
90
|
};
|
|
64
91
|
FloatingManager.updateFloatPosition(this._box, this._container, floatingOptions);
|
|
65
92
|
}
|
|
@@ -73,16 +100,8 @@ let EzPopover = class {
|
|
|
73
100
|
left,
|
|
74
101
|
bottom,
|
|
75
102
|
right,
|
|
76
|
-
innerClickTest:
|
|
77
|
-
|
|
78
|
-
return true;
|
|
79
|
-
}
|
|
80
|
-
if (_container.shadowRoot && _container.shadowRoot.contains(node)) {
|
|
81
|
-
return true;
|
|
82
|
-
}
|
|
83
|
-
_container = this._host;
|
|
84
|
-
return !_container.lastElementChild.shadowRoot ? _container.contains(node) : _container.lastElementChild.shadowRoot.contains(node);
|
|
85
|
-
}
|
|
103
|
+
innerClickTest: this.innerClickTest,
|
|
104
|
+
backClickListener: this.backClickListener
|
|
86
105
|
};
|
|
87
106
|
this._floatingID = FloatingManager.float(this._box, this._container, floatingOptions);
|
|
88
107
|
this.opened = true;
|
|
@@ -104,7 +123,7 @@ let EzPopover = class {
|
|
|
104
123
|
}
|
|
105
124
|
}
|
|
106
125
|
render() {
|
|
107
|
-
return (h(Host, null, h("section", { ref: el => this._container = el }, h("div", { class: `
|
|
126
|
+
return (h(Host, null, h("section", { ref: el => this._container = el }, h("div", { class: `popover__box ${this.boxWidth === "fit-content" ? "popover__box--fit-content" : "popover__box--full-width"}`, ref: el => this._box = el }, h("slot", null)))));
|
|
108
127
|
}
|
|
109
128
|
get _host() { return getElement(this); }
|
|
110
129
|
static get watchers() { return {
|
|
@@ -97,6 +97,7 @@ let EzUpload = class {
|
|
|
97
97
|
constructor(hostRef) {
|
|
98
98
|
registerInstance(this, hostRef);
|
|
99
99
|
this.ezChange = createEvent(this, "ezChange", 7);
|
|
100
|
+
this.ezStartChange = createEvent(this, "ezStartChange", 7);
|
|
100
101
|
this._filePointers = new Map();
|
|
101
102
|
/**
|
|
102
103
|
* Deixa o campo disponível ou não para digitação.
|
|
@@ -104,6 +105,9 @@ let EzUpload = class {
|
|
|
104
105
|
this.enabled = true;
|
|
105
106
|
}
|
|
106
107
|
changeValue(newValue) {
|
|
108
|
+
//Observamos o mundo externo, se um novo valor foi atribuído,
|
|
109
|
+
//precisamos cancelar a alteração anterior, isso envolve, percorrer
|
|
110
|
+
//a lista de ponteiros e cancelar todos os uploads em andamento.
|
|
107
111
|
if (newValue !== this._updatingValue) {
|
|
108
112
|
this._filePointers.forEach(f => {
|
|
109
113
|
if (this.isRemoteFile(f)) {
|
|
@@ -112,8 +116,8 @@ let EzUpload = class {
|
|
|
112
116
|
});
|
|
113
117
|
this._filePointers = new Map();
|
|
114
118
|
this.updateFilePointers();
|
|
119
|
+
this._updatingValue = undefined;
|
|
115
120
|
}
|
|
116
|
-
this._updatingValue = undefined;
|
|
117
121
|
}
|
|
118
122
|
updateFilePointers() {
|
|
119
123
|
if (this.value) {
|
|
@@ -183,6 +187,7 @@ let EzUpload = class {
|
|
|
183
187
|
}
|
|
184
188
|
async doAddFile(file) {
|
|
185
189
|
if (this.validateFile(file)) {
|
|
190
|
+
this.ezStartChange.emit({ waitmessage: "Há arquivos sendo enviados. Por favor aguarde a conclusão ou cancele o envio." });
|
|
186
191
|
const uploadingFile = new RemoteFile(file);
|
|
187
192
|
this._filePointers.set(file.name, uploadingFile);
|
|
188
193
|
uploadingFile.upload(this.urlUpload, this._requestHeaders, (file) => this.updateFeedback(file))
|
|
@@ -202,8 +207,10 @@ let EzUpload = class {
|
|
|
202
207
|
this._updatingValue.push(f);
|
|
203
208
|
}
|
|
204
209
|
});
|
|
205
|
-
this.
|
|
206
|
-
|
|
210
|
+
if (this._filePointers.size === this._updatingValue.length) {
|
|
211
|
+
this.value = this._updatingValue;
|
|
212
|
+
this.ezChange.emit(this.value);
|
|
213
|
+
}
|
|
207
214
|
}
|
|
208
215
|
buildProgressId(uploading) {
|
|
209
216
|
let sanitizedName = uploading.name.replace(/[^a-z0-9_]/gi, "_");
|
package/dist/esm/ezui.js
CHANGED
|
@@ -13,5 +13,5 @@ const patchBrowser = () => {
|
|
|
13
13
|
};
|
|
14
14
|
|
|
15
15
|
patchBrowser().then(options => {
|
|
16
|
-
return bootstrapLazy([["ez-grid",[[6,"ez-grid",{"multipleSelection":[4,"multiple-selection"],"pageSize":[2,"page-size"],"serverUrl":[1,"server-url"],"dataUnit":[16],"_navigationHasPrevious":[32],"_navigationHasNext":[32],"_navigationFirstRow":[32],"_navigationLastRow":[32],"_navigationTotalRows":[32],"_popUpVisible":[32],"setColumnsDef":[64],"addColumnMenuItem":[64],"setColumnsState":[64],"setData":[64],"getSelection":[64],"getColumnsState":[64],"getColumns":[64]}]]],["ez-dialog",[[1,"ez-dialog",{"confirm":[1028],"critical":[1028],"message":[1025],"opened":[1540],"personalizedIconPath":[1025,"personalized-icon-path"],"ezTitle":[1025,"ez-title"],"handleButtonClick":[64],"show":[64]}]]],["ez-filter-input",[[1,"ez-filter-input",{"label":[1],"value":[1537],"enabled":[4],"loading":[516],"errorMessage":[1537,"error-message"],"restrict":[1],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-action-chip",[[1,"ez-action-chip",{"label":[513],"enabled":[516]}]]],["ez-application",[[0,"ez-application"]]],["ez-label-chip",[[1,"ez-label-chip",{"label":[513],"enabled":[516],"removable":[516],"value":[1540],"setFocus":[64],"setBlur":[64]}]]],["ez-popover",[[1,"ez-popover",{"autoClose":[516,"auto-close"],"top":[1537],"left":[1537],"bottom":[1537],"right":[1537],"boxWidth":[513,"box-width"],"opened":[1540],"updatePosition":[64],"show":[64],"hide":[64]}]]],["ez-popup",[[1,"ez-popup",{"size":[1],"opened":[1540],"useHeader":[1540,"use-header"],"ezTitle":[1,"ez-title"]}]]],["ez-toast",[[1,"ez-toast",{"message":[1025],"fadeTime":[1026,"fade-time"],"useIcon":[1028,"use-icon"],"canClose":[1028,"can-close"],"show":[64]}]]],["grid-config",[[2,"grid-config",{"selectedTab":[1025,"selected-tab"],"columns":[1040]}]]],["ez-modal",[[1,"ez-modal",{"modalSize":[1,"modal-size"],"align":[1],"opened":[1028],"closeEsc":[4,"close-esc"],"closeOutsideClick":[4,"close-outside-click"]}]]],["ez-text-input",[[1,"ez-text-input",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"mask":[1],"canShowError":[516,"can-show-error"],"restrict":[1],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-date-input",[[1,"ez-date-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-date-time-input",[[1,"ez-date-time-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-search",[[1,"ez-search",{"value":[1537],"label":[1537],"enabled":[1540],"errorMessage":[1537,"error-message"],"optionLoader":[16],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"suppressEmptyOption":[4,"suppress-empty-option"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-time-input",[[1,"ez-time-input",{"label":[513],"viewValue":[1537,"view-value"],"value":[1026],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-number-input",[[1,"ez-number-input",{"label":[1],"value":[1538],"enabled":[4],"errorMessage":[1537,"error-message"],"precision":[2],"prettyPrecision":[2,"pretty-precision"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-collapsible-box",[[1,"ez-collapsible-box",{"value":[1540],"label":[513],"headerSize":[513,"header-size"],"iconPlacement":[513,"icon-placement"],"showHide":[64]}]]],["test-du",[[0,"test-du"]]],["select-box",[[1,"select-box",{"selectedOption":[1,"selected-option"]}]]],["ez-list",[[1,"ez-list",{"dataSource":[1040],"useGroups":[1540,"use-groups"],"ezDraggable":[1028,"ez-draggable"],"ezSelectable":[1028,"ez-selectable"],"itemSlotBuilder":[1040],"_listItems":[32],"_listGroupItems":[32],"setSelection":[64],"getSelection":[64],"getList":[64]}]]],["ez-text-area",[[1,"ez-text-area",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"rows":[1538],"canShowError":[516,"can-show-error"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-upload",[[1,"ez-upload",{"label":[1],"enabled":[4],"maxFileSize":[2,"max-file-size"],"maxFiles":[2,"max-files"],"requestHeaders":[8,"request-headers"],"urlUpload":[1,"url-upload"],"urlDelete":[1,"url-delete"],"value":[1040],"addFiles":[64],"setFocus":[64],"setBlur":[64]}]]],["ez-button",[[1,"ez-button",{"label":[513],"enabled":[516],"mode":[513],"image":[513],"iconName":[513,"icon-name"],"size":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-calendar",[[1,"ez-calendar",{"value":[1040],"floating":[516],"time":[516],"showSeconds":[516,"show-seconds"],"show":[64],"fitVertical":[64],"hide":[64]}]]],["ez-check",[[1,"ez-check",{"label":[513],"value":[1540],"enabled":[516],"mode":[513],"getMode":[64],"setFocus":[64]}]]],["ez-tabselector",[[1,"ez-tabselector",{"selectedIndex":[1538,"selected-index"],"selectedTab":[1537,"selected-tab"],"tabs":[1]}]]],["ez-combo-box",[[1,"ez-combo-box",{"value":[1537],"label":[513],"enabled":[516],"options":[1040],"errorMessage":[1537,"error-message"],"searchMode":[4,"search-mode"],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"optionLoader":[16],"suppressEmptyOption":[4,"suppress-empty-option"],"canShowError":[516,"can-show-error"],"mode":[513],"_preSelection":[32],"_visibleOptions":[32],"setFocus":[64],"setBlur":[64]}]]],["ez-icon",[[1,"ez-icon",{"size":[513],"href":[513],"iconName":[513,"icon-name"]}]]],["ez-form",[[0,"ez-form",{"dataUnit":[1040],"config":[16],"submit":[64],"cancel":[64],"validate":[64]}]]]], options);
|
|
16
|
+
return bootstrapLazy([["ez-grid",[[6,"ez-grid",{"multipleSelection":[4,"multiple-selection"],"pageSize":[2,"page-size"],"serverUrl":[1,"server-url"],"dataUnit":[16],"_navigationHasPrevious":[32],"_navigationHasNext":[32],"_navigationFirstRow":[32],"_navigationLastRow":[32],"_navigationTotalRows":[32],"_popUpVisible":[32],"setColumnsDef":[64],"addColumnMenuItem":[64],"setColumnsState":[64],"setData":[64],"getSelection":[64],"getColumnsState":[64],"getColumns":[64],"refresh":[64],"quickFilter":[64]}]]],["ez-dialog",[[1,"ez-dialog",{"confirm":[1028],"critical":[1028],"message":[1025],"opened":[1540],"personalizedIconPath":[1025,"personalized-icon-path"],"ezTitle":[1025,"ez-title"],"handleButtonClick":[64],"show":[64]}]]],["ez-filter-input",[[1,"ez-filter-input",{"label":[1],"value":[1537],"enabled":[4],"loading":[516],"errorMessage":[1537,"error-message"],"restrict":[1],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-action-chip",[[1,"ez-action-chip",{"label":[513],"enabled":[516]}]]],["ez-application",[[0,"ez-application"]]],["ez-label-chip",[[1,"ez-label-chip",{"label":[513],"enabled":[516],"removable":[516],"value":[1540],"setFocus":[64],"setBlur":[64]}]]],["ez-popover",[[1,"ez-popover",{"autoClose":[516,"auto-close"],"top":[1537],"left":[1537],"bottom":[1537],"right":[1537],"boxWidth":[513,"box-width"],"opened":[1540],"innerElement":[1537,"inner-element"],"updatePosition":[64],"show":[64],"hide":[64]}]]],["ez-popup",[[1,"ez-popup",{"size":[1],"opened":[1540],"useHeader":[1540,"use-header"],"ezTitle":[1,"ez-title"]}]]],["ez-toast",[[1,"ez-toast",{"message":[1025],"fadeTime":[1026,"fade-time"],"useIcon":[1028,"use-icon"],"canClose":[1028,"can-close"],"show":[64]}]]],["grid-config",[[2,"grid-config",{"selectedTab":[1025,"selected-tab"],"columns":[1040]}]]],["ez-modal",[[1,"ez-modal",{"modalSize":[1,"modal-size"],"align":[1],"opened":[1028],"closeEsc":[4,"close-esc"],"closeOutsideClick":[4,"close-outside-click"]}]]],["ez-text-input",[[1,"ez-text-input",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"mask":[1],"canShowError":[516,"can-show-error"],"restrict":[1],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-date-input",[[1,"ez-date-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-date-time-input",[[1,"ez-date-time-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-search",[[1,"ez-search",{"value":[1537],"label":[1537],"enabled":[1540],"errorMessage":[1537,"error-message"],"optionLoader":[16],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"suppressEmptyOption":[4,"suppress-empty-option"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-time-input",[[1,"ez-time-input",{"label":[513],"viewValue":[1537,"view-value"],"value":[1026],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-number-input",[[1,"ez-number-input",{"label":[1],"value":[1538],"enabled":[4],"errorMessage":[1537,"error-message"],"precision":[2],"prettyPrecision":[2,"pretty-precision"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-collapsible-box",[[1,"ez-collapsible-box",{"value":[1540],"label":[513],"headerSize":[513,"header-size"],"iconPlacement":[513,"icon-placement"],"showHide":[64]}]]],["test-du",[[0,"test-du",{"isDirty":[32]}]]],["select-box",[[1,"select-box",{"selectedOption":[1,"selected-option"]}]]],["ez-list",[[1,"ez-list",{"dataSource":[1040],"useGroups":[1540,"use-groups"],"ezDraggable":[1028,"ez-draggable"],"ezSelectable":[1028,"ez-selectable"],"itemSlotBuilder":[1040],"_listItems":[32],"_listGroupItems":[32],"setSelection":[64],"getSelection":[64],"getList":[64]}]]],["ez-text-area",[[1,"ez-text-area",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"rows":[1538],"canShowError":[516,"can-show-error"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-upload",[[1,"ez-upload",{"label":[1],"enabled":[4],"maxFileSize":[2,"max-file-size"],"maxFiles":[2,"max-files"],"requestHeaders":[8,"request-headers"],"urlUpload":[1,"url-upload"],"urlDelete":[1,"url-delete"],"value":[1040],"addFiles":[64],"setFocus":[64],"setBlur":[64]}]]],["ez-button",[[1,"ez-button",{"label":[513],"enabled":[516],"mode":[513],"image":[513],"iconName":[513,"icon-name"],"size":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-calendar",[[1,"ez-calendar",{"value":[1040],"floating":[516],"time":[516],"showSeconds":[516,"show-seconds"],"show":[64],"fitVertical":[64],"hide":[64]}]]],["ez-check",[[1,"ez-check",{"label":[513],"value":[1540],"enabled":[516],"mode":[513],"getMode":[64],"setFocus":[64]}]]],["ez-tabselector",[[1,"ez-tabselector",{"selectedIndex":[1538,"selected-index"],"selectedTab":[1537,"selected-tab"],"tabs":[1]}]]],["ez-combo-box",[[1,"ez-combo-box",{"value":[1537],"label":[513],"enabled":[516],"options":[1040],"errorMessage":[1537,"error-message"],"searchMode":[4,"search-mode"],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"optionLoader":[16],"suppressEmptyOption":[4,"suppress-empty-option"],"canShowError":[516,"can-show-error"],"mode":[513],"_preSelection":[32],"_visibleOptions":[32],"setFocus":[64],"setBlur":[64]}]]],["ez-icon",[[1,"ez-icon",{"size":[513],"href":[513],"iconName":[513,"icon-name"]}]]],["ez-form",[[0,"ez-form",{"dataUnit":[1040],"config":[16],"submit":[64],"cancel":[64],"validate":[64]}]]]], options);
|
|
17
17
|
});
|
package/dist/esm/loader.js
CHANGED
|
@@ -10,7 +10,7 @@ const patchEsm = () => {
|
|
|
10
10
|
const defineCustomElements = (win, options) => {
|
|
11
11
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
12
12
|
return patchEsm().then(() => {
|
|
13
|
-
return bootstrapLazy([["ez-grid",[[6,"ez-grid",{"multipleSelection":[4,"multiple-selection"],"pageSize":[2,"page-size"],"serverUrl":[1,"server-url"],"dataUnit":[16],"_navigationHasPrevious":[32],"_navigationHasNext":[32],"_navigationFirstRow":[32],"_navigationLastRow":[32],"_navigationTotalRows":[32],"_popUpVisible":[32],"setColumnsDef":[64],"addColumnMenuItem":[64],"setColumnsState":[64],"setData":[64],"getSelection":[64],"getColumnsState":[64],"getColumns":[64]}]]],["ez-dialog",[[1,"ez-dialog",{"confirm":[1028],"critical":[1028],"message":[1025],"opened":[1540],"personalizedIconPath":[1025,"personalized-icon-path"],"ezTitle":[1025,"ez-title"],"handleButtonClick":[64],"show":[64]}]]],["ez-filter-input",[[1,"ez-filter-input",{"label":[1],"value":[1537],"enabled":[4],"loading":[516],"errorMessage":[1537,"error-message"],"restrict":[1],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-action-chip",[[1,"ez-action-chip",{"label":[513],"enabled":[516]}]]],["ez-application",[[0,"ez-application"]]],["ez-label-chip",[[1,"ez-label-chip",{"label":[513],"enabled":[516],"removable":[516],"value":[1540],"setFocus":[64],"setBlur":[64]}]]],["ez-popover",[[1,"ez-popover",{"autoClose":[516,"auto-close"],"top":[1537],"left":[1537],"bottom":[1537],"right":[1537],"boxWidth":[513,"box-width"],"opened":[1540],"updatePosition":[64],"show":[64],"hide":[64]}]]],["ez-popup",[[1,"ez-popup",{"size":[1],"opened":[1540],"useHeader":[1540,"use-header"],"ezTitle":[1,"ez-title"]}]]],["ez-toast",[[1,"ez-toast",{"message":[1025],"fadeTime":[1026,"fade-time"],"useIcon":[1028,"use-icon"],"canClose":[1028,"can-close"],"show":[64]}]]],["grid-config",[[2,"grid-config",{"selectedTab":[1025,"selected-tab"],"columns":[1040]}]]],["ez-modal",[[1,"ez-modal",{"modalSize":[1,"modal-size"],"align":[1],"opened":[1028],"closeEsc":[4,"close-esc"],"closeOutsideClick":[4,"close-outside-click"]}]]],["ez-text-input",[[1,"ez-text-input",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"mask":[1],"canShowError":[516,"can-show-error"],"restrict":[1],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-date-input",[[1,"ez-date-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-date-time-input",[[1,"ez-date-time-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-search",[[1,"ez-search",{"value":[1537],"label":[1537],"enabled":[1540],"errorMessage":[1537,"error-message"],"optionLoader":[16],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"suppressEmptyOption":[4,"suppress-empty-option"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-time-input",[[1,"ez-time-input",{"label":[513],"viewValue":[1537,"view-value"],"value":[1026],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-number-input",[[1,"ez-number-input",{"label":[1],"value":[1538],"enabled":[4],"errorMessage":[1537,"error-message"],"precision":[2],"prettyPrecision":[2,"pretty-precision"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-collapsible-box",[[1,"ez-collapsible-box",{"value":[1540],"label":[513],"headerSize":[513,"header-size"],"iconPlacement":[513,"icon-placement"],"showHide":[64]}]]],["test-du",[[0,"test-du"]]],["select-box",[[1,"select-box",{"selectedOption":[1,"selected-option"]}]]],["ez-list",[[1,"ez-list",{"dataSource":[1040],"useGroups":[1540,"use-groups"],"ezDraggable":[1028,"ez-draggable"],"ezSelectable":[1028,"ez-selectable"],"itemSlotBuilder":[1040],"_listItems":[32],"_listGroupItems":[32],"setSelection":[64],"getSelection":[64],"getList":[64]}]]],["ez-text-area",[[1,"ez-text-area",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"rows":[1538],"canShowError":[516,"can-show-error"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-upload",[[1,"ez-upload",{"label":[1],"enabled":[4],"maxFileSize":[2,"max-file-size"],"maxFiles":[2,"max-files"],"requestHeaders":[8,"request-headers"],"urlUpload":[1,"url-upload"],"urlDelete":[1,"url-delete"],"value":[1040],"addFiles":[64],"setFocus":[64],"setBlur":[64]}]]],["ez-button",[[1,"ez-button",{"label":[513],"enabled":[516],"mode":[513],"image":[513],"iconName":[513,"icon-name"],"size":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-calendar",[[1,"ez-calendar",{"value":[1040],"floating":[516],"time":[516],"showSeconds":[516,"show-seconds"],"show":[64],"fitVertical":[64],"hide":[64]}]]],["ez-check",[[1,"ez-check",{"label":[513],"value":[1540],"enabled":[516],"mode":[513],"getMode":[64],"setFocus":[64]}]]],["ez-tabselector",[[1,"ez-tabselector",{"selectedIndex":[1538,"selected-index"],"selectedTab":[1537,"selected-tab"],"tabs":[1]}]]],["ez-combo-box",[[1,"ez-combo-box",{"value":[1537],"label":[513],"enabled":[516],"options":[1040],"errorMessage":[1537,"error-message"],"searchMode":[4,"search-mode"],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"optionLoader":[16],"suppressEmptyOption":[4,"suppress-empty-option"],"canShowError":[516,"can-show-error"],"mode":[513],"_preSelection":[32],"_visibleOptions":[32],"setFocus":[64],"setBlur":[64]}]]],["ez-icon",[[1,"ez-icon",{"size":[513],"href":[513],"iconName":[513,"icon-name"]}]]],["ez-form",[[0,"ez-form",{"dataUnit":[1040],"config":[16],"submit":[64],"cancel":[64],"validate":[64]}]]]], options);
|
|
13
|
+
return bootstrapLazy([["ez-grid",[[6,"ez-grid",{"multipleSelection":[4,"multiple-selection"],"pageSize":[2,"page-size"],"serverUrl":[1,"server-url"],"dataUnit":[16],"_navigationHasPrevious":[32],"_navigationHasNext":[32],"_navigationFirstRow":[32],"_navigationLastRow":[32],"_navigationTotalRows":[32],"_popUpVisible":[32],"setColumnsDef":[64],"addColumnMenuItem":[64],"setColumnsState":[64],"setData":[64],"getSelection":[64],"getColumnsState":[64],"getColumns":[64],"refresh":[64],"quickFilter":[64]}]]],["ez-dialog",[[1,"ez-dialog",{"confirm":[1028],"critical":[1028],"message":[1025],"opened":[1540],"personalizedIconPath":[1025,"personalized-icon-path"],"ezTitle":[1025,"ez-title"],"handleButtonClick":[64],"show":[64]}]]],["ez-filter-input",[[1,"ez-filter-input",{"label":[1],"value":[1537],"enabled":[4],"loading":[516],"errorMessage":[1537,"error-message"],"restrict":[1],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-action-chip",[[1,"ez-action-chip",{"label":[513],"enabled":[516]}]]],["ez-application",[[0,"ez-application"]]],["ez-label-chip",[[1,"ez-label-chip",{"label":[513],"enabled":[516],"removable":[516],"value":[1540],"setFocus":[64],"setBlur":[64]}]]],["ez-popover",[[1,"ez-popover",{"autoClose":[516,"auto-close"],"top":[1537],"left":[1537],"bottom":[1537],"right":[1537],"boxWidth":[513,"box-width"],"opened":[1540],"innerElement":[1537,"inner-element"],"updatePosition":[64],"show":[64],"hide":[64]}]]],["ez-popup",[[1,"ez-popup",{"size":[1],"opened":[1540],"useHeader":[1540,"use-header"],"ezTitle":[1,"ez-title"]}]]],["ez-toast",[[1,"ez-toast",{"message":[1025],"fadeTime":[1026,"fade-time"],"useIcon":[1028,"use-icon"],"canClose":[1028,"can-close"],"show":[64]}]]],["grid-config",[[2,"grid-config",{"selectedTab":[1025,"selected-tab"],"columns":[1040]}]]],["ez-modal",[[1,"ez-modal",{"modalSize":[1,"modal-size"],"align":[1],"opened":[1028],"closeEsc":[4,"close-esc"],"closeOutsideClick":[4,"close-outside-click"]}]]],["ez-text-input",[[1,"ez-text-input",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"mask":[1],"canShowError":[516,"can-show-error"],"restrict":[1],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-date-input",[[1,"ez-date-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-date-time-input",[[1,"ez-date-time-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-search",[[1,"ez-search",{"value":[1537],"label":[1537],"enabled":[1540],"errorMessage":[1537,"error-message"],"optionLoader":[16],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"suppressEmptyOption":[4,"suppress-empty-option"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-time-input",[[1,"ez-time-input",{"label":[513],"viewValue":[1537,"view-value"],"value":[1026],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-number-input",[[1,"ez-number-input",{"label":[1],"value":[1538],"enabled":[4],"errorMessage":[1537,"error-message"],"precision":[2],"prettyPrecision":[2,"pretty-precision"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-collapsible-box",[[1,"ez-collapsible-box",{"value":[1540],"label":[513],"headerSize":[513,"header-size"],"iconPlacement":[513,"icon-placement"],"showHide":[64]}]]],["test-du",[[0,"test-du",{"isDirty":[32]}]]],["select-box",[[1,"select-box",{"selectedOption":[1,"selected-option"]}]]],["ez-list",[[1,"ez-list",{"dataSource":[1040],"useGroups":[1540,"use-groups"],"ezDraggable":[1028,"ez-draggable"],"ezSelectable":[1028,"ez-selectable"],"itemSlotBuilder":[1040],"_listItems":[32],"_listGroupItems":[32],"setSelection":[64],"getSelection":[64],"getList":[64]}]]],["ez-text-area",[[1,"ez-text-area",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"rows":[1538],"canShowError":[516,"can-show-error"],"mode":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-upload",[[1,"ez-upload",{"label":[1],"enabled":[4],"maxFileSize":[2,"max-file-size"],"maxFiles":[2,"max-files"],"requestHeaders":[8,"request-headers"],"urlUpload":[1,"url-upload"],"urlDelete":[1,"url-delete"],"value":[1040],"addFiles":[64],"setFocus":[64],"setBlur":[64]}]]],["ez-button",[[1,"ez-button",{"label":[513],"enabled":[516],"mode":[513],"image":[513],"iconName":[513,"icon-name"],"size":[513],"setFocus":[64],"setBlur":[64]}]]],["ez-calendar",[[1,"ez-calendar",{"value":[1040],"floating":[516],"time":[516],"showSeconds":[516,"show-seconds"],"show":[64],"fitVertical":[64],"hide":[64]}]]],["ez-check",[[1,"ez-check",{"label":[513],"value":[1540],"enabled":[516],"mode":[513],"getMode":[64],"setFocus":[64]}]]],["ez-tabselector",[[1,"ez-tabselector",{"selectedIndex":[1538,"selected-index"],"selectedTab":[1537,"selected-tab"],"tabs":[1]}]]],["ez-combo-box",[[1,"ez-combo-box",{"value":[1537],"label":[513],"enabled":[516],"options":[1040],"errorMessage":[1537,"error-message"],"searchMode":[4,"search-mode"],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"optionLoader":[16],"suppressEmptyOption":[4,"suppress-empty-option"],"canShowError":[516,"can-show-error"],"mode":[513],"_preSelection":[32],"_visibleOptions":[32],"setFocus":[64],"setBlur":[64]}]]],["ez-icon",[[1,"ez-icon",{"size":[513],"href":[513],"iconName":[513,"icon-name"]}]]],["ez-form",[[0,"ez-form",{"dataUnit":[1040],"config":[16],"submit":[64],"cancel":[64],"validate":[64]}]]]], options);
|
|
14
14
|
});
|
|
15
15
|
};
|
|
16
16
|
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h } from './index-6b8bfbeb.js';
|
|
2
|
-
import { DataUnit, DataType, UserInterface } from '@sankhyalabs/core';
|
|
2
|
+
import { ApplicationContext, DataUnit, DataType, UserInterface } from '@sankhyalabs/core';
|
|
3
|
+
import { A as ApplicationUtils } from './ApplicationUtils-3ca0e68d.js';
|
|
3
4
|
|
|
4
5
|
const testDuCss = ":host{display:block}";
|
|
5
6
|
|
|
@@ -7,65 +8,57 @@ let TestDu = class {
|
|
|
7
8
|
constructor(hostRef) {
|
|
8
9
|
registerInstance(this, hostRef);
|
|
9
10
|
}
|
|
10
|
-
/*private _ezButton// : HTMLEzButton;
|
|
11
|
-
private _ezComboBox// : HTMLEzComboBox;
|
|
12
|
-
private _ezDateInput// : HTMLEzDateInput;
|
|
13
|
-
private _ezDateTimeInput// : HTMLEzDateTimeInput;
|
|
14
|
-
private _ezNumberInput// : HTMLEzNumberInput
|
|
15
|
-
private _ezSearch// : HTMLEzSearch
|
|
16
|
-
private _ezUpload// : HTMLEzUpload
|
|
17
|
-
private _ezFilterInput// : HTMLEzFilterInput*/
|
|
18
11
|
componentWillLoad() {
|
|
12
|
+
ApplicationContext.setContextValue("__EZUI__UPLOAD__ADD__URL__", "http://localhost:8080/mge/ez.uploading");
|
|
19
13
|
this.dataUnit = new DataUnit("testes_com_formulario");
|
|
14
|
+
this.dataUnit.subscribe(() => this.isDirty = this.dataUnit.isDirty());
|
|
20
15
|
this.dataUnit.metadata = {
|
|
21
16
|
name: "dd://br.com.sankhya.fin.cad.movimentacaoFinanceira/Financeiro",
|
|
22
17
|
label: "Parceiro",
|
|
23
18
|
fields: [
|
|
24
19
|
{
|
|
25
|
-
name: "
|
|
26
|
-
label: "
|
|
27
|
-
dataType: DataType.
|
|
28
|
-
userInterface: UserInterface.
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
name: "RECDESP",
|
|
34
|
-
label: "Receita/Despesa",
|
|
35
|
-
dataType: DataType.TEXT,
|
|
36
|
-
userInterface: UserInterface.OPTIONSELECTOR,
|
|
37
|
-
required: true,
|
|
38
|
-
properties: { options: `{"-1": "Despesa", "1": "Receita"}` }
|
|
39
|
-
},
|
|
40
|
-
{
|
|
41
|
-
name: "P",
|
|
42
|
-
label: "pera",
|
|
43
|
-
dataType: DataType.TEXT,
|
|
44
|
-
userInterface: UserInterface.OPTIONSELECTOR,
|
|
45
|
-
properties: { options: `{"M": "Madura", "V": "Verde", "P": "Passada"}` }
|
|
46
|
-
},
|
|
47
|
-
{
|
|
48
|
-
name: "ME",
|
|
49
|
-
label: "ME",
|
|
50
|
-
dataType: DataType.NUMBER,
|
|
51
|
-
userInterface: UserInterface.DECIMALNUMBER,
|
|
52
|
-
properties: { precision: 4, prettyPrecision: 1 }
|
|
20
|
+
name: "ANEXO",
|
|
21
|
+
label: "Anexo",
|
|
22
|
+
dataType: DataType.OBJECT,
|
|
23
|
+
userInterface: UserInterface.FILE,
|
|
24
|
+
properties: {
|
|
25
|
+
DESTINATION: "MULTIFILE",
|
|
26
|
+
MAX_FILES: "2"
|
|
27
|
+
}
|
|
53
28
|
}
|
|
54
29
|
]
|
|
55
30
|
};
|
|
56
|
-
this.dataUnit.dataLoader = () => new Promise(accept => accept(
|
|
57
|
-
{
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
31
|
+
this.dataUnit.dataLoader = () => new Promise(accept => accept({
|
|
32
|
+
records: [{
|
|
33
|
+
__record__id__: "1321321321321321",
|
|
34
|
+
CODPARC: 10,
|
|
35
|
+
NOMEPARC: "Parceiro 10",
|
|
36
|
+
P: "M",
|
|
37
|
+
L: "Bagaço",
|
|
38
|
+
LI: "Azedo"
|
|
39
|
+
}],
|
|
40
|
+
limit: 0,
|
|
41
|
+
offset: 2,
|
|
42
|
+
total: 100,
|
|
43
|
+
hasMore: true
|
|
44
|
+
}));
|
|
45
|
+
this.dataUnit.saveLoader = (_dataUnit, changes) => {
|
|
46
|
+
const savedRecords = [];
|
|
47
|
+
changes.forEach(change => {
|
|
48
|
+
savedRecords.push(Object.assign(Object.assign({}, change.record), change.updatingFields));
|
|
49
|
+
});
|
|
50
|
+
return Promise.resolve(savedRecords);
|
|
51
|
+
};
|
|
52
|
+
}
|
|
53
|
+
save() {
|
|
54
|
+
this.dataUnit.saveData().catch(e => {
|
|
55
|
+
if (e.kind === "WAITING_CHANGE_ERROR") {
|
|
56
|
+
ApplicationUtils.alert(`Alterando campo ${e.fieldName}`, e.message);
|
|
64
57
|
}
|
|
65
|
-
|
|
58
|
+
});
|
|
66
59
|
}
|
|
67
60
|
render() {
|
|
68
|
-
return (h("ez-form", { dataUnit: this.dataUnit }));
|
|
61
|
+
return (h("div", null, h("button", { onClick: () => this.dataUnit.loadData() }, "Carregar"), h("button", { onClick: () => this.save(), disabled: !this.isDirty }, "Salvar"), h("ez-form", { dataUnit: this.dataUnit })));
|
|
69
62
|
}
|
|
70
63
|
};
|
|
71
64
|
TestDu.style = testDuCss;
|
package/dist/ezui/ezui.esm.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as s}from"./p-89a57641.js";(()=>{const s=import.meta.url,o={};return""!==s&&(o.resourcesUrl=new URL(".",s).href),e(o)})().then((e=>s([["p-
|
|
1
|
+
import{p as e,b as s}from"./p-89a57641.js";(()=>{const s=import.meta.url,o={};return""!==s&&(o.resourcesUrl=new URL(".",s).href),e(o)})().then((e=>s([["p-c86cd69e",[[6,"ez-grid",{multipleSelection:[4,"multiple-selection"],pageSize:[2,"page-size"],serverUrl:[1,"server-url"],dataUnit:[16],_navigationHasPrevious:[32],_navigationHasNext:[32],_navigationFirstRow:[32],_navigationLastRow:[32],_navigationTotalRows:[32],_popUpVisible:[32],setColumnsDef:[64],addColumnMenuItem:[64],setColumnsState:[64],setData:[64],getSelection:[64],getColumnsState:[64],getColumns:[64],refresh:[64],quickFilter:[64]}]]],["p-24ff7d92",[[1,"ez-dialog",{confirm:[1028],critical:[1028],message:[1025],opened:[1540],personalizedIconPath:[1025,"personalized-icon-path"],ezTitle:[1025,"ez-title"],handleButtonClick:[64],show:[64]}]]],["p-01169201",[[1,"ez-filter-input",{label:[1],value:[1537],enabled:[4],loading:[516],errorMessage:[1537,"error-message"],restrict:[1],mode:[513],setFocus:[64],setBlur:[64]}]]],["p-b8678ee6",[[1,"ez-action-chip",{label:[513],enabled:[516]}]]],["p-95fc543c",[[0,"ez-application"]]],["p-542d3d29",[[1,"ez-label-chip",{label:[513],enabled:[516],removable:[516],value:[1540],setFocus:[64],setBlur:[64]}]]],["p-f8d3c04d",[[1,"ez-popover",{autoClose:[516,"auto-close"],top:[1537],left:[1537],bottom:[1537],right:[1537],boxWidth:[513,"box-width"],opened:[1540],innerElement:[1537,"inner-element"],updatePosition:[64],show:[64],hide:[64]}]]],["p-502d7e0d",[[1,"ez-popup",{size:[1],opened:[1540],useHeader:[1540,"use-header"],ezTitle:[1,"ez-title"]}]]],["p-25e050f5",[[1,"ez-toast",{message:[1025],fadeTime:[1026,"fade-time"],useIcon:[1028,"use-icon"],canClose:[1028,"can-close"],show:[64]}]]],["p-363fc3af",[[2,"grid-config",{selectedTab:[1025,"selected-tab"],columns:[1040]}]]],["p-f78c7ec9",[[1,"ez-modal",{modalSize:[1,"modal-size"],align:[1],opened:[1028],closeEsc:[4,"close-esc"],closeOutsideClick:[4,"close-outside-click"]}]]],["p-6f39077b",[[1,"ez-text-input",{label:[513],value:[1537],enabled:[516],loading:[516],errorMessage:[1537,"error-message"],mask:[1],canShowError:[516,"can-show-error"],restrict:[1],mode:[513],setFocus:[64],setBlur:[64]}]]],["p-8c447785",[[1,"ez-date-input",{label:[513],value:[1040],enabled:[516],errorMessage:[1537,"error-message"],mode:[513],setFocus:[64],setBlur:[64]}]]],["p-055f1b6a",[[1,"ez-date-time-input",{label:[513],value:[1040],enabled:[516],errorMessage:[1537,"error-message"],showSeconds:[516,"show-seconds"],mode:[513],setFocus:[64],setBlur:[64]}]]],["p-83d5f1ca",[[1,"ez-search",{value:[1537],label:[1537],enabled:[1540],errorMessage:[1537,"error-message"],optionLoader:[16],showSelectedValue:[4,"show-selected-value"],showOptionValue:[4,"show-option-value"],suppressEmptyOption:[4,"suppress-empty-option"],mode:[513],setFocus:[64],setBlur:[64]}]]],["p-43feac7d",[[1,"ez-time-input",{label:[513],viewValue:[1537,"view-value"],value:[1026],enabled:[516],errorMessage:[1537,"error-message"],showSeconds:[516,"show-seconds"],mode:[513],setFocus:[64],setBlur:[64]}]]],["p-8f2d46f8",[[1,"ez-number-input",{label:[1],value:[1538],enabled:[4],errorMessage:[1537,"error-message"],precision:[2],prettyPrecision:[2,"pretty-precision"],mode:[513],setFocus:[64],setBlur:[64]}]]],["p-a5f1f9c4",[[1,"ez-collapsible-box",{value:[1540],label:[513],headerSize:[513,"header-size"],iconPlacement:[513,"icon-placement"],showHide:[64]}]]],["p-a6e28794",[[0,"test-du",{isDirty:[32]}]]],["p-31b0e21a",[[1,"select-box",{selectedOption:[1,"selected-option"]}]]],["p-c6f2aa6c",[[1,"ez-list",{dataSource:[1040],useGroups:[1540,"use-groups"],ezDraggable:[1028,"ez-draggable"],ezSelectable:[1028,"ez-selectable"],itemSlotBuilder:[1040],_listItems:[32],_listGroupItems:[32],setSelection:[64],getSelection:[64],getList:[64]}]]],["p-2f14fe3d",[[1,"ez-text-area",{label:[513],value:[1537],enabled:[516],loading:[516],errorMessage:[1537,"error-message"],rows:[1538],canShowError:[516,"can-show-error"],mode:[513],setFocus:[64],setBlur:[64]}]]],["p-8793a124",[[1,"ez-upload",{label:[1],enabled:[4],maxFileSize:[2,"max-file-size"],maxFiles:[2,"max-files"],requestHeaders:[8,"request-headers"],urlUpload:[1,"url-upload"],urlDelete:[1,"url-delete"],value:[1040],addFiles:[64],setFocus:[64],setBlur:[64]}]]],["p-c13353f1",[[1,"ez-button",{label:[513],enabled:[516],mode:[513],image:[513],iconName:[513,"icon-name"],size:[513],setFocus:[64],setBlur:[64]}]]],["p-804c118a",[[1,"ez-calendar",{value:[1040],floating:[516],time:[516],showSeconds:[516,"show-seconds"],show:[64],fitVertical:[64],hide:[64]}]]],["p-76b64956",[[1,"ez-check",{label:[513],value:[1540],enabled:[516],mode:[513],getMode:[64],setFocus:[64]}]]],["p-97f77023",[[1,"ez-tabselector",{selectedIndex:[1538,"selected-index"],selectedTab:[1537,"selected-tab"],tabs:[1]}]]],["p-d3d3e2ac",[[1,"ez-combo-box",{value:[1537],label:[513],enabled:[516],options:[1040],errorMessage:[1537,"error-message"],searchMode:[4,"search-mode"],showSelectedValue:[4,"show-selected-value"],showOptionValue:[4,"show-option-value"],optionLoader:[16],suppressEmptyOption:[4,"suppress-empty-option"],canShowError:[516,"can-show-error"],mode:[513],_preSelection:[32],_visibleOptions:[32],setFocus:[64],setBlur:[64]}]]],["p-59a8448a",[[1,"ez-icon",{size:[513],href:[513],iconName:[513,"icon-name"]}]]],["p-68c509a7",[[0,"ez-form",{dataUnit:[1040],config:[16],submit:[64],cancel:[64],validate:[64]}]]]],e)));
|