@easy-editor/materials-dashboard-text 0.0.1

package/CHANGELOG.md

@@ -0,0 +1,7 @@
+# @easy-editor/materials-dashboard-text
+
+## 0.0.1
+
+### Patch Changes
+
+- feat: text materials

package/LICENSE

@@ -0,0 +1,9 @@
+MIT License
+
+Copyright © 2025-PRESENT JinSo <https://github.com/JinSooo>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -0,0 +1,127 @@
+# @easy-editor/materials-dashboard-text
+
+Text component for EasyEditor dashboard.
+
+## Features
+
+- ✅ Configurable text component with rich styling options
+- ✅ Support for font size, color, weight, alignment, and line height
+- ✅ Pure inline styles - no CSS dependencies
+- ✅ Lightweight and optimized build output
+- ✅ TypeScript support with full type definitions
+
+## Installation
+
+```bash
+npm install @easy-editor/materials-dashboard-text
+```
+
+**Peer Dependencies**: 确保已安装以下依赖
+
+```bash
+npm install @easy-editor/core react react-dom
+```
+
+## Usage
+
+### In EasyEditor
+
+```typescript
+import Text, { meta, snippets, configure } from '@easy-editor/materials-dashboard-text'
+
+// Register in editor
+editor.registerComponent({
+  component: Text,
+  ...meta,
+})
+```
+
+### As React Component
+
+```tsx
+import Text from '@easy-editor/materials-dashboard-text'
+
+function App() {
+  return (
+    <Text
+      text="Hello World"
+      fontSize={24}
+      color="#333"
+      fontWeight="bold"
+      textAlign="center"
+    />
+  )
+}
+```
+
+## Props
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `text` | `string` | `'Text'` | Text content |
+| `fontSize` | `number \| string` | `14` | Font size (px or string with unit) |
+| `color` | `string` | `'#000000'` | Text color (hex, rgb, rgba) |
+| `fontWeight` | `string \| number` | `'normal'` | Font weight (normal, bold, 100-900) |
+| `textAlign` | `'left' \| 'center' \| 'right' \| 'justify'` | `'left'` | Text alignment |
+| `lineHeight` | `number \| string` | `1.5` | Line height |
+| `className` | `string` | `''` | Additional CSS classes |
+| `style` | `CSSProperties` | - | Additional inline styles |
+| `ref` | `Ref<HTMLDivElement>` | - | React ref |
+
+## Styling
+
+The component uses pure inline styles for all styling, making it:
+- ✅ Independent - no CSS file to import
+- ✅ Predictable - styles always apply
+- ✅ Lightweight - minimal bundle size
+- ✅ Controllable - all styles via props
+
+```tsx
+<Text
+  text="Styled Text"
+  fontSize={20}
+  color="#007bff"
+  fontWeight="600"
+  textAlign="center"
+  lineHeight={1.8}
+  style={{ padding: '10px', backgroundColor: '#f0f0f0' }}
+/>
+```
+
+## Build Output
+
+```
+dist/
+├── index.js          # UMD format (for CDN)
+├── index.esm.js      # ESM format (for modern bundlers)
+├── index.cjs         # CommonJS format (for Node.js)
+├── index.min.js      # Minified UMD
+├── index.d.ts        # TypeScript definitions
+└── *.map             # Source maps
+```
+
+## Development
+
+```bash
+# Install dependencies
+npm install
+
+# Build
+npm run build
+
+# Lint
+npm run lint
+
+# Format
+npm run format
+```
+
+## Configuration
+
+The component uses a comprehensive configuration system based on EasyEditor's standards:
+
+- **Basic Settings**: ID, title, position/size, text content
+- **Font Styling**: Size, color, weight, line height, alignment
+- **Advanced Settings**: Visibility conditions
+
+See `src/configure.ts` for the complete configuration structure.

package/dist/index.cjs

