@aplus-frontend/ui 6.29.2 → 6.30.0

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

@@ -7,12 +7,11 @@ import { RuleObject } from '@aplus-frontend/antdv/es/form';
 import { RequiredMark } from '@aplus-frontend/antdv/es/form/Form';
 import { Options } from '../../../node_modules/scroll-into-view-if-needed';
 import { VueTypeDef, VueTypeValidableDef } from '../../../node_modules/vue-types';
-import { ButtonSize } from '@aplus-frontend/antdv/es/config-provider';
+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 { LegacyButtonType, ButtonHTMLType, ButtonIconPosition, ButtonVariantType } from '@aplus-frontend/antdv/es/button/buttonTypes';
-import { ButtonType, ButtonShape } from '@aplus-frontend/antdv/es/button';
 import { MouseEventHandler } from '@aplus-frontend/antdv/es/_util/EventInterface';
 type ApModalFormSlots = {
     trigger: any;
@@ -324,8 +323,8 @@ declare function __VLS_template(): {
                         default: string | string[];
                     };
                     size: {
-                        type: PropType<ButtonSize>;
-                        default: ButtonSize;
+                        type: PropType<SizeType>;
+                        default: SizeType;
                     };
                     disabled: {
                         type: BooleanConstructor;
@@ -356,15 +355,15 @@ declare function __VLS_template(): {
                         default: "filled" | "outlined" | "borderless" | "underlined";
                     };
                 }>> & Readonly<{}>, () => VueNode, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
-                    size: ButtonSize;
+                    size: SizeType;
                     onSubmit: (e: Event) => void;
                     disabled: boolean;
                     validateTrigger: string | string[];
-                    variant: "filled" | "outlined" | "borderless" | "underlined";
+                    onValuesChange: (changedValues: any, values: any) => void;
+                    onFieldsChange: (changedFields: FieldData[], allFields: FieldData[]) => void;
                     onFinish: (values: any) => void;
-                    validateMessages: ValidateMessages;
-                    requiredMark: "" | RequiredMark;
-                    colon: boolean;
+                    onFinishFailed: (errorInfo: ValidateErrorEntity<any>) => void;
+                    onValidate: (name: string | number | string[] | number[], status: boolean, errors: string[]) => void;
                     labelCol: Partial< ExtractPropTypes<{
                         span: (StringConstructor | NumberConstructor)[];
                         order: (StringConstructor | NumberConstructor)[];
@@ -398,8 +397,6 @@ declare function __VLS_template(): {
                         prefixCls: StringConstructor;
                         flex: (StringConstructor | NumberConstructor)[];
                     }>> & HTMLAttributes;
-                    labelAlign: FormLabelAlign;
-                    labelWrap: boolean;
                     wrapperCol: Partial< ExtractPropTypes<{
                         span: (StringConstructor | NumberConstructor)[];
                         order: (StringConstructor | NumberConstructor)[];
@@ -433,19 +430,21 @@ declare function __VLS_template(): {
                         prefixCls: StringConstructor;
                         flex: (StringConstructor | NumberConstructor)[];
                     }>> & HTMLAttributes;
-                    rules: {
-                        [k: string]: RuleObject | RuleObject[];
-                    };
-                    onValidate: (name: string | number | string[] | number[], status: boolean, errors: string[]) => void;
-                    onValuesChange: (changedValues: any, values: any) => void;
-                    onFieldsChange: (changedFields: FieldData[], allFields: FieldData[]) => void;
-                    onFinishFailed: (errorInfo: ValidateErrorEntity<any>) => void;
+                    colon: boolean;
+                    labelAlign: FormLabelAlign;
+                    labelWrap: boolean;
+                    requiredMark: "" | RequiredMark;
                     hideRequiredMark: boolean;
                     model: {
                         [key: string]: any;
                     };
+                    rules: {
+                        [k: string]: RuleObject | RuleObject[];
+                    };
+                    validateMessages: ValidateMessages;
                     validateOnRuleChange: boolean;
                     scrollToFirstError: boolean | Options<any>;
+                    variant: "filled" | "outlined" | "borderless" | "underlined";
                 }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
                     P: {};
                     B: {};
@@ -649,8 +648,8 @@ declare function __VLS_template(): {
                         default: string | string[];
                     };
                     size: {
-                        type: PropType<ButtonSize>;
-                        default: ButtonSize;
+                        type: PropType<SizeType>;
+                        default: SizeType;
                     };
                     disabled: {
                         type: BooleanConstructor;
@@ -681,15 +680,15 @@ declare function __VLS_template(): {
                         default: "filled" | "outlined" | "borderless" | "underlined";
                     };
                 }>> & Readonly<{}>, () => VueNode, {}, {}, {}, {
-                    size: ButtonSize;
+                    size: SizeType;
                     onSubmit: (e: Event) => void;
                     disabled: boolean;
                     validateTrigger: string | string[];
-                    variant: "filled" | "outlined" | "borderless" | "underlined";
+                    onValuesChange: (changedValues: any, values: any) => void;
+                    onFieldsChange: (changedFields: FieldData[], allFields: FieldData[]) => void;
                     onFinish: (values: any) => void;
-                    validateMessages: ValidateMessages;
-                    requiredMark: "" | RequiredMark;
-                    colon: boolean;
+                    onFinishFailed: (errorInfo: ValidateErrorEntity<any>) => void;
+                    onValidate: (name: string | number | string[] | number[], status: boolean, errors: string[]) => void;
                     labelCol: Partial< ExtractPropTypes<{
                         span: (StringConstructor | NumberConstructor)[];
                         order: (StringConstructor | NumberConstructor)[];
@@ -723,8 +722,6 @@ declare function __VLS_template(): {
                         prefixCls: StringConstructor;
                         flex: (StringConstructor | NumberConstructor)[];
                     }>> & HTMLAttributes;
-                    labelAlign: FormLabelAlign;
-                    labelWrap: boolean;
                     wrapperCol: Partial< ExtractPropTypes<{
                         span: (StringConstructor | NumberConstructor)[];
                         order: (StringConstructor | NumberConstructor)[];
@@ -758,19 +755,21 @@ declare function __VLS_template(): {
                         prefixCls: StringConstructor;
                         flex: (StringConstructor | NumberConstructor)[];
                     }>> & HTMLAttributes;
-                    rules: {
-                        [k: string]: RuleObject | RuleObject[];
-                    };
-                    onValidate: (name: string | number | string[] | number[], status: boolean, errors: string[]) => void;
-                    onValuesChange: (changedValues: any, values: any) => void;
-                    onFieldsChange: (changedFields: FieldData[], allFields: FieldData[]) => void;
-                    onFinishFailed: (errorInfo: ValidateErrorEntity<any>) => void;
+                    colon: boolean;
+                    labelAlign: FormLabelAlign;
+                    labelWrap: boolean;
+                    requiredMark: "" | RequiredMark;
                     hideRequiredMark: boolean;
                     model: {
                         [key: string]: any;
                     };
+                    rules: {
+                        [k: string]: RuleObject | RuleObject[];
+                    };
+                    validateMessages: ValidateMessages;
                     validateOnRuleChange: boolean;
                     scrollToFirstError: boolean | Options<any>;
+                    variant: "filled" | "outlined" | "borderless" | "underlined";
                 }> | null;
             };
             $slots: Readonly<{
@@ -974,7 +973,7 @@ declare const __VLS_component: DefineComponent<ApFormModalFormProps, {
                     type: PropType<ButtonIconPosition>;
                     default: string;
                 };
-                color: PropType<"default" | "blue" | "cyan" | "gold" | "green" | "lime" | "magenta" | "orange" | "pink" | "purple" | "red" | "yellow" | "volcano" | "geekblue" | "primary" | "danger">;
+                color: PropType<"default" | "blue" | "cyan" | "gold" | "green" | "lime" | "magenta" | "orange" | "pink" | "purple" | "red" | "yellow" | "volcano" | "geekblue" | "danger" | "primary">;
                 variant: PropType<ButtonVariantType>;
             }>>>;
             default: Partial< ExtractPropTypes<{
@@ -1029,7 +1028,7 @@ declare const __VLS_component: DefineComponent<ApFormModalFormProps, {
                     type: PropType<ButtonIconPosition>;
                     default: string;
                 };
-                color: PropType<"default" | "blue" | "cyan" | "gold" | "green" | "lime" | "magenta" | "orange" | "pink" | "purple" | "red" | "yellow" | "volcano" | "geekblue" | "primary" | "danger">;
+                color: PropType<"default" | "blue" | "cyan" | "gold" | "green" | "lime" | "magenta" | "orange" | "pink" | "purple" | "red" | "yellow" | "volcano" | "geekblue" | "danger" | "primary">;
                 variant: PropType<ButtonVariantType>;
             }>>;
         };
@@ -1086,7 +1085,7 @@ declare const __VLS_component: DefineComponent<ApFormModalFormProps, {
                     type: PropType<ButtonIconPosition>;
                     default: string;
                 };
-                color: PropType<"default" | "blue" | "cyan" | "gold" | "green" | "lime" | "magenta" | "orange" | "pink" | "purple" | "red" | "yellow" | "volcano" | "geekblue" | "primary" | "danger">;
+                color: PropType<"default" | "blue" | "cyan" | "gold" | "green" | "lime" | "magenta" | "orange" | "pink" | "purple" | "red" | "yellow" | "volcano" | "geekblue" | "danger" | "primary">;
                 variant: PropType<ButtonVariantType>;
             }>>>;
             default: Partial< ExtractPropTypes<{
@@ -1141,7 +1140,7 @@ declare const __VLS_component: DefineComponent<ApFormModalFormProps, {
                     type: PropType<ButtonIconPosition>;
                     default: string;
                 };
-                color: PropType<"default" | "blue" | "cyan" | "gold" | "green" | "lime" | "magenta" | "orange" | "pink" | "purple" | "red" | "yellow" | "volcano" | "geekblue" | "primary" | "danger">;
+                color: PropType<"default" | "blue" | "cyan" | "gold" | "green" | "lime" | "magenta" | "orange" | "pink" | "purple" | "red" | "yellow" | "volcano" | "geekblue" | "danger" | "primary">;
                 variant: PropType<ButtonVariantType>;
             }>>;
         };
