@aplus-frontend/ui 0.0.1-beta.3 → 0.0.1-beta.31

package/es/src/ap-form/search-form/index.vue.mjs

@@ -0,0 +1,201 @@
+import { isVNode as J, defineComponent as K, useSlots as Q, ref as X, unref as o, shallowRef as v, computed as C, watch as P, cloneVNode as Y, createVNode as a, Fragment as Z, openBlock as k, createBlock as A, mergeProps as ee, withCtx as E, resolveDynamicComponent as te } from "vue";
+import { Flex as N, Space as oe, Button as y } from "ant-design-vue";
+import "../ap-form.vue.mjs";
+import "../ap-form-item-group/index.vue2.mjs";
+import "../ap-form-item.vue2.mjs";
+import "../../hooks/index.mjs";
+import { genRealChildren as T } from "../ap-form-item-group/helper.mjs";
+import { DoubleRightOutlined as ae } from "@ant-design/icons-vue";
+import "../../config-provider/index.mjs";
+import "../style/search-form.css";
+import { omit as le } from "lodash-unified";
+import { useControllableValue as ne } from "../../hooks/useControllableValue.mjs";
+import { useNamespace as re } from "../../config-provider/hooks/use-namespace.mjs";
+import { useLocale as se } from "../../config-provider/hooks/use-locale.mjs";
+import V from "../ap-form-item.vue.mjs";
+import pe from "../ap-form.vue2.mjs";
+import ce from "../ap-form-item-group/index.vue.mjs";
+function ie(c) {
+  return typeof c == "function" || Object.prototype.toString.call(c) === "[object Object]" && !J(c);
+}
+const p = 24, Pe = /* @__PURE__ */ K({
+  name: "ApFormSearchForm",
+  __name: "index",
+  props: {
+    initialValues: {},
+    layout: {
+      default: "horizontal"
+    },
+    labelCol: {},
+    wrapperCol: {},
+    colon: {
+      type: Boolean,
+      default: !0
+    },
+    labelAlign: {
+      default: "right"
+    },
+    labelWrap: {
+      type: Boolean
+    },
+    prefixCls: {},
+    requiredMark: {},
+    hideRequiredMark: {
+      type: Boolean,
+      default: !1
+    },
+    rules: {},
+    validateMessages: {},
+    validateOnRuleChange: {
+      type: Boolean,
+      default: !0
+    },
+    scrollToFirstError: {},
+    onSubmit: {},
+    name: {},
+    validateTrigger: {
+      default: "change"
+    },
+    size: {},
+    disabled: {
+      type: Boolean
+    },
+    onValuesChange: {},
+    onFieldsChange: {},
+    onFinish: {},
+    onFinishFailed: {},
+    onValidate: {},
+    collapse: {
+      type: Boolean,
+      default: void 0
+    },
+    defaultCollapse: {
+      type: Boolean,
+      default: !1
+    },
+    "onUpdate:collapse": {},
+    searchText: {},
+    resetText: {},
+    onReset: {},
+    extraInAction: {
+      type: Boolean,
+      default: !1
+    },
+    forceExpand: {
+      type: Boolean,
+      default: !1
+    },
+    countPerRow: {
+      default: 4
+    }
+  },
+  emits: ["update:collapse"],
+  setup(c, {
+    expose: I,
+    emit: j
+  }) {
+    var S;
+    const l = Q(), t = c, M = j, {
+      value: d,
+      updateValue: O
+    } = ne(t, M, {
+      valuePropName: "collapse",
+      defaultValuePropName: "defaultCollapse"
+    }), {
+      b: $
+    } = re("ap-form-search-form"), {
+      t: F
+    } = se(), f = X();
+    function D() {
+      O(!o(d));
+    }
+    function q() {
+      var e;
+      (e = f.value) == null || e.validateFields().then(t.onSubmit);
+    }
+    function z() {
+      var e, i, u;
+      (i = (e = f.value) == null ? void 0 : e.resetFields) == null || i.call(e), (u = t.onReset) == null || u.call(t);
+    }
+    const g = v(T(l.default())), m = v((S = l.extra) == null ? void 0 : S.call(l)), R = C(() => Math.floor(p / t.countPerRow));
+    P(() => l.default(), (e) => {
+      g.value = T(e);
+    }), P(() => {
+      var e;
+      return (e = l.extra) == null ? void 0 : e.call(l);
+    }, (e) => {
+      m.value = e;
+    });
+    const U = C(() => {
+      let e;
+      const i = [...o(g)], u = [], b = [], n = o(R);
+      let h = 0;
+      i.forEach((r) => {
+        const s = r.props;
+        s != null && s.hidden ? u.push(r) : (h += s.span || n, b.push(r));
+      });
+      const w = p - (h + n) % p, W = w < n ? p : w, x = p - n * (o(m) && !t.extraInAction ? 2 : 1), L = !t.forceExpand && h > x;
+      let _ = 0;
+      const G = b.map((r, s) => {
+        const B = r.props;
+        return _ += B.span || n, Y(r, {
+          span: B.span || n,
+          key: `ApFormSearchFormItem-${s}`,
+          hidden: !t.forceExpand && o(d) && _ > x
+        });
+      }), H = p - Math.min(x, _) - n;
+      return a(Z, null, [G, u, a(V, {
+        span: o(R)
+      }, {
+        default: () => [a(N, {
+          justify: "space-between"
+        }, {
+          default: () => [a(oe, null, {
+            default: () => [a(y, {
+              type: "primary",
+              onClick: q
+            }, {
+              default: () => [t.searchText || F("ap.apForm.search.search")]
+            }), a(y, {
+              onClick: z
+            }, {
+              default: () => [t.resetText || F("ap.apForm.search.reset")]
+            }), L ? a(y, {
+              onClick: D,
+              icon: a(ae, {
+                style: "color:#B8C3D1",
+                rotate: o(d) ? 90 : -90
+              }, null)
+            }, null) : null]
+          }), t.extraInAction ? o(m) : null]
+        })]
+      }), t.extraInAction ? null : a(V, {
+        span: o(d) ? H : W
+      }, {
+        default: () => [a(N, {
+          justify: "end"
+        }, ie(e = o(m)) ? e : {
+          default: () => [e]
+        })]
+      })]);
+    });
+    return I({
+      apForm: C(() => o(f))
+    }), (e, i) => (k(), A(pe, ee({
+      class: o($)(),
+      ref_key: "apForm",
+      ref: f
+    }, o(le)(t, ["collapse", "defaultCollapse", "onUpdate:collapse", "searchText", "resetText", "onSubmit", "onReset", "extraInAction", "forceExpand", "countPerRow"])), {
+      default: E(() => [a(ce, {
+        "count-per-row": t.countPerRow
+      }, {
+        default: E(() => [(k(), A(te(U.value)))]),
+        _: 1
+      }, 8, ["count-per-row"])]),
+      _: 1
+    }, 16, ["class"]));
+  }
+});
+export {
+  Pe as default
+};

