@sheinx/hooks 3.5.0 → 3.5.1-beta.2

package/cjs/components/use-form/Provider.js

@@ -15,7 +15,8 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var topPath = {
-  path: ''
+  path: '',
+  validateFieldSet: function validateFieldSet() {}
 };
 var Provider = exports.Provider = function Provider(props) {
   var children = props.children,

package/cjs/components/use-form/use-form-control/use-form-control.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-form-control.d.ts","sourceRoot":"","sources":["use-form-control.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAyB/D,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC;;kBA2IpC,CAAC,YAAY,GAAG,EAAE;;;;;EAiDrD"}
+{"version":3,"file":"use-form-control.d.ts","sourceRoot":"","sources":["use-form-control.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAyB/D,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC;;kBAsJpC,CAAC,YAAY,GAAG,EAAE;;;;;EAkDrD"}

package/cjs/components/use-form/use-form-control/use-form-control.js

@@ -61,7 +61,8 @@ function useFormControl(props) {
       bind: props.bind
     }),
     name = _useFieldSetConsumer.name,
-    bind = _useFieldSetConsumer.bind;
+    bind = _useFieldSetConsumer.bind,
+    validateFieldSet = _useFieldSetConsumer.validateFieldSet;
   var _React$useState = _react.default.useState(undefined),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     errorState = _React$useState2[0],
@@ -158,7 +159,19 @@ function useFormControl(props) {
         bindValidate();
         return res;
       }).catch(function (e) {
-        formFunc === null || formFunc === void 0 || formFunc.setError(name, e);
+        if ((0, _is.isArray)(e)) {
+          e.forEach(function (error, index) {
+            if (error) {
+              var _Object$keys, _Object$values;
+              var fieldSetName = (_Object$keys = Object.keys(error)) === null || _Object$keys === void 0 ? void 0 : _Object$keys[0];
+              var fieldSetError = (_Object$values = Object.values(error)) === null || _Object$values === void 0 ? void 0 : _Object$values[0];
+              var na = "".concat(name, "[").concat(index, "].").concat(fieldSetName);
+              if (fieldSetName && fieldSetError) {
+                formFunc === null || formFunc === void 0 || formFunc.setError(na, fieldSetError);
+              }
+            }
+          });
+        }
         onError === null || onError === void 0 || onError(e);
         bindValidate();
         return e;
@@ -199,6 +212,7 @@ function useFormControl(props) {
       other[_key - 1] = arguments[_key];
     }
     if (onChangePo) onChangePo.apply(void 0, [v].concat(other));
+    if (validateFieldSet) validateFieldSet();
   });
   (0, _react.useEffect)(function () {
     if (inForm && controlFunc) {

package/cjs/components/use-form/use-form-fieldset/fieldset-context.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 declare const FieldsetContext: React.Context<{
     path: string;
+    validateFieldSet: () => void;
 }>;
 interface BaseFieldProps {
     bind?: string[];
@@ -9,6 +10,7 @@ interface BaseFieldProps {
 export declare const useFieldSetConsumer: <T extends BaseFieldProps>(props: T) => T & {
     name: string;
     bind: string[] | undefined;
+    validateFieldSet: () => void;
 };
 export default FieldsetContext;
 //# sourceMappingURL=fieldset-context.d.ts.map

package/cjs/components/use-form/use-form-fieldset/fieldset-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fieldset-context.d.ts","sourceRoot":"","sources":["fieldset-context.ts"],"names":[],"mappings":"AACA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAE7C,QAAA,MAAM,eAAe;;EAA8B,CAAC;AAEpD,UAAU,cAAc;IACtB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CACzB;AAiBD,eAAO,MAAM,mBAAmB;;;CAc/B,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"fieldset-context.d.ts","sourceRoot":"","sources":["fieldset-context.ts"],"names":[],"mappings":"AACA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAE7C,QAAA,MAAM,eAAe;;;EAA0D,CAAC;AAEhF,UAAU,cAAc;IACtB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CACzB;AAiBD,eAAO,MAAM,mBAAmB;;;;CAe/B,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/cjs/components/use-form/use-form-fieldset/fieldset-context.js

@@ -15,7 +15,8 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 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); }
 var FieldsetContext = /*#__PURE__*/(0, _react.createContext)({
-  path: ''
+  path: '',
+  validateFieldSet: function validateFieldSet() {}
 });
 function extendName() {
   var path = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
@@ -31,7 +32,8 @@ function extendName() {
 }
 var useFieldSetConsumer = exports.useFieldSetConsumer = function useFieldSetConsumer(props) {
   var _React$useContext = _react.default.useContext(FieldsetContext),
-    path = _React$useContext.path;
+    path = _React$useContext.path,
+    validateFieldSet = _React$useContext.validateFieldSet;
   var bind = _react.default.useMemo(function () {
     return path ? (props.bind || []).concat(path) : props.bind;
   }, [path, props.bind]);
@@ -40,7 +42,8 @@ var useFieldSetConsumer = exports.useFieldSetConsumer = function useFieldSetCons
   }, [path, props.name]);
   return _objectSpread(_objectSpread({}, props), {}, {
     name: name,
-    bind: bind
+    bind: bind,
+    validateFieldSet: validateFieldSet
   });
 };
 var _default = exports.default = FieldsetContext;

package/cjs/components/use-form/use-form-fieldset/use-form-fieldset.d.ts

@@ -3,9 +3,11 @@ import { BaseFormFieldSetProps } from './use-form-fieldset.type';
 export declare const useFormFieldSet: <T>(props: BaseFormFieldSetProps<T>) => {
     Provider: import("react").Provider<{
         path: string;
+        validateFieldSet: () => void;
     }>;
     ProviderValue: {
         path: string | (string[] & string);
+        validateFieldSet: () => void;
     };
     error: Error | undefined;
     value: T | undefined;

package/cjs/components/use-form/use-form-fieldset/use-form-fieldset.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-form-fieldset.d.ts","sourceRoot":"","sources":["use-form-fieldset.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAKjE,eAAO,MAAM,eAAe;;;;;;;;;;;CA2B3B,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"use-form-fieldset.d.ts","sourceRoot":"","sources":["use-form-fieldset.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAKjE,eAAO,MAAM,eAAe;;;;;;;;;;;;;CA4B3B,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/cjs/components/use-form/use-form-fieldset/use-form-fieldset.js

@@ -29,7 +29,8 @@ var useFormFieldSet = exports.useFormFieldSet = function useFormFieldSet(props)
     console.error('[FieldSet] should render in Form');
   }
   var ProviderValue = {
-    path: name
+    path: name,
+    validateFieldSet: function validateFieldSet() {}
   };
   return {
     Provider: _fieldsetContext.default.Provider,

package/cjs/components/use-form/use-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-form.d.ts","sourceRoot":"","sources":["use-form.ts"],"names":[],"mappings":";AA0BA,OAAO,EAEL,aAAa,EACb,YAAY,EACZ,gBAAgB,EAGjB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAe,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAI5D,QAAA,MAAM,OAAO;;;;;;;;;wBA0KC;gBAAE,QAAQ,CAAC,EAAE,OAAO,CAAC;gBAAC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;aAAE;8BAVd,MAAM;oCAkED,OAAO;;6BAfb,MAAM,KAAK,KAAK,GAAG,SAAS;;oCAdrB,MAAM,EAAE;sCAlFN,MAAM,GAAG,MAAM,EAAE,mBAAgB,QAAQ,IAAI,CAAC;qCAgJ5D,MAAM;gCA3CE,MAAM,SAAS,MAAM,UAAU,KAAK;gCAKpC,MAAM,SAAS,MAAM;;;;;;oBAnDjD;YAAE,QAAQ,CAAC,EAAE,OAAO,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;SAAE;0BAVd,MAAM;gCAkED,OAAO;;yBAfb,MAAM,KAAK,KAAK,GAAG,SAAS;;gCAdrB,MAAM,EAAE;kCAlFN,MAAM,GAAG,MAAM,EAAE,mBAAgB,QAAQ,IAAI,CAAC;iCAgJ5D,MAAM;4BA3CE,MAAM,SAAS,MAAM,UAAU,KAAK;4BAKpC,MAAM,SAAS,MAAM;;CAkQ9D,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"use-form.d.ts","sourceRoot":"","sources":["use-form.ts"],"names":[],"mappings":";AA0BA,OAAO,EAEL,aAAa,EACb,YAAY,EACZ,gBAAgB,EAGjB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAe,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAI5D,QAAA,MAAM,OAAO;;;;;;;;;wBA0KC;gBAAE,QAAQ,CAAC,EAAE,OAAO,CAAC;gBAAC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;aAAE;8BAVd,MAAM;oCAkED,OAAO;;6BAfb,MAAM,KAAK,KAAK,GAAG,SAAS;;oCAdrB,MAAM,EAAE;sCAlFN,MAAM,GAAG,MAAM,EAAE,mBAAgB,QAAQ,IAAI,CAAC;qCAgJ5D,MAAM;gCA3CE,MAAM,SAAS,MAAM,UAAU,KAAK;gCAKpC,MAAM,SAAS,MAAM;;;;;;oBAnDjD;YAAE,QAAQ,CAAC,EAAE,OAAO,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;SAAE;0BAVd,MAAM;gCAkED,OAAO;;yBAfb,MAAM,KAAK,KAAK,GAAG,SAAS;;gCAdrB,MAAM,EAAE;kCAlFN,MAAM,GAAG,MAAM,EAAE,mBAAgB,QAAQ,IAAI,CAAC;iCAgJ5D,MAAM;4BA3CE,MAAM,SAAS,MAAM,UAAU,KAAK;4BAKpC,MAAM,SAAS,MAAM;;CA2Q9D,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/cjs/components/use-table/use-table-layout.d.ts.map

@@ -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;AAerE,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;IACxC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,QAAA,MAAM,cAAc,UAAW,mBAAmB;;;;;;;;;;;yBA+CX,MAAM,UAAU,MAAM;;;;;;;;CAsO5D,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"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;AAerE,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;IACxC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,QAAA,MAAM,cAAc,UAAW,mBAAmB;;;;;;;;;;;yBA+CX,MAAM,UAAU,MAAM;;;;;;;;CA+O5D,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/cjs/components/use-table/use-table-layout.js

@@ -347,7 +347,16 @@ var useTableLayout = function useTableLayout(props) {
     checkScroll();
     checkFloat();
   }, [colgroup]);
-  var tableWidth = isNaN(Number(props.width)) ? undefined : typeof props.width === 'number' ? props.width + deltaXSum : props.width;
+  var tableWidth = props.width;
+  if (typeof props.width === 'string' && props.width.endsWith('%')) {
+    tableWidth = props.width;
+  } else if (typeof props.width === 'number') {
+    tableWidth = props.width + deltaXSum;
+  } else if (!isNaN(Number(props.width))) {
+    tableWidth = props.width;
+  } else {
+    tableWidth = undefined;
+  }
   return {
     isScrollX: !!isScrollX,
     isScrollY: !!isScrollY,

package/esm/components/use-form/Provider.js

@@ -5,7 +5,8 @@ import FieldSetContext from "./use-form-fieldset/fieldset-context";
 import * as React from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 var topPath = {
-  path: ''
+  path: '',
+  validateFieldSet: function validateFieldSet() {}
 };
 export var Provider = function Provider(props) {
   var children = props.children,

package/esm/components/use-form/use-form-control/use-form-control.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-form-control.d.ts","sourceRoot":"","sources":["use-form-control.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAyB/D,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC;;kBA2IpC,CAAC,YAAY,GAAG,EAAE;;;;;EAiDrD"}
+{"version":3,"file":"use-form-control.d.ts","sourceRoot":"","sources":["use-form-control.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAyB/D,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC;;kBAsJpC,CAAC,YAAY,GAAG,EAAE;;;;;EAkDrD"}

package/esm/components/use-form/use-form-control/use-form-control.js

@@ -52,7 +52,8 @@ export default function useFormControl(props) {
       bind: props.bind
     }),
     name = _useFieldSetConsumer.name,
-    bind = _useFieldSetConsumer.bind;
+    bind = _useFieldSetConsumer.bind,
+    validateFieldSet = _useFieldSetConsumer.validateFieldSet;
   var _React$useState = React.useState(undefined),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     errorState = _React$useState2[0],
@@ -149,7 +150,19 @@ export default function useFormControl(props) {
         bindValidate();
         return res;
       }).catch(function (e) {
-        formFunc === null || formFunc === void 0 || formFunc.setError(name, e);
+        if (isArray(e)) {
+          e.forEach(function (error, index) {
+            if (error) {
+              var _Object$keys, _Object$values;
+              var fieldSetName = (_Object$keys = Object.keys(error)) === null || _Object$keys === void 0 ? void 0 : _Object$keys[0];
+              var fieldSetError = (_Object$values = Object.values(error)) === null || _Object$values === void 0 ? void 0 : _Object$values[0];
+              var na = "".concat(name, "[").concat(index, "].").concat(fieldSetName);
+              if (fieldSetName && fieldSetError) {
+                formFunc === null || formFunc === void 0 || formFunc.setError(na, fieldSetError);
+              }
+            }
+          });
+        }
         onError === null || onError === void 0 || onError(e);
         bindValidate();
         return e;
@@ -190,6 +203,7 @@ export default function useFormControl(props) {
       other[_key - 1] = arguments[_key];
     }
     if (onChangePo) onChangePo.apply(void 0, [v].concat(other));
+    if (validateFieldSet) validateFieldSet();
   });
   useEffect(function () {
     if (inForm && controlFunc) {

package/esm/components/use-form/use-form-fieldset/fieldset-context.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 declare const FieldsetContext: React.Context<{
     path: string;
+    validateFieldSet: () => void;
 }>;
 interface BaseFieldProps {
     bind?: string[];
@@ -9,6 +10,7 @@ interface BaseFieldProps {
 export declare const useFieldSetConsumer: <T extends BaseFieldProps>(props: T) => T & {
     name: string;
     bind: string[] | undefined;
+    validateFieldSet: () => void;
 };
 export default FieldsetContext;
 //# sourceMappingURL=fieldset-context.d.ts.map

package/esm/components/use-form/use-form-fieldset/fieldset-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fieldset-context.d.ts","sourceRoot":"","sources":["fieldset-context.ts"],"names":[],"mappings":"AACA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAE7C,QAAA,MAAM,eAAe;;EAA8B,CAAC;AAEpD,UAAU,cAAc;IACtB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CACzB;AAiBD,eAAO,MAAM,mBAAmB;;;CAc/B,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"fieldset-context.d.ts","sourceRoot":"","sources":["fieldset-context.ts"],"names":[],"mappings":"AACA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAE7C,QAAA,MAAM,eAAe;;;EAA0D,CAAC;AAEhF,UAAU,cAAc;IACtB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CACzB;AAiBD,eAAO,MAAM,mBAAmB;;;;CAe/B,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/esm/components/use-form/use-form-fieldset/fieldset-context.js

@@ -8,7 +8,8 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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); }
 import React, { createContext } from 'react';
 var FieldsetContext = /*#__PURE__*/createContext({
-  path: ''
+  path: '',
+  validateFieldSet: function validateFieldSet() {}
 });
 function extendName() {
   var path = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
@@ -24,7 +25,8 @@ function extendName() {
 }
 export var useFieldSetConsumer = function useFieldSetConsumer(props) {
   var _React$useContext = React.useContext(FieldsetContext),
-    path = _React$useContext.path;
+    path = _React$useContext.path,
+    validateFieldSet = _React$useContext.validateFieldSet;
   var bind = React.useMemo(function () {
     return path ? (props.bind || []).concat(path) : props.bind;
   }, [path, props.bind]);
@@ -33,7 +35,8 @@ export var useFieldSetConsumer = function useFieldSetConsumer(props) {
   }, [path, props.name]);
   return _objectSpread(_objectSpread({}, props), {}, {
     name: name,
-    bind: bind
+    bind: bind,
+    validateFieldSet: validateFieldSet
   });
 };
 export default FieldsetContext;

package/esm/components/use-form/use-form-fieldset/use-form-fieldset.d.ts

@@ -3,9 +3,11 @@ import { BaseFormFieldSetProps } from './use-form-fieldset.type';
 export declare const useFormFieldSet: <T>(props: BaseFormFieldSetProps<T>) => {
     Provider: import("react").Provider<{
         path: string;
+        validateFieldSet: () => void;
     }>;
     ProviderValue: {
         path: string | (string[] & string);
+        validateFieldSet: () => void;
     };
     error: Error | undefined;
     value: T | undefined;

package/esm/components/use-form/use-form-fieldset/use-form-fieldset.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-form-fieldset.d.ts","sourceRoot":"","sources":["use-form-fieldset.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAKjE,eAAO,MAAM,eAAe;;;;;;;;;;;CA2B3B,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"use-form-fieldset.d.ts","sourceRoot":"","sources":["use-form-fieldset.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAKjE,eAAO,MAAM,eAAe;;;;;;;;;;;;;CA4B3B,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/esm/components/use-form/use-form-fieldset/use-form-fieldset.js

@@ -22,7 +22,8 @@ export var useFormFieldSet = function useFormFieldSet(props) {
     console.error('[FieldSet] should render in Form');
   }
   var ProviderValue = {
-    path: name
+    path: name,
+    validateFieldSet: function validateFieldSet() {}
   };
   return {
     Provider: FieldsetContext.Provider,

package/esm/components/use-form/use-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-form.d.ts","sourceRoot":"","sources":["use-form.ts"],"names":[],"mappings":";AA0BA,OAAO,EAEL,aAAa,EACb,YAAY,EACZ,gBAAgB,EAGjB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAe,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAI5D,QAAA,MAAM,OAAO;;;;;;;;;wBA0KC;gBAAE,QAAQ,CAAC,EAAE,OAAO,CAAC;gBAAC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;aAAE;8BAVd,MAAM;oCAkED,OAAO;;6BAfb,MAAM,KAAK,KAAK,GAAG,SAAS;;oCAdrB,MAAM,EAAE;sCAlFN,MAAM,GAAG,MAAM,EAAE,mBAAgB,QAAQ,IAAI,CAAC;qCAgJ5D,MAAM;gCA3CE,MAAM,SAAS,MAAM,UAAU,KAAK;gCAKpC,MAAM,SAAS,MAAM;;;;;;oBAnDjD;YAAE,QAAQ,CAAC,EAAE,OAAO,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;SAAE;0BAVd,MAAM;gCAkED,OAAO;;yBAfb,MAAM,KAAK,KAAK,GAAG,SAAS;;gCAdrB,MAAM,EAAE;kCAlFN,MAAM,GAAG,MAAM,EAAE,mBAAgB,QAAQ,IAAI,CAAC;iCAgJ5D,MAAM;4BA3CE,MAAM,SAAS,MAAM,UAAU,KAAK;4BAKpC,MAAM,SAAS,MAAM;;CAkQ9D,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"use-form.d.ts","sourceRoot":"","sources":["use-form.ts"],"names":[],"mappings":";AA0BA,OAAO,EAEL,aAAa,EACb,YAAY,EACZ,gBAAgB,EAGjB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAe,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAI5D,QAAA,MAAM,OAAO;;;;;;;;;wBA0KC;gBAAE,QAAQ,CAAC,EAAE,OAAO,CAAC;gBAAC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;aAAE;8BAVd,MAAM;oCAkED,OAAO;;6BAfb,MAAM,KAAK,KAAK,GAAG,SAAS;;oCAdrB,MAAM,EAAE;sCAlFN,MAAM,GAAG,MAAM,EAAE,mBAAgB,QAAQ,IAAI,CAAC;qCAgJ5D,MAAM;gCA3CE,MAAM,SAAS,MAAM,UAAU,KAAK;gCAKpC,MAAM,SAAS,MAAM;;;;;;oBAnDjD;YAAE,QAAQ,CAAC,EAAE,OAAO,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;SAAE;0BAVd,MAAM;gCAkED,OAAO;;yBAfb,MAAM,KAAK,KAAK,GAAG,SAAS;;gCAdrB,MAAM,EAAE;kCAlFN,MAAM,GAAG,MAAM,EAAE,mBAAgB,QAAQ,IAAI,CAAC;iCAgJ5D,MAAM;4BA3CE,MAAM,SAAS,MAAM,UAAU,KAAK;4BAKpC,MAAM,SAAS,MAAM;;CA2Q9D,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/esm/components/use-table/use-table-layout.d.ts.map

@@ -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;AAerE,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;IACxC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,QAAA,MAAM,cAAc,UAAW,mBAAmB;;;;;;;;;;;yBA+CX,MAAM,UAAU,MAAM;;;;;;;;CAsO5D,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"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;AAerE,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;IACxC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,QAAA,MAAM,cAAc,UAAW,mBAAmB;;;;;;;;;;;yBA+CX,MAAM,UAAU,MAAM;;;;;;;;CA+O5D,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/esm/components/use-table/use-table-layout.js

@@ -338,7 +338,16 @@ var useTableLayout = function useTableLayout(props) {
     checkScroll();
     checkFloat();
   }, [colgroup]);
-  var tableWidth = isNaN(Number(props.width)) ? undefined : typeof props.width === 'number' ? props.width + deltaXSum : props.width;
+  var tableWidth = props.width;
+  if (typeof props.width === 'string' && props.width.endsWith('%')) {
+    tableWidth = props.width;
+  } else if (typeof props.width === 'number') {
+    tableWidth = props.width + deltaXSum;
+  } else if (!isNaN(Number(props.width))) {
+    tableWidth = props.width;
+  } else {
+    tableWidth = undefined;
+  }
   return {
     isScrollX: !!isScrollX,
     isScrollY: !!isScrollY,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sheinx/hooks",
-  "version": "3.5.0",
+  "version": "3.5.1-beta.2",
   "description": "",
   "keywords": [],
   "license": "MIT",