@kyfe/fms-vue2-components 0.0.3 → 0.0.5

package/dist/datetime-popup/index.js

@@ -0,0 +1,411 @@
+import './../fms-copy-box/style.css';
+import "vue";
+import u from "dayjs";
+function w(e) {
+  return Object.prototype.toString.call(e) === "[object Date]" && !Number.isNaN(e.getTime());
+}
+function $(e, t) {
+  return 32 - new Date(e, t - 1, 32).getDate();
+}
+function i(e, t = 2) {
+  let n = e + "";
+  for (; n.length < t; )
+    n = "0" + n;
+  return n;
+}
+function C(e, t) {
+  let n = -1;
+  const a = Array(e);
+  for (; ++n < e; )
+    a[n] = t(n);
+  return a;
+}
+function T(e, t) {
+  e = e.replace(/-/g, "/"), t = t.replace(/-/g, "/");
+  let n = u(e).toDate(), a = u(t).toDate(), r = [e];
+  for (; a.getTime() - n.getTime() > 0; ) {
+    n.setDate(n.getDate() + 1);
+    let s = u(n).toDate(), o = `${i(s.getFullYear())}-${i(s.getMonth() + 1)}-${i(s.getDate())}`;
+    r.push(o);
+  }
+  return r;
+}
+const d = (e) => {
+  let t = u(e).day();
+  switch (t) {
+    case 1:
+      t = "\u5468\u4E00";
+      break;
+    case 2:
+      t = "\u5468\u4E8C";
+      break;
+    case 3:
+      t = "\u5468\u4E09";
+      break;
+    case 4:
+      t = "\u5468\u56DB";
+      break;
+    case 5:
+      t = "\u5468\u4E94";
+      break;
+    case 6:
+      t = "\u5468\u516D";
+      break;
+    case 0:
+      t = "\u5468\u65E5";
+      break;
+  }
+  return t;
+}, f = (() => {
+  const t = (n = 0) => {
+    let a = u(u().valueOf() + 864e5 * n).toDate();
+    return `${a.getFullYear()}-${i(a.getMonth() + 1)}-${i(a.getDate())}`;
+  };
+  return [{
+    day: "\u524D\u5929",
+    date: t(-2)
+  }, {
+    day: "\u6628\u5929",
+    date: t(-1)
+  }, {
+    day: "\u4ECA\u5929",
+    date: t()
+  }, {
+    day: "\u660E\u5929",
+    date: t(1)
+  }, {
+    day: "\u540E\u5929",
+    date: t(2)
+  }];
+})(), I = (e) => {
+  let t = e, n = f.find((a) => a.date === t);
+  return n ? `${n.day} ${d(t)}` : `${t} ${d(t)}`;
+}, H = (e) => e.map((t) => {
+  let n = f.find((r) => r.date === t), a = n ? n.day : t;
+  return /[0-9]+/.test(a) ? `${a} ${d(a)}` : `${a} ${d(f.find((r) => r.day === a).date)}`;
+});
+function y(e, t, n) {
+  return Math.min(Math.max(e, t), n);
+}
+const k = {
+  title: String,
+  loading: Boolean,
+  readonly: Boolean,
+  allowHtml: Boolean,
+  showToolbar: {
+    type: Boolean,
+    default: !0
+  },
+  cancelButtonText: String,
+  confirmButtonText: String,
+  itemHeight: {
+    type: [Number, String],
+    default: 44
+  },
+  visibleItemCount: {
+    type: [Number, String],
+    default: 6
+  },
+  swipeDuration: {
+    type: [Number, String],
+    default: 1e3
+  }
+}, M = {
+  ...k,
+  value: null,
+  filter: Function,
+  showToolbar: {
+    type: Boolean,
+    default: !0
+  },
+  formatter: {
+    type: Function,
+    default: (e, t) => t
+  }
+}, b = {
+  data() {
+    return {
+      innerValue: this.formatValue(this.value)
+    };
+  },
+  computed: {
+    originColumns() {
+      return this.ranges.map(({
+        type: e,
+        range: t
+      }) => {
+        let n = [];
+        e === "week" ? n = T(t[0], t[1]) : n = C(t[1] - t[0] + 1, (r) => i(t[0] + r)), this.filter && (n = this.filter(e, n));
+        let a = {
+          type: e,
+          values: e === "week" ? H(n) : n,
+          originValues: n
+        };
+        return e === "week" && (a.className = "flow-fms-datetime-week"), a;
+      });
+    },
+    columns() {
+      return this.originColumns.map((e) => ({
+        values: e.values.map((t) => this.formatter(e.type, t)),
+        className: e.className
+      }));
+    }
+  },
+  watch: {
+    columns: "updateColumnValue",
+    innerValue(e) {
+      this.$emit("input", e);
+    }
+  },
+  mounted() {
+    this.updateColumnValue(), this.$nextTick(() => {
+      this.updateInnerValue();
+    });
+  },
+  methods: {
+    getPicker() {
+      return this.$refs.picker;
+    },
+    onConfirm() {
+      this.$emit("confirm", this.innerValue);
+    },
+    onCancel() {
+      this.$emit("cancel");
+    }
+  },
+  render(e) {
+    const t = {};
+    return Object.keys(k).forEach((n) => {
+      t[n] = this[n];
+    }), console.log("columns", this.columns), e("van-picker", {
+      ref: "picker",
+      attrs: {
+        columns: this.columns
+      },
+      on: {
+        change: this.onChange,
+        confirm: this.onConfirm,
+        cancel: this.onCancel
+      },
+      props: {
+        ...t
+      }
+    });
+  }
+}, D = {
+  mixins: [b],
+  props: {
+    ...M,
+    minHour: {
+      type: [Number, String],
+      default: 0
+    },
+    maxHour: {
+      type: [Number, String],
+      default: 23
+    },
+    minMinute: {
+      type: [Number, String],
+      default: 0
+    },
+    maxMinute: {
+      type: [Number, String],
+      default: 59
+    }
+  },
+  computed: {
+    ranges() {
+      return [{
+        type: "hour",
+        range: [+this.minHour, +this.maxHour]
+      }, {
+        type: "minute",
+        range: [+this.minMinute, +this.maxMinute]
+      }];
+    }
+  },
+  watch: {
+    filter: "updateInnerValue",
+    minHour: "updateInnerValue",
+    maxHour: "updateInnerValue",
+    minMinute: "updateInnerValue",
+    maxMinute: "updateInnerValue",
+    value(e) {
+      e = this.formatValue(e), e !== this.innerValue && (this.innerValue = e, this.updateColumnValue());
+    }
+  },
+  methods: {
+    formatValue(e) {
+      e || (e = `${i(this.minHour)}:${i(this.minMinute)}`);
+      let [t, n] = e.split(":");
+      return t = i(y(t, this.minHour, this.maxHour)), n = i(y(n, this.minMinute, this.maxMinute)), `${t}:${n}`;
+    },
+    updateInnerValue() {
+      const [e, t] = this.getPicker().getIndexes(), [n, a] = this.originColumns, r = n.values[e] || n.values[0], s = a.values[t] || a.values[0];
+      this.innerValue = this.formatValue(`${r}:${s}`), this.updateColumnValue();
+    },
+    onChange(e) {
+      this.updateInnerValue(), this.$nextTick(() => {
+        this.$nextTick(() => {
+          this.$emit("change", e);
+        });
+      });
+    },
+    updateColumnValue() {
+      const {
+        formatter: e
+      } = this, t = this.innerValue.split(":"), n = [e("hour", t[0]), e("minute", t[1])];
+      this.$nextTick(() => {
+        this.getPicker() && this.getPicker().setValues && this.getPicker().setValues(n);
+      });
+    }
+  }
+}, p = u().year(), V = u().month() + 1, x = {
+  mixins: [b],
+  props: {
+    ...M,
+    type: {
+      type: String,
+      default: "datetime"
+    },
+    minDate: {
+      type: Date,
+      default: () => new Date(p - 10, 0, 1)
+    },
+    maxDate: {
+      type: Date,
+      default: () => new Date(p + 10, 11, 31)
+    }
+  },
+  watch: {
+    filter: "updateInnerValue",
+    minDate: "updateInnerValue",
+    maxDate: "updateInnerValue",
+    value(e) {
+      e = this.formatValue(e), e.valueOf() !== this.innerValue.valueOf() && (this.innerValue = e);
+    }
+  },
+  computed: {
+    ranges() {
+      const {
+        maxYear: e,
+        maxDate: t,
+        maxMonth: n,
+        maxHour: a,
+        maxMinute: r
+      } = this.getBoundary("max", this.innerValue), {
+        minYear: s,
+        minDate: o,
+        minMonth: l,
+        minHour: h,
+        minMinute: c
+      } = this.getBoundary("min", this.innerValue);
+      let g = [`${s}-${i(l)}-${i(o)}`, `${e}-${i(n)}-${i(t)}`], m = [{
+        type: "year",
+        range: [s, e]
+      }, {
+        type: "month",
+        range: [l, n]
+      }, {
+        type: "day",
+        range: [o, t]
+      }, {
+        type: "hour",
+        range: [h, a]
+      }, {
+        type: "minute",
+        range: [c, r]
+      }];
+      return this.type === "datetime" ? m = [{
+        type: "week",
+        range: [...g]
+      }, ...m.splice(3, 2)] : this.type === "date" ? m.splice(3, 2) : this.type === "year-month" && m.splice(2, 3), console.log("ranges", m), m;
+    }
+  },
+  methods: {
+    formatValue(e) {
+      w(e) || (e = this.minDate);
+      let t = this.minDate.getTime(), n = this.maxDate.getTime();
+      return e = Math.max(e, t), e = Math.min(e, n), u(e).toDate();
+    },
+    getBoundary(e, t) {
+      let n = this[`${e}Date`];
+      if (this.type === "datetime") {
+        let h = n ? n.getTime() : new Date(p, V - 2, 1).getTime(), c = n ? n.getTime() : new Date(p, V, 31).getTime();
+        n = e === "max" ? u(c).toDate() : u(h).toDate();
+      }
+      const a = n.getFullYear();
+      let r = 1, s = 1, o = 0, l = 0;
+      return e === "max" && (r = 12, s = $(t.getFullYear(), t.getMonth() + 1), o = 23, l = 59), t.getFullYear() === a && (r = n.getMonth() + 1, t.getMonth() + 1 === r && (s = n.getDate(), t.getDate() === s && (o = n.getHours(), t.getHours() === o && (l = n.getMinutes())))), {
+        [`${e}Year`]: a,
+        [`${e}Month`]: r,
+        [`${e}Date`]: s,
+        [`${e}Hour`]: o,
+        [`${e}Minute`]: l
+      };
+    },
+    updateInnerValue() {
+      const e = this.getPicker().getIndexes(), t = (g) => {
+        const {
+          originValues: m
+        } = this.originColumns[g];
+        return m[e[g]];
+      }, n = t(0), a = t(1), r = $(n, a);
+      let s, o, l = t(0);
+      console.log("updateInnerValue", e, l), this.type === "year-month" ? o = 1 : o = t(2), o = o > r ? r : o;
+      let h = 0, c = 0;
+      this.type === "datetime" ? (h = t(1), c = t(2), s = new Date(`${l} ${h}:${c}:00`.replace(/-/g, "/"))) : s = new Date(n, a - 1, o, h, c), this.innerValue = this.formatValue(s);
+    },
+    onChange(e) {
+      this.updateInnerValue(), this.$nextTick(() => {
+        this.$nextTick(() => {
+          this.$emit("change", e);
+        });
+      });
+    },
+    updateColumnValue() {
+      const e = this.innerValue, {
+        formatter: t
+      } = this;
+      let n = [t("year", `${e.getFullYear()}`), t("month", i(e.getMonth() + 1)), t("day", i(e.getDate()))];
+      this.type === "datetime" && (n = [t("yearMonthDay", I(`${i(e.getFullYear())}-${i(e.getMonth() + 1)}-${i(e.getDate())}`)), t("hour", i(e.getHours())), t("minute", i(e.getMinutes()))], console.log("updateColumnValue", n)), this.type === "year-month" && (n = n.slice(0, 2)), this.$nextTick(() => {
+        this.getPicker() && this.getPicker().setValues && this.getPicker().setValues(n);
+      });
+    }
+  }
+}, S = {
+  props: {
+    ...D.props,
+    ...x.props
+  },
+  methods: {
+    getPicker() {
+      return this.$refs.root.getPicker();
+    },
+    getInnerValue() {
+      return this.$refs.root.innerValue;
+    }
+  },
+  render(e) {
+    return this.type === "time" ? e(D, {
+      ref: "root",
+      props: {
+        ...this.$props
+      },
+      on: {
+        ...this.$listeners
+      }
+    }) : e(x, {
+      ref: "root",
+      props: {
+        ...this.$props
+      },
+      on: {
+        ...this.$listeners
+      }
+    });
+  }
+};
+export {
+  S as default
+};

