fix(progress): add missing progress-indeterminate animation

shuriken-ui · Aug 27, 2023 · b45a520 · b45a520
1 parent f468417
commit b45a520
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 11 deletions.
diff --git a/src/plugins/components/progress.ts b/src/plugins/components/progress.ts
@@ -119,12 +119,30 @@ export default plugin.withOptions(
       })
     }
   },
-  function () {
+  function (options) {
+    let { prefix } = defu(options, defaultPluginOptions)
+
+    if (prefix) {
+      prefix = `${prefix}-`
+    }
+
     return {
       theme: {
         shurikenUi: {
           progress: defaultProgressConfig,
         },
+        extend: {
+          keyframes: {
+            [`${prefix}progress-indeterminate`]: {
+              '0%': { 'margin-left': '-100%' },
+              '60%': { 'margin-left': '100%' },
+              '100%': { 'margin-left': '-100%' },
+            },
+          },
+          animation: {
+            [`${prefix}progress-indeterminate`]: `${prefix}progress-indeterminate 3s linear infinite forwards`,
+          },
+        },
       },
     }
   }

diff --git a/src/preset.ts b/src/preset.ts
@@ -140,16 +140,6 @@ export function createPreset(options: PluginOption = {}) {
             },
           },
         }),
-        keyframes: {
-          'nui-indeterminate': {
-            '0%': { 'margin-left': '-10%' },
-            '100%': { 'margin-left': '100%' },
-          },
-        },
-        animation: {
-          'nui-indeterminate':
-            'nui-indeterminate 1s cubic-bezier(0.4, 0, 0.2, 1) infinite',
-        },
       },
     },
   } satisfies Config