@para-ui/core 5.0.0-beta.1 → 5.0.0-beta.4

package/lib/FieldForm/hooks/useFrameState.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react"),c=require("../../_virtual/raf.js");function R(l){const[s,a]=r.useState(l),e=r.useRef(null),t=r.useRef([]),u=r.useRef(!1);r.useEffect(()=>(u.current=!1,()=>{u.current=!0,c.default.cancel(e.current),e.current=null}),[]);function f(o){u.current||(e.current===null&&(t.current=[],e.current=c.default(()=>{e.current=null,a(i=>{let n=i;return t.current.forEach(d=>{n=d(n)}),n})})),t.current.push(o))}return[s,f]}exports.default=R;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react"),c=require("rc-util/lib/raf");function d(s){const[l,a]=r.useState(s),e=r.useRef(null),t=r.useRef([]),u=r.useRef(!1);r.useEffect(()=>(u.current=!1,()=>{u.current=!0,c.cancel(e.current),e.current=null}),[]);function f(o){u.current||(e.current===null&&(t.current=[],e.current=c(()=>{e.current=null,a(i=>{let n=i;return t.current.forEach(R=>{n=R(n)}),n})})),t.current.push(o))}return[l,f]}exports.default=d;
 //# sourceMappingURL=useFrameState.js.map

package/lib/FieldForm/hooks/useItemRef.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react"),s=require("../../_virtual/ref.js"),i=require("../context.js");function R(){const{itemRef:c}=u.useContext(i.FormContext),e=u.useRef({});function f(n,t){const r=t&&typeof t=="object"&&t.ref,o=n.join("_");return(e.current.name!==o||e.current.originRef!==r)&&(e.current.name=o,e.current.originRef=r,e.current.ref=s.refExports.composeRef(c(n),r)),e.current.ref}return f}exports.default=R;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react"),i=require("rc-util/lib/ref"),s=require("../context.js");function R(){const{itemRef:c}=u.useContext(s.FormContext),e=u.useRef({});function f(n,t){const r=t&&typeof t=="object"&&t.ref,o=n.join("_");return(e.current.name!==o||e.current.originRef!==r)&&(e.current.name=o,e.current.originRef=r,e.current.ref=i.composeRef(c(n),r)),e.current.ref}return f}exports.default=R;
 //# sourceMappingURL=useItemRef.js.map

package/lib/FieldForm/index.d.ts

@@ -18,3 +18,4 @@ type CompoundedComponent = InternalFormType & {
 declare const FieldForm: CompoundedComponent;
 export type { ErrorListProps, FieldFormInstance, FieldFormItemProps, FieldFormListFieldData, FieldFormListOperation, FieldFormListProps, FieldFormProps, Rule, RuleObject, RuleRender };
 export default FieldForm;
+export type * from './interface';

package/lib/Form/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const V=require("../_virtual/jsx-runtime.js"),$=require("@paraview/lib"),n=require("react"),T=require("../FormItem/index.js"),W=require("../FormItem/validateFunction.js"),w=require("../GlobalContext/constant.js"),B=require("../GlobalContext/useFormatMessage.js"),z=require("../FormItem/lang/index.js"),A=v=>{const P=B.default("FormItem",z.default),{className:C="",FormProps:N,requiredElement:p,disRequiredElement:M,configList:i,type:b,getCheckForm:f,backData:c,disabled:x,onChange:m,getForcedRefresh:g,labelProps:E,helperTextProps:F,form:d,labelWidth:R=60,disOnlySpace:q=!0}=v,h=n.useRef(c&&$.DeepClone(c)||{}),S=n.useRef(i),[u,k]=n.useState(i),[j,I]=n.useState(Math.random()),t=n.useRef({allItems:{},itemsCheckStatus:{},itemsCheckMessage:{},configList:i||[],allValues:c&&$.DeepClone(c)||{}}),L=(e,s)=>{if(s)for(const r in s)t.current.allValues[r]=s[r];k(e||u&&[...u])},a=(e,s,r)=>{switch(s){case"status":t.current.itemsCheckStatus[e]=r;break;case"message":t.current.itemsCheckMessage[e]=r;break;case"item":t.current.allItems[e]=r;break;case"initValue":t.current.allValues[e]=r;break;default:t.current.allValues[e]=r,m&&m(e,r);break}},y=()=>{let e=0;for(let s=0;s<t.current.configList.length;s++){const r=t.current.configList[s].name,l=t.current.allItems[r];if(l.disabled||l.hide||t.current.itemsCheckStatus[r]===!0)continue;if(t.current.itemsCheckStatus[r]===!1){e++;continue}const o=W.default(l,t.current.allValues[r],P);o&&(e++,typeof o=="string"&&(t.current.itemsCheckMessage[r]=o),l.setErrorMsg&&l.setErrorMsg(o))}return!e&&t.current.allValues},O=()=>{const e={};for(let s=0;s<t.current.configList.length;s++){const r=t.current.configList[s];!r.hide&&t.current.allValues[r.name]&&(e[r.name]=t.current.allValues[r.name])}return e},D=(e=!1,s)=>{if(!e||!s){if(t.current={allItems:{},itemsCheckStatus:{},itemsCheckMessage:{},configList:S.current||[],allValues:{}},h.current&&!e)for(const r in h.current)t.current.allValues[r]=h.current[r]}else typeof s=="string"?(a(s,"status",void 0),a(s,"message",""),a(s,"initValue",void 0)):s.forEach(r=>{a(r,"status",void 0),a(r,"message",""),a(r,"initValue",void 0)});k(S.current),I(Math.random())};n.useEffect(()=>{f&&f(y),g&&g(L)},[f,g]),n.useEffect(()=>{if(c)for(const e in c)t.current.allValues[e]=c[e];I(Math.random())},[c]),n.useEffect(()=>{k(i)},[i]),n.useEffect(()=>{t.current.configList=u||[]},[u]),n.useEffect(()=>{d&&(d.current={get refreshForm(){return L},get check(){return y},get items(){return t.current.allItems},get values(){return t.current.allValues},get refData(){return t.current},get getValidValues(){return O},get reset(){return D},get clear(){return e=>{D(!0,e)}}})},[d]);const _=n.useMemo(()=>V.jsxRuntimeExports.jsx("div",{className:`form-content ${C}`,children:u&&u.length>0&&u.map((e,s)=>(e.hide&&a(e.name,"item",e),!e.hide&&V.jsxRuntimeExports.jsx(T.default,{type:b,disabled:x,disOnlySpace:q,errorMessage:t.current.itemsCheckMessage[e.name],requiredElement:p,disRequiredElement:M,labelProps:E,helperTextProps:F,llabelWidth:R,...e,backData:t.current.allValues,setValue:a},`form-item-${s}-${j}`)))}),[C,u,m,j,R,b,x,q,p,M,E,F]);return V.jsxRuntimeExports.jsx("form",{...N,className:`${w.$prefixCls}-form`,children:_})};exports.default=A;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const V=require("../_virtual/jsx-runtime.js"),D=require("@paraview/lib"),n=require("react"),T=require("../FormItem/index.js"),W=require("../FormItem/validateFunction.js"),w=require("../GlobalContext/constant.js"),B=require("../GlobalContext/useFormatMessage.js"),z=require("../FormItem/lang/index.js"),A=v=>{const P=B.default("FormItem",z.default),{className:C="",FormProps:N,requiredElement:p,disRequiredElement:M,configList:i,type:x,getCheckForm:f,backData:c,disabled:b,onChange:m,getForcedRefresh:g,labelProps:E,helperTextProps:F,form:d,labelWidth:R=60,disOnlySpace:q=!0}=v,h=n.useRef(c&&D.DeepClone(c)||{}),S=n.useRef(i),[u,k]=n.useState(i),[j,I]=n.useState(Math.random()),t=n.useRef({allItems:{},itemsCheckStatus:{},itemsCheckMessage:{},configList:i||[],allValues:c&&D.DeepClone(c)||{}}),L=(e,s)=>{if(s)for(const r in s)t.current.allValues[r]=s[r];k(e||u&&[...u])},a=(e,s,r)=>{switch(s){case"status":t.current.itemsCheckStatus[e]=r;break;case"message":t.current.itemsCheckMessage[e]=r;break;case"item":t.current.allItems[e]=r;break;case"initValue":t.current.allValues[e]=r;break;default:t.current.allValues[e]=r,m&&m(e,r);break}},y=()=>{let e=0;for(let s=0;s<t.current.configList.length;s++){const r=t.current.configList[s].name,l=t.current.allItems[r];if(l.disabled||l.hide||t.current.itemsCheckStatus[r]===!0)continue;if(t.current.itemsCheckStatus[r]===!1){e++;continue}const o=W.default(l,t.current.allValues[r],P);o&&(e++,typeof o=="string"&&(t.current.itemsCheckMessage[r]=o),l.setErrorMsg&&l.setErrorMsg(o))}return!e&&t.current.allValues},O=()=>{const e={};for(let s=0;s<t.current.configList.length;s++){const r=t.current.configList[s];!r.hide&&t.current.allValues[r.name]&&(e[r.name]=t.current.allValues[r.name])}return e},$=(e=!1,s)=>{if(!e||!s){if(t.current={allItems:{},itemsCheckStatus:{},itemsCheckMessage:{},configList:S.current||[],allValues:{}},h.current&&!e)for(const r in h.current)t.current.allValues[r]=h.current[r]}else typeof s=="string"?(a(s,"status",void 0),a(s,"message",""),a(s,"initValue",void 0)):s.forEach(r=>{a(r,"status",void 0),a(r,"message",""),a(r,"initValue",void 0)});k(S.current),I(Math.random())};n.useEffect(()=>{f&&f(y),g&&g(L)},[f,g]),n.useEffect(()=>{if(c)for(const e in c)t.current.allValues[e]=c[e];I(Math.random())},[c]),n.useEffect(()=>{k(i)},[i]),n.useEffect(()=>{t.current.configList=u||[]},[u]),n.useEffect(()=>{d&&(d.current={get refreshForm(){return L},get check(){return y},get items(){return t.current.allItems},get values(){return t.current.allValues},get refData(){return t.current},get getValidValues(){return O},get reset(){return $},get clear(){return e=>{$(!0,e)}}})},[d]);const _=n.useMemo(()=>V.jsxRuntimeExports.jsx("div",{className:`form-content ${C}`,children:u&&u.length>0&&u.map((e,s)=>(e.hide&&a(e.name,"item",e),!e.hide&&V.jsxRuntimeExports.jsx(T.default,{type:x,disabled:b,disOnlySpace:q,errorMessage:t.current.itemsCheckMessage[e.name],requiredElement:p,disRequiredElement:M,labelProps:E,helperTextProps:F,llabelWidth:R,...e,backData:t.current.allValues,setValue:a},`form-item-${s}-${j}`)))}),[C,u,m,j,R,x,b,q,p,M,E,F]);return V.jsxRuntimeExports.jsx("form",{...N,className:`${w.$prefixCls}-form`,children:_})};exports.default=A;
 //# sourceMappingURL=index.js.map

package/lib/FormItem/compoments/formFile/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const e=require("../../../_virtual/jsx-runtime.js"),u=require("react"),E=require("@para-ui/icons/Delete"),h=require("@para-ui/icons/LinkGroup"),q=require("../../../AutoTips/index.js"),F=require("../../../Button/index.js"),g=require("@para-ui/icons/UploadFile"),b=require("../../../GlobalContext/useFormatMessage.js"),v=require("../../lang/index.js");;/* empty css            */const y=d=>{const{fileType:n="",defaultValue:t,onChange:c,disabled:r,buttonLabel:p,inputProps:f,buttonProps:j}=d,m=b.default("FormItem",v.default),i=u.useRef(null),R=()=>{i.current?.click()},a=l=>{const x=l!==void 0?l:i.current.files;o(x),c&&c(x),l===null&&(i.current.value=null)},[s,o]=u.useState();return u.useEffect(()=>{t&&o(t)},[t]),e.jsxRuntimeExports.jsxs("div",{className:"form-file",children:[!r&&e.jsxRuntimeExports.jsx(F.Button,{variant:"outlined",...j,startIcon:e.jsxRuntimeExports.jsx(g,{}),onClick:R,children:p||m({id:"chooseFile"})}),e.jsxRuntimeExports.jsx("input",{...f,ref:i,type:"file",onInput:()=>a(),hidden:!0,accept:typeof n=="string"?n:n.join(",")}),s&&s[0]&&e.jsxRuntimeExports.jsx("div",{className:`file-tips ${r&&"file-tips-disabled"||""}`,children:e.jsxRuntimeExports.jsxs("div",{className:"file-tips-item",children:[e.jsxRuntimeExports.jsx(h,{}),e.jsxRuntimeExports.jsx("span",{className:"file-tips-context",children:e.jsxRuntimeExports.jsx(q.default,{children:typeof s=="string"?s:s[0].name})}),!r&&e.jsxRuntimeExports.jsx(E,{onClick:()=>a(null)})]})})]})};exports.default=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const e=require("../../../_virtual/jsx-runtime.js"),u=require("react"),E=require("../../../node_modules/@para-ui/icons/Delete/index.js"),h=require("../../../node_modules/@para-ui/icons/LinkGroup/index.js"),q=require("../../../AutoTips/index.js"),F=require("../../../Button/index.js"),g=require("../../../node_modules/@para-ui/icons/UploadFile/index.js"),b=require("../../../GlobalContext/useFormatMessage.js"),v=require("../../lang/index.js");;/* empty css            */const y=a=>{const{fileType:n="",defaultValue:t,onChange:c,disabled:r,buttonLabel:p,inputProps:f,buttonProps:j}=a,m=b.default("FormItem",v.default),i=u.useRef(null),R=()=>{i.current?.click()},x=o=>{const d=o!==void 0?o:i.current.files;l(d),c&&c(d),o===null&&(i.current.value=null)},[s,l]=u.useState();return u.useEffect(()=>{t&&l(t)},[t]),e.jsxRuntimeExports.jsxs("div",{className:"form-file",children:[!r&&e.jsxRuntimeExports.jsx(F.Button,{variant:"outlined",...j,startIcon:e.jsxRuntimeExports.jsx(g.UploadFile,{}),onClick:R,children:p||m({id:"chooseFile"})}),e.jsxRuntimeExports.jsx("input",{...f,ref:i,type:"file",onInput:()=>x(),hidden:!0,accept:typeof n=="string"?n:n.join(",")}),s&&s[0]&&e.jsxRuntimeExports.jsx("div",{className:`file-tips ${r&&"file-tips-disabled"||""}`,children:e.jsxRuntimeExports.jsxs("div",{className:"file-tips-item",children:[e.jsxRuntimeExports.jsx(h.LinkGroup,{}),e.jsxRuntimeExports.jsx("span",{className:"file-tips-context",children:e.jsxRuntimeExports.jsx(q.default,{children:typeof s=="string"?s:s[0].name})}),!r&&e.jsxRuntimeExports.jsx(E.Delete,{onClick:()=>x(null)})]})})]})};exports.default=y;
 //# sourceMappingURL=index.js.map

package/lib/FunctionModal/index.css

@@ -1 +1 @@
-.function-modal-default [class*=makeStyles-md]{width:440px;height:auto;max-height:initial}
+@charset "UTF-8";.function-modal-default [class*=makeStyles-md]{width:440px;height:auto;max-height:initial}

package/lib/GlobalContext/confirmLocale.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../Modal/lang/index.js"),r=require("@paraview/lib");let e={...n.default.zh};const i=(c,o)=>{const t=c.Confirm;t?e={...e,...t}:(o||(o=r.GetLanguage()),e={...n.default?.[o]||n.default.zh||{}})},a=()=>e;exports.changeConfirmLocale=i;exports.getConfirmLocale=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../Modal/lang/index.js"),c=require("@paraview/lib");let e={...n.default.zh};const i=(t,o)=>{const r=t.Confirm;r?e={...e,...r}:(o||(o=c.GetLanguage()),e={...n.default?.[o]||n.default.zh||{}})},a=()=>e;exports.changeConfirmLocale=i;exports.getConfirmLocale=a;
 //# sourceMappingURL=confirmLocale.js.map

package/lib/GlobalContext/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react"),l=require("./intl.js"),e=require("@paraview/lib"),t=require("./confirmLocale.js"),i=c.createContext({language:e.GetLanguage(),intlFormat:(u,n)=>(o,a)=>{const r=e.GetLanguage();return l.i18nIntl({ops:o,i18nData:{},lang:r,params:a,defI18nData:n})},componentsProps:{}});exports.changeConfirmLocale=t.changeConfirmLocale;exports.getConfirmLocale=t.getConfirmLocale;exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react"),i=require("./intl.js"),e=require("@paraview/lib"),t=require("./confirmLocale.js"),l=c.createContext({language:e.GetLanguage(),intlFormat:(u,n)=>(o,a)=>{const r=e.GetLanguage();return i.i18nIntl({ops:o,i18nData:{},lang:r,params:a,defI18nData:n})},componentsProps:{}});exports.changeConfirmLocale=t.changeConfirmLocale;exports.getConfirmLocale=t.getConfirmLocale;exports.default=l;
 //# sourceMappingURL=index.js.map

package/lib/Help/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const e=require("../_virtual/jsx-runtime.js"),u=require("../Tooltip/index.js"),c=require("@para-ui/icons/Help"),p=require("clsx"),a=require("../GlobalContext/constant.js");;/* empty css            */const x=t=>{const{title:r="",children:s,arrow:o=!0,className:n,placement:i="top-start",...l}=t;return e.jsxRuntimeExports.jsx(u.Tooltip,{title:r,arrow:o,placement:i,...l,children:e.jsxRuntimeExports.jsx("span",{className:p(`${a.$prefixCls}-help`,n),children:s||e.jsxRuntimeExports.jsx(c,{})})})};exports.default=x;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const e=require("../_virtual/jsx-runtime.js"),u=require("../Tooltip/index.js"),c=require("../node_modules/@para-ui/icons/Help/index.js"),p=require("clsx"),x=require("../GlobalContext/constant.js");;/* empty css            */const a=t=>{const{title:r="",children:s,arrow:i=!0,className:n,placement:o="top-start",...l}=t;return e.jsxRuntimeExports.jsx(u.Tooltip,{title:r,arrow:i,placement:o,...l,children:e.jsxRuntimeExports.jsx("span",{className:p(`${x.$prefixCls}-help`,n),children:s||e.jsxRuntimeExports.jsx(c.Help,{})})})};exports.default=a;
 //# sourceMappingURL=index.js.map

package/lib/Image/PreviewGroup.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../_virtual/jsx-runtime.js"),a=require("react"),x=require("../_virtual/index2.js"),m=require("rc-image"),f=require("../GlobalContext/constant.js"),j=require("@para-ui/icons/Sort"),g=require("@para-ui/icons/Switch"),p=require("@para-ui/icons/TurnRight"),R=require("@para-ui/icons/TurnLeft"),C=require("@para-ui/icons/MinusCircle"),q=require("@para-ui/icons/PlusCircle"),d=require("@para-ui/icons/LeftCircleF"),P=require("@para-ui/icons/RightCircleF"),z=require("@para-ui/icons/CloseCircleF");function E(r){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const s in r)if(s!=="default"){const i=Object.getOwnPropertyDescriptor(r,s);Object.defineProperty(t,s,i.get?i:{enumerable:!0,get:()=>r[s]})}}return t.default=r,Object.freeze(t)}const b=E(a),n={rotateLeft:e.jsxRuntimeExports.jsx(R,{size:"large"}),rotateRight:e.jsxRuntimeExports.jsx(p,{size:"large"}),zoomIn:e.jsxRuntimeExports.jsx(q,{size:"large"}),zoomOut:e.jsxRuntimeExports.jsx(C,{size:"large"}),close:e.jsxRuntimeExports.jsx(z,{size:"large"}),left:e.jsxRuntimeExports.jsx(d,{}),right:e.jsxRuntimeExports.jsx(P,{}),flipX:e.jsxRuntimeExports.jsx(g,{size:"large"}),flipY:e.jsxRuntimeExports.jsx(j,{size:"large"})},v=({previewPrefixCls:r,preview:t,children:s=null,...i})=>{const u=`${`${f.$prefixCls}-image`}-preview`,c=b.useMemo(()=>{if(t===!1)return t;const o=typeof t=="object"?t:{},l=x.default(o.rootClassName??"");return{...o,rootClassName:l}},[t]);return e.jsxRuntimeExports.jsx(m.PreviewGroup,{preview:c,previewPrefixCls:u,icons:n,...i,children:s})};exports.default=v;exports.icons=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../_virtual/jsx-runtime.js"),x=require("react"),a=require("../_virtual/index2.js"),m=require("rc-image"),f=require("../GlobalContext/constant.js"),j=require("../node_modules/@para-ui/icons/Sort/index.js"),g=require("../node_modules/@para-ui/icons/Switch/index.js"),p=require("../node_modules/@para-ui/icons/TurnRight/index.js"),d=require("../node_modules/@para-ui/icons/TurnLeft/index.js"),R=require("../node_modules/@para-ui/icons/MinusCircle/index.js"),C=require("../node_modules/@para-ui/icons/PlusCircle/index.js"),q=require("../node_modules/@para-ui/icons/LeftCircleF/index.js"),P=require("../node_modules/@para-ui/icons/RightCircleF/index.js"),$=require("../node_modules/@para-ui/icons/CloseCircleF/index.js");function z(r){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const s in r)if(s!=="default"){const i=Object.getOwnPropertyDescriptor(r,s);Object.defineProperty(t,s,i.get?i:{enumerable:!0,get:()=>r[s]})}}return t.default=r,Object.freeze(t)}const E=z(x),o={rotateLeft:e.jsxRuntimeExports.jsx(d.TurnLeft,{size:"large"}),rotateRight:e.jsxRuntimeExports.jsx(p.TurnRight,{size:"large"}),zoomIn:e.jsxRuntimeExports.jsx(C.PlusCircle,{size:"large"}),zoomOut:e.jsxRuntimeExports.jsx(R.MinusCircle,{size:"large"}),close:e.jsxRuntimeExports.jsx($.CloseCircleF,{size:"large"}),left:e.jsxRuntimeExports.jsx(q.LeftCircleF,{}),right:e.jsxRuntimeExports.jsx(P.RightCircleF,{}),flipX:e.jsxRuntimeExports.jsx(g.Switch,{size:"large"}),flipY:e.jsxRuntimeExports.jsx(j.Sort,{size:"large"})},b=({previewPrefixCls:r,preview:t,children:s=null,...i})=>{const u=`${`${f.$prefixCls}-image`}-preview`,c=E.useMemo(()=>{if(t===!1)return t;const n=typeof t=="object"?t:{},l=a.default(n.rootClassName??"");return{...n,rootClassName:l}},[t]);return e.jsxRuntimeExports.jsx(m.PreviewGroup,{preview:c,previewPrefixCls:u,icons:o,...i,children:s})};exports.default=b;exports.icons=o;
 //# sourceMappingURL=PreviewGroup.js.map

