@titaui/pc 1.11.4-0 → 1.11.4-11

package/lib/components/picker/components/panels/date-panel/date-body.js

@@ -13,6 +13,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _moment = _interopRequireDefault(require("moment"));
 
+var _getLocale = require("../../../../../utils/getLocale");
+
 var _utils = require("../../../utils");
 
 var _context = _interopRequireDefault(require("../../../context"));
@@ -33,13 +35,13 @@ var DATE_ROW_NUM = 6;
 var DatePanelBody = function DatePanelBody(props) {
   var viewDate = props.viewDate,
       _props$weekStartDay = props.weekStartDay,
-      weekStartDay = _props$weekStartDay === void 0 ? "SUNDAY" : _props$weekStartDay,
+      weekStartDay = _props$weekStartDay === void 0 ? 'SUNDAY' : _props$weekStartDay,
       onSelect = props.onSelect;
 
   var _useContext = (0, _react.useContext)(_context["default"]),
       value = _useContext.value;
 
-  var weekStartDaySun = weekStartDay === "SUNDAY";
+  var weekStartDaySun = weekStartDay === 'SUNDAY';
 
   var getCells = function getCells(sunday, currentMonth) {
     var dates = [];
@@ -47,16 +49,16 @@ var DatePanelBody = function DatePanelBody(props) {
     var _loop = function _loop(day) {
       var _classNames;
 
-      var date = (0, _moment["default"])(sunday).add(day, "d");
-      var classes = (0, _classnames["default"])(_utils.PickerCellClass, (_classNames = {}, _defineProperty(_classNames, "".concat(_utils.PickerCellClass, "--tody"), date.isSame((0, _moment["default"])(), "date")), _defineProperty(_classNames, "".concat(_utils.PickerCellClass, "--in-view"), date.format("YYYYMM") === currentMonth), _defineProperty(_classNames, "".concat(_utils.PickerCellClass, "--selected"), date.isSame(value)), _classNames));
+      var date = (0, _moment["default"])(sunday).add(day, 'd');
+      var classes = (0, _classnames["default"])(_utils.PickerCellClass, (_classNames = {}, _defineProperty(_classNames, "".concat(_utils.PickerCellClass, "--tody"), date.isSame((0, _moment["default"])(), 'date')), _defineProperty(_classNames, "".concat(_utils.PickerCellClass, "--in-view"), date.format('YYYYMM') === currentMonth), _defineProperty(_classNames, "".concat(_utils.PickerCellClass, "--selected"), date.isSame(value)), _classNames));
       dates.push( /*#__PURE__*/_react["default"].createElement("td", {
         className: classes,
-        key: date.format("YYYY/MM/DD")
+        key: date.format('YYYY/MM/DD')
       }, /*#__PURE__*/_react["default"].createElement("div", {
         className: (0, _classnames["default"])("".concat(_utils.PickerCellClass, "__inner")),
-        title: date.format("YYYY-MM-DD"),
+        title: date.format('YYYY-MM-DD'),
         onClick: function onClick() {
-          return onSelect && onSelect(date, "date");
+          return onSelect && onSelect(date, 'date');
         }
       }, date.date())));
     };
@@ -71,16 +73,16 @@ var DatePanelBody = function DatePanelBody(props) {
   var getRows = function getRows(date) {
     var currentDate = (0, _moment["default"])(date);
     var monthFirstDay = currentDate.date(1);
-    var currentMonth = monthFirstDay.format("YYYYMM");
+    var currentMonth = monthFirstDay.format('YYYYMM');
     var daysDiff = weekStartDaySun ? 0 : 1;
-    var weekStartDay = monthFirstDay.subtract(monthFirstDay.day() - daysDiff, "days");
+    var weekStartDay = monthFirstDay.subtract(monthFirstDay.day() - daysDiff, 'days');
     var rows = [];
 
     for (var row = 0; row < DATE_ROW_NUM; row += 1) {
       rows.push( /*#__PURE__*/_react["default"].createElement("tr", {
         key: row
       }, getCells(weekStartDay, currentMonth)));
-      weekStartDay = weekStartDay.add(1, "w");
+      weekStartDay = weekStartDay.add(1, 'w');
     }
 
     return rows;
@@ -92,25 +94,25 @@ var DatePanelBody = function DatePanelBody(props) {
     className: (0, _classnames["default"])("".concat(_utils.PickerClass, "-content"))
   }, /*#__PURE__*/_react["default"].createElement("thead", null, /*#__PURE__*/_react["default"].createElement("tr", null, weekStartDaySun && /*#__PURE__*/_react["default"].createElement("th", {
     className: _utils.PickerCellClass
-  }, "\u65E5"), /*#__PURE__*/_react["default"].createElement("th", {
+  }, (0, _getLocale.getLocale)('Mod_Sun')), /*#__PURE__*/_react["default"].createElement("th", {
     className: _utils.PickerCellClass
-  }, "\u4E00"), /*#__PURE__*/_react["default"].createElement("th", {
+  }, (0, _getLocale.getLocale)('Mod_Mon')), /*#__PURE__*/_react["default"].createElement("th", {
     className: _utils.PickerCellClass
-  }, "\u4E8C"), /*#__PURE__*/_react["default"].createElement("th", {
+  }, (0, _getLocale.getLocale)('Mod_Tues')), /*#__PURE__*/_react["default"].createElement("th", {
     className: _utils.PickerCellClass
-  }, "\u4E09"), /*#__PURE__*/_react["default"].createElement("th", {
+  }, (0, _getLocale.getLocale)('Mod_Wed')), /*#__PURE__*/_react["default"].createElement("th", {
     className: _utils.PickerCellClass
-  }, "\u56DB"), /*#__PURE__*/_react["default"].createElement("th", {
+  }, (0, _getLocale.getLocale)('Mod_Thur')), /*#__PURE__*/_react["default"].createElement("th", {
     className: _utils.PickerCellClass
-  }, "\u4E94"), /*#__PURE__*/_react["default"].createElement("th", {
+  }, (0, _getLocale.getLocale)('Mod_Fri')), /*#__PURE__*/_react["default"].createElement("th", {
     className: _utils.PickerCellClass
-  }, "\u516D"), weekStartDay !== "SUNDAY" && /*#__PURE__*/_react["default"].createElement("th", {
+  }, (0, _getLocale.getLocale)('Mod_Sat')), weekStartDay !== 'SUNDAY' && /*#__PURE__*/_react["default"].createElement("th", {
     className: _utils.PickerCellClass
-  }, "\u65E5"))), /*#__PURE__*/_react["default"].createElement("tbody", null, getRows((0, _moment["default"])(viewDate)))));
+  }, (0, _getLocale.getLocale)('Mod_Sun')))), /*#__PURE__*/_react["default"].createElement("tbody", null, getRows((0, _moment["default"])(viewDate)))));
 };
 
 DatePanelBody.defaultProps = {
-  weekStartDay: "SUNDAY"
+  weekStartDay: 'SUNDAY'
 };
 var _default = DatePanelBody;
 exports["default"] = _default;

