@easy-editor/materials-dashboard-carousel 0.0.2

package/dist/meta.esm.js

@@ -0,0 +1,240 @@
+const MaterialGroup = {
+  DISPLAY: 'display'};
+
+const COMPONENT_NAME = 'EasyEditorMaterialsCarousel';
+const PACKAGE_NAME = '@easy-editor/materials-dashboard-carousel';
+
+const configure = {
+  props: [{
+    type: 'group',
+    title: '属性',
+    setter: 'TabSetter',
+    items: [{
+      type: 'group',
+      key: 'config',
+      title: '配置',
+      setter: {
+        componentName: 'CollapseSetter',
+        props: {
+          icon: false
+        }
+      },
+      items: [
+      {
+        name: 'id',
+        title: 'ID',
+        setter: 'NodeIdSetter',
+        extraProps: {
+          label: false
+        }
+      }, {
+        name: 'title',
+        title: '标题',
+        setter: 'StringSetter',
+        extraProps: {
+          getValue(target) {
+            return target.getExtraPropValue('title');
+          },
+          setValue(target, value) {
+            target.setExtraPropValue('title', value);
+          }
+        }
+      }, {
+        type: 'group',
+        title: '基础属性',
+        setter: {
+          componentName: 'CollapseSetter',
+          props: {
+            icon: false
+          }
+        },
+        items: [{
+          name: 'rect',
+          title: '位置尺寸',
+          setter: 'RectSetter',
+          extraProps: {
+            getValue(target) {
+              return target.getExtraPropValue('$dashboard.rect');
+            },
+            setValue(target, value) {
+              target.setExtraPropValue('$dashboard.rect', value);
+            }
+          }
+        }]
+      },
+      {
+        type: 'group',
+        title: '数据',
+        setter: {
+          componentName: 'CollapseSetter',
+          props: {
+            icon: false
+          }
+        },
+        items: [{
+          name: 'items',
+          title: '轮播项',
+          setter: 'JsonSetter'
+        }]
+      }, {
+        type: 'group',
+        title: '行为',
+        setter: {
+          componentName: 'CollapseSetter',
+          props: {
+            icon: false
+          }
+        },
+        items: [{
+          name: 'autoPlay',
+          title: '自动播放',
+          setter: 'SwitchSetter',
+          extraProps: {
+            defaultValue: true
+          }
+        }, {
+          name: 'interval',
+          title: '播放间隔(ms)',
+          setter: 'NumberSetter',
+          extraProps: {
+            defaultValue: 3000
+          }
+        }, {
+          name: 'loop',
+          title: '循环播放',
+          setter: 'SwitchSetter',
+          extraProps: {
+            defaultValue: true
+          }
+        }]
+      }, {
+        type: 'group',
+        title: '显示',
+        setter: {
+          componentName: 'CollapseSetter',
+          props: {
+            icon: false
+          }
+        },
+        items: [{
+          name: 'showNav',
+          title: '显示导航按钮',
+          setter: 'SwitchSetter',
+          extraProps: {
+            defaultValue: true
+          }
+        }, {
+          name: 'showIndicators',
+          title: '显示指示器',
+          setter: 'SwitchSetter',
+          extraProps: {
+            defaultValue: true
+          }
+        }]
+      }]
+    }, {
+      type: 'group',
+      key: 'data',
+      title: '数据',
+      items: [{
+        name: 'dataBinding',
+        title: '数据绑定',
+        setter: 'DataBindingSetter'
+      }]
+    }, {
+      type: 'group',
+      key: 'advanced',
+      title: '高级',
+      items: [{
+        name: 'condition',
+        title: '显隐控制',
+        setter: 'SwitchSetter',
+        extraProps: {
+          defaultValue: true,
+          supportVariable: true
+        }
+      }]
+    }]
+  }],
+  component: {},
+  supports: {},
+  advanced: {}
+};
+
+const snippets = [{
+  title: '图片轮播',
+  screenshot: '',
+  schema: {
+    componentName: COMPONENT_NAME,
+    props: {
+      items: [{
+        src: 'https://picsum.photos/800/400?random=1',
+        alt: 'Slide 1'
+      }, {
+        src: 'https://picsum.photos/800/400?random=2',
+        alt: 'Slide 2'
+      }, {
+        src: 'https://picsum.photos/800/400?random=3',
+        alt: 'Slide 3'
+      }],
+      autoPlay: true,
+      interval: 3000,
+      showNav: true,
+      showIndicators: true,
+      loop: true
+    },
+    $dashboard: {
+      rect: {
+        width: 600,
+        height: 300
+      }
+    }
+  }
+}, {
+  title: '手动轮播',
+  screenshot: '',
+  schema: {
+    componentName: COMPONENT_NAME,
+    props: {
+      items: [{
+        src: 'https://picsum.photos/800/400?random=4',
+        alt: 'Slide 1'
+      }, {
+        src: 'https://picsum.photos/800/400?random=5',
+        alt: 'Slide 2'
+      }],
+      autoPlay: false,
+      showNav: true,
+      showIndicators: true,
+      loop: true
+    },
+    $dashboard: {
+      rect: {
+        width: 600,
+        height: 300
+      }
+    }
+  }
+}];
+
+var version = "0.0.1";
+var pkg = {
+	version: version};
+
+const meta = {
+  componentName: COMPONENT_NAME,
+  title: '轮播',
+  group: MaterialGroup.DISPLAY,
+  devMode: 'proCode',
+  npm: {
+    package: PACKAGE_NAME,
+    version: pkg.version,
+    globalName: COMPONENT_NAME,
+    componentName: COMPONENT_NAME
+  },
+  snippets,
+  configure
+};
+
+export { meta as default, meta };
+//# sourceMappingURL=meta.esm.js.map

