perf: 优化演示页面

src/components/ReAnimateSelector/src/index.vue

@@ -72,11 +72,11 @@ function onMouseleave() {
 
 <template>
   <el-select
-    class="!w-[200px]"
-    :model-value="inputValue"
-    placeholder="请选择动画"
     clearable
     filterable
+    placeholder="请选择动画"
+    popper-class="pure-animate-popper"
+    :model-value="inputValue"
     :filter-method="filterMethod"
     @clear="onClear"
   >
@@ -121,3 +121,9 @@ function onMouseleave() {
     </template>
   </el-select>
 </template>
+
+<style>
+.pure-animate-popper {
+  min-width: 0 !important;
+}
+</style>

src/components/ReCropper/src/index.tsx

@@ -129,6 +129,11 @@ export default defineComponent({
 
     onUnmounted(() => {
       cropper.value?.destroy();
+      isReady.value = false;
+      cropper.value = null;
+      imgBase64.value = "";
+      scaleX = 1;
+      scaleY = 1;
     });
 
     useResizeObserver(tippyElRef, () => handCropper("reset"));

src/components/ReIcon/src/Select.vue

@@ -121,7 +121,7 @@ watch(
 </script>
 
 <template>
-  <div class="selector w-[220px]">
+  <div class="selector">
     <el-input v-model="inputValue" disabled>
       <template #append>
         <el-popover