@ibiz-template/vue3-components 0.3.1 → 0.3.3

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

@@ -52,40 +52,11 @@ const SearchFormControl = /* @__PURE__ */ vue.defineComponent({
       return;
     }
     return vue.createVNode(vue.resolveComponent("iBizFormControl"), {
-      "class": [this.ns.b(), this.ns.is("btn-bottom", this.c.model.searchButtonPos === "BOTTOM")],
+      "class": [this.ns.b()],
       "controller": this.c,
       "onKeyup": (e) => this.c.onKeyUp(e)
     }, {
-      ...this.$slots,
-      searchButtons: () => {
-        if (this.c.model.searchButtonStyle === "NONE") {
-          return;
-        }
-        return vue.createVNode("div", {
-          "class": this.ns.b("buttons")
-        }, [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()
-        }, {
-          default: () => vue.createVNode("span", {
-            "class": this.ns.b("label")
-          }, [vue.createTextVNode("\u641C\u7D22")]),
-          dropdown: () => {
-            return vue.createVNode(vue.resolveComponent("el-dropdown-menu"), null, {
-              default: () => [vue.createVNode(vue.resolveComponent("el-dropdown-item"), {
-                "onClick": () => this.c.reset()
-              }, {
-                default: () => [vue.createTextVNode("\u91CD\u7F6E")]
-              })]
-            });
-          }
-        })]);
-      }
+      ...this.$slots
     });
   }
 });

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;height:100%;margin-top:var(--ibiz-spacing-tight);margin-left:var(--ibiz-spacing-tight);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}
+@charset "UTF-8";.ibiz-control-searchform-buttons{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0;height:100%;margin-top:var(--ibiz-spacing-tight);margin-left:var(--ibiz-spacing-tight);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}

package/lib/control/grid/grid/grid.cjs

