@vtx/components 3.1.21 → 3.1.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +61 -0
- package/README.md +19 -19
- package/lib/_util/filterSpecialCharacters.js +6 -6
- package/lib/_util/filterSpecialCharacters.js.map +1 -1
- package/lib/_util/getComponentProps.js.map +1 -1
- package/lib/_util/getUrlParam.js.map +1 -1
- package/lib/_util/isFunction.js.map +1 -1
- package/lib/_util/isObject.js.map +1 -1
- package/lib/_util/useColSize.js.map +1 -1
- package/lib/_util/useInterval.js.map +1 -1
- package/lib/_util/useSet.js.map +1 -1
- package/lib/config.js.map +1 -1
- package/lib/index.js.map +1 -1
- package/lib/style/index.less +2 -2
- package/lib/style/themes/compact.less +1 -1
- package/lib/style/themes/dark.less +9 -9
- package/lib/style/themes/default.less +7 -7
- package/lib/style/themes/index.less +1 -1
- package/lib/style/themes/variable.less +5 -5
- package/lib/vtx-color-picker/index.js.map +1 -1
- package/lib/vtx-color-picker/style/css.js.map +1 -1
- package/lib/vtx-color-picker/style/index.js.map +1 -1
- package/lib/vtx-color-picker/style/index.less +12 -12
- package/lib/vtx-combogrid/Combogrid.js.map +1 -1
- package/lib/vtx-combogrid/index.js.map +1 -1
- package/lib/vtx-combogrid/style/css.js.map +1 -1
- package/lib/vtx-combogrid/style/index.js.map +1 -1
- package/lib/vtx-combogrid/style/index.less +29 -29
- package/lib/vtx-datagrid/Alert.js.map +1 -1
- package/lib/vtx-datagrid/ColumnSetting.js.map +1 -1
- package/lib/vtx-datagrid/ResizeableTitle.js.map +1 -1
- package/lib/vtx-datagrid/index.js +9 -3
- package/lib/vtx-datagrid/index.js.map +1 -1
- package/lib/vtx-datagrid/renderColumnButtons.js.map +1 -1
- package/lib/vtx-datagrid/style/css.js.map +1 -1
- package/lib/vtx-datagrid/style/index.css +10 -2
- package/lib/vtx-datagrid/style/index.js.map +1 -1
- package/lib/vtx-datagrid/style/index.less +223 -215
- package/lib/vtx-date-picker/QdatePicker.js.map +1 -1
- package/lib/vtx-date-picker/generatePicker.js.map +1 -1
- package/lib/vtx-date-picker/index.js.map +1 -1
- package/lib/vtx-date-picker/style/css.js.map +1 -1
- package/lib/vtx-date-picker/style/index.js.map +1 -1
- package/lib/vtx-date-picker/style/index.less +39 -39
- package/lib/vtx-editor/index.js.map +1 -1
- package/lib/vtx-editor/style/css.js.map +1 -1
- package/lib/vtx-editor/style/index.js.map +1 -1
- package/lib/vtx-editor/style/index.less +8 -8
- package/lib/vtx-ellipsis-text/index.js.map +1 -1
- package/lib/vtx-ellipsis-text/style/css.js.map +1 -1
- package/lib/vtx-ellipsis-text/style/index.js.map +1 -1
- package/lib/vtx-ellipsis-text/style/index.less +13 -13
- package/lib/vtx-export/index.js +8 -8
- package/lib/vtx-export/index.js.map +1 -1
- package/lib/vtx-export/style/css.js.map +1 -1
- package/lib/vtx-export/style/index.js.map +1 -1
- package/lib/vtx-export/style/index.less +6 -6
- package/lib/vtx-form-layout/Card.js.map +1 -1
- package/lib/vtx-form-layout/Divider.js.map +1 -1
- package/lib/vtx-form-layout/FormItem.js.map +1 -1
- package/lib/vtx-form-layout/Pane.js.map +1 -1
- package/lib/vtx-form-layout/Row.js.map +1 -1
- package/lib/vtx-form-layout/context.js.map +1 -1
- package/lib/vtx-form-layout/demo/Modal.less +43 -43
- package/lib/vtx-form-layout/index.js.map +1 -1
- package/lib/vtx-form-layout/style/css.js.map +1 -1
- package/lib/vtx-form-layout/style/index.css +1 -0
- package/lib/vtx-form-layout/style/index.js.map +1 -1
- package/lib/vtx-form-layout/style/index.less +1 -0
- package/lib/vtx-image/Image.js.map +1 -1
- package/lib/vtx-image/Preview.js.map +1 -1
- package/lib/vtx-image/PreviewGroup.js.map +1 -1
- package/lib/vtx-image/index.js.map +1 -1
- package/lib/vtx-image/style/css.js.map +1 -1
- package/lib/vtx-image/style/index.js.map +1 -1
- package/lib/vtx-image/style/index.less +63 -63
- package/lib/vtx-import/index.js.map +1 -1
- package/lib/vtx-import/result.js.map +1 -1
- package/lib/vtx-import/style/css.js.map +1 -1
- package/lib/vtx-import/style/index.js.map +1 -1
- package/lib/vtx-import/style/index.less +8 -8
- package/lib/vtx-import2/CheckResult.js.map +1 -1
- package/lib/vtx-import2/Content.js.map +1 -1
- package/lib/vtx-import2/DownloadSvg.js.map +1 -1
- package/lib/vtx-import2/ImportResult.js.map +1 -1
- package/lib/vtx-import2/UploadSvg.js.map +1 -1
- package/lib/vtx-import2/index.js.map +1 -1
- package/lib/vtx-import2/style/css.js.map +1 -1
- package/lib/vtx-import2/style/index.js.map +1 -1
- package/lib/vtx-import2/style/index.less +102 -102
- package/lib/vtx-input/TextArea.js.map +1 -1
- package/lib/vtx-input/index.js.map +1 -1
- package/lib/vtx-input/style/css.js.map +1 -1
- package/lib/vtx-input/style/index.js.map +1 -1
- package/lib/vtx-input/style/index.less +24 -24
- package/lib/vtx-input/useLength.js.map +1 -1
- package/lib/vtx-modal/Title.js.map +1 -1
- package/lib/vtx-modal/index.js +2 -2
- package/lib/vtx-modal/index.js.map +1 -1
- package/lib/vtx-modal/style/css.js.map +1 -1
- package/lib/vtx-modal/style/index.js.map +1 -1
- package/lib/vtx-modal/style/index.less +95 -95
- package/lib/vtx-page-layout/Basic.js +2 -2
- package/lib/vtx-page-layout/Basic.js.map +1 -1
- package/lib/vtx-page-layout/Content.js.map +1 -1
- package/lib/vtx-page-layout/Pane.js.map +1 -1
- package/lib/vtx-page-layout/TableLayout.js +10 -10
- package/lib/vtx-page-layout/TableLayout.js.map +1 -1
- package/lib/vtx-page-layout/TableWrap.js.map +1 -1
- package/lib/vtx-page-layout/container.js.map +1 -1
- package/lib/vtx-page-layout/index.js.map +1 -1
- package/lib/vtx-page-layout/style/css.js.map +1 -1
- package/lib/vtx-page-layout/style/index.js.map +1 -1
- package/lib/vtx-page-layout/style/index.less +138 -138
- package/lib/vtx-rps-frame/index.js.map +1 -1
- package/lib/vtx-rps-frame/style/css.js.map +1 -1
- package/lib/vtx-rps-frame/style/index.js.map +1 -1
- package/lib/vtx-rps-frame/style/index.less +8 -8
- package/lib/vtx-scrollable-row/index.js.map +1 -1
- package/lib/vtx-scrollable-row/style/css.js.map +1 -1
- package/lib/vtx-scrollable-row/style/index.js.map +1 -1
- package/lib/vtx-scrollable-row/style/index.less +113 -113
- package/lib/vtx-search/VtxCol.js.map +1 -1
- package/lib/vtx-search/VtxRow.js.map +1 -1
- package/lib/vtx-search/index.js.map +1 -1
- package/lib/vtx-search/style/css.js.map +1 -1
- package/lib/vtx-search/style/index.js.map +1 -1
- package/lib/vtx-search/style/index.less +83 -83
- package/lib/vtx-search-map-input/index.js +6 -4
- package/lib/vtx-search-map-input/index.js.map +1 -1
- package/lib/vtx-search-map-input/style/css.js.map +1 -1
- package/lib/vtx-search-map-input/style/index.js.map +1 -1
- package/lib/vtx-select/index.js.map +1 -1
- package/lib/vtx-select/style/css.js.map +1 -1
- package/lib/vtx-select/style/index.js.map +1 -1
- package/lib/vtx-select/style/index.less +68 -68
- package/lib/vtx-signature/index.js.map +1 -1
- package/lib/vtx-signature/style/css.js.map +1 -1
- package/lib/vtx-signature/style/index.js.map +1 -1
- package/lib/vtx-signature/style/index.less +33 -33
- package/lib/vtx-split-pane/Pane.js.map +1 -1
- package/lib/vtx-split-pane/Resizer.js.map +1 -1
- package/lib/vtx-split-pane/SplitPane.js +4 -4
- package/lib/vtx-split-pane/SplitPane.js.map +1 -1
- package/lib/vtx-split-pane/index.js.map +1 -1
- package/lib/vtx-split-pane/style/css.js.map +1 -1
- package/lib/vtx-split-pane/style/index.js.map +1 -1
- package/lib/vtx-split-pane/style/index.less +76 -76
- package/lib/vtx-statistics-column/Back.js.map +1 -1
- package/lib/vtx-statistics-column/Item.js.map +1 -1
- package/lib/vtx-statistics-column/Total.js.map +1 -1
- package/lib/vtx-statistics-column/context.js.map +1 -1
- package/lib/vtx-statistics-column/index.js.map +1 -1
- package/lib/vtx-statistics-column/style/css.js.map +1 -1
- package/lib/vtx-statistics-column/style/index.js.map +1 -1
- package/lib/vtx-statistics-column/style/index.less +59 -59
- package/lib/vtx-time-picker/index.js.map +1 -1
- package/lib/vtx-time-picker/style/css.js.map +1 -1
- package/lib/vtx-time-picker/style/index.js.map +1 -1
- package/lib/vtx-upload/FilePreview.js.map +1 -1
- package/lib/vtx-upload/index.js.map +1 -1
- package/lib/vtx-upload/style/css.js.map +1 -1
- package/lib/vtx-upload/style/index.js.map +1 -1
- package/lib/vtx-upload/style/index.less +61 -61
- package/lib/vtx-wang-editor/index.js.map +1 -1
- package/lib/vtx-wang-editor/style/css.js.map +1 -1
- package/lib/vtx-wang-editor/style/index.js.map +1 -1
- package/lib/vtx-wang-editor/style/index.less +12 -12
- package/lib/vtx-wang-editor/wangEditorUtil.js.map +1 -1
- package/lib/vtx-ztree/index.js +2 -2
- package/lib/vtx-ztree/index.js.map +1 -1
- package/lib/vtx-ztree/style/css.js.map +1 -1
- package/lib/vtx-ztree/style/index.js.map +1 -1
- package/lib/vtx-ztree/style/index.less +45 -45
- package/lib/vtx-ztree-select/index.js.map +1 -1
- package/lib/vtx-ztree-select/style/css.js.map +1 -1
- package/lib/vtx-ztree-select/style/index.js.map +1 -1
- package/lib/vtx-ztree-select/style/index.less +74 -74
- package/package.json +1 -1
|
@@ -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';\
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pane.js","names":["Left","props","className","style","classsnames","children","propTypes","PropTypes","object","string","node","Right"],"sources":["vtx-page-layout/Pane.jsx"],"sourcesContent":["import React from 'react';\
|
|
1
|
+
{"version":3,"file":"Pane.js","names":["Left","props","className","style","classsnames","children","propTypes","PropTypes","object","string","node","Right"],"sources":["vtx-page-layout/Pane.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classsnames from 'classnames';\n\nconst Left = props => {\n const { className, style } = props;\n\n return (\n <div style={style} className={classsnames('vtx-table-left', className)}>\n {props.children}\n </div>\n );\n};\n\nLeft.propTypes = {\n style: PropTypes.object,\n className: PropTypes.string,\n children: PropTypes.node,\n};\n\nconst Right = props => {\n const { className, style } = props;\n\n return (\n <div style={style} className={classsnames('vtx-table-right', className)}>\n {props.children}\n </div>\n );\n};\n\nRight.propTypes = {\n style: PropTypes.object,\n className: PropTypes.string,\n children: PropTypes.node,\n};\n\nexport default { Left, Right };\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEA,IAAMA,IAAI,GAAG,SAAPA,IAAO,CAAAC,KAAK,EAAI;EAClB,IAAQC,SAAR,GAA6BD,KAA7B,CAAQC,SAAR;EAAA,IAAmBC,KAAnB,GAA6BF,KAA7B,CAAmBE,KAAnB;EAEA,oBACI;IAAK,KAAK,EAAEA,KAAZ;IAAmB,SAAS,EAAE,IAAAC,sBAAA,EAAY,gBAAZ,EAA8BF,SAA9B;EAA9B,GACKD,KAAK,CAACI,QADX,CADJ;AAKH,CARD;;AAUAL,IAAI,CAACM,SAAL,GAAiB;EACbH,KAAK,EAAEI,qBAAA,CAAUC,MADJ;EAEbN,SAAS,EAAEK,qBAAA,CAAUE,MAFR;EAGbJ,QAAQ,EAAEE,qBAAA,CAAUG;AAHP,CAAjB;;AAMA,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAAAV,KAAK,EAAI;EACnB,IAAQC,SAAR,GAA6BD,KAA7B,CAAQC,SAAR;EAAA,IAAmBC,KAAnB,GAA6BF,KAA7B,CAAmBE,KAAnB;EAEA,oBACI;IAAK,KAAK,EAAEA,KAAZ;IAAmB,SAAS,EAAE,IAAAC,sBAAA,EAAY,iBAAZ,EAA+BF,SAA/B;EAA9B,GACKD,KAAK,CAACI,QADX,CADJ;AAKH,CARD;;AAUAM,KAAK,CAACL,SAAN,GAAkB;EACdH,KAAK,EAAEI,qBAAA,CAAUC,MADH;EAEdN,SAAS,EAAEK,qBAAA,CAAUE,MAFP;EAGdJ,QAAQ,EAAEE,qBAAA,CAAUG;AAHN,CAAlB;eAMe;EAAEV,IAAI,EAAJA,IAAF;EAAQW,KAAK,EAALA;AAAR,C"}
|
|
@@ -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) {
|
|
@@ -118,8 +118,8 @@ Content.propTypes = {
|
|
|
118
118
|
children: _propTypes["default"].node
|
|
119
119
|
}; // eslint-disable-next-line valid-jsdoc
|
|
120
120
|
|
|
121
|
-
/**
|
|
122
|
-
* 表格布局
|
|
121
|
+
/**
|
|
122
|
+
* 表格布局
|
|
123
123
|
*/
|
|
124
124
|
|
|
125
125
|
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","useContext","top","Table","React","cloneElement","Card"],"sources":["vtx-page-layout/TableLayout.jsx"],"sourcesContent":["import React, { useState, useContext } from 'react';\
|
|
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","useContext","top","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 } = props;\n const { searchHeight } = useContext(StoreCtx);\n return (\n <div\n className={classsnames('vtx-table-content', className)}\n style={{\n top: pagePaddingTop + searchMarginBottom + searchHeight,\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};\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';\
|
|
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":["/**\
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["Page","container","componentClass","Basic","ButtonWrap","TableLayout","Pane","Content","TableWrap"],"sources":["vtx-page-layout/index.jsx"],"sourcesContent":["import container from './container';\
|
|
1
|
+
{"version":3,"file":"index.js","names":["Page","container","componentClass","Basic","ButtonWrap","TableLayout","Pane","Content","TableWrap"],"sources":["vtx-page-layout/index.jsx"],"sourcesContent":["import container from './container';\nimport Basic from './Basic';\nimport Content from './Content';\nimport TableWrap from './TableWrap';\nimport TableLayout from './TableLayout';\nimport Pane from './Pane';\n\nconst Page = container({ componentClass: 'vtx-page' })(Basic);\nconst ButtonWrap = container({ componentClass: 'vtx-button-wrap' })(Basic);\n\nexport default {\n TableLayout,\n Page,\n ButtonWrap,\n Pane,\n Content: container()(Content),\n TableWrap: container()(TableWrap),\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,IAAI,GAAG,IAAAC,qBAAA,EAAU;EAAEC,cAAc,EAAE;AAAlB,CAAV,EAA0CC,iBAA1C,CAAb;AACA,IAAMC,UAAU,GAAG,IAAAH,qBAAA,EAAU;EAAEC,cAAc,EAAE;AAAlB,CAAV,EAAiDC,iBAAjD,CAAnB;eAEe;EACXE,WAAW,EAAXA,uBADW;EAEXL,IAAI,EAAJA,IAFW;EAGXI,UAAU,EAAVA,UAHW;EAIXE,IAAI,EAAJA,gBAJW;EAKXC,OAAO,EAAE,IAAAN,qBAAA,IAAYM,mBAAZ,CALE;EAMXC,SAAS,EAAE,IAAAP,qBAAA,IAAYO,qBAAZ;AANA,C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"css.js","names":[],"sources":["vtx-page-layout/style/index.js"],"sourcesContent":["import './index.less';\
|
|
1
|
+
{"version":3,"file":"css.js","names":[],"sources":["vtx-page-layout/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["vtx-page-layout/style/index.js"],"sourcesContent":["import './index.less';\
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["vtx-page-layout/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAA"}
|
|
@@ -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":["initReportParamUrl","initReportInfoUrl","initReportServerUrl","VtxRpsFrame","props","iframeName","useRef","Math","random","Date","getTime","useEffect","getReportInfoByCode","flag","report_param","data_param","paramTypeCode","tenantId","isParamEncode","reportParamUrl","reportInfoUrl","reportServerUrl","paramCode","report_code","getUrlParam","access_token","commonParam","axios","method","url","headers","Authorization","param","timestamp","valueOf","reqMethod","formData","encodeURI","JSON","stringify","all","then","spread","commonParamResult","reportInfoByCodeResult","data","result","commonParamData","obj","forEach","d","parmCode","parmName","reportInfoByCodeData","data_url","createForm","reportlet","current","err","console","log","propTypes","PropTypes","number","string","object","oneOfType","array","bool","reqURL","formDom","document","createElement","target","action","style","inputArray","k","Object","prototype","hasOwnProperty","call","input1","type","name","value","push","body","appendChild","i","len","length","append","submit","remove"],"sources":["vtx-rps-frame/index.jsx"],"sourcesContent":["/* eslint-disable camelcase */\r\n/*\r\n * @Author: chenxinyu\r\n * @Date: 2021-03-24 21:47:52\r\n * @LastEditors: your name\r\n * @LastEditTime: 2022-01-12 18:49:30\r\n * @Description: 报表容器\r\n * @FilePath: \\react-components\\components\\vtx-rps-frame\\index.jsx\r\n */\r\nimport React, { useEffect, useRef } from 'react';\r\nimport axios from 'axios';\r\nimport PropTypes from 'prop-types';\r\nimport getUrlParam from '@vtx/utils/lib/getUrlParam';\r\n\r\nconst initReportParamUrl = '/cloud/management/rest/np/param/getByParamTypeCode';\r\nconst initReportInfoUrl = '/cloud/rps/api/np/v101/report/getReportInfoByCode.smvc';\r\nconst initReportServerUrl = '/ReportServer';\r\nfunction VtxRpsFrame(props) {\r\n const iframeName = useRef(Math.random() + new Date().getTime());\r\n\r\n // flag改变,重新渲染报表\r\n useEffect(() => {\r\n getReportInfoByCode();\r\n }, [props.flag]);\r\n\r\n const getReportInfoByCode = () => {\r\n const {\r\n // report_code,\r\n report_param,\r\n data_param,\r\n paramTypeCode,\r\n tenantId,\r\n isParamEncode = false,\r\n reportParamUrl = initReportParamUrl,\r\n reportInfoUrl = initReportInfoUrl,\r\n reportServerUrl = initReportServerUrl,\r\n } = props;\r\n\r\n const paramCode = paramTypeCode || 'param_report_constant';\r\n // report_code 可配置,如果地址栏有report_code,则优先,否则根据props的report_code\r\n const report_code = getUrlParam().report_code\r\n ? getUrlParam().report_code\r\n : props.report_code;\r\n\r\n const access_token = getUrlParam()['token'] || getUrlParam()['access_token'];\r\n\r\n // 获取公共参数\r\n function commonParam() {\r\n return axios({\r\n method: 'get',\r\n url: `${reportParamUrl}?parameters={\"paramTypeCode\": \"${paramCode}\",\"tenantId\":\"${tenantId}\"}`,\r\n headers: {\r\n 'content-type': 'application/x-www-form-urlencoded',\r\n Authorization: `Bearer ${access_token}`,\r\n },\r\n });\r\n }\r\n\r\n // 获取报表code\r\n const param = {\r\n report_code,\r\n timestamp: new Date().valueOf(),\r\n reqMethod: 0,\r\n };\r\n const formData = isParamEncode ? encodeURI(JSON.stringify(param)) : JSON.stringify(param);\r\n function getReportInfoByCode() {\r\n return axios({\r\n method: 'get',\r\n url: `${reportInfoUrl}?parameters=${formData}`,\r\n headers: {\r\n 'content-type': 'application/x-www-form-urlencoded',\r\n Authorization: `Bearer ${access_token}`,\r\n },\r\n });\r\n }\r\n\r\n axios\r\n .all([commonParam(), getReportInfoByCode()])\r\n .then(\r\n axios.spread(function(commonParamResult, reportInfoByCodeResult) {\r\n if (!commonParamResult.data.result && !reportInfoByCodeResult.data.result) {\r\n // 报表公共参数\r\n const commonParamData = commonParamResult.data.data;\r\n const obj = {};\r\n commonParamData.forEach(d => {\r\n obj[d.parmCode] = d.parmName;\r\n });\r\n const reportInfoByCodeData = reportInfoByCodeResult.data.data;\r\n const param = {\r\n data_url: reportInfoByCodeData.data_url,\r\n data_param: JSON.stringify(data_param),\r\n ...report_param,\r\n ...obj,\r\n reqMethod: 0,\r\n };\r\n createForm(\r\n `${reportServerUrl}?report_code=${report_code}&reportlet=${\r\n reportInfoByCodeData.reportlet\r\n }&fr_locale=zh_CN×tamp=${new Date().valueOf()}`,\r\n param,\r\n `${iframeName.current}`,\r\n );\r\n }\r\n }),\r\n )\r\n // eslint-disable-next-line no-console\r\n .catch(err => console.log(err));\r\n };\r\n\r\n return (\r\n <div className=\"vtx-rps-frame\">\r\n <iframe\r\n className=\"vtx-rps-frame-wrapper\"\r\n width=\"100%\"\r\n height=\"100%\"\r\n name={`${iframeName.current}`}\r\n ></iframe>\r\n </div>\r\n );\r\n}\r\n\r\nVtxRpsFrame.propTypes = {\r\n flag: PropTypes.number,\r\n report_code: PropTypes.string,\r\n report_param: PropTypes.object,\r\n data_param: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),\r\n paramTypeCode: PropTypes.string,\r\n tenantId: PropTypes.string,\r\n reportParamUrl: PropTypes.string,\r\n reportInfoUrl: PropTypes.string,\r\n reportServerUrl: PropTypes.string,\r\n isParamEncode: PropTypes.bool,\r\n};\r\nexport default VtxRpsFrame;\r\n\r\nconst createForm = function(reqURL, param, iframeName) {\r\n // 定义一个form表单\r\n const formDom = document.createElement('form');\r\n formDom.method = 'post';\r\n formDom.target = iframeName;\r\n formDom.action = reqURL;\r\n formDom.style = 'display:none';\r\n const inputArray = [];\r\n for (const k in param) {\r\n if (Object.prototype.hasOwnProperty.call(param, k)) {\r\n const input1 = document.createElement('input');\r\n input1.type = 'hidden';\r\n input1.name = k;\r\n input1.value = param[k];\r\n inputArray.push(input1);\r\n }\r\n }\r\n document.body.appendChild(formDom); // 将表单放置在web中\r\n for (let i = 0, len = inputArray.length; i < len; i++) {\r\n formDom.append(inputArray[i]);\r\n }\r\n formDom.submit(); // 表单提交\r\n formDom.remove();\r\n};\r\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["initReportParamUrl","initReportInfoUrl","initReportServerUrl","VtxRpsFrame","props","iframeName","useRef","Math","random","Date","getTime","useEffect","getReportInfoByCode","flag","report_param","data_param","paramTypeCode","tenantId","isParamEncode","reportParamUrl","reportInfoUrl","reportServerUrl","paramCode","report_code","getUrlParam","access_token","commonParam","axios","method","url","headers","Authorization","param","timestamp","valueOf","reqMethod","formData","encodeURI","JSON","stringify","all","then","spread","commonParamResult","reportInfoByCodeResult","data","result","commonParamData","obj","forEach","d","parmCode","parmName","reportInfoByCodeData","data_url","createForm","reportlet","current","err","console","log","propTypes","PropTypes","number","string","object","oneOfType","array","bool","reqURL","formDom","document","createElement","target","action","style","inputArray","k","Object","prototype","hasOwnProperty","call","input1","type","name","value","push","body","appendChild","i","len","length","append","submit","remove"],"sources":["vtx-rps-frame/index.jsx"],"sourcesContent":["/* eslint-disable camelcase */\n/*\n * @Author: chenxinyu\n * @Date: 2021-03-24 21:47:52\n * @LastEditors: your name\n * @LastEditTime: 2022-01-12 18:49:30\n * @Description: 报表容器\n * @FilePath: \\react-components\\components\\vtx-rps-frame\\index.jsx\n */\nimport React, { useEffect, useRef } from 'react';\nimport axios from 'axios';\nimport PropTypes from 'prop-types';\nimport getUrlParam from '@vtx/utils/lib/getUrlParam';\n\nconst initReportParamUrl = '/cloud/management/rest/np/param/getByParamTypeCode';\nconst initReportInfoUrl = '/cloud/rps/api/np/v101/report/getReportInfoByCode.smvc';\nconst initReportServerUrl = '/ReportServer';\nfunction VtxRpsFrame(props) {\n const iframeName = useRef(Math.random() + new Date().getTime());\n\n // flag改变,重新渲染报表\n useEffect(() => {\n getReportInfoByCode();\n }, [props.flag]);\n\n const getReportInfoByCode = () => {\n const {\n // report_code,\n report_param,\n data_param,\n paramTypeCode,\n tenantId,\n isParamEncode = false,\n reportParamUrl = initReportParamUrl,\n reportInfoUrl = initReportInfoUrl,\n reportServerUrl = initReportServerUrl,\n } = props;\n\n const paramCode = paramTypeCode || 'param_report_constant';\n // report_code 可配置,如果地址栏有report_code,则优先,否则根据props的report_code\n const report_code = getUrlParam().report_code\n ? getUrlParam().report_code\n : props.report_code;\n\n const access_token = getUrlParam()['token'] || getUrlParam()['access_token'];\n\n // 获取公共参数\n function commonParam() {\n return axios({\n method: 'get',\n url: `${reportParamUrl}?parameters={\"paramTypeCode\": \"${paramCode}\",\"tenantId\":\"${tenantId}\"}`,\n headers: {\n 'content-type': 'application/x-www-form-urlencoded',\n Authorization: `Bearer ${access_token}`,\n },\n });\n }\n\n // 获取报表code\n const param = {\n report_code,\n timestamp: new Date().valueOf(),\n reqMethod: 0,\n };\n const formData = isParamEncode ? encodeURI(JSON.stringify(param)) : JSON.stringify(param);\n function getReportInfoByCode() {\n return axios({\n method: 'get',\n url: `${reportInfoUrl}?parameters=${formData}`,\n headers: {\n 'content-type': 'application/x-www-form-urlencoded',\n Authorization: `Bearer ${access_token}`,\n },\n });\n }\n\n axios\n .all([commonParam(), getReportInfoByCode()])\n .then(\n axios.spread(function(commonParamResult, reportInfoByCodeResult) {\n if (!commonParamResult.data.result && !reportInfoByCodeResult.data.result) {\n // 报表公共参数\n const commonParamData = commonParamResult.data.data;\n const obj = {};\n commonParamData.forEach(d => {\n obj[d.parmCode] = d.parmName;\n });\n const reportInfoByCodeData = reportInfoByCodeResult.data.data;\n const param = {\n data_url: reportInfoByCodeData.data_url,\n data_param: JSON.stringify(data_param),\n ...report_param,\n ...obj,\n reqMethod: 0,\n };\n createForm(\n `${reportServerUrl}?report_code=${report_code}&reportlet=${\n reportInfoByCodeData.reportlet\n }&fr_locale=zh_CN×tamp=${new Date().valueOf()}`,\n param,\n `${iframeName.current}`,\n );\n }\n }),\n )\n // eslint-disable-next-line no-console\n .catch(err => console.log(err));\n };\n\n return (\n <div className=\"vtx-rps-frame\">\n <iframe\n className=\"vtx-rps-frame-wrapper\"\n width=\"100%\"\n height=\"100%\"\n name={`${iframeName.current}`}\n ></iframe>\n </div>\n );\n}\n\nVtxRpsFrame.propTypes = {\n flag: PropTypes.number,\n report_code: PropTypes.string,\n report_param: PropTypes.object,\n data_param: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),\n paramTypeCode: PropTypes.string,\n tenantId: PropTypes.string,\n reportParamUrl: PropTypes.string,\n reportInfoUrl: PropTypes.string,\n reportServerUrl: PropTypes.string,\n isParamEncode: PropTypes.bool,\n};\nexport default VtxRpsFrame;\n\nconst createForm = function(reqURL, param, iframeName) {\n // 定义一个form表单\n const formDom = document.createElement('form');\n formDom.method = 'post';\n formDom.target = iframeName;\n formDom.action = reqURL;\n formDom.style = 'display:none';\n const inputArray = [];\n for (const k in param) {\n if (Object.prototype.hasOwnProperty.call(param, k)) {\n const input1 = document.createElement('input');\n input1.type = 'hidden';\n input1.name = k;\n input1.value = param[k];\n inputArray.push(input1);\n }\n }\n document.body.appendChild(formDom); // 将表单放置在web中\n for (let i = 0, len = inputArray.length; i < len; i++) {\n formDom.append(inputArray[i]);\n }\n formDom.submit(); // 表单提交\n formDom.remove();\n};\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"css.js","names":[],"sources":["vtx-rps-frame/style/index.js"],"sourcesContent":["import './index.less';\
|
|
1
|
+
{"version":3,"file":"css.js","names":[],"sources":["vtx-rps-frame/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["vtx-rps-frame/style/index.js"],"sourcesContent":["import './index.less';\
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["vtx-rps-frame/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAA"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
.vtx-rps-frame {
|
|
2
|
-
width: 100%;
|
|
3
|
-
height: 100%;
|
|
4
|
-
overflow: hidden;
|
|
5
|
-
iframe {
|
|
6
|
-
border-width: 0;
|
|
7
|
-
}
|
|
8
|
-
}
|
|
1
|
+
.vtx-rps-frame {
|
|
2
|
+
width: 100%;
|
|
3
|
+
height: 100%;
|
|
4
|
+
overflow: hidden;
|
|
5
|
+
iframe {
|
|
6
|
+
border-width: 0;
|
|
7
|
+
}
|
|
8
|
+
}
|
|
@@ -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","setNext","setPrev","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 setNext(next);\r\n setPrev(prev);\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 const setPrev = v => {\r\n if (prev !== v) {\r\n setState({\r\n ...state,\r\n prev: v,\r\n });\r\n }\r\n };\r\n\r\n const setNext = v => {\r\n if (next !== v) {\r\n setState({\r\n ...state,\r\n next: v,\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\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
|
+
{"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","setNext","setPrev","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 setNext(next);\n setPrev(prev);\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 const setPrev = v => {\n if (prev !== v) {\n setState({\n ...state,\n prev: v,\n });\n }\n };\n\n const setNext = v => {\n if (next !== v) {\n setState({\n ...state,\n next: v,\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\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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"css.js","names":[],"sources":["vtx-scrollable-row/style/index.js"],"sourcesContent":["import './index.less';\
|
|
1
|
+
{"version":3,"file":"css.js","names":[],"sources":["vtx-scrollable-row/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["vtx-scrollable-row/style/index.js"],"sourcesContent":["import './index.less';\
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["vtx-scrollable-row/style/index.js"],"sourcesContent":["import './index.less';\n"],"mappings":";;AAAA"}
|