npm - @ibiz-template/vue3-components - Versions diffs - 0.7.38-alpha.43 → 0.7.39 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (790) hide show

package/es/panel-component/coop-pos/coop-pos.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, createVNode, resolveComponent, mergeProps } from 'vue';
+import { ref, computed, createVNode, resolveComponent, mergeProps, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { CoopPosController } from './coop-pos.controller.mjs';
 import './coop-pos.css';

package/es/panel-component/data-import/data-import-shell.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { defineComponent, h, resolveComponent } from 'vue';
+import { resolveComponent, h, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { PanelItemController } from '@ibiz-template/runtime';
 import './data-import-shell.css';

package/es/panel-component/index-actions/index-actions.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, computed, createVNode, resolveComponent } from 'vue';
+import { isVNode, computed, resolveComponent, createVNode, defineComponent } from 'vue';
 import { PanelContainerController, useNamespace } from '@ibiz-template/vue3-util';
 import './index-actions.css';

package/es/panel-component/nav-breadcrumb/nav-breadcrumb.controller.mjs CHANGED Viewed

@@ -1,5 +1,5 @@
 import { PanelItemController } from '@ibiz-template/runtime';
-import { reject, isNil } from 'ramda';
+import { isNil, reject } from 'ramda';
 import { route2routePath, routePath2string } from '@ibiz-template/vue3-util';
 import { notNilEmpty } from 'qx-util';
 import { NavBreadcrumbState } from './nav-breadcrumb.state.mjs';
@@ -113,7 +113,11 @@ class NavBreadcrumbController extends PanelItemController {
           this.resetBreadcrumbs();
           return;
         }
-        this.service.removeAfter(fullPath);
+        const removeItems = this.service.removeAfter(fullPath);
+        removeItems.forEach((item) => {
+          var _a;
+          (_a = this.navPos) == null ? void 0 : _a.removeCache(item.fullPath);
+        });
         this.resetBreadcrumbs();
       }
     }

