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

package/es/control/toolbar/toolbar.controllerr.js

@@ -0,0 +1,81 @@
+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 { ControlController, UIActionUtil, recursiveIterate, UIActionButtonState, ControlVO } from "@ibiz-template/runtime";
+import { ToolbarState } from "./toolbar-state";
+class ToolbarController extends ControlController {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "state", new ToolbarState());
+  }
+  /**
+   * 执行按钮的界面行为（如果按钮存在界面行为的话）
+   * @author lxm
+   * @date 2023-05-10 09:20:35
+   * @return {*}  {IData[]}
+   */
+  async doUIAction(item) {
+    if (item.itemType === "DEUIACTION") {
+      const actionId = item.uiactionId;
+      const res = await this.ctx.view.call("GetData");
+      const data = (res == null ? void 0 : res.data) || [];
+      await UIActionUtil.exec(actionId, {
+        ...this.getEventArgs(),
+        data
+      });
+    }
+  }
+  async doCreated() {
+    super.doCreated();
+    this.state.viewMode = this.ctx.view.modal.mode;
+    recursiveIterate(
+      this.model,
+      (item) => {
+        if (item.itemType === "DEUIACTION") {
+          const uiItem = item;
+          const buttonState = new UIActionButtonState(
+            uiItem.id,
+            this.context.srfappid,
+            uiItem.uiactionId
+          );
+          this.state.buttonsState.addState(uiItem.id, buttonState);
+        }
+      },
+      { childrenFields: ["detoolbarItems"] }
+    );
+    await this.state.buttonsState.update();
+  }
+  /**
+   * 工具栏按钮点击事件
+   * @author lxm
+   * @date 2023-03-28 07:10:55
+   * @param {IPSDEToolbarItem} item
+   * @param {MouseEvent} event
+   * @return {*}  {Promise<void>}
+   */
+  async onItemClick(item, event) {
+    this.state.buttonsState.setLoading(item.id);
+    try {
+      await this.evt.emit("onClick", {
+        event,
+        eventArg: item.id
+      });
+      await this.doUIAction(item);
+    } finally {
+      this.state.buttonsState.setLoading("");
+    }
+  }
+  calcButtonState(data, appDeId) {
+    let _data = data;
+    if (data && data instanceof ControlVO) {
+      _data = data.getOrigin();
+    }
+    this.state.buttonsState.update(_data, appDeId);
+  }
+}
+export {
+  ToolbarController
+};

package/es/editor/index.d.ts

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

package/es/editor/index.js

@@ -0,0 +1,14 @@
+import { registerEditorProvider } from "@ibiz-template/runtime";
+import { IBizInput } from "./text-box";
+import { TextBoxEditorProvider } from "./text-box/text-box-provider";
+const IBizEditor = {
+  install: (v) => {
+    v.component(IBizInput.name, IBizInput);
+    const textBoxEditorProvider = new TextBoxEditorProvider();
+    registerEditorProvider("TEXTBOX", () => textBoxEditorProvider);
+  }
+};
+export {
+  IBizEditor,
+  IBizEditor as default
+};

package/es/editor/text-box/ibiz-input/ibiz-input.d.ts

