@vtx/components 3.0.1 → 3.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (81) hide show
  1. package/lib/_util/getComponentProps.js +1 -1
  2. package/lib/_util/useColSize.js +2 -2
  3. package/lib/_util/useColSize.js.map +1 -1
  4. package/lib/_util/useSet.js +2 -2
  5. package/lib/index.js +46 -38
  6. package/lib/index.js.map +1 -1
  7. package/lib/vtx-color-picker/index.js +1 -1
  8. package/lib/vtx-combogrid/Combogrid.js +3 -3
  9. package/lib/vtx-combogrid/index.js +1 -1
  10. package/lib/vtx-datagrid/ColumnSetting.js +1 -1
  11. package/lib/vtx-datagrid/index.js +3 -3
  12. package/lib/vtx-datagrid/style/index.css +0 -3
  13. package/lib/vtx-datagrid/style/index.less +10 -6
  14. package/lib/vtx-date-picker/QdatePicker.js +1 -1
  15. package/lib/vtx-date-picker/generatePicker.js +6 -6
  16. package/lib/vtx-editor/index.js +1 -1
  17. package/lib/vtx-ellipsis-text/index.js +61 -0
  18. package/lib/vtx-ellipsis-text/index.js.map +1 -0
  19. package/lib/vtx-ellipsis-text/style/css.js +6 -0
  20. package/lib/vtx-ellipsis-text/style/css.js.map +1 -0
  21. package/lib/vtx-ellipsis-text/style/index.css +13 -0
  22. package/lib/vtx-ellipsis-text/style/index.js +6 -0
  23. package/lib/vtx-ellipsis-text/style/index.js.map +1 -0
  24. package/lib/vtx-ellipsis-text/style/index.less +13 -0
  25. package/lib/vtx-form-layout/Card.js +1 -1
  26. package/lib/vtx-form-layout/Divider.js +12 -2
  27. package/lib/vtx-form-layout/Divider.js.map +1 -1
  28. package/lib/vtx-form-layout/FormItem.js +9 -5
  29. package/lib/vtx-form-layout/FormItem.js.map +1 -1
  30. package/lib/vtx-form-layout/demo/Modal.css +3 -3
  31. package/lib/vtx-form-layout/demo/Modal.less +8 -6
  32. package/lib/vtx-form-layout/style/index.css +41 -2
  33. package/lib/vtx-form-layout/style/index.less +35 -2
  34. package/lib/vtx-image/Image.js +1 -1
  35. package/lib/vtx-image/Preview.js +3 -3
  36. package/lib/vtx-image/PreviewGroup.js +2 -2
  37. package/lib/vtx-image/index.js +1 -1
  38. package/lib/vtx-image/style/index.css +1 -1
  39. package/lib/vtx-image/style/index.less +17 -2
  40. package/lib/vtx-import/index.js +3 -5
  41. package/lib/vtx-import/index.js.map +1 -1
  42. package/lib/vtx-import/style/css.js +2 -0
  43. package/lib/vtx-import/style/css.js.map +1 -1
  44. package/lib/vtx-import/style/index.css +3 -0
  45. package/lib/vtx-import/style/index.js +2 -0
  46. package/lib/vtx-import/style/index.js.map +1 -1
  47. package/lib/vtx-import/style/index.less +8 -0
  48. package/lib/vtx-input/TextArea.js +1 -1
  49. package/lib/vtx-input/index.js +3 -3
  50. package/lib/vtx-input/style/index.css +3 -0
  51. package/lib/vtx-input/style/index.less +3 -1
  52. package/lib/vtx-modal/index.js +3 -3
  53. package/lib/vtx-modal/style/index.css +6 -2
  54. package/lib/vtx-modal/style/index.less +12 -2
  55. package/lib/vtx-page-layout/Content.js +2 -2
  56. package/lib/vtx-page-layout/TableLayout.js +3 -3
  57. package/lib/vtx-page-layout/TableWrap.js +2 -2
  58. package/lib/vtx-page-layout/container.js +6 -6
  59. package/lib/vtx-page-layout/style/index.less +1 -1
  60. package/lib/vtx-rps-frame/index.js +3 -3
  61. package/lib/vtx-scrollable-row/index.js +4 -4
  62. package/lib/vtx-search/VtxCol.js +2 -2
  63. package/lib/vtx-search/index.js +13 -11
  64. package/lib/vtx-search/index.js.map +1 -1
  65. package/lib/vtx-search/style/index.css +1 -1
  66. package/lib/vtx-search/style/index.less +1 -1
  67. package/lib/vtx-search-map-input/index.js +1 -1
  68. package/lib/vtx-select/index.js +15 -15
  69. package/lib/vtx-select/index.js.map +1 -1
  70. package/lib/vtx-signature/index.js +1 -1
  71. package/lib/vtx-split-pane/Pane.js +3 -3
  72. package/lib/vtx-split-pane/Resizer.js +3 -3
  73. package/lib/vtx-split-pane/SplitPane.js +1 -1
  74. package/lib/vtx-statistics-column/Item.js +3 -3
  75. package/lib/vtx-statistics-column/Total.js +3 -3
  76. package/lib/vtx-upload/FilePreview.js +2 -2
  77. package/lib/vtx-upload/index.js +3 -3
  78. package/lib/vtx-ztree/index.js +6 -6
  79. package/lib/vtx-ztree-select/index.js +6 -6
  80. package/package.json +5 -4
  81. package/CHANGELOG.md +0 -912
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
3
+ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
4
4
 
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
@@ -21,7 +21,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
21
21
 
22
22
  var _context = require("./context");
23
23
 
