@aplus-frontend/ui 0.1.17 → 0.1.19

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

@@ -0,0 +1,49 @@
+import { defineComponent as c, useSlots as r, computed as m, createVNode as e, mergeProps as d } from "vue";
+import { Tooltip as f, Badge as p } from "ant-design-vue";
+import { IconApAdLineAnnotation as A, IconApAdFillWarn as y, IconApAdFillExecution as v, IconApAdFillSuccessful as b } from "@aplus-frontend/icon";
+import "../../config-provider/index.mjs";
+import { ApLabelProps as g } from "./constans.mjs";
+import { omit as T } from "lodash-unified";
+import "./style.css";
+import { useNamespace as x } from "../../config-provider/hooks/use-namespace.mjs";
+const B = /* @__PURE__ */ c({
+  name: "ApLabel",
+  props: g(),
+  setup(l) {
+    const {
+      b: s,
+      e: i
+    } = x("ap-label"), o = r(), n = m(() => ({
+      color: l.iconColor,
+      "font-size": l.iconSize + "px",
+      "margin-left": "4px",
+      display: "inline-flex"
+    })), a = (u, t) => u ? e(f, {
+      title: u,
+      placement: t.placement || "top",
+      color: t.toolTipBgColor
+    }, {
+      default: () => [t.iconType === "question" && e(A, {
+        style: n.value
+      }, null), t.iconType === "warning" && e(y, {
+        style: n.value
+      }, null), t.iconType === "ellipsis" && e(v, {
+        style: n.value
+      }, null), t.iconType === "success" && e(b, {
+        style: n.value
+      }, null)]
+    }) : null;
+    return () => e("div", null, [l.show ? e("div", {
+      class: [s()]
+    }, [e("div", {
+      class: [i("content")]
+    }, [e(p, d(T(l, ["helpMessage", "placement", "iconColor"]), {
+      status: l.status ? l.status : "default"
+    }), null), o.default ? o.default() : a(l.helpMessage, l)]), o.custom ? e("div", {
+      class: [i("custom")]
+    }, [o.custom()]) : null]) : null]);
+  }
+});
+export {
+  B as default
+};

package/es/src/business/ap-label/ApLabelGroup.mjs

@@ -1,23 +1,22 @@
 import { defineComponent as n, createVNode as o, mergeProps as l, createTextVNode as m } from "vue";
 import "../../config-provider/index.mjs";
-import "./ApLabel.vue.mjs";
+import f from "./ApLabel.mjs";
 import { omit as t } from "lodash-unified";
