@aplus-frontend/ui 0.4.10 → 0.4.11

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

@@ -1,12 +1,12 @@
-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;
+import { computed as f } from "vue";
+import { presetsDefault as n } from "../../utils/data-range-persets.mjs";
+const b = (e) => f(() => {
+  var u, l, a;
+  return e.presets === !0 ? n((u = e == null ? void 0 : e.timezone) == null ? void 0 : u.value) : (a = (l = e == null ? void 0 : e.presets) == null ? void 0 : l.map) == null ? void 0 : a.call(l, (t) => {
+    var m;
     return {
-      label: l.label,
-      value: (a = l == null ? void 0 : l.value) == null ? void 0 : a.filter((m) => m !== null)
+      label: t.label,
+      value: (m = t == null ? void 0 : t.value) == null ? void 0 : m.filter((r) => r !== null)
     };
   });
 });

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,9 @@ import { AlignType, BuildInPlacements } from '@aplus-frontend/antdv/es/vc-trigge
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<ApLadderSlots> & ApLadderSlots;
-    refs: {};
+    refs: {
+        valueRefs: HTMLSpanElement;
+    };
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
@@ -92,7 +94,9 @@ 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, {
+    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,12 @@
-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 { Tooltip as j } from "@aplus-frontend/antdv";
+import { defineComponent as Y, useSlots as Z, ref as R, useTemplateRef as x, computed as C, unref as o, onMounted as ee, onUnmounted as te, openBlock as l, createElementBlock as r, normalizeClass as y, createBlock as p, normalizeProps as T, mergeProps as j, createSlots as z, withCtx as f, Fragment as k, createElementVNode as m, normalizeStyle as d, toDisplayString as i, renderSlot as W, createCommentVNode as S, renderList as D, createTextVNode as le, isVNode as V, resolveDynamicComponent as b, createVNode as $ } from "vue";
+import { Tooltip as v } from "@aplus-frontend/antdv";
 import "../../config-provider/index.mjs";
-import { locales as Z } from "./interface.mjs";
+import { locales as oe } from "./interface.mjs";
 import "./HelpMessageIcon.vue.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 { useNamespace as re } from "../../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as se } from "../../config-provider/hooks/use-global-config.mjs";
