@easy-editor/materials-dashboard-text 0.0.10 → 0.0.11

package/dist/src/component.d.ts

@@ -0,0 +1,48 @@
+/**
+ * Text Component
+ * 文本组件 - 支持普通文本、链接、标题、发光效果
+ */
+import type { CSSProperties, Ref } from 'react';
+export type TextAlign = 'left' | 'center' | 'right';
+export type VerticalAlign = 'top' | 'middle' | 'bottom';
+export interface TextProps {
+    ref?: Ref<HTMLDivElement>;
+    /** 文本内容 */
+    content?: string;
+    /** 字体大小 */
+    fontSize?: number;
+    /** 字体粗细 */
+    fontWeight?: number | 'normal' | 'bold';
+    /** 字体家族 */
+    fontFamily?: string;
+    /** 颜色 */
+    color?: string;
+    /** 水平对齐 */
+    textAlign?: TextAlign;
+    /** 垂直对齐 */
+    verticalAlign?: VerticalAlign;
+    /** 行高 */
+    lineHeight?: number;
+    /** 字间距 */
+    letterSpacing?: number;
+    /** 是否为链接 */
+    isLink?: boolean;
+    /** 链接地址 */
+    href?: string;
+    /** 链接打开方式 */
+    target?: '_self' | '_blank';
+    /** 下划线 */
+    underline?: boolean;
+    /** 发光效果 */
+    glowEnable?: boolean;
+    /** 发光颜色 */
+    glowColor?: string;
+    /** 发光强度 */
+    glowIntensity?: number;
+    /** 显隐控制 */
+    condition?: boolean;
+    /** 外部样式 */
+    style?: CSSProperties;
+}
+export declare const Text: React.FC<TextProps>;
+export default Text;

package/dist/src/configure.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Text Configure
+ * 文本组件配置
+ */
+import type { Configure } from '@easy-editor/core';
+export declare const configure: Configure;

package/dist/src/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Text Entry
+ * 文本组件入口
+ */
+export { Text as component } from './component';
+export { meta } from './meta';

package/dist/src/meta.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Text Meta
+ * 文本组件元数据
+ */
+import type { ComponentMetadata } from '@easy-editor/core';
+export declare const meta: ComponentMetadata;

package/dist/src/snippets.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Text Snippets
+ * 文本组件代码片段
+ */
+import type { Snippet } from '@easy-editor/core';
+export declare const snippets: Snippet[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@easy-editor/materials-dashboard-text",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "description": "Text component for EasyEditor dashboard",
   "type": "module",
   "main": "dist/index.js",
@@ -32,7 +32,7 @@
   "repository": {
     "type": "git",
     "url": "https://github.com/Easy-Editor/EasyMaterials",
-    "directory": "packages/dashboard/text"
+    "directory": "packages/dashboard/basic/text"
   },
   "bugs": {
     "url": "https://github.com/Easy-Editor/EasyMaterials/issues"
@@ -48,6 +48,7 @@
     "@easy-editor/materials-shared": "0.0.0"
   },
   "scripts": {
+    "dev": "vite",
     "format": "biome format --write .",
     "lint": "biome check .",
     "build": "npm-run-all -nl build:*",

package/vite.config.ts

@@ -6,59 +6,49 @@
 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 配置
     hmr: {
       port: 5001,
     },
   },
-
-  // 优化依赖处理
-  optimizeDeps: {
-    // 排除这些依赖，让它们从平台端加载
-    exclude: ['@easy-editor/core', '@easy-editor/materials-shared'],
-  },
-
-  // 构建配置（用于生产环境，开发时不影响）
   build: {
-    lib: {
-      entry: 'src/index.tsx',
-      formats: ['es'],
-      fileName: 'index',
-    },
+    target: 'esnext',
     rollupOptions: {
-      // 外部依赖不打包
-      external: ['react', 'react-dom', '@easy-editor/core', '@easy-editor/materials-shared'],
+      // 确保生产构建也外部化这些依赖
+      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: {
-    // 确保使用相同的 React 实例
     dedupe: ['react', 'react-dom'],
   },
-
-  // esbuild 配置
-  esbuild: {
-    // 保留 JSX 注释，便于调试
-    jsx: 'automatic',
-  },
 })

package/dist/component.d.ts

@@ -1,14 +0,0 @@
-import type { CSSProperties, Ref } from 'react';
-interface TextProps {
-    ref?: Ref<HTMLDivElement>;
-    text?: string;
-    fontSize?: number | string;
-    color?: string;
-    fontWeight?: string | number;
-    textAlign?: 'left' | 'center' | 'right' | 'justify';
-    lineHeight?: number | string;
-    className?: string;
-    style?: CSSProperties;
-}
-declare const Text: (props: TextProps) => import("react/jsx-runtime").JSX.Element;
-export default Text;

package/dist/configure.d.ts

@@ -1,3 +0,0 @@
-import type { Configure } from '@easy-editor/core';
-declare const configure: Configure;
-export default configure;

package/dist/index.d.ts

@@ -1,6 +0,0 @@
-/**
- * Text Component for EasyEditor
- * @package @easy-editor/materials-dashboard-text
- */
-export { default as meta } from './meta';
-export { default as component } from './component';

package/dist/meta.d.ts

@@ -1,3 +0,0 @@
-import type { ComponentMetadata } from '@easy-editor/core';
-declare const meta: ComponentMetadata;
-export default meta;

package/dist/snippets.d.ts

@@ -1,3 +0,0 @@
-import type { Snippet } from '@easy-editor/core';
-declare const snippets: Snippet[];
-export default snippets;