@aplus-frontend/ui 6.18.0 → 6.19.1

package/es/src/ap-table/constants.d.ts

@@ -3,15 +3,15 @@ import { ApTableValueFields } from './interface';
 import { CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentInternalInstance, ExtractPropTypes, PropType, Slot, ComponentPublicInstance, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, CSSProperties, VNode, RendererNode, RendererElement, DefineComponent } from 'vue';
 import { ApFormItemDateProps, ApFormItemDateRangeProps, ApFormItemNumberProps, ApFormItemRadioProps, ApFormItemSelectProps, ApFormItemSwitchProps, ApFormItemTextProps, ApFormItemTextAreaProps, ApFormItemCheckboxProps, ApFormItemTextPasswordProps, ApFormItemTreeSelectProps } from '../ap-form/items/interface';
 import { ApFieldDateProps, ApFormItemSlots, ApFieldDateRangeProps, ApFieldNumberProps, FieldMode, ApFieldRadioProps, ApFieldSelectProps, ApFieldSwitchProps, ApFieldTextProps, ApFormItemTextPassword, ApFieldTextAreaProps, ApFieldCheckboxProps, ApFieldTextPasswordProps, ApFieldTreeSelectProps, ApActionGroupProps, GroupActionTypes } from '..';
-import { ButtonSize, SizeType } from '@aplus-frontend/antdv/es/button';
 import { ValueType } from '@aplus-frontend/antdv/es/input-number/src/utils/MiniDecimal';
 import { KeyboardEventHandler, FocusEventHandler, ChangeEventHandler, CompositionEventHandler, MouseEventHandler } from '@aplus-frontend/antdv/es/_util/EventInterface';
+import { ButtonSize, SizeType } from '@aplus-frontend/antdv/es/button';
 import { VueTypeValidableDef } from '../../node_modules/vue-types';
 import { VueNode, CustomSlotsType } from '@aplus-frontend/antdv/es/_util/type';
 import { OnCleanup } from '@vue/reactivity';
 import { RadioGroupChildOption } from '@aplus-frontend/antdv/es/radio/Group';
 import { RadioGroupButtonStyle, RadioGroupOptionType } from '@aplus-frontend/antdv/es/radio/interface';
-import { RadioChangeEvent, TreeSelectProps, CheckboxOptionType } from '@aplus-frontend/antdv';
+import { RadioChangeEvent, SelectProps, TreeSelectProps, CheckboxOptionType } from '@aplus-frontend/antdv';
 import { SelectValue, DefaultOptionType, LabeledValue, BaseOptionType } from '@aplus-frontend/antdv/es/select';
 import { SelectHandler, FieldNames, FilterFunc } from '@aplus-frontend/antdv/es/vc-select/Select';
 import { RenderDOMFunc, DropdownRender, CustomTagProps, DisplayValueType } from '@aplus-frontend/antdv/es/vc-select/BaseSelect';
