@component-hook/picker 1.1.5-alpha.0 → 1.2.0-alpha.0
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/README.md +3 -29
- package/dist/react/index.css +1 -1
- package/dist/react/picker.es.d.ts +20 -39
- package/dist/react/picker.es.js +491 -1906
- package/dist/react/picker.umd.js +3 -38
- package/dist/vue/index.css +1 -1
- package/dist/vue/picker.es.d.ts +38 -57
- package/dist/vue/picker.es.js +315 -434
- package/dist/vue/picker.umd.js +2 -2
- package/package.json +3 -7
package/dist/react/picker.umd.js
CHANGED
|
@@ -1,42 +1,7 @@
|
|
|
1
|
-
(function(
|
|
2
|
-
/*$vite$:1*/`,document.head.appendChild(
|
|
3
|
-
* @license React
|
|
4
|
-
* react-jsx-runtime.production.js
|
|
5
|
-
*
|
|
6
|
-
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
7
|
-
*
|
|
8
|
-
* This source code is licensed under the MIT license found in the
|
|
9
|
-
* LICENSE file in the root directory of this source tree.
|
|
10
|
-
*/var je;function pt(){if(je)return ue;je=1;var e=Symbol.for("react.transitional.element"),i=Symbol.for("react.fragment");function u(n,o,r){var c=null;if(r!==void 0&&(c=""+r),o.key!==void 0&&(c=""+o.key),"key"in o){r={};for(var a in o)a!=="key"&&(r[a]=o[a])}else r=o;return o=r.ref,{$$typeof:e,type:n,key:c,ref:o!==void 0?o:null,props:r}}return ue.Fragment=i,ue.jsx=u,ue.jsxs=u,ue}var le={};/**
|
|
11
|
-
* @license React
|
|
12
|
-
* react-jsx-runtime.development.js
|
|
13
|
-
*
|
|
14
|
-
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
15
|
-
*
|
|
16
|
-
* This source code is licensed under the MIT license found in the
|
|
17
|
-
* LICENSE file in the root directory of this source tree.
|
|
18
|
-
*/var Ie;function mt(){return Ie||(Ie=1,process.env.NODE_ENV!=="production"&&(function(){function e(t){if(t==null)return null;if(typeof t=="function")return t.$$typeof===I?null:t.displayName||t.name||null;if(typeof t=="string")return t;switch(t){case x:return"Fragment";case L:return"Profiler";case D:return"StrictMode";case d:return"Suspense";case W:return"SuspenseList";case X:return"Activity"}if(typeof t=="object")switch(typeof t.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),t.$$typeof){case F:return"Portal";case j:return(t.displayName||"Context")+".Provider";case G:return(t._context.displayName||"Context")+".Consumer";case _:var s=t.render;return t=t.displayName,t||(t=s.displayName||s.name||"",t=t!==""?"ForwardRef("+t+")":"ForwardRef"),t;case Q:return s=t.displayName||null,s!==null?s:e(t.type)||"Memo";case K:s=t._payload,t=t._init;try{return e(t(s))}catch{}}return null}function i(t){return""+t}function u(t){try{i(t);var s=!1}catch{s=!0}if(s){s=console;var m=s.error,g=typeof Symbol=="function"&&Symbol.toStringTag&&t[Symbol.toStringTag]||t.constructor.name||"Object";return m.call(s,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",g),i(t)}}function n(t){if(t===x)return"<>";if(typeof t=="object"&&t!==null&&t.$$typeof===K)return"<...>";try{var s=e(t);return s?"<"+s+">":"<...>"}catch{return"<...>"}}function o(){var t=R.A;return t===null?null:t.getOwner()}function r(){return Error("react-stack-top-frame")}function c(t){if(U.call(t,"key")){var s=Object.getOwnPropertyDescriptor(t,"key").get;if(s&&s.isReactWarning)return!1}return t.key!==void 0}function a(t,s){function m(){q||(q=!0,console.error("%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://react.dev/link/special-props)",s))}m.isReactWarning=!0,Object.defineProperty(t,"key",{get:m,configurable:!0})}function f(){var t=e(this.type);return P[t]||(P[t]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),t=this.props.ref,t!==void 0?t:null}function l(t,s,m,g,y,b,C,w){return m=b.ref,t={$$typeof:T,type:t,key:s,props:b,_owner:y},(m!==void 0?m:null)!==null?Object.defineProperty(t,"ref",{enumerable:!1,get:f}):Object.defineProperty(t,"ref",{enumerable:!1,value:null}),t._store={},Object.defineProperty(t._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(t,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(t,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:C}),Object.defineProperty(t,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:w}),Object.freeze&&(Object.freeze(t.props),Object.freeze(t)),t}function p(t,s,m,g,y,b,C,w){var k=s.children;if(k!==void 0)if(g)if(J(k)){for(g=0;g<k.length;g++)v(k[g]);Object.freeze&&Object.freeze(k)}else console.error("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 v(k);if(U.call(s,"key")){k=e(t);var A=Object.keys(s).filter(function(Z){return Z!=="key"});g=0<A.length?"{key: someKey, "+A.join(": ..., ")+": ...}":"{key: someKey}",B[k+g]||(A=0<A.length?"{"+A.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
|
|
1
|
+
(function(j,f){typeof exports=="object"&&typeof module<"u"?f(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],f):(j=typeof globalThis<"u"?globalThis:j||self,f(j.picker={},j.React))})(this,(function(j,f){"use strict";var te=document.createElement("style");te.textContent=`:root{--chook-picker-background: #fff;--chook-picker-columns-margin: 0 1rem;--chook-picker-columns-backdrop: linear-gradient( to bottom, #f2f2f2 0px, #f2f2f2 .0625rem, transparent .0625rem, transparent calc(100% - .0625rem) , #f2f2f2 calc(100% - .0625rem) , #f2f2f2 100% );--chook-picker-mask-backdrop: linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4)), linear-gradient(0deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4));--chook-picker-column-label-color: #323233;--chook-picker-column-label-padding: 0 .25rem;--chook-picker-column-font-size: 1rem;--chook-picker-column-font-weight: 500}.chook-picker-container{background:var(--chook-picker-background)}.chook-picker-columns{width:calc(100% - var(--chook-picker-columns-margin) * 2);height:13.5rem;overflow:hidden;position:relative;display:flex;margin:var(--chook-picker-columns-margin)}.chook-picker-columns-backdrop{background-image:var(--chook-picker-columns-backdrop);background-repeat:no-repeat;background-position:center;background-size:100% 3rem}.chook-picker-mask-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background-image:var(--chook-picker-mask-backdrop);background-repeat:no-repeat;background-position:top,bottom;background-size:100% 5.25rem}.chook-picker-loading{height:100%;width:100%;position:absolute;top:0;left:0}.chook-picker-column{flex:1 1 0%;overflow:hidden;padding:5.375rem 0;cursor:grab}.chook-picker-column ul{margin:0;padding:0;list-style:none}.chook-picker-column-item{height:3rem;display:flex;justify-content:center;align-items:center;cursor:grab}.chook-picker-column-label{color:var(--chook-picker-column-label-color);font-size:var(--chook-picker-column-font-size);font-weight:var(--chook-picker-column-font-weight);padding:var(--chook-picker-column-label-padding);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none}
|
|
2
|
+
/*$vite$:1*/`,document.head.appendChild(te);var W={exports:{}},U={};var ne;function _e(){if(ne)return U;ne=1;var e=Symbol.for("react.transitional.element"),n=Symbol.for("react.fragment");function r(c,o,a){var m=null;if(a!==void 0&&(m=""+a),o.key!==void 0&&(m=""+o.key),"key"in o){a={};for(var s in o)s!=="key"&&(a[s]=o[s])}else a=o;return o=a.ref,{$$typeof:e,type:c,key:m,ref:o!==void 0?o:null,props:a}}return U.Fragment=n,U.jsx=r,U.jsxs=r,U}var L={};var oe;function Se(){return oe||(oe=1,process.env.NODE_ENV!=="production"&&(function(){function e(t){if(t==null)return null;if(typeof t=="function")return t.$$typeof===M?null:t.displayName||t.name||null;if(typeof t=="string")return t;switch(t){case w:return"Fragment";case O:return"Profiler";case _:return"StrictMode";case p:return"Suspense";case A:return"SuspenseList";case b:return"Activity"}if(typeof t=="object")switch(typeof t.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),t.$$typeof){case x:return"Portal";case T:return t.displayName||"Context";case l:return(t._context.displayName||"Context")+".Consumer";case g:var u=t.render;return t=t.displayName,t||(t=u.displayName||u.name||"",t=t!==""?"ForwardRef("+t+")":"ForwardRef"),t;case N:return u=t.displayName||null,u!==null?u:e(t.type)||"Memo";case I:u=t._payload,t=t._init;try{return e(t(u))}catch{}}return null}function n(t){return""+t}function r(t){try{n(t);var u=!1}catch{u=!0}if(u){u=console;var S=u.error,C=typeof Symbol=="function"&&Symbol.toStringTag&&t[Symbol.toStringTag]||t.constructor.name||"Object";return S.call(u,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",C),n(t)}}function c(t){if(t===w)return"<>";if(typeof t=="object"&&t!==null&&t.$$typeof===I)return"<...>";try{var u=e(t);return u?"<"+u+">":"<...>"}catch{return"<...>"}}function o(){var t=y.A;return t===null?null:t.getOwner()}function a(){return Error("react-stack-top-frame")}function m(t){if(D.call(t,"key")){var u=Object.getOwnPropertyDescriptor(t,"key").get;if(u&&u.isReactWarning)return!1}return t.key!==void 0}function s(t,u){function S(){z||(z=!0,console.error("%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://react.dev/link/special-props)",u))}S.isReactWarning=!0,Object.defineProperty(t,"key",{get:S,configurable:!0})}function E(){var t=e(this.type);return be[t]||(be[t]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),t=this.props.ref,t!==void 0?t:null}function d(t,u,S,C,G,$){var P=S.ref;return t={$$typeof:R,type:t,key:u,props:S,_owner:C},(P!==void 0?P:null)!==null?Object.defineProperty(t,"ref",{enumerable:!1,get:E}):Object.defineProperty(t,"ref",{enumerable:!1,value:null}),t._store={},Object.defineProperty(t._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(t,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(t,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:G}),Object.defineProperty(t,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:$}),Object.freeze&&(Object.freeze(t.props),Object.freeze(t)),t}function v(t,u,S,C,G,$){var P=u.children;if(P!==void 0)if(C)if(H(P)){for(C=0;C<P.length;C++)k(P[C]);Object.freeze&&Object.freeze(P)}else console.error("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 k(P);if(D.call(u,"key")){P=e(t);var X=Object.keys(u).filter(function(Je){return Je!=="key"});C=0<X.length?"{key: someKey, "+X.join(": ..., ")+": ...}":"{key: someKey}",Ee[P+C]||(X=0<X.length?"{"+X.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
|
|
19
3
|
let props = %s;
|
|
20
4
|
<%s {...props} />
|
|
21
5
|
React keys must be passed directly to JSX without using spread:
|
|
22
6
|
let props = %s;
|
|
23
|
-
<%s key={someKey} {...props} />`,g,k,A,k),B[k+g]=!0)}if(k=null,m!==void 0&&(u(m),k=""+m),c(s)&&(u(s.key),k=""+s.key),"key"in s){m={};for(var N in s)N!=="key"&&(m[N]=s[N])}else m=s;return k&&a(m,typeof t=="function"?t.displayName||t.name||"Unknown":t),l(t,k,b,y,o(),m,C,w)}function v(t){typeof t=="object"&&t!==null&&t.$$typeof===T&&t._store&&(t._store.validated=1)}var E=O,T=Symbol.for("react.transitional.element"),F=Symbol.for("react.portal"),x=Symbol.for("react.fragment"),D=Symbol.for("react.strict_mode"),L=Symbol.for("react.profiler"),G=Symbol.for("react.consumer"),j=Symbol.for("react.context"),_=Symbol.for("react.forward_ref"),d=Symbol.for("react.suspense"),W=Symbol.for("react.suspense_list"),Q=Symbol.for("react.memo"),K=Symbol.for("react.lazy"),X=Symbol.for("react.activity"),I=Symbol.for("react.client.reference"),R=E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,U=Object.prototype.hasOwnProperty,J=Array.isArray,M=console.createTask?console.createTask:function(){return null};E={react_stack_bottom_frame:function(t){return t()}};var q,P={},H=E.react_stack_bottom_frame.bind(E,r)(),V=M(n(r)),B={};le.Fragment=x,le.jsx=function(t,s,m,g,y){var b=1e4>R.recentlyCreatedOwnerStacks++;return p(t,s,m,!1,g,y,b?Error("react-stack-top-frame"):H,b?M(n(t)):V)},le.jsxs=function(t,s,m,g,y){var b=1e4>R.recentlyCreatedOwnerStacks++;return p(t,s,m,!0,g,y,b?Error("react-stack-top-frame"):H,b?M(n(t)):V)}})()),le}var De;function ht(){return De||(De=1,process.env.NODE_ENV==="production"?de.exports=pt():de.exports=mt()),de.exports}var z=ht();const vt=Array.isArray;function gt(e,i){if($e(e))return"multiple";const[u]=e;return u?.[i.children]?"cascade":"single"}function Et(e){return{children:e?.children||"children",label:e?.label||"label",value:e?.value||"value"}}function yt(e,i,u){if($e(e))return[];const n=[];let o=e,r=0;for(;o;){const c=i[r];let a=Ye(o,c,u);a===-1&&(a=0),n.push(o),r+=1,o=o[a]?.[u.children]}return n}function kt(e,i,u,n){const o=[...u];let r=e,c=i+1;for(;r?.[n.children];){const a=r[n.children][0];o[c]=a.value,r=a,c+=1}return o}function Ye(e,i,u){return e.findIndex(n=>n?.[u.value]===i)}function $e(e){const[i]=e;return vt(i)}function bt(e,i){return e>i?"horizontal":i>e?"vertical":""}function ie(e,i,u){const n=[];for(let o=e;o<=i;o++){const r=u(`${o}`);n.push({label:r,value:o})}return n}function Fe(e,i){return e===i.getFullYear()}function Le(e,i){return e===i.getFullYear()}function Tt(e,i){return e===i.getMonth()+1}function xt(e,i){return e===i.getMonth()+1}function St(e,i){return new Date(e,i,0).getDate()}function Ct(e,i,u){const n=new Date,o=Date.now(),r=e.getTime(),c=i.getTime(),a=o>=r&&o<=c;return u==="year"?a?n.getFullYear():e.getFullYear():u==="month"?a?n.getMonth()+1:e.getMonth()+1:a?n.getDate():e.getDate()}function ye(e){return e}function Ot(e){return/^(?:[01]\d|2[0-3]):[0-5]\d:[0-5]\d$/.test(e)}function Ve(e){if(!Ot(e))return null;const[i,u,n]=e.split(":");return{hour:Number(i),minute:Number(u),second:Number(n)}}function ke(e){return e.padStart(2,"0")}function _t(e,i,u){const n=Date.now(),{hour:o,minute:r,second:c}=e,{hour:a,minute:f,second:l}=i,p=new Date().setHours(o,r,c),v=new Date().setHours(a,f,l),E=n>=p&&n<=v;return u==="hour"?E?new Date().getHours():o:u==="minute"?E?new Date().getMinutes():r:E?new Date().getSeconds():c}function ze(e){return O.forwardRef(e)}const wt=16,pe=48,Pt=.52,Ue=150,be=300,Rt=15,At=.008,qe=5,Nt="Select Date",Mt=["year","month","day"],jt="Select Time",It=["hour","minute","second"];function Dt(){const e={startX:0,startY:0,deltaX:0,deltaY:0,offsetX:0,offsetY:0};let i="",u=!0;const n=()=>i==="vertical",o=()=>i==="horizontal";function r(){e.deltaX=0,e.deltaY=0,e.offsetX=0,e.offsetY=0,i="",u=!0}function c(l){const p="touches"in l?l.touches[0]:l;r(),e.startX=p.clientX,e.startY=p.clientY}function a(l){if(!e.startX||!e.startY)return!0;const p="touches"in l?l.touches[0]:l;e.deltaX=Math.max(p.clientX,0)-e.startX,e.deltaY=p.clientY-e.startY,e.offsetX=Math.abs(e.deltaX),e.offsetY=Math.abs(e.deltaY);const v=10;(!i||e.offsetX<v&&e.offsetY<v)&&(i=bt(e.offsetX,e.offsetY)),u&&(e.offsetX>qe||e.offsetY>qe)&&(u=!1)}function f(){e.startX=0,e.startY=0}return{pointer:e,move:a,start:c,stop:f,reset:r,isVertical:n,isHorizontal:o}}function Yt({column:e,onChange:i}){const n=Number.parseFloat(getComputedStyle(document.documentElement).fontSize)/wt,[o,r]=O.useState(0),[c,a]=O.useState(0),f=O.useRef(0),l=O.useRef(0),p=O.useRef(0),v=O.useRef(!1),E=O.useRef(null),{pointer:T,start:F,move:x,stop:D}=O.useMemo(()=>Dt(),[]);function L(I){return I*n}function G(I){const R=e.length,U=Math.round(-I/L(pe));return U<0?0:U>=R?R-1:U}function j(I){const R=-I*L(pe),U=()=>i?.(I);v.current&&R!==o?E.current=U:U(),r(R)}function _(I){F(I),v.current=!0,a(0),l.current=Date.now(),f.current=o,p.current=f.current,E.current=null}function d(I){if(x(I))return;const U=e.length,J=f.current+T.deltaY,M=L((U-1)*-pe),q=Math.min(Math.max(J,M),0),P=Date.now();r(q),!(P-l.current<=be)&&(l.current=P,p.current=q)}function W(){D();const I=o-p.current,R=Date.now()-l.current;if(R<be&&Math.abs(I)>Rt){Q(I,R);return}const U=G(o);a(Ue),j(U),v.current=!1}function Q(I,R){const U=Math.abs(I/R),J=o+U/At*(I<0?-1:1),M=G(J);a(be),j(M)}function K(){a(0),v.current=!1,E.current&&(E.current(),E.current=null)}function X(I,R="auto"){v.current&&R==="smooth"||(E.current=null,v.current=R==="smooth",a(R==="smooth"?Ue:0),j(I))}return{offsetY:o,transitionDuration:c,onPointerDown:_,onPointerMove:d,onPointerUp:W,stopInertialSliding:K,scrollToIndex:X}}function $t({column:e,fields:i,selectedIndex:u=0,onChange:n},o){const{offsetY:r,transitionDuration:c,onPointerDown:a,onPointerMove:f,onPointerUp:l,stopInertialSliding:p,scrollToIndex:v}=Yt({column:e,onChange:E});O.useImperativeHandle(o,()=>({scrollToSelected:T}));function E(x){x!==u&&n(x)}function T(x=u,D){v(x,D)}function F(x){x!==u&&T(x,"smooth")}return z.jsx("div",{role:"presentation",className:"chook-picker-column",onTouchStart:a,onTouchMove:f,onTouchEnd:l,onTouchCancel:l,onMouseDown:a,onMouseMove:f,onMouseUp:l,children:z.jsx("ul",{style:{overflowY:"hidden",transform:`translate3d(0, ${r}px, 0)`,transitionDuration:`${c}ms`,transitionProperty:c?"all":"none"},onTransitionEnd:p,children:e.map((x,D)=>z.jsx("div",{tabIndex:0,role:"button","aria-label":"Select option",className:"chook-picker-column-item",onClick:()=>F(D),onKeyDown:L=>{(L.key==="Enter"||L.key===" ")&&F(D)},children:z.jsx("p",{className:"chook-picker-column-label",style:{transform:`rotate3d(1, 0, 0, ${(D*pe+r)*Pt}deg)`},children:x?.[i.label]})},x?.[i.value]))})})}const We=ze($t);We.displayName="Column";function Ft(e,i){const{loading:u,loadingSlot:n,columns:o,emptySlot:r,currentColumns:c,fields:a,selectedIndices:f,updateSelectedValueByIndex:l}=e,p=O.useRef([]);O.useImperativeHandle(i,()=>({scrollColumnToSelected:v}));function v(E,T){p.current[E]?.scrollToSelected(T)}return u?z.jsxs(z.Fragment,{children:[z.jsx("div",{className:"chook-picker-loading",children:n}),z.jsx("div",{className:"chook-picker-columns"})]}):o.length?z.jsxs("div",{className:"chook-picker-columns chook-picker-columns-backdrop",onTouchMove:E=>E.stopPropagation(),children:[c.map((E,T)=>z.jsx(We,{ref:F=>{p.current[T]=F},column:E,fields:a,selectedIndex:f[T],onChange:F=>l(T,F)},T)),z.jsx("div",{className:"chook-picker-mask-backdrop"})]}):z.jsx("div",{className:"chook-picker-columns",children:r})}const Xe=ze(Ft);Xe.displayName="Columns";function me(){return me=Object.assign?Object.assign.bind():function(e){for(var i=1;i<arguments.length;i++){var u=arguments[i];for(var n in u)({}).hasOwnProperty.call(u,n)&&(e[n]=u[n])}return e},me.apply(null,arguments)}function He(e,i){if(e==null)return{};var u={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(i.indexOf(n)!==-1)continue;u[n]=e[n]}return u}function Te(e,i){return Te=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(u,n){return u.__proto__=n,u},Te(e,i)}function Be(e,i){e.prototype=Object.create(i.prototype),e.prototype.constructor=e,Te(e,i)}var he={exports:{}},ve={exports:{}},Y={};/** @license React v16.13.1
|
|
24
|
-
* react-is.production.min.js
|
|
25
|
-
*
|
|
26
|
-
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
27
|
-
*
|
|
28
|
-
* This source code is licensed under the MIT license found in the
|
|
29
|
-
* LICENSE file in the root directory of this source tree.
|
|
30
|
-
*/var Ge;function Lt(){if(Ge)return Y;Ge=1;var e=typeof Symbol=="function"&&Symbol.for,i=e?Symbol.for("react.element"):60103,u=e?Symbol.for("react.portal"):60106,n=e?Symbol.for("react.fragment"):60107,o=e?Symbol.for("react.strict_mode"):60108,r=e?Symbol.for("react.profiler"):60114,c=e?Symbol.for("react.provider"):60109,a=e?Symbol.for("react.context"):60110,f=e?Symbol.for("react.async_mode"):60111,l=e?Symbol.for("react.concurrent_mode"):60111,p=e?Symbol.for("react.forward_ref"):60112,v=e?Symbol.for("react.suspense"):60113,E=e?Symbol.for("react.suspense_list"):60120,T=e?Symbol.for("react.memo"):60115,F=e?Symbol.for("react.lazy"):60116,x=e?Symbol.for("react.block"):60121,D=e?Symbol.for("react.fundamental"):60117,L=e?Symbol.for("react.responder"):60118,G=e?Symbol.for("react.scope"):60119;function j(d){if(typeof d=="object"&&d!==null){var W=d.$$typeof;switch(W){case i:switch(d=d.type,d){case f:case l:case n:case r:case o:case v:return d;default:switch(d=d&&d.$$typeof,d){case a:case p:case F:case T:case c:return d;default:return W}}case u:return W}}}function _(d){return j(d)===l}return Y.AsyncMode=f,Y.ConcurrentMode=l,Y.ContextConsumer=a,Y.ContextProvider=c,Y.Element=i,Y.ForwardRef=p,Y.Fragment=n,Y.Lazy=F,Y.Memo=T,Y.Portal=u,Y.Profiler=r,Y.StrictMode=o,Y.Suspense=v,Y.isAsyncMode=function(d){return _(d)||j(d)===f},Y.isConcurrentMode=_,Y.isContextConsumer=function(d){return j(d)===a},Y.isContextProvider=function(d){return j(d)===c},Y.isElement=function(d){return typeof d=="object"&&d!==null&&d.$$typeof===i},Y.isForwardRef=function(d){return j(d)===p},Y.isFragment=function(d){return j(d)===n},Y.isLazy=function(d){return j(d)===F},Y.isMemo=function(d){return j(d)===T},Y.isPortal=function(d){return j(d)===u},Y.isProfiler=function(d){return j(d)===r},Y.isStrictMode=function(d){return j(d)===o},Y.isSuspense=function(d){return j(d)===v},Y.isValidElementType=function(d){return typeof d=="string"||typeof d=="function"||d===n||d===l||d===r||d===o||d===v||d===E||typeof d=="object"&&d!==null&&(d.$$typeof===F||d.$$typeof===T||d.$$typeof===c||d.$$typeof===a||d.$$typeof===p||d.$$typeof===D||d.$$typeof===L||d.$$typeof===G||d.$$typeof===x)},Y.typeOf=j,Y}var $={};/** @license React v16.13.1
|
|
31
|
-
* react-is.development.js
|
|
32
|
-
*
|
|
33
|
-
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
34
|
-
*
|
|
35
|
-
* This source code is licensed under the MIT license found in the
|
|
36
|
-
* LICENSE file in the root directory of this source tree.
|
|
37
|
-
*/var Je;function Vt(){return Je||(Je=1,process.env.NODE_ENV!=="production"&&(function(){var e=typeof Symbol=="function"&&Symbol.for,i=e?Symbol.for("react.element"):60103,u=e?Symbol.for("react.portal"):60106,n=e?Symbol.for("react.fragment"):60107,o=e?Symbol.for("react.strict_mode"):60108,r=e?Symbol.for("react.profiler"):60114,c=e?Symbol.for("react.provider"):60109,a=e?Symbol.for("react.context"):60110,f=e?Symbol.for("react.async_mode"):60111,l=e?Symbol.for("react.concurrent_mode"):60111,p=e?Symbol.for("react.forward_ref"):60112,v=e?Symbol.for("react.suspense"):60113,E=e?Symbol.for("react.suspense_list"):60120,T=e?Symbol.for("react.memo"):60115,F=e?Symbol.for("react.lazy"):60116,x=e?Symbol.for("react.block"):60121,D=e?Symbol.for("react.fundamental"):60117,L=e?Symbol.for("react.responder"):60118,G=e?Symbol.for("react.scope"):60119;function j(h){return typeof h=="string"||typeof h=="function"||h===n||h===l||h===r||h===o||h===v||h===E||typeof h=="object"&&h!==null&&(h.$$typeof===F||h.$$typeof===T||h.$$typeof===c||h.$$typeof===a||h.$$typeof===p||h.$$typeof===D||h.$$typeof===L||h.$$typeof===G||h.$$typeof===x)}function _(h){if(typeof h=="object"&&h!==null){var ne=h.$$typeof;switch(ne){case i:var Ee=h.type;switch(Ee){case f:case l:case n:case r:case o:case v:return Ee;default:var ft=Ee&&Ee.$$typeof;switch(ft){case a:case p:case F:case T:case c:return ft;default:return ne}}case u:return ne}}}var d=f,W=l,Q=a,K=c,X=i,I=p,R=n,U=F,J=T,M=u,q=r,P=o,H=v,V=!1;function B(h){return V||(V=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),t(h)||_(h)===f}function t(h){return _(h)===l}function s(h){return _(h)===a}function m(h){return _(h)===c}function g(h){return typeof h=="object"&&h!==null&&h.$$typeof===i}function y(h){return _(h)===p}function b(h){return _(h)===n}function C(h){return _(h)===F}function w(h){return _(h)===T}function k(h){return _(h)===u}function A(h){return _(h)===r}function N(h){return _(h)===o}function Z(h){return _(h)===v}$.AsyncMode=d,$.ConcurrentMode=W,$.ContextConsumer=Q,$.ContextProvider=K,$.Element=X,$.ForwardRef=I,$.Fragment=R,$.Lazy=U,$.Memo=J,$.Portal=M,$.Profiler=q,$.StrictMode=P,$.Suspense=H,$.isAsyncMode=B,$.isConcurrentMode=t,$.isContextConsumer=s,$.isContextProvider=m,$.isElement=g,$.isForwardRef=y,$.isFragment=b,$.isLazy=C,$.isMemo=w,$.isPortal=k,$.isProfiler=A,$.isStrictMode=N,$.isSuspense=Z,$.isValidElementType=j,$.typeOf=_})()),$}var Ze;function Ke(){return Ze||(Ze=1,process.env.NODE_ENV==="production"?ve.exports=Lt():ve.exports=Vt()),ve.exports}/*
|
|
38
|
-
object-assign
|
|
39
|
-
(c) Sindre Sorhus
|
|
40
|
-
@license MIT
|
|
41
|
-
*/var xe,Qe;function zt(){if(Qe)return xe;Qe=1;var e=Object.getOwnPropertySymbols,i=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable;function n(r){if(r==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(r)}function o(){try{if(!Object.assign)return!1;var r=new String("abc");if(r[5]="de",Object.getOwnPropertyNames(r)[0]==="5")return!1;for(var c={},a=0;a<10;a++)c["_"+String.fromCharCode(a)]=a;var f=Object.getOwnPropertyNames(c).map(function(p){return c[p]});if(f.join("")!=="0123456789")return!1;var l={};return"abcdefghijklmnopqrst".split("").forEach(function(p){l[p]=p}),Object.keys(Object.assign({},l)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}return xe=o()?Object.assign:function(r,c){for(var a,f=n(r),l,p=1;p<arguments.length;p++){a=Object(arguments[p]);for(var v in a)i.call(a,v)&&(f[v]=a[v]);if(e){l=e(a);for(var E=0;E<l.length;E++)u.call(a,l[E])&&(f[l[E]]=a[l[E]])}}return f},xe}var Se,et;function Ce(){if(et)return Se;et=1;var e="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";return Se=e,Se}var Oe,tt;function nt(){return tt||(tt=1,Oe=Function.call.bind(Object.prototype.hasOwnProperty)),Oe}var _e,rt;function Ut(){if(rt)return _e;rt=1;var e=function(){};if(process.env.NODE_ENV!=="production"){var i=Ce(),u={},n=nt();e=function(r){var c="Warning: "+r;typeof console<"u"&&console.error(c);try{throw new Error(c)}catch{}}}function o(r,c,a,f,l){if(process.env.NODE_ENV!=="production"){for(var p in r)if(n(r,p)){var v;try{if(typeof r[p]!="function"){var E=Error((f||"React class")+": "+a+" type `"+p+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof r[p]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw E.name="Invariant Violation",E}v=r[p](c,p,f,a,null,i)}catch(F){v=F}if(v&&!(v instanceof Error)&&e((f||"React class")+": type specification of "+a+" `"+p+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof v+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),v instanceof Error&&!(v.message in u)){u[v.message]=!0;var T=l?l():"";e("Failed "+a+" type: "+v.message+(T??""))}}}}return o.resetWarningCache=function(){process.env.NODE_ENV!=="production"&&(u={})},_e=o,_e}var we,ot;function qt(){if(ot)return we;ot=1;var e=Ke(),i=zt(),u=Ce(),n=nt(),o=Ut(),r=function(){};process.env.NODE_ENV!=="production"&&(r=function(a){var f="Warning: "+a;typeof console<"u"&&console.error(f);try{throw new Error(f)}catch{}});function c(){return null}return we=function(a,f){var l=typeof Symbol=="function"&&Symbol.iterator,p="@@iterator";function v(t){var s=t&&(l&&t[l]||t[p]);if(typeof s=="function")return s}var E="<<anonymous>>",T={array:L("array"),bigint:L("bigint"),bool:L("boolean"),func:L("function"),number:L("number"),object:L("object"),string:L("string"),symbol:L("symbol"),any:G(),arrayOf:j,element:_(),elementType:d(),instanceOf:W,node:I(),objectOf:K,oneOf:Q,oneOfType:X,shape:U,exact:J};function F(t,s){return t===s?t!==0||1/t===1/s:t!==t&&s!==s}function x(t,s){this.message=t,this.data=s&&typeof s=="object"?s:{},this.stack=""}x.prototype=Error.prototype;function D(t){if(process.env.NODE_ENV!=="production")var s={},m=0;function g(b,C,w,k,A,N,Z){if(k=k||E,N=N||w,Z!==u){if(f){var h=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw h.name="Invariant Violation",h}else if(process.env.NODE_ENV!=="production"&&typeof console<"u"){var ne=k+":"+w;!s[ne]&&m<3&&(r("You are manually calling a React.PropTypes validation function for the `"+N+"` prop on `"+k+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),s[ne]=!0,m++)}}return C[w]==null?b?C[w]===null?new x("The "+A+" `"+N+"` is marked as required "+("in `"+k+"`, but its value is `null`.")):new x("The "+A+" `"+N+"` is marked as required in "+("`"+k+"`, but its value is `undefined`.")):null:t(C,w,k,A,N)}var y=g.bind(null,!1);return y.isRequired=g.bind(null,!0),y}function L(t){function s(m,g,y,b,C,w){var k=m[g],A=P(k);if(A!==t){var N=H(k);return new x("Invalid "+b+" `"+C+"` of type "+("`"+N+"` supplied to `"+y+"`, expected ")+("`"+t+"`."),{expectedType:t})}return null}return D(s)}function G(){return D(c)}function j(t){function s(m,g,y,b,C){if(typeof t!="function")return new x("Property `"+C+"` of component `"+y+"` has invalid PropType notation inside arrayOf.");var w=m[g];if(!Array.isArray(w)){var k=P(w);return new x("Invalid "+b+" `"+C+"` of type "+("`"+k+"` supplied to `"+y+"`, expected an array."))}for(var A=0;A<w.length;A++){var N=t(w,A,y,b,C+"["+A+"]",u);if(N instanceof Error)return N}return null}return D(s)}function _(){function t(s,m,g,y,b){var C=s[m];if(!a(C)){var w=P(C);return new x("Invalid "+y+" `"+b+"` of type "+("`"+w+"` supplied to `"+g+"`, expected a single ReactElement."))}return null}return D(t)}function d(){function t(s,m,g,y,b){var C=s[m];if(!e.isValidElementType(C)){var w=P(C);return new x("Invalid "+y+" `"+b+"` of type "+("`"+w+"` supplied to `"+g+"`, expected a single ReactElement type."))}return null}return D(t)}function W(t){function s(m,g,y,b,C){if(!(m[g]instanceof t)){var w=t.name||E,k=B(m[g]);return new x("Invalid "+b+" `"+C+"` of type "+("`"+k+"` supplied to `"+y+"`, expected ")+("instance of `"+w+"`."))}return null}return D(s)}function Q(t){if(!Array.isArray(t))return process.env.NODE_ENV!=="production"&&(arguments.length>1?r("Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."):r("Invalid argument supplied to oneOf, expected an array.")),c;function s(m,g,y,b,C){for(var w=m[g],k=0;k<t.length;k++)if(F(w,t[k]))return null;var A=JSON.stringify(t,function(Z,h){var ne=H(h);return ne==="symbol"?String(h):h});return new x("Invalid "+b+" `"+C+"` of value `"+String(w)+"` "+("supplied to `"+y+"`, expected one of "+A+"."))}return D(s)}function K(t){function s(m,g,y,b,C){if(typeof t!="function")return new x("Property `"+C+"` of component `"+y+"` has invalid PropType notation inside objectOf.");var w=m[g],k=P(w);if(k!=="object")return new x("Invalid "+b+" `"+C+"` of type "+("`"+k+"` supplied to `"+y+"`, expected an object."));for(var A in w)if(n(w,A)){var N=t(w,A,y,b,C+"."+A,u);if(N instanceof Error)return N}return null}return D(s)}function X(t){if(!Array.isArray(t))return process.env.NODE_ENV!=="production"&&r("Invalid argument supplied to oneOfType, expected an instance of array."),c;for(var s=0;s<t.length;s++){var m=t[s];if(typeof m!="function")return r("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+V(m)+" at index "+s+"."),c}function g(y,b,C,w,k){for(var A=[],N=0;N<t.length;N++){var Z=t[N],h=Z(y,b,C,w,k,u);if(h==null)return null;h.data&&n(h.data,"expectedType")&&A.push(h.data.expectedType)}var ne=A.length>0?", expected one of type ["+A.join(", ")+"]":"";return new x("Invalid "+w+" `"+k+"` supplied to "+("`"+C+"`"+ne+"."))}return D(g)}function I(){function t(s,m,g,y,b){return M(s[m])?null:new x("Invalid "+y+" `"+b+"` supplied to "+("`"+g+"`, expected a ReactNode."))}return D(t)}function R(t,s,m,g,y){return new x((t||"React class")+": "+s+" type `"+m+"."+g+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+y+"`.")}function U(t){function s(m,g,y,b,C){var w=m[g],k=P(w);if(k!=="object")return new x("Invalid "+b+" `"+C+"` of type `"+k+"` "+("supplied to `"+y+"`, expected `object`."));for(var A in t){var N=t[A];if(typeof N!="function")return R(y,b,C,A,H(N));var Z=N(w,A,y,b,C+"."+A,u);if(Z)return Z}return null}return D(s)}function J(t){function s(m,g,y,b,C){var w=m[g],k=P(w);if(k!=="object")return new x("Invalid "+b+" `"+C+"` of type `"+k+"` "+("supplied to `"+y+"`, expected `object`."));var A=i({},m[g],t);for(var N in A){var Z=t[N];if(n(t,N)&&typeof Z!="function")return R(y,b,C,N,H(Z));if(!Z)return new x("Invalid "+b+" `"+C+"` key `"+N+"` supplied to `"+y+"`.\nBad object: "+JSON.stringify(m[g],null," ")+`
|
|
42
|
-
Valid keys: `+JSON.stringify(Object.keys(t),null," "));var h=Z(w,N,y,b,C+"."+N,u);if(h)return h}return null}return D(s)}function M(t){switch(typeof t){case"number":case"string":case"undefined":return!0;case"boolean":return!t;case"object":if(Array.isArray(t))return t.every(M);if(t===null||a(t))return!0;var s=v(t);if(s){var m=s.call(t),g;if(s!==t.entries){for(;!(g=m.next()).done;)if(!M(g.value))return!1}else for(;!(g=m.next()).done;){var y=g.value;if(y&&!M(y[1]))return!1}}else return!1;return!0;default:return!1}}function q(t,s){return t==="symbol"?!0:s?s["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&s instanceof Symbol:!1}function P(t){var s=typeof t;return Array.isArray(t)?"array":t instanceof RegExp?"object":q(s,t)?"symbol":s}function H(t){if(typeof t>"u"||t===null)return""+t;var s=P(t);if(s==="object"){if(t instanceof Date)return"date";if(t instanceof RegExp)return"regexp"}return s}function V(t){var s=H(t);switch(s){case"array":case"object":return"an "+s;case"boolean":case"date":case"regexp":return"a "+s;default:return s}}function B(t){return!t.constructor||!t.constructor.name?E:t.constructor.name}return T.checkPropTypes=o,T.resetWarningCache=o.resetWarningCache,T.PropTypes=T,T},we}var Pe,it;function Wt(){if(it)return Pe;it=1;var e=Ce();function i(){}function u(){}return u.resetWarningCache=i,Pe=function(){function n(c,a,f,l,p,v){if(v!==e){var E=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw E.name="Invariant Violation",E}}n.isRequired=n;function o(){return n}var r={array:n,bigint:n,bool:n,func:n,number:n,object:n,string:n,symbol:n,any:n,arrayOf:o,element:n,elementType:n,instanceOf:o,node:n,objectOf:o,oneOf:o,oneOfType:o,shape:o,exact:o,checkPropTypes:u,resetWarningCache:i};return r.PropTypes=r,r},Pe}var at;function Xt(){if(at)return he.exports;if(at=1,process.env.NODE_ENV!=="production"){var e=Ke(),i=!0;he.exports=qt()(e.isElement,i)}else he.exports=Wt()();return he.exports}var Ht=Xt();const S=dt(Ht);function Bt(e,i){return e.classList?!!i&&e.classList.contains(i):(" "+(e.className.baseVal||e.className)+" ").indexOf(" "+i+" ")!==-1}function Gt(e,i){e.classList?e.classList.add(i):Bt(e,i)||(typeof e.className=="string"?e.className=e.className+" "+i:e.setAttribute("class",(e.className&&e.className.baseVal||"")+" "+i))}function st(e,i){return e.replace(new RegExp("(^|\\s)"+i+"(?:\\s|$)","g"),"$1").replace(/\s+/g," ").replace(/^\s*|\s*$/g,"")}function Jt(e,i){e.classList?e.classList.remove(i):typeof e.className=="string"?e.className=st(e.className,i):e.setAttribute("class",st(e.className&&e.className.baseVal||"",i))}const ct={disabled:!1};var Zt=process.env.NODE_ENV!=="production"?S.oneOfType([S.number,S.shape({enter:S.number,exit:S.number,appear:S.number}).isRequired]):null,Kt=process.env.NODE_ENV!=="production"?S.oneOfType([S.string,S.shape({enter:S.string,exit:S.string,active:S.string}),S.shape({enter:S.string,enterDone:S.string,enterActive:S.string,exit:S.string,exitDone:S.string,exitActive:S.string})]):null;const ut=O.createContext(null);var lt=function(i){return i.scrollTop},fe="unmounted",re="exited",oe="entering",ae="entered",Re="exiting",te=(function(e){Be(i,e);function i(n,o){var r;r=e.call(this,n,o)||this;var c=o,a=c&&!c.isMounting?n.enter:n.appear,f;return r.appearStatus=null,n.in?a?(f=re,r.appearStatus=oe):f=ae:n.unmountOnExit||n.mountOnEnter?f=fe:f=re,r.state={status:f},r.nextCallback=null,r}i.getDerivedStateFromProps=function(o,r){var c=o.in;return c&&r.status===fe?{status:re}:null};var u=i.prototype;return u.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},u.componentDidUpdate=function(o){var r=null;if(o!==this.props){var c=this.state.status;this.props.in?c!==oe&&c!==ae&&(r=oe):(c===oe||c===ae)&&(r=Re)}this.updateStatus(!1,r)},u.componentWillUnmount=function(){this.cancelNextCallback()},u.getTimeouts=function(){var o=this.props.timeout,r,c,a;return r=c=a=o,o!=null&&typeof o!="number"&&(r=o.exit,c=o.enter,a=o.appear!==void 0?o.appear:c),{exit:r,enter:c,appear:a}},u.updateStatus=function(o,r){if(o===void 0&&(o=!1),r!==null)if(this.cancelNextCallback(),r===oe){if(this.props.unmountOnExit||this.props.mountOnEnter){var c=this.props.nodeRef?this.props.nodeRef.current:ce.findDOMNode(this);c&<(c)}this.performEnter(o)}else this.performExit();else this.props.unmountOnExit&&this.state.status===re&&this.setState({status:fe})},u.performEnter=function(o){var r=this,c=this.props.enter,a=this.context?this.context.isMounting:o,f=this.props.nodeRef?[a]:[ce.findDOMNode(this),a],l=f[0],p=f[1],v=this.getTimeouts(),E=a?v.appear:v.enter;if(!o&&!c||ct.disabled){this.safeSetState({status:ae},function(){r.props.onEntered(l)});return}this.props.onEnter(l,p),this.safeSetState({status:oe},function(){r.props.onEntering(l,p),r.onTransitionEnd(E,function(){r.safeSetState({status:ae},function(){r.props.onEntered(l,p)})})})},u.performExit=function(){var o=this,r=this.props.exit,c=this.getTimeouts(),a=this.props.nodeRef?void 0:ce.findDOMNode(this);if(!r||ct.disabled){this.safeSetState({status:re},function(){o.props.onExited(a)});return}this.props.onExit(a),this.safeSetState({status:Re},function(){o.props.onExiting(a),o.onTransitionEnd(c.exit,function(){o.safeSetState({status:re},function(){o.props.onExited(a)})})})},u.cancelNextCallback=function(){this.nextCallback!==null&&(this.nextCallback.cancel(),this.nextCallback=null)},u.safeSetState=function(o,r){r=this.setNextCallback(r),this.setState(o,r)},u.setNextCallback=function(o){var r=this,c=!0;return this.nextCallback=function(a){c&&(c=!1,r.nextCallback=null,o(a))},this.nextCallback.cancel=function(){c=!1},this.nextCallback},u.onTransitionEnd=function(o,r){this.setNextCallback(r);var c=this.props.nodeRef?this.props.nodeRef.current:ce.findDOMNode(this),a=o==null&&!this.props.addEndListener;if(!c||a){setTimeout(this.nextCallback,0);return}if(this.props.addEndListener){var f=this.props.nodeRef?[this.nextCallback]:[c,this.nextCallback],l=f[0],p=f[1];this.props.addEndListener(l,p)}o!=null&&setTimeout(this.nextCallback,o)},u.render=function(){var o=this.state.status;if(o===fe)return null;var r=this.props,c=r.children;r.in,r.mountOnEnter,r.unmountOnExit,r.appear,r.enter,r.exit,r.timeout,r.addEndListener,r.onEnter,r.onEntering,r.onEntered,r.onExit,r.onExiting,r.onExited,r.nodeRef;var a=He(r,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]);return O.createElement(ut.Provider,{value:null},typeof c=="function"?c(o,a):O.cloneElement(O.Children.only(c),a))},i})(O.Component);te.contextType=ut,te.propTypes=process.env.NODE_ENV!=="production"?{nodeRef:S.shape({current:typeof Element>"u"?S.any:function(e,i,u,n,o,r){var c=e[i];return S.instanceOf(c&&"ownerDocument"in c?c.ownerDocument.defaultView.Element:Element)(e,i,u,n,o,r)}}),children:S.oneOfType([S.func.isRequired,S.element.isRequired]).isRequired,in:S.bool,mountOnEnter:S.bool,unmountOnExit:S.bool,appear:S.bool,enter:S.bool,exit:S.bool,timeout:function(i){var u=Zt;i.addEndListener||(u=u.isRequired);for(var n=arguments.length,o=new Array(n>1?n-1:0),r=1;r<n;r++)o[r-1]=arguments[r];return u.apply(void 0,[i].concat(o))},addEndListener:S.func,onEnter:S.func,onEntering:S.func,onEntered:S.func,onExit:S.func,onExiting:S.func,onExited:S.func}:{};function se(){}te.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:se,onEntering:se,onEntered:se,onExit:se,onExiting:se,onExited:se},te.UNMOUNTED=fe,te.EXITED=re,te.ENTERING=oe,te.ENTERED=ae,te.EXITING=Re;var Qt=function(i,u){return i&&u&&u.split(" ").forEach(function(n){return Gt(i,n)})},Ae=function(i,u){return i&&u&&u.split(" ").forEach(function(n){return Jt(i,n)})},ge=(function(e){Be(i,e);function i(){for(var n,o=arguments.length,r=new Array(o),c=0;c<o;c++)r[c]=arguments[c];return n=e.call.apply(e,[this].concat(r))||this,n.appliedClasses={appear:{},enter:{},exit:{}},n.onEnter=function(a,f){var l=n.resolveArguments(a,f),p=l[0],v=l[1];n.removeClasses(p,"exit"),n.addClass(p,v?"appear":"enter","base"),n.props.onEnter&&n.props.onEnter(a,f)},n.onEntering=function(a,f){var l=n.resolveArguments(a,f),p=l[0],v=l[1],E=v?"appear":"enter";n.addClass(p,E,"active"),n.props.onEntering&&n.props.onEntering(a,f)},n.onEntered=function(a,f){var l=n.resolveArguments(a,f),p=l[0],v=l[1],E=v?"appear":"enter";n.removeClasses(p,E),n.addClass(p,E,"done"),n.props.onEntered&&n.props.onEntered(a,f)},n.onExit=function(a){var f=n.resolveArguments(a),l=f[0];n.removeClasses(l,"appear"),n.removeClasses(l,"enter"),n.addClass(l,"exit","base"),n.props.onExit&&n.props.onExit(a)},n.onExiting=function(a){var f=n.resolveArguments(a),l=f[0];n.addClass(l,"exit","active"),n.props.onExiting&&n.props.onExiting(a)},n.onExited=function(a){var f=n.resolveArguments(a),l=f[0];n.removeClasses(l,"exit"),n.addClass(l,"exit","done"),n.props.onExited&&n.props.onExited(a)},n.resolveArguments=function(a,f){return n.props.nodeRef?[n.props.nodeRef.current,a]:[a,f]},n.getClassNames=function(a){var f=n.props.classNames,l=typeof f=="string",p=l&&f?f+"-":"",v=l?""+p+a:f[a],E=l?v+"-active":f[a+"Active"],T=l?v+"-done":f[a+"Done"];return{baseClassName:v,activeClassName:E,doneClassName:T}},n}var u=i.prototype;return u.addClass=function(o,r,c){var a=this.getClassNames(r)[c+"ClassName"],f=this.getClassNames("enter"),l=f.doneClassName;r==="appear"&&c==="done"&&l&&(a+=" "+l),c==="active"&&o&<(o),a&&(this.appliedClasses[r][c]=a,Qt(o,a))},u.removeClasses=function(o,r){var c=this.appliedClasses[r],a=c.base,f=c.active,l=c.done;this.appliedClasses[r]={},a&&Ae(o,a),f&&Ae(o,f),l&&Ae(o,l)},u.render=function(){var o=this.props;o.classNames;var r=He(o,["classNames"]);return O.createElement(te,me({},r,{onEnter:this.onEnter,onEntered:this.onEntered,onEntering:this.onEntering,onExit:this.onExit,onExiting:this.onExiting,onExited:this.onExited}))},i})(O.Component);ge.defaultProps={classNames:""},ge.propTypes=process.env.NODE_ENV!=="production"?me({},te.propTypes,{classNames:Kt,onEnter:S.func,onEntering:S.func,onEntered:S.func,onExit:S.func,onExiting:S.func,onExited:S.func}):{};function en({show:e,onClose:i,onOpen:u,onClosed:n,children:o,teleport:r=document.body}){const c=O.useRef(null),a=O.useRef(null);O.useEffect(()=>(e?(document.body.style.overflow="hidden",u?.()):document.body.style.overflow="",()=>{document.body.style.overflow=""}),[e]);function f(l){c.current&&(c.current.style.setProperty("display",l),l==="none"&&n?.())}return ce.createPortal(z.jsxs(z.Fragment,{children:[z.jsx(ge,{in:e,timeout:300,nodeRef:a,classNames:"chook-picker-fade",unmountOnExit:!0,children:z.jsx("div",{ref:a,role:"presentation",className:"chook-picker-mask",onClick:i,onKeyDown:l=>{l.key==="Escape"&&i()}})}),z.jsx(ge,{in:e,timeout:300,nodeRef:c,classNames:"chook-picker-slide",onEnter:()=>f(""),onExited:()=>f("none"),children:z.jsx("div",{ref:c,className:"chook-picker-container",style:{display:"none"},children:o})})]}),r)}function Ne({show:e,values:i,title:u,columns:n,linkage:o=!1,loading:r=!1,loadingSlot:c,emptySlot:a,teleport:f,confirmButtonText:l="Confirm",cancelButtonText:p="Cancel",columnsFieldNames:v,onConfirm:E,onClose:T,onChange:F,onCancel:x,onOpen:D,onClosed:L}){const[G,j]=O.useState([]),[_,d]=O.useState([]),[W,Q]=O.useState([]),K=O.useRef(null),X=Et(v),I=gt(n,X),R=O.useMemo(()=>I==="single"?[n]:I==="multiple"?n:yt(n,_,X),[n,I,_,X]);O.useEffect(()=>{!i||i.every((B,t)=>B===_[t])||d(i)},[i]),O.useEffect(()=>{const V=R.length,B=[];let t=!1;for(let s=0;s<V;s++){const m=R[s],g=_[s],y=Ye(m,g,X);if(y===-1){const C=(W[s]??0)>=m.length?Math.max(m.length-1,0):0;U(s,C),B[s]=C}else B[s]=y;B[s]!==W[s]&&(K.current?.scrollColumnToSelected(s,B[s]),t=!0)}t&&Q(B)},[_,R,X]);function U(V,B){const t=R[V],s=t[B]?.[X.value],m=_[V];if(s===m)return;const g=[..._];if(g[V]=s,I==="cascade"){const y=t[B],b=kt(y,V,g,X);d(b),J(b)}else d(g),J(g)}function J(V){F?.(V),o&&j(V)}function M(){j(_),T(),E?.(_)}function q(){T(),x?.()}function P(){D?.()}function H(){d(i?[...i]:[...G]),L?.()}return z.jsxs(en,{show:e,teleport:f,onOpen:P,onClose:T,onClosed:H,children:[z.jsxs("div",{className:"chook-picker-header",children:[z.jsx("button",{className:"chook-picker-cancel",onClick:q,children:p}),z.jsx("p",{className:"chook-picker-title",children:u}),z.jsx("button",{className:"chook-picker-confirm",onClick:M,children:l})]}),z.jsx(Xe,{ref:K,loading:r,loadingSlot:c,columns:n,emptySlot:a,currentColumns:R,fields:X,selectedIndices:W,updateSelectedValueByIndex:U})]})}function tn({show:e,values:i,title:u=Nt,columnsType:n=Mt,minDate:o=new Date(new Date().getFullYear()-10,0,1),maxDate:r=new Date(new Date().getFullYear()+10,11,31),teleport:c,confirmButtonText:a,cancelButtonText:f,formatYearLabel:l=ye,formatMonthLabel:p=ye,formatDayLabel:v=ye,onConfirm:E,onClose:T,onCancel:F,onOpen:x,onClosed:D}){const[L,G]=O.useState([]),[j,_]=O.useState([]),d=O.useMemo(()=>{const M={year:W,month:Q,day:K};return n.map(q=>M[q]())},[n,o,r,j,l,p,v]);function W(){const M=o.getFullYear(),q=r.getFullYear();return ie(M,q,l)}function Q(){const M=X("year"),q=Fe(M,o)?o.getMonth()+1:1,P=Le(M,r)?r.getMonth()+1:12;return ie(q,P,p)}function K(){const M=X("year"),q=X("month"),P=Fe(M,o)&&Tt(q,o),H=Le(M,r)&&xt(q,r),V=P?o.getDate():1,B=H?r.getDate():St(M,q);return ie(V,B,v)}function X(M){const q=n.indexOf(M),P=j[q];return P?Number(P):Ct(o,r,M)}function I(M){G(M),T(),E?.(M)}function R(){T(),F?.()}function U(){x?.(),i&&i.length?_([...i]):_(n.map(X))}function J(){_(i?[...i]:[...L]),D?.()}return z.jsx(Ne,{values:j,show:e,title:u,columns:d,teleport:c,confirmButtonText:a,cancelButtonText:f,linkage:!0,onConfirm:I,onClose:T,onChange:_,onCancel:R,onOpen:U,onClosed:J})}function nn({show:e,values:i,title:u=jt,columnsType:n=It,minTime:o,maxTime:r,teleport:c,confirmButtonText:a,cancelButtonText:f,formatHourLabel:l=ke,formatMinuteLabel:p=ke,formatSecondLabel:v=ke,onConfirm:E,onClose:T,onCancel:F,onOpen:x,onClosed:D}){const[L,G]=O.useState([]),[j,_]=O.useState([]),d=O.useMemo(()=>Ve(o??"")??{hour:0,minute:0,second:0},[o]),W=O.useMemo(()=>Ve(r??"")??{hour:23,minute:59,second:59},[r]),Q=O.useMemo(()=>{const P={hour:K,minute:X,second:I};return n.map(H=>P[H]())},[n,d,W,j,l,p,v]);function K(){return ie(d.hour,W.hour,l)}function X(){const P=R("hour"),{hour:H,minute:V}=d,{hour:B,minute:t}=W;return ie(P===H?V:0,P===B?t:59,p)}function I(){const P=R("hour"),H=R("minute"),{hour:V,minute:B,second:t}=d,{hour:s,minute:m,second:g}=W;return ie(P===V&&H===B?t:0,P===s&&H===m?g:59,v)}function R(P){const H=n.indexOf(P),V=j[H];return V!==void 0?Number(V):_t(d,W,P)}function U(P){G(P),T(),E?.(P)}function J(){T(),F?.()}function M(){x?.(),i&&i.length?_([...i]):_(n.map(R))}function q(){_(i?[...i]:[...L]),D?.()}return z.jsx(Ne,{values:j,show:e,title:u,columns:Q,teleport:c,confirmButtonText:a,cancelButtonText:f,linkage:!0,onConfirm:U,onClose:T,onChange:_,onCancel:J,onOpen:M,onClosed:q})}ee.DatePicker=tn,ee.Picker=Ne,ee.TimePicker=nn,Object.defineProperty(ee,Symbol.toStringTag,{value:"Module"})}));
|
|
7
|
+
<%s key={someKey} {...props} />`,C,P,X,P),Ee[P+C]=!0)}if(P=null,S!==void 0&&(r(S),P=""+S),m(u)&&(r(u.key),P=""+u.key),"key"in u){S={};for(var ee in u)ee!=="key"&&(S[ee]=u[ee])}else S=u;return P&&s(S,typeof t=="function"?t.displayName||t.name||"Unknown":t),d(t,P,S,o(),G,$)}function k(t){i(t)?t._store&&(t._store.validated=1):typeof t=="object"&&t!==null&&t.$$typeof===I&&(t._payload.status==="fulfilled"?i(t._payload.value)&&t._payload.value._store&&(t._payload.value._store.validated=1):t._store&&(t._store.validated=1))}function i(t){return typeof t=="object"&&t!==null&&t.$$typeof===R}var h=f,R=Symbol.for("react.transitional.element"),x=Symbol.for("react.portal"),w=Symbol.for("react.fragment"),_=Symbol.for("react.strict_mode"),O=Symbol.for("react.profiler"),l=Symbol.for("react.consumer"),T=Symbol.for("react.context"),g=Symbol.for("react.forward_ref"),p=Symbol.for("react.suspense"),A=Symbol.for("react.suspense_list"),N=Symbol.for("react.memo"),I=Symbol.for("react.lazy"),b=Symbol.for("react.activity"),M=Symbol.for("react.client.reference"),y=h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,D=Object.prototype.hasOwnProperty,H=Array.isArray,F=console.createTask?console.createTask:function(){return null};h={react_stack_bottom_frame:function(t){return t()}};var z,be={},Te=h.react_stack_bottom_frame.bind(h,a)(),ve=F(c(a)),Ee={};L.Fragment=w,L.jsx=function(t,u,S){var C=1e4>y.recentlyCreatedOwnerStacks++;return v(t,u,S,!1,C?Error("react-stack-top-frame"):Te,C?F(c(t)):ve)},L.jsxs=function(t,u,S){var C=1e4>y.recentlyCreatedOwnerStacks++;return v(t,u,S,!0,C?Error("react-stack-top-frame"):Te,C?F(c(t)):ve)}})()),L}var re;function Re(){return re||(re=1,process.env.NODE_ENV==="production"?W.exports=_e():W.exports=Se()),W.exports}var Y=Re();const xe=Array.isArray;function Oe(e,n){if(se(e))return"multiple";const[r]=e;return r?.[n.children]?"cascade":"single"}function Me(e){return{children:e?.children||"children",label:e?.label||"label",value:e?.value||"value"}}function we(e,n,r){if(se(e))return[];const c=[];let o=e,a=0;for(;o;){const m=n[a];let s=ce(o,m,r);s===-1&&(s=0),c.push(o),a+=1,o=o[s]?.[r.children]}return c}function ye(e,n,r,c){const o=[...r];let a=e,m=n+1;for(;a?.[c.children];){const s=a[c.children][0];o[m]=s.value,a=s,m+=1}return o}function ce(e,n,r){return e.findIndex(c=>c?.[r.value]===n)}function se(e){const[n]=e;return xe(n)}function Ce(e,n){return e>n?"horizontal":n>e?"vertical":""}function V(e,n,r){const c=[];for(let o=e;o<=n;o++){const a=r(`${o}`);c.push({label:a,value:o})}return c}function ae(e,n){return e===n.getFullYear()}function ie(e,n){return e===n.getFullYear()}function Pe(e,n){return e===n.getMonth()+1}function Ae(e,n){return e===n.getMonth()+1}function Ne(e,n){return new Date(e,n,0).getDate()}function ue(e,n,r){const c=new Date,o=Date.now(),a=e.getTime(),m=n.getTime(),s=o>=a&&o<=m;return r==="year"?s?c.getFullYear():e.getFullYear():r==="month"?s?c.getMonth()+1:e.getMonth()+1:s?c.getDate():e.getDate()}function Z(e){return e}function Ye(e){return/^(?:[01]\d|2[0-3]):[0-5]\d:[0-5]\d$/.test(e)}function le(e){if(!Ye(e))return null;const[n,r,c]=e.split(":");return{hour:Number(n),minute:Number(r),second:Number(c)}}function Q(e){return e.padStart(2,"0")}function fe(e,n,r){const c=Date.now(),{hour:o,minute:a,second:m}=e,{hour:s,minute:E,second:d}=n,v=new Date().setHours(o,a,m),k=new Date().setHours(s,E,d),i=c>=v&&c<=k;return r==="hour"?i?new Date().getHours():o:r==="minute"?i?new Date().getMinutes():a:i?new Date().getSeconds():m}function B(e){return f.forwardRef(e)}const Ie=16,J=48,je=.52,de=150,K=300,De=15,Fe=.008,me=5,Ve=["year","month","day"],He=["hour","minute","second"];function Xe(){const e={startX:0,startY:0,deltaX:0,deltaY:0,offsetX:0,offsetY:0};let n="",r=!0;const c=()=>n==="vertical",o=()=>n==="horizontal";function a(){e.deltaX=0,e.deltaY=0,e.offsetX=0,e.offsetY=0,n="",r=!0}function m(d){const v="touches"in d?d.touches[0]:d;a(),e.startX=v.clientX,e.startY=v.clientY}function s(d){if(!e.startX||!e.startY)return!0;const v="touches"in d?d.touches[0]:d;e.deltaX=Math.max(v.clientX,0)-e.startX,e.deltaY=v.clientY-e.startY,e.offsetX=Math.abs(e.deltaX),e.offsetY=Math.abs(e.deltaY);const k=10;(!n||e.offsetX<k&&e.offsetY<k)&&(n=Ce(e.offsetX,e.offsetY)),r&&(e.offsetX>me||e.offsetY>me)&&(r=!1)}function E(){e.startX=0,e.startY=0}return{pointer:e,move:s,start:m,stop:E,reset:a,isVertical:c,isHorizontal:o}}function Ue({column:e,onChange:n}){const c=Number.parseFloat(getComputedStyle(document.documentElement).fontSize)/Ie,[o,a]=f.useState(0),[m,s]=f.useState(0),E=f.useRef(0),d=f.useRef(0),v=f.useRef(0),k=f.useRef(!1),i=f.useRef(null),{pointer:h,start:R,move:x,stop:w}=f.useMemo(()=>Xe(),[]);function _(b){return b*c}function O(b){const M=e.length,y=Math.round(-b/_(J));return y<0?0:y>=M?M-1:y}function l(b){const M=-b*_(J),y=()=>n?.(b);k.current&&M!==o?i.current=y:y(),a(M)}function T(b){R(b),k.current=!0,s(0),d.current=Date.now(),E.current=o,v.current=E.current,i.current=null}function g(b){if(x(b))return;const y=e.length,D=E.current+h.deltaY,H=_((y-1)*-J),F=Math.min(Math.max(D,H),0),z=Date.now();a(F),!(z-d.current<=K)&&(d.current=z,v.current=F)}function p(){w();const b=o-v.current,M=Date.now()-d.current;if(M<K&&Math.abs(b)>De){A(b,M);return}const y=O(o);s(de),l(y),k.current=!1}function A(b,M){const y=Math.abs(b/M),D=o+y/Fe*(b<0?-1:1),H=O(D);s(K),l(H)}function N(){s(0),k.current=!1,i.current&&(i.current(),i.current=null)}function I(b,M="auto"){k.current&&M==="smooth"||(i.current=null,k.current=M==="smooth",s(M==="smooth"?de:0),l(b))}return{offsetY:o,transitionDuration:m,onPointerDown:T,onPointerMove:g,onPointerUp:p,stopInertialSliding:N,scrollToIndex:I}}function Le({column:e,fields:n,selectedIndex:r=0,onChange:c},o){const{offsetY:a,transitionDuration:m,onPointerDown:s,onPointerMove:E,onPointerUp:d,stopInertialSliding:v,scrollToIndex:k}=Ue({column:e,onChange:i});function i(x){x!==r&&c(x)}function h(x=r,w){k(x,w)}function R(x){x!==r&&h(x,"smooth")}return f.useImperativeHandle(o,()=>({scrollToSelected:h})),Y.jsx("div",{role:"presentation","aria-label":"Picker column",className:"chook-picker-column",onTouchStart:s,onTouchMove:E,onTouchEnd:d,onTouchCancel:d,onMouseDown:s,onMouseMove:E,onMouseUp:d,onMouseLeave:d,style:{overflowY:"hidden",touchAction:"none"},children:Y.jsx("ul",{style:{overflowY:"hidden",transform:`translate3d(0, ${a}px, 0)`,transitionDuration:`${m}ms`,transitionProperty:m?"all":"none",touchAction:"none"},onTransitionEnd:v,children:e.map((x,w)=>Y.jsx("div",{tabIndex:0,role:"button","aria-label":"Select option",className:"chook-picker-column-item",onClick:()=>R(w),onKeyDown:_=>{(_.key==="Enter"||_.key===" ")&&R(w)},children:Y.jsx("p",{className:"chook-picker-column-label",style:{transform:`rotate3d(1, 0, 0, ${(w*J+a)*je}deg)`},children:x?.[n.label]})},x?.[n.value]))})})}const pe=B(Le);pe.displayName="Column";function ze(e,n){const{loading:r,loadingSlot:c,columns:o,emptySlot:a,currentColumns:m,fields:s,selectedIndices:E,updateSelectedValueByIndex:d}=e,v=f.useRef([]);function k(i,h){v.current[i]?.scrollToSelected(h)}return f.useImperativeHandle(n,()=>({scrollColumnToSelected:k})),r?Y.jsxs(Y.Fragment,{children:[Y.jsx("div",{className:"chook-picker-loading",children:c}),Y.jsx("div",{className:"chook-picker-columns"})]}):o.length?Y.jsxs("div",{className:"chook-picker-columns chook-picker-columns-backdrop",onTouchMove:i=>i.stopPropagation(),children:[m.map((i,h)=>Y.jsx(pe,{ref:R=>{v.current[h]=R},column:i,fields:s,selectedIndex:E[h],onChange:R=>d(h,R)},h)),Y.jsx("div",{className:"chook-picker-mask-backdrop"})]}):Y.jsx("div",{className:"chook-picker-columns",children:a})}const he=B(ze);he.displayName="Columns";function q({values:e,columns:n,loading:r=!1,loadingSlot:c,emptySlot:o,columnsFieldNames:a,onChange:m}){const[s,E]=f.useState(e??[]),[d,v]=f.useState([]),k=f.useRef(null),i=Me(a),h=Oe(n,i),R=f.useMemo(()=>h==="single"?[n]:h==="multiple"?n:we(n,s,i),[n,h,s,i]);function x(_,O){const l=R[_],T=l[O]?.[i.value],g=s[_];if(T===g)return;const p=[...s];if(p[_]=T,h==="cascade"){const A=l[O],N=ye(A,_,p,i);E(N),m?.(N)}else E(p),m?.(p)}function w(_){return _.some((O,l)=>O!==s[l])}return f.useEffect(()=>{!e||!w(e)||E([...e])},[e]),f.useEffect(()=>{const _=R.length,O=[],l=[...s];let T=!1;for(let g=0;g<_;g++){const p=R[g],A=s[g],N=ce(p,A,i);if(N===-1){const b=(d[g]??0)>=p.length?Math.max(p.length-1,0):0;l[g]=p[b]?.[i.value],O[g]=b}else O[g]=N;O[g]!==d[g]&&(k.current?.scrollColumnToSelected(g,O[g]),T=!0)}T&&(E(l),v(O))},[s,R,i]),Y.jsx("div",{className:"chook-picker-container","aria-label":"Picker",children:Y.jsx(he,{ref:k,loading:r,loadingSlot:c,columns:n,emptySlot:o,currentColumns:R,fields:i,selectedIndices:d,updateSelectedValueByIndex:x})})}function We({values:e,columnsType:n=Ve,minDate:r=new Date(new Date().getFullYear()-10,0,1),maxDate:c=new Date(new Date().getFullYear()+10,11,31),formatYearLabel:o=Z,formatMonthLabel:a=Z,formatDayLabel:m=Z,onChange:s},E){const[d,v]=f.useState([]),k=f.useMemo(()=>e??d,[e,d]),i=f.useMemo(()=>{const l={year:h,month:R,day:x};return n.map(T=>l[T]())},[n,r,c,k,o,a,m]);function h(){const l=r.getFullYear(),T=c.getFullYear();return V(l,T,o)}function R(){const l=w("year"),T=ae(l,r)?r.getMonth()+1:1,g=ie(l,c)?c.getMonth()+1:12;return V(T,g,a)}function x(){const l=w("year"),T=w("month"),g=ae(l,r)&&Pe(T,r),p=ie(l,c)&&Ae(T,c),A=g?r.getDate():1,N=p?c.getDate():Ne(l,T);return V(A,N,m)}function w(l){const T=n.indexOf(l),g=k?.[T];return g?Number(g):ue(r,c,l)}function _(l){e||v(l),s?.(l)}function O(){const l=n.map(T=>ue(r,c,T));_(l)}return f.useEffect(()=>{(!e||!e.length)&&O()},[]),f.useImperativeHandle(E,()=>({setCurrentDate:O})),Y.jsx(q,{values:k,columns:i,onChange:_})}const ke=B(We);ke.displayName="DatePicker";function Be({values:e,columnsType:n=He,minTime:r,maxTime:c,formatHourLabel:o=Q,formatMinuteLabel:a=Q,formatSecondLabel:m=Q,onChange:s},E){const[d,v]=f.useState([]),k=f.useMemo(()=>e??d,[e,d]),i=f.useMemo(()=>le(r??"")??{hour:0,minute:0,second:0},[r]),h=f.useMemo(()=>le(c??"")??{hour:23,minute:59,second:59},[c]),R={hour:w,minute:_,second:O},x=n.map(p=>R[p]());function w(){return V(i.hour,h.hour,o)}function _(){const p=l("hour"),{hour:A,minute:N}=i,{hour:I,minute:b}=h;return V(p===A?N:0,p===I?b:59,a)}function O(){const p=l("hour"),A=l("minute"),{hour:N,minute:I,second:b}=i,{hour:M,minute:y,second:D}=h;return V(p===N&&A===I?b:0,p===M&&A===y?D:59,m)}function l(p){const A=n.indexOf(p),N=k?.[A];return N!==void 0?Number(N):fe(i,h,p)}function T(p){e||v(p),s?.(p)}function g(){const p=n.map(A=>fe(i,h,A));T(p)}return f.useEffect(()=>{(!e||!e.length)&&g()},[]),f.useImperativeHandle(E,()=>({setCurrentTime:g})),Y.jsx(q,{values:k,columns:x,onChange:T})}const ge=B(Be);ge.displayName="TimePicker",j.DatePicker=ke,j.Picker=q,j.TimePicker=ge,Object.defineProperty(j,Symbol.toStringTag,{value:"Module"})}));
|
package/dist/vue/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--chook-picker-background: #fff;--chook-picker-
|
|
1
|
+
:root{--chook-picker-background: #fff;--chook-picker-columns-margin: 0 1rem;--chook-picker-columns-backdrop: linear-gradient( to bottom, #f2f2f2 0px, #f2f2f2 .0625rem, transparent .0625rem, transparent calc(100% - .0625rem) , #f2f2f2 calc(100% - .0625rem) , #f2f2f2 100% );--chook-picker-mask-backdrop: linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4)), linear-gradient(0deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4));--chook-picker-column-label-color: #323233;--chook-picker-column-label-padding: 0 .25rem;--chook-picker-column-font-size: 1rem;--chook-picker-column-font-weight: 500}.chook-picker-container{background:var(--chook-picker-background)}.chook-picker-columns{width:calc(100% - var(--chook-picker-columns-margin) * 2);height:13.5rem;overflow:hidden;position:relative;display:flex;margin:var(--chook-picker-columns-margin)}.chook-picker-columns-backdrop{background-image:var(--chook-picker-columns-backdrop);background-repeat:no-repeat;background-position:center;background-size:100% 3rem}.chook-picker-mask-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background-image:var(--chook-picker-mask-backdrop);background-repeat:no-repeat;background-position:top,bottom;background-size:100% 5.25rem}.chook-picker-loading{height:100%;width:100%;position:absolute;top:0;left:0}.chook-picker-column{flex:1 1 0%;overflow:hidden;padding:5.375rem 0;cursor:grab}.chook-picker-column ul{margin:0;padding:0;list-style:none}.chook-picker-column-item{height:3rem;display:flex;justify-content:center;align-items:center;cursor:grab}.chook-picker-column-label{color:var(--chook-picker-column-label-color);font-size:var(--chook-picker-column-font-size);font-weight:var(--chook-picker-column-font-weight);padding:var(--chook-picker-column-label-padding);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none}
|
package/dist/vue/picker.es.d.ts
CHANGED
|
@@ -12,22 +12,27 @@ declare type __VLS_PrettifyLocal<T> = {
|
|
|
12
12
|
[K in keyof T]: T[K];
|
|
13
13
|
} & {};
|
|
14
14
|
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
15
|
+
declare type __VLS_Props = Props_2;
|
|
16
|
+
|
|
17
|
+
declare type __VLS_Props_2 = Props_3;
|
|
18
|
+
|
|
19
|
+
declare type __VLS_PublicProps = {
|
|
20
|
+
modelValue?: number[];
|
|
21
|
+
} & __VLS_Props;
|
|
22
|
+
|
|
23
|
+
declare type __VLS_PublicProps_2 = {
|
|
24
|
+
modelValue?: number[];
|
|
25
|
+
} & __VLS_Props_2;
|
|
26
|
+
|
|
27
|
+
export declare const DatePicker: DefineComponent<__VLS_PublicProps, {
|
|
28
|
+
setCurrentDate: typeof setDefaultValues;
|
|
29
|
+
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
30
|
+
change: (values: number[]) => any;
|
|
31
|
+
"update:modelValue": (value: number[]) => any;
|
|
32
|
+
}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
33
|
+
onChange?: ((values: number[]) => any) | undefined;
|
|
34
|
+
"onUpdate:modelValue"?: ((value: number[]) => any) | undefined;
|
|
29
35
|
}>, {
|
|
30
|
-
title: string;
|
|
31
36
|
columnsType: DatePickerColumnType[];
|
|
32
37
|
minDate: Date;
|
|
33
38
|
maxDate: Date;
|
|
@@ -42,20 +47,18 @@ export declare type Direction = '' | 'vertical' | 'horizontal';
|
|
|
42
47
|
|
|
43
48
|
export declare const Picker: <T extends string | number>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
44
49
|
props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
|
|
45
|
-
readonly
|
|
46
|
-
readonly
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
readonly onCancel?: (() => any) | undefined;
|
|
51
|
-
} & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, "onUpdate:modelValue" | "onOpen" | "onClosed" | "onUpdate:show" | "onConfirm" | "onCancel"> & Props<T> & Partial<{}>> & PublicProps;
|
|
50
|
+
readonly onChange?: ((values: T[]) => any) | undefined;
|
|
51
|
+
readonly "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
|
|
52
|
+
} & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, "onChange" | "onUpdate:modelValue"> & ({
|
|
53
|
+
modelValue?: T[];
|
|
54
|
+
} & Props<T>) & Partial<{}>> & PublicProps;
|
|
52
55
|
expose(exposed: ShallowUnwrapRef< {}>): void;
|
|
53
56
|
attrs: any;
|
|
54
57
|
slots: {
|
|
55
58
|
loading?(_: {}): any;
|
|
56
59
|
empty?(_: {}): any;
|
|
57
60
|
};
|
|
58
|
-
emit: ((evt: "
|
|
61
|
+
emit: ((evt: "change", values: T[]) => void) & ((evt: "update:modelValue", value: T[]) => void);
|
|
59
62
|
}>) => VNode & {
|
|
60
63
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
61
64
|
};
|
|
@@ -82,64 +85,42 @@ export declare interface PickerOption<T> {
|
|
|
82
85
|
export declare type PickerSelectedValues<T = string | number> = Array<PickerOption<T>['value']>;
|
|
83
86
|
|
|
84
87
|
declare interface Props<T> {
|
|
85
|
-
show: boolean;
|
|
86
|
-
modelValue?: T[];
|
|
87
|
-
title?: string;
|
|
88
88
|
columns: PickerColumn<T> | PickerColumn<T>[];
|
|
89
|
-
linkage?: boolean;
|
|
90
89
|
loading?: boolean;
|
|
91
|
-
teleport?: string | Element;
|
|
92
|
-
confirmButtonText?: string;
|
|
93
|
-
cancelButtonText?: string;
|
|
94
90
|
columnsFieldNames?: PickerFields;
|
|
95
91
|
}
|
|
96
92
|
|
|
97
93
|
declare interface Props_2 {
|
|
98
|
-
show: boolean;
|
|
99
|
-
modelValue?: number[];
|
|
100
|
-
title?: string;
|
|
101
94
|
columnsType?: DatePickerColumnType[];
|
|
102
95
|
minDate?: Date;
|
|
103
96
|
maxDate?: Date;
|
|
104
|
-
teleport?: string | Element;
|
|
105
|
-
confirmButtonText?: string;
|
|
106
|
-
cancelButtonText?: string;
|
|
107
97
|
formatYearLabel?: PickerFormatLabel;
|
|
108
98
|
formatMonthLabel?: PickerFormatLabel;
|
|
109
99
|
formatDayLabel?: PickerFormatLabel;
|
|
110
100
|
}
|
|
111
101
|
|
|
112
102
|
declare interface Props_3 {
|
|
113
|
-
show: boolean;
|
|
114
|
-
modelValue?: number[];
|
|
115
|
-
title?: string;
|
|
116
103
|
columnsType?: TimePickerColumnType[];
|
|
117
104
|
minTime?: string;
|
|
118
105
|
maxTime?: string;
|
|
119
|
-
teleport?: string | Element;
|
|
120
|
-
confirmButtonText?: string;
|
|
121
|
-
cancelButtonText?: string;
|
|
122
106
|
formatHourLabel?: PickerFormatLabel;
|
|
123
107
|
formatMinuteLabel?: PickerFormatLabel;
|
|
124
108
|
formatSecondLabel?: PickerFormatLabel;
|
|
125
109
|
}
|
|
126
110
|
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
"
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
"onUpdate:
|
|
139
|
-
onConfirm?: ((values: number[]) => any) | undefined;
|
|
140
|
-
onCancel?: (() => any) | undefined;
|
|
111
|
+
declare function setDefaultValues(): void;
|
|
112
|
+
|
|
113
|
+
declare function setDefaultValues_2(): void;
|
|
114
|
+
|
|
115
|
+
export declare const TimePicker: DefineComponent<__VLS_PublicProps_2, {
|
|
116
|
+
setCurrentTime: typeof setDefaultValues_2;
|
|
117
|
+
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
118
|
+
change: (values: number[]) => any;
|
|
119
|
+
"update:modelValue": (value: number[]) => any;
|
|
120
|
+
}, string, PublicProps, Readonly<__VLS_PublicProps_2> & Readonly<{
|
|
121
|
+
onChange?: ((values: number[]) => any) | undefined;
|
|
122
|
+
"onUpdate:modelValue"?: ((value: number[]) => any) | undefined;
|
|
141
123
|
}>, {
|
|
142
|
-
title: string;
|
|
143
124
|
columnsType: TimePickerColumnType[];
|
|
144
125
|
formatHourLabel: PickerFormatLabel;
|
|
145
126
|
formatMinuteLabel: PickerFormatLabel;
|