@aplus-frontend/ui 0.0.1-beta.5 → 0.0.1-beta.7

package/lib/src/ap-action/item-popconfirm/index.vue.d.ts

@@ -0,0 +1,343 @@
+import { ApActionItemPopconfirmProps, ActionColor } from '../interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType, HTMLAttributes, CSSProperties } from 'vue';
+import { LegacyButtonType, ButtonHTMLType } from 'ant-design-vue/es/button/buttonTypes';
+import { ButtonType, ButtonShape, ButtonSize } from 'ant-design-vue/es/button';
+import { VueTypeValidableDef } from '../../../node_modules/vue-types';
+import { MouseEventHandler } from 'ant-design-vue/es/_util/EventInterface';
+import { TriggerType } from 'ant-design-vue/es/tooltip/abstractTooltipProps';
+import { TooltipPlacement, AdjustOverflow } from 'ant-design-vue/es/tooltip';
+import { LiteralUnion } from 'ant-design-vue/es/_util/type';
+import { PresetColorType } from 'ant-design-vue/es/_util/colors';
+import { AlignType, BuildInPlacements } from 'ant-design-vue/es/vc-trigger/interface';
+
+declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApActionItemPopconfirmProps>, {
+    color: string;
+    disabled: boolean;
+    visible: boolean;
+    loading: boolean;
+    popconfirmProps: () => {};
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApActionItemPopconfirmProps>, {
+    color: string;
+    disabled: boolean;
+    visible: boolean;
+    loading: boolean;
+    popconfirmProps: () => {};
+}>>>, {
+    color: ActionColor;
+    disabled: boolean;
+    visible: boolean;
+    loading: boolean;
+    popconfirmProps: Partial< ExtractPropTypes<{
+        prefixCls: StringConstructor;
+        content: {
+            default: any;
+            type: PropType<any>;
+        };
+        title: {
+            default: string | number;
+            type: PropType<string | number>;
+        };
+        description: {
+            default: string | number;
+            type: PropType<string | number>;
+        };
+        okType: {
+            type: PropType<LegacyButtonType>;
+            default: LegacyButtonType;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        okText: {
+            default: any;
+            type: PropType<any>;
+        };
+        cancelText: {
+            default: any;
+            type: PropType<any>;
+        };
+        icon: {
+            default: any;
+            type: PropType<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[]>;
+                };
+            }>> & HTMLAttributes>;
+            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[]>;
+                };
+            }>> & HTMLAttributes;
+        };
+        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[]>;
+                };
+            }>> & HTMLAttributes>;
+            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[]>;
+                };
+            }>> & HTMLAttributes;
+        };
+        showCancel: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        onConfirm: PropType<(e: MouseEvent) => void>;
+        onCancel: PropType<(e: MouseEvent) => void>;
+        trigger: PropType< TriggerType | TriggerType[]>;
+        open: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        visible: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        placement: PropType<TooltipPlacement>;
+        color: PropType<LiteralUnion<PresetColorType>>;
+        transitionName: StringConstructor;
+        overlayStyle: {
+            type: PropType<CSSProperties>;
+            default: CSSProperties;
+        };
+        overlayInnerStyle: {
+            type: PropType<CSSProperties>;
+            default: CSSProperties;
+        };
+        overlayClassName: StringConstructor;
+        openClassName: StringConstructor;
+        mouseEnterDelay: NumberConstructor;
+        mouseLeaveDelay: NumberConstructor;
+        getPopupContainer: PropType<(triggerNode: HTMLElement) => HTMLElement>;
+        arrowPointAtCenter: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        arrow: {
+            type: PropType<boolean | {
+                pointAtCenter?: boolean | undefined;
+            }>;
+            default: boolean | {
+                pointAtCenter?: boolean | undefined;
+            };
+        };
+        autoAdjustOverflow: {
+            type: PropType<boolean | AdjustOverflow>;
+            default: boolean | AdjustOverflow;
+        };
+        destroyTooltipOnHide: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        align: {
+            type: PropType<AlignType>;
+            default: AlignType;
+        };
+        builtinPlacements: {
+            type: PropType<BuildInPlacements>;
+            default: BuildInPlacements;
+        };
+        children: ArrayConstructor;
+        onVisibleChange: PropType<(vis: boolean) => void>;
+        'onUpdate:visible': PropType<(vis: boolean) => void>;
+        onOpenChange: PropType<(vis: boolean) => void>;
+        'onUpdate:open': PropType<(vis: boolean) => void>;
+    }>>;
+}, {}>;
+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-action/item-popconfirm/index.vue.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("ant-design-vue"),u=require("../item/index.vue.js"),p=require("lodash-unified"),s=e.defineComponent({name:"ApActionItemPopconfirm",__name:"index",props:{text:{},color:{default:"primary"},disabled:{type:Boolean,default:!1},visible:{type:Boolean,default:!0},onAction:{},onClick:{},loading:{type:Boolean,default:!1},popconfirmProps:{default:()=>({})}},setup(a){const o=a;async function c(n){var t,r,i;(r=(t=o.popconfirmProps).onConfirm)==null||r.call(t,n),await((i=o.onAction)==null?void 0:i.call(o,n))}return(n,t)=>(e.openBlock(),e.createBlock(e.unref(l.Popconfirm),e.mergeProps(o.popconfirmProps,{onConfirm:c,disabled:!o.popconfirmProps}),{default:e.withCtx(()=>[e.createVNode(u.default,e.normalizeProps(e.guardReactiveProps(e.unref(p.omit)(o,["popconfirmProps","onAction"]))),null,16)]),_:1},16,["disabled"]))}});exports.default=s;

