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

package/es/src/ap-field/checkbox/index.vue.mjs

@@ -0,0 +1,56 @@
+import { defineComponent as x, ref as k, onMounted as y, openBlock as o, createElementBlock as i, Fragment as p, unref as e, createTextVNode as m, toDisplayString as s, createBlock as g, mergeProps as h } from "vue";
+import { isFunction as C, isNil as V } from "lodash-unified";
+import { CheckboxGroup as b } from "ant-design-vue";
+import "../../hooks/useMessage.mjs";
+import { useControllableValue as _ } from "../../hooks/useControllableValue.mjs";
+import { getOptionValue as B, getOptionLabel as T } from "./helper.mjs";
+const D = /* @__PURE__ */ x({
+  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(d, { emit: f }) {
+    const c = f, t = d, a = k(t.options);
+    y(() => {
+      C(t.request) && t.request().then((l) => a.value = l);
+    });
+    const { value: n, updateValue: v } = _(
+      t,
+      c,
+      {
+        defaultValue: []
+      }
+    );
+    return (l, q) => {
+      var u;
+      return l.mode === "read" ? (o(), i(p, { key: 0 }, [
+        e(V)(e(n)) ? (o(), i(p, { key: 0 }, [
+          m(s(t.emptyText), 1)
+        ], 64)) : (o(), i(p, { key: 1 }, [
+          m(s(((u = a.value) == null ? void 0 : u.filter((r) => e(n).indexOf(e(B)(r)) > -1).map((r) => e(T)(r)).join("、")) || t.emptyText), 1)
+        ], 64))
+      ], 64)) : (o(), g(e(b), h({ key: 1 }, t, {
+        options: a.value,
+        value: e(n),
+        "onUpdate:value": e(v)
+      }), null, 16, ["options", "value", "onUpdate:value"]));
+    };
+  }
+});
+export {
+  D as default
+};

package/es/src/ap-field/checkbox/index.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./index.vue.mjs";
+export {
+  f as default
+};

package/es/src/ap-field/date/constant.mjs

@@ -0,0 +1,50 @@
+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
+  }
+};
+export {
+  Y as ApFieldDatePresetFormats,
+  e as PRESET_FORMAT_MAP,
+  s as PRESET_FORMAT_PICK_MAP,
+  M as PRESET_FORMAT_TIME_MAP
+};

package/es/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/es/src/ap-field/date/helper.mjs

@@ -0,0 +1,10 @@
+const o = (e, n, f = !0) => {
+  if (!e)
+    return null;
+  let t = e.clone();
+  return t = t.millisecond(0), n.indexOf("ss") === -1 && (t = t.second(f ? 0 : 59)), n.indexOf("mm") === -1 && (t = t.minute(f ? 0 : 59)), n.indexOf("HH") === -1 && (t = t.hour(f ? 0 : 23)), n.indexOf("DD") === -1 && (t = t.date(f ? 1 : 0), f || (t = t.month(t.month() + 1))), n.indexOf("MM") === -1 && (t = t.month(f ? 0 : 12)), t.valueOf();
+}, i = (e) => e && e.valueOf();
+export {
+  o as formatDay,
+  i as formatValue
+};

package/es/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/es/src/ap-field/date/index.vue.mjs