package/dist/meta.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.esm.js","sources":["../../../../shared/src/index.ts","../src/constants.ts","../src/configure.ts","../src/snippets.ts","../src/meta.ts"],"sourcesContent":["/**\n * Shared types, components and utilities for EasyEditor materials\n * @package @easy-editor/materials-shared\n */\n\n// 物料分组常量\nexport const MaterialGroup = {\n  /** 内置 */\n  INNER: 'inner',\n  /** 基础 */\n  BASIC: 'basic',\n  /** 图表 */\n  CHART: 'chart',\n  /** 数据展示 */\n  DISPLAY: 'display',\n  /** 媒体 */\n  MEDIA: 'media',\n  /** 交互 */\n  INTERACTION: 'interaction',\n  /** 地图 */\n  MAP: 'map',\n} as const\n\nexport type MaterialGroup = (typeof MaterialGroup)[keyof typeof MaterialGroup]\n\n// 工具函数\nexport { cn } from './lib/utils'\n\nexport * from './types'\n","/**\n * 物料常量配置\n * 统一管理全局变量名等配置，确保 meta.ts 和 rollup.config.js 使用相同的值\n */\n\n/**\n * UMD 全局变量基础名称\n * 用于构建：\n * - 元数据：${GLOBAL_NAME}Meta (例如: EasyEditorMaterialsButtonMeta)\n * - 组件：${GLOBAL_NAME}Component (例如: EasyEditorMaterialsButtonComponent)\n * - 完整构建：${GLOBAL_NAME} (例如: EasyEditorMaterialsButton)\n */\nexport const COMPONENT_NAME = 'EasyEditorMaterialsCarousel'\n\n/**\n * 包名\n */\nexport const PACKAGE_NAME = '@easy-editor/materials-dashboard-carousel'\n","/**\n * Carousel Configure\n * 轮播组件配置\n */\n\nimport type { Configure } from '@easy-editor/core'\n\nexport const configure: Configure = {\n  props: [\n    {\n      type: 'group',\n      title: '属性',\n      setter: 'TabSetter',\n      items: [\n        {\n          type: 'group',\n          key: 'config',\n          title: '配置',\n          setter: {\n            componentName: 'CollapseSetter',\n            props: {\n              icon: false,\n            },\n          },\n          items: [\n            // 基础配置\n            {\n              name: 'id',\n              title: 'ID',\n              setter: 'NodeIdSetter',\n              extraProps: {\n                // @ts-expect-error label is not a valid extra prop\n                label: false,\n              },\n            },\n            {\n              name: 'title',\n              title: '标题',\n              setter: 'StringSetter',\n              extraProps: {\n                getValue(target) {\n                  return target.getExtraPropValue('title')\n                },\n                setValue(target, value) {\n                  target.setExtraPropValue('title', value)\n                },\n              },\n            },\n            {\n              type: 'group',\n              title: '基础属性',\n              setter: {\n                componentName: 'CollapseSetter',\n                props: {\n                  icon: false,\n                },\n              },\n              items: [\n                {\n                  name: 'rect',\n                  title: '位置尺寸',\n                  setter: 'RectSetter',\n                  extraProps: {\n                    getValue(target) {\n                      return target.getExtraPropValue('$dashboard.rect')\n                    },\n                    setValue(target, value) {\n                      target.setExtraPropValue('$dashboard.rect', value)\n                    },\n                  },\n                },\n              ],\n            },\n            // 组件配置\n            {\n              type: 'group',\n              title: '数据',\n              setter: {\n                componentName: 'CollapseSetter',\n                props: {\n                  icon: false,\n                },\n              },\n              items: [\n                {\n                  name: 'items',\n                  title: '轮播项',\n                  setter: 'JsonSetter',\n                },\n              ],\n            },\n            {\n              type: 'group',\n              title: '行为',\n              setter: {\n                componentName: 'CollapseSetter',\n                props: {\n                  icon: false,\n                },\n              },\n              items: [\n                {\n                  name: 'autoPlay',\n                  title: '自动播放',\n                  setter: 'SwitchSetter',\n                  extraProps: {\n                    defaultValue: true,\n                  },\n                },\n                {\n                  name: 'interval',\n                  title: '播放间隔(ms)',\n                  setter: 'NumberSetter',\n                  extraProps: {\n                    defaultValue: 3000,\n                  },\n                },\n                {\n                  name: 'loop',\n                  title: '循环播放',\n                  setter: 'SwitchSetter',\n                  extraProps: {\n                    defaultValue: true,\n                  },\n                },\n              ],\n            },\n            {\n              type: 'group',\n              title: '显示',\n              setter: {\n                componentName: 'CollapseSetter',\n                props: {\n                  icon: false,\n                },\n              },\n              items: [\n                {\n                  name: 'showNav',\n                  title: '显示导航按钮',\n                  setter: 'SwitchSetter',\n                  extraProps: {\n                    defaultValue: true,\n                  },\n                },\n                {\n                  name: 'showIndicators',\n                  title: '显示指示器',\n                  setter: 'SwitchSetter',\n                  extraProps: {\n                    defaultValue: true,\n                  },\n                },\n              ],\n            },\n          ],\n        },\n        {\n          type: 'group',\n          key: 'data',\n          title: '数据',\n          items: [\n            {\n              name: 'dataBinding',\n              title: '数据绑定',\n              setter: 'DataBindingSetter',\n            },\n          ],\n        },\n        {\n          type: 'group',\n          key: 'advanced',\n          title: '高级',\n          items: [\n            {\n              name: 'condition',\n              title: '显隐控制',\n              setter: 'SwitchSetter',\n              extraProps: {\n                defaultValue: true,\n                supportVariable: true,\n              },\n            },\n          ],\n        },\n      ],\n    },\n  ],\n  component: {},\n  supports: {},\n  advanced: {},\n}\n\nexport default configure\n","/**\n * Carousel Snippets\n * 轮播组件代码片段\n */\n\nimport type { Snippet } from '@easy-editor/core'\nimport { COMPONENT_NAME } from './constants'\n\nexport const snippets: Snippet[] = [\n  {\n    title: '图片轮播',\n    screenshot: '',\n    schema: {\n      componentName: COMPONENT_NAME,\n      props: {\n        items: [\n          { src: 'https://picsum.photos/800/400?random=1', alt: 'Slide 1' },\n          { src: 'https://picsum.photos/800/400?random=2', alt: 'Slide 2' },\n          { src: 'https://picsum.photos/800/400?random=3', alt: 'Slide 3' },\n        ],\n        autoPlay: true,\n        interval: 3000,\n        showNav: true,\n        showIndicators: true,\n        loop: true,\n      },\n      $dashboard: {\n        rect: {\n          width: 600,\n          height: 300,\n        },\n      },\n    },\n  },\n  {\n    title: '手动轮播',\n    screenshot: '',\n    schema: {\n      componentName: COMPONENT_NAME,\n      props: {\n        items: [\n          { src: 'https://picsum.photos/800/400?random=4', alt: 'Slide 1' },\n          { src: 'https://picsum.photos/800/400?random=5', alt: 'Slide 2' },\n        ],\n        autoPlay: false,\n        showNav: true,\n        showIndicators: true,\n        loop: true,\n      },\n      $dashboard: {\n        rect: {\n          width: 600,\n          height: 300,\n        },\n      },\n    },\n  },\n]\n\nexport default snippets\n","/**\n * Carousel Meta\n * 轮播组件元数据\n */\n\nimport type { ComponentMetadata } from '@easy-editor/core'\nimport { MaterialGroup } from '@easy-editor/materials-shared'\nimport { COMPONENT_NAME, PACKAGE_NAME } from './constants'\nimport configure from './configure'\nimport snippets from './snippets'\nimport pkg from '../package.json'\n\nexport const meta: ComponentMetadata = {\n  componentName: COMPONENT_NAME,\n  title: '轮播',\n  group: MaterialGroup.DISPLAY,\n  devMode: 'proCode',\n  npm: {\n    package: PACKAGE_NAME,\n    version: pkg.version,\n    globalName: COMPONENT_NAME,\n    componentName: COMPONENT_NAME,\n  },\n  snippets,\n  configure,\n}\n\nexport default meta\n"],"names":["MaterialGroup","INNER","DISPLAY","COMPONENT_NAME","PACKAGE_NAME","configure","props","type","title","setter","items","key","componentName","icon","name","extraProps","label","getValue","target","getExtraPropValue","setValue","value","setExtraPropValue","defaultValue","supportVariable","component","supports","advanced","snippets","screenshot","schema","src","alt","autoPlay","interval","showNav","showIndicators","loop","$dashboard","rect","width","height","meta","group","devMode","npm","package","version","pkg","globalName"],"mappings":"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"}

