@bytenew/bn-bus-ui 1.1.399

package/dist/chooseIPaasData-Bfm58C-0.js

@@ -0,0 +1,391 @@
+import { cloneDeep as w } from "lodash";
+import { _, g as N, a as E } from "./install-DSQCBsd_.js";
+import { withDirectives as k, openBlock as u, createElementBlock as v, withModifiers as L, normalizeStyle as z, vShow as B, resolveComponent as d, resolveDirective as U, createBlock as C, withCtx as a, createVNode as r, createElementVNode as c, Fragment as D, renderList as P, createTextVNode as f, toDisplayString as x } from "vue";
+const A = {
+  name: "WorksheetCopy",
+  data() {
+    return {
+      isMouseIn: !1,
+      visiable: !1,
+      params: {},
+      style: {}
+    };
+  },
+  methods: {
+    /**
+     * 鼠标移入移出
+     * @param {Event} e 事件对象
+     */
+    onMouseEvent(s) {
+      this.isMouseIn = s.type !== "mouseleave";
+    },
+    /**
+     * 初始化
+     * @param {Object} params {column:组件信息,row:行数据}
+     */
+    onShow(s, e) {
+      try {
+        const { right: n, top: o } = s.getBoundingClientRect();
+        this.style = {
+          left: `${n - 34}px`,
+          top: `${o}px`
+        }, this.params = e, this.visiable = !0;
+      } catch {
+        console.log("显示复制按钮失败");
+      }
+    },
+    onHide() {
+      this.visiable = !1;
+    },
+    /**
+     * 复制文本
+     */
+    copyText() {
+      const { column: s, row: e } = this.params;
+      let n = e[s.columnCode] || "";
+      if (n) {
+        const o = document.createElement("textarea");
+        o.value = n, document.body.appendChild(o), o.select(), document.execCommand("copy"), document.body.removeChild(o), this.$message.success("复制成功");
+      } else
+        this.$message.warning("无内容可复制");
+    }
+  }
+};
+function H(s, e, n, o, t, l) {
+  return k((u(), v("div", {
+    class: "worksheetCopy",
+    style: z(t.style),
+    onMouseover: e[0] || (e[0] = (...h) => l.onMouseEvent && l.onMouseEvent(...h)),
+    onMouseleave: e[1] || (e[1] = (...h) => l.onMouseEvent && l.onMouseEvent(...h)),
+    onClick: e[2] || (e[2] = L((...h) => l.copyText && l.copyText(...h), ["stop"]))
+  }, "复制 ", 36)), [
+    [B, t.visiable || t.isMouseIn]
+  ]);
+}
+const O = /* @__PURE__ */ _(A, [["render", H], ["__scopeId", "data-v-684f7285"]]), j = {
+  name: "chooseIPaasData",
+  components: { tableCellCopy: O },
+  props: {
+    // 接口请求外部转发
+    postFunc: Function,
+    // 扩展参数
+    extendPost: Object
+  },
+  data() {
+    return {
+      show: !1,
+      loading: !1,
+      // 子表单信息
+      columnData: {},
+      // 支持筛选的组件
+      searchColumns: [],
+      // 对筛选组件进行处理，尽量少的传一些字段
+      conditions: [],
+      // 最大高度
+      tableMaxHeight: 400,
+      // 选中数据
+      selectData: [],
+      // 高级筛选
+      searchPost: {
+        pageSize: 20,
+        pageNum: 1,
+        total: 0,
+        conditions: [],
+        taskContent: ""
+      },
+      // 表格数据
+      orderList: [],
+      // 快捷筛选项
+      searchList: []
+    };
+  },
+  methods: {
+    /**
+     * 打开选择弹框，处理数据回显
+     * */
+    open(s, e) {
+      this.columnData = w(s), this.orderList = [], this.searchPost.pageNum = 1, this.searchPost.taskContent = JSON.stringify(e), this.searchColumns = [];
+      try {
+        let n = [];
+        s.moduleDefinition.forEach((o) => {
+          let t = o.outDataSourceInfo[0] || {}, l = t.extend ? JSON.parse(t.extend) : {};
+          t.platform == "relation_ipaas" && l.io == "in" && n.push(o);
+        }), this.searchColumns = E(n, this.extendPost.appId, this.extendPost.projectId), this.conditions = this.searchColumns.map((o) => ({
+          id: o.id,
+          name: o.name,
+          behaviorType: o.behaviorType,
+          columnCode: o.columnCode,
+          searchType: o.searchType,
+          value: o.value
+        }));
+      } catch (n) {
+        console.log("格式化关联表筛选组件" + n);
+      }
+      this.tableMaxHeight = window.innerHeight - 360, this.postFunc(`/v2/client/cache/get/${this.extendPost.projectId}_${this.columnData.id}_${this.extendPost.userId || ""}_assocTable`, {}, "get").then((n) => {
+        if (!n.code && n.data) {
+          const o = JSON.parse(n.data);
+          o.conditions ? this.searchPost.conditions = o.conditions : this.searchColumns.length > 0 && (this.searchPost.conditions = [w(this.searchColumns[0])]);
+        }
+        this.search();
+      }), this.show = !0;
+    },
+    /**
+     * 选中任务
+     * */
+    checkChange({ checked: s, row: e }) {
+      this.$refs.assocTable.setCheckboxRow(e, s), s ? this.selectData.includes(e.id) || this.selectData.push(e.id) : this.selectData.includes(e.id) && this.selectData.splice(this.selectData.indexOf(e.id), 1);
+    },
+    /**
+     * 全选任务
+     * */
+    checkAllTask({ records: s }) {
+      s.length != 0 ? s.map((e) => {
+        this.selectData.includes(e.id) || this.selectData.push(e.id);
+      }) : this.selectData = [];
+    },
+    /**
+     * 筛选数据
+     * */
+    search(s) {
+      var n;
+      this.searchPost = { ...this.searchPost, ...s }, this.postFunc("/v2/client/cache/save", {
+        key: `${this.extendPost.projectId}_${this.columnData.id}_${this.extendPost.userId || ""}_assocTable`,
+        value: this.searchPost
+      });
+      let e = {
+        ...this.searchPost,
+        conditions: JSON.stringify(this.searchPost.conditions),
+        originId: this.extendPost.projectId,
+        subFormId: this.columnData.id
+      };
+      this.selectData = [], (n = this.$refs.assocTable) == null || n.clearCheckboxRow(), this.loading = !0, this.postFunc("/biztable/content/queryChildTask", e).then((o) => {
+        this.loading = !1, o.code ? (this.orderList = [], this.searchPost.total = 0, this.searchPost.pageNum = 1) : (this.orderList = o.data.results, this.searchPost.total = parseInt(o.data.total), this.searchPost.pageNum = o.data.pageNum);
+      });
+    },
+    /**
+     * 鼠标移入移出单元格，展示隐藏复制按钮
+     * @param {Event} e 事件对象
+     */
+    onMouseEvent(s) {
+      var n, o, t;
+      if (s.$event.type === "mouseleave")
+        (n = this.$refs.childTableCopy) == null || n.onHide();
+      else {
+        let l = {
+          column: { columnCode: (o = this.headerColumns[s.columnIndex - 2]) == null ? void 0 : o.columnCode },
+          row: s.row
+        };
+        l.row[l.column.columnCode] && ((t = this.$refs.childTableCopy) == null || t.onShow(s.cell, l));
+      }
+    },
+    /**
+     * 转义title
+     * */
+    getTitle(s, e) {
+      return N(s, !0, e);
+    },
+    /**
+     * 确认
+     * */
+    sure(s) {
+      let e = this.orderList.reduce((n, o) => (this.selectData.includes(o.id) && n.push(o), n), []);
+      setTimeout(() => {
+        this.$emit("setChildrenForm", e, s, this.columnData.columnCode);
+      }, 200), this.show = !1;
+    }
+  }
+}, J = { class: "chooseIPaasData" }, R = { class: "chooseIPaasData-search w-margin-bottom10" }, q = { class: "w-flex-between w-margin-bottom10" }, K = { class: "w-flex-center" }, W = { class: "w-flex-center" }, G = { class: "w-flex-right w-flex-center" }, Q = { class: "w-font13 w-color-gray w-margin-right8" };
+function X(s, e, n, o, t, l) {
+  const h = d("tableCellCopy"), I = d("BnAdvancedFilter"), m = d("el-button"), T = d("BnDrop"), b = d("vxe-column"), M = d("vxe-table"), S = d("el-pagination"), y = d("el-popover"), F = d("el-dialog"), V = U("loading");
+  return u(), C(F, {
+    modelValue: t.show,
+    "onUpdate:modelValue": e[7] || (e[7] = (i) => t.show = i),
+    title: `请选择${t.columnData.name}`,
+    top: "18px",
+    width: "70%",
+    "destroy-on-close": "",
+    style: { "margin-bottom": "0" }
+  }, {
+    footer: a(() => [
+      c("div", G, [
+        c("span", Q, "已选择（" + x(t.selectData.length) + "/" + x(t.orderList.length) + "）条", 1),
+        r(S, {
+          class: "w-margin-right8",
+          background: "",
+          "current-page": t.searchPost.pageNum,
+          "onUpdate:currentPage": e[2] || (e[2] = (i) => t.searchPost.pageNum = i),
+          "page-size": t.searchPost.pageSize,
+          "onUpdate:pageSize": e[3] || (e[3] = (i) => t.searchPost.pageSize = i),
+          layout: "prev, pager, next",
+          onCurrentChange: l.search,
+          total: t.searchPost.total
+        }, null, 8, ["current-page", "page-size", "onCurrentChange", "total"]),
+        r(m, {
+          onClick: e[4] || (e[4] = (i) => t.show = !1)
+        }, {
+          default: a(() => [...e[11] || (e[11] = [
+            f("取消", -1)
+          ])]),
+          _: 1
+        }),
+        r(y, {
+          placement: "top-start",
+          width: 298,
+          trigger: "hover"
+        }, {
+          reference: a(() => [
+            r(m, {
+              type: "primary",
+              onClick: e[5] || (e[5] = (i) => l.sure("add")),
+              disabled: t.selectData.length == 0
+            }, {
+              default: a(() => [...e[12] || (e[12] = [
+                f("确认追加", -1)
+              ])]),
+              _: 1
+            }, 8, ["disabled"])
+          ]),
+          default: a(() => [
+            e[13] || (e[13] = c("div", { class: "BnSmartForm-title-tip" }, "在原有的子表单值的基础上追加选中的数据", -1))
+          ]),
+          _: 1
+        }),
+        r(y, {
+          placement: "top-start",
+          width: 290,
+          trigger: "hover"
+        }, {
+          reference: a(() => [
+            r(m, {
+              type: "primary",
+              onClick: e[6] || (e[6] = (i) => l.sure("cover")),
+              disabled: t.selectData.length == 0
+            }, {
+              default: a(() => [...e[14] || (e[14] = [
+                f("确认覆盖", -1)
+              ])]),
+              _: 1
+            }, 8, ["disabled"])
+          ]),
+          default: a(() => [
+            e[15] || (e[15] = c("div", { class: "BnSmartForm-title-tip" }, "用选中的数据直接覆盖子表单的原有的值", -1))
+          ]),
+          _: 1
+        })
+      ])
+    ]),
+    default: a(() => [
+      r(h, { ref: "childTableCopy" }, null, 512),
+      c("div", J, [
+        c("div", R, [
+          (u(!0), v(D, null, P(t.searchPost.conditions, (i, p) => (u(), v("div", {
+            key: p,
+            class: "chooseIPaasData-search-item"
+          }, [
+            r(I, {
+              modelValue: t.searchPost.conditions[p],
+              "onUpdate:modelValue": (g) => t.searchPost.conditions[p] = g,
+              columnList: t.searchColumns,
+              onValueChange: e[0] || (e[0] = (g) => l.search()),
+              allowSearchType: !1,
+              allowDel: "",
+              onDel: (g) => t.searchPost.conditions.splice(p, 1),
+              postFunc: n.postFunc,
+              pathUrl: i.pathUrl,
+              postData: i.postData
+            }, null, 8, ["modelValue", "onUpdate:modelValue", "columnList", "onDel", "postFunc", "pathUrl", "postData"])
+          ]))), 128))
+        ]),
+        c("div", q, [
+          c("div", K, [
+            r(T, {
+              modelValue: t.searchPost.conditions,
+              "onUpdate:modelValue": e[1] || (e[1] = (i) => t.searchPost.conditions = i),
+              options: t.conditions,
+              multiple: "",
+              optionProps: { value: "columnCode", label: "name" }
+            }, {
+              default: a(() => [
+                r(m, {
+                  type: "primary",
+                  link: ""
+                }, {
+                  default: a(() => [...e[8] || (e[8] = [
+                    f(" + 添加筛选条件", -1)
+                  ])]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue", "options"])
+          ]),
+          c("div", W, [
+            r(m, {
+              type: "primary",
+              onClick: l.search
+            }, {
+              default: a(() => [...e[9] || (e[9] = [
+                f("筛选", -1)
+              ])]),
+              _: 1
+            }, 8, ["onClick"])
+          ])
+        ]),
+        k((u(), C(M, {
+          ref: "assocTable",
+          border: "",
+          size: "small",
+          data: t.orderList,
+          class: "chooseIPaasData-out",
+          "tooltip-config": {},
+          "row-config": { keyField: "id", isCurrent: !0, isHover: !0 },
+          "max-height": t.tableMaxHeight,
+          "min-height": "50",
+          "expand-config": { expandAll: !0 },
+          "column-config": { resizable: !0 },
+          "checkbox-config": { checkRowKeys: t.selectData },
+          "scroll-x": { enabled: !0, gt: 8 },
+          "scroll-y": { enabled: !0, gt: 15 },
+          onCheckboxChange: l.checkChange,
+          onCellMouseenter: l.onMouseEvent,
+          onCellMouseleave: l.onMouseEvent,
+          onCheckboxAll: l.checkAllTask
+        }, {
+          empty: a(() => [...e[10] || (e[10] = [
+            c("span", null, "暂无数据", -1)
+          ])]),
+          default: a(() => [
+            r(b, {
+              type: "checkbox",
+              width: "32",
+              fixed: "left"
+            }),
+            (u(!0), v(D, null, P(t.columnData.moduleDefinition, (i, p) => (u(), C(b, {
+              visible: i.extraInfo.isAddable == 1,
+              title: i.name,
+              field: i.columnCode,
+              "min-width": "160",
+              key: p,
+              "show-header-overflow": "title",
+              "show-overflow": "title",
+              "show-footer-overflow": ""
+            }, {
+              default: a((g) => [
+                c("span", null, x(l.getTitle(i, g.row[i.columnCode])), 1)
+              ]),
+              _: 2
+            }, 1032, ["visible", "title", "field"]))), 128))
+          ]),
+          _: 1
+        }, 8, ["data", "max-height", "checkbox-config", "onCheckboxChange", "onCellMouseenter", "onCellMouseleave", "onCheckboxAll"])), [
+          [V, t.loading]
+        ])
+      ])
+    ]),
+    _: 1
+  }, 8, ["modelValue", "title"]);
+}
+const ee = /* @__PURE__ */ _(j, [["render", X], ["__scopeId", "data-v-1c870df6"]]);
+export {
+  ee as default
+};

package/dist/chooseIPaasData.css

@@ -0,0 +1 @@
+.worksheetCopy[data-v-684f7285]{position:fixed;width:34px;height:22px;line-height:22px;text-align:center;background-color:#3333334d;color:#fff;font-size:12px;z-index:999999}.worksheetCopy[data-v-684f7285]:hover{background-color:#65acff;cursor:pointer}.chooseIPaasData[data-v-1c870df6]{height:100%;overflow:hidden}.chooseIPaasData-search[data-v-1c870df6]{display:flex;flex-wrap:wrap;max-height:142px;overflow-y:auto;gap:10px 18px}.chooseIPaasData-search-item[data-v-1c870df6]{width:calc(33.33% - 18px);flex-grow:0}.chooseIPaasData-out[data-v-1c870df6] .vxe-table--header .vxe-header--row{background-color:#ecf5ff}