@ibiz-template/vue3-components 0.6.16 → 0.7.0

package/es/control/toolbar/toolbar.mjs

@@ -50,9 +50,11 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
     }
   },
   setup() {
+    var _a;
     const c = useControlController((...args) => new ToolbarController(...args));
     const ns = useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     const btnSize = ref("default");
+    const toolbarStyle = (_a = c.model.toolbarStyle) == null ? void 0 : _a.toLowerCase();
     const handleClick = async (item, event, params) => {
       await c.onItemClick(item, event, params);
     };
@@ -78,13 +80,13 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
         "class": ns.b("submenu"),
         "index": item.id,
         "title": item.tooltip,
-        "popper-class": ns.b("submenu-popper")
+        "popper-class": [ns.b("submenu-popper"), ns.bm("submenu-popper", toolbarStyle)]
       }, {
         default: () => {
           return detoolbarItems.map((item2) => {
-            var _a;
+            var _a2;
             const actionId = item2.uiactionId;
-            const visible = (_a = c.state.buttonsState[item2.id]) == null ? void 0 : _a.visible;
+            const visible = (_a2 = c.state.buttonsState[item2.id]) == null ? void 0 : _a2.visible;
             if (!visible) {
               return null;
             }
@@ -148,9 +150,9 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
       });
     };
     const renderToolbarItem = (item) => {
-      var _a, _b;
+      var _a2, _b;
       const itemId = item.id;
-      const visible = (_a = c.state.buttonsState[itemId]) == null ? void 0 : _a.visible;
+      const visible = (_a2 = c.state.buttonsState[itemId]) == null ? void 0 : _a2.visible;
       if (!visible) {
         return null;
       }
@@ -190,7 +192,7 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
         }, [createVNode(resolveComponent("el-button"), {
           "title": item.tooltip,
           "size": btnSize.value,
-          "text": Object.is(buttonType, "INVERSE"),
+          "text": Object.is(buttonType, "inverse"),
           "type": buttonType,
           "loading": c.state.buttonsState[itemId].loading,
           "disabled": c.state.buttonsState[itemId].disabled,
@@ -216,24 +218,23 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
       c,
       btnSize,
       ns,
+      toolbarStyle,
       handleClick,
       renderExtraButtons,
       renderToolbarItem
     };
   },
   render() {
-    var _a, _b, _c, _d;
+    var _a, _b, _c;
     const {
-      state,
-      model
+      state
     } = this.c;
-    const toolbarStyle = (_a = model.toolbarStyle) == null ? void 0 : _a.toLowerCase();
     let content = null;
     if (state.isCreated) {
       content = [
         // 绘制最前方的额外按钮
-        ((_b = state.extraButtons.before) == null ? void 0 : _b.length) > 0 && this.renderExtraButtons(state.extraButtons.before),
-        (_c = this.modelData.detoolbarItems) == null ? void 0 : _c.map((item, index) => {
+        ((_a = state.extraButtons.before) == null ? void 0 : _a.length) > 0 && this.renderExtraButtons(state.extraButtons.before),
+        (_b = this.modelData.detoolbarItems) == null ? void 0 : _b.map((item, index) => {
           var _a2;
           const toolbarItemNode = this.renderToolbarItem(item);
           if ((_a2 = state.extraButtons[index]) == null ? void 0 : _a2.length) {
@@ -242,12 +243,12 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
           return toolbarItemNode;
         }),
         // 绘制最后方的额外按钮
-        ((_d = state.extraButtons.after) == null ? void 0 : _d.length) > 0 && this.renderExtraButtons(state.extraButtons.after)
+        ((_c = state.extraButtons.after) == null ? void 0 : _c.length) > 0 && this.renderExtraButtons(state.extraButtons.after)
       ];
     }
     return createVNode(resolveComponent("iBizControlBase"), {
       "controller": this.c,
-      "class": [this.ns.m(state.viewMode.toLowerCase()), this.ns.m(toolbarStyle)]
+      "class": [this.ns.m(state.viewMode.toLowerCase()), this.ns.m(this.toolbarStyle)]
     }, _isSlot(content) ? content : {
       default: () => [content]
     });

package/es/control/tree-grid/tree-grid.mjs

@@ -237,6 +237,7 @@ const TreeGridControl = /* @__PURE__ */ defineComponent({
         "total": state.total,
         "curPage": state.curPage,
         "size": state.size,
+        "totalPages": state.totalPages,
         "onChange": this.onPageChange,
         "onPageSizeChange": this.onPageSizeChange,
         "onPageRefresh": this.onPageRefresh

package/es/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-edit-column/cell-edit.mjs

@@ -25,7 +25,9 @@ function useCellEdit(props, componentRef) {
     return !editorShowEdit.value;
   });
   const editorDisabled = false;
-  const isAutoFocus = true;
+  const isAutoFocus = computed(() => {
+    return !hasError.value;
+  });
   const showEditMask = computed(() => {
     return cellEditable.value && !editable.value;
   });

package/es/editor/check-box-list/ibiz-checkbox-list/ibiz-checkbox-list.mjs

@@ -59,7 +59,7 @@ const IBizCheckboxList = /* @__PURE__ */ defineComponent({
             const strVal = props.value;
             if (strVal !== "") {
               if (codeList) {
-                const selects = strVal.split(valueSeparator);
+                const selects = c.model.valueType === "SIMPLES" ? strVal : strVal.split(valueSeparator);
                 if (codeList.codeItemValueNumber) {
                   for (let i = 0, len = selects.length; i < len; i++) {
                     selects[i] = Number(selects[i]);
@@ -81,7 +81,11 @@ const IBizCheckboxList = /* @__PURE__ */ defineComponent({
             const numVal = typeof item === "string" ? parseInt(item, 10) : item;
             temp |= numVal;
           });
-          value = temp;
+          if (c.model.valueType === "SIMPLES") {
+            value = [temp];
+          } else if (c.model.valueType === "SIMPLE") {
+            value = temp;
+          }
         } else if (Object.is(currentMode.value, "str")) {
           const _datas = [];
           if (items.value.length > 0) {
@@ -92,7 +96,11 @@ const IBizCheckboxList = /* @__PURE__ */ defineComponent({
               }
               _datas.push(_item.value);
             });
-            value = _datas.join(valueSeparator);
+            if (c.model.valueType === "SIMPLES") {
+              value = _datas;
+            } else if (c.model.valueType === "SIMPLE") {
+              value = _datas.join(valueSeparator);
+            }
           }
         }
         emit("change", value);

package/es/editor/data-picker/ibiz-picker/ibiz-picker.mjs

@@ -128,13 +128,11 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
       emit("change", null);
     };
     const closeCircle = (c.linkView ? 1 : 0) + (c.pickupView ? 1 : 0);
-    if (props.autoFocus) {
-      watch(editorRef, (newVal) => {
-        if (newVal) {
-          newVal.focus();
-        }
-      });
-    }
+    watch(editorRef, (newVal) => {
+      if (props.autoFocus && newVal && newVal.focus) {
+        newVal.focus();
+      }
+    });
     const onFocus = (e) => {
       emit("focus", e);
       setEditable(true);

package/es/editor/date-picker/ibiz-date-picker/ibiz-date-picker.mjs

@@ -75,13 +75,11 @@ const IBizDatePicker = /* @__PURE__ */ defineComponent({
       emit("change", date);
       setEditable(false);
     };
-    if (props.autoFocus) {
-      watch(editorRef, (newVal) => {
-        if (newVal && newVal.focus) {
-          newVal.focus();
-        }
-      });
-    }
+    watch(editorRef, (newVal) => {
+      if (props.autoFocus && newVal && newVal.focus) {
+        newVal.focus();
+      }
+    });
     const onFocus = (e) => {
       emit("focus", e);
       setEditable(true);

package/es/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.mjs

@@ -79,7 +79,7 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
       isLoading.value = false;
     };
     watch(() => props.value, async (newVal, oldVal) => {
-      if (newVal || newVal === null) {
+      if (newVal || newVal === null || newVal === 0) {
         if (!isLoadedCodeList.value && oldVal === void 0) {
           await loadCodeList();
         }
@@ -109,14 +109,25 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
         if (editorItems && editorItems.length > 0 && !c.multiple) {
           return props.data[editorItems[0].id];
         }
-        if (props.value) {
+        if (props.value && typeof props.value === "string") {
           return c.multiple ? (_a = props.value) == null ? void 0 : _a.toString().split(",") : props.value.toString();
         }
+        if (props.value && Array.isArray(props.value)) {
+          return c.multiple ? props.value : props.value.toString();
+        }
         return (_b = props.value) == null ? void 0 : _b.toString();
       },
       set(select) {
         if (Array.isArray(select)) {
-          emit("change", select.length === 0 ? null : select.join(","));
+          let selectArr = null;
+          if (select.length === 0) {
+            selectArr = null;
+          } else if (c.model.valueType === "SIMPLES") {
+            selectArr = select;
+          } else {
+            selectArr = select.join(",");
+          }
+          emit("change", selectArr);
         } else if (editorItems && editorItems.length > 0) {
           emit("change", select, editorItems[0].id);
           const selectItem = getCodeListItemByValue(select);
@@ -149,13 +160,11 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
     }, {
       immediate: true
     });
-    if (props.autoFocus) {
-      watch(editorRef, (newVal) => {
-        if (newVal) {
-          newVal.focus();
-        }
-      });
-    }
+    watch(editorRef, (newVal) => {
+      if (props.autoFocus && newVal && newVal.focus) {
+        newVal.focus();
+      }
+    });
     const onFocus = (e) => {
       editorState = "focus";
       emit("focus", e);

package/es/editor/list-box/ibiz-list-box/ibiz-list-box.mjs

@@ -77,8 +77,8 @@ const IBizListBox = /* @__PURE__ */ defineComponent({
               });
             } else if (Object.is(currentMode.value, "str")) {
               if (newVal !== "") {
-                if (codeList && typeof newVal === "string") {
-                  selectsArray = newVal.split(valueSeparator);
+                if (codeList && (typeof newVal === "string" || Array.isArray(newVal))) {
+                  selectsArray = Array.isArray(newVal) ? newVal : newVal.split(valueSeparator);
                   if (codeList.codeItemValueNumber) {
                     for (let i = 0, len = selectsArray.length; i < len; i++) {
                       selectsArray[i] = Number(selectsArray[i]);
@@ -89,7 +89,7 @@ const IBizListBox = /* @__PURE__ */ defineComponent({
             }
           } else if (editorType === "LISTBOXPICKUP") {
             if (newVal !== "") {
-              selectsArray = newVal.split(valueSeparator);
+              selectsArray = c.model.valueType === "SIMPLES" && Array.isArray(newVal) ? newVal : newVal.split(valueSeparator);
             }
           }
           selectArray.value = selectsArray;
@@ -115,10 +115,18 @@ const IBizListBox = /* @__PURE__ */ defineComponent({
             });
             _value = temp;
           } else if (Object.is(currentMode, "str")) {
-            _value = values.join(valueSeparator);
+            if (c.model.valueType === "SIMPLES") {
+              _value = values;
+            } else if (c.model.valueType === "SIMPLE") {
+              _value = values.join(valueSeparator);
+            }
           }
         } else if (Object.is("LISTBOXPICKUP", editorType)) {
-          _value = values.join(valueSeparator);
+          if (c.model.valueType === "SIMPLES") {
+            _value = values;
+          } else if (c.model.valueType === "SIMPLE") {
+            _value = values.join(valueSeparator);
+          }
         }
       } else {
         _value = value;

package/es/editor/raw/ibiz-raw/ibiz-raw.mjs

@@ -47,6 +47,13 @@ const IBizRaw = /* @__PURE__ */ defineComponent({
               ibiz.log.error("JSON\u5B57\u7B26\u4E32\u8F6C\u6362\u9519\u8BEF");
             }
           }
+          if (!Array.isArray(obj)) {
+            Object.assign(obj, {
+              data: {
+                ...props.data
+              }
+            });
+          }
           content.value = await ibiz.util.hbs.render(template, obj || newVal);
         }
       }

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

@@ -54,14 +54,12 @@ const IBizInputNumber = /* @__PURE__ */ defineComponent({
     const handleChange = (e) => {
       emit("change", e);
     };
-    if (props.autoFocus) {
-      watch(editorRef, (newVal) => {
-        if (newVal) {
-          const input = newVal.$el.getElementsByTagName("input")[0];
-          input.focus();
-        }
-      });
-    }
+    watch(editorRef, (newVal) => {
+      if (props.autoFocus && newVal) {
+        const input = newVal.$el.getElementsByTagName("input")[0];
+        input.focus();
+      }
+    });
     const onFocus = (e) => {
       emit("focus", e);
       setEditable(true);

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

@@ -94,15 +94,13 @@ const IBizInput = /* @__PURE__ */ defineComponent({
       emit("blur", event);
       setEditable(false);
     };
-    if (props.autoFocus) {
-      watch(editorRef, (newVal) => {
-        if (newVal) {
-          const inputTag = type.value === "textarea" ? "textarea" : "input";
-          const input = newVal.$el.getElementsByTagName(inputTag)[0];
-          input.focus();
-        }
-      });
-    }
+    watch(editorRef, (newVal) => {
+      if (props.autoFocus && newVal) {
+        const inputTag = type.value === "textarea" ? "textarea" : "input";
+        const input = newVal.$el.getElementsByTagName(inputTag)[0];
+        input.focus();
+      }
+    });
     const onFocus = (e) => {
       emit("focus", e);
       setEditable(true);

package/es/editor/user/ibiz-searchcond-edit/ibiz-searchcond-edit.mjs

@@ -2,7 +2,7 @@ import { ref, computed, watch, resolveComponent, createVNode, mergeProps, define
 import { getInputProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import './ibiz-searchcond-edit.css';
 import { isNilOrEmpty } from 'qx-util';
-import { getOriginFilterNodes, parseFilters, calcSearchConds } from '@ibiz-template/runtime';
+import { getOriginFilterNodes, SearchCondEx2filterNode, calcSearchCondExs } from '@ibiz-template/runtime';
 
 "use strict";
 const IBizSearchCondEdit = /* @__PURE__ */ defineComponent({
@@ -36,7 +36,7 @@ const IBizSearchCondEdit = /* @__PURE__ */ defineComponent({
           if (newVal) {
             try {
               const searchconds = JSON.parse(newVal);
-              filterNodes.value = searchconds.map((item) => parseFilters(item));
+              filterNodes.value = searchconds.map((item) => SearchCondEx2filterNode(item));
             } catch (error) {
               ibiz.log.error("".concat(newVal, "\u503C\u683C\u5F0F\u4E0D\u6B63\u786E\uFF0C\u5FC5\u987B\u4E3Ajson\u5B57\u7B26\u4E32"));
             }
@@ -62,14 +62,12 @@ const IBizSearchCondEdit = /* @__PURE__ */ defineComponent({
     const handleChange = (e) => {
       emit("change", e);
     };
-    if (props.autoFocus) {
-      watch(editorRef, (newVal) => {
-        if (newVal) {
-          const input = newVal.$el.getElementsByTagName("input")[0];
-          input.focus();
-        }
-      });
-    }
+    watch(editorRef, (newVal) => {
+      if (props.autoFocus && newVal) {
+        const input = newVal.$el.getElementsByTagName("input")[0];
+        input.focus();
+      }
+    });
     const onFocus = (e) => {
       emit("focus", e);
       setEditable(true);
@@ -84,7 +82,7 @@ const IBizSearchCondEdit = /* @__PURE__ */ defineComponent({
       }
     };
     const getCurrentValByFilterNodes = () => {
-      const searchconds = calcSearchConds(filterNodes.value);
+      const searchconds = calcSearchCondExs(filterNodes.value);
       if (searchconds) {
         currentVal.value = JSON.stringify(searchconds, null, 2);
       }

package/es/panel-component/index.mjs

@@ -19,6 +19,7 @@ import { IBizSearchFormButtons } from './searchform-buttons/index.mjs';
 import { IBizViewMessage } from './view-message/index.mjs';
 import { IBizPanelStaticCarousel } from './panel-static-carousel/index.mjs';
 import { IBizCoopPos } from './coop-pos/index.mjs';
+import { IBizViewMsgPos } from './view-msg-pos/index.mjs';
 export { NavPosIndexState } from './nav-pos-index/nav-pos-index.state.mjs';
 export { NavPosIndexController } from './nav-pos-index/nav-pos-index.controller.mjs';
 export { PanelButtonController } from './panel-button/panel-button.controller.mjs';
@@ -63,6 +64,7 @@ const IBizPanelComponents = {
     v.use(IBizTeleportPlaceholder);
     v.use(IBizPanelContainerTabs);
     v.use(IBizCoopPos);
+    v.use(IBizViewMsgPos);
   }
 };
 

package/es/panel-component/nav-tabs/nav-tabs.css

@@ -1 +1 @@
-.ibiz-nav-tabs{--ibiz-nav-tabs-padding:var(--ibiz-spacing-base-loose);--ibiz-nav-tabs-left-width:calc(100% - 60px);--ibiz-nav-tabs-right-width:60px;--ibiz-nav-tabs-right-height:30px;--ibiz-nav-tabs-item-height:40px;--ibiz-nav-tabs-item-padding:0 var(--ibiz-spacing-base-loose);--ibiz-nav-tabs-item-margin:0 var(--ibiz-spacing-base) 0 0;--ibiz-nav-tabs-item-font-size:var(--ibiz-font-size-regular);--ibiz-nav-tabs-item-font-weight:var(--ibiz-font-weight-regular);--ibiz-nav-tabs-item-border-radius:var(--ibiz-border-radius-medium);--ibiz-nav-tabs-item-bg-color:transparent;--ibiz-nav-tabs-item-color:var(--ibiz-color-text-0);--ibiz-nav-tabs-item-hover-color:var(--ibiz-color-primary-hover);--ibiz-nav-tabs-item-active-color:var(--ibiz-color-primary);display:flex;align-items:center;justify-content:flex-start;position:relative;padding:var(--ibiz-nav-tabs-padding)}.ibiz-nav-tabs__left{display:flex;align-items:center;width:var(--ibiz-nav-tabs-left-width)}.ibiz-nav-tabs__left .el-tabs{width:100%;--el-tabs-header-height:40px}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav{border:none}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item{display:flex;align-items:center;height:var(--ibiz-nav-tabs-item-height);padding:var(--ibiz-nav-tabs-item-padding);margin:var(--ibiz-nav-tabs-item-margin);overflow:hidden;font-size:var(--ibiz-nav-tabs-item-font-size);font-weight:var(--ibiz-nav-tabs-item-font-weight);color:var(--ibiz-nav-tabs-item-color);vertical-align:middle;background-color:var(--ibiz-nav-tabs-item-bg-color);border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-nav-tabs-item-border-radius);box-shadow:0 1px 2px 0 var(--ibiz-color-border);opacity:1}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item:hover{padding:var(--ibiz-nav-tabs-item-padding);color:var(--ibiz-nav-tabs-item-hover-color);box-shadow:0 1px 4px 0 rgba(0,0,0,.25)}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item:hover .is-icon-close{color:var(--ibiz-nav-tabs-item-hover-color)}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item.is-active{padding:var(--ibiz-nav-tabs-item-padding);color:var(--ibiz-color-white);background-color:var(--ibiz-nav-tabs-item-active-color);box-shadow:none}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item.is-active .is-icon-close{color:var(--ibiz-color-white)}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item.is-closable{padding:var(--ibiz-nav-tabs-item-padding)}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item.is-closable.hover{padding:var(--ibiz-nav-tabs-item-padding)}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item .is-icon-close{position:relative;top:1px}.ibiz-nav-tabs__left .el-tabs .el-tabs__header{margin-bottom:0;border-bottom:none}.ibiz-nav-tabs__right{width:var(--ibiz-nav-tabs-right-width)}.ibiz-nav-tabs__right .el-dropdown button{height:var(--ibiz-nav-tabs-right-height)}
+.ibiz-nav-tabs{--ibiz-nav-tabs-padding:var(--ibiz-spacing-base-loose);--ibiz-nav-tabs-left-width:calc(100% - 60px);--ibiz-nav-tabs-right-width:60px;--ibiz-nav-tabs-right-height:30px;--ibiz-nav-tabs-item-height:40px;--ibiz-nav-tabs-item-padding:0 var(--ibiz-spacing-base-loose);--ibiz-nav-tabs-item-margin:0 var(--ibiz-spacing-base) 0 0;--ibiz-nav-tabs-item-font-size:var(--ibiz-font-size-regular);--ibiz-nav-tabs-item-font-weight:var(--ibiz-font-weight-regular);--ibiz-nav-tabs-item-border-radius:var(--ibiz-border-radius-medium);--ibiz-nav-tabs-item-bg-color:transparent;--ibiz-nav-tabs-item-color:var(--ibiz-color-text-0);--ibiz-nav-tabs-item-hover-color:var(--ibiz-color-primary-hover);--ibiz-nav-tabs-item-active-color:var(--ibiz-color-primary);display:flex;align-items:center;justify-content:flex-start;position:relative;padding:var(--ibiz-nav-tabs-padding)}.ibiz-nav-tabs__left{display:flex;align-items:center;width:var(--ibiz-nav-tabs-left-width)}.ibiz-nav-tabs__left--caption{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-nav-tabs__left .el-tabs{width:100%;--el-tabs-header-height:40px}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav{border:none}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item{display:flex;align-items:center;height:var(--ibiz-nav-tabs-item-height);padding:var(--ibiz-nav-tabs-item-padding);margin:var(--ibiz-nav-tabs-item-margin);overflow:hidden;font-size:var(--ibiz-nav-tabs-item-font-size);font-weight:var(--ibiz-nav-tabs-item-font-weight);color:var(--ibiz-nav-tabs-item-color);vertical-align:middle;background-color:var(--ibiz-nav-tabs-item-bg-color);border:1px solid var(--ibiz-color-border);border-radius:var(--ibiz-nav-tabs-item-border-radius);box-shadow:0 1px 2px 0 var(--ibiz-color-border);opacity:1}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item:hover{padding:var(--ibiz-nav-tabs-item-padding);color:var(--ibiz-nav-tabs-item-hover-color);box-shadow:0 1px 4px 0 rgba(0,0,0,.25)}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item:hover .is-icon-close{color:var(--ibiz-nav-tabs-item-hover-color)}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item.is-active{padding:var(--ibiz-nav-tabs-item-padding);color:var(--ibiz-color-white);background-color:var(--ibiz-nav-tabs-item-active-color);box-shadow:none}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item.is-active .is-icon-close{color:var(--ibiz-color-white)}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item.is-closable{padding:var(--ibiz-nav-tabs-item-padding)}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item.is-closable.hover{padding:var(--ibiz-nav-tabs-item-padding)}.ibiz-nav-tabs__left .el-tabs .el-tabs__nav .el-tabs__item .is-icon-close{position:relative;top:1px}.ibiz-nav-tabs__left .el-tabs .el-tabs__header{margin-bottom:0;border-bottom:none}.ibiz-nav-tabs__right{width:var(--ibiz-nav-tabs-right-width)}.ibiz-nav-tabs__right .el-dropdown button{height:var(--ibiz-nav-tabs-right-height)}

package/es/panel-component/nav-tabs/nav-tabs.mjs

@@ -88,7 +88,13 @@ const NavTabs = /* @__PURE__ */ defineComponent({
         "name": msg.key,
         "key": msg.key,
         "label": label
-      }, null);
+      }, {
+        label: () => {
+          return createVNode("div", {
+            "class": this.ns.em("left", "caption")
+          }, [label]);
+        }
+      });
     })) ? _slot : {
       default: () => [_slot]
     })]), createVNode("div", {

package/es/panel-component/panel-index-view-search/index.d.ts

@@ -12,6 +12,7 @@ export declare const IBizPanelIndexViewSearch: import("@ibiz-template/vue3-util"
     classArr: import("vue").ComputedRef<(string | false)[]>;
     isCollapse: import("vue").ComputedRef<any>;
     onInput: (value: string) => void;
+    onSearch: () => Promise<void>;
     c: import("@ibiz-template/runtime").PanelItemController<import("@ibiz/model-core").IPanelItem>;
     query: import("vue").Ref<string>;
     menuAlign: import("vue").ComputedRef<string>;

package/es/panel-component/panel-index-view-search/panel-index-view-search.d.ts

@@ -16,6 +16,7 @@ export declare const PanelIndexViewSearch: import("vue").DefineComponent<{
     classArr: import("vue").ComputedRef<(string | false)[]>;
     isCollapse: import("vue").ComputedRef<any>;
     onInput: (value: string) => void;
+    onSearch: () => Promise<void>;
     c: PanelItemController<import("@ibiz/model-core").IPanelItem>;
     query: import("vue").Ref<string>;
     menuAlign: import("vue").ComputedRef<string>;

package/es/panel-component/panel-index-view-search/panel-index-view-search.mjs

@@ -1,6 +1,6 @@
 import { ref, inject, computed, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
-import { PanelItemController } from '@ibiz-template/runtime';
+import { PanelItemController, AppFuncCommand } from '@ibiz-template/runtime';
 import { debounce } from 'lodash-es';
 import './panel-index-view-search.css';
 
@@ -45,11 +45,30 @@ const PanelIndexViewSearch = /* @__PURE__ */ defineComponent({
       result.push(...props.controller.containerClass);
       return result;
     });
+    const onSearch = async () => {
+      const id = props.modelData.id;
+      const menuC = c.panel.view.getController("appmenu");
+      if (menuC) {
+        const targetMenu = menuC.allAppMenuItems.find((item) => {
+          return item.id === id;
+        });
+        if (targetMenu) {
+          const tempContext = c.panel.context.clone();
+          const tempParam = c.panel.params;
+          tempContext.srfappid = targetMenu.appId || ibiz.env.appId;
+          await ibiz.commands.execute(AppFuncCommand.TAG, targetMenu.appFuncId, tempContext, {
+            ...tempParam,
+            query: query.value
+          }, {});
+        }
+      }
+    };
     return {
       ns,
       classArr,
       isCollapse,
       onInput,
+      onSearch,
       c,
       query,
       menuAlign
@@ -65,7 +84,8 @@ const PanelIndexViewSearch = /* @__PURE__ */ defineComponent({
       "model-value": this.query,
       "class": this.ns.b("search"),
       "placeholder": ibiz.i18n.t("component.indexSearch.placeholder"),
-      "onInput": this.onInput
+      "onInput": this.onInput,
+      "onChange": this.onSearch
     }, {
       prefix: () => {
         return createVNode("ion-icon", {

package/es/panel-component/view-msg-pos/index.d.ts

@@ -0,0 +1,25 @@
+import { ViewMsgPosController } from './view-msg-pos.controller';
+export { ViewMsgPosController };
+export declare const IBizViewMsgPos: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IPanelRawItem>;
+        required: true;
+    };
+    controller: {
+        type: typeof ViewMsgPosController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    view: import("@ibiz-template/runtime").IViewController<import("@ibiz/model-core").IAppView, import("@ibiz-template/runtime").IViewState, import("@ibiz-template/runtime").IViewEvent>;
+}, 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").IPanelRawItem>;
+        required: true;
+    };
+    controller: {
+        type: typeof ViewMsgPosController;
+        required: true;
+    };
+}>>, {}, {}>>;
+export default IBizViewMsgPos;

package/es/panel-component/view-msg-pos/index.mjs

@@ -0,0 +1,16 @@
+import { withInstall } from '@ibiz-template/vue3-util';
+import { registerPanelItemProvider } from '@ibiz-template/runtime';
+import { ViewMsgPos } from './view-msg-pos.mjs';
+import { ViewMsgPosProvider } from './view-msg-pos.provider.mjs';
+export { ViewMsgPosController } from './view-msg-pos.controller.mjs';
+
+"use strict";
+const IBizViewMsgPos = withInstall(ViewMsgPos, function(v) {
+  v.component(ViewMsgPos.name, ViewMsgPos);
+  registerPanelItemProvider(
+    "RAWITEM_VIEWMSG_POS",
+    () => new ViewMsgPosProvider()
+  );
+});
+
+export { IBizViewMsgPos, IBizViewMsgPos as default };

package/es/panel-component/view-msg-pos/view-msg-pos.controller.d.ts

@@ -0,0 +1,21 @@
+import { PanelItemController } from '@ibiz-template/runtime';
+import { IPanelRawItem } from '@ibiz/model-core';
+export declare class ViewMsgPosController extends PanelItemController<IPanelRawItem> {
+    /**
+     * 直接内容项参数
+     *
+     * @author zhanghengfeng
+     * @date 2024-04-08 19:04:15
+     * @type {IData}
+     */
+    rawItemParams: IData;
+    protected onInit(): Promise<void>;
+    /**
+     * 处理直接内容项参数
+     *
+     * @author zhanghengfeng
+     * @date 2024-04-08 19:04:59
+     * @protected
+     */
+    protected handleRawItemParams(): void;
+}

package/es/panel-component/view-msg-pos/view-msg-pos.controller.mjs

@@ -0,0 +1,48 @@
+import { PanelItemController } from '@ibiz-template/runtime';
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class ViewMsgPosController extends PanelItemController {
+  constructor() {
+    super(...arguments);
+    /**
+     * 直接内容项参数
+     *
+     * @author zhanghengfeng
+     * @date 2024-04-08 19:04:15
+     * @type {IData}
+     */
+    __publicField(this, "rawItemParams", {});
+  }
+  async onInit() {
+    await super.onInit();
+    this.handleRawItemParams();
+  }
+  /**
+   * 处理直接内容项参数
+   *
+   * @author zhanghengfeng
+   * @date 2024-04-08 19:04:59
+   * @protected
+   */
+  handleRawItemParams() {
+    var _a;
+    const rawItemParams = (_a = this.model.rawItem) == null ? void 0 : _a.rawItemParams;
+    if (Array.isArray(rawItemParams)) {
+      rawItemParams.forEach((item) => {
+        const key = item.key;
+        const value = item.value;
+        if (key && value) {
+          this.rawItemParams[key.toLowerCase()] = value;
+        }
+      });
+    }
+  }
+}
+
+export { ViewMsgPosController };

package/es/panel-component/view-msg-pos/view-msg-pos.d.ts

@@ -0,0 +1,25 @@
+import { PropType } from 'vue';
+import { IPanelRawItem } from '@ibiz/model-core';
+import { ViewMsgPosController } from './view-msg-pos.controller';
+export declare const ViewMsgPos: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IPanelRawItem>;
+        required: true;
+    };
+    controller: {
+        type: typeof ViewMsgPosController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    view: import("@ibiz-template/runtime").IViewController<import("@ibiz/model-core").IAppView, import("@ibiz-template/runtime").IViewState, import("@ibiz-template/runtime").IViewEvent>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: PropType<IPanelRawItem>;
+        required: true;
+    };
+    controller: {
+        type: typeof ViewMsgPosController;
+        required: true;
+    };
+}>>, {}, {}>;