@chao-component/bag-animation-ui 1.0.9 → 1.0.10

package/README.md

@@ -0,0 +1,40 @@
+# Bag Animation UI
+
+一个用于显示 APNG 动画的 React 组件，支持全屏遮罩和交互式拖拽。
+
+## 开发
+
+### 安装依赖
+
+```bash
+npm install
+```
+
+### 开发模式（预览组件效果）
+
+```bash
+npm run demo
+```
+
+这会在 `http://localhost:3000` 启动开发服务器，你可以在浏览器中实时预览组件效果。
+
+### 构建组件
+
+```bash
+npm run build
+```
+
+### 构建演示页面
+
+```bash
+npm run demo:build
+```
+
+## 使用
+
+查看 [USAGE.md](./USAGE.md) 了解详细使用说明。
+
+## 快速开始
+
+查看 [QUICK_START.md](./QUICK_START.md) 了解快速开始指南。
+

package/dist/index.js

@@ -1137,7 +1137,7 @@ function BagAnimation({
         }
       )
     ] }),
-    !isAnimating && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "img",
       {
         src: mysteryBoxImage,

package/dist/index.mjs

@@ -1121,7 +1121,7 @@ function BagAnimation({
         }
       )
     ] }),
-    !isAnimating && /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(
       "img",
       {
         src: mysteryBoxImage,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chao-component/bag-animation-ui",
-  "version": "1.0.9",
+  "version": "1.0.10",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
@@ -24,7 +24,9 @@
   },
   "scripts": {
     "build": "tsup",
-    "dev": "tsup --watch"
+    "dev": "tsup --watch",
+    "demo": "vite --config vite.config.demo.ts",
+    "demo:build": "vite build --config vite.config.demo.ts"
   },
   "keywords": [],
   "author": "",
@@ -39,6 +41,13 @@
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
     "tsup": "^8.5.1",
-    "typescript": "^5.9.3"
+    "typescript": "^5.9.3",
+    "vite": "^5.0.0",
+    "@vitejs/plugin-react": "^4.2.0",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
+    "tailwindcss": "^3.4.0",
+    "postcss": "^8.4.0",
+    "autoprefixer": "^10.4.0"
   }
 }