@ibiz-template/vue3-components 0.7.24-alpha.1 → 0.7.24

package/lib/control/drtab/drtab.css

@@ -1 +1 @@
-.ibiz-control-drtab__counter{margin-left:var(--ibiz-spacing-tight)}.ibiz-control-drtab .el-tabs .el-tabs__header{margin:var(--ibiz-spacing-none)}.ibiz-control-drtab .el-tabs .el-tabs__header .el-tabs__nav-wrap{margin:var(--ibiz-spacing-none)}.ibiz-control-drtab .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__active-bar{background-color:var(--ibiz-color-primary)}.ibiz-control-drtab .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item{font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-text-2)}.ibiz-control-drtab .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item:hover{color:var(--ibiz-color-text-0)}.ibiz-control-drtab .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-active{color:var(--ibiz-color-primary)}.ibiz-control-drtab .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-top:last-child{padding-right:var(--ibiz-spacing-none)}.ibiz-control-drtab .el-tabs.el-tabs--bottom .el-tabs__nav-scroll,.ibiz-control-drtab .el-tabs.el-tabs--top .el-tabs__nav-scroll{padding:0 var(--ibiz-spacing-base)}.ibiz-control-drtab .el-tabs__item{padding:0 var(--ibiz-spacing-base)}
+.ibiz-control-drtab__counter{margin-left:var(--ibiz-spacing-tight)}.ibiz-control-drtab .el-tabs .el-tabs__header{margin:var(--ibiz-spacing-none)}.ibiz-control-drtab .el-tabs .el-tabs__header .el-tabs__nav-wrap{margin:var(--ibiz-spacing-none)}.ibiz-control-drtab .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__active-bar{background-color:var(--ibiz-color-primary)}.ibiz-control-drtab .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item{font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-text-2)}.ibiz-control-drtab .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item:hover{color:var(--ibiz-color-text-0)}.ibiz-control-drtab .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-active{color:var(--ibiz-color-primary)}.ibiz-control-drtab .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-top:last-child{padding-right:var(--ibiz-spacing-none)}.ibiz-control-drtab .el-tabs.el-tabs--bottom .el-tabs__nav-scroll,.ibiz-control-drtab .el-tabs.el-tabs--top .el-tabs__nav-scroll{padding:0 var(--ibiz-spacing-base)}.ibiz-control-drtab .el-tabs__item{padding:0 var(--ibiz-spacing-base)}.ibiz-control-drtab .el-tabs__nav-next,.ibiz-control-drtab .el-tabs__nav-prev{line-height:var(--el-tabs-header-height)}.ibiz-control-drtab-pane-label__text+.ibiz-control-drtab-pane-label__counter{margin-left:var(--ibiz-spacing-tight)}.ibiz-control-drtab-more .el-tabs.el-tabs.el-tabs--top .el-tabs__header .el-tabs__nav-next,.ibiz-control-drtab-more .el-tabs.el-tabs.el-tabs--top .el-tabs__header .el-tabs__nav-prev{display:none}.ibiz-control-drtab-more .el-tabs.el-tabs.el-tabs--top .el-tabs__nav-wrap.is-scrollable{padding:var(--ibiz-spacing-none)}.ibiz-control-drtab-more-dropdown{height:100%}.ibiz-control-drtab-more-dropdown__link{position:relative;display:flex;align-items:center;font-size:var(--ibiz-font-size-regular);color:var(--ibiz-color-text-2)}.ibiz-control-drtab-more-dropdown__link svg{color:var(--ibiz-color-text-2);fill:var(--ibiz-color-text-2)}.ibiz-control-drtab-more-dropdown__link:hover{color:var(--ibiz-color-text-0)}.ibiz-control-drtab-more-dropdown__link:hover svg{color:var(--ibiz-color-text-0);fill:var(--ibiz-color-text-0)}.ibiz-control-drtab-more-dropdown__link::after{position:absolute;left:-16px;display:inline-block;width:100%;height:100%;content:""}.ibiz-control-drtab-more-dropdown-popper{width:240px}.ibiz-control-drtab-more-dropdown-popper__active{background-color:var(--ibiz-color-primary-active)}.ibiz-control-drtab-more-dropdown-popper__label{display:flex;align-items:center;width:100%;overflow:hidden}.ibiz-control-drtab-more-dropdown-popper__label--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-control-drtab-more-dropdown-popper__label--counter{min-width:20px;margin-left:var(--ibiz-spacing-tight)}.ibiz-control-drtab-more-dropdown-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .ibiz-control-drtab-more-dropdown-popper__active.el-dropdown-menu__item{background-color:var(--ibiz-color-primary-active)}

package/lib/control/grid/grid/grid-control.util.cjs

@@ -75,7 +75,9 @@ function useITableEvent(c) {
       return;
     }
     c.setSort(fieldName, order1);
-    c.load();
+    c.load({
+      isInitialLoad: c.model.pagingMode === 2 || c.model.pagingMode === 3
+    });
   }
   function handleRowClassName({ row }) {
     let activeClassName = "";

package/lib/control/grid/grid/grid.cjs

@@ -4,6 +4,7 @@ var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 var runtime = require('@ibiz-template/runtime');
 var core = require('@ibiz-template/core');
+var qxUtil = require('qx-util');
 var gridControl_util = require('./grid-control.util.cjs');
 require('./grid.css');
 var useRowEditPopover = require('../row-edit-popover/use-row-edit-popover.cjs');
@@ -11,6 +12,9 @@ require('../../../util/index.cjs');
 var usePagination = require('../../../util/pagination/use-pagination.cjs');
 
 "use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
 function renderAttrs(model, params) {
   var _a;
   const attrs = {};
@@ -271,6 +275,25 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
         cleanup();
       }
     });
