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

package/es/panel-component/app-extend-menu/left-side-menu/left-side-menu.mjs

@@ -0,0 +1,56 @@
+import { resolveComponent, createVNode, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { LeftSideMenuController } from './left-side-menu.controller.mjs';
+import './left-side-menu.css';
+
+"use strict";
+const LeftSideMenu = /* @__PURE__ */ defineComponent({
+  name: "IBizLeftSideMenu",
+  props: {
+    /**
+     * @description 模型数据
+     */
+    modelData: {
+      type: Object,
+      required: true
+    },
+    /**
+     * @description 左侧菜单控制器
+     */
+    controller: {
+      type: LeftSideMenuController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("left-side-menu");
+    const {
+      state
+    } = props.controller;
+    return {
+      ns,
+      state
+    };
+  },
+  render() {
+    if (!this.controller.appMenu) {
+      return null;
+    }
+    return createVNode("div", {
+      "class": this.ns.b()
+    }, [createVNode(resolveComponent("iBizCommonExtendMenu"), {
+      "renderMode": this.controller.rawItemParams.rendermode,
+      "items": this.state.items,
+      "menuItemsState": this.state.menuItemsState,
+      "providers": this.controller.itemProviders,
+      "position": "LEFT",
+      "layoutMode": this.controller.appMenu.layoutMode,
+      "layout": this.controller.appMenu.layout,
+      "onMenuItemClick": (item, event) => {
+        this.controller.handleClickMenuItem(item, event);
+      }
+    }, null)]);
+  }
+});
+
+export { LeftSideMenu };

package/es/panel-component/app-extend-menu/left-side-menu/left-side-menu.provider.d.ts

@@ -0,0 +1,7 @@
+import { IPanelItem } from '@ibiz/model-core';
+import { IPanelItemProvider, PanelController, PanelItemController } from '@ibiz-template/runtime';
+import { LeftSideMenuController } from './left-side-menu.controller';
+export declare class LeftSideMenuProvider implements IPanelItemProvider {
+    component: string;
+    createController(panelItem: IPanelItem, panel: PanelController, parent: PanelItemController | undefined): Promise<LeftSideMenuController>;
+}

package/es/panel-component/app-extend-menu/left-side-menu/left-side-menu.provider.mjs

@@ -0,0 +1,21 @@
+import { LeftSideMenuController } from './left-side-menu.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 LeftSideMenuProvider {
+  constructor() {
+    __publicField(this, "component", "IBizLeftSideMenu");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new LeftSideMenuController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+export { LeftSideMenuProvider };

package/es/panel-component/app-extend-menu/right-side-menu/index.d.ts

@@ -0,0 +1,5 @@
+import { App } from 'vue';
+declare const _default: {
+    install(app: App): void;
+};
+export default _default;

package/es/panel-component/app-extend-menu/right-side-menu/index.mjs

@@ -0,0 +1,16 @@
+import { registerPanelItemProvider } from '@ibiz-template/runtime';
+import { RightSideMenu } from './right-side-menu.mjs';
+import { RightSideMenuProvider } from './right-side-menu.provider.mjs';
+
+"use strict";
+var IBizRightSideMenu = {
+  install(app) {
+    app.component(RightSideMenu.name, RightSideMenu);
+    registerPanelItemProvider(
+      "RAWITEM_PREDEFINE_RIGHT_SIDE_MENU",
+      () => new RightSideMenuProvider()
+    );
+  }
+};
+
+export { IBizRightSideMenu as default };

package/es/panel-component/app-extend-menu/right-side-menu/right-side-menu.controller.d.ts

@@ -0,0 +1,10 @@
+import { ExtendMenuBaseController } from '../extend-menu-base/extend-menu-base.controller';
+/**
+ * @description 右侧菜单
+ * @export
+ * @class RightSideMenuController
+ * @extends {ExtendMenuBaseController}
+ */
+export declare class RightSideMenuController extends ExtendMenuBaseController {
+    protected appMenuName: string;
+}

package/es/panel-component/app-extend-menu/right-side-menu/right-side-menu.controller.mjs

@@ -0,0 +1,17 @@
+import { ExtendMenuBaseController } from '../extend-menu-base/extend-menu-base.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 RightSideMenuController extends ExtendMenuBaseController {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "appMenuName", "rightsidemenu");
+  }
+}
+
+export { RightSideMenuController };

package/es/panel-component/app-extend-menu/right-side-menu/right-side-menu.css

@@ -0,0 +1 @@
+.ibiz-right-side-menu{width:100%;height:100%}

package/es/panel-component/app-extend-menu/right-side-menu/right-side-menu.d.ts

@@ -0,0 +1,45 @@
+import { PropType } from 'vue';
+import { IPanelRawItem } from '@ibiz/model-core';
+import { RightSideMenuController } from './right-side-menu.controller';
+import './right-side-menu.scss';
+/**
+ * 右侧菜单
+ * @primary
+ * @description 首页视图扩展菜单右侧菜单
+ * @panelitemparams {name:rendermode,parameterType:'BUTTON' | 'MENU',defaultvalue:BUTTON,description:菜单项绘制模式，其中BUTTON表示按照按钮形态绘制（按钮形态目前仅支持一层）、MENU表示按照菜单形态绘制}
+ * @primary
+ */
+export declare const RightSideMenu: import("vue").DefineComponent<{
+    /**
+     * @description 模型数据
+     */
+    modelData: {
+        type: PropType<IPanelRawItem>;
+        required: true;
+    };
+    /**
+     * @description 右侧侧菜单控制器
+     */
+    controller: {
+        type: typeof RightSideMenuController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    state: import("../extend-menu-base/extend-menu-base.state").ExtendMenuBase;
+}, 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<IPanelRawItem>;
+        required: true;
+    };
+    /**
+     * @description 右侧侧菜单控制器
+     */
+    controller: {
+        type: typeof RightSideMenuController;
+        required: true;
+    };
+}>>, {}, {}>;

