@kaiheila/ui-components 0.0.12 → 0.1.2

package/dist/main.css

@@ -229,7 +229,6 @@ textarea {
 }
 .chuanyu-button {
   position: relative;
-  border-radius: 6px;
   color: #ffffff;
   text-align: center;
   outline: none;
@@ -247,23 +246,28 @@ textarea {
   min-width: 65px;
   padding: 0 8px;
   line-height: 24px;
+  border-radius: 8px;
 }
 .chuanyu-button.size-sm {
-  font-size: 14px;
-  height: 30px;
-  padding: 0 10px;
-  min-width: 77px;
+  height: 32px;
+  min-width: 80px;
+  font-size: 12px;
+  padding: 0 12px;
+  border-radius: 8px;
 }
 .chuanyu-button.size-md {
-  min-width: 81px;
-  font-size: 14px;
   height: 36px;
+  min-width: 80px;
+  font-size: 14px;
   padding: 0 12px;
+  border-radius: 12px;
 }
 .chuanyu-button.size-lg {
-  height: 42px;
+  height: 40px;
+  min-width: 88px;
   font-size: 16px;
   padding: 0 16px;
+  border-radius: 12px;
 }
 .chuanyu-button.block-button {
   width: 100%;
@@ -277,20 +281,25 @@ textarea {
   font-size: 16px;
 }
 .chuanyu-button.type-primary {
-  background-color: var(--color-primary-default);
-}
-.chuanyu-button.type-primary.size-md {
-  height: 40px;
+  background-color: var(--color-primary);
 }
 .chuanyu-button.type-primary:not(.disabled):hover {
-  background-color: var(--color-primary-default-hover);
+  background-color: var(--color-primary-hover);
 }
-.chuanyu-button.type-primary:active {
-  background-color: var(--color-primary-default-active);
+.chuanyu-button.type-primary:not(.disabled):active {
+  background-color: var(--color-primary-active);
 }
 .chuanyu-button.type-primary:disabled {
   opacity: 0.5;
-  background-color: var(--color-primary-default);
+  background-color: var(--color-primary);
+}
+.chuanyu-button.type-primary-text {
+  background-color: transparent;
+  color: var(--color-primary);
+}
+.chuanyu-button.type-primary-text:hover {
+  background-color: var(--color-primary);
+  color: #fff;
 }
 .chuanyu-button.type-appprimary {
   background-color: var(--color-primary);
@@ -345,15 +354,15 @@ textarea {
   background-color: var(--color-warn);
 }
 .chuanyu-button.type-simple {
-  background-color: transparent;
+  background-color: var(--button-simple);
   color: var(--text-tip-color);
 }
 .chuanyu-button.type-simple:not(.disabled):hover {
-  background-color: rgba(187, 190, 196, 0.3);
+  background-color: var(--button-simple-hover);
   color: var(--text-description-color);
 }
 .chuanyu-button.type-simple:not(.disabled):active {
-  background-color: rgba(187, 190, 196, 0.5);
+  background-color: var(--button-simple-active);
   color: var(--text-description-color);
 }
 .chuanyu-button.type-simple:disabled {
@@ -362,13 +371,13 @@ textarea {
 }
 .chuanyu-button.type-default {
   color: var(--text-description-color);
-  background-color: rgba(187, 190, 196, 0.15);
+  background-color: var(--button-default);
 }
 .chuanyu-button.type-default:hover {
-  background-color: rgba(187, 190, 196, 0.3);
+  background-color: var(--button-default-hover);
 }
 .chuanyu-button.type-default:active {
-  background-color: rgba(187, 190, 196, 0.5);
+  background-color: var(--button-default-active);
 }
 .chuanyu-button.type-default:disabled {
   cursor: not-allowed;
@@ -377,18 +386,14 @@ textarea {
 }
 .chuanyu-button.type-ghost {
   color: var(--text-description-color);
-  border-color: var(--color-bbb);
-  border-width: 1px;
-  border-style: solid;
+  background-color: var(--button-simple);
+  border: 1px solid var(--border-color);
 }
 .chuanyu-button.type-ghost:not(.disabled):hover {
-  color: var(--text-description-color);
-  border-color: var(--color-bbb);
-  background-color: rgba(187, 190, 196, 0.3);
+  background-color: var(--button-simple-hover);
 }
 .chuanyu-button.type-ghost:not(.disabled):active {
-  color: var(--text-description-color);
-  border-color: var(--color-bbb);
+  background-color: var(--button-simple-active);
 }
 .chuanyu-button.type-ghost:disabled {
   cursor: not-allowed;
@@ -483,13 +488,14 @@ textarea {
   border-radius: 2px;
 }
 .kaihei-checkbox.disabled {
+  opacity: 0.5;
   cursor: not-allowed;
 }
 .theme-light .kaihei-checkbox.active {
-  border-color: #505a9a;
+  border-color: var(--color-primary);
 }
 .theme-light .kaihei-checkbox.active:after {
-  background-color: #505a9a;
+  background-color: var(--color-primary);
 }
 .checkbox-box {
   display: inline-flex;
@@ -497,14 +503,14 @@ textarea {
 }
 .kaihei-checkbox-mute {
   display: inline-block;
-  width: 14px;
-  height: 14px;
+  width: 16px;
+  height: 16px;
   font-size: 14px;
   line-height: 14px;
   color: var(--text-tip-color);
   border: 2px solid var(--text-tip-color);
   border-radius: 4px;
-  margin-right: 10px;
+  margin-right: 8px;
   vertical-align: middle;
   box-sizing: border-box;
 }
@@ -525,6 +531,7 @@ textarea {
   color: white;
 }
 .kaihei-checkbox-mute.disabled {
+  opacity: 0.5;
   cursor: not-allowed;
 }
 
@@ -551,7 +558,7 @@ textarea {
   color: var(--color-error);
 }
 .friendship-level.minus {
-  color: var(--color-link);
+  color: var(--text-description-color);
 }
 .friendship-level .friendship-item {
   width: 14px;
@@ -576,15 +583,12 @@ textarea {
   outline: none;
   width: 276px;
   height: 40px;
-  line-height: 20px;
-  padding-left: 12px;
-  border-radius: 6px;
+  padding: 0 16px;
+  border-radius: 12px;
   background-color: var(--color-f2f);
   color: var(--main-color);
   font-size: 14px;
-  border-width: 1px;
-  border-style: solid;
-  border-color: transparent;
+  border: 1px solid transparent;
 }
 .chuanyu-input.ghost {
   background-color: transparent;
@@ -600,8 +604,8 @@ textarea {
 .chuanyu-input.block {
   width: 100%;
 }
-.chuanyu-input::-webkit-input-placeholder {
-  color: #999ba1;
+.chuanyu-input::placeholder {
+  color: var(--text-tip-color);
 }
 .chuanyu-input:-webkit-autofill {
   -webkit-text-fill-color: #fff !important;
@@ -637,15 +641,12 @@ textarea {
 }
 .normal-input {
   height: 40px;
-  line-height: 14px;
-  font-size: 14px;
-  padding: 12px;
-  text-align: left;
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--border-color);
   width: 100%;
-  border-radius: 6px;
+  padding: 0 16px;
+  text-align: left;
+  border: 1px solid var(--border-color);
+  border-radius: 12px;
+  font-size: 14px;
 }
 .normal-input.noTheme {
   border-color: transparent;
@@ -658,9 +659,7 @@ textarea {
   border-color: var(--border-hover-color);
   box-shadow: 0 0 0 3px var(--border-active-color);
 }
-.normal-input::placeholder,
-.normal-input::-moz-placeholder,
-.normal-input::-webkit-input-placeholder {
+.normal-input::placeholder {
   color: var(--text-tip-color);
 }
 .normal-input:disabled {
@@ -675,14 +674,14 @@ textarea {
   height: 40px;
   line-height: 14px;
   font-size: 14px;
-  padding: 12px;
+  padding: 0 16px;
   text-align: left;
-  border: 1px solid #e5e5e5;
+  border: 1px solid var(--border-color);
   width: 100%;
-  border-radius: 4px;
+  border-radius: 12px;
 }
-.passowrd-input input::-webkit-input-placeholder {
-  color: #dddddd;
+.passowrd-input input::placeholder {
+  color: var(--text-tip-color);
 }
 .passowrd-input .switch-btn {
   position: absolute;
@@ -690,17 +689,15 @@ textarea {
   transform: translateY(-50%);
   right: 12px;
   font-size: 20px;
-  color: #b2b2b2;
+  color: var(--text-tip-color);
 }
 .normal-textarea {
   height: 105px;
   font-size: 14px;
-  border-width: 1px;
-  border-style: solid;
-  padding: 12px;
+  padding: 10px 16px;
   width: 100%;
   outline: none;
-  border-radius: 6px;
+  border-radius: 12px;
   border: 1px solid var(--border-color);
 }
 .normal-textarea:hover {
@@ -715,10 +712,13 @@ textarea {
   cursor: not-allowed;
   border-color: var(--border-color);
 }
+.normal-textarea::placeholder {
+  color: var(--text-tip-color);
+}
 .search-input {
   position: relative;
   display: flex;
-  border-radius: var(--button-radius);
+  border-radius: 12px;
   line-height: 20px;
   border: 1px solid var(--border-color);
   font-size: 14px;
@@ -743,13 +743,16 @@ textarea {
   box-shadow: 0 0 0 3px var(--border-active-color);
 }
 .search-input input {
-  padding: 3px 30px 3px 10px;
+  padding: 3px 30px 3px 16px;
   width: 100%;
   height: 100%;
   border: none;
   background: transparent;
   color: var(--text-color);
 }
+.search-input input::placeholder {
+  color: var(--text-tip-color);
+}
 .search-input .button-clear,
 .search-input .button-search {
   right: 10px;
@@ -830,18 +833,26 @@ textarea {
 }
 
 .kaihei-radio {
-  width: 14px;
-  height: 14px;
+  width: 16px;
+  height: 16px;
   border-radius: 50%;
   display: inline-flex;
   flex-shrink: 0;
   justify-content: center;
   align-items: center;
   position: relative;
-  color: var(--text-tip-color);
+  border: 2px solid var(--text-tip-color);
 }
 .kaihei-radio.checked {
-  color: var(--color-primary);
+  border-color: var(--color-primary);
+}
+.kaihei-radio.checked::after {
+  position: absolute;
+  content: "";
+  width: 8px;
+  height: 8px;
+  background-color: var(--color-primary);
+  border-radius: 50%;
 }
 .form-item-radio {
   display: flex;
@@ -924,7 +935,7 @@ textarea {
   width: 100%;
   padding: 9px 35px 9px 16px;
   border: 1px solid var(--border-color);
-  border-radius: 6px;
+  border-radius: 12px;
   cursor: pointer;
 }
 .selector-select:hover {
@@ -964,7 +975,7 @@ textarea {
   position: absolute;
   width: 100%;
   margin-top: 4px;
-  border-radius: 6px;
+  border-radius: 12px;
   padding: 8px;
   z-index: 1000;
   max-height: 240px;
@@ -1013,8 +1024,8 @@ textarea {
 .selector-search-select {
   position: relative;
   width: 100%;
-  padding: 9px 35px 10px 9px;
-  border-radius: 6px;
+  padding: 9px 35px 9px 16px;
+  border-radius: 12px;
   border: 1px solid var(--border-color);
 }
 .selector-search-select:hover {
@@ -1033,7 +1044,7 @@ textarea {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
-  left: 12px;
+  left: 16px;
   display: inline-block;
   width: calc(100% - 44px);
   white-space: nowrap;
@@ -1068,7 +1079,7 @@ textarea {
   margin-top: 4px;
   max-height: 400px;
   background-color: var(--menu-background);
-  border-radius: 6px;
+  border-radius: 12px;
   z-index: 1000;
   box-shadow: var(--box-shadow);
   overflow-y: auto;
@@ -1240,21 +1251,16 @@ body .__react_component_tooltip.type-dark.place-right:after {
 }
 
 .ui-switch {
-  background: #e8e8e8;
-  border: 1px solid #dfdfdf;
   position: relative;
   display: inline-block;
-  box-sizing: content-box;
+  box-sizing: border-box;
   overflow: visible;
-  width: 52px;
-  height: 30px;
-  padding: 0px;
-  margin: 0px;
-  border-radius: 20px;
+  width: 32px;
+  height: 20px;
+  border-radius: 10px;
+  border: 2px solid var(--text-tip-color);
   cursor: pointer;
-  box-shadow: #dfdfdf 0px 0px 0px 0px inset;
   transition: 0.3s ease-out all;
-  -webkit-transition: 0.3s ease-out all;
   top: -1px;
 }
 /*adding a wide width for larger switch text*/
@@ -1262,23 +1268,22 @@ body .__react_component_tooltip.type-dark.place-right:after {
   width: 80px;
 }
 .ui-switch small {
-  background: #fff;
+  background-color: var(--text-tip-color);
   border-radius: 100%;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
-  width: 30px;
-  height: 30px;
+  width: 12px;
+  height: 12px;
   position: absolute;
-  top: 0px;
-  left: 0px;
+  top: 50%;
+  margin-top: -6px;
+  left: 2px;
   transition: 0.3s ease-out all;
-  -webkit-transition: 0.3s ease-out all;
 }
 .ui-switch.checked {
-  background: var(--color-primary);
   border-color: var(--color-primary);
 }
 .ui-switch.checked small {
-  left: 22px;
+  left: 14px;
+  background-color: var(--color-primary);
 }
 /*wider switch text moves small further to the right*/
 .ui-switch.wide.checked small {
@@ -1319,39 +1324,10 @@ body .__react_component_tooltip.type-dark.place-right:after {
 }
 /* Switchery sizes. */
 /* Switchery size shorthand classes */
-.switchery-small {
-  border-radius: 20px;
-  height: 20px;
-  width: 33px;
-}
-.switchery-small > small,
-.sm > small {
-  height: 20px;
-  width: 20px;
-}
-.ui-switch.switchery-small.checked small,
-.ui-switch.sm.checked small {
-  left: 13px;
-}
-.switchery-large,
-.lg {
-  border-radius: 40px;
-  height: 40px;
-  width: 66px;
-}
-.switchery-large > small,
-.lg > small {
-  height: 40px;
-  width: 40px;
-}
-.ui-switch.switchery-large.checked small,
-.ui-switch.lg.checked small {
-  left: 26px;
-}
 .kaihei-auth-switch {
   display: inline-flex;
-  width: 106px;
-  height: 28px;
+  width: 100px;
+  height: 30px;
   border-radius: 4px;
   cursor: pointer;
 }
@@ -1370,8 +1346,8 @@ body .__react_component_tooltip.type-dark.place-right:after {
   font-size: 24px;
 }
 .kaihei-auth-switch .auth-status-item.close-status {
-  border-top-left-radius: 4px;
-  border-bottom-left-radius: 4px;
+  border-top-left-radius: 8px;
+  border-bottom-left-radius: 8px;
   color: var(--color-error);
 }
 .kaihei-auth-switch .auth-status-item.close-status.active {
@@ -1380,14 +1356,14 @@ body .__react_component_tooltip.type-dark.place-right:after {
   border-color: var(--color-error);
 }
 .kaihei-auth-switch .auth-status-item.open-status {
-  border-top-right-radius: 4px;
-  border-bottom-right-radius: 4px;
-  color: #43B580;
+  border-top-right-radius: 8px;
+  border-bottom-right-radius: 8px;
+  color: var(--color-primary);
 }
 .kaihei-auth-switch .auth-status-item.open-status.active {
   color: white;
-  background-color: #43B580;
-  border-color: #43B580;
+  background-color: var(--color-primary);
+  border-color: var(--color-primary);
 }
 .kaihei-auth-switch .auth-status-item.default-status {
   border-left-width: 0;
@@ -1412,9 +1388,8 @@ body .__react_component_tooltip.type-dark.place-right:after {
 
 .textarea-box {
   position: relative;
-  border-width: 1px;
-  border-style: solid;
-  border-radius: var(--button-radius);
+  border: 1px solid var(--border-color);
+  border-radius: 12px;
 }
 .textarea-box.show-max-length textarea {
   padding-right: 24px;
@@ -1422,17 +1397,35 @@ body .__react_component_tooltip.type-dark.place-right:after {
 .textarea-box textarea {
   width: 100%;
   height: 70px;
-  padding: 8px 0 0 8px;
+  padding: 8px 0 0 16px;
   border: none;
   background-color: initial;
   color: inherit;
   margin-top: 1px;
-  border-radius: 6px;
   line-height: 1.5;
+  resize: none;
 }
 .textarea-box textarea::placeholder {
   color: var(--text-tip-color);
 }
+.textarea-box:hover:not(.disabled) {
+  border-color: var(--border-hover-color);
+}
+.textarea-box:active {
+  box-shadow: 0 0 3px var(--border-active-color);
+}
+.textarea-box:active:not(.disabled) {
+  border-color: var(--border-hover-color);
+}
+.textarea-box:focus,
+.textarea-box.theme-focus {
+  outline: none;
+  border-color: var(--border-hover-color);
+  box-shadow: 0 0 0 3px var(--border-active-color);
+}
+.textarea-box.disabled {
+  opacity: 0.5;
+}
 .textarea-box .footer {
   font-family: "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
   position: absolute;
@@ -1454,34 +1447,6 @@ body .__react_component_tooltip.type-dark.place-right:after {
 .textarea-box.size-sm .footer {
   bottom: 0px;
 }
-.theme-textarea {
-  border-radius: 6px;
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--border-color);
-  background-color: transparent;
-}
-.theme-textarea.disabled {
-  opacity: 0.5;
-}
-.theme-dark .theme-textarea {
-  background-color: transparent;
-}
-.theme-textarea:hover:not(.disabled) {
-  border-color: var(--border-hover-color);
-}
-.theme-textarea:focus,
-.theme-textarea.theme-focus {
-  outline: none;
-  border-color: var(--border-hover-color);
-  box-shadow: 0 0 0 3px var(--border-active-color);
-}
-.theme-textarea:active {
-  box-shadow: 0 0 3px var(--border-active-color);
-}
-.theme-textarea:active:not(.disabled) {
-  border-color: var(--border-hover-color);
-}
 
 .time-selector-select {
   position: relative;
@@ -1489,7 +1454,7 @@ body .__react_component_tooltip.type-dark.place-right:after {
   padding: 0 48px 0 16px;
   line-height: 40px;
   border: 1px solid var(--border-color);
-  border-radius: 6px;
+  border-radius: 12px;
   font-size: 16px;
   color: var(--text-color);
 }

package/dist/ui-components.js

@@ -2803,7 +2803,7 @@ module.exports = require("react-dom");
 /* 6 */
 /***/ (function(module) {
 
-module.exports = JSON.parse("{\"name\":\"@kaiheila/ui-components\",\"version\":\"0.0.11\",\"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\"]}}");
+module.exports = JSON.parse("{\"name\":\"@kaiheila/ui-components\",\"version\":\"0.1.1\",\"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\"]}}");
 
 /***/ }),
 /* 7 */
@@ -3990,48 +3990,94 @@ var friendship_Friendship = /*#__PURE__*/function (_Component) {
         list.push( /*#__PURE__*/external_react_default.a.createElement("li", {
           key: i,
           className: external_classnames_default()('friendship-item', size)
-        }, i < solid ? /*#__PURE__*/external_react_default.a.createElement("svg", {
-          width: "24px",
-          height: "24px",
-          viewBox: "0 0 24 24"
+        }, i < solid ? value > 1000 ? /*#__PURE__*/external_react_default.a.createElement("svg", {
+          width: "16px",
+          height: "16px",
+          viewBox: "0 0 16 16"
         }, /*#__PURE__*/external_react_default.a.createElement("g", {
-          id: "\u7EA2\u5FC3\u9009\u4E2D",
+          id: "\u89C4\u8303",
           stroke: "none",
           strokeWidth: "1",
           fill: "none",
           fillRule: "evenodd"
+        }, /*#__PURE__*/external_react_default.a.createElement("g", {
+          id: "Icons",
+          transform: "translate(-1046.000000, -99.000000)"
+        }, /*#__PURE__*/external_react_default.a.createElement("g", {
+          id: "Icon/Status/heart/solid",
+          transform: "translate(1046.000000, 99.000000)"
         }, /*#__PURE__*/external_react_default.a.createElement("rect", {
-          id: "\u77E9\u5F62",
+          id: "bg",
+          fill: "#037EF3",
+          opacity: "0",
           x: "0",
           y: "0",
-          width: "24",
-          height: "24"
+          width: "16",
+          height: "16"
         }), /*#__PURE__*/external_react_default.a.createElement("path", {
-          d: "M15.9203385,3 C14.4914227,3 13.1002767,3.49659748 12.0024912,4.39572305 C10.9021101,3.49448232 9.51607264,3.00070714 8.08464375,3 C6.39350076,3 4.7623589,3.69567381 3.60678156,4.91200914 C1.35339706,7.26373663 1.48674159,11.1140068 3.90234268,13.4941695 L11.1958179,20.671852 C11.4113775,20.8840544 11.6980495,21 12.0024997,21 C12.3091722,21 12.5958442,20.8818667 12.8114039,20.671852 L20.1026437,13.4941695 C22.5115867,11.1096272 22.6449226,7.25935705 20.3982049,4.91200914 C19.2368377,3.6946848 17.6167681,3.00293125 15.9203385,3 Z",
+          d: "M7.99938095,4.57885678 L8.13319168,4.45756486 C10.0073078,2.75853096 10.7438561,2.78216485 12.2082694,4.15537999 L12.6080279,4.54397904 L12.9699236,4.91534863 L13.2794189,5.25793962 C14.2224383,6.35843642 14.2726472,7.0766575 13.2353103,8.38627962 L12.8912881,8.79788196 L12.4808448,9.25081043 L12.0028119,9.75090708 L11.1965922,10.5622149 L10.7123012,11.0353495 L10.517758,11.2393604 L10.304014,11.456021 C9.43215895,12.327876 8.82291292,12.8111211 8.17732284,12.8459657 L8.00012712,12.8443065 C7.34522529,12.8914834 6.7540587,12.4848243 5.92747846,11.6841197 L5.69598603,11.456021 C5.54760463,11.3076396 5.41047923,11.1668646 5.28490457,11.0322223 L4.54397904,10.304014 L3.99718814,9.75090708 L3.51915522,9.25081043 L3.10871187,8.79788196 C1.7262391,7.21647896 1.68325974,6.4684861 2.72058106,5.25793962 L3.03007645,4.91534863 L3.39197206,4.54397904 C5.17396461,2.76198649 5.85889099,2.60343708 7.99938095,4.57885678 Z",
           id: "\u8DEF\u5F84",
-          fill: "currentColor"
-        }))) : /*#__PURE__*/external_react_default.a.createElement("svg", {
-          width: "24px",
-          height: "24px",
-          viewBox: "0 0 24 24"
+          fill: "currentColor",
+          fillRule: "nonzero"
+        }))))) : /*#__PURE__*/external_react_default.a.createElement("svg", {
+          width: "16px",
+          height: "16px",
+          viewBox: "0 0 16 16"
+        }, /*#__PURE__*/external_react_default.a.createElement("g", {
+          id: "\u89C4\u8303",
+          stroke: "none",
+          strokeWidth: "1",
+          fill: "none",
+          fillRule: "evenodd"
+        }, /*#__PURE__*/external_react_default.a.createElement("g", {
+          id: "Icons",
+          transform: "translate(-1118.000000, -99.000000)"
+        }, /*#__PURE__*/external_react_default.a.createElement("g", {
+          id: "Icon/Status/heart/broken",
+          transform: "translate(1118.000000, 99.000000)"
+        }, /*#__PURE__*/external_react_default.a.createElement("rect", {
+          id: "bg",
+          fill: "#037EF3",
+          opacity: "0",
+          x: "0",
+          y: "0",
+          width: "16",
+          height: "16"
+        }), /*#__PURE__*/external_react_default.a.createElement("path", {
+          d: "M12.2082694,4.15537999 L12.6080279,4.54397904 L12.9699236,4.91534863 L13.2794189,5.25793962 C14.2224383,6.35843642 14.2726472,7.0766575 13.2353103,8.38627962 L12.8912881,8.79788196 L12.4808448,9.25081043 L12.0028119,9.75090708 L11.1965922,10.5622149 L10.7123012,11.0353495 L10.517758,11.2393604 L10.304014,11.456021 C9.43215895,12.327876 8.82291292,12.8111211 8.17732284,12.8459657 L8.00012712,12.8443065 C7.7562096,12.8618775 7.52113332,12.8164931 7.27944262,12.7112426 L9.1887964,8.76528954 L8.19777042,6.54752876 L8.89406295,3.8171058 C10.2403668,2.79484939 10.9598065,2.98466662 12.2082694,4.15537999 Z M7.22855341,3.91217049 L6.67678556,6.54752876 L8.01161443,8.76528954 L6.77884966,12.4191104 C6.51787045,12.2323844 6.23944069,11.9863161 5.92747846,11.6841197 L5.69598603,11.456021 L5.28490457,11.0322223 L5.28490457,11.0322223 L4.54397904,10.304014 L3.99718814,9.75090708 L3.51915522,9.25081043 L3.10871187,8.79788196 C1.7262391,7.21647896 1.68325974,6.4684861 2.72058106,5.25793962 L3.03007645,4.91534863 L3.39197206,4.54397904 L3.70116574,4.2411199 C5.04426448,2.95800136 5.76908577,2.75815664 7.22855341,3.91217049 Z",
+          id: "\u5F62\u72B6",
+          fill: "currentColor",
+          fillRule: "nonzero"
+        }))))) : /*#__PURE__*/external_react_default.a.createElement("svg", {
+          width: "16px",
+          height: "16px",
+          viewBox: "0 0 16 16"
         }, /*#__PURE__*/external_react_default.a.createElement("g", {
-          id: "\u7EA2\u5FC3\u672A\u9009\u4E2D",
+          id: "\u89C4\u8303",
           stroke: "none",
           strokeWidth: "1",
           fill: "none",
           fillRule: "evenodd"
+        }, /*#__PURE__*/external_react_default.a.createElement("g", {
+          id: "Icons",
+          transform: "translate(-1082.000000, -99.000000)"
+        }, /*#__PURE__*/external_react_default.a.createElement("g", {
+          id: "Icon/Status/heart/outline",
+          transform: "translate(1082.000000, 99.000000)"
         }, /*#__PURE__*/external_react_default.a.createElement("rect", {
-          id: "\u77E9\u5F62",
+          id: "bg",
+          fill: "#037EF3",
+          opacity: "0",
           x: "0",
           y: "0",
-          width: "24",
-          height: "24"
+          width: "16",
+          height: "16"
         }), /*#__PURE__*/external_react_default.a.createElement("path", {
-          d: "M15.9203385,3 C17.6167681,3.00293125 19.2368377,3.6946848 20.3982049,4.91200914 C22.5873144,7.19916864 22.5168597,10.9131655 20.2834569,13.3079022 L20.1026437,13.4941695 L12.8114039,20.671852 C12.5958442,20.8818667 12.3091722,21 12.0024997,21 C11.7415424,21 11.4936466,20.9148155 11.2923989,20.7568452 L11.1958179,20.671852 L3.90234268,13.4941695 C1.48674159,11.1140068 1.35339706,7.26373663 3.60678156,4.91200914 C4.7623589,3.69567381 6.39350076,3 8.08464375,3 C9.51607264,3.00070714 10.9021101,3.49448232 12.0024912,4.39572305 C13.1002767,3.49659748 14.4914227,3 15.9203385,3 Z M15.9177467,4.49999776 C14.9216186,4.49999776 13.9456656,4.82055346 13.1484341,5.40468267 L12.9529414,5.55617317 L12.0024969,6.33462121 L11.0520479,5.55617876 C10.2200179,4.87472459 9.1696585,4.50053619 8.08464375,4.49999776 C6.80284729,4.49999776 5.56539499,5.02821757 4.68984538,5.94978211 C3.06608901,7.64440304 3.10964945,10.4308594 4.78705344,12.2519087 L4.95448218,12.4250565 L12.003,19.361 L19.0473964,12.4281239 C20.8271369,10.6664108 20.9771302,7.87566913 19.4644715,6.11457645 L19.3128936,5.94743153 C18.4931808,5.08822316 17.368232,4.57393379 16.1745106,4.50737083 L15.9177467,4.49999776 Z",
+          d: "M8.0802226,4.04979046 L8,4.118 L7.86075974,4.00097345 C6.12373457,2.56540768 5.15265054,2.74117731 3.42851078,4.46531707 L3.09735899,4.80506626 L2.8032991,5.12993213 C1.63478956,6.49325784 1.73600509,7.49997414 3.14611708,9.11299348 L3.52263625,9.5286286 L3.96374543,9.99040483 L4.46288783,10.4954334 L5.13583834,11.1569206 L5.30038372,11.3300961 L5.71361083,11.743093 C6.64483396,12.6451949 7.27168184,13.0139044 8.04322465,12.9583251 L8.15397256,12.9613428 C8.87353865,12.9236281 9.43723102,12.5680195 10.3067109,11.7232537 L10.6931114,11.3368037 L10.875291,11.1458835 L11.2962249,10.735172 L12.0281272,9.99874377 L12.4664842,9.54031784 L12.8467628,9.12099298 L13.1721504,8.73243533 C14.2692576,7.34768826 14.2677221,6.37948971 13.2070849,5.14173375 L12.918155,4.82160024 L12.576935,4.47083362 L12.1978593,4.10216854 C10.7143721,2.71106739 9.7267848,2.66977457 8.0802226,4.04979046 Z M7.5925212,5.361896 C7.82082969,5.5725978 8.17221666,5.57417033 8.40240184,5.36552038 L8.82341891,4.98887715 L9.09191987,4.76298239 C9.89627629,4.11291656 10.2879228,4.08015429 10.9311373,4.58664986 L11.1433948,4.76443027 L11.3692259,4.97006857 L11.7290086,5.31980771 L12.0432214,5.64256128 L12.3062532,5.93435919 C12.9769116,6.71732917 12.9774328,7.04593881 12.2414484,7.97510788 L11.9417882,8.33331009 L11.5881569,8.72283017 L11.1688068,9.16122792 L10.4513365,9.88306598 L10.0217792,10.3026359 L9.83176226,10.5013554 L9.6464833,10.6890395 L9.49639801,10.837379 L9.22329663,11.0962289 C8.71113498,11.5651291 8.3950153,11.7477892 8.12725366,11.7622412 L8.0057324,11.7599021 C7.65689771,11.7831871 7.30589059,11.5930452 6.6973227,11.0230964 L6.34750721,10.6830336 L6.10292892,10.4336458 C6.06545493,10.3945516 6.02957111,10.3566258 5.99519593,10.3197684 L5.31015691,9.645692 L4.82416263,9.15399553 L4.40096359,8.71114093 L4.04244413,8.31519455 L3.79415629,8.02346816 C3.00375215,7.06298642 3.03303559,6.70572086 3.70413083,5.92255757 L3.97229265,5.6260273 L4.28248466,5.30832865 L4.56371039,5.03148587 L4.81614123,4.79562015 C5.69507591,4.00607509 6.0947157,4.04572723 7.13048327,4.94566818 L7.42957513,5.21245945 C7.48233175,5.26048737 7.53661219,5.31029857 7.5925212,5.361896 Z",
           id: "\u8DEF\u5F84",
           fill: "currentColor",
           fillRule: "nonzero"
-        })))));
+        })))))));
       }
 
       return /*#__PURE__*/external_react_default.a.createElement("ul", {
@@ -5099,53 +5145,7 @@ var radio_Radio = /*#__PURE__*/function (_Component) {
         onClick: function onClick() {
           return _this2.handleClick();
         }
-      }, checked ? /*#__PURE__*/external_react_default.a.createElement("svg", {
-        width: "14px",
-        height: "14px",
-        viewBox: "0 0 14 14",
-        version: "1.1",
-        xmlns: "http://www.w3.org/2000/svg"
-      }, /*#__PURE__*/external_react_default.a.createElement("g", {
-        id: "10\u6708",
-        stroke: "none",
-        strokeWidth: "1",
-        fill: "none",
-        fillRule: "evenodd"
-      }, /*#__PURE__*/external_react_default.a.createElement("g", {
-        id: "\u5355\u9009\u63A7\u4EF6",
-        transform: "translate(-443.000000, -178.000000)",
-        fill: "currentColor",
-        fillRule: "nonzero"
-      }, /*#__PURE__*/external_react_default.a.createElement("g", {
-        id: "\u7F16\u7EC4",
-        transform: "translate(140.000000, 113.000000)"
-      }, /*#__PURE__*/external_react_default.a.createElement("path", {
-        d: "M310,65 C313.865993,65 317,68.1340068 317,72 C317,75.8659932 313.865993,79 310,79 C306.134007,79 303,75.8659932 303,72 C303,68.1340068 306.134007,65 310,65 Z M310,66.5 C306.962434,66.5 304.5,68.9624339 304.5,72 C304.5,75.0375661 306.962434,77.5 310,77.5 C313.037566,77.5 315.5,75.0375661 315.5,72 C315.5,68.9624339 313.037566,66.5 310,66.5 Z M310,68 C312.209139,68 314,69.790861 314,72 C314,74.209139 312.209139,76 310,76 C307.790861,76 306,74.209139 306,72 C306,69.790861 307.790861,68 310,68 Z",
-        id: "\u5355\u9009\u9009\u4E2D"
-      }))))) : /*#__PURE__*/external_react_default.a.createElement("svg", {
-        width: "14px",
-        height: "14px",
-        viewBox: "0 0 14 14",
-        version: "1.1",
-        xmlns: "http://www.w3.org/2000/svg"
-      }, /*#__PURE__*/external_react_default.a.createElement("g", {
-        id: "10\u6708",
-        stroke: "none",
-        strokeWidth: "1",
-        fill: "none",
-        fillRule: "evenodd"
-      }, /*#__PURE__*/external_react_default.a.createElement("g", {
-        id: "\u5355\u9009\u63A7\u4EF6",
-        transform: "translate(-365.000000, -178.000000)",
-        fill: "currentColor",
-        fillRule: "nonzero"
-      }, /*#__PURE__*/external_react_default.a.createElement("g", {
-        id: "\u7F16\u7EC4",
-        transform: "translate(140.000000, 113.000000)"
-      }, /*#__PURE__*/external_react_default.a.createElement("path", {
-        d: "M232,65 C235.865993,65 239,68.1340068 239,72 C239,75.8659932 235.865993,79 232,79 C228.134007,79 225,75.8659932 225,72 C225,68.1340068 228.134007,65 232,65 Z M232,66.5 C228.962434,66.5 226.5,68.9624339 226.5,72 C226.5,75.0375661 228.962434,77.5 232,77.5 C235.037566,77.5 237.5,75.0375661 237.5,72 C237.5,68.9624339 235.037566,66.5 232,66.5 Z",
-        id: "\u5355\u9009\u9ED8\u8BA4"
-      }))))));
+      });
     }
   }]);
 
@@ -5211,53 +5211,7 @@ var radio_RadioForm = /*#__PURE__*/function (_Component2) {
           className: external_classnames_default()('kaihei-radio', className, {
             'checked': is_checked
           })
-        }, is_checked ? /*#__PURE__*/external_react_default.a.createElement("svg", {
-          width: "14px",
-          height: "14px",
-          viewBox: "0 0 14 14",
-          version: "1.1",
-          xmlns: "http://www.w3.org/2000/svg"
-        }, /*#__PURE__*/external_react_default.a.createElement("g", {
-          id: "10\u6708",
-          stroke: "none",
-          strokeWidth: "1",
-          fill: "none",
-          fillRule: "evenodd"
-        }, /*#__PURE__*/external_react_default.a.createElement("g", {
-          id: "\u5355\u9009\u63A7\u4EF6",
-          transform: "translate(-443.000000, -178.000000)",
-          fill: "currentColor",
-          fillRule: "nonzero"
-        }, /*#__PURE__*/external_react_default.a.createElement("g", {
-          id: "\u7F16\u7EC4",
-          transform: "translate(140.000000, 113.000000)"
-        }, /*#__PURE__*/external_react_default.a.createElement("path", {
-          d: "M310,65 C313.865993,65 317,68.1340068 317,72 C317,75.8659932 313.865993,79 310,79 C306.134007,79 303,75.8659932 303,72 C303,68.1340068 306.134007,65 310,65 Z M310,66.5 C306.962434,66.5 304.5,68.9624339 304.5,72 C304.5,75.0375661 306.962434,77.5 310,77.5 C313.037566,77.5 315.5,75.0375661 315.5,72 C315.5,68.9624339 313.037566,66.5 310,66.5 Z M310,68 C312.209139,68 314,69.790861 314,72 C314,74.209139 312.209139,76 310,76 C307.790861,76 306,74.209139 306,72 C306,69.790861 307.790861,68 310,68 Z",
-          id: "\u5355\u9009\u9009\u4E2D"
-        }))))) : /*#__PURE__*/external_react_default.a.createElement("svg", {
-          width: "14px",
-          height: "14px",
-          viewBox: "0 0 14 14",
-          version: "1.1",
-          xmlns: "http://www.w3.org/2000/svg"
-        }, /*#__PURE__*/external_react_default.a.createElement("g", {
-          id: "10\u6708",
-          stroke: "none",
-          strokeWidth: "1",
-          fill: "none",
-          fillRule: "evenodd"
-        }, /*#__PURE__*/external_react_default.a.createElement("g", {
-          id: "\u5355\u9009\u63A7\u4EF6",
-          transform: "translate(-365.000000, -178.000000)",
-          fill: "currentColor",
-          fillRule: "nonzero"
-        }, /*#__PURE__*/external_react_default.a.createElement("g", {
-          id: "\u7F16\u7EC4",
-          transform: "translate(140.000000, 113.000000)"
-        }, /*#__PURE__*/external_react_default.a.createElement("path", {
-          d: "M232,65 C235.865993,65 239,68.1340068 239,72 C239,75.8659932 235.865993,79 232,79 C228.134007,79 225,75.8659932 225,72 C225,68.1340068 228.134007,65 232,65 Z M232,66.5 C228.962434,66.5 226.5,68.9624339 226.5,72 C226.5,75.0375661 228.962434,77.5 232,77.5 C235.037566,77.5 237.5,75.0375661 237.5,72 C237.5,68.9624339 235.037566,66.5 232,66.5 Z",
-          id: "\u5355\u9009\u9ED8\u8BA4"
-        })))))), /*#__PURE__*/external_react_default.a.createElement("div", {
+        }), /*#__PURE__*/external_react_default.a.createElement("div", {
           className: "label"
         }, item.label));
       }));
@@ -6786,7 +6740,7 @@ var textarea_Textarea = /*#__PURE__*/function (_Component) {
           value = _this$state$value === void 0 ? '' : _this$state$value;
       var length = (this.props.maxLength || this.maxLength) - value.length;
       return /*#__PURE__*/external_react_default.a.createElement("div", {
-        className: external_classnames_default()('textarea-box theme-textarea', className, size ? "size-".concat(size) : '', {
+        className: external_classnames_default()('textarea-box', className, size ? "size-".concat(size) : '', {
           'theme-focus': themeFocus && focus,
           disabled: disabled,
           'show-max-length': showMaxLength

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kaiheila/ui-components",
-  "version": "0.0.12",
+  "version": "0.1.2",
   "description": "开黑啦 UI Components",
   "main": "dist/ui-components.js",
   "scripts": {