@easy-editor/materials-dashboard-button 0.0.2

package/dist/meta.min.js

@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).EasyEditorMaterialsButtonMeta={})}(this,function(e){"use strict";const t="EasyEditorMaterialsButton";const a={componentName:t,title:"按钮",group:"interaction",devMode:"proCode",npm:{package:"@easy-editor/materials-dashboard-button",version:"0.0.1",globalName:t,componentName:t},snippets:[{title:"主要按钮",screenshot:"",schema:{componentName:t,props:{text:"主要按钮",variant:"primary",size:"medium"},$dashboard:{rect:{width:120,height:40}}}},{title:"发光按钮",screenshot:"",schema:{componentName:t,props:{text:"发光按钮",variant:"outline",size:"large",glowEnable:!0},$dashboard:{rect:{width:140,height:48}}}}],configure:{props:[{type:"group",title:"属性",setter:"TabSetter",items:[{type:"group",key:"config",title:"配置",setter:{componentName:"CollapseSetter",props:{icon:!1}},items:[{name:"id",title:"ID",setter:"NodeIdSetter",extraProps:{label:!1}},{name:"title",title:"标题",setter:"StringSetter",extraProps:{getValue:e=>e.getExtraPropValue("title"),setValue(e,t){e.setExtraPropValue("title",t)}}},{type:"group",title:"基础属性",setter:{componentName:"CollapseSetter",props:{icon:!1}},items:[{name:"rect",title:"位置尺寸",setter:"RectSetter",extraProps:{getValue:e=>e.getExtraPropValue("$dashboard.rect"),setValue(e,t){e.setExtraPropValue("$dashboard.rect",t)}}}]},{type:"group",title:"内容",setter:{componentName:"CollapseSetter",props:{icon:!1}},items:[{name:"text",title:"按钮文本",setter:"StringSetter",extraProps:{defaultValue:"按钮"}}]},{type:"group",title:"样式",setter:{componentName:"CollapseSetter",props:{icon:!1}},items:[{name:"variant",title:"变体",setter:{componentName:"SelectSetter",props:{options:[{label:"主要",value:"primary"},{label:"次要",value:"secondary"},{label:"轮廓",value:"outline"},{label:"幽灵",value:"ghost"},{label:"危险",value:"danger"}]}},extraProps:{defaultValue:"primary"}},{name:"size",title:"尺寸",setter:{componentName:"SelectSetter",props:{options:[{label:"小",value:"small"},{label:"中",value:"medium"},{label:"大",value:"large"}]}},extraProps:{defaultValue:"medium"}},{name:"glowEnable",title:"发光效果",setter:"SwitchSetter",extraProps:{defaultValue:!1}}]},{type:"group",title:"链接",setter:{componentName:"CollapseSetter",props:{icon:!1}},items:[{name:"href",title:"链接地址",setter:"StringSetter"},{name:"target",title:"打开方式",setter:{componentName:"SelectSetter",props:{options:[{label:"新窗口",value:"_blank"},{label:"当前窗口",value:"_self"}]}},extraProps:{defaultValue:"_blank"}}]},{type:"group",title:"行为",setter:{componentName:"CollapseSetter",props:{icon:!1}},items:[{name:"disabled",title:"禁用",setter:"SwitchSetter",extraProps:{defaultValue:!1}},{name:"loading",title:"加载中",setter:"SwitchSetter",extraProps:{defaultValue:!1}},{name:"loadingText",title:"加载文本",setter:"StringSetter",extraProps:{defaultValue:"加载中..."}}]}]},{type:"group",key:"data",title:"数据",items:[{name:"dataBinding",title:"数据绑定",setter:"DataBindingSetter"}]},{type:"group",key:"advanced",title:"高级",items:[{name:"condition",title:"显隐控制",setter:"SwitchSetter",extraProps:{defaultValue:!0,supportVariable:!0}}]}]}],component:{},supports:{},advanced:{}}};e.default=a,e.meta=a,Object.defineProperty(e,"__esModule",{value:!0})});
+//# sourceMappingURL=meta.min.js.map

