@titaui/pc 1.9.52 → 1.9.53

package/.eslintrc.js

@@ -0,0 +1,221 @@
+module.exports = {
+  env: {
+    browser: true,
+    es2021: true,
+  },
+  extends: ['plugin:react/recommended', 'airbnb'],
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    ecmaFeatures: {
+      jsx: true,
+    },
+    ecmaVersion: 'latest',
+    sourceType: 'module',
+  },
+  plugins: ['react', '@typescript-eslint'],
+  rules: {
+    quotes: [1, 'double'],
+    //强制不使用分号结尾
+    semi: [2, 'always'],
+    "import/no-extraneous-dependencies": 1,
+    "keyword-spacing": 1,
+    "comma-dangle": 1,
+    "operator-linebreak": 1,
+    "prefer-template": 1,
+    "radix": 1,
+    "eqeqeq": 1,
+    "spaced-comment": 1,
+    "prefer-object-spread": 1,
+    "no-unused-expressions": 1,
+    "no-plusplus": 1,
+    "no-multiple-empty-lines": 1,
+    "arrow-body-style": 1,
+    "array-callback-return": 1,
+    "prefer-const": 1,
+    "no-restricted-globals": 1,
+    "guard-for-in": 1,
+    "no-restricted-syntax": 1,
+    "prefer-destructuring": 1,
+    "no-param-reassign": 1,
+    "import/extensions": 1,
+    "import/no-unresolved": 1,
+    "eol-last": 1,
+    "no-restricted-properties": 1,
+    "prefer-exponentiation-operator": 1,
+    "no-mixed-operators": 1,
+    "no-empty": 1,
+    "one-var-declaration-per-line": 1,
+    "indent": 1,
+    "no-var": 1,
+    "vars-on-top": 1,
+    "one-var": 1,
+    "brace-style": 1,
+    "no-else-return": 1,
+    "arrow-parens": 1,
+    "no-underscore-dangle": 1,
+    "no-shadow": 1,
+    "no-undef": 1,
+    "consistent-return": 1,
+    "react/jsx-curly-brace-presence": 1,
+    "react/jsx-no-useless-fragment": 1,
+    "react/jsx-filename-extension": 1,
+    "react/prop-types": 1,
+    "react/function-component-definition": 1, 
+    "react/no-danger": 1,
+    "react/self-closing-comp": 1,
+    "no-useless-escape": 1,
+    "curly": 1,
+    "nonblock-statement-body-position": 1,
+    "react/jsx-one-expression-per-line": 1,
+    "jsx-a11y/no-static-element-interactions": 1,
+    "jsx-a11y/click-events-have-key-events": 1,
+    "no-trailing-spaces": 1,
+    "no-unused-vars": 1,
+    "default-case": 1,
+    "implicit-arrow-linebreak": 1,
+    "react/jsx-closing-bracket-location": 1,
+    "quote-props": 1,
+    "react/destructuring-assignment": 1,
+    "object-curly-newline": 1,
+    "key-spacing": 1,
+    "comma-spacing": 1,
+    "object-curly-spacing": 1,
+    "no-dupe-keys": 1,
+    "padded-blocks": 1,
+    "space-infix-ops": 1,
+    "space-in-parens": 1,
+    "import/prefer-default-export": 1,
+    "import/newline-after-import": 1,
+    "space-before-blocks": 1,
+    "space-before-function-paren": 1,
+    "dot-notation": 1,
+    "func-names": 1,
+    "prefer-arrow-callback": 1,
+    "arrow-spacing": 1,
+    "no-nested-ternary": 1,
+    "max-len": 1,
+    "lines-between-class-members": 1,
+    "no-tabs": 1,
+    "react/jsx-indent": 1,
+    "react/jsx-closing-tag-location": 1,
+    "react/jsx-tag-spacing": 1,
+    "react/jsx-indent-props": 1,
+    "no-useless-return": 1,
+    "no-use-before-define": 1,
+    "react/jsx-fragments": 1,
+    "react/jsx-wrap-multilines": 1,
+    "react/jsx-boolean-value": 1,
+    "import/no-duplicates": 1,
+    "react/react-in-jsx-scope": 1,
+    "max-classes-per-file": 1,
+    "react/jsx-props-no-spreading": 1,
+    "react/jsx-props-no-multi-spaces": 1,
+    "react/jsx-first-prop-new-line": 1,
+    "no-multi-spaces": 1,
+    "react/jsx-curly-newline": 1,
+    "no-unneeded-ternary": 1,
+    "no-empty-pattern": 1,
+    "no-case-declarations": 1,
+    "import/order": 1,
+    "jsx-quotes": 1,
+    "react/jsx-curly-spacing": 1,
+    "no-extra-semi": 1,
+    "block-spacing": 1,
+    "react/require-default-props": 1,
+    "react/jsx-no-constructed-context-values": 1,
+    "new-cap": 1,
+    "function-paren-newline": 1,
+    "global-require": 1,
+    "jsx-a11y/alt-text": 1,
+    "react/no-array-index-key": 1,
+    "react/no-unstable-nested-components": 1,
+    "object-shorthand": 1,
+    "operator-assignment": 1,
+    "no-console": 1,
+    "react/jsx-max-props-per-line": 1,
+    "import/no-dynamic-require": 1,
+    "no-unreachable": 1,
+    "prefer-promise-reject-errors": 1,
+    "jsx-a11y/anchor-is-valid": 1,
+    "jsx-a11y/no-noninteractive-element-interactions": 1,
+    "no-lonely-if": 1,
+    "react/jsx-no-target-blank": 1,
+    "react/jsx-no-undef": 1,
+    "linebreak-style": 1,
+    "react/no-string-refs": 1,
+    "react/no-unused-class-component-methods": 1,
+    "react/static-property-placement": 1,
+    "camelcase": 1,
+    "import/first": 1,
+    "import/no-named-default": 1,
+    "no-extra-boolean-cast": 1,
+    "react/no-unused-prop-types": 1,
+    "no-cond-assign": 1,
+    "no-async-promise-executor": 1,
+    "react/no-find-dom-node": 1,
+    "semi-spacing": 1,
+    "no-eval": 1,
+    "no-return-assign": 1,
+    "react/sort-comp": 1,
+    "jsx-a11y/anchor-has-content": 1,
+    "default-param-last": 1,
+    "no-useless-computed-key": 1,
+    "no-promise-executor-return": 1,
+    "object-property-newline": 1,
+    "no-undef-init": 1,
+    "jsx-a11y/mouse-events-have-key-events": 1,
+    "no-throw-literal": 1,
+    "switch-colon-spacing": 1,
+    "class-methods-use-this": 1,
+    "react/no-access-state-in-setstate": 1,
+    "no-confusing-arrow": 1,
+    "react/no-deprecated": 1,
+    "no-mixed-spaces-and-tabs": 1,
+    "array-bracket-spacing": 1,
+    "import/no-useless-path-segments": 1,
+    "no-prototype-builtins": 1,
+    "react/state-in-constructor": 1,
+    "no-debugger": 1,
+    "space-unary-ops": 1,
+    "no-sequences": 1,
+    "no-fallthrough": 1,
+    "comma-style": 1,
+    "no-useless-constructor": 1,
+    "prefer-rest-params": 1,
+    "no-bitwise": 1,
+    "no-new": 1,
+    "react/forbid-prop-types": 1,
+    "jsx-a11y/label-has-associated-control": 1,
+    "function-call-argument-newline": 1,
+    "react/button-has-type": 1,
+    "no-constant-condition": 1,
+    "react/no-unknown-property": 1,
+    "react/prefer-stateless-function": 1,
+    "react/default-props-match-prop-types": 1,
+    "no-useless-catch": 1,
+    "react/jsx-no-duplicate-props": 1,
+    "import/no-named-as-default-member": 1,
+    "react/no-unused-state": 1,
+    "react/no-did-update-set-state": 1,
+    "no-void": 1,
+    "no-redeclare": 1,
+    "jsx-a11y/no-autofocus": 1,
+    "no-self-assign": 1,
+    "no-empty-function": 1,
+    "no-continue": 1,
+    "no-irregular-whitespace": 1,
+    "no-control-regex": 1,
+    "no-script-url": 1,
+    "new-parens": 1,
+    "import/named": 1,
+    "react/no-children-prop": 1,
+    "react/no-arrow-function-lifecycle": 1,
+    "react/jsx-no-bind": 1,
+    "prefer-spread": 1,
+    "no-lone-blocks": 1,
+    "no-unsafe-negation": 1,
+    "import/no-mutable-exports": 1,
+    "valid-typeof": 1,
+    "no-alert": 1,
+  },
+}

