@aplus-frontend/ui 0.0.1-beta.9 → 0.0.2

package/lib/src/ap-form/items/text/index.vue.d.ts

@@ -18,7 +18,6 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     validateFirst: undefined;
     disabled: boolean;
     field: () => {};
-    bordered: boolean;
 }>, {
     focus: (options?: InputFocusOptions | undefined) => void;
     blur: () => void;
@@ -33,11 +32,9 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     validateFirst: undefined;
     disabled: boolean;
     field: () => {};
-    bordered: boolean;
 }>>>, {
     disabled: boolean;
     required: boolean;
-    bordered: boolean;
     field: Omit< ApFieldTextProps, "value" | "onUpdate:value">;
     colon: boolean;
     hasFeedback: boolean;

package/lib/src/ap-form/items/text/index.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("vue");require("../../ap-form-item.vue.js");const p=require("../../../ap-field/index.js"),f=require("lodash-unified"),c=require("../../ap-form-item.vue2.js"),v=l.defineComponent({name:"ApFormItemText",__name:"index",props:{htmlFor:{},prefixCls:{},label:{},help:{},extra:{},labelCol:{},wrapperCol:{},hasFeedback:{type:Boolean,default:!1},colon:{type:Boolean,default:void 0},labelAlign:{},prop:{},name:{},rules:{},autoLink:{type:Boolean,default:!0},required:{type:Boolean,default:void 0},validateFirst:{type:Boolean,default:void 0},validateStatus:{},validateTrigger:{},messageVariables:{},hidden:{type:Boolean},noStyle:{type:Boolean},tooltip:{},span:{},order:{},offset:{},push:{},pull:{},xs:{},sm:{},md:{},lg:{},xl:{},xxl:{},flex:{},bordered:{type:Boolean,default:!1},"onUpdate:value":{},value:{},field:{default:()=>({})},placeholder:{},disabled:{type:Boolean,default:!1}},setup(s,{expose:n}){const{Text:u}=p.ApField,r=s;console.log("props",r);const o=l.ref();return n({focus:e=>{var a;(a=o.value)==null||a.focus(e)},blur:()=>{var e;(e=o.value)==null||e.blur()},setSelectionRange:(e,a,d)=>{var t;(t=o.value)==null||t.setSelectionRange(e,a,d)},select:()=>{var e;(e=o.value)==null||e.select()},input:l.computed(()=>{var e;return(e=o.value)==null?void 0:e.input})}),(e,a)=>(l.openBlock(),l.createBlock(c.default,l.normalizeProps(l.guardReactiveProps(l.unref(f.omit)(r,["field","disabled","placeholder"]))),{default:l.withCtx(()=>[l.createVNode(l.unref(u),l.mergeProps({ref_key:"inputRef",ref:o},e.field,{disabled:e.disabled,placeholder:e.placeholder,bordered:e.bordered?!1:e.field.bordered,value:r.value,"onUpdate:value":r["onUpdate:value"]}),l.createSlots({_:2},[l.renderList(e.$slots,(d,t)=>({name:t,fn:l.withCtx(i=>[l.renderSlot(e.$slots,t,l.normalizeProps(l.guardReactiveProps(i||{})))])}))]),1040,["disabled","placeholder","bordered","value","onUpdate:value"])]),_:3},16))}});exports.default=v;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("vue");require("../../ap-form-item.vue2.js");const p=require("../../../ap-field/index.js"),c=require("lodash-unified"),f=require("../../ap-form-item.vue.js"),m=l.defineComponent({name:"ApFormItemText",__name:"index",props:{htmlFor:{},prefixCls:{},label:{},help:{},extra:{},labelCol:{},wrapperCol:{},hasFeedback:{type:Boolean,default:!1},colon:{type:Boolean,default:void 0},labelAlign:{},prop:{},name:{},rules:{},autoLink:{type:Boolean,default:!0},required:{type:Boolean,default:void 0},validateFirst:{type:Boolean,default:void 0},validateStatus:{},validateTrigger:{},messageVariables:{},hidden:{type:Boolean},noStyle:{type:Boolean},tooltip:{},span:{},order:{},offset:{},push:{},pull:{},xs:{},sm:{},md:{},lg:{},xl:{},xxl:{},flex:{},bordered:{type:Boolean},valuePropName:{},field:{default:()=>({})},placeholder:{},disabled:{type:Boolean,default:!1}},setup(s,{expose:n}){const{Text:u}=p.ApField,d=s,t=l.ref();return n({focus:e=>{var o;(o=t.value)==null||o.focus(e)},blur:()=>{var e;(e=t.value)==null||e.blur()},setSelectionRange:(e,o,r)=>{var a;(a=t.value)==null||a.setSelectionRange(e,o,r)},select:()=>{var e;(e=t.value)==null||e.select()},input:l.computed(()=>{var e;return(e=t.value)==null?void 0:e.input})}),(e,o)=>(l.openBlock(),l.createBlock(f.default,l.normalizeProps(l.guardReactiveProps(l.unref(c.omit)(d,["field","disabled","placeholder"]))),{default:l.withCtx(()=>[l.createVNode(l.unref(u),l.mergeProps({ref_key:"inputRef",ref:t,disabled:e.disabled,placeholder:e.placeholder},e.field),l.createSlots({_:2},[l.renderList(e.$slots,(r,a)=>({name:a,fn:l.withCtx(i=>[l.renderSlot(e.$slots,a,l.normalizeProps(l.guardReactiveProps(i||{})))])}))]),1040,["disabled","placeholder"])]),_:3},16))}});exports.default=m;

package/lib/src/ap-form/items/text-area/index.vue.d.ts

@@ -0,0 +1,52 @@
+import { ApFormItemTextAreaProps } from '../interface';
+import { InputFocusOptions } from 'ant-design-vue/es/vc-input/utils/commonUtils';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+import { ApFieldTextAreaProps } from '../../../ap-field';
+
+declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFormItemTextAreaProps>, {
+    hasFeedback: boolean;
+    colon: undefined;
+    autoLink: boolean;
+    required: undefined;
+    validateFirst: undefined;
+    disabled: boolean;
+    field: () => {};
+}>, {
+    focus: (options?: InputFocusOptions | undefined) => void;
+    blur: () => void;
+    resizableTextArea: any;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFormItemTextAreaProps>, {
+    hasFeedback: boolean;
+    colon: undefined;
+    autoLink: boolean;
+    required: undefined;
+    validateFirst: undefined;
+    disabled: boolean;
+    field: () => {};
+}>>>, {
+    disabled: boolean;
+    required: boolean;
+    field: Omit< ApFieldTextAreaProps, "value" | "onUpdate:value">;
+    colon: boolean;
+    hasFeedback: boolean;
+    autoLink: boolean;
+    validateFirst: boolean;
+}, {}>;
+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];
+} & {};