package/dist/meta.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.min.js","sources":["../../../../shared/src/index.ts","../src/constants.ts","../src/meta.ts","../src/snippets.ts","../src/configure.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 = 'EasyEditorMaterialsButton'\n\n/**\n * 包名\n */\nexport const PACKAGE_NAME = '@easy-editor/materials-dashboard-button'\n","/**\n * Button 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.INTERACTION,\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","/**\n * Button 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        text: '主要按钮',\n        variant: 'primary',\n        size: 'medium',\n      },\n      $dashboard: {\n        rect: {\n          width: 120,\n          height: 40,\n        },\n      },\n    },\n  },\n  {\n    title: '发光按钮',\n    screenshot: '',\n    schema: {\n      componentName: COMPONENT_NAME,\n      props: {\n        text: '发光按钮',\n        variant: 'outline',\n        size: 'large',\n        glowEnable: true,\n      },\n      $dashboard: {\n        rect: {\n          width: 140,\n          height: 48,\n        },\n      },\n    },\n  },\n]\n\nexport default snippets\n","/**\n * Button 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: 'text',\n                  title: '按钮文本',\n                  setter: 'StringSetter',\n                  extraProps: {\n                    defaultValue: '按钮',\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: 'variant',\n                  title: '变体',\n                  setter: {\n                    componentName: 'SelectSetter',\n                    props: {\n                      options: [\n                        { label: '主要', value: 'primary' },\n                        { label: '次要', value: 'secondary' },\n                        { label: '轮廓', value: 'outline' },\n                        { label: '幽灵', value: 'ghost' },\n                        { label: '危险', value: 'danger' },\n                      ],\n                    },\n                  },\n                  extraProps: {\n                    defaultValue: 'primary',\n                  },\n                },\n                {\n                  name: 'size',\n                  title: '尺寸',\n                  setter: {\n                    componentName: 'SelectSetter',\n                    props: {\n                      options: [\n                        { label: '小', value: 'small' },\n                        { label: '中', value: 'medium' },\n                        { label: '大', value: 'large' },\n                      ],\n                    },\n                  },\n                  extraProps: {\n                    defaultValue: 'medium',\n                  },\n                },\n                {\n                  name: 'glowEnable',\n                  title: '发光效果',\n                  setter: 'SwitchSetter',\n                  extraProps: {\n                    defaultValue: false,\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: 'href',\n                  title: '链接地址',\n                  setter: 'StringSetter',\n                },\n                {\n                  name: 'target',\n                  title: '打开方式',\n                  setter: {\n                    componentName: 'SelectSetter',\n                    props: {\n                      options: [\n                        { label: '新窗口', value: '_blank' },\n                        { label: '当前窗口', value: '_self' },\n                      ],\n                    },\n                  },\n                  extraProps: {\n                    defaultValue: '_blank',\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: 'disabled',\n                  title: '禁用',\n                  setter: 'SwitchSetter',\n                  extraProps: {\n                    defaultValue: false,\n                  },\n                },\n                {\n                  name: 'loading',\n                  title: '加载中',\n                  setter: 'SwitchSetter',\n                  extraProps: {\n                    defaultValue: false,\n                  },\n                },\n                {\n                  name: 'loadingText',\n                  title: '加载文本',\n                  setter: 'StringSetter',\n                  extraProps: {\n                    defaultValue: '加载中...',\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"],"names":["COMPONENT_NAME","meta","componentName","title","group","devMode","npm","package","version","globalName","snippets","screenshot","schema","props","text","variant","size","$dashboard","rect","width","height","glowEnable","configure","type","setter","items","key","icon","name","extraProps","label","getValue","target","getExtraPropValue","setValue","value","setExtraPropValue","defaultValue","options","supportVariable","component","supports","advanced"],"mappings":"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"}

package/dist/src/component.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Button Component
+ * 按钮组件
+ */
+import type { CSSProperties, Ref, MouseEvent } from 'react';
+export type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger';
+export type ButtonSize = 'small' | 'medium' | 'large';
+export interface ButtonProps {
+    ref?: Ref<HTMLButtonElement>;
+    /** 按钮文本 */
+    text?: string;
+    /** 按钮变体 */
+    variant?: ButtonVariant;
+    /** 按钮尺寸 */
+    size?: ButtonSize;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否显示发光效果 */
+    glowEnable?: boolean;
+    /** 点击事件 */
+    onClick?: (e: MouseEvent<HTMLButtonElement>) => void;
+    /** 外部样式 */
+    style?: CSSProperties;
+}
+export declare const Button: React.FC<ButtonProps>;
+export default Button;

package/dist/src/configure.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Button 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 = "EasyEditorMaterialsButton";
+/**
+ * 包名
+ */
+export declare const PACKAGE_NAME = "@easy-editor/materials-dashboard-button";

package/dist/src/index.d.ts

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

