@sankhyalabs/ezui 7.1.0-dev.1 → 7.1.0-dev.10

package/dist/collection/components/ez-dialog/ez-dialog.css

@@ -8,9 +8,11 @@
   /*@doc Define a cor de fundo do botão de fechar.*/
   --dialog__btn__close--background-color: var(--title--primary, #2b3a54);
   /*@doc Define o espaçamento direito do botão de negação.*/
-  --dialog__btn__no--padding-right: var(--space--large, 24px);
+  --dialog__btn__no--padding-right: var(--space--8, 8px);
   /*@doc Contém a imagem do ícone de fechamento.*/
   --dialog__btn__close__image: url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg%22%3E<path d="M 7.0060773,5.995511 11.461972,1.5397722 c 0.132856,-0.1328413 0.207547,-0.3130253 0.207547,-0.5009046 0,-0.18786999 -0.07469,-0.3680541 -0.207547,-0.5009048 -0.132857,-0.13284126 -0.31302,-0.20748126 -0.500927,-0.20748126 -0.187812,0 -0.36807,0.07464 -0.500926,0.20748126 L 6.0042244,4.9937015 1.5482921,0.5379628 C 1.4154357,0.40512154 1.2352533,0.33048154 1.0473657,0.33048154 c -0.18787813,0 -0.36807,0.07464 -0.50092647,0.20748126 -0.13285646,0.1328507 -0.20749026,0.31303481 -0.20749026,0.5009048 0,0.1878793 0.0746338,0.3680633 0.20749026,0.5009046 L 5.0023715,5.995511 0.54643923,10.452213 c -0.0676086,0.06534 -0.12151598,0.14352 -0.15859681,0.229916 -0.0370714,0.08639 -0.0565645,0.1794 -0.0573369,0.27335 -7.724e-4,0.09404 0.0171873,0.187331 0.0528423,0.274293 0.0356455,0.08705 0.0882688,0.166087 0.15479148,0.23256 0.0665321,0.06648 0.14562277,0.11897 0.2326735,0.154567 0.0870507,0.0356 0.18031463,0.05344 0.2743433,0.05259 0.094029,-8.5e-4 0.1869528,-0.02049 0.2733331,-0.0576 0.08639,-0.0372 0.1645078,-0.09121 0.2298029,-0.158817 L 6.0042244,6.9973204 10.460119,11.453078 c 0.132856,0.132851 0.313114,0.207444 0.500926,0.207444 0.187907,0 0.36807,-0.07459 0.500927,-0.207444 0.132856,-0.13285 0.207547,-0.313006 0.207547,-0.500904 0,-0.187898 -0.07469,-0.368054 -0.207547,-0.500905 z"/></svg>');
+  /*@doc Define a largura mínima dos botões.*/
+  --dialog__btn__min-width: 80px;
 
   /* Título */
   /*@doc Define o estilo da mensagem exibida no título.*/
@@ -245,6 +247,7 @@ h2 {
 
 .button__cancel {
   padding-right: var(--dialog__btn__no--padding-right);
+  --ez-button--min-width: var(--dialog__btn__min-width);
 }
 
 .button__confirm{
@@ -252,6 +255,7 @@ h2 {
   --ez-button--color: var(--color--inverted);
   --ez-button--hover--background-color: var(--color--primary-600);
   --ez-button--hover-color: var(--color--inverted);
+  --ez-button--min-width: var(--dialog__btn__min-width);
 }
 
 .button__confirm--danger{
@@ -259,6 +263,7 @@ h2 {
   --ez-button--color: var(--color--inverted);
   --ez-button--hover--background-color: var(--color-alert--error-900, #a10020);
   --ez-button--hover-color: var(--color--inverted);
+  --ez-button--min-width: var(--dialog__btn__min-width);
 }
 
 .button__confirm--container {

package/dist/collection/components/ez-grid/controller/ag-grid/AgGridController.js

@@ -763,7 +763,7 @@ export default class AgGridController {
     const colDefsWithConfigs = this.getColsDefWithConfigApplied(colDefs, this._lastColsConfig);
     this._gridOptions.api.setColumnDefs(colDefsWithConfigs);
   }
-  getColsDefWithConfigApplied(colDefs, colsConfig) {
+  getColsDefWithConfigApplied(colDefs, colsConfig = []) {
     //Cria map de colunas existentes na config e seu índice
     const orderMap = colsConfig.reduce((map, col, index) => {
       map[col.name] = index;

package/dist/collection/components/ez-modal-container/ez-modal-container.css

@@ -1,8 +1,8 @@
 :host {
   --ez-modal-container-overflow-y: auto;
   --ez-modal-container-overflow-x: hidden;
-  display: grid;
-  grid-template-rows: 0 auto 1fr auto 0;
+  display: flex;
+  flex-direction: column;
   width: 100%;
   height: 100%;
 }
@@ -35,7 +35,7 @@
   display: flex;
   flex-direction: row;
   justify-content: flex-end;
-  gap: var(--space--medium);
+  gap: var(--space--8, 8px);
   width: 100%;
   padding-top: var(--space--small, 6px);
 }
@@ -55,9 +55,3 @@
 .ez-modal-container__close-icon {
   --icon--color: var(--title--primary, #2B3A54)
 }
-
-.ez-modal-container__focus-ctrl {
-  height: 0px;
-  background-color: transparent;
-  border: none;
-}

package/dist/collection/components/ez-modal-container/ez-modal-container.js

@@ -46,17 +46,8 @@ export class EzModalContainer {
   closeModal() {
     this.ezModalAction.emit("CLOSE");
   }
-  focusLast() {
-    if (this._okButton == undefined) {
-      return;
-    }
-    this._okButton.setFocus();
-  }
-  focusFirst() {
-    this._closeButton.focus();
-  }
   render() {
-    return (h(Host, null, h("button", { class: "ez-modal-container__focus-ctrl", onFocusin: () => this.focusLast() }), h("div", { ref: ref => this._modalRef = ref, tabIndex: -1, class: "ez-modal-container__header-container" }, this.showTitleBar && (h("div", { class: "ez-modal-container__header ez-margin-bottom--medium" }, h("div", { class: "ez-col ez-align--middle ez-modal-container__title" }, h("h2", { class: "ez-text ez-title--large ez-title--primary ez-text--bold ez-margin-vertical--extra-small" }, this.modalTitle), this.modalSubTitle && (h("div", { class: "ez-text ez-text--medium ez-text--primary ez-margin-vertical--extra-small" }, this.modalSubTitle))), (this.showCloseButton && h("button", { ref: ref => this._closeButton = ref, class: "ez-modal-container__close-button", onClick: () => this.ezModalAction.emit(ModalAction.CLOSE), "aria-label": this.i18n("app.close") }, h("ez-icon", { class: "ez-modal-container__close-icon", size: "medium", iconName: "close" })))))), h("div", { tabIndex: -1, class: "ez-modal-container__content" }, h("slot", null)), h("div", { tabIndex: -1, class: "ez-modal-container__footer" }, this.cancelIsVisible() && (h("ez-button", { label: this.cancelButtonLabel || this.i18n("app.cancel"), enabled: this.cancelButtonStatus !== ModalButtonStatus.DISABLED, onClick: () => this.ezModalAction.emit(ModalAction.CANCEL) })), this.okIsVisible() && (h("ez-button", { ref: ref => this._okButton = ref, class: "ez-button--primary", label: this.okButtonLabel || this.i18n("app.ok"), enabled: this.okButtonStatus !== ModalButtonStatus.DISABLED, onClick: () => this.ezModalAction.emit(ModalAction.OK) }))), h("button", { class: "ez-modal-container__focus-ctrl", onFocusin: () => this.focusFirst() })));
+    return (h(Host, null, h("header", { ref: ref => this._modalRef = ref, tabIndex: -1, class: "ez-modal-container__header-container" }, this.showTitleBar && (h("div", { class: "ez-modal-container__header ez-margin-bottom--medium" }, h("div", { class: "ez-col ez-align--middle ez-modal-container__title" }, h("h2", { class: "ez-text ez-title--large ez-title--primary ez-text--bold ez-margin-vertical--extra-small" }, this.modalTitle), this.modalSubTitle && (h("div", { class: "ez-text ez-text--medium ez-text--primary ez-margin-vertical--extra-small" }, this.modalSubTitle))), (this.showCloseButton && h("button", { ref: ref => this._closeButton = ref, class: "ez-modal-container__close-button", onClick: () => this.ezModalAction.emit(ModalAction.CLOSE), "aria-label": this.i18n("app.close") }, h("ez-icon", { class: "ez-modal-container__close-icon", size: "medium", iconName: "close" })))))), h("main", { tabIndex: -1, class: "ez-modal-container__content" }, h("slot", null)), h("footer", { tabIndex: -1, class: "ez-modal-container__footer" }, this.cancelIsVisible() && (h("ez-button", { label: this.cancelButtonLabel || this.i18n("app.cancel"), isDisabled: this.cancelButtonStatus === ModalButtonStatus.DISABLED, onClick: () => this.ezModalAction.emit(ModalAction.CANCEL) })), this.okIsVisible() && (h("ez-button", { ref: ref => this._okButton = ref, class: "ez-button--primary", label: this.okButtonLabel || this.i18n("app.ok"), isDisabled: this.okButtonStatus === ModalButtonStatus.DISABLED, onClick: () => this.ezModalAction.emit(ModalAction.OK) })))));
   }
   static get is() { return "ez-modal-container"; }
   static get encapsulation() { return "scoped"; }

package/dist/collection/components/ez-popup/ez-popup.css

@@ -72,17 +72,17 @@
 }
 
 .popup__expandable-content {
+  flex-grow: 1;
   box-sizing: border-box;
   width: 100%;
-  flex: 1;
   font-family: var(--font--pattern, "Roboto");
   font-size: var(--font-size--default, 14px);
   color: var(--title--primary, #00281D);
   font-weight: var(--font-weight--regular, 400);
-  line-height: var(--line-height--24, 24px);
 }
 
 .popup__header {
+  flex-shrink: 0;
   width: 100%;
   display: flex;
   align-items: center;
@@ -115,6 +115,7 @@
 }
 
 .popup__footer {
+  flex-shrink: 0;
   display: flex;
   width: 100%;
   flex-direction: row-reverse;

package/dist/collection/components/ez-popup/ez-popup.js

@@ -8,7 +8,7 @@ export class EzPopup {
     this.useHeader = true;
     this.heightMode = "full";
     this.ezTitle = undefined;
-    this.enabledScroll = false;
+    this.enabledScroll = true;
     this.autoClose = true;
     this.footerButtons = [];
   }
@@ -78,9 +78,6 @@ export class EzPopup {
     if (this.heightMode === 'auto') {
       className += ' popup__container--auto';
     }
-    if (this.enabledScroll) {
-      className += ' popup__overflow-y--auto';
-    }
     className += ` ${this.getGridSize()}`;
     return className;
   }
@@ -141,9 +138,15 @@ export class EzPopup {
         };
     }
   }
+  renderFooterButtons() {
+    return this.footerButtons.slice(0, 3).map((buttonProps, index) => (h("ez-button", Object.assign({ key: index }, this.handleDefaultPropsButtonsByIndex(index), buttonProps))));
+  }
   render() {
     return (h(Host, null, this.opened && (h("div", { class: "overlay", tabIndex: -1, onClick: this.handleAutoClose.bind(this) }, h("dialog", { ref: ref => this._popupRef = ref, class: this.getDialogClass() }, this.useHeader &&
-      h("header", { class: "popup__header" }, !!this.ezTitle && h("h1", { class: "popup__title" }, this.ezTitle), h("ez-button", { class: this.ezTitle ? "btn-close" : "btn-close btn-close--solo", variant: "tertiary", mode: "icon", iconName: "close", size: "small", onClick: this.closePopup.bind(this) })), h("main", { class: "popup__expandable-content" }, h("slot", null)), this.footerButtons.length > 0 && (h("footer", { class: "popup__footer" }, this.footerButtons.slice(0, 3).map((buttonProps, index) => (h("ez-button", Object.assign({ key: index }, this.handleDefaultPropsButtonsByIndex(index), buttonProps)))))))))));
+      h("header", { class: "popup__header" }, !!this.ezTitle && h("h1", { class: "popup__title" }, this.ezTitle), h("ez-button", { class: this.ezTitle ? "btn-close" : "btn-close btn-close--solo", variant: "tertiary", mode: "icon", iconName: "close", size: "small", onClick: this.closePopup.bind(this) })), h("main", { class: {
+        "popup__expandable-content": true,
+        "popup__overflow-y--auto": this.enabledScroll
+      } }, h("slot", null)), h("footer", { class: "popup__footer" }, this.footerButtons.length > 0 && (this.renderFooterButtons()), h("slot", { name: 'footer' })))))));
   }
   static get is() { return "ez-popup"; }
   static get encapsulation() { return "shadow"; }
@@ -264,7 +267,7 @@ export class EzPopup {
         },
         "attribute": "enabled-scroll",
         "reflect": false,
-        "defaultValue": "false"
+        "defaultValue": "true"
       },
       "autoClose": {
         "type": "boolean",

package/dist/collection/components/ez-tree/ez-tree.css

@@ -8,6 +8,9 @@
   --ez-tree--margin: var(--space--extra-small, 3px);
   /*@doc Define a margem da direita do componente.*/
   --ez-tree--margin-right: 0px;
+
+  /*@doc Define se o texto dos itens pode ser selecionado pelo usuário.*/
+  --ez-tree--user-select: auto;
   
   /* Fontes e cor de ícones*/
   /*@doc Define a família da fonte.*/
@@ -197,6 +200,7 @@ ul.first-level {
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
+  user-select: var(--ez-tree--user-select);
   
   /*public*/
   font-family: var(--ez-tree--font-family);

package/dist/collection/components/ez-tree/ez-tree.js

@@ -7,11 +7,18 @@ import initI18n from '../../utils/i18n';
 export class EzTree {
   constructor() {
     this._onItemClick = (item) => {
-      this._onIconClick(item);
+      if (!this.selectable) {
+        this.openClose(item);
+        return;
+      }
+      if (this.value && this.value.id === item.id) {
+        this.value = undefined;
+        return;
+      }
+      this.value = item;
     };
     this._onIconClick = (item) => {
       this.openClose(item);
-      this.value = item;
     };
     this._tree = new Tree(() => forceUpdate(this));
     this._waintingForLoad = undefined;
@@ -21,6 +28,7 @@ export class EzTree {
     this.iconResolver = defaultIconResolver;
     this.tooltipResolver = undefined;
     this.enableHierarchicalFilter = true;
+    this.selectable = true;
   }
   /**
    * Efetua a seleção de um item.
@@ -71,10 +79,14 @@ export class EzTree {
       parentId = (_a = this.value) === null || _a === void 0 ? void 0 : _a.id;
     }
     this._tree.addChildAt(parentId, item);
+    this.addItemInIndexedList(parentId, item);
     const node = this._tree.getNode(parentId);
     if (node) {
       node.item.expanded = true;
     }
+    else {
+      this.collapseAll();
+    }
   }
   /**
    * Efetua a seleção de um item.
@@ -97,12 +109,48 @@ export class EzTree {
   /**
    * Atualiza um item
    */
-  async updateItem(item) {
-    var _a;
-    this._tree.updateItem(item);
+  async updateItem(item, config) {
+    var _a, _b, _c;
+    if (Array.isArray(item)) {
+      item.forEach(i => this.updateItem(i, config));
+      return;
+    }
+    if (config === null || config === void 0 ? void 0 : config.updatedBySelectedId) {
+      Object.assign(item, { id: this.selectedId });
+    }
+    this._tree.updateItem((config === null || config === void 0 ? void 0 : config.forceDefaultValues) ? this.applyDefaultValues(item) : item);
+    this.updateItemInIndexedList(item, config === null || config === void 0 ? void 0 : config.forceDefaultValues);
     const node = (_a = this._tree) === null || _a === void 0 ? void 0 : _a.getNode(this.selectedId);
     if (node == undefined) {
       this.value = this._visibleItems ? this._visibleItems[0] : undefined;
+      this._tree.collapseAll();
+    }
+    if (((_b = this.value) === null || _b === void 0 ? void 0 : _b.id) === item.id) {
+      this.value = item;
+      this.ezChange.emit(this.value);
+      return;
+    }
+    const childSelected = this.getItemById((_c = this.value) === null || _c === void 0 ? void 0 : _c.id, [item]);
+    if (childSelected) {
+      this.value = childSelected;
+      this.ezChange.emit(this.value);
+    }
+  }
+  /**
+   * Remove um item da árvore pelo seu ID.
+   * Se o item removido estiver selecionado, a seleção será limpa.
+   */
+  async removeItem(id) {
+    var _a;
+    id = id !== null && id !== void 0 ? id : this.selectedId;
+    if (!id) {
+      return;
+    }
+    this._tree.removeItem(id);
+    this.removeItemFromIndexedList(id);
+    this.ezRemoveItem.emit(id);
+    if (((_a = this.value) === null || _a === void 0 ? void 0 : _a.id) === id) {
+      this.value = undefined;
     }
   }
   /**
@@ -190,6 +238,75 @@ export class EzTree {
       event.preventDefault();
     }
   }
+  getItemById(id, items) {
+    for (const treeItem of items) {
+      if (treeItem.id === id) {
+        return treeItem;
+      }
+      else if (treeItem.children && Array.isArray(treeItem.children)) {
+        const itemFound = this.getItemById(id, treeItem.children);
+        if (itemFound) {
+          return itemFound;
+        }
+      }
+    }
+    return undefined;
+  }
+  addItemInIndexedList(parentId, item, items) {
+    var _a, _b;
+    items = (_a = items !== null && items !== void 0 ? items : this.items) !== null && _a !== void 0 ? _a : [];
+    if (!parentId) {
+      items.push(item);
+    }
+    const itemFound = this.getItemById(parentId, items);
+    itemFound.children = ((_b = itemFound.children) !== null && _b !== void 0 ? _b : []);
+    itemFound.children.push(item);
+    itemFound.childrenCount = itemFound.children.length;
+  }
+  applyDefaultValues(item) {
+    if (item.disabled === undefined) {
+      item.disabled = false;
+    }
+    if (item.expanded === undefined) {
+      item.expanded = false;
+    }
+    return item;
+  }
+  updateItemInIndexedList(item, forceDefaultValues = false) {
+    if (!item || !this.items) {
+      return;
+    }
+    const itemFound = this.getItemById(item.id, this.items);
+    if (itemFound) {
+      Object.assign(itemFound, forceDefaultValues ? this.applyDefaultValues(item) : item);
+    }
+  }
+  removeItemFromIndexedList(id, items) {
+    var _a;
+    items = (_a = items !== null && items !== void 0 ? items : this.items) !== null && _a !== void 0 ? _a : [];
+    if (!id) {
+      return false;
+    }
+    const rootIndex = items.findIndex(item => item.id === id);
+    if (rootIndex !== -1) {
+      items.splice(rootIndex, 1);
+      return true;
+    }
+    for (const treeItem of items) {
+      if (treeItem.children && Array.isArray(treeItem.children)) {
+        const childIndex = treeItem.children.findIndex(child => child.id === id);
+        if (childIndex !== -1) {
+          treeItem.children.splice(childIndex, 1);
+          treeItem.childrenCount = treeItem.children.length;
+          return true;
+        }
+        if (this.removeItemFromIndexedList(id, treeItem.children)) {
+          return true;
+        }
+      }
+    }
+    return false;
+  }
   getItemPathAttrs({ id, label }) {
     return { id, label };
   }
@@ -427,6 +544,24 @@ export class EzTree {
         "attribute": "enable-hierarchical-filter",
         "reflect": false,
         "defaultValue": "true"
+      },
+      "selectable": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define se os itens da \u00E1rvore s\u00E3o selecion\u00E1veis."
+        },
+        "attribute": "selectable",
+        "reflect": false,
+        "defaultValue": "true"
       }
     };
   }
@@ -497,6 +632,21 @@ export class EzTree {
             }
           }
         }
+      }, {
+        "method": "ezRemoveItem",
+        "name": "ezRemoveItem",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido ao remover um item da \u00E1rvore."
+        },
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        }
       }];
   }
   static get methods() {
@@ -662,10 +812,13 @@ export class EzTree {
       },
       "updateItem": {
         "complexType": {
-          "signature": "(item: ITreeItem) => Promise<void>",
+          "signature": "(item: ITreeItem | ITreeItem[], config?: Partial<UpdateItemConfig>) => Promise<void>",
           "parameters": [{
               "tags": [],
               "text": ""
+            }, {
+              "tags": [],
+              "text": ""
             }],
           "references": {
             "Promise": {
@@ -674,6 +827,13 @@ export class EzTree {
             "ITreeItem": {
               "location": "import",
               "path": "./interfaces/ITreeItem"
+            },
+            "Partial": {
+              "location": "global"
+            },
+            "UpdateItemConfig": {
+              "location": "import",
+              "path": "./types/UpdateItemConfig"
             }
           },
           "return": "Promise<void>"
@@ -683,6 +843,25 @@ export class EzTree {
           "tags": []
         }
       },
+      "removeItem": {
+        "complexType": {
+          "signature": "(id?: string) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Remove um item da \u00E1rvore pelo seu ID.\nSe o item removido estiver selecionado, a sele\u00E7\u00E3o ser\u00E1 limpa.",
+          "tags": []
+        }
+      },
       "getItem": {
         "complexType": {
           "signature": "(id: string) => Promise<ITreeItem>",

package/dist/collection/components/ez-tree/subcomponents/TreeItem.js

@@ -20,12 +20,15 @@ export const TreeItem = (props) => {
       iconClick(treeItem);
     }
   }
+  function handleIconDoubleClick(event) {
+    event.stopPropagation();
+  }
   return (h("ul", { class: level === 1 ? "first-level" : undefined }, h("li", Object.assign({ title: tooltipResolver(treeItem, !disabled, level), class: `tree-item ${treeItem.id !== selectedId ? "tree-item-error" : ""}`, onClick: () => available && itemClick(treeItem), onDblClick: () => available && itemDoubleClick(treeItem) }, {
     disabled,
     selected: treeItem.id === selectedId,
     [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: ElementIDUtils.getInternalIDInfo(`ezTreeItem_${treeItem.id}`)
   }), h("div", { class: "item-label-container" }, h("div", { class: "item-icon-box" }, expandable &&
-    h("ez-icon", { id: treeItem.id, class: "item-icon", size: "small", iconName: iconResolver(treeItem, expanded, level), onClick: (event) => handleIconClick(event) })), h("label", { class: `item-label ${treeItem.bold ? "item-label--bold" : ""}` }, treeItem.label)), getBadgeElement(treeItem.id, treeItem.badge, treeItem.id === selectedId)), expanded
+    h("ez-icon", { id: treeItem.id, class: "item-icon", size: "small", iconName: iconResolver(treeItem, expanded, level), onClick: (event) => handleIconClick(event), onDblClick: (event) => handleIconDoubleClick(event) })), h("label", { class: `item-label ${treeItem.bold ? "item-label--bold" : ""}` }, treeItem.label)), getBadgeElement(treeItem.id, treeItem.badge, treeItem.id === selectedId)), expanded
     && node.getChildren().map(child => h(TreeItem, { selectedId: selectedId, node: child, itemClick: itemClick, iconClick: iconClick, level: level + 1, iconResolver: iconResolver, tooltipResolver: tooltipResolver, itemsList: itemsList, itemDoubleClick: itemDoubleClick }))));
 };
 function getBadgeElement(itemId, badge, isSelectedItem) {

package/dist/collection/components/ez-tree/types/Node.js

@@ -69,6 +69,13 @@ export class Node {
       this.children.set(item.id, new Node(tree, item, this));
     }
   }
+  removeChild(id) {
+    if (this.children.has(id)) {
+      this.children.delete(id);
+      return true;
+    }
+    return false;
+  }
   addPlaceHolder() {
     this.children.clear();
     const id = this.item.id;

package/dist/collection/components/ez-tree/types/Tree.js

@@ -9,6 +9,8 @@ export class Tree extends Node {
   async addChildAt(parentId, item) {
     const parent = this.getNode(parentId);
     if (parent == undefined) {
+      this.addChild(this, item);
+      this._changeCallback();
       return;
     }
     parent.addChild(this, item);
@@ -72,6 +74,23 @@ export class Tree extends Node {
     }
     this._changeCallback();
   }
+  removeItem(id) {
+    if (!id) {
+      return;
+    }
+    const node = this.getNode(id);
+    if (!node) {
+      return;
+    }
+    if (node.parent) {
+      node.parent.removeChild(id);
+    }
+    else {
+      this.children.delete(id);
+    }
+    this._disabledValues.delete(id);
+    this._changeCallback();
+  }
   async open(path) {
     return new Promise(async (resolve) => {
       await this.walkPath(this, path, node => node.item.expanded = true);

package/dist/collection/components/ez-tree/types/UpdateItemConfig.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/utils/form/DataBinder.js

@@ -120,7 +120,7 @@ export default class DataBinder {
   clearFieldError(fieldName) {
     var _a;
     const field = (_a = this._fields.get(fieldName)) === null || _a === void 0 ? void 0 : _a.field;
-    if (field["errorMessage"]) {
+    if (field && field["errorMessage"]) {
       field["errorMessage"] = "";
       this._dataUnit.clearInvalid(this.getCurrentRecordId(), fieldName);
     }