UNPKG

storybook-react-geekshubs

Version:

Creation and curation of hight quality react components.

1 lines 6.11 kB
"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireWildcard(require("react"));var _antd=require("antd");function _getRequireWildcardCache(){if(typeof WeakMap!=="function")return null;var cache=new WeakMap;_getRequireWildcardCache=function _getRequireWildcardCache(){return cache};return cache}function _interopRequireWildcard(obj){if(obj&&obj.__esModule){return obj}var cache=_getRequireWildcardCache();if(cache&&cache.has(obj)){return cache.get(obj)}var newObj={};if(obj!=null){var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc)}else{newObj[key]=obj[key]}}}}newObj.default=obj;if(cache){cache.set(obj,newObj)}return newObj}function _typeof(obj){if(typeof Symbol==="function"&&typeof Symbol.iterator==="symbol"){_typeof=function _typeof(obj){return typeof obj}}else{_typeof=function _typeof(obj){return obj&&typeof Symbol==="function"&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj}}return _typeof(obj)}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);return Constructor}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call}return _assertThisInitialized(self)}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return self}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o)};return _getPrototypeOf(o)}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function")}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});if(superClass)_setPrototypeOf(subClass,superClass)}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(o,p){o.__proto__=p;return o};return _setPrototypeOf(o,p)}var text="Are you sure delete this task?";function confirm(){_antd.message.info("Click on Yes.")}var Placement=function(_Component){_inherits(Placement,_Component);function Placement(){_classCallCheck(this,Placement);return _possibleConstructorReturn(this,_getPrototypeOf(Placement).apply(this,arguments))}_createClass(Placement,[{key:"render",value:function render(){return _react.default.createElement("section",{className:"example"},_react.default.createElement("h3",{className:"ex-title"},"Placement"),_react.default.createElement("div",{className:"demo"},_react.default.createElement("div",{style:{marginLeft:80,whiteSpace:"nowrap"}},_react.default.createElement(_antd.Popconfirm,{placement:"topLeft",title:text,onConfirm:confirm,okText:"Yes",cancelText:"No"},_react.default.createElement(_antd.Button,null,"TL")),_react.default.createElement(_antd.Popconfirm,{placement:"top",title:text,onConfirm:confirm,okText:"Yes",cancelText:"No"},_react.default.createElement(_antd.Button,null,"Top")),_react.default.createElement(_antd.Popconfirm,{placement:"topRight",title:text,onConfirm:confirm,okText:"Yes",cancelText:"No"},_react.default.createElement(_antd.Button,null,"TR"))),_react.default.createElement("div",{style:{width:70,float:"left"}},_react.default.createElement(_antd.Popconfirm,{placement:"leftTop",title:text,onConfirm:confirm,okText:"Yes",cancelText:"No"},_react.default.createElement(_antd.Button,{style:{width:"100%"}},"LT")),_react.default.createElement(_antd.Popconfirm,{placement:"left",title:text,onConfirm:confirm,okText:"Yes",cancelText:"No"},_react.default.createElement(_antd.Button,{style:{width:"100%"}},"Left")),_react.default.createElement(_antd.Popconfirm,{placement:"leftBottom",title:text,onConfirm:confirm,okText:"Yes",cancelText:"No"},_react.default.createElement(_antd.Button,{style:{width:"100%"}},"LB"))),_react.default.createElement("div",{style:{width:70,marginLeft:250}},_react.default.createElement(_antd.Popconfirm,{placement:"rightTop",title:text,onConfirm:confirm,okText:"Yes",cancelText:"No"},_react.default.createElement(_antd.Button,{style:{width:"100%"}},"RT")),_react.default.createElement(_antd.Popconfirm,{placement:"right",title:text,onConfirm:confirm,okText:"Yes",cancelText:"No"},_react.default.createElement(_antd.Button,{style:{width:"100%"}},"Right")),_react.default.createElement(_antd.Popconfirm,{placement:"rightBottom",title:text,onConfirm:confirm,okText:"Yes",cancelText:"No"},_react.default.createElement(_antd.Button,{style:{width:"100%"}},"RB"))),_react.default.createElement("div",{style:{marginLeft:70,clear:"both",whiteSpace:"nowrap"}},_react.default.createElement(_antd.Popconfirm,{placement:"bottomLeft",title:text,onConfirm:confirm,okText:"Yes",cancelText:"No"},_react.default.createElement(_antd.Button,null,"BL")),_react.default.createElement(_antd.Popconfirm,{placement:"bottom",title:text,onConfirm:confirm,okText:"Yes",cancelText:"No"},_react.default.createElement(_antd.Button,null,"Bottom")),_react.default.createElement(_antd.Popconfirm,{placement:"bottomRight",title:text,onConfirm:confirm,okText:"Yes",cancelText:"No"},_react.default.createElement(_antd.Button,null,"BR")))))}}]);return Placement}(_react.Component);var _default=Placement;exports.default=_default;