tntd 2.8.34 → 2.8.35

package/lib/date-picker/DatePicker.js

@@ -0,0 +1,163 @@
+"use strict";
+
+function _typeof(o) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof(o);
+}
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  TntDatePicker: true,
+  TntMonthPicker: true,
+  TntWeekPicker: true,
+  TntRangePicker: true
+};
+exports.TntWeekPicker = exports.TntRangePicker = exports.TntMonthPicker = exports.TntDatePicker = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _icon = _interopRequireDefault(require("../icon"));
+var _configProvider = require("antd/lib/config-provider");
+var _datePicker = _interopRequireWildcard(require("antd/lib/date-picker"));
+Object.keys(_datePicker).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _datePicker[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _datePicker[key];
+    }
+  });
+});
+var _classnames = _interopRequireDefault(require("classnames"));
+var _interface = require("antd/lib/date-picker/interface");
+Object.keys(_interface).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _interface[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _interface[key];
+    }
+  });
+});
+function _getRequireWildcardCache(e) {
+  if ("function" != typeof WeakMap) return null;
+  var r = new WeakMap(),
+    t = new WeakMap();
+  return (_getRequireWildcardCache = function _getRequireWildcardCache(e) {
+    return e ? t : r;
+  })(e);
+}
+function _interopRequireWildcard(e, r) {
+  if (!r && e && e.__esModule) return e;
+  if (null === e || "object" != _typeof(e) && "function" != typeof e) return {
+    "default": e
+  };
+  var t = _getRequireWildcardCache(r);
+  if (t && t.has(e)) return t.get(e);
+  var n = {
+      __proto__: null
+    },
+    a = Object.defineProperty && Object.getOwnPropertyDescriptor;
+  for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) {
+    var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;
+    i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u];
+  }
+  return n["default"] = e, t && t.set(e, n), n;
+}
+function _interopRequireDefault(e) {
+  return e && e.__esModule ? e : {
+    "default": e
+  };
+}
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var MonthPicker = _datePicker["default"].MonthPicker,
+  WeekPicker = _datePicker["default"].WeekPicker,
+  RangePicker = _datePicker["default"].RangePicker;
+var TntDatePicker = exports.TntDatePicker = function TntDatePicker(props) {
+  //theme样式类型 outline | fill  默认 outline
+  var _props$theme = props.theme,
+    theme = _props$theme === void 0 ? 'outline' : _props$theme,
+    className = props.className,
+    suffixIcon = props.suffixIcon,
+    restProps = __rest(props, ["theme", "className", "suffixIcon"]);
+  var defaultIcon = _react["default"].createElement(_icon["default"], {
+    type: "calendar-3"
+  });
+  return _react["default"].createElement(_configProvider.ConfigConsumer, null, function (_ref) {
+    var getPrefixCls = _ref.getPrefixCls;
+    var prefixCls = getPrefixCls('date-picker');
+    return _react["default"].createElement(_datePicker["default"], Object.assign({
+      suffixIcon: suffixIcon || defaultIcon,
+      className: (0, _classnames["default"])(className, "".concat(prefixCls, "-").concat(theme))
+    }, restProps));
+  });
+};
+var TntMonthPicker = exports.TntMonthPicker = function TntMonthPicker(props) {
+  var _props$theme2 = props.theme,
+    theme = _props$theme2 === void 0 ? 'outline' : _props$theme2,
+    className = props.className,
+    suffixIcon = props.suffixIcon,
+    restProps = __rest(props, ["theme", "className", "suffixIcon"]);
+  var defaultIcon = _react["default"].createElement(_icon["default"], {
+    type: "calendar-3"
+  });
+  return _react["default"].createElement(_configProvider.ConfigConsumer, null, function (_ref2) {
+    var getPrefixCls = _ref2.getPrefixCls;
+    var prefixCls = getPrefixCls('date-picker');
+    return _react["default"].createElement(MonthPicker, Object.assign({
+      suffixIcon: suffixIcon || defaultIcon,
+      className: (0, _classnames["default"])(className, "".concat(prefixCls, "-").concat(theme))
+    }, restProps));
+  });
+};
+var TntWeekPicker = exports.TntWeekPicker = function TntWeekPicker(props) {
+  var _props$theme3 = props.theme,
+    theme = _props$theme3 === void 0 ? 'outline' : _props$theme3,
+    className = props.className,
+    suffixIcon = props.suffixIcon,
+    restProps = __rest(props, ["theme", "className", "suffixIcon"]);
+  var defaultIcon = _react["default"].createElement(_icon["default"], {
+    type: "calendar-3"
+  });
+  return _react["default"].createElement(_configProvider.ConfigConsumer, null, function (_ref3) {
+    var getPrefixCls = _ref3.getPrefixCls;
+    var prefixCls = getPrefixCls('date-picker');
+    return _react["default"].createElement(WeekPicker, Object.assign({
+      suffixIcon: suffixIcon || defaultIcon,
+      className: (0, _classnames["default"])(className, "".concat(prefixCls, "-").concat(theme))
+    }, restProps));
+  });
+};
+var TntRangePicker = exports.TntRangePicker = function TntRangePicker(props) {
+  var _props$theme4 = props.theme,
+    theme = _props$theme4 === void 0 ? 'outline' : _props$theme4,
+    className = props.className,
+    suffixIcon = props.suffixIcon,
+    restProps = __rest(props, ["theme", "className", "suffixIcon"]);
+  var defaultIcon = _react["default"].createElement(_icon["default"], {
+    type: "calendar-3"
+  });
+  return _react["default"].createElement(_configProvider.ConfigConsumer, null, function (_ref4) {
+    var getPrefixCls = _ref4.getPrefixCls;
+    var prefixCls = getPrefixCls('date-picker');
+    return _react["default"].createElement(RangePicker, Object.assign({
+      suffixIcon: suffixIcon || defaultIcon,
+      className: (0, _classnames["default"])(className, "".concat(prefixCls, "-").concat(theme))
+    }, restProps));
+  });
+};

