import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types'; const TabsMeta: IPublicTypeComponentMetadata = { "componentName": "Tabs", "title": "Tabs", "docUrl": "", "screenshot": "", "devMode": "proCode", "npm": { "package": "iftide-mobile-visual", "version": "0.0.2", "exportName": "Tabs", "main": "src/index.tsx", "destructuring": true, "subName": "" }, "configure": { "props": [ { "title": { "label": { "type": "i18n", "en-US": "isCollspe", "zh-CN": "isCollspe" } }, "name": "isCollspe", "setter": { "componentName": "BoolSetter", "isRequired": false, "initialValue": false } }, { "title": { "label": { "type": "i18n", "en-US": "DomContent", "zh-CN": "DomContent" } }, "name": "DomContent", "setter": { "componentName": "SlotSetter", "props": { "mode": "node" }, "isRequired": false, "initialValue": { "type": "JSSlot", "value": [] } } }, { "title": { "label": { "type": "i18n", "en-US": "DomContentStyle", "zh-CN": "DomContentStyle" } }, "name": "DomContentStyle", "setter": { "componentName": "ObjectSetter", "props": { "config": { "extraSetter": { "componentName": "MixedSetter", "isRequired": false, "props": {} } } }, "isRequired": false, "initialValue": {} } }, { "title": { "label": { "type": "i18n", "en-US": "cusunderlineStyle", "zh-CN": "cusunderlineStyle" } }, "name": "cusunderlineStyle", "setter": { "componentName": "ObjectSetter", "props": { "config": { "extraSetter": { "componentName": "MixedSetter", "isRequired": false, "props": {} } } }, "isRequired": false, "initialValue": {} } }, { "title": { "label": { "type": "i18n", "en-US": "toggleCollesp", "zh-CN": "toggleCollesp" } }, "name": "toggleCollesp", "setter": { "componentName": "FunctionSetter" } }, { "title": { "label": { "type": "i18n", "en-US": "renderTab", "zh-CN": "render for" }, "tip": "renderTab | render for replace the tab of tabbar." }, "name": "renderTab", "description": "render for replace the tab of tabbar.", "setter": { "componentName": "FunctionSetter" } }, { "title": { "label": { "type": "i18n", "en-US": "collapse", "zh-CN": "collapse" } }, "name": "collapse", "setter": { "componentName": "BoolSetter", "isRequired": false, "initialValue": false } }, { "title": { "label": { "type": "i18n", "en-US": "rightImg", "zh-CN": "rightImg" } }, "name": "rightImg", "setter": { "componentName": "StringSetter", "isRequired": false, "initialValue": "" } }, { "title": { "label": { "type": "i18n", "en-US": "rightText", "zh-CN": "rightText" } }, "name": "rightText", "setter": { "componentName": "StringSetter", "isRequired": false, "initialValue": "" } }, { "title": { "label": { "type": "i18n", "en-US": "domContent", "zh-CN": "domContent" } }, "name": "domContent", "setter": { "componentName": "SlotSetter", "props": { "mode": "node" }, "isRequired": false, "initialValue": { "type": "JSSlot", "value": [] } } }, { "title": { "label": { "type": "i18n", "en-US": "domContentStyle", "zh-CN": "domContentStyle" } }, "name": "domContentStyle", "setter": { "componentName": "ObjectSetter", "props": { "config": { "extraSetter": { "componentName": "MixedSetter", "isRequired": false, "props": {} } } }, "isRequired": false, "initialValue": {} } }, { "title": { "label": { "type": "i18n", "en-US": "visible", "zh-CN": "visible" } }, "name": "visible", "setter": { "componentName": "BoolSetter", "isRequired": false, "initialValue": false } }, { "title": { "label": { "type": "i18n", "en-US": "seperatorLine", "zh-CN": "seperatorLine" } }, "name": "seperatorLine", "setter": { "componentName": "BoolSetter", "isRequired": false, "initialValue": false } }, { "title": { "label": { "type": "i18n", "en-US": "activeTab", "zh-CN": "activeTab" } }, "name": "activeTab", "setter": { "componentName": "NumberSetter", "isRequired": false, "initialValue": 0 } }, { "title": { "label": { "type": "i18n", "en-US": "tabIndex", "zh-CN": "tabIndex" } }, "name": "tabIndex", "setter": { "componentName": "NumberSetter", "isRequired": false, "initialValue": 0 } }, { "title": { "label": { "type": "i18n", "en-US": "tabCount", "zh-CN": "tabCount" } }, "name": "tabCount", "setter": { "componentName": "NumberSetter", "isRequired": false, "initialValue": 4 } }, { "title": { "label": { "type": "i18n", "en-US": "initialPage", "zh-CN": "initial Ta" }, "tip": "initialPage | initial Tab, index or key" }, "name": "initialPage", "description": "initial Tab, index or key", "setter": { "componentName": "NumberSetter", "isRequired": false, "initialValue": 1 } }, { "title": { "label": { "type": "i18n", "en-US": "underlineStyle", "zh-CN": "underlineStyle" } }, "name": "underlineStyle", "setter": { "componentName": "ObjectSetter", "props": { "config": { "extraSetter": { "componentName": "MixedSetter", "isRequired": false, "props": {} } } }, "isRequired": false, "initialValue": {} } }, { "title": { "label": { "type": "i18n", "en-US": "toggleCollapse", "zh-CN": "toggleCollapse" } }, "name": "toggleCollapse", "setter": { "componentName": "FunctionSetter" } }, { "title": { "label": { "type": "i18n", "en-US": "onChange", "zh-CN": "callback w" }, "tip": "onChange | callback when tab is switched" }, "name": "onChange", "description": "callback when tab is switched", "setter": { "componentName": "FunctionSetter" } }, { "title": { "label": { "type": "i18n", "en-US": "onTabClick", "zh-CN": "on tab cli" }, "tip": "onTabClick | on tab click" }, "name": "onTabClick", "description": "on tab click", "setter": { "componentName": "FunctionSetter" } }, { "title": { "label": { "type": "i18n", "en-US": "size", "zh-CN": "size" } }, "name": "size", "setter": { "componentName": "RadioGroupSetter", "props": { "dataSource": [ { "label": "s", "value": "s" }, { "label": "m", "value": "m" }, { "label": "l", "value": "l" } ], "options": [ { "label": "s", "value": "s" }, { "label": "m", "value": "m" }, { "label": "l", "value": "l" } ] }, "initialValue": "s" } }, { "title": { "label": { "type": "i18n", "en-US": "left", "zh-CN": "left" } }, "name": "left", "setter": { "componentName": "BoolSetter", "isRequired": false, "initialValue": false } }, { "title": { "label": { "type": "i18n", "en-US": "type", "zh-CN": "type" } }, "name": "type", "setter": { "componentName": "StringSetter", "isRequired": false, "initialValue": "base" } }, { "title": { "label": { "type": "i18n", "en-US": "activePage", "zh-CN": "activePage" } }, "name": "activePage", "setter": { "componentName": "ArraySetter", "props": { "itemSetter": { "componentName": "NumberSetter", "isRequired": false, "initialValue": 0 } }, "initialValue": [] } }, { "title": { "label": { "type": "i18n", "en-US": "tabs", "zh-CN": "tabs data" }, "tip": "tabs | tabs data" }, "name": "tabs", "description": "tabs data", "setter": { "componentName": "ArraySetter", "props": { "itemSetter": { "componentName": "ObjectSetter", "props": { "config": { "items": [ { "title": { "label": { "type": "i18n", "en-US": "key", "zh-CN": "key" } }, "name": "key", "setter": { "componentName": "StringSetter", "isRequired": false, "initialValue": "" } }, { "title": { "label": { "type": "i18n", "en-US": "title", "zh-CN": "title" } }, "name": "title", "setter": { "componentName": "SlotSetter", "props": { "mode": "node" }, "isRequired": true, "initialValue": { "type": "JSSlot", "value": [] } } } ], "extraSetter": { "componentName": "MixedSetter", "isRequired": false, "props": {} } } } } }, "isRequired": true, "initialValue": [ { title: '标签1', key: '1' }, { title: '标签2', key: '2' }, { title: '标签3', key: '3' }, { title: '标签4', key: '4' } ] } }, { "title": { "label": { "type": "i18n", "en-US": "tabBarPosition", "zh-CN": "TabBar's p" }, "tip": "tabBarPosition | TabBar's position | default: top" }, "name": "tabBarPosition", "description": "TabBar's position | default: top", "setter": { "componentName": "SelectSetter", "props": { "dataSource": [ { "label": "left", "value": "left" }, { "label": "right", "value": "right" }, { "label": "bottom", "value": "bottom" }, { "label": "top", "value": "top" } ], "options": [ { "label": "left", "value": "left" }, { "label": "right", "value": "right" }, { "label": "bottom", "value": "bottom" }, { "label": "top", "value": "top" } ] }, "initialValue": "left" } }, { "title": { "label": { "type": "i18n", "en-US": "renderTabBar", "zh-CN": "render for" }, "tip": "renderTabBar | render for TabBar" }, "name": "renderTabBar", "description": "render for TabBar", "setter": { "componentName": "MixedSetter", "props": { "setters": [ { "componentName": "FunctionSetter" }, { "componentName": "RadioGroupSetter", "props": { "dataSource": [ { "label": "false", "value": false } ], "options": [ { "label": "false", "value": false } ] }, "initialValue": false } ] } } }, { "title": { "label": { "type": "i18n", "en-US": "page", "zh-CN": "current ta" }, "tip": "page | current tab, index or key" }, "name": "page", "description": "current tab, index or key", "setter": { "componentName": "MixedSetter", "props": { "setters": [ { "componentName": "StringSetter", "isRequired": false, "initialValue": "" }, { "componentName": "NumberSetter", "isRequired": false, "initialValue": 0 } ] } } }, { "title": { "label": { "type": "i18n", "en-US": "swipeable", "zh-CN": "whether to" }, "tip": "swipeable | whether to switch tabs with swipe gestrue in the content | default: true" }, "name": "swipeable", "description": "whether to switch tabs with swipe gestrue in the content | default: true", "setter": { "componentName": "BoolSetter", "isRequired": false, "initialValue": false } }, { "title": { "label": { "type": "i18n", "en-US": "useOnPan", "zh-CN": "use scroll" }, "tip": "useOnPan | use scroll follow pan | default: true" }, "name": "useOnPan", "description": "use scroll follow pan | default: true", "setter": { "componentName": "BoolSetter", "isRequired": false, "initialValue": false } }, { "title": { "label": { "type": "i18n", "en-US": "prerenderingSiblingsNumber", "zh-CN": "pre-render" }, "tip": "prerenderingSiblingsNumber | pre-render nearby # sibling, Infinity: render all the siblings, 0: render current page | default: 1" }, "name": "prerenderingSiblingsNumber", "description": "pre-render nearby # sibling, Infinity: render all the siblings, 0: render current page | default: 1", "setter": { "componentName": "NumberSetter", "isRequired": false, "initialValue": 0 } }, { "title": { "label": { "type": "i18n", "en-US": "animated", "zh-CN": "whether to" }, "tip": "animated | whether to change tabs with animation | default: true" }, "name": "animated", "description": "whether to change tabs with animation | default: true", "setter": { "componentName": "BoolSetter", "isRequired": false, "initialValue": false } }, { "title": { "label": { "type": "i18n", "en-US": "destroyInactiveTab", "zh-CN": "destroy in" }, "tip": "destroyInactiveTab | destroy inactive tab | default: false" }, "name": "destroyInactiveTab", "description": "destroy inactive tab | default: false", "setter": { "componentName": "BoolSetter", "isRequired": false, "initialValue": false } }, { "title": { "label": { "type": "i18n", "en-US": "distanceToChangeTab", "zh-CN": "distance t" }, "tip": "distanceToChangeTab | distance to change tab, width ratio | default: 0.3" }, "name": "distanceToChangeTab", "description": "distance to change tab, width ratio | default: 0.3", "setter": { "componentName": "NumberSetter", "isRequired": false, "initialValue": 0 } }, { "title": { "label": { "type": "i18n", "en-US": "usePaged", "zh-CN": "use paged " }, "tip": "usePaged | use paged | default: true" }, "name": "usePaged", "description": "use paged | default: true", "setter": { "componentName": "BoolSetter", "isRequired": false, "initialValue": false } }, { "title": { "label": { "type": "i18n", "en-US": "tabDirection", "zh-CN": "tab paging" }, "tip": "tabDirection | tab paging direction | default: horizontal" }, "name": "tabDirection", "description": "tab paging direction | default: horizontal", "setter": { "componentName": "RadioGroupSetter", "props": { "dataSource": [ { "label": "horizontal", "value": "horizontal" }, { "label": "vertical", "value": "vertical" } ], "options": [ { "label": "horizontal", "value": "horizontal" }, { "label": "vertical", "value": "vertical" } ] }, "initialValue": "horizontal" } }, { "title": { "label": { "type": "i18n", "en-US": "tabBarUnderlineStyle", "zh-CN": "tabBar und" }, "tip": "tabBarUnderlineStyle | tabBar underline style" }, "name": "tabBarUnderlineStyle", "description": "tabBar underline style", "setter": { "componentName": "MixedSetter", "isRequired": false, "props": {} } }, { "title": { "label": { "type": "i18n", "en-US": "tabBarBackgroundColor", "zh-CN": "tabBar bac" }, "tip": "tabBarBackgroundColor | tabBar background color" }, "name": "tabBarBackgroundColor", "description": "tabBar background color", "setter": { "componentName": "StringSetter", "isRequired": false, "initialValue": "" } }, { "title": { "label": { "type": "i18n", "en-US": "tabBarActiveTextColor", "zh-CN": "tabBar act" }, "tip": "tabBarActiveTextColor | tabBar active text color" }, "name": "tabBarActiveTextColor", "description": "tabBar active text color", "setter": { "componentName": "StringSetter", "isRequired": false, "initialValue": "" } }, { "title": { "label": { "type": "i18n", "en-US": "tabBarInactiveTextColor", "zh-CN": "tabBar ina" }, "tip": "tabBarInactiveTextColor | tabBar inactive text color" }, "name": "tabBarInactiveTextColor", "description": "tabBar inactive text color", "setter": { "componentName": "StringSetter", "isRequired": false, "initialValue": "" } }, { "title": { "label": { "type": "i18n", "en-US": "tabBarTextStyle", "zh-CN": "tabBar tex" }, "tip": "tabBarTextStyle | tabBar text style" }, "name": "tabBarTextStyle", "description": "tabBar text style", "setter": { "componentName": "MixedSetter", "isRequired": false, "props": {} } }, { "title": { "label": { "type": "i18n", "en-US": "noRenderContent", "zh-CN": "can't rend" }, "tip": "noRenderContent | can't render content | default: false" }, "name": "noRenderContent", "description": "can't render content | default: false", "setter": { "componentName": "BoolSetter", "isRequired": false, "initialValue": false } }, { "title": { "label": { "type": "i18n", "en-US": "useLeftInsteadTransform", "zh-CN": "use left i" }, "tip": "useLeftInsteadTransform | use left instead of transform | default: false" }, "name": "useLeftInsteadTransform", "description": "use left instead of transform | default: false", "setter": { "componentName": "BoolSetter", "isRequired": false, "initialValue": false } } ], "supports": { "style": true }, "component": {} } }; const snippets: IPublicTypeSnippet[] = [ { "title": "Tabs", "screenshot": "", "schema": { "componentName": "Tabs", "props": {} } } ]; export default { ...TabsMeta, snippets };