@@ -1495,8 +1494,8 @@ declare const __VLS_component: DefineComponent<ApFormModalFormProps, {
                     default: string | string[];
                 };
                 size: {
-                    type: PropType<ButtonSize>;
-                    default: ButtonSize;
+                    type: PropType<SizeType>;
+                    default: SizeType;
                 };
                 disabled: {
                     type: BooleanConstructor;
@@ -1527,15 +1526,15 @@ declare const __VLS_component: DefineComponent<ApFormModalFormProps, {
                     default: "filled" | "outlined" | "borderless" | "underlined";
                 };
             }>> & Readonly<{}>, () => VueNode, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
-                size: ButtonSize;
+                size: SizeType;
                 onSubmit: (e: Event) => void;
                 disabled: boolean;
                 validateTrigger: string | string[];
-                variant: "filled" | "outlined" | "borderless" | "underlined";
+                onValuesChange: (changedValues: any, values: any) => void;
+                onFieldsChange: (changedFields: FieldData[], allFields: FieldData[]) => void;
                 onFinish: (values: any) => void;
-                validateMessages: ValidateMessages;
-                requiredMark: "" | RequiredMark;
-                colon: boolean;
+                onFinishFailed: (errorInfo: ValidateErrorEntity<any>) => void;
+                onValidate: (name: string | number | string[] | number[], status: boolean, errors: string[]) => void;
                 labelCol: Partial< ExtractPropTypes<{
                     span: (StringConstructor | NumberConstructor)[];
                     order: (StringConstructor | NumberConstructor)[];
@@ -1569,8 +1568,6 @@ declare const __VLS_component: DefineComponent<ApFormModalFormProps, {
                     prefixCls: StringConstructor;
                     flex: (StringConstructor | NumberConstructor)[];
                 }>> & HTMLAttributes;
-                labelAlign: FormLabelAlign;
-                labelWrap: boolean;
                 wrapperCol: Partial< ExtractPropTypes<{
                     span: (StringConstructor | NumberConstructor)[];
                     order: (StringConstructor | NumberConstructor)[];
@@ -1604,19 +1601,21 @@ declare const __VLS_component: DefineComponent<ApFormModalFormProps, {
                     prefixCls: StringConstructor;
                     flex: (StringConstructor | NumberConstructor)[];
                 }>> & HTMLAttributes;
-                rules: {
-                    [k: string]: RuleObject | RuleObject[];
-                };
-                onValidate: (name: string | number | string[] | number[], status: boolean, errors: string[]) => void;
-                onValuesChange: (changedValues: any, values: any) => void;
-                onFieldsChange: (changedFields: FieldData[], allFields: FieldData[]) => void;
-                onFinishFailed: (errorInfo: ValidateErrorEntity<any>) => void;
+                colon: boolean;
+                labelAlign: FormLabelAlign;
+                labelWrap: boolean;
+                requiredMark: "" | RequiredMark;
                 hideRequiredMark: boolean;
                 model: {
                     [key: string]: any;
                 };
+                rules: {
+                    [k: string]: RuleObject | RuleObject[];
+                };
+                validateMessages: ValidateMessages;
                 validateOnRuleChange: boolean;
                 scrollToFirstError: boolean | Options<any>;
+                variant: "filled" | "outlined" | "borderless" | "underlined";
             }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
                 P: {};
                 B: {};
@@ -1820,8 +1819,8 @@ declare const __VLS_component: DefineComponent<ApFormModalFormProps, {
                     default: string | string[];
                 };
                 size: {
-                    type: PropType<ButtonSize>;
-                    default: ButtonSize;
+                    type: PropType<SizeType>;
+                    default: SizeType;
                 };
                 disabled: {
                     type: BooleanConstructor;
@@ -1852,15 +1851,15 @@ declare const __VLS_component: DefineComponent<ApFormModalFormProps, {
                     default: "filled" | "outlined" | "borderless" | "underlined";
                 };
             }>> & Readonly<{}>, () => VueNode, {}, {}, {}, {
-                size: ButtonSize;
+                size: SizeType;
                 onSubmit: (e: Event) => void;
                 disabled: boolean;
                 validateTrigger: string | string[];
-                variant: "filled" | "outlined" | "borderless" | "underlined";
+                onValuesChange: (changedValues: any, values: any) => void;
+                onFieldsChange: (changedFields: FieldData[], allFields: FieldData[]) => void;
                 onFinish: (values: any) => void;
-                validateMessages: ValidateMessages;
-                requiredMark: "" | RequiredMark;
-                colon: boolean;
+                onFinishFailed: (errorInfo: ValidateErrorEntity<any>) => void;
+                onValidate: (name: string | number | string[] | number[], status: boolean, errors: string[]) => void;
                 labelCol: Partial< ExtractPropTypes<{
                     span: (StringConstructor | NumberConstructor)[];
                     order: (StringConstructor | NumberConstructor)[];
@@ -1894,8 +1893,6 @@ declare const __VLS_component: DefineComponent<ApFormModalFormProps, {
                     prefixCls: StringConstructor;
                     flex: (StringConstructor | NumberConstructor)[];
                 }>> & HTMLAttributes;
-                labelAlign: FormLabelAlign;
-                labelWrap: boolean;
                 wrapperCol: Partial< ExtractPropTypes<{
                     span: (StringConstructor | NumberConstructor)[];
                     order: (StringConstructor | NumberConstructor)[];
@@ -1929,19 +1926,21 @@ declare const __VLS_component: DefineComponent<ApFormModalFormProps, {
                     prefixCls: StringConstructor;
                     flex: (StringConstructor | NumberConstructor)[];
                 }>> & HTMLAttributes;
-                rules: {
-                    [k: string]: RuleObject | RuleObject[];
-                };
-                onValidate: (name: string | number | string[] | number[], status: boolean, errors: string[]) => void;
-                onValuesChange: (changedValues: any, values: any) => void;
-                onFieldsChange: (changedFields: FieldData[], allFields: FieldData[]) => void;
-                onFinishFailed: (errorInfo: ValidateErrorEntity<any>) => void;
+                colon: boolean;
+                labelAlign: FormLabelAlign;
+                labelWrap: boolean;
+                requiredMark: "" | RequiredMark;
                 hideRequiredMark: boolean;
                 model: {
                     [key: string]: any;
                 };
+                rules: {
+                    [k: string]: RuleObject | RuleObject[];
+                };
+                validateMessages: ValidateMessages;
                 validateOnRuleChange: boolean;
                 scrollToFirstError: boolean | Options<any>;
+                variant: "filled" | "outlined" | "borderless" | "underlined";
             }> | null;
         };
         $slots: Readonly<{

package/es/src/ap-form/search-form/components/popover-filter.vue.d.ts

@@ -1,8 +1,7 @@
 import { ApFormSearchFormPopoverFilterProps } from '../../interface';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, CreateComponentPublicInstanceWithMixins, ExtractPropTypes, PropType, GlobalComponents, GlobalDirectives } from 'vue';
-import { ButtonType, ButtonShape } from '@aplus-frontend/antdv/es/button';
+import { ButtonType, ButtonShape, ButtonSize } from '@aplus-frontend/antdv/es/button';
 import { ButtonHTMLType, ButtonIconPosition, ButtonVariantType } from '@aplus-frontend/antdv/es/button/buttonTypes';
-import { SizeType } from '@aplus-frontend/antdv/es/config-provider';
 import { VueTypeValidableDef } from '../../../../node_modules/vue-types';
 import { MouseEventHandler } from '@aplus-frontend/antdv/es/_util/EventInterface';
 import { VueNode, CustomSlotsType } from '@aplus-frontend/antdv/es/_util/type';
@@ -18,7 +17,7 @@ declare const _default: DefineComponent<ApFormSearchFormPopoverFilterProps, {},
             type: PropType<ButtonShape>;
         };
         size: {
-            type: PropType<SizeType>;
+            type: PropType<ButtonSize>;
         };
         loading: {
             type: PropType<boolean | {
@@ -59,7 +58,7 @@ declare const _default: DefineComponent<ApFormSearchFormPopoverFilterProps, {},
             type: PropType<ButtonIconPosition>;
             default: string;
         };
-        color: PropType<"default" | "blue" | "cyan" | "gold" | "green" | "lime" | "magenta" | "orange" | "pink" | "purple" | "red" | "yellow" | "volcano" | "geekblue" | "primary" | "danger">;
+        color: PropType<"default" | "blue" | "cyan" | "gold" | "green" | "lime" | "magenta" | "orange" | "pink" | "purple" | "red" | "yellow" | "volcano" | "geekblue" | "danger" | "primary">;
         variant: PropType<ButtonVariantType>;
     }>> & Readonly<{}>, () => VueNode, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
         block: boolean;
@@ -93,7 +92,7 @@ declare const _default: DefineComponent<ApFormSearchFormPopoverFilterProps, {},
             type: PropType<ButtonShape>;
         };
         size: {
-            type: PropType<SizeType>;
+            type: PropType<ButtonSize>;
         };
         loading: {
             type: PropType<boolean | {
@@ -134,7 +133,7 @@ declare const _default: DefineComponent<ApFormSearchFormPopoverFilterProps, {},
             type: PropType<ButtonIconPosition>;
             default: string;
         };
-        color: PropType<"default" | "blue" | "cyan" | "gold" | "green" | "lime" | "magenta" | "orange" | "pink" | "purple" | "red" | "yellow" | "volcano" | "geekblue" | "primary" | "danger">;
+        color: PropType<"default" | "blue" | "cyan" | "gold" | "green" | "lime" | "magenta" | "orange" | "pink" | "purple" | "red" | "yellow" | "volcano" | "geekblue" | "danger" | "primary">;
         variant: PropType<ButtonVariantType>;
     }>> & Readonly<{}>, () => VueNode, {}, {}, {}, {
         block: boolean;

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

@@ -1,38 +1,39 @@
-import { ref as a, watchEffect as d, computed as r, unref as f } from "vue";
-import { useResizeObserver as w } from "@vueuse/core";
+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 }, z = Object.entries(l).sort(
-  (e, n) => n[1] - e[1]
-), p = (e) => {
-  const n = a(0);
-  d(
-    (t) => {
-      const o = h(e.resizeTarget) ? document.documentElement : e.resizeTarget, { stop: c } = w(o, (i) => {
-        const m = i[0], { width: u } = m.contentRect;
-        n.value = u;
+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;
       });
-      t(() => {
-        c();
+      c(() => {
+        m();
       });
     },
-    { flush: "post" }
+    { flush: "post", immediate: !0 }
   );
-  const s = r(() => {
-    for (const [t, o] of z)
-      if (f(n) > o)
-        return t;
+  const s = n(() => {
+    for (const [e, r] of P)
+      if (z(o) > r)
+        return e;
     return "md";
   });
-  return r(() => {
-    const t = e.countPerRow, o = {
-      xs: t - 2,
-      sm: t - 1,
-      md: t,
-      lg: t + 1
+  return n(() => {
+    const e = t.countPerRow, r = {
+      xs: e - 2,
+      sm: e - 1,
+      md: e,
+      lg: e + 1
     };
-    return Math.max(1, o[s.value]);
+    return Math.max(1, r[s.value]);
   });
 };
 export {
-  p as useCountPerRow
+  T as useCountPerRow
 };