@kyfe/fms-vue2-components 0.0.6 → 0.0.7

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

@@ -0,0 +1,143 @@
+import './../fms-copy-box/style.css';
+import { n as l } from "../plugin-vue2_normalizer.ed7092a9.js";
+import './style.css';const r = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxNS4wMTAyNTM5MDYyNSIgaGVpZ2h0PSIxMy45MzgxMTAzNTE1NjI1IiB2aWV3Qm94PSIwIDAgMTUuMDEwMjUzOTA2MjUgMTMuOTM4MTEwMzUxNTYyNSI+PGc+PGc+PHBhdGggZD0iTTMuNzUyNDQsMi4xNDQyOUwyLjI1LDIuMTQ0MjlDMS4wMDczNiwyLjE0NDI5LDAsMy4xNTE2NSwwLDQuMzk0MjlMMCwxMS42ODgxQzAsMTIuOTMwOCwxLjAwNzM2LDEzLjkzODEsMi4yNSwxMy45MzgxTDEyLjc2MDMsMTMuOTM4MUMxNC4wMDI5LDEzLjkzODEsMTUuMDEwMywxMi45MzA4LDE1LjAxMDMsMTEuNjg4MUwxNS4wMTAzLDQuMzk0MjlDMTUuMDEwMywzLjE1MTY1LDE0LjAwMjksMi4xNDQyOSwxMi43NjAzLDIuMTQ0MjlMMTEuMjU3OCwyLjE0NDI5QzExLjI1NzgsMC45NjAwMDYsMTAuMjk3NiwwLDkuMTEzMjgsMEw1Ljg5Njk3LDBDNC43MTI2OSwwLDMuNzUyNDQsMC45NjAwMDYsMy43NTI0NCwyLjE0NDI5Wk0xMS4yMDM2LDcuNzcyNzFDMTEuMjAzNiw5LjgxNTMsOS41NDc0OCwxMS40NzExLDcuNTA0ODgsMTEuNDcxMUM1LjQ2MjI4LDExLjQ3MTEsMy44MDY2NCw5LjgxNTMsMy44MDY2NCw3Ljc3MjcxQzMuODA2NjQsNS43MzAxMSw1LjQ2MjI4LDQuMDc0MjIsNy41MDQ4OCw0LjA3NDIyQzkuNTQ3NDgsNC4wNzQyMiwxMS4yMDM2LDUuNzMwMTEsMTEuMjAzNiw3Ljc3MjcxWk05LjcwMzYxLDcuNzcyNzFDOS43MDM2MSw2LjU1ODUzLDguNzE5MDYsNS41NzQyMiw3LjUwNDg4LDUuNTc0MjJDNi4yOTA3MSw1LjU3NDIyLDUuMzA2NjQsNi41NTg1Myw1LjMwNjY0LDcuNzcyNzFDNS4zMDY2NCw4Ljk4Njg4LDYuMjkwNzEsOS45NzEwNyw3LjUwNDg4LDkuOTcxMDdDOC43MTkwNiw5Ljk3MTA3LDkuNzAzNjEsOC45ODY4OCw5LjcwMzYxLDcuNzcyNzFaIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNFM0U1RUQiIGZpbGwtb3BhY2l0eT0iMSIvPjwvZz48L2c+PC9zdmc+";
+const c = window.vant && window.vant.Toast, M = {
+  name: "FmsKsUpload",
+  props: {
+    value: {
+      type: Array,
+      default: () => []
+    },
+    bizId: String,
+    bizCode: String,
+    maxLength: Number,
+    type: {
+      type: String,
+      default: "edit"
+    },
+    process: {
+      type: Number,
+      default: 100
+    },
+    onPreviewBefore: Function
+  },
+  data() {
+    return {
+      show: !1,
+      actions: [{ name: "\u4ECE\u76F8\u518C\u9009\u62E9" }, { name: "\u62CD\u7167" }],
+      showPdf: !1,
+      pdfUrl: ""
+    };
+  },
+  methods: {
+    onPreview() {
+      this.onPreviewBefore && typeof this.onPreviewBefore == "function" && this.onPreviewBefore() || (this.show = !0);
+    },
+    onCancel() {
+      this.show = !1;
+    },
+    async onSelect(t) {
+      let e = null;
+      try {
+        if (this.$emit("beforeSelect", t), t.name === "\u4ECE\u76F8\u518C\u9009\u62E9") {
+          const s = Number(this.maxLength - this.value.length);
+          console.log("\u4ECE\u76F8\u518C\u9009\u62E9", t, s, this.maxLength, this.value.length), e = await window.ks.callFunc({
+            method: "pickAssets",
+            params: {
+              totalCount: s,
+              allowRecordVideo: !1,
+              selectType: 1,
+              quality: 80
+            }
+          });
+        } else
+          t.name === "\u62CD\u7167" && (e = await window.ks.takeByCamera());
+        this.onCancel(), this.maxLength && e.length > this.maxLength ? c("\u9009\u62E9\u6587\u4EF6\u592A\u591A") : this.upload(e);
+      } catch (s) {
+        console.info("onSelect--error", s), s && s.msg && c(s.msg), this.onCancel();
+      }
+    },
+    onDelete(t) {
+      let e = JSON.parse(JSON.stringify(this.value)), s = e[t];
+      e.splice(t, 1), this.$emit("input", e), this.$http("file.deleteByBizAndId", 10124, s).then((a) => {
+        this.$emit("deleteSuccess", a, s);
+      }).catch((a) => {
+        console.log(a);
+      });
+    },
+    async upload(t) {
+      try {
+        let e = await window.ks.uploadAssets({
+          filePaths: t.map((s) => s.filePath),
+          fileNames: t.map((s) => s.fileName),
+          bizCode: this.bizCode,
+          bizId: this.bizId
+        });
+        console.log("uploadRes---", e), this.$emit("input", e.reverse()), this.$emit("uploadsuccess", t, e), this.onCancel();
+      } catch (e) {
+        console.log("\u4E0A\u4F20\u5931\u8D25--", e);
+      }
+    },
+    previewAssets(t, e) {
+      let s = e.filter((i) => (i.contentType || "").toLowerCase().startsWith("image") || ["jpg", "jpeg", "png", "bmp", "HEIC", "webp", "tiff"].includes(
+        (i.extendName || "").toLowerCase()
+      )).map((i) => i.url);
+      const a = s.findIndex((i) => i === t);
+      this.$emit("beforePreviewAssets", {
+        index: a,
+        list: e
+      }), window.ks.previewAssets({
+        index: a,
+        filePaths: s
+      });
+    },
+    pdfPreview(t) {
+      this.$emit("beforePreviewAssets", {
+        index,
+        list
+      }), window.ks.callFunc({
+        method: "previewFile",
+        params: {
+          filePath: t.url,
+          fileName: t.name,
+          fileSize: String(t.size)
+        }
+      });
+    }
+  }
+};
+var w = function() {
+  var e = this, s = e._self._c;
+  return s("div", { staticClass: "van-uploader" }, [s("div", { staticClass: "van-uploader__wrapper" }, [e._l(e.value, function(a, i) {
+    return s("div", { key: i, staticClass: "van-uploader__preview" }, [s("div", { class: { "van-image": !0, "van-uploader__preview-image": !0 }, staticStyle: { overflow: "hidden", "border-radius": "4px", width: "52px", height: "52px" } }, [e.process !== 100 ? s("div", { staticClass: "mask-wrap" }, [s("div", { staticClass: "mask-content" }, [s("div", { staticClass: "mask-progress-bar" }, [s("div", { staticClass: "mask-progress-step", style: { width: `${e.process / 100 * 44}px` } })]), s("div", { staticClass: "mask-text" }, [e._v("\u8BC6\u522B\u4E2D")])])]) : e._e(), (a.contentType || "").toLowerCase().startsWith("image") || ["jpg", "jpeg", "png", "bmp", "HEIC", "webp", "tiff"].includes(
+      (a.extendName || "").toLowerCase()
+    ) ? s("img", { staticClass: "van-image__img", staticStyle: { "object-fit": "cover" }, attrs: { src: a.url }, on: { click: function(o) {
+      return e.previewAssets(a.url, e.value);
+    } } }) : (a.contentType || "").toLowerCase().includes("pdf") || ["pdf"].includes((a.extendName || "").toLowerCase()) ? s("div", { on: { click: function(o) {
+      return e.pdfPreview(a);
+    } } }, [s("img", { staticClass: "van-image__img", attrs: { src: "https://erphostjs.kye-erp.com/hr-oa-kts/ks-app/kuasheng-oa/images/pdf.svg", alt: "" } })]) : s("div", { staticClass: "van-uploader__upload", staticStyle: { margin: "0" } }, [e._m(0, !0)])]), e.type === "edit" ? s("i", { staticClass: "van-icon van-icon-clear van-uploader__preview-delete", staticStyle: { color: "#a7aab7", border: "1px solid #fff", fontSize: "14px" }, on: { click: function(o) {
+      return e.onDelete(i);
+    } } }) : e._e()]);
+  }), (e.maxLength && e.value.length < e.maxLength || !e.maxLength) && e.type === "edit" ? s("div", { staticClass: "van-uploader__upload", staticStyle: { "font-size": "22px" }, on: { click: e.onPreview } }, [s("img", { staticClass: "upload-icon", attrs: { src: r } })]) : e._e()], 2), s("ks-action-sheet", { attrs: { actions: e.actions, "get-container": "body", "cancel-text": "\u53D6\u6D88" }, on: { select: e.onSelect, cancel: e.onCancel }, model: { value: e.show, callback: function(a) {
+    e.show = a;
+  }, expression: "show" } })], 1);
+}, u = [function() {
+  var t = this, e = t._self._c;
+  return e("div", { staticClass: "van-uploader__preview-show" }, [t._v("\u6587\u4EF6\u8BF7\u5230"), e("br"), t._v("ERP\u67E5\u770B")]);
+}], d = /* @__PURE__ */ l(
+  M,
+  w,
+  u,
+  !1,
+  null,
+  "d54b97c2",
+  null,
+  null
+);
+const n = d.exports;
+n.install = function(t) {
+  t.component(n.name, n);
+};
+export {
+  n as default
+};

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