package/lib/date-picker/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../src/date-picker/DatePicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState } from 'react'\nimport Icon from '../icon'\nimport type {\n  DatePickerProps as AntdDatePickerProps,\n  MonthPickerProps as AntMonthPickerProps,\n  RangePickerProps as AntRangePickerProps,\n  WeekPickerProps as AntWeekPickerProps,\n} from 'antd/lib/date-picker/interface'\nimport { ConfigConsumer } from 'antd/lib/config-provider'\nimport AntdDatePicker from 'antd/lib/date-picker'\nimport classNames from 'classnames'\nexport * from 'antd/lib/date-picker'\nexport * from 'antd/lib/date-picker/interface'\nconst { MonthPicker, WeekPicker, RangePicker } = AntdDatePicker\n\nexport const TntDatePicker: React.FC<\n  AntdDatePickerProps & { theme?: string; readonly?: boolean }\n> = (props) => {\n  //theme样式类型 outline | fill  默认 outline\n  const { theme = 'outline', className, suffixIcon, ...restProps } = props\n  const defaultIcon = <Icon type=\"calendar-3\" />\n\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        const prefixCls = getPrefixCls('date-picker')\n        return (\n          <AntdDatePicker\n            suffixIcon={suffixIcon || defaultIcon}\n            className={classNames(className, `${prefixCls}-${theme}`)}\n            {...restProps}\n          />\n        )\n      }}\n    </ConfigConsumer>\n  )\n}\n\nexport const TntMonthPicker: React.FC<\n  AntMonthPickerProps & { theme?: string; readonly?: boolean }\n> = (props) => {\n  const { theme = 'outline', className, suffixIcon, ...restProps } = props\n  const defaultIcon = <Icon type=\"calendar-3\" />\n\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        const prefixCls = getPrefixCls('date-picker')\n        return (\n          <MonthPicker\n            suffixIcon={suffixIcon || defaultIcon}\n            className={classNames(className, `${prefixCls}-${theme}`)}\n            {...restProps}\n          />\n        )\n      }}\n    </ConfigConsumer>\n  )\n}\n\nexport const TntWeekPicker: React.FC<\n  AntWeekPickerProps & { theme?: string; readonly?: boolean }\n> = (props) => {\n  const { theme = 'outline', className, suffixIcon, ...restProps } = props\n  const defaultIcon = <Icon type=\"calendar-3\" />\n\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        const prefixCls = getPrefixCls('date-picker')\n        return (\n          <WeekPicker\n            suffixIcon={suffixIcon || defaultIcon}\n            className={classNames(className, `${prefixCls}-${theme}`)}\n            {...restProps}\n          />\n        )\n      }}\n    </ConfigConsumer>\n  )\n}\n\nexport const TntRangePicker: React.FC<\n  AntRangePickerProps & { theme?: string; readonly?: boolean }\n> = (props) => {\n  const { theme = 'outline', className, suffixIcon, ...restProps } = props\n  const defaultIcon = <Icon type=\"calendar-3\" />\n\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        const prefixCls = getPrefixCls('date-picker')\n        return (\n          <RangePicker\n            suffixIcon={suffixIcon || defaultIcon}\n            className={classNames(className, `${prefixCls}-${theme}`)}\n            {...restProps}\n          />\n        )\n      }}\n    </ConfigConsumer>\n  )\n}\n"]}

package/lib/date-picker/index.less

@@ -0,0 +1,294 @@
+@import '../style/themes/index';
+
+@datepicker-prefix-cls: ~'@{ant-prefix}-date-picker';
+@calendar-prefix-cls: ~'@{ant-prefix}-calendar';
+@calendar-timepicker-prefix-cls: ~'@{ant-prefix}-calendar-time-picker';
+
+.@{calendar-prefix-cls}-picker-container{
+  .@{calendar-prefix-cls}{
+    // margin-top: 42px;
+    .@{calendar-prefix-cls}-input-wrap{
+      // display: none;
+    }
+  }
+  .@{calendar-prefix-cls}-range{
+    // margin-top: 42px;
+    .@{calendar-prefix-cls}-input-wrap,.@{calendar-prefix-cls}-range-middle{
+      // display: none;
+    }
+    .@{calendar-prefix-cls}-decade-panel,.@{calendar-prefix-cls}-year-panel,.@{calendar-prefix-cls}-month-panel{
+      // top: 0
+    }
+  }
+  .@{calendar-prefix-cls}-month-calendar,.@{calendar-prefix-cls}-week-number{
+    // margin-top: 42px;
+  }
+  //.@{calendar-prefix-cls}-today .@{calendar-prefix-cls}-date{
+  //  background-color: @white;
+  //}
+  .@{calendar-prefix-cls}:not(.@{calendar-prefix-cls}-range){
+    .@{calendar-prefix-cls}-selected-date .@{calendar-prefix-cls}-date{
+      background-color: @blue-6;
+      color: @white;
+    }
+  }
+
+}
+//Picker
+.@{calendar-prefix-cls}-picker{
+  input,.@{calendar-prefix-cls}-picker-input{
+    border-color: @border-color-secondary;
+    color: @text-color;
+    &:focus{
+      border-color: @blue-5;
+    }
+  }
+  &:has(input:not([value=''])),&:hover  {
+    .@{calendar-prefix-cls}-picker-icon{
+      color: @text-color-secondary;
+    }
+  }
+  &:has(input[disabled]){
+    .@{calendar-prefix-cls}-picker-icon{
+      color: @disabled-color;
+    }
+  }
+  .@{calendar-prefix-cls}-picker-icon{
+    width: auto;
+    height: @font-size-lg;
+    font-size: @font-size-lg;
+  }
+  .@{calendar-prefix-cls}-picker-clear{
+    color: tint(@bg-color-spotilight, 50%);
+  }
+}
+.@{datepicker-prefix-cls}{
+  &-fill{
+    .@{calendar-prefix-cls}-picker{
+      &-input {
+        &.@{ant-prefix}-input {
+          background-color: @fill-color-quaternary;
+          border-color: @fill-color-quaternary;
+          &-disabled {
+            border: none;
+            pointer-events: none;
+            background: @disabled-bg;
+          }
+          &:focus{
+            background-color: @white;
+            border-color: @blue-5;
+          }
+        }
+        &:not([value='']):hover {
+          background-color: @white;
+        }
+      }
+    }
+  }
+}
+
+//Calender
+.@{calendar-prefix-cls}{
+  &-footer {
+    &-extra {
+      .@{ant-prefix}-tag{
+        color: @text-color;
+        border: none;
+        background-color: @white;
+        &:hover{
+          color: @blue-6;
+        }
+      }
+    }
+  }
+
+  thead tr{
+    border-bottom: none;
+  }
+  table th{
+    background-color: @white;
+  }
+}
+
+//RangePicker
+.@{calendar-prefix-cls}-range{
+  .@{calendar-prefix-cls}-in-range-cell,
+  .@{calendar-prefix-cls}-selected-start-date,
+  .@{calendar-prefix-cls}-selected-end-date {
+    position: relative;
+    border-radius: 0;
+    > div {
+      position: relative;
+      z-index: 1;
+    }
+    &::before {
+      position: absolute;
+      top: 3px;
+      right: 0;
+      bottom: 3px;
+      left: 0;
+      display: block;
+      background: @item-active-bg;
+      border: 0;
+      border-radius: 0;
+      content: '';
+    }
+  }
+  .@{calendar-prefix-cls}-selected-start-date{
+    &::before{
+      border-radius: @border-radius-base 0 0 @border-radius-base;
+    }
+    &::after {
+      position: absolute;
+      bottom: -2px;
+      left: 16px;
+      display: block;
+      background: @blue-6;
+      border: 0;
+      border-radius: 50%;
+      width: 4px;
+      height: 4px;
+      content: '';
+    }
+  }
+  //ant-calendar-last-day-of-month
+  //ant-calendar-last-month-cell ant-calendar-last-day-of-month
+  .@{calendar-prefix-cls}-selected-end-date{
+    &::before{
+      border-radius: 0 @border-radius-base @border-radius-base 0;
+    }
+  }
+  .@{calendar-prefix-cls}-selected-start-date.@{calendar-prefix-cls}-selected-end-date{
+    &::before{
+      border-radius: @border-radius-base @border-radius-base @border-radius-base @border-radius-base;
+    }
+  }
+  tr .@{calendar-prefix-cls}-in-range-cell:first-child{
+    &::before{
+      border-radius: @border-radius-base 0 0 @border-radius-base;
+    }
+  }
+  tr .@{calendar-prefix-cls}-selected-end-date:first-child,
+  tr .@{calendar-prefix-cls}-selected-start-date:last-child{
+    &::before{
+      border-radius: @border-radius-base @border-radius-base @border-radius-base @border-radius-base;
+    }
+  }
+  tr .@{calendar-prefix-cls}-in-range-cell:last-child{
+    &::before{
+      border-radius: 0 @border-radius-base @border-radius-base 0;
+    }
+  }
+  .@{calendar-prefix-cls}-cell{
+    height: 38px;
+  }
+}
+
+//MonthPanel
+.@{calendar-prefix-cls}-month-panel-month {
+  border-radius: @border-radius-base;
+}
+
+//WeekPicker
+.@{calendar-prefix-cls}-week-number {
+  &-cell {
+    opacity: 1;
+    font-weight: normal;
+    color: @text-color-tertiary !important;
+  }
+  .@{calendar-prefix-cls}-body tr {
+    cursor: pointer;
+    transition: all 0.3s;
+    background: @white;
+    .@{calendar-prefix-cls}-date{
+      width: auto;
+      border-radius: 0;
+      font-weight: 500;
+    }
+    &:hover {
+      background: @white;
+      td:nth-child(2){
+        .@{calendar-prefix-cls}-date{
+          border-radius: @border-radius-base 0  0 @border-radius-base;
+        }
+      }
+      td:last-child{
+        .@{calendar-prefix-cls}-date{
+          border-radius: 0 @border-radius-base @border-radius-base 0;
+        }
+      }
+      .@{calendar-prefix-cls}-cell{
+        &::before{
+          top: 8px;
+          bottom: 8px;
+        }
+        .@{calendar-prefix-cls}-date{
+          background: @background-color-base;
+          &:hover{
+            background: @background-color-base;
+          }
+        }
+        .@{calendar-prefix-cls}-selected-day{
+          background: @background-color-base;
+        }
+      }
+      .@{calendar-prefix-cls}-week-number-cell{
+        background: @white;
+      }
+    }
+    .@{calendar-prefix-cls}-selected-day .@{calendar-prefix-cls}-date,
+    .@{calendar-prefix-cls}-selected-day:hover .@{calendar-prefix-cls}-date {
+      color: @text-color;
+      background: transparent;
+    }
+    &.@{calendar-prefix-cls}-active-week {
+      background: transparent;
+      td:nth-child(2){
+        .@{calendar-prefix-cls}-selected-day,.@{calendar-prefix-cls}-date{
+          border-radius: @border-radius-base 0  0 @border-radius-base;
+        }
+      }
+      td:last-child{
+        .@{calendar-prefix-cls}-selected-day,.@{calendar-prefix-cls}-date{
+          border-radius: 0 @border-radius-base @border-radius-base 0;
+        }
+      }
+      .@{calendar-prefix-cls}-cell{
+        font-weight: bold;
+        //background: @primary-color;
+        .@{calendar-prefix-cls}-date{
+          color: @text-color-inverse;
+          background: @primary-color;
+          &:hover{
+            color: @text-color-inverse;
+            background: @primary-color;
+          }
+        }
+        .@{calendar-prefix-cls}-selected-day{
+          background: @primary-color;
+        }
+      }
+    }
+    .@{calendar-prefix-cls}-today .@{calendar-prefix-cls}-date{
+      //color: @text-color;
+      //font-weight: normal;
+      border-color: transparent;
+    }
+  }
+  .@{calendar-prefix-cls}-cell{
+    height: 38px;
+    position: relative;
+    &::before {
+      position: absolute;
+      top: 3px;
+      right: 0;
+      bottom: 3px;
+      left: 0;
+      display: block;
+      border: 0;
+      border-radius: 0;
+      content: '';
+    }
+  }
+}
+

package/lib/input-number/inputNumber.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { default as AntdInputNumber } from 'antd/lib/input-number';
+import type { InputNumberProps as AntdInputNumberProps } from 'antd/lib/input-number';
+export * from 'antd/lib/input-number';
+export declare type InputNumberProps = AntdInputNumberProps & {
+    readonly?: boolean;
+};
+declare const _default: React.ForwardRefExoticComponent<Pick<AntdInputNumberProps & React.RefAttributes<AntdInputNumber>, "key" | keyof AntdInputNumberProps> & React.RefAttributes<unknown>>;
+export default _default;
+//# sourceMappingURL=inputNumber.d.ts.map

package/lib/input-number/inputNumber.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputNumber.d.ts","sourceRoot":"","sources":["../../src/input-number/inputNumber.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,sBAAsB,CAAA;AACjE,OAAO,KAAK,EAAE,gBAAgB,IAAI,oBAAoB,EAAE,MAAM,sBAAsB,CAAA;AAKpF,cAAc,sBAAsB,CAAA;AAIpC,oBAAY,gBAAgB,GAAG,oBAAoB,GAAG;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;;AAuBD,wBAA0E"}

package/lib/input-number/inputNumber.js

@@ -0,0 +1,89 @@
+"use strict";
+
+function _typeof(o) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof(o);
+}
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _configProvider = require("../config-provider");
+var _inputNumber = _interopRequireWildcard(require("antd/lib/input-number"));
+Object.keys(_inputNumber).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _inputNumber[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _inputNumber[key];
+    }
+  });
+});
+var _connect = require("../connect");
+var _previewText = _interopRequireDefault(require("../preview-text"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _prevLocale = require("../prev-locale");
+function _interopRequireDefault(e) {
+  return e && e.__esModule ? e : {
+    "default": e
+  };
+}
+function _getRequireWildcardCache(e) {
+  if ("function" != typeof WeakMap) return null;
+  var r = new WeakMap(),
+    t = new WeakMap();
+  return (_getRequireWildcardCache = function _getRequireWildcardCache(e) {
+    return e ? t : r;
+  })(e);
+}
+function _interopRequireWildcard(e, r) {
+  if (!r && e && e.__esModule) return e;
+  if (null === e || "object" != _typeof(e) && "function" != typeof e) return {
+    "default": e
+  };
+  var t = _getRequireWildcardCache(r);
+  if (t && t.has(e)) return t.get(e);
+  var n = {
+      __proto__: null
+    },
+    a = Object.defineProperty && Object.getOwnPropertyDescriptor;
+  for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) {
+    var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;
+    i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u];
+  }
+  return n["default"] = e, t && t.set(e, n), n;
+}
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var defaultPlaceholder = (0, _prevLocale.getText)('enter', (0, _prevLocale.getLanguage)());
+var tntPrefixCls = 'tnt-input-number';
+var TntInputNumber = (0, _react.forwardRef)(function (_a, ref) {
+  var className = _a.className,
+    _a$placeholder = _a.placeholder,
+    placeholder = _a$placeholder === void 0 ? defaultPlaceholder : _a$placeholder,
+    props = __rest(_a, ["className", "placeholder"]);
+  return _react["default"].createElement(_configProvider.ConfigConsumer, null, function () {
+    return _react["default"].createElement(_inputNumber["default"], Object.assign({
+      placeholder: placeholder
+    }, props, {
+      ref: ref,
+      className: (0, _classnames["default"])(className, tntPrefixCls)
+    }));
+  });
+});
+var _default = exports["default"] = (0, _connect.connectReadonlyComponent)(TntInputNumber, _previewText["default"].Input);

