@aplus-frontend/ui 0.6.0-beta.2 → 0.6.0-beta.21

package/es/src/ap-tag/ap-tag-group.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as D, ref as C, computed as n, unref as f, watch as N, nextTick as S, onMounted as j, onUnmounted as G, createBlock as d, openBlock as c, mergeProps as b, withCtx as g, createElementVNode as o, normalizeStyle as k, normalizeClass as W, createElementBlock as _, createCommentVNode as R, Fragment as A, renderList as F, toDisplayString as T, renderSlot as I, createTextVNode as U } from "vue";
+import { defineComponent as D, ref as b, computed as n, unref as f, watch as N, nextTick as S, onMounted as j, onUnmounted as G, createBlock as d, openBlock as u, mergeProps as k, withCtx as g, createElementVNode as o, normalizeStyle as W, normalizeClass as _, createElementBlock as T, createCommentVNode as R, Fragment as A, renderList as F, toDisplayString as E, renderSlot as I, createTextVNode as U } from "vue";
 import { Tooltip as q } from "@aplus-frontend/antdv";
 import H from "@ant-design/icons-vue";
 import "./ap-tag.vue2.mjs";
@@ -8,7 +8,7 @@ import { useLocale as K } from "../config-provider/hooks/use-locale.mjs";
 import { useGlobalConfig as O } from "../config-provider/hooks/use-global-config.mjs";
 import { useNamespace as Q } from "../config-provider/hooks/use-namespace.mjs";
 import X from "./ap-tag.vue.mjs";
