@aplus-frontend/ui 6.42.1 → 7.0.0-beta.1

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

@@ -373,9 +373,9 @@ declare const __VLS_component: DefineComponent<ApFieldNumberProps, {
     disabled: boolean;
     keyboard: boolean;
     bordered: boolean;
-    max: ValueType;
-    min: ValueType;
     emptyText: string;
+    min: ValueType;
+    max: ValueType;
     controls: boolean;
     thousands: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {

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

@@ -1,14 +1,15 @@
-import { defineComponent as x, ref as C, computed as N, unref as t, createElementBlock as n, createBlock as D, openBlock as r, createCommentVNode as d, createElementVNode as P, normalizeClass as f, renderSlot as s, toDisplayString as V, mergeProps as $, createSlots as R, renderList as A, withCtx as I, normalizeProps as U, guardReactiveProps as _ } from "vue";
-import { InputNumber as z } from "@aplus-frontend/antdv";
+import { defineComponent as C, ref as N, computed as D, unref as t, createElementBlock as s, createBlock as P, openBlock as r, normalizeClass as i, createCommentVNode as f, createElementVNode as V, renderSlot as u, toDisplayString as $, mergeProps as I, createSlots as R, renderList as A, withCtx as U, normalizeProps as z, guardReactiveProps as E } from "vue";
+import { InputNumber as M } from "@aplus-frontend/antdv";
 import "../../hooks/index.mjs";
-import { isNil as E, omit as M } from "lodash-unified";
-import { roundWith as T, toDecimalMark as F } from "@fruits-chain/utils";
-import { addZeroToDecimalPlaces as W } from "./helper.mjs";
+import { isNil as T, omit as F } from "lodash-unified";
+import { roundWith as W, toDecimalMark as _ } from "@fruits-chain/utils";
+import { addZeroToDecimalPlaces as w } from "./helper.mjs";
 import "../../config-provider/index.mjs";
-import { useDefaultPlaceholder as w } from "../hooks/use-default-placeholder.mjs";
-import { useNamespace as L } from "../../config-provider/hooks/use-namespace.mjs";
-import { useControllableValue as O } from "../../hooks/useControllableValue.mjs";
-const Z = { key: 0 }, te = /* @__PURE__ */ x({
+import { useDefaultPlaceholder as L } from "../hooks/use-default-placeholder.mjs";
+import O from "../style/index.mjs";
+import { useNamespace as Z } from "../../config-provider/hooks/use-namespace.mjs";
+import { useControllableValue as j } from "../../hooks/useControllableValue.mjs";
+const re = /* @__PURE__ */ C({
   name: "ApFieldNumber",
   __name: "index",
   props: {
@@ -59,53 +60,56 @@ const Z = { key: 0 }, te = /* @__PURE__ */ x({
   },
   emits: ["update:value"],
   setup(m, { expose: c, emit: y }) {
-    const v = y, { b: i } = L("field-number"), o = m, l = C(), { value: u, updateValue: h } = O(
+    const v = y, { b: l } = Z("field-number"), h = O("field"), o = m, n = N(), { value: p, updateValue: B } = j(
       o,
       v
-    ), B = w("Number", o), b = N(() => {
-      let e = t(u);
-      if (E(e))
+    ), b = L("Number", o), k = D(() => {
+      let e = t(p);
+      if (T(e))
         return o.emptyText;
-      o.precision && (e = T(e, o.precision));
-      let a = o.thousands ? F(e) : String(e);
-      return o.precision && o.limitDecimalsRetain && (a = W(a, o.precision)), a;
+      o.precision && (e = W(e, o.precision));
+      let a = o.thousands ? _(e) : String(e);
+      return o.precision && o.limitDecimalsRetain && (a = w(a, o.precision)), a;
     });
-    function k() {
-      l.value?.focus();
-    }
     function g() {
-      l.value?.blur();
+      n.value?.focus();
+    }
+    function S() {
+      n.value?.blur();
     }
-    return c({ focus: k, blur: g }), (e, a) => e.mode === "read" ? (r(), n("span", Z, [
-      e.$slots.prefix ? (r(), n("span", {
+    return c({ focus: g, blur: S }), (e, a) => e.mode === "read" ? (r(), s("span", {
+      key: 0,
+      class: i([t(l)(), t(h)])
+    }, [
+      e.$slots.prefix ? (r(), s("span", {
         key: 0,
-        class: f(t(i)("label-left"))
+        class: i(t(l)("label-left"))
       }, [
-        s(e.$slots, "prefix")
-      ], 2)) : d("", !0),
-      P("span", null, V(b.value), 1),
-      e.$slots.addonAfter ? (r(), n("span", {
+        u(e.$slots, "prefix")
+      ], 2)) : f("", !0),
+      V("span", null, $(k.value), 1),
+      e.$slots.addonAfter ? (r(), s("span", {
         key: 1,
-        class: f(t(i)("label-right"))
+        class: i(t(l)("label-right"))
       }, [
-        s(e.$slots, "addonAfter")
-      ], 2)) : d("", !0)
-    ])) : (r(), D(t(z), $({ key: 1 }, t(M)(o, ["value", "onUpdate:value"]), {
+        u(e.$slots, "addonAfter")
+      ], 2)) : f("", !0)
+    ], 2)) : (r(), P(t(M), I({ key: 1 }, t(F)(o, ["value", "onUpdate:value"]), {
       ref_key: "inputRef",
-      ref: l,
-      placeholder: t(B),
-      value: t(u),
-      "onUpdate:value": t(h)
+      ref: n,
+      placeholder: t(b),
+      value: t(p),
+      "onUpdate:value": t(B)
     }), R({ _: 2 }, [
-      A(e.$slots, (j, p) => ({
-        name: p,
-        fn: I((S) => [
-          s(e.$slots, p, U(_(S || {})))
+      A(e.$slots, (q, d) => ({
+        name: d,
+        fn: U((x) => [
+          u(e.$slots, d, z(E(x || {})))
         ])
       }))
     ]), 1040, ["placeholder", "value", "onUpdate:value"]));
   }
 });
 export {
-  te as default
+  re as default
 };

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

@@ -1,13 +1,14 @@
-import { defineComponent as q, ref as s, onMounted as C, computed as O, unref as e, createElementBlock as p, openBlock as a, Fragment as m, createTextVNode as R, toDisplayString as U, createBlock as d, mergeProps as h } from "vue";
+import { defineComponent as q, ref as s, onMounted as C, computed as O, unref as e, createElementBlock as p, openBlock as a, Fragment as m, createTextVNode as R, toDisplayString as S, createBlock as d, mergeProps as U } from "vue";
 import { Spin as G, RadioGroup as N } from "@aplus-frontend/antdv";
 import "../../hooks/index.mjs";
-import { isNil as S, omit as z } from "lodash-unified";
-import { getOptionValue as F, getOptionLabel as A } from "./helper.mjs";
+import { isNil as z, omit as F } from "lodash-unified";
+import { getOptionValue as A, getOptionLabel as D } from "./helper.mjs";
 import "../../config-provider/index.mjs";
-import D from "../hooks/use-options.mjs";
-import { useControllableValue as E } from "../../hooks/useControllableValue.mjs";
-import { useNamespace as L } from "../../config-provider/hooks/use-namespace.mjs";
-const W = /* @__PURE__ */ q({
+import E from "../hooks/use-options.mjs";
+import I from "../style/index.mjs";
+import { useControllableValue as L } from "../../hooks/useControllableValue.mjs";
+import { useNamespace as M } from "../../config-provider/hooks/use-namespace.mjs";
+const Z = /* @__PURE__ */ q({
   name: "ApFieldRadio",
   __name: "index",
   props: {
@@ -31,40 +32,40 @@ const W = /* @__PURE__ */ q({
     vertical: { type: Boolean, default: !1 }
   },
   emits: ["update:value"],
-  setup(c, { expose: f, emit: v }) {
-    const t = c, y = v, l = s(), { options: r, updateOptions: g } = D(t), { value: u, updateValue: k } = E(t, y), { b, m: x } = L("field-radio"), n = s(!1);
+  setup(f, { expose: c, emit: v }) {
+    const t = f, y = v, l = s(), { options: r, updateOptions: g } = E(t), { value: u, updateValue: k } = L(t, y), { b, m: x } = M("field-radio"), B = I("field"), n = s(!1);
     C(() => {
       t.request && (n.value = !0, t.request?.().then((o) => g(o)).finally(() => {
         n.value = !1;
       }));
     });
-    const B = O(() => {
+    const T = O(() => {
       const o = e(u);
-      if (S(o))
+      if (z(o))
         return t.emptyText;
       const i = r.value?.find(
-        (_) => o === F(_)
+        (_) => o === A(_)
       );
-      return A(i) || t.emptyText;
+      return D(i) || t.emptyText;
     });
-    function T() {
+    function h() {
       l.value?.focus();
     }
     function V() {
       l.value?.blur();
     }
-    return f({
-      focus: T,
+    return c({
+      focus: h,
       blur: V
     }), (o, i) => o.mode === "read" ? (a(), p(m, { key: 0 }, [
-      R(U(B.value), 1)
+      R(S(T.value), 1)
     ], 64)) : (a(), p(m, { key: 1 }, [
       n.value ? (a(), d(e(G), {
         key: 0,
         size: "small"
-      })) : (a(), d(e(N), h(
+      })) : (a(), d(e(N), U(
         { key: 1 },
-        e(z)(t, [
+        e(F)(t, [
           "value",
           "onUpdate:value",
           "options",
@@ -76,7 +77,7 @@ const W = /* @__PURE__ */ q({
           ref: l,
           value: e(u),
           options: e(r),
-          class: [e(b)(), o.vertical ? e(x)("vertical") : null],
+          class: [e(b)(), o.vertical ? e(x)("vertical") : null, e(B)],
           "onUpdate:value": e(k)
         }
       ), null, 16, ["value", "options", "class", "onUpdate:value"]))
@@ -84,5 +85,5 @@ const W = /* @__PURE__ */ q({
   }
 });
 export {
-  W as default
+  Z as default
 };

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

@@ -284,9 +284,9 @@ declare const __VLS_component: DefineComponent<ApFieldSliderProps, {
 }>, {
     step: number;
     disabled: boolean;
-    max: number;
-    min: number;
     emptyText: string;
+    min: number;
+    max: number;
     included: boolean;
     tooltipOpen: boolean;
     tooltipVisible: boolean;

package/es/src/ap-field/style/checkbox.d.ts

@@ -0,0 +1,2 @@
+import { BaseToken, GenStyleFunc } from '../../design-token/interface';
+export declare const genCheckboxStyle: GenStyleFunc<BaseToken>;

package/es/src/ap-field/style/checkbox.mjs

@@ -0,0 +1,20 @@
+const l = (c) => {
+  const { componentCls: e } = c;
+  return {
+    [`${e}-checkbox`]: {
+      "&--vertical": {
+        display: "inline-block",
+        "label.ant-checkbox-wrapper:not(:last-child)": {
+          display: "flex",
+          marginBlockEnd: c.spaceLG
+        }
+      },
+      ".ant-checkbox-disabled+span": {
+        color: "unset"
+      }
+    }
+  };
+};
+export {
+  l as genCheckboxStyle
+};

package/es/src/ap-field/style/index.d.ts

@@ -0,0 +1,3 @@
+import { Ref } from 'vue';
+declare const _default: (prefixCls: string) => Ref<string | undefined, string | undefined>;
+export default _default;

package/es/src/ap-field/style/index.mjs

@@ -0,0 +1,14 @@
+import { genComponentStyleHook as o } from "../../utils/cssinjs/index.mjs";
+import { genCheckboxStyle as r } from "./checkbox.mjs";
+import { genNumberStyle as t } from "./number.mjs";
+import { genRadioStyle as m } from "./radio.mjs";
+import { genTextareaStyle as l } from "./textarea.mjs";
+const S = o("ApField", (e) => [
+  r(e),
+  t(e),
+  m(e),
+  l(e)
+]);
+export {
+  S as default
+};

package/es/src/ap-field/style/number.d.ts

@@ -0,0 +1,2 @@
+import { BaseToken, GenStyleFunc } from '../../design-token/interface';
+export declare const genNumberStyle: GenStyleFunc<BaseToken>;

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

@@ -0,0 +1,16 @@
+const r = (e) => {
+  const { componentCls: n } = e;
+  return {
+    [`${n}-number`]: {
+      [`${n}-number-label-left`]: {
+        paddingRight: e.spaceXS
+      },
+      [`${n}-number-label-right`]: {
+        paddingLeft: e.spaceXS
+      }
+    }
+  };
+};
+export {
+  r as genNumberStyle
+};

package/es/src/ap-field/style/radio.d.ts

@@ -0,0 +1,2 @@
+import { BaseToken, GenStyleFunc } from '../../design-token/interface';
+export declare const genRadioStyle: GenStyleFunc<BaseToken>;

package/es/src/ap-field/style/radio.mjs

@@ -0,0 +1,19 @@
+const e = (a) => {
+  const { componentCls: r } = a;
+  return {
+    [`${r}-radio`]: {
+      "&--vertical": {
+        "label.ant-radio-wrapper:not(:last-child)": {
+          display: "flex",
+          marginBlockEnd: a.spaceLG
+        }
+      },
+      ".ant-radio-wrapper-disabled": {
+        color: "unset"
+      }
+    }
+  };
+};
+export {
+  e as genRadioStyle
+};

package/es/src/ap-field/style/textarea.d.ts

@@ -0,0 +1,2 @@
+import { BaseToken, GenStyleFunc } from '../../design-token/interface';
+export declare const genTextareaStyle: GenStyleFunc<BaseToken>;

package/es/src/ap-field/style/textarea.mjs

@@ -0,0 +1,13 @@
+const a = (e) => {
+  const { componentCls: r } = e;
+  return {
+    [`${r}-text-area`]: {
+      whiteSpace: "pre-wrap",
+      wordWrap: "break-word",
+      wordBreak: "break-all"
+    }
+  };
+};
+export {
+  a as genTextareaStyle
+};

package/es/src/ap-field/text-area/index.vue.mjs

@@ -1,12 +1,13 @@
-import { defineComponent as x, ref as B, computed as b, createElementBlock as h, createBlock as I, openBlock as p, normalizeClass as A, unref as e, toDisplayString as C, mergeProps as g } from "vue";
-import { isNil as z, omit as T } from "lodash-unified";
+import { defineComponent as h, ref as B, computed as b, createElementBlock as I, createBlock as A, openBlock as p, normalizeClass as C, unref as e, toDisplayString as g, mergeProps as z } from "vue";
+import { isNil as T, omit as k } from "lodash-unified";
 import "../../hooks/index.mjs";
 import "../../config-provider/index.mjs";
-import { Input as k } from "@aplus-frontend/antdv";
-import { useDefaultPlaceholder as w } from "../hooks/use-default-placeholder.mjs";
-import { useControllableValue as R } from "../../hooks/useControllableValue.mjs";
-import { useNamespace as _ } from "../../config-provider/hooks/use-namespace.mjs";
-const D = /* @__PURE__ */ x({
+import { Input as w } from "@aplus-frontend/antdv";
+import { useDefaultPlaceholder as R } from "../hooks/use-default-placeholder.mjs";
+import S from "../style/index.mjs";
+import { useControllableValue as _ } from "../../hooks/useControllableValue.mjs";
+import { useNamespace as U } from "../../config-provider/hooks/use-namespace.mjs";
+const O = /* @__PURE__ */ h({
   name: "ApFieldTextArea",
   __name: "index",
   props: {
@@ -62,8 +63,8 @@ const D = /* @__PURE__ */ x({
   },
   emits: ["update:value"],
   setup(s, { expose: i, emit: d }) {
-    const t = B(), a = s, c = d, { value: l, updateValue: f } = R(a, c), { b: m } = _("field-text-area"), y = w("TextArea", a);
-    function v(o) {
+    const t = B(), a = s, c = d, { value: l, updateValue: f } = _(a, c), { b: m } = U("field-text-area"), y = S("field"), v = R("TextArea", a);
+    function x(o) {
       const n = o.target.value || "", r = a.beforeInput ? a.beforeInput?.(n) : n, u = t.value?.$el?.querySelector("textarea");
       u && (u.value = r), f(r);
     }
@@ -75,18 +76,18 @@ const D = /* @__PURE__ */ x({
         t.value?.blur();
       },
       resizableTextArea: b(() => t.value?.resizableTextArea)
-    }), (o, n) => o.mode === "read" ? (p(), h("span", {
+    }), (o, n) => o.mode === "read" ? (p(), I("span", {
       key: 0,
-      class: A(e(m)())
-    }, C(e(z)(e(l)) || e(l) === "" ? o.emptyText : e(l)), 3)) : (p(), I(e(k).TextArea, g({ key: 1 }, e(T)(a, ["onUpdate:value", "value", "beforeInput"]), {
+      class: C([e(m)(), e(y)])
+    }, g(e(T)(e(l)) || e(l) === "" ? o.emptyText : e(l)), 3)) : (p(), A(e(w).TextArea, z({ key: 1 }, e(k)(a, ["onUpdate:value", "value", "beforeInput"]), {
       ref_key: "textAreaRef",
       ref: t,
-      placeholder: e(y),
+      placeholder: e(v),
       value: e(l),
-      onInput: v
+      onInput: x
     }), null, 16, ["placeholder", "value"]));
   }
 });
 export {
-  D as default
+  O as default
 };