package/dist/src/component.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Carousel Component
+ * 轮播组件
+ */
+import { type CSSProperties, type Ref } from 'react';
+export interface CarouselItem {
+    /** 图片地址 */
+    src: string;
+    /** 图片描述 */
+    alt?: string;
+    /** 点击链接 */
+    link?: string;
+}
+export interface CarouselProps {
+    ref?: Ref<HTMLDivElement>;
+    /** 轮播项 */
+    items?: CarouselItem[];
+    /** 自动播放 */
+    autoPlay?: boolean;
+    /** 自动播放间隔（毫秒） */
+    interval?: number;
+    /** 是否显示导航按钮 */
+    showNav?: boolean;
+    /** 是否显示指示器 */
+    showIndicators?: boolean;
+    /** 是否循环播放 */
+    loop?: boolean;
+    /** 外部样式 */
+    style?: CSSProperties;
+}
+export declare const Carousel: React.FC<CarouselProps>;
+export default Carousel;

package/dist/src/configure.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Carousel Configure
+ * 轮播组件配置
+ */
+import type { Configure } from '@easy-editor/core';
+export declare const configure: Configure;
+export default configure;

package/dist/src/constants.d.ts

@@ -0,0 +1,16 @@
+/**
+ * 物料常量配置
+ * 统一管理全局变量名等配置，确保 meta.ts 和 rollup.config.js 使用相同的值
+ */
+/**
+ * UMD 全局变量基础名称
+ * 用于构建：
+ * - 元数据：${GLOBAL_NAME}Meta (例如: EasyEditorMaterialsButtonMeta)
+ * - 组件：${GLOBAL_NAME}Component (例如: EasyEditorMaterialsButtonComponent)
+ * - 完整构建：${GLOBAL_NAME} (例如: EasyEditorMaterialsButton)
+ */
+export declare const COMPONENT_NAME = "EasyEditorMaterialsCarousel";
+/**
+ * 包名
+ */
+export declare const PACKAGE_NAME = "@easy-editor/materials-dashboard-carousel";

