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

package/es/locale/index.mjs

@@ -12,9 +12,37 @@ const i18n = createI18n({
   locale: "zh-CN"
 });
 class IBizI18n {
+  /**
+   * Creates an instance of IBizI18n.
+   * @author tony001
+   * @date 2024-05-20 22:05:50
+   */
   constructor() {
+    /**
+     * html元素
+     *
+     * @author tony001
+     * @date 2024-05-20 22:05:58
+     * @protected
+     * @type {HTMLElement}
+     */
     __publicField(this, "html");
+    /**
+     * 默认语言
+     *
+     * @author tony001
+     * @date 2024-05-20 22:05:13
+     * @protected
+     * @type {string}
+     */
     __publicField(this, "defaultLang");
+    /**
+     * 语言资源映射表
+     *
+     * @author tony001
+     * @date 2024-05-20 22:05:38
+     * @protected
+     */
     __publicField(this, "langMap", /* @__PURE__ */ new Map());
     this.defaultLang = "zh-CN";
     this.html = document.querySelector("html");
@@ -56,7 +84,7 @@ class IBizI18n {
     });
   }
   /**
-   * 设置
+   * 设置语言
    *
    * @author chitanda
    * @date 2023-08-24 16:08:42
@@ -73,9 +101,26 @@ class IBizI18n {
       }
     });
   }
+  /**
+   * 获取语言
+   *
+   * @author tony001
+   * @date 2024-05-20 22:05:05
+   * @return {*}  {string}
+   */
   getLang() {
     return this.html.getAttribute("lang") || this.defaultLang;
   }
+  /**
+   * 格式化
+   *
+   * @author tony001
+   * @date 2024-05-20 22:05:44
+   * @param {unknown} tag
+   * @param {unknown} [defaultMsg]
+   * @param {unknown} [options]
+   * @return {*}  {string}
+   */
   t(tag, defaultMsg, options) {
     return i18n.global.t(
       tag,
@@ -83,6 +128,24 @@ class IBizI18n {
       options
     );
   }
+  /**
+   * 合并语言资源
+   * @param lang
+   * @param data
+   */
+  mergeLocaleMessage(dataOrLang, data) {
+    if (typeof dataOrLang === "string") {
+      const lang = dataOrLang;
+      i18n.global.mergeLocaleMessage(lang, data);
+    } else {
+      const langData = dataOrLang;
+      if (langData && Object.keys(langData).length > 0) {
+        Object.keys(langData).forEach((key) => {
+          i18n.global.mergeLocaleMessage(key, langData[key]);
+        });
+      }
+    }
+  }
 }
 const iBizI18n = new IBizI18n();
 

package/es/view-engine/edit-view.engine.mjs

@@ -97,7 +97,11 @@ class EditViewEngine extends ViewEngineBase {
     };
     this.form.evt.on("onLoadSuccess", (event) => {
       formDataStateChange(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;
+      }
       evt.emit("onDataChange", { ...event, actionType: "LOAD" });
     });
     this.form.evt.on("onLoadDraftSuccess", (event) => {

package/es/view-engine/opt-view.engine.mjs

@@ -64,7 +64,11 @@ class OptViewEngine extends ViewEngineBase {
       }
     };
     this.form.evt.on("onLoadSuccess", (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;
+      }
       formDataStateChange(event);
     });
     this.form.evt.on("onLoadDraftSuccess", (event) => {

package/lib/control/drbar/drbar.cjs

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

package/lib/control/drbar/drbar.controller.cjs

@@ -119,6 +119,78 @@ class DRBarController extends runtime.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 = runtime.calcItemVisibleByCounter(childItem, this.counter);
+          if (visible !== void 0) {
+            childItem.visible = visible;
+          }
+        });
+        item.visible = item.children.some((childItem) => childItem.visible);
+      } else {
+        const visible = runtime.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
+    };
+  }
   /**
    * 计算关系界面组权限
    *
@@ -126,16 +198,19 @@ class DRBarController extends runtime.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 runtime.calcItemVisible(
+      item,
+      this.context,
+      this.params,
+      this.model.appDataEntityId,
+      this.model.appId,
+      data
+    );
+    if (visible !== void 0) {
+      permitted = visible;
     }
     item.visible = permitted;
   }
@@ -161,6 +236,8 @@ class DRBarController extends runtime.ControlController {
         }
       })
     );
+    this.calcItemStateByCounter({}, false);
+    this.state.isCalculatedPermission = true;
   }
   /**
    * 加载完成
@@ -172,7 +249,11 @@ class DRBarController extends runtime.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();
@@ -252,6 +333,7 @@ class DRBarController extends runtime.ControlController {
       if (item.capLanguageRes) {
         itemCaption = ibiz.i18n.t(item.capLanguageRes.lanResTag, item.caption);
       }
+      const { enableMode, testAppDELogicId, testScriptCode } = item;
       return {
         tag: item.id,
         caption: itemCaption,
@@ -260,7 +342,10 @@ class DRBarController extends runtime.ControlController {
         counterId: item.counterId,
         visible: false,
         // 默认不显示
-        dataAccessAction: item.dataAccessAction || void 0
+        dataAccessAction: item.dataAccessAction || void 0,
+        enableMode,
+        testAppDELogicId,
+        testScriptCode
       };
     };
     if (dedrbarGroups && dedrctrlItems) {
@@ -423,7 +508,13 @@ class DRBarController extends runtime.ControlController {
     }
     if (key) {
       const isRoutePushed = !!this.routeDepth && runtime.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;
     }
   }
@@ -443,6 +534,8 @@ class DRBarController extends runtime.ControlController {
         this.context,
         { ...this.params }
       );
+      this.calcItemStateByCounter = this.calcItemStateByCounter.bind(this);
+      this.counter.onChange(this.calcItemStateByCounter);
     }
   }
   /**
@@ -456,6 +549,7 @@ class DRBarController extends runtime.ControlController {
   async onDestroyed() {
     await super.onDestroyed();
     if (this.counter) {
+      this.counter.offChange(this.calcItemStateByCounter);
       this.counter.destroy();
     }
   }

package/lib/control/drtab/drtab.cjs

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

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

@@ -97,6 +97,97 @@ class DRTabController extends runtime.ControlController {
     await super.onCreated();
     await this.initCounter();
   }
+  /**
+   * 通过计数器数据，计算项状态
+   *
+   * @author zhanghengfeng
+   * @date 2024-05-16 17:05:01
+   */
+  calcItemStateByCounter() {
+    this.state.drTabPages.forEach((item) => {
+      const visible = runtime.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 runtime.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;
+  }
   /**
    * 加载完成
    *
@@ -106,8 +197,13 @@ class DRTabController extends runtime.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", () => {
@@ -118,6 +214,9 @@ class DRTabController extends runtime.ControlController {
       });
     }
     this.initDRTabPages();
+    if (!this.form) {
+      await this.calcDrTabPagesState();
+    }
   }
   /**
    * 处理表单数据变更
@@ -179,13 +278,18 @@ class DRTabController extends runtime.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;
@@ -215,7 +319,7 @@ class DRTabController extends runtime.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);
       }
     }
@@ -310,6 +414,8 @@ class DRTabController extends runtime.ControlController {
         this.context,
         { ...this.params }
       );
+      this.calcItemStateByCounter = this.calcItemStateByCounter.bind(this);
+      this.counter.onChange(this.calcItemStateByCounter);
     }
   }
   /**
@@ -323,6 +429,7 @@ class DRTabController extends runtime.ControlController {
   async onDestroyed() {
     await super.onDestroyed();
     if (this.counter) {
+      this.counter.offChange(this.calcItemStateByCounter);
       this.counter.destroy();
     }
   }

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

@@ -23,6 +23,7 @@ const GridFieldColumn = /* @__PURE__ */ vue.defineComponent({
   },
   setup(props) {
     const ns = vue3Util.useNamespace("grid-field-column");
+    const c = props.controller;
     const zIndex = props.controller.grid.state.zIndex;
     const onCellClick = (event) => {
       if (props.controller.hasAction) {
@@ -55,13 +56,9 @@ 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;
+        c.codeListItems = data;
       }
     };
     vue3Util.useCodeListListen(props.controller.model.appCodeListId, props.controller.context.srfappid, fn);
@@ -76,8 +73,7 @@ const GridFieldColumn = /* @__PURE__ */ vue.defineComponent({
       formatValue,
       codeListValue,
       tooltip,
-      zIndex,
-      items
+      zIndex
     };
   },
   render() {
@@ -100,7 +96,7 @@ const GridFieldColumn = /* @__PURE__ */ vue.defineComponent({
     } else if (c.codeList) {
       content = vue.createVNode(vue.resolveComponent("iBizCodeList"), {
         "class": this.ns.e("text"),
-        "codeListItems": this.items,
+        "codeListItems": c.codeListItems,
         "codeList": c.codeList,
         "value": this.codeListValue,
         "onClick": this.onTextClick,

package/lib/locale/index.cjs

@@ -14,9 +14,37 @@ const i18n = vueI18n.createI18n({
   locale: "zh-CN"
 });
 class IBizI18n {
+  /**
+   * Creates an instance of IBizI18n.
+   * @author tony001
+   * @date 2024-05-20 22:05:50
+   */
   constructor() {
+    /**
+     * html元素
+     *
+     * @author tony001
+     * @date 2024-05-20 22:05:58
+     * @protected
+     * @type {HTMLElement}
+     */
     __publicField(this, "html");
+    /**
+     * 默认语言
+     *
+     * @author tony001
+     * @date 2024-05-20 22:05:13
+     * @protected
+     * @type {string}
+     */
     __publicField(this, "defaultLang");
+    /**
+     * 语言资源映射表
+     *
+     * @author tony001
+     * @date 2024-05-20 22:05:38
+     * @protected
+     */
     __publicField(this, "langMap", /* @__PURE__ */ new Map());
     this.defaultLang = "zh-CN";
     this.html = document.querySelector("html");
@@ -58,7 +86,7 @@ class IBizI18n {
     });
   }
   /**
-   * 设置
+   * 设置语言
    *
    * @author chitanda
    * @date 2023-08-24 16:08:42
@@ -75,9 +103,26 @@ class IBizI18n {
       }
     });
   }
+  /**
+   * 获取语言
+   *
+   * @author tony001
+   * @date 2024-05-20 22:05:05
+   * @return {*}  {string}
+   */
   getLang() {
     return this.html.getAttribute("lang") || this.defaultLang;
   }
+  /**
+   * 格式化
+   *
+   * @author tony001
+   * @date 2024-05-20 22:05:44
+   * @param {unknown} tag
+   * @param {unknown} [defaultMsg]
+   * @param {unknown} [options]
+   * @return {*}  {string}
+   */
   t(tag, defaultMsg, options) {
     return i18n.global.t(
       tag,
@@ -85,6 +130,24 @@ class IBizI18n {
       options
     );
   }
+  /**
+   * 合并语言资源
+   * @param lang
+   * @param data
+   */
+  mergeLocaleMessage(dataOrLang, data) {
+    if (typeof dataOrLang === "string") {
+      const lang = dataOrLang;
+      i18n.global.mergeLocaleMessage(lang, data);
+    } else {
+      const langData = dataOrLang;
+      if (langData && Object.keys(langData).length > 0) {
+        Object.keys(langData).forEach((key) => {
+          i18n.global.mergeLocaleMessage(key, langData[key]);
+        });
+      }
+    }
+  }
 }
 const iBizI18n = new IBizI18n();
 

package/lib/view-engine/edit-view.engine.cjs

@@ -99,7 +99,11 @@ class EditViewEngine extends runtime.ViewEngineBase {
     };
     this.form.evt.on("onLoadSuccess", (event) => {
       formDataStateChange(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;
+      }
       evt.emit("onDataChange", { ...event, actionType: "LOAD" });
     });
     this.form.evt.on("onLoadDraftSuccess", (event) => {

package/lib/view-engine/opt-view.engine.cjs

@@ -66,7 +66,11 @@ class OptViewEngine extends runtime.ViewEngineBase {
       }
     };
     this.form.evt.on("onLoadSuccess", (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;
+      }
       formDataStateChange(event);
     });
     this.form.evt.on("onLoadDraftSuccess", (event) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibiz-template/vue3-components",
-  "version": "0.7.15",
+  "version": "0.7.16-alpha.0",
   "description": "使用 rollup 编译 vue 组件或者 jsx",
   "main": "lib/index.cjs",
   "module": "es/index.mjs",
@@ -30,12 +30,12 @@
     "@floating-ui/dom": "^1.5.3",
     "@ibiz-template-plugin/ai-chat": "^0.0.5",
     "@ibiz-template-plugin/gantt": "0.1.4",
-    "@ibiz-template/core": "0.7.7-dev.0",
+    "@ibiz-template/core": "0.7.16-alpha.0",
     "@ibiz-template/devtool": "0.0.1-dev.6",
-    "@ibiz-template/model-helper": "0.7.15",
-    "@ibiz-template/runtime": "0.7.15",
+    "@ibiz-template/model-helper": "0.7.16-alpha.0",
+    "@ibiz-template/runtime": "0.7.16-alpha.0",
     "@ibiz-template/theme": "^0.7.0",
-    "@ibiz-template/vue3-util": "0.7.15",
+    "@ibiz-template/vue3-util": "0.7.16-alpha.0",
     "@ibiz-template/web-theme": "^1.1.17",
     "@ibiz/model-core": "^0.1.27",
     "@imengyu/vue3-context-menu": "^1.3.5",