@vtx/components 4.0.0-beta.7 → 4.0.0-beta.70

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 (161) hide show
  1. package/es/index.js +3 -0
  2. package/es/utils/filterSpecialCharacters.js +47 -46
  3. package/es/utils/index.js +1 -2
  4. package/es/vtx-color-picker/index.js +138 -33
  5. package/es/vtx-color-picker/style/index.js +36 -12
  6. package/es/vtx-combogrid/Combogrid.js +16 -10
  7. package/es/vtx-combogrid/index.js +7 -4
  8. package/es/vtx-combogrid/style/index.js +4 -4
  9. package/es/vtx-datagrid/Store/Provide.js +109 -132
  10. package/es/vtx-datagrid/ToolBar/components/ColumnSetting/index.js +11 -5
  11. package/es/vtx-datagrid/ToolBar/components/ColumnSetting/style.js +5 -2
  12. package/es/vtx-datagrid/ToolBar/components/Density/index.js +3 -0
  13. package/es/vtx-datagrid/ToolBar/components/TableStyle/index.js +3 -0
  14. package/es/vtx-datagrid/ToolBar/index.js +2 -2
  15. package/es/vtx-datagrid/columnState.js +64 -0
  16. package/es/vtx-datagrid/index.js +114 -35
  17. package/es/vtx-datagrid/mergeComponents.js +15 -0
  18. package/es/vtx-datagrid/renderColumnButtons.js +30 -11
  19. package/es/vtx-datagrid/style/index.js +102 -20
  20. package/es/vtx-date-picker/QdatePicker.js +1 -1
  21. package/es/vtx-descriptions/Descriptions.js +29 -0
  22. package/es/vtx-descriptions/index.js +3 -0
  23. package/es/vtx-descriptions/style/index.js +19 -0
  24. package/es/vtx-ellipsis-text/index.js +7 -2
  25. package/es/vtx-ellipsis-text/style/index.js +3 -1
  26. package/es/vtx-export/index.js +25 -25
  27. package/es/vtx-export-async/History.js +7 -3
  28. package/es/vtx-export-async/index.js +42 -14
  29. package/es/vtx-form-layout/Card.js +10 -10
  30. package/es/vtx-form-layout/Divider.js +1 -1
  31. package/es/vtx-form-layout/FormItem.js +18 -17
  32. package/es/vtx-form-layout/Pane.js +23 -12
  33. package/es/vtx-icon/index.js +54 -45
  34. package/es/vtx-icon/index.js1 +90 -0
  35. package/es/vtx-image/Preview.js +11 -6
  36. package/es/vtx-image/style/index.js +0 -1
  37. package/es/vtx-import/index.js +155 -43
  38. package/es/vtx-import/result.js +6 -2
  39. package/es/vtx-import/style/index.js +16 -1
  40. package/es/vtx-import2/Content.js +2 -1
  41. package/es/vtx-import2/index.js +31 -20
  42. package/es/vtx-import2/style/index.js +60 -9
  43. package/es/vtx-input/TextArea/index.js +11 -6
  44. package/es/vtx-modal/index.js +9 -4
  45. package/es/vtx-modal/style/index.js +5 -3
  46. package/es/vtx-page-layout/Content.js +1 -1
  47. package/es/vtx-page-layout/TabLayout.js +1 -7
  48. package/es/vtx-page-layout/TableLayout.js +14 -4
  49. package/es/vtx-page-layout/TableWrap.js +3 -2
  50. package/es/vtx-page-layout/TreeLayout.js +2 -8
  51. package/es/vtx-page-layout/container.js +6 -5
  52. package/es/vtx-page-layout/style/index.js +4 -2
  53. package/es/vtx-provider/index.js +20 -10
  54. package/es/vtx-provider/locale/en_US.js +65 -5
  55. package/es/vtx-provider/locale/zh_CN.js +75 -5
  56. package/es/vtx-provider/useStyle/index.js +8 -4
  57. package/es/vtx-scrollable-row/index.js +38 -28
  58. package/es/vtx-search/index.js +18 -13
  59. package/es/vtx-search/style/index.js +2 -1
  60. package/es/vtx-select/index.js +132 -46
  61. package/es/vtx-select/style/index.js +11 -56
  62. package/es/vtx-signature/index.js +5 -4
  63. package/es/vtx-signature/style/index.js +1 -1
  64. package/es/vtx-split-pane/Resizer.js +0 -1
  65. package/es/vtx-split-pane/SplitPane.js +34 -25
  66. package/es/vtx-split-pane/style/index.js +8 -112
  67. package/es/vtx-time-picker/index.js +27 -1
  68. package/es/vtx-transfer/Transfer.js +29 -0
  69. package/es/vtx-transfer/index.js +3 -0
  70. package/es/vtx-transfer/style/index.js +19 -0
  71. package/es/vtx-transfer-select/TransferSelect.js +143 -0
  72. package/es/vtx-transfer-select/index.js +3 -0
  73. package/es/vtx-transfer-select/style/index.js +19 -0
  74. package/es/vtx-tree/index.js +104 -40
  75. package/es/vtx-tree-select/index.js +75 -105
  76. package/es/vtx-tree-select/style/index.js +9 -3
  77. package/es/vtx-upload/FilePreview.js +2 -1
  78. package/es/vtx-wang-editor/index.js +291 -113
  79. package/es/vtx-wang-editor/wangEditorUtil.js +59 -9
  80. package/lib/index.js +36 -0
  81. package/lib/utils/filterSpecialCharacters.js +48 -46
  82. package/lib/utils/index.js +0 -7
  83. package/lib/vtx-color-picker/index.js +139 -34
  84. package/lib/vtx-color-picker/style/index.js +36 -12
  85. package/lib/vtx-combogrid/Combogrid.js +16 -10
  86. package/lib/vtx-combogrid/index.js +7 -4
  87. package/lib/vtx-combogrid/style/index.js +4 -4
  88. package/lib/vtx-datagrid/Store/Provide.js +116 -138
  89. package/lib/vtx-datagrid/ToolBar/components/ColumnSetting/index.js +11 -6
  90. package/lib/vtx-datagrid/ToolBar/components/ColumnSetting/style.js +5 -2
  91. package/lib/vtx-datagrid/ToolBar/components/Density/index.js +3 -0
  92. package/lib/vtx-datagrid/ToolBar/components/TableStyle/index.js +3 -0
  93. package/lib/vtx-datagrid/ToolBar/index.js +2 -2
  94. package/lib/vtx-datagrid/columnState.js +73 -0
  95. package/lib/vtx-datagrid/index.js +115 -35
  96. package/lib/vtx-datagrid/mergeComponents.js +21 -0
  97. package/lib/vtx-datagrid/renderColumnButtons.js +30 -11
  98. package/lib/vtx-datagrid/style/index.js +102 -20
  99. package/lib/vtx-date-picker/QdatePicker.js +1 -1
  100. package/lib/vtx-descriptions/Descriptions.js +38 -0
  101. package/lib/vtx-descriptions/index.js +15 -0
  102. package/lib/vtx-descriptions/style/index.js +25 -0
  103. package/lib/vtx-ellipsis-text/index.js +7 -2
  104. package/lib/vtx-ellipsis-text/style/index.js +3 -1
  105. package/lib/vtx-export/index.js +26 -26
  106. package/lib/vtx-export-async/History.js +7 -3
  107. package/lib/vtx-export-async/index.js +40 -12
  108. package/lib/vtx-form-layout/Card.js +9 -9
  109. package/lib/vtx-form-layout/Divider.js +1 -1
  110. package/lib/vtx-form-layout/FormItem.js +18 -17
  111. package/lib/vtx-form-layout/Pane.js +22 -11
  112. package/lib/vtx-icon/index.js +54 -52
  113. package/lib/vtx-icon/index.js1 +90 -0
  114. package/lib/vtx-image/Preview.js +11 -6
  115. package/lib/vtx-image/style/index.js +0 -1
  116. package/lib/vtx-import/index.js +154 -42
  117. package/lib/vtx-import/result.js +6 -2
  118. package/lib/vtx-import/style/index.js +16 -1
  119. package/lib/vtx-import2/Content.js +2 -1
  120. package/lib/vtx-import2/index.js +30 -19
  121. package/lib/vtx-import2/style/index.js +60 -9
  122. package/lib/vtx-input/TextArea/index.js +11 -6
  123. package/lib/vtx-modal/index.js +9 -4
  124. package/lib/vtx-modal/style/index.js +5 -3
  125. package/lib/vtx-page-layout/Content.js +1 -1
  126. package/lib/vtx-page-layout/TabLayout.js +3 -9
  127. package/lib/vtx-page-layout/TableLayout.js +14 -4
  128. package/lib/vtx-page-layout/TableWrap.js +3 -2
  129. package/lib/vtx-page-layout/TreeLayout.js +4 -10
  130. package/lib/vtx-page-layout/container.js +6 -5
  131. package/lib/vtx-page-layout/style/index.js +4 -2
  132. package/lib/vtx-provider/index.js +19 -10
  133. package/lib/vtx-provider/locale/en_US.js +65 -5
  134. package/lib/vtx-provider/locale/zh_CN.js +75 -5
  135. package/lib/vtx-provider/useStyle/index.js +8 -4
  136. package/lib/vtx-scrollable-row/index.js +38 -28
  137. package/lib/vtx-search/index.js +18 -13
  138. package/lib/vtx-search/style/index.js +2 -1
  139. package/lib/vtx-select/index.js +134 -48
  140. package/lib/vtx-select/style/index.js +11 -56
  141. package/lib/vtx-signature/index.js +4 -3
  142. package/lib/vtx-signature/style/index.js +1 -1
  143. package/lib/vtx-split-pane/Resizer.js +0 -1
  144. package/lib/vtx-split-pane/SplitPane.js +32 -23
  145. package/lib/vtx-split-pane/style/index.js +8 -112
  146. package/lib/vtx-time-picker/index.js +27 -1
  147. package/lib/vtx-transfer/Transfer.js +38 -0
  148. package/lib/vtx-transfer/index.js +15 -0
  149. package/lib/vtx-transfer/style/index.js +25 -0
  150. package/lib/vtx-transfer-select/TransferSelect.js +151 -0
  151. package/lib/vtx-transfer-select/index.js +15 -0
  152. package/lib/vtx-transfer-select/style/index.js +25 -0
  153. package/lib/vtx-tree/index.js +102 -38
  154. package/lib/vtx-tree-select/index.js +75 -105
  155. package/lib/vtx-tree-select/style/index.js +9 -3
  156. package/lib/vtx-upload/FilePreview.js +2 -1
  157. package/lib/vtx-wang-editor/index.js +289 -113
  158. package/lib/vtx-wang-editor/wangEditorUtil.js +59 -10
  159. package/package.json +44 -28
  160. package/es/utils/hooks/useFetchData/index.js +0 -82
  161. package/lib/utils/hooks/useFetchData/index.js +0 -89
