import '@das-fed/ui/packages/components/spin/style.css';
import { getVarValue as u, setThemeRule as _ } from "@das-fed/web/packages/theme/index";
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 { createElementBlock as n, openBlock 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 k } from "@das-fed/ui/packages/icons/load/index";
import "@das-fed/ui/packages/global/theme";
const r = (t, s) => {
  const o = t.__vccOpts || t;
  for (const [i, a] of s)
    o[i] = a;
  return o;
}, x = {}, N = { class: "das-spin-container das-spin-page" };
function B(t, s) {
  return d(), n("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 w = /* @__PURE__ */ r(x, [["render", B], ["__scopeId", "data-v-323f37a9"]]), D = {}, E = { class: "das-spin-container das-spin-component" };
function P(t, s) {
  return d(), n("div", E, s[0] || (s[0] = [
    l(
      "div",
      { class: "das-spin-dot-spin" },
      [
        l("i", { class: "das-spin-dot-item" })
      ],
      -1
      /* HOISTED */
    )
  ]));
}
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 d(), n("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 j = /* @__PURE__ */ r(A, [["render", T], ["__scopeId", "data-v-f7548f22"]]), q = /* @__PURE__ */ C({
  __name: "index",
  props: {
    type: { default: "page" },
    size: { default: "big" },
    customSize: { default: "28" },
    iconColor: { default: () => u("--das-ui-spin-logo-5-color") },
    full: { type: Boolean, default: !0 }
  },
  setup(t) {
    let s = t, o = h("");
    const i = S();
    return p(
      () => s.type,
      (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
        }));
      },
      { immediate: !0 }
    ), p(
      () => i,
      (a, c) => {
        i.indicator && (o.value = i.indicator);
      },
      { immediate: !0 }
    ), (a, c) => (d(), n(
      "div",
      {
        class: z({ "das-spin-container": !0, full: a.full })
      },
      [
        I(f(b), y({
          class: `das-slef-spin ${a.size} ${a.type} `
        }, a.$attrs, { indicator: f(o) }), {
          default: L(() => [
            V(a.$slots, "default")
          ]),
          _: 3
          /* FORWARDED */
        }, 16, ["class", "indicator"])
      ],
      2
      /* CLASS */
    ));
  }
}), 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"
}, G = { 加载中: { "zh-CN": "加载中", en: "Loading", _appCode: "framework" } };
v(G);
_(F);
const Y = $(q), Z = { name: `Spin ${g("加载中")}` };
export {
  Y as DasSpin,
  Z as default
};
