@ibiz-template/vue3-components 0.7.14 → 0.7.16-alpha.0

package/es/common/carousel/carousel.d.ts

@@ -1,4 +1,4 @@
-import { Ref } from 'vue';
+import { Ref, PropType } from 'vue';
 import './carousel.scss';
 export declare const IBizCarouselComponent: import("vue").DefineComponent<{
     carouselData: {
@@ -62,8 +62,8 @@ export declare const IBizCarouselComponent: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
-    carouselMode: {
-        type: StringConstructor;
+    showMode: {
+        type: PropType<"DEFAULT" | "CARD">;
         required: true;
     };
 }, {
@@ -131,8 +131,8 @@ export declare const IBizCarouselComponent: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
-    carouselMode: {
-        type: StringConstructor;
+    showMode: {
+        type: PropType<"DEFAULT" | "CARD">;
         required: true;
     };
 }>>, {

package/es/common/carousel/carousel.mjs

@@ -21,7 +21,7 @@ const IBizCarouselComponent = /* @__PURE__ */ defineComponent({
       type: Number,
       default: 3e3
     },
-    carouselMode: {
+    showMode: {
       type: String,
       required: true
     }
@@ -61,7 +61,7 @@ const IBizCarouselComponent = /* @__PURE__ */ defineComponent({
         }, null);
       }
     };
-    return createVNode("div", null, [this.carouselMode === "card" ? createVNode(resolveComponent("IBizCarousel-card"), {
+    return createVNode("div", null, [this.showMode === "CARD" ? createVNode(resolveComponent("IBizCarousel-card"), {
       "swipeData": this.swipeData,
       "isAuto": this.isAuto,
       "timeSpan": this.timeSpan

package/es/common/carousel-card/carousel-card.css

@@ -1 +1 @@
-.ibiz-carousel-card{position:relative;z-index:1;padding:0;margin-right:auto;margin-left:auto;overflow:hidden;list-style:none}.ibiz-carousel-card__swiper-list{position:relative;z-index:1;padding:0;margin-right:auto;margin-left:auto;overflow:hidden;list-style:none}.ibiz-carousel-card__swiper-main{position:relative;z-index:1;box-sizing:content-box;display:flex;width:100%;height:100%;transition:transform .5s ease-in-out;transition-property:transform}.ibiz-carousel-card__swiper-main img{display:block;display:inline-block;flex-shrink:0;border-radius:4px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.ibiz-carousel-card__leftBtn{position:absolute;top:0;left:0;z-index:2;height:100%;background-image:linear-gradient(90deg,#fff 38%,rgba(255,255,255,0));transition:.4s}.ibiz-carousel-card__rightBtn{position:absolute;top:0;right:0;z-index:2;height:100%;background-image:linear-gradient(270deg,#fff 38%,rgba(255,255,255,0));transition:.4s}.ibiz-carousel-card__dot{z-index:1;display:flex;justify-content:center;margin-top:20px}.ibiz-carousel-card__dot-item{width:8px;height:8px;margin-right:8px;cursor:pointer;background:#eee;border-radius:4px;transition:all .5s ease}.ibiz-carousel-card__dot-item.isActive{width:16px;background:#6698ff}
+.ibiz-carousel-card{position:relative;z-index:1;padding:0;margin-right:auto;margin-left:auto;overflow:hidden;list-style:none}.ibiz-carousel-card__swiper-list{position:relative;z-index:1;padding:0;margin-right:auto;margin-left:auto;overflow:hidden;list-style:none}.ibiz-carousel-card__swiper-main{position:relative;z-index:1;box-sizing:content-box;display:flex;width:100%;height:100%;transition:transform .5s ease-in-out;transition-property:transform}.ibiz-carousel-card__swiper-main img{display:block;display:inline-block;flex-shrink:0;border-radius:4px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.ibiz-carousel-card__leftBtn{position:absolute;top:0;left:0;z-index:2;height:100%;background-image:linear-gradient(90deg,#fff 0,rgba(255,255,255,0));transition:.4s}.ibiz-carousel-card__rightBtn{position:absolute;top:0;right:0;z-index:2;height:100%;background-image:linear-gradient(270deg,#fff 0,rgba(255,255,255,0));transition:.4s}.ibiz-carousel-card__dot{z-index:1;display:flex;justify-content:center;margin-top:20px}.ibiz-carousel-card__dot-item{width:8px;height:8px;margin-right:8px;cursor:pointer;background:#eee;border-radius:4px;transition:all .5s ease}.ibiz-carousel-card__dot-item.isActive{width:16px;background:#6698ff}

package/es/control/context-menu/context-menu.d.ts

@@ -34,7 +34,6 @@ export declare const ContextMenuControl: import("vue").DefineComponent<{
 }, {
     c: ContextMenuController;
     ns: import("@ibiz-template/core").Namespace;
-    visible: import("vue").ComputedRef<boolean>;
     expandDetails: Ref<IDETBUIActionItem[]>;
     groupDetails: Ref<IDETBUIActionItem[]>;
     groupButtonRef: Ref<any>;

package/es/control/context-menu/context-menu.mjs

@@ -1,4 +1,4 @@
-import { isVNode, ref, computed, watch, resolveComponent, createVNode, defineComponent } from 'vue';
+import { isVNode, ref, watch, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import './context-menu.css';
 import { ContextMenuController } from '@ibiz-template/runtime';
@@ -55,10 +55,6 @@ const ContextMenuControl = /* @__PURE__ */ defineComponent({
     const groupButtonRef = ref();
     const dropdownRef = ref();
     const popoverVisible = ref(false);
-    const visible = computed(() => {
-      const index = groupDetails.value.findIndex((item) => c.state.buttonsState[item.id].visible);
-      return index !== -1;
-    });
     const transformLanguage = (items) => {
       if (!Array.isArray(items)) {
         return;
@@ -110,7 +106,6 @@ const ContextMenuControl = /* @__PURE__ */ defineComponent({
     return {
       c,
       ns,
-      visible,
       expandDetails,
       groupDetails,
       groupButtonRef,
@@ -196,17 +191,24 @@ const ContextMenuControl = /* @__PURE__ */ defineComponent({
         return null;
       });
     };
-    if (!this.visible) {
-      return;
-    }
-    if (this.mode === "buttons") {
+    const renderGroup = () => {
       let _slot;
-      return createVNode("div", {
-        "class": [this.ns.b(), this.ns.m("buttons")],
-        "onClick": (e) => e.stopPropagation()
-      }, [renderActions(this.expandDetails), this.groupDetails.length > 0 && [createVNode(resolveComponent("el-button"), {
+      if (this.groupDetails.length === 0) {
+        return null;
+      }
+      const pvisible = this.groupDetails.findIndex((item) => {
+        return this.c.state.buttonsState[item.id].visible === true;
+      }) !== -1;
+      if (!pvisible) {
+        return null;
+      }
+      const pdisabled = this.groupDetails.findIndex((item) => {
+        return this.c.state.buttonsState[item.id].disabled === false;
+      }) === -1;
+      return [createVNode(resolveComponent("el-button"), {
         "size": "small",
         "text": true,
+        "disabled": pdisabled,
         "ref": "groupButtonRef",
         "class": [this.ns.e("item"), this.ns.is("expand", this.popoverVisible)]
       }, {
@@ -225,7 +227,16 @@ const ContextMenuControl = /* @__PURE__ */ defineComponent({
         "transition": "none"
       }, _isSlot(_slot = renderActions(this.groupDetails, false)) ? _slot : {
         default: () => [_slot]
-      })]]);
+      })];
+    };
+    if (!this.c.state.buttonsState.visible) {
+      return;
+    }
+    if (this.mode === "buttons") {
+      return createVNode("div", {
+        "class": [this.ns.b(), this.ns.m("buttons")],
+        "onClick": (e) => e.stopPropagation()
+      }, [renderActions(this.expandDetails), renderGroup()]);
     }
     return createVNode(resolveComponent("el-dropdown"), {
       "ref": "dropdownRef",

package/es/control/context-menu/index.d.ts

@@ -30,7 +30,6 @@ export declare const IBizContextMenuControl: import("@ibiz-template/vue3-util").
 }, {
     c: import("@ibiz-template/runtime").ContextMenuController;
     ns: import("@ibiz-template/core").Namespace;
-    visible: import("vue").ComputedRef<boolean>;
     expandDetails: import("vue").Ref<import("@ibiz/model-core").IDETBUIActionItem[]>;
     groupDetails: import("vue").Ref<import("@ibiz/model-core").IDETBUIActionItem[]>;
     groupButtonRef: import("vue").Ref<any>;

package/es/control/drbar/drbar.controller.d.ts

@@ -89,6 +89,30 @@ export declare class DRBarController extends ControlController<IDEDRBar, IDRBarS
      * @memberof DRBarController
      */
     onCreated(): Promise<void>;
+    /**
+     * 通过计数器数据，计算项状态
+     *
+     * @author zhanghengfeng
+     * @date 2024-05-16 18:05:14
+     * @param {IData} [_data]
+     * @param {boolean} [reset=true]
+     */
+    calcItemStateByCounter(_data?: IData, reset?: boolean): void;
+    /**
+     * 获取对应项的显示状态
+     *
+     * @author zhanghengfeng
+     * @date 2024-05-16 17:05:15
+     * @param {string} key
+     * @return {*}  {{
+     *     visible: boolean;
+     *     defaultVisibleItem?: IDRBarItemsState;
+     *   }}
+     */
+    getItemVisibleState(key: string): {
+        visible: boolean;
+        defaultVisibleItem?: IDRBarItemsState;
+    };
     /**
      * 计算关系界面组权限
      *

package/es/control/drbar/drbar.controller.mjs

@@ -1,4 +1,4 @@
-import { ControlController, Srfuf, calcNavParams, hasSubRoute, CounterService } from '@ibiz-template/runtime';
+import { ControlController, Srfuf, calcItemVisibleByCounter, calcItemVisible, calcNavParams, hasSubRoute, CounterService } from '@ibiz-template/runtime';
 
 "use strict";
 var __defProp = Object.defineProperty;
@@ -117,6 +117,78 @@ class DRBarController extends ControlController {
     this.initDRBarItems();
     await this.initCounter();
   }
+  /**
+   * 通过计数器数据，计算项状态
+   *
+   * @author zhanghengfeng
+   * @date 2024-05-16 18:05:14
+   * @param {IData} [_data]
+   * @param {boolean} [reset=true]
+   */
+  calcItemStateByCounter(_data, reset = true) {
+    this.state.drBarItems.forEach((item) => {
+      var _a;
+      if ((_a = item.children) == null ? void 0 : _a.length) {
+        item.children.forEach((childItem) => {
+          const visible = calcItemVisibleByCounter(childItem, this.counter);
+          if (visible !== void 0) {
+            childItem.visible = visible;
+          }
+        });
+        item.visible = item.children.some((childItem) => childItem.visible);
+      } else {
+        const visible = calcItemVisibleByCounter(item, this.counter);
+        if (visible !== void 0) {
+          item.visible = visible;
+        }
+      }
+    });
+    if (this.state.selectedItem && reset) {
+      const { visible, defaultVisibleItem } = this.getItemVisibleState(
+        this.state.selectedItem
+      );
+      if (!visible && defaultVisibleItem) {
+        this.handleSelectChange(defaultVisibleItem.tag);
+      }
+    }
+  }
+  /**
+   * 获取对应项的显示状态
+   *
+   * @author zhanghengfeng
+   * @date 2024-05-16 17:05:15
+   * @param {string} key
+   * @return {*}  {{
+   *     visible: boolean;
+   *     defaultVisibleItem?: IDRBarItemsState;
+   *   }}
+   */
+  getItemVisibleState(key) {
+    let visible = true;
+    let defaultVisibleItem;
+    this.state.drBarItems.forEach((item) => {
+      if (item.children) {
+        if (!defaultVisibleItem) {
+          defaultVisibleItem = item.children.find((child) => child.visible);
+        }
+        const drBarItem = item.children.find((child) => child.tag === key);
+        if (drBarItem) {
+          visible = !!drBarItem.visible;
+        }
+      } else {
+        if (!defaultVisibleItem && item.visible) {
+          defaultVisibleItem = item;
+        }
+        if (item.tag === key) {
+          visible = !!item.visible;
+        }
+      }
+    });
+    return {
+      visible,
+      defaultVisibleItem
+    };
+  }
   /**
    * 计算关系界面组权限
    *
@@ -124,16 +196,19 @@ class DRBarController extends ControlController {
    * @memberof DRBarController
    */
   async calcPermitted(item) {
+    var _a;
     let permitted = true;
-    if (item.dataAccessAction) {
-      const app = await ibiz.hub.getApp(this.context.srfappid);
-      const data = this.getData().length > 0 ? this.getData()[0] : void 0;
-      permitted = await app.authority.calcByDataAccessAction(
-        item.dataAccessAction,
-        this.context,
-        data,
-        this.model.appDataEntityId
-      );
+    const data = ((_a = this.getData()) == null ? void 0 : _a.length) ? this.getData()[0] : void 0;
+    const visible = await calcItemVisible(
+      item,
+      this.context,
+      this.params,
+      this.model.appDataEntityId,
+      this.model.appId,
+      data
+    );
+    if (visible !== void 0) {
+      permitted = visible;
     }
     item.visible = permitted;
   }
@@ -159,6 +234,8 @@ class DRBarController extends ControlController {
         }
       })
     );
+    this.calcItemStateByCounter({}, false);
+    this.state.isCalculatedPermission = true;
   }
   /**
    * 加载完成
@@ -170,7 +247,11 @@ class DRBarController extends ControlController {
     await super.onMounted();
     if (this.form) {
       this.form.evt.on("onLoadSuccess", async (event) => {
-        this.view.state.srfactiveviewdata = event.data[0];
+        const data = event.data[0];
+        this.view.state.srfactiveviewdata = data;
+        if (data.srfreadonly) {
+          this.view.context.srfreadonly = true;
+        }
         await this.calcDrBarItemsState();
         this.handleFormChange();
         this.doDefaultSelect();
@@ -250,6 +331,7 @@ class DRBarController extends ControlController {
       if (item.capLanguageRes) {
         itemCaption = ibiz.i18n.t(item.capLanguageRes.lanResTag, item.caption);
       }
+      const { enableMode, testAppDELogicId, testScriptCode } = item;
       return {
         tag: item.id,
         caption: itemCaption,
@@ -258,7 +340,10 @@ class DRBarController extends ControlController {
         counterId: item.counterId,
         visible: false,
         // 默认不显示
-        dataAccessAction: item.dataAccessAction || void 0
+        dataAccessAction: item.dataAccessAction || void 0,
+        enableMode,
+        testAppDELogicId,
+        testScriptCode
       };
     };
     if (dedrbarGroups && dedrctrlItems) {
@@ -421,7 +506,13 @@ class DRBarController extends ControlController {
     }
     if (key) {
       const isRoutePushed = !!this.routeDepth && hasSubRoute(this.routeDepth);
-      this.handleSelectChange(key, isRoutePushed);
+      const { visible, defaultVisibleItem } = this.getItemVisibleState(key);
+      if (!visible && defaultVisibleItem) {
+        key = defaultVisibleItem.tag;
+        this.handleSelectChange(key);
+      } else {
+        this.handleSelectChange(key, isRoutePushed);
+      }
       this.state.defaultItem = key;
     }
   }
@@ -441,6 +532,8 @@ class DRBarController extends ControlController {
         this.context,
         { ...this.params }
       );
+      this.calcItemStateByCounter = this.calcItemStateByCounter.bind(this);
+      this.counter.onChange(this.calcItemStateByCounter);
     }
   }
   /**
@@ -454,6 +547,7 @@ class DRBarController extends ControlController {
   async onDestroyed() {
     await super.onDestroyed();
     if (this.counter) {
+      this.counter.offChange(this.calcItemStateByCounter);
       this.counter.destroy();
     }
   }

package/es/control/drbar/drbar.mjs

@@ -148,13 +148,14 @@ const DRBarControl = /* @__PURE__ */ defineComponent({
     const {
       isCreated,
       drBarItems,
-      selectedItem
+      selectedItem,
+      isCalculatedPermission
     } = this.c.state;
     return createVNode(resolveComponent("iBizControlBase"), {
       "controller": this.c,
       "class": this.ns.b()
     }, {
-      default: () => [isCreated && createVNode(resolveComponent("el-menu"), {
+      default: () => [isCreated && isCalculatedPermission && createVNode(resolveComponent("el-menu"), {
         "class": this.ns.e("menu"),
         "mode": this.showMode,
         "default-active": selectedItem,

package/es/control/drtab/drtab.controller.d.ts

@@ -74,6 +74,45 @@ export declare class DRTabController extends ControlController<IDEDRTab, IDRTabS
      * @memberof DRTabController
      */
     onCreated(): Promise<void>;
+    /**
+     * 通过计数器数据，计算项状态
+     *
+     * @author zhanghengfeng
+     * @date 2024-05-16 17:05:01
+     */
+    calcItemStateByCounter(): void;
+    /**
+     * 获取对应项的显示状态
+     *
+     * @author zhanghengfeng
+     * @date 2024-05-16 17:05:18
+     * @param {string} key
+     * @return {*}  {{
+     *     visible: boolean;
+     *     defaultVisibleItem?: IDRTabPagesState;
+     *   }}
+     */
+    getItemVisibleState(key: string): {
+        visible: boolean;
+        defaultVisibleItem?: IDRTabPagesState;
+    };
+    /**
+     * 计算项权限
+     *
+     * @author zhanghengfeng
+     * @date 2024-05-16 17:05:40
+     * @param {IDRTabPagesState} item
+     * @return {*}  {Promise<void>}
+     */
+    calcPermitted(item: IDRTabPagesState): Promise<void>;
+    /**
+     * 计算项状态
+     *
+     * @author zhanghengfeng
+     * @date 2024-05-16 17:05:05
+     * @return {*}  {Promise<void>}
+     */
+    calcDrTabPagesState(): Promise<void>;
     /**
      * 加载完成
      *

package/es/control/drtab/drtab.controller.mjs

@@ -1,4 +1,4 @@
-import { ControlController, Srfuf, hasSubRoute, calcNavParams, CounterService } from '@ibiz-template/runtime';
+import { ControlController, calcItemVisibleByCounter, calcItemVisible, Srfuf, hasSubRoute, calcNavParams, CounterService } from '@ibiz-template/runtime';
 import { getNestedRoutePath } from '@ibiz-template/vue3-util';
 
 "use strict";
@@ -95,6 +95,97 @@ class DRTabController extends ControlController {
     await super.onCreated();
     await this.initCounter();
   }
+  /**
+   * 通过计数器数据，计算项状态
+   *
+   * @author zhanghengfeng
+   * @date 2024-05-16 17:05:01
+   */
+  calcItemStateByCounter() {
+    this.state.drTabPages.forEach((item) => {
+      const visible = calcItemVisibleByCounter(item, this.counter);
+      if (visible !== void 0) {
+        item.hidden = !visible;
+      }
+    });
+    if (this.state.activeName) {
+      const { visible, defaultVisibleItem } = this.getItemVisibleState(
+        this.state.activeName
+      );
+      if (!visible && defaultVisibleItem) {
+        this.state.activeName = defaultVisibleItem.tag;
+        this.handleTabChange();
+      }
+    }
+  }
+  /**
+   * 获取对应项的显示状态
+   *
+   * @author zhanghengfeng
+   * @date 2024-05-16 17:05:18
+   * @param {string} key
+   * @return {*}  {{
+   *     visible: boolean;
+   *     defaultVisibleItem?: IDRTabPagesState;
+   *   }}
+   */
+  getItemVisibleState(key) {
+    let visible = true;
+    let defaultVisibleItem;
+    this.state.drTabPages.forEach((item) => {
+      if (!defaultVisibleItem && !item.hidden) {
+        defaultVisibleItem = item;
+      }
+      if (item.tag === key) {
+        visible = !item.hidden;
+      }
+    });
+    return {
+      visible,
+      defaultVisibleItem
+    };
+  }
+  /**
+   * 计算项权限
+   *
+   * @author zhanghengfeng
+   * @date 2024-05-16 17:05:40
+   * @param {IDRTabPagesState} item
+   * @return {*}  {Promise<void>}
+   */
+  async calcPermitted(item) {
+    var _a;
+    let permitted = true;
+    const data = ((_a = this.getData()) == null ? void 0 : _a.length) ? this.getData()[0] : void 0;
+    const visible = await calcItemVisible(
+      item,
+      this.context,
+      this.params,
+      this.model.appDataEntityId,
+      this.model.appId,
+      data
+    );
+    if (visible !== void 0) {
+      permitted = visible;
+    }
+    item.hidden = !permitted;
+  }
+  /**
+   * 计算项状态
+   *
+   * @author zhanghengfeng
+   * @date 2024-05-16 17:05:05
+   * @return {*}  {Promise<void>}
+   */
+  async calcDrTabPagesState() {
+    await Promise.all(
+      this.state.drTabPages.map(async (item) => {
+        await this.calcPermitted(item);
+      })
+    );
+    this.calcItemStateByCounter();
+    this.state.isCalculatedPermission = true;
+  }
   /**
    * 加载完成
    *
@@ -104,8 +195,13 @@ class DRTabController extends ControlController {
   async onMounted() {
     await super.onMounted();
     if (this.form) {
-      this.form.evt.on("onLoadSuccess", (event) => {
-        this.view.state.srfactiveviewdata = event.data[0];
+      this.form.evt.on("onLoadSuccess", async (event) => {
+        const data = event.data[0];
+        this.view.state.srfactiveviewdata = data;
+        if (data.srfreadonly) {
+          this.view.context.srfreadonly = true;
+        }
+        await this.calcDrTabPagesState();
         this.handleFormChange();
       });
       this.form.evt.on("onLoadDraftSuccess", () => {
@@ -116,6 +212,9 @@ class DRTabController extends ControlController {
       });
     }
     this.initDRTabPages();
+    if (!this.form) {
+      await this.calcDrTabPagesState();
+    }
   }
   /**
    * 处理表单数据变更
@@ -177,13 +276,18 @@ class DRTabController extends ControlController {
       if (item.capLanguageRes) {
         itemCaption = ibiz.i18n.t(item.capLanguageRes.lanResTag, item.caption);
       }
+      const { enableMode, dataAccessAction, testAppDELogicId, testScriptCode } = item;
       drTabPages.push({
         tag: item.id,
         caption: itemCaption,
         sysImage: item.sysImage,
         hidden: false,
         disabled: false,
-        counterId: item.counterId
+        counterId: item.counterId,
+        dataAccessAction,
+        enableMode,
+        testAppDELogicId,
+        testScriptCode
       });
     });
     this.state.drTabPages = drTabPages;
@@ -213,7 +317,7 @@ class DRTabController extends ControlController {
       this.openNavPosView(drBarItem, isRoutePushed);
     } else {
       this.setVisible("form");
-      if (this.routeDepth) {
+      if (this.routeDepth && this.state.drTabPages[0]) {
         this.router.push(this.state.drTabPages[0].fullPath);
       }
     }
@@ -308,6 +412,8 @@ class DRTabController extends ControlController {
         this.context,
         { ...this.params }
       );
+      this.calcItemStateByCounter = this.calcItemStateByCounter.bind(this);
+      this.counter.onChange(this.calcItemStateByCounter);
     }
   }
   /**
@@ -321,6 +427,7 @@ class DRTabController extends ControlController {
   async onDestroyed() {
     await super.onDestroyed();
     if (this.counter) {
+      this.counter.offChange(this.calcItemStateByCounter);
       this.counter.destroy();
     }
   }

package/es/control/drtab/drtab.mjs

@@ -94,13 +94,14 @@ const DRTabControl = /* @__PURE__ */ defineComponent({
     let _slot;
     const {
       isCreated,
-      drTabPages
+      drTabPages,
+      isCalculatedPermission
     } = this.c.state;
     return createVNode(resolveComponent("iBizControlBase"), {
       "controller": this.c,
       "class": this.ns.b()
     }, {
-      default: () => [isCreated && createVNode(resolveComponent("el-tabs"), {
+      default: () => [isCreated && isCalculatedPermission && createVNode(resolveComponent("el-tabs"), {
         "modelValue": this.c.state.activeName,
         "onUpdate:modelValue": ($event) => this.c.state.activeName = $event,
         "onTabChange": this.handleTabChange

package/es/control/grid/grid-column/grid-field-column/grid-field-column.d.ts

@@ -22,7 +22,6 @@ export declare const GridFieldColumn: import("vue").DefineComponent<{
     codeListValue: import("vue").ComputedRef<string>;
     tooltip: import("vue").ComputedRef<string | undefined>;
     zIndex: number | undefined;
-    items: import("vue").Ref<readonly IData[]>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     controller: {
         type: typeof GridFieldColumnController;

package/es/control/grid/grid-column/grid-field-column/grid-field-column.mjs

@@ -19,6 +19,7 @@ const GridFieldColumn = /* @__PURE__ */ defineComponent({
   },
   setup(props) {
     const ns = useNamespace("grid-field-column");
+    const c = props.controller;
     const zIndex = props.controller.grid.state.zIndex;
     const onCellClick = (event) => {
       if (props.controller.hasAction) {
@@ -51,13 +52,9 @@ const GridFieldColumn = /* @__PURE__ */ defineComponent({
     const onActionClick = async (detail, event) => {
       await props.controller.onActionClick(detail, props.row, event);
     };
-    const items = ref([]);
-    if (props.controller.codeList) {
-      items.value = props.controller.codeListItems;
-    }
     const fn = (data) => {
       if (data) {
-        items.value = data;
+        c.codeListItems = data;
       }
     };
     useCodeListListen(props.controller.model.appCodeListId, props.controller.context.srfappid, fn);
@@ -72,8 +69,7 @@ const GridFieldColumn = /* @__PURE__ */ defineComponent({
       formatValue,
       codeListValue,
       tooltip,
-      zIndex,
-      items
+      zIndex
     };
   },
   render() {
@@ -96,7 +92,7 @@ const GridFieldColumn = /* @__PURE__ */ defineComponent({
     } else if (c.codeList) {
       content = createVNode(resolveComponent("iBizCodeList"), {
         "class": this.ns.e("text"),
-        "codeListItems": this.items,
+        "codeListItems": c.codeListItems,
         "codeList": c.codeList,
         "value": this.codeListValue,
         "onClick": this.onTextClick,

package/es/control/grid/grid-column/grid-field-column/index.d.ts

@@ -19,7 +19,6 @@ export declare const IBizGridFieldColumn: import("@ibiz-template/vue3-util").Typ
     codeListValue: import("vue").ComputedRef<string>;
     tooltip: import("vue").ComputedRef<string | undefined>;
     zIndex: number | undefined;
-    items: import("vue").Ref<readonly IData[]>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     controller: {
         type: typeof import("@ibiz-template/runtime").GridFieldColumnController;