@aplus-frontend/ui 7.17.0 → 7.17.1-beta.0

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

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

package/es/src/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "7.17.0";
+declare const _default: "7.17.1-beta.0";
 export default _default;

package/es/src/version.mjs

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

package/lib/src/version.d.ts

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

package/package.json

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