package/es/panel-component/app-extend-menu/right-side-menu/right-side-menu.mjs

@@ -0,0 +1,56 @@
+import { resolveComponent, createVNode, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { RightSideMenuController } from './right-side-menu.controller.mjs';
+import './right-side-menu.css';
+
+"use strict";
+const RightSideMenu = /* @__PURE__ */ defineComponent({
+  name: "IBizRightSideMenu",
+  props: {
+    /**
+     * @description 模型数据
+     */
+    modelData: {
+      type: Object,
+      required: true
+    },
+    /**
+     * @description 右侧侧菜单控制器
+     */
+    controller: {
+      type: RightSideMenuController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("right-side-menu");
+    const {
+      state
+    } = props.controller;
+    return {
+      ns,
+      state
+    };
+  },
+  render() {
+    if (!this.controller.appMenu) {
+      return null;
+    }
+    return createVNode("div", {
+      "class": this.ns.b()
+    }, [createVNode(resolveComponent("iBizCommonExtendMenu"), {
+      "renderMode": this.controller.rawItemParams.rendermode,
+      "items": this.state.items,
+      "menuItemsState": this.state.menuItemsState,
+      "providers": this.controller.itemProviders,
+      "position": "RIGHT",
+      "layoutMode": this.controller.appMenu.layoutMode,
+      "layout": this.controller.appMenu.layout,
+      "onMenuItemClick": (item, event) => {
+        this.controller.handleClickMenuItem(item, event);
+      }
+    }, null)]);
+  }
+});
+
+export { RightSideMenu };

package/es/panel-component/app-extend-menu/right-side-menu/right-side-menu.provider.d.ts

@@ -0,0 +1,7 @@
+import { IPanelItem } from '@ibiz/model-core';
+import { IPanelItemProvider, PanelController, PanelItemController } from '@ibiz-template/runtime';
+import { RightSideMenuController } from './right-side-menu.controller';
+export declare class RightSideMenuProvider implements IPanelItemProvider {
+    component: string;
+    createController(panelItem: IPanelItem, panel: PanelController, parent: PanelItemController | undefined): Promise<RightSideMenuController>;
+}

package/es/panel-component/app-extend-menu/right-side-menu/right-side-menu.provider.mjs

@@ -0,0 +1,21 @@
+import { RightSideMenuController } from './right-side-menu.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 RightSideMenuProvider {
+  constructor() {
+    __publicField(this, "component", "IBizRightSideMenu");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new RightSideMenuController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+export { RightSideMenuProvider };

package/es/panel-component/app-extend-menu/top-side-menu/index.d.ts

@@ -0,0 +1,5 @@
+import { App } from 'vue';
+declare const _default: {
+    install(app: App): void;
+};
+export default _default;

package/es/panel-component/app-extend-menu/top-side-menu/index.mjs

@@ -0,0 +1,16 @@
+import { registerPanelItemProvider } from '@ibiz-template/runtime';
+import { TopSideMenu } from './top-side-menu.mjs';
+import { TopSideMenuProvider } from './top-side-menu.provider.mjs';
+
+"use strict";
+var IBizTopSideMenu = {
+  install(app) {
+    app.component(TopSideMenu.name, TopSideMenu);
+    registerPanelItemProvider(
+      "RAWITEM_PREDEFINE_TOP_SIDE_MENU",
+      () => new TopSideMenuProvider()
+    );
+  }
+};
+
+export { IBizTopSideMenu as default };

package/es/panel-component/app-extend-menu/top-side-menu/top-side-menu.controller.d.ts

@@ -0,0 +1,10 @@
+import { ExtendMenuBaseController } from '../extend-menu-base/extend-menu-base.controller';
+/**
+ * @description 头部菜单
+ * @export
+ * @class TopSideMenuController
+ * @extends {ExtendMenuBaseController}
+ */
+export declare class TopSideMenuController extends ExtendMenuBaseController {
+    protected appMenuName: string;
+}

package/es/panel-component/app-extend-menu/top-side-menu/top-side-menu.controller.mjs

@@ -0,0 +1,17 @@
+import { ExtendMenuBaseController } from '../extend-menu-base/extend-menu-base.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 TopSideMenuController extends ExtendMenuBaseController {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "appMenuName", "topsidemenu");
+  }
+}
+
+export { TopSideMenuController };

package/es/panel-component/app-extend-menu/top-side-menu/top-side-menu.css

@@ -0,0 +1 @@
+.ibiz-top-side-menu{width:100%;height:100%}

package/es/panel-component/app-extend-menu/top-side-menu/top-side-menu.d.ts

@@ -0,0 +1,45 @@
+import { PropType } from 'vue';
+import { IPanelRawItem } from '@ibiz/model-core';
+import { TopSideMenuController } from './top-side-menu.controller';
+import './top-side-menu.scss';
+/**
+ * 头部菜单
+ * @primary
+ * @description 首页视图扩展菜单头部菜单
+ * @panelitemparams {name:rendermode,parameterType:'BUTTON' | 'MENU',defaultvalue:BUTTON,description:菜单项绘制模式，其中BUTTON表示按照按钮形态绘制（按钮形态目前仅支持一层）、MENU表示按照菜单形态绘制}
+ * @primary
+ */
+export declare const TopSideMenu: import("vue").DefineComponent<{
+    /**
+     * @description 模型数据
+     */
+    modelData: {
+        type: PropType<IPanelRawItem>;
+        required: true;
+    };
+    /**
+     * @description 头部菜单控制器
+     */
+    controller: {
+        type: typeof TopSideMenuController;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    state: import("../extend-menu-base/extend-menu-base.state").ExtendMenuBase;
+}, 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<IPanelRawItem>;
+        required: true;
+    };
+    /**
+     * @description 头部菜单控制器
+     */
+    controller: {
+        type: typeof TopSideMenuController;
+        required: true;
+    };
+}>>, {}, {}>;

