@ibiz-template/vue3-components 0.1.12-dev.0 → 0.1.13

package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/form-mdctrl-repeater-form/form-mdctrl-repeater-form.cjs

@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
-var runtime = require('@ibiz-template/runtime');
 var formMdctrlContainer = require('../../form-mdctrl-container/form-mdctrl-container.cjs');
 
 function _isSlot(s) {
@@ -18,115 +17,33 @@ const FormMDCtrlRepeaterForm = /* @__PURE__ */ vue.defineComponent({
       required: true
     }
   },
-  setup(props, {
-    slots
-  }) {
+  setup(props) {
     const ns = vue3Util.useNamespace("form-mdctrl");
     vue3Util.useController(props.controller);
     const c = props.controller;
-    c.state = vue.reactive(c.state);
-    c.useFormMdCtrlCtx();
-    const slotProps = {
-      form: c
-    };
-    const getDetailController = (itemController, name) => {
-      const detail = itemController.find((item) => {
-        return item.name === name;
-      });
-      return detail == null ? void 0 : detail.c;
-    };
-    const renderByDetailType = (detail, item, index) => {
-      let _slot;
-      if (detail.hidden) {
-        return;
-      }
-      const detailId = detail.id;
-      const controller = getDetailController(c.formDetails[index], detailId);
-      const detailProps = {
-        modelData: detail,
-        controller,
-        key: detail.id
-      };
-      if (slots[detailId]) {
-        return vue.renderSlot(slots, detailId, {
-          ...slotProps,
-          ...detailProps
-        });
-      }
-      const childSlots = {};
-      if (detail.detailType === "FORMITEM" && slots[`${detailId}_editor`]) {
-        childSlots.default = (...args) => {
-          return slots[`${detailId}_editor`](...args);
-        };
-      }
-      const childDetails = runtime.findChildFormDetails(detail);
-      if (childDetails.length) {
-        childSlots.default = () => childDetails.map((child) => {
-          return renderByDetailType(child, item, index);
-        });
-      }
-      const provider = (controller == null ? void 0 : controller.form).providers[detailId];
-      if (!provider) {
-        return vue.createVNode("div", null, [vue.createTextVNode("\u6682\u672A\u652F\u6301\u7684\u8868\u5355\u9879\u7C7B\u578B: "), detail.detailType, vue.createTextVNode("\u6216\u627E\u4E0D\u5230\u5BF9\u5E94\u9002\u914D\u5668")]);
-      }
-      const component = vue.resolveComponent(provider.component);
-      return vue.createVNode(vue.resolveComponent("iBizCol"), {
-        "layoutPos": detailProps.modelData.layoutPos,
-        "state": detailProps.controller.state
-      }, _isSlot(_slot = vue.h(component, {
-        ...detailProps
-      }, childSlots)) ? _slot : {
-        default: () => [_slot]
-      });
-    };
     return {
       ns,
-      c,
-      renderByDetailType
+      c
     };
   },
   render() {
-    let _slot3;
-    if (!this.c || !this.c.state.isInit) {
+    let _slot;
+    if (!this.c) {
       return;
     }
-    const renderDetails = (item, index) => {
-      var _a;
-      if (!this.c.data) {
-        return null;
-      }
-      return (_a = this.c.model.deformDetails) == null ? void 0 : _a.map((detail) => {
-        return this.renderByDetailType(detail, item, index);
-      });
-    };
     const renderContent = () => {
       return this.c.data.map((item, index) => {
-        let _slot2;
-        return vue.createVNode("div", {
-          "class": this.ns.b("form-content")
-        }, [vue.createVNode("div", {
-          "class": this.ns.b("form-content-container")
-        }, [vue.createVNode(vue.resolveComponent("iBizRow"), {
-          "layout": this.c.model.layout
-        }, _isSlot(_slot2 = renderDetails(item, index)) ? _slot2 : {
-          default: () => [_slot2]
-        })]), vue.createVNode("div", {
-          "class": this.ns.b("btn")
-        }, [vue.createVNode(vue.resolveComponent("el-popconfirm"), {
-          "title": "\u662F\u5426\u5220\u9664\u8BE5\u9879",
-          "confirm-button-text": "\u786E\u8BA4",
-          "cancel-button-text": "\u53D6\u6D88",
-          "onConfirm": () => this.c.onDataRemove(index)
-        }, {
-          reference: () => {
-            return vue.createVNode(vue.resolveComponent("el-button"), {
-              "type": "danger",
-              "class": this.ns.b("remove-btn")
-            }, {
-              default: () => [vue.createTextVNode("\u5220\u9664")]
-            });
+        return vue.createVNode(vue.resolveComponent("iBizFormMDCtrlRepeaterFormShell"), {
+          "modelData": this.c.model,
+          "context": this.c.parent.form.context,
+          "params": this.c.parent.form.params,
+          "data": item,
+          "index": index,
+          "controller": this.c,
+          "onControllerAppear": (c) => {
+            this.c.setFromController(c);
           }
-        })])]);
+        }, null);
       });
     };
     return vue.createVNode(formMdctrlContainer.FormMDCtrlContainer, {
@@ -134,8 +51,8 @@ const FormMDCtrlRepeaterForm = /* @__PURE__ */ vue.defineComponent({
       "onInsertButtonClick": () => {
         this.c.onDataInsert();
       }
-    }, _isSlot(_slot3 = renderContent()) ? _slot3 : {
-      default: () => [_slot3]
+    }, _isSlot(_slot = renderContent()) ? _slot : {
+      default: () => [_slot]
     });
   }
 });

package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/form-mdctrl-repeater-form-one/form-mdctrl-repeater-form-one.cjs

@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
-var runtime = require('@ibiz-template/runtime');
 var formMdctrlContainer = require('../../form-mdctrl-container/form-mdctrl-container.cjs');
 
 function _isSlot(s) {
@@ -18,104 +17,39 @@ const FormMDCtrlRepeaterFormOne = /* @__PURE__ */ vue.defineComponent({
       required: true
     }
   },
-  setup(props, {
-    slots
-  }) {
+  setup(props) {
     const ns = vue3Util.useNamespace("form-mdctrl");
     vue3Util.useController(props.controller);
     const c = props.controller;
-    c.state = vue.reactive(c.state);
-    c.useFormMdCtrlCtx();
-    const slotProps = {
-      form: c
-    };
-    const getDetailController = (itemController, name) => {
-      const detail = itemController.find((item) => {
-        return item.name === name;
-      });
-      return detail == null ? void 0 : detail.c;
-    };
-    const renderByDetailType = (detail, item) => {
-      let _slot;
-      if (detail.hidden) {
-        return;
-      }
-      const detailId = detail.id;
-      const controller = getDetailController(c.formDetail, detailId);
-      const detailProps = {
-        modelData: detail,
-        controller,
-        key: detail.id
-      };
-      if (slots[detailId]) {
-        return vue.renderSlot(slots, detailId, {
-          ...slotProps,
-          ...detailProps
-        });
-      }
-      const childSlots = {};
-      if (detail.detailType === "FORMITEM" && slots[`${detailId}_editor`]) {
-        childSlots.default = (...args) => {
-          return slots[`${detailId}_editor`](...args);
-        };
-      }
-      const childDetails = runtime.findChildFormDetails(detail);
-      if (childDetails.length) {
-        childSlots.default = () => childDetails.map((child) => {
-          return renderByDetailType(child, item);
-        });
-      }
-      const provider = (controller == null ? void 0 : controller.form).providers[detailId];
-      if (!provider) {
-        return vue.createVNode("div", null, [vue.createTextVNode("\u6682\u672A\u652F\u6301\u7684\u8868\u5355\u9879\u7C7B\u578B: "), detail.detailType, vue.createTextVNode("\u6216\u627E\u4E0D\u5230\u5BF9\u5E94\u9002\u914D\u5668")]);
-      }
-      const component = vue.resolveComponent(provider.component);
-      return vue.createVNode(vue.resolveComponent("iBizCol"), {
-        "layoutPos": detailProps.modelData.layoutPos,
-        "state": detailProps.controller.state
-      }, _isSlot(_slot = vue.h(component, {
-        ...detailProps
-      }, childSlots)) ? _slot : {
-        default: () => [_slot]
-      });
-    };
     return {
       ns,
-      c,
-      renderByDetailType
+      c
     };
   },
   render() {
-    let _slot3;
-    if (!this.c || !this.c.state.isInit) {
+    let _slot;
+    if (!this.c) {
       return;
     }
-    const renderDetails = (item) => {
-      var _a;
-      if (!this.c.data) {
-        return null;
-      }
-      return (_a = this.c.model.deformDetails) == null ? void 0 : _a.map((detail) => {
-        return this.renderByDetailType(detail, item);
-      });
-    };
     const renderContent = () => {
-      let _slot2;
-      return vue.createVNode("div", {
-        "class": this.ns.b("form-content")
-      }, [vue.createVNode("div", {
-        "class": this.ns.b("form-content-container")
-      }, [vue.createVNode(vue.resolveComponent("iBizRow"), {
-        "layout": this.c.model.layout
-      }, _isSlot(_slot2 = renderDetails(this.c.data)) ? _slot2 : {
-        default: () => [_slot2]
-      })])]);
+      return vue.createVNode(vue.resolveComponent("iBizFormMDCtrlRepeaterFormShell"), {
+        "modelData": this.c.model,
+        "context": this.c.parent.form.context,
+        "params": this.c.parent.form.params,
+        "data": this.c.data,
+        "index": 0,
+        "controller": this.c,
+        "buttonVisible": false,
+        "onControllerAppear": (c) => {
+          this.c.setFromController(c);
+        }
+      }, null);
     };
     return vue.createVNode(formMdctrlContainer.FormMDCtrlContainer, {
       "controller": this.c.parent,
       "buttonVisible": false
-    }, _isSlot(_slot3 = renderContent()) ? _slot3 : {
-      default: () => [_slot3]
+    }, _isSlot(_slot = renderContent()) ? _slot : {
+      default: () => [_slot]
     });
   }
 });

package/lib/control/form/form-detail/form-mdctrl/index.cjs

@@ -11,6 +11,7 @@ var formMdctrlGrid = require('./form-mdctrl-grid/form-mdctrl-grid.cjs');
 var formMdctrlList = require('./form-mdctrl-list/form-mdctrl-list.cjs');
 var formMdctrlRepeaterFormOne = require('./form-mdctrl-repeater/form-mdctrl-repeater-form-one/form-mdctrl-repeater-form-one.cjs');
 var formMdctrlRepeaterForm = require('./form-mdctrl-repeater/form-mdctrl-repeater-form/form-mdctrl-repeater-form.cjs');
+var formMdctrlRepeaterFormShell = require('./form-mdctrl-repeater/form-mdctrl-repeater-form/form-mdctrl-repeater-form-shell.cjs');
 var formMdctrlRepeaterGrid = require('./form-mdctrl-repeater/form-mdctrl-repeater-grid/form-mdctrl-repeater-grid.cjs');
 var formMdctrl_provider = require('./form-mdctrl.provider.cjs');
 
@@ -23,6 +24,7 @@ const IBizFormMDCtrl = vue3Util.withInstall(formMdctrl.FormMDCtrl, function(v) {
   v.component(formMdctrlRepeaterForm.FormMDCtrlRepeaterForm.name, formMdctrlRepeaterForm.FormMDCtrlRepeaterForm);
   v.component(formMdctrlRepeaterFormOne.FormMDCtrlRepeaterFormOne.name, formMdctrlRepeaterFormOne.FormMDCtrlRepeaterFormOne);
   v.component(formMdctrlRepeaterGrid.FormMDCtrlRepeaterGrid.name, formMdctrlRepeaterGrid.FormMDCtrlRepeaterGrid);
+  v.component(formMdctrlRepeaterFormShell.FormMDCtrlRepeaterFormShell.name, formMdctrlRepeaterFormShell.FormMDCtrlRepeaterFormShell);
   runtime.registerFormDetailProvider("MDCTRL", () => new formMdctrl_provider.FormMDCtrlProvider());
 });
 

package/lib/control/form/form-detail/form-page/form-page.css

@@ -1 +1 @@
-.ibiz-form-page{--ibiz-form-page-font-size:var(--ibiz-font-size-regular);--ibiz-form-page-header-border-color:var(--ibiz-color-border);--ibiz-form-page-text-color:var(--ibiz-color-text-2);--ibiz-form-page-bg-color:transparent;--ibiz-form-page-hover-text-color:var(--ibiz-color-text-0);--ibiz-form-page-hover-bg-color:transparent;--ibiz-form-page-active-text-color:var(--ibiz-color-text-0);--ibiz-form-page-active-bg-color:transparent;--ibiz-form-page-active-border-color:var(--ibiz-color-primary)}.ibiz-form-page--no-tab-header .ibiz-form-page-item{padding-top:0}.ibiz-form-page-tab>.el-tabs__header.is-top{margin:0}.ibiz-form-page-tab>.el-tabs__header.is-top .el-tabs__item.is-top{font-size:var(--ibiz-form-page-font-size);color:var(--ibiz-form-page-text-color);background-color:var(--ibiz-form-page-bg-color)}.ibiz-form-page-tab>.el-tabs__header.is-top .el-tabs__item.is-top:hover{color:var(--ibiz-form-page-hover-text-color);background-color:var(--ibiz-form-page-hover-bg-color)}.ibiz-form-page-tab>.el-tabs__header.is-top .el-tabs__item.is-top.is-active{color:var(--ibiz-form-page-active-text-color);background-color:var(--ibiz-form-page-active-bg-color)}.ibiz-form-page-tab .el-tabs__nav-wrap::after{background-color:var(--ibiz-form-page-header-border-color)}.ibiz-form-page-tab .el-tabs__active-bar{background-color:var(--ibiz-form-page-active-border-color)}.ibiz-form-page-item{padding-top:var(--ibiz-padding-top)}.ibiz-form-page-item-child{margin-bottom:var(--ibiz-margin-bottom)}
+.ibiz-form-page{--ibiz-form-page-font-size:var(--ibiz-font-size-header-4);--ibiz-form-page-header-border-color:var(--ibiz-color-border);--ibiz-form-page-text-color:var(--ibiz-color-text-2);--ibiz-form-page-bg-color:transparent;--ibiz-form-page-hover-text-color:var(--ibiz-color-primary);--ibiz-form-page-hover-bg-color:transparent;--ibiz-form-page-active-text-color:var(--ibiz-color-primary);--ibiz-form-page-active-bg-color:transparent;--ibiz-form-page-active-border-color:var(--ibiz-color-primary)}.ibiz-form-page--no-tab-header .ibiz-form-page-item{padding-top:0}.ibiz-form-page-tab>.el-tabs__header.is-top{margin:0}.ibiz-form-page-tab>.el-tabs__header.is-top .el-tabs__item.is-top{font-size:var(--ibiz-form-page-font-size);color:var(--ibiz-form-page-text-color);background-color:var(--ibiz-form-page-bg-color)}.ibiz-form-page-tab>.el-tabs__header.is-top .el-tabs__item.is-top:hover{color:var(--ibiz-form-page-hover-text-color);background-color:var(--ibiz-form-page-hover-bg-color)}.ibiz-form-page-tab>.el-tabs__header.is-top .el-tabs__item.is-top.is-active{color:var(--ibiz-form-page-active-text-color);background-color:var(--ibiz-form-page-active-bg-color)}.ibiz-form-page-tab .el-tabs__nav-wrap::after{background-color:var(--ibiz-form-page-header-border-color)}.ibiz-form-page-tab .el-tabs__active-bar{background-color:var(--ibiz-form-page-active-border-color)}.ibiz-form-page-item{padding-top:var(--ibiz-padding-top)}.ibiz-form-page-item-child{margin-bottom:var(--ibiz-margin-bottom)}

package/lib/control/form/search-form/search-form.cjs

@@ -44,15 +44,22 @@ const SearchFormControl = /* @__PURE__ */ vue.defineComponent({
       return;
     }
     return vue.createVNode(vue.resolveComponent("iBizFormControl"), {
-      "class": this.ns.b(),
+      "class": [this.ns.b(), this.ns.is("btn-bottom", this.c.model.searchButtonPos === "BOTTOM")],
       "controller": this.c,
       "nativeOnkeyup": (e) => this.c.onKeyUp(e)
     }, {
       ...this.$slots,
-      searchFooter: () => {
+      searchButtons: () => {
+        if (this.c.model.searchButtonStyle === "NONE") {
+          return;
+        }
         return vue.createVNode("div", {
           "class": this.ns.b("buttons")
-        }, [vue.createVNode(vue.resolveComponent("el-dropdown"), {
+        }, [this.c.model.searchButtonStyle === "SEARCHONLY" ? vue.createVNode(vue.resolveComponent("el-button"), {
+          "onClick": () => this.c.onSearchButtonClick()
+        }, {
+          default: () => [vue.createTextVNode("\u641C\u7D22")]
+        }) : vue.createVNode(vue.resolveComponent("el-dropdown"), {
           "split-button": true,
           "type": "primary",
           "onClick": () => this.c.onSearchButtonClick()

package/lib/control/form/search-form/search-form.css

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-control-searchform-buttons{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0;text-align:right}.ibiz-control-searchform{--ibiz-control-searchform-bg-color:transparent;--ibiz-control-searchform-padding:0 var(--ibiz-spacing-base);display:flex;padding:var(--ibiz-control-searchform-padding);background-color:var(--ibiz-control-searchform-bg-color)}.ibiz-control-searchform>.ibiz-form-page{flex-grow:1}
+@charset "UTF-8";.ibiz-control-searchform-buttons{display:flex;align-items:center;justify-content:flex-end;height:100%;flex-shrink:0;text-align:right}.ibiz-control-searchform{--ibiz-control-searchform-bg-color:transparent;--ibiz-control-searchform-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);display:flex;padding:var(--ibiz-control-searchform-padding);background-color:var(--ibiz-control-searchform-bg-color)}.ibiz-control-searchform>.ibiz-form-page{flex-grow:1}.ibiz-control-searchform.is-btn-bottom{flex-direction:column}

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

@@ -36,16 +36,19 @@ const GridFieldColumn = /* @__PURE__ */ vue.defineComponent({
     const CustomHtml = vue.computed(() => {
       return props.controller.getCustomHtml(props.row);
     });
+    const fieldValue = vue.computed(() => props.row.data[props.controller.model.codeName]);
+    const formatValue = vue.computed(() => props.controller.formatValue(fieldValue.value));
     return {
       ns,
       onCellClick,
       onTextClick,
-      CustomHtml
+      CustomHtml,
+      fieldValue,
+      formatValue
     };
   },
   render() {
     const c = this.controller;
-    const fieldValue = this.row.data[this.controller.model.codeName];
     let content = null;
     if (c.isCustomCode) {
       content = vue.createVNode("span", {
@@ -57,14 +60,14 @@ const GridFieldColumn = /* @__PURE__ */ vue.defineComponent({
         "class": this.ns.e("text"),
         "codeListItems": c.codeListItems,
         "codeList": c.codeList,
-        "value": fieldValue,
+        "value": this.fieldValue,
         "onClick": this.onTextClick
       }, null);
     } else {
       content = vue.createVNode("span", {
         "class": this.ns.e("text"),
         "onClick": this.onTextClick
-      }, [fieldValue, fieldValue != null && c.model.unitName]);
+      }, [this.formatValue, this.fieldValue != null && c.model.unitName]);
     }
     return vue.createVNode("div", {
       "class": [this.ns.b(), c.clickable(this.row) && this.ns.m("clickable")],

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

@@ -55,6 +55,7 @@ const GridFieldEditColumn = /* @__PURE__ */ vue.defineComponent({
     };
   },
   render() {
+    const val = this.row.data[this.fieldName];
     return vue.createVNode(vue.resolveComponent("iBizGridEditItem"), {
       ref: "componentRef",
       required: !this.c.editItem.allowEmpty,
@@ -62,7 +63,7 @@ const GridFieldEditColumn = /* @__PURE__ */ vue.defineComponent({
       ...this.gridEditItemProps
     }, {
       default: () => [this.c.editorProvider && vue.h(vue.resolveComponent(this.c.editorProvider.gridEditor), {
-        value: this.row.data[this.fieldName],
+        value: this.editorProps.readonly ? this.c.formatValue(val) : val,
         data: this.row.data,
         controller: this.c.editor,
         onChange: this.rowDataChange,

package/lib/control/panel/view-layout-panel/view-layout-panel.cjs

@@ -8,44 +8,6 @@ var runtime = require('@ibiz-template/runtime');
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
 }
-function renderPanelItem(panelItem, c, ins) {
-  var _a, _b;
-  if (panelItem.hidden) {
-    return null;
-  }
-  const {
-    providers,
-    panelItems
-  } = c;
-  const provider = providers[panelItem.id];
-  if (!provider) {
-    return vue.createVNode("div", null, [vue.createTextVNode("\u6682\u672A\u652F\u6301\u7684\u9762\u677F\u9879: "), panelItem.id, vue.createTextVNode(" - "), panelItem.itemType]);
-  }
-  const component = vue.resolveComponent(provider.component);
-  let children;
-  if (panelItem.itemType === "CTRLPOS" && ins.$slots[panelItem.id]) {
-    children = () => {
-      return ins.$slots[panelItem.id]();
-    };
-  } else if (panelItem.itemType === "TABPANEL" && ((_a = panelItem.panelTabPages) == null ? void 0 : _a.length)) {
-    children = () => {
-      return panelItem.panelTabPages.map((child) => {
-        return renderPanelItem(child, c, ins);
-      });
-    };
-  } else if ((_b = panelItem.panelItems) == null ? void 0 : _b.length) {
-    children = () => {
-      return panelItem.panelItems.map((child) => {
-        return renderPanelItem(child, c, ins);
-      });
-    };
-  }
-  return vue.h(component, {
-    modelData: panelItem,
-    controller: panelItems[panelItem.id],
-    key: panelItem.id
-  }, children);
-}
 const ViewLayoutPanelControl = /* @__PURE__ */ vue.defineComponent({
   name: "IBizViewLayoutPanelControl",
   props: {
@@ -63,7 +25,9 @@ const ViewLayoutPanelControl = /* @__PURE__ */ vue.defineComponent({
     },
     data: Object
   },
-  setup(props) {
+  setup(props, {
+    slots
+  }) {
     const c = vue3Util.useControlController((...args) => new runtime.ViewLayoutPanelController(...args));
     const ns = vue3Util.useNamespace(`control-${c.model.controlType.toLowerCase()}`);
     vue.watch(() => {
@@ -83,9 +47,51 @@ const ViewLayoutPanelControl = /* @__PURE__ */ vue.defineComponent({
         panelItem.state = vue.reactive(panelItem.state);
       });
     });
+    const renderPanelItem = (panelItem, options) => {
+      var _a, _b;
+      if (panelItem.hidden) {
+        return null;
+      }
+      const {
+        providers,
+        panelItems
+      } = options || c;
+      const provider = providers[panelItem.id];
+      if (!provider) {
+        return vue.createVNode("div", null, [vue.createTextVNode("\u6682\u672A\u652F\u6301\u7684\u9762\u677F\u9879: "), panelItem.id, vue.createTextVNode(" - "), panelItem.itemType]);
+      }
+      const component = vue.resolveComponent(provider.component);
+      let children;
+      if (panelItem.itemType === "CTRLPOS" && slots[panelItem.id]) {
+        children = () => {
+          return slots[panelItem.id]();
+        };
+      } else if (panelItem.itemType === "TABPANEL" && ((_a = panelItem.panelTabPages) == null ? void 0 : _a.length)) {
+        children = () => {
+          return panelItem.panelTabPages.map((child) => {
+            return renderPanelItem(child, options);
+          });
+        };
+      } else if (panelItem.itemType === "CONTAINER" && panelItem.predefinedType === "CONTAINER_SINGLEDATA") {
+        children = void 0;
+      } else if ((_b = panelItem.panelItems) == null ? void 0 : _b.length) {
+        children = () => {
+          return panelItem.panelItems.map((child) => {
+            return renderPanelItem(child, options);
+          });
+        };
+      }
+      return vue.h(component, {
+        modelData: panelItem,
+        controller: panelItems[panelItem.id],
+        key: panelItem.id
+      }, children);
+    };
+    vue.provide("renderPanelItem", renderPanelItem);
     return {
       c,
-      ns
+      ns,
+      renderPanelItem
     };
   },
   render() {
@@ -113,7 +119,7 @@ const ViewLayoutPanelControl = /* @__PURE__ */ vue.defineComponent({
             return vue.createVNode(vue.resolveComponent("iBizCol"), {
               "layoutPos": panelItem.layoutPos,
               "state": subC.state
-            }, _isSlot(_slot = renderPanelItem(panelItem, this.c, this)) ? _slot : {
+            }, _isSlot(_slot = this.renderPanelItem(panelItem)) ? _slot : {
               default: () => [_slot]
             });
           }))];

package/lib/control/toolbar/toolbar.cjs

@@ -19,7 +19,7 @@ const btnContent = (item) => {
   }
   if (item.showCaption) {
     if (item.capLanguageRes) {
-      const caption = ibiz.i18n.t(item.capLanguageRes.lanResTag, item.capLanguageRes.defaultContent || item.caption);
+      const caption = ibiz.i18n.t(item.capLanguageRes.lanResTag, item.caption);
       result.push(caption);
     } else if (item.caption) {
       result.push(item.caption);

package/lib/control/tree/tree.css

@@ -1 +1 @@
-.ibiz-control-treeview-node{display:flex;flex-grow:1;flex-shrink:1;align-items:center;min-width:1px;height:100%;line-height:26px}.ibiz-control-treeview-node__icon{margin-right:var(--ibiz-spacing-tight)}.ibiz-control-treeview-node__label{flex-grow:1;flex-shrink:1;min-width:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-control-treeview-node:hover .ibiz-control-treeview-context-menu-trigger{display:inline-block}.ibiz-control-treeview-context-menu-trigger{display:none;flex-shrink:0;width:30px;text-align:center;cursor:pointer}.ibiz-control-treeview-context-menu-trigger__caption-icon{vertical-align:middle}
+.ibiz-control-treeview-node{display:flex;flex-grow:1;flex-shrink:1;align-items:center;min-width:1px;height:100%;line-height:26px}.ibiz-control-treeview-node__icon{min-width:var(--ibiz-spacing-base);margin-right:var(--ibiz-spacing-tight)}.ibiz-control-treeview-node__label{flex-grow:1;flex-shrink:1;min-width:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-control-treeview-node:hover .ibiz-control-treeview-context-menu-trigger{display:inline-block}.ibiz-control-treeview-context-menu-trigger{display:none;flex-shrink:0;width:30px;text-align:center;cursor:pointer}.ibiz-control-treeview-context-menu-trigger__caption-icon{vertical-align:middle}