@vtx/components 2.5.4 → 2.5.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/_util/filterSpecialCharacters.js +1 -1
- package/lib/_util/useSet.js +2 -2
- package/lib/_util/useSet.js.map +1 -1
- package/lib/vtx-color-picker/index.js +5 -3
- package/lib/vtx-color-picker/index.js.map +1 -1
- package/lib/vtx-combogrid/Combogrid.js +12 -7
- package/lib/vtx-combogrid/Combogrid.js.map +1 -1
- package/lib/vtx-combogrid/index.js +6 -4
- package/lib/vtx-combogrid/index.js.map +1 -1
- package/lib/vtx-datagrid/ColumnSetting.js +4 -4
- package/lib/vtx-datagrid/ColumnSetting.js.map +1 -1
- package/lib/vtx-datagrid/ResizeableTitle.js +3 -1
- package/lib/vtx-datagrid/ResizeableTitle.js.map +1 -1
- package/lib/vtx-datagrid/index.js +8 -6
- package/lib/vtx-datagrid/index.js.map +1 -1
- package/lib/vtx-datagrid/renderColumnButtons.js +4 -2
- package/lib/vtx-datagrid/renderColumnButtons.js.map +1 -1
- package/lib/vtx-date-picker/QdatePicker.js +6 -4
- package/lib/vtx-date-picker/QdatePicker.js.map +1 -1
- package/lib/vtx-date-picker/YearPicker.js +6 -4
- package/lib/vtx-date-picker/YearPicker.js.map +1 -1
- package/lib/vtx-date-picker/generatePicker.js +4 -2
- package/lib/vtx-date-picker/generatePicker.js.map +1 -1
- package/lib/vtx-date-picker/index.js.map +1 -1
- package/lib/vtx-editor/index.js +5 -3
- package/lib/vtx-editor/index.js.map +1 -1
- package/lib/vtx-export/index.js.map +1 -1
- package/lib/vtx-form-layout/Card.js +3 -3
- package/lib/vtx-form-layout/Card.js.map +1 -1
- package/lib/vtx-form-layout/FormItem.js +5 -3
- 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/index.js +17 -3
- package/lib/vtx-form-layout/index.js.map +1 -1
- package/lib/vtx-form-layout/style/css.js +2 -0
- package/lib/vtx-form-layout/style/css.js.map +1 -1
- package/lib/vtx-form-layout/style/index.js +2 -0
- package/lib/vtx-form-layout/style/index.js.map +1 -1
- package/lib/vtx-image/Image.js +3 -3
- package/lib/vtx-image/Image.js.map +1 -1
- package/lib/vtx-image/Preview.js +4 -4
- package/lib/vtx-image/Preview.js.map +1 -1
- package/lib/vtx-image/PreviewGroup.js +4 -4
- package/lib/vtx-image/PreviewGroup.js.map +1 -1
- package/lib/vtx-image/index.js +2 -2
- package/lib/vtx-import/index.js +2 -2
- package/lib/vtx-import/index.js.map +1 -1
- package/lib/vtx-import/result.js +1 -1
- package/lib/vtx-import/result.js.map +1 -1
- package/lib/vtx-input/TextArea.js +5 -3
- package/lib/vtx-input/TextArea.js.map +1 -1
- package/lib/vtx-input/index.js +6 -4
- package/lib/vtx-input/index.js.map +1 -1
- package/lib/vtx-input/useLength.js +1 -1
- package/lib/vtx-input/useLength.js.map +1 -1
- package/lib/vtx-modal/Title.js.map +1 -1
- package/lib/vtx-modal/index.js +4 -4
- package/lib/vtx-modal/index.js.map +1 -1
- package/lib/vtx-page-layout/Basic.js.map +1 -1
- package/lib/vtx-page-layout/Content.js +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 +4 -4
- package/lib/vtx-page-layout/TableLayout.js.map +1 -1
- package/lib/vtx-page-layout/TableWrap.js +1 -1
- package/lib/vtx-page-layout/TableWrap.js.map +1 -1
- package/lib/vtx-page-layout/container.js +1 -1
- package/lib/vtx-page-layout/container.js.map +1 -1
- package/lib/vtx-rps-frame/index.js +3 -3
- package/lib/vtx-rps-frame/index.js.map +1 -1
- package/lib/vtx-scrollable-row/index.js +3 -3
- package/lib/vtx-scrollable-row/index.js.map +1 -1
- package/lib/vtx-search/VtxCol.js +1 -1
- package/lib/vtx-search/VtxRow.js.map +1 -1
- package/lib/vtx-search/index.js +5 -5
- package/lib/vtx-search/index.js.map +1 -1
- package/lib/vtx-search-map-input/index.js +3 -3
- package/lib/vtx-search-map-input/index.js.map +1 -1
- package/lib/vtx-search-map-input/style/css.js +2 -0
- package/lib/vtx-search-map-input/style/css.js.map +1 -1
- package/lib/vtx-search-map-input/style/index.js +2 -0
- package/lib/vtx-search-map-input/style/index.js.map +1 -1
- package/lib/vtx-select/index.js +5 -5
- package/lib/vtx-select/index.js.map +1 -1
- package/lib/vtx-signature/index.js +2 -2
- package/lib/vtx-signature/index.js.map +1 -1
- package/lib/vtx-split-pane/Pane.js +3 -3
- package/lib/vtx-split-pane/Pane.js.map +1 -1
- package/lib/vtx-split-pane/Resizer.js +3 -3
- package/lib/vtx-split-pane/Resizer.js.map +1 -1
- package/lib/vtx-split-pane/SplitPane.js +3 -3
- package/lib/vtx-split-pane/SplitPane.js.map +1 -1
- package/lib/vtx-statistics-column/Back.js.map +1 -1
- package/lib/vtx-statistics-column/Item.js +3 -3
- package/lib/vtx-statistics-column/Item.js.map +1 -1
- package/lib/vtx-statistics-column/Total.js +3 -3
- package/lib/vtx-statistics-column/Total.js.map +1 -1
- package/lib/vtx-statistics-column/index.js.map +1 -1
- package/lib/vtx-time-picker/index.js +3 -1
- package/lib/vtx-time-picker/index.js.map +1 -1
- package/lib/vtx-upload/FilePreview.js +1 -1
- package/lib/vtx-upload/FilePreview.js.map +1 -1
- package/lib/vtx-upload/index.js +19 -11
- package/lib/vtx-upload/index.js.map +1 -1
- package/lib/vtx-ztree/index.js +1 -1
- package/lib/vtx-ztree/index.js.map +1 -1
- package/lib/vtx-ztree-select/index.js +5 -3
- package/lib/vtx-ztree-select/index.js.map +1 -1
- package/package.json +1 -1
- package/CHANGELOG.md +0 -718
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["vtx-form-layout/Card.jsx"],"names":["VtxCard","props","title","expand","visible","setVisible","style","transform","pre","children","propTypes","PropTypes","bool","oneOfType","string","node"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;AAEA,SAASA,OAAT,CAAiBC,KAAjB,EAAwB;
|
|
1
|
+
{"version":3,"sources":["vtx-form-layout/Card.jsx"],"names":["VtxCard","props","title","expand","visible","setVisible","style","transform","pre","children","propTypes","PropTypes","bool","oneOfType","string","node"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;AAEA,SAASA,OAAT,CAAiBC,KAAjB,EAAwB;AACpB,MAAQC,KAAR,GAAiCD,KAAjC,CAAQC,KAAR;AAAA,sBAAiCD,KAAjC,CAAeE,MAAf;AAAA,MAAeA,MAAf,8BAAwB,IAAxB;;AACA,kBAA8B,qBAASA,MAAT,CAA9B;AAAA;AAAA,MAAOC,OAAP;AAAA,MAAgBC,UAAhB;;AACA,MAAIC,KAAK,GAAG,EAAZ;;AACA,MAAIF,OAAJ,EAAa;AACTE,IAAAA,KAAK,GAAG;AAAEC,MAAAA,SAAS,EAAE;AAAb,KAAR;AACH;;AACD,sBACI,gCAAC,gBAAD;AACI,IAAA,KAAK,EAAEL,KADX;AAEI,IAAA,SAAS,EAAC,eAFd;AAGI,IAAA,KAAK,eACD,gCAAC,gBAAD;AACI,MAAA,SAAS,EAAC,2BADd;AAEI,MAAA,IAAI,EAAC,OAFT;AAGI,MAAA,KAAK,EAAEI,KAHX;AAII,MAAA,OAAO,EAAE;AAAA,eAAMD,UAAU,CAAC,UAAAG,GAAG;AAAA,iBAAI,CAACA,GAAL;AAAA,SAAJ,CAAhB;AAAA;AAJb;AAJR,kBAYI;AACI,IAAA,SAAS,EAAE,4BAAW,uBAAX,EAAoC;AAC3C,oCAA8B,CAACJ;AADY,KAApC;AADf,KAKKH,KAAK,CAACQ,QALX,CAZJ,CADJ;AAsBH;;AAEDT,OAAO,CAACU,SAAR,GAAoB;AAChBP,EAAAA,MAAM,EAAEQ,sBAAUC,IADF;AAEhBV,EAAAA,KAAK,EAAES,sBAAUE,SAAV,CAAoB,CAACF,sBAAUG,MAAX,EAAmBH,sBAAUI,IAA7B,CAApB,CAFS;AAGhBN,EAAAA,QAAQ,EAAEE,sBAAUI;AAHJ,CAApB;eAMef,O","sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Card from 'antd/es/card';\nimport Icon from 'antd/es/icon';\n\nfunction VtxCard(props) {\n const { title, expand = true } = props;\n const [visible, setVisible] = useState(expand);\n let style = {};\n if (visible) {\n style = { transform: 'rotate(90deg)' };\n }\n return (\n <Card\n title={title}\n className=\"vtx-form-card\"\n extra={\n <Icon\n className=\"vtx-form-card-expand-icon\"\n type=\"right\"\n style={style}\n onClick={() => setVisible(pre => !pre)}\n />\n }\n >\n <div\n className={classnames('vtx-form-card-content', {\n 'vtx-form-card-content-hide': !visible,\n })}\n >\n {props.children}\n </div>\n </Card>\n );\n}\n\nVtxCard.propTypes = {\n expand: PropTypes.bool,\n title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n children: PropTypes.node,\n};\n\nexport default VtxCard;\n"],"file":"Card.js"}
|
|
@@ -23,11 +23,13 @@ var _classnames = _interopRequireDefault(require("classnames"));
|
|
|
23
23
|
|
|
24
24
|
var _context = require("./context");
|
|
25
25
|
|
|
26
|
+
var _excluded = ["weights", "tip", "label"];
|
|
27
|
+
|
|
26
28
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
27
29
|
|
|
28
|
-
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var
|
|
30
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
29
31
|
|
|
30
|
-
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
32
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
31
33
|
|
|
32
34
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
33
35
|
|
|
@@ -43,7 +45,7 @@ function FormItem(props) {
|
|
|
43
45
|
weights = _props$weights === void 0 ? 1 : _props$weights,
|
|
44
46
|
tip = props.tip,
|
|
45
47
|
label = props.label,
|
|
46
|
-
rest = _objectWithoutProperties(props,
|
|
48
|
+
rest = _objectWithoutProperties(props, _excluded);
|
|
47
49
|
|
|
48
50
|
var _useContext = (0, _react.useContext)(_context.StoreCtx),
|
|
49
51
|
labelColSpan = _useContext.labelColSpan,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["vtx-form-layout/FormItem.jsx"],"names":["SPAN","FormItem","props","weights","tip","label","rest","StoreCtx","labelColSpan","cols","mode","layout","labelRender","formItemLayout","conversionLabelColSpan","wrapperColSpan","labelCol","span","wrapperCol","children","propTypes","PropTypes","number","node","oneOfType","string"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA
|
|
1
|
+
{"version":3,"sources":["vtx-form-layout/FormItem.jsx"],"names":["SPAN","FormItem","props","weights","tip","label","rest","StoreCtx","labelColSpan","cols","mode","layout","labelRender","formItemLayout","conversionLabelColSpan","wrapperColSpan","labelCol","span","wrapperCol","children","propTypes","PropTypes","number","node","oneOfType","string"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;AAEA;AACA,IAAMA,IAAI,GAAG,EAAb;;AAEe,SAASC,QAAT,CAAkBC,KAAlB,EAAyB;AACpC,uBAA6CA,KAA7C,CAAQC,OAAR;AAAA,MAAQA,OAAR,+BAAkB,CAAlB;AAAA,MAAqBC,GAArB,GAA6CF,KAA7C,CAAqBE,GAArB;AAAA,MAA0BC,KAA1B,GAA6CH,KAA7C,CAA0BG,KAA1B;AAAA,MAAoCC,IAApC,4BAA6CJ,KAA7C;;AACA,oBAA6C,uBAAWK,iBAAX,CAA7C;AAAA,MAAQC,YAAR,eAAQA,YAAR;AAAA,MAAsBC,IAAtB,eAAsBA,IAAtB;AAAA,MAA4BC,IAA5B,eAA4BA,IAA5B;AAAA,MAAkCC,MAAlC,eAAkCA,MAAlC;;AAEA,MAAIC,WAAW,gBAAG,gCAAC,mBAAD;AAAS,IAAA,KAAK,EAAEP;AAAhB,KAAwBA,KAAxB,CAAlB;;AACA,MAAID,GAAJ,EAAS;AACLQ,IAAAA,WAAW,gBACP,8CACKP,KADL,uBAEI,gCAAC,mBAAD;AAAS,MAAA,KAAK,EAAED;AAAhB,oBACI,gCAAC,gBAAD;AAAM,MAAA,IAAI,EAAC;AAAX,MADJ,CAFJ,CADJ;AAQH;;AAED,MAAIS,cAAc,GAAG,IAArB;;AACA,MAAIF,MAAM,KAAK,YAAf,EAA6B;AACzB,QAAMG,sBAAsB,GAAGN,YAAY,GAAGL,OAA9C;AACA,QAAMY,cAAc,GAAGf,IAAI,GAAGc,sBAA9B;AACAD,IAAAA,cAAc,GAAG;AACbG,MAAAA,QAAQ,EAAE;AAAEC,QAAAA,IAAI,EAAEH;AAAR,OADG;AAEbI,MAAAA,UAAU,EAAE;AAAED,QAAAA,IAAI,EAAEF;AAAR;AAFC,KAAjB;AAIH;;AAED,sBACI,gCAAC,eAAD;AAAK,IAAA,IAAI,EAAGf,IAAI,GAAGG,OAAR,GAAmBM,IAA9B;AAAoC,IAAA,SAAS,EAAC;AAA9C,kBACI,gCAAC,gBAAD,CAAM,IAAN;AACI,IAAA,SAAS,EAAE,4BACP,eADO,EAEP;AAAE,gCAA0BE,MAAM,KAAK,UAAX,IAAyBD,IAAI,KAAK;AAA9D,KAFO,EAGP;AAAE,6BAAuBA,IAAI,KAAK;AAAlC,KAHO;AADf,KAMQG,cANR;AAOI,IAAA,KAAK,EAAED;AAPX,KAQQN,IARR,GAUKJ,KAAK,CAACiB,QAVX,CADJ,CADJ;AAgBH;;AAEDlB,QAAQ,CAACmB,SAAT,GAAqB;AACjBjB,EAAAA,OAAO,EAAEkB,sBAAUC,MADF;AAEjBH,EAAAA,QAAQ,EAAEE,sBAAUE,IAFH;AAGjBnB,EAAAA,GAAG,EAAEiB,sBAAUG,SAAV,CAAoB,CAACH,sBAAUI,MAAX,EAAmBJ,sBAAUE,IAA7B,CAApB,CAHY;AAIjBlB,EAAAA,KAAK,EAAEgB,sBAAUG,SAAV,CAAoB,CAACH,sBAAUI,MAAX,EAAmBJ,sBAAUE,IAA7B,CAApB;AAJU,CAArB","sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport Form from 'antd/es/form';\nimport Col from 'antd/es/col';\nimport Icon from 'antd/es/icon';\nimport Tooltip from 'antd/es/tooltip';\nimport classnames from 'classnames';\nimport { StoreCtx } from './context';\n\n// 24 栅格\nconst SPAN = 24;\n\nexport default function FormItem(props) {\n const { weights = 1, tip, label, ...rest } = props;\n const { labelColSpan, cols, mode, layout } = useContext(StoreCtx);\n\n let labelRender = <Tooltip title={label}>{label}</Tooltip>;\n if (tip) {\n labelRender = (\n <span>\n {label} \n <Tooltip title={tip}>\n <Icon type=\"question-circle-o\" />\n </Tooltip>\n </span>\n );\n }\n\n let formItemLayout = null;\n if (layout === 'horizontal') {\n const conversionLabelColSpan = labelColSpan / weights;\n const wrapperColSpan = SPAN - conversionLabelColSpan;\n formItemLayout = {\n labelCol: { span: conversionLabelColSpan },\n wrapperCol: { span: wrapperColSpan },\n };\n }\n\n return (\n <Col span={(SPAN * weights) / cols} className=\"vtx-form-item-col\">\n <Form.Item\n className={classnames(\n 'vtx-form-item',\n { 'vtx-form-item-vertical': layout === 'vertical' && mode !== 'view' },\n { 'vtx-form-item--view': mode === 'view' },\n )}\n {...formItemLayout}\n label={labelRender}\n {...rest}\n >\n {props.children}\n </Form.Item>\n </Col>\n );\n}\n\nFormItem.propTypes = {\n weights: PropTypes.number,\n children: PropTypes.node,\n tip: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n};\n"],"file":"FormItem.js"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["vtx-form-layout/Pane.jsx"],"names":["Pane","props","title","prefixCls","children","propTypes","PropTypes","string","oneOfType","node"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEA,SAASA,IAAT,CAAcC,KAAd,EAAqB;
|
|
1
|
+
{"version":3,"sources":["vtx-form-layout/Pane.jsx"],"names":["Pane","props","title","prefixCls","children","propTypes","PropTypes","string","oneOfType","node"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEA,SAASA,IAAT,CAAcC,KAAd,EAAqB;AACjB,MAAQC,KAAR,GAA+CD,KAA/C,CAAQC,KAAR;AAAA,yBAA+CD,KAA/C,CAAeE,SAAf;AAAA,MAAeA,SAAf,iCAA2B,eAA3B;AACA,sBACI;AAAK,IAAA,SAAS,EAAEA;AAAhB,kBACI;AAAK,IAAA,SAAS,YAAKA,SAAL;AAAd,KAAuCD,KAAvC,CADJ,eAEI;AAAK,IAAA,SAAS,YAAKC,SAAL;AAAd,KAAyCF,KAAK,CAACG,QAA/C,CAFJ,CADJ;AAMH;;AAEDJ,IAAI,CAACK,SAAL,GAAiB;AACbF,EAAAA,SAAS,EAAEG,sBAAUC,MADR;AAEbL,EAAAA,KAAK,EAAEI,sBAAUE,SAAV,CAAoB,CAACF,sBAAUC,MAAX,EAAmBD,sBAAUG,IAA7B,CAApB,CAFM;AAGbL,EAAAA,QAAQ,EAAEE,sBAAUG;AAHP,CAAjB;eAMeT,I","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nfunction Pane(props) {\n const { title, prefixCls = 'vtx-form-pane' } = props;\n return (\n <div className={prefixCls}>\n <div className={`${prefixCls}-title`}>{title}</div>\n <div className={`${prefixCls}-content`}>{props.children}</div>\n </div>\n );\n}\n\nPane.propTypes = {\n prefixCls: PropTypes.string,\n title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n children: PropTypes.node,\n};\n\nexport default Pane;\n"],"file":"Pane.js"}
|
|
@@ -11,6 +11,10 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
11
11
|
|
|
12
12
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
13
|
|
|
14
|
+
var _lodash = _interopRequireDefault(require("lodash.merge"));
|
|
15
|
+
|
|
16
|
+
var _skeleton = _interopRequireDefault(require("antd/es/skeleton"));
|
|
17
|
+
|
|
14
18
|
var _Row = _interopRequireDefault(require("./Row"));
|
|
15
19
|
|
|
16
20
|
var _FormItem = _interopRequireDefault(require("./FormItem"));
|
|
@@ -33,13 +37,22 @@ function VtxFormLayout(props) {
|
|
|
33
37
|
mode = props.mode,
|
|
34
38
|
_props$layout = props.layout,
|
|
35
39
|
layout = _props$layout === void 0 ? 'vertical' : _props$layout,
|
|
36
|
-
card = props.card
|
|
40
|
+
card = props.card,
|
|
41
|
+
skeleton = props.skeleton;
|
|
37
42
|
var store = {
|
|
38
43
|
cols: cols,
|
|
39
44
|
labelColSpan: labelColSpan,
|
|
40
45
|
mode: mode,
|
|
41
46
|
layout: layout
|
|
42
47
|
};
|
|
48
|
+
var defaultSkeleton = {
|
|
49
|
+
loading: false,
|
|
50
|
+
title: false,
|
|
51
|
+
paragraph: {
|
|
52
|
+
width: '100%',
|
|
53
|
+
rows: 4
|
|
54
|
+
}
|
|
55
|
+
};
|
|
43
56
|
return /*#__PURE__*/_react["default"].createElement(_context.StoreCtx.Provider, {
|
|
44
57
|
value: store
|
|
45
58
|
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -48,7 +61,7 @@ function VtxFormLayout(props) {
|
|
|
48
61
|
'vtx-form-layout-view': mode === 'view',
|
|
49
62
|
'vtx-form-layout-has-card': card
|
|
50
63
|
})
|
|
51
|
-
}, props.children));
|
|
64
|
+
}, /*#__PURE__*/_react["default"].createElement(_skeleton["default"], (0, _lodash["default"])(defaultSkeleton, skeleton), props.children)));
|
|
52
65
|
}
|
|
53
66
|
|
|
54
67
|
VtxFormLayout.propTypes = {
|
|
@@ -57,7 +70,8 @@ VtxFormLayout.propTypes = {
|
|
|
57
70
|
mode: _propTypes["default"].oneOf(['view']),
|
|
58
71
|
layout: _propTypes["default"].oneOf(['horizontal', 'vertical']),
|
|
59
72
|
children: _propTypes["default"].node,
|
|
60
|
-
card: _propTypes["default"].bool
|
|
73
|
+
card: _propTypes["default"].bool,
|
|
74
|
+
skeleton: _propTypes["default"].object
|
|
61
75
|
};
|
|
62
76
|
VtxFormLayout.Row = _Row["default"];
|
|
63
77
|
VtxFormLayout.FormItem = _FormItem["default"];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["vtx-form-layout/index.jsx"],"names":["VtxFormLayout","props","cols","labelColSpan","mode","layout","card","store","children","propTypes","PropTypes","number","oneOf","node","bool","Row","FormItem","Card","Pane","Divider"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,SAASA,aAAT,CAAuBC,KAAvB,EAA8B;
|
|
1
|
+
{"version":3,"sources":["vtx-form-layout/index.jsx"],"names":["VtxFormLayout","props","cols","labelColSpan","mode","layout","card","skeleton","store","defaultSkeleton","loading","title","paragraph","width","rows","children","propTypes","PropTypes","number","oneOf","node","bool","object","Row","FormItem","Card","Pane","Divider"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,SAASA,aAAT,CAAuBC,KAAvB,EAA8B;AAC1B,oBAAkFA,KAAlF,CAAQC,IAAR;AAAA,MAAQA,IAAR,4BAAe,CAAf;AAAA,4BAAkFD,KAAlF,CAAkBE,YAAlB;AAAA,MAAkBA,YAAlB,oCAAiC,CAAjC;AAAA,MAAoCC,IAApC,GAAkFH,KAAlF,CAAoCG,IAApC;AAAA,sBAAkFH,KAAlF,CAA0CI,MAA1C;AAAA,MAA0CA,MAA1C,8BAAmD,UAAnD;AAAA,MAA+DC,IAA/D,GAAkFL,KAAlF,CAA+DK,IAA/D;AAAA,MAAqEC,QAArE,GAAkFN,KAAlF,CAAqEM,QAArE;AACA,MAAMC,KAAK,GAAG;AACVN,IAAAA,IAAI,EAAJA,IADU;AAEVC,IAAAA,YAAY,EAAZA,YAFU;AAGVC,IAAAA,IAAI,EAAJA,IAHU;AAIVC,IAAAA,MAAM,EAANA;AAJU,GAAd;AAMA,MAAMI,eAAe,GAAG;AACpBC,IAAAA,OAAO,EAAE,KADW;AAEpBC,IAAAA,KAAK,EAAE,KAFa;AAGpBC,IAAAA,SAAS,EAAE;AACPC,MAAAA,KAAK,EAAE,MADA;AAEPC,MAAAA,IAAI,EAAE;AAFC;AAHS,GAAxB;AAQA,sBACI,gCAAC,iBAAD,CAAU,QAAV;AAAmB,IAAA,KAAK,EAAEN;AAA1B,kBACI;AACI,IAAA,SAAS,EAAE,4BAAW,iBAAX,EAA8B;AACrC,kCAA4BH,MAAM,KAAK,UAAX,IAAyBD,IAAI,KAAK,MADzB;AAErC,8BAAwBA,IAAI,KAAK,MAFI;AAGrC,kCAA4BE;AAHS,KAA9B;AADf,kBAOI,gCAAC,oBAAD,EAAc,wBAAMG,eAAN,EAAuBF,QAAvB,CAAd,EAAiDN,KAAK,CAACc,QAAvD,CAPJ,CADJ,CADJ;AAaH;;AAEDf,aAAa,CAACgB,SAAd,GAA0B;AACtBd,EAAAA,IAAI,EAAEe,sBAAUC,MADM;AAEtBf,EAAAA,YAAY,EAAEc,sBAAUC,MAFF;AAGtBd,EAAAA,IAAI,EAAEa,sBAAUE,KAAV,CAAgB,CAAC,MAAD,CAAhB,CAHgB;AAItBd,EAAAA,MAAM,EAAEY,sBAAUE,KAAV,CAAgB,CAAC,YAAD,EAAe,UAAf,CAAhB,CAJc;AAKtBJ,EAAAA,QAAQ,EAAEE,sBAAUG,IALE;AAMtBd,EAAAA,IAAI,EAAEW,sBAAUI,IANM;AAOtBd,EAAAA,QAAQ,EAAEU,sBAAUK;AAPE,CAA1B;AAUAtB,aAAa,CAACuB,GAAd,GAAoBA,eAApB;AACAvB,aAAa,CAACwB,QAAd,GAAyBA,oBAAzB;AACAxB,aAAa,CAACyB,IAAd,GAAqBA,gBAArB;AACAzB,aAAa,CAAC0B,IAAd,GAAqBA,gBAArB;AACA1B,aAAa,CAAC2B,OAAd,GAAwBA,mBAAxB;eAEe3B,a","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport merge from 'lodash.merge';\nimport Skeleton from 'antd/es/skeleton';\nimport Row from './Row';\nimport FormItem from './FormItem';\nimport Card from './Card';\nimport Pane from './Pane';\nimport Divider from './Divider';\nimport { StoreCtx } from './context';\n\nfunction VtxFormLayout(props) {\n const { cols = 2, labelColSpan = 8, mode, layout = 'vertical', card, skeleton } = props;\n const store = {\n cols,\n labelColSpan,\n mode,\n layout,\n };\n const defaultSkeleton = {\n loading: false,\n title: false,\n paragraph: {\n width: '100%',\n rows: 4,\n },\n };\n return (\n <StoreCtx.Provider value={store}>\n <div\n className={classnames('vtx-form-layout', {\n 'vtx-form-layout-vertical': layout === 'vertical' && mode !== 'view',\n 'vtx-form-layout-view': mode === 'view',\n 'vtx-form-layout-has-card': card,\n })}\n >\n <Skeleton {...merge(defaultSkeleton, skeleton)}>{props.children}</Skeleton>\n </div>\n </StoreCtx.Provider>\n );\n}\n\nVtxFormLayout.propTypes = {\n cols: PropTypes.number,\n labelColSpan: PropTypes.number,\n mode: PropTypes.oneOf(['view']),\n layout: PropTypes.oneOf(['horizontal', 'vertical']),\n children: PropTypes.node,\n card: PropTypes.bool,\n skeleton: PropTypes.object,\n};\n\nVtxFormLayout.Row = Row;\nVtxFormLayout.FormItem = FormItem;\nVtxFormLayout.Card = Card;\nVtxFormLayout.Pane = Pane;\nVtxFormLayout.Divider = Divider;\n\nexport default VtxFormLayout;\n"],"file":"index.js"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["vtx-form-layout/style/index.js"],"names":[],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["import 'antd/es/row/style/css';\nimport 'antd/es/col/style/css';\nimport 'antd/es/form/style/css';\nimport 'antd/es/icon/style/css';\nimport 'antd/es/tooltip/style/css';\nimport 'antd/es/card/style/css';\nimport 'antd/es/divider/style/css';\nimport './index.less';\n"],"file":"css.js"}
|
|
1
|
+
{"version":3,"sources":["vtx-form-layout/style/index.js"],"names":[],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["import 'antd/es/row/style/css';\nimport 'antd/es/col/style/css';\nimport 'antd/es/form/style/css';\nimport 'antd/es/icon/style/css';\nimport 'antd/es/tooltip/style/css';\nimport 'antd/es/card/style/css';\nimport 'antd/es/divider/style/css';\nimport 'antd/es/skeleton/style/css';\nimport './index.less';\n"],"file":"css.js"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["vtx-form-layout/style/index.js"],"names":[],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["import 'antd/es/row/style/css';\nimport 'antd/es/col/style/css';\nimport 'antd/es/form/style/css';\nimport 'antd/es/icon/style/css';\nimport 'antd/es/tooltip/style/css';\nimport 'antd/es/card/style/css';\nimport 'antd/es/divider/style/css';\nimport './index.less';\n"],"file":"index.js"}
|
|
1
|
+
{"version":3,"sources":["vtx-form-layout/style/index.js"],"names":[],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["import 'antd/es/row/style/css';\nimport 'antd/es/col/style/css';\nimport 'antd/es/form/style/css';\nimport 'antd/es/icon/style/css';\nimport 'antd/es/tooltip/style/css';\nimport 'antd/es/card/style/css';\nimport 'antd/es/divider/style/css';\nimport 'antd/es/skeleton/style/css';\nimport './index.less';\n"],"file":"index.js"}
|
package/lib/vtx-image/Image.js
CHANGED
|
@@ -21,9 +21,9 @@ var _useSet3 = _interopRequireDefault(require("../_util/useSet"));
|
|
|
21
21
|
|
|
22
22
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
23
23
|
|
|
24
|
-
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var
|
|
24
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
25
25
|
|
|
26
|
-
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
26
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
27
27
|
|
|
28
28
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
29
29
|
|
|
@@ -35,7 +35,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
|
|
|
35
35
|
|
|
36
36
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
37
37
|
|
|
38
|
-
function _iterableToArrayLimit(arr, i) {
|
|
38
|
+
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
39
39
|
|
|
40
40
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
41
41
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["vtx-image/Image.jsx"],"names":["defaultEmptyImageSrc","defaultErrorImageSrc","defaultEmptyText","defaultErrorText","uuid","VtxImage","props","React","useState","currentId","isError","isEmptyImageError","isErrorImageError","viewerVisible","visible","photo","undefined","state","setState","prefixCls","preview","className","style","src","thumb","alt","emptyImageSrc","errorImageSrc","emptyText","errorText","onClick","aspectFit","context","isPreviewGroup","setCurrent","setGroupShowPreview","setShowPreview","registerImage","id","imgProps","onError","imgRender","propTypes","PropTypes","string","object","bool","func","setImageConfig","options","PreviewGroup","VtxImagePreview","Preview"],"mappings":"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","sourcesContent":["import React, { useEffect, useContext } from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\n\nimport Preview from './Preview';\nimport PreviewGroup, { context } from './PreviewGroup';\nimport useSet from '../_util/useSet';\n\nlet defaultEmptyImageSrc = '';\nlet defaultErrorImageSrc = '';\nlet defaultEmptyText = '暂无图片';\nlet defaultErrorText = '图片出错';\n\nlet uuid = 0;\n\nfunction VtxImage(props) {\n const [currentId] = React.useState(() => {\n uuid += 1;\n return uuid;\n });\n\n const [state, setState] = useSet({\n isError: false, // 图片是否加载失败\n isEmptyImageError: false, // 空白图片是否加载失败\n isErrorImageError: false, // 报错图片是否加载失败\n viewerVisible: false, // 是否查看\n visible: false,\n photo: undefined,\n });\n const { isError, isEmptyImageError, isErrorImageError, visible, photo } = state;\n\n const {\n prefixCls = 'vtx-image',\n preview = true,\n className,\n style,\n src,\n thumb,\n alt,\n emptyImageSrc = defaultEmptyImageSrc,\n errorImageSrc = defaultErrorImageSrc,\n emptyText = defaultEmptyText,\n errorText = defaultErrorText,\n onClick,\n aspectFit,\n } = props;\n\n const {\n isPreviewGroup,\n setCurrent,\n setShowPreview: setGroupShowPreview,\n registerImage,\n } = useContext(context);\n\n useEffect(() => {\n setState({\n isError: false,\n });\n if (isPreviewGroup && preview) {\n registerImage({ id: currentId, src, alt });\n }\n }, [src]);\n\n // 图片props属性\n let imgProps = {\n src: thumb || src,\n className,\n style,\n alt,\n onClick: () => {\n if (!src || isError) {\n return null;\n }\n onClick && onClick();\n if (preview) {\n if (isPreviewGroup) {\n setCurrent(currentId);\n setGroupShowPreview(true);\n } else {\n setState({\n visible: true,\n photo: {\n src,\n alt,\n },\n });\n }\n }\n },\n onError: () => {\n setState({\n isError: true,\n });\n },\n };\n\n // 无图片\n if (!src) {\n //有替代图片\n if (emptyImageSrc && !isEmptyImageError) {\n imgProps.src = emptyImageSrc;\n imgProps.onError = () => {\n setState({ isEmptyImageError: true });\n };\n } else {\n // 没有替代图片或替代图片无法加载\n return (\n <div className={`${prefixCls}-nodata`} style={style}>\n <p>{emptyText}</p>\n </div>\n );\n }\n }\n\n // 图片出错\n if (isError) {\n if (errorImageSrc && !isErrorImageError) {\n imgProps['data-error-img'] = src;\n imgProps.src = errorImageSrc;\n imgProps.onError = () => {\n setState({ isErrorImageError: true });\n };\n } else {\n // 无法加载报错图片\n return (\n <div className={`${prefixCls}-error`} data-error-img={src} style={style}>\n <p>{errorText}</p>\n </div>\n );\n }\n }\n\n let imgRender = <img {...imgProps} />;\n // 缩放\n if (src && !isError && aspectFit) {\n imgRender = (\n <div\n className={classnames(`${prefixCls}-aspectFit`, {\n [`${prefixCls}-preview`]: preview,\n })}\n >\n <img {...imgProps} />\n </div>\n );\n }\n return (\n <>\n {imgRender}\n {!isPreviewGroup && preview && (\n <Preview\n visible={visible}\n photo={photo}\n onClose={() => setState({ visible: false })}\n />\n )}\n </>\n );\n}\n\nVtxImage.propTypes = {\n prefixCls: PropTypes.string,\n className: PropTypes.string,\n style: PropTypes.object,\n preview: PropTypes.bool,\n src: PropTypes.string,\n thumb: PropTypes.string,\n alt: PropTypes.string,\n emptyImageSrc: PropTypes.string,\n errorImageSrc: PropTypes.string,\n emptyText: PropTypes.string,\n errorText: PropTypes.string,\n onClick: PropTypes.func,\n aspectFit: PropTypes.bool,\n};\n\nVtxImage.setImageConfig = setImageConfig;\n\nfunction setImageConfig(options) {\n const { emptyImageSrc, errorImageSrc, emptyText, errorText } = options;\n\n if (emptyImageSrc !== undefined) {\n defaultEmptyImageSrc = emptyImageSrc;\n }\n if (errorImageSrc !== undefined) {\n defaultErrorImageSrc = errorImageSrc;\n }\n if (emptyText !== undefined) {\n defaultEmptyText = emptyText;\n }\n if (errorText !== undefined) {\n defaultErrorText = errorText;\n }\n}\n\nVtxImage.PreviewGroup = PreviewGroup;\nVtxImage.VtxImagePreview = Preview;\n\nexport default VtxImage;\n"],"file":"Image.js"}
|
|
1
|
+
{"version":3,"sources":["vtx-image/Image.jsx"],"names":["defaultEmptyImageSrc","defaultErrorImageSrc","defaultEmptyText","defaultErrorText","uuid","VtxImage","props","React","useState","currentId","isError","isEmptyImageError","isErrorImageError","viewerVisible","visible","photo","undefined","state","setState","prefixCls","preview","className","style","src","thumb","alt","emptyImageSrc","errorImageSrc","emptyText","errorText","onClick","aspectFit","context","isPreviewGroup","setCurrent","setGroupShowPreview","setShowPreview","registerImage","id","imgProps","onError","imgRender","propTypes","PropTypes","string","object","bool","func","setImageConfig","options","PreviewGroup","VtxImagePreview","Preview"],"mappings":"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","sourcesContent":["import React, { useEffect, useContext } from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\n\nimport Preview from './Preview';\nimport PreviewGroup, { context } from './PreviewGroup';\nimport useSet from '../_util/useSet';\n\nlet defaultEmptyImageSrc = '';\nlet defaultErrorImageSrc = '';\nlet defaultEmptyText = '暂无图片';\nlet defaultErrorText = '图片出错';\n\nlet uuid = 0;\n\nfunction VtxImage(props) {\n const [currentId] = React.useState(() => {\n uuid += 1;\n return uuid;\n });\n\n const [state, setState] = useSet({\n isError: false, // 图片是否加载失败\n isEmptyImageError: false, // 空白图片是否加载失败\n isErrorImageError: false, // 报错图片是否加载失败\n viewerVisible: false, // 是否查看\n visible: false,\n photo: undefined,\n });\n const { isError, isEmptyImageError, isErrorImageError, visible, photo } = state;\n\n const {\n prefixCls = 'vtx-image',\n preview = true,\n className,\n style,\n src,\n thumb,\n alt,\n emptyImageSrc = defaultEmptyImageSrc,\n errorImageSrc = defaultErrorImageSrc,\n emptyText = defaultEmptyText,\n errorText = defaultErrorText,\n onClick,\n aspectFit,\n } = props;\n\n const {\n isPreviewGroup,\n setCurrent,\n setShowPreview: setGroupShowPreview,\n registerImage,\n } = useContext(context);\n\n useEffect(() => {\n setState({\n isError: false,\n });\n if (isPreviewGroup && preview) {\n registerImage({ id: currentId, src, alt });\n }\n }, [src]);\n\n // 图片props属性\n let imgProps = {\n src: thumb || src,\n className,\n style,\n alt,\n onClick: () => {\n if (!src || isError) {\n return null;\n }\n onClick && onClick();\n if (preview) {\n if (isPreviewGroup) {\n setCurrent(currentId);\n setGroupShowPreview(true);\n } else {\n setState({\n visible: true,\n photo: {\n src,\n alt,\n },\n });\n }\n }\n },\n onError: () => {\n setState({\n isError: true,\n });\n },\n };\n\n // 无图片\n if (!src) {\n //有替代图片\n if (emptyImageSrc && !isEmptyImageError) {\n imgProps.src = emptyImageSrc;\n imgProps.onError = () => {\n setState({ isEmptyImageError: true });\n };\n } else {\n // 没有替代图片或替代图片无法加载\n return (\n <div className={`${prefixCls}-nodata`} style={style}>\n <p>{emptyText}</p>\n </div>\n );\n }\n }\n\n // 图片出错\n if (isError) {\n if (errorImageSrc && !isErrorImageError) {\n imgProps['data-error-img'] = src;\n imgProps.src = errorImageSrc;\n imgProps.onError = () => {\n setState({ isErrorImageError: true });\n };\n } else {\n // 无法加载报错图片\n return (\n <div className={`${prefixCls}-error`} data-error-img={src} style={style}>\n <p>{errorText}</p>\n </div>\n );\n }\n }\n\n let imgRender = <img {...imgProps} />;\n // 缩放\n if (src && !isError && aspectFit) {\n imgRender = (\n <div\n className={classnames(`${prefixCls}-aspectFit`, {\n [`${prefixCls}-preview`]: preview,\n })}\n >\n <img {...imgProps} />\n </div>\n );\n }\n return (\n <>\n {imgRender}\n {!isPreviewGroup && preview && (\n <Preview\n visible={visible}\n photo={photo}\n onClose={() => setState({ visible: false })}\n />\n )}\n </>\n );\n}\n\nVtxImage.propTypes = {\n prefixCls: PropTypes.string,\n className: PropTypes.string,\n style: PropTypes.object,\n preview: PropTypes.bool,\n src: PropTypes.string,\n thumb: PropTypes.string,\n alt: PropTypes.string,\n emptyImageSrc: PropTypes.string,\n errorImageSrc: PropTypes.string,\n emptyText: PropTypes.string,\n errorText: PropTypes.string,\n onClick: PropTypes.func,\n aspectFit: PropTypes.bool,\n};\n\nVtxImage.setImageConfig = setImageConfig;\n\nfunction setImageConfig(options) {\n const { emptyImageSrc, errorImageSrc, emptyText, errorText } = options;\n\n if (emptyImageSrc !== undefined) {\n defaultEmptyImageSrc = emptyImageSrc;\n }\n if (errorImageSrc !== undefined) {\n defaultErrorImageSrc = errorImageSrc;\n }\n if (emptyText !== undefined) {\n defaultEmptyText = emptyText;\n }\n if (errorText !== undefined) {\n defaultErrorText = errorText;\n }\n}\n\nVtxImage.PreviewGroup = PreviewGroup;\nVtxImage.VtxImagePreview = Preview;\n\nexport default VtxImage;\n"],"file":"Image.js"}
|
package/lib/vtx-image/Preview.js
CHANGED
|
@@ -17,11 +17,11 @@ var _isObject = _interopRequireDefault(require("../_util/isObject"));
|
|
|
17
17
|
|
|
18
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
19
|
|
|
20
|
-
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var
|
|
20
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
21
21
|
|
|
22
|
-
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
22
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
23
23
|
|
|
24
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
24
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
25
25
|
|
|
26
26
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
27
27
|
|
|
@@ -35,7 +35,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
|
|
|
35
35
|
|
|
36
36
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
37
37
|
|
|
38
|
-
function _iterableToArrayLimit(arr, i) {
|
|
38
|
+
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
39
39
|
|
|
40
40
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
41
41
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["vtx-image/Preview.jsx"],"names":["VIEWER","GALLERY","checkMode","x","mode","Array","isArray","len","length","Preview","props","container","setContainer","viewer","setViewer","photo","index","visible","onClose","onIndexChange","options","viewerOption","button","navbar","title","toolbar","tooltip","movable","zoomable","rotatable","scalable","transition","document","createElement","Viewer","url","image","src","hidden","view","e","detail","destroy","childNodes","innerHTML","newIndex","alt","imgElem","appendChild","ulElem","map","item","liElem","update","propTypes","PropTypes","oneOfType","object","array","number","bool","func"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA;AACA,IAAMA,MAAM,GAAG,QAAf,C,CACA;;AACA,IAAMC,OAAO,GAAG,SAAhB;;AACA,SAASC,SAAT,CAAmBC,CAAnB,EAAsB;AAClB,MAAIC,IAAI,GAAG,EAAX;;AACA,MAAI,0BAASD,CAAT,CAAJ,EAAiB;AACbC,IAAAA,IAAI,GAAGJ,MAAP;AACH;;AACD,MAAIK,KAAK,CAACC,OAAN,CAAcH,CAAd,CAAJ,EAAsB;AAClB,QAAII,GAAG,GAAGJ,CAAC,CAACK,MAAZ;AACAJ,IAAAA,IAAI,GAAGG,GAAG,IAAI,CAAP,GAAW,EAAX,GAAgBA,GAAG,IAAI,CAAP,GAAWP,MAAX,GAAoBC,OAA3C;AACH;;AACD,SAAOG,IAAP;AACH;;AAEc,SAASK,OAAT,CAAiBC,KAAjB,EAAwB;
|
|
1
|
+
{"version":3,"sources":["vtx-image/Preview.jsx"],"names":["VIEWER","GALLERY","checkMode","x","mode","Array","isArray","len","length","Preview","props","container","setContainer","viewer","setViewer","photo","index","visible","onClose","onIndexChange","options","viewerOption","button","navbar","title","toolbar","tooltip","movable","zoomable","rotatable","scalable","transition","document","createElement","Viewer","url","image","src","hidden","view","e","detail","destroy","childNodes","innerHTML","newIndex","alt","imgElem","appendChild","ulElem","map","item","liElem","update","propTypes","PropTypes","oneOfType","object","array","number","bool","func"],"mappings":"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","sourcesContent":["import React, { useEffect, useState } from 'react';\nimport Viewer from 'viewerjs';\nimport PropTypes from 'prop-types';\n\nimport isObject from '../_util/isObject';\n\n// 单张\nconst VIEWER = 'viewer';\n// 多张\nconst GALLERY = 'gallery';\nfunction checkMode(x) {\n let mode = '';\n if (isObject(x)) {\n mode = VIEWER;\n }\n if (Array.isArray(x)) {\n let len = x.length;\n mode = len == 0 ? '' : len == 1 ? VIEWER : GALLERY;\n }\n return mode;\n}\n\nexport default function Preview(props) {\n const [container, setContainer] = useState();\n const [viewer, setViewer] = useState();\n const { photo, index, visible, onClose, onIndexChange, options } = props;\n\n // let container;\n useEffect(() => {\n const viewerOption = {\n button: true, // 显示右上角关闭按钮\n navbar: false, // 显示缩略图导航\n title: true, // 显示当前图片的标题(现实 alt 属性及图片尺寸)\n toolbar: true, // 是否显示工具栏\n tooltip: true, // 显示缩放百分比\n movable: true, // 图片是否可移动\n zoomable: true, // 图片是否可缩放\n rotatable: true, // 图片是否可旋转\n scalable: true, // 图片是否可翻转\n transition: true, // 使用 CSS3 过度\n ...options,\n };\n\n const container = document.createElement('div');\n const viewer = new Viewer(container, {\n url(image) {\n return image.src;\n },\n // 关闭后\n hidden() {\n onClose && onClose();\n },\n view(e) {\n onIndexChange && onIndexChange(e.detail.index);\n },\n ...viewerOption,\n });\n setContainer(container);\n setViewer(viewer);\n return () => {\n viewer && viewer.destroy();\n };\n }, []);\n\n useEffect(() => {\n if (visible) {\n if (container.childNodes.length > 0) {\n container.innerHTML = '';\n }\n const mode = checkMode(photo);\n let newIndex = index;\n // 单张\n if (mode === VIEWER) {\n newIndex = 0;\n const { src, alt } = isObject(photo) ? photo : photo[0];\n const imgElem = document.createElement('img');\n imgElem.src = src;\n imgElem.alt = alt;\n container.appendChild(imgElem);\n }\n // 多张\n if (mode === GALLERY) {\n let len = photo.length - 1;\n newIndex = index < 0 ? 0 : index;\n newIndex = index > len ? len : index;\n const ulElem = document.createElement('ul');\n photo.map(item => {\n const liElem = document.createElement('li');\n const imgElem = document.createElement('img');\n imgElem.src = item.src;\n imgElem.alt = item.alt;\n liElem.appendChild(imgElem);\n ulElem.appendChild(liElem);\n });\n container.appendChild(ulElem);\n }\n viewer.update();\n viewer.view(newIndex);\n }\n }, [visible]);\n\n return <></>;\n}\n\nPreview.propTypes = {\n photo: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),\n index: PropTypes.number,\n visible: PropTypes.bool,\n onClose: PropTypes.func,\n onIndexChange: PropTypes.func,\n options: PropTypes.object,\n};\n"],"file":"Preview.js"}
|
|
@@ -16,15 +16,15 @@ var _Preview = _interopRequireDefault(require("./Preview"));
|
|
|
16
16
|
|
|
17
17
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
18
18
|
|
|
19
|
-
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var
|
|
19
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
20
20
|
|
|
21
|
-
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
21
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
22
22
|
|
|
23
23
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
24
24
|
|
|
25
25
|
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
26
26
|
|
|
27
|
-
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator
|
|
27
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
28
28
|
|
|
29
29
|
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
30
30
|
|
|
@@ -36,7 +36,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
|
|
|
36
36
|
|
|
37
37
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
38
38
|
|
|
39
|
-
function _iterableToArrayLimit(arr, i) {
|
|
39
|
+
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
40
40
|
|
|
41
41
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
42
42
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["vtx-image/PreviewGroup.jsx"],"names":["context","React","createContext","Provider","PreviewGroup","props","photo","setPhoto","current","setCurrent","visible","setVisible","onIndexChange","registerImage","src","alt","id","oldPhoto","newPhoto","index","findIndex","item","push","isPreviewGroup","setShowPreview","children","propTypes","PropTypes","node","func"],"mappings":";;;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEO,IAAMA,OAAO,gBAAGC,kBAAMC,aAAN,CAAoB,EAApB,CAAhB;;;
|
|
1
|
+
{"version":3,"sources":["vtx-image/PreviewGroup.jsx"],"names":["context","React","createContext","Provider","PreviewGroup","props","photo","setPhoto","current","setCurrent","visible","setVisible","onIndexChange","registerImage","src","alt","id","oldPhoto","newPhoto","index","findIndex","item","push","isPreviewGroup","setShowPreview","children","propTypes","PropTypes","node","func"],"mappings":";;;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEO,IAAMA,OAAO,gBAAGC,kBAAMC,aAAN,CAAoB,EAApB,CAAhB;;;AACP,IAAQC,QAAR,GAAqBH,OAArB,CAAQG,QAAR;;AAEe,SAASC,YAAT,CAAsBC,KAAtB,EAA6B;AACxC,kBAA0B,qBAAS,EAAT,CAA1B;AAAA;AAAA,MAAOC,KAAP;AAAA,MAAcC,QAAd;;AACA,mBAA8B,qBAAS,CAAT,CAA9B;AAAA;AAAA,MAAOC,OAAP;AAAA,MAAgBC,UAAhB;;AACA,mBAA8B,qBAAS,KAAT,CAA9B;AAAA;AAAA,MAAOC,OAAP;AAAA,MAAgBC,UAAhB;;AAEA,MAAQC,aAAR,GAA0BP,KAA1B,CAAQO,aAAR;;AAEA,MAAMC,aAAa,GAAG,SAAhBA,aAAgB,OAAsB;AAAA,QAAnBC,GAAmB,QAAnBA,GAAmB;AAAA,QAAdC,GAAc,QAAdA,GAAc;AAAA,QAATC,EAAS,QAATA,EAAS;AACxCT,IAAAA,QAAQ,CAAC,UAAAU,QAAQ,EAAI;AACjB,UAAIC,QAAQ,sBAAOD,QAAP,CAAZ;;AACA,UAAME,KAAK,GAAGF,QAAQ,CAACG,SAAT,CAAmB,UAAAC,IAAI;AAAA,eAAIA,IAAI,CAACL,EAAL,KAAYA,EAAhB;AAAA,OAAvB,CAAd;;AACA,UAAIG,KAAK,GAAG,CAAZ,EAAe;AACXD,QAAAA,QAAQ,CAACI,IAAT,CAAc;AAAER,UAAAA,GAAG,EAAHA,GAAF;AAAOC,UAAAA,GAAG,EAAHA,GAAP;AAAYC,UAAAA,EAAE,EAAFA;AAAZ,SAAd;AACH,OAFD,MAEO;AACHE,QAAAA,QAAQ,CAACC,KAAD,CAAR,GAAkB;AAAEL,UAAAA,GAAG,EAAHA,GAAF;AAAOC,UAAAA,GAAG,EAAHA,GAAP;AAAYC,UAAAA,EAAE,EAAFA;AAAZ,SAAlB;AACH;;AACD,aAAOE,QAAP;AACH,KATO,CAAR;AAUH,GAXD;;AAaA,sBACI,gCAAC,QAAD;AACI,IAAA,KAAK,EAAE;AACHK,MAAAA,cAAc,EAAE,IADb;AAEHf,MAAAA,OAAO,EAAPA,OAFG;AAGHC,MAAAA,UAAU,EAAVA,UAHG;AAIHe,MAAAA,cAAc,EAAEb,UAJb;AAKHE,MAAAA,aAAa,EAAbA;AALG;AADX,KASKR,KAAK,CAACoB,QATX,eAUI,gCAAC,mBAAD;AACI,IAAA,OAAO,EAAEf,OADb;AAEI,IAAA,KAAK,EAAEJ,KAAK,CAACc,SAAN,CAAgB,UAAAC,IAAI;AAAA,aAAIA,IAAI,CAACL,EAAL,KAAYR,OAAhB;AAAA,KAApB,CAFX;AAGI,IAAA,KAAK,EAAEF,KAHX;AAII,IAAA,OAAO,EAAE;AAAA,aAAMK,UAAU,CAAC,KAAD,CAAhB;AAAA,KAJb;AAKI,IAAA,aAAa,EAAEC;AALnB,IAVJ,CADJ;AAoBH;;AAEDR,YAAY,CAACsB,SAAb,GAAyB;AACrBD,EAAAA,QAAQ,EAAEE,sBAAUC,IADC;AAErBhB,EAAAA,aAAa,EAAEe,sBAAUE;AAFJ,CAAzB","sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport Preview from './Preview';\n\nexport const context = React.createContext({});\nconst { Provider } = context;\n\nexport default function PreviewGroup(props) {\n const [photo, setPhoto] = useState([]);\n const [current, setCurrent] = useState(0);\n const [visible, setVisible] = useState(false);\n\n const { onIndexChange } = props;\n\n const registerImage = ({ src, alt, id }) => {\n setPhoto(oldPhoto => {\n let newPhoto = [...oldPhoto];\n const index = oldPhoto.findIndex(item => item.id === id);\n if (index < 0) {\n newPhoto.push({ src, alt, id });\n } else {\n newPhoto[index] = { src, alt, id };\n }\n return newPhoto;\n });\n };\n\n return (\n <Provider\n value={{\n isPreviewGroup: true,\n current,\n setCurrent,\n setShowPreview: setVisible,\n registerImage,\n }}\n >\n {props.children}\n <Preview\n visible={visible}\n index={photo.findIndex(item => item.id === current)}\n photo={photo}\n onClose={() => setVisible(false)}\n onIndexChange={onIndexChange}\n />\n </Provider>\n );\n}\n\nPreviewGroup.propTypes = {\n children: PropTypes.node,\n onIndexChange: PropTypes.func,\n};\n"],"file":"PreviewGroup.js"}
|
package/lib/vtx-image/index.js
CHANGED
|
@@ -22,9 +22,9 @@ Object.keys(_Image).forEach(function (key) {
|
|
|
22
22
|
});
|
|
23
23
|
});
|
|
24
24
|
|
|
25
|
-
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var
|
|
25
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
26
26
|
|
|
27
|
-
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
27
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
28
28
|
|
|
29
29
|
var _default = _Image["default"];
|
|
30
30
|
exports["default"] = _default;
|
package/lib/vtx-import/index.js
CHANGED
|
@@ -23,7 +23,7 @@ var _getUrlParam2 = _interopRequireDefault(require("@vtx/utils/lib/getUrlParam")
|
|
|
23
23
|
|
|
24
24
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
25
25
|
|
|
26
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
26
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
27
27
|
|
|
28
28
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
29
29
|
|
|
@@ -37,7 +37,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
|
|
|
37
37
|
|
|
38
38
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
39
39
|
|
|
40
|
-
function _iterableToArrayLimit(arr, i) {
|
|
40
|
+
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
41
41
|
|
|
42
42
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
43
43
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["vtx-import/index.jsx"],"names":["token","VtxImport","props","fileForm","fileInput","iframe","useFormData","window","FormData","uploading","visible","fileKey","accept","resultVisible","resultData","modalWidth","columns","title","dataIndex","key","state","setState","getPostURL","postUrl","uploadURL","postData","postArray","k","undefined","push","encodeURIComponent","length","join","closeModal","value","close","uploadSuccess","data","afterUpload","parseData","JSON","parse","Array","isArray","map","item","index","messages","filter","templateURL","modalProps","bodyStyle","backgroundColor","onCancel","maskClosable","footer","open","request","XMLHttpRequest","setRequestHeader","onreadystatechange","e","target","readyState","response","fmd","append","files","send","message","info","resultProps","dataSource","hideVisible","children","dom","display","propTypes","PropTypes","bool","string","object","func","number","array"],"mappings":"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","sourcesContent":["import React from 'react';\nimport Modal from 'antd/lib/modal';\nimport Button from 'antd/lib/button';\nimport message from 'antd/lib/message';\nimport PropTypes from 'prop-types';\nimport useSet from '../_util/useSet';\nimport VtxImportResult from './result';\nimport getUrlParam from '@vtx/utils/lib/getUrlParam';\nconst { token } = getUrlParam();\nfunction VtxImport(props) {\n const [state, setState] = useSet({\n fileForm: null, // form表单\n fileInput: null, // 保存上传的文件\n iframe: null, // form表单提交之后跳转的\n useFormData: window.FormData ? true : false, // 是否查看\n uploading: false, //表单提交的状态\n visible: props.visible || false,\n fileKey: props.fileKey || 'file',\n accept:\n props.accept ||\n 'application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,text/csv',\n resultVisible: false, //导入结果查看弹窗\n resultData: [], //导入结果查看\n modalWidth: props.modalWidth || 800,\n columns: props.columns || [\n {\n title: '行号',\n dataIndex: 'lineNum',\n key: 'lineNum',\n },\n {\n title: '错误说明',\n dataIndex: 'messages',\n key: 'messages',\n },\n ],\n });\n // 获取上传地址(拼接参数)\n const getPostURL = () => {\n let postUrl = props.uploadURL;\n let postData = props.postData || {};\n let postArray = [];\n for (let k in postData) {\n if (postData[k] !== undefined && postData[k] !== null && postData[k] !== '') {\n postArray.push(`${k}=${encodeURIComponent(postData[k])}`);\n }\n }\n return postArray.length > 0 ? `${postUrl}?${postArray.join('&')}` : postUrl;\n };\n const closeModal = () => {\n state.fileInput.value = '';\n if (typeof props.close === 'function') {\n props.close();\n } else {\n setState({\n visible: !state.visible,\n });\n }\n };\n // 上传之后的回调 - 展示报错信息\n const uploadSuccess = data => {\n state.fileInput.value = '';\n setState({\n uploading: false,\n });\n if (typeof props.afterUpload === 'function') {\n afterUpload(data);\n }\n let parseData = JSON.parse(data);\n if (Array.isArray(parseData?.data)) {\n setState({\n resultVisible: true,\n resultData: parseData.data\n .map((item, index) => ({\n ...item,\n key: index,\n messages: item.messages.join(','),\n }))\n .filter(item => item.messages.length !== 0),\n });\n }\n };\n const { templateURL, uploadURL, afterUpload } = props;\n const modalProps = {\n bodyStyle: {\n backgroundColor: '#f8f8f8',\n },\n visible: state.visible,\n title: '导入',\n onCancel: () => closeModal(),\n maskClosable: false,\n footer: [\n templateURL ? (\n <Button\n key=\"downloadTemple\"\n onClick={() => {\n window.open(templateURL);\n }}\n >\n 下载模板\n </Button>\n ) : null,\n <Button\n key=\"uploadSubmit\"\n type=\"primary\"\n loading={state.uploading}\n onClick={() => {\n let postUrl = getPostURL();\n if (state.fileInput.value) {\n setState({\n uploading: true,\n });\n if (state.useFormData) {\n let request = new XMLHttpRequest();\n request.open('POST', postUrl);\n request.setRequestHeader('Authorization', token ? `Bear ${token}` : '');\n request.onreadystatechange = e => {\n if (e.target.readyState == 4) {\n uploadSuccess(e.target.response);\n }\n };\n let fmd = new FormData();\n fmd.append(state.fileKey, state.fileInput.files[0]);\n request.send(fmd);\n }\n } else {\n message.info('请选择需要上传的文件');\n }\n }}\n >\n 上传\n </Button>,\n <Button\n key=\"closeWindow\"\n onClick={() => {\n closeModal();\n }}\n >\n 关闭\n </Button>,\n ],\n };\n const resultProps = {\n visible: state.resultVisible,\n dataSource: state.resultData,\n columns: state.columns,\n hideVisible: () => {\n setState({\n resultVisible: false,\n });\n },\n modalWidth: state.modalWidth,\n };\n return (\n <Modal {...modalProps}>\n {props.children}\n <form\n encType=\"multipart/form-data\"\n method=\"post\"\n target=\"tmp\"\n action={uploadURL}\n ref={dom => {\n if (dom) state.fileForm = dom;\n }}\n >\n <input\n type=\"file\"\n name={state.fileKey}\n accept={state.accept}\n ref={dom => {\n if (dom) state.fileInput = dom;\n }}\n />\n </form>\n <iframe\n name=\"tmp\"\n style={{ display: 'none' }}\n ref={dom => {\n if (dom) state.iframe = dom;\n }}\n ></iframe>\n {state.resultVisible && <VtxImportResult {...resultProps} />}\n </Modal>\n );\n}\nVtxImport.propTypes = {\n visible: PropTypes.bool,\n templateURL: PropTypes.string,\n uploadURL: PropTypes.string,\n postData: PropTypes.object,\n fileKey: PropTypes.string,\n accept: PropTypes.string,\n close: PropTypes.func,\n afterUpload: PropTypes.func,\n modalWidth: PropTypes.number,\n columns: PropTypes.array,\n children: PropTypes.object,\n};\nexport default VtxImport;\n"],"file":"index.js"}
|
|
1
|
+
{"version":3,"sources":["vtx-import/index.jsx"],"names":["token","VtxImport","props","fileForm","fileInput","iframe","useFormData","window","FormData","uploading","visible","fileKey","accept","resultVisible","resultData","modalWidth","columns","title","dataIndex","key","state","setState","getPostURL","postUrl","uploadURL","postData","postArray","k","undefined","push","encodeURIComponent","length","join","closeModal","value","close","uploadSuccess","data","afterUpload","parseData","JSON","parse","Array","isArray","map","item","index","messages","filter","templateURL","modalProps","bodyStyle","backgroundColor","onCancel","maskClosable","footer","open","request","XMLHttpRequest","setRequestHeader","onreadystatechange","e","target","readyState","response","fmd","append","files","send","message","info","resultProps","dataSource","hideVisible","children","dom","display","propTypes","PropTypes","bool","string","object","func","number","array"],"mappings":"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","sourcesContent":["import React from 'react';\nimport Modal from 'antd/lib/modal';\nimport Button from 'antd/lib/button';\nimport message from 'antd/lib/message';\nimport PropTypes from 'prop-types';\nimport useSet from '../_util/useSet';\nimport VtxImportResult from './result';\nimport getUrlParam from '@vtx/utils/lib/getUrlParam';\nconst { token } = getUrlParam();\nfunction VtxImport(props) {\n const [state, setState] = useSet({\n fileForm: null, // form表单\n fileInput: null, // 保存上传的文件\n iframe: null, // form表单提交之后跳转的\n useFormData: window.FormData ? true : false, // 是否查看\n uploading: false, //表单提交的状态\n visible: props.visible || false,\n fileKey: props.fileKey || 'file',\n accept:\n props.accept ||\n 'application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,text/csv',\n resultVisible: false, //导入结果查看弹窗\n resultData: [], //导入结果查看\n modalWidth: props.modalWidth || 800,\n columns: props.columns || [\n {\n title: '行号',\n dataIndex: 'lineNum',\n key: 'lineNum',\n },\n {\n title: '错误说明',\n dataIndex: 'messages',\n key: 'messages',\n },\n ],\n });\n // 获取上传地址(拼接参数)\n const getPostURL = () => {\n let postUrl = props.uploadURL;\n let postData = props.postData || {};\n let postArray = [];\n for (let k in postData) {\n if (postData[k] !== undefined && postData[k] !== null && postData[k] !== '') {\n postArray.push(`${k}=${encodeURIComponent(postData[k])}`);\n }\n }\n return postArray.length > 0 ? `${postUrl}?${postArray.join('&')}` : postUrl;\n };\n const closeModal = () => {\n state.fileInput.value = '';\n if (typeof props.close === 'function') {\n props.close();\n } else {\n setState({\n visible: !state.visible,\n });\n }\n };\n // 上传之后的回调 - 展示报错信息\n const uploadSuccess = data => {\n state.fileInput.value = '';\n setState({\n uploading: false,\n });\n if (typeof props.afterUpload === 'function') {\n afterUpload(data);\n }\n let parseData = JSON.parse(data);\n if (Array.isArray(parseData?.data)) {\n setState({\n resultVisible: true,\n resultData: parseData.data\n .map((item, index) => ({\n ...item,\n key: index,\n messages: item.messages.join(','),\n }))\n .filter(item => item.messages.length !== 0),\n });\n }\n };\n const { templateURL, uploadURL, afterUpload } = props;\n const modalProps = {\n bodyStyle: {\n backgroundColor: '#f8f8f8',\n },\n visible: state.visible,\n title: '导入',\n onCancel: () => closeModal(),\n maskClosable: false,\n footer: [\n templateURL ? (\n <Button\n key=\"downloadTemple\"\n onClick={() => {\n window.open(templateURL);\n }}\n >\n 下载模板\n </Button>\n ) : null,\n <Button\n key=\"uploadSubmit\"\n type=\"primary\"\n loading={state.uploading}\n onClick={() => {\n let postUrl = getPostURL();\n if (state.fileInput.value) {\n setState({\n uploading: true,\n });\n if (state.useFormData) {\n let request = new XMLHttpRequest();\n request.open('POST', postUrl);\n request.setRequestHeader('Authorization', token ? `Bear ${token}` : '');\n request.onreadystatechange = e => {\n if (e.target.readyState == 4) {\n uploadSuccess(e.target.response);\n }\n };\n let fmd = new FormData();\n fmd.append(state.fileKey, state.fileInput.files[0]);\n request.send(fmd);\n }\n } else {\n message.info('请选择需要上传的文件');\n }\n }}\n >\n 上传\n </Button>,\n <Button\n key=\"closeWindow\"\n onClick={() => {\n closeModal();\n }}\n >\n 关闭\n </Button>,\n ],\n };\n const resultProps = {\n visible: state.resultVisible,\n dataSource: state.resultData,\n columns: state.columns,\n hideVisible: () => {\n setState({\n resultVisible: false,\n });\n },\n modalWidth: state.modalWidth,\n };\n return (\n <Modal {...modalProps}>\n {props.children}\n <form\n encType=\"multipart/form-data\"\n method=\"post\"\n target=\"tmp\"\n action={uploadURL}\n ref={dom => {\n if (dom) state.fileForm = dom;\n }}\n >\n <input\n type=\"file\"\n name={state.fileKey}\n accept={state.accept}\n ref={dom => {\n if (dom) state.fileInput = dom;\n }}\n />\n </form>\n <iframe\n name=\"tmp\"\n style={{ display: 'none' }}\n ref={dom => {\n if (dom) state.iframe = dom;\n }}\n ></iframe>\n {state.resultVisible && <VtxImportResult {...resultProps} />}\n </Modal>\n );\n}\nVtxImport.propTypes = {\n visible: PropTypes.bool,\n templateURL: PropTypes.string,\n uploadURL: PropTypes.string,\n postData: PropTypes.object,\n fileKey: PropTypes.string,\n accept: PropTypes.string,\n close: PropTypes.func,\n afterUpload: PropTypes.func,\n modalWidth: PropTypes.number,\n columns: PropTypes.array,\n children: PropTypes.object,\n};\nexport default VtxImport;\n"],"file":"index.js"}
|
package/lib/vtx-import/result.js
CHANGED
|
@@ -29,7 +29,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
|
|
|
29
29
|
|
|
30
30
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
31
31
|
|
|
32
|
-
function _iterableToArrayLimit(arr, i) {
|
|
32
|
+
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
33
33
|
|
|
34
34
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
35
35
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["vtx-import/result.jsx"],"names":["VtxImportResult","props","visible","dataSource","columns","modalWidth","state","modalProps","bodyStyle","backgroundColor","title","onCancel","hideVisible","width","maskClosable","footer","newTableProps","startIndex","size","headFootHeight","pagination","autoFit","maxHeight","overflow","propTypes","PropTypes","bool","array","number","func"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;AAEA,SAASA,eAAT,CAAyBC,KAAzB,EAAgC;
|
|
1
|
+
{"version":3,"sources":["vtx-import/result.jsx"],"names":["VtxImportResult","props","visible","dataSource","columns","modalWidth","state","modalProps","bodyStyle","backgroundColor","title","onCancel","hideVisible","width","maskClosable","footer","newTableProps","startIndex","size","headFootHeight","pagination","autoFit","maxHeight","overflow","propTypes","PropTypes","bool","array","number","func"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;AAEA,SAASA,eAAT,CAAyBC,KAAzB,EAAgC;AAC5B,gBAAgB,yBAAO;AACnBC,IAAAA,OAAO,EAAED,KAAK,CAACC,OAAN,IAAiB,KADP;AAEnBC,IAAAA,UAAU,EAAEF,KAAK,CAACE,UAAN,IAAoB,EAFb;AAGnBC,IAAAA,OAAO,EAAEH,KAAK,CAACG,OAHI;AAInBC,IAAAA,UAAU,EAAEJ,KAAK,CAACI;AAJC,GAAP,CAAhB;AAAA;AAAA,MAAOC,KAAP;;AAMA,MAAMC,UAAU,GAAG;AACfC,IAAAA,SAAS,EAAE;AACPC,MAAAA,eAAe,EAAE;AADV,KADI;AAIfP,IAAAA,OAAO,EAAEI,KAAK,CAACJ,OAJA;AAKfQ,IAAAA,KAAK,EAAE,MALQ;AAMfC,IAAAA,QAAQ,EAAE,oBAAM;AACZ,UAAI,OAAOV,KAAK,CAACW,WAAb,KAA6B,UAAjC,EAA6C;AACzCX,QAAAA,KAAK,CAACW,WAAN;AACH;AACJ,KAVc;AAWfC,IAAAA,KAAK,EAAEP,KAAK,CAACD,UAXE;AAYfS,IAAAA,YAAY,EAAE,KAZC;AAafC,IAAAA,MAAM,EAAE,cACJ,gCAAC,kBAAD;AACI,MAAA,GAAG,EAAC,aADR;AAEI,MAAA,OAAO,EAAE,mBAAM;AACX,YAAI,OAAOd,KAAK,CAACW,WAAb,KAA6B,UAAjC,EAA6C;AACzCX,UAAAA,KAAK,CAACW,WAAN;AACH;AACJ;AANL,sBADI;AAbO,GAAnB;AA0BA,MAAII,aAAa,GAAG;AAChBZ,IAAAA,OAAO,EAAEE,KAAK,CAACF,OADC;AAEhBD,IAAAA,UAAU,EAAEG,KAAK,CAACH,UAFF;AAGhBc,IAAAA,UAAU,EAAE,CAHI;AAIhBC,IAAAA,IAAI,EAAE,OAJU;AAKhBC,IAAAA,cAAc,EAAE,EALA;AAMhBC,IAAAA,UAAU,EAAE,KANI;AAOhBC,IAAAA,OAAO,EAAE;AAPO,GAApB;AASA,sBACI,gCAAC,iBAAD,EAAWd,UAAX,eACI;AAAK,IAAA,KAAK,EAAE;AAAEe,MAAAA,SAAS,EAAE,GAAb;AAAkBT,MAAAA,KAAK,EAAE,MAAzB;AAAiCU,MAAAA,QAAQ,EAAE;AAA3C;AAAZ,kBACI,gCAAC,uBAAD;AAAa,IAAA,OAAO,EAAE;AAAtB,KAAiCP,aAAjC,EADJ,CADJ,CADJ;AAOH;;AACDhB,eAAe,CAACwB,SAAhB,GAA4B;AACxBtB,EAAAA,OAAO,EAAEuB,sBAAUC,IADK;AAExBvB,EAAAA,UAAU,EAAEsB,sBAAUE,KAFE;AAGxBvB,EAAAA,OAAO,EAAEqB,sBAAUE,KAHK;AAIxBtB,EAAAA,UAAU,EAAEoB,sBAAUG,MAJE;AAKxBhB,EAAAA,WAAW,EAAEa,sBAAUI;AALC,CAA5B;eAOe7B,e","sourcesContent":["import React from 'react';\nimport Modal from 'antd/lib/modal';\nimport Button from 'antd/lib/button';\nimport PropTypes from 'prop-types';\nimport useSet from '../_util/useSet';\nimport VtxDatagrid from '../vtx-datagrid';\n\nfunction VtxImportResult(props) {\n const [state] = useSet({\n visible: props.visible || false,\n dataSource: props.dataSource || [],\n columns: props.columns,\n modalWidth: props.modalWidth,\n });\n const modalProps = {\n bodyStyle: {\n backgroundColor: '#f8f8f8',\n },\n visible: state.visible,\n title: '导入结果',\n onCancel: () => {\n if (typeof props.hideVisible === 'function') {\n props.hideVisible();\n }\n },\n width: state.modalWidth,\n maskClosable: false,\n footer: [\n <Button\n key=\"closeWindow\"\n onClick={() => {\n if (typeof props.hideVisible === 'function') {\n props.hideVisible();\n }\n }}\n >\n 关闭\n </Button>,\n ],\n };\n let newTableProps = {\n columns: state.columns,\n dataSource: state.dataSource,\n startIndex: 1,\n size: 'small',\n headFootHeight: 50,\n pagination: false,\n autoFit: false,\n };\n return (\n <Modal {...modalProps}>\n <div style={{ maxHeight: 600, width: '100%', overflow: 'auto' }}>\n <VtxDatagrid toolbar={false} {...newTableProps} />\n </div>\n </Modal>\n );\n}\nVtxImportResult.propTypes = {\n visible: PropTypes.bool,\n dataSource: PropTypes.array,\n columns: PropTypes.array,\n modalWidth: PropTypes.number,\n hideVisible: PropTypes.func,\n};\nexport default VtxImportResult;\n"],"file":"result.js"}
|