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

package/es/src/ap-descriptions/ap-descriptions.vue.mjs

@@ -1,13 +1,14 @@
-import { defineComponent as x, createElementBlock as n, openBlock as o, normalizeStyle as B, normalizeClass as f, unref as l, createVNode as E, mergeProps as _, withCtx as d, Fragment as a, renderList as w, createCommentVNode as A, createBlock as i, h as p, renderSlot as M, resolveDynamicComponent as j } from "vue";
-import { Descriptions as z, DescriptionsItem as b } from "@aplus-frontend/antdv";
-import { mixinsAttachmentExtraProps as F, transformValue as G, isEmptyWithType as L } from "./helper.mjs";
+import { defineComponent as B, createElementBlock as n, openBlock as r, normalizeStyle as E, normalizeClass as f, unref as o, createVNode as _, mergeProps as w, withCtx as d, Fragment as a, renderList as A, createCommentVNode as M, createBlock as i, h as p, renderSlot as j, resolveDynamicComponent as z } from "vue";
+import { Descriptions as F, DescriptionsItem as b } from "@aplus-frontend/antdv";
+import { mixinsAttachmentExtraProps as G, transformValue as I, isEmptyWithType as L } from "./helper.mjs";
 import { get as m } from "lodash-unified";
 import "./help-message/index.vue.mjs";
 import "../config-provider/index.mjs";
+import R from "./style/index.mjs";
 import { useGlobalConfig as c } from "../config-provider/hooks/use-global-config.mjs";
