@ibiz-template/vue3-components 0.0.1-alpha.1 → 0.0.1-alpha.2

package/es/common/app-col/app-col.d.ts

@@ -0,0 +1,44 @@
+import { PropType } from 'vue';
+import { ILayoutPos } from '@ibiz/model-core';
+export declare const AppCol: import("vue").DefineComponent<{
+    layoutPos: PropType<ILayoutPos>;
+    controller: {
+        type: PropType<ILayoutController>;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    gridAttrs: import("vue").ComputedRef<{
+        xs?: undefined;
+        sm?: undefined;
+        md?: undefined;
+        lg?: undefined;
+    } | {
+        xs: {
+            span: number;
+            offset: number;
+        };
+        sm: {
+            span: number;
+            offset: number;
+        };
+        md: {
+            span: number;
+            offset: number;
+        };
+        lg: {
+            span: number;
+            offset: number;
+        };
+    }>;
+    cssVars: import("vue").ComputedRef<{
+        width: any;
+        height: any;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    layoutPos: PropType<ILayoutPos>;
+    controller: {
+        type: PropType<ILayoutController>;
+        required: true;
+    };
+}>>, {}>;

package/es/common/app-col/app-col.js

@@ -0,0 +1,87 @@
+import { defineComponent, computed, createVNode, h, resolveComponent } from "vue";
+import { useNamespace } from "@ibiz-template/vue3-util";
+const AppCol = /* @__PURE__ */ defineComponent({
+  name: "AppCol",
+  props: {
+    layoutPos: Object,
+    controller: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("col");
+    const gridAttrs = computed(() => {
+      const gridLayoutPos = props.layoutPos;
+      if (gridLayoutPos.layout === "FLEX") {
+        return {};
+      }
+      const colXS = gridLayoutPos.colXS || 0;
+      const colXSOffset = gridLayoutPos.colXSOffset || 0;
+      const colSM = gridLayoutPos.colSM || 0;
+      const colSMOffset = gridLayoutPos.colSMOffset || 0;
+      const colMD = gridLayoutPos.colMD || 0;
+      const colMDOffset = gridLayoutPos.colMDOffset || 0;
+      const colLG = gridLayoutPos.colLG || 0;
+      const colLGOffset = gridLayoutPos.colLGOffset || 0;
+      const multiplier = gridLayoutPos.layout === "TABLE_24COL" ? 1 : 2;
+      return {
+        xs: {
+          span: colXS * multiplier,
+          offset: colXSOffset * multiplier
+        },
+        sm: {
+          span: colSM * multiplier,
+          offset: colSMOffset * multiplier
+        },
+        md: {
+          span: colMD * multiplier,
+          offset: colMDOffset * multiplier
+        },
+        lg: {
+          span: colLG * multiplier,
+          offset: colLGOffset * multiplier
+        }
+      };
+    });
+    const cssVars = computed(() => {
+      const styles = {
+        width: props.controller.width,
+        height: props.controller.height
+      };
+      Object.assign(styles, props.controller.extraStyle);
+      return styles;
+    });
+    return {
+      ns,
+      gridAttrs,
+      cssVars
+    };
+  },
+  render() {
+    var _a, _b, _c;
+    if (this.controller.visible === false) {
+      return null;
+    }
+    const defaultSlot = (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a);
+    if (((_c = this.layoutPos) == null ? void 0 : _c.layout) === "FLEX") {
+      return createVNode("div", {
+        "class": [this.ns.b(), this.ns.m("flex"), this.controller.extraClass],
+        "style": {
+          flexGrow: this.layoutPos.grow,
+          ...this.cssVars
+        }
+      }, [defaultSlot]);
+    }
+    return h(resolveComponent("el-col"), {
+      class: [this.ns.b(), this.ns.m("grid"), this.controller.extraClass],
+      style: this.cssVars,
+      ...this.gridAttrs
+    }, {
+      default: () => defaultSlot
+    });
+  }
+});
+export {
+  AppCol
+};

package/es/common/app-icon/app-icon.d.ts

@@ -1,4 +1,5 @@
 import { PropType, VNode } from 'vue';
+import { ISysImage } from '@ibiz/model-core';
 export declare const AppIcon: import("vue").DefineComponent<{
     icon: {
         type: PropType<ISysImage>;

package/es/common/app-router-view/app-router-view.d.ts

@@ -1,4 +1,5 @@
 import { PropType, VNode } from 'vue';
+import { RouteLocationNormalizedLoaded } from 'vue-router';
 /**
  * 只会第一次绘制的时候绘制路由相关的内容，后面路由导致的router-view的回调都屏蔽了。
  * 通过变更manualKey,来强制刷新router-view的slot回调。并且吧manualKey传给Component的key，搭配AppKeepAlive可以缓存组件

package/es/common/app-row/app-row.d.ts

@@ -0,0 +1,9 @@
+import { ILayout } from '@ibiz/model-core';
+import { PropType } from 'vue';
+export declare const AppRow: import("vue").DefineComponent<{
+    layout: PropType<ILayout>;
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    layout: PropType<ILayout>;
+}>>, {}>;

package/es/common/app-row/app-row.js

@@ -0,0 +1,40 @@
+import { defineComponent, createVNode, resolveComponent, isVNode } from "vue";
+import { useNamespace } from "@ibiz-template/vue3-util";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const AppRow = /* @__PURE__ */ defineComponent({
+  name: "AppRow",
+  props: {
+    layout: Object
+  },
+  setup() {
+    const ns = useNamespace("row");
+    return {
+      ns
+    };
+  },
+  render() {
+    var _a, _b, _c;
+    const defaultSlot = (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a);
+    if (((_c = this.layout) == null ? void 0 : _c.layout) === "FLEX") {
+      const {
+        dir,
+        align,
+        valign
+      } = this.layout;
+      return createVNode("div", {
+        "class": [this.ns.b(), this.ns.m("flex")],
+        "style": `display:flex;flex-direction: ${dir};justify-content: ${align};align-items: ${valign};`
+      }, [defaultSlot]);
+    }
+    return createVNode(resolveComponent("el-row"), {
+      "class": [this.ns.b(), this.ns.m("grid")]
+    }, _isSlot(defaultSlot) ? defaultSlot : {
+      default: () => [defaultSlot]
+    });
+  }
+});
+export {
+  AppRow
+};

package/es/common/app-user/app-user.d.ts

@@ -1,8 +1,8 @@
 import './app-user.scss';
 export declare const AppUser: import("vue").DefineComponent<{}, {
-    ns: any;
+    ns: import("@ibiz-template/core").Namespace;
     srfusername: any;
-    router: any;
+    router: import("vue-router").Router;
 }, {}, {}, {
     onClick(): Promise<void>;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;

package/es/common/index.d.ts

@@ -3,6 +3,7 @@ export * from './app-keep-alive/app-keep-alive';
 export * from './app-keep-alive/scheduler';
 export * from './app-router-view/app-router-view';
 export * from './app-user/app-user';
-export * from './grid-pagination/index';
-export * from './quick-search/quick-search';
 export * from './tab-page-exp/tab-page-exp';
+export * from './quick-search/quick-search';
+export * from './app-col/app-col';
+export * from './app-row/app-row';

package/es/common/index.js

@@ -3,6 +3,7 @@ export * from "./app-keep-alive/app-keep-alive";
 export * from "./app-keep-alive/scheduler";
 export * from "./app-router-view/app-router-view";
 export * from "./app-user/app-user";
-export * from "./grid-pagination/index";
-export * from "./quick-search/quick-search";
 export * from "./tab-page-exp/tab-page-exp";
+export * from "./quick-search/quick-search";
+export * from "./app-col/app-col";
+export * from "./app-row/app-row";

package/es/common/quick-search/quick-search.d.ts

@@ -11,7 +11,7 @@ export declare const QuickSearch: import("vue").DefineComponent<{
         type: StringConstructor;
     };
 }, {
-    ns: any;
+    ns: import("@ibiz-template/core").Namespace;
     inputValue: import("vue").WritableComputedRef<string | undefined>;
     search: () => void;
     onInput: (value: string | undefined) => void;

package/es/common/tab-page-exp/tab-page-exp.d.ts

@@ -1,4 +1,5 @@
 import './tab-page-exp.scss';
+import { TabPaneName, TabsPaneContext } from 'element-plus';
 interface RouteMsg {
     key: string;
     fullPath: string;
@@ -32,7 +33,7 @@ export declare const TabPageExp: import("vue").DefineComponent<{
         required: true;
     };
 }, {
-    ns: any;
+    ns: import("@ibiz-template/core").Namespace;
     tabsValue: import("vue").Ref<number>;
     actions: dropdownAction[];
     changePage: (pane: TabsPaneContext, _ev: Event) => void;

package/es/control/app-menu/app-menu-state.d.ts

@@ -0,0 +1,23 @@
+import { ControlState } from '@ibiz-template/runtime';
+/**
+ * 应用菜单部件UI状态
+ *
+ * @export
+ * @class AppMenuState
+ * @extends {ControlState}
+ */
+export declare class AppMenuState extends ControlState {
+    /**
+     * 菜单项状态
+     *
+     * @author lxm
+     * @date 2022-10-12 20:10:51
+     * @type {{ [p: string]: { visible: boolean; permitted: boolean } }}
+     */
+    menuItemsState: {
+        [p: string]: {
+            visible: boolean;
+            permitted: boolean;
+        };
+    };
+}

package/es/control/app-menu/app-menu-state.js

@@ -0,0 +1,23 @@
+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;
+};
+import { ControlState } from "@ibiz-template/runtime";
+class AppMenuState extends ControlState {
+  constructor() {
+    super(...arguments);
+    /**
+     * 菜单项状态
+     *
+     * @author lxm
+     * @date 2022-10-12 20:10:51
+     * @type {{ [p: string]: { visible: boolean; permitted: boolean } }}
+     */
+    __publicField(this, "menuItemsState", {});
+  }
+}
+export {
+  AppMenuState
+};

package/es/control/app-menu/app-menu.controller.d.ts

@@ -0,0 +1,50 @@
+import { ControlController } from '@ibiz-template/runtime';
+import { IAppMenu, IAppMenuItem } from '@ibiz/model-core';
+import { AppMenuState } from './app-menu-state';
+/**
+ * 应用菜单控制器
+ *
+ * @author chitanda
+ * @date 2022-07-24 15:07:07
+ * @export
+ * @class AppMenuController
+ * @extends {ControlController}
+ */
+export declare class AppMenuController extends ControlController<IAppMenu> {
+    state: AppMenuState;
+    /**
+     * 菜单项状态
+     *
+     * @deprecated
+     * @author lxm
+     * @date 2022-10-12 20:10:51
+     * @type {{ [p: string]: { visible: boolean; permitted: boolean } }}
+     */
+    menuItemsState: {
+        [p: string]: {
+            visible: boolean;
+            permitted: boolean;
+        };
+    };
+    protected doCreated(): Promise<void>;
+    /**
+     * 菜单项点击回调，触发对应的应用功能
+     *
+     * @author chitanda
+     * @date 2022-12-22 14:12:53
+     * @param {string} id
+     * @return {*}  {Promise<void>}
+     */
+    onClickMenuItem(id: string): Promise<void>;
+    /**
+     * 初始化菜单项状态
+     *
+     * @author lxm
+     * @date 2022-10-12 20:10:37
+     * @param {AppMenuItemModel} menu
+     */
+    initMenuItemState(menu: IAppMenuItem): {
+        visible: boolean;
+        permitted: boolean;
+    };
+}

package/es/control/app-menu/app-menu.controller.js

@@ -0,0 +1,83 @@
+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;
+};
+import { RuntimeError } from "@ibiz-template/core";
+import { ControlController, findRecursiveChild, AppFuncCommand } from "@ibiz-template/runtime";
+import { AppMenuState } from "./app-menu-state";
+class AppMenuController extends ControlController {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "state", new AppMenuState());
+    /**
+     * 菜单项状态
+     *
+     * @deprecated
+     * @author lxm
+     * @date 2022-10-12 20:10:51
+     * @type {{ [p: string]: { visible: boolean; permitted: boolean } }}
+     */
+    __publicField(this, "menuItemsState", {});
+  }
+  async doCreated() {
+    var _a;
+    await super.doCreated();
+    (_a = this.model.appMenuItems) == null ? void 0 : _a.forEach((item) => {
+      this.initMenuItemState(item);
+    });
+  }
+  /**
+   * 菜单项点击回调，触发对应的应用功能
+   *
+   * @author chitanda
+   * @date 2022-12-22 14:12:53
+   * @param {string} id
+   * @return {*}  {Promise<void>}
+   */
+  async onClickMenuItem(id) {
+    const menuItem = findRecursiveChild(this.model, id, {
+      compareField: "id",
+      childrenFields: ["appMenuItems"]
+    });
+    if (!menuItem) {
+      throw new RuntimeError(`找不到名为${id}的菜单项`);
+    }
+    console.log(menuItem);
+    await ibiz.commands.execute(
+      AppFuncCommand.TAG,
+      menuItem.appFuncId,
+      this.context,
+      this.params
+    );
+  }
+  /**
+   * 初始化菜单项状态
+   *
+   * @author lxm
+   * @date 2022-10-12 20:10:37
+   * @param {AppMenuItemModel} menu
+   */
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  initMenuItemState(menu) {
+    var _a;
+    const permitted = true;
+    let visible = permitted;
+    if ((_a = menu.appMenuItems) == null ? void 0 : _a.length) {
+      const childrenState = menu.appMenuItems.map((child) => {
+        return this.initMenuItemState(child).visible;
+      });
+      visible = visible && childrenState.includes(true);
+    }
+    const result = { permitted, visible };
+    this.state.menuItemsState[menu.id] = result;
+    return {
+      visible: true,
+      permitted: true
+    };
+  }
+}
+export {
+  AppMenuController
+};

package/es/control/app-menu/app-menu.d.ts

@@ -1,3 +1,5 @@
+import { Namespace } from '@ibiz-template/core';
+import { IAppMenu } from '@ibiz/model-core';
 import { PropType, Ref } from 'vue';
 import './app-menu.scss';
 export declare const AppMenu: import("vue").DefineComponent<{
@@ -20,11 +22,11 @@ export declare const AppMenu: import("vue").DefineComponent<{
         default: string;
     };
 }, {
-    menus: Ref<any[]>;
+    menus: Ref<IDatum[]>;
     c: any;
-    key: any;
+    key: Ref<string>;
     onClick: (key: string) => Promise<void>;
-    ns: any;
+    ns: Namespace;
     defaultActive: Ref<string>;
     defaultOpens: Ref<string[]>;
     MenuMode: import("vue").ComputedRef<"horizontal" | "vertical">;
@@ -48,7 +50,7 @@ export declare const AppMenu: import("vue").DefineComponent<{
         default: string;
     };
 }>>, {
-    collapse: boolean;
     params: IParams;
+    collapse: boolean;
     mode: string;
 }>;

package/es/control/app-menu/app-menu.js

@@ -1,7 +1,7 @@
 import { defineComponent, getCurrentInstance, ref, onMounted, computed, createVNode, resolveComponent, isVNode } from "vue";
 import { useControlController, useNamespace } from "@ibiz-template/vue3-util";
-import { AppMenuController } from "@ibiz-template/runtime";
 import { createUUID } from "qx-util";
+import { AppMenuController } from "./app-menu.controller";
 const appMenu = "";
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
@@ -150,7 +150,7 @@ const AppMenu = /* @__PURE__ */ defineComponent({
       "class": [this.ns.b(), this.ns.is("collapse", this.collapse)],
       "controller": this.c
     }, {
-      default: () => [createVNode(resolveComponent("el-menu"), {
+      default: () => [this.c.state.complete && createVNode(resolveComponent("el-menu"), {
         "key": this.key,
         "ref": "menu",
         "default-active": this.defaultActive,

package/es/control/app-menu/index.d.ts

@@ -1,6 +1,6 @@
-export declare const IbizAppMenu: import("../../util/install").TypeWithInstall<import("vue").DefineComponent<{
+export declare const IBizAppMenu: import("../../util/install").TypeWithInstall<import("vue").DefineComponent<{
     modelData: {
-        type: import("vue").PropType<IAppMenu>;
+        type: import("vue").PropType<import("@ibiz/model-core").IAppMenu>;
         required: true;
     };
     context: {
@@ -18,17 +18,17 @@ export declare const IbizAppMenu: import("../../util/install").TypeWithInstall<i
         default: string;
     };
 }, {
-    menus: import("vue").Ref<any[]>;
+    menus: import("vue").Ref<IDatum[]>;
     c: any;
-    key: any;
+    key: import("vue").Ref<string>;
     onClick: (key: string) => Promise<void>;
-    ns: any;
+    ns: import("@ibiz-template/core").Namespace;
     defaultActive: import("vue").Ref<string>;
     defaultOpens: import("vue").Ref<string[]>;
     MenuMode: import("vue").ComputedRef<"horizontal" | "vertical">;
 }, 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<IAppMenu>;
+        type: import("vue").PropType<import("@ibiz/model-core").IAppMenu>;
         required: true;
     };
     context: {
@@ -46,8 +46,8 @@ export declare const IbizAppMenu: import("../../util/install").TypeWithInstall<i
         default: string;
     };
 }>>, {
-    collapse: boolean;
     params: IParams;
+    collapse: boolean;
     mode: string;
 }>>;
-export default IbizAppMenu;
+export default IBizAppMenu;

package/es/control/app-menu/index.js

@@ -2,11 +2,11 @@ import { ControlType } from "@ibiz-template/runtime";
 import { withInstall } from "../../util/install";
 import { AppMenu } from "./app-menu";
 import { AppMenuProvider } from "./app-menu-provider";
-const IbizAppMenu = withInstall(AppMenu, function(v) {
+const IBizAppMenu = withInstall(AppMenu, function(v) {
   v.component(AppMenu.name, AppMenu);
   ibiz.register.control.register(ControlType.APP_MENU, new AppMenuProvider());
 });
 export {
-  IbizAppMenu,
-  IbizAppMenu as default
+  IBizAppMenu,
+  IBizAppMenu as default
 };

package/es/control/form/form/form-control.d.ts

@@ -0,0 +1,34 @@
+import { IDEForm } from '@ibiz/model-core';
+import { PropType } from 'vue';
+import { FormController } from './form.controller';
+import './form.scss';
+export declare const FormControl: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IDEForm>;
+        required: true;
+    };
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    controller: {
+        type: PropType<FormController<IDEForm>>;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    c: FormController<IDEForm>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: PropType<IDEForm>;
+        required: true;
+    };
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    controller: {
+        type: PropType<FormController<IDEForm>>;
+        required: true;
+    };
+}>>, {}>;

package/es/control/form/form/form-state.d.ts

@@ -0,0 +1,36 @@
+import { ControlState, ControlVO } from '@ibiz-template/runtime';
+/**
+ * 表单状态
+ *
+ * @author chitanda
+ * @date 2023-01-03 16:01:05
+ * @export
+ * @class FormState
+ * @extends {ControlState}
+ */
+export declare class FormState extends ControlState {
+    /**
+     * 是否加载完数据
+     *
+     * @author lxm
+     * @date 2022-10-24 19:10:04
+     * @type {boolean}
+     */
+    isLoaded: boolean;
+    /**
+     * 表单数据
+     *
+     * @author lxm
+     * @date 2022-08-22 22:08:19
+     * @type {ControlVO}
+     */
+    data: ControlVO;
+    /**
+     * 是否正在处理中(动态控制，值规则，表单项更新等逻辑中)
+     * @author lxm
+     * @date 2023-03-06 09:07:20
+     * @type {boolean}
+     * @memberof FormController
+     */
+    processing: boolean;
+}

package/es/control/form/form/form-state.js

@@ -0,0 +1,39 @@
+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;
+};
+import { ControlState, ControlVO } from "@ibiz-template/runtime";
+class FormState extends ControlState {
+  constructor() {
+    super(...arguments);
+    /**
+     * 是否加载完数据
+     *
+     * @author lxm
+     * @date 2022-10-24 19:10:04
+     * @type {boolean}
+     */
+    __publicField(this, "isLoaded", false);
+    /**
+     * 表单数据
+     *
+     * @author lxm
+     * @date 2022-08-22 22:08:19
+     * @type {ControlVO}
+     */
+    __publicField(this, "data", new ControlVO());
+    /**
+     * 是否正在处理中(动态控制，值规则，表单项更新等逻辑中)
+     * @author lxm
+     * @date 2023-03-06 09:07:20
+     * @type {boolean}
+     * @memberof FormController
+     */
+    __publicField(this, "processing", false);
+  }
+}
+export {
+  FormState
+};