@ibiz-template/vue3-components 0.7.38-alpha.56 → 0.7.40-alpha.9

package/es/panel-component/global-search/global-search.state.mjs

@@ -0,0 +1,37 @@
+import { PanelItemState } from '@ibiz-template/runtime';
+
+"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 GlobalSearchState extends PanelItemState {
+  constructor() {
+    super(...arguments);
+    /**
+     * 当前快速搜索值
+     *
+     * @type {string}
+     * @memberof GlobalSearchState
+     */
+    __publicField(this, "query", "");
+    /**
+     * 自填模式全局搜索项
+     *
+     * @type {ISearchItem[]}
+     * @memberof GlobalSearchState
+     */
+    __publicField(this, "items", []);
+    /**
+     * 搜索历史记录
+     *
+     * @type {string[]}
+     * @memberof GlobalSearchState
+     */
+    __publicField(this, "histories", []);
+  }
+}
+
+export { GlobalSearchState };

package/es/panel-component/global-search/index.d.ts

@@ -0,0 +1,33 @@
+export declare const IBizGlobalSearch: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IPanelRawItem>;
+        required: true;
+    };
+    controller: {
+        type: import("vue").PropType<import("./global-search.controller").GlobalSearchController>;
+        required: true;
+    };
+}, {
+    c: import("./global-search.controller").GlobalSearchController;
+    ns: import("@ibiz-template/core").Namespace;
+    list: import("vue").Ref<import("@ibiz-template/core").IApiData[]>;
+    visible: import("vue").Ref<boolean>;
+    editorRef: import("vue").Ref<any>;
+    handleClear: () => void;
+    handleEnter: (event: KeyboardEvent) => void;
+    renderAction: () => JSX.Element | undefined;
+    renderSearchList: () => JSX.Element;
+    renderHistoryList: () => JSX.Element;
+    handleInputClick: (event: MouseEvent) => void;
+    renderBlankPlaceholder: () => JSX.Element | undefined;
+}, 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").IPanelRawItem>;
+        required: true;
+    };
+    controller: {
+        type: import("vue").PropType<import("./global-search.controller").GlobalSearchController>;
+        required: true;
+    };
+}>>, {}, {}>>;
+export default IBizGlobalSearch;

package/es/panel-component/global-search/index.mjs

@@ -0,0 +1,15 @@
+import { registerPanelItemProvider } from '@ibiz-template/runtime';
+import { withInstall } from '@ibiz-template/vue3-util';
+import { GlobalSearchProvider } from './global-search.provider.mjs';
+import { GlobalSearch } from './global-search.mjs';
+
+"use strict";
+const IBizGlobalSearch = withInstall(GlobalSearch, function(v) {
+  v.component(GlobalSearch.name, GlobalSearch);
+  registerPanelItemProvider(
+    "RAWITEM_GLOBAL_SEARCH",
+    () => new GlobalSearchProvider()
+  );
+});
+
+export { IBizGlobalSearch, IBizGlobalSearch as default };

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

@@ -0,0 +1,54 @@
+import { AppMenuController, PanelItemController } from '@ibiz-template/runtime';
+import { IPanelContainer } from '@ibiz/model-core';
+import { IndexBlankPlaceholderState } from './index-blank-placeholder.state';
+import { NavPosIndexController } from '../nav-pos-index';
+/**
+ * 首页空白占位控制器
+ *
+ * @export
+ * @class IndexBlankPlaceholderController
+ * @extends {PanelItemController<IPanelContainer>}
+ */
+export declare class IndexBlankPlaceholderController extends PanelItemController<IPanelContainer> {
+    state: IndexBlankPlaceholderState;
+    protected createState(): IndexBlankPlaceholderState;
+    /**
+     * 当前视图路由层级
+     *
+     * @readonly
+     * @type {(number | undefined)}
+     * @memberof IndexBlankPlaceholderController
+     */
+    get routeDepth(): number | undefined;
+    /**
+     * 应用菜单
+     *
+     * @readonly
+     * @type {(AppMenuController | undefined)}
+     * @memberof IndexBlankPlaceholderController
+     */
+    get appmenu(): AppMenuController | undefined;
+    /**
+     * 首页导航栏
+     *
+     * @readonly
+     * @type {(NavPosIndexController | undefined)}
+     * @memberof IndexBlankPlaceholderController
+     */
+    get navPos(): NavPosIndexController | undefined;
+    /**
+     * 初始化
+     *
+     * @protected
+     * @return {*}  {Promise<void>}
+     * @memberof IndexBlankPlaceholderController
+     */
+    protected onInit(): Promise<void>;
+    /**
+     * 设置显示状态
+     *
+     * @param {boolean} state
+     * @memberof IndexBlankPlaceholderController
+     */
+    setVisible(state: boolean): void;
+}

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

