@zjpcy/simple-design 1.0.1 → 1.0.2

package/dist/es/Modal/index.js

@@ -1 +1 @@
-import{__assign as o}from"../node_modules/tslib/tslib.es6.js";import{jsx as i,jsxs as t}from"react/jsx-runtime";import{useState as e,useEffect as n}from"react";import r from"classnames";import a from"../Icon/Icon.js";import d from"../Button/Button.js";var l=function(l){var c=l.visible,m=l.title,s=void 0===m?"标题":m,p=l.width,h=void 0===p?600:p,v=l.height,u=void 0===v?300:v,f=l.headerHeight,g=void 0===f?40:f,y=l.footerHeight,b=void 0===y?60:y,x=l.confirmLoading,N=void 0!==x&&x,_=l.direction,C=void 0===_?"normal":_,k=l.top,j=l.onClose,T=l.onConfirm,H=l.children,I=l.className,w=l.style,B=e(!1),z=B[0],L=B[1],M=e(!1),P=M[0],$=M[1],q=void 0!==k?"normal":C;n(function(){if(!c){$(!0);var o=setTimeout(function(){L(!1),$(!1)},400);return function(){return clearTimeout(o)}}$(!1),L(!0)},[c]);var A=function(){$(!0);var o=setTimeout(function(){L(!1),$(!1),null==j||j()},400);return function(){return clearTimeout(o)}},D=o({width:"number"==typeof h?"".concat(h,"px"):h,height:u?"number"==typeof u?"".concat(u,"px"):u:void 0,top:void 0!==k?"".concat(k,"px"):void 0},w),E={height:"number"==typeof g?"".concat(g,"px"):g},F=function(o){if("number"==typeof o)return o;var i=o.match(/^(\d+)px$/);return i?parseInt(i[1],10):0},G=u?F(u):0,J=F(g),K=F(b),O=G>0?Math.max(0,G-J-K):void 0,Q={maxHeight:O?"".concat(O,"px"):void 0},R={height:"number"==typeof b?"".concat(b,"px"):b};return z||P?i("div",{className:r("idp-modal-overlay",{"idp-modal-overlay--visible":z,"idp-modal-overlay--closing":P,"idp-modal-overlay--custom-top":void 0!==k},I),onClick:A,children:t("div",{className:r("idp-modal-container",{"idp-modal-container--center":z&&!P&&"center"===q,"idp-modal-container--top-right":z&&!P&&"top-right"===q,"idp-modal-container--bottom-right":z&&!P&&"bottom-right"===q,"idp-modal-container--normal":z&&!P&&"normal"===q,"idp-modal-container--closing-center":P&&"center"===q,"idp-modal-container--closing-top-right":P&&"top-right"===q,"idp-modal-container--closing-bottom-right":P&&"bottom-right"===q,"idp-modal-container--closing-normal":P&&"normal"===q}),style:D,onClick:function(o){return o.stopPropagation()},children:[t("div",{className:"idp-modal-header",style:E,children:[i("div",{className:"idp-modal-header__left",children:i("span",{className:"idp-modal-header__title",children:s})}),i("div",{className:"idp-modal-header__right",children:i(a,{type:"close",size:24,color:"#339af0",onClick:A,style:{cursor:"pointer",padding:"4px"}})})]}),i("div",{className:"idp-modal-content",style:Q,children:H}),t("div",{className:"idp-modal-footer",style:R,children:[i("div",{className:"idp-modal-footer__divider"}),t("div",{className:"idp-modal-footer__actions",children:[i(d,{variant:"secondary",onClick:A,disabled:N,children:"关闭"}),i(d,{variant:"primary",onClick:function(){null==T||T()},loading:N,children:"确认"})]})]})]})}):null};export{l as default};
+import{__assign as o}from"../node_modules/tslib/tslib.es6.js";import{jsx as i,jsxs as t}from"react/jsx-runtime";import{useState as e,useEffect as n}from"react";import{createPortal as r}from"react-dom";import a from"classnames";import d from"../Icon/Icon.js";import l from"../Flex/index.js";import c from"../Button/Button.js";var m=function(m){var s=m.visible,p=m.title,u=void 0===p?"标题":p,f=m.width,h=void 0===f?600:f,v=m.height,g=void 0===v?300:v,y=m.headerHeight,x=void 0===y?40:y,b=m.footerHeight,N=void 0===b?40:b,k=m.confirmLoading,_=void 0!==k&&k,j=m.direction,C=void 0===j?"normal":j,T=m.top,I=m.onCancel,z=m.onOk,H=m.children,w=m.footer,B=void 0===w?null:w,O=m.className,F=m.style,L=m.okText,M=void 0===L?"确认":L,P=m.cancelText,S=void 0===P?"取消":P,$=m.getContainer,q=void 0===$?function(){return document.body}:$,A=m.maskStyle,D=m.maskClassName,E=m.zIndex,G=void 0===E?1e3:E,J=e(!1),K=J[0],Q=J[1],R=e(!1),U=R[0],V=R[1],W=void 0!==T?"normal":C;n(function(){if(!s){V(!0);var o=setTimeout(function(){Q(!1),V(!1)},400);return function(){return clearTimeout(o)}}V(!1),Q(!0)},[s]);var X=function(){V(!0);var o=setTimeout(function(){Q(!1),V(!1),null==I||I()},400);return function(){return clearTimeout(o)}},Y=function(){null==z||z()},Z=o({width:"number"==typeof h?"".concat(h,"px"):h,height:g?"number"==typeof g?"".concat(g,"px"):g:void 0,top:void 0!==T?"".concat(T,"px"):void 0},F),oo={height:"number"==typeof x?"".concat(x,"px"):x},io=function(o){if("number"==typeof o)return o;var i=o.match(/^(\d+)px$/);return i?parseInt(i[1],10):0},to=g?io(g):0,eo=io(x),no=io(N),ro=to>0?Math.max(0,to-eo-no):void 0,ao={maxHeight:ro?"".concat(ro,"px"):void 0},lo={height:"number"==typeof N?"".concat(N,"px"):N},co=function(){if(!K&&!U)return null;var e=o({zIndex:G},A);return i("div",{className:a("idp-modal-overlay",{"idp-modal-overlay--visible":K,"idp-modal-overlay--closing":U,"idp-modal-overlay--custom-top":void 0!==T},O,D),onClick:X,style:e,children:t("div",{className:a("idp-modal-container",{"idp-modal-container--center":K&&!U&&"center"===W,"idp-modal-container--top-right":K&&!U&&"top-right"===W,"idp-modal-container--bottom-right":K&&!U&&"bottom-right"===W,"idp-modal-container--normal":K&&!U&&"normal"===W,"idp-modal-container--closing-center":U&&"center"===W,"idp-modal-container--closing-top-right":U&&"top-right"===W,"idp-modal-container--closing-bottom-right":U&&"bottom-right"===W,"idp-modal-container--closing-normal":U&&"normal"===W}),style:Z,onClick:function(o){return o.stopPropagation()},children:[t("div",{className:"idp-modal-header",style:oo,children:[i("div",{className:"idp-modal-header__left",children:i("span",{className:"idp-modal-header__title",children:u})}),i("div",{className:"idp-modal-header__right",children:i(d,{type:"close",size:24,color:"#339af0",onClick:X,style:{cursor:"pointer",padding:"4px"}})})]}),i("div",{className:"idp-modal-content",style:ao,children:H}),i(l,{className:"idp-modal-footer",align:"center",justify:"flex-end",style:Object.assign({},lo,{padding:"0px 10px"}),gap:12,children:null===B?t(l,{className:"idp-modal-footer__actions",justify:"flex-end",gap:12,children:[i(c,{variant:"secondary",onClick:X,disabled:_,children:S||"取消"}),i(c,{variant:"primary",onClick:Y,loading:_,children:M||"确认"})]}):B})]})})}();if(!co)return null;if(!1===q)return co;var mo="function"==typeof q?q():q;return mo?r(co,mo):co};export{m as default};

package/dist/es/Radio/index.js

