import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types'; import { dataSource } from '../mockData'; const EditableProTableMeta: IPublicTypeComponentMetadata = { "componentName": "EditableProTable", "title": "EditableProTable", "docUrl": "", "screenshot": "", "devMode": "proCode", "npm": { "package": "pro-material", "version": "0.1.0", "exportName": "EditableProTable", "main": "src/index.tsx", "destructuring": true, "subName": "" }, "configure": { "props": [ { "title": { "label": { "type": "i18n", "en-US": "rowKey", "zh-CN": "rowKey" } }, "name": "rowKey", "setter": { "componentName": "StringSetter", "isRequired": false, "initialValue": "" } }, { "title": { "label": { "type": "i18n", "en-US": "position", "zh-CN": "position" } }, "name": "position", // "setter": { // "componentName": "RadioGroupSetter", // "props": { // "dataSource": [ // { // "label": "top", // "value": "top" // }, // { // "label": "bottom", // "value": "bottom" // }, // { // "label": "hidden", // "value": "hidden" // } // ], // "options": [ // { // "label": "top", // "value": "top" // }, // { // "label": "bottom", // "value": "bottom" // }, // { // "label": "hidden", // "value": "hidden" // } // ] // }, // "initialValue": "top" // } }, { "title": { "label": { "type": "i18n", "en-US": "maxLength", "zh-CN": "maxLength" } }, "name": "maxLength", "setter": { "componentName": "NumberSetter", "isRequired": false, "initialValue": 0 } }, { "title": { "label": { "type": "i18n", "en-US": "onSave", "zh-CN": "onSave" } }, "name": "onSave", "setter": { "componentName": "FunctionSetter" } }, { "title": { "label": { "type": "i18n", "en-US": "onRemove", "zh-CN": "onRemove" } }, "name": "onRemove", "setter": { "componentName": "FunctionSetter" } }, { "title": { "label": { "type": "i18n", "en-US": "onCancel", "zh-CN": "onCancel" } }, "name": "onCancel", "setter": { "componentName": "FunctionSetter" } }, { "title": { "label": { "type": "i18n", "en-US": "params", "zh-CN": "params" } }, "name": "params", "setter": { "componentName": "ObjectSetter", "props": { "config": { "extraSetter": { "componentName": "MixedSetter", "isRequired": false, "props": {} } } }, "isRequired": true, "initialValue": {} } }, { "title": { "label": { "type": "i18n", "en-US": "postData", "zh-CN": "postData" } }, "name": "postData", "setter": { "componentName": "FunctionSetter", "isRequired": true } }, { "title": { "label": { "type": "i18n", "en-US": "title", "zh-CN": "title" } }, "name": "title", "setter": { "componentName": "StringSetter", "isRequired": false, "initialValue": "" } }, { "title": { "label": { "type": "i18n", "en-US": "dataSource", "zh-CN": "dataSource" } }, "name": "dataSource", "setter": { "componentName": "ArraySetter", "props": { "itemSetter": { "componentName": "MixedSetter", "isRequired": false, "props": {} } }, "initialValue": [] } }, { "title": { "label": { "type": "i18n", "en-US": "id", "zh-CN": "id" } }, "name": "id", "setter": { "componentName": "StringSetter", "isRequired": false, "initialValue": "" } }, { "title": { "label": { "type": "i18n", "en-US": "request", "zh-CN": "request" } }, "name": "request", "setter": { "componentName": "FunctionSetter" } }, { "title": { "label": { "type": "i18n", "en-US": "requestUrl", "zh-CN": "requestUrl" } }, "name": "requestUrl", "setter": { "componentName": "StringSetter", "isRequired": false, "initialValue": "" } }, { "title": { "label": { "type": "i18n", "en-US": "columns", "zh-CN": "columns" } }, "name": "columns", "setter": { "componentName": "ArraySetter", "props": { "itemSetter": { "componentName": "ObjectSetter", "props": { "config": { "items": [ { "title": { "label": { "type": "i18n", "en-US": "title", "zh-CN": "title" } }, "name": "title", "setter": { "componentName": "StringSetter", "isRequired": false, "initialValue": "" } }, { "title": { "label": { "type": "i18n", "en-US": "valueType", "zh-CN": "valueType" } }, "name": "valueType", "setter": { "componentName": "StringSetter", "isRequired": false, "initialValue": "" } }, { "title": { "label": { "type": "i18n", "en-US": "dataIndex", "zh-CN": "dataIndex" } }, "name": "dataIndex", "setter": { "componentName": "StringSetter", "isRequired": false, "initialValue": "" } }, { "title": { "label": { "type": "i18n", "en-US": "key", "zh-CN": "key" } }, "name": "key", "setter": { "componentName": "StringSetter", "isRequired": false, "initialValue": "" } }, { "title": { "label": { "type": "i18n", "en-US": "tooltip", "zh-CN": "tooltip" } }, "name": "tooltip", "setter": { "componentName": "StringSetter", "isRequired": false, "initialValue": "" } }, { "title": { "label": { "type": "i18n", "en-US": "search", "zh-CN": "search" } }, "name": "search", "setter": { "componentName": "BoolSetter", "isRequired": false, "initialValue": false } }, { "title": { "label": { "type": "i18n", "en-US": "render", "zh-CN": "render" } }, "name": "render", "setter": { "componentName": "MixedSetter", "props": { "setters": [ { "componentName": "StringSetter", "isRequired": false, "initialValue": "" }, { "componentName": "NumberSetter", "isRequired": false, "initialValue": 0 }, { "componentName": "BoolSetter", "isRequired": false, "initialValue": false }, { "componentName": "ObjectSetter", "props": { "config": { "extraSetter": { "componentName": "MixedSetter", "isRequired": false, "props": {} } } }, "isRequired": false, "initialValue": {} }, { "componentName": "FunctionSetter", "isRequired": false } ] } } } ], "extraSetter": { "componentName": "MixedSetter", "isRequired": false, "props": {} } } } } }, "initialValue": [] } }, { "title": { "label": { "type": "i18n", "en-US": "cardBordered", "zh-CN": "cardBordered" } }, "name": "cardBordered", "setter": { "componentName": "BoolSetter", "isRequired": false, "initialValue": false } }, { "title": { "label": { "type": "i18n", "en-US": "defaultData", "zh-CN": "defaultData" } }, "name": "defaultData", "setter": { "componentName": "ArraySetter", "props": { "itemSetter": { "componentName": "MixedSetter", "isRequired": false, "props": {} } }, "isRequired": true, "initialValue": [] } }, { "title": { "label": { "type": "i18n", "en-US": "actionRef", "zh-CN": "actionRef" } }, "name": "actionRef", "setter": { "componentName": "ObjectSetter", "props": { "config": { "extraSetter": { "componentName": "MixedSetter", "isRequired": false, "props": {} } } }, "isRequired": true, "initialValue": {} } }, { "title": { "label": { "type": "i18n", "en-US": "actionColumn", "zh-CN": "actionColumn" } }, "name": "actionColumn", "setter": { "componentName": "ObjectSetter", "props": { "config": { "extraSetter": { "componentName": "MixedSetter", "isRequired": false, "props": {} } } }, "isRequired": true, "initialValue": {} } }, { "title": { "label": { "type": "i18n", "en-US": "actionColumnButtons", "zh-CN": "actionColumnButtons" } }, "name": "actionColumnButtons", "setter": { "componentName": "ObjectSetter", "props": { "config": { "extraSetter": { "componentName": "MixedSetter", "isRequired": false, "props": {} } } }, "isRequired": true, "initialValue": {} } } ], "supports": { "events": [ { "name": "onChange" } ], "style": true }, "component": {} }, category: '数据展示', group: '精选组件' }; const snippets: IPublicTypeSnippet[] = [ { "title": "EditableProTable", "screenshot": "", "schema": { "componentName": "EditableProTable", "props": { rowKey: 'id', columns: [ { title: '活动名称', dataIndex: 'title', tooltip: '只读，使用form.getFieldValue获取不到值', formItemProps: (form, { rowIndex }) => { return { rules: rowIndex > 1 ? [{ required: true, message: '此项为必填项' }] : [], }; }, // 第一行不允许编辑 editable: (text, record, index) => { return index !== 0; }, width: '15%', }, { title: '活动名称二', dataIndex: 'readonly', tooltip: '只读，使用form.getFieldValue可以获取到值', readonly: true, width: '15%', }, { title: '状态', key: 'state', dataIndex: 'state', valueType: 'select', valueEnum: { all: { text: '全部', status: 'Default' }, open: { text: '未解决', status: 'Error', }, closed: { text: '已解决', status: 'Success', }, }, }, { title: '描述', dataIndex: 'decs', fieldProps: (form, { rowKey, rowIndex }) => { if (form.getFieldValue([rowKey || '', 'title']) === '不好玩') { return { disabled: true, }; } if (rowIndex > 9) { return { disabled: true, }; } return {}; }, }, { title: '活动时间', dataIndex: 'created_at', valueType: 'date', } ], actionColumn: { title: '操作', width: 120 }, actionColumnButtons: { dataSource: [], visibleButtonCount: 2 }, dataSource: [ { id: 624748504, title: '活动名称一', readonly: '活动名称一', decs: '这个活动真好玩', state: 'open', created_at: 1590486176000, update_at: 1590486176000, }, { id: 624691229, title: '活动名称二', readonly: '活动名称二', decs: '这个活动真好玩', state: 'closed', created_at: 1590481162000, update_at: 1590481162000, }, ], editable: { type: 'multiple', }, dateFormatter: "string", headerTitle: "高级表格", } } } ]; export default { ...EditableProTableMeta, snippets };