package/es/src/ap-form/search-form/index.vue2.mjs

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

package/es/src/ap-form/style/ap-form-item.css

@@ -0,0 +1,50 @@
+.aplus-ap-form-item--bordered {
+  box-sizing: border-box;
+  border: 1px solid #dee4ed;
+  border-radius: 4px;
+  padding-inline: 12px;
+}
+.aplus-ap-form-item--bordered .ant-input-affix-wrapper {
+  padding: 0;
+}
+.aplus-ap-form-item--bordered .ant-input {
+  padding: 0;
+}
+.aplus-ap-form-item--bordered .ant-input-number-input {
+  padding: 0;
+}
+.aplus-ap-form-item--bordered .ant-picker {
+  padding: 0;
+}
+.aplus-ap-form-item--bordered .ant-select-selector {
+  border-width: 0 !important;
+  height: 30px !important;
+}
+.aplus-ap-form-item--bordered .ant-select-arrow,
+.aplus-ap-form-item--bordered .ant-picker-clear {
+  inset-inline-end: 0;
+}
+.aplus-ap-form-item--bordered .ant-select-clear {
+  margin-right: -11px;
+}
+.aplus-ap-form-item--bordered .ant-form-item-label > label {
+  padding-right: 16px;
+  height: 30px;
+}
+.aplus-ap-form-item--bordered .ant-form-item-label > label::after {
+  margin: 0;
+}
+.aplus-ap-form-item--bordered .ant-form-item-control-input {
+  min-height: 30px;
+}
+.aplus-ap-form-item--bordered:hover {
+  border-color: #66a9ff;
+}
+.aplus-ap-form-item--bordered:focus {
+  border-color: #66a9ff;
+  box-shadow: 0 0 0 2px rgba(5, 155, 255, 0.1);
+}
+.aplus-ap-form-item--focused {
+  border-color: #66a9ff;
+  box-shadow: 0 0 0 2px rgba(5, 155, 255, 0.1);
+}

