alibaba / alibaba/lowcode-engine
在meta.js里面设置自定义setter,然后在fusion design上面设置器不能使用
- Dominant language
- TypeScript
- Stars
- 15.9k
- Forks
- 2.7k
- PR merge metrics
- No merged PRs in 30d
Description
## **Describe the bug (required)** / **详细描述 bug(必填)**
---
在meta.js里面设置自定义setter,然后在fusion design上面设置器不能使用
---
A clear and concise description of what the bug is. / 请提供清晰且精确的 bug 描述
---
在meta.js里面设置自定义setter,然后在fusion design上面设置器不能使用
---
## **To Reproduce (required)** / **如何复现 bug?(必填,非常重要)**
---textarea.tsx
import { createElement } from 'react';
import { Input } from '@alifd/next';
import './index.scss';
export interface TextAreaProps {
onChange: Function;
title: string;
value: string;
placeholder: string;
minRows: number;
maxRows: number;
defaultValue: string;
minLength: number;
maxLength: number;
rows: number;
}
const TextAreaSetter: React.FC = (props: TextAreaProps) => {
const { title, placeholder, value, minRows, maxRows, minLength, maxLength } = props;
function mixRows() {
if (this.minRows <= maxRows) {
return true
} else {
return false
}
}
return (
{title || "多行文本"}
);
};
export default TextAreaSetter
---
---meta.js
import { ComponentMetadata, Snippet } from '@alilc/lowcode-types';
export { default as BraftEditorSetter } from '../../src/components/textarea-setter/braft-editor';
const TextAreaSetterMeta: ComponentMetadata = {
"componentName": "TextAreaSetter",
"title": "TextAreaSetter",
"docUrl": "",
"screenshot": "",
"devMode": "proCode",
"npm": {
"package": "lowcode-material-setter",
"version": "0.1.0",
"exportName": "TextAreaSetter",
"main": "src\\index.tsx",
"destructuring": true,
"subName": ""
},
"configure": {
"props": [
// 最大行数
{
"title": {
"label": {
"type": "i18n",
"en-US": "maxRows",
"zh-CN": "最大行数"
}
"supports": {
"style": true
},
"component": {}
}
};
const snippets: Snippet[] = [
{
"title": "TextAreaSetter",
"screenshot": "",
"schema": {
"componentName": "TextAreaSetter",
"props": {}
}
}
];
export default {
...TextAreaSetterMeta,
snippets
};
---
Steps to reproduce the behavior: / 详细复现步骤:
---
English version example:
1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error
中文版示例:
1. 打开 [demo](http://lowcode-engine.cn/demo);
2. 点击标题;
3. 在右侧修改标题内容为「修改后的标题」;
4. 渲染画布标题组件没有更新显示为「修改后的标题」;
## **Expected behavior (required)** / **预期行为(必填,非常重要)**
A clear and concise description of what did you expect to happen. / 请清晰和精确的描述你预期的行为
---
## **Screenshots (optional)** / **bug 截图(可选)**
Sceenshots for further information. (If applicable.) / 一些有用的截图将会帮助我们更好的明确以及定位问题
---
## **Environments (please complete the following information) (required):** / **请提供如下信息(必填)**
- AliLowCodeEngine version: [e.g. 1.0.0] / 低代码引擎版本
- AliLowCodeEngineExt version: [e.g. 1.0.0] / 低代码引擎扩展包版本
- Browser [e.g. chrome, safari] / 浏览器版本
- materials / plugins / tools / 其他物料 / 插件 / 工具链版本
> (this information can be collected via [the manual plugin](https://img.alicdn.com/imgextra/i1/O1CN0115zonY1IsgbkZ2ir7_!!6000000000949-2-tps-3066-1650.png) / 版本信息可[通过低代码用户手册插件收集](https://img.alicdn.com/imgextra/i1/O1CN0115zonY1IsgbkZ2ir7_!!6000000000949-2-tps-3066-1650.png))
## **Additional context (optional)** / **更多额外信息(可选)**
Any other context of the problem here. / 可以追加更多的额外信息,帮助定位问题
Contributor guide
No contributing guide indexed for this repository
Research direction
Start by comparing the custom setter implementation in textarea.tsx with its metadata in meta.js, then reproduce the configuration in Fusion Design. Check how the setter is registered and how its properties are exposed; done means the custom setter can be selected and used correctly in Fusion Design. The issue does not provide version details or a specific expected result.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100