package/.husky/pre-commit

@@ -0,0 +1,5 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npm run css-format
+npm run lint-fixed

package/.prettierignore

@@ -0,0 +1,31 @@
+.husky
+
+public
+
+node_modules
+
+package.json
+
+packagage-lock.json
+
+README.node_modules
+
+yarn.lock
+
+.scripts
+
+.storybook
+
+.vscode
+
+lib
+
+stories
+
+*.js
+
+*.jsx
+
+*.ts
+
+*.tsx

package/.prettierrc.js

@@ -0,0 +1,90 @@
+module.exports = {
+  // 1.一行代码的最大字符数，默认是80(printWidth: <int>)
+  printWidth: 80,
+  // 2.tab宽度为2空格(tabWidth: <int>)
+  tabWidth: 2,
+  // 3.是否使用tab来缩进，我们使用空格(useTabs: <bool>)
+  useTabs: false,
+  // 4.结尾是否添加分号，false的情况下只会在一些导致ASI错误的其工况下在开头加分号，我选择无分号结尾的风格(semi: <bool>)
+  semi: false,
+  // 5.使用单引号(singleQuote: <bool>)
+  singleQuote: true,
+  // 6.object对象中key值是否加引号（quoteProps: "<as-needed|consistent|preserve>"）as-needed只有在需求要的情况下加引号，consistent是有一个需要引号就统一加，preserve是保留用户输入的引号
+  quoteProps: 'as-needed',
+  // 7.在jsx文件中的引号需要单独设置（jsxSingleQuote: <bool>）
+  jsxSingleQuote: false,
+  // 8.尾部逗号设置，es5是尾部逗号兼容es5，none就是没有尾部逗号，all是指所有可能的情况，需要node8和es2017以上的环境。（trailingComma: "<es5|none|all>"）
+  trailingComma: 'all',
+  // 9.object对象里面的key和value值和括号间的空格(bracketSpacing: <bool>)
+  bracketSpacing: true,
+  // 10.jsx标签多行属性写法时，尖括号是否另起一行(jsxBracketSameLine: <bool>)
+  jsxBracketSameLine: false,
+  // 11.箭头函数单个参数的情况是否省略括号，默认always是总是带括号（arrowParens: "<always|avoid>"）
+  arrowParens: 'always',
+  // 12.range是format执行的范围，可以选执行一个文件的一部分，默认的设置是整个文件（rangeStart: <int>  rangeEnd: <int>）
+  rangeStart: 0,
+  rangeEnd: Infinity,
+  // 18. vue script和style标签中是否缩进,开启可能会破坏编辑器的代码折叠
+  vueIndentScriptAndStyle: false,
+  // 19.    endOfLine: "<lf|crlf|cr|auto>" 行尾换行符,默认是lf,
+  endOfLine: 'lf',
+  // 20.embeddedLanguageFormatting: "off",默认是auto,控制被引号包裹的代码是否进行格式化
+  embeddedLanguageFormatting: 'off',
+}
+
+// 14. requirePragma: <bool>,格式化有特定开头编译指示的文件 比如下面两种
+/**
+ * @prettier
+ */
+// or
+/**
+ * @format
+ */
+
+// 15.insertPragma: <bool> 自当插入pragma到已经完成的format的文件开头
+
+// 16. proseWrap: "<always|never|preserve>" 文章换行,默认情况下会对你的markdown文件换行进行format会控制在printwidth以内
+
+// 13. 指定parser,因为pretter会自动选择,所以一般不用指定(parser: "<string>"  parser: require("./my-parser"))
+// "babel" (via @babel/parser) Named "babylon" until v1.16.0
+// "babel-flow" (same as "babel" but enables Flow parsing explicitly to avoid ambiguity) First available in v1.16.0
+// "babel-ts" (similar to "typescript" but uses Babel and its TypeScript plugin) First available in v2.0.0
+// "flow" (via flow-parser)
+// "typescript" (via @typescript-eslint/typescript-estree) First available in v1.4.0
+// "espree" (via espree) First available in v2.2.0
+// "meriyah" (via meriyah) First available in v2.2.0
+// "css" (via postcss-scss and postcss-less, autodetects which to use) First available in v1.7.1
+// "scss" (same parsers as "css", prefers postcss-scss) First available in v1.7.1
+// "less" (same parsers as "css", prefers postcss-less) First available in v1.7.1
+// "json" (via @babel/parser parseExpression) First available in v1.5.0
+// "json5" (same parser as "json", but outputs as json5) First available in v1.13.0
+// "json-stringify" (same parser as "json", but outputs like JSON.stringify) First available in v1.13.0
+// "graphql" (via graphql/language) First available in v1.5.0
+// "markdown" (via remark-parse) First available in v1.8.0
+// "mdx" (via remark-parse and @mdx-js/mdx) First available in v1.15.0
+// "html" (via angular-html-parser) First available in 1.15.0
+// "vue" (same parser as "html", but also formats vue-specific syntax) First available in 1.10.0
+// "angular" (same parser as "html", but also formats angular-specific syntax via angular-estree-parser) First available in 1.15.0
+// "lwc" (same parser as "html", but also formats LWC-specific syntax for unquoted template attributes) First available in 1.17.0
+// "yaml" (via yaml and yaml-unist-parser) First available in 1.14.0
+
+// 17. htmlWhitespaceSensitivity: "<css|strict|ignore>" html中的空格敏感性
+
+// 针对不同文件或目录设置不同配置的方法,json格式例子
+// {
+//   "semi": false,
+//   "overrides": [
+//     {
+//       "files": "*.test.js",
+//       "options": {
+//         "semi": true
+//       }
+//     },
+//     {
+//       "files": ["*.html", "legacy/**/*.js"],
+//       "options": {
+//         "tabWidth": 4
+//       }
+//     }
+//   ]
+// }

