@sheinx/hooks 3.0.0-alpha.12 → 3.0.0-alpha.14

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 (7) hide show
  1. package/cjs/components/use-table/use-table-layout.d.ts +1 -0
  2. package/cjs/components/use-table/use-table-layout.d.ts.map +1 -1
  3. package/cjs/components/use-table/use-table-layout.js +25 -12
  4. package/esm/components/use-table/use-table-layout.d.ts +1 -0
  5. package/esm/components/use-table/use-table-layout.d.ts.map +1 -1
  6. package/esm/components/use-table/use-table-layout.js +25 -12
  7. package/package.json +1 -1
package/cjs/components/use-table/use-table-layout.d.ts CHANGED
@@ -24,6 +24,7 @@ declare const useTableLayout: (props: UseTableLayoutProps) => {
24
24
  shouldLastColAuto: boolean | undefined;
25
25
  scrollWidth: number;
26
26
  maxScrollLeft: number;
27
+ resizeFlag: number;
27
28
  };
28
29
  export default useTableLayout;
29
30
  //# sourceMappingURL=use-table-layout.d.ts.map
package/cjs/components/use-table/use-table-layout.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"use-table-layout.d.ts","sourceRoot":"","sources":["use-table-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAKlE,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAcrE,MAAM,WAAW,mBACf,SAAQ,IAAI,CACV,cAAc,CAAC,GAAG,CAAC,EACnB,MAAM,GAAG,kBAAkB,GAAG,iBAAiB,GAAG,gBAAgB,GAAG,OAAO,CAC7E;IACD,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACvC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;CACzC;AAED,QAAA,MAAM,cAAc,UAAW,mBAAmB;;;;;;;;;;;yBA6CX,MAAM,UAAU,MAAM;;;;;;;CAwL5D,CAAC;AAEF,eAAe,cAAc,CAAC"}
1
+ {"version":3,"file":"use-table-layout.d.ts","sourceRoot":"","sources":["use-table-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAKlE,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAcrE,MAAM,WAAW,mBACf,SAAQ,IAAI,CACV,cAAc,CAAC,GAAG,CAAC,EACnB,MAAM,GAAG,kBAAkB,GAAG,iBAAiB,GAAG,gBAAgB,GAAG,OAAO,CAC7E;IACD,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACvC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;CACzC;AAED,QAAA,MAAM,cAAc,UAAW,mBAAmB;;;;;;;;;;;yBA8CX,MAAM,UAAU,MAAM;;;;;;;;CAgM5D,CAAC;AAEF,eAAe,cAAc,CAAC"}
package/cjs/components/use-table/use-table-layout.js CHANGED
@@ -71,22 +71,26 @@ var useTableLayout = function useTableLayout(props) {
71
71
  setFloatRight = _React$useState10[1];
72
72
  var _React$useState11 = _react.default.useState(0),
73
73
  _React$useState12 = (0, _slicedToArray2.default)(_React$useState11, 2),
74
- scrollBarWidth = _React$useState12[0],
75
- setScrollBarWidth = _React$useState12[1];
74
+ resizeFlag = _React$useState12[0],
75
+ setResizeFlag = _React$useState12[1];
76
76
  var _React$useState13 = _react.default.useState(0),
77
77
  _React$useState14 = (0, _slicedToArray2.default)(_React$useState13, 2),
78
- scrollWidth = _React$useState14[0],
79
- setScrollWidth = _React$useState14[1];
80
- var _React$useState15 = _react.default.useState(props.columns.map(function (v) {
78
+ scrollBarWidth = _React$useState14[0],
79
+ setScrollBarWidth = _React$useState14[1];
80
+ var _React$useState15 = _react.default.useState(0),
81
+ _React$useState16 = (0, _slicedToArray2.default)(_React$useState15, 2),
82
+ scrollWidth = _React$useState16[0],
83
+ setScrollWidth = _React$useState16[1];
84
+ var _React$useState17 = _react.default.useState(props.columns.map(function (v) {
81
85
  return v.width;
82
86
  })),
83
- _React$useState16 = (0, _slicedToArray2.default)(_React$useState15, 2),
84
- colgroup = _React$useState16[0],
85
- setColgroup = _React$useState16[1];
86
- var _React$useState17 = _react.default.useState(true),
87
87
  _React$useState18 = (0, _slicedToArray2.default)(_React$useState17, 2),
88
- adjust = _React$useState18[0],
89
- setAdjust = _React$useState18[1];
88
+ colgroup = _React$useState18[0],
89
+ setColgroup = _React$useState18[1];
90
+ var _React$useState19 = _react.default.useState(true),
91
+ _React$useState20 = (0, _slicedToArray2.default)(_React$useState19, 2),
92
+ adjust = _React$useState20[0],
93
+ setAdjust = _React$useState20[1];
90
94
 
91
95
  // 检查滚动状态
92
96
  var checkScroll = (0, _usePersistFn.default)(function () {
@@ -134,9 +138,17 @@ var useTableLayout = function useTableLayout(props) {
134
138
  colEl.style.width = "".concat(w, "px");
135
139
  context.dragWidth = w;
136
140
  });
141
+ var updateResizeFlag = function updateResizeFlag() {
142
+ setResizeFlag(function (v) {
143
+ return (v + 1) % 10;
144
+ });
145
+ };
137
146
  var changeColGroup = function changeColGroup(cols, adjust) {
138
147
  setColgroup(cols);
139
148
  setAdjust(adjust);
149
+ if (!adjust) {
150
+ updateResizeFlag();
151
+ }
140
152
  };
141
153
 
142
154
  // 完成拖拽
@@ -293,7 +305,8 @@ var useTableLayout = function useTableLayout(props) {
293
305
  width: typeof props.width === 'number' ? props.width + deltaXSum : props.width,
294
306
  shouldLastColAuto: props.columnResizable && !adjust,
295
307
  scrollWidth: scrollWidth,
296
- maxScrollLeft: scrollWidth - context.clientWidth
308
+ maxScrollLeft: scrollWidth - context.clientWidth,
309
+ resizeFlag: resizeFlag
297
310
  };
298
311
  };
299
312
  var _default = useTableLayout;
package/esm/components/use-table/use-table-layout.d.ts CHANGED
@@ -24,6 +24,7 @@ declare const useTableLayout: (props: UseTableLayoutProps) => {
24
24
  shouldLastColAuto: boolean | undefined;
25
25
  scrollWidth: number;
26
26
  maxScrollLeft: number;
27
+ resizeFlag: number;
27
28
  };
28
29
  export default useTableLayout;
29
30
  //# sourceMappingURL=use-table-layout.d.ts.map
package/esm/components/use-table/use-table-layout.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"use-table-layout.d.ts","sourceRoot":"","sources":["use-table-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAKlE,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAcrE,MAAM,WAAW,mBACf,SAAQ,IAAI,CACV,cAAc,CAAC,GAAG,CAAC,EACnB,MAAM,GAAG,kBAAkB,GAAG,iBAAiB,GAAG,gBAAgB,GAAG,OAAO,CAC7E;IACD,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACvC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;CACzC;AAED,QAAA,MAAM,cAAc,UAAW,mBAAmB;;;;;;;;;;;yBA6CX,MAAM,UAAU,MAAM;;;;;;;CAwL5D,CAAC;AAEF,eAAe,cAAc,CAAC"}
1
+ {"version":3,"file":"use-table-layout.d.ts","sourceRoot":"","sources":["use-table-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAKlE,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAcrE,MAAM,WAAW,mBACf,SAAQ,IAAI,CACV,cAAc,CAAC,GAAG,CAAC,EACnB,MAAM,GAAG,kBAAkB,GAAG,iBAAiB,GAAG,gBAAgB,GAAG,OAAO,CAC7E;IACD,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACvC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;CACzC;AAED,QAAA,MAAM,cAAc,UAAW,mBAAmB;;;;;;;;;;;yBA8CX,MAAM,UAAU,MAAM;;;;;;;;CAgM5D,CAAC;AAEF,eAAe,cAAc,CAAC"}
package/esm/components/use-table/use-table-layout.js CHANGED
@@ -71,22 +71,26 @@ var useTableLayout = function useTableLayout(props) {
71
71
  setFloatRight = _React$useState10[1];
72
72
  var _React$useState11 = _react.default.useState(0),
73
73
  _React$useState12 = (0, _slicedToArray2.default)(_React$useState11, 2),
74
- scrollBarWidth = _React$useState12[0],
75
- setScrollBarWidth = _React$useState12[1];
74
+ resizeFlag = _React$useState12[0],
75
+ setResizeFlag = _React$useState12[1];
76
76
  var _React$useState13 = _react.default.useState(0),
77
77
  _React$useState14 = (0, _slicedToArray2.default)(_React$useState13, 2),
78
- scrollWidth = _React$useState14[0],
79
- setScrollWidth = _React$useState14[1];
80
- var _React$useState15 = _react.default.useState(props.columns.map(function (v) {
78
+ scrollBarWidth = _React$useState14[0],
79
+ setScrollBarWidth = _React$useState14[1];
80
+ var _React$useState15 = _react.default.useState(0),
81
+ _React$useState16 = (0, _slicedToArray2.default)(_React$useState15, 2),
82
+ scrollWidth = _React$useState16[0],
83
+ setScrollWidth = _React$useState16[1];
84
+ var _React$useState17 = _react.default.useState(props.columns.map(function (v) {
81
85
  return v.width;
82
86
  })),
83
- _React$useState16 = (0, _slicedToArray2.default)(_React$useState15, 2),
84
- colgroup = _React$useState16[0],
85
- setColgroup = _React$useState16[1];
86
- var _React$useState17 = _react.default.useState(true),
87
87
  _React$useState18 = (0, _slicedToArray2.default)(_React$useState17, 2),
88
- adjust = _React$useState18[0],
89
- setAdjust = _React$useState18[1];
88
+ colgroup = _React$useState18[0],
89
+ setColgroup = _React$useState18[1];
90
+ var _React$useState19 = _react.default.useState(true),
91
+ _React$useState20 = (0, _slicedToArray2.default)(_React$useState19, 2),
92
+ adjust = _React$useState20[0],
93
+ setAdjust = _React$useState20[1];
90
94
 
91
95
  // 检查滚动状态
92
96
  var checkScroll = (0, _usePersistFn.default)(function () {
@@ -134,9 +138,17 @@ var useTableLayout = function useTableLayout(props) {
134
138
  colEl.style.width = "".concat(w, "px");
135
139
  context.dragWidth = w;
136
140
  });
141
+ var updateResizeFlag = function updateResizeFlag() {
142
+ setResizeFlag(function (v) {
143
+ return (v + 1) % 10;
144
+ });
145
+ };
137
146
  var changeColGroup = function changeColGroup(cols, adjust) {
138
147
  setColgroup(cols);
139
148
  setAdjust(adjust);
149
+ if (!adjust) {
150
+ updateResizeFlag();
151
+ }
140
152
  };
141
153
 
142
154
  // 完成拖拽
@@ -293,7 +305,8 @@ var useTableLayout = function useTableLayout(props) {
293
305
  width: typeof props.width === 'number' ? props.width + deltaXSum : props.width,
294
306
  shouldLastColAuto: props.columnResizable && !adjust,
295
307
  scrollWidth: scrollWidth,
296
- maxScrollLeft: scrollWidth - context.clientWidth
308
+ maxScrollLeft: scrollWidth - context.clientWidth,
309
+ resizeFlag: resizeFlag
297
310
  };
298
311
  };
299
312
  var _default = useTableLayout;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sheinx/hooks",
3
- "version": "3.0.0-alpha.12",
3
+ "version": "3.0.0-alpha.14",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "ISC",