@sheinx/base 3.9.7-beta.1 → 3.9.7-beta.3
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/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/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"}
|
|
@@ -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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sheinx/base",
|
|
3
|
-
"version": "3.9.7-beta.
|
|
3
|
+
"version": "3.9.7-beta.3",
|
|
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.7-beta.
|
|
13
|
+
"@sheinx/hooks": "3.9.7-beta.3",
|
|
14
14
|
"immer": "^10.0.0",
|
|
15
15
|
"classnames": "^2.0.0",
|
|
16
16
|
"@shined/reactive": "^0.3.3"
|