@ibiz-template/mob-vue3-components 0.7.41-alpha.12 → 0.7.41-alpha.14

package/es/panel-component/index-blank-placeholder/index-blank-placeholder.controller.mjs

@@ -0,0 +1,76 @@
+import { PanelItemController } from '@ibiz-template/runtime';
+import { IndexBlankPlaceholderState } from './index-blank-placeholder.state.mjs';
+
+"use strict";
+class IndexBlankPlaceholderController extends PanelItemController {
+  createState() {
+    var _a;
+    return new IndexBlankPlaceholderState((_a = this.parent) == null ? void 0 : _a.state);
+  }
+  /**
+   * @description 当前视图路由层级
+   * @exposedoc
+   * @readonly
+   * @type {(number | undefined)}
+   * @memberof IndexBlankPlaceholderController
+   */
+  get routeDepth() {
+    return this.panel.view.modal.routeDepth;
+  }
+  /**
+   * @description 应用菜单
+   * @exposedoc
+   * @readonly
+   * @type {(AppMenuController | undefined)}
+   * @memberof IndexBlankPlaceholderController
+   */
+  get appmenu() {
+    return this.panel.getController("appmenu");
+  }
+  /**
+   * @description 首页导航栏
+   * @exposedoc
+   * @readonly
+   * @type {(NavPosIndexController | undefined)}
+   * @memberof IndexBlankPlaceholderController
+   */
+  get navPos() {
+    return this.panel.panelItems.nav_pos_index;
+  }
+  /**
+   * 初始化
+   *
+   * @protected
+   * @return {*}  {Promise<void>}
+   * @memberof IndexBlankPlaceholderController
+   */
+  async onInit() {
+    await super.onInit();
+    this.state.keepAlive = true;
+    this.state.visible = false;
+    this.panel.evt.on("onMounted", async () => {
+      var _a;
+      if (this.navPos)
+        this.navPos.state.keepAlive = true;
+      const appViewId = (_a = this.appmenu) == null ? void 0 : _a.getDefaultOpenView();
+      if (appViewId) {
+        const appView = await ibiz.hub.config.view.get(appViewId);
+        const { openMode = "INDEXVIEWTAB" } = appView;
+        this.state.visible = !openMode.startsWith("INDEXVIEWTAB");
+      }
+    });
+  }
+  /**
+   * @description 设置显示状态
+   * @exposedoc
+   * @param {boolean} state
+   * @memberof IndexBlankPlaceholderController
+   */
+  setVisible(state) {
+    this.state.visible = state;
+    if (this.navPos)
+      this.navPos.state.visible = !state;
+  }
+}
+
+export { IndexBlankPlaceholderController };

package/es/panel-component/index-blank-placeholder/index-blank-placeholder.css

@@ -0,0 +1 @@
+.ibiz-index-blank-placeholder{width:100%;height:100%}.ibiz-index-blank-placeholder>.ibiz-row{height:100%;overflow:hidden auto}.ibiz-index-blank-placeholder.is-hidden{display:none}

package/es/panel-component/index-blank-placeholder/index-blank-placeholder.d.ts

