{"version":3,"file":"blade-C3Fjktmp.mjs","sources":["../src/components/spinner/behavior/blade.vue"],"sourcesContent":["<template>\n  <div class=\"dpzvc3-spinner-blade\" :style=\"spinnerStyle\">\n    <div\n      v-for=\"i in 12\"\n      :key=\"i\"\n      class=\"blade\"\n      :class=\"'blade-' + i\"\n      :style=\"bladeStyle\"\n    />\n  </div>\n</template>\n\n<script>\nimport { defineComponent, computed } from \"vue\";\nimport spinnerProps from \"../props\"; // 复用 spinnerProps\n// 如果原来 mixins props 是这样\n// {\n//   color: String,\n//   size: [Number, String]\n// }\n\nexport default defineComponent({\n  name: \"Dpzvc3Blade\",\n  props: spinnerProps.props,\n  setup(props) {\n    // 计算每个 blade 的样式\n    const bladeStyle = computed(() => {\n      return props.color ? { backgroundColor: props.color } : {};\n    });\n    const { spinnerStyle } = spinnerProps.setup(props);\n    // console.log(spinnerStyle, 'ddds')\n    // 如果需要设置整个 spinner 容器的大小\n    return {\n      bladeStyle,\n      spinnerStyle,\n    };\n  },\n});\n</script>\n"],"names":["_createElementBlock","_Fragment","_renderList","_createElementVNode","_normalizeClass"],"mappings":";;;AAqBA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO,aAAa;AAAA,EACpB,MAAM,OAAO;AAEX,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,MAAM,QAAQ,EAAE,iBAAiB,MAAM,MAAI,IAAM,CAAA;AAAA,IAC1D,CAAC;AACD,UAAM,EAAE,aAAW,IAAM,aAAa,MAAM,KAAK;AAGjD,WAAO;AAAA,MACL;AAAA,MACA;AAAA;EAEJ;AACF,CAAC;;sBApCCA,mBAQM,OAAA;AAAA,IARD,OAAM;AAAA,IAAwB,sBAAO,KAAA,YAAY;AAAA;kBACpDA,mBAMEC,UAAA,MAAAC,WALY,IAAE,CAAP,MAAC;aADVC,mBAME,OAAA;AAAA,QAJC,KAAK;AAAA,QACN,OAAKC,eAAA,CAAC,SAAO,WACM,CAAC,CAAA;AAAA,QACnB,sBAAO,KAAA,UAAU;AAAA;;;;;"}