@vtx/components 3.1.97 → 3.1.99
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/_util/filterSpecialCharacters.js +44 -55
- package/lib/_util/filterSpecialCharacters.js.map +1 -1
- package/lib/_util/getComponentProps.js +4 -1
- package/lib/_util/getComponentProps.js.map +1 -1
- package/lib/_util/getToken.js +15 -7
- package/lib/_util/getToken.js.map +1 -1
- package/lib/_util/getUrlParam.js +8 -1
- package/lib/_util/getUrlParam.js.map +1 -1
- package/lib/_util/isFunction.js +1 -0
- package/lib/_util/isFunction.js.map +1 -1
- package/lib/_util/isObject.js +1 -0
- package/lib/_util/isObject.js.map +1 -1
- package/lib/_util/useColSize.js +12 -2
- package/lib/_util/useColSize.js.map +1 -1
- package/lib/_util/useInterval.js +3 -0
- package/lib/_util/useInterval.js.map +1 -1
- package/lib/_util/useSet.js +39 -23
- package/lib/_util/useSet.js.map +1 -1
- package/lib/config.js +2 -1
- package/lib/config.js.map +1 -1
- package/lib/index.js +29 -0
- package/lib/index.js.map +1 -1
- package/lib/style/index.less +2 -2
- package/lib/style/themes/compact.less +1 -1
- package/lib/style/themes/dark.less +9 -9
- package/lib/style/themes/default.less +7 -7
- package/lib/style/themes/index.less +1 -1
- package/lib/style/themes/variable.less +5 -5
- package/lib/vtx-color-picker/index.js +28 -11
- package/lib/vtx-color-picker/index.js.map +1 -1
- package/lib/vtx-color-picker/style/css.js +2 -0
- package/lib/vtx-color-picker/style/css.js.map +1 -1
- package/lib/vtx-color-picker/style/index.js +2 -0
- package/lib/vtx-color-picker/style/index.js.map +1 -1
- package/lib/vtx-combogrid/Combogrid.js +86 -46
- package/lib/vtx-combogrid/Combogrid.js.map +1 -1
- package/lib/vtx-combogrid/index.js +58 -32
- package/lib/vtx-combogrid/index.js.map +1 -1
- package/lib/vtx-combogrid/style/css.js +7 -0
- package/lib/vtx-combogrid/style/css.js.map +1 -1
- package/lib/vtx-combogrid/style/index.js +7 -0
- package/lib/vtx-combogrid/style/index.js.map +1 -1
- package/lib/vtx-datagrid/Alert.js +14 -5
- package/lib/vtx-datagrid/Alert.js.map +1 -1
- package/lib/vtx-datagrid/ColumnSetting.js +76 -37
- package/lib/vtx-datagrid/ColumnSetting.js.map +1 -1
- package/lib/vtx-datagrid/ResizeableTitle.js +15 -3
- package/lib/vtx-datagrid/ResizeableTitle.js.map +1 -1
- package/lib/vtx-datagrid/index.js +186 -115
- package/lib/vtx-datagrid/index.js.map +1 -1
- package/lib/vtx-datagrid/renderColumnButtons.js +38 -7
- package/lib/vtx-datagrid/renderColumnButtons.js.map +1 -1
- package/lib/vtx-datagrid/style/css.js +10 -0
- package/lib/vtx-datagrid/style/css.js.map +1 -1
- package/lib/vtx-datagrid/style/index.js +10 -0
- package/lib/vtx-datagrid/style/index.js.map +1 -1
- package/lib/vtx-date-picker/QdatePicker.js +51 -21
- package/lib/vtx-date-picker/QdatePicker.js.map +1 -1
- package/lib/vtx-date-picker/generatePicker.js +65 -24
- package/lib/vtx-date-picker/generatePicker.js.map +1 -1
- package/lib/vtx-date-picker/index.js +7 -1
- package/lib/vtx-date-picker/index.js.map +1 -1
- package/lib/vtx-date-picker/style/css.js +1 -0
- package/lib/vtx-date-picker/style/css.js.map +1 -1
- package/lib/vtx-date-picker/style/index.js +1 -0
- package/lib/vtx-date-picker/style/index.js.map +1 -1
- package/lib/vtx-date-picker/style/index.less +39 -39
- package/lib/vtx-editor/index.js +28 -9
- package/lib/vtx-editor/index.js.map +1 -1
- package/lib/vtx-editor/style/css.js +1 -0
- package/lib/vtx-editor/style/css.js.map +1 -1
- package/lib/vtx-editor/style/index.js +1 -0
- package/lib/vtx-editor/style/index.js.map +1 -1
- package/lib/vtx-editor/style/index.less +8 -8
- package/lib/vtx-ellipsis-text/index.js +27 -14
- package/lib/vtx-ellipsis-text/index.js.map +1 -1
- package/lib/vtx-ellipsis-text/style/css.js +1 -0
- package/lib/vtx-ellipsis-text/style/css.js.map +1 -1
- package/lib/vtx-ellipsis-text/style/index.js +1 -0
- package/lib/vtx-ellipsis-text/style/index.js.map +1 -1
- package/lib/vtx-ellipsis-text/style/index.less +13 -13
- package/lib/vtx-export/index.js +69 -36
- package/lib/vtx-export/index.js.map +1 -1
- package/lib/vtx-export/style/css.js +5 -0
- package/lib/vtx-export/style/css.js.map +1 -1
- package/lib/vtx-export/style/index.js +5 -0
- package/lib/vtx-export/style/index.js.map +1 -1
- package/lib/vtx-export-async/History.js +100 -59
- package/lib/vtx-export-async/History.js.map +1 -1
- package/lib/vtx-export-async/index.js +105 -64
- package/lib/vtx-export-async/index.js.map +1 -1
- package/lib/vtx-export-async/style/css.js.map +1 -1
- package/lib/vtx-export-async/style/index.js.map +1 -1
- package/lib/vtx-export-async/util.js +13 -2
- package/lib/vtx-export-async/util.js.map +1 -1
- package/lib/vtx-form-layout/Card.js +33 -11
- package/lib/vtx-form-layout/Card.js.map +1 -1
- package/lib/vtx-form-layout/Divider.js +11 -5
- package/lib/vtx-form-layout/Divider.js.map +1 -1
- package/lib/vtx-form-layout/FormItem.js +34 -12
- package/lib/vtx-form-layout/FormItem.js.map +1 -1
- package/lib/vtx-form-layout/Pane.js +9 -3
- package/lib/vtx-form-layout/Pane.js.map +1 -1
- package/lib/vtx-form-layout/Row.js +8 -1
- package/lib/vtx-form-layout/Row.js.map +1 -1
- package/lib/vtx-form-layout/context.js +4 -1
- package/lib/vtx-form-layout/context.js.map +1 -1
- package/lib/vtx-form-layout/demo/Modal.less +43 -43
- package/lib/vtx-form-layout/index.js +24 -9
- package/lib/vtx-form-layout/index.js.map +1 -1
- package/lib/vtx-form-layout/style/css.js +7 -0
- package/lib/vtx-form-layout/style/css.js.map +1 -1
- package/lib/vtx-form-layout/style/index.js +7 -0
- package/lib/vtx-form-layout/style/index.js.map +1 -1
- package/lib/vtx-form-layout/style/index.less +216 -216
- package/lib/vtx-image/Image.js +113 -73
- package/lib/vtx-image/Image.js.map +1 -1
- package/lib/vtx-image/Preview.js +59 -30
- package/lib/vtx-image/Preview.js.map +1 -1
- package/lib/vtx-image/PreviewGroup.js +47 -17
- package/lib/vtx-image/PreviewGroup.js.map +1 -1
- package/lib/vtx-image/index.js +11 -4
- package/lib/vtx-image/index.js.map +1 -1
- package/lib/vtx-image/style/css.js +1 -0
- package/lib/vtx-image/style/css.js.map +1 -1
- package/lib/vtx-image/style/index.js +1 -0
- package/lib/vtx-image/style/index.js.map +1 -1
- package/lib/vtx-import/index.js +78 -45
- package/lib/vtx-import/index.js.map +1 -1
- package/lib/vtx-import/result.js +28 -10
- package/lib/vtx-import/result.js.map +1 -1
- package/lib/vtx-import/style/css.js +3 -0
- package/lib/vtx-import/style/css.js.map +1 -1
- package/lib/vtx-import/style/index.js +3 -0
- package/lib/vtx-import/style/index.js.map +1 -1
- package/lib/vtx-import/style/index.less +8 -8
- package/lib/vtx-import2/CheckResult.js +8 -1
- package/lib/vtx-import2/CheckResult.js.map +1 -1
- package/lib/vtx-import2/Content.js +33 -11
- package/lib/vtx-import2/Content.js.map +1 -1
- package/lib/vtx-import2/DownloadSvg.js +6 -1
- package/lib/vtx-import2/DownloadSvg.js.map +1 -1
- package/lib/vtx-import2/ImportResult.js +14 -7
- package/lib/vtx-import2/ImportResult.js.map +1 -1
- package/lib/vtx-import2/UploadSvg.js +6 -1
- package/lib/vtx-import2/UploadSvg.js.map +1 -1
- package/lib/vtx-import2/index.js +107 -51
- package/lib/vtx-import2/index.js.map +1 -1
- package/lib/vtx-import2/style/css.js +3 -0
- package/lib/vtx-import2/style/css.js.map +1 -1
- package/lib/vtx-import2/style/index.js +3 -0
- package/lib/vtx-import2/style/index.js.map +1 -1
- package/lib/vtx-import2/style/index.less +102 -102
- package/lib/vtx-input/TextArea.js +27 -10
- package/lib/vtx-input/TextArea.js.map +1 -1
- package/lib/vtx-input/index.js +45 -20
- package/lib/vtx-input/index.js.map +1 -1
- package/lib/vtx-input/style/css.js +1 -0
- package/lib/vtx-input/style/css.js.map +1 -1
- package/lib/vtx-input/style/index.js +1 -0
- package/lib/vtx-input/style/index.js.map +1 -1
- package/lib/vtx-input/style/index.less +24 -24
- package/lib/vtx-input/useLength.js +20 -7
- package/lib/vtx-input/useLength.js.map +1 -1
- package/lib/vtx-modal/Title.js +8 -2
- package/lib/vtx-modal/Title.js.map +1 -1
- package/lib/vtx-modal/index.js +82 -49
- package/lib/vtx-modal/index.js.map +1 -1
- package/lib/vtx-modal/style/css.js +1 -0
- package/lib/vtx-modal/style/css.js.map +1 -1
- package/lib/vtx-modal/style/index.js +1 -0
- package/lib/vtx-modal/style/index.js.map +1 -1
- package/lib/vtx-page-layout/Basic.js +8 -3
- package/lib/vtx-page-layout/Basic.js.map +1 -1
- package/lib/vtx-page-layout/Content.js +26 -15
- package/lib/vtx-page-layout/Content.js.map +1 -1
- package/lib/vtx-page-layout/Pane.js +12 -3
- package/lib/vtx-page-layout/Pane.js.map +1 -1
- package/lib/vtx-page-layout/TableLayout.js +60 -30
- package/lib/vtx-page-layout/TableLayout.js.map +1 -1
- package/lib/vtx-page-layout/TableWrap.js +22 -11
- package/lib/vtx-page-layout/TableWrap.js.map +1 -1
- package/lib/vtx-page-layout/container.js +51 -23
- package/lib/vtx-page-layout/container.js.map +1 -1
- package/lib/vtx-page-layout/index.js +10 -1
- package/lib/vtx-page-layout/index.js.map +1 -1
- package/lib/vtx-page-layout/style/css.js.map +1 -1
- package/lib/vtx-page-layout/style/index.js.map +1 -1
- package/lib/vtx-page-layout/style/index.less +138 -138
- package/lib/vtx-rps-frame/index.js +57 -37
- package/lib/vtx-rps-frame/index.js.map +1 -1
- package/lib/vtx-rps-frame/style/css.js.map +1 -1
- package/lib/vtx-rps-frame/style/index.js.map +1 -1
- package/lib/vtx-scrollable-row/index.js +64 -30
- package/lib/vtx-scrollable-row/index.js.map +1 -1
- package/lib/vtx-scrollable-row/style/css.js.map +1 -1
- package/lib/vtx-scrollable-row/style/index.js.map +1 -1
- package/lib/vtx-scrollable-row/style/index.less +113 -113
- package/lib/vtx-search/VtxCol.js +26 -7
- package/lib/vtx-search/VtxCol.js.map +1 -1
- package/lib/vtx-search/VtxRow.js +14 -7
- package/lib/vtx-search/VtxRow.js.map +1 -1
- package/lib/vtx-search/index.js +106 -61
- package/lib/vtx-search/index.js.map +1 -1
- package/lib/vtx-search/style/css.js +4 -0
- package/lib/vtx-search/style/css.js.map +1 -1
- package/lib/vtx-search/style/index.js +4 -0
- package/lib/vtx-search/style/index.js.map +1 -1
- package/lib/vtx-search-map-input/index.js +93 -58
- package/lib/vtx-search-map-input/index.js.map +1 -1
- package/lib/vtx-search-map-input/style/css.js +2 -0
- package/lib/vtx-search-map-input/style/css.js.map +1 -1
- package/lib/vtx-search-map-input/style/index.js +2 -0
- package/lib/vtx-search-map-input/style/index.js.map +1 -1
- package/lib/vtx-select/index.js +91 -39
- package/lib/vtx-select/index.js.map +1 -1
- package/lib/vtx-select/style/css.js +8 -0
- package/lib/vtx-select/style/css.js.map +1 -1
- package/lib/vtx-select/style/index.js +8 -0
- package/lib/vtx-select/style/index.js.map +1 -1
- package/lib/vtx-select/style/index.less +68 -68
- package/lib/vtx-signature/index.js +33 -18
- package/lib/vtx-signature/index.js.map +1 -1
- package/lib/vtx-signature/style/css.js +2 -0
- package/lib/vtx-signature/style/css.js.map +1 -1
- package/lib/vtx-signature/style/index.js +2 -0
- package/lib/vtx-signature/style/index.js.map +1 -1
- package/lib/vtx-signature/style/index.less +33 -33
- package/lib/vtx-split-pane/Pane.js +22 -11
- package/lib/vtx-split-pane/Pane.js.map +1 -1
- package/lib/vtx-split-pane/Resizer.js +39 -19
- package/lib/vtx-split-pane/Resizer.js.map +1 -1
- package/lib/vtx-split-pane/SplitPane.js +107 -51
- package/lib/vtx-split-pane/SplitPane.js.map +1 -1
- package/lib/vtx-split-pane/index.js +6 -1
- package/lib/vtx-split-pane/index.js.map +1 -1
- package/lib/vtx-split-pane/style/css.js +3 -0
- package/lib/vtx-split-pane/style/css.js.map +1 -1
- package/lib/vtx-split-pane/style/index.js +3 -0
- package/lib/vtx-split-pane/style/index.js.map +1 -1
- package/lib/vtx-split-pane/style/index.less +76 -76
- package/lib/vtx-statistics-column/Back.js +9 -2
- package/lib/vtx-statistics-column/Back.js.map +1 -1
- package/lib/vtx-statistics-column/Item.js +30 -14
- package/lib/vtx-statistics-column/Item.js.map +1 -1
- package/lib/vtx-statistics-column/Total.js +30 -14
- package/lib/vtx-statistics-column/Total.js.map +1 -1
- package/lib/vtx-statistics-column/context.js +4 -1
- package/lib/vtx-statistics-column/context.js.map +1 -1
- package/lib/vtx-statistics-column/index.js +18 -1
- package/lib/vtx-statistics-column/index.js.map +1 -1
- package/lib/vtx-statistics-column/style/css.js +1 -0
- package/lib/vtx-statistics-column/style/css.js.map +1 -1
- package/lib/vtx-statistics-column/style/index.js +1 -0
- package/lib/vtx-statistics-column/style/index.js.map +1 -1
- package/lib/vtx-statistics-column/style/index.less +59 -59
- package/lib/vtx-time-picker/index.js +18 -4
- package/lib/vtx-time-picker/index.js.map +1 -1
- package/lib/vtx-time-picker/style/css.js.map +1 -1
- package/lib/vtx-time-picker/style/index.js.map +1 -1
- package/lib/vtx-tree/index.js +114 -49
- package/lib/vtx-tree/index.js.map +1 -1
- package/lib/vtx-tree/style/css.js +2 -0
- package/lib/vtx-tree/style/css.js.map +1 -1
- package/lib/vtx-tree/style/index.js +2 -0
- package/lib/vtx-tree/style/index.js.map +1 -1
- package/lib/vtx-tree/utils.js +27 -6
- package/lib/vtx-tree/utils.js.map +1 -1
- package/lib/vtx-tree-select/index.js +71 -27
- package/lib/vtx-tree-select/index.js.map +1 -1
- package/lib/vtx-tree-select/style/css.js +3 -0
- package/lib/vtx-tree-select/style/css.js.map +1 -1
- package/lib/vtx-tree-select/style/index.js +3 -0
- package/lib/vtx-tree-select/style/index.js.map +1 -1
- package/lib/vtx-upload/FilePreview.js +33 -15
- package/lib/vtx-upload/FilePreview.js.map +1 -1
- package/lib/vtx-upload/index.js +156 -79
- package/lib/vtx-upload/index.js.map +1 -1
- package/lib/vtx-upload/style/css.js +6 -0
- package/lib/vtx-upload/style/css.js.map +1 -1
- package/lib/vtx-upload/style/index.js +6 -0
- package/lib/vtx-upload/style/index.js.map +1 -1
- package/lib/vtx-upload/style/index.less +61 -61
- package/lib/vtx-wang-editor/index.js +116 -74
- package/lib/vtx-wang-editor/index.js.map +1 -1
- package/lib/vtx-wang-editor/style/css.js +1 -0
- package/lib/vtx-wang-editor/style/css.js.map +1 -1
- package/lib/vtx-wang-editor/style/index.js +1 -0
- package/lib/vtx-wang-editor/style/index.js.map +1 -1
- package/lib/vtx-wang-editor/style/index.less +12 -12
- package/lib/vtx-wang-editor/wangEditorUtil.js +136 -75
- package/lib/vtx-wang-editor/wangEditorUtil.js.map +1 -1
- package/lib/vtx-ztree/index.js +119 -69
- package/lib/vtx-ztree/index.js.map +1 -1
- package/lib/vtx-ztree/style/css.js +1 -0
- package/lib/vtx-ztree/style/css.js.map +1 -1
- package/lib/vtx-ztree/style/index.js +1 -0
- package/lib/vtx-ztree/style/index.js.map +1 -1
- package/lib/vtx-ztree/style/index.less +45 -45
- package/lib/vtx-ztree-select/index.js +143 -74
- package/lib/vtx-ztree-select/index.js.map +1 -1
- package/lib/vtx-ztree-select/style/css.js +3 -0
- package/lib/vtx-ztree-select/style/css.js.map +1 -1
- package/lib/vtx-ztree-select/style/index.js +3 -0
- package/lib/vtx-ztree-select/style/index.js.map +1 -1
- package/lib/vtx-ztree-select/style/index.less +109 -109
- package/package.json +121 -121
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","names":["
|
|
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"}
|
|
@@ -4,23 +4,29 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
+
|
|
7
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
8
10
|
var _divider = _interopRequireDefault(require("antd/lib/divider"));
|
|
11
|
+
|
|
9
12
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
+
|
|
10
14
|
var _classnames2 = _interopRequireDefault(require("classnames"));
|
|
15
|
+
|
|
11
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
12
|
-
|
|
13
|
-
function _defineProperty(obj, key, value) {
|
|
14
|
-
|
|
15
|
-
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
17
|
+
|
|
18
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
19
|
+
|
|
16
20
|
function VtxDivider(props) {
|
|
17
21
|
var size = props.size;
|
|
18
22
|
return /*#__PURE__*/_react["default"].createElement(_divider["default"], {
|
|
19
23
|
className: (0, _classnames2["default"])('vtx-form-divider', _defineProperty({}, 'vtx-form-divider--small', size === 'small'))
|
|
20
24
|
});
|
|
21
25
|
}
|
|
26
|
+
|
|
22
27
|
VtxDivider.propTypes = {
|
|
23
28
|
size: _propTypes["default"].oneOf(['default', 'small'])
|
|
24
29
|
};
|
|
25
|
-
var _default =
|
|
30
|
+
var _default = VtxDivider;
|
|
31
|
+
exports["default"] = _default;
|
|
26
32
|
//# sourceMappingURL=Divider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Divider.js","names":["
|
|
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"}
|
|
@@ -1,39 +1,59 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
+
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports["default"] = FormItem;
|
|
9
|
+
|
|
8
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
|
|
9
12
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
+
|
|
10
14
|
var _form = _interopRequireDefault(require("antd/lib/form"));
|
|
15
|
+
|
|
11
16
|
var _col = _interopRequireDefault(require("antd/lib/col"));
|
|
17
|
+
|
|
12
18
|
var _tooltip = _interopRequireDefault(require("antd/lib/tooltip"));
|
|
19
|
+
|
|
13
20
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
21
|
+
|
|
14
22
|
var _context = require("./context");
|
|
23
|
+
|
|
15
24
|
var _excluded = ["weights", "label", "inline", "hideTooltip"];
|
|
25
|
+
|
|
16
26
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
17
|
-
|
|
18
|
-
function
|
|
27
|
+
|
|
28
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
29
|
+
|
|
30
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
|
|
31
|
+
|
|
19
32
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
33
|
+
|
|
20
34
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
35
|
+
|
|
21
36
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
37
|
+
|
|
22
38
|
// 24 栅格
|
|
23
39
|
var SPAN = 24;
|
|
40
|
+
|
|
24
41
|
function FormItem(props) {
|
|
25
42
|
var _props$weights = props.weights,
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
43
|
+
weights = _props$weights === void 0 ? 1 : _props$weights,
|
|
44
|
+
label = props.label,
|
|
45
|
+
inline = props.inline,
|
|
46
|
+
hideTooltip = props.hideTooltip,
|
|
47
|
+
rest = _objectWithoutProperties(props, _excluded);
|
|
48
|
+
|
|
31
49
|
var _useContext = (0, _react.useContext)(_context.StoreCtx),
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
50
|
+
labelColSpan = _useContext.labelColSpan,
|
|
51
|
+
cols = _useContext.cols,
|
|
52
|
+
mode = _useContext.mode,
|
|
53
|
+
formLayout = _useContext.layout;
|
|
54
|
+
|
|
36
55
|
var formItemLayout = null;
|
|
56
|
+
|
|
37
57
|
if (formLayout === 'horizontal') {
|
|
38
58
|
var conversionLabelColSpan = labelColSpan / weights;
|
|
39
59
|
var wrapperColSpan = SPAN - conversionLabelColSpan;
|
|
@@ -46,6 +66,7 @@ function FormItem(props) {
|
|
|
46
66
|
}
|
|
47
67
|
};
|
|
48
68
|
}
|
|
69
|
+
|
|
49
70
|
return /*#__PURE__*/_react["default"].createElement(_col["default"], {
|
|
50
71
|
span: SPAN * weights / cols,
|
|
51
72
|
className: "vtx-form-item-col"
|
|
@@ -63,6 +84,7 @@ function FormItem(props) {
|
|
|
63
84
|
}, label)
|
|
64
85
|
}, rest), props.children));
|
|
65
86
|
}
|
|
87
|
+
|
|
66
88
|
FormItem.propTypes = {
|
|
67
89
|
weights: _propTypes["default"].number,
|
|
68
90
|
children: _propTypes["default"].node,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormItem.js","names":["
|
|
1
|
+
{"version":3,"file":"FormItem.js","names":["SPAN","FormItem","props","weights","label","inline","hideTooltip","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, hideTooltip, ...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={hideTooltip?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 hideTooltip: 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,qBAA6DA,KAA7D,CAAQC,OAAR;EAAA,IAAQA,OAAR,+BAAkB,CAAlB;EAAA,IAAqBC,KAArB,GAA6DF,KAA7D,CAAqBE,KAArB;EAAA,IAA4BC,MAA5B,GAA6DH,KAA7D,CAA4BG,MAA5B;EAAA,IAAoCC,WAApC,GAA6DJ,KAA7D,CAAoCI,WAApC;EAAA,IAAoDC,IAApD,4BAA6DL,KAA7D;;EACA,kBAAyD,IAAAM,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,GAAGP,OAA9C;IACA,IAAMc,cAAc,GAAGjB,IAAI,GAAGgB,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,EAAGjB,IAAI,GAAGG,OAAR,GAAmBQ,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,yBAAyBP,MAAM,IAAIO,IAAI,KAAK;IAA9C,CAJO;EADf,GAOQG,cAPR;IAQI,KAAK,EAAET,WAAW,GAACF,KAAD,gBAAO,gCAAC,mBAAD;MAAS,KAAK,EAAEA;IAAhB,GAAwBA,KAAxB;EAR7B,GASQG,IATR,GAWKL,KAAK,CAACoB,QAXX,CADJ,CADJ;AAiBH;;AAEDrB,QAAQ,CAACsB,SAAT,GAAqB;EACjBpB,OAAO,EAAEqB,qBAAA,CAAUC,MADF;EAEjBH,QAAQ,EAAEE,qBAAA,CAAUE,IAFH;EAGjBrB,MAAM,EAAEmB,qBAAA,CAAUG,IAHD;EAIjBrB,WAAW,EAAEkB,qBAAA,CAAUG,IAJN;EAKjBC,GAAG,EAAEJ,qBAAA,CAAUK,SAAV,CAAoB,CAACL,qBAAA,CAAUM,MAAX,EAAmBN,qBAAA,CAAUE,IAA7B,CAApB,CALY;EAMjBtB,KAAK,EAAEoB,qBAAA,CAAUK,SAAV,CAAoB,CAACL,qBAAA,CAAUM,MAAX,EAAmBN,qBAAA,CAAUE,IAA7B,CAApB;AANU,CAArB"}
|
|
@@ -4,13 +4,17 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
+
|
|
7
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
8
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
+
|
|
9
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
13
|
+
|
|
10
14
|
function Pane(props) {
|
|
11
15
|
var title = props.title,
|
|
12
|
-
|
|
13
|
-
|
|
16
|
+
_props$prefixCls = props.prefixCls,
|
|
17
|
+
prefixCls = _props$prefixCls === void 0 ? 'vtx-form-pane' : _props$prefixCls;
|
|
14
18
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
15
19
|
className: prefixCls
|
|
16
20
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -19,10 +23,12 @@ function Pane(props) {
|
|
|
19
23
|
className: "".concat(prefixCls, "-content")
|
|
20
24
|
}, props.children));
|
|
21
25
|
}
|
|
26
|
+
|
|
22
27
|
Pane.propTypes = {
|
|
23
28
|
prefixCls: _propTypes["default"].string,
|
|
24
29
|
title: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
|
|
25
30
|
children: _propTypes["default"].node
|
|
26
31
|
};
|
|
27
|
-
var _default =
|
|
32
|
+
var _default = Pane;
|
|
33
|
+
exports["default"] = _default;
|
|
28
34
|
//# sourceMappingURL=Pane.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pane.js","names":["
|
|
1
|
+
{"version":3,"file":"Pane.js","names":["Pane","props","title","prefixCls","children","propTypes","PropTypes","string","oneOfType","node"],"sources":["vtx-form-layout/Pane.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nfunction Pane(props) {\n const { title, prefixCls = 'vtx-form-pane' } = props;\n return (\n <div className={prefixCls}>\n <div className={`${prefixCls}-title`}>{title}</div>\n <div className={`${prefixCls}-content`}>{props.children}</div>\n </div>\n );\n}\n\nPane.propTypes = {\n prefixCls: PropTypes.string,\n title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n children: PropTypes.node,\n};\n\nexport default Pane;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEA,SAASA,IAAT,CAAcC,KAAd,EAAqB;EACjB,IAAQC,KAAR,GAA+CD,KAA/C,CAAQC,KAAR;EAAA,uBAA+CD,KAA/C,CAAeE,SAAf;EAAA,IAAeA,SAAf,iCAA2B,eAA3B;EACA,oBACI;IAAK,SAAS,EAAEA;EAAhB,gBACI;IAAK,SAAS,YAAKA,SAAL;EAAd,GAAuCD,KAAvC,CADJ,eAEI;IAAK,SAAS,YAAKC,SAAL;EAAd,GAAyCF,KAAK,CAACG,QAA/C,CAFJ,CADJ;AAMH;;AAEDJ,IAAI,CAACK,SAAL,GAAiB;EACbF,SAAS,EAAEG,qBAAA,CAAUC,MADR;EAEbL,KAAK,EAAEI,qBAAA,CAAUE,SAAV,CAAoB,CAACF,qBAAA,CAAUC,MAAX,EAAmBD,qBAAA,CAAUG,IAA7B,CAApB,CAFM;EAGbL,QAAQ,EAAEE,qBAAA,CAAUG;AAHP,CAAjB;eAMeT,I"}
|
|
@@ -4,15 +4,22 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
+
|
|
7
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
8
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
+
|
|
9
12
|
var _row = _interopRequireDefault(require("antd/lib/row"));
|
|
13
|
+
|
|
10
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
|
+
|
|
11
16
|
function FormRow(props) {
|
|
12
17
|
return /*#__PURE__*/_react["default"].createElement(_row["default"], props, props.children);
|
|
13
18
|
}
|
|
19
|
+
|
|
14
20
|
FormRow.propTypes = {
|
|
15
21
|
children: _propTypes["default"].node
|
|
16
22
|
};
|
|
17
|
-
var _default =
|
|
23
|
+
var _default = FormRow;
|
|
24
|
+
exports["default"] = _default;
|
|
18
25
|
//# sourceMappingURL=Row.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Row.js","names":["
|
|
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"}
|
|
@@ -4,6 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.StoreCtx = void 0;
|
|
7
|
+
|
|
7
8
|
var _react = require("react");
|
|
8
|
-
|
|
9
|
+
|
|
10
|
+
var StoreCtx = /*#__PURE__*/(0, _react.createContext)({});
|
|
11
|
+
exports.StoreCtx = StoreCtx;
|
|
9
12
|
//# sourceMappingURL=context.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context.js","names":["
|
|
1
|
+
{"version":3,"file":"context.js","names":["StoreCtx","createContext"],"sources":["vtx-form-layout/context.js"],"sourcesContent":["import { createContext } from 'react';\n\nexport const StoreCtx = createContext({});\n"],"mappings":";;;;;;;AAAA;;AAEO,IAAMA,QAAQ,gBAAG,IAAAC,oBAAA,EAAc,EAAd,CAAjB"}
|
|
@@ -1,43 +1,43 @@
|
|
|
1
|
-
@import (reference) '~antd/lib/style/themes/index.less';
|
|
2
|
-
|
|
3
|
-
.vtx-demo-modal {
|
|
4
|
-
position: relative;
|
|
5
|
-
background-color: @component-background;
|
|
6
|
-
background-clip: padding-box;
|
|
7
|
-
border: 1px solid @border-color-base;
|
|
8
|
-
border-radius: 4px;
|
|
9
|
-
box-shadow: 0 4px 12px rgba(0, 0, 0, 15%);
|
|
10
|
-
pointer-events: auto;
|
|
11
|
-
&-header {
|
|
12
|
-
padding: 16px 24px;
|
|
13
|
-
color: rgba(0, 0, 0, 0.65);
|
|
14
|
-
background: @component-background;
|
|
15
|
-
border-bottom: 1px solid @border-color-base;
|
|
16
|
-
border-radius: 4px 4px 0 0;
|
|
17
|
-
}
|
|
18
|
-
&-title {
|
|
19
|
-
margin: 0;
|
|
20
|
-
color: @text-color;
|
|
21
|
-
font-weight: 500;
|
|
22
|
-
font-size: 16px;
|
|
23
|
-
line-height: 22px;
|
|
24
|
-
word-wrap: break-word;
|
|
25
|
-
}
|
|
26
|
-
&-body {
|
|
27
|
-
padding: 20px 24px;
|
|
28
|
-
font-size: 14px;
|
|
29
|
-
line-height: 1.5;
|
|
30
|
-
word-wrap: break-word;
|
|
31
|
-
}
|
|
32
|
-
&-footer {
|
|
33
|
-
padding: 10px 16px;
|
|
34
|
-
text-align: right;
|
|
35
|
-
background: transparent;
|
|
36
|
-
border-top: 1px solid @border-color-base;
|
|
37
|
-
border-radius: 0 0 4px 4px;
|
|
38
|
-
button + button {
|
|
39
|
-
margin-bottom: 0;
|
|
40
|
-
margin-left: 8px;
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
}
|
|
1
|
+
@import (reference) '~antd/lib/style/themes/index.less';
|
|
2
|
+
|
|
3
|
+
.vtx-demo-modal {
|
|
4
|
+
position: relative;
|
|
5
|
+
background-color: @component-background;
|
|
6
|
+
background-clip: padding-box;
|
|
7
|
+
border: 1px solid @border-color-base;
|
|
8
|
+
border-radius: 4px;
|
|
9
|
+
box-shadow: 0 4px 12px rgba(0, 0, 0, 15%);
|
|
10
|
+
pointer-events: auto;
|
|
11
|
+
&-header {
|
|
12
|
+
padding: 16px 24px;
|
|
13
|
+
color: rgba(0, 0, 0, 0.65);
|
|
14
|
+
background: @component-background;
|
|
15
|
+
border-bottom: 1px solid @border-color-base;
|
|
16
|
+
border-radius: 4px 4px 0 0;
|
|
17
|
+
}
|
|
18
|
+
&-title {
|
|
19
|
+
margin: 0;
|
|
20
|
+
color: @text-color;
|
|
21
|
+
font-weight: 500;
|
|
22
|
+
font-size: 16px;
|
|
23
|
+
line-height: 22px;
|
|
24
|
+
word-wrap: break-word;
|
|
25
|
+
}
|
|
26
|
+
&-body {
|
|
27
|
+
padding: 20px 24px;
|
|
28
|
+
font-size: 14px;
|
|
29
|
+
line-height: 1.5;
|
|
30
|
+
word-wrap: break-word;
|
|
31
|
+
}
|
|
32
|
+
&-footer {
|
|
33
|
+
padding: 10px 16px;
|
|
34
|
+
text-align: right;
|
|
35
|
+
background: transparent;
|
|
36
|
+
border-top: 1px solid @border-color-base;
|
|
37
|
+
border-radius: 0 0 4px 4px;
|
|
38
|
+
button + button {
|
|
39
|
+
margin-bottom: 0;
|
|
40
|
+
margin-left: 8px;
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
}
|
|
@@ -4,28 +4,41 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
+
|
|
7
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
8
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
+
|
|
9
12
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
|
+
|
|
10
14
|
var _lodash = _interopRequireDefault(require("lodash.merge"));
|
|
15
|
+
|
|
11
16
|
var _skeleton = _interopRequireDefault(require("antd/lib/skeleton"));
|
|
17
|
+
|
|
12
18
|
var _Row = _interopRequireDefault(require("./Row"));
|
|
19
|
+
|
|
13
20
|
var _FormItem = _interopRequireDefault(require("./FormItem"));
|
|
21
|
+
|
|
14
22
|
var _Card = _interopRequireDefault(require("./Card"));
|
|
23
|
+
|
|
15
24
|
var _Pane = _interopRequireDefault(require("./Pane"));
|
|
25
|
+
|
|
16
26
|
var _Divider = _interopRequireDefault(require("./Divider"));
|
|
27
|
+
|
|
17
28
|
var _context = require("./context");
|
|
29
|
+
|
|
18
30
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
31
|
+
|
|
19
32
|
function VtxFormLayout(props) {
|
|
20
33
|
var _props$cols = props.cols,
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
34
|
+
cols = _props$cols === void 0 ? 2 : _props$cols,
|
|
35
|
+
_props$labelColSpan = props.labelColSpan,
|
|
36
|
+
labelColSpan = _props$labelColSpan === void 0 ? 8 : _props$labelColSpan,
|
|
37
|
+
mode = props.mode,
|
|
38
|
+
_props$layout = props.layout,
|
|
39
|
+
layout = _props$layout === void 0 ? 'vertical' : _props$layout,
|
|
40
|
+
card = props.card,
|
|
41
|
+
skeleton = props.skeleton;
|
|
29
42
|
var store = {
|
|
30
43
|
cols: cols,
|
|
31
44
|
labelColSpan: labelColSpan,
|
|
@@ -50,6 +63,7 @@ function VtxFormLayout(props) {
|
|
|
50
63
|
})
|
|
51
64
|
}, /*#__PURE__*/_react["default"].createElement(_skeleton["default"], (0, _lodash["default"])(defaultSkeleton, skeleton), props.children)));
|
|
52
65
|
}
|
|
66
|
+
|
|
53
67
|
VtxFormLayout.propTypes = {
|
|
54
68
|
cols: _propTypes["default"].number,
|
|
55
69
|
labelColSpan: _propTypes["default"].number,
|
|
@@ -64,5 +78,6 @@ VtxFormLayout.FormItem = _FormItem["default"];
|
|
|
64
78
|
VtxFormLayout.Card = _Card["default"];
|
|
65
79
|
VtxFormLayout.Pane = _Pane["default"];
|
|
66
80
|
VtxFormLayout.Divider = _Divider["default"];
|
|
67
|
-
var _default =
|
|
81
|
+
var _default = VtxFormLayout;
|
|
82
|
+
exports["default"] = _default;
|
|
68
83
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["
|
|
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"}
|
|
@@ -1,11 +1,18 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
require("antd/lib/row/style/css");
|
|
4
|
+
|
|
4
5
|
require("antd/lib/col/style/css");
|
|
6
|
+
|
|
5
7
|
require("antd/lib/form/style/css");
|
|
8
|
+
|
|
6
9
|
require("antd/lib/tooltip/style/css");
|
|
10
|
+
|
|
7
11
|
require("antd/lib/card/style/css");
|
|
12
|
+
|
|
8
13
|
require("antd/lib/divider/style/css");
|
|
14
|
+
|
|
9
15
|
require("antd/lib/skeleton/style/css");
|
|
16
|
+
|
|
10
17
|
require("./index.css");
|
|
11
18
|
//# sourceMappingURL=css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"css.js","names":[
|
|
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"}
|
|
@@ -1,11 +1,18 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
require("antd/lib/row/style");
|
|
4
|
+
|
|
4
5
|
require("antd/lib/col/style");
|
|
6
|
+
|
|
5
7
|
require("antd/lib/form/style");
|
|
8
|
+
|
|
6
9
|
require("antd/lib/tooltip/style");
|
|
10
|
+
|
|
7
11
|
require("antd/lib/card/style");
|
|
12
|
+
|
|
8
13
|
require("antd/lib/divider/style");
|
|
14
|
+
|
|
9
15
|
require("antd/lib/skeleton/style");
|
|
16
|
+
|
|
10
17
|
require("./index.less");
|
|
11
18
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[
|
|
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"}
|