@sheinx/base 3.5.4-beta.3 → 3.5.4-beta.5
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.
- package/cjs/form/form-fieldset.js +2 -3
- package/cjs/form/form.d.ts.map +1 -1
- package/cjs/form/form.js +25 -9
- package/cjs/table/tr.d.ts.map +1 -1
- package/cjs/table/tr.js +11 -4
- package/esm/form/form-fieldset.js +2 -3
- package/esm/form/form.d.ts.map +1 -1
- package/esm/form/form.js +27 -10
- package/esm/table/tr.d.ts.map +1 -1
- package/esm/table/tr.js +11 -4
- package/package.json +2 -2
|
@@ -75,8 +75,7 @@ var FormFieldSet = function FormFieldSet(props) {
|
|
|
75
75
|
});
|
|
76
76
|
}
|
|
77
77
|
valueArr.forEach(function (v, i) {
|
|
78
|
-
|
|
79
|
-
if (context.lastValues[i] !== v) {
|
|
78
|
+
if (context.lastValues.length !== valueArr.length) {
|
|
80
79
|
context.ids[i] = _hooks.util.generateUUID();
|
|
81
80
|
}
|
|
82
81
|
result.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(Provider, {
|
|
@@ -125,7 +124,7 @@ var FormFieldSet = function FormFieldSet(props) {
|
|
|
125
124
|
formFunc === null || formFunc === void 0 || formFunc.spliceError(name, i);
|
|
126
125
|
}
|
|
127
126
|
})
|
|
128
|
-
},
|
|
127
|
+
}, context.ids[i]));
|
|
129
128
|
});
|
|
130
129
|
|
|
131
130
|
// 更新 lastValues
|
package/cjs/form/form.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["form.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,QAAA,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["form.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,QAAA,MAAM,IAAI,4DAsHT,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
package/cjs/form/form.js
CHANGED
|
@@ -14,6 +14,12 @@ var _excluded = ["jssStyle", "className", "style", "children", "formRef"];
|
|
|
14
14
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
15
15
|
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; }
|
|
16
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
18
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
19
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
20
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
21
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
22
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
17
23
|
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; }
|
|
18
24
|
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; }
|
|
19
25
|
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; }
|
|
@@ -61,6 +67,16 @@ var Form = function Form(props) {
|
|
|
61
67
|
type: 'withValue'
|
|
62
68
|
});
|
|
63
69
|
});
|
|
70
|
+
var _useState = (0, _react.useState)(0),
|
|
71
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
72
|
+
renderKey = _useState2[0],
|
|
73
|
+
setRenderKey = _useState2[1];
|
|
74
|
+
var handleOuterSet = (0, _react.useCallback)(function (vals) {
|
|
75
|
+
formFunc.setValue(vals);
|
|
76
|
+
setRenderKey(function (prev) {
|
|
77
|
+
return prev + 1;
|
|
78
|
+
});
|
|
79
|
+
}, [formFunc]);
|
|
64
80
|
var formRefObj = (0, _hooks.useLatestObj)({
|
|
65
81
|
clearValidate: formFunc.clearValidate,
|
|
66
82
|
getValue: formFunc.getValue,
|
|
@@ -70,7 +86,7 @@ var Form = function Form(props) {
|
|
|
70
86
|
validateFields: validateFields,
|
|
71
87
|
validateFieldsWithValue: validateFieldsWithValue,
|
|
72
88
|
validateFieldsWithError: formFunc.validateFields,
|
|
73
|
-
set:
|
|
89
|
+
set: handleOuterSet,
|
|
74
90
|
scrollToField: formFunc.scrollToField
|
|
75
91
|
});
|
|
76
92
|
_react.default.useEffect(function () {
|
|
@@ -119,16 +135,16 @@ var Form = function Form(props) {
|
|
|
119
135
|
}
|
|
120
136
|
};
|
|
121
137
|
}, [formProps.onSubmit]);
|
|
122
|
-
return /*#__PURE__*/(0,
|
|
138
|
+
return /*#__PURE__*/(0, _react.createElement)("form", _objectSpread(_objectSpread({}, _hooks.util.removeProps(formProps, {
|
|
123
139
|
onSubmit: true
|
|
124
140
|
})), {}, {
|
|
125
141
|
ref: formElRef,
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
})
|
|
132
|
-
}));
|
|
142
|
+
key: renderKey
|
|
143
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(Provider, _objectSpread(_objectSpread({}, ProviderProps), {}, {
|
|
144
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_hooks.FormContext.Provider, {
|
|
145
|
+
value: formRefObj,
|
|
146
|
+
children: children
|
|
147
|
+
})
|
|
148
|
+
})));
|
|
133
149
|
};
|
|
134
150
|
var _default = exports.default = Form;
|
package/cjs/table/tr.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tr.d.ts","sourceRoot":"","sources":["tr.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAOvD,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAI7D,UAAU,OACR,SAAQ,IAAI,CACV,UAAU,EACR,UAAU,GACV,cAAc,GACd,OAAO,GACP,UAAU,GACV,iBAAiB,GACjB,iBAAiB,GACjB,gBAAgB,GAChB,QAAQ,GACR,aAAa,GACb,cAAc,GACd,YAAY,GACZ,aAAa,GACb,SAAS,GACT,OAAO,GACP,YAAY,GACZ,cAAc,GACd,WAAW,GACX,iBAAiB,GACjB,YAAY,GACZ,cAAc,GACd,aAAa,CAChB;IACD,GAAG,EAAE;QACH,IAAI,EAAE,GAAG,EAAE,CAAC;QACZ,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;KACjB,EAAE,CAAC;IACJ,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IAC1C,OAAO,EAAE,GAAG,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,UAAU,CAAC,eAAe,CAAC,GAAG,SAAS,CAAC;IACnD,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,CAAC,GAAG,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,WAAW,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAC;IAC9C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,eAAe,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACtD,UAAU,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAC;IAC5C,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,EAAE,UAAW,OAAO,
|
|
1
|
+
{"version":3,"file":"tr.d.ts","sourceRoot":"","sources":["tr.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAOvD,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAI7D,UAAU,OACR,SAAQ,IAAI,CACV,UAAU,EACR,UAAU,GACV,cAAc,GACd,OAAO,GACP,UAAU,GACV,iBAAiB,GACjB,iBAAiB,GACjB,gBAAgB,GAChB,QAAQ,GACR,aAAa,GACb,cAAc,GACd,YAAY,GACZ,aAAa,GACb,SAAS,GACT,OAAO,GACP,YAAY,GACZ,cAAc,GACd,WAAW,GACX,iBAAiB,GACjB,YAAY,GACZ,cAAc,GACd,aAAa,CAChB;IACD,GAAG,EAAE;QACH,IAAI,EAAE,GAAG,EAAE,CAAC;QACZ,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;KACjB,EAAE,CAAC;IACJ,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IAC1C,OAAO,EAAE,GAAG,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,UAAU,CAAC,eAAe,CAAC,GAAG,SAAS,CAAC;IACnD,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,CAAC,GAAG,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,WAAW,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAC;IAC9C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,eAAe,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACtD,UAAU,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAC;IAC5C,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,EAAE,UAAW,OAAO,gBA4YzB,CAAC;AAEF,eAAe,EAAE,CAAC"}
|
package/cjs/table/tr.js
CHANGED
|
@@ -271,23 +271,30 @@ var Tr = function Tr(props) {
|
|
|
271
271
|
var col = cols[i];
|
|
272
272
|
if (data[i]) {
|
|
273
273
|
var last = cols[i + (data[i].colSpan || 1) - 1] || {};
|
|
274
|
+
var isRowSpanTd = data[i].rowSpan > 1;
|
|
275
|
+
var $tdContent = renderContent(col, data[i].data);
|
|
274
276
|
var td = /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
|
|
275
277
|
colSpan: data[i].colSpan,
|
|
276
278
|
rowSpan: data[i].rowSpan,
|
|
277
|
-
onMouseEnter: props.hover && hasSiblingRowSpan ||
|
|
279
|
+
onMouseEnter: props.hover && hasSiblingRowSpan || isRowSpanTd ? function () {
|
|
278
280
|
props.handleCellHover(props.rowIndex, data[i].rowSpan);
|
|
279
281
|
} : undefined,
|
|
280
|
-
onMouseLeave: props.hover && hasSiblingRowSpan ||
|
|
282
|
+
onMouseLeave: props.hover && hasSiblingRowSpan || isRowSpanTd ? function () {
|
|
281
283
|
props.handleCellHover(-1, 0);
|
|
282
284
|
} : undefined,
|
|
283
|
-
className: (0, _classnames.default)(col.className, col.type === 'checkbox' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellCheckbox), col.fixed === 'left' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLeft), col.fixed === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedRight), col.align === 'center' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignCenter), col.align === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignRight), (col.lastFixed || col.firstFixed || last.lastFixed) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLast), lastRowIndex === i && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellIgnoreBorder), props.hoverIndex.has(props.rowIndex) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellHover),
|
|
285
|
+
className: (0, _classnames.default)(col.className, col.type === 'checkbox' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellCheckbox), col.fixed === 'left' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLeft), col.fixed === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedRight), col.align === 'center' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignCenter), col.align === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignRight), (col.lastFixed || col.firstFixed || last.lastFixed) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLast), lastRowIndex === i && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellIgnoreBorder), props.hoverIndex.has(props.rowIndex) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellHover), isRowSpanTd && props.isCellHover(props.rowIndex, data[i].rowSpan) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellHover)),
|
|
284
286
|
style: getTdStyle(col, data[i].colSpan),
|
|
285
287
|
dir: config.direction,
|
|
286
288
|
"data-role": col.type === 'checkbox' ? 'checkbox' : undefined,
|
|
287
289
|
onClick: props.onCellClick ? function () {
|
|
288
290
|
return handleCellClick(data[i].data, i);
|
|
289
291
|
} : undefined,
|
|
290
|
-
children:
|
|
292
|
+
children: isRowSpanTd ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
293
|
+
style: {
|
|
294
|
+
height: 0
|
|
295
|
+
},
|
|
296
|
+
children: $tdContent
|
|
297
|
+
}) : $tdContent
|
|
291
298
|
}, col.key);
|
|
292
299
|
tds.push(td);
|
|
293
300
|
if (data[i].colSpan) skip = data[i].colSpan - 1;
|
|
@@ -69,8 +69,7 @@ var FormFieldSet = function FormFieldSet(props) {
|
|
|
69
69
|
});
|
|
70
70
|
}
|
|
71
71
|
valueArr.forEach(function (v, i) {
|
|
72
|
-
|
|
73
|
-
if (context.lastValues[i] !== v) {
|
|
72
|
+
if (context.lastValues.length !== valueArr.length) {
|
|
74
73
|
context.ids[i] = util.generateUUID();
|
|
75
74
|
}
|
|
76
75
|
result.push( /*#__PURE__*/_jsx(Provider, {
|
|
@@ -119,7 +118,7 @@ var FormFieldSet = function FormFieldSet(props) {
|
|
|
119
118
|
formFunc === null || formFunc === void 0 || formFunc.spliceError(name, i);
|
|
120
119
|
}
|
|
121
120
|
})
|
|
122
|
-
},
|
|
121
|
+
}, context.ids[i]));
|
|
123
122
|
});
|
|
124
123
|
|
|
125
124
|
// 更新 lastValues
|
package/esm/form/form.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["form.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,QAAA,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["form.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,QAAA,MAAM,IAAI,4DAsHT,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
package/esm/form/form.js
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
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); }
|
|
2
2
|
var _excluded = ["jssStyle", "className", "style", "children", "formRef"];
|
|
3
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
4
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
5
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
6
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
7
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
8
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
3
9
|
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; }
|
|
4
10
|
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; }
|
|
5
11
|
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; }
|
|
@@ -10,8 +16,9 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
10
16
|
import { FormContext, useForm, useInputAble, useLatestObj, usePersistFn, util } from '@sheinx/hooks';
|
|
11
17
|
import classNames from 'classnames';
|
|
12
18
|
import { useFormFooter } from "./form-footer-context";
|
|
13
|
-
import React, { useEffect, useRef } from 'react';
|
|
19
|
+
import React, { useCallback, useEffect, useRef, useState } from 'react';
|
|
14
20
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
21
|
+
import { createElement as _createElement } from "react";
|
|
15
22
|
var Form = function Form(props) {
|
|
16
23
|
var _jssStyle$form;
|
|
17
24
|
var jssStyle = props.jssStyle,
|
|
@@ -52,6 +59,16 @@ var Form = function Form(props) {
|
|
|
52
59
|
type: 'withValue'
|
|
53
60
|
});
|
|
54
61
|
});
|
|
62
|
+
var _useState = useState(0),
|
|
63
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
64
|
+
renderKey = _useState2[0],
|
|
65
|
+
setRenderKey = _useState2[1];
|
|
66
|
+
var handleOuterSet = useCallback(function (vals) {
|
|
67
|
+
formFunc.setValue(vals);
|
|
68
|
+
setRenderKey(function (prev) {
|
|
69
|
+
return prev + 1;
|
|
70
|
+
});
|
|
71
|
+
}, [formFunc]);
|
|
55
72
|
var formRefObj = useLatestObj({
|
|
56
73
|
clearValidate: formFunc.clearValidate,
|
|
57
74
|
getValue: formFunc.getValue,
|
|
@@ -61,7 +78,7 @@ var Form = function Form(props) {
|
|
|
61
78
|
validateFields: validateFields,
|
|
62
79
|
validateFieldsWithValue: validateFieldsWithValue,
|
|
63
80
|
validateFieldsWithError: formFunc.validateFields,
|
|
64
|
-
set:
|
|
81
|
+
set: handleOuterSet,
|
|
65
82
|
scrollToField: formFunc.scrollToField
|
|
66
83
|
});
|
|
67
84
|
React.useEffect(function () {
|
|
@@ -110,16 +127,16 @@ var Form = function Form(props) {
|
|
|
110
127
|
}
|
|
111
128
|
};
|
|
112
129
|
}, [formProps.onSubmit]);
|
|
113
|
-
return /*#__PURE__*/
|
|
130
|
+
return /*#__PURE__*/_createElement("form", _objectSpread(_objectSpread({}, util.removeProps(formProps, {
|
|
114
131
|
onSubmit: true
|
|
115
132
|
})), {}, {
|
|
116
133
|
ref: formElRef,
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
})
|
|
123
|
-
}));
|
|
134
|
+
key: renderKey
|
|
135
|
+
}), /*#__PURE__*/_jsx(Provider, _objectSpread(_objectSpread({}, ProviderProps), {}, {
|
|
136
|
+
children: /*#__PURE__*/_jsx(FormContext.Provider, {
|
|
137
|
+
value: formRefObj,
|
|
138
|
+
children: children
|
|
139
|
+
})
|
|
140
|
+
})));
|
|
124
141
|
};
|
|
125
142
|
export default Form;
|
package/esm/table/tr.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tr.d.ts","sourceRoot":"","sources":["tr.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAOvD,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAI7D,UAAU,OACR,SAAQ,IAAI,CACV,UAAU,EACR,UAAU,GACV,cAAc,GACd,OAAO,GACP,UAAU,GACV,iBAAiB,GACjB,iBAAiB,GACjB,gBAAgB,GAChB,QAAQ,GACR,aAAa,GACb,cAAc,GACd,YAAY,GACZ,aAAa,GACb,SAAS,GACT,OAAO,GACP,YAAY,GACZ,cAAc,GACd,WAAW,GACX,iBAAiB,GACjB,YAAY,GACZ,cAAc,GACd,aAAa,CAChB;IACD,GAAG,EAAE;QACH,IAAI,EAAE,GAAG,EAAE,CAAC;QACZ,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;KACjB,EAAE,CAAC;IACJ,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IAC1C,OAAO,EAAE,GAAG,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,UAAU,CAAC,eAAe,CAAC,GAAG,SAAS,CAAC;IACnD,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,CAAC,GAAG,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,WAAW,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAC;IAC9C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,eAAe,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACtD,UAAU,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAC;IAC5C,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,EAAE,UAAW,OAAO,
|
|
1
|
+
{"version":3,"file":"tr.d.ts","sourceRoot":"","sources":["tr.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAOvD,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAI7D,UAAU,OACR,SAAQ,IAAI,CACV,UAAU,EACR,UAAU,GACV,cAAc,GACd,OAAO,GACP,UAAU,GACV,iBAAiB,GACjB,iBAAiB,GACjB,gBAAgB,GAChB,QAAQ,GACR,aAAa,GACb,cAAc,GACd,YAAY,GACZ,aAAa,GACb,SAAS,GACT,OAAO,GACP,YAAY,GACZ,cAAc,GACd,WAAW,GACX,iBAAiB,GACjB,YAAY,GACZ,cAAc,GACd,aAAa,CAChB;IACD,GAAG,EAAE;QACH,IAAI,EAAE,GAAG,EAAE,CAAC;QACZ,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;KACjB,EAAE,CAAC;IACJ,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IAC1C,OAAO,EAAE,GAAG,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,UAAU,CAAC,eAAe,CAAC,GAAG,SAAS,CAAC;IACnD,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,CAAC,GAAG,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,WAAW,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAC;IAC9C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,eAAe,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACtD,UAAU,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAC;IAC5C,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,EAAE,UAAW,OAAO,gBA4YzB,CAAC;AAEF,eAAe,EAAE,CAAC"}
|
package/esm/table/tr.js
CHANGED
|
@@ -265,23 +265,30 @@ var Tr = function Tr(props) {
|
|
|
265
265
|
var col = cols[i];
|
|
266
266
|
if (data[i]) {
|
|
267
267
|
var last = cols[i + (data[i].colSpan || 1) - 1] || {};
|
|
268
|
+
var isRowSpanTd = data[i].rowSpan > 1;
|
|
269
|
+
var $tdContent = renderContent(col, data[i].data);
|
|
268
270
|
var td = /*#__PURE__*/_jsx("td", {
|
|
269
271
|
colSpan: data[i].colSpan,
|
|
270
272
|
rowSpan: data[i].rowSpan,
|
|
271
|
-
onMouseEnter: props.hover && hasSiblingRowSpan ||
|
|
273
|
+
onMouseEnter: props.hover && hasSiblingRowSpan || isRowSpanTd ? function () {
|
|
272
274
|
props.handleCellHover(props.rowIndex, data[i].rowSpan);
|
|
273
275
|
} : undefined,
|
|
274
|
-
onMouseLeave: props.hover && hasSiblingRowSpan ||
|
|
276
|
+
onMouseLeave: props.hover && hasSiblingRowSpan || isRowSpanTd ? function () {
|
|
275
277
|
props.handleCellHover(-1, 0);
|
|
276
278
|
} : undefined,
|
|
277
|
-
className: classNames(col.className, col.type === 'checkbox' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellCheckbox), col.fixed === 'left' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLeft), col.fixed === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedRight), col.align === 'center' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignCenter), col.align === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignRight), (col.lastFixed || col.firstFixed || last.lastFixed) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLast), lastRowIndex === i && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellIgnoreBorder), props.hoverIndex.has(props.rowIndex) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellHover),
|
|
279
|
+
className: classNames(col.className, col.type === 'checkbox' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellCheckbox), col.fixed === 'left' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLeft), col.fixed === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedRight), col.align === 'center' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignCenter), col.align === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignRight), (col.lastFixed || col.firstFixed || last.lastFixed) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLast), lastRowIndex === i && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellIgnoreBorder), props.hoverIndex.has(props.rowIndex) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellHover), isRowSpanTd && props.isCellHover(props.rowIndex, data[i].rowSpan) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellHover)),
|
|
278
280
|
style: getTdStyle(col, data[i].colSpan),
|
|
279
281
|
dir: config.direction,
|
|
280
282
|
"data-role": col.type === 'checkbox' ? 'checkbox' : undefined,
|
|
281
283
|
onClick: props.onCellClick ? function () {
|
|
282
284
|
return handleCellClick(data[i].data, i);
|
|
283
285
|
} : undefined,
|
|
284
|
-
children:
|
|
286
|
+
children: isRowSpanTd ? /*#__PURE__*/_jsx("div", {
|
|
287
|
+
style: {
|
|
288
|
+
height: 0
|
|
289
|
+
},
|
|
290
|
+
children: $tdContent
|
|
291
|
+
}) : $tdContent
|
|
285
292
|
}, col.key);
|
|
286
293
|
tds.push(td);
|
|
287
294
|
if (data[i].colSpan) skip = data[i].colSpan - 1;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sheinx/base",
|
|
3
|
-
"version": "3.5.4-beta.
|
|
3
|
+
"version": "3.5.4-beta.5",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
"module": "./esm/index.js",
|
|
11
11
|
"typings": "./cjs/index.d.ts",
|
|
12
12
|
"dependencies": {
|
|
13
|
-
"@sheinx/hooks": "3.5.4-beta.
|
|
13
|
+
"@sheinx/hooks": "3.5.4-beta.5",
|
|
14
14
|
"immer": "^10.0.0",
|
|
15
15
|
"classnames": "^2.0.0",
|
|
16
16
|
"@shined/reactive": "^0.1.3-alpha.0"
|