package/lib/src/ap-form/items/text-area/index.vue.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../ap-form-item.vue2.js");const s=require("../../../ap-field/index.js"),i=require("lodash-unified"),n=require("../../ap-form-item.vue.js"),p=e.defineComponent({name:"ApFormItemTextArea",__name:"index",props:{htmlFor:{},prefixCls:{},label:{},help:{},extra:{},labelCol:{},wrapperCol:{},hasFeedback:{type:Boolean,default:!1},colon:{type:Boolean,default:void 0},labelAlign:{},prop:{},name:{},rules:{},autoLink:{type:Boolean,default:!0},required:{type:Boolean,default:void 0},validateFirst:{type:Boolean,default:void 0},validateStatus:{},validateTrigger:{},messageVariables:{},hidden:{type:Boolean},noStyle:{type:Boolean},tooltip:{},span:{},order:{},offset:{},push:{},pull:{},xs:{},sm:{},md:{},lg:{},xl:{},xxl:{},flex:{},valuePropName:{},field:{default:()=>({})},placeholder:{},disabled:{type:Boolean,default:!1}},setup(t,{expose:r}){const{TextArea:d}=s.ApField,u=t,a=e.ref();return r({focus:l=>{var o;(o=a.value)==null||o.focus(l)},blur:()=>{var l;(l=a.value)==null||l.blur()},resizableTextArea:e.computed(()=>{var l;return(l=a.value)==null?void 0:l.resizableTextArea})}),(l,o)=>(e.openBlock(),e.createBlock(n.default,e.normalizeProps(e.guardReactiveProps(e.unref(i.omit)(u,["field","disabled","placeholder"]))),{default:e.withCtx(()=>[e.createVNode(e.unref(d),e.mergeProps({ref_key:"textAreaRef",ref:a,disabled:l.disabled,placeholder:l.placeholder},l.field),null,16,["disabled","placeholder"])]),_:1},16))}});exports.default=p;