package/lib/Image/index.css

@@ -1 +1 @@
-@charset "UTF-8";.paraui-v4-image{display:inline-flex;position:relative}.paraui-v4-image-img{width:100%;height:auto}.paraui-v4-image-img-placeholder{background-repeat:no-repeat;background-position:center center;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjhweCIgaGVpZ2h0PSIyMnB4IiB2aWV3Qm94PSIwIDAgMjggMjIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU1LjIgKDc4MTgxKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5pbWFnZS1maWxs5aSH5Lu9PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Iuafpeeci+WbvueJh+S8mOWMljQuMCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IuWKoOi9veWbvueJhyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU3Mi4wMDAwMDAsIC01MDYuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJpbWFnZS1maWxs5aSH5Lu9IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1NzAuMDAwMDAwLCA1MDEuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiBmaWxsPSIjMDAwMDAwIiBvcGFjaXR5PSIwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yOSw1IEwzLDUgQzIuNDQ2ODc1LDUgMiw1LjQ0Njg3NSAyLDYgTDIsMjYgQzIsMjYuNTUzMTI1IDIuNDQ2ODc1LDI3IDMsMjcgTDI5LDI3IEMyOS41NTMxMjUsMjcgMzAsMjYuNTUzMTI1IDMwLDI2IEwzMCw2IEMzMCw1LjQ0Njg3NSAyOS41NTMxMjUsNSAyOSw1IFogTTEwLjU2MjUsOS41IEMxMS42NjU2MjUsOS41IDEyLjU2MjUsMTAuMzk2ODc1IDEyLjU2MjUsMTEuNSBDMTIuNTYyNSwxMi42MDMxMjUgMTEuNjY1NjI1LDEzLjUgMTAuNTYyNSwxMy41IEM5LjQ1OTM3NSwxMy41IDguNTYyNSwxMi42MDMxMjUgOC41NjI1LDExLjUgQzguNTYyNSwxMC4zOTY4NzUgOS40NTkzNzUsOS41IDEwLjU2MjUsOS41IFogTTI2LjYyMTg3NSwyMy4xNTkzNzUgQzI2LjU3ODEyNSwyMy4xOTY4NzUgMjYuNTE4NzUsMjMuMjE4NzUgMjYuNDU5Mzc1LDIzLjIxODc1IEw1LjUzNzUsMjMuMjE4NzUgQzUuNCwyMy4yMTg3NSA1LjI4NzUsMjMuMTA2MjUgNS4yODc1LDIyLjk2ODc1IEM1LjI4NzUsMjIuOTA5Mzc1IDUuMzA5Mzc1LDIyLjg1MzEyNSA1LjM0Njg3NSwyMi44MDYyNSBMMTAuNjY4NzUsMTYuNDkzNzUgQzEwLjc1NjI1LDE2LjM4NzUgMTAuOTE1NjI1LDE2LjM3NSAxMS4wMjE4NzUsMTYuNDYyNSBDMTEuMDMxMjUsMTYuNDcxODc1IDExLjA0Mzc1LDE2LjQ4MTI1IDExLjA1MzEyNSwxNi40OTM3NSBMMTQuMTU5Mzc1LDIwLjE4MTI1IEwxOS4xLDE0LjMyMTg3NSBDMTkuMTg3NSwxNC4yMTU2MjUgMTkuMzQ2ODc1LDE0LjIwMzEyNSAxOS40NTMxMjUsMTQuMjkwNjI1IEMxOS40NjI1LDE0LjMgMTkuNDc1LDE0LjMwOTM3NSAxOS40ODQzNzUsMTQuMzIxODc1IEwyNi42NTkzNzUsMjIuODA5Mzc1IEMyNi43NDA2MjUsMjIuOTEyNSAyNi43MjgxMjUsMjMuMDcxODc1IDI2LjYyMTg3NSwyMy4xNTkzNzUgWiIgaWQ9IlNoYXBlIiBmaWxsPSIjRThFOEU4Ij48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==)}.paraui-v4-image-placeholder{position:absolute;inset:0}.paraui-v4-image-mask{position:absolute;inset:0;background:#0000004d;opacity:0;pointer-events:none;display:flex;align-items:center;justify-content:center;color:#fff;transition:opacity .3s}.paraui-v4-image:hover .paraui-v4-image-mask{opacity:1}.paraui-v4-image-preview{text-align:center;height:100%;pointer-events:none}.paraui-v4-image-preview-body{position:absolute;inset:0;overflow:hidden}.paraui-v4-image-preview.zoom-enter,.paraui-v4-image-preview.zoom-appear{transform:none;opacity:0;animation-duration:.3s}.paraui-v4-image-preview-mask{position:fixed;inset:0;height:100%;background-color:#1d212666}.paraui-v4-image-preview-mask-hidden{display:none}.paraui-v4-image-preview-img{cursor:grab;transform:scaleZ(1);transition:transform .3s cubic-bezier(0,0,.25,1) 0s;-webkit-user-select:none;user-select:none;vertical-align:middle;max-width:100%;max-height:70%}.paraui-v4-image-preview-img-wrapper{position:absolute;inset:0;display:flex;justify-content:center;align-items:center}.paraui-v4-image-preview-img-wrapper>*{pointer-events:auto}.paraui-v4-image-preview-moving .paraui-v4-image-preview-img{cursor:grabbing}.paraui-v4-image-preview-moving .paraui-v4-image-preview-img-wrapper{transition-duration:0s}.paraui-v4-image-preview-wrap{position:fixed;inset:0;z-index:1000;overflow:auto;outline:0;-webkit-overflow-scrolling:touch}.paraui-v4-image-preview-close{position:fixed;top:30px;right:30px;display:flex;background-color:transparent;outline:0;border:0;cursor:pointer}.paraui-v4-image-preview-close svg{color:#ffffff80;font-size:50px}.paraui-v4-image-preview-close:hover svg{color:#ffffff4d}.paraui-v4-image-preview-operations-wrapper{position:fixed;z-index:1001}.paraui-v4-image-preview-footer{position:fixed;z-index:1001;bottom:32px;left:0;width:100%;display:flex;flex-direction:column;align-items:center}.paraui-v4-image-preview-progress{margin-bottom:20px;color:#fff}.paraui-v4-image-preview-operations{display:flex;background:#1d2126e6;border-radius:4px;padding:0 8px}.paraui-v4-image-preview-operations-operation{padding:8px;cursor:pointer}.paraui-v4-image-preview-operations-operation svg{color:#fff;transition:all .3s;font-size:24px;vertical-align:top}.paraui-v4-image-preview-operations-operation:hover svg{background-color:#ffffff4d;border-radius:2px}.paraui-v4-image-preview-operations-operation-disabled{pointer-events:none;color:#a1a8b3}.paraui-v4-image-preview-operations-operation-disabled svg{color:#a1a8b3}.paraui-v4-image-preview-operations-operation:first-of-type{margin-left:0}.paraui-v4-image-preview-switch-left,.paraui-v4-image-preview-switch-right{width:30px;height:30px;margin-top:-15px;top:50%;position:fixed;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1001;cursor:pointer}.paraui-v4-image-preview-switch-left-disabled svg:hover,.paraui-v4-image-preview-switch-right-disabled svg:hover{color:#1d212666}.paraui-v4-image-preview-switch-left svg,.paraui-v4-image-preview-switch-right svg{font-size:50px;color:#ffffff80}.paraui-v4-image-preview-switch-left svg:hover,.paraui-v4-image-preview-switch-right svg:hover{color:#ffffff4d}.paraui-v4-image-preview-switch-left-disabled,.paraui-v4-image-preview-switch-right-disabled{cursor:not-allowed}.paraui-v4-image-preview-switch-left-disabled>.anticon,.paraui-v4-image-preview-switch-right-disabled>.anticon{cursor:not-allowed}.paraui-v4-image-preview-switch-left>.anticon,.paraui-v4-image-preview-switch-right>.anticon{font-size:30px}.paraui-v4-image-preview-switch-left{left:40px}.paraui-v4-image-preview-switch-right{position:fixed;right:40px}.fade-enter,.fade-appear,.fade-leave{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.fade-enter.fade-enter-active,.fade-appear.fade-appear-active{animation-name:rcImageFadeIn;animation-play-state:running}.fade-leave.fade-leave-active{animation-name:rcImageFadeOut;animation-play-state:running;pointer-events:none}.fade-enter,.fade-appear{opacity:0;animation-timing-function:linear}.fade-leave{animation-timing-function:linear}@keyframes rcImageFadeIn{0%{opacity:0}to{opacity:1}}@keyframes rcImageFadeOut{0%{opacity:1}to{opacity:0}}.zoom-enter,.zoom-appear,.zoom-leave{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.zoom-enter.zoom-enter-active,.zoom-appear.zoom-appear-active{animation-name:rcImageZoomIn;animation-play-state:running}.zoom-leave.zoom-leave-active{animation-name:rcImageZoomOut;animation-play-state:running;pointer-events:none}.zoom-enter,.zoom-appear{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.zoom-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}@keyframes rcImageZoomIn{0%{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}@keyframes rcImageZoomOut{0%{transform:scale(1)}to{transform:scale(.2);opacity:0}}
+@charset "UTF-8";.paraui-v4-image{display:inline-flex;position:relative}.paraui-v4-image-img{width:100%;height:auto}.paraui-v4-image-img-placeholder{background-repeat:no-repeat;background-position:center center;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjhweCIgaGVpZ2h0PSIyMnB4IiB2aWV3Qm94PSIwIDAgMjggMjIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU1LjIgKDc4MTgxKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5pbWFnZS1maWxs5aSH5Lu9PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Iuafpeeci+WbvueJh+S8mOWMljQuMCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IuWKoOi9veWbvueJhyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU3Mi4wMDAwMDAsIC01MDYuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJpbWFnZS1maWxs5aSH5Lu9IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1NzAuMDAwMDAwLCA1MDEuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiBmaWxsPSIjMDAwMDAwIiBvcGFjaXR5PSIwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yOSw1IEwzLDUgQzIuNDQ2ODc1LDUgMiw1LjQ0Njg3NSAyLDYgTDIsMjYgQzIsMjYuNTUzMTI1IDIuNDQ2ODc1LDI3IDMsMjcgTDI5LDI3IEMyOS41NTMxMjUsMjcgMzAsMjYuNTUzMTI1IDMwLDI2IEwzMCw2IEMzMCw1LjQ0Njg3NSAyOS41NTMxMjUsNSAyOSw1IFogTTEwLjU2MjUsOS41IEMxMS42NjU2MjUsOS41IDEyLjU2MjUsMTAuMzk2ODc1IDEyLjU2MjUsMTEuNSBDMTIuNTYyNSwxMi42MDMxMjUgMTEuNjY1NjI1LDEzLjUgMTAuNTYyNSwxMy41IEM5LjQ1OTM3NSwxMy41IDguNTYyNSwxMi42MDMxMjUgOC41NjI1LDExLjUgQzguNTYyNSwxMC4zOTY4NzUgOS40NTkzNzUsOS41IDEwLjU2MjUsOS41IFogTTI2LjYyMTg3NSwyMy4xNTkzNzUgQzI2LjU3ODEyNSwyMy4xOTY4NzUgMjYuNTE4NzUsMjMuMjE4NzUgMjYuNDU5Mzc1LDIzLjIxODc1IEw1LjUzNzUsMjMuMjE4NzUgQzUuNCwyMy4yMTg3NSA1LjI4NzUsMjMuMTA2MjUgNS4yODc1LDIyLjk2ODc1IEM1LjI4NzUsMjIuOTA5Mzc1IDUuMzA5Mzc1LDIyLjg1MzEyNSA1LjM0Njg3NSwyMi44MDYyNSBMMTAuNjY4NzUsMTYuNDkzNzUgQzEwLjc1NjI1LDE2LjM4NzUgMTAuOTE1NjI1LDE2LjM3NSAxMS4wMjE4NzUsMTYuNDYyNSBDMTEuMDMxMjUsMTYuNDcxODc1IDExLjA0Mzc1LDE2LjQ4MTI1IDExLjA1MzEyNSwxNi40OTM3NSBMMTQuMTU5Mzc1LDIwLjE4MTI1IEwxOS4xLDE0LjMyMTg3NSBDMTkuMTg3NSwxNC4yMTU2MjUgMTkuMzQ2ODc1LDE0LjIwMzEyNSAxOS40NTMxMjUsMTQuMjkwNjI1IEMxOS40NjI1LDE0LjMgMTkuNDc1LDE0LjMwOTM3NSAxOS40ODQzNzUsMTQuMzIxODc1IEwyNi42NTkzNzUsMjIuODA5Mzc1IEMyNi43NDA2MjUsMjIuOTEyNSAyNi43MjgxMjUsMjMuMDcxODc1IDI2LjYyMTg3NSwyMy4xNTkzNzUgWiIgaWQ9IlNoYXBlIiBmaWxsPSIjRThFOEU4Ij48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==)}.paraui-v4-image-placeholder{position:absolute;inset:0}.paraui-v4-image-mask{position:absolute;inset:0;background:#0000004d;opacity:0;pointer-events:none;display:flex;align-items:center;justify-content:center;color:#fff;transition:opacity .3s}.paraui-v4-image:hover .paraui-v4-image-mask{opacity:1}.paraui-v4-image-preview{text-align:center;height:100%;pointer-events:none}.paraui-v4-image-preview-body{position:absolute;inset:0;overflow:hidden}.paraui-v4-image-preview.zoom-enter,.paraui-v4-image-preview.zoom-appear{transform:none;opacity:0;animation-duration:.3s}.paraui-v4-image-preview-mask{position:fixed;inset:0;height:100%;background-color:#1d212666}.paraui-v4-image-preview-mask-hidden{display:none}.paraui-v4-image-preview-img{cursor:grab;transform:scaleZ(1);transition:transform .3s cubic-bezier(0,0,.25,1) 0s;-webkit-user-select:none;user-select:none;vertical-align:middle;max-width:100%;max-height:70%}.paraui-v4-image-preview-img-wrapper{position:absolute;inset:0;display:flex;justify-content:center;align-items:center}.paraui-v4-image-preview-img-wrapper>*{pointer-events:auto}.paraui-v4-image-preview-moving .paraui-v4-image-preview-img{cursor:grabbing}.paraui-v4-image-preview-moving .paraui-v4-image-preview-img-wrapper{transition-duration:0s}.paraui-v4-image-preview-wrap{position:fixed;inset:0;z-index:1000;overflow:auto;outline:0;-webkit-overflow-scrolling:touch}.paraui-v4-image-preview-close{position:fixed;top:30px;right:30px;display:flex;background-color:transparent;outline:0;border:0;cursor:pointer}.paraui-v4-image-preview-close svg{color:#ffffff80;font-size:50px}.paraui-v4-image-preview-close:hover svg{color:#ffffff4d}.paraui-v4-image-preview-operations-wrapper{position:fixed;z-index:1001}.paraui-v4-image-preview-footer{position:fixed;z-index:1001;bottom:32px;left:0;width:100%;display:flex;flex-direction:column;align-items:center}.paraui-v4-image-preview-progress{margin-bottom:20px;color:#fff}.paraui-v4-image-preview-operations{display:flex;background:#1d2126e6;border-radius:4px;padding:0 8px}.paraui-v4-image-preview-operations-operation{padding:8px;cursor:pointer}.paraui-v4-image-preview-operations-operation svg{color:#fff;transition:all .3s;font-size:24px;vertical-align:top}.paraui-v4-image-preview-operations-operation:hover svg{background-color:#ffffff4d;border-radius:2px}.paraui-v4-image-preview-operations-operation-disabled{pointer-events:none;color:#a1a8b3}.paraui-v4-image-preview-operations-operation-disabled svg{color:#a1a8b3}.paraui-v4-image-preview-operations-operation:first-of-type{margin-left:0}.paraui-v4-image-preview-switch-left-disabled svg:hover,.paraui-v4-image-preview-switch-right-disabled svg:hover{color:#1d212666}.paraui-v4-image-preview-switch-left,.paraui-v4-image-preview-switch-right{width:30px;height:30px;margin-top:-15px;top:50%;position:fixed;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1001;cursor:pointer}.paraui-v4-image-preview-switch-left svg,.paraui-v4-image-preview-switch-right svg{font-size:50px;color:#ffffff80}.paraui-v4-image-preview-switch-left svg:hover,.paraui-v4-image-preview-switch-right svg:hover{color:#ffffff4d}.paraui-v4-image-preview-switch-left-disabled,.paraui-v4-image-preview-switch-right-disabled{cursor:not-allowed}.paraui-v4-image-preview-switch-left-disabled>.anticon,.paraui-v4-image-preview-switch-right-disabled>.anticon{cursor:not-allowed}.paraui-v4-image-preview-switch-left>.anticon,.paraui-v4-image-preview-switch-right>.anticon{font-size:30px}.paraui-v4-image-preview-switch-left{left:40px}.paraui-v4-image-preview-switch-right{position:fixed;right:40px}.fade-enter,.fade-appear,.fade-leave{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.fade-enter.fade-enter-active,.fade-appear.fade-appear-active{animation-name:rcImageFadeIn;animation-play-state:running}.fade-leave.fade-leave-active{animation-name:rcImageFadeOut;animation-play-state:running;pointer-events:none}.fade-enter,.fade-appear{opacity:0;animation-timing-function:linear}.fade-leave{animation-timing-function:linear}@keyframes rcImageFadeIn{0%{opacity:0}to{opacity:1}}@keyframes rcImageFadeOut{0%{opacity:1}to{opacity:0}}.zoom-enter,.zoom-appear,.zoom-leave{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.zoom-enter.zoom-enter-active,.zoom-appear.zoom-appear-active{animation-name:rcImageZoomIn;animation-play-state:running}.zoom-leave.zoom-leave-active{animation-name:rcImageZoomOut;animation-play-state:running;pointer-events:none}.zoom-enter,.zoom-appear{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.zoom-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}@keyframes rcImageZoomIn{0%{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}@keyframes rcImageZoomOut{0%{transform:scale(1)}to{transform:scale(.2);opacity:0}}

package/lib/Image/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const o=require("../_virtual/jsx-runtime.js"),v=require("react"),n=require("../_virtual/index2.js"),P=require("rc-image"),a=require("./PreviewGroup.js"),C=require("../GlobalContext/constant.js"),b=require("@para-ui/icons/PreviewOpen");;/* empty css            */function w(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const s=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(r,e,s.get?s:{enumerable:!0,get:()=>t[e]})}}return r.default=t,Object.freeze(r)}const q=w(v),i=`${C.$prefixCls}-image`,c=t=>{const{prefixCls:r,preview:e,className:s,rootClassName:u,style:l={},...m}=t,f=q.useMemo(()=>{if(e===!1)return e;const g=typeof e=="object"?e:{},{getContainer:x,...j}=g;return{mask:o.jsxRuntimeExports.jsx("div",{className:`${i}-mask-info`,children:o.jsxRuntimeExports.jsx(b,{size:"large"})}),icons:a.icons,...j,getContainer:x}},[e]),p=n.default(s),d=n.default(u);return o.jsxRuntimeExports.jsx(P,{rootClassName:d,prefixCls:i,preview:f,className:p,style:{...l},...m})};c.PreviewGroup=a.default;exports.default=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const o=require("../_virtual/jsx-runtime.js"),v=require("react"),n=require("../_virtual/index2.js"),P=require("rc-image"),a=require("./PreviewGroup.js"),C=require("../GlobalContext/constant.js"),b=require("../node_modules/@para-ui/icons/PreviewOpen/index.js");;/* empty css            */function w(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const s=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(r,e,s.get?s:{enumerable:!0,get:()=>t[e]})}}return r.default=t,Object.freeze(r)}const q=w(v),i=`${C.$prefixCls}-image`,c=t=>{const{prefixCls:r,preview:e,className:s,rootClassName:u,style:l={},...m}=t,f=q.useMemo(()=>{if(e===!1)return e;const x=typeof e=="object"?e:{},{getContainer:g,...j}=x;return{mask:o.jsxRuntimeExports.jsx("div",{className:`${i}-mask-info`,children:o.jsxRuntimeExports.jsx(b.PreviewOpen,{size:"large"})}),icons:a.icons,...j,getContainer:g}},[e]),p=n.default(s),d=n.default(u);return o.jsxRuntimeExports.jsx(P,{rootClassName:d,prefixCls:i,preview:f,className:p,style:{...l},...m})};c.PreviewGroup=a.default;exports.default=c;
 //# sourceMappingURL=index.js.map

package/lib/Image/style/index.css