package/lib/components/picker/components/panels/date-panel/date-head.js

@@ -11,6 +11,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _moment = _interopRequireDefault(require("moment"));
 
+var _getLocale = require("../../../../../utils/getLocale");
+
 var _utils = require("../../../utils");
 
 require("./index.css");
@@ -23,40 +25,59 @@ function DatePanelHead(props) {
       onPrev = props.onPrev,
       onNext = props.onNext,
       onPanelChange = props.onPanelChange;
+  var yearText = (0, _moment["default"])(viewDate).format('YYYY');
+  var monthText = (0, _moment["default"])(viewDate).format('MM');
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])(_utils.PickerHeadClass)
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, !_getLocale.isEn && /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(_utils.PickerHeadClass, "__view"))
   }, /*#__PURE__*/_react["default"].createElement("button", {
     className: (0, _classnames["default"])("".concat(_utils.PickerHeadClass, "-btn__year")),
     onClick: function onClick() {
-      return onPanelChange && onPanelChange(viewDate, "year");
+      return onPanelChange && onPanelChange(viewDate, 'year');
     },
     type: "button"
-  }, (0, _moment["default"])(viewDate).format("YYYY")), /*#__PURE__*/_react["default"].createElement("span", {
+  }, yearText), /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(_utils.PickerClass, "-unit"))
   }, "\xA0\u5E74"), /*#__PURE__*/_react["default"].createElement("button", {
     className: (0, _classnames["default"])("".concat(_utils.PickerHeadClass, "-btn__month")),
     onClick: function onClick() {
-      return onPanelChange && onPanelChange(viewDate, "month");
+      return onPanelChange && onPanelChange(viewDate, 'month');
     },
     type: "button"
-  }, (0, _moment["default"])(viewDate).format("MM")), /*#__PURE__*/_react["default"].createElement("span", {
+  }, monthText), /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(_utils.PickerClass, "-unit"))
-  }, "\u6708")), /*#__PURE__*/_react["default"].createElement("div", {
+  }, "\u6708")), _getLocale.isEn && /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(_utils.PickerHeadClass, "__view"))
+  }, /*#__PURE__*/_react["default"].createElement("button", {
+    className: (0, _classnames["default"])("".concat(_utils.PickerHeadClass, "-btn__month")),
+    onClick: function onClick() {
+      return onPanelChange && onPanelChange(viewDate, 'month');
+    },
+    style: {
+      marginRight: 4
+    },
+    type: "button"
+  }, _utils.MONTHDATAMAPEN[Number(monthText) - 1]), /*#__PURE__*/_react["default"].createElement("button", {
+    className: (0, _classnames["default"])("".concat(_utils.PickerHeadClass, "-btn__year")),
+    onClick: function onClick() {
+      return onPanelChange && onPanelChange(viewDate, 'year');
+    },
+    type: "button"
+  }, yearText)), /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _classnames["default"])("".concat(_utils.PickerHeadClass, "__operation"))
   },
   /*#__PURE__*/
   // eslint-disable-next-line jsx-a11y/control-has-associated-label
   _react["default"].createElement("button", {
-    className: (0, _classnames["default"])("".concat(_utils.PickerHeadClass, "-btn__prev"), "tu-icon-arrow-up1"),
+    className: (0, _classnames["default"])("".concat(_utils.PickerHeadClass, "-btn__prev"), 'tu-icon-arrow-up1'),
     onClick: onPrev,
     type: "button"
   }),
   /*#__PURE__*/
   // eslint-disable-next-line jsx-a11y/control-has-associated-label
   _react["default"].createElement("button", {
-    className: (0, _classnames["default"])("".concat(_utils.PickerHeadClass, "-btn__next"), "tu-icon-arrow-down1"),
+    className: (0, _classnames["default"])("".concat(_utils.PickerHeadClass, "-btn__next"), 'tu-icon-arrow-down1'),
     onClick: onNext,
     type: "button"
   })));