@@ -30,7 +30,6 @@ function renderColumn(c, model, renderColumns, index) {
     [widthName]: width
   }, {
     "fixed": columnState.fixed,
-    "show-overflow-tooltip": model.columnType === "DEFGRIDCOLUMN",
     "sortable": model.enableSort ? "custom" : false,
     "align": ((_a = model.align) == null ? void 0 : _a.toLowerCase()) || "center"
   }), {

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

@@ -6,6 +6,7 @@ var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 require('./grid-field-column.css');
 var runtime = require('@ibiz-template/runtime');
+var ramda = require('ramda');
 
 "use strict";
 const GridFieldColumn = /* @__PURE__ */ vue.defineComponent({
@@ -39,13 +40,25 @@ const GridFieldColumn = /* @__PURE__ */ vue.defineComponent({
     });
     const fieldValue = vue.computed(() => props.row.data[props.controller.model.codeName]);
     const formatValue = vue.computed(() => props.controller.formatValue(fieldValue.value));
+    const codeListText = vue.ref("");
+    const onInfoTextChange = (text) => {
+      codeListText.value = text;
+    };
+    const tooltip = vue.computed(() => {
+      if (props.controller.grid.overflowMode === "ellipsis" && ramda.isNotNil(fieldValue.value) && fieldValue.value !== "") {
+        return props.controller.codeList ? codeListText.value : formatValue.value + (props.controller.model.unitName || "");
+      }
+      return void 0;
+    });
     return {
       ns,
       onCellClick,
       onTextClick,
+      onInfoTextChange,
       CustomHtml,
       fieldValue,
-      formatValue
+      formatValue,
+      tooltip
     };
   },
   render() {
@@ -62,16 +75,19 @@ const GridFieldColumn = /* @__PURE__ */ vue.defineComponent({
         "codeListItems": c.codeListItems,
         "codeList": c.codeList,
         "value": this.fieldValue,
-        "onClick": this.onTextClick
+        "onClick": this.onTextClick,
+        "onInfoTextChange": this.onInfoTextChange,
+        "title": this.tooltip
       }, null);
     } else {
       content = vue.createVNode("span", {
         "class": this.ns.e("text"),
+        "title": this.tooltip,
         "onClick": this.onTextClick
       }, [this.formatValue, this.fieldValue != null && c.model.unitName]);
     }
     return vue.createVNode("div", {
-      "class": [this.ns.b(), c.clickable(this.row) && this.ns.m("clickable")],
+      "class": [this.ns.b(), c.clickable(this.row) && this.ns.m("clickable"), this.ns.m(this.controller.grid.overflowMode)],
       "onClick": this.onCellClick
     }, [content]);
   }

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

@@ -1 +1 @@
-.ibiz-grid-field-column{--ibiz-grid-field-column-cell-padding:var(--ibiz-spacing-tight);--ibiz-grid-field-column-clickable-text-color:var(--ibiz-color-primary);--ibiz-grid-field-column-clickable-hover-text-color:var(--ibiz-color-primary-hover);--ibiz-grid-field-column-color:var(--ibiz-color-text-2);display:inline-flex;align-items:center;justify-content:var(--ibiz-grid-column-justify-content);width:100%;height:100%;padding:var(--ibiz-grid-field-column-cell-padding)}.ibiz-grid-field-column__text{font-size:var(--ibiz-font-size-regular);font-weight:var(--ibiz-font-weight-regular);color:var(--ibiz-grid-field-column-color);word-break:break-word;white-space:pre-wrap}.ibiz-grid-field-column--clickable{cursor:pointer}.ibiz-grid-field-column--clickable .ibiz-grid-field-column__text{color:var(--ibiz-grid-field-column-clickable-text-color)}.ibiz-grid-field-column--clickable .ibiz-grid-field-column__text:hover{color:var(--ibiz-grid-field-column-clickable-hover-text-color)}
+.ibiz-grid-field-column{--ibiz-grid-field-column-cell-padding:var(--ibiz-spacing-tight);--ibiz-grid-field-column-clickable-text-color:var(--ibiz-color-primary);--ibiz-grid-field-column-clickable-hover-text-color:var(--ibiz-color-primary-hover);--ibiz-grid-field-column-color:var(--ibiz-color-text-2);display:inline-flex;align-items:center;justify-content:var(--ibiz-grid-column-justify-content);width:100%;height:100%;padding:var(--ibiz-grid-field-column-cell-padding)}.ibiz-grid-field-column__text{font-size:var(--ibiz-font-size-regular);font-weight:var(--ibiz-font-weight-regular);color:var(--ibiz-grid-field-column-color)}.ibiz-grid-field-column--clickable{cursor:pointer}.ibiz-grid-field-column--clickable .ibiz-grid-field-column__text{color:var(--ibiz-grid-field-column-clickable-text-color)}.ibiz-grid-field-column--clickable .ibiz-grid-field-column__text:hover{color:var(--ibiz-grid-field-column-clickable-hover-text-color)}.ibiz-grid-field-column--ellipsis span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-grid-field-column--wrap{word-break:break-word;white-space:pre-wrap}

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

@@ -46,8 +46,16 @@ const IBizGridEditItem = /* @__PURE__ */ vue.defineComponent({
         emit("maskClick", e);
       }
     };
+    const showTooltip = vue.computed(() => {
+      return props.error;
+    });
+    const tooltipContent = vue.computed(() => {
+      return props.error;
+    });
     return {
       ns,
+      tooltipContent,
+      showTooltip,
       onClick,
       onStopPropagation
     };
@@ -58,8 +66,8 @@ const IBizGridEditItem = /* @__PURE__ */ vue.defineComponent({
       "onDblclick": this.onStopPropagation,
       "onClick": this.onClick
     }, [vue.createVNode(vue.resolveComponent("el-tooltip"), {
-      "content": this.error,
-      "disabled": !this.error,
+      "content": this.tooltipContent,
+      "disabled": !this.showTooltip,
       "transfer": true,
       "transfer-class-name": this.ns.e("tooltip-popper"),
       "placement": "top"

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

@@ -9,6 +9,8 @@ var runtime = require('@ibiz-template/runtime');
 var cellEdit = require('./cell-edit.cjs');
 var rowEdit = require('./row-edit.cjs');
 var allEdit = require('./all-edit.cjs');
+var ramda = require('ramda');
+require('./grid-field-edit-column.css');
 
 "use strict";
 const GridFieldEditColumn = /* @__PURE__ */ vue.defineComponent({
@@ -48,12 +50,28 @@ const GridFieldEditColumn = /* @__PURE__ */ vue.defineComponent({
       gridEditItemProps,
       editorProps
     } = useByShowMode();
+    const infoText = vue.ref(void 0);
+    const onInfoTextChange = (text) => {
+      infoText.value = text;
+    };
+    const tooltip = vue.computed(() => {
+      if (!editorProps.readonly) {
+        return void 0;
+      }
+      if (ramda.isNil(infoText.value)) {
+        const val = props.row.data[fieldName];
+        return c.formatValue(val);
+      }
+      return infoText.value;
+    });
     return {
       ns,
       c,
       fieldName,
       componentRef,
+      tooltip,
       rowDataChange,
+      onInfoTextChange,
       gridEditItemProps,
       editorProps
     };
@@ -64,13 +82,19 @@ const GridFieldEditColumn = /* @__PURE__ */ vue.defineComponent({
       ref: "componentRef",
       required: !this.c.editItem.allowEmpty,
       error: this.row.errors[this.fieldName],
+      overflowMode: this.controller.grid.overflowMode,
+      class: [this.ns, this.ns.m(this.c.grid.overflowMode)],
       ...this.gridEditItemProps
     }, {
       default: () => [this.c.editorProvider && vue.h(vue.resolveComponent(this.c.editorProvider.gridEditor), {
+        class: this.ns.e("editor"),
         value: this.editorProps.readonly ? this.c.formatValue(val) : val,
         data: this.row.data,
         controller: this.c.editor,
+        overflowMode: this.c.grid.overflowMode,
         onChange: this.rowDataChange,
+        onInfoTextChange: this.onInfoTextChange,
+        title: this.tooltip,
         ...this.editorProps
       })]
     });

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

@@ -0,0 +1 @@
+.ibiz-grid-field-edit-column--ellipsis .ibiz-grid-field-edit-column__editor{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-grid-field-edit-column--wrap .ibiz-grid-field-edit-column__editor{word-break:break-word;white-space:pre-wrap}

package/lib/control/panel/panel/panel.cjs

@@ -65,6 +65,9 @@ const PanelControl = /* @__PURE__ */ vue.defineComponent({
     provider: {
       type: Object
     },
+    container: {
+      type: Object
+    },
     data: Object,
     loadDefault: {
       type: Boolean,
@@ -72,7 +75,7 @@ const PanelControl = /* @__PURE__ */ vue.defineComponent({
     }
   },
   setup(props) {
-    const c = vue3Util.useControlController((...args) => new runtime.PanelController(...args));
+    const c = vue3Util.useControlController((...args) => new runtime.PanelController(...args, props.container));
     const ns = vue3Util.useNamespace(`control-${c.model.controlType.toLowerCase()}`);
     vue.watch(() => props.data, (newVal) => {
       if (newVal) {

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

@@ -27,12 +27,15 @@ const ViewLayoutPanelControl = /* @__PURE__ */ vue.defineComponent({
     provider: {
       type: Object
     },
+    container: {
+      type: Object
+    },
     data: Object
   },
   setup(props, {
     slots
   }) {
-    const c = vue3Util.useControlController((...args) => new runtime.ViewLayoutPanelController(...args));
+    const c = vue3Util.useControlController((...args) => new runtime.ViewLayoutPanelController(...args, props.container));
     const ns = vue3Util.useNamespace(`control-${c.model.controlType.toLowerCase()}`);
     vue.watch(() => props.data, (newVal) => {
       if (newVal) {

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

@@ -109,6 +109,13 @@ const IBizCheckboxList = /* @__PURE__ */ vue.defineComponent({
         return isInclude;
       }).map((item) => item.text).join(",");
     });
+    vue.watch(valueText, (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        emit("infoTextChange", newVal);
+      }
+    }, {
+      immediate: true
+    });
     const {
       componentRef: editorRef
     } = vue3Util.useFocusAndBlur(() => emit("focus"), () => emit("blur"));

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

@@ -213,6 +213,13 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
         return item[c.textName];
       }).join(",");
     });
+    vue.watch(valueText, (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        emit("infoTextChange", newVal);
+      }
+    }, {
+      immediate: true
+    });
     const onFocus = (e) => {
       emit("focus", e);
     };
@@ -267,9 +274,9 @@ const IBizMPicker = /* @__PURE__ */ vue.defineComponent({
       "onFocus": this.onFocus,
       "onBlur": this.onBlur,
       "onKeyup": this.handleKeyUp
-    }, _isSlot(_slot = this.items.map((item, index) => {
+    }, _isSlot(_slot = this.items.map((item) => {
       return vue.createVNode(vue.resolveComponent("el-option"), {
-        "key": index,
+        "key": item[this.c.keyName],
         "value": item[this.c.keyName],
         "label": item[this.c.textName]
       }, null);

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

@@ -132,10 +132,21 @@ const IBizPicker = /* @__PURE__ */ vue.defineComponent({
         emit("enter", e);
       }
     };
+    const valueText = vue.computed(() => {
+      return vue3Util.renderString(curValue.value);
+    });
+    vue.watch(valueText, (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        emit("infoTextChange", newVal);
+      }
+    }, {
+      immediate: true
+    });
     return {
       ns,
       c,
       curValue,
+      valueText,
       items,
       pickerAutoCompleteRef,
       openPickUpView,
@@ -154,7 +165,7 @@ const IBizPicker = /* @__PURE__ */ vue.defineComponent({
     if (this.readonly) {
       return vue.createVNode("div", {
         "class": (this.ns.b(), this.ns.m("readonly"))
-      }, [vue3Util.renderString(this.curValue)]);
+      }, [this.valueText]);
     }
     return vue.createVNode("div", {
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : ""]

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

@@ -152,11 +152,22 @@ const IBizPickerDropDown = /* @__PURE__ */ vue.defineComponent({
     const onClick = () => {
       shouldLoad.value = true;
     };
+    const valueText = vue.computed(() => {
+      return vue3Util.renderString(curValue.value);
+    });
+    vue.watch(valueText, (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        emit("infoTextChange", newVal);
+      }
+    }, {
+      immediate: true
+    });
     return {
       ns,
       c,
       refValue,
       curValue,
+      valueText,
       loading,
       items,
       onOpenChange,
@@ -174,7 +185,7 @@ const IBizPickerDropDown = /* @__PURE__ */ vue.defineComponent({
     if (this.readonly) {
       return vue.createVNode("div", {
         "class": (this.ns.b(), this.ns.m("readonly"))
-      }, [vue3Util.renderString(this.curValue)]);
+      }, [this.valueText]);
     }
     return vue.createVNode("div", {
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""]
@@ -196,10 +207,10 @@ const IBizPickerDropDown = /* @__PURE__ */ vue.defineComponent({
       "onBlur": this.onBlur,
       "onKeyup": this.handleKeyUp,
       "onClick": this.onClick
-    }, _isSlot(_slot = this.items.map((item, index) => {
+    }, _isSlot(_slot = this.items.map((item) => {
       return vue.createVNode(vue.resolveComponent("el-option"), {
         "value": item[this.c.keyName],
-        "key": index,
+        "key": item[this.c.keyName],
         "label": item[this.c.textName]
       }, null);
     })) ? _slot : {

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

@@ -51,6 +51,16 @@ const IBizPickerLink = /* @__PURE__ */ vue.defineComponent({
     const {
       componentRef: editorRef
     } = vue3Util.useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    const valueText = vue.computed(() => {
+      return vue3Util.renderString(curValue.value);
+    });
+    vue.watch(valueText, (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        emit("infoTextChange", newVal);
+      }
+    }, {
+      immediate: true
+    });
     return {
       ns,
       openLinkView,

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

@@ -74,6 +74,13 @@ const IBizDatePicker = /* @__PURE__ */ vue.defineComponent({
     const onBlur = (e) => {
       emit("blur", e);
     };
+    vue.watch(formatValue, (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        emit("infoTextChange", newVal);
+      }
+    }, {
+      immediate: true
+    });
     return {
       ns,
       c,

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

@@ -86,6 +86,13 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
         return isInclude;
       }).map((item) => item.text).join(",");
     });
+    vue.watch(valueText, (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        emit("infoTextChange", newVal);
+      }
+    }, {
+      immediate: true
+    });
     const editorRef = vue.ref();
     if (props.autoFocus) {
       vue.watch(editorRef, (newVal) => {
@@ -155,6 +162,7 @@ const IBizDropdown = /* @__PURE__ */ vue.defineComponent({
       "onKeyup": this.handleKeyUp
     }, _isSlot(_slot = this.items.map((item) => {
       return vue.createVNode(vue.resolveComponent("el-option"), {
+        "key": item.value,
         "value": item.value.toString(),
         "label": item.text,
         "disabled": item.disableSelect === true

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

@@ -36,7 +36,7 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
     let lastMarkDownWidth = 0;
     const cssVars = vue.ref({});
     vue.watch(() => props.data, (newVal) => {
-      if (newVal) {
+      if (newVal && c) {
         const urls = c.calcBaseUrl(newVal);
         uploadUrl.value = urls.uploadUrl;
         downloadUrl.value = urls.downloadUrl;
@@ -158,7 +158,7 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
         const tempCssVars = {
           width: `${markDownBox.value.offsetWidth}px`
         };
-        if (typeof c.parent.model.height === "number") {
+        if (c && typeof c.parent.model.height === "number") {
           Object.assign(tempCssVars, {
             height: `${c.parent.model.height}px`
           });
@@ -170,7 +170,7 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
             const tempCssVars2 = {
               width: `${entries[0].contentRect.width}px`
             };
-            if (typeof c.parent.model.height === "number") {
+            if (c && typeof c.parent.model.height === "number") {
               Object.assign(tempCssVars2, {
                 height: `${c.parent.model.height}px`
               });

package/lib/editor/radio-button-list/ibiz-radio/ibiz-radio.cjs

@@ -35,6 +35,13 @@ const IBizRadio = /* @__PURE__ */ vue.defineComponent({
       var _a;
       return ((_a = items.value.find((item) => item.value == props.value)) == null ? void 0 : _a.text) || "";
     });
+    vue.watch(valueText, (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        emit("infoTextChange", newVal);
+      }
+    }, {
+      immediate: true
+    });
     const {
       componentRef: editorRef
     } = vue3Util.useFocusAndBlur(() => emit("focus"), () => emit("blur"));

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

@@ -176,12 +176,23 @@ const IBizInput = /* @__PURE__ */ vue.defineComponent({
         chatInstance.close();
       }
     });
+    const readonlyText = vue.computed(() => {
+      const {
+        unitName
+      } = props.controller.parent;
+      let text = `${currentVal.value}`;
+      if (text && unitName) {
+        text += unitName;
+      }
+      return text;
+    });
     return {
       c,
       ns,
       rows,
       type,
       currentVal,
+      readonlyText,
       handleChange,
       handleKeyUp,
       onBlur,
@@ -201,10 +212,7 @@ const IBizInput = /* @__PURE__ */ vue.defineComponent({
     } = this.c.model;
     let content = null;
     if (this.readonly) {
-      content = `${this.currentVal}`;
-      if (content && unitName) {
-        content += unitName;
-      }
+      content = this.readonlyText;
     } else {
       const slots = {};
       if (unitName) {

package/lib/panel-component/index.cjs

@@ -21,6 +21,7 @@ var index$f = require('./panel-remember-me/index.cjs');
 var index$8 = require('./index-actions/index.cjs');
 var index$g = require('./panel-container-group/index.cjs');
 var index$h = require('./user-message/index.cjs');
+var index$i = require('./searchform-buttons/index.cjs');
 var navPosIndex_state = require('./nav-pos-index/nav-pos-index.state.cjs');
 var navPosIndex_controller = require('./nav-pos-index/nav-pos-index.controller.cjs');
 var panelButton_controller = require('./panel-button/panel-button.controller.cjs');
@@ -57,6 +58,8 @@ const IBizPanelComponents = {
     v.use(index$8.IBizIndexActions);
     v.use(index$g.IBizPanelContainerGroup);
     v.use(index$h.IBizUserMessage);
+    v.use(vue3Util.IBizPanelContainerImage);
+    v.use(index$i.IBizSearchFormButtons);
   }
 };
 

package/lib/panel-component/nav-pos-index/nav-pos-index.controller.cjs

@@ -96,16 +96,21 @@ class NavPosIndexController extends runtime.PanelItemController {
     currentKey,
     fullPath
   }) {
-    var _a;
-    if (this.state.currentKey !== currentKey) {
+    const isCurrentKeyChange = this.state.currentKey !== currentKey;
+    if (isCurrentKeyChange) {
+      if (this.state.cacheKeys.includes(currentKey) && this.router && this.router.currentRoute.value.matched.length === this.routeDepth + 1) {
+        const lastFullPath = this.state.navViewMsgs[currentKey].fullPath;
+        if (lastFullPath !== fullPath) {
+          setTimeout(() => {
+            this.router.push({ path: lastFullPath });
+          }, 0);
+          return;
+        }
+      }
       this.state.currentKey = currentKey;
       if (this.navTabs) {
         this.navTabs.state.currentKey = currentKey;
       }
-      if (this.state.cacheKeys.includes(currentKey)) {
-        const lastFullPath = this.state.navViewMsgs[currentKey].fullPath;
-        (_a = this.router) == null ? void 0 : _a.push({ path: lastFullPath });
-      }
     }
     if (currentKey === "") {
       return;

package/lib/panel-component/searchform-buttons/index.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+var searchformButtons = require('./searchform-buttons.cjs');
+var searchformButtons_provider = require('./searchform-buttons.provider.cjs');
+
+"use strict";
+const IBizSearchFormButtons = vue3Util.withInstall(searchformButtons.SearchFormButtons, function(v) {
+  v.component(searchformButtons.SearchFormButtons.name, searchformButtons.SearchFormButtons);
+  runtime.registerPanelItemProvider(
+    "RAWITEM_SEARCHFORM_BUTTONS",
+    () => new searchformButtons_provider.SearchFormButtonsProvider()
+  );
+});
+
+exports.IBizSearchFormButtons = IBizSearchFormButtons;
+exports.default = IBizSearchFormButtons;

package/lib/panel-component/searchform-buttons/searchform-buttons.cjs

@@ -0,0 +1,65 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./searchform-buttons.css');
+var searchformButtons_controller = require('./searchform-buttons.controller.cjs');
+
+"use strict";
+const SearchFormButtons = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizSearchFormButtons",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: searchformButtons_controller.SearchFormButtonsController,
+      required: true
+    }
+  },
+  setup(prop) {
+    const ns = vue3Util.useNamespace("searchform-buttons");
+    const c = prop.controller;
+    const onSearchButtonClick = () => {
+      c.onSearchButtonClick();
+    };
+    const onResetButtonClick = () => {
+      c.onResetButtonClick();
+    };
+    return {
+      ns,
+      c,
+      onSearchButtonClick,
+      onResetButtonClick
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "class": [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass]
+    }, [this.controller.searchButtonStyle === "SEARCHONLY" ? vue.createVNode(vue.resolveComponent("el-button"), {
+      "onClick": this.onSearchButtonClick
+    }, {
+      default: () => [vue.createTextVNode("\u641C\u7D22")]
+    }) : vue.createVNode(vue.resolveComponent("el-dropdown"), {
+      "split-button": true,
+      "type": "primary",
+      "onClick": this.onSearchButtonClick
+    }, {
+      default: () => vue.createVNode("span", {
+        "class": this.ns.b("label")
+      }, [vue.createTextVNode("\u641C\u7D22")]),
+      dropdown: () => {
+        return vue.createVNode(vue.resolveComponent("el-dropdown-menu"), null, {
+          default: () => [vue.createVNode(vue.resolveComponent("el-dropdown-item"), {
+            "onClick": this.onResetButtonClick
+          }, {
+            default: () => [vue.createTextVNode("\u91CD\u7F6E")]
+          })]
+        });
+      }
+    })]);
+  }
+});
+
+exports.SearchFormButtons = SearchFormButtons;