@@ -13,7 +13,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
13
13
  function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
14
14
  var genVtxImport2Style = function genVtxImport2Style(token) {
15
15
  var componentCls = token.componentCls;
16
- return _defineProperty({}, componentCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, '&-modal-header-title', {
16
+ return _defineProperty(_defineProperty(_defineProperty({}, componentCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, '&-modal-header-title', {
17
17
  color: token.colorText
18
18
  }), '&-modal-header-text', {
19
19
  fontWeight: '400'
@@ -31,8 +31,8 @@ var genVtxImport2Style = function genVtxImport2Style(token) {
31
31
  height: '80px',
32
32
  padding: '16px 16px 16px 48px',
33
33
  color: token.colorPrimary,
34
- fontSize: '14px',
35
- backgroundColor: token.colorBgLayout,
34
+ fontSize: 14,
35
+ backgroundColor: token.colorBgLayoutTable,
36
36
  borderRadius: '4px'
37
37
  }, "".concat(componentCls, "-download"), {
38
38
  marginLeft: '16px'
@@ -54,7 +54,58 @@ var genVtxImport2Style = function genVtxImport2Style(token) {
54
54
  display: 'flex',
55
55
  alignItems: 'center',
56
56
  justifyContent: 'space-between',
57
- color: 'fade(@black, 65%)'
57
+ color: token.colorTextSecondary
58
+ }, "".concat(componentCls, "-file-name"), {
59
+ overflow: 'hidden',
60
+ whiteSpace: 'nowrap',
61
+ textOverflow: 'ellipsis'
62
+ }))), '&:last-child ', {
63
+ marginTop: '20px'
64
+ }), "".concat(componentCls, "-content-mark"), {
65
+ position: 'absolute',
66
+ top: 0,
67
+ left: 0,
68
+ display: 'flex',
69
+ alignItems: 'center',
70
+ justifyContent: 'center',
71
+ width: '28px',
72
+ height: '22px',
73
+ color: '#fff',
74
+ backgroundColor: token.colorPrimary,
75
+ border: "1px solid ".concat(token.colorPrimary),
76
+ borderRadius: '4px 0',
77
+ opacity: 0.6
78
+ }))), "".concat(componentCls, "-content-box"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({
79
+ position: 'relative',
80
+ display: 'flex',
81
+ alignItems: 'center',
82
+ height: '80px',
83
+ padding: '16px 16px 16px 48px',
84
+ color: token.colorPrimary,
85
+ fontSize: 14,
86
+ backgroundColor: token.colorBgLayoutTable,
87
+ borderRadius: '4px'
88
+ }, "".concat(componentCls, "-download"), {
89
+ marginLeft: '16px'
90
+ }), "".concat(componentCls, "-file-list"), _defineProperty(_defineProperty({
91
+ display: 'flex',
92
+ flexDirection: 'column',
93
+ justifyContent: 'space-between',
94
+ width: '100%',
95
+ marginLeft: '16px',
96
+ overflow: 'hidden',
97
+ whiteSpace: 'nowrap',
98
+ textOverflow: 'ellipsis'
99
+ }, "".concat(componentCls, "-text"), {
100
+ cursor: 'pointer',
101
+ overflowRrap: 'break-word',
102
+ wordBreak: 'break-all',
103
+ whiteSpace: 'pre-wrap'
104
+ }), "".concat(componentCls, "-file-item"), _defineProperty({
105
+ display: 'flex',
106
+ alignItems: 'center',
107
+ justifyContent: 'space-between',
108
+ color: token.colorBase
58
109
  }, "".concat(componentCls, "-file-name"), {
59
110
  overflow: 'hidden',
60
111
  whiteSpace: 'nowrap',
@@ -83,17 +134,17 @@ var genVtxImport2Style = function genVtxImport2Style(token) {
83
134
  }, "".concat(componentCls, "-result"), {
84
135
  marginTop: '20px',
85
136
  marginBottom: '12px',
86
- color: 'fade(@black, 85%)',
137
+ color: token.colorText,
87
138
  fontWeight: '700',
88
139
  fontSize: '24px'
89
140
  }), "&-success-tips", {
90
- color: 'fade(@black, 45%)',
91
- fontSize: '14px'
141
+ color: token.colorTextSecondary,
142
+ fontSize: 14
92
143
  }), "&-error-tips", {
93
144
  color: token.colorPrimary,
94
- fontSize: '14px',
145
+ fontSize: 14,
95
146
  cursor: 'pointer'
96
- })));
147
+ }));
97
148
  };
