@kyfe/fms-vue2-components 0.0.6 → 0.0.8

package/dist/assets/css/fms-ks-search-tips-new.css

@@ -1 +1 @@
-.fms-search-tips-new[data-v-39117cea] .van-cell__value{overflow:initial}.fms-search-tips-new__content[data-v-39117cea]{display:flex;flex-direction:column;border-radius:12px 12px 0 0;font-size:14px;overflow:hidden}.fms-search-tips-new__content-title[data-v-39117cea]{height:48px;color:#333;font-weight:700;padding:0 16px;border-bottom:1px solid #ebedf5;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;flex-grow:0;font-size:16px}.fms-search-tips-new__content-title .van-icon[data-v-39117cea]{cursor:pointer}.fms-search-tips-new__content-title.close-left[data-v-39117cea]{justify-content:flex-start}.fms-search-tips-new__content-title.close-left .van-icon[data-v-39117cea]{margin-right:8px}.fms-search-tips-new__content-search[data-v-39117cea]{flex-shrink:0;flex-grow:0;padding:8px 16px!important}.fms-search-tips-new__content-search[data-v-39117cea] .van-cell{background-color:transparent!important}.fms-search-tips-new__content-search[data-v-39117cea] .van-cell .van-field__body{padding-left:0}.fms-search-tips-new__content-search.has-action[data-v-39117cea] .van-search__content{border-radius:8px 0 0 8px!important}.fms-search-tips-new__content-search.has-action[data-v-39117cea] .van-search__action{padding:0;height:100%}.fms-search-tips-new__content-search.has-action[data-v-39117cea] .van-search__action .van-button{border-radius:0 8px 8px 0!important;height:36px}.fms-search-tips-new__content-loading[data-v-39117cea]{display:flex;justify-content:center;padding:12px 0}.fms-search-tips-new__content-current[data-v-39117cea]{flex-shrink:0;flex-grow:0;margin:0 16px;border-bottom:1px solid #ebedf5}.fms-search-tips-new__content-current .current-title[data-v-39117cea]{color:#1a1a1a;font-weight:700}.fms-search-tips-new__content-current .current-value[data-v-39117cea]{height:36px;line-height:36px;border-radius:18px;background:#f7f8fa;display:inline-flex;padding:0 12px;align-items:center;margin:8px 0;max-width:100%;overflow:hidden}.fms-search-tips-new__content-current .current-value__text[data-v-39117cea]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fms-search-tips-new__content-current .current-value__line[data-v-39117cea]{width:1px;height:12px;opacity:1;flex-grow:0;flex-shrink:0;background:#d7d7db;margin:0 8px}.fms-search-tips-new__content-current .current-value__icon[data-v-39117cea]{flex-grow:0;flex-shrink:0}.fms-search-tips-new__content-list[data-v-39117cea]{padding:0 16px;overflow:auto;height:0;flex:1;-webkit-overflow-scrolling:touch}.fms-search-tips-new__content-list .list-item[data-v-39117cea]{line-height:1.2;padding:12px 0;color:#333;word-break:break-all}.ios .fms-search-tips-new__content.is-full-popup{padding-top:20px!important}.ipx .fms-search-tips-new__content.is-full-popup{padding-top:46px!important}
+.fms-search-tips-new[data-v-349961a0] .van-cell__value{overflow:initial}.fms-search-tips-new__content[data-v-349961a0]{display:flex;flex-direction:column;border-radius:12px 12px 0 0;font-size:14px;overflow:hidden}.fms-search-tips-new__content-title[data-v-349961a0]{height:48px;color:#333;font-weight:700;padding:0 16px;border-bottom:1px solid #ebedf5;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;flex-grow:0;font-size:16px}.fms-search-tips-new__content-title .van-icon[data-v-349961a0]{cursor:pointer}.fms-search-tips-new__content-title.close-left[data-v-349961a0]{justify-content:flex-start}.fms-search-tips-new__content-title.close-left .van-icon[data-v-349961a0]{margin-right:8px}.fms-search-tips-new__content-search[data-v-349961a0]{flex-shrink:0;flex-grow:0;padding:8px 16px!important}.fms-search-tips-new__content-search[data-v-349961a0] .van-cell{background-color:transparent!important}.fms-search-tips-new__content-search[data-v-349961a0] .van-cell .van-field__body{padding-left:0}.fms-search-tips-new__content-search.has-action[data-v-349961a0] .van-search__content{border-radius:8px 0 0 8px!important}.fms-search-tips-new__content-search.has-action[data-v-349961a0] .van-search__action{padding:0;height:100%}.fms-search-tips-new__content-search.has-action[data-v-349961a0] .van-search__action .van-button{border-radius:0 8px 8px 0!important;height:36px}.fms-search-tips-new__content-loading[data-v-349961a0]{display:flex;justify-content:center;padding:12px 0}.fms-search-tips-new__content-current[data-v-349961a0]{flex-shrink:0;flex-grow:0;margin:0 16px;border-bottom:1px solid #ebedf5}.fms-search-tips-new__content-current .current-title[data-v-349961a0]{color:#1a1a1a;font-weight:700}.fms-search-tips-new__content-current .current-value[data-v-349961a0]{height:36px;line-height:36px;border-radius:18px;background:#f7f8fa;display:inline-flex;padding:0 12px;align-items:center;margin:8px 0;max-width:100%;overflow:hidden}.fms-search-tips-new__content-current .current-value__text[data-v-349961a0]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fms-search-tips-new__content-current .current-value__line[data-v-349961a0]{width:1px;height:12px;opacity:1;flex-grow:0;flex-shrink:0;background:#d7d7db;margin:0 8px}.fms-search-tips-new__content-current .current-value__icon[data-v-349961a0]{flex-grow:0;flex-shrink:0}.fms-search-tips-new__content-list[data-v-349961a0]{padding:0 16px;overflow:auto;height:0;flex:1;-webkit-overflow-scrolling:touch}.fms-search-tips-new__content-list .list-item[data-v-349961a0]{line-height:1.2;padding:12px 0;color:#333;word-break:break-all}.ios .fms-search-tips-new__content.is-full-popup{padding-top:20px!important}.ipx .fms-search-tips-new__content.is-full-popup{padding-top:46px!important}

package/dist/{date-picker-bottom.17e75dc0.js → date-picker-bottom.08bb5468.js}

@@ -1,4 +1,4 @@
-import { M as n } from "./mixin.f4bc60f0.js";
+import { M as n } from "./mixin.7a8d8392.js";
 import { n as o } from "./plugin-vue2_normalizer.ed7092a9.js";
 import './oa-datetime-picker-new/style.css';const s = {
   date: "\u65E5\u671F\u9009\u62E9",

package/dist/{date-picker-dropdown.1d8e9f00.js → date-picker-dropdown.6bdf8884.js}

@@ -1,4 +1,4 @@
-import { M as o } from "./mixin.f4bc60f0.js";
+import { M as o } from "./mixin.7a8d8392.js";
 import { n as a } from "./plugin-vue2_normalizer.ed7092a9.js";
 import './oa-datetime-picker-new/style.css';const n = {
   name: "date-picker-dropdown",

package/dist/{date-picker-right.b939e886.js → date-picker-right.0b16e9e5.js}

@@ -1,4 +1,4 @@
-import { M as s } from "./mixin.f4bc60f0.js";
+import { M as s } from "./mixin.7a8d8392.js";
 import { n as a } from "./plugin-vue2_normalizer.ed7092a9.js";
 import './oa-datetime-picker-new/style.css';const r = {
   name: "date-picker-right",

package/dist/{date-picker-top.c38046f7.js → date-picker-top.bb84a0cf.js}

@@ -1,4 +1,4 @@
-import { M as s } from "./mixin.f4bc60f0.js";
+import { M as s } from "./mixin.7a8d8392.js";
 import { n as a } from "./plugin-vue2_normalizer.ed7092a9.js";
 import './oa-datetime-picker-new/style.css';const n = {
   name: "date-picker-top",

package/dist/{date-week-month.169b98bc.js → date-week-month.7ac3a67e.js}

@@ -1,4 +1,4 @@
-import { D as r, M as s, W as c } from "./fms-ks-components.a5d9329b.js";
+import { D as r, M as s, W as c } from "./fms-ks-components.53289d17.js";
 import { t as o } from "./utils.159fba19.js";
 import { n as i } from "./plugin-vue2_normalizer.ed7092a9.js";
 import './oa-datetime-picker-new/style.css';const _ = {

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

@@ -1,6 +1,6 @@
 import './../fms-copy-box/style.css';
-import { F as o } from "../fms-ks-components.a5d9329b.js";
-import { F as a } from "../fms-ks-components.a5d9329b.js";
+import { F as o } from "../fms-ks-components.53289d17.js";
+import { F as a } from "../fms-ks-components.53289d17.js";
 o.install = function(n) {
   n.component(o.name, o);
 };

package/dist/{fms-ks-components.a5d9329b.js → fms-ks-components.53289d17.js}

@@ -7,7 +7,7 @@ import { F as d_ } from "./fms-ks-select.59416fd8.js";
 import { F as __ } from "./fms-ks-picker.766b55f9.js";
 import { F as v_ } from "./fms-ks-select-box.a00f0f08.js";
 import { F as m_ } from "./fms-ks-search-tips.d36859c3.js";
-import { F as g_ } from "./fms-ks-search-tips-new.7d08f710.js";
+import { F as g_ } from "./fms-ks-search-tips-new.d68b86e6.js";
 import { F as y_ } from "./fms-ks-clamp-text.24eb5e8d.js";
 import './assets/css/fms-ks-components.css';var fr = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, Bt = {
   exports: {}
@@ -3902,19 +3902,19 @@ const B_ = I_.exports, z_ = {
   "./quarter-select.b6256880.js"
 ), Z_ = () => import(
   /* webpackChunkName: "date-week-month" */
-  "./date-week-month.169b98bc.js"
+  "./date-week-month.7ac3a67e.js"
 ), Q_ = () => import(
   /* webpackChunkName: "date-picker-bottom" */
-  "./date-picker-bottom.17e75dc0.js"
+  "./date-picker-bottom.08bb5468.js"
 ), G_ = () => import(
   /* webpackChunkName: "date-picker-top" */
-  "./date-picker-top.c38046f7.js"
+  "./date-picker-top.bb84a0cf.js"
 ), J_ = () => import(
   /* webpackChunkName: "date-picker-right" */
-  "./date-picker-right.b939e886.js"
+  "./date-picker-right.0b16e9e5.js"
 ), X_ = () => import(
   /* webpackChunkName: "date-picker-dropdown" */
-  "./date-picker-dropdown.1d8e9f00.js"
+  "./date-picker-dropdown.6bdf8884.js"
 ), Rv = q_, Ov = V_, Nv = U_, Ev = K_, Iv = W_, Bv = H_, zv = Z_, ev = Q_, tv = G_, rv = J_, nv = X_;
 const iv = {
   month: "YYYY/MM",

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.a5d9329b.js";
+import { F as f } from "../fms-ks-components.53289d17.js";
 import { n as a } from "../plugin-vue2_normalizer.ed7092a9.js";
 import './style.css';class c {
   constructor(t) {

package/dist/fms-ks-search-tips-new/index.js

@@ -1,6 +1,6 @@
 import './../fms-copy-box/style.css';
-import { F as o } from "../fms-ks-search-tips-new.7d08f710.js";
-import { F as s } from "../fms-ks-search-tips-new.7d08f710.js";
+import { F as o } from "../fms-ks-search-tips-new.d68b86e6.js";
+import { F as s } from "../fms-ks-search-tips-new.d68b86e6.js";
 o.install = function(a) {
   a.component(o.name, o);
 };

package/dist/{fms-ks-search-tips-new.7d08f710.js → fms-ks-search-tips-new.d68b86e6.js}

@@ -1,5 +1,5 @@
 import { n } from "./plugin-vue2_normalizer.ed7092a9.js";
-import './assets/css/fms-ks-search-tips-new.css';const a = window.vant && window.vant.Toast, i = {
+import './assets/css/fms-ks-search-tips-new.css';const l = window.vant && window.vant.Toast, i = {
   name: "FmsKsSearchTipsNew",
   props: {
     label: String,
@@ -69,23 +69,26 @@ import './assets/css/fms-ks-search-tips-new.css';const a = window.vant && window
       t.value = "", this.searchStr = "", s.inputValue = "";
     },
     async onChange(s) {
-      let e = s.length;
-      if (this.searchStr = s, e !== 0)
+      this.searchStr = s;
+    },
+    async onSearch() {
+      let s = this.searchStr, e = s.length;
+      if (e !== 0)
         if (e >= this.inputLength && this.url && this.appkey)
           try {
             this.loading = !0;
-            let t = this.formatData(s), l = await this.$http(this.url, this.appkey, t) || [];
-            l = this.formatResult ? this.formatResult(l, s) : l, l.length === 0 && !this.noEmptyMessage && a(this.message || "\u641C\u7D22\u7ED3\u679C\u4E3A\u7A7A"), this.searchList = l;
+            let t = this.formatData(s), a = await this.$http(this.url, this.appkey, t) || [];
+            a = this.formatResult ? this.formatResult(a, s) : a, a.length === 0 && !this.noEmptyMessage && l(this.message || "\u641C\u7D22\u7ED3\u679C\u4E3A\u7A7A"), this.searchList = a;
           } catch {
             this.onClose();
           } finally {
             this.loading = !1;
           }
         else
-          a(`\u5B57\u6570\u4E0D\u5C11\u4E8E${this.inputLength}`);
+          l(`\u5B57\u6570\u4E0D\u5C11\u4E8E${this.inputLength}`);
     },
     getValue(s) {
-      return this.keys.reduce((t, l) => (t.push(s[l]), t), []).join(", ");
+      return this.keys.reduce((t, a) => (t.push(s[a]), t), []).join(", ");
     },
     onSelect(s) {
       this.$emit("select", s), this.$emit("selectItem", s), this.hidePopup(), this.onClose();
@@ -100,14 +103,14 @@ import './assets/css/fms-ks-search-tips-new.css';const a = window.vant && window
 };
 var o = function() {
   var e = this, t = e._self._c;
-  return t("div", { staticClass: "fms-search-tips-new" }, [t("van-field", { attrs: { required: e.required, inputAlign: e.inputAlign, placeholder: e.placeholder, value: e.value, rules: e.rules, label: e.label, maxlength: e.maxlength, "is-link": e.isLink, readonly: "" }, on: { click: e.showPopup } }, [e.$slots.label ? t("template", { slot: "label" }, [e._t("label")], 2) : e._e(), e.$slots.rightIcon ? t("template", { slot: "right-icon" }, [e._t("rightIcon")], 2) : e._e()], 2), t("van-popup", { staticClass: "fms-search-tips-new__content", class: { "is-full-popup": e.isFullPopup }, style: { height: e.isFullPopup ? "100%" : e.popupHeight, ...e.popupStyle }, attrs: { position: "bottom", "get-container": e.getContainer }, on: { opened: e.onOpened, close: e.onClose }, model: { value: e.show, callback: function(l) {
-    e.show = l;
-  }, expression: "show" } }, [e.isFullPopup ? t("div", { staticClass: "fms-search-tips-new__content-title close-left" }, [t("van-icon", { attrs: { name: "arrow-left", color: "#333", size: "20" }, on: { click: e.hidePopup } }), e._v(" " + e._s(e.label) + " ")], 1) : t("div", { staticClass: "fms-search-tips-new__content-title" }, [e._v(" " + e._s(e.label) + " "), t("van-icon", { attrs: { name: "cross", color: "#A2A2AD" }, on: { click: e.hidePopup } })], 1), t("form", { attrs: { action: "/" } }, [t("ks-input-search", { ref: "search", staticClass: "fms-search-tips-new__content-search", class: { "has-action": e.$scopedSlots.action }, attrs: { placeholder: e.placeholder, "show-action": !!e.$scopedSlots.action, maxlength: e.maxlength }, on: { change: e.onChange }, model: { value: e.searchStr, callback: function(l) {
-    e.searchStr = l;
-  }, expression: "searchStr" } }, [e._t("action", null, { slot: "action", input: e.searchStr, close: e.hidePopup })], 2)], 1), e._t("default", null, { list: e.searchList, input: e.searchStr, loading: e.loading }), e.$scopedSlots.default ? e._e() : [e.value ? t("div", { staticClass: "fms-search-tips-new__content-current" }, [t("div", { staticClass: "current-title" }, [e._v("\u5F53\u524D\u9009\u62E9")]), t("div", { staticClass: "current-value" }, [t("span", { staticClass: "current-value__text" }, [e._v(e._s(e.value))]), t("i", { staticClass: "current-value__line" }), t("van-icon", { staticClass: "currnet-value__icon", attrs: { name: "cross", color: "#A2A2AD" }, on: { click: e.onClear } })], 1)]) : e._e(), t("div", { staticClass: "fms-search-tips-new__content-list" }, [e.loading ? t("div", { staticClass: "fms-search-tips-new__content-loading" }, [t("van-loading", { attrs: { size: "36px" } })], 1) : e._l(e.searchList, function(l) {
-    return t("div", { key: l[e.valueKey], staticClass: "list-item", on: { click: function(u) {
-      return e.onSelect(l);
-    } } }, [e._v(" " + e._s(e.getValue(l)) + " ")]);
+  return t("div", { staticClass: "fms-search-tips-new" }, [t("van-field", { attrs: { required: e.required, inputAlign: e.inputAlign, placeholder: e.placeholder, value: e.value, rules: e.rules, label: e.label, maxlength: e.maxlength, "is-link": e.isLink, readonly: "" }, on: { click: e.showPopup } }, [e.$slots.label ? t("template", { slot: "label" }, [e._t("label")], 2) : e._e(), e.$slots.rightIcon ? t("template", { slot: "right-icon" }, [e._t("rightIcon")], 2) : e._e()], 2), t("van-popup", { staticClass: "fms-search-tips-new__content", class: { "is-full-popup": e.isFullPopup }, style: { height: e.isFullPopup ? "100%" : e.popupHeight, ...e.popupStyle }, attrs: { position: "bottom", "get-container": e.getContainer }, on: { opened: e.onOpened, close: e.onClose }, model: { value: e.show, callback: function(a) {
+    e.show = a;
+  }, expression: "show" } }, [e.isFullPopup ? t("div", { staticClass: "fms-search-tips-new__content-title close-left" }, [t("van-icon", { attrs: { name: "arrow-left", color: "#333", size: "20" }, on: { click: e.hidePopup } }), e._v(" " + e._s(e.label) + " ")], 1) : t("div", { staticClass: "fms-search-tips-new__content-title" }, [e._v(" " + e._s(e.label) + " "), t("van-icon", { attrs: { name: "cross", color: "#A2A2AD" }, on: { click: e.hidePopup } })], 1), t("form", { attrs: { action: "/" } }, [t("ks-input-search", { ref: "search", staticClass: "fms-search-tips-new__content-search", class: { "has-action": e.$scopedSlots.action }, attrs: { placeholder: e.placeholder, "show-action": !!e.$scopedSlots.action, maxlength: e.maxlength }, on: { change: e.onChange, blur: e.onSearch }, model: { value: e.searchStr, callback: function(a) {
+    e.searchStr = a;
+  }, expression: "searchStr" } }, [e._t("action", null, { slot: "action", input: e.searchStr, close: e.hidePopup })], 2)], 1), e._t("default", null, { list: e.searchList, input: e.searchStr, loading: e.loading }), e.$scopedSlots.default ? e._e() : [e.value ? t("div", { staticClass: "fms-search-tips-new__content-current" }, [t("div", { staticClass: "current-title" }, [e._v("\u5F53\u524D\u9009\u62E9")]), t("div", { staticClass: "current-value" }, [t("span", { staticClass: "current-value__text" }, [e._v(e._s(e.value))]), t("i", { staticClass: "current-value__line" }), t("van-icon", { staticClass: "currnet-value__icon", attrs: { name: "cross", color: "#A2A2AD" }, on: { click: e.onClear } })], 1)]) : e._e(), t("div", { staticClass: "fms-search-tips-new__content-list" }, [e.loading ? t("div", { staticClass: "fms-search-tips-new__content-loading" }, [t("van-loading", { attrs: { size: "36px" } })], 1) : e._l(e.searchList, function(a) {
+    return t("div", { key: a[e.valueKey], staticClass: "list-item", on: { click: function(u) {
+      return e.onSelect(a);
+    } } }, [e._v(" " + e._s(e.getValue(a)) + " ")]);
   })], 2)]], 2)], 1);
 }, r = [], c = /* @__PURE__ */ n(
   i,
@@ -115,7 +118,7 @@ var o = function() {
   r,
   !1,
   null,
-  "39117cea",
+  "349961a0",
   null,
   null
 );

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/{mixin.f4bc60f0.js → mixin.7a8d8392.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.a5d9329b.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";
 const m = {
   components: {
     DateSelect: a,

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-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}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kyfe/fms-vue2-components",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "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-search-tips-new/fms-ks-search-tips-new.vue

@@ -50,7 +50,8 @@
                          ref="search"
                          :maxlength="maxlength"
                          v-model="searchStr"
-                         @change="onChange">
+                         @change="onChange"
+                         @blur="onSearch">
           <slot name="action"
                 :input="searchStr"
                 :close="hidePopup"
@@ -175,8 +176,12 @@
         $search.inputValue = ''
       },
       async onChange (val) {
-        let len = val.length
         this.searchStr = val
+      },
+      // 发起请求
+      async onSearch () {
+        let val = this.searchStr
+        let len = val.length
         if (len === 0) return
         if (len >= this.inputLength && this.url && this.appkey) {
           try {

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 {