package/es/panel-component/nav-breadcrumb/nav-breadcrumb.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, watch, computed, createVNode, resolveComponent } from 'vue';
+import { isVNode, watch, computed, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { useRoute, useRouter } from 'vue-router';
 import { NavBreadcrumbController } from './nav-breadcrumb.controller.mjs';

package/es/panel-component/nav-breadcrumb/nav-breadcrumb.service.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { clone, reject, isNil } from 'ramda';
+import { clone, isNil, reject } from 'ramda';
 import { getIndexBreadcrumb } from './nav-breadcrumb.util.mjs';
 "use strict";

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

@@ -1,4 +1,4 @@
-import { PanelItemController, Modal, ViewMode } from '@ibiz-template/runtime';
+import { PanelItemController, ViewMode, Modal } from '@ibiz-template/runtime';
 import { routerCallback } from '@ibiz-template/vue3-util';
 import { notNilEmpty } from 'qx-util';
 import { NavPosIndexState } from './nav-pos-index.state.mjs';
@@ -191,7 +191,10 @@ class NavPosIndexController extends PanelItemController {
     const { view } = event;
     const key = this.state.currentKey;
     if (this.navTabs) {
-      this.navTabs.updateViewInfo(key, { caption: view.model.caption });
+      this.navTabs.updateViewInfo(key, {
+        caption: view.model.caption,
+        sysImage: view.model.sysImage
+      });
       view.evt.on("onViewInfoChange", ({ caption, dataInfo }) => {
         this.navTabs.updateViewInfo(key, { caption, dataInfo });
       });

package/es/panel-component/nav-pos-index/nav-pos-index.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { defineComponent, createVNode, resolveComponent } from 'vue';
+import { resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace, onRouteChange } from '@ibiz-template/vue3-util';
 import { useRouter, useRoute } from 'vue-router';
 import { NavPosIndexController } from './nav-pos-index.controller.mjs';
@@ -59,6 +59,9 @@ const NavPosIndex = /* @__PURE__ */ defineComponent({
       currentKey,
       cacheKeys
     } = state;
+    if (!currentKey) {
+      return;
+    }
     return createVNode("div", {
       "class": [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass, this.ns.is("no-nav", ibiz.config.view.disableHomeTabs)]
     }, [this.c.routeDepth ? createVNode(resolveComponent("iBizRouterView"), {

package/es/panel-component/nav-tabs/nav-tabs.controller.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { PanelItemController } from '@ibiz-template/runtime';
-import { IPanelRawItem } from '@ibiz/model-core';
+import { IPanelRawItem, ISysImage } from '@ibiz/model-core';
 import { NavPosIndexController } from '../nav-pos-index';
 import { NavTabsState, TabMsg } from './nav-tabs.state';
 /**
@@ -47,11 +47,12 @@ export declare class NavTabsController extends PanelItemController<IPanelRawItem
      * @author lxm
      * @date 2023-05-09 01:40:34
      * @param {string} key
-     * @param {{ caption?: string; dataInfo?: string }} info
+     * @param {{ caption?: string; dataInfo?: string; sysImage?: ISysImage }} info
      */
     updateViewInfo(key: string, info: {
         caption?: string;
         dataInfo?: string;
+        sysImage?: ISysImage;
     }): void;
     /**
      * 删除某个key对应的数据

package/es/panel-component/nav-tabs/nav-tabs.controller.mjs CHANGED Viewed

@@ -1,5 +1,5 @@
 import { PanelItemController } from '@ibiz-template/runtime';
-import { reject, isNil } from 'ramda';
+import { isNil, reject } from 'ramda';
 import { nextTick } from 'vue';
 import { NavTabsState } from './nav-tabs.state.mjs';
@@ -53,7 +53,7 @@ class NavTabsController extends PanelItemController {
    * @author lxm
    * @date 2023-05-09 01:40:34
    * @param {string} key
-   * @param {{ caption?: string; dataInfo?: string }} info
+   * @param {{ caption?: string; dataInfo?: string; sysImage?: ISysImage }} info
    */
   updateViewInfo(key, info) {
     const findItem = this.findTabItem(key);

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

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

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

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, watch, createVNode, resolveComponent } from 'vue';
+import { isVNode, watch, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './nav-tabs.css';
 import { NavTabsController } from './nav-tabs.controller.mjs';
@@ -91,8 +91,13 @@ const NavTabs = /* @__PURE__ */ defineComponent({
       }, {
         label: () => {
           return createVNode("div", {
+            "class": this.ns.em("left", "content")
+          }, [createVNode(resolveComponent("iBizIcon"), {
+            "class": this.ns.em("left", "icon"),
+            "icon": msg.sysImage
+          }, null), createVNode("div", {
             "class": this.ns.em("left", "caption")
-          }, [label]);
+          }, [label])]);
         }
       });
     })) ? _slot : {

package/es/panel-component/nav-tabs/nav-tabs.state.d.ts CHANGED Viewed

@@ -1,8 +1,10 @@
 import { PanelItemState } from '@ibiz-template/runtime';
+import { ISysImage } from '@ibiz/model-core';
 export interface TabMsg {
     key: string;
     caption?: string;
     dataInfo?: string;
+    sysImage?: ISysImage;
 }
 /**
  * 导航标签页占位状态

package/es/panel-component/panel-app-header/panel-app-header.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, ref, computed, createVNode, resolveComponent } from 'vue';
+import { isVNode, ref, computed, resolveComponent, createVNode, defineComponent } from 'vue';
 import { PanelItemController } from '@ibiz-template/runtime';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './panel-app-header.css';

package/es/panel-component/panel-app-login-view/panel-app-login-view.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, computed, createVNode, resolveComponent } from 'vue';
+import { isVNode, computed, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { PanelAppLoginViewController } from './panel-app-login-view.controller.mjs';
 import './panel-app-login-view.css';

package/es/panel-component/panel-app-title/index.d.ts CHANGED Viewed

@@ -15,6 +15,7 @@ export declare const IBizPanelAppTitle: import("@ibiz-template/vue3-util").TypeW
     showImgOnly: import("vue").ComputedRef<boolean>;
     handleClick: () => Promise<void>;
     isCollapse: import("vue").ComputedRef<any>;
+    showIcon: import("vue").ComputedRef<boolean>;
 }, 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").IPanelField>;

package/es/panel-component/panel-app-title/panel-app-title.controller.mjs CHANGED Viewed

@@ -42,12 +42,12 @@ class PanelAppTitleController extends PanelItemController {
       const viewModel = this.panel.view.model;
       const app = ibiz.hub.getApp(viewModel.appId);
       if (app) {
-        this.state.caption = app.model.caption || "";
+        this.state.caption = ibiz.env.AppTitle || app.model.caption || "";
       }
       return;
     }
     const indexViewModel = this.panel.view.model;
-    if (indexViewModel.title) {
+    if (indexViewModel.title && !document.title) {
       document.title = indexViewModel.title;
     }
     if (this.model.sysImage && this.model.sysImage.rawContent) {
@@ -71,6 +71,8 @@ class PanelAppTitleController extends PanelItemController {
     if (this.state.icon.endsWith(".svg") || this.state.icon2.endsWith(".svg")) {
       this.state.isSvg = true;
     }
+    if (ibiz.env.AppTitle)
+      this.state.caption = ibiz.env.AppTitle;
   }
   /**
    * 处理自定义补充参数 [{key:'name',value:'data'}] => {name:'data'}

package/es/panel-component/panel-app-title/panel-app-title.d.ts CHANGED Viewed

@@ -18,6 +18,7 @@ export declare const PanelAppTitle: import("vue").DefineComponent<{
     showImgOnly: import("vue").ComputedRef<boolean>;
     handleClick: () => Promise<void>;
     isCollapse: import("vue").ComputedRef<any>;
+    showIcon: import("vue").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: PropType<IPanelField>;

package/es/panel-component/panel-app-title/panel-app-title.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { defineComponent, inject, computed, createVNode } from 'vue';
+import { inject, computed, createVNode, defineComponent } from 'vue';
 import { useNamespace, route2routePath, routePath2string } from '@ibiz-template/vue3-util';
 import { useRoute, useRouter } from 'vue-router';
 import { PanelAppTitleController } from './panel-app-title.controller.mjs';
@@ -30,6 +30,8 @@ const PanelAppTitle = /* @__PURE__ */ defineComponent({
       return "LEFT";
     });
     const handleClick = async () => {
+      if (c.panel.view.model.viewType === "APPLOGINVIEW")
+        return;
       if (ctx == null ? void 0 : ctx.view) {
         const routePath = route2routePath(route);
         routePath.pathNodes = routePath.pathNodes.slice(0, 1);
@@ -52,13 +54,20 @@ const PanelAppTitle = /* @__PURE__ */ defineComponent({
     const isCollapse = computed(() => {
       return c.panel.view.state.isCollapse;
     });
+    const showIcon = computed(() => {
+      if (c.model.itemStyle === "STYLE2") {
+        return true;
+      }
+      return false;
+    });
     return {
       ns,
       c,
       menuAlign,
       showImgOnly,
       handleClick,
-      isCollapse
+      isCollapse,
+      showIcon
     };
   },
   render() {
@@ -106,7 +115,7 @@ const PanelAppTitle = /* @__PURE__ */ defineComponent({
               "class": this.ns.e("subCaption2")
             }, [subCaption2])]);
           }
-        } else if (this.c.rawItemParams.showexpandicon === "true" && icon) {
+        } else if (this.showIcon && icon) {
           let tempIcon = null;
           if (isSvg) {
             tempIcon = createVNode("ion-icon", {

package/es/panel-component/panel-button/index.d.ts CHANGED Viewed

@@ -12,7 +12,7 @@ export declare const IBizPanelButton: import("@ibiz-template/vue3-util").TypeWit
     ns: import("@ibiz-template/core").Namespace;
     isText: boolean;
     captionText: import("vue").ComputedRef<any>;
-    buttonType: import("vue").ComputedRef<"success" | "warning" | "info" | "primary" | "danger" | null>;
+    buttonType: import("vue").ComputedRef<string>;
     showCaption: boolean | undefined;
     sysImage: import("@ibiz/model-core").ISysImage | undefined;
     codeName: string | undefined;

package/es/panel-component/panel-button/panel-button.d.ts CHANGED Viewed

@@ -15,7 +15,7 @@ export declare const PanelButton: import("vue").DefineComponent<{
     ns: import("@ibiz-template/core").Namespace;
     isText: boolean;
     captionText: import("vue").ComputedRef<any>;
-    buttonType: import("vue").ComputedRef<"success" | "warning" | "info" | "primary" | "danger" | null>;
+    buttonType: import("vue").ComputedRef<string>;
     showCaption: boolean | undefined;
     sysImage: import("@ibiz/model-core").ISysImage | undefined;
     codeName: string | undefined;

package/es/panel-component/panel-button/panel-button.mjs CHANGED Viewed

@@ -1,8 +1,10 @@
-import { defineComponent, ref, computed, createVNode, resolveComponent } from 'vue';
+import { ref, computed, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { showTitle } from '@ibiz-template/core';
 import { PanelButtonController } from './panel-button.controller.mjs';
+import '../../util/index.mjs';
 import './panel-button.css';
+import { convertBtnType } from '../../util/button-util/button-util.mjs';
 "use strict";
 const PanelButton = /* @__PURE__ */ defineComponent({
@@ -28,7 +30,8 @@ const PanelButton = /* @__PURE__ */ defineComponent({
       codeName,
       itemStyle,
       tooltip,
-      buttonCssStyle
+      buttonCssStyle,
+      buttonStyle
     } = props.modelData;
     const {
       panel,
@@ -49,25 +52,9 @@ const PanelButton = /* @__PURE__ */ defineComponent({
       isText = true;
     }
     const buttonType = computed(() => {
-      if (Object.is(renderMode, "LINK")) {
-        return null;
-      }
-      switch (itemStyle) {
-        case "PRIMARY":
-          return "primary";
-        case "SUCCESS":
-          return "success";
-        case "INFO":
-          return "info";
-        case "WARNING":
-          return "warning";
-        case "DANGER":
-          return "danger";
-        case "INVERSE":
-          return "info";
-        default:
-          return null;
-      }
+      if (Object.is(renderMode, "LINK"))
+        return "text";
+      return convertBtnType(buttonStyle);
     });
     const handleButtonClick = async (event) => {
       try {

package/es/panel-component/panel-button-list/index.d.ts CHANGED Viewed

@@ -10,7 +10,7 @@ export declare const IBizPanelButtonList: import("@ibiz-template/vue3-util").Typ
     };
 }, {
     ns: import("@ibiz-template/core").Namespace;
-    handleClick: (e: MouseEvent, actionId: string) => Promise<void>;
+    handleClick: (id: string, e?: MouseEvent | undefined) => Promise<void>;
 }, 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").IPanelButtonList>;

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

@@ -57,14 +57,23 @@ export declare class PanelButtonListController extends PanelItemController<IPane
      */
     panelStateNotify(_state: PanelNotifyState): Promise<void>;
     /**
-     * 执行界面行为
+     * 通过项标识获取项模型
      *
-     * @param {string} actionId
-     * @param {MouseEvent} event
+     * @private
+     * @param {string} id
+     * @return {*}  {(IPanelButton | IUIActionGroupDetail | undefined)}
+     * @memberof PanelButtonListController
+     */
+    private getModelById;
+    /**
+     * 处理按钮点击
+     *
+     * @param {string} id
+     * @param {MouseEvent} [event]
      * @return {*}  {Promise<void>}
      * @memberof PanelButtonListController
      */
-    doUIAction(actionId: string, event: MouseEvent): Promise<void>;
+    handleClick(id: string, event?: MouseEvent): Promise<void>;
     calcItemVisible(data: IData): void;
     calcItemDisabled(data: IData): void;
 }

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

@@ -53,7 +53,7 @@ class PanelButtonListController extends PanelItemController {
         if (detail.uiactionId) {
           const buttonState = new UIActionButtonState(
             detail.id,
-            this.model.appId,
+            detail.appId,
             detail.uiactionId,
             detail
           );
@@ -103,28 +103,49 @@ class PanelButtonListController extends PanelItemController {
     super.panelStateNotify(_state);
   }
   /**
-   * 执行界面行为
+   * 通过项标识获取项模型
    *
-   * @param {string} actionId
-   * @param {MouseEvent} event
+   * @private
+   * @param {string} id
+   * @return {*}  {(IPanelButton | IUIActionGroupDetail | undefined)}
+   * @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
+      );
+    return panelButtons == null ? void 0 : panelButtons.find((button) => button.id === id);
+  }
+  /**
+   * 处理按钮点击
+   *
+   * @param {string} id
+   * @param {MouseEvent} [event]
    * @return {*}  {Promise<void>}
    * @memberof PanelButtonListController
    */
-  async doUIAction(actionId, event) {
+  async handleClick(id, event) {
+    const action = this.getModelById(id);
+    if (!(action == null ? void 0 : action.uiactionId))
+      return;
     await UIActionUtil.execAndResolved(
-      actionId,
+      action.uiactionId,
       {
         context: this.panel.context,
         params: {
           panelDataParent: this.dataParent.model.id,
           ...this.panel.params
         },
+        event,
         data: [this.data],
         view: this.panel.view,
-        event,
+        ctrl: this.panel,
         noWaitRoute: true
       },
-      this.model.appId
+      action.appId || this.model.appId
     );
   }
   calcItemVisible(data) {

package/es/panel-component/panel-button-list/panel-button-list.d.ts CHANGED Viewed

@@ -13,7 +13,7 @@ export declare const PanelButtonList: import("vue").DefineComponent<{
     };
 }, {
     ns: import("@ibiz-template/core").Namespace;
-    handleClick: (e: MouseEvent, actionId: string) => Promise<void>;
+    handleClick: (id: string, e?: MouseEvent) => Promise<void>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: PropType<IPanelButtonList>;

package/es/panel-component/panel-button-list/panel-button-list.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { defineComponent, createVNode, resolveComponent } from 'vue';
+import { resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { PanelButtonListController } from './panel-button-list.controller.mjs';
 import './panel-button-list.css';
@@ -19,9 +19,9 @@ const PanelButtonList = /* @__PURE__ */ defineComponent({
   setup(props) {
     const ns = useNamespace("panel-button-list");
     const c = props.controller;
-    const handleClick = async (e, actionId) => {
-      e.stopPropagation();
-      c.doUIAction(actionId, e);
+    const handleClick = async (id, e) => {
+      e == null ? void 0 : e.stopPropagation();
+      c.handleClick(id, e);
     };
     return {
       ns,

package/es/panel-component/panel-exp-header/panel-exp-header.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, ref, computed, createVNode, resolveComponent } from 'vue';
+import { isVNode, ref, computed, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { PanelItemController } from '@ibiz-template/runtime';
 import './panel-exp-header.css';

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, inject, computed, createVNode, resolveComponent } from 'vue';
+import { ref, inject, computed, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { PanelItemController, AppFuncCommand } from '@ibiz-template/runtime';
 import { debounce } from 'lodash-es';

package/es/panel-component/panel-remember-me/panel-remember-me.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { defineComponent, computed, createVNode, resolveComponent } from 'vue';
+import { computed, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { PanelRememberMeController } from './panel-remember-me.controller.mjs';

package/es/panel-component/panel-static-carousel/panel-static-carousel.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { defineComponent, ref, createVNode, resolveComponent } from 'vue';
+import { ref, resolveComponent, createVNode, defineComponent } from 'vue';
 import { PanelItemController } from '@ibiz-template/runtime';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './panel-static-carousel.css';

package/es/panel-component/panel-tab-panel/panel-tab-panel.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, computed, createVNode, resolveComponent } from 'vue';
+import { isVNode, computed, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './panel-tab-panel.css';
 import { PanelTabPanelController } from './panel-tab-panel.controller.mjs';

package/es/panel-component/panel-view-content/panel-view-content.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, ref, computed, createVNode, resolveComponent } from 'vue';
+import { isVNode, ref, computed, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { PanelItemController } from '@ibiz-template/runtime';
 import './panel-view-content.css';
@@ -41,6 +41,7 @@ const PanelViewContent = /* @__PURE__ */ defineComponent({
       if (view.model.viewType) {
         result.push(ns.m(view.model.viewType.toLowerCase()));
       }
+      result.push(ns.is("no-caption", !view.model.showCaptionBar));
       if (showCaption === true) {
         result = [...result, ...props.controller.containerClass, ns.is("collapse", collapsible && isCollapse.value), ns.is("hidden", !props.controller.state.visible)];
       }

package/es/panel-component/panel-view-header/panel-view-header.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, ref, computed, createVNode, resolveComponent } from 'vue';
+import { isVNode, ref, computed, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { PanelItemController } from '@ibiz-template/runtime';
 import './panel-view-header.css';

package/es/panel-component/searchform-buttons/searchform-buttons.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { isVNode, defineComponent, createVNode, resolveComponent } from 'vue';
+import { isVNode, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './searchform-buttons.css';
 import { ElMessageBox } from 'element-plus';
@@ -21,9 +21,14 @@ const SearchFormButtons = /* @__PURE__ */ defineComponent({
     }
   },
   setup(prop) {
+    var _a, _b;
     const ns = useNamespace("searchform-buttons");
     const c = prop.controller;
+    const isDesignPreview = ((_b = (_a = c.panel) == null ? void 0 : _a.context) == null ? void 0 : _b.srfrunmode) === "DESIGN";
     const onSearchButtonClick = () => {
+      if (isDesignPreview) {
+        return;
+      }
       c.onSearchButtonClick();
     };
     const onResetButtonClick = () => {

package/es/panel-component/short-cut/short-cut.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { defineComponent, getCurrentInstance, ref, reactive, onMounted, onUnmounted, createVNode, resolveComponent } from 'vue';
+import { getCurrentInstance, ref, reactive, onMounted, onUnmounted, createVNode, resolveComponent, defineComponent } from 'vue';
 import { useRouter } from 'vue-router';
 import { PanelItemController, OpenAppViewCommand } from '@ibiz-template/runtime';
 import { useNamespace } from '@ibiz-template/vue3-util';

package/es/panel-component/split-container/split-container.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { defineComponent, computed, createVNode, resolveComponent } from 'vue';
+import { computed, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { SplitContainerController } from './split-container.controller.mjs';
 import './split-container.css';