package/lib/src/ap-form/items/text-area/index.vue2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.vue.js");exports.default=e.default;

package/lib/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/lib/src/ap-form/modal-form/index.vue.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("ant-design-vue");require("../ap-form.vue.js");require("../../hooks/index.js");const T=require("../../utils/slot.js");require("../../config-provider/index.js");const R=require("lodash-unified");require("../style/modal-form.css");const j=require("../../utils/index.js"),M=require("../../hooks/useControllableValue.js"),O=require("../../config-provider/hooks/use-locale.js"),D=require("../../config-provider/hooks/use-namespace.js"),U=require("../ap-form.vue2.js");function g(d){return typeof d=="function"||Object.prototype.toString.call(d)==="[object Object]"&&!e.isVNode(d)}const L=e.defineComponent({__name:"index",props:{initialValues:{},layout:{default:"horizontal"},labelCol:{},wrapperCol:{},colon:{type:Boolean,default:!0},labelAlign:{default:"right"},labelWrap:{type:Boolean},prefixCls:{},requiredMark:{},hideRequiredMark:{type:Boolean,default:!1},rules:{},validateMessages:{},validateOnRuleChange:{type:Boolean,default:!0},scrollToFirstError:{},onSubmit:{},name:{},validateTrigger:{default:"change"},size:{},disabled:{type:Boolean},onValuesChange:{},onFieldsChange:{},onFinishFailed:{},onValidate:{},open:{type:Boolean,default:void 0},"onUpdate:open":{},modalProps:{default:()=>({})},title:{},width:{default:800},onFinish:{},submitter:{type:[Boolean,Object],default:()=>({resetButtonProps:!1})},showCancel:{type:Boolean,default:!0}},emits:["update:open"],setup(d,{expose:C,emit:B}){const o=d,m=e.useSlots(),N=B,s=e.ref(),c=e.ref(),r=e.ref(!1),{value:k,updateValue:f}=M.useControllableValue(o,N,{valuePropName:"open",defaultValue:!1}),{t:v}=O.useLocale(),{b:_,e:h}=D.useNamespace("ap-form-modal-form");e.watch(()=>s.value,l=>{var t;l&&c.value&&((t=l.setFieldsValue)==null||t.call(l,c.value),c.value=void 0)});const V=T.getSingleVNode(m.trigger),q=V?e.cloneVNode(V,{onClick:()=>{f(!0)}}):null,w=e.computed(()=>{var u,p,b,y;let l;const t=[];if(o.submitter===!1)return null;if(o.showCancel){let n;t.push(e.createVNode(i.Button,{onClick:F,disabled:r.value},g(n=v("ap.common.cancelText"))?n:{default:()=>[n]}))}return((u=o.submitter)==null?void 0:u.resetButtonProps)!==!1&&t.push(e.createVNode(i.Button,e.mergeProps(((p=o.submitter)==null?void 0:p.resetButtonProps)||{},{key:"submit",disabled:r.value,onClick:x}),{default:()=>{var n;return[((n=o.submitter)==null?void 0:n.resetText)||v("ap.common.resetText")]}})),((b=o.submitter)==null?void 0:b.submitButtonProps)!==!1&&t.push(e.createVNode(i.Button,e.mergeProps({type:"primary",key:"submit"},((y=o.submitter)==null?void 0:y.submitButtonProps)||{},{loading:r.value,onClick:P}),{default:()=>{var n;return[((n=o.submitter)==null?void 0:n.submitText)||v("ap.common.okText")]}})),m.submitter?e.createVNode(i.Flex,{justify:"flex-end",class:h("footer")},g(l=m.submitter(t))?l:{default:()=>[l]}):e.createVNode(i.Flex,{justify:"flex-end",class:h("footer")},{default:()=>[e.createVNode(i.Space,null,g(t)?t:{default:()=>[t]})]})});function x(){var l,t,a;o.submitter!==!1&&((l=s.value)==null||l.resetFields(),(a=(t=o.submitter)==null?void 0:t.onReset)==null||a.call(t))}async function P(){var l,t,a,u;if(o.submitter!==!1)try{const p=await((l=s.value)==null?void 0:l.validateFields());(a=(t=o.submitter)==null?void 0:t.onSubmit)==null||a.call(t),r.value=!0,await((u=o.onFinish)==null?void 0:u.call(o,j.convertReactiveToRaw(p)))&&f(!1)}finally{r.value=!1}}function F(){e.unref(r)||f(!1)}function S(l){!l&&e.unref(r)||f(l)}return C({resetFields:l=>{var t;(t=s.value)==null||t.resetFields(l)},clearValidate:l=>{var t;(t=s.value)==null||t.clearValidate(l)},validateFields:(l,t)=>{var a;return(a=s.value)==null?void 0:a.validateFields(l,t)},getFieldsValue:l=>{var t;return(t=s.value)==null?void 0:t.getFieldsValue(l)},validate:(l,t)=>{var a;return(a=s.value)==null?void 0:a.validate(l,t)},scrollToField:(l,t={})=>{var a;(a=s.value)==null||a.scrollToField(l,t)},setFieldValue:(l,t)=>{var a,u;(u=(a=s.value)==null?void 0:a.setFieldValue)==null||u.call(a,l,t)},setFieldsValue:l=>{var t,a;if(!s.value){c.value=l;return}(a=(t=s.value)==null?void 0:t.setFieldsValue)==null||a.call(t,l)}}),(l,t)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(i.Modal),e.mergeProps(l.modalProps,{open:e.unref(k),"onUpdate:open":S,onCancel:F,footer:null,width:l.width,class:e.unref(_)()}),{title:e.withCtx(()=>[e.renderSlot(l.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)])]),default:e.withCtx(()=>[e.createVNode(U.default,e.mergeProps({ref_key:"formRef",ref:s},e.unref(R.omit)(o,["modalProps","open","onUpdate:open","title","width","onFinish","submitter"])),{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default")]),_:3},16),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(w.value)))]),_:3},16,["open","width","class"]),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(q))))],64))}});exports.default=L;

package/lib/src/ap-form/modal-form/index.vue2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.vue.js");exports.default=e.default;

package/lib/src/ap-form/search-form/index.vue.d.ts

@@ -0,0 +1,79 @@
+import { ApFormExpose, ApFormSearchFormProps } from '../interface';
+import { DefineComponent, ComputedRef, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+import { FormLabelAlign } from 'ant-design-vue/es/form/interface';
+
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFormSearchFormProps>, {
+    layout: string;
+    hideRequiredMark: boolean;
+    colon: boolean;
+    labelAlign: string;
+    validateOnRuleChange: boolean;
+    validateTrigger: string;
+    defaultCollapse: boolean;
+    extraInAction: boolean;
+    forceExpand: boolean;
+    countPerRow: number;
+    collapse: undefined;
+    customReset: boolean;
+}>, {
+    apForm: ComputedRef<ApFormExpose<any> | undefined>;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:collapse": (...args: any[]) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFormSearchFormProps>, {
+    layout: string;
+    hideRequiredMark: boolean;
+    colon: boolean;
+    labelAlign: string;
+    validateOnRuleChange: boolean;
+    validateTrigger: string;
+    defaultCollapse: boolean;
+    extraInAction: boolean;
+    forceExpand: boolean;
+    countPerRow: number;
+    collapse: undefined;
+    customReset: boolean;
+}>>> & {
+    "onUpdate:collapse"?: ((...args: any[]) => any) | undefined;
+}, {
+    collapse: boolean;
+    layout: string;
+    validateTrigger: string | string[];
+    colon: boolean;
+    labelAlign: FormLabelAlign;
+    hideRequiredMark: boolean;
+    validateOnRuleChange: boolean;
+    countPerRow: number;
+    defaultCollapse: boolean;
+    customReset: boolean;
+    extraInAction: boolean;
+    forceExpand: boolean;
+}, {}>, Readonly<{
+    default(): any[];
+    extra(): any;
+}> & {
+    default(): any[];
+    extra(): any;
+}>;
+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/lib/src/ap-form/search-form/index.vue.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("ant-design-vue");require("../ap-form.vue.js");require("../ap-form-item-group/index.vue2.js");require("../ap-form-item.vue2.js");require("../../hooks/index.js");const N=require("../ap-form-item-group/helper.js"),D=require("@ant-design/icons-vue");require("../../config-provider/index.js");require("../style/search-form.css");const L=require("lodash-unified"),U=require("../../hooks/useControllableValue.js"),z=require("../../config-provider/hooks/use-namespace.js"),W=require("../../config-provider/hooks/use-locale.js"),b=require("../ap-form-item.vue.js"),$=require("../ap-form.vue2.js"),G=require("../ap-form-item-group/index.vue.js");function H(c){return typeof c=="function"||Object.prototype.toString.call(c)==="[object Object]"&&!e.isVNode(c)}const s=24,J=e.defineComponent({name:"ApFormSearchForm",__name:"index",props:{initialValues:{},layout:{default:"horizontal"},labelCol:{},wrapperCol:{},colon:{type:Boolean,default:!0},labelAlign:{default:"right"},labelWrap:{type:Boolean},prefixCls:{},requiredMark:{},hideRequiredMark:{type:Boolean,default:!1},rules:{},validateMessages:{},validateOnRuleChange:{type:Boolean,default:!0},scrollToFirstError:{},onSubmit:{},name:{},validateTrigger:{default:"change"},size:{},disabled:{type:Boolean},onValuesChange:{},onFieldsChange:{},onFinish:{},onFinishFailed:{},onValidate:{},collapse:{type:Boolean,default:void 0},defaultCollapse:{type:Boolean,default:!1},"onUpdate:collapse":{},searchText:{},resetText:{},onReset:{},customReset:{type:Boolean,default:!1},extraInAction:{type:Boolean,default:!1},forceExpand:{type:Boolean,default:!1},countPerRow:{default:4},submitLoading:{type:Boolean}},emits:["update:collapse"],setup(c,{expose:q,emit:B}){var v;const o=e.useSlots(),a=c,S=B,{value:f,updateValue:w}=U.useControllableValue(a,S,{valuePropName:"collapse",defaultValuePropName:"defaultCollapse"}),{b:P}=z.useNamespace("ap-form-search-form"),{t:g}=W.useLocale(),h=e.ref();function k(){w(!e.unref(f))}function T(){var t;(t=h.value)==null||t.validateFields().then(a.onSubmit)}function A(){var t,d,p;a.customReset||(d=(t=h.value)==null?void 0:t.resetFields)==null||d.call(t),(p=a.onReset)==null||p.call(a)}const C=e.shallowRef(N.genRealChildren(o.default())),i=e.shallowRef((v=o.extra)==null?void 0:v.call(o)),y=e.computed(()=>Math.floor(s/a.countPerRow));e.watch(()=>o.default(),t=>{C.value=N.genRealChildren(t)}),e.watch(()=>{var t;return(t=o.extra)==null?void 0:t.call(o)},t=>{i.value=t});const E=e.computed(()=>{let t;const d=[...e.unref(C)],p=[],F=[],n=e.unref(y);let m=0;d.forEach(l=>{const r=l.props;r!=null&&r.hidden?p.push(l):(m+=r.span||n,F.push(l))});const R=s-(m+n)%s,I=R<n?s:R,_=s-n*(e.unref(i)&&!a.extraInAction?2:1),M=!a.forceExpand&&m>_;let x=0;const j=F.map((l,r)=>{const V=l.props;return x+=V.span||n,e.cloneVNode(l,{span:V.span||n,key:`ApFormSearchFormItem-${r}`,hidden:!a.forceExpand&&e.unref(f)&&x>_})}),O=s-Math.min(_,x)-n;return e.createVNode(e.Fragment,null,[j,p,e.createVNode(b.default,{span:e.unref(y)},{default:()=>[e.createVNode(u.Flex,{justify:"space-between"},{default:()=>[e.createVNode(u.Space,null,{default:()=>[e.createVNode(u.Button,{type:"primary",onClick:T,loading:a.submitLoading},{default:()=>[a.searchText||g("ap.apForm.search.search")]}),e.createVNode(u.Button,{onClick:A},{default:()=>[a.resetText||g("ap.apForm.search.reset")]}),M?e.createVNode(u.Button,{onClick:k,icon:e.createVNode(D.DoubleRightOutlined,{style:"color:#B8C3D1",rotate:e.unref(f)?90:-90},null)},null):null]}),a.extraInAction?e.unref(i):null]})]}),!a.extraInAction&&e.unref(i)?e.createVNode(b.default,{span:e.unref(f)?O:I},{default:()=>[e.createVNode(u.Flex,{justify:"end"},H(t=e.unref(i))?t:{default:()=>[t]})]}):null])});return q({apForm:e.computed(()=>e.unref(h))}),(t,d)=>(e.openBlock(),e.createBlock($.default,e.mergeProps({class:e.unref(P)(),ref_key:"apForm",ref:h},e.unref(L.omit)(a,["collapse","defaultCollapse","onUpdate:collapse","searchText","resetText","onSubmit","onReset","extraInAction","forceExpand","countPerRow"])),{default:e.withCtx(()=>[e.createVNode(G.default,{"count-per-row":a.countPerRow},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(E.value)))]),_:1},8,["count-per-row"])]),_:1},16,["class"]))}});exports.default=J;

package/lib/src/ap-form/search-form/index.vue2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.vue.js");exports.default=e.default;

package/lib/src/ap-form/style/ap-form-item.css

@@ -1,4 +1,50 @@
 .aplus-ap-form-item--bordered {
+  box-sizing: border-box;
   border: 1px solid #dee4ed;
   border-radius: 4px;
+  padding-inline: 12px;
+}
+.aplus-ap-form-item--bordered .ant-input-affix-wrapper {
+  padding: 0;
+}
+.aplus-ap-form-item--bordered .ant-input {
+  padding: 0;
+}
+.aplus-ap-form-item--bordered .ant-input-number-input {
+  padding: 0;
+}
+.aplus-ap-form-item--bordered .ant-picker {
+  padding: 0;
+}
+.aplus-ap-form-item--bordered .ant-select-selector {
+  border-width: 0 !important;
+  height: 30px !important;
+}
+.aplus-ap-form-item--bordered .ant-select-arrow,
+.aplus-ap-form-item--bordered .ant-picker-clear {
+  inset-inline-end: 0;
+}
+.aplus-ap-form-item--bordered .ant-select-clear {
+  margin-right: -11px;
+}
+.aplus-ap-form-item--bordered .ant-form-item-label > label {
+  padding-right: 16px;
+  height: 30px;
+}
+.aplus-ap-form-item--bordered .ant-form-item-label > label::after {
+  margin: 0;
+}
+.aplus-ap-form-item--bordered .ant-form-item-control-input {
+  min-height: 30px;
+}
+.aplus-ap-form-item--bordered:hover {
+  border-color: #66a9ff;
+}
+.aplus-ap-form-item--bordered:focus {
+  border-color: #66a9ff;
+  box-shadow: 0 0 0 2px rgba(5, 155, 255, 0.1);
+}
+.aplus-ap-form-item--focused {
+  border-color: #66a9ff;
+  box-shadow: 0 0 0 2px rgba(5, 155, 255, 0.1);
 }

package/lib/src/ap-form/style/modal-form.css

@@ -0,0 +1,17 @@
+.aplus-ap-form-modal-form .ant-modal-content {
+  padding: 0;
+}
+.aplus-ap-form-modal-form .ant-modal-header {
+  padding: 15px 20px;
+  border-bottom: 1px solid #E9EDF3;
+  margin-bottom: 0;
+}
+.aplus-ap-form-modal-form .ant-modal-body {
+  padding: 20px;
+}
+.aplus-ap-form-modal-form__footer {
+  padding-top: 20px;
+}
+.aplus-ap-form-modal-form .ant-modal-close {
+  top: 16px;
+}

package/lib/src/ap-form/style/search-form.css

@@ -0,0 +1,3 @@
+.aplus-ap-form-search-form .ant-form-item {
+  margin-bottom: 16px;
+}