+    const isLodeMoreDisabled = vue.computed(() => {
+      if (c.model.pagingMode !== 2) {
+        return true;
+      }
+      return c.state.items.length >= c.state.total || c.state.isLoading || c.state.total <= c.state.size;
+    });
+    const infiniteScroll = vue.ref();
+    const infiniteScrollKey = vue.ref(qxUtil.createUUID());
+    vue.watch(() => c.state.curPage, () => {
+      var _a, _b;
+      if (c.state.curPage === 1 && (c.model.pagingMode === 2 || c.model.pagingMode === 3)) {
+        infiniteScrollKey.value = qxUtil.createUUID();
+        const containerEl = (_b = (_a = infiniteScroll.value) == null ? void 0 : _a.ElInfiniteScroll) == null ? void 0 : _b.containerEl;
+        if (containerEl) {
+          containerEl.lastScrollTop = 0;
+          containerEl.scrollTop = 0;
+        }
+      }
+    });
     return {
       c,
       ns,
@@ -293,7 +316,10 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
       defaultSort,
       renderBatchToolBar,
       headerCssVars,
-      renderDragIconColumn
+      renderDragIconColumn,
+      isLodeMoreDisabled,
+      infiniteScroll,
+      infiniteScrollKey
     };
   },
   render() {
@@ -336,9 +362,22 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
           })];
         },
         append: () => {
-          return this.renderPopover();
+          let _slot;
+          return [vue.withDirectives(vue.createVNode("div", {
+            "ref": "infiniteScroll",
+            "key": this.infiniteScrollKey,
+            "infinite-scroll-distance": 10,
+            "infinite-scroll-disabled": this.isLodeMoreDisabled
+          }, null), [[vue.resolveDirective("infinite-scroll"), () => this.c.loadMore()]]), this.c.model.pagingMode === 3 && !(this.c.state.items.length >= this.c.state.total || this.c.state.isLoading || this.c.state.total <= this.c.state.size) && vue.createVNode("div", {
+            "class": this.ns.e("load-more-button")
+          }, [vue.createVNode(vue.resolveComponent("el-button"), {
+            "text": true,
+            "onClick": () => this.c.loadMore()
+          }, _isSlot(_slot = ibiz.i18n.t("control.common.loadMore")) ? _slot : {
+            default: () => [_slot]
+          })]), this.renderPopover()];
         }
