@das-fed/ui 6.4.0-hot.9.1 → 6.4.0-test.10

package/packages/components/special-range-picker-year/index.js

@@ -1,12 +1,12 @@
 import '@das-fed/ui/packages/components/special-range-picker-year/style.css';
 import { withInstall as ge } from "@das-fed/utils/with-install/index";
 import { i18n as N, setI18nRule as fe } from "@das-fed/web/packages/i18n/index";
-import { getVarValue as U, getVar as H, setThemeRule as be } from "@das-fed/web/packages/theme/index";
-import { ref as y, computed as W, defineComponent as he, onMounted as me, openBlock as I, createElementBlock as E, normalizeStyle as P, unref as e, createElementVNode as d, normalizeClass as R, createVNode as V, withCtx as X, toDisplayString as x, withDirectives as ee, createTextVNode as O, Fragment as Y, renderList as ae, createBlock as ke, Teleport as De, createCommentVNode as re } from "vue";
+import { getVarValue as U, getVar as H, setThemeRule as he } from "@das-fed/web/packages/theme/index";
+import { ref as y, computed as W, defineComponent as be, onMounted as me, openBlock as I, createElementBlock as E, normalizeStyle as P, unref as e, createElementVNode as d, normalizeClass as S, createVNode as V, withCtx as X, toDisplayString as x, withDirectives as ee, createTextVNode as O, Fragment as Y, renderList as ae, createBlock as ke, Teleport as De, createCommentVNode as re } from "vue";
 import { ElPopover as ye, ClickOutside as Me } from "element-plus";
 import "element-plus/es/components/popover/style/css";
-import { vDasTooltip as $e } from "@das-fed/ui/packages/components/text-tooltip/index";
-import { DasIconEmpty as we } from "@das-fed/ui/packages/icons/empty/index";
+import { vDasTooltip as we } from "@das-fed/ui/packages/components/text-tooltip/index";
+import { DasIconEmpty as $e } from "@das-fed/ui/packages/icons/empty/index";
 import { DasIconDate as Ie } from "@das-fed/ui/packages/icons/date/index";
 import { DasIconLeft as xe } from "@das-fed/ui/packages/icons/left/index";
 import { DasIconEntry as Ce } from "@das-fed/ui/packages/icons/entry/index";