@@ -0,0 +1,75 @@
+import { defineComponent as C, computed as s, unref as o, openBlock as p, createElementBlock as E, Fragment as F, createTextVNode as R, toDisplayString as M, createBlock as D, mergeProps as S, createSlots as V, renderList as x, withCtx as j, renderSlot as B, normalizeProps as I, guardReactiveProps as N } from "vue";
+import i from "dayjs";
+import { DatePicker as U } from "ant-design-vue";
+import { ApFieldDatePresetFormats as $, PRESET_FORMAT_MAP as b, PRESET_FORMAT_PICK_MAP as w, PRESET_FORMAT_TIME_MAP as z } from "./constant.mjs";
+import "../../hooks/useMessage.mjs";
+import { useControllableValue as K } from "../../hooks/useControllableValue.mjs";
+import { isNil as P } from "lodash-unified";
+import { formatDay as d } from "./helper.mjs";
+const X = /* @__PURE__ */ C({
+  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(k, { emit: v }) {
+    const e = k, _ = v, { value: u, updateValue: c } = K(e, _), n = s(
+      () => $.indexOf(e.format) > -1
+    ), l = s(
+      () => n.value ? b[e.format] : e.format
+    ), O = s(() => P(o(u)) ? void 0 : i(o(u))), g = s(() => o(n) ? e.fieldProps.picker ?? w[e.format] : e.fieldProps.picker), h = s(() => {
+      const t = o(n) ? z[e.format] : {};
+      return {
+        ...e.fieldProps,
+        ...t
+      };
+    });
+    function y(t) {
+      if (P(t)) {
+        c(null);
+        return;
+      }
+      const r = i(t);
+      o(n) ? c(d(r, o(l))) : c(r.valueOf());
+    }
+    function T(t, r) {
+      var f;
+      const m = i(t), a = o(n) ? d(m, o(l)) : t ? m.valueOf() : null;
+      (f = e.onChange) == null || f.call(e, a, r);
+    }
+    function A(t) {
+      var a;
+      const r = i(t), m = o(n) ? d(r, o(l)) : t ? r.valueOf() : null;
+      (a = e.onOk) == null || a.call(e, m);
+    }
+    return (t, r) => t.mode === "read" ? (p(), E(F, { key: 0 }, [
+      R(M(o(u) ? o(i)(o(u)).format(l.value) : t.emptyText), 1)
+    ], 64)) : (p(), D(o(U), S({ key: 1 }, h.value, {
+      value: O.value,
+      format: l.value,
+      "onUpdate:value": y,
+      onChange: T,
+      onOk: A,
+      picker: g.value
+    }), V({ _: 2 }, [
+      x(t.$slots, (m, a) => ({
+        name: a,
+        fn: j((f) => [
+          B(t.$slots, a, I(N(f || {})))
+        ])
+      }))
+    ]), 1040, ["value", "format", "picker"]));
+  }
+});
+export {
+  X as default
+};

package/es/src/ap-field/date/index.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./index.vue.mjs";
+export {
+  f as default
+};

package/es/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/es/src/ap-field/date-range/index.vue.mjs

@@ -0,0 +1,87 @@
+import { defineComponent as V, computed as m, unref as t, openBlock as p, createElementBlock as k, Fragment as _, createTextVNode as T, toDisplayString as O, createVNode as C, createBlock as x, mergeProps as B, createSlots as N, renderList as w, withCtx as I, renderSlot as U, normalizeProps as $, guardReactiveProps as b } from "vue";
+import { ApFieldDatePresetFormats as j, PRESET_FORMAT_MAP as z, PRESET_FORMAT_PICK_MAP as K, PRESET_FORMAT_TIME_MAP as L } from "../date/constant.mjs";
+import "../../hooks/useMessage.mjs";
+import { useControllableValue as Y } from "../../hooks/useControllableValue.mjs";
+import { isNil as q, isString as c } from "lodash-unified";
+import u from "dayjs";
+import { DatePicker as G } from "ant-design-vue";
+import { formatDay as d, formatValue as R } from "../date/helper.mjs";
+import { SwapRightOutlined as H } from "@ant-design/icons-vue";
+const ae = /* @__PURE__ */ V({
+  __name: "index",
+  props: {
+    mode: { default: "edit" },
+    fieldProps: { default: () => ({}) },
+    emptyText: { default: "-" },
+    value: {},
+    defaultValue: {},
+    onChange: {},
+    onOk: {},
+    format: { default: "Y-D" }
+  },
+  emits: ["update:value"],
+  setup(y, { emit: D }) {
+    const o = y, E = D, l = m(
+      () => j.indexOf(o.format) > -1
+    ), n = m(
+      () => l.value ? z[o.format] : o.format
+    ), { value: P, updateValue: v } = Y(
+      o,
+      E
+    ), s = m(() => {
+      var e, r;
+      if (!q(t(P)))
+        return [
+          u((e = t(P)) == null ? void 0 : e[0]),
+          u((r = t(P)) == null ? void 0 : r[1])
+        ];
+    }), S = m(() => t(l) ? o.fieldProps.picker ?? K[o.format] : o.fieldProps.picker), A = m(() => {
+      const e = t(l) ? L[o.format] : {};
+      return {
+        ...o.fieldProps,
+        ...e
+      };
+    });
+    function F(e) {
+      e || v(null);
+      const r = c(e[0]) ? u(e[0]) : e[0], a = c(e[1]) ? u(e[1]) : e[1];
+      t(l) ? v([
+        d(r, t(n)),
+        d(a, t(n), !1)
+      ]) : v([R(r), R(a)]);
+    }
+    function M(e) {
+      var i;
+      const r = c(e[0]) ? u(e[0]) : e[0], a = c(e[1]) ? u(e[1]) : e[1], f = e[0] ? t(l) ? d(r, t(n)) : r.valueOf() : null, g = e[1] ? t(l) ? d(a, t(n), !1) : a.valueOf() : null;
+      (i = o.onOk) == null || i.call(o, [f, g]);
+    }
+    return (e, r) => {
+      var a, f;
+      return e.mode === "read" ? (p(), k(_, { key: 0 }, [
+        s.value ? (p(), k(_, { key: 0 }, [
+          T(O((a = s.value[0]) == null ? void 0 : a.format(n.value)) + " ", 1),
+          C(t(H)),
+          T(" " + O((f = s.value[1]) == null ? void 0 : f.format(n.value)), 1)
+        ], 64)) : (p(), k(_, { key: 1 }, [
+          T(O(e.emptyText), 1)
+        ], 64))
+      ], 64)) : (p(), x(t(G).RangePicker, B({ key: 1 }, A.value, {
+        value: s.value,
+        "onUpdate:value": F,
+        picker: S.value,
+        format: n.value,
+        onOk: M
+      }), N({ _: 2 }, [
+        w(e.$slots, (g, i) => ({
+          name: i,
+          fn: I((h) => [
+            U(e.$slots, i, $(b(h || {})))
+          ])
+        }))
+      ]), 1040, ["value", "picker", "format"]));
+    };
+  }
+});
+export {
+  ae as default
+};