-      }), this.c.state.enablePagingBar && vue.createVNode(vue.resolveComponent("iBizPagination"), {
+      }), this.c.state.enablePagingBar && this.c.model.pagingMode === 1 && vue.createVNode(vue.resolveComponent("iBizPagination"), {
         "total": state.total,
         "curPage": state.curPage,
         "size": state.size,

package/lib/control/grid/grid/grid.css

@@ -1 +1 @@
-.ibiz-control-grid{--ibiz-control-grid-text-color:var(--ibiz-color-text-0);--ibiz-control-grid-bg-color:transparent;--ibiz-control-grid-padding:var(--ibiz-spacing-none);--ibiz-control-grid-cell-padding:calc(var(--ibiz-spacing-base-tight) / 2) var(--ibiz-spacing-base-tight);--ibiz-control-grid-selection-padding:var(--ibiz-spacing-base-loose);--ibiz-control-grid-row-edit-bg-color:var(--ibiz-color-fill-2);--ibiz-control-grid-row-bg-color:var(--ibiz-color-bg-1);--ibiz-control-grid-row-bg-color-2:var(--ibiz-color-bg-0);--ibiz-control-grid-row-hover-color:rgba(var(--ibiz-grey-1), 1);--ibiz-control-grid-row-select-color:var(--ibiz-color-primary-light-default);--ibiz-control-grid-row-expand-icon-margin:var(--ibiz-spacing-none) var(--ibiz-spacing-none) var(--ibiz-spacing-none) var(--ibiz-spacing-tight);--ibiz-control-grid-now-header-height:auto;--ibiz-control-grid-header-text-color:var(--ibiz-color-text-2);--ibiz-control-grid-header-cell-padding:var(--ibiz-control-grid-cell-padding);--ibiz-control-grid-header-height:auto;--ibiz-control-grid-header-bg-color:rgba(var(--ibiz-grey-1), 1);--ibiz-control-grid-header-font-size:var(--ibiz-font-size-regular);--ibiz-control-grid-header-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-grid-content-text-color:var(--ibiz-control-grid-text-color);--ibiz-control-grid-content-row-height:48px;--ibiz-control-grid-page-text-color:var(--ibiz-color-text-2);--ibiz-control-grid-page-height:50px;--ibiz-control-grid-page-padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base-tight);--ibiz-control-grid-footer-text-color:var(--ibiz-color-text-2);--ibiz-control-grid-footer-bg-color:rgba(var(--ibiz-grey-1), 1);--ibiz-control-grid-footer-font-size:var(--ibiz-font-size-regular);--ibiz-control-grid-footer-font-weight:var(--ibiz-font-weight-bold);position:relative;width:100%;height:100%;padding:var(--ibiz-control-grid-padding);background-color:var(--ibiz-control-grid-bg-color)}.ibiz-control-grid .el-table{--el-table-header-bg-color:var(--ibiz-control-grid-header-bg-color);--el-table-current-row-bg-color:var(--ibiz-control-grid-row-select-color);--el-table-border-color:transparent}.ibiz-control-grid.is-empty .el-scrollbar .el-scrollbar__view{height:100%}.ibiz-control-grid.is-empty .el-table__empty-text{display:inline-block;height:100%}.ibiz-control-grid .el-table--border .el-table__cell{border-right:none}.ibiz-control-grid .el-table-fixed-column--left,.ibiz-control-grid .el-table-fixed-column--right{--el-bg-color:transparent}.ibiz-control-grid .el-table thead.is-group th.el-table__cell{background:var(--ibiz-control-grid-header-bg-color)}.ibiz-control-grid.is-enable-page .ibiz-control-grid__table{height:calc(100% - var(--ibiz-control-grid-page-height))}.ibiz-control-grid.is-enable-group .el-table__indent{display:none}.ibiz-control-grid__table{width:100%;height:100%}.ibiz-control-grid__table .caret-wrapper{justify-content:center}.ibiz-control-grid__table .caret-wrapper>*+*{margin-top:var(--ibiz-spacing-super-tight)}.ibiz-control-grid__table .sort-caret{--el-text-color-placeholder:--ibiz-control-grid-header-text-color;position:initial;opacity:.6}.ibiz-control-grid__table.el-table .el-table__cell{padding:var(--ibiz-spacing-none)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr td{background:var(--ibiz-control-grid-row-bg-color)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr:nth-child(2n) td{background-color:var(--ibiz-control-grid-row-bg-color-2)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr:hover td{background-color:var(--ibiz-control-grid-row-hover-color)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr.current-row td{background-color:var(--el-table-current-row-bg-color)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr.editing-row td{background-color:var(--ibiz-control-grid-row-edit-bg-color)}.ibiz-control-grid__table .el-table__header-wrapper .cell{height:var(--ibiz-control-grid-header-height);padding:var(--ibiz-control-grid-header-cell-padding);font-size:var(--ibiz-control-grid-header-font-size);font-weight:var(--ibiz-control-grid-header-font-weight);color:var(--ibiz-control-grid-header-text-color);word-break:break-word;white-space:pre-wrap}.ibiz-control-grid__table .el-table__header-wrapper .el-table-column--selection .cell{padding:var(--ibiz-control-grid-selection-padding)}.ibiz-control-grid__table .el-table__header-wrapper .is-sortable.el-table__cell .cell{display:flex;align-items:center;justify-content:var(--ibiz-grid-column-justify-content)}.ibiz-control-grid__table .el-table__body-wrapper{color:var(--ibiz-control-grid-content-text-color);--ibiz-color-text-0:var(--ibiz-control-grid-content-text-color);--ibiz-color-text-1:var(--ibiz-control-grid-content-text-color);--ibiz-color-text-2:var(--ibiz-control-grid-content-text-color);--ibiz-color-text-3:var(--ibiz-control-grid-content-text-color);border-bottom:.1px solid var(--ibiz-color-border)}.ibiz-control-grid__table .el-table__body-wrapper .el-table__row{height:var(--ibiz-control-grid-content-row-height);cursor:pointer}.ibiz-control-grid__table .el-table__body-wrapper .el-table__row>td{height:0;padding:var(--ibiz-spacing-none)}.ibiz-control-grid__table .el-table__body-wrapper .el-table__row .el-table__expand-icon{margin:var(--ibiz-control-grid-row-expand-icon-margin)}@-moz-document url-prefix(){.ibiz-control-grid__table .el-table__body-wrapper .el-table__row>td{height:100%}}.ibiz-control-grid__table .el-table__body-wrapper .cell{display:flex;align-items:center;height:100%;padding:var(--ibiz-spacing-none)}.ibiz-control-grid__table .el-table__body-wrapper .el-table-column--selection .cell{padding:var(--ibiz-control-grid-selection-padding)}.ibiz-control-grid__table .el-table__cell.is-center{--ibiz-grid-column-text-align:center;--ibiz-grid-column-justify-content:center}.ibiz-control-grid__table .el-table__cell.is-left{--ibiz-grid-column-text-align:left;--ibiz-grid-column-justify-content:flex-start}.ibiz-control-grid__table .el-table__cell.is-right{--ibiz-grid-column-text-align:right;--ibiz-grid-column-justify-content:flex-end}.ibiz-control-grid__table .el-scrollbar__wrap{position:relative}.ibiz-control-grid__table .el-table__footer-wrapper tfoot td.el-table__cell{font-size:var(--ibiz-control-grid-footer-font-size);font-weight:var(--ibiz-control-grid-footer-font-weight);color:var(--ibiz-control-grid-footer-text-color);background-color:var(--ibiz-control-grid-footer-bg-color)}.ibiz-control-grid__table .el-table__footer-wrapper tfoot td.el-table__cell:first-child>div{display:inline;vertical-align:4px}.ibiz-control-grid__table .enable-order{position:relative;padding-left:var(--ibiz-spacing-base-tight);transition:transform .25s cubic-bezier(0,0,.2,1)}.ibiz-control-grid__table .enable-order .ibiz-control-grid__drag-icon{padding:var(--ibiz-spacing-none)!important}.ibiz-control-grid__table .enable-order .ibiz-control-grid__drag-icon .cell{display:none}.ibiz-control-grid__table .enable-order:hover .ibiz-control-grid__drag-icon .cell{display:flex}.ibiz-control-grid .el-table td.el-table__cell,.ibiz-control-grid .el-table th.el-table__cell.is-leaf{border-bottom:none}.ibiz-control-grid .ibiz-pagination{--ibiz-pagination-height:var(--ibiz-control-grid-page-height);--ibiz-pagination-text-color:var(--ibiz-control-grid-text-color);--ibiz-pagination-padding:var(--ibiz-control-grid-page-padding)}.ibiz-control-grid.is-single-select .el-table__header-wrapper .el-table__header thead>tr th:nth-child(1){padding-left:var(--ibiz-spacing-tight)}.ibiz-control-grid.is-single-select .el-table__body-wrapper .el-table__body tbody>tr td:nth-child(1){padding-left:var(--ibiz-spacing-tight)}.ibiz-control-grid.is-enable-customized .el-table__header-wrapper .el-table__header thead>tr th:last-child{padding-right:var(--ibiz-spacing-base-loose)}.ibiz-control-grid.is-enable-customized .ibiz-control-grid-setting-box{display:flex;align-items:center;justify-content:flex-start;position:absolute;top:0;right:0;z-index:1;height:var(--ibiz-control-grid-now-header-height);padding-right:var(--ibiz-spacing-extra-tight);background-color:var(--ibiz-control-grid-header-bg-color)}.ibiz-control-grid.is-enable-customized .ibiz-grid-setting{cursor:pointer}.ibiz-control-grid-quick-toolbar{justify-content:center}.ibiz-control-grid-batch-toolbar{position:absolute;top:0;left:54px;z-index:99;display:none;width:calc(100% - 54px);height:var(--ibiz-control-grid-now-header-height);font-size:var(--ibiz-font-size-regular);font-weight:var(--ibiz-font-weight-regular);background-color:var(--ibiz-control-grid-header-bg-color)}.ibiz-control-grid-batch-toolbar.is-show{display:flex;align-items:center;justify-content:flex-start}.ibiz-control-grid-batch-toolbar .ibiz-control-grid-batch-toolbar-separator{padding:0 var(--ibiz-spacing-base-tight)}.ibiz-control-grid-batch-toolbar .ibiz-control-grid-batch-toolbar-content{height:100%;display:flex;align-items:center;justify-content:flex-start}
+.ibiz-control-grid{--ibiz-control-grid-text-color:var(--ibiz-color-text-0);--ibiz-control-grid-bg-color:transparent;--ibiz-control-grid-padding:var(--ibiz-spacing-none);--ibiz-control-grid-cell-padding:calc(var(--ibiz-spacing-base-tight) / 2) var(--ibiz-spacing-base-tight);--ibiz-control-grid-selection-padding:var(--ibiz-spacing-base-loose);--ibiz-control-grid-row-edit-bg-color:var(--ibiz-color-fill-2);--ibiz-control-grid-row-bg-color:var(--ibiz-color-bg-1);--ibiz-control-grid-row-bg-color-2:var(--ibiz-color-bg-0);--ibiz-control-grid-row-hover-color:rgba(var(--ibiz-grey-1), 1);--ibiz-control-grid-row-select-color:var(--ibiz-color-primary-light-default);--ibiz-control-grid-row-expand-icon-margin:var(--ibiz-spacing-none) var(--ibiz-spacing-none) var(--ibiz-spacing-none) var(--ibiz-spacing-tight);--ibiz-control-grid-now-header-height:auto;--ibiz-control-grid-header-text-color:var(--ibiz-color-text-2);--ibiz-control-grid-header-cell-padding:var(--ibiz-control-grid-cell-padding);--ibiz-control-grid-header-height:auto;--ibiz-control-grid-header-bg-color:rgba(var(--ibiz-grey-1), 1);--ibiz-control-grid-header-font-size:var(--ibiz-font-size-regular);--ibiz-control-grid-header-font-weight:var(--ibiz-font-weight-regular);--ibiz-control-grid-content-text-color:var(--ibiz-control-grid-text-color);--ibiz-control-grid-content-row-height:48px;--ibiz-control-grid-page-text-color:var(--ibiz-color-text-2);--ibiz-control-grid-page-height:50px;--ibiz-control-grid-page-padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base-tight);--ibiz-control-grid-footer-text-color:var(--ibiz-color-text-2);--ibiz-control-grid-footer-bg-color:rgba(var(--ibiz-grey-1), 1);--ibiz-control-grid-footer-font-size:var(--ibiz-font-size-regular);--ibiz-control-grid-footer-font-weight:var(--ibiz-font-weight-bold);position:relative;width:100%;height:100%;padding:var(--ibiz-control-grid-padding);background-color:var(--ibiz-control-grid-bg-color)}.ibiz-control-grid .el-table{--el-table-header-bg-color:var(--ibiz-control-grid-header-bg-color);--el-table-current-row-bg-color:var(--ibiz-control-grid-row-select-color);--el-table-border-color:transparent}.ibiz-control-grid.is-empty .el-scrollbar .el-scrollbar__view{height:100%}.ibiz-control-grid.is-empty .el-table__empty-text{display:inline-block;height:100%}.ibiz-control-grid .el-table--border .el-table__cell{border-right:none}.ibiz-control-grid .el-table-fixed-column--left,.ibiz-control-grid .el-table-fixed-column--right{--el-bg-color:transparent}.ibiz-control-grid .el-table thead.is-group th.el-table__cell{background:var(--ibiz-control-grid-header-bg-color)}.ibiz-control-grid.is-enable-page .ibiz-control-grid__table{height:calc(100% - var(--ibiz-control-grid-page-height))}.ibiz-control-grid.is-enable-group .el-table__indent{display:none}.ibiz-control-grid__table{width:100%;height:100%}.ibiz-control-grid__table .caret-wrapper{justify-content:center}.ibiz-control-grid__table .caret-wrapper>*+*{margin-top:var(--ibiz-spacing-super-tight)}.ibiz-control-grid__table .sort-caret{--el-text-color-placeholder:--ibiz-control-grid-header-text-color;position:initial;opacity:.6}.ibiz-control-grid__table.el-table .el-table__cell{padding:var(--ibiz-spacing-none)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr td{background:var(--ibiz-control-grid-row-bg-color)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr:nth-child(2n) td{background-color:var(--ibiz-control-grid-row-bg-color-2)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr:hover td{background-color:var(--ibiz-control-grid-row-hover-color)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr.current-row td{background-color:var(--el-table-current-row-bg-color)}.ibiz-control-grid__table.el-table .el-table__body-wrapper tr.editing-row td{background-color:var(--ibiz-control-grid-row-edit-bg-color)}.ibiz-control-grid__table .el-table__header-wrapper .cell{height:var(--ibiz-control-grid-header-height);padding:var(--ibiz-control-grid-header-cell-padding);font-size:var(--ibiz-control-grid-header-font-size);font-weight:var(--ibiz-control-grid-header-font-weight);color:var(--ibiz-control-grid-header-text-color);word-break:break-word;white-space:pre-wrap}.ibiz-control-grid__table .el-table__header-wrapper .el-table-column--selection .cell{padding:var(--ibiz-control-grid-selection-padding)}.ibiz-control-grid__table .el-table__header-wrapper .is-sortable.el-table__cell .cell{display:flex;align-items:center;justify-content:var(--ibiz-grid-column-justify-content)}.ibiz-control-grid__table .el-table__body-wrapper{color:var(--ibiz-control-grid-content-text-color);--ibiz-color-text-0:var(--ibiz-control-grid-content-text-color);--ibiz-color-text-1:var(--ibiz-control-grid-content-text-color);--ibiz-color-text-2:var(--ibiz-control-grid-content-text-color);--ibiz-color-text-3:var(--ibiz-control-grid-content-text-color);border-bottom:.1px solid var(--ibiz-color-border)}.ibiz-control-grid__table .el-table__body-wrapper .el-table__row{height:var(--ibiz-control-grid-content-row-height);cursor:pointer}.ibiz-control-grid__table .el-table__body-wrapper .el-table__row>td{height:0;padding:var(--ibiz-spacing-none)}.ibiz-control-grid__table .el-table__body-wrapper .el-table__row .el-table__expand-icon{margin:var(--ibiz-control-grid-row-expand-icon-margin)}@-moz-document url-prefix(){.ibiz-control-grid__table .el-table__body-wrapper .el-table__row>td{height:100%}}.ibiz-control-grid__table .el-table__body-wrapper .cell{display:flex;align-items:center;height:100%;padding:var(--ibiz-spacing-none)}.ibiz-control-grid__table .el-table__body-wrapper .el-table-column--selection .cell{padding:var(--ibiz-control-grid-selection-padding)}.ibiz-control-grid__table .el-table__cell.is-center{--ibiz-grid-column-text-align:center;--ibiz-grid-column-justify-content:center}.ibiz-control-grid__table .el-table__cell.is-left{--ibiz-grid-column-text-align:left;--ibiz-grid-column-justify-content:flex-start}.ibiz-control-grid__table .el-table__cell.is-right{--ibiz-grid-column-text-align:right;--ibiz-grid-column-justify-content:flex-end}.ibiz-control-grid__table .el-scrollbar__wrap{position:relative}.ibiz-control-grid__table .el-table__footer-wrapper tfoot td.el-table__cell{font-size:var(--ibiz-control-grid-footer-font-size);font-weight:var(--ibiz-control-grid-footer-font-weight);color:var(--ibiz-control-grid-footer-text-color);background-color:var(--ibiz-control-grid-footer-bg-color)}.ibiz-control-grid__table .el-table__footer-wrapper tfoot td.el-table__cell:first-child>div{display:inline;vertical-align:4px}.ibiz-control-grid__table .enable-order{position:relative;padding-left:var(--ibiz-spacing-base-tight);transition:transform .25s cubic-bezier(0,0,.2,1)}.ibiz-control-grid__table .enable-order .ibiz-control-grid__drag-icon{padding:var(--ibiz-spacing-none)!important}.ibiz-control-grid__table .enable-order .ibiz-control-grid__drag-icon .cell{display:none}.ibiz-control-grid__table .enable-order:hover .ibiz-control-grid__drag-icon .cell{display:flex}.ibiz-control-grid__load-more-button{padding:var(--ibiz-control-grid-header-cell-padding);text-align:center}.ibiz-control-grid .el-table td.el-table__cell,.ibiz-control-grid .el-table th.el-table__cell.is-leaf{border-bottom:none}.ibiz-control-grid .ibiz-pagination{--ibiz-pagination-height:var(--ibiz-control-grid-page-height);--ibiz-pagination-text-color:var(--ibiz-control-grid-text-color);--ibiz-pagination-padding:var(--ibiz-control-grid-page-padding)}.ibiz-control-grid.is-single-select .el-table__header-wrapper .el-table__header thead>tr th:nth-child(1){padding-left:var(--ibiz-spacing-tight)}.ibiz-control-grid.is-single-select .el-table__body-wrapper .el-table__body tbody>tr td:nth-child(1){padding-left:var(--ibiz-spacing-tight)}.ibiz-control-grid.is-enable-customized .el-table__header-wrapper .el-table__header thead>tr th:last-child{padding-right:var(--ibiz-spacing-base-loose)}.ibiz-control-grid.is-enable-customized .ibiz-control-grid-setting-box{display:flex;align-items:center;justify-content:flex-start;position:absolute;top:0;right:0;z-index:1;height:var(--ibiz-control-grid-now-header-height);padding-right:var(--ibiz-spacing-extra-tight);background-color:var(--ibiz-control-grid-header-bg-color)}.ibiz-control-grid.is-enable-customized .ibiz-grid-setting{cursor:pointer}.ibiz-control-grid-quick-toolbar{justify-content:center}.ibiz-control-grid-batch-toolbar{position:absolute;top:0;left:54px;z-index:99;display:none;width:calc(100% - 54px);height:var(--ibiz-control-grid-now-header-height);font-size:var(--ibiz-font-size-regular);font-weight:var(--ibiz-font-weight-regular);background-color:var(--ibiz-control-grid-header-bg-color)}.ibiz-control-grid-batch-toolbar.is-show{display:flex;align-items:center;justify-content:flex-start}.ibiz-control-grid-batch-toolbar .ibiz-control-grid-batch-toolbar-separator{padding:0 var(--ibiz-spacing-base-tight)}.ibiz-control-grid-batch-toolbar .ibiz-control-grid-batch-toolbar-content{height:100%;display:flex;align-items:center;justify-content:flex-start}

package/lib/control/list/list.cjs

@@ -3,6 +3,7 @@
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 var lodashEs = require('lodash-es');
+var qxUtil = require('qx-util');
 var runtime = require('@ibiz-template/runtime');
 require('./list.css');
 require('../../util/index.cjs');
@@ -74,8 +75,24 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
       if (c.model.enablePagingBar === true) {
         return true;
       }
+      if (c.model.pagingMode !== 2) {
+        return true;
+      }
       return c.state.items.length >= c.state.total || c.state.isLoading || c.state.total <= c.state.size;
     });
+    const infiniteScroll = vue.ref();
+    const infiniteScrollKey = vue.ref(qxUtil.createUUID());
+    vue.watch(() => c.state.curPage, () => {
+      var _a, _b;
+      if (c.state.curPage === 1 && (c.model.pagingMode === 2 || c.model.pagingMode === 3)) {
+        infiniteScrollKey.value = qxUtil.createUUID();
+        const containerEl = (_b = (_a = infiniteScroll.value) == null ? void 0 : _a.ElInfiniteScroll) == null ? void 0 : _b.containerEl;
+        if (containerEl) {
+          containerEl.lastScrollTop = 0;
+          containerEl.scrollTop = 0;
+        }
+      }
+    });
     const renderPanelItem = (item, modelData) => {
       const {
         context,
@@ -121,6 +138,7 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
       });
     };
     const renderListContent = () => {
+      let _slot;
       if (c.model.enableGroup && !c.state.isSimple) {
         return vue.createVNode(vue.resolveComponent("el-collapse"), {
           "class": [ns.b("group-content"), ns.b("content")]
@@ -139,12 +157,21 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
       return vue.withDirectives(vue.createVNode("div", {
         "class": [ns.b("scroll"), ns.b("content")],
         "infinite-scroll-distance": 10,
-        "infinite-scroll-disabled": isLodeMoreDisabled.value
+        "infinite-scroll-disabled": isLodeMoreDisabled.value,
+        "ref": "infiniteScroll",
+        "key": infiniteScrollKey.value
       }, [c.state.items.map((item) => {
         return vue.createVNode("div", {
           "class": [ns.b("scroll-item")]
         }, [panel ? renderPanelItem(item, panel) : renderDefaultItem(item)]);
-      })]), [[vue.resolveDirective("infinite-scroll"), () => c.loadMore()]]);
+      }), c.model.pagingMode === 3 && !(c.state.items.length >= c.state.total || c.state.isLoading || c.state.total <= c.state.size) && vue.createVNode("div", {
+        "class": ns.e("load-more-button")
+      }, [vue.createVNode(vue.resolveComponent("el-button"), {
+        "text": true,
+        "onClick": () => c.loadMore()
+      }, _isSlot(_slot = ibiz.i18n.t("control.common.loadMore")) ? _slot : {
+        default: () => [_slot]
+      })])]), [[vue.resolveDirective("infinite-scroll"), () => c.loadMore()]]);
     };
     const renderQuickToolBar = () => {
       var _a;
@@ -177,7 +204,7 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
       }, null)]);
     };
     const renderNoData = () => {
-      let _slot;
+      let _slot2;
       const {
         isLoaded
       } = c.state;
@@ -189,13 +216,14 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
         "text": c.model.emptyText,
         "emptyTextLanguageRes": c.model.emptyTextLanguageRes,
         "enableShowImage": c.state.hideNoDataImage
-      }, _isSlot(_slot = renderQuickToolBar()) ? _slot : {
-        default: () => [_slot]
+      }, _isSlot(_slot2 = renderQuickToolBar()) ? _slot2 : {
+        default: () => [_slot2]
       });
     };
     return {
       c,
       ns,
+      infiniteScroll,
       renderListContent,
       renderNoData,
       renderBatchToolBar,
@@ -207,7 +235,7 @@ const ListControl = /* @__PURE__ */ vue.defineComponent({
   render() {
     let content = null;
     if (this.c.state.isCreated) {
-      content = [this.c.state.items.length > 0 ? this.renderListContent() : this.renderNoData(), this.renderBatchToolBar(), this.c.state.enablePagingBar ? vue.createVNode(vue.resolveComponent("iBizPagination"), {
+      content = [this.c.state.items.length > 0 ? this.renderListContent() : this.renderNoData(), this.renderBatchToolBar(), this.c.state.enablePagingBar && this.c.model.pagingMode === 1 ? vue.createVNode(vue.resolveComponent("iBizPagination"), {
         "class": this.ns.e("pagination"),
         "total": this.c.state.total,
         "curPage": this.c.state.curPage,

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;height:100%}.ibiz-control-list__load-more{color:var(--ibiz-control-list-load-more-color);text-align:center;cursor:pointer}.ibiz-control-list .ibiz-control-list-content{flex-grow:1}.ibiz-control-list-scroll{height:100%;overflow:auto}
+.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;height:100%}.ibiz-control-list__load-more{color:var(--ibiz-control-list-load-more-color);text-align:center;cursor:pointer}.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-scroll{height:100%;overflow:auto}

package/lib/editor/check-box/check-box-editor.provider.cjs

@@ -12,7 +12,7 @@ var __publicField = (obj, key, value) => {
 class CheckBoxEditorProvider {
   constructor() {
     __publicField(this, "formEditor", "IBizCheckbox");
-    __publicField(this, "gridEditor", "IBizGridCheckbox");
+    __publicField(this, "gridEditor", "IBizCheckbox");
   }
   async createController(editorModel, parentController) {
     const c = new checkBoxEditor_controller.CheckBoxEditorController(editorModel, parentController);

package/lib/editor/check-box/ibiz-checkbox/ibiz-checkbox.cjs

@@ -30,6 +30,10 @@ const IBizCheckbox = /* @__PURE__ */ vue.defineComponent({
       }
       return false;
     });
+    const {
+      useInFocusAndBlur,
+      useInValueChange
+    } = vue3Util.useAutoFocusBlur(props, emit);
     const currentVal = vue.computed({
       get() {
         if (props.value == selectValue) {
@@ -45,11 +49,12 @@ const IBizCheckbox = /* @__PURE__ */ vue.defineComponent({
           value = nullValue;
         }
         emit("change", value);
+        useInValueChange();
       }
     });
     const {
       componentRef: editorRef
-    } = vue3Util.useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    } = vue3Util.useFocusAndBlur(() => emit("focus"), () => useInFocusAndBlur());
     return {
       ns,
       editorModel,

package/lib/editor/check-box-list/ibiz-checkbox-list/ibiz-checkbox-list.cjs

@@ -50,6 +50,10 @@ const IBizCheckboxList = /* @__PURE__ */ vue.defineComponent({
     if (codeList && codeList.valueSeparator) {
       valueSeparator = codeList.valueSeparator;
     }
+    const {
+      useInFocusAndBlur,
+      useInValueChange
+    } = vue3Util.useAutoFocusBlur(props, emit);
     const selectArray = vue.computed({
       get() {
         if (!ramda.isNil(props.value)) {
@@ -112,6 +116,7 @@ const IBizCheckboxList = /* @__PURE__ */ vue.defineComponent({
           }
         }
         emit("change", value);
+        useInValueChange();
       }
     });
     const onSelectArrayChange = (value) => {
@@ -138,7 +143,7 @@ const IBizCheckboxList = /* @__PURE__ */ vue.defineComponent({
     });
     const {
       componentRef: editorRef
-    } = vue3Util.useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    } = vue3Util.useFocusAndBlur(() => emit("focus"), () => useInFocusAndBlur());
     return {
       ns,
       items,

package/lib/editor/data-picker/ibiz-picker-link/ibiz-picker-link.cjs

@@ -15,6 +15,10 @@ const IBizPickerLink = /* @__PURE__ */ vue.defineComponent({
     const ns = vue3Util.useNamespace("picker-link");
     const c = props.controller;
     const curValue = vue.ref("");
+    const {
+      useInFocusAndBlur,
+      useInValueChange
+    } = vue3Util.useAutoFocusBlur(props, emit);
     const showFormDefaultContent = vue.computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;
@@ -47,6 +51,7 @@ const IBizPickerLink = /* @__PURE__ */ vue.defineComponent({
       } else {
         emit("change", data[c.textName]);
       }
+      useInValueChange();
     };
     const openLinkView = async () => {
       const res = await c.openLinkView(props.data);
@@ -56,7 +61,7 @@ const IBizPickerLink = /* @__PURE__ */ vue.defineComponent({
     };
     const {
       componentRef: editorRef
-    } = vue3Util.useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    } = vue3Util.useFocusAndBlur(() => emit("focus"), () => useInFocusAndBlur());
     const valueText = vue.computed(() => {
       return vue3Util.renderString(curValue.value);
     });

package/lib/editor/list-box/ibiz-list-box/ibiz-list-box.cjs

@@ -25,6 +25,10 @@ const IBizListBox = /* @__PURE__ */ vue.defineComponent({
         multiple = c.toBoolean(editorModel.editorParams.multiple);
       }
     }
+    const {
+      useInFocusAndBlur,
+      useInValueChange
+    } = vue3Util.useAutoFocusBlur(props, emit);
     const showFormDefaultContent = vue.computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;
@@ -140,10 +144,11 @@ const IBizListBox = /* @__PURE__ */ vue.defineComponent({
         _value = value;
       }
       emit("change", _value);
+      useInValueChange();
     };
     const {
       componentRef: editorRef
-    } = vue3Util.useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    } = vue3Util.useFocusAndBlur(() => emit("focus"), () => useInFocusAndBlur());
     return {
       ns,
       items,

package/lib/editor/number-range/ibiz-number-range-picker/ibiz-number-range-picker.cjs

@@ -16,6 +16,10 @@ const IBizNumberRangePicker = /* @__PURE__ */ vue.defineComponent({
     const ns = vue3Util.useNamespace("number-range-picker");
     const c = props.controller;
     const editorModel = c.model;
+    const {
+      useInFocusAndBlur,
+      useInValueChange
+    } = vue3Util.useAutoFocusBlur(props, emit);
     let max = Infinity;
     let min = -Infinity;
     let precision = 0;
@@ -64,12 +68,6 @@ const IBizNumberRangePicker = /* @__PURE__ */ vue.defineComponent({
     }, {
       immediate: true
     });
-    vue.watch(editorRef, (newVal) => {
-      if (props.autoFocus && newVal) {
-        const input = newVal.$el.getElementsByTagName("input")[0];
-        input.focus();
-      }
-    });
     const setEditable = (flag) => {
       if (flag) {
         isEditable.value = flag;
@@ -88,22 +86,26 @@ const IBizNumberRangePicker = /* @__PURE__ */ vue.defineComponent({
       if (minValue.value !== null && maxValue.value !== null) {
         emit("change", [minValue.value, maxValue.value].join(valueSeparator));
         setEditable(false);
+        useInValueChange();
       }
       if (refFormItem.value) {
         const valueName = refFormItem.value[index];
         emit("change", value, valueName);
+        useInValueChange();
       }
     };
     const {
       componentRef
-    } = vue3Util.useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    } = vue3Util.useFocusAndBlur(() => emit("focus"), () => useInFocusAndBlur());
     const onFocus = (e) => {
       emit("focus", e);
       setEditable(true);
     };
     const onBlur = (e) => {
-      emit("blur", e);
-      setEditable(false);
+      if (minValue.value !== null && maxValue.value !== null) {
+        emit("blur", e);
+        setEditable(false);
+      }
     };
     const handleKeyUp = (e) => {
       if (e && e.code === "Enter") {

package/lib/editor/radio-button-list/ibiz-radio/ibiz-radio.cjs

@@ -29,8 +29,13 @@ const IBizRadio = /* @__PURE__ */ vue.defineComponent({
         isBtnRoundCorner = c.toBoolean(editorModel.editorParams.isBtnRoundCorner);
       }
     }
+    const {
+      useInFocusAndBlur,
+      useInValueChange
+    } = vue3Util.useAutoFocusBlur(props, emit);
     const onSelectValueChange = (value) => {
       emit("change", value);
+      useInValueChange();
     };
     const items = vue.ref([]);
     vue.watch(() => props.data, (newVal) => {
@@ -66,7 +71,7 @@ const IBizRadio = /* @__PURE__ */ vue.defineComponent({
     });
     const {
       componentRef: editorRef
-    } = vue3Util.useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    } = vue3Util.useFocusAndBlur(() => emit("focus"), () => useInFocusAndBlur());
     return {
       ns,
       editorModel,

package/lib/editor/rate/ibiz-rate/ibiz-rate.cjs

@@ -17,6 +17,10 @@ const IBizRate = /* @__PURE__ */ vue.defineComponent({
     const currentVal = vue.ref();
     const c = props.controller;
     const editorModel = c.model;
+    const {
+      useInFocusAndBlur,
+      useInValueChange
+    } = vue3Util.useAutoFocusBlur(props, emit);
     let colors = [];
     let showText = false;
     let max = 5;
@@ -54,10 +58,11 @@ const IBizRate = /* @__PURE__ */ vue.defineComponent({
     });
     const handleChange = (currentValue) => {
       emit("change", currentValue);
+      useInValueChange();
     };
     const {
       componentRef: editorRef
-    } = vue3Util.useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    } = vue3Util.useFocusAndBlur(() => emit("focus"), () => useInFocusAndBlur());
     return {
       ns,
       currentVal,

package/lib/editor/slider/ibiz-slider/ibiz-slider.cjs

@@ -16,6 +16,10 @@ const IBizSlider = /* @__PURE__ */ vue.defineComponent({
     const ns = vue3Util.useNamespace("slider");
     const c = props.controller;
     const editorModel = c.model;
+    const {
+      useInFocusAndBlur,
+      useInValueChange
+    } = vue3Util.useAutoFocusBlur(props, emit);
     let step = 1;
     let max = 100;
     let min = 0;
@@ -88,10 +92,11 @@ const IBizSlider = /* @__PURE__ */ vue.defineComponent({
       } else {
         emit("change", currentValue);
       }
+      useInValueChange();
     };
     const {
       componentRef: editorRef
-    } = vue3Util.useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    } = vue3Util.useFocusAndBlur(() => emit("focus"), () => useInFocusAndBlur());
     return {
       ns,
       currentVal,

package/lib/editor/span/span/span.cjs

@@ -27,6 +27,11 @@ const IBizSpan = /* @__PURE__ */ vue.defineComponent({
     const c = props.controller;
     const text = vue.ref("");
     const codeList = c.codeList;
+    const {
+      valueFormat,
+      dataType,
+      unitName
+    } = c.parent;
     const textSeparator = c.model.textSeparator || ((_a = c.editorParams) == null ? void 0 : _a.TEXTSEPARATOR) || ",";
     vue.watch(() => props.value, (newVal, oldVal) => {
       if (newVal !== oldVal) {
@@ -34,11 +39,6 @@ const IBizSpan = /* @__PURE__ */ vue.defineComponent({
           text.value = "";
           return;
         }
-        const {
-          valueFormat,
-          dataType,
-          unitName
-        } = c.parent;
         if (c.model.valueType === "SIMPLES") {
           text.value = newVal.join(textSeparator);
         } else if (c.model.valueType === "OBJECT") {
@@ -118,6 +118,8 @@ const IBizSpan = /* @__PURE__ */ vue.defineComponent({
       text,
       editorRef,
       items,
+      valueFormat,
+      unitName,
       showFormDefaultContent
     };
   },
@@ -128,7 +130,10 @@ const IBizSpan = /* @__PURE__ */ vue.defineComponent({
         "class": this.ns.e("code-list"),
         "codeListItems": this.items,
         "codeList": this.c.codeList,
-        "value": this.text
+        "value": this.value,
+        "valueFormat": this.valueFormat,
+        "unitName": this.unitName,
+        "convertToCodeItemText": this.c.convertToCodeItemText
       }, null);
     } else if (this.text) {
       content = this.text;

package/lib/editor/switch/ibiz-switch/ibiz-switch.cjs

@@ -67,13 +67,18 @@ const IBizSwitch = /* @__PURE__ */ vue.defineComponent({
       }
       return props.disabled || props.readonly;
     });
+    const {
+      useInFocusAndBlur,
+      useInValueChange
+    } = vue3Util.useAutoFocusBlur(props, emit);
     const handleChange = (currentValue) => {
       const emitValue = currentValue === true ? 1 : 0;
       emit("change", emitValue);
+      useInValueChange();
     };
     const {
       componentRef: editorRef
-    } = vue3Util.useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    } = vue3Util.useFocusAndBlur(() => emit("focus"), () => useInFocusAndBlur());
     return {
       ns,
       currentVal,

package/lib/editor/text-box/input/input.cjs

@@ -210,11 +210,29 @@ const IBizInput = /* @__PURE__ */ vue.defineComponent({
     const shouldAutoComplete = vue.computed(() => {
       return c.model.editorParams && c.model.editorParams.autocomplete && c.toBoolean(c.model.editorParams.autocomplete) ? "on" : "new-password";
     });
+    const items = vue.ref([]);
+    if (c.codeList) {
+      vue.watch(() => props.data, (newVal) => {
+        c.loadCodeList(newVal).then((_codeList) => {
+          items.value = _codeList;
+        });
+      }, {
+        immediate: true,
+        deep: true
+      });
+    }
+    const fn = (data) => {
+      if (data) {
+        items.value = data;
+      }
+    };
+    vue3Util.useCodeListListen(c.model.appCodeListId, c.context.srfappid, fn);
     return {
       c,
       ns,
       rows,
       type,
+      items,
       currentVal,
       readonlyText,
       handleChange,
@@ -243,7 +261,16 @@ const IBizInput = /* @__PURE__ */ vue.defineComponent({
     } = this.c.model;
     let content = null;
     if (this.readonly) {
-      content = this.readonlyText;
+      if (this.c.codeList) {
+        content = vue.createVNode(vue.resolveComponent("iBizCodeList"), {
+          "codeListItems": this.items,
+          "codeList": this.c.codeList,
+          "value": this.currentVal,
+          "convertToCodeItemText": this.c.convertToCodeItemText
+        }, null);
+      } else {
+        content = this.readonlyText;
+      }
     } else {
       const slots = {};
       if (unitName) {

package/lib/editor/text-box/text-box-editor.controller.cjs

@@ -10,7 +10,7 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-class TextBoxEditorController extends runtime.EditorController {
+class TextBoxEditorController extends runtime.CodeListEditorController {
   constructor() {
     super(...arguments);
     /**
@@ -76,6 +76,13 @@ class TextBoxEditorController extends runtime.EditorController {
      * @type {boolean}
      */
     __publicField(this, "chatCompletion", false);
+    /**
+     * 代码表模型
+     * @return {*}
+     * @author: zhujiamin
+     * @Date: 2023-05-24 10:55:50
+     */
+    __publicField(this, "codeList");
   }
   async onInit() {
     await super.onInit();
@@ -123,6 +130,10 @@ class TextBoxEditorController extends runtime.EditorController {
     } else if (this.model.predefinedType === "AUTH_PASSWORD" && !this.placeHolder) {
       this.placeHolder = ibiz.i18n.t("app.pleaseEnterPassword");
     }
+    if (this.model.appCodeListId) {
+      const app = await ibiz.hub.getApp(this.context.srfappid);
+      this.codeList = app.codeList.getCodeList(this.model.appCodeListId);
+    }
   }
 }