@aplus-frontend/ui 7.13.8 → 7.13.9

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

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

package/es/src/ap-field/select/read.vue2.mjs

@@ -96,19 +96,19 @@ const f = { key: 0 }, C = /* @__PURE__ */ i({
     searchDelay: {},
     allowOnlySelect: { type: Boolean }
   },
-  setup(a) {
-    const e = a, r = s(() => {
+  setup(l) {
+    const e = l, r = s(() => {
       const o = e.value;
       if (!o)
         return e.emptyText;
-      const t = e.fieldNames?.label || "label", l = e.fieldNames?.value || "value";
+      const t = e.fieldNames?.label || "label", a = e.fieldNames?.value || "value";
       return y(o) ? o.map(
-        (n) => e.options?.find((p) => p[l] === n)?.[t]
+        (n) => e.options?.find((p) => p[a] === n)?.[t]
       ).filter(Boolean).join("、") || e.emptyText : e.options?.find(
-        (n) => n[l] === o
+        (n) => n[a] === o
       )?.[t] || e.emptyText;
     });
-    return (o, t) => a.mode === "read" ? (u(), d("span", f, m(r.value), 1)) : c("", !0);
+    return (o, t) => o.mode === "read" ? (u(), d("span", f, m(r.value), 1)) : c("", !0);
   }
 });
 export {

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

@@ -1,4 +1,4 @@
-import { defineComponent as B, useSlots as x, shallowRef as C, computed as b, unref as t, createElementBlock as g, createBlock as k, openBlock as s, Fragment as F, createTextVNode as S, toDisplayString as h, mergeProps as T, createSlots as V, renderList as P, withCtx as R, renderSlot as _, normalizeProps as N, guardReactiveProps as U } from "vue";
+import { defineComponent as B, useSlots as x, shallowRef as C, computed as b, unref as t, createElementBlock as g, createBlock as k, openBlock as n, Fragment as F, createTextVNode as S, toDisplayString as h, mergeProps as T, createSlots as V, renderList as _, withCtx as P, renderSlot as R, normalizeProps as N, guardReactiveProps as U } from "vue";
 import { Slider as A } from "@aplus-frontend/antdv";
 import { isNil as H, isArray as L, omit as $ } from "lodash-unified";
 import "../../hooks/index.mjs";
@@ -52,9 +52,9 @@ const G = /* @__PURE__ */ B({
     emptyText: { default: "--" }
   },
   emits: ["update:value"],
-  setup(l, { expose: u, emit: i }) {
-    const d = x(), o = C(), a = l, p = i, { value: r, updateValue: m } = w(a, p), c = b(() => {
-      const e = t(r);
+  setup(s, { expose: u, emit: i }) {
+    const p = x(), o = C(), a = s, d = i, { value: l, updateValue: m } = w(a, d), c = b(() => {
+      const e = t(l);
       return H(e) ? a.emptyText : L(e) ? `${e[0]}-${e[1]}` : e;
     });
     function f() {
@@ -66,9 +66,9 @@ const G = /* @__PURE__ */ B({
     return u({
       focus: f,
       blur: y
-    }), (e, j) => l.mode === "read" ? (s(), g(F, { key: 0 }, [
+    }), (e, j) => e.mode === "read" ? (n(), g(F, { key: 0 }, [
       S(h(c.value), 1)
-    ], 64)) : (s(), k(t(A), T(
+    ], 64)) : (n(), k(t(A), T(
       { key: 1 },
       t($)(a, [
         "value",
@@ -80,14 +80,14 @@ const G = /* @__PURE__ */ B({
       {
         ref_key: "sliderRef",
         ref: o,
-        value: t(r),
+        value: t(l),
         "onUpdate:value": t(m)
       }
     ), V({ _: 2 }, [
-      P(d, (q, n) => ({
-        name: n,
-        fn: R((v) => [
-          _(e.$slots, n, N(U(v || {})))
+      _(p, (q, r) => ({
+        name: r,
+        fn: P((v) => [
+          R(e.$slots, r, N(U(v || {})))
         ])
       }))
     ]), 1040, ["value", "onUpdate:value"]));

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

@@ -1,73 +1,90 @@
-import { singleRow as l } from "../../style/index.mjs";
-const o = (i) => {
-  const { componentCls: a } = i, p = `${a}-select-popup`;
+import { singleRow as n } from "../../style/index.mjs";
+const a = (o) => {
+  const { componentCls: t } = o, i = `${t}-select-popup`;
   return {
-    [`${p}`]: {
-      padding: 0,
-      [`${p}-all-option-wrapper`]: {
-        padding: i.space,
-        paddingBlockEnd: i.spaceXS,
-        marginBlockEnd: i.calc(i.space).mul(-1).equal()
-      },
-      [`${p}-all-option`]: {
+    [`${i}`]: {
+      padding: o.space,
+      [`${i}-all-option`]: {
         width: "100%",
         display: "inline-flex",
         cursor: "pointer",
-        paddingInline: i.space,
-        paddingBlock: i.spaceSM,
-        [`${p}-all-option-label`]: {
-          paddingInline: i.space
+        paddingInline: o.space,
+        paddingBlock: o.spaceSM,
+        [`${i}-all-option-label`]: {
+          paddingInline: o.space
         }
       },
-      [`${p}-option-wrapper`]: {
-        height: "22px"
+      [`${i}-option-outter`]: {
+        borderRadius: o.antdv.borderRadiusSM,
+        paddingInline: o.space
+      },
+      [`${i}-option-wrapper`]: {
+        height: "30px"
       },
-      [`${p}-option-content-wrapper`]: {
+      [`${i}-option-content-wrapper`]: {
         flex: 1,
         flexShrink: 1,
         minWidth: 0
       },
-      [`${p}-option-label`]: {
-        ...l(i),
+      [`${i}-option-label`]: {
+        ...n(o),
         color: "inherit"
       },
-      [`${p}-option-custom`]: {
+      [`${i}-option-custom`]: {
         flex: 1,
         flexShrink: 1,
         minWidth: 0
       },
-      [`${p}-option-action`]: {
+      [`${i}-option-action`]: {
         display: "none",
-        color: i.colorPrimary,
-        paddingInline: i.spaceSM,
-        paddingBlock: i.spaceXXS,
+        color: o.colorPrimary,
+        paddingInline: o.spaceSM,
+        paddingBlock: o.spaceXXS,
         "&:hover": {
-          background: i.colorPrimary,
+          background: o.colorPrimary,
           color: "#fff",
           borderRadius: "2px"
         }
       },
       "div.ant-select-item": {
-        paddingInline: i.space,
-        paddingBlock: i.spaceXS,
+        padding: 0,
+        paddingBlockEnd: o.spaceXS,
         fontWeight: "normal !important",
-        marginBottom: i.spaceXS,
-        marginInline: i.space,
+        "&.ant-select-item-option-active:not(.ant-select-item-option-disabled)": {
+          backgroundColor: "unset",
+          [`& ${i}-option-outter`]: {
+            backgroundColor: o.antdv.controlItemBgHover
+          }
+        },
+        "&.ant-select-item-option-selected:not(.ant-select-item-option-disabled)": {
+          backgroundColor: "unset",
+          [`& ${i}-option-outter`]: {
+            backgroundColor: o.antdv.controlItemBgActive
+          }
+        },
+        "&.ant-select-item-option-disabled.ant-select-item-option-selected": {
+          backgroundColor: "unset",
+          [`& ${i}-option-outter`]: {
+            backgroundColor: o.antdv.colorBgContainerDisabled
+          }
+        },
         "&:hover": {
-          [`${p}-option-action`]: {
+          [`${i}-option-action`]: {
             display: "inline"
           }
         },
         "&:last-child": {
-          marginBottom: i.space
-        },
-        "&:first-child": {
-          marginTop: i.space
+          paddingBlockEnd: 0
+        }
+      },
+      [`&:has(${i}-all-option)`]: {
+        "div.ant-select-item:first-child": {
+          paddingBlockStart: o.spaceXS
         }
       }
     }
   };
 };
 export {
-  o as genSelectStyle
+  a as genSelectStyle
 };