@chief-editor/ui/lib/components/form-container/FormContainer.js

UI Component for chief editor

"use strict";var __assign=this&&this.__assign||function(){return(__assign=Object.assign||function(e){for(var t,r=1,l=arguments.length;r<l;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e}).apply(this,arguments)},__rest=this&&this.__rest||function(e,t){var r={};for(var l in e)Object.prototype.hasOwnProperty.call(e,l)&&t.indexOf(l)<0&&(r[l]=e[l]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(l=Object.getOwnPropertySymbols(e);a<l.length;a++)t.indexOf(l[a])<0&&Object.prototype.propertyIsEnumerable.call(e,l[a])&&(r[l[a]]=e[l[a]])}return r},__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});var icons_1=require("@byte-design/icons"),util_1=require("@co-hooks/util"),react_1=__importDefault(require("react")),hooks_1=require("../../hooks"),tooltip_1=require("../tooltip");function FormContainer(e){var t=e.hasLabel,r=void 0===t||t,l=e.align,a=void 0===l?"right":l,i=e.colon,o=void 0!==i&&i,n=e.required,s=void 0!==n&&n,c=e.labelWidth,u=e.className,_=e.label,f=e.inline,h=void 0!==f&&f,m=e.children,p=e.tooltip,d=e.hint,v=e.help,b=e.status,g=e.level,y=void 0===g?1:g,x=e.vertical,O=void 0===x||x,P=__rest(e,["hasLabel","align","colon","required","labelWidth","className","label","inline","children","tooltip","hint","help","status","level","vertical"]),k=util_1.classnames(hooks_1.usePrefixCls("form-container",{level:!!y&&String(y),inline:h,vertical:O}),u),C=hooks_1.usePrefixCls("form-container-label",{required:s,align:a,vertical:O}),E=util_1.classnames(hooks_1.usePrefixCls("form-container-content"),{"has-success":"success"===b,"has-warning":"warning"===b,"has-error":"error"===b,"is-validating":"validating"===b}),N=hooks_1.usePrefixCls("form-container-label-colon"),q=hooks_1.usePrefixCls("form-container-label-tooltip-icon"),j=hooks_1.usePrefixCls("form-container-hint"),w=hooks_1.usePrefixCls("form-container-help");return react_1.default.createElement("div",__assign({className:k},P),r?react_1.default.createElement("label",{className:C,style:{width:"number"==typeof c?c+"px":c}},p?react_1.default.createElement(tooltip_1.Tooltip,{trigger:"hover",placement:"top",content:p},react_1.default.createElement(icons_1.Help,{className:q})):null,_,o&&react_1.default.createElement("span",{className:N},":")):null,react_1.default.createElement("div",{className:E,style:{marginLeft:r?"number"==typeof c?c+"px":c:0}},m,v?react_1.default.createElement("div",{className:w},v):null,d?react_1.default.createElement("div",{className:j},d):null))}exports.FormContainer=FormContainer;