@bytenew/bn-bus-ui 1.1.463 → 1.1.464

package/dist/index-C5LQ0OSs.js

@@ -0,0 +1,183 @@
+import { debounce as F } from "lodash";
+import { f as E, a as Q } from "./formItemFooter-BvptZj_u.js";
+import { resolveComponent as u, openBlock as r, createElementBlock as v, createVNode as i, createElementVNode as b, createBlock as d, withCtx as C, createTextVNode as U, toDisplayString as R, createCommentVNode as D } from "vue";
+import { _ as N } from "./install-CNjs0u5x.js";
+const T = {
+  name: "stringForm",
+  components: { formItemTop: Q, formItemFooter: E },
+  props: {
+    column: Object,
+    dataBack: Object,
+    extraInfo: Object,
+    disabled: Boolean,
+    postFunc: Function
+  },
+  data() {
+    return {
+      lastQueryValue: null,
+      lastQueryResults: []
+    };
+  },
+  computed: {
+    parsedDataExtra() {
+      var l, t;
+      const e = ((t = (l = this.column) == null ? void 0 : l.extraInfo) == null ? void 0 : t.dataExtra) || "";
+      if (!e) return null;
+      try {
+        return JSON.parse(e);
+      } catch {
+        return null;
+      }
+    },
+    isUrlType() {
+      var e;
+      return !!((e = this.parsedDataExtra) != null && e.searchUrl);
+    },
+    dataExtraUrl() {
+      var e;
+      return ((e = this.parsedDataExtra) == null ? void 0 : e.searchUrl) || "";
+    }
+  },
+  methods: {
+    /**
+     * 输入框输入事件
+     * */
+    onInput(e) {
+      this.column.error = "", this.column.warning = "", this.$emit("onInput", this.column), this.onChange(e);
+    },
+    /**
+     * 输入框Change事件
+     * @param {String} type 是否是其他事件类型
+     * */
+    onChange: F(function(e, l) {
+      this.column.value && this.checkValue(), this.$emit("onChange", this.column);
+    }, 500),
+    /**
+     * 输入框onFocus事件
+     * */
+    onFocus(e) {
+      this.$emit("focus", this.column);
+    },
+    /**
+     * 输入框失去焦点事件
+     * */
+    onBlur() {
+      this.$emit("blur", this.column);
+    },
+    /**
+     * 检查输入框的值，并判断是否需要调用检查数据唯一
+     *
+     * */
+    checkValue() {
+      try {
+        this.column.extraInfo.regular && (new RegExp(this.column.extraInfo.regular).test(this.column.value) || (this.column.error = this.column.extraInfo.paraExplain || "请输入符合要求的" + this.column.name));
+      } catch (e) {
+        console.log("stringForm.changeErr:" + e);
+      }
+    },
+    /**
+     * 远程搜索建议（聚焦时用当前值筛选，输入变更时用输入值筛选）
+     */
+    querySearch(e, l) {
+      if (!e) {
+        this.lastQueryValue = null, this.lastQueryResults = [], l([]);
+        return;
+      }
+      if (this.lastQueryValue === e) {
+        l(this.lastQueryResults);
+        return;
+      }
+      const t = {
+        ...this.column.postData || {},
+        column: this.column.columnCode,
+        keyword: e || "",
+        pageNo: 1,
+        pageSize: 50
+      }, m = this.dataExtraUrl;
+      this.postFunc(m, t).then((s) => {
+        var o;
+        if (!s.code && ((o = s.data) != null && o.results)) {
+          const c = s.data.results.map((n) => ({ value: n.value || n.label || "", ...n }));
+          this.lastQueryValue = e, this.lastQueryResults = c, l(c);
+        } else
+          this.lastQueryValue = e, this.lastQueryResults = [], l([]);
+      }).catch(() => {
+        this.lastQueryValue = e, this.lastQueryResults = [], l([]);
+      });
+    },
+    handleSelect(e) {
+      this.column.value = e.value, this.column.error = "", this.column.warning = "", this.$emit("onInput", this.column), this.$emit("onChange", this.column);
+    }
+  }
+}, O = { class: "w-default-wrap" }, S = { class: "w-default-wrap" }, j = {
+  key: 3,
+  class: "w-margin-top6"
+};
+function z(e, l, t, m, s, o) {
+  var f, p, x, I, y, V, k, g;
+  const c = u("formItemTop"), n = u("el-autocomplete"), h = u("el-input"), B = u("el-button"), _ = u("formItemFooter");
+  return r(), v("div", O, [
+    i(c, {
+      column: t.column,
+      dataBack: t.dataBack
+    }, null, 8, ["column", "dataBack"]),
+    b("div", S, [
+      o.isUrlType ? (r(), d(n, {
+        key: 0,
+        modelValue: t.column.value,
+        "onUpdate:modelValue": l[0] || (l[0] = (a) => t.column.value = a),
+        "fetch-suggestions": o.querySearch,
+        clearable: "",
+        class: "w-50",
+        placeholder: ((p = (f = t.column) == null ? void 0 : f.extraInfo) == null ? void 0 : p.placeholder) || "",
+        onSelect: o.handleSelect
+      }, null, 8, ["modelValue", "fetch-suggestions", "placeholder", "onSelect"])) : ((I = (x = t.column) == null ? void 0 : x.extraInfo) == null ? void 0 : I.dataExtra) == "textarea" ? (r(), d(h, {
+        key: 1,
+        modelValue: t.column.value,
+        "onUpdate:modelValue": l[1] || (l[1] = (a) => t.column.value = a),
+        onInput: o.onInput,
+        onFocus: o.onFocus,
+        onBlur: o.onBlur,
+        clearable: "",
+        "show-word-limit": "",
+        placeholder: ((V = (y = t.column) == null ? void 0 : y.extraInfo) == null ? void 0 : V.placeholder) || "",
+        type: "textarea",
+        rows: 4,
+        maxlength: 500
+      }, null, 8, ["modelValue", "onInput", "onFocus", "onBlur", "placeholder"])) : (r(), d(h, {
+        key: 2,
+        modelValue: t.column.value,
+        "onUpdate:modelValue": l[2] || (l[2] = (a) => t.column.value = a),
+        disabled: t.disabled,
+        placeholder: ((g = (k = t.column) == null ? void 0 : k.extraInfo) == null ? void 0 : g.placeholder) || "",
+        onInput: o.onInput,
+        onFocus: o.onFocus,
+        onBlur: o.onBlur,
+        clearable: "",
+        "show-word-limit": ""
+      }, null, 8, ["modelValue", "disabled", "placeholder", "onInput", "onFocus", "onBlur"])),
+      t.dataBack && t.dataBack.key == t.column.columnCode ? (r(), v("div", j, [
+        i(B, {
+          link: "",
+          type: "primary",
+          style: { "padding-left": "0" },
+          onClick: l[3] || (l[3] = (a) => e.$emit("operate", this.column, "choosePackage"))
+        }, {
+          default: C(() => [
+            U("选择" + R(t.column.name || ""), 1)
+          ]),
+          _: 1
+        })
+      ])) : D("", !0)
+    ]),
+    i(_, {
+      column: t.column,
+      extraInfo: t.extraInfo,
+      onOperate: l[4] || (l[4] = (a, w) => e.$emit("operate", a, w))
+    }, null, 8, ["column", "extraInfo"])
+  ]);
+}
+const H = /* @__PURE__ */ N(T, [["render", z]]);
+export {
+  H as default
+};

