@easy-editor/materials-dashboard-scroll-list 0.0.2

package/src/snippets.ts

@@ -0,0 +1,64 @@
+/**
+ * Scroll List Snippets
+ * 滚动列表组件代码片段
+ */
+
+import type { Snippet } from '@easy-editor/core'
+import { COMPONENT_NAME } from './constants'
+
+export const snippets: Snippet[] = [
+  {
+    title: '排行榜',
+    screenshot: '',
+    schema: {
+      componentName: COMPONENT_NAME,
+      props: {
+        data: [
+          { rank: 1, name: '北京', value: 9800 },
+          { rank: 2, name: '上海', value: 8500 },
+          { rank: 3, name: '广州', value: 7200 },
+          { rank: 4, name: '深圳', value: 6100 },
+          { rank: 5, name: '杭州', value: 4800 },
+        ],
+        maxItems: 5,
+        showMedal: true,
+        progressBarEnable: true,
+        progressBarGradient: true,
+        progressBarColors: ['#00d4ff', '#9b59b6'],
+      },
+      $dashboard: {
+        rect: {
+          width: 320,
+          height: 280,
+        },
+      },
+    },
+  },
+  {
+    title: '简单列表',
+    screenshot: '',
+    schema: {
+      componentName: COMPONENT_NAME,
+      props: {
+        data: [
+          { rank: 1, name: '产品A', value: 1250 },
+          { rank: 2, name: '产品B', value: 980 },
+          { rank: 3, name: '产品C', value: 750 },
+        ],
+        maxItems: 3,
+        showMedal: false,
+        progressBarEnable: true,
+        progressBarGradient: false,
+        progressBarColors: ['#00ff88', '#00ff88'],
+      },
+      $dashboard: {
+        rect: {
+          width: 280,
+          height: 180,
+        },
+      },
+    },
+  },
+]
+
+export default snippets

package/src/type.d.ts

@@ -0,0 +1,8 @@
+/**
+ * CSS Modules Type Declarations
+ */
+
+declare module '*.module.css' {
+  const classes: { readonly [key: string]: string }
+  export default classes
+}

package/tsconfig.build.json

@@ -0,0 +1,12 @@
+{
+  "extends": "../../../../tsconfig.json",
+  "compilerOptions": {
+    "jsx": "react-jsx",
+    "strictPropertyInitialization": false,
+    "outDir": "./dist",
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["./src"]
+}

package/tsconfig.json

@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "jsx": "react-jsx",
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true
+  },
+  "extends": "./tsconfig.build.json",
+  "include": ["./src", "./test"]
+}

package/tsconfig.test.json

@@ -0,0 +1,7 @@
+{
+  "extends": "./tsconfig.build.json",
+  "compilerOptions": {
+    "noEmit": true
+  },
+  "include": ["./src"]
+}

package/vite.config.ts

@@ -0,0 +1,54 @@
+/**
+ * Vite Configuration for Material Development
+ * 物料开发 Vite 配置
+ */
+
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+import { materialDevPlugin } from './.vite/plugins/vite-plugin-material-dev'
+import { externalDeps } from './.vite/plugins/vite-plugin-external-deps'
+
+export default defineConfig({
+  plugins: [
+    react(),
+    // 外部化 React/ReactDOM，使用父应用提供的实例
+    externalDeps({
+      externals: ['react', 'react-dom', 'react/jsx-runtime', '@easy-editor/core'],
+      globals: {
+        react: 'React',
+        'react-dom': 'ReactDOM',
+        'react/jsx-runtime': 'jsxRuntime',
+        '@easy-editor/core': 'EasyEditorCore',
+      },
+    }),
+    materialDevPlugin({
+      entry: '/src/index.tsx',
+    }),
+  ],
+  server: {
+    port: 5001,
+    host: 'localhost',
+    cors: true,
+    hmr: {
+      port: 5001,
+    },
+  },
+  build: {
+    target: 'esnext',
+    rollupOptions: {
+      // 确保生产构建也外部化这些依赖
+      external: ['react', 'react-dom', 'react/jsx-runtime', '@easy-editor/core'],
+      output: {
+        globals: {
+          react: 'React',
+          'react-dom': 'ReactDOM',
+          'react/jsx-runtime': 'jsxRuntime',
+          '@easy-editor/core': 'EasyEditorCore',
+        },
+      },
+    },
+  },
+  resolve: {
+    dedupe: ['react', 'react-dom'],
+  },
+})