@para-ui/core 2.2.5-beta → 2.2.7

package/Popover/index.js

@@ -1,66 +1,15 @@
-import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import React__default from 'react';
-import { Tooltip } from '../Tooltip/index.js';
-import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
-import '../_verture/slicedToArray-d7722f4b.js';
-import 'rc-tooltip';
-import 'rc-tooltip/lib/placements';
-import 'clsx';
-
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/6/7 上午11:06\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-popover {\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  font-variant: tabular-nums;\n  line-height: 1.5715;\n  list-style: none;\n  font-feature-settings: \"tnum\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 1500;\n  font-weight: 400;\n  white-space: normal;\n  text-align: left;\n  cursor: auto;\n  user-select: text;\n}\n.paraui-popover::after {\n  position: absolute;\n  background: rgba(255, 255, 255, 0.01);\n  content: \"\";\n}\n.paraui-popover-hidden {\n  display: none;\n}\n.paraui-popover-inner {\n  background-color: rgb(255, 255, 255);\n  background-clip: padding-box;\n  border-radius: 4px;\n  box-shadow: 0px 2px 8px 0px rgba(171, 176, 185, 0.4);\n}\n.paraui-popover-title {\n  min-height: 32px;\n  margin: 0;\n  padding: 4px 16px;\n  color: rgb(46, 55, 67);\n  font-weight: 400;\n  border-bottom: 1px solid #f0f0f0;\n}\n.paraui-popover-inner-content {\n  color: rgb(46, 55, 67);\n}\n.paraui-popover-buttons {\n  margin-bottom: 4px;\n  text-align: right;\n}\n.paraui-popover-buttons button {\n  margin-left: 8px;\n}\n.paraui-popover-arrow {\n  position: absolute;\n  display: block;\n  width: 16px;\n  height: 16px;\n  overflow: hidden;\n  background: transparent;\n  pointer-events: none;\n}\n.paraui-popover-arrow-content {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  display: block;\n  width: 11.3137085px;\n  height: 11.3137085px;\n  margin: auto;\n  background-color: rgb(255, 255, 255);\n  content: \"\";\n  border-radius: 0 0 4px;\n  pointer-events: none;\n}\n.paraui-popover-arrow-content::before {\n  position: absolute;\n  top: -11.3137085px;\n  left: -11.3137085px;\n  width: 33.9411255px;\n  height: 33.9411255px;\n  background: rgb(255, 255, 255) -10px -10px no-repeat;\n  content: \"\";\n  -webkit-clip-path: path(\"M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z\");\n}\n.paraui-popover-placement-top .paraui-popover-arrow, .paraui-popover-placement-topLeft .paraui-popover-arrow, .paraui-popover-placement-topRight .paraui-popover-arrow {\n  bottom: -0.6862915px;\n}\n.paraui-popover-placement-top .paraui-popover-arrow-content, .paraui-popover-placement-topLeft .paraui-popover-arrow-content, .paraui-popover-placement-topRight .paraui-popover-arrow-content {\n  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);\n  transform: translateY(-1px) rotate(45deg);\n}\n.paraui-popover-placement-top .paraui-popover-arrow {\n  left: 50%;\n  transform: translateX(-50%);\n}\n.paraui-popover-placement-topLeft .paraui-popover-arrow {\n  left: 16px;\n}\n.paraui-popover-placement-topRight .paraui-popover-arrow {\n  right: 16px;\n}\n.paraui-popover-placement-right .paraui-popover-arrow, .paraui-popover-placement-rightTop .paraui-popover-arrow, .paraui-popover-placement-rightBottom .paraui-popover-arrow {\n  left: -0.6862915px;\n}\n.paraui-popover-placement-right .paraui-popover-arrow-content, .paraui-popover-placement-rightTop .paraui-popover-arrow-content, .paraui-popover-placement-rightBottom .paraui-popover-arrow-content {\n  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);\n  transform: translateX(1px) rotate(135deg);\n}\n.paraui-popover-placement-right .paraui-popover-arrow {\n  top: 50%;\n  transform: translateY(-50%);\n}\n.paraui-popover-placement-rightTop .paraui-popover-arrow {\n  top: 12px;\n}\n.paraui-popover-placement-rightBottom .paraui-popover-arrow {\n  bottom: 12px;\n}\n.paraui-popover-placement-bottom .paraui-popover-arrow, .paraui-popover-placement-bottomLeft .paraui-popover-arrow, .paraui-popover-placement-bottomRight .paraui-popover-arrow {\n  top: -0.6862915px;\n}\n.paraui-popover-placement-bottom .paraui-popover-arrow-content, .paraui-popover-placement-bottomLeft .paraui-popover-arrow-content, .paraui-popover-placement-bottomRight .paraui-popover-arrow-content {\n  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.06);\n  transform: translateY(1px) rotate(-135deg);\n}\n.paraui-popover-placement-bottom .paraui-popover-arrow {\n  left: 50%;\n  transform: translateX(-50%);\n}\n.paraui-popover-placement-bottomLeft .paraui-popover-arrow {\n  left: 16px;\n}\n.paraui-popover-placement-bottomRight .paraui-popover-arrow {\n  right: 16px;\n}\n.paraui-popover-placement-left .paraui-popover-arrow, .paraui-popover-placement-leftTop .paraui-popover-arrow, .paraui-popover-placement-leftBottom .paraui-popover-arrow {\n  right: -0.6862915px;\n}\n.paraui-popover-placement-left .paraui-popover-arrow-content, .paraui-popover-placement-leftTop .paraui-popover-arrow-content, .paraui-popover-placement-leftBottom .paraui-popover-arrow-content {\n  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);\n  transform: translateX(-1px) rotate(-45deg);\n}\n.paraui-popover-placement-left .paraui-popover-arrow {\n  top: 50%;\n  transform: translateY(-50%);\n}\n.paraui-popover-placement-leftTop .paraui-popover-arrow {\n  top: 12px;\n}\n.paraui-popover-placement-leftBottom .paraui-popover-arrow {\n  bottom: 12px;\n}\n\n.paraui-popover-zoom-big-enter,\n.paraui-popover-zoom-big-appear {\n  animation-duration: 0.2s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n\n.paraui-popover-zoom-big-leave {\n  animation-duration: 0.2s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n\n.paraui-popover-zoom-big-enter.paraui-popover-zoom-big-enter-active,\n.paraui-popover-zoom-big-appear.paraui-popover-zoom-big-appear-active {\n  animation-name: parauiPopoverZoomBigIn;\n  animation-play-state: running;\n}\n\n.paraui-popover-zoom-big-leave.paraui-popover-zoom-big-leave-active {\n  animation-name: parauiPopoverZoomBigOut;\n  animation-play-state: running;\n  pointer-events: none;\n}\n\n.paraui-popover-zoom-big-enter,\n.paraui-popover-zoom-big-appear {\n  transform: scale(0);\n  opacity: 0;\n  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n}\n\n.paraui-popover-zoom-big-enter-prepare,\n.paraui-popover-zoom-big-appear-prepare {\n  transform: none;\n}\n\n.paraui-popover-zoom-big-leave {\n  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);\n}\n\n@keyframes parauiPopoverZoomBigIn {\n  0% {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n  100% {\n    transform: scale(1);\n    opacity: 1;\n  }\n}\n@keyframes parauiPopoverZoomBigOut {\n  0% {\n    transform: scale(1);\n  }\n  100% {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n}";
-styleInject(css_248z);
-
-var Popover = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
-  var title = props.title,
-      content = props.content,
-      restProps = __rest(props, ["title", "content"]);
-
-  var getPopupContainer = function getPopupContainer(triggerNode) {
-    var container;
-
-    if (!props.getPopupContainer) {
-      container = document.querySelector('.para-container-right');
-      if (!container) container = document.body;
-    } else {
-      container = props.getPopupContainer(triggerNode) || document.body;
-    }
-
-    return container;
-  }; //浮层
-
-
-  var getOverlay = function getOverlay(prefixCls) {
-    if (!title && !content) return null;
-    return jsxs(Fragment, {
-      children: [title && jsx("div", Object.assign({
-        className: "".concat(prefixCls, "-title")
-      }, {
-        children: title
-      })), jsx("div", Object.assign({
-        className: "".concat(prefixCls, "-inner-content")
-      }, {
-        children: content
-      }))]
-    });
-  };
-
-  var prefixCls = 'paraui-popover';
-  return jsx(Tooltip, Object.assign({}, restProps, {
-    prefixCls: prefixCls,
-    ref: ref,
-    title: getOverlay(prefixCls),
-    transitionName: 'paraui-popover-zoom-big',
-    getPopupContainer: getPopupContainer
-  }));
-});
-Popover.displayName = 'Popover';
-Popover.defaultProps = {
-  placement: 'bottom',
-  trigger: 'click',
-  mouseEnterDelay: 0.1,
-  mouseLeaveDelay: 0.1,
-  arrow: false
-};
-
-export { Popover, Popover as default };
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@material-ui/core")):"function"==typeof define&&define.amd?define(["react","@material-ui/core"],t):"object"==typeof exports?exports.ParaUI=t(require("react"),require("@material-ui/core")):e.ParaUI=t(e.react,e["@material-ui/core"])}(self,(function(e,t){return function(){var r={5845:function(e,t,r){(t=r(3645)(!1)).push([e.id,".paraui-popover-paper{box-shadow:0px 2px 8px 0px rgba(171,176,185,.4)}",""]),e.exports=t},3645:function(e){"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var r=function(e,t){var r=e[1]||"",n=e[3];if(!n)return r;if(t&&"function"==typeof btoa){var o=(i=n,c=btoa(unescape(encodeURIComponent(JSON.stringify(i)))),u="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(c),"/*# ".concat(u," */")),a=n.sources.map((function(e){return"/*# sourceURL=".concat(n.sourceRoot||"").concat(e," */")}));return[r].concat(a).concat([o]).join("\n")}var i,c,u;return[r].join("\n")}(t,e);return t[2]?"@media ".concat(t[2]," {").concat(r,"}"):r})).join("")},t.i=function(e,r,n){"string"==typeof e&&(e=[[null,e,""]]);var o={};if(n)for(var a=0;a<this.length;a++){var i=this[a][0];null!=i&&(o[i]=!0)}for(var c=0;c<e.length;c++){var u=[].concat(e[c]);n&&o[u[0]]||(r&&(u[2]?u[2]="".concat(r," and ").concat(u[2]):u[2]=r),t.push(u))}},t}},7418:function(e){"use strict";
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=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={},r=0;r<10;r++)t["_"+String.fromCharCode(r)]=r;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach((function(e){n[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},n)).join("")}catch(e){return!1}}()?Object.assign:function(e,a){for(var i,c,u=o(e),s=1;s<arguments.length;s++){for(var f in i=Object(arguments[s]))r.call(i,f)&&(u[f]=i[f]);if(t){c=t(i);for(var l=0;l<c.length;l++)n.call(i,c[l])&&(u[c[l]]=i[c[l]])}}return u}},5251:function(e,t,r){"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.
+ */
+r(7418);var n=r(8156),o=60103;if(60107,"function"==typeof Symbol&&Symbol.for){var a=Symbol.for;o=a("react.element"),a("react.fragment")}var i=n.__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 s(e,t,r){var n,a={},s=null,f=null;for(n in void 0!==r&&(s=""+r),void 0!==t.key&&(s=""+t.key),void 0!==t.ref&&(f=t.ref),t)c.call(t,n)&&!u.hasOwnProperty(n)&&(a[n]=t[n]);if(e&&e.defaultProps)for(n in t=e.defaultProps)void 0===a[n]&&(a[n]=t[n]);return{$$typeof:o,type:e,key:s,ref:f,props:a,_owner:i.current}}t.jsx=s},5893:function(e,t,r){"use strict";e.exports=r(5251)},8939:function(e,t,r){var n=r(3379),o=r(5845);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.id,o,""]]);var a={insert:("body","body"),singleton:!1};n(o,a);e.exports=o.locals||{}},3379:function(e,t,r){"use strict";var n,o=function(){return void 0===n&&(n=Boolean(window&&document&&document.all&&!window.atob)),n},a=function(){var e={};return function(t){if(void 0===e[t]){var r=document.querySelector(t);if(window.HTMLIFrameElement&&r instanceof window.HTMLIFrameElement)try{r=r.contentDocument.head}catch(e){r=null}e[t]=r}return e[t]}}(),i=[];function c(e){for(var t=-1,r=0;r<i.length;r++)if(i[r].identifier===e){t=r;break}return t}function u(e,t){for(var r={},n=[],o=0;o<e.length;o++){var a=e[o],u=t.base?a[0]+t.base:a[0],s=r[u]||0,f="".concat(u," ").concat(s);r[u]=s+1;var l=c(f),p={css:a[1],media:a[2],sourceMap:a[3]};-1!==l?(i[l].references++,i[l].updater(p)):i.push({identifier:f,updater:b(p,t),references:1}),n.push(f)}return n}function s(e){var t=document.createElement("style"),n=e.attributes||{};if(void 0===n.nonce){var o=r.nc;o&&(n.nonce=o)}if(Object.keys(n).forEach((function(e){t.setAttribute(e,n[e])})),"function"==typeof e.insert)e.insert(t);else{var i=a(e.insert||"head");if(!i)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");i.appendChild(t)}return t}var f,l=(f=[],function(e,t){return f[e]=t,f.filter(Boolean).join("\n")});function p(e,t,r,n){var o=r?"":n.media?"@media ".concat(n.media," {").concat(n.css,"}"):n.css;if(e.styleSheet)e.styleSheet.cssText=l(t,o);else{var a=document.createTextNode(o),i=e.childNodes;i[t]&&e.removeChild(i[t]),i.length?e.insertBefore(a,i[t]):e.appendChild(a)}}function d(e,t,r){var n=r.css,o=r.media,a=r.sourceMap;if(o?e.setAttribute("media",o):e.removeAttribute("media"),a&&"undefined"!=typeof btoa&&(n+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}var v=null,y=0;function b(e,t){var r,n,o;if(t.singleton){var a=y++;r=v||(v=s(t)),n=p.bind(null,r,a,!1),o=p.bind(null,r,a,!0)}else r=s(t),n=d.bind(null,r,t),o=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(r)};return n(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;n(e=t)}else o()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=o());var r=u(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var n=0;n<r.length;n++){var o=c(r[n]);i[o].references--}for(var a=u(e,t),s=0;s<r.length;s++){var f=c(r[s]);0===i[f].references&&(i[f].updater(),i.splice(f,1))}r=a}}}},670:function(e){"use strict";e.exports=t},8156:function(t){"use strict";t.exports=e}},n={};function o(e){var t=n[e];if(void 0!==t)return t.exports;var a=n[e]={id:e,exports:{}};return r[e](a,a.exports,o),a.exports}o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,{a:t}),t},o.d=function(e,t){for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.nc=void 0;var a={};return function(){"use strict";o.r(a),o.d(a,{Popover:function(){return i}});var e=o(5893),t=o(670),r=(o(8939),function(){return r=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},r.apply(this,arguments)}),n=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r},i=function(o){var a,i=o.className,c=o.children,u=o.classes,s=o.style,f=n(o,["className","children","classes","style"]);return(0,e.jsx)(t.Popover,r({style:r({zIndex:1300},s),className:(a="paraui-popover",i&&(a+=" "+i),a),classes:{paper:u?"paraui-popover-paper ".concat(u):"paraui-popover-paper"}},f,{children:c}))};a.default=i}(),a}()}));

package/Popper/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @author linhd
+ * @date 2021/8/12 18:25
+ * @description 弹出框
+ */
+import { FunctionComponent } from 'react';
+import { PopperProps as MuiPopperProps } from '@material-ui/core';
+export interface PopperProps extends MuiPopperProps {
+    /** 样式class */
+    className?: string;
+}
+export declare const Popper: FunctionComponent<PopperProps>;
+export default Popper;

package/Popper/index.js

@@ -0,0 +1,16 @@
+!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("react"),require("@material-ui/core")):"function"==typeof define&&define.amd?define(["react","@material-ui/core"],r):"object"==typeof exports?exports.ParaUI=r(require("react"),require("@material-ui/core")):e.ParaUI=r(e.react,e["@material-ui/core"])}(self,(function(e,r){return function(){"use strict";var t={7418:function(e){
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+var r=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,n=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 r={},t=0;t<10;t++)r["_"+String.fromCharCode(t)]=t;if("0123456789"!==Object.getOwnPropertyNames(r).map((function(e){return r[e]})).join(""))return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach((function(e){n[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},n)).join("")}catch(e){return!1}}()?Object.assign:function(e,a){for(var i,c,u=o(e),f=1;f<arguments.length;f++){for(var p in i=Object(arguments[f]))t.call(i,p)&&(u[p]=i[p]);if(r){c=r(i);for(var l=0;l<c.length;l++)n.call(i,c[l])&&(u[c[l]]=i[c[l]])}}return u}},5251:function(e,r,t){
+/** @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.
+ */
+t(7418);var n=t(8156),o=60103;if(60107,"function"==typeof Symbol&&Symbol.for){var a=Symbol.for;o=a("react.element"),a("react.fragment")}var i=n.__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 f(e,r,t){var n,a={},f=null,p=null;for(n in void 0!==t&&(f=""+t),void 0!==r.key&&(f=""+r.key),void 0!==r.ref&&(p=r.ref),r)c.call(r,n)&&!u.hasOwnProperty(n)&&(a[n]=r[n]);if(e&&e.defaultProps)for(n in r=e.defaultProps)void 0===a[n]&&(a[n]=r[n]);return{$$typeof:o,type:e,key:f,ref:p,props:a,_owner:i.current}}r.jsx=f},5893:function(e,r,t){e.exports=t(5251)},670:function(e){e.exports=r},8156:function(r){r.exports=e}},n={};function o(e){var r=n[e];if(void 0!==r)return r.exports;var a=n[e]={exports:{}};return t[e](a,a.exports,o),a.exports}o.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(r,{a:r}),r},o.d=function(e,r){for(var t in r)o.o(r,t)&&!o.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},o.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return function(){o.r(a),o.d(a,{Popper:function(){return i}});var e=o(5893),r=o(670),t=function(){return t=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++)for(var o in r=arguments[t])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e},t.apply(this,arguments)},n=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&r.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)r.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(t[n[o]]=e[n[o]])}return t},i=function(o){var a,i=o.className,c=o.children,u=n(o,["className","children"]);return(0,e.jsx)(r.Popper,t({className:(a="paraui-popper",i&&(a+=" "+i),a)},u,{children:c}))};a.default=i}(),a}()}));

