@aplus-frontend/ui 7.13.7 → 7.13.9

package/es/src/ap-field/select/index.vue.d.ts

@@ -19,7 +19,7 @@ type ApFieldSelectSlots = {
     maxTagPlaceholder: any;
     optionLabel: any;
     default: any;
-    dropdownRender: any;
+    option: any;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -170,7 +170,12 @@ declare function __VLS_template(): {
                 type: PropType<(props: CustomTagProps) => any>;
             };
             optionLabelRender: {
-                type: PropType<(option: Record<string, any>) => any>;
+                type: **
+                 * 在聚焦时再次发起网络请求的前提：
+                 * 1. 设置了`refetchOnFocus=true`
+                 * 2. `fetchId > 0`表示已经发起过一次网络请求
+                 * 3. 当前并不处于loading状态
+                 */).PropType<(option: Record<string, any>) => any>;
             };
             onClear: PropType<() => void>;
             defaultOpen: {
@@ -630,7 +635,12 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
             type: PropType<(props: CustomTagProps) => any>;
         };
         optionLabelRender: {
-            type: PropType<(option: Record<string, any>) => any>;
+            type: **
+             * 在聚焦时再次发起网络请求的前提：
+             * 1. 设置了`refetchOnFocus=true`
+             * 2. `fetchId > 0`表示已经发起过一次网络请求
+             * 3. 当前并不处于loading状态
+             */).PropType<(option: Record<string, any>) => any>;
         };
         onClear: PropType<() => void>;
         defaultOpen: {

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 ie, useSlots as de, ref as I, shallowRef as ce, computed as s, onMounted as pe, watch as fe, unref as n, createVNode as c, createElementBlock as _, createBlock as C, openBlock as p, toDisplayString as N, mergeProps as me, h as he, createSlots as ve, withCtx as f, createElementVNode as x, normalizeClass as m, createCommentVNode as M, resolveDynamicComponent as P, withModifiers as ye, renderList as ge, renderSlot as Ce, normalizeProps as be, guardReactiveProps as we } from "vue";
+import { Select as Se, Flex as D, Checkbox as T, Spin as ke } from "@aplus-frontend/antdv";
+import { debounce as Be, isFunction as q, isArray as Ne, isNil as xe, omit as L, isNumber as Fe } 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 Oe } from "../hooks/use-default-placeholder.mjs";
+import Ae from "../style/index.mjs";
+import { useSelectOptions as Ve } from "./use-select-options.mjs";
+import { useNamespace as R } from "../../config-provider/hooks/use-namespace.mjs";
+import { useLocale as Ie } from "../../config-provider/hooks/use-locale.mjs";
+import { useControllableValue as _e } from "../../hooks/useControllableValue.mjs";
+import { isDef as z } from "../../utils/is.mjs";
+const Me = {
+  key: 0
+}, Pe = ["onClick"], Ge = /* @__PURE__ */ ie({
   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,227 @@ 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(E, {
+    expose: U,
+    emit: $
+  }) {
+    let r = 0;
+    const F = de(), e = E, {
+      b
+    } = R("field-select"), {
+      b: i
+    } = R("field-select-popup-option"), K = Ae("field"), O = I(!1), {
+      t: A
+    } = Ie(), j = Be((t) => {
+      if (!q(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 o = r;
+      y([]), u.value = !0, e.request(t).then((l) => {
+        r === o && (y(l), 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), H = (t, o) => {
+      const l = e.fieldNames?.label || "label";
+      return typeof o?.[l] == "string" && o[l].toLowerCase().indexOf(t.toLowerCase()) > -1;
+    }, {
+      options: h,
+      updateOptions: y
+    } = Ve(e), w = ce(), u = I(e?.loading || !1), W = $, G = s(() => {
       if (e.multiple)
         return e.tokenSeparators ? "tags" : "multiple";
     });
-    async function h(o = !0) {
-      if (!D(e.request))
+    async function g(t = !0) {
+      if (!q(e.request))
         return;
-      n.value = !0, s += 1;
-      const a = s;
+      u.value = !0, r += 1;
+      const o = r;
       try {
-        o && v([]);
-        const t = await e.request(void 0, e.params);
-        if (a !== s)
+        t && y([]);
+        const l = await e.request(void 0, e.params);
+        if (o !== r)
           return;
-        v(t);
+        y(l);
       } finally {
-        n.value = !1;
+        u.value = !1;
       }
     }
-    function E(o) {
-      e.onFocus?.(o), e.refetchOnFocus && s > 0 && !n.value && h(!0);
+    function J(t) {
+      e.onFocus?.(t), e.refetchOnFocus && r > 0 && !u.value && g(!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)
+    pe(() => {
+      e.lazy || g();
+    }), fe(() => e.params, () => {
+      g();
+    }, {
+      deep: !0
+    });
+    const {
+      value: d,
+      updateValue: S
+    } = _e(e, W), Q = Oe("Select", e), X = s(() => {
+      const t = n(d);
+      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 o = e.fieldNames?.label || "label", l = e.fieldNames?.value || "value";
+      return Ne(t) ? t.map((v) => n(h).find((re) => re[l] === v)?.[o]).filter(Boolean).join("、") || e.emptyText : n(h).find((v) => v[l] === t)?.[o] || e.emptyText;
+    }), Y = s(() => {
+      const t = !!e?.showSearch, o = e.searchMode;
+      let l = {};
+      return t && (l = o === "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) ? H : e?.filterOption
       }), {
-        ...we(e, [
-          "mode",
-          "value",
-          "onUpdate:value",
-          "onSearch",
-          "request",
-          "searchMode",
-          "onFocus",
-          "onBeforeSelect"
-        ]),
-        placeholder: l(H),
-        ...t
+        ...L(e, ["mode", "value", "onUpdate:value", "onSearch", "request", "searchMode", "onFocus", "onBeforeSelect"]),
+        placeholder: n(Q),
+        ...l
       };
-    }), 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();
+    }), Z = s(() => h.value.map((t) => t[e.fieldNames?.value || "value"])), k = s(() => h.value.filter((t) => !t.disabled).map((t) => t[e.fieldNames?.value || "value"])), V = s(() => !e.multiple || z(e.maxCount) ? !1 : Fe(e.addAll) ? Z.value.length >= e.addAll : !!e.addAll), ee = s(() => e.multiple && e.allowOnlySelect && (!z(e.maxCount) || e.maxCount >= 1));
+    function te() {
+      w.value?.focus();
     }
-    function X() {
-      b.value?.blur();
+    function oe() {
+      w.value?.blur();
     }
-    function B(o, a) {
-      const t = e.fieldNames?.[a] ?? a;
-      return o[t];
+    function B(t, o) {
+      const l = e.fieldNames?.[o] ?? o;
+      return t[l];
     }
-    function Y(o) {
-      const a = B(o, "value");
-      y(e.multiple ? [a] : a);
+    function le(t) {
+      const o = B(t, "value");
+      S(e.multiple ? [o] : o);
     }
-    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() {
-      console.log("123");
-      const o = l(i) || [], a = g.value;
-      a.length && a.every((t) => o?.includes(t)) ? y([]) : y(g.value);
+    function ne(t) {
+      return F.option ? c("div", {
+        class: i("custom")
+      }, [F.option(t)]) : c("span", {
+        class: i("label")
+      }, [B(t, "label")]);
+    }
+    const ae = s(() => {
+      const t = n(d) || [], o = k.value;
+      return o.length > 0 && o.every((l) => t.includes(l));
+    }), se = s(() => {
+      const t = n(d) || [], o = k.value, l = o.filter((a) => t.includes(a)).length;
+      return l > 0 && l < o.length;
+    });
+    function ue() {
+      const t = new Set(n(d) || []), o = k.value;
+      o.length > 0 && o.every((a) => t.has(a)) ? o.forEach((a) => t.delete(a)) : o.forEach((a) => t.add(a)), S([...t]);
     }
-    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: te,
+      blur: oe,
+      request: g
+    }), (t, o) => t.mode === "read" ? (p(), _("span", Me, N(X.value), 1)) : (p(), C(n(Se), me({
       key: 1,
       ref_key: "selectRef",
-      ref: b,
+      ref: w,
       "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)}`,
+    }, Y.value, {
+      mode: G.value,
+      value: n(d),
+      options: n(h),
+      loading: u.value,
+      "menu-item-selected-icon": he("span"),
+      "popup-class-name": `${n(b)("popup")} ${n(K)}`,
       open: O.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": n(S),
+      onFocus: J,
+      onDropdownVisibleChange: o[0] || (o[0] = (l) => O.value = l)
+    }), ve({
+      option: f((l) => [x("div", {
+        class: m(n(i)("outter"))
+      }, [c(n(D), {
+        justify: "space-between",
+        align: "center",
+        class: m(n(i)("wrapper")),
+        gap: 8
+      }, {
+        default: f(() => [c(n(D), {
+          gap: 8,
           align: "center",
-          class: p(l(u)("popup-option-wrapper")),
-          gap: 8
+          class: m(n(i)("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: f(() => [V.value ? (p(), C(n(T), {
+            key: 0,
+            checked: n(d)?.includes(B(l, "value"))
+          }, null, 8, ["checked"])) : M("", !0), (p(), C(P(ne(l))))]),
           _: 2
-        }, 1032, ["class"])
-      ]),
+        }, 1032, ["class"]), ee.value && !l?.disabled ? (p(), _("span", {
+          key: 0,
+          class: m(n(i)("action")),
+          onClick: ye(() => le(l), ["stop"])
+        }, N(n(A)("ap.field.chooseOnly")), 11, Pe)) : M("", !0)]),
+        _: 2
+      }, 1032, ["class"])], 2)]),
       _: 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"]));
+    }, [ge(n(L)(t.$slots, ["option"]), (l, a) => ({
+      name: a,
+      fn: f((v) => [Ce(t.$slots, a, be(we(v || {})))])
+    })), u.value ? {
+      name: "notFoundContent",
+      fn: f(() => [c(n(ke), {
+        size: "small"
+      })]),
+      key: "0"
+    } : void 0, V.value ? {
+      name: "dropdownRender",
+      fn: f(({
+        menuNode: l
+      }) => [x("div", {
+        tabindex: -1,
+        class: m(n(b)("popup-all-option")),
+        onClick: ue
+      }, [c(n(T), {
+        checked: ae.value,
+        indeterminate: se.value
+      }, null, 8, ["checked", "indeterminate"]), x("span", {
+        class: m(n(b)("popup-all-option-label"))
+      }, N(n(A)("ap.field.selectAll")), 3)], 2), (p(), C(P(l)))]),
+      key: "1"
+    } : void 0]), 1040, ["mode", "value", "options", "loading", "menu-item-selected-icon", "popup-class-name", "open", "onUpdate:value"]));
   }
 });
 export {
-  Ke as default
+  Ge as default
 };