@@ -1 +1 @@
-.paraui-v4-image{display:inline-flex;position:relative}.paraui-v4-image-img{width:100%;height:auto}.paraui-v4-image-img-placeholder{background-repeat:no-repeat;background-position:center center;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjhweCIgaGVpZ2h0PSIyMnB4IiB2aWV3Qm94PSIwIDAgMjggMjIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU1LjIgKDc4MTgxKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5pbWFnZS1maWxs5aSH5Lu9PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Iuafpeeci+WbvueJh+S8mOWMljQuMCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IuWKoOi9veWbvueJhyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU3Mi4wMDAwMDAsIC01MDYuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJpbWFnZS1maWxs5aSH5Lu9IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1NzAuMDAwMDAwLCA1MDEuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiBmaWxsPSIjMDAwMDAwIiBvcGFjaXR5PSIwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yOSw1IEwzLDUgQzIuNDQ2ODc1LDUgMiw1LjQ0Njg3NSAyLDYgTDIsMjYgQzIsMjYuNTUzMTI1IDIuNDQ2ODc1LDI3IDMsMjcgTDI5LDI3IEMyOS41NTMxMjUsMjcgMzAsMjYuNTUzMTI1IDMwLDI2IEwzMCw2IEMzMCw1LjQ0Njg3NSAyOS41NTMxMjUsNSAyOSw1IFogTTEwLjU2MjUsOS41IEMxMS42NjU2MjUsOS41IDEyLjU2MjUsMTAuMzk2ODc1IDEyLjU2MjUsMTEuNSBDMTIuNTYyNSwxMi42MDMxMjUgMTEuNjY1NjI1LDEzLjUgMTAuNTYyNSwxMy41IEM5LjQ1OTM3NSwxMy41IDguNTYyNSwxMi42MDMxMjUgOC41NjI1LDExLjUgQzguNTYyNSwxMC4zOTY4NzUgOS40NTkzNzUsOS41IDEwLjU2MjUsOS41IFogTTI2LjYyMTg3NSwyMy4xNTkzNzUgQzI2LjU3ODEyNSwyMy4xOTY4NzUgMjYuNTE4NzUsMjMuMjE4NzUgMjYuNDU5Mzc1LDIzLjIxODc1IEw1LjUzNzUsMjMuMjE4NzUgQzUuNCwyMy4yMTg3NSA1LjI4NzUsMjMuMTA2MjUgNS4yODc1LDIyLjk2ODc1IEM1LjI4NzUsMjIuOTA5Mzc1IDUuMzA5Mzc1LDIyLjg1MzEyNSA1LjM0Njg3NSwyMi44MDYyNSBMMTAuNjY4NzUsMTYuNDkzNzUgQzEwLjc1NjI1LDE2LjM4NzUgMTAuOTE1NjI1LDE2LjM3NSAxMS4wMjE4NzUsMTYuNDYyNSBDMTEuMDMxMjUsMTYuNDcxODc1IDExLjA0Mzc1LDE2LjQ4MTI1IDExLjA1MzEyNSwxNi40OTM3NSBMMTQuMTU5Mzc1LDIwLjE4MTI1IEwxOS4xLDE0LjMyMTg3NSBDMTkuMTg3NSwxNC4yMTU2MjUgMTkuMzQ2ODc1LDE0LjIwMzEyNSAxOS40NTMxMjUsMTQuMjkwNjI1IEMxOS40NjI1LDE0LjMgMTkuNDc1LDE0LjMwOTM3NSAxOS40ODQzNzUsMTQuMzIxODc1IEwyNi42NTkzNzUsMjIuODA5Mzc1IEMyNi43NDA2MjUsMjIuOTEyNSAyNi43MjgxMjUsMjMuMDcxODc1IDI2LjYyMTg3NSwyMy4xNTkzNzUgWiIgaWQ9IlNoYXBlIiBmaWxsPSIjRThFOEU4Ij48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==)}.paraui-v4-image-placeholder{position:absolute;top:0;left:0;right:0;bottom:0}.paraui-v4-image-mask{position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.3);opacity:0;pointer-events:none;display:flex;align-items:center;justify-content:center;color:#fff;transition:opacity .3s}.paraui-v4-image:hover .paraui-v4-image-mask{opacity:1}.paraui-v4-image-preview{text-align:center;height:100%;pointer-events:none}.paraui-v4-image-preview-body{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.paraui-v4-image-preview.zoom-enter,.paraui-v4-image-preview.zoom-appear{transform:none;opacity:0;animation-duration:.3s}.paraui-v4-image-preview-mask{position:fixed;top:0;right:0;bottom:0;left:0;height:100%;background-color:rgba(29,33,38,.4)}.paraui-v4-image-preview-mask-hidden{display:none}.paraui-v4-image-preview-img{cursor:grab;transform:scale3d(1, 1, 1);transition:transform .3s cubic-bezier(0, 0, 0.25, 1) 0s;user-select:none;vertical-align:middle;max-width:100%;max-height:70%}.paraui-v4-image-preview-img-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center}.paraui-v4-image-preview-img-wrapper>*{pointer-events:auto}.paraui-v4-image-preview-moving .paraui-v4-image-preview-img{cursor:grabbing}.paraui-v4-image-preview-moving .paraui-v4-image-preview-img-wrapper{transition-duration:0s}.paraui-v4-image-preview-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;overflow:auto;outline:0;-webkit-overflow-scrolling:touch}.paraui-v4-image-preview-close{position:fixed;top:30px;right:30px;display:flex;background-color:rgba(0,0,0,0);outline:0;border:0;cursor:pointer}.paraui-v4-image-preview-close svg{color:rgba(255,255,255,.5);font-size:50px}.paraui-v4-image-preview-close:hover svg{color:rgba(255,255,255,.3)}.paraui-v4-image-preview-operations-wrapper{position:fixed;z-index:1001}.paraui-v4-image-preview-footer{position:fixed;z-index:1001;bottom:32px;left:0;width:100%;display:flex;flex-direction:column;align-items:center}.paraui-v4-image-preview-progress{margin-bottom:20px;color:#fff}.paraui-v4-image-preview-operations{display:flex;background:rgba(29,33,38,.9);border-radius:4px;padding:0 8px}.paraui-v4-image-preview-operations-operation{padding:8px;cursor:pointer}.paraui-v4-image-preview-operations-operation svg{color:#fff;transition:all .3s;font-size:24px;vertical-align:top}.paraui-v4-image-preview-operations-operation:hover svg{background-color:rgba(255,255,255,.3);border-radius:2px}.paraui-v4-image-preview-operations-operation-disabled{pointer-events:none;color:#a1a8b3}.paraui-v4-image-preview-operations-operation-disabled svg{color:#a1a8b3}.paraui-v4-image-preview-operations-operation:first-of-type{margin-left:0}.paraui-v4-image-preview-switch-left,.paraui-v4-image-preview-switch-right{width:30px;height:30px;margin-top:-15px;top:50%;position:fixed;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1001;cursor:pointer}.paraui-v4-image-preview-switch-left-disabled svg:hover,.paraui-v4-image-preview-switch-right-disabled svg:hover{color:rgba(29,33,38,.4)}.paraui-v4-image-preview-switch-left svg,.paraui-v4-image-preview-switch-right svg{font-size:50px;color:rgba(255,255,255,.5)}.paraui-v4-image-preview-switch-left svg:hover,.paraui-v4-image-preview-switch-right svg:hover{color:rgba(255,255,255,.3)}.paraui-v4-image-preview-switch-left-disabled,.paraui-v4-image-preview-switch-right-disabled{cursor:not-allowed}.paraui-v4-image-preview-switch-left-disabled>.anticon,.paraui-v4-image-preview-switch-right-disabled>.anticon{cursor:not-allowed}.paraui-v4-image-preview-switch-left>.anticon,.paraui-v4-image-preview-switch-right>.anticon{font-size:30px}.paraui-v4-image-preview-switch-left{left:40px}.paraui-v4-image-preview-switch-right{position:fixed;right:40px}.fade-enter,.fade-appear{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.fade-leave{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.fade-enter.fade-enter-active,.fade-appear.fade-appear-active{animation-name:rcImageFadeIn;animation-play-state:running}.fade-leave.fade-leave-active{animation-name:rcImageFadeOut;animation-play-state:running;pointer-events:none}.fade-enter,.fade-appear{opacity:0;animation-timing-function:linear}.fade-leave{animation-timing-function:linear}@keyframes rcImageFadeIn{0%{opacity:0}100%{opacity:1}}@keyframes rcImageFadeOut{0%{opacity:1}100%{opacity:0}}.zoom-enter,.zoom-appear{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.zoom-leave{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.zoom-enter.zoom-enter-active,.zoom-appear.zoom-appear-active{animation-name:rcImageZoomIn;animation-play-state:running}.zoom-leave.zoom-leave-active{animation-name:rcImageZoomOut;animation-play-state:running;pointer-events:none}.zoom-enter,.zoom-appear{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(0.08, 0.82, 0.17, 1)}.zoom-leave{animation-timing-function:cubic-bezier(0.78, 0.14, 0.15, 0.86)}@keyframes rcImageZoomIn{0%{transform:scale(0.2);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes rcImageZoomOut{0%{transform:scale(1)}100%{transform:scale(0.2);opacity:0}}
+.paraui-v4-image{display:inline-flex;position:relative}.paraui-v4-image-img{width:100%;height:auto}.paraui-v4-image-img-placeholder{background-repeat:no-repeat;background-position:center center;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjhweCIgaGVpZ2h0PSIyMnB4IiB2aWV3Qm94PSIwIDAgMjggMjIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU1LjIgKDc4MTgxKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5pbWFnZS1maWxs5aSH5Lu9PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Iuafpeeci+WbvueJh+S8mOWMljQuMCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IuWKoOi9veWbvueJhyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU3Mi4wMDAwMDAsIC01MDYuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJpbWFnZS1maWxs5aSH5Lu9IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1NzAuMDAwMDAwLCA1MDEuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiBmaWxsPSIjMDAwMDAwIiBvcGFjaXR5PSIwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yOSw1IEwzLDUgQzIuNDQ2ODc1LDUgMiw1LjQ0Njg3NSAyLDYgTDIsMjYgQzIsMjYuNTUzMTI1IDIuNDQ2ODc1LDI3IDMsMjcgTDI5LDI3IEMyOS41NTMxMjUsMjcgMzAsMjYuNTUzMTI1IDMwLDI2IEwzMCw2IEMzMCw1LjQ0Njg3NSAyOS41NTMxMjUsNSAyOSw1IFogTTEwLjU2MjUsOS41IEMxMS42NjU2MjUsOS41IDEyLjU2MjUsMTAuMzk2ODc1IDEyLjU2MjUsMTEuNSBDMTIuNTYyNSwxMi42MDMxMjUgMTEuNjY1NjI1LDEzLjUgMTAuNTYyNSwxMy41IEM5LjQ1OTM3NSwxMy41IDguNTYyNSwxMi42MDMxMjUgOC41NjI1LDExLjUgQzguNTYyNSwxMC4zOTY4NzUgOS40NTkzNzUsOS41IDEwLjU2MjUsOS41IFogTTI2LjYyMTg3NSwyMy4xNTkzNzUgQzI2LjU3ODEyNSwyMy4xOTY4NzUgMjYuNTE4NzUsMjMuMjE4NzUgMjYuNDU5Mzc1LDIzLjIxODc1IEw1LjUzNzUsMjMuMjE4NzUgQzUuNCwyMy4yMTg3NSA1LjI4NzUsMjMuMTA2MjUgNS4yODc1LDIyLjk2ODc1IEM1LjI4NzUsMjIuOTA5Mzc1IDUuMzA5Mzc1LDIyLjg1MzEyNSA1LjM0Njg3NSwyMi44MDYyNSBMMTAuNjY4NzUsMTYuNDkzNzUgQzEwLjc1NjI1LDE2LjM4NzUgMTAuOTE1NjI1LDE2LjM3NSAxMS4wMjE4NzUsMTYuNDYyNSBDMTEuMDMxMjUsMTYuNDcxODc1IDExLjA0Mzc1LDE2LjQ4MTI1IDExLjA1MzEyNSwxNi40OTM3NSBMMTQuMTU5Mzc1LDIwLjE4MTI1IEwxOS4xLDE0LjMyMTg3NSBDMTkuMTg3NSwxNC4yMTU2MjUgMTkuMzQ2ODc1LDE0LjIwMzEyNSAxOS40NTMxMjUsMTQuMjkwNjI1IEMxOS40NjI1LDE0LjMgMTkuNDc1LDE0LjMwOTM3NSAxOS40ODQzNzUsMTQuMzIxODc1IEwyNi42NTkzNzUsMjIuODA5Mzc1IEMyNi43NDA2MjUsMjIuOTEyNSAyNi43MjgxMjUsMjMuMDcxODc1IDI2LjYyMTg3NSwyMy4xNTkzNzUgWiIgaWQ9IlNoYXBlIiBmaWxsPSIjRThFOEU4Ij48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==)}.paraui-v4-image-placeholder{position:absolute;top:0;left:0;right:0;bottom:0}.paraui-v4-image-mask{position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.3);opacity:0;pointer-events:none;display:flex;align-items:center;justify-content:center;color:#fff;transition:opacity .3s}.paraui-v4-image:hover .paraui-v4-image-mask{opacity:1}.paraui-v4-image-preview{text-align:center;height:100%;pointer-events:none}.paraui-v4-image-preview-body{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.paraui-v4-image-preview.zoom-enter,.paraui-v4-image-preview.zoom-appear{transform:none;opacity:0;animation-duration:.3s}.paraui-v4-image-preview-mask{position:fixed;top:0;right:0;bottom:0;left:0;height:100%;background-color:rgba(29,33,38,.4)}.paraui-v4-image-preview-mask-hidden{display:none}.paraui-v4-image-preview-img{cursor:grab;transform:scale3d(1, 1, 1);transition:transform .3s cubic-bezier(0, 0, 0.25, 1) 0s;user-select:none;vertical-align:middle;max-width:100%;max-height:70%}.paraui-v4-image-preview-img-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center}.paraui-v4-image-preview-img-wrapper>*{pointer-events:auto}.paraui-v4-image-preview-moving .paraui-v4-image-preview-img{cursor:grabbing}.paraui-v4-image-preview-moving .paraui-v4-image-preview-img-wrapper{transition-duration:0s}.paraui-v4-image-preview-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;overflow:auto;outline:0;-webkit-overflow-scrolling:touch}.paraui-v4-image-preview-close{position:fixed;top:30px;right:30px;display:flex;background-color:rgba(0,0,0,0);outline:0;border:0;cursor:pointer}.paraui-v4-image-preview-close svg{color:hsla(0,0%,100%,.5);font-size:50px}.paraui-v4-image-preview-close:hover svg{color:hsla(0,0%,100%,.3)}.paraui-v4-image-preview-operations-wrapper{position:fixed;z-index:1001}.paraui-v4-image-preview-footer{position:fixed;z-index:1001;bottom:32px;left:0;width:100%;display:flex;flex-direction:column;align-items:center}.paraui-v4-image-preview-progress{margin-bottom:20px;color:#fff}.paraui-v4-image-preview-operations{display:flex;background:rgba(29,33,38,.9);border-radius:4px;padding:0 8px}.paraui-v4-image-preview-operations-operation{padding:8px;cursor:pointer}.paraui-v4-image-preview-operations-operation svg{color:#fff;transition:all .3s;font-size:24px;vertical-align:top}.paraui-v4-image-preview-operations-operation:hover svg{background-color:hsla(0,0%,100%,.3);border-radius:2px}.paraui-v4-image-preview-operations-operation-disabled{pointer-events:none;color:#a1a8b3}.paraui-v4-image-preview-operations-operation-disabled svg{color:#a1a8b3}.paraui-v4-image-preview-operations-operation:first-of-type{margin-left:0}.paraui-v4-image-preview-switch-left-disabled svg:hover,.paraui-v4-image-preview-switch-right-disabled svg:hover{color:rgba(29,33,38,.4)}.paraui-v4-image-preview-switch-left,.paraui-v4-image-preview-switch-right{width:30px;height:30px;margin-top:-15px;top:50%;position:fixed;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1001;cursor:pointer}.paraui-v4-image-preview-switch-left svg,.paraui-v4-image-preview-switch-right svg{font-size:50px;color:hsla(0,0%,100%,.5)}.paraui-v4-image-preview-switch-left svg:hover,.paraui-v4-image-preview-switch-right svg:hover{color:hsla(0,0%,100%,.3)}.paraui-v4-image-preview-switch-left-disabled,.paraui-v4-image-preview-switch-right-disabled{cursor:not-allowed}.paraui-v4-image-preview-switch-left-disabled>.anticon,.paraui-v4-image-preview-switch-right-disabled>.anticon{cursor:not-allowed}.paraui-v4-image-preview-switch-left>.anticon,.paraui-v4-image-preview-switch-right>.anticon{font-size:30px}.paraui-v4-image-preview-switch-left{left:40px}.paraui-v4-image-preview-switch-right{position:fixed;right:40px}.fade-enter,.fade-appear{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.fade-leave{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.fade-enter.fade-enter-active,.fade-appear.fade-appear-active{animation-name:rcImageFadeIn;animation-play-state:running}.fade-leave.fade-leave-active{animation-name:rcImageFadeOut;animation-play-state:running;pointer-events:none}.fade-enter,.fade-appear{opacity:0;animation-timing-function:linear}.fade-leave{animation-timing-function:linear}@keyframes rcImageFadeIn{0%{opacity:0}100%{opacity:1}}@keyframes rcImageFadeOut{0%{opacity:1}100%{opacity:0}}.zoom-enter,.zoom-appear{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.zoom-leave{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.zoom-enter.zoom-enter-active,.zoom-appear.zoom-appear-active{animation-name:rcImageZoomIn;animation-play-state:running}.zoom-leave.zoom-leave-active{animation-name:rcImageZoomOut;animation-play-state:running;pointer-events:none}.zoom-enter,.zoom-appear{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(0.08, 0.82, 0.17, 1)}.zoom-leave{animation-timing-function:cubic-bezier(0.78, 0.14, 0.15, 0.86)}@keyframes rcImageZoomIn{0%{transform:scale(0.2);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes rcImageZoomOut{0%{transform:scale(1)}100%{transform:scale(0.2);opacity:0}}