package/Progress/Line.d.ts

@@ -0,0 +1,47 @@
+/**
+ * @author jill
+ * @date 2022/3/10 18:25
+ * @description 线性进度条
+ */
+import * as React from "react";
+import { ProgressProps, StringGradients, DirectionType } from "./index";
+interface LineProps extends ProgressProps {
+    direction?: DirectionType;
+    children: React.ReactNode;
+}
+/**
+* 转换 百分比 到 样式格式
+ * {
+ *     "0%": "#afc163",
+ *     "75%": "#009900",
+ *     "50%": "green", // ====> '#afc163 0%, #66FF00 25%, #00CC00 50%, #009900 75%, #ffffff 100%'
+ *     "25%": "#66FF00",
+ *     "100%": "#ffffff"
+ *   }
+* @param gradients 渐变的参数
+* @return {string} 样式值
+*/
+export declare const sortGradient: (gradients: StringGradients) => string;
+/**
+* 转换传进来 渐变的参数 为css样式
+ * {
+ *     "0%": "#afc163",
+ *     "25%": "#66FF00",
+ *     "50%": "#00CC00", // ====>  linear-gradient(to right, #afc163 0%, #66FF00 25%,
+ *     "75%": "#009900", //        #00CC00 50%, #009900 75%, #ffffff 100%)
+ *     "100%": "#ffffff"
+ *   }
+ *
+ *   {
+ *     "from": "#afc163",
+ *     "to": "#66FF00",// ====>  linear-gradient(to right, #afc163, #66FF00)
+ *   }
+ *
+* @param {string} strokeColor 颜色值
+* @return   返回 backgroundImage 的样式值
+*/
+export declare const handleGradient: (strokeColor: any, directionConfig: DirectionType) => {
+    backgroundImage: string;
+};
+declare const Line: React.FC<LineProps>;
+export default Line;

