@bytenew/bn-bus-ui 1.1.399

package/dist/index-DDy1d3BS.js

@@ -0,0 +1,178 @@
+import { a as b, f as I } from "./formItemFooter-B3nlSwnS.js";
+import { _ as F, p as v } from "./install-DSQCBsd_.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-DJ15iYPg.js

@@ -0,0 +1,89 @@
+import { debounce as h } from "lodash";
+import { f, a as _ } from "./formItemFooter-B3nlSwnS.js";
+import { B as p } from "./index-DAtLc2a1.js";
+import { resolveComponent as l, openBlock as C, createElementBlock as F, createVNode as u, createElementVNode as s } from "vue";
+import { _ as B } from "./install-DSQCBsd_.js";
+const b = {
+  name: "addressForm",
+  components: { BnAddressParse: p, formItemTop: _, formItemFooter: f },
+  props: {
+    column: Object,
+    disabled: Boolean,
+    postFunc: Function
+  },
+  methods: {
+    /**
+     * 输入框输入事件
+     * */
+    onInput(n) {
+      this.column.error = "", this.column.warning = "", this.$emit("onInput", this.column), this.onChange(n);
+    },
+    /**
+     * 输入框Change事件
+     * @param {String} type 是否是其他事件类型
+     * */
+    onChange: h(function(n, e) {
+      this.column.error = "", this.column.warning = "", this.$emit("onChange", this.column);
+    }, 600),
+    /**
+     * 输入框onFocus事件
+     * */
+    onFocus(n) {
+      this.$emit("focus", this.column);
+    },
+    /**
+     * 输入框失去焦点事件
+     * */
+    onBlur() {
+      this.$emit("blur", this.column);
+    },
+    /**
+     *自动识别
+     * */
+    autoParse(n) {
+      this.column.value[this.column.moduleDefinition[0].columnCode] = n.address, this.column.value[this.column.moduleDefinition[1].columnCode] = n.detail || "", this.onChange();
+    }
+  }
+}, w = { class: "w-default-wrap" }, g = { class: "w-default-wrap w-margin-bottom10" }, v = { class: "w-default-wrap" };
+function I(n, e, o, V, D, t) {
+  const c = l("formItemTop"), a = l("BnAddressParse"), d = l("BnAddress"), i = l("el-input"), r = l("formItemFooter");
+  return C(), F("div", w, [
+    u(c, { column: o.column }, null, 8, ["column"]),
+    u(a, {
+      onParse: t.autoParse,
+      "post-func": o.postFunc
+    }, null, 8, ["onParse", "post-func"]),
+    s("div", g, [
+      u(d, {
+        modelValue: o.column.value[o.column.moduleDefinition[0].columnCode],
+        "onUpdate:modelValue": e[0] || (e[0] = (m) => o.column.value[o.column.moduleDefinition[0].columnCode] = m),
+        postFunc: o.postFunc,
+        onChange: t.onChange,
+        "value-key": "code",
+        pathUrl: o.column.pathUrl || "/address/getAreaDataList",
+        disabled: o.disabled
+      }, null, 8, ["modelValue", "postFunc", "onChange", "pathUrl", "disabled"])
+    ]),
+    s("div", v, [
+      u(i, {
+        modelValue: o.column.value[o.column.moduleDefinition[1].columnCode],
+        "onUpdate:modelValue": e[1] || (e[1] = (m) => o.column.value[o.column.moduleDefinition[1].columnCode] = m),
+        type: "textarea",
+        rows: 3,
+        disabled: o.disabled,
+        resize: "none",
+        placeholder: "输入详细地址",
+        onInput: t.onInput,
+        onFocus: t.onFocus,
+        onBlur: t.onBlur,
+        clearable: "",
+        "show-word-limit": ""
+      }, null, 8, ["modelValue", "disabled", "onInput", "onFocus", "onBlur"])
+    ]),
+    u(r, { column: o.column }, null, 8, ["column"])
+  ]);
+}
+const y = /* @__PURE__ */ B(b, [["render", I]]);
+export {
+  y as default
+};

package/dist/index-DNHXG3dr.js

@@ -0,0 +1,62 @@
+import { a as u, f as s } from "./formItemFooter-B3nlSwnS.js";
+import { resolveComponent as n, openBlock as d, createElementBlock as f, createVNode as l, createElementVNode as p } from "vue";
+import { _ as h } from "./install-DSQCBsd_.js";
+const _ = {
+  name: "relationForm",
+  components: { formItemFooter: s, formItemTop: u },
+  props: {
+    column: {
+      type: Object,
+      default: function() {
+        return {};
+      }
+    },
+    disabled: Boolean,
+    // 接口请求外部转发
+    postFunc: Function
+  },
+  computed: {
+    /**
+     * 过滤后的选项列表，只保留columnStatus等于1的项
+     */
+    filteredOptions() {
+      if (!this.column.moduleDefinition || !this.column.moduleDefinition.optionList)
+        return [];
+      const o = (t) => Array.isArray(t) ? t.filter((e) => e.columnStatus != 1 ? !1 : (e.children && Array.isArray(e.children) && (e.children = o(e.children)), !0)) : [];
+      return o(this.column.moduleDefinition.optionList);
+    }
+  },
+  methods: {
+    /**
+     * 组件值发生变化
+     * */
+    changeValue() {
+      this.column.error = "", this.column.warning = "", this.$emit("onChange", this.column);
+    }
+  }
+}, b = { class: "w-default-wrap" }, y = { class: "w-default-wrap" };
+function g(o, t, e, v, V, r) {
+  const i = n("formItemTop"), m = n("BnRelation"), c = n("formItemFooter");
+  return d(), f("div", b, [
+    l(i, { column: e.column }, null, 8, ["column"]),
+    p("div", y, [
+      l(m, {
+        onChange: r.changeValue,
+        options: r.filteredOptions,
+        style: { width: "100%" },
+        props: { checkStrictly: !0, value: "code", label: "title" },
+        modelValue: e.column.value,
+        "onUpdate:modelValue": t[0] || (t[0] = (a) => e.column.value = a),
+        multiple: e.column.behaviorType == 20,
+        filterable: "",
+        disabled: e.disabled,
+        collapseTags: !1
+      }, null, 8, ["onChange", "options", "modelValue", "multiple", "disabled"])
+    ]),
+    l(c, { column: e.column }, null, 8, ["column"])
+  ]);
+}
+const T = /* @__PURE__ */ h(_, [["render", g]]);
+export {
+  T as default
+};