-import { ApLabelGroupProps as f } from "./constans.mjs";
-import { Tag as s } from "ant-design-vue";
-import { useNamespace as c } from "../../config-provider/hooks/use-namespace.mjs";
-import i from "./ApLabel.vue2.mjs";
+import { ApLabelGroupProps as s } from "./constans.mjs";
+import { Tag as c } from "ant-design-vue";
+import { useNamespace as g } from "../../config-provider/hooks/use-namespace.mjs";
 const {
-  b: g
-} = c("ap-label-group"), E = /* @__PURE__ */ n({
+  b: p
+} = g("ap-label-group"), x = /* @__PURE__ */ n({
   name: "ApLabelGroup",
-  props: f(),
+  props: s(),
   setup(r) {
-    const a = (e) => (r.tagValue || r.tagValue === 0) && e.tagConfig && e.tagConfig.length > 0 ? () => e.tagConfig.filter((u) => r.tagValue === u.value).map((u) => o(s, t(u, ["text"]), {
+    const a = (e) => (r.tagValue || r.tagValue === 0) && e.tagConfig && e.tagConfig.length > 0 ? () => e.tagConfig.filter((u) => r.tagValue === u.value).map((u) => o(c, t(u, ["text"]), {
       default: () => [u.text]
     })) : e.customRender ? () => o("div", null, [e.customRender(r.record)]) : null;
     return () => o("div", {
-      class: g()
-    }, [r.columns ? r.columns.map((e, u) => o(i, l({
+      class: p()
+    }, [r.columns ? r.columns.map((e, u) => o(f, l({
       key: u,
       show: r.value === e.value
     }, t(e, ["value", "tagConfig", "customRender"])), {
@@ -26,5 +25,5 @@ const {
   }
 });
 export {
-  E as default
+  x as default
 };

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

@@ -1,5 +1,8 @@
-import { PropType } from 'vue';
+import { PropType, VNode, CSSProperties } from 'vue';
 import { ApLabelGroupItemProps } from './interface';
+import { TooltipPlacement } from 'ant-design-vue/es/Tooltip';
+import { VueTypeValidableDef } from '../../../node_modules/vue-types';
+import { LiteralUnion } from 'ant-design-vue/es/_util/type';
 export declare const ApLabelGroupProps: () => {
     value: {
         type: PropType<string | number | undefined>;
@@ -18,3 +21,64 @@ export declare const ApLabelGroupProps: () => {
         default: null;
     };
 };
+export declare const ApLabelProps: () => {
+    helpMessage: {
+        type: PropType<VNode | string | undefined>;
+        default: undefined;
+    };
+    placement: {
+        type: PropType<TooltipPlacement>;
+        default: string;
+    };
+    iconColor: {
+        type: PropType<string>;
+        default: string;
+    };
+    iconType: {
+        type: PropType<"question" | "warning" | "ellipsis" | "success">;
+        default: string;
+    };
+    iconSize: {
+        type: PropType<number>;
+        default: number;
+    };
+    show: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    toolTipBgColor: {
+        type: PropType<string>;
+    };
+    count: VueTypeValidableDef<any> & {
+        default: any;
+    };
+    showZero: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    overflowCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    dot: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    prefixCls: StringConstructor;
+    scrollNumberPrefixCls: StringConstructor;
+    status: {
+        type: PropType<"error" | "default" | "success" | "processing" | "warning">;
+    };
+    size: {
+        type: PropType<"default" | "small">;
+        default: string;
+    };
+    color: PropType< LiteralUnion<"blue" | "cyan" | "gold" | "green" | "lime" | "magenta" | "orange" | "pink" | "purple" | "red" | "yellow" | "volcano" | "geekblue">>;
+    text: VueTypeValidableDef<any>;
+    offset: PropType<[string | number, string | number]>;
+    numberStyle: {
+        type: PropType< CSSProperties>;
+        default: CSSProperties;
+    };
+    title: StringConstructor;
+};

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

@@ -1,4 +1,5 @@
-const e = () => ({
+import { badgeProps as e } from "ant-design-vue/es/badge/Badge";
+const o = () => ({
   value: {
     type: String,
     default: void 0
@@ -15,7 +16,37 @@ const e = () => ({
     type: Object,
     default: null
   }
+}), l = () => ({
+  ...e(),
+  helpMessage: {
+    type: String,
+    default: void 0
+  },
+  placement: {
+    type: String,
+    default: "top"
+  },
+  iconColor: {
+    type: String,
+    default: "#FF4D4F"
+  },
+  iconType: {
+    type: String,
+    default: "question"
+  },
+  iconSize: {
+    type: Number,
+    default: 16
+  },
+  show: {
+    type: Boolean,
+    default: !0
+  },
+  toolTipBgColor: {
+    type: String
+  }
 });
 export {
-  e as ApLabelGroupProps
+  o as ApLabelGroupProps,
+  l as ApLabelProps
 };

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

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

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

@@ -4,12 +4,13 @@ import { TagProps } from 'ant-design-vue/es/Tag';
 import { VNode, VNodeChild } from 'vue';
 type Recordable = Record<string, any>;
 export type ApLabelProps = BadgeProps & Partial<{
-    helpMessage: string;
+    helpMessage: VNode | string | undefined;
     placement: TooltipPlacement;
     iconColor: string;
     iconType: 'question' | 'warning' | 'ellipsis' | 'success';
     iconSize: number;
     show: boolean;
+    toolTipBgColor: string;
 }>;
 export type tagConfigKey = TagProps & {
     value: number | string | undefined | null;