@epxing/business 0.0.0-stage → 5.3.0-beta.1

package/dist/src/components/UserFind.vue.js

@@ -0,0 +1,592 @@
+import { createVNode, resolveComponent, createTextVNode } from "vue";
+import ListFind from "@epxing/components/src/entity-list-find";
+import axios from "axios";
+const _sfc_main = {
+  name: "epx-user-find",
+  extends: ListFind,
+  pageSize: 20,
+  keywords: ["NAME", "ACCOUNT"],
+  style: {
+    margin: 0,
+    padding: "0 10px"
+  },
+  data() {
+    return {
+      data: [],
+      orgTreeData: [],
+      expandOrgKeys: ["all"],
+      checkedList: [],
+      input: "",
+      noData: false,
+      loadFirst: true,
+      keywordFieldConfigs: [],
+      userTypeList: [],
+      activeUserType: ""
+    };
+  },
+  computed: {
+    checked() {
+      return this.checkedList.map((item) => item.ID);
+    },
+    checkedAll() {
+      return this.checkedList.length === this.data.length;
+    },
+    // 查询关键词
+    keywordFields() {
+      return this.keywordFieldConfigs.map((item) => item.attriName || item);
+    },
+    // 查询关键词提示
+    keywordsPlaceHolder() {
+      const labels = this.keywordFieldConfigs.filter((item) => !!item).map((item) => item.attriLabel || this.$meta.getLabelByField(item) || "");
+      return this.$t("input") + (labels.join("/") || this.$t("antistop"));
+    },
+    dataType() {
+      const {
+        dataType
+      } = this.fieldConfig;
+      return dataType;
+    },
+    userType() {
+      const {
+        attribute = {}
+      } = this.fieldConfig;
+      const {
+        userType
+      } = attribute;
+      return userType;
+    }
+  },
+  methods: {
+    getSearchFields() {
+      let {
+        keywords
+      } = this.$configs;
+      if (!this.$meta) return;
+      if (!keywords) {
+        keywords = [.../* @__PURE__ */ new Set([this.$meta.label])];
+      }
+      this.$FieldFactory.createFields({
+        fields: keywords,
+        meta: this.$meta,
+        metaId: this.$metaId
+      }).then((data) => {
+        this.keywordFieldConfigs = [...data];
+      });
+    },
+    openWatchSelection() {
+    },
+    getOrgTreeData() {
+      const {
+        deptParams = {}
+      } = this.$configs;
+      this.$http.getTree({
+        entityId: "FM_DEPT",
+        order_field: "ORDER_NUM",
+        order_mode: "asc",
+        up_field: "UP",
+        "scope.REMOVE_FLAG#not_in": "1",
+        ...deptParams
+      }).then((data) => {
+        this.orgTreeData = [{
+          id: "all",
+          text: this.clientConfig.NAME,
+          children: [...data]
+        }];
+        const findFolder = (arr = this.orgTreeData, folder2 = []) => {
+          for (const item of arr) {
+            if (item.id === this.user.deptId) {
+              folder2.push(item.id);
+              return folder2;
+            } else if (item.children) {
+              const childFolder = findFolder(item.children, [...folder2, item.id]);
+              if (childFolder) return childFolder;
+            }
+          }
+        };
+        const folder = findFolder();
+        if (folder) {
+          this.expandOrgKeys = folder;
+        }
+        this.$nextTick(() => {
+          if (this.fieldConfig.setDefaultDept !== false && this.user.deptId) this.$refs.orgTree.setCurrentKey(this.user.deptId);
+        });
+      });
+    },
+    orgTreeClick(data) {
+      this.selectOrg = data;
+      this.reloadData();
+    },
+    clickUserType(item) {
+      this.activeUserType = item.ID;
+    },
+    async getFields(fields) {
+      if (this.$configs.type === "card") {
+        return this.getCardFields();
+      }
+      if (this.dataType === "user") {
+        if (this.userType) {
+          this.activeUserType = this.userType;
+        }
+      } else {
+        await this.$http.list({
+          entityId: "FM_ENTITY_VIEW",
+          "scope.SYSTEM": this.SYSTEM,
+          "scope.VIEWENTITY|CODE": "FM_USER"
+        }).then((data) => {
+          this.userTypeList = [...data.entitys];
+          if (data.entitys.length > 0) {
+            this.activeUserType = data.entitys[0].ID;
+          }
+        }).catch(() => {
+        });
+      }
+      const {
+        metaViewId,
+        fieldConfigs = {},
+        hiddenFields = [],
+        exportFields
+      } = this.$configs;
+      const linkArr = [];
+      const listFields = fields || this.$configs.listFields;
+      if (listFields) {
+        listFields.forEach((item, index) => {
+          let firstIndex = listFields.findIndex((field) => (field.attriName || field) === (item.attriName || item));
+          let num = 1;
+          while (firstIndex !== index) {
+            if (!item.attriName) {
+              listFields[index] = item = {
+                attriName: item
+              };
+            }
+            item.alias = item.attriName + num++;
+            firstIndex = listFields.findIndex((field) => (field.alias || field.attriName || field) === item.alias);
+          }
+          const name = item.attriName || item;
+          if (name.includes("|")) {
+            const arr = name.split("|");
+            arr.pop();
+            var flags = [];
+            arr.forEach((flag, index2) => {
+              if (index2 > 0) {
+                flags.push(flags[index2 - 1] + "#" + flag.toLowerCase());
+              } else {
+                flags.push(flag.toLowerCase());
+              }
+            });
+            flags.forEach((flag) => {
+              if (!linkArr.includes(flag)) {
+                linkArr.push(flag);
+              }
+            });
+          }
+        });
+      }
+      this.$http.get({
+        action: "validateRoleFieldScope",
+        entityId: "FM_ROLE_FIELDSCOPE",
+        metaId: this.$metaId,
+        link: linkArr.join(",")
+      }).then((data) => {
+        this.roleFieldScope = data;
+        this.$FieldFactory.createFields({
+          defaultFieldConfigs: fieldConfigs,
+          fieldScope: data,
+          fields: listFields,
+          meta: this.$meta,
+          metaViewId,
+          hiddenFields
+          // metaId: this.$metaId
+        }).then((data2) => {
+          this.listFields = [...data2];
+          this.initField = true;
+          if (!exportFields || exportFields.length === 0) {
+            this.exportFields = data2.filter((item) => item.state !== "HIDDEN");
+          } else {
+            this.$FieldFactory.createFields({
+              fieldScope: this.roleFieldScope,
+              fields: exportFields,
+              meta: this.$meta,
+              hiddenFields
+            }).then((exportData) => {
+              this.exportFields = [...exportData];
+            });
+          }
+          if (!this.activeUserType) {
+            this.getData();
+          }
+        });
+      }).catch((err) => {
+        this.$message.error(err.message || "处理失败");
+      });
+    },
+    getData(current, cb) {
+      const CancelToken = axios.CancelToken;
+      let {
+        queryParams = {},
+        pageFlag,
+        orderFields,
+        order_field: orderField = [],
+        order_mode: orderMode = [],
+        limit,
+        action = "listUser"
+      } = this.$configs;
+      const params = {
+        action,
+        entityId: this.$metaId
+      };
+      const functionField = this.listFields.filter((item) => {
+        return item.function;
+      });
+      let functionList = [];
+      if (functionField.length > 0) {
+        functionList = functionField.map((item) => ({
+          dataIndex: item.attriName,
+          function: item.function
+        }));
+        params.fieldFunctions = JSON.stringify(functionList);
+      }
+      if (pageFlag) {
+        params.page = current || this.currentPage;
+        params.limit = this.pageSize;
+      }
+      if (limit) {
+        params.limit = limit;
+      }
+      if (this.scopeParams) {
+        const scopeParams = [...this.scopeParams];
+        if (this.selectOrg && this.selectOrg.id && this.selectOrg.id !== "all") {
+          scopeParams.push({
+            field: "DEPT_ID",
+            mode: "like",
+            values: this.selectOrg.id
+          });
+        }
+        params.scopeParams = JSON.stringify(scopeParams);
+      }
+      if (this.activeUserType) {
+        params.userViewId = this.activeUserType;
+      }
+      if (orderFields && orderFields.length > 0) {
+        orderField = orderFields.map((item) => item.attriName || item);
+        orderMode = orderFields.map((item) => item.sort || "asc");
+      }
+      if (this.sortParams && this.sortParams.sort) {
+        const {
+          sort,
+          order
+        } = this.sortParams;
+        orderField = [sort];
+        orderMode = [order];
+      }
+      if (this.loading) return;
+      this.loading = true;
+      const that = this;
+      this.$http.list({
+        ...params,
+        ...this.$formatParams(queryParams),
+        ...this.searchKeyParams,
+        ...this.queryParams,
+        columnFields: this.columnFields,
+        order_field: orderField.join(","),
+        order_mode: orderMode.join(",")
+      }, {
+        cancelToken: new CancelToken(function executor(c) {
+          that.cancelGetData = c;
+        })
+      }).then((data) => {
+        this.initData = true;
+        this.loading = false;
+        if (current) this.currentPage = current;
+        if (!data) return;
+        this.data = [...this.data, ...data.entitys];
+        this.total = data.total || data.entitys.length;
+        if (this.data.length === this.total) this.noData = true;
+        if (cb) cb(this.data);
+        this.$dispatchPage("listData", [{
+          total: this.total,
+          entitys: this.data
+        }]);
+        this.$emit("listData", {
+          total: this.total,
+          entitys: this.data
+        });
+        if (this.afterData) this.afterData(this.data);
+      }).catch((err) => {
+        console.log(err);
+        this.loading = false;
+        this.$message.error(err.message);
+      });
+    },
+    reloadData() {
+      if (this.cancelGetData) {
+        this.loading = false;
+        this.cancelGetData();
+      }
+      this.noData = false;
+      this.data = [];
+      this.currentPage = 1;
+      this.getData();
+      this.loadFirst = false;
+    },
+    clickItem(item) {
+      const index = this.checked.indexOf(item.ID);
+      if (index !== -1) {
+        this.checkedList.splice(index, 1);
+      } else {
+        if (this.multiple) {
+          this.checkedList.push(item);
+        } else {
+          this.checkedList = [item];
+        }
+      }
+    },
+    changeSelectAll() {
+      if (this.checkedAll) {
+        this.checkedList = [];
+      } else {
+        this.checkedList = [...this.data];
+      }
+    },
+    confirm() {
+      const key = this.$meta.getKey();
+      let label = this.$meta.getLabel();
+      if (this.$configs.LabelFields && this.$configs.LabelFields.length > 0) {
+        label = this.$configs.LabelFields[0];
+      }
+      const result = this.checkedList.filter((item) => !!item).map((item) => ({
+        id: item[key],
+        name: item[`${label}#`] || item[label]
+      }));
+      if (this.multiple) {
+        this.change(result, this.checkedList);
+      } else {
+        this.change(result[0], this.checkedList[0]);
+      }
+      this.cancel();
+    },
+    cancelFn() {
+      this.cancel();
+    },
+    addUsercrollEvent() {
+      if (this.$refs.userContainer) {
+        let timer = null;
+        const userContainer = this.$refs.userContainer;
+        userContainer.addEventListener("scroll", (e) => {
+          if (userContainer.scrollTop + userContainer.offsetHeight + 40 >= userContainer.scrollHeight) {
+            if (timer) return;
+            timer = setTimeout(() => {
+              timer = null;
+              clearTimeout(timer);
+              this.loadFirst = false;
+              if (this.noData || this.loading) return;
+              this.currentPage++;
+              this.getData();
+            }, 200);
+          }
+        });
+      }
+    },
+    getCheckedUserList(v) {
+      this.$http.list({
+        entityId: "FM_USER",
+        "scope.ID#in": v.join(",")
+      }).then((data) => {
+        const orderMap = v.reduce((map, item, index) => ({
+          ...map,
+          [item]: index
+        }), {});
+        this.checkedList = data.entitys.sort((item, nextItem) => orderMap[item.ID] - orderMap[nextItem.ID]);
+      });
+    }
+  },
+  watch: {
+    input(v) {
+      if (!v) {
+        this.searchKeyParams = {};
+      } else {
+        this.searchKeyParams = {
+          keywordFields: this.keywordFields.join(","),
+          keywordValue: v
+        };
+        this.selectOrg = null;
+        if (this.$refs.orgTree) this.$refs.orgTree.setCurrentKey();
+      }
+    },
+    value: {
+      handler(v) {
+        this.checkedList = this.data.filter((item) => v.includes(item.ID));
+        if (this.checkedList.length !== v.length) {
+          this.getCheckedUserList(v);
+        }
+      },
+      immediate: true
+    },
+    activeUserType: {
+      handler(v) {
+        if (v) {
+          if (this.cancelGetData) {
+            this.cancelGetData();
+          }
+          this.loading = false;
+          this.currentPage = 1;
+          this.reloadData();
+        }
+      }
+      // immediate: true
+    },
+    // ⚠️ handler 体已被整段注释，是空函数 ⇒ 触发与否都无副作用，所以在 array-watchers
+    // 基线里算误报。但**别顺手把注释恢复**：基类 EntityList 对 this.data 有 push 和多处
+    // splice，一旦这个 handler 有了真实逻辑，它立刻从误报变成真问题（Vue3 下那些原地变更
+    // 不会触发浅层 watcher），届时要连 deep 一起补。
+    data() {
+      if (this.loadFirst) ;
+    }
+  },
+  created() {
+    if (this.fieldConfig.setDefaultDept !== false && this.user.deptId) {
+      this.selectOrg = {
+        id: this.user.deptId
+      };
+    }
+    this.getOrgTreeData();
+    this.getSearchFields();
+  },
+  mounted() {
+    this.addUsercrollEvent();
+    setTimeout(() => {
+      if (this.$refs.searchInput) this.$refs.searchInput.focus();
+    }, 500);
+  },
+  render() {
+    return createVNode("div", {
+      "class": "epx-user-find container",
+      "style": this.$component.style
+    }, [createVNode(resolveComponent("el-input"), {
+      "ref": "searchInput",
+      "placeholder": this.keywordsPlaceHolder,
+      "modelValue": this.input,
+      "onUpdate:modelValue": ($event) => this.input = $event,
+      "suffix-icon": "el-icon-search"
+    }, null), createVNode("div", {
+      "class": "content"
+    }, [createVNode("div", {
+      "class": "org-container"
+    }, [createVNode(resolveComponent("el-tree"), {
+      "class": "tree",
+      "ref": "orgTree",
+      "data": this.orgTreeData,
+      "node-key": "id",
+      "default-expanded-keys": this.expandOrgKeys,
+      "onNodeClick": this.orgTreeClick.bind(this)
+    }, {
+      default: ({
+        node,
+        data
+      }) => createVNode("span", {
+        "class": ["tree-node"],
+        "title": data.text
+      }, [createVNode("i", {
+        "class": data.children.length > 0 ? "el-icon-folder" : "el-icon-document"
+      }, null), createVNode("span", null, [data.text])])
+    })]), createVNode("div", {
+      "class": "user-container",
+      "ref": "userContainer"
+    }, [createVNode("div", {
+      "class": "user-count"
+    }, [createVNode(resolveComponent("el-checkbox"), {
+      "label": "全选",
+      "value": "全选",
+      "modelValue": this.checkedAll,
+      "onUpdate:modelValue": ($event) => this.checkedAll = $event,
+      "onChange": this.changeSelectAll.bind(this)
+    }, {
+      default: () => [createTextVNode("全选")]
+    }), createVNode("label", null, [createTextVNode(" "), this.total, createTextVNode(" ")])]), this.dataType !== "user" && this.userTypeList.length > 0 && createVNode("div", {
+      "class": "user-type-container"
+    }, [this.userTypeList.map((item) => createVNode("div", {
+      "class": {
+        "user-type-item": true,
+        "user-type-selected": this.activeUserType === item.ID
+      },
+      "key": item.ID,
+      "onClick": this.clickUserType.bind(this, item)
+    }, [item.NAME]))]), createVNode(resolveComponent("el-checkbox-group"), {
+      "modelValue": this.checked
+    }, {
+      default: () => [createVNode("ul", {
+        "class": "user-list"
+      }, [this.data.map((item) => createVNode("li", {
+        "class": {
+          "user-item": true,
+          selected: this.checked.includes(item.ID)
+        },
+        "key": item.ID,
+        "onClick": this.clickItem.bind(this, item)
+      }, [createVNode(resolveComponent("el-checkbox"), {
+        "label": item.ID,
+        "value": item.ID,
+        "onClick": (e) => e.stopPropagation(),
+        "onChange": this.clickItem.bind(this, item)
+      }, {
+        default: () => [createTextVNode(" ")]
+      }), createVNode("div", {
+        "class": "user-head"
+      }, [item.PHOTO ? createVNode("img", {
+        "src": this.$util.getFileUrl(item.PHOTO)
+      }, null) : createVNode("i", {
+        "class": "epx-icon-default-avatar"
+      }, null)]), createVNode("p", {
+        "class": "user-name"
+      }, [item.NAME]), createVNode("p", {
+        "class": "user-code"
+      }, [item.ACCOUNT])])), createVNode("li", {
+        "class": "load-text"
+      }, [this.noData ? "暂无更多" : "正在加载"])])]
+    })]), createVNode("div", {
+      "class": "user-selected-container"
+    }, [createVNode("div", {
+      "class": "user-count"
+    }, [createVNode("label", null, [createTextVNode("已选 "), this.checkedList.length, createTextVNode(" 人")]), createVNode(resolveComponent("el-button"), {
+      "type": "primary",
+      "link": true,
+      "onClick": () => this.checkedList = []
+    }, {
+      default: () => [createTextVNode("清空")]
+    })]), createVNode("ul", {
+      "class": "user-list"
+    }, [this.checkedList.map((item) => createVNode("li", {
+      "class": {
+        "user-item": true,
+        "user-item__selected": true
+      },
+      "key": item.ID
+    }, [createVNode("div", {
+      "class": "user-head"
+    }, [item.PHOTO ? createVNode("img", {
+      "src": this.$util.getFileUrl(item.PHOTO)
+    }, null) : createVNode("i", {
+      "class": "epx-icon-default-avatar"
+    }, null)]), createVNode("p", {
+      "class": "user-name"
+    }, [item.NAME]), createVNode("p", {
+      "class": "user-code"
+    }, [item.ACCOUNT]), createVNode("i", {
+      "class": "el-icon-close user-delete",
+      "onClick": this.clickItem.bind(this, item)
+    }, null)]))])])]), createVNode("div", {
+      "class": "button-group"
+    }, [createVNode(resolveComponent("el-button"), {
+      "type": "primary",
+      "onClick": this.confirm.bind(this)
+    }, {
+      default: () => [createTextVNode("确定")]
+    }), createVNode(resolveComponent("el-button"), {
+      "onClick": this.cancelFn.bind(this)
+    }, {
+      default: () => [createTextVNode("取消")]
+    })])]);
+  }
+};
+export {
+  _sfc_main as default
+};

package/dist/src/components/UserFormItem.js

@@ -0,0 +1,8 @@
+import _sfc_main from "./UserFormItem.vue.js";
+/* empty css                  */
+/* empty css                  */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const UserFormItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2b6d86a1"]]);
+export {
+  UserFormItem as default
+};