@aplus-frontend/ui 7.13.6 → 7.13.8

package/es/src/ap-field/select/index.vue.mjs

@@ -1,21 +1,25 @@
-import { defineComponent as te, ref as V, shallowRef as le, computed as r, onMounted as ae, watch as ne, unref as l, createElementBlock as I, createBlock as x, openBlock as f, toDisplayString as C, mergeProps as re, h as se, createSlots as ue, withCtx as c, createVNode as w, normalizeClass as p, createCommentVNode as _, createElementVNode as S, withModifiers as ie, renderList as ce, renderSlot as pe, normalizeProps as de, guardReactiveProps as fe, resolveDynamicComponent as me } from "vue";
-import { Select as ve, Flex as M, Checkbox as P, Spin as he } from "@aplus-frontend/antdv";
-import { debounce as ye, isFunction as D, isArray as ge, isNil as Ce, omit as we, isNumber as Se } from "lodash-unified";
+import { defineComponent as ue, useSlots as se, ref as _, shallowRef as re, computed as s, onMounted as ie, watch as de, unref as o, createVNode as d, createElementBlock as M, createBlock as C, openBlock as c, toDisplayString as B, mergeProps as ce, h as pe, createSlots as fe, withCtx as p, normalizeClass as f, createCommentVNode as P, resolveDynamicComponent as D, withModifiers as me, renderList as he, renderSlot as ve, normalizeProps as ye, guardReactiveProps as ge, createElementVNode as k } from "vue";
+import { Select as we, Flex as T, Checkbox as q, Spin as Ce } from "@aplus-frontend/antdv";
+import { debounce as Se, isFunction as L, isArray as be, isNil as xe, omit as R, isNumber as Be } from "lodash-unified";
 import "../../config-provider/index.mjs";
 import "../../utils/index.mjs";
 import "../../hooks/index.mjs";
