@sheinx/base 3.3.1 → 3.3.2
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/dropdown/dropdownIn.js +2 -2
- package/cjs/editable-area/editable-area.js +2 -2
- package/cjs/input/input-group.d.ts.map +1 -1
- package/cjs/input/input-group.js +2 -1
- package/cjs/modal/modal-content.d.ts.map +1 -1
- package/cjs/modal/modal-content.js +7 -1
- package/esm/dropdown/dropdownIn.js +2 -2
- package/esm/editable-area/editable-area.js +2 -2
- package/esm/input/input-group.d.ts.map +1 -1
- package/esm/input/input-group.js +2 -1
- package/esm/modal/modal-content.d.ts.map +1 -1
- package/esm/modal/modal-content.js +7 -1
- package/package.json +2 -2
|
@@ -97,10 +97,10 @@ var Dropdown = function Dropdown(props) {
|
|
|
97
97
|
dir: config.direction,
|
|
98
98
|
children: _icons.default.dropdown.DropdownArrow
|
|
99
99
|
}, 'caret');
|
|
100
|
-
var child = [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
100
|
+
var child = placeholder ? [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
101
101
|
className: dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.content,
|
|
102
102
|
children: placeholder
|
|
103
|
-
}, 'text')];
|
|
103
|
+
}, 'text')] : [];
|
|
104
104
|
if (!hideArrow) {
|
|
105
105
|
child.push(caret);
|
|
106
106
|
}
|
|
@@ -161,9 +161,9 @@ var EditableArea = function EditableArea(props) {
|
|
|
161
161
|
};
|
|
162
162
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
163
163
|
className: (0, _classnames.default)(className, editableAreaStyle === null || editableAreaStyle === void 0 ? void 0 : editableAreaStyle.wrapper, status === 'error' && (editableAreaStyle === null || editableAreaStyle === void 0 ? void 0 : editableAreaStyle.wrapperError), disabled && (editableAreaStyle === null || editableAreaStyle === void 0 ? void 0 : editableAreaStyle.wrapperDisabled), !bordered && (editableAreaStyle === null || editableAreaStyle === void 0 ? void 0 : editableAreaStyle.wrapperNoBorder), !!props.innerTitle && (editableAreaStyle === null || editableAreaStyle === void 0 ? void 0 : editableAreaStyle.wrapperInnerTitle)),
|
|
164
|
-
style: _objectSpread(
|
|
164
|
+
style: _objectSpread({
|
|
165
165
|
width: width
|
|
166
|
-
}),
|
|
166
|
+
}, style),
|
|
167
167
|
ref: wrapperRef,
|
|
168
168
|
children: [renderPlaceholder(), renderClear(), renderPopup()]
|
|
169
169
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-group.d.ts","sourceRoot":"","sources":["input-group.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;gCAK9B,eAAe;AAAtC,
|
|
1
|
+
{"version":3,"file":"input-group.d.ts","sourceRoot":"","sources":["input-group.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;gCAK9B,eAAe;AAAtC,wBA+DE"}
|
package/cjs/input/input-group.js
CHANGED
|
@@ -92,7 +92,8 @@ var _default = exports.default = function _default(props) {
|
|
|
92
92
|
}
|
|
93
93
|
if ( /*#__PURE__*/React.isValidElement(child)) {
|
|
94
94
|
return /*#__PURE__*/(0, _react.cloneElement)(child, _objectSpread(_objectSpread({}, getProps(child)), {}, {
|
|
95
|
-
disabled: child.props.disabled || disabled
|
|
95
|
+
disabled: child.props.disabled || disabled,
|
|
96
|
+
size: child.props.size || size
|
|
96
97
|
}));
|
|
97
98
|
}
|
|
98
99
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-content.d.ts","sourceRoot":"","sources":["modal-content.tsx"],"names":[],"mappings":";AAQA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAoB9D,QAAA,MAAM,KAAK,UAAW,iBAAiB,
|
|
1
|
+
{"version":3,"file":"modal-content.d.ts","sourceRoot":"","sources":["modal-content.tsx"],"names":[],"mappings":";AAQA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAoB9D,QAAA,MAAM,KAAK,UAAW,iBAAiB,uBA6UtC,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -217,7 +217,10 @@ var Modal = function Modal(props) {
|
|
|
217
217
|
});
|
|
218
218
|
};
|
|
219
219
|
var renderHeader = function renderHeader() {
|
|
220
|
-
var showCloseIcon =
|
|
220
|
+
var showCloseIcon = maskCloseAble === null || !!maskCloseAble;
|
|
221
|
+
if (props.hideClose !== undefined) {
|
|
222
|
+
showCloseIcon = !props.hideClose;
|
|
223
|
+
}
|
|
221
224
|
var isEmptyTitle = !props.title && props.title !== 0;
|
|
222
225
|
if (isEmptyTitle) {
|
|
223
226
|
var closeRoot = (0, _classnames.default)(modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.headerClose, modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.emptyClose);
|
|
@@ -302,6 +305,9 @@ var Modal = function Modal(props) {
|
|
|
302
305
|
}
|
|
303
306
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_formFooterContext.FormFooterProvider, {
|
|
304
307
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
308
|
+
onClick: function onClick(e) {
|
|
309
|
+
e.stopPropagation();
|
|
310
|
+
},
|
|
305
311
|
className: (0, _classnames.default)(props.rootClassName, modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapper, animation && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperAnimation), visible ? modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperShow : modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperHide, (context.isMask || props.forceMask) && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperIsMask), props.fullScreen && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperFullScreen), props.moveable && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperMoveable), props.hideMask && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperHideMask), props.zoom && !props.moveable && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperZoom), (isPositionX || isPositionY) && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperDrawer), props.position === 'left' && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperDrawerLeft), props.position === 'right' && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperDrawerRight), props.position === 'top' && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperDrawerTop), props.position === 'bottom' && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperDrawerBottom)),
|
|
306
312
|
onAnimationEnd: handleAnimationEnd,
|
|
307
313
|
style: {
|
|
@@ -91,10 +91,10 @@ var Dropdown = function Dropdown(props) {
|
|
|
91
91
|
dir: config.direction,
|
|
92
92
|
children: Icons.dropdown.DropdownArrow
|
|
93
93
|
}, 'caret');
|
|
94
|
-
var child = [/*#__PURE__*/_jsx("span", {
|
|
94
|
+
var child = placeholder ? [/*#__PURE__*/_jsx("span", {
|
|
95
95
|
className: dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.content,
|
|
96
96
|
children: placeholder
|
|
97
|
-
}, 'text')];
|
|
97
|
+
}, 'text')] : [];
|
|
98
98
|
if (!hideArrow) {
|
|
99
99
|
child.push(caret);
|
|
100
100
|
}
|
|
@@ -153,9 +153,9 @@ var EditableArea = function EditableArea(props) {
|
|
|
153
153
|
};
|
|
154
154
|
return /*#__PURE__*/_jsxs("div", {
|
|
155
155
|
className: classNames(className, editableAreaStyle === null || editableAreaStyle === void 0 ? void 0 : editableAreaStyle.wrapper, status === 'error' && (editableAreaStyle === null || editableAreaStyle === void 0 ? void 0 : editableAreaStyle.wrapperError), disabled && (editableAreaStyle === null || editableAreaStyle === void 0 ? void 0 : editableAreaStyle.wrapperDisabled), !bordered && (editableAreaStyle === null || editableAreaStyle === void 0 ? void 0 : editableAreaStyle.wrapperNoBorder), !!props.innerTitle && (editableAreaStyle === null || editableAreaStyle === void 0 ? void 0 : editableAreaStyle.wrapperInnerTitle)),
|
|
156
|
-
style: _objectSpread(
|
|
156
|
+
style: _objectSpread({
|
|
157
157
|
width: width
|
|
158
|
-
}),
|
|
158
|
+
}, style),
|
|
159
159
|
ref: wrapperRef,
|
|
160
160
|
children: [renderPlaceholder(), renderClear(), renderPopup()]
|
|
161
161
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-group.d.ts","sourceRoot":"","sources":["input-group.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;gCAK9B,eAAe;AAAtC,
|
|
1
|
+
{"version":3,"file":"input-group.d.ts","sourceRoot":"","sources":["input-group.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;gCAK9B,eAAe;AAAtC,wBA+DE"}
|
package/esm/input/input-group.js
CHANGED
|
@@ -84,7 +84,8 @@ export default (function (props) {
|
|
|
84
84
|
}
|
|
85
85
|
if ( /*#__PURE__*/React.isValidElement(child)) {
|
|
86
86
|
return /*#__PURE__*/cloneElement(child, _objectSpread(_objectSpread({}, getProps(child)), {}, {
|
|
87
|
-
disabled: child.props.disabled || disabled
|
|
87
|
+
disabled: child.props.disabled || disabled,
|
|
88
|
+
size: child.props.size || size
|
|
88
89
|
}));
|
|
89
90
|
}
|
|
90
91
|
return /*#__PURE__*/_jsx("span", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-content.d.ts","sourceRoot":"","sources":["modal-content.tsx"],"names":[],"mappings":";AAQA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAoB9D,QAAA,MAAM,KAAK,UAAW,iBAAiB,
|
|
1
|
+
{"version":3,"file":"modal-content.d.ts","sourceRoot":"","sources":["modal-content.tsx"],"names":[],"mappings":";AAQA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAoB9D,QAAA,MAAM,KAAK,UAAW,iBAAiB,uBA6UtC,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -211,7 +211,10 @@ var Modal = function Modal(props) {
|
|
|
211
211
|
});
|
|
212
212
|
};
|
|
213
213
|
var renderHeader = function renderHeader() {
|
|
214
|
-
var showCloseIcon =
|
|
214
|
+
var showCloseIcon = maskCloseAble === null || !!maskCloseAble;
|
|
215
|
+
if (props.hideClose !== undefined) {
|
|
216
|
+
showCloseIcon = !props.hideClose;
|
|
217
|
+
}
|
|
215
218
|
var isEmptyTitle = !props.title && props.title !== 0;
|
|
216
219
|
if (isEmptyTitle) {
|
|
217
220
|
var closeRoot = classNames(modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.headerClose, modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.emptyClose);
|
|
@@ -296,6 +299,9 @@ var Modal = function Modal(props) {
|
|
|
296
299
|
}
|
|
297
300
|
return /*#__PURE__*/_jsx(FormFooterProvider, {
|
|
298
301
|
children: /*#__PURE__*/_jsx("div", {
|
|
302
|
+
onClick: function onClick(e) {
|
|
303
|
+
e.stopPropagation();
|
|
304
|
+
},
|
|
299
305
|
className: classNames(props.rootClassName, modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapper, animation && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperAnimation), visible ? modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperShow : modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperHide, (context.isMask || props.forceMask) && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperIsMask), props.fullScreen && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperFullScreen), props.moveable && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperMoveable), props.hideMask && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperHideMask), props.zoom && !props.moveable && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperZoom), (isPositionX || isPositionY) && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperDrawer), props.position === 'left' && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperDrawerLeft), props.position === 'right' && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperDrawerRight), props.position === 'top' && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperDrawerTop), props.position === 'bottom' && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.wrapperDrawerBottom)),
|
|
300
306
|
onAnimationEnd: handleAnimationEnd,
|
|
301
307
|
style: {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sheinx/base",
|
|
3
|
-
"version": "3.3.
|
|
3
|
+
"version": "3.3.2",
|
|
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.3.
|
|
13
|
+
"@sheinx/hooks": "3.3.2",
|
|
14
14
|
"immer": "^10.0.0",
|
|
15
15
|
"classnames": "^2.0.0",
|
|
16
16
|
"@shined/reactive": "^0.1.3-alpha.0"
|