-const ue = /* @__PURE__ */ D({
+const ce = /* @__PURE__ */ D({
   __name: "ap-tag-group",
   props: {
     list: { default: () => [] },
@@ -16,15 +16,15 @@ const ue = /* @__PURE__ */ D({
     ellipsisColor: {},
     ellipsis: { default: () => ({}) }
   },
-  setup(E) {
-    const { t: z } = K(), i = E, B = O("uiMode"), { b: V, bm: v } = Q("tag-group"), u = C(), r = n(() => ({
+  setup(z) {
+    const { t: V } = K(), i = z, v = O("uiMode"), { b: $, bm: h } = Q("tag-group"), c = b(), r = n(() => ({
       ...{
-        iconColor: "#34B77C",
+        iconColor: v.value === "aplus" ? "#182948" : "#333",
         symbol: "icon",
-        text: z("ap.common.more")
+        text: V("ap.common.more")
       },
       ...i.ellipsis
-    })), $ = n(() => r.value.tooltip && typeof r.value.tooltip == "object" ? J(r.value.tooltip, ["trigger", "title"]) : {}), p = n(() => f(m) < i.list.length), m = C(0), L = n(() => i.list.map((e) => e.text).join("、")), M = n(() => [V()].filter(Boolean)), P = n(() => B.value === "aplus" ? [v("ellipsis-text", "aplus")] : [v("ellipsis-text", "admin")]), h = (e, t) => {
+    })), B = n(() => r.value.tooltip && typeof r.value.tooltip == "object" ? J(r.value.tooltip, ["trigger", "title"]) : {}), p = n(() => f(m) < i.list.length), m = b(0), L = n(() => i.list.map((e) => e.text).join("、")), M = n(() => [$()].filter(Boolean)), P = n(() => v.value === "aplus" ? [h("ellipsis-text", "aplus")] : [h("ellipsis-text", "admin")]), y = (e, t) => {
       let s = document.createElement("canvas");
       const l = s.getContext("2d");
       l.font = `${e}px system-ui`;
@@ -34,21 +34,21 @@ const ue = /* @__PURE__ */ D({
       }, 0), a.width;
     }, x = () => {
       let e = 0, t = 0;
-      if (!u.value) return;
-      const s = u.value.offsetWidth;
+      if (!c.value) return;
+      const s = c.value.offsetWidth;
       for (let l of i.list) {
-        const a = l.size === "large" ? 16 : 12, w = h(
+        const a = l.size === "large" ? 16 : 12, C = y(
           l.size === "large" ? 14 : 12,
           l.text
         ) + a + 2 + i.space;
-        if (e += w, e > s) {
-          e -= w;
+        if (e += C, e > s) {
+          e -= C;
           break;
         }
         t++;
       }
       if (t < i.list.length) {
-        const a = h(12, r.value.text);
+        const a = y(12, r.value.text);
         i.ellipsis.symbol === "icon" ? e += 16 : e += a, e > s && t--;
       }
       m.value = t;
@@ -64,7 +64,7 @@ const ue = /* @__PURE__ */ D({
         immediate: !0
       }
     );
-    const y = () => {
+    const w = () => {
       x();
     };
     return j(() => {
@@ -74,35 +74,38 @@ const ue = /* @__PURE__ */ D({
             `[ApTagGroup]: \`${e}\` is deprecated, please use \`${t}\` instead.`
           );
         }
-      ), window.addEventListener("resize", y);
+      ), window.addEventListener("resize", w);
     }), G(() => {
-      window.removeEventListener("resize", y);
-    }), (e, t) => (c(), d(f(q), b({ trigger: "hover" }, $.value), {
+      window.removeEventListener("resize", w);
+    }), (e, t) => (u(), d(f(q), k({ trigger: "hover" }, B.value), {
       title: g(() => [
         I(e.$slots, "tooltip", { tags: e.list }, () => [
-          U(T(L.value), 1)
+          U(E(L.value), 1)
         ])
       ]),
       default: g(() => [
         o("div", {
           ref_key: "container",
-          ref: u,
-          class: W(M.value),
-          style: k({
+          ref: c,
+          class: _(M.value),
+          style: W({
             pointerEvents: p.value ? "auto" : "none"
             // opacity: isUpdating ? '0' : '1'
           })
         }, [
-          (c(!0), _(A, null, F(e.list, (s, l) => (c(), d(X, b({ ref_for: !0 }, s, {
+          (u(!0), T(A, null, F(e.list, (s, l) => (u(), d(X, k({ ref_for: !0 }, s, {
             key: l,
             style: {
               display: l >= m.value ? "none" : "inline-block",
               marginRight: `${e.space}px`
             }
           }), null, 16, ["style"]))), 128)),
-          p.value && r.value.symbol === "icon" ? (c(), d(f(H), {
+          p.value && r.value.symbol === "icon" ? (u(), d(f(H), {
             key: 0,
-            style: k({ color: e.ellipsisColor || r.value.iconColor })
+            style: W({
+              color: e.ellipsisColor || r.value.iconColor,
+              cursor: "pointer"
+            })
           }, {
             component: g(() => t[0] || (t[0] = [
               o("svg", {
@@ -160,10 +163,11 @@ const ue = /* @__PURE__ */ D({
               ], -1)
             ])),
             _: 1
-          }, 8, ["style"])) : p.value && r.value.symbol === "text" ? (c(), _("span", {
+          }, 8, ["style"])) : p.value && r.value.symbol === "text" ? (u(), T("span", {
             key: 1,
-            class: W(P.value)
-          }, T(r.value.text), 3)) : R("", !0)
+            class: _(P.value),
+            style: { cursor: "pointer" }
+          }, E(r.value.text), 3)) : R("", !0)
         ], 6)
       ]),
       _: 3
@@ -171,5 +175,5 @@ const ue = /* @__PURE__ */ D({
   }
 });
 export {
-  ue as default
+  ce as default
 };

package/es/src/business/ap-card/ApCard.vue2.mjs

@@ -16,7 +16,7 @@ const V = { key: 1 }, j = { key: 1 }, G = /* @__PURE__ */ g({
     ), c = r(() => {
       var n;
       return (n = Object.keys((e == null ? void 0 : e.titleProps) || {})) == null ? void 0 : n.length;
-    }), p = r(() => e.padding ?? (c.value ? "14px 24px 24px" : "24px"));
+    }), p = r(() => e.padding ?? (c.value ? "12px 14px 14px" : "12px 14px"));
     return (n, w) => {
       var m, d;
       return t(), s("div", {

package/es/src/business/ap-copy/ApCopy.d.ts

@@ -0,0 +1,52 @@
+import { DefineComponent, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, CSSProperties, ComponentProvideOptions } from 'vue';
+import { ApCopy } from './interface';
+declare const _default: DefineComponent<ExtractPropTypes<{
+    text: {
+        type: PropType< ApCopy["text"]>;
+        default: string;
+    };
+    size: {
+        type: PropType< ApCopy["size"]>;
+        default: number;
+    };
+    textStyle: {
+        type: PropType< ApCopy["textStyle"]>;
+        default: string;
+    };
+    link: {
+        type: PropType< ApCopy["link"]>;
+        default: string;
+    };
+    disableCopy: {
+        type: PropType< ApCopy["disableCopy"]>;
+        default: boolean;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    text: {
+        type: PropType< ApCopy["text"]>;
+        default: string;
+    };
+    size: {
+        type: PropType< ApCopy["size"]>;
+        default: number;
+    };
+    textStyle: {
+        type: PropType< ApCopy["textStyle"]>;
+        default: string;
+    };
+    link: {
+        type: PropType< ApCopy["link"]>;
+        default: string;
+    };
+    disableCopy: {
+        type: PropType< ApCopy["disableCopy"]>;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    size: number | undefined;
+    link: string | undefined;
+    text: string | undefined;
+    textStyle: "link" | CSSProperties | "major" | "minor" | undefined;
+    disableCopy: boolean | undefined;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/src/business/ap-copy/ApCopy.mjs

@@ -0,0 +1,79 @@
+import { defineComponent as T, Text as p, isVNode as y, computed as m, createVNode as n, Fragment as b } from "vue";
+import { ApCopyProps as h } from "./constans.mjs";
+import { IconApAdLineCopy as k } from "@aplus-frontend/icon";
+import "../../config-provider/index.mjs";
+import { message as d } from "@aplus-frontend/antdv";
+import { isNull as P, isUndefined as j } from "lodash-unified";
+import { useNamespace as A } from "../../config-provider/hooks/use-namespace.mjs";
+import { useLocale as N } from "../../config-provider/hooks/use-locale.mjs";
+const D = /* @__PURE__ */ T({
+  name: "CopyBtn",
+  props: h(),
+  setup(r, {
+    slots: a
+  }) {
+    const {
+      b: x,
+      e: l,
+      m: g
+    } = A("ap-copy"), {
+      t: u
+    } = N(), v = (t) => {
+      t.stopPropagation(), t.preventDefault(), t.stopImmediatePropagation(), navigator.clipboard.writeText(r.text || c() || "").then(() => {
+        d.success(u("ap.apCopy.copySuccess"));
+      }).catch(() => {
+        d.error(u("ap.apCopy.copyError"));
+      });
+    }, S = (t) => {
+      if (t.length === 1) {
+        const e = t[0];
+        if (e.type === p || e.type.toString() === "Symbol(Text)" || y(e) && typeof e.children == "string")
+          return !0;
+      }
+      return !1;
+    }, C = (t) => {
+      if (!t.length) return "";
+      const e = t[0];
+      return e.type === p || e.type.toString() === "Symbol(Text)" ? String(e.children) : y(e) && typeof e.children == "string" ? e.children : "";
+    }, c = () => {
+      var f;
+      const t = (f = a.default) == null ? void 0 : f.call(a);
+      return t && S(t) ? C(t) : null;
+    }, s = (t) => !(P(t) || j(t) || typeof t == "string" && t === ""), o = m(() => {
+      if (typeof r.textStyle == "string")
+        switch (r.textStyle) {
+          case "link":
+            return "text-link";
+          case "minor":
+            return "text-minor";
+          case "major":
+            return "text-major";
+          default:
+            return "text-major";
+        }
+      else if (typeof r.textStyle == "object")
+        return {
+          ...r.textStyle
+        };
+      return {};
+    }), i = m(() => c() || r.text || "");
+    return () => n(b, null, [n("div", {
+      class: [x()]
+    }, [n("div", {
+      class: [l("text"), typeof o.value == "string" && g(o.value)],
+      style: typeof o.value != "string" && o.value,
+      title: typeof o.value == "string" ? i.value : ""
+    }, [s(i.value) ? r.link ? n("a", {
+      href: r.link,
+      target: "_blank"
+    }, [i.value]) : i.value : "--"]), s(i.value) && !r.disableCopy && n("div", {
+      class: [l("copy-btn"), "copy-btn"],
+      onClick: r.disableCopy ? void 0 : v
+    }, [n(k, {
+      size: r.size
+    }, null)])])]);
+  }
+});
+export {
+  D as default
+};

package/es/src/business/ap-copy/constans.d.ts

@@ -0,0 +1,24 @@
+import { PropType } from 'vue';
+import { ApCopy } from './interface';
+export declare const ApCopyProps: () => {
+    text: {
+        type: PropType<ApCopy["text"]>;
+        default: string;
+    };
+    size: {
+        type: PropType<ApCopy["size"]>;
+        default: number;
+    };
+    textStyle: {
+        type: PropType<ApCopy["textStyle"]>;
+        default: string;
+    };
+    link: {
+        type: PropType<ApCopy["link"]>;
+        default: string;
+    };
+    disableCopy: {
+        type: PropType<ApCopy["disableCopy"]>;
+        default: boolean;
+    };
+};

package/es/src/business/ap-copy/constans.mjs

@@ -0,0 +1,25 @@
+const t = () => ({
+  text: {
+    type: String,
+    default: ""
+  },
+  size: {
+    type: Number,
+    default: 14
+  },
+  textStyle: {
+    type: [String, Object],
+    default: "major"
+  },
+  link: {
+    type: String,
+    default: ""
+  },
+  disableCopy: {
+    type: Boolean,
+    default: !1
+  }
+});
+export {
+  t as ApCopyProps
+};

package/es/src/business/ap-copy/index.d.ts

@@ -0,0 +1,102 @@
+import { CreateComponentPublicInstanceWithMixins, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, CSSProperties, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
+import { ApCopy } from './interface';
+export * from './interface';
+declare const ApCopy: {
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
+        text: {
+            type: PropType< ApCopy["text"]>;
+            default: string;
+        };
+        size: {
+            type: PropType< ApCopy["size"]>;
+            default: number;
+        };
+        textStyle: {
+            type: PropType< ApCopy["textStyle"]>;
+            default: string;
+        };
+        link: {
+            type: PropType< ApCopy["link"]>;
+            default: string;
+        };
+        disableCopy: {
+            type: PropType< ApCopy["disableCopy"]>;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
+        size: number | undefined;
+        link: string | undefined;
+        text: string | undefined;
+        textStyle: "link" | CSSProperties | "major" | "minor" | undefined;
+        disableCopy: boolean | undefined;
+    }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< ExtractPropTypes<{
+        text: {
+            type: PropType< ApCopy["text"]>;
+            default: string;
+        };
+        size: {
+            type: PropType< ApCopy["size"]>;
+            default: number;
+        };
+        textStyle: {
+            type: PropType< ApCopy["textStyle"]>;
+            default: string;
+        };
+        link: {
+            type: PropType< ApCopy["link"]>;
+            default: string;
+        };
+        disableCopy: {
+            type: PropType< ApCopy["disableCopy"]>;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
+        size: number | undefined;
+        link: string | undefined;
+        text: string | undefined;
+        textStyle: "link" | CSSProperties | "major" | "minor" | undefined;
+        disableCopy: boolean | undefined;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
+    text: {
+        type: PropType< ApCopy["text"]>;
+        default: string;
+    };
+    size: {
+        type: PropType< ApCopy["size"]>;
+        default: number;
+    };
+    textStyle: {
+        type: PropType< ApCopy["textStyle"]>;
+        default: string;
+    };
+    link: {
+        type: PropType< ApCopy["link"]>;
+        default: string;
+    };
+    disableCopy: {
+        type: PropType< ApCopy["disableCopy"]>;
+        default: boolean;
+    };
+}>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+    size: number | undefined;
+    link: string | undefined;
+    text: string | undefined;
+    textStyle: "link" | CSSProperties | "major" | "minor" | undefined;
+    disableCopy: boolean | undefined;
+}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & ( Plugin & (new (...args: any[]) => {
+    $props: {
+        onClick?: () => void;
+    };
+}));
+export { ApCopy };

package/es/src/business/ap-copy/index.mjs

@@ -0,0 +1,7 @@
+import { withInstall as o } from "@aplus-frontend/utils";
+import p from "./ApCopy.mjs";
+import "./interface.mjs";
+const i = o(p);
+export {
+  i as ApCopy
+};

package/es/src/business/ap-copy/interface.d.ts

@@ -0,0 +1,8 @@
+import { CSSProperties } from 'vue';
+export interface ApCopy {
+    text?: string;
+    size?: number;
+    textStyle?: 'major' | 'minor' | 'link' | CSSProperties;
+    link?: string;
+    disableCopy?: boolean;
+}

package/es/src/business/ap-copy/interface.mjs

@@ -0,0 +1 @@
+

package/es/src/business/ap-copy/style/css.js

@@ -0,0 +1 @@
+import '@aplus-frontend/ui/theme/ap-copy/ap-copy.css';

package/es/src/business/ap-copy/style/index.js

@@ -0,0 +1 @@
+import '@aplus-frontend/ui/theme/ap-copy/ap-copy.less';

package/es/src/business/ap-expand-alert/ApExpandAlert.vue.d.ts

@@ -2,8 +2,8 @@ import { ApExpandAlertProps } from './interface';
 import { VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode } from 'vue';
 declare const _default: <T extends Record<string, any>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
-        readonly onExpand?: ((...args: any[]) => any) | undefined;
-        readonly onChoose?: ((...args: any[]) => any) | undefined;
+        readonly onExpand?: ((args_0: "collapse" | "expand") => any) | undefined;
+        readonly onChoose?: ((args_0: T) => any) | undefined;
     } & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, "onExpand" | "onChoose"> & ApExpandAlertProps<T> & Partial<{}>> & PublicProps;
     expose(exposed: ShallowUnwrapRef<{
         setExpand: (state?: boolean) => void;
@@ -22,7 +22,7 @@ declare const _default: <T extends Record<string, any>>(__VLS_props: NonNullable
             index: number;
         }): any;
     };
-    emit: (event: "expand" | "choose", ...args: any[]) => void;
+    emit: ((evt: "expand", args_0: "collapse" | "expand") => void) & ((evt: "choose", args_0: T) => void);
 }>) => VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };