@kaiheila/ui-components 0.0.13 → 0.1.1

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,17 @@ 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-appprimary {
   background-color: var(--color-primary);
@@ -345,15 +346,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 +363,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 +378,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 +480,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,8 +495,8 @@ 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);
@@ -525,6 +523,7 @@ textarea {
   color: white;
 }
 .kaihei-checkbox-mute.disabled {
+  opacity: 0.5;
   cursor: not-allowed;
 }
 
@@ -576,15 +575,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 +596,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 +633,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 +651,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 +666,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 +681,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 +704,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 +735,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 +825,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 +927,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 +967,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 +1016,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 +1036,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 +1071,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 +1243,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 +1260,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 +1316,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 +1338,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 +1348,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 +1380,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 +1389,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 +1439,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 +1446,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.12\",\"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 */
@@ -5099,53 +5099,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 +5165,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 +6694,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.13",
+  "version": "0.1.1",
   "description": "开黑啦 UI Components",
   "main": "dist/ui-components.js",
   "scripts": {