@@ -0,0 +1,43 @@
+import { IPanelContainer } from '@ibiz/model-core';
+import { PropType } from 'vue';
+import { IndexBlankPlaceholderController } from './index-blank-placeholder.controller';
+import './index-blank-placeholder.scss';
+/**
+ * 空白占位
+ * @primary
+ * @description 首页空白占位组件，当菜单未进行导航时，首页显示此容器内的内容。
+ */
+export declare const IndexBlankPlaceholder: import("vue").DefineComponent<{
+    /**
+     * @description 空白占位模型数据
+     */
+    modelData: {
+        type: PropType<IPanelContainer>;
+        required: true;
+    };
+    /**
+     * @description 空白占位控制器
+     */
+    controller: {
+        type: PropType<IndexBlankPlaceholderController>;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    classArr: import("vue").ComputedRef<(string | false)[]>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * @description 空白占位模型数据
+     */
+    modelData: {
+        type: PropType<IPanelContainer>;
+        required: true;
+    };
+    /**
+     * @description 空白占位控制器
+     */
+    controller: {
+        type: PropType<IndexBlankPlaceholderController>;
+        required: true;
+    };
+}>>, {}, {}>;

package/es/panel-component/index-blank-placeholder/index-blank-placeholder.mjs

@@ -0,0 +1,80 @@
+import { isVNode, computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { useNamespace, onRouteChange } from '@ibiz-template/vue3-util';
+import './index-blank-placeholder.css';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const IndexBlankPlaceholder = /* @__PURE__ */ defineComponent({
+  name: "IBizIndexBlankPlaceholder",
+  props: {
+    /**
+     * @description 空白占位模型数据
+     */
+    modelData: {
+      type: Object,
+      required: true
+    },
+    /**
+     * @description 空白占位控制器
+     */
+    controller: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const c = props.controller;
+    const ns = useNamespace("index-blank-placeholder");
+    const {
+      id
+    } = props.modelData;
+    const classArr = computed(() => {
+      let result = [ns.b(), ns.m(id)];
+      result = [...result, ...props.controller.containerClass, ns.is("hidden", !props.controller.state.visible)];
+      return result;
+    });
+    if (c.routeDepth) {
+      onRouteChange((args) => {
+        c.setVisible(!args.currentKey);
+      }, c.routeDepth + 1);
+    }
+    return {
+      ns,
+      classArr
+    };
+  },
+  render() {
+    var _a, _b;
+    let _slot;
+    const defaultSlots = ((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) || [];
+    const content = createVNode(resolveComponent("iBizRow"), {
+      "slot": "content",
+      "layout": this.modelData.layout
+    }, _isSlot(_slot = defaultSlots.map((slot) => {
+      const props = slot.props;
+      if (!props || !props.controller) {
+        return slot;
+      }
+      return createVNode(resolveComponent("iBizCol"), {
+        "layoutPos": props.modelData.layoutPos,
+        "state": props.controller.state
+      }, _isSlot(slot) ? slot : {
+        default: () => [slot]
+      });
+    })) ? _slot : {
+      default: () => [_slot]
+    });
+    return createVNode("div", {
+      "class": this.classArr,
+      "onClick": () => {
+        this.controller.onClick();
+      }
+    }, [this.controller.model.cssStyle ? createVNode("style", {
+      "type": "text/css"
+    }, [this.controller.model.cssStyle]) : null, content]);
+  }
+});
+
+export { IndexBlankPlaceholder };

package/es/panel-component/index-blank-placeholder/index-blank-placeholder.provider.d.ts

@@ -0,0 +1,14 @@
+import { IPanelItemProvider, PanelController, PanelItemController } from '@ibiz-template/runtime';
+import { IPanelContainer } from '@ibiz/model-core';
+import { IndexBlankPlaceholderController } from './index-blank-placeholder.controller';
+/**
+ * 首页空白占位适配器
+ *
+ * @export
+ * @class IndexBlankPlaceholderProvider
+ * @implements {IPanelItemProvider}
+ */
+export declare class IndexBlankPlaceholderProvider implements IPanelItemProvider {
+    component: string;
+    createController(panelItem: IPanelContainer, panel: PanelController, parent: PanelItemController | undefined): Promise<IndexBlankPlaceholderController>;
+}

package/es/panel-component/index-blank-placeholder/index-blank-placeholder.provider.mjs

@@ -0,0 +1,21 @@
+import { IndexBlankPlaceholderController } from './index-blank-placeholder.controller.mjs';
+
+"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 IndexBlankPlaceholderProvider {
+  constructor() {
+    __publicField(this, "component", "IBizIndexBlankPlaceholder");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new IndexBlankPlaceholderController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+export { IndexBlankPlaceholderProvider };

package/es/panel-component/index-blank-placeholder/index-blank-placeholder.state.d.ts

@@ -0,0 +1,10 @@
+import { PanelItemState } from '@ibiz-template/runtime';
+/**
+ * 首页空白占位状态
+ *
+ * @export
+ * @class IndexBlankPlaceholderState
+ * @extends {PanelItemState}
+ */
+export declare class IndexBlankPlaceholderState extends PanelItemState {
+}

package/es/panel-component/index-blank-placeholder/index-blank-placeholder.state.mjs

@@ -0,0 +1,7 @@
+import { PanelItemState } from '@ibiz-template/runtime';
+
+"use strict";
+class IndexBlankPlaceholderState extends PanelItemState {
+}
+
+export { IndexBlankPlaceholderState };

package/es/panel-component/index-blank-placeholder/index.d.ts

@@ -0,0 +1,25 @@
+import { IndexBlankPlaceholderController } from './index-blank-placeholder.controller';
+export { IndexBlankPlaceholderController };
+export declare const IBizIndexBlankPlaceholder: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IPanelContainer>;
+        required: true;
+    };
+    controller: {
+        type: import("vue").PropType<IndexBlankPlaceholderController>;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    classArr: import("vue").ComputedRef<(string | false)[]>;
+}, 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").IPanelContainer>;
+        required: true;
+    };
+    controller: {
+        type: import("vue").PropType<IndexBlankPlaceholderController>;
+        required: true;
+    };
+}>>, {}, {}>>;
+export default IBizIndexBlankPlaceholder;

package/es/panel-component/index-blank-placeholder/index.mjs

@@ -0,0 +1,19 @@
+import { registerPanelItemProvider } from '@ibiz-template/runtime';
+import { withInstall } from '@ibiz-template/vue3-util';
+import { IndexBlankPlaceholder } from './index-blank-placeholder.mjs';
+import { IndexBlankPlaceholderProvider } from './index-blank-placeholder.provider.mjs';
+export { IndexBlankPlaceholderController } from './index-blank-placeholder.controller.mjs';
+
+"use strict";
+const IBizIndexBlankPlaceholder = withInstall(
+  IndexBlankPlaceholder,
+  function(v) {
+    v.component(IndexBlankPlaceholder.name, IndexBlankPlaceholder);
+    registerPanelItemProvider(
+      "CONTAINER_INDEX_BLANK_PLACEHOLDER",
+      () => new IndexBlankPlaceholderProvider()
+    );
+  }
+);
+
+export { IBizIndexBlankPlaceholder, IBizIndexBlankPlaceholder as default };

package/es/panel-component/index.mjs

@@ -15,6 +15,7 @@ import { IBizMobAsyncAction } from './async-action/index.mjs';
 import { IBizPanelButtonList } from './panel-button-list/index.mjs';
 import { IBizAuthSso } from './auth-sso/index.mjs';
 import { IBizPanelAppTitle } from './panel-app-title/index.mjs';
+import { IBizIndexBlankPlaceholder } from './index-blank-placeholder/index.mjs';
 
 "use strict";
 const IBizPanelComponents = {
@@ -49,6 +50,7 @@ const IBizPanelComponents = {
     v.use(IBizAuthSso);
     v.use(IBizAuthWxmpQrcode);
     v.use(IBizPanelAppTitle);
+    v.use(IBizIndexBlankPlaceholder);
   }
 };
 

package/es/panel-component/panel-button-list/panel-button-list.controller.d.ts

@@ -1,4 +1,4 @@
-import { PanelController, PanelItemController, PanelNotifyState } from '@ibiz-template/runtime';
+import { PanelController, PanelNotifyState, PanelItemController } from '@ibiz-template/runtime';
 import { IPanelButtonList } from '@ibiz/model-core';
 import { PanelButtonListState } from './panel-button-list.state';
 /**

package/es/panel-component/panel-button-list/panel-button-list.controller.mjs

@@ -1,4 +1,4 @@
-import { PanelItemController, ButtonContainerState, UIActionButtonState, UIActionUtil } from '@ibiz-template/runtime';
+import { PanelItemController, ButtonContainerState, getAllUIActionItems, UIActionButtonState, UIActionUtil } from '@ibiz-template/runtime';
 import { PanelButtonListState } from './panel-button-list.state.mjs';
 
 "use strict";
@@ -45,20 +45,22 @@ class PanelButtonListController extends PanelItemController {
    * @memberof PanelButtonListController
    */
   async initButtonsState() {
-    var _a;
     const { buttonListType, uiactionGroup, panelButtons } = this.model;
     if (buttonListType === "UIACTIONGROUP") {
-      (_a = uiactionGroup == null ? void 0 : uiactionGroup.uiactionGroupDetails) == null ? void 0 : _a.forEach((detail) => {
-        if (detail.uiactionId) {
-          const buttonState = new UIActionButtonState(
-            detail.id,
-            this.model.appId,
-            detail.uiactionId,
-            detail
-          );
-          this.state.buttonsState.addState(detail.id, buttonState);
-        }
-      });
+      if (uiactionGroup == null ? void 0 : uiactionGroup.uiactionGroupDetails) {
+        const actions = getAllUIActionItems(uiactionGroup.uiactionGroupDetails);
+        actions.forEach((detail) => {
+          if (detail.uiactionId) {
+            const buttonState = new UIActionButtonState(
+              detail.id,
+              detail.appId,
+              detail.uiactionId,
+              detail
+            );
+            this.state.buttonsState.addState(detail.id, buttonState);
+          }
+        });
+      }
     } else {
       panelButtons == null ? void 0 : panelButtons.forEach((button) => {
         if (button.uiactionId) {
@@ -110,12 +112,11 @@ class PanelButtonListController extends PanelItemController {
    * @memberof PanelButtonListController
    */
   getModelById(id) {
-    var _a;
     const { buttonListType, uiactionGroup, panelButtons } = this.model;
-    if (buttonListType === "UIACTIONGROUP")
-      return (_a = uiactionGroup == null ? void 0 : uiactionGroup.uiactionGroupDetails) == null ? void 0 : _a.find(
-        (detail) => detail.id === id
-      );
+    if (buttonListType === "UIACTIONGROUP") {
+      const actions = getAllUIActionItems(uiactionGroup == null ? void 0 : uiactionGroup.uiactionGroupDetails);
+      return actions.find((detail) => detail.id === id);
+    }
     return panelButtons == null ? void 0 : panelButtons.find((button) => button.id === id);
   }
   /**

package/lib/_virtual/index12.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-var middlewares = {};
+var frameTalkClientPc = {exports: {}};
 
-exports.__exports = middlewares;
+exports.__module = frameTalkClientPc;

package/lib/_virtual/index13.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-var frameTalkClientPc = {exports: {}};
+var middlewares = {};
 
-exports.__module = frameTalkClientPc;
+exports.__exports = middlewares;

package/lib/common/action-group/action-group.cjs

@@ -0,0 +1,167 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('../../util/index.cjs');
+require('./action-group.css');
+var buttonUtil = require('../../util/button-util/button-util.cjs');
+
+"use strict";
+const IBizActionGroup = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizActionGroup",
+  props: {
+    actionDetail: {
+      type: Object,
+      required: true
+    },
+    actionsState: {
+      type: Object,
+      required: true
+    },
+    popoverClassName: {
+      type: String
+    },
+    direction: {
+      type: String,
+      default: "horizontal"
+    }
+  },
+  emits: {
+    actionClick: (detail, event) => true,
+    popoverVisibleChange: (visible) => true
+  },
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("action-group");
+    const showPopover = vue.ref(false);
+    const buttonRef = vue.ref();
+    const childPopover = vue.ref(false);
+    const details = vue.computed(() => {
+      if (props.actionDetail.detailType === "DEUIACTIONGROUP" && props.actionDetail.refUIActionGroup)
+        return props.actionDetail.refUIActionGroup.uiactionGroupDetails || [];
+      return [];
+    });
+    const visible = vue.computed(() => {
+      const visible2 = details.value.some((item) => {
+        var _a, _b;
+        return (_b = (_a = props.actionsState) == null ? void 0 : _a[item.id]) == null ? void 0 : _b.visible;
+      });
+      return visible2;
+    });
+    const placement = vue.computed(() => {
+      if (!buttonRef.value)
+        return props.direction === "horizontal" ? "right" : "bottom";
+      const {
+        innerWidth,
+        innerHeight
+      } = window;
+      const {
+        offsetLeft: x,
+        offsetTop: y,
+        offsetWidth: width
+      } = buttonRef.value.$el;
+      const centerX = innerWidth - width - 128;
+      const centerY = details.value.length ? innerHeight - details.value.length * 44 : innerHeight / 2;
+      if (y > centerY) {
+        if (props.direction === "horizontal")
+          return x > centerX ? "left-end" : "right-end";
+        return x > centerX ? "top-end" : "top-start";
+      }
+      if (props.direction === "horizontal")
+        return x > centerX ? "left-start" : "right-start";
+      return x > centerX ? "bottom-end" : "bottom-start";
+    });
+    const handleClick = async (detail, event, closePopover = false) => {
+      if (closePopover)
+        showPopover.value = false;
+      emit("actionClick", detail, event);
+    };
+    const onPopoverVisibleChange = (visible2) => {
+      emit("popoverVisibleChange", visible2);
+    };
+    const renderSeparator = (visible2) => {
+      if (visible2)
+        return vue.createVNode("div", {
+          "class": ns.e("separator")
+        }, null);
+    };
+    const renderActions = () => {
+      var _a;
+      return (_a = details.value) == null ? void 0 : _a.map((detail) => {
+        var _a2, _b, _c;
+        if (detail.detailType === "DEUIACTIONGROUP")
+          return [renderSeparator(detail.addSeparator), vue.createVNode(vue.resolveComponent("iBizActionGroup"), {
+            "actionDetail": detail,
+            "onActionClick": handleClick,
+            "actionsState": props.actionsState,
+            "popoverClassName": props.popoverClassName,
+            "onPopoverVisibleChange": (visible2) => childPopover.value = visible2
+          }, null)];
+        if ((_b = (_a2 = props.actionsState) == null ? void 0 : _a2[detail.id]) == null ? void 0 : _b.visible)
+          return [renderSeparator(detail.addSeparator), vue.createVNode(vue.resolveComponent("van-button"), {
+            "size": "small",
+            "type": buttonUtil.convertBtnType(detail.buttonStyle),
+            "text": detail.showCaption ? detail.caption : "",
+            "onClick": (e) => handleClick(detail, e, true),
+            "disabled": props.actionsState[detail.id].disabled,
+            "class": [ns.e("item"), (_c = detail.sysCss) == null ? void 0 : _c.codeName]
+          }, {
+            icon: () => {
+              return detail.showIcon && detail.sysImage && vue.createVNode(vue.resolveComponent("iBizIcon"), {
+                "icon": detail.sysImage
+              }, null);
+            }
+          })];
+        return null;
+      });
+    };
+    return {
+      ns,
+      visible,
+      buttonRef,
+      placement,
+      showPopover,
+      childPopover,
+      renderActions,
+      onPopoverVisibleChange
+    };
+  },
+  render() {
+    if (this.visible)
+      return vue.createVNode(vue.resolveComponent("van-popover"), {
+        "placement": this.placement,
+        "show": this.showPopover,
+        "onUpdate:show": ($event) => this.showPopover = $event,
+        "close-on-click-outside": !this.childPopover,
+        "class": [this.ns.b(), this.popoverClassName],
+        "onOpen": () => this.onPopoverVisibleChange(true),
+        "onClose": () => this.onPopoverVisibleChange(false)
+      }, {
+        reference: () => {
+          return vue.createVNode(vue.resolveComponent("van-button"), {
+            "size": "small",
+            "ref": "buttonRef",
+            "class": this.ns.e("button"),
+            "type": buttonUtil.convertBtnType(this.actionDetail.buttonStyle)
+          }, {
+            default: () => {
+              var _a, _b;
+              return [vue.createVNode("div", {
+                "class": this.ns.em("button", "text")
+              }, [((_a = this.actionDetail.refUIActionGroup) == null ? void 0 : _a.name) || ((_b = this.actionDetail.refUIActionGroup) == null ? void 0 : _b.id)]), vue.createVNode("ion-icon", {
+                "class": this.ns.em("button", "icon"),
+                "name": this.direction === "horizontal" ? "chevron-forward-outline" : "chevron-down-outline"
+              }, null)];
+            }
+          });
+        },
+        default: () => {
+          return this.renderActions();
+        }
+      });
+    return void 0;
+  }
+});
+
+exports.IBizActionGroup = IBizActionGroup;

package/lib/common/action-group/action-group.css

@@ -0,0 +1 @@
+.ibiz-action-group__separator{width:100%;height:.0625rem;display:inline-block;vertical-align:middle;background-color:var(--ibiz-color-border)}.ibiz-action-group__button .van-button__text{display:flex;align-items:center;gap:var(--ibiz-spacing-extra-tight)}.ibiz-action-group .van-popover__content{display:flex;flex-direction:column}.ibiz-action-group .van-popover__content .van-button{padding:0;font-size:var(--van-popover-action-font-size);line-height:var(--van-line-height-md);width:var(--van-popover-action-width);height:var(--van-popover-action-height);border-color:var(--ibiz-color-white)}.ibiz-action-group .van-popover__content .van-button:before{border-color:var(--ibiz-color-white)}.ibiz-action-group .van-popover__content .van-button .van-button__text{display:flex;align-items:center;gap:var(--ibiz-spacing-extra-tight)}

package/lib/common/action-toolbar/action-toolbar.cjs

@@ -32,27 +32,40 @@ const IBizActionToolbar = /* @__PURE__ */ vue.defineComponent({
       event.stopPropagation();
       emit("action-click", detail, event);
     };
+    const renderSeparator = () => {
+      return vue.createVNode("div", {
+        "class": ns.e("separator")
+      }, null);
+    };
     return {
       ns,
-      handleClick
+      handleClick,
+      renderSeparator
     };
   },
   render() {
     const details = this.actionDetails || [];
-    if (this.mode === "buttons") {
+    if (this.mode === "buttons")
       return vue.createVNode("div", {
         "class": [this.ns.b(), this.ns.m("buttons")]
       }, [details.length > 0 && details.map((detail) => {
-        if (this.actionsState[detail.id].visible) {
-          return [detail.addSeparator && vue.createVNode("div", {
-            "class": this.ns.e("separator")
-          }, null), vue.createVNode(vue.resolveComponent("van-button"), {
+        var _a, _b, _c;
+        if (detail.detailType === "DEUIACTIONGROUP")
+          return [detail.addSeparator && this.renderSeparator(), vue.createVNode(vue.resolveComponent("iBizActionGroup"), {
+            "direction": "vertical",
+            "actionDetail": detail,
+            "actionsState": this.actionsState,
+            "onActionClick": this.handleClick,
+            "popoverClassName": this.ns.b("action-group")
+          }, null)];
+        if ((_b = (_a = this.actionsState) == null ? void 0 : _a[detail.id]) == null ? void 0 : _b.visible) {
+          return [detail.addSeparator && this.renderSeparator(), vue.createVNode(vue.resolveComponent("van-button"), {
             "size": "small",
             "text": detail.showCaption ? detail.caption : "",
             "type": buttonUtil.convertBtnType(detail.buttonStyle),
             "onClick": (e) => this.handleClick(detail, e),
             "disabled": this.actionsState[detail.id].disabled,
-            "class": [this.ns.e("item"), this.ns.is("disabled", false)]
+            "class": [this.ns.e("item"), this.ns.is("disabled", false), (_c = detail.sysCss) == null ? void 0 : _c.codeName]
           }, {
             icon: () => {
               return detail.showIcon && detail.sysImage && vue.createVNode(vue.resolveComponent("iBizIcon"), {
@@ -63,7 +76,6 @@ const IBizActionToolbar = /* @__PURE__ */ vue.defineComponent({
         }
         return null;
       })]);
-    }
     return vue.createVNode("div", null, [ibiz.i18n.t("component.actionToolbar.noSupportDropDown")]);
   }
 });