package/lib/InputLang/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const u=require("../_virtual/jsx-runtime.js"),s=require("react"),be=require("../TextField/index.js"),he=require("../HelperText/index.js"),me=require("../MultiBox/index.js"),ve=require("../AutoTips/index.js"),je=require("../Popover/index.js"),ye=require("@para-ui/icons/Internet"),W=require("@paraview/lib"),g=require("../GlobalContext/constant.js"),Ce=require("../Hooks/useGlobalProps.js");;/* empty css            */const z=f=>{const{className:$,style:H,label:K,labelTooltip:F,size:v="large",placeholder:q,placeholderKey:G,placeholderValue:J,error:L=!1,hideErrorDom:w,helperText:Q="",required:U=!1,popoverClassName:N,value:M,onChange:O,langList:x=["zh","en"],limitLength:E,disabled:_=!1,disabledTooltip:X,defaultLang:j,disabledDelete:S,disabledAdd:Y,disabledKey:R,typeOutput:V="object",i18n:D}=Ce.default(f,"InputLang"),[Z,k]=s.useState(!1),[o,ee]=s.useState(W.GetLanguage()||"zh"),[I,te]=s.useState({}),[b,T]=s.useState({}),[d,A]=s.useState([]),a=s.useRef({lang:o,valueCom:b,langMapping:{},langLabelMapping:{}}),P=s.useRef(null);a.current.lang=o,a.current.disabledDelete=S,a.current.typeOutput=V,a.current.i18n=V==="string"&&D===void 0?!0:D,s.useEffect(()=>{f.defaultValue!==void 0&&y(f.defaultValue)},[]),s.useEffect(()=>{M!==void 0&&y(M)},[M]),s.useEffect(()=>{j!==void 0&&(ee(j),a.current.lang=j,y())},[j]),s.useEffect(()=>{if(x){const e={},t={};for(let l=0,i=x.length;l<i;l++){const n=x[l];typeof n=="string"?(e[n]={label:n,value:n},t[n]={label:n,value:n}):(e[n.value]=n,t[n.label]=n)}a.current.langMapping=e,a.current.langLabelMapping=t,te(e),y()}},[f.langList]);const y=e=>{let t;if(e){try{typeof e=="string"?t=JSON.parse(e):t=e||{}}catch{t={}}a.current.i18n===!0&&(a.current._i18n=t._i18n||1,delete t._i18n)}const l={...t||a.current.valueCom},i=[],n={};if(a.current.disabledDelete){const r=Object.keys(a.current.langMapping)||[];for(let h=0,p=r.length;h<p;h++){const C=a.current.langMapping[r[h]]||{},m=C.value,fe=C.label,xe=l[m];m!==a.current.lang&&(n[m]=!0,i.push({label:fe,value:xe||""}))}}const c=Object.keys(l);for(let r=0,h=c.length;r<h;r++){const p=c[r],C=l[p];if(!n[p]&&p!==a.current.lang){const m=a.current.langMapping[p]||{};i.push({label:m.label||p,value:C||""})}}a.current.valueCom={...l},A(i),T(l)},B=e=>{let t={...e};if(f.value===void 0&&(a.current.valueCom={...t},T(t)),a.current.typeOutput==="string")try{a.current.i18n===!0&&(t._i18n=a.current._i18n||1),t=JSON.stringify(t)}catch{}O&&O(t)},ne=e=>{b[o]=e.target.value;const t={...b};B(t)},le=e=>{A([...e])},ae=(e,t)=>{const l=[],i=W.ArrayToObject("label",d);for(let n=0,c=x.length;n<c;n++){let r=x[n];typeof r=="object"&&(r=r.label),!i[r]&&r!==(I[o]?.label||o)&&l.push({label:r,value:r})}t(l)},re=()=>{k(!0)},se=e=>{if(e)return;k(!1);const t={};t[o]=b[o]||"";for(let l=0,i=d.length;l<i;l++){const n=d[l],c=a.current.langLabelMapping[n.label]?.value||n.label||"";c.trim()!==""&&(t[c]=n.value||"")}B(t)},ie=()=>u.jsxRuntimeExports.jsx("div",{className:"lang-key",children:u.jsxRuntimeExports.jsx(ve.default,{tipMaxWidth:"none",children:I[o]?.label||o})}),oe=s.useMemo(()=>u.jsxRuntimeExports.jsx("div",{className:"lang-list-icon",children:u.jsxRuntimeExports.jsx(ye,{})}),[]),ue=()=>{let e=`${g.$prefixCls}-input-lang-popover`;return N&&(e+=` ${N}`),Y&&(e+=` ${g.$prefixCls}-input-lang-popover-disabled-add`),S&&(e+=` ${g.$prefixCls}-input-lang-popover-disabled-delete`),e},ce=()=>{if(_===!0)return!0;const e=[];if(R){const t=typeof R=="object";for(let l=0,i=d.length;l<i;l++){const n=d[l].label||"",c=a.current.langLabelMapping[n]||{};t?e.push({[n]:R.indexOf(c.value||n)!==-1}):n.trim()!==""&&e.push({[n]:!0})}}return e},pe=(e,t)=>{const l={};return E&&(l.limitLength=E),l},de=()=>u.jsxRuntimeExports.jsx("div",{className:"input-lang-list",children:u.jsxRuntimeExports.jsx(me.MultiBox,{className:"input-lang-multi-box",size:v,disabled:ce(),value:d,onChange:le,fetchSuggestionsKey:ae,placeholderKey:G,placeholderValue:J||q,valueOtherProps:pe})}),ge=()=>{let e=`${g.$prefixCls}-input-lang`;return v&&(e+=` ${g.$prefixCls}-input-lang-${v}`),L&&(e+=` ${g.$prefixCls}-input-lang-error`),$&&(e+=` ${$}`),e};return u.jsxRuntimeExports.jsxs("div",{className:ge(),style:H,ref:P,children:[u.jsxRuntimeExports.jsx(je.Popover,{placement:"bottom-end",visible:Z,content:de(),onVisibleChange:se,overlayClassName:ue(),maxWidth:"none",overlayInnerStyle:{minWidth:"440px",width:`${P.current?.offsetWidth}px`},children:u.jsxRuntimeExports.jsx(be.TextField,{className:"input-lang-text-field",size:v,error:L,disabled:_,disabledTooltip:X,required:U,label:K,labelTooltip:F,placeholder:q,value:b[o]||"",rightIcon:oe,addonBefore:ie(),hideErrorDom:!0,limitLength:E,onClickIcon:re,onChange:ne})}),u.jsxRuntimeExports.jsx(he.default,{className:"input-lang-error-text",error:L,helperText:Q,hideErrorDom:w})]})};exports.InputLang=z;exports.default=z;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const u=require("../_virtual/jsx-runtime.js"),s=require("react"),be=require("../TextField/index.js"),he=require("../HelperText/index.js"),me=require("../MultiBox/index.js"),ve=require("../AutoTips/index.js"),je=require("../Popover/index.js"),ye=require("../node_modules/@para-ui/icons/Internet/index.js"),W=require("@paraview/lib"),g=require("../GlobalContext/constant.js"),Ce=require("../Hooks/useGlobalProps.js");;/* empty css            */const z=f=>{const{className:R,style:H,label:K,labelTooltip:F,size:v="large",placeholder:q,placeholderKey:G,placeholderValue:J,error:L=!1,hideErrorDom:w,helperText:Q="",required:U=!1,popoverClassName:N,value:M,onChange:O,langList:x=["zh","en"],limitLength:$,disabled:_=!1,disabledTooltip:X,defaultLang:j,disabledDelete:S,disabledAdd:Y,disabledKey:E,typeOutput:V="object",i18n:D}=Ce.default(f,"InputLang"),[Z,k]=s.useState(!1),[o,ee]=s.useState(W.GetLanguage()||"zh"),[I,te]=s.useState({}),[b,T]=s.useState({}),[d,A]=s.useState([]),a=s.useRef({lang:o,valueCom:b,langMapping:{},langLabelMapping:{}}),P=s.useRef(null);a.current.lang=o,a.current.disabledDelete=S,a.current.typeOutput=V,a.current.i18n=V==="string"&&D===void 0?!0:D,s.useEffect(()=>{f.defaultValue!==void 0&&y(f.defaultValue)},[]),s.useEffect(()=>{M!==void 0&&y(M)},[M]),s.useEffect(()=>{j!==void 0&&(ee(j),a.current.lang=j,y())},[j]),s.useEffect(()=>{if(x){const e={},t={};for(let l=0,i=x.length;l<i;l++){const n=x[l];typeof n=="string"?(e[n]={label:n,value:n},t[n]={label:n,value:n}):(e[n.value]=n,t[n.label]=n)}a.current.langMapping=e,a.current.langLabelMapping=t,te(e),y()}},[f.langList]);const y=e=>{let t;if(e){try{typeof e=="string"?t=JSON.parse(e):t=e||{}}catch{t={}}a.current.i18n===!0&&(a.current._i18n=t._i18n||1,delete t._i18n)}const l={...t||a.current.valueCom},i=[],n={};if(a.current.disabledDelete){const r=Object.keys(a.current.langMapping)||[];for(let h=0,p=r.length;h<p;h++){const C=a.current.langMapping[r[h]]||{},m=C.value,fe=C.label,xe=l[m];m!==a.current.lang&&(n[m]=!0,i.push({label:fe,value:xe||""}))}}const c=Object.keys(l);for(let r=0,h=c.length;r<h;r++){const p=c[r],C=l[p];if(!n[p]&&p!==a.current.lang){const m=a.current.langMapping[p]||{};i.push({label:m.label||p,value:C||""})}}a.current.valueCom={...l},A(i),T(l)},B=e=>{let t={...e};if(f.value===void 0&&(a.current.valueCom={...t},T(t)),a.current.typeOutput==="string")try{a.current.i18n===!0&&(t._i18n=a.current._i18n||1),t=JSON.stringify(t)}catch{}O&&O(t)},ne=e=>{b[o]=e.target.value;const t={...b};B(t)},le=e=>{A([...e])},ae=(e,t)=>{const l=[],i=W.ArrayToObject("label",d);for(let n=0,c=x.length;n<c;n++){let r=x[n];typeof r=="object"&&(r=r.label),!i[r]&&r!==(I[o]?.label||o)&&l.push({label:r,value:r})}t(l)},re=()=>{k(!0)},se=e=>{if(e)return;k(!1);const t={};t[o]=b[o]||"";for(let l=0,i=d.length;l<i;l++){const n=d[l],c=a.current.langLabelMapping[n.label]?.value||n.label||"";c.trim()!==""&&(t[c]=n.value||"")}B(t)},ie=()=>u.jsxRuntimeExports.jsx("div",{className:"lang-key",children:u.jsxRuntimeExports.jsx(ve.default,{tipMaxWidth:"none",children:I[o]?.label||o})}),oe=s.useMemo(()=>u.jsxRuntimeExports.jsx("div",{className:"lang-list-icon",children:u.jsxRuntimeExports.jsx(ye.Internet,{})}),[]),ue=()=>{let e=`${g.$prefixCls}-input-lang-popover`;return N&&(e+=` ${N}`),Y&&(e+=` ${g.$prefixCls}-input-lang-popover-disabled-add`),S&&(e+=` ${g.$prefixCls}-input-lang-popover-disabled-delete`),e},ce=()=>{if(_===!0)return!0;const e=[];if(E){const t=typeof E=="object";for(let l=0,i=d.length;l<i;l++){const n=d[l].label||"",c=a.current.langLabelMapping[n]||{};t?e.push({[n]:E.indexOf(c.value||n)!==-1}):n.trim()!==""&&e.push({[n]:!0})}}return e},pe=(e,t)=>{const l={};return $&&(l.limitLength=$),l},de=()=>u.jsxRuntimeExports.jsx("div",{className:"input-lang-list",children:u.jsxRuntimeExports.jsx(me.MultiBox,{className:"input-lang-multi-box",size:v,disabled:ce(),value:d,onChange:le,fetchSuggestionsKey:ae,placeholderKey:G,placeholderValue:J||q,valueOtherProps:pe})}),ge=()=>{let e=`${g.$prefixCls}-input-lang`;return v&&(e+=` ${g.$prefixCls}-input-lang-${v}`),L&&(e+=` ${g.$prefixCls}-input-lang-error`),R&&(e+=` ${R}`),e};return u.jsxRuntimeExports.jsxs("div",{className:ge(),style:H,ref:P,children:[u.jsxRuntimeExports.jsx(je.Popover,{placement:"bottom-end",visible:Z,content:de(),onVisibleChange:se,overlayClassName:ue(),maxWidth:"none",overlayInnerStyle:{minWidth:"440px",width:`${P.current?.offsetWidth}px`},children:u.jsxRuntimeExports.jsx(be.TextField,{className:"input-lang-text-field",size:v,error:L,disabled:_,disabledTooltip:X,required:U,label:K,labelTooltip:F,placeholder:q,value:b[o]||"",rightIcon:oe,addonBefore:ie(),hideErrorDom:!0,limitLength:$,onClickIcon:re,onChange:ne})}),u.jsxRuntimeExports.jsx(he.default,{className:"input-lang-error-text",error:L,helperText:Q,hideErrorDom:w})]})};exports.InputLang=z;exports.default=z;
 //# sourceMappingURL=index.js.map

package/lib/InputNumber/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const n=require("../_virtual/jsx-runtime.js"),l=require("react"),xe=require("rc-input-number"),fe=require("@para-ui/icons/Up"),pe=require("@para-ui/icons/Down"),be=require("../Label/index.js"),je=require("../HelperText/index.js"),T=require("../Tooltip/index.js"),s=require("../GlobalContext/constant.js");;/* empty css            */const z=o=>{const{className:q,style:G,step:h=1,min:i,max:u,size:g="large",placeholder:B="",label:m,labelTooltip:x,labelMode:R="outside",labelSign:a,btnMode:v="tb",disabled:d=!1,disabledTooltip:F,disabledTooltipAdd:J,disabledTooltipReduce:K,readOnly:f=!1,disabledAdd:M=!1,disabledReduce:P=!1,required:p=!1,error:V=!1,hideErrorDom:Q,helperText:U="",keyboard:W=!0,autoFocus:X=!1,formatter:Y,parser:Z,value:b,onChange:k,onEnter:ee,onBlur:S,onFocus:w,addonBefore:C,addonAfter:E,...ne}=o,[_,A]=l.useState(!1),[$,N]=l.useState(),D=l.useRef(null);l.useEffect(()=>{o.defaultValue!==void 0&&N(o.defaultValue)},[]),l.useEffect(()=>{b!==void 0&&N(b)},[b]);const I=()=>o.value===void 0?$:b,te=()=>{if(d||f)return;D?.current?.focus()},se=e=>{A(!0),w&&w(e)},re=e=>{A(!1),S&&S(e)},L=(e,...r)=>{const t=Math.pow(10,12),c=r.map(me=>Math.round(me*t)).reduce(e)/t;return parseFloat(c.toFixed(12))},O=e=>()=>{if(e==="add"&&(d||M||f)||e==="reduce"&&(d||P||f))return;const r=$===void 0?0:Number($);let t;if(e==="add"){if(u!==void 0&&r>=u)return;t=L((j,c)=>j+c,r,h),u!==void 0&&t>u&&(t=u)}else{if(i!==void 0&&r<=i)return;t=L((j,c)=>j-c,r,h),i!==void 0&&t<i&&(t=i)}y(t)},y=e=>{o.value===void 0&&N(e),k&&k(e)},oe=l.useMemo(()=>{if(R==="outside"&&!!(p||a||m)){const r=()=>{let t="input-number-label";return x&&x.className&&(t+=` ${x.className}`),t};return n.jsxRuntimeExports.jsx(be.default,{label:m,required:p,labelSign:a,...x,className:r()})}},[R,m,a,p]),ie=()=>{const e=I();if(_||e!=null)return;const r=()=>R==="outside"?B:n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[m||B,p&&n.jsxRuntimeExports.jsx("span",{className:"input-number-required",children:"*"}),a&&n.jsxRuntimeExports.jsx("span",{children:a})]});return n.jsxRuntimeExports.jsx("span",{className:"input-number-label-placeholder",onClick:te,children:r()})},ue=()=>{if(E)return n.jsxRuntimeExports.jsx("div",{className:"input-number-content-after",children:E})},le=()=>{if(C)return n.jsxRuntimeExports.jsx("div",{className:"input-number-content-before",children:C})},ae=()=>v==="none"?null:n.jsxRuntimeExports.jsxs("div",{className:"input-number-btn",children:[n.jsxRuntimeExports.jsx(T.Tooltip,{disabled:!0,placement:"top-end",...J,children:n.jsxRuntimeExports.jsx("span",{className:"tb-btn-top",onClick:O("add"),children:n.jsxRuntimeExports.jsx(fe,{})})}),n.jsxRuntimeExports.jsx(T.Tooltip,{disabled:!0,placement:"bottom-end",...K,children:n.jsxRuntimeExports.jsx("span",{className:"tb-btn-bottom",onClick:O("reduce"),children:n.jsxRuntimeExports.jsx(pe,{})})})]}),H=()=>n.jsxRuntimeExports.jsxs("div",{className:"input-number-content",children:[le(),n.jsxRuntimeExports.jsxs("div",{className:"input-number-content-within",children:[n.jsxRuntimeExports.jsx(xe,{ref:D,step:h,min:i,max:u,keyboard:W,disabled:d,value:I()??void 0,defaultValue:o.defaultValue===null?void 0:o.defaultValue,autoFocus:X,readOnly:f,formatter:Y,parser:Z,prefixCls:s.$rcPrefixCls,onChange:y,onFocus:se,onBlur:re,onPressEnter:ee,...ne}),ie()]}),ue(),ae()]}),de=()=>F?n.jsxRuntimeExports.jsx(T.Tooltip,{disabled:!0,...F,children:H()}):H(),ce=()=>{let e=`${s.$prefixCls}-input-number `;return q&&(e+=` ${q}`),g&&(e+=` ${s.$prefixCls}-input-number-${g}`),v&&(e+=` ${s.$prefixCls}-input-number-${v==="none"?"none":"tb"}`),_&&(e+=` ${s.$prefixCls}-input-number-focus`),d&&(e+=` ${s.$prefixCls}-input-number-disabled`),M&&(e+=` ${s.$prefixCls}-input-number-disabled-add`),P&&(e+=` ${s.$prefixCls}-input-number-disabled-reduce`),V&&(e+=` ${s.$prefixCls}-input-number-error`),E&&(e+=` ${s.$prefixCls}-input-number-after`),C&&(e+=` ${s.$prefixCls}-input-number-before`),e};return n.jsxRuntimeExports.jsxs("div",{className:ce(),style:G,children:[oe,de(),n.jsxRuntimeExports.jsx(je.default,{className:"input-number-error-text",error:V,helperText:U,hideErrorDom:Q})]})};exports.InputNumber=z;exports.default=z;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const n=require("../_virtual/jsx-runtime.js"),l=require("react"),me=require("rc-input-number"),fe=require("../node_modules/@para-ui/icons/Up/index.js"),pe=require("../node_modules/@para-ui/icons/Down/index.js"),be=require("../Label/index.js"),je=require("../HelperText/index.js"),T=require("../Tooltip/index.js"),s=require("../GlobalContext/constant.js");;/* empty css            */const z=i=>{const{className:q,style:U,step:h=1,min:o,max:u,size:g="large",placeholder:B="",label:x,labelTooltip:m,labelMode:R="outside",labelSign:a,btnMode:v="tb",disabled:d=!1,disabledTooltip:F,disabledTooltipAdd:G,disabledTooltipReduce:J,readOnly:f=!1,disabledAdd:M=!1,disabledReduce:P=!1,required:p=!1,error:V=!1,hideErrorDom:K,helperText:Q="",keyboard:W=!0,autoFocus:X=!1,formatter:Y,parser:Z,value:b,onChange:k,onEnter:ee,onBlur:S,onFocus:w,addonBefore:C,addonAfter:E,...ne}=i,[_,A]=l.useState(!1),[$,N]=l.useState(),D=l.useRef(null);l.useEffect(()=>{i.defaultValue!==void 0&&N(i.defaultValue)},[]),l.useEffect(()=>{b!==void 0&&N(b)},[b]);const I=()=>i.value===void 0?$:b,te=()=>{if(d||f)return;D?.current?.focus()},se=e=>{A(!0),w&&w(e)},re=e=>{A(!1),S&&S(e)},L=(e,...r)=>{const t=Math.pow(10,12),c=r.map(xe=>Math.round(xe*t)).reduce(e)/t;return parseFloat(c.toFixed(12))},O=e=>()=>{if(e==="add"&&(d||M||f)||e==="reduce"&&(d||P||f))return;const r=$===void 0?0:Number($);let t;if(e==="add"){if(u!==void 0&&r>=u)return;t=L((j,c)=>j+c,r,h),u!==void 0&&t>u&&(t=u)}else{if(o!==void 0&&r<=o)return;t=L((j,c)=>j-c,r,h),o!==void 0&&t<o&&(t=o)}y(t)},y=e=>{i.value===void 0&&N(e),k&&k(e)},ie=l.useMemo(()=>{if(R==="outside"&&!!(p||a||x)){const r=()=>{let t="input-number-label";return m&&m.className&&(t+=` ${m.className}`),t};return n.jsxRuntimeExports.jsx(be.default,{label:x,required:p,labelSign:a,...m,className:r()})}},[R,x,a,p]),oe=()=>{const e=I();if(_||e!=null)return;const r=()=>R==="outside"?B:n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[x||B,p&&n.jsxRuntimeExports.jsx("span",{className:"input-number-required",children:"*"}),a&&n.jsxRuntimeExports.jsx("span",{children:a})]});return n.jsxRuntimeExports.jsx("span",{className:"input-number-label-placeholder",onClick:te,children:r()})},ue=()=>{if(E)return n.jsxRuntimeExports.jsx("div",{className:"input-number-content-after",children:E})},le=()=>{if(C)return n.jsxRuntimeExports.jsx("div",{className:"input-number-content-before",children:C})},ae=()=>v==="none"?null:n.jsxRuntimeExports.jsxs("div",{className:"input-number-btn",children:[n.jsxRuntimeExports.jsx(T.Tooltip,{disabled:!0,placement:"top-end",...G,children:n.jsxRuntimeExports.jsx("span",{className:"tb-btn-top",onClick:O("add"),children:n.jsxRuntimeExports.jsx(fe.Up,{})})}),n.jsxRuntimeExports.jsx(T.Tooltip,{disabled:!0,placement:"bottom-end",...J,children:n.jsxRuntimeExports.jsx("span",{className:"tb-btn-bottom",onClick:O("reduce"),children:n.jsxRuntimeExports.jsx(pe.Down,{})})})]}),H=()=>n.jsxRuntimeExports.jsxs("div",{className:"input-number-content",children:[le(),n.jsxRuntimeExports.jsxs("div",{className:"input-number-content-within",children:[n.jsxRuntimeExports.jsx(me,{ref:D,step:h,min:o,max:u,keyboard:W,disabled:d,value:I()??void 0,defaultValue:i.defaultValue===null?void 0:i.defaultValue,autoFocus:X,readOnly:f,formatter:Y,parser:Z,prefixCls:s.$rcPrefixCls,onChange:y,onFocus:se,onBlur:re,onPressEnter:ee,...ne}),oe()]}),ue(),ae()]}),de=()=>F?n.jsxRuntimeExports.jsx(T.Tooltip,{disabled:!0,...F,children:H()}):H(),ce=()=>{let e=`${s.$prefixCls}-input-number `;return q&&(e+=` ${q}`),g&&(e+=` ${s.$prefixCls}-input-number-${g}`),v&&(e+=` ${s.$prefixCls}-input-number-${v==="none"?"none":"tb"}`),_&&(e+=` ${s.$prefixCls}-input-number-focus`),d&&(e+=` ${s.$prefixCls}-input-number-disabled`),M&&(e+=` ${s.$prefixCls}-input-number-disabled-add`),P&&(e+=` ${s.$prefixCls}-input-number-disabled-reduce`),V&&(e+=` ${s.$prefixCls}-input-number-error`),E&&(e+=` ${s.$prefixCls}-input-number-after`),C&&(e+=` ${s.$prefixCls}-input-number-before`),e};return n.jsxRuntimeExports.jsxs("div",{className:ce(),style:U,children:[ie,de(),n.jsxRuntimeExports.jsx(je.default,{className:"input-number-error-text",error:V,helperText:Q,hideErrorDom:K})]})};exports.InputNumber=z;exports.default=z;
 //# sourceMappingURL=index.js.map

