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

package/lib/src/ap-form/ap-form-item-group/index.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("ant-design-vue"),f=require("lodash-unified"),m=require("../constant.js"),g=require("./helper.js");require("../../config-provider/index.js");require("../style/ap-form-item-group.css");const k=require("../../config-provider/hooks/use-namespace.js");function y(n){return typeof n=="function"||Object.prototype.toString.call(n)==="[object Object]"&&!e.isVNode(n)}const _=e.defineComponent({name:"ApFormItemGroup",__name:"index",props:{align:{},justify:{},prefixCls:{},gutter:{default:16},wrap:{type:Boolean,default:void 0},countPerRow:{default:3}},setup(n){const{b:s}=k.useNamespace("ap-form-item-group"),{countPerRow:a,...l}=n,i=e.useSlots().default().map((r,c)=>{const t=r.props,o=f.pick(t,m.apFormItemColPropKeys),p=o!=null&&o.span?{}:g.buildColSpan(a),d=!!(t!=null&&t.hidden);return e.createVNode(u.Col,e.mergeProps({key:c},p,o,{class:d?s("col-hidden"):""}),y(r)?r:{default:()=>[r]})});return(r,c)=>(e.openBlock(),e.createBlock(e.unref(u.Row),e.mergeProps({class:e.unref(s)()},l),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(i),(t,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t),{key:o}))),128))]),_:1},16,["class"]))}});exports.default=_;
+"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/ap-form-item.vue.d.ts

@@ -1,6 +1,17 @@
 import { ApFormItemProps } from './interface';
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 
+type ApFormItemSlots = {
+    help: any;
+    label: any;
+    extra: any;
+    default(): VNode[];
+};
+declare function onFieldBlur(): void;
+declare function onFieldChange(): void;
+declare function clearValidate(): void;
+declare function resetField(): void;
+declare function getFieldValue(): any;
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFormItemProps>, {
     hasFeedback: boolean;
     colon: undefined;
@@ -8,13 +19,21 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     required: undefined;
     validateFirst: undefined;
     bordered: boolean;
-}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFormItemProps>, {
+    valuePropName: string;
+}>, {
+    onFieldBlur: typeof onFieldBlur;
+    onFieldChange: typeof onFieldChange;
+    clearValidate: typeof clearValidate;
+    resetField: typeof resetField;
+    getFieldValue: typeof getFieldValue;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFormItemProps>, {
     hasFeedback: boolean;
     colon: undefined;
     autoLink: boolean;
     required: undefined;
     validateFirst: undefined;
     bordered: boolean;
+    valuePropName: string;
 }>>>, {
     required: boolean;
     bordered: boolean;
@@ -22,9 +41,8 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     hasFeedback: boolean;
     autoLink: boolean;
     validateFirst: boolean;
-}, {}>, {
-    default?(_: {}): any;
-}>;
+    valuePropName: string;
+}, {}>, Readonly<ApFormItemSlots> & ApFormItemSlots>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/lib/src/ap-form/ap-form-item.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./ap-form-item.vue2.js");exports.default=e.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),B=require("ant-design-vue"),d=require("lodash-unified"),S=require("./constant.js"),_=require("@ant-design/icons-vue");require("../config-provider/index.js");const w=require("./context.js");require("./style/ap-form-item.css");const A=require("../config-provider/hooks/use-namespace.js"),R=e.defineComponent({name:"ApFormItem",__name:"ap-form-item",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},valuePropName:{default:"value"}},setup(F,{expose:b}){var v,y;const t=F,r=e.useSlots(),{model:u,updateModel:s}=w.useInjectForm(),{m:c}=A.useNamespace("ap-form-item"),i=e.ref(!1),n=e.ref(),f=e.computed(()=>t.name?d.isArray(t.name)?t.name.reduce((o,l)=>o==null?void 0:o[l],e.unref(u)):u==null?void 0:u.value[t.name]:null),m=e.ref((y=(v=r.default)==null?void 0:v.call(r))==null?void 0:y[0]);e.watch(()=>{var o;return(o=r.default)==null?void 0:o.call(r)},o=>{m.value=o==null?void 0:o[0]});function C(o){s==null||s(t.name,o)}function g(){i.value=!0}function N(){i.value=!1}const p=e.computed(()=>{var l,a;if(!t.name)return(l=r.default())==null?void 0:l[0];const o=e.unref(m);return o?e.cloneVNode(o,{[t.valuePropName]:e.unref(f),[`onUpdate:${t.valuePropName}`]:C,bordered:t.bordered?!1:(a=o==null?void 0:o.props)==null?void 0:a.bordered,onFocus:g,onBlur:N}):null});function q(){var o;(o=n.value)==null||o.onFieldBlur()}function x(){var o;(o=n.value)==null||o.onFieldChange()}function k(){var o;(o=n.value)==null||o.clearValidate()}function V(){var o;(o=n.value)==null||o.resetField()}function P(){return e.unref(f)}return b({onFieldBlur:q,onFieldChange:x,clearValidate:k,resetField:V,getFieldValue:P}),(o,l)=>(e.openBlock(),e.createBlock(e.unref(B.Form).Item,e.mergeProps({ref_key:"formItemRef",ref:n},e.unref(d.omit)(t,[...e.unref(S.apFormItemColPropKeys),"tooltip"]),{class:{[e.unref(c)("bordered")]:o.bordered,[e.unref(c)("focused")]:o.bordered&&i.value},colon:o.bordered?!1:t.colon}),e.createSlots({default:e.withCtx(()=>[p.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(p.value),{key:0})):e.createCommentVNode("",!0)]),_:2},[t.tooltip?{name:"tooltip",fn:e.withCtx(({class:a})=>[e.createElementVNode("span",{class:e.normalizeClass(a)},[e.createVNode(e.unref(B.Tooltip),{title:t.tooltip},{default:e.withCtx(()=>[e.createVNode(e.unref(_.QuestionCircleOutlined),{style:{color:"#0070ff"}})]),_:1},8,["title"])],2)]),key:"0"}:void 0,e.renderList(e.unref(d.omit)(r,"default"),(a,h)=>({name:h,fn:e.withCtx(I=>[e.renderSlot(o.$slots,h,e.normalizeProps(e.guardReactiveProps(I||{})))])}))]),1040,["class","colon"]))}});exports.default=R;

