@aplus-frontend/ui 0.0.1-beta.2 → 0.0.1-beta.20

package/lib/src/ap-field/checkbox/index.vue.d.ts

@@ -0,0 +1,39 @@
+import { ApFieldCheckboxProps, FieldMode } from '../interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+import { CheckboxOptionType } from 'ant-design-vue';
+
+declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFieldCheckboxProps>, {
+    emptyText: string;
+    mode: string;
+    options: () => never[];
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:value": (...args: any[]) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFieldCheckboxProps>, {
+    emptyText: string;
+    mode: string;
+    options: () => never[];
+}>>> & {
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}, {
+    mode: FieldMode;
+    options: (string | number | CheckboxOptionType)[];
+    emptyText: string;
+}, {}>;
+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-field/checkbox/index.vue.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("lodash-unified"),s=require("ant-design-vue");require("../../hooks/index.js");const c=require("./helper.js"),k=require("../../hooks/useControllableValue.js"),v=e.defineComponent({name:"ApFieldCheckbox",inheritAttrs:!1,__name:"index",props:{mode:{default:"edit"},defaultValue:{},value:{},onChange:{},"onUpdate:value":{},name:{},prefixCls:{},options:{default:()=>[]},disabled:{type:Boolean},id:{},emptyText:{default:"-"},request:{}},emits:["update:value"],setup(p,{emit:d}){const f=d,t=p,n=e.ref(t.options),o=e.ref(!1);e.onMounted(()=>{r.isFunction(t.request)&&(o.value=!0,t.request().then(a=>n.value=a).finally(()=>{o.value=!1}))});const{value:l,updateValue:m}=k.useControllableValue(t,f,{defaultValue:[]});return(a,g)=>{var i;return a.mode==="read"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.unref(r.isNil)(e.unref(l))?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(t.emptyText),1)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(((i=n.value)==null?void 0:i.filter(u=>e.unref(l).indexOf(e.unref(c.getOptionValue)(u))>-1).map(u=>e.unref(c.getOptionLabel)(u)).join("、"))||t.emptyText),1)],64))],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[o.value?(e.openBlock(),e.createBlock(e.unref(s.Spin),{key:0,size:"small"})):(e.openBlock(),e.createBlock(e.unref(s.CheckboxGroup),e.mergeProps({key:1},e.unref(r.omit)(t,["onUpdate:value","value"]),{options:n.value,value:e.unref(l),"onUpdate:value":e.unref(m)}),null,16,["options","value","onUpdate:value"]))],64))}}});exports.default=v;

package/lib/src/ap-field/checkbox/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-field/date/constant.d.ts

@@ -0,0 +1,11 @@
+import { PickerMode } from 'ant-design-vue/es/vc-picker/interface';
+import { ApFormatPresetType } from './interface';
+
+export declare const ApFieldDatePresetFormats: string[];
+export declare const PRESET_FORMAT_MAP: Record<ApFormatPresetType, string>;
+export declare const PRESET_FORMAT_PICK_MAP: Record<ApFormatPresetType, PickerMode>;
+export declare const PRESET_FORMAT_TIME_MAP: Record<ApFormatPresetType, {
+    showTime: boolean;
+    showSecond?: boolean;
+    showMinute?: boolean;
+}>;

package/lib/src/ap-field/date/constant.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Y=["Y","Y-M","Y-D","Y-h","Y-m","Y-s"],e={Y:"YYYY","Y-M":"YYYY-MM","Y-D":"YYYY-MM-DD","Y-h":"YYYY-MM-DD HH","Y-m":"YYYY-MM-DD HH:mm","Y-s":"YYYY-MM-DD HH:mm:ss"},s={Y:"year","Y-M":"month","Y-D":"date","Y-h":"date","Y-m":"date","Y-s":"date"},M={Y:{showTime:!1},"Y-M":{showTime:!1},"Y-D":{showTime:!1},"Y-h":{showTime:!0,showSecond:!1,showMinute:!1},"Y-m":{showTime:!0,showSecond:!1},"Y-s":{showTime:!0}};exports.ApFieldDatePresetFormats=Y;exports.PRESET_FORMAT_MAP=e;exports.PRESET_FORMAT_PICK_MAP=s;exports.PRESET_FORMAT_TIME_MAP=M;

