@aplus-frontend/ui 0.2.27 → 0.2.29

package/es/src/business/ap-export-group/ApExportGroup.vue2.mjs

@@ -1,84 +1,85 @@
-import { defineComponent as G, computed as i, ref as M, openBlock as m, createBlock as f, unref as o, normalizeClass as D, withCtx as n, createVNode as y, createTextVNode as p, toDisplayString as x, mergeProps as K, createCommentVNode as R } from "vue";
-import { DownOutlined as B } from "@ant-design/icons-vue";
-import { Dropdown as N, Menu as T, MenuItem as g, Button as I } from "@aplus-frontend/antdv";
+import { defineComponent as B, computed as l, ref as D, openBlock as m, createBlock as f, unref as a, normalizeClass as K, withCtx as s, createVNode as y, createTextVNode as g, toDisplayString as x, mergeProps as R, createCommentVNode as N } from "vue";
+import { DownOutlined as T } from "@ant-design/icons-vue";
+import { message as I, Dropdown as V, Menu as q, MenuItem as M, Button as F } from "@aplus-frontend/antdv";
 import "../../config-provider/index.mjs";
-import { ApExportGroupActionType as u } from "./interface.mjs";
-import { usePermission as V } from "@aplus-frontend/hooks";
-import { handleExportDownload as q } from "./handleExportDownload.mjs";
-import { useNamespace as z } from "../../config-provider/hooks/use-namespace.mjs";
-import { useLocale as O } from "../../config-provider/hooks/use-locale.mjs";
-import { useGlobalConfig as $ } from "../../config-provider/hooks/use-global-config.mjs";
-const te = /* @__PURE__ */ G({
+import { ApExportGroupActionType as i } from "./interface.mjs";
+import { usePermission as z } from "@aplus-frontend/hooks";
+import { handleExportDownload as O } from "./handleExportDownload.mjs";
+import { useNamespace as $ } from "../../config-provider/hooks/use-namespace.mjs";
+import { useLocale as j } from "../../config-provider/hooks/use-locale.mjs";
+import { useGlobalConfig as H } from "../../config-provider/hooks/use-global-config.mjs";
+const oe = /* @__PURE__ */ B({
   __name: "ApExportGroup",
   props: {
     selectedRowKeys: {},
     disabled: { type: Boolean },
     auth: {},
-    ifShow: { type: Function },
+    ifShow: {},
     text: {},
     idKey: {},
-    request: { type: Function },
-    getRequestParams: { type: Function },
-    getInitialParams: { type: Function },
-    beforeRequest: { type: Function }
+    request: {},
+    getRequestParams: {},
+    getInitialParams: {},
+    beforeRequest: {},
+    successMessage: { type: [Boolean, String], default: !1 }
   },
-  setup(C) {
-    const { hasPermission: E } = V(), e = C, { b: _ } = z("ap-export-group"), { t: c } = O(), L = $("uiMode"), S = i(() => {
+  setup(E) {
+    const { hasPermission: C } = z(), e = E, { b: S } = $("ap-export-group"), { t: n } = j(), _ = H("uiMode"), L = l(() => {
       const t = {
         aplus: "#0070FF",
         admin: "#34b77c"
       };
-      return b.value ? "" : t[L.value] || t.aplus;
-    }), b = i(() => !!(e != null && e.disabled)), A = {
+      return b.value ? "" : t[_.value] || t.aplus;
+    }), b = l(() => !!(e != null && e.disabled)), A = l(() => (e == null ? void 0 : e.successMessage) === !0 ? n("ap.apExportGroup.exportSuccess") : e != null && e.successMessage ? e.successMessage : ""), G = {
       textAlign: "center"
-    }, s = M(!1), w = i(() => (e == null ? void 0 : e.selectedRowKeys) || []), F = i(() => {
+    }, c = D(!1), w = l(() => (e == null ? void 0 : e.selectedRowKeys) || []), P = l(() => {
       let t = e == null ? void 0 : e.ifShow;
-      return !(e != null && e.ifShow) && (e != null && e.auth) && (t = () => E(e.auth)), (t == null ? void 0 : t()) ?? !0;
+      return !(e != null && e.ifShow) && (e != null && e.auth) && (t = () => C(e.auth)), (t == null ? void 0 : t()) ?? !0;
     });
-    async function P({ key: t }) {
-      var h, v;
-      const { getRequestParams: l, request: a } = e || {};
+    async function k({ key: t }) {
+      var v, h;
+      const { getRequestParams: u, request: o } = e || {};
       let d = {};
-      t === u.SELECT ? d = {
+      t === i.SELECT ? d = {
         [(e == null ? void 0 : e.idKey) || "ids"]: w.value
-      } : t === u.ALL && (d = (l == null ? void 0 : l()) || {});
-      const k = ((h = e == null ? void 0 : e.getInitialParams) == null ? void 0 : h.call(e)) || {};
+      } : t === i.ALL && (d = (u == null ? void 0 : u()) || {});
+      const p = ((v = e == null ? void 0 : e.getInitialParams) == null ? void 0 : v.call(e)) || {};
       try {
-        s.value = !0;
+        c.value = !0;
         let r = {
           ...d,
-          ...k
+          ...p
         };
-        r = ((v = e == null ? void 0 : e.beforeRequest) == null ? void 0 : v.call(e, r)) || r, await q(async () => await (a == null ? void 0 : a(r)));
+        r = ((h = e == null ? void 0 : e.beforeRequest) == null ? void 0 : h.call(e, r)) || r, await O(async () => await (o == null ? void 0 : o(r))), e != null && e.successMessage && I.success(A.value);
       } finally {
-        s.value = !1;
+        c.value = !1;
       }
     }
-    return (t, l) => F.value ? (m(), f(o(N), {
+    return (t, u) => P.value ? (m(), f(a(V), {
       key: 0,
-      class: D([o(_)()]),
-      overlayStyle: A,
+      class: K([a(S)()]),
+      overlayStyle: G,
       disabled: b.value
     }, {
-      overlay: n(() => [
-        y(o(T), { onClick: P }, {
-          default: n(() => {
-            var a;
+      overlay: s(() => [
+        y(a(q), { onClick: k }, {
+          default: s(() => {
+            var o;
             return [
-              (m(), f(o(g), {
-                key: o(u).SELECT,
-                disabled: ((a = w.value) == null ? void 0 : a.length) === 0
+              (m(), f(a(M), {
+                key: a(i).SELECT,
+                disabled: ((o = w.value) == null ? void 0 : o.length) === 0
               }, {
-                default: n(() => [
-                  p(x(o(c)("ap.apExportGroup.exportSelected")), 1)
+                default: s(() => [
+                  g(x(a(n)("ap.apExportGroup.exportSelected")), 1)
                 ]),
                 _: 1
               }, 8, ["disabled"])),
-              (m(), f(o(g), {
-                key: o(u).ALL
+              (m(), f(a(M), {
+                key: a(i).ALL
               }, {
-                default: n(() => [
-                  p(x(o(c)("ap.apExportGroup.exportAll")), 1)
+                default: s(() => [
+                  g(x(a(n)("ap.apExportGroup.exportAll")), 1)
                 ]),
                 _: 1
               }))
@@ -87,26 +88,26 @@ const te = /* @__PURE__ */ G({
           _: 1
         })
       ]),
-      default: n(() => [
-        y(o(I), K({
+      default: s(() => [
+        y(a(F), R({
           ...t.$attrs
         }, {
           style: {
-            color: S.value
+            color: L.value
           },
-          loading: s.value
+          loading: c.value
         }), {
-          default: n(() => [
-            p(x((e == null ? void 0 : e.text) ?? o(c)("ap.apExportGroup.export")) + " ", 1),
-            y(o(B))
+          default: s(() => [
+            g(x((e == null ? void 0 : e.text) ?? a(n)("ap.apExportGroup.export")) + " ", 1),
+            y(a(T))
           ]),
           _: 1
         }, 16, ["style", "loading"])
       ]),
       _: 1
-    }, 8, ["class", "disabled"])) : R("", !0);
+    }, 8, ["class", "disabled"])) : N("", !0);
   }
 });
 export {
-  te as default
+  oe as default
 };

package/es/src/business/ap-export-group/index.d.ts

@@ -3,27 +3,27 @@ import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOpt
 export * from './interface';
 declare const ApExportGroup: {
     new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
-        selectedRowKeys: {
-            type: PropType<any[]>;
+        text: {
+            type: PropType<string>;
         };
         disabled: {
             type: PropType<boolean>;
         };
-        auth: {
-            type: PropType<string>;
+        request: {
+            type: PropType<(key: any) => Promise<any>>;
+        };
+        selectedRowKeys: {
+            type: PropType<any[]>;
         };
         ifShow: {
             type: PropType<() => boolean>;
         };
-        text: {
+        auth: {
             type: PropType<string>;
         };
         idKey: {
             type: PropType<string>;
         };
-        request: {
-            type: PropType<(key: any) => Promise<any>>;
-        };
         getRequestParams: {
             type: PropType<() => Record<string, any>>;
         };
@@ -33,28 +33,32 @@ declare const ApExportGroup: {
         beforeRequest: {
             type: PropType<(params: any) => Record<string, any>>;
         };
+        successMessage: {
+            type: PropType<string | boolean>;
+            default: boolean;
+        };
     }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
-        selectedRowKeys: {
-            type: PropType<any[]>;
+        text: {
+            type: PropType<string>;
         };
         disabled: {
             type: PropType<boolean>;
         };
-        auth: {
-            type: PropType<string>;
+        request: {
+            type: PropType<(key: any) => Promise<any>>;
+        };
+        selectedRowKeys: {
+            type: PropType<any[]>;
         };
         ifShow: {
             type: PropType<() => boolean>;
         };
-        text: {
+        auth: {
             type: PropType<string>;
         };
         idKey: {
             type: PropType<string>;
         };
-        request: {
-            type: PropType<(key: any) => Promise<any>>;
-        };
         getRequestParams: {
             type: PropType<() => Record<string, any>>;
         };
@@ -64,7 +68,13 @@ declare const ApExportGroup: {
         beforeRequest: {
             type: PropType<(params: any) => Record<string, any>>;
         };
-    }>>, {}, true, {}, {}, {
+        successMessage: {
+            type: PropType<string | boolean>;
+            default: boolean;
+        };
+    }>>, {
+        successMessage: boolean | string;
+    }, true, {}, {}, {
         P: {};
         B: {};
         D: {};
@@ -72,27 +82,27 @@ declare const ApExportGroup: {
         M: {};
         Defaults: {};
     }, Readonly< ExtractPropTypes<{
-        selectedRowKeys: {
-            type: PropType<any[]>;
+        text: {
+            type: PropType<string>;
         };
         disabled: {
             type: PropType<boolean>;
         };
-        auth: {
-            type: PropType<string>;
+        request: {
+            type: PropType<(key: any) => Promise<any>>;
+        };
+        selectedRowKeys: {
+            type: PropType<any[]>;
         };
         ifShow: {
             type: PropType<() => boolean>;
         };
-        text: {
+        auth: {
             type: PropType<string>;
         };
         idKey: {
             type: PropType<string>;
         };
-        request: {
-            type: PropType<(key: any) => Promise<any>>;
-        };
         getRequestParams: {
             type: PropType<() => Record<string, any>>;
         };
@@ -102,32 +112,38 @@ declare const ApExportGroup: {
         beforeRequest: {
             type: PropType<(params: any) => Record<string, any>>;
         };
-    }>>, {}, {}, {}, {}, {}>;
+        successMessage: {
+            type: PropType<string | boolean>;
+            default: boolean;
+        };
+    }>>, {}, {}, {}, {}, {
+        successMessage: boolean | string;
+    }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & ComponentOptionsBase<Readonly< ExtractPropTypes<{
-    selectedRowKeys: {
-        type: PropType<any[]>;
+    text: {
+        type: PropType<string>;
     };
     disabled: {
         type: PropType<boolean>;
     };
-    auth: {
-        type: PropType<string>;
+    request: {
+        type: PropType<(key: any) => Promise<any>>;
+    };
+    selectedRowKeys: {
+        type: PropType<any[]>;
     };
     ifShow: {
         type: PropType<() => boolean>;
     };
-    text: {
+    auth: {
         type: PropType<string>;
     };
     idKey: {
         type: PropType<string>;
     };
-    request: {
-        type: PropType<(key: any) => Promise<any>>;
-    };
     getRequestParams: {
         type: PropType<() => Record<string, any>>;
     };
@@ -137,7 +153,13 @@ declare const ApExportGroup: {
     beforeRequest: {
         type: PropType<(params: any) => Record<string, any>>;
     };
-}>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & ( Plugin & (new (...args: any[]) => {
+    successMessage: {
+        type: PropType<string | boolean>;
+        default: boolean;
+    };
+}>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+    successMessage: boolean | string;
+}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & ( Plugin & (new (...args: any[]) => {
     $props: {
         onClick?: () => void;
     };

package/es/src/business/ap-export-group/interface.d.ts

@@ -37,6 +37,7 @@ export interface ApExportGroupProps {
      */
     getInitialParams?: () => Record<string, any>;
     beforeRequest?: (params: any) => Record<string, any>;
+    successMessage?: boolean | string;
 }
 export declare enum ApExportGroupActionType {
     ALL = "ALL",

package/es/src/business/ap-summary/ap-summary.vue2.mjs

@@ -1,11 +1,11 @@
-import { defineComponent as v, computed as L, createVNode as N, Fragment as y, openBlock as m, createBlock as i, unref as r, normalizeClass as f, withCtx as x, createElementBlock as w, renderList as z, normalizeStyle as B, resolveDynamicComponent as R } from "vue";
+import { defineComponent as I, computed as L, createVNode as N, Fragment as y, openBlock as m, createBlock as i, unref as r, normalizeClass as f, withCtx as x, createElementBlock as w, renderList as z, normalizeStyle as B, resolveDynamicComponent as R } from "vue";
 import { isNil as A, get as c } from "lodash-unified";
 import { TableSummaryRow as D, TableSummaryCell as F } from "@aplus-frontend/antdv";
 import { flattenColumns as V, formatDataIndex as u } from "./utils.mjs";
 import "../../config-provider/index.mjs";
 import { isNumeric as E, toThousand as P, toFixed as $ } from "@aplus-frontend/utils";
 import { useNamespace as j } from "../../config-provider/hooks/use-namespace.mjs";
-const Q = /* @__PURE__ */ v({
+const Q = /* @__PURE__ */ I({
   name: "ApSummary",
   __name: "ap-summary",
   props: {
@@ -25,7 +25,7 @@ const Q = /* @__PURE__ */ v({
   setup(k) {
     const n = k, h = (a) => a === 0, T = (a, o) => {
       var s;
-      if (!a || !E(a) || o.valueType !== "number")
+      if (!E(a) || o.valueType !== "number")
         return a;
       const e = (s = o.fieldProps) == null ? void 0 : s.field, t = (e == null ? void 0 : e.precision) || 0;
       return (A(e == null ? void 0 : e.thousands) ? !0 : e == null ? void 0 : e.thousands) ? P(a, t) : $(a, t);
@@ -43,11 +43,11 @@ const Q = /* @__PURE__ */ v({
         if (h(d))
           s = n.summaryTitle;
         else if (b && (t.customRender || t.renderText)) {
-          const p = c(n.data, u(t.dataIndex || t.key)), I = u(t.dataIndex || t.key), l = t.customRender || t.renderText;
+          const p = c(n.data, u(t.dataIndex || t.key)), v = u(t.dataIndex || t.key), l = t.customRender || t.renderText;
           s = l == null ? void 0 : l({
             value: p,
             record: {
-              [I]: p
+              [v]: p
             },
             text: void 0,
             index: 0,

package/es/src/business/batch-input-group/index.vue.mjs

@@ -1,14 +1,14 @@
-import { defineComponent as O, ref as B, computed as u, unref as n, openBlock as g, createElementBlock as P, createVNode as s, withCtx as A, createBlock as T, normalizeStyle as z, createCommentVNode as K, mergeProps as $ } from "vue";
+import { defineComponent as O, ref as B, computed as r, unref as n, openBlock as g, createElementBlock as P, createVNode as s, withCtx as A, createBlock as T, normalizeStyle as z, createCommentVNode as K, mergeProps as M } from "vue";
 import "../../ap-field/index.mjs";
-import { Space as D } from "@aplus-frontend/antdv";
+import { Space as $ } from "@aplus-frontend/antdv";
 import "../../config-provider/index.mjs";
-import { omit as G } from "lodash-unified";
+import { omit as D } from "lodash-unified";
 import "./popover-input/index.vue.mjs";
 import "../../hooks/index.mjs";
-import { isDef as N } from "../../utils/index.mjs";
-import { useDefaultPlaceholder as q } from "../../ap-field/hooks/use-default-placeholder.mjs";
-import { useControllableValue as H } from "../../hooks/useControllableValue.mjs";
-import { useLocale as M } from "../../config-provider/hooks/use-locale.mjs";
+import { isDef as G } from "../../utils/index.mjs";
+import { useDefaultPlaceholder as N } from "../../ap-field/hooks/use-default-placeholder.mjs";
+import { useControllableValue as q } from "../../hooks/useControllableValue.mjs";
+import { useLocale as H } from "../../config-provider/hooks/use-locale.mjs";
 import Y from "../../ap-field/select/index.vue.mjs";
 import { ApFieldText as J } from "../../ap-field/text/index.mjs";
 import Q from "./popover-input/index.vue2.mjs";
@@ -39,10 +39,13 @@ const c = "GROUP_SEARCH_ALL", ce = /* @__PURE__ */ O({
     onPressEnter: {},
     onKeydown: {},
     onKeyup: {},
+    onMousedown: {},
+    onMouseUp: {},
     onFocus: {},
     onBlur: {},
     onChange: {},
     onInput: {},
+    onRawInput: {},
     onCompositionstart: {},
     onCompositionend: {},
     valueModifiers: {},
@@ -66,53 +69,53 @@ const c = "GROUP_SEARCH_ALL", ce = /* @__PURE__ */ O({
   },
   emits: ["update:value"],
   setup(V, { emit: C }) {
-    const l = V, S = q("Text", l), x = C, { value: a, updateValue: i } = H(
+    const l = V, S = N("Text", l), x = C, { value: a, updateValue: p } = q(
       l,
       x
-    ), f = B(), d = B(), { t: b } = M(), I = u(() => l.options ? l.options.length > 1 && l.hasAll ? [
-      { value: c, label: b("ap.apGroupSearch.all") },
+    ), f = B(), d = B(), { t: I } = H(), U = r(() => l.options ? l.options.length > 1 && l.hasAll ? [
+      { value: c, label: I("ap.apGroupSearch.all") },
       ...l.options
-    ] : l.options : []), U = u(() => l.options ? l.options.map((e) => e.value) : []), _ = u(() => {
+    ] : l.options : []), b = r(() => l.options ? l.options.map((e) => e.value) : []), w = r(() => {
       var e, t;
       return (t = (e = n(a)) == null ? void 0 : e.value) != null && t.length ? n(a).value.join(",") : "";
-    }), k = u(() => {
+    }), _ = r(() => {
       var e, t;
       return (t = (e = n(a)) == null ? void 0 : e.value) != null && t.length ? n(a).value.join(`
 `) : "";
-    }), w = u(() => {
+    }), k = r(() => {
       var t;
       const e = (t = n(a)) == null ? void 0 : t.key;
       if (e != null && e.length)
         return e.length === 1 ? e[0] : c;
-    }), R = u(() => {
+    }), R = r(() => {
       var o;
       const e = (o = n(a)) == null ? void 0 : o.key;
-      return !e || (e == null ? void 0 : e.length) <= 1 ? n(S) : (l.options || []).filter((r) => e.includes(r.value)).map((r) => r.label).join("/");
+      return !e || (e == null ? void 0 : e.length) <= 1 ? n(S) : (l.options || []).filter((u) => e.includes(u.value)).map((u) => u.label).join("/");
     });
     function j(e) {
-      const t = n(a) || {}, o = e === c ? n(U) : N(e) ? [e] : [];
-      i({
+      const t = n(a) || {}, o = e === c ? n(b) : G(e) ? [e] : [];
+      p({
         ...t,
         key: o
       });
     }
     function E(e) {
       var v, y;
-      const t = n(a) || {}, o = e.target.value || "", r = o.replace(/[,]+/g, ",");
-      if (o !== r) {
+      const t = n(a) || {}, o = e.target.value || "", u = o.replace(/[,]+/g, ",");
+      if (o !== u) {
         const h = (y = (v = d.value) == null ? void 0 : v.$el) == null ? void 0 : y.querySelector("input");
-        h && (h.value = r);
+        h && (h.value = u);
       }
-      let p = r.split(",");
-      p.length === 1 && p[0] === "" && (p = []), i({
+      let i = u.split(",");
+      i.length === 1 && i[0] === "" && (i = []), p({
         ...t,
-        value: p
+        value: i
       });
     }
     function F(e) {
       const t = n(a) || {};
       let o = e.split(/,|\n/);
-      i({
+      p({
         ...t,
         value: o
       });
@@ -120,7 +123,7 @@ const c = "GROUP_SEARCH_ALL", ce = /* @__PURE__ */ O({
     function m() {
       var o;
       const e = n(a) || {}, t = (o = e.value) == null ? void 0 : o.filter(Boolean);
-      i({
+      p({
         ...e,
         value: t
       });
@@ -138,22 +141,22 @@ const c = "GROUP_SEARCH_ALL", ce = /* @__PURE__ */ O({
       onBlur: t[1] || (t[1] = //@ts-ignore
       (...o) => e.onBlur && e.onBlur(...o))
     }, [
-      s(n(D).Compact, { block: "" }, {
+      s(n($).Compact, { block: "" }, {
         default: A(() => {
           var o;
           return [
             (o = e.options) != null && o.length ? (g(), T(n(Y), {
               key: 0,
               style: z(e.style),
-              options: I.value,
-              value: w.value,
+              options: U.value,
+              value: k.value,
               "onUpdate:value": j,
               "allow-clear": !1,
               "dropdown-match-select-width": !1
             }, null, 8, ["style", "options", "value"])) : K("", !0),
-            s(n(J), $(
+            s(n(J), M(
               { style: e.inputStyle },
-              n(G)(l, [
+              n(D)(l, [
                 "style",
                 "value",
                 "onUpdate:value",
@@ -164,7 +167,7 @@ const c = "GROUP_SEARCH_ALL", ce = /* @__PURE__ */ O({
               {
                 ref_key: "inputRef",
                 ref: d,
-                value: _.value,
+                value: w.value,
                 onInput: E,
                 onBlur: L,
                 placeholder: R.value
@@ -173,7 +176,7 @@ const c = "GROUP_SEARCH_ALL", ce = /* @__PURE__ */ O({
               suffix: A(() => [
                 s(Q, {
                   _parent: f.value,
-                  value: k.value,
+                  value: _.value,
                   "onUpdate:value": F,
                   onClose: m
                 }, null, 8, ["_parent", "value"])

package/es/src/locale/lang/en.mjs

@@ -78,7 +78,8 @@ const e = {
       exportError: "Export error",
       exportSelected: "Export selected",
       exportAll: "Export all",
-      export: "Export Excel"
+      export: "Export Excel",
+      exportSuccess: "The task has been submitted,please go to the download center to check the progress"
     },
     apBatchAction: {
       selected: "Selected",

package/es/src/locale/lang/zh-cn.mjs

@@ -87,7 +87,8 @@ const e = {
       exportError: "导出失败",
       exportSelected: "导出所选",
       exportAll: "导出全部",
-      export: "导出Excel"
+      export: "导出Excel",
+      exportSuccess: "任务已提交,前往下载中心查看进度"
     },
     apBatchAction: {
       selected: "已选",

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

@@ -279,6 +279,10 @@ declare function __VLS_template(): {
             step: ValueType;
             bordered: boolean;
             onPressEnter: KeyboardEventHandler;
+            formatter: (value: ValueType, info: {
+                userTyping: boolean;
+                input: string;
+            }) => string;
             keyboard: boolean;
             onStep: (value: ValueType, info: {
                 offset: ValueType;
@@ -287,10 +291,6 @@ declare function __VLS_template(): {
             stringMode: boolean;
             controls: boolean;
             parser: (displayValue: string) => ValueType;
-            formatter: (value: ValueType, info: {
-                userTyping: boolean;
-                input: string;
-            }) => string;
         }, true, {}, CustomSlotsType<{
             addonBefore?: any;
             addonAfter?: any;
@@ -446,6 +446,10 @@ declare function __VLS_template(): {
             step: ValueType;
             bordered: boolean;
             onPressEnter: KeyboardEventHandler;
+            formatter: (value: ValueType, info: {
+                userTyping: boolean;
+                input: string;
+            }) => string;
             keyboard: boolean;
             onStep: (value: ValueType, info: {
                 offset: ValueType;
@@ -454,10 +458,6 @@ declare function __VLS_template(): {
             stringMode: boolean;
             controls: boolean;
             parser: (displayValue: string) => ValueType;
-            formatter: (value: ValueType, info: {
-                userTyping: boolean;
-                input: string;
-            }) => string;
         }> | null;
     };
     attrs: Partial<{}>;