@ibiz-template/vue3-components 0.7.15 → 0.7.16

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/editor/autocomplete/autocomplete-editor.controller.cjs

@@ -38,6 +38,14 @@ class AutoCompleteEditorController extends runtime.EditorController {
      * 自填数据项集合（已排除了value和text)
      */
     __publicField(this, "dataItems", []);
+    /**
+     * 自填列表项适配器
+     *
+     * @author zhanghengfeng
+     * @date 2024-05-21 17:05:21
+     * @type {IAcItemProvider}
+     */
+    __publicField(this, "acItemProvider");
   }
   async onInit() {
     super.onInit();
@@ -72,6 +80,9 @@ class AutoCompleteEditorController extends runtime.EditorController {
               }
             );
           }
+          if (this.deACMode.itemSysPFPluginId) {
+            this.acItemProvider = await runtime.getAcItemProvider(this.deACMode);
+          }
         }
       }
     }

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

@@ -183,6 +183,13 @@ const IBizAutoComplete = /* @__PURE__ */ vue.defineComponent({
       default: ({
         item
       }) => {
+        if (this.c.acItemProvider) {
+          const component = vue.resolveComponent(this.c.acItemProvider.component);
+          return vue.h(component, {
+            item,
+            controller: this.c
+          });
+        }
         return vue.createVNode("div", {
           "class": [this.ns.e("transfer-item"), this.ns.is("ellipsis", isEllipsis)],
           "title": isEllipsis ? item[this.c.textName] : ""

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

@@ -310,7 +310,18 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
         "key": item[this.c.keyName],
         "value": item[this.c.keyName],
         "label": item[this.c.textName]
-      }, null);
+      }, {
+        default: () => {
+          if (this.c.acItemProvider) {
+            const component = vue.resolveComponent(this.c.acItemProvider.component);
+            return vue.h(component, {
+              item,
+              controller: this.c
+            });
+          }
+          return vue.createVNode("span", null, [item[this.c.textName] != null ? item[this.c.textName] : ""]);
+        }
+      });
     })) ? _slot : {
       default: () => [_slot]
     }), !this.readonly && vue.createVNode("div", {

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

@@ -207,6 +207,16 @@ const IBizPicker = /* @__PURE__ */ vue.defineComponent({
         context,
         params
       } = this.c;
+      if (this.c.acItemProvider) {
+        const component = vue.resolveComponent(this.c.acItemProvider.component);
+        return vue.h(component, {
+          item,
+          controller: this.c,
+          onClick: () => {
+            this.onACSelect(item);
+          }
+        });
+      }
       return panel ? vue.createVNode(vue.resolveComponent("iBizControlShell"), {
         "data": item,
         "modelData": panel,

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

@@ -242,7 +242,18 @@ const IBizPickerDropDown = /* @__PURE__ */ vue.defineComponent({
         "value": item[this.c.keyName],
         "key": item[this.c.keyName],
         "label": item[this.c.textName]
-      }, null);
+      }, {
+        default: () => {
+          if (this.c.acItemProvider) {
+            const component = vue.resolveComponent(this.c.acItemProvider.component);
+            return vue.h(component, {
+              item,
+              controller: this.c
+            });
+          }
+          return vue.createVNode("span", null, [item[this.c.textName] != null ? item[this.c.textName] : ""]);
+        }
+      });
     })) ? _slot : {
       default: () => [_slot]
     });

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

@@ -68,6 +68,14 @@ class PickerEditorController extends runtime.EditorController {
     __publicField(this, "objectNameField", "");
     // 对象值属性
     __publicField(this, "objectValueField", "");
+    /**
+     * 自填列表项适配器
+     *
+     * @author zhanghengfeng
+     * @date 2024-05-21 17:05:50
+     * @type {IAcItemProvider}
+     */
+    __publicField(this, "acItemProvider");
   }
   async onInit() {
     var _a, _b, _c, _d;
@@ -105,6 +113,9 @@ class PickerEditorController extends runtime.EditorController {
               }
             );
           }
+          if (this.deACMode.itemSysPFPluginId) {
+            this.acItemProvider = await runtime.getAcItemProvider(this.deACMode);
+          }
         }
       }
     }

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

@@ -168,9 +168,19 @@ const IBizListBox = /* @__PURE__ */ vue.defineComponent({
       "label": item.value,
       "disabled": this.disabled || this.readonly || item.disableSelect === true
     }, {
-      default: () => [vue.createVNode("span", {
-        "class": this.ns.e("text")
-      }, [item.text])]
+      default: () => {
+        const c = this.controller;
+        if (c.acItemProvider) {
+          const component = vue.resolveComponent(c.acItemProvider.component);
+          return vue.h(component, {
+            item,
+            controller: c
+          });
+        }
+        return vue.createVNode("span", {
+          "class": this.ns.e("text")
+        }, [item.text]);
+      }
     }))) ? _slot : {
       default: () => [_slot]
     }) : vue.createVNode(vue.resolveComponent("el-radio-group"), vue.mergeProps({
@@ -184,9 +194,19 @@ const IBizListBox = /* @__PURE__ */ vue.defineComponent({
         this.onSelectArrayChange(item.value);
       }
     }, {
-      default: () => [vue.createVNode("span", {
-        "class": this.ns.e("text")
-      }, [item.text])]
+      default: () => {
+        const c = this.controller;
+        if (c.acItemProvider) {
+          const component = vue.resolveComponent(c.acItemProvider.component);
+          return vue.h(component, {
+            item,
+            controller: c
+          });
+        }
+        return vue.createVNode("span", {
+          "class": this.ns.e("text")
+        }, [item.text]);
+      }
     }))) ? _slot2 : {
       default: () => [_slot2]
     })]);