@@ -0,0 +1 @@
+import{jsxs as a,jsx as d}from"react/jsx-runtime";import{createContext as i,useContext as e,useState as o,useEffect as l}from"react";import r from"classnames";var n=i(void 0),t=function(i){var t,s=i.value,c=i.checked,u=i.defaultChecked,p=void 0!==u&&u,v=i.onChange,m=i.disabled,h=void 0!==m&&m,b=i.size,f=i.children,y=i.className,g=i.style,N=e(n),C=!!N,_=o(p),k=_[0],z=_[1],G=C?N.value===s:void 0!==c?c:k,x=b||(C?N.size:void 0),R="button"===(C?N.type:void 0);l(function(){C||void 0===c||z(c)},[c,C]);var j=r("idp-radio",((t={"idp-radio--checked":G,"idp-radio--disabled":h||C&&N.disabled})["idp-radio--".concat(x)]=x,t["idp-radio--button"]=R,t),y);return a("label",{className:j,style:g,children:[d("input",{type:"radio",className:"idp-radio__input",checked:G,onChange:function(a){var d,i=a.target.checked;h||C&&N.disabled||(C?null===(d=N.onChange)||void 0===d||d.call(N,s):(z(i),null==v||v(i,s)))},disabled:h||C&&N.disabled,value:s}),!R&&d("span",{className:"idp-radio__inner"}),f&&d("span",{className:"idp-radio__label",children:f})]})};t.Group=function(a){var i,e=a.value,t=a.defaultValue,s=a.onChange,c=a.disabled,u=void 0!==c&&c,p=a.type,v=void 0===p?"radio":p,m=a.size,h=void 0===m?"middle":m,b=a.children,f=a.className,y=a.style,g=o(t),N=g[0],C=g[1];l(function(){void 0!==e&&C(e)},[e]);var _=r("idp-radio-group",((i={"idp-radio-group--button":"button"===v})["idp-radio-group--".concat(h)]=h,i),f);return d(n.Provider,{value:{value:void 0!==e?e:N,onChange:function(a){C(a),null==s||s(a)},disabled:u,type:v,size:h},children:d("div",{className:_,style:y,children:b})})},t.displayName="Radio",t.Group.displayName="Radio.Group";var s=t;export{s as default};

package/dist/es/index.css