@@ -0,0 +1,287 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+const Text = props => {
+  const {
+    ref,
+    text = 'Text',
+    fontSize = 14,
+    color = '#000000',
+    fontWeight = 'normal',
+    textAlign = 'left',
+    lineHeight = 1.5,
+    className = '',
+    style: externalStyle,
+    ...rest
+  } = props;
+  const internalStyle = {
+    width: '100%',
+    height: '100%',
+    fontSize: typeof fontSize === 'number' ? `${fontSize}px` : fontSize,
+    color,
+    fontWeight,
+    textAlign,
+    lineHeight,
+    wordBreak: 'break-word',
+    whiteSpace: 'pre-wrap'
+  };
+  const mergedStyle = {
+    ...internalStyle,
+    ...externalStyle
+  };
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: className,
+    ref: ref,
+    style: mergedStyle,
+    ...rest,
+    children: text
+  });
+};
+
+const MaterialGroup = {
+  BASIC: 'basic'};
+
+const configure = {
+  props: [{
+    type: "group",
+    title: "功能",
+    setter: "TabSetter",
+    items: [{
+      type: "group",
+      key: "basic",
+      title: "基本",
+      items: [{
+        name: "id",
+        title: "ID",
+        setter: "NodeIdSetter"
+      }, {
+        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);
+            }
+          }
+        }]
+      }, {
+        name: "text",
+        title: "文本内容",
+        setter: "TextAreaSetter"
+      }, {
+        type: "group",
+        title: "字体样式",
+        setter: {
+          componentName: "CollapseSetter",
+          props: {
+            icon: false
+          }
+        },
+        items: [{
+          name: "fontSize",
+          title: "字体大小",
+          setter: "NumberSetter",
+          extraProps: {
+            defaultValue: 14
+          }
+        }, {
+          name: "color",
+          title: "文字颜色",
+          setter: "ColorSetter",
+          extraProps: {
+            defaultValue: "#000000"
+          }
+        }, {
+          name: "fontWeight",
+          title: "字体粗细",
+          setter: {
+            componentName: "SelectSetter",
+            props: {
+              options: [{
+                label: "正常",
+                value: "normal"
+              }, {
+                label: "粗体",
+                value: "bold"
+              }, {
+                label: "100",
+                value: "100"
+              }, {
+                label: "200",
+                value: "200"
+              }, {
+                label: "300",
+                value: "300"
+              }, {
+                label: "400",
+                value: "400"
+              }, {
+                label: "500",
+                value: "500"
+              }, {
+                label: "600",
+                value: "600"
+              }, {
+                label: "700",
+                value: "700"
+              }, {
+                label: "800",
+                value: "800"
+              }, {
+                label: "900",
+                value: "900"
+              }]
+            }
+          },
+          extraProps: {
+            defaultValue: "normal"
+          }
+        }, {
+          name: "lineHeight",
+          title: "行高",
+          setter: "NumberSetter",
+          extraProps: {
+            defaultValue: 1.5
+          }
+        }, {
+          name: "textAlign",
+          title: "文本对齐",
+          setter: {
+            componentName: "RadioGroupSetter",
+            props: {
+              options: [{
+                label: "左对齐",
+                value: "left"
+              }, {
+                label: "居中",
+                value: "center"
+              }, {
+                label: "右对齐",
+                value: "right"
+              }, {
+                label: "两端对齐",
+                value: "justify"
+              }]
+            }
+          },
+          extraProps: {
+            defaultValue: "left"
+          }
+        }]
+      }]
+    }, {
+      type: "group",
+      key: "advanced",
+      title: "高级",
+      items: [{
+        type: "group",
+        title: "高级设置",
+        setter: {
+          componentName: "CollapseSetter",
+          props: {
+            icon: false
+          }
+        },
+        items: [{
+          title: "显隐",
+          setter: "SwitchSetter",
+          extraProps: {
+            supportVariable: true,
+            getValue(target) {
+              return target.getExtraPropValue("condition");
+            },
+            setValue(target, value) {
+              target.setExtraPropValue("condition", value);
+            }
+          }
+        }]
+      }]
+    }]
+  }],
+  component: {},
+  supports: {},
+  advanced: {
+    view: Text
+  }
+};
+
+const snippets = [{
+  title: 'Text',
+  screenshot: 'https://img.alicdn.com/imgextra/i3/O1CN01n5wpxc1bi862KuXFz_!!6000000003498-55-tps-50-50.svg',
+  schema: {
+    componentName: 'Text',
+    props: {
+      text: 'Text Text Text',
+      fontSize: 14,
+      color: '#000000',
+      textAlign: 'left'
+    },
+    $dashboard: {
+      rect: {
+        width: 120,
+        height: 40
+      }
+    }
+  }
+}, {
+  title: 'Heading',
+  screenshot: 'https://img.alicdn.com/imgextra/i3/O1CN01n5wpxc1bi862KuXFz_!!6000000003498-55-tps-50-50.svg',
+  schema: {
+    componentName: 'Text',
+    props: {
+      text: 'Heading',
+      fontSize: 24,
+      color: '#000000',
+      fontWeight: 'bold',
+      textAlign: 'center'
+    },
+    $dashboard: {
+      rect: {
+        width: 200,
+        height: 50
+      }
+    }
+  }
+}];
+
+const meta = {
+  componentName: 'Text',
+  title: 'Text',
+  group: MaterialGroup.BASIC,
+  snippets,
+  configure
+};
+
+exports.Text = Text;
+exports.configure = configure;
+exports.default = Text;
+exports.meta = meta;
+exports.snippets = snippets;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../src/component.tsx","../../../shared/src/types.ts","../src/configure.ts","../src/snippets.ts","../src/meta.ts"],"sourcesContent":["import type { CSSProperties, Ref } from 'react'\n\ninterface TextProps {\n  ref?: Ref<HTMLDivElement>\n  text?: string\n  fontSize?: number | string\n  color?: string\n  fontWeight?: string | number\n  textAlign?: 'left' | 'center' | 'right' | 'justify'\n  lineHeight?: number | string\n  className?: string\n  style?: CSSProperties\n}\n\nconst Text = (props: TextProps) => {\n  const {\n    ref,\n    text = 'Text',\n    fontSize = 14,\n    color = '#000000',\n    fontWeight = 'normal',\n    textAlign = 'left',\n    lineHeight = 1.5,\n    className = '',\n    style: externalStyle,\n    ...rest\n  } = props\n\n  const internalStyle: CSSProperties = {\n    width: '100%',\n    height: '100%',\n    fontSize: typeof fontSize === 'number' ? `${fontSize}px` : fontSize,\n    color,\n    fontWeight,\n    textAlign,\n    lineHeight,\n    wordBreak: 'break-word',\n    whiteSpace: 'pre-wrap',\n  }\n\n  const mergedStyle = { ...internalStyle, ...externalStyle }\n\n  return (\n    <div className={className} ref={ref} style={mergedStyle} {...rest}>\n      {text}\n    </div>\n  )\n}\n\nexport default Text\n","/**\n * Material Groups\n * 物料分组常量\n */\nexport const MaterialGroup = {\n  /** 内置 */\n  INNER: 'inner',\n  /** 基础 */\n  BASIC: 'basic',\n  /** 图表 */\n  CHART: 'chart',\n  /** 数据展示 */\n  DATA: 'data',\n  /** 交互 */\n  INTERACTION: 'interaction',\n} as const\n\n/**\n * Material Group Type\n */\nexport type MaterialGroupType = (typeof MaterialGroup)[keyof typeof MaterialGroup]\n\n","import type { Configure } from \"@easy-editor/core\";\nimport Text from \"./component\";\n\nconst configure: Configure = {\n  props: [\n    {\n      type: \"group\",\n      title: \"功能\",\n      setter: \"TabSetter\",\n      items: [\n        {\n          type: \"group\",\n          key: \"basic\",\n          title: \"基本\",\n          items: [\n            {\n              name: \"id\",\n              title: \"ID\",\n              setter: \"NodeIdSetter\",\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              name: \"text\",\n              title: \"文本内容\",\n              setter: \"TextAreaSetter\",\n            },\n            {\n              type: \"group\",\n              title: \"字体样式\",\n              setter: {\n                componentName: \"CollapseSetter\",\n                props: {\n                  icon: false,\n                },\n              },\n              items: [\n                {\n                  name: \"fontSize\",\n                  title: \"字体大小\",\n                  setter: \"NumberSetter\",\n                  extraProps: {\n                    defaultValue: 14,\n                  },\n                },\n                {\n                  name: \"color\",\n                  title: \"文字颜色\",\n                  setter: \"ColorSetter\",\n                  extraProps: {\n                    defaultValue: \"#000000\",\n                  },\n                },\n                {\n                  name: \"fontWeight\",\n                  title: \"字体粗细\",\n                  setter: {\n                    componentName: \"SelectSetter\",\n                    props: {\n                      options: [\n                        { label: \"正常\", value: \"normal\" },\n                        { label: \"粗体\", value: \"bold\" },\n                        { label: \"100\", value: \"100\" },\n                        { label: \"200\", value: \"200\" },\n                        { label: \"300\", value: \"300\" },\n                        { label: \"400\", value: \"400\" },\n                        { label: \"500\", value: \"500\" },\n                        { label: \"600\", value: \"600\" },\n                        { label: \"700\", value: \"700\" },\n                        { label: \"800\", value: \"800\" },\n                        { label: \"900\", value: \"900\" },\n                      ],\n                    },\n                  },\n                  extraProps: {\n                    defaultValue: \"normal\",\n                  },\n                },\n                {\n                  name: \"lineHeight\",\n                  title: \"行高\",\n                  setter: \"NumberSetter\",\n                  extraProps: {\n                    defaultValue: 1.5,\n                  },\n                },\n                {\n                  name: \"textAlign\",\n                  title: \"文本对齐\",\n                  setter: {\n                    componentName: \"RadioGroupSetter\",\n                    props: {\n                      options: [\n                        { label: \"左对齐\", value: \"left\" },\n                        { label: \"居中\", value: \"center\" },\n                        { label: \"右对齐\", value: \"right\" },\n                        { label: \"两端对齐\", value: \"justify\" },\n                      ],\n                    },\n                  },\n                  extraProps: {\n                    defaultValue: \"left\",\n                  },\n                },\n              ],\n            },\n          ],\n        },\n        {\n          type: \"group\",\n          key: \"advanced\",\n          title: \"高级\",\n          items: [\n            {\n              type: \"group\",\n              title: \"高级设置\",\n              setter: {\n                componentName: \"CollapseSetter\",\n                props: {\n                  icon: false,\n                },\n              },\n              items: [\n                {\n                  title: \"显隐\",\n                  setter: \"SwitchSetter\",\n                  extraProps: {\n                    supportVariable: true,\n                    getValue(target) {\n                      return target.getExtraPropValue(\"condition\");\n                    },\n                    setValue(target, value: boolean) {\n                      target.setExtraPropValue(\"condition\", value);\n                    },\n                  },\n                },\n              ],\n            },\n          ],\n        },\n      ],\n    },\n  ],\n  component: {},\n  supports: {},\n  advanced: {\n    view: Text,\n  },\n};\n\nexport default configure;\n","import type { Snippet } from '@easy-editor/core'\n\nconst snippets: Snippet[] = [\n  {\n    title: 'Text',\n    screenshot: 'https://img.alicdn.com/imgextra/i3/O1CN01n5wpxc1bi862KuXFz_!!6000000003498-55-tps-50-50.svg',\n    schema: {\n      componentName: 'Text',\n      props: {\n        text: 'Text Text Text',\n        fontSize: 14,\n        color: '#000000',\n        textAlign: 'left',\n      },\n      $dashboard: {\n        rect: {\n          width: 120,\n          height: 40,\n        },\n      },\n    },\n  },\n  {\n    title: 'Heading',\n    screenshot: 'https://img.alicdn.com/imgextra/i3/O1CN01n5wpxc1bi862KuXFz_!!6000000003498-55-tps-50-50.svg',\n    schema: {\n      componentName: 'Text',\n      props: {\n        text: 'Heading',\n        fontSize: 24,\n        color: '#000000',\n        fontWeight: 'bold',\n        textAlign: 'center',\n      },\n      $dashboard: {\n        rect: {\n          width: 200,\n          height: 50,\n        },\n      },\n    },\n  },\n]\n\nexport default snippets\n","import type { ComponentMetadata } from '@easy-editor/core'\nimport { MaterialGroup } from '@easy-editor/materials-shared'\nimport configure from './configure'\nimport snippets from './snippets'\n\nconst meta: ComponentMetadata = {\n  componentName: 'Text',\n  title: 'Text',\n  group: MaterialGroup.BASIC,\n  snippets,\n  configure,\n}\n\nexport default meta\n"],"names":["Text","props","ref","text","fontSize","color","fontWeight","textAlign","lineHeight","className","style","externalStyle","rest","internalStyle","width","height","wordBreak","whiteSpace","mergedStyle","_jsx","children","MaterialGroup","INNER","BASIC","configure","type","title","setter","items","key","name","extraProps","getValue","target","getExtraPropValue","setValue","value","setExtraPropValue","componentName","icon","defaultValue","options","label","supportVariable","component","supports","advanced","view","snippets","screenshot","schema","$dashboard","rect","meta","group"],"mappings":"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"}

