@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 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: rgba(187, 190, 196, 0.3);
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:hover {
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: #A9A9A9;
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;
@@ -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.13\",\"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\"]}}");
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$disabled = _this$props2.disabledValues,
6092
- disabledValues = _this$props2$disabled === void 0 ? [] : _this$props2$disabled,
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
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kaiheila/ui-components",
3
- "version": "0.1.14",
3
+ "version": "0.1.15",
4
4
  "description": "开黑啦 UI Components",
5
5
  "main": "dist/ui-components.js",
6
6
  "scripts": {