@@ -0,0 +1,51 @@
+import './ibiz-input.scss';
+export declare const IBizInput: import("vue").DefineComponent<{
+    value: StringConstructor;
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<unknown>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    disabled: {
+        type: BooleanConstructor;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    rows: import("vue").Ref<number>;
+    type: import("vue").ComputedRef<"string" | "text" | "password" | "textarea">;
+    currentVal: import("vue").Ref<string>;
+    handleChange: (val: string | number) => void;
+    handleKeyUp: (e: KeyboardEvent) => void;
+    handleBlur: (event: IData) => void;
+    inputRef: import("vue").Ref<any>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (_value: unknown, _name?: string | undefined) => boolean;
+    operate: (_isOperating: boolean) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: StringConstructor;
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<unknown>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    disabled: {
+        type: BooleanConstructor;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
+    onOperate?: ((_isOperating: boolean) => any) | undefined;
+}, {
+    disabled: boolean;
+    readonly: boolean;
+    autoFocus: boolean;
+}>;

package/es/editor/text-box/index.d.ts

@@ -0,0 +1 @@
+export { IBizInput } from './ibiz-input/ibiz-input';

package/es/editor/text-box/index.js

@@ -0,0 +1,4 @@
+import { IBizInput } from "./ibiz-input/ibiz-input";
+export {
+  IBizInput
+};

package/es/editor/text-box/text-box-provider.d.ts

@@ -0,0 +1,18 @@
+import { IEditorProvider } from '@ibiz-template/runtime';
+import { ITextBox } from '@ibiz/model-core';
+import { TextBoxEditorController } from './text-box.controller';
+/**
+ * 输入框编辑器适配器
+ *
+ * @author lxm
+ * @date 2022-09-19 22:09:03
+ * @export
+ * @class TextBoxEditorProvider
+ * @implements {EditorProvider}
+ */
+export declare class TextBoxEditorProvider implements IEditorProvider {
+    formEditor: string;
+    gridEditor: string;
+    constructor(editorType?: string);
+    createController(editorModel: ITextBox, parentController: any): Promise<TextBoxEditorController>;
+}

package/es/editor/text-box/text-box-provider.js

@@ -0,0 +1,29 @@
+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 { TextBoxEditorController } from "./text-box.controller";
+class TextBoxEditorProvider {
+  constructor(editorType) {
+    __publicField(this, "formEditor", "IBizInput");
+    __publicField(this, "gridEditor", "IBizGridInput");
+    if (editorType === "NUMBER") {
+      this.formEditor = "IBizInputNumber";
+      this.gridEditor = "IBizGridInputNumber";
+    }
+    if (editorType === "IPADDRESSTEXTBOX") {
+      this.formEditor = "IBizInputIP";
+      this.gridEditor = "IBizInputIP";
+    }
+  }
+  async createController(editorModel, parentController) {
+    const c = new TextBoxEditorController(editorModel, parentController);
+    await c.init();
+    return c;
+  }
+}
+export {
+  TextBoxEditorProvider
+};

package/es/editor/text-box/text-box.controller.d.ts

@@ -0,0 +1,20 @@
+import { EditorController } from '@ibiz-template/runtime';
+import { ITextBox } from '@ibiz/model-core';
+/**
+ * 输入框编辑器控制器
+ *
+ * @author lxm
+ * @date 2022-08-24 20:08:25
+ * @export
+ * @class TextBoxEditorController
+ * @extends {EditorController}
+ */
+export declare class TextBoxEditorController extends EditorController<ITextBox> {
+    /**
+     * 占位
+     * @return {*}
+     * @author: zhujiamin
+     * @Date: 2022-08-25 14:33:14
+     */
+    placeHolder: string;
+}

package/es/editor/text-box/text-box.controller.js

@@ -0,0 +1,22 @@
+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 { EditorController } from "@ibiz-template/runtime";
+class TextBoxEditorController extends EditorController {
+  constructor() {
+    super(...arguments);
+    /**
+     * 占位
+     * @return {*}
+     * @author: zhujiamin
+     * @Date: 2022-08-25 14:33:14
+     */
+    __publicField(this, "placeHolder", "请输入");
+  }
+}
+export {
+  TextBoxEditorController
+};

package/es/index.d.ts

@@ -1,4 +1,11 @@
-export * from './layout';
-export * from './views';
+import { App } from 'vue';
 export * from './control';
 export * from './common';
+export * from './panel-component';
+export * from './editor';
+export * from './view';
+export * from './view-engine';
+declare const _default: {
+    install: (v: App) => void;
+};
+export default _default;

package/es/index.js

@@ -1,4 +1,31 @@
-export * from "./layout";
-export * from "./views";
-export * from "./control";
+import IBizCommonComponents__default from "./common";
 export * from "./common";
+import { IBizAppMenu, IBizGrid, IBizToolbar, IBizPanel } from "./control";
+export * from "./control";
+import { IBizForm, IBizSearchForm } from "./control/form";
+import IBizEditor__default from "./editor";
+export * from "./editor";
+import IBizPanelComponents__default from "./panel-component";
+export * from "./panel-component";
+import { IBizView } from "./view";
+export * from "./view";
+import { IBizViewEngine } from "./view-engine";
+export * from "./view-engine";
+const index = {
+  install: (v) => {
+    v.use(IBizCommonComponents__default);
+    v.use(IBizPanelComponents__default);
+    v.use(IBizViewEngine);
+    v.use(IBizView);
+    v.use(IBizAppMenu);
+    v.use(IBizGrid);
+    v.use(IBizToolbar);
+    v.use(IBizPanel);
+    v.use(IBizForm);
+    v.use(IBizSearchForm);
+    v.use(IBizEditor__default);
+  }
+};
+export {
+  index as default
+};

package/es/panel-component/auth-userinfo/auth-userinfo-provider.d.ts

@@ -0,0 +1,16 @@
+import { IPanelItemProvider } from '@ibiz-template/runtime';
+import { IPanelItem } from '@ibiz/model-core';
+import { PanelController, PanelItemController } from '../../control';
+/**
+ * 用户信息适配器
+ *
+ * @author lxm
+ * @date 2022-09-19 22:09:03
+ * @export
+ * @class AuthUserinfoProvider
+ * @implements {EditorProvider}
+ */
+export declare class AuthUserinfoProvider implements IPanelItemProvider {
+    component: string;
+    createController(panelItem: IPanelItem, panel: PanelController, parent: PanelItemController | undefined): Promise<PanelItemController>;
+}

package/es/panel-component/auth-userinfo/auth-userinfo-provider.js

@@ -0,0 +1,20 @@
+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 { PanelItemController } from "../../control";
+class AuthUserinfoProvider {
+  constructor() {
+    __publicField(this, "component", "AuthUserinfo");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new PanelItemController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+export {
+  AuthUserinfoProvider
+};

package/es/panel-component/auth-userinfo/index.js

@@ -0,0 +1,19 @@
+import { registerPanelItemProvider } from "@ibiz-template/runtime";
+import { withInstall } from "@ibiz-template/vue3-util";
+import { AuthUserinfo } from "./auth-userinfo";
+import { AuthUserinfo as AuthUserinfo2 } from "./auth-userinfo";
+import { AuthUserinfoProvider } from "./auth-userinfo-provider";
+import { AuthUserinfoProvider as AuthUserinfoProvider2 } from "./auth-userinfo-provider";
+const IBizAuthUserinfo = withInstall(AuthUserinfo, function(v) {
+  v.component(AuthUserinfo.name, AuthUserinfo);
+  registerPanelItemProvider(
+    "RAWITEM_AUTH_USERINFO",
+    () => new AuthUserinfoProvider()
+  );
+});
+export {
+  AuthUserinfo2 as AuthUserinfo,
+  AuthUserinfoProvider2 as AuthUserinfoProvider,
+  IBizAuthUserinfo,
+  IBizAuthUserinfo as default
+};

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

@@ -0,0 +1,10 @@
+import { App } from 'vue';
+export * from './panel-container';
+export * from './panel-ctrl-pos';
+export * from './scroll-container';
+export * from './auth-userinfo';
+export * from './nav-pos';
+export declare const IBizPanelComponents: {
+    install: (v: App) => void;
+};
+export default IBizPanelComponents;

package/es/panel-component/index.js

@@ -0,0 +1,25 @@
+import IBizAuthUserinfo__default from "./auth-userinfo";
+export * from "./auth-userinfo";
+import IBizNavPos__default from "./nav-pos";
+export * from "./nav-pos";
+import IBizNavTabs from "./nav-tabs";
+import IBizPanelContainer__default from "./panel-container";
+export * from "./panel-container";
+import IBizPanelCtrlPos__default from "./panel-ctrl-pos";
+export * from "./panel-ctrl-pos";
+import IBizScrollContainer__default from "./scroll-container";
+export * from "./scroll-container";
+const IBizPanelComponents = {
+  install: (v) => {
+    v.use(IBizPanelContainer__default);
+    v.use(IBizPanelCtrlPos__default);
+    v.use(IBizScrollContainer__default);
+    v.use(IBizAuthUserinfo__default);
+    v.use(IBizNavPos__default);
+    v.use(IBizNavTabs);
+  }
+};
+export {
+  IBizPanelComponents,
+  IBizPanelComponents as default
+};

package/es/panel-component/nav-pos/index.js

@@ -0,0 +1,20 @@
+import { registerPanelItemProvider } from "@ibiz-template/runtime";
+import { withInstall } from "@ibiz-template/vue3-util";
+import { NavPos } from "./nav-pos";
+import { NavPos as NavPos2 } from "./nav-pos";
+import { NavPosProvider } from "./nav-pos-provider";
+import { NavPosProvider as NavPosProvider2 } from "./nav-pos-provider";
+import { NavPosState } from "./nav-pos-state";
+import { NavPosController } from "./nav-pos.controller";
+const IBizNavPos = withInstall(NavPos, function(v) {
+  v.component(NavPos.name, NavPos);
+  registerPanelItemProvider("RAWITEM_NAV_POS", () => new NavPosProvider());
+});
+export {
+  IBizNavPos,
+  NavPos2 as NavPos,
+  NavPosController,
+  NavPosProvider2 as NavPosProvider,
+  NavPosState,
+  IBizNavPos as default
+};

package/es/panel-component/nav-pos/nav-pos-provider.d.ts

@@ -0,0 +1,17 @@
+import { IPanelItemProvider } from '@ibiz-template/runtime';
+import { IPanelItem } from '@ibiz/model-core';
+import { PanelController, PanelItemController } from '../../control';
+import { NavPosController } from './nav-pos.controller';
+/**
+ * 导航占位适配器
+ *
+ * @author lxm
+ * @date 2022-09-19 22:09:03
+ * @export
+ * @class NavPosProvider
+ * @implements {EditorProvider}
+ */
+export declare class NavPosProvider implements IPanelItemProvider {
+    component: string;
+    createController(panelItem: IPanelItem, panel: PanelController, parent: PanelItemController | undefined): Promise<NavPosController>;
+}

package/es/panel-component/nav-pos/nav-pos-provider.js

@@ -0,0 +1,20 @@
+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 { NavPosController } from "./nav-pos.controller";
+class NavPosProvider {
+  constructor() {
+    __publicField(this, "component", "NavPos");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new NavPosController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+export {
+  NavPosProvider
+};

package/es/panel-component/nav-pos/nav-pos-state.d.ts

@@ -0,0 +1,14 @@
+import { PanelItemState } from '../../control/panel/panel/panel-item-state';
+/**
+ * 导航占位状态
+ *
+ * @author lxm
+ * @date 2023-02-07 06:04:27
+ * @export
+ * @class NavPosState
+ * @extends {PanelItemState}
+ */
+export declare class NavPosState extends PanelItemState {
+    currentKey: string;
+    cacheKeys: string[];
+}

package/es/panel-component/nav-pos/nav-pos-state.js

@@ -0,0 +1,17 @@
+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 { PanelItemState } from "../../control/panel/panel/panel-item-state";
+class NavPosState extends PanelItemState {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "currentKey", "");
+    __publicField(this, "cacheKeys", []);
+  }
+}
+export {
+  NavPosState
+};

package/es/panel-component/nav-pos/nav-pos.controller.d.ts

@@ -0,0 +1,66 @@
+import { EventBase, IModal } from '@ibiz-template/runtime';
+import { IPanelRawItem } from '@ibiz/model-core';
+import { AppMenuController, PanelItemController } from '../../control';
+import { NavTabsController } from '../nav-tabs/nav-tabs.controller';
+import { NavPosState } from './nav-pos-state';
+/**
+ * 导航占位控制器
+ *
+ * @export
+ * @class NavPosController
+ * @extends {PanelItemController}
+ */
+export declare class NavPosController extends PanelItemController<IPanelRawItem> {
+    state: NavPosState;
+    /**
+     * 导航视图的modal
+     * @author lxm
+     * @date 2023-05-12 09:47:52
+     * @type {{ [key: string]: IModal }}
+     */
+    viewModals: {
+        [key: string]: IModal;
+    };
+    protected createState(): NavPosState;
+    /**
+     * 当前视图的路由层级，非路由模式不存在。
+     * @author lxm
+     * @date 2023-05-09 12:46:26
+     * @readonly
+     */
+    get routeDepth(): number | undefined;
+    /**
+     * 导航标签页控制器
+     * @author lxm
+     * @date 2023-05-10 08:41:54
+     * @readonly
+     * @type {(NavTabsController | undefined)}
+     */
+    get navTabs(): NavTabsController | undefined;
+    /**
+     * 应用菜单控制器
+     * @author lxm
+     * @date 2023-05-10 08:41:42
+     * @readonly
+     * @type {(AppMenuController | undefined)}
+     */
+    get appmenu(): AppMenuController | undefined;
+    onRouteChange({ currentKey }: {
+        currentKey: string;
+        fullPath: string;
+    }): void;
+    onViewCreated(event: EventBase): void;
+    /**
+     * 删除单个缓存
+     * @author lxm
+     * @date 2023-05-09 02:19:09
+     * @param {string} key
+     */
+    removeCache(key: string): void;
+    /**
+     * 清空缓存
+     * @author lxm
+     * @date 2023-05-09 02:19:55
+     */
+    clearCache(): void;
+}

package/es/panel-component/nav-pos/nav-pos.controller.js

@@ -0,0 +1,103 @@
+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 { Modal, ViewMode } from "@ibiz-template/runtime";
+import { PanelItemController } from "../../control";
+import { NavPosState } from "./nav-pos-state";
+class NavPosController extends PanelItemController {
+  constructor() {
+    super(...arguments);
+    /**
+     * 导航视图的modal
+     * @author lxm
+     * @date 2023-05-12 09:47:52
+     * @type {{ [key: string]: IModal }}
+     */
+    __publicField(this, "viewModals", {});
+  }
+  createState() {
+    var _a;
+    return new NavPosState((_a = this.parent) == null ? void 0 : _a.state);
+  }
+  /**
+   * 当前视图的路由层级，非路由模式不存在。
+   * @author lxm
+   * @date 2023-05-09 12:46:26
+   * @readonly
+   */
+  get routeDepth() {
+    return this.panel.view.modal.routeDepth;
+  }
+  /**
+   * 导航标签页控制器
+   * @author lxm
+   * @date 2023-05-10 08:41:54
+   * @readonly
+   * @type {(NavTabsController | undefined)}
+   */
+  get navTabs() {
+    return this.panel.panelItems.nav_tabs;
+  }
+  /**
+   * 应用菜单控制器
+   * @author lxm
+   * @date 2023-05-10 08:41:42
+   * @readonly
+   * @type {(AppMenuController | undefined)}
+   */
+  get appmenu() {
+    return this.panel.getController("appmenu");
+  }
+  onRouteChange({ currentKey }) {
+    this.state.currentKey = currentKey;
+    if (currentKey === "") {
+      return;
+    }
+    if (!this.state.cacheKeys.includes(currentKey)) {
+      this.state.cacheKeys.push(currentKey);
+      if (this.routeDepth) {
+        this.viewModals[currentKey] = new Modal({
+          mode: ViewMode.ROUTE,
+          routeDepth: this.routeDepth + 1
+        });
+      }
+    }
+  }
+  onViewCreated(event) {
+    if (this.navTabs) {
+      const { view } = event;
+      const key = this.state.currentKey;
+      this.navTabs.updateViewInfo(key, { caption: view.model.caption });
+    }
+  }
+  /**
+   * 删除单个缓存
+   * @author lxm
+   * @date 2023-05-09 02:19:09
+   * @param {string} key
+   */
+  removeCache(key) {
+    const index = this.state.cacheKeys.indexOf(key);
+    if (index !== -1) {
+      this.state.cacheKeys.splice(index, 1);
+      if (this.routeDepth) {
+        delete this.viewModals[key];
+      }
+    }
+  }
+  /**
+   * 清空缓存
+   * @author lxm
+   * @date 2023-05-09 02:19:55
+   */
+  clearCache() {
+    this.state.cacheKeys = [];
+    this.viewModals = {};
+  }
+}
+export {
+  NavPosController
+};