package/lib/components/picker/components/panels/month-panel/month-body.js

@@ -13,6 +13,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _moment = _interopRequireDefault(require("moment"));
 
+var _getLocale = require("../../../../../utils/getLocale");
+
 var _utils = require("../../../utils");
 
 var _context = _interopRequireDefault(require("../../../context"));
@@ -44,15 +46,15 @@ var MonthPanelBody = function MonthPanelBody(props) {
 
       var month = col + baseMonth;
       cols.push( /*#__PURE__*/_react["default"].createElement("td", {
-        className: (0, _classnames["default"])(_utils.PickerCellClass, "".concat(_utils.PickerCellClass, "--in-view"), (_classNames = {}, _defineProperty(_classNames, "".concat(_utils.PickerCellClass, "--this-month"), month === (0, _moment["default"])().month()), _defineProperty(_classNames, "".concat(_utils.PickerCellClass, "--selected"), month === (0, _moment["default"])(value).month() && mode === "month"), _classNames)),
+        className: (0, _classnames["default"])(_utils.PickerCellClass, "".concat(_utils.PickerCellClass, "--in-view"), (_classNames = {}, _defineProperty(_classNames, "".concat(_utils.PickerCellClass, "--this-month"), month === (0, _moment["default"])().month()), _defineProperty(_classNames, "".concat(_utils.PickerCellClass, "--selected"), month === (0, _moment["default"])(value).month() && mode === 'month'), _classNames)),
         key: month
       }, /*#__PURE__*/_react["default"].createElement("div", {
         onClick: function onClick() {
-          return onSelect && onSelect((0, _moment["default"])(viewDate).month(month), "month");
+          return onSelect && onSelect((0, _moment["default"])(viewDate).month(month), 'month');
         },
         className: (0, _classnames["default"])("".concat(_utils.PickerCellClass, "__inner")),
-        title: (0, _moment["default"])(viewDate).month(month).format("YYYY-MM")
-      }, _utils.MONTHDATAMAP[month])));
+        title: (0, _moment["default"])(viewDate).month(month).format('YYYY-MM')
+      }, _getLocale.isEn ? _utils.MONTHDATAMAPEN[month] : _utils.MONTHDATAMAP[month])));
     };
 
     for (var col = 0; col < MONTH_COL_NUM; col += 1) {

package/lib/components/picker/components/picker-trigger/index.css

@@ -24,3 +24,34 @@
   font-weight: normal;
   color: #3f4755;
 }
