tntd 1.3.56 → 1.3.60

package/lib/ArrayInput/index.js

@@ -1,221 +1,308 @@
-import React, { useEffect, useState, useCallback, isValidElement } from "react";
-import { Row, Col, Table, Tooltip } from "antd";
-import { isFunction, isArray, sumBy, sum, set, get } from "lodash";
-import { plusIcon, deleteIcon } from "./icon";
-import "./index.less";
-
-const { Column } = Table;
-const getWidth = span => 1000 / span;
-
-export default function ArrayInput({
-    children,
-    defaultValue,
-    value,
-    onChange,
-    mode = "list",
-    gutter = 10,
-    require = false,
-    deleteTip = "",
-    plusTip = "",
-    addText = "添加",
-}) {
-    if (!isFunction(children)) {
-        throw new Error("ArrayInput的children必须是函数");
+"use strict";
+
+function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = ArrayInput;
+
+require("antd/es/row/style");
+
+var _row = _interopRequireDefault(require("antd/es/row"));
+
+require("antd/es/tooltip/style");
+
+var _tooltip = _interopRequireDefault(require("antd/es/tooltip"));
+
+require("antd/es/col/style");
+
+var _col = _interopRequireDefault(require("antd/es/col"));
+
+require("antd/es/table/style");
+
+var _table = _interopRequireDefault(require("antd/es/table"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _lodash = require("lodash");
+
+var _icon = require("./icon");
+
+require("./index.less");
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+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; }
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance"); }
+
+function _iterableToArray(iter) { if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } }
+
+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) { _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; }
+
+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) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
+
+function _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var Column = _table["default"].Column;
+
+var getWidth = function getWidth(span) {
+  return 1000 / span;
+};
+
+function ArrayInput(_ref) {
+  var children = _ref.children,
+      defaultValue = _ref.defaultValue,
+      value = _ref.value,
+      onChange = _ref.onChange,
+      _ref$mode = _ref.mode,
+      mode = _ref$mode === void 0 ? "list" : _ref$mode,
+      _ref$gutter = _ref.gutter,
+      gutter = _ref$gutter === void 0 ? 10 : _ref$gutter,
+      _ref$require = _ref.require,
+      require = _ref$require === void 0 ? false : _ref$require,
+      _ref$deleteTip = _ref.deleteTip,
+      deleteTip = _ref$deleteTip === void 0 ? "" : _ref$deleteTip,
+      _ref$plusTip = _ref.plusTip,
+      plusTip = _ref$plusTip === void 0 ? "" : _ref$plusTip,
+      _ref$addText = _ref.addText,
+      addText = _ref$addText === void 0 ? "添加" : _ref$addText;
+
+  if (!(0, _lodash.isFunction)(children)) {
+    throw new Error("ArrayInput的children必须是函数");
+  }
+
+  var _useState = (0, _react.useState)(value || defaultValue),
+      _useState2 = _slicedToArray(_useState, 2),
+      _value = _useState2[0],
+      setValue = _useState2[1];
+
+  (0, _react.useEffect)(function () {
+    setValue(value);
+  }, [value]);
+
+  var _onChange = (0, _react.useCallback)(function (value) {
+    if (onChange) {
+      onChange(value);
+    } else {
+      setValue(value);
     }
+  }, []);
 
-    const [_value, setValue] = useState(value || defaultValue);
+  var inValue = _value || [];
 
-    useEffect(() => {
-        setValue(value);
-    }, [value]);
+  if (require && inValue.length === 0) {
+    inValue = [{}];
+  }
 
-    const _onChange = useCallback(value => {
-        if (onChange) {
-            onChange(value);
-        } else {
-            setValue(value);
-        }
-    }, []);
+  var changeValue = function changeValue(index, name, value) {
+    inValue[index] = _objectSpread({}, inValue[index], _defineProperty({}, name, value));
 
-    let inValue = _value || [];
-    if (require && inValue.length === 0) {
-        inValue = [{}];
+    _onChange(_toConsumableArray(inValue));
+  };
+
+  var onAdd = function onAdd(index) {
+    if (index === undefined) {
+      _onChange([].concat(_toConsumableArray(inValue), [{}]));
+    } else {
+      inValue.splice(index + 1, 0, {});
+
+      _onChange(_toConsumableArray(inValue));
     }
+  };
+
+  var onDelete = function onDelete(i) {
+    inValue.splice(i, 1);
+
+    _onChange(_toConsumableArray(inValue));
+  };
 
-    const changeValue = (index, name, value) => {
-        inValue[index] = {
-            ...inValue[index],
-            [name]: value,
-        };
-        _onChange([...inValue]);
-    };
-
-    const onAdd = index => {
-        if (index === undefined) {
-            _onChange([...inValue, {}]);
-        } else {
-            inValue.splice(index + 1, 0, {});
-            _onChange([...inValue]);
+  if (mode === "list") {
+    return _react["default"].createElement("div", {
+      className: "tntd-array-input"
+    }, inValue.map(function (item, index) {
+      var fields = children(item, index);
+
+      if (!(0, _lodash.isArray)(fields)) {
+        fields = (0, _lodash.get)(fields, "props.children", []);
+      }
+
+      return _react["default"].createElement(_row["default"], {
+        gutter: gutter,
+        key: index,
+        className: "tntd-array-input-item"
+      }, fields.map(function (field, i) {
+        if (!(0, _react.isValidElement)(field)) {
+          return field ? _react["default"].createElement(_col["default"], {
+            span: 4,
+            key: i
+          }, field) : "";
         }
-    };
-
-    const onDelete = i => {
-        inValue.splice(i, 1);
-        _onChange([...inValue]);
-    };
-
-    if (mode === "list") {
-        return (
-            <div className="tntd-array-input">
-                {inValue.map((item, index) => {
-                    let fields = children(item, index);
-                    if (!isArray(fields)) {
-                        fields = get(fields, "props.children", []);
-                    }
-                    return (
-                        <Row gutter={gutter} key={index} className="tntd-array-input-item">
-                            {fields.map((field, i) => {
-                                if (!isValidElement(field)) {
-                                    return field ? (
-                                        <Col span={4} key={i}>
-                                            {field}
-                                        </Col>
-                                    ) : (
-                                        ""
-                                    );
-                                }
-                                const {
-                                    name,
-                                    span = 4,
-                                    onChange: fieldChange,
-                                    ...other
-                                } = field?.props;
-                                return (
-                                    <Col span={span} key={i}>
-                                        {React.cloneElement(field, {
-                                            value: item[name] || undefined,
-                                            onChange: e => {
-                                                fieldChange && fieldChange(e, index, changeValue);
-                                                const newValue = e.target ? e.target.value : e;
-                                                changeValue(index, name, newValue);
-                                            },
-                                            ...other,
-                                        })}
-                                    </Col>
-                                );
-                            })}
-                            <Col span={24 - (sum(fields.map(f => get(f, "props.span", 4))) % 24)}>
-                                <span className="tntd-array-input-action">
-                                    {plusTip ? (
-                                        <Tooltip title={plusTip} placement="left">
-                                            <span className="mr10" onClick={() => onAdd(index)}>
-                                                {plusIcon}
-                                            </span>
-                                        </Tooltip>
-                                    ) : (
-                                        <span className="mr10" onClick={() => onAdd(index)}>
-                                            {plusIcon}
-                                        </span>
-                                    )}
-                                    {deleteTip ? (
-                                        <Tooltip title={deleteTip} placement="right">
-                                            <span onClick={() => onDelete(index)}>
-                                                {deleteIcon}
-                                            </span>
-                                        </Tooltip>
-                                    ) : (
-                                        <span onClick={() => onDelete(index)}>{deleteIcon}</span>
-                                    )}
-                                </span>
-                            </Col>
-                        </Row>
-                    );
-                })}
-                {inValue.length === 0 && <a onClick={() => onAdd()}>{addText}</a>}
-            </div>
-        );
-    } else {
-        let fields = children({}, 0);
-        if (!isArray(fields)) {
-            fields = get(fields, "props.children", []);
+
+        var _ref2 = field == null ? void 0 : field.props,
+            name = _ref2.name,
+            _ref2$span = _ref2.span,
+            span = _ref2$span === void 0 ? 4 : _ref2$span,
+            fieldChange = _ref2.onChange,
+            other = _objectWithoutProperties(_ref2, ["name", "span", "onChange"]);
+
+        return _react["default"].createElement(_col["default"], {
+          span: span,
+          key: i
+        }, _react["default"].cloneElement(field, _objectSpread({
+          value: item[name] || undefined,
+          onChange: function onChange(e) {
+            fieldChange && fieldChange(e, index, changeValue);
+            var newValue = e.target ? e.target.value : e;
+            changeValue(index, name, newValue);
+          }
+        }, other)));
+      }), _react["default"].createElement(_col["default"], {
+        span: 24 - (0, _lodash.sum)(fields.map(function (f) {
+          return (0, _lodash.get)(f, "props.span", 4);
+        })) % 24
+      }, _react["default"].createElement("span", {
+        className: "tntd-array-input-action"
+      }, plusTip ? _react["default"].createElement(_tooltip["default"], {
+        title: plusTip,
+        placement: "left"
+      }, _react["default"].createElement("span", {
+        className: "mr10",
+        onClick: function onClick() {
+          return onAdd(index);
+        }
+      }, _icon.plusIcon)) : _react["default"].createElement("span", {
+        className: "mr10",
+        onClick: function onClick() {
+          return onAdd(index);
+        }
+      }, _icon.plusIcon), deleteTip ? _react["default"].createElement(_tooltip["default"], {
+        title: deleteTip,
+        placement: "right"
+      }, _react["default"].createElement("span", {
+        onClick: function onClick() {
+          return onDelete(index);
         }
-        const dataSource = inValue.map((value, index) => {
-            const fields = children(value, index);
-            const back = {};
-            fields.forEach(field => {
-                const name = field?.props?.name;
-                name && set(back, name, field);
-            });
-            return back;
-        });
-        return (
-            <div className="tntd-array-input">
-                <Table
-                    dataSource={dataSource}
-                    pagination={false}
-                    locale={{
-                        emptyText: <a onClick={() => onAdd()}>{addText}</a>,
-                    }}
-                >
-                    {fields.map(field => {
-                        const { name, span, title } = field?.props || {};
-                        return (
-                            <Column
-                                key={name}
-                                dataIndex={name}
-                                title={title}
-                                width={getWidth(span || 24 / (fields.length + 1))}
-                                render={(field, row, index) => {
-                                    if (!isValidElement(field)) {
-                                        return field;
-                                    }
-                                    const { onChange: fieldChange } = field.props;
-                                    return React.cloneElement(field, {
-                                        value: inValue[index][name] || undefined,
-                                        onChange: e => {
-                                            fieldChange && fieldChange(e, index, changeValue);
-                                            const newValue = e.target ? e.target.value : e;
-                                            changeValue(index, name, newValue);
-                                        },
-                                    });
-                                }}
-                            ></Column>
-                        );
-                    })}
-                    <Column
-                        key="action"
-                        dataIndex="action"
-                        title="操作"
-                        width={getWidth(24 - (sumBy(fields, "props.span") % 24))}
-                        render={(text, row, index) => {
-                            return (
-                                <span className="tntd-array-input-action">
-                                    {plusTip ? (
-                                        <Tooltip title={plusTip} placement="left">
-                                            <span className="mr10" onClick={() => onAdd(index)}>
-                                                {plusIcon}
-                                            </span>
-                                        </Tooltip>
-                                    ) : (
-                                        <span className="mr10" onClick={() => onAdd(index)}>
-                                            {plusIcon}
-                                        </span>
-                                    )}
-                                    {deleteTip ? (
-                                        <Tooltip title={deleteTip} placement="right">
-                                            <span onClick={() => onDelete(index)}>
-                                                {deleteIcon}
-                                            </span>
-                                        </Tooltip>
-                                    ) : (
-                                        <span onClick={() => onDelete(index)}>{deleteIcon}</span>
-                                    )}
-                                </span>
-                            );
-                        }}
-                    ></Column>
-                </Table>
-            </div>
-        );
+      }, _icon.deleteIcon)) : _react["default"].createElement("span", {
+        onClick: function onClick() {
+          return onDelete(index);
+        }
+      }, _icon.deleteIcon))));
+    }), inValue.length === 0 && _react["default"].createElement("a", {
+      onClick: function onClick() {
+        return onAdd();
+      }
+    }, addText));
+  } else {
+    var fields = children({}, 0);
+
+    if (!(0, _lodash.isArray)(fields)) {
+      fields = (0, _lodash.get)(fields, "props.children", []);
     }
-}
+
+    var dataSource = inValue.map(function (value, index) {
+      var fields = children(value, index);
+      var back = {};
+      fields.forEach(function (field) {
+        var _field$props;
+
+        var name = field == null ? void 0 : (_field$props = field.props) == null ? void 0 : _field$props.name;
+        name && (0, _lodash.set)(back, name, field);
+      });
+      return back;
+    });
+    return _react["default"].createElement("div", {
+      className: "tntd-array-input"
+    }, _react["default"].createElement(_table["default"], {
+      dataSource: dataSource,
+      pagination: false,
+      locale: {
+        emptyText: _react["default"].createElement("a", {
+          onClick: function onClick() {
+            return onAdd();
+          }
+        }, addText)
+      }
+    }, fields.map(function (field) {
+      var _ref3 = (field == null ? void 0 : field.props) || {},
+          name = _ref3.name,
+          span = _ref3.span,
+          title = _ref3.title;
+
+      return _react["default"].createElement(Column, {
+        key: name,
+        dataIndex: name,
+        title: title,
+        width: getWidth(span || 24 / (fields.length + 1)),
+        render: function render(field, row, index) {
+          if (!(0, _react.isValidElement)(field)) {
+            return field;
+          }
+
+          var fieldChange = field.props.onChange;
+          return _react["default"].cloneElement(field, {
+            value: inValue[index][name] || undefined,
+            onChange: function onChange(e) {
+              fieldChange && fieldChange(e, index, changeValue);
+              var newValue = e.target ? e.target.value : e;
+              changeValue(index, name, newValue);
+            }
+          });
+        }
+      });
+    }), _react["default"].createElement(Column, {
+      key: "action",
+      dataIndex: "action",
+      title: "\u64CD\u4F5C",
+      width: getWidth(24 - (0, _lodash.sumBy)(fields, "props.span") % 24),
+      render: function render(text, row, index) {
+        return _react["default"].createElement("span", {
+          className: "tntd-array-input-action"
+        }, plusTip ? _react["default"].createElement(_tooltip["default"], {
+          title: plusTip,
+          placement: "left"
+        }, _react["default"].createElement("span", {
+          className: "mr10",
+          onClick: function onClick() {
+            return onAdd(index);
+          }
+        }, _icon.plusIcon)) : _react["default"].createElement("span", {
+          className: "mr10",
+          onClick: function onClick() {
+            return onAdd(index);
+          }
+        }, _icon.plusIcon), deleteTip ? _react["default"].createElement(_tooltip["default"], {
+          title: deleteTip,
+          placement: "right"
+        }, _react["default"].createElement("span", {
+          onClick: function onClick() {
+            return onDelete(index);
+          }
+        }, _icon.deleteIcon)) : _react["default"].createElement("span", {
+          onClick: function onClick() {
+            return onDelete(index);
+          }
+        }, _icon.deleteIcon));
+      }
+    })));
+  }
+}

package/lib/AuthContext.js

@@ -1,3 +1,14 @@
-import { createContext } from 'react';
+"use strict";
 
-export default createContext(() => true);
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = require("react");
+
+var _default = (0, _react.createContext)(function () {
+  return true;
+});
+
+exports["default"] = _default;

package/lib/BlockHeader/README.md

@@ -0,0 +1,83 @@
+## BlockHeader组件
+### 代码演示
+```jsx
+import React from 'react';
+import ReactDOM from 'react-dom';
+import 'antd/dist/antd.css';
+import {Button, Table} from "antd";
+import BlockHeader from './index';
+
+const Demo = props => {
+
+    return (
+        <div>
+            <BlockHeader 
+                title='这是标题'
+                subTitle='这是描述，相当于副标题'
+                tooltip='test'
+                placement="right"
+                size='large'
+                extra={<Button>这是extra信息</Button>}
+            />
+            <br/>
+            <BlockHeader 
+                title='这是标题'
+                subTitle='这是描述，相当于副标题'
+                tooltip='test'
+                placement="right"
+            />
+            <br/>
+            <BlockHeader 
+                title='这是标题'
+                subTitle='这是描述，相当于副标题'
+                tooltip='test'
+                placement="right"
+                size='small'
+            />
+            <br/>
+            <BlockHeader 
+                title='这是标题'
+                subTitle='这是描述，相当于副标题'
+                tooltip='test'
+                placement="right"
+                size='large'
+                number={1}
+            />
+            <br/>
+            <BlockHeader 
+                title='这是标题'
+                subTitle='这是描述，相当于副标题'
+                tooltip='test'
+                placement="right"
+                number={2}
+            />
+            <br/>
+            <BlockHeader 
+                title='这是标题'
+                subTitle='这是描述，相当于副标题'
+                tooltip='test'
+                placement="right"
+                size='small'
+                number={3}
+            />
+            <br/>
+        </div>
+    );
+};
+
+
+ReactDOM.render(
+    <Demo />,
+    document.getElementById('root')
+);
+```
+### API
+#### Handle
+| 属性名称         | 属性说明                    | 类型            | 默认值         | 是否必须 |
+| :----------     | :------------------------- | :------        | :----------   | :------- |
+| title           | 标题                        | String         | -             | 否       |
+| subTitle        | 副标题                      | String         | -             | 否       |
+| number          | 标题前是数字                 | Number         | -             | 否       |
+| size            | 大小，large、default、small  | String         | default       | 否       |
+| extra           | 右边区域内容                 | React node     | -             | 否        |
+

package/lib/BlockHeader/index.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+require("./index.less");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+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 _default = function _default(props) {
+  var _ref = props || {},
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? '暂无标题' : _ref$title,
+      subTitle = _ref.subTitle,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'default' : _ref$size,
+      extra = _ref.extra,
+      number = _ref.number,
+      rest = _objectWithoutProperties(_ref, ["title", "subTitle", "size", "extra", "number"]);
+
+  return React.createElement("div", {
+    className: (0, _classnames["default"])('tntd-block-header', size, {
+      'has-number': number
+    })
+  }, React.createElement("div", {
+    className: "tntd-block-header-title"
+  }, number && React.createElement("i", {
+    "class": "count"
+  }, number <= 9 ? "0".concat(number) : number), React.createElement("h3", null, title), React.createElement("span", null, subTitle)), extra && React.createElement("div", {
+    className: "tntd-block-header-extra"
+  }, extra));
+};
+
+exports["default"] = _default;