package/dist/index-C8YhrrUN.js

@@ -0,0 +1,51 @@
+import { a as f, f as _ } from "./formItemFooter-BvptZj_u.js";
+import { resolveComponent as n, openBlock as o, createElementBlock as t, createVNode as a, createElementVNode as p, Fragment as h, renderList as v, createCommentVNode as F } from "vue";
+import { _ as g } from "./install-CNjs0u5x.js";
+const V = {
+  name: "radioForm",
+  components: { formItemFooter: _, formItemTop: f },
+  props: {
+    column: {
+      type: Object,
+      default: function() {
+        return {};
+      }
+    },
+    disabled: Boolean
+  },
+  methods: {
+    changeVal() {
+      this.column.error = "", this.column.warning = "", this.$emit("onChange", this.column);
+    }
+  }
+}, w = { class: "w-default-wrap radioForm" }, I = { class: "w-default-wrap clearFix" }, b = {
+  key: 0,
+  class: "w-default-wrap radioForm-empty"
+};
+function x(B, l, e, C, k, m) {
+  const r = n("formItemTop"), c = n("BnRadio"), d = n("formItemFooter");
+  return o(), t("div", w, [
+    a(r, { column: e.column }, null, 8, ["column"]),
+    p("div", I, [
+      (o(!0), t(h, null, v(e.column.moduleDefinition, (i, u) => (o(), t("div", {
+        class: "radioForm-item",
+        key: u
+      }, [
+        a(c, {
+          modelValue: e.column.value,
+          "onUpdate:modelValue": l[0] || (l[0] = (s) => e.column.value = s),
+          optionProps: { value: "code", label: "title" },
+          disabled: e.disabled,
+          trueData: i,
+          onChange: m.changeVal
+        }, null, 8, ["modelValue", "disabled", "trueData", "onChange"])
+      ]))), 128)),
+      e.column.moduleDefinition.length == 0 ? (o(), t("div", b, " 无数据 ")) : F("", !0)
+    ]),
+    a(d, { column: e.column }, null, 8, ["column"])
+  ]);
+}
+const T = /* @__PURE__ */ g(V, [["render", x], ["__scopeId", "data-v-7a529164"]]);
+export {
+  T as default
+};