package/es/src/ap-field/date-range/index.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./index.vue.mjs";
+export {
+  f as default
+};

package/es/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 };

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

@@ -1,18 +1,24 @@
-import { InputProps, CheckboxGroupProps, DatePickerProps } from 'ant-design-vue';
+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 { PanelMode } from 'ant-design-vue/es/vc-picker/interface';
+import { RangeValue } from 'ant-design-vue/es/vc-picker/interface';
+import { RangePickerProps } from 'ant-design-vue/es/date-picker/dayjs';
 
 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;
 };
@@ -20,12 +26,66 @@ export type ApFieldCheckboxProps = BasicApFieldProps<CheckboxGroupProps> & {
     emptyText?: string;
     request?: () => Promise<CheckboxGroupProps['options']>;
 };
-export type ApFieldDateProps = BasicApFieldProps<Omit<DatePickerProps, 'mode' | 'value' | 'defaultValue'>> & {
+export type ApFieldDateProps = ApFieldComposedProps<Omit<DatePickerProps, 'mode' | 'value' | 'defaultValue' | 'onChange' | 'onOk' | 'format'>> & {
     emptyText?: string;
     value?: number | null;
     defaultValue?: number;
     onChange?: (ts: number | null, dayStr: string) => void;
     onOk?: (ts: number | null) => void;
-    format?: ApFormatPresetType;
-    pickerMode?: PanelMode | undefined;
+    format?: 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'>> & {
+    emptyText?: string;
+    value?: RangeValue<number>;
+    defaultValue?: RangeValue<number>;
+    onChange?: (ts: RangeValue<number>, dayStr: string) => void;
+    onOk?: (ts: RangeValue<number>) => void;
+    format?: 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/es/src/ap-field/number/helper.d.ts

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

package/es/src/ap-field/number/helper.mjs

@@ -0,0 +1,14 @@
+import { isNil as i } from "lodash-unified";
+function a(t, r) {
+  if (i(r))
+    return t;
+  let [f, e] = t.split(".");
+  if (!e || e.length >= r)
+    return t;
+  for (let l = e.length; l < r; l++)
+    e += "0";
+  return f + "." + e;
+}
+export {
+  a as addZeroToDecimalPlaces
+};

package/es/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;
+    };
+};