@vtx/components 3.1.61 → 3.1.63

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 (127) hide show
  1. package/lib/_util/useColSize.js.map +1 -1
  2. package/lib/style/index.less +2 -2
  3. package/lib/style/themes/compact.less +1 -1
  4. package/lib/style/themes/dark.less +9 -9
  5. package/lib/style/themes/default.less +7 -7
  6. package/lib/style/themes/index.less +1 -1
  7. package/lib/style/themes/variable.less +5 -5
  8. package/lib/vtx-color-picker/index.js.map +1 -1
  9. package/lib/vtx-color-picker/style/css.js.map +1 -1
  10. package/lib/vtx-color-picker/style/index.js.map +1 -1
  11. package/lib/vtx-combogrid/Combogrid.js.map +1 -1
  12. package/lib/vtx-combogrid/index.js.map +1 -1
  13. package/lib/vtx-combogrid/style/css.js.map +1 -1
  14. package/lib/vtx-combogrid/style/index.js.map +1 -1
  15. package/lib/vtx-datagrid/Alert.js.map +1 -1
  16. package/lib/vtx-datagrid/ColumnSetting.js +18 -12
  17. package/lib/vtx-datagrid/ColumnSetting.js.map +1 -1
  18. package/lib/vtx-datagrid/index.js +10 -8
  19. package/lib/vtx-datagrid/index.js.map +1 -1
  20. package/lib/vtx-datagrid/renderColumnButtons.js.map +1 -1
  21. package/lib/vtx-datagrid/style/css.js.map +1 -1
  22. package/lib/vtx-datagrid/style/index.js.map +1 -1
  23. package/lib/vtx-date-picker/QdatePicker.js.map +1 -1
  24. package/lib/vtx-date-picker/generatePicker.js.map +1 -1
  25. package/lib/vtx-date-picker/index.js.map +1 -1
  26. package/lib/vtx-date-picker/style/css.js.map +1 -1
  27. package/lib/vtx-date-picker/style/index.js.map +1 -1
  28. package/lib/vtx-date-picker/style/index.less +39 -39
  29. package/lib/vtx-editor/index.js.map +1 -1
  30. package/lib/vtx-editor/style/css.js.map +1 -1
  31. package/lib/vtx-editor/style/index.js.map +1 -1
  32. package/lib/vtx-editor/style/index.less +8 -8
  33. package/lib/vtx-ellipsis-text/index.js.map +1 -1
  34. package/lib/vtx-ellipsis-text/style/css.js.map +1 -1
  35. package/lib/vtx-ellipsis-text/style/index.js.map +1 -1
  36. package/lib/vtx-ellipsis-text/style/index.less +13 -13
  37. package/lib/vtx-export/style/css.js.map +1 -1
  38. package/lib/vtx-export/style/index.js.map +1 -1
  39. package/lib/vtx-form-layout/Card.js.map +1 -1
  40. package/lib/vtx-form-layout/Divider.js.map +1 -1
  41. package/lib/vtx-form-layout/FormItem.js.map +1 -1
  42. package/lib/vtx-form-layout/Row.js.map +1 -1
  43. package/lib/vtx-form-layout/demo/Modal.less +43 -43
  44. package/lib/vtx-form-layout/index.js.map +1 -1
  45. package/lib/vtx-form-layout/style/css.js.map +1 -1
  46. package/lib/vtx-form-layout/style/index.js.map +1 -1
  47. package/lib/vtx-form-layout/style/index.less +216 -216
  48. package/lib/vtx-image/Image.js +40 -7
  49. package/lib/vtx-image/Image.js.map +1 -1
  50. package/lib/vtx-image/Preview.js.map +1 -1
  51. package/lib/vtx-image/PreviewGroup.js.map +1 -1
  52. package/lib/vtx-image/style/index.css +37 -6
  53. package/lib/vtx-image/style/index.less +24 -1
  54. package/lib/vtx-import/result.js.map +1 -1
  55. package/lib/vtx-import/style/css.js.map +1 -1
  56. package/lib/vtx-import/style/index.js.map +1 -1
  57. package/lib/vtx-import/style/index.less +8 -8
  58. package/lib/vtx-import2/CheckResult.js.map +1 -1
  59. package/lib/vtx-import2/Content.js.map +1 -1
  60. package/lib/vtx-import2/DownloadSvg.js.map +1 -1
  61. package/lib/vtx-import2/ImportResult.js.map +1 -1
  62. package/lib/vtx-import2/UploadSvg.js.map +1 -1
  63. package/lib/vtx-import2/style/css.js.map +1 -1
  64. package/lib/vtx-import2/style/index.js.map +1 -1
  65. package/lib/vtx-import2/style/index.less +102 -102
  66. package/lib/vtx-input/TextArea.js.map +1 -1
  67. package/lib/vtx-input/index.js.map +1 -1
  68. package/lib/vtx-input/style/css.js.map +1 -1
  69. package/lib/vtx-input/style/index.js.map +1 -1
  70. package/lib/vtx-input/style/index.less +24 -24
  71. package/lib/vtx-modal/index.js +2 -2
  72. package/lib/vtx-modal/index.js.map +1 -1
  73. package/lib/vtx-modal/style/css.js.map +1 -1
  74. package/lib/vtx-modal/style/index.js.map +1 -1
  75. package/lib/vtx-modal/style/index.less +101 -101
  76. package/lib/vtx-page-layout/Content.js.map +1 -1
  77. package/lib/vtx-page-layout/TableLayout.js +10 -10
  78. package/lib/vtx-page-layout/TableLayout.js.map +1 -1
  79. package/lib/vtx-page-layout/TableWrap.js.map +1 -1
  80. package/lib/vtx-page-layout/container.js.map +1 -1
  81. package/lib/vtx-page-layout/style/index.less +138 -138
  82. package/lib/vtx-scrollable-row/index.js.map +1 -1
  83. package/lib/vtx-scrollable-row/style/css.js.map +1 -1
  84. package/lib/vtx-scrollable-row/style/index.js.map +1 -1
  85. package/lib/vtx-scrollable-row/style/index.less +113 -113
  86. package/lib/vtx-search/VtxCol.js.map +1 -1
  87. package/lib/vtx-search/VtxRow.js.map +1 -1
  88. package/lib/vtx-search/style/css.js.map +1 -1
  89. package/lib/vtx-search/style/index.js.map +1 -1
  90. package/lib/vtx-search-map-input/index.js.map +1 -1
  91. package/lib/vtx-search-map-input/style/css.js.map +1 -1
  92. package/lib/vtx-search-map-input/style/index.js.map +1 -1
  93. package/lib/vtx-select/style/css.js.map +1 -1
  94. package/lib/vtx-select/style/index.js.map +1 -1
  95. package/lib/vtx-select/style/index.less +68 -68
  96. package/lib/vtx-signature/index.js.map +1 -1
  97. package/lib/vtx-signature/style/css.js.map +1 -1
  98. package/lib/vtx-signature/style/index.js.map +1 -1
  99. package/lib/vtx-signature/style/index.less +33 -33
  100. package/lib/vtx-split-pane/Resizer.js.map +1 -1
  101. package/lib/vtx-split-pane/SplitPane.js +4 -4
  102. package/lib/vtx-split-pane/SplitPane.js.map +1 -1
  103. package/lib/vtx-split-pane/style/css.js.map +1 -1
  104. package/lib/vtx-split-pane/style/index.js.map +1 -1
  105. package/lib/vtx-split-pane/style/index.less +76 -76
  106. package/lib/vtx-statistics-column/style/index.less +59 -59
  107. package/lib/vtx-time-picker/index.js.map +1 -1
  108. package/lib/vtx-time-picker/style/css.js.map +1 -1
  109. package/lib/vtx-time-picker/style/index.js.map +1 -1
  110. package/lib/vtx-upload/FilePreview.js.map +1 -1
  111. package/lib/vtx-upload/style/css.js.map +1 -1
  112. package/lib/vtx-upload/style/index.js.map +1 -1
  113. package/lib/vtx-upload/style/index.less +61 -61
  114. package/lib/vtx-wang-editor/style/css.js.map +1 -1
  115. package/lib/vtx-wang-editor/style/index.js.map +1 -1
  116. package/lib/vtx-wang-editor/style/index.less +12 -12
  117. package/lib/vtx-wang-editor/wangEditorUtil.js.map +1 -1
  118. package/lib/vtx-ztree/index.js +2 -2
  119. package/lib/vtx-ztree/index.js.map +1 -1
  120. package/lib/vtx-ztree/style/css.js.map +1 -1
  121. package/lib/vtx-ztree/style/index.js.map +1 -1
  122. package/lib/vtx-ztree/style/index.less +45 -45
  123. package/lib/vtx-ztree-select/index.js.map +1 -1
  124. package/lib/vtx-ztree-select/style/css.js.map +1 -1
  125. package/lib/vtx-ztree-select/style/index.js.map +1 -1
  126. package/lib/vtx-ztree-select/style/index.less +107 -107
  127. package/package.json +126 -126
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["initDragArg","init_x","init_y","x_move","y_move","documentMouseMove","documentMouseUp","VtxModal","props","useState","defaultIsFull","isFull","setIsFull","useSetState","dragArg","setDragArg","classId","useRef","Date","getTime","Math","random","wrapClassName","closable","title","maximize","onModalResize","moveable","useUpdateEffect","timer","setTimeout","el","document","getElementsByClassName","option","height","window","getComputedStyle","clearTimeout","useEffect","visible","modalHead","current","style","cursor","onmousedown","startDrag","e","preventDefault","onmouseup","onmousemove","clientX","clientY","prev","onCancel","renderTitle","indexOf","_titles","split","trim","paddingRight","bodyStyle","maxHeight","innerHeight","transformStyle","transform","newProps","maskClosable","destroyOnClose","width","classnames","children","info","Modal","success","error","warning","confirm","propTypes","PropTypes","bool","string","oneOfType","element","func","object","node","Title","size","xsmall","small","middle","large"],"sources":["vtx-modal/index.jsx"],"sourcesContent":["/*\n * @Author: chenxinyu\n * @Date: 2021-03-24 21:47:52\n * @LastEditors: your name\n * @LastEditTime: 2022-01-15 22:13:58\n * @Description: 对话框组件\n * @FilePath: \\react-components\\components\\vtx-modal\\index.jsx\n */\nimport React, { useEffect, useRef, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport useUpdateEffect from 'ahooks/es/useUpdateEffect';\nimport useSetState from 'ahooks/es/useSetState';\nimport CloseOutlined from '@ant-design/icons/CloseOutlined';\nimport FullscreenExitOutlined from '@ant-design/icons/FullscreenExitOutlined';\nimport FullscreenOutlined from '@ant-design/icons/FullscreenOutlined';\nimport classnames from 'classnames';\nimport Modal from 'antd/lib/modal';\nimport Title from './Title';\n\n// 对话框位置初始参数\nconst initDragArg = {\n init_x: 0,\n init_y: 0,\n x_move: 0,\n y_move: 0,\n documentMouseMove: null,\n documentMouseUp: null,\n};\n\nfunction VtxModal(props) {\n const [isFull, setIsFull] = useState(!!props.defaultIsFull); // 是否是全屏状态\n const [dragArg, setDragArg] = useSetState(initDragArg); // 拖动配置\n const classId = useRef(new Date().getTime() + Math.random());\n\n let {\n wrapClassName = '',\n closable = true, // 是否显示右上角关闭按钮\n title = '', // 对话框title\n maximize = false, // 是否显示对话框全屏按钮\n onModalResize, // 对话框全屏回调\n moveable = false, // 对话框是否允许拖动\n } = props;\n\n // 监听对话框大小变化回调(忽略首次执行)\n useUpdateEffect(() => {\n const timer = setTimeout(() => {\n if (onModalResize && typeof onModalResize === 'function') {\n const el = document.getElementsByClassName('ant-modal-body')[0];\n const option = {\n height: window.getComputedStyle(el).height,\n isFull,\n };\n onModalResize(option);\n }\n }, 100);\n return () => clearTimeout(timer);\n }, [isFull]);\n\n // 拖拽\n useEffect(() => {\n if (props.visible && moveable) {\n const timer = setTimeout(() => {\n const modalHead = document\n .getElementsByClassName(classId.current)?.[0]\n ?.getElementsByClassName('ant-modal-header')?.[0];\n if (modalHead) {\n modalHead.style.cursor = 'move';\n modalHead.onmousedown = startDrag;\n }\n }, 200);\n return () => clearTimeout(timer);\n }\n });\n\n useEffect(() => {\n if (props.visible) {\n setIsFull(!!props.defaultIsFull);\n }\n }, [props.visible]);\n\n const startDrag = e => {\n e.preventDefault();\n // 全屏模式下禁止拖拽\n if (!isFull) {\n setDragArg({\n documentMouseUp: document.onmouseup,\n documentMouseMove: document.onmousemove,\n init_x: e.clientX - dragArg.x_move,\n init_y: e.clientY - dragArg.y_move,\n });\n document.onmousemove = e => {\n setDragArg(prev => ({\n x_move: e.clientX - prev.init_x,\n y_move: e.clientY - prev.init_y,\n }));\n };\n document.onmouseup = () => {\n document.onmousemove = dragArg.documentMouseMove;\n document.onmouseup = dragArg.documentMouseUp;\n };\n }\n };\n\n // 关闭对话框,初始化位置\n const onCancel = () => {\n if (props.onCancel && typeof props.onCancel === 'function') {\n props.onCancel();\n // TODO 关闭弹框会闪一下,待解决\n setDragArg(initDragArg);\n setIsFull(false);\n }\n };\n\n /*\n *重写title,加入对话框全屏功能\n */\n title = (function renderTitle() {\n if (typeof title == 'string' && title.indexOf('>') > -1) {\n let _titles = title.split('>');\n title = <Title text={_titles[0].trim()} subtitle={_titles[1].trim()} />;\n }\n return (\n <div className=\"vtx-modal-title\" style={{ paddingRight: closable ? '32px' : '0px' }}>\n <div className=\"vtx-modal-title_name\">{title}</div>\n {maximize ? (\n <div className=\"vtx-modal-maximizeIcon\">\n <p\n onClick={() => {\n setIsFull(!isFull);\n }}\n >\n {isFull ? <FullscreenExitOutlined /> : <FullscreenOutlined />}\n </p>\n </div>\n ) : null}\n {closable ? (\n <div className=\"vtx-modal-close\">\n <p onClick={onCancel}>\n {/* <Icon type=\"close\" /> */}\n <CloseOutlined />\n </p>\n </div>\n ) : (\n ''\n )}\n </div>\n );\n })();\n\n let bodyStyle = {\n ...props.bodyStyle,\n };\n\n /* 限制最大高度 */\n if (!isFull) {\n bodyStyle = {\n maxHeight: `${window.innerHeight * 0.7}px`,\n ...bodyStyle,\n };\n }\n\n const transformStyle = {\n transform: `translate(${dragArg.x_move}px,${dragArg.y_move}px)`,\n };\n\n const newProps = {\n maskClosable: false,\n destroyOnClose: true,\n width: 700,\n ...props,\n closable: false,\n title,\n wrapClassName: classnames(\n 'vtx-modal',\n wrapClassName,\n isFull ? 'vtx-modal-maxClass' : '',\n classId.current,\n ),\n bodyStyle,\n onCancel,\n style: {\n ...props.style,\n ...(isFull ? {} : transformStyle),\n },\n };\n\n return <Modal {...newProps}>{props.children}</Modal>;\n}\n\nVtxModal.info = Modal.info;\nVtxModal.success = Modal.success;\nVtxModal.error = Modal.error;\nVtxModal.warning = Modal.warning;\nVtxModal.confirm = Modal.confirm;\n\nVtxModal.propTypes = {\n visible: PropTypes.bool,\n wrapClassName: PropTypes.string,\n closable: PropTypes.bool,\n title: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),\n maximize: PropTypes.bool,\n onModalResize: PropTypes.func,\n moveable: PropTypes.bool,\n onCancel: PropTypes.func,\n bodyStyle: PropTypes.object,\n style: PropTypes.object,\n children: PropTypes.node,\n defaultIsFull: PropTypes.bool,\n};\n\nVtxModal.Title = Title;\n\nconst size = {\n xsmall: 392,\n small: 500,\n middle: 744,\n large: 1096,\n};\n\nVtxModal.size = size;\n\nexport default VtxModal;\n"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","names":["initDragArg","init_x","init_y","x_move","y_move","documentMouseMove","documentMouseUp","VtxModal","props","useState","defaultIsFull","isFull","setIsFull","useSetState","dragArg","setDragArg","classId","useRef","Date","getTime","Math","random","wrapClassName","closable","title","maximize","onModalResize","moveable","useUpdateEffect","timer","setTimeout","el","document","getElementsByClassName","option","height","window","getComputedStyle","clearTimeout","useEffect","visible","modalHead","current","style","cursor","onmousedown","startDrag","e","preventDefault","onmouseup","onmousemove","clientX","clientY","prev","onCancel","renderTitle","indexOf","_titles","split","trim","paddingRight","bodyStyle","maxHeight","innerHeight","transformStyle","transform","newProps","maskClosable","destroyOnClose","width","classnames","children","info","Modal","success","error","warning","confirm","propTypes","PropTypes","bool","string","oneOfType","element","func","object","node","Title","size","xsmall","small","middle","large"],"sources":["vtx-modal/index.jsx"],"sourcesContent":["/*\r\n * @Author: chenxinyu\r\n * @Date: 2021-03-24 21:47:52\r\n * @LastEditors: your name\r\n * @LastEditTime: 2022-01-15 22:13:58\r\n * @Description: 对话框组件\r\n * @FilePath: \\react-components\\components\\vtx-modal\\index.jsx\r\n */\r\nimport React, { useEffect, useRef, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport useUpdateEffect from 'ahooks/es/useUpdateEffect';\r\nimport useSetState from 'ahooks/es/useSetState';\r\nimport CloseOutlined from '@ant-design/icons/CloseOutlined';\r\nimport FullscreenExitOutlined from '@ant-design/icons/FullscreenExitOutlined';\r\nimport FullscreenOutlined from '@ant-design/icons/FullscreenOutlined';\r\nimport classnames from 'classnames';\r\nimport Modal from 'antd/lib/modal';\r\nimport Title from './Title';\r\n\r\n// 对话框位置初始参数\r\nconst initDragArg = {\r\n init_x: 0,\r\n init_y: 0,\r\n x_move: 0,\r\n y_move: 0,\r\n documentMouseMove: null,\r\n documentMouseUp: null,\r\n};\r\n\r\nfunction VtxModal(props) {\r\n const [isFull, setIsFull] = useState(!!props.defaultIsFull); // 是否是全屏状态\r\n const [dragArg, setDragArg] = useSetState(initDragArg); // 拖动配置\r\n const classId = useRef(new Date().getTime() + Math.random());\r\n\r\n let {\r\n wrapClassName = '',\r\n closable = true, // 是否显示右上角关闭按钮\r\n title = '', // 对话框title\r\n maximize = false, // 是否显示对话框全屏按钮\r\n onModalResize, // 对话框全屏回调\r\n moveable = false, // 对话框是否允许拖动\r\n } = props;\r\n\r\n // 监听对话框大小变化回调(忽略首次执行)\r\n useUpdateEffect(() => {\r\n const timer = setTimeout(() => {\r\n if (onModalResize && typeof onModalResize === 'function') {\r\n const el = document.getElementsByClassName('ant-modal-body')[0];\r\n const option = {\r\n height: window.getComputedStyle(el).height,\r\n isFull,\r\n };\r\n onModalResize(option);\r\n }\r\n }, 100);\r\n return () => clearTimeout(timer);\r\n }, [isFull]);\r\n\r\n // 拖拽\r\n useEffect(() => {\r\n if (props.visible && moveable) {\r\n const timer = setTimeout(() => {\r\n const modalHead = document\r\n .getElementsByClassName(classId.current)?.[0]\r\n ?.getElementsByClassName('ant-modal-header')?.[0];\r\n if (modalHead) {\r\n modalHead.style.cursor = 'move';\r\n modalHead.onmousedown = startDrag;\r\n }\r\n }, 200);\r\n return () => clearTimeout(timer);\r\n }\r\n });\r\n\r\n useEffect(() => {\r\n if (props.visible) {\r\n setIsFull(!!props.defaultIsFull);\r\n }\r\n }, [props.visible]);\r\n\r\n const startDrag = e => {\r\n e.preventDefault();\r\n // 全屏模式下禁止拖拽\r\n if (!isFull) {\r\n setDragArg({\r\n documentMouseUp: document.onmouseup,\r\n documentMouseMove: document.onmousemove,\r\n init_x: e.clientX - dragArg.x_move,\r\n init_y: e.clientY - dragArg.y_move,\r\n });\r\n document.onmousemove = e => {\r\n setDragArg(prev => ({\r\n x_move: e.clientX - prev.init_x,\r\n y_move: e.clientY - prev.init_y,\r\n }));\r\n };\r\n document.onmouseup = () => {\r\n document.onmousemove = dragArg.documentMouseMove;\r\n document.onmouseup = dragArg.documentMouseUp;\r\n };\r\n }\r\n };\r\n\r\n // 关闭对话框,初始化位置\r\n const onCancel = () => {\r\n if (props.onCancel && typeof props.onCancel === 'function') {\r\n props.onCancel();\r\n // TODO 关闭弹框会闪一下,待解决\r\n setDragArg(initDragArg);\r\n setIsFull(false);\r\n }\r\n };\r\n\r\n /*\r\n *重写title,加入对话框全屏功能\r\n */\r\n title = (function renderTitle() {\r\n if (typeof title == 'string' && title.indexOf('>') > -1) {\r\n let _titles = title.split('>');\r\n title = <Title text={_titles[0].trim()} subtitle={_titles[1].trim()} />;\r\n }\r\n return (\r\n <div className=\"vtx-modal-title\" style={{ paddingRight: closable ? '32px' : '0px' }}>\r\n <div className=\"vtx-modal-title_name\">{title}</div>\r\n {maximize ? (\r\n <div className=\"vtx-modal-maximizeIcon\">\r\n <p\r\n onClick={() => {\r\n setIsFull(!isFull);\r\n }}\r\n >\r\n {isFull ? <FullscreenExitOutlined /> : <FullscreenOutlined />}\r\n </p>\r\n </div>\r\n ) : null}\r\n {closable ? (\r\n <div className=\"vtx-modal-close\">\r\n <p onClick={onCancel}>\r\n {/* <Icon type=\"close\" /> */}\r\n <CloseOutlined />\r\n </p>\r\n </div>\r\n ) : (\r\n ''\r\n )}\r\n </div>\r\n );\r\n })();\r\n\r\n let bodyStyle = {\r\n ...props.bodyStyle,\r\n };\r\n\r\n /* 限制最大高度 */\r\n if (!isFull) {\r\n bodyStyle = {\r\n maxHeight: `${window.innerHeight * 0.7}px`,\r\n ...bodyStyle,\r\n };\r\n }\r\n\r\n const transformStyle = {\r\n transform: `translate(${dragArg.x_move}px,${dragArg.y_move}px)`,\r\n };\r\n\r\n const newProps = {\r\n maskClosable: false,\r\n destroyOnClose: true,\r\n width: 700,\r\n ...props,\r\n closable: false,\r\n title,\r\n wrapClassName: classnames(\r\n 'vtx-modal',\r\n wrapClassName,\r\n isFull ? 'vtx-modal-maxClass' : '',\r\n classId.current,\r\n ),\r\n bodyStyle,\r\n onCancel,\r\n style: {\r\n ...props.style,\r\n ...(isFull ? {} : transformStyle),\r\n },\r\n };\r\n\r\n return <Modal {...newProps}>{props.children}</Modal>;\r\n}\r\n\r\nVtxModal.info = Modal.info;\r\nVtxModal.success = Modal.success;\r\nVtxModal.error = Modal.error;\r\nVtxModal.warning = Modal.warning;\r\nVtxModal.confirm = Modal.confirm;\r\n\r\nVtxModal.propTypes = {\r\n visible: PropTypes.bool,\r\n wrapClassName: PropTypes.string,\r\n closable: PropTypes.bool,\r\n title: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),\r\n maximize: PropTypes.bool,\r\n onModalResize: PropTypes.func,\r\n moveable: PropTypes.bool,\r\n onCancel: PropTypes.func,\r\n bodyStyle: PropTypes.object,\r\n style: PropTypes.object,\r\n children: PropTypes.node,\r\n defaultIsFull: PropTypes.bool,\r\n};\r\n\r\nVtxModal.Title = Title;\r\n\r\nconst size = {\r\n xsmall: 392,\r\n small: 500,\r\n middle: 744,\r\n large: 1096,\r\n};\r\n\r\nVtxModal.size = size;\r\n\r\nexport default VtxModal;\r\n"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"css.js","names":[],"sources":["vtx-modal/style/index.js"],"sourcesContent":["import 'antd/lib/modal/style';\r\nimport './index.less';\r\n"],"mappings":";;AAAA;;AACA"}
1
+ {"version":3,"file":"css.js","names":[],"sources":["vtx-modal/style/index.js"],"sourcesContent":["import 'antd/lib/modal/style';\nimport './index.less';\n"],"mappings":";;AAAA;;AACA"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":[],"sources":["vtx-modal/style/index.js"],"sourcesContent":["import 'antd/lib/modal/style';\r\nimport './index.less';\r\n"],"mappings":";;AAAA;;AACA"}
1
+ {"version":3,"file":"index.js","names":[],"sources":["vtx-modal/style/index.js"],"sourcesContent":["import 'antd/lib/modal/style';\nimport './index.less';\n"],"mappings":";;AAAA;;AACA"}
@@ -1,101 +1,101 @@
1
- @import (reference) '~antd/lib/style/themes/index.less';
2
-
3
- .vtx-modal-maxClass {
4
- .ant-modal {
5
- top: 0 !important;
6
- left: 0 !important;
7
- width: 100% !important;
8
- height: 100% !important;
9
- padding-bottom: 0 !important;
10
- overflow: hidden;
11
- .ant-modal-content {
12
- display: flex;
13
- flex-direction: column;
14
- }
15
- }
16
- .ant-modal-body {
17
- flex: 1;
18
- min-height: 0;
19
- max-height: initial !important;
20
- }
21
- }
22
- .vtx-modal {
23
- .ant-modal {
24
- top: 10%;
25
- padding-bottom: 0;
26
- .ant-modal-content {
27
- height: 100%;
28
- .ant-modal-body {
29
- max-height: e('calc(100% - 108px)');
30
- padding: 20px 24px;
31
- overflow: auto;
32
- }
33
- }
34
- }
35
- .vtx-modal-title {
36
- position: relative;
37
- width: 100%;
38
- .vtx-modal-title_name {
39
- width: 100%;
40
- color: @text-color;
41
- }
42
- .vtx-modal-close,
43
- .vtx-modal-maximizeIcon {
44
- position: absolute;
45
- top: -13px;
46
- right: -16px;
47
- p {
48
- position: absolute;
49
- top: 0;
50
- right: 0;
51
- z-index: 10;
52
- display: inline-block;
53
- width: 36px;
54
- height: 48px;
55
- color: @text-color-secondary;
56
- font-weight: 700;
57
- line-height: 48px;
58
- text-align: center;
59
- text-decoration: none;
60
- background: transparent;
61
- border: 0;
62
- outline: 0;
63
- cursor: pointer;
64
- -webkit-transition: color 0.3s ease;
65
- transition: color 0.3s ease;
66
- &:hover {
67
- color: @icon-color-hover;
68
- text-decoration: none;
69
- }
70
- }
71
- }
72
- .vtx-modal-maximizeIcon {
73
- right: 20px;
74
- }
75
- }
76
- }
77
-
78
- .vtx-modal-header-title {
79
- .vtx-modal-header-text {
80
- font-weight: 400;
81
- }
82
- .vtx-modal-header-text when(@theme=dark) {
83
- color: @text-color;
84
- }
85
- .vtx-modal-header-text when(@theme=default) {
86
- color: fade(@black, 65%);
87
- }
88
- .vtx-modal-header-text + .vtx-modal-header-subtitle {
89
- &::before {
90
- margin: 0 4px;
91
- font-weight: 400;
92
- content: '>';
93
- }
94
- &::before when(@theme=dark) {
95
- color: @text-color;
96
- }
97
- &::before when(@theme=default) {
98
- color: fade(@black, 65%);
99
- }
100
- }
101
- }
1
+ @import (reference) '~antd/lib/style/themes/index.less';
2
+
3
+ .vtx-modal-maxClass {
4
+ .ant-modal {
5
+ top: 0 !important;
6
+ left: 0 !important;
7
+ width: 100% !important;
8
+ height: 100% !important;
9
+ padding-bottom: 0 !important;
10
+ overflow: hidden;
11
+ .ant-modal-content {
12
+ display: flex;
13
+ flex-direction: column;
14
+ }
15
+ }
16
+ .ant-modal-body {
17
+ flex: 1;
18
+ min-height: 0;
19
+ max-height: initial !important;
20
+ }
21
+ }
22
+ .vtx-modal {
23
+ .ant-modal {
24
+ top: 10%;
25
+ padding-bottom: 0;
26
+ .ant-modal-content {
27
+ height: 100%;
28
+ .ant-modal-body {
29
+ max-height: e('calc(100% - 108px)');
30
+ padding: 20px 24px;
31
+ overflow: auto;
32
+ }
33
+ }
34
+ }
35
+ .vtx-modal-title {
36
+ position: relative;
37
+ width: 100%;
38
+ .vtx-modal-title_name {
39
+ width: 100%;
40
+ color: @text-color;
41
+ }
42
+ .vtx-modal-close,
43
+ .vtx-modal-maximizeIcon {
44
+ position: absolute;
45
+ top: -13px;
46
+ right: -16px;
47
+ p {
48
+ position: absolute;
49
+ top: 0;
50
+ right: 0;
51
+ z-index: 10;
52
+ display: inline-block;
53
+ width: 36px;
54
+ height: 48px;
55
+ color: @text-color-secondary;
56
+ font-weight: 700;
57
+ line-height: 48px;
58
+ text-align: center;
59
+ text-decoration: none;
60
+ background: transparent;
61
+ border: 0;
62
+ outline: 0;
63
+ cursor: pointer;
64
+ -webkit-transition: color 0.3s ease;
65
+ transition: color 0.3s ease;
66
+ &:hover {
67
+ color: @icon-color-hover;
68
+ text-decoration: none;
69
+ }
70
+ }
71
+ }
72
+ .vtx-modal-maximizeIcon {
73
+ right: 20px;
74
+ }
75
+ }
76
+ }
77
+
78
+ .vtx-modal-header-title {
79
+ .vtx-modal-header-text {
80
+ font-weight: 400;
81
+ }
82
+ .vtx-modal-header-text when(@theme=dark) {
83
+ color: @text-color;
84
+ }
85
+ .vtx-modal-header-text when(@theme=default) {
86
+ color: fade(@black, 65%);
87
+ }
88
+ .vtx-modal-header-text + .vtx-modal-header-subtitle {
89
+ &::before {
90
+ margin: 0 4px;
91
+ font-weight: 400;
92
+ content: '>';
93
+ }
94
+ &::before when(@theme=dark) {
95
+ color: @text-color;
96
+ }
97
+ &::before when(@theme=default) {
98
+ color: fade(@black, 65%);
99
+ }
100
+ }
101
+ }
@@ -1 +1 @@
1
- {"version":3,"file":"Content.js","names":["Content","props","id","className","style","relative","scrollY","height","contentClass","classnames","newStyle","children","propTypes","PropTypes","string","object","bool","oneOfType","number","node"],"sources":["vtx-page-layout/Content.jsx"],"sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classnames from 'classnames';\r\n\r\nfunction Content(props) {\r\n const { id, className, style, relative = false, scrollY = false, height } = props;\r\n\r\n const contentClass = classnames(\r\n {\r\n ['vtx-content-absolute']: !relative,\r\n ['vtx-content-relative']: relative,\r\n ['vtx-content-scroll-y']: scrollY,\r\n },\r\n className,\r\n );\r\n\r\n let newStyle = style;\r\n if ('height' in props) {\r\n newStyle = {\r\n ...newStyle,\r\n height: height,\r\n };\r\n }\r\n\r\n return (\r\n <div id={id} style={newStyle} className={contentClass}>\r\n {props.children}\r\n </div>\r\n );\r\n}\r\n\r\nexport default Content;\r\n\r\nContent.propTypes = {\r\n id: PropTypes.string,\r\n style: PropTypes.object,\r\n className: PropTypes.string,\r\n relative: PropTypes.bool,\r\n scrollY: PropTypes.bool,\r\n height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n children: PropTypes.node,\r\n};\r\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;AAEA,SAASA,OAAT,CAAiBC,KAAjB,EAAwB;EAAA;;EACpB,IAAQC,EAAR,GAA4ED,KAA5E,CAAQC,EAAR;EAAA,IAAYC,SAAZ,GAA4EF,KAA5E,CAAYE,SAAZ;EAAA,IAAuBC,KAAvB,GAA4EH,KAA5E,CAAuBG,KAAvB;EAAA,sBAA4EH,KAA5E,CAA8BI,QAA9B;EAAA,IAA8BA,QAA9B,gCAAyC,KAAzC;EAAA,qBAA4EJ,KAA5E,CAAgDK,OAAhD;EAAA,IAAgDA,OAAhD,+BAA0D,KAA1D;EAAA,IAAiEC,MAAjE,GAA4EN,KAA5E,CAAiEM,MAAjE;EAEA,IAAMC,YAAY,GAAG,IAAAC,uBAAA,kDAEZ,sBAFY,EAEa,CAACJ,QAFd,gCAGZ,sBAHY,EAGaA,QAHb,gCAIZ,sBAJY,EAIaC,OAJb,iBAMjBH,SANiB,CAArB;EASA,IAAIO,QAAQ,GAAGN,KAAf;;EACA,IAAI,YAAYH,KAAhB,EAAuB;IACnBS,QAAQ,mCACDA,QADC;MAEJH,MAAM,EAAEA;IAFJ,EAAR;EAIH;;EAED,oBACI;IAAK,EAAE,EAAEL,EAAT;IAAa,KAAK,EAAEQ,QAApB;IAA8B,SAAS,EAAEF;EAAzC,GACKP,KAAK,CAACU,QADX,CADJ;AAKH;;eAEcX,O;;AAEfA,OAAO,CAACY,SAAR,GAAoB;EAChBV,EAAE,EAAEW,qBAAA,CAAUC,MADE;EAEhBV,KAAK,EAAES,qBAAA,CAAUE,MAFD;EAGhBZ,SAAS,EAAEU,qBAAA,CAAUC,MAHL;EAIhBT,QAAQ,EAAEQ,qBAAA,CAAUG,IAJJ;EAKhBV,OAAO,EAAEO,qBAAA,CAAUG,IALH;EAMhBT,MAAM,EAAEM,qBAAA,CAAUI,SAAV,CAAoB,CAACJ,qBAAA,CAAUC,MAAX,EAAmBD,qBAAA,CAAUK,MAA7B,CAApB,CANQ;EAOhBP,QAAQ,EAAEE,qBAAA,CAAUM;AAPJ,CAApB"}
1
+ {"version":3,"file":"Content.js","names":["Content","props","id","className","style","relative","scrollY","height","contentClass","classnames","newStyle","children","propTypes","PropTypes","string","object","bool","oneOfType","number","node"],"sources":["vtx-page-layout/Content.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\n\nfunction Content(props) {\n const { id, className, style, relative = false, scrollY = false, height } = props;\n\n const contentClass = classnames(\n {\n ['vtx-content-absolute']: !relative,\n ['vtx-content-relative']: relative,\n ['vtx-content-scroll-y']: scrollY,\n },\n className,\n );\n\n let newStyle = style;\n if ('height' in props) {\n newStyle = {\n ...newStyle,\n height: height,\n };\n }\n\n return (\n <div id={id} style={newStyle} className={contentClass}>\n {props.children}\n </div>\n );\n}\n\nexport default Content;\n\nContent.propTypes = {\n id: PropTypes.string,\n style: PropTypes.object,\n className: PropTypes.string,\n relative: PropTypes.bool,\n scrollY: PropTypes.bool,\n height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n children: PropTypes.node,\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;AAEA,SAASA,OAAT,CAAiBC,KAAjB,EAAwB;EAAA;;EACpB,IAAQC,EAAR,GAA4ED,KAA5E,CAAQC,EAAR;EAAA,IAAYC,SAAZ,GAA4EF,KAA5E,CAAYE,SAAZ;EAAA,IAAuBC,KAAvB,GAA4EH,KAA5E,CAAuBG,KAAvB;EAAA,sBAA4EH,KAA5E,CAA8BI,QAA9B;EAAA,IAA8BA,QAA9B,gCAAyC,KAAzC;EAAA,qBAA4EJ,KAA5E,CAAgDK,OAAhD;EAAA,IAAgDA,OAAhD,+BAA0D,KAA1D;EAAA,IAAiEC,MAAjE,GAA4EN,KAA5E,CAAiEM,MAAjE;EAEA,IAAMC,YAAY,GAAG,IAAAC,uBAAA,kDAEZ,sBAFY,EAEa,CAACJ,QAFd,gCAGZ,sBAHY,EAGaA,QAHb,gCAIZ,sBAJY,EAIaC,OAJb,iBAMjBH,SANiB,CAArB;EASA,IAAIO,QAAQ,GAAGN,KAAf;;EACA,IAAI,YAAYH,KAAhB,EAAuB;IACnBS,QAAQ,mCACDA,QADC;MAEJH,MAAM,EAAEA;IAFJ,EAAR;EAIH;;EAED,oBACI;IAAK,EAAE,EAAEL,EAAT;IAAa,KAAK,EAAEQ,QAApB;IAA8B,SAAS,EAAEF;EAAzC,GACKP,KAAK,CAACU,QADX,CADJ;AAKH;;eAEcX,O;;AAEfA,OAAO,CAACY,SAAR,GAAoB;EAChBV,EAAE,EAAEW,qBAAA,CAAUC,MADE;EAEhBV,KAAK,EAAES,qBAAA,CAAUE,MAFD;EAGhBZ,SAAS,EAAEU,qBAAA,CAAUC,MAHL;EAIhBT,QAAQ,EAAEQ,qBAAA,CAAUG,IAJJ;EAKhBV,OAAO,EAAEO,qBAAA,CAAUG,IALH;EAMhBT,MAAM,EAAEM,qBAAA,CAAUI,SAAV,CAAoB,CAACJ,qBAAA,CAAUC,MAAX,EAAmBD,qBAAA,CAAUK,MAA7B,CAApB,CANQ;EAOhBP,QAAQ,EAAEE,qBAAA,CAAUM;AAPJ,CAApB"}
@@ -48,9 +48,9 @@ exports.StoreCtx = StoreCtx;
48
48
  var pagePaddingTop = 16;
49
49
  var searchMarginBottom = 16; // eslint-disable-next-line valid-jsdoc
50
50
 
51
- /**
52
- * 页面
53
- * @param {*} props
51
+ /**
52
+ * 页面
53
+ * @param {*} props
54
54
  */
55
55
 
56
56
  var Page = function Page(props) {
@@ -84,17 +84,17 @@ Page.propTypes = {
84
84
  children: _propTypes["default"].node,
85
85
  onSearchCollapse: _propTypes["default"].func
86
86
  };
87
- /**
88
- * 搜索
87
+ /**
88
+ * 搜索
89
89
  */
90
90
 
91
91
  var Search = (0, _container["default"])({
92
92
  componentClass: 'vtx-table-search'
93
93
  })(_Basic["default"]); // eslint-disable-next-line valid-jsdoc
94
94
 
95
- /**
96
- * 内容
97
- * @param {*} props
95
+ /**
96
+ * 内容
97
+ * @param {*} props
98
98
  */
99
99
 
100
100
  var Content = function Content(props) {
@@ -121,8 +121,8 @@ Content.propTypes = {
121
121
  plusTop: _propTypes["default"].number
122
122
  }; // eslint-disable-next-line valid-jsdoc
123
123
 
124
- /**
125
- * 表格布局
124
+ /**
125
+ * 表格布局
126
126
  */
127
127
 
128
128
  var Table = function Table(props) {
@@ -1 +1 @@
1
- {"version":3,"file":"TableLayout.js","names":["StoreCtx","createContext","pagePaddingTop","searchMarginBottom","Page","props","useState","searchHeight","setSearchHeight","onSearchCollapse","searchCollapseEvent$","useEventEmitter","store","onCollapse","height","emit","classsnames","className","style","children","propTypes","PropTypes","object","string","node","func","Search","container","componentClass","Basic","Content","plusTop","useContext","top","number","Table","React","cloneElement","Card"],"sources":["vtx-page-layout/TableLayout.jsx"],"sourcesContent":["import React, { useState, useContext } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classsnames from 'classnames';\r\nimport { createContext } from 'react';\r\nimport useEventEmitter from 'ahooks/es/useEventEmitter';\r\nimport container from './container';\r\nimport Basic from './Basic';\r\nexport const StoreCtx = createContext({});\r\n\r\nconst pagePaddingTop = 16;\r\nconst searchMarginBottom = 16;\r\n\r\n// eslint-disable-next-line valid-jsdoc\r\n/**\r\n * 页面\r\n * @param {*} props\r\n */\r\nconst Page = props => {\r\n const [searchHeight, setSearchHeight] = useState(64);\r\n const { onSearchCollapse } = props;\r\n const searchCollapseEvent$ = useEventEmitter();\r\n const store = {\r\n searchHeight,\r\n searchCollapseEvent$,\r\n onCollapse(height) {\r\n setSearchHeight(height);\r\n onSearchCollapse && onSearchCollapse(height);\r\n searchCollapseEvent$.emit();\r\n },\r\n };\r\n return (\r\n <StoreCtx.Provider value={store}>\r\n <div className={classsnames('vtx-page--table', props.className)} style={props.style}>\r\n {props.children}\r\n </div>\r\n </StoreCtx.Provider>\r\n );\r\n};\r\n\r\nPage.propTypes = {\r\n style: PropTypes.object,\r\n className: PropTypes.string,\r\n children: PropTypes.node,\r\n onSearchCollapse: PropTypes.func,\r\n};\r\n\r\n/**\r\n * 搜索\r\n */\r\nconst Search = container({ componentClass: 'vtx-table-search' })(Basic);\r\n\r\n// eslint-disable-next-line valid-jsdoc\r\n/**\r\n * 内容\r\n * @param {*} props\r\n */\r\nconst Content = props => {\r\n const { className, style, plusTop=0 } = props;\r\n const { searchHeight } = useContext(StoreCtx);\r\n return (\r\n <div\r\n className={classsnames('vtx-table-content', className)}\r\n style={{\r\n top: pagePaddingTop + searchMarginBottom + searchHeight + plusTop,\r\n ...style,\r\n }}\r\n >\r\n {props.children}\r\n </div>\r\n );\r\n};\r\n\r\nContent.propTypes = {\r\n style: PropTypes.object,\r\n className: PropTypes.string,\r\n children: PropTypes.node,\r\n plusTop: PropTypes.number,\r\n};\r\n\r\n// eslint-disable-next-line valid-jsdoc\r\n/**\r\n * 表格布局\r\n */\r\nconst Table = props => {\r\n const { className, style } = props;\r\n const { searchCollapseEvent$ } = useContext(StoreCtx);\r\n\r\n return (\r\n <div className={classsnames('vtx-table-wrap', className)} style={style}>\r\n {React.cloneElement(props.children, {\r\n ...props.children.props,\r\n searchCollapseEvent$,\r\n })}\r\n </div>\r\n );\r\n};\r\n\r\nTable.propTypes = {\r\n style: PropTypes.object,\r\n className: PropTypes.string,\r\n children: PropTypes.node,\r\n};\r\n\r\nconst Card = props => {\r\n const { className, style } = props;\r\n\r\n return (\r\n <div style={style} className={classsnames('vtx-table-card', className)}>\r\n {props.children}\r\n </div>\r\n );\r\n};\r\n\r\nCard.propTypes = {\r\n style: PropTypes.object,\r\n className: PropTypes.string,\r\n children: PropTypes.node,\r\n};\r\n\r\nexport default { Page, Search, Content, Table: container()(Table), Card };\r\n"],"mappings":"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"}
1
+ {"version":3,"file":"TableLayout.js","names":["StoreCtx","createContext","pagePaddingTop","searchMarginBottom","Page","props","useState","searchHeight","setSearchHeight","onSearchCollapse","searchCollapseEvent$","useEventEmitter","store","onCollapse","height","emit","classsnames","className","style","children","propTypes","PropTypes","object","string","node","func","Search","container","componentClass","Basic","Content","plusTop","useContext","top","number","Table","React","cloneElement","Card"],"sources":["vtx-page-layout/TableLayout.jsx"],"sourcesContent":["import React, { useState, useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classsnames from 'classnames';\nimport { createContext } from 'react';\nimport useEventEmitter from 'ahooks/es/useEventEmitter';\nimport container from './container';\nimport Basic from './Basic';\nexport const StoreCtx = createContext({});\n\nconst pagePaddingTop = 16;\nconst searchMarginBottom = 16;\n\n// eslint-disable-next-line valid-jsdoc\n/**\n * 页面\n * @param {*} props\n */\nconst Page = props => {\n const [searchHeight, setSearchHeight] = useState(64);\n const { onSearchCollapse } = props;\n const searchCollapseEvent$ = useEventEmitter();\n const store = {\n searchHeight,\n searchCollapseEvent$,\n onCollapse(height) {\n setSearchHeight(height);\n onSearchCollapse && onSearchCollapse(height);\n searchCollapseEvent$.emit();\n },\n };\n return (\n <StoreCtx.Provider value={store}>\n <div className={classsnames('vtx-page--table', props.className)} style={props.style}>\n {props.children}\n </div>\n </StoreCtx.Provider>\n );\n};\n\nPage.propTypes = {\n style: PropTypes.object,\n className: PropTypes.string,\n children: PropTypes.node,\n onSearchCollapse: PropTypes.func,\n};\n\n/**\n * 搜索\n */\nconst Search = container({ componentClass: 'vtx-table-search' })(Basic);\n\n// eslint-disable-next-line valid-jsdoc\n/**\n * 内容\n * @param {*} props\n */\nconst Content = props => {\n const { className, style, plusTop=0 } = props;\n const { searchHeight } = useContext(StoreCtx);\n return (\n <div\n className={classsnames('vtx-table-content', className)}\n style={{\n top: pagePaddingTop + searchMarginBottom + searchHeight + plusTop,\n ...style,\n }}\n >\n {props.children}\n </div>\n );\n};\n\nContent.propTypes = {\n style: PropTypes.object,\n className: PropTypes.string,\n children: PropTypes.node,\n plusTop: PropTypes.number,\n};\n\n// eslint-disable-next-line valid-jsdoc\n/**\n * 表格布局\n */\nconst Table = props => {\n const { className, style } = props;\n const { searchCollapseEvent$ } = useContext(StoreCtx);\n\n return (\n <div className={classsnames('vtx-table-wrap', className)} style={style}>\n {React.cloneElement(props.children, {\n ...props.children.props,\n searchCollapseEvent$,\n })}\n </div>\n );\n};\n\nTable.propTypes = {\n style: PropTypes.object,\n className: PropTypes.string,\n children: PropTypes.node,\n};\n\nconst Card = props => {\n const { className, style } = props;\n\n return (\n <div style={style} className={classsnames('vtx-table-card', className)}>\n {props.children}\n </div>\n );\n};\n\nCard.propTypes = {\n style: PropTypes.object,\n className: PropTypes.string,\n children: PropTypes.node,\n};\n\nexport default { Page, Search, Content, Table: container()(Table), Card };\n"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"TableWrap.js","names":["TableWrap","props","relative","height","style","className","tableClass","classnames","newStyle","children","propTypes","PropTypes","object","string","bool","number","node"],"sources":["vtx-page-layout/TableWrap.jsx"],"sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classnames from 'classnames';\r\n\r\nfunction TableWrap(props) {\r\n const { relative, height, style, className } = props;\r\n\r\n const tableClass = classnames(\r\n {\r\n ['vtx-table-wrapper-absolute']: !relative,\r\n ['vtx-table-wrapper-relative']: relative,\r\n },\r\n className,\r\n );\r\n\r\n let newStyle = style;\r\n if (relative && 'height' in props) {\r\n newStyle = {\r\n ...style,\r\n height: height,\r\n };\r\n }\r\n\r\n return (\r\n <div className={tableClass} style={newStyle}>\r\n {props.children}\r\n </div>\r\n );\r\n}\r\n\r\nexport default TableWrap;\r\n\r\nTableWrap.propTypes = {\r\n style: PropTypes.object,\r\n className: PropTypes.string,\r\n relative: PropTypes.bool,\r\n height: PropTypes.number,\r\n children: PropTypes.node,\r\n};\r\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;AAEA,SAASA,SAAT,CAAmBC,KAAnB,EAA0B;EAAA;;EACtB,IAAQC,QAAR,GAA+CD,KAA/C,CAAQC,QAAR;EAAA,IAAkBC,MAAlB,GAA+CF,KAA/C,CAAkBE,MAAlB;EAAA,IAA0BC,KAA1B,GAA+CH,KAA/C,CAA0BG,KAA1B;EAAA,IAAiCC,SAAjC,GAA+CJ,KAA/C,CAAiCI,SAAjC;EAEA,IAAMC,UAAU,GAAG,IAAAC,uBAAA,kDAEV,4BAFU,EAEqB,CAACL,QAFtB,gCAGV,4BAHU,EAGqBA,QAHrB,iBAKfG,SALe,CAAnB;EAQA,IAAIG,QAAQ,GAAGJ,KAAf;;EACA,IAAIF,QAAQ,IAAI,YAAYD,KAA5B,EAAmC;IAC/BO,QAAQ,mCACDJ,KADC;MAEJD,MAAM,EAAEA;IAFJ,EAAR;EAIH;;EAED,oBACI;IAAK,SAAS,EAAEG,UAAhB;IAA4B,KAAK,EAAEE;EAAnC,GACKP,KAAK,CAACQ,QADX,CADJ;AAKH;;eAEcT,S;;AAEfA,SAAS,CAACU,SAAV,GAAsB;EAClBN,KAAK,EAAEO,qBAAA,CAAUC,MADC;EAElBP,SAAS,EAAEM,qBAAA,CAAUE,MAFH;EAGlBX,QAAQ,EAAES,qBAAA,CAAUG,IAHF;EAIlBX,MAAM,EAAEQ,qBAAA,CAAUI,MAJA;EAKlBN,QAAQ,EAAEE,qBAAA,CAAUK;AALF,CAAtB"}
1
+ {"version":3,"file":"TableWrap.js","names":["TableWrap","props","relative","height","style","className","tableClass","classnames","newStyle","children","propTypes","PropTypes","object","string","bool","number","node"],"sources":["vtx-page-layout/TableWrap.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\n\nfunction TableWrap(props) {\n const { relative, height, style, className } = props;\n\n const tableClass = classnames(\n {\n ['vtx-table-wrapper-absolute']: !relative,\n ['vtx-table-wrapper-relative']: relative,\n },\n className,\n );\n\n let newStyle = style;\n if (relative && 'height' in props) {\n newStyle = {\n ...style,\n height: height,\n };\n }\n\n return (\n <div className={tableClass} style={newStyle}>\n {props.children}\n </div>\n );\n}\n\nexport default TableWrap;\n\nTableWrap.propTypes = {\n style: PropTypes.object,\n className: PropTypes.string,\n relative: PropTypes.bool,\n height: PropTypes.number,\n children: PropTypes.node,\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;AAEA,SAASA,SAAT,CAAmBC,KAAnB,EAA0B;EAAA;;EACtB,IAAQC,QAAR,GAA+CD,KAA/C,CAAQC,QAAR;EAAA,IAAkBC,MAAlB,GAA+CF,KAA/C,CAAkBE,MAAlB;EAAA,IAA0BC,KAA1B,GAA+CH,KAA/C,CAA0BG,KAA1B;EAAA,IAAiCC,SAAjC,GAA+CJ,KAA/C,CAAiCI,SAAjC;EAEA,IAAMC,UAAU,GAAG,IAAAC,uBAAA,kDAEV,4BAFU,EAEqB,CAACL,QAFtB,gCAGV,4BAHU,EAGqBA,QAHrB,iBAKfG,SALe,CAAnB;EAQA,IAAIG,QAAQ,GAAGJ,KAAf;;EACA,IAAIF,QAAQ,IAAI,YAAYD,KAA5B,EAAmC;IAC/BO,QAAQ,mCACDJ,KADC;MAEJD,MAAM,EAAEA;IAFJ,EAAR;EAIH;;EAED,oBACI;IAAK,SAAS,EAAEG,UAAhB;IAA4B,KAAK,EAAEE;EAAnC,GACKP,KAAK,CAACQ,QADX,CADJ;AAKH;;eAEcT,S;;AAEfA,SAAS,CAACU,SAAV,GAAsB;EAClBN,KAAK,EAAEO,qBAAA,CAAUC,MADC;EAElBP,SAAS,EAAEM,qBAAA,CAAUE,MAFH;EAGlBX,QAAQ,EAAES,qBAAA,CAAUG,IAHF;EAIlBX,MAAM,EAAEQ,qBAAA,CAAUI,MAJA;EAKlBN,QAAQ,EAAEE,qBAAA,CAAUK;AALF,CAAtB"}
@@ -1 +1 @@
1
- {"version":3,"file":"container.js","names":["getDisplayName","WrappedComponend","displayName","name","Container","params","componentClass","HOCFactory","props","style","className","top","space","wrapClass","classnames","newStyle","padding","newProps","React","Component","PropTypes","number","string","object"],"sources":["vtx-page-layout/container.jsx"],"sourcesContent":["/**\r\n * 高阶组件\r\n */\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classnames from 'classnames';\r\n\r\nfunction getDisplayName(WrappedComponend) {\r\n return WrappedComponend.displayName || WrappedComponend.name || 'Component';\r\n}\r\n\r\nfunction Container(params = {}) {\r\n const { componentClass } = params;\r\n\r\n return function HOCFactory(WrappedComponend) {\r\n return class HOC extends React.Component {\r\n static displayName = `HOC(${getDisplayName(WrappedComponend)})`;\r\n\r\n static propTypes = {\r\n top: PropTypes.number,\r\n space: PropTypes.number || PropTypes.string,\r\n style: PropTypes.object,\r\n className: PropTypes.string,\r\n };\r\n\r\n render() {\r\n const { style, className, top, space } = this.props;\r\n\r\n const wrapClass = classnames(\r\n {\r\n [componentClass]: true,\r\n },\r\n className,\r\n );\r\n\r\n const newStyle = {\r\n top,\r\n padding: space,\r\n ...style,\r\n };\r\n\r\n const newProps = {\r\n className: wrapClass,\r\n style: newStyle,\r\n };\r\n return <WrappedComponend {...this.props} {...newProps} />;\r\n }\r\n };\r\n };\r\n}\r\n\r\nexport default Container;\r\n"],"mappings":";;;;;;;;;AAGA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,SAASA,cAAT,CAAwBC,gBAAxB,EAA0C;EACtC,OAAOA,gBAAgB,CAACC,WAAjB,IAAgCD,gBAAgB,CAACE,IAAjD,IAAyD,WAAhE;AACH;;AAED,SAASC,SAAT,GAAgC;EAAA,IAAbC,MAAa,uEAAJ,EAAI;EAC5B,IAAQC,cAAR,GAA2BD,MAA3B,CAAQC,cAAR;EAEA,OAAO,SAASC,UAAT,CAAoBN,gBAApB,EAAsC;IAAA;;IACzC;MAAA;;MAAA;;MAAA;QAAA;;QAAA;MAAA;;MAAA;QAAA;QAAA,OAUI,kBAAS;UACL,kBAAyC,KAAKO,KAA9C;UAAA,IAAQC,KAAR,eAAQA,KAAR;UAAA,IAAeC,SAAf,eAAeA,SAAf;UAAA,IAA0BC,GAA1B,eAA0BA,GAA1B;UAAA,IAA+BC,KAA/B,eAA+BA,KAA/B;UAEA,IAAMC,SAAS,GAAG,IAAAC,uBAAA,sBAETR,cAFS,EAEQ,IAFR,GAIdI,SAJc,CAAlB;;UAOA,IAAMK,QAAQ;YACVJ,GAAG,EAAHA,GADU;YAEVK,OAAO,EAAEJ;UAFC,GAGPH,KAHO,CAAd;;UAMA,IAAMQ,QAAQ,GAAG;YACbP,SAAS,EAAEG,SADE;YAEbJ,KAAK,EAAEM;UAFM,CAAjB;UAIA,oBAAO,gCAAC,gBAAD,eAAsB,KAAKP,KAA3B,EAAsCS,QAAtC,EAAP;QACH;MA/BL;;MAAA;IAAA,EAAyBC,iBAAA,CAAMC,SAA/B,wDACgCnB,cAAc,CAACC,gBAAD,CAD9C,8CAGuB;MACfU,GAAG,EAAES,qBAAA,CAAUC,MADA;MAEfT,KAAK,EAAEQ,qBAAA,CAAUC,MAAV,IAAoBD,qBAAA,CAAUE,MAFtB;MAGfb,KAAK,EAAEW,qBAAA,CAAUG,MAHF;MAIfb,SAAS,EAAEU,qBAAA,CAAUE;IAJN,CAHvB;EAiCH,CAlCD;AAmCH;;eAEclB,S"}
1
+ {"version":3,"file":"container.js","names":["getDisplayName","WrappedComponend","displayName","name","Container","params","componentClass","HOCFactory","props","style","className","top","space","wrapClass","classnames","newStyle","padding","newProps","React","Component","PropTypes","number","string","object"],"sources":["vtx-page-layout/container.jsx"],"sourcesContent":["/**\n * 高阶组件\n */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\n\nfunction getDisplayName(WrappedComponend) {\n return WrappedComponend.displayName || WrappedComponend.name || 'Component';\n}\n\nfunction Container(params = {}) {\n const { componentClass } = params;\n\n return function HOCFactory(WrappedComponend) {\n return class HOC extends React.Component {\n static displayName = `HOC(${getDisplayName(WrappedComponend)})`;\n\n static propTypes = {\n top: PropTypes.number,\n space: PropTypes.number || PropTypes.string,\n style: PropTypes.object,\n className: PropTypes.string,\n };\n\n render() {\n const { style, className, top, space } = this.props;\n\n const wrapClass = classnames(\n {\n [componentClass]: true,\n },\n className,\n );\n\n const newStyle = {\n top,\n padding: space,\n ...style,\n };\n\n const newProps = {\n className: wrapClass,\n style: newStyle,\n };\n return <WrappedComponend {...this.props} {...newProps} />;\n }\n };\n };\n}\n\nexport default Container;\n"],"mappings":";;;;;;;;;AAGA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,SAASA,cAAT,CAAwBC,gBAAxB,EAA0C;EACtC,OAAOA,gBAAgB,CAACC,WAAjB,IAAgCD,gBAAgB,CAACE,IAAjD,IAAyD,WAAhE;AACH;;AAED,SAASC,SAAT,GAAgC;EAAA,IAAbC,MAAa,uEAAJ,EAAI;EAC5B,IAAQC,cAAR,GAA2BD,MAA3B,CAAQC,cAAR;EAEA,OAAO,SAASC,UAAT,CAAoBN,gBAApB,EAAsC;IAAA;;IACzC;MAAA;;MAAA;;MAAA;QAAA;;QAAA;MAAA;;MAAA;QAAA;QAAA,OAUI,kBAAS;UACL,kBAAyC,KAAKO,KAA9C;UAAA,IAAQC,KAAR,eAAQA,KAAR;UAAA,IAAeC,SAAf,eAAeA,SAAf;UAAA,IAA0BC,GAA1B,eAA0BA,GAA1B;UAAA,IAA+BC,KAA/B,eAA+BA,KAA/B;UAEA,IAAMC,SAAS,GAAG,IAAAC,uBAAA,sBAETR,cAFS,EAEQ,IAFR,GAIdI,SAJc,CAAlB;;UAOA,IAAMK,QAAQ;YACVJ,GAAG,EAAHA,GADU;YAEVK,OAAO,EAAEJ;UAFC,GAGPH,KAHO,CAAd;;UAMA,IAAMQ,QAAQ,GAAG;YACbP,SAAS,EAAEG,SADE;YAEbJ,KAAK,EAAEM;UAFM,CAAjB;UAIA,oBAAO,gCAAC,gBAAD,eAAsB,KAAKP,KAA3B,EAAsCS,QAAtC,EAAP;QACH;MA/BL;;MAAA;IAAA,EAAyBC,iBAAA,CAAMC,SAA/B,wDACgCnB,cAAc,CAACC,gBAAD,CAD9C,8CAGuB;MACfU,GAAG,EAAES,qBAAA,CAAUC,MADA;MAEfT,KAAK,EAAEQ,qBAAA,CAAUC,MAAV,IAAoBD,qBAAA,CAAUE,MAFtB;MAGfb,KAAK,EAAEW,qBAAA,CAAUG,MAHF;MAIfb,SAAS,EAAEU,qBAAA,CAAUE;IAJN,CAHvB;EAiCH,CAlCD;AAmCH;;eAEclB,S"}