@aplus-frontend/ui 0.0.40 → 0.1.0

package/es/src/ap-action/item/index.vue2.mjs

@@ -1,10 +1,9 @@
-import { defineComponent as y, ref as v, unref as l, computed as d, renderSlot as u, openBlock as t, createElementBlock as c, normalizeClass as B, createBlock as m, createCommentVNode as f, isVNode as A, resolveDynamicComponent as h, toDisplayString as I } from "vue";
+import { defineComponent as y, ref as C, unref as s, computed as d, renderSlot as c, openBlock as l, createElementBlock as u, normalizeClass as b, createBlock as f, createCommentVNode as m, isVNode as v, resolveDynamicComponent as B, toDisplayString as A } from "vue";
 import "../../config-provider/index.mjs";
-import L from "ant-design-vue/es/button/LoadingIcon";
+import h from "ant-design-vue/es/button/LoadingIcon";
 import "../style/item.css";
-import { useNamespace as N } from "../../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as x } from "../../config-provider/hooks/use-global-config.mjs";
-const D = { key: 1 }, G = /* @__PURE__ */ y({
+import { useNamespace as I } from "../../config-provider/hooks/use-namespace.mjs";
+const L = { key: 1 }, $ = /* @__PURE__ */ y({
   name: "ApActionItem",
   __name: "index",
   props: {
@@ -17,40 +16,40 @@ const D = { key: 1 }, G = /* @__PURE__ */ y({
     loading: { type: Boolean, default: !1 }
   },
   setup(p) {
-    const o = p, { b: g, m: s, bm: b } = N("action-item"), k = x("uiMode", "aplus"), a = v(!1);
+    const o = p, { b: g, m: t } = I("action-item"), a = C(!1);
     function r(e) {
       var i;
-      l(n) || o.disabled || ((i = o.onClick) == null || i.call(o, e), o.onAction && (a.value = !0, o.onAction(e).finally(() => a.value = !1)));
+      s(n) || o.disabled || ((i = o.onClick) == null || i.call(o, e), o.onAction && (a.value = !0, o.onAction(e).finally(() => a.value = !1)));
     }
-    const n = d(() => o.loading || l(a)), C = d(() => [
+    const n = d(() => o.loading || s(a)), k = d(() => [
       g(),
-      b(l(k), o.color),
-      o.disabled ? s("disabled") : null,
-      n.value ? s("loading") : null
+      t(o.color),
+      o.disabled ? t("disabled") : null,
+      n.value ? t("loading") : null
     ].filter(Boolean));
-    return (e, i) => u(e.$slots, "trigger", {
+    return (e, i) => c(e.$slots, "trigger", {
       loading: n.value,
       disabled: e.disabled,
       onClick: r
     }, () => [
-      e.visible ? (t(), c("span", {
+      e.visible ? (l(), u("span", {
         key: 0,
         onClick: r,
-        class: B(C.value)
+        class: b(k.value)
       }, [
-        n.value ? (t(), m(l(L), {
+        n.value ? (l(), f(s(h), {
           key: 0,
           prefixCls: "btn",
           existIcon: !1,
           loading: ""
-        })) : f("", !0),
-        u(e.$slots, "default", {}, () => [
-          A(e.text) ? (t(), m(h(e.text), { key: 0 })) : (t(), c("span", D, I(e.text || ""), 1))
+        })) : m("", !0),
+        c(e.$slots, "default", {}, () => [
+          v(e.text) ? (l(), f(B(e.text), { key: 0 })) : (l(), u("span", L, A(e.text || ""), 1))
         ])
-      ], 2)) : f("", !0)
+      ], 2)) : m("", !0)
     ]);
   }
 });
 export {
-  G as default
+  $ as default
 };

package/es/src/ap-action/item-modal/index.vue.mjs

@@ -1,9 +1,9 @@
-import { defineComponent as c, useSlots as m, openBlock as d, createBlock as p, mergeProps as f, unref as u, createSlots as _, renderList as A, withCtx as P, renderSlot as y, normalizeProps as k, guardReactiveProps as B } from "vue";
-import { Modal as x } from "ant-design-vue";
+import { defineComponent as c, useSlots as m, openBlock as d, createBlock as p, mergeProps as f, unref as u, createSlots as _, renderList as A, withCtx as P, renderSlot as y, normalizeProps as k, guardReactiveProps as x } from "vue";
+import { Modal as B } from "ant-design-vue";
 import "../item/index.vue.mjs";
 import { omit as g } from "lodash-unified";
 import h from "../item/index.vue2.mjs";
-const M = /* @__PURE__ */ c({
+const z = /* @__PURE__ */ c({
   name: "ApActionItemModal",
   __name: "index",
   props: {
@@ -19,8 +19,9 @@ const M = /* @__PURE__ */ c({
   setup(a) {
     const l = m(), o = a;
     async function i(t) {
-      x.confirm({
+      B.confirm({
         ...o.modalProps,
+        zIndex: 1060,
         onOk: async () => {
           var n, r, e;
           (r = (n = o.modalProps).onOk) == null || r.call(n), await ((e = o.onAction) == null ? void 0 : e.call(o, t));
@@ -31,12 +32,12 @@ const M = /* @__PURE__ */ c({
       A(l, (r, e) => ({
         name: e,
         fn: P((s) => [
-          y(t.$slots, e, k(B(s || {})))
+          y(t.$slots, e, k(x(s || {})))
         ])
       }))
     ]), 1040));
   }
 });
 export {
-  M as default
+  z as default
 };

package/es/src/ap-action/style/item.css

@@ -4,35 +4,20 @@
   line-height: 22px;
   cursor: pointer;
 }
-.aplus-action-item-aplus--primary {
-  color: #0070ff;
+.aplus-action-item--primary {
+  color: var(--ap-action-color-primary-base);
 }
-.aplus-action-item-aplus--primary:not(.aplus-action-item--disabled):hover {
-  color: #66a9ff;
+.aplus-action-item--primary:not(.aplus-action-item--disabled):hover {
+  color: var(--ap-action-color-primary-hover);
 }
-.aplus-action-item-admin--primary {
-  color: #1890FF;
+.aplus-action-item--success {
+  color: var(--ap-action-color-success);
 }
-.aplus-action-item-admin--primary:not(.aplus-action-item--disabled):hover {
-  color: #5EB1FF;
+.aplus-action-item--error {
+  color: var(--ap-action-color-error);
 }
-.aplus-action-item-aplus--success {
-  color: #2ed1a3;
-}
-.aplus-action-item-aplus--error {
-  color: #FF4D4F;
-}
-.aplus-action-item-aplus--warn {
-  color: #FFA940;
-}
-.aplus-action-item-admin--success {
-  color: #52C41A;
-}
-.aplus-action-item-admin--error {
-  color: #FF4D4F;
-}
-.aplus-action-item-admin--warn {
-  color: #FAAD14;
+.aplus-action-item--warn {
+  color: var(--ap-action-color-warn);
 }
 .aplus-action-item--loading {
   opacity: 0.35;

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

@@ -1,10 +1,13 @@
-import { defineComponent as g, ref as m, onMounted as h, openBlock as o, createElementBlock as a, Fragment as l, unref as e, createTextVNode as d, toDisplayString as f, createBlock as c, mergeProps as C } from "vue";
-import { isFunction as V, isNil as b, omit as _ } from "lodash-unified";
-import { Spin as q, CheckboxGroup as B } from "ant-design-vue";
+import { defineComponent as h, ref as m, onMounted as b, openBlock as o, createElementBlock as l, Fragment as n, unref as e, createTextVNode as c, toDisplayString as d, createBlock as f, mergeProps as C } from "vue";
+import { isFunction as V, isNil as B, omit as q } from "lodash-unified";
+import { Spin as T, CheckboxGroup as U } from "ant-design-vue";
 import "../../hooks/index.mjs";
-import { getOptionValue as T, getOptionLabel as U } from "./helper.mjs";
-import { useControllableValue as F } from "../../hooks/useControllableValue.mjs";
-const E = /* @__PURE__ */ g({
+import { getOptionValue as _, getOptionLabel as F } from "./helper.mjs";
+import "../../config-provider/index.mjs";
+import "./style.css";
+import { useNamespace as N } from "../../config-provider/hooks/use-namespace.mjs";
+import { useControllableValue as O } from "../../hooks/useControllableValue.mjs";
+const w = /* @__PURE__ */ h({
   name: "ApFieldCheckbox",
   inheritAttrs: !1,
   __name: "index",
@@ -22,44 +25,46 @@ const E = /* @__PURE__ */ g({
     disabled: { type: Boolean },
     id: {},
     emptyText: { default: "--" },
-    request: {}
+    request: {},
+    vertical: { type: Boolean }
   },
   emits: ["update:value"],
   setup(v, { emit: y }) {
-    const k = y, t = v, n = m(t.options), u = m(!1);
-    h(() => {
-      V(t.request) && (u.value = !0, t.request().then((r) => n.value = r).finally(() => {
-        u.value = !1;
+    const k = y, t = v, i = m(t.options), { m: x } = N("field-checkbox"), r = m(!1);
+    b(() => {
+      V(t.request) && (r.value = !0, t.request().then((a) => i.value = a).finally(() => {
+        r.value = !1;
       }));
     });
-    const { value: i, updateValue: x } = F(
+    const { value: u, updateValue: g } = O(
       t,
       k,
       {
         defaultValue: []
       }
     );
-    return (r, O) => {
-      var s;
-      return r.mode === "read" ? (o(), a(l, { key: 0 }, [
-        e(b)(e(i)) ? (o(), a(l, { key: 0 }, [
-          d(f(t.emptyText), 1)
-        ], 64)) : (o(), a(l, { key: 1 }, [
-          d(f(((s = n.value) == null ? void 0 : s.filter((p) => e(i).indexOf(e(T)(p)) > -1).map((p) => e(U)(p)).join("、")) || t.emptyText), 1)
+    return (a, A) => {
+      var p;
+      return a.mode === "read" ? (o(), l(n, { key: 0 }, [
+        e(B)(e(u)) ? (o(), l(n, { key: 0 }, [
+          c(d(t.emptyText), 1)
+        ], 64)) : (o(), l(n, { key: 1 }, [
+          c(d(((p = i.value) == null ? void 0 : p.filter((s) => e(u).indexOf(e(_)(s)) > -1).map((s) => e(F)(s)).join("、")) || t.emptyText), 1)
         ], 64))
-      ], 64)) : (o(), a(l, { key: 1 }, [
-        u.value ? (o(), c(e(q), {
+      ], 64)) : (o(), l(n, { key: 1 }, [
+        r.value ? (o(), f(e(T), {
           key: 0,
           size: "small"
-        })) : (o(), c(e(B), C({ key: 1 }, e(_)(t, ["onUpdate:value", "value", "request"]), {
-          options: n.value,
-          value: e(i),
-          "onUpdate:value": e(x)
-        }), null, 16, ["options", "value", "onUpdate:value"]))
+        })) : (o(), f(e(U), C({ key: 1 }, e(q)(t, ["onUpdate:value", "value", "request", "vertical"]), {
+          options: i.value,
+          value: e(u),
+          "onUpdate:value": e(g),
+          class: a.vertical ? e(x)("vertical") : null
+        }), null, 16, ["options", "value", "onUpdate:value", "class"]))
       ], 64));
     };
   }
 });
 export {
-  E as default
+  w as default
 };

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

@@ -0,0 +1,7 @@
+.aplus-field-checkbox--vertical {
+  display: inline-block;
+}
+.aplus-field-checkbox--vertical label.ant-checkbox-wrapper:not(:last-child) {
+  display: flex;
+  margin-block-end: 16px;
+}

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

@@ -33,6 +33,7 @@ export type ApFieldTextExpose = {
 export type ApFieldCheckboxProps = BasicApFieldProps<CheckboxGroupProps> & {
     emptyText?: string;
     request?: () => Promise<CheckboxGroupProps['options']>;
+    vertical?: boolean;
 };
 export type ApFieldDateProps = BasicApFieldProps<Omit<DatePickerProps, 'mode' | 'value' | 'defaultValue' | 'onChange' | 'onOk' | 'format' | 'onUpdate:value'>> & {
     emptyText?: string;
@@ -64,6 +65,7 @@ export type ApiFieldNumberExpose = {
 export type ApFieldRadioProps = BasicApFieldProps<RadioGroupProps> & {
     emptyText?: string;
     request?: () => Promise<RadioGroupProps['options']>;
+    vertical?: boolean;
 };
 export type ApiFieldRadioExpose = {
     focus: () => void;

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

@@ -6,6 +6,7 @@ declare function blur(): void;
 declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFieldRadioProps>, {
     emptyText: string;
     mode: string;
+    vertical: boolean;
 }>, {
     focus: typeof focus;
     blur: typeof blur;
@@ -14,10 +15,12 @@ declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRunt
 }, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFieldRadioProps>, {
     emptyText: string;
     mode: string;
+    vertical: boolean;
 }>>> & {
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
 }, {
     mode: FieldMode;
+    vertical: boolean;
     emptyText: string;
 }, {}>;
 export default _default;

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

@@ -1,10 +1,13 @@
-import { defineComponent as V, ref as i, onMounted as q, computed as B, unref as o, openBlock as n, createElementBlock as m, Fragment as d, createTextVNode as C, toDisplayString as R, createBlock as f, mergeProps as U } from "vue";
-import { Spin as h, RadioGroup as G } from "ant-design-vue";
+import { defineComponent as _, ref as i, onMounted as q, computed as C, unref as o, openBlock as l, createElementBlock as m, Fragment as c, createTextVNode as R, toDisplayString as U, createBlock as d, mergeProps as h } from "vue";
+import { Spin as G, RadioGroup as N } from "ant-design-vue";
 import "../../hooks/index.mjs";
 import { isNil as S, omit as z } from "lodash-unified";
-import { getOptionValue as F, getOptionLabel as N } from "./helper.mjs";
-import { useControllableValue as O } from "../../hooks/useControllableValue.mjs";
-const j = /* @__PURE__ */ V({
+import { getOptionValue as F, getOptionLabel as O } from "./helper.mjs";
+import "./style.css";
+import "../../config-provider/index.mjs";
+import { useControllableValue as A } from "../../hooks/useControllableValue.mjs";
+import { useNamespace as D } from "../../config-provider/hooks/use-namespace.mjs";
+const K = /* @__PURE__ */ _({
   name: "ApFieldRadio",
   __name: "index",
   props: {
@@ -23,54 +26,66 @@ const j = /* @__PURE__ */ V({
     onChange: {},
     "onUpdate:value": {},
     emptyText: { default: "--" },
-    request: {}
+    request: {},
+    vertical: { type: Boolean, default: !1 }
   },
   emits: ["update:value"],
-  setup(c, { expose: v, emit: y }) {
-    const t = c, g = y, l = i(), u = i((t == null ? void 0 : t.options) || []), { value: s, updateValue: x } = O(t, g), r = i(!1);
+  setup(f, { expose: v, emit: y }) {
+    const t = f, g = y, n = i(), u = i((t == null ? void 0 : t.options) || []), { value: s, updateValue: k } = A(t, g), { m: x } = D("field-radio"), r = i(!1);
     q(() => {
       var e;
       t.request && (r.value = !0, (e = t.request) == null || e.call(t).then((a) => u.value = a).finally(() => {
         r.value = !1;
       }));
     });
-    const k = B(() => {
+    const b = C(() => {
       var p;
       const e = o(s);
       if (S(e))
         return t.emptyText;
       const a = (p = u.value) == null ? void 0 : p.find(
-        (_) => e === F(_)
+        (V) => e === F(V)
       );
-      return N(a) || t.emptyText;
+      return O(a) || t.emptyText;
     });
-    function b() {
+    function T() {
       var e;
-      (e = l.value) == null || e.focus();
+      (e = n.value) == null || e.focus();
     }
-    function T() {
+    function B() {
       var e;
-      (e = l.value) == null || e.blur();
+      (e = n.value) == null || e.blur();
     }
     return v({
-      focus: b,
-      blur: T
-    }), (e, a) => e.mode === "read" ? (n(), m(d, { key: 0 }, [
-      C(R(k.value), 1)
-    ], 64)) : (n(), m(d, { key: 1 }, [
-      r.value ? (n(), f(o(h), {
+      focus: T,
+      blur: B
+    }), (e, a) => e.mode === "read" ? (l(), m(c, { key: 0 }, [
+      R(U(b.value), 1)
+    ], 64)) : (l(), m(c, { key: 1 }, [
+      r.value ? (l(), d(o(G), {
         key: 0,
         size: "small"
-      })) : (n(), f(o(G), U({ key: 1 }, o(z)(t, ["value", "onUpdate:value", "options", "request"]), {
-        value: o(s),
-        "onUpdate:value": o(x),
-        options: u.value,
-        ref_key: "radioGroupRef",
-        ref: l
-      }), null, 16, ["value", "onUpdate:value", "options"]))
+      })) : (l(), d(o(N), h(
+        { key: 1 },
+        o(z)(t, [
+          "value",
+          "onUpdate:value",
+          "options",
+          "request",
+          "vertical"
+        ]),
+        {
+          value: o(s),
+          "onUpdate:value": o(k),
+          options: u.value,
+          ref_key: "radioGroupRef",
+          ref: n,
+          class: e.vertical ? o(x)("vertical") : null
+        }
+      ), null, 16, ["value", "onUpdate:value", "options", "class"]))
     ], 64));
   }
 });
 export {
-  j as default
+  K as default
 };

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

@@ -0,0 +1,4 @@
+.aplus-field-radio--vertical label.ant-radio-wrapper:not(:last-child) {
+  display: flex;
+  margin-block-end: 16px;
+}