@aplus-frontend/ui 7.20.1 → 7.20.2

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

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

package/es/src/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "7.20.1";
+declare const _default: "7.20.2";
 export default _default;

package/es/src/version.mjs

@@ -1,4 +1,4 @@
-const e = "7.20.1";
+const e = "7.20.2";
 export {
   e as default
 };

package/lib/src/ap-field/select/index.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),v=require("@aplus-frontend/antdv"),r=require("lodash-unified");require("../../config-provider/index.js");require("../../utils/index.js");const ue=require("../../utils/warning.js");require("../../hooks/index.js");const re=require("../hooks/use-default-placeholder.js"),se=require("../style/index.js"),ce=require("./use-select-options.js"),x=require("../../utils/is.js"),A=require("../../config-provider/hooks/use-namespace.js"),ie=require("../../config-provider/hooks/use-locale.js"),de=require("../../hooks/useControllableValue.js"),fe={key:0},pe=["onClick"],me=e.defineComponent({name:"ApFieldSelect",__name:"index",props:{mode:{default:"edit"},class:{},style:{},emptyText:{default:"--"},customReadMode:{},defaultValue:{},notFoundContent:{},suffixIcon:{},itemIcon:{},size:{},bordered:{type:Boolean,default:void 0},showArrow:{type:Boolean,default:void 0},variant:{},maxCount:{},transitionName:{},choiceTransitionName:{},popupClassName:{},dropdownClassName:{},placement:{},status:{},children:{},listHeight:{},onMouseenter:{},onMouseleave:{},tabindex:{},onClick:{},onFocus:{},onBlur:{},onChange:{},onKeydown:{},onKeyup:{},onMousedown:{},onSelect:{},open:{type:Boolean,default:void 0},animation:{},direction:{},disabled:{type:Boolean,default:void 0},prefixCls:{},id:{},autofocus:{type:Boolean,default:void 0},getPopupContainer:{},virtual:{type:Boolean,default:void 0},dropdownMatchSelectWidth:{},placeholder:{},loading:{type:Boolean,default:void 0},prefix:{},clearIcon:{},allowClear:{type:Boolean,default:!0},fieldNames:{},inputValue:{},searchValue:{},autoClearSearchValue:{type:Boolean,default:void 0},onDeselect:{},onActive:{},filterOption:{},filterSort:{},optionFilterProp:{},optionLabelProp:{},options:{},defaultActiveFirstOption:{type:Boolean,default:void 0},listItemHeight:{},onClickOption:{},menuItemSelectedIcon:{},labelInValue:{type:Boolean,default:void 0},showSearch:{type:Boolean,default:void 0},tagRender:{},optionLabelRender:{},onClear:{},defaultOpen:{type:Boolean,default:void 0},onDropdownVisibleChange:{},maxTagTextLength:{},maxTagCount:{},maxTagPlaceholder:{},tokenSeparators:{},removeIcon:{},dropdownStyle:{},dropdownRender:{},dropdownAlign:{},showAction:{},onPopupScroll:{},onInputKeyDown:{},request:{},multiple:{type:Boolean,default:void 0},value:{},"onUpdate:value":{},searchMode:{default:"filter"},refetchOnFocus:{type:Boolean,default:!1},fetchOnFocus:{type:Boolean,default:void 0},fetchOnOpen:{type:Boolean},lazy:{type:[Boolean,String],default:!1},addAll:{type:[Boolean,Number],default:5},params:{},searchDelay:{default:300},allowOnlySelect:{type:Boolean,default:!0}},emits:["update:value"],setup(D,{expose:I,emit:_}){let c=0;const C=e.useSlots(),t=D,{deprecated:M}=ue.useDevWarning("ApFieldSelect");M(!x.isDef(t.refetchOnFocus),"refetchOnFocus","fetchOnFocus");const{b}=A.useNamespace("field-select"),{b:f}=A.useNamespace("field-select-popup-option"),z=se.default("field"),B=e.ref(!1),N=e.ref(!1),{t:O}=ie.useLocale(),P=r.debounce(n=>{if(!r.isFunction(t.request))return;c+=1;const l=c;g([]),s.value=!0,t.request(n).then(o=>{c===l&&(g(o),s.value=!1)})},t.searchDelay),L=(n,l)=>{const o=t.fieldNames?.label||"label";return typeof l?.[o]=="string"&&l[o].toLowerCase().indexOf(n.toLowerCase())>-1},{options:i,updateOptions:g}=ce.useSelectOptions(t),w=e.shallowRef(),s=e.ref(t?.loading||!1),T=_,R=e.computed(()=>t.fetchOnFocus??t.refetchOnFocus),E=e.computed(()=>{if(t.multiple)return t.tokenSeparators?"tags":"multiple"});async function d(n=!0){if(!r.isFunction(t.request))return;s.value=!0,c+=1;const l=c;try{n&&g([]);const o=await t.request(void 0,t.params);if(l!==c)return;g(o)}finally{s.value=!1}}function U(n){!B.value&&c===0&&t.lazy==="first-focus"?d():R.value&&!s.value&&d(!0),t.onFocus?.(n),B.value=!0}function j(n){if(!n){t.onDropdownVisibleChange?.(n);return}!N.value&&c===0&&t.lazy==="first-open"?d():t.fetchOnOpen&&!s.value&&d(!0),t.onDropdownVisibleChange?.(n),N.value=!0}e.onMounted(()=>{if(!t.lazy){d();return}}),e.watch(()=>t.params,()=>{d()},{deep:!0});const{value:p,updateValue:k}=de.useControllableValue(t,T),K=re.useDefaultPlaceholder("Select",t),$=e.computed(()=>{const n=e.unref(p);if(r.isNil(n))return t.emptyText;const l=t.fieldNames?.label||"label",o=t.fieldNames?.value||"value";return r.isArray(n)?n.map(a=>e.unref(i).find(h=>h[o]===a)?.[l]).filter(Boolean).join("、")||t.emptyText:e.unref(i).find(a=>a[o]===n)?.[l]||t.emptyText}),H=e.computed(()=>{const n=!!t?.showSearch,l=t.searchMode;let o={};return n&&(o=l==="request"?{defaultActiveFirstOption:!1,onSearch:P,notFoundContent:s.value?void 0:null,filterOption:!1,suffixIcon:null}:{filterOption:r.isNil(t?.filterOption)?L:t?.filterOption}),{...r.omit(t,["mode","value","onUpdate:value","onSearch","request","searchMode","onFocus","onBeforeSelect","onDropdownVisibleChange"]),placeholder:e.unref(K),...o}}),W=e.computed(()=>i.value.map(n=>n[t.fieldNames?.value||"value"])),V=e.computed(()=>i.value.filter(n=>!n.disabled).map(n=>n[t.fieldNames?.value||"value"])),F=e.computed(()=>!t.multiple||x.isDef(t.maxCount)?!1:r.isNumber(t.addAll)?W.value.length>=t.addAll:!!t.addAll),G=e.computed(()=>t.multiple&&t.allowOnlySelect&&(!x.isDef(t.maxCount)||t.maxCount>=1));function J(){w.value?.focus()}function Q(){w.value?.blur()}function m(n,l){const o=t.fieldNames?.[l]??l;return o==="groupLabel"?n[o]??n.label:n[o]}function X(n){const l=q(n);k(t.multiple?[l]:l),t.onChange?.([l],[n])}function Y(n){return C.option?e.createVNode("div",{class:f("custom")},[C.option(n)]):e.createVNode("span",{class:f("label")},[m(n,n.options?.length?"groupLabel":"label")])}const Z=e.computed(()=>{const n=e.unref(p)||[],l=V.value;return l.length>0&&l.every(o=>y(n,o))}),ee=e.computed(()=>{const n=e.unref(p)||[],l=V.value,o=l.filter(u=>y(n,u)).length;return o>0&&o<l.length});function S(n,l){return(n.value??n)===l}const ne=n=>{const l=e.unref(p),o=m(n,"value");return r.isArray(l)?!!l.find(u=>S(u,o)):!1};function y(n,l){return n.find(o=>S(o,l))!=null}function te(n,l){return n.findIndex(o=>S(o,l))}function q(n,l){const o=m(n,"label"),u=l??m(n,"value");return t.labelInValue?{label:typeof o=="function"?o():o,originLabel:o,value:u,key:n?.key??u}:u}function le(){const n=[...e.unref(p)||[]],l=V.value;l.length>0&&l.every(a=>y(n,a))?l.forEach(a=>{const h=te(n,a);~h&&n.splice(h,1)}):l.forEach(a=>{if(y(n,a))return;const h=i.value.find(ae=>m(ae,"value")===a),oe=q(h,a);n.push(oe)});const u=i.value.filter(a=>y(n,m(a,"value")));k([...n]),t.onChange?.([...n],u)}return I({focus:J,blur:Q,request:d}),(n,l)=>n.mode==="read"?(e.openBlock(),e.createElementBlock("span",fe,e.toDisplayString($.value),1)):(e.openBlock(),e.createBlock(e.unref(v.Select),e.mergeProps({key:1,ref_key:"selectRef",ref:w,"allow-clear":""},H.value,{mode:E.value,value:e.unref(p),options:e.unref(i),loading:s.value,"menu-item-selected-icon":e.h("span"),"popup-class-name":`${e.unref(b)("popup")} ${e.unref(z)}`,"onUpdate:value":e.unref(k),onFocus:U,onDropdownVisibleChange:j}),e.createSlots({option:e.withCtx(o=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(f)("outter"))},[e.createVNode(e.unref(v.Flex),{justify:"space-between",align:"center",class:e.normalizeClass(e.unref(f)("wrapper")),gap:8},{default:e.withCtx(()=>[e.createVNode(e.unref(v.Flex),{gap:8,align:"center",class:e.normalizeClass(e.unref(f)("content-wrapper"))},{default:e.withCtx(()=>[F.value?(e.openBlock(),e.createBlock(e.unref(v.Checkbox),{key:0,checked:ne(o)},null,8,["checked"])):e.createCommentVNode("",!0),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(Y(o))))]),_:2},1032,["class"]),G.value&&!o?.disabled?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(f)("action")),onClick:e.withModifiers(()=>X(o),["stop"])},e.toDisplayString(e.unref(O)("ap.field.chooseOnly")),11,pe)):e.createCommentVNode("",!0)]),_:2},1032,["class"])],2)]),_:2},[e.renderList(e.unref(r.omit)(C,["option"]),(o,u)=>({name:u,fn:e.withCtx(a=>[e.renderSlot(n.$slots,u,e.normalizeProps(e.guardReactiveProps(a||{})))])})),s.value?{name:"notFoundContent",fn:e.withCtx(()=>[e.createVNode(e.unref(v.Spin),{size:"small"})]),key:"0"}:void 0,F.value?{name:"dropdownRender",fn:e.withCtx(({menuNode:o})=>[e.createElementVNode("div",{tabindex:-1,class:e.normalizeClass(e.unref(b)("popup-all-option")),onClick:le},[e.createVNode(e.unref(v.Checkbox),{checked:Z.value,indeterminate:ee.value},null,8,["checked","indeterminate"]),e.createElementVNode("span",{class:e.normalizeClass(e.unref(b)("popup-all-option-label"))},e.toDisplayString(e.unref(O)("ap.field.selectAll")),3)],2),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o)))]),key:"1"}:void 0]),1040,["mode","value","options","loading","menu-item-selected-icon","popup-class-name","onUpdate:value"]))}});exports.default=me;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),f=require("@aplus-frontend/antdv"),r=require("lodash-unified");require("../../config-provider/index.js");require("../../utils/index.js");const se=require("../../utils/warning.js");require("../../hooks/index.js");const ce=require("../hooks/use-default-placeholder.js"),ie=require("../style/index.js"),de=require("./use-select-options.js"),F=require("../../utils/is.js"),I=require("../../config-provider/hooks/use-namespace.js"),fe=require("../../config-provider/hooks/use-locale.js"),pe=require("../../hooks/useControllableValue.js"),me={key:0},he=["onClick"],ve=e.defineComponent({name:"ApFieldSelect",__name:"index",props:{mode:{default:"edit"},class:{},style:{},emptyText:{default:"--"},customReadMode:{},defaultValue:{},notFoundContent:{},suffixIcon:{},itemIcon:{},size:{},bordered:{type:Boolean,default:void 0},showArrow:{type:Boolean,default:void 0},variant:{},maxCount:{},transitionName:{},choiceTransitionName:{},popupClassName:{},dropdownClassName:{},placement:{},status:{},children:{},listHeight:{},onMouseenter:{},onMouseleave:{},tabindex:{},onClick:{},onFocus:{},onBlur:{},onChange:{},onKeydown:{},onKeyup:{},onMousedown:{},onSelect:{},open:{type:Boolean,default:void 0},animation:{},direction:{},disabled:{type:Boolean,default:void 0},prefixCls:{},id:{},autofocus:{type:Boolean,default:void 0},getPopupContainer:{},virtual:{type:Boolean,default:void 0},dropdownMatchSelectWidth:{},placeholder:{},loading:{type:Boolean,default:void 0},prefix:{},clearIcon:{},allowClear:{type:Boolean,default:!0},fieldNames:{},inputValue:{},searchValue:{},autoClearSearchValue:{type:Boolean,default:void 0},onDeselect:{},onActive:{},filterOption:{},filterSort:{},optionFilterProp:{},optionLabelProp:{},options:{},defaultActiveFirstOption:{type:Boolean,default:void 0},listItemHeight:{},onClickOption:{},menuItemSelectedIcon:{},labelInValue:{type:Boolean,default:void 0},showSearch:{type:Boolean,default:void 0},tagRender:{},optionLabelRender:{},onClear:{},defaultOpen:{type:Boolean,default:void 0},onDropdownVisibleChange:{},maxTagTextLength:{},maxTagCount:{},maxTagPlaceholder:{},tokenSeparators:{},removeIcon:{},dropdownStyle:{},dropdownRender:{},dropdownAlign:{},showAction:{},onPopupScroll:{},onInputKeyDown:{},request:{},multiple:{type:Boolean,default:void 0},value:{},"onUpdate:value":{},searchMode:{default:"filter"},refetchOnFocus:{type:Boolean,default:!1},fetchOnFocus:{type:Boolean,default:void 0},fetchOnOpen:{type:Boolean},lazy:{type:[Boolean,String],default:!1},addAll:{type:[Boolean,Number],default:5},params:{},searchDelay:{default:300},allowOnlySelect:{type:Boolean,default:!0}},emits:["update:value"],setup(A,{expose:D,emit:_}){let c=0;const C=e.useSlots(),t=A,{deprecated:M}=se.useDevWarning("ApFieldSelect");M(!F.isDef(t.refetchOnFocus),"refetchOnFocus","fetchOnFocus");const{b}=I.useNamespace("field-select"),{b:p}=I.useNamespace("field-select-popup-option"),z=ie.default("field"),P=f.Form.useInjectFormItemContext(),S=e.ref(!1),B=e.ref(!1),{t:N}=fe.useLocale(),L=r.debounce(n=>{if(!r.isFunction(t.request))return;c+=1;const o=c;g([]),s.value=!0,t.request(n).then(l=>{c===o&&(g(l),s.value=!1)})},t.searchDelay),T=(n,o)=>{const l=t.fieldNames?.label||"label";return typeof o?.[l]=="string"&&o[l].toLowerCase().indexOf(n.toLowerCase())>-1},{options:i,updateOptions:g}=de.useSelectOptions(t),w=e.shallowRef(),s=e.ref(t?.loading||!1),R=_,E=e.computed(()=>t.fetchOnFocus??t.refetchOnFocus),U=e.computed(()=>{if(t.multiple)return t.tokenSeparators?"tags":"multiple"});async function d(n=!0){if(!r.isFunction(t.request))return;s.value=!0,c+=1;const o=c;try{n&&g([]);const l=await t.request(void 0,t.params);if(o!==c)return;g(l)}finally{s.value=!1}}function j(n){!S.value&&c===0&&t.lazy==="first-focus"?d():E.value&&!s.value&&d(!0),t.onFocus?.(n),S.value=!0}function K(n){if(!n){t.onDropdownVisibleChange?.(n);return}!B.value&&c===0&&t.lazy==="first-open"?d():t.fetchOnOpen&&!s.value&&d(!0),t.onDropdownVisibleChange?.(n),B.value=!0}function V(n){$(n),P?.onFieldChange()}e.onMounted(()=>{if(!t.lazy){d();return}}),e.watch(()=>t.params,()=>{d()},{deep:!0});const{value:m,updateValue:$}=pe.useControllableValue(t,R),H=ce.useDefaultPlaceholder("Select",t),W=e.computed(()=>{const n=e.unref(m);if(r.isNil(n))return t.emptyText;const o=t.fieldNames?.label||"label",l=t.fieldNames?.value||"value";return r.isArray(n)?n.map(a=>e.unref(i).find(v=>v[l]===a)?.[o]).filter(Boolean).join("、")||t.emptyText:e.unref(i).find(a=>a[l]===n)?.[o]||t.emptyText}),G=e.computed(()=>{const n=!!t?.showSearch,o=t.searchMode;let l={};return n&&(l=o==="request"?{defaultActiveFirstOption:!1,onSearch:L,notFoundContent:s.value?void 0:null,filterOption:!1,suffixIcon:null}:{filterOption:r.isNil(t?.filterOption)?T:t?.filterOption}),{...r.omit(t,["mode","value","onUpdate:value","onSearch","request","searchMode","onFocus","onBeforeSelect","onDropdownVisibleChange"]),placeholder:e.unref(H),...l}}),J=e.computed(()=>i.value.map(n=>n[t.fieldNames?.value||"value"])),k=e.computed(()=>i.value.filter(n=>!n.disabled).map(n=>n[t.fieldNames?.value||"value"])),O=e.computed(()=>!t.multiple||F.isDef(t.maxCount)?!1:r.isNumber(t.addAll)?J.value.length>=t.addAll:!!t.addAll),Q=e.computed(()=>t.multiple&&t.allowOnlySelect&&(!F.isDef(t.maxCount)||t.maxCount>=1));function X(){w.value?.focus()}function Y(){w.value?.blur()}function h(n,o){const l=t.fieldNames?.[o]??o;return l==="groupLabel"?n[l]??n.label:n[l]}function Z(n){const o=q(n);V(t.multiple?[o]:o),t.onChange?.([o],[n])}function ee(n){return C.option?e.createVNode("div",{class:p("custom")},[C.option(n)]):e.createVNode("span",{class:p("label")},[h(n,n.options?.length?"groupLabel":"label")])}const ne=e.computed(()=>{const n=e.unref(m)||[],o=k.value;return o.length>0&&o.every(l=>y(n,l))}),te=e.computed(()=>{const n=e.unref(m)||[],o=k.value,l=o.filter(u=>y(n,u)).length;return l>0&&l<o.length});function x(n,o){return(n.value??n)===o}const oe=n=>{const o=e.unref(m),l=h(n,"value");return r.isArray(o)?!!o.find(u=>x(u,l)):!1};function y(n,o){return n.find(l=>x(l,o))!=null}function le(n,o){return n.findIndex(l=>x(l,o))}function q(n,o){const l=h(n,"label"),u=o??h(n,"value");return t.labelInValue?{label:typeof l=="function"?l():l,originLabel:l,value:u,key:n?.key??u}:u}function ae(){const n=[...e.unref(m)||[]],o=k.value;o.length>0&&o.every(a=>y(n,a))?o.forEach(a=>{const v=le(n,a);~v&&n.splice(v,1)}):o.forEach(a=>{if(y(n,a))return;const v=i.value.find(re=>h(re,"value")===a),ue=q(v,a);n.push(ue)});const u=i.value.filter(a=>y(n,h(a,"value")));V([...n]),t.onChange?.([...n],u)}return D({focus:X,blur:Y,request:d}),(n,o)=>n.mode==="read"?(e.openBlock(),e.createElementBlock("span",me,e.toDisplayString(W.value),1)):(e.openBlock(),e.createBlock(e.unref(f.Select),e.mergeProps({key:1,ref_key:"selectRef",ref:w,"allow-clear":""},G.value,{mode:U.value,value:e.unref(m),options:e.unref(i),loading:s.value,"menu-item-selected-icon":e.h("span"),"popup-class-name":`${e.unref(b)("popup")} ${e.unref(z)}`,"onUpdate:value":V,onFocus:j,onDropdownVisibleChange:K}),e.createSlots({option:e.withCtx(l=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(p)("outter"))},[e.createVNode(e.unref(f.Flex),{justify:"space-between",align:"center",class:e.normalizeClass(e.unref(p)("wrapper")),gap:8},{default:e.withCtx(()=>[e.createVNode(e.unref(f.Flex),{gap:8,align:"center",class:e.normalizeClass(e.unref(p)("content-wrapper"))},{default:e.withCtx(()=>[O.value?(e.openBlock(),e.createBlock(e.unref(f.Checkbox),{key:0,checked:oe(l)},null,8,["checked"])):e.createCommentVNode("",!0),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(ee(l))))]),_:2},1032,["class"]),Q.value&&!l?.disabled?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(p)("action")),onClick:e.withModifiers(()=>Z(l),["stop"])},e.toDisplayString(e.unref(N)("ap.field.chooseOnly")),11,he)):e.createCommentVNode("",!0)]),_:2},1032,["class"])],2)]),_:2},[e.renderList(e.unref(r.omit)(C,["option"]),(l,u)=>({name:u,fn:e.withCtx(a=>[e.renderSlot(n.$slots,u,e.normalizeProps(e.guardReactiveProps(a||{})))])})),s.value?{name:"notFoundContent",fn:e.withCtx(()=>[e.createVNode(e.unref(f.Spin),{size:"small"})]),key:"0"}:void 0,O.value?{name:"dropdownRender",fn:e.withCtx(({menuNode:l})=>[e.createElementVNode("div",{tabindex:-1,class:e.normalizeClass(e.unref(b)("popup-all-option")),onClick:ae},[e.createVNode(e.unref(f.Checkbox),{checked:ne.value,indeterminate:te.value},null,8,["checked","indeterminate"]),e.createElementVNode("span",{class:e.normalizeClass(e.unref(b)("popup-all-option-label"))},e.toDisplayString(e.unref(N)("ap.field.selectAll")),3)],2),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l)))]),key:"1"}:void 0]),1040,["mode","value","options","loading","menu-item-selected-icon","popup-class-name"]))}});exports.default=ve;

package/lib/src/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "7.20.1";
+declare const _default: "7.20.2";
 export default _default;

package/lib/src/version.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="7.20.1";exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="7.20.2";exports.default=e;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aplus-frontend/ui",
-  "version": "7.20.1",
+  "version": "7.20.2",
   "main": "./lib/index.js",
   "type": "module",
   "typings": "./lib/index.d.ts",