@kyfe/fms-vue2-components 0.0.8 → 0.0.10

package/dist/fms-ks-decrypt/index.js

@@ -1,6 +1,6 @@
 import './../fms-copy-box/style.css';
-import { F as o } from "../fms-ks-decrypt.2f88e659.js";
-import { F as e } from "../fms-ks-decrypt.2f88e659.js";
+import { F as o } from "../fms-ks-decrypt.e9bc1873.js";
+import { F as e } from "../fms-ks-decrypt.e9bc1873.js";
 o.install = function(t) {
   t.component(o.name, o);
 };

package/dist/{fms-ks-decrypt.2f88e659.js → fms-ks-decrypt.e9bc1873.js}

@@ -1,5 +1,5 @@
 import { n as c } from "./plugin-vue2_normalizer.ed7092a9.js";
-import { p as o } from "./filter.c93f4ddb.js";
+import { p as o } from "./filter.8157a654.js";
 import './assets/css/fms-ks-decrypt.css';const d = {
   name: "call",
   props: {

package/dist/fms-ks-form-grid/index.js

@@ -1,6 +1,6 @@
 import './../fms-copy-box/style.css';
 import { get as n } from "lodash";
-import { F as f } from "../fms-ks-components.53289d17.js";
+import { F as f } from "../fms-ks-components.c4804aac.js";
 import { n as a } from "../plugin-vue2_normalizer.ed7092a9.js";
 import './style.css';class c {
   constructor(t) {

package/dist/fms-ks-select/index.js

@@ -1,6 +1,6 @@
 import './../fms-copy-box/style.css';
-import { F as o } from "../fms-ks-select.59416fd8.js";
-import { F as a } from "../fms-ks-select.59416fd8.js";
+import { F as o } from "../fms-ks-select.002b6536.js";
+import { F as a } from "../fms-ks-select.002b6536.js";
 o.install = function(t) {
   t.component(o.name, o);
 };

package/dist/fms-ks-select-box/index.js

@@ -1,6 +1,6 @@
 import './../fms-copy-box/style.css';
-import { F as o } from "../fms-ks-select-box.a00f0f08.js";
-import { F as a } from "../fms-ks-select-box.a00f0f08.js";
+import { F as o } from "../fms-ks-select-box.b75cf9d8.js";
+import { F as a } from "../fms-ks-select-box.b75cf9d8.js";
 o.install = function(t) {
   t.component(o.name, o);
 };

package/dist/fms-ks-uploader/index.js

@@ -0,0 +1,350 @@
+import './../fms-copy-box/style.css';
+import { merge as g, isEqual as F, get as y, invoke as r } from "lodash";
+import { n as w } from "../plugin-vue2_normalizer.ed7092a9.js";
+import './style.css';const p = navigator.userAgent;
+/(Android);?[\s/]+([\d.]+)?(.*Mobile)/.test(p);
+const u = /(iPad).*OS\s([\d_]+)/.test(p), v = !u && /(iPhone\sOS)\s([\d_]+)/.test(p), T = u || v;
+const d = {
+  ALBUM: 0,
+  FILE: 1,
+  CAMERA: 2
+}, c = {
+  TENCENT: 0,
+  KYE: 1
+}, B = {
+  name: "FmsKsUploader",
+  props: {
+    sortable: Boolean,
+    disabled: Boolean,
+    isHideUploadBtn: Boolean,
+    component: {
+      type: [String, Object, Function],
+      default: "div"
+    },
+    mode: {
+      type: Number,
+      default: c.KYE
+    },
+    accept: {
+      type: Array,
+      default: () => []
+    },
+    limit: {
+      type: Number,
+      default: 9
+    },
+    value: {
+      type: Array,
+      default: () => []
+    },
+    maxSize: Number,
+    beforeActionSheetShow: Function,
+    allowMethods: {
+      type: Array,
+      default: () => [d.ALBUM, d.FILE, d.CAMERA]
+    },
+    beforeUpload: Function,
+    getNativeFnParams: Function,
+    getFileTypeFn: Function,
+    getTencentUploadConfig: Function,
+    bizCode: String,
+    bizId: String,
+    fileIdSortList: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      fileList: [...this.value],
+      isShowAction: !1,
+      insetBizId: "",
+      tokenConfig: {},
+      uploadId: String(Date.now())
+    };
+  },
+  computed: {
+    attrs() {
+      return g({
+        list: this.fileList,
+        handle: ".preview-item",
+        ghostClass: "ghost",
+        disabled: !this.sortable || this.disabled,
+        options: {
+          delay: 100
+        }
+      }, this.$attrs);
+    },
+    actions() {
+      const e = [
+        { name: "\u4ECE\u76F8\u518C\u9009\u62E9", id: d.ALBUM },
+        { name: "\u4ECE\u6587\u4EF6\u9009\u62E9", id: d.FILE },
+        { name: "\u62CD\u7167", id: d.CAMERA }
+      ];
+      return this.allowMethods.map((t) => e[t]);
+    },
+    actionFnMap() {
+      return [this.getFileFromAlbum, this.getFileFromFolder, this.getFileFromCamera];
+    },
+    ifToKye() {
+      return this.mode === c.KYE;
+    }
+  },
+  watch: {
+    value(e) {
+      const { fileList: t } = this;
+      F(
+        e.map((i) => i.id),
+        t.map((i) => i.id)
+      ) || (this.fileList = e);
+    },
+    fileList() {
+      this.$emit("input", this.fileList);
+    },
+    bizId() {
+      this.getFilesByBizId();
+    },
+    bizCode() {
+      this.getFilesByBizId();
+    }
+  },
+  mounted() {
+    this.ifToKye && this.getFilesByBizId();
+  },
+  methods: {
+    async getSortedFiledList(e, t) {
+      const s = this.fileIdSortList.map((a) => ({
+        sourceBizId: e,
+        sourceBizCode: t,
+        sourceFileId: a,
+        targetBizId: this.insetBizId,
+        targetBizCode: t
+      })), i = await this.$http("file.file.copyBucketFile", "10214", s);
+      this.fileList = i;
+    },
+    async getDefaultFieldList(e, t) {
+      const s = await this.$http("file.file.copyBucket", "10214", [
+        {
+          sourceBizId: e,
+          sourceBizCode: t,
+          targetBizId: this.insetBizId,
+          targetBizCode: t
+        }
+      ]);
+      this.fileList = s;
+    },
+    async getFilesByBizId() {
+      const { bizId: e, bizCode: t } = this;
+      !e || !t || (await this.getBizId(), this.fileIdSortList.length ? this.getSortedFiledList(e, t) : this.getDefaultFieldList(e, t));
+    },
+    async getUploadToken() {
+      if (!(y(this.tokenConfig, "expiredTime", 0) * 1e3 < Date.now()))
+        return this.tokenConfig;
+      const t = await this.getTencentUploadConfig();
+      return this.tokenConfig = t, this.tokenConfig;
+    },
+    async onDeleteFile(e, t) {
+      if (this.ifToKye) {
+        const s = window.vant.Toast.loading({ forbidClick: !0, duration: 0 });
+        try {
+          await this.$http("file.deleteByIds", "10147", { ids: [e.id] });
+        } catch (i) {
+          console.log(i);
+        } finally {
+          s.type === "loading" && window.vant.Toast.clear();
+        }
+      }
+      this.fileList.splice(t, 1);
+    },
+    getFileType(e) {
+      if (typeof this.getFileTypeFn == "function")
+        return this.getFileTypeFn(e);
+      const t = e.extendName.toLowerCase();
+      return t === "pdf" ? "pdf" : ["doc", "docx", "xls", "xlsx"].includes(t) ? "doc" : t === "mp4" ? "video" : "img";
+    },
+    isImage(e) {
+      return this.getFileType(e) === "img";
+    },
+    getImg(e) {
+      const t = {
+        pdf: "https://erphostjs.kye-erp.com/fms/fms-deposit-new/introduce/PDF.svg",
+        doc: "https://erphostjs.kye-erp.com/fms/fms-deposit-new/introduce/word-icon.png",
+        img: e.url,
+        video: "https://erphostjs.kye-erp.com/fms/fms-deposit-new/introduce/video-icon.webp"
+      }, s = this.getFileType(e);
+      return t[s] || t.pdf;
+    },
+    async getFileFromAlbum() {
+      const e = window.vant.Toast.loading({ forbidClick: !0, duration: 0 });
+      try {
+        const t = {
+          totalCount: this.limit,
+          usedOriginal: !0
+        };
+        T ? t.presetName = "1280" : t.ratioOfCompressionOfVideoResolution = "0";
+        const s = await window.ks.callFunc({
+          method: "pickAssets",
+          params: r(this, "getNativeFnParams", "pickAssets", t) || t
+        });
+        this.uploadFile(s);
+      } finally {
+        e.type === "loading" && window.vant.Toast.clear();
+      }
+    },
+    async getFileFromFolder() {
+      const e = window.vant.Toast.loading({ forbidClick: !0, duration: 0 });
+      try {
+        const t = await window.ks.callFunc({
+          method: "pickerSystemFile",
+          params: r(this, "getNativeFnParams", "pickerSystemFile", {}) || {}
+        });
+        this.uploadFile([t]);
+      } finally {
+        e.type === "loading" && window.vant.Toast.clear();
+      }
+    },
+    async getFileFromCamera() {
+      const e = {
+        take_photo_or_record_or_both: 2
+      }, t = await window.ks.callFunc({
+        method: "takeByCamera",
+        params: r(this, "getNativeFnParams", "takeByCamera", e) || e
+      });
+      this.uploadFile(t);
+    },
+    validateLimit(e) {
+      const t = e.length + this.fileList.length > this.limit;
+      return t && window.vant.Toast(`\u6700\u591A\u53EA\u80FD\u4E0A\u4F20${this.limit}\u4E2A\u6587\u4EF6`), t;
+    },
+    validateFileType(e) {
+      const { accept: t } = this;
+      if (!t.length)
+        return !1;
+      const s = e.some((i) => !t.some(
+        (a) => a.toLowerCase() === i.extendName.toLowerCase()
+      ));
+      return s && window.vant.Toast(`\u53EA\u80FD\u4E0A\u4F20${t.join("\u3001")}\u683C\u5F0F\u7684\u6587\u4EF6`), s;
+    },
+    validateMaxSize(e) {
+      const { maxSize: t } = this;
+      if (!t)
+        return !1;
+      const s = e.some((i) => +i.fileSize > t * 1024 * 1024);
+      return s && window.vant.Toast(`\u6700\u5927\u53EA\u80FD\u4E0A\u4F20${t}M`), s;
+    },
+    async beforeUploadFn(e) {
+      const t = [
+        this.validateLimit,
+        this.validateFileType,
+        this.validateMaxSize,
+        this.beforeUpload
+      ];
+      for (let s of t) {
+        if (typeof s != "function")
+          continue;
+        if (await s(e))
+          return !0;
+      }
+      return !1;
+    },
+    async uploadToTencent(e) {
+      const t = await this.getUploadToken();
+      t.uploadId || (t.uploadId = this.uploadId);
+      const s = e.map(async (o) => {
+        const l = `resource/upload/deposit/${process.env.NODE_ENV}/${Date.now()}/${o.fileName}`, n = {
+          srcPath: o.filePath,
+          cosPath: l,
+          ...t
+        }, h = r(this, "getNativeFnParams", "uploadTencentCos", n, o) || n;
+        return ks.callFunc({ method: "uploadTencentCos", params: h }).then((m) => ({
+          url: m,
+          extendName: o.extendName,
+          size: o.fileSize,
+          name: o.fileName,
+          cosPath: l
+        }));
+      });
+      window.vant.Toast.loading({ forbidClick: !0, duration: 0 });
+      const i = await Promise.allSettled(s);
+      window.vant.Toast.clear();
+      const a = i.filter((o) => o.status === "fulfilled").map((o) => o.value);
+      this.fileList = [...this.fileList, ...a];
+    },
+    async getBizId() {
+      this.insetBizId || (this.insetBizId = await this.$http("system.idcenter.get", "10147", {
+        random: Math.random()
+      }));
+    },
+    async uploadToKye(e) {
+      await this.getBizId();
+      const t = this.fileList.map((i) => i.id).reduce((i, a, o) => (i[a] = o + 1, i), {}), s = await window.ks.callFunc({
+        method: "uploadAssets",
+        params: {
+          filePaths: e.map((i) => i.filePath),
+          fileNames: e.map((i) => i.fileName),
+          bizCode: this.bizCode,
+          bizId: this.insetBizId
+        }
+      });
+      this.fileList = s.sort((i, a) => {
+        const o = t[i.id] || Number.MAX_SAFE_INTEGER, l = t[a.id] || Number.MAX_SAFE_INTEGER;
+        return o - l;
+      });
+    },
+    async uploadFile(e) {
+      const t = (a) => {
+        const { filePath: o } = a, l = o.lastIndexOf(".");
+        let n = l > -1 ? o.slice(l) : "";
+        n = n.toLowerCase(), a.extendName = n.slice(1), a.fileName.endsWith(n) || (a.fileName += n);
+      };
+      if (e.forEach(t), await this.beforeUploadFn(e))
+        return;
+      const i = {
+        [c.KYE]: this.uploadToKye,
+        [c.TENCENT]: this.uploadToTencent
+      };
+      r(i, this.mode, e);
+    },
+    onActionSelect(e) {
+      r(this.actionFnMap, e.id), this.isShowAction = !1;
+    },
+    async chooseSelectMode() {
+      if (this.disabled)
+        return;
+      const { beforeActionSheetShow: e } = this;
+      if (!(e && await e())) {
+        if (this.actions.length !== 1) {
+          this.isShowAction = !0;
+          return;
+        }
+        r(this.actionFnMap, this.actions[0].id);
+      }
+    }
+  }
+};
+var C = function() {
+  var t = this, s = t._self._c;
+  return s(t.component, t._b({ tag: "component", staticClass: "uploader-wrapper" }, "component", t.attrs, !1), [t._l(t.fileList, function(i, a) {
+    return s("div", { key: i.url, staticClass: "preview-item" }, [s("img", { class: { pdf: t.getFileType(i) === "pdf" }, attrs: { src: t.getImg(i), alt: "img" } }), t.disabled ? t._e() : s("div", { staticClass: "close-icon", on: { click: function(o) {
+      return o.preventDefault(), t.onDeleteFile(i, a);
+    } } }), t.isImage(i) ? t._e() : s("div", { staticClass: "preview-text" }, [t._v(" " + t._s(i.name) + " ")])]);
+  }), t.isHideUploadBtn ? t._e() : s("div", { staticClass: "upload-button", on: { click: t.chooseSelectMode } }, [s("van-icon", { attrs: { name: "plus" } })], 1), s("van-action-sheet", { attrs: { actions: t.actions }, on: { select: t.onActionSelect }, model: { value: t.isShowAction, callback: function(i) {
+    t.isShowAction = i;
+  }, expression: "isShowAction" } })], 2);
+}, _ = [], k = /* @__PURE__ */ w(
+  B,
+  C,
+  _,
+  !1,
+  null,
+  "9a268dac",
+  null,
+  null
+);
+const f = k.exports;
+f.install = function(e) {
+  e.component(f.name, f);
+};
+export {
+  f as default
+};

package/dist/fms-ks-uploader/style.css

@@ -0,0 +1 @@
+.uploader-wrapper[data-v-9a268dac]{display:grid;grid-template-columns:repeat(auto-fill,52px);grid-auto-rows:52px;flex:1;border-radius:4px;gap:12px}.upload-button[data-v-9a268dac]{width:52px;height:52px;border-radius:4px;border:1px dashed #e3e3e8;display:grid;place-items:center}.preview-item[data-v-9a268dac]{border-radius:4px;position:relative;background:#f7f8fa}.preview-item img[data-v-9a268dac]{display:block;width:100%;height:100%;object-fit:cover;border-radius:4px}.preview-item img.pdf[data-v-9a268dac]{width:26px;height:26px;margin:12px auto auto}[data-v-9a268dac] .van-uploader{padding:0}.close-icon[data-v-9a268dac]{position:absolute;right:0;top:-1px;transform:translate(50%);border:1px solid #fff;background:#b0b3bf;width:14px;height:14px;border-radius:50%}.close-icon[data-v-9a268dac]:before,.close-icon[data-v-9a268dac]:after{content:"";display:block;width:60%;margin:auto;height:2px;border-radius:999px;background:#fff;position:absolute;top:50%;left:50%}.close-icon[data-v-9a268dac]:before{transform:translate(-50%,-50%) rotate(45deg);transform-origin:center center}.close-icon[data-v-9a268dac]:after{transform:translate(-50%,-50%) rotate(-45deg);transform-origin:center center}.preview-text[data-v-9a268dac]{line-height:12px;background:rgba(0,0,0,.5);border-radius:0 0 4px 4px;font-size:8px;color:#fff;position:absolute;bottom:0;left:0;right:0;padding:0 4px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

package/dist/index.js

@@ -1,40 +1,77 @@
 import './fms-copy-box/style.css';
-import s from "./fms-copy-box/index.js";
-import { default as G } from "./fms-copy-box/index.js";
-import r from "./fms-empty/index.js";
-import { default as T } from "./fms-empty/index.js";
+import m from "./fms-copy-box/index.js";
+import { default as _ } from "./fms-copy-box/index.js";
+import "./fms-ks-clamp-text/index.js";
+import s from "./fms-ks-more-lines/index.js";
+import { default as oo } from "./fms-ks-more-lines/index.js";
+import t from "./fms-ks-page-popup/index.js";
+import { default as mo } from "./fms-ks-page-popup/index.js";
+import "./fms-ks-select/index.js";
+import "./fms-ks-select-box/index.js";
+import e from "./fms-ks-block-title/index.js";
+import { default as to } from "./fms-ks-block-title/index.js";
+import p from "./fms-ks-warn-drawer/index.js";
+import { default as po } from "./fms-ks-warn-drawer/index.js";
+import a from "./fms-empty/index.js";
+import { default as Fo } from "./fms-empty/index.js";
 import "./fms-ks-decrypt/index.js";
-import t from "./fms-ks-file-upload/index.js";
-import { default as b } from "./fms-ks-file-upload/index.js";
-import p from "./fms-ks-file-view/index.js";
-import { default as j } from "./fms-ks-file-view/index.js";
-import e from "./fms-scroll-list/index.js";
-import { default as q } from "./fms-scroll-list/index.js";
-import a from "./fms-ks-form-grid/index.js";
-import { default as z } from "./fms-ks-form-grid/index.js";
+import F from "./fms-ks-file-upload/index.js";
+import { default as io } from "./fms-ks-file-upload/index.js";
+import f from "./fms-ks-file-view/index.js";
+import { default as xo } from "./fms-ks-file-view/index.js";
+import i from "./fms-scroll-list/index.js";
+import { default as co } from "./fms-scroll-list/index.js";
+import l from "./fms-ks-form-grid/index.js";
+import { default as no } from "./fms-ks-form-grid/index.js";
 import "./fms-ks-search-tips/index.js";
-import f from "./fms-ks-upload/index.js";
-import { default as H } from "./fms-ks-upload/index.js";
-import { F } from "./fms-ks-decrypt.2f88e659.js";
-import { F as J } from "./fms-ks-decrypt.2f88e659.js";
-import { F as i } from "./fms-ks-search-tips.d36859c3.js";
-import { F as N } from "./fms-ks-search-tips.d36859c3.js";
-const l = [s, r, F, t, p, e, a, i, f], d = function(m) {
-  l.forEach((o) => {
-    m.component(o.name, o);
+import "./fms-ks-search-tips-new/index.js";
+import x from "./fms-ks-upload/index.js";
+import { default as To } from "./fms-ks-upload/index.js";
+import "./fms-ks-picker/index.js";
+import { default as yo } from "./fms-ks-uploader/index.js";
+import K from "./fms-approval-header/index.js";
+import { default as Po } from "./fms-approval-header/index.js";
+import { F as d } from "./fms-ks-clamp-text.29353cc2.js";
+import { F as Uo } from "./fms-ks-clamp-text.29353cc2.js";
+import { F as c } from "./fms-ks-select.002b6536.js";
+import { F as Co } from "./fms-ks-select.002b6536.js";
+import { F as u } from "./fms-ks-select-box.b75cf9d8.js";
+import { F as Lo } from "./fms-ks-select-box.b75cf9d8.js";
+import { F as n } from "./fms-ks-decrypt.e9bc1873.js";
+import { F as go } from "./fms-ks-decrypt.e9bc1873.js";
+import { F as S } from "./fms-ks-search-tips.d36859c3.js";
+import { F as Ao } from "./fms-ks-search-tips.d36859c3.js";
+import { F as T } from "./fms-ks-search-tips-new.d68b86e6.js";
+import { F as Ho } from "./fms-ks-search-tips-new.d68b86e6.js";
+import { F as w } from "./fms-ks-picker.766b55f9.js";
+import { F as No } from "./fms-ks-picker.766b55f9.js";
+const y = [m, d, s, t, c, u, e, p, a, n, F, f, i, l, S, x, T, w, K], B = function(r) {
+  y.forEach((o) => {
+    r.component(o.name, o);
   });
-}, B = {
-  install: d
+}, X = {
+  install: B
 };
 export {
-  G as FmsCopyBox,
-  T as FmsEmpty,
-  J as FmsKsDecrypt,
-  b as FmsKsFileUpload,
-  j as FmsKsFileView,
-  z as FmsKsFormGrid,
-  N as FmsKsSearchTips,
-  H as FmsKsUpload,
-  q as FmsScrollList,
-  B as default
+  Po as FmsApprovalHeader,
+  _ as FmsCopyBox,
+  Fo as FmsEmpty,
+  to as FmsKsBlockTitle,
+  Uo as FmsKsClampText,
+  go as FmsKsDecrypt,
+  io as FmsKsFileUpload,
+  xo as FmsKsFileView,
+  no as FmsKsFormGrid,
+  oo as FmsKsMoreLines,
+  mo as FmsKsPagePopup,
+  No as FmsKsPicker,
+  Ao as FmsKsSearchTips,
+  Ho as FmsKsSearchTipsNew,
+  Co as FmsKsSelect,
+  Lo as FmsKsSelectBox,
+  To as FmsKsUpload,
+  yo as FmsKsUploader,
+  po as FmsKsWarnDrawer,
+  co as FmsScrollList,
+  X as default
 };

package/dist/{mixin.7a8d8392.js → mixin.ce520697.js}

@@ -1,5 +1,5 @@
 import { t as s } from "./utils.159fba19.js";
-import { D as a, a as n, M as r, b as i, W as l, Q as h, c as o } from "./fms-ks-components.53289d17.js";
+import { D as a, a as n, M as r, b as i, W as l, Q as h, c as o } from "./fms-ks-components.c4804aac.js";
 const m = {
   components: {
     DateSelect: a,

package/dist/oa-datetime-picker-new/style.css

@@ -1 +1 @@
-.ks-week__day{width:50%;height:44px}.ks-week__selected-day{color:#7972fe!important;position:relative}.ks-week__selected-day:after{font: 14px/1 vant-icon;font-size:12px;text-rendering:auto;-webkit-font-smoothing:antialiased;content:"\f0c8";display:inline-block;position:absolute;right:4px;top:16px}
+.ks-month__day{width:16.666%;height:50px}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kyfe/fms-vue2-components",
-  "version": "0.0.8",
+  "version": "0.0.10",
   "description": "",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -21,7 +21,7 @@
   },
   "dependencies": {
     "@kyfe/decrypt": "^0.0.7",
-    "@kyfe/fms-utils": "1.0.1",
+    "@kyfe/fms-utils": "workspace:*",
     "dayjs": "^1.11.13",
     "vant": "2.5.6"
   },