@vtx/components 3.1.42 → 3.1.44

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 (131) hide show
  1. package/lib/_util/useColSize.js.map +1 -1
  2. package/lib/index.js.map +1 -1
  3. package/lib/style/index.less +2 -2
  4. package/lib/style/themes/compact.less +1 -1
  5. package/lib/style/themes/dark.less +9 -9
  6. package/lib/style/themes/default.less +7 -7
  7. package/lib/style/themes/index.less +1 -1
  8. package/lib/style/themes/variable.less +5 -5
  9. package/lib/vtx-color-picker/index.js.map +1 -1
  10. package/lib/vtx-color-picker/style/css.js.map +1 -1
  11. package/lib/vtx-color-picker/style/index.js.map +1 -1
  12. package/lib/vtx-combogrid/Combogrid.js.map +1 -1
  13. package/lib/vtx-combogrid/index.js.map +1 -1
  14. package/lib/vtx-combogrid/style/css.js.map +1 -1
  15. package/lib/vtx-combogrid/style/index.js.map +1 -1
  16. package/lib/vtx-combogrid/style/index.less +29 -29
  17. package/lib/vtx-datagrid/Alert.js.map +1 -1
  18. package/lib/vtx-datagrid/ColumnSetting.js.map +1 -1
  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-datagrid/style/index.less +223 -223
  24. package/lib/vtx-date-picker/QdatePicker.js.map +1 -1
  25. package/lib/vtx-date-picker/generatePicker.js.map +1 -1
  26. package/lib/vtx-date-picker/index.js.map +1 -1
  27. package/lib/vtx-date-picker/style/css.js.map +1 -1
  28. package/lib/vtx-date-picker/style/index.js.map +1 -1
  29. package/lib/vtx-date-picker/style/index.less +39 -39
  30. package/lib/vtx-editor/index.js.map +1 -1
  31. package/lib/vtx-editor/style/css.js.map +1 -1
  32. package/lib/vtx-editor/style/index.js.map +1 -1
  33. package/lib/vtx-editor/style/index.less +8 -8
  34. package/lib/vtx-ellipsis-text/index.js.map +1 -1
  35. package/lib/vtx-ellipsis-text/style/css.js.map +1 -1
  36. package/lib/vtx-ellipsis-text/style/index.js.map +1 -1
  37. package/lib/vtx-ellipsis-text/style/index.less +13 -13
  38. package/lib/vtx-export/index.js +2 -2
  39. package/lib/vtx-export/index.js.map +1 -1
  40. package/lib/vtx-export/style/css.js.map +1 -1
  41. package/lib/vtx-export/style/index.js.map +1 -1
  42. package/lib/vtx-form-layout/Card.js.map +1 -1
  43. package/lib/vtx-form-layout/Divider.js.map +1 -1
  44. package/lib/vtx-form-layout/FormItem.js.map +1 -1
  45. package/lib/vtx-form-layout/Row.js.map +1 -1
  46. package/lib/vtx-form-layout/demo/Modal.less +43 -43
  47. package/lib/vtx-form-layout/index.js.map +1 -1
  48. package/lib/vtx-form-layout/style/css.js.map +1 -1
  49. package/lib/vtx-form-layout/style/index.js.map +1 -1
  50. package/lib/vtx-form-layout/style/index.less +216 -216
  51. package/lib/vtx-image/Preview.js.map +1 -1
  52. package/lib/vtx-image/PreviewGroup.js.map +1 -1
  53. package/lib/vtx-import/index.js +1 -1
  54. package/lib/vtx-import/index.js.map +1 -1
  55. package/lib/vtx-import/result.js.map +1 -1
  56. package/lib/vtx-import/style/css.js.map +1 -1
  57. package/lib/vtx-import/style/index.js.map +1 -1
  58. package/lib/vtx-import/style/index.less +8 -8
  59. package/lib/vtx-import2/CheckResult.js.map +1 -1
  60. package/lib/vtx-import2/Content.js.map +1 -1
  61. package/lib/vtx-import2/DownloadSvg.js.map +1 -1
  62. package/lib/vtx-import2/ImportResult.js.map +1 -1
  63. package/lib/vtx-import2/UploadSvg.js.map +1 -1
  64. package/lib/vtx-import2/index.js +1 -1
  65. package/lib/vtx-import2/index.js.map +1 -1
  66. package/lib/vtx-import2/style/css.js.map +1 -1
  67. package/lib/vtx-import2/style/index.js.map +1 -1
  68. package/lib/vtx-import2/style/index.less +102 -102
  69. package/lib/vtx-input/TextArea.js.map +1 -1
  70. package/lib/vtx-input/index.js.map +1 -1
  71. package/lib/vtx-input/style/css.js.map +1 -1
  72. package/lib/vtx-input/style/index.js.map +1 -1
  73. package/lib/vtx-input/style/index.less +24 -24
  74. package/lib/vtx-modal/index.js +2 -2
  75. package/lib/vtx-modal/index.js.map +1 -1
  76. package/lib/vtx-modal/style/css.js.map +1 -1
  77. package/lib/vtx-modal/style/index.js.map +1 -1
  78. package/lib/vtx-page-layout/Content.js.map +1 -1
  79. package/lib/vtx-page-layout/TableLayout.js +10 -10
  80. package/lib/vtx-page-layout/TableLayout.js.map +1 -1
  81. package/lib/vtx-page-layout/TableWrap.js.map +1 -1
  82. package/lib/vtx-page-layout/container.js.map +1 -1
  83. package/lib/vtx-page-layout/style/index.less +138 -138
  84. package/lib/vtx-scrollable-row/index.js.map +1 -1
  85. package/lib/vtx-scrollable-row/style/css.js.map +1 -1
  86. package/lib/vtx-scrollable-row/style/index.js.map +1 -1
  87. package/lib/vtx-scrollable-row/style/index.less +113 -113
  88. package/lib/vtx-search/VtxCol.js.map +1 -1
  89. package/lib/vtx-search/VtxRow.js.map +1 -1
  90. package/lib/vtx-search/index.js.map +1 -1
  91. package/lib/vtx-search/style/css.js.map +1 -1
  92. package/lib/vtx-search/style/index.js.map +1 -1
  93. package/lib/vtx-search/style/index.less +83 -83
  94. package/lib/vtx-search-map-input/index.js.map +1 -1
  95. package/lib/vtx-search-map-input/style/css.js.map +1 -1
  96. package/lib/vtx-search-map-input/style/index.js.map +1 -1
  97. package/lib/vtx-select/style/css.js.map +1 -1
  98. package/lib/vtx-select/style/index.js.map +1 -1
  99. package/lib/vtx-select/style/index.less +68 -68
  100. package/lib/vtx-signature/index.js.map +1 -1
  101. package/lib/vtx-signature/style/css.js.map +1 -1
  102. package/lib/vtx-signature/style/index.js.map +1 -1
  103. package/lib/vtx-signature/style/index.less +33 -33
  104. package/lib/vtx-split-pane/Resizer.js.map +1 -1
  105. package/lib/vtx-split-pane/SplitPane.js +4 -4
  106. package/lib/vtx-split-pane/SplitPane.js.map +1 -1
  107. package/lib/vtx-split-pane/style/css.js.map +1 -1
  108. package/lib/vtx-split-pane/style/index.js.map +1 -1
  109. package/lib/vtx-split-pane/style/index.less +76 -76
  110. package/lib/vtx-statistics-column/style/index.less +59 -59
  111. package/lib/vtx-time-picker/index.js.map +1 -1
  112. package/lib/vtx-time-picker/style/css.js.map +1 -1
  113. package/lib/vtx-time-picker/style/index.js.map +1 -1
  114. package/lib/vtx-upload/FilePreview.js.map +1 -1
  115. package/lib/vtx-upload/style/css.js.map +1 -1
  116. package/lib/vtx-upload/style/index.js.map +1 -1
  117. package/lib/vtx-upload/style/index.less +61 -61
  118. package/lib/vtx-wang-editor/style/css.js.map +1 -1
  119. package/lib/vtx-wang-editor/style/index.js.map +1 -1
  120. package/lib/vtx-wang-editor/style/index.less +12 -12
  121. package/lib/vtx-wang-editor/wangEditorUtil.js.map +1 -1
  122. package/lib/vtx-ztree/index.js +2 -2
  123. package/lib/vtx-ztree/index.js.map +1 -1
  124. package/lib/vtx-ztree/style/css.js.map +1 -1
  125. package/lib/vtx-ztree/style/index.js.map +1 -1
  126. package/lib/vtx-ztree/style/index.less +45 -45
  127. package/lib/vtx-ztree-select/index.js.map +1 -1
  128. package/lib/vtx-ztree-select/style/css.js.map +1 -1
  129. package/lib/vtx-ztree-select/style/index.js.map +1 -1
  130. package/lib/vtx-ztree-select/style/index.less +99 -99
  131. package/package.json +126 -126
