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

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/editor/data-picker/ibiz-picker-select-view/ibiz-picker-select-view.cjs

@@ -150,7 +150,7 @@ const IBizPickerSelectView = /* @__PURE__ */ vue.defineComponent({
     });
     vue.onMounted(() => {
       if (editorRef.value) {
-        pickViewWidth.value = "".concat(editorRef.value.offsetWidth, "px");
+        pickViewWidth.value = "".concat(editorRef.value.$parent.$el.offsetWidth, "px");
       }
     });
     const onClear = () => {
@@ -407,7 +407,6 @@ const IBizPickerSelectView = /* @__PURE__ */ vue.defineComponent({
     const editContent = vue.createVNode(vue.resolveComponent("el-dropdown"), {
       "ref": "editorRef",
       "trigger": "click",
-      "teleported": false,
       "class": this.ns.b("select"),
       "popper-class": this.ns.b("popper"),
       "onVisibleChange": this.onVisibleChange,

package/lib/editor/data-picker/ibiz-picker-select-view/ibiz-picker-select-view.css

@@ -1 +1 @@
-.ibiz-picker-select-view{width:100%}.ibiz-picker-select-view .el-dropdown{width:100%}.ibiz-picker-select-view .el-select{width:100%}.ibiz-picker-select-view__arrow{display:flex;transition:transform .3s;transform:rotateZ(0);transform-origin:center center}.ibiz-picker-select-view__arrow>svg{width:14px;height:14px}.ibiz-picker-select-view__arrow.overturn{transform:rotateZ(-180deg)}.ibiz-picker-select-view--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper{width:100%;min-height:100px;max-height:500px;overflow:auto}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list{background:var(--ibiz-color-primary-text)}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu{background:var(--ibiz-color-primary-text)}.ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default:hover .ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default:hover .ibiz-picker-select-view-select{display:block}.ibiz-form-item .ibiz-picker-select-view.is-show-default .ibiz-picker-select-view-form-default-content{display:flex;align-items:center;width:100%;height:var(--ibiz-editor-default-line-height);padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-picker-select-view.is-show-default .ibiz-picker-select-view-form-default-content .ibiz-picker-select-view-content-item{height:22px;padding:0 9px;margin:2px 6px 2px 0;font-size:var(--ibiz-font-size-small);line-height:22px;color:var(--ibiz-editor-default-text-color);background-color:var(--ibiz-color-fill-0);border:1px solid transparent;border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item .ibiz-picker-select-view.is-show-default .ibiz-picker-select-view-select{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default.is-editable .ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default.is-editable .ibiz-picker-select-view-select{display:block}.ibiz-picker-select-view-select-popover{display:none}
+.ibiz-picker-select-view{width:100%}.ibiz-picker-select-view .el-dropdown{width:100%}.ibiz-picker-select-view .el-select{width:100%}.ibiz-picker-select-view__arrow{display:flex;transition:transform .3s;transform:rotateZ(0);transform-origin:center center}.ibiz-picker-select-view__arrow>svg{width:14px;height:14px}.ibiz-picker-select-view__arrow.overturn{transform:rotateZ(-180deg)}.ibiz-picker-select-view--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper{min-height:100px;max-height:500px;overflow:auto}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list{background:var(--ibiz-color-primary-text)}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu{background:var(--ibiz-color-primary-text)}.ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default:hover .ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default:hover .ibiz-picker-select-view-select{display:block}.ibiz-form-item .ibiz-picker-select-view.is-show-default .ibiz-picker-select-view-form-default-content{display:flex;align-items:center;width:100%;height:var(--ibiz-editor-default-line-height);padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-picker-select-view.is-show-default .ibiz-picker-select-view-form-default-content .ibiz-picker-select-view-content-item{height:22px;padding:0 9px;margin:2px 6px 2px 0;font-size:var(--ibiz-font-size-small);line-height:22px;color:var(--ibiz-editor-default-text-color);background-color:var(--ibiz-color-fill-0);border:1px solid transparent;border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item .ibiz-picker-select-view.is-show-default .ibiz-picker-select-view-select{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default.is-editable .ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default.is-editable .ibiz-picker-select-view-select{display:block}.ibiz-picker-select-view-select-popover{display:none}

package/lib/editor/html/wang-editor/wang-editor.cjs

@@ -321,7 +321,7 @@ const IBizHtml = /* @__PURE__ */ vue.defineComponent({
             const height = entries[0].contentRect.height;
             if (height !== lastToolbarHeight) {
               const tempCssVars = {
-                height: "".concat(htmlContentHeight - entries[0].contentRect.height, "px")
+                height: "".concat(htmlContentHeight - entries[0].contentRect.height + (height !== 0 ? 300 : 0), "px")
               };
               cssVars.value = ns.cssVarBlock(tempCssVars);
               lastToolbarHeight = height;
@@ -458,7 +458,7 @@ const IBizHtml = /* @__PURE__ */ vue.defineComponent({
         "mode": "default",
         "class": ns.b("toolbar")
       }, null), vue.createVNode(editorForVue.Editor, {
-        "class": ns.b("editor"),
+        "class": [ns.b("editor"), ns.is("readonly", readonlyState.value)],
         "modelValue": valueHtml.value,
         "onUpdate:modelValue": ($event) => valueHtml.value = $event,
         "default-config": editorConfig,

package/lib/editor/html/wang-editor/wang-editor.css

@@ -1 +1 @@
-.ibiz-html{--ibiz-html-height:300px;display:inline-block;width:100%;height:100%;--w-e-textarea-bg-color:var(--ibiz-color-bg-1);--w-e-textarea-color:var(--ibiz-color-text-2);--w-e-textarea-border-color:var(--ibiz-color-border);--w-e-textarea-slight-border-color:var(--ibiz-color-border);--w-e-textarea-slight-color:var(--ibiz-color-text-1);--w-e-textarea-slight-bg-color:var(--ibiz-color-bg-1);--w-e-textarea-selected-border-color:var(--ibiz-color-border);--w-e-textarea-handler-bg-color:var(--ibiz-color-primary);--w-e-toolbar-color:var(--ibiz-color-text-0);--w-e-toolbar-bg-color:var(--ibiz-color-bg-1);--w-e-toolbar-active-color:var(--ibiz-color-text-0);--w-e-toolbar-active-bg-color:var(--ibiz-color-bg-1);--w-e-toolbar-disabled-color:var(--ibiz-color-disabled-text);--w-e-toolbar-border-color:var(--ibiz-color-border);--w-e-modal-button-bg-color:var(--ibiz-color-bg-1);--w-e-modal-button-border-color:var(--ibiz-color-border)}.ibiz-html .ibiz-html-content{display:flex;flex-direction:column;height:100%;background-color:var(--ibiz-color-bg-0)}.ibiz-html .ibiz-html-editor{height:var(--ibiz-html-height)!important;padding:0;overflow-y:scroll;border:1px solid var(--ibiz-color-border)}.ibiz-html .ibiz-html-editor table{width:100%!important;border-collapse:collapse}.ibiz-html .ibiz-html-editor table th{height:49px;min-height:49px;padding:8px;background-color:#f3f3f3;border:1px solid #d3d3d3}.ibiz-html .ibiz-html-editor table td{height:49px;min-height:49px;padding:8px;empty-cells:show;border:1px solid #d3d3d3}.ibiz-html .w-e-menu-tooltip-v5::before{color:var(--ibiz-color-text-0);background-color:var(--w-e-toolbar-bg-color)}.ibiz-html .w-e-full-screen-container{z-index:9999}.ibiz-html .w-e-scroll>div{background-color:var(--ibiz-color-bg-0)}.ibiz-html .table-container table{width:100%}.ibiz-html-editor-readonly .ibiz-html-toolbar{display:none}.ibiz-html-editor-readonly .ibiz-html-editor{border:none}.ibiz-html-footer{display:flex;align-items:center;justify-content:end;margin-top:12px;margin-right:8px}.ibiz-html-footer>*+*{margin-left:16px}.ibiz-html-footer__cancel{height:36px;line-height:36px;color:var(--ibiz-color-text-1);cursor:pointer;opacity:.7}.ibiz-html-footer__cancel:hover{color:var(--ibiz-color-primary);opacity:1}.ibiz-html-footer__save{width:96px;height:36px;line-height:36px;color:var(--ibiz-color-primary-active-text);text-align:center;cursor:pointer;background-color:var(--ibiz-color-primary);border-radius:5px}.ibiz-html-footer__save:hover{box-shadow:0 2px 5px 1px var(--ibiz-color-primary)}.ibiz-html-custom-toolbar{display:flex;align-items:center;justify-content:end;width:100%;height:32px;padding-right:16px;font-size:16px}.ibiz-html-custom-toolbar>*+*{margin-left:20px}.ibiz-html-custom-toolbar i{cursor:pointer}.ibiz-html-custom-toolbar i:hover{color:var(--ibiz-color-primary)}.ibiz-html-message{width:500px;max-width:unset}.ibiz-html-message__message-content--message-tip{color:var(--ibiz-color-text-3)}.ibiz-html-message__message-cancel{color:var(--ibiz-color-text-1);background-color:transparent}.ibiz-html-message__message-cancel:hover{color:var(--ibiz-color-primary);background-color:transparent}.ibiz-html-message__message-comfire{background-color:var(--ibiz-color-danger)!important}.ibiz-html-message__message-comfire:hover{box-shadow:0 2px 5px 1px var(--ibiz-color-danger)}.ibiz-html-dialog-full-screen{height:80%}.ibiz-html-dialog-full-screen .ibiz-html{padding:0 32px;--w-e-toolbar-bg-color:var(--ibiz-color-bg-0)}.ibiz-html-dialog-full-screen .ibiz-html-custom-toolbar{height:56px}.ibiz-html-dialog-full-screen .ibiz-html-content{height:calc(100% - 124px)}.ibiz-html-dialog-full-screen .ibiz-html-content .ibiz-html-editor{height:100%!important}.ibiz-html-footer-dialog{height:68px;margin-top:0}
+.ibiz-html{--ibiz-html-height:300px;display:inline-block;width:100%;height:100%;--w-e-textarea-bg-color:var(--ibiz-color-bg-1);--w-e-textarea-color:var(--ibiz-color-text-2);--w-e-textarea-border-color:var(--ibiz-color-border);--w-e-textarea-slight-border-color:var(--ibiz-color-border);--w-e-textarea-slight-color:var(--ibiz-color-text-1);--w-e-textarea-slight-bg-color:var(--ibiz-color-bg-1);--w-e-textarea-selected-border-color:var(--ibiz-color-border);--w-e-textarea-handler-bg-color:var(--ibiz-color-primary);--w-e-toolbar-color:var(--ibiz-color-text-0);--w-e-toolbar-bg-color:var(--ibiz-color-bg-1);--w-e-toolbar-active-color:var(--ibiz-color-text-0);--w-e-toolbar-active-bg-color:var(--ibiz-color-bg-1);--w-e-toolbar-disabled-color:var(--ibiz-color-disabled-text);--w-e-toolbar-border-color:var(--ibiz-color-border);--w-e-modal-button-bg-color:var(--ibiz-color-bg-1);--w-e-modal-button-border-color:var(--ibiz-color-border)}.ibiz-html .ibiz-html-content{display:flex;flex-direction:column;height:100%;background-color:var(--ibiz-color-bg-0)}.ibiz-html .ibiz-html-editor{height:var(--ibiz-html-height)!important;padding:0;overflow-y:scroll;border:1px solid var(--ibiz-color-border)}.ibiz-html .ibiz-html-editor.is-readonly{height:auto!important}.ibiz-html .ibiz-html-editor table{width:100%!important;border-collapse:collapse}.ibiz-html .ibiz-html-editor table th{height:49px;min-height:49px;padding:8px;background-color:#f3f3f3;border:1px solid #d3d3d3}.ibiz-html .ibiz-html-editor table td{height:49px;min-height:49px;padding:8px;empty-cells:show;border:1px solid #d3d3d3}.ibiz-html .w-e-menu-tooltip-v5::before{color:var(--ibiz-color-text-0);background-color:var(--w-e-toolbar-bg-color)}.ibiz-html .w-e-full-screen-container{z-index:9999}.ibiz-html .w-e-scroll>div{background-color:var(--ibiz-color-bg-0)}.ibiz-html .table-container table{width:100%}.ibiz-html-editor-readonly .ibiz-html-toolbar{display:none}.ibiz-html-editor-readonly .ibiz-html-editor{border:none}.ibiz-html-footer{display:flex;align-items:center;justify-content:end;margin-top:12px;margin-right:8px}.ibiz-html-footer>*+*{margin-left:16px}.ibiz-html-footer__cancel{height:36px;line-height:36px;color:var(--ibiz-color-text-1);cursor:pointer;opacity:.7}.ibiz-html-footer__cancel:hover{color:var(--ibiz-color-primary);opacity:1}.ibiz-html-footer__save{width:96px;height:36px;line-height:36px;color:var(--ibiz-color-primary-active-text);text-align:center;cursor:pointer;background-color:var(--ibiz-color-primary);border-radius:5px}.ibiz-html-footer__save:hover{box-shadow:0 2px 5px 1px var(--ibiz-color-primary)}.ibiz-html-custom-toolbar{display:flex;align-items:center;justify-content:end;width:100%;height:32px;padding-right:16px;font-size:16px}.ibiz-html-custom-toolbar>*+*{margin-left:20px}.ibiz-html-custom-toolbar i{cursor:pointer}.ibiz-html-custom-toolbar i:hover{color:var(--ibiz-color-primary)}.ibiz-html-message{width:500px;max-width:unset}.ibiz-html-message__message-content--message-tip{color:var(--ibiz-color-text-3)}.ibiz-html-message__message-cancel{color:var(--ibiz-color-text-1);background-color:transparent}.ibiz-html-message__message-cancel:hover{color:var(--ibiz-color-primary);background-color:transparent}.ibiz-html-message__message-comfire{background-color:var(--ibiz-color-danger)!important}.ibiz-html-message__message-comfire:hover{box-shadow:0 2px 5px 1px var(--ibiz-color-danger)}.ibiz-html-dialog-full-screen{height:80%}.ibiz-html-dialog-full-screen .ibiz-html{padding:0 32px;--w-e-toolbar-bg-color:var(--ibiz-color-bg-0)}.ibiz-html-dialog-full-screen .ibiz-html-custom-toolbar{height:56px}.ibiz-html-dialog-full-screen .ibiz-html-content{height:calc(100% - 124px)}.ibiz-html-dialog-full-screen .ibiz-html-content .ibiz-html-editor{height:100%!important}.ibiz-html-footer-dialog{height:68px;margin-top:0}

package/lib/editor/text-box/input/input.css

@@ -1 +1 @@
-.ibiz-input{width:100%;height:100%;font-size:var(--ibiz-form-item-font-size);font-weight:var(--ibiz-form-item-regular);--ibiz-input-min-height:var(--ibiz-editor-default-line-height)}.ibiz-input__ai-chat{position:absolute;right:10px;bottom:10px;width:36px;height:36px;padding:8px;font-size:18px;color:var(--ibiz-color-primary-text);cursor:pointer;background-color:var(--ibiz-color-primary);border-radius:15px}.ibiz-input__ai-chat:hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}.ibiz-input .el-input .el-input__inner{height:100%}.ibiz-input .el-input .el-input__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input .el-input .el-input__inner::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input .el-textarea .el-textarea__inner{height:100%}.ibiz-input .el-textarea .el-textarea__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color);word-break:break-word;white-space:pre-wrap}.ibiz-input .el-textarea .el-textarea__inner::placeholder{color:var(--ibiz-form-item-placeholder-color);word-break:break-word;white-space:pre-wrap}.ibiz-input .ibiz-input-input{height:100%}.ibiz-input .ibiz-input-input .el-input__wrapper{width:100%;min-height:var(--ibiz-input-min-height)}.ibiz-input--readonly{height:auto;line-height:var(--ibiz-input-min-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-input .el-input__suffix .ibiz-input__unit{font-style:normal}.ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default.is-textarea{padding:var(--ibiz-form-item-hover-edit-padding);overflow:hidden}.ibiz-form-item .ibiz-input.is-show-default.is-textarea .ibiz-input-form-default-content{display:block}.ibiz-form-item .ibiz-input.is-show-default.is-textarea .ibiz-input-input{display:none}.ibiz-form-item .ibiz-input.is-show-default:hover .ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default:hover .ibiz-input-input{display:inline-flex}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-form-default-content{display:flex;align-items:center;width:100%;padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color);word-wrap:break-word;white-space:pre-wrap}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-input{display:none;font-family:Arial,sans-serif}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-input.el-textarea .el-textarea__inner{word-wrap:break-word;white-space:pre-wrap}.ibiz-form-item .ibiz-input.is-show-default.is-editable .ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default.is-editable .ibiz-input-input{display:inline-flex}
+.ibiz-input{width:100%;height:100%;font-size:var(--ibiz-form-item-font-size);font-weight:var(--ibiz-form-item-regular);--ibiz-input-min-height:var(--ibiz-editor-default-line-height)}.ibiz-input__ai-chat{position:absolute;right:10px;bottom:10px;width:36px;height:36px;padding:8px;font-size:18px;color:var(--ibiz-color-primary-text);cursor:pointer;background-color:var(--ibiz-color-primary);border-radius:15px}.ibiz-input__ai-chat:hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}.ibiz-input .el-input .el-input__inner{height:100%}.ibiz-input .el-input .el-input__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input .el-input .el-input__inner::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input .el-textarea .el-textarea__inner{height:100%}.ibiz-input .el-textarea .el-textarea__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color);word-break:break-word;white-space:pre-wrap}.ibiz-input .el-textarea .el-textarea__inner::placeholder{color:var(--ibiz-form-item-placeholder-color);word-break:break-word;white-space:pre-wrap}.ibiz-input .ibiz-input-input{height:100%}.ibiz-input .ibiz-input-input .el-input__wrapper{width:100%;min-height:var(--ibiz-input-min-height)}.ibiz-input--readonly{height:auto;overflow:auto;line-height:var(--ibiz-input-min-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-input .el-input__suffix .ibiz-input__unit{font-style:normal}.ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default.is-textarea{padding:var(--ibiz-form-item-hover-edit-padding);overflow:hidden}.ibiz-form-item .ibiz-input.is-show-default.is-textarea .ibiz-input-form-default-content{display:block}.ibiz-form-item .ibiz-input.is-show-default.is-textarea .ibiz-input-input{display:none}.ibiz-form-item .ibiz-input.is-show-default:hover .ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default:hover .ibiz-input-input{display:inline-flex}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-form-default-content{display:flex;align-items:center;width:100%;padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color);word-wrap:break-word;white-space:pre-wrap}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-input{display:none;font-family:Arial,sans-serif}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-input.el-textarea .el-textarea__inner{word-wrap:break-word;white-space:pre-wrap}.ibiz-form-item .ibiz-input.is-show-default.is-editable .ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default.is-editable .ibiz-input-input{display:inline-flex}

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/panel-component/panel-static-carousel/panel-static-carousel.cjs

@@ -25,7 +25,7 @@ const PanelStaticCarousel = /* @__PURE__ */ vue.defineComponent({
     const carouselData = vue.ref([]);
     const isAuto = vue.ref(true);
     const timeSpan = vue.ref(3e3);
-    const carouselMode = vue.ref("default");
+    const showMode = vue.ref("DEFAULT");
     const getSwipeConfig = (swipeData) => {
       const autoPlay = swipeData.find((item) => Object.is(item.key, "autoplay"));
       if (autoPlay) {
@@ -35,9 +35,9 @@ const PanelStaticCarousel = /* @__PURE__ */ vue.defineComponent({
       if (span) {
         timeSpan.value = Number(span.value) || 0;
       }
-      const carouselModeItem = swipeData.find((item) => Object.is(item.key, "carouselMode"));
-      if (carouselModeItem && carouselModeItem.value) {
-        carouselMode.value = carouselModeItem.value;
+      const showModeItem = swipeData.find((item) => Object.is(item.key, "showMode"));
+      if (showModeItem && showModeItem.value) {
+        showMode.value = showModeItem.value;
       }
     };
     if ((_a = model.rawItem) == null ? void 0 : _a.rawItemParams) {
@@ -45,7 +45,7 @@ const PanelStaticCarousel = /* @__PURE__ */ vue.defineComponent({
       const imgData = model.rawItem.rawItemParams;
       const autoplayIndex = imgData.findIndex((item) => Object.is(item.key, "autoplay"));
       const timespanIndex = imgData.findIndex((item) => Object.is(item.key, "timespan"));
-      const carouselModeIndex = imgData.findIndex((item) => Object.is(item.key, "carouselMode"));
+      const showModeIndex = imgData.findIndex((item) => Object.is(item.key, "showMode"));
       let number = 0;
       if (autoplayIndex >= 0) {
         number += 1;
@@ -53,7 +53,7 @@ const PanelStaticCarousel = /* @__PURE__ */ vue.defineComponent({
       if (timespanIndex >= 0) {
         number += 1;
       }
-      if (carouselModeIndex >= 0) {
+      if (showModeIndex >= 0) {
         number += 1;
       }
       if (number > 0) {
@@ -83,7 +83,7 @@ const PanelStaticCarousel = /* @__PURE__ */ vue.defineComponent({
       carouselData,
       isAuto,
       timeSpan,
-      carouselMode
+      showMode
     };
   },
   render() {
@@ -93,7 +93,7 @@ const PanelStaticCarousel = /* @__PURE__ */ vue.defineComponent({
       "carouselData": this.carouselData,
       "isAuto": this.isAuto,
       "timeSpan": this.timeSpan,
-      "carouselMode": this.carouselMode
+      "showMode": this.showMode
     }, null)]);
   }
 });

package/lib/panel-component/panel-static-carousel/panel-static-carousel.css

@@ -0,0 +1 @@
+.ibiz-panel-static-carousel{width:100%;height:100%}