@ibiz-template/vue3-components 0.7.38-alpha.31 → 0.7.38-alpha.56

package/lib/control/grid/grid-column/grid-field-edit-column/grid-field-edit-column.cjs

@@ -33,10 +33,6 @@ const GridFieldEditColumn = /* @__PURE__ */ vue.defineComponent({
     const ns = vue3Util.useNamespace("grid-field-edit-column");
     const componentRef = vue.ref();
     const c = props.controller;
-    const rowDataChange = async (val, name) => {
-      ibiz.log.debug("".concat(c.fieldName, "\u503C\u53D8\u66F4"), val);
-      await c.setRowValue(props.row, val, name);
-    };
     const useByShowMode = () => {
       switch (c.grid.editShowMode) {
         case "cell":
@@ -55,6 +51,23 @@ const GridFieldEditColumn = /* @__PURE__ */ vue.defineComponent({
       gridEditItemProps,
       editorProps
     } = useByShowMode();
+    const rowDataChange = async (val, name, ignore = false) => {
+      ibiz.log.debug("".concat(c.fieldName, "\u503C\u53D8\u66F4"), val);
+      const {
+        isEscOut
+      } = gridEditItemProps;
+      if (isEscOut) {
+        gridEditItemProps.isEscOut = false;
+        const rowData = props.row.data;
+        const oldValue = rowData[c.fieldName];
+        rowData[c.fieldName] = null;
+        vue.nextTick(() => {
+          rowData[c.fieldName] = oldValue;
+        });
+        return;
+      }
+      await c.setRowValue(props.row, val, name, ignore);
+    };
     const infoText = vue.ref(void 0);
     const onInfoTextChange = (text) => {
       infoText.value = text;
@@ -87,7 +100,7 @@ const GridFieldEditColumn = /* @__PURE__ */ vue.defineComponent({
       ref: "componentRef",
       required: !this.c.editItem.allowEmpty,
       error: this.row.errors[this.c.fieldName],
-      overflowMode: this.controller.grid.overflowMode,
+      overflowMode: this.c.grid.overflowMode,
       class: [this.ns, this.ns.m(this.c.grid.overflowMode), (_a = this.controller.model.cellSysCss) == null ? void 0 : _a.cssName],
       ...this.gridEditItemProps
     }, {

package/lib/control/grid/grid-column/grid-ua-column/grid-ua-column.css

@@ -1 +1 @@
-.ibiz-grid-ua-column{--ibiz-grid-ua-column-cell-padding:var(--ibiz-spacing-tight);--ibiz-grid-ua-column-btn-bg-color:transparent;--ibiz-grid-ua-column-btn-hover-color:var(--ibiz-color-primary-hover);--ibiz-grid-ua-column-btn-color:var(--ibiz-color-primary);--ibiz-grid-ua-column-font-size:var(--ibiz-font-size-regular);--ibiz-grid-ua-column-font-weight:var(--ibiz-font-weight-regular);display:flex;align-items:center;justify-content:var(--ibiz-grid-column-text-align);width:100%;height:100%;padding:var(--ibiz-grid-ua-column-cell-padding)}.ibiz-grid-ua-column .el-button{font-size:var(--ibiz-grid-ua-column-font-size);font-weight:var(--ibiz-grid-ua-column-font-weight);color:var(--ibiz-grid-ua-column-btn-color);background-color:var(--ibiz-grid-ua-column-btn-bg-color);box-shadow:none}.ibiz-grid-ua-column .el-button:hover{color:var(--ibiz-grid-ua-column-btn-hover-color)}.ibiz-grid-ua-column .el-button.is-text:not(.is-disabled):hover{background-color:var(--ibiz-grid-ua-column-btn-bg-color)}
+.ibiz-grid-ua-column{--ibiz-grid-ua-column-cell-padding:var(--ibiz-control-grid-cell-padding);--ibiz-grid-ua-column-btn-bg-color:transparent;--ibiz-grid-ua-column-btn-hover-color:var(--ibiz-color-primary-hover);--ibiz-grid-ua-column-btn-color:var(--ibiz-color-primary);--ibiz-grid-ua-column-font-size:var(--ibiz-font-size-regular);--ibiz-grid-ua-column-font-weight:var(--ibiz-font-weight-regular);display:flex;align-items:center;justify-content:var(--ibiz-grid-column-text-align);width:100%;height:100%;padding:var(--ibiz-grid-ua-column-cell-padding)}.ibiz-grid-ua-column .el-button{font-size:var(--ibiz-grid-ua-column-font-size);font-weight:var(--ibiz-grid-ua-column-font-weight);color:var(--ibiz-grid-ua-column-btn-color);background-color:var(--ibiz-grid-ua-column-btn-bg-color);box-shadow:none}.ibiz-grid-ua-column .el-button:hover{color:var(--ibiz-grid-ua-column-btn-hover-color)}.ibiz-grid-ua-column .el-button.is-text:not(.is-disabled):hover{background-color:var(--ibiz-grid-ua-column-btn-bg-color)}

package/lib/control/grid/grid-column/index.cjs

@@ -4,6 +4,7 @@ var index = require('./grid-field-column/index.cjs');
 var index$1 = require('./grid-ua-column/index.cjs');
 var index$2 = require('./grid-field-edit-column/index.cjs');
 var index$3 = require('./grid-group-column/index.cjs');
+var index$4 = require('./auto-grid-field-edit-column/index.cjs');
 
 "use strict";
 
@@ -11,3 +12,4 @@ exports.IBizGridFieldColumn = index.IBizGridFieldColumn;
 exports.IBizGridUAColumn = index$1.IBizGridUAColumn;
 exports.IBizGridFieldEditColumn = index$2.IBizGridFieldEditColumn;
 exports.IBizGridGroupColumn = index$3.IBizGridGroupColumn;
+exports.IBizDynamicGridFieldEditColumn = index$4.IBizDynamicGridFieldEditColumn;

package/lib/control/grid/index.cjs

@@ -7,6 +7,7 @@ var index$1 = require('./grid-column/grid-field-column/index.cjs');
 var index$2 = require('./grid-column/grid-ua-column/index.cjs');
 var index$3 = require('./grid-column/grid-field-edit-column/index.cjs');
 var index$4 = require('./grid-column/grid-group-column/index.cjs');
+var index$5 = require('./grid-column/auto-grid-field-edit-column/index.cjs');
 
 "use strict";
 
@@ -20,3 +21,4 @@ exports.IBizGridFieldColumn = index$1.IBizGridFieldColumn;
 exports.IBizGridUAColumn = index$2.IBizGridUAColumn;
 exports.IBizGridFieldEditColumn = index$3.IBizGridFieldEditColumn;
 exports.IBizGridGroupColumn = index$4.IBizGridGroupColumn;
+exports.IBizDynamicGridFieldEditColumn = index$5.IBizDynamicGridFieldEditColumn;

package/lib/control/grid/row-edit-popover/use-row-edit-popover.cjs

@@ -72,7 +72,7 @@ function useRowEditPopover(tableRef, c) {
     }, null)];
   };
   c.evt.on("onRowEditChange", (event) => {
-    if (event.row.showRowEdit) {
+    if (event.row.showRowEdit && !c.state.isAutoGrid) {
       setTimeout(() => {
         showRowEditPop(event.row);
       }, 0);

package/lib/control/index.cjs

@@ -3,108 +3,109 @@
 var index = require('./app-menu/index.cjs');
 var index$1 = require('./app-menu-icon-view/index.cjs');
 require('./grid/index.cjs');
-var index$7 = require('./list/index.cjs');
+var index$8 = require('./list/index.cjs');
 require('./form/index.cjs');
-var index$l = require('./toolbar/index.cjs');
-var index$m = require('./caption-bar/index.cjs');
-var index$n = require('./data-view/index.cjs');
-var index$o = require('./tree/index.cjs');
-var index$p = require('./pickup-view-panel/index.cjs');
-var index$q = require('./tab-exp-panel/index.cjs');
+var index$m = require('./toolbar/index.cjs');
+var index$n = require('./caption-bar/index.cjs');
+var index$o = require('./data-view/index.cjs');
+var index$p = require('./tree/index.cjs');
+var index$q = require('./pickup-view-panel/index.cjs');
+var index$r = require('./tab-exp-panel/index.cjs');
 require('./exp-bar/index.cjs');
-var index$x = require('./search-bar/index.cjs');
-var index$y = require('./chart/index.cjs');
-var index$z = require('./wizard-panel/index.cjs');
-var index$A = require('./drbar/index.cjs');
-var index$B = require('./drtab/index.cjs');
-var index$C = require('./dashboard/index.cjs');
-var index$N = require('./calendar/index.cjs');
-var index$O = require('./kanban/index.cjs');
-var index$P = require('./tree-grid-ex/index.cjs');
-var index$Q = require('./tree-grid/index.cjs');
-var index$R = require('./medit-view-panel/index.cjs');
-var index$S = require('./map/index.cjs');
-var index$T = require('./report-panel/index.cjs');
-var index$U = require('./gantt/index.cjs');
-var index$V = require('./context-menu/index.cjs');
+var index$y = require('./search-bar/index.cjs');
+var index$z = require('./chart/index.cjs');
+var index$A = require('./wizard-panel/index.cjs');
+var index$B = require('./drbar/index.cjs');
+var index$C = require('./drtab/index.cjs');
+var index$D = require('./dashboard/index.cjs');
+var index$O = require('./calendar/index.cjs');
+var index$P = require('./kanban/index.cjs');
+var index$Q = require('./tree-grid-ex/index.cjs');
+var index$R = require('./tree-grid/index.cjs');
+var index$S = require('./medit-view-panel/index.cjs');
+var index$T = require('./map/index.cjs');
+var index$U = require('./report-panel/index.cjs');
+var index$V = require('./gantt/index.cjs');
+var index$W = require('./context-menu/index.cjs');
 var gridControl_util = require('./grid/grid/grid-control.util.cjs');
 var index$2 = require('./grid/grid/index.cjs');
 var index$3 = require('./grid/grid-column/grid-field-column/index.cjs');
 var index$4 = require('./grid/grid-column/grid-ua-column/index.cjs');
 var index$5 = require('./grid/grid-column/grid-field-edit-column/index.cjs');
 var index$6 = require('./grid/grid-column/grid-group-column/index.cjs');
-var index$8 = require('./form/search-form/index.cjs');
-var index$9 = require('./form/form-detail/form-group-panel/index.cjs');
+var index$7 = require('./grid/grid-column/auto-grid-field-edit-column/index.cjs');
+var index$9 = require('./form/search-form/index.cjs');
+var index$a = require('./form/form-detail/form-group-panel/index.cjs');
 var formItemContainer = require('./form/form-detail/form-item/form-item-container/form-item-container.cjs');
-var index$a = require('./form/form-detail/form-item/index.cjs');
+var index$b = require('./form/form-detail/form-item/index.cjs');
 var formPage_item = require('./form/form-detail/form-page/form-page-item/form-page.item.cjs');
-var index$b = require('./form/form-detail/form-page/index.cjs');
-var index$c = require('./form/form-detail/form-button/index.cjs');
-var index$d = require('./form/form-detail/form-druipart/index.cjs');
-var index$e = require('./form/form-detail/form-mdctrl/index.cjs');
-var index$f = require('./form/form-detail/form-rawitem/index.cjs');
-var index$g = require('./form/form-detail/form-tab-panel/index.cjs');
-var index$h = require('./form/form-detail/form-tab-page/index.cjs');
-var index$i = require('./form/form-detail/form-button-list/index.cjs');
-var index$j = require('./form/edit-form/index.cjs');
-var index$k = require('./form/form/index.cjs');
+var index$c = require('./form/form-detail/form-page/index.cjs');
+var index$d = require('./form/form-detail/form-button/index.cjs');
+var index$e = require('./form/form-detail/form-druipart/index.cjs');
+var index$f = require('./form/form-detail/form-mdctrl/index.cjs');
+var index$g = require('./form/form-detail/form-rawitem/index.cjs');
+var index$h = require('./form/form-detail/form-tab-panel/index.cjs');
+var index$i = require('./form/form-detail/form-tab-page/index.cjs');
+var index$j = require('./form/form-detail/form-button-list/index.cjs');
+var index$k = require('./form/edit-form/index.cjs');
+var index$l = require('./form/form/index.cjs');
 var dataView_provider = require('./data-view/data-view.provider.cjs');
-var index$r = require('./exp-bar/tree-exp-bar/index.cjs');
-var index$s = require('./exp-bar/list-exp-bar/index.cjs');
-var index$t = require('./exp-bar/grid-exp-bar/index.cjs');
-var index$u = require('./exp-bar/data-view-exp-bar/index.cjs');
-var index$v = require('./exp-bar/calendar-exp-bar/index.cjs');
-var index$w = require('./exp-bar/chart-exp-bar/index.cjs');
+var index$s = require('./exp-bar/tree-exp-bar/index.cjs');
+var index$t = require('./exp-bar/list-exp-bar/index.cjs');
+var index$u = require('./exp-bar/grid-exp-bar/index.cjs');
+var index$v = require('./exp-bar/data-view-exp-bar/index.cjs');
+var index$w = require('./exp-bar/calendar-exp-bar/index.cjs');
+var index$x = require('./exp-bar/chart-exp-bar/index.cjs');
 var drbar_controller = require('./drbar/drbar.controller.cjs');
 var drtab_controller = require('./drtab/drtab.controller.cjs');
 var containerPortlet = require('./dashboard/portlet/container-portlet/container-portlet.cjs');
-var index$D = require('./dashboard/portlet/container-portlet/index.cjs');
+var index$E = require('./dashboard/portlet/container-portlet/index.cjs');
 var portletLayout = require('./dashboard/portlet/portlet-layout/portlet-layout.cjs');
 var viewPortlet = require('./dashboard/portlet/view-portlet/view-portlet.cjs');
-var index$E = require('./dashboard/portlet/view-portlet/index.cjs');
+var index$F = require('./dashboard/portlet/view-portlet/index.cjs');
 var menuPortlet = require('./dashboard/portlet/menu-portlet/menu-portlet.cjs');
-var index$F = require('./dashboard/portlet/menu-portlet/index.cjs');
+var index$G = require('./dashboard/portlet/menu-portlet/index.cjs');
 var chartPortlet = require('./dashboard/portlet/chart-portlet/chart-portlet.cjs');
-var index$G = require('./dashboard/portlet/chart-portlet/index.cjs');
+var index$H = require('./dashboard/portlet/chart-portlet/index.cjs');
 var rawitemPortlet = require('./dashboard/portlet/rawitem-portlet/rawitem-portlet.cjs');
-var index$H = require('./dashboard/portlet/rawitem-portlet/index.cjs');
+var index$I = require('./dashboard/portlet/rawitem-portlet/index.cjs');
 var listPortlet = require('./dashboard/portlet/list-portlet/list-portlet.cjs');
-var index$I = require('./dashboard/portlet/list-portlet/index.cjs');
+var index$J = require('./dashboard/portlet/list-portlet/index.cjs');
 var htmlPortlet = require('./dashboard/portlet/html-portlet/html-portlet.cjs');
-var index$J = require('./dashboard/portlet/html-portlet/index.cjs');
+var index$K = require('./dashboard/portlet/html-portlet/index.cjs');
 var actionbarPortlet = require('./dashboard/portlet/actionbar-portlet/actionbar-portlet.cjs');
-var index$K = require('./dashboard/portlet/actionbar-portlet/index.cjs');
+var index$L = require('./dashboard/portlet/actionbar-portlet/index.cjs');
 var reportPortlet = require('./dashboard/portlet/report-portlet/report-portlet.cjs');
-var index$L = require('./dashboard/portlet/report-portlet/index.cjs');
+var index$M = require('./dashboard/portlet/report-portlet/index.cjs');
 var filterPortlet = require('./dashboard/portlet/filter-portlet/filter-portlet.cjs');
-var index$M = require('./dashboard/portlet/filter-portlet/index.cjs');
+var index$N = require('./dashboard/portlet/filter-portlet/index.cjs');
 
 "use strict";
 
 exports.IBizAppMenuControl = index.IBizAppMenuControl;
 exports.IBizAppMenuIconViewControl = index$1.IBizAppMenuIconViewControl;
-exports.IBizListControl = index$7.IBizListControl;
-exports.IBizToolbarControl = index$l.IBizToolbarControl;
-exports.IBizCaptionBarControl = index$m.IBizCaptionBarControl;
-exports.IBizDataViewControl = index$n.IBizDataViewControl;
-exports.IBizTreeControl = index$o.IBizTreeControl;
-exports.IBizPickupViewPanelControl = index$p.IBizPickupViewPanelControl;
-exports.IBizTabExpPanelControl = index$q.IBizTabExpPanelControl;
-exports.IBizSearchBarControl = index$x.IBizSearchBarControl;
-exports.IBizChartControl = index$y.IBizChartControl;
-exports.IBizWizardPanelControl = index$z.IBizWizardPanelControl;
-exports.IBizDRBarControl = index$A.IBizDRBarControl;
-exports.IBizDRTabControl = index$B.IBizDRTabControl;
-exports.IBizDashboardControl = index$C.IBizDashboardControl;
-exports.IBizCalendarControl = index$N.IBizCalendarControl;
-exports.IBizKanbanControl = index$O.IBizKanbanControl;
-exports.IBizTreeGridExControl = index$P.IBizTreeGridExControl;
-exports.IBizTreeGridControl = index$Q.IBizTreeGridControl;
-exports.IBizMEditViewPanelControl = index$R.IBizMEditViewPanelControl;
-exports.IBizMapControl = index$S.IBizMapControl;
-exports.IBizReportPanelControl = index$T.IBizReportPanelControl;
-exports.IBizGanttControl = index$U.IBizGanttControl;
-exports.IBizContextMenuControl = index$V.IBizContextMenuControl;
+exports.IBizListControl = index$8.IBizListControl;
+exports.IBizToolbarControl = index$m.IBizToolbarControl;
+exports.IBizCaptionBarControl = index$n.IBizCaptionBarControl;
+exports.IBizDataViewControl = index$o.IBizDataViewControl;
+exports.IBizTreeControl = index$p.IBizTreeControl;
+exports.IBizPickupViewPanelControl = index$q.IBizPickupViewPanelControl;
+exports.IBizTabExpPanelControl = index$r.IBizTabExpPanelControl;
+exports.IBizSearchBarControl = index$y.IBizSearchBarControl;
+exports.IBizChartControl = index$z.IBizChartControl;
+exports.IBizWizardPanelControl = index$A.IBizWizardPanelControl;
+exports.IBizDRBarControl = index$B.IBizDRBarControl;
+exports.IBizDRTabControl = index$C.IBizDRTabControl;
+exports.IBizDashboardControl = index$D.IBizDashboardControl;
+exports.IBizCalendarControl = index$O.IBizCalendarControl;
+exports.IBizKanbanControl = index$P.IBizKanbanControl;
+exports.IBizTreeGridExControl = index$Q.IBizTreeGridExControl;
+exports.IBizTreeGridControl = index$R.IBizTreeGridControl;
+exports.IBizMEditViewPanelControl = index$S.IBizMEditViewPanelControl;
+exports.IBizMapControl = index$T.IBizMapControl;
+exports.IBizReportPanelControl = index$U.IBizReportPanelControl;
+exports.IBizGanttControl = index$V.IBizGanttControl;
+exports.IBizContextMenuControl = index$W.IBizContextMenuControl;
 exports.useAppGridBase = gridControl_util.useAppGridBase;
 exports.useAppGridPagination = gridControl_util.useAppGridPagination;
 exports.useGridDraggable = gridControl_util.useGridDraggable;
@@ -115,48 +116,49 @@ exports.IBizGridFieldColumn = index$3.IBizGridFieldColumn;
 exports.IBizGridUAColumn = index$4.IBizGridUAColumn;
 exports.IBizGridFieldEditColumn = index$5.IBizGridFieldEditColumn;
 exports.IBizGridGroupColumn = index$6.IBizGridGroupColumn;
-exports.IBizSearchFormControl = index$8.IBizSearchFormControl;
-exports.IBizFormGroupPanel = index$9.IBizFormGroupPanel;
+exports.IBizDynamicGridFieldEditColumn = index$7.IBizDynamicGridFieldEditColumn;
+exports.IBizSearchFormControl = index$9.IBizSearchFormControl;
+exports.IBizFormGroupPanel = index$a.IBizFormGroupPanel;
 exports.IBizFormItemContainer = formItemContainer.IBizFormItemContainer;
-exports.IBizFormItem = index$a.IBizFormItem;
+exports.IBizFormItem = index$b.IBizFormItem;
 exports.IBizFormPageItem = formPage_item.IBizFormPageItem;
-exports.IBizFormPage = index$b.IBizFormPage;
-exports.IBizFormButton = index$c.IBizFormButton;
-exports.IBizFormDRUIPart = index$d.IBizFormDRUIPart;
-exports.IBizFormMDCtrl = index$e.IBizFormMDCtrl;
-exports.IBizFormRawItem = index$f.IBizFormRawItem;
-exports.IBizFormTabPanel = index$g.IBizFormTabPanel;
-exports.IBizFormTabPage = index$h.IBizFormTabPage;
-exports.IBizFormButtonList = index$i.IBizFormButtonList;
-exports.IBizEditFormControl = index$j.IBizEditFormControl;
-exports.IBizFormControl = index$k.IBizFormControl;
+exports.IBizFormPage = index$c.IBizFormPage;
+exports.IBizFormButton = index$d.IBizFormButton;
+exports.IBizFormDRUIPart = index$e.IBizFormDRUIPart;
+exports.IBizFormMDCtrl = index$f.IBizFormMDCtrl;
+exports.IBizFormRawItem = index$g.IBizFormRawItem;
+exports.IBizFormTabPanel = index$h.IBizFormTabPanel;
+exports.IBizFormTabPage = index$i.IBizFormTabPage;
+exports.IBizFormButtonList = index$j.IBizFormButtonList;
+exports.IBizEditFormControl = index$k.IBizEditFormControl;
+exports.IBizFormControl = index$l.IBizFormControl;
 exports.DataViewControlProvider = dataView_provider.DataViewControlProvider;
-exports.IBizTreeExpBarControl = index$r.IBizTreeExpBarControl;
-exports.IBizListExpBarControl = index$s.IBizListExpBarControl;
-exports.IBizGridExpBarControl = index$t.IBizGridExpBarControl;
-exports.IBizDataViewExpBarControl = index$u.IBizDataViewExpBarControl;
-exports.IBizCalendarExpBarControl = index$v.IBizCalendarExpBarControl;
-exports.IBizChartExpBarControl = index$w.IBizChartExpBarControl;
+exports.IBizTreeExpBarControl = index$s.IBizTreeExpBarControl;
+exports.IBizListExpBarControl = index$t.IBizListExpBarControl;
+exports.IBizGridExpBarControl = index$u.IBizGridExpBarControl;
+exports.IBizDataViewExpBarControl = index$v.IBizDataViewExpBarControl;
+exports.IBizCalendarExpBarControl = index$w.IBizCalendarExpBarControl;
+exports.IBizChartExpBarControl = index$x.IBizChartExpBarControl;
 exports.DRBarController = drbar_controller.DRBarController;
 exports.DRTabController = drtab_controller.DRTabController;
 exports.ContainerPortlet = containerPortlet.ContainerPortlet;
-exports.IBizContainerPortlet = index$D.IBizContainerPortlet;
+exports.IBizContainerPortlet = index$E.IBizContainerPortlet;
 exports.PortletLayout = portletLayout.PortletLayout;
 exports.ViewPortlet = viewPortlet.ViewPortlet;
-exports.IBizViewPortlet = index$E.IBizViewPortlet;
+exports.IBizViewPortlet = index$F.IBizViewPortlet;
 exports.MenuPortlet = menuPortlet.MenuPortlet;
-exports.IBizMenuPortlet = index$F.IBizMenuPortlet;
+exports.IBizMenuPortlet = index$G.IBizMenuPortlet;
 exports.ChartPortlet = chartPortlet.ChartPortlet;
-exports.IBizChartPortlet = index$G.IBizChartPortlet;
+exports.IBizChartPortlet = index$H.IBizChartPortlet;
 exports.RawItemPortlet = rawitemPortlet.RawItemPortlet;
-exports.IBizRawItemPortlet = index$H.IBizRawItemPortlet;
+exports.IBizRawItemPortlet = index$I.IBizRawItemPortlet;
 exports.ListPortlet = listPortlet.ListPortlet;
-exports.IBizListPortlet = index$I.IBizListPortlet;
+exports.IBizListPortlet = index$J.IBizListPortlet;
 exports.HtmlPortlet = htmlPortlet.HtmlPortlet;
-exports.IBizHtmlPortlet = index$J.IBizHtmlPortlet;
+exports.IBizHtmlPortlet = index$K.IBizHtmlPortlet;
 exports.ActionBarPortlet = actionbarPortlet.ActionBarPortlet;
-exports.IBizActionBarPortlet = index$K.IBizActionBarPortlet;
+exports.IBizActionBarPortlet = index$L.IBizActionBarPortlet;
 exports.ReportPortlet = reportPortlet.ReportPortlet;
-exports.IBizReportPortlet = index$L.IBizReportPortlet;
+exports.IBizReportPortlet = index$M.IBizReportPortlet;
 exports.FilterPortlet = filterPortlet.FilterPortlet;
-exports.IBizFilterPortlet = index$M.IBizFilterPortlet;
+exports.IBizFilterPortlet = index$N.IBizFilterPortlet;

package/lib/control/kanban/kanban.cjs

@@ -237,10 +237,20 @@ const KanbanControl = /* @__PURE__ */ vue.defineComponent({
       if (!c.state.isLoaded) {
         return;
       }
+      const noDataSlots = {};
+      if (vue3Util.hasEmptyPanelRenderer(c)) {
+        Object.assign(noDataSlots, {
+          customRender: () => vue.createVNode(vue3Util.IBizCustomRender, {
+            "controller": c
+          }, null)
+        });
+      }
       return vue.createVNode(vue.resolveComponent("iBizNoData"), {
         "text": c.model.emptyText,
         "emptyTextLanguageRes": c.model.emptyTextLanguageRes
-      }, null);
+      }, _isSlot(noDataSlots) ? noDataSlots : {
+        default: () => [noDataSlots]
+      });
     };
     let cacheInfo = null;
     const onChange = (evt, groupKey) => {
@@ -305,7 +315,9 @@ const KanbanControl = /* @__PURE__ */ vue.defineComponent({
         "trigger": "click",
         "teleported": false
       }, {
-        default: () => vue.createVNode("span", null, [vue.createTextVNode("\xB7\xB7\xB7")]),
+        default: () => vue.createVNode("span", {
+          "title": ibiz.i18n.t("app.more")
+        }, [vue.createTextVNode("\xB7\xB7\xB7")]),
         dropdown: () => vue.createVNode("div", {
           "class": ns.be("group", "actions-dropdown")
         }, [c.model.groupUIActionGroup && group.groupActionGroupState && vue.createVNode(vue.resolveComponent("iBizActionToolbar"), {

package/lib/control/kanban/kanban.css

@@ -1 +1 @@
-.ibiz-control-kanban{--ibiz-control-kanban-text-color:var(--ibiz-color-text-0);--ibiz-control-kanban-font-size:var(--ibiz-font-size-regular);--ibiz-control-kanban-font-weight:var(--ibiz-font-weight-bold);--ibiz-control-kanban-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-kanban-selected-bg-color:var(--ibiz-color-fill-0);--ibiz-control-kanban-group-header-height:48px;width:100%;height:100%}.ibiz-control-kanban--row .ibiz-control-kanban-group-container{display:flex;padding-bottom:var(--ibiz-spacing-tight);overflow:auto}.ibiz-control-kanban--row .ibiz-control-kanban-group-container>*+*{margin-left:var(--ibiz-spacing-base)}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse{width:32px}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header{position:relative;flex-direction:column;align-items:start;height:100%;padding:var(--ibiz-spacing-none)}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header ion-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header-caption{align-self:center;transform:rotate(90deg) translate(calc(50% - var(--ibiz-spacing-tight)),0)}.ibiz-control-kanban--column .ibiz-control-kanban-group-container{display:flex;flex-direction:column}.ibiz-control-kanban--column .ibiz-control-kanban-group-container>*+*{margin-top:var(--ibiz-spacing-base)}.ibiz-control-kanban--column .ibiz-control-kanban-group.is-collapse{width:100%}.ibiz-control-kanban--column .ibiz-control-kanban-group.is-collapse ion-icon{transform:rotate(-90deg)}.ibiz-control-kanban-group-container{width:100%;height:100%}.ibiz-control-kanban-group{display:flex;flex-flow:column nowrap;flex-shrink:0;border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-border-radius-small);transition:all .3s}.ibiz-control-kanban-group__header{position:relative;height:var(--ibiz-control-kanban-group-header-height);padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base);font-size:var(--ibiz-control-kanban-font-size);font-weight:var(--ibiz-control-kanban-font-weight);border-bottom:1px solid var(--ibiz-color-border);display:flex;align-items:center;justify-content:space-between}.ibiz-control-kanban-group__header::before{position:absolute;top:0;left:0;display:block;width:100%;content:"";border-color:inherit;border-top:2px solid}.ibiz-control-kanban-group__header-left{display:flex;align-items:center;justify-content:center}.ibiz-control-kanban-group__header-left ion-icon{margin-right:var(--ibiz-spacing-tight);transition:transform .3s}.ibiz-control-kanban-group__header-caption{padding:0 var(--ibiz-spacing-tight);white-space:nowrap}.ibiz-control-kanban-group__header-caption.is-badge{color:var(--ibiz-color-primary-active-text)}.ibiz-control-kanban-group__list{position:relative;flex:auto;width:100%;height:calc(100% - 48px);padding:var(--ibiz-spacing-none) var(--ibiz-spacing-tight);overflow:auto}.ibiz-control-kanban-group__draggable{min-height:100%;padding:var(--ibiz-spacing-base) 0}.ibiz-control-kanban-group__list.is-empty .ibiz-control-kanban__quicktoolbar{position:absolute;top:50%;width:calc(100% - var(--ibiz-spacing-base));transform:translateY(86px)}.ibiz-control-kanban-group__list.is-empty .ibiz-control-toolbar__item{justify-content:center}.ibiz-control-kanban-group__header-actions{position:relative;z-index:100;width:32px;height:32px;padding:var(--ibiz-spacing-tight);margin-left:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-control-kanban-font-size);color:var(--ibiz-color-primary);cursor:pointer;border-radius:var(--ibiz-border-radius-circle)}.ibiz-control-kanban-group__header-actions:hover{background-color:var(--ibiz-color-fill-0)}.ibiz-control-kanban-group__actions-dropdown:has(.el-button){padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none)}.ibiz-control-kanban-group__actions-dropdown .ibiz-action-toolbar{display:flex;flex-flow:column nowrap}.ibiz-control-kanban-group__actions-dropdown .el-button{--el-button-size:var(--ibiz-height-control-large);justify-content:flex-start;width:100%;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);margin:var(--ibiz-spacing-none);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-primary-text)}.ibiz-control-kanban-group__actions-dropdown .el-button ion-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-control-kanban-group__actions-dropdown .el-button.is-text:not(.is-disabled):hover{background-color:var(--el-button-hover-bg-color);border-color:var(--el-button-hover-border-color)}.ibiz-control-kanban-item{cursor:pointer}.ibiz-control-kanban-item:hover{background-color:var(--ibiz-control-kanban-hover-bg-color)}.ibiz-control-kanban-item.is-selected{background-color:var(--ibiz-control-kanban-selected-bg-color)}.ibiz-control-kanban-item.is-disabled{cursor:no-drop}.ibiz-control-kanban-item+.ibiz-control-kanban-item{margin-top:var(--ibiz-spacing-base)}.ibiz-control-kanban{position:relative;padding-right:calc(var(--ibiz-control-kanban-group-header-height) + var(--ibiz-spacing-base))}.ibiz-control-kanban__quicktoolbar{display:flex;flex-flow:column nowrap;margin-bottom:var(--ibiz-spacing-base)}.ibiz-control-kanban__quicktoolbar>*+*{margin-top:var(--ibiz-spacing-tight)}.ibiz-control-kanban__full-btn{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;width:var(--ibiz-control-kanban-group-header-height);height:var(--ibiz-control-kanban-group-header-height);font-size:var(--ibiz-font-size-header-4);font-weight:var(--ibiz-font-weight-regular);color:var(--ibiz-color-primary);background-color:var(--ibiz-color-bg-2);border:1px solid var(--ibiz-color-border)}.ibiz-control-kanban.is-full{padding:var(--ibiz-spacing-base);padding-right:calc(var(--ibiz-control-kanban-group-header-height) + var(--ibiz-spacing-extra-loose));background-color:var(--ibiz-color-bg-2)}.ibiz-control-kanban.is-full .ibiz-control-kanban__full-btn{top:var(--ibiz-spacing-base);right:var(--ibiz-spacing-base)}.ibiz-control-kanban-batch{padding:var(--ibiz-spacing-base-tight);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-control-kanban-batch__toolbar .ibiz-control-toolbar{flex-wrap:wrap;row-gap:var(--ibiz-spacing-tight)}.ibiz-control-kanban-batch__check{display:flex;align-items:center;justify-content:space-between;margin-top:var(--ibiz-spacing-base-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-control-kanban-batch__info span{margin:var(--ibiz-spacing-none) var(--ibiz-spacing-extra-tight);color:var(--ibiz-color-primary)}
+.ibiz-control-kanban{--ibiz-control-kanban-text-color:var(--ibiz-color-text-0);--ibiz-control-kanban-font-size:var(--ibiz-font-size-regular);--ibiz-control-kanban-font-weight:var(--ibiz-font-weight-bold);--ibiz-control-kanban-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-kanban-selected-bg-color:var(--ibiz-color-fill-0);--ibiz-control-kanban-group-header-height:48px;width:100%;height:100%}.ibiz-control-kanban--row .ibiz-control-kanban-group-container{display:flex;padding-bottom:var(--ibiz-spacing-tight);overflow:auto}.ibiz-control-kanban--row .ibiz-control-kanban-group-container>*+*{margin-left:var(--ibiz-spacing-base)}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse{width:32px}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header{position:relative;flex-direction:column;align-items:start;height:100%;padding:var(--ibiz-spacing-none)}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header ion-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ibiz-control-kanban--row .ibiz-control-kanban-group.is-collapse .ibiz-control-kanban-group__header-caption{align-self:center;transform:rotate(90deg) translate(calc(50% - var(--ibiz-spacing-tight)),0)}.ibiz-control-kanban--column .ibiz-control-kanban-group-container{display:flex;flex-direction:column}.ibiz-control-kanban--column .ibiz-control-kanban-group-container>*+*{margin-top:var(--ibiz-spacing-base)}.ibiz-control-kanban--column .ibiz-control-kanban-group.is-collapse{width:100%}.ibiz-control-kanban--column .ibiz-control-kanban-group.is-collapse ion-icon{transform:rotate(-90deg)}.ibiz-control-kanban-group-container{width:100%;height:100%}.ibiz-control-kanban-group{display:flex;flex-flow:column nowrap;flex-shrink:0;border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-border-radius-small);transition:all .3s}.ibiz-control-kanban-group__header{position:relative;height:var(--ibiz-control-kanban-group-header-height);padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base);font-size:var(--ibiz-control-kanban-font-size);font-weight:var(--ibiz-control-kanban-font-weight);cursor:pointer;border-bottom:1px solid var(--ibiz-color-border);display:flex;align-items:center;justify-content:space-between}.ibiz-control-kanban-group__header::before{position:absolute;top:0;left:0;display:block;width:100%;content:"";border-color:inherit;border-top:2px solid}.ibiz-control-kanban-group__header-left{display:flex;align-items:center;justify-content:center}.ibiz-control-kanban-group__header-left ion-icon{margin-right:var(--ibiz-spacing-tight);transition:transform .3s}.ibiz-control-kanban-group__header-caption{padding:0 var(--ibiz-spacing-tight);white-space:nowrap}.ibiz-control-kanban-group__header-caption.is-badge{color:var(--ibiz-color-primary-active-text)}.ibiz-control-kanban-group__list{position:relative;flex:auto;width:100%;height:calc(100% - 48px);padding:var(--ibiz-spacing-none) var(--ibiz-spacing-tight);overflow:auto}.ibiz-control-kanban-group__draggable{min-height:100%;padding:var(--ibiz-spacing-base) 0}.ibiz-control-kanban-group__list.is-empty .ibiz-control-kanban__quicktoolbar{position:absolute;top:50%;width:calc(100% - var(--ibiz-spacing-base));transform:translateY(86px)}.ibiz-control-kanban-group__list.is-empty .ibiz-control-toolbar__item{justify-content:center}.ibiz-control-kanban-group__header-actions{position:relative;z-index:100;width:32px;height:32px;padding:var(--ibiz-spacing-tight);margin-left:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-control-kanban-font-size);color:var(--ibiz-color-primary);cursor:pointer;border-radius:var(--ibiz-border-radius-circle)}.ibiz-control-kanban-group__header-actions:hover{background-color:var(--ibiz-color-fill-0)}.ibiz-control-kanban-group__actions-dropdown:has(.el-button){padding:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-none)}.ibiz-control-kanban-group__actions-dropdown .ibiz-action-toolbar{display:flex;flex-flow:column nowrap}.ibiz-control-kanban-group__actions-dropdown .el-button{--el-button-size:var(--ibiz-height-control-large);justify-content:flex-start;width:100%;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);margin:var(--ibiz-spacing-none);font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-primary-text)}.ibiz-control-kanban-group__actions-dropdown .el-button ion-icon{margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-control-kanban-group__actions-dropdown .el-button.is-text:not(.is-disabled):hover{background-color:var(--el-button-hover-bg-color);border-color:var(--el-button-hover-border-color)}.ibiz-control-kanban-item{cursor:pointer}.ibiz-control-kanban-item:hover{background-color:var(--ibiz-control-kanban-hover-bg-color)}.ibiz-control-kanban-item.is-selected{background-color:var(--ibiz-control-kanban-selected-bg-color)}.ibiz-control-kanban-item.is-disabled{cursor:no-drop}.ibiz-control-kanban-item+.ibiz-control-kanban-item{margin-top:var(--ibiz-spacing-base)}.ibiz-control-kanban{position:relative;padding-right:calc(var(--ibiz-control-kanban-group-header-height) + var(--ibiz-spacing-base))}.ibiz-control-kanban__quicktoolbar{display:flex;flex-flow:column nowrap;margin-bottom:var(--ibiz-spacing-base)}.ibiz-control-kanban__quicktoolbar>*+*{margin-top:var(--ibiz-spacing-tight)}.ibiz-control-kanban__full-btn{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;width:var(--ibiz-control-kanban-group-header-height);height:var(--ibiz-control-kanban-group-header-height);font-size:var(--ibiz-font-size-header-4);font-weight:var(--ibiz-font-weight-regular);color:var(--ibiz-color-primary);background-color:var(--ibiz-color-bg-2);border:1px solid var(--ibiz-color-border)}.ibiz-control-kanban.is-full{padding:var(--ibiz-spacing-base);padding-right:calc(var(--ibiz-control-kanban-group-header-height) + var(--ibiz-spacing-extra-loose));background-color:var(--ibiz-color-bg-2)}.ibiz-control-kanban.is-full .ibiz-control-kanban__full-btn{top:var(--ibiz-spacing-base);right:var(--ibiz-spacing-base)}.ibiz-control-kanban-batch{padding:var(--ibiz-spacing-base-tight);border-bottom:1px solid var(--ibiz-color-border)}.ibiz-control-kanban-batch__toolbar .ibiz-control-toolbar{flex-wrap:wrap;row-gap:var(--ibiz-spacing-tight)}.ibiz-control-kanban-batch__check{display:flex;align-items:center;justify-content:space-between;margin-top:var(--ibiz-spacing-base-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-control-kanban-batch__info span{margin:var(--ibiz-spacing-none) var(--ibiz-spacing-extra-tight);color:var(--ibiz-color-primary)}

package/lib/control/list/list.cjs

@@ -202,9 +202,6 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
       isCollapse.value = true;
       scrollToTop();
     };
-    const onShowNavView = () => {
-      c.state.showNavView = !c.state.showNavView;
-    };
     const onExpandData = () => {
       isCollapse.value = false;
     };
@@ -237,8 +234,15 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
         "ref": "infiniteScroll",
         "key": infiniteScrollKey.value
       }, [tempItems.map((item) => {
+        const cardStyle = ns.cssVarBlock({
+          "item-bg-color": "".concat(item.bgcolor || ""),
+          "text-color": "".concat(item.fontcolor || ""),
+          "hover-bg-color": "".concat(item.hovercolor || ""),
+          "active-bg-color": "".concat(item.activecolor || "")
+        });
         return vue.createVNode("div", {
-          "class": [ns.b("scroll-item")]
+          "class": [ns.b("scroll-item")],
+          "style": cardStyle
         }, [panel ? renderPanelItem(item, panel) : renderDefaultItem(item)]);
       })]), [[vue.resolveDirective("infinite-scroll"), () => c.loadMore()]]);
     };
@@ -303,20 +307,29 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
       }, null)]);
     };
     const renderNoData = () => {
-      let _slot;
       const {
         isLoaded
       } = c.state;
       if (!isLoaded) {
         return;
       }
+      const noDataSlots = {
+        default: () => renderQuickToolBar()
+      };
+      if (vue3Util.hasEmptyPanelRenderer(c)) {
+        Object.assign(noDataSlots, {
+          customRender: () => vue.createVNode(vue3Util.IBizCustomRender, {
+            "controller": c
+          }, null)
+        });
+      }
       return isLoaded && vue.createVNode(vue.resolveComponent("iBizNoData"), {
         "class": ns.b("content"),
         "text": c.model.emptyText,
         "emptyTextLanguageRes": c.model.emptyTextLanguageRes,
-        "enableShowImage": c.state.hideNoDataImage
-      }, _isSlot(_slot = renderQuickToolBar()) ? _slot : {
-        default: () => [_slot]
+        "hideNoDataImage": c.state.hideNoDataImage
+      }, _isSlot(noDataSlots) ? noDataSlots : {
+        default: () => [noDataSlots]
       });
     };
     const renderCollapseExpandIcon = () => {
@@ -346,7 +359,6 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
       c,
       ns,
       infiniteScroll,
-      onShowNavView,
       renderListContent,
       renderNoData,
       renderBatchToolBar,
@@ -377,16 +389,16 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
         "class": [this.ns.is("enable-page", !!this.c.state.enablePagingBar)],
         "controller": this.c
       }, {
-        default: () => [content, this.c.state.enableNavView ? !this.c.state.showNavView ? vue.createVNode("ion-icon", {
+        default: () => [content, this.c.state.enableNavView && this.c.state.showNavIcon ? !this.c.state.showNavView ? vue.createVNode("ion-icon", {
           "class": this.ns.e("nav-icon"),
           "title": ibiz.i18n.t("component.controlNavigation.showNav"),
           "name": "eye-outline",
-          "onClick": this.onShowNavView
+          "onClick": () => this.c.onShowNavViewChange()
         }, null) : vue.createVNode("ion-icon", {
           "class": this.ns.e("nav-icon"),
           "title": ibiz.i18n.t("component.controlNavigation.hiddenNav"),
           "name": "eye-off-outline",
-          "onClick": this.onShowNavView
+          "onClick": () => this.c.onShowNavViewChange()
         }, null) : null, this.renderCollapseExpandIcon()]
       })]
     });

