@ibiz-template/vue3-components 0.7.38-alpha.43 → 0.7.39

package/es/control/list/list.mjs

@@ -1,5 +1,5 @@
-import { isVNode, defineComponent, computed, ref, watch, createVNode, resolveComponent, withDirectives, resolveDirective } from 'vue';
-import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
+import { isVNode, computed, ref, watch, resolveComponent, createVNode, resolveDirective, withDirectives, defineComponent } from 'vue';
+import { useControlController, useNamespace, hasEmptyPanelRenderer, IBizCustomRender } from '@ibiz-template/vue3-util';
 import { isNil } from 'lodash-es';
 import { createUUID } from 'qx-util';
 import { ListController, ControlVO } from '@ibiz-template/runtime';
@@ -114,6 +114,39 @@ const ListControl = /* @__PURE__ */ defineComponent({
         c.state.isLoaded = true;
       }
     });
+    const scrollToTop = () => {
+      var _a;
+      (_a = infiniteScroll.value) == null ? void 0 : _a.scrollTo({
+        top: 0,
+        behavior: "smooth"
+      });
+    };
+    c.evt.on("onScrollToTop", () => {
+      scrollToTop();
+    });
+    const onCollapseData = () => {
+      isCollapse.value = true;
+      scrollToTop();
+    };
+    const onExpandData = () => {
+      isCollapse.value = false;
+    };
+    const isSelected = (item) => {
+      let selected = !!c.state.selectedData.find((data) => data.srfkey === item.srfkey);
+      if (c.view.model.viewType === "DELISTVIEW" && c.state.mdctrlActiveMode === 1 && c.state.singleSelect === true)
+        selected = false;
+      return selected;
+    };
+    const toggleSelection = (item) => {
+      const selected = c.state.selectedData;
+      const index = selected.findIndex((data) => data.srfkey === item.srfkey);
+      if (index === -1) {
+        selected.push(item);
+      } else {
+        selected.splice(index, 1);
+      }
+      c.setSelection(selected);
+    };
     watch(() => props.data, () => {
       if (props.isSimple) {
         initSimpleData();
@@ -126,28 +159,20 @@ const ListControl = /* @__PURE__ */ defineComponent({
         context,
         params
       } = c;
-      const findIndex = c.state.selectedData.findIndex((data) => {
-        return data.srfkey === item.srfkey;
-      });
-      const itemClass = [ns.b("item"), ns.is("active", findIndex !== -1)];
       return createVNode(resolveComponent("iBizControlShell"), {
-        "class": itemClass,
         "data": item,
-        "modelData": modelData,
-        "context": context,
         "params": params,
+        "context": context,
+        "class": ns.b("item"),
+        "modelData": modelData,
         "onClick": () => c.onRowClick(item),
         "onDblclick": () => c.onDbRowClick(item)
       }, null);
     };
     const renderDefaultItem = (item) => {
-      const findIndex = c.state.selectedData.findIndex((data) => {
-        return data.srfkey === item.srfkey;
-      });
-      const itemClass = [ns.b("item"), ns.is("active", findIndex !== -1)];
       return createVNode("div", {
-        "class": itemClass,
         "key": item.srfkey,
+        "class": ns.b("item"),
         "onClick": () => c.onRowClick(item),
         "onDblclick": () => c.onDbRowClick(item)
       }, ["".concat(isNil(item.srfmajortext) ? "" : item.srfmajortext)]);
@@ -164,8 +189,27 @@ const ListControl = /* @__PURE__ */ defineComponent({
         }, null);
       }
     };
-    const renderGroup = (group) => {
+    const renderListItems = (items) => {
       const panel = props.modelData.itemLayoutPanel;
+      return items.map((item) => {
+        const cardStyle = ns.cssVarBlock({
+          "item-bg-color": "".concat(item.bgcolor || ""),
+          "text-color": "".concat(item.fontcolor || ""),
+          "hover-bg-color": "".concat(item.hovercolor || ""),
+          "active-bg-color": "".concat(item.activecolor || "")
+        });
+        return createVNode("div", {
+          "style": cardStyle,
+          "class": [ns.b("scroll-item"), ns.is("active", isSelected(item))]
+        }, [c.model.controlStyle === "EXTVIEW2" && !c.state.singleSelect && createVNode(resolveComponent("el-checkbox"), {
+          "size": "large",
+          "class": ns.be("scroll-item", "checkbox"),
+          "modelValue": isSelected(item),
+          "onChange": () => toggleSelection(item)
+        }, null), panel ? renderPanelItem(item, panel) : renderDefaultItem(item)]);
+      });
+    };
+    const renderGroup = (group) => {
       return createVNode(resolveComponent("el-collapse-item"), {
         "class": ns.be("group-content", "item"),
         "name": group.key
@@ -179,73 +223,35 @@ const ListControl = /* @__PURE__ */ defineComponent({
             "class": ns.be("group-content", "item-action")
           }, [renderGroupAction(group)])]);
         },
-        default: () => group.children.length > 0 ? group.children.map((item) => {
-          return panel ? renderPanelItem(item, panel) : renderDefaultItem(item);
-        }) : createVNode("div", {
+        default: () => group.children.length > 0 ? renderListItems(group.children) : createVNode("div", {
           "class": ns.bem("group-content", "item", "empty")
         }, [ibiz.i18n.t("app.noData")])
       });
     };
-    const scrollToTop = () => {
-      var _a;
-      (_a = infiniteScroll.value) == null ? void 0 : _a.scrollTo({
-        top: 0,
-        behavior: "smooth"
-      });
-    };
-    c.evt.on("onScrollToTop", () => {
-      scrollToTop();
-    });
-    const onCollapseData = () => {
-      isCollapse.value = true;
-      scrollToTop();
-    };
-    const onShowNavView = () => {
-      c.state.showNavView = !c.state.showNavView;
-    };
-    const onExpandData = () => {
-      isCollapse.value = false;
-    };
     const renderListContent = () => {
       if (c.model.enableGroup && !c.state.isSimple) {
         return createVNode(resolveComponent("el-collapse"), {
           "modelValue": c.state.expandedKeys,
           "onUpdate:modelValue": ($event) => c.state.expandedKeys = $event,
-          "class": [ns.b("group-content"), ns.b("content"), ns.is("show-underLine", c.model.controlStyle !== "EXTVIEW1")]
+          "class": [ns.b("content"), ns.b("group-content"), ns.is("show-underLine", c.model.controlStyle !== "EXTVIEW1")]
         }, {
           default: () => {
             var _a;
             return [(_a = c.state.groups) == null ? void 0 : _a.map((group) => {
               return createVNode("div", {
-                "class": [ns.b("scroll-item")]
+                "class": [ns.b("group")]
               }, [renderGroup(group)]);
             })];
           }
         });
       }
-      const panel = props.modelData.itemLayoutPanel;
-      let tempItems = c.state.items;
-      if (isCollapse.value) {
-        tempItems = c.state.items.slice(0, c.state.size);
-      }
       return withDirectives(createVNode("div", {
         "class": [ns.b("scroll"), ns.b("content"), ns.is("show-underLine", c.model.controlStyle !== "EXTVIEW1")],
         "infinite-scroll-distance": 10,
         "infinite-scroll-disabled": isLodeMoreDisabled.value,
         "ref": "infiniteScroll",
         "key": infiniteScrollKey.value
-      }, [tempItems.map((item) => {
-        const cardStyle = ns.cssVarBlock({
-          "item-bg-color": "".concat(item.bgcolor || ""),
-          "text-color": "".concat(item.fontcolor || ""),
-          "hover-bg-color": "".concat(item.hovercolor || ""),
-          "active-bg-color": "".concat(item.activecolor || "")
-        });
-        return createVNode("div", {
-          "class": [ns.b("scroll-item")],
-          "style": cardStyle
-        }, [panel ? renderPanelItem(item, panel) : renderDefaultItem(item)]);
-      })]), [[resolveDirective("infinite-scroll"), () => c.loadMore()]]);
+      }, [renderListItems(isCollapse.value ? c.state.items.slice(0, c.state.size) : c.state.items)]), [[resolveDirective("infinite-scroll"), () => c.loadMore()]]);
     };
     const upIcon = () => {
       return createVNode("div", {
@@ -282,9 +288,8 @@ const ListControl = /* @__PURE__ */ defineComponent({
       const ctrlModel = (_a = c.model.controls) == null ? void 0 : _a.find((item) => {
         return item.name === "".concat(c.model.name, "_quicktoolbar");
       });
-      if (!ctrlModel) {
+      if (!ctrlModel)
         return;
-      }
       return createVNode(resolveComponent("iBizToolbarControl"), {
         "modelData": ctrlModel,
         "context": c.context,
@@ -296,9 +301,8 @@ const ListControl = /* @__PURE__ */ defineComponent({
       const ctrlModel = (_a = c.model.controls) == null ? void 0 : _a.find((item) => {
         return item.name === "".concat(c.model.name, "_batchtoolbar");
       });
-      if (!ctrlModel) {
+      if (!ctrlModel)
         return;
-      }
       return createVNode("div", {
         "class": ns.b("batchtoolbar")
       }, [createVNode(resolveComponent("iBizToolbarControl"), {
@@ -308,20 +312,28 @@ const ListControl = /* @__PURE__ */ defineComponent({
       }, null)]);
     };
     const renderNoData = () => {
-      let _slot;
       const {
         isLoaded
       } = c.state;
-      if (!isLoaded) {
+      if (!isLoaded)
         return;
+      const noDataSlots = {
+        default: () => renderQuickToolBar()
+      };
+      if (hasEmptyPanelRenderer(c)) {
+        Object.assign(noDataSlots, {
+          customRender: () => createVNode(IBizCustomRender, {
+            "controller": c
+          }, null)
+        });
       }
       return isLoaded && createVNode(resolveComponent("iBizNoData"), {
         "class": ns.b("content"),
         "text": c.model.emptyText,
         "emptyTextLanguageRes": c.model.emptyTextLanguageRes,
         "hideNoDataImage": c.state.hideNoDataImage
-      }, _isSlot(_slot = renderQuickToolBar()) ? _slot : {
-        default: () => [_slot]
+      }, _isSlot(noDataSlots) ? noDataSlots : {
+        default: () => [noDataSlots]
       });
     };
     const renderCollapseExpandIcon = () => {
@@ -351,7 +363,6 @@ const ListControl = /* @__PURE__ */ defineComponent({
       c,
       ns,
       infiniteScroll,
-      onShowNavView,
       renderListContent,
       renderNoData,
       renderBatchToolBar,
@@ -382,16 +393,16 @@ const ListControl = /* @__PURE__ */ defineComponent({
         "class": [this.ns.is("enable-page", !!this.c.state.enablePagingBar)],
         "controller": this.c
       }, {
-        default: () => [content, this.c.state.enableNavView ? !this.c.state.showNavView ? createVNode("ion-icon", {
+        default: () => [content, this.c.state.enableNavView && this.c.state.showNavIcon ? !this.c.state.showNavView ? createVNode("ion-icon", {
           "class": this.ns.e("nav-icon"),
           "title": ibiz.i18n.t("component.controlNavigation.showNav"),
           "name": "eye-outline",
-          "onClick": this.onShowNavView
+          "onClick": () => this.c.onShowNavViewChange()
         }, null) : createVNode("ion-icon", {
           "class": this.ns.e("nav-icon"),
           "title": ibiz.i18n.t("component.controlNavigation.hiddenNav"),
           "name": "eye-off-outline",
-          "onClick": this.onShowNavView
+          "onClick": () => this.c.onShowNavViewChange()
         }, null) : null, this.renderCollapseExpandIcon()]
       })]
     });

package/es/control/map/index.mjs

@@ -1,4 +1,4 @@
-import { registerControlProvider, ControlType } from '@ibiz-template/runtime';
+import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
 import MapControl from './map.mjs';
 import { MapProvider } from './map.provider.mjs';
 

package/es/control/map/map.d.ts

@@ -49,6 +49,7 @@ declare const MapControl: import("vue").DefineComponent<{
         jsonBaseUrl: string;
         defaultAreaCode: string | number;
     }>>;
+    mapStyle: string | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: PropType<ISysMap>;

package/es/control/map/map.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, createVNode, resolveComponent } from 'vue';
+import { ref, computed, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import './map.css';
 import { MapController } from '@ibiz-template/runtime';
@@ -39,6 +39,7 @@ const MapControl = /* @__PURE__ */ defineComponent({
     const c = useControlController((...args) => new MapController(...args));
     const ns = useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     const mapRef = ref();
+    const mapStyle = c.model.mapStyle;
     const mapOpts = computed(() => {
       return {
         strAreaCode: c.state.strAreaCode,
@@ -50,17 +51,27 @@ const MapControl = /* @__PURE__ */ defineComponent({
       c,
       ns,
       mapRef,
-      mapOpts
+      mapOpts,
+      mapStyle
     };
   },
   render() {
     const {
       state
     } = this.c;
+    if (!state.isLoaded) {
+      return;
+    }
     return createVNode(resolveComponent("iBizControlBase"), {
       "controller": this.c
     }, {
-      default: () => [state.isLoaded && createVNode(resolveComponent("iBizMapChart"), {
+      default: () => [this.mapStyle === "USER" ? createVNode(resolveComponent("iBizMapChartUser"), {
+        "areaData": state.areaData,
+        "pointData": state.pointData,
+        "options": this.mapOpts,
+        "class": this.ns.e("map"),
+        "controller": this.c
+      }, null) : createVNode(resolveComponent("iBizMapChart"), {
         "areaData": state.areaData,
         "pointData": state.pointData,
         "options": this.mapOpts,

package/es/control/medit-view-panel/index.mjs

@@ -1,4 +1,4 @@
-import { registerControlProvider, ControlType } from '@ibiz-template/runtime';
+import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
 import { withInstall } from '@ibiz-template/vue3-util';
 import { MEditViewPanelControl } from './medit-view-panel.mjs';
 import { MEditViewPanelProvider } from './medit-view-panel.provider.mjs';

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

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, ref, onMounted, onUnmounted, resolveComponent, createVNode, h } from 'vue';
+import { isVNode, ref, onMounted, onUnmounted, resolveComponent, createVNode, h, defineComponent } from 'vue';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import { MEditViewPanelController } from '@ibiz-template/runtime';
 import './medit-view-panel.css';

package/es/control/pickup-view-panel/index.mjs

@@ -1,4 +1,4 @@
-import { registerControlProvider, ControlType } from '@ibiz-template/runtime';
+import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
 import { withInstall } from '@ibiz-template/vue3-util';
 import { PickupViewPanelControl } from './pickup-view-panel.mjs';
 import { PickupViewPanelProvider } from './pickup-view-panel.provider.mjs';

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

@@ -1,4 +1,4 @@
-import { defineComponent, createVNode, resolveComponent, h } from 'vue';
+import { resolveComponent, h, createVNode, defineComponent } from 'vue';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import { PickupViewPanelController } from '@ibiz-template/runtime';
 import './pickup-view-panel.css';

package/es/control/report-panel/index.mjs

@@ -1,4 +1,4 @@
-import { registerControlProvider, ControlType } from '@ibiz-template/runtime';
+import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
 import { withInstall } from '@ibiz-template/vue3-util';
 import { ReportPanelControl } from './report-panel.mjs';
 import { ReportPanelProvider } from './report-panel.provider.mjs';

package/es/control/report-panel/report-detail/bi-report-panel/bi-report-panel.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, createVNode, resolveComponent } from 'vue';
+import { resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './bi-report-panel.css';
 

package/es/control/report-panel/report-detail/user-report-panel/user-report-panel.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, createVNode, resolveComponent } from 'vue';
+import { resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './user-report-panel.css';
 

package/es/control/report-panel/report-detail/user2-report-panel/user2-report-panel.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, createVNode } from 'vue';
+import { createVNode, defineComponent } from 'vue';
 import { UIActionUtil } from '@ibiz-template/runtime';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './user2-report-panel.css';

package/es/control/report-panel/report-panel.mjs

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, createVNode, resolveComponent } from 'vue';
+import { isVNode, createVNode, resolveComponent, defineComponent } from 'vue';
 import { ReportPanelController } from '@ibiz-template/runtime';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import './report-panel.css';

package/es/control/search-bar/filter-mode-select/filter-mode-select.mjs

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, computed, createVNode, resolveComponent } from 'vue';
+import { isVNode, computed, resolveComponent, createVNode, defineComponent } from 'vue';
 import { ValueOP } from '@ibiz-template/runtime';
 
 "use strict";

package/es/control/search-bar/filter-tree/filter-tree.mjs

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, computed, ref, watch, resolveComponent, h, createVNode, createTextVNode } from 'vue';
+import { isVNode, computed, ref, watch, resolveComponent, h, createVNode, createTextVNode, defineComponent } from 'vue';
 import { ValueOP } from '@ibiz-template/runtime';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './filter-tree.css';
@@ -428,6 +428,8 @@ const FilterTreeControl = /* @__PURE__ */ defineComponent({
     renderFilterItems = (node) => {
       let _slot2;
       const itemsC = findFilterController(node);
+      if (!itemsC)
+        return;
       if (node.simple) {
         let _slot;
         const child = node.children[0];
@@ -435,6 +437,7 @@ const FilterTreeControl = /* @__PURE__ */ defineComponent({
           return;
         }
         return [createVNode(resolveComponent("el-select"), {
+          "disabled": child.disabled,
           "model-value": itemsC.key,
           "teleported": false,
           "class": ns.e("field-select"),

package/es/control/search-bar/index.mjs

@@ -1,4 +1,4 @@
-import { registerControlProvider, ControlType } from '@ibiz-template/runtime';
+import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
 import { withInstall } from '@ibiz-template/vue3-util';
 import { SearchBarControl } from './search-bar.mjs';
 import { SearchBarProvider } from './search-bar.provider.mjs';

package/es/control/search-bar/quick-search-select/quick-search-select.mjs

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, createVNode, resolveComponent } from 'vue';
+import { isVNode, resolveComponent, createVNode, defineComponent } from 'vue';
 import { SearchBarController } from '@ibiz-template/runtime';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './quick-search-select.css';

package/es/control/search-bar/search-bar.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, computed, ref, createVNode, resolveComponent } from 'vue';
+import { computed, ref, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useControlController, useLocalCacheKey, useNamespace } from '@ibiz-template/vue3-util';
 import './search-bar.css';
 import { SearchBarController } from '@ibiz-template/runtime';

package/es/control/search-bar/search-groups/search-groups.mjs

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, ref, computed, createVNode, resolveComponent } from 'vue';
+import { isVNode, ref, computed, createVNode, resolveComponent, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './search-groups.css';
 import { ElMessageBox } from 'element-plus';

package/es/control/tab-exp-panel/index.mjs

@@ -1,4 +1,4 @@
-import { registerControlProvider, ControlType } from '@ibiz-template/runtime';
+import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
 import { withInstall } from '@ibiz-template/vue3-util';
 import { TabExpPanelControl } from './tab-exp-panel.mjs';
 import { TabExpPanelProvider } from './tab-exp-panel.provider.mjs';

package/es/control/tab-exp-panel/tab-exp-panel.mjs

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, watch, createVNode, resolveComponent } from 'vue';
+import { isVNode, watch, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useControlController, useNamespace, getNestedRoutePath, route2routePath } from '@ibiz-template/vue3-util';
 import './tab-exp-panel.css';
 import { TabExpPanelController } from '@ibiz-template/runtime';

package/es/control/toolbar/export-excel/export-excel.mjs

@@ -1,7 +1,9 @@
-import { isVNode, defineComponent, ref, createVNode, resolveComponent, createTextVNode } from 'vue';
+import { isVNode, ref, resolveComponent, createVNode, createTextVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
-import './export-excel.css';
 import { showTitle } from '@ibiz-template/core';
+import '../../../util/index.mjs';
+import './export-excel.css';
+import { convertBtnType } from '../../../util/button-util/button-util.mjs';
 
 "use strict";
 function _isSlot(s) {
@@ -65,6 +67,7 @@ const IBizExportExcel = /* @__PURE__ */ defineComponent({
         return createVNode(resolveComponent("el-button"), {
           "title": showTitle(this.item.tooltip),
           "size": this.$props.size,
+          "type": convertBtnType(this.item.buttonStyle),
           "class": this.ns.b("submenu-button")
         }, _isSlot(_slot = this.btnContent(this.item)) ? _slot : {
           default: () => [_slot]
@@ -130,17 +133,18 @@ const IBizExportExcel = /* @__PURE__ */ defineComponent({
         })];
       }
     }) : createVNode(resolveComponent("el-dropdown"), {
+      "trigger": "click",
       "size": this.$props.size,
       "onCommand": this.onCommand,
-      "popper-class": this.ns.b(),
-      "trigger": "click"
+      "popper-class": this.ns.b()
     }, {
       default: () => {
         let _slot6;
         return createVNode(resolveComponent("el-button"), {
-          "title": showTitle(this.item.tooltip),
           "size": this.$props.size,
-          "class": this.ns.e("button")
+          "class": this.ns.e("button"),
+          "title": showTitle(this.item.tooltip),
+          "type": convertBtnType(this.item.buttonStyle)
         }, _isSlot(_slot6 = this.btnContent(this.item)) ? _slot6 : {
           default: () => [_slot6]
         });

package/es/control/toolbar/index.d.ts

@@ -3,6 +3,10 @@ export declare const IBizToolbarControl: import("@ibiz-template/vue3-util").Type
         type: import("vue").PropType<import("@ibiz/model-core").IDEToolbar>;
         required: true;
     };
+    runMode: {
+        type: import("vue").PropType<"DESIGN" | "RUNTIME">;
+        default: string;
+    };
     context: {
         type: import("vue").PropType<IContext>;
         required: true;
@@ -30,11 +34,15 @@ export declare const IBizToolbarControl: import("@ibiz-template/vue3-util").Type
     renderToolbarItem: (item: import("@ibiz/model-core").IDEToolbarItem) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | null;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: import("vue").PropType<import("@ibiz/model-core").IDEToolbar>;
         required: true;
     };
+    runMode: {
+        type: import("vue").PropType<"DESIGN" | "RUNTIME">;
+        default: string;
+    };
     context: {
         type: import("vue").PropType<IContext>;
         required: true;
@@ -50,8 +58,11 @@ export declare const IBizToolbarControl: import("@ibiz-template/vue3-util").Type
         type: BooleanConstructor;
         default: boolean;
     };
-}>>, {
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {
     params: IParams;
+    runMode: "DESIGN" | "RUNTIME";
     manualCalcButtonState: boolean;
 }, {}>>;
 export default IBizToolbarControl;

package/es/control/toolbar/index.mjs

@@ -1,4 +1,4 @@
-import { registerControlProvider, ControlType } from '@ibiz-template/runtime';
+import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
 import { withInstall } from '@ibiz-template/vue3-util';
 import { ToolbarControl } from './toolbar.mjs';
 import { ToolbarProvider } from './toolbar.provider.mjs';

package/es/control/toolbar/short-cut-button/short-cut-button.mjs

@@ -1,7 +1,9 @@
-import { defineComponent, computed, createVNode, resolveComponent } from 'vue';
+import { computed, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
-import './short-cut-button.css';
 import { showTitle } from '@ibiz-template/core';
+import '../../../util/index.mjs';
+import './short-cut-button.css';
+import { convertBtnType } from '../../../util/button-util/button-util.mjs';
 
 "use strict";
 const IBizShortCutButton = /* @__PURE__ */ defineComponent({
@@ -52,8 +54,7 @@ const IBizShortCutButton = /* @__PURE__ */ defineComponent({
     }, [createVNode(resolveComponent("el-button"), {
       "title": showTitle(this.isShortCut ? "".concat(ibiz.i18n.t("app.cancel")).concat(this.item.tooltip) : this.item.tooltip),
       "size": this.size,
-      "text": Object.is(this.buttonType, "inverse"),
-      "type": this.buttonType,
+      "type": convertBtnType(this.item.buttonStyle),
       "loading": this.buttonState.loading,
       "disabled": this.buttonState.disabled,
       "onClick": this.onClick