package/lib/input-number/inputNumber.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputNumber.js","sourceRoot":"","sources":["../../src/input-number/inputNumber.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyC;AACzC,wDAAmD;AACnD,wEAAiE;AAEjE,wCAAqD;AACrD,mEAAyC;AACzC,4DAAmC;AACnC,gDAAqD;AACrD,uDAAoC;AAEpC,MAAM,kBAAkB,GAAG,IAAA,qBAAO,EAAC,OAAO,EAAE,IAAA,yBAAW,GAAE,CAAC,CAAA;AAM1D,MAAM,YAAY,GAAG,kBAAkB,CAAA;AAEvC,MAAM,cAAc,GAAG,IAAA,kBAAU,EAC/B,CAAC,EAAyD,EAAE,GAAG,EAAE,EAAE;QAAlE,EAAE,SAAS,EAAE,WAAW,GAAG,kBAAkB,OAAY,EAAP,KAAK,cAAvD,4BAAyD,CAAF;IACtD,OAAO,CACL,8BAAC,gCAAc,QACZ,GAAG,EAAE;QACJ,OAAO,CACL,8BAAC,sBAAe,kBACd,WAAW,EAAE,WAAW,IACpB,KAAK,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,EAAE,YAAY,CAAC,IAC9C,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CACF,CAAA;AAED,kBAAe,IAAA,kCAAwB,EAAC,cAAc,EAAE,sBAAW,CAAC,KAAK,CAAC,CAAA","sourcesContent":["import React, { forwardRef } from 'react'\nimport { ConfigConsumer } from '../config-provider'\nimport { default as AntdInputNumber } from 'antd/lib/input-number'\nimport type { InputNumberProps as AntdInputNumberProps } from 'antd/lib/input-number'\nimport { connectReadonlyComponent } from '../connect'\nimport PreviewText from '../preview-text'\nimport classNames from 'classnames'\nimport { getLanguage, getText } from '../prev-locale'\nexport * from 'antd/lib/input-number'\n\nconst defaultPlaceholder = getText('enter', getLanguage())\n\nexport type InputNumberProps = AntdInputNumberProps & {\n  readonly?: boolean\n}\n\nconst tntPrefixCls = 'tnt-input-number'\n\nconst TntInputNumber = forwardRef<AntdInputNumber, AntdInputNumberProps>(\n  ({ className, placeholder = defaultPlaceholder, ...props }, ref) => {\n    return (\n      <ConfigConsumer>\n        {() => {\n          return (\n            <AntdInputNumber\n              placeholder={placeholder}\n              {...props}\n              ref={ref}\n              className={classNames(className, tntPrefixCls)}\n            />\n          )\n        }}\n      </ConfigConsumer>\n    )\n  }\n)\n\nexport default connectReadonlyComponent(TntInputNumber, PreviewText.Input)\n"]}

