@aplus-frontend/ui 7.0.0-beta.0 → 7.0.0-beta.2

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
 };

package/es/src/ap-form/drawer-form/index.vue.mjs

@@ -1,19 +1,20 @@
-import { isVNode as J, defineComponent as K, useSlots as Q, ref as p, computed as z, unref as o, watch as P, cloneVNode as Y, createVNode as l, mergeProps as v, createElementBlock as N, openBlock as h, Fragment as Z, createBlock as M, createCommentVNode as S, withCtx as b, renderSlot as _, withModifiers as ee, normalizeClass as te, resolveDynamicComponent as L, createTextVNode as ie, toDisplayString as ne } from "vue";
-import { Button as w, Flex as oe, Space as ae, Drawer as le } from "@aplus-frontend/antdv";
+import { isVNode as Q, defineComponent as Y, useSlots as Z, ref as p, computed as w, unref as n, watch as P, cloneVNode as ee, createVNode as s, mergeProps as h, createElementBlock as N, openBlock as v, Fragment as te, createBlock as S, createCommentVNode as M, withCtx as b, renderSlot as _, withModifiers as ie, normalizeClass as ne, resolveDynamicComponent as I, createTextVNode as oe, toDisplayString as ae } from "vue";
+import { Button as z, Flex as se, Space as le, Drawer as re } from "@aplus-frontend/antdv";
 import "../ap-form.vue.mjs";
 import "../../hooks/index.mjs";
-import { getSingleVNode as se } from "../../utils/slot.mjs";
+import { getSingleVNode as ue } from "../../utils/slot.mjs";
 import "../../config-provider/index.mjs";