package/lib/components/avatar/default.js

@@ -103,27 +103,30 @@ var Avatar = function Avatar(props) {
   };
 
   var renderTextAvatar = function renderTextAvatar() {
-    if ((0, _openData.isWechat)()) return /*#__PURE__*/_react["default"].createElement("div", {
-      className: "titaui-pc-avatar--text",
-      style: {
-        width: size.width,
-        height: size.width,
-        backgroundColor: color
-      }
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      style: {
-        display: "inline-block",
-        width: size.fontSize + "px",
-        margin: "0 auto",
-        overflow: "hidden",
-        whiteSpace: "nowrap",
-        fontSize: size.fontSize + "px",
-        lineHeight: size.width + "px"
-      }
-    }, /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
-      name: name,
-      id: userId
-    })));
+    if ((0, _openData.isWechat)()) {
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: "titaui-pc-avatar--text",
+        style: {
+          width: size.width,
+          height: size.width,
+          backgroundColor: color
+        }
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          display: "inline-block",
+          width: "".concat(size.fontSize, "px"),
+          margin: "0 auto",
+          overflow: "hidden",
+          whiteSpace: "nowrap",
+          fontSize: "".concat(size.fontSize, "px"),
+          lineHeight: "".concat(size.width, "px")
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
+        name: name,
+        id: userId
+      })));
+    }
+
     var cuttedName = "";
     var cuttedNameLen = 0;
 