98
149
  function useStyle(prefixCls) {
99
150
  return (0, _vtxProvider.useStyle)('VtxImport2', function (token) {
@@ -54,12 +54,17 @@ var TextArea = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
54
54
  }));
55
55
 
56
56
  // eslint-disable-next-line @typescript-eslint/no-unused-expressions
57
- showCount && 'value' in props && (render = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
58
- className: (0, _classnames.default)(prefixCls, hashId),
59
- "data-count": "".concat(len, "/").concat(maxLength),
60
- children: render
61
- }));
62
- return wrapSSR(render);
57
+ var wrapper = null;
58
+ if (showCount && 'value' in props) {
59
+ wrapper = function wrapper(element) {
60
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
61
+ className: (0, _classnames.default)(prefixCls, hashId),
62
+ "data-count": "".concat(len, "/").concat(maxLength),
63
+ children: element
64
+ });
65
+ };
66
+ }
67
+ return wrapSSR(wrapper ? wrapper(render) : render);
63
68
  });
64
69
  var _default = exports.default = TextArea;
65
70
  TextArea.propTypes = {
@@ -202,15 +202,20 @@ function VtxModal(props) {
202
202
  destroyOnHidden: (_props$destroyOnClose = props.destroyOnClose) !== null && _props$destroyOnClose !== void 0 ? _props$destroyOnClose : true
203
203
  };
204
204
  var newProps = _objectSpread(_objectSpread(_objectSpread({
205
- maskClosable: false,
206
- // destroyOnClose: true,
207
- width: 700
205
+ mask: {
206
+ closable: false
207
+ },
208
+ width: 700,
209
+ focusable: {
210
+ autoFocusButton: null,
211
+ focusTriggerAfterClose: true,
212
+ trap: false
213
+ }
208
214
  }, props), legacyProps), {}, {
209
215
  closable: false,
210
216
  open: open,
211
217
  title: title,
212
218
  wrapClassName: (0, _classnames2.default)(prefixCls, hashId, wrapClassName, _defineProperty({}, "".concat(prefixCls, "-maxClass"), isFull ? true : false), classId.current),
213
- // bodyStyle,
214
219
  onCancel: onCancel,
215
220
  style: _objectSpread(_objectSpread({}, props.style), isFull ? {} : transformStyle)
216
221
  });
@@ -25,11 +25,13 @@ var genVtxModalStyle = function genVtxModalStyle(token) {
25
25
  padding: 0
26
26
  },
27
27
  '.ant-modal-body': {
28
- maxHeight: 'calc(100% - 108px)',
28
+ height: 'calc(100% - 108px)',
29
29
  padding: '12px 20px 8px 20px',
30
- overflowY: 'auto',
31
- height: '100%'
30
+ overflowY: 'auto'
32
31
  }
32
+ },
33
+ '.ant-modal-container': {
34
+ padding: 0
33
35
  }
