@ibiz-template/vue3-components 0.7.4 → 0.7.5

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/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

@@ -55,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,
@@ -66,7 +76,8 @@ const GridFieldColumn = /* @__PURE__ */ vue.defineComponent({
       formatValue,
       codeListValue,
       tooltip,
-      zIndex
+      zIndex,
+      items
     };
   },
   render() {
@@ -89,7 +100,7 @@ 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.codeListValue,
         "onClick": this.onTextClick,

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;

package/lib/editor/code/monaco-editor/monaco-editor.cjs

@@ -35,6 +35,15 @@ const IBizCode = /* @__PURE__ */ vue.defineComponent({
     }, {
       immediate: true
     });
+    vue.watch(() => props.readonly, (newVal) => {
+      if (editor) {
+        editor.updateOptions({
+          readOnly: newVal
+        });
+      }
+    }, {
+      immediate: true
+    });
     const codeEditBox = vue.ref();
     const editorInit = () => {
       vue.nextTick(() => {
@@ -58,8 +67,11 @@ const IBizCode = /* @__PURE__ */ vue.defineComponent({
               minimap: {
                 enabled: true
               },
-              readOnly: false,
+              readOnly: props.readonly,
               // 只读
+              readOnlyMessage: {
+                value: "\u5F53\u524D\u4E3A\u53EA\u8BFB\u6A21\u5F0F\uFF0C\u4E0D\u53EF\u7F16\u8F91"
+              },
               fontSize: 16,
               // 字体大小
               scrollBeyondLastLine: false,

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

@@ -261,7 +261,7 @@ const IBizPicker = /* @__PURE__ */ vue.defineComponent({
       "value-key": this.c.textName,
       "placeholder": this.c.placeHolder,
       "clearable": true,
-      "popper-class": [this.ns.e("transfer")],
+      "popper-class": this.ns.e("transfer"),
       "fetch-suggestions": this.onSearch,
       "onClear": this.onClear,
       "onBlur": this.onBlur,

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

@@ -199,6 +199,12 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
         }
       }
     };
+    const fn = (data) => {
+      if (data) {
+        items.value = data;
+      }
+    };
+    vue3Util.useCodeListListen(c.model.appCodeListId, c.context.srfappid, fn);
     vue.onMounted(() => {
       if (editorRef.value) {
         funcs = vue3Util.useClickOutside(editorRef, async (_evt) => {

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

@@ -54,6 +54,12 @@ const IBizListBox = /* @__PURE__ */ vue.defineComponent({
       }
     };
     loadListBoxItems();
+    const fn = (data) => {
+      if (data) {
+        items.value = data;
+      }
+    };
+    vue3Util.useCodeListListen(c.model.appCodeListId, c.context.srfappid, fn);
     const currentMode = vue.computed(() => {
       if (codeList && codeList.orMode) {
         return codeList.orMode.toLowerCase();

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

@@ -41,6 +41,12 @@ const IBizRadio = /* @__PURE__ */ vue.defineComponent({
       immediate: true,
       deep: true
     });
+    const fn = (data) => {
+      if (data) {
+        items.value = data;
+      }
+    };
+    vue3Util.useCodeListListen(c.model.appCodeListId, c.context.srfappid, fn);
     const valueText = vue.computed(() => {
       var _a;
       return ((_a = items.value.find((item) => item.value == props.value)) == null ? void 0 : _a.text) || "";

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

@@ -97,6 +97,12 @@ const IBizSpan = /* @__PURE__ */ vue.defineComponent({
         deep: true
       });
     }
+    const fn = (data) => {
+      if (data) {
+        items.value = data;
+      }
+    };
+    vue3Util.useCodeListListen(c.model.appCodeListId, c.context.srfappid, fn);
     const {
       componentRef: editorRef
     } = vue3Util.useFocusAndBlur(() => emit("focus"), () => emit("blur"));

package/lib/index.cjs

@@ -144,6 +144,7 @@ exports.IBizAppMenuControl = index$2.IBizAppMenuControl;
 exports.IBizAppMenuIconViewControl = index$3.IBizAppMenuIconViewControl;
 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$4.IBizGridControl;