@@ -0,0 +1 @@
+.van-uploader[data-v-d54b97c2]{padding-top:4px}.van-uploader__upload[data-v-d54b97c2]{cursor:pointer;border-radius:4px}.van-uploader__preview-delete[data-v-d54b97c2]{font-size:18px;top:-8px;right:-8px;bottom:unset;border-radius:100%;background-color:#fff;color:#969799}.van-uploader .pdf-border[data-v-d54b97c2]{border:1px solid #e8e8e8;display:flex;align-items:center;padding:2px;color:#a6a6a6;font-size:12px}.van-uploader .mask-wrap[data-v-d54b97c2]{width:52px;height:52px;background-color:#000000b3;position:absolute;display:flex;justify-content:center;align-items:center}.van-uploader .mask-wrap .mask-content[data-v-d54b97c2]{display:flex;align-items:center;flex-direction:column;justify-content:center;margin-top:4px}.van-uploader .mask-wrap .mask-content .mask-progress-bar[data-v-d54b97c2]{width:44px;height:4px;background-color:#ffffff80;border-radius:2px}.van-uploader .mask-wrap .mask-content .mask-progress-bar .mask-progress-step[data-v-d54b97c2]{height:4px;background-color:#ffffffe6;border-radius:2px}.van-uploader .mask-wrap .mask-content .mask-text[data-v-d54b97c2]{line-height:24px;color:#fff;font-size:10px}.van-popup[data-v-d54b97c2]{overflow:inherit!important}.van-popup .close-btn[data-v-d54b97c2]{bottom:150px;position:absolute;left:50%;transform:translate(-50%);color:#fff;font-size:25px;background-color:#7972fe;border-radius:50%;border:none;padding:8px}[data-v-d54b97c2] .van-uploader__upload{border:.5px dashed #c6c6d0;width:52px;height:52px;background-color:#fff}.van-uploader__preview-show[data-v-d54b97c2]{font-size:12px;color:#999;text-align:center}

package/dist/index.js

@@ -1,37 +1,40 @@
 import './fms-copy-box/style.css';
-import r from "./fms-copy-box/index.js";
-import { default as D } from "./fms-copy-box/index.js";
-import s from "./fms-empty/index.js";
-import { default as L } from "./fms-empty/index.js";
+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 "./fms-ks-decrypt/index.js";
 import t from "./fms-ks-file-upload/index.js";
-import { default as U } 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 b } 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 j } from "./fms-scroll-list/index.js";
-import F from "./fms-ks-form-grid/index.js";
-import { default as q } from "./fms-ks-form-grid/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 "./fms-ks-search-tips/index.js";
-import { F as a } from "./fms-ks-decrypt.2f88e659.js";
-import { F as z } from "./fms-ks-decrypt.2f88e659.js";
-import { F as f } from "./fms-ks-search-tips.d36859c3.js";
-import { F as H } from "./fms-ks-search-tips.d36859c3.js";
-const i = [r, s, a, t, p, e, F, f], l = function(m) {
-  i.forEach((o) => {
+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);
   });