package/es/panel-component/app-extend-menu/top-side-menu/top-side-menu.mjs

@@ -0,0 +1,56 @@
+import { resolveComponent, createVNode, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { TopSideMenuController } from './top-side-menu.controller.mjs';
+import './top-side-menu.css';
+
+"use strict";
+const TopSideMenu = /* @__PURE__ */ defineComponent({
+  name: "IBizTopSideMenu",
+  props: {
+    /**
+     * @description 模型数据
+     */
+    modelData: {
+      type: Object,
+      required: true
+    },
+    /**
+     * @description 头部菜单控制器
+     */
+    controller: {
+      type: TopSideMenuController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("top-side-menu");
+    const {
+      state
+    } = props.controller;
+    return {
+      ns,
+      state
+    };
+  },
+  render() {
+    if (!this.controller.appMenu) {
+      return null;
+    }
+    return createVNode("div", {
+      "class": this.ns.b()
+    }, [createVNode(resolveComponent("iBizCommonExtendMenu"), {
+      "renderMode": this.controller.rawItemParams.rendermode,
+      "items": this.state.items,
+      "menuItemsState": this.state.menuItemsState,
+      "providers": this.controller.itemProviders,
+      "position": "TOP",
+      "layoutMode": this.controller.appMenu.layoutMode,
+      "layout": this.controller.appMenu.layout,
+      "onMenuItemClick": (item, event) => {
+        this.controller.handleClickMenuItem(item, event);
+      }
+    }, null)]);
+  }
+});
+
+export { TopSideMenu };

package/es/panel-component/app-extend-menu/top-side-menu/top-side-menu.provider.d.ts

@@ -0,0 +1,7 @@
+import { IPanelItem } from '@ibiz/model-core';
+import { IPanelItemProvider, PanelController, PanelItemController } from '@ibiz-template/runtime';
+import { TopSideMenuController } from './top-side-menu.controller';
+export declare class TopSideMenuProvider implements IPanelItemProvider {
+    component: string;
+    createController(panelItem: IPanelItem, panel: PanelController, parent: PanelItemController | undefined): Promise<TopSideMenuController>;
+}

package/es/panel-component/app-extend-menu/top-side-menu/top-side-menu.provider.mjs

@@ -0,0 +1,21 @@
+import { TopSideMenuController } from './top-side-menu.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 TopSideMenuProvider {
+  constructor() {
+    __publicField(this, "component", "IBizTopSideMenu");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new TopSideMenuController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+export { TopSideMenuProvider };

package/es/panel-component/index.mjs

@@ -30,6 +30,7 @@ import { IBizAuthSso } from './auth-sso/index.mjs';
 import { IBizIndexBlankPlaceholder } from './index-blank-placeholder/index.mjs';
 import { IBizGlobalSearch } from './global-search/index.mjs';
 import { IBizAppSwitch } from './app-switch/index.mjs';
+import IBizAppExtendMenu from './app-extend-menu/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';
@@ -88,6 +89,7 @@ const IBizPanelComponents = {
     v.use(IBizPanelButtonList);
     v.use(IBizAuthWxmpQrcode);
     v.use(IBizAppSwitch);
+    v.use(IBizAppExtendMenu);
   }
 };
 

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

@@ -58,7 +58,7 @@ class IndexViewEngine extends ViewEngineBase {
         );
       }
     }
