@ibiz-template/vue3-components 0.7.3 → 0.7.5

package/es/index.mjs

@@ -17,7 +17,7 @@ export { IBizSplitTrigger } from './common/split-trigger/split-trigger.mjs';
 export { IBizSortBar } from './common/sort-bar/sort-bar.mjs';
 export { IBizAppMenuControl } from './control/app-menu/index.mjs';
 export { IBizAppMenuIconViewControl } from './control/app-menu-icon-view/index.mjs';
-export { useAppGridBase, useAppGridPagination, useGridHeaderStyle, useITableEvent } from './control/grid/grid/grid-control.util.mjs';
+export { useAppGridBase, useAppGridPagination, useGridDraggable, useGridHeaderStyle, useITableEvent } from './control/grid/grid/grid-control.util.mjs';
 export { IBizGridControl } from './control/grid/grid/index.mjs';
 export { IBizGridFieldColumn } from './control/grid/grid-column/grid-field-column/index.mjs';
 export { IBizGridUAColumn } from './control/grid/grid-column/grid-ua-column/index.mjs';

package/es/panel-component/nav-pos-index/nav-pos-index.controller.d.ts

@@ -35,6 +35,14 @@ export declare class NavPosIndexController extends PanelItemController<IPanelRaw
      * @type {boolean}
      */
     autoGoLast: boolean;
+    /**
+     * 无缓存
+     * @author lxm
+     * @date 2024-04-22 04:12:41
+     * @readonly
+     * @type {boolean}
+     */
+    noCache: boolean;
     protected createState(): NavPosIndexState;
     setRouter(router: Router): void;
     /**
@@ -60,6 +68,16 @@ export declare class NavPosIndexController extends PanelItemController<IPanelRaw
      * @type {(IAppMenuController | undefined)}
      */
     get appmenu(): IAppMenuController | undefined;
+    /**
+     * 自定义补充参数
+     *
+     * @author zk
+     * @date 2023-09-27 03:09:02
+     * @type {IData}
+     * @memberof NavPosController
+     */
+    rawItemParams: IData;
+    protected onInit(): Promise<void>;
     /**
      * 改变显示视图
      * @author lxm
@@ -124,4 +142,13 @@ export declare class NavPosIndexController extends PanelItemController<IPanelRaw
      * @protected
      */
     protected goLast(): void;
+    /**
+     * 处理自定义补充参数 [{key:'name',value:'data'}] => {name:'data'}
+     *
+     * @author zk
+     * @date 2023-09-27 03:09:55
+     * @protected
+     * @memberof NavPosController
+     */
+    protected handleRawItemParams(): void;
 }

package/es/panel-component/nav-pos-index/nav-pos-index.controller.mjs

@@ -1,5 +1,6 @@
 import { PanelItemController, ViewMode, Modal } from '@ibiz-template/runtime';
 import { routerCallback } from '@ibiz-template/vue3-util';
+import { notNilEmpty } from 'qx-util';
 import { NavPosIndexState } from './nav-pos-index.state.mjs';
 
 "use strict";