package/lib/Loading/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const t=require("../_virtual/jsx-runtime.js"),n=require("react"),c=require("@para-ui/icons/LoadingF"),d=require("../GlobalContext/constant.js");;/* empty css            */const i=o=>{const{className:s,style:a,opacity:u=.7}=o,e=n.useRef(null);n.useEffect(()=>{e&&e.current&&e.current.parentNode&&(e.current.parentNode.style.position||(e.current.parentNode.style.position="relative"))},[]);const l=()=>{let r=`${d.$prefixCls}-loading`;return s&&(r+=` ${s}`),r};return t.jsxRuntimeExports.jsxs("div",{className:l(),style:a,ref:e,children:[t.jsxRuntimeExports.jsx("div",{className:"loading-box",children:t.jsxRuntimeExports.jsx(c,{})}),t.jsxRuntimeExports.jsx("div",{className:"loading-mask",style:{opacity:u}})]})};exports.Loading=i;exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const s=require("../_virtual/jsx-runtime.js"),n=require("react"),c=require("../node_modules/@para-ui/icons/LoadingF/index.js"),d=require("../GlobalContext/constant.js");;/* empty css            */const i=o=>{const{className:t,style:a,opacity:u=.7}=o,e=n.useRef(null);n.useEffect(()=>{e&&e.current&&e.current.parentNode&&(e.current.parentNode.style.position||(e.current.parentNode.style.position="relative"))},[]);const l=()=>{let r=`${d.$prefixCls}-loading`;return t&&(r+=` ${t}`),r};return s.jsxRuntimeExports.jsxs("div",{className:l(),style:a,ref:e,children:[s.jsxRuntimeExports.jsx("div",{className:"loading-box",children:s.jsxRuntimeExports.jsx(c.LoadingF,{})}),s.jsxRuntimeExports.jsx("div",{className:"loading-mask",style:{opacity:u}})]})};exports.Loading=i;exports.default=i;
 //# sourceMappingURL=index.js.map

package/lib/Menu/footerExpansion.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../_virtual/jsx-runtime.js"),d=require("@para-ui/icons/IndentRightFill"),E=require("@para-ui/icons/IndentLeftFill"),l=p=>{const{expansion:s=!0,expandIcon:r,shrinkIcon:t,customizeContent:o,clickExpansion:i,version:c,render:u,className:x}=p,a=()=>{i&&i(!s)},m=()=>{if(u)return u;if(o)return o;const e=()=>s?r||n.jsxRuntimeExports.jsx("span",{className:"icon",children:n.jsxRuntimeExports.jsx(E,{onClick:a})}):t||n.jsxRuntimeExports.jsx("span",{className:"icon",children:n.jsxRuntimeExports.jsx(d,{onClick:a})});return n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[e(),s&&c&&n.jsxRuntimeExports.jsx("span",{className:"version",children:c})]})},j=()=>{let e="footer-expansion";return x&&(e+=` ${x}`),s||(e+=" footer-expansion-shrink"),e};return n.jsxRuntimeExports.jsx("div",{className:j(),children:m()})};exports.FooterExpansion=l;exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../_virtual/jsx-runtime.js"),j=require("../node_modules/@para-ui/icons/IndentRightFill/index.js"),f=require("../node_modules/@para-ui/icons/IndentLeftFill/index.js"),l=p=>{const{expansion:s=!0,expandIcon:t,shrinkIcon:r,customizeContent:i,clickExpansion:o,version:x,render:c,className:a}=p,u=()=>{o&&o(!s)},d=()=>{if(c)return c;if(i)return i;const e=()=>s?t||n.jsxRuntimeExports.jsx("span",{className:"icon",children:n.jsxRuntimeExports.jsx(f.IndentLeftFill,{onClick:u})}):r||n.jsxRuntimeExports.jsx("span",{className:"icon",children:n.jsxRuntimeExports.jsx(j.IndentRightFill,{onClick:u})});return n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[e(),s&&x&&n.jsxRuntimeExports.jsx("span",{className:"version",children:x})]})},m=()=>{let e="footer-expansion";return a&&(e+=` ${a}`),s||(e+=" footer-expansion-shrink"),e};return n.jsxRuntimeExports.jsx("div",{className:m(),children:d()})};exports.FooterExpansion=l;exports.default=l;
 //# sourceMappingURL=footerExpansion.js.map

package/lib/Menu/index.d.ts

@@ -2,3 +2,4 @@ import { FunctionComponent } from 'react';
 import { MenuProps } from './interface';
 export declare const Menu: FunctionComponent<MenuProps>;
 export default Menu;
+export type * from './interface';

package/lib/Menu/style/index.css

