@aplus-frontend/ui 7.13.4 → 7.13.6

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

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

package/es/src/ap-field/style/select.mjs

@@ -1,27 +1,32 @@
 import { singleRow as l } from "../../style/index.mjs";
 const n = (i) => {
-  const { componentCls: p } = i, o = `${p}-select-popup`;
+  const { componentCls: a } = i, p = `${a}-select-popup`;
   return {
-    [`${o}`]: {
-      padding: i.space,
-      [`${o}-all-option`]: {
+    [`${p}`]: {
+      // padding: token.space,
+      padding: 0,
+      [`${p}-all-option-wrapper`]: {
+        padding: i.space,
+        paddingBlockEnd: i.spaceXS
+      },
+      [`${p}-all-option`]: {
         width: "100%",
         display: "inline-flex",
         cursor: "pointer",
         paddingInline: i.space,
         paddingBlock: i.spaceSM,
-        [`${o}-all-option-label`]: {
+        [`${p}-all-option-label`]: {
           paddingInline: i.space
         }
       },
-      [`${o}-option-wrapper`]: {
+      [`${p}-option-wrapper`]: {
         height: "22px"
       },
-      [`${o}-option-label`]: {
+      [`${p}-option-label`]: {
         ...l(i),
         color: "inherit"
       },
-      [`${o}-option-action`]: {
+      [`${p}-option-action`]: {
         display: "none",
         color: i.colorPrimary,
         paddingInline: i.spaceSM,
@@ -37,16 +42,14 @@ const n = (i) => {
         paddingBlock: i.spaceXS,
         fontWeight: "normal !important",
         marginBottom: i.spaceXS,
+        marginInline: i.space,
         "&:hover": {
-          [`${o}-option-action`]: {
+          [`${p}-option-action`]: {
             display: "inline"
           }
         },
         "&:last-child": {
-          marginBottom: 0
-        },
-        "&.ant-select-item-option-selected:not(.ant-select-item-option-disabled)": {
-          color: i.colorPrimary
+          marginBottom: i.space
         }
       }
     }

package/es/src/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "7.13.4";
+declare const _default: "7.13.6";
 export default _default;

package/es/src/version.mjs

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

package/lib/src/ap-field/style/select.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../../style/index.js"),n=i=>{const{componentCls:o}=i,e=`${o}-select-popup`;return{[`${e}`]:{padding:i.space,[`${e}-all-option`]:{width:"100%",display:"inline-flex",cursor:"pointer",paddingInline:i.space,paddingBlock:i.spaceSM,[`${e}-all-option-label`]:{paddingInline:i.space}},[`${e}-option-wrapper`]:{height:"22px"},[`${e}-option-label`]:{...l.singleRow(i),color:"inherit"},[`${e}-option-action`]:{display:"none",color:i.colorPrimary,paddingInline:i.spaceSM,paddingBlock:i.spaceXXS,"&:hover":{background:i.colorPrimary,color:"#fff",borderRadius:"2px"}},"div.ant-select-item":{paddingInline:i.space,paddingBlock:i.spaceXS,fontWeight:"normal !important",marginBottom:i.spaceXS,"&:hover":{[`${e}-option-action`]:{display:"inline"}},"&:last-child":{marginBottom:0},"&.ant-select-item-option-selected:not(.ant-select-item-option-disabled)":{color:i.colorPrimary}}}}};exports.genSelectStyle=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../../style/index.js"),n=i=>{const{componentCls:a}=i,p=`${a}-select-popup`;return{[`${p}`]:{padding:0,[`${p}-all-option-wrapper`]:{padding:i.space,paddingBlockEnd:i.spaceXS},[`${p}-all-option`]:{width:"100%",display:"inline-flex",cursor:"pointer",paddingInline:i.space,paddingBlock:i.spaceSM,[`${p}-all-option-label`]:{paddingInline:i.space}},[`${p}-option-wrapper`]:{height:"22px"},[`${p}-option-label`]:{...l.singleRow(i),color:"inherit"},[`${p}-option-action`]:{display:"none",color:i.colorPrimary,paddingInline:i.spaceSM,paddingBlock:i.spaceXXS,"&:hover":{background:i.colorPrimary,color:"#fff",borderRadius:"2px"}},"div.ant-select-item":{paddingInline:i.space,paddingBlock:i.spaceXS,fontWeight:"normal !important",marginBottom:i.spaceXS,marginInline:i.space,"&:hover":{[`${p}-option-action`]:{display:"inline"}},"&:last-child":{marginBottom:i.space}}}}};exports.genSelectStyle=n;

package/lib/src/version.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aplus-frontend/ui",
-  "version": "7.13.4",
+  "version": "7.13.6",
   "main": "./lib/index.js",
   "type": "module",
   "files": [
@@ -44,14 +44,14 @@
     "@aplus-frontend/utils": "1.0.65"
   },
   "peerDependencies": {
-    "@aplus-frontend/antdv": "^2.0.3",
+    "@aplus-frontend/antdv": "^2.0.5",
     "@aplus-frontend/icon": "^2.0.6",
     "@aplus-frontend/oss": "^2.0.1",
     "vue": "^3.5.21",
     "vxe-table": "^4.13.37"
   },
   "devDependencies": {
-    "@aplus-frontend/antdv": "^2.0.3",
+    "@aplus-frontend/antdv": "^2.0.5",
     "@aplus-frontend/icon": "^2.0.6",
     "@aplus-frontend/oss": "^2.0.1",
     "@emotion/serialize": "^1.3.3",