@@ -33,6 +34,23 @@ class NavPosIndexController extends PanelItemController {
      * @type {boolean}
      */
     __publicField(this, "autoGoLast", true);
+    /**
+     * 无缓存
+     * @author lxm
+     * @date 2024-04-22 04:12:41
+     * @readonly
+     * @type {boolean}
+     */
+    __publicField(this, "noCache", false);
+    /**
+     * 自定义补充参数
+     *
+     * @author zk
+     * @date 2023-09-27 03:09:02
+     * @type {IData}
+     * @memberof NavPosController
+     */
+    __publicField(this, "rawItemParams", {});
   }
   createState() {
     var _a;
@@ -70,6 +88,11 @@ class NavPosIndexController extends PanelItemController {
   get appmenu() {
     return this.panel.getController("appmenu");
   }
+  async onInit() {
+    await super.onInit();
+    this.handleRawItemParams();
+    this.noCache = this.rawItemParams.expcache === "NO_CACHE";
+  }
   /**
    * 改变显示视图
    * @author lxm
@@ -248,6 +271,26 @@ class NavPosIndexController extends PanelItemController {
       ibiz.util.setBrowserTitle("");
     }
   }
+  /**
+   * 处理自定义补充参数 [{key:'name',value:'data'}] => {name:'data'}
+   *
+   * @author zk
+   * @date 2023-09-27 03:09:55
+   * @protected
+   * @memberof NavPosController
+   */
+  handleRawItemParams() {
+    var _a;
+    let params = {};
+    const rawItemParams = (_a = this.model.rawItem) == null ? void 0 : _a.rawItemParams;
+    if (notNilEmpty(rawItemParams)) {
+      params = rawItemParams.reduce((param, item) => {
+        param[item.key.toLowerCase()] = item.value;
+        return param;
+      }, {});
+    }
+    Object.assign(this.rawItemParams, params);
+  }
 }
 
 export { NavPosIndexController };

package/es/panel-component/nav-pos-index/nav-pos-index.mjs

@@ -69,6 +69,9 @@ const NavPosIndex = /* @__PURE__ */ defineComponent({
       default: ({
         Component
       }) => {
+        if (this.c.noCache) {
+          return Component ? createVNode(Component, null, null) : null;
+        }
         return createVNode(resolveComponent("keepAlive"), {
           "include": cacheKeys,
           "max": 30,

package/es/panel-component/user-action/user-action.mjs

@@ -45,6 +45,12 @@ const UserAction = /* @__PURE__ */ defineComponent({
           return item.id === id;
         });
         if (targetMenu) {
+          if (targetMenu.accessKey) {
+            const app = await ibiz.hub.getApp(c.panel.context.srfappid);
+            const permitted = app.authority.calcByResCode(targetMenu.accessKey);
+            if (!permitted)
+              return;
+          }
           const tempContext = c.panel.context.clone();
           const tempParam = c.panel.params;
           tempContext.srfappid = targetMenu.appId || ibiz.env.appId;

package/es/web-app/router/index.mjs

@@ -146,7 +146,49 @@ class AppRouter {
                               },
                               {
                                 path: ":view6(".concat(viewReg, ")/:params6(").concat(paramReg, ")"),
-                                component: RouterShell
+                                component: RouterShell,
+                                children: [
+                                  {
+                                    path: "error/:code",
+                                    name: "errorView7",
+                                    component: ErrorView
+                                  },
+                                  {
+                                    path: "".concat(RouteConst.ROUTE_MODAL_TAG, "/:modalView(").concat(viewReg, ")/:modalParams(").concat(paramReg, ")"),
+                                    components: {
+                                      [RouteConst.ROUTE_MODAL_TAG]: ModalRouterShell
+                                    }
+                                  },
+                                  {
+                                    path: ":view7(".concat(viewReg, ")/:params7(").concat(paramReg, ")"),
+                                    component: RouterShell,
+                                    children: [
+                                      {
+                                        path: "error/:code",
+                                        name: "errorView8",
+                                        component: ErrorView
+                                      },
+                                      {
+                                        path: "".concat(RouteConst.ROUTE_MODAL_TAG, "/:modalView(").concat(viewReg, ")/:modalParams(").concat(paramReg, ")"),
+                                        components: {
+                                          [RouteConst.ROUTE_MODAL_TAG]: ModalRouterShell
+                                        }
+                                      },
+                                      {
+                                        path: ":view8(".concat(viewReg, ")/:params8(").concat(paramReg, ")"),
+                                        component: RouterShell
+                                      },
+                                      {
+                                        path: ":pathMatch(.*)*",
+                                        redirect: { name: "errorView8" }
+                                      }
+                                    ]
+                                  },
+                                  {
+                                    path: ":pathMatch(.*)*",
+                                    redirect: { name: "errorView7" }
+                                  }
+                                ]
                               },
                               {
                                 path: ":pathMatch(.*)*",
@@ -156,7 +198,7 @@ class AppRouter {
                           },
                           {
                             path: ":pathMatch(.*)*",
-                            redirect: { name: "errorView6" }
+                            redirect: { name: "errorView5" }
                           }
                         ]
                       },

package/lib/common/rawitem/rawitem.cjs

@@ -31,7 +31,7 @@ const IBizRawItem = /* @__PURE__ */ vue.defineComponent({
     }
     const rawItemType = vue.ref(props.type || contentType || "");
     const rawItemContent = vue.ref("");
-    let sysImage = null;
+    let sysImage;
     if (contentType === "IMAGE") {
       sysImage = rawItem.sysImage;
     }
@@ -71,7 +71,7 @@ const IBizRawItem = /* @__PURE__ */ vue.defineComponent({
     const rawItemText = vue.ref("");
     const convertValue = () => {
       if (rawItemType.value === "IMAGE") {
-        if (typeof props.content === "string") {
+        if (props.content && typeof props.content === "string") {
           if (isImg(props.content)) {
             rawItemContent.value = {
               imagePath: props.content
@@ -81,6 +81,8 @@ const IBizRawItem = /* @__PURE__ */ vue.defineComponent({
               cssClass: props.content
             };
           }
+        } else if (sysImage) {
+          rawItemContent.value = sysImage;
         }
       }
       if (["TEXT", "HEADING1", "HEADING2", "HEADING3", "HEADING4", "HEADING5", "HEADING6", "PARAGRAPH", "HTML", "RAW"].includes(rawItemType.value)) {
@@ -124,7 +126,7 @@ const IBizRawItem = /* @__PURE__ */ vue.defineComponent({
     };
     convertValue();
     vue.watch(() => props.content, (newVal, oldVal) => {
-      if (newVal !== oldVal) {
+      if (newVal && newVal !== oldVal) {
         rawItemContent.value = newVal;
         convertValue();
       }

package/lib/common/view-message/view-message.cjs

@@ -69,11 +69,15 @@ const ViewMessage = /* @__PURE__ */ vue.defineComponent({
     });
     const handleAlertClose = (index) => {
       items.value[index].hidden = true;
-      const isHiddenCarouse = items.value.every((item) => item.hidden);
+      const isHiddenCarouse = items.value.every((item2) => item2.hidden);
       if (isHiddenCarouse) {
         isHiddenContainer.value = true;
       }
       uuid.value = qxUtil.createUUID();
+      const item = items.value[index];
+      if (item.removeMode === 1) {
+        localStorage.setItem(item.key, "1");
+      }
     };
     const handleChange = (index) => {
       initialIndex.value = index;

package/lib/control/app-menu/app-menu.cjs

@@ -192,6 +192,9 @@ const AppMenuControl = /* @__PURE__ */ vue.defineComponent({
         defaultActive.value = activeMenu ? activeMenu.id : "";
       }
     });
+    const fn = (data) => {
+      counterData.value = data;
+    };
     c.evt.on("onMounted", async () => {
       const allItems = c.getAllItems();
       const defaultActiveMenuItem = allItems.find((item) => {
@@ -216,13 +219,12 @@ const AppMenuControl = /* @__PURE__ */ vue.defineComponent({
       if (counterRefId) {
         counter = c.getCounter(counterRefId);
         if (counter) {
-          counter.onChange((data) => {
-            counterData.value = data;
-          });
+          counter.onChange(fn);
         }
       }
     });
     vue.onUnmounted(() => {
+      counter == null ? void 0 : counter.offChange(fn);
       counter == null ? void 0 : counter.destroy();
     });
     const menuMode = vue.computed(() => {

package/lib/control/drbar/drbar.cjs

@@ -46,13 +46,18 @@ const DRBarControl = /* @__PURE__ */ vue.defineComponent({
     const ns = vue3Util.useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     const router = vueRouter.useRouter();
     const counterData = vue.reactive({});
+    const fn = (counter) => {
+      Object.assign(counterData, counter);
+    };
     c.evt.on("onCreated", () => {
       if (c.counter) {
-        c.counter.onChange((counter) => {
-          Object.assign(counterData, counter);
-        }, true);
+        c.counter.onChange(fn, true);
       }
     });
+    vue.onUnmounted(() => {
+      var _a;
+      (_a = c.counter) == null ? void 0 : _a.offChange(fn);
+    });
     c.setRouter(router);
     const handleSelect = (key) => {
       c.handleSelectChange(key);

package/lib/control/drtab/drtab.cjs

@@ -36,13 +36,18 @@ const DRTabControl = /* @__PURE__ */ vue.defineComponent({
     const ns = vue3Util.useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     const router = vueRouter.useRouter();
     const counterData = vue.reactive({});
+    const fn = (counter) => {
+      Object.assign(counterData, counter);
+    };
     c.evt.on("onCreated", () => {
       if (c.counter) {
-        c.counter.onChange((counter) => {
-          Object.assign(counterData, counter);
-        }, true);
+        c.counter.onChange(fn, true);
       }
     });
+    vue.onUnmounted(() => {
+      var _a;
+      (_a = c.counter) == null ? void 0 : _a.offChange(fn);
+    });
     c.setRouter(router);
     const handleTabChange = () => {
       c.handleTabChange();
@@ -62,10 +67,17 @@ const DRTabControl = /* @__PURE__ */ vue.defineComponent({
             const {
               srfnav
             } = routePath.pathNodes[depth - 1];
+            const isRoutePushed = !!c.routeDepth && runtime.hasSubRoute(c.routeDepth);
             if (srfnav && c.state.activeName && c.state.activeName !== srfnav) {
               c.state.activeName = srfnav;
-              const isRoutePushed = !!c.routeDepth && runtime.hasSubRoute(c.routeDepth);
               c.handleTabChange(isRoutePushed);
+            } else if (!srfnav) {
+              const routeNoSub = !!c.routeDepth && !runtime.hasSubRoute(c.routeDepth);
+              const doTabChange = c.state.activeName !== c.state.defaultName || routeNoSub;
+              if (doTabChange) {
+                c.state.activeName = c.state.defaultName;
+                c.handleTabChange(isRoutePushed);
+              }
             }
           }
         }

package/lib/control/drtab/drtab.controller.cjs

@@ -170,6 +170,9 @@ class DRTabController extends runtime.ControlController {
         sysImage: editItemSysImage,
         fullPath: this.routeDepth ? vue3Util.getNestedRoutePath(this.router.currentRoute.value, this.routeDepth) : ""
       });
+      this.state.defaultName = "";
+    } else {
+      this.state.defaultName = (dedrtabPages == null ? void 0 : dedrtabPages[0].id) || "";
     }
     dedrtabPages == null ? void 0 : dedrtabPages.forEach((item) => {
       let itemCaption = item.caption;

package/lib/control/form/form-detail/form-tab-panel/form-tab-panel.cjs

@@ -38,6 +38,9 @@ const FormTabPanel = /* @__PURE__ */ vue.defineComponent({
         pageC.onClick(event);
       }
     };
+    const fn = (data) => {
+      counterData.value = data;
+    };
     vue.onMounted(() => {
       var _a, _b;
       const defaultSlots = ((_a = slots.default) == null ? void 0 : _a.call(slots)) || [];
@@ -52,14 +55,12 @@ const FormTabPanel = /* @__PURE__ */ vue.defineComponent({
       if (counterRefId.value) {
         counter = props.controller.getCounter(counterRefId.value);
         if (counter) {
-          counter.onChange((data) => {
-            counterData.value = data;
-          });
+          counter.onChange(fn);
         }
       }
     });
     vue.onUnmounted(() => {
-      counter == null ? void 0 : counter.destroy();
+      counter == null ? void 0 : counter.offChange(fn);
     });
     return {
       ns,

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

@@ -1,5 +1,6 @@
 'use strict';
 
+var core = require('@ibiz-template/core');
 var runtime = require('@ibiz-template/runtime');
 var vue = require('vue');
 
@@ -92,6 +93,9 @@ function useITableEvent(c) {
     if (row.srfkey) {
       activeClassName += " id-".concat(row.srfkey);
     }
+    if (c.enableRowEditOrder) {
+      activeClassName += " enable-order";
+    }
     return activeClassName;
   }
   function handleHeaderCellClassName({
@@ -293,8 +297,101 @@ function useGridHeaderStyle(tableRef, ns) {
     headerCssVars
   };
 }
+function useGridDraggable(tableRef, ns, c) {
+  if (!c.enableRowEditOrder || !c.model.orderValueAppDEFieldId) {
+    return {};
+  }
+  let draggingDom = null;
+  let dragIndex = 0;
+  let draggingKey = "";
+  let draggingData = null;
+  const cleanups = [];
+  const calcSrfKeyByClass = (classList) => {
+    let result = "";
+    classList.forEach((className) => {
+      if (className.startsWith("id-")) {
+        result = className.replace("id-", "");
+      }
+    });
+    return result;
+  };
+  const setRowDragEvent = (item) => {
+    item.setAttribute("draggable", "true");
+    const cleanDragStart = core.listenJSEvent(
+      item,
+      "dragstart",
+      (event) => {
+        if (event.target) {
+          draggingDom = event.target;
+          event.dataTransfer.effectAllowed = "move";
+          draggingKey = calcSrfKeyByClass(draggingDom.classList);
+          dragIndex = c.state.rows.findIndex(
+            (row) => row.data.srfkey === draggingKey
+          );
+          draggingData = c.state.rows[dragIndex];
+        }
+      }
+    );
+    const cleanDragEnter = core.listenJSEvent(
+      item,
+      "dragenter",
+      (event) => {
+        event.preventDefault();
+        const targetDom = event.currentTarget;
+        const targetKey = calcSrfKeyByClass(targetDom.classList);
+        const targetIndex = c.state.rows.findIndex(
+          (row) => row.data.srfkey === targetKey
+        );
+        if (draggingKey === targetKey || targetIndex === -1) {
+          return;
+        }
+        c.state.rows.splice(dragIndex, 1);
+        c.state.rows.splice(targetIndex, 0, draggingData);
+        dragIndex = targetIndex;
+      }
+    );
+    const cleanDragOver = core.listenJSEvent(
+      item,
+      "dragover",
+      (event) => {
+        event.preventDefault();
+      }
+    );
+    const cleanDragEnd = core.listenJSEvent(item, "dragend", (event) => {
+      event.preventDefault();
+      c.onDragChange();
+    });
+    cleanups.push(cleanDragStart);
+    cleanups.push(cleanDragEnter);
+    cleanups.push(cleanDragOver);
+    cleanups.push(cleanDragEnd);
+  };
+  vue.watch(
+    [() => tableRef.value, () => c.state.isLoaded],
+    (table, isLoaded) => {
+      if (!isLoaded || !table) {
+        return;
+      }
+      const grid = tableRef.value.$el;
+      if (grid) {
+        const rows = grid.getElementsByClassName("el-table__row");
+        rows.forEach((item) => {
+          setRowDragEvent(item);
+        });
+      }
+    }
+  );
+  return {
+    cleanup: () => {
+      cleanups.forEach((cleanup) => {
+        cleanup();
+      });
+    }
+  };
+}
 
 exports.useAppGridBase = useAppGridBase;
 exports.useAppGridPagination = useAppGridPagination;
+exports.useGridDraggable = useGridDraggable;
 exports.useGridHeaderStyle = useGridHeaderStyle;
 exports.useITableEvent = useITableEvent;

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

@@ -3,6 +3,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 gridControl_util = require('./grid-control.util.cjs');
 require('./grid.css');
 var useRowEditPopover = require('../row-edit-popover/use-row-edit-popover.cjs');
@@ -166,6 +167,9 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
     const {
       headerCssVars
     } = gridControl_util.useGridHeaderStyle(tableRef, ns);
+    const {
+      cleanup = core.NOOP
+    } = gridControl_util.useGridDraggable(tableRef, ns, c);
     const renderNoData = () => {
       var _a;
       const {
@@ -231,6 +235,9 @@ const GridControl = /* @__PURE__ */ vue.defineComponent({
     };
     vue.onUnmounted(() => {
       zIndex.decrement();
+      if (cleanup !== core.NOOP) {
+        cleanup();
+      }
     });
     return {
       c,

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

@@ -27,6 +27,7 @@ const IBizGridControl = vue3Util.withInstall(grid.GridControl, (v) => {
 
 exports.useAppGridBase = gridControl_util.useAppGridBase;
 exports.useAppGridPagination = gridControl_util.useAppGridPagination;
+exports.useGridDraggable = gridControl_util.useGridDraggable;
 exports.useGridHeaderStyle = gridControl_util.useGridHeaderStyle;
 exports.useITableEvent = gridControl_util.useITableEvent;
 exports.IBizGridControl = IBizGridControl;

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

@@ -41,6 +41,7 @@ const GridFieldColumn = /* @__PURE__ */ vue.defineComponent({
     });
     const fieldValue = vue.computed(() => props.row.data[props.controller.fieldName]);
     const formatValue = vue.computed(() => props.controller.formatValue(fieldValue.value));
+    const codeListValue = vue.computed(() => runtime.ValueExUtil.toText(props.controller.model, fieldValue.value));
     const codeListText = vue.ref("");
     const onInfoTextChange = (text) => {
       codeListText.value = text;
@@ -54,6 +55,16 @@ const GridFieldColumn = /* @__PURE__ */ vue.defineComponent({
     const onActionClick = async (detail, event) => {
       await props.controller.onActionClick(detail, props.row, event);
     };
+    const items = vue.ref([]);
+    if (props.controller.codeList) {
+      items.value = props.controller.codeListItems;
+    }
+    const fn = (data) => {
+      if (data) {
+        items.value = data;
+      }
+    };
+    vue3Util.useCodeListListen(props.controller.model.appCodeListId, props.controller.context.srfappid, fn);
     return {
       ns,
       onCellClick,
@@ -63,8 +74,10 @@ const GridFieldColumn = /* @__PURE__ */ vue.defineComponent({
       CustomHtml,
       fieldValue,
       formatValue,
+      codeListValue,
       tooltip,
-      zIndex
+      zIndex,
+      items
     };
   },
   render() {
@@ -87,9 +100,9 @@ const GridFieldColumn = /* @__PURE__ */ vue.defineComponent({
     } else if (c.codeList) {
       content = vue.createVNode(vue.resolveComponent("iBizCodeList"), {
         "class": this.ns.e("text"),
-        "codeListItems": c.codeListItems,
+        "codeListItems": this.items,
         "codeList": c.codeList,
-        "value": this.fieldValue,
+        "value": this.codeListValue,
         "onClick": this.onTextClick,
         "onInfoTextChange": this.onInfoTextChange,
         "title": this.tooltip

package/lib/control/grid/index.cjs

@@ -13,6 +13,7 @@ var index$4 = require('./grid-column/grid-group-column/index.cjs');
 exports.IBizGridControl = index.IBizGridControl;
 exports.useAppGridBase = gridControl_util.useAppGridBase;
 exports.useAppGridPagination = gridControl_util.useAppGridPagination;
+exports.useGridDraggable = gridControl_util.useGridDraggable;
 exports.useGridHeaderStyle = gridControl_util.useGridHeaderStyle;
 exports.useITableEvent = gridControl_util.useITableEvent;
 exports.IBizGridFieldColumn = index$1.IBizGridFieldColumn;

package/lib/control/index.cjs

@@ -102,6 +102,7 @@ exports.IBizGanttControl = index$R.IBizGanttControl;
 exports.IBizContextMenuControl = index$S.IBizContextMenuControl;
 exports.useAppGridBase = gridControl_util.useAppGridBase;
 exports.useAppGridPagination = gridControl_util.useAppGridPagination;
+exports.useGridDraggable = gridControl_util.useGridDraggable;
 exports.useGridHeaderStyle = gridControl_util.useGridHeaderStyle;
 exports.useITableEvent = gridControl_util.useITableEvent;
 exports.IBizGridControl = index$2.IBizGridControl;

package/lib/control/tree/tree.cjs

@@ -71,16 +71,21 @@ const TreeControl = /* @__PURE__ */ vue.defineComponent({
     const c = vue3Util.useControlController((...args) => new runtime.TreeController(...args));
     const cascadeSelect = vue.ref(false);
     const counterData = vue.reactive({});
+    const fn = (counter) => {
+      Object.assign(counterData, counter);
+    };
     c.evt.on("onCreated", () => {
       if (c.counter) {
-        c.counter.onChange((counter) => {
-          Object.assign(counterData, counter);
-        }, true);
+        c.counter.onChange(fn, true);
       }
       if (c.controlParams.cascadeselect) {
         cascadeSelect.value = true;
       }
     });
+    vue.onUnmounted(() => {
+      var _a;
+      (_a = c.counter) == null ? void 0 : _a.offChange(fn);
+    });
     const ns = vue3Util.useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     const treeRef = vue.ref(null);
     const treeviewRef = vue.ref(null);

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

@@ -168,7 +168,7 @@ const IBizAutoComplete = /* @__PURE__ */ vue.defineComponent({
       "placeholder": this.c.placeHolder,
       "placement": "bottom",
       "clearable": this.autoCompleteClearable,
-      "popper-class": [this.ns.e("transfer")],
+      "popper-class": this.ns.e("transfer"),
       "teleported": !this.showFormDefaultContent,
       "fetch-suggestions": this.onSearch,
       "onClear": this.onClear,

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

@@ -40,6 +40,12 @@ const IBizCheckboxList = /* @__PURE__ */ vue.defineComponent({
       }
       return "str";
     });
+    const fn = (data) => {
+      if (data) {
+        items.value = data;
+      }
+    };
+    vue3Util.useCodeListListen(c.model.appCodeListId, c.context.srfappid, fn);
     let valueSeparator = ",";
     if (codeList && codeList.valueSeparator) {
       valueSeparator = codeList.valueSeparator;