@ibiz-template/vue3-components 0.3.4 → 0.3.6-dev.0

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

@@ -115,6 +115,9 @@ class EditViewEngine extends ViewEngineBase {
     if (key === ViewCallTag.VALIDATE) {
       return this.form.validate();
     }
+    if (key === ViewCallTag.WF_WITHDRAW) {
+      await this.wfWithdraw();
+    }
     return super.call(key, args);
   }
   /**
@@ -182,6 +185,31 @@ class EditViewEngine extends ViewEngineBase {
   wfSubmit() {
     return this.form.wfSubmit();
   }
+  /**
+   * 工作流撤回
+   *
+   * @author zk
+   * @date 2023-11-22 11:11:55
+   * @return {*}  {Promise<void>}
+   * @memberof MobEditViewEngine
+   */
+  async wfWithdraw() {
+    const app = ibiz.hub.getApp(this.view.context.srfappid);
+    const data = this.form.state.data;
+    const entityService = await app.deService.getService(
+      this.view.model.appDataEntityId
+    );
+    await entityService.wf.exec(
+      "withdraw",
+      this.view.context,
+      {
+        ...this.view.params,
+        taskId: this.view.params.taskId || this.view.params.srftaskid
+      },
+      data instanceof ControlVO ? data.getOrigin() : data
+    );
+    ibiz.mc.command.send({ srfdecodename: "SysTodo" }, "OBJECTUPDATED");
+  }
 }
 
 export { EditViewEngine };

package/es/view-engine/index.mjs

@@ -38,6 +38,7 @@ import { TreeGridViewEngine } from './tree-grid-view.engine.mjs';
 import { MEditView9Engine } from './medit-view9.engine.mjs';
 import { ChartExpViewEngine } from './chart-exp-view.engine.mjs';
 import { MapViewEngine } from './map-view.engine.mjs';
+import { ReportViewEngine } from './report-view.engine.mjs';
 
 "use strict";
 const IBizViewEngine = {
@@ -254,6 +255,10 @@ const IBizViewEngine = {
       "VIEW_DEMAPVIEW",
       (c) => new MapViewEngine(c)
     );
+    ibiz.engine.register(
+      "VIEW_DEREPORTVIEW",
+      (c) => new ReportViewEngine(c)
+    );
   }
 };
 

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

