@aplus-frontend/ui 7.14.5 → 7.15.0

package/es/src/ap-field/date-range/index.vue.mjs

@@ -1,18 +1,18 @@
-import { defineComponent as L, useSlots as Y, computed as s, unref as t, isVNode as Z, createVNode as D, Fragment as m, createElementBlock as g, createBlock as k, openBlock as u, createTextVNode as S, toDisplayString as C, resolveDynamicComponent as q, normalizeStyle as J, withCtx as B, createCommentVNode as Q, isRef as X, renderList as w, mergeProps as ee, createSlots as oe, renderSlot as te, normalizeProps as ne, guardReactiveProps as ae } from "vue";
-import { SwapRightOutlined as re } from "@ant-design/icons-vue";
-import { InputGroup as le, Select as ue, SelectOption as de, DatePicker as ie } from "@aplus-frontend/antdv";
+import { defineComponent as Z, useSlots as q, ref as J, computed as s, unref as t, isVNode as Q, createVNode as D, Fragment as m, createElementBlock as g, createBlock as k, openBlock as u, createTextVNode as S, toDisplayString as C, resolveDynamicComponent as X, normalizeStyle as ee, withCtx as P, createCommentVNode as oe, isRef as te, renderList as w, mergeProps as ne, createSlots as ae, renderSlot as re, normalizeProps as le, guardReactiveProps as ue } from "vue";
+import { SwapRightOutlined as de } from "@ant-design/icons-vue";
+import { InputGroup as ie, Select as se, SelectOption as fe, DatePicker as pe } from "@aplus-frontend/antdv";
 import { getTimeFormatToZone as T } from "@aplus-frontend/utils";
 import d from "dayjs";
-import { isNil as b, omit as M, isString as c, isFunction as se } from "lodash-unified";
+import { isNil as M, omit as R, isString as c, isFunction as me } from "lodash-unified";
 import "../../hooks/index.mjs";
