@vtx/components 3.1.193 → 3.1.194

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.
Files changed (198) hide show
  1. package/README.md +19 -19
  2. package/lib/_util/filterSpecialCharacters.js +6 -6
  3. package/lib/_util/filterSpecialCharacters.js.map +1 -1
  4. package/lib/_util/getComponentProps.js.map +1 -1
  5. package/lib/_util/getToken.js.map +1 -1
  6. package/lib/_util/getUrlParam.js.map +1 -1
  7. package/lib/_util/isFunction.js.map +1 -1
  8. package/lib/_util/isObject.js.map +1 -1
  9. package/lib/_util/useColSize.js.map +1 -1
  10. package/lib/_util/useInterval.js.map +1 -1
  11. package/lib/_util/useSet.js.map +1 -1
  12. package/lib/config.js.map +1 -1
  13. package/lib/index.js.map +1 -1
  14. package/lib/style/index.less +2 -2
  15. package/lib/style/themes/compact.less +1 -1
  16. package/lib/style/themes/dark.less +9 -9
  17. package/lib/style/themes/default.less +7 -7
  18. package/lib/style/themes/index.less +1 -1
  19. package/lib/style/themes/variable.less +5 -5
  20. package/lib/vtx-color-picker/index.js.map +1 -1
  21. package/lib/vtx-color-picker/style/css.js.map +1 -1
  22. package/lib/vtx-color-picker/style/index.js.map +1 -1
  23. package/lib/vtx-color-picker/style/index.less +23 -23
  24. package/lib/vtx-combogrid/Combogrid.js.map +1 -1
  25. package/lib/vtx-combogrid/index.js.map +1 -1
  26. package/lib/vtx-combogrid/style/css.js.map +1 -1
  27. package/lib/vtx-combogrid/style/index.js.map +1 -1
  28. package/lib/vtx-combogrid/style/index.less +32 -32
  29. package/lib/vtx-datagrid/Alert.js.map +1 -1
  30. package/lib/vtx-datagrid/CheckboxList.js.map +1 -1
  31. package/lib/vtx-datagrid/ColumnSetting.js.map +1 -1
  32. package/lib/vtx-datagrid/ResizeableTitle.js.map +1 -1
  33. package/lib/vtx-datagrid/index.js +4 -4
  34. package/lib/vtx-datagrid/index.js.map +1 -1
  35. package/lib/vtx-datagrid/renderColumnButtons.js.map +1 -1
  36. package/lib/vtx-datagrid/style/css.js.map +1 -1
  37. package/lib/vtx-datagrid/style/index.js.map +1 -1
  38. package/lib/vtx-datagrid/style/index.less +278 -278
  39. package/lib/vtx-date-picker/QdatePicker.js.map +1 -1
  40. package/lib/vtx-date-picker/generatePicker.js.map +1 -1
  41. package/lib/vtx-date-picker/index.js.map +1 -1
  42. package/lib/vtx-date-picker/style/css.js.map +1 -1
  43. package/lib/vtx-date-picker/style/index.js.map +1 -1
  44. package/lib/vtx-date-picker/style/index.less +39 -39
  45. package/lib/vtx-editor/index.js.map +1 -1
  46. package/lib/vtx-editor/style/css.js.map +1 -1
  47. package/lib/vtx-editor/style/index.js.map +1 -1
  48. package/lib/vtx-editor/style/index.less +8 -8
  49. package/lib/vtx-ellipsis-text/index.js.map +1 -1
  50. package/lib/vtx-ellipsis-text/style/css.js.map +1 -1
  51. package/lib/vtx-ellipsis-text/style/index.js.map +1 -1
  52. package/lib/vtx-ellipsis-text/style/index.less +13 -13
  53. package/lib/vtx-export/index.js +8 -8
  54. package/lib/vtx-export/index.js.map +1 -1
  55. package/lib/vtx-export/style/css.js.map +1 -1
  56. package/lib/vtx-export/style/index.js.map +1 -1
  57. package/lib/vtx-export/style/index.less +6 -6
  58. package/lib/vtx-export-async/ColumnsSelect.js.map +1 -1
  59. package/lib/vtx-export-async/History.js.map +1 -1
  60. package/lib/vtx-export-async/index.js +6 -2
  61. package/lib/vtx-export-async/index.js.map +1 -1
  62. package/lib/vtx-export-async/style/css.js.map +1 -1
  63. package/lib/vtx-export-async/style/index.js.map +1 -1
  64. package/lib/vtx-export-async/style/index.less +32 -32
  65. package/lib/vtx-export-async/util.js.map +1 -1
  66. package/lib/vtx-form-layout/Card.js.map +1 -1
  67. package/lib/vtx-form-layout/Divider.js.map +1 -1
  68. package/lib/vtx-form-layout/FormItem.js.map +1 -1
  69. package/lib/vtx-form-layout/Pane.js.map +1 -1
  70. package/lib/vtx-form-layout/Row.js.map +1 -1
  71. package/lib/vtx-form-layout/context.js.map +1 -1
  72. package/lib/vtx-form-layout/demo/Modal.less +43 -43
  73. package/lib/vtx-form-layout/index.js.map +1 -1
  74. package/lib/vtx-form-layout/style/css.js.map +1 -1
  75. package/lib/vtx-form-layout/style/index.js.map +1 -1
  76. package/lib/vtx-form-layout/style/index.less +228 -228
  77. package/lib/vtx-image/Image.js.map +1 -1
  78. package/lib/vtx-image/Preview.js.map +1 -1
  79. package/lib/vtx-image/PreviewGroup.js.map +1 -1
  80. package/lib/vtx-image/index.js.map +1 -1
  81. package/lib/vtx-image/style/css.js.map +1 -1
  82. package/lib/vtx-image/style/index.js.map +1 -1
  83. package/lib/vtx-image/style/index.less +117 -117
  84. package/lib/vtx-import/index.js.map +1 -1
  85. package/lib/vtx-import/result.js.map +1 -1
  86. package/lib/vtx-import/style/css.js.map +1 -1
  87. package/lib/vtx-import/style/index.js.map +1 -1
  88. package/lib/vtx-import/style/index.less +25 -25
  89. package/lib/vtx-import2/CheckResult.js.map +1 -1
  90. package/lib/vtx-import2/Content.js.map +1 -1
  91. package/lib/vtx-import2/DownloadSvg.js.map +1 -1
  92. package/lib/vtx-import2/ImportResult.js.map +1 -1
  93. package/lib/vtx-import2/UploadSvg.js.map +1 -1
  94. package/lib/vtx-import2/index.js.map +1 -1
  95. package/lib/vtx-import2/style/css.js.map +1 -1
  96. package/lib/vtx-import2/style/index.js.map +1 -1
  97. package/lib/vtx-import2/style/index.less +102 -102
  98. package/lib/vtx-input/TextArea.js.map +1 -1
  99. package/lib/vtx-input/index.js.map +1 -1
  100. package/lib/vtx-input/style/css.js.map +1 -1
  101. package/lib/vtx-input/style/index.js.map +1 -1
  102. package/lib/vtx-input/style/index.less +24 -24
  103. package/lib/vtx-input/useLength.js.map +1 -1
  104. package/lib/vtx-modal/Title.js.map +1 -1
  105. package/lib/vtx-modal/index.js +9 -9
  106. package/lib/vtx-modal/index.js.map +1 -1
  107. package/lib/vtx-modal/style/css.js.map +1 -1
  108. package/lib/vtx-modal/style/index.js.map +1 -1
  109. package/lib/vtx-modal/style/index.less +108 -108
  110. package/lib/vtx-page-layout/Basic.js +2 -2
  111. package/lib/vtx-page-layout/Basic.js.map +1 -1
  112. package/lib/vtx-page-layout/Content.js.map +1 -1
  113. package/lib/vtx-page-layout/Pane.js.map +1 -1
  114. package/lib/vtx-page-layout/TableLayout.js +10 -10
  115. package/lib/vtx-page-layout/TableLayout.js.map +1 -1
  116. package/lib/vtx-page-layout/TableWrap.js.map +1 -1
  117. package/lib/vtx-page-layout/container.js +2 -2
  118. package/lib/vtx-page-layout/container.js.map +1 -1
  119. package/lib/vtx-page-layout/index.js.map +1 -1
  120. package/lib/vtx-page-layout/style/css.js.map +1 -1
  121. package/lib/vtx-page-layout/style/index.css +2 -2
  122. package/lib/vtx-page-layout/style/index.js.map +1 -1
  123. package/lib/vtx-page-layout/style/index.less +138 -138
  124. package/lib/vtx-rps-frame/index.js +7 -7
  125. package/lib/vtx-rps-frame/index.js.map +1 -1
  126. package/lib/vtx-rps-frame/style/css.js.map +1 -1
  127. package/lib/vtx-rps-frame/style/index.js.map +1 -1
  128. package/lib/vtx-rps-frame/style/index.less +8 -8
  129. package/lib/vtx-scrollable-row/index.js.map +1 -1
  130. package/lib/vtx-scrollable-row/style/css.js.map +1 -1
  131. package/lib/vtx-scrollable-row/style/index.js.map +1 -1
  132. package/lib/vtx-scrollable-row/style/index.less +113 -113
  133. package/lib/vtx-search/VtxCol.js.map +1 -1
  134. package/lib/vtx-search/VtxRow.js.map +1 -1
  135. package/lib/vtx-search/index.js +7 -7
  136. package/lib/vtx-search/index.js.map +1 -1
  137. package/lib/vtx-search/style/css.js.map +1 -1
  138. package/lib/vtx-search/style/index.js.map +1 -1
  139. package/lib/vtx-search/style/index.less +93 -93
  140. package/lib/vtx-search-map-input/index.js.map +1 -1
  141. package/lib/vtx-search-map-input/style/css.js.map +1 -1
  142. package/lib/vtx-search-map-input/style/index.js.map +1 -1
  143. package/lib/vtx-select/index.js.map +1 -1
  144. package/lib/vtx-select/style/css.js.map +1 -1
  145. package/lib/vtx-select/style/index.js.map +1 -1
  146. package/lib/vtx-select/style/index.less +68 -68
  147. package/lib/vtx-signature/index.js.map +1 -1
  148. package/lib/vtx-signature/style/css.js.map +1 -1
  149. package/lib/vtx-signature/style/index.js.map +1 -1
  150. package/lib/vtx-signature/style/index.less +33 -33
  151. package/lib/vtx-split-pane/Pane.js.map +1 -1
  152. package/lib/vtx-split-pane/Resizer.js.map +1 -1
  153. package/lib/vtx-split-pane/SplitPane.js +4 -4
  154. package/lib/vtx-split-pane/SplitPane.js.map +1 -1
  155. package/lib/vtx-split-pane/index.js.map +1 -1
  156. package/lib/vtx-split-pane/style/css.js.map +1 -1
  157. package/lib/vtx-split-pane/style/index.js.map +1 -1
  158. package/lib/vtx-split-pane/style/index.less +76 -76
  159. package/lib/vtx-statistics-column/Back.js.map +1 -1
  160. package/lib/vtx-statistics-column/Item.js.map +1 -1
  161. package/lib/vtx-statistics-column/Total.js.map +1 -1
  162. package/lib/vtx-statistics-column/context.js.map +1 -1
  163. package/lib/vtx-statistics-column/index.js.map +1 -1
  164. package/lib/vtx-statistics-column/style/css.js.map +1 -1
  165. package/lib/vtx-statistics-column/style/index.js.map +1 -1
  166. package/lib/vtx-statistics-column/style/index.less +59 -59
  167. package/lib/vtx-time-picker/index.js.map +1 -1
  168. package/lib/vtx-time-picker/style/css.js.map +1 -1
  169. package/lib/vtx-time-picker/style/index.js.map +1 -1
  170. package/lib/vtx-tree/index.js.map +1 -1
  171. package/lib/vtx-tree/style/css.js.map +1 -1
  172. package/lib/vtx-tree/style/index.js.map +1 -1
  173. package/lib/vtx-tree/style/index.less +71 -71
  174. package/lib/vtx-tree/utils.js.map +1 -1
  175. package/lib/vtx-tree-select/index.js.map +1 -1
  176. package/lib/vtx-tree-select/style/css.js.map +1 -1
  177. package/lib/vtx-tree-select/style/index.js.map +1 -1
  178. package/lib/vtx-tree-select/style/index.less +61 -61
  179. package/lib/vtx-upload/FilePreview.js.map +1 -1
  180. package/lib/vtx-upload/index.js.map +1 -1
  181. package/lib/vtx-upload/style/css.js.map +1 -1
  182. package/lib/vtx-upload/style/index.js.map +1 -1
  183. package/lib/vtx-upload/style/index.less +61 -61
  184. package/lib/vtx-wang-editor/index.js.map +1 -1
  185. package/lib/vtx-wang-editor/style/css.js.map +1 -1
  186. package/lib/vtx-wang-editor/style/index.js.map +1 -1
  187. package/lib/vtx-wang-editor/style/index.less +12 -12
  188. package/lib/vtx-wang-editor/wangEditorUtil.js.map +1 -1
  189. package/lib/vtx-ztree/index.js +8 -8
  190. package/lib/vtx-ztree/index.js.map +1 -1
  191. package/lib/vtx-ztree/style/css.js.map +1 -1
  192. package/lib/vtx-ztree/style/index.js.map +1 -1
  193. package/lib/vtx-ztree/style/index.less +45 -45
  194. package/lib/vtx-ztree-select/index.js.map +1 -1
  195. package/lib/vtx-ztree-select/style/css.js.map +1 -1
  196. package/lib/vtx-ztree-select/style/index.js.map +1 -1
  197. package/lib/vtx-ztree-select/style/index.less +109 -109
  198. package/package.json +132 -132