package/lib/src/ap-action/item-popconfirm/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-action/style/item-dropdown.css

@@ -0,0 +1,11 @@
+.aplus-action-item-dropdown__item .aplus-action-item {
+  width: 100%;
+}
+.aplus-action-item-dropdown__wrapper {
+  display: inline-flex;
+  flex-direction: row;
+  align-items: center;
+}
+.aplus-action-item-dropdown__icon {
+  margin-left: 4px;
+}

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

@@ -0,0 +1,28 @@
+.aplus-action-item {
+  display: inline-block;
+  font-size: 14px;
+  line-height: 22px;
+  cursor: pointer;
+}
+.aplus-action-item--primary {
+  color: #0070ff;
+}
+.aplus-action-item--success {
+  color: #2ed1a3;
+}
+.aplus-action-item--error {
+  color: #FF4D4F;
+}
+.aplus-action-item--warn {
+  color: #FFA940;
+}
+.aplus-action-item--loading {
+  opacity: 0.35;
+  transition: opacity 0.2s;
+}
+.aplus-action-item--loading .btn-loading-icon {
+  margin-right: 4px;
+}
+.aplus-action-item--disabled {
+  color: #ABB7CC;
+}

package/lib/src/ap-field/checkbox/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/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"),f=require("ant-design-vue");require("../../hooks/useMessage.js");const m=require("../../hooks/useControllableValue.js"),i=require("./helper.js"),k=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(s,{emit:p}){const c=p,t=s,n=e.ref(t.options);e.onMounted(()=>{r.isFunction(t.request)&&t.request().then(l=>n.value=l)});const{value:o,updateValue:d}=m.useControllableValue(t,c,{defaultValue:[]});return(l,v)=>{var a;return l.mode==="read"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.unref(r.isNil)(e.unref(o))?(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(((a=n.value)==null?void 0:a.filter(u=>e.unref(o).indexOf(e.unref(i.getOptionValue)(u))>-1).map(u=>e.unref(i.getOptionLabel)(u)).join("、"))||t.emptyText),1)],64))],64)):(e.openBlock(),e.createBlock(e.unref(f.CheckboxGroup),e.mergeProps({key:1},t,{options:n.value,value:e.unref(o),"onUpdate:value":e.unref(d)}),null,16,["options","value","onUpdate:value"]))}}});exports.default=k;

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.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