-import { omitUndefined as pe } from "../../utils/index.mjs";
-import { ApFieldDatePresetFormats as fe, PRESET_FORMAT_MAP as A, PRESET_FORMAT_PICK_MAP as me, PRESET_FORMAT_TIME_MAP as ce } from "../date/constant.mjs";
-import { formatDayWithTimezone as ye } from "../date/helper.mjs";
-import { useDateTimezone as ve } from "../hooks/use-date-timezone.mjs";
-import { useDefaultPlaceholder as he } from "../hooks/use-default-placeholder.mjs";
-import { useDefaultPresets as ge } from "../hooks/use-default-presets.mjs";
-import { useControllableValue as ke } from "../../hooks/useControllableValue.mjs";
-const ze = /* @__PURE__ */ L({
+import { omitUndefined as ce } from "../../utils/index.mjs";
+import { ApFieldDatePresetFormats as ye, PRESET_FORMAT_MAP as A, PRESET_FORMAT_PICK_MAP as ve, PRESET_FORMAT_TIME_MAP as he } from "../date/constant.mjs";
+import { formatDayWithTimezone as ge } from "../date/helper.mjs";
+import { useDateTimezone as ke } from "../hooks/use-date-timezone.mjs";
+import { useDefaultPlaceholder as Se } from "../hooks/use-default-placeholder.mjs";
+import { useDefaultPresets as Ce } from "../hooks/use-default-presets.mjs";
+import { useControllableValue as Pe } from "../../hooks/useControllableValue.mjs";
+const Ee = /* @__PURE__ */ Z({
   name: "ApFieldDateRange",
   __name: "index",
   props: {
@@ -161,112 +161,119 @@ const ze = /* @__PURE__ */ L({
     }
   },
   emits: ["update:value"],
-  setup(R, {
-    emit: F
+  setup(F, {
+    expose: _,
+    emit: x
   }) {
-    const o = R, _ = F, z = Y(), i = s(() => fe.indexOf(o.format) > -1), y = s(() => i.value ? A[o.format] : o.format), {
+    const o = F, z = x, N = q(), B = J(), i = s(() => ye.indexOf(o.format) > -1), y = s(() => i.value ? A[o.format] : o.format), {
       value: v,
-      updateValue: P
-    } = ke(o, _), N = s(() => o.shownFormat ? o.shownFormat : i.value ? A[o.format] : o.format), x = he("DateRange", o), {
+      updateValue: b
+    } = Pe(o, z), E = s(() => o.shownFormat ? o.shownFormat : i.value ? A[o.format] : o.format), V = Se("DateRange", o), {
       currentTimezone: l
-    } = ve(o), {
-      presets: E,
-      changeCurrentDate: V
-    } = ge({
+    } = ke(o), {
+      presets: j,
+      changeCurrentDate: I
+    } = Ce({
       ...o,
       timezone: l
-    }), p = (e, a, n = !0) => ye(l.value)(e, a, n), h = s(() => {
+    }), f = (e, a, n = !0) => ge(l.value)(e, a, n), h = s(() => {
       const e = t(v);
-      if (b(e) || !e?.length)
+      if (M(e) || !e?.length)
         return e;
       const a = l.value ? T(t(v)[0], l.value) : t(v)?.[0], n = o.timezone ? T(t(v)[1], l.value) : t(v)?.[1];
       return [d(a), d(n)];
-    }), j = s(() => t(i) ? o.picker ?? me[o.format] : o.picker), I = s(() => {
-      const e = t(i) ? ce[o.format] : {};
+    }), U = s(() => t(i) ? o.picker ?? ve[o.format] : o.picker), H = s(() => {
+      const e = t(i) ? he[o.format] : {};
       return {
-        ...pe(M(o, ["value", "onUpdate:value", "onChange", "onOk", "format", "mode", "presets"])),
-        placeholder: t(x),
-        presets: t(E),
+        ...ce(R(o, ["value", "onUpdate:value", "onChange", "onOk", "format", "mode", "presets"])),
+        placeholder: t(V),
+        presets: t(j),
         ...e
       };
     });
-    function U(e) {
+    function K(e) {
       if (!e) {
-        P(e);
+        b(e);
         return;
       }
       let a = c(e[0]) ? d(e[0]) : e[0], n = c(e[1]) ? d(e[1]) : e[1];
       const r = t(i) ? t(y) : void 0;
-      P([p(a, r), p(n, r, !1)]);
+      b([f(a, r), f(n, r, !1)]);
     }
-    function H(e) {
-      const a = c(e[0]) ? d(e[0]) : e[0], n = c(e[1]) ? d(e[1]) : e[1], r = t(i) ? t(y) : void 0, f = e[0] ? p(a, r) : null, O = e[1] ? p(n, r, !1) : null;
-      o.onOk?.([f, O]);
+    function W(e) {
+      const a = c(e[0]) ? d(e[0]) : e[0], n = c(e[1]) ? d(e[1]) : e[1], r = t(i) ? t(y) : void 0, p = e[0] ? f(a, r) : null, O = e[1] ? f(n, r, !1) : null;
+      o.onOk?.([p, O]);
     }
-    function K(e) {
-      e && V(), o.onOpenChange?.(e);
+    function $(e) {
+      e && I(), o.onOpenChange?.(e);
     }
-    function W(e, a) {
-      if (b(e)) {
+    function G(e, a) {
+      if (M(e)) {
         o.onChange?.(e, a);
         return;
       }
-      const n = c(e[0]) ? d(e[0]) : e[0], r = c(e[1]) ? d(e[1]) : e[1], f = t(i) ? t(y) : void 0, O = e[0] ? p(n, f) : null, G = e[1] ? p(r, f, !1) : null;
-      o.onChange?.([O, G], a);
+      const n = c(e[0]) ? d(e[0]) : e[0], r = c(e[1]) ? d(e[1]) : e[1], p = t(i) ? t(y) : void 0, O = e[0] ? f(n, p) : null, Y = e[1] ? f(r, p, !1) : null;
+      o.onChange?.([O, Y], a);
     }
-    const $ = s(() => {
+    const L = s(() => {
       const e = o.readModeSeparator;
       if (e)
-        return Z(e) || se(e) ? o.readModeSeparator : D(m, null, [o.readModeSeparator]);
-      const a = z.readModeSeparator?.();
-      return a ? D(m, null, [a]) : re;
+        return Q(e) || me(e) ? o.readModeSeparator : D(m, null, [o.readModeSeparator]);
+      const a = N.readModeSeparator?.();
+      return a ? D(m, null, [a]) : de;
     });
-    return (e, a) => e.mode === "read" ? (u(), g(m, {
+    return _({
+      focus: B.value?.focus(),
+      blur: B.value?.blur()
+    }), (e, a) => e.mode === "read" ? (u(), g(m, {
       key: 0
     }, [h.value ? (u(), g(m, {
       key: 0
-    }, [S(C(h.value[0]?.format(y.value)) + " ", 1), (u(), k(q($.value))), S(" " + C(h.value[1]?.format(y.value)), 1)], 64)) : (u(), g(m, {
+    }, [S(C(h.value[0]?.format(y.value)) + " ", 1), (u(), k(X(L.value))), S(" " + C(h.value[1]?.format(y.value)), 1)], 64)) : (u(), g(m, {
       key: 1
-    }, [S(C(e.emptyText), 1)], 64))], 64)) : (u(), k(t(le), {
+    }, [S(C(e.emptyText), 1)], 64))], 64)) : (u(), k(t(ie), {
       key: 1,
       compact: "",
-      style: J({
+      style: ee({
         display: Array.isArray(o.timezone) && o.timezone.length ? "flex" : "block"
       })
     }, {
-      default: B(() => [Array.isArray(o.timezone) && o.timezone.length ? (u(), k(t(ue), {
+      default: P(() => [Array.isArray(o.timezone) && o.timezone.length ? (u(), k(t(se), {
         key: 0,
         value: t(l),
-        "onUpdate:value": a[0] || (a[0] = (n) => X(l) ? l.value = n : null),
+        "onUpdate:value": a[0] || (a[0] = (n) => te(l) ? l.value = n : null),
         "default-active-first-option": "",
         "dropdown-match-select-width": !1
       }, {
-        default: B(() => [(u(!0), g(m, null, w(o.timezone, (n) => (u(), k(t(de), {
+        default: P(() => [(u(!0), g(m, null, w(o.timezone, (n) => (u(), k(t(fe), {
           key: n?.value,
           value: n?.value
         }, {
-          default: B(() => [S(C(n?.label ?? n?.value), 1)]),
+          default: P(() => [S(C(n?.label ?? n?.value), 1)]),
           _: 2
         }, 1032, ["value"]))), 128))]),
         _: 1
-      }, 8, ["value"])) : Q("", !0), D(t(ie).RangePicker, ee(I.value, {
+      }, 8, ["value"])) : oe("", !0), D(t(pe).RangePicker, ne({
+        ref_key: "rangePickerRef",
+        ref: B
+      }, H.value, {
         value: h.value,
-        picker: j.value,
-        format: N.value,
-        "onUpdate:value": U,
-        onChange: W,
-        onOk: H,
-        onOpenChange: K
-      }), oe({
+        picker: U.value,
+        format: E.value,
+        "onUpdate:value": K,
+        onChange: G,
+        onOk: W,
+        onOpenChange: $
+      }), ae({
         _: 2
-      }, [w(t(M)(e.$slots, "readModeSeparator"), (n, r) => ({
+      }, [w(t(R)(e.$slots, "readModeSeparator"), (n, r) => ({
         name: r,
-        fn: B((f) => [te(e.$slots, r, ne(ae(f || {})))])
+        fn: P((p) => [re(e.$slots, r, le(ue(p || {})))])
       }))]), 1040, ["value", "picker", "format"])]),
       _: 3
     }, 8, ["style"]));
   }
 });
 export {
-  ze as default
+  Ee as default
 };

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

@@ -10,6 +10,11 @@ import { LiteralUnion, Recordable } from '../type';
 import { ApFormatPresetType } from './date/interface';
 import { InputPasswordProps } from './text/input-password-props';
 export type FieldMode = 'read' | 'edit';
+type CommonApFieldExpose = {
+    focus: () => void;
+    blur: () => void;
+    request: () => void;
+};
 export type BasicApFieldProps<FieldPropsType = any> = {
     mode?: FieldMode;
     class?: unknown;
@@ -27,10 +32,7 @@ export type ApFieldTextProps = BasicApFieldProps<InputProps> & {
 export type ApFieldTextPasswordProps = BasicApFieldProps<InputPasswordProps> & {
     emptyText?: string;
 };
-export type ApFieldTextPasswordExpose = {
-    focus: () => void;
-    blur: () => void;
-};
+export type ApFieldTextPasswordExpose = Omit<CommonApFieldExpose, 'request'>;
 export type ApFieldTextExpose = {
     focus: (options?: InputFocusOptions) => void;
     blur: () => void;
@@ -43,9 +45,7 @@ export type ApFieldCheckboxProps = BasicApFieldProps<CheckboxGroupProps> & {
     request?: () => Promise<CheckboxGroupProps['options']>;
     vertical?: boolean;
 };
-export type ApFieldCheckboxExpose = {
-    request: () => Promise<void>;
-};
+export type ApFieldCheckboxExpose = Pick<CommonApFieldExpose, 'request'>;
 export type ApFieldDateProps = BasicApFieldProps<Omit<DatePickerProps, 'mode' | 'value' | 'defaultValue' | 'onChange' | 'onOk' | 'format' | 'onUpdate:value'>> & {
     emptyText?: string;
     value?: number | null;
@@ -72,6 +72,7 @@ export type ApFieldDateProps = BasicApFieldProps<Omit<DatePickerProps, 'mode' |
     }[];
     disabledTime?: SharedTimeProps<Dayjs>['disabledTime'];
 };
+export type ApFieldDateExpose = Omit<CommonApFieldExpose, 'request'>;
 export type ApFieldNumberProps = BasicApFieldProps<Omit<InputNumberProps, 'mode'>> & {
     /**
      * 输入框的显示模式（输入框/数字轮播）
@@ -87,24 +88,20 @@ export type ApFieldNumberProps = BasicApFieldProps<Omit<InputNumberProps, 'mode'
      */
     limitDecimalsRetain?: boolean;
 };
-export type ApiFieldNumberExpose = {
-    focus: () => void;
-    blur: () => void;
-};
+export type ApiFieldNumberExpose = Omit<CommonApFieldExpose, 'request'>;
 export type ApFieldRadioProps = BasicApFieldProps<RadioGroupProps> & {
     emptyText?: string;
     request?: () => Promise<RadioGroupProps['options']>;
     vertical?: boolean;
 };
-export type ApiFieldRadioExpose = {
-    request: () => Promise<void>;
-};
+export type ApFieldRadioExpose = Pick<CommonApFieldExpose, 'request'>;
 export type ApFieldSwitchConfirmConfig = Pick<PopconfirmProps, 'title' | 'okText' | 'cancelText' | 'description' | 'showCancel' | 'icon' | 'okType' | 'onCancel' | 'okButtonProps' | 'cancelButtonProps'>;
 export type ApFieldSwitchProps = BasicApFieldProps<Omit<SwitchProps, 'onClick'>> & {
     emptyText?: string;
     onAction?: (checked: string | boolean | number, e?: Event) => boolean | Promise<boolean>;
     confirm?: ApFieldSwitchConfirmConfig | ((checked: string | number | boolean) => ApFieldSwitchConfirmConfig);
 };
+export type ApFieldSwitchExpose = Omit<CommonApFieldExpose, 'request'>;
 export type ApFieldTextAreaProps = BasicApFieldProps<Omit<TextAreaProps, 'autosize'>> & {
     emptyText?: string;
     /**
@@ -120,9 +117,8 @@ export type ApFieldTextAreaProps = BasicApFieldProps<Omit<TextAreaProps, 'autosi
         language?: 'text' | 'json';
     };
 };
-export type ApFieldTextAreaExpose = {
+export type ApFieldTextAreaExpose = Pick<CommonApFieldExpose, 'blur'> & {
     focus: (options?: InputFocusOptions) => void;
-    blur: () => void;
     resizableTextArea: any;
 };
 export type ApFieldDateRangeProps = BasicApFieldProps<Omit<RangePickerProps, 'value' | 'onChange' | 'onPanelChange' | 'defaultValue' | 'onOk' | 'renderExtraFooter' | 'onUpdate:value' | 'mode' | 'format' | 'presets'>> & {
@@ -195,6 +191,7 @@ export type ApFieldDateRangeProps = BasicApFieldProps<Omit<RangePickerProps, 'va
         lastYear?: boolean;
     };
 };
+export type ApFieldDateRangeExpose = Omit<CommonApFieldExpose, 'request'>;
 export type ApFieldSelectProps = BasicApFieldProps<Omit<SelectProps, 'mode' | 'value' | 'onUpdate:value' | 'onSearch'>> & {
     emptyText?: string;
     request?: (value?: string, extraParams?: Recordable) => Promise<SelectProps['options']>;
@@ -207,12 +204,18 @@ export type ApFieldSelectProps = BasicApFieldProps<Omit<SelectProps, 'mode' | 'v
     searchMode?: 'filter' | 'request';
     /**
      * 是否在Select框聚焦时再次触发选项请求
+     * @deprecated 有歧义，请使用fetchOnFocus
      */
     refetchOnFocus?: boolean;
     /**
-     * 是否延迟请求选项列表
+     * 是否在聚焦时触发网络请求
+     * @since 7.15.0
      */
-    lazy?: boolean;
+    fetchOnFocus?: boolean;
+    /**
+     * 是否延迟请求选项列表 true: 不请求选项; 'first-focus': 首次聚焦时触发网络请求
+     */
+    lazy?: boolean | 'first-focus';
     /**
      * 添加一个名为全部的节点（只在多选的情况下有效）
      */
@@ -253,9 +256,7 @@ export type ApFieldTreeSelectProps = BasicApFieldProps<Omit<TreeSelectProps, 'lo
      */
     loadData?: boolean;
 };
-export type ApFieldSelectExpose = {
-    focus: () => void;
-    blur: () => void;
+export type ApFieldSelectExpose = Omit<CommonApFieldExpose, 'request'> & {
     request: (clear?: boolean) => Promise<void>;
 };
 export type ApFieldTreeSelectExpose = Omit<ApFieldSelectExpose, 'request'> & {
@@ -271,10 +272,7 @@ export type ApFieldSliderProps = BasicApFieldProps<Partial<SliderProps>> & {
     emptyText?: string;
     defaultValue?: number | [number, number];
 };
-export type ApFieldSliderExpose = {
-    focus: () => void;
-    blur: () => void;
-};
+export type ApFieldSliderExpose = Omit<CommonApFieldExpose, 'request'>;
 export type ApFieldSegmentedProps = BasicApFieldProps<SegmentedProps> & {
     emptyText?: string;
     defaultValue?: string | number;
@@ -283,12 +281,10 @@ export type ApFieldSegmentedProps = BasicApFieldProps<SegmentedProps> & {
 export type ApFieldRateProps = BasicApFieldProps<RateProps> & {
     defaultValue?: number;
 };
-export type ApFieldRateExpose = {
-    focus: () => void;
-    blur: () => void;
-};
+export type ApFieldRateExpose = Omit<CommonApFieldExpose, 'request'>;
 export type ApFieldSecondProps = BasicApFieldProps<Omit<InputNumberProps, 'mode'>> & {
     placeholder?: string;
     emptyText?: string;
 };
 export type ApFieldSecondExpose = ApiFieldNumberExpose;
+export {};

package/es/src/ap-field/number/index.vue.d.ts

@@ -382,8 +382,8 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: DefineComponent<ApFieldNumberProps, {
-    focus: () => void;
     blur: () => void;
+    focus: () => void;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:value": (...args: any[]) => void;
 }, string, PublicProps, Readonly<ApFieldNumberProps> & Readonly<{

package/es/src/ap-field/radio/index.vue.d.ts

@@ -7,7 +7,7 @@ import { RadioGroupButtonStyle, RadioGroupOptionType } from '@aplus-frontend/ant
 import { RadioChangeEvent } from '@aplus-frontend/antdv';
 import { VueNode } from '@aplus-frontend/antdv/es/_util/type';
 declare const _default: DefineComponent<ApFieldRadioProps, {
-    request: () => Promise<void>;
+    request: () => void;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:value": (...args: any[]) => void;
 }, string, PublicProps, Readonly<ApFieldRadioProps> & Readonly<{

package/es/src/ap-field/rate/index.vue.d.ts

@@ -270,8 +270,8 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: DefineComponent<ApFieldRateProps, {
-    focus: () => void;
     blur: () => void;
+    focus: () => void;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:value": (...args: any[]) => void;
 }, string, PublicProps, Readonly<ApFieldRateProps> & Readonly<{

package/es/src/ap-field/second/index.vue.d.ts

@@ -17,8 +17,8 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: DefineComponent<ApFieldSecondProps, {
-    focus: () => void;
     blur: () => void;
+    focus: () => void;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:value": (...args: any[]) => void;
 }, string, PublicProps, Readonly<ApFieldSecondProps> & Readonly<{

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

@@ -454,8 +454,8 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
-    focus: () => void;
     blur: () => void;
+    focus: () => void;
     request: (clear?: boolean) => Promise<void>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:value": (...args: any[]) => void;
@@ -468,7 +468,7 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
     disabled: boolean;
     virtual: boolean;
     autofocus: boolean;
-    lazy: boolean;
+    lazy: boolean | "first-focus";
     loading: boolean;
     bordered: boolean;
     allowClear: boolean;
@@ -481,6 +481,7 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
     emptyText: string;
     searchMode: "filter" | "request";
     refetchOnFocus: boolean;
+    fetchOnFocus: boolean;
     addAll: boolean | number;
     searchDelay: number;
     allowOnlySelect: boolean;