feat(loading): 替换新规范图标，支持渐变色样式

Author: chenxi-20

examples/sites/demos/pc/app/icon/iconGroups.js

@@ -356,6 +356,7 @@ export const iconGroups = {
     'IconHeartempty',
     'IconHelpful',
     'IconLoading',
+    'IconLoadingShadow',
     'IconLock',
     'IconMale',
     'IconMeh',

packages/theme/src/svgs/loading-shadow.svg

@@ -19,9 +19,8 @@
       >
         <component v-if="state.spinner" :is="state.spinner" class="tiny-icon-loading" />
         <img v-else-if="state.loadingImg" class="circular" :style="state.iconStyle" :src="state.loadingImg" />
-        <svg v-else class="circular" viewBox="25 25 50 50">
-          <circle class="path" cx="50" cy="50" r="24" fill="none" />
-        </svg>
+        <!-- 新规范适配 -->
+        <tiny-icon-loading-shadow v-else class="circular"></tiny-icon-loading-shadow>
         <p v-if="state.text" class="tiny-loading__text">{{ state.text }}</p>
       </div>
     </div>
@@ -32,13 +31,17 @@
 import { $prefix, setup, props, defineComponent } from '@opentiny/vue-common'
 import { renderless, api } from '@opentiny/vue-renderless/loading/vue'
 import '@opentiny/vue-theme/loading/index.less'
+import { iconLoadingShadow } from '@opentiny/vue-icon'
 import type { ILoadingApi } from '@opentiny/vue-renderless/types/loading.type'
 
 export default defineComponent({
   inheritAttrs: false,
   name: $prefix + 'Loading',
   emits: ['after-leave'],
   props: [...props, '_constants', 'loadingImg', 'size'],
+  components: {
+    TinyIconLoadingShadow: iconLoadingShadow()
+  },
   setup(props, context) {
     return setup({ props, context, renderless, api }) as unknown as ILoadingApi
   }