package/dist/filter.c93f4ddb.js

@@ -0,0 +1,45 @@
+import m from "dayjs";
+import { decryptApi as l } from "@kyfe/decrypt";
+const a = (e, r = "\uFFE5", n = 2) => typeof e != "number" && !e ? "" : typeof e == "string" && l.isEncrypteStatus(e) ? e : (r = r === null ? "\uFFE5" : r, `${r}${(+e).toFixed(n).replace(/\B(?=(\d{3})+(?!\d))/g, ",")}`), b = (e) => {
+  if (e === "")
+    return e;
+  let r = Number(e);
+  if (isNaN(r))
+    return e;
+  let n = "";
+  if (r < 0 && (n = "-", r = Math.abs(r)), r >= 1e4) {
+    const t = Math.floor(r) + "", u = t.length, i = [];
+    let o = Number(t.substring(u - 4, u));
+    o < 10 && o > 0 ? i.unshift("0" + o) : o >= 10 && i.unshift(o);
+    let s = 0, f = 0;
+    return u <= 8 ? s = Number(t.substring(0, u - 4)) : (s = Number(t.substring(u - 8, u - 4)), f = Number(t.substring(0, u - 8))), s > 0 && i.unshift(s + "\u4E07"), f > 0 && i.unshift(f + "\u4EBF"), n + i.join("");
+  }
+  return n + r;
+};
+function c(e) {
+  return e ? m(e).format("YYYY-MM-DD HH:mm") : "-";
+}
+function p(e, r = "YYYY-MM-DD") {
+  return e ? m(e).format(r) : "-";
+}
+function N(e, r = "\uFFE5", n = 2) {
+  if (e === "")
+    return e;
+  let t = Number(e);
+  return isNaN(t) ? e : (t < 0 && (t = Math.abs(t)), t >= 1e4 ? b(e) : a(e, r, n));
+}
+function d(e) {
+  return e ? e.replace(/[\s]/g, "").replace(/(\d{5})(?=\d)/g, "$1 ") : "";
+}
+const h = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  date: p,
+  minute: c,
+  money: a,
+  numberSplitInt: N,
+  taxNumberFormat: d
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  h as f,
+  N as p
+};

