@para-ui/core 2.2.6 → 2.2.7-beta

package/Loading/index.d.ts

@@ -1,17 +1,17 @@
-/**
- * @author linhd
- * @date 2021/12/7 13:27
- * @description loading
- */
-import React, { FunctionComponent } from 'react';
-import './index.scss';
-export interface LoadingProps {
-    /** 样式class */
-    className?: string;
-    /** style */
-    style?: React.CSSProperties;
-    /** 背景透明度 */
-    opacity?: number;
-}
-export declare const Loading: FunctionComponent<LoadingProps>;
-export default Loading;
+/**
+ * @author linhd
+ * @date 2021/12/7 13:27
+ * @description loading
+ */
+import React, { FunctionComponent } from 'react';
+import './index.scss';
+export interface LoadingProps {
+    /** 样式class */
+    className?: string;
+    /** style */
+    style?: React.CSSProperties;
+    /** 背景透明度 */
+    opacity?: number;
+}
+export declare const Loading: FunctionComponent<LoadingProps>;
+export default Loading;

package/Loading/index.js

@@ -1,15 +1,47 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@para-ui/icons/LoadingF")):"function"==typeof define&&define.amd?define(["react","@para-ui/icons/LoadingF"],t):"object"==typeof exports?exports.ParaUI=t(require("react"),require("@para-ui/icons/LoadingF")):e.ParaUI=t(e.react,e["@para-ui/icons/LoadingF"])}(self,(function(e,t){return function(){var n={5714:function(e,t,n){(t=n(3645)(!1)).push([e.id,"@keyframes rotateLoading{0%{transformOrigin:50% 50%}100%{transform:rotate(360deg)}}.paraui-loading{position:absolute;left:0;top:0;width:100%;height:100%}.paraui-loading .paraui-loading-mask{position:absolute;width:100%;height:100%;background-color:#fff;z-index:1}.paraui-loading .paraui-loading-box{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:2}.paraui-loading .paraui-loading-box>svg{transition:all .3s ease-in-out;animation:rotateLoading 1s infinite linear;font-size:20px}",""]),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),s=1;s<arguments.length;s++){for(var f in a=Object(arguments[s]))n.call(a,f)&&(u[f]=a[f]);if(t){c=t(a);for(var l=0;l<c.length;l++)r.call(a,c[l])&&(u[c[l]]=a[c[l]])}}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 s(e,t,n){var r,i={},s=null,f=null;for(r in void 0!==n&&(s=""+n),void 0!==t.key&&(s=""+t.key),void 0!==t.ref&&(f=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:s,ref:f,props:i,_owner:a.current}}t.jsx=s,t.jsxs=s},5893:function(e,t,n){"use strict";e.exports=n(5251)},3492:function(e,t,n){var r=n(3379),o=n(5714);"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],s=n[u]||0,f="".concat(u," ").concat(s);n[u]=s+1;var l=c(f),d={css:i[1],media:i[2],sourceMap:i[3]};-1!==l?(a[l].references++,a[l].updater(d)):a.push({identifier:f,updater:b(d,t),references:1}),r.push(f)}return r}function s(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 f,l=(f=[],function(e,t){return f[e]=t,f.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=l(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 v=null,y=0;function b(e,t){var n,r,o;if(t.singleton){var i=y++;n=v||(v=s(t)),r=d.bind(null,n,i,!1),o=d.bind(null,n,i,!0)}else n=s(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),s=0;s<n.length;s++){var f=c(n[s]);0===a[f].references&&(a[f].updater(),a.splice(f,1))}n=i}}}},2788:function(e){"use strict";e.exports=t},8156:function(t){"use strict";t.exports=e}},r={};function o(e){var t=r[e];if(void 0!==t)return t.exports;var i=r[e]={id:e,exports:{}};return n[e](i,i.exports,o),i.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 n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},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 i={};return function(){"use strict";o.r(i),o.d(i,{Loading:function(){return c}});var e=o(5893),t=o(8156),n=o(2788),r=o.n(n),a=(o(3492),function(){return a=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},a.apply(this,arguments)}),c=function(n){var o=n.className,i=n.style,c=n.opacity,u=void 0===c?.7:c,s=(0,t.useRef)(null);(0,t.useEffect)((function(){s&&s.current&&s.current.parentNode&&(s.current.parentNode.style.position||(s.current.parentNode.style.position="relative"))}),[]);var f;return(0,e.jsxs)("div",a({className:(f="paraui-loading",o&&(f+=" "+o),f),style:i,ref:s},{children:[(0,e.jsx)("div",a({className:"paraui-loading-box"},{children:(0,e.jsx)(r(),{})})),(0,e.jsx)("div",{className:"paraui-loading-mask",style:{opacity:u}})]}))};i.default=c}(),i}()}));
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useRef, useEffect } from 'react';
+import LoadingOutlined from '@para-ui/icons/LoadingF';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n@keyframes rotateLoading {\n  0% {\n    transformOrigin: 50% 50%;\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.paraui-loading {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n}\n.paraui-loading .paraui-loading-mask {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  background-color: white;\n  z-index: 1;\n}\n.paraui-loading .paraui-loading-box {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 2;\n}\n.paraui-loading .paraui-loading-box > svg {\n  transition: all 0.3s ease-in-out;\n  animation: rotateLoading 1s infinite linear;\n  font-size: 20px;\n}";
+styleInject(css_248z);
+
+var Loading = function Loading(props) {
+  var className = props.className,
+      style = props.style,
+      _props$opacity = props.opacity,
+      opacity = _props$opacity === void 0 ? 0.7 : _props$opacity;
+  var dom = useRef(null);
+  useEffect(function () {
+    if (dom && dom.current && dom.current.parentNode) {
+      if (!dom.current.parentNode.style.position) {
+        dom.current.parentNode.style.position = 'relative';
+      }
+    }
+  }, []); // 处理class
+
+  var handClass = function handClass() {
+    var str = 'paraui-loading';
+    if (className) str += ' ' + className;
+    return str;
+  };
+
+  return jsxs("div", Object.assign({
+    className: handClass(),
+    style: style,
+    ref: dom
+  }, {
+    children: [jsx("div", Object.assign({
+      className: "paraui-loading-box"
+    }, {
+      children: jsx(LoadingOutlined, {})
+    })), jsx("div", {
+      className: "paraui-loading-mask",
+      style: {
+        opacity: opacity
+      }
+    })]
+  }));
+};
+
+export { Loading, Loading as default };

package/Menu/footerExpansion.d.ts

@@ -1,9 +1,9 @@
-/**
- * @author linhd
- * @date 2021/8/10 15:26
- * @description 尾部展开
- */
-import { FunctionComponent } from 'react';
-import { FooterExpansionProps } from './interface';
-export declare const FooterExpansion: FunctionComponent<FooterExpansionProps>;
-export default FooterExpansion;
+/**
+ * @author linhd
+ * @date 2021/8/10 15:26
+ * @description 尾部展开
+ */
+import { FunctionComponent } from 'react';
+import { FooterExpansionProps } from './interface';
+export declare const FooterExpansion: FunctionComponent<FooterExpansionProps>;
+export default FooterExpansion;

package/Menu/index.d.ts

@@ -1,10 +1,10 @@
-/**
- * @author linhd
- * @date 2021/8/10 16:58
- * @description 竖向菜单list
- */
-import { FunctionComponent } from 'react';
-import { MenuProps } from './interface';
-import './index.scss';
-export declare const Menu: FunctionComponent<MenuProps>;
-export default Menu;
+/**
+ * @author linhd
+ * @date 2021/8/10 16:58
+ * @description 竖向菜单list
+ */
+import { FunctionComponent } from 'react';
+import { MenuProps } from './interface';
+import './index.scss';
+export declare const Menu: FunctionComponent<MenuProps>;
+export default Menu;