@@ -1 +1 @@
-.paraui-v4-vertical-menu{width:100%;height:100%;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;font-size:14px;font-weight:400}.paraui-v4-vertical-menu>.menu-logo{width:100%;display:inline-block;padding:20px 16px 0 16px;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;font-size:14px;font-weight:400}.paraui-v4-vertical-menu>.menu-logo.menu-logo-shrink{padding:20px 0 0}.paraui-v4-vertical-menu>.vertical-menu-list{overflow:hidden;height:100%;position:relative}.paraui-v4-vertical-menu>.vertical-menu-list>.scroll-top{position:absolute;top:0;left:0;width:100%;display:flex;justify-content:center;align-items:center}.paraui-v4-vertical-menu>.vertical-menu-list>.scroll-top>span{width:24px;height:24px;display:flex;justify-content:center;align-items:center;cursor:pointer}.paraui-v4-vertical-menu>.vertical-menu-list>.scroll-top>span>svg{transform:rotate(180deg);font-size:18px}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box{height:100%;overflow:hidden}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll{transition:all .3s}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item:last-child{margin-bottom:0}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content{cursor:pointer;display:flex;border-radius:4px;text-decoration:none}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-icon{width:20px;margin-right:10px;display:flex;justify-content:center;align-items:center}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-icon>svg{font-size:18px}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-content{font-size:14px;width:100%;white-space:nowrap;font-weight:400;display:flex;align-items:center;overflow:hidden}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-content>.menu-item-label{overflow:hidden;text-overflow:ellipsis}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-content>.menu-item-badge{height:16px;min-width:16px;color:#fff;background:#2e65e6;border-radius:8px;margin-left:10px;margin-right:10px;display:flex;align-items:center;justify-content:center;font-size:12px;padding:0 4px}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-content>.menu-item-badge>span{height:16px;line-height:16px;transform:scale(0.8)}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow{width:16px;display:flex;justify-content:center;align-items:center}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>svg{font-size:16px;transition:all .3s}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>.opacity-pos-svg{opacity:0}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>.jump-icon{opacity:0;line-height:0}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content:hover>.menu-item-arrow>.jump-icon{opacity:1}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-open>.vertical-menu-list-item-content>.menu-item-arrow>svg{transform:rotate(180deg)}.paraui-v4-vertical-menu>.vertical-menu-list>.scroll-bottom{position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:center;align-items:center}.paraui-v4-vertical-menu>.vertical-menu-list>.scroll-bottom>span{width:24px;height:24px;display:flex;justify-content:center;align-items:center;cursor:pointer}.paraui-v4-vertical-menu>.vertical-menu-list>.scroll-bottom>span>svg{font-size:18px}.paraui-v4-vertical-menu>.footer-expansion{display:flex;align-items:center;width:100%;padding-bottom:16px;white-space:nowrap;height:48px;padding-left:16px}.paraui-v4-vertical-menu>.footer-expansion>.icon{display:flex;align-items:center;justify-content:center;cursor:pointer;width:32px;height:32px;border-radius:4px}.paraui-v4-vertical-menu>.footer-expansion>.icon svg{font-size:24px}.paraui-v4-vertical-menu>.footer-expansion>.version{font-size:14px;width:calc(100% - 32px);text-align:right;padding-right:20px;padding-left:12px}.paraui-v4-vertical-menu>.footer-expansion.footer-expansion-shrink{justify-content:center;padding-left:0}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box{height:100%;overflow:hidden}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink{display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer;margin-bottom:8px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink:last-child{margin-bottom:0}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink:after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;z-index:1}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content{display:flex;justify-content:center;align-items:center;border-radius:4px;position:relative}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content>svg{position:relative;font-size:20px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content>.menu-item-shrink-badge{position:absolute;height:16px;min-width:16px;color:#fff;background:#2e65e6;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;padding:0 1px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content>.menu-item-shrink-badge>span{height:16px;line-height:16px;transform:scale(0.8)}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large>.vertical-menu-list{padding:24px 16px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item{margin-bottom:8px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.li-collapse>div>div>.vertical-menu-list-item:first-child{margin-top:8px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content{height:40px;line-height:40px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large.paraui-v4-vertical-menu-shrink>.vertical-menu-list{padding:24px 0px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content{width:40px;height:40px;line-height:40px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content>.menu-item-shrink-badge{left:20px;top:4px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small>.vertical-menu-list{padding:24px 12px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item{margin-bottom:4px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.li-collapse>div>div>.vertical-menu-list-item:first-child{margin-top:4px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content{height:36px;line-height:36px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small.paraui-v4-vertical-menu-shrink>.vertical-menu-list{padding:24px 0px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content{width:36px;height:36px;line-height:36px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content>.menu-item-shrink-badge{left:18px;top:1px}.paraui-v4-vertical-menu-item-popper{padding-left:8px;z-index:1500}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content{box-shadow:1px 1px 10px 2px rgba(212,218,227,.4);border-radius:4px;border:1px solid rgba(212,218,227,.4);padding:4px 0;max-height:320px;overflow-y:auto;overflow-x:hidden}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item{position:relative}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content{width:200px;padding:0px 10px;display:flex;cursor:pointer;text-decoration:none;height:30px;line-height:30px}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content:after{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;content:""}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon{width:16px;display:none;justify-content:center;align-items:center;margin-right:12px}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon>svg{font-size:20px;position:relative}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon>svg:after{position:absolute;left:0;top:0;width:100%;height:100%;content:"";z-index:1}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-content{font-size:14px;width:100%;font-weight:400;white-space:nowrap;overflow:hidden;display:flex;align-items:center}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-content>.menu-item-label{overflow:hidden;text-overflow:ellipsis;flex:1}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-content>.menu-item-badge{height:16px;min-width:16px;color:#fff;background:#2e65e6;border-radius:8px;margin-left:10px;margin-right:10px;display:flex;align-items:center;justify-content:center;font-size:12px;padding:0 4px}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-content>.menu-item-badge>span{height:16px;line-height:16px;transform:scale(0.8)}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow{width:16px;display:flex;justify-content:center;align-items:center}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>svg{font-size:16px;transition:all .3s;position:relative;transform:rotate(270deg)}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>svg:after{position:absolute;left:0;top:0;width:100%;height:100%;content:"";z-index:1}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.opacity-pos-svg{opacity:0}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon{position:relative;z-index:10;opacity:0;line-height:0}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content:hover>.menu-item-arrow>.jump-icon{opacity:1}.paraui-v4-vertical-menu-deep{background-color:#1c293c}.paraui-v4-vertical-menu-deep>.menu-logo{color:#fff}.paraui-v4-vertical-menu-deep>.menu-logo svg{color:#fff}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.scroll-top>span>svg,.paraui-v4-vertical-menu-deep>.vertical-menu-list>.scroll-bottom>span>svg{color:#fff}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.scroll-top>span:hover>svg,.paraui-v4-vertical-menu-deep>.vertical-menu-list>.scroll-bottom>span:hover>svg{color:#2e65e6}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content:hover{background-color:#223666}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-icon>svg{color:#fff}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-content{color:#fff}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>svg{color:#fff}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>.jump-icon>svg{color:#fff}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>.jump-icon:hover>svg{color:rgba(255,255,255,.5)}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-last>.vertical-menu-list-item-content,.paraui-v4-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-retract>.vertical-menu-list-item-content{background-color:#223666}.paraui-v4-vertical-menu-deep>.footer-expansion>.icon{background:#223666}.paraui-v4-vertical-menu-deep>.footer-expansion>.icon svg{color:#fff}.paraui-v4-vertical-menu-deep>.footer-expansion>.icon:hover svg{color:#2e65e6}.paraui-v4-vertical-menu-deep>.footer-expansion>.version{color:#fff}.paraui-v4-vertical-menu-deep.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink:hover>.vertical-menu-list-item-shrink-content{background-color:#223666}.paraui-v4-vertical-menu-deep.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content{color:#fff}.paraui-v4-vertical-menu-deep.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content>svg{color:#fff}.paraui-v4-vertical-menu-deep.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-select>.vertical-menu-list-item-shrink-content{background-color:#223666}.paraui-v4-vertical-menu-deep.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-hover>.vertical-menu-list-item-shrink-content{background-color:#223666}.paraui-v4-vertical-menu-light{background:#f7f8fa}.paraui-v4-vertical-menu-light>.menu-logo{color:#2e65e6}.paraui-v4-vertical-menu-light>.menu-logo svg{color:#2e65e6}.paraui-v4-vertical-menu-light>.vertical-menu-list>.scroll-top>span>svg,.paraui-v4-vertical-menu-light>.vertical-menu-list>.scroll-bottom>span>svg{color:#1d2126}.paraui-v4-vertical-menu-light>.vertical-menu-list>.scroll-top>span:hover>svg,.paraui-v4-vertical-menu-light>.vertical-menu-list>.scroll-bottom>span:hover>svg{color:#2e65e6}.paraui-v4-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content:hover{background-color:#eaecf1}.paraui-v4-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-icon>svg{color:#1d2126}.paraui-v4-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-content{color:#1d2126}.paraui-v4-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>svg{color:#5c6573}.paraui-v4-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>.jump-icon>svg{color:#5c6573}.paraui-v4-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>.jump-icon:hover>svg{color:#2e65e6}.paraui-v4-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-last>.vertical-menu-list-item-content,.paraui-v4-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-retract>.vertical-menu-list-item-content{background-color:#eaecf1}.paraui-v4-vertical-menu-light>.footer-expansion>.icon{background:#eaecf1}.paraui-v4-vertical-menu-light>.footer-expansion>.icon svg{color:#1d2126}.paraui-v4-vertical-menu-light>.footer-expansion>.icon:hover svg{color:#2e65e6}.paraui-v4-vertical-menu-light>.footer-expansion>.version{color:#1d2126}.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink:hover>.vertical-menu-list-item-shrink-content{background-color:#eaecf1}.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content{color:#2e65e6}.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content>svg{color:#2e65e6}.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-select>.vertical-menu-list-item-shrink-content{background-color:#eaecf1;color:#2e65e6}.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-select>.vertical-menu-list-item-shrink-content>svg{color:#2e65e6}.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-hover>.vertical-menu-list-item-shrink-content{background-color:#eaecf1;color:#2e65e6}.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-hover>.vertical-menu-list-item-shrink-content>svg{color:#2e65e6}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content{background-color:rgba(29,33,38,.9)}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content{width:inherit;height:inherit;line-height:inherit;padding:2px 12px}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-content{color:#fff}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow{display:none}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content.menu-item-popper-content-item-hover{background-color:rgba(0,0,0,0)}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item.menu-item-popper-content-item-select>.menu-item-popper-content-item-content{background-color:rgba(0,0,0,0)}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow{display:flex;margin-left:8px}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon{opacity:1}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon>svg{color:#fff}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon:hover>svg{color:rgba(255,255,255,.5)}.paraui-v4-vertical-menu-item-popper-deep>.menu-item-popper-content{background-color:#1c293c;color:#fff}.paraui-v4-vertical-menu-item-popper-deep>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon>svg{color:#fff}.paraui-v4-vertical-menu-item-popper-deep>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-content{color:#fff}.paraui-v4-vertical-menu-item-popper-deep>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>svg{color:#fff}.paraui-v4-vertical-menu-item-popper-deep>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon>svg{color:#fff}.paraui-v4-vertical-menu-item-popper-deep>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon:hover>svg{color:rgba(255,255,255,.5)}.paraui-v4-vertical-menu-item-popper-deep>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content.menu-item-popper-content-item-hover{background-color:#223666}.paraui-v4-vertical-menu-item-popper-deep>.menu-item-popper-content>.menu-item-popper-content-item.menu-item-popper-content-item-select>.menu-item-popper-content-item-content{background-color:#223666}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content{background-color:rgba(29,33,38,.9)}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content{width:inherit;height:inherit;line-height:inherit;padding:2px 12px}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-content{color:#fff}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow{display:none}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content.menu-item-popper-content-item-hover{background-color:rgba(0,0,0,0)}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item.menu-item-popper-content-item-select>.menu-item-popper-content-item-content{background-color:rgba(0,0,0,0)}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow{display:flex;margin-left:8px}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon{opacity:1}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon>svg{color:#fff}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon:hover>svg{color:rgba(255,255,255,.5)}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content{background-color:#fff;color:#1d2126}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content:hover{background-color:#eaecf1}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon>svg{color:#1d2126}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-content{color:#1d2126}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>svg{color:#5c6573}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon>svg{color:#5c6573}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon:hover>svg{color:#2e65e6}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content.menu-item-popper-content-item-hover{background-color:#eaecf1}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content>.menu-item-popper-content-item.menu-item-popper-content-item-select>.menu-item-popper-content-item-content{background-color:#eaecf1}
+.paraui-v4-vertical-menu{width:100%;height:100%;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;font-size:14px;font-weight:400}.paraui-v4-vertical-menu>.menu-logo{width:100%;display:inline-block;padding:20px 16px 0 16px;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;font-size:14px;font-weight:400}.paraui-v4-vertical-menu>.menu-logo.menu-logo-shrink{padding:20px 0 0}.paraui-v4-vertical-menu>.vertical-menu-list{overflow:hidden;height:100%;position:relative}.paraui-v4-vertical-menu>.vertical-menu-list>.scroll-top{position:absolute;top:0;left:0;width:100%;display:flex;justify-content:center;align-items:center}.paraui-v4-vertical-menu>.vertical-menu-list>.scroll-top>span{width:24px;height:24px;display:flex;justify-content:center;align-items:center;cursor:pointer}.paraui-v4-vertical-menu>.vertical-menu-list>.scroll-top>span>svg{transform:rotate(180deg);font-size:18px}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box{height:100%;overflow:hidden}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll{transition:all .3s}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item:last-child{margin-bottom:0}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content{cursor:pointer;display:flex;border-radius:4px;text-decoration:none}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-icon{width:20px;margin-right:10px;display:flex;justify-content:center;align-items:center}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-icon>svg{font-size:18px}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-content{font-size:14px;width:100%;white-space:nowrap;font-weight:400;display:flex;align-items:center;overflow:hidden}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-content>.menu-item-label{overflow:hidden;text-overflow:ellipsis}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-content>.menu-item-badge{height:16px;min-width:16px;color:#fff;background:#2e65e6;border-radius:8px;margin-left:10px;margin-right:10px;display:flex;align-items:center;justify-content:center;font-size:12px;padding:0 4px}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-content>.menu-item-badge>span{height:16px;line-height:16px;transform:scale(0.8)}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow{width:16px;display:flex;justify-content:center;align-items:center}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>svg{font-size:16px;transition:all .3s}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>.opacity-pos-svg{opacity:0}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>.jump-icon{opacity:0;line-height:0}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content:hover>.menu-item-arrow>.jump-icon{opacity:1}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-open>.vertical-menu-list-item-content>.menu-item-arrow>svg{transform:rotate(180deg)}.paraui-v4-vertical-menu>.vertical-menu-list>.scroll-bottom{position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:center;align-items:center}.paraui-v4-vertical-menu>.vertical-menu-list>.scroll-bottom>span{width:24px;height:24px;display:flex;justify-content:center;align-items:center;cursor:pointer}.paraui-v4-vertical-menu>.vertical-menu-list>.scroll-bottom>span>svg{font-size:18px}.paraui-v4-vertical-menu>.footer-expansion{display:flex;align-items:center;width:100%;padding-bottom:16px;white-space:nowrap;height:48px;padding-left:16px}.paraui-v4-vertical-menu>.footer-expansion>.icon{display:flex;align-items:center;justify-content:center;cursor:pointer;width:32px;height:32px;border-radius:4px}.paraui-v4-vertical-menu>.footer-expansion>.icon svg{font-size:24px}.paraui-v4-vertical-menu>.footer-expansion>.version{font-size:14px;width:calc(100% - 32px);text-align:right;padding-right:20px;padding-left:12px}.paraui-v4-vertical-menu>.footer-expansion.footer-expansion-shrink{justify-content:center;padding-left:0}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box{height:100%;overflow:hidden}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink{display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer;margin-bottom:8px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink:last-child{margin-bottom:0}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink:after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;z-index:1}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content{display:flex;justify-content:center;align-items:center;border-radius:4px;position:relative}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content>svg{position:relative;font-size:20px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content>.menu-item-shrink-badge{position:absolute;height:16px;min-width:16px;color:#fff;background:#2e65e6;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;padding:0 1px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content>.menu-item-shrink-badge>span{height:16px;line-height:16px;transform:scale(0.8)}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large>.vertical-menu-list{padding:24px 16px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item{margin-bottom:8px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.li-collapse>div>div>.vertical-menu-list-item:first-child{margin-top:8px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content{height:40px;line-height:40px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large.paraui-v4-vertical-menu-shrink>.vertical-menu-list{padding:24px 0px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content{width:40px;height:40px;line-height:40px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content>.menu-item-shrink-badge{left:20px;top:4px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small>.vertical-menu-list{padding:24px 12px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item{margin-bottom:4px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.li-collapse>div>div>.vertical-menu-list-item:first-child{margin-top:4px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content{height:36px;line-height:36px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small.paraui-v4-vertical-menu-shrink>.vertical-menu-list{padding:24px 0px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content{width:36px;height:36px;line-height:36px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content>.menu-item-shrink-badge{left:18px;top:1px}.paraui-v4-vertical-menu-item-popper{padding-left:8px;z-index:1500}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content{box-shadow:1px 1px 10px 2px rgba(212,218,227,.4);border-radius:4px;border:1px solid rgba(212,218,227,.4);padding:4px 0;max-height:320px;overflow-y:auto;overflow-x:hidden}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item{position:relative}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content{width:200px;padding:0px 10px;display:flex;cursor:pointer;text-decoration:none;height:30px;line-height:30px}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content:after{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;content:""}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon{width:16px;display:none;justify-content:center;align-items:center;margin-right:12px}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon>svg{font-size:20px;position:relative}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon>svg:after{position:absolute;left:0;top:0;width:100%;height:100%;content:"";z-index:1}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-content{font-size:14px;width:100%;font-weight:400;white-space:nowrap;overflow:hidden;display:flex;align-items:center}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-content>.menu-item-label{overflow:hidden;text-overflow:ellipsis;flex:1}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-content>.menu-item-badge{height:16px;min-width:16px;color:#fff;background:#2e65e6;border-radius:8px;margin-left:10px;margin-right:10px;display:flex;align-items:center;justify-content:center;font-size:12px;padding:0 4px}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-content>.menu-item-badge>span{height:16px;line-height:16px;transform:scale(0.8)}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow{width:16px;display:flex;justify-content:center;align-items:center}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>svg{font-size:16px;transition:all .3s;position:relative;transform:rotate(270deg)}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>svg:after{position:absolute;left:0;top:0;width:100%;height:100%;content:"";z-index:1}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.opacity-pos-svg{opacity:0}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon{position:relative;z-index:10;opacity:0;line-height:0}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content:hover>.menu-item-arrow>.jump-icon{opacity:1}.paraui-v4-vertical-menu-deep{background-color:#1c293c}.paraui-v4-vertical-menu-deep>.menu-logo{color:#fff}.paraui-v4-vertical-menu-deep>.menu-logo svg{color:#fff}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.scroll-top>span>svg,.paraui-v4-vertical-menu-deep>.vertical-menu-list>.scroll-bottom>span>svg{color:#fff}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.scroll-top>span:hover>svg,.paraui-v4-vertical-menu-deep>.vertical-menu-list>.scroll-bottom>span:hover>svg{color:#2e65e6}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content:hover{background-color:#223666}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-icon>svg{color:#fff}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-content{color:#fff}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>svg{color:#fff}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>.jump-icon>svg{color:#fff}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>.jump-icon:hover>svg{color:hsla(0,0%,100%,.5)}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-last>.vertical-menu-list-item-content,.paraui-v4-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-retract>.vertical-menu-list-item-content{background-color:#223666}.paraui-v4-vertical-menu-deep>.footer-expansion>.icon{background:#223666}.paraui-v4-vertical-menu-deep>.footer-expansion>.icon svg{color:#fff}.paraui-v4-vertical-menu-deep>.footer-expansion>.icon:hover svg{color:#2e65e6}.paraui-v4-vertical-menu-deep>.footer-expansion>.version{color:#fff}.paraui-v4-vertical-menu-deep.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink:hover>.vertical-menu-list-item-shrink-content{background-color:#223666}.paraui-v4-vertical-menu-deep.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content{color:#fff}.paraui-v4-vertical-menu-deep.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content>svg{color:#fff}.paraui-v4-vertical-menu-deep.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-select>.vertical-menu-list-item-shrink-content{background-color:#223666}.paraui-v4-vertical-menu-deep.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-hover>.vertical-menu-list-item-shrink-content{background-color:#223666}.paraui-v4-vertical-menu-light{background:#f7f8fa}.paraui-v4-vertical-menu-light>.menu-logo{color:#2e65e6}.paraui-v4-vertical-menu-light>.menu-logo svg{color:#2e65e6}.paraui-v4-vertical-menu-light>.vertical-menu-list>.scroll-top>span>svg,.paraui-v4-vertical-menu-light>.vertical-menu-list>.scroll-bottom>span>svg{color:#1d2126}.paraui-v4-vertical-menu-light>.vertical-menu-list>.scroll-top>span:hover>svg,.paraui-v4-vertical-menu-light>.vertical-menu-list>.scroll-bottom>span:hover>svg{color:#2e65e6}.paraui-v4-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content:hover{background-color:#eaecf1}.paraui-v4-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-icon>svg{color:#1d2126}.paraui-v4-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-content{color:#1d2126}.paraui-v4-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>svg{color:#5c6573}.paraui-v4-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>.jump-icon>svg{color:#5c6573}.paraui-v4-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>.jump-icon:hover>svg{color:#2e65e6}.paraui-v4-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-last>.vertical-menu-list-item-content,.paraui-v4-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-retract>.vertical-menu-list-item-content{background-color:#eaecf1}.paraui-v4-vertical-menu-light>.footer-expansion>.icon{background:#eaecf1}.paraui-v4-vertical-menu-light>.footer-expansion>.icon svg{color:#1d2126}.paraui-v4-vertical-menu-light>.footer-expansion>.icon:hover svg{color:#2e65e6}.paraui-v4-vertical-menu-light>.footer-expansion>.version{color:#1d2126}.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink:hover>.vertical-menu-list-item-shrink-content{background-color:#eaecf1}.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content{color:#2e65e6}.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content>svg{color:#2e65e6}.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-select>.vertical-menu-list-item-shrink-content{background-color:#eaecf1;color:#2e65e6}.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-select>.vertical-menu-list-item-shrink-content>svg{color:#2e65e6}.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-hover>.vertical-menu-list-item-shrink-content{background-color:#eaecf1;color:#2e65e6}.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-hover>.vertical-menu-list-item-shrink-content>svg{color:#2e65e6}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content{background-color:rgba(29,33,38,.9)}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content{width:inherit;height:inherit;line-height:inherit;padding:2px 12px}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-content{color:#fff}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow{display:none}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content.menu-item-popper-content-item-hover{background-color:rgba(0,0,0,0)}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item.menu-item-popper-content-item-select>.menu-item-popper-content-item-content{background-color:rgba(0,0,0,0)}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow{display:flex;margin-left:8px}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon{opacity:1}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon>svg{color:#fff}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon:hover>svg{color:hsla(0,0%,100%,.5)}.paraui-v4-vertical-menu-item-popper-deep>.menu-item-popper-content{background-color:#1c293c;color:#fff}.paraui-v4-vertical-menu-item-popper-deep>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon>svg{color:#fff}.paraui-v4-vertical-menu-item-popper-deep>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-content{color:#fff}.paraui-v4-vertical-menu-item-popper-deep>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>svg{color:#fff}.paraui-v4-vertical-menu-item-popper-deep>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon>svg{color:#fff}.paraui-v4-vertical-menu-item-popper-deep>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon:hover>svg{color:hsla(0,0%,100%,.5)}.paraui-v4-vertical-menu-item-popper-deep>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content.menu-item-popper-content-item-hover{background-color:#223666}.paraui-v4-vertical-menu-item-popper-deep>.menu-item-popper-content>.menu-item-popper-content-item.menu-item-popper-content-item-select>.menu-item-popper-content-item-content{background-color:#223666}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content{background-color:rgba(29,33,38,.9)}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content{width:inherit;height:inherit;line-height:inherit;padding:2px 12px}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-content{color:#fff}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow{display:none}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content.menu-item-popper-content-item-hover{background-color:rgba(0,0,0,0)}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item.menu-item-popper-content-item-select>.menu-item-popper-content-item-content{background-color:rgba(0,0,0,0)}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow{display:flex;margin-left:8px}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon{opacity:1}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon>svg{color:#fff}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon:hover>svg{color:hsla(0,0%,100%,.5)}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content{background-color:#fff;color:#1d2126}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content:hover{background-color:#eaecf1}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon>svg{color:#1d2126}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-content{color:#1d2126}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>svg{color:#5c6573}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon>svg{color:#5c6573}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon:hover>svg{color:#2e65e6}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content.menu-item-popper-content-item-hover{background-color:#eaecf1}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content>.menu-item-popper-content-item.menu-item-popper-content-item-select>.menu-item-popper-content-item-content{background-color:#eaecf1}

package/lib/Menu/verticalMenuList.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../_virtual/jsx-runtime.js"),i=require("react"),Re=require("react-dom"),Ce=require("../CollapseBox/index.js"),H=require("@para-ui/icons/Down"),Te=require("@para-ui/icons"),de=require("@paraview/lib"),F=require("../GlobalContext/constant.js"),he=require("../AutoTips/index.js");function be(a){const u=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const x in a)if(x!=="default"){const d=Object.getOwnPropertyDescriptor(a,x);Object.defineProperty(u,x,d.get?d:{enumerable:!0,get:()=>a[x]})}}return u.default=a,Object.freeze(u)}const ue=be(Te),ae=a=>{let u="div";return(!a||a.length===0)&&(u="a"),u},me=(a=[],u,x)=>!a||a.length===0?{href:x||`#${u}`}:{},fe=a=>{const{label:u,type:x="router",path:d,href:E,icon:b,children:m,className:_,level:f=1,badge:v,selectMenu:L="",idMenuLast:g,onClickMenu:j,shrinkOthers:R=!0,jumpIcon:C,onClickJump:k}=a,[M,$]=i.useState(!1);i.useEffect(()=>{const s=g?.[L||""];s&&s.indexOf(d||"")!==-1&&s.length>1?$(!0):R&&$(!1)},[g,L,d]);const I=s=>{if(m&&m.length>0)return j&&j(!1),$(!M);j&&j(a),s.preventDefault()},w=()=>{if(b){const s=ue[b];return s?t.jsxRuntimeExports.jsx("span",{className:"menu-item-icon",children:s()}):t.jsxRuntimeExports.jsx("span",{className:"menu-item-icon",children:b})}},O=s=>{s.stopPropagation(),s.preventDefault(),k?.(a)},N=()=>m&&m.length>0?t.jsxRuntimeExports.jsx(H,{}):C?t.jsxRuntimeExports.jsx("span",{className:"jump-icon",onClick:O,children:C}):t.jsxRuntimeExports.jsx(H,{className:"opacity-pos-svg"}),D=()=>{if(v!==void 0)return t.jsxRuntimeExports.jsx("div",{className:"menu-item-badge",children:t.jsxRuntimeExports.jsx("span",{children:v})})},S=()=>{let s="vertical-menu-list-item";M&&(s+=" vertical-menu-list-item-open"),_&&(s+=` ${_}`);const l=g?.[L||""];if(l){const B=l.indexOf(d||"");B!==-1&&(s+=" vertical-menu-list-item-select",B===l.length-1&&(s+=" vertical-menu-list-item-select-last"),M||(s+=" vertical-menu-list-item-select-retract"))}return s},J=()=>{const s={paddingRight:"12px",paddingLeft:"0px"},l=typeof f=="number"?f:1;return l>=0&&(s.paddingLeft=`${(l-1)*26+12}px`),s},h=i.useMemo(()=>{const s=ae(m);return t.jsxRuntimeExports.jsxs(s,{onClick:I,className:"vertical-menu-list-item-content",style:J(),...me(m,d,E),children:[w(),t.jsxRuntimeExports.jsxs("div",{className:"menu-item-content",children:[t.jsxRuntimeExports.jsx("span",{className:"menu-item-label",children:t.jsxRuntimeExports.jsx(he.default,{children:u})}),D()]}),t.jsxRuntimeExports.jsx("span",{className:"menu-item-arrow",children:N()})]})},[m,j,M,f,b,u,d,E,C]),y=i.useMemo(()=>t.jsxRuntimeExports.jsx(Ce.default,{in:M,className:"li-collapse",timeout:"auto",unmountOnExit:!0,children:m&&m.length>0&&m.map((s,l)=>t.jsxRuntimeExports.jsx(fe,{...s,jumpIcon:C||s.jumpIcon,onClickJump:k,level:f+1,idMenuLast:g,selectMenu:L,onClickMenu:j,shrinkOthers:R},l))}),[M,m,f,g,L,j,R,C]);return t.jsxRuntimeExports.jsxs("div",{className:S(),children:[h,y]})},je=a=>{const{size:u="large",open:x=!1,anchorEl:d,idMenuLast:E,selectMenu:b="",onClickMenu:m,list:_=[],onMouseEnter:f,onMouseLeave:v,onMouseEnterBus:L,onMouseLeaveBus:g,level:j=1,color:R,className:C,jumpIcon:k,onClickJump:M}=a,[$,I]=i.useState(!1),[w,O]=i.useState(""),[N,D]=i.useState([]),[S,J]=i.useState({}),[h]=i.useState({}),y=i.useRef(null);i.useEffect(()=>()=>{clearTimeout(h.leaveBox),clearTimeout(h.closeTimer),clearTimeout(h.styleTimer)},[]),i.useEffect(()=>{s()},[x,d]);const s=()=>{clearTimeout(h.styleTimer),h.styleTimer=setTimeout(()=>{if(d&&x&&y.current){const n=document.querySelector(`[data-menu-id=${d}]`);if(!n)return;const c=n.getBoundingClientRect();let p=c.top;j!==1&&(p=p-4);const G=document.body.clientHeight,K=y.current.clientHeight;K+p>G&&(p=p-(K+p-G)-20),p<0&&(p=0),J({position:"absolute",left:"0",top:"0",transform:`translate3d(${c.right}px, ${p}px, 0px)`})}})},l=()=>{let n=`${F.$prefixCls}-vertical-menu-item-popper`;return R&&(n+=` ${F.$prefixCls}-vertical-menu-item-popper-${R}`),u&&(n+=` ${F.$prefixCls}-vertical-menu-item-popper-${u}`),R==="deep"?n+=` ${F.$prefixCls}-scrollbar-small-deep`:n+=` ${F.$prefixCls}-scrollbar-small`,k&&(n+=` ${F.$prefixCls}-vertical-menu-item-popper-jump-icon`),C&&(n+=` ${C}`),n},B=n=>{let c="menu-item-popper-content-item";const p=E?.[b||""];return p&&p.indexOf(n.path||"")!==-1&&(c+=" menu-item-popper-content-item-select"),c},X=n=>{if(n){const c=ue[n];return c?t.jsxRuntimeExports.jsx("span",{className:"menu-item-icon",children:c()}):t.jsxRuntimeExports.jsx("span",{className:"menu-item-icon",children:n})}},A=n=>c=>{c.stopPropagation(),c.preventDefault(),M?.(n)},z=(n,c)=>n&&n.length>0?t.jsxRuntimeExports.jsx(H,{}):k?t.jsxRuntimeExports.jsx("span",{className:"jump-icon",onClick:A(c),children:k}):t.jsxRuntimeExports.jsx(H,{className:"opacity-pos-svg"}),V=n=>{if(n.badge!==void 0)return t.jsxRuntimeExports.jsx("div",{className:"menu-item-badge",children:t.jsxRuntimeExports.jsx("span",{children:n.badge})})},Z=n=>c=>{c.preventDefault(),!(n.children&&n.children.length>0)&&m&&m(n)},ee=()=>{j==1?f&&f():L&&L()},te=()=>{clearTimeout(h.leaveBox),h.leaveBox=setTimeout(()=>{j===1?v&&v():g&&g()},50)},Y=()=>{clearTimeout(h.leaveBox)},ne=()=>{I(!1),O(""),D([]),v&&v()},se=n=>c=>{re(c.target),I(!1),clearTimeout(h.closeTimer),h.closeTimer=setTimeout(()=>{(n.children||[]).length>0?(I(!0),O(c.target.getAttribute("data-menu-id")||""),D(n.children||[])):(I(!1),O(""),D([]))})},U=n=>c=>{},re=n=>{if(y){const p=y.current?.querySelector(".menu-item-popper-content-item-hover");p&&p.classList.remove("menu-item-popper-content-item-hover")}n&&n.classList.add("menu-item-popper-content-item-hover")},oe=i.useMemo(()=>t.jsxRuntimeExports.jsx("div",{className:"menu-item-popper-content",onMouseEnter:ee,onMouseLeave:te,ref:y,children:_.map((n,c)=>{const p=ae(n.children);return t.jsxRuntimeExports.jsx("div",{className:B(n),onMouseEnter:se(n),onMouseLeave:U(),children:t.jsxRuntimeExports.jsxs(p,{className:"menu-item-popper-content-item-content","data-menu-id":n._paraui_menu_id,onClick:Z(n),...me(n.children,n.path,n.href),children:[X(n.icon),t.jsxRuntimeExports.jsxs("div",{className:"menu-item-content",children:[t.jsxRuntimeExports.jsx("span",{className:"menu-item-label",children:t.jsxRuntimeExports.jsx(he.default,{children:n.label})}),V(n)]}),t.jsxRuntimeExports.jsx("span",{className:"menu-item-arrow",children:z(n.children,n)})]})},c)})}),[_,m,E,b,m,f,v,j,M,k]),ie=()=>t.jsxRuntimeExports.jsx("div",{className:l(),style:S,children:oe}),W=i.useMemo(()=>t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:Re.createPortal(t.jsxRuntimeExports.jsx(ie,{}),document.getElementsByTagName("body")[0])}),[S,_,m,E,b,m,f,v,j,C,R,u,M,k]);return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[W,$&&t.jsxRuntimeExports.jsx(je,{size:u,open:$,anchorEl:w,list:N,idMenuLast:E,selectMenu:b,onClickMenu:m,onMouseEnter:f,onMouseLeave:v,onMouseEnterBus:Y,onMouseLeaveBus:ne,color:R,level:j+1,jumpIcon:k,onClickJump:M})]})},ce=a=>{if(!a)return 0;try{const u=a.match(/translate3d\((.*)px, (.*)px, (.*)px\)/);return Number(u&&u[2])}catch{}return 0},ve=a=>{const{list:u,expansion:x=!0,selectMenu:d="",onClickMenu:E,className:b,shrinkOthers:m=!0,size:_="large",jumpIcon:f,onClickJump:v,color:L}=a,[g,j]=i.useState([]),[R,C]=i.useState(!1),[k,M]=i.useState(null),[$,I]=i.useState(""),[w,O]=i.useState([]),[N,D]=i.useState(""),[S,J]=i.useState({}),[h,y]=i.useState({prev:!1,next:!1}),[s]=i.useState({}),l=i.useRef(null);i.useEffect(()=>()=>{clearTimeout(s.arrowTimer),clearTimeout(s.leaveTimer),clearTimeout(s.enterTimer)},[]),i.useEffect(()=>{const e=u||[],r=[];for(let o=0,T=e.length;o<T;o++){const Q=e[o];r.push({...Q})}Z(r)},[u]),i.useEffect(()=>{B()},[g]),i.useEffect(()=>{d!==N&&D(d),B()},[d]);const B=()=>{clearTimeout(s.arrowTimer),s.arrowTimer=setTimeout(()=>{if(!l.current)return;const{min:e,max:r}=V(),o=ce(l.current.style.transform);y({prev:o!==e,next:o>r})},300)},X=e=>{if(!l.current)return;l.current.style.transition="none";const{deltaY:r}=e;let o=ce(l.current.style.transform);o-=r,z(o)},A=e=>()=>{if(!l.current)return;const r=100;let o=ce(l.current.style.transform);switch(e){case"next":o-=r;break;case"prev":o+=r;break}z(o)},z=e=>{if(!l.current)return;const{min:r,max:o}=V();e>r&&(e=r),e<o&&(e=o),y({prev:e!==r,next:e>o}),l.current.style.transform=`translate3d(0, ${e}px, 0)`,l.current.style.transition="all .3s"},V=()=>{if(!l.current||!l.current.parentNode)return{min:0,max:0};const e=l.current.parentNode.getBoundingClientRect().height,r=0;let o=-(l.current.getBoundingClientRect().height-e);return e>l.current.getBoundingClientRect().height&&(o=0),{min:r,max:o}},Z=e=>{const r={},o={},T=(Q,pe)=>{for(let le=0,Me=Q.length;le<Me;le++){const P=Q[le],q=P.path||"";if(P._paraui_menu_id=`_paraui_menu_id_${de.UUID()}`,pe){const xe=de.DeepClone(r[pe.path||""]||[]);xe.push(q),r[q]=[...xe]}else r[q]=[q],P._paraui_menu_first=!0;P.children&&P.children.length>0?T(P.children,P):o[q]=r[q]}};T(e),J(o),j(e)},ee=(e,r)=>o=>{C(!1),clearTimeout(s.enterTimer),s.enterTimer=setTimeout(()=>{clearTimeout(s.leaveTimer);let T=[e];e.children&&e.children.length>0&&(T=e.children),M(r),I(o.target.getAttribute("data-menu-id")||""),O(T),C(!0)})},te=e=>r=>{Y()},Y=()=>{clearTimeout(s.leaveTimer),s.leaveTimer=setTimeout(()=>{U()},50)},ne=()=>{clearTimeout(s.leaveTimer)},se=()=>{Y()},U=()=>{C(!1),I(""),O([]),M(null)},re=e=>{const{icon:r,label:o}=e;if(r){const T=ue[r];return T?T():r}return typeof o=="string"?o[0]:o},oe=e=>{if(e.badge!==void 0)return t.jsxRuntimeExports.jsx("div",{className:"menu-item-shrink-badge",children:t.jsxRuntimeExports.jsx("span",{children:e.badge})})},ie=e=>r=>{if(!e.children||e.children.length===0){const o={...e};delete o._paraui_menu_id,E&&E(o)}r.preventDefault()},W=e=>{if(e===!1)return B();U();const r={...e};delete r._paraui_menu_id,E&&E(r)},n=(e,r)=>{let o="vertical-menu-list-item-shrink";const T=S?.[N||""];return T&&T.indexOf(e.path||"")!==-1&&(o+=" vertical-menu-list-item-shrink-select"),k===r&&(o+=" vertical-menu-list-item-shrink-hover"),o},c=()=>{let e="vertical-menu-list";return b&&(e+=` ${b}`),e},p=i.useMemo(()=>{if(x)return g.map((e,r)=>i.createElement(fe,{...e,key:r,level:1,jumpIcon:e.jumpIcon||f,onClickJump:e.onClickJump||v,idMenuLast:S,selectMenu:N,onClickMenu:W,shrinkOthers:m}))},[x,g,S,N,E,m,f,v]),G=i.useMemo(()=>x?null:g.map((e,r)=>{const o=ae(e.children);return t.jsxRuntimeExports.jsx(o,{className:n(e,r),onMouseEnter:ee(e,r),onMouseLeave:te(),"data-menu-id":e._paraui_menu_id,onClick:ie(e),...me(e.children,e.path,e.href),children:t.jsxRuntimeExports.jsxs("span",{className:"vertical-menu-list-item-shrink-content",children:[re(e),oe(e)]})},r)}),[x,g,S,N,k]),K=i.useMemo(()=>t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:h.prev&&t.jsxRuntimeExports.jsx("div",{className:"scroll-top",children:t.jsxRuntimeExports.jsx("span",{onClick:A("prev"),children:t.jsxRuntimeExports.jsx(H,{})})})}),[h]),Ee=i.useMemo(()=>t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:h.next&&t.jsxRuntimeExports.jsx("div",{className:"scroll-bottom",children:t.jsxRuntimeExports.jsx("span",{onClick:A("next"),children:t.jsxRuntimeExports.jsx(H,{})})})}),[h]),ge=i.useMemo(()=>t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:R&&t.jsxRuntimeExports.jsx(je,{open:R,anchorEl:$,list:w,idMenuLast:S,selectMenu:N,onClickMenu:W,onMouseEnter:ne,onMouseLeave:se,color:L,level:1,size:_,jumpIcon:f,onClickJump:v})}),[R,$,w,S,N,E,s,L,_,f,v]);return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs("div",{className:c(),onWheel:X,children:[K,t.jsxRuntimeExports.jsx("div",{className:"vertical-menu-list-box",children:t.jsxRuntimeExports.jsxs("div",{className:"vertical-menu-list-box-srcoll",ref:l,children:[p,G]})}),Ee]}),ge]})};exports.VerticalMenuList=ve;exports.default=ve;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../_virtual/jsx-runtime.js"),i=require("react"),Re=require("react-dom"),Ce=require("../CollapseBox/index.js"),H=require("../node_modules/@para-ui/icons/Down/index.js"),ue=require("../node_modules/@para-ui/icons/index.js"),de=require("@paraview/lib"),F=require("../GlobalContext/constant.js"),he=require("../AutoTips/index.js"),ae=x=>{let m="div";return(!x||x.length===0)&&(m="a"),m},me=(x=[],m,T)=>!x||x.length===0?{href:T||`#${m}`}:{},fe=x=>{const{label:m,type:T="router",path:j,href:E,icon:k,children:u,className:y,level:d=1,badge:f,selectMenu:L="",idMenuLast:v,onClickMenu:h,shrinkOthers:g=!0,jumpIcon:R,onClickJump:N}=x,[M,_]=i.useState(!1);i.useEffect(()=>{const s=v?.[L||""];s&&s.indexOf(j||"")!==-1&&s.length>1?_(!0):g&&_(!1)},[v,L,j]);const I=s=>{if(u&&u.length>0)return h&&h(!1),_(!M);h&&h(x),s.preventDefault()},P=()=>{if(k){const s=ue[k];return s?t.jsxRuntimeExports.jsx("span",{className:"menu-item-icon",children:s()}):t.jsxRuntimeExports.jsx("span",{className:"menu-item-icon",children:k})}},B=s=>{s.stopPropagation(),s.preventDefault(),N?.(x)},b=()=>u&&u.length>0?t.jsxRuntimeExports.jsx(H.Down,{}):R?t.jsxRuntimeExports.jsx("span",{className:"jump-icon",onClick:B,children:R}):t.jsxRuntimeExports.jsx(H.Down,{className:"opacity-pos-svg"}),O=()=>{if(f!==void 0)return t.jsxRuntimeExports.jsx("div",{className:"menu-item-badge",children:t.jsxRuntimeExports.jsx("span",{children:f})})},S=()=>{let s="vertical-menu-list-item";M&&(s+=" vertical-menu-list-item-open"),y&&(s+=` ${y}`);const l=v?.[L||""];if(l){const D=l.indexOf(j||"");D!==-1&&(s+=" vertical-menu-list-item-select",D===l.length-1&&(s+=" vertical-menu-list-item-select-last"),M||(s+=" vertical-menu-list-item-select-retract"))}return s},J=()=>{const s={paddingRight:"12px",paddingLeft:"0px"},l=typeof d=="number"?d:1;return l>=0&&(s.paddingLeft=`${(l-1)*26+12}px`),s},p=i.useMemo(()=>{const s=ae(u);return t.jsxRuntimeExports.jsxs(s,{onClick:I,className:"vertical-menu-list-item-content",style:J(),...me(u,j,E),children:[P(),t.jsxRuntimeExports.jsxs("div",{className:"menu-item-content",children:[t.jsxRuntimeExports.jsx("span",{className:"menu-item-label",children:t.jsxRuntimeExports.jsx(he.default,{children:m})}),O()]}),t.jsxRuntimeExports.jsx("span",{className:"menu-item-arrow",children:b()})]})},[u,h,M,d,k,m,j,E,R]),$=i.useMemo(()=>t.jsxRuntimeExports.jsx(Ce.default,{in:M,className:"li-collapse",timeout:"auto",unmountOnExit:!0,children:u&&u.length>0&&u.map((s,l)=>t.jsxRuntimeExports.jsx(fe,{...s,jumpIcon:R||s.jumpIcon,onClickJump:N,level:d+1,idMenuLast:v,selectMenu:L,onClickMenu:h,shrinkOthers:g},l))}),[M,u,d,v,L,h,g,R]);return t.jsxRuntimeExports.jsxs("div",{className:S(),children:[p,$]})},je=x=>{const{size:m="large",open:T=!1,anchorEl:j,idMenuLast:E,selectMenu:k="",onClickMenu:u,list:y=[],onMouseEnter:d,onMouseLeave:f,onMouseEnterBus:L,onMouseLeaveBus:v,level:h=1,color:g,className:R,jumpIcon:N,onClickJump:M}=x,[_,I]=i.useState(!1),[P,B]=i.useState(""),[b,O]=i.useState([]),[S,J]=i.useState({}),[p]=i.useState({}),$=i.useRef(null);i.useEffect(()=>()=>{clearTimeout(p.leaveBox),clearTimeout(p.closeTimer),clearTimeout(p.styleTimer)},[]),i.useEffect(()=>{s()},[T,j]);const s=()=>{clearTimeout(p.styleTimer),p.styleTimer=setTimeout(()=>{if(j&&T&&$.current){const n=document.querySelector(`[data-menu-id=${j}]`);if(!n)return;const c=n.getBoundingClientRect();let a=c.top;h!==1&&(a=a-4);const G=document.body.clientHeight,K=$.current.clientHeight;K+a>G&&(a=a-(K+a-G)-20),a<0&&(a=0),J({position:"absolute",left:"0",top:"0",transform:`translate3d(${c.right}px, ${a}px, 0px)`})}})},l=()=>{let n=`${F.$prefixCls}-vertical-menu-item-popper`;return g&&(n+=` ${F.$prefixCls}-vertical-menu-item-popper-${g}`),m&&(n+=` ${F.$prefixCls}-vertical-menu-item-popper-${m}`),g==="deep"?n+=` ${F.$prefixCls}-scrollbar-small-deep`:n+=` ${F.$prefixCls}-scrollbar-small`,N&&(n+=` ${F.$prefixCls}-vertical-menu-item-popper-jump-icon`),R&&(n+=` ${R}`),n},D=n=>{let c="menu-item-popper-content-item";const a=E?.[k||""];return a&&a.indexOf(n.path||"")!==-1&&(c+=" menu-item-popper-content-item-select"),c},X=n=>{if(n){const c=ue[n];return c?t.jsxRuntimeExports.jsx("span",{className:"menu-item-icon",children:c()}):t.jsxRuntimeExports.jsx("span",{className:"menu-item-icon",children:n})}},A=n=>c=>{c.stopPropagation(),c.preventDefault(),M?.(n)},V=(n,c)=>n&&n.length>0?t.jsxRuntimeExports.jsx(H.Down,{}):N?t.jsxRuntimeExports.jsx("span",{className:"jump-icon",onClick:A(c),children:N}):t.jsxRuntimeExports.jsx(H.Down,{className:"opacity-pos-svg"}),Y=n=>{if(n.badge!==void 0)return t.jsxRuntimeExports.jsx("div",{className:"menu-item-badge",children:t.jsxRuntimeExports.jsx("span",{children:n.badge})})},Z=n=>c=>{c.preventDefault(),!(n.children&&n.children.length>0)&&u&&u(n)},ee=()=>{h==1?d&&d():L&&L()},te=()=>{clearTimeout(p.leaveBox),p.leaveBox=setTimeout(()=>{h===1?f&&f():v&&v()},50)},z=()=>{clearTimeout(p.leaveBox)},ne=()=>{I(!1),B(""),O([]),f&&f()},se=n=>c=>{re(c.target),I(!1),clearTimeout(p.closeTimer),p.closeTimer=setTimeout(()=>{(n.children||[]).length>0?(I(!0),B(c.target.getAttribute("data-menu-id")||""),O(n.children||[])):(I(!1),B(""),O([]))})},U=n=>c=>{},re=n=>{if($){const a=$.current?.querySelector(".menu-item-popper-content-item-hover");a&&a.classList.remove("menu-item-popper-content-item-hover")}n&&n.classList.add("menu-item-popper-content-item-hover")},oe=i.useMemo(()=>t.jsxRuntimeExports.jsx("div",{className:"menu-item-popper-content",onMouseEnter:ee,onMouseLeave:te,ref:$,children:y.map((n,c)=>{const a=ae(n.children);return t.jsxRuntimeExports.jsx("div",{className:D(n),onMouseEnter:se(n),onMouseLeave:U(),children:t.jsxRuntimeExports.jsxs(a,{className:"menu-item-popper-content-item-content","data-menu-id":n._paraui_menu_id,onClick:Z(n),...me(n.children,n.path,n.href),children:[X(n.icon),t.jsxRuntimeExports.jsxs("div",{className:"menu-item-content",children:[t.jsxRuntimeExports.jsx("span",{className:"menu-item-label",children:t.jsxRuntimeExports.jsx(he.default,{children:n.label})}),Y(n)]}),t.jsxRuntimeExports.jsx("span",{className:"menu-item-arrow",children:V(n.children,n)})]})},c)})}),[y,u,E,k,u,d,f,h,M,N]),ie=()=>t.jsxRuntimeExports.jsx("div",{className:l(),style:S,children:oe}),W=i.useMemo(()=>t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:Re.createPortal(t.jsxRuntimeExports.jsx(ie,{}),document.getElementsByTagName("body")[0])}),[S,y,u,E,k,u,d,f,h,R,g,m,M,N]);return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[W,_&&t.jsxRuntimeExports.jsx(je,{size:m,open:_,anchorEl:P,list:b,idMenuLast:E,selectMenu:k,onClickMenu:u,onMouseEnter:d,onMouseLeave:f,onMouseEnterBus:z,onMouseLeaveBus:ne,color:g,level:h+1,jumpIcon:N,onClickJump:M})]})},ce=x=>{if(!x)return 0;try{const m=x.match(/translate3d\((.*)px, (.*)px, (.*)px\)/);return Number(m&&m[2])}catch{}return 0},Ee=x=>{const{list:m,expansion:T=!0,selectMenu:j="",onClickMenu:E,className:k,shrinkOthers:u=!0,size:y="large",jumpIcon:d,onClickJump:f,color:L}=x,[v,h]=i.useState([]),[g,R]=i.useState(!1),[N,M]=i.useState(null),[_,I]=i.useState(""),[P,B]=i.useState([]),[b,O]=i.useState(""),[S,J]=i.useState({}),[p,$]=i.useState({prev:!1,next:!1}),[s]=i.useState({}),l=i.useRef(null);i.useEffect(()=>()=>{clearTimeout(s.arrowTimer),clearTimeout(s.leaveTimer),clearTimeout(s.enterTimer)},[]),i.useEffect(()=>{const e=m||[],r=[];for(let o=0,C=e.length;o<C;o++){const Q=e[o];r.push({...Q})}Z(r)},[m]),i.useEffect(()=>{D()},[v]),i.useEffect(()=>{j!==b&&O(j),D()},[j]);const D=()=>{clearTimeout(s.arrowTimer),s.arrowTimer=setTimeout(()=>{if(!l.current)return;const{min:e,max:r}=Y(),o=ce(l.current.style.transform);$({prev:o!==e,next:o>r})},300)},X=e=>{if(!l.current)return;l.current.style.transition="none";const{deltaY:r}=e;let o=ce(l.current.style.transform);o-=r,V(o)},A=e=>()=>{if(!l.current)return;const r=100;let o=ce(l.current.style.transform);switch(e){case"next":o-=r;break;case"prev":o+=r;break}V(o)},V=e=>{if(!l.current)return;const{min:r,max:o}=Y();e>r&&(e=r),e<o&&(e=o),$({prev:e!==r,next:e>o}),l.current.style.transform=`translate3d(0, ${e}px, 0)`,l.current.style.transition="all .3s"},Y=()=>{if(!l.current||!l.current.parentNode)return{min:0,max:0};const e=l.current.parentNode.getBoundingClientRect().height,r=0;let o=-(l.current.getBoundingClientRect().height-e);return e>l.current.getBoundingClientRect().height&&(o=0),{min:r,max:o}},Z=e=>{const r={},o={},C=(Q,pe)=>{for(let le=0,ge=Q.length;le<ge;le++){const w=Q[le],q=w.path||"";if(w._paraui_menu_id=`_paraui_menu_id_${de.UUID()}`,pe){const xe=de.DeepClone(r[pe.path||""]||[]);xe.push(q),r[q]=[...xe]}else r[q]=[q],w._paraui_menu_first=!0;w.children&&w.children.length>0?C(w.children,w):o[q]=r[q]}};C(e),J(o),h(e)},ee=(e,r)=>o=>{R(!1),clearTimeout(s.enterTimer),s.enterTimer=setTimeout(()=>{clearTimeout(s.leaveTimer);let C=[e];e.children&&e.children.length>0&&(C=e.children),M(r),I(o.target.getAttribute("data-menu-id")||""),B(C),R(!0)})},te=e=>r=>{z()},z=()=>{clearTimeout(s.leaveTimer),s.leaveTimer=setTimeout(()=>{U()},50)},ne=()=>{clearTimeout(s.leaveTimer)},se=()=>{z()},U=()=>{R(!1),I(""),B([]),M(null)},re=e=>{const{icon:r,label:o}=e;if(r){const C=ue[r];return C?C():r}return typeof o=="string"?o[0]:o},oe=e=>{if(e.badge!==void 0)return t.jsxRuntimeExports.jsx("div",{className:"menu-item-shrink-badge",children:t.jsxRuntimeExports.jsx("span",{children:e.badge})})},ie=e=>r=>{if(!e.children||e.children.length===0){const o={...e};delete o._paraui_menu_id,E&&E(o)}r.preventDefault()},W=e=>{if(e===!1)return D();U();const r={...e};delete r._paraui_menu_id,E&&E(r)},n=(e,r)=>{let o="vertical-menu-list-item-shrink";const C=S?.[b||""];return C&&C.indexOf(e.path||"")!==-1&&(o+=" vertical-menu-list-item-shrink-select"),N===r&&(o+=" vertical-menu-list-item-shrink-hover"),o},c=()=>{let e="vertical-menu-list";return k&&(e+=` ${k}`),e},a=i.useMemo(()=>{if(T)return v.map((e,r)=>i.createElement(fe,{...e,key:r,level:1,jumpIcon:e.jumpIcon||d,onClickJump:e.onClickJump||f,idMenuLast:S,selectMenu:b,onClickMenu:W,shrinkOthers:u}))},[T,v,S,b,E,u,d,f]),G=i.useMemo(()=>T?null:v.map((e,r)=>{const o=ae(e.children);return t.jsxRuntimeExports.jsx(o,{className:n(e,r),onMouseEnter:ee(e,r),onMouseLeave:te(),"data-menu-id":e._paraui_menu_id,onClick:ie(e),...me(e.children,e.path,e.href),children:t.jsxRuntimeExports.jsxs("span",{className:"vertical-menu-list-item-shrink-content",children:[re(e),oe(e)]})},r)}),[T,v,S,b,N]),K=i.useMemo(()=>t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:p.prev&&t.jsxRuntimeExports.jsx("div",{className:"scroll-top",children:t.jsxRuntimeExports.jsx("span",{onClick:A("prev"),children:t.jsxRuntimeExports.jsx(H.Down,{})})})}),[p]),ve=i.useMemo(()=>t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:p.next&&t.jsxRuntimeExports.jsx("div",{className:"scroll-bottom",children:t.jsxRuntimeExports.jsx("span",{onClick:A("next"),children:t.jsxRuntimeExports.jsx(H.Down,{})})})}),[p]),Me=i.useMemo(()=>t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:g&&t.jsxRuntimeExports.jsx(je,{open:g,anchorEl:_,list:P,idMenuLast:S,selectMenu:b,onClickMenu:W,onMouseEnter:ne,onMouseLeave:se,color:L,level:1,size:y,jumpIcon:d,onClickJump:f})}),[g,_,P,S,b,E,s,L,y,d,f]);return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs("div",{className:c(),onWheel:X,children:[K,t.jsxRuntimeExports.jsx("div",{className:"vertical-menu-list-box",children:t.jsxRuntimeExports.jsxs("div",{className:"vertical-menu-list-box-srcoll",ref:l,children:[a,G]})}),ve]}),Me]})};exports.VerticalMenuList=Ee;exports.default=Ee;
 //# sourceMappingURL=verticalMenuList.js.map

package/lib/Message/index.js

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const f=require("../_virtual/jsx-runtime.js"),S=require("react"),y=require("react-dom"),$=require("@para-ui/icons/WarningCircleF"),b=require("@para-ui/icons/CheckCircleF"),R=require("@para-ui/icons/Close"),L=require("@para-ui/icons/CloseCircleF"),v=require("../GlobalContext/constant.js");;/* empty css            */const w={info:f.jsxRuntimeExports.jsx($,{}),warn:f.jsxRuntimeExports.jsx($,{}),error:f.jsxRuntimeExports.jsx(L,{}),success:f.jsxRuntimeExports.jsx(b,{})},N=()=>window===window.top?window:window.top,T=({icon:e,text:s,id:o,type:c,html:n,close:l,desc:i,hideIcon:m})=>{let t=document.createElement("div");t.className="msg-item",t.id=o||"",t.innerHTML=`<div class="msg-wrapper message-fadeInDown ${l?"message-close":"message-no-close"} msg-${c}">
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const f=require("../_virtual/jsx-runtime.js"),I=require("react"),y=require("react-dom"),v=require("../node_modules/@para-ui/icons/WarningCircleF/index.js"),b=require("../node_modules/@para-ui/icons/CheckCircleF/index.js"),R=require("../node_modules/@para-ui/icons/Close/index.js"),L=require("../node_modules/@para-ui/icons/CloseCircleF/index.js"),w=require("../GlobalContext/constant.js");;/* empty css            */const $={info:f.jsxRuntimeExports.jsx(v.WarningCircleF,{}),warn:f.jsxRuntimeExports.jsx(v.WarningCircleF,{}),error:f.jsxRuntimeExports.jsx(L.CloseCircleF,{}),success:f.jsxRuntimeExports.jsx(b.CheckCircleF,{})},N=()=>{try{return window===window.top?window:window.top}catch{return window}},T=({icon:e,text:s,id:o,type:i,html:n,close:l,desc:c,hideIcon:d})=>{let t=document.createElement("div");t.className="msg-item",t.id=o||"",t.innerHTML=`<div class="msg-wrapper message-fadeInDown ${l?"message-close":"message-no-close"} msg-${i}">
                 ${e?'<div class="msg-icon"></div>':""}
                 <div class="msg-text"></div>
                 ${l?'<div class="msg-close"></div>':""}
                 </div>
-    `;const u=t.querySelector(".msg-wrapper"),a=t.querySelector(".msg-text");if(!a||!u)return t;if(n?a.innerHTML=s:a.textContent=s,i){const r=document.createElement("span");r.className="msg-desc",r.textContent=i||"",a.classList.add("msg-text--title"),u.classList.add("msg-wrapper-title"),a.appendChild(r)}m&&a.classList.add("msg-text--noicon");const g=t.querySelector(".msg-close");return g&&g.addEventListener("click",()=>{document.querySelector(`#${o}`)&&(t?.parentNode?.removeChild(t),t=null)}),t},B=e=>{const{className:s,style:o,type:c}=e,n=q(),l=_();let i=M(e.className||"");return s&&(i+=` ${s}`),S.useEffect(()=>{const m=document.getElementById(n);return E(m,{...e,id:l,icon:w[c]},0,!1,!0),()=>{const t=document.querySelector(`#${l}`);t&&m?.removeChild(t)}},[...Object.values(e)]),f.jsxRuntimeExports.jsx("div",{id:n,className:i,style:o})},q=()=>`msgbox_${String(Math.random()*1e5|0+new Date().getTime())}`,x=q(),D=()=>f.jsxRuntimeExports.jsx("div",{className:`${v.$prefixCls}-message-box`,id:x}),E=(e,{icon:s,text:o,id:c,type:n,html:l,close:i,desc:m,hideIcon:t},u,a,g)=>{const r=T({id:c,text:o,icon:s,type:n,html:l,close:i,desc:m,hideIcon:t});g&&r&&r.classList.add("msg-item-fill"),e?.appendChild(r);const C=document.querySelector(`#${c} .msg-icon`);C&&s&&!t&&y.render(s,C);const p=document.querySelector(`#${c} .msg-close`);p&&y.render(f.jsxRuntimeExports.jsx(R,{}),p),a&&setTimeout(()=>{document.querySelector(`#${r.id}`)&&e?.removeChild(r)},u)},h=(e,s,o,c)=>{const n=()=>N().__msg_conf__||{};let l=w[o],i="",m="",t=!1,u,a=!1,g=n().maxCount??1/0,r=n().duration??s,C="";const p=!isNaN(r)&&r>0;typeof e=="string"?i=e:typeof e=="object"&&(i=e.text||"",m=e.desc,l=e.icon||w[o],t=e.html||!1,a=e.hideIcon||!1,e.maxCount>0&&(g=e.maxCount||1/0)),typeof e=="object"&&typeof e.close=="boolean"?u=e.close:u=!p;let d=document.getElementById(c);d||(d=document.createElement("div"),d.id=c,document.body.appendChild(d)),d.className=M(C),d.className+=` ${v.$prefixCls}-message-box--message-float`;const I=_();E(d,{id:I,text:i,icon:l,type:o,html:t,close:u,desc:m,hideIcon:a},r,p),F(d,g)},M=e=>`${v.$prefixCls}-message-box${e?` ${e}`:""}`,_=()=>`msgitem_${String(Math.random()*1e5|0+new Date().getTime())}`,F=(e,s)=>{if(!e||!e.children?.length)return;const o=e.children,c=o.length;if(c>s)for(let n=0;n<c;n++)n<s&&o[n]&&o[n].parentNode?.removeChild(o[n])},j=e=>{const s=document.getElementById(e);s&&(s.innerHTML="")},W=(e={})=>{const s=N();s.__msg_conf__=e},H={info:(e,s=5e3)=>h(e,s,"info",x),warn:(e,s=5e3)=>h(e,s,"warn",x),error:(e,s=5e3)=>h(e,s,"error",x),success:(e,s=5e3)=>h(e,s,"success",x),clear:()=>j(x),destroyAll:()=>j(x),config:e=>W(e)};exports.Message=H;exports.MessageBar=B;exports.default=D;
+    `;const u=t.querySelector(".msg-wrapper"),a=t.querySelector(".msg-text");if(!a||!u)return t;if(n?a.innerHTML=s:a.textContent=s,c){const r=document.createElement("span");r.className="msg-desc",r.textContent=c||"",a.classList.add("msg-text--title"),u.classList.add("msg-wrapper-title"),a.appendChild(r)}d&&a.classList.add("msg-text--noicon");const g=t.querySelector(".msg-close");return g&&g.addEventListener("click",()=>{document.querySelector(`#${o}`)&&(t?.parentNode?.removeChild(t),t=null)}),t},B=e=>{const{className:s,style:o,type:i}=e,n=q(),l=_();let c=M(e.className||"");return s&&(c+=` ${s}`),I.useEffect(()=>{const d=document.getElementById(n);return E(d,{...e,id:l,icon:$[i]},0,!1,!0),()=>{const t=document.querySelector(`#${l}`);t&&d?.removeChild(t)}},[...Object.values(e)]),f.jsxRuntimeExports.jsx("div",{id:n,className:c,style:o})},q=()=>`msgbox_${String(Math.random()*1e5|0+new Date().getTime())}`,x=q(),D=()=>f.jsxRuntimeExports.jsx("div",{className:`${w.$prefixCls}-message-box`,id:x}),E=(e,{icon:s,text:o,id:i,type:n,html:l,close:c,desc:d,hideIcon:t},u,a,g)=>{const r=T({id:i,text:o,icon:s,type:n,html:l,close:c,desc:d,hideIcon:t});g&&r&&r.classList.add("msg-item-fill"),e?.appendChild(r);const C=document.querySelector(`#${i} .msg-icon`);C&&s&&!t&&y.render(s,C);const p=document.querySelector(`#${i} .msg-close`);p&&y.render(f.jsxRuntimeExports.jsx(R.Close,{}),p),a&&setTimeout(()=>{document.querySelector(`#${r.id}`)&&e?.removeChild(r)},u)},h=(e,s,o,i)=>{const n=()=>N().__msg_conf__||{};let l=$[o],c="",d="",t=!1,u,a=!1,g=n().maxCount??1/0,r=n().duration??s,C="";const p=!isNaN(r)&&r>0;typeof e=="string"?c=e:typeof e=="object"&&(c=e.text||"",d=e.desc,l=e.icon||$[o],t=e.html||!1,a=e.hideIcon||!1,e.maxCount>0&&(g=e.maxCount||1/0)),typeof e=="object"&&typeof e.close=="boolean"?u=e.close:u=!p;let m=document.getElementById(i);m||(m=document.createElement("div"),m.id=i,document.body.appendChild(m)),m.className=M(C),m.className+=` ${w.$prefixCls}-message-box--message-float`;const S=_();E(m,{id:S,text:c,icon:l,type:o,html:t,close:u,desc:d,hideIcon:a},r,p),F(m,g)},M=e=>`${w.$prefixCls}-message-box${e?` ${e}`:""}`,_=()=>`msgitem_${String(Math.random()*1e5|0+new Date().getTime())}`,F=(e,s)=>{if(!e||!e.children?.length)return;const o=e.children,i=o.length;if(i>s)for(let n=0;n<i;n++)n<s&&o[n]&&o[n].parentNode?.removeChild(o[n])},j=e=>{const s=document.getElementById(e);s&&(s.innerHTML="")},W=(e={})=>{const s=N();s.__msg_conf__=e},H={info:(e,s=5e3)=>h(e,s,"info",x),warn:(e,s=5e3)=>h(e,s,"warn",x),error:(e,s=5e3)=>h(e,s,"error",x),success:(e,s=5e3)=>h(e,s,"success",x),clear:()=>j(x),destroyAll:()=>j(x),config:e=>W(e)};exports.Message=H;exports.MessageBar=B;exports.default=D;
 //# sourceMappingURL=index.js.map

package/lib/Modal/Confirm/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./index.css');const t=require("../../_virtual/jsx-runtime.js"),h=require("react-dom"),B=require("../index.js"),M=require("@para-ui/icons/Close"),F=require("@para-ui/icons/CheckCircleF"),x=require("@para-ui/icons/WarningCircleF"),O=require("@para-ui/icons/CloseCircleF"),C=require("clsx"),m=require("../../Button/index.js"),P=require("@paraview/lib");require("../../GlobalContext/index.js");const z=require("../../GlobalContext/constant.js");;/* empty css            */const $=require("../../GlobalContext/confirmLocale.js"),D={success:t.jsxRuntimeExports.jsx(F,{}),warn:t.jsxRuntimeExports.jsx(x,{}),warning:t.jsxRuntimeExports.jsx(x,{}),error:t.jsxRuntimeExports.jsx(O,{}),info:t.jsxRuntimeExports.jsx(x,{})},I=e=>{const{type:n="warning",title:o,content:s,icon:r,okText:l,cancelText:c,onOk:R,onCancel:E,className:y,showCancel:q=!0,closable:N=!1,okButtonProps:k,cancelButtonProps:v,resolveFn:d,callback:b,destroy:j,actions:f,showActions:w=!0,...g}=e,T=`${z.$prefixCls}-confirm`,u=()=>{E?.(),d?.(!1),j?.()},p=()=>{R?.(),d?.(!0),b?.(),j?.()},A=()=>w?f?t.jsxRuntimeExports.jsx("div",{className:"confirm-content-actions",children:f}):t.jsxRuntimeExports.jsxs("div",{className:"confirm-content-actions",children:[q&&t.jsxRuntimeExports.jsx(m.Button,{variant:"outlined",size:"small",onClick:u,...v,children:c}),t.jsxRuntimeExports.jsx(m.Button,{variant:"contained",size:"small",onClick:p,...k,children:l})]}):null;return t.jsxRuntimeExports.jsx(B.Modal,{bodyStyle:{minHeight:"auto"},...g,onOk:p,onCancel:u,title:"",footer:"",size:"auto",hideHeader:!0,showActions:!1,className:C(T,y),children:t.jsxRuntimeExports.jsx("div",{className:"confirm-wrapper",children:t.jsxRuntimeExports.jsxs("div",{className:"confirm-content",children:[N&&t.jsxRuntimeExports.jsx(m.Button.IconButton,{variant:"outlined",size:"small",className:"confirm-content-close",onClick:u,children:t.jsxRuntimeExports.jsx(M,{})}),t.jsxRuntimeExports.jsx("span",{className:C("confirm-content-icon",`confirm-content-icon--${n}`),children:r||D[n]}),t.jsxRuntimeExports.jsxs("div",{className:"confirm-content-body",children:[o&&t.jsxRuntimeExports.jsx("span",{className:"confirm-body-title",children:o}),t.jsxRuntimeExports.jsx("div",{className:"confirm-body-desc",children:s})]}),A()]})})})},i=new Map,L=(e,n,o)=>{const s=document.createElement("div"),r=e.uuid||P.UUID();e.uuid&&s.setAttribute("data-confirm-cid",e.uuid),document.body.appendChild(s);const l=()=>{h.unmountComponentAtNode(s)&&s.parentNode&&s.parentNode.removeChild(s),i.delete(r)};i.set(r,l),setTimeout(()=>{const c=$.getConfirmLocale();h.render(t.jsxRuntimeExports.jsx(I,{...e,okText:e.okText??c.ok,cancelText:e.cancelText??c.cancel,open:!0,resolveFn:n,callback:o,destroy:l}),s)})},a=(e,n,o)=>{let s={type:n};return typeof e=="string"?s.content=e:s={...e,type:n},new Promise(r=>{L(s,r,o)})},S=e=>{if(e){const n=i.get(e);n&&n(),i.delete(e);return}i.forEach(n=>{n&&n()}),i.clear()},H={info:(e,n)=>a(e,"info",n),warn:(e,n)=>a(e,"warn",n),error:(e,n)=>a(e,"error",n),success:(e,n)=>a(e,"success",n),destroyAll:S};exports.Confirm=H;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./index.css');const t=require("../../_virtual/jsx-runtime.js"),C=require("react-dom"),T=require("../index.js"),A=require("../../node_modules/@para-ui/icons/Close/index.js"),B=require("../../node_modules/@para-ui/icons/CheckCircleF/index.js"),x=require("../../node_modules/@para-ui/icons/WarningCircleF/index.js"),M=require("../../node_modules/@para-ui/icons/CloseCircleF/index.js"),h=require("clsx"),m=require("../../Button/index.js"),O=require("@paraview/lib");require("../../GlobalContext/index.js");const P=require("../../GlobalContext/constant.js");;/* empty css            */const z=require("../../GlobalContext/confirmLocale.js"),D={success:t.jsxRuntimeExports.jsx(B.CheckCircleF,{}),warn:t.jsxRuntimeExports.jsx(x.WarningCircleF,{}),warning:t.jsxRuntimeExports.jsx(x.WarningCircleF,{}),error:t.jsxRuntimeExports.jsx(M.CloseCircleF,{}),info:t.jsxRuntimeExports.jsx(x.WarningCircleF,{})},L=e=>{const{type:n="warning",title:o,content:s,icon:r,okText:l,cancelText:c,onOk:R,onCancel:E,className:q,showCancel:y=!0,closable:N=!1,okButtonProps:k,cancelButtonProps:v,resolveFn:d,callback:b,destroy:j,actions:f,showActions:w=!0,...g}=e,$=`${P.$prefixCls}-confirm`,u=()=>{E?.(),d?.(!1),j?.()},p=()=>{R?.(),d?.(!0),b?.(),j?.()},F=()=>w?f?t.jsxRuntimeExports.jsx("div",{className:"confirm-content-actions",children:f}):t.jsxRuntimeExports.jsxs("div",{className:"confirm-content-actions",children:[y&&t.jsxRuntimeExports.jsx(m.Button,{variant:"outlined",size:"small",onClick:u,...v,children:c}),t.jsxRuntimeExports.jsx(m.Button,{variant:"contained",size:"small",onClick:p,...k,children:l})]}):null;return t.jsxRuntimeExports.jsx(T.Modal,{bodyStyle:{minHeight:"auto"},...g,onOk:p,onCancel:u,title:"",footer:"",size:"auto",hideHeader:!0,showActions:!1,className:h($,q),children:t.jsxRuntimeExports.jsx("div",{className:"confirm-wrapper",children:t.jsxRuntimeExports.jsxs("div",{className:"confirm-content",children:[N&&t.jsxRuntimeExports.jsx(m.Button.IconButton,{variant:"outlined",size:"small",className:"confirm-content-close",onClick:u,children:t.jsxRuntimeExports.jsx(A.Close,{})}),t.jsxRuntimeExports.jsx("span",{className:h("confirm-content-icon",`confirm-content-icon--${n}`),children:r||D[n]}),t.jsxRuntimeExports.jsxs("div",{className:"confirm-content-body",children:[o&&t.jsxRuntimeExports.jsx("span",{className:"confirm-body-title",children:o}),t.jsxRuntimeExports.jsx("div",{className:"confirm-body-desc",children:s})]}),F()]})})})},i=new Map,S=(e,n,o)=>{const s=document.createElement("div"),r=e.uuid||O.UUID();e.uuid&&s.setAttribute("data-confirm-cid",e.uuid),document.body.appendChild(s);const l=()=>{C.unmountComponentAtNode(s)&&s.parentNode&&s.parentNode.removeChild(s),i.delete(r)};i.set(r,l),setTimeout(()=>{const c=z.getConfirmLocale();C.render(t.jsxRuntimeExports.jsx(L,{...e,okText:e.okText??c.ok,cancelText:e.cancelText??c.cancel,open:!0,resolveFn:n,callback:o,destroy:l}),s)})},a=(e,n,o)=>{let s={type:n};return typeof e=="string"?s.content=e:s={...e,type:n},new Promise(r=>{S(s,r,o)})},W=e=>{if(e){const n=i.get(e);n&&n(),i.delete(e);return}i.forEach(n=>{n&&n()}),i.clear()},H={info:(e,n)=>a(e,"info",n),warn:(e,n)=>a(e,"warn",n),error:(e,n)=>a(e,"error",n),success:(e,n)=>a(e,"success",n),destroyAll:W};exports.Confirm=H;
 //# sourceMappingURL=index.js.map