package/Progress/Steps.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @author jill
+ * @date 2022/3/10 18:25
+ * @description 进度条的步骤条
+ */
+import * as React from "react";
+import { ProgressProps } from "./index";
+interface StepsProps extends ProgressProps {
+    /** 一共有多少步 **/
+    steps: number;
+    /** 进度条高亮部分颜色配置 **/
+    strokeColor?: string;
+    /** 进度条轨道部分颜色配置 **/
+    trailColor?: string;
+}
+declare const Steps: React.FC<StepsProps>;
+export default Steps;

package/Progress/index.d.ts

@@ -1,22 +1,17 @@
-import React__default, { FunctionComponent } from 'react';
-import styleInject from './node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-progress-line .progress-outer {\n  display: flex;\n  margin-right: 8px;\n  margin-bottom: 8px;\n}\n.paraui-progress-line .progress-outer .progress-inner {\n  width: 100%;\n}\n.paraui-progress-line .progress-outer .progress-inner .rc-progress-line {\n  height: 10px;\n  width: 100%;\n}\n.paraui-progress-line .progress-outer .progress-inner .steps-outer {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.paraui-progress-line .progress-outer .progress-inner .steps-outer .steps-item {\n  flex-shrink: 0;\n  min-width: 2px;\n  margin-right: 2px;\n  background: #f3f3f3;\n  transition: all 0.3s;\n}\n.paraui-progress-line .progress-outer .progress-inner .steps-outer .steps-item-active {\n  background-color: #2DB7F5;\n}\n.paraui-progress-line .progress-outer .progress-inner .trail-bar {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  overflow: hidden;\n  vertical-align: middle;\n  background-color: rgba(0, 0, 0, 0.0392156863);\n  border-radius: 100px;\n}\n.paraui-progress-line .progress-outer .progress-inner .trail-bar .active-bar {\n  position: relative;\n  background-color: var(--ant-primary-color);\n  border-radius: 100px;\n  transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;\n}\n.paraui-progress-line .progress-outer .progress-text {\n  font-size: 12px;\n  font-weight: 700;\n  text-align: left;\n  color: #3d66f8;\n  display: inline-block;\n  margin-left: 20px;\n  white-space: nowrap;\n  text-align: left;\n  vertical-align: middle;\n  word-break: normal;\n  display: flex;\n  align-items: center;\n}\n.paraui-progress-line .progress-outer .progress-text svg {\n  width: 14px;\n  height: 14px;\n  position: relative;\n  top: 2px;\n}\n.paraui-progress-line .progress-outer .progress-text svg.success {\n  color: #41D658 !important;\n}\n.paraui-progress-line .progress-outer .progress-text svg.error {\n  color: #F46B53 !important;\n}\n.paraui-progress-circle, .paraui-progress-dashboard {\n  display: inline-block;\n  position: relative;\n  margin: 0 5px;\n}\n.paraui-progress-circle .progress-outer .progress-text, .paraui-progress-dashboard .progress-outer .progress-text {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  color: rgba(0, 0, 0, 0.8509803922);\n  font-size: 1em;\n  line-height: 1;\n  white-space: normal;\n  text-align: center;\n  transform: translate(-50%, -50%);\n}\n.paraui-progress-circle .progress-outer .progress-text svg, .paraui-progress-dashboard .progress-outer .progress-text svg {\n  width: 2em;\n  height: 2em;\n}\n.paraui-progress-circle .progress-outer .progress-text svg.success, .paraui-progress-dashboard .progress-outer .progress-text svg.success {\n  color: #52C41A !important;\n}\n.paraui-progress-circle .progress-outer .progress-text svg.error, .paraui-progress-dashboard .progress-outer .progress-text svg.error {\n  color: #FF4D4F !important;\n}\n.paraui-progress-success-status .progress-text {\n  color: #52c41a !important;\n}\n.paraui-progress-exception-status .progress-text {\n  color: #ff4d4f !important;\n}\n.paraui-progress-active-status .active-bar:before {\n  position: absolute;\n  inset: 0;\n  background: #fff;\n  border-radius: 10px;\n  opacity: 0;\n  -webkit-animation: progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;\n  animation: progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;\n  content: \"\";\n}\n\n@keyframes progress-active {\n  0% {\n    transform: translateX(-100%) scaleX(0);\n    opacity: 0.1;\n  }\n  20% {\n    transform: translateX(-100%) scaleX(0);\n    opacity: 0.5;\n  }\n  100% {\n    transform: translateX(0) scaleX(1);\n    opacity: 0;\n  }\n}";
-styleInject(css_248z);
-
 /**
  * @author jill
  * @date 2022/3/10 18:25
  * @description 进度条
  */
