@para-ui/core 2.2.18 → 3.0.2-beta

package/Timeline/index.js

@@ -1,15 +1,158 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@material-ui/lab"),require("clsx")):"function"==typeof define&&define.amd?define(["react","@material-ui/lab","clsx"],t):"object"==typeof exports?exports.ParaUI=t(require("react"),require("@material-ui/lab"),require("clsx")):e.ParaUI=t(e.react,e["@material-ui/lab"],e.clsx)}(self,(function(e,t,n){return function(){var r={5692:function(e,t,n){(t=n(3645)(!1)).push([e.id,".paraui-timeline-alternate:before{padding:0 12px}.paraui-timeline .paraui-timeline-dot{width:8px;height:8px;padding:0;border:none;background-color:#3666d6;box-shadow:none}.paraui-timeline .paraui-timeline-dot--disabled{background-color:rgba(171,176,185,.4)}.paraui-timeline .paraui-timeline-dot--disabled svg{color:rgba(171,176,185,.4)}.paraui-timeline .paraui-timeline-dot-custom{margin:0;color:rgba(0,0,0,0);border:none;background-color:rgba(0,0,0,0);box-shadow:none}.paraui-timeline-content{color:#2e3743;padding:4px 12px;font-size:14px}.paraui-timeline-content-dot{padding:3px 12px}.paraui-timeline-content--disabled{color:rgba(46,55,67,.4)}.paraui-timeline-connector{width:1px;background-color:rgba(171,176,185,.2)}",""]),e.exports=t},3645:function(e){"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n=function(e,t){var n=e[1]||"",r=e[3];if(!r)return n;if(t&&"function"==typeof btoa){var o=(a=r,c=btoa(unescape(encodeURIComponent(JSON.stringify(a)))),u="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(c),"/*# ".concat(u," */")),i=r.sources.map((function(e){return"/*# sourceURL=".concat(r.sourceRoot||"").concat(e," */")}));return[n].concat(i).concat([o]).join("\n")}var a,c,u;return[n].join("\n")}(t,e);return t[2]?"@media ".concat(t[2]," {").concat(n,"}"):n})).join("")},t.i=function(e,n,r){"string"==typeof e&&(e=[[null,e,""]]);var o={};if(r)for(var i=0;i<this.length;i++){var a=this[i][0];null!=a&&(o[a]=!0)}for(var c=0;c<e.length;c++){var u=[].concat(e[c]);r&&o[u[0]]||(n&&(u[2]?u[2]="".concat(n," and ").concat(u[2]):u[2]=n),t.push(u))}},t}},7418:function(e){"use strict";
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/var t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable;function o(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach((function(e){r[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}}()?Object.assign:function(e,i){for(var a,c,u=o(e),l=1;l<arguments.length;l++){for(var s in a=Object(arguments[l]))n.call(a,s)&&(u[s]=a[s]);if(t){c=t(a);for(var f=0;f<c.length;f++)r.call(a,c[f])&&(u[c[f]]=a[c[f]])}}return u}},5251:function(e,t,n){"use strict";
-/** @license React v17.0.2
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-n(7418);var r=n(8156),o=60103;if(60107,"function"==typeof Symbol&&Symbol.for){var i=Symbol.for;o=i("react.element"),i("react.fragment")}var a=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c=Object.prototype.hasOwnProperty,u={key:!0,ref:!0,__self:!0,__source:!0};function l(e,t,n){var r,i={},l=null,s=null;for(r in void 0!==n&&(l=""+n),void 0!==t.key&&(l=""+t.key),void 0!==t.ref&&(s=t.ref),t)c.call(t,r)&&!u.hasOwnProperty(r)&&(i[r]=t[r]);if(e&&e.defaultProps)for(r in t=e.defaultProps)void 0===i[r]&&(i[r]=t[r]);return{$$typeof:o,type:e,key:l,ref:s,props:i,_owner:a.current}}t.jsx=l,t.jsxs=l},5893:function(e,t,n){"use strict";e.exports=n(5251)},7909:function(e,t,n){var r=n(3379),o=n(5692);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.id,o,""]]);var i={insert:("body","body"),singleton:!1};r(o,i);e.exports=o.locals||{}},3379:function(e,t,n){"use strict";var r,o=function(){return void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r},i=function(){var e={};return function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}e[t]=n}return e[t]}}(),a=[];function c(e){for(var t=-1,n=0;n<a.length;n++)if(a[n].identifier===e){t=n;break}return t}function u(e,t){for(var n={},r=[],o=0;o<e.length;o++){var i=e[o],u=t.base?i[0]+t.base:i[0],l=n[u]||0,s="".concat(u," ").concat(l);n[u]=l+1;var f=c(s),d={css:i[1],media:i[2],sourceMap:i[3]};-1!==f?(a[f].references++,a[f].updater(d)):a.push({identifier:s,updater:v(d,t),references:1}),r.push(s)}return r}function l(e){var t=document.createElement("style"),r=e.attributes||{};if(void 0===r.nonce){var o=n.nc;o&&(r.nonce=o)}if(Object.keys(r).forEach((function(e){t.setAttribute(e,r[e])})),"function"==typeof e.insert)e.insert(t);else{var a=i(e.insert||"head");if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(t)}return t}var s,f=(s=[],function(e,t){return s[e]=t,s.filter(Boolean).join("\n")});function d(e,t,n,r){var o=n?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(e.styleSheet)e.styleSheet.cssText=f(t,o);else{var i=document.createTextNode(o),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(i,a[t]):e.appendChild(i)}}function p(e,t,n){var r=n.css,o=n.media,i=n.sourceMap;if(o?e.setAttribute("media",o):e.removeAttribute("media"),i&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}var m=null,b=0;function v(e,t){var n,r,o;if(t.singleton){var i=b++;n=m||(m=l(t)),r=d.bind(null,n,i,!1),o=d.bind(null,n,i,!0)}else n=l(t),r=p.bind(null,n,t),o=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)};return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else o()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=o());var n=u(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var r=0;r<n.length;r++){var o=c(n[r]);a[o].references--}for(var i=u(e,t),l=0;l<n.length;l++){var s=c(n[l]);0===a[s].references&&(a[s].updater(),a.splice(s,1))}n=i}}}},8588:function(e){"use strict";e.exports=t},5744:function(e){"use strict";e.exports=n},8156:function(t){"use strict";t.exports=e}},o={};function i(e){var t=o[e];if(void 0!==t)return t.exports;var n=o[e]={id:e,exports:{}};return r[e](n,n.exports,i),n.exports}i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,{a:t}),t},i.d=function(e,t){for(var n in t)i.o(t,n)&&!i.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.nc=void 0;var a={};return function(){"use strict";i.r(a),i.d(a,{Timeline:function(){return u}});var e=i(5893),t=i(8156),n=i(8588),r=i(5744),o=i.n(r),c=(i(7909),function(){return c=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},c.apply(this,arguments)}),u=function(r){var i=r.align,a=void 0===i?"left":i,u=r.data,l=r.className,s=r.style;return(0,e.jsx)(n.Timeline,c({align:a,className:o()("paraui-timeline",l),style:s},{children:(null==u?void 0:u.length)?u.map((function(r,i){var a=r.dotIcon,l=r.content,s=r.disabled,f=void 0!==s&&s,d=function(e){var n=e.dotIcon,r=e.disabled;return o()({"paraui-timeline-dot":!n,"paraui-timeline-dot-custom":(0,t.isValidElement)(n),"paraui-timeline-dot--disabled":r})}(r),p=i===u.length-1;return(0,e.jsxs)(n.TimelineItem,c({classes:{alignAlternate:"paraui-timeline-alternate"}},{children:[(0,e.jsxs)(n.TimelineSeparator,{children:[(0,e.jsx)(n.TimelineDot,c({className:d},{children:a})),p?null:(0,e.jsx)(n.TimelineConnector,{className:"paraui-timeline-connector"})]}),(0,e.jsx)(n.TimelineContent,c({className:o()("paraui-timeline-content",{"paraui-timeline-content--disabled":f,"paraui-timeline-content-dot":!a})},{children:l}))]}),i)})):null}))};a.default=u}(),a}()}));
+import { _ as _defineProperty } from '../_verture/defineProperty-0590dc61.js';
+import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React__default from 'react';
+import clsx from 'clsx';
+import { a as $rcPrefixCls, $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+
+var TimelineItem = function TimelineItem(props) {
+  var _clsx, _clsx2;
+
+  var className = props.className,
+      color = props.color,
+      dot = props.dot,
+      _props$pending = props.pending,
+      pending = _props$pending === void 0 ? false : _props$pending;
+      props.position;
+      var label = props.label,
+      children = props.children,
+      restProps = __rest(props, ["className", "color", "dot", "pending", "position", "label", "children"]);
+
+  var prefixCls = "".concat($rcPrefixCls, "-timeline"); //item cls
+
+  var itemClassName = clsx((_clsx = {}, _defineProperty(_clsx, "".concat(prefixCls, "-item"), true), _defineProperty(_clsx, "".concat(prefixCls, "-item-pending"), pending), _clsx), className); //dot cls
+
+  var dotClassName = clsx((_clsx2 = {}, _defineProperty(_clsx2, "".concat(prefixCls, "-item-head"), true), _defineProperty(_clsx2, "".concat(prefixCls, "-item-head-custom"), !!dot), _defineProperty(_clsx2, "".concat(prefixCls, "-item-head-").concat(color), color), _clsx2));
+  return jsxs("li", Object.assign({}, restProps, {
+    className: itemClassName
+  }, {
+    children: [label && jsx("div", Object.assign({
+      className: "".concat(prefixCls, "-item-label")
+    }, {
+      children: label
+    })), jsx("div", {
+      className: "".concat(prefixCls, "-item-tail")
+    }), jsx("div", Object.assign({
+      className: dotClassName,
+      style: {
+        borderColor: color,
+        color: color
+      }
+    }, {
+      children: dot
+    })), jsx("div", Object.assign({
+      className: "".concat(prefixCls, "-item-content")
+    }, {
+      children: children
+    }))]
+  }));
+};
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/6/9 下午8:00\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-timeline {\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  line-height: 1.5715;\n  list-style: none;\n}\n.paraui-v3-timeline .component-timeline-item {\n  position: relative;\n  margin: 0;\n  min-height: 70px;\n  padding-bottom: 20px;\n  font-size: 14px;\n  list-style: none;\n}\n.paraui-v3-timeline .component-timeline-item-disabled .component-timeline-item-head:not(.component-timeline-item-head-custom) {\n  background-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-timeline .component-timeline-item-disabled .component-timeline-item-head svg {\n  color: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-timeline .component-timeline-item-disabled .component-timeline-item-content {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-timeline .component-timeline-item-tail {\n  position: absolute;\n  top: 16px;\n  bottom: 8px;\n  left: 3.5px;\n  border-left: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-timeline .component-timeline-item-pending .component-timeline-item-head {\n  font-size: 12px;\n  background-color: transparent;\n}\n.paraui-v3-timeline .component-timeline-item-pending .component-timeline-item-tail {\n  display: none;\n}\n.paraui-v3-timeline .component-timeline-item-head {\n  position: absolute;\n  width: 8px;\n  height: 8px;\n  background-color: rgb(54, 102, 214);\n  border-radius: 100px;\n}\n.paraui-v3-timeline .component-timeline-item-head-custom {\n  position: absolute;\n  top: 5.5px;\n  left: 5px;\n  width: auto;\n  height: auto;\n  margin-top: 0;\n  padding: 3px 1px;\n  line-height: 1;\n  text-align: center;\n  border: 0;\n  border-radius: 0;\n  background-color: transparent;\n  transform: translate(-50%, -50%);\n}\n.paraui-v3-timeline .component-timeline-item-content {\n  position: relative;\n  top: -7px;\n  margin: 0 0 0 22px;\n  word-break: break-word;\n}\n.paraui-v3-timeline .component-timeline-item-last > .component-timeline-item-tail {\n  display: none;\n}\n.paraui-v3-timeline .component-timeline-item-last > .component-timeline-item-content {\n  min-height: 48px;\n}\n\n.paraui-v3-timeline.paraui-v3-timeline-alternate .component-timeline-item-tail,\n.paraui-v3-timeline.paraui-v3-timeline-right .component-timeline-item-tail,\n.paraui-v3-timeline.paraui-v3-timeline-label .component-timeline-item-tail,\n.paraui-v3-timeline.paraui-v3-timeline-alternate .component-timeline-item-head,\n.paraui-v3-timeline.paraui-v3-timeline-right .component-timeline-item-head,\n.paraui-v3-timeline.paraui-v3-timeline-label .component-timeline-item-head,\n.paraui-v3-timeline.paraui-v3-timeline-alternate .component-timeline-item-head-custom,\n.paraui-v3-timeline.paraui-v3-timeline-right .component-timeline-item-head-custom,\n.paraui-v3-timeline.paraui-v3-timeline-label .component-timeline-item-head-custom {\n  left: 50%;\n}\n\n.paraui-v3-timeline.paraui-v3-timeline-alternate .component-timeline-item-head,\n.paraui-v3-timeline.paraui-v3-timeline-right .component-timeline-item-head,\n.paraui-v3-timeline.paraui-v3-timeline-label .component-timeline-item-head {\n  margin-left: -4px;\n}\n\n.paraui-v3-timeline.paraui-v3-timeline-alternate .component-timeline-item-head-custom,\n.paraui-v3-timeline.paraui-v3-timeline-right .component-timeline-item-head-custom,\n.paraui-v3-timeline.paraui-v3-timeline-label .component-timeline-item-head-custom {\n  margin-left: 1px;\n}\n\n.paraui-v3-timeline.paraui-v3-timeline-alternate .component-timeline-item-left .component-timeline-item-content,\n.paraui-v3-timeline.paraui-v3-timeline-right .component-timeline-item-left .component-timeline-item-content,\n.paraui-v3-timeline.paraui-v3-timeline-label .component-timeline-item-left .component-timeline-item-content {\n  left: calc(50% - 4px);\n  width: calc(50% - 14px);\n  text-align: left;\n}\n\n.paraui-v3-timeline.paraui-v3-timeline-alternate .component-timeline-item-right .component-timeline-item-content,\n.paraui-v3-timeline.paraui-v3-timeline-right .component-timeline-item-right .component-timeline-item-content,\n.paraui-v3-timeline.paraui-v3-timeline-label .component-timeline-item-right .component-timeline-item-content {\n  width: calc(50% - 12px);\n  margin: 0;\n  text-align: right;\n}\n\n.paraui-v3-timeline.paraui-v3-timeline-right .component-timeline-item-right .component-timeline-item-tail,\n.paraui-v3-timeline.paraui-v3-timeline-right .component-timeline-item-right .component-timeline-item-head,\n.paraui-v3-timeline.paraui-v3-timeline-right .component-timeline-item-right .component-timeline-item-head-custom {\n  left: calc(100% - 4px - 2px);\n}\n\n.paraui-v3-timeline.paraui-v3-timeline-right .component-timeline-item-right .component-timeline-item-content {\n  width: calc(100% - 18px);\n}\n\n.paraui-v3-timeline.paraui-v3-timeline-pending .component-timeline-item-last .component-timeline-item-tail {\n  display: block;\n  height: calc(100% - 14px);\n  border-left: 2px dotted #f0f0f0;\n}\n\n.paraui-v3-timeline.paraui-v3-timeline-reverse .component-timeline-item-last .component-timeline-item-tail {\n  display: none;\n}\n\n.paraui-v3-timeline.paraui-v3-timeline-reverse .component-timeline-item-pending .component-timeline-item-tail {\n  top: 15px;\n  display: block;\n  height: calc(100% - 15px);\n  border-left: 2px dotted #f0f0f0;\n}\n\n.paraui-v3-timeline.paraui-v3-timeline-reverse .component-timeline-item-pending .component-timeline-item-content {\n  min-height: 48px;\n}\n\n.paraui-v3-timeline.paraui-v3-timeline-label .component-timeline-item-label {\n  position: absolute;\n  top: -7.001px;\n  width: calc(50% - 12px);\n  text-align: right;\n}\n\n.paraui-v3-timeline.paraui-v3-timeline-label .component-timeline-item-right .component-timeline-item-label {\n  left: calc(50% + 14px);\n  width: calc(50% - 14px);\n  text-align: left;\n}";
+styleInject(css_248z);
+
+var Timeline = function Timeline(props) {
+  var _clsx;
+
+  var _props$pending = props.pending,
+      pending = _props$pending === void 0 ? null : _props$pending,
+      pendingDot = props.pendingDot,
+      children = props.children,
+      className = props.className,
+      _props$reverse = props.reverse,
+      reverse = _props$reverse === void 0 ? false : _props$reverse,
+      _props$mode = props.mode,
+      mode = _props$mode === void 0 ? 'left' : _props$mode,
+      align = props.align,
+      data = props.data,
+      restProps = __rest(props, ["pending", "pendingDot", "children", "className", "reverse", "mode", "align", "data"]);
+
+  var prefixCls = "".concat($prefixCls, "-timeline");
+  var innerMode = align !== null && align !== void 0 ? align : mode; //时间轴和内容相对位置
+
+  var pendingNode = typeof pending === 'boolean' ? null : pending; //是否有幽灵节点
+  //pending节点项
+
+  var pendingItem = pending ? jsx(TimelineItem, Object.assign({
+    pending: !!pending,
+    dot: pendingDot
+  }, {
+    children: pendingNode
+  })) : null;
+  var timeLineItems = React__default.Children.toArray(children);
+  timeLineItems.push(pendingItem);
+
+  if (reverse) {
+    //取反
+    timeLineItems.reverse();
+  } //position cls
+
+
+  var getPositionCls = function getPositionCls(ele, idx) {
+    var _a, _b, _c;
+
+    if (innerMode === 'alternate') {
+      if (((_a = ele === null || ele === void 0 ? void 0 : ele.props) === null || _a === void 0 ? void 0 : _a.position) === 'right') return "".concat($rcPrefixCls, "-timeline-item-right");
+      if (((_b = ele === null || ele === void 0 ? void 0 : ele.props) === null || _b === void 0 ? void 0 : _b.position) === 'left') return "".concat($rcPrefixCls, "-timeline-item-left");
+      return idx % 2 === 0 ? "".concat($rcPrefixCls, "-timeline-item-left") : "".concat($rcPrefixCls, "-timeline-item-right");
+    }
+
+    if (innerMode === 'left') return "".concat($rcPrefixCls, "-timeline-item-left");
+    if (innerMode === 'right') return "".concat($rcPrefixCls, "-timeline-item-right");
+    if (((_c = ele === null || ele === void 0 ? void 0 : ele.props) === null || _c === void 0 ? void 0 : _c.position) === 'right') return "".concat($rcPrefixCls, "-timeline-item-right");
+    return '';
+  }; //实际渲染项
+
+
+  var truthyItems = timeLineItems.filter(function (item) {
+    return !!item;
+  });
+  var itemsCount = React__default.Children.count(truthyItems);
+  var lastCls = "".concat($rcPrefixCls, "-timeline-item-last");
+  var items = React__default.Children.map(truthyItems, function (ele, idx) {
+    var pendingClass = idx === itemsCount - 2 ? lastCls : '';
+    var readyClass = idx === itemsCount - 1 ? lastCls : '';
+    return /*#__PURE__*/React__default.cloneElement(ele, {
+      className: clsx([ele.props.className, !reverse && !!pending ? pendingClass : readyClass, getPositionCls(ele, idx)])
+    });
+  }); //label
+
+  var hasLabelItem = timeLineItems.some(function (item) {
+    var _a;
+
+    return !!((_a = item === null || item === void 0 ? void 0 : item.props) === null || _a === void 0 ? void 0 : _a.label);
+  }); //classname
+
+  var makeCls = clsx(prefixCls, (_clsx = {}, _defineProperty(_clsx, "".concat(prefixCls, "-pending"), !!pending), _defineProperty(_clsx, "".concat(prefixCls, "-reverse"), !!reverse), _defineProperty(_clsx, "".concat(prefixCls, "-").concat(innerMode), !!innerMode && !hasLabelItem), _defineProperty(_clsx, "".concat(prefixCls, "-label"), hasLabelItem), _clsx), className); //渲染items
+
+  var renderItems = function renderItems() {
+    if (!(data === null || data === void 0 ? void 0 : data.length)) return items;
+    var itemsCount = data.length;
+    var lastCls = "".concat($rcPrefixCls, "-timeline-item-last");
+    return data.map(function (item, idx) {
+      var dotIcon = item.dotIcon,
+          content = item.content,
+          _item$disabled = item.disabled,
+          disabled = _item$disabled === void 0 ? false : _item$disabled,
+          className = item.className;
+      var pendingClass = idx === itemsCount - 2 ? lastCls : '';
+      var readyClass = idx === itemsCount - 1 ? lastCls : '';
+      return jsx(TimelineItem, Object.assign({
+        dot: dotIcon,
+        className: clsx([className, _defineProperty({}, "".concat($rcPrefixCls, "-timeline-item-disabled"), disabled), !reverse && !!pending ? pendingClass : readyClass, getPositionCls(null, idx)])
+      }, {
+        children: content
+      }));
+    });
+  };
+
+  return jsx("ul", Object.assign({}, restProps, {
+    className: makeCls
+  }, {
+    children: renderItems()
+  }));
+};
+Timeline.Item = TimelineItem;
+
+export { Timeline, Timeline as default };

package/Title/index.d.ts

@@ -0,0 +1,30 @@
+/**
+ * @author Hanz
+ * @date 2022/8/11 2:54 PM
+ * @description 标题
+ */
+import React, { FC, ReactNode } from 'react';
+import './index.scss';
+interface TitleProps {
+    /** 标题 **/
+    title: ReactNode;
+    /** 副标题 **/
+    subTitle?: ReactNode;
+    /** 图标 **/
+    icon?: ReactNode;
+    /** 链接 **/
+    link?: {
+        href: string;
+        text: ReactNode;
+        target?: string;
+        onClick?: React.MouseEventHandler<HTMLElement>;
+    };
+    /** 尺寸，仅在 icon 存在时有效 **/
+    size?: 'small' | 'medium' | 'large';
+    /** cls */
+    className?: string;
+    /** style */
+    style?: React.CSSProperties;
+}
+export declare const Title: FC<TitleProps>;
+export default Title;

package/Title/index.js

@@ -0,0 +1,49 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/8/11 2:55 PM\n* @description 标题\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-title {\n  display: flex;\n  align-items: center;\n  line-height: 20px;\n}\n.paraui-v3-title .paraui-v3-title-ink {\n  width: 4px;\n  height: 14px;\n  background-color: rgb(54, 102, 214);\n  border-radius: 2px;\n}\n.paraui-v3-title .paraui-v3-title-icon {\n  display: inline-flex;\n}\n.paraui-v3-title .paraui-v3-title-text {\n  margin-left: 8px;\n  font-size: 14px;\n  font-weight: 700;\n  color: rgb(28, 41, 60);\n}\n.paraui-v3-title .paraui-v3-title-subtext {\n  margin-left: 12px;\n  font-size: 14px;\n  font-weight: 400;\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-title .paraui-v3-title-link {\n  margin-left: 12px;\n  text-decoration: none;\n  outline: none;\n  font-size: 14px;\n  font-weight: 400;\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-title.paraui-v3-title-large .paraui-v3-title-icon svg {\n  font-size: 30px;\n}\n.paraui-v3-title.paraui-v3-title-large .paraui-v3-title-text {\n  font-size: 18px;\n}\n.paraui-v3-title.paraui-v3-title-medium .paraui-v3-title-icon svg {\n  font-size: 24px;\n}\n.paraui-v3-title.paraui-v3-title-medium .paraui-v3-title-text {\n  font-size: 16px;\n}\n.paraui-v3-title.paraui-v3-title-small .paraui-v3-title-icon svg {\n  font-size: 20px;\n}\n.paraui-v3-title.paraui-v3-title-small .paraui-v3-title-text {\n  margin-left: 4px;\n}";
+styleInject(css_248z);
+
+var Title = function Title(props) {
+  var title = props.title,
+      subTitle = props.subTitle,
+      icon = props.icon,
+      link = props.link,
+      _props$size = props.size,
+      size = _props$size === void 0 ? 'medium' : _props$size,
+      className = props.className,
+      style = props.style; //cls
+
+  var makeCls = clsx("".concat($prefixCls, "-title"), className, icon && "".concat($prefixCls, "-title-").concat(size));
+  return jsxs("div", Object.assign({
+    className: makeCls,
+    style: style
+  }, {
+    children: [icon ? jsx("span", Object.assign({
+      className: "".concat($prefixCls, "-title-icon")
+    }, {
+      children: icon
+    })) : jsx("span", {
+      className: "".concat($prefixCls, "-title-ink")
+    }), jsx("span", Object.assign({
+      className: "".concat($prefixCls, "-title-text")
+    }, {
+      children: title
+    })), subTitle && jsx("span", Object.assign({
+      className: "".concat($prefixCls, "-title-subtext")
+    }, {
+      children: subTitle
+    })), link && jsx("a", Object.assign({
+      className: "".concat($prefixCls, "-title-link"),
+      target: link.target || '_blank',
+      href: link.href,
+      onClick: link.onClick
+    }, {
+      children: link.text
+    }))]
+  }));
+};
+
+export { Title, Title as default };

package/ToggleButton/ToggleButtonGroup.d.ts

@@ -1,49 +1,49 @@
-/**
- * @author Hanz
- * @date 2021/11/23 上午11:17
- * @description toggle button group
- */
-import React, { FunctionComponent } from "react";
-import './index.scss';
-declare type Item = {
-    label: string;
-    value: any;
-    selected?: boolean;
-    disabled?: boolean;
-    className?: string;
-};
-export interface ToggleButtonGroupProps {
-    type?: 'text' | 'outlined';
-    /**
-     * 类名
-     */
-    className?: string;
-    /**
-     * 样式
-     */
-    style?: React.CSSProperties;
-    /**
-     * 是否互斥
-     */
-    exclusive?: boolean;
-    /**
-     * 是否可切换选中项
-     */
-    toggleable?: boolean;
-    /**
-     * 按钮组value
-     */
-    value?: any;
-    /**
-     * 按钮组数据源
-     */
-    data?: Item[];
-    /**
-     * value变化时回调
-     * @param event
-     * @param value
-     */
-    onChange?: (event: React.MouseEvent, value: any) => void;
-}
-declare const ToggleButtonGroup: FunctionComponent<ToggleButtonGroupProps>;
-export default ToggleButtonGroup;
+/**
+ * @author Hanz
+ * @date 2021/11/23 上午11:17
+ * @description toggle button group
+ */
+import React, { FunctionComponent } from "react";
+import './index.scss';
+declare type Item = {
+    label: string;
+    value: any;
+    selected?: boolean;
+    disabled?: boolean;
+    className?: string;
+};
+export interface ToggleButtonGroupProps {
+    type?: 'text' | 'outlined';
+    /**
+     * 类名
+     */
+    className?: string;
+    /**
+     * 样式
+     */
+    style?: React.CSSProperties;
+    /**
+     * 是否互斥
+     */
+    exclusive?: boolean;
+    /**
+     * 是否可切换选中项
+     */
+    toggleable?: boolean;
+    /**
+     * 按钮组value
+     */
+    value?: any;
+    /**
+     * 按钮组数据源
+     */
+    data?: Item[];
+    /**
+     * value变化时回调
+     * @param event
+     * @param value
+     */
+    onChange?: (event: React.MouseEvent, value: any) => void;
+}
+declare const ToggleButtonGroup: FunctionComponent<ToggleButtonGroupProps>;
+export default ToggleButtonGroup;

package/ToggleButton/index.d.ts

@@ -1,49 +1,49 @@
-/**
- * @author Hanz
- * @date 2021/11/23 上午9:44
- * @description toggleButton
- */
-import React, { FunctionComponent } from "react";
-import ToggleButtonGroup, { ToggleButtonGroupProps } from './ToggleButtonGroup';
-import './index.scss';
-export interface ToggleButtonProps {
-    /**
-     * 类名
-     */
-    className?: string;
-    /**
-     * 样式
-     */
-    style?: React.CSSProperties;
-    /**
-     * 子节点
-     */
-    children?: string;
-    /**
-     * 禁用
-     */
-    disabled?: boolean;
-    /**
-     * 是否选中
-     */
-    selected?: boolean;
-    /**
-     * value
-     */
-    value?: any;
-    /**
-     * width
-     */
-    width?: number | string;
-    /**
-     * 点击回调
-     * @param event
-     * @param value
-     */
-    onClick?: (event: React.MouseEvent, value: any) => void;
-    [name: string]: any;
-}
-export declare const ToggleButton: FunctionComponent<ToggleButtonProps>;
-export type { ToggleButtonGroupProps };
-export { ToggleButtonGroup };
-export default ToggleButton;
+/**
+ * @author Hanz
+ * @date 2021/11/23 上午9:44
+ * @description toggleButton
+ */
+import React, { FunctionComponent } from "react";
+import ToggleButtonGroup, { ToggleButtonGroupProps } from './ToggleButtonGroup';
+import './index.scss';
+export interface ToggleButtonProps {
+    /**
+     * 类名
+     */
+    className?: string;
+    /**
+     * 样式
+     */
+    style?: React.CSSProperties;
+    /**
+     * 子节点
+     */
+    children?: string;
+    /**
+     * 禁用
+     */
+    disabled?: boolean;
+    /**
+     * 是否选中
+     */
+    selected?: boolean;
+    /**
+     * value
+     */
+    value?: any;
+    /**
+     * width
+     */
+    width?: number | string;
+    /**
+     * 点击回调
+     * @param event
+     * @param value
+     */
+    onClick?: (event: React.MouseEvent, value: any) => void;
+    [name: string]: any;
+}
+export declare const ToggleButton: FunctionComponent<ToggleButtonProps>;
+export type { ToggleButtonGroupProps };
+export { ToggleButtonGroup };
+export default ToggleButton;