@das-fed/ui 6.4.0-test.2.1 → 6.4.0-test.20

package/packages/components/live-player/src/das-live-player.vue.d.ts

@@ -1,27 +1,29 @@
 import type { Props } from './type';
 declare function __VLS_template(): {
-    slots: {
-        error?(_: {}): any;
-    };
-    refs: {
-        video: HTMLVideoElement;
-    };
-    attrs: Partial<{}>;
+    error?(_: {}): any;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<Props, {
-    video: import("vue").Ref<HTMLVideoElement | null, HTMLVideoElement | null>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    loaded: (player: any) => any;
-    errorClick: () => any;
-}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<Props>, {
+    video: import("vue").Ref<HTMLVideoElement | null>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    loaded: (player: any) => void;
+    errorClick: () => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<Props>>> & {
     onLoaded?: ((player: any) => any) | undefined;
     onErrorClick?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+}, {}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/packages/components/live-player/style.css

@@ -1 +1 @@
-.das-live-player[data-v-007b5151]{height:100%;width:100%;min-width:10px;min-height:10px;position:relative}.das-live-player .video[data-v-007b5151]{width:100%;height:100%;object-fit:fill;background:#000}.das-live-player .error[data-v-007b5151]{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#409eff;font-size:12px;cursor:pointer;background:var(--3f4b64f1)}
+.das-live-player[data-v-70d5eba5]{height:100%;width:100%;min-width:10px;min-height:10px;position:relative}.das-live-player .video[data-v-70d5eba5]{width:100%;height:100%;object-fit:fill;background:#000}.das-live-player .error[data-v-70d5eba5]{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#409eff;font-size:12px;cursor:pointer;background:var(--600c0879)}

package/packages/components/{search → loading}/i18n/index.d.ts

@@ -1,7 +1,8 @@
 declare const _default: {
-    'demo-msg': {
+    加载: {
         'zh-CN': string;
         en: string;
+        _appCode: string;
     };
 };
 export default _default;

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 ce } from "@das-fed/web/packages/theme/index";
+import { inject as D, ref as C, computed as b, unref as R, openBlock as N, createElementBlock as V, createStaticVNode as Z, pushScopeId as M, popScopeId as Q, createElementVNode as z, reactive as W, defineComponent as X, h as x, Transition as ee, withCtx as te, withDirectives as ne, createVNode as oe, vShow as se, createApp as ae, toRefs as ce, nextTick as j, isRef as re } from "vue";
+import { setThemeRule as de } from "@das-fed/web/packages/theme/index";
+import { setI18nRule as ie, t as le } from "@das-fed/web/packages/i18n/index";
 /**
 * @vue/shared v3.4.21
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
@@ -8,277 +9,271 @@ import { setThemeRule as ce } from "@das-fed/web/packages/theme/index";
 **/
 process.env.NODE_ENV !== "production" && Object.freeze({});
 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));
-}, re = /-(\w)/g, le = G((t) => t.replace(re, (e, n) => n ? n.toUpperCase() : "")), de = /\B([A-Z])/g, ie = G(
-  (t) => t.replace(de, "-$1").toLowerCase()
-), ue = (t) => typeof t == "number";
-var B;
+const K = (e) => typeof e == "string", F = (e) => e !== null && typeof e == "object", G = (e) => {
+  const t = /* @__PURE__ */ Object.create(null);
+  return (n) => t[n] || (t[n] = e(n));
+}, ue = /-(\w)/g, fe = G((e) => e.replace(ue, (t, n) => n ? n.toUpperCase() : "")), ve = /\B([A-Z])/g, me = G(
+  (e) => e.replace(ve, "-$1").toLowerCase()
+), ge = (e) => typeof e == "number";
+var S;
 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) => {
-  !t || !e.trim() || t.classList.remove(...q(e));
-}, b = (t, e) => {
+A && ((S = window == null ? void 0 : window.navigator) != null && S.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+const q = (e = "") => e.split(" ").filter((t) => !!t.trim()), B = (e, t) => {
+  !e || !t.trim() || e.classList.add(...q(t));
+}, $ = (e, t) => {
+  !e || !t.trim() || e.classList.remove(...q(t));
+}, y = (e, t) => {
   var o;
-  if (!A || !t || !e) return "";
-  let n = le(e);
+  if (!A || !e || !t) return "";
+  let n = fe(t);
   n === "float" && (n = "cssFloat");
   try {
-    const r = t.style[n];
+    const r = e.style[n];
     if (r) return r;
-    const a = (o = document.defaultView) == null ? void 0 : o.getComputedStyle(t, "");
+    const a = (o = document.defaultView) == null ? void 0 : o.getComputedStyle(e, "");
     return a ? a[n] : "";
   } catch {
-    return t.style[n];
+    return e.style[n];
   }
-}, L = "das", ve = "is-", m = (t, e, n, o, r) => {
-  let a = `${t}-${e}`;
+}, w = "das", pe = "is-", m = (e, t, n, o, r) => {
+  let a = `${e}-${t}`;
   return n && (a += `-${n}`), o && (a += `__${o}`), r && (a += `--${r}`), a;
-}, fe = Symbol("namespaceContextKey"), me = (t) => {
-  const e = t || D(fe, I(L));
-  return x(() => Z(e) || L);
-}, ge = (t, e) => {
-  const n = me(e);
+}, _e = Symbol("namespaceContextKey"), ye = (e) => {
+  const t = e || D(_e, C(w));
+  return b(() => R(t) || w);
+}, be = (e, t) => {
+  const n = ye(t);
   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, c) => s && c ? m(n.value, t, s, c, "") : "",
-    em: (s, c) => s && c ? m(n.value, t, "", s, c) : "",
-    bm: (s, c) => s && c ? m(n.value, t, s, "", c) : "",
-    bem: (s, c, d) => s && c && d ? m(n.value, t, s, c, d) : "",
+    b: (s = "") => m(n.value, e, s, "", ""),
+    e: (s) => s ? m(n.value, e, "", s, "") : "",
+    m: (s) => s ? m(n.value, e, "", "", s) : "",
+    be: (s, c) => s && c ? m(n.value, e, s, c, "") : "",
+    em: (s, c) => s && c ? m(n.value, e, "", s, c) : "",
+    bm: (s, c) => s && c ? m(n.value, e, s, "", c) : "",
+    bem: (s, c, i) => s && c && i ? m(n.value, e, s, c, i) : "",
     is: (s, ...c) => {
-      const d = c.length >= 1 ? c[0] : !0;
-      return s && d ? `${ve}${s}` : "";
+      const i = c.length >= 1 ? c[0] : !0;
+      return s && i ? `${pe}${s}` : "";
     },
     // css
     cssVar: (s) => {
       const c = {};
-      for (const d in s)
-        s[d] && (c[`--${n.value}-${d}`] = s[d]);
+      for (const i in s)
+        s[i] && (c[`--${n.value}-${i}`] = s[i]);
       return c;
     },
     cssVarName: (s) => `--${n.value}-${s}`,
     cssVarBlock: (s) => {
       const c = {};
-      for (const d in s)
-        s[d] && (c[`--${n.value}-${t}-${d}`] = s[d]);
+      for (const i in s)
+        s[i] && (c[`--${n.value}-${e}-${i}`] = s[i]);
       return c;
     },
-    cssVarBlockName: (s) => `--${n.value}-${t}-${s}`
+    cssVarBlockName: (s) => `--${n.value}-${e}-${s}`
   };
-}, S = I(0), U = 2e3, pe = Symbol("zIndexContextKey"), ye = (t) => {
-  const e = t || D(pe, void 0), n = x(() => {
-    const a = Z(e);
-    return ue(a) ? a : U;
-  }), o = x(() => n.value + S.value);
+}, E = C(0), U = 2e3, xe = Symbol("zIndexContextKey"), he = (e) => {
+  const t = e || D(xe, void 0), n = b(() => {
+    const a = R(t);
+    return ge(a) ? a : U;
+  }), o = b(() => n.value + E.value);
   return {
     initialZIndex: n,
     currentZIndex: o,
-    nextZIndex: () => (S.value++, o.value)
+    nextZIndex: () => (E.value++, o.value)
   };
 };