-
+import React, { FunctionComponent } from "react";
+import "./index.scss";
 /** 进度条类型 **/
 declare enum ProgressTypes {
     "line" = 0,
     "circle" = 1,
     "dashboard" = 2
 }
-declare type ProgressType = typeof ProgressTypes[number];
+export declare type ProgressType = typeof ProgressTypes[number];
 /** 进度条状态 **/
 declare enum ProgressStatuses {
     "normal" = 0,
@@ -25,7 +20,7 @@ declare enum ProgressStatuses {
     "success" = 3
 }
 /** 渐变进度条入参格式 两种 **/
-declare type StringGradients = {
+export declare type StringGradients = {
     [percentage: string]: string;
 };
 declare type FromToGradients = {
@@ -33,19 +28,19 @@ declare type FromToGradients = {
     to: string;
 };
 declare type ColorStringGradients = [string, StringGradients];
-declare type ProgressGradient = {
+export declare type ProgressGradient = {
     direction?: string;
 } & (StringGradients | FromToGradients);
 /** 进度条渐变方向 **/
-declare type DirectionType = "ltr" | "rtl" | undefined;
+export declare type DirectionType = "ltr" | "rtl" | undefined;
 /** 成功的进度条的配置 **/
-interface SuccessProps {
+export interface SuccessProps {
     /** 进度条值 **/
     percent: number;
     /** 进度条颜色 **/
     strokeColor?: string;
 }
-interface ProgressProps {
+export interface ProgressProps {
     /** 自定义样式名 **/
     className?: string;
     /** 类型，可选 line circle dashboard **/
@@ -53,7 +48,7 @@ interface ProgressProps {
     /** 百分比 **/
     percent?: number | number[];
     /** 内容的模板函数 **/
-    format?: (percent?: number | number[], successPercent?: number) => React__default.ReactNode;
+    format?: (percent?: number | number[], successPercent?: number) => React.ReactNode;
     /** 状态，可选：success exception normal active(仅限 line) **/
     status?: typeof ProgressStatuses[number];
     /** 是否显示进度数值或状态图标 **/
@@ -80,8 +75,7 @@ interface ProgressProps {
     steps?: number;
     /** 渐变颜色的方向 **/
     direction?: DirectionType;
-    children?: React__default.ReactNode;
+    children?: React.ReactNode;
 }
-declare const Progress: FunctionComponent<ProgressProps>;
-
-export { DirectionType, Progress, ProgressGradient, ProgressProps, ProgressType, StringGradients, SuccessProps, Progress as default };
+export declare const Progress: FunctionComponent<ProgressProps>;
+export default Progress;