package/dist/src/meta.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Button 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 @@
+/**
+ * Button 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-button",
+  "version": "0.0.2",
+  "description": "Button 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",
+    "button",
+    "component",
+    "react"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Easy-Editor/EasyMaterials",
+    "directory": "packages/dashboard/interaction/button"
+  },
+  "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,222 @@
+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'
+import pkg from './package.json' with { type: 'json' }
+
+const GLOBAL_NAME = 'EasyEditorMaterialsButton'
+
+// 外部依赖（不打包进组件）
+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 [
+  /* ---------------------------------- 元数据构建 --------------------------------- */
+  // 元数据 ESM 构建（用于动态 import）
+  {
+    input: 'src/meta.ts',
+    output: [
+      {
+        file: 'dist/meta.esm.js',
+        format: 'esm',
+        sourcemap: true,
+        banner: `/* @easy-editor/materials-dashboard-button v${pkg.version} (meta, esm) */`,
+        exports: 'named',
+      },
+    ],
+    plugins,
+    external,
+  },
+  // 元数据 UMD 构建（备用方案）
+  {
+    input: 'src/meta.ts',
+    output: [
+      {
+        file: 'dist/meta.js',
+        format: 'umd',
+        name: `${GLOBAL_NAME}Meta`,
+        globals,
+        sourcemap: true,
+        banner: `/* @easy-editor/materials-dashboard-button v${pkg.version} (meta) */`,
+        exports: 'named',
+      },
+    ],
+    plugins,
+    external,
+  },
+  // 元数据压缩版本（UMD，备用方案）
+  {
+    input: 'src/meta.ts',
+    output: [
+      {
+        file: 'dist/meta.min.js',
+        format: 'umd',
+        name: `${GLOBAL_NAME}Meta`,
+        globals,
+        sourcemap: true,
+        banner: `/* @easy-editor/materials-dashboard-button v${pkg.version} (meta, minified) */`,
+        exports: 'named',
+      },
+    ],
+    plugins: [...plugins, terser()],
+    external,
+  },
+
+  /* ---------------------------------- 组件构建 ---------------------------------- */
+  // 组件 ESM 构建（用于动态 import）
+  {
+    input: 'src/component.tsx',
+    output: [
+      {
+        file: 'dist/component.esm.js',
+        format: 'esm',
+        sourcemap: true,
+        banner: `/* @easy-editor/materials-dashboard-button v${pkg.version} (component, esm) */`,
+        exports: 'named',
+      },
+    ],
+    plugins,
+    external,
+  },
+  // 组件 UMD 构建（备用方案）
+  {
+    input: 'src/component.tsx',
+    output: [
+      {
+        file: 'dist/component.js',
+        format: 'umd',
+        name: `${GLOBAL_NAME}Component`,
+        globals,
+        sourcemap: true,
+        banner: `/* @easy-editor/materials-dashboard-button v${pkg.version} (component) */`,
+        exports: 'named',
+      },
+    ],
+    plugins,
+    external,
+  },
+  // 组件压缩版本（UMD，备用方案）
+  {
+    input: 'src/component.tsx',
+    output: [
+      {
+        file: 'dist/component.min.js',
+        format: 'umd',
+        name: `${GLOBAL_NAME}Component`,
+        globals,
+        sourcemap: true,
+        banner: `/* @easy-editor/materials-dashboard-button v${pkg.version} (component, minified) */`,
+        exports: 'named',
+      },
+    ],
+    plugins: [...plugins, terser()],
+    external,
+  },
+
+  /* ---------------------------------- 完整构建 ---------------------------------- */
+  // UMD 构建（用于 CDN 和浏览器）
+  {
+    input: 'src/index.tsx',
+    output: [
+      {
+        file: 'dist/index.js',
+        format: 'umd',
+        name: GLOBAL_NAME,
+        globals,
+        sourcemap: true,
+        banner: `/* @easy-editor/materials-dashboard-button v${pkg.version} */`,
+        exports: 'named',
+      },
+    ],
+    plugins,
+    external,
+  },
+  // ESM 构建（用于现代打包工具）
+  {
+    input: 'src/index.tsx',
+    output: [
+      {
+        file: 'dist/index.esm.js',
+        format: 'esm',
+        sourcemap: true,
+      },
+    ],
+    plugins,
+    external,
+  },
+  // CJS 构建（用于 Node.js）
+  {
+    input: 'src/index.tsx',
+    output: [
+      {
+        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,
+        banner: `/* @easy-editor/materials-dashboard-button v${pkg.version} (minified) */`,
+        exports: 'named',
+      },
+    ],
+    plugins: [...plugins, terser()],
+    external,
+  },
+]

package/src/component.module.css

