@easy-editor/materials-dashboard-text 0.0.1 → 0.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/index.cjs +86 -86
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.esm.js +86 -86
  5. package/dist/index.esm.js.map +1 -1
  6. package/dist/index.js +87 -87
  7. package/dist/index.js.map +1 -1
  8. package/dist/index.min.js +1 -1
  9. package/dist/index.min.js.map +1 -1
  10. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @easy-editor/materials-dashboard-text
2
2
 
3
+ ## 0.0.2
4
+
5
+ ### Patch Changes
6
+
7
+ - perf: update material variable
8
+
3
9
  ## 0.0.1
4
10
 
5
11
  ### Patch Changes
package/dist/index.cjs CHANGED
@@ -46,179 +46,179 @@ const MaterialGroup = {
46
46
 
47
47
  const configure = {
48
48
  props: [{
49
- type: "group",
50
- title: "功能",
51
- setter: "TabSetter",
49
+ type: 'group',
50
+ title: '功能',
51
+ setter: 'TabSetter',
52
52
  items: [{
53
- type: "group",
54
- key: "basic",
55
- title: "基本",
53
+ type: 'group',
54
+ key: 'basic',
55
+ title: '基本',
56
56
  items: [{
57
- name: "id",
58
- title: "ID",
59
- setter: "NodeIdSetter"
57
+ name: 'id',
58
+ title: 'ID',
59
+ setter: 'NodeIdSetter'
60
60
  }, {
61
- name: "title",
62
- title: "标题",
63
- setter: "StringSetter",
61
+ name: 'title',
62
+ title: '标题',
63
+ setter: 'StringSetter',
64
64
  extraProps: {
65
65
  getValue(target) {
66
- return target.getExtraPropValue("title");
66
+ return target.getExtraPropValue('title');
67
67
  },
68
68
  setValue(target, value) {
69
- target.setExtraPropValue("title", value);
69
+ target.setExtraPropValue('title', value);
70
70
  }
71
71
  }
72
72
  }, {
73
- type: "group",
74
- title: "基础属性",
73
+ type: 'group',
74
+ title: '基础属性',
75
75
  setter: {
76
- componentName: "CollapseSetter",
76
+ componentName: 'CollapseSetter',
77
77
  props: {
78
78
  icon: false
79
79
  }
80
80
  },
81
81
  items: [{
82
- name: "rect",
83
- title: "位置尺寸",
84
- setter: "RectSetter",
82
+ name: 'rect',
83
+ title: '位置尺寸',
84
+ setter: 'RectSetter',
85
85
  extraProps: {
86
86
  getValue(target) {
87
- return target.getExtraPropValue("$dashboard.rect");
87
+ return target.getExtraPropValue('$dashboard.rect');
88
88
  },
89
89
  setValue(target, value) {
90
- target.setExtraPropValue("$dashboard.rect", value);
90
+ target.setExtraPropValue('$dashboard.rect', value);
91
91
  }
92
92
  }
93
93
  }]
94
94
  }, {
95
- name: "text",
96
- title: "文本内容",
97
- setter: "TextAreaSetter"
95
+ name: 'text',
96
+ title: '文本内容',
97
+ setter: 'TextAreaSetter'
98
98
  }, {
99
- type: "group",
100
- title: "字体样式",
99
+ type: 'group',
100
+ title: '字体样式',
101
101
  setter: {
102
- componentName: "CollapseSetter",
102
+ componentName: 'CollapseSetter',
103
103
  props: {
104
104
  icon: false
105
105
  }
106
106
  },
107
107
  items: [{
108
- name: "fontSize",
109
- title: "字体大小",
110
- setter: "NumberSetter",
108
+ name: 'fontSize',
109
+ title: '字体大小',
110
+ setter: 'NumberSetter',
111
111
  extraProps: {
112
112
  defaultValue: 14
113
113
  }
114
114
  }, {
115
- name: "color",
116
- title: "文字颜色",
117
- setter: "ColorSetter",
115
+ name: 'color',
116
+ title: '文字颜色',
117
+ setter: 'ColorSetter',
118
118
  extraProps: {
119
- defaultValue: "#000000"
119
+ defaultValue: '#000000'
120
120
  }
121
121
  }, {
122
- name: "fontWeight",
123
- title: "字体粗细",
122
+ name: 'fontWeight',
123
+ title: '字体粗细',
124
124
  setter: {
125
- componentName: "SelectSetter",
125
+ componentName: 'SelectSetter',
126
126
  props: {
127
127
  options: [{
128
- label: "正常",
129
- value: "normal"
128
+ label: '正常',
129
+ value: 'normal'
130
130
  }, {
131
- label: "粗体",
132
- value: "bold"
131
+ label: '粗体',
132
+ value: 'bold'
133
133
  }, {
134
- label: "100",
135
- value: "100"
134
+ label: '100',
135
+ value: '100'
136
136
  }, {
137
- label: "200",
138
- value: "200"
137
+ label: '200',
138
+ value: '200'
139
139
  }, {
140
- label: "300",
141
- value: "300"
140
+ label: '300',
141
+ value: '300'
142
142
  }, {
143
- label: "400",
144
- value: "400"
143
+ label: '400',
144
+ value: '400'
145
145
  }, {
146
- label: "500",
147
- value: "500"
146
+ label: '500',
147
+ value: '500'
148
148
  }, {
149
- label: "600",
150
- value: "600"
149
+ label: '600',
150
+ value: '600'
151
151
  }, {
152
- label: "700",
153
- value: "700"
152
+ label: '700',
153
+ value: '700'
154
154
  }, {
155
- label: "800",
156
- value: "800"
155
+ label: '800',
156
+ value: '800'
157
157
  }, {
158
- label: "900",
159
- value: "900"
158
+ label: '900',
159
+ value: '900'
160
160
  }]
161
161
  }
162
162
  },
163
163
  extraProps: {
164
- defaultValue: "normal"
164
+ defaultValue: 'normal'
165
165
  }
166
166
  }, {
167
- name: "lineHeight",
168
- title: "行高",
169
- setter: "NumberSetter",
167
+ name: 'lineHeight',
168
+ title: '行高',
169
+ setter: 'NumberSetter',
170
170
  extraProps: {
171
171
  defaultValue: 1.5
172
172
  }
173
173
  }, {
174
- name: "textAlign",
175
- title: "文本对齐",
174
+ name: 'textAlign',
175
+ title: '文本对齐',
176
176
  setter: {
177
- componentName: "RadioGroupSetter",
177
+ componentName: 'RadioGroupSetter',
178
178
  props: {
179
179
  options: [{
180
- label: "左对齐",
181
- value: "left"
180
+ label: '左对齐',
181
+ value: 'left'
182
182
  }, {
183
- label: "居中",
184
- value: "center"
183
+ label: '居中',
184
+ value: 'center'
185
185
  }, {
186
- label: "右对齐",
187
- value: "right"
186
+ label: '右对齐',
187
+ value: 'right'
188
188
  }, {
189
- label: "两端对齐",
190
- value: "justify"
189
+ label: '两端对齐',
190
+ value: 'justify'
191
191
  }]
192
192
  }
193
193
  },
194
194
  extraProps: {
195
- defaultValue: "left"
195
+ defaultValue: 'left'
196
196
  }
197
197
  }]
198
198
  }]
199
199
  }, {
200
- type: "group",
201
- key: "advanced",
202
- title: "高级",
200
+ type: 'group',
201
+ key: 'advanced',
202
+ title: '高级',
203
203
  items: [{
204
- type: "group",
205
- title: "高级设置",
204
+ type: 'group',
205
+ title: '高级设置',
206
206
  setter: {
207
- componentName: "CollapseSetter",
207
+ componentName: 'CollapseSetter',
208
208
  props: {
209
209
  icon: false
210
210
  }
211
211
  },
212
212
  items: [{
213
- title: "显隐",
214
- setter: "SwitchSetter",
213
+ title: '显隐',
214
+ setter: 'SwitchSetter',
215
215
  extraProps: {
216
216
  supportVariable: true,
217
217
  getValue(target) {
218
- return target.getExtraPropValue("condition");
218
+ return target.getExtraPropValue('condition');
219
219
  },
220
220
  setValue(target, value) {
221
- target.setExtraPropValue("condition", value);
221
+ target.setExtraPropValue('condition', value);
222
222
  }
223
223
  }
224
224
  }]
package/dist/index.cjs.map CHANGED
@@ -1 +1 @@
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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"}
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","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 CHANGED
@@ -42,179 +42,179 @@ const MaterialGroup = {
42
42
 
43
43
  const configure = {
44
44
  props: [{
45
- type: "group",
46
- title: "功能",
47
- setter: "TabSetter",
45
+ type: 'group',
46
+ title: '功能',
47
+ setter: 'TabSetter',
48
48
  items: [{
49
- type: "group",
50
- key: "basic",
51
- title: "基本",
49
+ type: 'group',
50
+ key: 'basic',
51
+ title: '基本',
52
52
  items: [{
53
- name: "id",
54
- title: "ID",
55
- setter: "NodeIdSetter"
53
+ name: 'id',
54
+ title: 'ID',
55
+ setter: 'NodeIdSetter'
56
56
  }, {
57
- name: "title",
58
- title: "标题",
59
- setter: "StringSetter",
57
+ name: 'title',
58
+ title: '标题',
59
+ setter: 'StringSetter',
60
60
  extraProps: {
61
61
  getValue(target) {
62
- return target.getExtraPropValue("title");
62
+ return target.getExtraPropValue('title');
63
63
  },
64
64
  setValue(target, value) {
65
- target.setExtraPropValue("title", value);
65
+ target.setExtraPropValue('title', value);
66
66
  }
67
67
  }
68
68
  }, {
69
- type: "group",
70
- title: "基础属性",
69
+ type: 'group',
70
+ title: '基础属性',
71
71
  setter: {
72
- componentName: "CollapseSetter",
72
+ componentName: 'CollapseSetter',
73
73
  props: {
74
74
  icon: false
75
75
  }
76
76
  },
77
77
  items: [{
78
- name: "rect",
79
- title: "位置尺寸",
80
- setter: "RectSetter",
78
+ name: 'rect',
79
+ title: '位置尺寸',
80
+ setter: 'RectSetter',
81
81
  extraProps: {
82
82
  getValue(target) {
83
- return target.getExtraPropValue("$dashboard.rect");
83
+ return target.getExtraPropValue('$dashboard.rect');
84
84
  },
85
85
  setValue(target, value) {
86
- target.setExtraPropValue("$dashboard.rect", value);
86
+ target.setExtraPropValue('$dashboard.rect', value);
87
87
  }
88
88
  }
89
89
  }]
90
90
  }, {
91
- name: "text",
92
- title: "文本内容",
93
- setter: "TextAreaSetter"
91
+ name: 'text',
92
+ title: '文本内容',
93
+ setter: 'TextAreaSetter'
94
94
  }, {
95
- type: "group",
96
- title: "字体样式",
95
+ type: 'group',
96
+ title: '字体样式',
97
97
  setter: {
98
- componentName: "CollapseSetter",
98
+ componentName: 'CollapseSetter',
99
99
  props: {
100
100
  icon: false
101
101
  }
102
102
  },
103
103
  items: [{
104
- name: "fontSize",
105
- title: "字体大小",
106
- setter: "NumberSetter",
104
+ name: 'fontSize',
105
+ title: '字体大小',
106
+ setter: 'NumberSetter',
107
107
  extraProps: {
108
108
  defaultValue: 14
109
109
  }
110
110
  }, {
111
- name: "color",
112
- title: "文字颜色",
113
- setter: "ColorSetter",
111
+ name: 'color',
112
+ title: '文字颜色',
113
+ setter: 'ColorSetter',
114
114
  extraProps: {
115
- defaultValue: "#000000"
115
+ defaultValue: '#000000'
116
116
  }
117
117
  }, {
118
- name: "fontWeight",
119
- title: "字体粗细",
118
+ name: 'fontWeight',
119
+ title: '字体粗细',
120
120
  setter: {
121
- componentName: "SelectSetter",
121
+ componentName: 'SelectSetter',
122
122
  props: {
123
123
  options: [{
124
- label: "正常",
125
- value: "normal"
124
+ label: '正常',
125
+ value: 'normal'
126
126
  }, {
127
- label: "粗体",
128
- value: "bold"
127
+ label: '粗体',
128
+ value: 'bold'
129
129
  }, {
130
- label: "100",
131
- value: "100"
130
+ label: '100',
131
+ value: '100'
132
132
  }, {
133
- label: "200",
134
- value: "200"
133
+ label: '200',
134
+ value: '200'
135
135
  }, {
136
- label: "300",
137
- value: "300"
136
+ label: '300',
137
+ value: '300'
138
138
  }, {
139
- label: "400",
140
- value: "400"
139
+ label: '400',
140
+ value: '400'
141
141
  }, {
142
- label: "500",
143
- value: "500"
142
+ label: '500',
143
+ value: '500'
144
144
  }, {
145
- label: "600",
146
- value: "600"
145
+ label: '600',
146
+ value: '600'
147
147
  }, {
148
- label: "700",
149
- value: "700"
148
+ label: '700',
149
+ value: '700'
150
150
  }, {
151
- label: "800",
152
- value: "800"
151
+ label: '800',
152
+ value: '800'
153
153
  }, {
154
- label: "900",
155
- value: "900"
154
+ label: '900',
155
+ value: '900'
156
156
  }]
157
157
  }
158
158
  },
159
159
  extraProps: {
160
- defaultValue: "normal"
160
+ defaultValue: 'normal'
161
161
  }
162
162
  }, {
163
- name: "lineHeight",
164
- title: "行高",
165
- setter: "NumberSetter",
163
+ name: 'lineHeight',
164
+ title: '行高',
165
+ setter: 'NumberSetter',
166
166
  extraProps: {
167
167
  defaultValue: 1.5
168
168
  }
169
169
  }, {
170
- name: "textAlign",
171
- title: "文本对齐",
170
+ name: 'textAlign',
171
+ title: '文本对齐',
172
172
  setter: {
173
- componentName: "RadioGroupSetter",
173
+ componentName: 'RadioGroupSetter',
174
174
  props: {
175
175
  options: [{
176
- label: "左对齐",
177
- value: "left"
176
+ label: '左对齐',
177
+ value: 'left'
178
178
  }, {
179
- label: "居中",
180
- value: "center"
179
+ label: '居中',
180
+ value: 'center'
181
181
  }, {
182
- label: "右对齐",
183
- value: "right"
182
+ label: '右对齐',
183
+ value: 'right'
184
184
  }, {
185
- label: "两端对齐",
186
- value: "justify"
185
+ label: '两端对齐',
186
+ value: 'justify'
187
187
  }]
188
188
  }
189
189
  },
190
190
  extraProps: {
191
- defaultValue: "left"
191
+ defaultValue: 'left'
192
192
  }
193
193
  }]
194
194
  }]
195
195
  }, {
196
- type: "group",
197
- key: "advanced",
198
- title: "高级",
196
+ type: 'group',
197
+ key: 'advanced',
198
+ title: '高级',
199
199
  items: [{
200
- type: "group",
201
- title: "高级设置",
200
+ type: 'group',
201
+ title: '高级设置',
202
202
  setter: {
203
- componentName: "CollapseSetter",
203
+ componentName: 'CollapseSetter',
204
204
  props: {
205
205
  icon: false
206
206
  }
207
207
  },
208
208
  items: [{
209
- title: "显隐",
210
- setter: "SwitchSetter",
209
+ title: '显隐',
210
+ setter: 'SwitchSetter',
211
211
  extraProps: {
212
212
  supportVariable: true,
213
213
  getValue(target) {
214
- return target.getExtraPropValue("condition");
214
+ return target.getExtraPropValue('condition');
215
215
  },
216
216
  setValue(target, value) {
217
- target.setExtraPropValue("condition", value);
217
+ target.setExtraPropValue('condition', value);
218
218
  }
219
219
  }
220
220
  }]
package/dist/index.esm.js.map CHANGED
@@ -1 +1 @@
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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"}
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","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 CHANGED
@@ -2,7 +2,7 @@
2
2
  (function (global, factory) {
3
3
  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react/jsx-runtime')) :
4
4
  typeof define === 'function' && define.amd ? define(['exports', 'react/jsx-runtime'], factory) :
5
- (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.Text = {}, global.jsxRuntime));
5
+ (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.EasyEditor_Materials_Dashboard_Text = {}, global.jsxRuntime));
6
6
  })(this, (function (exports, jsxRuntime) { 'use strict';
7
7
 
8
8
  const Text = props => {
@@ -47,179 +47,179 @@
47
47
 
48
48
  const configure = {
49
49
  props: [{
50
- type: "group",
51
- title: "功能",
52
- setter: "TabSetter",
50
+ type: 'group',
51
+ title: '功能',
52
+ setter: 'TabSetter',
53
53
  items: [{
54
- type: "group",
55
- key: "basic",
56
- title: "基本",
54
+ type: 'group',
55
+ key: 'basic',
56
+ title: '基本',
57
57
  items: [{
58
- name: "id",
59
- title: "ID",
60
- setter: "NodeIdSetter"
58
+ name: 'id',
59
+ title: 'ID',
60
+ setter: 'NodeIdSetter'
61
61
  }, {
62
- name: "title",
63
- title: "标题",
64
- setter: "StringSetter",
62
+ name: 'title',
63
+ title: '标题',
64
+ setter: 'StringSetter',
65
65
  extraProps: {
66
66
  getValue(target) {
67
- return target.getExtraPropValue("title");
67
+ return target.getExtraPropValue('title');
68
68
  },
69
69
  setValue(target, value) {
70
- target.setExtraPropValue("title", value);
70
+ target.setExtraPropValue('title', value);
71
71
  }
72
72
  }
73
73
  }, {
74
- type: "group",
75
- title: "基础属性",
74
+ type: 'group',
75
+ title: '基础属性',
76
76
  setter: {
77
- componentName: "CollapseSetter",
77
+ componentName: 'CollapseSetter',
78
78
  props: {
79
79
  icon: false
80
80
  }
81
81
  },
82
82
  items: [{
83
- name: "rect",
84
- title: "位置尺寸",
85
- setter: "RectSetter",
83
+ name: 'rect',
84
+ title: '位置尺寸',
85
+ setter: 'RectSetter',
86
86
  extraProps: {
87
87
  getValue(target) {
88
- return target.getExtraPropValue("$dashboard.rect");
88
+ return target.getExtraPropValue('$dashboard.rect');
89
89
  },
90
90
  setValue(target, value) {
91
- target.setExtraPropValue("$dashboard.rect", value);
91
+ target.setExtraPropValue('$dashboard.rect', value);
92
92
  }
93
93
  }
94
94
  }]
95
95
  }, {
96
- name: "text",
97
- title: "文本内容",
98
- setter: "TextAreaSetter"
96
+ name: 'text',
97
+ title: '文本内容',
98
+ setter: 'TextAreaSetter'
99
99
  }, {
100
- type: "group",
101
- title: "字体样式",
100
+ type: 'group',
101
+ title: '字体样式',
102
102
  setter: {
103
- componentName: "CollapseSetter",
103
+ componentName: 'CollapseSetter',
104
104
  props: {
105
105
  icon: false
106
106
  }
107
107
  },
108
108
  items: [{
109
- name: "fontSize",
110
- title: "字体大小",
111
- setter: "NumberSetter",
109
+ name: 'fontSize',
110
+ title: '字体大小',
111
+ setter: 'NumberSetter',
112
112
  extraProps: {
113
113
  defaultValue: 14
114
114
  }
115
115
  }, {
116
- name: "color",
117
- title: "文字颜色",
118
- setter: "ColorSetter",
116
+ name: 'color',
117
+ title: '文字颜色',
118
+ setter: 'ColorSetter',
119
119
  extraProps: {
120
- defaultValue: "#000000"
120
+ defaultValue: '#000000'
121
121
  }
122
122
  }, {
123
- name: "fontWeight",
124
- title: "字体粗细",
123
+ name: 'fontWeight',
124
+ title: '字体粗细',
125
125
  setter: {
126
- componentName: "SelectSetter",
126
+ componentName: 'SelectSetter',
127
127
  props: {
128
128
  options: [{
129
- label: "正常",
130
- value: "normal"
129
+ label: '正常',
130
+ value: 'normal'
131
131
  }, {
132
- label: "粗体",
133
- value: "bold"
132
+ label: '粗体',
133
+ value: 'bold'
134
134
  }, {
135
- label: "100",
136
- value: "100"
135
+ label: '100',
136
+ value: '100'
137
137
  }, {
138
- label: "200",
139
- value: "200"
138
+ label: '200',
139
+ value: '200'
140
140
  }, {
141
- label: "300",
142
- value: "300"
141
+ label: '300',
142
+ value: '300'
143
143
  }, {
144
- label: "400",
145
- value: "400"
144
+ label: '400',
145
+ value: '400'
146
146
  }, {
147
- label: "500",
148
- value: "500"
147
+ label: '500',
148
+ value: '500'
149
149
  }, {
150
- label: "600",
151
- value: "600"
150
+ label: '600',
151
+ value: '600'
152
152
  }, {
153
- label: "700",
154
- value: "700"
153
+ label: '700',
154
+ value: '700'
155
155
  }, {
156
- label: "800",
157
- value: "800"
156
+ label: '800',
157
+ value: '800'
158
158
  }, {
159
- label: "900",
160
- value: "900"
159
+ label: '900',
160
+ value: '900'
161
161
  }]
162
162
  }
163
163
  },
164
164
  extraProps: {
165
- defaultValue: "normal"
165
+ defaultValue: 'normal'
166
166
  }
167
167
  }, {
168
- name: "lineHeight",
169
- title: "行高",
170
- setter: "NumberSetter",
168
+ name: 'lineHeight',
169
+ title: '行高',
170
+ setter: 'NumberSetter',
171
171
  extraProps: {
172
172
  defaultValue: 1.5
173
173
  }
174
174
  }, {
175
- name: "textAlign",
176
- title: "文本对齐",
175
+ name: 'textAlign',
176
+ title: '文本对齐',
177
177
  setter: {
178
- componentName: "RadioGroupSetter",
178
+ componentName: 'RadioGroupSetter',
179
179
  props: {
180
180
  options: [{
181
- label: "左对齐",
182
- value: "left"
181
+ label: '左对齐',
182
+ value: 'left'
183
183
  }, {
184
- label: "居中",
185
- value: "center"
184
+ label: '居中',
185
+ value: 'center'
186
186
  }, {
187
- label: "右对齐",
188
- value: "right"
187
+ label: '右对齐',
188
+ value: 'right'
189
189
  }, {
190
- label: "两端对齐",
191
- value: "justify"
190
+ label: '两端对齐',
191
+ value: 'justify'
192
192
  }]
193
193
  }
194
194
  },
195
195
  extraProps: {
196
- defaultValue: "left"
196
+ defaultValue: 'left'
197
197
  }
198
198
  }]
199
199
  }]
200
200
  }, {
201
- type: "group",
202
- key: "advanced",
203
- title: "高级",
201
+ type: 'group',
202
+ key: 'advanced',
203
+ title: '高级',
204
204
  items: [{
205
- type: "group",
206
- title: "高级设置",
205
+ type: 'group',
206
+ title: '高级设置',
207
207
  setter: {
208
- componentName: "CollapseSetter",
208
+ componentName: 'CollapseSetter',
209
209
  props: {
210
210
  icon: false
211
211
  }
212
212
  },
213
213
  items: [{
214
- title: "显隐",
215
- setter: "SwitchSetter",
214
+ title: '显隐',
215
+ setter: 'SwitchSetter',
216
216
  extraProps: {
217
217
  supportVariable: true,
218
218
  getValue(target) {
219
- return target.getExtraPropValue("condition");
219
+ return target.getExtraPropValue('condition');
220
220
  },
221
221
  setValue(target, value) {
222
- target.setExtraPropValue("condition", value);
222
+ target.setExtraPropValue('condition', value);
223
223
  }
224
224
  }
225
225
  }]
package/dist/index.js.map CHANGED
@@ -1 +1 @@
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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"}
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","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 CHANGED
@@ -1,2 +1,2 @@
1
- !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})});
1
+ !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).EasyEditor_Materials_Dashboard_Text={},e.jsxRuntime)}(this,function(e,t){"use strict";const a=e=>{const{ref:a,text:l="Text",fontSize:r=14,color:o="#000000",fontWeight:i="normal",textAlign:s="left",lineHeight:n=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:s,lineHeight:n,wordBreak:"break-word",whiteSpace:"pre-wrap"},...u};return t.jsx("div",{className:p,ref:a,style:m,...c,children:l})},l={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:a}},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:l};e.Text=a,e.configure=l,e.default=a,e.meta=o,e.snippets=r,Object.defineProperty(e,"__esModule",{value:!0})});
2
2
  //# sourceMappingURL=index.min.js.map
package/dist/index.min.js.map CHANGED
@@ -1 +1 @@
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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"}
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"],"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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@easy-editor/materials-dashboard-text",
3
- "version": "0.0.1",
3
+ "version": "0.0.2",
4
4
  "description": "Text component for EasyEditor dashboard",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",