package/lib/control/list/list.css

@@ -1 +1 @@
-.ibiz-control-list-item{--ibiz-control-list-text-color:var(--ibiz-color-text-0);--ibiz-control-list-load-more-color:var(--ibiz-color-text-2);--ibiz-control-list-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-list-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-list-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-list-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-tight);min-height:var(--ibiz-control-list-item-height);padding:var(--ibiz-control-list-padding);font-weight:var(--ibiz-control-list-font-weight);color:var(--ibiz-control-list-text-color);cursor:pointer}.ibiz-control-list-item:hover{background-color:var(--ibiz-control-list-hover-bg-color)}.ibiz-control-list-item.is-active{background-color:var(--ibiz-control-list-active-bg-color)}.ibiz-control-list{--ibiz-control-list-text-color:var(--ibiz-color-text-0);--ibiz-control-list-load-more-color:var(--ibiz-color-text-2);--ibiz-control-list-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-list-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-list-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-list-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-tight);display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;position:relative;height:100%}.ibiz-control-list__nav-icon{right:10px;top:18px;cursor:pointer;position:absolute;color:var(--ibiz-color-primary)}.ibiz-control-list__load-more{text-align:center}.ibiz-control-list__load-more i{font-size:var(--ibiz-font-size-header-3);color:var(--ibiz-control-list-load-more-color);cursor:pointer}.ibiz-control-list__load-more i:hover{color:var(--ibiz-color-primary-light-hover)}.ibiz-control-list__collapse-expand-icon{width:calc(100% - var(--ibiz-spacing-base-tight));text-align:center}.ibiz-control-list__collapse-expand-icon i{font-size:var(--ibiz-font-size-header-3);color:var(--ibiz-color-text-2);cursor:pointer}.ibiz-control-list__collapse-expand-icon i:hover{color:var(--ibiz-color-primary-light-hover)}.ibiz-control-list__load-more-button{padding:var(--ibiz-control-list-padding);text-align:center}.ibiz-control-list .ibiz-control-list-content{flex-grow:1}.ibiz-control-list-content.is-show-underLine .ibiz-control-list-scroll-item{border-bottom:1px solid var(--ibiz-color-border)}.ibiz-control-list-content .ibiz-control-list-scroll-item:last-of-type{border-bottom:none}.ibiz-control-list-scroll{height:100%;overflow:auto}.ibiz-control-list-group-content__item-header{display:flex;align-items:center;justify-content:space-between;width:100%}
+.ibiz-control-list-item{min-height:var(--ibiz-control-list-item-height);padding:var(--ibiz-control-list-padding);font-weight:var(--ibiz-control-list-font-weight);color:var(--ibiz-control-list-text-color);cursor:pointer;background-color:var(--ibiz-control-list-item-bg-color)}.ibiz-control-list-item:hover{background-color:var(--ibiz-control-list-hover-bg-color)}.ibiz-control-list-item.is-active{background-color:var(--ibiz-control-list-active-bg-color)}.ibiz-control-list{--ibiz-control-list-text-color:var(--ibiz-color-text-0);--ibiz-control-list-load-more-color:var(--ibiz-color-text-2);--ibiz-control-list-hover-bg-color:var(--ibiz-color-fill-1);--ibiz-control-list-active-bg-color:var(--ibiz-color-fill-2);--ibiz-control-list-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-list-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base-tight);--ibiz-control-list-item-bg-color:unset;display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;position:relative;height:100%}.ibiz-control-list__nav-icon{position:absolute;top:18px;right:10px;color:var(--ibiz-color-primary);cursor:pointer}.ibiz-control-list__load-more{text-align:center}.ibiz-control-list__load-more i{font-size:var(--ibiz-font-size-header-3);color:var(--ibiz-control-list-load-more-color);cursor:pointer}.ibiz-control-list__load-more i:hover{color:var(--ibiz-color-primary-light-hover)}.ibiz-control-list__collapse-expand-icon{width:calc(100% - var(--ibiz-spacing-base-tight));text-align:center}.ibiz-control-list__collapse-expand-icon i{font-size:var(--ibiz-font-size-header-3);color:var(--ibiz-color-text-2);cursor:pointer}.ibiz-control-list__collapse-expand-icon i:hover{color:var(--ibiz-color-primary-light-hover)}.ibiz-control-list__load-more-button{padding:var(--ibiz-control-list-padding);text-align:center}.ibiz-control-list .ibiz-control-list-content{flex-grow:1}.ibiz-control-list-content.is-show-underLine .ibiz-control-list-scroll-item{border-bottom:1px solid var(--ibiz-color-border)}.ibiz-control-list-content .ibiz-control-list-scroll-item:last-of-type{border-bottom:none}.ibiz-control-list-scroll{height:100%;overflow:auto}.ibiz-control-list-group-content__item-header{display:flex;align-items:center;justify-content:space-between;width:100%}

