app-base-react
Version:
react development common base package.
1 lines • 3 kB
JavaScript
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _card=require("antd/lib/card"),_card2=_interopRequireDefault(_card),_collapse=require("antd/lib/collapse"),_collapse2=_interopRequireDefault(_collapse),_extends=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a,r=arguments[t];for(a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_slicedToArray=function(e,t){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e)){var a=t,r=[],l=!0,t=!1,c=void 0;try{for(var s,n=e[Symbol.iterator]();!(l=(s=n.next()).done)&&(r.push(s.value),!a||r.length!==a);l=!0);}catch(e){t=!0,c=e}finally{try{!l&&n.return&&n.return()}finally{if(t)throw c}}return r}throw new TypeError("Invalid attempt to destructure non-iterable instance")},_react=(exports.default=Map,require("antd/lib/card/style/css"),require("antd/lib/collapse/style/css"),require("react")),_react2=_interopRequireDefault(_react),_antd=require("antd"),_classnames=require("classnames"),_classnames2=_interopRequireDefault(_classnames),_hooks=require("../../form-render-core/src/hooks");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var Panel=_collapse2.default.Panel;function Map(e){var t=e.children,a=e.title,r=e.schema,e=(0,_react.useState)(r.collapsed||!1),e=_slicedToArray(e,2),l=e[0],c=e[1],e=(0,_hooks.useStore2)(),s=e.theme,e=e.displayType,s=r.theme||s,n=r.props||{},e=r.displayType||e;return(0,_react.useEffect)(function(){r.hasOwnProperty("collapsed")&&c(r.collapsed)},[r.collapsed]),a?"tile"===s?_react2.default.createElement("div",{className:"w-100"},_react2.default.createElement("div",{style:{fontSize:17,fontWeight:500,paddingBottom:4,borderBottom:"1px solid rgba( 0, 0, 0, .2 )",marginBottom:16}},a,_react2.default.createElement("span",{className:"fr-desc ml2"},r.description?"( "+r.description+" )":"")),_react2.default.createElement("div",{style:{marginLeft:"row"==e?0:12}},t)):"card"===s?_react2.default.createElement(_card2.default,{id:a,title:_react2.default.createElement(_react.Fragment,null,a,_react2.default.createElement("span",{className:"fr-desc ml2"},r.description?"( "+r.description+" )":"")),className:"fr-theme-card-wrap"},t):"flex"===s?_react2.default.createElement("div",_extends({className:"flex w-100"},n),t):_react2.default.createElement("div",{className:"w-100"},_react2.default.createElement(_collapse2.default,{activeKey:l?[]:["1"],onChange:function(e){0<e.length?c(!1):c(!0)},bordered:"collapse:pure"!==s,ghost:"collapse:ghost"===s},_react2.default.createElement(Panel,{header:_react2.default.createElement("span",{style:{fontSize:16,fontWeight:500}},a,_react2.default.createElement("span",{className:"fr-desc ml2"},r.description?"( "+r.description+" )":"")),key:"1",className:"fr-collapse-object"},_react2.default.createElement("div",{className:(0,_classnames2.default)({"fr-collapse-object-child-row":"row"===e,"fr-collapse-object-child-column":"column"===e})},t)))):_react2.default.createElement("div",{className:"w-100"},t)}