@@ -0,0 +1,78 @@
+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);
+  }
+  /**
+   * 当前视图路由层级
+   *
+   * @readonly
+   * @type {(number | undefined)}
+   * @memberof IndexBlankPlaceholderController
+   */
+  get routeDepth() {
+    return this.panel.view.modal.routeDepth;
+  }
+  /**
+   * 应用菜单
+   *
+   * @readonly
+   * @type {(AppMenuController | undefined)}
+   * @memberof IndexBlankPlaceholderController
+   */
+  get appmenu() {
+    return this.panel.getController("appmenu");
+  }
+  /**
+   * 首页导航栏
+   *
+   * @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");
+      } else {
+        this.state.visible = true;
+      }
+    });
+  }
+  /**
+   * 设置显示状态
+   *
+   * @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,26 @@
+import { IPanelContainer } from '@ibiz/model-core';
+import { PropType } from 'vue';
+import { IndexBlankPlaceholderController } from './index-blank-placeholder.controller';
+import './index-blank-placeholder.scss';
+export declare const IndexBlankPlaceholder: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IPanelContainer>;
+        required: true;
+    };
+    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<{
+    modelData: {
+        type: PropType<IPanelContainer>;
+        required: true;
+    };
+    controller: {
+        type: PropType<IndexBlankPlaceholderController>;
+        required: true;
+    };
+}>>, {}, {}>;

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

@@ -0,0 +1,74 @@
+import { isVNode, defineComponent, computed, createVNode, resolveComponent } 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: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    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

@@ -27,6 +27,8 @@ import { IBizShortCut } from './short-cut/index.mjs';
 import { IBizAuthCaptcha } from './auth-captcha/index.mjs';
 import { IBizPanelButtonList } from './panel-button-list/index.mjs';
 import { IBizAuthSso } from './auth-sso/index.mjs';
+import { IBizIndexBlankPlaceholder } from './index-blank-placeholder/index.mjs';
+import { IBizGlobalSearch } from './global-search/index.mjs';
 export { NavPosIndexState } from './nav-pos-index/nav-pos-index.state.mjs';
 export { NavPosIndexController } from './nav-pos-index/nav-pos-index.controller.mjs';
 export { PanelButtonController } from './panel-button/panel-button.controller.mjs';
@@ -36,6 +38,8 @@ export { SplitContainerController } from './split-container/split-container.cont
 "use strict";
 const IBizPanelComponents = {
   install: (v) => {
+    v.use(IBizGlobalSearch);
+    v.use(IBizIndexBlankPlaceholder);
     v.use(IBizAuthSso);
     v.use(IBizPanelCtrlViewPageCaption);
     v.use(IBizPanelContainer);

package/es/panel-component/nav-breadcrumb/nav-breadcrumb.controller.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/panel-app-title/index.d.ts

@@ -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.css

@@ -1 +1 @@
-.ibiz-panel-app-title{--ibiz-panel-app-title-color:var(--ibiz-color-text-0);--ibiz-panel-app-title-font-size:var(--ibiz-font-size-header-3);--ibiz-panel-app-title-font-weight:var(--ibiz-font-weight-bold);--ibiz-panel-app-title-padding:0 var(--ibiz-spacing-base-tight);--ibiz-panel-app-title-collapse-padding:0 var(--ibiz-spacing-tight);--ibiz-panel-app-title-not-index-height:60px;display:flex;align-items:center;justify-content:center;height:100%;padding:var(--ibiz-panel-app-title-padding);cursor:pointer}.ibiz-panel-app-title__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-panel-app-title-font-size);font-weight:700;color:var(--ibiz-panel-app-title-color)}.ibiz-panel-app-title__logo{display:flex;align-items:center;justify-content:center;height:100%;padding:0 var(--ibiz-spacing-tight);font-size:calc(var(--ibiz-font-size-header-1) + 8px)}.ibiz-panel-app-title__logo img{display:inline-block;width:auto;height:100%}.ibiz-panel-app-title__logo svg{fill:var(--ibiz-panel-app-title-color)}.ibiz-panel-app-title__logo--expand{width:66px;height:66px}.ibiz-panel-app-title__logo--expand+svg{width:calc(100% - 66px)}.ibiz-panel-app-title.is-only-img .ibiz-panel-app-title__logo{padding:0}.ibiz-panel-app-title.is-collapse{max-width:100%;padding:var(--ibiz-panel-app-title-collapse-padding)}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__collapse-title{width:100%}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__collpase-icon img{width:100%;height:100%}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__caption2{overflow:hidden;font-size:var(--ibiz-font-size-header-4);font-weight:var(--ibiz-panel-app-title-font-weight);text-align:center;white-space:nowrap}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__subCaption2{overflow:hidden;font-size:var(--ibiz-font-size-header-5);text-align:center;white-space:nowrap}.ibiz-panel-app-title.is-only-title{height:var(--ibiz-panel-app-title-not-index-height)}
+.ibiz-panel-app-title{--ibiz-panel-app-title-color:var(--ibiz-color-text-0);--ibiz-panel-app-title-font-size:var(--ibiz-font-size-header-3);--ibiz-panel-app-title-font-weight:var(--ibiz-font-weight-bold);--ibiz-panel-app-title-padding:0 var(--ibiz-spacing-base-tight);--ibiz-panel-app-title-collapse-padding:0 var(--ibiz-spacing-tight);--ibiz-panel-app-title-not-index-height:60px;display:flex;align-items:center;justify-content:center;height:100%;padding:var(--ibiz-panel-app-title-padding);cursor:pointer}.ibiz-panel-app-title__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-panel-app-title-font-size);font-weight:700;color:var(--ibiz-panel-app-title-color)}.ibiz-panel-app-title__logo{display:flex;align-items:center;justify-content:center;height:100%;padding:0 var(--ibiz-spacing-tight);font-size:calc(var(--ibiz-font-size-header-1) + 8px)}.ibiz-panel-app-title__logo img{display:inline-block;width:auto;height:100%}.ibiz-panel-app-title__logo svg{fill:var(--ibiz-panel-app-title-color)}.ibiz-panel-app-title__logo--expand{width:auto;max-width:66px;height:66px;display:flex;align-items:center;justify-content:center}.ibiz-panel-app-title.is-only-img .ibiz-panel-app-title__logo{padding:0}.ibiz-panel-app-title.is-collapse{max-width:100%;padding:var(--ibiz-panel-app-title-collapse-padding)}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__collapse-title{width:100%}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__collpase-icon img{width:100%;height:100%}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__caption2{overflow:hidden;font-size:var(--ibiz-font-size-header-4);font-weight:var(--ibiz-panel-app-title-font-weight);text-align:center;white-space:nowrap}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__subCaption2{overflow:hidden;font-size:var(--ibiz-font-size-header-5);text-align:center;white-space:nowrap}.ibiz-panel-app-title.is-only-title{height:var(--ibiz-panel-app-title-not-index-height)}

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

@@ -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

@@ -54,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() {
@@ -108,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", {
@@ -122,14 +129,7 @@ const PanelAppTitle = /* @__PURE__ */ defineComponent({
               "src": icon
             }, null)]);
           }