-}, w = {
-  install: l
+}, B = {
+  install: d
 };
 export {
-  D as FmsCopyBox,
-  L as FmsEmpty,
-  z as FmsKsDecrypt,
-  U as FmsKsFileUpload,
-  b as FmsKsFileView,
-  q as FmsKsFormGrid,
-  H as FmsKsSearchTips,
-  j as FmsScrollList,
-  w as default
+  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
 };

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

@@ -1 +1 @@
-.ks-date-picker__body{flex:1;overflow:hidden;height:100%;position:relative}.ks-date-picker .van-calendar__body{height:100%;flex:1;overflow:auto;-webkit-overflow-scrolling:touch}.ks-date-picker .van-calendar__month-title{height:40px;line-height:40px;color:#333}.ks-date-picker .van-calendar__day{color:#333}.ks-date-picker .van-calendar__day.van-calendar__day--disabled{color:#ccc}.ks-date-picker .van-calendar__selected-day,.ks-date-picker .van-calendar__day--start,.ks-date-picker .van-calendar__day--end{color:#fff;background-color:#7972fe;border-radius:50%;width:44px;height:44px;line-height:44px;display:flex;align-items:center;justify-content:center}.ks-date-picker .van-calendar__day--start-end{color:#fff;background-color:#7972fe;width:54px;height:44px;line-height:44px;display:flex;align-items:center;justify-content:center;position:relative}.ks-date-picker .van-calendar__day--middle:after{top:3px;bottom:3px}.ks-date-picker .van-calendar__day--start,.ks-date-picker .van-calendar__day--end{position:relative}.ks-date-picker .van-calendar__day--start:after{position:absolute;left:50%;top:0;bottom:0;width:85%;content:" ";background-color:#7972fe1a}.ks-date-picker .van-calendar__day--end:after{position:absolute;right:50%;top:0;bottom:0;width:85%;content:" ";background-color:#7972fe1a}.ks-date-picker .van-calendar__bottom-info{font-size:10px;line-height:10px;font-weight:300;bottom:3px;position:absolute;right:0;left:0}.ks-date-picker .van-calendar__confirm{height:44px;line-height:44px;margin-top:0}.ks-date-picker-top-popup{height:85%}.ks-date-picker-top-popup .van-popup__close-icon--top-left{top:10px}.ks-date-picker-top{height:85vh;overflow:hidden;display:flex;flex-direction:column}.ks-date-picker-top__header{height:40px}.ks-date-picker-top__header-title{text-align:center;height:40px;line-height:40px;font-size:14px;color:#7972fe}.ks-date-picker-top__header-title-split{color:#333}.ks-date-picker-top__header-title-end-not{color:#ddd}.ks-date-picker-top__footer{height:62px;padding:16px 16px 0;box-shadow:0 0 4px #9e9bda38;z-index:1}.ios .ks-date-picker-top-popup{padding-top:20px}.ipx .ks-date-picker-top-popup{padding-top:44px}
+.ks-date-picker__body{flex:1;overflow:hidden;height:100%;position:relative}.ks-date-picker .van-calendar__body{height:100%;flex:1;overflow:auto;-webkit-overflow-scrolling:touch}.ks-date-picker .van-calendar__month-title{height:40px;line-height:40px;color:#333}.ks-date-picker .van-calendar__day{color:#333}.ks-date-picker .van-calendar__day.van-calendar__day--disabled{color:#ccc}.ks-date-picker .van-calendar__selected-day,.ks-date-picker .van-calendar__day--start,.ks-date-picker .van-calendar__day--end{color:#fff;background-color:#7972fe;border-radius:50%;width:44px;height:44px;line-height:44px;display:flex;align-items:center;justify-content:center}.ks-date-picker .van-calendar__day--start-end{color:#fff;background-color:#7972fe;width:54px;height:44px;line-height:44px;display:flex;align-items:center;justify-content:center;position:relative}.ks-date-picker .van-calendar__day--middle:after{top:3px;bottom:3px}.ks-date-picker .van-calendar__day--start,.ks-date-picker .van-calendar__day--end{position:relative}.ks-date-picker .van-calendar__day--start:after{position:absolute;left:50%;top:0;bottom:0;width:85%;content:" ";background-color:#7972fe1a}.ks-date-picker .van-calendar__day--end:after{position:absolute;right:50%;top:0;bottom:0;width:85%;content:" ";background-color:#7972fe1a}.ks-date-picker .van-calendar__bottom-info{font-size:10px;line-height:10px;font-weight:300;bottom:3px;position:absolute;right:0;left:0}.ks-date-picker .van-calendar__confirm{height:44px;line-height:44px;margin-top:0}.ks-date-picker-dropdown-warpper{position:fixed;left:0;right:0;bottom:0;z-index:10;overflow:hidden}.ks-date-picker-dropdown-popup{position:absolute;height:88%}.ks-date-picker-dropdown-popup .van-popup__close-icon--top-left{top:10px}.ks-date-picker-dropdown{height:100%;overflow:hidden;display:flex;flex-direction:column}.ks-date-picker-dropdown__footer{height:62px;padding:16px 16px 0;box-shadow:0 0 4px #9e9bda38;z-index:1}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kyfe/fms-vue2-components",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "description": "",
   "main": "dist/index.js",
   "module": "dist/index.js",

package/src/components/datetime-popup/index.js

@@ -1,6 +1,5 @@
 import TimePicker from './time-picker.js'
 import DatePicker from './date-picker.js'
-
 export default {
   props: {
     ...TimePicker.props,

package/src/components/fms-ks-upload/camera.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="15.01025390625" height="13.9381103515625" viewBox="0 0 15.01025390625 13.9381103515625"><g><g><path d="M3.75244,2.14429L2.25,2.14429C1.00736,2.14429,0,3.15165,0,4.39429L0,11.6881C0,12.9308,1.00736,13.9381,2.25,13.9381L12.7603,13.9381C14.0029,13.9381,15.0103,12.9308,15.0103,11.6881L15.0103,4.39429C15.0103,3.15165,14.0029,2.14429,12.7603,2.14429L11.2578,2.14429C11.2578,0.960006,10.2976,0,9.11328,0L5.89697,0C4.71269,0,3.75244,0.960006,3.75244,2.14429ZM11.2036,7.77271C11.2036,9.8153,9.54748,11.4711,7.50488,11.4711C5.46228,11.4711,3.80664,9.8153,3.80664,7.77271C3.80664,5.73011,5.46228,4.07422,7.50488,4.07422C9.54748,4.07422,11.2036,5.73011,11.2036,7.77271ZM9.70361,7.77271C9.70361,6.55853,8.71906,5.57422,7.50488,5.57422C6.29071,5.57422,5.30664,6.55853,5.30664,7.77271C5.30664,8.98688,6.29071,9.97107,7.50488,9.97107C8.71906,9.97107,9.70361,8.98688,9.70361,7.77271Z" fill-rule="evenodd" fill="#E3E5ED" fill-opacity="1"/></g></g></svg>

package/src/components/fms-ks-upload/fms-ks-upload.vue

@@ -0,0 +1,302 @@
+<template>
+  <div class="van-uploader">
+    <!-- <van-button @click="demo">单击</van-button> -->
+    <div class="van-uploader__wrapper">
+      <!-- 已经上传后的附件预览 -->
+      <div v-for="(item, index) of value"
+           :key="index"
+           class="van-uploader__preview">
+        <div :class="{'van-image': true, 'van-uploader__preview-image': true,}"
+             style="overflow: hidden; border-radius: 4px; width: 52px;height: 52px;">
+          <!-- 显示识别进度-报销申请页面有使用到 -->
+          <div v-if="process !== 100"
+               class="mask-wrap">
+            <div class="mask-content">
+              <div class="mask-progress-bar">
+                <div class="mask-progress-step"
+                     :style="{width: `${process/100*44}px` }"></div>
+              </div>
+              <div class="mask-text">识别中</div>
+            </div>
+          </div>
+          <img v-if="(item.contentType || '').toLowerCase().startsWith('image') ||
+              ['jpg', 'jpeg', 'png', 'bmp', 'HEIC', 'webp', 'tiff'].includes(
+                (item.extendName || '').toLowerCase()
+              )"
+               :src="item.url"
+               @click="previewAssets(item.url, value)"
+               class="van-image__img"
+               style="object-fit: cover;" />
+          <div v-else-if="(item.contentType || '').toLowerCase().includes('pdf') ||
+              ['pdf'].includes((item.extendName || '').toLowerCase())"
+               @click="pdfPreview(item)"><img class="van-image__img"
+                 src="https://erphostjs.kye-erp.com/hr-oa-kts/ks-app/kuasheng-oa/images/pdf.svg"
+                 alt=""></div>
+          <div v-else
+               class="van-uploader__upload"
+               style="margin:0;">
+            <div class="van-uploader__preview-show">文件请到<br />ERP查看</div>
+          </div>
+        </div>
+        <i class="van-icon van-icon-clear van-uploader__preview-delete"
+           v-if="type === 'edit'"
+           style="color: #a7aab7;border:1px solid #fff;fontSize: 14px;"
+           @click="onDelete(index)"></i>
+      </div>
+      <!-- 上传按钮 -->
+      <div v-if="((maxLength && value.length < maxLength) || !maxLength)  && type === 'edit'"
+           class="van-uploader__upload"
+           @click="onPreview"
+           style="font-size: 22px;">
+        <img class="upload-icon" src="./camera.svg" />
+        <!-- <i class="van-icon van-icon-photograph van-uploader__upload-icon" style="font-size: 16px;"></i> -->
+      </div>
+    </div>
+    <ks-action-sheet v-model="show"
+                     :actions="actions"
+                     get-container="body"
+                     cancel-text="取消"
+                     @select="onSelect"
+                     @cancel="onCancel" />
+    <!-- <van-popup v-model="showPdf" get-container="body">
+      <pdf-prev :url="pdfUrl" v-if="showPdf"></pdf-prev>
+      <van-icon name="cross"
+                class="close-btn"
+                @click="showPdf = false" />
+    </van-popup> -->
+  </div>
+</template>
+
+<script>
+  const Toast = window.vant && window.vant.Toast
+
+  export default {
+    name: "FmsKsUpload",
+    // components: { PdfPrev },
+    props: {
+      value: {
+        type: Array,
+        default: () => ([])
+      },
+      bizId: String,
+      bizCode: String,
+      maxLength: Number
+      ,
+      type: { // edit 可以编辑  detail 不可以编辑
+        type: String,
+        default: 'edit'
+      },
+      process: { // 识别进度
+        type: Number,
+        default: 100
+      },
+      onPreviewBefore: Function, // 点击上传按钮之前的操作，可终止唤起弹框
+    },
+    data () {
+      return {
+        show: false,
+        actions: [{ name: "从相册选择" }, { name: "拍照" }],
+        showPdf: false,
+        pdfUrl: ''
+      };
+    },
+    methods: {
+      onPreview () {
+        if (this.onPreviewBefore && typeof this.onPreviewBefore === 'function') {
+          const flag = this.onPreviewBefore()
+          if (flag) {
+            return
+          }
+        }
+        this.show = true;
+      },
+      onCancel () {
+        this.show = false;
+      },
+      async onSelect(item) {
+        let fileList = null
+        try {
+          // NOTE: 此处原代码为 this.$store.commit('setPreviewFile', true)，因改为组件库，所以此处改为暴露事件 beforeSelect
+          this.$emit('beforeSelect', item)
+          if (item.name === '从相册选择') {
+            // 选择照片的数量( 默认可选9张图片 )
+            const totalCount = Number(this.maxLength - this.value.length)
+            console.log('从相册选择', item, totalCount, this.maxLength, this.value.length)
+            fileList = await window.ks.callFunc({
+              method: 'pickAssets',
+              params: {
+                totalCount: totalCount,
+                allowRecordVideo: false,
+                selectType: 1,
+                quality: 80,
+              },
+            })
+          } else if (item.name === '拍照') {
+            fileList = await window.ks.takeByCamera()
+          }
+          this.onCancel()
+          if (this.maxLength && fileList.length > this.maxLength) {
+            Toast('选择文件太多')
+          } else {
+            this.upload(fileList)
+          }
+        } catch (error) {
+          console.info('onSelect--error', error)
+          if (error && error.msg) {
+            Toast(error.msg)
+          }
+          this.onCancel()
+        }
+      },
+      onDelete (index) {
+        let list = JSON.parse(JSON.stringify(this.value))
+        let data = list[index]
+        list.splice(index, 1)
+        this.$emit('input', list)
+        this.$http('file.deleteByBizAndId', 10124, data).then(res => {
+          this.$emit('deleteSuccess', res, data)
+        }).catch(err => {
+          console.log(err)
+        })
+      },
+      async upload (list) {
+        try {
+          let res = await window.ks.uploadAssets({
+            filePaths: list.map(item => item.filePath),
+            fileNames: list.map(item => item.fileName),
+            bizCode: this.bizCode,
+            bizId: this.bizId
+          })
+          // 这里有个坑,安卓与IOS机型不同的地方,list中的name,安卓同样图片name不同,为时间戳;苹果同样图片name相同,为之前的文件名称
+          console.log('uploadRes---', res)
+          this.$emit('input', res.reverse())
+          this.$emit('uploadsuccess', list, res)
+          this.onCancel()
+        } catch (error) {
+          console.log('上传失败--', error)
+        }
+      },
+      previewAssets(url, list) {
+        // NOTE: 此处原代码为 this.$store.commit('setPreviewFile', true)，因改为组件库，所以此处改为暴露事件 beforePreviewAssets
+        let filePaths = list.filter(item => (item.contentType || '').toLowerCase().startsWith('image') ||
+          ['jpg', 'jpeg', 'png', 'bmp', 'HEIC', 'webp', 'tiff'].includes(
+            (item.extendName || '').toLowerCase()
+          )).map(item => item.url)
+        const index = filePaths.findIndex(item => item === url)
+
+        this.$emit('beforePreviewAssets', {
+          index,
+          list,
+        })
+        window.ks.previewAssets({
+          index, // 默认从第几个资源开始浏览 index不能大于assetsPaths的长度
+          filePaths  // 接口返回的文件系统路径，或者本地路径
+        })
+      },
+      pdfPreview (item) {
+        // this.showPdf = true
+        // this.pdfUrl = item.url
+        // NOTE: 此处原代码为 this.$store.commit('setPreviewFile', true)，因改为组件库，所以此处改为暴露事件 beforePreviewAssets
+        this.$emit('beforePreviewAssets', {
+          index,
+          list,
+        })
+        window.ks.callFunc({
+          method: 'previewFile',
+          params: {
+            filePath: item.url,
+            fileName: item.name,
+            fileSize: String(item.size) // 改为string类型
+          }
+        })
+      }
+    }
+  };
+</script>
+
+<style lang="less" scoped>
+  .van-uploader {
+    // padding-bottom: 10px;
+    padding-top: 4px;
+    &__upload {
+      cursor: pointer;
+      border-radius: 4px;
+    }
+    &__preview-delete {
+      font-size: 18px;
+      top: -8px;
+      right: -8px;
+      bottom: unset;
+      border-radius: 100%;
+      background-color: #fff;
+      color: #969799;
+    }
+    .pdf-border {
+      border: 1px solid #e8e8e8;
+      display: flex;
+      align-items: center;
+      padding: 2px;
+      color: #a6a6a6;
+      font-size: 12px;
+    }
+    .mask-wrap {
+      width: 52px;
+      height: 52px;
+      background-color: rgba(0, 0, 0, 0.7);
+      position: absolute;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      .mask-content {
+        display: flex;
+        align-items: center;
+        flex-direction: column;
+        justify-content: center;
+        margin-top: 4px;
+        .mask-progress-bar {
+          width: 44px;
+          height: 4px;
+          background-color: rgba(255, 255, 255, 0.5);
+          border-radius: 2px;
+          .mask-progress-step {
+            // width: 20px;
+            height: 4px;
+            background-color: rgba(255, 255, 255, 0.9);
+            border-radius: 2px;
+          }
+        }
+        .mask-text {
+          line-height: 24px;
+          color: #fff;
+          font-size: 10px;
+        }
+      }
+    }
+  }
+  .van-popup {
+    overflow: inherit !important;
+    .close-btn {
+      bottom: 150px;
+      position: absolute;
+      left: 50%;
+      transform: translateX(-50%);
+      color: #fff;
+      font-size: 25px;
+      background-color: #7972fe;
+      border-radius: 50%;
+      border: none;
+      padding: 8px;
+    }
+  }
+  /deep/ .van-uploader__upload {
+    border: 0.5px dashed #c6c6d0;
+    width: 52px;
+    height: 52px;
+    background-color: #fff;
+  }
+  .van-uploader__preview-show {
+    font-size: 12px;
+    color: #999;
+    text-align: center;
+  }
+</style>

package/src/components/fms-ks-upload/index.js

@@ -0,0 +1,7 @@
+import FmsKsUpload from './fms-ks-upload.vue'
+
+FmsKsUpload.install = function(Vue) {
+  Vue.component(FmsKsUpload.name, FmsKsUpload)
+}
+
+export default FmsKsUpload

package/src/index.js

@@ -7,6 +7,7 @@ import FmsKsFileView from './components/fms-ks-file-view/index'
 import FmsScrollList from './components/fms-scroll-list/index'
 import FmsKsFormGrid from './components/fms-ks-form-grid'
 import FmsKsSearchTips from './components/fms-ks-search-tips'
+import FmsKsUpload from './components/fms-ks-upload/index'
 
 const components = [
   FmsCopyBox,
@@ -16,7 +17,8 @@ const components = [
   FmsKsFileView,
   FmsScrollList,
   FmsKsFormGrid,
-  FmsKsSearchTips
+  FmsKsSearchTips,
+  FmsKsUpload
 ]
 
 const install = function(Vue) {
@@ -34,7 +36,8 @@ export {
   FmsKsFileView,
   FmsScrollList,
   FmsKsFormGrid,
-  FmsKsSearchTips
+  FmsKsSearchTips,
+  FmsKsUpload
 }
 // 全量导出
 export default {