@aplus-frontend/ui 0.4.10 → 0.4.12

package/es/src/ap-field/hooks/use-default-presets.d.ts

@@ -1,11 +1,15 @@
+import { Ref, ComputedRef } from 'vue';
 import { ApFieldDateRangeProps, BasicApFieldProps } from '../interface';
 import { Dayjs } from 'dayjs';
-import { ComputedRef } from 'vue';
+import { ZoneAlias } from '@aplus-frontend/utils';
 import { VueNode } from '@aplus-frontend/antdv/es/_util/type';
 export declare const useDefaultPresets: (props: BasicApFieldProps<{
     presets?: ApFieldDateRangeProps["presets"];
-    timezone?: ApFieldDateRangeProps["timezone"];
-}>) => ComputedRef<{
-    label: VueNode;
-    value: Dayjs[];
-}[] | undefined>;
+    timezone?: Ref<ZoneAlias | undefined>;
+}>) => {
+    presets: ComputedRef<{
+        label: VueNode;
+        value: Dayjs[];
+    }[] | undefined>;
+    changeCurrentDate: () => void;
+};

package/es/src/ap-field/hooks/use-default-presets.mjs

@@ -1,15 +1,26 @@
-import { computed as r } from "vue";
-import { presetsDefault as f } from "../../utils/data-range-persets.mjs";
-const b = (e) => r(() => {
-  var t, u;
-  return e.presets === !0 ? f(e == null ? void 0 : e.timezone) : (u = (t = e == null ? void 0 : e.presets) == null ? void 0 : t.map) == null ? void 0 : u.call(t, (l) => {
-    var a;
-    return {
-      label: l.label,
-      value: (a = l == null ? void 0 : l.value) == null ? void 0 : a.filter((m) => m !== null)
-    };
-  });
-});
+import { ref as s, computed as i } from "vue";
+import { presetsDefault as v } from "../../utils/data-range-persets.mjs";
+import m from "dayjs";
+import "../../config-provider/index.mjs";
+import { useLocale as D } from "../../config-provider/hooks/use-locale.mjs";
+const j = (e) => {
+  const u = s(m().valueOf()), { t: f } = D();
+  return {
+    presets: i(() => {
+      var a, t, l;
+      return e.presets === !0 ? v((a = e == null ? void 0 : e.timezone) == null ? void 0 : a.value, u.value, f) : (l = (t = e == null ? void 0 : e.presets) == null ? void 0 : t.map) == null ? void 0 : l.call(t, (r) => {
+        var n;
+        return {
+          label: r.label,
+          value: (n = r == null ? void 0 : r.value) == null ? void 0 : n.filter((c) => c !== null)
+        };
+      });
+    }),
+    changeCurrentDate: () => {
+      u.value = m().valueOf();
+    }
+  };
+};
 export {
-  b as useDefaultPresets
+  j as useDefaultPresets
 };

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

@@ -49,7 +49,10 @@ export type ApFieldDateProps = BasicApFieldProps<Omit<DatePickerProps, 'mode' |
     /**
      * 指定时区，指定后value会变为特定时区下的timestamp
      */
-    timezone?: ZoneAlias;
+    timezone?: ZoneAlias | {
+        label?: string;
+        value: ZoneAlias;
+    }[];
 };
 export type ApFieldNumberProps = BasicApFieldProps<InputNumberProps> & {
     emptyText?: string;
@@ -99,7 +102,10 @@ export type ApFieldDateRangeProps = BasicApFieldProps<Omit<RangePickerProps, 'va
     /**
      * 指定时区，指定后value会变为特定时区下的timestamp
      */
-    timezone?: ZoneAlias;
+    timezone?: ZoneAlias | {
+        label?: string;
+        value: ZoneAlias;
+    }[];
     /**
      * 只读模式下的分隔符（比插槽优先级更高）
      */

package/es/src/business/ap-ladder/ApLadder.vue.d.ts

@@ -9,7 +9,10 @@ import { AlignType, BuildInPlacements } from '@aplus-frontend/antdv/es/vc-trigge
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<ApLadderSlots> & ApLadderSlots;
-    refs: {};
+    refs: {
+        wrapperRef: HTMLDivElement;
+        valueRefs: HTMLSpanElement;
+    };
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
@@ -92,7 +95,10 @@ declare const __VLS_component: DefineComponent<ApLadderProps, {}, {}, {}, {}, Co
     unitStyles: string | false | CSSProperties | StyleValue[] | null;
     tooltipLabelStyles: string | false | CSSProperties | StyleValue[] | null;
     tooltipValueStyles: string | false | CSSProperties | StyleValue[] | null;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    wrapperRef: HTMLDivElement;
+    valueRefs: HTMLSpanElement;
+}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/es/src/business/ap-ladder/ApLadder.vue2.mjs