@@ -17,7 +17,6 @@ class LoginViewEngine extends ViewEngineBase {
         const args = {
           data: [
             {
-              isRemember: this.AppLoginView.layoutPanel.data.isRemember,
               username: this.AppLoginView.layoutPanel.data.username,
               password: this.AppLoginView.layoutPanel.data.password
             }
@@ -32,19 +31,6 @@ class LoginViewEngine extends ViewEngineBase {
   }
   async onMounted() {
     super.onMounted();
-    if (this.AppLoginView.layoutPanel) {
-      if (localStorage.getItem("username")) {
-        this.AppLoginView.layoutPanel.data.username = localStorage.getItem("username");
-      }
-      if (localStorage.getItem("password")) {
-        this.AppLoginView.layoutPanel.data.password = localStorage.getItem("password");
-      }
-      if (localStorage.getItem("remember")) {
-        this.AppLoginView.layoutPanel.data.isRemember = JSON.parse(
-          localStorage.getItem("remember")
-        );
-      }
-    }
     document.addEventListener("keydown", this.enterKeyListener);
   }
   async onDestroyed() {
@@ -61,31 +47,16 @@ class LoginViewEngine extends ViewEngineBase {
     return super.call(key, args);
   }
   async login(args) {
+    let rememberme;
+    if (this.AppLoginView.layoutPanel && typeof this.AppLoginView.layoutPanel.data.isRemember === "boolean") {
+      rememberme = this.AppLoginView.layoutPanel.data.isRemember;
+    }
     const bol = await ibiz.auth.login(
       args.data[0].username,
-      args.data[0].password
+      args.data[0].password,
+      rememberme
     );
     if (bol === true) {
-      if (this.AppLoginView.layoutPanel && typeof this.AppLoginView.layoutPanel.data.isRemember === "boolean") {
-        const isRemember = this.AppLoginView.layoutPanel.data.isRemember;
-        localStorage.setItem(
-          "remember",
-          JSON.stringify(this.AppLoginView.layoutPanel.data.isRemember)
-        );
-        if (isRemember) {
-          localStorage.setItem(
-            "username",
-            this.AppLoginView.layoutPanel.data.username
-          );
-          localStorage.setItem(
-            "password",
-            this.AppLoginView.layoutPanel.data.password
-          );
-        } else {
-          localStorage.removeItem("username");
-          localStorage.removeItem("password");
-        }
-      }
       window.location.hash = this.route.query.ru || "/";
       window.location.reload();
     }

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

@@ -0,0 +1,96 @@
+import { IReportPanelController, IReportViewEvent, IReportViewState, ISearchBarController, ISearchFormController, ViewController, ViewEngineBase } from '@ibiz-template/runtime';
+import { IAppDEReportView } from '@ibiz/model-core';
+export declare class ReportViewEngine extends ViewEngineBase {
+    /**
+     * 视图控制器
+     *
+     * @protected
+     * @type {ViewController<
+     *     IAppDEReportView,
+     *     IReportViewState,
+     *     IReportViewEvent
+     *   >}
+     * @memberof EditViewEngine
+     */
+    protected view: ViewController<IAppDEReportView, IReportViewState, IReportViewEvent>;
+    /**
+     * 搜索表单控制器
+     *
+     * @readonly
+     */
+    protected get searchForm(): ISearchFormController;
+    /**
+     * 搜索栏控制器
+     *
+     * @readonly
+     */
+    protected get searchBar(): ISearchBarController;
+    /**
+     * 报表部件
+     *
+     * @readonly
+     */
+    get reportpanel(): IReportPanelController;
+    /**
+     * 初始化
+     *
+     * @return {*}  {Promise<void>}
+     * @memberof ReportViewEngine
+     */
+    onCreated(): Promise<void>;
+    /**
+     * 挂载
+     *
+     * @return {*}  {Promise<void>}
+     * @memberof ReportViewEngine
+     */
+    onMounted(): Promise<void>;
+    call(key: string, args: any): Promise<IData | null | undefined>;
+    /**
+     * 获取数据
+     *
+     * @return {*}  {IData[]}
+     * @memberof ReportViewEngine
+     */
+    getData(): IData[];
+    /**
+     * 加载数据
+     *
+     * @return {*}  {Promise<IData>}
+     * @memberof ReportViewEngine
+     */
+    load(): Promise<IData>;
+    /**
+     * 视图重新加载
+     *
+     * @return {*}  {Promise<void>}
+     */
+    protected reLoad(): Promise<void>;
+    /**
+     * 刷新
+     *
+     * @return {*}  {Promise<void>}
+     * @memberof ReportViewEngine
+     */
+    refresh(): Promise<void>;
+    /**
+     * 获取搜索相关的查询参数
+     *
+     * @return {*}  {IParams}
+     */
+    protected getSearchParams(): IParams;
+    /**
+     *计算视图头部实现是否显示
+     *
+     * @protected
+     * @return {*}  {boolean}
+     * @memberof ReportViewEngine
+     */
+    protected calcViewHeaderVisible(): boolean;
+    /**
+     * 切换搜索表单的显示与否
+     *
+     * @protected
+     */
+    protected toggleFilter(): void;
+}

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

@@ -0,0 +1,178 @@
+import { ViewEngineBase, SysUIActionTag } from '@ibiz-template/runtime';
+
+"use strict";
+class ReportViewEngine extends ViewEngineBase {
+  /**
+   * 搜索表单控制器
+   *
+   * @readonly
+   */
+  get searchForm() {
+    return this.view.getController("searchform");
+  }
+  /**
+   * 搜索栏控制器
+   *
+   * @readonly
+   */
+  get searchBar() {
+    return this.view.getController("searchbar");
+  }
+  /**
+   * 报表部件
+   *
+   * @readonly
+   */
+  get reportpanel() {
+    return this.view.getController("reportpanel");
+  }
+  /**
+   * 初始化
+   *
+   * @return {*}  {Promise<void>}
+   * @memberof ReportViewEngine
+   */
+  async onCreated() {
+    await super.onCreated();
+    const { childNames } = this.view;
+    childNames.push("searchform", "searchbar", "reportpanel");
+    if (!this.view.slotProps.reportpanel) {
+      this.view.slotProps.reportpanel = {};
+    }
+  }
+  /**
+   * 挂载
+   *
+   * @return {*}  {Promise<void>}
+   * @memberof ReportViewEngine
+   */
+  async onMounted() {
+    await super.onMounted();
+    const { model } = this.view;
+    this.reportpanel.evt.on("onBeforeLoad", () => {
+      this.reportpanel.state.searchParams = this.getSearchParams();
+    });
+    this.reportpanel.evt.on("onLoadSuccess", (event) => {
+      this.view.evt.emit("onDataChange", { ...event, actionType: "LOAD" });
+    });
+    const controller = this.viewLayoutPanel.panelItems.view_searchform;
+    if (controller) {
+      const formExists = !!this.searchForm;
+      controller.state.keepAlive = formExists;
+      controller.state.visible = formExists && !!model.expandSearchForm;
+    }
+    if (this.searchForm) {
+      this.searchForm.evt.on("onSearch", () => {
+        this.reLoad();
+      });
+    }
+    if (this.searchBar) {
+      this.searchBar.evt.on("onSearch", () => {
+        this.reLoad();
+      });
+    }
+    if (!this.view.state.noLoadDefault && model.loadDefault) {
+      this.load();
+    }
+  }
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
+  async call(key, args) {
+    if (key === SysUIActionTag.REFRESH) {
+      await this.refresh();
+      return null;
+    }
+    if (key === SysUIActionTag.SEARCH) {
+      await this.searchForm.search();
+      return null;
+    }
+    if (key === SysUIActionTag.RESET) {
+      await this.searchForm.reset();
+      return null;
+    }
+    return super.call(key, args);
+  }
+  /**
+   * 获取数据
+   *
+   * @return {*}  {IData[]}
+   * @memberof ReportViewEngine
+   */
+  getData() {
+    return this.reportpanel.getData();
+  }
+  /**
+   * 加载数据
+   *
+   * @return {*}  {Promise<IData>}
+   * @memberof ReportViewEngine
+   */
+  async load() {
+    return this.reportpanel.load();
+  }
+  /**
+   * 视图重新加载
+   *
+   * @return {*}  {Promise<void>}
+   */
+  async reLoad() {
+    await this.reportpanel.load({ isInitialLoad: true });
+  }
+  /**
+   * 刷新
+   *
+   * @return {*}  {Promise<void>}
+   * @memberof ReportViewEngine
+   */
+  async refresh() {
+    await this.load();
+  }
+  /**
+   * 获取搜索相关的查询参数
+   *
+   * @return {*}  {IParams}
+   */
+  getSearchParams() {
+    const params = {};
+    if (this.searchForm) {
+      Object.assign(params, this.searchForm.getFilterParams());
+    }
+    if (this.searchBar) {
+      Object.assign(params, this.searchBar.getFilterParams());
+    }
+    return params;
+  }
+  /**
+   *计算视图头部实现是否显示
+   *
+   * @protected
+   * @return {*}  {boolean}
+   * @memberof ReportViewEngine
+   */
+  calcViewHeaderVisible() {
+    let showHeader = super.calcViewHeaderVisible();
+    if (!this.searchBar || !this.searchBar.state.visible) {
+      const controller = this.viewLayoutPanel.panelItems.view_searchbar;
+      if (controller) {
+        controller.state.visible = false;
+      }
+    } else {
+      showHeader = true;
+    }
+    return showHeader;
+  }
+  /**
+   * 切换搜索表单的显示与否
+   *
+   * @protected
+   */
+  toggleFilter() {
+    if (this.searchForm) {
+      const searchformContainer = this.viewLayoutPanel.panelItems.view_searchform;
+      if (searchformContainer) {
+        searchformContainer.state.visible = !searchformContainer.state.visible;
+      }
+    }
+  }
+}
+
+export { ReportViewEngine };

package/es/view-engine/wf-dyna-action-view.engine.mjs

@@ -39,6 +39,8 @@ class WFDynaActionViewEngine extends WFDynaEditViewEngine {
   async onOkButtonClick() {
     if (this.view.context.isEditable) {
       await this.save();
+    } else {
+      this.form.state.modified = false;
     }
     await this.form.wfSubmit({});
     await this.view.closeView({ ok: true, data: this.getData() });

package/lib/control/form/edit-form/edit-form.cjs

@@ -37,9 +37,24 @@ const EditFormControl = /* @__PURE__ */ vue.defineComponent({
     }
   },
   setup(props) {
-    const c = vue3Util.useControlController((...args) => new runtime.EditFormController(...args));
+    const c = vue3Util.useControlController((...args) => new runtime.EditFormController(...args), {
+      excludePropsKeys: ["data"]
+    });
     if (props.isSimple) {
-      c.state.isLoaded = true;
+      c.evt.on("onMounted", () => {
+        c.setSimpleData(props.data || {});
+      });
+      vue.watch(() => props.data, (newVal) => {
+        const changeVal = newVal || {};
+        const find = Object.keys(c.data).find((key) => {
+          return changeVal[key] !== c.data[key];
+        });
+        if (find) {
+          c.setSimpleData(changeVal);
+        }
+      }, {
+        deep: true
+      });
     }
     const ns = vue3Util.useNamespace(`control-${c.model.controlType.toLowerCase()}`);
     c.evt.on("onCreated", () => {

package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-form/form-mdctrl-form.cjs

@@ -1,80 +1,75 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var vue = require('vue');
-var vue3Util = require('@ibiz-template/vue3-util');
 var runtime = require('@ibiz-template/runtime');
-var formMdctrlContainer = require('../form-mdctrl-container/form-mdctrl-container.cjs');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./form-mdctrl-form.css');
 
 "use strict";
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
-}
 const FormMDCtrlForm = /* @__PURE__ */ vue.defineComponent({
   name: "IBizFormMDCtrlForm",
   props: {
     controller: {
-      type: Object,
+      type: runtime.FormMDCtrlFormController,
       required: true
     }
   },
   setup(props) {
-    const ns = vue3Util.useNamespace("form-mdctrl");
-    vue3Util.useController(props.controller);
-    const c = props.controller;
-    c.state = vue.reactive(c.state);
+    const ns = vue3Util.useNamespace("form-mdctrl-form");
+    const showActions = vue.computed(() => {
+      return props.controller.enableCreate || props.controller.enableDelete;
+    });
+    const renderAddBtn = () => {
+      return vue.createVNode(vue.resolveComponent("el-button"), {
+        "class": [ns.be("item-actions", "create"), ns.be("item-actions", "btn")],
+        "onClick": () => props.controller.create()
+      }, {
+        default: () => [vue.createTextVNode("\u6DFB\u52A0")]
+      });
+    };
+    const onCreated = (id, event) => {
+      props.controller.setFormController(id, event.ctrl);
+    };
     return {
       ns,
-      c
+      showActions,
+      onCreated,
+      renderAddBtn
     };
   },
   render() {
-    let _slot;
-    const c = this.c;
-    const renderContent = () => {
-      if (c.controlModel && c.provider) {
-        return c.state.data.map((item, index) => {
-          const tempContext = c.parent.form.context.clone();
-          if (c.model.contentControl) {
-            const codeName = runtime.calcDeCodeNameById(c.model.contentControl.appDataEntityId);
-            tempContext[codeName] = item.srfkey;
+    const {
+      state,
+      formProvider,
+      model
+    } = this.controller;
+    return vue.createVNode(vue.resolveComponent("iBizMDCtrlContainer"), {
+      "class": this.ns.b(),
+      "items": state.items,
+      "enableCreate": this.controller.enableCreate,
+      "enableDelete": this.controller.enableDelete,
+      "onAddClick": () => this.controller.create(),
+      "onRemoveClick": (item) => this.controller.remove(item.id)
+    }, {
+      item: ({
+        data
+      }) => {
+        if (!formProvider) {
+          return vue.createVNode("div", null, [vue.createTextVNode("\u672A\u627E\u5230\u8868\u5355\u7684\u9002\u914D\u5668")]);
+        }
+        const formComponent = vue.h(vue.resolveComponent(formProvider.component), {
+          class: this.ns.be("item", "form"),
+          modelData: model.contentControl,
+          context: data.context,
+          params: data.params,
+          onCreated: (event) => {
+            this.onCreated(data.id, event);
           }
-          const controlProps = {
-            modelData: c.controlModel,
-            context: tempContext,
-            params: c.parent.form.params,
-            onFormDataChange: (arg) => c.onFormChange(arg.data, index),
-            onRemoveSuccess: () => c.onFormRemoveSuccess(index),
-            onCreated: (event) => c.onControlCreated(event, index)
-          };
-          const controlComponent = vue.h(vue.resolveComponent(c.provider.component), controlProps);
-          return vue.createVNode("div", {
-            "class": this.ns.b("form-content"),
-            "key": item.srfkey
-          }, [controlComponent, vue.createVNode("div", {
-            "class": this.ns.b("btn")
-          }, [c.parent.isDelete && vue.createVNode(vue.resolveComponent("el-button"), {
-            "type": "danger",
-            "class": this.ns.b("remove-btn"),
-            "onClick": () => this.c.onDataRemove(index)
-          }, {
-            default: () => [vue.createTextVNode("\u5220\u9664")]
-          })])]);
         });
+        return formComponent;
       }
-    };
-    return vue.createVNode(formMdctrlContainer.FormMDCtrlContainer, {
-      "class": this.ns.b("form"),
-      "controller": c.parent,
-      "onInsertButtonClick": () => {
-        c.onDataInsert();
-      }
-    }, _isSlot(_slot = renderContent()) ? _slot : {
-      default: () => [_slot]
     });
   }
 });
 
 exports.FormMDCtrlForm = FormMDCtrlForm;
-exports.default = FormMDCtrlForm;

package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-form/form-mdctrl-form.css

@@ -0,0 +1 @@
+.ibiz-form-mdctrl-form-item{display:flex}.ibiz-form-mdctrl-form-item__form{flex-grow:1}.ibiz-form-mdctrl-form-item-actions{flex-shrink:0;width:80px;text-align:center}.ibiz-form-mdctrl-form-item-actions .el-button+.el-button{margin-left:0}.ibiz-form-mdctrl-form-item-actions__btn{margin-top:var(--ibiz-spacing-tight)}.ibiz-form-mdctrl-form-no-data{width:100%;display:flex;justify-content:flex-end}

package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-md/form-mdctrl-md.cjs

@@ -0,0 +1,74 @@
+'use strict';
+
+var vue = require('vue');
+var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./form-mdctrl-md.css');
+
+"use strict";
+const FormMDCtrlMD = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizFormMDCtrlMD",
+  props: {
+    controller: {
+      type: runtime.FormMDCtrlMDController,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = vue3Util.useNamespace("form-mdctrl-md");
+    const showActions = vue.computed(() => {
+      return props.controller.enableCreate || props.controller.enableDelete;
+    });
+    const onCreated = (event) => {
+      props.controller.setMDControl(event.ctrl);
+    };
+    const isSelected = vue.ref(false);
+    const onSelectionChange = (event) => {
+      isSelected.value = event.data.length > 0;
+    };
+    return {
+      ns,
+      showActions,
+      isSelected,
+      onCreated,
+      onSelectionChange
+    };
+  },
+  render() {
+    const {
+      mdProvider,
+      model
+    } = this.controller;
+    const controlProps = {
+      class: this.ns.b("content"),
+      modelData: model.contentControl,
+      context: this.controller.form.context,
+      params: this.controller.form.params,
+      onCreated: this.onCreated,
+      onSelectionChange: this.onSelectionChange
+    };
+    if (model.contentType === "GRID") {
+      controlProps.rowEditOpen = true;
+    }
+    const controlComponent = vue.h(vue.resolveComponent(mdProvider.component), controlProps);
+    return vue.createVNode("div", {
+      "class": this.ns.b()
+    }, [controlComponent, this.showActions && vue.createVNode("div", {
+      "class": this.ns.b("actions")
+    }, [this.controller.enableCreate && vue.createVNode(vue.resolveComponent("el-button"), {
+      "class": [this.ns.be("actions", "create"), this.ns.be("actions", "btn")],
+      "onClick": () => this.controller.create()
+    }, {
+      default: () => [vue.createTextVNode("\u6DFB\u52A0")]
+    }), this.controller.enableDelete && vue.createVNode(vue.resolveComponent("el-button"), {
+      "type": "danger",
+      "disabled": !this.isSelected,
+      "class": [this.ns.be("actions", "remove"), this.ns.be("actions", "btn")],
+      "onClick": () => this.controller.remove()
+    }, {
+      default: () => [vue.createTextVNode("\u5220\u9664")]
+    })])]);
+  }
+});
+
+exports.FormMDCtrlMD = FormMDCtrlMD;

package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-md/form-mdctrl-md.css

@@ -0,0 +1 @@
+.ibiz-form-mdctrl-md{display:flex}.ibiz-form-mdctrl-md-content{flex-grow:1}.ibiz-form-mdctrl-md-actions{flex-shrink:0;width:80px;text-align:center}.ibiz-form-mdctrl-md-actions .el-button+.el-button{margin-left:0}.ibiz-form-mdctrl-md-actions__btn{margin-bottom:var(--ibiz-spacing-tight)}