-          iconVNode = createVNode("span", {
-            "class": this.ns.e("logo")
-          }, [tempIcon, createVNode("svg", {
-            "width": "166px",
-            "height": "80px",
-            "viewBox": "0 0 166 90",
-            "version": "1.1"
-          }, [createVNode("g", {
+          let tempContent = createVNode("g", {
             "id": "app-caption-panel",
             "stroke": "none",
             "stroke-width": "1",
@@ -140,17 +140,41 @@ const PanelAppTitle = /* @__PURE__ */ defineComponent({
             "font-size": "22",
             "font-weight": "bold"
           }, [createVNode("tspan", {
-            "x": "8",
-            "y": "39"
-          }, [caption])]), createVNode("text", {
-            "id": "app-subcaption",
-            "font-family": "PingFangSC-Semibold, PingFang SC",
-            "font-size": "14",
-            "font-weight": "bold"
-          }, [createVNode("tspan", {
-            "x": "8",
-            "y": "66"
-          }, [subCaption])])])])]);
+            "x": "0",
+            "y": "52"
+          }, [caption])])]);
+          if (subCaption) {
+            tempContent = createVNode("g", {
+              "id": "app-caption-panel",
+              "stroke": "none",
+              "stroke-width": "1",
+              "fill-rule": "evenodd"
+            }, [createVNode("text", {
+              "id": "app-caption",
+              "font-family": "Poppins-Bold, Poppins",
+              "font-size": "22",
+              "font-weight": "bold"
+            }, [createVNode("tspan", {
+              "x": "8",
+              "y": "39"
+            }, [caption])]), createVNode("text", {
+              "id": "app-subcaption",
+              "font-family": "PingFangSC-Semibold, PingFang SC",
+              "font-size": "14",
+              "font-weight": "bold"
+            }, [createVNode("tspan", {
+              "x": "8",
+              "y": "66"
+            }, [subCaption])])]);
+          }
+          iconVNode = createVNode("span", {
+            "class": this.ns.e("logo")
+          }, [tempIcon, createVNode("svg", {
+            "width": "166px",
+            "height": "80px",
+            "viewBox": "0 0 166 90",
+            "version": "1.1"
+          }, [tempContent])]);
         } else {
           iconVNode = createVNode("span", {
             "class": this.ns.e("logo")

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

@@ -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

@@ -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

@@ -2,7 +2,9 @@ import { defineComponent, ref, computed, createVNode, resolveComponent } from 'v
 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 {