@ibiz-template/mob-vue3-components 0.0.1-alpha.19

package/es/view/login-view/login-view.css

@@ -0,0 +1 @@
+.ibiz-login-view{width:100vw;height:100vh;color:#fff;background:#373447}.ibiz-login-view .ibiz-login-view-logo{height:40%;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.ibiz-login-view .ibiz-login-view-logo .ibiz-login-view-logo-img{margin-top:15%}.ibiz-login-view .ibiz-login-view-logo .ibiz-login-view-title{margin-top:5%;font-size:16px}.ibiz-login-view .ibiz-login-view-form{height:20%;padding:0 10%}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-user{display:flex;align-items:center;justify-content:flex-start;height:40%;font-size:14px;border-bottom:1px solid #565366}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-user ion-icon{margin-right:5%}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-user .van-field{position:relative;padding:0;overflow:visible}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-user .van-field .van-field__error-message{position:absolute;top:20px}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-user input{color:#fff;background:#373447;border:none}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-user input:-webkit-autofill{box-shadow:0 0 0 1000px #373447 inset;-webkit-text-fill-color:#fff}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-user .van-field__control::-moz-placeholder{color:#fff;background:#373447}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-user .van-field__control::placeholder{color:#fff;background:#373447}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-password{display:flex;align-items:center;justify-content:flex-start;height:40%;font-size:14px;border-bottom:1px solid #565366}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-password ion-icon{margin-right:5%}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-password .van-field{position:relative;padding:0;overflow:visible}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-password .van-field .van-field__error-message{position:absolute;top:20px}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-password input{color:#fff;background:#373447;border:none}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-password input:-webkit-autofill{box-shadow:0 0 0 1000px #373447 inset;-webkit-text-fill-color:#fff}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-password .van-field__control::-moz-placeholder{color:#fff;background:#373447}.ibiz-login-view .ibiz-login-view-form .ibiz-login-view-password .van-field__control::placeholder{color:#fff;background:#373447}.ibiz-login-view .ibiz-login-view-btns{height:40%;padding:0 10%}.ibiz-login-view .ibiz-login-view-btns .ibiz-login-view-login-btn{width:100%;margin:0;font-size:15px;color:#fff;background:#312e3f;border:none;border-radius:0}.ibiz-login-view .ibiz-login-view-btns .ibiz-login-view-login-btn:hover{background:#4a4658}

package/es/view/login-view/login-view.d.ts

@@ -0,0 +1,11 @@
+import './login-view.scss';
+export declare const LoginView: import("vue").DefineComponent<{}, {
+    loginData: {
+        username: string;
+        password: string;
+    };
+    login: () => Promise<void>;
+    title: import("vue").ComputedRef<string | undefined>;
+    loading: import("vue").Ref<boolean>;
+    formRef: import("vue").Ref<IData | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;

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

@@ -0,0 +1,112 @@
+import { ref, reactive, computed, createVNode, resolveComponent, createTextVNode, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { useRoute } from 'vue-router';
+import './login-view.css';
+
+"use strict";
+const LoginView = /* @__PURE__ */ defineComponent({
+  setup() {
+    const loading = ref(false);
+    const formRef = ref(null);
+    const route = useRoute();
+    const ru = route.query.ru || "/";
+    const loginData = reactive({
+      username: "",
+      password: ""
+    });
+    const login = async () => {
+      var _a, _b;
+      try {
+        if (!loginData.username) {
+          ibiz.notification.error({
+            desc: "\u8BF7\u586B\u5199\u7528\u6237\u540D"
+          });
+          return;
+        }
+        if (!loginData.password) {
+          ibiz.notification.error({
+            desc: "\u8BF7\u586B\u5199\u5BC6\u7801"
+          });
+          return;
+        }
+        loading.value = true;
+        const bol = await ibiz.auth.login(loginData.username, loginData.password);
+        if (bol) {
+          window.location.hash = ru;
+          window.location.reload();
+        }
+        loading.value = false;
+      } catch (error) {
+        ibiz.notification.error({
+          desc: ((_b = (_a = error == null ? void 0 : error.response) == null ? void 0 : _a.data) == null ? void 0 : _b.message) || "\u767B\u5F55\u5931\u8D25"
+        });
+        loading.value = false;
+      }
+    };
+    const title = computed(() => {
+      return ibiz.env.AppTitle;
+    });
+    return {
+      loginData,
+      login,
+      title,
+      loading,
+      formRef
+    };
+  },
+  render() {
+    const ns = useNamespace("login-view");
+    return createVNode("div", {
+      "class": ns.b()
+    }, [createVNode("div", {
+      "class": ns.b("logo")
+    }, [createVNode("img", {
+      "class": ns.b("logo-img"),
+      "src": "./assets/img/login-logo.png"
+    }, null), createVNode("div", {
+      "class": ns.b("title")
+    }, [this.title])]), createVNode(resolveComponent("van-form"), {
+      "class": ns.b("form"),
+      "ref": "formRef"
+    }, {
+      default: () => [createVNode("div", {
+        "class": ns.b("user")
+      }, [createVNode("ion-icon", {
+        "name": "person"
+      }, null), createVNode(resolveComponent("van-field"), {
+        "placeholder": "\u8BF7\u8F93\u5165\u7528\u6237\u540D",
+        "name": "\u7528\u6237\u540D",
+        "modelValue": this.loginData.username,
+        "onUpdate:modelValue": ($event) => this.loginData.username = $event,
+        "rules": [{
+          required: true,
+          message: "\u8BF7\u586B\u5199\u7528\u6237\u540D"
+        }]
+      }, null)]), createVNode("div", {
+        "class": ns.b("password")
+      }, [createVNode("ion-icon", {
+        "name": "lock-closed"
+      }, null), createVNode(resolveComponent("van-field"), {
+        "placeholder": "\u8BF7\u8F93\u5165\u5BC6\u7801",
+        "name": "\u5BC6\u7801",
+        "type": "password",
+        "modelValue": this.loginData.password,
+        "onUpdate:modelValue": ($event) => this.loginData.password = $event,
+        "rules": [{
+          required: true,
+          message: "\u8BF7\u586B\u5199\u5BC6\u7801"
+        }]
+      }, null)])]
+    }), createVNode("div", {
+      "class": ns.b("btns")
+    }, [createVNode(resolveComponent("van-button"), {
+      "loading": this.loading,
+      "class": ns.b("login-btn"),
+      "onClick": this.login
+    }, {
+      default: () => [createTextVNode("\u767B\u5F55")]
+    })])]);
+  }
+});
+
+export { LoginView };

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

@@ -0,0 +1,6 @@
+import { IViewController, IIndexViewState, IViewEvent, IAppMenuController, ViewEngineBase } from '@ibiz-template/runtime';
+import { IAppIndexView } from '@ibiz/model-core';
+export declare class IndexViewEngine extends ViewEngineBase {
+    protected view: IViewController<IAppIndexView, IIndexViewState, IViewEvent>;
+    get appmenu(): IAppMenuController;
+}

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

@@ -0,0 +1,10 @@
+import { ViewEngineBase } from '@ibiz-template/runtime';
+
+"use strict";
+class IndexViewEngine extends ViewEngineBase {
+  get appmenu() {
+    return this.view.getController("appmenu");
+  }
+}
+
+export { IndexViewEngine };

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

@@ -0,0 +1,3 @@
+export declare const IBizViewEngine: {
+    install: () => void;
+};

package/es/view-engine/index.mjs

@@ -0,0 +1,137 @@
+import { IndexViewEngine } from './index-view.engine.mjs';
+import { MobEditViewEngine } from './mob-edit-view.engine.mjs';
+import { MobEditView3Engine } from './mob-edit-view3.engine.mjs';
+import { MobMDViewEngine } from './mob-md-view-engine.mjs';
+import { MobMPickupViewEngine } from './mob-mpickup-view-engine.mjs';
+import { MobPickupTreeViewEngine } from './mob-pickup-tree-view.engine.mjs';
+import { MobPickupViewEngine } from './mob-pickup-view.engine.mjs';
+import { MobTabExpViewEngine } from './mob-tab-exp-view.engine.mjs';
+import { MobTreeViewEngine } from './mob-tree-view.engine.mjs';
+import { MobWFDynaActionViewEngine } from './mob-wf-dyna-action-view.engine.mjs';
+import { MobWFDynaEditViewEngine } from './mob-wf-dyna-edit-view.engine.mjs';
+import { MobWFDynaEditView3Engine } from './mob-wf-dyna-edit-view3.engine.mjs';
+import { MobWFDynaStartViewEngine } from './mob-wf-dyna-start-view.engine.mjs';
+import { WFStepTraceViewEngine } from './wf-step-trace-view.engine.mjs';
+import { MobDataViewEngine } from './mob-data-view-engine.mjs';
+import { PortalViewEngine } from './portal-view.engine.mjs';
+import { PickupMDViewEngine } from './mob-pickup-md-view.engine.mjs';
+import { MobCustomViewEngine } from './mob-custom-view.engine.mjs';
+import { MobOptViewEngine } from './mob-opt-view.engine.mjs';
+import { MobChartViewEngine } from './mob-chart-view.engine.mjs';
+import { MobCalendarViewEngine } from './mob-calendar-view.engine.mjs';
+
+"use strict";
+const IBizViewEngine = {
+  install: () => {
+    ibiz.engine.register(
+      `VIEW_APPINDEXVIEW`,
+      (c) => new IndexViewEngine(c)
+    );
+    ibiz.engine.register(
+      `VIEW_MobEditView`,
+      (c) => new MobEditViewEngine(c)
+    );
+    ibiz.engine.register(
+      `VIEW_MobEditView3`,
+      (c) => new MobEditView3Engine(c)
+    );
+    ibiz.engine.register(
+      `VIEW_MobMDView`,
+      (c) => new MobMDViewEngine(c)
+    );
+    ibiz.engine.register(
+      `VIEW_MobPickupView`,
+      (c) => new MobPickupViewEngine(c)
+    );
+    ibiz.engine.register(
+      `VIEW_MobMPickupView`,
+      (c) => new MobMPickupViewEngine(c)
+    );
+    ibiz.engine.register(
+      `VIEW_MobPickupMDView`,
+      (c) => new PickupMDViewEngine(c)
+    );
+    ibiz.engine.register(
+      `VIEW_DEMOBWFDYNAEDITVIEW`,
+      (c) => new MobWFDynaEditViewEngine(c)
+    );
+    ibiz.engine.register(
+      `VIEW_DEMOBWFDYNAEDITVIEW3`,
+      (c) => new MobWFDynaEditView3Engine(c)
+    );
+    ibiz.engine.register(
+      `VIEW_DEMOBWFDYNAACTIONVIEW`,
+      (c) => new MobWFDynaActionViewEngine(c)
+    );
+    ibiz.engine.register(
+      `VIEW_DEMOBWFDYNASTARTVIEW`,
+      (c) => new MobWFDynaStartViewEngine(c)
+    );
+    ibiz.engine.register(
+      `VIEW_MobTabExpView`,
+      (c) => new MobTabExpViewEngine(c)
+    );
+    ibiz.engine.register(
+      `VIEW_MobTreeView`,
+      (c) => new MobTreeViewEngine(c)
+    );
+    ibiz.engine.register(
+      `VIEW_MobPickupTreeView`,
+      (c) => new MobPickupTreeViewEngine(c)
+    );
+    ibiz.engine.register(
+      `VIEW_APPWFSTEPTRACEVIEW`,
+      (c) => new WFStepTraceViewEngine(c)
+    );
+    ibiz.engine.register(
+      `VIEW_DEMOBLISTVIEW`,
+      (c) => new MobMDViewEngine(c)
+    );
+    ibiz.engine.register(
+      `VIEW_DEMOBDATAVIEW`,
+      (c) => new MobDataViewEngine(c)
+    );
+    ibiz.engine.register(
+      `VIEW_APPPORTALVIEW`,
+      (c) => new PortalViewEngine(c)
+    );
+    ibiz.engine.register(
+      `VIEW_DEMOBCUSTOMVIEW`,
+      (c) => new MobCustomViewEngine(c)
+    );
+    ibiz.engine.register(
+      `VIEW_MobOptionView`,
+      (c) => new MobOptViewEngine(c)
+    );
+    ibiz.engine.register(
+      `VIEW_MobChartView`,
+      (c) => new MobChartViewEngine(c)
+    );
+    ibiz.engine.register(
+      `VIEW_MobCalendarView`,
+      (c) => new MobCalendarViewEngine(c)
+    );
+    ibiz.engine.register(
+      `VIEW_MobEditView9`,
+      (c) => new MobEditViewEngine(c)
+    );
+    ibiz.engine.register(
+      `VIEW_MobMDView9`,
+      (c) => new MobMDViewEngine(c)
+    );
+    ibiz.engine.register(
+      `VIEW_MobTabExpView9`,
+      (c) => new MobTabExpViewEngine(c)
+    );
+    ibiz.engine.register(
+      `VIEW_MobCalendarView9`,
+      (c) => new MobCalendarViewEngine(c)
+    );
+    ibiz.engine.register(
+      `VIEW_MobChartView9`,
+      (c) => new MobChartViewEngine(c)
+    );
+  }
+};
+
+export { IBizViewEngine };

package/es/view-engine/mob-calendar-view.engine.d.ts

@@ -0,0 +1,5 @@
+import { ViewController, ICalendarViewEvent, ICalendarViewState, MDViewEngine } from '@ibiz-template/runtime';
+import { IAppDECalendarView } from '@ibiz/model-core';
+export declare class MobCalendarViewEngine extends MDViewEngine {
+    protected view: ViewController<IAppDECalendarView, ICalendarViewState, ICalendarViewEvent>;
+}

package/es/view-engine/mob-calendar-view.engine.mjs

@@ -0,0 +1,7 @@
+import { MDViewEngine } from '@ibiz-template/runtime';
+
+"use strict";
+class MobCalendarViewEngine extends MDViewEngine {
+}
+
+export { MobCalendarViewEngine };

package/es/view-engine/mob-chart-view.engine.d.ts

@@ -0,0 +1,15 @@
+import { ViewController, IChartViewEvent, IChartViewState, MDViewEngine, IChartController } from '@ibiz-template/runtime';
+import { IAppDEChartView } from '@ibiz/model-core';
+export declare class MobChartViewEngine extends MDViewEngine {
+    protected view: ViewController<IAppDEChartView, IChartViewState, IChartViewEvent>;
+    /**
+     * 多数据部件名称
+     * @author lxm
+     * @date 2023-06-07 09:17:19
+     * @readonly
+     * @type {string}
+     */
+    get xdataControlName(): string;
+    get chart(): IChartController;
+    onCreated(): Promise<void>;
+}

package/es/view-engine/mob-chart-view.engine.mjs

@@ -0,0 +1,26 @@
+import { MDViewEngine } from '@ibiz-template/runtime';
+
+"use strict";
+class MobChartViewEngine extends MDViewEngine {
+  /**
+   * 多数据部件名称
+   * @author lxm
+   * @date 2023-06-07 09:17:19
+   * @readonly
+   * @type {string}
+   */
+  get xdataControlName() {
+    return "chart";
+  }
+  get chart() {
+    return this.view.getController("chart");
+  }
+  async onCreated() {
+    await super.onCreated();
+    if (!this.view.slotProps.chart) {
+      this.view.slotProps.chart = {};
+    }
+  }
+}
+
+export { MobChartViewEngine };

package/es/view-engine/mob-custom-view.engine.d.ts

@@ -0,0 +1,5 @@
+import { IViewController, ViewEngineBase, IViewEvent, IViewState } from '@ibiz-template/runtime';
+import { IAppDECustomView } from '@ibiz/model-core';
+export declare class MobCustomViewEngine extends ViewEngineBase {
+    protected view: IViewController<IAppDECustomView, IViewState, IViewEvent>;
+}

package/es/view-engine/mob-custom-view.engine.mjs

@@ -0,0 +1,7 @@
+import { ViewEngineBase } from '@ibiz-template/runtime';
+
+"use strict";
+class MobCustomViewEngine extends ViewEngineBase {
+}
+
+export { MobCustomViewEngine };

package/es/view-engine/mob-data-view-engine.d.ts

@@ -0,0 +1,34 @@
+import { MDViewEngine, ViewController, IDataViewState, IDataViewEvent, IMobMDCtrlController } from '@ibiz-template/runtime';
+import { IAppDEMobMDView } from '@ibiz/model-core';
+/**
+ * 移动端卡片视图驱动引擎
+ *
+ * @author chitanda
+ * @date 2023-06-16 17:06:00
+ * @export
+ * @class MobDataViewEngine
+ * @extends {MDViewEngine}
+ */
+export declare class MobDataViewEngine extends MDViewEngine {
+    protected view: ViewController<IAppDEMobMDView, IDataViewState, IDataViewEvent>;
+    /**
+     * 数据视图部件控制器
+     *
+     * @author zk
+     * @date 2023-07-06 03:07:25
+     * @readonly
+     * @memberof MobDataViewEngine
+     */
+    get dataview(): IMobMDCtrlController;
+    call(key: string, args: any): Promise<IData | null | undefined>;
+    /**
+     * 加载更多数据
+     *
+     * @author zk
+     * @date 2023-07-06 03:07:07
+     * @protected
+     * @return {*}  {Promise<void>}
+     * @memberof MobDataViewEngine
+     */
+    protected loadMore(): Promise<void>;
+}

package/es/view-engine/mob-data-view-engine.mjs

@@ -0,0 +1,39 @@
+import { MDViewEngine, SysUIActionTag } from '@ibiz-template/runtime';
+
+"use strict";
+class MobDataViewEngine extends MDViewEngine {
+  /**
+   * 数据视图部件控制器
+   *
+   * @author zk
+   * @date 2023-07-06 03:07:25
+   * @readonly
+   * @memberof MobDataViewEngine
+   */
+  get dataview() {
+    return this.view.getController("dataview");
+  }
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
+  async call(key, args) {
+    if (key === SysUIActionTag.LOAD_MORE) {
+      await this.loadMore();
+      return null;
+    }
+    return super.call(key, args);
+  }
+  /**
+   * 加载更多数据
+   *
+   * @author zk
+   * @date 2023-07-06 03:07:07
+   * @protected
+   * @return {*}  {Promise<void>}
+   * @memberof MobDataViewEngine
+   */
+  loadMore() {
+    var _a, _b;
+    return ((_b = (_a = this.dataview).loadMore) == null ? void 0 : _b.call(_a)) || Promise.resolve();
+  }
+}
+
+export { MobDataViewEngine };

package/es/view-engine/mob-edit-view.engine.d.ts

@@ -0,0 +1,58 @@
+import { ViewController, IEditFormController, IEditViewState, IEditViewEvent, ViewEngineBase, IToolbarController } from '@ibiz-template/runtime';
+import { IAppDEEditView } from '@ibiz/model-core';
+export declare class MobEditViewEngine extends ViewEngineBase {
+    /**
+     * 视图控制器
+     */
+    protected view: ViewController<IAppDEEditView, IEditViewState, IEditViewEvent>;
+    get form(): IEditFormController;
+    onCreated(): Promise<void>;
+    /**
+     * 获取所有的工具栏控制器
+     * @author lxm
+     * @date 2023-06-30 04:06:17
+     * @protected
+     * @return {*}  {IToolbarController[]}
+     */
+    protected getAllToolbars(): IToolbarController[];
+    /**
+     * 更新工具栏状态
+     * @author lxm
+     * @date 2023-06-30 04:04:15
+     * @protected
+     * @param {IData} data
+     * @param {string} appDeId
+     */
+    protected updateToolbarState(data: IData, appDeId?: string): void;
+    onMounted(): Promise<void>;
+    getData(): IData[];
+    load(): Promise<IData>;
+    save(): Promise<IData>;
+    refresh(): Promise<void>;
+    call(key: string, args: any): Promise<IData | null | undefined>;
+    /**
+     * 保存并新建
+     *
+     * @author zk
+     * @date 2023-06-01 01:06:59
+     * @return {*}
+     * @memberof MobEditViewEngine
+     */
+    saveAndNew(): Promise<null>;
+    /**
+     * 工作流启动
+     *
+     * @author lxm
+     * @date 2022-09-29 20:09:27
+     * @returns {*}  {Promise<void>}
+     */
+    wfStart(): Promise<void>;
+    /**
+     * 工作流提交
+     *
+     * @author lxm
+     * @date 2022-09-29 20:09:27
+     * @returns {*}  {Promise<void>}
+     */
+    wfSubmit(): Promise<void>;
+}