jrs-react 1.2.20 → 1.2.22
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/build/index.es.js +11 -10
- package/build/index.js +12 -11
- package/package.json +1 -1
- package/src/components/JRMask/JRMask.jsx +3 -3
package/build/index.es.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as React
|
|
1
|
+
import * as React from 'react';
|
|
2
2
|
import React__default, { useState } from 'react';
|
|
3
3
|
import styled from 'styled-components';
|
|
4
4
|
import { createRoot } from 'react-dom/client';
|
|
@@ -3431,7 +3431,7 @@ const StyledMask = styled.dialog`
|
|
|
3431
3431
|
|
|
3432
3432
|
&:modal {
|
|
3433
3433
|
outline: 0;
|
|
3434
|
-
background: #
|
|
3434
|
+
background-color: #000000aa;
|
|
3435
3435
|
}
|
|
3436
3436
|
|
|
3437
3437
|
#jr-mask-msg{
|
|
@@ -3448,7 +3448,9 @@ const StyledMask = styled.dialog`
|
|
|
3448
3448
|
margin: 0;
|
|
3449
3449
|
top: 0;
|
|
3450
3450
|
left: 0;
|
|
3451
|
-
|
|
3451
|
+
color: ${({
|
|
3452
|
+
theme
|
|
3453
|
+
}) => theme?.colorPrimary ?? 'whilte'};
|
|
3452
3454
|
user-select: none;
|
|
3453
3455
|
cursor: wait;
|
|
3454
3456
|
flex-direction: column;
|
|
@@ -3468,7 +3470,6 @@ const StyledMask = styled.dialog`
|
|
|
3468
3470
|
font-size: 20px;
|
|
3469
3471
|
opacity: 0;
|
|
3470
3472
|
display:inline-block;
|
|
3471
|
-
color:white;
|
|
3472
3473
|
}
|
|
3473
3474
|
|
|
3474
3475
|
@keyframes lol {
|
|
@@ -3542,14 +3543,14 @@ const StyledMask = styled.dialog`
|
|
|
3542
3543
|
function JRMask({
|
|
3543
3544
|
id = 'jr-mask'
|
|
3544
3545
|
}) {
|
|
3545
|
-
return /*#__PURE__*/
|
|
3546
|
+
return /*#__PURE__*/React__default.createElement(StyledMask, {
|
|
3546
3547
|
id: id,
|
|
3547
3548
|
className: 'jr-mask'
|
|
3548
|
-
}, /*#__PURE__*/
|
|
3549
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
3549
3550
|
id: 'jr-mask-msg'
|
|
3550
|
-
}), /*#__PURE__*/
|
|
3551
|
+
}), /*#__PURE__*/React__default.createElement("div", {
|
|
3551
3552
|
className: "cs-loader-inner"
|
|
3552
|
-
}, /*#__PURE__*/
|
|
3553
|
+
}, /*#__PURE__*/React__default.createElement("label", null, "\u25CF"), /*#__PURE__*/React__default.createElement("label", null, "\u25CF"), /*#__PURE__*/React__default.createElement("label", null, "\u25CF"), /*#__PURE__*/React__default.createElement("label", null, "\u25CF"), /*#__PURE__*/React__default.createElement("label", null, "\u25CF"), /*#__PURE__*/React__default.createElement("label", null, "\u25CF")));
|
|
3553
3554
|
}
|
|
3554
3555
|
class Mask extends JRHTML {
|
|
3555
3556
|
msg = [];
|
|
@@ -3993,7 +3994,7 @@ class JRFrame extends JRSubmit {
|
|
|
3993
3994
|
var _path;
|
|
3994
3995
|
function _extends$1() { return _extends$1 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1.apply(null, arguments); }
|
|
3995
3996
|
var SvgX = function SvgX(props) {
|
|
3996
|
-
return /*#__PURE__*/React
|
|
3997
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1({
|
|
3997
3998
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3998
3999
|
width: 24,
|
|
3999
4000
|
height: 24,
|
|
@@ -4003,7 +4004,7 @@ var SvgX = function SvgX(props) {
|
|
|
4003
4004
|
strokeLinejoin: "round",
|
|
4004
4005
|
strokeWidth: 2,
|
|
4005
4006
|
viewBox: "0 0 24 24"
|
|
4006
|
-
}, props), _path || (_path = /*#__PURE__*/React
|
|
4007
|
+
}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
|
|
4007
4008
|
d: "M18 6 6 18M6 6l12 12"
|
|
4008
4009
|
})));
|
|
4009
4010
|
};
|
package/build/index.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var React
|
|
5
|
+
var React = require('react');
|
|
6
6
|
var styled = require('styled-components');
|
|
7
7
|
var client = require('react-dom/client');
|
|
8
8
|
|
|
@@ -26,8 +26,8 @@ function _interopNamespace(e) {
|
|
|
26
26
|
return Object.freeze(n);
|
|
27
27
|
}
|
|
28
28
|
|
|
29
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React
|
|
30
|
-
var React__namespace = /*#__PURE__*/_interopNamespace(React
|
|
29
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
30
|
+
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
31
31
|
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
32
32
|
|
|
33
33
|
function bind(fn, thisArg) {
|
|
@@ -3458,7 +3458,7 @@ const StyledMask = styled__default["default"].dialog`
|
|
|
3458
3458
|
|
|
3459
3459
|
&:modal {
|
|
3460
3460
|
outline: 0;
|
|
3461
|
-
background: #
|
|
3461
|
+
background-color: #000000aa;
|
|
3462
3462
|
}
|
|
3463
3463
|
|
|
3464
3464
|
#jr-mask-msg{
|
|
@@ -3475,7 +3475,9 @@ const StyledMask = styled__default["default"].dialog`
|
|
|
3475
3475
|
margin: 0;
|
|
3476
3476
|
top: 0;
|
|
3477
3477
|
left: 0;
|
|
3478
|
-
|
|
3478
|
+
color: ${({
|
|
3479
|
+
theme
|
|
3480
|
+
}) => theme?.colorPrimary ?? 'whilte'};
|
|
3479
3481
|
user-select: none;
|
|
3480
3482
|
cursor: wait;
|
|
3481
3483
|
flex-direction: column;
|
|
@@ -3495,7 +3497,6 @@ const StyledMask = styled__default["default"].dialog`
|
|
|
3495
3497
|
font-size: 20px;
|
|
3496
3498
|
opacity: 0;
|
|
3497
3499
|
display:inline-block;
|
|
3498
|
-
color:white;
|
|
3499
3500
|
}
|
|
3500
3501
|
|
|
3501
3502
|
@keyframes lol {
|
|
@@ -3569,14 +3570,14 @@ const StyledMask = styled__default["default"].dialog`
|
|
|
3569
3570
|
function JRMask({
|
|
3570
3571
|
id = 'jr-mask'
|
|
3571
3572
|
}) {
|
|
3572
|
-
return /*#__PURE__*/
|
|
3573
|
+
return /*#__PURE__*/React__default["default"].createElement(StyledMask, {
|
|
3573
3574
|
id: id,
|
|
3574
3575
|
className: 'jr-mask'
|
|
3575
|
-
}, /*#__PURE__*/
|
|
3576
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3576
3577
|
id: 'jr-mask-msg'
|
|
3577
|
-
}), /*#__PURE__*/
|
|
3578
|
+
}), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3578
3579
|
className: "cs-loader-inner"
|
|
3579
|
-
}, /*#__PURE__*/
|
|
3580
|
+
}, /*#__PURE__*/React__default["default"].createElement("label", null, "\u25CF"), /*#__PURE__*/React__default["default"].createElement("label", null, "\u25CF"), /*#__PURE__*/React__default["default"].createElement("label", null, "\u25CF"), /*#__PURE__*/React__default["default"].createElement("label", null, "\u25CF"), /*#__PURE__*/React__default["default"].createElement("label", null, "\u25CF"), /*#__PURE__*/React__default["default"].createElement("label", null, "\u25CF")));
|
|
3580
3581
|
}
|
|
3581
3582
|
class Mask extends JRHTML {
|
|
3582
3583
|
msg = [];
|
|
@@ -6271,7 +6272,7 @@ function JRAlertWindow({
|
|
|
6271
6272
|
container,
|
|
6272
6273
|
...props
|
|
6273
6274
|
}) {
|
|
6274
|
-
const [open, setOpen] = React
|
|
6275
|
+
const [open, setOpen] = React.useState(true);
|
|
6275
6276
|
return /*#__PURE__*/React__default["default"].createElement(StyledAlert, _extends({
|
|
6276
6277
|
initValue: {
|
|
6277
6278
|
message
|
package/package.json
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from "react"
|
|
1
2
|
import { JRHTML } from "jrs-js"
|
|
2
3
|
import { po } from "../JRUtils"
|
|
3
4
|
import styled from "styled-components"
|
|
@@ -10,7 +11,7 @@ const StyledMask = styled.dialog`
|
|
|
10
11
|
|
|
11
12
|
&:modal {
|
|
12
13
|
outline: 0;
|
|
13
|
-
background: #
|
|
14
|
+
background-color: #000000aa;
|
|
14
15
|
}
|
|
15
16
|
|
|
16
17
|
#jr-mask-msg{
|
|
@@ -27,7 +28,7 @@ const StyledMask = styled.dialog`
|
|
|
27
28
|
margin: 0;
|
|
28
29
|
top: 0;
|
|
29
30
|
left: 0;
|
|
30
|
-
|
|
31
|
+
color: ${({theme})=>theme?.colorPrimary??'whilte'};
|
|
31
32
|
user-select: none;
|
|
32
33
|
cursor: wait;
|
|
33
34
|
flex-direction: column;
|
|
@@ -47,7 +48,6 @@ const StyledMask = styled.dialog`
|
|
|
47
48
|
font-size: 20px;
|
|
48
49
|
opacity: 0;
|
|
49
50
|
display:inline-block;
|
|
50
|
-
color:white;
|
|
51
51
|
}
|
|
52
52
|
|
|
53
53
|
@keyframes lol {
|