+
+.tita-ui__picker-trigger__input--placeholder {
+  color: #bfc7d5;
+}
+
+.tita-ui__picker-trigger__operation {
+  display: flex;
+  align-items: center;
+}
+
+.tita-ui__picker-trigger__operation .tu-icon-caret-down {
+  font-size: 16px;
+  color: #3f4755;
+}
+
+.tita-ui__picker-trigger__operation .tu-icon-caret-down::before {
+  transform: scale(0.5);
+  display: inline-block;
+}
+
+.tita-ui__picker-trigger--disabled {
+  cursor: not-allowed;
+}
+
+.tita-ui__picker-trigger--disabled:hover {
+  border-color: #e9ecf0;
+}
+
+.tita-ui__picker-trigger--disabled .tita-ui__picker-trigger__input {
+  cursor: not-allowed;
+}

package/lib/components/picker/components/picker-trigger/index.js

@@ -23,6 +23,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 _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 PickerTrigger = function PickerTrigger(props) {
   var children = props.children,
       viewDate = props.viewDate,
@@ -30,25 +32,27 @@ var PickerTrigger = function PickerTrigger(props) {
       disabled = _props$disabled === void 0 ? false : _props$disabled,
       _props$allowClear = props.allowClear,
       allowClear = _props$allowClear === void 0 ? false : _props$allowClear,
-      onClick = props.onClick;
+      placeholder = props.placeholder,
+      _onClick = props.onClick;
 
   var _useContext = (0, _react.useContext)(_context["default"]),
       mode = _useContext.mode,
-      format = _useContext.format;
+      format = _useContext.format,
+      value = _useContext.value;
 
   var currFormat = format;
 
   switch (mode) {
-    case "date":
-      currFormat = "YYYY/MM/DD";
+    case 'date':
+      currFormat = 'YYYY/MM/DD';
       break;
 
-    case "month":
-      currFormat = "YYYY/MM";
+    case 'month':
+      currFormat = 'YYYY/MM';
       break;
 
-    case "year":
-      currFormat = "YYYY";
+    case 'year':
+      currFormat = 'YYYY';
       break;
 
     default:
@@ -60,16 +64,20 @@ var PickerTrigger = function PickerTrigger(props) {
     /*#__PURE__*/
     // eslint-disable-next-line react/jsx-no-useless-fragment
     _react["default"].createElement(_react["default"].Fragment, null, children ? /*#__PURE__*/_react["default"].createElement("div", {
-      onClick: onClick
+      onClick: function onClick() {
+        return !disabled && _onClick();
+      }
     }, children) : /*#__PURE__*/_react["default"].createElement("div", {
-      className: (0, _classnames["default"])(_utils.PickerTriggerClass),
-      onClick: onClick
+      className: (0, _classnames["default"])(_utils.PickerTriggerClass, _defineProperty({}, "".concat(_utils.PickerTriggerClass, "--disabled"), disabled)),
+      onClick: function onClick() {
+        return !disabled && _onClick();
+      }
     }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: (0, _classnames["default"])("".concat(_utils.PickerTriggerClass, "__input"))
-    }, viewDate.format(currFormat)), /*#__PURE__*/_react["default"].createElement("div", {
+      className: (0, _classnames["default"])("".concat(_utils.PickerTriggerClass, "__input"), _defineProperty({}, "".concat(_utils.PickerTriggerClass, "__input--placeholder"), !value && placeholder))
+    }, value ? viewDate.format(currFormat) : placeholder), /*#__PURE__*/_react["default"].createElement("div", {
       className: (0, _classnames["default"])("".concat(_utils.PickerTriggerClass, "__operation"))
     }, !disabled && /*#__PURE__*/_react["default"].createElement("span", {
-      className: "tu-icon-sort-up"
+      className: "tu-icon-caret-down"
     }), allowClear && !disabled && /*#__PURE__*/_react["default"].createElement("span", {
       className: "tu-icon-circle"
     }))))
@@ -79,7 +87,8 @@ var PickerTrigger = function PickerTrigger(props) {
 PickerTrigger.defaultProps = {
   children: null,
   disabled: false,
-  allowClear: false
+  allowClear: false,
+  placeholder: '请选择'
 };
 var _default = PickerTrigger;
 exports["default"] = _default;

package/lib/components/picker/picker-panels.js

@@ -52,7 +52,7 @@ var PickerPanels = function PickerPanels(props) {
       pickerMode = _useState2[0],
       setPickerMode = _useState2[1];
 
-  var _useState3 = (0, _react.useState)((0, _moment["default"])(value)),
+  var _useState3 = (0, _react.useState)(value ? (0, _moment["default"])(value) : (0, _moment["default"])()),
       _useState4 = _slicedToArray(_useState3, 2),
       viewDate = _useState4[0],
       setViewDate = _useState4[1];

package/lib/components/picker/picker.js

@@ -25,7 +25,7 @@ var _utils = require("./utils");
 
 require("./index.css");
 
-var _excluded = ["onChange", "format", "value", "mode", "children", "popupPlacement", "direction", "visible"];
+var _excluded = ["onChange", "format", "value", "mode", "children", "popupPlacement", "direction", "onPopupVisibleChange", "visible"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -35,12 +35,6 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-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; }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -65,6 +59,7 @@ var Picker = function Picker(props) {
       children = props.children,
       popupPlacement = props.popupPlacement,
       direction = props.direction,
+      onPopupVisibleChange = props.onPopupVisibleChange,
       _props$visible = props.visible,
       visible = _props$visible === void 0 ? false : _props$visible,
       restProps = _objectWithoutProperties(props, _excluded);
@@ -92,15 +87,18 @@ var Picker = function Picker(props) {
     setPopupVisible(false);
   };
 
+  var handlePopupVisibleChange = function handlePopupVisibleChange(visible) {
+    setPopupVisible(visible);
+    onPopupVisibleChange === null || onPopupVisibleChange === void 0 ? void 0 : onPopupVisibleChange(visible);
+  };
+
   return /*#__PURE__*/_react["default"].createElement(_context["default"].Provider, {
     value: {
       value: value,
       mode: mode || "date",
       format: format
     }
-  }, /*#__PURE__*/_react["default"].createElement(_popup["default"], _extends({}, _objectSpread(_objectSpread({}, restProps), {}, {
-    viewDate: (0, _moment["default"])(value)
-  }), {
+  }, /*#__PURE__*/_react["default"].createElement(_popup["default"], _extends({
     extraClass: (0, _classnames["default"])(_utils.PickerDropdownClass),
     popup: /*#__PURE__*/_react["default"].createElement(_pickerPanels["default"], _extends({
       value: value,
@@ -111,16 +109,17 @@ var Picker = function Picker(props) {
     })),
     popupVisible: popupVisible,
     popupPlacement: getPopupPlacement(),
-    onPopupVisibleChange: setPopupVisible
-  }), /*#__PURE__*/_react["default"].createElement(_pickerTrigger["default"], {
+    onPopupVisibleChange: handlePopupVisibleChange
+  }, restProps), /*#__PURE__*/_react["default"].createElement(_pickerTrigger["default"], _extends({
     viewDate: (0, _moment["default"])(value),
     onClick: function onClick() {
       return setPopupVisible(true);
     }
-  }, children)));
+  }, restProps), children)));
 };
 
 Picker.defaultProps = {
+  children: null,
   value: (0, _moment["default"])(),
   mode: "date",
   format: "YYYY/MM/DD",

package/lib/components/popup/index.js

@@ -43,19 +43,19 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var preCls = "titaui-popup";
+var preCls = 'titaui-popup';
 
 var _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _props$extraClass = props.extraClass,
-      extraClass = _props$extraClass === void 0 ? "" : _props$extraClass,
+      extraClass = _props$extraClass === void 0 ? '' : _props$extraClass,
       _props$mask = props.mask,
       mask = _props$mask === void 0 ? true : _props$mask,
       _props$destroyPopupOn = props.destroyPopupOnHide,
       destroyPopupOnHide = _props$destroyPopupOn === void 0 ? true : _props$destroyPopupOn,
       _props$action = props.action,
-      action = _props$action === void 0 ? ["click"] : _props$action,
+      action = _props$action === void 0 ? ['click'] : _props$action,
       _props$popupPlacement = props.popupPlacement,
-      popupPlacement = _props$popupPlacement === void 0 ? "bottomRight" : _props$popupPlacement,
+      popupPlacement = _props$popupPlacement === void 0 ? 'bottomRight' : _props$popupPlacement,
       _props$builtinPlaceme = props.builtinPlacements,
       builtinPlacements = _props$builtinPlaceme === void 0 ? _placement["default"] : _props$builtinPlaceme,
       _props$popupVisible = props.popupVisible,

package/lib/components/radio/index.css

@@ -16,7 +16,7 @@
 .titaui-radio-wrapper .titaui-radio {
   display: inline-block;
   position: relative;
-  top: 5px;
+  top: 1px;
   width: 16px;
   min-width: 16px;
   height: 16px;
@@ -24,7 +24,7 @@
   margin-right: 5px;
 }
 
-.titaui-radio-wrapper .titaui-radio input[type="radio"] {
+.titaui-radio-wrapper .titaui-radio input[type='radio'] {
   width: 16px;
   height: 16px;
 }
@@ -50,14 +50,14 @@
 }
 
 .titaui-radio-wrapper .titaui-radio .titaui-radio-inner::after {
-  content: "";
+  content: '';
   position: absolute;
-  top: 3px;
-  left: 3px;
-  width: 8px;
-  min-width: 8px;
-  height: 8px;
-  min-height: 8px;
+  top: 2px;
+  left: 2px;
+  width: 10px;
+  min-width: 10px;
+  height: 10px;
+  min-height: 10px;
   border-radius: 50%;
   background-color: #1687d9;
   transform: scale(0);