@@ -1,12 +1,13 @@
-import { defineComponent as K, useSlots as Q, ref as U, computed as g, unref as o, onMounted as X, openBlock as l, createElementBlock as r, normalizeClass as a, createBlock as y, normalizeProps as E, mergeProps as C, createSlots as N, withCtx as f, Fragment as k, createElementVNode as m, normalizeStyle as d, toDisplayString as n, renderSlot as z, createCommentVNode as S, renderList as T, createTextVNode as Y, isVNode as P, resolveDynamicComponent as b, createVNode as V } from "vue";
+import { defineComponent as Q, useSlots as U, ref as N, computed as h, unref as o, openBlock as l, createElementBlock as r, normalizeClass as a, createBlock as y, normalizeProps as E, mergeProps as C, createSlots as R, withCtx as c, Fragment as k, createElementVNode as m, normalizeStyle as p, toDisplayString as n, renderSlot as T, createCommentVNode as S, renderList as D, createTextVNode as X, isVNode as V, resolveDynamicComponent as b, createVNode as v } from "vue";
 import { Tooltip as j } from "@aplus-frontend/antdv";
 import "../../config-provider/index.mjs";
-import { locales as Z } from "./interface.mjs";
+import { locales as Y } from "./interface.mjs";
 import "./HelpMessageIcon.vue.mjs";
+import { useWatchEllipsis as Z, ellipsisElementCls as A } from "./useWatchEllipsis.mjs";
 import { useNamespace as x } from "../../config-provider/hooks/use-namespace.mjs";
 import { useGlobalConfig as ee } from "../../config-provider/hooks/use-global-config.mjs";