package/dist/src/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Carousel Entry
+ * 轮播组件入口
+ */
+export { Carousel as component } from './component';
+export { default as meta } from './meta';

package/dist/src/meta.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Carousel Meta
+ * 轮播组件元数据
+ */
+import type { ComponentMetadata } from '@easy-editor/core';
+export declare const meta: ComponentMetadata;
+export default meta;

package/dist/src/snippets.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Carousel Snippets
+ * 轮播组件代码片段
+ */
+import type { Snippet } from '@easy-editor/core';
+export declare const snippets: Snippet[];
+export default snippets;

package/package.json

@@ -0,0 +1,64 @@
+{
+  "name": "@easy-editor/materials-dashboard-carousel",
+  "version": "0.0.2",
+  "description": "Carousel component for EasyEditor dashboard",
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "publishConfig": {
+    "access": "public",
+    "jsdelivr": "dist/index.min.js",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "homepage": "https://github.com/Easy-Editor/EasyMaterials",
+  "license": "MIT",
+  "author": "JinSo <kimjinso@qq.com>",
+  "keywords": [
+    "@easy-editor",
+    "easyeditor",
+    "low-code",
+    "dashboard",
+    "carousel",
+    "component",
+    "react"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Easy-Editor/EasyMaterials",
+    "directory": "packages/dashboard/carousel"
+  },
+  "bugs": {
+    "url": "https://github.com/Easy-Editor/EasyMaterials/issues"
+  },
+  "peerDependencies": {
+    "@easy-editor/core": "*",
+    "react": "^18 || ^19",
+    "react-dom": "^18 || ^19",
+    "@types/react": "^18 || ^19",
+    "@types/react-dom": "^18 || ^19"
+  },
+  "dependencies": {
+    "@easy-editor/materials-shared": "0.0.0"
+  },
+  "scripts": {
+    "dev": "vite",
+    "format": "biome format --write .",
+    "lint": "biome check .",
+    "build": "npm-run-all -nl build:*",
+    "build:clean": "rimraf dist/",
+    "build:js": "rollup -c",
+    "build:types": "pnpm types",
+    "types": "npm-run-all -nl types:*",
+    "types:src": "tsc --project tsconfig.build.json",
+    "test-types": "tsc --project tsconfig.test.json"
+  },
+  "module": "dist/index.esm.js",
+  "unpkg": "dist/index.min.js"
+}

package/rollup.config.js

@@ -0,0 +1,81 @@
+import babel from '@rollup/plugin-babel'
+import commonjs from '@rollup/plugin-commonjs'
+import nodeResolve from '@rollup/plugin-node-resolve'
+import json from '@rollup/plugin-json'
+import { terser } from 'rollup-plugin-terser'
+import cleanup from 'rollup-plugin-cleanup'
+import postcss from 'rollup-plugin-postcss'
+
+const GLOBAL_NAME = 'EasyEditorMaterialsCarousel'
+
+const external = ['react', 'react-dom', 'react/jsx-runtime', '@easy-editor/core']
+
+const globals = {
+  react: 'React',
+  'react-dom': 'ReactDOM',
+  'react/jsx-runtime': 'jsxRuntime',
+  '@easy-editor/core': 'EasyEditorCore',
+}
+
+const plugins = [
+  nodeResolve({
+    extensions: ['.js', '.ts', '.jsx', '.tsx'],
+  }),
+  commonjs(),
+  json(),
+  postcss({
+    modules: {
+      generateScopedName: '[name]__[local]___[hash:base64:5]',
+    },
+    autoModules: true,
+    minimize: true,
+    inject: true,
+  }),
+  babel({
+    extensions: ['.js', '.ts', '.jsx', '.tsx'],
+    exclude: 'node_modules/**',
+    babelrc: false,
+    babelHelpers: 'bundled',
+    presets: [
+      ['@babel/preset-react', { runtime: 'automatic' }],
+      ['@babel/preset-typescript', { allowDeclareFields: true }],
+    ],
+  }),
+  cleanup({
+    comments: ['some', /PURE/],
+    extensions: ['.js', '.ts'],
+  }),
+]
+
+export default [
+  {
+    input: 'src/meta.ts',
+    output: [{ file: 'dist/meta.esm.js', format: 'esm', sourcemap: true, exports: 'named' }],
+    plugins,
+    external,
+  },
+  {
+    input: 'src/component.tsx',
+    output: [{ file: 'dist/component.esm.js', format: 'esm', sourcemap: true, exports: 'named' }],
+    plugins,
+    external,
+  },
+  {
+    input: 'src/index.tsx',
+    output: [
+      { file: 'dist/index.js', format: 'umd', name: GLOBAL_NAME, globals, sourcemap: true, exports: 'named' },
+      { file: 'dist/index.esm.js', format: 'esm', sourcemap: true },
+      { file: 'dist/index.cjs', format: 'cjs', sourcemap: true, exports: 'named' },
+    ],
+    plugins,
+    external,
+  },
+  {
+    input: 'src/index.tsx',
+    output: [
+      { file: 'dist/index.min.js', format: 'umd', name: GLOBAL_NAME, globals, sourcemap: true, exports: 'named' },
+    ],
+    plugins: [...plugins, terser()],
+    external,
+  },
+]

package/src/component.module.css

@@ -0,0 +1,95 @@
+/**
+ * Carousel Component Styles
+ * 轮播组件样式
+ */
+
+.container {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  border-radius: 8px;
+}
+
+.track {
+  display: flex;
+  height: 100%;
+  transition: transform 0.5s ease;
+}
+
+.slide {
+  flex: 0 0 100%;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.slideImage {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+/* 导航按钮 */
+.navButton {
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 40px;
+  height: 40px;
+  border: none;
+  border-radius: 50%;
+  background: rgba(0, 0, 0, 0.5);
+  color: #fff;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: background 0.3s ease;
+  z-index: 10;
+}
+
+.navButton:hover {
+  background: rgba(0, 0, 0, 0.7);
+}
+
+.navButtonPrev {
+  left: 16px;
+}
+
+.navButtonNext {
+  right: 16px;
+}
+
+/* 指示器 */
+.indicators {
+  position: absolute;
+  bottom: 16px;
+  left: 50%;
+  transform: translateX(-50%);
+  display: flex;
+  gap: 8px;
+  z-index: 10;
+}
+
+.indicator {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: rgba(255, 255, 255, 0.4);
+  border: none;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  padding: 0;
+}
+
+.indicatorActive {
+  background: #fff;
+  transform: scale(1.2);
+}
+
+.indicator:hover {
+  background: rgba(255, 255, 255, 0.7);
+}