@sheinx/base 3.9.6 → 3.9.7-beta.10
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/progress/circle.d.ts.map +1 -1
- package/cjs/progress/circle.js +41 -3
- package/cjs/progress/line.d.ts.map +1 -1
- package/cjs/progress/line.js +33 -6
- package/cjs/progress/progress.type.d.ts +11 -0
- package/cjs/progress/progress.type.d.ts.map +1 -1
- package/cjs/slider/slider.d.ts.map +1 -1
- package/cjs/slider/slider.js +30 -4
- package/cjs/slider/slider.type.d.ts +11 -3
- package/cjs/slider/slider.type.d.ts.map +1 -1
- package/cjs/tabs/tab.d.ts.map +1 -1
- package/cjs/tabs/tab.js +2 -2
- package/cjs/tabs/tabs-panel.d.ts.map +1 -1
- package/cjs/tabs/tabs-panel.js +2 -2
- package/cjs/tree/tree.d.ts.map +1 -1
- package/cjs/tree/tree.js +11 -4
- package/esm/progress/circle.d.ts.map +1 -1
- package/esm/progress/circle.js +41 -3
- package/esm/progress/line.d.ts.map +1 -1
- package/esm/progress/line.js +33 -6
- package/esm/progress/progress.type.d.ts +11 -0
- package/esm/progress/progress.type.d.ts.map +1 -1
- package/esm/slider/slider.d.ts.map +1 -1
- package/esm/slider/slider.js +30 -4
- package/esm/slider/slider.type.d.ts +11 -3
- package/esm/slider/slider.type.d.ts.map +1 -1
- package/esm/tabs/tab.d.ts.map +1 -1
- package/esm/tabs/tab.js +2 -2
- package/esm/tabs/tabs-panel.d.ts.map +1 -1
- package/esm/tabs/tabs-panel.js +3 -3
- package/esm/tree/tree.d.ts.map +1 -1
- package/esm/tree/tree.js +11 -4
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"circle.d.ts","sourceRoot":"","sources":["circle.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"circle.d.ts","sourceRoot":"","sources":["circle.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAMhD,QAAA,MAAM,MAAM,UAAW,aAAa,4CAgHnC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
package/cjs/progress/circle.js
CHANGED
|
@@ -8,8 +8,14 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
8
8
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
9
9
|
var _icons = _interopRequireDefault(require("../icons"));
|
|
10
10
|
var _analyzeColor = _interopRequireDefault(require("./analyzeColor"));
|
|
11
|
+
var _hooks = require("@sheinx/hooks");
|
|
11
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
|
+
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; }
|
|
15
|
+
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; }
|
|
16
|
+
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; }
|
|
17
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
18
|
+
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); }
|
|
13
19
|
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); }
|
|
14
20
|
var Circle = function Circle(props) {
|
|
15
21
|
var _props$jssStyle;
|
|
@@ -24,7 +30,8 @@ var Circle = function Circle(props) {
|
|
|
24
30
|
size = _props$size === void 0 ? 64 : _props$size,
|
|
25
31
|
_props$strokeLinecap = props.strokeLinecap,
|
|
26
32
|
strokeLinecap = _props$strokeLinecap === void 0 ? 'round' : _props$strokeLinecap,
|
|
27
|
-
iconSize = props.iconSize
|
|
33
|
+
iconSize = props.iconSize,
|
|
34
|
+
success = props.success;
|
|
28
35
|
var progressClasses = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 ? void 0 : _props$jssStyle.progress();
|
|
29
36
|
var iconStyle = {
|
|
30
37
|
width: iconSize,
|
|
@@ -42,8 +49,13 @@ var Circle = function Circle(props) {
|
|
|
42
49
|
}, props.style);
|
|
43
50
|
var width = value === 0 && strokeLinecap === 'round' ? 0 : strokeWidth;
|
|
44
51
|
var objColor = color && _typeof(color) === 'object';
|
|
52
|
+
|
|
53
|
+
// Success circle calculation
|
|
54
|
+
var successDasharray = success ? [p * (success.value / 100), p * (1 - success.value / 100)] : null;
|
|
55
|
+
var successWidth = success && success.value === 0 && strokeLinecap === 'round' ? 0 : strokeWidth;
|
|
56
|
+
var objSuccessColor = (success === null || success === void 0 ? void 0 : success.color) && _typeof(success.color) === 'object';
|
|
45
57
|
var mc = (0, _classnames.default)(props.className, progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.rootClass, progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.circle, progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapper, type === 'success' && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapperSuccess), type === 'info' && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapperInfo), type === 'warning' && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapperWarning), type === 'danger' && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapperDanger));
|
|
46
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
58
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, _hooks.util.extractProps(props, 'mouse')), {}, {
|
|
47
59
|
className: mc,
|
|
48
60
|
style: style,
|
|
49
61
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
|
|
@@ -62,6 +74,20 @@ var Circle = function Circle(props) {
|
|
|
62
74
|
}, c.pos);
|
|
63
75
|
})
|
|
64
76
|
})
|
|
77
|
+
}) : null, objSuccessColor && success !== null && success !== void 0 && success.color && _typeof(success.color) === 'object' ? /*#__PURE__*/(0, _jsxRuntime.jsx)("defs", {
|
|
78
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("linearGradient", {
|
|
79
|
+
id: "progress-success-linear",
|
|
80
|
+
x1: "50%",
|
|
81
|
+
x2: "50%",
|
|
82
|
+
y1: "0%",
|
|
83
|
+
y2: "100%",
|
|
84
|
+
children: (0, _analyzeColor.default)(success.color).map(function (c) {
|
|
85
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
|
|
86
|
+
offset: c.pos,
|
|
87
|
+
stopColor: c.color
|
|
88
|
+
}, c.pos);
|
|
89
|
+
})
|
|
90
|
+
})
|
|
65
91
|
}) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
|
|
66
92
|
className: progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.circleBg,
|
|
67
93
|
cx: cx,
|
|
@@ -84,6 +110,18 @@ var Circle = function Circle(props) {
|
|
|
84
110
|
strokeDasharray: dasharray,
|
|
85
111
|
strokeLinecap: strokeLinecap,
|
|
86
112
|
strokeWidth: width
|
|
113
|
+
}), success && successDasharray && /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
|
|
114
|
+
className: progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.circleSuccess,
|
|
115
|
+
cx: cx,
|
|
116
|
+
cy: cy,
|
|
117
|
+
r: r,
|
|
118
|
+
fill: "transparent",
|
|
119
|
+
style: {
|
|
120
|
+
stroke: objSuccessColor ? "url('#progress-success-linear')" : typeof success.color === 'string' ? success.color : undefined
|
|
121
|
+
},
|
|
122
|
+
strokeDasharray: successDasharray,
|
|
123
|
+
strokeLinecap: strokeLinecap,
|
|
124
|
+
strokeWidth: successWidth
|
|
87
125
|
})]
|
|
88
126
|
}), !showIcon && props.children && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
89
127
|
className: progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.content,
|
|
@@ -93,6 +131,6 @@ var Circle = function Circle(props) {
|
|
|
93
131
|
style: iconStyle,
|
|
94
132
|
children: [type === 'info' && _icons.default.progress.InfoCircle, type === 'warning' && _icons.default.progress.WarningCircle, type === 'success' && _icons.default.progress.SuccessCircle, type === 'danger' && _icons.default.progress.DangerCircle]
|
|
95
133
|
})]
|
|
96
|
-
});
|
|
134
|
+
}));
|
|
97
135
|
};
|
|
98
136
|
var _default = exports.default = Circle;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"line.d.ts","sourceRoot":"","sources":["line.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"line.d.ts","sourceRoot":"","sources":["line.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAOhD,QAAA,MAAM,IAAI,UAAW,aAAa,4CAsGjC,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
package/cjs/progress/line.js
CHANGED
|
@@ -9,8 +9,14 @@ var _classnames = _interopRequireDefault(require("classnames"));
|
|
|
9
9
|
var _analyzeColor = _interopRequireDefault(require("./analyzeColor"));
|
|
10
10
|
var _linePopup = _interopRequireDefault(require("./line-popup"));
|
|
11
11
|
var _icons = _interopRequireDefault(require("../icons"));
|
|
12
|
+
var _hooks = require("@sheinx/hooks");
|
|
12
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
+
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; }
|
|
16
|
+
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; }
|
|
17
|
+
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; }
|
|
18
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
19
|
+
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); }
|
|
14
20
|
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); }
|
|
15
21
|
var Line = function Line(props) {
|
|
16
22
|
var _props$jssStyle;
|
|
@@ -21,7 +27,8 @@ var Line = function Line(props) {
|
|
|
21
27
|
_props$type = props.type,
|
|
22
28
|
type = _props$type === void 0 ? 'info' : _props$type,
|
|
23
29
|
iconSize = props.iconSize,
|
|
24
|
-
popup = props.popup
|
|
30
|
+
popup = props.popup,
|
|
31
|
+
success = props.success;
|
|
25
32
|
var progressClasses = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 ? void 0 : _props$jssStyle.progress();
|
|
26
33
|
var isInner = shape === 'line-inner';
|
|
27
34
|
var isInnerRight = isInner && value < 10;
|
|
@@ -50,21 +57,41 @@ var Line = function Line(props) {
|
|
|
50
57
|
return p ? "".concat(p, ",").concat(col) : col;
|
|
51
58
|
}, ''), ")");
|
|
52
59
|
}
|
|
60
|
+
|
|
61
|
+
// Success progress bar style
|
|
62
|
+
var successStyle = success ? {
|
|
63
|
+
width: "".concat(success.value / 100 * 100, "%"),
|
|
64
|
+
borderRadius: props.strokeWidth && props.strokeWidth / 2
|
|
65
|
+
} : undefined;
|
|
66
|
+
if (successStyle && success) {
|
|
67
|
+
if (typeof success.color === 'string') {
|
|
68
|
+
successStyle.background = success.color;
|
|
69
|
+
successStyle.backgroundSize = '1em 1em';
|
|
70
|
+
} else if (_typeof(success.color) === 'object') {
|
|
71
|
+
successStyle.background = "linear-gradient(to right, ".concat((0, _analyzeColor.default)(success.color).reduce(function (p, v) {
|
|
72
|
+
var col = "".concat(v.color, " ").concat(v.pos);
|
|
73
|
+
return p ? "".concat(p, ",").concat(col) : col;
|
|
74
|
+
}, ''), ")");
|
|
75
|
+
}
|
|
76
|
+
}
|
|
53
77
|
var children = props.children ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
54
78
|
className: (0, _classnames.default)(progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.content),
|
|
55
79
|
children: props.children
|
|
56
80
|
}) : null;
|
|
57
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
81
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, _hooks.util.extractProps(props, 'mouse')), {}, {
|
|
58
82
|
className: mc,
|
|
59
83
|
style: props.style,
|
|
60
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.
|
|
84
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
61
85
|
className: progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.lineBg,
|
|
62
86
|
style: bgStyle,
|
|
63
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
87
|
+
children: [success && successStyle && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
88
|
+
className: progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.lineSuccess,
|
|
89
|
+
style: successStyle
|
|
90
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
64
91
|
className: progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.lineFront,
|
|
65
92
|
style: frontStyle,
|
|
66
93
|
children: isInner && children
|
|
67
|
-
})
|
|
94
|
+
})]
|
|
68
95
|
}), isDefaultPop ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_linePopup.default, {
|
|
69
96
|
value: value,
|
|
70
97
|
jssStyle: props.jssStyle,
|
|
@@ -74,6 +101,6 @@ var Line = function Line(props) {
|
|
|
74
101
|
style: iconStyle,
|
|
75
102
|
children: [type === 'info' && _icons.default.progress.InfoLine, type === 'warning' && _icons.default.progress.WarningLine, type === 'success' && _icons.default.progress.SuccessLine, type === 'danger' && _icons.default.progress.DangerLine]
|
|
76
103
|
})]
|
|
77
|
-
});
|
|
104
|
+
}));
|
|
78
105
|
};
|
|
79
106
|
var _default = exports.default = Line;
|
|
@@ -13,6 +13,7 @@ export interface ProgressClasses {
|
|
|
13
13
|
content: string;
|
|
14
14
|
lineBg: string;
|
|
15
15
|
lineFront: string;
|
|
16
|
+
lineSuccess: string;
|
|
16
17
|
lineDefault: string;
|
|
17
18
|
lineInnerRight: string;
|
|
18
19
|
linePopWrapper: string;
|
|
@@ -22,6 +23,7 @@ export interface ProgressClasses {
|
|
|
22
23
|
circle: string;
|
|
23
24
|
circleBg: string;
|
|
24
25
|
circleFront: string;
|
|
26
|
+
circleSuccess: string;
|
|
25
27
|
}
|
|
26
28
|
export interface ColorStep {
|
|
27
29
|
form?: string;
|
|
@@ -108,5 +110,14 @@ export interface ProgressProps extends Pick<CommonType, 'className' | 'style'> {
|
|
|
108
110
|
* @en Icon size
|
|
109
111
|
*/
|
|
110
112
|
iconSize?: number;
|
|
113
|
+
/**
|
|
114
|
+
* @cn 成功进度配置,在主进度上层显示成功部分的进度
|
|
115
|
+
* @en Success progress configuration, display success part on top of main progress
|
|
116
|
+
* @version 3.9.7
|
|
117
|
+
*/
|
|
118
|
+
success?: {
|
|
119
|
+
value: number;
|
|
120
|
+
color?: string | ColorStep;
|
|
121
|
+
};
|
|
111
122
|
}
|
|
112
123
|
//# sourceMappingURL=progress.type.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progress.type.d.ts","sourceRoot":"","sources":["progress.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"progress.type.d.ts","sourceRoot":"","sources":["progress.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,SAAS;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;CACnC;AAED;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IAC5E,QAAQ,CAAC,EAAE;QACT,QAAQ,EAAE,MAAM,eAAe,CAAC;KACjC,CAAC;IAEF;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAEpC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE3B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,YAAY,CAAC;IAEtD;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE5B;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;IAEjD;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,eAAe,CAAC,CAAC;IAC1D;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,OAAO,CAAC,EAAE;QACR,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;KAC5B,CAAC;CACH"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["slider.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAK5C,QAAA,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["slider.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAK5C,QAAA,MAAM,MAAM,0GAkJX,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
package/cjs/slider/slider.js
CHANGED
|
@@ -51,7 +51,9 @@ var Slider = function Slider(props0) {
|
|
|
51
51
|
step: step,
|
|
52
52
|
vertical: !!props.vertical,
|
|
53
53
|
onIncrease: props.onIncrease,
|
|
54
|
-
direction: config.direction
|
|
54
|
+
direction: config.direction,
|
|
55
|
+
disabled: props.disabled,
|
|
56
|
+
discrete: props.discrete
|
|
55
57
|
}),
|
|
56
58
|
func = _useSlider.func,
|
|
57
59
|
trackRef = _useSlider.trackRef,
|
|
@@ -73,12 +75,20 @@ var Slider = function Slider(props0) {
|
|
|
73
75
|
children: formated
|
|
74
76
|
});
|
|
75
77
|
};
|
|
78
|
+
var isDisabled = function isDisabled(value) {
|
|
79
|
+
if (typeof props.disabled === 'function') {
|
|
80
|
+
return props.disabled(value);
|
|
81
|
+
}
|
|
82
|
+
return !!props.disabled;
|
|
83
|
+
};
|
|
76
84
|
var renderIndicator = function renderIndicator(position) {
|
|
77
85
|
if (!props.range && position === 0) return null;
|
|
78
86
|
var handleEndMouseDown = position === 0 ? func.handleStartMouseDown : func.handleEndMouseDown;
|
|
87
|
+
var value = position === 0 ? startValue : endValue;
|
|
88
|
+
var disabled = isDisabled(value);
|
|
79
89
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
80
90
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
81
|
-
onMouseDown:
|
|
91
|
+
onMouseDown: disabled ? undefined : handleEndMouseDown,
|
|
82
92
|
className: (0, _classnames.default)(sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.indicator, position === 0 ? sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.indicatorStart : sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.indicatorEnd, dragIndex === position && (sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.indicatorActive), tipType === 'hover' && (sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.indicatorHover)),
|
|
83
93
|
dir: config.direction
|
|
84
94
|
}), renderIndicatorValue(position)]
|
|
@@ -94,14 +104,30 @@ var Slider = function Slider(props0) {
|
|
|
94
104
|
var verticalStyle = props.vertical ? {
|
|
95
105
|
height: height
|
|
96
106
|
} : {};
|
|
107
|
+
|
|
108
|
+
// For boolean disabled, use it directly; for function disabled, check all values
|
|
109
|
+
var isWholeDisabled = function isWholeDisabled() {
|
|
110
|
+
if (typeof props.disabled === 'boolean' || props.disabled === undefined) {
|
|
111
|
+
return !!props.disabled;
|
|
112
|
+
}
|
|
113
|
+
// For function disabled, the component is not fully disabled (individual indicators are)
|
|
114
|
+
return false;
|
|
115
|
+
};
|
|
116
|
+
var shouldDisableTrackClick = function shouldDisableTrackClick() {
|
|
117
|
+
if (typeof props.disabled === 'boolean' || props.disabled === undefined) {
|
|
118
|
+
return !!props.disabled;
|
|
119
|
+
}
|
|
120
|
+
// For function disabled, allow track clicks
|
|
121
|
+
return false;
|
|
122
|
+
};
|
|
97
123
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
98
124
|
id: fieldId,
|
|
99
|
-
className: (0, _classnames.default)(sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.rootClass, sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.wrapper, props.autoHide && (sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.autoHide),
|
|
125
|
+
className: (0, _classnames.default)(sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.rootClass, sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.wrapper, props.autoHide && (sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.autoHide), isWholeDisabled() && (sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.disabled), props.vertical && (sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.vertical), props.className),
|
|
100
126
|
style: _objectSpread(_objectSpread({}, verticalStyle), props.style),
|
|
101
127
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
102
128
|
className: sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.track,
|
|
103
129
|
ref: trackRef,
|
|
104
|
-
onClick:
|
|
130
|
+
onClick: shouldDisableTrackClick() ? undefined : func.handleTrackClick,
|
|
105
131
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
106
132
|
className: sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.trackInner,
|
|
107
133
|
style: innerStyle,
|
|
@@ -97,11 +97,19 @@ export interface SliderProps<Value> extends Pick<CommonType, 'className' | 'styl
|
|
|
97
97
|
*/
|
|
98
98
|
range?: boolean;
|
|
99
99
|
/**
|
|
100
|
-
* @en Disable component
|
|
101
|
-
* @cn
|
|
100
|
+
* @en Disable component. When it is a function, the value is the current value and the return value is whether to disable
|
|
101
|
+
* @cn 是否禁用组件。当值为函数时,参数为当前值,返回值表示是否禁用
|
|
102
102
|
* @default false
|
|
103
|
+
* @version 3.9.7 增加函数格式支持
|
|
103
104
|
*/
|
|
104
|
-
disabled?: boolean;
|
|
105
|
+
disabled?: boolean | ((value: number) => boolean);
|
|
106
|
+
/**
|
|
107
|
+
* @en Whether to use discrete mode, snapping the indicator to step values during dragging
|
|
108
|
+
* @cn 是否使用离散模式,拖拽时对齐到步长值
|
|
109
|
+
* @default false
|
|
110
|
+
* @version 3.9.7
|
|
111
|
+
*/
|
|
112
|
+
discrete?: boolean;
|
|
105
113
|
/**
|
|
106
114
|
* @en Drag over the maximum event
|
|
107
115
|
* @cn 拖动超过最大值事件
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slider.type.d.ts","sourceRoot":"","sources":["slider.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAE9D,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,cAAc;IAC7B,MAAM,CAAC,EAAE,MAAM,aAAa,CAAC;CAC9B;AAED,MAAM,WAAW,WAAW,CAAC,KAAK,CAChC,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC,EAC7C,gBAAgB,CAAC,KAAK,CAAC;IACzB;;;;OAIG;IACH,YAAY,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAClC,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC;IAE3E;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC;IAE3D;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAElC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IAEjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IAEd;;;OAGG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;IAErB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB
|
|
1
|
+
{"version":3,"file":"slider.type.d.ts","sourceRoot":"","sources":["slider.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAE9D,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,cAAc;IAC7B,MAAM,CAAC,EAAE,MAAM,aAAa,CAAC;CAC9B;AAED,MAAM,WAAW,WAAW,CAAC,KAAK,CAChC,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC,EAC7C,gBAAgB,CAAC,KAAK,CAAC;IACzB;;;;OAIG;IACH,YAAY,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAClC,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC;IAE3E;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC;IAE3D;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAElC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IAEjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IAEd;;;OAGG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;IAErB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,CAAC;IAElD;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB"}
|
package/cjs/tabs/tab.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;;
|
|
1
|
+
{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;;AAsItC,wBAAqC"}
|
package/cjs/tabs/tab.js
CHANGED
|
@@ -91,9 +91,9 @@ var Tab = function Tab(props, _ref) {
|
|
|
91
91
|
if (shape === 'card') {
|
|
92
92
|
style.color = color;
|
|
93
93
|
}
|
|
94
|
-
var containerProps = _objectSpread(_objectSpread({
|
|
94
|
+
var containerProps = _objectSpread(_objectSpread(_objectSpread({
|
|
95
95
|
className: tabClass
|
|
96
|
-
}, getStateProps()), {}, {
|
|
96
|
+
}, getStateProps()), _hooks.util.extractProps(props, "data-attr")), {}, {
|
|
97
97
|
style: style,
|
|
98
98
|
onClick: handleClick,
|
|
99
99
|
ref: _ref,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs-panel.d.ts","sourceRoot":"","sources":["tabs-panel.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGnD,QAAA,MAAM,SAAS,UAAW,cAAc,
|
|
1
|
+
{"version":3,"file":"tabs-panel.d.ts","sourceRoot":"","sources":["tabs-panel.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGnD,QAAA,MAAM,SAAS,UAAW,cAAc,mDAoEvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
package/cjs/tabs/tabs-panel.js
CHANGED
|
@@ -41,14 +41,14 @@ var TabsPanel = function TabsPanel(props) {
|
|
|
41
41
|
var isActive = active === id;
|
|
42
42
|
var keekAlive = (0, _react.useRef)(false);
|
|
43
43
|
(0, _react.useLayoutEffect)(function () {
|
|
44
|
-
var tabData = {
|
|
44
|
+
var tabData = _objectSpread({
|
|
45
45
|
id: id,
|
|
46
46
|
tab: tab,
|
|
47
47
|
disabled: props.disabled,
|
|
48
48
|
jssStyle: jssStyle,
|
|
49
49
|
background: shape !== 'button' && shape !== 'fill' ? background : undefined,
|
|
50
50
|
color: props.color || (active === id ? color : undefined)
|
|
51
|
-
};
|
|
51
|
+
}, _hooks.util.extractProps(props, 'data-attr'));
|
|
52
52
|
setTabs(function (prev) {
|
|
53
53
|
var oldTab = prev.find(function (item) {
|
|
54
54
|
return item.id === id;
|
package/cjs/tree/tree.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["tree.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAA4B,MAAM,eAAe,CAAC;AAEvE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAQxC,QAAA,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["tree.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAA4B,MAAM,eAAe,CAAC;AAEvE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAQxC,QAAA,MAAM,IAAI,wHAmTT,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
package/cjs/tree/tree.js
CHANGED
|
@@ -148,16 +148,23 @@ var Tree = function Tree(props) {
|
|
|
148
148
|
return props.height || styleHeight;
|
|
149
149
|
};
|
|
150
150
|
var handleUpdateActive = function handleUpdateActive(active, item) {
|
|
151
|
-
|
|
152
|
-
if (
|
|
153
|
-
|
|
151
|
+
var fromUser = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
152
|
+
if (isActiveControlled && fromUser) {
|
|
153
|
+
// 受控模式下,用户点击时只调用外部回调,不更新内部状态
|
|
154
|
+
if (active !== props.active) {
|
|
155
|
+
propSetActive === null || propSetActive === void 0 || propSetActive(active, item);
|
|
156
|
+
}
|
|
157
|
+
return;
|
|
154
158
|
}
|
|
159
|
+
|
|
160
|
+
// 其他情况(非受控模式,或受控模式下由 props.active 变化触发),更新内部状态和节点
|
|
161
|
+
setActive(active);
|
|
155
162
|
datum.updateMap.forEach(function (update, id) {
|
|
156
163
|
update('active', id === active);
|
|
157
164
|
});
|
|
158
165
|
};
|
|
159
166
|
var handleNodeClick = function handleNodeClick(node, id) {
|
|
160
|
-
handleUpdateActive(id, node);
|
|
167
|
+
handleUpdateActive(id, node, true);
|
|
161
168
|
if (onClick) {
|
|
162
169
|
onClick(node, id, datum.getPath(id));
|
|
163
170
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"circle.d.ts","sourceRoot":"","sources":["circle.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"circle.d.ts","sourceRoot":"","sources":["circle.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAMhD,QAAA,MAAM,MAAM,UAAW,aAAa,4CAgHnC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
package/esm/progress/circle.js
CHANGED
|
@@ -1,8 +1,14 @@
|
|
|
1
|
+
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; }
|
|
2
|
+
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; }
|
|
3
|
+
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; }
|
|
4
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
5
|
+
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); }
|
|
1
6
|
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
7
|
import React from 'react';
|
|
3
8
|
import classNames from 'classnames';
|
|
4
9
|
import Icons from "../icons";
|
|
5
10
|
import analyzeColor from "./analyzeColor";
|
|
11
|
+
import { util } from '@sheinx/hooks';
|
|
6
12
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
13
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
14
|
var Circle = function Circle(props) {
|
|
@@ -18,7 +24,8 @@ var Circle = function Circle(props) {
|
|
|
18
24
|
size = _props$size === void 0 ? 64 : _props$size,
|
|
19
25
|
_props$strokeLinecap = props.strokeLinecap,
|
|
20
26
|
strokeLinecap = _props$strokeLinecap === void 0 ? 'round' : _props$strokeLinecap,
|
|
21
|
-
iconSize = props.iconSize
|
|
27
|
+
iconSize = props.iconSize,
|
|
28
|
+
success = props.success;
|
|
22
29
|
var progressClasses = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 ? void 0 : _props$jssStyle.progress();
|
|
23
30
|
var iconStyle = {
|
|
24
31
|
width: iconSize,
|
|
@@ -36,8 +43,13 @@ var Circle = function Circle(props) {
|
|
|
36
43
|
}, props.style);
|
|
37
44
|
var width = value === 0 && strokeLinecap === 'round' ? 0 : strokeWidth;
|
|
38
45
|
var objColor = color && _typeof(color) === 'object';
|
|
46
|
+
|
|
47
|
+
// Success circle calculation
|
|
48
|
+
var successDasharray = success ? [p * (success.value / 100), p * (1 - success.value / 100)] : null;
|
|
49
|
+
var successWidth = success && success.value === 0 && strokeLinecap === 'round' ? 0 : strokeWidth;
|
|
50
|
+
var objSuccessColor = (success === null || success === void 0 ? void 0 : success.color) && _typeof(success.color) === 'object';
|
|
39
51
|
var mc = classNames(props.className, progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.rootClass, progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.circle, progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapper, type === 'success' && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapperSuccess), type === 'info' && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapperInfo), type === 'warning' && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapperWarning), type === 'danger' && (progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.wrapperDanger));
|
|
40
|
-
return /*#__PURE__*/_jsxs("div", {
|
|
52
|
+
return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({}, util.extractProps(props, 'mouse')), {}, {
|
|
41
53
|
className: mc,
|
|
42
54
|
style: style,
|
|
43
55
|
children: [/*#__PURE__*/_jsxs("svg", {
|
|
@@ -56,6 +68,20 @@ var Circle = function Circle(props) {
|
|
|
56
68
|
}, c.pos);
|
|
57
69
|
})
|
|
58
70
|
})
|
|
71
|
+
}) : null, objSuccessColor && success !== null && success !== void 0 && success.color && _typeof(success.color) === 'object' ? /*#__PURE__*/_jsx("defs", {
|
|
72
|
+
children: /*#__PURE__*/_jsx("linearGradient", {
|
|
73
|
+
id: "progress-success-linear",
|
|
74
|
+
x1: "50%",
|
|
75
|
+
x2: "50%",
|
|
76
|
+
y1: "0%",
|
|
77
|
+
y2: "100%",
|
|
78
|
+
children: analyzeColor(success.color).map(function (c) {
|
|
79
|
+
return /*#__PURE__*/_jsx("stop", {
|
|
80
|
+
offset: c.pos,
|
|
81
|
+
stopColor: c.color
|
|
82
|
+
}, c.pos);
|
|
83
|
+
})
|
|
84
|
+
})
|
|
59
85
|
}) : null, /*#__PURE__*/_jsx("circle", {
|
|
60
86
|
className: progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.circleBg,
|
|
61
87
|
cx: cx,
|
|
@@ -78,6 +104,18 @@ var Circle = function Circle(props) {
|
|
|
78
104
|
strokeDasharray: dasharray,
|
|
79
105
|
strokeLinecap: strokeLinecap,
|
|
80
106
|
strokeWidth: width
|
|
107
|
+
}), success && successDasharray && /*#__PURE__*/_jsx("circle", {
|
|
108
|
+
className: progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.circleSuccess,
|
|
109
|
+
cx: cx,
|
|
110
|
+
cy: cy,
|
|
111
|
+
r: r,
|
|
112
|
+
fill: "transparent",
|
|
113
|
+
style: {
|
|
114
|
+
stroke: objSuccessColor ? "url('#progress-success-linear')" : typeof success.color === 'string' ? success.color : undefined
|
|
115
|
+
},
|
|
116
|
+
strokeDasharray: successDasharray,
|
|
117
|
+
strokeLinecap: strokeLinecap,
|
|
118
|
+
strokeWidth: successWidth
|
|
81
119
|
})]
|
|
82
120
|
}), !showIcon && props.children && /*#__PURE__*/_jsx("div", {
|
|
83
121
|
className: progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.content,
|
|
@@ -87,6 +125,6 @@ var Circle = function Circle(props) {
|
|
|
87
125
|
style: iconStyle,
|
|
88
126
|
children: [type === 'info' && Icons.progress.InfoCircle, type === 'warning' && Icons.progress.WarningCircle, type === 'success' && Icons.progress.SuccessCircle, type === 'danger' && Icons.progress.DangerCircle]
|
|
89
127
|
})]
|
|
90
|
-
});
|
|
128
|
+
}));
|
|
91
129
|
};
|
|
92
130
|
export default Circle;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"line.d.ts","sourceRoot":"","sources":["line.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"line.d.ts","sourceRoot":"","sources":["line.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAOhD,QAAA,MAAM,IAAI,UAAW,aAAa,4CAsGjC,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
package/esm/progress/line.js
CHANGED
|
@@ -1,9 +1,15 @@
|
|
|
1
|
+
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; }
|
|
2
|
+
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; }
|
|
3
|
+
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; }
|
|
4
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
5
|
+
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); }
|
|
1
6
|
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
7
|
import React from 'react';
|
|
3
8
|
import classNames from 'classnames';
|
|
4
9
|
import analyzeColor from "./analyzeColor";
|
|
5
10
|
import Popup from "./line-popup";
|
|
6
11
|
import Icons from "../icons";
|
|
12
|
+
import { util } from '@sheinx/hooks';
|
|
7
13
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
14
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
15
|
var Line = function Line(props) {
|
|
@@ -15,7 +21,8 @@ var Line = function Line(props) {
|
|
|
15
21
|
_props$type = props.type,
|
|
16
22
|
type = _props$type === void 0 ? 'info' : _props$type,
|
|
17
23
|
iconSize = props.iconSize,
|
|
18
|
-
popup = props.popup
|
|
24
|
+
popup = props.popup,
|
|
25
|
+
success = props.success;
|
|
19
26
|
var progressClasses = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 ? void 0 : _props$jssStyle.progress();
|
|
20
27
|
var isInner = shape === 'line-inner';
|
|
21
28
|
var isInnerRight = isInner && value < 10;
|
|
@@ -44,21 +51,41 @@ var Line = function Line(props) {
|
|
|
44
51
|
return p ? "".concat(p, ",").concat(col) : col;
|
|
45
52
|
}, ''), ")");
|
|
46
53
|
}
|
|
54
|
+
|
|
55
|
+
// Success progress bar style
|
|
56
|
+
var successStyle = success ? {
|
|
57
|
+
width: "".concat(success.value / 100 * 100, "%"),
|
|
58
|
+
borderRadius: props.strokeWidth && props.strokeWidth / 2
|
|
59
|
+
} : undefined;
|
|
60
|
+
if (successStyle && success) {
|
|
61
|
+
if (typeof success.color === 'string') {
|
|
62
|
+
successStyle.background = success.color;
|
|
63
|
+
successStyle.backgroundSize = '1em 1em';
|
|
64
|
+
} else if (_typeof(success.color) === 'object') {
|
|
65
|
+
successStyle.background = "linear-gradient(to right, ".concat(analyzeColor(success.color).reduce(function (p, v) {
|
|
66
|
+
var col = "".concat(v.color, " ").concat(v.pos);
|
|
67
|
+
return p ? "".concat(p, ",").concat(col) : col;
|
|
68
|
+
}, ''), ")");
|
|
69
|
+
}
|
|
70
|
+
}
|
|
47
71
|
var children = props.children ? /*#__PURE__*/_jsx("div", {
|
|
48
72
|
className: classNames(progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.content),
|
|
49
73
|
children: props.children
|
|
50
74
|
}) : null;
|
|
51
|
-
return /*#__PURE__*/_jsxs("div", {
|
|
75
|
+
return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({}, util.extractProps(props, 'mouse')), {}, {
|
|
52
76
|
className: mc,
|
|
53
77
|
style: props.style,
|
|
54
|
-
children: [/*#__PURE__*/
|
|
78
|
+
children: [/*#__PURE__*/_jsxs("div", {
|
|
55
79
|
className: progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.lineBg,
|
|
56
80
|
style: bgStyle,
|
|
57
|
-
children: /*#__PURE__*/_jsx("div", {
|
|
81
|
+
children: [success && successStyle && /*#__PURE__*/_jsx("div", {
|
|
82
|
+
className: progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.lineSuccess,
|
|
83
|
+
style: successStyle
|
|
84
|
+
}), /*#__PURE__*/_jsx("div", {
|
|
58
85
|
className: progressClasses === null || progressClasses === void 0 ? void 0 : progressClasses.lineFront,
|
|
59
86
|
style: frontStyle,
|
|
60
87
|
children: isInner && children
|
|
61
|
-
})
|
|
88
|
+
})]
|
|
62
89
|
}), isDefaultPop ? /*#__PURE__*/_jsx(Popup, {
|
|
63
90
|
value: value,
|
|
64
91
|
jssStyle: props.jssStyle,
|
|
@@ -68,6 +95,6 @@ var Line = function Line(props) {
|
|
|
68
95
|
style: iconStyle,
|
|
69
96
|
children: [type === 'info' && Icons.progress.InfoLine, type === 'warning' && Icons.progress.WarningLine, type === 'success' && Icons.progress.SuccessLine, type === 'danger' && Icons.progress.DangerLine]
|
|
70
97
|
})]
|
|
71
|
-
});
|
|
98
|
+
}));
|
|
72
99
|
};
|
|
73
100
|
export default Line;
|
|
@@ -13,6 +13,7 @@ export interface ProgressClasses {
|
|
|
13
13
|
content: string;
|
|
14
14
|
lineBg: string;
|
|
15
15
|
lineFront: string;
|
|
16
|
+
lineSuccess: string;
|
|
16
17
|
lineDefault: string;
|
|
17
18
|
lineInnerRight: string;
|
|
18
19
|
linePopWrapper: string;
|
|
@@ -22,6 +23,7 @@ export interface ProgressClasses {
|
|
|
22
23
|
circle: string;
|
|
23
24
|
circleBg: string;
|
|
24
25
|
circleFront: string;
|
|
26
|
+
circleSuccess: string;
|
|
25
27
|
}
|
|
26
28
|
export interface ColorStep {
|
|
27
29
|
form?: string;
|
|
@@ -108,5 +110,14 @@ export interface ProgressProps extends Pick<CommonType, 'className' | 'style'> {
|
|
|
108
110
|
* @en Icon size
|
|
109
111
|
*/
|
|
110
112
|
iconSize?: number;
|
|
113
|
+
/**
|
|
114
|
+
* @cn 成功进度配置,在主进度上层显示成功部分的进度
|
|
115
|
+
* @en Success progress configuration, display success part on top of main progress
|
|
116
|
+
* @version 3.9.7
|
|
117
|
+
*/
|
|
118
|
+
success?: {
|
|
119
|
+
value: number;
|
|
120
|
+
color?: string | ColorStep;
|
|
121
|
+
};
|
|
111
122
|
}
|
|
112
123
|
//# sourceMappingURL=progress.type.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progress.type.d.ts","sourceRoot":"","sources":["progress.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"progress.type.d.ts","sourceRoot":"","sources":["progress.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,SAAS;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;CACnC;AAED;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IAC5E,QAAQ,CAAC,EAAE;QACT,QAAQ,EAAE,MAAM,eAAe,CAAC;KACjC,CAAC;IAEF;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAEpC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE3B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,YAAY,CAAC;IAEtD;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE5B;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;IAEjD;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,eAAe,CAAC,CAAC;IAC1D;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,OAAO,CAAC,EAAE;QACR,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;KAC5B,CAAC;CACH"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["slider.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAK5C,QAAA,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["slider.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAK5C,QAAA,MAAM,MAAM,0GAkJX,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
package/esm/slider/slider.js
CHANGED
|
@@ -44,7 +44,9 @@ var Slider = function Slider(props0) {
|
|
|
44
44
|
step: step,
|
|
45
45
|
vertical: !!props.vertical,
|
|
46
46
|
onIncrease: props.onIncrease,
|
|
47
|
-
direction: config.direction
|
|
47
|
+
direction: config.direction,
|
|
48
|
+
disabled: props.disabled,
|
|
49
|
+
discrete: props.discrete
|
|
48
50
|
}),
|
|
49
51
|
func = _useSlider.func,
|
|
50
52
|
trackRef = _useSlider.trackRef,
|
|
@@ -66,12 +68,20 @@ var Slider = function Slider(props0) {
|
|
|
66
68
|
children: formated
|
|
67
69
|
});
|
|
68
70
|
};
|
|
71
|
+
var isDisabled = function isDisabled(value) {
|
|
72
|
+
if (typeof props.disabled === 'function') {
|
|
73
|
+
return props.disabled(value);
|
|
74
|
+
}
|
|
75
|
+
return !!props.disabled;
|
|
76
|
+
};
|
|
69
77
|
var renderIndicator = function renderIndicator(position) {
|
|
70
78
|
if (!props.range && position === 0) return null;
|
|
71
79
|
var handleEndMouseDown = position === 0 ? func.handleStartMouseDown : func.handleEndMouseDown;
|
|
80
|
+
var value = position === 0 ? startValue : endValue;
|
|
81
|
+
var disabled = isDisabled(value);
|
|
72
82
|
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
73
83
|
children: [/*#__PURE__*/_jsx("div", {
|
|
74
|
-
onMouseDown:
|
|
84
|
+
onMouseDown: disabled ? undefined : handleEndMouseDown,
|
|
75
85
|
className: classNames(sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.indicator, position === 0 ? sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.indicatorStart : sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.indicatorEnd, dragIndex === position && (sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.indicatorActive), tipType === 'hover' && (sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.indicatorHover)),
|
|
76
86
|
dir: config.direction
|
|
77
87
|
}), renderIndicatorValue(position)]
|
|
@@ -87,14 +97,30 @@ var Slider = function Slider(props0) {
|
|
|
87
97
|
var verticalStyle = props.vertical ? {
|
|
88
98
|
height: height
|
|
89
99
|
} : {};
|
|
100
|
+
|
|
101
|
+
// For boolean disabled, use it directly; for function disabled, check all values
|
|
102
|
+
var isWholeDisabled = function isWholeDisabled() {
|
|
103
|
+
if (typeof props.disabled === 'boolean' || props.disabled === undefined) {
|
|
104
|
+
return !!props.disabled;
|
|
105
|
+
}
|
|
106
|
+
// For function disabled, the component is not fully disabled (individual indicators are)
|
|
107
|
+
return false;
|
|
108
|
+
};
|
|
109
|
+
var shouldDisableTrackClick = function shouldDisableTrackClick() {
|
|
110
|
+
if (typeof props.disabled === 'boolean' || props.disabled === undefined) {
|
|
111
|
+
return !!props.disabled;
|
|
112
|
+
}
|
|
113
|
+
// For function disabled, allow track clicks
|
|
114
|
+
return false;
|
|
115
|
+
};
|
|
90
116
|
return /*#__PURE__*/_jsxs("div", {
|
|
91
117
|
id: fieldId,
|
|
92
|
-
className: classNames(sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.rootClass, sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.wrapper, props.autoHide && (sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.autoHide),
|
|
118
|
+
className: classNames(sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.rootClass, sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.wrapper, props.autoHide && (sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.autoHide), isWholeDisabled() && (sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.disabled), props.vertical && (sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.vertical), props.className),
|
|
93
119
|
style: _objectSpread(_objectSpread({}, verticalStyle), props.style),
|
|
94
120
|
children: [/*#__PURE__*/_jsx("div", {
|
|
95
121
|
className: sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.track,
|
|
96
122
|
ref: trackRef,
|
|
97
|
-
onClick:
|
|
123
|
+
onClick: shouldDisableTrackClick() ? undefined : func.handleTrackClick,
|
|
98
124
|
children: /*#__PURE__*/_jsxs("div", {
|
|
99
125
|
className: sliderClasses === null || sliderClasses === void 0 ? void 0 : sliderClasses.trackInner,
|
|
100
126
|
style: innerStyle,
|
|
@@ -97,11 +97,19 @@ export interface SliderProps<Value> extends Pick<CommonType, 'className' | 'styl
|
|
|
97
97
|
*/
|
|
98
98
|
range?: boolean;
|
|
99
99
|
/**
|
|
100
|
-
* @en Disable component
|
|
101
|
-
* @cn
|
|
100
|
+
* @en Disable component. When it is a function, the value is the current value and the return value is whether to disable
|
|
101
|
+
* @cn 是否禁用组件。当值为函数时,参数为当前值,返回值表示是否禁用
|
|
102
102
|
* @default false
|
|
103
|
+
* @version 3.9.7 增加函数格式支持
|
|
103
104
|
*/
|
|
104
|
-
disabled?: boolean;
|
|
105
|
+
disabled?: boolean | ((value: number) => boolean);
|
|
106
|
+
/**
|
|
107
|
+
* @en Whether to use discrete mode, snapping the indicator to step values during dragging
|
|
108
|
+
* @cn 是否使用离散模式,拖拽时对齐到步长值
|
|
109
|
+
* @default false
|
|
110
|
+
* @version 3.9.7
|
|
111
|
+
*/
|
|
112
|
+
discrete?: boolean;
|
|
105
113
|
/**
|
|
106
114
|
* @en Drag over the maximum event
|
|
107
115
|
* @cn 拖动超过最大值事件
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slider.type.d.ts","sourceRoot":"","sources":["slider.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAE9D,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,cAAc;IAC7B,MAAM,CAAC,EAAE,MAAM,aAAa,CAAC;CAC9B;AAED,MAAM,WAAW,WAAW,CAAC,KAAK,CAChC,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC,EAC7C,gBAAgB,CAAC,KAAK,CAAC;IACzB;;;;OAIG;IACH,YAAY,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAClC,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC;IAE3E;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC;IAE3D;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAElC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IAEjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IAEd;;;OAGG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;IAErB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB
|
|
1
|
+
{"version":3,"file":"slider.type.d.ts","sourceRoot":"","sources":["slider.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAE9D,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,cAAc;IAC7B,MAAM,CAAC,EAAE,MAAM,aAAa,CAAC;CAC9B;AAED,MAAM,WAAW,WAAW,CAAC,KAAK,CAChC,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC,EAC7C,gBAAgB,CAAC,KAAK,CAAC;IACzB;;;;OAIG;IACH,YAAY,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAClC,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC;IAE3E;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC;IAE3D;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAElC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IAEjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IAEd;;;OAGG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;IAErB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,CAAC;IAElD;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB"}
|
package/esm/tabs/tab.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;;
|
|
1
|
+
{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;;AAsItC,wBAAqC"}
|
package/esm/tabs/tab.js
CHANGED
|
@@ -86,9 +86,9 @@ var Tab = function Tab(props, _ref) {
|
|
|
86
86
|
if (shape === 'card') {
|
|
87
87
|
style.color = color;
|
|
88
88
|
}
|
|
89
|
-
var containerProps = _objectSpread(_objectSpread({
|
|
89
|
+
var containerProps = _objectSpread(_objectSpread(_objectSpread({
|
|
90
90
|
className: tabClass
|
|
91
|
-
}, getStateProps()), {}, {
|
|
91
|
+
}, getStateProps()), util.extractProps(props, "data-attr")), {}, {
|
|
92
92
|
style: style,
|
|
93
93
|
onClick: handleClick,
|
|
94
94
|
ref: _ref,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs-panel.d.ts","sourceRoot":"","sources":["tabs-panel.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGnD,QAAA,MAAM,SAAS,UAAW,cAAc,
|
|
1
|
+
{"version":3,"file":"tabs-panel.d.ts","sourceRoot":"","sources":["tabs-panel.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGnD,QAAA,MAAM,SAAS,UAAW,cAAc,mDAoEvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
package/esm/tabs/tabs-panel.js
CHANGED
|
@@ -12,7 +12,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
|
|
|
12
12
|
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); }
|
|
13
13
|
import classNames from 'classnames';
|
|
14
14
|
import { useLayoutEffect, useRef } from 'react';
|
|
15
|
-
import { useTabsContext } from '@sheinx/hooks';
|
|
15
|
+
import { useTabsContext, util } from '@sheinx/hooks';
|
|
16
16
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
17
17
|
var TabsPanel = function TabsPanel(props) {
|
|
18
18
|
var _jssStyle$tabs;
|
|
@@ -34,14 +34,14 @@ var TabsPanel = function TabsPanel(props) {
|
|
|
34
34
|
var isActive = active === id;
|
|
35
35
|
var keekAlive = useRef(false);
|
|
36
36
|
useLayoutEffect(function () {
|
|
37
|
-
var tabData = {
|
|
37
|
+
var tabData = _objectSpread({
|
|
38
38
|
id: id,
|
|
39
39
|
tab: tab,
|
|
40
40
|
disabled: props.disabled,
|
|
41
41
|
jssStyle: jssStyle,
|
|
42
42
|
background: shape !== 'button' && shape !== 'fill' ? background : undefined,
|
|
43
43
|
color: props.color || (active === id ? color : undefined)
|
|
44
|
-
};
|
|
44
|
+
}, util.extractProps(props, 'data-attr'));
|
|
45
45
|
setTabs(function (prev) {
|
|
46
46
|
var oldTab = prev.find(function (item) {
|
|
47
47
|
return item.id === id;
|
package/esm/tree/tree.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["tree.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAA4B,MAAM,eAAe,CAAC;AAEvE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAQxC,QAAA,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["tree.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAA4B,MAAM,eAAe,CAAC;AAEvE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAQxC,QAAA,MAAM,IAAI,wHAmTT,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
package/esm/tree/tree.js
CHANGED
|
@@ -141,16 +141,23 @@ var Tree = function Tree(props) {
|
|
|
141
141
|
return props.height || styleHeight;
|
|
142
142
|
};
|
|
143
143
|
var handleUpdateActive = function handleUpdateActive(active, item) {
|
|
144
|
-
|
|
145
|
-
if (
|
|
146
|
-
|
|
144
|
+
var fromUser = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
145
|
+
if (isActiveControlled && fromUser) {
|
|
146
|
+
// 受控模式下,用户点击时只调用外部回调,不更新内部状态
|
|
147
|
+
if (active !== props.active) {
|
|
148
|
+
propSetActive === null || propSetActive === void 0 || propSetActive(active, item);
|
|
149
|
+
}
|
|
150
|
+
return;
|
|
147
151
|
}
|
|
152
|
+
|
|
153
|
+
// 其他情况(非受控模式,或受控模式下由 props.active 变化触发),更新内部状态和节点
|
|
154
|
+
setActive(active);
|
|
148
155
|
datum.updateMap.forEach(function (update, id) {
|
|
149
156
|
update('active', id === active);
|
|
150
157
|
});
|
|
151
158
|
};
|
|
152
159
|
var handleNodeClick = function handleNodeClick(node, id) {
|
|
153
|
-
handleUpdateActive(id, node);
|
|
160
|
+
handleUpdateActive(id, node, true);
|
|
154
161
|
if (onClick) {
|
|
155
162
|
onClick(node, id, datum.getPath(id));
|
|
156
163
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sheinx/base",
|
|
3
|
-
"version": "3.9.
|
|
3
|
+
"version": "3.9.7-beta.10",
|
|
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.9.
|
|
13
|
+
"@sheinx/hooks": "3.9.7-beta.10",
|
|
14
14
|
"immer": "^10.0.0",
|
|
15
15
|
"classnames": "^2.0.0",
|
|
16
16
|
"@shined/reactive": "^0.3.3"
|