package/lib/src/ap-field/date/helper.d.ts

@@ -0,0 +1,5 @@
+import { EventValue } from 'ant-design-vue/es/vc-picker/interface';
+import { Dayjs } from 'dayjs';
+
+export declare const formatDay: (d: Dayjs, f: string, begin?: boolean) => number | null;
+export declare const formatValue: (v: EventValue<Dayjs>) => number | null;

package/lib/src/ap-field/date/helper.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=(e,f,o=!0)=>{if(!e)return null;let t=e.clone();return t=t.millisecond(0),f.indexOf("ss")===-1&&(t=t.second(o?0:59)),f.indexOf("mm")===-1&&(t=t.minute(o?0:59)),f.indexOf("HH")===-1&&(t=t.hour(o?0:23)),f.indexOf("DD")===-1&&(t=t.date(o?1:0),o||(t=t.month(t.month()+1))),f.indexOf("MM")===-1&&(t=t.month(o?0:12)),t.valueOf()},r=e=>e&&e.valueOf();exports.formatDay=n;exports.formatValue=r;

package/lib/src/ap-field/date/index.vue.d.ts

@@ -0,0 +1,57 @@
+import { ApFieldDateProps, FieldMode } from '../interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+import { DatePickerProps } from 'ant-design-vue';
+
+type ApFieldDataSlots = {
+    dateRender: any;
+    suffixIcon?: any;
+    prevIcon?: any;
+    nextIcon?: any;
+    superPrevIcon?: any;
+    superNextIcon?: any;
+    renderExtraFooter?: any;
+    monthCellRender?: any;
+    monthCellContentRender?: any;
+    clearIcon?: any;
+    default?: any;
+};
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFieldDateProps>, {
+    format: string;
+    mode: string;
+    fieldProps: () => {};
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:value": (...args: any[]) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFieldDateProps>, {
+    format: string;
+    mode: string;
+    fieldProps: () => {};
+}>>> & {
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}, {
+    mode: FieldMode;
+    format: string;
+    fieldProps: Omit< DatePickerProps, "mode" | "onOk" | "onChange" | "value" | "onUpdate:value" | "defaultValue" | "format">;
+}, {}>, Readonly<ApFieldDataSlots> & ApFieldDataSlots>;
+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-field/date/index.vue.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("dayjs"),C=require("ant-design-vue"),c=require("./constant.js");require("../../hooks/index.js");const p=require("lodash-unified"),m=require("./helper.js"),D=require("../../hooks/useControllableValue.js"),M=e.defineComponent({name:"ApFieldDate",__name:"index",props:{mode:{default:"edit"},fieldProps:{default:()=>({})},emptyText:{},value:{},defaultValue:{},onChange:{},onOk:{},format:{default:"Y-D"}},emits:["update:value"],setup(P,{emit:v}){const t=P,k=v,{value:i,updateValue:d}=D.useControllableValue(t,k),a=e.computed(()=>c.ApFieldDatePresetFormats.indexOf(t.format)>-1),u=e.computed(()=>a.value?c.PRESET_FORMAT_MAP[t.format]:t.format),_=e.computed(()=>p.isNil(e.unref(i))?void 0:s(e.unref(i))),g=e.computed(()=>e.unref(a)?t.fieldProps.picker??c.PRESET_FORMAT_PICK_MAP[t.format]:t.fieldProps.picker),y=e.computed(()=>{const r=e.unref(a)?c.PRESET_FORMAT_TIME_MAP[t.format]:{};return{...t.fieldProps,...r}});function O(r){if(p.isNil(r)){d(null);return}const n=s(r);e.unref(a)?d(m.formatDay(n,e.unref(u))):d(n.valueOf())}function h(r,n){var f;const l=s(r),o=e.unref(a)?m.formatDay(l,e.unref(u)):r?l.valueOf():null;(f=t.onChange)==null||f.call(t,o,n)}function T(r){var o;const n=s(r),l=e.unref(a)?m.formatDay(n,e.unref(u)):r?n.valueOf():null;(o=t.onOk)==null||o.call(t,l)}return(r,n)=>r.mode==="read"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(e.unref(i)?e.unref(s)(e.unref(i)).format(u.value):r.emptyText),1)],64)):(e.openBlock(),e.createBlock(e.unref(C.DatePicker),e.mergeProps({key:1},y.value,{value:_.value,format:u.value,"onUpdate:value":O,onChange:h,onOk:T,picker:g.value}),e.createSlots({_:2},[e.renderList(r.$slots,(l,o)=>({name:o,fn:e.withCtx(f=>[e.renderSlot(r.$slots,o,e.normalizeProps(e.guardReactiveProps(f||{})))])}))]),1040,["value","format","picker"]))}});exports.default=M;

