@aplus-frontend/ui 0.4.1 → 0.4.3

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

@@ -7,5 +7,5 @@ export declare const formatDay: (d: Dayjs, f: string, begin?: boolean) => number
  * @param timezone
  * @returns
  */
-export declare function formatDayWithTimezone(timezone?: ZoneAlias): (d: Dayjs, f: string, begin?: boolean) => number | null;
+export declare function formatDayWithTimezone(timezone?: ZoneAlias): (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

@@ -1,18 +1,18 @@
 import { getUtcTimestamp as m } from "@aplus-frontend/utils";
 import n from "dayjs";
-const i = (o, e, r = !0) => {
-  if (!o)
+const i = (e, r, o = !0) => {
+  if (!e)
     return null;
-  let t = o.clone();
-  return t = t.millisecond(0), e.indexOf("ss") === -1 && (t = t.second(r ? 0 : 59)), e.indexOf("mm") === -1 && (t = t.minute(r ? 0 : 59)), e.indexOf("HH") === -1 && (t = t.hour(r ? 0 : 23)), e.indexOf("DD") === -1 && (t = t.date(r ? 1 : 0), r || (t = t.month(t.month() + 1))), e.indexOf("MM") === -1 && (t = t.month(r ? 0 : 12)), t.valueOf();
+  let t = e.clone();
+  return t = t.millisecond(0), r.indexOf("ss") === -1 && (t = t.second(o ? 0 : 59)), r.indexOf("mm") === -1 && (t = t.minute(o ? 0 : 59)), r.indexOf("HH") === -1 && (t = t.hour(o ? 0 : 23)), r.indexOf("DD") === -1 && (t = t.date(o ? 1 : 0), o || (t = t.month(t.month() + 1))), r.indexOf("MM") === -1 && (t = t.month(o ? 0 : 12)), t.valueOf();
 };
-function d(o) {
-  return (e, r, t = !0) => {
-    const f = i(e, r, t);
-    return o ? m(n(f), o) : f;
+function d(e) {
+  return (r, o, t = !0) => {
+    const f = o ? i(r, o, t) : r.valueOf();
+    return e ? m(n(f), e) : f;
   };
 }
-const l = (o) => o && o.valueOf();
+const l = (e) => e && e.valueOf();
 export {
   i as formatDay,
   d as formatDayWithTimezone,

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

@@ -87,20 +87,20 @@ const le = /* @__PURE__ */ b({
   },
   emits: ["update:value"],
   setup(h, { emit: B }) {
-    const e = h, k = B, { value: p, updateValue: m } = Z(
+    const e = h, k = B, { value: p, updateValue: c } = Z(
       e,
       k
-    ), P = Y("Date", e), l = i(
+    ), P = Y("Date", e), n = i(
       () => I.indexOf(e.format) > -1
     ), d = i(
-      () => l.value ? H[e.format] : e.format
-    ), f = i(() => {
+      () => n.value ? H[e.format] : e.format
+    ), m = i(() => {
       if (y(t(p)))
         return;
       let o = r(t(p));
       return e.timezone && (o = r(W(t(p), e.timezone))), o;
-    }), g = i(() => t(l) ? e.picker ?? U[e.format] : e.picker), O = i(() => {
-      const o = t(l) ? K[e.format] : {};
+    }), g = i(() => t(n) ? e.picker ?? U[e.format] : e.picker), C = i(() => {
+      const o = t(n) ? K[e.format] : {};
       return {
         ...$(e, [
           "value",
@@ -114,39 +114,47 @@ const le = /* @__PURE__ */ b({
         placeholder: t(P),
         ...o
       };
-    }), c = L(e.timezone);
-    function C(o) {
+    }), f = L(e.timezone);
+    function O(o) {
       if (y(o)) {
-        m(null);
+        c(null);
         return;
       }
-      const a = r(o);
-      t(l) ? m(c(a, t(d))) : m(a.valueOf());
+      const l = r(o);
+      c(
+        f(l, t(n) ? t(d) : void 0)
+      );
     }
-    function T(o, a) {
+    function T(o, l) {
       var s;
-      const u = r(o), n = o ? t(l) ? c(u, t(d)) : u.valueOf() : null;
-      (s = e.onChange) == null || s.call(e, n, a);
+      const u = r(o), a = o ? f(
+        u,
+        t(n) ? t(d) : void 0
+      ) : null;
+      (s = e.onChange) == null || s.call(e, a, l);
     }
     function S(o) {
-      var n;
-      const a = r(o), u = o ? t(l) ? c(a, t(d)) : a.valueOf() : null;
-      (n = e.onOk) == null || n.call(e, u);
+      var a;
+      const l = r(o), u = o ? f(
+        l,
+        t(n) ? t(d) : void 0
+      ) : null;
+      (a = e.onOk) == null || a.call(e, u);
     }
-    return (o, a) => o.mode === "read" ? (v(), _(w, { key: 0 }, [
-      M(R(f.value ? t(r)(f.value).format(d.value) : o.emptyText), 1)
-    ], 64)) : (v(), F(t(j), A({ key: 1 }, O.value, {
-      value: f.value,
+    return (o, l) => o.mode === "read" ? (v(), _(w, { key: 0 }, [
+      M(R(m.value ? t(r)(m.value).format(d.value) : o.emptyText), 1)
+    ], 64)) : (v(), F(t(j), A({ key: 1 }, C.value, {
+      value: m.value,
       format: d.value,
       picker: g.value,
-      "onUpdate:value": C,
+      "onUpdate:value": O,
       onChange: T,
       onOk: S
     }), D({ _: 2 }, [
-      x(o.$slots, (u, n) => ({
-        name: n,
+      x(o.$slots, (u, a) => ({
+        name: a,
         fn: E((s) => [
-          V(o.$slots, n, z(N(s || {})))
+          V(o.$slots, a, z(N(s || {})))
         ])
       }))
     ]), 1040, ["value", "format", "picker"]));

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

@@ -1,10 +1,10 @@
-import { defineComponent as U, useSlots as H, computed as p, unref as n, isVNode as K, createVNode as M, Fragment as y, openBlock as h, createElementBlock as B, createTextVNode as O, toDisplayString as P, createBlock as D, resolveDynamicComponent as $, mergeProps as L, createSlots as W, renderList as Y, withCtx as Z, renderSlot as q, normalizeProps as G, guardReactiveProps as J } from "vue";
+import { defineComponent as U, useSlots as H, computed as m, unref as n, isVNode as K, createVNode as T, Fragment as h, openBlock as g, createElementBlock as v, createTextVNode as B, toDisplayString as P, createBlock as O, resolveDynamicComponent as $, mergeProps as L, createSlots as W, renderList as Y, withCtx as Z, renderSlot as q, normalizeProps as G, guardReactiveProps as J } from "vue";
 import { ApFieldDatePresetFormats as Q, PRESET_FORMAT_MAP as X, PRESET_FORMAT_PICK_MAP as ee, PRESET_FORMAT_TIME_MAP as oe } from "../date/constant.mjs";
 import "../../hooks/index.mjs";
-import { isNil as T, omit as b, isString as m, isFunction as ne } from "lodash-unified";
-import d from "dayjs";
+import { isNil as b, omit as R, isString as c, isFunction as ne } from "lodash-unified";
+import u from "dayjs";
 import { DatePicker as te } from "@aplus-frontend/antdv";
-import { formatDayWithTimezone as ae, formatValue as R } from "../date/helper.mjs";
+import { formatDayWithTimezone as ae } from "../date/helper.mjs";
 import { SwapRightOutlined as re } from "@ant-design/icons-vue";
 import { omitUndefined as le } from "../../utils/index.mjs";
 import { getTimeFormatToZone as w } from "@aplus-frontend/utils";
@@ -153,76 +153,77 @@ const Be = /* @__PURE__ */ U({
   setup(_, {
     emit: A
   }) {
-    const o = _, F = A, S = H(), u = p(() => Q.indexOf(o.format) > -1), l = p(() => u.value ? X[o.format] : o.format), {
-      value: c,
-      updateValue: k
-    } = de(o, F), N = ue("DateRange", o), s = ae(o.timezone), v = p(() => {
-      var r, i;
-      const e = n(c);
-      if (T(e) || !(e != null && e.length))
+    const o = _, F = A, k = H(), d = m(() => Q.indexOf(o.format) > -1), i = m(() => d.value ? X[o.format] : o.format), {
+      value: y,
+      updateValue: C
+    } = de(o, F), N = ue("DateRange", o), f = ae(o.timezone), S = m(() => {
+      var a, l;
+      const e = n(y);
+      if (b(e) || !(e != null && e.length))
         return e;
-      const a = o.timezone ? w(n(c)[0], o.timezone) : (r = n(c)) == null ? void 0 : r[0], t = o.timezone ? w(n(c)[1], o.timezone) : (i = n(c)) == null ? void 0 : i[1];
-      return [d(a), d(t)];
-    }), x = p(() => n(u) ? o.picker ?? ee[o.format] : o.picker), z = p(() => {
-      const e = n(u) ? oe[o.format] : {};
+      const r = o.timezone ? w(n(y)[0], o.timezone) : (a = n(y)) == null ? void 0 : a[0], t = o.timezone ? w(n(y)[1], o.timezone) : (l = n(y)) == null ? void 0 : l[1];
+      return [u(r), u(t)];
+    }), x = m(() => n(d) ? o.picker ?? ee[o.format] : o.picker), z = m(() => {
+      const e = n(d) ? oe[o.format] : {};
       return {
-        ...le(b(o, ["value", "onUpdate:value", "onChange", "onOk", "format", "mode"])),
+        ...le(R(o, ["value", "onUpdate:value", "onChange", "onOk", "format", "mode"])),
         placeholder: n(N),
         ...e
       };
     });
     function E(e) {
       if (!e) {
-        k(e);
+        C(e);
         return;
       }
-      let a = m(e[0]) ? d(e[0]) : e[0], t = m(e[1]) ? d(e[1]) : e[1];
-      n(u) ? k([s(a, n(l)), s(t, n(l), !1)]) : k([R(a), R(t)]);
+      let r = c(e[0]) ? u(e[0]) : e[0], t = c(e[1]) ? u(e[1]) : e[1];
+      const a = n(d) ? n(i) : void 0;
+      C([f(r, a), f(t, a, !1)]);
     }
     function V(e) {
-      var f;
-      const a = m(e[0]) ? d(e[0]) : e[0], t = m(e[1]) ? d(e[1]) : e[1], r = e[0] ? n(u) ? s(a, n(l)) : a.valueOf() : null, i = e[1] ? n(u) ? s(t, n(l), !1) : t.valueOf() : null;
-      (f = o.onOk) == null || f.call(o, [r, i]);
+      var p;
+      const r = c(e[0]) ? u(e[0]) : e[0], t = c(e[1]) ? u(e[1]) : e[1], a = n(d) ? n(i) : void 0, l = e[0] ? f(r, a) : null, s = e[1] ? f(t, a, !1) : null;
+      (p = o.onOk) == null || p.call(o, [l, s]);
     }
-    function I(e, a) {
-      var g, C;
-      if (T(e)) {
-        (g = o.onChange) == null || g.call(o, e, a);
+    function I(e, r) {
+      var M, D;
+      if (b(e)) {
+        (M = o.onChange) == null || M.call(o, e, r);
         return;
       }
-      const t = m(e[0]) ? d(e[0]) : e[0], r = m(e[1]) ? d(e[1]) : e[1], i = e[0] ? n(u) ? s(t, n(l)) : t.valueOf() : null, f = e[1] ? n(u) ? s(r, n(l), !1) : r.valueOf() : null;
-      (C = o.onChange) == null || C.call(o, [i, f], a);
+      const t = c(e[0]) ? u(e[0]) : e[0], a = c(e[1]) ? u(e[1]) : e[1], l = n(d) ? n(i) : void 0, s = e[0] ? f(t, l) : null, p = e[1] ? f(a, l, !1) : null;
+      (D = o.onChange) == null || D.call(o, [s, p], r);
     }
-    const j = p(() => {
+    const j = m(() => {
       var t;
       const e = o.readModeSeparator;
       if (e)
-        return K(e) || ne(e) ? o.readModeSeparator : M(y, null, [o.readModeSeparator]);
-      const a = (t = S.readModeSeparator) == null ? void 0 : t.call(S);
-      return a ? M(y, null, [a]) : re;
+        return K(e) || ne(e) ? o.readModeSeparator : T(h, null, [o.readModeSeparator]);
+      const r = (t = k.readModeSeparator) == null ? void 0 : t.call(k);
+      return r ? T(h, null, [r]) : re;
     });
-    return (e, a) => {
-      var t, r;
-      return e.mode === "read" ? (h(), B(y, {
+    return (e, r) => {
+      var t, a;
+      return e.mode === "read" ? (g(), v(h, {
         key: 0
-      }, [v.value ? (h(), B(y, {
+      }, [S.value ? (g(), v(h, {
         key: 0
-      }, [O(P((t = v.value[0]) == null ? void 0 : t.format(l.value)) + " ", 1), (h(), D($(j.value))), O(" " + P((r = v.value[1]) == null ? void 0 : r.format(l.value)), 1)], 64)) : (h(), B(y, {
+      }, [B(P((t = S.value[0]) == null ? void 0 : t.format(i.value)) + " ", 1), (g(), O($(j.value))), B(" " + P((a = S.value[1]) == null ? void 0 : a.format(i.value)), 1)], 64)) : (g(), v(h, {
         key: 1
-      }, [O(P(e.emptyText), 1)], 64))], 64)) : (h(), D(n(te).RangePicker, L({
+      }, [B(P(e.emptyText), 1)], 64))], 64)) : (g(), O(n(te).RangePicker, L({
         key: 1
       }, z.value, {
-        value: v.value,
+        value: S.value,
         picker: x.value,
-        format: l.value,
+        format: i.value,
         "onUpdate:value": E,
         onChange: I,
         onOk: V
       }), W({
         _: 2
-      }, [Y(n(b)(e.$slots, "readModeSeparator"), (i, f) => ({
-        name: f,
-        fn: Z((g) => [q(e.$slots, f, G(J(g || {})))])
+      }, [Y(n(R)(e.$slots, "readModeSeparator"), (l, s) => ({
+        name: s,
+        fn: Z((p) => [q(e.$slots, s, G(J(p || {})))])
       }))]), 1040, ["value", "picker", "format"]));
     };
   }

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

@@ -6,7 +6,6 @@ import { RangePickerProps } from '@aplus-frontend/antdv/es/date-picker/dayjs';
 import { LiteralUnion } from '../type';
 import { InputPasswordProps } from './text/input-password-props';
 import { ZoneAlias } from '@aplus-frontend/utils';
-import { SelectValue } from '@aplus-frontend/antdv/es/select';
 export type FieldMode = 'read' | 'edit';
 export type BasicApFieldProps<FieldPropsType = any> = {
     mode?: FieldMode;
@@ -119,11 +118,6 @@ export type ApFieldSelectProps = BasicApFieldProps<Omit<SelectProps, 'mode' | 'v
      * 是否延迟请求选项列表
      */
     lazy?: boolean;
-    /**
-     * 选中之前调用，如果返回false，则不更新值，支持异步
-     * @returns
-     */
-    onBeforeSelect?: (newVal: SelectValue) => boolean | Promise<boolean>;
 };
 export type ApFieldSelectExpose = {
     focus: () => void;

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

@@ -360,7 +360,328 @@ declare const __VLS_component: DefineComponent<ApFieldNumberProps, {
     controls: boolean;
     emptyText: string;
     thousands: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    inputRef: CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
+        size: {
+            type: PropType<ButtonSize>;
+            default: ButtonSize;
+        };
+        bordered: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        placeholder: StringConstructor;
+        name: StringConstructor;
+        id: StringConstructor;
+        type: StringConstructor;
+        addonBefore: VueTypeValidableDef<any>;
+        addonAfter: VueTypeValidableDef<any>;
+        prefix: VueTypeValidableDef<any>;
+        suffix: VueTypeValidableDef<any>;
+        'onUpdate:value': {
+            type: PropType<(value: ValueType) => void>;
+            default: (value: ValueType) => void;
+        };
+        valueModifiers: ObjectConstructor;
+        status: {
+            type: PropType<"" | "error" | "warning">;
+            default: "" | "error" | "warning";
+        };
+        stringMode: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        defaultValue: {
+            type: PropType<ValueType>;
+            default: ValueType;
+        };
+        value: {
+            type: PropType<ValueType>;
+            default: ValueType;
+        };
+        prefixCls: {
+            type: PropType<string>;
+            default: string;
+        };
+        min: {
+            type: PropType<ValueType>;
+            default: ValueType;
+        };
+        max: {
+            type: PropType<ValueType>;
+            default: ValueType;
+        };
+        step: {
+            type: PropType<ValueType>;
+            default: ValueType;
+        };
+        tabindex: NumberConstructor;
+        controls: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        autofocus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        keyboard: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        parser: {
+            type: PropType<(displayValue: string) => ValueType>;
+            default: (displayValue: string) => ValueType;
+        };
+        formatter: {
+            type: PropType<(value: ValueType, info: {
+                userTyping: boolean;
+                input: string;
+            }) => string>;
+            default: (value: ValueType, info: {
+                userTyping: boolean;
+                input: string;
+            }) => string;
+        };
+        precision: NumberConstructor;
+        decimalSeparator: StringConstructor;
+        onInput: {
+            type: PropType<(text: string) => void>;
+            default: (text: string) => void;
+        };
+        onChange: {
+            type: PropType<(value: ValueType) => void>;
+            default: (value: ValueType) => void;
+        };
+        onPressEnter: {
+            type: PropType<KeyboardEventHandler>;
+            default: KeyboardEventHandler;
+        };
+        onStep: {
+            type: PropType<(value: ValueType, info: {
+                offset: ValueType;
+                type: "up" | "down";
+            }) => void>;
+            default: (value: ValueType, info: {
+                offset: ValueType;
+                type: "up" | "down";
+            }) => void;
+        };
+        onBlur: {
+            type: PropType<(e: FocusEvent) => void>;
+            default: (e: FocusEvent) => void;
+        };
+        onFocus: {
+            type: PropType<(e: FocusEvent) => void>;
+            default: (e: FocusEvent) => void;
+        };
+    }>> & Readonly<{}>, () => VueNode, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
+        size: ButtonSize;
+        value: ValueType;
+        onFocus: (e: FocusEvent) => void;
+        onBlur: (e: FocusEvent) => void;
+        onChange: (value: ValueType) => void;
+        onInput: (text: string) => void;
+        disabled: boolean;
+        max: ValueType;
+        min: ValueType;
+        prefixCls: string;
+        autofocus: boolean;
+        readonly: boolean;
+        status: "" | "error" | "warning";
+        defaultValue: ValueType;
+        'onUpdate:value': (value: ValueType) => void;
+        step: ValueType;
+        bordered: boolean;
+        onPressEnter: KeyboardEventHandler;
+        formatter: (value: ValueType, info: {
+            userTyping: boolean;
+            input: string;
+        }) => string;
+        keyboard: boolean;
+        onStep: (value: ValueType, info: {
+            offset: ValueType;
+            type: "up" | "down";
+        }) => void;
+        stringMode: boolean;
+        controls: boolean;
+        parser: (displayValue: string) => ValueType;
+    }, true, {}, CustomSlotsType<{
+        addonBefore?: any;
+        addonAfter?: any;
+        prefix?: any;
+        suffix?: any;
+        default?: any;
+        upIcon?: any;
+        downIcon?: any;
+    }>, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< ExtractPropTypes<{
+        size: {
+            type: PropType<ButtonSize>;
+            default: ButtonSize;
+        };
+        bordered: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        placeholder: StringConstructor;
+        name: StringConstructor;
+        id: StringConstructor;
+        type: StringConstructor;
+        addonBefore: VueTypeValidableDef<any>;
+        addonAfter: VueTypeValidableDef<any>;
+        prefix: VueTypeValidableDef<any>;
+        suffix: VueTypeValidableDef<any>;
+        'onUpdate:value': {
+            type: PropType<(value: ValueType) => void>;
+            default: (value: ValueType) => void;
+        };
+        valueModifiers: ObjectConstructor;
+        status: {
+            type: PropType<"" | "error" | "warning">;
+            default: "" | "error" | "warning";
+        };
+        stringMode: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        defaultValue: {
+            type: PropType<ValueType>;
+            default: ValueType;
+        };
+        value: {
+            type: PropType<ValueType>;
+            default: ValueType;
+        };
+        prefixCls: {
+            type: PropType<string>;
+            default: string;
+        };
+        min: {
+            type: PropType<ValueType>;
+            default: ValueType;
+        };
+        max: {
+            type: PropType<ValueType>;
+            default: ValueType;
+        };
+        step: {
+            type: PropType<ValueType>;
+            default: ValueType;
+        };
+        tabindex: NumberConstructor;
+        controls: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        autofocus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        keyboard: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        parser: {
+            type: PropType<(displayValue: string) => ValueType>;
+            default: (displayValue: string) => ValueType;
+        };
+        formatter: {
+            type: PropType<(value: ValueType, info: {
+                userTyping: boolean;
+                input: string;
+            }) => string>;
+            default: (value: ValueType, info: {
+                userTyping: boolean;
+                input: string;
+            }) => string;
+        };
+        precision: NumberConstructor;
+        decimalSeparator: StringConstructor;
+        onInput: {
+            type: PropType<(text: string) => void>;
+            default: (text: string) => void;
+        };
+        onChange: {
+            type: PropType<(value: ValueType) => void>;
+            default: (value: ValueType) => void;
+        };
+        onPressEnter: {
+            type: PropType<KeyboardEventHandler>;
+            default: KeyboardEventHandler;
+        };
+        onStep: {
+            type: PropType<(value: ValueType, info: {
+                offset: ValueType;
+                type: "up" | "down";
+            }) => void>;
+            default: (value: ValueType, info: {
+                offset: ValueType;
+                type: "up" | "down";
+            }) => void;
+        };
+        onBlur: {
+            type: PropType<(e: FocusEvent) => void>;
+            default: (e: FocusEvent) => void;
+        };
+        onFocus: {
+            type: PropType<(e: FocusEvent) => void>;
+            default: (e: FocusEvent) => void;
+        };
+    }>> & Readonly<{}>, () => VueNode, {}, {}, {}, {
+        size: ButtonSize;
+        value: ValueType;
+        onFocus: (e: FocusEvent) => void;
+        onBlur: (e: FocusEvent) => void;
+        onChange: (value: ValueType) => void;
+        onInput: (text: string) => void;
+        disabled: boolean;
+        max: ValueType;
+        min: ValueType;
+        prefixCls: string;
+        autofocus: boolean;
+        readonly: boolean;
+        status: "" | "error" | "warning";
+        defaultValue: ValueType;
+        'onUpdate:value': (value: ValueType) => void;
+        step: ValueType;
+        bordered: boolean;
+        onPressEnter: KeyboardEventHandler;
+        formatter: (value: ValueType, info: {
+            userTyping: boolean;
+            input: string;
+        }) => string;
+        keyboard: boolean;
+        onStep: (value: ValueType, info: {
+            offset: ValueType;
+            type: "up" | "down";
+        }) => void;
+        stringMode: boolean;
+        controls: boolean;
+        parser: (displayValue: string) => ValueType;
+    }> | null;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {