@kaiheila/ui-components 0.1.19 → 0.1.21

package/dist/main.css

@@ -784,6 +784,18 @@ textarea {
 .number-input {
   display: flex;
 }
+.number-input.sm input {
+  height: 24px;
+}
+.number-input.sm .xy-iconfont {
+  width: 24px;
+  height: 24px;
+  border-radius: 6px;
+}
+.number-input.sm .xy-iconfont svg {
+  width: 12px;
+  height: 12px;
+}
 .number-input input {
   color: var(--text-color);
   border: none;
@@ -802,12 +814,15 @@ textarea {
   width: 32px;
   height: 32px;
   border-radius: 8px;
-  font-size: 16px;
   border: 1px solid var(--color-controls);
   align-items: center;
   justify-content: center;
   cursor: pointer;
 }
+.number-input .xy-iconfont svg {
+  width: 16px;
+  height: 16px;
+}
 .number-input .xy-iconfont:not(.disabled):hover {
   background: var(--menu-hover);
 }

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.19\",\"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.20\",\"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 */
@@ -4453,10 +4453,12 @@ var number_input_NumberInput = /*#__PURE__*/function (_Component) {
           step = _this$props2$step === void 0 ? 1 : _this$props2$step,
           min = _this$props2.min,
           max = _this$props2.max,
-          maxLength = _this$props2.maxLength;
+          maxLength = _this$props2.maxLength,
+          _this$props2$size = _this$props2.size,
+          size = _this$props2$size === void 0 ? '' : _this$props2$size;
       console.log('console log to chrome min', min);
       return /*#__PURE__*/external_react_default.a.createElement("div", {
-        className: "number-input"
+        className: external_classnames_default()("number-input", size)
       }, /*#__PURE__*/external_react_default.a.createElement("span", {
         className: external_classnames_default()('xy-iconfont', {
           disabled: inputValue <= min
@@ -4465,8 +4467,6 @@ var number_input_NumberInput = /*#__PURE__*/function (_Component) {
           return _this2.onConfirm(inputValue - step);
         }
       }, /*#__PURE__*/external_react_default.a.createElement("svg", {
-        width: "16px",
-        height: "16px",
         viewBox: "0 0 16 16",
         version: "1.1"
       }, /*#__PURE__*/external_react_default.a.createElement("g", {
@@ -4522,8 +4522,6 @@ var number_input_NumberInput = /*#__PURE__*/function (_Component) {
           return _this2.onConfirm(inputValue + step);
         }
       }, /*#__PURE__*/external_react_default.a.createElement("svg", {
-        width: "16px",
-        height: "16px",
         viewBox: "0 0 16 16",
         version: "1.1"
       }, /*#__PURE__*/external_react_default.a.createElement("g", {
@@ -5792,6 +5790,7 @@ var selector_Selector = /*#__PURE__*/function (_Component) {
           formatShow = _this$props3.formatShow,
           type = _this$props3.type,
           size = _this$props3.size,
+          renderLabel = _this$props3.renderLabel,
           renderSelected = _this$props3.renderSelected;
       var label = this.getLabel();
       var selectItem = data.find(function (item) {
@@ -5821,7 +5820,7 @@ var selector_Selector = /*#__PURE__*/function (_Component) {
           'active': showList
         }),
         onClick: this.toggle
-      }, renderSelected && selectItem ? renderSelected(selectItem) : /*#__PURE__*/external_react_default.a.createElement(external_react_default.a.Fragment, null, /*#__PURE__*/external_react_default.a.createElement("span", {
+      }, renderLabel ? renderLabel(selectItem) : renderSelected && selectItem ? renderSelected(selectItem) : /*#__PURE__*/external_react_default.a.createElement(external_react_default.a.Fragment, null, /*#__PURE__*/external_react_default.a.createElement("span", {
         className: "selector-label",
         dangerouslySetInnerHTML: {
           __html: printEmoji(label)
@@ -5851,7 +5850,8 @@ selector_defineProperty(selector_Selector, "propTypes", {
   size: external_prop_types_default.a.string,
   type: external_prop_types_default.a.string,
   //ghost
-  optionsWidth: external_prop_types_default.a.any
+  optionsWidth: external_prop_types_default.a.any,
+  renderLabel: external_prop_types_default.a.func
 });
 
 

package/package.json

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