@@ -15,7 +15,7 @@ import "@das-fed/ui/packages/global/theme";
 const oe = () => ({ getDateTime: (t) => {
   const v = `2020/${t}`;
   return new Date(v).getTime();
-}, formatDateStr: (t) => t >= 10 ? t : "0" + t }), Ee = (k, g, r, t, v, l, $) => {
+}, formatDateStr: (t) => t >= 10 ? t : "0" + t }), Ee = (k, g, r, t, v, l, w) => {
   const i = y({ begin: "", end: "" }), C = y(""), { getDateTime: f, formatDateStr: u } = oe();
   return {
     popClickData: i,
@@ -24,16 +24,16 @@ const oe = () => ({ getDateTime: (t) => {
       const m = {
         left: k.value,
         right: g.value
-      }, o = f(`${u(m[s])}/${u(n)}`), D = f(i.value.begin), w = f(i.value.end);
-      return o <= w && o >= D;
+      }, o = f(`${u(m[s])}/${u(n)}`), D = f(i.value.begin), $ = f(i.value.end);
+      return o <= $ && o >= D;
     },
     isInHoverRange: (n, s) => {
       if (!r.value[0] || !r.value[1]) return !1;
       const m = {
         left: k.value,
         right: g.value
-      }, o = f(`${u(m[s])}/${u(n)}`), D = f(r.value[0]), w = f(r.value[1]);
-      return o <= w && o >= D;
+      }, o = f(`${u(m[s])}/${u(n)}`), D = f(r.value[0]), $ = f(r.value[1]);
+      return o <= $ && o >= D;
     },
     isInNewRange: (n, s) => {
       if (!i.value.begin || !i.value.end || !C.value) return !1;
@@ -41,8 +41,8 @@ const oe = () => ({ getDateTime: (t) => {
         left: k.value,
         right: g.value
       }, o = f(`${u(m[s])}/${u(n)}`), D = f(C.value);
-      let w = f(i.value.begin), L = f(i.value.end);
-      return t.value === "begin" ? (D > w && (w = D), o <= L && o >= w) : (D < L && (L = D), o <= L && o >= w);
+      let $ = f(i.value.begin), L = f(i.value.end);
+      return t.value === "begin" ? (D > $ && ($ = D), o <= L && o >= $) : (D < L && (L = D), o <= L && o >= $);
     },
     outBeginDate: (n, s) => {
       if (!i.value.begin) return !1;
@@ -66,7 +66,7 @@ const oe = () => ({ getDateTime: (t) => {
         left: k.value,
         right: g.value
       }, o = `${u(m[s])}/${u(n)}`;
-      t.value === "begin" ? i.value.begin = o : i.value.end = o, v.value === 1 ? t.value = t.value === "begin" ? "end" : "begin" : $();
+      t.value === "begin" ? i.value.begin = o : i.value.end = o, v.value === 1 ? t.value = t.value === "begin" ? "end" : "begin" : w();
     },
     mouseEnter: (n, s) => {
       const m = {
@@ -79,7 +79,7 @@ const oe = () => ({ getDateTime: (t) => {
       C.value = "", t.value === "begin" ? r.value[0] = l.value[0] : r.value[1] = l.value[1];
     }
   };
-}, Re = (k) => {
+}, Se = (k) => {
   const g = y(), r = y(!1), t = y(0), v = y({
     x: 0,
     y: 0
@@ -91,7 +91,7 @@ const oe = () => ({ getDateTime: (t) => {
     padding: "2px 8px",
     "box-sizing": "border-box",
     "z-index": k.errorModelZIndex
-  })), $ = W(() => ({
+  })), w = W(() => ({
     ...l.value,
     width: t.value + "px",
     position: "fixed",
@@ -102,19 +102,19 @@ const oe = () => ({ getDateTime: (t) => {
     display: "block",
     "text-align": "left",
     color: U("--das-ui-special-range-picker-error").value,
-    "white-space": "break-spaces",
-    "word-break": "break-all"
+    "white-space": "break-spaces"
+    // 'word-break': 'break-all',
   }), C = () => {
-    var S, z, _;
-    t.value = (S = g.value) == null ? void 0 : S.clientWidth;
-    const { top: b, left: h } = (z = g.value) == null ? void 0 : z.getBoundingClientRect(), M = (_ = g.value) == null ? void 0 : _.clientHeight;
-    v.value.x = h, v.value.y = b + M;
+    var R, B, z;
+    t.value = (R = g.value) == null ? void 0 : R.clientWidth;
+    const { top: h = 0, left: b = 0 } = ((B = g.value) == null ? void 0 : B.getBoundingClientRect()) ?? {}, M = (z = g.value) == null ? void 0 : z.clientHeight;
+    v.value.x = b, v.value.y = h + M;
   };
   return {
     $dasSpecialRangeYearPicker: g,
     isHoverInInput: r,
     errorModalBaseSyle: l,
-    errorModelStyle: $,
+    errorModelStyle: w,
     errorLabelStyle: i,
     errorModalInputMouseEnter: () => {
       C(), r.value = !0;
@@ -123,10 +123,10 @@ const oe = () => ({ getDateTime: (t) => {
       r.value = !1;
     }
   };
-}, Se = { class: "date-container" }, Le = { class: "year-container" }, Be = { class: "month-container left-month-container" }, ze = { class: "header" }, _e = ["onMouseenter", "onClick"], Pe = { class: "item-text" }, Ve = { class: "month-container right-month-container" }, Fe = { class: "header" }, Ne = ["onMouseenter", "onClick"], He = { class: "item-text" }, Ye = {
+}, Re = { class: "date-container" }, Le = { class: "year-container" }, _e = { class: "month-container left-month-container" }, Be = { class: "header" }, ze = ["onMouseenter", "onClick"], Pe = { class: "item-text" }, Ve = { class: "month-container right-month-container" }, Fe = { class: "header" }, Ne = ["onMouseenter", "onClick"], He = { class: "item-text" }, Ye = {
   key: 0,
   class: "das-special-range-picker-error-label-content"
-}, Te = /* @__PURE__ */ he({
+}, Te = /* @__PURE__ */ be({
   __name: "Index",
   props: {
     modelValue: {},
@@ -143,15 +143,15 @@ const oe = () => ({ getDateTime: (t) => {
   },
   emits: ["update:modelValue", "update:error", "change", "show-popover"],
   setup(k, { emit: g }) {
-    const r = k, t = g, v = y(!1), l = te(r, "modelValue"), $ = y(["", ""]), i = te(r, "error"), C = y(0), f = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31], u = y({}), b = y(1), h = y(2), M = y(void 0);
-    let S = !0;
-    const z = y(0), _ = W(() => !r.disabled && !r.isView && l.value[0] && l.value[1]), T = (p, c) => {
+    const r = k, t = g, v = y(!1), l = te(r, "modelValue"), w = y(["", ""]), i = te(r, "error"), C = y(0), f = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31], u = y({}), h = y(1), b = y(2), M = y(void 0);
+    let R = !0;
+    const B = y(0), z = W(() => !r.disabled && !r.isView && l.value[0] && l.value[1]), T = (p, c) => {
       if (!(r.disabled || r.isView)) {
-        if (S = !1, v.value = !0, M.value = c, z.value = 0, $.value = [l.value[0], l.value[1]], p) {
+        if (R = !1, v.value = !0, M.value = c, B.value = 0, w.value = [l.value[0], l.value[1]], p) {
           const a = Number(p.split("/")[0]);
-          c === "begin" ? (b.value = a < 12 ? a : 11, h.value = b.value + 1) : (h.value = a > 1 ? a : 2, b.value = h.value - 1);
+          c === "begin" ? (h.value = a < 12 ? a : 11, b.value = h.value + 1) : (b.value = a > 1 ? a : 2, h.value = b.value - 1);
         } else
-          b.value = C.value < 12 ? C.value : 11, h.value = b.value + 1;
+          h.value = C.value < 12 ? C.value : 11, b.value = h.value + 1;
         t("show-popover");
       }
     }, Z = () => {
@@ -163,12 +163,12 @@ const oe = () => ({ getDateTime: (t) => {
       isInRange: m,
       isInHoverRange: o,
       isInNewRange: D,
-      outBeginDate: w,
+      outBeginDate: $,
       outEndDate: L,
       clickData: A,
       mouseEnter: j,
       mouseLeave: F
-    } = Ee(b, h, $, M, z, l, Z), {
+    } = Ee(h, b, w, M, B, l, Z), {
       $dasSpecialRangeYearPicker: ne,
       isHoverInInput: q,
       errorModalBaseSyle: le,
@@ -176,24 +176,24 @@ const oe = () => ({ getDateTime: (t) => {
       errorLabelStyle: G,
       errorModalInputMouseEnter: J,
       errorModallInputMouseLeave: K
-    } = Re(r), ie = () => {
-      b.value !== 1 && (b.value--, h.value--);
+    } = Se(r), ie = () => {
+      h.value !== 1 && (h.value--, b.value--);
     }, ue = () => {
-      h.value !== 12 && (h.value++, b.value++);
+      b.value !== 12 && (b.value++, h.value++);
     }, ce = () => {
       setTimeout(() => {
-        if (!S) {
-          S = !0;
+        if (!R) {
+          R = !0;
           return;
         }
-        $.value = ["", ""], s.value = { begin: l.value[0], end: l.value[1] }, M.value = void 0, v.value = !1;
+        w.value = ["", ""], s.value = { begin: l.value[0], end: l.value[1] }, M.value = void 0, v.value = !1;
       }, 50);
     }, de = () => {
       t("update:modelValue", [null, null]), t("update:error", !1), t("change", [null, null]);
     }, ve = (p) => {
-      const c = (B) => Array.from({ length: B }, (Q, pe) => pe + 1), a = /* @__PURE__ */ new Date();
-      C.value = a.getMonth() + 1, f.forEach((B, Q) => {
-        p[Q + 1] = c(B);
+      const c = (_) => Array.from({ length: _ }, (Q, pe) => pe + 1), a = /* @__PURE__ */ new Date();
+      C.value = a.getMonth() + 1, f.forEach((_, Q) => {
+        p[Q + 1] = c(_);
       }), s.value = { begin: l.value[0], end: l.value[1] };
     };
     return me(() => {
@@ -213,7 +213,7 @@ const oe = () => ({ getDateTime: (t) => {
         d(
           "div",
           {
-            class: R(["das-ui-special-range-picker-year-container", [
+            class: S(["das-ui-special-range-picker-year-container", [
               p.borderType,
               r.disabled ? "disabled" : "",
               r.isView ? "readonly" : "",
@@ -231,17 +231,17 @@ const oe = () => ({ getDateTime: (t) => {
               trigger: "click"
             }, {
               reference: X(() => [
-                d("div", Se, [
+                d("div", Re, [
                   d(
                     "div",
                     {
-                      class: R(["left-date", {
-                        placeholder: !e(l)[0] || M.value === "begin" && $.value[0],
+                      class: S(["left-date", {
+                        placeholder: !e(l)[0] || M.value === "begin" && w.value[0],
                         active: M.value === "begin"
                       }]),
                       onClick: c[0] || (c[0] = (a) => T(e(l)[0], "begin"))
                     },
-                    x($.value[0] || e(l)[0] || e(N)("das-special-range-picker-begin-date").value),
+                    x(w.value[0] || e(l)[0] || e(N)("das-special-range-picker-begin-date").value),
                     3
                     /* TEXT, CLASS */
                   ),
@@ -255,30 +255,30 @@ const oe = () => ({ getDateTime: (t) => {
                   d(
                     "div",
                     {
-                      class: R(["right-date", {
-                        placeholder: !e(l)[1] || M.value === "end" && $.value[1],
+                      class: S(["right-date", {
+                        placeholder: !e(l)[1] || M.value === "end" && w.value[1],
                         active: M.value === "end"
                       }]),
                       onClick: c[1] || (c[1] = (a) => T(e(l)[1], "end"))
                     },
-                    x($.value[1] || e(l)[1] || e(N)("das-special-range-picker-end-date").value),
+                    x(w.value[1] || e(l)[1] || e(N)("das-special-range-picker-end-date").value),
                     3
                     /* TEXT, CLASS */
                   ),
                   d(
                     "div",
                     {
-                      class: R({ "is-view": r.isView }),
+                      class: S({ "is-view": r.isView }),
                       style: { width: "16px" }
                     },
                     [
                       V(e(Ie), {
-                        class: R(["icon-date", { "has-data": _.value }]),
+                        class: S(["icon-date", { "has-data": z.value }]),
                         size: "medium",
                         "icon-color": e(H)("--das-ui-color-normal")
                       }, null, 8, ["class", "icon-color"]),
-                      V(e(we), {
-                        class: R(["icon-delete", { "has-data": _.value }]),
+                      V(e($e), {
+                        class: S(["icon-delete", { "has-data": z.value }]),
                         size: "medium",
                         "icon-color": e(H)("--das-ui-special-range-picker-close-btn"),
                         onClick: de
@@ -291,12 +291,12 @@ const oe = () => ({ getDateTime: (t) => {
               ]),
               default: X(() => [
                 ee((I(), E("div", Le, [
-                  d("div", Be, [
-                    d("div", ze, [
+                  d("div", _e, [
+                    d("div", Be, [
                       d(
                         "div",
                         {
-                          class: R(["turn-btn turn-left", { disabled: b.value === 1 }])
+                          class: S(["turn-btn turn-left", { disabled: h.value === 1 }])
                         },
                         [
                           V(e(xe), {
@@ -310,7 +310,7 @@ const oe = () => ({ getDateTime: (t) => {
                         /* CLASS */
                       ),
                       O(
-                        " " + x(b.value) + x(e(N)("das-special-range-picker-month").value),
+                        " " + x(h.value) + x(e(N)("das-special-range-picker-month").value),
                         1
                         /* TEXT */
                       )
@@ -326,16 +326,16 @@ const oe = () => ({ getDateTime: (t) => {
                         (I(!0), E(
                           Y,
                           null,
-                          ae(u.value[b.value], (a) => (I(), E("div", {
-                            class: R(["item", {
+                          ae(u.value[h.value], (a) => (I(), E("div", {
+                            class: S(["item", {
                               "in-range": e(m)(a, "left") || e(o)(a, "left"),
                               "new-range": e(D)(a, "left"),
-                              "range-start": e(s).begin === `${e(n)(b.value)}/${e(n)(a)}`,
-                              "range-end": e(s).end === `${e(n)(b.value)}/${e(n)(a)}`,
-                              "out-range": e(w)(a, "left") || e(L)(a, "left")
+                              "range-start": e(s).begin === `${e(n)(h.value)}/${e(n)(a)}`,
+                              "range-end": e(s).end === `${e(n)(h.value)}/${e(n)(a)}`,
+                              "out-range": e($)(a, "left") || e(L)(a, "left")
                             }]),
-                            onMouseenter: (B) => e(j)(a, "left"),
-                            onClick: (B) => e(A)(a, "left")
+                            onMouseenter: (_) => e(j)(a, "left"),
+                            onClick: (_) => e(A)(a, "left")
                           }, [
                             d(
                               "div",
@@ -344,7 +344,7 @@ const oe = () => ({ getDateTime: (t) => {
                               1
                               /* TEXT */
                             )
-                          ], 42, _e))),
+                          ], 42, ze))),
                           256
                           /* UNKEYED_FRAGMENT */
                         ))
@@ -358,7 +358,7 @@ const oe = () => ({ getDateTime: (t) => {
                       d(
                         "div",
                         {
-                          class: R(["turn-btn turn-right", { disabled: h.value === 12 }])
+                          class: S(["turn-btn turn-right", { disabled: b.value === 12 }])
                         },
                         [
                           V(e(Ce), {
@@ -372,7 +372,7 @@ const oe = () => ({ getDateTime: (t) => {
                         /* CLASS */
                       ),
                       O(
-                        " " + x(h.value) + x(e(N)("das-special-range-picker-month").value),
+                        " " + x(b.value) + x(e(N)("das-special-range-picker-month").value),
                         1
                         /* TEXT */
                       )
@@ -388,16 +388,16 @@ const oe = () => ({ getDateTime: (t) => {
                         (I(!0), E(
                           Y,
                           null,
-                          ae(u.value[h.value], (a) => (I(), E("div", {
-                            class: R(["item", {
+                          ae(u.value[b.value], (a) => (I(), E("div", {
+                            class: S(["item", {
                               "in-range": e(m)(a, "right") || e(o)(a, "right"),
                               "new-range": e(D)(a, "right"),
-                              "range-start": e(s).begin === `${e(n)(h.value)}/${e(n)(a)}`,
-                              "range-end": e(s).end === `${e(n)(h.value)}/${e(n)(a)}`,
-                              "out-range": e(w)(a, "right") || e(L)(a, "right")
+                              "range-start": e(s).begin === `${e(n)(b.value)}/${e(n)(a)}`,
+                              "range-end": e(s).end === `${e(n)(b.value)}/${e(n)(a)}`,
+                              "out-range": e($)(a, "right") || e(L)(a, "right")
                             }]),
-                            onMouseenter: (B) => e(j)(a, "right"),
-                            onClick: (B) => e(A)(a, "right")
+                            onMouseenter: (_) => e(j)(a, "right"),
+                            onClick: (_) => e(A)(a, "right")
                           }, [
                             d(
                               "div",
@@ -437,7 +437,7 @@ const oe = () => ({ getDateTime: (t) => {
                 /* TEXT */
               )
             ])), [
-              [e($e)]
+              [e(we)]
             ]) : e(q) ? (I(), E(
               Y,
               { key: 1 },
@@ -505,9 +505,9 @@ const oe = () => ({ getDateTime: (t) => {
     r[t] = v;
   return r;
 }, We = /* @__PURE__ */ Oe(Te, [["__scopeId", "data-v-124b18e9"]]), Ze = {
-  "das-special-range-picker-begin-date": { "zh-CN": "开始日期", en: "test" },
-  "das-special-range-picker-end-date": { "zh-CN": "结束日期", en: "test" },
-  "das-special-range-picker-month": { "zh-CN": "月", en: "test" }
+  "das-special-range-picker-begin-date": { "zh-CN": "开始日期", en: "Start Date", _appCode: "framework" },
+  "das-special-range-picker-end-date": { "zh-CN": "结束日期", en: "End Date", _appCode: "framework" },
+  "das-special-range-picker-month": { "zh-CN": "月", en: "Month", _appCode: "framework" }
 }, Ae = {
   "--das-ui-special-range-picker-close-btn": { light: "#bfbfbf" },
   "--das-ui-special-range-picker-close-btn-hover": { light: "#8c8c8c" },
@@ -527,7 +527,7 @@ const oe = () => ({ getDateTime: (t) => {
   "--das-ui-special-range-picker-overlay-error-bg-color": { light: "#FFDBE0" }
 }, na = ge(We);
 fe(Ze);
-be(Ae);
+he(Ae);
 export {
   na as DasSpecialRangePickerYear,
   na as default

package/packages/components/special-range-picker-year/src/Index.vue.d.ts

@@ -1,22 +1,22 @@
 import 'element-plus/es/components/popover/style/css';
 import type { Props } from './type';
 declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    change: (currValue: import("./type").RangeValue) => any;
     "update:modelValue": (currValue: import("./type").RangeValue) => any;
+    change: (currValue: import("./type").RangeValue) => any;
     "update:error": (crrValue: boolean) => any;
     "show-popover": () => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
-    onChange?: ((currValue: import("./type").RangeValue) => any) | undefined;
     "onUpdate:modelValue"?: ((currValue: import("./type").RangeValue) => any) | undefined;
+    onChange?: ((currValue: import("./type").RangeValue) => any) | undefined;
     "onUpdate:error"?: ((crrValue: boolean) => any) | undefined;
     "onShow-popover"?: (() => any) | undefined;
 }>, {
     size: "large" | "medium" | "table";
-    error: boolean;
     disabled: boolean;
     width: string;
     borderType: "underline" | "bordered" | "none";
     isView: boolean;
+    error: boolean;
     errorMode: "default" | "overlay";
     errorModelZIndex: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/packages/components/spin/i18n/index.d.ts

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

package/packages/components/spin/index.d.ts

@@ -1,8 +1,8 @@
 import '@das-fed/ui/packages/global/theme';
 declare const DasSpin: import("@das-fed/utils").SFCWithInstall<{
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./src/type.js").Props> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("./src/type.js").Props> & Readonly<{}>, {
-        size: string;
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./src/type.js").Props> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
         type: string;
+        size: string;
         customSize: string | Number;
         iconColor: any;
         full: boolean;
@@ -14,8 +14,8 @@ declare const DasSpin: import("@das-fed/utils").SFCWithInstall<{
         M: {};
         Defaults: {};
     }, Readonly<import("./src/type.js").Props> & Readonly<{}>, {}, {}, {}, {}, {
-        size: string;
         type: string;
+        size: string;
         customSize: string | Number;
         iconColor: any;
         full: boolean;
@@ -24,8 +24,8 @@ declare const DasSpin: import("@das-fed/utils").SFCWithInstall<{
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("./src/type.js").Props> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    size: string;
     type: string;
+    size: string;
     customSize: string | Number;
     iconColor: any;
     full: boolean;

package/packages/components/spin/index.js

@@ -1,25 +1,26 @@
 import '@das-fed/ui/packages/components/spin/style.css';
 import { getVarValue as u, setThemeRule as _ } from "@das-fed/web/packages/theme/index";
-import { withInstall as v } from "@das-fed/utils/with-install/index";
-import { openBlock as n, createElementBlock as d, createStaticVNode as m, createElementVNode as l, defineComponent as g, ref as $, useAttrs as C, watch as p, h as e, normalizeClass as S, createVNode as h, unref as f, mergeProps as z, withCtx as y, renderSlot as I } from "vue";
-import { Spin as V } from "ant-design-vue";
+import { setI18nRule as v, t as g } from "@das-fed/web/packages/i18n/index";
+import { withInstall as $ } from "@das-fed/utils/with-install/index";
+import { openBlock as n, createElementBlock as d, createStaticVNode as m, createElementVNode as l, defineComponent as C, ref as h, useAttrs as S, watch as p, h as e, normalizeClass as z, createVNode as I, unref as f, mergeProps as y, withCtx as L, renderSlot as V } from "vue";
+import { Spin as b } from "ant-design-vue";
 import "ant-design-vue/es/spin/style/css";
-import { DasIconLoad as b } from "@das-fed/ui/packages/icons/load/index";
+import { DasIconLoad as k } from "@das-fed/ui/packages/icons/load/index";
 import "@das-fed/ui/packages/global/theme";
-const c = (o, s) => {
-  const t = o.__vccOpts || o;
+const r = (t, s) => {
+  const o = t.__vccOpts || t;
   for (const [i, a] of s)
-    t[i] = a;
-  return t;
-}, x = {}, L = { class: "das-spin-container das-spin-page" };
-function k(o, s) {
-  return n(), d("div", L, s[0] || (s[0] = [
+    o[i] = a;
+  return o;
+}, x = {}, N = { class: "das-spin-container das-spin-page" };
+function B(t, s) {
+  return n(), d("div", N, s[0] || (s[0] = [
     m('<div class="das-spin-dot-spin" data-v-323f37a9><i class="das-spin-dot-item" data-v-323f37a9></i><i class="das-spin-dot-item" data-v-323f37a9></i><i class="das-spin-dot-item" data-v-323f37a9></i><i class="das-spin-dot-item" data-v-323f37a9></i></div>', 1)
   ]));
 }
-const B = /* @__PURE__ */ c(x, [["render", k], ["__scopeId", "data-v-323f37a9"]]), N = {}, D = { class: "das-spin-container das-spin-component" };
-function E(o, s) {
-  return n(), d("div", D, s[0] || (s[0] = [
+const w = /* @__PURE__ */ r(x, [["render", B], ["__scopeId", "data-v-323f37a9"]]), D = {}, E = { class: "das-spin-container das-spin-component" };
+function P(t, s) {
+  return n(), d("div", E, s[0] || (s[0] = [
     l(
       "div",
       { class: "das-spin-dot-spin" },
@@ -31,13 +32,13 @@ function E(o, s) {
     )
   ]));
 }
-const P = /* @__PURE__ */ c(N, [["render", E], ["__scopeId", "data-v-f47a1ae6"]]), w = {}, A = { class: "das-spin-container das-spin-containerload" };
-function O(o, s) {
-  return n(), d("div", A, s[0] || (s[0] = [
+const R = /* @__PURE__ */ r(D, [["render", P], ["__scopeId", "data-v-f47a1ae6"]]), A = {}, O = { class: "das-spin-container das-spin-containerload" };
+function T(t, s) {
+  return n(), d("div", O, s[0] || (s[0] = [
     m('<div class="das-spin-dot-spin" data-v-f7548f22><i class="das-spin-dot-item" data-v-f7548f22></i><i class="das-spin-dot-item" data-v-f7548f22></i><i class="das-spin-dot-item" data-v-f7548f22></i><i class="das-spin-dot-item" data-v-f7548f22></i></div>', 1)
   ]));
 }
-const R = /* @__PURE__ */ c(w, [["render", O], ["__scopeId", "data-v-f7548f22"]]), T = /* @__PURE__ */ g({
+const j = /* @__PURE__ */ r(A, [["render", T], ["__scopeId", "data-v-f7548f22"]]), q = /* @__PURE__ */ C({
   __name: "index",
   props: {
     type: { default: "page" },
@@ -46,13 +47,13 @@ const R = /* @__PURE__ */ c(w, [["render", O], ["__scopeId", "data-v-f7548f22"]]
     iconColor: { default: () => u("--das-ui-spin-logo-5-color") },
     full: { type: Boolean, default: !0 }
   },
-  setup(o) {
-    let s = o, t = $("");
-    const i = C();
+  setup(t) {
+    let s = t, o = h("");
+    const i = S();
     return p(
       () => s.type,
-      (a, r) => {
-        a == "page" && (t.value = e(B)), a == "container" && (t.value = e(R)), a == "component" && (t.value = e(P)), a == "load" && (t.value = e(b, {
+      (a, c) => {
+        a == "page" && (o.value = e(w)), a == "container" && (o.value = e(j)), a == "component" && (o.value = e(R)), a == "load" && (o.value = e(k, {
           iconColor: s.iconColor,
           customSize: s.customSize
         }));
@@ -60,21 +61,21 @@ const R = /* @__PURE__ */ c(w, [["render", O], ["__scopeId", "data-v-f7548f22"]]
       { immediate: !0 }
     ), p(
       () => i,
-      (a, r) => {
-        i.indicator && (t.value = i.indicator);
+      (a, c) => {
+        i.indicator && (o.value = i.indicator);
       },
       { immediate: !0 }
-    ), (a, r) => (n(), d(
+    ), (a, c) => (n(), d(
       "div",
       {
-        class: S({ "das-spin-container": !0, full: a.full })
+        class: z({ "das-spin-container": !0, full: a.full })
       },
       [
-        h(f(V), z({
+        I(f(b), y({
           class: `das-slef-spin ${a.size} ${a.type} `
-        }, a.$attrs, { indicator: f(t) }), {
-          default: y(() => [
-            I(a.$slots, "default")
+        }, a.$attrs, { indicator: f(o) }), {
+          default: L(() => [
+            V(a.$slots, "default")
           ]),
           _: 3
           /* FORWARDED */
@@ -84,17 +85,18 @@ const R = /* @__PURE__ */ c(w, [["render", O], ["__scopeId", "data-v-f7548f22"]]
       /* CLASS */
     ));
   }
-}), j = {
+}), F = {
   "--das-ui-spin-logo-1-color": "#2486ee",
   "--das-ui-spin-logo-2-color": "#02ccfe",
   "--das-ui-spin-logo-3-color": "#05c8c7",
   "--das-ui-spin-logo-4-color": "#a06eff",
   "--das-ui-spin-logo-5-color": "#5582f3",
   "--das-ui-spin-logo-6-color": "#ebebeb"
-};
-_(j);
-const Q = v(T), U = { name: "Spin 加载中" };
+}, G = { 加载中: { "zh-CN": "加载中", en: "Loading", _appCode: "framework" } };
+v(G);
+_(F);
+const Y = $(q), Z = { name: `Spin ${g("加载中")}` };
 export {
-  Q as DasSpin,
-  U as default
+  Y as DasSpin,
+  Z as default
 };

package/packages/components/spin/src/index.vue.d.ts

@@ -9,8 +9,8 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
-    size: string;
     type: string;
+    size: string;
     customSize: string | Number;
     iconColor: any;
     full: boolean;