@aplus-frontend/ui 7.0.0 → 7.0.1

package/es/src/ap-upload/apUpload.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as U, ref as u, computed as p, provide as t, createElementBlock as O, openBlock as m, normalizeClass as R, unref as c, createBlock as z, resolveDynamicComponent as j, mergeProps as A, createSlots as $, renderList as k, withCtx as B, renderSlot as T, normalizeProps as w, guardReactiveProps as I } from "vue";
+import { defineComponent as U, ref as m, computed as c, provide as t, createElementBlock as O, openBlock as d, normalizeClass as R, unref as a, createBlock as z, resolveDynamicComponent as j, mergeProps as A, createSlots as $, renderList as k, withCtx as B, renderSlot as T, normalizeProps as w, guardReactiveProps as I } from "vue";
 import "../config-provider/index.mjs";
 import "./components/SingleFile.vue.mjs";
 import "./components/MultipleFile.vue.mjs";
@@ -12,8 +12,8 @@ import { useNamespace as G } from "../config-provider/hooks/use-namespace.mjs";
 import H from "./components/Picture.vue2.mjs";
 import J from "./components/MultipleFile.vue2.mjs";
 import K from "./components/SingleFile.vue2.mjs";
-import { useGlobalConfig as d } from "../config-provider/hooks/use-global-config.mjs";
-const me = /* @__PURE__ */ U({
+import { useGlobalConfig as f } from "../config-provider/hooks/use-global-config.mjs";
+const Q = ["id"], ce = /* @__PURE__ */ U({
   name: "AplusFileUpload",
   __name: "apUpload",
   props: {
@@ -91,57 +91,58 @@ const me = /* @__PURE__ */ U({
     }
   },
   emits: ["update:value"],
-  setup(f, { expose: g, emit: v }) {
-    const { t: a, lang: y } = D();
-    L(a), q(a, y);
-    const { b: C } = G("ap-upload"), S = V("ap-upload"), n = u(null), e = f, x = v, b = {
+  setup(g, { expose: v, emit: y }) {
+    const { t: n, lang: C } = D();
+    L(n), q(n, C);
+    const { b: S } = G("ap-upload"), x = V("ap-upload"), s = m(null), e = g, b = y, M = {
       singleFile: K,
       multipleFile: J,
       picture: H
-    }, M = P.useInjectFormItemContext(), E = p({
+    }, i = P.useInjectFormItemContext(), h = c({
       get() {
         return e.value;
       },
       set(o) {
-        x("update:value", o), M?.onFieldChange(), e.onChange?.(o);
+        b("update:value", o), i?.onFieldChange(), e.onChange?.(o);
       }
-    }), F = d("uiMode"), r = d("apUpload");
-    t("theme", F.value), t("value", E), t("dirName", e.dirName ?? r.value?.dirName), t(
+    }), E = f("uiMode"), r = f("apUpload");
+    t("theme", E.value), t("value", h), t("dirName", e.dirName ?? r.value?.dirName), t(
       "needName",
       e.needName ?? r.value?.needName ?? !1
     ), t("accept", e.accept ?? r.value?.accept ?? ""), t("maxSize", e.maxSize), t("title", e.title), t("subTitle", e.subTitle), t("maxCount", e.maxCount), t("beforeUpload", e.beforeUpload), t("customRequest", e.customRequest), t(
       "getOssAccess",
       e.getOssAccess ?? r.value?.getOssAccess
     ), t("maxSizeErrorMsg", e.maxSizeErrorMsg), t("maxCountErrorMsg", e.maxCountErrorMsg), t("acceptErrorMsg", e.acceptErrorMsg), t("onRemove", e.onRemove), t("showUploadErrorMsg", e.showUploadErrorMsg);
-    const h = p(() => s.value === 0), s = u(0);
-    t("uploadingCount", s);
-    function N() {
-      i(void 0);
+    const F = c(() => l.value === 0), l = m(0);
+    t("uploadingCount", l);
+    function _() {
+      u(void 0);
     }
-    function i(o) {
-      n?.value?.setValue?.(o);
+    function u(o) {
+      s?.value?.setValue?.(o);
     }
-    return g({
-      done: h,
-      clear: N,
-      setValue: i
-    }), (o, Q) => (m(), O("div", {
-      class: R([c(C)(), c(S)])
+    return v({
+      done: F,
+      clear: _,
+      setValue: u
+    }), (o, W) => (d(), O("div", {
+      id: a(i)?.id.value,
+      class: R([a(S)(), a(x)])
     }, [
-      (m(), z(j(b[e.type]), A(o.$attrs, {
+      (d(), z(j(M[e.type]), A(o.$attrs, {
         ref_key: "uploadRef",
-        ref: n
+        ref: s
       }), $({ _: 2 }, [
-        k(Object.keys(o.$slots), (l) => ({
-          name: l,
-          fn: B((_) => [
-            T(o.$slots, l, w(I(_ || {})))
+        k(Object.keys(o.$slots), (p) => ({
+          name: p,
+          fn: B((N) => [
+            T(o.$slots, p, w(I(N || {})))
           ])
         }))
       ]), 1040))
-    ], 2));
+    ], 10, Q));
   }
 });
 export {
-  me as default
+  ce as default
 };

package/es/src/business/ag-grid-modal/interface.d.ts

@@ -77,7 +77,7 @@ export interface AgGridSelectModalProps<RowType = any> extends AgGridModalBasicP
     /** 设置是否是复杂布局 */
     modalLayout?: ModalLayoutConfig<RowType>;
     /** ag-grid 额外配置 */
-    gridProps?: Omit<AgGridProps<RowType>, 'rowHeight' | 'rowSelection' | 'rowKey'>;
+    gridProps?: Omit<AgGridProps<RowType>, 'rowSelection' | 'rowKey'>;
 }
 export interface SelectModalReturnType<T = any> {
     /** 打开弹框 */

package/es/src/business/ag-grid-modal/wrapper/index.vue.d.ts

@@ -7,13 +7,17 @@ declare function __VLS_template(): {
     slots: {
         default?(_: {}): any;
     };
-    refs: {};
+    refs: {
+        wrapperContainer: HTMLDivElement;
+    };
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     rowHeight: number;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    wrapperContainer: HTMLDivElement;
+}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/es/src/business/ag-grid-modal/wrapper/index.vue2.mjs

@@ -1,25 +1,42 @@
-import { defineComponent as c, computed as t, createElementBlock as u, openBlock as s, normalizeStyle as d, unref as m, renderSlot as p } from "vue";
-import { LARGER_HEIGHT as f, SMALL_HEIGHT as o } from "../constants.mjs";
-import { useAgGridModalInject as h } from "../hooks/use-ag-grid-instance.mjs";
-const v = /* @__PURE__ */ c({
+import { defineComponent as p, useTemplateRef as f, computed as g, ref as h, watch as d, onMounted as m, createElementBlock as H, openBlock as v, normalizeStyle as _, unref as y, renderSlot as w } from "vue";
+import { SMALL_HEIGHT as l, LARGER_HEIGHT as S } from "../constants.mjs";
+import { useAgGridModalInject as L } from "../hooks/use-ag-grid-instance.mjs";
+const G = /* @__PURE__ */ p({
   __name: "index",
   props: {
-    rowHeight: { default: 40 }
+    rowHeight: { default: 32 }
   },
-  setup(r) {
-    const n = r, i = h(), l = t(() => i?.dataSourceLength?.value || 0), a = t(() => l.value * n.rowHeight > 400 ? f : o);
-    return (e, g) => (s(), u("div", {
-      style: d({
-        minHeight: m(o),
+  setup(c) {
+    const s = c, t = f("wrapperContainer"), u = L(), r = g(
+      () => u?.dataSourceLength?.value || 0
+    ), a = h(l), i = () => {
+      const e = t.value?.clientHeight, o = t.value?.querySelector(
+        ".ag-body.ag-layout-normal"
+      )?.clientHeight;
+      let n = 0;
+      !e || !o ? n = 0 : n = e - o, r.value * s.rowHeight > 480 - n && (a.value = S);
+    };
+    return d(
+      () => r.value,
+      () => {
+        i();
+      }
+    ), m(() => {
+      i();
+    }), (e, o) => (v(), H("div", {
+      ref_key: "wrapperContainer",
+      ref: t,
+      style: _({
+        minHeight: y(l),
         height: a.value,
         display: "flex",
         flexDirection: "column"
       })
     }, [
-      p(e.$slots, "default")
+      w(e.$slots, "default")
     ], 4));
   }
 });
 export {
-  v as default
+  G as default
 };

package/es/src/business/ap-ladder/style/index.mjs

@@ -37,7 +37,7 @@ const i = (l) => {
       },
       [`${e}__value-group-link`]: {
         cursor: "pointer",
-        color: l.colorPrimary,
+        color: l.colorLink,
         textDecoration: "none"
       },
       [`${e}__value-group-label-left`]: {
@@ -126,7 +126,7 @@ const i = (l) => {
       },
       [`${e}__link, ${e}__link a`]: {
         cursor: "pointer",
-        color: l.colorPrimary,
+        color: l.colorLink,
         textDecoration: "none"
       },
       "&--admin": {
@@ -151,9 +151,6 @@ const i = (l) => {
           },
           "&__unit": {
             color: "#333"
-          },
-          "&__link": {
-            color: "#34b77c"
           }
         }
       }

package/es/src/business/ap-size-input/ApSizeInput.d.ts

@@ -1,4 +1,4 @@
-import { DefineComponent, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { DefineComponent, ExtractPropTypes, PropType, StyleValue, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare const _default: DefineComponent<ExtractPropTypes<{
     value: {
         type: PropType<Array<string | number>>;
@@ -25,7 +25,7 @@ declare const _default: DefineComponent<ExtractPropTypes<{
     };
     min: {
         type: NumberConstructor;
-        default: number;
+        required: boolean;
     };
     max: {
         type: NumberConstructor;
@@ -35,6 +35,14 @@ declare const _default: DefineComponent<ExtractPropTypes<{
         type: NumberConstructor;
         default: number;
     };
+    disabled: {
+        type: BooleanConstructor;
+        required: boolean;
+    };
+    style: {
+        type: PropType<StyleValue>;
+        required: boolean;
+    };
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
     value: {
         type: PropType<Array<string | number>>;
@@ -61,7 +69,7 @@ declare const _default: DefineComponent<ExtractPropTypes<{
     };
     min: {
         type: NumberConstructor;
-        default: number;
+        required: boolean;
     };
     max: {
         type: NumberConstructor;
@@ -71,11 +79,19 @@ declare const _default: DefineComponent<ExtractPropTypes<{
         type: NumberConstructor;
         default: number;
     };
+    disabled: {
+        type: BooleanConstructor;
+        required: boolean;
+    };
+    style: {
+        type: PropType<StyleValue>;
+        required: boolean;
+    };
 }>> & Readonly<{}>, {
     step: number;
     value: (string | number)[];
+    disabled: boolean;
     placeholder: string[];
-    min: number;
     max: number;
     precision: number;
     editable: boolean;

package/es/src/business/ap-size-input/ApSizeInput.mjs

@@ -1,60 +1,57 @@
-import { defineComponent as f, toRaw as x, createVNode as t } from "vue";
-import { ApSizeInputProps as r } from "./constans.mjs";
+import { defineComponent as p, toRaw as f, createVNode as a, mergeProps as m } from "vue";
+import { ApSizeInputProps as s } from "./constans.mjs";
 import "../../ap-field/number/index.vue2.mjs";
-import { Form as g, Space as I } from "@aplus-frontend/antdv";
+import { Form as g } from "@aplus-frontend/antdv";
 import "../../config-provider/index.mjs";
-import v from "./style/index.mjs";
-import { useNamespace as z } from "../../config-provider/hooks/use-namespace.mjs";
-import { useLocale as C } from "../../config-provider/hooks/use-locale.mjs";
-import m from "../../ap-field/number/index.vue.mjs";
-const y = /* @__PURE__ */ f({
+import I from "./style/index.mjs";
+import { useNamespace as v } from "../../config-provider/hooks/use-namespace.mjs";
+import { useLocale as z } from "../../config-provider/hooks/use-locale.mjs";
+import u from "../../ap-field/number/index.vue.mjs";
+const _ = /* @__PURE__ */ p({
   name: "ApSizeInput",
-  props: r(),
+  props: s(),
   setup(e, {
     emit: c
   }) {
     const {
-      b: u
-    } = z("ap-size-input"), d = v("ap-size-input"), {
+      b: d
+    } = v("ap-size-input"), h = I("ap-size-input"), {
       t: n
-    } = C(), h = g.useInjectFormItemContext(), i = (a, o) => {
-      const l = e.value;
-      l[a] = o, c("update:value", l), c("SizeInputChange", x(l)), h.onFieldChange();
+    } = z(), r = g.useInjectFormItemContext(), o = (t, l) => {
+      const i = e.value;
+      i[t] = l, c("update:value", i), c("SizeInputChange", f(i)), r.onFieldChange();
     };
-    return () => t(I, {
-      class: [u(), d.value]
-    }, {
-      default: () => [t(m, {
+    return () => {
+      const t = {
+        style: {
+          flex: 1
+        },
+        precision: e.precision ?? 2,
+        min: e.min ?? 1,
+        max: e.max,
+        step: e.step ?? 1,
         mode: e.editable ? "edit" : "read",
+        disabled: e.disabled
+      };
+      return a("div", {
+        class: [d(), h.value],
+        style: e.style
+      }, [a(u, m({
         value: e.value?.[0],
         placeholder: e.placeholder && e.placeholder.length >= 3 ? e.placeholder[0] : n("ap.apSizeInput.length"),
-        precision: e.precision ? e.precision : 2,
-        min: e.min ? e.min : 1,
-        max: e.max ? e.max : 999.99,
-        onChange: (a) => i(0, a),
-        step: e.step ? e.step : 1
-      }, null), e.perfix, t(m, {
-        mode: e.editable ? "edit" : "read",
+        onChange: (l) => o(0, l)
+      }, t), null), e.perfix, a(u, m({
         value: e.value?.[1],
         placeholder: e.placeholder && e.placeholder.length >= 3 ? e.placeholder[1] : n("ap.apSizeInput.width"),
-        precision: e.precision ? e.precision : 2,
-        min: e.min ? e.min : 1,
-        max: e.max ? e.max : 999.99,
-        onChange: (a) => i(1, a),
-        step: e.step ? e.step : 1
-      }, null), e.perfix, t(m, {
-        mode: e.editable ? "edit" : "read",
+        onChange: (l) => o(1, l)
+      }, t), null), e.perfix, a(u, m({
         value: e.value?.[2],
         placeholder: e.placeholder && e.placeholder.length >= 3 ? e.placeholder[2] : n("ap.apSizeInput.height"),
-        precision: e.precision ? e.precision : 2,
-        min: e.min ? e.min : 1,
-        max: e.max ? e.max : 999.99,
-        onChange: (a) => i(2, a),
-        step: e.step ? e.step : 1
-      }, null)]
-    });
+        onChange: (l) => o(2, l)
+      }, t), null)]);
+    };
   }
 });
 export {
-  y as default
+  _ as default
 };

package/es/src/business/ap-size-input/constans.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { PropType, StyleValue } from 'vue';
 export declare const ApSizeInputProps: () => {
     value: {
         type: PropType<Array<string | number>>;
@@ -25,7 +25,7 @@ export declare const ApSizeInputProps: () => {
     };
     min: {
         type: NumberConstructor;
-        default: number;
+        required: boolean;
     };
     max: {
         type: NumberConstructor;
@@ -35,4 +35,12 @@ export declare const ApSizeInputProps: () => {
         type: NumberConstructor;
         default: number;
     };
+    disabled: {
+        type: BooleanConstructor;
+        required: boolean;
+    };
+    style: {
+        type: PropType<StyleValue>;
+        required: boolean;
+    };
 };

package/es/src/business/ap-size-input/constans.mjs

@@ -24,7 +24,7 @@ const e = () => ({
   },
   min: {
     type: Number,
-    default: 0
+    required: !1
   },
   max: {
     type: Number,
@@ -33,6 +33,14 @@ const e = () => ({
   precision: {
     type: Number,
     default: 2
+  },
+  disabled: {
+    type: Boolean,
+    required: !1
+  },
+  style: {
+    type: Object,
+    required: !1
   }
 });
 export {

package/es/src/business/ap-size-input/form-item.vue.d.ts

@@ -0,0 +1,13 @@
+import { ApFormItemSizeInputProps } from './interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<ApFormItemSizeInputProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ApFormItemSizeInputProps> & Readonly<{}>, {
+    hidden: boolean;
+    colon: boolean;
+    required: boolean;
+    hasFeedback: boolean;
+    autoLink: boolean;
+    validateFirst: boolean;
+    noStyle: boolean;
+    bordered: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export default _default;

package/es/src/business/ap-size-input/form-item.vue.mjs

@@ -0,0 +1,65 @@
+import { defineComponent as r, createBlock as i, openBlock as p, unref as e, normalizeProps as l, guardReactiveProps as t, withCtx as d, createVNode as n } from "vue";
+import m from "./ApSizeInput.mjs";
+import { ApForm as s } from "../../ap-form/index.mjs";
+import { omit as u } from "lodash-unified";
+const _ = /* @__PURE__ */ r({
+  name: "ApFormItemSizeInput",
+  __name: "form-item",
+  props: {
+    field: {},
+    htmlFor: {},
+    prefixCls: {},
+    label: {},
+    help: {},
+    extra: {},
+    labelCol: {},
+    wrapperCol: {},
+    hasFeedback: { type: Boolean, default: void 0 },
+    colon: { type: Boolean, default: void 0 },
+    labelAlign: {},
+    prop: {},
+    name: {},
+    rules: {},
+    autoLink: { type: Boolean, default: void 0 },
+    required: { type: Boolean, default: void 0 },
+    validateFirst: { type: Boolean, default: void 0 },
+    validateStatus: {},
+    validateTrigger: {},
+    messageVariables: {},
+    hidden: { type: Boolean, default: void 0 },
+    noStyle: { type: Boolean, default: void 0 },
+    tooltip: {},
+    span: {},
+    order: {},
+    offset: {},
+    push: {},
+    pull: {},
+    xs: {},
+    sm: {},
+    md: {},
+    lg: {},
+    xl: {},
+    xxl: {},
+    flex: {},
+    bordered: { type: Boolean, default: void 0 },
+    valuePropName: {},
+    initialValue: {},
+    _signal: {},
+    transform: {},
+    description: {},
+    customFilled: {},
+    disabled: { type: Boolean }
+  },
+  setup(a) {
+    const o = a;
+    return (f, c) => (p(), i(e(s).FormItem, l(t(e(u)(o, ["field"]))), {
+      default: d(() => [
+        n(e(m), l(t(o.field || {})), null, 16)
+      ]),
+      _: 1
+    }, 16));
+  }
+});
+export {
+  _ as default
+};

package/es/src/business/ap-size-input/form-item.vue2.mjs

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

package/es/src/business/ap-size-input/index.d.ts

@@ -1,4 +1,5 @@
-import { CreateComponentPublicInstanceWithMixins, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
+import { default as ApFormItemSizeInput } from './form-item.vue';
+import { CreateComponentPublicInstanceWithMixins, ExtractPropTypes, PropType, StyleValue, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
 export * from './interface';
 declare const ApSizeInput: {
     new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
@@ -27,7 +28,7 @@ declare const ApSizeInput: {
         };
         min: {
             type: NumberConstructor;
-            default: number;
+            required: boolean;
         };
         max: {
             type: NumberConstructor;
@@ -37,11 +38,19 @@ declare const ApSizeInput: {
             type: NumberConstructor;
             default: number;
         };
+        disabled: {
+            type: BooleanConstructor;
+            required: boolean;
+        };
+        style: {
+            type: PropType<StyleValue>;
+            required: boolean;
+        };
     }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
         step: number;
         value: (string | number)[];
+        disabled: boolean;
         placeholder: string[];
-        min: number;
         max: number;
         precision: number;
         editable: boolean;
@@ -79,7 +88,7 @@ declare const ApSizeInput: {
         };
         min: {
             type: NumberConstructor;
-            default: number;
+            required: boolean;
         };
         max: {
             type: NumberConstructor;
@@ -89,11 +98,19 @@ declare const ApSizeInput: {
             type: NumberConstructor;
             default: number;
         };
+        disabled: {
+            type: BooleanConstructor;
+            required: boolean;
+        };
+        style: {
+            type: PropType<StyleValue>;
+            required: boolean;
+        };
     }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
         step: number;
         value: (string | number)[];
+        disabled: boolean;
         placeholder: string[];
-        min: number;
         max: number;
         precision: number;
         editable: boolean;
@@ -128,7 +145,7 @@ declare const ApSizeInput: {
     };
     min: {
         type: NumberConstructor;
-        default: number;
+        required: boolean;
     };
     max: {
         type: NumberConstructor;
@@ -138,11 +155,19 @@ declare const ApSizeInput: {
         type: NumberConstructor;
         default: number;
     };
+    disabled: {
+        type: BooleanConstructor;
+        required: boolean;
+    };
+    style: {
+        type: PropType<StyleValue>;
+        required: boolean;
+    };
 }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
     step: number;
     value: (string | number)[];
+    disabled: boolean;
     placeholder: string[];
-    min: number;
     max: number;
     precision: number;
     editable: boolean;
@@ -152,4 +177,4 @@ declare const ApSizeInput: {
         onClick?: () => void;
     };
 }));
-export { ApSizeInput };
+export { ApSizeInput, ApFormItemSizeInput };

package/es/src/business/ap-size-input/index.mjs

@@ -1,7 +1,8 @@
 import t from "./ApSizeInput.mjs";
 import { withInstall as p } from "@aplus-frontend/utils";
+import "./form-item.vue2.mjs";
 import "./interface.mjs";
-const m = p(t);
+const n = p(t);
 export {
-  m as ApSizeInput
+  n as ApSizeInput
 };

package/es/src/business/ap-size-input/interface.d.ts

@@ -1,3 +1,5 @@
+import { StyleValue } from 'vue';
+import { ApFormItemProps } from '../../ap-form';
 export type ApSizeInputProps = {
     value?: Array<string | number>;
     placeholder?: Array<string>;
@@ -8,4 +10,9 @@ export type ApSizeInputProps = {
     min?: number;
     max?: number;
     precision?: number;
+    disabled?: boolean;
+    style?: StyleValue;
 };
+export interface ApFormItemSizeInputProps extends ApFormItemProps {
+    field?: ApSizeInputProps;
+}

package/es/src/business/ap-size-input/style/index.mjs

@@ -2,7 +2,8 @@ import { genComponentStyleHook as t } from "../../../utils/cssinjs/index.mjs";
 const n = (e) => ({
   [e.componentCls]: {
     display: "flex",
-    alignItems: "center"
+    alignItems: "center",
+    gap: "8px"
   }
 }), p = t("ApSizeInput", (e) => [
   n(e)