@@ -141,7 +144,7 @@ var Avatar = function Avatar(props) {
         width: size.width,
         height: size.width,
         backgroundColor: color,
-        fontSize: size.fontSize + "px"
+        fontSize: "".concat(size.fontSize, "px")
       }
     }, cuttedName);
   };

package/lib/components/avatar/name-avatar/index.js

@@ -110,27 +110,30 @@ var NameAvatar = function NameAvatar(props) {
   };
 
   var renderTextAvatar = function renderTextAvatar() {
-    if ((0, _openData.isWechat)()) return /*#__PURE__*/_react["default"].createElement("div", {
-      className: "titaui-pc-avatar--text",
-      style: {
-        width: size.width,
-        height: size.width,
-        backgroundColor: color
-      }
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      style: {
-        display: "inline-block",
-        width: size.fontSize + "px",
-        margin: "0 auto",
-        overflow: "hidden",
-        whiteSpace: "nowrap",
-        fontSize: size.fontSize + "px",
-        lineHeight: size.width + "px"
-      }
-    }, /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
-      name: name,
-      id: userId
-    })));
+    if ((0, _openData.isWechat)()) {
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: "titaui-pc-avatar--text",
+        style: {
+          width: size.width,
+          height: size.width,
+          backgroundColor: color
+        }
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          display: "inline-block",
+          width: "".concat(size.fontSize, "px"),
+          margin: "0 auto",
+          overflow: "hidden",
+          whiteSpace: "nowrap",
+          fontSize: "".concat(size.fontSize, "px"),
+          lineHeight: "".concat(size.width, "px")
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
+        name: name,
+        id: userId
+      })));
+    }
+
     var cuttedName = "";
     var cuttedNameLen = 0;
 
@@ -148,7 +151,7 @@ var NameAvatar = function NameAvatar(props) {
         width: size.width,
         height: size.width,
         backgroundColor: color,
-        fontSize: size.fontSize + "px"
+        fontSize: "".concat(size.fontSize, "px")
       }
     }, cuttedName);
   };
@@ -170,7 +173,7 @@ var NameAvatar = function NameAvatar(props) {
     onMouseEnter: handleCloseIconMouseEnter,
     className: "titaui-pc-avator__delete-wrapper ".concat(canDelUser && mouseIsEnterUser ? "titaui-pc-avator--enter" : ""),
     style: {
-      left: size.width - 14 + 'px'
+      left: "".concat(size.width - 14, "px")
     }
   }, /*#__PURE__*/_react["default"].createElement("img", {
     width: 6,

package/lib/components/avatar/text-avatar/index.js

@@ -41,7 +41,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 var preCls = "titaui-text-avatar";
 
-var TextAvatar = function TextAvatar(props) {
+function TextAvatar(props) {
   var name = props.name,
       id = props.id,
       _props$width = props.width,
@@ -52,7 +52,7 @@ var TextAvatar = function TextAvatar(props) {
       _props$isGetRoot = props.isGetRoot,
       isGetRoot = _props$isGetRoot === void 0 ? false : _props$isGetRoot,
       _props$extraCls = props.extraCls,
-      extraCls = _props$extraCls === void 0 ? '' : _props$extraCls,
+      extraCls = _props$extraCls === void 0 ? "" : _props$extraCls,
       _props$nameTips = props.nameTips,
       nameTips = _props$nameTips === void 0 ? function (name) {
     return name;
@@ -77,8 +77,8 @@ var TextAvatar = function TextAvatar(props) {
   }; // 非编辑态，不可以弹出选人组件
 
 
-  var FieldPerson = editable ? _userSelector["default"] : 'span';
-  return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement(FieldPerson, {
+  var FieldPerson = editable ? _userSelector["default"] : "span";
+  return /*#__PURE__*/_react["default"].createElement(FieldPerson, {
     multiple: false,
     selectNodes: {},
     onSelect: onEditUserHandler,
@@ -103,7 +103,7 @@ var TextAvatar = function TextAvatar(props) {
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])(preCls, extraCls, _defineProperty({}, "".concat(preCls, "--editable"), editable)),
     style: {
-      'maxWidth': width
+      maxWidth: width
     }
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(preCls, "__icon")
@@ -116,7 +116,7 @@ var TextAvatar = function TextAvatar(props) {
   })))), !showTooltip && /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])(preCls, extraCls, _defineProperty({}, "".concat(preCls, "--editable"), editable)),
     style: {
-      'maxWidth': width
+      maxWidth: width
     }
   }, /*#__PURE__*/_react["default"].createElement("span", {
     className: "".concat(preCls, "__icon")
@@ -126,8 +126,8 @@ var TextAvatar = function TextAvatar(props) {
   }, /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
     name: name,
     id: id
-  })))));
-};
+  }))));
+}
 
 var _default = TextAvatar;
 exports["default"] = _default;

package/lib/components/button/default-button/index.js

@@ -1,13 +1,11 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
@@ -19,10 +17,6 @@ var _excluded = ["type", "children", "size", "className"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _extends() { _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 _extends.apply(this, arguments); }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -37,16 +31,16 @@ var Button = function Button(_ref) {
   var _ref$type = _ref.type,
       type = _ref$type === void 0 ? "default" : _ref$type,
       _ref$children = _ref.children,
-      children = _ref$children === void 0 ? (0, _getLocale.getLocale)('OKR_MyO_Butt_Determine') : _ref$children,
+      children = _ref$children === void 0 ? (0, _getLocale.getLocale)("OKR_MyO_Butt_Determine") : _ref$children,
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? "middle" : _ref$size,
       _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className,
+      className = _ref$className === void 0 ? "" : _ref$className,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement("div", _extends({
+  return /*#__PURE__*/_react["default"].createElement("div", _extends({
     className: (0, _classnames["default"])(_defineProperty({}, "".concat(preCls, "-primary"), type === "primary"), _defineProperty({}, "".concat(preCls, "-default"), type === "default"), "".concat(preCls, "-").concat(size), className)
-  }, restProps), children));
+  }, restProps), children);
 };
 
 var _default = Button;

package/lib/components/button/icon-btn/index.js

@@ -15,9 +15,9 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-var precls = 'titaui-icon-btn';
+var precls = "titaui-icon-btn";
 
-var IconBtn = function IconBtn(props) {
+function IconBtn(props) {
   var _classNames;
 
   var border = props.border,
@@ -32,31 +32,31 @@ var IconBtn = function IconBtn(props) {
   };
 
   var renderIcon = function renderIcon() {
-    if (typeof icon == 'string') {
+    if (typeof icon === "string") {
       return /*#__PURE__*/_react["default"].createElement("span", {
         className: "".concat(precls, "__icon")
       }, /*#__PURE__*/_react["default"].createElement("span", {
         className: icon
       }));
-    } else {
-      return /*#__PURE__*/_react["default"].createElement("span", {
-        className: "".concat(precls, "__icon")
-      }, icon);
     }
+
+    return /*#__PURE__*/_react["default"].createElement("span", {
+      className: "".concat(precls, "__icon")
+    }, icon);
   };
 
   return /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])(precls, "".concat(precls, "--").concat(theme), (_classNames = {}, _defineProperty(_classNames, "".concat(precls, "--border"), border), _defineProperty(_classNames, "".concat(precls, "--disabled"), disabled), _classNames)),
     onClick: onClickHandler
   }, renderIcon());
-};
+}
 
 IconBtn.defaultProps = {
   border: false,
-  theme: 'gray',
+  theme: "gray",
   onClick: function onClick() {},
   disabled: false,
-  icon: 'tu-icon-smile'
+  icon: "tu-icon-smile"
 };
 var _default = IconBtn;
 exports["default"] = _default;