package/dist/index.esm.js

@@ -0,0 +1,279 @@
+import { jsx } from 'react/jsx-runtime';
+
+const Text = props => {
+  const {
+    ref,
+    text = 'Text',
+    fontSize = 14,
+    color = '#000000',
+    fontWeight = 'normal',
+    textAlign = 'left',
+    lineHeight = 1.5,
+    className = '',
+    style: externalStyle,
+    ...rest
+  } = props;
+  const internalStyle = {
+    width: '100%',
+    height: '100%',
+    fontSize: typeof fontSize === 'number' ? `${fontSize}px` : fontSize,
+    color,
+    fontWeight,
+    textAlign,
+    lineHeight,
+    wordBreak: 'break-word',
+    whiteSpace: 'pre-wrap'
+  };
+  const mergedStyle = {
+    ...internalStyle,
+    ...externalStyle
+  };
+  return /*#__PURE__*/jsx("div", {
+    className: className,
+    ref: ref,
+    style: mergedStyle,
+    ...rest,
+    children: text
+  });
+};
+
+const MaterialGroup = {
+  BASIC: 'basic'};
+
+const configure = {
+  props: [{
+    type: "group",
+    title: "功能",
+    setter: "TabSetter",
+    items: [{
+      type: "group",
+      key: "basic",
+      title: "基本",
+      items: [{
+        name: "id",
+        title: "ID",
+        setter: "NodeIdSetter"
+      }, {
+        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);
+            }
+          }
+        }]
+      }, {
+        name: "text",
+        title: "文本内容",
+        setter: "TextAreaSetter"
+      }, {
+        type: "group",
+        title: "字体样式",
+        setter: {
+          componentName: "CollapseSetter",
+          props: {
+            icon: false
+          }
+        },
+        items: [{
+          name: "fontSize",
+          title: "字体大小",
+          setter: "NumberSetter",
+          extraProps: {
+            defaultValue: 14
+          }
+        }, {
+          name: "color",
+          title: "文字颜色",
+          setter: "ColorSetter",
+          extraProps: {
+            defaultValue: "#000000"
+          }
+        }, {
+          name: "fontWeight",
+          title: "字体粗细",
+          setter: {
+            componentName: "SelectSetter",
+            props: {
+              options: [{
+                label: "正常",
+                value: "normal"
+              }, {
+                label: "粗体",
+                value: "bold"
+              }, {
+                label: "100",
+                value: "100"
+              }, {
+                label: "200",
+                value: "200"
+              }, {
+                label: "300",
+                value: "300"
+              }, {
+                label: "400",
+                value: "400"
+              }, {
+                label: "500",
+                value: "500"
+              }, {
+                label: "600",
+                value: "600"
+              }, {
+                label: "700",
+                value: "700"
+              }, {
+                label: "800",
+                value: "800"
+              }, {
+                label: "900",
+                value: "900"
+              }]
+            }
+          },
+          extraProps: {
+            defaultValue: "normal"
+          }
+        }, {
+          name: "lineHeight",
+          title: "行高",
+          setter: "NumberSetter",
+          extraProps: {
+            defaultValue: 1.5
+          }
+        }, {
+          name: "textAlign",
+          title: "文本对齐",
+          setter: {
+            componentName: "RadioGroupSetter",
+            props: {
+              options: [{
+                label: "左对齐",
+                value: "left"
+              }, {
+                label: "居中",
+                value: "center"
+              }, {
+                label: "右对齐",
+                value: "right"
+              }, {
+                label: "两端对齐",
+                value: "justify"
+              }]
+            }
+          },
+          extraProps: {
+            defaultValue: "left"
+          }
+        }]
+      }]
+    }, {
+      type: "group",
+      key: "advanced",
+      title: "高级",
+      items: [{
+        type: "group",
+        title: "高级设置",
+        setter: {
+          componentName: "CollapseSetter",
+          props: {
+            icon: false
+          }
+        },
+        items: [{
+          title: "显隐",
+          setter: "SwitchSetter",
+          extraProps: {
+            supportVariable: true,
+            getValue(target) {
+              return target.getExtraPropValue("condition");
+            },
+            setValue(target, value) {
+              target.setExtraPropValue("condition", value);
+            }
+          }
+        }]
+      }]
+    }]
+  }],
+  component: {},
+  supports: {},
+  advanced: {
+    view: Text
+  }
+};
+
+const snippets = [{
+  title: 'Text',
+  screenshot: 'https://img.alicdn.com/imgextra/i3/O1CN01n5wpxc1bi862KuXFz_!!6000000003498-55-tps-50-50.svg',
+  schema: {
+    componentName: 'Text',
+    props: {
+      text: 'Text Text Text',
+      fontSize: 14,
+      color: '#000000',
+      textAlign: 'left'
+    },
+    $dashboard: {
+      rect: {
+        width: 120,
+        height: 40
+      }
+    }
+  }
+}, {
+  title: 'Heading',
+  screenshot: 'https://img.alicdn.com/imgextra/i3/O1CN01n5wpxc1bi862KuXFz_!!6000000003498-55-tps-50-50.svg',
+  schema: {
+    componentName: 'Text',
+    props: {
+      text: 'Heading',
+      fontSize: 24,
+      color: '#000000',
+      fontWeight: 'bold',
+      textAlign: 'center'
+    },
+    $dashboard: {
+      rect: {
+        width: 200,
+        height: 50
+      }
+    }
+  }
+}];
+
+const meta = {
+  componentName: 'Text',
+  title: 'Text',
+  group: MaterialGroup.BASIC,
+  snippets,
+  configure
+};
+
+export { Text, configure, Text as default, meta, snippets };
+//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../src/component.tsx","../../../shared/src/types.ts","../src/configure.ts","../src/snippets.ts","../src/meta.ts"],"sourcesContent":["import type { CSSProperties, Ref } from 'react'\n\ninterface TextProps {\n  ref?: Ref<HTMLDivElement>\n  text?: string\n  fontSize?: number | string\n  color?: string\n  fontWeight?: string | number\n  textAlign?: 'left' | 'center' | 'right' | 'justify'\n  lineHeight?: number | string\n  className?: string\n  style?: CSSProperties\n}\n\nconst Text = (props: TextProps) => {\n  const {\n    ref,\n    text = 'Text',\n    fontSize = 14,\n    color = '#000000',\n    fontWeight = 'normal',\n    textAlign = 'left',\n    lineHeight = 1.5,\n    className = '',\n    style: externalStyle,\n    ...rest\n  } = props\n\n  const internalStyle: CSSProperties = {\n    width: '100%',\n    height: '100%',\n    fontSize: typeof fontSize === 'number' ? `${fontSize}px` : fontSize,\n    color,\n    fontWeight,\n    textAlign,\n    lineHeight,\n    wordBreak: 'break-word',\n    whiteSpace: 'pre-wrap',\n  }\n\n  const mergedStyle = { ...internalStyle, ...externalStyle }\n\n  return (\n    <div className={className} ref={ref} style={mergedStyle} {...rest}>\n      {text}\n    </div>\n  )\n}\n\nexport default Text\n","/**\n * Material Groups\n * 物料分组常量\n */\nexport const MaterialGroup = {\n  /** 内置 */\n  INNER: 'inner',\n  /** 基础 */\n  BASIC: 'basic',\n  /** 图表 */\n  CHART: 'chart',\n  /** 数据展示 */\n  DATA: 'data',\n  /** 交互 */\n  INTERACTION: 'interaction',\n} as const\n\n/**\n * Material Group Type\n */\nexport type MaterialGroupType = (typeof MaterialGroup)[keyof typeof MaterialGroup]\n\n","import type { Configure } from \"@easy-editor/core\";\nimport Text from \"./component\";\n\nconst configure: Configure = {\n  props: [\n    {\n      type: \"group\",\n      title: \"功能\",\n      setter: \"TabSetter\",\n      items: [\n        {\n          type: \"group\",\n          key: \"basic\",\n          title: \"基本\",\n          items: [\n            {\n              name: \"id\",\n              title: \"ID\",\n              setter: \"NodeIdSetter\",\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              name: \"text\",\n              title: \"文本内容\",\n              setter: \"TextAreaSetter\",\n            },\n            {\n              type: \"group\",\n              title: \"字体样式\",\n              setter: {\n                componentName: \"CollapseSetter\",\n                props: {\n                  icon: false,\n                },\n              },\n              items: [\n                {\n                  name: \"fontSize\",\n                  title: \"字体大小\",\n                  setter: \"NumberSetter\",\n                  extraProps: {\n                    defaultValue: 14,\n                  },\n                },\n                {\n                  name: \"color\",\n                  title: \"文字颜色\",\n                  setter: \"ColorSetter\",\n                  extraProps: {\n                    defaultValue: \"#000000\",\n                  },\n                },\n                {\n                  name: \"fontWeight\",\n                  title: \"字体粗细\",\n                  setter: {\n                    componentName: \"SelectSetter\",\n                    props: {\n                      options: [\n                        { label: \"正常\", value: \"normal\" },\n                        { label: \"粗体\", value: \"bold\" },\n                        { label: \"100\", value: \"100\" },\n                        { label: \"200\", value: \"200\" },\n                        { label: \"300\", value: \"300\" },\n                        { label: \"400\", value: \"400\" },\n                        { label: \"500\", value: \"500\" },\n                        { label: \"600\", value: \"600\" },\n                        { label: \"700\", value: \"700\" },\n                        { label: \"800\", value: \"800\" },\n                        { label: \"900\", value: \"900\" },\n                      ],\n                    },\n                  },\n                  extraProps: {\n                    defaultValue: \"normal\",\n                  },\n                },\n                {\n                  name: \"lineHeight\",\n                  title: \"行高\",\n                  setter: \"NumberSetter\",\n                  extraProps: {\n                    defaultValue: 1.5,\n                  },\n                },\n                {\n                  name: \"textAlign\",\n                  title: \"文本对齐\",\n                  setter: {\n                    componentName: \"RadioGroupSetter\",\n                    props: {\n                      options: [\n                        { label: \"左对齐\", value: \"left\" },\n                        { label: \"居中\", value: \"center\" },\n                        { label: \"右对齐\", value: \"right\" },\n                        { label: \"两端对齐\", value: \"justify\" },\n                      ],\n                    },\n                  },\n                  extraProps: {\n                    defaultValue: \"left\",\n                  },\n                },\n              ],\n            },\n          ],\n        },\n        {\n          type: \"group\",\n          key: \"advanced\",\n          title: \"高级\",\n          items: [\n            {\n              type: \"group\",\n              title: \"高级设置\",\n              setter: {\n                componentName: \"CollapseSetter\",\n                props: {\n                  icon: false,\n                },\n              },\n              items: [\n                {\n                  title: \"显隐\",\n                  setter: \"SwitchSetter\",\n                  extraProps: {\n                    supportVariable: true,\n                    getValue(target) {\n                      return target.getExtraPropValue(\"condition\");\n                    },\n                    setValue(target, value: boolean) {\n                      target.setExtraPropValue(\"condition\", value);\n                    },\n                  },\n                },\n              ],\n            },\n          ],\n        },\n      ],\n    },\n  ],\n  component: {},\n  supports: {},\n  advanced: {\n    view: Text,\n  },\n};\n\nexport default configure;\n","import type { Snippet } from '@easy-editor/core'\n\nconst snippets: Snippet[] = [\n  {\n    title: 'Text',\n    screenshot: 'https://img.alicdn.com/imgextra/i3/O1CN01n5wpxc1bi862KuXFz_!!6000000003498-55-tps-50-50.svg',\n    schema: {\n      componentName: 'Text',\n      props: {\n        text: 'Text Text Text',\n        fontSize: 14,\n        color: '#000000',\n        textAlign: 'left',\n      },\n      $dashboard: {\n        rect: {\n          width: 120,\n          height: 40,\n        },\n      },\n    },\n  },\n  {\n    title: 'Heading',\n    screenshot: 'https://img.alicdn.com/imgextra/i3/O1CN01n5wpxc1bi862KuXFz_!!6000000003498-55-tps-50-50.svg',\n    schema: {\n      componentName: 'Text',\n      props: {\n        text: 'Heading',\n        fontSize: 24,\n        color: '#000000',\n        fontWeight: 'bold',\n        textAlign: 'center',\n      },\n      $dashboard: {\n        rect: {\n          width: 200,\n          height: 50,\n        },\n      },\n    },\n  },\n]\n\nexport default snippets\n","import type { ComponentMetadata } from '@easy-editor/core'\nimport { MaterialGroup } from '@easy-editor/materials-shared'\nimport configure from './configure'\nimport snippets from './snippets'\n\nconst meta: ComponentMetadata = {\n  componentName: 'Text',\n  title: 'Text',\n  group: MaterialGroup.BASIC,\n  snippets,\n  configure,\n}\n\nexport default meta\n"],"names":["Text","props","ref","text","fontSize","color","fontWeight","textAlign","lineHeight","className","style","externalStyle","rest","internalStyle","width","height","wordBreak","whiteSpace","mergedStyle","_jsx","children","MaterialGroup","INNER","BASIC","configure","type","title","setter","items","key","name","extraProps","getValue","target","getExtraPropValue","setValue","value","setExtraPropValue","componentName","icon","defaultValue","options","label","supportVariable","component","supports","advanced","view","snippets","screenshot","schema","$dashboard","rect","meta","group"],"mappings":"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"}

