@plasmicpkgs/antd 0.0.8 → 0.0.12

package/dist/antd.cjs.development.js

@@ -23,6 +23,7 @@ var MenuItem = _interopDefault(require('antd/lib/menu/MenuItem'));
 var SubMenu = _interopDefault(require('antd/lib/menu/SubMenu'));
 var rcMenu = require('rc-menu');
 var rcSelect = require('rc-select');
+var rcTabs = require('rc-tabs');
 
 var buttonMeta = {
   name: "AntdButton",
@@ -31,37 +32,45 @@ var buttonMeta = {
     type: {
       type: "choice",
       options: ["default", "primary", "ghost", "dashed", "link", "text"],
-      description: "Can be set to primary, ghost, dashed, link, text, default"
+      description: "Can be set to primary, ghost, dashed, link, text, default",
+      defaultValueHint: "default"
     },
     size: {
       type: "choice",
       options: ["small", "medium", "large"],
-      description: "Set the size of button"
+      description: "Set the size of button",
+      defaultValueHint: "medium"
     },
     shape: {
       type: "choice",
       options: ["default", "circle", "round"],
-      description: "Can be set button shape"
+      description: "Can be set button shape",
+      defaultValueHint: "default"
     },
     disabled: {
       type: "boolean",
-      description: "Disabled state of button"
+      description: "Disabled state of button",
+      defaultValueHint: false
     },
     ghost: {
       type: "boolean",
-      description: "Make background transparent and invert text and border colors"
+      description: "Make background transparent and invert text and border colors",
+      defaultValueHint: false
     },
     danger: {
       type: "boolean",
-      description: "Set the danger status of button"
+      description: "Set the danger status of button",
+      defaultValueHint: false
     },
     block: {
       type: "boolean",
-      description: "Option to fit button width to its parent width"
+      description: "Option to fit button width to its parent width",
+      defaultValueHint: false
     },
     loading: {
       type: "boolean",
-      description: "Set the loading status of button"
+      description: "Set the loading status of button",
+      defaultValueHint: false
     },
     href: {
       type: "string",
@@ -70,7 +79,11 @@ var buttonMeta = {
     target: {
       type: "choice",
       options: ["_blank", "_self", "_parent", "_top"],
-      description: "Same as target attribute of a, works when href is specified"
+      description: "Same as target attribute of a, works when href is specified",
+      hidden: function hidden(props) {
+        return !props.href;
+      },
+      defaultValueHint: "_self"
     },
     children: {
       type: "slot",
@@ -189,21 +202,25 @@ var checkboxMeta = {
   props: {
     autoFocus: {
       type: "boolean",
-      description: "If get focus when component mounted"
+      description: "If get focus when component mounted",
+      defaultValueHint: false
     },
     checked: {
       type: "boolean",
       editOnly: true,
       uncontrolledProp: "defaultChecked",
-      description: "Specifies the initial state: whether or not the checkbox is selected"
+      description: "Specifies the initial state: whether or not the checkbox is selected",
+      defaultValueHint: false
     },
     disabled: {
       type: "boolean",
-      description: "If disable checkbox"
+      description: "If disable checkbox",
+      defaultValueHint: false
     },
     indeterminate: {
       type: "boolean",
-      description: "The indeterminate checked state of checkbox"
+      description: "The indeterminate checked state of checkbox",
+      defaultValueHint: false
     },
     value: {
       type: "string",
@@ -237,7 +254,8 @@ var checkboxGroupMeta = {
   props: {
     disabled: {
       type: "boolean",
-      description: "If disable all checkboxes"
+      description: "If disable all checkboxes",
+      defaultValueHint: false
     },
     value: {
       type: "choice",
@@ -292,20 +310,24 @@ var carouselMeta = {
   props: {
     autoplay: {
       type: "boolean",
-      description: "Whether to scroll automatically"
+      description: "Whether to scroll automatically",
+      defaultValueHint: false
     },
     dotPosition: {
       type: "choice",
       options: ["top", "bottom", "left", "right"],
-      description: "The position of the dots"
+      description: "The position of the dots",
+      defaultValueHint: "bottom"
     },
     dots: {
       type: "boolean",
-      description: "Whether to show the dots at the bottom of the gallery"
+      description: "Whether to show the dots at the bottom of the gallery",
+      defaultValueHint: true
     },
     effect: {
       type: "choice",
-      options: ["scrollx", "fade"]
+      options: ["scrollx", "fade"],
+      defaultValueHint: "scrollx"
     },
     children: {
       type: "slot",
@@ -348,7 +370,8 @@ var collapstePanelMeta = {
     },
     forceRender: {
       type: "boolean",
-      description: "Forced render of content on panel, instead of lazy rending after clicking on header"
+      description: "Forced render of content on panel, instead of lazy rending after clicking on header",
+      defaultValueHint: false
     },
     header: {
       type: "slot",
@@ -363,7 +386,8 @@ var collapstePanelMeta = {
     },
     showArrow: {
       type: "boolean",
-      description: "If false, panel will not show arrow icon"
+      description: "If false, panel will not show arrow icon",
+      defaultValueHint: true
     },
     children: {
       type: "slot",
@@ -391,7 +415,8 @@ var collapsteMeta = {
   props: {
     accordion: {
       type: "boolean",
-      description: "If true, Collapse renders as Accordion"
+      description: "If true, Collapse renders as Accordion",
+      defaultValueHint: false
     },
     activeKey: {
       type: "choice",
@@ -412,7 +437,8 @@ var collapsteMeta = {
     },
     bordered: {
       type: "boolean",
-      description: "Toggles rendering of the border around the collapse block"
+      description: "Toggles rendering of the border around the collapse block",
+      defaultValueHint: true
     },
     collapsible: {
       type: "choice",
@@ -422,11 +448,13 @@ var collapsteMeta = {
     expandIconPosition: {
       type: "choice",
       options: ["left", "right"],
-      description: "Set expand icon position"
+      description: "Set expand icon position",
+      defaultValueHint: "left"
     },
     ghost: {
       type: "boolean",
-      description: "Make the collapse borderless and its background transparent"
+      description: "Make the collapse borderless and its background transparent",
+      defaultValueHint: false
     },
     children: {
       type: "slot",
@@ -473,11 +501,13 @@ var dropdownMeta = {
   props: {
     arrow: {
       type: "boolean",
-      description: "Whether the dropdown arrow should be visible"
+      description: "Whether the dropdown arrow should be visible",
+      defaultValueHint: false
     },
     disabled: {
       type: "boolean",
-      description: "Whether the dropdown menu is disabled"
+      description: "Whether the dropdown menu is disabled",
+      defaultValueHint: false
     },
     overlay: {
       type: "slot",
@@ -490,17 +520,20 @@ var dropdownMeta = {
     placement: {
       type: "choice",
       options: ["bottomLeft", "bottomCenter", "bottomRight", "topLeft", "topCenter", "topRight"],
-      description: "Placement of popup menu"
+      description: "Placement of popup menu",
+      defaultValueHint: "bottomLeft"
     },
     trigger: {
       type: "choice",
       options: ["click", "hover", "contextMenu"],
-      description: "The trigger mode which executes the dropdown action"
+      description: "The trigger mode which executes the dropdown action",
+      defaultValueHint: "hover"
     },
     visible: {
       type: "boolean",
       description: "Toggle visibility of dropdown menu in Plasmic Editor",
-      editOnly: true
+      editOnly: true,
+      defaultValueHint: false
     },
     children: {
       type: "slot",
@@ -526,7 +559,8 @@ var dropdownButtonMeta = {
   props: {
     disabled: {
       type: "boolean",
-      description: "Whether the dropdown menu is disabled"
+      description: "Whether the dropdown menu is disabled",
+      defaultValueHint: false
     },
     icon: {
       type: "slot",
@@ -543,27 +577,32 @@ var dropdownButtonMeta = {
     placement: {
       type: "choice",
       options: ["bottomLeft", "bottomCenter", "bottomRight", "topLeft", "topCenter", "topRight"],
-      description: "Placement of popup menu"
+      description: "Placement of popup menu",
+      defaultValueHint: "bottomLeft"
     },
     size: {
       type: "choice",
       options: ["small", "medium", "large"],
-      description: "Set the size of button"
+      description: "Set the size of button",
+      defaultValueHint: "medium"
     },
     trigger: {
       type: "choice",
       options: ["click", "hover", "contextMenu"],
-      description: "The trigger mode which executes the dropdown action"
+      description: "The trigger mode which executes the dropdown action",
+      defaultValueHint: "hover"
     },
     type: {
       type: "choice",
       options: ["default", "primary", "ghost", "dashed", "link", "text"],
-      description: "Can be set to primary, ghost, dashed, link, text, default"
+      description: "Can be set to primary, ghost, dashed, link, text, default",
+      defaultValueHint: "default"
     },
     visible: {
       type: "boolean",
       description: "Toggle visibility of dropdown menu in Plasmic Editor",
-      editOnly: true
+      editOnly: true,
+      defaultValueHint: false
     },
     children: {
       type: "slot",
@@ -600,15 +639,18 @@ var inputMeta = {
     },
     allowClear: {
       type: "boolean",
-      description: "If allow to remove input content with clear icon"
+      description: "If allow to remove input content with clear icon",
+      defaultValueHint: false
     },
     bordered: {
       type: "boolean",
-      description: "Whether has border style"
+      description: "Whether has border style",
+      defaultValueHint: true
     },
     disabled: {
       type: "boolean",
-      description: "Whether the input is disabled"
+      description: "Whether the input is disabled",
+      defaultValueHint: false
     },
     id: {
       type: "string",
@@ -629,7 +671,8 @@ var inputMeta = {
     size: {
       type: "choice",
       options: ["small", "middle", "large"],
-      description: "The size of the input box"
+      description: "The size of the input box",
+      defaultValueHint: "middle,"
     },
     suffix: {
       type: "slot",
@@ -637,7 +680,8 @@ var inputMeta = {
     },
     type: {
       type: "string",
-      description: "The type of input"
+      description: "The type of input",
+      defaultValueHint: "text"
     },
     value: {
       type: "string",
@@ -661,7 +705,8 @@ var inputTextAreaMeta = {
   props: {
     allowClear: {
       type: "boolean",
-      description: "If allow to remove input content with clear icon"
+      description: "If allow to remove input content with clear icon",
+      defaultValueHint: false
     },
     autoSize: {
       type: "object",
@@ -669,15 +714,18 @@ var inputTextAreaMeta = {
     },
     disabled: {
       type: "boolean",
-      description: "Whether the input is disabled"
+      description: "Whether the input is disabled",
+      defaultValueHint: false
     },
     bordered: {
       type: "boolean",
-      description: "Whether has border style"
+      description: "Whether has border style",
+      defaultValueHint: true
     },
     showCount: {
       type: "boolean",
-      description: "Whether show text count"
+      description: "Whether show text count",
+      defaultValueHint: false
     },
     id: {
       type: "string",
@@ -719,15 +767,18 @@ var inputSearchMeta = {
     },
     allowClear: {
       type: "boolean",
-      description: "If allow to remove input content with clear icon"
+      description: "If allow to remove input content with clear icon",
+      defaultValueHint: false
     },
     bordered: {
       type: "boolean",
-      description: "Whether has border style"
+      description: "Whether has border style",
+      defaultValueHint: true
     },
     disabled: {
       type: "boolean",
-      description: "Whether the input is disabled"
+      description: "Whether the input is disabled",
+      defaultValueHint: false
     },
     enterButton: {
       type: "slot",
@@ -739,7 +790,8 @@ var inputSearchMeta = {
     },
     loading: {
       type: "boolean",
-      description: "Search box with loading"
+      description: "Search box with loading",
+      defaultValueHint: false
     },
     maxLength: {
       type: "number",
@@ -756,7 +808,8 @@ var inputSearchMeta = {
     size: {
       type: "choice",
       options: ["small", "middle", "large"],
-      description: "The size of the input box"
+      description: "The size of the input box",
+      defaultValueHint: "middle"
     },
     suffix: {
       type: "slot",
@@ -798,15 +851,18 @@ var inputPasswordMeta = {
     },
     allowClear: {
       type: "boolean",
-      description: "If allow to remove input content with clear icon"
+      description: "If allow to remove input content with clear icon",
+      defaultValueHint: false
     },
     bordered: {
       type: "boolean",
-      description: "Whether has border style"
+      description: "Whether has border style",
+      defaultValueHint: true
     },
     disabled: {
       type: "boolean",
-      description: "Whether the input is disabled"
+      description: "Whether the input is disabled",
+      defaultValueHint: false
     },
     id: {
       type: "string",
@@ -827,7 +883,8 @@ var inputPasswordMeta = {
     size: {
       type: "choice",
       options: ["small", "middle", "large"],
-      description: "The size of the input box"
+      description: "The size of the input box",
+      defaultValueHint: "middle"
     },
     type: {
       type: "string",
@@ -840,7 +897,8 @@ var inputPasswordMeta = {
     },
     visibilityToggle: {
       type: "boolean",
-      description: "Whether show toggle button"
+      description: "Whether show toggle button",
+      defaultValueHint: true
     }
   },
   importPath: "antd/lib/input/Password",
@@ -861,12 +919,14 @@ var inputGroupMeta = {
   props: {
     compact: {
       type: "boolean",
-      description: "Whether use compact style"
+      description: "Whether use compact style",
+      defaultValueHint: false
     },
     size: {
       type: "choice",
       options: ["small", "default", "large"],
-      description: "The size of Input.Group specifies the size of the included Input fields"
+      description: "The size of Input.Group specifies the size of the included Input fields",
+      defaultValueHint: "default"
     },
     children: {
       type: "slot",
@@ -898,7 +958,8 @@ var menuDividerMeta = {
   props: {
     dashed: {
       type: "boolean",
-      description: "Whether line is dashed"
+      description: "Whether line is dashed",
+      defaultValueHint: false
     }
   },
   importPath: "antd/lib/menu/MenuDivider",
@@ -919,11 +980,13 @@ var menuItemMeta = {
   props: {
     danger: {
       type: "boolean",
-      description: "Display the danger style"
+      description: "Display the danger style",
+      defaultValueHint: false
     },
     disabled: {
       type: "boolean",
-      description: "Whether disabled select"
+      description: "Whether disabled select",
+      defaultValueHint: false
     },
     key: {
       type: "string",
@@ -991,7 +1054,8 @@ var subMenuMeta = {
   props: {
     disabled: {
       type: "boolean",
-      description: "Whether sub-menu is disabled"
+      description: "Whether sub-menu is disabled",
+      defaultValueHint: false
     },
     key: {
       type: "string",
@@ -1039,20 +1103,24 @@ var menuMeta = {
     },
     forceSubMenuRender: {
       type: "boolean",
-      description: "Render submenu into DOM before it becomes visible"
+      description: "Render submenu into DOM before it becomes visible",
+      defaultValueHint: false
     },
     inlineIndent: {
       type: "number",
-      description: "Indent (in pixels) of inline menu items on each level"
+      description: "Indent (in pixels) of inline menu items on each level",
+      defaultValueHint: 24
     },
     mode: {
       type: "choice",
       options: ["horizontal", "vertical", "inline"],
-      description: "Type of menu"
+      description: "Type of menu",
+      defaultValueHint: "vertical"
     },
     multiple: {
       type: "boolean",
-      description: "Allows selection of multiple items"
+      description: "Allows selection of multiple items",
+      defaultValueHint: false
     },
     openKeys: {
       type: "choice",
@@ -1076,7 +1144,8 @@ var menuMeta = {
     },
     selectable: {
       type: "boolean",
-      description: "Allows selecting menu items"
+      description: "Allows selecting menu items",
+      defaultValueHint: true
     },
     selectedKeys: {
       type: "choice",
@@ -1096,21 +1165,25 @@ var menuMeta = {
     },
     subMenuCloseDelay: {
       type: "number",
-      description: "Delay time to hide submenu when mouse leaves (in seconds)"
+      description: "Delay time to hide submenu when mouse leaves (in seconds)",
+      defaultValueHint: 0.1
     },
     subMenuOpenDelay: {
       type: "number",
-      description: "Delay time to show submenu when mouse enters, (in seconds)"
+      description: "Delay time to show submenu when mouse enters, (in seconds)",
+      defaultValueHint: 0
     },
     theme: {
       type: "choice",
       options: ["light", "dark"],
-      description: "Color theme of the menu"
+      description: "Color theme of the menu",
+      defaultValueHint: "light"
     },
     triggerSubMenuAction: {
       type: "choice",
       options: ["hover", "click"],
-      description: "Which action can trigger submenu open/close"
+      description: "Which action can trigger submenu open/close",
+      defaultValueHint: "hover"
     },
     children: {
       type: "slot",
@@ -1142,7 +1215,8 @@ var optionMeta = {
   props: {
     disabled: {
       type: "boolean",
-      description: "Disable this option"
+      description: "Disable this option",
+      defaultValueHint: false
     },
     title: {
       type: "string",
@@ -1212,25 +1286,43 @@ var selectMeta = {
   name: "AntdSelect",
   displayName: "Antd Select",
   props: {
+    allowClear: {
+      type: "boolean",
+      description: "Show clear button",
+      defaultValueHint: false
+    },
+    autoClearSearchValue: {
+      type: "boolean",
+      description: "Whether the current search will be cleared on selecting an item",
+      defaultValueHint: true,
+      hidden: function hidden(props) {
+        return props.mode !== "multiple" && props.mode !== "tags";
+      }
+    },
     autoFocus: {
       type: "boolean",
-      description: "Get focus by default"
+      description: "Get focus by default",
+      defaultValueHint: false
     },
     bordered: {
       type: "boolean",
-      description: "Whether has border style"
+      description: "Whether has border style",
+      defaultValueHint: true
     },
     disabled: {
       type: "boolean",
-      description: "Whether disabled select"
+      description: "Whether disabled select",
+      defaultValueHint: false
     },
     listHeight: {
       type: "number",
-      description: "Config popup height"
+      description: "Config popup height",
+      defaultValueHint: 256
     },
     loading: {
       type: "boolean",
-      description: "Indicate loading state"
+      description: "Indicate loading state",
+      defaultValueHint: false
     },
     mode: {
       type: "choice",
@@ -1241,7 +1333,8 @@ var selectMeta = {
       type: "boolean",
       editOnly: true,
       uncontrolledProp: "defaultOpen",
-      description: "Initial open state of dropdown"
+      description: "Initial open state of dropdown",
+      defaultValueHint: false
     },
     placeholder: {
       type: "slot",
@@ -1252,16 +1345,19 @@ var selectMeta = {
     },
     showArrow: {
       type: "boolean",
-      description: "Whether to show the drop-down arrow"
+      description: "Whether to show the drop-down arrow",
+      defaultValueHint: true
     },
     showSearch: {
       type: "boolean",
-      description: "Whether show search input in single mode"
+      description: "Whether show search input in single mode",
+      defaultValueHint: false
     },
     size: {
       type: "choice",
       options: ["large", "middle", "small"],
-      description: "Set mode of Select"
+      description: "Set mode of Select",
+      defaultValueHint: "middle"
     },
     value: {
       type: "choice",
@@ -1282,7 +1378,8 @@ var selectMeta = {
     },
     virtual: {
       type: "boolean",
-      description: "Disable virtual scroll when set to false"
+      description: "Disable virtual scroll when set to false",
+      defaultValueHint: true
     },
     children: {
       type: "slot",
@@ -1348,31 +1445,38 @@ var sliderMeta = {
   props: {
     max: {
       type: "number",
-      description: "The maximum value the slider can slide to"
+      description: "The maximum value the slider can slide to",
+      defaultValueHint: 100
     },
     min: {
       type: "number",
-      description: "The minimum value the slider can slide to"
+      description: "The minimum value the slider can slide to",
+      defaultValueHint: 0
     },
     included: {
       type: "boolean",
-      description: "Make effect when marks not null, true means containment and false means coordinative"
+      description: "Make effect when marks not null, true means containment and false means coordinative",
+      defaultValueHint: true
     },
     disabled: {
       type: "boolean",
-      description: "If true, the slider will not be interactable"
+      description: "If true, the slider will not be interactable",
+      defaultValueHint: false
     },
     range: {
       type: "boolean",
-      description: "Dual thumb mode"
+      description: "Dual thumb mode",
+      defaultValueHint: false
     },
     reverse: {
       type: "boolean",
-      description: "Reverse the component"
+      description: "Reverse the component",
+      defaultValueHint: false
     },
     vertical: {
       type: "boolean",
-      description: "If true, the slider will be vertical"
+      description: "If true, the slider will be vertical",
+      defaultValueHint: false
     },
     value: {
       type: "number",
@@ -1421,21 +1525,25 @@ var switchMeta = {
   props: {
     autoFocus: {
       type: "boolean",
-      description: "Whether get focus when component mounted"
+      description: "Whether get focus when component mounted",
+      defaultValueHint: false
     },
     checked: {
       type: "boolean",
       editOnly: true,
       uncontrolledProp: "defaultChecked",
-      description: "Whether to set the initial state"
+      description: "Whether to set the initial state",
+      defaultValueHint: false
     },
     disabled: {
       type: "boolean",
-      description: "Disable switch"
+      description: "Disable switch",
+      defaultValueHint: false
     },
     loading: {
       type: "boolean",
-      description: "Loading state of switch"
+      description: "Loading state of switch",
+      defaultValueHint: false
     },
     checkedChildren: {
       type: "slot",
@@ -1450,7 +1558,8 @@ var switchMeta = {
     size: {
       type: "choice",
       options: ["small", "default"],
-      description: "The size of the Switch"
+      description: "The size of the Switch",
+      defaultValueHint: "default"
     }
   },
   importPath: "antd",
@@ -1464,6 +1573,186 @@ function registerSwitch(loader, customSwitchMeta) {
   doRegisterComponent(antd.Switch, customSwitchMeta != null ? customSwitchMeta : switchMeta);
 }
 
+var tabPaneMeta = {
+  name: "AntdTabPane",
+  displayName: "Antd Tab Pane",
+  props: {
+    tab: {
+      type: "slot",
+      defaultValue: [{
+        type: "text",
+        value: "Tab"
+      }]
+    },
+    key: {
+      type: "string",
+      description: "Unique TabPane's key",
+      defaultValue: "tabPaneKey"
+    },
+    closable: {
+      type: "boolean",
+      description: "Wether the tab can be closed or not. Only works for editable tabs",
+      defaultValueHint: true
+    },
+    disabled: {
+      type: "boolean",
+      description: "Disabled state of tab",
+      defaultValueHint: false
+    },
+    forceRender: {
+      type: "boolean",
+      description: "Forced render of content in tabs, not lazy render after clicking on tabs",
+      defaultValueHint: false
+    },
+    closeIcon: {
+      type: "slot",
+      hidePlaceholder: true
+    },
+    children: {
+      type: "slot",
+      defaultValue: [{
+        type: "text",
+        value: "Tab Content"
+      }]
+    }
+  },
+  parentComponentName: "AntdTabs",
+  importPath: "rc-tabs",
+  importName: "TabPane"
+};
+function registerTabPane(loader, customTabPaneMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(rcTabs.TabPane, customTabPaneMeta != null ? customTabPaneMeta : tabPaneMeta);
+}
+function Tabs(props) {
+  var leftTabBarExtraContent = props.leftTabBarExtraContent,
+      rightTabBarExtraContent = props.rightTabBarExtraContent,
+      otherProps = _objectWithoutPropertiesLoose(props, ["leftTabBarExtraContent", "rightTabBarExtraContent"]);
+
+  return React.createElement(antd.Tabs, Object.assign({}, otherProps, {
+    tabBarExtraContent: {
+      left: leftTabBarExtraContent,
+      right: rightTabBarExtraContent
+    }
+  }));
+}
+var tabsMeta = {
+  name: "AntdTabs",
+  displayName: "Antd Tabs",
+  props: {
+    type: {
+      type: "choice",
+      options: ["line", "card", "editable-card"],
+      defaultValueHint: "line",
+      description: "Basic style of tabs"
+    },
+    addIcon: {
+      type: "slot",
+      hidePlaceholder: true
+    },
+    animated: {
+      type: "object",
+      hidden: function hidden(props) {
+        return props.tabPosition !== "top" && !!props.tabPosition;
+      },
+      defaultValueHint: {
+        inkBar: true,
+        tabPane: false
+      },
+      description: "Whether to change tabs with animation. Can be either a boolean or specify for inkBar and tabPane"
+    },
+    hideAdd: {
+      type: "boolean",
+      hidden: function hidden(props) {
+        return props.type !== "editable-card";
+      },
+      defaultValueHint: false,
+      description: "Hide plus icon or not"
+    },
+    moreIcon: {
+      type: "slot",
+      hidePlaceholder: true
+    },
+    size: {
+      type: "choice",
+      options: ["large", "default", "small"],
+      defaultValueHint: "default",
+      description: "Preset tab bar size"
+    },
+    tabPosition: {
+      type: "choice",
+      options: ["top", "right", "bottom", "left"],
+      defaultValueHint: "top",
+      description: "Position of tabs"
+    },
+    tabBarGutter: {
+      type: "number",
+      description: "The gap between tabs"
+    },
+    centered: {
+      type: "boolean",
+      description: "Centers tabs",
+      defaultValueHint: false
+    },
+    leftTabBarExtraContent: {
+      type: "slot",
+      hidePlaceholder: true
+    },
+    rightTabBarExtraContent: {
+      type: "slot",
+      hidePlaceholder: true
+    },
+    tabBarStyle: {
+      type: "object",
+      description: "CSS for the Tab Bar style"
+    },
+    activeKey: {
+      type: "choice",
+      editOnly: true,
+      uncontrolledProp: "defaultActiveKey",
+      description: "Initial active TabPane's key",
+      options: function options(props) {
+        var options = new Set();
+        traverseReactEltTree(props.children, function (elt) {
+          if ((elt == null ? void 0 : elt.type) === rcTabs.TabPane && typeof (elt == null ? void 0 : elt.key) === "string") {
+            options.add(elt.key);
+          }
+        });
+        return Array.from(options.keys());
+      }
+    },
+    children: {
+      type: "slot",
+      allowedComponents: ["AntdTabPane"],
+      defaultValue: [{
+        type: "component",
+        name: "AntdTabPane",
+        props: {
+          key: "1"
+        }
+      }, {
+        type: "component",
+        name: "AntdTabPane",
+        props: {
+          key: "2"
+        }
+      }]
+    }
+  },
+  importPath: "@plasmicpkgs/antd",
+  importName: "Tabs"
+};
+function registerTabs(loader, customTabsMeta) {
+  var doRegisterComponent = function doRegisterComponent() {
+    return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
+  };
+
+  doRegisterComponent(Tabs, customTabsMeta != null ? customTabsMeta : tabsMeta);
+}
+
 function registerAll(loader) {
   registerButton(loader);
   registerSlider(loader);
@@ -1488,10 +1777,13 @@ function registerAll(loader) {
   registerInputSearch(loader);
   registerInputPassword(loader);
   registerInputGroup(loader);
+  registerTabPane(loader);
+  registerTabs(loader);
 }
 
 exports.Dropdown = Dropdown;
 exports.Slider = Slider;
+exports.Tabs = Tabs;
 exports.buttonMeta = buttonMeta;
 exports.carouselMeta = carouselMeta;
 exports.checkboxGroupMeta = checkboxGroupMeta;
@@ -1535,8 +1827,12 @@ exports.registerSelect = registerSelect;
 exports.registerSlider = registerSlider;
 exports.registerSubMenu = registerSubMenu;
 exports.registerSwitch = registerSwitch;
+exports.registerTabPane = registerTabPane;
+exports.registerTabs = registerTabs;
 exports.selectMeta = selectMeta;
 exports.sliderMeta = sliderMeta;
 exports.subMenuMeta = subMenuMeta;
 exports.switchMeta = switchMeta;
+exports.tabPaneMeta = tabPaneMeta;
+exports.tabsMeta = tabsMeta;
 //# sourceMappingURL=antd.cjs.development.js.map