@ibiz-template/vue3-components 0.7.38-alpha.12 → 0.7.38-alpha.31

package/es/util/notification-util/upload-manager/upload-manager.d.ts

@@ -0,0 +1,64 @@
+import { Ref, PropType } from 'vue';
+import { IUploadManagerParams } from '@ibiz-template/runtime';
+import './upload-manager.scss';
+interface IFile {
+    /**
+     * 文件
+     *
+     * @type {File}
+     */
+    file: File;
+    /**
+     * 状态
+     *
+     * (未上传 | 已上传 | 上传失败)
+     * @type {(10 | 20 | 30)}
+     */
+    status: 10 | 20 | 30;
+    /**
+     * 进度
+     *
+     * @type {number}
+     */
+    progress: number;
+    /**
+     * 状态文本
+     *
+     * @type {string}
+     */
+    statusText?: string;
+    /**
+     * 响应数据
+     *
+     * @type {IData}
+     * @memberof IFile
+     */
+    data?: IData;
+}
+export declare const IBizUploadManager: import("vue").DefineComponent<{
+    params: {
+        type: PropType<IUploadManagerParams>;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    fileList: Ref<IFile[]>;
+    uploading: import("vue").ComputedRef<boolean>;
+    progress: import("vue").ComputedRef<number>;
+    uploadStatus: import("vue").ComputedRef<boolean>;
+    showFileList: Ref<boolean>;
+    onClose: () => void;
+    onChangeShowFileList: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => true;
+    uploadComplete: (_data: IData[]) => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    params: {
+        type: PropType<IUploadManagerParams>;
+        required: true;
+    };
+}>> & {
+    onClose?: (() => any) | undefined;
+    onUploadComplete?: ((_data: IData[]) => any) | undefined;
+}, {}, {}>;
+export {};

package/es/util/notification-util/upload-manager/upload-manager.mjs

@@ -0,0 +1,159 @@
+import { defineComponent, ref, computed, watch, onMounted, createVNode, resolveComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { getCookie } from 'qx-util';
+import { CoreConst } from '@ibiz-template/core';
+import { getFileSvgByType } from './file-type.mjs';
+import './upload-manager.css';
+
+"use strict";
+const IBizUploadManager = /* @__PURE__ */ defineComponent({
+  name: "IBizUploadManager",
+  props: {
+    params: {
+      type: Object,
+      required: true
+    }
+  },
+  emits: {
+    close: () => true,
+    uploadComplete: (_data) => true
+  },
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace("upload-manager");
+    const fileList = ref([]);
+    const showFileList = ref(true);
+    for (let i = 0; i < props.params.files.length; i++) {
+      fileList.value.push({
+        file: props.params.files[i],
+        status: 10,
+        progress: 0
+      });
+    }
+    const uploading = computed(() => {
+      return fileList.value.findIndex((item) => item.status === 10) !== -1;
+    });
+    const uploadStatus = computed(() => {
+      return fileList.value.findIndex((item) => item.status === 30) === -1;
+    });
+    const progress = computed(() => {
+      const uploaded = fileList.value.filter((item) => item.status !== 10);
+      return Math.floor(uploaded.length / fileList.value.length * 100);
+    });
+    watch(() => uploading.value, () => {
+      if (!uploading.value) {
+        const data = fileList.value.filter((item) => item.status === 20 && !!item.data).map((item) => item.data);
+        emit("uploadComplete", data);
+      }
+    });
+    const onClose = () => {
+      emit("close");
+    };
+    const onChangeShowFileList = () => {
+      showFileList.value = !showFileList.value;
+    };
+    const uploadFile = async (item) => {
+      const data = new FormData();
+      data.append("file", item.file);
+      const headers = {
+        ["".concat(ibiz.env.tokenHeader, "Authorization")]: "".concat(ibiz.env.tokenPrefix, "Bearer ").concat(getCookie(CoreConst.TOKEN)),
+        ...props.params.headers
+      };
+      const res = await ibiz.net.axios({
+        url: props.params.uploadUrl,
+        method: "post",
+        headers,
+        data,
+        onUploadProgress: (ProgressEvent) => {
+          const percentCompleted = Math.round(ProgressEvent.loaded * 100 / (ProgressEvent.total || 1));
+          item.progress = percentCompleted;
+        }
+      });
+      return res;
+    };
+    onMounted(async () => {
+      for (let i = 0; i < fileList.value.length; i++) {
+        const item = fileList.value[i];
+        uploadFile(item).then((res) => {
+          item.data = res.data;
+          item.status = res.status === 200 ? 20 : 30;
+          item.statusText = res.statusText;
+        }).catch((error) => {
+          item.status = 30;
+          item.statusText = error.message ? error.message : ibiz.i18n.t("util.uploadManager.failed");
+        });
+      }
+    });
+    return {
+      ns,
+      fileList,
+      uploading,
+      progress,
+      uploadStatus,
+      showFileList,
+      onClose,
+      onChangeShowFileList
+    };
+  },
+  render() {
+    return createVNode("div", {
+      "class": this.ns.b()
+    }, [createVNode("div", {
+      "class": this.ns.e("header")
+    }, [createVNode("div", {
+      "class": this.ns.em("header", "loading")
+    }, [this.uploading ? createVNode(resolveComponent("el-progress"), {
+      "type": "circle",
+      "percentage": this.progress,
+      "showText": false
+    }, null) : this.uploadStatus ? createVNode("ion-icon", {
+      "name": "checkmark-circle",
+      "class": "icon success"
+    }, null) : createVNode("ion-icon", {
+      "name": "close-circle",
+      "class": "icon danger"
+    }, null)]), createVNode("div", {
+      "class": this.ns.em("header", "title")
+    }, [createVNode("span", {
+      "class": "caption"
+    }, [ibiz.i18n.t("util.uploadManager.title")]), createVNode("span", {
+      "class": "progress"
+    }, ["".concat(this.fileList.filter((item) => item.status === 20).length, " / ").concat(this.fileList.length)])]), createVNode("div", {
+      "class": this.ns.em("header", "actions")
+    }, [createVNode("ion-icon", {
+      "name": this.showFileList ? "chevron-down-outline" : "chevron-up-outline",
+      "class": "icon down-up",
+      "onClick": this.onChangeShowFileList
+    }, null), createVNode("ion-icon", {
+      "name": "close-outline",
+      "class": "icon close",
+      "onClick": this.onClose
+    }, null)])]), this.showFileList && createVNode("div", {
+      "class": this.ns.e("content")
+    }, [this.fileList.map((item) => {
+      return createVNode("div", {
+        "class": this.ns.e("file-item")
+      }, [createVNode("div", {
+        "class": this.ns.em("file-item", "icon")
+      }, [getFileSvgByType(item.file.type)]), createVNode("div", {
+        "class": this.ns.em("file-item", "name")
+      }, [item.file.name]), createVNode("div", {
+        "class": this.ns.em("file-item", "status")
+      }, [item.status === 10 && createVNode(resolveComponent("el-progress"), {
+        "type": "circle",
+        "percentage": item.progress
+      }, null), item.status === 20 && createVNode("ion-icon", {
+        "name": "checkmark-circle",
+        "class": "icon success"
+      }, null), item.status === 30 && createVNode("ion-icon", {
+        "name": "close-circle",
+        "class": "icon danger"
+      }, null)]), item.status === 30 && createVNode("div", {
+        "class": this.ns.em("file-item", "status-text")
+      }, [item.statusText])]);
+    })])]);
+  }
+});
+
+export { IBizUploadManager };

package/es/util/pagination/use-pagination.mjs

@@ -18,7 +18,7 @@ function usePagination(c) {
       return;
     }
     c.state.curPage = page;
-    if (c.context && c.context.srfrunmode === "DESIGN") {
+    if (c.runMode === "DESIGN") {
       initGridItems();
       return;
     }
@@ -29,13 +29,14 @@ function usePagination(c) {
       return;
     }
     c.state.size = size;
-    if (c.context && c.context.srfrunmode === "DESIGN") {
+    if (c.runMode === "DESIGN") {
       initGridItems();
       return;
     }
-    if (c.state.curPage === 1) {
-      c.load();
+    if (c.state.curPage !== 1) {
+      c.state.curPage = 1;
     }
+    c.load();
   }
   function onPageRefresh() {
     c.load();

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

@@ -54,6 +54,21 @@ const LoginView = /* @__PURE__ */ defineComponent({
       }
     };
     getTitle();
+    const platform = window.navigator.userAgent.toUpperCase();
+    const thirdAuth = async () => {
+      let result;
+      if (platform.indexOf("DINGTALK") !== -1) {
+        result = await ibiz.thirdAuth.auth("DINGTALK", "EMBED");
+      } else if (platform.indexOf("WXWORK") !== -1) {
+        result = await ibiz.thirdAuth.auth("WXWORK", "EMBED");
+      }
+      if (result && result.ok) {
+        window.location.hash = ru;
+        window.history.pushState({}, "");
+        window.location.reload();
+      }
+    };
+    thirdAuth();
     ibiz.appData = void 0;
     ibiz.orgData = void 0;
     const onClick = async () => {
@@ -76,6 +91,9 @@ const LoginView = /* @__PURE__ */ defineComponent({
       }
     };
     onMounted(async () => {
+      if (platform.indexOf("DINGTALK") !== -1 || platform.indexOf("WXWORK") !== -1) {
+        return;
+      }
       const search = qs.parse(window.location.search.replace("?", ""));
       if (search.isAnonymous === "true") {
         const bol = await ibiz.auth.anonymousLogin();

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

@@ -149,6 +149,20 @@ class EditViewEngine extends ViewEngineBase {
       this.formDataStateChange(event);
       evt.emit("onDataChange", { ...event, actionType: "REMOVE" });
     });
+    const appDe = await ibiz.hub.getAppDataEntity(
+      this.view.model.appDataEntityId,
+      this.view.model.appId
+    );
+    this.form.evt.on("onFormDataChange", (event) => {
+      const { name, value } = event;
+      if (name === appDe.formTypeAppDEFieldId && this.view.model.multiFormMode === 1) {
+        this.view.redrawView({
+          context: this.view.context,
+          params: { srfdatatype: value, [name]: value },
+          isReloadModel: true
+        });
+      }
+    });
     if (!this.view.state.noLoadDefault && model.loadDefault) {
       this.load();
     }

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

@@ -96,6 +96,7 @@ class LoginViewEngine extends ViewEngineBase {
     this.view.evt.emit("onAfterLogin", { ok: bol, panelDataParent });
     if (bol === true) {
       window.location.hash = this.route.query.ru || "/";
+      window.history.pushState({}, "");
       window.location.reload();
     }
   }

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

@@ -16,6 +16,7 @@ export declare class OptViewEngine extends ViewEngineBase {
      * @memberof OptViewEngine
      */
     get form(): IEditFormController;
+    protected init(): void;
     /**
      * 视图created生命周期执行逻辑
      *

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

@@ -1,4 +1,4 @@
-import { ViewEngineBase, SysUIActionTag, ViewCallTag } from '@ibiz-template/runtime';
+import { ViewEngineBase, getControl, getControlsByView, SysUIActionTag, ViewCallTag } from '@ibiz-template/runtime';
 
 "use strict";
 class OptViewEngine extends ViewEngineBase {
@@ -11,6 +11,27 @@ class OptViewEngine extends ViewEngineBase {
   get form() {
     return this.view.getController("form");
   }
+  init() {
+    super.init();
+    if (this.view.model.multiFormMode === 1 && this.view.params.srfdatatype) {
+      const model = getControl(
+        this.view.model,
+        "_form_".concat(this.view.params.srfdatatype)
+      );
+      if (model) {
+        const controls = getControlsByView(this.view.model).filter((item) => {
+          return item.controlType !== "FORM";
+        });
+        model.name = "form";
+        controls.push(model);
+        if (this.view.model.viewLayoutPanel) {
+          this.view.model.viewLayoutPanel.controls = controls;
+        } else {
+          this.view.model.controls = controls;
+        }
+      }
+    }
+  }
   /**
    * 视图created生命周期执行逻辑
    *
@@ -64,6 +85,25 @@ class OptViewEngine extends ViewEngineBase {
     this.form.evt.on("onSaveSuccess", (event) => {
       formDataStateChange(event);
     });
+    const appDe = await ibiz.hub.getAppDataEntity(
+      this.view.model.appDataEntityId,
+      this.view.model.appId
+    );
+    this.form.evt.on("onFormDataChange", (event) => {
+      const { name, value } = event;
+      if (name === appDe.formTypeAppDEFieldId && this.view.model.multiFormMode === 1) {
+        this.view.redrawView({
+          context: this.view.context,
+          params: {
+            ...this.view.params,
+            srfdatatype: value,
+            srfdefdata: event.data[0],
+            [name]: value
+          },
+          isReloadModel: true
+        });
+      }
+    });
     if (!this.view.state.noLoadDefault && model.loadDefault) {
       this.load();
     }

package/es/view-engine/tab-exp-view.engine.d.ts

@@ -27,6 +27,15 @@ export declare class TabExpViewEngine extends ViewEngineBase {
      * @memberof TabExpViewEngine
      */
     onCreated(): Promise<void>;
+    /**
+     * 分页导航视图刷新
+     *
+     * @author tony001
+     * @date 2024-10-21 11:10:47
+     * @return {*}  {Promise<void>}
+     */
+    refresh(): Promise<void>;
+    call(key: string, args: any): Promise<any>;
     onMounted(): Promise<void>;
     loadEntityData(): Promise<void>;
     /**

package/es/view-engine/tab-exp-view.engine.mjs

@@ -1,5 +1,5 @@
 import { ModelError } from '@ibiz-template/core';
-import { ViewEngineBase, calcDeCodeNameById, getControl } from '@ibiz-template/runtime';
+import { ViewEngineBase, SysUIActionTag, calcDeCodeNameById, getControl } from '@ibiz-template/runtime';
 
 "use strict";
 class TabExpViewEngine extends ViewEngineBase {
@@ -33,6 +33,25 @@ class TabExpViewEngine extends ViewEngineBase {
     )) == null ? void 0 : _a.value;
     this.view.slotProps.tabexppanel.defaultTabName = this.view.state.srfnav || srfdefaultnav;
   }
+  /**
+   * 分页导航视图刷新
+   *
+   * @author tony001
+   * @date 2024-10-21 11:10:47
+   * @return {*}  {Promise<void>}
+   */
+  async refresh() {
+    await this.loadEntityData();
+    this.tabExpPanel.refresh();
+  }
+  // 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;
+    }
+    return super.call(key, args);
+  }
   async onMounted() {
     await super.onMounted();
     await this.loadEntityData();

package/es/view-engine/tab-search-view.engine.d.ts

@@ -1,5 +1,5 @@
 import { ISearchBarController, ISearchFormController, ITabExpPanelController, ITabSearchViewEvent, ITabSearchViewState, ViewController } from '@ibiz-template/runtime';
-import { IAppDETabSearchView } from '@ibiz/model-core';
+import { IAppDETabSearchView, IDETabViewPanel } from '@ibiz/model-core';
 import { TabExpViewEngine } from './tab-exp-view.engine';
 /**
  * 编辑视图3（分页关系）
@@ -45,6 +45,14 @@ export declare class TabSearchViewEngine extends TabExpViewEngine {
     protected preprocessTabExpModelLayout(): void;
     onCreated(): Promise<void>;
     onMounted(): Promise<void>;
+    /**
+     * 给快捷搜索赋默认提示值
+     * @author ljx
+     * @date 2024-11-12 10:56:25
+     * @return {*}  {Promise<void>}
+     * @memberof TabSearchViewEngine
+     */
+    onQuickSearchPlaceHolder(tab: IDETabViewPanel): Promise<void>;
     call(key: string, args: any): Promise<IData | null | undefined>;
     /**
      * 获取搜索相关的查询参数

package/es/view-engine/tab-search-view.engine.mjs

@@ -61,10 +61,60 @@ class TabSearchViewEngine extends TabExpViewEngine {
       });
     }
     if (this.tabExpPanel) {
-      this.tabExpPanel.evt.on("onTabChange", () => {
-        this.calcViewParams();
+      this.tabExpPanel.evt.on(
+        "onTabChange",
+        ({ tab }) => {
+          this.calcViewParams();
+          this.onQuickSearchPlaceHolder(tab);
+        }
+      );
+      const { activeTabViewPanelModel } = this.tabExpPanel;
+      if (activeTabViewPanelModel) {
+        this.onQuickSearchPlaceHolder(activeTabViewPanelModel);
+      }
+    }
+  }
+  /**
+   * 给快捷搜索赋默认提示值
+   * @author ljx
+   * @date 2024-11-12 10:56:25
+   * @return {*}  {Promise<void>}
+   * @memberof TabSearchViewEngine
+   */
+  async onQuickSearchPlaceHolder(tab) {
+    let { caption } = tab;
+    const viewConfig = await ibiz.hub.config.view.get(
+      tab.embeddedAppDEViewId || ""
+    );
+    const appDataEntity = await ibiz.hub.getAppDataEntity(
+      viewConfig.appDataEntityId,
+      viewConfig.appId
+    );
+    if (appDataEntity) {
+      const searchFields = appDataEntity.appDEFields.filter((field) => {
+        return field.enableQuickSearch;
       });
+      if (searchFields.length) {
+        const placeHolders = [];
+        searchFields.forEach((searchField) => {
+          if (searchField.lnlanguageRes && searchField.lnlanguageRes.lanResTag) {
+            placeHolders.push(
+              ibiz.i18n.t(
+                searchField.lnlanguageRes.lanResTag,
+                searchField.logicName
+              )
+            );
+          } else if (searchField.logicName) {
+            placeHolders.push(searchField.logicName);
+          }
+        });
+        if (placeHolders.length > 0) {
+          caption = placeHolders.join("\u3001");
+        }
+      }
     }
+    this.searchBar.placeHolder = caption || "";
+    this.searchBar.state.quickSearchPlaceHolder = caption || "";
   }
   // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types
   async call(key, args) {

package/es/web-app/attach-environment-config.mjs

@@ -15,7 +15,11 @@ async function attachEnvironmentConfig() {
   Object.keys(ibiz.env).forEach((key) => {
     const key2 = envMap.has(key) ? envMap.get(key) : key;
     if (env[key2] != null) {
-      ibiz.env[key] = env[key2];
+      if (key2 === "customParams") {
+        ibiz.env[key] = JSON.parse(env[key2]);
+      } else {
+        ibiz.env[key] = env[key2];
+      }
     }
   });
   if (query) {

package/es/web-app/guard/auth-guard/auth-guard.d.ts

@@ -21,35 +21,42 @@ export declare class AuthGuard {
     });
     /**
      * 总的入口校验
-     * @author lxm
-     * @date 2024-02-21 10:43:55
-     * @param {boolean} notLogin
+     *
+     * @author tony001
+     * @date 2024-11-12 14:11:32
+     * @param {IParams} context
+     * @param {boolean} [notLogin=true]
      * @return {*}  {Promise<boolean>}
      */
-    verify(notLogin?: boolean): Promise<boolean>;
+    verify(context: IParams, notLogin?: boolean): Promise<boolean>;
     /**
      * 匿名登录相关校验逻辑，不通过会抛异常
-     * @author lxm
-     * @date 2024-01-03 07:29:30
+     *
+     * @author tony001
+     * @date 2024-11-12 14:11:27
+     * @param {IParams} context
      * @return {*}  {Promise<void>}
      */
-    anonymousValidate(): Promise<void>;
+    anonymousValidate(context: IParams): Promise<void>;
     /**
      * 应用参数初始化
      *
-     * @author chitanda
-     * @date 2022-07-20 19:07:54
+     * @author tony001
+     * @date 2024-11-12 14:11:06
+     * @param {IParams} context
      * @return {*}  {Promise<void>}
      */
-    appInit(): Promise<void>;
+    appInit(context: IParams): Promise<void>;
     /**
      * 初始化模型
-     * @author lxm
-     * @date 2024-02-21 10:48:36
-     * @param {boolean} [permission=true]
+     *
+     * @author tony001
+     * @date 2024-11-12 14:11:43
+     * @param {IParams} context
+     * @param {boolean} [_permission=true]
      * @return {*}  {Promise<void>}
      */
-    initModel(_permission?: boolean): Promise<void>;
+    initModel(context: IParams, _permission?: boolean): Promise<void>;
     /**
      * 加载应用数据
      *