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

package/es/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/form-mdctrl-repeater-form/form-mdctrl-repeater-form.mjs

@@ -1,6 +1,5 @@
-import { isVNode, defineComponent, reactive, renderSlot, createVNode, createTextVNode, resolveComponent, h } from 'vue';
+import { isVNode, defineComponent, createVNode, resolveComponent } from 'vue';
 import { useNamespace, useController } from '@ibiz-template/vue3-util';
-import { findChildFormDetails } from '@ibiz-template/runtime';
 import { FormMDCtrlContainer } from '../../form-mdctrl-container/form-mdctrl-container.mjs';
 
 function _isSlot(s) {
@@ -14,115 +13,33 @@ const FormMDCtrlRepeaterForm = /* @__PURE__ */ defineComponent({
       required: true
     }
   },
-  setup(props, {
-    slots
-  }) {
+  setup(props) {
     const ns = useNamespace("form-mdctrl");
     useController(props.controller);
     const c = props.controller;
-    c.state = 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 renderSlot(slots, detailId, {
-          ...slotProps,
-          ...detailProps
-        });
-      }
-      const childSlots = {};
-      if (detail.detailType === "FORMITEM" && slots[`${detailId}_editor`]) {
-        childSlots.default = (...args) => {
-          return slots[`${detailId}_editor`](...args);
-        };
-      }
-      const childDetails = 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 createVNode("div", null, [createTextVNode("\u6682\u672A\u652F\u6301\u7684\u8868\u5355\u9879\u7C7B\u578B: "), detail.detailType, createTextVNode("\u6216\u627E\u4E0D\u5230\u5BF9\u5E94\u9002\u914D\u5668")]);
-      }
-      const component = resolveComponent(provider.component);
-      return createVNode(resolveComponent("iBizCol"), {
-        "layoutPos": detailProps.modelData.layoutPos,
-        "state": detailProps.controller.state
-      }, _isSlot(_slot = 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 createVNode("div", {
-          "class": this.ns.b("form-content")
-        }, [createVNode("div", {
-          "class": this.ns.b("form-content-container")
-        }, [createVNode(resolveComponent("iBizRow"), {
-          "layout": this.c.model.layout
-        }, _isSlot(_slot2 = renderDetails(item, index)) ? _slot2 : {
-          default: () => [_slot2]
-        })]), createVNode("div", {
-          "class": this.ns.b("btn")
-        }, [createVNode(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 createVNode(resolveComponent("el-button"), {
-              "type": "danger",
-              "class": this.ns.b("remove-btn")
-            }, {
-              default: () => [createTextVNode("\u5220\u9664")]
-            });
+        return createVNode(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 createVNode(FormMDCtrlContainer, {
@@ -130,8 +47,8 @@ const FormMDCtrlRepeaterForm = /* @__PURE__ */ defineComponent({
       "onInsertButtonClick": () => {
         this.c.onDataInsert();
       }
-    }, _isSlot(_slot3 = renderContent()) ? _slot3 : {
-      default: () => [_slot3]
+    }, _isSlot(_slot = renderContent()) ? _slot : {
+      default: () => [_slot]
     });
   }
 });

package/es/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/form-mdctrl-repeater-form-one/form-mdctrl-repeater-form-one.d.ts

@@ -1,5 +1,4 @@
-import { PropType, VNode } from 'vue';
-import { IDEFormDetail } from '@ibiz/model-core';
+import { PropType } from 'vue';
 import { FormMDCtrlRepeaterFormOneController } from '@ibiz-template/runtime';
 export declare const FormMDCtrlRepeaterFormOne: import("vue").DefineComponent<{
     controller: {
@@ -9,7 +8,6 @@ export declare const FormMDCtrlRepeaterFormOne: import("vue").DefineComponent<{
 }, {
     ns: import("@ibiz-template/core").Namespace;
     c: FormMDCtrlRepeaterFormOneController;
-    renderByDetailType: (detail: IDEFormDetail, item: IData) => VNode | VNode[] | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     controller: {
         type: PropType<FormMDCtrlRepeaterFormOneController>;

package/es/control/form/form-detail/form-mdctrl/form-mdctrl-repeater/form-mdctrl-repeater-form-one/form-mdctrl-repeater-form-one.mjs

@@ -1,6 +1,5 @@
-import { isVNode, defineComponent, reactive, renderSlot, createVNode, createTextVNode, resolveComponent, h } from 'vue';
+import { isVNode, defineComponent, createVNode, resolveComponent } from 'vue';
 import { useNamespace, useController } from '@ibiz-template/vue3-util';
-import { findChildFormDetails } from '@ibiz-template/runtime';
 import { FormMDCtrlContainer } from '../../form-mdctrl-container/form-mdctrl-container.mjs';
 
 function _isSlot(s) {
@@ -14,104 +13,39 @@ const FormMDCtrlRepeaterFormOne = /* @__PURE__ */ defineComponent({
       required: true
     }
   },
-  setup(props, {
-    slots
-  }) {
+  setup(props) {
     const ns = useNamespace("form-mdctrl");
     useController(props.controller);
     const c = props.controller;
-    c.state = 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 renderSlot(slots, detailId, {
-          ...slotProps,
-          ...detailProps
-        });
-      }
-      const childSlots = {};
-      if (detail.detailType === "FORMITEM" && slots[`${detailId}_editor`]) {
-        childSlots.default = (...args) => {
-          return slots[`${detailId}_editor`](...args);
-        };
-      }
-      const childDetails = 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 createVNode("div", null, [createTextVNode("\u6682\u672A\u652F\u6301\u7684\u8868\u5355\u9879\u7C7B\u578B: "), detail.detailType, createTextVNode("\u6216\u627E\u4E0D\u5230\u5BF9\u5E94\u9002\u914D\u5668")]);
-      }
-      const component = resolveComponent(provider.component);
-      return createVNode(resolveComponent("iBizCol"), {
-        "layoutPos": detailProps.modelData.layoutPos,
-        "state": detailProps.controller.state
-      }, _isSlot(_slot = 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 createVNode("div", {
-        "class": this.ns.b("form-content")
-      }, [createVNode("div", {
-        "class": this.ns.b("form-content-container")
-      }, [createVNode(resolveComponent("iBizRow"), {
-        "layout": this.c.model.layout
-      }, _isSlot(_slot2 = renderDetails(this.c.data)) ? _slot2 : {
-        default: () => [_slot2]
-      })])]);
+      return createVNode(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 createVNode(FormMDCtrlContainer, {
       "controller": this.c.parent,
       "buttonVisible": false
-    }, _isSlot(_slot3 = renderContent()) ? _slot3 : {
-      default: () => [_slot3]
+    }, _isSlot(_slot = renderContent()) ? _slot : {
+      default: () => [_slot]
     });
   }
 });

package/es/control/form/form-detail/form-mdctrl/index.mjs

@@ -7,6 +7,7 @@ import { FormMDCtrlGrid } from './form-mdctrl-grid/form-mdctrl-grid.mjs';
 import { FormMDCtrlList } from './form-mdctrl-list/form-mdctrl-list.mjs';
 import { FormMDCtrlRepeaterFormOne } from './form-mdctrl-repeater/form-mdctrl-repeater-form-one/form-mdctrl-repeater-form-one.mjs';
 import { FormMDCtrlRepeaterForm } from './form-mdctrl-repeater/form-mdctrl-repeater-form/form-mdctrl-repeater-form.mjs';
+import { FormMDCtrlRepeaterFormShell } from './form-mdctrl-repeater/form-mdctrl-repeater-form/form-mdctrl-repeater-form-shell.mjs';
 import { FormMDCtrlRepeaterGrid } from './form-mdctrl-repeater/form-mdctrl-repeater-grid/form-mdctrl-repeater-grid.mjs';
 import { FormMDCtrlProvider } from './form-mdctrl.provider.mjs';
 
@@ -19,6 +20,7 @@ const IBizFormMDCtrl = withInstall(FormMDCtrl, function(v) {
   v.component(FormMDCtrlRepeaterForm.name, FormMDCtrlRepeaterForm);
   v.component(FormMDCtrlRepeaterFormOne.name, FormMDCtrlRepeaterFormOne);
   v.component(FormMDCtrlRepeaterGrid.name, FormMDCtrlRepeaterGrid);
+  v.component(FormMDCtrlRepeaterFormShell.name, FormMDCtrlRepeaterFormShell);
   registerFormDetailProvider("MDCTRL", () => new FormMDCtrlProvider());
 });
 

package/es/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/es/control/form/search-form/search-form.mjs

@@ -42,15 +42,22 @@ const SearchFormControl = /* @__PURE__ */ defineComponent({
       return;
     }
     return createVNode(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 createVNode("div", {
           "class": this.ns.b("buttons")
-        }, [createVNode(resolveComponent("el-dropdown"), {
+        }, [this.c.model.searchButtonStyle === "SEARCHONLY" ? createVNode(resolveComponent("el-button"), {
+          "onClick": () => this.c.onSearchButtonClick()
+        }, {
+          default: () => [createTextVNode("\u641C\u7D22")]
+        }) : createVNode(resolveComponent("el-dropdown"), {
           "split-button": true,
           "type": "primary",
           "onClick": () => this.c.onSearchButtonClick()

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

@@ -14,6 +14,8 @@ export declare const GridFieldColumn: import("vue").DefineComponent<{
     onCellClick: (event: MouseEvent) => void;
     onTextClick: (event: MouseEvent) => void;
     CustomHtml: import("vue").ComputedRef<string | undefined>;
+    fieldValue: import("vue").ComputedRef<any>;
+    formatValue: import("vue").ComputedRef<string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     controller: {
         type: typeof GridFieldColumnController;

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

@@ -32,16 +32,19 @@ const GridFieldColumn = /* @__PURE__ */ defineComponent({
     const CustomHtml = computed(() => {
       return props.controller.getCustomHtml(props.row);
     });
+    const fieldValue = computed(() => props.row.data[props.controller.model.codeName]);
+    const formatValue = 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 = createVNode("span", {
@@ -53,14 +56,14 @@ const GridFieldColumn = /* @__PURE__ */ defineComponent({
         "class": this.ns.e("text"),
         "codeListItems": c.codeListItems,
         "codeList": c.codeList,
-        "value": fieldValue,
+        "value": this.fieldValue,
         "onClick": this.onTextClick
       }, null);
     } else {
       content = 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 createVNode("div", {
       "class": [this.ns.b(), c.clickable(this.row) && this.ns.m("clickable")],

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

@@ -13,6 +13,8 @@ export declare const IBizGridFieldColumn: import("@ibiz-template/vue3-util").Typ
     onCellClick: (event: MouseEvent) => void;
     onTextClick: (event: MouseEvent) => void;
     CustomHtml: import("vue").ComputedRef<string | undefined>;
+    fieldValue: import("vue").ComputedRef<any>;
+    formatValue: import("vue").ComputedRef<string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     controller: {
         type: typeof import("@ibiz-template/runtime").GridFieldColumnController;

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

@@ -51,6 +51,7 @@ const GridFieldEditColumn = /* @__PURE__ */ defineComponent({
     };
   },
   render() {
+    const val = this.row.data[this.fieldName];
     return createVNode(resolveComponent("iBizGridEditItem"), {
       ref: "componentRef",
       required: !this.c.editItem.allowEmpty,
@@ -58,7 +59,7 @@ const GridFieldEditColumn = /* @__PURE__ */ defineComponent({
       ...this.gridEditItemProps
     }, {
       default: () => [this.c.editorProvider && h(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/es/control/panel/view-layout-panel/index.d.ts

@@ -16,6 +16,16 @@ export declare const IBizViewLayoutPanelControl: import("@ibiz-template/vue3-uti
 }, {
     c: import("@ibiz-template/runtime").ViewLayoutPanelController;
     ns: import("@ibiz-template/core").Namespace;
+    renderPanelItem: (panelItem: import("@ibiz/model-core").IPanelItem, options?: {
+        providers: {
+            [key: string]: import("@ibiz-template/runtime").IPanelItemProvider;
+        };
+        panelItems: {
+            [key: string]: import("@ibiz-template/runtime").IPanelItemController;
+        };
+    } | undefined) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | null;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: import("vue").PropType<import("@ibiz/model-core").IViewLayoutPanel>;

package/es/control/panel/view-layout-panel/view-layout-panel.d.ts

@@ -1,7 +1,7 @@
-import { PropType } from 'vue';
-import { IViewLayoutPanel } from '@ibiz/model-core';
+import { PropType, VNode } from 'vue';
+import { IPanelItem, IViewLayoutPanel } from '@ibiz/model-core';
 import './view-layout-panel.scss';
-import { ViewLayoutPanelController } from '@ibiz-template/runtime';
+import { IPanelItemController, IPanelItemProvider, ViewLayoutPanelController } from '@ibiz-template/runtime';
 /**
  * 视图布局面板组件
  */
@@ -22,6 +22,14 @@ export declare const ViewLayoutPanelControl: import("vue").DefineComponent<{
 }, {
     c: ViewLayoutPanelController;
     ns: import("@ibiz-template/core").Namespace;
+    renderPanelItem: (panelItem: IPanelItem, options?: {
+        providers: {
+            [key: string]: IPanelItemProvider;
+        };
+        panelItems: {
+            [key: string]: IPanelItemController;
+        };
+    } | undefined) => VNode | null;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: PropType<IViewLayoutPanel>;

package/es/control/panel/view-layout-panel/view-layout-panel.mjs

@@ -1,4 +1,4 @@
-import { isVNode, createVNode, createTextVNode, resolveComponent, h, defineComponent, watch, reactive } from 'vue';
+import { isVNode, defineComponent, watch, reactive, createVNode, createTextVNode, resolveComponent, h, provide } from 'vue';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import './view-layout-panel.css';
 import { ViewLayoutPanelController } from '@ibiz-template/runtime';
@@ -6,44 +6,6 @@ import { ViewLayoutPanelController } from '@ibiz-template/runtime';
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !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 createVNode("div", null, [createTextVNode("\u6682\u672A\u652F\u6301\u7684\u9762\u677F\u9879: "), panelItem.id, createTextVNode(" - "), panelItem.itemType]);
-  }
-  const component = 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 h(component, {
-    modelData: panelItem,
-    controller: panelItems[panelItem.id],
-    key: panelItem.id
-  }, children);
-}
 const ViewLayoutPanelControl = /* @__PURE__ */ defineComponent({
   name: "IBizViewLayoutPanelControl",
   props: {
@@ -61,7 +23,9 @@ const ViewLayoutPanelControl = /* @__PURE__ */ defineComponent({
     },
     data: Object
   },
-  setup(props) {
+  setup(props, {
+    slots
+  }) {
     const c = useControlController((...args) => new ViewLayoutPanelController(...args));
     const ns = useNamespace(`control-${c.model.controlType.toLowerCase()}`);
     watch(() => {
@@ -81,9 +45,51 @@ const ViewLayoutPanelControl = /* @__PURE__ */ defineComponent({
         panelItem.state = 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 createVNode("div", null, [createTextVNode("\u6682\u672A\u652F\u6301\u7684\u9762\u677F\u9879: "), panelItem.id, createTextVNode(" - "), panelItem.itemType]);
+      }
+      const component = 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 h(component, {
+        modelData: panelItem,
+        controller: panelItems[panelItem.id],
+        key: panelItem.id
+      }, children);
+    };
+    provide("renderPanelItem", renderPanelItem);
     return {
       c,
-      ns
+      ns,
+      renderPanelItem
     };
   },
   render() {
@@ -111,7 +117,7 @@ const ViewLayoutPanelControl = /* @__PURE__ */ defineComponent({
             return createVNode(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/es/control/toolbar/toolbar.mjs

@@ -17,7 +17,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/es/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}

package/es/editor/html/wang-editor/wang-editor.mjs

@@ -1,6 +1,7 @@
 import { defineComponent, shallowRef, ref, watch, onBeforeUnmount, onMounted, createVNode } from 'vue';
 import { Toolbar, Editor } from '@wangeditor/editor-for-vue';
 import { getCookie } from 'qx-util';
+import { isNil } from 'ramda';
 import { getHtmlProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import { CoreConst } from '@ibiz-template/core';
 import './wang-editor.css';
@@ -115,10 +116,14 @@ const IBizHtml = /* @__PURE__ */ defineComponent({
     });
     const handleCreated = (editor) => {
       editorRef.value = editor;
+      editor.setHtml(valueHtml.value);
     };
     const handleChange = (editor) => {
       const html = editor.getHtml();
       const emitValue = html === "<p><br></p>" ? "" : html;
+      if (emitValue === props.value || emitValue === "" && isNil(props.value)) {
+        return;
+      }
       emit("change", emitValue);
     };
     const handleDestroyed = (_editor) => {

package/es/editor/text-box/input/input.d.ts

@@ -1,7 +1,7 @@
 import './input.scss';
 import { TextBoxEditorController } from '../text-box-editor.controller';
 export declare const IBizInput: import("vue").DefineComponent<{
-    value: StringConstructor;
+    value: (StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<TextBoxEditorController>, undefined, undefined>;
     data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
     disabled: {
@@ -31,7 +31,7 @@ export declare const IBizInput: import("vue").DefineComponent<{
     blur: () => boolean;
     focus: () => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    value: StringConstructor;
+    value: (StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<TextBoxEditorController>, undefined, undefined>;
     data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
     disabled: {

package/es/editor/text-box/input/input.mjs

@@ -40,7 +40,7 @@ const IBizInput = /* @__PURE__ */ defineComponent({
         if (!newVal) {
           currentVal.value = "";
         } else {
-          currentVal.value = newVal;
+          currentVal.value = newVal.toString();
         }
       }
     }, {