@@ -1,3 +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" | "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"),A=require("ant-design-vue"),c=require("./constant.js");require("../../hooks/useMessage.js");const C=require("../../hooks/useControllableValue.js"),p=require("lodash-unified"),m=require("./helper.js"),D=e.defineComponent({name:"ApFieldDate",inheritAttrs:!1,__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}=C.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 h(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 O(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(A.DatePicker),e.mergeProps({key:1},y.value,{value:_.value,format:u.value,"onUpdate:value":h,onChange:O,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=D;

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-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" | "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"),p=require("../date/constant.js");require("../../hooks/useMessage.js");const V=require("../../hooks/useControllableValue.js"),c=require("lodash-unified"),l=require("dayjs"),E=require("ant-design-vue"),s=require("../date/helper.js"),R=require("@ant-design/icons-vue"),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:g}){const r=P,_=g,u=e.computed(()=>p.ApFieldDatePresetFormats.indexOf(r.format)>-1),a=e.computed(()=>u.value?p.PRESET_FORMAT_MAP[r.format]:r.format),{value:d,updateValue:k}=V.useControllableValue(r,_),f=e.computed(()=>{var t,n;if(!c.isNil(e.unref(d)))return[l((t=e.unref(d))==null?void 0:t[0]),l((n=e.unref(d))==null?void 0:n[1])]}),y=e.computed(()=>e.unref(u)?r.fieldProps.picker??p.PRESET_FORMAT_PICK_MAP[r.format]:r.fieldProps.picker),D=e.computed(()=>{const t=e.unref(u)?p.PRESET_FORMAT_TIME_MAP[r.format]:{};return{...r.fieldProps,...t}});function S(t){t||k(null);const n=c.isString(t[0])?l(t[0]):t[0],o=c.isString(t[1])?l(t[1]):t[1];e.unref(u)?k([s.formatDay(n,e.unref(a)),s.formatDay(o,e.unref(a),!1)]):k([s.formatValue(n),s.formatValue(o)])}function T(t){var i;const n=c.isString(t[0])?l(t[0]):t[0],o=c.isString(t[1])?l(t[1]):t[1],m=t[0]?e.unref(u)?s.formatDay(n,e.unref(a)):n.valueOf():null,v=t[1]?e.unref(u)?s.formatDay(o,e.unref(a),!1):o.valueOf():null;(i=r.onOk)==null||i.call(r,[m,v])}return(t,n)=>{var o,m;return t.mode==="read"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[f.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString((o=f.value[0])==null?void 0:o.format(a.value))+" ",1),e.createVNode(e.unref(R.SwapRightOutlined)),e.createTextVNode(" "+e.toDisplayString((m=f.value[1])==null?void 0:m.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(E.DatePicker).RangePicker,e.mergeProps({key:1},D.value,{value:f.value,"onUpdate:value":S,picker:y.value,format:a.value,onOk:T}),e.createSlots({_:2},[e.renderList(t.$slots,(v,i)=>({name:i,fn:e.withCtx(O=>[e.renderSlot(t.$slots,i,e.normalizeProps(e.guardReactiveProps(O||{})))])}))]),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

@@ -1,6 +1,12 @@
 import { default as ApFieldText } from './text/index.vue';
-import { default as ApFiledCheckbox } from './checkbox/index.vue';
-import { default as ApFiledDate } from './date/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 * from './interface';
-export { ApFieldText, ApFiledCheckbox, ApFiledDate };
+export { ApFieldText, ApFieldCheckbox, ApFieldDate, ApFieldNumber, ApFieldRadio, ApFieldSwitch, ApFieldTextArea, ApFieldDateRange, ApFieldSelect };