package/lib/input-number/inputNumber.less

@@ -0,0 +1,12 @@
+@import './style/index.less';
+
+@input-prefix-cls: ~'@{ant-prefix}-input-number';
+
+.tnt-input-number,
+.@{input-prefix-cls} {
+  border-color: @border-color-secondary;
+
+  &.@{input-prefix-cls}-focused {
+    .active();
+  }
+}

package/lib/modal/index.less

@@ -0,0 +1,36 @@
+@modal-prefix-cls: ~'@{ant-prefix}-modal';
+@confirm-prefix-cls: ~'@{ant-prefix}-modal-confirm';
+
+
+.@{modal-prefix-cls}{
+  &-header{
+    font-size: @font-size-lg;
+    font-weight: 500;
+  }
+  &-close-x{
+    font-size: 20px;
+  }
+
+  &-title{
+    line-height: @line-height-lg;
+  }
+}
+
+.@{confirm-prefix-cls}{
+  &-body{
+    .anticon {
+      font-size: 22px !important;
+      margin-top: 1px;
+    }
+  }
+
+  &-body &-content{
+    margin-top: @margin-xs;
+  }
+
+  .@{confirm-prefix-cls}-btns {
+    button {
+      border-radius: @border-radius-base;
+    }
+  }
+}

package/lib/popconfirm/index.less

