@aplus-frontend/ui 0.0.17 → 0.0.19

package/es/src/business/ap-label/ApLabel.vue.d.ts

@@ -0,0 +1,38 @@
+import { ApLabelProps } from './interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+import { TooltipPlacement } from 'ant-design-vue/es/tooltip';
+
+declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApLabelProps>, {
+    status: string;
+    placement: string;
+    iconColor: string;
+    text: string;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApLabelProps>, {
+    status: string;
+    placement: string;
+    iconColor: string;
+    text: string;
+}>>>, {
+    text: any;
+    placement: TooltipPlacement;
+    status: "success" | "error" | "default" | "warning" | "processing";
+    iconColor: string;
+}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/es/src/business/ap-label/ApLabel.vue.mjs

@@ -0,0 +1,4 @@
+import f from "./ApLabel.vue2.mjs";
+export {
+  f as default
+};

package/es/src/business/ap-label/ApLabel.vue2.mjs

@@ -0,0 +1,52 @@
+import { defineComponent as n, openBlock as o, createElementBlock as p, normalizeClass as s, unref as t, createVNode as l, normalizeProps as m, guardReactiveProps as c, createBlock as i, withCtx as u, normalizeStyle as f, createCommentVNode as d } from "vue";
+import { Badge as C, Tooltip as g } from "ant-design-vue";
+import { QuestionCircleOutlined as h } from "@ant-design/icons-vue";
+import "../../config-provider/index.mjs";
+import { omit as x } from "lodash-unified";
+import "./style.css";
+import { useNamespace as y } from "../../config-provider/hooks/use-namespace.mjs";
+const F = /* @__PURE__ */ n({
+  name: "ApLabel",
+  __name: "ApLabel",
+  props: {
+    count: {},
+    showZero: { type: Boolean },
+    overflowCount: {},
+    dot: { type: Boolean },
+    prefixCls: {},
+    scrollNumberPrefixCls: {},
+    status: { default: "default" },
+    size: {},
+    color: {},
+    text: { default: "" },
+    offset: {},
+    numberStyle: {},
+    title: {},
+    helpMessage: {},
+    placement: { default: "top" },
+    iconColor: { default: "#FF4D4F" }
+  },
+  setup(r) {
+    const e = r, { b: a } = y("ap-label");
+    return (_, b) => (o(), p("div", {
+      class: s([t(a)()])
+    }, [
+      l(t(C), m(c(t(x)(e, ["helpMessage", "placement", "iconColor"]))), null, 16),
+      e.helpMessage ? (o(), i(t(g), {
+        key: 0,
+        placement: e.placement,
+        title: e.helpMessage
+      }, {
+        default: u(() => [
+          l(t(h), {
+            style: f({ color: e.iconColor, marginLeft: "6px" })
+          }, null, 8, ["style"])
+        ]),
+        _: 1
+      }, 8, ["placement", "title"])) : d("", !0)
+    ], 2));
+  }
+});
+export {
+  F as default
+};

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

@@ -0,0 +1,4 @@
+import { default as ApLabel } from './ApLabel.vue';
+
+export * from './interface';
+export { ApLabel };

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

@@ -0,0 +1,8 @@
+import { BadgeProps } from 'ant-design-vue';
+import { TooltipPlacement } from 'ant-design-vue/es/Tooltip';
+
+export type ApLabelProps = BadgeProps & {
+    helpMessage?: string;
+    placement: TooltipPlacement;
+    iconColor: string;
+};

package/es/src/business/ap-label/style.css

@@ -0,0 +1,4 @@
+.aplus-ap-label {
+  display: inline-block;
+  font-size: 14px;
+}

package/es/src/business/expandAlert/ApExpandAlert.vue.d.ts

@@ -0,0 +1,81 @@
+import { ApExpandAlertProps } from './interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApExpandAlertProps>, {
+    /**
+     *  Alert类型
+     */
+    type: string;
+    /**
+     * 数据
+     */
+    data: () => never[];
+    /**
+     *  前缀
+     */
+    prefix: string;
+    /**
+     *  Tooltip 提示标题
+     */
+    tipTitle: string;
+    /**
+     *  分隔符
+     */
+    separator: string;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    choose: (...args: any[]) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApExpandAlertProps>, {
+    /**
+     *  Alert类型
+     */
+    type: string;
+    /**
+     * 数据
+     */
+    data: () => never[];
+    /**
+     *  前缀
+     */
+    prefix: string;
+    /**
+     *  Tooltip 提示标题
+     */
+    tipTitle: string;
+    /**
+     *  分隔符
+     */
+    separator: string;
+}>>> & {
+    onChoose?: ((...args: any[]) => any) | undefined;
+}, {
+    type: "success" | "error" | "info" | "warning" | undefined;
+    data: string | any[];
+    prefix: string;
+    separator: string;
+    tipTitle: string;
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/src/business/expandAlert/ApExpandAlert.vue.mjs

@@ -0,0 +1,4 @@
+import f from "./ApExpandAlert.vue2.mjs";
+export {
+  f as default
+};

package/es/src/business/expandAlert/ApExpandAlert.vue2.mjs

@@ -0,0 +1,113 @@
+import { defineComponent as H, ref as f, computed as v, watch as I, nextTick as L, openBlock as s, createElementBlock as i, normalizeClass as l, unref as e, createVNode as h, withCtx as d, createBlock as $, createElementVNode as c, toDisplayString as r, createCommentVNode as y, normalizeStyle as z, renderSlot as R, Fragment as g, renderList as S } from "vue";
+import { DownOutlined as V } from "@ant-design/icons-vue";
+import { Alert as D, Tooltip as M } from "ant-design-vue";
+import { ApActionItem as O } from "../../ap-action/index.mjs";
+import "../../config-provider/index.mjs";
+import "./style.css";
+import { useNamespace as F } from "../../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as G } from "../../config-provider/hooks/use-global-config.mjs";
+const W = { key: 0 }, j = ["onClick"], _ = /* @__PURE__ */ H({
+  __name: "ApExpandAlert",
+  props: {
+    type: { default: "warning" },
+    data: { default: () => [] },
+    prefix: { default: "" },
+    tipTitle: { default: "查看详情" },
+    mapLabel: {},
+    separator: { default: "|" }
+  },
+  emits: ["choose"],
+  setup(w) {
+    const x = w, o = f(""), p = f(null), b = v(() => ({
+      fontWeight: "400",
+      wordBreak: "break-all",
+      overflow: "hidden",
+      display: "-webkit-box",
+      webkitLineClamp: o.value,
+      webkitBoxOrient: "vertical",
+      lineHeight: "22px"
+    }));
+    function C() {
+      o.value === "1" ? o.value = "" : o.value = "1";
+    }
+    const B = v(() => o.value === "1" ? "展开" : "收起"), m = f(!0), k = v(() => o.value !== "1");
+    I(
+      () => x.data,
+      () => {
+        o.value = "", L(() => {
+          if (p.value) {
+            const t = Number(p.value.clientHeight), u = Number(
+              parseInt(p.value.style.lineHeight)
+            );
+            t <= u && k.value ? m.value = !1 : m.value = !0;
+          }
+        });
+      },
+      {
+        immediate: !0
+      }
+    );
+    const { b: A, e: a, m: N } = F("ap-expand-alert"), T = G("uiMode", "aplus");
+    return (t, u) => (s(), i("div", {
+      class: l([e(A)(), `${e(N)(e(T))}`])
+    }, [
+      h(e(D), {
+        type: t.type,
+        "show-icon": "",
+        class: l(e(a)("antAlert"))
+      }, {
+        action: d(() => [
+          m.value ? (s(), $(e(O), {
+            key: 0,
+            size: "small",
+            onClick: u[0] || (u[0] = (n) => C()),
+            style: { "font-size": "12px", "padding-left": "16px" }
+          }, {
+            default: d(() => [
+              c("span", {
+                class: l(e(a)("expandText"))
+              }, r(B.value), 3),
+              h(e(V), {
+                class: l(k.value ? e(a)("expandIcon") : e(a)("collapseIcon"))
+              }, null, 8, ["class"])
+            ]),
+            _: 1
+          })) : y("", !0)
+        ]),
+        message: d(() => [
+          c("div", {
+            style: z(b.value),
+            class: l(e(a)("alertContent")),
+            ref_key: "ellipsisBoxRef",
+            ref: p
+          }, [
+            R(t.$slots, "default", {}, () => [
+              c("span", {
+                class: l(e(a)("prefix"))
+              }, r(t.prefix), 3),
+              typeof t.data == "string" ? (s(), i("span", W, r(t.data), 1)) : (s(!0), i(g, { key: 1 }, S(t.data, (n, E) => (s(), i(g, { key: n }, [
+                h(e(M), { title: t.tipTitle }, {
+                  default: d(() => [
+                    c("span", {
+                      class: l(e(a)("showItem")),
+                      onClick: (q) => t.$emit("choose", n)
+                    }, r(t.mapLabel ? n[t.mapLabel] : n), 11, j)
+                  ]),
+                  _: 2
+                }, 1032, ["title"]),
+                E !== t.data.length - 1 ? (s(), i("span", {
+                  key: 0,
+                  class: l(e(a)("spliter"))
+                }, r(t.separator), 3)) : y("", !0)
+              ], 64))), 128))
+            ])
+          ], 6)
+        ]),
+        _: 3
+      }, 8, ["type", "class"])
+    ], 2));
+  }
+});
+export {
+  _ as default
+};

package/es/src/business/expandAlert/interface.d.ts

@@ -0,0 +1,26 @@
+export interface ApExpandAlertProps {
+    /**
+     * Alert类型
+     */
+    type: 'warning' | 'error' | 'success' | 'info' | undefined;
+    /**
+     * 展开数据
+     */
+    data: Array<any> | string;
+    /**
+     * 标题前缀
+     */
+    prefix?: string;
+    /**
+     * Tooltip 提示标题
+     */
+    tipTitle?: string;
+    /**
+     * Label映射字段
+     */
+    mapLabel?: string;
+    /**
+     * 分隔符
+     */
+    separator: string;
+}

package/es/src/business/expandAlert/style.css

@@ -0,0 +1,42 @@
+.aplus-ap-expand-alert .aplus-action-item {
+  font-size: 12px;
+}
+.aplus-ap-expand-alert__expandText {
+  font-size: 12px;
+  margin-inline-end: 4px;
+  margin-inline-start: 4px;
+}
+.aplus-ap-expand-alert__expandIcon {
+  transition: all 0.3s;
+  transform: rotateZ(180deg);
+}
+.aplus-ap-expand-alert__collapseIcon {
+  transition: all 0.3s;
+  transform: rotateZ(0deg);
+}
+.aplus-ap-expand-alert__alertContent {
+  color: #182948;
+}
+.aplus-ap-expand-alert__prefix {
+  color: #182948;
+}
+.aplus-ap-expand-alert__showItem {
+  color: #0070ff;
+  cursor: pointer;
+  white-space: nowrap;
+}
+.aplus-ap-expand-alert__showItem:hover {
+  color: #66a9ff;
+}
+.aplus-ap-expand-alert__spliter {
+  color: #dee4ed;
+  padding: 0 8px;
+}
+.aplus-ap-expand-alert__antAlert.ant-alert {
+  align-items: flex-start;
+  line-height: 18px;
+}
+.aplus-ap-expand-alert__antAlert.ant-alert .ant-alert-icon {
+  font-size: 16px;
+  transform: translateY(2px);
+}