tango-ui-cw 0.0.1 → 0.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +1 -0
- package/dist/index.js +10 -10
- package/dist/index.mjs +1347 -352
- package/package.json +6 -3
package/dist/index.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.btn{font-family:Arial,sans-serif;border:none;cursor:pointer;padding:8px 16px;border-radius:8px;transition:all .3s;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;letter-spacing:2px}.btn:hover{transition:.5s;-webkit-animation:btn-content 1s;animation:btn-content 1s;outline:.1em solid transparent;outline-offset:.2em}.btn-default{background-color:#d5d5d5;color:#000}.btn-default:hover{box-shadow:0 0 .4em #d5d5d5}.btn-transparent{background-color:transparent;color:#000}.btn-transparent:hover{box-shadow:0 0 .4em #d5d5d5}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{box-shadow:0 0 .4em #dc3545}.btn-success{background-color:#4caf50;color:#fff}.btn-success:hover{box-shadow:0 0 .4em #4caf50}.btn-outline{background-color:transparent;border-width:1px;border-color:#000}.btn-default.btn-outline{color:#000;border:1px solid #d5d5d5}.btn-default.btn-outline:hover{box-shadow:0 0 .4em #d5d5d5}.btn-success.btn-outline{color:#28a745;border:1px solid #28a745}.btn-success.btn-outline:hover{box-shadow:0 0 .4em #28a745}.btn-danger.btn-outline{color:#dc3545;border:1px solid #dc3545}.btn-danger.btn-outline:hover{box-shadow:0 0 .4em #dc3545}.btn-transparent.btn-outline{color:#000;border:1px solid #6c757d}.btn-transparent.btn-outline:hover{box-shadow:0 0 .4em #6c757d}.btn-Neumorphism{font-family:Arial,sans-serif;border:none;cursor:pointer;padding:8px 16px;border-radius:8px;background:#e0e0e0;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;transition:all .2s ease-in-out;color:#fff}.btn-Neumorphism:hover{box-shadow:inset 4px 4px 8px #bebebe99,inset -4px -4px 8px #fffc,4px 4px 8px #bebebe99,-4px -4px 8px #fffc;transform:translateY(-2px)}.btn-Neumorphism:active{box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff;transform:translateY(1px)}.btn-success.btn-Neumorphism{background-color:#28a745;color:#fff;box-shadow:inset 4px 4px 8px #145a2599,inset -4px -4px 8px #32c864cc,4px 4px 8px #145a254d,-4px -4px 8px #32c86480;border-radius:8px;transition:all .3s ease}.btn-success.btn-Neumorphism:hover{box-shadow:inset 3px 3px 6px #145a25cc,inset -3px -3px 6px #32c864e6,3px 3px 6px #145a2580,-3px -3px 6px #32c864b3;transform:translateY(-2px)}.btn-success.btn-Neumorphism:active{box-shadow:inset 4px 4px 8px #145a25e6,inset -4px -4px 8px #32c864;transform:translateY(1px)}.btn-transparent.btn-Neumorphism{background-color:transparent;color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:8px;box-shadow:4px 4px 8px #bebebe99,-4px -4px 8px #fffc;padding:8px 16px;font-family:Arial,sans-serif;cursor:pointer;transition:all .2s ease-in-out}.btn-transparent.btn-Neumorphism:hover{box-shadow:inset 4px 4px 8px #bebebe99,inset -4px -4px 8px #fffc,0 0 .4em #d5d5d5cc;transform:translateY(-2px)}.btn-transparent.btn-Neumorphism:active{box-shadow:inset 6px 6px 12px #bebebecc,inset -6px -6px 12px #fff;transform:translateY(1px)}.btn-danger.btn-Neumorphism{background-color:#dc3545;color:#fff;border:none;border-radius:8px;box-shadow:4px 4px 8px #91283299,-4px -4px 8px #ff6670cc;padding:8px 16px;font-family:Arial,sans-serif;cursor:pointer;transition:all .2s ease-in-out}.btn-danger.btn-Neumorphism:hover{box-shadow:inset 4px 4px 8px #91283299,inset -4px -4px 8px #ff6670cc,0 0 .4em #dc3545cc;transform:translateY(-2px)}.btn-danger.btn-Neumorphism:active{box-shadow:inset 6px 6px 12px #912832cc,inset -6px -6px 12px #ff6670;transform:translateY(1px)}.btn-small{font-size:12px;padding:4px 8px}.btn-medium{font-size:14px;padding:8px 16px}.btn-large{font-size:16px;padding:12px 20px}.btn-huge{font-size:25px;padding:18px 45px}.btn-disabled{background-color:#e0e0e0;color:#a0a0a0;cursor:not-allowed}.btn-disabled:hover{transition:0s;box-shadow:none}.material-btn{position:relative;overflow:hidden;border:none;border-radius:6px;cursor:pointer;font-family:Arial,sans-serif;font-weight:500;color:#fff;background-color:#4caf50;transition:background-color .3s ease;-webkit-user-select:none;user-select:none;outline:none;padding:10px 20px}.material-btn:hover:not(.material-btn-disabled){background-color:#45a047}.material-btn:active:not(.material-btn-disabled){background-color:#388e3c}.material-btn-small{font-size:12px;padding:6px 12px}.material-btn-medium{font-size:14px;padding:10px 20px}.material-btn-large{font-size:18px;padding:14px 28px}.material-btn-disabled{background-color:#e0e0e0;color:#a0a0a0;cursor:not-allowed}.ripple{position:absolute;border-radius:50%;background:#fff9;transform:scale(0);animation:ripple-effect .6s linear;pointer-events:none;z-index:0}@keyframes ripple-effect{to{transform:scale(4);opacity:0}}.materialInput .inputWrapper{position:relative;margin:10px 0;width:100%}.materialInputField{width:100%;padding:16px 8px 8px;font-size:16px;border:none;border-bottom:1px solid grey;background:transparent;outline:none}.materialLabel{position:absolute;left:8px;top:16px;font-size:16px;color:gray;transition:all .2s ease;pointer-events:none}.filled~.materialLabel,.float{top:2px;font-size:12px;color:#45a047}.color-picker{width:35px;height:35px;padding:0 1px;background:#fff}.color-picker-disabled{cursor:not-allowed}.color-picker-wrapper{display:flex;align-items:center;gap:10px}.color-text{display:flex;flex-direction:column;font-size:12px;color:#555}.date-picker{padding:6px 8px;font-size:14px;border:1px solid #ccc;border-radius:6px;outline:none}.date-picker:disabled{background-color:#f0f0f0;color:#999}.drawer-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:999;display:flex;justify-content:flex-end}.drawer-container{background-color:#fff;padding:20px;width:320px;height:100vh;position:relative}.drawer-header{font-size:18px;font-weight:700;margin-bottom:16px;display:flex;justify-content:space-between}.drawer-content{margin-bottom:24px}.drawer-footer{position:absolute;bottom:0;right:0;display:flex;gap:10px;padding:10px 20px;background-color:#fff}.drawer-closeBtn{background-image:url(../../assets/关闭.png);width:15px;height:15px;background-size:100% 100%;cursor:pointer}.drawer-right{height:100vh;width:320px;position:fixed;top:0;right:0}.drawer-left{height:100vh;width:320px;position:fixed;top:0;left:0}.drawer-top{height:300px;width:100vw;position:fixed;top:0;left:0}.drawer-bottom{height:300px;width:100vw;position:fixed;bottom:0;left:0}@keyframes come-in-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes come-out-right{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes come-in-left{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes come-out-left{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes come-in-top{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes come-out-top{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@keyframes come-in-bottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes come-out-bottom{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.come-in-right{animation:come-in-right .3s ease-in-out}.come-out-right{animation:come-out-right .3s ease-in-out}.come-in-left{animation:come-in-left .3s ease-in-out}.come-out-left{animation:come-out-left .3s ease-in-out}.come-in-top{animation:come-in-top .3s ease-in-out}.come-out-top{animation:come-out-top .3s ease-in-out}.come-in-bottom{animation:come-in-bottom .3s ease-in-out}.come-out-bottom{animation:come-out-bottom .3s ease-in-out}.input{width:300px;height:40px;border-radius:8px;border:1px solid #ccc;padding:8px 12px;font-size:14px;color:#000;outline:none;transition:all .3s ease;box-shadow:0 1px 3px #0000001a;background-color:#fff}.input:hover{border-color:#888}.input:focus{border-color:#4caf50;box-shadow:0 0 5px #0078d480}.input-small{height:32px;font-size:12px;padding:6px 10px}.input-medium{height:40px;font-size:14px}.input-large{height:48px;font-size:16px;padding:10px 14px}.input-huge{height:56px;font-size:18px;padding:12px 16px}.input-disabled{background-color:#f5f5f5;color:#999;border-color:#ddd;cursor:not-allowed;box-shadow:none}.input-textarea{min-height:32px;font-size:14px}.input-error{border-color:#d93025;background-color:#fef2f2;color:#d93025}.input-error:focus{box-shadow:0 0 5px #d9302580}html,body{height:100%;margin:0;padding:0;box-sizing:border-box}.ultra{display:flex;flex-direction:column;width:100%;height:100%;background-color:#f0f2f5;border-radius:8px;overflow:hidden}.clay-header{background-color:#96d498;color:#fff;text-align:center;height:64px;line-height:64px}.clay-main{flex:1;width:100%;min-height:120px;display:flex;align-items:center;justify-content:center;background-color:#4caf50;color:#fff}.clay-aside{background-color:#6ccb6f;color:#fff;text-align:center;padding:16px;min-width:120px;min-height:120px;display:flex;align-items:center;justify-content:center}.clay-right{flex:3;display:flex;flex-direction:column}.clay-content{background-color:#4caf50;color:#fff;flex:1;text-align:center;padding:16px;min-height:120px;display:flex;align-items:center;justify-content:center}.clay-footer{background-color:#96d498;color:#fff;text-align:center;height:64px;line-height:64px}@media (max-width: 768px){.ultra,.clay-main{flex-direction:column}}.line{display:flex;align-items:center;justify-content:center;position:relative;width:100%}.line-small{margin:2px 0}.line-medium{margin:6px 0}.line-large{margin:10px 0}.line-huge{margin:15px 0}.line:before,.line:after{content:"";flex:1;height:1px;background-color:#b2b2b2}.line:before{margin-right:10px}.line:after{margin-left:10px}.line:not(:has(.line-text)):before,.line:not(:has(.line-text)):after{margin:0}.line-text{padding:0 5px;color:inherit;background-color:transparent;white-space:nowrap;z-index:1}.mark{width:auto;height:auto;display:inline-block}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:999;display:flex;justify-content:center;align-items:center}.modal-container{background-color:#fff;padding:20px;border-radius:8px;width:520px;box-shadow:0 2px 10px #0000001a;position:relative;margin-top:-350px}.modal-header{font-size:18px;font-weight:700;margin-bottom:16px;display:flex;justify-content:space-between}.modal-content{margin-bottom:24px}.modal-footer{display:flex;justify-content:flex-end;gap:10px}.modal-closeBtn{background-image:url(../../assets/关闭.png);width:15px;height:15px;background-size:100% 100%;cursor:pointer}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes scale-in{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scale-out{0%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}.fade-in{animation:fade-in .3s ease-in-out;-webkit-animation:fade-in .3s ease-in-out}.fade-out{animation:fade-out .3s ease-in-out;-webkit-animation:fade-out .3s ease-in-out}.scale-in{animation:scale-in .3s ease-in-out;-webkit-animation:scale-in .3s ease-in-out}.scale-out{animation:scale-out .3s ease-in-out;-webkit-animation:scale-out .3s ease-in-out}.notice{display:inline-flex;align-items:center;justify-content:start;padding:8px 10px 8px 11px;text-align:left;border-radius:8px;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d;background-color:#fff;color:#000;position:absolute;top:20px;left:50%;transform:translate(-50%);animation:slide-down .1s ease-out;transition:opacity .3s ease-out,transform .5s ease-out}.notice img{width:20px;height:20px;margin-right:8px;flex-shrink:0}.notice span{display:inline-block;vertical-align:middle}.notice.fade-out{opacity:0;transform:translate(-50%) translateY(-20px)}@keyframes slide-down{0%{transform:translate(-50%) translateY(-50px);opacity:0}90%{transform:translate(-50%) translateY(8px);opacity:1}to{transform:translate(-50%) translateY(0);opacity:1}}.search-input{width:300px;height:40px;border-radius:8px;border:1px solid #ccc;padding:8px 12px;font-size:14px;color:#000;outline:none;transition:all .3s ease;box-shadow:0 1px 3px #0000001a;background-color:#fff}.search-input:hover{border-color:#888}.search-input:focus{border-color:#4caf50;box-shadow:0 0 5px #0078d480}.search-input-small{height:32px;font-size:12px;padding:6px 10px}.search-input-medium{height:40px;font-size:14px}.search-input-large{height:48px;font-size:16px;padding:10px 14px}.search-input-huge{height:56px;font-size:18px;padding:12px 16px}.search-input-disabled{background-color:#f5f5f5;color:#999;border-color:#ddd;cursor:not-allowed;box-shadow:none}.search-input-error{border-color:#d93025;background-color:#fef2f2;color:#d93025}.search-input-error:focus{box-shadow:0 0 5px #d9302580}.search-button{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-family:Arial,sans-serif;border:none;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .3s;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;letter-spacing:2px;background:#4caf50;color:#fff}.search-button:hover{transition:.3s;-webkit-animation:btn-content 1s;animation:btn-content 1s;outline:.1em solid transparent;outline-offset:.2em;box-shadow:0 0 5px #4caf50}.space,.space-default{width:auto;height:auto}.space-inline{display:inline-block}.space-fixed{position:fixed}.space-absolute{position:absolute}.space-relative{position:relative}.space-circle{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.space-triangle{width:0;height:0;border-left:50px solid transparent;border-right:50px solid transparent;border-bottom:100px solid #4caf50}.space-halfCircle{width:100px;height:50px;background:#4caf50;border-radius:100px 100px 0 0}.tooltip-wrapper{position:relative;display:inline-block}.tooltip{position:absolute;bottom:150%;left:50%;transform:translate(-50%);background:#000;color:#fff;font-size:16px;padding:8px 15px;border-radius:8px;white-space:nowrap;display:none;z-index:999;box-shadow:0 4px 6px #0000001a}.tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:8px;border-style:solid;border-color:black transparent transparent transparent}.tooltip-wrapper:hover .tooltip{display:block}.tooltip-wrapper.tooltip-top .tooltip{bottom:130%;left:47%;transform:translate(-50%);margin-bottom:8px}.tooltip-wrapper.tooltip-top .tooltip:after{top:100%;left:50%;transform:translate(-50%);border-color:black transparent transparent transparent}.tooltip-wrapper.tooltip-bottom .tooltip{top:130%;left:45%;height:40px;transform:translate(-50%);margin-top:8px}.tooltip-wrapper.tooltip-bottom .tooltip:after{bottom:100%;left:42%;transform:translateY(-351%);border-color:transparent transparent black transparent}.tooltip-wrapper.tooltip-right .tooltip{left:110%;top:50%;height:40px;transform:translateY(-50%);margin-left:8px}.tooltip-wrapper.tooltip-right .tooltip:after{left:-8px;top:28%;transform:translate(-52%);border-color:transparent black transparent transparent}
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const $=require("react"),n=require("prop-types");var re={exports:{}},H={};/**
|
|
2
2
|
* @license React
|
|
3
3
|
* react-jsx-runtime.production.min.js
|
|
4
4
|
*
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*
|
|
7
7
|
* This source code is licensed under the MIT license found in the
|
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
|
9
|
-
*/var
|
|
9
|
+
*/var Je;function Et(){if(Je)return H;Je=1;var g=$,t=Symbol.for("react.element"),m=Symbol.for("react.fragment"),a=Object.prototype.hasOwnProperty,l=g.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,h={key:!0,ref:!0,__self:!0,__source:!0};function d(p,c,x){var o,u={},v=null,_=null;x!==void 0&&(v=""+x),c.key!==void 0&&(v=""+c.key),c.ref!==void 0&&(_=c.ref);for(o in c)a.call(c,o)&&!h.hasOwnProperty(o)&&(u[o]=c[o]);if(p&&p.defaultProps)for(o in c=p.defaultProps,c)u[o]===void 0&&(u[o]=c[o]);return{$$typeof:t,type:p,key:v,ref:_,props:u,_owner:l.current}}return H.Fragment=m,H.jsx=d,H.jsxs=d,H}var G={};/**
|
|
10
10
|
* @license React
|
|
11
11
|
* react-jsx-runtime.development.js
|
|
12
12
|
*
|
|
@@ -14,17 +14,17 @@
|
|
|
14
14
|
*
|
|
15
15
|
* This source code is licensed under the MIT license found in the
|
|
16
16
|
* LICENSE file in the root directory of this source tree.
|
|
17
|
-
*/var
|
|
18
|
-
`+
|
|
19
|
-
`),
|
|
20
|
-
`),
|
|
21
|
-
`+
|
|
17
|
+
*/var Ke;function Nt(){return Ke||(Ke=1,process.env.NODE_ENV!=="production"&&function(){var g=$,t=Symbol.for("react.element"),m=Symbol.for("react.portal"),a=Symbol.for("react.fragment"),l=Symbol.for("react.strict_mode"),h=Symbol.for("react.profiler"),d=Symbol.for("react.provider"),p=Symbol.for("react.context"),c=Symbol.for("react.forward_ref"),x=Symbol.for("react.suspense"),o=Symbol.for("react.suspense_list"),u=Symbol.for("react.memo"),v=Symbol.for("react.lazy"),_=Symbol.for("react.offscreen"),N=Symbol.iterator,C="@@iterator";function T(e){if(e===null||typeof e!="object")return null;var r=N&&e[N]||e[C];return typeof r=="function"?r:null}var R=g.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function k(e){{for(var r=arguments.length,i=new Array(r>1?r-1:0),f=1;f<r;f++)i[f-1]=arguments[f];F("error",e,i)}}function F(e,r,i){{var f=R.ReactDebugCurrentFrame,S=f.getStackAddendum();S!==""&&(r+="%s",i=i.concat([S]));var j=i.map(function(y){return String(y)});j.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,j)}}var M=!1,A=!1,U=!1,X=!1,V=!1,Se;Se=Symbol.for("react.module.reference");function Qe(e){return!!(typeof e=="string"||typeof e=="function"||e===a||e===h||V||e===l||e===x||e===o||X||e===_||M||A||U||typeof e=="object"&&e!==null&&(e.$$typeof===v||e.$$typeof===u||e.$$typeof===d||e.$$typeof===p||e.$$typeof===c||e.$$typeof===Se||e.getModuleId!==void 0))}function et(e,r,i){var f=e.displayName;if(f)return f;var S=r.displayName||r.name||"";return S!==""?i+"("+S+")":i}function je(e){return e.displayName||"Context"}function I(e){if(e==null)return null;if(typeof e.tag=="number"&&k("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case a:return"Fragment";case m:return"Portal";case h:return"Profiler";case l:return"StrictMode";case x:return"Suspense";case o:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case p:var r=e;return je(r)+".Consumer";case d:var i=e;return je(i._context)+".Provider";case c:return et(e,e.render,"ForwardRef");case u:var f=e.displayName||null;return f!==null?f:I(e.type)||"Memo";case v:{var S=e,j=S._payload,y=S._init;try{return I(y(j))}catch{return null}}}return null}var z=Object.assign,J=0,Ce,Re,Te,we,Ee,Ne,$e;function _e(){}_e.__reactDisabledLog=!0;function tt(){{if(J===0){Ce=console.log,Re=console.info,Te=console.warn,we=console.error,Ee=console.group,Ne=console.groupCollapsed,$e=console.groupEnd;var e={configurable:!0,enumerable:!0,value:_e,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}J++}}function rt(){{if(J--,J===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:z({},e,{value:Ce}),info:z({},e,{value:Re}),warn:z({},e,{value:Te}),error:z({},e,{value:we}),group:z({},e,{value:Ee}),groupCollapsed:z({},e,{value:Ne}),groupEnd:z({},e,{value:$e})})}J<0&&k("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var ae=R.ReactCurrentDispatcher,se;function Z(e,r,i){{if(se===void 0)try{throw Error()}catch(S){var f=S.stack.trim().match(/\n( *(at )?)/);se=f&&f[1]||""}return`
|
|
18
|
+
`+se+e}}var ie=!1,Q;{var nt=typeof WeakMap=="function"?WeakMap:Map;Q=new nt}function Pe(e,r){if(!e||ie)return"";{var i=Q.get(e);if(i!==void 0)return i}var f;ie=!0;var S=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var j;j=ae.current,ae.current=null,tt();try{if(r){var y=function(){throw Error()};if(Object.defineProperty(y.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(y,[])}catch(O){f=O}Reflect.construct(e,[],y)}else{try{y.call()}catch(O){f=O}e.call(y.prototype)}}else{try{throw Error()}catch(O){f=O}e()}}catch(O){if(O&&f&&typeof O.stack=="string"){for(var b=O.stack.split(`
|
|
19
|
+
`),P=f.stack.split(`
|
|
20
|
+
`),w=b.length-1,E=P.length-1;w>=1&&E>=0&&b[w]!==P[E];)E--;for(;w>=1&&E>=0;w--,E--)if(b[w]!==P[E]){if(w!==1||E!==1)do if(w--,E--,E<0||b[w]!==P[E]){var D=`
|
|
21
|
+
`+b[w].replace(" at new "," at ");return e.displayName&&D.includes("<anonymous>")&&(D=D.replace("<anonymous>",e.displayName)),typeof e=="function"&&Q.set(e,D),D}while(w>=1&&E>=0);break}}}finally{ie=!1,ae.current=j,rt(),Error.prepareStackTrace=S}var B=e?e.displayName||e.name:"",W=B?Z(B):"";return typeof e=="function"&&Q.set(e,W),W}function at(e,r,i){return Pe(e,!1)}function st(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function ee(e,r,i){if(e==null)return"";if(typeof e=="function")return Pe(e,st(e));if(typeof e=="string")return Z(e);switch(e){case x:return Z("Suspense");case o:return Z("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case c:return at(e.render);case u:return ee(e.type,r,i);case v:{var f=e,S=f._payload,j=f._init;try{return ee(j(S),r,i)}catch{}}}return""}var K=Object.prototype.hasOwnProperty,Oe={},De=R.ReactDebugCurrentFrame;function te(e){if(e){var r=e._owner,i=ee(e.type,e._source,r?r.type:null);De.setExtraStackFrame(i)}else De.setExtraStackFrame(null)}function it(e,r,i,f,S){{var j=Function.call.bind(K);for(var y in e)if(j(e,y)){var b=void 0;try{if(typeof e[y]!="function"){var P=Error((f||"React class")+": "+i+" type `"+y+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[y]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw P.name="Invariant Violation",P}b=e[y](r,y,f,i,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(w){b=w}b&&!(b instanceof Error)&&(te(S),k("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",f||"React class",i,y,typeof b),te(null)),b instanceof Error&&!(b.message in Oe)&&(Oe[b.message]=!0,te(S),k("Failed %s type: %s",i,b.message),te(null))}}}var ot=Array.isArray;function oe(e){return ot(e)}function lt(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,i=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return i}}function ct(e){try{return Fe(e),!1}catch{return!0}}function Fe(e){return""+e}function Le(e){if(ct(e))return k("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",lt(e)),Fe(e)}var Ae=R.ReactCurrentOwner,ut={key:!0,ref:!0,__self:!0,__source:!0},Ie,Me;function dt(e){if(K.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function ft(e){if(K.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function pt(e,r){typeof e.ref=="string"&&Ae.current}function mt(e,r){{var i=function(){Ie||(Ie=!0,k("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};i.isReactWarning=!0,Object.defineProperty(e,"key",{get:i,configurable:!0})}}function ht(e,r){{var i=function(){Me||(Me=!0,k("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};i.isReactWarning=!0,Object.defineProperty(e,"ref",{get:i,configurable:!0})}}var gt=function(e,r,i,f,S,j,y){var b={$$typeof:t,type:e,key:r,ref:i,props:y,_owner:j};return b._store={},Object.defineProperty(b._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(b,"_self",{configurable:!1,enumerable:!1,writable:!1,value:f}),Object.defineProperty(b,"_source",{configurable:!1,enumerable:!1,writable:!1,value:S}),Object.freeze&&(Object.freeze(b.props),Object.freeze(b)),b};function bt(e,r,i,f,S){{var j,y={},b=null,P=null;i!==void 0&&(Le(i),b=""+i),ft(r)&&(Le(r.key),b=""+r.key),dt(r)&&(P=r.ref,pt(r,S));for(j in r)K.call(r,j)&&!ut.hasOwnProperty(j)&&(y[j]=r[j]);if(e&&e.defaultProps){var w=e.defaultProps;for(j in w)y[j]===void 0&&(y[j]=w[j])}if(b||P){var E=typeof e=="function"?e.displayName||e.name||"Unknown":e;b&&mt(y,E),P&&ht(y,E)}return gt(e,b,P,S,f,Ae.current,y)}}var le=R.ReactCurrentOwner,Ve=R.ReactDebugCurrentFrame;function Y(e){if(e){var r=e._owner,i=ee(e.type,e._source,r?r.type:null);Ve.setExtraStackFrame(i)}else Ve.setExtraStackFrame(null)}var ce;ce=!1;function ue(e){return typeof e=="object"&&e!==null&&e.$$typeof===t}function ze(){{if(le.current){var e=I(le.current.type);if(e)return`
|
|
22
22
|
|
|
23
|
-
Check the render method of \``+e+"`."}return""}}function
|
|
23
|
+
Check the render method of \``+e+"`."}return""}}function yt(e){return""}var We={};function vt(e){{var r=ze();if(!r){var i=typeof e=="string"?e:e.displayName||e.name;i&&(r=`
|
|
24
24
|
|
|
25
|
-
Check the top-level render call using <`+
|
|
25
|
+
Check the top-level render call using <`+i+">.")}return r}}function qe(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var i=vt(r);if(We[i])return;We[i]=!0;var f="";e&&e._owner&&e._owner!==le.current&&(f=" It was passed a child from "+I(e._owner.type)+"."),Y(e),k('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',i,f),Y(null)}}function Ye(e,r){{if(typeof e!="object")return;if(oe(e))for(var i=0;i<e.length;i++){var f=e[i];ue(f)&&qe(f,r)}else if(ue(e))e._store&&(e._store.validated=!0);else if(e){var S=T(e);if(typeof S=="function"&&S!==e.entries)for(var j=S.call(e),y;!(y=j.next()).done;)ue(y.value)&&qe(y.value,r)}}}function xt(e){{var r=e.type;if(r==null||typeof r=="string")return;var i;if(typeof r=="function")i=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===c||r.$$typeof===u))i=r.propTypes;else return;if(i){var f=I(r);it(i,e.props,"prop",f,e)}else if(r.PropTypes!==void 0&&!ce){ce=!0;var S=I(r);k("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",S||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&k("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function kt(e){{for(var r=Object.keys(e.props),i=0;i<r.length;i++){var f=r[i];if(f!=="children"&&f!=="key"){Y(e),k("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",f),Y(null);break}}e.ref!==null&&(Y(e),k("Invalid attribute `ref` supplied to `React.Fragment`."),Y(null))}}var Be={};function Ue(e,r,i,f,S,j){{var y=Qe(e);if(!y){var b="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(b+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var P=yt();P?b+=P:b+=ze();var w;e===null?w="null":oe(e)?w="array":e!==void 0&&e.$$typeof===t?(w="<"+(I(e.type)||"Unknown")+" />",b=" Did you accidentally export a JSX literal instead of a component?"):w=typeof e,k("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",w,b)}var E=bt(e,r,i,S,j);if(E==null)return E;if(y){var D=r.children;if(D!==void 0)if(f)if(oe(D)){for(var B=0;B<D.length;B++)Ye(D[B],e);Object.freeze&&Object.freeze(D)}else k("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else Ye(D,e)}if(K.call(r,"key")){var W=I(e),O=Object.keys(r).filter(function(wt){return wt!=="key"}),de=O.length>0?"{key: someKey, "+O.join(": ..., ")+": ...}":"{key: someKey}";if(!Be[W+de]){var Tt=O.length>0?"{"+O.join(": ..., ")+": ...}":"{}";k(`A props object containing a "key" prop is being spread into JSX:
|
|
26
26
|
let props = %s;
|
|
27
27
|
<%s {...props} />
|
|
28
28
|
React keys must be passed directly to JSX without using spread:
|
|
29
29
|
let props = %s;
|
|
30
|
-
<%s key={someKey} {...props} />`,H,C,cr,C),Te[C+H]=!0}}return e===y?or(l):ir(l),l}}function ur(e,r,t){return Oe(e,r,t,!0)}function sr(e,r,t){return Oe(e,r,t,!1)}var lr=sr,fr=ur;$.Fragment=y,$.jsx=lr,$.jsxs=fr}()),$}var Pe;function Rr(){return Pe||(Pe=1,process.env.NODE_ENV==="production"?M.exports=pr():M.exports=Er()),M.exports}var we=Rr(),k={},je;function yr(){if(je)return k;je=1;var _=vr;if(process.env.NODE_ENV==="production")k.createRoot=_.createRoot,k.hydrateRoot=_.hydrateRoot;else{var R=_.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;k.createRoot=function(b,y){R.usingClientEntryPoint=!0;try{return _.createRoot(b,y)}finally{R.usingClientEntryPoint=!1}},k.hydrateRoot=function(b,y,S){R.usingClientEntryPoint=!0;try{return _.hydrateRoot(b,y,S)}finally{R.usingClientEntryPoint=!1}}}return k}var _r=yr();_r.createRoot(document.getElementById("root")).render(we.jsx(Z.StrictMode,{children:we.jsx(App,{})}));
|
|
30
|
+
<%s key={someKey} {...props} />`,de,W,Tt,W),Be[W+de]=!0}}return e===a?kt(E):xt(E),E}}function St(e,r,i){return Ue(e,r,i,!0)}function jt(e,r,i){return Ue(e,r,i,!1)}var Ct=jt,Rt=St;G.Fragment=a,G.jsx=Ct,G.jsxs=Rt}()),G}var He;function $t(){return He||(He=1,process.env.NODE_ENV==="production"?re.exports=Et():re.exports=Nt()),re.exports}var s=$t();const L=g=>Object.entries(g).reduce((t,[m,a])=>{const l=`${a}px`;switch(m){case"mt":t.marginTop=typeof a=="number"?`${a}px`:a;break;case"mr":t.marginRight=typeof a=="number"?`${a}px`:a;break;case"mb":t.marginBottom=typeof a=="number"?`${a}px`:a;break;case"ml":t.marginLeft=typeof a=="number"?`${a}px`:a;break;case"m":t.margin=typeof a=="number"?`${a}px`:a;break;case"pt":t.paddingTop=l;break;case"pr":t.paddingRight=l;break;case"pb":t.paddingBottom=l;break;case"pl":t.paddingLeft=l;break;case"p":t.padding=l;break;case"br":t.borderRadius=typeof a=="number"?`${a}px`:a;break;case"bg":t.background=a;break;case"c":t.color=a;break;case"b":t.border=a===1?"1px solid red":a;break;case"center":t.position="absolute",t.inset=0,t.margin="auto";break;case"pot":t.top=l;break;case"por":t.right=l;break;case"pob":t.bottom=l;break;case"pol":t.left=l;break;case"rel":t.position="relative";break;case"ab":t.position="absolute";break;case"fixed":t.position="fixed";break;case"w":t.width=l;break;case"h":t.height=l;break;case"vw":t.width=`${a}vw`;break;case"vh":t.height=`${a}vh`;break;case"presentw":t.width=`${a}%`;break;case"presenth":t.height=`${a}%`;break;case"mw":t.minWidth=l;break;case"mh":t.minHieght=l;break;case"fl":t.float="left";break;case"fr":t.float="right";break;case"size":t.fontSize=l;break;case"tac":t.textAlign="center";break;case"z":t.zIndex=a;break;case"tran":t.transition=`${a}s`;break;case"flex":t.display="flex";break;case"aic":t.alignItems="center";break;case"jcc":t.justifyContent="center";break;case"jc":t.justifyContent=a;break;case"oh":t.overflow="hidden";break;case"ohauto":t.overflow="auto";break;case"op":t.opacity=a;break;case"none":t.display="none";break;case"ar":t.aspectRatio=a;break;case"ls":t.letterSpacing=l;break;case"lh":t.lineHeight=l;break;case"fwb":t.fontWeight="bold";break;case"boxsizing":t.boxSizing="border-box";break;case"boxshadow":t.boxShadow=a;break;case"f":t.flex=typeof a=="number"?a:`${a}`;break;case"bColor":t.borderColor=a;break;case"bgSize":t.backgroundSize=a;break;case"bgPosition":t.backgroundPosition=a;break;case"bgRepeat":t.backgroundRepeat=a;break;default:t[m]=a}return t},{});function q(g){const{type:t="default",size:m="medium",sx:a={},style:l={},className:h="",onClick:d,children:p,disabled:c,outline:x,Neumorphism:o}=g,u=`btn btn-${t} btn-${m} ${c?"btn-disabled":""} ${x?"btn-outline":""} ${o?"btn-Neumorphism":""} ${h}`,_={...L(a),...l};return q.propTypes={type:n.oneOf(["default","transparent","danger","success"]),size:n.oneOf(["small","medium","large","huge"]),sx:n.object,style:n.object,onClick:n.func,className:n.string,children:n.node.isRequired,disabled:n.bool,outline:n.bool,Neumorphism:n.bool},q.defaultProps={type:"default",size:"medium",sx:{},style:{},onClick:()=>{},className:"",disabled:!1,outline:!1,Neumorphism:!1},s.jsx("button",{className:u,style:_,onClick:d,disabled:c,outline:x,Neumorphism:o,children:p})}function Ge({size:g="medium",sx:t={},style:m={},className:a="",onClick:l,children:h,disabled:d=!1,...p}){const c=$.useRef(null),o={...L(t),...m};function u(N){if(d)return;const C=c.current,T=document.createElement("span"),R=Math.max(C.clientWidth,C.clientHeight),k=R/2;T.classList.add("ripple"),T.style.width=T.style.height=`${R}px`,T.style.left=`${N.clientX-C.getBoundingClientRect().left-k}px`,T.style.top=`${N.clientY-C.getBoundingClientRect().top-k}px`;const F=C.querySelector(".ripple");F&&F.remove(),C.appendChild(T)}const _=`material-btn ${`material-btn-${g}`} ${a} ${d?"material-btn-disabled":""}`;return s.jsx("button",{ref:c,className:_,style:o,onClick:N=>{u(N),l&&l(N)},disabled:d,...p,children:h})}function _t({label:g,type:t="text"}){const[m,a]=$.useState(!1),[l,h]=$.useState(""),d=m||l;return s.jsx("div",{className:"materialInput",children:s.jsxs("div",{className:"inputWrapper",children:[s.jsx("input",{type:t,className:`materialInputField ${d?"filled":""}`,onFocus:()=>a(!0),onBlur:()=>a(!1),onChange:p=>h(p.target.value),value:l}),s.jsx("label",{className:`materialLabel ${d?"float":""}`,children:g})]})})}function fe(g){const{sx:t={},style:m={},className:a="",disabled:l,onChange:h,showText:d}=g,[p,c]=$.useState("#4caf50"),x=C=>{const T=C.target.value;c(T),h&&h(T)},o=`color-picker ${l?"color-picker-disabled":""} ${a}`,v={...L(t),...m};fe.propTypes={sx:n.object,style:n.object,className:n.string,disabled:n.bool,onChange:n.func,showText:n.bool},fe.defaultProps={sx:{},style:{},className:"",disabled:!1,onChange:()=>{},showText:!1};const _=C=>{const T=parseInt(C.slice(1,3),16),R=parseInt(C.slice(3,5),16),k=parseInt(C.slice(5,7),16);return`rgb(${T}, ${R}, ${k})`},N=C=>{let T=parseInt(C.slice(1,3),16)/255,R=parseInt(C.slice(3,5),16)/255,k=parseInt(C.slice(5,7),16)/255,F=Math.max(T,R,k),M=Math.min(T,R,k),A,U,X=(F+M)/2;if(F===M)A=U=0;else{let V=F-M;switch(U=X>.5?V/(2-F-M):V/(F+M),F){case T:A=(R-k)/V+(R<k?6:0);break;case R:A=(k-T)/V+2;break;case k:A=(T-R)/V+4;break}A/=6}return`hsl(${Math.round(A*360)}, ${Math.round(U*100)}%, ${Math.round(X*100)}%)`};return s.jsxs("div",{className:"color-picker-wrapper",style:v,children:[s.jsx("input",{type:"color",value:p,onChange:x,className:o,disabled:l}),d&&s.jsxs("div",{className:"color-text",children:[s.jsx("div",{children:p.toUpperCase()}),s.jsx("div",{children:_(p)}),s.jsx("div",{children:N(p)})]})]})}function ne(g){const{type:t,single:m,sx:a={},style:l={},en:h}=g,p={...L(a),...l};ne.propTypes={type:n.oneOf(["line","full","full-line","year-week","year-week-line","week-time","no-s","no-s-line","us-full","us-full-line"]),single:n.bool,sx:n.object,style:n.object,en:n.bool},ne.defaultProps={type:void 0,single:!1,sx:{},style:{},en:!1};const c=x=>{const o=new ne;let u=h?"en-US":"zh-CN",v=o.toLocaleString(u,{weekday:"long"});switch(!h&&m&&(v=v.replace("星期","周")),x){case"line":return o.toLocaleDateString(u,{year:"numeric",month:"2-digit",day:"2-digit"}).replaceAll("/","-");case"full":return`${o.toLocaleDateString(u,{year:"numeric",month:"2-digit",day:"2-digit"})} ${v} ${o.toLocaleTimeString(u,{hour:"2-digit",minute:"2-digit",second:"2-digit"})}`;case"full-line":return`${o.toLocaleDateString(u,{year:"numeric",month:"2-digit",day:"2-digit"}).replaceAll("/","-")} ${v} ${o.toLocaleTimeString(u,{hour:"2-digit",minute:"2-digit",second:"2-digit"})}`;case"year-week":return`${o.toLocaleDateString(u,{year:"numeric",month:"2-digit",day:"2-digit"})} ${v}`;case"year-week-line":return`${o.toLocaleDateString(u,{year:"numeric",month:"2-digit",day:"2-digit"}).replaceAll("/","-")} ${v}`;case"week-time":return`${v} ${o.toLocaleTimeString(u,{hour:"2-digit",minute:"2-digit",second:"2-digit"})}`;case"no-s":return`${o.toLocaleDateString(u,{year:"numeric",month:"2-digit",day:"2-digit"})} ${v} ${o.toLocaleTimeString(u,{hour:"2-digit",minute:"2-digit"})}`;case"no-s-line":return`${o.toLocaleDateString(u,{year:"numeric",month:"2-digit",day:"2-digit"}).replaceAll("/","-")} ${v} ${o.toLocaleTimeString(u,{hour:"2-digit",minute:"2-digit"})}`;case"us-full":return`${o.toLocaleDateString("en-US",{year:"numeric",month:"2-digit",day:"2-digit"})} ${v} ${o.toLocaleTimeString(u,{hour:"2-digit",minute:"2-digit",second:"2-digit"})}`;case"us-full-line":return`${o.toLocaleDateString("en-US",{year:"numeric",month:"2-digit",day:"2-digit"}).replaceAll("/","-")} ${v} ${o.toLocaleTimeString(u,{hour:"2-digit",minute:"2-digit",second:"2-digit"})}`;default:return o.toLocaleDateString(u,{year:"numeric",month:"2-digit",day:"2-digit"})}};return s.jsx("div",{style:p,children:c(t)})}function ye(g){const{sx:t={},style:m={},className:a="",disabled:l,onChange:h,time:d}=g,[p,c]=$.useState(""),x=N=>{const C=N.target.value;c(C),h&&h(C)},o=d?"datetime-local":"date",u=`date-picker ${l?"date-picker-disabled":""} ${a}`,_={...L(t),...m};return s.jsx("input",{type:o,value:p,onChange:x,className:u,style:_,disabled:l})}ye.propTypes={sx:n.object,style:n.object,className:n.string,disabled:n.bool,onChange:n.func,time:n.bool};ye.defaultProps={sx:{},style:{},className:"",disabled:!1,onChange:()=>{},time:!1};function pe(g){const{children:t,title:m,onText:a,cancelText:l,open:h,onClose:d,type:p}=g,[c,x]=$.useState(!1),[o,u]=$.useState(!1);pe.propTypes={children:n.node.isRequired,title:n.string,onText:n.string,cancelText:n.string,open:n.bool,onClose:n.func,type:n.oneOf(["top","bottom","left","right"])},pe.defaultProps={title:"基础标题",onText:"确定",cancelText:"取消",open:!1,onClose:()=>{},type:"right"},$.useEffect(()=>{h?(x(!0),u(!1)):c&&(u(!0),setTimeout(()=>{x(!1),u(!1)},300))},[h]);function v(){console.log("确定按钮"),d&&d()}return s.jsx(s.Fragment,{children:c&&s.jsx("div",{className:`drawer-overlay ${o?"fade-out":"fade-in"}`,children:s.jsxs("div",{className:`drawer-container drawer-${p} ${o?`come-out-${p}`:`come-in-${p}`}`,children:[s.jsxs("div",{className:"drawer-header",children:[s.jsx("h3",{children:m}),s.jsx("div",{className:"drawer-closeBtn",onClick:d})]}),s.jsx("div",{className:"drawer-content",children:t}),s.jsxs("div",{className:"drawer-footer",children:[s.jsx(q,{type:"success",onClick:v,children:a}),s.jsx(q,{onClick:d,children:l})]})]})})})}function me(g){const{type:t="default",size:m="medium",sx:a={},style:l={},className:h="",onClick:d,onChange:p,value:c,defaultValue:x="",disabled:o=!1,placeholder:u="",maxlength:v}=g,_=`input input-${t} input-${m} ${o?"input-disabled":""} ${h}`,C={...L(a),...l},T=t==="password"?"password":"text",R=c!==void 0&&p!==void 0;return me.propTypes={type:n.oneOf(["default","textarea","password"]),size:n.oneOf(["small","medium","large","huge"]),sx:n.object,style:n.object,onClick:n.func,onChange:n.func,className:n.string,value:n.string,defaultValue:n.string,disabled:n.bool,placeholder:n.string,maxlength:n.number},me.defaultProps={type:"default",size:"medium",sx:{},style:{},onClick:()=>{},className:"",onChange:void 0,value:void 0,defaultValue:"",disabled:!1,placeholder:"",maxlength:524288},s.jsx("div",{children:t==="textarea"?s.jsx("textarea",{className:_,style:C,onClick:d,onChange:p&&(k=>p(k.target.value)),value:R?c:void 0,defaultValue:R?void 0:x,disabled:o,placeholder:u,maxLength:v}):s.jsx("input",{className:_,style:C,type:T,onClick:d,onChange:p&&(k=>p(k.target.value)),value:R?c:void 0,defaultValue:R?void 0:x,disabled:o,placeholder:u,maxLength:v})})}function Xe(g){const{children:t,type:m,className:a=""}=g,l=`clay-layout clay-layout-${m} ${a}`;return s.jsxs("div",{className:l,children:[m==="top-middle-bottom"&&s.jsxs("div",{className:"ultra",children:[s.jsx("header",{className:"clay-header",children:t[0]}),s.jsx("main",{className:"clay-main",children:t[1]}),s.jsx("footer",{className:"clay-footer",children:t[2]})]}),m==="top-bottom-split"&&s.jsxs("div",{className:"ultra",children:[s.jsx("header",{className:"clay-header",children:t[0]}),s.jsxs("main",{className:"clay-main",children:[s.jsx("aside",{className:"clay-aside",children:t[1]}),s.jsx("div",{className:"clay-content",children:t[2]})]})]}),m==="left-right-top-bottom"&&s.jsxs(s.Fragment,{children:[s.jsx("header",{className:"clay-header",children:t[0]}),s.jsxs("div",{className:"clay-main",children:[s.jsx("aside",{className:"clay-aside",children:t[1]}),s.jsxs("div",{className:"clay-right",children:[s.jsx("header",{className:"clay-header",children:t[2]}),s.jsx("div",{className:"clay-content",children:t[3]})]})]})]}),m==="left-right-three-parts"&&s.jsxs("div",{className:"ultra",children:[s.jsx("aside",{className:"clay-aside",children:t[0]}),s.jsxs("div",{className:"clay-right",children:[s.jsx("header",{className:"clay-header",children:t[1]}),s.jsx("main",{className:"clay-main",children:t[2]}),s.jsx("footer",{className:"clay-footer",children:t[3]})]})]})]})}Xe.propTypes={children:n.node.isRequired,className:n.string,type:n.oneOf(["top-middle-bottom","top-bottom-split","left-right-top-bottom","left-right-three-parts"]).isRequired};function he(g){const{sx:t={},style:m={},className:a="",onClick:l,children:h,size:d="medium"}=g,p=`line line-${d} ${h?"line-has-text":"line-no-text"} ${a}`,x={...L(t),...m};return he.propTypes={sx:n.object,size:n.oneOf(["small","medium","large","huge"]),style:n.object,onClick:n.func,className:n.string,children:n.node.isRequired},he.defaultProps={sx:{},size:"medium",style:{},onClick:()=>{},className:""},s.jsx("div",{style:x,onClick:l,className:p,children:h&&s.jsx("div",{className:"line-text",children:h})})}function ve(g){const{sx:t={},style:m={},className:a="",onClick:l,children:h,color:d="default",beauty:p=!1}=g,c=L(t),v={backgroundColor:d==="default"?"#ffe28d":d,...{width:"auto",height:"auto",display:"inline-block"},...p?{padding:"4px 8px",borderRadius:"4px"}:{},...c,...m};return s.jsx("div",{style:v,onClick:l,className:`mark ${a}`,children:h})}ve.propTypes={color:n.string,sx:n.object,style:n.object,onClick:n.func,className:n.string,children:n.node.isRequired,beauty:n.bool};ve.defaultProps={color:"default",sx:{},style:{},onClick:()=>{},className:"",beauty:!1};function ge(g){const{children:t,title:m,onText:a,cancelText:l,open:h,onClose:d}=g,[p,c]=$.useState(!1),[x,o]=$.useState(!1);ge.propTypes={children:n.node.isRequired,title:n.string,onText:n.string,cancelText:n.string,open:n.bool,onClose:n.func},ge.defaultProps={title:"基础标题",onText:"确定",cancelText:"取消",open:!1,onClose:()=>{}},$.useEffect(()=>{h?(c(!0),o(!1)):p&&(o(!0),setTimeout(()=>{c(!1),o(!1)},300))},[h]);function u(){console.log("确定按钮"),d&&d()}return s.jsx(s.Fragment,{children:p&&s.jsx("div",{className:`modal-overlay ${x?"fade-out":"fade-in"}`,children:s.jsxs("div",{className:`modal-container ${x?"scale-out":"scale-in"}`,children:[s.jsxs("div",{className:"modal-header",children:[s.jsx("h3",{children:m}),s.jsx("div",{className:"modal-closeBtn",onClick:d})]}),s.jsx("div",{className:"modal-content",children:t}),s.jsxs("div",{className:"modal-footer",children:[s.jsx(q,{type:"success",onClick:u,children:a}),s.jsx(q,{onClick:d,children:l})]})]})})})}function Ze({type:g="success",icon:t,message:m}){const[a,l]=$.useState(!0),[h,d]=$.useState(!1);if($.useEffect(()=>{const c=setTimeout(()=>{d(!0),setTimeout(()=>{l(!1)},300)},3e3);return()=>clearTimeout(c)},[]),!a)return null;const p=h?"fade-out":"";return s.jsxs("div",{className:`notice ${p}`,children:[s.jsx("img",{src:t,alt:g}),s.jsx("span",{children:m})]})}Ze.propTypes={type:n.oneOf(["success","fail","caution"]),icon:n.string.isRequired,message:n.string.isRequired};function be(g){const{size:t="medium",sx:m={},style:a={},className:l="",onSearch:h,value:d,defaultValue:p="",disabled:c=!1,placeholder:x="",path:o=""}=g,u=$.useRef(null),v=`search-input search-input-${t} ${c?"search-input-disabled":""} ${l}`,_={...m,...a},N=d!==void 0&&h!==void 0;return be.propTypes={size:n.oneOf(["small","medium","large","huge"]),sx:n.object,style:n.object,onSearch:n.func.isRequired,className:n.string,value:n.string,defaultValue:n.string,disabled:n.bool,placeholder:n.string,path:n.string},be.defaultProps={size:"medium",sx:{},style:{},onSearch:()=>{},className:"",value:void 0,defaultValue:"",disabled:!1,placeholder:"请输入内容",path:""},s.jsxs("div",{className:"search-container",style:{position:"relative",width:300},children:[s.jsx("input",{className:v,style:_,ref:N?void 0:u,onKeyDown:C=>C.key==="Enter"&&h(N?d:u.current.value),value:N?d:void 0,defaultValue:N?void 0:p,disabled:c,placeholder:x}),s.jsx("button",{className:"search-button",onClick:()=>h(N?d:u.current.value),children:o?s.jsx("img",{src:o,alt:"search-logo",style:{width:16,height:16,marginTop:2,marginBottom:-3}}):"搜索"})]})}const xe=$.forwardRef((g,t)=>{const{sx:m={},style:a={},className:l="",onClick:h,children:d,type:p="default"}=g,c=`space space-${p} ${l}`,o={...L(m),...a};return s.jsx("div",{ref:t,style:o,onClick:h,className:c,children:d})});xe.propTypes={type:n.oneOf(["default","inline","circle","triangle","halfCircle","fixed","absolute","relative"]),sx:n.object,style:n.object,onClick:n.func,className:n.string,children:n.node.isRequired};xe.defaultProps={type:"default",sx:{},style:{},onClick:()=>{},className:""};function ke({children:g,tooltipText:t,placement:m="top"}){const a=`tooltip-wrapper tooltip-${m}`;return s.jsxs("div",{className:a,children:[g,s.jsx("div",{className:"tooltip",children:t})]})}ke.propTypes={children:n.node.isRequired,tooltipText:n.string.isRequired,placement:n.oneOf(["top","bottom","right"])};ke.defaultProps={placement:"top"};exports.Button=q;exports.ColorPicker=fe;exports.Date=ne;exports.DatePicker=ye;exports.Drawer=pe;exports.Input=me;exports.Layout=Xe;exports.Line=he;exports.Mark=ve;exports.MaterialButton=Ge;exports.MaterialInput=_t;exports.Modal=ge;exports.Notice=Ze;exports.Search=be;exports.Space=xe;exports.Table=Ge;exports.Tooltip=ke;
|