package/lib/src/ap-field/date/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-field/date/interface.d.ts

@@ -0,0 +1,2 @@
+export type OmitValue<T> = Omit<T, 'value' | 'defaultValue' | 'onChange' | 'mode' | 'format'>;
+export type ApFormatPresetType = 'Y' | 'Y-M' | 'Y-D' | 'Y-h' | 'Y-m' | 'Y-s';

package/lib/src/ap-field/date-range/index.vue.d.ts

@@ -0,0 +1,59 @@
+import { ApFieldDateRangeProps, FieldMode } from '../interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+import { RangePickerProps } from 'ant-design-vue/es/date-picker';
+
+type ApFieldDateRangeSlots = {
+    suffixIcon?: any;
+    prevIcon?: any;
+    nextIcon?: any;
+    superPrevIcon?: any;
+    superNextIcon?: any;
+    dateRender?: any;
+    renderExtraFooter?: any;
+    default?: any;
+    separator?: any;
+    clearIcon?: any;
+};
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFieldDateRangeProps>, {
+    emptyText: string;
+    mode: string;
+    format: string;
+    fieldProps: () => {};
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:value": (...args: any[]) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFieldDateRangeProps>, {
+    emptyText: string;
+    mode: string;
+    format: string;
+    fieldProps: () => {};
+}>>> & {
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}, {
+    mode: FieldMode;
+    format: string;
+    emptyText: string;
+    fieldProps: Omit< RangePickerProps, "onOk" | "onChange" | "value" | "onUpdate:value" | "defaultValue" | "renderExtraFooter" | "onPanelChange">;
+}, {}>, Readonly<ApFieldDateRangeSlots> & ApFieldDateRangeSlots>;
+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-field/date-range/index.vue.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("../date/constant.js");require("../../hooks/index.js");const f=require("lodash-unified"),l=require("dayjs"),V=require("ant-design-vue"),i=require("../date/helper.js"),E=require("@ant-design/icons-vue"),R=require("../../hooks/useControllableValue.js"),q=e.defineComponent({__name:"index",props:{mode:{default:"edit"},fieldProps:{default:()=>({})},emptyText:{default:"-"},value:{},defaultValue:{},onChange:{},onOk:{},format:{default:"Y-D"}},emits:["update:value"],setup(P,{emit:D}){const n=P,y=D,u=e.computed(()=>g.ApFieldDatePresetFormats.indexOf(n.format)>-1),a=e.computed(()=>u.value?g.PRESET_FORMAT_MAP[n.format]:n.format),{value:v,updateValue:k}=R.useControllableValue(n,y),m=e.computed(()=>{var t,r;if(!f.isNil(e.unref(v)))return[l((t=e.unref(v))==null?void 0:t[0]),l((r=e.unref(v))==null?void 0:r[1])]}),S=e.computed(()=>e.unref(u)?n.fieldProps.picker??g.PRESET_FORMAT_PICK_MAP[n.format]:n.fieldProps.picker),T=e.computed(()=>{const t=e.unref(u)?g.PRESET_FORMAT_TIME_MAP[n.format]:{};return{...n.fieldProps,...t}});function _(t){t||k(null);const r=f.isString(t[0])?l(t[0]):t[0],o=f.isString(t[1])?l(t[1]):t[1];e.unref(u)?k([i.formatDay(r,e.unref(a)),i.formatDay(o,e.unref(a),!1)]):k([i.formatValue(r),i.formatValue(o)])}function O(t){var c;const r=f.isString(t[0])?l(t[0]):t[0],o=f.isString(t[1])?l(t[1]):t[1],s=t[0]?e.unref(u)?i.formatDay(r,e.unref(a)):r.valueOf():null,p=t[1]?e.unref(u)?i.formatDay(o,e.unref(a),!1):o.valueOf():null;(c=n.onOk)==null||c.call(n,[s,p])}function h(t,r){var d;const o=f.isString(t[0])?l(t[0]):t[0],s=f.isString(t[1])?l(t[1]):t[1],p=t[0]?e.unref(u)?i.formatDay(o,e.unref(a)):o.valueOf():null,c=t[1]?e.unref(u)?i.formatDay(s,e.unref(a),!1):s.valueOf():null;(d=n.onChange)==null||d.call(n,[p,c],r)}return(t,r)=>{var o,s;return t.mode==="read"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[m.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString((o=m.value[0])==null?void 0:o.format(a.value))+" ",1),e.createVNode(e.unref(E.SwapRightOutlined)),e.createTextVNode(" "+e.toDisplayString((s=m.value[1])==null?void 0:s.format(a.value)),1)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(t.emptyText),1)],64))],64)):(e.openBlock(),e.createBlock(e.unref(V.DatePicker).RangePicker,e.mergeProps({key:1},T.value,{value:m.value,"onUpdate:value":_,onChange:h,picker:S.value,format:a.value,onOk:O}),e.createSlots({_:2},[e.renderList(t.$slots,(p,c)=>({name:c,fn:e.withCtx(d=>[e.renderSlot(t.$slots,c,e.normalizeProps(e.guardReactiveProps(d||{})))])}))]),1040,["value","picker","format"]))}}});exports.default=q;