package/dist/index-COuPCIzB.js

@@ -0,0 +1,45 @@
+import { f as d, a as s } from "./formItemFooter-BvptZj_u.js";
+import { debounce as f } from "lodash";
+import { resolveComponent as n, openBlock as i, createElementBlock as _, createVNode as t, createElementVNode as p } from "vue";
+import { _ as x } from "./install-CNjs0u5x.js";
+const h = {
+  name: "numberForm",
+  components: { formItemTop: s, formItemFooter: d },
+  props: {
+    column: {
+      type: Object,
+      default: function() {
+        return {};
+      }
+    },
+    disabled: Boolean
+  },
+  methods: {
+    /**
+     * 输入框Change事件
+     * */
+    onChange: f(function(m, o) {
+      this.$emit("onChange", this.column);
+    }, 500)
+  }
+}, I = { class: "w-default-wrap" }, b = { class: "w-default-wrap" };
+function v(m, o, e, C, g, a) {
+  const l = n("formItemTop"), c = n("el-rate"), r = n("formItemFooter");
+  return i(), _("div", I, [
+    t(l, { column: e.column }, null, 8, ["column"]),
+    p("div", b, [
+      t(c, {
+        modelValue: e.column.value,
+        "onUpdate:modelValue": o[0] || (o[0] = (u) => e.column.value = u),
+        disabled: e.disabled,
+        onChange: a.onChange,
+        max: e.column.extraInfo.valueMaxSize ? parseInt(e.column.extraInfo.valueMaxSize) : 5
+      }, null, 8, ["modelValue", "disabled", "onChange", "max"])
+    ]),
+    t(r, { column: e.column }, null, 8, ["column"])
+  ]);
+}
+const T = /* @__PURE__ */ x(h, [["render", v]]);
+export {
+  T as default
+};

package/dist/index-CSvVyjxx.js

