@kaiheila/ui-components 0.1.14 → 0.1.15
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/dist/main.css +26 -37
- package/dist/ui-components.js +7 -4
- package/package.json +1 -1
package/dist/main.css
CHANGED
|
@@ -243,6 +243,7 @@ textarea {
|
|
|
243
243
|
.chuanyu-button.disabled,
|
|
244
244
|
.chuanyu-button:disabled {
|
|
245
245
|
cursor: not-allowed;
|
|
246
|
+
opacity: 0.5;
|
|
246
247
|
}
|
|
247
248
|
.chuanyu-button.size-xs {
|
|
248
249
|
font-size: 12px;
|
|
@@ -294,19 +295,15 @@ textarea {
|
|
|
294
295
|
.chuanyu-button.type-primary:not(.disabled):active {
|
|
295
296
|
background-color: var(--color-primary-active);
|
|
296
297
|
}
|
|
297
|
-
.chuanyu-button.type-primary:disabled {
|
|
298
|
-
opacity: 0.5;
|
|
299
|
-
background-color: var(--color-primary);
|
|
300
|
-
}
|
|
301
298
|
.chuanyu-button.type-simple-primary {
|
|
302
299
|
background-color: transparent;
|
|
303
300
|
color: var(--color-primary);
|
|
304
301
|
}
|
|
305
|
-
.chuanyu-button.type-simple-primary:hover {
|
|
302
|
+
.chuanyu-button.type-simple-primary:not(.disabled):hover {
|
|
306
303
|
background-color: var(--color-primary);
|
|
307
304
|
color: #fff;
|
|
308
305
|
}
|
|
309
|
-
.chuanyu-button.type-simple-primary:active {
|
|
306
|
+
.chuanyu-button.type-simple-primary:not(.disabled):active {
|
|
310
307
|
background-color: var(--color-primary-active);
|
|
311
308
|
color: #fff;
|
|
312
309
|
}
|
|
@@ -316,13 +313,9 @@ textarea {
|
|
|
316
313
|
.chuanyu-button.type-appprimary:not(.disabled):hover {
|
|
317
314
|
background-color: var(--color-primary-hover);
|
|
318
315
|
}
|
|
319
|
-
.chuanyu-button.type-appprimary:active {
|
|
316
|
+
.chuanyu-button.type-appprimary:not(.disabled):active {
|
|
320
317
|
background-color: var(--color-primary-active);
|
|
321
318
|
}
|
|
322
|
-
.chuanyu-button.type-appprimary:disabled {
|
|
323
|
-
opacity: 0.5;
|
|
324
|
-
background-color: var(--color-primary);
|
|
325
|
-
}
|
|
326
319
|
.chuanyu-button.type-danger {
|
|
327
320
|
background-color: var(--color-error);
|
|
328
321
|
}
|
|
@@ -372,10 +365,6 @@ textarea {
|
|
|
372
365
|
.chuanyu-button.type-simple:not(.disabled):active {
|
|
373
366
|
background-color: var(--button-simple-active);
|
|
374
367
|
}
|
|
375
|
-
.chuanyu-button.type-simple:disabled {
|
|
376
|
-
opacity: 0.5;
|
|
377
|
-
background-color: transparent;
|
|
378
|
-
}
|
|
379
368
|
.chuanyu-button.type-default {
|
|
380
369
|
color: var(--text-description-color);
|
|
381
370
|
background-color: var(--button-default);
|
|
@@ -387,9 +376,8 @@ textarea {
|
|
|
387
376
|
background-color: var(--button-default-active);
|
|
388
377
|
}
|
|
389
378
|
.chuanyu-button.type-default:disabled {
|
|
390
|
-
cursor: not-allowed;
|
|
391
379
|
opacity: 0.5;
|
|
392
|
-
background:
|
|
380
|
+
background-color: var(--button-default);
|
|
393
381
|
}
|
|
394
382
|
.chuanyu-button.type-ghost {
|
|
395
383
|
color: var(--text-description-color);
|
|
@@ -402,21 +390,17 @@ textarea {
|
|
|
402
390
|
.chuanyu-button.type-ghost:not(.disabled):active {
|
|
403
391
|
background-color: var(--button-simple-active);
|
|
404
392
|
}
|
|
405
|
-
.chuanyu-button.type-ghost:disabled {
|
|
406
|
-
cursor: not-allowed;
|
|
407
|
-
opacity: 0.5;
|
|
408
|
-
}
|
|
409
393
|
.chuanyu-button.type-ghost-danger {
|
|
410
394
|
color: var(--color-error);
|
|
411
395
|
border-color: var(--color-error);
|
|
412
396
|
border-width: 1px;
|
|
413
397
|
border-style: solid;
|
|
414
398
|
}
|
|
415
|
-
.chuanyu-button.type-ghost-danger:hover {
|
|
399
|
+
.chuanyu-button.type-ghost-danger:not(.disabled):hover {
|
|
416
400
|
color: var(--color-error-hover);
|
|
417
401
|
border-color: var(--color-error-hover);
|
|
418
402
|
}
|
|
419
|
-
.chuanyu-button.type-ghost-danger:active {
|
|
403
|
+
.chuanyu-button.type-ghost-danger:not(.disabled):active {
|
|
420
404
|
color: var(--color-error-hover);
|
|
421
405
|
border-color: var(--color-error-hover);
|
|
422
406
|
}
|
|
@@ -425,10 +409,10 @@ textarea {
|
|
|
425
409
|
background-color: transparent;
|
|
426
410
|
border: 1px solid rgba(228, 75, 77);
|
|
427
411
|
}
|
|
428
|
-
.chuanyu-button.type-simple-danger:hover {
|
|
412
|
+
.chuanyu-button.type-simple-danger:not(.disabled):hover {
|
|
429
413
|
border: 1px solid rgba(230, 93, 95);
|
|
430
414
|
}
|
|
431
|
-
.chuanyu-button.type-simple-danger:active {
|
|
415
|
+
.chuanyu-button.type-simple-danger:not(.disabled):active {
|
|
432
416
|
background-color: rgba(228, 75, 77, 0.1);
|
|
433
417
|
}
|
|
434
418
|
.chuanyu-button.loading .loading-ico {
|
|
@@ -1067,16 +1051,20 @@ textarea {
|
|
|
1067
1051
|
border-radius: 12px;
|
|
1068
1052
|
border: 1px solid var(--border-color);
|
|
1069
1053
|
}
|
|
1070
|
-
.selector-search-select
|
|
1054
|
+
.selector-search-select.disabled {
|
|
1055
|
+
cursor: not-allowed;
|
|
1056
|
+
opacity: 0.5;
|
|
1057
|
+
}
|
|
1058
|
+
.selector-search-select:not(.disabled):hover {
|
|
1071
1059
|
border-color: var(--border-hover-color);
|
|
1072
1060
|
}
|
|
1073
|
-
.selector-search-select:active,
|
|
1074
|
-
.selector-search-select.active {
|
|
1061
|
+
.selector-search-select:not(.disabled):active,
|
|
1062
|
+
.selector-search-select:not(.disabled).active {
|
|
1075
1063
|
border-color: var(--border-hover-color);
|
|
1076
1064
|
box-shadow: 0 0 0 3px var(--border-active-color);
|
|
1077
1065
|
}
|
|
1078
|
-
.selector-search-select:active .dropdown-icon,
|
|
1079
|
-
.selector-search-select.active .dropdown-icon {
|
|
1066
|
+
.selector-search-select:not(.disabled):active .dropdown-icon,
|
|
1067
|
+
.selector-search-select:not(.disabled).active .dropdown-icon {
|
|
1080
1068
|
transform: translateY(-50%) rotate(180deg);
|
|
1081
1069
|
}
|
|
1082
1070
|
.selector-search-select .selector-search-label {
|
|
@@ -1324,7 +1312,7 @@ body .__react_component_tooltip.type-dark.place-right:after {
|
|
|
1324
1312
|
transition: 200ms ease-out all;
|
|
1325
1313
|
}
|
|
1326
1314
|
.ui-switch small::before {
|
|
1327
|
-
content:
|
|
1315
|
+
content: "";
|
|
1328
1316
|
position: absolute;
|
|
1329
1317
|
left: 0;
|
|
1330
1318
|
top: 0;
|
|
@@ -1343,11 +1331,11 @@ body .__react_component_tooltip.type-dark.place-right:after {
|
|
|
1343
1331
|
.ui-switch.checked small::before {
|
|
1344
1332
|
background-color: var(--color-primary);
|
|
1345
1333
|
}
|
|
1346
|
-
.ui-switch:active small::before {
|
|
1334
|
+
.ui-switch:active:not(.disabled) small::before {
|
|
1347
1335
|
left: 0;
|
|
1348
1336
|
right: -100%;
|
|
1349
1337
|
}
|
|
1350
|
-
.ui-switch.checked:active small::before {
|
|
1338
|
+
.ui-switch.checked:active:not(.disabled) small::before {
|
|
1351
1339
|
right: 0;
|
|
1352
1340
|
left: -100%;
|
|
1353
1341
|
}
|
|
@@ -1365,7 +1353,7 @@ body .__react_component_tooltip.type-dark.place-right:after {
|
|
|
1365
1353
|
right: 10%;
|
|
1366
1354
|
top: 25%;
|
|
1367
1355
|
z-index: 0;
|
|
1368
|
-
color: #
|
|
1356
|
+
color: #a9a9a9;
|
|
1369
1357
|
}
|
|
1370
1358
|
.ui-switch .on {
|
|
1371
1359
|
display: none;
|
|
@@ -1398,8 +1386,12 @@ body .__react_component_tooltip.type-dark.place-right:after {
|
|
|
1398
1386
|
cursor: pointer;
|
|
1399
1387
|
}
|
|
1400
1388
|
.kaihei-auth-switch.disabled {
|
|
1389
|
+
opacity: 0.5;
|
|
1401
1390
|
cursor: not-allowed;
|
|
1402
1391
|
}
|
|
1392
|
+
.kaihei-auth-switch:not(.disabled) .auth-status-item:hover {
|
|
1393
|
+
background-color: var(--menu-hover);
|
|
1394
|
+
}
|
|
1403
1395
|
.kaihei-auth-switch .auth-status-item {
|
|
1404
1396
|
flex: 1;
|
|
1405
1397
|
display: flex;
|
|
@@ -1410,9 +1402,6 @@ body .__react_component_tooltip.type-dark.place-right:after {
|
|
|
1410
1402
|
.kaihei-auth-switch .auth-status-item .xy-iconfont {
|
|
1411
1403
|
font-size: 24px;
|
|
1412
1404
|
}
|
|
1413
|
-
.kaihei-auth-switch .auth-status-item:hover {
|
|
1414
|
-
background-color: var(--menu-hover);
|
|
1415
|
-
}
|
|
1416
1405
|
.kaihei-auth-switch .auth-status-item.close-status {
|
|
1417
1406
|
border-top-left-radius: 8px;
|
|
1418
1407
|
border-bottom-left-radius: 8px;
|
package/dist/ui-components.js
CHANGED
|
@@ -2803,7 +2803,7 @@ module.exports = require("react-dom");
|
|
|
2803
2803
|
/* 6 */
|
|
2804
2804
|
/***/ (function(module) {
|
|
2805
2805
|
|
|
2806
|
-
module.exports = JSON.parse("{\"name\":\"@kaiheila/ui-components\",\"version\":\"0.1.
|
|
2806
|
+
module.exports = JSON.parse("{\"name\":\"@kaiheila/ui-components\",\"version\":\"0.1.14\",\"description\":\"开黑啦 UI Components\",\"main\":\"dist/ui-components.js\",\"scripts\":{\"build\":\"webpack\",\"demo\":\"webpack-dev-server --config webpack.config.demo.js\"},\"keywords\":[\"UI\",\"Components\"],\"author\":\"yangchuan\",\"license\":\"ISC\",\"files\":[\"dist\"],\"devDependencies\":{\"@babel/core\":\"^7.15.5\",\"@babel/preset-env\":\"^7.15.6\",\"@babel/preset-react\":\"^7.14.5\",\"@webpack-cli/serve\":\"^1.6.0\",\"babel-loader\":\"^8.2.2\",\"classnames\":\"^2.3.1\",\"css-loader\":\"^2.1.1\",\"html-webpack-plugin\":\"^4.5.2\",\"less\":\"^4.1.2\",\"less-loader\":\"^5.0.0\",\"mini-css-extract-plugin\":\"^0.8.0\",\"prop-types\":\"^15.7.2\",\"react\":\"^16.9.0\",\"react-dom\":\"^16.9.0\",\"react-tooltip\":\"^4.2.21\",\"style-loader\":\"^1.0.0\",\"url-loader\":\"^2.1.0\",\"webpack\":\"^4.40.2\",\"webpack-cli\":\"^3.3.1\",\"webpack-dev-server\":\"^3.2.1\"},\"peerDependencies\":{\"react\":\"^16.9.0\",\"react-dom\":\"^16.9.0\"},\"browserslist\":{\"production\":[\">0.2%\",\"not dead\",\"not op_mini all\"],\"development\":[\"last 1 chrome version\",\"last 1 firefox version\",\"last 1 safari version\"]}}");
|
|
2807
2807
|
|
|
2808
2808
|
/***/ }),
|
|
2809
2809
|
/* 7 */
|
|
@@ -6086,10 +6086,12 @@ var selector_search_SelectorSearch = /*#__PURE__*/function (_Component) {
|
|
|
6086
6086
|
filterData = _this$state.filterData,
|
|
6087
6087
|
optionsStyle = _this$state.optionsStyle;
|
|
6088
6088
|
var _this$props2 = this.props,
|
|
6089
|
+
_this$props2$disabled = _this$props2.disabled,
|
|
6090
|
+
disabled = _this$props2$disabled === void 0 ? false : _this$props2$disabled,
|
|
6089
6091
|
placeholder = _this$props2.placeholder,
|
|
6090
6092
|
renderOption = _this$props2.renderOption,
|
|
6091
|
-
_this$props2$
|
|
6092
|
-
disabledValues = _this$props2$
|
|
6093
|
+
_this$props2$disabled2 = _this$props2.disabledValues,
|
|
6094
|
+
disabledValues = _this$props2$disabled2 === void 0 ? [] : _this$props2$disabled2,
|
|
6093
6095
|
_this$props2$labelKey = _this$props2.labelKey,
|
|
6094
6096
|
labelKey = _this$props2$labelKey === void 0 ? 'label' : _this$props2$labelKey,
|
|
6095
6097
|
_this$props2$valueKey = _this$props2.valueKey,
|
|
@@ -6121,7 +6123,8 @@ var selector_search_SelectorSearch = /*#__PURE__*/function (_Component) {
|
|
|
6121
6123
|
className: "selector-search-contain"
|
|
6122
6124
|
}, /*#__PURE__*/external_react_default.a.createElement("div", {
|
|
6123
6125
|
className: external_classnames_default()('selector-search-select theme-input-bg-base', {
|
|
6124
|
-
'active': showList
|
|
6126
|
+
'active': showList,
|
|
6127
|
+
disabled: disabled
|
|
6125
6128
|
}),
|
|
6126
6129
|
ref: this.selectRef,
|
|
6127
6130
|
onClick: this.toggle
|