@aplus-frontend/ui 0.0.1-beta.39 → 0.0.1-beta.40

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

@@ -0,0 +1,378 @@
+import { ApFormModalFormProps, ApFormSubmitterConfig } from '../interface';
+import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType, CSSProperties } from 'vue';
+import { NamePath, ValidateOptions, FormLabelAlign } from 'ant-design-vue/es/form/interface';
+import { VueTypeValidableDef } from '../../../node_modules/vue-types';
+import { LegacyButtonType, ButtonHTMLType } from 'ant-design-vue/es/button/buttonTypes';
+import { ButtonType, ButtonShape, ButtonSize } from 'ant-design-vue/es/button';
+import { MouseEventHandler } from 'ant-design-vue/es/_util/EventInterface';
+import { VueNode } from 'ant-design-vue/es/_util/type';
+
+type ApModalFormSlots = {
+    trigger: any;
+    default: any;
+    title: any;
+    submitter(defaultDoms: VNode[]): any;
+};
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFormModalFormProps>, {
+    layout: string;
+    hideRequiredMark: boolean;
+    colon: boolean;
+    labelAlign: string;
+    validateOnRuleChange: boolean;
+    validateTrigger: string;
+    modalProps: () => {};
+    width: number;
+    submitter: () => {
+        resetButtonProps: boolean;
+    };
+    open: undefined;
+    showCancel: boolean;
+}>, {
+    resetFields: (name?: NamePath | undefined) => void;
+    clearValidate: (name?: NamePath | undefined) => void;
+    validateFields: (nameList?: string | NamePath[] | undefined, options?: ValidateOptions | undefined) => Promise<Partial<any>> | undefined;
+    getFieldsValue: (nameList?: true | (string | number)[] | undefined) => Partial<any> | undefined;
+    validate: (nameList?: string | NamePath[] | undefined, options?: ValidateOptions | undefined) => Promise<Partial<any>> | undefined;
+    scrollToField: (name: NamePath, options?: {}) => void;
+    setFieldValue: (key: string, newValue: any) => void;
+    setFieldsValue: (values: Record<string, any>) => void;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:open": (...args: any[]) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFormModalFormProps>, {
+    layout: string;
+    hideRequiredMark: boolean;
+    colon: boolean;
+    labelAlign: string;
+    validateOnRuleChange: boolean;
+    validateTrigger: string;
+    modalProps: () => {};
+    width: number;
+    submitter: () => {
+        resetButtonProps: boolean;
+    };
+    open: undefined;
+    showCancel: boolean;
+}>>> & {
+    "onUpdate:open"?: ((...args: any[]) => any) | undefined;
+}, {
+    open: boolean;
+    width: number;
+    showCancel: boolean;
+    layout: string;
+    validateTrigger: string | string[];
+    colon: boolean;
+    labelAlign: FormLabelAlign;
+    hideRequiredMark: boolean;
+    validateOnRuleChange: boolean;
+    modalProps: Omit<Partial< ExtractPropTypes<{
+        prefixCls: StringConstructor;
+        visible: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        open: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        confirmLoading: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        title: VueTypeValidableDef<any>;
+        closable: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        closeIcon: VueTypeValidableDef<any>;
+        onOk: PropType<(e: MouseEvent) => void>;
+        onCancel: PropType<(e: MouseEvent) => void>;
+        'onUpdate:visible': PropType<(visible: boolean) => void>;
+        'onUpdate:open': PropType<(open: boolean) => void>;
+        onChange: PropType<(open: boolean) => void>;
+        afterClose: PropType<() => void>;
+        centered: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        width: (StringConstructor | NumberConstructor)[];
+        footer: VueTypeValidableDef<any>;
+        okText: VueTypeValidableDef<any>;
+        okType: PropType<LegacyButtonType>;
+        cancelText: VueTypeValidableDef<any>;
+        icon: VueTypeValidableDef<any>;
+        maskClosable: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        forceRender: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        okButtonProps: {
+            type: PropType<Partial< ExtractPropTypes<{
+                prefixCls: StringConstructor;
+                type: PropType<ButtonType>;
+                htmlType: {
+                    type: PropType<ButtonHTMLType>;
+                    default: string;
+                };
+                shape: {
+                    type: PropType<ButtonShape>;
+                };
+                size: {
+                    type: PropType<ButtonSize>;
+                };
+                loading: {
+                    type: PropType<boolean | {
+                        delay?: number | undefined;
+                    }>;
+                    default: () => boolean | {
+                        delay?: number | undefined;
+                    };
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                ghost: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                block: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                danger: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                icon: VueTypeValidableDef<any>;
+                href: StringConstructor;
+                target: StringConstructor;
+                title: StringConstructor;
+                onClick: {
+                    type: PropType< MouseEventHandler | MouseEventHandler[]>;
+                };
+                onMousedown: {
+                    type: PropType< MouseEventHandler | MouseEventHandler[]>;
+                };
+            }>>>;
+            default: Partial< ExtractPropTypes<{
+                prefixCls: StringConstructor;
+                type: PropType<ButtonType>;
+                htmlType: {
+                    type: PropType<ButtonHTMLType>;
+                    default: string;
+                };
+                shape: {
+                    type: PropType<ButtonShape>;
+                };
+                size: {
+                    type: PropType<ButtonSize>;
+                };
+                loading: {
+                    type: PropType<boolean | {
+                        delay?: number | undefined;
+                    }>;
+                    default: () => boolean | {
+                        delay?: number | undefined;
+                    };
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                ghost: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                block: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                danger: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                icon: VueTypeValidableDef<any>;
+                href: StringConstructor;
+                target: StringConstructor;
+                title: StringConstructor;
+                onClick: {
+                    type: PropType< MouseEventHandler | MouseEventHandler[]>;
+                };
+                onMousedown: {
+                    type: PropType< MouseEventHandler | MouseEventHandler[]>;
+                };
+            }>>;
+        };
+        cancelButtonProps: {
+            type: PropType<Partial< ExtractPropTypes<{
+                prefixCls: StringConstructor;
+                type: PropType<ButtonType>;
+                htmlType: {
+                    type: PropType<ButtonHTMLType>;
+                    default: string;
+                };
+                shape: {
+                    type: PropType<ButtonShape>;
+                };
+                size: {
+                    type: PropType<ButtonSize>;
+                };
+                loading: {
+                    type: PropType<boolean | {
+                        delay?: number | undefined;
+                    }>;
+                    default: () => boolean | {
+                        delay?: number | undefined;
+                    };
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                ghost: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                block: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                danger: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                icon: VueTypeValidableDef<any>;
+                href: StringConstructor;
+                target: StringConstructor;
+                title: StringConstructor;
+                onClick: {
+                    type: PropType< MouseEventHandler | MouseEventHandler[]>;
+                };
+                onMousedown: {
+                    type: PropType< MouseEventHandler | MouseEventHandler[]>;
+                };
+            }>>>;
+            default: Partial< ExtractPropTypes<{
+                prefixCls: StringConstructor;
+                type: PropType<ButtonType>;
+                htmlType: {
+                    type: PropType<ButtonHTMLType>;
+                    default: string;
+                };
+                shape: {
+                    type: PropType<ButtonShape>;
+                };
+                size: {
+                    type: PropType<ButtonSize>;
+                };
+                loading: {
+                    type: PropType<boolean | {
+                        delay?: number | undefined;
+                    }>;
+                    default: () => boolean | {
+                        delay?: number | undefined;
+                    };
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                ghost: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                block: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                danger: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                icon: VueTypeValidableDef<any>;
+                href: StringConstructor;
+                target: StringConstructor;
+                title: StringConstructor;
+                onClick: {
+                    type: PropType< MouseEventHandler | MouseEventHandler[]>;
+                };
+                onMousedown: {
+                    type: PropType< MouseEventHandler | MouseEventHandler[]>;
+                };
+            }>>;
+        };
+        destroyOnClose: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        wrapClassName: StringConstructor;
+        maskTransitionName: StringConstructor;
+        transitionName: StringConstructor;
+        getContainer: {
+            type: PropType<string | false | HTMLElement | (() => HTMLElement)>;
+            default: any;
+        };
+        zIndex: NumberConstructor;
+        bodyStyle: {
+            type: PropType<CSSProperties>;
+            default: CSSProperties;
+        };
+        maskStyle: {
+            type: PropType<CSSProperties>;
+            default: CSSProperties;
+        };
+        mask: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        keyboard: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        wrapProps: ObjectConstructor;
+        focusTriggerAfterClose: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        modalRender: PropType<(arg: {
+            originVNode: VueNode;
+        }) => VueNode>;
+        mousePosition: {
+            type: PropType<{
+                x: number;
+                y: number;
+            }>;
+            default: {
+                x: number;
+                y: number;
+            };
+        };
+    }>>, "visible" | "open" | "onUpdate:open">;
+    submitter: false | ApFormSubmitterConfig;
+}, {}>, Readonly<ApModalFormSlots> & ApModalFormSlots>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/src/ap-form/search-form/index.vue.mjs

@@ -13,12 +13,12 @@ import { useControllableValue as ne } from "../../hooks/useControllableValue.mjs
 import { useNamespace as re } from "../../config-provider/hooks/use-namespace.mjs";
 import { useLocale as se } from "../../config-provider/hooks/use-locale.mjs";
 import V from "../ap-form-item.vue.mjs";
-import ce from "../ap-form.vue2.mjs";
-import pe from "../ap-form-item-group/index.vue.mjs";
-function ie(p) {
-  return typeof p == "function" || Object.prototype.toString.call(p) === "[object Object]" && !J(p);
+import pe from "../ap-form.vue2.mjs";
+import ce from "../ap-form-item-group/index.vue.mjs";
+function ie(c) {
+  return typeof c == "function" || Object.prototype.toString.call(c) === "[object Object]" && !J(c);
 }
-const c = 24, Pe = /* @__PURE__ */ K({
+const p = 24, Pe = /* @__PURE__ */ K({
   name: "ApFormSearchForm",
   __name: "index",
   props: {
@@ -91,16 +91,19 @@ const c = 24, Pe = /* @__PURE__ */ K({
     },
     countPerRow: {
       default: 4
+    },
+    submitLoading: {
+      type: Boolean
     }
   },
   emits: ["update:collapse"],
-  setup(p, {
+  setup(c, {
     expose: I,
     emit: j
   }) {
     var S;
-    const l = Q(), t = p, M = j, {
-      value: d,
+    const l = Q(), t = c, M = j, {
+      value: f,
       updateValue: O
     } = ne(t, M, {
       valuePropName: "collapse",
@@ -108,48 +111,48 @@ const c = 24, Pe = /* @__PURE__ */ K({
     }), {
       b: $
     } = re("ap-form-search-form"), {
-      t: R
-    } = se(), f = X();
+      t: g
+    } = se(), m = X();
     function D() {
-      O(!o(d));
+      O(!o(f));
     }
-    function q() {
+    function L() {
       var e;
-      (e = f.value) == null || e.validateFields().then(t.onSubmit);
+      (e = m.value) == null || e.validateFields().then(t.onSubmit);
     }
-    function z() {
-      var e, i, u;
-      t.customReset || (i = (e = f.value) == null ? void 0 : e.resetFields) == null || i.call(e), (u = t.onReset) == null || u.call(t);
+    function q() {
+      var e, u, d;
+      t.customReset || (u = (e = m.value) == null ? void 0 : e.resetFields) == null || u.call(e), (d = t.onReset) == null || d.call(t);
     }
-    const F = v(T(l.default())), m = v((S = l.extra) == null ? void 0 : S.call(l)), g = C(() => Math.floor(c / t.countPerRow));
+    const R = v(T(l.default())), i = v((S = l.extra) == null ? void 0 : S.call(l)), F = C(() => Math.floor(p / t.countPerRow));
     P(() => l.default(), (e) => {
-      F.value = T(e);
+      R.value = T(e);
     }), P(() => {
       var e;
       return (e = l.extra) == null ? void 0 : e.call(l);
     }, (e) => {
-      m.value = e;
+      i.value = e;
     });
-    const U = C(() => {
+    const z = C(() => {
       let e;
-      const i = [...o(F)], u = [], b = [], n = o(g);
+      const u = [...o(R)], d = [], b = [], n = o(F);
       let h = 0;
-      i.forEach((r) => {
+      u.forEach((r) => {
         const s = r.props;
-        s != null && s.hidden ? u.push(r) : (h += s.span || n, b.push(r));
+        s != null && s.hidden ? d.push(r) : (h += s.span || n, b.push(r));
       });
-      const B = c - (h + n) % c, W = B < n ? c : B, x = c - n * (o(m) && !t.extraInAction ? 2 : 1), L = !t.forceExpand && h > x;
+      const B = p - (h + n) % p, U = B < n ? p : B, x = p - n * (o(i) && !t.extraInAction ? 2 : 1), W = !t.forceExpand && h > x;
       let _ = 0;
       const G = b.map((r, s) => {
         const w = r.props;
         return _ += w.span || n, Y(r, {
           span: w.span || n,
           key: `ApFormSearchFormItem-${s}`,
-          hidden: !t.forceExpand && o(d) && _ > x
+          hidden: !t.forceExpand && o(f) && _ > x
         });
-      }), H = c - Math.min(x, _) - n;
-      return a(Z, null, [G, u, a(V, {
-        span: o(g)
+      }), H = p - Math.min(x, _) - n;
+      return a(Z, null, [G, d, a(V, {
+        span: o(F)
       }, {
         default: () => [a(N, {
           justify: "space-between"
@@ -157,43 +160,44 @@ const c = 24, Pe = /* @__PURE__ */ K({
           default: () => [a(oe, null, {
             default: () => [a(y, {
               type: "primary",
-              onClick: q
+              onClick: L,
+              loading: t.submitLoading
             }, {
-              default: () => [t.searchText || R("ap.apForm.search.search")]
+              default: () => [t.searchText || g("ap.apForm.search.search")]
             }), a(y, {
-              onClick: z
+              onClick: q
             }, {
-              default: () => [t.resetText || R("ap.apForm.search.reset")]
-            }), L ? a(y, {
+              default: () => [t.resetText || g("ap.apForm.search.reset")]
+            }), W ? a(y, {
               onClick: D,
               icon: a(ae, {
                 style: "color:#B8C3D1",
-                rotate: o(d) ? 90 : -90
+                rotate: o(f) ? 90 : -90
               }, null)
             }, null) : null]
-          }), t.extraInAction ? o(m) : null]
+          }), t.extraInAction ? o(i) : null]
         })]
-      }), t.extraInAction ? null : a(V, {
-        span: o(d) ? H : W
+      }), !t.extraInAction && o(i) ? a(V, {
+        span: o(f) ? H : U
       }, {
         default: () => [a(N, {
           justify: "end"
-        }, ie(e = o(m)) ? e : {
+        }, ie(e = o(i)) ? e : {
           default: () => [e]
         })]
-      })]);
+      }) : null]);
     });
     return I({
-      apForm: C(() => o(f))
-    }), (e, i) => (k(), A(ce, ee({
+      apForm: C(() => o(m))
+    }), (e, u) => (k(), A(pe, ee({
       class: o($)(),
       ref_key: "apForm",
-      ref: f
+      ref: m
     }, o(le)(t, ["collapse", "defaultCollapse", "onUpdate:collapse", "searchText", "resetText", "onSubmit", "onReset", "extraInAction", "forceExpand", "countPerRow"])), {
-      default: E(() => [a(pe, {
+      default: E(() => [a(ce, {
         "count-per-row": t.countPerRow
       }, {
-        default: E(() => [(k(), A(te(U.value)))]),
+        default: E(() => [(k(), A(te(z.value)))]),
         _: 1
       }, 8, ["count-per-row"])]),
       _: 1