@@ -0,0 +1,119 @@
+/**
+ * Button Component Styles
+ * 按钮组件样式
+ */
+
+.button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  border: none;
+  width: 100%;
+  height: 100%;
+  cursor: pointer;
+  font-weight: 500;
+  transition: all 0.2s ease;
+  white-space: nowrap;
+  user-select: none;
+}
+
+.button:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+/* 尺寸 */
+.sizeSmall {
+  padding: 0 12px;
+  font-size: 14px;
+  border-radius: 4px;
+}
+
+.sizeMedium {
+  padding: 0 16px;
+  font-size: 14px;
+  border-radius: 6px;
+}
+
+.sizeLarge {
+  padding: 0 24px;
+  font-size: 16px;
+  border-radius: 8px;
+}
+
+/* 变体 */
+.variantPrimary {
+  background: linear-gradient(135deg, #00d4ff, #0099cc);
+  color: #fff;
+  box-shadow: 0 2px 8px rgba(0, 212, 255, 0.3);
+}
+
+.variantPrimary:hover:not(:disabled) {
+  transform: translateY(-1px);
+  box-shadow: 0 4px 12px rgba(0, 212, 255, 0.4);
+}
+
+.variantPrimary:active:not(:disabled) {
+  transform: translateY(0);
+}
+
+.variantSecondary {
+  background: rgba(255, 255, 255, 0.1);
+  color: #fff;
+  border: 1px solid rgba(255, 255, 255, 0.2);
+}
+
+.variantSecondary:hover:not(:disabled) {
+  background: rgba(255, 255, 255, 0.15);
+  border-color: rgba(255, 255, 255, 0.3);
+}
+
+.variantOutline {
+  background: transparent;
+  color: #00d4ff;
+  border: 1px solid #00d4ff;
+}
+
+.variantOutline:hover:not(:disabled) {
+  background: rgba(0, 212, 255, 0.1);
+}
+
+.variantGhost {
+  background: transparent;
+  color: #fff;
+}
+
+.variantGhost:hover:not(:disabled) {
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.variantDanger {
+  background: linear-gradient(135deg, #ff4d4f, #cc3333);
+  color: #fff;
+  box-shadow: 0 2px 8px rgba(255, 77, 79, 0.3);
+}
+
+.variantDanger:hover:not(:disabled) {
+  transform: translateY(-1px);
+  box-shadow: 0 4px 12px rgba(255, 77, 79, 0.4);
+}
+
+/* 发光效果 */
+.glow {
+  animation: buttonGlow 2s ease-in-out infinite;
+}
+
+@keyframes buttonGlow {
+  0%,
+  100% {
+    box-shadow:
+      0 0 5px currentColor,
+      0 0 10px currentColor;
+  }
+  50% {
+    box-shadow:
+      0 0 10px currentColor,
+      0 0 20px currentColor;
+  }
+}

package/src/component.tsx

@@ -0,0 +1,80 @@
+/**
+ * Button Component
+ * 按钮组件
+ */
+
+import type { CSSProperties, Ref, MouseEvent } from 'react'
+import { cn } from '@easy-editor/materials-shared'
+import styles from './component.module.css'
+
+export type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger'
+export type ButtonSize = 'small' | 'medium' | 'large'
+
+export interface ButtonProps {
+  ref?: Ref<HTMLButtonElement>
+  /** 按钮文本 */
+  text?: string
+  /** 按钮变体 */
+  variant?: ButtonVariant
+  /** 按钮尺寸 */
+  size?: ButtonSize
+  /** 是否禁用 */
+  disabled?: boolean
+  /** 是否显示发光效果 */
+  glowEnable?: boolean
+  /** 点击事件 */
+  onClick?: (e: MouseEvent<HTMLButtonElement>) => void
+  /** 外部样式 */
+  style?: CSSProperties
+}
+
+const getSizeClass = (size: ButtonSize): string => {
+  switch (size) {
+    case 'small':
+      return styles.sizeSmall
+    case 'medium':
+      return styles.sizeMedium
+    case 'large':
+      return styles.sizeLarge
+    default:
+      return styles.sizeMedium
+  }
+}
+
+const getVariantClass = (variant: ButtonVariant): string => {
+  switch (variant) {
+    case 'primary':
+      return styles.variantPrimary
+    case 'secondary':
+      return styles.variantSecondary
+    case 'outline':
+      return styles.variantOutline
+    case 'ghost':
+      return styles.variantGhost
+    case 'danger':
+      return styles.variantDanger
+    default:
+      return styles.variantPrimary
+  }
+}
+
+export const Button: React.FC<ButtonProps> = ({
+  ref,
+  text = '按钮',
+  variant = 'primary',
+  size = 'medium',
+  disabled = false,
+  glowEnable = false,
+  onClick,
+  style: externalStyle,
+}) => {
+  const buttonClass = cn(styles.button, getSizeClass(size), getVariantClass(variant), glowEnable && styles.glow)
+
+  return (
+    <button className={buttonClass} disabled={disabled} onClick={onClick} ref={ref} style={externalStyle} type='button'>
+      {text ? <span>{text}</span> : null}
+    </button>
+  )
+}
+
+export default Button