@aplus-frontend/ui 7.17.1 → 7.17.2

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

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

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

@@ -91,6 +91,7 @@ const f = { key: 0 }, C = /* @__PURE__ */ i({
     searchMode: {},
     refetchOnFocus: { type: Boolean },
     fetchOnFocus: { type: Boolean },
+    fetchOnOpen: { type: Boolean },
     lazy: { type: [Boolean, String] },
     addAll: { type: [Boolean, Number] },
     params: {},

package/es/src/ap-form/interface.d.ts

@@ -171,8 +171,22 @@ export type ApFormListProps = {
     transform?: ApFormItemTransformType;
 };
 export type ApFormSearchFormProps = ApFormProps & {
+    /**
+     * 是否展开
+     * @deprecated 已废弃
+     */
     collapse?: boolean;
+    /**
+     * 默认情况下是否展开
+     * @deprecated 已废弃
+     */
     defaultCollapse?: boolean;
+    /**
+     * 展开关闭时的回调
+     * @deprecated 已废弃
+     * @param collapse
+     * @returns
+     */
     'onUpdate:collapse'?: (collapse?: boolean) => void;
     searchText?: string;
     resetText?: string;
@@ -180,6 +194,10 @@ export type ApFormSearchFormProps = ApFormProps & {
     onReset?: () => void;
     customReset?: boolean;
     extraInAction?: boolean;
+    /**
+     * 是否是强制展开的（即无法关闭）
+     * @deprecated 已废弃
+     */
     forceExpand?: boolean;
     countPerRow?: number;
     submitLoading?: boolean;

package/es/src/ap-form/items/select/index.vue.d.ts

@@ -135,7 +135,8 @@ declare function __VLS_template(): {
                 readonly searchMode?: "filter" | "request" | undefined;
                 readonly refetchOnFocus?: boolean | undefined;
                 readonly fetchOnFocus?: boolean | undefined;
-                readonly lazy?: boolean | "first-focus" | undefined;
+                readonly fetchOnOpen?: boolean | undefined;
+                readonly lazy?: boolean | "first-focus" | "first-open" | undefined;
                 readonly addAll?: boolean | number | undefined;
                 readonly params?: Recordable | undefined;
                 readonly searchDelay?: number | undefined;
@@ -595,7 +596,7 @@ declare function __VLS_template(): {
                 disabled: boolean;
                 virtual: boolean;
                 autofocus: boolean;
-                lazy: boolean | "first-focus";
+                lazy: boolean | "first-focus" | "first-open";
                 loading: boolean;
                 bordered: boolean;
                 allowClear: boolean;
@@ -639,7 +640,7 @@ declare function __VLS_template(): {
             disabled: boolean;
             virtual: boolean;
             autofocus: boolean;
-            lazy: boolean | "first-focus";
+            lazy: boolean | "first-focus" | "first-open";
             loading: boolean;
             bordered: boolean;
             allowClear: boolean;
@@ -799,7 +800,8 @@ declare const __VLS_component: DefineComponent<ApFormItemSelectProps, {
             readonly searchMode?: "filter" | "request" | undefined;
             readonly refetchOnFocus?: boolean | undefined;
             readonly fetchOnFocus?: boolean | undefined;
-            readonly lazy?: boolean | "first-focus" | undefined;
+            readonly fetchOnOpen?: boolean | undefined;
+            readonly lazy?: boolean | "first-focus" | "first-open" | undefined;
             readonly addAll?: boolean | number | undefined;
             readonly params?: Recordable | undefined;
             readonly searchDelay?: number | undefined;
@@ -1259,7 +1261,7 @@ declare const __VLS_component: DefineComponent<ApFormItemSelectProps, {
             disabled: boolean;
             virtual: boolean;
             autofocus: boolean;
-            lazy: boolean | "first-focus";
+            lazy: boolean | "first-focus" | "first-open";
             loading: boolean;
             bordered: boolean;
             allowClear: boolean;
@@ -1303,7 +1305,7 @@ declare const __VLS_component: DefineComponent<ApFormItemSelectProps, {
         disabled: boolean;
         virtual: boolean;
         autofocus: boolean;
-        lazy: boolean | "first-focus";
+        lazy: boolean | "first-focus" | "first-open";
         loading: boolean;
         bordered: boolean;
         allowClear: boolean;

package/es/src/ap-form/items/switch/index.vue.d.ts

@@ -243,8 +243,8 @@ declare const __VLS_component: DefineComponent<ApFormItemSwitchProps, {
     hasFeedback: boolean;
     autoLink: boolean;
     validateFirst: boolean;
-    field: Omit< ApFieldSwitchProps, "checked" | "onUpdate:checked">;
     valuePropName: string;
+    field: Omit< ApFieldSwitchProps, "checked" | "onUpdate:checked">;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
     switchRef: ({
         $: ComponentInternalInstance;

package/es/src/ap-table/constants.d.ts

@@ -2579,7 +2579,8 @@ export declare const apTableFormItemMap: {
                     readonly searchMode?: "filter" | "request" | undefined;
                     readonly refetchOnFocus?: boolean | undefined;
                     readonly fetchOnFocus?: boolean | undefined;
-                    readonly lazy?: boolean | "first-focus" | undefined;
+                    readonly fetchOnOpen?: boolean | undefined;
+                    readonly lazy?: boolean | "first-focus" | "first-open" | undefined;
                     readonly addAll?: boolean | number | undefined;
                     readonly params?: Recordable | undefined;
                     readonly searchDelay?: number | undefined;
@@ -3039,7 +3040,7 @@ export declare const apTableFormItemMap: {
                     disabled: boolean;
                     virtual: boolean;
                     autofocus: boolean;
-                    lazy: boolean | "first-focus";
+                    lazy: boolean | "first-focus" | "first-open";
                     loading: boolean;
                     bordered: boolean;
                     allowClear: boolean;
@@ -3083,7 +3084,7 @@ export declare const apTableFormItemMap: {
                 disabled: boolean;
                 virtual: boolean;
                 autofocus: boolean;
-                lazy: boolean | "first-focus";
+                lazy: boolean | "first-focus" | "first-open";
                 loading: boolean;
                 bordered: boolean;
                 allowClear: boolean;
@@ -3208,8 +3209,8 @@ export declare const apTableFormItemMap: {
             hasFeedback: boolean;
             autoLink: boolean;
             validateFirst: boolean;
-            field: Omit< ApFieldSwitchProps, "checked" | "onUpdate:checked">;
             valuePropName: string;
+            field: Omit< ApFieldSwitchProps, "checked" | "onUpdate:checked">;
         }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {
             switchRef: ({
                 $: ComponentInternalInstance;
@@ -3439,8 +3440,8 @@ export declare const apTableFormItemMap: {
             hasFeedback: boolean;
             autoLink: boolean;
             validateFirst: boolean;
-            field: Omit< ApFieldSwitchProps, "checked" | "onUpdate:checked">;
             valuePropName: string;
+            field: Omit< ApFieldSwitchProps, "checked" | "onUpdate:checked">;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -3455,8 +3456,8 @@ export declare const apTableFormItemMap: {
         hasFeedback: boolean;
         autoLink: boolean;
         validateFirst: boolean;
-        field: Omit< ApFieldSwitchProps, "checked" | "onUpdate:checked">;
         valuePropName: string;
+        field: Omit< ApFieldSwitchProps, "checked" | "onUpdate:checked">;
     }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
         $slots: Readonly<{
             checkedChildren: any;