@aplus-frontend/ui 0.0.39 → 0.1.0

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;
@@ -74,7 +76,7 @@ export type ApFieldSwitchProps = BasicApFieldProps<Omit<SwitchProps, 'onClick'>>
     onAction?: (checked: string | boolean | number, e?: Event) => boolean | Promise<boolean>;
     confirm?: Pick<PopconfirmProps, 'title' | 'okText' | 'cancelText' | 'description' | 'showCancel' | 'icon' | 'okType' | 'onCancel'>;
 };
-export type ApFieldTextAreaProps = BasicApFieldProps<TextAreaProps> & {
+export type ApFieldTextAreaProps = BasicApFieldProps<Omit<TextAreaProps, 'autosize'>> & {
     emptyText?: string;
 };
 export type ApFieldTextAreaExpose = {

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

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

@@ -1,5 +1,5 @@
-import { defineComponent as f, ref as y, computed as B, openBlock as r, createElementBlock as x, normalizeClass as v, unref as o, toDisplayString as h, createBlock as b, mergeProps as z } from "vue";
-import { isNil as C, omit as A } from "lodash-unified";
+import { defineComponent as f, ref as y, computed as x, openBlock as n, createElementBlock as B, normalizeClass as v, unref as o, toDisplayString as h, createBlock as b, mergeProps as C } from "vue";
+import { isNil as z, omit as A } from "lodash-unified";
 import "../../hooks/index.mjs";
 import "../../config-provider/index.mjs";
 import { Input as g } from "ant-design-vue";
@@ -7,7 +7,7 @@ import "./style.css";
 import { useDefaultPlaceholder as T } from "../hooks/use-default-placeholder.mjs";
 import { useControllableValue as k } from "../../hooks/useControllableValue.mjs";
 import { useNamespace as _ } from "../../config-provider/hooks/use-namespace.mjs";
-const S = /* @__PURE__ */ f({
+const j = /* @__PURE__ */ f({
   name: "ApFieldTextArea",
   __name: "index",
   props: {
@@ -15,7 +15,6 @@ const S = /* @__PURE__ */ f({
     class: {},
     style: {},
     rows: {},
-    autosize: { type: [Boolean, Object] },
     autoSize: { type: [Boolean, Object] },
     onResize: {},
     onCompositionstart: {},
@@ -62,21 +61,21 @@ const S = /* @__PURE__ */ f({
     const t = y(), l = u, i = s, { value: a, updateValue: d } = k(l, i), { b: m } = _("field-text-area"), c = T("TextArea", l);
     return p({
       focus: (e) => {
-        var n;
-        (n = t.value) == null || n.focus(e);
+        var r;
+        (r = t.value) == null || r.focus(e);
       },
       blur: () => {
         var e;
         (e = t.value) == null || e.blur();
       },
-      resizableTextArea: B(() => {
+      resizableTextArea: x(() => {
         var e;
         return (e = t.value) == null ? void 0 : e.resizableTextArea;
       })
-    }), (e, n) => e.mode === "read" ? (r(), x("span", {
+    }), (e, r) => e.mode === "read" ? (n(), B("span", {
       key: 0,
       class: v(o(m)())
-    }, h(o(C)(o(a)) || o(a) === "" ? e.emptyText : o(a)), 3)) : (r(), b(o(g).TextArea, z({ key: 1 }, o(A)(l, ["onUpdate:value", "value"]), {
+    }, h(o(z)(o(a)) || o(a) === "" ? e.emptyText : o(a)), 3)) : (n(), b(o(g).TextArea, C({ key: 1 }, o(A)(l, ["onUpdate:value", "value"]), {
       placeholder: o(c),
       value: o(a),
       "onUpdate:value": o(d),
@@ -86,5 +85,5 @@ const S = /* @__PURE__ */ f({
   }
 });
 export {
-  S as default
+  j as default
 };

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

@@ -1,6 +1,6 @@
 .aplus-ap-form-item--bordered {
   box-sizing: border-box;
-  border: 1px solid #dee4ed;
+  border: 1px solid var(--ap-form-bordered-border-color-base);
   border-radius: 4px;
   padding-inline: 12px;
 }
@@ -38,15 +38,15 @@
   min-height: 30px;
 }
 .aplus-ap-form-item--bordered:hover {
-  border-color: #66a9ff;
+  border-color: var(--ap-form-bordered-border-color-hover);
 }
 .aplus-ap-form-item--bordered:focus {
-  border-color: #66a9ff;
-  box-shadow: 0 0 0 2px rgba(5, 155, 255, 0.1);
+  border-color: var(--ap-form-bordered-border-color-active);
+  box-shadow: 0 0 0 2px var(--ap-form-bordered-shadow-color);
 }
 .aplus-ap-form-item--focused {
-  border-color: #66a9ff;
-  box-shadow: 0 0 0 2px rgba(5, 155, 255, 0.1);
+  border-color: var(--ap-form-bordered-border-color-active);
+  box-shadow: 0 0 0 2px var(--ap-form-bordered-shadow-color);
 }
 .aplus-ap-form-item .ant-form-show-help .ant-form-item-explain-error {
   font-size: 12px;

package/es/src/ap-table/ap-table.vue.d.ts

@@ -717,6 +717,7 @@ declare const _default: <RecordType>(__VLS_props: {
         expandIcon?: any;
         title?: ((params: Omit<RowSelectionReturnType<RecordType>, "rowSelection" | "selectedRows"> & {
             selectedRows: RecordType[];
+            selectedRowKeys: (string | number)[];
         }) => any) | undefined;
         footer?: any;
         summary?: any;
@@ -735,6 +736,7 @@ declare const _default: <RecordType>(__VLS_props: {
         expandIcon?: any;
         title?: ((params: Omit<RowSelectionReturnType<RecordType>, "rowSelection" | "selectedRows"> & {
             selectedRows: RecordType[];
+            selectedRowKeys: (string | number)[];
         }) => any) | undefined;
         footer?: any;
         summary?: any;
@@ -1481,6 +1483,7 @@ declare const _default: <RecordType>(__VLS_props: {
         expandIcon?: any;
         title?: ((params: Omit<RowSelectionReturnType<RecordType>, "rowSelection" | "selectedRows"> & {
             selectedRows: RecordType[];
+            selectedRowKeys: (string | number)[];
         }) => any) | undefined;
         footer?: any;
         summary?: any;
@@ -1499,6 +1502,7 @@ declare const _default: <RecordType>(__VLS_props: {
         expandIcon?: any;
         title?: ((params: Omit<RowSelectionReturnType<RecordType>, "rowSelection" | "selectedRows"> & {
             selectedRows: RecordType[];
+            selectedRowKeys: (string | number)[];
         }) => any) | undefined;
         footer?: any;
         summary?: any;
@@ -2232,6 +2236,7 @@ declare const _default: <RecordType>(__VLS_props: {
             expandIcon?: any;
             title?: ((params: Omit<RowSelectionReturnType<RecordType>, "rowSelection" | "selectedRows"> & {
                 selectedRows: RecordType[];
+                selectedRowKeys: (string | number)[];
             }) => any) | undefined;
             footer?: any;
             summary?: any;
@@ -2250,6 +2255,7 @@ declare const _default: <RecordType>(__VLS_props: {
             expandIcon?: any;
             title?: ((params: Omit<RowSelectionReturnType<RecordType>, "rowSelection" | "selectedRows"> & {
                 selectedRows: RecordType[];
+                selectedRowKeys: (string | number)[];
             }) => any) | undefined;
             footer?: any;
             summary?: any;