34
36
  }
35
37
  }, '&-title', _defineProperty(_defineProperty(_defineProperty({
@@ -26,7 +26,7 @@ function Content(props) {
26
26
  height = props.height;
27
27
  var contentClass = (0, _classnames2.default)(_defineProperty(_defineProperty(_defineProperty({}, 'vtx-page-content-absolute', !relative), 'vtx-page-content-relative', relative), 'vtx-page-content-scroll-y', scrollY), className);
28
28
  var newStyle = style;
29
- if ('height' in props) {
29
+ if (height !== undefined) {
30
30
  newStyle = _objectSpread(_objectSpread({}, newStyle), {}, {
31
31
  height: height
32
32
  });
@@ -12,16 +12,10 @@ var _style = require("./style");
12
12
  var _vtxProvider = require("../vtx-provider");
13
13
  var _jsxRuntime = require("react/jsx-runtime");
14
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
16
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
17
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
18
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
19
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
20
- function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /**
15
+ /**
21
16
  * 页面
22
17
  * @param {*} props
23
- */
24
- var Page = function Page(props) {
18
+ */var Page = function Page(props) {
25
19
  var _useContext = (0, _react.useContext)(_vtxProvider.VtxProvider),
26
20
  getPrefixCls = _useContext.getPrefixCls;
27
21
  var prefix = getPrefixCls('page', props.prefixCls);
@@ -55,7 +49,7 @@ var Content = function Content(props) {
55
49
  hashId = _useStyle2.hashId;
56
50
  return wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
57
51
  className: (0, _classnames.default)("".concat(prefix, "-tab-content"), className, hashId),
58
- style: _objectSpread({}, style),
52
+ style: style,
59
53
  children: props.children
60
54
  }));
61
55
  };
@@ -133,15 +133,25 @@ Content.propTypes = {
133
133
  */
134
134
  var Table = function Table(props) {
135
135
  var className = props.className,
136
- style = props.style;
136
+ style = props.style,
137
+ children = props.children;
137
138
  var _useContext3 = (0, _react.useContext)(StoreCtx),
138
139
  searchCollapseEvent$ = _useContext3.searchCollapseEvent$;
140
+
141
+ // 安全检查:如果不是有效的 React 元素,直接渲染不注入 props
142
+ if (! /*#__PURE__*/_react.default.isValidElement(children)) {
143
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
144
+ className: (0, _classnames.default)('vtx-page-table-wrap', className),
145
+ style: style,
146
+ children: children
147
+ });
148
+ }
139
149
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
140
- className: (0, _classnames.default)('vtx-page-table-wrap', className ? className : ''),
150
+ className: (0, _classnames.default)('vtx-page-table-wrap', className),
141
151
  style: style,
142
- children: /*#__PURE__*/_react.default.cloneElement(props.children, _objectSpread(_objectSpread({}, props.children.props), {}, {
152
+ children: /*#__PURE__*/_react.default.cloneElement(children, {
143
153
  searchCollapseEvent$: searchCollapseEvent$
144
- }))
154
+ })
145
155
  });
146
156
  };
147
157
  Table.propTypes = {
@@ -19,7 +19,8 @@ function TableWrap(props) {
19
19
  var relative = props.relative,
20
20
  height = props.height,
21
21
  style = props.style,
22
- className = props.className;
22
+ className = props.className,
23
+ children = props.children;
23
24
  var tableClass = (0, _classnames2.default)(_defineProperty(_defineProperty({}, 'vtx-table-wrapper-absolute', !relative), 'vtx-table-wrapper-relative', relative), className);
24
25
  var newStyle = style;
25
26
  if (relative && 'height' in props) {
@@ -30,7 +31,7 @@ function TableWrap(props) {
30
31
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
31
32
  className: tableClass,
32
33
  style: newStyle,
33
- children: props.children
34
+ children: children
34
35
  });
35
36
  }
36
37
  var _default = exports.default = TableWrap;
@@ -11,16 +11,10 @@ var _style = require("./style");
11
11
  var _vtxProvider = require("../vtx-provider");
12
12
  var _jsxRuntime = require("react/jsx-runtime");
13
13
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
14
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
15
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
16
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
17
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
18
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
19
- function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /**
14
+ /**
20
15
  * 页面
21
16
  * @param {*} props
22
- */
23
- var Page = function Page(props) {
17
+ */var Page = function Page(props) {
24
18
  var _useContext = (0, _react.useContext)(_vtxProvider.VtxProvider),
25
19
  getPrefixCls = _useContext.getPrefixCls;
26
20
  var prefix = getPrefixCls('page', props.prefixCls);
@@ -54,7 +48,7 @@ var Content = function Content(props) {
54
48
  hashId = _useStyle2.hashId;
55
49
  return wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
56
50
  className: (0, _classnames.default)("".concat(prefix, "-tree-content"), className, hashId),
57
- style: _objectSpread({}, style),
51
+ style: style,
58
52
  children: props.children
59
53
  }));
60
54
  };
@@ -67,7 +61,7 @@ var Tree = function Tree(props) {
67
61
  var className = props.className,
68
62
  style = props.style;
69
63
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
70
- className: (0, _classnames.default)('vtx-page-tree-wrap', className ? className : ''),
64
+ className: (0, _classnames.default)('vtx-page-tree-wrap', className),
71
65
  style: style,
72
66
  children: props.children
73
67
  });
@@ -50,11 +50,12 @@ function Container() {
50
50
  className = _this$props.className,
51
51
  top = _this$props.top,
52
52
  space = _this$props.space;
53
- var wrapClass = (0, _classnames2.default)(_defineProperty({}, componentClass, true), className);
54
- var newStyle = _objectSpread({
55
- top: top,
53
+ var wrapClass = (0, _classnames2.default)(_defineProperty({}, componentClass, !!componentClass), className);
54
+ var newStyle = _objectSpread(_objectSpread(_objectSpread({}, top !== undefined && {
55
+ top: top
56
+ }), space !== undefined && {
56
57
  padding: space
57
- }, style);
58
+ }), style);
58
59
  var newProps = {
59
60
  className: wrapClass,
60
61
  style: newStyle
@@ -65,7 +66,7 @@ function Container() {
65
66
  return HOC;
66
67
  }(_react.default.Component), _defineProperty(_class, "displayName", "HOC(".concat(getDisplayName(WrappedComponend), ")")), _defineProperty(_class, "propTypes", {
67
68
  top: _propTypes.default.number,
68
- space: _propTypes.default.number || _propTypes.default.string,
69
+ space: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
69
70
  style: _propTypes.default.object,
70
71
  className: _propTypes.default.string
71
72
  }), _class;
@@ -103,7 +103,7 @@ var genVtxStyle = function genVtxStyle(token) {
103
103
  '&-wrap': _objectSpread(_objectSpread({}, absolute()), {}, {
104
104
  backgroundColor: token.colorBgContainer,
105
105
  borderRadius: token.borderRadiusLG,
106
- padding: '0 20px'
106
+ padding: '0 20px 20px 20px'
107
107
  }),
108
108
  '&-card': {
109
109
  background: token.colorBgContainer,
@@ -116,7 +116,9 @@ var genVtxStyle = function genVtxStyle(token) {
116
116
  '&-left': _defineProperty(_defineProperty({}, "".concat(componentCls, "-ztree-search"), {
117
117
  right: 0
118
118
  }), '.ant-vtx-tree-wraaper', {})
119
- })), "".concat(componentCls, "-button-wrap"), _defineProperty({}, "button + button", {
119
+ })), "".concat(componentCls, "-button-wrap"), _defineProperty(_defineProperty({}, "button + button", {
120
+ marginLeft: 8
121
+ }), "button + .vtx-export-async", {
120
122
  marginLeft: 8
121
123
  }));
122
124
  };
@@ -68,6 +68,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
68
68
  function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
69
69
  function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
70
70
  function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
71
+ // 调接口前剔除无效字段,节省流量
71
72
  var omitUndefined = function omitUndefined(obj) {
72
73
  var newObj = {};
73
74
  Object.keys(obj || {}).forEach(function (key) {
@@ -104,7 +105,7 @@ var VtxConfigContext = exports.VtxConfigContext = /*#__PURE__*/_react.default.cr
104
105
  hashed: true,
105
106
  dark: false,
106
107
  token: _objectSpread(_objectSpread({}, _antd.theme.getDesignToken()), {}, {
107
- proComponentsCls: '.ant-pro',
108
+ vtxComponentsCls: '.vtx',
108
109
  antCls: '.ant',
109
110
  themeId: 0
110
111
  }),
@@ -164,9 +165,9 @@ var ConfigProviderContainer = function ConfigProviderContainer(props) {
164
165
  * @example .ant-pro
165
166
  */
166
167
 
167
- var proComponentsCls = prefixCls ? ".".concat(prefixCls) : ".".concat(getPrefixCls(), "-pro");
168
+ var vtxComponentsCls = prefixCls ? ".".concat(prefixCls) : ".vtx";
168
169
  var antCls = '.' + getPrefixCls();
169
- var salt = "".concat(proComponentsCls);
170
+ var salt = "".concat(vtxComponentsCls);
170
171
  /**
171
172
  * 合并一下token,不然导致嵌套 token 失效
172
173
  */
@@ -177,21 +178,22 @@ var ConfigProviderContainer = function ConfigProviderContainer(props) {
177
178
  var _proProvide$intl;
178
179
  var localeName = locale === null || locale === void 0 ? void 0 : locale.locale;
179
180
  var key = (0, _intl.findIntlKeyByAntdLocaleKey)(localeName);
181
+
180
182
  // antd 的 key 存在的时候以 antd 的为主
181
183
  var resolvedIntl = intl !== null && intl !== void 0 ? intl : localeName && ((_proProvide$intl = proProvide.intl) === null || _proProvide$intl === void 0 ? void 0 : _proProvide$intl.locale) === 'default' ? _intl.intlMap[key] : proProvide.intl || _intl.intlMap[key];
182
184
  return _objectSpread(_objectSpread({}, proProvide), {}, {
183
185
  dark: dark !== null && dark !== void 0 ? dark : proProvide.dark,
184
186
  token: (0, _merge.merge)(proProvide.token, tokenContext.token, {
185
- proComponentsCls: proComponentsCls,
187
+ vtxComponentsCls: vtxComponentsCls,
186
188
  antCls: antCls,
187
189
  themeId: tokenContext.theme.id,
188
190
  layout: proLayoutTokenMerge
189
191
  }),
190
192
  intl: resolvedIntl || _intl.zhCNIntl
191
193
  });
192
- }, [locale === null || locale === void 0 ? void 0 : locale.locale, proProvide, dark, tokenContext.token, tokenContext.theme.id, proComponentsCls, antCls, proLayoutTokenMerge, intl]);
194
+ }, [locale === null || locale === void 0 ? void 0 : locale.locale, proProvide, dark, tokenContext.token, tokenContext.theme.id, antCls, proLayoutTokenMerge, intl]);
193
195
  var finalToken = _objectSpread(_objectSpread({}, proProvideValue.token || {}), {}, {
194
- proComponentsCls: proComponentsCls
196
+ vtxComponentsCls: vtxComponentsCls
195
197
  });
196
198
  var _useCacheToken = (0, _cssinjs.useCacheToken)(tokenContext.theme, [tokenContext.token, finalToken !== null && finalToken !== void 0 ? finalToken : {}], {
197
199
  salt: salt,
@@ -270,7 +272,7 @@ var ConfigProviderContainer = function ConfigProviderContainer(props) {
270
272
  * @returns
271
273
  */
272
274
  var VtxConfigProvider = exports.VtxConfigProvider = function VtxConfigProvider(props) {
273
- var _theme$components;
275
+ var _theme$components, _theme$components2;
274
276
  var propsTheme = props.theme,
275
277
  propsLocale = props.locale,
276
278
  needDeps = props.needDeps,
@@ -297,18 +299,25 @@ var VtxConfigProvider = exports.VtxConfigProvider = function VtxConfigProvider(p
297
299
  borderRadius: 8,
298
300
  borderRadiusLG: 12,
299
301
  borderRadiusSM: 4
300
- }, dark ? {} : _defineProperty(_defineProperty(_defineProperty(_defineProperty({
302
+ }, dark ? {
303
+ colorBgLayoutTable: '#111'
304
+ } : _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
301
305
  colorPrimary: '#3A6DFF',
306
+ colorLink: '#3A6DFF',
302
307
  colorText: '#29343D',
303
308
  colorTextSecondary: '#78829D',
304
309
  colorBorder: '#DCDFE6',
305
310
  colorTextPlaceholder: '#BFC3CB',
306
311
  colorFillAlter: '#F5F7FA'
307
- }, "colorFillAlter", '#F5F7FA'), "colorTextPlaceholder", '#BFC3CB'), "colorFillAlterSolid", '#F5F7FA'), "colorBgLayout", '#FAFAFA')), theme.token);
312
+ }, "colorFillAlter", '#F5F7FA'), "colorTextPlaceholder", '#BFC3CB'), "colorFillAlterSolid", '#F5F7FA'), "colorBgLayout", '#F0F2F5'), "colorBgLayoutTable", '#FAFAFA')), theme.token);
308
313
  theme.components = _objectSpread(_objectSpread({}, theme.components), {}, {
309
314
  Table: _objectSpread({
310
315
  headerBorderRadius: 0
311
- }, (_theme$components = theme.components) === null || _theme$components === void 0 ? void 0 : _theme$components.Table)
316
+ }, (_theme$components = theme.components) === null || _theme$components === void 0 ? void 0 : _theme$components.Table),
317
+ Modal: _objectSpread({
318
+ contentPadding: 0,
319
+ bodyPadding: 0
320
+ }, (_theme$components2 = theme.components) === null || _theme$components2 === void 0 ? void 0 : _theme$components2.Modal)
312
321
  });