package/dist/index.js

@@ -0,0 +1,292 @@
+/* @easy-editor/materials-dashboard-text v0.0.1 */
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react/jsx-runtime')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'react/jsx-runtime'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.Text = {}, global.jsxRuntime));
+})(this, (function (exports, jsxRuntime) { 'use strict';
+
+  const Text = props => {
+    const {
+      ref,
+      text = 'Text',
+      fontSize = 14,
+      color = '#000000',
+      fontWeight = 'normal',
+      textAlign = 'left',
+      lineHeight = 1.5,
+      className = '',
+      style: externalStyle,
+      ...rest
+    } = props;
+    const internalStyle = {
+      width: '100%',
+      height: '100%',
+      fontSize: typeof fontSize === 'number' ? `${fontSize}px` : fontSize,
+      color,
+      fontWeight,
+      textAlign,
+      lineHeight,
+      wordBreak: 'break-word',
+      whiteSpace: 'pre-wrap'
+    };
+    const mergedStyle = {
+      ...internalStyle,
+      ...externalStyle
+    };
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: className,
+      ref: ref,
+      style: mergedStyle,
+      ...rest,
+      children: text
+    });
+  };
+
+  const MaterialGroup = {
+    BASIC: 'basic'};
+
+  const configure = {
+    props: [{
+      type: "group",
+      title: "功能",
+      setter: "TabSetter",
+      items: [{
+        type: "group",
+        key: "basic",
+        title: "基本",
+        items: [{
+          name: "id",
+          title: "ID",
+          setter: "NodeIdSetter"
+        }, {
+          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);
+              }
+            }
+          }]
+        }, {
+          name: "text",
+          title: "文本内容",
+          setter: "TextAreaSetter"
+        }, {
+          type: "group",
+          title: "字体样式",
+          setter: {
+            componentName: "CollapseSetter",
+            props: {
+              icon: false
+            }
+          },
+          items: [{
+            name: "fontSize",
+            title: "字体大小",
+            setter: "NumberSetter",
+            extraProps: {
+              defaultValue: 14
+            }
+          }, {
+            name: "color",
+            title: "文字颜色",
+            setter: "ColorSetter",
+            extraProps: {
+              defaultValue: "#000000"
+            }
+          }, {
+            name: "fontWeight",
+            title: "字体粗细",
+            setter: {
+              componentName: "SelectSetter",
+              props: {
+                options: [{
+                  label: "正常",
+                  value: "normal"
+                }, {
+                  label: "粗体",
+                  value: "bold"
+                }, {
+                  label: "100",
+                  value: "100"
+                }, {
+                  label: "200",
+                  value: "200"
+                }, {
+                  label: "300",
+                  value: "300"
+                }, {
+                  label: "400",
+                  value: "400"
+                }, {
+                  label: "500",
+                  value: "500"
+                }, {
+                  label: "600",
+                  value: "600"
+                }, {
+                  label: "700",
+                  value: "700"
+                }, {
+                  label: "800",
+                  value: "800"
+                }, {
+                  label: "900",
+                  value: "900"
+                }]
+              }
+            },
+            extraProps: {
+              defaultValue: "normal"
+            }
+          }, {
+            name: "lineHeight",
+            title: "行高",
+            setter: "NumberSetter",
+            extraProps: {
+              defaultValue: 1.5
+            }
+          }, {
+            name: "textAlign",
+            title: "文本对齐",
+            setter: {
+              componentName: "RadioGroupSetter",
+              props: {
+                options: [{
+                  label: "左对齐",
+                  value: "left"
+                }, {
+                  label: "居中",
+                  value: "center"
+                }, {
+                  label: "右对齐",
+                  value: "right"
+                }, {
+                  label: "两端对齐",
+                  value: "justify"
+                }]
+              }
+            },
+            extraProps: {
+              defaultValue: "left"
+            }
+          }]
+        }]
+      }, {
+        type: "group",
+        key: "advanced",
+        title: "高级",
+        items: [{
+          type: "group",
+          title: "高级设置",
+          setter: {
+            componentName: "CollapseSetter",
+            props: {
+              icon: false
+            }
+          },
+          items: [{
+            title: "显隐",
+            setter: "SwitchSetter",
+            extraProps: {
+              supportVariable: true,
+              getValue(target) {
+                return target.getExtraPropValue("condition");
+              },
+              setValue(target, value) {
+                target.setExtraPropValue("condition", value);
+              }
+            }
+          }]
+        }]
+      }]
+    }],
+    component: {},
+    supports: {},
+    advanced: {
+      view: Text
+    }
+  };
+
+  const snippets = [{
+    title: 'Text',
+    screenshot: 'https://img.alicdn.com/imgextra/i3/O1CN01n5wpxc1bi862KuXFz_!!6000000003498-55-tps-50-50.svg',
+    schema: {
+      componentName: 'Text',
+      props: {
+        text: 'Text Text Text',
+        fontSize: 14,
+        color: '#000000',
+        textAlign: 'left'
+      },
+      $dashboard: {
+        rect: {
+          width: 120,
+          height: 40
+        }
+      }
+    }
+  }, {
+    title: 'Heading',
+    screenshot: 'https://img.alicdn.com/imgextra/i3/O1CN01n5wpxc1bi862KuXFz_!!6000000003498-55-tps-50-50.svg',
+    schema: {
+      componentName: 'Text',
+      props: {
+        text: 'Heading',
+        fontSize: 24,
+        color: '#000000',
+        fontWeight: 'bold',
+        textAlign: 'center'
+      },
+      $dashboard: {
+        rect: {
+          width: 200,
+          height: 50
+        }
+      }
+    }
+  }];
+
+  const meta = {
+    componentName: 'Text',
+    title: 'Text',
+    group: MaterialGroup.BASIC,
+    snippets,
+    configure
+  };
+
+  exports.Text = Text;
+  exports.configure = configure;
+  exports.default = Text;
+  exports.meta = meta;
+  exports.snippets = snippets;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/component.tsx","../../../shared/src/types.ts","../src/configure.ts","../src/snippets.ts","../src/meta.ts"],"sourcesContent":["import type { CSSProperties, Ref } from 'react'\n\ninterface TextProps {\n  ref?: Ref<HTMLDivElement>\n  text?: string\n  fontSize?: number | string\n  color?: string\n  fontWeight?: string | number\n  textAlign?: 'left' | 'center' | 'right' | 'justify'\n  lineHeight?: number | string\n  className?: string\n  style?: CSSProperties\n}\n\nconst Text = (props: TextProps) => {\n  const {\n    ref,\n    text = 'Text',\n    fontSize = 14,\n    color = '#000000',\n    fontWeight = 'normal',\n    textAlign = 'left',\n    lineHeight = 1.5,\n    className = '',\n    style: externalStyle,\n    ...rest\n  } = props\n\n  const internalStyle: CSSProperties = {\n    width: '100%',\n    height: '100%',\n    fontSize: typeof fontSize === 'number' ? `${fontSize}px` : fontSize,\n    color,\n    fontWeight,\n    textAlign,\n    lineHeight,\n    wordBreak: 'break-word',\n    whiteSpace: 'pre-wrap',\n  }\n\n  const mergedStyle = { ...internalStyle, ...externalStyle }\n\n  return (\n    <div className={className} ref={ref} style={mergedStyle} {...rest}>\n      {text}\n    </div>\n  )\n}\n\nexport default Text\n","/**\n * Material Groups\n * 物料分组常量\n */\nexport const MaterialGroup = {\n  /** 内置 */\n  INNER: 'inner',\n  /** 基础 */\n  BASIC: 'basic',\n  /** 图表 */\n  CHART: 'chart',\n  /** 数据展示 */\n  DATA: 'data',\n  /** 交互 */\n  INTERACTION: 'interaction',\n} as const\n\n/**\n * Material Group Type\n */\nexport type MaterialGroupType = (typeof MaterialGroup)[keyof typeof MaterialGroup]\n\n","import type { Configure } from \"@easy-editor/core\";\nimport Text from \"./component\";\n\nconst configure: Configure = {\n  props: [\n    {\n      type: \"group\",\n      title: \"功能\",\n      setter: \"TabSetter\",\n      items: [\n        {\n          type: \"group\",\n          key: \"basic\",\n          title: \"基本\",\n          items: [\n            {\n              name: \"id\",\n              title: \"ID\",\n              setter: \"NodeIdSetter\",\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              name: \"text\",\n              title: \"文本内容\",\n              setter: \"TextAreaSetter\",\n            },\n            {\n              type: \"group\",\n              title: \"字体样式\",\n              setter: {\n                componentName: \"CollapseSetter\",\n                props: {\n                  icon: false,\n                },\n              },\n              items: [\n                {\n                  name: \"fontSize\",\n                  title: \"字体大小\",\n                  setter: \"NumberSetter\",\n                  extraProps: {\n                    defaultValue: 14,\n                  },\n                },\n                {\n                  name: \"color\",\n                  title: \"文字颜色\",\n                  setter: \"ColorSetter\",\n                  extraProps: {\n                    defaultValue: \"#000000\",\n                  },\n                },\n                {\n                  name: \"fontWeight\",\n                  title: \"字体粗细\",\n                  setter: {\n                    componentName: \"SelectSetter\",\n                    props: {\n                      options: [\n                        { label: \"正常\", value: \"normal\" },\n                        { label: \"粗体\", value: \"bold\" },\n                        { label: \"100\", value: \"100\" },\n                        { label: \"200\", value: \"200\" },\n                        { label: \"300\", value: \"300\" },\n                        { label: \"400\", value: \"400\" },\n                        { label: \"500\", value: \"500\" },\n                        { label: \"600\", value: \"600\" },\n                        { label: \"700\", value: \"700\" },\n                        { label: \"800\", value: \"800\" },\n                        { label: \"900\", value: \"900\" },\n                      ],\n                    },\n                  },\n                  extraProps: {\n                    defaultValue: \"normal\",\n                  },\n                },\n                {\n                  name: \"lineHeight\",\n                  title: \"行高\",\n                  setter: \"NumberSetter\",\n                  extraProps: {\n                    defaultValue: 1.5,\n                  },\n                },\n                {\n                  name: \"textAlign\",\n                  title: \"文本对齐\",\n                  setter: {\n                    componentName: \"RadioGroupSetter\",\n                    props: {\n                      options: [\n                        { label: \"左对齐\", value: \"left\" },\n                        { label: \"居中\", value: \"center\" },\n                        { label: \"右对齐\", value: \"right\" },\n                        { label: \"两端对齐\", value: \"justify\" },\n                      ],\n                    },\n                  },\n                  extraProps: {\n                    defaultValue: \"left\",\n                  },\n                },\n              ],\n            },\n          ],\n        },\n        {\n          type: \"group\",\n          key: \"advanced\",\n          title: \"高级\",\n          items: [\n            {\n              type: \"group\",\n              title: \"高级设置\",\n              setter: {\n                componentName: \"CollapseSetter\",\n                props: {\n                  icon: false,\n                },\n              },\n              items: [\n                {\n                  title: \"显隐\",\n                  setter: \"SwitchSetter\",\n                  extraProps: {\n                    supportVariable: true,\n                    getValue(target) {\n                      return target.getExtraPropValue(\"condition\");\n                    },\n                    setValue(target, value: boolean) {\n                      target.setExtraPropValue(\"condition\", value);\n                    },\n                  },\n                },\n              ],\n            },\n          ],\n        },\n      ],\n    },\n  ],\n  component: {},\n  supports: {},\n  advanced: {\n    view: Text,\n  },\n};\n\nexport default configure;\n","import type { Snippet } from '@easy-editor/core'\n\nconst snippets: Snippet[] = [\n  {\n    title: 'Text',\n    screenshot: 'https://img.alicdn.com/imgextra/i3/O1CN01n5wpxc1bi862KuXFz_!!6000000003498-55-tps-50-50.svg',\n    schema: {\n      componentName: 'Text',\n      props: {\n        text: 'Text Text Text',\n        fontSize: 14,\n        color: '#000000',\n        textAlign: 'left',\n      },\n      $dashboard: {\n        rect: {\n          width: 120,\n          height: 40,\n        },\n      },\n    },\n  },\n  {\n    title: 'Heading',\n    screenshot: 'https://img.alicdn.com/imgextra/i3/O1CN01n5wpxc1bi862KuXFz_!!6000000003498-55-tps-50-50.svg',\n    schema: {\n      componentName: 'Text',\n      props: {\n        text: 'Heading',\n        fontSize: 24,\n        color: '#000000',\n        fontWeight: 'bold',\n        textAlign: 'center',\n      },\n      $dashboard: {\n        rect: {\n          width: 200,\n          height: 50,\n        },\n      },\n    },\n  },\n]\n\nexport default snippets\n","import type { ComponentMetadata } from '@easy-editor/core'\nimport { MaterialGroup } from '@easy-editor/materials-shared'\nimport configure from './configure'\nimport snippets from './snippets'\n\nconst meta: ComponentMetadata = {\n  componentName: 'Text',\n  title: 'Text',\n  group: MaterialGroup.BASIC,\n  snippets,\n  configure,\n}\n\nexport default meta\n"],"names":["Text","props","ref","text","fontSize","color","fontWeight","textAlign","lineHeight","className","style","externalStyle","rest","internalStyle","width","height","wordBreak","whiteSpace","mergedStyle","_jsx","children","MaterialGroup","INNER","BASIC","configure","type","title","setter","items","key","name","extraProps","getValue","target","getExtraPropValue","setValue","value","setExtraPropValue","componentName","icon","defaultValue","options","label","supportVariable","component","supports","advanced","view","snippets","screenshot","schema","$dashboard","rect","meta","group"],"mappings":"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"}