@@ -1 +1 @@
-.icon-container{align-items:center;background-color:transparent;border-radius:4px;display:inline-flex;justify-content:center;line-height:1;padding:4px;position:relative}.icon{fill:#339af0;cursor:pointer;display:inline-block;transition:fill .2s ease,transform .3s ease;vertical-align:middle}.icon-spin{animation:icon-spin 1s linear infinite}@keyframes icon-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.icon-container.align-left{justify-content:flex-start}.icon-container.align-center{justify-content:center}.icon-container.align-right{justify-content:flex-end}.idp-btn{align-items:center;border:1px solid transparent;border-radius:4px;cursor:pointer;display:inline-flex;font-weight:400;justify-content:center;line-height:1.5;outline:none;text-align:center;text-decoration:none;transition:all .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle}.idp-btn--primary{background-color:#1890ff;border-color:#1890ff;color:#fff}.idp-btn--primary:hover:not(.idp-btn--disabled){background-color:#40a9ff;border-color:#40a9ff}.idp-btn--primary:active:not(.idp-btn--disabled){box-shadow:0 4px 8px rgba(24,144,255,.4);transform:translateY(1px)}.idp-btn--secondary{background-color:#6c757d;border-color:#6c757d;color:#fff}.idp-btn--secondary:hover:not(.idp-btn--disabled){background-color:#868e96;border-color:#868e96}.idp-btn--secondary:active:not(.idp-btn--disabled){box-shadow:0 4px 8px hsla(208,7%,46%,.4);transform:translateY(1px)}.idp-btn--danger{background-color:#dc3545;border-color:#dc3545;color:#fff}.idp-btn--danger:hover:not(.idp-btn--disabled){background-color:#e74c3c;border-color:#e74c3c}.idp-btn--danger:active:not(.idp-btn--disabled){box-shadow:0 4px 8px rgba(220,53,69,.4);transform:translateY(1px)}.idp-btn--success{background-color:#28a745;border-color:#28a745;color:#fff}.idp-btn--success:hover:not(.idp-btn--disabled){background-color:#34ce57;border-color:#34ce57}.idp-btn--success:active:not(.idp-btn--disabled){box-shadow:0 4px 8px rgba(40,167,69,.4);transform:translateY(1px)}.idp-btn--warning{background-color:#ffc107;border-color:#ffc107;color:#212529}.idp-btn--warning:hover:not(.idp-btn--disabled){background-color:#ffce3a;border-color:#ffce3a}.idp-btn--warning:active:not(.idp-btn--disabled){box-shadow:0 4px 8px rgba(255,193,7,.4);transform:translateY(1px)}.idp-btn--small{font-size:12px;height:24px;padding:0 8px}.idp-btn--medium{font-size:14px;height:32px;padding:0 12px}.idp-btn--large{font-size:16px;height:40px;padding:0 16px}.idp-btn--disabled{cursor:not-allowed;opacity:.65}.marquee-container{align-items:center;box-shadow:0 2px 8px rgba(0,0,0,.08);display:flex;overflow:hidden;position:relative;white-space:nowrap;width:100%}.marquee-container-fixed{left:0;position:fixed;right:0;top:0;z-index:99999}.marquee-text{color:#333;font-size:14px;height:100%;left:0;padding:0 10px}.marquee-close,.marquee-text{align-items:center;display:flex;position:absolute;top:0}.marquee-close{cursor:pointer;justify-content:center;right:0;z-index:10}.idp-modal-overlay{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;visibility:hidden;width:100%;z-index:1000}.idp-modal-overlay--visible{opacity:1;visibility:visible}.idp-modal-overlay--closing{opacity:0;visibility:hidden}.idp-modal-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:flex;flex-direction:column;opacity:0;overflow:hidden;position:relative;transform-origin:center center}.idp-modal-overlay--custom-top{align-items:flex-start;justify-content:center}.idp-modal-container--center{animation:centerAnimateIn .4s cubic-bezier(.23,1,.32,1) forwards}@keyframes centerAnimateIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.idp-modal-container--normal{animation:normalAnimateIn .4s cubic-bezier(.23,1,.32,1) forwards}@keyframes normalAnimateIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.idp-modal-container--top-right{animation:topRightAnimateIn .4s cubic-bezier(.23,1,.32,1) forwards}@keyframes topRightAnimateIn{0%{opacity:0;transform:translate(100%,-100%) scale(.5)}to{opacity:1;transform:translate(0) scale(1)}}.idp-modal-container--bottom-right{animation:bottomRightAnimateIn .4s cubic-bezier(.23,1,.32,1) forwards}@keyframes bottomRightAnimateIn{0%{opacity:0;transform:translate(100%,100%) scale(.5)}to{opacity:1;transform:translate(0) scale(1)}}.idp-modal-container--closing-center{animation:centerAnimateOut .4s cubic-bezier(.23,1,.32,1) forwards}@keyframes centerAnimateOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}.idp-modal-container--closing-normal{animation:normalAnimateOut .4s cubic-bezier(.23,1,.32,1) forwards}@keyframes normalAnimateOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.idp-modal-container--closing-top-right{animation:topRightAnimateOut .4s cubic-bezier(.23,1,.32,1) forwards}@keyframes topRightAnimateOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(100%,-100%) scale(.5)}}.idp-modal-container--closing-bottom-right{animation:bottomRightAnimateOut .4s cubic-bezier(.23,1,.32,1) forwards}@keyframes bottomRightAnimateOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(100%,100%) scale(.5)}}.idp-modal-header{background-color:#fafafa;border-bottom:1px solid #e8e8e8;flex-shrink:0;justify-content:space-between;padding:0 10px 0 20px}.idp-modal-header,.idp-modal-header__left,.idp-modal-header__right{align-items:center;display:flex}.idp-modal-header__right{margin-right:0}.idp-modal-header__title{color:#333;font-size:16px;font-weight:500}.idp-modal-content{flex:1;min-height:0;overflow-y:auto;padding:20px}.idp-modal-footer{background-color:#fafafa;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;padding:0 20px;position:absolute;right:0}.idp-modal-footer__divider{background-color:#e8e8e8;height:1px;margin-bottom:12px}.idp-modal-footer__actions{display:flex;gap:12px;justify-content:flex-end;padding-bottom:12px}.idp-notice{background:linear-gradient(90deg,#1a2980,#26d0ce);border-radius:0;box-shadow:0 3px 10px rgba(0,0,0,.2);box-sizing:border-box;color:#fff;display:flex;margin:0;overflow:hidden;padding:0;position:relative;width:100%}.idp-notice-close{align-items:center;background:linear-gradient(90deg,#26d0ce,#1a2980);cursor:pointer;display:flex;height:100%;justify-content:center;position:absolute;right:0;top:0;width:45px;z-index:9999}.idp-notice-close:hover{transform:scale(1.05)}.idp-notice-floating{box-sizing:border-box;left:0;position:fixed;right:0;top:0;width:100%!important;z-index:99999}.custom-table-container{background:#fff;color:rgba(0,0,0,.88);font-size:14px}.custom-table-container.bordered{border:1px solid #d9d9d9;border-radius:6px}.custom-table-header{border-bottom:1px solid #f0f0f0;flex-shrink:0;overflow-x:hidden;overflow-y:hidden}.custom-table-header-inner{overflow-x:auto;overflow-y:hidden;scroll-behavior:auto;will-change:scroll-position}.custom-table-header-inner::-webkit-scrollbar{height:0;width:0}.custom-table-header-inner{-ms-overflow-style:none;scrollbar-width:none}.custom-table-body{overflow-x:auto;scroll-behavior:auto;will-change:scroll-position}.custom-table{border-collapse:collapse;table-layout:fixed;width:100%}.custom-table.bordered td,.custom-table.bordered th{border:1px solid #d9d9d9}.custom-table thead{background-color:#fafafa}.custom-table th{font-weight:600;text-align:left}.custom-table td,.custom-table th{border-bottom:1px solid #f0f0f0;overflow-wrap:break-word;padding:12px 8px}.custom-table tbody tr:hover{background-color:#fafafa}.custom-table-empty{border-top:1px solid #f0f0f0;color:rgba(0,0,0,.25);padding:16px;text-align:center}.custom-table td[style*=sticky],.custom-table th[style*=sticky]{box-shadow:1px 0 0 0 #f0f0f0}.custom-table td[style*="right: 0"],.custom-table th[style*="right: 0"]{box-shadow:-1px 0 0 0 #f0f0f0}.custom-table td[style*="position: sticky"][style*=right],.custom-table th[style*="position: sticky"][style*=right]{position:sticky!important;z-index:5!important}.custom-table thead td[style*="position: sticky"],.custom-table thead th[style*="position: sticky"]{top:0;z-index:10!important}.custom-table-pagination{align-items:center;border-top:1px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;padding:12px 16px}.custom-table-pagination-total{color:rgba(0,0,0,.65);font-size:14px;margin-right:8px}.custom-table-pagination-btn{background:#fff;border:1px solid #d9d9d9;border-radius:4px;color:rgba(0,0,0,.65);cursor:pointer;font-size:14px;padding:4px 12px;transition:all .2s}.custom-table-pagination-btn:hover:not(:disabled){border-color:#1a2980;color:#1a2980}.custom-table-pagination-btn:disabled{color:rgba(0,0,0,.25);cursor:not-allowed}.custom-table-pagination-page{background:#fff;border:1px solid #d9d9d9;border-radius:4px;color:rgba(0,0,0,.65);cursor:pointer;height:32px;line-height:32px;min-width:32px;text-align:center;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.custom-table-pagination-page:hover{border-color:#1a2980;color:#1a2980}.custom-table-pagination-page.active{background:#1a2980;border-color:#1a2980;color:#fff}.custom-table-pagination-page.ellipsis{border:none;cursor:default}.custom-table-pagination-page.ellipsis:hover{border-color:#d9d9d9;color:rgba(0,0,0,.65)}.custom-table-pagination-select{background:#fff;border:1px solid #d9d9d9;border-radius:4px;color:rgba(0,0,0,.65);cursor:pointer;font-size:14px;outline:none;padding:4px 8px}.custom-table-pagination-select:focus{border-color:#1a2980}.top-button-wrapper{z-index:1000}.top-button-wrapper-container{clear:both;float:right}.top-button{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;transition:all .3s ease}.top-button:hover{filter:brightness(1.1);transform:translateY(-2px)}.top-button:active{transform:translateY(0)}.divider{background-color:#339af0;margin:0;padding:0;width:auto}.divider-horizontal{height:1px;width:auto}.divider-vertical{background-color:transparent;border-left:1px solid #339af0;height:100%;width:0}.divider-dashed.divider-horizontal{background:repeating-linear-gradient(90deg,currentColor,currentColor 4px,transparent 0,transparent 8px)}.divider-dashed.divider-vertical{background-color:transparent;border-left:1px dashed}.input{align-items:center;background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;box-sizing:border-box;display:inline-flex;font-family:inherit;font-size:14px;justify-content:center;outline:none;padding:8px 12px;transition:all .3s ease}.input:focus,.input:hover{border-color:#339af0;box-shadow:0 0 0 2px rgba(51,154,240,.2)}.input::placeholder{color:#bfbfbf;opacity:1}.input::-webkit-input-placeholder{color:#bfbfbf}.input::-moz-placeholder{color:#bfbfbf;opacity:1}.input:-ms-input-placeholder{color:#bfbfbf}.input.input-disabled{background-color:#f5f5f5;border-color:#d9d9d9;color:#bfbfbf;cursor:not-allowed}.input.input-disabled:hover{border-color:#d9d9d9;box-shadow:none}.input.input-readonly{background-color:#f5f5f5;border-color:#d9d9d9;cursor:default}.input.input-readonly:hover{border-color:#d9d9d9;box-shadow:none}.notification{background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);color:#333;max-width:400px;min-width:200px;padding:15px 20px;position:fixed;z-index:2000}.notification-top-left{animation:slideInTopLeft .3s ease;left:20px;top:20px}.notification-top-center{animation:slideInTopCenter .3s ease;left:50%;top:20px;transform:translateX(-50%)}.notification-top-right{animation:slideInTopRight .3s ease;right:20px;top:20px}.notification-center{animation:fadeInCenter .3s ease;left:50%;top:50%;transform:translate(-50%,-50%)}.notification-bottom-left{animation:slideInBottomLeft .3s ease;bottom:20px;left:20px}.notification-bottom-center{animation:slideInBottomCenter .3s ease;bottom:20px;left:50%;transform:translateX(-50%)}.notification-bottom-right{animation:slideInBottomRight .3s ease;bottom:20px;right:20px}.notification-info{background:rgba(26,41,128,.95);color:#fff}.notification-success{background:rgba(40,167,69,.95);color:#fff}.notification-warning{background:rgba(255,193,7,.95);color:#212529}.notification-error{background:rgba(220,53,69,.95);color:#fff}.notification-content{align-items:center;display:flex;gap:10px;justify-content:flex-start;width:100%}.notification-content i{flex-shrink:0;font-size:1.2rem}.notification-content span{flex:1;line-height:1.4;text-align:center}.notification-error .notification-content span,.notification-info .notification-content span,.notification-success .notification-content span{color:#fff}.notification-warning .notification-content span{color:#212529}.fade-out{animation:fadeOut .5s ease forwards}@keyframes slideInTopLeft{0%{opacity:0;transform:translateY(-20px) translateX(-20px)}to{opacity:1;transform:translateY(0) translateX(0)}}@keyframes slideInTopCenter{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes slideInTopRight{0%{opacity:0;transform:translateY(-20px) translateX(20px)}to{opacity:1;transform:translateY(0) translateX(0)}}@keyframes fadeInCenter{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes slideInBottomLeft{0%{opacity:0;transform:translateY(20px) translateX(-20px)}to{opacity:1;transform:translateY(0) translateX(0)}}@keyframes slideInBottomCenter{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes slideInBottomRight{0%{opacity:0;transform:translateY(20px) translateX(20px)}to{opacity:1;transform:translateY(0) translateX(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.idp-color-picker{display:inline-block;position:relative;vertical-align:middle}.idp-color-picker--disabled{cursor:not-allowed;opacity:.6}.idp-color-picker-trigger{align-items:center;background-color:#1890ff;border:1px solid #d9d9d9;border-radius:4px;box-sizing:border-box;cursor:pointer;display:inline-flex;height:32px;justify-content:center;margin:0;outline:none;padding:0;position:relative;transition:border-color .2s ease,box-shadow .2s ease;width:32px}.idp-color-picker-trigger:hover{border-color:#40a9ff;box-shadow:0 2px 8px rgba(0,0,0,.15)}.idp-color-picker-trigger:focus{border-color:#40a9ff;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.idp-color-picker-trigger:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}.idp-color-picker-text{color:#666;font-size:12px;margin-left:8px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.idp-color-picker-popup{left:0;margin-top:8px;position:absolute;top:100%;z-index:1050}.idp-color-picker-content{background:#fff;border-radius:8px;box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05);display:flex;flex-direction:column;gap:5px;padding:16px}.idp-color-picker-input-group{display:flex;flex-direction:column;gap:6px;margin-top:4px}.idp-color-picker-input-label{color:#666;font-size:12px;font-weight:500}.idp-color-picker-input{background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;box-sizing:border-box;color:#333;font-size:14px;height:32px;line-height:1.5;outline:none;padding:0 8px;transition:all .2s ease;width:100%}.idp-color-picker-input:focus{border-color:#40a9ff;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.idp-color-picker-input:hover{border-color:#40a9ff}.idp-color-picker-presets-label{color:#666;display:block;font-size:12px;font-weight:500;margin-bottom:6px}.idp-color-picker-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.idp-color-picker-preset{border:1px solid #d9d9d9;border-radius:4px;box-sizing:border-box;cursor:pointer;height:24px;transition:all .2s ease;width:24px}.idp-color-picker-preset:hover{border-color:#40a9ff;transform:scale(1.1)}.idp-color-picker-trigger-container{cursor:pointer}.idp-color-picker-default-trigger{cursor:pointer;height:32px;width:32px}.idp-color-picker-actions{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-top:8px}.idp-color-picker-preview{border:1px solid #d9d9d9;border-radius:4px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);height:24px;width:24px}.idp-color-picker-button-group{display:flex;gap:8px}.react-colorful{height:180px;width:208px}.react-colorful__saturation{border-radius:6px 6px 0 0;height:140px}.react-colorful__hue{border-radius:0 0 6px 6px;height:12px;margin-top:8px}.react-colorful__alpha{border-radius:6px;height:12px;margin-top:8px}.react-colorful__pointer{border:2px solid #fff;box-shadow:0 0 2px rgba(0,0,0,.3);height:14px;width:14px}.react-colorful__alpha-pointer,.react-colorful__hue-pointer{border:1px solid #fff;box-shadow:0 0 2px rgba(0,0,0,.3);height:16px;width:14px}.idp-copy-to-clipboard{align-items:center;cursor:pointer;display:inline-flex;justify-content:center;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.idp-copy-to-clipboard:hover{opacity:.8}.idp-copy-to-clipboard:active{transform:translateY(1px)}.idp-copy-to-clipboard-text{color:#1890ff;font-size:14px}.idp-copy-to-clipboard-text:hover{text-decoration:underline}.idp-message{align-items:center;background-color:#fff;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:flex;height:30px;justify-content:center;left:50%;max-width:800px;min-width:100px;opacity:0;pointer-events:auto;position:fixed;top:20px;transform:translateX(-50%) translateY(-100%);transition:all .3s cubic-bezier(.4,0,.2,1);width:auto;z-index:1050}.idp-message--show{opacity:1;transform:translateX(-50%) translateY(0)}.idp-message-content{align-items:center;display:flex;gap:8px;height:100%;justify-content:center;padding:0 20px}.idp-message-text{color:#333;flex:1;font-size:13px;line-height:1.5;text-align:left}.idp-message--success{background-color:#fff;border:1px solid #b7eb8f}.idp-message--success .idp-message-text{color:#52c41a}.idp-message--warning{background-color:#fff;border:1px solid #ffe58f}.idp-message--warning .idp-message-text{color:#faad14}.idp-message--error{background-color:#fff;border:1px solid #ffccc7}.idp-message--error .idp-message-text{color:#f5222d}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-100%)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes slideUp{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-100%)}}.idp-message--show{animation:slideDown .3s cubic-bezier(.4,0,.2,1) forwards}.idp-message:not(.idp-message--show){animation:slideUp .3s cubic-bezier(.4,0,.2,1) forwards}
+.icon-container{align-items:center;background-color:transparent;border-radius:4px;display:inline-flex;justify-content:center;line-height:1;padding:4px;position:relative}.icon{fill:#339af0;cursor:pointer;display:inline-block;transition:fill .2s ease,transform .3s ease;vertical-align:middle}.icon-spin{animation:icon-spin 1s linear infinite}@keyframes icon-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.icon-container.align-left{justify-content:flex-start}.icon-container.align-center{justify-content:center}.icon-container.align-right{justify-content:flex-end}.idp-btn{align-items:center;border:1px solid transparent;border-radius:4px;cursor:pointer;display:inline-flex;font-weight:400;justify-content:center;line-height:1.5;outline:none;text-align:center;text-decoration:none;transition:all .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle}.idp-btn--primary{background-color:var(--idp-button-primary-bg);border-color:var(--idp-button-primary-border);color:var(--idp-button-text-white)}.idp-btn--primary:hover:not(.idp-btn--disabled){background-color:var(--idp-button-primary-hover-bg);border-color:var(--idp-button-primary-hover-border)}.idp-btn--primary:active:not(.idp-btn--disabled){box-shadow:var(--idp-button-primary-active-shadow);transform:translateY(1px)}.idp-btn--secondary{background-color:var(--idp-button-secondary-bg);border-color:var(--idp-button-secondary-border);color:var(--idp-button-text-dark)}.idp-btn--secondary:hover:not(.idp-btn--disabled){background-color:var(--idp-button-secondary-hover-bg);border-color:var(--idp-button-secondary-hover-border)}.idp-btn--secondary:active:not(.idp-btn--disabled){box-shadow:var(--idp-button-secondary-active-shadow);transform:translateY(1px)}.idp-btn--danger{background-color:var(--idp-button-danger-bg);border-color:var(--idp-button-danger-border);color:var(--idp-button-text-white)}.idp-btn--danger:hover:not(.idp-btn--disabled){background-color:var(--idp-button-danger-hover-bg);border-color:var(--idp-button-danger-hover-border)}.idp-btn--danger:active:not(.idp-btn--disabled){box-shadow:var(--idp-button-danger-active-shadow);transform:translateY(1px)}.idp-btn--success{background-color:var(--idp-button-success-bg);border-color:var(--idp-button-success-border);color:var(--idp-button-text-white)}.idp-btn--success:hover:not(.idp-btn--disabled){background-color:var(--idp-button-success-hover-bg);border-color:var(--idp-button-success-hover-border)}.idp-btn--success:active:not(.idp-btn--disabled){box-shadow:var(--idp-button-success-active-shadow);transform:translateY(1px)}.idp-btn--warning{background-color:var(--idp-button-warning-bg);border-color:var(--idp-button-warning-border);color:var(--idp-button-text-dark)}.idp-btn--warning:hover:not(.idp-btn--disabled){background-color:var(--idp-button-warning-hover-bg);border-color:var(--idp-button-warning-hover-border)}.idp-btn--warning:active:not(.idp-btn--disabled){box-shadow:var(--idp-button-warning-active-shadow);transform:translateY(1px)}.idp-btn--small{font-size:12px;height:24px;padding:0 8px}.idp-btn--medium{font-size:14px;height:32px;padding:0 12px}.idp-btn--large{font-size:16px;height:40px;padding:0 16px}.idp-btn--disabled{cursor:not-allowed;opacity:.65}.flex{display:flex}.flex,.flex>*{box-sizing:border-box}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-column{flex-direction:column}.flex-column-reverse{flex-direction:column-reverse}.flex-justify-start{justify-content:flex-start}.flex-justify-end{justify-content:flex-end}.flex-justify-center{justify-content:center}.flex-justify-between{justify-content:space-between}.flex-justify-around{justify-content:space-around}.flex-justify-evenly{justify-content:space-evenly}.flex-align-start{align-items:flex-start}.flex-align-end{align-items:flex-end}.flex-align-center{align-items:center}.flex-align-baseline{align-items:baseline}.flex-align-stretch{align-items:stretch}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-nowrap{flex-wrap:nowrap}.marquee-container{align-items:center;box-shadow:0 2px 8px rgba(0,0,0,.08);display:flex;overflow:hidden;position:relative;white-space:nowrap;width:100%}.marquee-container-fixed{left:0;position:fixed;right:0;top:0;z-index:99999}.marquee-text{color:#333;font-size:14px;height:100%;left:0;padding:0 10px}.marquee-close,.marquee-text{align-items:center;display:flex;position:absolute;top:0}.marquee-close{cursor:pointer;justify-content:center;right:0;z-index:10}@import "../variables.css";.idp-modal-overlay{align-items:center;background-color:var(--idp-modal-mask-bg);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity var(--idp-transition-duration) var(--idp-transition-timing-function),visibility var(--idp-transition-duration) var(--idp-transition-timing-function);visibility:hidden;width:100%;z-index:var(--idp-z-index-modal)}.idp-modal-overlay--visible{opacity:1;visibility:visible}.idp-modal-overlay--closing{opacity:0;visibility:hidden}.idp-modal-container{background-color:var(--idp-modal-container-bg);border-radius:var(--idp-border-radius-lg);box-shadow:var(--idp-shadow-md);display:flex;flex-direction:column;opacity:0;overflow:hidden;position:relative;transform-origin:center center}.idp-modal-overlay--custom-top{align-items:flex-start;justify-content:center}.idp-modal-container--center{animation:centerAnimateIn .4s cubic-bezier(.23,1,.32,1) forwards}@keyframes centerAnimateIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.idp-modal-container--normal{animation:normalAnimateIn .4s cubic-bezier(.23,1,.32,1) forwards}@keyframes normalAnimateIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.idp-modal-container--top-right{animation:topRightAnimateIn .4s cubic-bezier(.23,1,.32,1) forwards}@keyframes topRightAnimateIn{0%{opacity:0;transform:translate(100%,-100%) scale(.5)}to{opacity:1;transform:translate(0) scale(1)}}.idp-modal-container--bottom-right{animation:bottomRightAnimateIn .4s cubic-bezier(.23,1,.32,1) forwards}@keyframes bottomRightAnimateIn{0%{opacity:0;transform:translate(100%,100%) scale(.5)}to{opacity:1;transform:translate(0) scale(1)}}.idp-modal-container--closing-center{animation:centerAnimateOut .4s cubic-bezier(.23,1,.32,1) forwards}@keyframes centerAnimateOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}.idp-modal-container--closing-normal{animation:normalAnimateOut .4s cubic-bezier(.23,1,.32,1) forwards}@keyframes normalAnimateOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.idp-modal-container--closing-top-right{animation:topRightAnimateOut .4s cubic-bezier(.23,1,.32,1) forwards}@keyframes topRightAnimateOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(100%,-100%) scale(.5)}}.idp-modal-container--closing-bottom-right{animation:bottomRightAnimateOut .4s cubic-bezier(.23,1,.32,1) forwards}@keyframes bottomRightAnimateOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(100%,100%) scale(.5)}}.idp-modal-header{background-color:var(--idp-modal-header-bg);border-bottom:1px solid var(--idp-border-color);flex-shrink:0;justify-content:space-between;padding:0 10px 0 20px}.idp-modal-header,.idp-modal-header__left,.idp-modal-header__right{align-items:center;display:flex}.idp-modal-header__right{margin-right:0}.idp-modal-header__title{color:var(--idp-text-color);font-size:16px;font-weight:500}.idp-modal-content{flex:1;min-height:0;overflow-y:auto;padding:20px}.idp-modal-footer{background-color:var(--idp-modal-footer-bg);bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;padding:0 20px;position:absolute;right:0}.idp-modal-footer__divider{background-color:var(--idp-border-color);height:1px;margin-bottom:12px}.idp-modal-footer__actions{display:flex;gap:12px;justify-content:flex-end;padding-bottom:12px}.idp-modal-footer__custom{align-items:center;flex-flow:nowrap;justify-content:center}.idp-notice{background:linear-gradient(90deg,#1a2980,#26d0ce);border-radius:0;box-shadow:0 3px 10px rgba(0,0,0,.2);box-sizing:border-box;color:#fff;display:flex;margin:0;overflow:hidden;padding:0;position:relative;width:100%}.idp-notice-close{align-items:center;background:linear-gradient(90deg,#26d0ce,#1a2980);cursor:pointer;display:flex;height:100%;justify-content:center;position:absolute;right:0;top:0;width:45px;z-index:9999}.idp-notice-close:hover{transform:scale(1.05)}.idp-notice-floating{box-sizing:border-box;left:0;position:fixed;right:0;top:0;width:100%!important;z-index:99999}.idp-radio{align-items:center;cursor:pointer;display:inline-flex;margin-bottom:8px;margin-right:16px;position:relative;transition:all var(--idp-transition-duration) var(--idp-transition-timing-function);-webkit-user-select:none;-moz-user-select:none;user-select:none}.idp-radio-group--button .idp-radio{border:1px solid var(--idp-border-color-extra-light);border-radius:var(--idp-border-radius-sm);height:auto;margin-right:0;min-width:60px;padding:4px 16px;transition:all var(--idp-transition-duration) var(--idp-transition-timing-function);width:auto}.idp-radio-group:not(.idp-radio-group--button) .idp-radio{height:auto;width:auto}.idp-radio-group--button .idp-radio{align-items:center;box-sizing:border-box;display:inline-flex;justify-content:center;margin-bottom:0;margin-right:-1px}.idp-radio-group--button .idp-radio:first-child{border-bottom-left-radius:var(--idp-border-radius-sm);border-top-left-radius:var(--idp-border-radius-sm)}.idp-radio-group--button .idp-radio:last-child{border-bottom-right-radius:var(--idp-border-radius-sm);border-top-right-radius:var(--idp-border-radius-sm);margin-right:0}.idp-radio-group--button .idp-radio--checked{background-color:var(--idp-primary-color);border-color:var(--idp-primary-color);color:var(--idp-bg-color-white)}.idp-radio-group--button .idp-radio--checked .idp-radio__inner{background-color:var(--idp-bg-color-white);border-color:var(--idp-bg-color-white)}.idp-radio-group--button .idp-radio__label{color:inherit;margin:0}.idp-radio-group--button .idp-radio:not(.idp-radio--disabled):hover{border-color:var(--idp-primary-hover-color)}.idp-radio-group--button .idp-radio--checked:not(.idp-radio--disabled):hover{background-color:var(--idp-primary-hover-color);border-color:var(--idp-primary-hover-color)}.idp-radio-group--button .idp-radio--disabled{background-color:var(--idp-bg-color-light);border-color:var(--idp-border-color-light);color:var(--idp-text-color-light)}.idp-radio-group--large .idp-radio{height:40px}.idp-radio-group--large .idp-radio__inner{height:20px;width:20px}.idp-radio-group--large .idp-radio--checked .idp-radio__inner:after{height:8px;width:8px}.idp-radio-group--large .idp-radio__label{font-size:16px}.idp-radio-group--button.idp-radio-group--large .idp-radio{font-size:16px;height:40px;padding:8px 20px}.idp-radio-group--small .idp-radio{height:24px}.idp-radio-group--small .idp-radio__inner{height:14px;width:14px}.idp-radio-group--small .idp-radio--checked .idp-radio__inner:after{height:5px;width:5px}.idp-radio-group--small .idp-radio__label{font-size:12px}.idp-radio-group--button.idp-radio-group--small .idp-radio{font-size:12px;height:24px;padding:2px 12px}.idp-radio-group--middle .idp-radio{height:32px}.idp-radio-group--middle .idp-radio__inner{height:16px;width:16px}.idp-radio-group--middle .idp-radio--checked .idp-radio__inner:after{height:6px;width:6px}.idp-radio-group--middle .idp-radio__label{font-size:14px}.idp-radio-group--button.idp-radio-group--middle .idp-radio{font-size:14px;height:32px;padding:4px 16px}.idp-radio__input{height:0;opacity:0;position:absolute;width:0}.idp-radio__inner{background-color:var(--idp-bg-color-white);border:2px solid var(--idp-border-color-extra-light);border-radius:50%;display:inline-block;height:16px;margin-right:8px;position:relative;transition:all var(--idp-transition-duration) var(--idp-transition-timing-function);width:16px}.idp-radio--checked .idp-radio__inner{background-color:var(--idp-primary-color);border-color:var(--idp-primary-color)}.idp-radio--checked .idp-radio__inner:after{animation:idp-radio-checked .2s ease-in-out;background-color:var(--idp-bg-color-white);border-radius:50%;content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}@keyframes idp-radio-checked{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.idp-radio__label{color:var(--idp-text-color);font-size:14px;line-height:1.5;transition:color var(--idp-transition-duration) var(--idp-transition-timing-function)}.idp-radio--disabled{cursor:not-allowed}.idp-radio--disabled .idp-radio__inner{background-color:var(--idp-bg-color-light);border-color:var(--idp-border-color-light)}.idp-radio--disabled .idp-radio__label{color:var(--idp-text-color-light)}.idp-radio--disabled.idp-radio--checked .idp-radio__inner{background-color:var(--idp-border-color-light);border-color:var(--idp-border-color-light)}.idp-radio--disabled.idp-radio--checked .idp-radio__inner:after{background-color:var(--idp-text-color-light)}.idp-radio:not(.idp-radio--disabled):hover .idp-radio__inner{border-color:var(--idp-primary-hover-color)}.idp-radio-group{display:inline-block}.idp-radio-group--vertical .idp-radio{display:block;margin-right:0}.idp-radio-group--horizontal .idp-radio{display:inline-block;margin-right:16px}.custom-table-container{background:#fff;color:rgba(0,0,0,.88);font-size:14px}.custom-table-container.bordered{border:1px solid #d9d9d9;border-radius:6px}.custom-table-header{border-bottom:1px solid #f0f0f0;flex-shrink:0;overflow-x:hidden;overflow-y:hidden}.custom-table-header-inner{overflow-x:auto;overflow-y:hidden;scroll-behavior:auto;will-change:scroll-position}.custom-table-header-inner::-webkit-scrollbar{height:0;width:0}.custom-table-header-inner{-ms-overflow-style:none;scrollbar-width:none}.custom-table-body{overflow-x:auto;scroll-behavior:auto;will-change:scroll-position}.custom-table{border-collapse:collapse;table-layout:fixed;width:100%}.custom-table.bordered td,.custom-table.bordered th{border:1px solid #d9d9d9}.custom-table thead{background-color:#fafafa}.custom-table th{font-weight:600;text-align:left}.custom-table td,.custom-table th{border-bottom:1px solid #f0f0f0;overflow-wrap:break-word;padding:12px 8px}.custom-table tbody tr:hover{background-color:#fafafa}.custom-table-empty{border-top:1px solid #f0f0f0;color:rgba(0,0,0,.25);padding:16px;text-align:center}.custom-table td[style*=sticky],.custom-table th[style*=sticky]{box-shadow:1px 0 0 0 #f0f0f0}.custom-table td[style*="right: 0"],.custom-table th[style*="right: 0"]{box-shadow:-1px 0 0 0 #f0f0f0}.custom-table td[style*="position: sticky"][style*=right],.custom-table th[style*="position: sticky"][style*=right]{position:sticky!important;z-index:5!important}.custom-table thead td[style*="position: sticky"],.custom-table thead th[style*="position: sticky"]{top:0;z-index:10!important}.custom-table-pagination{align-items:center;border-top:1px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;padding:12px 16px}.custom-table-pagination-total{color:rgba(0,0,0,.65);font-size:14px;margin-right:8px}.custom-table-pagination-btn{background:#fff;border:1px solid #d9d9d9;border-radius:4px;color:rgba(0,0,0,.65);cursor:pointer;font-size:14px;padding:4px 12px;transition:all .2s}.custom-table-pagination-btn:hover:not(:disabled){border-color:#1a2980;color:#1a2980}.custom-table-pagination-btn:disabled{color:rgba(0,0,0,.25);cursor:not-allowed}.custom-table-pagination-page{background:#fff;border:1px solid #d9d9d9;border-radius:4px;color:rgba(0,0,0,.65);cursor:pointer;height:32px;line-height:32px;min-width:32px;text-align:center;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.custom-table-pagination-page:hover{border-color:#1a2980;color:#1a2980}.custom-table-pagination-page.active{background:#1a2980;border-color:#1a2980;color:#fff}.custom-table-pagination-page.ellipsis{border:none;cursor:default}.custom-table-pagination-page.ellipsis:hover{border-color:#d9d9d9;color:rgba(0,0,0,.65)}.custom-table-pagination-select{background:#fff;border:1px solid #d9d9d9;border-radius:4px;color:rgba(0,0,0,.65);cursor:pointer;font-size:14px;outline:none;padding:4px 8px}.custom-table-pagination-select:focus{border-color:#1a2980}.top-button-wrapper{z-index:1000}.top-button-wrapper-container{clear:both;float:right}.top-button{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;transition:all .3s ease}.top-button:hover{filter:brightness(1.1);transform:translateY(-2px)}.top-button:active{transform:translateY(0)}.divider{background-color:#339af0;margin:0;padding:0;width:auto}.divider-horizontal{height:1px;width:auto}.divider-vertical{background-color:transparent;border-left:1px solid #339af0;height:100%;width:0}.divider-dashed.divider-horizontal{background:repeating-linear-gradient(90deg,currentColor,currentColor 4px,transparent 0,transparent 8px)}.divider-dashed.divider-vertical{background-color:transparent;border-left:1px dashed}.input-wrapper{align-items:center;background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;box-sizing:border-box;display:inline-flex;font-family:inherit;font-size:14px;outline:none;position:relative;transition:all .3s ease}.input-wrapper:hover{border-color:#339af0;box-shadow:0 0 0 2px rgba(51,154,240,.2)}.input-inner{background-color:transparent;border:none;box-sizing:border-box;flex:1;font-family:inherit;font-size:14px;outline:none;padding:8px}.input-inner::placeholder{color:#bfbfbf;opacity:1}.input-inner::-webkit-input-placeholder{color:#bfbfbf}.input-inner::-moz-placeholder{color:#bfbfbf;opacity:1}.input-inner:-ms-input-placeholder{color:#bfbfbf}.input-prefix{align-items:center;color:#909399;display:flex;justify-content:center;margin:0 0 0 6px}.input-prefix .icon-container{padding:0}.input-suffix-group{align-items:center;display:flex;margin:0 4px}.input-suffix-clear{align-items:center;color:#1890ff;cursor:pointer;display:flex;justify-content:center;margin-right:4px;opacity:0;overflow:hidden;transform:scale(.8);transition:all .3s ease;visibility:hidden}.input-suffix-clear.visible{opacity:1;transform:scale(1);visibility:visible}.input-suffix-clear .icon-container{padding:0}.input-suffix-clear .icon{fill:#1890ff}.input-suffix-content{align-items:center;color:#909399;cursor:pointer;display:flex;justify-content:center}.input-suffix-content .icon-container{padding:0}.input-suffix{align-items:center;color:#909399;cursor:pointer;display:flex;justify-content:center;margin:0 8px}.input-suffix .icon-container{padding:0}.number-input-wrapper{display:flex;flex-direction:column;width:100%}.input-error{border-color:#f5222d!important}.input-error:focus-within,.input-error:hover{border-color:#f5222d!important;box-shadow:0 0 0 2px rgba(245,34,45,.2)!important}.input-error-message{border-radius:4px;box-shadow:0 2px 8px rgba(245,34,45,.1);clear:left;color:#f5222d;float:left;font-size:12px;line-height:1.5;max-height:50px;opacity:0;overflow:hidden;padding:4px 8px;position:relative;text-align:left;transform:scaleX(0);transform-origin:left center;transition:opacity .5s cubic-bezier(.16,1,.3,1),visibility .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1),max-height .5s cubic-bezier(.16,1,.3,1),width .5s cubic-bezier(.16,1,.3,1);visibility:hidden;white-space:nowrap;width:0;z-index:10}.input-error-message.visible{max-height:50px;opacity:1;transform:scaleX(1);transition-timing-function:cubic-bezier(.16,1,.3,1);visibility:visible;width:auto}.input-error-message:not(.visible){max-height:50px;opacity:0;transform:scaleX(0);transition-timing-function:cubic-bezier(.55,0,.1,1);visibility:hidden;width:0}.input-wrapper.input-disabled{background-color:#f5f5f5;border-color:#d9d9d9;color:#bfbfbf;cursor:not-allowed}.input-wrapper.input-disabled:hover{border-color:#d9d9d9;box-shadow:none}.input-wrapper.input-disabled .input-inner{background-color:transparent;color:#bfbfbf;cursor:not-allowed}.input-wrapper.input-readonly{background-color:#f5f5f5;border-color:#d9d9d9;cursor:default}.input-wrapper.input-readonly:hover{border-color:#d9d9d9;box-shadow:none}.input-wrapper.input-readonly .input-inner{background-color:transparent;cursor:default}.input-wrapper:focus-within{border-color:#339af0;box-shadow:0 0 0 2px rgba(51,154,240,.2)}.input{background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;box-sizing:border-box;display:inline-block;font-family:inherit;font-size:14px;outline:none;padding:8px 12px;transition:all .3s ease}.input:focus,.input:hover{border-color:#339af0;box-shadow:0 0 0 2px rgba(51,154,240,.2)}.search-input-wrapper{display:inline-block;position:relative}.search-input-suffix{align-items:center;display:flex;pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.search-input-suffix svg{pointer-events:all}.notification{background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);color:#333;max-width:400px;min-width:200px;padding:15px 20px;position:fixed;z-index:2000}.notification-top-left{animation:slideInTopLeft .3s ease;left:20px;top:20px}.notification-top-center{animation:slideInTopCenter .3s ease;left:50%;top:20px;transform:translateX(-50%)}.notification-top-right{animation:slideInTopRight .3s ease;right:20px;top:20px}.notification-center{animation:fadeInCenter .3s ease;left:50%;top:50%;transform:translate(-50%,-50%)}.notification-bottom-left{animation:slideInBottomLeft .3s ease;bottom:20px;left:20px}.notification-bottom-center{animation:slideInBottomCenter .3s ease;bottom:20px;left:50%;transform:translateX(-50%)}.notification-bottom-right{animation:slideInBottomRight .3s ease;bottom:20px;right:20px}.notification-info{background:rgba(26,41,128,.95);color:#fff}.notification-success{background:rgba(40,167,69,.95);color:#fff}.notification-warning{background:rgba(255,193,7,.95);color:#212529}.notification-error{background:rgba(220,53,69,.95);color:#fff}.notification-content{align-items:center;display:flex;gap:10px;justify-content:flex-start;width:100%}.notification-content i{flex-shrink:0;font-size:1.2rem}.notification-content span{flex:1;line-height:1.4;text-align:center}.notification-error .notification-content span,.notification-info .notification-content span,.notification-success .notification-content span{color:#fff}.notification-warning .notification-content span{color:#212529}.fade-out{animation:fadeOut .5s ease forwards}@keyframes slideInTopLeft{0%{opacity:0;transform:translateY(-20px) translateX(-20px)}to{opacity:1;transform:translateY(0) translateX(0)}}@keyframes slideInTopCenter{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes slideInTopRight{0%{opacity:0;transform:translateY(-20px) translateX(20px)}to{opacity:1;transform:translateY(0) translateX(0)}}@keyframes fadeInCenter{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes slideInBottomLeft{0%{opacity:0;transform:translateY(20px) translateX(-20px)}to{opacity:1;transform:translateY(0) translateX(0)}}@keyframes slideInBottomCenter{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes slideInBottomRight{0%{opacity:0;transform:translateY(20px) translateX(20px)}to{opacity:1;transform:translateY(0) translateX(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.idp-color-picker{display:inline-block;position:relative;vertical-align:middle}.idp-color-picker--disabled{cursor:not-allowed;opacity:.6}.idp-color-picker-trigger{align-items:center;background-color:#1890ff;border:1px solid #d9d9d9;border-radius:4px;box-sizing:border-box;cursor:pointer;display:inline-flex;height:32px;justify-content:center;margin:0;outline:none;padding:0;position:relative;transition:border-color .2s ease,box-shadow .2s ease;width:32px}.idp-color-picker-trigger:hover{border-color:#40a9ff;box-shadow:0 2px 8px rgba(0,0,0,.15)}.idp-color-picker-trigger:focus{border-color:#40a9ff;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.idp-color-picker-trigger:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}.idp-color-picker-text{color:#666;font-size:12px;margin-left:8px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.idp-color-picker-popup{left:0;margin-top:8px;position:absolute;top:100%;z-index:1050}.idp-color-picker-content{background:#fff;border-radius:8px;box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05);display:flex;flex-direction:column;gap:5px;padding:16px}.idp-color-picker-input-group{display:flex;flex-direction:column;gap:6px;margin-top:4px}.idp-color-picker-input-label{color:#666;font-size:12px;font-weight:500}.idp-color-picker-input{background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;box-sizing:border-box;color:#333;font-size:14px;height:32px;line-height:1.5;outline:none;padding:0 8px;transition:all .2s ease;width:100%}.idp-color-picker-input:focus{border-color:#40a9ff;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.idp-color-picker-input:hover{border-color:#40a9ff}.idp-color-picker-presets-label{color:#666;display:block;font-size:12px;font-weight:500;margin-bottom:6px}.idp-color-picker-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.idp-color-picker-preset{border:1px solid #d9d9d9;border-radius:4px;box-sizing:border-box;cursor:pointer;height:24px;transition:all .2s ease;width:24px}.idp-color-picker-preset:hover{border-color:#40a9ff;transform:scale(1.1)}.idp-color-picker-trigger-container{cursor:pointer}.idp-color-picker-default-trigger{cursor:pointer;height:32px;width:32px}.idp-color-picker-actions{align-items:center;display:flex;gap:8px;margin-top:8px}.idp-color-picker-preview-label{color:#666;font-size:14px;font-weight:500}.idp-color-picker-preview{border:1px solid #d9d9d9;border-radius:4px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}.idp-color-picker-gradient-preview,.idp-color-picker-solid-preview{flex:1;height:24px}.idp-color-picker-button-group{display:flex;gap:8px;margin-left:auto}.react-colorful{height:180px;width:208px}.react-colorful__saturation{border-radius:6px 6px 0 0;height:140px}.react-colorful__hue{border-radius:0 0 6px 6px;height:12px;margin-top:8px}.react-colorful__alpha{border-radius:6px;height:12px;margin-top:8px}.react-colorful__pointer{border:2px solid #fff;box-shadow:0 0 2px rgba(0,0,0,.3);height:14px;width:14px}.react-colorful__alpha-pointer,.react-colorful__hue-pointer{border:1px solid #fff;box-shadow:0 0 2px rgba(0,0,0,.3);height:16px;width:14px}.idp-color-picker-mode-toggle{display:flex;gap:8px;justify-content:center;margin-bottom:12px}.idp-color-picker-gradient{display:flex;gap:16px}.idp-color-picker-gradient-item{display:flex;flex-direction:column;gap:8px}.idp-color-picker-gradient-label{color:#666;font-size:12px;font-weight:500;margin-bottom:4px}.idp-color-picker-gradient-direction{display:flex;flex-direction:column;gap:8px;margin-top:8px}.idp-color-picker-gradient-direction-label{color:#666;font-size:12px;font-weight:500}.idp-color-picker-gradient-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#f0f0f0;border-radius:2px;height:4px;outline:none;width:100%}.idp-color-picker-gradient-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#1890ff;border:2px solid #fff;border-radius:50%;box-shadow:0 0 2px rgba(0,0,0,.3);cursor:pointer;height:16px;-webkit-transition:all .2s ease;transition:all .2s ease;width:16px}.idp-color-picker-gradient-range::-moz-range-thumb{background:#1890ff;border:2px solid #fff;border-radius:50%;box-shadow:0 0 2px rgba(0,0,0,.3);cursor:pointer;height:16px;-moz-transition:all .2s ease;transition:all .2s ease;width:16px}.idp-color-picker-gradient-range::-webkit-slider-thumb:hover{background:#40a9ff;transform:scale(1.1)}.idp-color-picker-gradient-range::-moz-range-thumb:hover{background:#40a9ff;transform:scale(1.1)}.idp-color-picker-type{color:#666;flex:1;font-size:12px;font-weight:500;text-align:center}.idp-copy-to-clipboard{align-items:center;cursor:pointer;display:inline-flex;justify-content:center;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.idp-copy-to-clipboard:hover{opacity:.8}.idp-copy-to-clipboard:active{transform:translateY(1px)}.idp-copy-to-clipboard-text{color:#1890ff;font-size:14px}.idp-copy-to-clipboard-text:hover{text-decoration:underline}.idp-message{align-items:center;background-color:#fff;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:flex;height:30px;justify-content:center;left:50%;max-width:800px;min-width:100px;opacity:0;pointer-events:auto;position:fixed;top:20px;transform:translateX(-50%) translateY(-100%);transition:all .3s cubic-bezier(.4,0,.2,1);width:auto;z-index:1050}.idp-message--show{opacity:1;transform:translateX(-50%) translateY(0)}.idp-message-content{align-items:center;display:flex;gap:8px;height:100%;justify-content:center;padding:0 20px}.idp-message-text{color:#333;flex:1;font-size:13px;line-height:1.5;text-align:left}.idp-message--success{background-color:#fff;border:1px solid #b7eb8f}.idp-message--success .idp-message-text{color:#52c41a}.idp-message--warning{background-color:#fff;border:1px solid #ffe58f}.idp-message--warning .idp-message-text{color:#faad14}.idp-message--error{background-color:#fff;border:1px solid #ffccc7}.idp-message--error .idp-message-text{color:#f5222d}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-100%)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes slideUp{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-100%)}}.idp-message--show{animation:slideDown .3s cubic-bezier(.4,0,.2,1) forwards}.idp-message:not(.idp-message--show){animation:slideUp .3s cubic-bezier(.4,0,.2,1) forwards}

package/dist/es/index.js

@@ -1 +1 @@
-export{default as Icon}from"./Icon/Icon.js";export{default as Marquee}from"./Marquee/index.js";export{default as Modal}from"./Modal/index.js";export{default as Notice}from"./Notice/Notice.js";export{default as Table}from"./Table/index.js";export{default as Top}from"./Top/index.js";export{default as Divider}from"./Divider/index.js";export{default as Input}from"./Input/index.js";export{default as Notification}from"./Notification/Notification.js";export{default as ColorPicker}from"./ColorPicker/index.js";export{default as CopyToClipboard,useOnCopy as useCopy}from"./CopyToClipboard/index.js";export{MessageProvider,useMessage}from"./Message/index.js";export{default as Message}from"./Message/Message.js";export{default as Button}from"./Button/Button.js";
+export{default as Flex}from"./Flex/index.js";export{default as Icon}from"./Icon/Icon.js";export{default as Marquee}from"./Marquee/index.js";export{default as Modal}from"./Modal/index.js";export{default as Notice}from"./Notice/Notice.js";export{default as Radio}from"./Radio/index.js";export{default as Table}from"./Table/index.js";export{default as Top}from"./Top/index.js";export{default as Divider}from"./Divider/index.js";export{default as Input}from"./Input/index.js";export{default as Notification}from"./Notification/Notification.js";export{default as ColorPicker}from"./ColorPicker/index.js";export{default as CopyToClipboard,useOnCopy as useCopy}from"./CopyToClipboard/index.js";export{MessageProvider,useMessage}from"./Message/index.js";export{default as Message}from"./Message/Message.js";export{default as Button}from"./Button/Button.js";

package/dist/es/node_modules/tslib/tslib.es6.js

@@ -1 +1 @@
-var t=function(){return t=Object.assign||function(t){for(var e,r=1,n=arguments.length;r<n;r++)for(var o in e=arguments[r])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},t.apply(this,arguments)};function e(t,e,r,n){return new(r||(r=Promise))(function(o,a){function c(t){try{u(n.next(t))}catch(t){a(t)}}function l(t){try{u(n.throw(t))}catch(t){a(t)}}function u(t){var e;t.done?o(t.value):(e=t.value,e instanceof r?e:new r(function(t){t(e)})).then(c,l)}u((n=n.apply(t,e||[])).next())})}function r(t,e){var r,n,o,a={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]},c=Object.create(("function"==typeof Iterator?Iterator:Object).prototype);return c.next=l(0),c.throw=l(1),c.return=l(2),"function"==typeof Symbol&&(c[Symbol.iterator]=function(){return this}),c;function l(l){return function(u){return function(l){if(r)throw new TypeError("Generator is already executing.");for(;c&&(c=0,l[0]&&(a=0)),a;)try{if(r=1,n&&(o=2&l[0]?n.return:l[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,l[1])).done)return o;switch(n=0,o&&(l=[2&l[0],o.value]),l[0]){case 0:case 1:o=l;break;case 4:return a.label++,{value:l[1],done:!1};case 5:a.label++,n=l[1],l=[0];continue;case 7:l=a.ops.pop(),a.trys.pop();continue;default:if(!(o=a.trys,(o=o.length>0&&o[o.length-1])||6!==l[0]&&2!==l[0])){a=0;continue}if(3===l[0]&&(!o||l[1]>o[0]&&l[1]<o[3])){a.label=l[1];break}if(6===l[0]&&a.label<o[1]){a.label=o[1],o=l;break}if(o&&a.label<o[2]){a.label=o[2],a.ops.push(l);break}o[2]&&a.ops.pop(),a.trys.pop();continue}l=e.call(t,a)}catch(t){l=[6,t],n=0}finally{r=o=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,u])}}}function n(t,e,r){if(r||2===arguments.length)for(var n,o=0,a=e.length;o<a;o++)!n&&o in e||(n||(n=Array.prototype.slice.call(e,0,o)),n[o]=e[o]);return t.concat(n||Array.prototype.slice.call(e))}"function"==typeof SuppressedError&&SuppressedError;export{t as __assign,e as __awaiter,r as __generator,n as __spreadArray};
+var t=function(){return t=Object.assign||function(t){for(var e,r=1,n=arguments.length;r<n;r++)for(var o in e=arguments[r])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t},t.apply(this,arguments)};function e(t,e){var r={};for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&e.indexOf(n)<0&&(r[n]=t[n]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(t);o<n.length;o++)e.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(t,n[o])&&(r[n[o]]=t[n[o]])}return r}function r(t,e,r,n){return new(r||(r=Promise))(function(o,a){function c(t){try{i(n.next(t))}catch(t){a(t)}}function l(t){try{i(n.throw(t))}catch(t){a(t)}}function i(t){var e;t.done?o(t.value):(e=t.value,e instanceof r?e:new r(function(t){t(e)})).then(c,l)}i((n=n.apply(t,e||[])).next())})}function n(t,e){var r,n,o,a={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]},c=Object.create(("function"==typeof Iterator?Iterator:Object).prototype);return c.next=l(0),c.throw=l(1),c.return=l(2),"function"==typeof Symbol&&(c[Symbol.iterator]=function(){return this}),c;function l(l){return function(i){return function(l){if(r)throw new TypeError("Generator is already executing.");for(;c&&(c=0,l[0]&&(a=0)),a;)try{if(r=1,n&&(o=2&l[0]?n.return:l[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,l[1])).done)return o;switch(n=0,o&&(l=[2&l[0],o.value]),l[0]){case 0:case 1:o=l;break;case 4:return a.label++,{value:l[1],done:!1};case 5:a.label++,n=l[1],l=[0];continue;case 7:l=a.ops.pop(),a.trys.pop();continue;default:if(!(o=a.trys,(o=o.length>0&&o[o.length-1])||6!==l[0]&&2!==l[0])){a=0;continue}if(3===l[0]&&(!o||l[1]>o[0]&&l[1]<o[3])){a.label=l[1];break}if(6===l[0]&&a.label<o[1]){a.label=o[1],o=l;break}if(o&&a.label<o[2]){a.label=o[2],a.ops.push(l);break}o[2]&&a.ops.pop(),a.trys.pop();continue}l=e.call(t,a)}catch(t){l=[6,t],n=0}finally{r=o=0}if(5&l[0])throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}([l,i])}}}function o(t,e,r){if(r||2===arguments.length)for(var n,o=0,a=e.length;o<a;o++)!n&&o in e||(n||(n=Array.prototype.slice.call(e,0,o)),n[o]=e[o]);return t.concat(n||Array.prototype.slice.call(e))}"function"==typeof SuppressedError&&SuppressedError;export{t as __assign,r as __awaiter,n as __generator,e as __rest,o as __spreadArray};

