@aplus-frontend/ui 7.17.2 → 7.17.4

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

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

package/es/src/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "7.17.2";
+declare const _default: "7.17.4";
 export default _default;

package/es/src/version.mjs

@@ -1,4 +1,4 @@
-const e = "7.17.2";
+const e = "7.17.4";
 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"),m=require("@aplus-frontend/antdv"),r=require("lodash-unified");require("../../config-provider/index.js");require("../../utils/index.js");const Z=require("../../utils/warning.js");require("../../hooks/index.js");const ee=require("../hooks/use-default-placeholder.js"),ne=require("../style/index.js"),te=require("./use-select-options.js"),S=require("../../utils/is.js"),F=require("../../config-provider/hooks/use-namespace.js"),oe=require("../../config-provider/hooks/use-locale.js"),le=require("../../hooks/useControllableValue.js"),ae={key:0},ue=["onClick"],se=e.defineComponent({name:"ApFieldSelect",__name:"index",props:{mode:{default:"edit"},class:{},style:{},emptyText:{default:"--"},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(x,{expose:V,emit:q}){let s=0;const v=e.useSlots(),n=x,{deprecated:A}=Z.useDevWarning("ApFieldSelect");A(!S.isDef(n.refetchOnFocus),"refetchOnFocus","fetchOnFocus");const{b:y}=F.useNamespace("field-select"),{b:d}=F.useNamespace("field-select-popup-option"),D=ne.default("field"),k=e.ref(!1),B=e.ref(!1),{t:O}=oe.useLocale(),_=r.debounce(t=>{if(!r.isFunction(n.request))return;s+=1;const o=s;h([]),u.value=!0,n.request(t).then(l=>{s===o&&(h(l),u.value=!1)})},n.searchDelay),I=(t,o)=>{const l=n.fieldNames?.label||"label";return typeof o?.[l]=="string"&&o[l].toLowerCase().indexOf(t.toLowerCase())>-1},{options:f,updateOptions:h}=te.useSelectOptions(n),C=e.shallowRef(),u=e.ref(n?.loading||!1),z=q,M=e.computed(()=>n.fetchOnFocus??n.refetchOnFocus),P=e.computed(()=>{if(n.multiple)return n.tokenSeparators?"tags":"multiple"});async function c(t=!0){if(!r.isFunction(n.request))return;u.value=!0,s+=1;const o=s;try{t&&h([]);const l=await n.request(void 0,n.params);if(o!==s)return;h(l)}finally{u.value=!1}}function T(t){!k.value&&s===0&&n.lazy==="first-focus"?c():M.value&&!u.value&&c(!0),n.onFocus?.(t),k.value=!0}function L(t){if(!t){n.onDropdownVisibleChange?.(t);return}!B.value&&s===0&&n.lazy==="first-open"?c():n.fetchOnOpen&&!u.value&&c(!0),n.onDropdownVisibleChange?.(t),B.value=!0}e.onMounted(()=>{if(!n.lazy){c();return}}),e.watch(()=>n.params,()=>{c()},{deep:!0});const{value:p,updateValue:g}=le.useControllableValue(n,z),R=ee.useDefaultPlaceholder("Select",n),E=e.computed(()=>{const t=e.unref(p);if(!t)return n.emptyText;const o=n.fieldNames?.label||"label",l=n.fieldNames?.value||"value";return r.isArray(t)?t.map(a=>e.unref(f).find(Y=>Y[l]===a)?.[o]).filter(Boolean).join("、")||n.emptyText:e.unref(f).find(a=>a[l]===t)?.[o]||n.emptyText}),U=e.computed(()=>{const t=!!n?.showSearch,o=n.searchMode;let l={};return t&&(l=o==="request"?{defaultActiveFirstOption:!1,onSearch:_,notFoundContent:u.value?void 0:null,filterOption:!1,suffixIcon:null}:{filterOption:r.isNil(n?.filterOption)?I:n?.filterOption}),{...r.omit(n,["mode","value","onUpdate:value","onSearch","request","searchMode","onFocus","onBeforeSelect"]),placeholder:e.unref(R),...l}}),j=e.computed(()=>f.value.map(t=>t[n.fieldNames?.value||"value"])),b=e.computed(()=>f.value.filter(t=>!t.disabled).map(t=>t[n.fieldNames?.value||"value"])),N=e.computed(()=>!n.multiple||S.isDef(n.maxCount)?!1:r.isNumber(n.addAll)?j.value.length>=n.addAll:!!n.addAll),K=e.computed(()=>n.multiple&&n.allowOnlySelect&&(!S.isDef(n.maxCount)||n.maxCount>=1));function $(){C.value?.focus()}function H(){C.value?.blur()}function w(t,o){const l=n.fieldNames?.[o]??o;return t[l]}function W(t){const o=w(t,"value");g(n.multiple?[o]:o),n.onChange?.([o],[t])}function G(t){return v.option?e.createVNode("div",{class:d("custom")},[v.option(t)]):e.createVNode("span",{class:d("label")},[w(t,t.options?.length?"groupLabel":"label")])}const J=e.computed(()=>{const t=e.unref(p)||[],o=b.value;return o.length>0&&o.every(l=>t.includes(l))}),Q=e.computed(()=>{const t=e.unref(p)||[],o=b.value,l=o.filter(i=>t.includes(i)).length;return l>0&&l<o.length});function X(){const t=new Set(e.unref(p)||[]),o=b.value;o.length>0&&o.every(a=>t.has(a))?o.forEach(a=>t.delete(a)):o.forEach(a=>t.add(a));const i=f.value.filter(a=>t.has(a[n.fieldNames?.value||"value"]));g([...t]),n.onChange?.([...t],i)}return V({focus:$,blur:H,request:c}),(t,o)=>t.mode==="read"?(e.openBlock(),e.createElementBlock("span",ae,e.toDisplayString(E.value),1)):(e.openBlock(),e.createBlock(e.unref(m.Select),e.mergeProps({key:1,ref_key:"selectRef",ref:C,"allow-clear":""},U.value,{mode:P.value,value:e.unref(p),options:e.unref(f),loading:u.value,"menu-item-selected-icon":e.h("span"),"popup-class-name":`${e.unref(y)("popup")} ${e.unref(D)}`,"onUpdate:value":e.unref(g),onFocus:T,onDropdownVisibleChange:L}),e.createSlots({option:e.withCtx(l=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(d)("outter"))},[e.createVNode(e.unref(m.Flex),{justify:"space-between",align:"center",class:e.normalizeClass(e.unref(d)("wrapper")),gap:8},{default:e.withCtx(()=>[e.createVNode(e.unref(m.Flex),{gap:8,align:"center",class:e.normalizeClass(e.unref(d)("content-wrapper"))},{default:e.withCtx(()=>[N.value?(e.openBlock(),e.createBlock(e.unref(m.Checkbox),{key:0,checked:e.unref(p)?.includes(w(l,"value"))},null,8,["checked"])):e.createCommentVNode("",!0),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(G(l))))]),_:2},1032,["class"]),K.value&&!l?.disabled?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(d)("action")),onClick:e.withModifiers(()=>W(l),["stop"])},e.toDisplayString(e.unref(O)("ap.field.chooseOnly")),11,ue)):e.createCommentVNode("",!0)]),_:2},1032,["class"])],2)]),_:2},[e.renderList(e.unref(r.omit)(v,["option"]),(l,i)=>({name:i,fn:e.withCtx(a=>[e.renderSlot(t.$slots,i,e.normalizeProps(e.guardReactiveProps(a||{})))])})),u.value?{name:"notFoundContent",fn:e.withCtx(()=>[e.createVNode(e.unref(m.Spin),{size:"small"})]),key:"0"}:void 0,N.value?{name:"dropdownRender",fn:e.withCtx(({menuNode:l})=>[e.createElementVNode("div",{tabindex:-1,class:e.normalizeClass(e.unref(y)("popup-all-option")),onClick:X},[e.createVNode(e.unref(m.Checkbox),{checked:J.value,indeterminate:Q.value},null,8,["checked","indeterminate"]),e.createElementVNode("span",{class:e.normalizeClass(e.unref(y)("popup-all-option-label"))},e.toDisplayString(e.unref(O)("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","onUpdate:value"]))}});exports.default=se;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),m=require("@aplus-frontend/antdv"),r=require("lodash-unified");require("../../config-provider/index.js");require("../../utils/index.js");const Z=require("../../utils/warning.js");require("../../hooks/index.js");const ee=require("../hooks/use-default-placeholder.js"),ne=require("../style/index.js"),te=require("./use-select-options.js"),S=require("../../utils/is.js"),F=require("../../config-provider/hooks/use-namespace.js"),le=require("../../config-provider/hooks/use-locale.js"),oe=require("../../hooks/useControllableValue.js"),ae={key:0},ue=["onClick"],se=e.defineComponent({name:"ApFieldSelect",__name:"index",props:{mode:{default:"edit"},class:{},style:{},emptyText:{default:"--"},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(x,{expose:V,emit:q}){let s=0;const v=e.useSlots(),n=x,{deprecated:A}=Z.useDevWarning("ApFieldSelect");A(!S.isDef(n.refetchOnFocus),"refetchOnFocus","fetchOnFocus");const{b:y}=F.useNamespace("field-select"),{b:d}=F.useNamespace("field-select-popup-option"),D=ne.default("field"),k=e.ref(!1),B=e.ref(!1),{t:O}=le.useLocale(),_=r.debounce(t=>{if(!r.isFunction(n.request))return;s+=1;const l=s;h([]),u.value=!0,n.request(t).then(o=>{s===l&&(h(o),u.value=!1)})},n.searchDelay),I=(t,l)=>{const o=n.fieldNames?.label||"label";return typeof l?.[o]=="string"&&l[o].toLowerCase().indexOf(t.toLowerCase())>-1},{options:f,updateOptions:h}=te.useSelectOptions(n),g=e.shallowRef(),u=e.ref(n?.loading||!1),z=q,M=e.computed(()=>n.fetchOnFocus??n.refetchOnFocus),P=e.computed(()=>{if(n.multiple)return n.tokenSeparators?"tags":"multiple"});async function c(t=!0){if(!r.isFunction(n.request))return;u.value=!0,s+=1;const l=s;try{t&&h([]);const o=await n.request(void 0,n.params);if(l!==s)return;h(o)}finally{u.value=!1}}function L(t){!k.value&&s===0&&n.lazy==="first-focus"?c():M.value&&!u.value&&c(!0),n.onFocus?.(t),k.value=!0}function T(t){if(!t){n.onDropdownVisibleChange?.(t);return}!B.value&&s===0&&n.lazy==="first-open"?c():n.fetchOnOpen&&!u.value&&c(!0),n.onDropdownVisibleChange?.(t),B.value=!0}e.onMounted(()=>{if(!n.lazy){c();return}}),e.watch(()=>n.params,()=>{c()},{deep:!0});const{value:p,updateValue:C}=oe.useControllableValue(n,z),R=ee.useDefaultPlaceholder("Select",n),E=e.computed(()=>{const t=e.unref(p);if(!t)return n.emptyText;const l=n.fieldNames?.label||"label",o=n.fieldNames?.value||"value";return r.isArray(t)?t.map(a=>e.unref(f).find(Y=>Y[o]===a)?.[l]).filter(Boolean).join("、")||n.emptyText:e.unref(f).find(a=>a[o]===t)?.[l]||n.emptyText}),U=e.computed(()=>{const t=!!n?.showSearch,l=n.searchMode;let o={};return t&&(o=l==="request"?{defaultActiveFirstOption:!1,onSearch:_,notFoundContent:u.value?void 0:null,filterOption:!1,suffixIcon:null}:{filterOption:r.isNil(n?.filterOption)?I:n?.filterOption}),{...r.omit(n,["mode","value","onUpdate:value","onSearch","request","searchMode","onFocus","onBeforeSelect","onDropdownVisibleChange"]),placeholder:e.unref(R),...o}}),j=e.computed(()=>f.value.map(t=>t[n.fieldNames?.value||"value"])),b=e.computed(()=>f.value.filter(t=>!t.disabled).map(t=>t[n.fieldNames?.value||"value"])),N=e.computed(()=>!n.multiple||S.isDef(n.maxCount)?!1:r.isNumber(n.addAll)?j.value.length>=n.addAll:!!n.addAll),K=e.computed(()=>n.multiple&&n.allowOnlySelect&&(!S.isDef(n.maxCount)||n.maxCount>=1));function $(){g.value?.focus()}function H(){g.value?.blur()}function w(t,l){const o=n.fieldNames?.[l]??l;return o==="groupLabel"?t[o]??t.label:t[o]}function W(t){const l=w(t,"value");C(n.multiple?[l]:l),n.onChange?.([l],[t])}function G(t){return v.option?e.createVNode("div",{class:d("custom")},[v.option(t)]):e.createVNode("span",{class:d("label")},[w(t,t.options?.length?"groupLabel":"label")])}const J=e.computed(()=>{const t=e.unref(p)||[],l=b.value;return l.length>0&&l.every(o=>t.includes(o))}),Q=e.computed(()=>{const t=e.unref(p)||[],l=b.value,o=l.filter(i=>t.includes(i)).length;return o>0&&o<l.length});function X(){const t=new Set(e.unref(p)||[]),l=b.value;l.length>0&&l.every(a=>t.has(a))?l.forEach(a=>t.delete(a)):l.forEach(a=>t.add(a));const i=f.value.filter(a=>t.has(a[n.fieldNames?.value||"value"]));C([...t]),n.onChange?.([...t],i)}return V({focus:$,blur:H,request:c}),(t,l)=>t.mode==="read"?(e.openBlock(),e.createElementBlock("span",ae,e.toDisplayString(E.value),1)):(e.openBlock(),e.createBlock(e.unref(m.Select),e.mergeProps({key:1,ref_key:"selectRef",ref:g,"allow-clear":""},U.value,{mode:P.value,value:e.unref(p),options:e.unref(f),loading:u.value,"menu-item-selected-icon":e.h("span"),"popup-class-name":`${e.unref(y)("popup")} ${e.unref(D)}`,"onUpdate:value":e.unref(C),onFocus:L,onDropdownVisibleChange:T}),e.createSlots({option:e.withCtx(o=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(d)("outter"))},[e.createVNode(e.unref(m.Flex),{justify:"space-between",align:"center",class:e.normalizeClass(e.unref(d)("wrapper")),gap:8},{default:e.withCtx(()=>[e.createVNode(e.unref(m.Flex),{gap:8,align:"center",class:e.normalizeClass(e.unref(d)("content-wrapper"))},{default:e.withCtx(()=>[N.value?(e.openBlock(),e.createBlock(e.unref(m.Checkbox),{key:0,checked:e.unref(p)?.includes(w(o,"value"))},null,8,["checked"])):e.createCommentVNode("",!0),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(G(o))))]),_:2},1032,["class"]),K.value&&!o?.disabled?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(d)("action")),onClick:e.withModifiers(()=>W(o),["stop"])},e.toDisplayString(e.unref(O)("ap.field.chooseOnly")),11,ue)):e.createCommentVNode("",!0)]),_:2},1032,["class"])],2)]),_:2},[e.renderList(e.unref(r.omit)(v,["option"]),(o,i)=>({name:i,fn:e.withCtx(a=>[e.renderSlot(t.$slots,i,e.normalizeProps(e.guardReactiveProps(a||{})))])})),u.value?{name:"notFoundContent",fn:e.withCtx(()=>[e.createVNode(e.unref(m.Spin),{size:"small"})]),key:"0"}:void 0,N.value?{name:"dropdownRender",fn:e.withCtx(({menuNode:o})=>[e.createElementVNode("div",{tabindex:-1,class:e.normalizeClass(e.unref(y)("popup-all-option")),onClick:X},[e.createVNode(e.unref(m.Checkbox),{checked:J.value,indeterminate:Q.value},null,8,["checked","indeterminate"]),e.createElementVNode("span",{class:e.normalizeClass(e.unref(y)("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=se;

package/lib/src/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "7.17.2";
+declare const _default: "7.17.4";
 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.17.2";exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="7.17.4";exports.default=e;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aplus-frontend/ui",
-  "version": "7.17.2",
+  "version": "7.17.4",
   "main": "./lib/index.js",
   "type": "module",
   "typings": "./lib/index.d.ts",
@@ -41,7 +41,7 @@
     "scroll-into-view-if-needed": "^3.1.0",
     "vue-virtual-scroller": "2.0.0-beta.8",
     "vuedraggable": "^4.1.0",
-    "@aplus-frontend/utils": "1.0.65",
+    "@aplus-frontend/utils": "1.0.66",
     "@aplus-frontend/hooks": "1.0.7"
   },
   "peerDependencies": {