@aplus-frontend/ui 6.35.1 → 6.36.0

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

@@ -3,14 +3,15 @@ import { VNode, ComponentInternalInstance, ExtractPropTypes, PropType, HTMLAttri
 import { InternalNamePath, NamePath, ValidateOptions, FormLabelAlign, ValidateMessages, FieldData, ValidateErrorEntity } from '@aplus-frontend/antdv/es/form/interface';
 import { Recordable } from '../../type';
 import { ColSize } from '@aplus-frontend/antdv/es/grid';
-import { RuleObject } from '@aplus-frontend/antdv/es/form';
 import { RequiredMark } from '@aplus-frontend/antdv/es/form/Form';
+import { RuleObject } from '@aplus-frontend/antdv/es/form';
 import { Options } from '../../../node_modules/scroll-into-view-if-needed';
 import { VueTypeDef, VueTypeValidableDef } from '../../../node_modules/vue-types';
 import { SizeType, ButtonType, ButtonShape, ButtonSize } from '@aplus-frontend/antdv/es/button';
 import { VueNode } from '@aplus-frontend/antdv/es/_util/type';
 import { ApFormProps, UpdateModelOptimizeFn, ApFormInternalInstance, WatchFunc, ApFormSubmitterConfig } from '..';
 import { OnCleanup } from '@vue/reactivity';
+import { Breakpoint } from '@aplus-frontend/antdv/es/_util/responsiveObserve';
 import { LegacyButtonType, ButtonHTMLType, ButtonIconPosition, ButtonVariantType } from '@aplus-frontend/antdv/es/button/buttonTypes';
 import { MouseEventHandler } from '@aplus-frontend/antdv/es/_util/EventInterface';
 type ApModalFormSlots = {
@@ -31,7 +32,6 @@ declare function __VLS_template(): {
                 readonly onSubmit?: ((e: Event) => void) | undefined;
                 readonly layout?: string | undefined;
                 readonly disabled?: boolean | undefined;
-                readonly prefixCls?: string | undefined;
                 readonly labelCol?: (Partial< ExtractPropTypes<{
                     span: (StringConstructor | NumberConstructor)[];
                     order: (StringConstructor | NumberConstructor)[];
@@ -100,17 +100,18 @@ declare function __VLS_template(): {
                 }>> & HTMLAttributes) | undefined;
                 readonly colon?: boolean | undefined;
                 readonly labelAlign?: FormLabelAlign | undefined;
-                readonly name?: string | undefined;
-                readonly rules?: {
-                    [k: string]: RuleObject | RuleObject[];
-                } | undefined;
-                readonly validateTrigger?: string | string[] | undefined;
                 readonly labelWrap?: boolean | undefined;
+                readonly prefixCls?: string | undefined;
                 readonly requiredMark?: "" | RequiredMark | undefined;
                 readonly hideRequiredMark?: boolean | undefined;
+                readonly rules?: {
+                    [k: string]: RuleObject | RuleObject[];
+                } | undefined;
                 readonly validateMessages?: ValidateMessages | undefined;
                 readonly validateOnRuleChange?: boolean | undefined;
                 readonly scrollToFirstError?: boolean | Options<any> | undefined;
+                readonly name?: string | undefined;
+                readonly validateTrigger?: string | string[] | undefined;
                 readonly onFieldsChange?: ((changedFields: FieldData[], allFields: FieldData[]) => void) | undefined;
                 readonly onFinish?: ((values: any) => void) | undefined;
                 readonly onFinishFailed?: ((errorInfo: ValidateErrorEntity<any>) => void) | undefined;
@@ -797,9 +798,9 @@ declare function __VLS_template(): {
                 layout: string;
                 colon: boolean;
                 labelAlign: FormLabelAlign;
-                validateTrigger: string | string[];
                 hideRequiredMark: boolean;
                 validateOnRuleChange: boolean;
+                validateTrigger: string | string[];
                 syncToUrl: boolean | ((values: Recordable, type: "get" | "set") => Recordable);
             }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -825,11 +826,11 @@ declare function __VLS_template(): {
             layout: string;
             colon: boolean;
             labelAlign: FormLabelAlign;
-            validateTrigger: string | string[];
             hideRequiredMark: boolean;
             validateOnRuleChange: boolean;
+            validateTrigger: string | string[];
             syncToUrl: boolean | ((values: Recordable, type: "get" | "set") => Recordable);
-        }> & Omit<Readonly< ApFormProps> & Readonly<{}>, "validate" | "registerWatch" | "setFieldsValue" | "setFieldValue" | "resetFields" | "clearValidate" | "validateFields" | "getFieldsValue" | "scrollToField" | "getInternalInstance" | "validateFieldsReturnTransformed" | "getFieldsValueTransformed" | ("layout" | "colon" | "labelAlign" | "validateTrigger" | "hideRequiredMark" | "validateOnRuleChange" | "syncToUrl")> & ShallowUnwrapRef<{
+        }> & Omit<Readonly< ApFormProps> & Readonly<{}>, "validate" | "registerWatch" | "setFieldsValue" | "setFieldValue" | "resetFields" | "clearValidate" | "validateFields" | "getFieldsValue" | "scrollToField" | "getInternalInstance" | "validateFieldsReturnTransformed" | "getFieldsValueTransformed" | ("layout" | "colon" | "labelAlign" | "hideRequiredMark" | "validateOnRuleChange" | "validateTrigger" | "syncToUrl")> & ShallowUnwrapRef<{
             setFieldsValue: (fields: Partial<any>) => void;
             setFieldValue: (name: NamePath, value: any, triggerChange?: boolean, optimizeFn?: UpdateModelOptimizeFn) => void;
             resetFields: () => Promise<void>;
@@ -873,9 +874,9 @@ declare const __VLS_component: DefineComponent<ApFormModalFormProps, {
     open: boolean;
     colon: boolean;
     labelAlign: FormLabelAlign;
-    validateTrigger: string | string[];
     hideRequiredMark: boolean;
     validateOnRuleChange: boolean;
+    validateTrigger: string | string[];
     modalProps: Omit<Partial< ExtractPropTypes<{
         prefixCls: StringConstructor;
         visible: {
@@ -902,11 +903,15 @@ declare const __VLS_component: DefineComponent<ApFormModalFormProps, {
         'onUpdate:open': PropType<(open: boolean) => void>;
         onChange: PropType<(open: boolean) => void>;
         afterClose: PropType<() => void>;
+        afterOpenChange: PropType<(open: boolean) => void>;
         centered: {
             type: BooleanConstructor;
             default: any;
         };
-        width: (StringConstructor | NumberConstructor)[];
+        width: {
+            type: PropType<string | number | Partial<Record< Breakpoint, string | number>>>;
+            default: string | number | Partial<Record< Breakpoint, string | number>>;
+        };
         footer: VueTypeValidableDef<any>;
         okText: VueTypeValidableDef<any>;
         okType: PropType<LegacyButtonType>;
@@ -1190,6 +1195,10 @@ declare const __VLS_component: DefineComponent<ApFormModalFormProps, {
                 y: number;
             };
         };
+        loading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>>, "visible" | "open" | "onUpdate:open">;
     submitter: false | ApFormSubmitterConfig;
     showCancel: boolean;
@@ -1202,7 +1211,6 @@ declare const __VLS_component: DefineComponent<ApFormModalFormProps, {
             readonly onSubmit?: ((e: Event) => void) | undefined;
             readonly layout?: string | undefined;
             readonly disabled?: boolean | undefined;
-            readonly prefixCls?: string | undefined;
             readonly labelCol?: (Partial< ExtractPropTypes<{
                 span: (StringConstructor | NumberConstructor)[];
                 order: (StringConstructor | NumberConstructor)[];
@@ -1271,17 +1279,18 @@ declare const __VLS_component: DefineComponent<ApFormModalFormProps, {
             }>> & HTMLAttributes) | undefined;
             readonly colon?: boolean | undefined;
             readonly labelAlign?: FormLabelAlign | undefined;
-            readonly name?: string | undefined;
-            readonly rules?: {
-                [k: string]: RuleObject | RuleObject[];
-            } | undefined;
-            readonly validateTrigger?: string | string[] | undefined;
             readonly labelWrap?: boolean | undefined;
+            readonly prefixCls?: string | undefined;
             readonly requiredMark?: "" | RequiredMark | undefined;
             readonly hideRequiredMark?: boolean | undefined;
+            readonly rules?: {
+                [k: string]: RuleObject | RuleObject[];
+            } | undefined;
             readonly validateMessages?: ValidateMessages | undefined;
             readonly validateOnRuleChange?: boolean | undefined;
             readonly scrollToFirstError?: boolean | Options<any> | undefined;
+            readonly name?: string | undefined;
+            readonly validateTrigger?: string | string[] | undefined;
             readonly onFieldsChange?: ((changedFields: FieldData[], allFields: FieldData[]) => void) | undefined;
             readonly onFinish?: ((values: any) => void) | undefined;
             readonly onFinishFailed?: ((errorInfo: ValidateErrorEntity<any>) => void) | undefined;
@@ -1968,9 +1977,9 @@ declare const __VLS_component: DefineComponent<ApFormModalFormProps, {
             layout: string;
             colon: boolean;
             labelAlign: FormLabelAlign;
-            validateTrigger: string | string[];
             hideRequiredMark: boolean;
             validateOnRuleChange: boolean;
+            validateTrigger: string | string[];
             syncToUrl: boolean | ((values: Recordable, type: "get" | "set") => Recordable);
         }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -1996,11 +2005,11 @@ declare const __VLS_component: DefineComponent<ApFormModalFormProps, {
         layout: string;
         colon: boolean;
         labelAlign: FormLabelAlign;
-        validateTrigger: string | string[];
         hideRequiredMark: boolean;
         validateOnRuleChange: boolean;
+        validateTrigger: string | string[];
         syncToUrl: boolean | ((values: Recordable, type: "get" | "set") => Recordable);
-    }> & Omit<Readonly< ApFormProps> & Readonly<{}>, "validate" | "registerWatch" | "setFieldsValue" | "setFieldValue" | "resetFields" | "clearValidate" | "validateFields" | "getFieldsValue" | "scrollToField" | "getInternalInstance" | "validateFieldsReturnTransformed" | "getFieldsValueTransformed" | ("layout" | "colon" | "labelAlign" | "validateTrigger" | "hideRequiredMark" | "validateOnRuleChange" | "syncToUrl")> & ShallowUnwrapRef<{
+    }> & Omit<Readonly< ApFormProps> & Readonly<{}>, "validate" | "registerWatch" | "setFieldsValue" | "setFieldValue" | "resetFields" | "clearValidate" | "validateFields" | "getFieldsValue" | "scrollToField" | "getInternalInstance" | "validateFieldsReturnTransformed" | "getFieldsValueTransformed" | ("layout" | "colon" | "labelAlign" | "hideRequiredMark" | "validateOnRuleChange" | "validateTrigger" | "syncToUrl")> & ShallowUnwrapRef<{
         setFieldsValue: (fields: Partial<any>) => void;
         setFieldValue: (name: NamePath, value: any, triggerChange?: boolean, optimizeFn?: UpdateModelOptimizeFn) => void;
         resetFields: () => Promise<void>;

package/es/src/ap-form/render/item.vue.d.ts

@@ -14,10 +14,10 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: DefineComponent<ApFormItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ApFormItemProps> & Readonly<{}>, {
-    hasFeedback: boolean;
     colon: boolean;
-    autoLink: boolean;
     required: boolean;
+    hasFeedback: boolean;
+    autoLink: boolean;
     validateFirst: boolean;
     bordered: boolean;
     valuePropName: string;

package/es/src/ap-form/search-form/hooks/use-count-per-row.d.ts

@@ -1,3 +1,14 @@
 import { ApFormSearchFormProps } from '../../../ap-form/interface';
-import { ComputedRef } from 'vue';
-export declare const useCountPerRow: (props: ApFormSearchFormProps) => ComputedRef<number>;
+import { Ref, ComputedRef } from 'vue';
+declare const defaultBreakPoint: {
+    readonly xs: 0;
+    readonly sm: 768;
+    readonly md: 1280;
+    readonly lg: 1728;
+};
+type BreakPointNameType = keyof typeof defaultBreakPoint;
+export type BreakPointType = {
+    [T in BreakPointNameType]: number;
+};
+export declare const useCountPerRow: (props: ApFormSearchFormProps, wrapperRef: Ref) => ComputedRef<number>;
+export {};

package/es/src/ap-form/search-form/hooks/use-count-per-row.mjs

@@ -1,39 +1,49 @@
-import { ref as f, watch as w, computed as n, unref as z } from "vue";
-import { useResizeObserver as g } from "@vueuse/core";
-import { isUndefined as h } from "lodash-unified";
-const l = { xs: 0, sm: 768, md: 1280, lg: 1728 }, P = Object.entries(l).sort(
-  (t, o) => o[1] - t[1]
-), T = (t) => {
-  const o = f(0);
-  w(
-    () => t.resizeTarget,
-    (e, r, c) => {
-      const i = h(t.resizeTarget) ? document.documentElement : t.resizeTarget, { stop: m } = g(i, (u) => {
-        const a = u[0], { width: d } = a.contentRect;
-        o.value = d;
+import { ref as w, computed as o, watch as P, unref as v } from "vue";
+import { useResizeObserver as R } from "@vueuse/core";
+const h = { xs: 0, sm: 768, md: 1280, lg: 1728 };
+function z(r) {
+  return Object.entries(r).sort((s, n) => n[1] - s[1]);
+}
+const p = (r, s) => {
+  const n = w(0), c = o(() => {
+    const { resize: e, resizeTarget: t } = r;
+    return e?.target ? e.target === "document" ? document.documentElement : e.target === "form" ? s.value?.$el : e.target : t ?? document.documentElement;
+  }), i = o(() => {
+    const e = r.resize?.breakPoint ?? h;
+    return z(e);
+  });
+  P(
+    () => c.value,
+    (e, t, m) => {
+      const u = typeof e == "string" ? document.querySelector(e) : e;
+      if (!u)
+        return;
+      const { stop: d } = R(u, (f) => {
+        const l = f[0], { width: g } = l.contentRect;
+        n.value = g;
       });
-      c(() => {
-        m();
+      m(() => {
+        d();
       });
     },
     { flush: "post", immediate: !0 }
   );
-  const s = n(() => {
-    for (const [e, r] of P)
-      if (z(o) > r)
+  const a = o(() => {
+    for (const [e, t] of i.value)
+      if (v(n) > t)
         return e;
     return "md";
   });
-  return n(() => {
-    const e = t.countPerRow, r = {
+  return o(() => {
+    const e = r.countPerRow, t = {
       xs: e - 2,
       sm: e - 1,
       md: e,
       lg: e + 1
     };
-    return Math.max(1, r[s.value]);
+    return Math.max(1, t[a.value]);
   });
 };
 export {
-  T as useCountPerRow
+  p as useCountPerRow
 };