-function be(t) {
-  const e = ge(
-    t,
-    x(() => L)
-  ), n = ye(
-    x(() => U)
+function $e(e) {
+  const t = be(
+    e,
+    b(() => w)
+  ), n = he(
+    b(() => U)
   );
   return {
-    ns: e,
+    ns: t,
     zIndex: n
   };
 }
-const k = (t, e) => {
-  const n = t.__vccOpts || t;
-  for (const [o, r] of e)
+const k = (e, t) => {
+  const n = e.__vccOpts || e;
+  for (const [o, r] of t)
     n[o] = r;
   return n;
-}, xe = {}, _e = { class: "das-loading-container das-loading-page" };
-function Ce(t, e) {
-  return N(), V("div", _e, e[0] || (e[0] = [
-    R('<div class="das-loading-dot-loading" data-v-6f86e018><i class="das-loading-dot-item" data-v-6f86e018></i><i class="das-loading-dot-item" data-v-6f86e018></i><i class="das-loading-dot-item" data-v-6f86e018></i><i class="das-loading-dot-item" data-v-6f86e018></i></div>', 1)
-  ]));
+}, Ce = {}, Ie = { class: "das-loading-container das-loading-page" }, we = /* @__PURE__ */ Z('<div class="das-loading-dot-loading" data-v-6f86e018><i class="das-loading-dot-item" data-v-6f86e018></i><i class="das-loading-dot-item" data-v-6f86e018></i><i class="das-loading-dot-item" data-v-6f86e018></i><i class="das-loading-dot-item" data-v-6f86e018></i></div>', 1), Le = [
+  we
+];
+function Ne(e, t) {
+  return N(), V("div", Ie, Le);
 }
-const O = /* @__PURE__ */ k(xe, [["render", Ce], ["__scopeId", "data-v-6f86e018"]]), $e = {}, Ie = { class: "das-loading-container das-loading-component" };
-function he(t, e) {
-  return N(), V("div", Ie, e[0] || (e[0] = [
-    z(
-      "div",
-      { class: "das-loading-dot-loading" },
-      [
-        z("i", { class: "das-loading-dot-item" })
-      ],
-      -1
-      /* HOISTED */
-    )
-  ]));
+const O = /* @__PURE__ */ k(Ce, [["render", Ne], ["__scopeId", "data-v-6f86e018"]]), Ve = {}, Ae = (e) => (M("data-v-88fde512"), e = e(), Q(), e), ke = { class: "das-loading-container das-loading-component" }, ze = /* @__PURE__ */ Ae(() => /* @__PURE__ */ z("div", { class: "das-loading-dot-loading" }, [
+  /* @__PURE__ */ z("i", { class: "das-loading-dot-item" })
+], -1)), Se = [
+  ze
+];
+function Be(e, t) {
+  return N(), V("div", ke, Se);
 }
-const Le = /* @__PURE__ */ k($e, [["render", he], ["__scopeId", "data-v-88fde512"]]), we = {}, Ne = { class: "das-loading-container das-loading-containerload" };
-function Ve(t, e) {
-  return N(), V("div", Ne, e[0] || (e[0] = [
-    R('<div class="das-loading-dot-loading" data-v-e851d2c9><i class="das-loading-dot-item" data-v-e851d2c9></i><i class="das-loading-dot-item" data-v-e851d2c9></i><i class="das-loading-dot-item" data-v-e851d2c9></i><i class="das-loading-dot-item" data-v-e851d2c9></i></div>', 1)
-  ]));
+const Ee = /* @__PURE__ */ k(Ve, [["render", Be], ["__scopeId", "data-v-88fde512"]]), Oe = {}, Te = { class: "das-loading-container das-loading-containerload" }, Pe = /* @__PURE__ */ Z('<div class="das-loading-dot-loading" data-v-e851d2c9><i class="das-loading-dot-item" data-v-e851d2c9></i><i class="das-loading-dot-item" data-v-e851d2c9></i><i class="das-loading-dot-item" data-v-e851d2c9></i><i class="das-loading-dot-item" data-v-e851d2c9></i></div>', 1), De = [
+  Pe
+];
+function Re(e, t) {
+  return N(), V("div", Te, De);
 }
-const Ae = /* @__PURE__ */ k(we, [["render", Ve], ["__scopeId", "data-v-e851d2c9"]]);
-function ke(t) {
-  let e;
-  const n = I(!1), o = M({
-    ...t,
+const Ze = /* @__PURE__ */ k(Oe, [["render", Re], ["__scopeId", "data-v-e851d2c9"]]);
+function je(e) {
+  let t;
+  const n = C(!1), o = W({
+    ...e,
     originalPosition: "",
     originalOverflow: "",
     visible: !1
   });
-  function r(l) {
-    o.text = l;
+  function r(d) {
+    o.text = d;
   }
   function a() {
-    const l = o.parent, f = 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"));
+    const d = o.parent, v = p.ns;
+    if (!d.vLoadingAddClassList) {
+      let f = d.getAttribute("loading-number");
+      f = Number.parseInt(f) - 1, f ? d.setAttribute("loading-number", f.toString()) : ($(d, v.bm("parent", "relative")), d.removeAttribute("loading-number")), $(d, v.bm("parent", "hidden"));
     }
-    u(), h.unmount();
+    u(), I.unmount();
   }
   function u() {
-    var l, f;
-    (f = (l = p.$el) == null ? void 0 : l.parentNode) == null || f.removeChild(p.$el);
+    var d, v;
+    (v = (d = p.$el) == null ? void 0 : d.parentNode) == null || v.removeChild(p.$el);
   }
-  function y() {
-    var l;
-    t.beforeClose && !t.beforeClose() || (n.value = !0, clearTimeout(e), e = window.setTimeout(i, 400), o.visible = !1, (l = t.closed) == null || l.call(t));
+  function _() {
+    var d;
+    e.beforeClose && !e.beforeClose() || (n.value = !0, clearTimeout(t), t = window.setTimeout(l, 400), o.visible = !1, (d = e.closed) == null || d.call(e));
   }
-  function i() {
+  function l() {
     if (!n.value) return;
-    const l = o.parent;
-    n.value = !1, l.vLoadingAddClassList = void 0, a();
+    const d = o.parent;
+    n.value = !1, d.vLoadingAddClassList = void 0, a();
   }
-  const g = Q({
+  const g = X({
     name: "DasLoading",
-    setup(l, { expose: f }) {
-      const { ns: v, zIndex: s } = be("loading");
-      return f({
-        ns: v,
+    setup(d, { expose: v }) {
+      const { ns: f, zIndex: s } = $e("loading");
+      return v({
+        ns: f,
         zIndex: s
       }), () => {
         let c = o.spinner || o.svg || O;
-        const d = o.type;
-        d == "page" && (c = O), d == "container" && (c = Ae), d == "component" && (c = Le);
-        const H = _(c), J = o.text ? _("p", { class: v.b("text") }, [o.text]) : void 0;
-        return _(
-          W,
+        const i = o.type;
+        i == "page" && (c = O), i == "container" && (c = Ze), i == "component" && (c = Ee);
+        const H = x(c), J = o.text ? x("p", { class: f.b("text") }, [o.text]) : void 0;
+        return x(
+          ee,
           {
-            name: v.b("fade"),
-            onAfterLeave: i
+            name: f.b("fade"),
+            onAfterLeave: l
           },
           {
-            default: X(() => [
-              ee(
-                te(
+            default: te(() => [
+              ne(
+                oe(
                   "div",
                   {
                     style: {
                       backgroundColor: o.background || ""
                     },
                     class: [
-                      v.b("mask"),
+                      f.b("mask"),
                       o.customClass,
                       o.fullscreen ? "is-fullscreen" : ""
                     ]
                   },
                   [
-                    _(
+                    x(
                       "div",
                       {
-                        class: v.b("spinner")
+                        class: f.b("spinner")
                       },
                       [H, J]
                     )
                   ]
                 ),
-                [[ne, o.visible]]
+                [[se, o.visible]]
               )
             ])
           }
         );
       };
     }
-  }), h = oe(g), p = h.mount(document.createElement("div"));
+  }), I = ae(g), p = I.mount(document.createElement("div"));
   return {
-    ...se(o),
+    ...ce(o),
     setText: r,
     removeElLoadingChild: u,
-    close: y,
-    handleAfterLeave: i,
+    close: _,
+    handleAfterLeave: l,
     vm: p,
     get $el() {
       return p.$el;
     }
   };
 }
-let C;
-const Y = function(t = {}) {
+let h;
+const Y = function(e = {}) {
   if (!A) return;
-  const e = ze(t);
-  if (e.fullscreen && C)
-    return C;
-  const n = ke({
-    ...e,
+  const t = Ke(e);
+  if (t.fullscreen && h)
+    return h;
+  const n = je({
+    ...t,
     closed: () => {
       var r;
-      (r = e.closed) == null || r.call(e), e.fullscreen && (C = void 0);
+      (r = t.closed) == null || r.call(t), t.fullscreen && (h = void 0);
     }
   });
-  Be(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) => {
-  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,
-    background: t.background || "",
-    svg: t.svg || "",
-    svgViewBox: t.svgViewBox || "",
-    spinner: t.spinner || !1,
-    text: t.text || "",
-    type: t.type || "",
-    fullscreen: e === document.body && (t.fullscreen ?? !0),
-    lock: t.lock ?? !1,
-    customClass: t.customClass || "",
-    visible: t.visible ?? !0,
-    target: e
+  Fe(t, t.parent, n), T(t, t.parent, n), t.parent.vLoadingAddClassList = () => T(t, t.parent, n);
+  let o = t.parent.getAttribute("loading-number");
+  return o ? o = `${Number.parseInt(o) + 1}` : o = "1", t.parent.setAttribute("loading-number", o), t.parent.appendChild(n.$el), j(() => n.visible.value = t.visible), t.fullscreen && (h = n), n;
+}, Ke = (e) => {
+  let t;
+  return K(e.target) ? t = document.querySelector(e.target) ?? document.body : t = e.target || document.body, {
+    parent: t === document.body || e.body ? document.body : t,
+    background: e.background || "",
+    svg: e.svg || "",
+    svgViewBox: e.svgViewBox || "",
+    spinner: e.spinner || !1,
+    text: e.text || "",
+    type: e.type || "",
+    fullscreen: t === document.body && (e.fullscreen ?? !0),
+    lock: e.lock ?? !1,
+    customClass: e.customClass || "",
+    visible: e.visible ?? !0,
+    target: t
   };
-}, Be = async (t, e, n) => {
+}, Fe = async (e, t, n) => {
   const { nextZIndex: o } = n.vm.zIndex || n.vm._.exposed.zIndex, r = {};
-  if (t.fullscreen)
-    n.originalPosition.value = b(document.body, "position"), n.originalOverflow.value = b(document.body, "overflow"), r.zIndex = o();
-  else if (t.parent === document.body) {
-    n.originalPosition.value = b(document.body, "position"), await j();
+  if (e.fullscreen)
+    n.originalPosition.value = y(document.body, "position"), n.originalOverflow.value = y(document.body, "overflow"), r.zIndex = o();
+  else if (e.parent === document.body) {
+    n.originalPosition.value = y(document.body, "position"), await j();
     for (const a of ["top", "left"]) {
       const u = a === "top" ? "scrollTop" : "scrollLeft";
-      r[a] = `${t.target.getBoundingClientRect()[a] + document.body[u] + document.documentElement[u] - Number.parseInt(b(document.body, `margin-${a}`), 10)}px`;
+      r[a] = `${e.target.getBoundingClientRect()[a] + document.body[u] + document.documentElement[u] - Number.parseInt(y(document.body, `margin-${a}`), 10)}px`;
     }
     for (const a of ["height", "width"])
-      r[a] = `${t.target.getBoundingClientRect()[a]}px`;
+      r[a] = `${e.target.getBoundingClientRect()[a]}px`;
   } else
-    n.originalPosition.value = b(e, "position");
+    n.originalPosition.value = y(t, "position");
   for (const [a, u] of Object.entries(r))
     n.$el.style[a] = u;
-}, T = (t, e, n) => {
+}, T = (e, t, 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"));
-}, w = Symbol("DasLoading"), P = (t, e) => {
-  const n = e.instance, o = (i) => F(e.value) ? e.value[i] : void 0, r = (i) => {
-    const g = K(i) && (n == null ? void 0 : n[i]) || i;
-    return g && I(g);
-  }, a = (i) => r(
-    o(i) || t.getAttribute(`das-loading-${ie(i)}`)
-  ), u = o("fullscreen") ?? e.modifiers.fullscreen, y = {
+  ["absolute", "fixed", "sticky"].includes(n.originalPosition.value) ? $(t, o.bm("parent", "relative")) : B(t, o.bm("parent", "relative")), e.fullscreen && e.lock ? B(t, o.bm("parent", "hidden")) : $(t, o.bm("parent", "hidden"));
+}, L = Symbol("DasLoading"), P = (e, t) => {
+  const n = t.instance, o = (l) => F(t.value) ? t.value[l] : void 0, r = (l) => {
+    const g = K(l) && (n == null ? void 0 : n[l]) || l;
+    return g && C(g);
+  }, a = (l) => r(
+    o(l) || e.getAttribute(`das-loading-${me(l)}`)
+  ), u = o("fullscreen") ?? t.modifiers.fullscreen, _ = {
     type: a("type"),
     text: a("text"),
     svg: a("svg"),
@@ -287,43 +282,44 @@ const Y = function(t = {}) {
     background: a("background"),
     customClass: a("customClass"),
     fullscreen: u,
-    target: o("target") ?? (u ? void 0 : t),
-    body: o("body") ?? e.modifiers.body,
-    lock: o("lock") ?? e.modifiers.lock
+    target: o("target") ?? (u ? void 0 : e),
+    body: o("body") ?? t.modifiers.body,
+    lock: o("lock") ?? t.modifiers.lock
   };
-  t[w] = {
-    options: y,
-    instance: Y(y)
+  e[L] = {
+    options: _,
+    instance: Y(_)
   };
-}, Ee = (t, e) => {
-  for (const n of Object.keys(e))
-    ae(e[n]) && (e[n].value = t[n]);
-}, Pe = {
-  mounted(t, e) {
-    e.value && P(t, e);
+}, Ge = (e, t) => {
+  for (const n of Object.keys(t))
+    re(t[n]) && (t[n].value = e[n]);
+}, Me = {
+  mounted(e, t) {
+    t.value && P(e, t);
   },
-  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());
+  updated(e, t) {
+    const n = e[L];
+    t.oldValue !== t.value && (t.value && !t.oldValue ? P(e, t) : t.value && t.oldValue ? F(t.value) && Ge(t.value, n.options) : n == null || n.instance.close());
   },
-  unmounted(t) {
-    var e;
-    (e = t[w]) == null || e.instance.close();
+  unmounted(e) {
+    var t;
+    (t = e[L]) == null || t.instance.close();
   }
-}, Se = {
+}, qe = {
   "--das-ui-loading-logo-1-color": "#2486ee",
   "--das-ui-loading-logo-2-color": "#02ccfe",
   "--das-ui-loading-logo-3-color": "#05c8c7",
   "--das-ui-loading-logo-4-color": "#a06eff",
   "--das-ui-loading-logo-5-color": "#5582f3",
   "--das-ui-loading-logo-6-color": "#ebebeb"
-};
-ce(Se);
-const De = {
+}, Ue = { 加载: { "zh-CN": "加载", en: "Loading", _appCode: "framework" } };
+ie(Ue);
+de(qe);
+const Qe = {
   service: Y
-}, Ze = { name: "loading 加载" };
+}, We = { name: `loading ${le("加载")}` };
 export {
-  De as DasLoading,
-  Ze as default,
-  Pe as vDasLoading
+  Qe as DasLoading,
+  We as default,
+  Me as vDasLoading
 };

package/packages/components/loading/src/components/ComponentLoad.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/packages/components/loading/src/components/ContainerLoad.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/packages/components/loading/src/components/PageLoad.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;