package/lib/src/ap-form/ap-form-item.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("ant-design-vue"),n=require("lodash-unified"),i=require("./constant.js"),u=require("@ant-design/icons-vue");require("../config-provider/index.js");require("./style/ap-form-item.css");const d=require("../config-provider/hooks/use-namespace.js"),p=e.defineComponent({name:"ApFormItem",__name:"ap-form-item",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}},setup(r){const t=r,{m:a}=d.useNamespace("ap-form-item");return(o,c)=>(e.openBlock(),e.createBlock(e.unref(l.Form).Item,e.mergeProps(e.unref(n.omit)(t,[...e.unref(i.apFormItemColPropKeys),"tooltip"]),{class:o.bordered?e.unref(a)("bordered"):null}),e.createSlots({default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:2},[t.tooltip?{name:"tooltip",fn:e.withCtx(({class:s})=>[e.createElementVNode("span",{class:e.normalizeClass(s)},[e.createVNode(e.unref(l.Tooltip),{title:t.tooltip},{default:e.withCtx(()=>[e.createVNode(e.unref(u.QuestionCircleOutlined),{style:{color:"#0070ff"}})]),_:1},8,["title"])],2)]),key:"0"}:void 0]),1040,["class"]))}});exports.default=p;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./ap-form-item.vue.js");exports.default=e.default;

package/lib/src/ap-form/ap-form-list.vue.d.ts

@@ -0,0 +1,35 @@
+import { ApFormListProps } from './interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+
+type FormListField = {
+    key: number;
+    name: (string | number)[];
+    value: any;
+    fieldName: number;
+};
+type FormListActions = {
+    add: (defaultValue?: any) => void;
+    remove: (name: number) => void;
+};
+type ApFormListSlots = {
+    default(props: {
+        fields: FormListField[];
+        actions: FormListActions;
+    }): any;
+};
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_TypePropsToRuntimeProps<ApFormListProps>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ApFormListProps>>>, {}, {}>, Readonly<ApFormListSlots> & ApFormListSlots>;
+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_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/src/ap-form/ap-form-list.vue.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),v=require("./context.js"),y=require("lodash-unified"),h=t.defineComponent({name:"ApFormList",__name:"ap-form-list",props:{name:{}},setup(f){let u=1;const o=[],r=f,{model:c,updateModel:s}=v.useInjectForm(),a=t.computed(()=>y.isArray(r.name)?r.name.reduce((e,n)=>e==null?void 0:e.value[n],c):c==null?void 0:c.value[r.name]);function m(e=void 0){const n=t.unref(a)?[...t.unref(a),e]:[e];o.push(u),u+=1,s==null||s(r.name,n)}function d(e){let n=t.unref(a)||[];n=[...n.slice(0,e),...n.slice(e+1)],o.splice(e,1),s==null||s(r.name,n)}const p={add:m,remove:d},_=t.computed(()=>(t.unref(a)||[]).map((n,i)=>{let l=o[i];return typeof l>"u"&&(o[i]=u,l=u,u+=1),{key:l,fieldName:i,name:[r.name,i],value:n}}));return(e,n)=>t.renderSlot(e.$slots,"default",{fields:_.value,actions:p})}});exports.default=h;