-import { useDefaultPlaceholder as be } from "../hooks/use-default-placeholder.mjs";
-import Be from "../style/index.mjs";
-import { useSelectOptions as ke } from "./use-select-options.mjs";
-import { useNamespace as xe } from "../../config-provider/hooks/use-namespace.mjs";
-import { useLocale as Oe } from "../../config-provider/hooks/use-locale.mjs";
-import { useControllableValue as Fe } from "../../hooks/useControllableValue.mjs";
-import { isDef as T } from "../../utils/is.mjs";
-const Ne = { key: 0 }, Ae = ["onClick"], Ke = /* @__PURE__ */ te({
+import { useDefaultPlaceholder as ke } from "../hooks/use-default-placeholder.mjs";
+import Ne from "../style/index.mjs";
+import { useSelectOptions as Oe } from "./use-select-options.mjs";
+import { useNamespace as Fe } from "../../config-provider/hooks/use-namespace.mjs";
+import { useLocale as Ae } from "../../config-provider/hooks/use-locale.mjs";
+import { useControllableValue as Ve } from "../../hooks/useControllableValue.mjs";
+import { isDef as z } from "../../utils/is.mjs";
+const Ie = {
+  key: 0
+}, _e = ["onClick"], He = /* @__PURE__ */ ue({
   name: "ApFieldSelect",
   __name: "index",
   props: {
-    mode: { default: "edit" },
+    mode: {
+      default: "edit"
+    },
     class: {},
     style: {},
     defaultValue: {},
@@ -23,8 +27,14 @@ const Ne = { key: 0 }, Ae = ["onClick"], Ke = /* @__PURE__ */ te({
     suffixIcon: {},
     itemIcon: {},
     size: {},
-    bordered: { type: Boolean, default: void 0 },
-    showArrow: { type: Boolean, default: void 0 },
+    bordered: {
+      type: Boolean,
+      default: void 0
+    },
+    showArrow: {
+      type: Boolean,
+      default: void 0
+    },
     variant: {},
     maxCount: {},
     transitionName: {},
@@ -46,25 +56,46 @@ const Ne = { key: 0 }, Ae = ["onClick"], Ke = /* @__PURE__ */ te({
     onKeyup: {},
     onMousedown: {},
     onSelect: {},
-    open: { type: Boolean, default: void 0 },
+    open: {
+      type: Boolean,
+      default: void 0
+    },
     animation: {},
     direction: {},
-    disabled: { type: Boolean, default: void 0 },
+    disabled: {
+      type: Boolean,
+      default: void 0
+    },
     prefixCls: {},
     id: {},
-    autofocus: { type: Boolean, default: void 0 },
+    autofocus: {
+      type: Boolean,
+      default: void 0
+    },
     getPopupContainer: {},
-    virtual: { type: Boolean, default: void 0 },
+    virtual: {
+      type: Boolean,
+      default: void 0
+    },
     dropdownMatchSelectWidth: {},
     placeholder: {},
-    loading: { type: Boolean, default: void 0 },
+    loading: {
+      type: Boolean,
+      default: void 0
+    },
     prefix: {},
     clearIcon: {},
-    allowClear: { type: Boolean, default: !0 },
+    allowClear: {
+      type: Boolean,
+      default: !0
+    },
     fieldNames: {},
     inputValue: {},
     searchValue: {},
-    autoClearSearchValue: { type: Boolean, default: void 0 },
+    autoClearSearchValue: {
+      type: Boolean,
+      default: void 0
+    },
     onDeselect: {},
     onActive: {},
     filterOption: {},
@@ -72,16 +103,28 @@ const Ne = { key: 0 }, Ae = ["onClick"], Ke = /* @__PURE__ */ te({
     optionFilterProp: {},
     optionLabelProp: {},
     options: {},
-    defaultActiveFirstOption: { type: Boolean, default: void 0 },
+    defaultActiveFirstOption: {
+      type: Boolean,
+      default: void 0
+    },
     listItemHeight: {},
     onClickOption: {},
     menuItemSelectedIcon: {},
-    labelInValue: { type: Boolean, default: void 0 },
-    showSearch: { type: Boolean, default: void 0 },
+    labelInValue: {
+      type: Boolean,
+      default: void 0
+    },
+    showSearch: {
+      type: Boolean,
+      default: void 0
+    },
     tagRender: {},
     optionLabelRender: {},
     onClear: {},
-    defaultOpen: { type: Boolean, default: void 0 },
+    defaultOpen: {
+      type: Boolean,
+      default: void 0
+    },
     onDropdownVisibleChange: {},
     maxTagTextLength: {},
     maxTagCount: {},
@@ -94,227 +137,224 @@ const Ne = { key: 0 }, Ae = ["onClick"], Ke = /* @__PURE__ */ te({
     showAction: {},
     onPopupScroll: {},
     onInputKeyDown: {},
-    emptyText: { default: "--" },
+    emptyText: {
+      default: "--"
+    },
     request: {},
-    multiple: { type: Boolean, default: void 0 },
+    multiple: {
+      type: Boolean,
+      default: void 0
+    },
     value: {},
     "onUpdate:value": {},
-    searchMode: { default: "filter" },
-    refetchOnFocus: { type: Boolean, default: !1 },
-    lazy: { type: Boolean, default: !1 },
-    addAll: { type: [Boolean, Number], default: 5 },
+    searchMode: {
+      default: "filter"
+    },
+    refetchOnFocus: {
+      type: Boolean,
+      default: !1
+    },
+    lazy: {
+      type: Boolean,
+      default: !1
+    },
+    addAll: {
+      type: [Boolean, Number],
+      default: 5
+    },
     params: {},
-    searchDelay: { default: 300 },
-    allowOnlySelect: { type: Boolean, default: !0 }
+    searchDelay: {
+      default: 300
+    },
+    allowOnlySelect: {
+      type: Boolean,
+      default: !0
+    }
   },
   emits: ["update:value"],
-  setup(q, { expose: R, emit: L }) {
-    let s = 0;
-    const e = q, { b: u } = xe("field-select"), z = Be("field"), O = V(!1), { t: F } = Oe(), U = ye((o) => {
-      if (!D(e.request))
+  setup(N, {
+    expose: U,
+    emit: $
+  }) {
+    let r = 0;
+    const O = se(), e = N, {
+      b: a
+    } = Fe("field-select"), K = Ne("field"), F = _(!1), {
+      t: A
+    } = Ae(), j = Se((t) => {
+      if (!L(e.request))
         return;
-      s += 1;
-      const a = s;
-      v([]), n.value = !0, e.request(o).then((t) => {
-        s === a && (v(t), n.value = !1);
+      r += 1;
+      const l = r;
+      v([]), u.value = !0, e.request(t).then((n) => {
+        r === l && (v(n), u.value = !1);
       });
-    }, e.searchDelay), $ = (o, a) => {
-      const t = e.fieldNames?.label || "label";
-      return typeof a?.[t] == "string" && a[t].toLowerCase().indexOf(o.toLowerCase()) > -1;
-    }, { options: m, updateOptions: v } = ke(e), b = le(), n = V(e?.loading || !1), K = L, j = r(() => {
+    }, e.searchDelay), E = (t, l) => {
+      const n = e.fieldNames?.label || "label";
+      return typeof l?.[n] == "string" && l[n].toLowerCase().indexOf(t.toLowerCase()) > -1;
+    }, {
+      options: h,
+      updateOptions: v
+    } = Oe(e), S = re(), u = _(e?.loading || !1), H = $, W = s(() => {
       if (e.multiple)
         return e.tokenSeparators ? "tags" : "multiple";
     });
-    async function h(o = !0) {
-      if (!D(e.request))
+    async function y(t = !0) {
+      if (!L(e.request))
         return;
-      n.value = !0, s += 1;
-      const a = s;
+      u.value = !0, r += 1;
+      const l = r;
       try {
-        o && v([]);
-        const t = await e.request(void 0, e.params);
-        if (a !== s)
+        t && v([]);
+        const n = await e.request(void 0, e.params);
+        if (l !== r)
           return;
-        v(t);
+        v(n);
       } finally {
-        n.value = !1;
+        u.value = !1;
       }
     }
-    function E(o) {
-      e.onFocus?.(o), e.refetchOnFocus && s > 0 && !n.value && h(!0);
+    function G(t) {
+      e.onFocus?.(t), e.refetchOnFocus && r > 0 && !u.value && y(!0);
     }
-    ae(() => {
-      e.lazy || h();
-    }), ne(
-      () => e.params,
-      () => {
-        h();
-      },
-      {
-        deep: !0
-      }
-    );
-    const { value: i, updateValue: y } = Fe(e, K), H = be("Select", e), W = r(() => {
-      const o = l(i);
-      if (!o)
+    ie(() => {
+      e.lazy || y();
+    }), de(() => e.params, () => {
+      y();
+    }, {
+      deep: !0
+    });
+    const {
+      value: i,
+      updateValue: g
+    } = Ve(e, H), J = ke("Select", e), Q = s(() => {
+      const t = o(i);
+      if (!t)
         return e.emptyText;
-      const a = e.fieldNames?.label || "label", t = e.fieldNames?.value || "value";
-      return ge(o) ? o.map(
-        (d) => l(m).find((oe) => oe[t] === d)?.[a]
-      ).filter(Boolean).join("、") || e.emptyText : l(m).find(
-        (d) => d[t] === o
-      )?.[a] || e.emptyText;
-    }), G = r(() => {
-      const o = !!e?.showSearch, a = e.searchMode;
-      let t = {};
-      return o && (t = a === "request" ? {
+      const l = e.fieldNames?.label || "label", n = e.fieldNames?.value || "value";
+      return be(t) ? t.map((m) => o(h).find((ae) => ae[n] === m)?.[l]).filter(Boolean).join("、") || e.emptyText : o(h).find((m) => m[n] === t)?.[l] || e.emptyText;
+    }), X = s(() => {
+      const t = !!e?.showSearch, l = e.searchMode;
+      let n = {};
+      return t && (n = l === "request" ? {
         defaultActiveFirstOption: !1,
-        onSearch: U,
-        notFoundContent: n.value ? void 0 : null,
+        onSearch: j,
+        notFoundContent: u.value ? void 0 : null,
         filterOption: !1,
         suffixIcon: null
       } : {
-        filterOption: Ce(e?.filterOption) ? $ : e?.filterOption
+        filterOption: xe(e?.filterOption) ? E : e?.filterOption
       }), {
-        ...we(e, [
-          "mode",
-          "value",
-          "onUpdate:value",
-          "onSearch",
-          "request",
-          "searchMode",
-          "onFocus",
-          "onBeforeSelect"
-        ]),
-        placeholder: l(H),
-        ...t
+        ...R(e, ["mode", "value", "onUpdate:value", "onSearch", "request", "searchMode", "onFocus", "onBeforeSelect"]),
+        placeholder: o(J),
+        ...n
       };
-    }), g = r(
-      () => m.value.map((o) => o[e.fieldNames?.value || "value"])
-    ), N = r(() => !e.multiple || T(e.maxCount) ? !1 : Se(e.addAll) ? g.value.length >= e.addAll : !!e.addAll), J = r(
-      () => e.multiple && e.allowOnlySelect && (!T(e.maxCount) || e.maxCount >= 1)
-    );
-    function Q() {
-      b.value?.focus();
+    }), w = s(() => h.value.map((t) => t[e.fieldNames?.value || "value"])), V = s(() => !e.multiple || z(e.maxCount) ? !1 : Be(e.addAll) ? w.value.length >= e.addAll : !!e.addAll), Y = s(() => e.multiple && e.allowOnlySelect && (!z(e.maxCount) || e.maxCount >= 1));
+    function Z() {
+      S.value?.focus();
     }
-    function X() {
-      b.value?.blur();
+    function ee() {
+      S.value?.blur();
     }
-    function B(o, a) {
-      const t = e.fieldNames?.[a] ?? a;
-      return o[t];
+    function b(t, l) {
+      const n = e.fieldNames?.[l] ?? l;
+      return t[n];
     }
-    function Y(o) {
-      const a = B(o, "value");
-      y(e.multiple ? [a] : a);
+    function te(t) {
+      const l = b(t, "value");
+      g(e.multiple ? [l] : l);
     }
-    const A = r(() => {
-      const o = l(i) || [], a = g.value;
-      return a.length > 0 && a.every((t) => o.includes(t));
-    }), Z = r(() => (l(i) || []).length > 0 && !A.value);
-    function ee() {
+    function oe(t) {
+      return console.log(t), O.option ? d("div", {
+        class: a("popup-option-custom")
+      }, [O.option(t)]) : d("span", {
+        class: a("popup-option-label")
+      }, [b(t, "label")]);
+    }
+    const I = s(() => {
+      const t = o(i) || [], l = w.value;
+      return l.length > 0 && l.every((n) => t.includes(n));
+    }), ne = s(() => (o(i) || []).length > 0 && !I.value);
+    function le() {
       console.log("123");
-      const o = l(i) || [], a = g.value;
-      a.length && a.every((t) => o?.includes(t)) ? y([]) : y(g.value);
+      const t = o(i) || [], l = w.value;
+      l.length && l.every((n) => t?.includes(n)) ? g([]) : g(w.value);
     }
-    return R({
-      focus: Q,
-      blur: X,
-      request: h
-    }), (o, a) => o.mode === "read" ? (f(), I("span", Ne, C(W.value), 1)) : (f(), x(l(ve), re({
+    return U({
+      focus: Z,
+      blur: ee,
+      request: y
+    }), (t, l) => N.mode === "read" ? (c(), M("span", Ie, B(Q.value), 1)) : (c(), C(o(we), ce({
       key: 1,
       ref_key: "selectRef",
-      ref: b,
+      ref: S,
       "allow-clear": ""
-    }, G.value, {
-      mode: j.value,
-      value: l(i),
-      options: l(m),
-      loading: n.value,
-      "menu-item-selected-icon": se("span"),
-      "popup-class-name": `${l(u)("popup")} ${l(z)}`,
-      open: O.value,
+    }, X.value, {
+      mode: W.value,
+      value: o(i),
+      options: o(h),
+      loading: u.value,
+      "menu-item-selected-icon": pe("span"),
+      "popup-class-name": `${o(a)("popup")} ${o(K)}`,
+      open: F.value,
       virtual: !1,
-      "onUpdate:value": l(y),
-      onFocus: E,
-      onDropdownVisibleChange: a[0] || (a[0] = (t) => O.value = t)
-    }), ue({
-      option: c((t) => [
-        w(l(M), {
-          justify: "space-between",
+      "onUpdate:value": o(g),
+      onFocus: G,
+      onDropdownVisibleChange: l[0] || (l[0] = (n) => F.value = n)
+    }), fe({
+      option: p((n) => [d(o(T), {
+        justify: "space-between",
+        align: "center",
+        class: f(o(a)("popup-option-wrapper")),
+        gap: 8
+      }, {
+        default: p(() => [d(o(T), {
+          gap: 8,
           align: "center",
-          class: p(l(u)("popup-option-wrapper")),
-          gap: 8
+          class: f(o(a)("popup-option-content-wrapper"))
         }, {
-          default: c(() => [
-            w(l(M), {
-              gap: 8,
-              align: "center"
-            }, {
-              default: c(() => [
-                N.value ? (f(), x(l(P), {
-                  key: 0,
-                  checked: l(i)?.includes(
-                    B(t, "value")
-                  )
-                }, null, 8, ["checked"])) : _("", !0),
-                S("span", {
-                  class: p(l(u)("popup-option-label"))
-                }, C(B(t, "label")), 3)
-              ]),
-              _: 2
-            }, 1024),
-            J.value ? (f(), I("span", {
-              key: 0,
-              class: p(l(u)("popup-option-action")),
-              onClick: ie(() => Y(t), ["stop"])
-            }, C(l(F)("ap.field.chooseOnly")), 11, Ae)) : _("", !0)
-          ]),
+          default: p(() => [V.value ? (c(), C(o(q), {
+            key: 0,
+            checked: o(i)?.includes(b(n, "value"))
+          }, null, 8, ["checked"])) : P("", !0), (c(), C(D(oe(n))))]),
           _: 2
-        }, 1032, ["class"])
-      ]),
+        }, 1032, ["class"]), Y.value ? (c(), M("span", {
+          key: 0,
+          class: f(o(a)("popup-option-action")),
+          onClick: me(() => te(n), ["stop"])
+        }, B(o(A)("ap.field.chooseOnly")), 11, _e)) : P("", !0)]),
+        _: 2
+      }, 1032, ["class"])]),
       _: 2
-    }, [
-      ce(o.$slots, (t, k) => ({
-        name: k,
-        fn: c((d) => [
-          pe(o.$slots, k, de(fe(d || {})))
-        ])
-      })),
-      n.value ? {
-        name: "notFoundContent",
-        fn: c(() => [
-          w(l(he), { size: "small" })
-        ]),
-        key: "0"
-      } : void 0,
-      N.value ? {
-        name: "dropdownRender",
-        fn: c(({ menuNode: t }) => [
-          S("div", {
-            class: p(l(u)("popup-all-option-wrapper"))
-          }, [
-            S("div", {
-              tabindex: -1,
-              class: p(l(u)("popup-all-option")),
-              onClick: ee
-            }, [
-              w(l(P), {
-                checked: A.value,
-                indeterminate: Z.value
-              }, null, 8, ["checked", "indeterminate"]),
-              S("span", {
-                class: p(l(u)("popup-all-option-label"))
-              }, C(l(F)("ap.field.selectAll")), 3)
-            ], 2)
-          ], 2),
-          (f(), x(me(t)))
-        ]),
-        key: "1"
-      } : void 0
-    ]), 1040, ["mode", "value", "options", "loading", "menu-item-selected-icon", "popup-class-name", "open", "onUpdate:value"]));
+    }, [he(o(R)(t.$slots, ["option"]), (n, x) => ({
+      name: x,
+      fn: p((m) => [ve(t.$slots, x, ye(ge(m || {})))])
+    })), u.value ? {
+      name: "notFoundContent",
+      fn: p(() => [d(o(Ce), {
+        size: "small"
+      })]),
+      key: "0"
+    } : void 0, V.value ? {
+      name: "dropdownRender",
+      fn: p(({
+        menuNode: n
+      }) => [k("div", {
+        class: f(o(a)("popup-all-option-wrapper"))
+      }, [k("div", {
+        tabindex: -1,
+        class: f(o(a)("popup-all-option")),
+        onClick: le
+      }, [d(o(q), {
+        checked: I.value,
+        indeterminate: ne.value
+      }, null, 8, ["checked", "indeterminate"]), k("span", {
+        class: f(o(a)("popup-all-option-label"))
+      }, B(o(A)("ap.field.selectAll")), 3)], 2)], 2), (c(), C(D(n)))]),
+      key: "1"
+    } : void 0]), 1040, ["mode", "value", "options", "loading", "menu-item-selected-icon", "popup-class-name", "open", "onUpdate:value"]));
   }
 });
 export {
-  Ke as default
+  He as default
 };

package/es/src/ap-field/select/read.vue2.mjs

@@ -96,19 +96,19 @@ const f = { key: 0 }, C = /* @__PURE__ */ i({
     searchDelay: {},
     allowOnlySelect: { type: Boolean }
   },
-  setup(l) {
-    const e = l, r = s(() => {
+  setup(a) {
+    const e = a, r = s(() => {
       const o = e.value;
       if (!o)
         return e.emptyText;
-      const t = e.fieldNames?.label || "label", a = e.fieldNames?.value || "value";
+      const t = e.fieldNames?.label || "label", l = e.fieldNames?.value || "value";
       return y(o) ? o.map(
-        (n) => e.options?.find((p) => p[a] === n)?.[t]
+        (n) => e.options?.find((p) => p[l] === n)?.[t]
       ).filter(Boolean).join("、") || e.emptyText : e.options?.find(
-        (n) => n[a] === o
+        (n) => n[l] === o
       )?.[t] || e.emptyText;
     });
-    return (o, t) => o.mode === "read" ? (u(), d("span", f, m(r.value), 1)) : c("", !0);
+    return (o, t) => a.mode === "read" ? (u(), d("span", f, m(r.value), 1)) : c("", !0);
   }
 });
 export {

package/es/src/ap-field/slider/index.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as B, useSlots as x, shallowRef as C, computed as b, unref as t, createElementBlock as g, createBlock as k, openBlock as n, Fragment as F, createTextVNode as S, toDisplayString as h, mergeProps as T, createSlots as V, renderList as _, withCtx as P, renderSlot as R, normalizeProps as N, guardReactiveProps as U } from "vue";
+import { defineComponent as B, useSlots as x, shallowRef as C, computed as b, unref as t, createElementBlock as g, createBlock as k, openBlock as s, Fragment as F, createTextVNode as S, toDisplayString as h, mergeProps as T, createSlots as V, renderList as P, withCtx as R, renderSlot as _, normalizeProps as N, guardReactiveProps as U } from "vue";
 import { Slider as A } from "@aplus-frontend/antdv";
 import { isNil as H, isArray as L, omit as $ } from "lodash-unified";
 import "../../hooks/index.mjs";
@@ -52,9 +52,9 @@ const G = /* @__PURE__ */ B({
     emptyText: { default: "--" }
   },
   emits: ["update:value"],
-  setup(s, { expose: u, emit: i }) {
-    const p = x(), o = C(), a = s, d = i, { value: l, updateValue: m } = w(a, d), c = b(() => {
-      const e = t(l);
+  setup(l, { expose: u, emit: i }) {
+    const d = x(), o = C(), a = l, p = i, { value: r, updateValue: m } = w(a, p), c = b(() => {
+      const e = t(r);
       return H(e) ? a.emptyText : L(e) ? `${e[0]}-${e[1]}` : e;
     });
     function f() {
@@ -66,9 +66,9 @@ const G = /* @__PURE__ */ B({
     return u({
       focus: f,
       blur: y
-    }), (e, j) => e.mode === "read" ? (n(), g(F, { key: 0 }, [
+    }), (e, j) => l.mode === "read" ? (s(), g(F, { key: 0 }, [
       S(h(c.value), 1)
-    ], 64)) : (n(), k(t(A), T(
+    ], 64)) : (s(), k(t(A), T(
       { key: 1 },
       t($)(a, [
         "value",
@@ -80,14 +80,14 @@ const G = /* @__PURE__ */ B({
       {
         ref_key: "sliderRef",
         ref: o,
-        value: t(l),
+        value: t(r),
         "onUpdate:value": t(m)
       }
     ), V({ _: 2 }, [
-      _(p, (q, r) => ({
-        name: r,
-        fn: P((v) => [
-          R(e.$slots, r, N(U(v || {})))
+      P(d, (q, n) => ({
+        name: n,
+        fn: R((v) => [
+          _(e.$slots, n, N(U(v || {})))
         ])
       }))
     ]), 1040, ["value", "onUpdate:value"]));