@@ -1 +1 @@
1
- {"version":3,"file":"Pane.js","names":["_react","_interopRequireDefault","require","_propTypes","e","__esModule","Pane","props","title","_props$prefixCls","prefixCls","createElement","className","concat","children","propTypes","PropTypes","string","oneOfType","node","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAmC,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,gBAAAA,CAAA;AAEnC,SAASE,IAAIA,CAACC,KAAK,EAAE;EACjB,IAAQC,KAAK,GAAkCD,KAAK,CAA5CC,KAAK;IAAAC,gBAAA,GAAkCF,KAAK,CAArCG,SAAS;IAATA,SAAS,GAAAD,gBAAA,cAAG,eAAe,GAAAA,gBAAA;EAC1C,oBACIT,MAAA,YAAAW,aAAA;IAAKC,SAAS,EAAEF;EAAU,gBACtBV,MAAA,YAAAW,aAAA;IAAKC,SAAS,KAAAC,MAAA,CAAKH,SAAS;EAAS,GAAEF,KAAW,CAAC,eACnDR,MAAA,YAAAW,aAAA;IAAKC,SAAS,KAAAC,MAAA,CAAKH,SAAS;EAAW,GAAEH,KAAK,CAACO,QAAc,CAC5D,CAAC;AAEd;AAEAR,IAAI,CAACS,SAAS,GAAG;EACbL,SAAS,EAAEM,qBAAS,CAACC,MAAM;EAC3BT,KAAK,EAAEQ,qBAAS,CAACE,SAAS,CAAC,CAACF,qBAAS,CAACC,MAAM,EAAED,qBAAS,CAACG,IAAI,CAAC,CAAC;EAC9DL,QAAQ,EAAEE,qBAAS,CAACG;AACxB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEaf,IAAI","ignoreList":[]}
1
+ {"version":3,"file":"Pane.js","names":["_react","_interopRequireDefault","require","_propTypes","e","__esModule","Pane","props","title","_props$prefixCls","prefixCls","createElement","className","concat","children","propTypes","PropTypes","string","oneOfType","node","_default","exports"],"sources":["vtx-form-layout/Pane.jsx"],"sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nfunction Pane(props) {\r\n const { title, prefixCls = 'vtx-form-pane' } = props;\r\n return (\r\n <div className={prefixCls}>\r\n <div className={`${prefixCls}-title`}>{title}</div>\r\n <div className={`${prefixCls}-content`}>{props.children}</div>\r\n </div>\r\n );\r\n}\r\n\r\nPane.propTypes = {\r\n prefixCls: PropTypes.string,\r\n title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\r\n children: PropTypes.node,\r\n};\r\n\r\nexport default Pane;\r\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAmC,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,gBAAAA,CAAA;AAEnC,SAASE,IAAIA,CAACC,KAAK,EAAE;EACjB,IAAQC,KAAK,GAAkCD,KAAK,CAA5CC,KAAK;IAAAC,gBAAA,GAAkCF,KAAK,CAArCG,SAAS;IAATA,SAAS,GAAAD,gBAAA,cAAG,eAAe,GAAAA,gBAAA;EAC1C,oBACIT,MAAA,YAAAW,aAAA;IAAKC,SAAS,EAAEF;EAAU,gBACtBV,MAAA,YAAAW,aAAA;IAAKC,SAAS,KAAAC,MAAA,CAAKH,SAAS;EAAS,GAAEF,KAAW,CAAC,eACnDR,MAAA,YAAAW,aAAA;IAAKC,SAAS,KAAAC,MAAA,CAAKH,SAAS;EAAW,GAAEH,KAAK,CAACO,QAAc,CAC5D,CAAC;AAEd;AAEAR,IAAI,CAACS,SAAS,GAAG;EACbL,SAAS,EAAEM,qBAAS,CAACC,MAAM;EAC3BT,KAAK,EAAEQ,qBAAS,CAACE,SAAS,CAAC,CAACF,qBAAS,CAACC,MAAM,EAAED,qBAAS,CAACG,IAAI,CAAC,CAAC;EAC9DL,QAAQ,EAAEE,qBAAS,CAACG;AACxB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEaf,IAAI","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"Row.js","names":["_react","_interopRequireDefault","require","_propTypes","_row","e","__esModule","FormRow","props","createElement","children","propTypes","PropTypes","node","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,IAAA,GAAAH,sBAAA,CAAAC,OAAA;AAA+B,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,gBAAAA,CAAA;AAE/B,SAASE,OAAOA,CAACC,KAAK,EAAE;EACpB,oBAAOR,MAAA,YAAAS,aAAA,CAACL,IAAA,WAAG,EAAKI,KAAK,EAAGA,KAAK,CAACE,QAAc,CAAC;AACjD;AAEAH,OAAO,CAACI,SAAS,GAAG;EAAED,QAAQ,EAAEE,qBAAS,CAACC;AAAK,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAElCR,OAAO","ignoreList":[]}
1
+ {"version":3,"file":"Row.js","names":["_react","_interopRequireDefault","require","_propTypes","_row","e","__esModule","FormRow","props","createElement","children","propTypes","PropTypes","node","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,IAAA,GAAAH,sBAAA,CAAAC,OAAA;AAA+B,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,gBAAAA,CAAA;AAE/B,SAASE,OAAOA,CAACC,KAAK,EAAE;EACpB,oBAAOR,MAAA,YAAAS,aAAA,CAACL,IAAA,WAAG,EAAKI,KAAK,EAAGA,KAAK,CAACE,QAAc,CAAC;AACjD;AAEAH,OAAO,CAACI,SAAS,GAAG;EAAED,QAAQ,EAAEE,qBAAS,CAACC;AAAK,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAElCR,OAAO","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"context.js","names":["_react","require","StoreCtx","exports","createContext"],"sources":["vtx-form-layout/context.js"],"sourcesContent":["import { createContext } from 'react';\n\nexport const StoreCtx = createContext({});\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEO,IAAMC,QAAQ,GAAAC,OAAA,CAAAD,QAAA,gBAAG,IAAAE,oBAAa,EAAC,CAAC,CAAC,CAAC","ignoreList":[]}
1
+ {"version":3,"file":"context.js","names":["_react","require","StoreCtx","exports","createContext"],"sources":["vtx-form-layout/context.js"],"sourcesContent":["import { createContext } from 'react';\r\n\r\nexport const StoreCtx = createContext({});\r\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEO,IAAMC,QAAQ,GAAAC,OAAA,CAAAD,QAAA,gBAAG,IAAAE,oBAAa,EAAC,CAAC,CAAC,CAAC","ignoreList":[]}
@@ -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
+ }
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_lodash","_skeleton","_Row","_FormItem","_Card","_Pane","_Divider","_context","e","__esModule","VtxFormLayout","props","_props$cols","cols","_props$labelColSpan","labelColSpan","mode","_props$layout","layout","card","skeleton","store","defaultSkeleton","loading","title","paragraph","width","rows","createElement","StoreCtx","Provider","value","className","classnames","merge","children","propTypes","PropTypes","number","oneOf","node","bool","object","Row","FormItem","Card","Pane","Divider","_default","exports"],"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":"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","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_lodash","_skeleton","_Row","_FormItem","_Card","_Pane","_Divider","_context","e","__esModule","VtxFormLayout","props","_props$cols","cols","_props$labelColSpan","labelColSpan","mode","_props$layout","layout","card","skeleton","store","defaultSkeleton","loading","title","paragraph","width","rows","createElement","StoreCtx","Provider","value","className","classnames","merge","children","propTypes","PropTypes","number","oneOf","node","bool","object","Row","FormItem","Card","Pane","Divider","_default","exports"],"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":"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","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"css.js","names":["require"],"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":";;AAAAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA","ignoreList":[]}
1
+ {"version":3,"file":"css.js","names":["require"],"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":";;AAAAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["require"],"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":";;AAAAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["require"],"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":";;AAAAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA","ignoreList":[]}
@@ -1,228 +1,228 @@
1
- @import (reference) '~antd/lib/style/themes/index.less';
2
-
3
- @view-item-margin-bottom: 16px;
4
-
5
- .vtx-form-layout {
6
- position: relative;
7
- display: flex;
8
- flex-flow: row wrap;
9
- width: 100%;
10
- padding: 0 @padding-lg;
11
- overflow: hidden;
12
- .vtx-form-item {
13
- .ant-form-item-label {
14
- text-overflow: ellipsis;
15
- label::after {
16
- content: '';
17
- }
18
- }
19
- &-vertical {
20
- flex-direction: column;
21
- .ant-form-item-row {
22
- flex-direction: column;
23
- margin-bottom: 20px;
24
- }
25
- .ant-form-item-label,
26
- .ant-form-item-control {
27
- line-height: @line-height-base;
28
- }
29
- .ant-form-item-label {
30
- margin-bottom: 8px;
31
- padding: 0 !important;
32
- white-space: initial;
33
- text-align: left;
34
- label {
35
- height: auto;
36
- }
37
- }
38
- }
39
- .ant-form-item-explain {
40
- font-size: @font-size-sm;
41
- }
42
- &--inline {
43
- flex: none;
44
- flex-direction: row;
45
- flex-wrap: nowrap;
46
- margin-right: 16px;
47
- margin-bottom: @view-item-margin-bottom !important;
48
- row-gap: 0;
49
- .ant-form-item-control-input {
50
- min-height: auto;
51
- }
52
- .ant-form-item-label {
53
- flex: none;
54
- margin-bottom: 0;
55
- & > label {
56
- height: auto;
57
- color: fade(@text-color, 65);
58
- }
59
- label::after {
60
- content: ':';
61
- }
62
- }
63
- }
64
- &--view {
65
- .ant-row {
66
- flex-wrap: nowrap;
67
- }
68
- .ant-form-item-label {
69
- width: fit-content;
70
- }
71
-
72
- .ant-form-item-label,
73
- .ant-form-item-control {
74
- line-height: @line-height-base;
75
- }
76
- .ant-form-item-label {
77
- & > label {
78
- height: auto;
79
- color: fade(@text-color, 65);
80
- }
81
- label::after {
82
- content: ':';
83
- }
84
- }
85
- .ant-form-item-control {
86
- color: @text-color;
87
- flex: 1;
88
- .ant-form-item-control-input {
89
- min-height: auto;
90
- }
91
- }
92
- }
93
- }
94
- .vtx-form-item-col {
95
- .ant-form-item {
96
- margin-bottom: 20px;
97
- }
98
- .vtx-form-item--view {
99
- margin-bottom: 0;
100
- }
101
- .ant-form-item-with-help {
102
- margin-bottom: 0;
103
- }
104
- .ant-form-item-explain {
105
- min-height: 20px;
106
- }
107
- }
108
- .vtx-form-card {
109
- position: relative;
110
- width: 100%;
111
- overflow: hidden;
112
- &-expand-icon {
113
- color: fade(@text-color, 75%);
114
- transition: transform 0.24s, -webkit-transform 0.24s;
115
- }
116
- &-custom-icon {
117
- transition: transform 0.24s, -webkit-transform 0.24s;
118
- cursor: pointer;
119
- }
120
- .ant-card-body {
121
- padding: 0;
122
- }
123
- .ant-card-head-wrapper,
124
- .ant-card-head-title {
125
- font-weight: bold;
126
- line-height: 1;
127
- }
128
- &-content {
129
- display: flex;
130
- flex-flow: row wrap;
131
- padding: 20px 24px;
132
- padding-bottom: 0;
133
- &::after {
134
- clear: both;
135
- }
136
- &::before,
137
- &::after {
138
- display: table;
139
- content: '';
140
- }
141
- }
142
- &-content-hide {
143
- display: none;
144
- }
145
- }
146
- .vtx-form-card + .vtx-form-card {
147
- margin-top: 20px;
148
- }
149
- .vtx-form-pane {
150
- position: relative;
151
- box-sizing: border-box;
152
- width: 100%;
153
- &::after {
154
- clear: both;
155
- }
156
- &::before,
157
- &::after {
158
- display: table;
159
- content: '';
160
- }
161
- &-title {
162
- margin-bottom: 16px;
163
- overflow: hidden;
164
- color: @text-color;
165
- font-weight: 500;
166
- line-height: @line-height-base;
167
- list-style: none;
168
- }
169
- &-content {
170
- display: flex;
171
- flex-flow: row wrap;
172
- &::after {
173
- clear: both;
174
- }
175
- &::before,
176
- &::after {
177
- display: table;
178
- content: '';
179
- }
180
- }
181
- }
182
- .vtx-form-divider {
183
- margin: 0;
184
- margin-bottom: 20px;
185
- &--small {
186
- margin-bottom: 16px;
187
- }
188
- }
189
- .vtx-form-tabs {
190
- width: 100%;
191
- .ant-tabs-bar {
192
- padding-right: @padding-sm;
193
- padding-left: @padding-sm;
194
- border-bottom: none;
195
- }
196
- .ant-tabs-tab {
197
- padding: 5px 0 10px 0;
198
- }
199
- }
200
- &-vertical {
201
- padding: 0 @padding-sm;
202
- .vtx-form-item-col {
203
- padding-right: @padding-sm;
204
- padding-left: @padding-sm;
205
- }
206
- .vtx-form-card-content {
207
- padding: 20px @padding-sm;
208
- padding-bottom: 0;
209
- }
210
- .vtx-form-pane-title {
211
- padding: 0 @padding-sm;
212
- }
213
- }
214
- &-has-card {
215
- padding: 0;
216
- .vtx-form-tabs .ant-tabs-bar {
217
- padding: 0 @padding-lg;
218
- }
219
- }
220
- &-view {
221
- .vtx-form-item-col {
222
- margin-bottom: @view-item-margin-bottom;
223
- }
224
- .vtx-form-divider {
225
- margin-bottom: @view-item-margin-bottom;
226
- }
227
- }
228
- }
1
+ @import (reference) '~antd/lib/style/themes/index.less';
2
+
3
+ @view-item-margin-bottom: 16px;
4
+
5
+ .vtx-form-layout {
6
+ position: relative;
7
+ display: flex;
8
+ flex-flow: row wrap;
9
+ width: 100%;
10
+ padding: 0 @padding-lg;
11
+ overflow: hidden;
12
+ .vtx-form-item {
13
+ .ant-form-item-label {
14
+ text-overflow: ellipsis;
15
+ label::after {
16
+ content: '';
17
+ }
18
+ }
19
+ &-vertical {
20
+ flex-direction: column;
21
+ .ant-form-item-row {
22
+ flex-direction: column;
23
+ margin-bottom: 20px;
24
+ }
25
+ .ant-form-item-label,
26
+ .ant-form-item-control {
27
+ line-height: @line-height-base;
28
+ }
29
+ .ant-form-item-label {
30
+ margin-bottom: 8px;
31
+ padding: 0 !important;
32
+ white-space: initial;
33
+ text-align: left;
34
+ label {
35
+ height: auto;
36
+ }
37
+ }
38
+ }
39
+ .ant-form-item-explain {
40
+ font-size: @font-size-sm;
41
+ }
42
+ &--inline {
43
+ flex: none;
44
+ flex-direction: row;
45
+ flex-wrap: nowrap;
46
+ margin-right: 16px;
47
+ margin-bottom: @view-item-margin-bottom !important;
48
+ row-gap: 0;
49
+ .ant-form-item-control-input {
50
+ min-height: auto;
51
+ }
52
+ .ant-form-item-label {
53
+ flex: none;
54
+ margin-bottom: 0;
55
+ & > label {
56
+ height: auto;
57
+ color: fade(@text-color, 65);
58
+ }
59
+ label::after {
60
+ content: ':';
61
+ }
62
+ }
63
+ }
64
+ &--view {
65
+ .ant-row {
66
+ flex-wrap: nowrap;
67
+ }
68
+ .ant-form-item-label {
69
+ width: fit-content;
70
+ }
71
+
72
+ .ant-form-item-label,
73
+ .ant-form-item-control {
74
+ line-height: @line-height-base;
75
+ }
76
+ .ant-form-item-label {
77
+ & > label {
78
+ height: auto;
79
+ color: fade(@text-color, 65);
80
+ }
81
+ label::after {
82
+ content: ':';
83
+ }
84
+ }
85
+ .ant-form-item-control {
86
+ color: @text-color;
87
+ flex: 1;
88
+ .ant-form-item-control-input {
89
+ min-height: auto;
90
+ }
91
+ }
92
+ }
93
+ }
94
+ .vtx-form-item-col {
95
+ .ant-form-item {
96
+ margin-bottom: 20px;
97
+ }
98
+ .vtx-form-item--view {
99
+ margin-bottom: 0;
100
+ }
101
+ .ant-form-item-with-help {
102
+ margin-bottom: 0;
103
+ }
104
+ .ant-form-item-explain {
105
+ min-height: 20px;
106
+ }
107
+ }
108
+ .vtx-form-card {
109
+ position: relative;
110
+ width: 100%;
111
+ overflow: hidden;
112
+ &-expand-icon {
113
+ color: fade(@text-color, 75%);
114
+ transition: transform 0.24s, -webkit-transform 0.24s;
115
+ }
116
+ &-custom-icon {
117
+ transition: transform 0.24s, -webkit-transform 0.24s;
118
+ cursor: pointer;
119
+ }
120
+ .ant-card-body {
121
+ padding: 0;
122
+ }
123
+ .ant-card-head-wrapper,
124
+ .ant-card-head-title {
125
+ font-weight: bold;
126
+ line-height: 1;
127
+ }
128
+ &-content {
129
+ display: flex;
130
+ flex-flow: row wrap;
131
+ padding: 20px 24px;
132
+ padding-bottom: 0;
133
+ &::after {
134
+ clear: both;
135
+ }
136
+ &::before,
137
+ &::after {
138
+ display: table;
139
+ content: '';
140
+ }
141
+ }
142
+ &-content-hide {
143
+ display: none;
144
+ }
145
+ }
146
+ .vtx-form-card + .vtx-form-card {
147
+ margin-top: 20px;
148
+ }
149
+ .vtx-form-pane {
150
+ position: relative;
151
+ box-sizing: border-box;
152
+ width: 100%;
153
+ &::after {
154
+ clear: both;
155
+ }
156
+ &::before,
157
+ &::after {
158
+ display: table;
159
+ content: '';
160
+ }
161
+ &-title {
162
+ margin-bottom: 16px;
163
+ overflow: hidden;
164
+ color: @text-color;
165
+ font-weight: 500;
166
+ line-height: @line-height-base;
167
+ list-style: none;
168
+ }
169
+ &-content {
170
+ display: flex;
171
+ flex-flow: row wrap;
172
+ &::after {
173
+ clear: both;
174
+ }
175
+ &::before,
176
+ &::after {
177
+ display: table;
178
+ content: '';
179
+ }
180
+ }
181
+ }
182
+ .vtx-form-divider {
183
+ margin: 0;
184
+ margin-bottom: 20px;
185
+ &--small {
186
+ margin-bottom: 16px;
187
+ }
188
+ }
189
+ .vtx-form-tabs {
190
+ width: 100%;
191
+ .ant-tabs-bar {
192
+ padding-right: @padding-sm;
193
+ padding-left: @padding-sm;
194
+ border-bottom: none;
195
+ }
196
+ .ant-tabs-tab {
197
+ padding: 5px 0 10px 0;
198
+ }
199
+ }
200
+ &-vertical {
201
+ padding: 0 @padding-sm;
202
+ .vtx-form-item-col {
203
+ padding-right: @padding-sm;
204
+ padding-left: @padding-sm;
205
+ }
206
+ .vtx-form-card-content {
207
+ padding: 20px @padding-sm;
208
+ padding-bottom: 0;
209
+ }
210
+ .vtx-form-pane-title {
211
+ padding: 0 @padding-sm;
212
+ }
213
+ }
214
+ &-has-card {
215
+ padding: 0;
216
+ .vtx-form-tabs .ant-tabs-bar {
217
+ padding: 0 @padding-lg;
218
+ }
219
+ }
220
+ &-view {
221
+ .vtx-form-item-col {
222
+ margin-bottom: @view-item-margin-bottom;
223
+ }
224
+ .vtx-form-divider {
225
+ margin-bottom: @view-item-margin-bottom;
226
+ }
227
+ }
228
+ }