@@ -0,0 +1,32 @@
+@popover-prefix-cls: ~'@{ant-prefix}-popover';
+
+.@{popover-prefix-cls} {
+  &-inner-content {
+    padding: @padding-base;
+  }
+
+  &-message {
+    padding: 0 0 @padding-xs;
+
+    &>.anticon {
+      font-size: @font-size-lg;
+      top: 7px;
+    }
+  }
+
+  &-message-title {
+    padding-top: @padding-xxs;
+    padding-bottom: @padding-xxs;
+    line-height: @line-height-base;
+  }
+
+  &-buttons {
+    margin-bottom: 0;
+  }
+}
+
+.@{popover-prefix-cls}-arrow-hidden {
+  .@{popover-prefix-cls}-arrow {
+    display: none;
+  }
+}

package/lib/popconfirm/popconfirm.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { PopconfirmProps } from 'antd/lib/popconfirm';
+export * from 'antd/lib/popconfirm';
+declare const Popconfirm: React.FC<PopconfirmProps & {
+    hiddenArrow?: boolean;
+}>;
+export default Popconfirm;
+//# sourceMappingURL=popconfirm.d.ts.map

package/lib/popconfirm/popconfirm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popconfirm.d.ts","sourceRoot":"","sources":["../../src/popconfirm/popconfirm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAMzD,cAAc,oBAAoB,CAAA;AAElC,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,GAAG;IAAE,WAAW,CAAC,EAAE,OAAO,CAAA;CAAE,CAqCrE,CAAA;AAED,eAAe,UAAU,CAAA"}