package/lib/src/ap-field/date-range/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-field/index.d.ts

@@ -0,0 +1,24 @@
+import { default as ApFieldText } from './text/index.vue';
+import { default as ApFieldCheckbox } from './checkbox/index.vue';
+import { default as ApFieldDate } from './date/index.vue';
+import { default as ApFieldNumber } from './number/index.vue';
+import { default as ApFieldRadio } from './radio/index.vue';
+import { default as ApFieldSwitch } from './switch/index.vue';
+import { default as ApFieldTextArea } from './text-area/index.vue';
+import { default as ApFieldDateRange } from './date-range/index.vue';
+import { default as ApFieldSelect } from './select/index.vue';
+
+export type FieldType = {
+    Text: typeof ApFieldText;
+    TextArea: typeof ApFieldTextArea;
+    Number: typeof ApFieldNumber;
+    Date: typeof ApFieldDate;
+    DateRange: typeof ApFieldDateRange;
+    Radio: typeof ApFieldRadio;
+    Checkbox: typeof ApFieldCheckbox;
+    Select: typeof ApFieldSelect;
+    Switch: typeof ApFieldSwitch;
+};
+export declare const ApField: FieldType;
+export * from './interface';
+export { ApFieldText, ApFieldCheckbox, ApFieldDate, ApFieldNumber, ApFieldRadio, ApFieldSwitch, ApFieldTextArea, ApFieldDateRange, ApFieldSelect };

package/lib/src/ap-field/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./text/index.vue2.js");require("./checkbox/index.vue2.js");require("./date/index.vue2.js");require("./number/index.vue2.js");require("./radio/index.vue2.js");require("./switch/index.vue2.js");require("./text-area/index.vue2.js");require("./date-range/index.vue2.js");require("./select/index.vue2.js");require("./interface.js");const e=require("./text/index.vue.js"),t=require("./text-area/index.vue.js"),u=require("./number/index.vue.js"),r=require("./date/index.vue.js"),_=require("./date-range/index.vue.js"),i=require("./radio/index.vue.js"),l=require("./checkbox/index.vue.js"),d=require("./select/index.vue.js"),a=require("./switch/index.vue.js"),p={Text:e.default,TextArea:t.default,Number:u.default,Date:r.default,DateRange:_.default,Radio:i.default,Checkbox:l.default,Select:d.default,Switch:a.default};exports.ApFieldText=e.default;exports.ApFieldTextArea=t.default;exports.ApFieldNumber=u.default;exports.ApFieldDate=r.default;exports.ApFieldDateRange=_.default;exports.ApFieldRadio=i.default;exports.ApFieldCheckbox=l.default;exports.ApFieldSelect=d.default;exports.ApFieldSwitch=a.default;exports.ApField=p;

package/lib/src/ap-field/interface.d.ts