package/es/src/ap-form/style/modal-form.css

@@ -0,0 +1,17 @@
+.aplus-ap-form-modal-form .ant-modal-content {
+  padding: 0;
+}
+.aplus-ap-form-modal-form .ant-modal-header {
+  padding: 15px 20px;
+  border-bottom: 1px solid #E9EDF3;
+  margin-bottom: 0;
+}
+.aplus-ap-form-modal-form .ant-modal-body {
+  padding: 20px;
+}
+.aplus-ap-form-modal-form__footer {
+  padding-top: 20px;
+}
+.aplus-ap-form-modal-form .ant-modal-close {
+  top: 16px;
+}

package/es/src/ap-form/style/search-form.css

@@ -0,0 +1,3 @@
+.aplus-ap-form-search-form .ant-form-item {
+  margin-bottom: 16px;
+}

package/es/src/ap-layout/ap-info-layout/ap-info-layout.vue.d.ts

@@ -0,0 +1,42 @@
+import { APInfoLayoutProps } from '../interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<APInfoLayoutProps>, {
+    toEl: string;
+    telDisabled: boolean;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<APInfoLayoutProps>, {
+    toEl: string;
+    telDisabled: boolean;
+}>>>, {
+    toEl: string | HTMLElement;
+    telDisabled: boolean;
+}, {}>, {
+    header?(_: {}): any;
+    title?(_: {}): any;
+    actions?(_: {}): any;
+    divider?(_: {}): any;
+    content?(_: {}): 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/ap-layout/ap-info-layout/ap-info-layout.vue.mjs

@@ -0,0 +1,62 @@
+import { defineComponent as C, computed as t, openBlock as l, createElementBlock as h, normalizeClass as a, createBlock as b, Teleport as g, renderSlot as n, createElementVNode as o, createVNode as $, unref as y } from "vue";
+import { Divider as B } from "ant-design-vue";
+import "../style/ap-info-layout.css";
+import "../../config-provider/index.mjs";
+import { useNamespace as D } from "../../config-provider/hooks/use-namespace.mjs";
+const z = /* @__PURE__ */ C({
+  name: "ApInfoLayout",
+  __name: "ap-info-layout",
+  props: {
+    toEl: { default: "#microapp-fixed-header" },
+    telDisabled: { type: Boolean, default: !1 }
+  },
+  setup(E) {
+    const { b: s, be: d, bem: r } = D("info-layout"), i = t(() => [s("container")]), c = t(() => [s("header")]), u = t(() => [s("divider")]), p = t(() => [s("contant")]), m = t(() => [d("header", "contant")]), v = t(() => [r("header", "contant", "title")]), f = t(() => [r("header", "contant", "actions")]);
+    return (e, H) => (l(), h("div", {
+      class: a(i.value)
+    }, [
+      (l(), b(g, {
+        to: e.toEl,
+        disabled: e.telDisabled
+      }, [
+        n(e.$slots, "header"),
+        o("div", {
+          class: a(`${c.value}`)
+        }, [
+          o("div", {
+            class: a(m.value)
+          }, [
+            o("div", {
+              class: a(v.value)
+            }, [
+              n(e.$slots, "title")
+            ], 2),
+            o("div", {
+              class: a(f.value)
+            }, [
+              n(e.$slots, "actions")
+            ], 2)
+          ], 2)
+        ], 2)
+      ], 8, ["to", "disabled"])),
+      o("div", {
+        class: a(u.value)
+      }, [
+        n(e.$slots, "divider", {}, () => [
+          $(y(B), {
+            class: "ap-info-layout-divider",
+            dashed: ""
+          })
+        ])
+      ], 2),
+      o("div", {
+        class: a(p.value)
+      }, [
+        n(e.$slots, "content")
+      ], 2)
+    ], 2));
+  }
+});
+export {
+  z as default
+};

package/es/src/ap-layout/ap-info-layout/ap-info-layout.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./ap-info-layout.vue.mjs";
+export {
+  f as default
+};

package/es/src/ap-layout/index.d.ts

@@ -0,0 +1,3 @@
+import { default as ApInfoLayout } from './ap-info-layout/ap-info-layout.vue';
+
+export { ApInfoLayout };

package/es/src/ap-layout/index.mjs

@@ -0,0 +1 @@
+import "./ap-info-layout/ap-info-layout.vue2.mjs";

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

@@ -0,0 +1,4 @@
+export interface APInfoLayoutProps {
+    toEl?: string | HTMLElement;
+    telDisabled?: boolean;
+}

package/es/src/ap-layout/style/ap-info-layout.css

@@ -0,0 +1,19 @@
+.aplus-info-layout-container {
+  height: 100%;
+  background-color: #fff;
+  border-radius: 4px;
+}
+.aplus-info-layout-header__contant {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.aplus-info-layout-header__contant--title {
+  display: inline-block;
+}
+.aplus-info-layout-header__contant--actions {
+  display: inline-block;
+}
+.aplus-info-layout-contant {
+  border-bottom-color: #fff;
+}

package/es/src/ap-tag/ap-tag-group.vue.d.ts

@@ -0,0 +1,34 @@
+import { ApTagGroupProps, ApTagProps } from './interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+
+declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApTagGroupProps>, {
+    list: () => ApTagProps[];
+    space: number;
+    ellipsisColor: string;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApTagGroupProps>, {
+    list: () => ApTagProps[];
+    space: number;
+    ellipsisColor: string;
+}>>>, {
+    space: number;
+    list: ApTagProps[];
+    ellipsisColor: 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/ap-tag/ap-tag-group.vue.mjs

@@ -0,0 +1,137 @@
+import { createElementVNode as e, defineComponent as z, ref as p, computed as m, unref as l, nextTick as g, watch as L, onMounted as W, onUnmounted as b, openBlock as f, createBlock as v, withCtx as y, normalizeClass as F, normalizeStyle as w, createElementBlock as N, Fragment as T, renderList as q, mergeProps as A, createCommentVNode as M } from "vue";
+import { Tooltip as P } from "ant-design-vue";
+import V from "@ant-design/icons-vue";
+import "./ap-tag.vue2.mjs";
+import "../config-provider/index.mjs";
+import "./style/ap-tag-group.css";
+import { useNamespace as $ } from "../config-provider/hooks/use-namespace.mjs";
+import j from "./ap-tag.vue.mjs";
+const I = /* @__PURE__ */ e("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  "xmlns:xlink": "http://www.w3.org/1999/xlink",
+  fill: "none",
+  version: "1.1",
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16"
+}, [
+  /* @__PURE__ */ e("defs", null, [
+    /* @__PURE__ */ e("clipPath", { id: "master_svg0_1133_24991" }, [
+      /* @__PURE__ */ e("rect", {
+        x: "0",
+        y: "0",
+        width: "16",
+        height: "16",
+        rx: "0"
+      })
+    ])
+  ]),
+  /* @__PURE__ */ e("g", { "clip-path": "url(#master_svg0_1133_24991)" }, [
+    /* @__PURE__ */ e("g", null, [
+      /* @__PURE__ */ e("ellipse", {
+        cx: "8",
+        cy: "8",
+        rx: "1",
+        ry: "1",
+        fill: "currentColor",
+        "fill-opacity": "1"
+      })
+    ]),
+    /* @__PURE__ */ e("g", null, [
+      /* @__PURE__ */ e("ellipse", {
+        cx: "3.25",
+        cy: "8",
+        rx: "1",
+        ry: "1",
+        fill: "currentColor",
+        "fill-opacity": "1"
+      })
+    ]),
+    /* @__PURE__ */ e("g", null, [
+      /* @__PURE__ */ e("ellipse", {
+        cx: "12.75",
+        cy: "8",
+        rx: "1",
+        ry: "1",
+        fill: "currentColor",
+        "fill-opacity": "1"
+      })
+    ])
+  ])
+], -1), O = /* @__PURE__ */ z({
+  __name: "ap-tag-group",
+  props: {
+    list: { default: () => [] },
+    space: { default: 4 },
+    ellipsisColor: { default: "#34B77C" }
+  },
+  setup(_) {
+    const r = _, { b: x } = $("tag-group"), a = p(), h = m(() => l(o) < r.list.length), C = m(() => r.list.slice(0, l(o))), o = p(0), c = p(0), u = p(r.list.length), k = m(() => r.list.map((t) => t.text).join("、")), B = m(() => [x()].filter(Boolean)), i = () => {
+      if (!a.value)
+        return;
+      const t = a.value.scrollWidth, n = a.value.clientWidth;
+      if (l(c) <= l(u)) {
+        const s = Math.floor((l(c) + l(u)) / 2);
+        t <= n ? (o.value = s, c.value = s + 1) : u.value = s - 1, g(() => {
+          requestAnimationFrame(i);
+        });
+      } else
+        t > n && (o.value = o.value - 1, g(() => {
+          requestAnimationFrame(i);
+        }));
+    }, d = () => {
+      c.value = 0, u.value = r.list.length, o.value = 0;
+    };
+    return L(
+      () => r.list,
+      (t, n) => {
+        t !== n && (d(), g(() => i()));
+      },
+      {
+        immediate: !0
+      }
+    ), W(() => {
+      window.addEventListener("resize", () => {
+        d(), i();
+      });
+    }), b(() => {
+      window.removeEventListener("resize", () => {
+        d(), i();
+      });
+    }), (t, n) => (f(), v(l(P), {
+      title: k.value,
+      trigger: "hover"
+    }, {
+      default: y(() => [
+        e("div", {
+          class: F(B.value),
+          ref_key: "container",
+          ref: a,
+          style: w({
+            pointerEvents: h.value ? "auto" : "none"
+          })
+        }, [
+          (f(!0), N(T, null, q(C.value, (s, E) => (f(), v(j, A({ ref_for: !0 }, s, {
+            key: E,
+            style: {
+              marginRight: `${t.space}px`
+            }
+          }), null, 16, ["style"]))), 128)),
+          h.value ? (f(), v(l(V), {
+            key: 0,
+            style: w({ color: t.ellipsisColor })
+          }, {
+            component: y(() => [
+              I
+            ]),
+            _: 1
+          }, 8, ["style"])) : M("", !0)
+        ], 6)
+      ]),
+      _: 1
+    }, 8, ["title"]));
+  }
+});
+export {
+  O as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./ap-tag-group.vue.mjs";
+export {
+  f as default
+};

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

@@ -0,0 +1,34 @@
+import { ApTagProps } from './interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+
+declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApTagProps>, {
+    size: string;
+    color: string;
+    disabled: boolean;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApTagProps>, {
+    size: string;
+    color: string;
+    disabled: boolean;
+}>>>, {
+    color: string;
+    disabled: boolean;
+    size: "small" | "middle" | "large";
+}, {}>;
+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/ap-tag/ap-tag.vue.mjs

@@ -0,0 +1,41 @@
+import { defineComponent as $, computed as r, openBlock as b, createElementBlock as w, normalizeStyle as y, normalizeClass as p, createElementVNode as z, toDisplayString as B } from "vue";
+import "../config-provider/index.mjs";
+import "./style/ap-tag.css";
+import { useGlobalConfig as _ } from "../config-provider/hooks/use-global-config.mjs";
+import { useNamespace as v } from "../config-provider/hooks/use-namespace.mjs";
+const N = /* @__PURE__ */ $({
+  name: "ApTag",
+  __name: "ap-tag",
+  props: {
+    text: {},
+    color: { default: "#34B77C" },
+    size: { default: "middle" },
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(i) {
+    const e = i, o = _("uiMode"), { b: n, bm: a } = v("tag");
+    function l(t, s) {
+      t.length === 4 && (t = `#${t[1]}${t[1]}${t[2]}${t[2]}${t[3]}${t[3]}`);
+      const m = parseInt(t.slice(1, 3), 16), f = parseInt(t.slice(3, 5), 16), g = parseInt(t.slice(5, 7), 16), S = Math.round(s * 255).toString(16).padStart(2, "0");
+      return `#${m.toString(16).padStart(2, "0")}${f.toString(16).padStart(2, "0")}${g.toString(16).padStart(2, "0")}${S}`;
+    }
+    const c = r(() => ({
+      "--tag-main-color": e.color,
+      "--tag-main-color-opacity": l(e.color, 0.06)
+    })), d = r(() => [n("wrapper"), a("wrapper", e.size)].filter(Boolean)), u = r(() => {
+      const t = [n("inner-wrapper"), a("inner-wrapper", e.size)];
+      return e.disabled && (o.value === "aplus" ? t.push(a("inner-wrapper", "disabled")) : t.push(a("inner-wrapper", "disabled-admin"))), t;
+    });
+    return (t, s) => (b(), w("span", {
+      style: y(c.value),
+      class: p(d.value)
+    }, [
+      z("span", {
+        class: p(u.value)
+      }, B(t.text), 3)
+    ], 6));
+  }
+});
+export {
+  N as default
+};

package/es/src/ap-tag/ap-tag.vue2.mjs

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