24
- var _excluded = ["weights", "label"];
24
+ var _excluded = ["weights", "label", "inline"];
25
25
 
26
26
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
27
27
 
@@ -42,17 +42,18 @@ function FormItem(props) {
42
42
  var _props$weights = props.weights,
43
43
  weights = _props$weights === void 0 ? 1 : _props$weights,
44
44
  label = props.label,
45
+ inline = props.inline,
45
46
  rest = _objectWithoutProperties(props, _excluded);
46
47
 
47
48
  var _useContext = (0, _react.useContext)(_context.StoreCtx),
48
49
  labelColSpan = _useContext.labelColSpan,
49
50
  cols = _useContext.cols,
50
51
  mode = _useContext.mode,
51
- layout = _useContext.layout;
52
+ formLayout = _useContext.layout;
52
53
 
53
54
  var formItemLayout = null;
54
55
 
55
- if (layout === 'horizontal') {
56
+ if (formLayout === 'horizontal') {
56
57
  var conversionLabelColSpan = labelColSpan / weights;
57
58
  var wrapperColSpan = SPAN - conversionLabelColSpan;
58
59
  formItemLayout = {
@@ -70,9 +71,11 @@ function FormItem(props) {
70
71
  className: "vtx-form-item-col"
71
72
  }, /*#__PURE__*/_react["default"].createElement(_form["default"].Item, _extends({
72
73
  className: (0, _classnames["default"])('vtx-form-item', {
73
- 'vtx-form-item-vertical': layout === 'vertical' && mode !== 'view'
74
+ 'vtx-form-item-vertical': formLayout === 'vertical' && mode !== 'view'
74
75
  }, {
75
76
  'vtx-form-item--view': mode === 'view'
77
+ }, {
78
+ 'vtx-form-item--inline': inline && mode !== 'view'
76
79
  })
77
80
  }, formItemLayout, {
78
81
  label: /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
@@ -84,6 +87,7 @@ function FormItem(props) {
84
87
  FormItem.propTypes = {
85
88
  weights: _propTypes["default"].number,
86
89
  children: _propTypes["default"].node,
90
+ inline: _propTypes["default"].bool,
87
91
  tip: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
88
92
  label: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node])
89
93
  };
@@ -1 +1 @@
1
- {"version":3,"sources":["vtx-form-layout/FormItem.jsx"],"names":["SPAN","FormItem","props","weights","label","rest","StoreCtx","labelColSpan","cols","mode","layout","formItemLayout","conversionLabelColSpan","wrapperColSpan","labelCol","span","wrapperCol","children","propTypes","PropTypes","number","node","tip","oneOfType","string"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;AAEA;AACA,IAAMA,IAAI,GAAG,EAAb;;AAEe,SAASC,QAAT,CAAkBC,KAAlB,EAAyB;AACpC,uBAAwCA,KAAxC,CAAQC,OAAR;AAAA,MAAQA,OAAR,+BAAkB,CAAlB;AAAA,MAAqBC,KAArB,GAAwCF,KAAxC,CAAqBE,KAArB;AAAA,MAA+BC,IAA/B,4BAAwCH,KAAxC;;AACA,oBAA6C,uBAAWI,iBAAX,CAA7C;AAAA,MAAQC,YAAR,eAAQA,YAAR;AAAA,MAAsBC,IAAtB,eAAsBA,IAAtB;AAAA,MAA4BC,IAA5B,eAA4BA,IAA5B;AAAA,MAAkCC,MAAlC,eAAkCA,MAAlC;;AAEA,MAAIC,cAAc,GAAG,IAArB;;AACA,MAAID,MAAM,KAAK,YAAf,EAA6B;AACzB,QAAME,sBAAsB,GAAGL,YAAY,GAAGJ,OAA9C;AACA,QAAMU,cAAc,GAAGb,IAAI,GAAGY,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,EAAGb,IAAI,GAAGG,OAAR,GAAmBK,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,KAMQE,cANR;AAOI,IAAA,KAAK,eAAE,gCAAC,mBAAD;AAAS,MAAA,KAAK,EAAEP;AAAhB,OAAwBA,KAAxB;AAPX,KAQQC,IARR,GAUKH,KAAK,CAACe,QAVX,CADJ,CADJ;AAgBH;;AAEDhB,QAAQ,CAACiB,SAAT,GAAqB;AACjBf,EAAAA,OAAO,EAAEgB,sBAAUC,MADF;AAEjBH,EAAAA,QAAQ,EAAEE,sBAAUE,IAFH;AAGjBC,EAAAA,GAAG,EAAEH,sBAAUI,SAAV,CAAoB,CAACJ,sBAAUK,MAAX,EAAmBL,sBAAUE,IAA7B,CAApB,CAHY;AAIjBjB,EAAAA,KAAK,EAAEe,sBAAUI,SAAV,CAAoB,CAACJ,sBAAUK,MAAX,EAAmBL,sBAAUE,IAA7B,CAApB;AAJU,CAArB","sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport Form from 'antd/lib/form';\nimport Col from 'antd/lib/col';\nimport Tooltip from 'antd/lib/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, label, ...rest } = props;\n const { labelColSpan, cols, mode, layout } = useContext(StoreCtx);\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={<Tooltip title={label}>{label}</Tooltip>}\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
+ {"version":3,"sources":["vtx-form-layout/FormItem.jsx"],"names":["SPAN","FormItem","props","weights","label","inline","rest","StoreCtx","labelColSpan","cols","mode","formLayout","layout","formItemLayout","conversionLabelColSpan","wrapperColSpan","labelCol","span","wrapperCol","children","propTypes","PropTypes","number","node","bool","tip","oneOfType","string"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;AAEA;AACA,IAAMA,IAAI,GAAG,EAAb;;AAEe,SAASC,QAAT,CAAkBC,KAAlB,EAAyB;AACpC,uBAAgDA,KAAhD,CAAQC,OAAR;AAAA,MAAQA,OAAR,+BAAkB,CAAlB;AAAA,MAAqBC,KAArB,GAAgDF,KAAhD,CAAqBE,KAArB;AAAA,MAA4BC,MAA5B,GAAgDH,KAAhD,CAA4BG,MAA5B;AAAA,MAAuCC,IAAvC,4BAAgDJ,KAAhD;;AACA,oBAAyD,uBAAWK,iBAAX,CAAzD;AAAA,MAAQC,YAAR,eAAQA,YAAR;AAAA,MAAsBC,IAAtB,eAAsBA,IAAtB;AAAA,MAA4BC,IAA5B,eAA4BA,IAA5B;AAAA,MAA0CC,UAA1C,eAAkCC,MAAlC;;AAEA,MAAIC,cAAc,GAAG,IAArB;;AACA,MAAIF,UAAU,KAAK,YAAnB,EAAiC;AAC7B,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,UAAU,KAAK,UAAf,IAA6BD,IAAI,KAAK;AAAlE,KAFO,EAGP;AAAE,6BAAuBA,IAAI,KAAK;AAAlC,KAHO,EAIP;AAAE,+BAAyBL,MAAM,IAAIK,IAAI,KAAK;AAA9C,KAJO;AADf,KAOQG,cAPR;AAQI,IAAA,KAAK,eAAE,gCAAC,mBAAD;AAAS,MAAA,KAAK,EAAET;AAAhB,OAAwBA,KAAxB;AARX,KASQE,IATR,GAWKJ,KAAK,CAACiB,QAXX,CADJ,CADJ;AAiBH;;AAEDlB,QAAQ,CAACmB,SAAT,GAAqB;AACjBjB,EAAAA,OAAO,EAAEkB,sBAAUC,MADF;AAEjBH,EAAAA,QAAQ,EAAEE,sBAAUE,IAFH;AAGjBlB,EAAAA,MAAM,EAAEgB,sBAAUG,IAHD;AAIjBC,EAAAA,GAAG,EAAEJ,sBAAUK,SAAV,CAAoB,CAACL,sBAAUM,MAAX,EAAmBN,sBAAUE,IAA7B,CAApB,CAJY;AAKjBnB,EAAAA,KAAK,EAAEiB,sBAAUK,SAAV,CAAoB,CAACL,sBAAUM,MAAX,EAAmBN,sBAAUE,IAA7B,CAApB;AALU,CAArB","sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport Form from 'antd/lib/form';\nimport Col from 'antd/lib/col';\nimport Tooltip from 'antd/lib/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, label, inline, ...rest } = props;\n const { labelColSpan, cols, mode, layout: formLayout } = useContext(StoreCtx);\n\n let formItemLayout = null;\n if (formLayout === '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': formLayout === 'vertical' && mode !== 'view' },\n { 'vtx-form-item--view': mode === 'view' },\n { 'vtx-form-item--inline': inline && mode !== 'view' },\n )}\n {...formItemLayout}\n label={<Tooltip title={label}>{label}</Tooltip>}\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 inline: PropTypes.bool,\n tip: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n};\n"],"file":"FormItem.js"}
@@ -2,7 +2,7 @@
2
2
  position: relative;
3
3
  background-color: #fff;
4
4
  background-clip: padding-box;
5
- border: 0;
5
+ border: 1px solid #d9d9d9;
6
6
  border-radius: 4px;
7
7
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
8
8
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
@@ -12,7 +12,7 @@
12
12
  padding: 16px 24px;
13
13
  color: rgba(0, 0, 0, 0.65);
14
14
  background: #fff;
15
- border-bottom: 1px solid #e8e8e8;
15
+ border-bottom: 1px solid #d9d9d9;
16
16
  border-radius: 4px 4px 0 0;
17
17
  }
18
18
  .vtx-demo-modal-title {
@@ -33,7 +33,7 @@
33
33
  padding: 10px 16px;
34
34
  text-align: right;
35
35
  background: transparent;
36
- border-top: 1px solid #e8e8e8;
36
+ border-top: 1px solid #d9d9d9;
37
37
  border-radius: 0 0 4px 4px;
38
38
  }
39
39
  .vtx-demo-modal-footer button + button {
@@ -1,21 +1,23 @@
1
+ @import (reference) '~antd/lib/style/themes/index.less';
2
+
1
3
  .vtx-demo-modal {
2
4
  position: relative;
3
- background-color: #fff;
5
+ background-color: @component-background;
4
6
  background-clip: padding-box;
5
- border: 0;
7
+ border: 1px solid @border-color-base;
6
8
  border-radius: 4px;
7
9
  box-shadow: 0 4px 12px rgba(0, 0, 0, 15%);
8
10
  pointer-events: auto;
9
11
  &-header {
10
12
  padding: 16px 24px;
11
13
  color: rgba(0, 0, 0, 0.65);
12
- background: #fff;
13
- border-bottom: 1px solid #e8e8e8;
14
+ background: @component-background;
15
+ border-bottom: 1px solid @border-color-base;
14
16
  border-radius: 4px 4px 0 0;
15
17
  }
16
18
  &-title {
17
19
  margin: 0;
18
- color: rgba(0, 0, 0, 0.85);
20
+ color: @text-color;
19
21
  font-weight: 500;
20
22
  font-size: 16px;
21
23
  line-height: 22px;
@@ -31,7 +33,7 @@
31
33
  padding: 10px 16px;
32
34
  text-align: right;
33
35
  background: transparent;
34
- border-top: 1px solid #e8e8e8;
36
+ border-top: 1px solid @border-color-base;
35
37
  border-radius: 0 0 4px 4px;
36
38
  button + button {
37
39
  margin-bottom: 0;
@@ -39,6 +39,36 @@
39
39
  .vtx-form-layout .vtx-form-item .ant-form-item-explain {
40
40
  font-size: 12px;
41
41
  }
42
+ .vtx-form-layout .vtx-form-item--inline {
43
+ -webkit-box-flex: 0;
44
+ -ms-flex: none;
45
+ flex: none;
46
+ -webkit-box-orient: horizontal;
47
+ -webkit-box-direction: normal;
48
+ -ms-flex-direction: row;
49
+ flex-direction: row;
50
+ -ms-flex-wrap: nowrap;
51
+ flex-wrap: nowrap;
52
+ margin-right: 16px;
53
+ margin-bottom: 16px !important;
54
+ row-gap: 0;
55
+ }
56
+ .vtx-form-layout .vtx-form-item--inline .ant-form-item-control-input {
57
+ min-height: auto;
58
+ }
59
+ .vtx-form-layout .vtx-form-item--inline .ant-form-item-label {
60
+ -webkit-box-flex: 0;
61
+ -ms-flex: none;
62
+ flex: none;
63
+ margin-bottom: 0;
64
+ }
65
+ .vtx-form-layout .vtx-form-item--inline .ant-form-item-label > label {
66
+ height: auto;
67
+ color: rgba(0, 0, 0, 0.65);
68
+ }
69
+ .vtx-form-layout .vtx-form-item--inline .ant-form-item-label label::after {
70
+ content: ':';
71
+ }
42
72
  .vtx-form-layout .vtx-form-item--view .ant-form-item-label,
43
73
  .vtx-form-layout .vtx-form-item--view .ant-form-item-control {
44
74
  line-height: 1.5715;
@@ -80,6 +110,10 @@
80
110
  .vtx-form-layout .vtx-form-card .ant-card-body {
81
111
  padding: 0;
82
112
  }
113
+ .vtx-form-layout .vtx-form-card .ant-card-head-wrapper,
114
+ .vtx-form-layout .vtx-form-card .ant-card-head-title {
115
+ line-height: 1;
116
+ }
83
117
  .vtx-form-layout .vtx-form-card-content {
84
118
  display: -webkit-box;
85
119
  display: -ms-flexbox;
@@ -110,7 +144,6 @@
110
144
  -webkit-box-sizing: border-box;
111
145
  box-sizing: border-box;
112
146
  width: 100%;
113
- overflow: hidden;
114
147
  }
115
148
  .vtx-form-layout .vtx-form-pane::after {
116
149
  clear: both;
@@ -149,6 +182,9 @@
149
182
  margin: 0;
150
183
  margin-bottom: 20px;
151
184
  }
185
+ .vtx-form-layout .vtx-form-divider--small {
186
+ margin-bottom: 16px;
187
+ }
152
188
  .vtx-form-layout .vtx-form-tabs {
153
189
  width: 100%;
154
190
  }
@@ -181,5 +217,8 @@
181
217
  padding: 0 24px;
182
218
  }
183
219
  .vtx-form-layout-view .vtx-form-item-col {
184
- margin-bottom: 20px;
220
+ margin-bottom: 16px;
221
+ }
222
+ .vtx-form-layout-view .vtx-form-divider {
223
+ margin-bottom: 16px;
185
224
  }
@@ -1,5 +1,7 @@
1
1
  @import (reference) '~antd/lib/style/themes/index.less';
2
2
 
3
+ @view-item-margin-bottom: 16px;
4
+
3
5
  .vtx-form-layout {
4
6
  position: relative;
5
7
  display: flex;
@@ -33,6 +35,28 @@
33
35
  .ant-form-item-explain {
34
36
  font-size: @font-size-sm;
35
37
  }
38
+ &--inline {
39
+ flex: none;
40
+ flex-direction: row;
41
+ flex-wrap: nowrap;
42
+ margin-right: 16px;
43
+ margin-bottom: @view-item-margin-bottom !important;
44
+ row-gap: 0;
45
+ .ant-form-item-control-input {
46
+ min-height: auto;
47
+ }
48
+ .ant-form-item-label {
49
+ flex: none;
50
+ margin-bottom: 0;
51
+ & > label {
52
+ height: auto;
53
+ color: fade(@black, 65%);
54
+ }
55
+ label::after {
56
+ content: ':';
57
+ }
58
+ }
59
+ }
36
60
  &--view {
37
61
  .ant-form-item-label,
38
62
  .ant-form-item-control {
@@ -80,6 +104,10 @@
80
104
  .ant-card-body {
81
105
  padding: 0;
82
106
  }
107
+ .ant-card-head-wrapper,
108
+ .ant-card-head-title {
109
+ line-height: 1;
110
+ }
83
111
  &-content {
84
112
  display: flex;
85
113
  flex-flow: row wrap;
@@ -105,7 +133,6 @@
105
133
  position: relative;
106
134
  box-sizing: border-box;
107
135
  width: 100%;
108
- overflow: hidden;
109
136
  &::after {
110
137
  clear: both;
111
138
  }
@@ -138,6 +165,9 @@
138
165
  .vtx-form-divider {
139
166
  margin: 0;
140
167
  margin-bottom: 20px;
168
+ &--small {
169
+ margin-bottom: 16px;
170
+ }
141
171
  }
142
172
  .vtx-form-tabs {
143
173
  width: 100%;
@@ -172,7 +202,10 @@
172
202
  }
173
203
  &-view {
174
204
  .vtx-form-item-col {
175
- margin-bottom: 20px;
205
+ margin-bottom: @view-item-margin-bottom;
206
+ }
207
+ .vtx-form-divider {
208
+ margin-bottom: @view-item-margin-bottom;
176
209
  }
177
210
  }
178
211
  }
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
3
+ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
4
4
 
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
3
+ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
4
4
 
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
@@ -21,9 +21,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
21
21
 
22
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); 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
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
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
 
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
 
@@ -1,12 +1,12 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
3
+ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
4
4
 
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
- exports.context = void 0;
9
8
  exports["default"] = PreviewGroup;
9
+ exports.context = void 0;
10
10
 
11
11
  var _react = _interopRequireWildcard(require("react"));
12
12
 
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
3
+ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
4
4
 
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
@@ -42,5 +42,5 @@
42
42
  -ms-transform: translate(-50%, -50%);
43
43
  -webkit-transform: translate(-50%, -50%);
44
44
  transform: translate(-50%, -50%);
45
- color: #e9e9e9;
45
+ color: rgba(0, 0, 0, 0.45);
46
46
  }
@@ -37,12 +37,27 @@
37
37
  position: relative;
38
38
  height: 100%;
39
39
  min-height: @min-height;
40
- background: #fbfbfb;
40
+ background: @table-expanded-row-bg;
41
41
  border: @border-width-base @border-style-base @border-color-split;
42
42
  cursor: default;
43
43
  p {
44
44
  .center();
45
- color: #e9e9e9;
45
+ color: @text-color-secondary;
46
+ }
47
+ }
48
+ }
49
+ .@{prefix-cls} when(@theme=dark) {
50
+ &-nodata,
51
+ &-error {
52
+ position: relative;
53
+ height: 100%;
54
+ min-height: @min-height;
55
+ background: @aspectFit-background;
56
+ border: @border-width-base @border-style-base @border-color-split;
57
+ cursor: default;
58
+ p {
59
+ .center();
60
+ color: @text-color-secondary;
46
61
  }
47
62
  }
48
63
  }
@@ -23,9 +23,9 @@ 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); 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
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
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
 
30
30
  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; }
31
31
 
@@ -142,9 +142,7 @@ function VtxImport(props) {
142
142
  uploadURL = props.uploadURL,
143
143
  afterUpload = props.afterUpload;
144
144
  var modalProps = {
145
- bodyStyle: {
146
- backgroundColor: '#f8f8f8'
147
- },
145
+ className: 'vtx-import-modal',
148
146
  visible: state.visible,
149
147
  title: '导入',
150
148
  onCancel: function onCancel() {
@@ -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","result","message","error","msg","templateURL","modalProps","bodyStyle","backgroundColor","onCancel","maskClosable","footer","open","request","XMLHttpRequest","setRequestHeader","onreadystatechange","e","target","readyState","response","fmd","append","files","send","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 const postUrl = props.uploadURL;\n const postData = props.postData || {};\n const postArray = [];\n for (const 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 const 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 } else {\n // 新增其他错误提示\n if (parseData.result !== 0) {\n message.error(parseData?.msg || '服务器异常');\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 const postUrl = getPostURL();\n if (state.fileInput.value) {\n setState({\n uploading: true,\n });\n if (state.useFormData) {\n const request = new XMLHttpRequest();\n request.open('POST', postUrl);\n request.setRequestHeader('Authorization', token ? `Bear ${token}` : '');\n request.setRequestHeader('access_token', token ? `${token}` : '');\n request.onreadystatechange = e => {\n if (e.target.readyState == 4) {\n uploadSuccess(e.target.response);\n }\n };\n const 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","result","message","error","msg","templateURL","modalProps","className","onCancel","maskClosable","footer","open","request","XMLHttpRequest","setRequestHeader","onreadystatechange","e","target","readyState","response","fmd","append","files","send","info","resultProps","dataSource","hideVisible","children","dom","display","propTypes","PropTypes","bool","string","object","func","number","array"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;AACA,mBAAkB,+BAAlB;AAAA,IAAQA,KAAR,gBAAQA,KAAR;;AACA,SAASC,SAAT,CAAmBC,KAAnB,EAA0B;AACtB,gBAA0B,yBAAO;AAC7BC,IAAAA,QAAQ,EAAE,IADmB;AACb;AAChBC,IAAAA,SAAS,EAAE,IAFkB;AAEZ;AACjBC,IAAAA,MAAM,EAAE,IAHqB;AAGf;AACdC,IAAAA,WAAW,EAAEC,MAAM,CAACC,QAAP,GAAkB,IAAlB,GAAyB,KAJT;AAIgB;AAC7CC,IAAAA,SAAS,EAAE,KALkB;AAKX;AAClBC,IAAAA,OAAO,EAAER,KAAK,CAACQ,OAAN,IAAiB,KANG;AAO7BC,IAAAA,OAAO,EAAET,KAAK,CAACS,OAAN,IAAiB,MAPG;AAQ7BC,IAAAA,MAAM,EACFV,KAAK,CAACU,MAAN,IACA,qGAVyB;AAW7BC,IAAAA,aAAa,EAAE,KAXc;AAWP;AACtBC,IAAAA,UAAU,EAAE,EAZiB;AAYb;AAChBC,IAAAA,UAAU,EAAEb,KAAK,CAACa,UAAN,IAAoB,GAbH;AAc7BC,IAAAA,OAAO,EAAEd,KAAK,CAACc,OAAN,IAAiB,CACtB;AACIC,MAAAA,KAAK,EAAE,IADX;AAEIC,MAAAA,SAAS,EAAE,SAFf;AAGIC,MAAAA,GAAG,EAAE;AAHT,KADsB,EAMtB;AACIF,MAAAA,KAAK,EAAE,MADX;AAEIC,MAAAA,SAAS,EAAE,UAFf;AAGIC,MAAAA,GAAG,EAAE;AAHT,KANsB;AAdG,GAAP,CAA1B;AAAA;AAAA,MAAOC,KAAP;AAAA,MAAcC,QAAd,eADsB,CA4BtB;;;AACA,MAAMC,UAAU,GAAG,SAAbA,UAAa,GAAM;AACrB,QAAMC,OAAO,GAAGrB,KAAK,CAACsB,SAAtB;AACA,QAAMC,QAAQ,GAAGvB,KAAK,CAACuB,QAAN,IAAkB,EAAnC;AACA,QAAMC,SAAS,GAAG,EAAlB;;AACA,SAAK,IAAMC,CAAX,IAAgBF,QAAhB,EAA0B;AACtB,UAAIA,QAAQ,CAACE,CAAD,CAAR,KAAgBC,SAAhB,IAA6BH,QAAQ,CAACE,CAAD,CAAR,KAAgB,IAA7C,IAAqDF,QAAQ,CAACE,CAAD,CAAR,KAAgB,EAAzE,EAA6E;AACzED,QAAAA,SAAS,CAACG,IAAV,WAAkBF,CAAlB,cAAuBG,kBAAkB,CAACL,QAAQ,CAACE,CAAD,CAAT,CAAzC;AACH;AACJ;;AACD,WAAOD,SAAS,CAACK,MAAV,GAAmB,CAAnB,aAA0BR,OAA1B,cAAqCG,SAAS,CAACM,IAAV,CAAe,GAAf,CAArC,IAA6DT,OAApE;AACH,GAVD;;AAWA,MAAMU,UAAU,GAAG,SAAbA,UAAa,GAAM;AACrBb,IAAAA,KAAK,CAAChB,SAAN,CAAgB8B,KAAhB,GAAwB,EAAxB;;AACA,QAAI,OAAOhC,KAAK,CAACiC,KAAb,KAAuB,UAA3B,EAAuC;AACnCjC,MAAAA,KAAK,CAACiC,KAAN;AACH,KAFD,MAEO;AACHd,MAAAA,QAAQ,CAAC;AACLX,QAAAA,OAAO,EAAE,CAACU,KAAK,CAACV;AADX,OAAD,CAAR;AAGH;AACJ,GATD,CAxCsB,CAkDtB;;;AACA,MAAM0B,aAAa,GAAG,SAAhBA,aAAgB,CAAAC,IAAI,EAAI;AAC1BjB,IAAAA,KAAK,CAAChB,SAAN,CAAgB8B,KAAhB,GAAwB,EAAxB;AACAb,IAAAA,QAAQ,CAAC;AACLZ,MAAAA,SAAS,EAAE;AADN,KAAD,CAAR;;AAGA,QAAI,OAAOP,KAAK,CAACoC,WAAb,KAA6B,UAAjC,EAA6C;AACzCA,MAAAA,WAAW,CAACD,IAAD,CAAX;AACH;;AACD,QAAME,SAAS,GAAGC,IAAI,CAACC,KAAL,CAAWJ,IAAX,CAAlB;;AACA,QAAIK,KAAK,CAACC,OAAN,CAAcJ,SAAd,aAAcA,SAAd,uBAAcA,SAAS,CAAEF,IAAzB,CAAJ,EAAoC;AAChChB,MAAAA,QAAQ,CAAC;AACLR,QAAAA,aAAa,EAAE,IADV;AAELC,QAAAA,UAAU,EAAEyB,SAAS,CAACF,IAAV,CACPO,GADO,CACH,UAACC,IAAD,EAAOC,KAAP;AAAA,iDACED,IADF;AAED1B,YAAAA,GAAG,EAAE2B,KAFJ;AAGDC,YAAAA,QAAQ,EAAEF,IAAI,CAACE,QAAL,CAAcf,IAAd,CAAmB,GAAnB;AAHT;AAAA,SADG,EAMPgB,MANO,CAMA,UAAAH,IAAI;AAAA,iBAAIA,IAAI,CAACE,QAAL,CAAchB,MAAd,KAAyB,CAA7B;AAAA,SANJ;AAFP,OAAD,CAAR;AAUH,KAXD,MAWO;AACH;AACA,UAAIQ,SAAS,CAACU,MAAV,KAAqB,CAAzB,EAA4B;AACxBC,4BAAQC,KAAR,CAAc,CAAAZ,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAEa,GAAX,KAAkB,OAAhC;AACH;AACJ;AACJ,GA1BD;;AA2BA,MAAQC,WAAR,GAAgDnD,KAAhD,CAAQmD,WAAR;AAAA,MAAqB7B,SAArB,GAAgDtB,KAAhD,CAAqBsB,SAArB;AAAA,MAAgCc,WAAhC,GAAgDpC,KAAhD,CAAgCoC,WAAhC;AACA,MAAMgB,UAAU,GAAG;AACfC,IAAAA,SAAS,EAAE,kBADI;AAEf7C,IAAAA,OAAO,EAAEU,KAAK,CAACV,OAFA;AAGfO,IAAAA,KAAK,EAAE,IAHQ;AAIfuC,IAAAA,QAAQ,EAAE;AAAA,aAAMvB,UAAU,EAAhB;AAAA,KAJK;AAKfwB,IAAAA,YAAY,EAAE,KALC;AAMfC,IAAAA,MAAM,EAAE,CACJL,WAAW,gBACP,gCAAC,kBAAD;AACI,MAAA,GAAG,EAAC,gBADR;AAEI,MAAA,OAAO,EAAE,mBAAM;AACX9C,QAAAA,MAAM,CAACoD,IAAP,CAAYN,WAAZ;AACH;AAJL,kCADO,GASP,IAVA,eAWJ,gCAAC,kBAAD;AACI,MAAA,GAAG,EAAC,cADR;AAEI,MAAA,IAAI,EAAC,SAFT;AAGI,MAAA,OAAO,EAAEjC,KAAK,CAACX,SAHnB;AAII,MAAA,OAAO,EAAE,mBAAM;AACX,YAAMc,OAAO,GAAGD,UAAU,EAA1B;;AACA,YAAIF,KAAK,CAAChB,SAAN,CAAgB8B,KAApB,EAA2B;AACvBb,UAAAA,QAAQ,CAAC;AACLZ,YAAAA,SAAS,EAAE;AADN,WAAD,CAAR;;AAGA,cAAIW,KAAK,CAACd,WAAV,EAAuB;AACnB,gBAAMsD,OAAO,GAAG,IAAIC,cAAJ,EAAhB;AACAD,YAAAA,OAAO,CAACD,IAAR,CAAa,MAAb,EAAqBpC,OAArB;AACAqC,YAAAA,OAAO,CAACE,gBAAR,CAAyB,eAAzB,EAA0C9D,KAAK,kBAAWA,KAAX,IAAqB,EAApE;AACA4D,YAAAA,OAAO,CAACE,gBAAR,CAAyB,cAAzB,EAAyC9D,KAAK,aAAMA,KAAN,IAAgB,EAA9D;;AACA4D,YAAAA,OAAO,CAACG,kBAAR,GAA6B,UAAAC,CAAC,EAAI;AAC9B,kBAAIA,CAAC,CAACC,MAAF,CAASC,UAAT,IAAuB,CAA3B,EAA8B;AAC1B9B,gBAAAA,aAAa,CAAC4B,CAAC,CAACC,MAAF,CAASE,QAAV,CAAb;AACH;AACJ,aAJD;;AAKA,gBAAMC,GAAG,GAAG,IAAI5D,QAAJ,EAAZ;AACA4D,YAAAA,GAAG,CAACC,MAAJ,CAAWjD,KAAK,CAACT,OAAjB,EAA0BS,KAAK,CAAChB,SAAN,CAAgBkE,KAAhB,CAAsB,CAAtB,CAA1B;AACAV,YAAAA,OAAO,CAACW,IAAR,CAAaH,GAAb;AACH;AACJ,SAlBD,MAkBO;AACHlB,8BAAQsB,IAAR,CAAa,YAAb;AACH;AACJ;AA3BL,sBAXI,eA0CJ,gCAAC,kBAAD;AACI,MAAA,GAAG,EAAC,aADR;AAEI,MAAA,OAAO,EAAE,mBAAM;AACXvC,QAAAA,UAAU;AACb;AAJL,sBA1CI;AANO,GAAnB;AA0DA,MAAMwC,WAAW,GAAG;AAChB/D,IAAAA,OAAO,EAAEU,KAAK,CAACP,aADC;AAEhB6D,IAAAA,UAAU,EAAEtD,KAAK,CAACN,UAFF;AAGhBE,IAAAA,OAAO,EAAEI,KAAK,CAACJ,OAHC;AAIhB2D,IAAAA,WAAW,EAAE,uBAAM;AACftD,MAAAA,QAAQ,CAAC;AACLR,QAAAA,aAAa,EAAE;AADV,OAAD,CAAR;AAGH,KARe;AAShBE,IAAAA,UAAU,EAAEK,KAAK,CAACL;AATF,GAApB;AAWA,sBACI,gCAAC,iBAAD,EAAWuC,UAAX,EACKpD,KAAK,CAAC0E,QADX,eAEI;AACI,IAAA,OAAO,EAAC,qBADZ;AAEI,IAAA,MAAM,EAAC,MAFX;AAGI,IAAA,MAAM,EAAC,KAHX;AAII,IAAA,MAAM,EAAEpD,SAJZ;AAKI,IAAA,GAAG,EAAE,aAAAqD,GAAG,EAAI;AACR,UAAIA,GAAJ,EAASzD,KAAK,CAACjB,QAAN,GAAiB0E,GAAjB;AACZ;AAPL,kBASI;AACI,IAAA,IAAI,EAAC,MADT;AAEI,IAAA,IAAI,EAAEzD,KAAK,CAACT,OAFhB;AAGI,IAAA,MAAM,EAAES,KAAK,CAACR,MAHlB;AAII,IAAA,GAAG,EAAE,aAAAiE,GAAG,EAAI;AACR,UAAIA,GAAJ,EAASzD,KAAK,CAAChB,SAAN,GAAkByE,GAAlB;AACZ;AANL,IATJ,CAFJ,eAoBI;AACI,IAAA,IAAI,EAAC,KADT;AAEI,IAAA,KAAK,EAAE;AAAEC,MAAAA,OAAO,EAAE;AAAX,KAFX;AAGI,IAAA,GAAG,EAAE,aAAAD,GAAG,EAAI;AACR,UAAIA,GAAJ,EAASzD,KAAK,CAACf,MAAN,GAAewE,GAAf;AACZ;AALL,IApBJ,EA2BKzD,KAAK,CAACP,aAAN,iBAAuB,gCAAC,kBAAD,EAAqB4D,WAArB,CA3B5B,CADJ;AA+BH;;AACDxE,SAAS,CAAC8E,SAAV,GAAsB;AAClBrE,EAAAA,OAAO,EAAEsE,sBAAUC,IADD;AAElB5B,EAAAA,WAAW,EAAE2B,sBAAUE,MAFL;AAGlB1D,EAAAA,SAAS,EAAEwD,sBAAUE,MAHH;AAIlBzD,EAAAA,QAAQ,EAAEuD,sBAAUG,MAJF;AAKlBxE,EAAAA,OAAO,EAAEqE,sBAAUE,MALD;AAMlBtE,EAAAA,MAAM,EAAEoE,sBAAUE,MANA;AAOlB/C,EAAAA,KAAK,EAAE6C,sBAAUI,IAPC;AAQlB9C,EAAAA,WAAW,EAAE0C,sBAAUI,IARL;AASlBrE,EAAAA,UAAU,EAAEiE,sBAAUK,MATJ;AAUlBrE,EAAAA,OAAO,EAAEgE,sBAAUM,KAVD;AAWlBV,EAAAA,QAAQ,EAAEI,sBAAUG;AAXF,CAAtB;eAaelF,S","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 const postUrl = props.uploadURL;\n const postData = props.postData || {};\n const postArray = [];\n for (const 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 const 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 } else {\n // 新增其他错误提示\n if (parseData.result !== 0) {\n message.error(parseData?.msg || '服务器异常');\n }\n }\n };\n const { templateURL, uploadURL, afterUpload } = props;\n const modalProps = {\n className: 'vtx-import-modal',\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 const postUrl = getPostURL();\n if (state.fileInput.value) {\n setState({\n uploading: true,\n });\n if (state.useFormData) {\n const request = new XMLHttpRequest();\n request.open('POST', postUrl);\n request.setRequestHeader('Authorization', token ? `Bear ${token}` : '');\n request.setRequestHeader('access_token', token ? `${token}` : '');\n request.onreadystatechange = e => {\n if (e.target.readyState == 4) {\n uploadSuccess(e.target.response);\n }\n };\n const 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"}
@@ -5,4 +5,6 @@ require("antd/lib/modal/style/css");
5
5
  require("antd/lib/button/style/css");
6
6
 
7
7
  require("antd/lib/message/style/css");
8
+
9
+ require("./index.css");
8
10
  //# sourceMappingURL=css.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["vtx-import/style/index.js"],"names":[],"mappings":";;AAAA;;AACA;;AACA","sourcesContent":["import 'antd/lib/modal/style';\nimport 'antd/lib/button/style';\nimport 'antd/lib/message/style';\n"],"file":"css.js"}
1
+ {"version":3,"sources":["vtx-import/style/index.js"],"names":[],"mappings":";;AAAA;;AACA;;AACA;;AACA","sourcesContent":["import 'antd/lib/modal/style';\nimport 'antd/lib/button/style';\nimport 'antd/lib/message/style';\nimport './index.less';\n"],"file":"css.js"}
@@ -0,0 +1,3 @@
1
+ .vtx-datagrid-modal {
2
+ background-color: '#f8f8f8';
3
+ }
@@ -5,4 +5,6 @@ require("antd/lib/modal/style");
5
5
  require("antd/lib/button/style");
6
6
 
7
7
  require("antd/lib/message/style");
8
+
9
+ require("./index.less");
8
10
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["vtx-import/style/index.js"],"names":[],"mappings":";;AAAA;;AACA;;AACA","sourcesContent":["import 'antd/lib/modal/style';\nimport 'antd/lib/button/style';\nimport 'antd/lib/message/style';\n"],"file":"index.js"}
1
+ {"version":3,"sources":["vtx-import/style/index.js"],"names":[],"mappings":";;AAAA;;AACA;;AACA;;AACA","sourcesContent":["import 'antd/lib/modal/style';\nimport 'antd/lib/button/style';\nimport 'antd/lib/message/style';\nimport './index.less';\n"],"file":"index.js"}
@@ -0,0 +1,8 @@
1
+ @import (reference) '~antd/lib/style/themes/index.less';
2
+ @prefix-cls: vtx-datagrid;
3
+
4
+ .@{prefix-cls} when(@theme=default) {
5
+ &-modal {
6
+ background-color: '#f8f8f8';
7
+ }
8
+ }
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
3
+ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
4
4
 
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
3
+ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
4
4
 
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
@@ -33,9 +33,9 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
33
33
 
34
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); }
35
35
 
36
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
36
+ 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; }
37
37
 
38
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
38
+ 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; }
39
39
 
40
40
  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; }
41
41
 
@@ -11,6 +11,9 @@
11
11
  content: attr(data-count);
12
12
  pointer-events: none;
13
13
  }
14
+ .ant-input {
15
+ resize: none;
16
+ }
14
17
  .ant-input-affix-wrapper .ant-input-suffix {
15
18
  color: rgba(0, 0, 0, 0.45);
16
19
  }
@@ -13,7 +13,9 @@
13
13
  pointer-events: none;
14
14
  }
15
15
  }
16
-
16
+ .ant-input {
17
+ resize: none;
18
+ }
17
19
  .ant-input-affix-wrapper .ant-input-suffix {
18
20
  color: @text-color-secondary;
19
21
  }
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
3
+ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
4
4
 
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
@@ -33,9 +33,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
33
33
 
34
34
  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; }
35
35
 
36
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
36
+ 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; }
37
37
 
38
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
38
+ 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; }
39
39
 
40
40
  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; }
41
41