@@ -0,0 +1,92 @@
+import { InputProps, CheckboxGroupProps, DatePickerProps, InputNumberProps, RadioGroupProps, SwitchProps, TextAreaProps, SelectProps, PopconfirmProps } from 'ant-design-vue';
+import { InputFocusOptions } from 'ant-design-vue/es/vc-input/utils/commonUtils';
+import { ApFormatPresetType } from './date/interface';
+import { RangeValue } from 'ant-design-vue/es/vc-picker/interface';
+import { RangePickerProps } from 'ant-design-vue/es/date-picker/dayjs';
+import { LiteralUnion } from '../type';
+
+export type FieldMode = 'read' | 'edit';
+export type BasicApFieldProps<FieldPropsType = any> = {
+    mode?: FieldMode;
+} & FieldPropsType;
+export type ApFieldComposedProps<FieldPropsType = any> = {
+    mode?: FieldMode;
+    fieldProps?: FieldPropsType;
+};
+export type ApFieldTextProps = BasicApFieldProps<InputProps> & {
+    emptyText?: string;
+};
+export type ApFieldTextExpose = {
+    focus: (options?: InputFocusOptions) => void;
+    blur: () => void;
+    input: any;
+    setSelectionRange: (start: number, end: number, direction?: 'forward' | 'backward' | 'none') => void;
+    select: () => void;
+};
+export type ApFieldCheckboxProps = BasicApFieldProps<CheckboxGroupProps> & {
+    emptyText?: string;
+    request?: () => Promise<CheckboxGroupProps['options']>;
+};
+export type ApFieldDateProps = ApFieldComposedProps<Omit<DatePickerProps, 'mode' | 'value' | 'defaultValue' | 'onChange' | 'onOk' | 'format' | 'onUpdate:value'>> & {
+    emptyText?: string;
+    value?: number | null;
+    defaultValue?: number;
+    onChange?: (ts: number | null, dayStr: string) => void;
+    onOk?: (ts: number | null) => void;
+    format?: LiteralUnion<ApFormatPresetType, string>;
+};
+export type ApFieldNumberProps = BasicApFieldProps<InputNumberProps> & {
+    emptyText?: string;
+    /**
+     * 是否展示千分位，只读模式可用
+     */
+    thousands?: boolean;
+    /**
+     * 强制保留指定的小数位，只读模式可用，只有在设置了`precision`才生效
+     */
+    limitDecimalsRetain?: boolean;
+};
+export type ApiFieldNumberExpose = {
+    focus: () => void;
+    blur: () => void;
+};
+export type ApFieldRadioProps = BasicApFieldProps<RadioGroupProps> & {
+    emptyText?: string;
+    request?: () => Promise<RadioGroupProps['options']>;
+};
+export type ApiFieldRadioExpose = {
+    focus: () => void;
+    blur: () => void;
+};
+export type ApFieldSwitchProps = BasicApFieldProps<Omit<SwitchProps, 'onClick'>> & {
+    emptyText?: string;
+    onAction?: (checked: string | boolean | number, e?: Event) => boolean | Promise<boolean>;
+    confirm?: Pick<PopconfirmProps, 'title' | 'okText' | 'cancelText' | 'description' | 'showCancel' | 'icon' | 'okType' | 'onCancel'>;
+};
+export type ApFieldTextAreaProps = BasicApFieldProps<TextAreaProps> & {
+    emptyText?: string;
+};
+export type ApFieldTextAreaExpose = {
+    focus: (options?: InputFocusOptions) => void;
+    blur: () => void;
+    resizableTextArea: any;
+};
+export type ApFieldDateRangeProps = ApFieldComposedProps<Omit<RangePickerProps, 'value' | 'onChange' | 'onPanelChange' | 'defaultValue' | 'onOk' | 'renderExtraFooter' | 'onUpdate:value'>> & {
+    emptyText?: string;
+    value?: RangeValue<number>;
+    defaultValue?: RangeValue<number>;
+    onChange?: (ts: RangeValue<number>, dayStr: [string, string]) => void;
+    onOk?: (ts: RangeValue<number>) => void;
+    format?: LiteralUnion<ApFormatPresetType, string>;
+};
+export type ApFieldSelectProps = ApFieldComposedProps<Omit<SelectProps, 'mode' | 'value' | 'onUpdate:value' | 'onSearch'>> & {
+    emptyText?: string;
+    request?: (value?: string) => Promise<SelectProps['options']>;
+    multiple?: boolean;
+    value?: SelectProps['value'];
+    'onUpdate:value'?: SelectProps['onUpdate:value'];
+};
+export type ApFieldSelectSlots = {
+    focus: () => void;
+    blur: () => void;
+};