313
322
 
314
323
  // 自动注入 antd 的配置
@@ -48,6 +48,7 @@ var _default = exports.default = {
48
48
  noFixedTitle: 'Not Fixed',
49
49
  reset: 'Reset',
50
50
  columnDisplay: 'Column Display',
51
+ columnAll: 'All',
51
52
  columnSetting: 'Table Settings',
52
53
  fullScreen: 'Full Screen',
53
54
  exitFullScreen: 'Exit Full Screen',
@@ -56,7 +57,12 @@ var _default = exports.default = {
56
57
  densityDefault: 'Default',
57
58
  densityLarger: 'Larger',
58
59
  densityMiddle: 'Middle',
59
- densitySmall: 'Compact'
60
+ densitySmall: 'Compact',
61
+ messageWarningOneText: 'Please select at least one column to save',
62
+ messageSuccessText: 'Operation successful',
63
+ striped: 'Striped',
64
+ border: 'Border',
65
+ headerBackground: 'Header Background'
60
66
  },
61
67
  stepsForm: {
62
68
  next: 'Next',
@@ -125,6 +131,8 @@ var _default = exports.default = {
125
131
  operation: 'Import',
126
132
  error: 'Upload failed',
127
133
  success: 'Upload successful',
134
+ selectFile: 'Click to select file',
135
+ noFileSelected: "No file selected",
128
136
  downloadTemplate: 'Download template',
129
137
  pleaseSelectFile: 'Please select the file to upload',
130
138
  upload: 'Upload',
@@ -148,7 +156,9 @@ var _default = exports.default = {
148
156
  delete: 'Delete',
149
157
  add: 'Add',
150
158
  import: 'Import',
151
- export: 'Export'
159
+ export: 'Export',
160
+ queryResults: 'Query results',
161
+ deleteConfirm: 'Are you sure you want to delete'
152
162
  },
153
163
  select: {
154
164
  selectAll: 'Select All',
@@ -180,8 +190,58 @@ var _default = exports.default = {
180
190
  download: 'Download'
181
191
  },
182
192
  wangEditor: {
183
- imageInsertionFailed: 'Image Insertion Failed',
184
- videoInsertionFailed: 'Video Insertion Failed',
185
- attachmentInsertionFailed: 'Attachment Insertion Failed'
193
+ messageOverSizeText: 'Exceeds file size limit, maximum file size is',
194
+ messageUploadFailText: 'Upload error',
195
+ messageInsertImgFailText: 'Image Insertion Failed',
196
+ messageInsertVideoFailText: 'Video Insertion Failed',
197
+ messageInsertAttachmentFailText: 'Attachment Insertion Failed'
198
+ },
199
+ envPuzzle: {
200
+ common: {
201
+ startTime: 'Start time',
202
+ endTime: 'End time',
203
+ confirm: 'OK',
204
+ prompt: 'Prompt'
205
+ },
206
+ createModal: {
207
+ clear: 'Clear',
208
+ required: '{label} is required',
209
+ whitespace: '{label} cannot contain only whitespace'
210
+ },
211
+ template: {
212
+ selectedPrefix: 'Selected',
213
+ selectedSuffix: 'items',
214
+ clearSelected: 'Clear',
215
+ deleteItemConfirm: 'Delete this item?',
216
+ deleteRowConfirm: 'Confirm delete?',
217
+ deleteSelectedConfirm: 'Delete the selected {count} records?',
218
+ exportSelectedRows: 'Export selected rows',
219
+ exportCurrentPage: 'Export current page',
220
+ exportAll: 'Export all',
221
+ exportAllFields: 'Export all fields',
222
+ exportingFile: 'Exporting file...',
223
+ paginationTotal: 'Total {total} records'
224
+ },
225
+ import: {
226
+ rowNumber: 'Row',
227
+ errorMessage: 'Error message',
228
+ pleaseUploadFile: 'Please upload a file',
229
+ uploadFile: 'Upload file'
230
+ },
231
+ map: {
232
+ goToMap: 'Open map',
233
+ locate: 'Locate',
234
+ calibrate: 'Calibrate',
235
+ redraw: 'Redraw',
236
+ keywordPlaceholder: 'Enter keywords',
237
+ invalidLayerOptions: 'data and options cannot be empty, and map is required'
238
+ },
239
+ upload: {
240
+ downloading: 'Downloading...',
241
+ pictureUnit: 'files'
242
+ },
243
+ request: {
244
+ operationFailed: 'Operation failed'
245
+ }
186
246
  }
187
247
  };
@@ -59,7 +59,10 @@ var _default = exports.default = {
59
59
  densityMiddle: '中等',
60
60
  densitySmall: '紧凑',
61
61
  messageWarningOneText: '至少勾选一列保存',
62
- messageSuccessText: '操作成功'
62
+ messageSuccessText: '操作成功',
63
+ striped: '斑马纹',
64
+ border: '边框',
65
+ headerBackground: '表头背景'
63
66
  },
64
67
  stepsForm: {
65
68
  next: '下一步',
@@ -127,6 +130,8 @@ var _default = exports.default = {
127
130
  operation: '导入',
128
131
  error: '上传失败',
129
132
  success: '上传成功',
133
+ selectFile: '选择文件',
134
+ noFileSelected: "未选择任何文件",
130
135
  downloadTemplate: '下载模板',
131
136
  pleaseSelectFile: '请选择需要上传的文件',
132
137
  upload: '上传',
@@ -150,7 +155,9 @@ var _default = exports.default = {
150
155
  delete: '删除',
151
156
  add: '新增',
152
157
  import: '导入',
153
- export: '导出'
158
+ export: '导出',
159
+ queryResults: '查询结果',
160
+ deleteConfirm: '是否确认删除'
154
161
  },
155
162
  select: {
156
163
  selectAll: '全选',
@@ -182,8 +189,71 @@ var _default = exports.default = {
182
189
  download: '下载'
183
190
  },
184
191
  wangEditor: {
185
- imageInsertionFailed: '插入图片失败',
186
- videoInsertionFailed: '插入视频失败',
187
- attachmentInsertionFailed: '插入附件失败'
192
+ messageOverSizeText: '超过文件大小限制,最大文件大小为',
193
+ messageUploadFailText: '上传出错',
194
+ messageInsertImgFailText: '插入图片失败',
195
+ messageInsertVideoFailText: '插入视频失败',
196
+ messageInsertAttachmentFailText: '插入附件失败'
197
+ },
198
+ colorPicker: {
199
+ primary: '主要',
200
+ // 主色调
201
+ danger: '红色',
202
+ // 危险/错误
203
+ success: '绿色',
204
+ // 成功
205
+ info: '青色',
206
+ // 信息/提示
207
+ basic: '基础颜色',
208
+ // 基础色板
209
+ chart: '图表颜色' // 图表专用色
210
+ },
211
+ envPuzzle: {
212
+ common: {
213
+ startTime: '开始时间',
214
+ endTime: '结束时间',
215
+ confirm: '确定',
216
+ prompt: '提示'
217
+ },
218
+ createModal: {
219
+ clear: '清空',
220
+ required: '{label}不能为空',
221
+ whitespace: '{label}不能只包含空白字符'
222
+ },
223
+ template: {
224
+ selectedPrefix: '已选择',
225
+ selectedSuffix: '项',
226
+ clearSelected: '清空',
227
+ deleteItemConfirm: '确定删除该项吗?',
228
+ deleteRowConfirm: '是否确认删除',
229
+ deleteSelectedConfirm: '确定删除选中的{count}条数据吗?',
230
+ exportSelectedRows: '导出选中行',
231
+ exportCurrentPage: '导出当前页',
232
+ exportAll: '导出全部',
233
+ exportAllFields: '导出全量字段',
234
+ exportingFile: '导出文件中...',
235
+ paginationTotal: '总共{total}条记录'
236
+ },
237
+ import: {
238
+ rowNumber: '行数',
239
+ errorMessage: '错误信息',
240
+ pleaseUploadFile: '请上传文件',
241
+ uploadFile: '上传文件'
242
+ },
243
+ map: {
244
+ goToMap: '去地图',
245
+ locate: '定位',
246
+ calibrate: '校正',
247
+ redraw: '重新绘制',
248
+ keywordPlaceholder: '请输入关键字',
249
+ invalidLayerOptions: 'data,options 不能为空或者是map对象没有'
250
+ },
251
+ upload: {
252
+ downloading: '下载中...',
253
+ pictureUnit: '张'
254
+ },
255
+ request: {
256
+ operationFailed: '操作失败'
257
+ }
188
258
  }
189
259
  };