@ibiz-template/vue3-components 0.6.0-alpha.2 → 0.6.0-alpha.4

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

@@ -1,6 +1,6 @@
 import { ref, computed, watch, onMounted, resolveComponent, createVNode, defineComponent } from 'vue';
 import { getDataPickerProps, getEditorEmits, useNamespace, renderString } from '@ibiz-template/vue3-util';
-import { isEmpty } from 'ramda';
+import { isEmpty, isNil } from 'ramda';
 import './ibiz-picker.css';
 
 "use strict";
@@ -161,7 +161,7 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
     onMounted(() => {
       watch(() => props.data[c.valueItem], async (newVal, oldVal) => {
         if (newVal !== oldVal) {
-          if (!isLoaded.value && editorRef.value) {
+          if (!isLoaded.value && editorRef.value && isNil(props.value)) {
             await onSearch("");
           }
           const curItem = items.value.find((item) => Object.is(item[c.keyName], newVal));

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

@@ -89,7 +89,7 @@ const IBizPickerDropDown = /* @__PURE__ */ defineComponent({
     onMounted(() => {
       watch(() => props.data[c.valueItem], async (newVal, oldVal) => {
         if (newVal !== oldVal) {
-          if (!isLoaded.value && editorRef.value) {
+          if (!isLoaded.value && editorRef.value && isNil(props.value)) {
             shouldLoad.value = true;
             await onSearch("");
           }

package/es/editor/span/span/span.css

@@ -1 +1 @@
-.ibiz-span{display:inline-block;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-form-item-line-height);color:var(--ibiz-form-item-text-color);white-space:pre-line}.ibiz-span--readonly{color:var(--ibiz-form-item-readonly-color)}.ibiz-span__code-list{display:inline-block;height:100%}.ibiz-form-item .ibiz-span.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}
+.ibiz-span{display:inline-block;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-form-item-line-height);color:var(--ibiz-form-item-text-color);white-space:pre-line}.ibiz-span--readonly{color:var(--ibiz-form-item-readonly-color)}.ibiz-span__code-list{height:100%}.ibiz-form-item .ibiz-span.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}

package/es/panel-component/nav-pos-index/nav-pos-index.controller.mjs

@@ -245,6 +245,7 @@ class NavPosIndexController extends PanelItemController {
         indexPath += "/".concat(route.params["view".concat(index)], "/").concat(ibiz.env.routePlaceholder);
       }
       this.router.push(indexPath);
+      ibiz.util.setBrowserTitle("");
     }
   }
 }

package/es/panel-component/user-message/internal-message/common/internal-message-default/internal-message-default.provider.mjs

@@ -1,5 +1,5 @@
 import { IBizContext } from '@ibiz-template/core';
-import { OpenAppViewCommand } from '@ibiz-template/runtime';
+import { parseViewProtocol, OpenAppViewCommand } from '@ibiz-template/runtime';
 import { h } from 'vue';
 import { InternalMessageDefault } from './internal-message-default.mjs';
 
@@ -39,25 +39,11 @@ class InternalMessageDefaultProvider {
    */
   async openRedirectView(msg, redirectUrl) {
     await ibiz.hub.notice.internalMessage.markRead(msg);
-    let viewId = "";
-    const params = {};
-    const url = new URL(redirectUrl);
-    if (url.searchParams.size > 0) {
-      url.searchParams.forEach((value, _key) => {
-        params[_key] = value;
-      });
-    }
-    const rdTagItems = url.pathname.replace("//", "").split("/");
-    const [appOrViewTag, viewTag] = rdTagItems;
-    if (viewTag) {
-      viewId = viewTag;
-    } else {
-      viewId = appOrViewTag;
-    }
+    const { viewId, context, params } = parseViewProtocol(redirectUrl);
     ibiz.commands.execute(
       OpenAppViewCommand.TAG,
       viewId,
-      IBizContext.create({}),
+      IBizContext.create(context),
       params
     );
   }

package/es/util/app-modal/app-modal-component.d.ts

@@ -21,7 +21,6 @@ export declare const AppModalComponent: import("vue").DefineComponent<{
     modal: Modal;
     present: () => void;
     dismiss: (_data?: IModalData) => void;
-    onClosed: () => void;
     onBeforeClose: (done: () => void) => Promise<void>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     opts: {

package/es/util/app-modal/app-modal-component.mjs

@@ -16,7 +16,6 @@ const AppModalComponent = /* @__PURE__ */ defineComponent({
   setup(props, ctx) {
     const ns = useNamespace("modal");
     const isShow = ref(false);
-    let data;
     const {
       zIndex
     } = useUIStore();
@@ -50,10 +49,10 @@ const AppModalComponent = /* @__PURE__ */ defineComponent({
     const modal = new Modal({
       mode: ViewMode.MODAL,
       viewUsage: 2,
-      dismiss: (_data) => {
+      dismiss: (data) => {
         zIndex.decrement();
         isShow.value = false;
-        data = _data;
+        ctx.emit("dismiss", data);
       }
     });
     const onBeforeClose = async (done) => {
@@ -68,9 +67,6 @@ const AppModalComponent = /* @__PURE__ */ defineComponent({
     const present = () => {
       isShow.value = true;
     };
-    const onClosed = () => {
-      ctx.emit("dismiss", data);
-    };
     return {
       ns,
       isShow,
@@ -80,7 +76,6 @@ const AppModalComponent = /* @__PURE__ */ defineComponent({
       modal,
       present,
       dismiss,
-      onClosed,
       onBeforeClose
     };
   },
@@ -92,8 +87,7 @@ const AppModalComponent = /* @__PURE__ */ defineComponent({
       class: [this.ns.b(), this.options.placement && this.ns.m(this.options.placement), this.options.modalClass],
       style: this.customStyle,
       zIndex: this.modalZIndex,
-      onClosed: this.onClosed,
-      onBeforeClose: this.onBeforeClose,
+      beforeClose: this.onBeforeClose,
       ...this.options
     }, (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a, this.modal));
   }

package/es/view-engine/edit-view.engine.d.ts

@@ -21,6 +21,7 @@ export declare class EditViewEngine extends ViewEngineBase {
      * @type {string}
      */
     deName: string;
+    protected init(): void;
     onCreated(): Promise<void>;
     onMounted(): Promise<void>;
     getData(): IData[];
@@ -69,4 +70,11 @@ export declare class EditViewEngine extends ViewEngineBase {
      * @return {*}  {void}
      */
     initMarkOpenData(): void;
+    /**
+     * 刷新确认
+     * @author lxm
+     * @date 2024-02-06 11:40:36
+     * @return {*}  {Promise<boolean>}
+     */
+    reloadConfirm(): Promise<boolean>;
 }

package/es/view-engine/edit-view.engine.mjs

@@ -1,5 +1,5 @@
 import { RuntimeError } from '@ibiz-template/core';
-import { ViewEngineBase, calcDeCodeNameById, SysUIActionTag, ViewCallTag, ControlVO, getAppViewRef, OpenAppViewCommand } from '@ibiz-template/runtime';
+import { ViewEngineBase, getControl, getControlsByView, calcDeCodeNameById, SysUIActionTag, ViewCallTag, ControlVO, getAppViewRef, OpenAppViewCommand } from '@ibiz-template/runtime';
 import { isNil } from 'ramda';
 
 "use strict";
@@ -23,6 +23,27 @@ class EditViewEngine extends ViewEngineBase {
   get form() {
     return this.view.getController("form");
   }
+  init() {
+    super.init();
+    if (this.view.model.multiFormMode === 1 && this.view.params.srfdatatype) {
+      const model = getControl(
+        this.view.model,
+        "_form_".concat(this.view.params.srfdatatype)
+      );
+      if (model) {
+        const controls = getControlsByView(this.view.model).filter((item) => {
+          return item.controlType !== "FORM";
+        });
+        model.name = "form";
+        controls.push(model);
+        if (this.view.model.viewLayoutPanel) {
+          this.view.model.viewLayoutPanel.controls = controls;
+        } else {
+          this.view.model.controls = controls;
+        }
+      }
+    }
+  }
   async onCreated() {
     await super.onCreated();
     const { childNames, modal } = this.view;
@@ -32,8 +53,12 @@ class EditViewEngine extends ViewEngineBase {
       this.view.slotProps.form = {};
     }
     this.view.slotProps.form.loadDefault = false;
+    if (!this.view.slotProps.toolbar) {
+      this.view.slotProps.toolbar = {};
+    }
+    this.view.slotProps.toolbar.manualCalcButtonState = true;
     modal.hooks.shouldDismiss.tapPromise(async (context) => {
-      if (this.form.state.modified) {
+      if (this.form.state.modified && this.view.model.enableDirtyChecking === true) {
         const isAllow = await ibiz.confirm.error({
           title: "\u5173\u95ED\u63D0\u9192",
           desc: "\u8868\u5355\u6570\u636E\u5DF2\u7ECF\u4FEE\u6539\uFF0C\u786E\u5B9A\u8981\u5173\u95ED\uFF1F"
@@ -242,11 +267,12 @@ class EditViewEngine extends ViewEngineBase {
    * @return {*}  {void}
    */
   initMarkOpenData() {
-    if (isNil(this.view.modal.routeDepth)) {
+    if (isNil(this.view.modal.routeDepth) || !this.view.model.markOpenDataMode) {
       return;
     }
-    let srfkey;
-    const callback = (data) => {
+    const modes = this.view.model.markOpenDataMode.split(";");
+    let hasOpenConfirm = false;
+    const callback = async (data) => {
       if (!this.view.state.activated) {
         return;
       }
@@ -267,44 +293,93 @@ class EditViewEngine extends ViewEngineBase {
       }
       ibiz.notification.info({
         position: "bottom-right",
-        title: data.username,
-        desc: "".concat(actionMsg, " ").concat(this.view.state.caption, "-").concat(dataInfo)
-      });
-    };
-    this.form.evt.on("onLoadSuccess", (event) => {
-      const formData = event.data[0];
-      srfkey = formData.srfkey;
-      ibiz.markOpenData.action(this.deName, srfkey, "VIEW");
-      ibiz.markOpenData.subscribe(this.deName, srfkey, callback);
-      this.view.evt.on("onDestroyed", () => {
-        ibiz.markOpenData.unsubscribe(this.deName, srfkey, callback);
+        title: "\u901A\u77E5",
+        desc: "".concat(modes.includes("DISPLAYOPPERSON") ? data.username : "\u6709\u4EBA", " ").concat(actionMsg, " ").concat(this.view.state.caption, "-").concat(dataInfo)
       });
-    });
-    let isWait = false;
-    const actionEdit = () => {
-      if (!srfkey || isWait) {
-        return;
+      if (hasOpenConfirm === false && data.action === "UPDATE" && modes.includes("NOTICERELOAD")) {
+        hasOpenConfirm = true;
+        const isReload = await this.reloadConfirm();
+        if (isReload) {
+          this.refresh();
+        }
+        hasOpenConfirm = false;
       }
-      isWait = true;
-      ibiz.markOpenData.action(this.deName, srfkey, "EDIT");
-      setTimeout(
-        () => {
-          isWait = false;
-        },
-        1e3 * 60 * 5
-      );
     };
-    this.form.evt.on("onFormDataChange", actionEdit);
-    this.form.evt.on("onSaveSuccess", () => {
-      if (srfkey) {
-        ibiz.markOpenData.action(this.deName, srfkey, "UPDATE");
-      }
-    });
-    this.view.evt.on("onCloseView", () => {
-      if (srfkey) {
-        ibiz.markOpenData.action(this.deName, srfkey, "CLOSE");
-      }
+    const doActions = [];
+    if (modes.includes("EDITDATA") || modes.includes("DISPLAYOPPERSON") || modes.includes("NOTICERELOAD")) {
+      doActions.push("EDIT", "VIEW", "UPDATE", "CLOSE");
+    } else if (modes.includes("OPENDATA")) {
+      doActions.push("VIEW", "CLOSE");
+    }
+    if (doActions.length === 0) {
+      return;
+    }
+    let srfkey;
+    let hasSubscribe = false;
+    if (doActions.includes("VIEW")) {
+      this.form.evt.on("onLoadSuccess", (event) => {
+        const formData = event.data[0];
+        srfkey = formData.srfkey;
+        ibiz.markOpenData.action(this.deName, srfkey, "VIEW");
+        if (!hasSubscribe) {
+          ibiz.markOpenData.subscribe(this.deName, srfkey, callback);
+          this.view.evt.on("onDestroyed", () => {
+            ibiz.markOpenData.unsubscribe(this.deName, srfkey, callback);
+          });
+          hasSubscribe = true;
+        }
+      });
+    }
+    if (doActions.includes("EDIT")) {
+      let isWait = false;
+      const actionEdit = () => {
+        if (!srfkey || isWait) {
+          return;
+        }
+        isWait = true;
+        ibiz.markOpenData.action(this.deName, srfkey, "EDIT");
+        setTimeout(
+          () => {
+            isWait = false;
+          },
+          1e3 * 60 * 5
+        );
+      };
+      this.form.evt.on("onFormDataChange", actionEdit);
+    }
+    if (doActions.includes("UPDATE")) {
+      this.form.evt.on("onSaveSuccess", () => {
+        if (srfkey) {
+          ibiz.markOpenData.action(this.deName, srfkey, "UPDATE");
+        }
+      });
+    }
+    if (doActions.includes("CLOSE")) {
+      this.view.evt.on("onCloseView", () => {
+        if (srfkey) {
+          ibiz.markOpenData.action(this.deName, srfkey, "CLOSE");
+        }
+      });
+    }
+  }
+  /**
+   * 刷新确认
+   * @author lxm
+   * @date 2024-02-06 11:40:36
+   * @return {*}  {Promise<boolean>}
+   */
+  async reloadConfirm() {
+    const result = await ibiz.confirm.info({
+      title: "\u662F\u5426\u5237\u65B0",
+      desc: "\u6570\u636E\u5DF2\u88AB\u4FEE\u6539\u662F\u5426\u5237\u65B0\u9875\u9762\uFF1F"
     });
+    if (result && this.form.state.modified) {
+      return ibiz.confirm.warning({
+        title: "\u5237\u65B0\u63D0\u9192",
+        desc: "\u8868\u5355\u6570\u636E\u5DF2\u7ECF\u4FEE\u6539\uFF0C\u786E\u5B9A\u8981\u5237\u65B0\uFF1F"
+      });
+    }
+    return result;
   }
 }
 

package/es/view-engine/opt-view.engine.mjs

@@ -25,6 +25,10 @@ class OptViewEngine extends ViewEngineBase {
       this.view.slotProps.form = {};
     }
     this.view.slotProps.form.loadDefault = false;
+    if (!this.view.slotProps.toolbar) {
+      this.view.slotProps.toolbar = {};
+    }
+    this.view.slotProps.toolbar.manualCalcButtonState = true;
     modal.hooks.shouldDismiss.tapPromise(async (context) => {
       if (this.form.state.modified) {
         const isAllow = await ibiz.confirm.error({

package/es/web-app/components/modal-router-shell/modal-router-shell.mjs

@@ -1,4 +1,4 @@
-import { ref, toRaw, onUnmounted, createTextVNode, createVNode, defineComponent } from 'vue';
+import { ref, toRaw, onUnmounted, createVNode, defineComponent } from 'vue';
 import { parseRouteViewData, createOverlayView } from '@ibiz-template/vue3-util';
 import { useRoute, useRouter } from 'vue-router';
 import { IBizContext } from '@ibiz-template/core';
@@ -111,8 +111,8 @@ const ModalRouterShell = /* @__PURE__ */ defineComponent({
   },
   render() {
     return createVNode("div", {
-      "style": "width: 0;height: 0;"
-    }, [createTextVNode("\u8DEF\u7531\u6A21\u6001\u5360\u4F4D")]);
+      "style": "position: absolute;width: 0;height: 0;"
+    }, null);
   }
 });
 

package/lib/common/data-import2/data-import2.cjs

@@ -454,7 +454,9 @@ const DataImport2 = /* @__PURE__ */ vue.defineComponent({
     }), this.previewinfo[0] && this.previewinfo[0].length ? vue.createVNode("div", {
       "class": "ibiz-control-toolbar__item"
     }, [vue.createVNode(vue.resolveComponent("el-button"), {
-      "onClick": this.onButtonImportClick
+      "onClick": this.onButtonImportClick,
+      "disabled": !this.selectValues.join(""),
+      "title": !this.selectValues.join("") ? "\u8BF7\u9009\u62E9\u5217\u5BFC\u5165\u5C5E\u6027!" : ""
     }, _isSlot(_slot2 = ibiz.i18n.t("component.dataImport2.import")) ? _slot2 : {
       default: () => [_slot2]
     })]) : ""])])])]), vue.createVNode(vue.resolveComponent("data-import2-table"), {

package/lib/common/doing-notice/doing-notice.cjs

@@ -26,7 +26,7 @@ const DoingNotice = /* @__PURE__ */ vue.defineComponent({
       "class": this.ns.e("text")
     }, [vue.createTextVNode("\u6709"), vue.createVNode("span", {
       "class": this.ns.e("num")
-    }, [this.info.num]), vue.createTextVNode("\u4E2A\u5F02\u6B65\u64CD\u4F5C\u6B63\u5728\u6267\u884C\uFF0C\u8BF7\u7A0D\u540E")]), vue.createVNode("svg", {
+    }, [this.info.num]), vue.createTextVNode("\u4E2A\u540E\u53F0\u4F5C\u4E1A\u6B63\u5728\u6267\u884C\uFF0C\u8BF7\u7A0D\u540E")]), vue.createVNode("svg", {
       "class": this.ns.e("loading-icon"),
       "viewBox": "-10, -10, 50, 50"
     }, [vue.createVNode("path", {

package/lib/common/doing-notice/doing-notice.css

@@ -1 +1 @@
-.ibiz-async-action-notice.el-notification{width:auto}.ibiz-async-action-notice.el-notification .el-notification__group{margin:0}.ibiz-async-action-notice.el-notification .el-notification__closeBtn{top:5px;right:5px}.ibiz-doing-notice__text{margin-right:8px}.ibiz-doing-notice__num{margin:0 8px;font-size:18px;font-weight:700;color:var(--ibiz-color-danger)}.ibiz-doing-notice__loading-icon{width:18px;height:18px;margin-right:6px;vertical-align:middle;animation:loading-rotate 2s linear infinite}.ibiz-doing-notice__loading-icon .path{stroke:var(--ibiz-color-primary);stroke-dasharray:90,150;stroke-dashoffset:0;stroke-linecap:round;stroke-width:2;animation:loading-dash 1.5s ease-in-out infinite}
+.ibiz-async-action-notice.el-notification{width:auto}.ibiz-async-action-notice.el-notification .el-notification__group{margin:0}.ibiz-async-action-notice.el-notification .el-notification__closeBtn{top:5px;right:5px}.ibiz-doing-notice__text{margin-right:8px}.ibiz-doing-notice__num{margin:0 8px;font-size:18px;font-weight:700;color:var(--ibiz-color-primary)}.ibiz-doing-notice__loading-icon{width:18px;height:18px;margin-right:6px;vertical-align:middle;animation:loading-rotate 2s linear infinite}.ibiz-doing-notice__loading-icon .path{stroke:var(--ibiz-color-primary);stroke-dasharray:90,150;stroke-dashoffset:0;stroke-linecap:round;stroke-width:2;animation:loading-dash 1.5s ease-in-out infinite}

package/lib/control/caption-bar/caption-bar.cjs

@@ -28,6 +28,15 @@ const CaptionBarControl = /* @__PURE__ */ vue.defineComponent({
   setup() {
     const c = vue3Util.useControlController((...args) => new runtime.CaptionBarController(...args));
     const ns = vue3Util.useNamespace("control-".concat(c.model.controlType.toLowerCase()));
+    const modalMode = c.view.modal.mode;
+    if (modalMode === "ROUTE") {
+      ibiz.util.setBrowserTitle(c.state.caption);
+    }
+    vue.onActivated(() => {
+      if (modalMode === "ROUTE") {
+        ibiz.util.setBrowserTitle(c.state.caption);
+      }
+    });
     return {
       c,
       ns

package/lib/control/drbar/drbar.controller.cjs

@@ -252,6 +252,9 @@ class DRBarController extends runtime.ControlController {
    */
   handleSelectChange(key, isRoutePushed = false) {
     var _a;
+    if (this.state.selectedItem === key) {
+      return;
+    }
     const drBarItem = (_a = this.model.dedrctrlItems) == null ? void 0 : _a.find((item) => item.id === key);
     if (drBarItem) {
       this.setVisible("navPos");

package/lib/control/form/form-detail/form-item/form-item.cjs

@@ -69,6 +69,7 @@ const FormItem = /* @__PURE__ */ vue.defineComponent({
     }
     return vue.createVNode(vue.resolveComponent("iBizFormItemContainer"), {
       "class": [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass],
+      "style": this.modelData.cssStyle,
       "required": this.c.state.required,
       "error": this.c.state.error,
       "label": this.c.labelCaption,

package/lib/control/search-bar/filter-tree/filter-tree.cjs

@@ -49,6 +49,7 @@ const FilterModes = [{
   valueOP: runtime.ValueOP.RIGHT_LIKE,
   label: "\u6587\u672C\u53F3\u5305\u542B(#%)"
 }];
+const ExcludeOPs = [runtime.ValueOP.IS_NULL, runtime.ValueOP.IS_NOT_NULL];
 const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
   name: "IBizFilterTreeControl",
   props: {
@@ -152,7 +153,7 @@ const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
       });
     };
     const renderEditor = (node, filterC) => {
-      if (filterC.noEditor) {
+      if (filterC.noEditor || node.valueOP && ExcludeOPs.includes(node.valueOP)) {
         return null;
       }
       let editor = null;
@@ -311,4 +312,5 @@ const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
   }
 });
 
+exports.ExcludeOPs = ExcludeOPs;
 exports.FilterTreeControl = FilterTreeControl;

package/lib/control/tab-exp-panel/tab-exp-panel.cjs

@@ -44,28 +44,16 @@ const TabExpPanelControl = /* @__PURE__ */ vue.defineComponent({
     const route = vueRouter.useRoute();
     vue.watch(() => route.fullPath, (newVal, oldVal) => {
       if (newVal !== oldVal) {
-        const viewCodeName = c.view.model.codeName.toLowerCase();
-        const viewRouteKey = Object.keys(route.params).find((key) => {
-          return route.params[key] === viewCodeName;
-        });
-        if (!viewRouteKey) {
-          return;
-        }
-        const nextKeyNumber = (parseInt(viewRouteKey[viewRouteKey.length - 1], 10) + 2) * 2;
-        const tempFullPath = route.fullPath.split("/").slice(0, nextKeyNumber).join("/");
-        c.state.tabPages.forEach((page) => {
-          if (page.fullPath === tempFullPath) {
-            c.state.activeName = page.tabTag;
+        const depth = c.view.modal.routeDepth;
+        if (depth) {
+          const routePath = vue3Util.route2routePath(route);
+          const {
+            srfnav
+          } = routePath.pathNodes[depth - 1];
+          if (srfnav && c.state.activeName && c.state.activeName !== srfnav) {
+            c.state.activeName = srfnav;
             c.handleTabChange();
           }
-        });
-        if (c.state.activeName) {
-          const currentPage = c.state.tabPages.find((page) => {
-            return page.tabTag === c.state.activeName;
-          });
-          if (currentPage) {
-            currentPage.fullPath = tempFullPath;
-          }
         }
       }
     }, {

package/lib/control/toolbar/export-excel/export-excel.cjs

@@ -11,6 +11,10 @@ function _isSlot(s) {
 const IBizExportExcel = /* @__PURE__ */ vue.defineComponent({
   name: "IBizExportExcel",
   props: {
+    mode: {
+      type: String,
+      required: false
+    },
     size: {
       type: String,
       required: false
@@ -52,20 +56,93 @@ const IBizExportExcel = /* @__PURE__ */ vue.defineComponent({
     };
   },
   render() {
-    return vue.createVNode(vue.resolveComponent("el-dropdown"), {
+    return this.$props.mode === "menu" ? vue.createVNode(vue.resolveComponent("el-sub-menu"), {
+      "index": this.$props.item.id,
+      "class": this.ns.b("submenu"),
+      "popper-class": this.ns.b("submenu-popper")
+    }, {
+      title: () => {
+        let _slot;
+        return vue.createVNode(vue.resolveComponent("el-button"), {
+          "title": this.item.tooltip,
+          "size": this.$props.size,
+          "class": this.ns.b("submenu-button")
+        }, _isSlot(_slot = this.btnContent(this.item)) ? _slot : {
+          default: () => [_slot]
+        });
+      },
+      default: () => {
+        return [vue.createVNode(vue.resolveComponent("el-menu-item"), {
+          "class": this.ns.b("menu-item"),
+          "onClick": (e) => this.onCommand("maxRowCount", e)
+        }, {
+          default: () => [vue.createTextVNode("\u5BFC\u51FA\u5168\u90E8(\u6700\u5927\u5BFC\u51FA1000\u884C)")]
+        }), vue.createVNode(vue.resolveComponent("el-menu-item"), {
+          "class": this.ns.b("menu-item"),
+          "onClick": (e) => this.onCommand("activatedPage", e)
+        }, {
+          default: () => [vue.createTextVNode("\u5BFC\u51FA\u5F53\u524D\u9875")]
+        }), vue.createVNode(vue.resolveComponent("el-menu-item"), {
+          "class": this.ns.b("menu-item"),
+          "onClick": (e) => this.onCommand("selectedRows", e)
+        }, {
+          default: () => [vue.createTextVNode("\u5BFC\u51FA\u5F53\u524D\u9009\u4E2D")]
+        }), vue.createVNode(vue.resolveComponent("el-menu-item"), {
+          "class": [this.ns.b("menu-item"), this.ns.e("custom")]
+        }, {
+          default: () => [vue.createVNode(vue.resolveComponent("el-input"), {
+            "type": "number",
+            "modelValue": this.startPage,
+            "onUpdate:modelValue": ($event) => this.startPage = $event,
+            "size": "small",
+            "maxlength": "4",
+            "onClick": (event) => {
+              event.stopPropagation();
+            },
+            "onChange": (value) => {
+              this.startPage = value;
+            }
+          }, null), vue.createVNode("span", {
+            "class": "item-text",
+            "onClick": (event) => {
+              event.stopPropagation();
+            }
+          }, [vue.createTextVNode("-")]), vue.createVNode(vue.resolveComponent("el-input"), {
+            "modelValue": this.endPage,
+            "onUpdate:modelValue": ($event) => this.endPage = $event,
+            "size": "small",
+            "type": "number",
+            "maxlength": "4",
+            "onClick": (event) => {
+              event.stopPropagation();
+            }
+          }, null), vue.createVNode("span", {
+            "class": "item-text",
+            "onClick": (event) => {
+              event.stopPropagation();
+            }
+          }, [vue.createTextVNode("\u9875")]), vue.createVNode(vue.resolveComponent("el-button"), {
+            "onClick": (e) => this.onCommand("customPage", e),
+            "size": "small"
+          }, {
+            default: () => [vue.createTextVNode("\u5BFC\u51FA")]
+          })]
+        })];
+      }
+    }) : vue.createVNode(vue.resolveComponent("el-dropdown"), {
       "size": this.$props.size,
       "onCommand": this.onCommand,
       "popper-class": this.ns.b(),
       "trigger": "click"
     }, {
       default: () => {
-        let _slot;
+        let _slot2;
         return vue.createVNode(vue.resolveComponent("el-button"), {
           "title": this.item.tooltip,
           "size": this.$props.size,
           "class": this.ns.e("button")
-        }, _isSlot(_slot = this.btnContent(this.item)) ? _slot : {
-          default: () => [_slot]
+        }, _isSlot(_slot2 = this.btnContent(this.item)) ? _slot2 : {
+          default: () => [_slot2]
         });
       },
       dropdown: () => {

package/lib/control/toolbar/export-excel/export-excel.css

@@ -1 +1 @@
-.ibiz-export-excel{width:270px}.ibiz-export-excel__custom{display:flex;align-items:center;justify-content:center}.ibiz-export-excel__custom>*+*{margin-left:10px}.ibiz-export-excel__custom.el-dropdown-menu__item:focus{color:var(--el-text-color-regular);background-color:transparent}.ibiz-export-excel__custom .el-input{--el-input-text-color:var(--ibiz-color-white)}.ibiz-export-excel__button{display:flex;align-items:center;justify-content:center;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base)}.ibiz-export-excel__button>span{display:flex;align-items:center;justify-content:center;font-size:14px;pointer-events:none}.ibiz-export-excel__button i,.ibiz-export-excel__button img{display:inline-block;max-width:var(--ibiz-width-icon-medium);max-height:var(--ibiz-width-icon-medium);margin:0 var(--ibiz-spacing-extra-tight) 0 0}
+.ibiz-export-excel{width:270px}.ibiz-export-excel__custom{display:flex;align-items:center;justify-content:center}.ibiz-export-excel__custom>*+*{margin-left:10px}.ibiz-export-excel__custom.el-dropdown-menu__item:focus{color:var(--el-text-color-regular);background-color:transparent}.ibiz-export-excel__custom .el-input{--el-input-text-color:var(--ibiz-color-white)}.ibiz-export-excel__button{display:flex;align-items:center;justify-content:center;padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base)}.ibiz-export-excel__button>span{display:flex;align-items:center;justify-content:center;font-size:14px;pointer-events:none}.ibiz-export-excel__button i,.ibiz-export-excel__button img{display:inline-block;max-width:var(--ibiz-width-icon-medium);max-height:var(--ibiz-width-icon-medium);margin:0 var(--ibiz-spacing-extra-tight) 0 0}.ibiz-export-excel-submenu-button{justify-content:flex-start;width:100%;height:36px;padding:0 10px;border-radius:0}.ibiz-export-excel-submenu-button i{margin:0 var(--ibiz-spacing-extra-tight) 0 0}.ibiz-control-toolbar-submenu-popper .ibiz-export-excel-submenu .el-sub-menu__title{padding:0}.ibiz-control-toolbar-submenu-popper .ibiz-export-excel-submenu .el-sub-menu__title .el-sub-menu__icon-arrow{display:none}.ibiz-control-toolbar-submenu-popper .ibiz-export-excel-submenu.hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}.ibiz-control-toolbar-submenu-popper .ibiz-export-excel-submenu .ibiz-export-excel-submenu-popper{width:270px;color:var(--ibiz-color-primary-text);background-color:var(--ibiz-color-primary)}