package/lib/src/ap-form/ap-form-list.vue2.js

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

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

@@ -0,0 +1,66 @@
+import { ApFormProps } from './interface';
+import { InternalNamePath, NamePath, ValidateOptions, FormLabelAlign } from 'ant-design-vue/es/form/interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFormProps>, {
+    layout: string;
+    hideRequiredMark: boolean;
+    colon: boolean;
+    labelAlign: string;
+    validateOnRuleChange: boolean;
+    validateTrigger: string;
+}>, {
+    resetFields: (name?: NamePath | undefined) => void;
+    clearValidate: (name?: NamePath | undefined) => void;
+    validateFields: (nameList?: string | NamePath[] | undefined, options?: ValidateOptions | undefined) => Promise<{
+        [key: string]: any;
+    }> | undefined;
+    getFieldsValue: (nameList?: true | InternalNamePath[] | undefined) => {
+        [key: string]: any;
+    } | undefined;
+    validate: (nameList?: string | NamePath[] | undefined, options?: ValidateOptions | undefined) => Promise<{
+        [key: string]: any;
+    }> | undefined;
+    scrollToField: (name: NamePath, options?: {}) => void;
+    setFieldsValue: (values: Record<string, any>) => void;
+    setFieldValue: (key: string, newValue: any) => void;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFormProps>, {
+    layout: string;
+    hideRequiredMark: boolean;
+    colon: boolean;
+    labelAlign: string;
+    validateOnRuleChange: boolean;
+    validateTrigger: string;
+}>>>, {
+    layout: string;
+    validateTrigger: string | string[];
+    colon: boolean;
+    labelAlign: FormLabelAlign;
+    hideRequiredMark: boolean;
+    validateOnRuleChange: boolean;
+}, {}>, {
+    default?(_: {}): 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/ap-form.vue.js

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),c=require("ant-design-vue"),f=require("./context.js"),F=require("lodash-unified"),p=a.defineComponent({__name:"ap-form",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:{}},setup(d,{expose:n}){const s=d;function u(e,l){if(F.isArray(e)){let t=r;for(let i=0;i<e.length-1;i++)t=t[e[i]];t[e[e.length-1]]=l}else r[e]=l}const o=a.ref(),r=a.reactive(s.initialValues||{});return f.useProvideForm({model:a.computed(()=>r),updateModel:u}),n({resetFields:e=>{var l;(l=o.value)==null||l.resetFields(e)},clearValidate:e=>{var l;(l=o.value)==null||l.clearValidate(e)},validateFields:(e,l)=>{var t;return(t=o.value)==null?void 0:t.validateFields(e,l)},getFieldsValue:e=>{var l;return(l=o.value)==null?void 0:l.getFieldsValue(e)},validate:(e,l)=>{var t;return(t=o.value)==null?void 0:t.validate(e,l)},scrollToField:(e,l={})=>{var t;(t=o.value)==null||t.scrollToField(e,l)},setFieldsValue:e=>{Object.assign(r,e)},setFieldValue:(e,l)=>{r[e]=l}}),(e,l)=>(a.openBlock(),a.createBlock(a.unref(c.Form),a.mergeProps({ref_key:"formRef",ref:o},s,{model:r}),{default:a.withCtx(()=>[a.renderSlot(e.$slots,"default")]),_:3},16,["model"]))}});exports.default=p;

package/lib/src/ap-form/context.d.ts

@@ -0,0 +1,11 @@
+import { NamePath } from 'ant-design-vue/es/form/interface';
+import { ComputedRef, InjectionKey } from 'vue';
+
+type ApFormContextProps<ModelType> = {
+    model?: ComputedRef<ModelType>;
+    updateModel?: (name: NamePath, value: any) => void;
+};
+export declare const ApFormContextKey: InjectionKey<ApFormContextProps<any>>;
+export declare function useProvideForm<ModelType>(state: ApFormContextProps<ModelType>): void;
+export declare function useInjectForm(): ApFormContextProps<any>;
+export {};

package/lib/src/ap-form/context.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o=Symbol("formContextKey");function r(t){e.provide(o,t)}function n(){return e.inject(o,{model:e.computed(()=>({})),updateModel:()=>{}})}exports.ApFormContextKey=o;exports.useInjectForm=n;exports.useProvideForm=r;