{"version":3,"file":"fading-circle-2WxM77-S.mjs","sources":["../src/components/spinner/behavior/fading-circle.vue"],"sourcesContent":["<template>\n  <div class=\"dpzvc3-spinner-fading-circle\" :style=\"spinnerStyle\">\n    <div\n      v-for=\"i in 12\"\n      :key=\"i\"\n      class=\"block\"\n      :class=\"'block-' + i\"\n      :style=\"blockStyle(i - 1)\"\n    >\n      <div class=\"circle\" :class=\"'circle-' + i\" :style=\"circleStyle(i - 1)\" />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { computed, defineComponent } from \"vue\";\nimport spinnerProps from \"../props\";\n\nexport default defineComponent({\n  name: \"Dpzvc3FadingCircle\",\n  props: spinnerProps.props,\n  setup(props) {\n    // 使用复用的 spinnerStyle\n    const { spinnerStyle } = spinnerProps.setup(props);\n\n    // block 旋转样式\n    const blockStyle = (index) => {\n      return {\n        transform: `rotate(${30 * index}deg)`,\n      };\n    };\n\n    // circle 样式，包括颜色和动画延迟\n    const circleStyle = (index) => {\n      return {\n        backgroundColor: props.color || \"#39f\",\n        animationDelay: `${(1.2 / 12) * index - 1.2}s`,\n      };\n    };\n\n    return {\n      spinnerStyle,\n      blockStyle,\n      circleStyle,\n    };\n  },\n});\n</script>\n"],"names":["_createElementBlock","_Fragment","_renderList","_createElementVNode","_normalizeClass","_normalizeStyle"],"mappings":";;;AAkBA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO,aAAa;AAAA,EACpB,MAAM,OAAO;AAEX,UAAM,EAAE,aAAW,IAAM,aAAa,MAAM,KAAK;AAGjD,UAAM,aAAa,CAAC,UAAU;AAC5B,aAAO;AAAA,QACL,WAAW,UAAU,KAAK,KAAK;AAAA;IAEnC;AAGA,UAAM,cAAc,CAAC,UAAU;AAC7B,aAAO;AAAA,QACL,iBAAiB,MAAM,SAAS;AAAA,QAChC,gBAAgB,GAAI,MAAM,KAAM,QAAQ,GAAG;AAAA;IAE/C;AAEA,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA;EAEJ;AACF,CAAC;;sBA7CCA,mBAUM,OAAA;AAAA,IAVD,OAAM;AAAA,IAAgC,sBAAO,KAAA,YAAY;AAAA;kBAC5DA,mBAQMC,UAAA,MAAAC,WAPQ,IAAE,CAAP,MAAC;aADVC,mBAQM,OAAA;AAAA,QANH,KAAK;AAAA,QACN,OAAKC,eAAA,CAAC,SAAO,WACM,CAAC,CAAA;AAAA,QACnB,OAAKC,eAAE,KAAA,WAAW,IAAC,CAAA,CAAA;AAAA;QAEpBF,mBAAyE,OAAA;AAAA,UAApE,OAAKC,eAAA,CAAC,UAAQ,YAAqB,CAAC,CAAA;AAAA,UAAG,OAAKC,eAAE,KAAA,YAAY,IAAC,CAAA,CAAA;AAAA;;;;;;"}