-    if (window.innerWidth <= 1200) {
+    if (window.innerWidth <= 1200 || ibiz.config.appMenu.defaultCollapse) {
       this.toggleCollapse();
     }
   }

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

@@ -63,6 +63,12 @@ export declare class OptViewEngine extends ViewEngineBase {
      * @memberof OptViewEngine
      */
     load(): Promise<IData>;
+    /**
+     * @description 刷新
+     * @returns {*}  {Promise<void>}
+     * @memberof OptViewEngine
+     */
+    refresh(): Promise<void>;
     call(key: string, args: any): Promise<any>;
     /**
      * 确认

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

@@ -172,6 +172,14 @@ class OptViewEngine extends ViewEngineBase {
   load() {
     return this.form.load();
   }
+  /**
+   * @description 刷新
+   * @returns {*}  {Promise<void>}
+   * @memberof OptViewEngine
+   */
+  async refresh() {
+    await this.form.refresh();
+  }
   // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
   async call(key, args) {
     if (key === SysUIActionTag.CANCEL) {
@@ -189,6 +197,10 @@ class OptViewEngine extends ViewEngineBase {
     if (key === ViewCallTag.VALIDATE) {
       return this.form.validate();
     }
+    if (key === SysUIActionTag.REFRESH) {
+      await this.refresh();
+      return null;
+    }
     return super.call(key, args);
   }
   /**

package/lib/common/split/split.css

@@ -1 +1 @@
-.ibiz-split-wrapper{position:relative;width:100%;height:100%}.ibiz-split-wrapper.is-no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ibiz-split--horizontal{display:flex;height:100%}.ibiz-split--horizontal .ibiz-split-trigger-con{top:50%;width:0;height:100%}.ibiz-split--horizontal .ibiz-split-pane{position:unset}.ibiz-split--horizontal .ibiz-split-pane--right{padding-left:6px}.ibiz-split--vertical .ibiz-split-trigger-con{left:50%;width:100%;height:0}.ibiz-split--vertical .ibiz-split-pane{position:absolute}.ibiz-split--vertical .ibiz-split-pane--bottom{padding-top:6px}.ibiz-split-pane{position:absolute}.ibiz-split-pane--left{top:0;bottom:0;left:0;overflow:hidden}.ibiz-split-pane--right{top:0;right:0;bottom:0;overflow:hidden}.ibiz-split-pane--top{top:0;right:0;left:0;overflow:hidden}.ibiz-split-pane--bottom{right:0;bottom:0;left:0;overflow:hidden}.ibiz-split-pane--moving{-webkit-user-select:none;-moz-user-select:none;user-select:none}.ibiz-split-trigger-con{position:absolute;z-index:10;transform:translate(-50%,-50%)}
+.ibiz-split-wrapper{position:relative;width:100%;height:100%}.ibiz-split-wrapper.is-no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ibiz-split-pane{position:absolute}.ibiz-split-pane--left{top:0;bottom:0;left:0;overflow:hidden}.ibiz-split-pane--right{top:0;right:0;bottom:0;overflow:hidden}.ibiz-split-pane--top{top:0;right:0;left:0;overflow:hidden}.ibiz-split-pane--bottom{right:0;bottom:0;left:0;overflow:hidden}.ibiz-split-pane--moving{-webkit-user-select:none;-moz-user-select:none;user-select:none}.ibiz-split-trigger-con{position:absolute;z-index:10;transform:translate(-50%,-50%)}.ibiz-split--horizontal{display:flex;height:100%}.ibiz-split--horizontal .ibiz-split-trigger-con{top:50%;width:0;height:100%}.ibiz-split--horizontal .ibiz-split-pane{position:unset}.ibiz-split--horizontal .ibiz-split-pane--right{padding-left:6px}.ibiz-split--vertical .ibiz-split-trigger-con{left:50%;width:100%;height:0}.ibiz-split--vertical .ibiz-split-pane{position:absolute}.ibiz-split--vertical .ibiz-split-pane--bottom{padding-top:6px}.ibiz-split--vertical .ibiz-split--horizontal .ibiz-split-trigger-con{top:50%;width:0;height:100%}.ibiz-split--vertical .ibiz-split--horizontal .ibiz-split-pane{position:unset}.ibiz-split--vertical .ibiz-split--horizontal .ibiz-split-pane--right{padding-left:6px}.ibiz-split--horizontal .ibiz-split--vertical .ibiz-split-trigger-con{left:50%;width:100%;height:0}.ibiz-split--horizontal .ibiz-split--vertical .ibiz-split-pane{position:absolute}.ibiz-split--horizontal .ibiz-split--vertical .ibiz-split-pane--bottom{padding-top:6px}