package/lib/src/ap-field/interface.js

@@ -0,0 +1 @@
+"use strict";

package/lib/src/ap-field/number/helper.d.ts

@@ -0,0 +1 @@
+export declare function addZeroToDecimalPlaces(numStr: string, precision?: number): string;

package/lib/src/ap-field/number/helper.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("lodash-unified");function a(t,l){if(o.isNil(l))return t;let[i,e=""]=t.split(".");if(e.length>=l)return t;for(let r=e.length;r<l;r++)e+="0";return i+"."+e}exports.addZeroToDecimalPlaces=a;

package/lib/src/ap-field/number/index.vue.d.ts

@@ -0,0 +1,72 @@
+import { ApFieldNumberProps } from '../interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+import { ValueType } from 'ant-design-vue/es/input-number/src/utils/MiniDecimal';
+
+type ApFieldNumberSlots = {
+    addonBefore?: any;
+    addonAfter?: any;
+    prefix?: any;
+    default?: any;
+    upIcon?: any;
+    downIcon?: any;
+};
+declare function focus(): void;
+declare function blur(): void;
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFieldNumberProps>, {
+    emptyText: string;
+    thousands: boolean;
+    bordered: boolean;
+    controls: boolean;
+    keyboard: boolean;
+    max: number;
+    min: number;
+    step: number;
+}>, {
+    focus: typeof focus;
+    blur: typeof blur;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:value": (...args: any[]) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFieldNumberProps>, {
+    emptyText: string;
+    thousands: boolean;
+    bordered: boolean;
+    controls: boolean;
+    keyboard: boolean;
+    max: number;
+    min: number;
+    step: number;
+}>>> & {
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}, {
+    keyboard: boolean;
+    bordered: boolean;
+    min: ValueType;
+    max: ValueType;
+    step: ValueType;
+    controls: boolean;
+    emptyText: string;
+    thousands: boolean;
+}, {}>, Readonly<ApFieldNumberSlots> & ApFieldNumberSlots>;
+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-field/number/index.vue.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),b=require("ant-design-vue");require("../../hooks/index.js");const s=require("lodash-unified"),k=require("@fruits-chain/utils"),g=require("./helper.js");require("../../config-provider/index.js");require("./style.css");const S=require("../../config-provider/hooks/use-namespace.js"),q=require("../../hooks/useControllableValue.js"),C=e.defineComponent({name:"ApFieldNumber",__name:"index",props:{mode:{},size:{},bordered:{type:Boolean,default:!0},placeholder:{},name:{},id:{},type:{},addonBefore:{},addonAfter:{},prefix:{},"onUpdate:value":{},valueModifiers:{},status:{},stringMode:{type:Boolean},defaultValue:{},value:{},prefixCls:{},min:{default:-1/0},max:{default:1/0},step:{default:1},tabindex:{},controls:{type:Boolean,default:!0},readonly:{type:Boolean},disabled:{type:Boolean},autofocus:{type:Boolean},keyboard:{type:Boolean,default:!0},parser:{},formatter:{},precision:{},decimalSeparator:{},onInput:{},onChange:{},onPressEnter:{},onStep:{},onBlur:{},onFocus:{},emptyText:{default:"-"},thousands:{type:Boolean,default:!1},limitDecimalsRetain:{type:Boolean}},emits:["update:value"],setup(i,{expose:d,emit:p}){const c=p,{b:n}=S.useNamespace("field-number"),o=i,a=e.ref(),{value:l,updateValue:f}=q.useControllableValue(o,c),m=e.computed(()=>{let t=e.unref(l);if(s.isNil(t))return o.emptyText;let r=o.thousands?k.toDecimalMark(t,o.precision):String(t);return o.precision&&o.limitDecimalsRetain&&(r=g.addZeroToDecimalPlaces(r,o.precision)),r});function y(){var t;(t=a.value)==null||t.focus()}function v(){var t;(t=a.value)==null||t.blur()}return d({focus:y,blur:v}),(t,r)=>t.mode==="read"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.$slots.prefix?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(n)("label-left"))},[e.renderSlot(t.$slots,"prefix")],2)):e.createCommentVNode("",!0),e.createElementVNode("span",null,e.toDisplayString(m.value),1),t.$slots.addonAfter?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(n)("label-right"))},[e.renderSlot(t.$slots,"addonAfter")],2)):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createBlock(e.unref(b.InputNumber),e.mergeProps({key:1},e.unref(s.omit)(o,["value","onUpdate:value"]),{value:e.unref(l),"onUpdate:value":e.unref(f),ref_key:"inputRef",ref:a}),e.createSlots({_:2},[e.renderList(t.$slots,(h,u)=>({name:u,fn:e.withCtx(B=>[e.renderSlot(t.$slots,u,e.normalizeProps(e.guardReactiveProps(B||{})))])}))]),1040,["value","onUpdate:value"]))}});exports.default=C;