@@ -178,7 +178,7 @@ export declare const apTableFormItemMap: {
                     readonly mode?: FieldMode | undefined;
                     readonly class?: unknown;
                     readonly style?: unknown;
-                    readonly size?: ButtonSize;
+                    readonly size?: "small" | "large" | "middle" | undefined;
                     readonly step?: ValueType | undefined;
                     readonly onBlur?: ((e: FocusEvent) => void) | undefined;
                     readonly onChange?: ((value: ValueType) => void) | undefined;
@@ -877,7 +877,7 @@ export declare const apTableFormItemMap: {
                     readonly mode?: FieldMode | undefined;
                     readonly class?: unknown;
                     readonly style?: unknown;
-                    readonly size?: ButtonSize;
+                    readonly size?: "small" | "large" | "middle" | undefined;
                     readonly onBlur?: ((e: FocusEvent) => void) | undefined;
                     readonly onChange?: ((value: SelectValue, option: DefaultOptionType | DefaultOptionType[]) => void) | undefined;
                     readonly onClick?: ((e: MouseEvent) => void) | undefined;
@@ -902,7 +902,7 @@ export declare const apTableFormItemMap: {
                     readonly getPopupContainer?: RenderDOMFunc | undefined;
                     readonly virtual?: boolean | undefined;
                     readonly dropdownMatchSelectWidth?: number | boolean | undefined;
-                    readonly defaultValue?: SelectValue;
+                    readonly defaultValue?: (string | number) | LabeledValue | (string | number)[] | LabeledValue[] | undefined;
                     readonly id?: string | undefined;
                     readonly placeholder?: any;
                     readonly status?: "" | "error" | "warning" | undefined;
@@ -950,14 +950,14 @@ export declare const apTableFormItemMap: {
                     readonly onClickOption?: ((e: MouseEvent, value: SelectValue, selected: boolean) => boolean | Promise<boolean>) | undefined;
                     readonly labelInValue?: boolean | undefined;
                     readonly emptyText?: string | undefined;
-                    readonly request?: ((value?: string, extraParams?: Recordable) => Promise< DefaultOptionType[] | undefined>) | undefined;
+                    readonly request?: ((value?: string, extraParams?: Recordable) => Promise< SelectProps["options"]>) | undefined;
                     readonly multiple?: boolean | undefined;
-                    readonly value?: SelectValue;
+                    readonly value?: SelectProps["value"];
                     readonly 'onUpdate:value'?: (((val: SelectValue) => void) & ((...args: any[]) => any)) | undefined;
-                    readonly searchMode?: "filter" | "request" | undefined;
+                    readonly searchMode?: ("filter" | "request") | undefined;
                     readonly refetchOnFocus?: boolean | undefined;
                     readonly lazy?: boolean | undefined;
-                    readonly addAll?: boolean | number | undefined;
+                    readonly addAll?: (boolean | number) | undefined;
                     readonly params?: Recordable | undefined;
                     readonly searchDelay?: number | undefined;
                 } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
@@ -2442,7 +2442,7 @@ export declare const apTableFormItemMap: {
                     readonly mode?: FieldMode | undefined;
                     readonly class?: unknown;
                     readonly style?: unknown;
-                    readonly size?: ButtonSize;
+                    readonly size?: "small" | "large" | "middle" | undefined;
                     readonly onBlur?: ((e: FocusEvent) => void) | undefined;
                     readonly onChange?: ((value: unknown, labelList: any[], extra: ChangeEventExtra) => void) | undefined;
                     readonly onClick?: ((e: MouseEvent) => void) | undefined;

package/es/src/ap-table/constants.mjs

@@ -3,57 +3,57 @@ import "../ap-field/index.mjs";
 import "../ap-form/index.mjs";
 import "./components/index/index.vue.mjs";
 import "./components/status/index.vue.mjs";
-import o from "../ap-form/items/tree-select/index.vue.mjs";
-import { ApFormItemText as m } from "../ap-form/items/text/index.mjs";
-import r from "../ap-form/items/checkbox/index.vue.mjs";
-import t from "../ap-form/items/text-area/index.vue.mjs";
-import i from "../ap-form/items/switch/index.vue.mjs";
+import o from "../ap-form/items/date/index.vue.mjs";
+import r from "../ap-form/items/date-range/index.vue.mjs";
+import t from "../ap-form/items/number/index.vue.mjs";
+import i from "../ap-form/items/radio/index.vue.mjs";
 import f from "../ap-form/items/select/index.vue.mjs";
-import a from "../ap-form/items/radio/index.vue.mjs";
-import e from "../ap-form/items/number/index.vue.mjs";
-import _ from "../ap-form/items/date-range/index.vue.mjs";
-import s from "../ap-form/items/date/index.vue.mjs";
-import c from "../ap-field/tree-select/index.vue.mjs";
-import p from "../ap-field/text/password.vue.mjs";
-import n from "./components/status/index.vue2.mjs";
-import $ from "./components/index/index.vue2.mjs";
-import d from "../ap-action/group/index.vue.mjs";
-import x from "../ap-field/checkbox/index.vue.mjs";
-import l from "../ap-field/text-area/index.vue.mjs";
-import { ApFieldText as b } from "../ap-field/text/index.mjs";
-import h from "../ap-field/switch/index.vue.mjs";
-import w from "../ap-field/select/index.vue.mjs";
-import A from "../ap-field/radio/index.vue.mjs";
-import u from "../ap-field/number/index.vue.mjs";
-import F from "../ap-field/date-range/index.vue.mjs";
-import I from "../ap-field/date/index.vue.mjs";
+import a from "../ap-form/items/switch/index.vue.mjs";
+import { ApFormItemText as m } from "../ap-form/items/text/index.mjs";
+import e from "../ap-form/items/text-area/index.vue.mjs";
+import _ from "../ap-form/items/checkbox/index.vue.mjs";
+import s from "../ap-form/items/tree-select/index.vue.mjs";
+import c from "../ap-field/date/index.vue.mjs";
+import p from "../ap-field/date-range/index.vue.mjs";
+import n from "../ap-field/number/index.vue.mjs";
+import $ from "../ap-field/radio/index.vue.mjs";
+import d from "../ap-field/select/index.vue.mjs";
+import x from "../ap-field/switch/index.vue.mjs";
+import { ApFieldText as l } from "../ap-field/text/index.mjs";
+import b from "../ap-field/text-area/index.vue.mjs";
+import h from "../ap-field/checkbox/index.vue.mjs";
+import w from "../ap-action/group/index.vue.mjs";
+import A from "./components/index/index.vue2.mjs";
+import u from "./components/status/index.vue2.mjs";
+import F from "../ap-field/text/password.vue.mjs";
+import I from "../ap-field/tree-select/index.vue.mjs";
 const Z = {
-  date: s,
-  dateRange: _,
-  number: e,
-  radio: a,
+  date: o,
+  dateRange: r,
+  number: t,
+  radio: i,
   select: f,
-  switch: i,
+  switch: a,
   text: m,
-  textArea: t,
-  checkbox: r,
+  textArea: e,
+  checkbox: _,
   password: m.Password,
-  treeSelect: o
+  treeSelect: s
 }, mm = {
-  date: I,
-  dateRange: F,
-  number: u,
-  radio: A,
-  select: w,
-  switch: h,
-  text: b,
-  textArea: l,
-  checkbox: x,
-  action: d,
-  index: $,
-  status: n,
-  password: p,
-  treeSelect: c
+  date: c,
+  dateRange: p,
+  number: n,
+  radio: $,
+  select: d,
+  switch: x,
+  text: l,
+  textArea: b,
+  checkbox: h,
+  action: w,
+  index: A,
+  status: u,
+  password: F,
+  treeSelect: I
 }, om = [
   "action",
   "index"

package/es/src/ap-table/hooks/use-table-column-state.d.ts

@@ -4,18 +4,18 @@ export declare const useTableColumnState: (columnSetting: ApTableSettingType, pe
     columnState: Ref<{
         key: string | number;
         show?: boolean | undefined;
-        fixed?: "left" | "right" | undefined;
+        fixed?: ("left" | "right") | undefined;
         disabled?: boolean | undefined;
         label?: any;
-        children?: /*elided*/ any[] | undefined;
+        children?: any[] | undefined;
         order?: number | undefined;
     }[], ApColumnState[] | {
         key: string | number;
         show?: boolean | undefined;
-        fixed?: "left" | "right" | undefined;
+        fixed?: ("left" | "right") | undefined;
         disabled?: boolean | undefined;
         label?: any;
-        children?: /*elided*/ any[] | undefined;
+        children?: any[] | undefined;
         order?: number | undefined;
     }[]>;
     selectAll: () => void;

package/es/src/ap-table/hooks/use-table-column-state.mjs

@@ -2,7 +2,7 @@ import { ref as P, shallowRef as W, unref as i, computed as X, watchEffect as q
 import { isDef as H } from "../../utils/index.mjs";
 import L, { customCloneColumnStates as T, getColumnStateString as Q } from "../components/setting/utils.mjs";
 import { useInjectApTable as U } from "../context.mjs";
-import { isObject as N, mergeWith as F, isBoolean as V, omit as Y, isString as Z, isNumber as B } from "lodash-unified";
+import { isObject as N, mergeWith as F, isBoolean as V, isString as Y, omit as Z, isNumber as B } from "lodash-unified";
 import "../../config-provider/index.mjs";
 import { useToken as $ } from "@aplus-frontend/antdv/es/theme/internal";
 import { getTableTitle as K } from "../utils.mjs";
@@ -46,7 +46,7 @@ const he = (r, o, n) => {
         var y, A;
         const b = (m == null ? void 0 : m[f.key]) || {}, g = {
           key: f.key,
-          label: Z(f.title) ? K(
+          label: Y(f.title) ? K(
             f,
             a("table-header", "title"),
             void 0,
@@ -60,7 +60,7 @@ const he = (r, o, n) => {
             G
           ),
           disabled: !1,
-          ...Y(b, ["children", "fixed"])
+          ...Z(b, ["children", "fixed"])
         };
         return g.children = (A = f.children) != null && A.length ? d(
           f.children,

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

@@ -1,14 +1,17 @@
-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 { defineComponent as G, ref as C, computed as n, unref as f, watch as L, nextTick as A, onMounted as F, onUnmounted as I, openBlock as a, createBlock as d, mergeProps as b, withCtx as g, renderSlot as U, createTextVNode as q, toDisplayString as w, createElementVNode as t, normalizeClass as k, normalizeStyle as _, createElementBlock as W, Fragment as H, renderList as J, createCommentVNode as K } from "vue";
+import { Tooltip as O } from "@aplus-frontend/antdv";
+import Q from "@ant-design/icons-vue";
 import "./ap-tag.vue2.mjs";
 import "../config-provider/index.mjs";
-import { omit as J } from "lodash-unified";
-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 ce = /* @__PURE__ */ D({
+import { omit as X } from "lodash-unified";
+import { getTextWidth as T } from "./utils.mjs";
+import "../hooks/index.mjs";
+import { useLocale as Y } from "../config-provider/hooks/use-locale.mjs";
+import { useGlobalConfig as Z } from "../config-provider/hooks/use-global-config.mjs";
+import { useNamespace as ee } from "../config-provider/hooks/use-namespace.mjs";
+import { useResize as te } from "../hooks/useResize.mjs";
+import le from "./ap-tag.vue.mjs";
+const ve = /* @__PURE__ */ G({
   __name: "ap-tag-group",
   props: {
     list: { default: () => [] },
@@ -17,98 +20,90 @@ const ce = /* @__PURE__ */ D({
     ellipsis: { default: () => ({}) }
   },
   setup(z) {
-    const { t: V } = K(), i = z, v = O("uiMode"), { b: $, bm: h } = Q("tag-group"), c = b(), r = n(() => ({
+    const { t: V } = Y(), o = z, v = Z("uiMode"), { b: B, bm: y } = ee("tag-group"), s = C(), { observe: E, unobserve: $ } = te(), i = n(() => ({
       ...{
         iconColor: v.value === "aplus" ? "#182948" : "#333",
         symbol: "icon",
         text: V("ap.common.more")
       },
-      ...i.ellipsis
-    })), 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`;
-      const a = l.measureText(t);
-      return setTimeout(() => {
-        s = null;
-      }, 0), a.width;
-    }, x = () => {
-      let e = 0, t = 0;
-      if (!c.value) return;
-      const s = c.value.offsetWidth;
-      for (let l of i.list) {
-        const a = l.size === "large" ? 16 : 12, C = y(
-          l.size === "large" ? 14 : 12,
-          l.text
-        ) + a + 2 + i.space;
-        if (e += C, e > s) {
-          e -= C;
+      ...o.ellipsis
+    })), M = n(() => i.value.tooltip && typeof i.value.tooltip == "object" ? X(i.value.tooltip, ["trigger", "title"]) : {}), p = n(() => f(c) < o.list.length), c = C(0), P = n(() => o.list.map((e) => e.text).join("、")), D = n(() => [B()].filter(Boolean)), N = n(() => v.value === "aplus" ? [y("ellipsis-text", "aplus")] : [y("ellipsis-text", "admin")]), h = () => {
+      let e = 0, l = 0;
+      if (!s.value) return;
+      const u = s.value.offsetWidth;
+      for (let r of o.list) {
+        const m = r.size === "small" ? 8 : 12, S = T(
+          r.size === "large" ? 14 : 12,
+          r.text
+        ), j = r.type === "border" ? 2 : 0, x = S + m + j + o.space;
+        if (e += x, e > u) {
+          e -= x;
           break;
         }
-        t++;
+        l++;
       }
-      if (t < i.list.length) {
-        const a = y(12, r.value.text);
-        i.ellipsis.symbol === "icon" ? e += 16 : e += a, e > s && t--;
+      if (l < o.list.length) {
+        const m = T(12, i.value.text);
+        o.ellipsis.symbol === "icon" ? e += 16 : e += m, e > u && l--;
       }
-      m.value = t;
+      c.value = l;
     };
-    N(
-      () => i.list,
-      (e, t) => {
-        e !== t && S(() => {
-          x();
+    L(
+      () => o.list,
+      (e, l) => {
+        e !== l && A(() => {
+          h();
         });
       },
       {
         immediate: !0
       }
     );
-    const w = () => {
-      x();
+    const R = () => {
+      h();
     };
-    return j(() => {
+    return F(() => {
       [["ellipsisColor", "ellipse.color"]].forEach(
-        ([e, t]) => {
-          i[e] && console.error(
-            `[ApTagGroup]: \`${e}\` is deprecated, please use \`${t}\` instead.`
+        ([e, l]) => {
+          o[e] && console.error(
+            `[ApTagGroup]: \`${e}\` is deprecated, please use \`${l}\` instead.`
           );
         }
-      ), window.addEventListener("resize", w);
-    }), G(() => {
-      window.removeEventListener("resize", w);
-    }), (e, t) => (u(), d(f(q), k({ trigger: "hover" }, B.value), {
+      ), s.value && E(s.value, R);
+    }), I(() => {
+      s.value && $(s.value);
+    }), (e, l) => (a(), d(f(O), b({ trigger: "hover" }, M.value), {
       title: g(() => [
-        I(e.$slots, "tooltip", { tags: e.list }, () => [
-          U(E(L.value), 1)
+        U(e.$slots, "tooltip", { tags: e.list }, () => [
+          q(w(P.value), 1)
         ])
       ]),
       default: g(() => [
-        o("div", {
+        t("div", {
           ref_key: "container",
-          ref: c,
-          class: _(M.value),
-          style: W({
+          ref: s,
+          class: k(D.value),
+          style: _({
             pointerEvents: p.value ? "auto" : "none"
             // opacity: isUpdating ? '0' : '1'
           })
         }, [
-          (u(!0), T(A, null, F(e.list, (s, l) => (u(), d(X, k({ ref_for: !0 }, s, {
-            key: l,
+          (a(!0), W(H, null, J(e.list, (u, r) => (a(), d(le, b({ ref_for: !0 }, u, {
+            key: r,
             style: {
-              display: l >= m.value ? "none" : "inline-block",
+              display: r >= c.value ? "none" : "inline-block",
               marginRight: `${e.space}px`
             }
           }), null, 16, ["style"]))), 128)),
-          p.value && r.value.symbol === "icon" ? (u(), d(f(H), {
+          p.value && i.value.symbol === "icon" ? (a(), d(f(Q), {
             key: 0,
-            style: W({
-              color: e.ellipsisColor || r.value.iconColor,
+            style: _({
+              color: e.ellipsisColor || i.value.iconColor,
               cursor: "pointer"
             })
           }, {
-            component: g(() => t[0] || (t[0] = [
-              o("svg", {
+            component: g(() => l[0] || (l[0] = [
+              t("svg", {
                 xmlns: "http://www.w3.org/2000/svg",
                 "xmlns:xlink": "http://www.w3.org/1999/xlink",
                 fill: "none",
@@ -117,9 +112,9 @@ const ce = /* @__PURE__ */ D({
                 height: "16",
                 viewBox: "0 0 16 16"
               }, [
-                o("defs", null, [
-                  o("clipPath", { id: "master_svg0_1133_24991" }, [
-                    o("rect", {
+                t("defs", null, [
+                  t("clipPath", { id: "master_svg0_1133_24991" }, [
+                    t("rect", {
                       x: "0",
                       y: "0",
                       width: "16",
@@ -128,9 +123,9 @@ const ce = /* @__PURE__ */ D({
                     })
                   ])
                 ]),
-                o("g", { "clip-path": "url(#master_svg0_1133_24991)" }, [
-                  o("g", null, [
-                    o("ellipse", {
+                t("g", { "clip-path": "url(#master_svg0_1133_24991)" }, [
+                  t("g", null, [
+                    t("ellipse", {
                       cx: "8",
                       cy: "8",
                       rx: "1",
@@ -139,8 +134,8 @@ const ce = /* @__PURE__ */ D({
                       "fill-opacity": "1"
                     })
                   ]),
-                  o("g", null, [
-                    o("ellipse", {
+                  t("g", null, [
+                    t("ellipse", {
                       cx: "3.25",
                       cy: "8",
                       rx: "1",
@@ -149,8 +144,8 @@ const ce = /* @__PURE__ */ D({
                       "fill-opacity": "1"
                     })
                   ]),
-                  o("g", null, [
-                    o("ellipse", {
+                  t("g", null, [
+                    t("ellipse", {
                       cx: "12.75",
                       cy: "8",
                       rx: "1",
@@ -163,11 +158,11 @@ const ce = /* @__PURE__ */ D({
               ], -1)
             ])),
             _: 1
-          }, 8, ["style"])) : p.value && r.value.symbol === "text" ? (u(), T("span", {
+          }, 8, ["style"])) : p.value && i.value.symbol === "text" ? (a(), W("span", {
             key: 1,
-            class: _(P.value),
+            class: k(N.value),
             style: { cursor: "pointer" }
-          }, E(r.value.text), 3)) : R("", !0)
+          }, w(i.value.text), 3)) : K("", !0)
         ], 6)
       ]),
       _: 3
@@ -175,5 +170,5 @@ const ce = /* @__PURE__ */ D({
   }
 });
 export {
-  ce as default
+  ve as default
 };

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

@@ -5,5 +5,6 @@ declare const _default: DefineComponent<ApTagProps, {}, {}, {}, {}, ComponentOpt
     type: "purely" | "border";
     color: string;
     disabled: boolean;
+    fixedWidth: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLSpanElement>;
 export default _default;

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

@@ -1,9 +1,8 @@
-import { defineComponent as $, computed as n, createElementBlock as S, openBlock as b, normalizeClass as i, normalizeStyle as w, createVNode as z, unref as B } from "vue";
+import { defineComponent as S, computed as n, openBlock as $, createElementBlock as b, normalizeStyle as w, normalizeClass as i, createElementVNode as B, toDisplayString as _ } from "vue";
 import "../config-provider/index.mjs";
-import { TypographyText as v } from "@aplus-frontend/antdv";
-import { useGlobalConfig as I } from "../config-provider/hooks/use-global-config.mjs";
-import { useNamespace as _ } from "../config-provider/hooks/use-namespace.mjs";
-const A = /* @__PURE__ */ $({
+import { useGlobalConfig as z } from "../config-provider/hooks/use-global-config.mjs";
+import { useNamespace as v } from "../config-provider/hooks/use-namespace.mjs";
+const I = ["title"], N = /* @__PURE__ */ S({
   name: "ApTag",
   __name: "ap-tag",
   props: {
@@ -11,10 +10,11 @@ const A = /* @__PURE__ */ $({
     text: {},
     color: { default: "#34B77C" },
     size: { default: "middle" },
-    disabled: { type: Boolean, default: !1 }
+    disabled: { type: Boolean, default: !1 },
+    fixedWidth: { type: Boolean, default: !1 }
   },
   setup(o) {
-    const e = o, l = I("uiMode"), { b: r, bm: a } = _("tag");
+    const e = o, l = z("uiMode"), { b: r, bm: a } = v("tag");
     function p(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), y = Math.round(s * 255).toString(16).padStart(2, "0");
@@ -24,26 +24,25 @@ const A = /* @__PURE__ */ $({
       "--tag-main-color": e.color,
       "--tag-main-color-opacity": p(e.color, 0.06),
       "--tag-main-color-background": p(e.color, 0.15)
-    })), u = n(() => [
+    })), d = n(() => [
       r("wrapper"),
       r(`wrapper-${e.type}`),
       a("wrapper", e.size)
-    ].filter(Boolean)), d = n(() => {
+    ].filter(Boolean)), u = n(() => {
       const t = [r("inner-wrapper"), a("inner-wrapper", e.size)];
       return e.disabled && (l.value === "aplus" ? t.push(a("inner-wrapper", "disabled")) : t.push(a("inner-wrapper", "disabled-admin"))), t;
     });
-    return (t, s) => (b(), S("span", {
+    return (t, s) => ($(), b("span", {
       style: w(c.value),
-      class: i(u.value)
+      title: t.text,
+      class: i(d.value)
     }, [
-      z(B(v), {
-        class: i(d.value),
-        ellipsis: { tooltip: t.text },
-        content: t.text
-      }, null, 8, ["class", "ellipsis", "content"])
-    ], 6));
+      B("span", {
+        class: i(u.value)
+      }, _(t.text), 3)
+    ], 14, I));
   }
 });
 export {
-  A as default
+  N as default
 };

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

@@ -21,6 +21,12 @@ export interface ApTagProps {
      * @default false
      */
     disabled?: boolean;
+    /**
+     * 固定宽度为标签内容的宽度
+     * @description 主要用于标签组
+     * @default false
+     */
+    fixedWidth?: boolean;
 }
 export type EllipsisProps = {
     /**

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

@@ -0,0 +1 @@
+export declare const getTextWidth: (fontSize: number, text: string) => number;

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

@@ -0,0 +1,12 @@
+const o = (n, s) => {
+  let t = document.createElement("canvas");
+  const e = t.getContext("2d");
+  e.font = `${n}px system-ui`;
+  const c = e.measureText(s);
+  return setTimeout(() => {
+    t = null;
+  }, 0), c.width;
+};
+export {
+  o as getTextWidth
+};

package/es/src/ap-upload/apUpload.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as A, ref as g, computed as v, provide as t, createElementBlock as R, openBlock as y, normalizeClass as U, unref as $, createBlock as k, resolveDynamicComponent as T, mergeProps as B, createSlots as L, renderList as q, withCtx as P, renderSlot as V, normalizeProps as w, guardReactiveProps as D } from "vue";
+import { defineComponent as A, ref as g, computed as v, provide as t, openBlock as y, createElementBlock as R, normalizeClass as U, unref as $, createBlock as k, resolveDynamicComponent as T, mergeProps as B, createSlots as L, renderList as q, withCtx as P, renderSlot as V, normalizeProps as w, guardReactiveProps as D } from "vue";
 import "../config-provider/index.mjs";
 import "./components/SingleFile.vue.mjs";
 import "./components/MultipleFile.vue.mjs";
@@ -8,9 +8,9 @@ import { injectLocaleToOss as I } from "./hooks/useOss.mjs";
 import { Form as H } from "@aplus-frontend/antdv";
 import { useLocale as J } from "../config-provider/hooks/use-locale.mjs";
 import { useNamespace as K } from "../config-provider/hooks/use-namespace.mjs";
-import Q from "./components/Picture.vue2.mjs";
+import Q from "./components/SingleFile.vue2.mjs";
 import W from "./components/MultipleFile.vue2.mjs";
-import X from "./components/SingleFile.vue2.mjs";
+import X from "./components/Picture.vue2.mjs";
 import { useGlobalConfig as C } from "../config-provider/hooks/use-global-config.mjs";
 const pe = /* @__PURE__ */ A({
   name: "AplusFileUpload",
@@ -91,9 +91,9 @@ const pe = /* @__PURE__ */ A({
     const { t: u, lang: F } = J();
     G(u), I(u, F);
     const { b: M } = K("ap-upload"), n = g(null), e = S, N = x, _ = {
-      singleFile: X,
+      singleFile: Q,
       multipleFile: W,
-      picture: Q
+      picture: X
     }, s = H.useInjectFormItemContext(), E = v({
       get() {
         return e.value;

package/es/src/ap-upload/components/MultipleFile.vue.d.ts

@@ -1,6 +1,6 @@
 import { UploadFile, UploadChangeParam } from '@aplus-frontend/antdv';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, CreateComponentPublicInstanceWithMixins, ExtractPropTypes, PropType, GlobalComponents, GlobalDirectives } from 'vue';
-import { UploadType, UploadFile, FileType, HttpRequestHeader, ShowUploadListInterface, UploadListType, UploadLocale, UploadListProgressProps, ItemRender } from '@aplus-frontend/antdv/es/upload/interface';
+import { UploadType, UploadFile, FileType, HttpRequestHeader, ShowUploadListInterface, UploadChangeParam, UploadListType, UploadLocale, UploadListProgressProps, ItemRender } from '@aplus-frontend/antdv/es/upload/interface';
 import { UploadRequestOption } from '@aplus-frontend/antdv/es/vc-upload/interface';
 import { VueNode } from '@aplus-frontend/antdv/es/_util/type';
 declare function setValue(val: (string | Record<string, any>)[]): void;