package/dist/types/ColorPicker/types.d.ts

@@ -10,5 +10,6 @@ export interface ColorPickerProps {
     showText?: boolean;
     alpha?: boolean;
     presetColors?: string[];
+    gradient?: boolean;
     children?: React.ReactNode;
 }

package/dist/types/Flex/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { FlexProps } from './types';
+import './Flex.css';
+declare const Flex: React.FC<FlexProps>;
+export default Flex;

package/dist/types/Flex/types.d.ts

@@ -0,0 +1,11 @@
+export interface FlexProps {
+    children: React.ReactNode;
+    layout?: 'horizontal' | 'column';
+    direction?: 'row' | 'row-reverse' | 'column' | 'column-reverse';
+    justify?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
+    align?: 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
+    wrap?: 'nowrap' | 'wrap' | 'wrap-reverse';
+    gap?: string | number;
+    className?: string;
+    style?: React.CSSProperties;
+}

package/dist/types/Input/InputBase.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import './Input.css';
+export interface InputProps {
+    type?: 'text';
+    placeholder?: string;
+    width?: string | number;
+    className?: string;
+    style?: React.CSSProperties;
+    value?: string;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    disabled?: boolean;
+    readOnly?: boolean;
+    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    prefix?: string | React.ReactNode;
+    suffix?: string | React.ReactNode;
+    clear?: boolean;
+}
+declare const InputBase: React.FC<InputProps>;
+export default InputBase;