package/lib/control/map/map.cjs

@@ -43,6 +43,7 @@ const MapControl = /* @__PURE__ */ vue.defineComponent({
     const c = vue3Util.useControlController((...args) => new runtime.MapController(...args));
     const ns = vue3Util.useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     const mapRef = vue.ref();
+    const mapStyle = c.model.mapStyle;
     const mapOpts = vue.computed(() => {
       return {
         strAreaCode: c.state.strAreaCode,
@@ -54,17 +55,27 @@ const MapControl = /* @__PURE__ */ vue.defineComponent({
       c,
       ns,
       mapRef,
-      mapOpts
+      mapOpts,
+      mapStyle
     };
   },
   render() {
     const {
       state
     } = this.c;
+    if (!state.isLoaded) {
+      return;
+    }
     return vue.createVNode(vue.resolveComponent("iBizControlBase"), {
       "controller": this.c
     }, {
-      default: () => [state.isLoaded && vue.createVNode(vue.resolveComponent("iBizMapChart"), {
+      default: () => [this.mapStyle === "USER" ? vue.createVNode(vue.resolveComponent("iBizMapChartUser"), {
+        "areaData": state.areaData,
+        "pointData": state.pointData,
+        "options": this.mapOpts,
+        "class": this.ns.e("map"),
+        "controller": this.c
+      }, null) : vue.createVNode(vue.resolveComponent("iBizMapChart"), {
         "areaData": state.areaData,
         "pointData": state.pointData,
         "options": this.mapOpts,

package/lib/control/search-bar/filter-tree/filter-tree.cjs

@@ -430,6 +430,8 @@ const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
     renderFilterItems = (node) => {
       let _slot2;
       const itemsC = findFilterController(node);
+      if (!itemsC)
+        return;
       if (node.simple) {
         let _slot;
         const child = node.children[0];
@@ -437,6 +439,7 @@ const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
           return;
         }
         return [vue.createVNode(vue.resolveComponent("el-select"), {
+          "disabled": child.disabled,
           "model-value": itemsC.key,
           "teleported": false,
           "class": ns.e("field-select"),