@das-fed/ui 6.4.0-hot.23 → 6.4.0-hot.25

package/packages/components/loading/index.js

@@ -1,6 +1,7 @@
 import '@das-fed/ui/packages/components/loading/style.css';
 import { inject as D, ref as I, computed as x, unref as Z, openBlock as N, createElementBlock as V, createStaticVNode as R, createElementVNode as z, reactive as M, defineComponent as Q, h as _, Transition as W, withCtx as X, withDirectives as ee, createVNode as te, vShow as ne, createApp as oe, toRefs as se, nextTick as j, isRef as ae } from "vue";
 import { setThemeRule as re } from "@das-fed/web/packages/theme/index";
+import { t as ce } from "@das-fed/web/packages/i18n/index";
 /**
 * @vue/shared v3.5.11
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
@@ -11,22 +12,22 @@ process.env.NODE_ENV !== "production" && Object.freeze([]);
 const K = (t) => typeof t == "string", F = (t) => t !== null && typeof t == "object", G = (t) => {
   const e = /* @__PURE__ */ Object.create(null);
   return (n) => e[n] || (e[n] = t(n));
-}, ce = /-(\w)/g, le = G(
-  (t) => t.replace(ce, (e, n) => n ? n.toUpperCase() : "")
-), ie = /\B([A-Z])/g, de = G(
-  (t) => t.replace(ie, "-$1").toLowerCase()
-), ue = (t) => typeof t == "number";
+}, le = /-(\w)/g, ie = G(
+  (t) => t.replace(le, (e, n) => n ? n.toUpperCase() : "")
+), de = /\B([A-Z])/g, ue = G(
+  (t) => t.replace(de, "-$1").toLowerCase()
+), ve = (t) => typeof t == "number";
 var B;
 const A = typeof window < "u";
 A && ((B = window == null ? void 0 : window.navigator) != null && B.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
 const q = (t = "") => t.split(" ").filter((e) => !!e.trim()), E = (t, e) => {
   !t || !e.trim() || t.classList.add(...q(e));
-}, $ = (t, e) => {
+}, C = (t, e) => {
   !t || !e.trim() || t.classList.remove(...q(e));
 }, b = (t, e) => {
   var o;
   if (!A || !t || !e) return "";
-  let n = le(e);
+  let n = ie(e);
   n === "float" && (n = "cssFloat");
   try {
     const c = t.style[n];
@@ -36,26 +37,26 @@ const q = (t = "") => t.split(" ").filter((e) => !!e.trim()), E = (t, e) => {
   } catch {
     return t.style[n];
   }
-}, L = "das", ve = "is-", m = (t, e, n, o, c) => {
+}, L = "das", me = "is-", f = (t, e, n, o, c) => {
   let a = `${t}-${e}`;
   return n && (a += `-${n}`), o && (a += `__${o}`), c && (a += `--${c}`), a;
-}, fe = Symbol("namespaceContextKey"), me = (t) => {
+}, fe = Symbol("namespaceContextKey"), ge = (t) => {
   const e = t || D(fe, I(L));
   return x(() => Z(e) || L);
-}, ge = (t, e) => {
-  const n = me(e);
+}, pe = (t, e) => {
+  const n = ge(e);
   return {
     namespace: n,
-    b: (s = "") => m(n.value, t, s, "", ""),
-    e: (s) => s ? m(n.value, t, "", s, "") : "",
-    m: (s) => s ? m(n.value, t, "", "", s) : "",
-    be: (s, r) => s && r ? m(n.value, t, s, r, "") : "",
-    em: (s, r) => s && r ? m(n.value, t, "", s, r) : "",
-    bm: (s, r) => s && r ? m(n.value, t, s, "", r) : "",
-    bem: (s, r, i) => s && r && i ? m(n.value, t, s, r, i) : "",
+    b: (s = "") => f(n.value, t, s, "", ""),
+    e: (s) => s ? f(n.value, t, "", s, "") : "",
+    m: (s) => s ? f(n.value, t, "", "", s) : "",
+    be: (s, r) => s && r ? f(n.value, t, s, r, "") : "",
+    em: (s, r) => s && r ? f(n.value, t, "", s, r) : "",
+    bm: (s, r) => s && r ? f(n.value, t, s, "", r) : "",
+    bem: (s, r, i) => s && r && i ? f(n.value, t, s, r, i) : "",
     is: (s, ...r) => {
       const i = r.length >= 1 ? r[0] : !0;
-      return s && i ? `${ve}${s}` : "";
+      return s && i ? `${me}${s}` : "";
     },
     // css
     cssVar: (s) => {
@@ -73,10 +74,10 @@ const q = (t = "") => t.split(" ").filter((e) => !!e.trim()), E = (t, e) => {
     },
     cssVarBlockName: (s) => `--${n.value}-${t}-${s}`
   };
-}, S = I(0), U = 2e3, pe = Symbol("zIndexContextKey"), ye = (t) => {
-  const e = t || D(pe, void 0), n = x(() => {
+}, S = I(0), U = 2e3, ye = Symbol("zIndexContextKey"), be = (t) => {
+  const e = t || D(ye, void 0), n = x(() => {
     const a = Z(e);
-    return ue(a) ? a : U;
+    return ve(a) ? a : U;
   }), o = x(() => n.value + S.value);
   return {
     initialZIndex: n,
@@ -84,11 +85,11 @@ const q = (t = "") => t.split(" ").filter((e) => !!e.trim()), E = (t, e) => {
     nextZIndex: () => (S.value++, o.value)
   };
 };
-function be(t) {
-  const e = ge(
+function xe(t) {
+  const e = pe(
     t,
     x(() => L)
-  ), n = ye(
+  ), n = be(
     x(() => U)
   );
   return {
@@ -101,15 +102,15 @@ const k = (t, e) => {
   for (const [o, c] of e)
     n[o] = c;
   return n;
-}, xe = {}, _e = { class: "das-loading-container das-loading-page" };
+}, _e = {}, $e = { class: "das-loading-container das-loading-page" };
 function Ce(t, e) {
-  return N(), V("div", _e, e[0] || (e[0] = [
+  return N(), V("div", $e, e[0] || (e[0] = [
     R('<div class="das-loading-dot-loading" data-v-8440951a><i class="das-loading-dot-item" data-v-8440951a></i><i class="das-loading-dot-item" data-v-8440951a></i><i class="das-loading-dot-item" data-v-8440951a></i><i class="das-loading-dot-item" data-v-8440951a></i></div>', 1)
   ]));
 }
-const O = /* @__PURE__ */ k(xe, [["render", Ce], ["__scopeId", "data-v-8440951a"]]), $e = {}, Ie = { class: "das-loading-container das-loading-component" };
-function he(t, e) {
-  return N(), V("div", Ie, e[0] || (e[0] = [
+const O = /* @__PURE__ */ k(_e, [["render", Ce], ["__scopeId", "data-v-8440951a"]]), Ie = {}, he = { class: "das-loading-container das-loading-component" };
+function Le(t, e) {
+  return N(), V("div", he, e[0] || (e[0] = [
     z(
       "div",
       { class: "das-loading-dot-loading" },
@@ -121,14 +122,14 @@ function he(t, e) {
     )
   ]));
 }
-const Le = /* @__PURE__ */ k($e, [["render", he], ["__scopeId", "data-v-b8cb162d"]]), we = {}, Ne = { class: "das-loading-container das-loading-containerload" };
-function Ve(t, e) {
-  return N(), V("div", Ne, e[0] || (e[0] = [
+const we = /* @__PURE__ */ k(Ie, [["render", Le], ["__scopeId", "data-v-b8cb162d"]]), Ne = {}, Ve = { class: "das-loading-container das-loading-containerload" };
+function Ae(t, e) {
+  return N(), V("div", Ve, e[0] || (e[0] = [
     R('<div class="das-loading-dot-loading" data-v-58e751e4><i class="das-loading-dot-item" data-v-58e751e4></i><i class="das-loading-dot-item" data-v-58e751e4></i><i class="das-loading-dot-item" data-v-58e751e4></i><i class="das-loading-dot-item" data-v-58e751e4></i></div>', 1)
   ]));
 }
-const Ae = /* @__PURE__ */ k(we, [["render", Ve], ["__scopeId", "data-v-58e751e4"]]);
-function ke(t) {
+const ke = /* @__PURE__ */ k(Ne, [["render", Ae], ["__scopeId", "data-v-58e751e4"]]);
+function ze(t) {
   let e;
   const n = I(!1), o = M({
     ...t,
@@ -140,16 +141,16 @@ function ke(t) {
     o.text = l;
   }
   function a() {
-    const l = o.parent, f = p.ns;
+    const l = o.parent, m = p.ns;
     if (!l.vLoadingAddClassList) {
       let v = l.getAttribute("loading-number");
-      v = Number.parseInt(v) - 1, v ? l.setAttribute("loading-number", v.toString()) : ($(l, f.bm("parent", "relative")), l.removeAttribute("loading-number")), $(l, f.bm("parent", "hidden"));
+      v = Number.parseInt(v) - 1, v ? l.setAttribute("loading-number", v.toString()) : (C(l, m.bm("parent", "relative")), l.removeAttribute("loading-number")), C(l, m.bm("parent", "hidden"));
     }
     u(), h.unmount();
   }
   function u() {
-    var l, f;
-    (f = (l = p.$el) == null ? void 0 : l.parentNode) == null || f.removeChild(p.$el);
+    var l, m;
+    (m = (l = p.$el) == null ? void 0 : l.parentNode) == null || m.removeChild(p.$el);
   }
   function y() {
     var l;
@@ -162,15 +163,15 @@ function ke(t) {
   }
   const g = Q({
     name: "DasLoading",
-    setup(l, { expose: f }) {
-      const { ns: v, zIndex: s } = be("loading");
-      return f({
+    setup(l, { expose: m }) {
+      const { ns: v, zIndex: s } = xe("loading");
+      return m({
         ns: v,
         zIndex: s
       }), () => {
         let r = o.spinner || o.svg || O;
         const i = o.type;
-        i == "page" && (r = O), i == "container" && (r = Ae), i == "component" && (r = Le);
+        i == "page" && (r = O), i == "container" && (r = ke), i == "component" && (r = we);
         const H = _(r), J = o.text ? _("p", { class: v.b("text") }, [o.text]) : void 0;
         return _(
           W,
@@ -223,23 +224,23 @@ function ke(t) {
     }
   };
 }
-let C;
+let $;
 const Y = function(t = {}) {
   if (!A) return;
-  const e = ze(t);
-  if (e.fullscreen && C)
-    return C;
-  const n = ke({
+  const e = Be(t);
+  if (e.fullscreen && $)
+    return $;
+  const n = ze({
     ...e,
     closed: () => {
       var c;
-      (c = e.closed) == null || c.call(e), e.fullscreen && (C = void 0);
+      (c = e.closed) == null || c.call(e), e.fullscreen && ($ = void 0);
     }
   });
-  Be(e, e.parent, n), T(e, e.parent, n), e.parent.vLoadingAddClassList = () => T(e, e.parent, n);
+  Ee(e, e.parent, n), T(e, e.parent, n), e.parent.vLoadingAddClassList = () => T(e, e.parent, n);
   let o = e.parent.getAttribute("loading-number");
-  return o ? o = `${Number.parseInt(o) + 1}` : o = "1", e.parent.setAttribute("loading-number", o), e.parent.appendChild(n.$el), j(() => n.visible.value = e.visible), e.fullscreen && (C = n), n;
-}, ze = (t) => {
+  return o ? o = `${Number.parseInt(o) + 1}` : o = "1", e.parent.setAttribute("loading-number", o), e.parent.appendChild(n.$el), j(() => n.visible.value = e.visible), e.fullscreen && ($ = n), n;
+}, Be = (t) => {
   let e;
   return K(t.target) ? e = document.querySelector(t.target) ?? document.body : e = t.target || document.body, {
     parent: e === document.body || t.body ? document.body : e,
@@ -255,7 +256,7 @@ const Y = function(t = {}) {
     visible: t.visible ?? !0,
     target: e
   };
-}, Be = async (t, e, n) => {
+}, Ee = async (t, e, n) => {
   const { nextZIndex: o } = n.vm.zIndex || n.vm._.exposed.zIndex, c = {};
   if (t.fullscreen)
     n.originalPosition.value = b(document.body, "position"), n.originalOverflow.value = b(document.body, "overflow"), c.zIndex = o();
@@ -273,13 +274,13 @@ const Y = function(t = {}) {
     n.$el.style[a] = u;
 }, T = (t, e, n) => {
   const o = n.vm.ns || n.vm._.exposed.ns;
-  ["absolute", "fixed", "sticky"].includes(n.originalPosition.value) ? $(e, o.bm("parent", "relative")) : E(e, o.bm("parent", "relative")), t.fullscreen && t.lock ? E(e, o.bm("parent", "hidden")) : $(e, o.bm("parent", "hidden"));
+  ["absolute", "fixed", "sticky"].includes(n.originalPosition.value) ? C(e, o.bm("parent", "relative")) : E(e, o.bm("parent", "relative")), t.fullscreen && t.lock ? E(e, o.bm("parent", "hidden")) : C(e, o.bm("parent", "hidden"));
 }, w = Symbol("DasLoading"), P = (t, e) => {
   const n = e.instance, o = (d) => F(e.value) ? e.value[d] : void 0, c = (d) => {
     const g = K(d) && (n == null ? void 0 : n[d]) || d;
     return g && I(g);
   }, a = (d) => c(
-    o(d) || t.getAttribute(`das-loading-${de(d)}`)
+    o(d) || t.getAttribute(`das-loading-${ue(d)}`)
   ), u = o("fullscreen") ?? e.modifiers.fullscreen, y = {
     type: a("type"),
     text: a("text"),
@@ -297,22 +298,22 @@ const Y = function(t = {}) {
     options: y,
     instance: Y(y)
   };
-}, Ee = (t, e) => {
+}, Se = (t, e) => {
   for (const n of Object.keys(e))
     ae(e[n]) && (e[n].value = t[n]);
-}, Pe = {
+}, Ze = {
   mounted(t, e) {
     e.value && P(t, e);
   },
   updated(t, e) {
     const n = t[w];
-    e.oldValue !== e.value && (e.value && !e.oldValue ? P(t, e) : e.value && e.oldValue ? F(e.value) && Ee(e.value, n.options) : n == null || n.instance.close());
+    e.oldValue !== e.value && (e.value && !e.oldValue ? P(t, e) : e.value && e.oldValue ? F(e.value) && Se(e.value, n.options) : n == null || n.instance.close());
   },
   unmounted(t) {
     var e;
     (e = t[w]) == null || e.instance.close();
   }
-}, Se = {
+}, Oe = {
   "--das-ui-loading-logo-1-color": "#2486ee",
   "--das-ui-loading-logo-2-color": "#02ccfe",
   "--das-ui-loading-logo-3-color": "#05c8c7",
@@ -320,12 +321,12 @@ const Y = function(t = {}) {
   "--das-ui-loading-logo-5-color": "#5582f3",
   "--das-ui-loading-logo-6-color": "#ebebeb"
 };
-re(Se);
-const De = {
+re(Oe);
+const Re = {
   service: Y
-}, Ze = { name: "loading 加载" };
+}, je = { name: `loading ${ce("加载")}` };
 export {
-  De as DasLoading,
-  Ze as default,
-  Pe as vDasLoading
+  Re as DasLoading,
+  je as default,
+  Ze as vDasLoading
 };