package/dist/types/Input/Number.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { InputProps } from './InputBase';
+import './Input.css';
+export type NumberType = 'positive-float' | 'negative-float' | 'positive-integer' | 'negative-integer' | 'integer' | 'negative' | 'positive';
+export interface NumberInputProps extends InputProps {
+    nType?: NumberType;
+    errorMessage?: string;
+}
+declare const NumberInput: React.FC<NumberInputProps>;
+export default NumberInput;

package/dist/types/Input/Search.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { InputProps } from './InputBase';
+interface SearchProps extends InputProps {
+    onSearch?: () => void;
+    onClear?: () => void;
+}
+declare const Search: React.FC<SearchProps>;
+export default Search;

package/dist/types/Input/index.d.ts

@@ -1,17 +1,12 @@
 import React from 'react';
-import './Input.css';
-export interface InputProps {
-    type?: 'text' | 'number';
-    placeholder?: string;
-    width?: string | number;
-    className?: string;
-    style?: React.CSSProperties;
-    value?: string | number;
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
-    onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
-    disabled?: boolean;
-    readOnly?: boolean;
-}
-declare const Input: React.FC<InputProps>;
+import { InputProps } from './InputBase';
+import Search from './Search';
+import NumberInput, { NumberInputProps } from './Number';
+export type { InputProps, NumberInputProps };
+type InputComponent = React.FC<InputProps> & {
+    Search: typeof Search;
+    Number: typeof NumberInput;
+};
+declare const Input: InputComponent;
+export { Search, NumberInput };
 export default Input;