@@ -0,0 +1,178 @@
+import { a as b, f as I } from "./formItemFooter-BvptZj_u.js";
+import { _ as F, a5 as v } from "./install-CNjs0u5x.js";
+import { f as w } from "./fileFormData-D_Q1vylE.js";
+import { resolveComponent as o, openBlock as m, createElementBlock as y, createBlock as N, createCommentVNode as x, createElementVNode as a, createVNode as i, withCtx as V, createTextVNode as T, toDisplayString as r, withDirectives as B, vShow as C } from "vue";
+const D = {
+  name: "FileForm",
+  components: { formItemFooter: I, formItemTop: b },
+  props: {
+    column: { type: Object, default: () => ({}) },
+    disabled: Boolean,
+    // 隐藏头部
+    hiddenTop: Boolean
+  },
+  data() {
+    return {
+      fileType: this.column.fileType || w,
+      pasteValue: "",
+      pasteImgList: [],
+      //用来存放粘贴的图片
+      // 上传进度
+      uploadProgress: 0,
+      uploadFileCount: 0,
+      //记录上传次数，限制最多上传5个
+      uploadFileNumber: this.column.uploadFileNumber || 10,
+      //可上传附件那个数
+      showLimit: 15,
+      //单文件最大M数
+      uploadAction: "/v2/attachment/upload",
+      uploadData: { source: "task" }
+    };
+  },
+  methods: {
+    /**
+     * 上传成功
+     * */
+    fileSuccess(t) {
+      if (this.column.error = "", this.uploadProgress = 0, t.code)
+        this.$message({
+          message: t.msg,
+          type: "warning"
+        });
+      else {
+        const e = {
+          title: t.data.fileName,
+          id: t.data.id,
+          code: t.data.id,
+          size: t.data.fileSize,
+          type: t.data.suffix,
+          url: t.data.url
+        };
+        this.column.value.length < this.uploadFileNumber ? (this.column.value.push(e), this.$emit("onChange", this.column)) : this.$message({
+          message: `上传文件个数不能超过${this.uploadFileNumber}个`,
+          type: "warning"
+        }), this.uploadFileCount = this.column.value.length;
+      }
+    },
+    /**
+     * 附件上传前
+     * */
+    beforeUpload(t) {
+      if (this.column.value.length >= this.uploadFileNumber)
+        return this.$message({
+          message: `上传文件个数不能超过${this.uploadFileNumber}个`,
+          type: "warning"
+        }), !1;
+      const e = 50, s = 1048576 * e;
+      if (t.size > s)
+        return this.$message({
+          message: `上传文件大小不能超出${e}MB`,
+          type: "warning"
+        }), !1;
+      const u = t.name.split(".").pop().toLowerCase();
+      return this.fileType.includes(u) ? (this.uploadFileCount++, !0) : (this.$message({
+        message: "上传的文件格式不支持",
+        type: "warning"
+      }), !1);
+    },
+    handleUploadProgress(t) {
+      this.uploadProgress = Math.round(t.percent);
+    },
+    //粘贴图片到编辑器，事件处理方法，主要用于事件销毁
+    pasteEvent(t) {
+      if (this.column.value.length >= this.uploadFileNumber)
+        return this.$message({
+          message: `上传文件个数不能超过${this.uploadFileNumber}个`,
+          type: "warning"
+        }), !1;
+      this.column.error = "", this.pasteImgList.push(t), v(t, this.column.pathUrl || this.uploadAction).then((e) => {
+        if (e.code)
+          this.$message({
+            message: e.msg,
+            type: "warning"
+          });
+        else {
+          const s = {
+            title: e.data.fileName,
+            id: e.data.id,
+            code: e.data.id,
+            size: e.data.fileSize,
+            type: e.data.suffix,
+            url: e.data.url
+          };
+          this.column.value.push(s), this.$emit("onChange", this.column), this.column.value.length >= this.uploadFileNumber && (this.pasteImgList = []);
+        }
+      });
+    }
+  },
+  mounted() {
+    this.$refs.pasteImgInput && this.$refs.pasteImgInput.$el && this.$refs.pasteImgInput.$el.addEventListener("paste", this.pasteEvent);
+  },
+  //实例销毁前
+  beforeDestroy() {
+    this.$refs.pasteImgInput && this.$refs.pasteImgInput.$el && this.$refs.pasteImgInput.$el.removeEventListener(
+      "paste",
+      this.pasteEvent
+    );
+  }
+}, U = { class: "fileForm" }, E = { class: "" }, L = { class: "fileForm-tip" };
+function S(t, e, s, u, l, n) {
+  const p = o("formItemTop"), d = o("el-upload"), c = o("el-input"), h = o("el-progress"), f = o("BnFileView"), g = o("formItemFooter");
+  return m(), y("div", U, [
+    s.hiddenTop ? x("", !0) : (m(), N(p, {
+      key: 0,
+      column: s.column
+    }, null, 8, ["column"])),
+    a("div", E, [
+      i(d, {
+        class: "fileForm-upload",
+        ref: "uploadInput",
+        drag: "",
+        action: s.column.pathUrl || l.uploadAction,
+        "show-file-list": !1,
+        disabled: s.disabled,
+        "before-upload": n.beforeUpload,
+        multiple: "",
+        data: l.uploadData,
+        "on-progress": n.handleUploadProgress,
+        "on-success": n.fileSuccess
+      }, {
+        default: V(() => [...e[1] || (e[1] = [
+          a("div", { class: "fileForm-btn" }, [
+            a("span", { class: "bnUIcon bnUIcon-upload" }),
+            T(" 选择或拖拽上传文件 ")
+          ], -1)
+        ])]),
+        _: 1
+      }, 8, ["action", "disabled", "before-upload", "data", "on-progress", "on-success"]),
+      i(c, {
+        modelValue: l.pasteValue,
+        "onUpdate:modelValue": e[0] || (e[0] = (_) => l.pasteValue = _),
+        ref: "pasteImgInput",
+        placeholder: "复制粘贴上传截图",
+        class: "fileForm-input",
+        disabled: s.disabled
+      }, null, 8, ["modelValue", "disabled"]),
+      a("span", L, "最多可上传" + r(l.uploadFileNumber) + "个文件，单个文件不超过" + r(l.showLimit) + "M", 1)
+    ]),
+    B(i(h, {
+      style: { width: "100%", "max-width": "444px" },
+      percentage: l.uploadProgress,
+      class: "fileForm-progress"
+    }, null, 8, ["percentage"]), [
+      [C, l.uploadProgress > 0]
+    ]),
+    a("div", null, [
+      i(f, {
+        "file-list": s.column.value,
+        isDel: !s.disabled,
+        row: "2"
+      }, null, 8, ["file-list", "isDel"])
+    ]),
+    i(g, { column: s.column }, null, 8, ["column"])
+  ]);
+}
+const A = /* @__PURE__ */ F(D, [["render", S], ["__scopeId", "data-v-ce213ba4"]]);
+export {
+  A as default
+};

