oadp-material
Version:
oadp-material
524 lines (523 loc) • 15.2 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports["default"] = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var OadpBusinessTableMeta = {
"componentName": "OadpBusinessTable",
"title": "业务表格",
"docUrl": "",
"category": "高级组件",
"group": "低代码组件",
"screenshot": "https://img.alicdn.com/tfs/TB1ZU1HuVT7gK0jSZFpXXaTkpXa-112-64.png",
"devMode": "proCode",
"npm": {
"package": "oadp-material",
"version": "{{version}}",
"exportName": "OadpBusinessTable",
"main": "src/index.tsx",
"destructuring": true,
"subName": ""
},
"configure": {
"props": [{
"name": "DisplaySetting",
"title": "显示设置",
"type": "group",
"display": "block",
"items": [{
"name": "direction",
"title": {
"label": {
"type": "i18n",
"en-US": "direction",
"zh-CN": "主轴方向"
},
"tip": {
"type": "i18n",
"en-US": "prop: direction | description: direction, optional values: hoz=hoz, ver=ver.default: ver.",
"zh-CN": "属性: direction | 说明: 水平对齐，可选值:hoz=水平, ver=垂直。默认为:ver。"
}
},
"description": "主轴方向",
"setter": {
"componentName": "RadioGroupSetter",
"props": {
"dataSource": [{
"label": "水平",
"value": "hoz"
}, {
"label": "垂直",
"value": "ver"
}],
"options": [{
"label": "水平",
"value": "hoz"
}, {
"label": "垂直",
"value": "ver"
}]
},
"initialValue": "ver"
}
}, {
"name": "autoFit",
"title": {
"label": {
"type": "i18n",
"en-US": "autoFit",
"zh-CN": "自适应内容"
},
"tip": {
"type": "i18n",
"en-US": "autoFit",
"zh-CN": "是否宽度（行模式下）/ 高度（列模式下）自适应内容"
}
},
"description": "是否宽度（行模式下）/ 高度（列模式下）自适应内容",
"setter": {
"componentName": "BoolSetter",
"isRequired": false,
"initialValue": false
}
}, {
"name": "width",
"title": {
"label": {
"type": "i18n",
"en-US": "width",
"zh-CN": "固定宽度"
},
"tip": {
"type": "i18n",
"en-US": "width",
"zh-CN": "width | 在行模式下，未设置 autoFit 时, 自定义单个 cell 的宽度，"
}
},
"description": "在行模式下，未设置 autoFit 时, 自定义单个 cell 的宽度，",
"setter": {
"componentName": "MixedSetter",
"props": {
"setters": [{
"componentName": "StringSetter",
"isRequired": false,
"initialValue": ""
}, {
"componentName": "NumberSetter",
"isRequired": false,
"initialValue": 0
}]
}
}
}, {
"name": "height",
"title": {
"label": {
"type": "i18n",
"en-US": "height",
"zh-CN": "指定高度"
},
"tip": {
"type": "i18n",
"en-US": "height",
"zh-CN": "指定高度"
}
},
"description": "指定高度",
"setter": {
"componentName": "MixedSetter",
"props": {
"setters": [{
"componentName": "StringSetter",
"isRequired": false,
"initialValue": ""
}, {
"componentName": "NumberSetter",
"isRequired": false,
"initialValue": 0
}]
}
}
}, {
"name": "align",
"title": {
"label": {
"type": "i18n",
"en-US": "align",
"zh-CN": "水平对齐"
},
"tip": {
"type": "i18n",
"en-US": "prop: align | description: alignment, optional values: left=left, center=center, right=right.default: right.",
"zh-CN": "属性: align | 说明: 水平对齐，可选值:left=居左对齐, center=居中对齐, right=居右对齐。默认为:center。"
}
},
"description": "属性: align | 说明: 水平对齐，可选值:left=居左对齐, center=居中对齐, right=居右对齐。默认为:right。",
"setter": {
"componentName": "RadioGroupSetter",
"props": {
"dataSource": [{
"label": "居左对齐",
"value": "left"
}, {
"label": "居中对齐",
"value": "center"
}, {
"label": "居右对齐",
"value": "right"
}],
"options": [{
"label": "居左对齐",
"value": "left"
}, {
"label": "居中对齐",
"value": "center"
}, {
"label": "居右对齐",
"value": "right"
}]
},
"initialValue": "right"
}
}, {
"name": "verAlign",
"title": {
"label": {
"type": "i18n",
"en-US": "verAlign",
"zh-CN": "垂直对齐"
},
"tip": {
"type": "i18n",
"en-US": "prop: align | description: verAlign alignment, optional values: top=top, middle=middle, bottom=bottom, space-around=space-around, space-between=space-between, space-evenly=space-evenly.default: middle.",
"zh-CN": "属性: align | 说明: 垂直对齐，可选值:top=顶部对齐, middle=居中对齐, bottom=底部对齐, space-around=等分对齐, space-between=两端对齐, space-evenly=绝对均分。默认为:middle。"
}
},
"description": "垂直对齐",
"setter": {
"componentName": "RadioGroupSetter",
"props": {
"dataSource": [{
"label": "顶部对齐",
"value": "top"
}, {
"label": "居中对齐",
"value": "middle"
}, {
"label": "底部对齐",
"value": "bottom"
}, {
"label": "等分对齐",
"value": "space-around"
}, {
"label": "两端对齐",
"value": "space-between"
}, {
"label": "绝对均分",
"value": "space-evenly"
}],
"options": [{
"label": "顶部对齐",
"value": "top"
}, {
"label": "居中对齐",
"value": "middle"
}, {
"label": "底部对齐",
"value": "bottom"
}, {
"label": "等分对齐",
"value": "space-around"
}, {
"label": "两端对齐",
"value": "space-between"
}, {
"label": "绝对均分",
"value": "space-evenly"
}]
},
"initialValue": "middle"
}
}, {
"title": {
"label": {
"type": "i18n",
"en-US": "gap",
"zh-CN": "间距"
},
"tip": {
"type": "i18n",
"en-US": "prop: gap | description: gap.default: auto.",
"zh-CN": "属性: gap | 说明: 间距。默认为:auto。"
}
},
"name": "gap",
"description": "间距",
"setter": {
"componentName": "MixedSetter",
"props": {
"setters": [{
"componentName": "NumberSetter",
"isRequired": false,
"initialValue": 0
}, {
"componentName": "RadioGroupSetter",
"props": {
"dataSource": [{
"label": "自动",
"value": "auto"
}],
"options": [{
"label": "自动",
"value": "auto"
}]
},
"initialValue": "auto"
}]
}
}
}, {
"name": "block",
"title": {
"label": {
"type": "i18n",
"en-US": "block",
"zh-CN": "启用区块"
},
"tip": {
"label": {
"type": "i18n",
"en-US": "block",
"zh-CN": "block | 启用 display:block 模式(默认为 flex )"
}
}
},
"description": "启用 display:block 模式(默认为 flex )",
"setter": {
"componentName": "BoolSetter",
"isRequired": false,
"initialValue": true
}
}]
}],
"supports": {
"style": true
},
"component": {
"isContainer": true
}
}
};
var snippets = [{
"title": "业务表格",
"screenshot": "https://img.alicdn.com/tfs/TB1ZU1HuVT7gK0jSZFpXXaTkpXa-112-64.png",
"schema": {
"componentName": "OadpBusinessTable",
"props": {
"direction": "ver",
"autoFit": false,
"align": "right",
"verAlign": "middle",
"block": true
},
"hidden": false,
"title": "",
"isLocked": false,
"condition": true,
"conditionGroup": "",
"children": [{
"componentName": "OadpButtonBar",
"props": {
"direction": "row",
"justify": "end",
"align": "center"
},
"hidden": false,
"title": "",
"isLocked": false,
"condition": true,
"conditionGroup": "",
"children": [{
"componentName": "OadpButton",
"props": {
"label": "新增",
"type": "primary",
"size": "medium",
"disabled": false,
"style": {
"marginTop": "5px",
"marginBottom": "5px",
"marginLeft": "10px",
"marginRight": "10px"
},
"text": false
},
"hidden": false,
"title": "",
"isLocked": false,
"condition": true,
"conditionGroup": ""
}]
}, {
"componentName": "OadpTable",
"props": {
"dataSource": [{
"name": "王小",
"id": "1",
"age": 15000,
"role": "开发"
}, {
"name": "王中",
"id": "2",
"age": 25000,
"role": "产品"
}, {
"name": "王大",
"id": "3",
"age": 35000,
"role": "设计"
}],
"size": "small",
"hasBorder": false,
"hasHeader": true,
"isZebra": false,
"fixedHeader": false,
"stickyHeader": true,
"crossline": false,
"style": {
"marginTop": "5px",
"marginBottom": "5px",
"marginLeft": "10px",
"marginRight": "10px"
},
"tableLayout": "auto",
"setEmptyContent": true
},
"hidden": false,
"title": "",
"isLocked": false,
"condition": true,
"conditionGroup": "",
"children": [{
"componentName": "OadpTableColumn",
"props": {
"dataIndex": "name",
"title": "名称",
"htmlTitle": "name",
"width": 200,
"alignHeader": "center",
"align": "center",
"lock": false,
"wordBreak": "all"
},
"hidden": false,
"isLocked": false,
"condition": true,
"conditionGroup": "",
"title": ""
}, {
"componentName": "OadpTableColumn",
"props": {
"dataIndex": "action",
"title": "操作",
"htmlTitle": "action",
"width": 100,
"alignHeader": "center",
"align": "center",
"lock": false,
"wordBreak": "all",
"cell": {
"type": "JSSlot",
"params": ["value", "index", "record"],
"value": [{
"componentName": "OadpButtonBar",
"props": {
"direction": "row",
"justify": "end",
"align": "center"
},
"docId": "docm1k9ccnx",
"hidden": false,
"title": "",
"isLocked": false,
"condition": true,
"conditionGroup": "",
"children": [{
"componentName": "OadpButton",
"props": {
"label": "编辑",
"type": "primary",
"size": "medium",
"disabled": false,
"style": {
"marginLeft": "5px",
"marginRight": "5px"
},
"text": true
},
"hidden": false,
"title": "",
"isLocked": false,
"condition": true,
"conditionGroup": ""
}, {
"componentName": "OadpButton",
"props": {
"label": "删除",
"type": "primary",
"size": "medium",
"disabled": false,
"style": {
"marginLeft": "5px",
"marginRight": "5px"
},
"text": true
},
"hidden": false,
"title": "",
"isLocked": false,
"condition": true,
"conditionGroup": ""
}]
}]
}
},
"hidden": false,
"isLocked": false,
"condition": true,
"conditionGroup": "",
"title": ""
}]
}, {
"componentName": "OadpPagination",
"props": {
"defaultCurrent": 1,
"current": 1,
"total": 100,
"pageSize": 10,
"type": "normal",
"size": "medium",
"shape": "no-border",
"pageSizeSelector": "dropdown",
"pageSizePosition": "end",
"style": {
"marginTop": "5px",
"marginBottom": "5px",
"marginLeft": "10px",
"marginRight": "10px",
"textAlign": "right"
},
"pageShowCount": 4,
"pageSizeList": [20, 50, 100, 500]
},
"hidden": false,
"title": "",
"isLocked": false,
"condition": true,
"conditionGroup": ""
}]
}
}];
var _default = exports["default"] = (0, _extends2["default"])({}, OadpBusinessTableMeta, {
snippets: snippets
});