-import { isBoolean as re, isUndefined as ue, omit as de } from "lodash-unified";
-import { convertReactiveToRaw as me } from "../../utils/index.mjs";
-import { useControllableValue as ce } from "../../hooks/useControllableValue.mjs";
-import { useLocale as fe } from "../../config-provider/hooks/use-locale.mjs";
-import { useNamespace as pe } from "../../config-provider/hooks/use-namespace.mjs";
-import ve from "../ap-form.vue2.mjs";
-function U(r) {
-  return typeof r == "function" || Object.prototype.toString.call(r) === "[object Object]" && !J(r);
+import { isBoolean as de, isUndefined as me, omit as ce } from "lodash-unified";
+import { convertReactiveToRaw as fe } from "../../utils/index.mjs";
+import pe from "../style/drawer-form.mjs";
+import { useControllableValue as he } from "../../hooks/useControllableValue.mjs";
+import { useLocale as ve } from "../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as be } from "../../config-provider/hooks/use-namespace.mjs";
+import ge from "../ap-form.vue2.mjs";
+function L(r) {
+  return typeof r == "function" || Object.prototype.toString.call(r) === "[object Object]" && !Q(r);
 }
-const Le = /* @__PURE__ */ K({
+const Ee = /* @__PURE__ */ Y({
   name: "ApFormDrawerForm",
   __name: "index",
   props: {
@@ -97,16 +98,16 @@ const Le = /* @__PURE__ */ K({
   },
   emits: ["update:open"],
   setup(r, {
-    expose: j,
-    emit: E
+    expose: U,
+    emit: j
   }) {
-    const t = r, g = Q(), I = E, n = p(), d = p(), a = p(!1), {
+    const t = r, g = Z(), E = j, o = p(), d = p(), a = p(!1), {
       value: C,
       updateValue: m
-    } = ce(t, I, {
+    } = he(t, E, {
       valuePropName: "open",
       defaultValue: !1
-    }), s = z(() => {
+    }), l = w(() => {
       const e = {
         onResize: () => {
         },
@@ -114,90 +115,91 @@ const Le = /* @__PURE__ */ K({
         maxWidth: window.innerWidth * 0.8,
         resizeOnOpen: !0
       };
-      return re(t.resize) ? t.resize ? e : {} : {
+      return de(t.resize) ? t.resize ? e : {} : {
         minWidth: t.resize?.minWidth ?? e.minWidth,
         maxWidth: t.resize?.maxWidth ?? e.maxWidth,
         onResize: t.resize?.onResize ?? e.onResize,
-        resizeOnOpen: ue(t.resize?.resizeOnOpen) ? e.onResize : t.resize.resizeOnOpen
+        resizeOnOpen: me(t.resize?.resizeOnOpen) ? e.onResize : t.resize.resizeOnOpen
       };
     }), u = p(T()), {
       t: F
-    } = fe(), {
-      e: D,
+    } = ve(), D = pe("ap-form-drawer-form"), {
+      b: $,
+      e: q,
       em: V
-    } = pe("ap-form-drawer-form"), $ = z(() => [D("resize-bar"), {
-      [V("resize-bar", "min-disabled")]: o(u) === o(s).minWidth
+    } = be("ap-form-drawer-form"), A = w(() => [q("resize-bar"), {
+      [V("resize-bar", "min-disabled")]: n(u) === n(l).minWidth
     }, {
-      [V("resize-bar", "max-disabled")]: o(u) === o(s).maxWidth
+      [V("resize-bar", "max-disabled")]: n(u) === n(l).maxWidth
     }]);
-    P(() => n.value, (e) => {
+    P(() => o.value, (e) => {
       e && d.value && (e.setFieldsValue?.(d.value), d.value = void 0);
-    }), P(() => o(C), (e) => {
-      e && o(s)?.resizeOnOpen && (u.value = T());
+    }), P(() => n(C), (e) => {
+      e && n(l)?.resizeOnOpen && (u.value = T());
     });
     function T() {
-      const e = o(s)?.minWidth;
+      const e = n(l)?.minWidth;
       return !e || e && e < t.width ? t.width : e;
     }
-    const W = se(g.trigger), R = W ? Y(W, {
+    const W = ue(g.trigger), R = W ? ee(W, {
       onClick: () => {
         m(!0);
       }
-    }) : null, q = z(() => {
+    }) : null, X = w(() => {
       const e = [];
       if (t.submitter === !1)
         return null;
       if (t.showCancel) {
         let i;
-        e.push(l(w, {
+        e.push(s(z, {
           onClick: k,
           disabled: a.value
-        }, U(i = F("ap.common.cancelText")) ? i : {
+        }, L(i = F("ap.common.cancelText")) ? i : {
           default: () => [i]
         }));
       }
-      return t.submitter?.resetButtonProps !== !1 && e.push(l(w, v(t.submitter?.resetButtonProps || {}, {
+      return t.submitter?.resetButtonProps !== !1 && e.push(s(z, h(t.submitter?.resetButtonProps || {}, {
         key: "submit",
         disabled: a.value,
-        onClick: X
+        onClick: H
       }), {
         default: () => [t.submitter?.resetText || F("ap.common.resetText")]
-      })), t.submitter?.submitButtonProps !== !1 && e.push(l(w, v({
+      })), t.submitter?.submitButtonProps !== !1 && e.push(s(z, h({
         type: "primary",
         key: "submit"
       }, t.submitter?.submitButtonProps || {}, {
         loading: a.value,
-        onClick: G
+        onClick: J
       }), {
         default: () => [t.submitter?.submitText || F("ap.common.okText")]
-      })), l(oe, {
+      })), s(se, {
         justify: "flex-end"
       }, {
-        default: () => [g.submitter ? g.submitter(e) : l(ae, null, U(e) ? e : {
+        default: () => [g.submitter ? g.submitter(e) : s(le, null, L(e) ? e : {
           default: () => [e]
         })]
       });
     });
-    function A() {
-      s.value?.onResize?.(), document.addEventListener("mousemove", B), document.addEventListener("mouseup", x);
+    function G() {
+      l.value?.onResize?.(), document.addEventListener("mousemove", B), document.addEventListener("mouseup", x);
     }
     function B(e) {
-      const i = o(s), c = (document.body.offsetWidth || 1e3) - (e.clientX - document.body.offsetLeft), f = i?.minWidth ?? (t.width || 800), O = i?.maxWidth ?? window.innerWidth * 0.8;
+      const i = n(l), c = (document.body.offsetWidth || 1e3) - (e.clientX - document.body.offsetLeft), f = i?.minWidth ?? (t.width || 800), O = i?.maxWidth ?? window.innerWidth * 0.8;
       let y = c;
       c < f && (y = f), c > O && (y = O), u.value = y;
     }
     function x() {
       document.removeEventListener("mousemove", B), document.removeEventListener("mouseup", x);
     }
-    function X() {
-      t.submitter !== !1 && (n.value?.resetFields(), t.submitter?.onReset?.());
+    function H() {
+      t.submitter !== !1 && (o.value?.resetFields(), t.submitter?.onReset?.());
     }
-    async function G() {
+    async function J() {
       if (t.submitter !== !1)
         try {
-          const e = await n.value?.validateFieldsReturnTransformed();
+          const e = await o.value?.validateFieldsReturnTransformed();
           t.submitter?.onSubmit?.(), a.value = !0;
-          const i = t.onFinish?.(me(e));
+          const i = t.onFinish?.(fe(e));
           if (t.submitTimeout && i instanceof Promise) {
             const f = setTimeout(() => a.value = !1, t.submitTimeout);
             i.finally(() => {
@@ -210,62 +212,63 @@ const Le = /* @__PURE__ */ K({
         }
     }
     function k() {
-      o(a) || m(!1);
+      n(a) || m(!1);
     }
-    function H(e) {
-      !e && o(a) || m(e);
+    function K(e) {
+      !e && n(a) || m(e);
     }
-    return j({
+    return U({
       resetFields: async () => {
-        n.value?.resetFields();
+        o.value?.resetFields();
       },
       clearValidate: (e) => {
-        n.value?.clearValidate(e);
+        o.value?.clearValidate(e);
       },
-      validateFields: (e, i) => n.value?.validateFields(e, i),
-      getFieldsValue: (e) => n.value?.getFieldsValue(e),
-      validate: (e, i) => n.value?.validate(e, i),
+      validateFields: (e, i) => o.value?.validateFields(e, i),
+      getFieldsValue: (e) => o.value?.getFieldsValue(e),
+      validate: (e, i) => o.value?.validate(e, i),
       scrollToField: (e, i = {}) => {
-        n.value?.scrollToField(e, i);
+        o.value?.scrollToField(e, i);
       },
       setFieldValue: (e, i) => {
-        n.value?.setFieldValue?.(e, i);
+        o.value?.setFieldValue?.(e, i);
       },
       setFieldsValue: (e) => {
-        if (!n.value) {
+        if (!o.value) {
           d.value = e;
           return;
         }
-        n.value?.setFieldsValue?.(e);
+        o.value?.setFieldsValue?.(e);
       },
-      getInternalInstance: (e) => n.value?.getInternalInstance(e),
-      getFieldsValueTransformed: (e) => n.value?.getFieldsValueTransformed(e),
-      validateFieldsReturnTransformed: (e) => n.value?.validateFieldsReturnTransformed(e)
-    }), (e, i) => (h(), N(Z, null, [l(o(le), v(e.drawerProps, {
-      open: o(C),
+      getInternalInstance: (e) => o.value?.getInternalInstance(e),
+      getFieldsValueTransformed: (e) => o.value?.getFieldsValueTransformed(e),
+      validateFieldsReturnTransformed: (e) => o.value?.validateFieldsReturnTransformed(e)
+    }), (e, i) => (v(), N(te, null, [s(n(re), h(e.drawerProps, {
+      open: n(C),
       width: u.value,
-      "onUpdate:open": H,
+      class: [n($)(), n(D)],
+      "onUpdate:open": K,
       onCancel: k
     }), {
-      title: b(() => [_(e.$slots, "title", {}, () => [ie(ne(t.title), 1)])]),
-      footer: b(() => [(h(), M(L(q.value)))]),
-      default: b(() => [l(ve, v({
+      title: b(() => [_(e.$slots, "title", {}, () => [oe(ae(t.title), 1)])]),
+      footer: b(() => [(v(), S(I(X.value)))]),
+      default: b(() => [s(ge, h({
         ref_key: "formRef",
-        ref: n
-      }, o(de)(t, ["drawerProps", "open", "onUpdate:open", "title", "width", "onFinish", "submitter"])), {
+        ref: o
+      }, n(ce)(t, ["drawerProps", "open", "onUpdate:open", "title", "width", "onFinish", "submitter"])), {
         default: b(() => [_(e.$slots, "default")]),
         _: 3
-      }, 16), e.resize ? (h(), N("div", {
+      }, 16), e.resize ? (v(), N("div", {
         key: 0,
-        class: te($.value),
-        onMousedown: ee(A, ["stop", "prevent"])
-      }, null, 34)) : S("", !0)]),
+        class: ne(A.value),
+        onMousedown: ie(G, ["stop", "prevent"])
+      }, null, 34)) : M("", !0)]),
       _: 3
-    }, 16, ["open", "width"]), o(R) ? (h(), M(L(o(R)), {
+    }, 16, ["open", "width", "class"]), n(R) ? (v(), S(I(n(R)), {
       key: 0
-    })) : S("", !0)], 64));
+    })) : M("", !0)], 64));
   }
 });
 export {
-  Le as default
+  Ee as default
 };