@plasmicpkgs/antd 0.0.9 → 0.0.13

package/dist/antd.esm.js

@@ -1,5 +1,5 @@
 import registerComponent from '@plasmicapp/host/registerComponent';
-import { Button, Carousel, Input, Select, Slider as Slider$1, Switch } from 'antd';
+import { Button, Carousel, Input, Select, Slider as Slider$1, Switch, Tabs as Tabs$1 } from 'antd';
 import Checkbox from 'antd/lib/checkbox/Checkbox';
 import CheckboxGroup from 'antd/lib/checkbox/Group';
 import React from 'react';
@@ -17,6 +17,7 @@ import MenuItem from 'antd/lib/menu/MenuItem';
 import SubMenu from 'antd/lib/menu/SubMenu';
 import { ItemGroup } from 'rc-menu';
 import { Option, OptGroup } from 'rc-select';
+import { TabPane } from 'rc-tabs';
 
 var buttonMeta = {
   name: "AntdButton",
@@ -25,37 +26,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",
@@ -64,7 +73,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",
@@ -183,21 +196,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",
@@ -231,7 +248,8 @@ var checkboxGroupMeta = {
   props: {
     disabled: {
       type: "boolean",
-      description: "If disable all checkboxes"
+      description: "If disable all checkboxes",
+      defaultValueHint: false
     },
     value: {
       type: "choice",
@@ -286,20 +304,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",
@@ -342,7 +364,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",
@@ -357,7 +380,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",
@@ -385,7 +409,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",
@@ -406,7 +431,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",
@@ -416,11 +442,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",
@@ -467,11 +495,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",
@@ -484,17 +514,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",
@@ -520,7 +553,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",
@@ -537,27 +571,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",
@@ -594,15 +633,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",
@@ -623,7 +665,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",
@@ -631,7 +674,8 @@ var inputMeta = {
     },
     type: {
       type: "string",
-      description: "The type of input"
+      description: "The type of input",
+      defaultValueHint: "text"
     },
     value: {
       type: "string",
@@ -655,7 +699,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",
@@ -663,15 +708,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",
@@ -713,15 +761,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",
@@ -733,7 +784,8 @@ var inputSearchMeta = {
     },
     loading: {
       type: "boolean",
-      description: "Search box with loading"
+      description: "Search box with loading",
+      defaultValueHint: false
     },
     maxLength: {
       type: "number",
@@ -750,7 +802,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",
@@ -792,15 +845,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",
@@ -821,7 +877,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",
@@ -834,7 +891,8 @@ var inputPasswordMeta = {
     },
     visibilityToggle: {
       type: "boolean",
-      description: "Whether show toggle button"
+      description: "Whether show toggle button",
+      defaultValueHint: true
     }
   },
   importPath: "antd/lib/input/Password",
@@ -855,12 +913,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",
@@ -892,7 +952,8 @@ var menuDividerMeta = {
   props: {
     dashed: {
       type: "boolean",
-      description: "Whether line is dashed"
+      description: "Whether line is dashed",
+      defaultValueHint: false
     }
   },
   importPath: "antd/lib/menu/MenuDivider",
@@ -913,11 +974,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",
@@ -985,7 +1048,8 @@ var subMenuMeta = {
   props: {
     disabled: {
       type: "boolean",
-      description: "Whether sub-menu is disabled"
+      description: "Whether sub-menu is disabled",
+      defaultValueHint: false
     },
     key: {
       type: "string",
@@ -1002,13 +1066,19 @@ var subMenuMeta = {
     children: {
       type: "slot",
       allowedComponents: ["AntdMenuItem", "AntdMenuDivider", "AntdMenuItemGroup", "AntdSubMenu"],
-      defaultValue: [{
-        type: "component",
-        name: "AntdMenuItem",
-        props: {
-          key: "subMenuItemKey"
-        }
-      }]
+      defaultValue: /*#__PURE__*/[1, 2].map(function (i) {
+        return {
+          type: "component",
+          name: "AntdMenuItem",
+          props: {
+            key: "subMenuItemKey" + i,
+            children: [{
+              type: "text",
+              value: "Sub-menu item " + i
+            }]
+          }
+        };
+      })
     }
   },
   importPath: "antd/lib/menu/SubMenu",
@@ -1033,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",
@@ -1070,7 +1144,8 @@ var menuMeta = {
     },
     selectable: {
       type: "boolean",
-      description: "Allows selecting menu items"
+      description: "Allows selecting menu items",
+      defaultValueHint: true
     },
     selectedKeys: {
       type: "choice",
@@ -1090,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",
@@ -1136,7 +1215,8 @@ var optionMeta = {
   props: {
     disabled: {
       type: "boolean",
-      description: "Disable this option"
+      description: "Disable this option",
+      defaultValueHint: false
     },
     title: {
       type: "string",
@@ -1206,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",
@@ -1235,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",
@@ -1246,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",
@@ -1276,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",
@@ -1342,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",
@@ -1415,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",
@@ -1444,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",
@@ -1458,6 +1573,186 @@ function registerSwitch(loader, customSwitchMeta) {
   doRegisterComponent(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(TabPane, customTabPaneMeta != null ? customTabPaneMeta : tabPaneMeta);
+}
+function Tabs(props) {
+  var leftTabBarExtraContent = props.leftTabBarExtraContent,
+      rightTabBarExtraContent = props.rightTabBarExtraContent,
+      otherProps = _objectWithoutPropertiesLoose(props, ["leftTabBarExtraContent", "rightTabBarExtraContent"]);
+
+  return React.createElement(Tabs$1, 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) === 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);
@@ -1482,7 +1777,9 @@ function registerAll(loader) {
   registerInputSearch(loader);
   registerInputPassword(loader);
   registerInputGroup(loader);
+  registerTabPane(loader);
+  registerTabs(loader);
 }
 
-export { Dropdown, Slider, buttonMeta, carouselMeta, checkboxGroupMeta, checkboxMeta, collapsteMeta, collapstePanelMeta, dropdownButtonMeta, dropdownMeta, inputGroupMeta, inputMeta, inputPasswordMeta, inputSearchMeta, inputTextAreaMeta, menuDividerMeta, menuItemGroupMeta, menuItemMeta, menuMeta, optGroupMeta, optionMeta, registerAll, registerButton, registerCarousel, registerCheckbox, registerCheckboxGroup, registerCollapse, registerCollapsePanel, registerDropdown, registerDropdownButton, registerInput, registerInputGroup, registerInputPassword, registerInputSearch, registerInputTextArea, registerMenu, registerMenuDivider, registerMenuItem, registerMenuItemGroup, registerOptGroup, registerOption, registerSelect, registerSlider, registerSubMenu, registerSwitch, selectMeta, sliderMeta, subMenuMeta, switchMeta };
+export { Dropdown, Slider, Tabs, buttonMeta, carouselMeta, checkboxGroupMeta, checkboxMeta, collapsteMeta, collapstePanelMeta, dropdownButtonMeta, dropdownMeta, inputGroupMeta, inputMeta, inputPasswordMeta, inputSearchMeta, inputTextAreaMeta, menuDividerMeta, menuItemGroupMeta, menuItemMeta, menuMeta, optGroupMeta, optionMeta, registerAll, registerButton, registerCarousel, registerCheckbox, registerCheckboxGroup, registerCollapse, registerCollapsePanel, registerDropdown, registerDropdownButton, registerInput, registerInputGroup, registerInputPassword, registerInputSearch, registerInputTextArea, registerMenu, registerMenuDivider, registerMenuItem, registerMenuItemGroup, registerOptGroup, registerOption, registerSelect, registerSlider, registerSubMenu, registerSwitch, registerTabPane, registerTabs, selectMeta, sliderMeta, subMenuMeta, switchMeta, tabPaneMeta, tabsMeta };
 //# sourceMappingURL=antd.esm.js.map