@aplus-frontend/ui 7.13.5 → 7.13.6

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

@@ -1,4 +1,4 @@
-import { defineComponent as te, ref as V, shallowRef as le, computed as r, onMounted as ne, watch as ae, unref as n, createElementBlock as I, createBlock as k, openBlock as p, toDisplayString as C, mergeProps as re, h as se, createSlots as ue, withCtx as c, createVNode as w, normalizeClass as f, createCommentVNode as _, createElementVNode as x, withModifiers as ie, renderList as ce, renderSlot as de, normalizeProps as pe, guardReactiveProps as fe, resolveDynamicComponent as me } from "vue";
+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";
@@ -114,38 +114,38 @@ const Ne = { key: 0 }, Ae = ["onClick"], Ke = /* @__PURE__ */ te({
       if (!D(e.request))
         return;
       s += 1;
-      const l = s;
-      v([]), a.value = !0, e.request(o).then((t) => {
-        s === l && (v(t), a.value = !1);
+      const a = s;
+      v([]), n.value = !0, e.request(o).then((t) => {
+        s === a && (v(t), n.value = !1);
       });
-    }, e.searchDelay), $ = (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 } = ke(e), S = le(), a = V(e?.loading || !1), K = L, j = r(() => {
+      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 (!D(e.request))
         return;
-      a.value = !0, s += 1;
-      const l = s;
+      n.value = !0, s += 1;
+      const a = s;
       try {
         o && v([]);
         const t = await e.request(void 0, e.params);
-        if (l !== s)
+        if (a !== s)
           return;
         v(t);
       } finally {
-        a.value = !1;
+        n.value = !1;
       }
     }
     function E(o) {
-      e.onFocus?.(o), e.refetchOnFocus && s > 0 && !a.value && h(!0);
+      e.onFocus?.(o), e.refetchOnFocus && s > 0 && !n.value && h(!0);
     }
-    ne(() => {
+    ae(() => {
       e.lazy || h();
-    }), ae(
+    }), ne(
       () => e.params,
       () => {
         h();
@@ -155,22 +155,22 @@ const Ne = { key: 0 }, Ae = ["onClick"], Ke = /* @__PURE__ */ te({
       }
     );
     const { value: i, updateValue: y } = Fe(e, K), H = be("Select", e), W = r(() => {
-      const o = n(i);
+      const o = l(i);
       if (!o)
         return e.emptyText;
-      const l = e.fieldNames?.label || "label", t = e.fieldNames?.value || "value";
+      const a = e.fieldNames?.label || "label", t = e.fieldNames?.value || "value";
       return ge(o) ? o.map(
-        (d) => n(m).find((oe) => oe[t] === d)?.[l]
-      ).filter(Boolean).join("、") || e.emptyText : n(m).find(
+        (d) => l(m).find((oe) => oe[t] === d)?.[a]
+      ).filter(Boolean).join("、") || e.emptyText : l(m).find(
         (d) => d[t] === o
-      )?.[l] || e.emptyText;
+      )?.[a] || e.emptyText;
     }), G = r(() => {
-      const o = !!e?.showSearch, l = e.searchMode;
+      const o = !!e?.showSearch, a = e.searchMode;
       let t = {};
-      return o && (t = l === "request" ? {
+      return o && (t = a === "request" ? {
         defaultActiveFirstOption: !1,
         onSearch: U,
-        notFoundContent: a.value ? void 0 : null,
+        notFoundContent: n.value ? void 0 : null,
         filterOption: !1,
         suffixIcon: null
       } : {
@@ -186,7 +186,7 @@ const Ne = { key: 0 }, Ae = ["onClick"], Ke = /* @__PURE__ */ te({
           "onFocus",
           "onBeforeSelect"
         ]),
-        placeholder: n(H),
+        placeholder: l(H),
         ...t
       };
     }), g = r(
@@ -195,115 +195,120 @@ const Ne = { key: 0 }, Ae = ["onClick"], Ke = /* @__PURE__ */ te({
       () => e.multiple && e.allowOnlySelect && (!T(e.maxCount) || e.maxCount >= 1)
     );
     function Q() {
-      S.value?.focus();
+      b.value?.focus();
     }
     function X() {
-      S.value?.blur();
+      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 Y(o) {
-      const l = b(o, "value");
-      y(e.multiple ? [l] : l);
+      const a = B(o, "value");
+      y(e.multiple ? [a] : a);
     }
     const A = r(() => {
-      const o = n(i) || [], l = g.value;
-      return l.length > 0 && l.every((t) => o.includes(t));
-    }), Z = r(() => (n(i) || []).length > 0 && !A.value);
+      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 R({
       focus: Q,
       blur: X,
       request: h
-    }), (o, l) => o.mode === "read" ? (p(), I("span", Ne, C(W.value), 1)) : (p(), k(n(ve), re({
+    }), (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": ""
     }, G.value, {
       mode: j.value,
-      value: n(i),
-      options: n(m),
-      loading: a.value,
+      value: l(i),
+      options: l(m),
+      loading: n.value,
       "menu-item-selected-icon": se("span"),
-      "popup-class-name": `${n(u)("popup")} ${n(z)}`,
+      "popup-class-name": `${l(u)("popup")} ${l(z)}`,
       open: O.value,
-      "onUpdate:value": n(y),
+      virtual: !1,
+      "onUpdate:value": l(y),
       onFocus: E,
-      onDropdownVisibleChange: l[0] || (l[0] = (t) => O.value = t)
+      onDropdownVisibleChange: a[0] || (a[0] = (t) => O.value = t)
     }), ue({
       option: c((t) => [
-        w(n(M), {
+        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: c(() => [
-            w(n(M), {
+            w(l(M), {
               gap: 8,
               align: "center"
             }, {
               default: c(() => [
-                N.value ? (p(), k(n(P), {
+                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),
-                x("span", {
-                  class: f(n(u)("popup-option-label"))
-                }, C(b(t, "label")), 3)
+                S("span", {
+                  class: p(l(u)("popup-option-label"))
+                }, C(B(t, "label")), 3)
               ]),
               _: 2
             }, 1024),
-            J.value ? (p(), I("span", {
+            J.value ? (f(), I("span", {
               key: 0,
-              class: f(n(u)("popup-option-action")),
+              class: p(l(u)("popup-option-action")),
               onClick: ie(() => Y(t), ["stop"])
-            }, C(n(F)("ap.field.chooseOnly")), 11, Ae)) : _("", !0)
+            }, C(l(F)("ap.field.chooseOnly")), 11, Ae)) : _("", !0)
           ]),
           _: 2
         }, 1032, ["class"])
       ]),
       _: 2
     }, [
-      ce(o.$slots, (t, B) => ({
-        name: B,
+      ce(o.$slots, (t, k) => ({
+        name: k,
         fn: c((d) => [
-          de(o.$slots, B, pe(fe(d || {})))
+          pe(o.$slots, k, de(fe(d || {})))
         ])
       })),
-      a.value ? {
+      n.value ? {
         name: "notFoundContent",
         fn: c(() => [
-          w(n(he), { size: "small" })
+          w(l(he), { size: "small" })
         ]),
         key: "0"
       } : void 0,
       N.value ? {
         name: "dropdownRender",
         fn: c(({ menuNode: t }) => [
-          x("div", {
-            tabindex: -1,
-            class: f(n(u)("popup-all-option")),
-            onClick: ee
+          S("div", {
+            class: p(l(u)("popup-all-option-wrapper"))
           }, [
-            w(n(P), {
-              checked: A.value,
-              indeterminate: Z.value
-            }, null, 8, ["checked", "indeterminate"]),
-            x("span", {
-              class: f(n(u)("popup-all-option-label"))
-            }, C(n(F)("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(me(t)))
+          (f(), x(me(t)))
         ]),
         key: "1"
       } : void 0

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

@@ -1,9 +1,14 @@
-import { singleRow as a } from "../../style/index.mjs";
+import { singleRow as l } from "../../style/index.mjs";
 const n = (i) => {
-  const { componentCls: o } = i, p = `${o}-select-popup`;
+  const { componentCls: a } = i, p = `${a}-select-popup`;
   return {
     [`${p}`]: {
-      padding: i.space,
+      // padding: token.space,
+      padding: 0,
+      [`${p}-all-option-wrapper`]: {
+        padding: i.space,
+        paddingBlockEnd: i.spaceXS
+      },
       [`${p}-all-option`]: {
         width: "100%",
         display: "inline-flex",
@@ -18,7 +23,7 @@ const n = (i) => {
         height: "22px"
       },
       [`${p}-option-label`]: {
-        ...a(i),
+        ...l(i),
         color: "inherit"
       },
       [`${p}-option-action`]: {
@@ -37,13 +42,14 @@ const n = (i) => {
         paddingBlock: i.spaceXS,
         fontWeight: "normal !important",
         marginBottom: i.spaceXS,
+        marginInline: i.space,
         "&:hover": {
           [`${p}-option-action`]: {
             display: "inline"
           }
         },
         "&:last-child": {
-          marginBottom: 0
+          marginBottom: i.space
         }
       }
     }

package/es/src/version.d.ts

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

package/es/src/version.mjs

@@ -1,4 +1,4 @@
-const e = "7.13.5";
+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("../../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:s}=W.useNamespace("field-select"),F=K.default("field"),w=e.ref(!1),{t:S}=G.useLocale(),V=r.debounce(o=>{if(!r.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(!r.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 r.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:V,notFoundContent:a.value?void 0:null,filterOption:!1,suffixIcon:null}:{filterOption:r.isNil(t?.filterOption)?q:t?.filterOption}),{...r.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:r.isNumber(t.addAll)?h.value.length>=t.addAll:!!t.addAll),T=e.computed(()=>t.multiple&&t.allowOnlySelect&&(!B.isDef(t.maxCount)||t.maxCount>=1));function z(){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:z,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(s)("popup")} ${e.unref(F)}`,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.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(s)("popup-option-label"))},e.toDisplayString(C(l,"label")),3)]),_:2},1024),T.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(s)("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",{tabindex:-1,class:e.normalizeClass(e.unref(s)("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(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=Y;
+"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:e}=i,o=`${e}-select-popup`;return{[`${o}`]:{padding:i.space,[`${o}-all-option`]:{width:"100%",display:"inline-flex",cursor:"pointer",paddingInline:i.space,paddingBlock:i.spaceSM,[`${o}-all-option-label`]:{paddingInline:i.space}},[`${o}-option-wrapper`]:{height:"22px"},[`${o}-option-label`]:{...l.singleRow(i),color:"inherit"},[`${o}-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":{[`${o}-option-action`]:{display:"inline"}},"&:last-child":{marginBottom:0}}}}};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.5";
+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.5";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.5",
+  "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.4",
+    "@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.4",
+    "@aplus-frontend/antdv": "^2.0.5",
     "@aplus-frontend/icon": "^2.0.6",
     "@aplus-frontend/oss": "^2.0.1",
     "@emotion/serialize": "^1.3.3",