-import O from "./HelpMessageIcon.vue2.mjs";
-const te = { key: 1 }, le = { key: 0 }, oe = { key: 1 }, re = { key: 0 }, ie = ["onClick"], se = { key: 0 }, ne = { key: 1 }, ke = /* @__PURE__ */ K({
+import M from "./HelpMessageIcon.vue2.mjs";
+const te = { key: 1 }, le = { key: 0 }, oe = { key: 1 }, re = { key: 0 }, ie = ["onClick"], ne = { key: 0 }, se = { key: 1 }, Se = /* @__PURE__ */ Q({
   name: "ApLadder",
   __name: "ApLadder",
   props: {
@@ -44,12 +45,18 @@ const te = { key: 1 }, le = { key: 0 }, oe = { key: 1 }, re = { key: 0 }, ie = [
     tooltipLabelStyles: { type: [Boolean, null, String, Object, Array], default: void 0 },
     tooltipValueStyles: { type: [Boolean, null, String, Object, Array], default: void 0 }
   },
-  setup(D) {
-    const M = Q(), i = D, { b: F, e: s, m: W } = x("ap-ladder"), G = ee("uiMode", "aplus"), $ = `ap-ladder-${Math.floor(Math.random() * 1e7)}`, I = s("ellipsis"), h = U(!1), q = g(() => i.labelValues.length === 0), H = g(() => i.labelValues.length > 0), B = g(() => i.majorColor ? {
+  setup(F) {
+    const P = U(), i = F, { b: z, e: s, m: G } = x("ap-ladder"), W = ee("uiMode", "aplus"), g = N([]), w = N(), H = Z(w);
+    function I(t) {
+      var f;
+      const u = (f = g.value) == null ? void 0 : f[t];
+      return u ? getComputedStyle(u).color : void 0;
+    }
+    const q = h(() => i.labelValues.length === 0), J = h(() => i.labelValues.length > 0), B = h(() => i.majorColor ? {
       color: `${i.majorColor}`
-    } : {}), w = g(() => i.minorColor ? {
+    } : {}), $ = h(() => i.minorColor ? {
       color: `${i.minorColor}`
-    } : {}), A = (t) => t == null || typeof t == "string" && t.trim() === "", c = (t, u = {}) => {
+    } : {}), _ = (t) => t == null || typeof t == "string" && t.trim() === "", d = (t, u = {}) => {
       const e = {
         rawValue: u.rawValue,
         precision: u.precision === void 0 ? 2 : u.precision,
@@ -62,7 +69,7 @@ const te = { key: 1 }, le = { key: 0 }, oe = { key: 1 }, re = { key: 0 }, ie = [
         return "--";
       if (typeof t == "boolean")
         return t;
-      if (A(t))
+      if (_(t))
         return "--";
       if (e.rawValue)
         return t;
@@ -70,166 +77,164 @@ const te = { key: 1 }, le = { key: 0 }, oe = { key: 1 }, re = { key: 0 }, ie = [
         if (e.percent)
           return `${t.toFixed(e.precision)}%`;
         if (e.currency)
-          return t.toLocaleString(Z[e.currency], {
+          return t.toLocaleString(Y[e.currency], {
             style: "currency",
             currency: e.currency
           });
         if (e.thousand) {
-          const [p, v] = t.toFixed(e.precision).split(".");
-          return `${p.replace(
+          const [f, L] = t.toFixed(e.precision).split(".");
+          return `${f.replace(
             /(\d)(?=(\d{3})+(?!\d))/g,
             `$1${e.thousandSeparator}`
-          )}.${v}`;
+          )}.${L}`;
         }
         return t.toFixed(e.precision);
       }
       return t;
-    }, R = () => {
-      const t = document.getElementById($);
-      if (!t)
-        return;
-      const u = t.querySelectorAll(`.${I}`);
-      new ResizeObserver((p) => {
-        p.forEach((v) => {
-          v.target === t && (h.value = !1, u.forEach((_) => {
-            _.clientWidth < _.scrollWidth && (h.value = !0);
-          }));
-        });
-      }).observe(t), h.value = !1, u.forEach((p) => {
-        p.clientWidth < p.scrollWidth && (h.value = !0);
-      });
-    }, L = g(() => M.title ? !0 : i.tooltip && o(h)), J = (t) => {
+    }, O = h(() => P.title ? !0 : i.tooltip && o(H)), K = (t) => {
       t.link && window.open(t.link, "_blank"), typeof t.handleClickLink == "function" && t.handleClickLink();
     };
-    return X(() => {
-      R();
-    }), (t, u) => (l(), r("div", {
-      id: $,
-      class: a([o(F)(), `${o(W)(o(G))}`])
+    return (t, u) => (l(), r("div", {
+      ref_key: "wrapperRef",
+      ref: w,
+      class: a([o(z)(), `${o(G)(o(W))}`])
     }, [
-      q.value ? (l(), y(o(j), E(C({ key: 0 }, { ...i.tooltipProps })), N({
-        default: f(() => [
-          !A(t.major) || !A(t.minor) ? (l(), r(k, { key: 0 }, [
+      q.value ? (l(), y(o(j), E(C({ key: 0 }, { ...i.tooltipProps })), R({
+        default: c(() => [
+          !_(t.major) || !_(t.minor) ? (l(), r(k, { key: 0 }, [
             i.layout === "vertical" ? (l(), r(k, { key: 0 }, [
               m("div", {
-                class: a([o(s)("major"), o(s)("ellipsis")]),
-                style: d([t.majorStyles, B.value])
-              }, n(c(t.major)), 7),
+                class: a([o(s)("major"), o(s)("ellipsis"), o(A)]),
+                style: p([t.majorStyles, B.value])
+              }, n(d(t.major)), 7),
               m("div", {
-                class: a([o(s)("minor"), o(s)("ellipsis")]),
-                style: d([t.minorStyles, w.value])
-              }, n(c(t.minor)), 7)
+                class: a([o(s)("minor"), o(s)("ellipsis"), o(A)]),
+                style: p([t.minorStyles, $.value])
+              }, n(d(t.minor)), 7)
             ], 64)) : (l(), r("div", {
               key: 1,
-              class: a(o(s)("ellipsis"))
+              class: a([o(s)("ellipsis"), o(A)])
             }, [
               m("span", {
                 class: a([o(s)("major")]),
-                style: d([t.majorStyles, B.value])
-              }, n(c(t.major)), 7),
+                style: p([t.majorStyles, B.value])
+              }, n(d(t.major)), 7),
               m("span", {
                 class: a([o(s)("minor")]),
-                style: d([t.minorStyles, w.value])
-              }, n(c(t.minor)), 7)
+                style: p([t.minorStyles, $.value])
+              }, n(d(t.minor)), 7)
             ], 2))
           ], 64)) : (l(), r("div", te, n("--")))
         ]),
         _: 2
       }, [
-        L.value ? {
+        O.value ? {
           name: "title",
-          fn: f(() => [
-            M.title ? z(t.$slots, "title", { key: 0 }) : (l(), r(k, { key: 1 }, [
+          fn: c(() => [
+            P.title ? T(t.$slots, "title", { key: 0 }) : (l(), r(k, { key: 1 }, [
               i.tooltipProps.title ? (l(), r("div", le, n(i.tooltipProps.title), 1)) : (l(), r("div", oe, [
-                m("div", null, n(c(t.major)), 1),
-                m("div", null, n(c(t.minor)), 1)
+                m("div", null, n(d(t.major)), 1),
+                m("div", null, n(d(t.minor)), 1)
               ]))
             ], 64))
           ]),
           key: "0"
         } : void 0
       ]), 1040)) : S("", !0),
-      H.value ? (l(), y(o(j), E(C({ key: 1 }, { ...i.tooltipProps })), N({
-        default: f(() => [
-          (l(!0), r(k, null, T(i.labelValues, (e, p) => (l(), r("div", {
-            key: p,
+      J.value ? (l(), y(o(j), E(C({ key: 1 }, { ...i.tooltipProps })), R({
+        default: c(() => [
+          (l(!0), r(k, null, D(i.labelValues, (e, f) => (l(), r("div", {
+            key: f,
             class: a([o(s)("cross-bar")])
           }, [
             m("div", {
-              class: a([o(s)("ellipsis")])
+              class: a([o(s)("ellipsis"), o(A)]),
+              style: p({ color: I(f) })
             }, [
               m("span", {
                 class: a(o(s)("label")),
-                style: d([
+                style: p([
                   t.labelStyles,
                   e.labelStyles,
                   e.labelColor ? { color: e.labelColor } : void 0,
                   { textAlign: e.labelAlign || t.labelAlign }
                 ])
               }, [
-                Y(n(e.label), 1),
+                X(n(e.label), 1),
                 e.label ? (l(), r("span", re, "：")) : S("", !0)
               ], 6),
-              P(e.value) ? (l(), y(b(e.value), {
+              V(e.value) ? (l(), y(b(e.value), {
                 key: 0,
+                ref_for: !0,
+                ref_key: "valueRefs",
+                ref: g,
                 style: { display: "inline-block" }
-              })) : typeof e.value == "function" ? (l(), y(b(e.value()), {
+              }, null, 512)) : typeof e.value == "function" ? (l(), y(b(e.value()), {
                 key: 1,
+                ref_for: !0,
+                ref_key: "valueRefs",
+                ref: g,
                 style: { display: "inline-block" }
-              })) : (l(), r(k, { key: 2 }, [
-                A(e.link) ? (l(), r("span", {
+              }, null, 512)) : (l(), r(k, { key: 2 }, [
+                _(e.link) ? (l(), r("span", {
                   key: 1,
+                  ref_for: !0,
+                  ref_key: "valueRefs",
+                  ref: g,
                   class: a(o(s)("value")),
-                  style: d([
+                  style: p([
                     t.valueStyles,
                     e.valueStyles,
                     e.valueColor ? { color: e.valueColor } : void 0
                   ])
-                }, n(c(e.value, { ...e })), 7)) : (l(), r("span", {
+                }, n(d(e.value, { ...e })), 7)) : (l(), r("span", {
                   key: 0,
+                  ref_for: !0,
+                  ref_key: "valueRefs",
+                  ref: g,
                   class: a(o(s)("link")),
-                  style: d([
+                  style: p([
                     t.linkStyles,
                     e.linkStyles,
                     e.linkColor ? { color: e.linkColor } : void 0
                   ]),
-                  onClick: (v) => J(e)
-                }, n(c(e.value, { ...e })), 15, ie))
+                  onClick: (L) => K(e)
+                }, n(d(e.value, { ...e })), 15, ie))
               ], 64)),
               e.unit ? (l(), r("span", {
                 key: 3,
                 class: a(o(s)("unit")),
-                style: d([
+                style: p([
                   t.unitStyles,
                   e.unitStyles,
                   e.unitColor ? { color: e.unitColor } : void 0
                 ])
               }, n(e.unit), 7)) : S("", !0)
-            ], 2),
+            ], 6),
             e.helpMessage ? (l(), r("div", {
               key: 0,
               class: a([o(s)("help-message")])
             }, [
-              P(e.helpMessage) ? (l(), y(o(j), C({
+              V(e.helpMessage) ? (l(), y(o(j), C({
                 key: 0,
                 ref_for: !0
               }, { ...e.helpMessageTooltipProps }), {
-                title: f(() => [
+                title: c(() => [
                   (l(), y(b(e.helpMessage)))
                 ]),
-                default: f(() => [
-                  V(O, { lv: e }, null, 8, ["lv"])
+                default: c(() => [
+                  v(M, { lv: e }, null, 8, ["lv"])
                 ]),
                 _: 2
               }, 1040)) : typeof e.helpMessage == "function" ? (l(), y(o(j), C({
                 key: 1,
                 ref_for: !0
               }, { ...e.helpMessageTooltipProps }), {
-                title: f(() => [
+                title: c(() => [
                   (l(), y(b(e.helpMessage())))
                 ]),
-                default: f(() => [
-                  V(O, { lv: e }, null, 8, ["lv"])
+                default: c(() => [
+                  v(M, { lv: e }, null, 8, ["lv"])
                 ]),
                 _: 2
               }, 1040)) : (l(), y(o(j), C({
@@ -239,8 +244,8 @@ const te = { key: 1 }, le = { key: 0 }, oe = { key: 1 }, re = { key: 0 }, ie = [
                 placement: "bottom",
                 title: e.helpMessage
               }), {
-                default: f(() => [
-                  V(O, { lv: e }, null, 8, ["lv"])
+                default: c(() => [
+                  v(M, { lv: e }, null, 8, ["lv"])
                 ]),
                 _: 2
               }, 1040, ["title"]))
@@ -249,20 +254,20 @@ const te = { key: 1 }, le = { key: 0 }, oe = { key: 1 }, re = { key: 0 }, ie = [
         ]),
         _: 2
       }, [
-        L.value ? {
+        O.value ? {
           name: "title",
-          fn: f(() => [
-            M.title ? z(t.$slots, "title", { key: 0 }) : (l(), r(k, { key: 1 }, [
-              i.tooltipProps.title ? (l(), r("div", se, n(i.tooltipProps.title), 1)) : (l(), r("div", ne, [
-                (l(!0), r(k, null, T(i.labelValues, (e, p) => (l(), r("div", {
-                  key: p,
+          fn: c(() => [
+            P.title ? T(t.$slots, "title", { key: 0 }) : (l(), r(k, { key: 1 }, [
+              i.tooltipProps.title ? (l(), r("div", ne, n(i.tooltipProps.title), 1)) : (l(), r("div", se, [
+                (l(!0), r(k, null, D(i.labelValues, (e, f) => (l(), r("div", {
+                  key: f,
                   style: { "word-break": "break-all" }
                 }, [
                   e.label ? (l(), r("span", {
                     key: 0,
-                    style: d([t.tooltipLabelStyles, e.tooltipLabelStyles])
+                    style: p([t.tooltipLabelStyles, e.tooltipLabelStyles])
                   }, n(e.label) + "：", 5)) : S("", !0),
-                  P(e.value) ? (l(), y(b(e.value), {
+                  V(e.value) ? (l(), y(b(e.value), {
                     key: 1,
                     style: { display: "inline-block" }
                   })) : typeof e.value == "function" ? (l(), y(b(e.value()), {
@@ -270,8 +275,8 @@ const te = { key: 1 }, le = { key: 0 }, oe = { key: 1 }, re = { key: 0 }, ie = [
                     style: { display: "inline-block" }
                   })) : (l(), r("span", {
                     key: 3,
-                    style: d([t.tooltipValueStyles, e.tooltipValueStyles])
-                  }, n(c(e.value, { ...e })), 5))
+                    style: p([t.tooltipValueStyles, e.tooltipValueStyles])
+                  }, n(d(e.value, { ...e })), 5))
                 ]))), 128))
               ]))
             ], 64))
@@ -283,5 +288,5 @@ const te = { key: 1 }, le = { key: 0 }, oe = { key: 1 }, re = { key: 0 }, ie = [
   }
 });
 export {
-  ke as default
+  Se as default
 };

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

@@ -87,7 +87,10 @@ declare const ApLadder: {
         unitStyles: string | false | CSSProperties | StyleValue[] | null;
         tooltipLabelStyles: string | false | CSSProperties | StyleValue[] | null;
         tooltipValueStyles: string | false | CSSProperties | StyleValue[] | null;
-    }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLDivElement, ComponentProvideOptions, {
+    }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {
+        wrapperRef: HTMLDivElement;
+        valueRefs: HTMLSpanElement;
+    }, HTMLDivElement, ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};

package/es/src/business/ap-ladder/useWatchEllipsis.d.ts

@@ -0,0 +1,3 @@
+import { Ref } from 'vue';
+export declare const ellipsisElementCls = "ap-ladder-is-ellipsised";
+export declare const useWatchEllipsis: (target: Ref<HTMLElement | undefined>) => Ref<boolean, boolean>;

package/es/src/business/ap-ladder/useWatchEllipsis.mjs

@@ -0,0 +1,35 @@
+import { isClient as a } from "@vueuse/core";
+import { ref as c, watch as n } from "vue";
+const r = /* @__PURE__ */ new WeakMap();
+let l;
+const p = "ap-ladder-is-ellipsised";
+function o(i) {
+  const t = i.querySelectorAll(`.${p}`);
+  let e = !1;
+  return t.forEach((s) => {
+    s.clientWidth < s.scrollWidth && (e = !0);
+  }), e;
+}
+a && (l = new ResizeObserver((i) => {
+  for (const t of i) {
+    const e = t.target;
+    if (r.has(e)) {
+      const s = o(e);
+      r.get(e).value = s;
+    }
+  }
+}));
+const h = (i) => {
+  const t = c(!1);
+  return n(
+    () => i.value,
+    (e, s) => {
+      e && l.observe(e), s && l.unobserve(s), e && r.set(e, t), s && r.delete(s), e && (t.value = o(e));
+    },
+    { flush: "post", immediate: !0 }
+  ), t;
+};
+export {
+  p as ellipsisElementCls,
+  h as useWatchEllipsis
+};

package/es/src/config-provider/hooks/use-locale.mjs

@@ -1,20 +1,20 @@
-import { unref as o, computed as c, isRef as l, ref as s, inject as a } from "vue";
-import { get as m } from "lodash-unified";
+import { unref as o, computed as s, isRef as m, ref as c, inject as u } from "vue";
+import { get as a } from "lodash-unified";
 import "../../locale/index.mjs";
-import u from "../../locale/lang/zh-cn.mjs";
-const f = (e) => (t, r) => i(t, r, o(e)), i = (e, t, r) => m(r, e, e).replace(
+import l from "../../locale/lang/zh-cn.mjs";
+const f = (e) => (t, r) => i(t, r, o(e)), i = (e, t, r) => a(r, e, e).replace(
   /\{(\w+)\}/g,
   (b, n) => `${(t == null ? void 0 : t[n]) ?? `{${n}}`}`
 ), x = (e) => {
-  const t = c(() => o(e).name), r = l(e) ? e : s(e);
+  const t = s(() => o(e).name), r = m(e) ? e : c(e);
   return {
     lang: t,
     locale: r,
     t: f(e)
   };
 }, C = Symbol("localeContextKey"), K = (e) => {
-  const t = e || a(C, s());
-  return x(c(() => t.value || u));
+  const t = e || u(C, c());
+  return x(s(() => (t == null ? void 0 : t.value) || l));
 };
 export {
   x as buildLocaleContext,

package/es/src/full-screen/index.d.ts

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

package/es/src/full-screen/index.mjs

@@ -0,0 +1,2 @@
+import "./index.vue2.mjs";
+import "./interface.mjs";

package/es/src/full-screen/index.vue.d.ts

@@ -0,0 +1,43 @@
+import { FullScreenMode, FullScreenProps } from './interface';
+import { DefineComponent, ComputedRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare function enter(mode: FullScreenMode, force?: boolean): Promise<void>;
+declare function exit(force?: boolean): Promise<void>;
+declare function toggle(mode: FullScreenMode, force?: boolean): Promise<void>;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            full: boolean;
+            enter: typeof enter;
+            exit: typeof exit;
+            toggle: typeof toggle;
+            mode: FullScreenMode | undefined;
+            portalRoot: HTMLDivElement | undefined;
+        }): any;
+    };
+    refs: {
+        target: unknown;
+        portalRootRef: HTMLDivElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<FullScreenProps, {
+    target: ComputedRef<HTMLElement | null | undefined>;
+    portalRoot: ComputedRef<HTMLDivElement | undefined>;
+    full: ComputedRef<boolean>;
+    mode: ComputedRef<FullScreenMode | undefined>;
+    enter: typeof enter;
+    exit: typeof exit;
+    toggle: typeof toggle;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<FullScreenProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    target: unknown;
+    portalRootRef: HTMLDivElement;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};