shineout 3.5.3-beta.3 → 3.5.3-beta.4
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/hooks/use-field-common.js +1 -4
- package/cjs/index.js +1 -1
- package/cjs/tabs/tabs-panel.type.d.ts +1 -1
- package/dist/shineout.js +40 -38
- package/dist/shineout.js.map +1 -1
- package/dist/shineout.min.js +1 -1
- package/dist/shineout.min.js.map +1 -1
- package/esm/hooks/use-field-common.js +2 -5
- package/esm/index.js +1 -1
- package/esm/tabs/tabs-panel.type.d.ts +1 -1
- package/package.json +5 -5
|
@@ -16,8 +16,6 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
|
|
|
16
16
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
17
17
|
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); }
|
|
18
18
|
var useFieldCommon = function useFieldCommon(props, Origin, type) {
|
|
19
|
-
var _props$reserveAble;
|
|
20
|
-
var formConfig = (0, _hooks.useFormConfig)();
|
|
21
19
|
var getValidateProps = (0, _hooks.usePersistFn)(function () {
|
|
22
20
|
return _objectSpread({
|
|
23
21
|
type: type
|
|
@@ -32,8 +30,7 @@ var useFieldCommon = function useFieldCommon(props, Origin, type) {
|
|
|
32
30
|
var FieldParams = {
|
|
33
31
|
name: props.name,
|
|
34
32
|
defaultValue: props.defaultValue,
|
|
35
|
-
reserveAble:
|
|
36
|
-
formName: formConfig.formName,
|
|
33
|
+
reserveAble: props.reserveAble,
|
|
37
34
|
rules: props.rules,
|
|
38
35
|
onError: props.onError,
|
|
39
36
|
bind: props.bind,
|
package/cjs/index.js
CHANGED
|
@@ -500,5 +500,5 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
500
500
|
// 此文件由脚本自动生成,请勿直接修改。
|
|
501
501
|
// This file was generated automatically by a script. Please do not modify it directly.
|
|
502
502
|
var _default = exports.default = {
|
|
503
|
-
version: '3.5.3-beta.
|
|
503
|
+
version: '3.5.3-beta.4'
|
|
504
504
|
};
|
|
@@ -3,4 +3,4 @@ import { TabsPanelProps as UnStyleTabsPanelProps } from '@sheinx/base';
|
|
|
3
3
|
* @title Tabs.Panel
|
|
4
4
|
* @sort 2
|
|
5
5
|
*/
|
|
6
|
-
export type TabsPanelProps = Omit<UnStyleTabsPanelProps, 'jssStyle' | 'active' | 'shape' | 'isVertical' | 'lazy' | 'inactiveBackground' | 'onChange' | 'onCollapsible'>;
|
|
6
|
+
export type TabsPanelProps = Omit<UnStyleTabsPanelProps, 'jssStyle' | 'active' | 'shape' | 'isVertical' | 'lazy' | 'inactiveBackground' | 'onChange' | 'onCollapsible' | 'setTabs' | 'tabs'>;
|
package/dist/shineout.js
CHANGED
|
@@ -12030,7 +12030,7 @@ var handleStyle = function handleStyle(style) {
|
|
|
12030
12030
|
};
|
|
12031
12031
|
/* harmony default export */ var jss_style_handleStyle = (handleStyle);
|
|
12032
12032
|
;// CONCATENATED MODULE: ../shineout-style/src/version.ts
|
|
12033
|
-
/* harmony default export */ var version = ('3.5.3-beta.
|
|
12033
|
+
/* harmony default export */ var version = ('3.5.3-beta.4');
|
|
12034
12034
|
;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
|
|
12035
12035
|
|
|
12036
12036
|
|
|
@@ -30223,6 +30223,7 @@ var src_config_config = {
|
|
|
30223
30223
|
delay: 400,
|
|
30224
30224
|
trim: undefined,
|
|
30225
30225
|
spin: 'ring',
|
|
30226
|
+
tooltip: undefined,
|
|
30226
30227
|
direction: 'ltr',
|
|
30227
30228
|
popupContainer: null
|
|
30228
30229
|
};
|
|
@@ -34522,17 +34523,13 @@ var useFormConfig = function useFormConfig() {
|
|
|
34522
34523
|
|
|
34523
34524
|
|
|
34524
34525
|
var useWithFormConfig = function useWithFormConfig(props) {
|
|
34525
|
-
var _reserveAble;
|
|
34526
34526
|
var formConfig = useFormConfig();
|
|
34527
34527
|
var size = (props === null || props === void 0 ? void 0 : props.size) || formConfig.size;
|
|
34528
34528
|
var disabled = formConfig.disabled || (props === null || props === void 0 ? void 0 : props.disabled);
|
|
34529
|
-
|
|
34530
|
-
return objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({}, props), size !== undefined && {
|
|
34529
|
+
return objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({}, props), size !== undefined && {
|
|
34531
34530
|
size: size
|
|
34532
34531
|
}), disabled !== undefined && {
|
|
34533
34532
|
disabled: disabled
|
|
34534
|
-
}), reserveAble !== undefined && {
|
|
34535
|
-
reserveAble: reserveAble
|
|
34536
34533
|
}), formConfig.formName !== undefined && {
|
|
34537
34534
|
formName: formConfig.formName
|
|
34538
34535
|
});
|
|
@@ -34703,8 +34700,7 @@ var input_Input = function Input(props) {
|
|
|
34703
34700
|
integerLimit: commonProps.integerLimit,
|
|
34704
34701
|
numType: commonProps.numType,
|
|
34705
34702
|
trim: (_ref = (_commonProps$trim = commonProps.trim) !== null && _commonProps$trim !== void 0 ? _commonProps$trim : config.trim) !== null && _ref !== void 0 ? _ref : false,
|
|
34706
|
-
// 移除
|
|
34707
|
-
reserveAble: undefined,
|
|
34703
|
+
// 移除 formName,避免渲染到原生 input 上
|
|
34708
34704
|
formName: undefined
|
|
34709
34705
|
};
|
|
34710
34706
|
var inputFormatProps = use_input_format(objectSpread2_default()({
|
|
@@ -40453,6 +40449,7 @@ function useFormControl(props) {
|
|
|
40453
40449
|
var FormField = function FormField(props) {
|
|
40454
40450
|
var _childrenProps$error, _childrenProps$status;
|
|
40455
40451
|
var children = props.children;
|
|
40452
|
+
var formConfig = useFormConfig();
|
|
40456
40453
|
var getValidateProps = usePersistFn(function () {
|
|
40457
40454
|
if (props.getValidateProps) return props.getValidateProps();
|
|
40458
40455
|
return props;
|
|
@@ -40485,15 +40482,15 @@ var FormField = function FormField(props) {
|
|
|
40485
40482
|
var _useContext = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useContext)(FormFieldContext),
|
|
40486
40483
|
separator = _useContext.separator;
|
|
40487
40484
|
var formFieldId = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
|
|
40488
|
-
if (!
|
|
40485
|
+
if (!formConfig.formName) return;
|
|
40489
40486
|
if (childrenProps.id) return childrenProps.id;
|
|
40490
40487
|
if (Array.isArray(formControl.name)) {
|
|
40491
40488
|
return formControl.name.map(function (name) {
|
|
40492
|
-
return getFieldId(name,
|
|
40489
|
+
return getFieldId(name, formConfig.formName);
|
|
40493
40490
|
}).join(separator);
|
|
40494
40491
|
}
|
|
40495
|
-
return getFieldId(formControl.name,
|
|
40496
|
-
}, [formControl.name,
|
|
40492
|
+
return getFieldId(formControl.name, formConfig.formName);
|
|
40493
|
+
}, [formControl.name, formConfig.formName, childrenProps.id]);
|
|
40497
40494
|
var cloneProps = {
|
|
40498
40495
|
onChange: handleChange,
|
|
40499
40496
|
status: status,
|
|
@@ -40529,8 +40526,6 @@ var FormField = function FormField(props) {
|
|
|
40529
40526
|
|
|
40530
40527
|
|
|
40531
40528
|
var useFieldCommon = function useFieldCommon(props, Origin, type) {
|
|
40532
|
-
var _props$reserveAble;
|
|
40533
|
-
var formConfig = useFormConfig();
|
|
40534
40529
|
var getValidateProps = usePersistFn(function () {
|
|
40535
40530
|
return objectSpread2_default()({
|
|
40536
40531
|
type: type
|
|
@@ -40545,8 +40540,7 @@ var useFieldCommon = function useFieldCommon(props, Origin, type) {
|
|
|
40545
40540
|
var FieldParams = {
|
|
40546
40541
|
name: props.name,
|
|
40547
40542
|
defaultValue: props.defaultValue,
|
|
40548
|
-
reserveAble:
|
|
40549
|
-
formName: formConfig.formName,
|
|
40543
|
+
reserveAble: props.reserveAble,
|
|
40550
40544
|
rules: props.rules,
|
|
40551
40545
|
onError: props.onError,
|
|
40552
40546
|
bind: props.bind,
|
|
@@ -47487,7 +47481,6 @@ var useForm = function useForm(props) {
|
|
|
47487
47481
|
throttle = _props$throttle === void 0 ? 1000 : _props$throttle,
|
|
47488
47482
|
size = props.size,
|
|
47489
47483
|
formName = props.name,
|
|
47490
|
-
reserveAble = props.reserveAble,
|
|
47491
47484
|
scrollParent = props.scrollParent;
|
|
47492
47485
|
var deepSetOptions = {
|
|
47493
47486
|
removeUndefined: removeUndefined,
|
|
@@ -47883,6 +47876,7 @@ var useForm = function useForm(props) {
|
|
|
47883
47876
|
}
|
|
47884
47877
|
},
|
|
47885
47878
|
unbind: function unbind(n, reserveAble, validateField, update) {
|
|
47879
|
+
var _props$reserveAble;
|
|
47886
47880
|
var validateFieldSet = context.validateMap[n];
|
|
47887
47881
|
if (validateField && validateFieldSet.has(validateField)) {
|
|
47888
47882
|
validateFieldSet.delete(validateField);
|
|
@@ -47895,7 +47889,8 @@ var useForm = function useForm(props) {
|
|
|
47895
47889
|
context.names.delete(n);
|
|
47896
47890
|
delete context.defaultValues[n];
|
|
47897
47891
|
}
|
|
47898
|
-
|
|
47892
|
+
var finalReserveAble = (_props$reserveAble = props.reserveAble) !== null && _props$reserveAble !== void 0 ? _props$reserveAble : reserveAble;
|
|
47893
|
+
if (!finalReserveAble && !context.removeLock) {
|
|
47899
47894
|
addRemove(n);
|
|
47900
47895
|
}
|
|
47901
47896
|
},
|
|
@@ -47958,10 +47953,9 @@ var useForm = function useForm(props) {
|
|
|
47958
47953
|
inline: inline,
|
|
47959
47954
|
disabled: disabled,
|
|
47960
47955
|
size: size,
|
|
47961
|
-
reserveAble: reserveAble,
|
|
47962
47956
|
formName: formName
|
|
47963
47957
|
};
|
|
47964
|
-
}, [labelWidth, labelAlign, labelVerticalAlign, keepErrorHeight, inline, disabled, size,
|
|
47958
|
+
}, [labelWidth, labelAlign, labelVerticalAlign, keepErrorHeight, inline, disabled, size, formName]);
|
|
47965
47959
|
var updateValue = function updateValue() {
|
|
47966
47960
|
if (props.value !== context.lastValue && props.value !== context.value) {
|
|
47967
47961
|
context.value = deepClone(props.value) || emptyObj;
|
|
@@ -48214,7 +48208,7 @@ var UseFormItem = function UseFormItem() {
|
|
|
48214
48208
|
var tooltip_devUseWarning = devUseWarning;
|
|
48215
48209
|
var defaultDelay = 0;
|
|
48216
48210
|
var Tooltip = function Tooltip(props) {
|
|
48217
|
-
var _jssStyle$tooltip;
|
|
48211
|
+
var _jssStyle$tooltip, _config$tooltip$persi, _config$tooltip;
|
|
48218
48212
|
var _props$trigger = props.trigger,
|
|
48219
48213
|
trigger = _props$trigger === void 0 ? 'hover' : _props$trigger,
|
|
48220
48214
|
priorityDirection = props.priorityDirection,
|
|
@@ -48225,13 +48219,14 @@ var Tooltip = function Tooltip(props) {
|
|
|
48225
48219
|
className = props.className,
|
|
48226
48220
|
style = props.style,
|
|
48227
48221
|
zIndex = props.zIndex,
|
|
48228
|
-
|
|
48222
|
+
persistentProp = props.persistent,
|
|
48229
48223
|
_props$type = props.type,
|
|
48230
48224
|
type = _props$type === void 0 ? 'default' : _props$type,
|
|
48231
48225
|
_props$position = props.position,
|
|
48232
48226
|
popsitionProps = _props$position === void 0 ? 'auto' : _props$position;
|
|
48233
48227
|
var tooltipClasses = jssStyle === null || jssStyle === void 0 || (_jssStyle$tooltip = jssStyle.tooltip) === null || _jssStyle$tooltip === void 0 ? void 0 : _jssStyle$tooltip.call(jssStyle);
|
|
48234
48228
|
var config = useConfig();
|
|
48229
|
+
var persistent = (_config$tooltip$persi = (_config$tooltip = config.tooltip) === null || _config$tooltip === void 0 ? void 0 : _config$tooltip.persistent) !== null && _config$tooltip$persi !== void 0 ? _config$tooltip$persi : persistentProp;
|
|
48235
48230
|
var childrenProps = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.isValidElement)(children) ? children === null || children === void 0 ? void 0 : children.props : {};
|
|
48236
48231
|
var delay = props.delay || props.mouseEnterDelay || defaultDelay;
|
|
48237
48232
|
var _usePopup = use_popup({
|
|
@@ -48512,7 +48507,8 @@ var FormFieldSet = function FormFieldSet(props) {
|
|
|
48512
48507
|
var children = props.children,
|
|
48513
48508
|
empty = props.empty;
|
|
48514
48509
|
var _React$useRef = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useRef({
|
|
48515
|
-
ids: []
|
|
48510
|
+
ids: [],
|
|
48511
|
+
lastValues: []
|
|
48516
48512
|
}),
|
|
48517
48513
|
context = _React$useRef.current;
|
|
48518
48514
|
var formFunc = useFormFunc();
|
|
@@ -48566,8 +48562,11 @@ var FormFieldSet = function FormFieldSet(props) {
|
|
|
48566
48562
|
return generateUUID();
|
|
48567
48563
|
});
|
|
48568
48564
|
}
|
|
48569
|
-
var ids = context.ids || [];
|
|
48570
48565
|
valueArr.forEach(function (v, i) {
|
|
48566
|
+
var _context$ids$i;
|
|
48567
|
+
if (context.lastValues[i] !== v) {
|
|
48568
|
+
context.ids[i] = generateUUID();
|
|
48569
|
+
}
|
|
48571
48570
|
result.push( /*#__PURE__*/(0,jsx_runtime.jsx)(Provider, {
|
|
48572
48571
|
value: {
|
|
48573
48572
|
path: "".concat(ProviderValue.path, "[").concat(i, "]"),
|
|
@@ -48614,10 +48613,13 @@ var FormFieldSet = function FormFieldSet(props) {
|
|
|
48614
48613
|
formFunc === null || formFunc === void 0 || formFunc.spliceError(name, i);
|
|
48615
48614
|
}
|
|
48616
48615
|
})
|
|
48617
|
-
}, ids[i]));
|
|
48616
|
+
}, (_context$ids$i = context.ids[i]) !== null && _context$ids$i !== void 0 ? _context$ids$i : i));
|
|
48618
48617
|
});
|
|
48618
|
+
|
|
48619
|
+
// 更新 lastValues
|
|
48620
|
+
context.lastValues = valueArr;
|
|
48619
48621
|
return /*#__PURE__*/(0,jsx_runtime.jsx)(jsx_runtime.Fragment, {
|
|
48620
|
-
children: result
|
|
48622
|
+
children: "result"
|
|
48621
48623
|
});
|
|
48622
48624
|
};
|
|
48623
48625
|
/* harmony default export */ var form_fieldset = (FormFieldSet);
|
|
@@ -58745,7 +58747,7 @@ var useTableVirtual = function useTableVirtual(props) {
|
|
|
58745
58747
|
var rowSpanHeight = 0;
|
|
58746
58748
|
if (rowSpanInfo) {
|
|
58747
58749
|
var siblingsIndexs = [];
|
|
58748
|
-
for (var k =
|
|
58750
|
+
for (var k = i; k < maxRowSpanLenth + i; k++) {
|
|
58749
58751
|
if (rowSpanInfo.rowSpanIndexArray[k] <= i && k > i) {
|
|
58750
58752
|
siblingsIndexs.push(k);
|
|
58751
58753
|
}
|
|
@@ -60907,24 +60909,24 @@ var TabsPanel = function TabsPanel(props) {
|
|
|
60907
60909
|
var isActive = active === id;
|
|
60908
60910
|
var keekAlive = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(false);
|
|
60909
60911
|
(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useLayoutEffect)(function () {
|
|
60912
|
+
var tabData = {
|
|
60913
|
+
id: id,
|
|
60914
|
+
tab: tab,
|
|
60915
|
+
disabled: props.disabled,
|
|
60916
|
+
jssStyle: jssStyle,
|
|
60917
|
+
color: props.color || (active === id ? color : undefined)
|
|
60918
|
+
};
|
|
60910
60919
|
setTabs(function (prev) {
|
|
60911
60920
|
var prevTab = prev.find(function (item) {
|
|
60912
60921
|
return item.id === id;
|
|
60913
60922
|
});
|
|
60914
60923
|
if (prevTab) {
|
|
60915
60924
|
return prev.map(function (item) {
|
|
60916
|
-
|
|
60917
|
-
|
|
60918
|
-
}) : item;
|
|
60925
|
+
if (item.id !== id) return item;
|
|
60926
|
+
return objectSpread2_default()(objectSpread2_default()({}, item), tabData);
|
|
60919
60927
|
});
|
|
60920
60928
|
}
|
|
60921
|
-
return [].concat(toConsumableArray_default()(prev), [
|
|
60922
|
-
id: id,
|
|
60923
|
-
tab: tab,
|
|
60924
|
-
disabled: props.disabled,
|
|
60925
|
-
jssStyle: jssStyle,
|
|
60926
|
-
color: props.color || (active === id ? color : undefined)
|
|
60927
|
-
}]);
|
|
60929
|
+
return [].concat(toConsumableArray_default()(prev), [tabData]);
|
|
60928
60930
|
});
|
|
60929
60931
|
}, [id, tab, color].concat(toConsumableArray_default()(color ? [active] : []), [props.disabled, props.jssStyle]));
|
|
60930
60932
|
if (!isActive && lazy && !keekAlive.current) {
|
|
@@ -66957,7 +66959,7 @@ var upload_interface = __webpack_require__(8821);
|
|
|
66957
66959
|
|
|
66958
66960
|
|
|
66959
66961
|
/* harmony default export */ var src_0 = ({
|
|
66960
|
-
version: '3.5.3-beta.
|
|
66962
|
+
version: '3.5.3-beta.4'
|
|
66961
66963
|
});
|
|
66962
66964
|
}();
|
|
66963
66965
|
/******/ return __webpack_exports__;
|