package/dist/index.min.js

@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react/jsx-runtime")):"function"==typeof define&&define.amd?define(["exports","react/jsx-runtime"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).Text={},e.jsxRuntime)}(this,function(e,t){"use strict";const l=e=>{const{ref:l,text:a="Text",fontSize:r=14,color:o="#000000",fontWeight:i="normal",textAlign:n="left",lineHeight:s=1.5,className:p="",style:u,...c}=e,m={...{width:"100%",height:"100%",fontSize:"number"==typeof r?`${r}px`:r,color:o,fontWeight:i,textAlign:n,lineHeight:s,wordBreak:"break-word",whiteSpace:"pre-wrap"},...u};return t.jsx("div",{className:p,ref:l,style:m,...c,children:a})},a={props:[{type:"group",title:"功能",setter:"TabSetter",items:[{type:"group",key:"basic",title:"基本",items:[{name:"id",title:"ID",setter:"NodeIdSetter"},{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)}}}]},{name:"text",title:"文本内容",setter:"TextAreaSetter"},{type:"group",title:"字体样式",setter:{componentName:"CollapseSetter",props:{icon:!1}},items:[{name:"fontSize",title:"字体大小",setter:"NumberSetter",extraProps:{defaultValue:14}},{name:"color",title:"文字颜色",setter:"ColorSetter",extraProps:{defaultValue:"#000000"}},{name:"fontWeight",title:"字体粗细",setter:{componentName:"SelectSetter",props:{options:[{label:"正常",value:"normal"},{label:"粗体",value:"bold"},{label:"100",value:"100"},{label:"200",value:"200"},{label:"300",value:"300"},{label:"400",value:"400"},{label:"500",value:"500"},{label:"600",value:"600"},{label:"700",value:"700"},{label:"800",value:"800"},{label:"900",value:"900"}]}},extraProps:{defaultValue:"normal"}},{name:"lineHeight",title:"行高",setter:"NumberSetter",extraProps:{defaultValue:1.5}},{name:"textAlign",title:"文本对齐",setter:{componentName:"RadioGroupSetter",props:{options:[{label:"左对齐",value:"left"},{label:"居中",value:"center"},{label:"右对齐",value:"right"},{label:"两端对齐",value:"justify"}]}},extraProps:{defaultValue:"left"}}]}]},{type:"group",key:"advanced",title:"高级",items:[{type:"group",title:"高级设置",setter:{componentName:"CollapseSetter",props:{icon:!1}},items:[{title:"显隐",setter:"SwitchSetter",extraProps:{supportVariable:!0,getValue:e=>e.getExtraPropValue("condition"),setValue(e,t){e.setExtraPropValue("condition",t)}}}]}]}]}],component:{},supports:{},advanced:{view:l}},r=[{title:"Text",screenshot:"https://img.alicdn.com/imgextra/i3/O1CN01n5wpxc1bi862KuXFz_!!6000000003498-55-tps-50-50.svg",schema:{componentName:"Text",props:{text:"Text Text Text",fontSize:14,color:"#000000",textAlign:"left"},$dashboard:{rect:{width:120,height:40}}}},{title:"Heading",screenshot:"https://img.alicdn.com/imgextra/i3/O1CN01n5wpxc1bi862KuXFz_!!6000000003498-55-tps-50-50.svg",schema:{componentName:"Text",props:{text:"Heading",fontSize:24,color:"#000000",fontWeight:"bold",textAlign:"center"},$dashboard:{rect:{width:200,height:50}}}}],o={componentName:"Text",title:"Text",group:"basic",snippets:r,configure:a};e.Text=l,e.configure=a,e.default=l,e.meta=o,e.snippets=r,Object.defineProperty(e,"__esModule",{value:!0})});
+//# sourceMappingURL=index.min.js.map