package/dist/index-DCv51EXX.js

@@ -0,0 +1,109 @@
+import { isEmpty as u } from "lodash";
+import { resolveComponent as m, resolveDirective as f, withDirectives as h, openBlock as i, createElementBlock as n, createElementVNode as a, Fragment as g, renderList as _, normalizeClass as y, toDisplayString as F, createVNode as k } from "vue";
+import { _ as v } from "./install-CNjs0u5x.js";
+const x = {
+  name: "packageFilter",
+  computed: {
+    filterColumns() {
+      return this.columnList.filter((t) => this.columnData.extraInfo.filterColumn.includes(t.columnCode));
+    }
+  },
+  props: {
+    columnData: {
+      type: Object,
+      default: () => ({})
+    },
+    postFunc: Function,
+    // API请求函数
+    extendPost: Object,
+    // 额外的请求参数
+    columnList: {
+      type: Array,
+      default: () => []
+    },
+    disabled: Boolean
+  },
+  data() {
+    return {
+      dataFilterByPackage: {},
+      lazyLoad: !1,
+      //因为下拉菜单多的时候可能会影响加载速度，这里做个延迟加载
+      componentWidth: 0
+      // 组件宽度
+    };
+  },
+  mounted() {
+    var t, o;
+    this.dataFilterByPackage = (t = this.columnData.extraInfo) != null && t.dataFilterByPackage ? JSON.parse((o = this.columnData.extraInfo) == null ? void 0 : o.dataFilterByPackage) : {}, this.calculateWidth(), this.filterColumns.length > 4 ? setTimeout(() => {
+      this.lazyLoad = !0;
+    }, 200) : this.lazyLoad = !0;
+  },
+  methods: {
+    isEmpty: u,
+    /**
+     * 计算组件宽度
+     */
+    calculateWidth() {
+      this.$nextTick(() => {
+        const t = this.$el;
+        t && (this.componentWidth = t.offsetWidth);
+      });
+    },
+    /**
+     * 滚动到列表底部
+     */
+    changeDataFilter() {
+      this.columnData.extraInfo.dataFilterByPackage = JSON.stringify(this.dataFilterByPackage);
+    }
+  }
+}, B = { class: "packageFilter" }, w = {
+  key: 0,
+  class: "packageFilter-list",
+  ref: "optionList"
+}, D = ["title"], C = { class: "w-flex-center" }, P = {
+  key: 1,
+  class: "w-empty"
+};
+function b(t, o, c, L, l, s) {
+  const r = m("BnSelect"), d = f("loading");
+  return h((i(), n("div", B, [
+    o[0] || (o[0] = a("div", { class: "packageFilter-top w-flex-center" }, [
+      a("div", { class: "packageFilter-top-title" }, "数据过滤"),
+      a("div", { class: "w-margin-left8" }, [
+        a("span", { class: "w-font12 w-color-orange" }, "（选择包裹时，不会展示符合下方条件的ERP单据）")
+      ])
+    ], -1)),
+    l.lazyLoad ? (i(), n("div", w, [
+      (i(!0), n(g, null, _(s.filterColumns, (e) => (i(), n("div", {
+        class: y(["packageFilter-list-item", [l.componentWidth > 400 ? "two" : "one"]])
+      }, [
+        a("div", {
+          class: "w-font14 w-color-black6 w-text-over w-margin-bottom4",
+          title: e.name
+        }, F(e.name), 9, D),
+        a("div", C, [
+          k(r, {
+            modelValue: l.dataFilterByPackage[e.columnCode],
+            "onUpdate:modelValue": (p) => l.dataFilterByPackage[e.columnCode] = p,
+            clearable: "",
+            filterable: "",
+            labelInValue: !1,
+            onChange: s.changeDataFilter,
+            optionProps: { value: "code", label: "title" },
+            multiple: !0,
+            options: e.moduleDefinition,
+            pathUrl: e.pathUrl,
+            "post-data": e.postData,
+            postFunc: c.postFunc
+          }, null, 8, ["modelValue", "onUpdate:modelValue", "onChange", "options", "pathUrl", "post-data", "postFunc"])
+        ])
+      ], 2))), 256))
+    ], 512)) : (i(), n("div", P, " 数据加载中... "))
+  ])), [
+    [d, !l.lazyLoad]
+  ]);
+}
+const W = /* @__PURE__ */ v(x, [["render", b], ["__scopeId", "data-v-a92dc360"]]);
+export {
+  W as default
+};