+import B from "./HelpMessageIcon.vue2.mjs";
+const ne = { key: 1 }, ie = { key: 0 }, ae = { key: 1 }, ue = { key: 0 }, ye = ["onClick"], pe = { key: 0 }, de = { key: 1 }, Ce = /* @__PURE__ */ Y({
   name: "ApLadder",
   __name: "ApLadder",
   props: {
@@ -44,19 +44,25 @@ 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 ? {
-      color: `${i.majorColor}`
-    } : {}), w = g(() => i.minorColor ? {
-      color: `${i.minorColor}`
-    } : {}), A = (t) => t == null || typeof t == "string" && t.trim() === "", c = (t, u = {}) => {
+  setup(F) {
+    const P = Z(), s = F, { b: G, e: n, m: I } = re("ap-ladder"), q = se("uiMode", "aplus"), O = `ap-ladder-${Math.floor(Math.random() * 1e7)}`, H = n("ellipsis"), h = R(!1), _ = R(), g = x("valueRefs");
+    function U(t) {
+      var u;
+      const a = (u = g.value) == null ? void 0 : u[t];
+      return a ? getComputedStyle(a).color : void 0;
+    }
+    const J = C(() => s.labelValues.length === 0), K = C(() => s.labelValues.length > 0), w = C(() => s.majorColor ? {
+      color: `${s.majorColor}`
+    } : {}), E = C(() => s.minorColor ? {
+      color: `${s.minorColor}`
+    } : {}), A = (t) => t == null || typeof t == "string" && t.trim() === "", c = (t, a = {}) => {
       const e = {
-        rawValue: u.rawValue,
-        precision: u.precision === void 0 ? 2 : u.precision,
-        thousand: u.thousand,
-        thousandSeparator: u.thousandSeparator || ",",
-        currency: u.currency,
-        percent: u.percent
+        rawValue: a.rawValue,
+        precision: a.precision === void 0 ? 2 : a.precision,
+        thousand: a.thousand,
+        thousandSeparator: a.thousandSeparator || ",",
+        currency: a.currency,
+        percent: a.percent
       };
       if (t === null || typeof t == "object" || typeof t == "function" || typeof t > "u")
         return "--";
@@ -70,96 +76,101 @@ 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(oe[e.currency], {
             style: "currency",
             currency: e.currency
           });
         if (e.thousand) {
-          const [p, v] = t.toFixed(e.precision).split(".");
-          return `${p.replace(
+          const [u, M] = t.toFixed(e.precision).split(".");
+          return `${u.replace(
             /(\d)(?=(\d{3})+(?!\d))/g,
             `$1${e.thousandSeparator}`
-          )}.${v}`;
+          )}.${M}`;
         }
         return t.toFixed(e.precision);
       }
       return t;
-    }, R = () => {
-      const t = document.getElementById($);
+    }, Q = () => {
+      var e;
+      const t = document.getElementById(O);
       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);
+      const a = t.querySelectorAll(`.${H}`);
+      _.value = new ResizeObserver((u) => {
+        u.forEach((M) => {
+          M.target === t && (h.value = !1, a.forEach((N) => {
+            N.clientWidth < N.scrollWidth && (h.value = !0);
           }));
         });
-      }).observe(t), h.value = !1, u.forEach((p) => {
-        p.clientWidth < p.scrollWidth && (h.value = !0);
+      }), (e = o(_)) == null || e.observe(t), h.value = !1, a.forEach((u) => {
+        u.clientWidth < u.scrollWidth && (h.value = !0);
       });
-    }, L = g(() => M.title ? !0 : i.tooltip && o(h)), J = (t) => {
+    }, L = C(() => P.title ? !0 : s.tooltip && o(h)), X = (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 ee(() => {
+      Q();
+    }), te(() => {
+      var t;
+      o(_) && ((t = o(_)) == null || t.disconnect());
+    }), (t, a) => (l(), r("div", {
+      id: O,
+      class: y([o(G)(), `${o(I)(o(q))}`])
     }, [
-      q.value ? (l(), y(o(j), E(C({ key: 0 }, { ...i.tooltipProps })), N({
+      J.value ? (l(), p(o(v), T(j({ key: 0 }, { ...s.tooltipProps })), z({
         default: f(() => [
           !A(t.major) || !A(t.minor) ? (l(), r(k, { key: 0 }, [
-            i.layout === "vertical" ? (l(), r(k, { key: 0 }, [
+            s.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: y([o(n)("major"), o(n)("ellipsis")]),
+                style: d([t.majorStyles, w.value])
+              }, i(c(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: y([o(n)("minor"), o(n)("ellipsis")]),
+                style: d([t.minorStyles, E.value])
+              }, i(c(t.minor)), 7)
             ], 64)) : (l(), r("div", {
               key: 1,
-              class: a(o(s)("ellipsis"))
+              class: y(o(n)("ellipsis"))
             }, [
               m("span", {
-                class: a([o(s)("major")]),
-                style: d([t.majorStyles, B.value])
-              }, n(c(t.major)), 7),
+                class: y([o(n)("major")]),
+                style: d([t.majorStyles, w.value])
+              }, i(c(t.major)), 7),
               m("span", {
-                class: a([o(s)("minor")]),
-                style: d([t.minorStyles, w.value])
-              }, n(c(t.minor)), 7)
+                class: y([o(n)("minor")]),
+                style: d([t.minorStyles, E.value])
+              }, i(c(t.minor)), 7)
             ], 2))
-          ], 64)) : (l(), r("div", te, n("--")))
+          ], 64)) : (l(), r("div", ne, i("--")))
         ]),
         _: 2
       }, [
         L.value ? {
           name: "title",
           fn: f(() => [
-            M.title ? z(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)
+            P.title ? W(t.$slots, "title", { key: 0 }) : (l(), r(k, { key: 1 }, [
+              s.tooltipProps.title ? (l(), r("div", ie, i(s.tooltipProps.title), 1)) : (l(), r("div", ae, [
+                m("div", null, i(c(t.major)), 1),
+                m("div", null, i(c(t.minor)), 1)
               ]))
             ], 64))
           ]),
           key: "0"
         } : void 0
       ]), 1040)) : S("", !0),
-      H.value ? (l(), y(o(j), E(C({ key: 1 }, { ...i.tooltipProps })), N({
+      K.value ? (l(), p(o(v), T(j({ key: 1 }, { ...s.tooltipProps })), z({
         default: f(() => [
-          (l(!0), r(k, null, T(i.labelValues, (e, p) => (l(), r("div", {
-            key: p,
-            class: a([o(s)("cross-bar")])
+          (l(!0), r(k, null, D(s.labelValues, (e, u) => (l(), r("div", {
+            key: u,
+            class: y([o(n)("cross-bar")])
           }, [
             m("div", {
-              class: a([o(s)("ellipsis")])
+              class: y([o(n)("ellipsis")]),
+              style: d({ color: U(u) })
             }, [
               m("span", {
-                class: a(o(s)("label")),
+                class: y(o(n)("label")),
                 style: d([
                   t.labelStyles,
                   e.labelStyles,
@@ -167,72 +178,84 @@ const te = { key: 1 }, le = { key: 0 }, oe = { key: 1 }, re = { key: 0 }, ie = [
                   { textAlign: e.labelAlign || t.labelAlign }
                 ])
               }, [
-                Y(n(e.label), 1),
-                e.label ? (l(), r("span", re, "：")) : S("", !0)
+                le(i(e.label), 1),
+                e.label ? (l(), r("span", ue, "：")) : S("", !0)
               ], 6),
-              P(e.value) ? (l(), y(b(e.value), {
+              V(e.value) ? (l(), p(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(), p(b(e.value()), {
                 key: 1,
+                ref_for: !0,
+                ref_key: "valueRefs",
+                ref: g,
                 style: { display: "inline-block" }
-              })) : (l(), r(k, { key: 2 }, [
+              }, null, 512)) : (l(), r(k, { key: 2 }, [
                 A(e.link) ? (l(), r("span", {
                   key: 1,
-                  class: a(o(s)("value")),
+                  ref_for: !0,
+                  ref_key: "valueRefs",
+                  ref: g,
+                  class: y(o(n)("value")),
                   style: d([
                     t.valueStyles,
                     e.valueStyles,
                     e.valueColor ? { color: e.valueColor } : void 0
                   ])
-                }, n(c(e.value, { ...e })), 7)) : (l(), r("span", {
+                }, i(c(e.value, { ...e })), 7)) : (l(), r("span", {
                   key: 0,
-                  class: a(o(s)("link")),
+                  ref_for: !0,
+                  ref_key: "valueRefs",
+                  ref: g,
+                  class: y(o(n)("link")),
                   style: d([
                     t.linkStyles,
                     e.linkStyles,
                     e.linkColor ? { color: e.linkColor } : void 0
                   ]),
-                  onClick: (v) => J(e)
-                }, n(c(e.value, { ...e })), 15, ie))
+                  onClick: (M) => X(e)
+                }, i(c(e.value, { ...e })), 15, ye))
               ], 64)),
               e.unit ? (l(), r("span", {
                 key: 3,
-                class: a(o(s)("unit")),
+                class: y(o(n)("unit")),
                 style: d([
                   t.unitStyles,
                   e.unitStyles,
                   e.unitColor ? { color: e.unitColor } : void 0
                 ])
-              }, n(e.unit), 7)) : S("", !0)
-            ], 2),
+              }, i(e.unit), 7)) : S("", !0)
+            ], 6),
             e.helpMessage ? (l(), r("div", {
               key: 0,
-              class: a([o(s)("help-message")])
+              class: y([o(n)("help-message")])
             }, [
-              P(e.helpMessage) ? (l(), y(o(j), C({
+              V(e.helpMessage) ? (l(), p(o(v), j({
                 key: 0,
                 ref_for: !0
               }, { ...e.helpMessageTooltipProps }), {
                 title: f(() => [
-                  (l(), y(b(e.helpMessage)))
+                  (l(), p(b(e.helpMessage)))
                 ]),
                 default: f(() => [
-                  V(O, { lv: e }, null, 8, ["lv"])
+                  $(B, { lv: e }, null, 8, ["lv"])
                 ]),
                 _: 2
-              }, 1040)) : typeof e.helpMessage == "function" ? (l(), y(o(j), C({
+              }, 1040)) : typeof e.helpMessage == "function" ? (l(), p(o(v), j({
                 key: 1,
                 ref_for: !0
               }, { ...e.helpMessageTooltipProps }), {
                 title: f(() => [
-                  (l(), y(b(e.helpMessage())))
+                  (l(), p(b(e.helpMessage())))
                 ]),
                 default: f(() => [
-                  V(O, { lv: e }, null, 8, ["lv"])
+                  $(B, { lv: e }, null, 8, ["lv"])
                 ]),
                 _: 2
-              }, 1040)) : (l(), y(o(j), C({
+              }, 1040)) : (l(), p(o(v), j({
                 key: 2,
                 ref_for: !0
               }, { ...e.helpMessageTooltipProps }, {
@@ -240,7 +263,7 @@ const te = { key: 1 }, le = { key: 0 }, oe = { key: 1 }, re = { key: 0 }, ie = [
                 title: e.helpMessage
               }), {
                 default: f(() => [
-                  V(O, { lv: e }, null, 8, ["lv"])
+                  $(B, { lv: e }, null, 8, ["lv"])
                 ]),
                 _: 2
               }, 1040, ["title"]))
@@ -252,26 +275,26 @@ const te = { key: 1 }, le = { key: 0 }, oe = { key: 1 }, re = { key: 0 }, ie = [
         L.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,
+            P.title ? W(t.$slots, "title", { key: 0 }) : (l(), r(k, { key: 1 }, [
+              s.tooltipProps.title ? (l(), r("div", pe, i(s.tooltipProps.title), 1)) : (l(), r("div", de, [
+                (l(!0), r(k, null, D(s.labelValues, (e, u) => (l(), r("div", {
+                  key: u,
                   style: { "word-break": "break-all" }
                 }, [
                   e.label ? (l(), r("span", {
                     key: 0,
                     style: d([t.tooltipLabelStyles, e.tooltipLabelStyles])
-                  }, n(e.label) + "：", 5)) : S("", !0),
-                  P(e.value) ? (l(), y(b(e.value), {
+                  }, i(e.label) + "：", 5)) : S("", !0),
+                  V(e.value) ? (l(), p(b(e.value), {
                     key: 1,
                     style: { display: "inline-block" }
-                  })) : typeof e.value == "function" ? (l(), y(b(e.value()), {
+                  })) : typeof e.value == "function" ? (l(), p(b(e.value()), {
                     key: 2,
                     style: { display: "inline-block" }
                   })) : (l(), r("span", {
                     key: 3,
                     style: d([t.tooltipValueStyles, e.tooltipValueStyles])
-                  }, n(c(e.value, { ...e })), 5))
+                  }, i(c(e.value, { ...e })), 5))
                 ]))), 128))
               ]))
             ], 64))
@@ -283,5 +306,5 @@ const te = { key: 1 }, le = { key: 0 }, oe = { key: 1 }, re = { key: 0 }, ie = [
   }
 });
 export {
-  ke as default
+  Ce as default
 };

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

@@ -87,7 +87,9 @@ 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, {
+        valueRefs: HTMLSpanElement;
+    }, HTMLDivElement, ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};

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;
+        protalRootRef: 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;
+    protalRootRef: 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;
+    };
+};

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

@@ -0,0 +1,84 @@
+import { defineComponent as k, ref as u, watch as E, unref as a, computed as n, openBlock as m, createBlock as d, withCtx as v, resolveDynamicComponent as z, mergeProps as C, renderSlot as F, createElementVNode as N, normalizeClass as S } from "vue";
+import "../hooks/index.mjs";
+import "../portal/index.mjs";
+import "../config-provider/index.mjs";
+import { useScrollLock as h } from "@vueuse/core";
+import { useFullScreen as I } from "../hooks/useFullScreen.mjs";
+import { useNamespace as $ } from "../config-provider/hooks/use-namespace.mjs";
+import B from "../portal/index.vue.mjs";
+const H = /* @__PURE__ */ k({
+  name: "FullScreen",
+  __name: "index",
+  props: {
+    wrapperElementName: { default: "div" },
+    zIndex: { default: 2147483647 }
+  },
+  setup(L, { expose: w }) {
+    const {
+      target: i,
+      full: b,
+      enter: y,
+      exit: _
+    } = I(), { b: x, bm: g, be: R } = $("full-screen"), t = u(!1), l = u(), f = h(document.body), p = u();
+    E(
+      () => a(b),
+      (e) => {
+        e || (t.value = !1, l.value = void 0);
+      }
+    );
+    async function r(e, o = !1) {
+      await s(), t.value = !0, l.value = e, e === "browser" ? y(o) : f.value = !0;
+    }
+    async function s(e = !1) {
+      t.value = !1, l.value === "browser" ? await _(e) : f.value = !1, l.value = void 0;
+    }
+    async function c(e, o = !1) {
+      t.value ? l.value !== e ? await r(e, o) : await s(o) : await r(e, o);
+    }
+    return w({
+      target: n(() => a(i)),
+      portalRoot: n(() => a(p)),
+      full: n(() => a(t)),
+      mode: n(() => a(l)),
+      enter: r,
+      exit: s,
+      toggle: c
+    }), (e, o) => (m(), d(a(B), {
+      to: "body",
+      disabled: l.value !== "window"
+    }, {
+      default: v(() => [
+        (m(), d(z(e.wrapperElementName), C({
+          ref_key: "target",
+          ref: i
+        }, e.$attrs, {
+          class: [
+            a(x)("wrapper"),
+            t.value && l.value === "window" ? a(g)("wrapper", "full") : null
+          ],
+          style: { zIndex: t.value && l.value === "window" ? e.zIndex : "unset" }
+        }), {
+          default: v(() => [
+            F(e.$slots, "default", {
+              full: t.value,
+              enter: r,
+              exit: s,
+              toggle: c,
+              mode: l.value,
+              portalRoot: p.value
+            }),
+            N("div", {
+              ref: "protalRootRef",
+              class: S(a(R)("wrapper", "portal-root"))
+            }, null, 2)
+          ]),
+          _: 3
+        }, 16, ["class", "style"]))
+      ]),
+      _: 3
+    }, 8, ["disabled"]));
+  }
+});
+export {
+  H as default
+};

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

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

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

@@ -0,0 +1,50 @@
+import { ComputedRef } from 'vue';
+export type FullScreenMode = 'browser' | 'window';
+export type FullScreenProps = {
+    /**
+     * 容器元素标签名
+     */
+    wrapperElementName?: string;
+    /**
+     * 全屏状态下的css zIndex 默认为2^31 - 1
+     */
+    zIndex?: number;
+};
+export type FullScreenExpose = {
+    /**
+     * 全屏的目标元素
+     */
+    target: ComputedRef<HTMLElement>;
+    /**
+     * 目标元素内用于渲染全局组件的容器
+     */
+    portalRoot: ComputedRef<HTMLDivElement>;
+    /**
+     * 当前是否全屏
+     */
+    full: ComputedRef<boolean>;
+    /**
+     * 当前的全屏模式
+     */
+    mode: ComputedRef<FullScreenMode>;
+    /**
+     * 进入全屏
+     * @param mode 全屏模式 窗口全屏/浏览器全屏
+     * @param force
+     * @returns
+     */
+    enter: (mode: FullScreenMode, force?: boolean) => Promise<void>;
+    /**
+     * 退出全屏
+     * @param force
+     * @returns
+     */
+    exit: (force?: boolean) => Promise<void>;
+    /**
+     * 切换全屏状态
+     * @param mode 全屏模式
+     * @param force
+     * @returns
+     */
+    toggle: (mode: FullScreenMode, force?: boolean) => Promise<void>;
+};

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

@@ -0,0 +1 @@
+

package/es/src/full-screen/style/css.js

@@ -0,0 +1 @@
+import '@aplus-frontend/ui/theme/full-screen/index.css';

package/es/src/full-screen/style/index.js

@@ -0,0 +1 @@
+import '@aplus-frontend/ui/theme/full-screen/index.less';