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

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.mjs

@@ -1,19 +1,20 @@
-import { defineComponent as F, ref as L, useSlots as S, computed as t, unref as a, createBlock as x, openBlock as i, mergeProps as A, 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 { 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 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: {
@@ -44,9 +45,9 @@ const R = {
   },
   emits: ["downloadCallback"],
   setup(y, { emit: C }) {
-    const N = C, n = L(!1), { lang: b } = G(), v = S(), h = t(() => b.value === "zh-cn" ? "zh_CN" : "en_US"), w = r("uiMode"), e = y, l = r("apUpload"), c = r(
+    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"
-    ), d = t(() => e.disabled), _ = t(() => e.color ? e.color : w.value === "aplus" ? "#0070FF" : "#1890FF"), k = t(() => e.size), { getInnerWrapperClass: B } = P(_, k, d), z = t(() => e.getOssAccess || l.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) {
         n.value = !0;
         try {
@@ -61,8 +62,8 @@ const R = {
             await c.value?.trigger(s);
           } else {
             const s = await (await E(
-              z.value,
-              a(h)
+              O.value,
+              t(h)
             )).downloadFile(
               g(
                 e.needName ?? l?.value?.needName,
@@ -78,23 +79,23 @@ const R = {
         }
       }
     };
-    return (o, s) => (i(), x(a(V), A(e, {
+    return (o, s) => (i(), S(t(V), x(t(G)(e, ["getOssAccess", "fileName", "needName"]), {
       type: e.type,
       size: e.size,
       disabled: d.value,
-      onClick: O
+      onClick: z
     }), {
       default: j(() => [
         m("div", {
-          class: I(a(B))
+          class: I(t(B))
         }, [
-          n.value ? (i(), u("span", R, [
-            M(a(D), { spin: !0 })
+          n.value ? (i(), u("span", W, [
+            M(t(D), { spin: !0 })
           ])) : f("", !0),
-          a(v).icon ? (i(), u("span", W, [
+          t(v).icon ? (i(), u("span", $, [
             T(o.$slots, "icon")
           ])) : f("", !0),
-          m("span", $, U(o.text), 1)
+          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/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
 };

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