package/dist/fms-copy-box/index.js

@@ -1,5 +1,5 @@
 import './../fms-copy-box/style.css';
-import { F as r } from "../fms-ks-decrypt.bcc12f44.js";
+import { F as r } from "../fms-ks-decrypt.2f88e659.js";
 import { n as c } from "../plugin-vue2_normalizer.ed7092a9.js";
 import './style.css';const d = window.vant && window.vant.Toast, m = {
   name: "FmsCopyBox",

package/dist/fms-ks-block-title/index.js

@@ -0,0 +1,38 @@
+import './../fms-copy-box/style.css';
+import { n } from "../plugin-vue2_normalizer.ed7092a9.js";
+import './style.css';const i = {
+  name: "FmsKsBlockTitle",
+  props: {
+    title: String,
+    showLine: {
+      type: Boolean,
+      default: !0
+    },
+    titleFlag: {
+      type: Boolean,
+      default: !1
+    }
+  }
+};
+var a = function() {
+  var t = this, e = t._self._c;
+  return e("div", { staticClass: "fms-block-title" }, [e("div", { staticClass: "fms-block-title-text" }, [e("div", { staticClass: "content" }, [e("div", { class: { "title-flag": t.titleFlag } }, [t._t("title", function() {
+    return [e("span", { staticClass: "title" }, [t._v(t._s(t.title))])];
+  })], 2), t.$slots.right ? [t._t("right")] : t._e()], 2), t.showLine ? e("div", { staticClass: "split-line" }) : t._e()])]);
+}, o = [], _ = /* @__PURE__ */ n(
+  i,
+  a,
+  o,
+  !1,
+  null,
+  "022fafe1",
+  null,
+  null
+);
+const s = _.exports;
+s.install = function(l) {
+  l.component(s.name, s);
+};
+export {
+  s as default
+};

package/dist/fms-ks-block-title/style.css

@@ -0,0 +1 @@
+.fms-block-title[data-v-022fafe1]{height:40px;padding:0 16px}.fms-block-title .fms-block-title-text[data-v-022fafe1]{position:relative;height:40px;line-height:39px;font-size:16px;color:#333;font-weight:500;text-align:left}.fms-block-title .fms-block-title-text .content[data-v-022fafe1]{display:flex;align-items:center;justify-content:space-between}.fms-block-title .fms-block-title-text .split-line[data-v-022fafe1]{position:absolute;width:100%;height:1px;background:#ededed;box-shadow:0 0 #ededed inset}.fms-block-title .title-flag[data-v-022fafe1]{display:flex;align-items:center}.fms-block-title .title-flag[data-v-022fafe1]:before{content:" ";display:inline-block;background:#7972fe;width:3px;height:14px;margin-right:8px}

package/dist/fms-ks-clamp-text/index.js

@@ -0,0 +1,9 @@
+import './../fms-copy-box/style.css';
+import { F as m } from "../fms-ks-clamp-text.24eb5e8d.js";
+import { F as e } from "../fms-ks-clamp-text.24eb5e8d.js";
+m.install = function(o) {
+  o.component(m.name, m);
+};
+export {
+  e as default
+};

package/dist/fms-ks-clamp-text.24eb5e8d.js

@@ -0,0 +1,53 @@
+import { n as s } from "./plugin-vue2_normalizer.ed7092a9.js";
+import './assets/css/fms-ks-clamp-text.css';const n = {
+  name: "FmsKsClampText",
+  data() {
+    return {
+      ifOver: !1,
+      unfold: !1
+    };
+  },
+  props: {
+    value: {
+      type: String,
+      default: ""
+    }
+  },
+  watch: {
+    value: {
+      handler() {
+        this.setOver();
+      },
+      immediate: !0
+    }
+  },
+  mounted() {
+    this.setOver();
+  },
+  methods: {
+    setOver() {
+      this.$nextTick(() => {
+        this.ifOver = this.$refs.spanBox.offsetHeight > this.$refs.textBox.offsetHeight;
+      });
+    }
+  }
+};
+var a = function() {
+  var e = this, t = e._self._c;
+  return t("div", { staticClass: "flow-fms__full-text-box" }, [t("div", { ref: "textBox", class: ["txt", { "over-hidden": !e.unfold }] }, [t("span", { ref: "spanBox" }, [e._v(e._s(e.value))])]), e.ifOver ? t("div", { staticClass: "btn", on: { click: function(r) {
+    e.unfold = !e.unfold;
+  } } }, [e._v(e._s(e.unfold ? "\u6536\u8D77" : "\u5C55\u5F00"))]) : e._e()]);
+}, f = [], l = /* @__PURE__ */ s(
+  n,
+  a,
+  f,
+  !1,
+  null,
+  "8fa7f683",
+  null,
+  null
+);
+const _ = l.exports;
+export {
+  _ as F
+};

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

@@ -0,0 +1,9 @@
+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";
+o.install = function(n) {
+  n.component(o.name, o);
+};
+export {
+  a as default
+};