package/lib/editor/list-box/list-box-picker-editor.controller.cjs

@@ -26,6 +26,22 @@ class ListBoxPickerEditorController extends runtime.EditorController {
      * 数据集codeName
      */
     __publicField(this, "interfaceName", "");
+    /**
+     * 实体自填模式模型
+     *
+     * @author zhanghengfeng
+     * @date 2024-05-21 17:05:03
+     * @type {IAppDEACMode}
+     */
+    __publicField(this, "deACMode");
+    /**
+     * 自填列表项适配器
+     *
+     * @author zhanghengfeng
+     * @date 2024-05-21 17:05:25
+     * @type {IAcItemProvider}
+     */
+    __publicField(this, "acItemProvider");
   }
   async onInit() {
     super.onInit();
@@ -33,6 +49,18 @@ class ListBoxPickerEditorController extends runtime.EditorController {
       if (this.model.appDEDataSetId) {
         this.interfaceName = this.model.appDEDataSetId;
       }
+      if (this.model.appDataEntityId && this.model.appDEACModeId) {
+        this.deACMode = await runtime.getDeACMode(
+          this.model.appDEACModeId,
+          this.model.appDataEntityId,
+          this.context.srfappid
+        );
+        if (this.deACMode) {
+          if (this.deACMode.itemSysPFPluginId) {
+            this.acItemProvider = await runtime.getAcItemProvider(this.deACMode);
+          }
+        }
+      }
     }
   }
   /**

package/lib/locale/en/index.cjs

@@ -742,7 +742,8 @@ var index = {
         frontEndPluginNode: "Cannot find interface logic front-end plugin node, plugin {pluginKey} corresponding adapter",
         viewPlugin: "Cannot find the adapter corresponding to the view plugin {pluginKey}.",
         correspondViewTypeStyle: "Cannot find an adapter for view type: [{viewType}] corresponding to view style: [{viewStyle}].",
-        toolbarItem: "Cannot find the adapter corresponding to the toolbar item plugin {pluginKey}."
+        toolbarItem: "Cannot find the adapter corresponding to the toolbar item plugin {pluginKey}.",
+        acItem: "Cannot find the adapter corresponding to the ac item plugin {pluginKey}."
       }
     },
     service: {

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/locale/zh-CN/index.cjs

@@ -740,7 +740,8 @@ var index = {
         frontEndPluginNode: "\u627E\u4E0D\u5230\u754C\u9762\u903B\u8F91\u524D\u7AEF\u63D2\u4EF6\u8282\u70B9\uFF0C\u63D2\u4EF6{pluginKey}\u5BF9\u5E94\u7684\u9002\u914D\u5668",
         viewPlugin: "\u627E\u4E0D\u5230\u89C6\u56FE\u63D2\u4EF6{pluginKey}\u5BF9\u5E94\u7684\u9002\u914D\u5668",
         correspondViewTypeStyle: "\u627E\u4E0D\u5230\u89C6\u56FE\u7C7B\u578B\uFF1A[{viewType}]\u7684\u89C6\u56FE\u6837\u5F0F\uFF1A[{viewStyle}]\u5BF9\u5E94\u7684\u9002\u914D\u5668",
-        toolbarItem: "\u627E\u4E0D\u5230\u5DE5\u5177\u680F\u9879\u63D2\u4EF6{pluginKey}\u5BF9\u5E94\u7684\u9002\u914D\u5668"
+        toolbarItem: "\u627E\u4E0D\u5230\u5DE5\u5177\u680F\u9879\u63D2\u4EF6{pluginKey}\u5BF9\u5E94\u7684\u9002\u914D\u5668",
+        acItem: "\u627E\u4E0D\u5230\u81EA\u586B\u5217\u8868\u9879\u63D2\u4EF6{pluginKey}\u5BF9\u5E94\u7684\u9002\u914D\u5668"
       }
     },
     service: {

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",
   "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",
     "@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",
+    "@ibiz-template/runtime": "0.7.16",
     "@ibiz-template/theme": "^0.7.0",
-    "@ibiz-template/vue3-util": "0.7.15",
+    "@ibiz-template/vue3-util": "0.7.16",
     "@ibiz-template/web-theme": "^1.1.17",
     "@ibiz/model-core": "^0.1.27",
     "@imengyu/vue3-context-menu": "^1.3.5",