package/lib/Modal/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const t=require("../_virtual/jsx-runtime.js"),p=require("react"),le=require("rc-dialog"),u=require("../Button/index.js"),ae=require("@para-ui/icons/Close"),ce=require("../GlobalContext/useFormatMessage.js"),ue=require("./lang/index.js"),me=require("./Confirm/index.js"),C=require("clsx"),k=require("../GlobalContext/constant.js"),de=require("../AutoTips/index.js");;/* empty css            */let m;const xe=s=>{m={x:s.pageX,y:s.pageY},setTimeout(()=>{m=null},100)};window.document.documentElement&&document.documentElement.addEventListener("click",xe,!0);const y=s=>{const{open:E,visible:$=!1,closeIcon:b,centered:S=!0,focusTriggerAfterClose:R=!0,title:w,footer:q,showActions:z=!0,actions:N,header:d,hideHeader:B=!1,showCancel:M=!0,maskClosable:v=!1,disableBackdropClick:F=!0,keyboard:H=!1,disableEscapeKeyDown:T=!0,fullScreen:A,customizeSize:P,style:I,bodyStyle:_,contentWidth:O,contentHeight:x,contentStyle:f,size:o="md",children:D,closable:L=!0,mask:h=!0,...W}=s,K=A||o==="fullScreen",g=ce.default("Modal",ue.default),e=`${k.$prefixCls}-modal`,l=n=>{s.onCancel?.(n)},X=n=>{s.onOk?.(n)},Y=()=>{const n={sm:`${e}-sm`,md:`${e}-md`,lg:`${e}-lg`,auto:`${e}-auto`,fullScreen:`${e}-fullscreen`};if(!f)return K?n.fullScreen:n[o]},G=()=>!o||o==="fullScreen"||o==="auto"?void 0:{sm:{width:430,maxHeight:118},md:{width:486,maxHeight:478},lg:{width:948,maxHeight:478}}[o],J=()=>h?`${e}-with-mask`:`${e}-without-mask`,Q=()=>({...P,...I}),U=()=>{const{maxHeight:n,width:a}=G()||{};return{maxHeight:x||n||"calc(100vh - 142px)",width:O||a,height:x,..._,...f}},V=()=>{if(B)return null;if(d)return d;const n=L&&t.jsxRuntimeExports.jsx(u.Button.IconButton,{onClick:l,className:`${e}-close`,variant:"outlined",size:"small",children:b||t.jsxRuntimeExports.jsx(ae,{className:`${e}-close-icon`})});return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(de.default,{className:`${e}-title-text`,children:w}),n]})},Z=()=>{if(!z)return null;const{okText:n,cancelText:a,okButtonProps:ne,cancelButtonProps:se,confirmLoading:oe=!1}=s,re=t.jsxRuntimeExports.jsx(u.Button,{variant:"contained",size:"large",loading:oe,onClick:X,...ne,children:n??g({id:"ok"})}),j=[M&&t.jsxRuntimeExports.jsx(u.Button,{variant:"outlined",size:"large",onClick:l,...se,children:a??g({id:"cancel"})}),re],i=N??q;if(typeof i=="function"){const r=i(j);return t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:Array.isArray(r)?r.map((c,ie)=>t.jsxRuntimeExports.jsx(p.Fragment,{children:c},ie)):r})}else if(i)return i;return t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:j.map((r,c)=>t.jsxRuntimeExports.jsx(p.Fragment,{children:r},c))})},ee=C(s.wrapClassName,{[`${e}-centered`]:S}),te=C(s.className,`${k.$prefixCls}-scrollbar-small`,Y(),J());return t.jsxRuntimeExports.jsx(le,{...W,mask:h,visible:E??$,title:V(),footer:Z(),style:Q(),bodyStyle:U(),prefixCls:e,className:te,wrapClassName:ee,mousePosition:m,onClose:l,closable:!1,closeIcon:null,maskClosable:!F||v,keyboard:!T||H,focusTriggerAfterClose:R,transitionName:`${e}-zoom`,maskTransitionName:`${e}-fade`,children:D})};exports.Confirm=me.Confirm;exports.Modal=y;exports.default=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const t=require("../_virtual/jsx-runtime.js"),p=require("react"),le=require("rc-dialog"),u=require("../Button/index.js"),ae=require("../node_modules/@para-ui/icons/Close/index.js"),ce=require("../GlobalContext/useFormatMessage.js"),ue=require("./lang/index.js"),me=require("./Confirm/index.js"),C=require("clsx"),k=require("../GlobalContext/constant.js"),de=require("../AutoTips/index.js");;/* empty css            */let m;const xe=s=>{m={x:s.pageX,y:s.pageY},setTimeout(()=>{m=null},100)};window.document.documentElement&&document.documentElement.addEventListener("click",xe,!0);const $=s=>{const{open:y,visible:E=!1,closeIcon:b,centered:S=!0,focusTriggerAfterClose:R=!0,title:w,footer:q,showActions:z=!0,actions:N,header:d,hideHeader:B=!1,showCancel:M=!0,maskClosable:v=!1,disableBackdropClick:F=!0,keyboard:H=!1,disableEscapeKeyDown:T=!0,fullScreen:A,customizeSize:P,style:_,bodyStyle:I,contentWidth:O,contentHeight:x,contentStyle:f,size:o="md",children:D,closable:L=!0,mask:h=!0,...W}=s,K=A||o==="fullScreen",g=ce.default("Modal",ue.default),e=`${k.$prefixCls}-modal`,l=n=>{s.onCancel?.(n)},X=n=>{s.onOk?.(n)},Y=()=>{const n={sm:`${e}-sm`,md:`${e}-md`,lg:`${e}-lg`,auto:`${e}-auto`,fullScreen:`${e}-fullscreen`};if(!f)return K?n.fullScreen:n[o]},G=()=>!o||o==="fullScreen"||o==="auto"?void 0:{sm:{width:430,maxHeight:118},md:{width:486,maxHeight:478},lg:{width:948,maxHeight:478}}[o],J=()=>h?`${e}-with-mask`:`${e}-without-mask`,Q=()=>({...P,..._}),U=()=>{const{maxHeight:n,width:a}=G()||{};return{maxHeight:x||n||"calc(100vh - 142px)",width:O||a,height:x,...I,...f}},V=()=>{if(B)return null;if(d)return d;const n=L&&t.jsxRuntimeExports.jsx(u.Button.IconButton,{onClick:l,className:`${e}-close`,variant:"outlined",size:"small",children:b||t.jsxRuntimeExports.jsx(ae.Close,{className:`${e}-close-icon`})});return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(de.default,{className:`${e}-title-text`,children:w}),n]})},Z=()=>{if(!z)return null;const{okText:n,cancelText:a,okButtonProps:ne,cancelButtonProps:se,confirmLoading:oe=!1}=s,re=t.jsxRuntimeExports.jsx(u.Button,{variant:"contained",size:"large",loading:oe,onClick:X,...ne,children:n??g({id:"ok"})}),j=[M&&t.jsxRuntimeExports.jsx(u.Button,{variant:"outlined",size:"large",onClick:l,...se,children:a??g({id:"cancel"})}),re],i=N??q;if(typeof i=="function"){const r=i(j);return t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:Array.isArray(r)?r.map((c,ie)=>t.jsxRuntimeExports.jsx(p.Fragment,{children:c},ie)):r})}else if(i)return i;return t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:j.map((r,c)=>t.jsxRuntimeExports.jsx(p.Fragment,{children:r},c))})},ee=C(s.wrapClassName,{[`${e}-centered`]:S}),te=C(s.className,`${k.$prefixCls}-scrollbar-small`,Y(),J());return t.jsxRuntimeExports.jsx(le,{...W,mask:h,visible:y??E,title:V(),footer:Z(),style:Q(),bodyStyle:U(),prefixCls:e,className:te,wrapClassName:ee,mousePosition:m,onClose:l,closable:!1,closeIcon:null,maskClosable:!F||v,keyboard:!T||H,focusTriggerAfterClose:R,transitionName:`${e}-zoom`,maskTransitionName:`${e}-fade`,children:D})};exports.Confirm=me.Confirm;exports.Modal=$;exports.default=$;
 //# sourceMappingURL=index.js.map