@kaiheila/ui-components 0.1.27 → 0.1.30

package/dist/ui-components.js

@@ -2803,7 +2803,7 @@ var ReactTooltip = staticMethods(_class = windowListener(_class = customEvent(_c
 /* 6 */
 /***/ (function(module) {
 
-module.exports = JSON.parse("{\"name\":\"@kaiheila/ui-components\",\"version\":\"0.1.26\",\"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.29\",\"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 */
@@ -5578,6 +5578,8 @@ function IconDropDown() {
 // CONCATENATED MODULE: ./src/components/selector/selector.jsx
 function selector_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { selector_typeof = function _typeof(obj) { return typeof obj; }; } else { selector_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return selector_typeof(obj); }
 
+function selector_extends() { selector_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return selector_extends.apply(this, arguments); }
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { selector_defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
@@ -5646,7 +5648,6 @@ var selector_Selector = /*#__PURE__*/function (_Component) {
       });
 
       var document = external_react_dom_default.a.findDOMNode(selector_assertThisInitialized(_this)).ownerDocument;
-      _this.document = document;
 
       if (showList) {
         document.addEventListener('click', _this.hide);
@@ -5772,9 +5773,21 @@ var selector_Selector = /*#__PURE__*/function (_Component) {
       }
     }
   }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.document && this.document.removeEventListener('click', this.hide);
+    key: "renderLable",
+    value: function renderLable(label) {
+      // label不是字符串（是 react elment时）
+      if (typeof label !== 'string') {
+        return /*#__PURE__*/external_react_default.a.createElement(external_react_default.a.Fragment, null, /*#__PURE__*/external_react_default.a.createElement("span", {
+          className: "selector-label"
+        }, label));
+      }
+
+      return /*#__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)
+        }
+      }));
     }
   }, {
     key: "render",
@@ -5806,15 +5819,24 @@ var selector_Selector = /*#__PURE__*/function (_Component) {
       });
       var list = data.map(function (item) {
         var label = item[labelKey];
-        var value = item[valueKey];
-        return /*#__PURE__*/external_react_default.a.createElement("li", {
+        var value = item[valueKey]; // 如果 label 不是字符串 就默认为 ''
+
+        var defaultTitle = typeof label == 'string' ? label : ''; // 如果传入了 title 就用 title 否则用 defaultTitle
+
+        var title = (item === null || item === void 0 ? void 0 : item.title) || defaultTitle;
+        var attributes = {}; // 如果 item 有 showTitle 属性 并且 showTitle 不为  false 并且 title 是字符串 并且 title 长度大于 0
+
+        if ((item === null || item === void 0 ? void 0 : item.showTitle) !== false && typeof title == 'string' && title.length) {
+          attributes.title = title;
+        }
+
+        return /*#__PURE__*/external_react_default.a.createElement("li", selector_extends({
           className: "".concat(noTheme ? 'noTheme' : '', " selector-option-item").concat(currentValue == value ? ' selected' : ''),
           onClick: function onClick() {
             _this2.select(value);
           },
-          key: value,
-          title: label
-        }, formatShow ? formatShow(item) : label);
+          key: value
+        }, attributes), formatShow ? formatShow(item) : label);
       });
       return /*#__PURE__*/external_react_default.a.createElement("div", {
         disabled: disabled,
@@ -5828,12 +5850,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", {
-        className: "selector-label",
-        dangerouslySetInnerHTML: {
-          __html: printEmoji(label)
-        }
-      })), /*#__PURE__*/external_react_default.a.createElement("span", {
+      }, renderSelected && selectItem ? renderSelected(selectItem) : this.renderLable(label), /*#__PURE__*/external_react_default.a.createElement("span", {
         className: "dropdown-icon"
       }, /*#__PURE__*/external_react_default.a.createElement(IconDropDown, null))), this.renderOptions(list, showList), /*#__PURE__*/external_react_default.a.createElement("div", {
         className: "ab-shadow",

package/package.json

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