package/dist/types/Modal/types.d.ts

@@ -8,9 +8,16 @@ export interface ModalProps {
     confirmLoading?: boolean;
     direction?: 'center' | 'top-right' | 'bottom-right' | 'normal';
     top?: number;
-    onClose?: () => void;
-    onConfirm?: () => void;
+    footer?: null | React.ReactNode;
+    onCancel?: () => void;
+    onOk?: () => void;
     children?: React.ReactNode;
     className?: string;
     style?: React.CSSProperties;
+    getContainer?: HTMLElement | (() => HTMLElement) | false;
+    okText?: string;
+    cancelText?: string;
+    maskStyle?: React.CSSProperties;
+    maskClassName?: string;
+    zIndex?: number;
 }

package/dist/types/Radio/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { RadioProps, RadioGroupProps } from './types';
+import './Radio.css';
+declare const Radio: React.FC<RadioProps> & {
+    Group: React.FC<RadioGroupProps>;
+};
+export default Radio;
+export * from './types';

package/dist/types/Radio/types.d.ts

@@ -0,0 +1,22 @@
+export interface RadioProps {
+    value?: any;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onChange?: (checked: boolean, value: any) => void;
+    disabled?: boolean;
+    size?: 'large' | 'middle' | 'small';
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export interface RadioGroupProps {
+    value?: any;
+    defaultValue?: any;
+    onChange?: (value: any) => void;
+    disabled?: boolean;
+    type?: 'button' | 'radio';
+    size?: 'large' | 'middle' | 'small';
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+}

package/dist/types/index.d.ts

@@ -1,8 +1,10 @@
 export { default as Button } from './Button';
+export { default as Flex } from './Flex';
 export { default as Icon } from './Icon';
 export { default as Marquee } from './Marquee';
 export { default as Modal } from './Modal';
 export { default as Notice } from './Notice/Notice';
+export { default as Radio } from './Radio';
 export { default as Table } from './Table';
 export { default as Top } from './Top';
 export { default as Divider } from './Divider';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zjpcy/simple-design",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "IDP Studio Design System - React Component Library",
   "main": "dist/cjs/index.js",
   "module": "dist/es/index.js",
@@ -75,6 +75,6 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/idp-studio/idp-design.git"
+    "url": "git@github.com:chongyin10/simple-design.git"
   }
 }