package/lib/src/ap-field/number/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-field/number/style.css

@@ -0,0 +1,6 @@
+.aplus-field-number-label-left {
+  padding-right: 4px;
+}
+.aplus-field-number-label-right {
+  padding-left: 4px;
+}

package/lib/src/ap-field/radio/helper.d.ts

@@ -0,0 +1,4 @@
+import { RadioGroupChildOption } from 'ant-design-vue/es/radio/Group';
+
+export declare const getOptionValue: (v: RadioGroupChildOption | string | number) => any;
+export declare const getOptionLabel: (v: RadioGroupChildOption | string | number) => any;

package/lib/src/ap-field/radio/helper.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=e=>typeof e=="object"?e.value:e,o=e=>typeof e=="object"?e.label:e;exports.getOptionLabel=o;exports.getOptionValue=t;

package/lib/src/ap-field/radio/index.vue.d.ts

@@ -0,0 +1,40 @@
+import { ApFieldRadioProps, FieldMode } from '../interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+
+declare function focus(): void;
+declare function blur(): void;
+declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFieldRadioProps>, {
+    emptyText: string;
+    mode: string;
+}>, {
+    focus: typeof focus;
+    blur: typeof blur;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:value": (...args: any[]) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFieldRadioProps>, {
+    emptyText: string;
+    mode: string;
+}>>> & {
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}, {
+    mode: FieldMode;
+    emptyText: string;
+}, {}>;
+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-field/radio/index.vue.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("ant-design-vue");require("../../hooks/index.js");const c=require("lodash-unified"),p=require("./helper.js"),B=require("../../hooks/useControllableValue.js"),x=e.defineComponent({name:"ApFieldRadio",__name:"index",props:{mode:{default:"edit"},prefixCls:{},value:{},size:{},options:{},disabled:{type:Boolean},name:{},buttonStyle:{},id:{},optionType:{},onChange:{},"onUpdate:value":{},emptyText:{default:"-"},request:{}},emits:["update:value"],setup(d,{expose:f,emit:v}){const o=d,m=v,u=e.ref(),l=e.ref((o==null?void 0:o.options)||[]),{value:r,updateValue:y}=B.useControllableValue(o,m),a=e.ref(!1);e.onMounted(()=>{var t;o.request&&(a.value=!0,(t=o.request)==null||t.call(o).then(n=>l.value=n).finally(()=>{a.value=!1}))});const g=e.computed(()=>{var i;const t=e.unref(r);if(c.isNil(t))return o.emptyText;const n=(i=l.value)==null?void 0:i.find(b=>t===p.getOptionValue(b));return p.getOptionLabel(n)||o.emptyText});function k(){var t;(t=u.value)==null||t.focus()}function q(){var t;(t=u.value)==null||t.blur()}return f({focus:k,blur:q}),(t,n)=>t.mode==="read"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(g.value),1)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[a.value?(e.openBlock(),e.createBlock(e.unref(s.Spin),{key:0,size:"small"})):(e.openBlock(),e.createBlock(e.unref(s.RadioGroup),e.mergeProps({key:1},e.unref(c.omit)(o,["value","onUpdate:value","options","request"]),{value:e.unref(r),"onUpdate:value":e.unref(y),options:l.value,ref_key:"radioGroupRef",ref:u}),null,16,["value","onUpdate:value","options"]))],64))}});exports.default=x;

package/lib/src/ap-field/radio/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;