@solar-taro/ui-vant 1.6.5 → 2.0.0

package/index10.js

@@ -1,64 +1,306 @@
-import { defineComponent as v, computed as y, unref as h, mergeProps as w, createElementVNode as k, openBlock as C, createElementBlock as V, createCommentVNode as g } from "vue";
-import { useFilterList as B } from "@solar-taro/core";
-const b = h, K = w, N = k, u = C, r = V, E = g, L = ["show"], $ = ["title", "value-key", "columns", "loading", "default-index"], A = /* @__PURE__ */ v({
-  inheritAttrs: !1,
+import { defineComponent as H, ref as L, computed as b, renderSlot as J, openBlock as Q, createElementBlock as U, createCommentVNode as X, mergeProps as Y, resolveDirective as Z, withDirectives as _, unref as x, toDisplayString as ee, createTextVNode as le, createElementVNode as oe, normalizeClass as te, withCtx as ne, createSlots as se, createVNode as ae, normalizeStyle as re, createBlock as ie, Fragment as ue, renderList as de } from "vue";
+import { useFilterList as pe } from "@solar-taro/core";
+import { SunLazyRender as ve, SunVirtualScroll as ce, SunItem as E } from "@solar-taro/ui-sun";
+import C from "./index27.js";
+import fe from "./index6.js";
+const u = J, s = Q, r = U, c = X, F = Y, me = Z, O = _, p = x, R = ee, ye = le, f = oe, I = te, d = ne, P = se, j = ae, z = re, N = ie, T = ue, he = de, ge = ["label", "value", "placeholder", "required", "disabled"], be = {
+  key: 1,
+  name: "right-icon"
+}, ke = ["label", "value", "placeholder", "use-right-icon-slot", "disabled"], Ve = {
+  key: 1,
+  name: "right-icon"
+}, $e = ["show", "title"], Se = ["value"], Ke = { class: "sun-selector-option-label" }, we = {
+  key: 0,
+  class: "van-button-container"
+}, We = /* @__PURE__ */ H({
   __name: "index",
   props: {
-    show: { type: Boolean },
+    type: { default: "field" },
+    mode: { default: "single" },
+    label: {},
+    placeholder: { default: "请选择" },
+    modelValue: {},
+    options: {},
     labelKey: { default: "fullName" },
     valueKey: { default: "id" },
-    searchable: { type: Boolean, default: !0 },
-    title: {},
     loading: { type: Boolean },
-    options: {},
-    modelValue: {},
-    required: { type: Boolean }
+    height: { default: "64vh" },
+    required: { type: Boolean },
+    disabled: { type: Boolean },
+    delimiter: { default: "，" },
+    searchable: { type: Boolean, default: !0 },
+    virtual: { type: [Boolean, Object] },
+    refresher: { type: Boolean },
+    refreshing: { type: Boolean },
+    compareWith: { type: Function, default: (k, V) => k === V }
   },
-  emits: ["close", "cancel", "confirm", "update:show", "update:modelValue"],
-  setup(s, { emit: i }) {
-    const n = i, l = s, d = y(() => {
+  emits: ["update:modelValue", "select", "unselect", "clear", "close", "confirm", "refresh"],
+  setup(k, { expose: V, emit: M }) {
+    const t = k, i = M, $ = L(!1), m = L(!1), { keyword: W, filteredList: S } = pe(
+      () => t.options,
+      (e, l) => e[t.labelKey].includes(l.value)
+    ), K = b(() => {
       var e;
-      return (e = l.options.findIndex((o) => o[l.valueKey] === l.modelValue)) != null ? e : 0;
-    }), { keyword: p, filteredList: m } = B(
-      () => l.options,
-      (e, o) => e[l.labelKey].toLowerCase().includes(o.value.toLowerCase())
-    );
-    function c() {
-      l.required || n("update:modelValue", null), n("cancel", l.modelValue), a();
+      if (y.value) {
+        const l = C(t.modelValue) ? null : t.options.find(
+          (n) => t.compareWith(n[t.valueKey], t.modelValue)
+        );
+        return (l == null ? void 0 : l[t.labelKey]) || "";
+      }
+      return (e = t.modelValue) == null ? void 0 : e.map(
+        (l) => {
+          var n;
+          return ((n = t.options.find((o) => t.compareWith(o[t.valueKey], l))) == null ? void 0 : n[t.labelKey]) || "";
+        }
+      ).join(t.delimiter);
+    }), w = b(() => !C(t.modelValue) && !t.required), y = b(() => t.mode === "single"), A = b(() => {
+      var n, o;
+      let e, l = 47;
+      return typeof t.virtual != "boolean" && (n = t.virtual) != null && n.itemSize && (l = (o = t.virtual) == null ? void 0 : o.itemSize), { id: e, itemSize: l };
+    });
+    function a(e) {
+      var n;
+      const l = e[t.valueKey];
+      return y.value ? C(t.modelValue) ? !1 : t.compareWith(t.modelValue, l) : ((n = t.modelValue) == null ? void 0 : n.some((o) => t.compareWith(o, l))) || !1;
+    }
+    function h() {
+      t.disabled || ($.value = !0, m.value || setTimeout(() => {
+        m.value = !0;
+      }, 300));
+    }
+    function g() {
+      $.value = !1, i("close");
+    }
+    function q() {
+      var l;
+      const e = ((l = t.modelValue) == null ? void 0 : l.map(
+        (n) => t.options.find(
+          (o) => t.compareWith(o[t.valueKey], n)
+        )
+      )) || [];
+      i("confirm", e), g();
     }
-    function a() {
-      n("update:show", !1), n("close");
+    function D(e) {
+      const l = e[t.valueKey];
+      let n = t.modelValue;
+      y.value ? (a(e) ? t.required || (i("unselect", e), n = null) : (i("select", e), n = l), g()) : a(e) ? (i("unselect", e), n = t.modelValue.filter(
+        (o) => !t.compareWith(o, l)
+      )) : (i("select", e), n = (t.modelValue || []).concat(
+        e[t.valueKey]
+      )), i("update:modelValue", n);
     }
-    function f({ detail: e }) {
-      n("update:modelValue", e.value[l.valueKey]), n("confirm", e.value), n("update:show", !1);
+    function B() {
+      i("clear", t.modelValue), i("update:modelValue", null);
     }
-    return (e, o) => (u(), r("van-popup", {
-      show: e.show,
-      position: "bottom",
-      round: !0,
-      "close-on-click-overlay": !0,
-      onClose: o[3] || (o[3] = (t) => a())
-    }, [
-      N("van-picker", K(e.$attrs, {
-        title: e.title,
-        "show-toolbar": !0,
-        "value-key": e.labelKey,
-        columns: b(m),
-        loading: e.loading,
-        "default-index": d.value,
-        onCancel: o[0] || (o[0] = (t) => c()),
-        onConfirm: o[1] || (o[1] = (t) => f(t))
-      }), null, 16, $),
-      e.searchable && e.options.length ? (u(), r("van-search", {
-        key: 0,
-        shape: "round",
-        "input-align": "center",
-        placeholder: "请输入搜索关键词",
-        onChange: o[2] || (o[2] = (t) => p.value = t.detail)
-      }, null, 32)) : E("", !0)
-    ], 40, L));
+    return V({
+      present: h,
+      clear: B
+    }), (e, l) => {
+      const n = me("readonly");
+      return s(), r(T, null, [
+        u(e.$slots, "default", {
+          present: h,
+          label: K.value
+        }, () => [
+          e.type === "field" ? O((s(), r("van-field", F({ key: 0 }, e.$attrs, {
+            class: "sun-selector",
+            label: e.label,
+            value: K.value,
+            placeholder: e.placeholder,
+            required: e.required,
+            disabled: e.disabled,
+            onClickInput: l[1] || (l[1] = (o) => h())
+          }), [
+            w.value ? (s(), r("van-icon", {
+              key: 0,
+              slot: "right-icon",
+              name: "clear",
+              onTap: l[0] || (l[0] = (o) => B())
+            }, null, 32)) : c("", !0),
+            e.$slots.end ? (s(), r("slot-view", be, [
+              u(e.$slots, "end")
+            ])) : c("", !0)
+          ], 16, ge)), [
+            [n]
+          ]) : e.type === "search" ? O((s(), r("van-search", F({ key: 1 }, e.$attrs, {
+            class: "sun-selector",
+            label: e.label,
+            value: K.value,
+            placeholder: e.placeholder,
+            "use-right-icon-slot": w.value,
+            shape: "round",
+            clearable: !1,
+            disabled: e.disabled,
+            onClickInput: l[3] || (l[3] = (o) => h())
+          }), [
+            w.value ? (s(), r("van-icon", {
+              key: 0,
+              slot: "right-icon",
+              name: "clear",
+              onTap: l[2] || (l[2] = (o) => B())
+            }, null, 32)) : c("", !0),
+            e.$slots.end ? (s(), r("slot-view", Ve, [
+              u(e.$slots, "end")
+            ])) : c("", !0)
+          ], 16, ke)), [
+            [n]
+          ]) : c("", !0)
+        ]),
+        j(p(ve), { hook: "created" }, {
+          default: d(() => [
+            f("van-action-sheet", {
+              show: $.value,
+              title: e.placeholder,
+              "close-on-click-overlay": !0,
+              onClose: l[8] || (l[8] = (o) => g()),
+              onCancel: l[9] || (l[9] = (o) => g())
+            }, [
+              u(e.$slots, "filter", { rendered: m.value }, () => [
+                e.searchable ? (s(), r("van-search", {
+                  key: 0,
+                  shape: "round",
+                  "input-align": "center",
+                  value: p(W),
+                  placeholder: "输入关键字搜索",
+                  onChange: l[4] || (l[4] = (o) => W.value = o.detail.trim())
+                }, null, 40, Se)) : c("", !0)
+              ]),
+              e.virtual ? (s(), r(T, { key: 0 }, [
+                m.value ? (s(), N(p(ce), {
+                  key: 0,
+                  class: "sun-selector-options",
+                  refresher: e.refresher,
+                  refreshing: e.refreshing,
+                  items: p(S),
+                  "item-size": A.value.itemSize,
+                  "item-key": e.valueKey,
+                  style: z({ height: e.height }),
+                  onRefresh: l[5] || (l[5] = (o) => i("refresh"))
+                }, {
+                  default: d(({ item: o, index: v }) => [
+                    j(p(E), {
+                      class: I(["sun-selector-option", { "sun-selector-option-active": a(o) }]),
+                      clickable: !0,
+                      onTap: (G) => D(o)
+                    }, P({
+                      start: d(() => [
+                        u(e.$slots, "option-start", {
+                          option: o,
+                          index: v,
+                          active: a(o)
+                        })
+                      ]),
+                      end: d(() => [
+                        u(e.$slots, "option-end", {
+                          option: o,
+                          index: v,
+                          active: a(o)
+                        })
+                      ]),
+                      default: d(() => [
+                        u(e.$slots, "option", {
+                          option: o,
+                          index: v,
+                          active: a(o)
+                        }, () => [
+                          ye(R(o[e.labelKey]), 1)
+                        ])
+                      ]),
+                      _: 2
+                    }, [
+                      a(o) ? {
+                        name: "end",
+                        fn: d(() => [
+                          l[10] || (l[10] = f("van-icon", {
+                            class: "sun-selector-option-icon",
+                            name: "success"
+                          }, null, -1))
+                        ]),
+                        key: "0"
+                      } : void 0
+                    ]), 1032, ["class", "onTap"])
+                  ]),
+                  _: 3
+                }, 8, ["refresher", "refreshing", "items", "item-size", "item-key", "style"])) : (s(), r("view", {
+                  key: 1,
+                  style: z({ height: e.height })
+                }, null, 4))
+              ], 64)) : (s(), N(p(fe), {
+                key: 1,
+                class: "sun-selector-options",
+                refresher: e.refresher,
+                refreshing: e.refreshing,
+                data: p(S),
+                loading: e.loading,
+                "empty-type": "search",
+                style: z({ height: e.height }),
+                onRefresh: l[6] || (l[6] = (o) => i("refresh"))
+              }, {
+                default: d(() => [
+                  (s(!0), r(T, null, he(p(S), (o, v) => (s(), N(p(E), {
+                    key: o[e.valueKey],
+                    class: I(["sun-selector-option", { "sun-selector-option-active": a(o) }]),
+                    clickable: !0,
+                    onTap: (G) => D(o)
+                  }, P({
+                    start: d(() => [
+                      u(e.$slots, "option-start", {
+                        option: o,
+                        index: v,
+                        active: a(o)
+                      })
+                    ]),
+                    end: d(() => [
+                      u(e.$slots, "option-end", {
+                        option: o,
+                        index: v,
+                        active: a(o)
+                      })
+                    ]),
+                    default: d(() => [
+                      u(e.$slots, "option", {
+                        option: o,
+                        index: v,
+                        active: a(o)
+                      }, () => [
+                        f("view", Ke, R(o[e.labelKey]), 1)
+                      ])
+                    ]),
+                    _: 2
+                  }, [
+                    a(o) ? {
+                      name: "end",
+                      fn: d(() => [
+                        l[11] || (l[11] = f("van-icon", {
+                          class: "sun-selector-option-icon",
+                          slot: "right-icon",
+                          name: "success"
+                        }, null, -1))
+                      ]),
+                      key: "0"
+                    } : void 0
+                  ]), 1032, ["class", "onTap"]))), 128))
+                ]),
+                _: 3
+              }, 8, ["refresher", "refreshing", "data", "loading", "style"])),
+              u(e.$slots, "footer", { confirm: q }, () => [
+                y.value ? c("", !0) : (s(), r("view", we, [
+                  f("van-button", {
+                    type: "primary",
+                    round: "true",
+                    block: "true",
+                    onTap: l[7] || (l[7] = (o) => q())
+                  }, "确定", 32)
+                ]))
+              ])
+            ], 40, $e)
+          ]),
+          _: 3
+        })
+      ], 64);
+    };
   }
 });
 export {
-  A as default
+  We as default
 };

package/index100.js

@@ -1,20 +1,13 @@
-import r from "./index101.js";
-import m from "./index102.js";
-import h from "./index103.js";
-import l from "./index104.js";
-import c from "./index105.js";
-function e(t) {
-  var o = -1, a = t == null ? 0 : t.length;
-  for (this.clear(); ++o < a; ) {
-    var p = t[o];
-    this.set(p[0], p[1]);
-  }
+import a from "./index121.js";
+import t from "./index108.js";
+import e from "./index87.js";
+function o() {
+  this.size = 0, this.__data__ = {
+    hash: new a(),
+    map: new (e || t)(),
+    string: new a()
+  };
 }
-e.prototype.clear = r;
-e.prototype.delete = m;
-e.prototype.get = h;
-e.prototype.has = l;
-e.prototype.set = c;
 export {
-  e as default
+  o as default
 };

package/index101.js

@@ -1,13 +1,8 @@
-import a from "./index124.js";
-import t from "./index109.js";
-import e from "./index88.js";
-function o() {
-  this.size = 0, this.__data__ = {
-    hash: new a(),
-    map: new (e || t)(),
-    string: new a()
-  };
+import a from "./index122.js";
+function i(e) {
+  var t = a(this, e).delete(e);
+  return this.size -= t ? 1 : 0, t;
 }
 export {
-  o as default
+  i as default
 };

package/index102.js

@@ -1,8 +1,7 @@
-import a from "./index125.js";
-function i(e) {
-  var t = a(this, e).delete(e);
-  return this.size -= t ? 1 : 0, t;
+import a from "./index122.js";
+function r(t) {
+  return a(this, t).get(t);
 }
 export {
-  i as default
+  r as default
 };

package/index103.js

@@ -1,7 +1,7 @@
-import a from "./index125.js";
-function r(t) {
-  return a(this, t).get(t);
+import t from "./index122.js";
+function e(a) {
+  return t(this, a).has(a);
 }
 export {
-  r as default
+  e as default
 };

package/index104.js

@@ -1,7 +1,8 @@
-import t from "./index125.js";
-function e(a) {
-  return t(this, a).has(a);
+import s from "./index122.js";
+function h(a, e) {
+  var t = s(this, a), i = t.size;
+  return t.set(a, e), this.size += t.size == i ? 0 : 1, this;
 }
 export {
-  e as default
+  h as default
 };

package/index105.js

@@ -1,8 +1,9 @@
-import s from "./index125.js";
-function h(a, e) {
-  var t = s(this, a), i = t.size;
-  return t.set(a, e), this.size += t.size == i ? 0 : 1, this;
+import e from "./index78.js";
+import u from "./index36.js";
+function l(r, s, t) {
+  var a = s(r);
+  return u(r) ? a : e(a, t(r));
 }
 export {
-  h as default
+  l as default
 };

package/index106.js

@@ -1,9 +1,12 @@
-import e from "./index79.js";
-import u from "./index37.js";
-function l(r, s, t) {
-  var a = s(r);
-  return u(r) ? a : e(a, t(r));
-}
+import o from "./index78.js";
+import m from "./index94.js";
+import e from "./index114.js";
+import a from "./index58.js";
+var s = Object.getOwnPropertySymbols, f = s ? function(r) {
+  for (var t = []; r; )
+    o(t, e(r)), r = m(r);
+  return t;
+} : a;
 export {
-  l as default
+  f as default
 };

package/index107.js

@@ -1,12 +1,9 @@
-import o from "./index79.js";
-import m from "./index95.js";
-import e from "./index115.js";
-import a from "./index59.js";
-var s = Object.getOwnPropertySymbols, f = s ? function(r) {
-  for (var t = []; r; )
-    o(t, e(r)), r = m(r);
-  return t;
-} : a;
+import r from "./index92.js";
+import i from "./index123.js";
+function f(t, a) {
+  var e = i(t, a);
+  return r(e) ? e : void 0;
+}
 export {
   f as default
 };

package/index108.js

@@ -1,9 +1,20 @@
-import r from "./index93.js";
+import p from "./index124.js";
+import a from "./index125.js";
 import i from "./index126.js";
-function f(t, a) {
-  var e = i(t, a);
-  return r(e) ? e : void 0;
+import h from "./index127.js";
+import s from "./index128.js";
+function t(e) {
+  var o = -1, l = e == null ? 0 : e.length;
+  for (this.clear(); ++o < l; ) {
+    var r = e[o];
+    this.set(r[0], r[1]);
+  }
 }
+t.prototype.clear = p;
+t.prototype.delete = a;
+t.prototype.get = i;
+t.prototype.has = h;
+t.prototype.set = s;
 export {
-  f as default
+  t as default
 };

package/index109.js

@@ -1,20 +1,7 @@
-import p from "./index127.js";
-import a from "./index128.js";
-import i from "./index129.js";
-import h from "./index130.js";
-import s from "./index131.js";
-function t(e) {
-  var o = -1, l = e == null ? 0 : e.length;
-  for (this.clear(); ++o < l; ) {
-    var r = e[o];
-    this.set(r[0], r[1]);
-  }
+import t from "./index108.js";
+function e() {
+  this.__data__ = new t(), this.size = 0;
 }
-t.prototype.clear = p;
-t.prototype.delete = a;
-t.prototype.get = i;
-t.prototype.has = h;
-t.prototype.set = s;
 export {
-  t as default
+  e as default
 };