@zat-design/sisyphus-react 3.3.1-beta.10 → 3.3.1-beta.11

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 (6) hide show
  1. package/dist/index.esm.css +9 -0
  2. package/es/ProForm/components/combination/Group/style/index.less +12 -0
  3. package/es/ProTooltip/index.js +6 -17
  4. package/lib/ProForm/components/combination/Group/style/index.less +12 -0
  5. package/lib/ProTooltip/index.js +5 -16
  6. package/package.json +1 -1
package/dist/index.esm.css CHANGED
@@ -2259,6 +2259,15 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
2259
2259
  align-items: center;
2260
2260
  width: 100%;
2261
2261
  }
2262
+ .pro-group .ant-space-compact > .ant-input-number:first-child {
2263
+ border-end-end-radius: 0;
2264
+ border-start-end-radius: 0;
2265
+ }
2266
+ .pro-group .ant-space-compact > .ant-input-number:last-child {
2267
+ border-start-start-radius: 0;
2268
+ border-end-start-radius: 0;
2269
+ margin-left: -1px;
2270
+ }
2262
2271
  .pro-group .ant-space-compact .ant-form-item {
2263
2272
  margin-bottom: 0 !important;
2264
2273
  }
package/es/ProForm/components/combination/Group/style/index.less CHANGED
@@ -52,6 +52,18 @@
52
52
  align-items: center;
53
53
  width: 100%;
54
54
 
55
+ &>.@{ant-prefix}-input-number{
56
+ &:first-child{
57
+ border-end-end-radius: 0;
58
+ border-start-end-radius: 0;
59
+ }
60
+ &:last-child{
61
+ border-start-start-radius: 0;
62
+ border-end-start-radius: 0;
63
+ margin-left: -1px;
64
+ }
65
+ }
66
+
55
67
  .@{ant-prefix}-form-item {
56
68
  margin-bottom: 0 !important;
57
69
  }
package/es/ProTooltip/index.js CHANGED
@@ -6,7 +6,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
6
6
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
7
7
  var _excluded = ["text", "mode", "width", "line", "isResponsiveWidth", "className", "style", "lineHeight"];
8
8
  import { jsx as _jsx } from "react/jsx-runtime";
9
- import { useSize, useSetState, useDebounce } from 'ahooks';
9
+ import { useSize, useSetState, useDebounce, useDebounceEffect } from 'ahooks';
10
10
  import { useEffect, useRef } from 'react';
11
11
  import classnames from 'classnames';
12
12
  import './style/index.less';
@@ -135,25 +135,12 @@ var ProTooltip = function ProTooltip(props) {
135
135
  }
136
136
  return line > 1 ? _jsx(AutoMixinMulti, {}) : _jsx(AutoMixinSingle, {});
137
137
  };
138
- useEffect(function () {
138
+ useDebounceEffect(function () {
139
139
  if (isResponsiveWidth && parentElement) {
140
- var _contentDom$style$wid;
141
140
  var cWidth = parentElement.clientWidth - 32;
142
141
  var contentDom = childRef.current;
143
- var flag = false;
144
- var styleWidth = Number((_contentDom$style$wid = contentDom.style.width) === null || _contentDom$style$wid === void 0 ? void 0 : _contentDom$style$wid.replace('px', ''));
145
- if (contentDom.offsetWidth < styleWidth) {
146
- flag = contentDom.scrollWidth > styleWidth;
147
- } else if (contentDom.offsetWidth === styleWidth && contentDom.scrollWidth === styleWidth && contentDom.clientWidth === styleWidth) {
148
- flag = false;
149
- } else {
150
- flag = contentDom.scrollWidth > contentDom.clientWidth;
151
- }
152
- if (parentElement.scrollWidth > parentElement.clientWidth) {
153
- flag = true;
154
- }
155
142
  setState({
156
- isShowToolTip: flag,
143
+ isShowToolTip: contentDom.scrollWidth > contentDom.offsetWidth,
157
144
  localWidth: cWidth
158
145
  });
159
146
  }
@@ -162,7 +149,9 @@ var ProTooltip = function ProTooltip(props) {
162
149
  localWidth: _width
163
150
  });
164
151
  }
165
- }, [isResponsiveWidth, size]);
152
+ }, [isResponsiveWidth, size], {
153
+ wait: 300
154
+ });
166
155
  useEffect(function () {
167
156
  if (mode === 'auto' && line === 1) {
168
157
  var localDom = ref.current;
package/lib/ProForm/components/combination/Group/style/index.less CHANGED
@@ -52,6 +52,18 @@
52
52
  align-items: center;
53
53
  width: 100%;
54
54
 
55
+ &>.@{ant-prefix}-input-number{
56
+ &:first-child{
57
+ border-end-end-radius: 0;
58
+ border-start-end-radius: 0;
59
+ }
60
+ &:last-child{
61
+ border-start-start-radius: 0;
62
+ border-end-start-radius: 0;
63
+ margin-left: -1px;
64
+ }
65
+ }
66
+
55
67
  .@{ant-prefix}-form-item {
56
68
  margin-bottom: 0 !important;
57
69
  }
package/lib/ProTooltip/index.js CHANGED
@@ -141,25 +141,12 @@ var ProTooltip = function ProTooltip(props) {
141
141
  }
142
142
  return line > 1 ? (0, _jsxRuntime.jsx)(AutoMixinMulti, {}) : (0, _jsxRuntime.jsx)(AutoMixinSingle, {});
143
143
  };
144
- (0, _react.useEffect)(function () {
144
+ (0, _ahooks.useDebounceEffect)(function () {
145
145
  if (isResponsiveWidth && parentElement) {
146
- var _contentDom$style$wid;
147
146
  var cWidth = parentElement.clientWidth - 32;
148
147
  var contentDom = childRef.current;
149
- var flag = false;
150
- var styleWidth = Number((_contentDom$style$wid = contentDom.style.width) === null || _contentDom$style$wid === void 0 ? void 0 : _contentDom$style$wid.replace('px', ''));
151
- if (contentDom.offsetWidth < styleWidth) {
152
- flag = contentDom.scrollWidth > styleWidth;
153
- } else if (contentDom.offsetWidth === styleWidth && contentDom.scrollWidth === styleWidth && contentDom.clientWidth === styleWidth) {
154
- flag = false;
155
- } else {
156
- flag = contentDom.scrollWidth > contentDom.clientWidth;
157
- }
158
- if (parentElement.scrollWidth > parentElement.clientWidth) {
159
- flag = true;
160
- }
161
148
  setState({
162
- isShowToolTip: flag,
149
+ isShowToolTip: contentDom.scrollWidth > contentDom.offsetWidth,
163
150
  localWidth: cWidth
164
151
  });
165
152
  }
@@ -168,7 +155,9 @@ var ProTooltip = function ProTooltip(props) {
168
155
  localWidth: _width
169
156
  });
170
157
  }
171
- }, [isResponsiveWidth, size]);
158
+ }, [isResponsiveWidth, size], {
159
+ wait: 300
160
+ });
172
161
  (0, _react.useEffect)(function () {
173
162
  if (mode === 'auto' && line === 1) {
174
163
  var localDom = ref.current;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zat-design/sisyphus-react",
3
- "version": "3.3.1-beta.10",
3
+ "version": "3.3.1-beta.11",
4
4
  "license": "Apache-2.0",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",