@@ -1 +1 @@
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
+ {"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 +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';\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"}
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"}
@@ -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';\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":";;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;AACO,IAAMA,QAAQ,gBAAG,IAAAC,oBAAA,EAAc,EAAd,CAAjB;;AAEP,IAAMC,cAAc,GAAG,EAAvB;AACA,IAAMC,kBAAkB,GAAG,EAA3B,C,CAEA;;AACA;AACA;AACA;AACA;;AACA,IAAMC,IAAI,GAAG,SAAPA,IAAO,CAAAC,KAAK,EAAI;EAClB,gBAAwC,IAAAC,eAAA,EAAS,EAAT,CAAxC;EAAA;EAAA,IAAOC,YAAP;EAAA,IAAqBC,eAArB;;EACA,IAAQC,gBAAR,GAA6BJ,KAA7B,CAAQI,gBAAR;EACA,IAAMC,oBAAoB,GAAG,IAAAC,2BAAA,GAA7B;EACA,IAAMC,KAAK,GAAG;IACVL,YAAY,EAAZA,YADU;IAEVG,oBAAoB,EAApBA,oBAFU;IAGVG,UAHU,sBAGCC,MAHD,EAGS;MACfN,eAAe,CAACM,MAAD,CAAf;MACAL,gBAAgB,IAAIA,gBAAgB,CAACK,MAAD,CAApC;MACAJ,oBAAoB,CAACK,IAArB;IACH;EAPS,CAAd;EASA,oBACI,gCAAC,QAAD,CAAU,QAAV;IAAmB,KAAK,EAAEH;EAA1B,gBACI;IAAK,SAAS,EAAE,IAAAI,sBAAA,EAAY,iBAAZ,EAA+BX,KAAK,CAACY,SAArC,CAAhB;IAAiE,KAAK,EAAEZ,KAAK,CAACa;EAA9E,GACKb,KAAK,CAACc,QADX,CADJ,CADJ;AAOH,CApBD;;AAsBAf,IAAI,CAACgB,SAAL,GAAiB;EACbF,KAAK,EAAEG,qBAAA,CAAUC,MADJ;EAEbL,SAAS,EAAEI,qBAAA,CAAUE,MAFR;EAGbJ,QAAQ,EAAEE,qBAAA,CAAUG,IAHP;EAIbf,gBAAgB,EAAEY,qBAAA,CAAUI;AAJf,CAAjB;AAOA;AACA;AACA;;AACA,IAAMC,MAAM,GAAG,IAAAC,qBAAA,EAAU;EAAEC,cAAc,EAAE;AAAlB,CAAV,EAAkDC,iBAAlD,CAAf,C,CAEA;;AACA;AACA;AACA;AACA;;AACA,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAAAzB,KAAK,EAAI;EACrB,IAAQY,SAAR,GAAwCZ,KAAxC,CAAQY,SAAR;EAAA,IAAmBC,KAAnB,GAAwCb,KAAxC,CAAmBa,KAAnB;EAAA,qBAAwCb,KAAxC,CAA0B0B,OAA1B;EAAA,IAA0BA,OAA1B,+BAAkC,CAAlC;;EACA,kBAAyB,IAAAC,iBAAA,EAAWhC,QAAX,CAAzB;EAAA,IAAQO,YAAR,eAAQA,YAAR;;EACA,oBACI;IACI,SAAS,EAAE,IAAAS,sBAAA,EAAY,mBAAZ,EAAiCC,SAAjC,CADf;IAEI,KAAK;MACDgB,GAAG,EAAE/B,cAAc,GAAGC,kBAAjB,GAAsCI,YAAtC,GAAqDwB;IADzD,GAEEb,KAFF;EAFT,GAOKb,KAAK,CAACc,QAPX,CADJ;AAWH,CAdD;;AAgBAW,OAAO,CAACV,SAAR,GAAoB;EAChBF,KAAK,EAAEG,qBAAA,CAAUC,MADD;EAEhBL,SAAS,EAAEI,qBAAA,CAAUE,MAFL;EAGhBJ,QAAQ,EAAEE,qBAAA,CAAUG,IAHJ;EAIhBO,OAAO,EAAEV,qBAAA,CAAUa;AAJH,CAApB,C,CAOA;;AACA;AACA;AACA;;AACA,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAAA9B,KAAK,EAAI;EACnB,IAAQY,SAAR,GAA6BZ,KAA7B,CAAQY,SAAR;EAAA,IAAmBC,KAAnB,GAA6Bb,KAA7B,CAAmBa,KAAnB;;EACA,mBAAiC,IAAAc,iBAAA,EAAWhC,QAAX,CAAjC;EAAA,IAAQU,oBAAR,gBAAQA,oBAAR;;EAEA,oBACI;IAAK,SAAS,EAAE,IAAAM,sBAAA,EAAY,gBAAZ,EAA8BC,SAA9B,CAAhB;IAA0D,KAAK,EAAEC;EAAjE,gBACKkB,iBAAA,CAAMC,YAAN,CAAmBhC,KAAK,CAACc,QAAzB,kCACMd,KAAK,CAACc,QAAN,CAAed,KADrB;IAEGK,oBAAoB,EAApBA;EAFH,GADL,CADJ;AAQH,CAZD;;AAcAyB,KAAK,CAACf,SAAN,GAAkB;EACdF,KAAK,EAAEG,qBAAA,CAAUC,MADH;EAEdL,SAAS,EAAEI,qBAAA,CAAUE,MAFP;EAGdJ,QAAQ,EAAEE,qBAAA,CAAUG;AAHN,CAAlB;;AAMA,IAAMc,IAAI,GAAG,SAAPA,IAAO,CAAAjC,KAAK,EAAI;EAClB,IAAQY,SAAR,GAA6BZ,KAA7B,CAAQY,SAAR;EAAA,IAAmBC,KAAnB,GAA6Bb,KAA7B,CAAmBa,KAAnB;EAEA,oBACI;IAAK,KAAK,EAAEA,KAAZ;IAAmB,SAAS,EAAE,IAAAF,sBAAA,EAAY,gBAAZ,EAA8BC,SAA9B;EAA9B,GACKZ,KAAK,CAACc,QADX,CADJ;AAKH,CARD;;AAUAmB,IAAI,CAAClB,SAAL,GAAiB;EACbF,KAAK,EAAEG,qBAAA,CAAUC,MADJ;EAEbL,SAAS,EAAEI,qBAAA,CAAUE,MAFR;EAGbJ,QAAQ,EAAEE,qBAAA,CAAUG;AAHP,CAAjB;eAMe;EAAEpB,IAAI,EAAJA,IAAF;EAAQsB,MAAM,EAANA,MAAR;EAAgBI,OAAO,EAAPA,OAAhB;EAAyBK,KAAK,EAAE,IAAAR,qBAAA,IAAYQ,KAAZ,CAAhC;EAAoDG,IAAI,EAAJA;AAApD,C"}
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 +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';\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
+ {"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 +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":["/**\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"}
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,138 +1,138 @@
1
- @import (reference) '~antd/lib/style/themes/index.less';
2
-
3
- @prefix-cls: vtx-page;
4
- @spacing-base: 10px;
5
- @padding-default-base: @spacing-base;
6
-
7
- .size(@width; @height) {
8
- width: @width;
9
- height: @height;
10
- }
11
-
12
- .relative(@height: 100%, @width: 100%) {
13
- position: relative;
14
- .size(@width, @height);
15
- }
16
-
17
- .absolute(@top: 0, @right: 0, @left: 0, @bottom: 0) {
18
- position: absolute;
19
- top: @top;
20
- right: @right;
21
- bottom: @bottom;
22
- left: @left;
23
- }
24
-
25
- .overflow-y {
26
- overflow: hidden;
27
- overflow-y: auto;
28
- }
29
-
30
- .vtx-page {
31
- position: relative;
32
- width: 100%;
33
- height: 100%;
34
- overflow-x: hidden;
35
- font-size: 14px;
36
- .ant-table-footer {
37
- padding: 0 !important;
38
- }
39
- .vtx-ui-date-normal {
40
- width: 100%;
41
- }
42
- .vtx-ui-grid-normal {
43
- z-index: 999;
44
- }
45
- .ant-tabs {
46
- height: 100%;
47
- }
48
- .ant-tabs-content {
49
- height: e('calc(100% - 56px)');
50
- }
51
- .ant-tabs-tabpane {
52
- height: 100%;
53
- }
54
- .td {
55
- position: relative;
56
- }
57
- }
58
-
59
- .vtx-button-wrap {
60
- button + button {
61
- margin-left: 8px;
62
- }
63
- }
64
-
65
- .vtx-content {
66
- &-absolute {
67
- .absolute();
68
- }
69
- &-relative {
70
- .relative();
71
- }
72
- &-scroll-y {
73
- .overflow-y();
74
- }
75
- }
76
-
77
- .vtx-table-wrapper {
78
- &-absolute {
79
- .absolute();
80
- padding: 0 @padding-default-base / 2;
81
- }
82
- &-relative {
83
- .relative();
84
- max-height: 500px;
85
- padding: 0 @padding-default-base / 2;
86
- }
87
- }
88
-
89
- @table-page-padding-left: 20px;
90
- @table-page-padding-right: 20px;
91
- @table-page-padding-bottom: 16px;
92
- @table-page-padding-top: 16px;
93
-
94
- .vtx-page--table {
95
- position: relative;
96
- width: 100%;
97
- height: 100%;
98
- padding: @table-page-padding-top @table-page-padding-right @table-page-padding-bottom
99
- @table-page-padding-left;
100
- overflow-x: hidden;
101
- font-size: 14px;
102
- background-color: @layout-body-background;
103
- }
104
-
105
- .vtx-table {
106
- &-search {
107
- margin-bottom: 16px;
108
- background: @component-background;
109
- border-radius: @border-radius-base;
110
- }
111
- &-content {
112
- .absolute();
113
- right: @table-page-padding-right;
114
- bottom: @table-page-padding-bottom;
115
- left: @table-page-padding-left;
116
- transition-duration: 0.3s;
117
- transition-property: top;
118
- }
119
- &-wrap {
120
- .absolute();
121
- padding: 0 24px;
122
- background-color: @component-background;
123
- }
124
- &-card {
125
- background: @component-background;
126
- border-radius: @border-radius-base;
127
- }
128
- &-left,
129
- &-right {
130
- height: 100%;
131
- overflow: hidden;
132
- }
133
- &-left {
134
- .vtx-ztree-search {
135
- right: 0;
136
- }
137
- }
138
- }
1
+ @import (reference) '~antd/lib/style/themes/index.less';
2
+
3
+ @prefix-cls: vtx-page;
4
+ @spacing-base: 10px;
5
+ @padding-default-base: @spacing-base;
6
+
7
+ .size(@width; @height) {
8
+ width: @width;
9
+ height: @height;
10
+ }
11
+
12
+ .relative(@height: 100%, @width: 100%) {
13
+ position: relative;
14
+ .size(@width, @height);
15
+ }
16
+
17
+ .absolute(@top: 0, @right: 0, @left: 0, @bottom: 0) {
18
+ position: absolute;
19
+ top: @top;
20
+ right: @right;
21
+ bottom: @bottom;
22
+ left: @left;
23
+ }
24
+
25
+ .overflow-y {
26
+ overflow: hidden;
27
+ overflow-y: auto;
28
+ }
29
+
30
+ .vtx-page {
31
+ position: relative;
32
+ width: 100%;
33
+ height: 100%;
34
+ overflow-x: hidden;
35
+ font-size: 14px;
36
+ .ant-table-footer {
37
+ padding: 0 !important;
38
+ }
39
+ .vtx-ui-date-normal {
40
+ width: 100%;
41
+ }
42
+ .vtx-ui-grid-normal {
43
+ z-index: 999;
44
+ }
45
+ .ant-tabs {
46
+ height: 100%;
47
+ }
48
+ .ant-tabs-content {
49
+ height: e('calc(100% - 56px)');
50
+ }
51
+ .ant-tabs-tabpane {
52
+ height: 100%;
53
+ }
54
+ .td {
55
+ position: relative;
56
+ }
57
+ }
58
+
59
+ .vtx-button-wrap {
60
+ button + button {
61
+ margin-left: 8px;
62
+ }
63
+ }
64
+
65
+ .vtx-content {
66
+ &-absolute {
67
+ .absolute();
68
+ }
69
+ &-relative {
70
+ .relative();
71
+ }
72
+ &-scroll-y {
73
+ .overflow-y();
74
+ }
75
+ }
76
+
77
+ .vtx-table-wrapper {
78
+ &-absolute {
79
+ .absolute();
80
+ padding: 0 @padding-default-base / 2;
81
+ }
82
+ &-relative {
83
+ .relative();
84
+ max-height: 500px;
85
+ padding: 0 @padding-default-base / 2;
86
+ }
87
+ }
88
+
89
+ @table-page-padding-left: 20px;
90
+ @table-page-padding-right: 20px;
91
+ @table-page-padding-bottom: 16px;
92
+ @table-page-padding-top: 16px;
93
+
94
+ .vtx-page--table {
95
+ position: relative;
96
+ width: 100%;
97
+ height: 100%;
98
+ padding: @table-page-padding-top @table-page-padding-right @table-page-padding-bottom
99
+ @table-page-padding-left;
100
+ overflow-x: hidden;
101
+ font-size: 14px;
102
+ background-color: @layout-body-background;
103
+ }
104
+
105
+ .vtx-table {
106
+ &-search {
107
+ margin-bottom: 16px;
108
+ background: @component-background;
109
+ border-radius: @border-radius-base;
110
+ }
111
+ &-content {
112
+ .absolute();
113
+ right: @table-page-padding-right;
114
+ bottom: @table-page-padding-bottom;
115
+ left: @table-page-padding-left;
116
+ transition-duration: 0.3s;
117
+ transition-property: top;
118
+ }
119
+ &-wrap {
120
+ .absolute();
121
+ padding: 0 24px;
122
+ background-color: @component-background;
123
+ }
124
+ &-card {
125
+ background: @component-background;
126
+ border-radius: @border-radius-base;
127
+ }
128
+ &-left,
129
+ &-right {
130
+ height: 100%;
131
+ overflow: hidden;
132
+ }
133
+ &-left {
134
+ .vtx-ztree-search {
135
+ right: 0;
136
+ }
137
+ }
138
+ }
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["isTransformSupported","style","setTransform","v","transform","webkitTransform","mozTransform","VtxScrollableRow","props","useState","next","prev","state","setState","prefixCls","className","offset","useRef","containerRef","navWrapRef","navRef","useEffect","debouncedResize","debounce","setNextPrev","window","addEventListener","removeEventListener","navNodeW","current","scrollWidth","containerW","offsetWidth","navWrapNodeW","minOffset","setOffset","realOffset","os","checkNextPrev","target","Math","min","navOffset","navStyle","transformSupported","value","name","handlePrev","handleNext","showNextPrev","prevButton","classnames","nextButton","children","propTypes","PropTypes","string","object","node"],"sources":["vtx-scrollable-row/index.jsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport classnames from 'classnames';\nimport debounce from 'lodash/debounce';\nimport PropTypes from 'prop-types';\nimport RightOutlined from '@ant-design/icons/RightOutlined';\nimport LeftOutlined from '@ant-design/icons/LeftOutlined';\n\nexport function isTransformSupported(style) {\n return 'transform' in style || 'webkitTransform' in style || 'MozTransform' in style;\n}\n\nexport function setTransform(style, v) {\n style.transform = v;\n style.webkitTransform = v;\n style.mozTransform = v;\n}\n\nfunction VtxScrollableRow(props) {\n const [state, setState] = useState({\n next: false,\n prev: false,\n });\n const { next, prev } = state;\n const { prefixCls = 'vtx-scrollable-row', className, style } = props;\n\n const offset = useRef(0);\n const containerRef = useRef();\n const navWrapRef = useRef();\n const navRef = useRef();\n\n useEffect(() => {\n const debouncedResize = debounce(() => {\n setNextPrev();\n }, 200);\n window.addEventListener('resize', debouncedResize);\n setNextPrev();\n return () => {\n window.removeEventListener('resize', debouncedResize);\n };\n }, []);\n\n function setNextPrev() {\n const navNodeW = navRef.current.scrollWidth;\n const containerW = containerRef.current.offsetWidth;\n const navWrapNodeW = navWrapRef.current.offsetWidth;\n\n const minOffset = containerW - navNodeW;\n let { next, prev } = state;\n if (minOffset >= 0) {\n next = false;\n setOffset(0, false);\n offset.current = 0;\n } else if (minOffset < offset.current) {\n next = true;\n } else {\n next = false;\n const realOffset = navWrapNodeW - navNodeW;\n setOffset(realOffset, false);\n offset.current = realOffset;\n }\n\n if (offset.current < 0) {\n prev = true;\n } else {\n prev = false;\n }\n setState({\n next, prev\n })\n return {\n next,\n prev,\n };\n }\n\n const setOffset = (os, checkNextPrev = true) => {\n const target = Math.min(0, os);\n if (offset.current !== target) {\n offset.current = target;\n let navOffset = {};\n const navStyle = navRef.current.style;\n const transformSupported = isTransformSupported(navStyle);\n if (transformSupported) {\n navOffset = {\n value: `translate3d(${target}px,0,0)`,\n };\n } else {\n navOffset = {\n name: 'left',\n value: `${target}px`,\n };\n }\n if (transformSupported) {\n setTransform(navStyle, navOffset.value);\n } else {\n navStyle[navOffset.name] = navOffset.value;\n }\n if (checkNextPrev) {\n setNextPrev();\n }\n }\n };\n\n // 上一页\n const handlePrev = () => {\n const navWrapNodeW = navWrapRef.current.offsetWidth;\n setOffset(offset.current + navWrapNodeW);\n };\n\n // 下一页\n const handleNext = () => {\n const navWrapNodeW = navWrapRef.current.offsetWidth;\n setOffset(offset.current - navWrapNodeW);\n };\n\n const showNextPrev = prev || next;\n\n const prevButton = (\n <span\n onClick={prev ? handlePrev : null}\n // eslint-disable-next-line react/no-unknown-property\n unselectable=\"on\"\n className={classnames({\n [`${prefixCls}-prev`]: true,\n [`${prefixCls}-btn-disabled`]: !prev,\n [`${prefixCls}-arrow-show`]: showNextPrev,\n })}\n >\n <span className={`${prefixCls}-prev-icon`}>\n <LeftOutlined />\n </span>\n </span>\n );\n const nextButton = (\n <span\n onClick={next ? handleNext : null}\n // eslint-disable-next-line react/no-unknown-property\n unselectable=\"on\"\n className={classnames({\n [`${prefixCls}-next`]: true,\n [`${prefixCls}-btn-disabled`]: !next,\n [`${prefixCls}-arrow-show`]: showNextPrev,\n })}\n >\n <span className={`${prefixCls}-next-icon`}>\n <RightOutlined />\n </span>\n </span>\n );\n\n return (\n <div\n className={classnames(`${prefixCls}-container`, className)}\n style={style}\n ref={containerRef}\n >\n {prevButton}\n {nextButton}\n <div className={`${prefixCls}-nav-wrap`} ref={navWrapRef}>\n <div className={`${prefixCls}-nav-scroll`}>\n <div className={`${prefixCls}-nav`} ref={navRef}>\n {props.children}\n </div>\n </div>\n </div>\n </div>\n );\n}\n\nexport default VtxScrollableRow;\n\nVtxScrollableRow.propTypes = {\n prefixCls: PropTypes.string,\n className: PropTypes.string,\n style: PropTypes.object,\n children: PropTypes.node,\n};\n"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","names":["isTransformSupported","style","setTransform","v","transform","webkitTransform","mozTransform","VtxScrollableRow","props","useState","next","prev","state","setState","prefixCls","className","offset","useRef","containerRef","navWrapRef","navRef","useEffect","debouncedResize","debounce","setNextPrev","window","addEventListener","removeEventListener","navNodeW","current","scrollWidth","containerW","offsetWidth","navWrapNodeW","minOffset","setOffset","realOffset","os","checkNextPrev","target","Math","min","navOffset","navStyle","transformSupported","value","name","handlePrev","handleNext","showNextPrev","prevButton","classnames","nextButton","children","propTypes","PropTypes","string","object","node"],"sources":["vtx-scrollable-row/index.jsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\r\nimport classnames from 'classnames';\r\nimport debounce from 'lodash/debounce';\r\nimport PropTypes from 'prop-types';\r\nimport RightOutlined from '@ant-design/icons/RightOutlined';\r\nimport LeftOutlined from '@ant-design/icons/LeftOutlined';\r\n\r\nexport function isTransformSupported(style) {\r\n return 'transform' in style || 'webkitTransform' in style || 'MozTransform' in style;\r\n}\r\n\r\nexport function setTransform(style, v) {\r\n style.transform = v;\r\n style.webkitTransform = v;\r\n style.mozTransform = v;\r\n}\r\n\r\nfunction VtxScrollableRow(props) {\r\n const [state, setState] = useState({\r\n next: false,\r\n prev: false,\r\n });\r\n const { next, prev } = state;\r\n const { prefixCls = 'vtx-scrollable-row', className, style } = props;\r\n\r\n const offset = useRef(0);\r\n const containerRef = useRef();\r\n const navWrapRef = useRef();\r\n const navRef = useRef();\r\n\r\n useEffect(() => {\r\n const debouncedResize = debounce(() => {\r\n setNextPrev();\r\n }, 200);\r\n window.addEventListener('resize', debouncedResize);\r\n setNextPrev();\r\n return () => {\r\n window.removeEventListener('resize', debouncedResize);\r\n };\r\n }, []);\r\n\r\n function setNextPrev() {\r\n const navNodeW = navRef.current.scrollWidth;\r\n const containerW = containerRef.current.offsetWidth;\r\n const navWrapNodeW = navWrapRef.current.offsetWidth;\r\n\r\n const minOffset = containerW - navNodeW;\r\n let { next, prev } = state;\r\n if (minOffset >= 0) {\r\n next = false;\r\n setOffset(0, false);\r\n offset.current = 0;\r\n } else if (minOffset < offset.current) {\r\n next = true;\r\n } else {\r\n next = false;\r\n const realOffset = navWrapNodeW - navNodeW;\r\n setOffset(realOffset, false);\r\n offset.current = realOffset;\r\n }\r\n\r\n if (offset.current < 0) {\r\n prev = true;\r\n } else {\r\n prev = false;\r\n }\r\n setState({\r\n next, prev\r\n })\r\n return {\r\n next,\r\n prev,\r\n };\r\n }\r\n\r\n const setOffset = (os, checkNextPrev = true) => {\r\n const target = Math.min(0, os);\r\n if (offset.current !== target) {\r\n offset.current = target;\r\n let navOffset = {};\r\n const navStyle = navRef.current.style;\r\n const transformSupported = isTransformSupported(navStyle);\r\n if (transformSupported) {\r\n navOffset = {\r\n value: `translate3d(${target}px,0,0)`,\r\n };\r\n } else {\r\n navOffset = {\r\n name: 'left',\r\n value: `${target}px`,\r\n };\r\n }\r\n if (transformSupported) {\r\n setTransform(navStyle, navOffset.value);\r\n } else {\r\n navStyle[navOffset.name] = navOffset.value;\r\n }\r\n if (checkNextPrev) {\r\n setNextPrev();\r\n }\r\n }\r\n };\r\n\r\n // 上一页\r\n const handlePrev = () => {\r\n const navWrapNodeW = navWrapRef.current.offsetWidth;\r\n setOffset(offset.current + navWrapNodeW);\r\n };\r\n\r\n // 下一页\r\n const handleNext = () => {\r\n const navWrapNodeW = navWrapRef.current.offsetWidth;\r\n setOffset(offset.current - navWrapNodeW);\r\n };\r\n\r\n const showNextPrev = prev || next;\r\n\r\n const prevButton = (\r\n <span\r\n onClick={prev ? handlePrev : null}\r\n // eslint-disable-next-line react/no-unknown-property\r\n unselectable=\"on\"\r\n className={classnames({\r\n [`${prefixCls}-prev`]: true,\r\n [`${prefixCls}-btn-disabled`]: !prev,\r\n [`${prefixCls}-arrow-show`]: showNextPrev,\r\n })}\r\n >\r\n <span className={`${prefixCls}-prev-icon`}>\r\n <LeftOutlined />\r\n </span>\r\n </span>\r\n );\r\n const nextButton = (\r\n <span\r\n onClick={next ? handleNext : null}\r\n // eslint-disable-next-line react/no-unknown-property\r\n unselectable=\"on\"\r\n className={classnames({\r\n [`${prefixCls}-next`]: true,\r\n [`${prefixCls}-btn-disabled`]: !next,\r\n [`${prefixCls}-arrow-show`]: showNextPrev,\r\n })}\r\n >\r\n <span className={`${prefixCls}-next-icon`}>\r\n <RightOutlined />\r\n </span>\r\n </span>\r\n );\r\n\r\n return (\r\n <div\r\n className={classnames(`${prefixCls}-container`, className)}\r\n style={style}\r\n ref={containerRef}\r\n >\r\n {prevButton}\r\n {nextButton}\r\n <div className={`${prefixCls}-nav-wrap`} ref={navWrapRef}>\r\n <div className={`${prefixCls}-nav-scroll`}>\r\n <div className={`${prefixCls}-nav`} ref={navRef}>\r\n {props.children}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n}\r\n\r\nexport default VtxScrollableRow;\r\n\r\nVtxScrollableRow.propTypes = {\r\n prefixCls: PropTypes.string,\r\n className: PropTypes.string,\r\n style: PropTypes.object,\r\n children: PropTypes.node,\r\n};\r\n"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"css.js","names":[],"sources":["vtx-scrollable-row/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAA"}
1
+ {"version":3,"file":"css.js","names":[],"sources":["vtx-scrollable-row/style/index.js"],"sourcesContent":["import './index.less';\r\n"],"mappings":";;AAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":[],"sources":["vtx-scrollable-row/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAA"}
1
+ {"version":3,"file":"index.js","names":[],"sources":["vtx-scrollable-row/style/index.js"],"sourcesContent":["import './index.less';\r\n"],"mappings":";;AAAA"}