@vtx/components 3.1.55 → 3.1.57

package/lib/vtx-form-layout/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","names":["VtxCard","props","title","expand","useState","visible","setVisible","style","transform","pre","classnames","children","propTypes","PropTypes","bool","oneOfType","string","node"],"sources":["vtx-form-layout/Card.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Card from 'antd/lib/card';\nimport RightOutlined from '@ant-design/icons/RightOutlined';\n\nfunction VtxCard(props) {\n    const { title, expand = true } = props;\n    const [visible, setVisible] = useState(expand);\n    let style = {};\n    if (visible) {\n        style = { transform: 'rotate(90deg)' };\n    }\n    return (\n        <Card\n            title={title}\n            className=\"vtx-form-card\"\n            extra={\n                <RightOutlined\n                    className=\"vtx-form-card-expand-icon\"\n                    style={style}\n                    onClick={() => setVisible(pre => !pre)}\n                />\n            }\n        >\n            <div\n                className={classnames('vtx-form-card-content', {\n                    'vtx-form-card-content-hide': !visible,\n                })}\n            >\n                {props.children}\n            </div>\n        </Card>\n    );\n}\n\nVtxCard.propTypes = {\n    expand: PropTypes.bool,\n    title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n    children: PropTypes.node,\n};\n\nexport default VtxCard;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;AAEA,SAASA,OAAT,CAAiBC,KAAjB,EAAwB;EACpB,IAAQC,KAAR,GAAiCD,KAAjC,CAAQC,KAAR;EAAA,oBAAiCD,KAAjC,CAAeE,MAAf;EAAA,IAAeA,MAAf,8BAAwB,IAAxB;;EACA,gBAA8B,IAAAC,eAAA,EAASD,MAAT,CAA9B;EAAA;EAAA,IAAOE,OAAP;EAAA,IAAgBC,UAAhB;;EACA,IAAIC,KAAK,GAAG,EAAZ;;EACA,IAAIF,OAAJ,EAAa;IACTE,KAAK,GAAG;MAAEC,SAAS,EAAE;IAAb,CAAR;EACH;;EACD,oBACI,gCAAC,gBAAD;IACI,KAAK,EAAEN,KADX;IAEI,SAAS,EAAC,eAFd;IAGI,KAAK,eACD,gCAAC,yBAAD;MACI,SAAS,EAAC,2BADd;MAEI,KAAK,EAAEK,KAFX;MAGI,OAAO,EAAE;QAAA,OAAMD,UAAU,CAAC,UAAAG,GAAG;UAAA,OAAI,CAACA,GAAL;QAAA,CAAJ,CAAhB;MAAA;IAHb;EAJR,gBAWI;IACI,SAAS,EAAE,IAAAC,sBAAA,EAAW,uBAAX,EAAoC;MAC3C,8BAA8B,CAACL;IADY,CAApC;EADf,GAKKJ,KAAK,CAACU,QALX,CAXJ,CADJ;AAqBH;;AAEDX,OAAO,CAACY,SAAR,GAAoB;EAChBT,MAAM,EAAEU,qBAAA,CAAUC,IADF;EAEhBZ,KAAK,EAAEW,qBAAA,CAAUE,SAAV,CAAoB,CAACF,qBAAA,CAAUG,MAAX,EAAmBH,qBAAA,CAAUI,IAA7B,CAApB,CAFS;EAGhBN,QAAQ,EAAEE,qBAAA,CAAUI;AAHJ,CAApB;eAMejB,O"}
+{"version":3,"file":"Card.js","names":["VtxCard","props","title","expand","useState","visible","setVisible","style","transform","pre","classnames","children","propTypes","PropTypes","bool","oneOfType","string","node"],"sources":["vtx-form-layout/Card.jsx"],"sourcesContent":["import React, { useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classnames from 'classnames';\r\nimport Card from 'antd/lib/card';\r\nimport RightOutlined from '@ant-design/icons/RightOutlined';\r\n\r\nfunction VtxCard(props) {\r\n    const { title, expand = true } = props;\r\n    const [visible, setVisible] = useState(expand);\r\n    let style = {};\r\n    if (visible) {\r\n        style = { transform: 'rotate(90deg)' };\r\n    }\r\n    return (\r\n        <Card\r\n            title={title}\r\n            className=\"vtx-form-card\"\r\n            extra={\r\n                <RightOutlined\r\n                    className=\"vtx-form-card-expand-icon\"\r\n                    style={style}\r\n                    onClick={() => setVisible(pre => !pre)}\r\n                />\r\n            }\r\n        >\r\n            <div\r\n                className={classnames('vtx-form-card-content', {\r\n                    'vtx-form-card-content-hide': !visible,\r\n                })}\r\n            >\r\n                {props.children}\r\n            </div>\r\n        </Card>\r\n    );\r\n}\r\n\r\nVtxCard.propTypes = {\r\n    expand: PropTypes.bool,\r\n    title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\r\n    children: PropTypes.node,\r\n};\r\n\r\nexport default VtxCard;\r\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;AAEA,SAASA,OAAT,CAAiBC,KAAjB,EAAwB;EACpB,IAAQC,KAAR,GAAiCD,KAAjC,CAAQC,KAAR;EAAA,oBAAiCD,KAAjC,CAAeE,MAAf;EAAA,IAAeA,MAAf,8BAAwB,IAAxB;;EACA,gBAA8B,IAAAC,eAAA,EAASD,MAAT,CAA9B;EAAA;EAAA,IAAOE,OAAP;EAAA,IAAgBC,UAAhB;;EACA,IAAIC,KAAK,GAAG,EAAZ;;EACA,IAAIF,OAAJ,EAAa;IACTE,KAAK,GAAG;MAAEC,SAAS,EAAE;IAAb,CAAR;EACH;;EACD,oBACI,gCAAC,gBAAD;IACI,KAAK,EAAEN,KADX;IAEI,SAAS,EAAC,eAFd;IAGI,KAAK,eACD,gCAAC,yBAAD;MACI,SAAS,EAAC,2BADd;MAEI,KAAK,EAAEK,KAFX;MAGI,OAAO,EAAE;QAAA,OAAMD,UAAU,CAAC,UAAAG,GAAG;UAAA,OAAI,CAACA,GAAL;QAAA,CAAJ,CAAhB;MAAA;IAHb;EAJR,gBAWI;IACI,SAAS,EAAE,IAAAC,sBAAA,EAAW,uBAAX,EAAoC;MAC3C,8BAA8B,CAACL;IADY,CAApC;EADf,GAKKJ,KAAK,CAACU,QALX,CAXJ,CADJ;AAqBH;;AAEDX,OAAO,CAACY,SAAR,GAAoB;EAChBT,MAAM,EAAEU,qBAAA,CAAUC,IADF;EAEhBZ,KAAK,EAAEW,qBAAA,CAAUE,SAAV,CAAoB,CAACF,qBAAA,CAAUG,MAAX,EAAmBH,qBAAA,CAAUI,IAA7B,CAApB,CAFS;EAGhBN,QAAQ,EAAEE,qBAAA,CAAUI;AAHJ,CAApB;eAMejB,O"}

package/lib/vtx-form-layout/Divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.js","names":["VtxDivider","props","size","classnames","propTypes","PropTypes","oneOf"],"sources":["vtx-form-layout/Divider.jsx"],"sourcesContent":["import React from 'react';\nimport Divider from 'antd/lib/divider';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\n\nfunction VtxDivider(props) {\n    const { size } = props;\n    return (\n        <Divider\n            className={classnames('vtx-form-divider', {\n                ['vtx-form-divider--small']: size === 'small',\n            })}\n        />\n    );\n}\n\nVtxDivider.propTypes = {\n    size: PropTypes.oneOf(['default', 'small']),\n};\n\nexport default VtxDivider;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAEA,SAASA,UAAT,CAAoBC,KAApB,EAA2B;EACvB,IAAQC,IAAR,GAAiBD,KAAjB,CAAQC,IAAR;EACA,oBACI,gCAAC,mBAAD;IACI,SAAS,EAAE,IAAAC,uBAAA,EAAW,kBAAX,sBACN,yBADM,EACsBD,IAAI,KAAK,OAD/B;EADf,EADJ;AAOH;;AAEDF,UAAU,CAACI,SAAX,GAAuB;EACnBF,IAAI,EAAEG,qBAAA,CAAUC,KAAV,CAAgB,CAAC,SAAD,EAAY,OAAZ,CAAhB;AADa,CAAvB;eAIeN,U"}
+{"version":3,"file":"Divider.js","names":["VtxDivider","props","size","classnames","propTypes","PropTypes","oneOf"],"sources":["vtx-form-layout/Divider.jsx"],"sourcesContent":["import React from 'react';\r\nimport Divider from 'antd/lib/divider';\r\nimport PropTypes from 'prop-types';\r\nimport classnames from 'classnames';\r\n\r\nfunction VtxDivider(props) {\r\n    const { size } = props;\r\n    return (\r\n        <Divider\r\n            className={classnames('vtx-form-divider', {\r\n                ['vtx-form-divider--small']: size === 'small',\r\n            })}\r\n        />\r\n    );\r\n}\r\n\r\nVtxDivider.propTypes = {\r\n    size: PropTypes.oneOf(['default', 'small']),\r\n};\r\n\r\nexport default VtxDivider;\r\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAEA,SAASA,UAAT,CAAoBC,KAApB,EAA2B;EACvB,IAAQC,IAAR,GAAiBD,KAAjB,CAAQC,IAAR;EACA,oBACI,gCAAC,mBAAD;IACI,SAAS,EAAE,IAAAC,uBAAA,EAAW,kBAAX,sBACN,yBADM,EACsBD,IAAI,KAAK,OAD/B;EADf,EADJ;AAOH;;AAEDF,UAAU,CAACI,SAAX,GAAuB;EACnBF,IAAI,EAAEG,qBAAA,CAAUC,KAAV,CAAgB,CAAC,SAAD,EAAY,OAAZ,CAAhB;AADa,CAAvB;eAIeN,U"}

package/lib/vtx-form-layout/FormItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormItem.js","names":["SPAN","FormItem","props","weights","label","inline","rest","useContext","StoreCtx","labelColSpan","cols","mode","formLayout","layout","formItemLayout","conversionLabelColSpan","wrapperColSpan","labelCol","span","wrapperCol","classnames","children","propTypes","PropTypes","number","node","bool","tip","oneOfType","string"],"sources":["vtx-form-layout/FormItem.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport Form from 'antd/lib/form';\nimport Col from 'antd/lib/col';\nimport Tooltip from 'antd/lib/tooltip';\nimport classnames from 'classnames';\nimport { StoreCtx } from './context';\n\n// 24 栅格\nconst SPAN = 24;\n\nexport default function FormItem(props) {\n    const { weights = 1, label, inline, ...rest } = props;\n    const { labelColSpan, cols, mode, layout: formLayout } = useContext(StoreCtx);\n\n    let formItemLayout = null;\n    if (formLayout === 'horizontal') {\n        const conversionLabelColSpan = labelColSpan / weights;\n        const wrapperColSpan = SPAN - conversionLabelColSpan;\n        formItemLayout = {\n            labelCol: { span: conversionLabelColSpan },\n            wrapperCol: { span: wrapperColSpan },\n        };\n    }\n\n    return (\n        <Col span={(SPAN * weights) / cols} className=\"vtx-form-item-col\">\n            <Form.Item\n                className={classnames(\n                    'vtx-form-item',\n                    { 'vtx-form-item-vertical': formLayout === 'vertical' && mode !== 'view' },\n                    { 'vtx-form-item--view': mode === 'view' },\n                    { 'vtx-form-item--inline': inline && mode !== 'view' },\n                )}\n                {...formItemLayout}\n                label={<Tooltip title={label}>{label}</Tooltip>}\n                {...rest}\n            >\n                {props.children}\n            </Form.Item>\n        </Col>\n    );\n}\n\nFormItem.propTypes = {\n    weights: PropTypes.number,\n    children: PropTypes.node,\n    inline: PropTypes.bool,\n    tip: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n    label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;AAEA;AACA,IAAMA,IAAI,GAAG,EAAb;;AAEe,SAASC,QAAT,CAAkBC,KAAlB,EAAyB;EACpC,qBAAgDA,KAAhD,CAAQC,OAAR;EAAA,IAAQA,OAAR,+BAAkB,CAAlB;EAAA,IAAqBC,KAArB,GAAgDF,KAAhD,CAAqBE,KAArB;EAAA,IAA4BC,MAA5B,GAAgDH,KAAhD,CAA4BG,MAA5B;EAAA,IAAuCC,IAAvC,4BAAgDJ,KAAhD;;EACA,kBAAyD,IAAAK,iBAAA,EAAWC,iBAAX,CAAzD;EAAA,IAAQC,YAAR,eAAQA,YAAR;EAAA,IAAsBC,IAAtB,eAAsBA,IAAtB;EAAA,IAA4BC,IAA5B,eAA4BA,IAA5B;EAAA,IAA0CC,UAA1C,eAAkCC,MAAlC;;EAEA,IAAIC,cAAc,GAAG,IAArB;;EACA,IAAIF,UAAU,KAAK,YAAnB,EAAiC;IAC7B,IAAMG,sBAAsB,GAAGN,YAAY,GAAGN,OAA9C;IACA,IAAMa,cAAc,GAAGhB,IAAI,GAAGe,sBAA9B;IACAD,cAAc,GAAG;MACbG,QAAQ,EAAE;QAAEC,IAAI,EAAEH;MAAR,CADG;MAEbI,UAAU,EAAE;QAAED,IAAI,EAAEF;MAAR;IAFC,CAAjB;EAIH;;EAED,oBACI,gCAAC,eAAD;IAAK,IAAI,EAAGhB,IAAI,GAAGG,OAAR,GAAmBO,IAA9B;IAAoC,SAAS,EAAC;EAA9C,gBACI,gCAAC,gBAAD,CAAM,IAAN;IACI,SAAS,EAAE,IAAAU,sBAAA,EACP,eADO,EAEP;MAAE,0BAA0BR,UAAU,KAAK,UAAf,IAA6BD,IAAI,KAAK;IAAlE,CAFO,EAGP;MAAE,uBAAuBA,IAAI,KAAK;IAAlC,CAHO,EAIP;MAAE,yBAAyBN,MAAM,IAAIM,IAAI,KAAK;IAA9C,CAJO;EADf,GAOQG,cAPR;IAQI,KAAK,eAAE,gCAAC,mBAAD;MAAS,KAAK,EAAEV;IAAhB,GAAwBA,KAAxB;EARX,GASQE,IATR,GAWKJ,KAAK,CAACmB,QAXX,CADJ,CADJ;AAiBH;;AAEDpB,QAAQ,CAACqB,SAAT,GAAqB;EACjBnB,OAAO,EAAEoB,qBAAA,CAAUC,MADF;EAEjBH,QAAQ,EAAEE,qBAAA,CAAUE,IAFH;EAGjBpB,MAAM,EAAEkB,qBAAA,CAAUG,IAHD;EAIjBC,GAAG,EAAEJ,qBAAA,CAAUK,SAAV,CAAoB,CAACL,qBAAA,CAAUM,MAAX,EAAmBN,qBAAA,CAAUE,IAA7B,CAApB,CAJY;EAKjBrB,KAAK,EAAEmB,qBAAA,CAAUK,SAAV,CAAoB,CAACL,qBAAA,CAAUM,MAAX,EAAmBN,qBAAA,CAAUE,IAA7B,CAApB;AALU,CAArB"}
+{"version":3,"file":"FormItem.js","names":["SPAN","FormItem","props","weights","label","inline","rest","useContext","StoreCtx","labelColSpan","cols","mode","formLayout","layout","formItemLayout","conversionLabelColSpan","wrapperColSpan","labelCol","span","wrapperCol","classnames","children","propTypes","PropTypes","number","node","bool","tip","oneOfType","string"],"sources":["vtx-form-layout/FormItem.jsx"],"sourcesContent":["import React, { useContext } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Form from 'antd/lib/form';\r\nimport Col from 'antd/lib/col';\r\nimport Tooltip from 'antd/lib/tooltip';\r\nimport classnames from 'classnames';\r\nimport { StoreCtx } from './context';\r\n\r\n// 24 栅格\r\nconst SPAN = 24;\r\n\r\nexport default function FormItem(props) {\r\n    const { weights = 1, label, inline, ...rest } = props;\r\n    const { labelColSpan, cols, mode, layout: formLayout } = useContext(StoreCtx);\r\n\r\n    let formItemLayout = null;\r\n    if (formLayout === 'horizontal') {\r\n        const conversionLabelColSpan = labelColSpan / weights;\r\n        const wrapperColSpan = SPAN - conversionLabelColSpan;\r\n        formItemLayout = {\r\n            labelCol: { span: conversionLabelColSpan },\r\n            wrapperCol: { span: wrapperColSpan },\r\n        };\r\n    }\r\n\r\n    return (\r\n        <Col span={(SPAN * weights) / cols} className=\"vtx-form-item-col\">\r\n            <Form.Item\r\n                className={classnames(\r\n                    'vtx-form-item',\r\n                    { 'vtx-form-item-vertical': formLayout === 'vertical' && mode !== 'view' },\r\n                    { 'vtx-form-item--view': mode === 'view' },\r\n                    { 'vtx-form-item--inline': inline && mode !== 'view' },\r\n                )}\r\n                {...formItemLayout}\r\n                label={<Tooltip title={label}>{label}</Tooltip>}\r\n                {...rest}\r\n            >\r\n                {props.children}\r\n            </Form.Item>\r\n        </Col>\r\n    );\r\n}\r\n\r\nFormItem.propTypes = {\r\n    weights: PropTypes.number,\r\n    children: PropTypes.node,\r\n    inline: PropTypes.bool,\r\n    tip: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\r\n    label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\r\n};\r\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;AAEA;AACA,IAAMA,IAAI,GAAG,EAAb;;AAEe,SAASC,QAAT,CAAkBC,KAAlB,EAAyB;EACpC,qBAAgDA,KAAhD,CAAQC,OAAR;EAAA,IAAQA,OAAR,+BAAkB,CAAlB;EAAA,IAAqBC,KAArB,GAAgDF,KAAhD,CAAqBE,KAArB;EAAA,IAA4BC,MAA5B,GAAgDH,KAAhD,CAA4BG,MAA5B;EAAA,IAAuCC,IAAvC,4BAAgDJ,KAAhD;;EACA,kBAAyD,IAAAK,iBAAA,EAAWC,iBAAX,CAAzD;EAAA,IAAQC,YAAR,eAAQA,YAAR;EAAA,IAAsBC,IAAtB,eAAsBA,IAAtB;EAAA,IAA4BC,IAA5B,eAA4BA,IAA5B;EAAA,IAA0CC,UAA1C,eAAkCC,MAAlC;;EAEA,IAAIC,cAAc,GAAG,IAArB;;EACA,IAAIF,UAAU,KAAK,YAAnB,EAAiC;IAC7B,IAAMG,sBAAsB,GAAGN,YAAY,GAAGN,OAA9C;IACA,IAAMa,cAAc,GAAGhB,IAAI,GAAGe,sBAA9B;IACAD,cAAc,GAAG;MACbG,QAAQ,EAAE;QAAEC,IAAI,EAAEH;MAAR,CADG;MAEbI,UAAU,EAAE;QAAED,IAAI,EAAEF;MAAR;IAFC,CAAjB;EAIH;;EAED,oBACI,gCAAC,eAAD;IAAK,IAAI,EAAGhB,IAAI,GAAGG,OAAR,GAAmBO,IAA9B;IAAoC,SAAS,EAAC;EAA9C,gBACI,gCAAC,gBAAD,CAAM,IAAN;IACI,SAAS,EAAE,IAAAU,sBAAA,EACP,eADO,EAEP;MAAE,0BAA0BR,UAAU,KAAK,UAAf,IAA6BD,IAAI,KAAK;IAAlE,CAFO,EAGP;MAAE,uBAAuBA,IAAI,KAAK;IAAlC,CAHO,EAIP;MAAE,yBAAyBN,MAAM,IAAIM,IAAI,KAAK;IAA9C,CAJO;EADf,GAOQG,cAPR;IAQI,KAAK,eAAE,gCAAC,mBAAD;MAAS,KAAK,EAAEV;IAAhB,GAAwBA,KAAxB;EARX,GASQE,IATR,GAWKJ,KAAK,CAACmB,QAXX,CADJ,CADJ;AAiBH;;AAEDpB,QAAQ,CAACqB,SAAT,GAAqB;EACjBnB,OAAO,EAAEoB,qBAAA,CAAUC,MADF;EAEjBH,QAAQ,EAAEE,qBAAA,CAAUE,IAFH;EAGjBpB,MAAM,EAAEkB,qBAAA,CAAUG,IAHD;EAIjBC,GAAG,EAAEJ,qBAAA,CAAUK,SAAV,CAAoB,CAACL,qBAAA,CAAUM,MAAX,EAAmBN,qBAAA,CAAUE,IAA7B,CAApB,CAJY;EAKjBrB,KAAK,EAAEmB,qBAAA,CAAUK,SAAV,CAAoB,CAACL,qBAAA,CAAUM,MAAX,EAAmBN,qBAAA,CAAUE,IAA7B,CAApB;AALU,CAArB"}

package/lib/vtx-form-layout/Row.js.map

@@ -1 +1 @@
-{"version":3,"file":"Row.js","names":["FormRow","props","children","propTypes","PropTypes","node"],"sources":["vtx-form-layout/Row.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Row from 'antd/lib/row';\n\nfunction FormRow(props) {\n    return <Row {...props}>{props.children}</Row>;\n}\n\nFormRow.propTypes = { children: PropTypes.node };\n\nexport default FormRow;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEA,SAASA,OAAT,CAAiBC,KAAjB,EAAwB;EACpB,oBAAO,gCAAC,eAAD,EAASA,KAAT,EAAiBA,KAAK,CAACC,QAAvB,CAAP;AACH;;AAEDF,OAAO,CAACG,SAAR,GAAoB;EAAED,QAAQ,EAAEE,qBAAA,CAAUC;AAAtB,CAApB;eAEeL,O"}
+{"version":3,"file":"Row.js","names":["FormRow","props","children","propTypes","PropTypes","node"],"sources":["vtx-form-layout/Row.js"],"sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Row from 'antd/lib/row';\r\n\r\nfunction FormRow(props) {\r\n    return <Row {...props}>{props.children}</Row>;\r\n}\r\n\r\nFormRow.propTypes = { children: PropTypes.node };\r\n\r\nexport default FormRow;\r\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEA,SAASA,OAAT,CAAiBC,KAAjB,EAAwB;EACpB,oBAAO,gCAAC,eAAD,EAASA,KAAT,EAAiBA,KAAK,CAACC,QAAvB,CAAP;AACH;;AAEDF,OAAO,CAACG,SAAR,GAAoB;EAAED,QAAQ,EAAEE,qBAAA,CAAUC;AAAtB,CAApB;eAEeL,O"}

package/lib/vtx-form-layout/demo/Modal.less

@@ -1,43 +1,43 @@
-@import (reference) '~antd/lib/style/themes/index.less';
-
-.vtx-demo-modal {
-    position: relative;
-    background-color: @component-background;
-    background-clip: padding-box;
-    border: 1px solid @border-color-base;
-    border-radius: 4px;
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 15%);
-    pointer-events: auto;
-    &-header {
-        padding: 16px 24px;
-        color: rgba(0, 0, 0, 0.65);
-        background: @component-background;
-        border-bottom: 1px solid @border-color-base;
-        border-radius: 4px 4px 0 0;
-    }
-    &-title {
-        margin: 0;
-        color: @text-color;
-        font-weight: 500;
-        font-size: 16px;
-        line-height: 22px;
-        word-wrap: break-word;
-    }
-    &-body {
-        padding: 20px 24px;
-        font-size: 14px;
-        line-height: 1.5;
-        word-wrap: break-word;
-    }
-    &-footer {
-        padding: 10px 16px;
-        text-align: right;
-        background: transparent;
-        border-top: 1px solid @border-color-base;
-        border-radius: 0 0 4px 4px;
-        button + button {
-            margin-bottom: 0;
-            margin-left: 8px;
-        }
-    }
-}
+@import (reference) '~antd/lib/style/themes/index.less';
+
+.vtx-demo-modal {
+    position: relative;
+    background-color: @component-background;
+    background-clip: padding-box;
+    border: 1px solid @border-color-base;
+    border-radius: 4px;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 15%);
+    pointer-events: auto;
+    &-header {
+        padding: 16px 24px;
+        color: rgba(0, 0, 0, 0.65);
+        background: @component-background;
+        border-bottom: 1px solid @border-color-base;
+        border-radius: 4px 4px 0 0;
+    }
+    &-title {
+        margin: 0;
+        color: @text-color;
+        font-weight: 500;
+        font-size: 16px;
+        line-height: 22px;
+        word-wrap: break-word;
+    }
+    &-body {
+        padding: 20px 24px;
+        font-size: 14px;
+        line-height: 1.5;
+        word-wrap: break-word;
+    }
+    &-footer {
+        padding: 10px 16px;
+        text-align: right;
+        background: transparent;
+        border-top: 1px solid @border-color-base;
+        border-radius: 0 0 4px 4px;
+        button + button {
+            margin-bottom: 0;
+            margin-left: 8px;
+        }
+    }
+}

package/lib/vtx-form-layout/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["VtxFormLayout","props","cols","labelColSpan","mode","layout","card","skeleton","store","defaultSkeleton","loading","title","paragraph","width","rows","classnames","merge","children","propTypes","PropTypes","number","oneOf","node","bool","object","Row","FormItem","Card","Pane","Divider"],"sources":["vtx-form-layout/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport merge from 'lodash.merge';\nimport Skeleton from 'antd/lib/skeleton';\nimport Row from './Row';\nimport FormItem from './FormItem';\nimport Card from './Card';\nimport Pane from './Pane';\nimport Divider from './Divider';\nimport { StoreCtx } from './context';\n\nfunction VtxFormLayout(props) {\n    const { cols = 2, labelColSpan = 8, mode, layout = 'vertical', card, skeleton } = props;\n    const store = {\n        cols,\n        labelColSpan,\n        mode,\n        layout,\n    };\n    const defaultSkeleton = {\n        loading: false,\n        title: false,\n        paragraph: {\n            width: '100%',\n            rows: 4,\n        },\n    };\n    return (\n        <StoreCtx.Provider value={store}>\n            <div\n                className={classnames('vtx-form-layout', {\n                    'vtx-form-layout-vertical': layout === 'vertical' && mode !== 'view',\n                    'vtx-form-layout-view': mode === 'view',\n                    'vtx-form-layout-has-card': card,\n                })}\n            >\n                <Skeleton {...merge(defaultSkeleton, skeleton)}>{props.children}</Skeleton>\n            </div>\n        </StoreCtx.Provider>\n    );\n}\n\nVtxFormLayout.propTypes = {\n    cols: PropTypes.number,\n    labelColSpan: PropTypes.number,\n    mode: PropTypes.oneOf(['view']),\n    layout: PropTypes.oneOf(['horizontal', 'vertical']),\n    children: PropTypes.node,\n    card: PropTypes.bool,\n    skeleton: PropTypes.object,\n};\n\nVtxFormLayout.Row = Row;\nVtxFormLayout.FormItem = FormItem;\nVtxFormLayout.Card = Card;\nVtxFormLayout.Pane = Pane;\nVtxFormLayout.Divider = Divider;\n\nexport default VtxFormLayout;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,SAASA,aAAT,CAAuBC,KAAvB,EAA8B;EAC1B,kBAAkFA,KAAlF,CAAQC,IAAR;EAAA,IAAQA,IAAR,4BAAe,CAAf;EAAA,0BAAkFD,KAAlF,CAAkBE,YAAlB;EAAA,IAAkBA,YAAlB,oCAAiC,CAAjC;EAAA,IAAoCC,IAApC,GAAkFH,KAAlF,CAAoCG,IAApC;EAAA,oBAAkFH,KAAlF,CAA0CI,MAA1C;EAAA,IAA0CA,MAA1C,8BAAmD,UAAnD;EAAA,IAA+DC,IAA/D,GAAkFL,KAAlF,CAA+DK,IAA/D;EAAA,IAAqEC,QAArE,GAAkFN,KAAlF,CAAqEM,QAArE;EACA,IAAMC,KAAK,GAAG;IACVN,IAAI,EAAJA,IADU;IAEVC,YAAY,EAAZA,YAFU;IAGVC,IAAI,EAAJA,IAHU;IAIVC,MAAM,EAANA;EAJU,CAAd;EAMA,IAAMI,eAAe,GAAG;IACpBC,OAAO,EAAE,KADW;IAEpBC,KAAK,EAAE,KAFa;IAGpBC,SAAS,EAAE;MACPC,KAAK,EAAE,MADA;MAEPC,IAAI,EAAE;IAFC;EAHS,CAAxB;EAQA,oBACI,gCAAC,iBAAD,CAAU,QAAV;IAAmB,KAAK,EAAEN;EAA1B,gBACI;IACI,SAAS,EAAE,IAAAO,sBAAA,EAAW,iBAAX,EAA8B;MACrC,4BAA4BV,MAAM,KAAK,UAAX,IAAyBD,IAAI,KAAK,MADzB;MAErC,wBAAwBA,IAAI,KAAK,MAFI;MAGrC,4BAA4BE;IAHS,CAA9B;EADf,gBAOI,gCAAC,oBAAD,EAAc,IAAAU,kBAAA,EAAMP,eAAN,EAAuBF,QAAvB,CAAd,EAAiDN,KAAK,CAACgB,QAAvD,CAPJ,CADJ,CADJ;AAaH;;AAEDjB,aAAa,CAACkB,SAAd,GAA0B;EACtBhB,IAAI,EAAEiB,qBAAA,CAAUC,MADM;EAEtBjB,YAAY,EAAEgB,qBAAA,CAAUC,MAFF;EAGtBhB,IAAI,EAAEe,qBAAA,CAAUE,KAAV,CAAgB,CAAC,MAAD,CAAhB,CAHgB;EAItBhB,MAAM,EAAEc,qBAAA,CAAUE,KAAV,CAAgB,CAAC,YAAD,EAAe,UAAf,CAAhB,CAJc;EAKtBJ,QAAQ,EAAEE,qBAAA,CAAUG,IALE;EAMtBhB,IAAI,EAAEa,qBAAA,CAAUI,IANM;EAOtBhB,QAAQ,EAAEY,qBAAA,CAAUK;AAPE,CAA1B;AAUAxB,aAAa,CAACyB,GAAd,GAAoBA,eAApB;AACAzB,aAAa,CAAC0B,QAAd,GAAyBA,oBAAzB;AACA1B,aAAa,CAAC2B,IAAd,GAAqBA,gBAArB;AACA3B,aAAa,CAAC4B,IAAd,GAAqBA,gBAArB;AACA5B,aAAa,CAAC6B,OAAd,GAAwBA,mBAAxB;eAEe7B,a"}
+{"version":3,"file":"index.js","names":["VtxFormLayout","props","cols","labelColSpan","mode","layout","card","skeleton","store","defaultSkeleton","loading","title","paragraph","width","rows","classnames","merge","children","propTypes","PropTypes","number","oneOf","node","bool","object","Row","FormItem","Card","Pane","Divider"],"sources":["vtx-form-layout/index.jsx"],"sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classnames from 'classnames';\r\nimport merge from 'lodash.merge';\r\nimport Skeleton from 'antd/lib/skeleton';\r\nimport Row from './Row';\r\nimport FormItem from './FormItem';\r\nimport Card from './Card';\r\nimport Pane from './Pane';\r\nimport Divider from './Divider';\r\nimport { StoreCtx } from './context';\r\n\r\nfunction VtxFormLayout(props) {\r\n    const { cols = 2, labelColSpan = 8, mode, layout = 'vertical', card, skeleton } = props;\r\n    const store = {\r\n        cols,\r\n        labelColSpan,\r\n        mode,\r\n        layout,\r\n    };\r\n    const defaultSkeleton = {\r\n        loading: false,\r\n        title: false,\r\n        paragraph: {\r\n            width: '100%',\r\n            rows: 4,\r\n        },\r\n    };\r\n    return (\r\n        <StoreCtx.Provider value={store}>\r\n            <div\r\n                className={classnames('vtx-form-layout', {\r\n                    'vtx-form-layout-vertical': layout === 'vertical' && mode !== 'view',\r\n                    'vtx-form-layout-view': mode === 'view',\r\n                    'vtx-form-layout-has-card': card,\r\n                })}\r\n            >\r\n                <Skeleton {...merge(defaultSkeleton, skeleton)}>{props.children}</Skeleton>\r\n            </div>\r\n        </StoreCtx.Provider>\r\n    );\r\n}\r\n\r\nVtxFormLayout.propTypes = {\r\n    cols: PropTypes.number,\r\n    labelColSpan: PropTypes.number,\r\n    mode: PropTypes.oneOf(['view']),\r\n    layout: PropTypes.oneOf(['horizontal', 'vertical']),\r\n    children: PropTypes.node,\r\n    card: PropTypes.bool,\r\n    skeleton: PropTypes.object,\r\n};\r\n\r\nVtxFormLayout.Row = Row;\r\nVtxFormLayout.FormItem = FormItem;\r\nVtxFormLayout.Card = Card;\r\nVtxFormLayout.Pane = Pane;\r\nVtxFormLayout.Divider = Divider;\r\n\r\nexport default VtxFormLayout;\r\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,SAASA,aAAT,CAAuBC,KAAvB,EAA8B;EAC1B,kBAAkFA,KAAlF,CAAQC,IAAR;EAAA,IAAQA,IAAR,4BAAe,CAAf;EAAA,0BAAkFD,KAAlF,CAAkBE,YAAlB;EAAA,IAAkBA,YAAlB,oCAAiC,CAAjC;EAAA,IAAoCC,IAApC,GAAkFH,KAAlF,CAAoCG,IAApC;EAAA,oBAAkFH,KAAlF,CAA0CI,MAA1C;EAAA,IAA0CA,MAA1C,8BAAmD,UAAnD;EAAA,IAA+DC,IAA/D,GAAkFL,KAAlF,CAA+DK,IAA/D;EAAA,IAAqEC,QAArE,GAAkFN,KAAlF,CAAqEM,QAArE;EACA,IAAMC,KAAK,GAAG;IACVN,IAAI,EAAJA,IADU;IAEVC,YAAY,EAAZA,YAFU;IAGVC,IAAI,EAAJA,IAHU;IAIVC,MAAM,EAANA;EAJU,CAAd;EAMA,IAAMI,eAAe,GAAG;IACpBC,OAAO,EAAE,KADW;IAEpBC,KAAK,EAAE,KAFa;IAGpBC,SAAS,EAAE;MACPC,KAAK,EAAE,MADA;MAEPC,IAAI,EAAE;IAFC;EAHS,CAAxB;EAQA,oBACI,gCAAC,iBAAD,CAAU,QAAV;IAAmB,KAAK,EAAEN;EAA1B,gBACI;IACI,SAAS,EAAE,IAAAO,sBAAA,EAAW,iBAAX,EAA8B;MACrC,4BAA4BV,MAAM,KAAK,UAAX,IAAyBD,IAAI,KAAK,MADzB;MAErC,wBAAwBA,IAAI,KAAK,MAFI;MAGrC,4BAA4BE;IAHS,CAA9B;EADf,gBAOI,gCAAC,oBAAD,EAAc,IAAAU,kBAAA,EAAMP,eAAN,EAAuBF,QAAvB,CAAd,EAAiDN,KAAK,CAACgB,QAAvD,CAPJ,CADJ,CADJ;AAaH;;AAEDjB,aAAa,CAACkB,SAAd,GAA0B;EACtBhB,IAAI,EAAEiB,qBAAA,CAAUC,MADM;EAEtBjB,YAAY,EAAEgB,qBAAA,CAAUC,MAFF;EAGtBhB,IAAI,EAAEe,qBAAA,CAAUE,KAAV,CAAgB,CAAC,MAAD,CAAhB,CAHgB;EAItBhB,MAAM,EAAEc,qBAAA,CAAUE,KAAV,CAAgB,CAAC,YAAD,EAAe,UAAf,CAAhB,CAJc;EAKtBJ,QAAQ,EAAEE,qBAAA,CAAUG,IALE;EAMtBhB,IAAI,EAAEa,qBAAA,CAAUI,IANM;EAOtBhB,QAAQ,EAAEY,qBAAA,CAAUK;AAPE,CAA1B;AAUAxB,aAAa,CAACyB,GAAd,GAAoBA,eAApB;AACAzB,aAAa,CAAC0B,QAAd,GAAyBA,oBAAzB;AACA1B,aAAa,CAAC2B,IAAd,GAAqBA,gBAArB;AACA3B,aAAa,CAAC4B,IAAd,GAAqBA,gBAArB;AACA5B,aAAa,CAAC6B,OAAd,GAAwBA,mBAAxB;eAEe7B,a"}

package/lib/vtx-form-layout/style/css.js.map

@@ -1 +1 @@
-{"version":3,"file":"css.js","names":[],"sources":["vtx-form-layout/style/index.js"],"sourcesContent":["import 'antd/lib/row/style';\nimport 'antd/lib/col/style';\nimport 'antd/lib/form/style';\nimport 'antd/lib/tooltip/style';\nimport 'antd/lib/card/style';\nimport 'antd/lib/divider/style';\nimport 'antd/lib/skeleton/style';\nimport './index.less';\n"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA"}
+{"version":3,"file":"css.js","names":[],"sources":["vtx-form-layout/style/index.js"],"sourcesContent":["import 'antd/lib/row/style';\r\nimport 'antd/lib/col/style';\r\nimport 'antd/lib/form/style';\r\nimport 'antd/lib/tooltip/style';\r\nimport 'antd/lib/card/style';\r\nimport 'antd/lib/divider/style';\r\nimport 'antd/lib/skeleton/style';\r\nimport './index.less';\r\n"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA"}

package/lib/vtx-form-layout/style/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["vtx-form-layout/style/index.js"],"sourcesContent":["import 'antd/lib/row/style';\nimport 'antd/lib/col/style';\nimport 'antd/lib/form/style';\nimport 'antd/lib/tooltip/style';\nimport 'antd/lib/card/style';\nimport 'antd/lib/divider/style';\nimport 'antd/lib/skeleton/style';\nimport './index.less';\n"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA"}
+{"version":3,"file":"index.js","names":[],"sources":["vtx-form-layout/style/index.js"],"sourcesContent":["import 'antd/lib/row/style';\r\nimport 'antd/lib/col/style';\r\nimport 'antd/lib/form/style';\r\nimport 'antd/lib/tooltip/style';\r\nimport 'antd/lib/card/style';\r\nimport 'antd/lib/divider/style';\r\nimport 'antd/lib/skeleton/style';\r\nimport './index.less';\r\n"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA"}

package/lib/vtx-form-layout/style/index.less

@@ -1,216 +1,216 @@
-@import (reference) '~antd/lib/style/themes/index.less';
-
-@view-item-margin-bottom: 16px;
-
-.vtx-form-layout {
-    position: relative;
-    display: flex;
-    flex-flow: row wrap;
-    width: 100%;
-    padding: 0 @padding-lg;
-    overflow: hidden;
-    .vtx-form-item {
-        .ant-form-item-label {
-            text-overflow: ellipsis;
-            label::after {
-                content: '';
-            }
-        }
-        &-vertical {
-            flex-direction: column;
-            .ant-form-item-row {
-                flex-direction: column;
-                margin-bottom: 20px;
-            }
-            .ant-form-item-label,
-            .ant-form-item-control {
-                line-height: @line-height-base;
-            }
-            .ant-form-item-label {
-                margin-bottom: 8px;
-                padding: 0 !important;
-                white-space: initial;
-                text-align: left;
-                label {
-                    height: auto;
-                }
-            }
-        }
-        .ant-form-item-explain {
-            font-size: @font-size-sm;
-        }
-        &--inline {
-            flex: none;
-            flex-direction: row;
-            flex-wrap: nowrap;
-            margin-right: 16px;
-            margin-bottom: @view-item-margin-bottom !important;
-            row-gap: 0;
-            .ant-form-item-control-input {
-                min-height: auto;
-            }
-            .ant-form-item-label {
-                flex: none;
-                margin-bottom: 0;
-                & > label {
-                    height: auto;
-                    color: @text-color;
-                }
-                label::after {
-                    content: ':';
-                }
-            }
-        }
-        &--view {
-            .ant-form-item-label,
-            .ant-form-item-control {
-                line-height: @line-height-base;
-            }
-            .ant-form-item-label {
-                & > label {
-                    height: auto;
-                    color: @text-color;
-                }
-                label::after {
-                    content: ':';
-                }
-            }
-            .ant-form-item-control {
-                color: @text-color;
-                .ant-form-item-control-input {
-                    min-height: auto;
-                }
-            }
-        }
-    }
-    .vtx-form-item-col {
-        .ant-form-item {
-            margin-bottom: 20px;
-        }
-        .vtx-form-item--view {
-            margin-bottom: 0;
-        }
-        .ant-form-item-with-help {
-            margin-bottom: 0;
-        }
-        .ant-form-item-explain {
-            min-height: 20px;
-        }
-    }
-    .vtx-form-card {
-        position: relative;
-        width: 100%;
-        overflow: hidden;
-        &-expand-icon {
-            color: fade(@text-color, 75%);
-            transition: transform 0.24s, -webkit-transform 0.24s;
-        }
-        .ant-card-body {
-            padding: 0;
-        }
-        .ant-card-head-wrapper,
-        .ant-card-head-title {
-            font-weight: bold;
-            line-height: 1;
-        }
-        &-content {
-            display: flex;
-            flex-flow: row wrap;
-            padding: 20px 24px;
-            padding-bottom: 0;
-            &::after {
-                clear: both;
-            }
-            &::before,
-            &::after {
-                display: table;
-                content: '';
-            }
-        }
-        &-content-hide {
-            display: none;
-        }
-    }
-    .vtx-form-card + .vtx-form-card {
-        margin-top: 20px;
-    }
-    .vtx-form-pane {
-        position: relative;
-        box-sizing: border-box;
-        width: 100%;
-        &::after {
-            clear: both;
-        }
-        &::before,
-        &::after {
-            display: table;
-            content: '';
-        }
-        &-title {
-            margin-bottom: 16px;
-            overflow: hidden;
-            color: @text-color;
-            font-weight: 500;
-            line-height: @line-height-base;
-            list-style: none;
-        }
-        &-content {
-            display: flex;
-            flex-flow: row wrap;
-            &::after {
-                clear: both;
-            }
-            &::before,
-            &::after {
-                display: table;
-                content: '';
-            }
-        }
-    }
-    .vtx-form-divider {
-        margin: 0;
-        margin-bottom: 20px;
-        &--small {
-            margin-bottom: 16px;
-        }
-    }
-    .vtx-form-tabs {
-        width: 100%;
-        .ant-tabs-bar {
-            padding-right: @padding-sm;
-            padding-left: @padding-sm;
-            border-bottom: none;
-        }
-        .ant-tabs-tab {
-            padding: 5px 0 10px 0;
-        }
-    }
-    &-vertical {
-        padding: 0 @padding-sm;
-        .vtx-form-item-col {
-            padding-right: @padding-sm;
-            padding-left: @padding-sm;
-        }
-        .vtx-form-card-content {
-            padding: 20px @padding-sm;
-            padding-bottom: 0;
-        }
-        .vtx-form-pane-title {
-            padding: 0 @padding-sm;
-        }
-    }
-    &-has-card {
-        padding: 0;
-        .vtx-form-tabs .ant-tabs-bar {
-            padding: 0 @padding-lg;
-        }
-    }
-    &-view {
-        .vtx-form-item-col {
-            margin-bottom: @view-item-margin-bottom;
-        }
-        .vtx-form-divider {
-            margin-bottom: @view-item-margin-bottom;
-        }
-    }
-}
+@import (reference) '~antd/lib/style/themes/index.less';
+
+@view-item-margin-bottom: 16px;
+
+.vtx-form-layout {
+    position: relative;
+    display: flex;
+    flex-flow: row wrap;
+    width: 100%;
+    padding: 0 @padding-lg;
+    overflow: hidden;
+    .vtx-form-item {
+        .ant-form-item-label {
+            text-overflow: ellipsis;
+            label::after {
+                content: '';
+            }
+        }
+        &-vertical {
+            flex-direction: column;
+            .ant-form-item-row {
+                flex-direction: column;
+                margin-bottom: 20px;
+            }
+            .ant-form-item-label,
+            .ant-form-item-control {
+                line-height: @line-height-base;
+            }
+            .ant-form-item-label {
+                margin-bottom: 8px;
+                padding: 0 !important;
+                white-space: initial;
+                text-align: left;
+                label {
+                    height: auto;
+                }
+            }
+        }
+        .ant-form-item-explain {
+            font-size: @font-size-sm;
+        }
+        &--inline {
+            flex: none;
+            flex-direction: row;
+            flex-wrap: nowrap;
+            margin-right: 16px;
+            margin-bottom: @view-item-margin-bottom !important;
+            row-gap: 0;
+            .ant-form-item-control-input {
+                min-height: auto;
+            }
+            .ant-form-item-label {
+                flex: none;
+                margin-bottom: 0;
+                & > label {
+                    height: auto;
+                    color: @text-color;
+                }
+                label::after {
+                    content: ':';
+                }
+            }
+        }
+        &--view {
+            .ant-form-item-label,
+            .ant-form-item-control {
+                line-height: @line-height-base;
+            }
+            .ant-form-item-label {
+                & > label {
+                    height: auto;
+                    color: @text-color;
+                }
+                label::after {
+                    content: ':';
+                }
+            }
+            .ant-form-item-control {
+                color: @text-color;
+                .ant-form-item-control-input {
+                    min-height: auto;
+                }
+            }
+        }
+    }
+    .vtx-form-item-col {
+        .ant-form-item {
+            margin-bottom: 20px;
+        }
+        .vtx-form-item--view {
+            margin-bottom: 0;
+        }
+        .ant-form-item-with-help {
+            margin-bottom: 0;
+        }
+        .ant-form-item-explain {
+            min-height: 20px;
+        }
+    }
+    .vtx-form-card {
+        position: relative;
+        width: 100%;
+        overflow: hidden;
+        &-expand-icon {
+            color: fade(@text-color, 75%);
+            transition: transform 0.24s, -webkit-transform 0.24s;
+        }
+        .ant-card-body {
+            padding: 0;
+        }
+        .ant-card-head-wrapper,
+        .ant-card-head-title {
+            font-weight: bold;
+            line-height: 1;
+        }
+        &-content {
+            display: flex;
+            flex-flow: row wrap;
+            padding: 20px 24px;
+            padding-bottom: 0;
+            &::after {
+                clear: both;
+            }
+            &::before,
+            &::after {
+                display: table;
+                content: '';
+            }
+        }
+        &-content-hide {
+            display: none;
+        }
+    }
+    .vtx-form-card + .vtx-form-card {
+        margin-top: 20px;
+    }
+    .vtx-form-pane {
+        position: relative;
+        box-sizing: border-box;
+        width: 100%;
+        &::after {
+            clear: both;
+        }
+        &::before,
+        &::after {
+            display: table;
+            content: '';
+        }
+        &-title {
+            margin-bottom: 16px;
+            overflow: hidden;
+            color: @text-color;
+            font-weight: 500;
+            line-height: @line-height-base;
+            list-style: none;
+        }
+        &-content {
+            display: flex;
+            flex-flow: row wrap;
+            &::after {
+                clear: both;
+            }
+            &::before,
+            &::after {
+                display: table;
+                content: '';
+            }
+        }
+    }
+    .vtx-form-divider {
+        margin: 0;
+        margin-bottom: 20px;
+        &--small {
+            margin-bottom: 16px;
+        }
+    }
+    .vtx-form-tabs {
+        width: 100%;
+        .ant-tabs-bar {
+            padding-right: @padding-sm;
+            padding-left: @padding-sm;
+            border-bottom: none;
+        }
+        .ant-tabs-tab {
+            padding: 5px 0 10px 0;
+        }
+    }
+    &-vertical {
+        padding: 0 @padding-sm;
+        .vtx-form-item-col {
+            padding-right: @padding-sm;
+            padding-left: @padding-sm;
+        }
+        .vtx-form-card-content {
+            padding: 20px @padding-sm;
+            padding-bottom: 0;
+        }
+        .vtx-form-pane-title {
+            padding: 0 @padding-sm;
+        }
+    }
+    &-has-card {
+        padding: 0;
+        .vtx-form-tabs .ant-tabs-bar {
+            padding: 0 @padding-lg;
+        }
+    }
+    &-view {
+        .vtx-form-item-col {
+            margin-bottom: @view-item-margin-bottom;
+        }
+        .vtx-form-divider {
+            margin-bottom: @view-item-margin-bottom;
+        }
+    }
+}