-import { useNamespace as R } from "../config-provider/hooks/use-namespace.mjs";
-import $ from "./help-message/index.vue2.mjs";
-const I = { key: 0 }, Y = /* @__PURE__ */ x({
+import { useNamespace as $ } from "../config-provider/hooks/use-namespace.mjs";
+import O from "./help-message/index.vue2.mjs";
+const W = { key: 0 }, ee = /* @__PURE__ */ B({
   name: "ApDescriptions",
   __name: "ap-descriptions",
   props: {
@@ -18,56 +19,56 @@ const I = { key: 0 }, Y = /* @__PURE__ */ x({
     className: {}
   },
   setup(S) {
-    const r = S, g = c("uiMode", "admin"), v = c("apDescriptions"), C = c("downloadCenterTriggerConfig"), { m: k, b: P, be: D } = R("ap-descriptions"), N = (e = {}) => {
+    const l = S, g = c("uiMode", "admin"), v = c("apDescriptions"), C = c("downloadCenterTriggerConfig"), { m: k, b: P, be: D } = $("ap-descriptions"), N = R("ap-descriptions"), T = (e = {}) => {
       let s = "";
-      return r.descriptionsProps?.layout === "vertical" && (s = "start"), {
+      return l.descriptionsProps?.layout === "vertical" && (s = "start"), {
         justifyContent: s,
         ...e
       };
     }, u = (e) => {
-      const s = m(r.dataSource, e.field);
+      const s = m(l.dataSource, e.field);
       if (e.customRender)
-        return e.customRender(r.dataSource);
-      e.valueType === "attachment" && (e.extraProps = F(e.extraProps, {
+        return e.customRender(l.dataSource);
+      e.valueType === "attachment" && (e.extraProps = G(e.extraProps, {
         fromConfig: v.value?.downloadFile,
         fromGlobal: C.value?.trigger
       }));
-      const t = e.format ? e.format(s, r.dataSource || {}) : s;
-      return G({ value: t, record: r.dataSource }, e);
-    }, T = (e) => e.valueType === "text" && !!e.extraProps?.ellipsis, V = (e) => {
+      const t = e.format ? e.format(s, l.dataSource || {}) : s;
+      return I({ value: t, record: l.dataSource }, e);
+    }, V = (e) => e.valueType === "text" && !!e.extraProps?.ellipsis, x = (e) => {
       if (e.visible != null) {
         if (typeof e.visible == "boolean")
           return e.visible;
         if (typeof e.visible == "function")
           return e.visible({
-            record: r.dataSource || {},
+            record: l.dataSource || {},
             schema: e
           });
       }
       return !0;
     };
-    return (e, s) => (o(), n("div", {
-      class: f([e.className, l(P)(), l(k)(l(g))]),
-      style: B(e.style)
+    return (e, s) => (r(), n("div", {
+      class: f([e.className, o(P)(), o(k)(o(g)), o(N)]),
+      style: E(e.style)
     }, [
-      E(l(z), _(e.descriptionsProps, {
-        "label-style": N({ ...e.descriptionsProps?.labelStyle || {} })
+      _(o(F), w(e.descriptionsProps, {
+        "label-style": T({ ...e.descriptionsProps?.labelStyle || {} })
       }), {
         default: d(() => [
-          (o(!0), n(a, null, w(e.schemas, (t, y) => (o(), n(a, {
+          (r(!0), n(a, null, A(e.schemas, (t, y) => (r(), n(a, {
             key: t.field || "empty" + y
           }, [
-            V(t) ? (o(), n(a, { key: 0 }, [
-              t.valueType === "empty" ? (o(), i(l(b), {
+            x(t) ? (r(), n(a, { key: 0 }, [
+              t.valueType === "empty" ? (r(), i(o(b), {
                 key: 0,
                 "content-style": t.contentStyle,
                 "label-style": t.labelStyle,
                 span: t.span
-              }, null, 8, ["content-style", "label-style", "span"])) : (o(), i(l(b), {
+              }, null, 8, ["content-style", "label-style", "span"])) : (r(), i(o(b), {
                 key: 1,
-                class: f(T(t) ? l(D)("item", "ellipsis") : ""),
+                class: f(V(t) ? o(D)("item", "ellipsis") : ""),
                 label: t.label ? p(a, [
-                  p($, {
+                  p(O, {
                     helpMessage: t.helpMessage,
                     label: t.label
                   })
@@ -77,13 +78,13 @@ const I = { key: 0 }, Y = /* @__PURE__ */ x({
                 "label-style": t.labelStyle
               }, {
                 default: d(() => [
-                  l(L)(l(m)(e.dataSource, t.field), t) ? (o(), n("span", I, "--")) : (o(), n(a, { key: 1 }, [
-                    t.contentSlotName ? M(e.$slots, t.contentSlotName, {
+                  o(L)(o(m)(e.dataSource, t.field), t) ? (r(), n("span", W, "--")) : (r(), n(a, { key: 1 }, [
+                    t.contentSlotName ? j(e.$slots, t.contentSlotName, {
                       key: 0,
                       index: y,
                       item: u(t),
                       record: e.dataSource
-                    }) : (o(), i(j(
+                    }) : (r(), i(z(
                       p(a, [
                         t.prefix,
                         u(t),
@@ -94,7 +95,7 @@ const I = { key: 0 }, Y = /* @__PURE__ */ x({
                 ]),
                 _: 2
               }, 1032, ["class", "label", "span", "content-style", "label-style"]))
-            ], 64)) : A("", !0)
+            ], 64)) : M("", !0)
           ], 64))), 128))
         ]),
         _: 3
@@ -103,5 +104,5 @@ const I = { key: 0 }, Y = /* @__PURE__ */ x({
   }
 });
 export {
-  Y as default
+  ee as default
 };

package/es/src/ap-descriptions/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-descriptions/style/index.mjs

@@ -0,0 +1,101 @@
+import { genComponentStyleHook as n } from "../../utils/cssinjs/index.mjs";
+const e = (t) => {
+  const { componentCls: i } = t;
+  return {
+    [i]: {
+      ".ant-descriptions": {
+        ".ant-descriptions-view table": {
+          tableLayout: "fixed"
+        },
+        "td.ant-descriptions-item": {
+          paddingBlockEnd: "var(--ap-descriptions-item-padding-bottom, 16px)"
+        },
+        "th.ant-descriptions-item": {
+          paddingBlockEnd: "4px"
+        },
+        ".ant-descriptions-row:last-child": {
+          ".ant-descriptions-item": {
+            paddingBottom: "var(--ap-descriptions-last-row-item-padding-bottom, 0px)"
+          }
+        },
+        ".ant-descriptions-item-label::after": {
+          marginInline: "4px 12px"
+        }
+      },
+      [`${i}-item__ellipsis`]: {
+        ".ant-descriptions-item-label": {
+          flexShrink: 0
+        },
+        ".ant-descriptions-item-content": {
+          flexShrink: 1,
+          minWidth: 0,
+          ".ant-typography": {
+            marginBlockEnd: 0
+          },
+          ".ant-typography-ellipsis": {
+            maxWidth: "100%"
+          }
+        }
+      },
+      [`${i}--item-label`]: {
+        ".ant-typography-single-line": {
+          whiteSpace: "normal"
+        }
+      },
+      ".ant-descriptions-row": {
+        ".ant-descriptions-item-label": {
+          ".ant-typography": {
+            color: "inherit"
+          }
+        }
+      },
+      "&--admin": {
+        ".ant-descriptions-row": {
+          ".ant-descriptions-item-label": {
+            justifyContent: "flex-end",
+            width: "var(--ap-descriptions-item-label-width, auto)",
+            color: "#999",
+            ".ap-descriptions-item-content__help": {
+              fontSize: t.fontSizeLG,
+              marginInlineStart: "4px",
+              color: "#999"
+            }
+          },
+          ".ant-descriptions-item-content": {
+            color: "#333",
+            ".ap-descriptions-item-content__link": {
+              color: "#1890ff",
+              cursor: "pointer"
+            }
+          }
+        }
+      },
+      "&--aplus": {
+        ".ant-descriptions-row": {
+          ".ant-descriptions-item-label": {
+            justifyContent: "flex-end",
+            width: "var(--ap-descriptions-item-label-width, auto)",
+            color: "#8896B0",
+            ".ap-descriptions-item-content__help": {
+              fontSize: t.fontSizeLG,
+              marginInlineStart: "4px",
+              color: "#8896B0"
+            }
+          },
+          ".ant-descriptions-item-content": {
+            color: "#182948",
+            ".ap-descriptions-item-content__link": {
+              color: "#0070FF",
+              cursor: "pointer"
+            }
+          }
+        }
+      }
+    }
+  };
+}, s = n("ApDescriptions", (t) => [
+  e(t)
+]);
+export {
+  s as default
+};

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

@@ -1,4 +1,4 @@
-import { ApDownLoadProps, downloadCallbackResponse } from './interface';
+import { ApDownLoadProps } from './interface';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { ButtonType } from '@aplus-frontend/antdv/es/button';
 type __VLS_Props = ApDownLoadProps;
@@ -11,10 +11,10 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
-    downloadCallback: (res?: downloadCallbackResponse | undefined) => any;
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    downloadCallback: (...args: any[]) => void;
 }, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onDownloadCallback?: ((res?: downloadCallbackResponse | undefined) => any) | undefined;
+    onDownloadCallback?: ((...args: any[]) => any) | undefined;
 }>, {
     size: "small" | "large" | "middle";
     type: ButtonType;

package/es/src/ap-download/ap-download.vue.mjs

@@ -1,19 +1,20 @@
-import { defineComponent as F, ref as L, useSlots as S, computed as a, unref as l, createBlock as x, openBlock as i, mergeProps as A, withCtx as j, createElementVNode as u, normalizeClass as I, createElementBlock as f, createCommentVNode as g, createVNode as M, renderSlot as T, toDisplayString as U } from "vue";
+import { defineComponent as F, ref as A, useSlots as L, computed as a, unref as t, createBlock as S, openBlock as i, mergeProps as x, withCtx as j, createElementVNode as m, normalizeClass as I, createElementBlock as u, createCommentVNode as f, createVNode as M, renderSlot as T, toDisplayString as U } from "vue";
 import { Button as V } from "@aplus-frontend/antdv";
 import { LoadingOutlined as D } from "@ant-design/icons-vue";
 import "../config-provider/index.mjs";
 import { useOssInit as E } from "./hooks/index.mjs";
-import { getFileInfo as y } from "./utils/getFileInfo.mjs";
+import { getFileInfo as g } from "./utils/getFileInfo.mjs";
 import { useStyle as P } from "./hooks/useStyle.mjs";
-import { useLocale as G } from "../config-provider/hooks/use-locale.mjs";
+import { omit as G } from "lodash-unified";
+import { useLocale as R } from "../config-provider/hooks/use-locale.mjs";
 import { useGlobalConfig as r } from "../config-provider/hooks/use-global-config.mjs";
-const R = {
+const W = {
   key: 0,
   class: "spin"
-}, W = {
+}, $ = {
   key: 1,
   class: "icon"
-}, $ = { class: "text" }, oe = /* @__PURE__ */ F({
+}, q = { class: "text" }, ae = /* @__PURE__ */ F({
   name: "ApDownload",
   __name: "ap-download",
   props: {
@@ -43,58 +44,58 @@ const R = {
     getOssAccess: {}
   },
   emits: ["downloadCallback"],
-  setup(C, { emit: b }) {
-    const c = b, s = L(!1), { lang: N } = G(), v = S(), w = a(() => N.value === "zh-cn" ? "zh_CN" : "en_US"), h = r("uiMode"), e = C, n = r("apUpload"), d = r(
+  setup(y, { emit: C }) {
+    const N = C, n = A(!1), { lang: b } = R(), v = L(), h = a(() => b.value === "zh-cn" ? "zh_CN" : "en_US"), w = r("uiMode"), e = y, l = r("apUpload"), c = r(
       "downloadCenterTriggerConfig"
-    ), p = a(() => e.disabled), _ = a(() => e.color ? e.color : h.value === "aplus" ? "#0070FF" : "#1890FF"), k = a(() => e.size), { getInnerWrapperClass: B } = P(_, k, p), z = a(() => e.getOssAccess || n.value?.getOssAccess), O = async () => {
+    ), d = a(() => e.disabled), _ = a(() => e.color ? e.color : w.value === "aplus" ? "#0070FF" : "#1890FF"), k = a(() => e.size), { getInnerWrapperClass: B } = P(_, k, d), O = a(() => e.getOssAccess || l.value?.getOssAccess), z = async () => {
       if (!e.disabled) {
-        s.value = !0;
+        n.value = !0;
         try {
-          if (d.value?.trigger) {
-            let t = y(
-              e.needName ?? n?.value?.needName,
+          if (c.value?.trigger) {
+            let s = g(
+              e.needName ?? l?.value?.needName,
               e.fileName
-            ).map((m) => ({
-              objectName: m.path,
-              fileName: m.fileName
+            ).map((p) => ({
+              objectName: p.path,
+              fileName: p.fileName
             }));
-            await d.value?.trigger(t), c("downloadCallback", t);
+            await c.value?.trigger(s);
           } else {
-            const t = await (await E(
-              z.value,
-              l(w)
+            const s = await (await E(
+              O.value,
+              t(h)
             )).downloadFile(
-              y(
-                e.needName ?? n?.value?.needName,
+              g(
+                e.needName ?? l?.value?.needName,
                 e.fileName
               )
             );
-            c("downloadCallback", t);
+            N("downloadCallback", s);
           }
         } catch (o) {
           console.error(o);
         } finally {
-          s.value = !1;
+          n.value = !1;
         }
       }
     };
-    return (o, t) => (i(), x(l(V), A(e, {
+    return (o, s) => (i(), S(t(V), x(t(G)(e, ["getOssAccess", "fileName", "needName"]), {
       type: e.type,
       size: e.size,
-      disabled: p.value,
-      onClick: O
+      disabled: d.value,
+      onClick: z
     }), {
       default: j(() => [
-        u("div", {
-          class: I(l(B))
+        m("div", {
+          class: I(t(B))
         }, [
-          s.value ? (i(), f("span", R, [
-            M(l(D), { spin: !0 })
-          ])) : g("", !0),
-          l(v).icon ? (i(), f("span", W, [
+          n.value ? (i(), u("span", W, [
+            M(t(D), { spin: !0 })
+          ])) : f("", !0),
+          t(v).icon ? (i(), u("span", $, [
             T(o.$slots, "icon")
-          ])) : g("", !0),
-          u("span", $, U(o.text), 1)
+          ])) : f("", !0),
+          m("span", q, U(o.text), 1)
         ], 2)
       ]),
       _: 3
@@ -102,5 +103,5 @@ const R = {
   }
 });
 export {
-  oe as default
+  ae as default
 };

package/es/src/ap-download/hooks/useStyle.mjs

@@ -1,22 +1,25 @@
 import { computed as a } from "vue";
 import { getHexWithOpacity as m } from "../utils/getFileInfo.mjs";
 import "../../config-provider/index.mjs";
-import { useNamespace as d } from "../../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as c } from "../../config-provider/hooks/use-global-config.mjs";
-function y(o, p, t) {
-  const { b: n, bm: e } = d("ap-download"), i = c("uiMode"), l = a(() => ({
+import c from "../style/index.mjs";
+import { useNamespace as w } from "../../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as f } from "../../config-provider/hooks/use-global-config.mjs";
+function S(o, p, l) {
+  const { b: n, bm: e } = w("ap-download"), t = c("ap-download"), i = f("uiMode"), s = a(() => ({
     "--download-main-color": o.value,
     "--download-main-color-opacity": m(o.value, 0.6)
-  })), s = a(() => [n("wrapper"), e("wrapper", p.value)].filter(Boolean)), u = a(() => {
+  })), u = a(() => [n("wrapper"), e("wrapper", p.value), t.value].filter(
+    Boolean
+  )), d = a(() => {
     const r = [n("inner-wrapper"), e("inner-wrapper", p.value)];
-    return t.value && (i.value === "aplus" ? r.push(e("inner-wrapper", "disabled")) : r.push(e("inner-wrapper", "disabled-admin"))), r;
+    return l.value && (i.value === "aplus" ? r.push(e("inner-wrapper", "disabled")) : r.push(e("inner-wrapper", "disabled-admin"))), [...r, t.value];
   });
   return {
-    wrapperStyle: l,
-    getWrapperClass: s,
-    getInnerWrapperClass: u
+    wrapperStyle: s,
+    getWrapperClass: u,
+    getInnerWrapperClass: d
   };
 }
 export {
-  y as useStyle
+  S as useStyle
 };

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

@@ -38,8 +38,4 @@ export declare enum ApDownLoadNeedNameKeyDefault {
     pathKey = "path"
 }
 export type actionResponse = Awaited<ReturnType<typeof client.downloadFile>>;
-export type downloadCallbackResponse = {
-    objectName: string;
-    fileName: string;
-}[] | actionResponse;
 export {};

package/es/src/ap-download/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-download/style/index.mjs

@@ -0,0 +1,63 @@
+import { genComponentStyleHook as l } from "../../utils/cssinjs/index.mjs";
+const i = (o) => {
+  const { componentCls: e } = o, n = `${e}-inner-wrapper`;
+  return {
+    [e]: {
+      "&-wrapper": {
+        textWrap: "nowrap",
+        display: "inline-block"
+      }
+    },
+    [n]: {
+      display: "flex",
+      color: "var(--download-main-color)",
+      cursor: "pointer",
+      alignItems: "center",
+      ".spin": {
+        marginInlineEnd: "5px"
+      },
+      ".icon": {
+        position: "relative",
+        fontSize: o.fontSizeXL,
+        marginInlineEnd: "5px"
+      },
+      ".text": {
+        color: "var(--download-main-color)"
+      },
+      "&:hover": {
+        color: "var(--download-main-color-opacity)"
+      },
+      "&--large": {
+        lineHeight: o.lineHeightLG,
+        fontSize: o.fontSizeLG
+      },
+      "&--middle": {
+        lineHeight: o.lineHeight,
+        fontSize: o.fontSize
+      },
+      "&--small": {
+        lineHeight: o.lineHeightSM,
+        fontSize: o.fontSizeSM
+      },
+      "&--disabled": {
+        color: "#8896b0",
+        cursor: "not-allowed",
+        "&:hover": {
+          color: "#8896b0"
+        }
+      },
+      "&--disabled-admin": {
+        cursor: "not-allowed",
+        color: "#999",
+        "&:hover": {
+          color: "#999"
+        }
+      }
+    }
+  };
+}, a = l("ApDownload", (o) => [
+  i(o)
+]);
+export {
+  a as default
+};

package/es/src/ap-drawer/components/ApDrawerClose.vue2.mjs

@@ -1,25 +1,26 @@
-import { defineComponent as n, createElementBlock as a, openBlock as m, mergeProps as p, unref as e, createVNode as l } from "vue";
+import { defineComponent as n, createElementBlock as m, openBlock as p, mergeProps as l, unref as e, createVNode as i } from "vue";
 import "../../config-provider/index.mjs";
-import { IconApAdLineCloseDrawer as i } from "@aplus-frontend/icon";
-import { useNamespace as d } from "../../config-provider/hooks/use-namespace.mjs";
-const A = /* @__PURE__ */ n({
+import { IconApAdLineCloseDrawer as d } from "@aplus-frontend/icon";
+import f from "../style/index.mjs";
+import { useNamespace as u } from "../../config-provider/hooks/use-namespace.mjs";
+const B = /* @__PURE__ */ n({
   name: "ApDrawerClose",
   __name: "ApDrawerClose",
   emits: ["close"],
-  setup(f, { emit: o }) {
-    const { b: r } = d("ap-drawer"), t = o, s = () => {
-      t("close");
+  setup(_, { emit: o }) {
+    const { b: r } = u("ap-drawer"), t = f("ap-drawer"), s = o, a = () => {
+      s("close");
     };
-    return (c, _) => (m(), a("div", p({
+    return (c, C) => (p(), m("div", l({
       ...c.$attrs
     }, {
-      class: [e(r)("close")],
-      onClick: s
+      class: [e(r)("close"), e(t)],
+      onClick: a
     }), [
-      l(e(i))
+      i(e(d))
     ], 16));
   }
 });
 export {
-  A as default
+  B as default
 };

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

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

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

@@ -0,0 +1,30 @@
+import { genComponentStyleHook as e } from "../../utils/cssinjs/index.mjs";
+const r = (o) => ({
+  [`${o.componentCls}-close`]: {
+    width: "32px",
+    height: "32px",
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "center",
+    alignItems: "center",
+    border: `1px solid ${o.borderColorBase}`,
+    borderRadius: o.borderRadius,
+    cursor: "pointer",
+    ".aplus-frontend-icon": {
+      fontSize: "18px",
+      display: "flex",
+      alignItems: "center",
+      transition: "color 0.3s"
+    },
+    "&:hover": {
+      ".aplus-frontend-icon": {
+        color: o.colorError
+      }
+    }
+  }
+}), t = e("ApDrawer", (o) => [
+  r(o)
+]);
+export {
+  t as default
+};

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

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