@kaiheila/ui-components 0.1.6 → 0.1.9

package/dist/main.css

@@ -100,21 +100,15 @@ textarea {
   border-radius: 50%;
 }
 .kaihei-loading-spin:before {
-  border: 3px solid #edeef0;
-}
-.theme-dark .kaihei-loading-spin:before {
-  border-color: rgba(237, 238, 240, 0.07);
+  border: 3px solid var(--border-color);
 }
 .kaihei-loading-spin:after {
   animation-duration: 0.6s;
   border: 3px solid transparent;
-  border-top-color: #999ba1;
+  border-top-color: var(--text-tip-color);
   -webkit-animation: loaderSpin 0.6s linear infinite;
   animation: loaderSpin 0.6s linear infinite;
 }
-.theme-dark .kaihei-loading-spin:after {
-  border-top-color: rgba(153, 155, 161, 0.5);
-}
 .kaihei-loading-spin.block-loading-spin {
   display: block;
   margin-left: auto;
@@ -250,9 +244,10 @@ textarea {
 .chuanyu-button.size-sm {
   height: 32px;
   min-width: 80px;
-  font-size: 12px;
+  font-size: 14px;
   padding: 0 12px;
   border-radius: 8px;
+  line-height: 32px;
 }
 .chuanyu-button.size-md {
   height: 36px;
@@ -264,7 +259,7 @@ textarea {
 .chuanyu-button.size-lg {
   height: 40px;
   min-width: 88px;
-  font-size: 16px;
+  font-size: 14px;
   padding: 0 16px;
   border-radius: 12px;
 }
@@ -292,14 +287,18 @@ textarea {
   opacity: 0.5;
   background-color: var(--color-primary);
 }
-.chuanyu-button.type-primary-text {
+.chuanyu-button.type-simple-primary {
   background-color: transparent;
   color: var(--color-primary);
 }
-.chuanyu-button.type-primary-text:hover {
+.chuanyu-button.type-simple-primary:hover {
   background-color: var(--color-primary);
   color: #fff;
 }
+.chuanyu-button.type-simple-primary:active {
+  background-color: var(--color-primary-active);
+  color: #fff;
+}
 .chuanyu-button.type-appprimary {
   background-color: var(--color-primary);
 }
@@ -441,12 +440,6 @@ textarea {
   width: 18px;
   line-height: 1;
 }
-.chuanyu-button.loading .btn-loading-ico .kaihei-loading-spin:before {
-  border-color: #edeef0;
-}
-.chuanyu-button.loading .btn-loading-ico .kaihei-loading-spin:after {
-  border-top-color: rgba(153, 155, 161, 0.5);
-}
 .size-sm .button-loading-spin {
   transform-origin: 50%;
   transform: scale(0.9);
@@ -715,18 +708,12 @@ textarea {
 .search-input {
   position: relative;
   display: flex;
+  align-items: center;
+  padding: 0 16px;
+  height: 40px;
+  font-size: 14px;
   border-radius: 12px;
-  line-height: 20px;
   border: 1px solid var(--border-color);
-  font-size: 14px;
-}
-.search-input.md {
-  height: 32px;
-  line-height: 32px;
-}
-.search-input.md .button-clear,
-.search-input.md .button-search {
-  font-size: 24px;
 }
 .search-input.noborder {
   border-color: transparent;
@@ -740,8 +727,8 @@ textarea {
   box-shadow: 0 0 0 3px var(--border-active-color);
 }
 .search-input input {
-  padding: 3px 30px 3px 16px;
-  width: 100%;
+  flex: 1;
+  min-width: 0;
   height: 100%;
   border: none;
   background: transparent;
@@ -752,13 +739,13 @@ textarea {
 }
 .search-input .button-clear,
 .search-input .button-search {
-  right: 10px;
-  top: 50%;
-  transform: translateY(-50%);
-  font-size: 16px;
-  position: absolute;
-  cursor: pointer;
+  display: flex;
+  margin-left: 16px;
+  width: 24px;
+  height: 24px;
+  font-size: 24px;
   color: var(--text-tip-color);
+  cursor: pointer;
 }
 .search-input .button-clear:hover,
 .search-input .button-search:hover {
@@ -766,7 +753,20 @@ textarea {
 }
 .search-input .button-clear:active,
 .search-input .button-search:active {
-  color: var(--text-description-color);
+  color: var(--text-color);
+}
+.search-input .button-clear svg,
+.search-input .button-search svg {
+  width: 24px;
+  height: 24px;
+}
+.search-input.sm {
+  height: 32px;
+  padding: 0 8px;
+}
+.search-input.sm .button-clear,
+.search-input.sm .button-search {
+  margin-left: 8px;
 }
 .number-input {
   display: flex;
@@ -889,11 +889,7 @@ textarea {
   padding: 6px 32px 6px 12px;
   border-radius: 16px;
   border-width: 0;
-  background-color: var(--color-ede);
-}
-.selector-contain.type-ghost:not([disabled]) .selector-select:hover {
-  background-color: var(--color-primary);
-  color: white;
+  background-color: var(--menu-background);
 }
 .selector-contain.simple .selector-select {
   border: none;
@@ -962,12 +958,17 @@ textarea {
 }
 .selector-select .dropdown-icon {
   position: absolute;
+  display: flex;
   top: 50%;
   transform: translateY(-50%);
   right: 10px;
   font-size: 24px;
   transition: transform 0.2s;
 }
+.selector-select .dropdown-icon svg {
+  width: 24px;
+  height: 24px;
+}
 .selector-option {
   position: absolute;
   width: 100%;
@@ -1057,11 +1058,16 @@ textarea {
 }
 .selector-search-select .dropdown-icon {
   position: absolute;
+  display: flex;
   top: 50%;
   transform: translateY(-50%);
   right: 10px;
   font-size: 24px;
-  transition: transform 200ms linear;
+  transition: transform 0.2s;
+}
+.selector-search-select .dropdown-icon svg {
+  width: 24px;
+  height: 24px;
 }
 .selector-search-select input {
   width: 100%;
@@ -1104,7 +1110,7 @@ textarea {
 
 .custom-tooltip {
   padding: 4px 8px;
-  color: #edeef0;
+  color: #fff;
   font-size: 14px;
   line-height: 20px;
   word-break: break-all;
@@ -1112,7 +1118,7 @@ textarea {
   box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
   z-index: 100;
   pointer-events: none;
-  border-radius: 6px;
+  border-radius: 10px;
 }
 .custom-tooltip.useMaxWidth {
   max-width: 160px;
@@ -1132,7 +1138,7 @@ textarea {
 body .__react_component_tooltip.type-info {
   background-color: #121315;
   padding: 4px 8px;
-  color: #edeef0;
+  color: #fff;
   font-size: 14px;
   line-height: 20px;
   word-break: break-all;
@@ -1140,7 +1146,7 @@ body .__react_component_tooltip.type-info {
   box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
   z-index: 100;
   pointer-events: none;
-  border-radius: 6px;
+  border-radius: 10px;
 }
 body .__react_component_tooltip.type-info.useMaxWidth {
   max-width: 160px;
@@ -1188,7 +1194,7 @@ body .__react_component_tooltip.type-info.place-left:after {
 }
 body .__react_component_tooltip.type-success {
   padding: 4px 8px;
-  color: #edeef0;
+  color: #fff;
   font-size: 14px;
   line-height: 20px;
   word-break: break-all;
@@ -1196,8 +1202,8 @@ body .__react_component_tooltip.type-success {
   box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
   z-index: 100;
   pointer-events: none;
-  border-radius: 6px;
-  background-color: #5ab582;
+  border-radius: 10px;
+  background-color: #64dc00;
 }
 body .__react_component_tooltip.type-success.useMaxWidth {
   max-width: 160px;
@@ -1215,21 +1221,21 @@ body .__react_component_tooltip.type-success .user-fullname {
   vertical-align: middle;
 }
 body .__react_component_tooltip.type-success.place-right:after {
-  border-right-color: #5ab582;
+  border-right-color: #64dc00;
 }
 body .__react_component_tooltip.type-success.place-top:after {
-  border-top-color: #5ab582;
+  border-top-color: #64dc00;
 }
 body .__react_component_tooltip.type-success.place-bottom:after {
-  border-bottom-color: #5ab582;
+  border-bottom-color: #64dc00;
 }
 body .__react_component_tooltip.type-success.place-left:after {
-  border-left-color: #5ab582;
+  border-left-color: #64dc00;
 }
 body .__react_component_tooltip.type-dark {
   margin-top: 0;
   padding: 4px 8px;
-  border-radius: 4px;
+  border-radius: 10px;
   max-width: 136px;
   max-height: 62px;
   font-size: 12px;
@@ -1268,23 +1274,42 @@ body .__react_component_tooltip.type-dark.place-right:after {
   width: 80px;
 }
 .ui-switch small {
-  background-color: var(--text-tip-color);
-  border-radius: 100%;
   width: 12px;
   height: 12px;
   position: absolute;
   top: 50%;
   margin-top: -6px;
   left: 2px;
-  transition: 0.3s ease-out all;
+  transition: 200ms ease-out all;
+}
+.ui-switch small::before {
+  content: '';
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  border-radius: 6px;
+  background-color: var(--text-tip-color);
+  transition: 200ms ease-out all;
 }
 .ui-switch.checked {
   border-color: var(--color-primary);
 }
 .ui-switch.checked small {
-  left: 14px;
+  left: calc(100% - 14px);
+}
+.ui-switch.checked small::before {
   background-color: var(--color-primary);
 }
+.ui-switch:active small::before {
+  left: 0;
+  right: -100%;
+}
+.ui-switch.checked:active small::before {
+  right: 0;
+  left: -100%;
+}
 /*wider switch text moves small further to the right*/
 .ui-switch.wide.checked small {
   left: 52px;
@@ -1339,12 +1364,14 @@ body .__react_component_tooltip.type-dark.place-right:after {
   display: flex;
   justify-content: center;
   align-items: center;
-  border-style: solid;
-  border-width: 1px;
+  border: 1px solid var(--border-color);
 }
 .kaihei-auth-switch .auth-status-item .xy-iconfont {
   font-size: 24px;
 }
+.kaihei-auth-switch .auth-status-item:hover {
+  background-color: var(--menu-hover);
+}
 .kaihei-auth-switch .auth-status-item.close-status {
   border-top-left-radius: 8px;
   border-bottom-left-radius: 8px;
@@ -1368,22 +1395,12 @@ body .__react_component_tooltip.type-dark.place-right:after {
 .kaihei-auth-switch .auth-status-item.default-status {
   border-left-width: 0;
   border-right-width: 0;
-  color: #dddddd;
+  color: var(--text-tip-color);
 }
 .kaihei-auth-switch .auth-status-item.default-status.active {
   color: white;
-}
-.theme-light .kaihei-auth-switch .auth-status-item {
-  border-color: #dddddd;
-}
-.theme-light .kaihei-auth-switch .auth-status-item.default-status.active {
-  background-color: #dddddd;
-}
-.theme-dark .kaihei-auth-switch .auth-status-item {
-  border-color: rgba(255, 255, 255, 0.38);
-}
-.theme-dark .kaihei-auth-switch .auth-status-item.default-status.active {
-  background-color: rgba(255, 255, 255, 0.38);
+  background-color: var(--text-tip-color);
+  border-color: var(--text-tip-color);
 }
 
 .textarea-box {
@@ -1475,17 +1492,25 @@ body .__react_component_tooltip.type-dark.place-right:after {
 }
 .time-selector-select .dropdown-icon {
   position: absolute;
+  display: flex;
+  top: 50%;
+  margin-top: -12px;
   right: 8px;
   font-size: 24px;
   color: var(--text-description-color);
   transition: transform 200ms linear;
 }
+.time-selector-select .dropdown-icon svg {
+  width: 24px;
+  height: 24px;
+}
 .time-selector-option {
   position: absolute;
   width: 100%;
   display: flex;
   flex-wrap: wrap;
-  border-radius: 6px;
+  margin-top: 4px;
+  border-radius: 12px;
   background-color: var(--color-grey-bg);
   box-shadow: var(--box-shadow);
   overflow: hidden;
@@ -1498,7 +1523,7 @@ body .__react_component_tooltip.type-dark.place-right:after {
   width: 100%;
   text-align: center;
   line-height: 40px;
-  border-top: 1px solid var(--border-color);
+  border-top: 1px solid var(--color-line);
   cursor: pointer;
 }
 .time-selector-option .footer:hover {
@@ -1514,12 +1539,12 @@ body .__react_component_tooltip.type-dark.place-right:after {
   height: 210px;
 }
 .time-selector-hour {
-  border-right: 1px solid var(--border-color);
+  border-right: 1px solid var(--color-line);
 }
 .time-selector-item {
   height: 32px;
   line-height: 32px;
-  border-radius: 6px;
+  border-radius: 8px;
   text-align: center;
   margin-bottom: 2px;
 }

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.1.6\",\"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.8\",\"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 */
@@ -4703,7 +4703,7 @@ var search_input_SearchInput = /*#__PURE__*/function (_Component) {
           _this$props$placehold = _this$props.placeholder,
           placeholder = _this$props$placehold === void 0 ? '' : _this$props$placehold,
           _this$props$size = _this$props.size,
-          size = _this$props$size === void 0 ? 'sm' : _this$props$size,
+          size = _this$props$size === void 0 ? '' : _this$props$size,
           _this$props$type = _this$props.type,
           type = _this$props$type === void 0 ? '' : _this$props$type;
       return /*#__PURE__*/external_react_default.a.createElement("div", {
@@ -4723,11 +4723,35 @@ var search_input_SearchInput = /*#__PURE__*/function (_Component) {
         type: "text",
         placeholder: placeholder
       }), value == '' ? /*#__PURE__*/external_react_default.a.createElement("span", {
-        className: "button-search xy-iconfont xy-icon-role-member-search"
-      }) : /*#__PURE__*/external_react_default.a.createElement("span", {
+        className: "button-search"
+      }, /*#__PURE__*/external_react_default.a.createElement("svg", {
+        t: "1655350445297",
+        viewBox: "0 0 1024 1024",
+        version: "1.1",
+        xmlns: "http://www.w3.org/2000/svg",
+        pId: "4996",
+        width: "200",
+        height: "200"
+      }, /*#__PURE__*/external_react_default.a.createElement("path", {
+        d: "M484.693333 130.56a350.122667 350.122667 0 0 1 269.226667 574.037333l132.352 132.394667a32 32 0 0 1-41.642667 48.384l-3.584-3.114667-132.437333-132.394666A350.122667 350.122667 0 1 1 484.693333 130.602667z m0 64a286.122667 286.122667 0 1 0 0 572.245333 286.122667 286.122667 0 0 0 0-572.202666z",
+        pId: "4997",
+        fill: "currentColor"
+      }))) : /*#__PURE__*/external_react_default.a.createElement("span", {
         onClick: this.clear,
-        className: "button-clear xy-iconfont xy-icon-role-member-search-close"
-      }));
+        className: "button-clear"
+      }, /*#__PURE__*/external_react_default.a.createElement("svg", {
+        t: "1655352871719",
+        viewBox: "0 0 1024 1024",
+        version: "1.1",
+        xmlns: "http://www.w3.org/2000/svg",
+        pId: "5254",
+        width: "200",
+        height: "200"
+      }, /*#__PURE__*/external_react_default.a.createElement("path", {
+        d: "M380.352 326.912l5.312 4.48L511.936 457.6l126.4-126.272a38.4 38.4 0 0 1 58.752 49.024l-4.48 5.312-126.336 126.272 126.4 126.4a38.4 38.4 0 0 1-49.024 58.752l-5.312-4.48L512 566.336l-126.272 126.4a38.4 38.4 0 0 1-58.752-49.024l4.48-5.312L457.6 512 331.328 385.664a38.4 38.4 0 0 1 49.024-58.752z",
+        pId: "5255",
+        fill: "currentColor"
+      }))));
     }
   }]);
 
@@ -5651,8 +5675,20 @@ var selector_Selector = /*#__PURE__*/function (_Component) {
           __html: printEmoji(label)
         }
       })), /*#__PURE__*/external_react_default.a.createElement("span", {
-        className: "xy-iconfont xy-icon-ic_angle_down_gray dropdown-icon"
-      })), this.renderOptions(list, showList), /*#__PURE__*/external_react_default.a.createElement("div", {
+        className: "dropdown-icon"
+      }, /*#__PURE__*/external_react_default.a.createElement("svg", {
+        t: "1655362138862",
+        viewBox: "0 0 1024 1024",
+        version: "1.1",
+        xmlns: "http://www.w3.org/2000/svg",
+        pId: "5770",
+        width: "200",
+        height: "200"
+      }, /*#__PURE__*/external_react_default.a.createElement("path", {
+        d: "M286.144 448.192l24.512 23.808 23.104 21.632 21.76 19.584 20.736 17.472c107.392 87.488 171.52 84.672 281.664-8.448l21.248-18.56 22.4-20.608 23.808-22.72 12.416-12.16a10.752 10.752 0 0 0-7.552-18.432H293.76a10.752 10.752 0 0 0-7.616 18.432z",
+        pId: "5771",
+        fill: "currentColor"
+      })))), this.renderOptions(list, showList), /*#__PURE__*/external_react_default.a.createElement("div", {
         className: "ab-shadow",
         ref: this.loadShadowRef
       }));
@@ -5951,7 +5987,6 @@ var selector_search_SelectorSearch = /*#__PURE__*/function (_Component) {
         ref: this.selectRef,
         onClick: this.toggle
       }, /*#__PURE__*/external_react_default.a.createElement("input", {
-        className: "search-input",
         type: "text",
         value: keyword,
         onChange: function onChange(event) {
@@ -5970,8 +6005,20 @@ var selector_search_SelectorSearch = /*#__PURE__*/function (_Component) {
       }, placeholder ? placeholder : '请选择') : /*#__PURE__*/external_react_default.a.createElement("span", {
         className: "selector-search-label"
       }, label)), /*#__PURE__*/external_react_default.a.createElement("span", {
-        className: "xy-iconfont xy-icon-ic_angle_down_gray dropdown-icon"
-      })), showList ? /*#__PURE__*/external_react_default.a.createElement("ul", {
+        className: "dropdown-icon"
+      }, /*#__PURE__*/external_react_default.a.createElement("svg", {
+        t: "1655362138862",
+        viewBox: "0 0 1024 1024",
+        version: "1.1",
+        xmlns: "http://www.w3.org/2000/svg",
+        pId: "5770",
+        width: "200",
+        height: "200"
+      }, /*#__PURE__*/external_react_default.a.createElement("path", {
+        d: "M286.144 448.192l24.512 23.808 23.104 21.632 21.76 19.584 20.736 17.472c107.392 87.488 171.52 84.672 281.664-8.448l21.248-18.56 22.4-20.608 23.808-22.72 12.416-12.16a10.752 10.752 0 0 0-7.552-18.432H293.76a10.752 10.752 0 0 0-7.616 18.432z",
+        pId: "5771",
+        fill: "currentColor"
+      })))), showList ? /*#__PURE__*/external_react_default.a.createElement("ul", {
         className: "selector-search-option theme-scroll-bar",
         style: optionsStyle
       }, list) : null);
@@ -6987,8 +7034,20 @@ var time_selector_TimeSelector = /*#__PURE__*/function (_Component) {
       }, /*#__PURE__*/external_react_default.a.createElement("span", {
         className: "time-selector-label"
       }, "".concat(hour.toString().padStart(2, '0'), ":").concat(minute.toString().padStart(2, '0'))), /*#__PURE__*/external_react_default.a.createElement("span", {
-        className: "xy-iconfont xy-icon-ic_angle_down_gray dropdown-icon"
-      })), displayOption && /*#__PURE__*/external_react_default.a.createElement("div", {
+        className: "dropdown-icon"
+      }, /*#__PURE__*/external_react_default.a.createElement("svg", {
+        t: "1655362138862",
+        viewBox: "0 0 1024 1024",
+        version: "1.1",
+        xmlns: "http://www.w3.org/2000/svg",
+        pId: "5770",
+        width: "200",
+        height: "200"
+      }, /*#__PURE__*/external_react_default.a.createElement("path", {
+        d: "M286.144 448.192l24.512 23.808 23.104 21.632 21.76 19.584 20.736 17.472c107.392 87.488 171.52 84.672 281.664-8.448l21.248-18.56 22.4-20.608 23.808-22.72 12.416-12.16a10.752 10.752 0 0 0-7.552-18.432H293.76a10.752 10.752 0 0 0-7.616 18.432z",
+        pId: "5771",
+        fill: "currentColor"
+      })))), displayOption && /*#__PURE__*/external_react_default.a.createElement("div", {
         className: "time-selector-option",
         ref: function ref(e) {
           return _this2.optionRef = e;

package/package.json

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