package/dist/index.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.min.js","sources":["../src/component.tsx","../src/configure.ts","../src/snippets.ts","../src/meta.ts","../../../shared/src/types.ts"],"sourcesContent":["import type { CSSProperties, Ref } from 'react'\n\ninterface TextProps {\n  ref?: Ref<HTMLDivElement>\n  text?: string\n  fontSize?: number | string\n  color?: string\n  fontWeight?: string | number\n  textAlign?: 'left' | 'center' | 'right' | 'justify'\n  lineHeight?: number | string\n  className?: string\n  style?: CSSProperties\n}\n\nconst Text = (props: TextProps) => {\n  const {\n    ref,\n    text = 'Text',\n    fontSize = 14,\n    color = '#000000',\n    fontWeight = 'normal',\n    textAlign = 'left',\n    lineHeight = 1.5,\n    className = '',\n    style: externalStyle,\n    ...rest\n  } = props\n\n  const internalStyle: CSSProperties = {\n    width: '100%',\n    height: '100%',\n    fontSize: typeof fontSize === 'number' ? `${fontSize}px` : fontSize,\n    color,\n    fontWeight,\n    textAlign,\n    lineHeight,\n    wordBreak: 'break-word',\n    whiteSpace: 'pre-wrap',\n  }\n\n  const mergedStyle = { ...internalStyle, ...externalStyle }\n\n  return (\n    <div className={className} ref={ref} style={mergedStyle} {...rest}>\n      {text}\n    </div>\n  )\n}\n\nexport default Text\n","import type { Configure } from \"@easy-editor/core\";\nimport Text from \"./component\";\n\nconst configure: Configure = {\n  props: [\n    {\n      type: \"group\",\n      title: \"功能\",\n      setter: \"TabSetter\",\n      items: [\n        {\n          type: \"group\",\n          key: \"basic\",\n          title: \"基本\",\n          items: [\n            {\n              name: \"id\",\n              title: \"ID\",\n              setter: \"NodeIdSetter\",\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              name: \"text\",\n              title: \"文本内容\",\n              setter: \"TextAreaSetter\",\n            },\n            {\n              type: \"group\",\n              title: \"字体样式\",\n              setter: {\n                componentName: \"CollapseSetter\",\n                props: {\n                  icon: false,\n                },\n              },\n              items: [\n                {\n                  name: \"fontSize\",\n                  title: \"字体大小\",\n                  setter: \"NumberSetter\",\n                  extraProps: {\n                    defaultValue: 14,\n                  },\n                },\n                {\n                  name: \"color\",\n                  title: \"文字颜色\",\n                  setter: \"ColorSetter\",\n                  extraProps: {\n                    defaultValue: \"#000000\",\n                  },\n                },\n                {\n                  name: \"fontWeight\",\n                  title: \"字体粗细\",\n                  setter: {\n                    componentName: \"SelectSetter\",\n                    props: {\n                      options: [\n                        { label: \"正常\", value: \"normal\" },\n                        { label: \"粗体\", value: \"bold\" },\n                        { label: \"100\", value: \"100\" },\n                        { label: \"200\", value: \"200\" },\n                        { label: \"300\", value: \"300\" },\n                        { label: \"400\", value: \"400\" },\n                        { label: \"500\", value: \"500\" },\n                        { label: \"600\", value: \"600\" },\n                        { label: \"700\", value: \"700\" },\n                        { label: \"800\", value: \"800\" },\n                        { label: \"900\", value: \"900\" },\n                      ],\n                    },\n                  },\n                  extraProps: {\n                    defaultValue: \"normal\",\n                  },\n                },\n                {\n                  name: \"lineHeight\",\n                  title: \"行高\",\n                  setter: \"NumberSetter\",\n                  extraProps: {\n                    defaultValue: 1.5,\n                  },\n                },\n                {\n                  name: \"textAlign\",\n                  title: \"文本对齐\",\n                  setter: {\n                    componentName: \"RadioGroupSetter\",\n                    props: {\n                      options: [\n                        { label: \"左对齐\", value: \"left\" },\n                        { label: \"居中\", value: \"center\" },\n                        { label: \"右对齐\", value: \"right\" },\n                        { label: \"两端对齐\", value: \"justify\" },\n                      ],\n                    },\n                  },\n                  extraProps: {\n                    defaultValue: \"left\",\n                  },\n                },\n              ],\n            },\n          ],\n        },\n        {\n          type: \"group\",\n          key: \"advanced\",\n          title: \"高级\",\n          items: [\n            {\n              type: \"group\",\n              title: \"高级设置\",\n              setter: {\n                componentName: \"CollapseSetter\",\n                props: {\n                  icon: false,\n                },\n              },\n              items: [\n                {\n                  title: \"显隐\",\n                  setter: \"SwitchSetter\",\n                  extraProps: {\n                    supportVariable: true,\n                    getValue(target) {\n                      return target.getExtraPropValue(\"condition\");\n                    },\n                    setValue(target, value: boolean) {\n                      target.setExtraPropValue(\"condition\", value);\n                    },\n                  },\n                },\n              ],\n            },\n          ],\n        },\n      ],\n    },\n  ],\n  component: {},\n  supports: {},\n  advanced: {\n    view: Text,\n  },\n};\n\nexport default configure;\n","import type { Snippet } from '@easy-editor/core'\n\nconst snippets: Snippet[] = [\n  {\n    title: 'Text',\n    screenshot: 'https://img.alicdn.com/imgextra/i3/O1CN01n5wpxc1bi862KuXFz_!!6000000003498-55-tps-50-50.svg',\n    schema: {\n      componentName: 'Text',\n      props: {\n        text: 'Text Text Text',\n        fontSize: 14,\n        color: '#000000',\n        textAlign: 'left',\n      },\n      $dashboard: {\n        rect: {\n          width: 120,\n          height: 40,\n        },\n      },\n    },\n  },\n  {\n    title: 'Heading',\n    screenshot: 'https://img.alicdn.com/imgextra/i3/O1CN01n5wpxc1bi862KuXFz_!!6000000003498-55-tps-50-50.svg',\n    schema: {\n      componentName: 'Text',\n      props: {\n        text: 'Heading',\n        fontSize: 24,\n        color: '#000000',\n        fontWeight: 'bold',\n        textAlign: 'center',\n      },\n      $dashboard: {\n        rect: {\n          width: 200,\n          height: 50,\n        },\n      },\n    },\n  },\n]\n\nexport default snippets\n","import type { ComponentMetadata } from '@easy-editor/core'\nimport { MaterialGroup } from '@easy-editor/materials-shared'\nimport configure from './configure'\nimport snippets from './snippets'\n\nconst meta: ComponentMetadata = {\n  componentName: 'Text',\n  title: 'Text',\n  group: MaterialGroup.BASIC,\n  snippets,\n  configure,\n}\n\nexport default meta\n","/**\n * Material Groups\n * 物料分组常量\n */\nexport const MaterialGroup = {\n  /** 内置 */\n  INNER: 'inner',\n  /** 基础 */\n  BASIC: 'basic',\n  /** 图表 */\n  CHART: 'chart',\n  /** 数据展示 */\n  DATA: 'data',\n  /** 交互 */\n  INTERACTION: 'interaction',\n} as const\n\n/**\n * Material Group Type\n */\nexport type MaterialGroupType = (typeof MaterialGroup)[keyof typeof MaterialGroup]\n\n"],"names":["Text","props","ref","text","fontSize","color","fontWeight","textAlign","lineHeight","className","style","externalStyle","rest","mergedStyle","width","height","wordBreak","whiteSpace","_jsx","children","configure","type","title","setter","items","key","name","extraProps","getValue","target","getExtraPropValue","setValue","value","setExtraPropValue","componentName","icon","defaultValue","options","label","supportVariable","component","supports","advanced","view","snippets","screenshot","schema","$dashboard","rect","meta","group"],"mappings":"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"}

package/package.json

@@ -0,0 +1,62 @@
+{
+  "name": "@easy-editor/materials-dashboard-text",
+  "version": "0.0.1",
+  "description": "Text 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",
+    "text",
+    "component",
+    "react"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Easy-Editor/EasyMaterials",
+    "directory": "packages/dashboard/text"
+  },
+  "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": {
+    "format": "biome format --write .",
+    "lint": "biome check .",
+    "build": "npm-run-all -nl build:*",
+    "build:clean": "rimraf dist/",
+    "build:js": "rollup -c",
+    "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/tsconfig.json

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