@component-hook/picker 1.1.3 → 1.1.5-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/dist/react/picker.es.d.ts +4 -4
- package/dist/react/picker.es.js +1222 -1570
- package/dist/react/picker.umd.js +12 -20
- package/dist/vue/picker.es.js +0 -1
- package/dist/vue/picker.umd.js +2 -2
- package/package.json +4 -4
package/dist/react/picker.umd.js
CHANGED
|
@@ -1,50 +1,42 @@
|
|
|
1
|
-
(function(
|
|
2
|
-
/*$vite$:1*/`,document.head.appendChild(
|
|
1
|
+
(function(ee,O){typeof exports=="object"&&typeof module<"u"?O(exports,require("react"),require("react-dom")):typeof define=="function"&&define.amd?define(["exports","react","react-dom"],O):(ee=typeof globalThis<"u"?globalThis:ee||self,O(ee.picker={},ee.React,ee.ReactDOM))})(this,(function(ee,O,ce){"use strict";var Me=document.createElement("style");Me.textContent=`:root{--chook-picker-background: #fff;--chook-picker-border-radius: .5rem;--chook-picker-padding-bottom: 1.25rem;--chook-picker-z-index: 2147483646;--chook-picker-mask-background: rgba(0, 0, 0, .2);--chook-picker-header-padding: .75rem 0;--chook-picker-header-margin-bottom: 1.25rem;--chook-picker-title-font-size: 1rem;--chook-picker-title-font-weight: 500;--chook-picker-title-color: #323233;--chook-picker-title-padding: 0 1rem;--chook-picker-confirm-color: #1989fa;--chook-picker-confirm-font-size: .875rem;--chook-picker-confirm-padding: 0 1rem 0 0;--chook-picker-cancel-color: #969799;--chook-picker-cancel-font-size: .875rem;--chook-picker-cancel-padding: 0 0 0 1rem;--chook-picker-active-opacity: .6;--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-mask{position:fixed;inset:0;background:var(--chook-picker-mask-background);z-index:calc(var(--chook-picker-z-index) - 1)}.chook-picker-container{position:fixed;left:0;bottom:0;width:100vw;z-index:var(--chook-picker-z-index);-webkit-user-select:none;user-select:none;padding-bottom:var(--chook-picker-padding-bottom);background:var(--chook-picker-background);border-top-left-radius:var(--chook-picker-border-radius);border-top-right-radius:var(--chook-picker-border-radius)}.chook-picker-header{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;justify-content:space-between;padding:var(--chook-picker-header-padding);margin-bottom:var(--chook-picker-header-margin-bottom)}.chook-picker-title{grid-column:span 2;text-align:center;font-size:var(--chook-picker-title-font-size);font-weight:var(--chook-picker-title-font-weight);color:var(--chook-picker-title-color);padding:var(--chook-picker-title-padding);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin:0}.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}button.chook-picker-confirm{color:var(--chook-picker-confirm-color);font-size:var(--chook-picker-confirm-font-size);background-color:transparent;padding:var(--chook-picker-confirm-padding);text-align:right;border:none;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button.chook-picker-confirm:active{opacity:var(--chook-picker-active-opacity)}button.chook-picker-confirm:hover{color:var(--chook-picker-confirm-color);background-color:transparent}button.chook-picker-cancel{color:var(--chook-picker-cancel-color);font-size:var(--chook-picker-cancel-font-size);background-color:transparent;padding:var(--chook-picker-cancel-padding);text-align:left;border:none;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button.chook-picker-cancel:active{opacity:var(--chook-picker-active-opacity)}button.chook-picker-cancel:hover{color:var(--chook-picker-cancel-color);background-color:transparent}.chook-picker-fade-enter{opacity:0}.chook-picker-fade-enter-active{opacity:1;transition:all .3s ease}.chook-picker-fade-exit-active{opacity:0;transition:all .3s ease}.chook-picker-slide-enter{opacity:.5;transform:translate3d(0,100%,0)}.chook-picker-slide-enter-active{transition:all .3s ease;opacity:1;transform:translateZ(0)}.chook-picker-slide-exit-active{transition:all .3s ease;opacity:.5;transform:translate3d(0,100%,0)}
|
|
2
|
+
/*$vite$:1*/`,document.head.appendChild(Me);function dt(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var de={exports:{}},ue={};/**
|
|
3
3
|
* @license React
|
|
4
|
-
* react-jsx-runtime.production.
|
|
4
|
+
* react-jsx-runtime.production.js
|
|
5
5
|
*
|
|
6
|
-
* Copyright (c)
|
|
6
|
+
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
7
7
|
*
|
|
8
8
|
* This source code is licensed under the MIT license found in the
|
|
9
9
|
* LICENSE file in the root directory of this source tree.
|
|
10
|
-
*/var
|
|
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
11
|
* @license React
|
|
12
12
|
* react-jsx-runtime.development.js
|
|
13
13
|
*
|
|
14
|
-
* Copyright (c)
|
|
14
|
+
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
15
15
|
*
|
|
16
16
|
* This source code is licensed under the MIT license found in the
|
|
17
17
|
* LICENSE file in the root directory of this source tree.
|
|
18
|
-
*/var
|
|
19
|
-
`+P+e}}var V=!1,D;{var se=typeof WeakMap=="function"?WeakMap:Map;D=new se}function g(e,d){if(!e||V)return"";{var y=D.get(e);if(y!==void 0)return y}var C;V=!0;var B=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var K;K=R.current,R.current=null,x();try{if(d){var F=function(){throw Error()};if(Object.defineProperty(F.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(F,[])}catch(le){C=le}Reflect.construct(e,[],F)}else{try{F.call()}catch(le){C=le}e.call(F.prototype)}}else{try{throw Error()}catch(le){C=le}e()}}catch(le){if(le&&C&&typeof le.stack=="string"){for(var N=le.stack.split(`
|
|
20
|
-
`),ce=C.stack.split(`
|
|
21
|
-
`),ie=N.length-1,ae=ce.length-1;ie>=1&&ae>=0&&N[ie]!==ce[ae];)ae--;for(;ie>=1&&ae>=0;ie--,ae--)if(N[ie]!==ce[ae]){if(ie!==1||ae!==1)do if(ie--,ae--,ae<0||N[ie]!==ce[ae]){var pe=`
|
|
22
|
-
`+N[ie].replace(" at new "," at ");return e.displayName&&pe.includes("<anonymous>")&&(pe=pe.replace("<anonymous>",e.displayName)),typeof e=="function"&&D.set(e,pe),pe}while(ie>=1&&ae>=0);break}}}finally{V=!1,R.current=K,M(),Error.prepareStackTrace=B}var Se=e?e.displayName||e.name:"",Ee=Se?I(Se):"";return typeof e=="function"&&D.set(e,Ee),Ee}function de(e,d,y){return g(e,!1)}function Te(e){var d=e.prototype;return!!(d&&d.isReactComponent)}function ye(e,d,y){if(e==null)return"";if(typeof e=="function")return g(e,Te(e));if(typeof e=="string")return I(e);switch(e){case u:return I("Suspense");case p:return I("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case l:return de(e.render);case m:return ye(e.type,d,y);case E:{var C=e,B=C._payload,K=C._init;try{return ye(K(B),d,y)}catch{}}}return""}var Pe=Object.prototype.hasOwnProperty,Dr={},Nr=W.ReactDebugCurrentFrame;function Ye(e){if(e){var d=e._owner,y=ye(e.type,e._source,d?d.type:null);Nr.setExtraStackFrame(y)}else Nr.setExtraStackFrame(null)}function Lt(e,d,y,C,B){{var K=Function.call.bind(Pe);for(var F in e)if(K(e,F)){var N=void 0;try{if(typeof e[F]!="function"){var ce=Error((C||"React class")+": "+y+" type `"+F+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[F]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw ce.name="Invariant Violation",ce}N=e[F](d,F,C,y,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(ie){N=ie}N&&!(N instanceof Error)&&(Ye(B),H("%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).",C||"React class",y,F,typeof N),Ye(null)),N instanceof Error&&!(N.message in Dr)&&(Dr[N.message]=!0,Ye(B),H("Failed %s type: %s",y,N.message),Ye(null))}}}var Vt=Array.isArray;function Ze(e){return Vt(e)}function Ut(e){{var d=typeof Symbol=="function"&&Symbol.toStringTag,y=d&&e[Symbol.toStringTag]||e.constructor.name||"Object";return y}}function Wt(e){try{return Yr(e),!1}catch{return!0}}function Yr(e){return""+e}function $r(e){if(Wt(e))return H("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",Ut(e)),Yr(e)}var Fr=W.ReactCurrentOwner,qt={key:!0,ref:!0,__self:!0,__source:!0},Lr,Vr;function zt(e){if(Pe.call(e,"ref")){var d=Object.getOwnPropertyDescriptor(e,"ref").get;if(d&&d.isReactWarning)return!1}return e.ref!==void 0}function Xt(e){if(Pe.call(e,"key")){var d=Object.getOwnPropertyDescriptor(e,"key").get;if(d&&d.isReactWarning)return!1}return e.key!==void 0}function Ht(e,d){typeof e.ref=="string"&&Fr.current}function Bt(e,d){{var y=function(){Lr||(Lr=!0,H("%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)",d))};y.isReactWarning=!0,Object.defineProperty(e,"key",{get:y,configurable:!0})}}function Gt(e,d){{var y=function(){Vr||(Vr=!0,H("%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)",d))};y.isReactWarning=!0,Object.defineProperty(e,"ref",{get:y,configurable:!0})}}var Jt=function(e,d,y,C,B,K,F){var N={$$typeof:o,type:e,key:d,ref:y,props:F,_owner:K};return N._store={},Object.defineProperty(N._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(N,"_self",{configurable:!1,enumerable:!1,writable:!1,value:C}),Object.defineProperty(N,"_source",{configurable:!1,enumerable:!1,writable:!1,value:B}),Object.freeze&&(Object.freeze(N.props),Object.freeze(N)),N};function Kt(e,d,y,C,B){{var K,F={},N=null,ce=null;y!==void 0&&($r(y),N=""+y),Xt(d)&&($r(d.key),N=""+d.key),zt(d)&&(ce=d.ref,Ht(d,B));for(K in d)Pe.call(d,K)&&!qt.hasOwnProperty(K)&&(F[K]=d[K]);if(e&&e.defaultProps){var ie=e.defaultProps;for(K in ie)F[K]===void 0&&(F[K]=ie[K])}if(N||ce){var ae=typeof e=="function"?e.displayName||e.name||"Unknown":e;N&&Bt(F,ae),ce&&Gt(F,ae)}return Jt(e,N,ce,B,C,Fr.current,F)}}var Qe=W.ReactCurrentOwner,Ur=W.ReactDebugCurrentFrame;function Ce(e){if(e){var d=e._owner,y=ye(e.type,e._source,d?d.type:null);Ur.setExtraStackFrame(y)}else Ur.setExtraStackFrame(null)}var er;er=!1;function rr(e){return typeof e=="object"&&e!==null&&e.$$typeof===o}function Wr(){{if(Qe.current){var e=te(Qe.current.type);if(e)return`
|
|
23
|
-
|
|
24
|
-
Check the render method of \``+e+"`."}return""}}function Zt(e){return""}var qr={};function Qt(e){{var d=Wr();if(!d){var y=typeof e=="string"?e:e.displayName||e.name;y&&(d=`
|
|
25
|
-
|
|
26
|
-
Check the top-level render call using <`+y+">.")}return d}}function zr(e,d){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var y=Qt(d);if(qr[y])return;qr[y]=!0;var C="";e&&e._owner&&e._owner!==Qe.current&&(C=" It was passed a child from "+te(e._owner.type)+"."),Ce(e),H('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',y,C),Ce(null)}}function Xr(e,d){{if(typeof e!="object")return;if(Ze(e))for(var y=0;y<e.length;y++){var C=e[y];rr(C)&&zr(C,d)}else if(rr(e))e._store&&(e._store.validated=!0);else if(e){var B=U(e);if(typeof B=="function"&&B!==e.entries)for(var K=B.call(e),F;!(F=K.next()).done;)rr(F.value)&&zr(F.value,d)}}}function en(e){{var d=e.type;if(d==null||typeof d=="string")return;var y;if(typeof d=="function")y=d.propTypes;else if(typeof d=="object"&&(d.$$typeof===l||d.$$typeof===m))y=d.propTypes;else return;if(y){var C=te(d);Lt(y,e.props,"prop",C,e)}else if(d.PropTypes!==void 0&&!er){er=!0;var B=te(d);H("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",B||"Unknown")}typeof d.getDefaultProps=="function"&&!d.getDefaultProps.isReactClassApproved&&H("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function rn(e){{for(var d=Object.keys(e.props),y=0;y<d.length;y++){var C=d[y];if(C!=="children"&&C!=="key"){Ce(e),H("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",C),Ce(null);break}}e.ref!==null&&(Ce(e),H("Invalid attribute `ref` supplied to `React.Fragment`."),Ce(null))}}var Hr={};function Br(e,d,y,C,B,K){{var F=L(e);if(!F){var N="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(N+=" 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 ce=Zt();ce?N+=ce:N+=Wr();var ie;e===null?ie="null":Ze(e)?ie="array":e!==void 0&&e.$$typeof===o?(ie="<"+(te(e.type)||"Unknown")+" />",N=" Did you accidentally export a JSX literal instead of a component?"):ie=typeof e,H("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",ie,N)}var ae=Kt(e,d,y,B,K);if(ae==null)return ae;if(F){var pe=d.children;if(pe!==void 0)if(C)if(Ze(pe)){for(var Se=0;Se<pe.length;Se++)Xr(pe[Se],e);Object.freeze&&Object.freeze(pe)}else H("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 Xr(pe,e)}if(Pe.call(d,"key")){var Ee=te(e),le=Object.keys(d).filter(function(cn){return cn!=="key"}),tr=le.length>0?"{key: someKey, "+le.join(": ..., ")+": ...}":"{key: someKey}";if(!Hr[Ee+tr]){var sn=le.length>0?"{"+le.join(": ..., ")+": ...}":"{}";H(`A props object containing a "key" prop is being spread into JSX:
|
|
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:
|
|
27
19
|
let props = %s;
|
|
28
20
|
<%s {...props} />
|
|
29
21
|
React keys must be passed directly to JSX without using spread:
|
|
30
22
|
let props = %s;
|
|
31
|
-
<%s key={someKey} {...props} />`,
|
|
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
|
|
32
24
|
* react-is.production.min.js
|
|
33
25
|
*
|
|
34
26
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
35
27
|
*
|
|
36
28
|
* This source code is licensed under the MIT license found in the
|
|
37
29
|
* LICENSE file in the root directory of this source tree.
|
|
38
|
-
*/var
|
|
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
|
|
39
31
|
* react-is.development.js
|
|
40
32
|
*
|
|
41
33
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
42
34
|
*
|
|
43
35
|
* This source code is licensed under the MIT license found in the
|
|
44
36
|
* LICENSE file in the root directory of this source tree.
|
|
45
|
-
*/var
|
|
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}/*
|
|
46
38
|
object-assign
|
|
47
39
|
(c) Sindre Sorhus
|
|
48
40
|
@license MIT
|
|
49
|
-
*/var
|
|
50
|
-
Valid keys: `+JSON.stringify(Object.keys(f),null," "));var g=se(P,D,x,M,R+"."+D,c);if(g)return g}return null}return U(v)}function A(f){switch(typeof f){case"number":case"string":case"undefined":return!0;case"boolean":return!f;case"object":if(Array.isArray(f))return f.every(A);if(f===null||a(f))return!0;var v=m(f);if(v){var T=v.call(f),k;if(v!==f.entries){for(;!(k=T.next()).done;)if(!A(k.value))return!1}else for(;!(k=T.next()).done;){var x=k.value;if(x&&!A(x[1]))return!1}}else return!1;return!0;default:return!1}}function G(f,v){return f==="symbol"?!0:v?v["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&v instanceof Symbol:!1}function j(f){var v=typeof f;return Array.isArray(f)?"array":f instanceof RegExp?"object":G(v,f)?"symbol":v}function ne(f){if(typeof f>"u"||f===null)return""+f;var v=j(f);if(v==="object"){if(f instanceof Date)return"date";if(f instanceof RegExp)return"regexp"}return v}function J(f){var v=ne(f);switch(v){case"array":case"object":return"an "+v;case"boolean":case"date":case"regexp":return"a "+v;default:return v}}function oe(f){return!f.constructor||!f.constructor.name?E:f.constructor.name}return b.checkPropTypes=i,b.resetWarningCache=i.resetWarningCache,b.PropTypes=b,b},He}var Be,wr;function Rt(){if(wr)return Be;wr=1;var r=qe();function o(){}function c(){}return c.resetWarningCache=o,Be=function(){function t(s,a,l,u,p,m){if(m!==r){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}}t.isRequired=t;function i(){return t}var n={array:t,bigint:t,bool:t,func:t,number:t,object:t,string:t,symbol:t,any:t,arrayOf:i,element:t,elementType:t,instanceOf:i,node:t,objectOf:i,oneOf:i,oneOfType:i,shape:i,exact:i,checkPropTypes:c,resetWarningCache:o};return n.PropTypes=n,n},Be}var Pr;function wt(){if(Pr)return Ie.exports;if(Pr=1,process.env.NODE_ENV!=="production"){var r=xr(),o=!0;Ie.exports=Ot()(r.isElement,o)}else Ie.exports=Rt()();return Ie.exports}var Pt=wt();const S=Gr(Pt);function At(r,o){return r.classList?!!o&&r.classList.contains(o):(" "+(r.className.baseVal||r.className)+" ").indexOf(" "+o+" ")!==-1}function jt(r,o){r.classList?r.classList.add(o):At(r,o)||(typeof r.className=="string"?r.className=r.className+" "+o:r.setAttribute("class",(r.className&&r.className.baseVal||"")+" "+o))}function Ar(r,o){return r.replace(new RegExp("(^|\\s)"+o+"(?:\\s|$)","g"),"$1").replace(/\s+/g," ").replace(/^\s*|\s*$/g,"")}function Mt(r,o){r.classList?r.classList.remove(o):typeof r.className=="string"?r.className=Ar(r.className,o):r.setAttribute("class",Ar(r.className&&r.className.baseVal||"",o))}const jr={disabled:!1};var It=process.env.NODE_ENV!=="production"?S.oneOfType([S.number,S.shape({enter:S.number,exit:S.number,appear:S.number}).isRequired]):null,Dt=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 Mr=_.createContext(null);var Ir=function(o){return o.scrollTop},we="unmounted",me="exited",ge="entering",ke="entered",Ge="exiting",he=function(r){yr(o,r);function o(t,i){var n;n=r.call(this,t,i)||this;var s=i,a=s&&!s.isMounting?t.enter:t.appear,l;return n.appearStatus=null,t.in?a?(l=me,n.appearStatus=ge):l=ke:t.unmountOnExit||t.mountOnEnter?l=we:l=me,n.state={status:l},n.nextCallback=null,n}o.getDerivedStateFromProps=function(i,n){var s=i.in;return s&&n.status===we?{status:me}:null};var c=o.prototype;return c.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},c.componentDidUpdate=function(i){var n=null;if(i!==this.props){var s=this.state.status;this.props.in?s!==ge&&s!==ke&&(n=ge):(s===ge||s===ke)&&(n=Ge)}this.updateStatus(!1,n)},c.componentWillUnmount=function(){this.cancelNextCallback()},c.getTimeouts=function(){var i=this.props.timeout,n,s,a;return n=s=a=i,i!=null&&typeof i!="number"&&(n=i.exit,s=i.enter,a=i.appear!==void 0?i.appear:s),{exit:n,enter:s,appear:a}},c.updateStatus=function(i,n){if(i===void 0&&(i=!1),n!==null)if(this.cancelNextCallback(),n===ge){if(this.props.unmountOnExit||this.props.mountOnEnter){var s=this.props.nodeRef?this.props.nodeRef.current:_e.findDOMNode(this);s&&Ir(s)}this.performEnter(i)}else this.performExit();else this.props.unmountOnExit&&this.state.status===me&&this.setState({status:we})},c.performEnter=function(i){var n=this,s=this.props.enter,a=this.context?this.context.isMounting:i,l=this.props.nodeRef?[a]:[_e.findDOMNode(this),a],u=l[0],p=l[1],m=this.getTimeouts(),E=a?m.appear:m.enter;if(!i&&!s||jr.disabled){this.safeSetState({status:ke},function(){n.props.onEntered(u)});return}this.props.onEnter(u,p),this.safeSetState({status:ge},function(){n.props.onEntering(u,p),n.onTransitionEnd(E,function(){n.safeSetState({status:ke},function(){n.props.onEntered(u,p)})})})},c.performExit=function(){var i=this,n=this.props.exit,s=this.getTimeouts(),a=this.props.nodeRef?void 0:_e.findDOMNode(this);if(!n||jr.disabled){this.safeSetState({status:me},function(){i.props.onExited(a)});return}this.props.onExit(a),this.safeSetState({status:Ge},function(){i.props.onExiting(a),i.onTransitionEnd(s.exit,function(){i.safeSetState({status:me},function(){i.props.onExited(a)})})})},c.cancelNextCallback=function(){this.nextCallback!==null&&(this.nextCallback.cancel(),this.nextCallback=null)},c.safeSetState=function(i,n){n=this.setNextCallback(n),this.setState(i,n)},c.setNextCallback=function(i){var n=this,s=!0;return this.nextCallback=function(a){s&&(s=!1,n.nextCallback=null,i(a))},this.nextCallback.cancel=function(){s=!1},this.nextCallback},c.onTransitionEnd=function(i,n){this.setNextCallback(n);var s=this.props.nodeRef?this.props.nodeRef.current:_e.findDOMNode(this),a=i==null&&!this.props.addEndListener;if(!s||a){setTimeout(this.nextCallback,0);return}if(this.props.addEndListener){var l=this.props.nodeRef?[this.nextCallback]:[s,this.nextCallback],u=l[0],p=l[1];this.props.addEndListener(u,p)}i!=null&&setTimeout(this.nextCallback,i)},c.render=function(){var i=this.state.status;if(i===we)return null;var n=this.props,s=n.children;n.in,n.mountOnEnter,n.unmountOnExit,n.appear,n.enter,n.exit,n.timeout,n.addEndListener,n.onEnter,n.onEntering,n.onEntered,n.onExit,n.onExiting,n.onExited,n.nodeRef;var a=gr(n,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]);return _.createElement(Mr.Provider,{value:null},typeof s=="function"?s(i,a):_.cloneElement(_.Children.only(s),a))},o}(_.Component);he.contextType=Mr,he.propTypes=process.env.NODE_ENV!=="production"?{nodeRef:S.shape({current:typeof Element>"u"?S.any:function(r,o,c,t,i,n){var s=r[o];return S.instanceOf(s&&"ownerDocument"in s?s.ownerDocument.defaultView.Element:Element)(r,o,c,t,i,n)}}),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(o){var c=It;o.addEndListener||(c=c.isRequired);for(var t=arguments.length,i=new Array(t>1?t-1:0),n=1;n<t;n++)i[n-1]=arguments[n];return c.apply(void 0,[o].concat(i))},addEndListener:S.func,onEnter:S.func,onEntering:S.func,onEntered:S.func,onExit:S.func,onExiting:S.func,onExited:S.func}:{};function xe(){}he.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:xe,onEntering:xe,onEntered:xe,onExit:xe,onExiting:xe,onExited:xe},he.UNMOUNTED=we,he.EXITED=me,he.ENTERING=ge,he.ENTERED=ke,he.EXITING=Ge;var Nt=function(o,c){return o&&c&&c.split(" ").forEach(function(t){return jt(o,t)})},Je=function(o,c){return o&&c&&c.split(" ").forEach(function(t){return Mt(o,t)})},Ne=function(r){yr(o,r);function o(){for(var t,i=arguments.length,n=new Array(i),s=0;s<i;s++)n[s]=arguments[s];return t=r.call.apply(r,[this].concat(n))||this,t.appliedClasses={appear:{},enter:{},exit:{}},t.onEnter=function(a,l){var u=t.resolveArguments(a,l),p=u[0],m=u[1];t.removeClasses(p,"exit"),t.addClass(p,m?"appear":"enter","base"),t.props.onEnter&&t.props.onEnter(a,l)},t.onEntering=function(a,l){var u=t.resolveArguments(a,l),p=u[0],m=u[1],E=m?"appear":"enter";t.addClass(p,E,"active"),t.props.onEntering&&t.props.onEntering(a,l)},t.onEntered=function(a,l){var u=t.resolveArguments(a,l),p=u[0],m=u[1],E=m?"appear":"enter";t.removeClasses(p,E),t.addClass(p,E,"done"),t.props.onEntered&&t.props.onEntered(a,l)},t.onExit=function(a){var l=t.resolveArguments(a),u=l[0];t.removeClasses(u,"appear"),t.removeClasses(u,"enter"),t.addClass(u,"exit","base"),t.props.onExit&&t.props.onExit(a)},t.onExiting=function(a){var l=t.resolveArguments(a),u=l[0];t.addClass(u,"exit","active"),t.props.onExiting&&t.props.onExiting(a)},t.onExited=function(a){var l=t.resolveArguments(a),u=l[0];t.removeClasses(u,"exit"),t.addClass(u,"exit","done"),t.props.onExited&&t.props.onExited(a)},t.resolveArguments=function(a,l){return t.props.nodeRef?[t.props.nodeRef.current,a]:[a,l]},t.getClassNames=function(a){var l=t.props.classNames,u=typeof l=="string",p=u&&l?l+"-":"",m=u?""+p+a:l[a],E=u?m+"-active":l[a+"Active"],b=u?m+"-done":l[a+"Done"];return{baseClassName:m,activeClassName:E,doneClassName:b}},t}var c=o.prototype;return c.addClass=function(i,n,s){var a=this.getClassNames(n)[s+"ClassName"],l=this.getClassNames("enter"),u=l.doneClassName;n==="appear"&&s==="done"&&u&&(a+=" "+u),s==="active"&&i&&Ir(i),a&&(this.appliedClasses[n][s]=a,Nt(i,a))},c.removeClasses=function(i,n){var s=this.appliedClasses[n],a=s.base,l=s.active,u=s.done;this.appliedClasses[n]={},a&&Je(i,a),l&&Je(i,l),u&&Je(i,u)},c.render=function(){var i=this.props;i.classNames;var n=gr(i,["classNames"]);return _.createElement(he,Me({},n,{onEnter:this.onEnter,onEntered:this.onEntered,onEntering:this.onEntering,onExit:this.onExit,onExiting:this.onExiting,onExited:this.onExited}))},o}(_.Component);Ne.defaultProps={classNames:""},Ne.propTypes=process.env.NODE_ENV!=="production"?Me({},he.propTypes,{classNames:Dt,onEnter:S.func,onEntering:S.func,onEntered:S.func,onExit:S.func,onExiting:S.func,onExited:S.func}):{};function Yt({show:r,onClose:o,onOpen:c,onClosed:t,children:i,teleport:n=document.body}){const s=_.useRef(null),a=_.useRef(null);_.useEffect(()=>(r?(document.body.style.overflow="hidden",c?.()):document.body.style.overflow="",()=>{document.body.style.overflow=""}),[r]);function l(u){s.current&&(s.current.style.setProperty("display",u),u==="none"&&t?.())}return _e.createPortal(Z.jsxs(Z.Fragment,{children:[Z.jsx(Ne,{in:r,timeout:300,nodeRef:a,classNames:"chook-picker-fade",unmountOnExit:!0,children:Z.jsx("div",{ref:a,role:"presentation",className:"chook-picker-mask",onClick:o,onKeyDown:u=>{u.key==="Escape"&&o()}})}),Z.jsx(Ne,{in:r,timeout:300,nodeRef:s,classNames:"chook-picker-slide",onEnter:()=>l(""),onExited:()=>l("none"),children:Z.jsx("div",{ref:s,className:"chook-picker-container",style:{display:"none"},children:i})})]}),n)}function Ke({show:r,values:o,title:c,columns:t,linkage:i=!1,loading:n=!1,loadingSlot:s,emptySlot:a,teleport:l,confirmButtonText:u="Confirm",cancelButtonText:p="Cancel",columnsFieldNames:m,onConfirm:E,onClose:b,onChange:q,onCancel:O,onOpen:U,onClosed:W}){const[H,$]=_.useState([]),[w,h]=_.useState([]),[re,fe]=_.useState([]),ue=_.useRef(null),ee=rt(m),L=et(t,ee),Y=_.useMemo(()=>L==="single"?[t]:L==="multiple"?t:tt(t,w,ee),[t,L,w,ee]);_.useEffect(()=>{!o||o.every((oe,f)=>oe===w[f])||h(o)},[o]),_.useEffect(()=>{const J=Y.length,oe=[];let f=!1;for(let v=0;v<J;v++){const T=Y[v],k=w[v],x=sr(T,k,ee);if(x===-1){const R=(re[v]??0)>=T.length?Math.max(T.length-1,0):0;oe[v]=R}else oe[v]=x;oe[v]!==re[v]&&(ue.current?.scrollColumnToSelected(v,oe[v]),f=!0)}f&&fe(oe)},[w,Y,ee]);function Q(J,oe){const f=Y[J],v=f[oe]?.[ee.value],T=w[J];if(v===T)return;const k=[...w];if(k[J]=v,L==="cascade"){const x=f[oe],M=nt(x,J,k,ee);h(M),te(M)}else h(k),te(k)}function te(J){q?.(J),i&&$(J)}function A(){$(w),b(),E?.(w)}function G(){b(),O?.()}function j(){U?.()}function ne(){h(o?[...o]:[...H]),W?.()}return Z.jsxs(Yt,{show:r,teleport:l,onOpen:j,onClose:b,onClosed:ne,children:[Z.jsxs("div",{className:"chook-picker-header",children:[Z.jsx("button",{className:"chook-picker-cancel",onClick:G,children:p}),Z.jsx("p",{className:"chook-picker-title",children:c}),Z.jsx("button",{className:"chook-picker-confirm",onClick:A,children:u})]}),Z.jsx(mr,{ref:ue,loading:n,loadingSlot:s,columns:t,emptySlot:a,currentColumns:Y,fields:ee,selectedIndices:re,updateSelectedValueByIndex:Q})]})}function $t({show:r,values:o,title:c=ht,columnsType:t=mt,minDate:i=new Date(new Date().getFullYear()-10,0,1),maxDate:n=new Date(new Date().getFullYear()+10,11,31),teleport:s,confirmButtonText:a,cancelButtonText:l,formatYearLabel:u=$e,formatMonthLabel:p=$e,formatDayLabel:m=$e,onConfirm:E,onClose:b,onCancel:q,onOpen:O,onClosed:U}){const[W,H]=_.useState([]),[$,w]=_.useState([]),h=_.useMemo(()=>{const A={year:re,month:fe,day:ue};return t.map(G=>A[G]())},[t,i,n,$,u,p,m]);function re(){const A=i.getFullYear(),G=n.getFullYear();return be(A,G,u)}function fe(){const A=ee("year"),G=ur(A,i)?i.getMonth()+1:1,j=lr(A,n)?n.getMonth()+1:12;return be(G,j,p)}function ue(){const A=ee("year"),G=ee("month"),j=ur(A,i)&&it(G,i),ne=lr(A,n)&&at(G,n),J=j?i.getDate():1,oe=ne?n.getDate():st(A,G);return be(J,oe,m)}function ee(A){const G=t.indexOf(A),j=$[G];return j?Number(j):ct(i,n,A)}function L(A){H(A),b(),E?.(A)}function Y(){b(),q?.()}function Q(){O?.(),o&&o.length?w([...o]):w(t.map(ee))}function te(){w(o?[...o]:[...W]),U?.()}return Z.jsx(Ke,{values:$,show:r,title:c,columns:h,teleport:s,confirmButtonText:a,cancelButtonText:l,linkage:!0,onConfirm:L,onClose:b,onChange:w,onCancel:Y,onOpen:Q,onClosed:te})}function Ft({show:r,values:o,title:c=gt,columnsType:t=yt,minTime:i,maxTime:n,teleport:s,confirmButtonText:a,cancelButtonText:l,formatHourLabel:u=Fe,formatMinuteLabel:p=Fe,formatSecondLabel:m=Fe,onConfirm:E,onClose:b,onCancel:q,onOpen:O,onClosed:U}){const[W,H]=_.useState([]),[$,w]=_.useState([]),h=_.useMemo(()=>fr(i??"")??{hour:0,minute:0,second:0},[i]),re=_.useMemo(()=>fr(n??"")??{hour:23,minute:59,second:59},[n]),fe=_.useMemo(()=>{const j={hour:ue,minute:ee,second:L};return t.map(ne=>j[ne]())},[t,h,re,$,u,p,m]);function ue(){return be(h.hour,re.hour,u)}function ee(){const j=Y("hour"),{hour:ne,minute:J}=h,{hour:oe,minute:f}=re;return be(j===ne?J:0,j===oe?f:59,p)}function L(){const j=Y("hour"),ne=Y("minute"),{hour:J,minute:oe,second:f}=h,{hour:v,minute:T,second:k}=re;return be(j===J&&ne===oe?f:0,j===v&&ne===T?k:59,m)}function Y(j){const ne=t.indexOf(j),J=$[ne];return J!==void 0?Number(J):lt(h,re,j)}function Q(j){H(j),b(),E?.(j)}function te(){b(),q?.()}function A(){O?.(),o&&o.length?w([...o]):w(t.map(Y))}function G(){w(o?[...o]:[...W]),U?.()}return Z.jsx(Ke,{values:$,show:r,title:c,columns:fe,teleport:s,confirmButtonText:a,cancelButtonText:l,linkage:!0,onConfirm:Q,onClose:b,onChange:w,onCancel:te,onOpen:A,onClosed:G})}ve.DatePicker=$t,ve.Picker=Ke,ve.TimePicker=Ft,Object.defineProperty(ve,Symbol.toStringTag,{value:"Module"})});
|
|
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"})}));
|
package/dist/vue/picker.es.js
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import "./index.css";
|
|
2
1
|
import { ref as Y, readonly as Z, isRef as j, defineComponent as E, toRef as re, createElementBlock as P, openBlock as C, unref as T, createElementVNode as I, normalizeStyle as q, Fragment as R, renderList as ue, toDisplayString as A, watch as ce, createBlock as L, Teleport as me, createVNode as J, Transition as Q, withCtx as z, withDirectives as W, vShow as ee, renderSlot as _, computed as O, watchEffect as de, withModifiers as fe, nextTick as pe } from "vue";
|
|
3
2
|
const ve = Array.isArray;
|
|
4
3
|
function he(e, a) {
|
package/dist/vue/picker.umd.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
(function(C,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(C=typeof globalThis<"u"?globalThis:C||self,e(C.picker={},C.Vue))})(this,function(C,e){"use strict";var L=document.createElement("style");L.textContent=`:root{--chook-picker-background: #fff;--chook-picker-border-radius: .5rem;--chook-picker-padding-bottom: 1.25rem;--chook-picker-z-index: 2147483646;--chook-picker-mask-background: rgba(0, 0, 0, .2);--chook-picker-header-padding: .75rem 0;--chook-picker-header-margin-bottom: 1.25rem;--chook-picker-title-font-size: 1rem;--chook-picker-title-font-weight: 500;--chook-picker-title-color: #323233;--chook-picker-title-padding: 0 1rem;--chook-picker-confirm-color: #1989fa;--chook-picker-confirm-font-size: .875rem;--chook-picker-confirm-padding: 0 1rem 0 0;--chook-picker-cancel-color: #969799;--chook-picker-cancel-font-size: .875rem;--chook-picker-cancel-padding: 0 0 0 1rem;--chook-picker-active-opacity: .6;--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-mask{position:fixed;inset:0;background:var(--chook-picker-mask-background);z-index:calc(var(--chook-picker-z-index) - 1)}.chook-picker-container{position:fixed;left:0;bottom:0;width:100vw;z-index:var(--chook-picker-z-index);-webkit-user-select:none;user-select:none;padding-bottom:var(--chook-picker-padding-bottom);background:var(--chook-picker-background);border-top-left-radius:var(--chook-picker-border-radius);border-top-right-radius:var(--chook-picker-border-radius)}.chook-picker-header{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;justify-content:space-between;padding:var(--chook-picker-header-padding);margin-bottom:var(--chook-picker-header-margin-bottom)}.chook-picker-title{grid-column:span 2;text-align:center;font-size:var(--chook-picker-title-font-size);font-weight:var(--chook-picker-title-font-weight);color:var(--chook-picker-title-color);padding:var(--chook-picker-title-padding);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin:0}.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}button.chook-picker-confirm{color:var(--chook-picker-confirm-color);font-size:var(--chook-picker-confirm-font-size);background-color:transparent;padding:var(--chook-picker-confirm-padding);text-align:right;border:none;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button.chook-picker-confirm:active{opacity:var(--chook-picker-active-opacity)}button.chook-picker-confirm:hover{color:var(--chook-picker-confirm-color);background-color:transparent}button.chook-picker-cancel{color:var(--chook-picker-cancel-color);font-size:var(--chook-picker-cancel-font-size);background-color:transparent;padding:var(--chook-picker-cancel-padding);text-align:left;border:none;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button.chook-picker-cancel:active{opacity:var(--chook-picker-active-opacity)}button.chook-picker-cancel:hover{color:var(--chook-picker-cancel-color);background-color:transparent}.chook-picker-fade-enter-active,.chook-picker-fade-leave-active,.chook-picker-slide-enter-active,.chook-picker-slide-leave-active{transition:all .3s ease}.chook-picker-fade-enter-from,.chook-picker-fade-leave-to{opacity:0}.chook-picker-slide-enter-from,.chook-picker-slide-leave-to{opacity:.5;transform:translate3d(0,100%,0)}
|
|
2
|
-
/*$vite$:1*/`,document.head.appendChild(L);const j=Array.isArray;function q(o,a){if(A(o))return"multiple";const[n]=o;return n?.[a.children]?"cascade":"single"}function G(o){return{children:o?.children||"children",label:o?.label||"label",value:o?.value||"value"}}function K(o,a,n){if(A(o))return[];const l=[];let r=o,s=0;for(;r;){const p=a[s];let f=z(r,p,n);f===-1&&(f=0),l.push(r),s+=1,r=r[f]?.[n.children]}return l}function Z(o,a,n,l){const r=[...n];let s=o,p=a+1;for(;s?.[l.children];){const f=s[l.children][0];r[p]=f.value,s=f,p+=1}return r}function z(o,a,n){return o.findIndex(l=>l?.[n.value]===a)}function A(o){const[a]=o;return j(a)}function J(o,a){return o>a?"horizontal":a>o?"vertical":""}function B(o,a,n){const l=[];for(let r=o;r<=a;r++){const s=n(`${r}`);l.push({label:s,value:r})}return l}function $(o,a){return o===a.getFullYear()}function H(o,a){return o===a.getFullYear()}function Q(o,a){return o===a.getMonth()+1}function W(o,a){return o===a.getMonth()+1}function ee(o,a){return new Date(o,a,0).getDate()}function oe(o,a,n){const l=new Date,r=Date.now(),s=o.getTime(),p=a.getTime(),f=r>=s&&r<=p;return n==="year"?f?l.getFullYear():o.getFullYear():n==="month"?f?l.getMonth()+1:o.getMonth()+1:f?l.getDate():o.getDate()}function O(o){return o}function te(o){return/^(?:[01]\d|2[0-3]):[0-5]\d:[0-5]\d$/.test(o)}function U(o){if(!te(o))return null;const[a,n,l]=o.split(":");return{hour:Number(a),minute:Number(n),second:Number(l)}}function Y(o){return o.padStart(2,"0")}function ne(o,a,n){const l=Date.now(),{hour:r,minute:s,second:p}=o,{hour:f,minute:k,second:m}=a,w=new Date().setHours(r,s,p),b=new Date().setHours(f,k,m),V=l>=w&&l<=b;return n==="hour"?V?new Date().getHours():r:n==="minute"?V?new Date().getMinutes():s:V?new Date().getSeconds():p}const re=16,E=48,ce=.52,X=150,N=300,le=15,ie=.008,ae="Select Date",se=["year","month","day"],ue="Select Time",de=["hour","minute","second"];function me(){const o={startX:0,startY:0,deltaX:0,deltaY:0,offsetX:0,offsetY:0};let a="";const n=()=>a==="vertical",l=()=>a==="horizontal";function r(){o.deltaX=0,o.deltaY=0,o.offsetX=0,o.offsetY=0,a=""}function s(k){const m="touches"in k?k.touches[0]:k;r(),o.startX=m.clientX,o.startY=m.clientY}function p(k){if(!o.startX||!o.startY)return!0;const m="touches"in k?k.touches[0]:k;o.deltaX=Math.max(m.clientX,0)-o.startX,o.deltaY=m.clientY-o.startY,o.offsetX=Math.abs(o.deltaX),o.offsetY=Math.abs(o.deltaY);const w=10;(!a||o.offsetX<w&&o.offsetY<w)&&(a=J(o.offsetX,o.offsetY))}function f(){o.startX=0,o.startY=0}return{pointer:o,move:p,start:s,stop:f,reset:r,isVertical:n,isHorizontal:l}}function pe({column:o,onChange:a}){const l=Number.parseFloat(getComputedStyle(document.documentElement).fontSize)/re,r=e.ref(0),s=e.ref(0),{pointer:p,start:f,move:k,stop:m}=me();let w=0,b=0,V=0,y=!1,v=null;function x(h){f(h),y=!0,s.value=0,b=Date.now(),w=r.value,V=w,v=null}function i(h){if(k(h))return;const D=e.isRef(o)?o.value.length:o.length,I=w+p.deltaY,F=M((D-1)*-E),R=Math.min(Math.max(I,F),0),_=Date.now();r.value=R,!(_-b<=N)&&(b=_,V=R)}function u(){m();const h=r.value-V,T=Date.now()-b;if(T<N&&Math.abs(h)>le){t(h,T);return}const D=g(r.value);s.value=X,d(D),y=!1}function t(h,T){const D=Math.abs(h/T),I=r.value+D/ie*(h<0?-1:1),F=g(I);s.value=N,d(F)}function c(){s.value=0,y=!1,v&&(v(),v=null)}function d(h){const T=-h*M(E),D=()=>a?.(h);y&&T!==r.value?v=D:D(),r.value=T}function g(h){const T=e.isRef(o)?o.value.length:o.length,D=Math.round(-h/M(E));return D<0?0:D>=T?T-1:D}function M(h){return h*l}function S(h,T="auto"){y&&T==="smooth"||(v=null,y=T==="smooth",s.value=T==="smooth"?X:0,d(h))}return{offsetY:e.readonly(r),transitionDuration:e.readonly(s),onPointerDown:x,onPointerMove:i,onPointerUp:u,stopInertialSliding:c,scrollToIndex:S}}const fe=["onClick"],ke=e.defineComponent({__name:"PickerColumn",props:{column:{},fields:{},selectedIndex:{default:0}},emits:["change"],setup(o,{expose:a,emit:n}){const l=o,r=n,{offsetY:s,transitionDuration:p,onPointerDown:f,onPointerMove:k,onPointerUp:m,stopInertialSliding:w,scrollToIndex:b}=pe({column:e.toRef(l,"column"),onChange:V});function V(x){x!==l.selectedIndex&&r("change",x)}function y(x=l.selectedIndex,i){b(x,i)}function v(x){x!==l.selectedIndex&&y(x,"smooth")}return a({scrollToSelected:y}),(x,i)=>(e.openBlock(),e.createElementBlock("div",{class:"chook-picker-column",onTouchstartPassive:i[1]||(i[1]=(...u)=>e.unref(f)&&e.unref(f)(...u)),onTouchmovePassive:i[2]||(i[2]=(...u)=>e.unref(k)&&e.unref(k)(...u)),onTouchendPassive:i[3]||(i[3]=(...u)=>e.unref(m)&&e.unref(m)(...u)),onTouchcancel:i[4]||(i[4]=(...u)=>e.unref(m)&&e.unref(m)(...u)),onMousedownPassive:i[5]||(i[5]=(...u)=>e.unref(f)&&e.unref(f)(...u)),onMousemovePassive:i[6]||(i[6]=(...u)=>e.unref(k)&&e.unref(k)(...u)),onMouseupPassive:i[7]||(i[7]=(...u)=>e.unref(m)&&e.unref(m)(...u))},[e.createElementVNode("ul",{style:e.normalizeStyle({overflowY:"hidden",transform:`translate3d(0, ${e.unref(s)}px, 0)`,transitionDuration:`${e.unref(p)}ms`,transitionProperty:e.unref(p)?"all":"none"}),onTransitionend:i[0]||(i[0]=(...u)=>e.unref(w)&&e.unref(w)(...u))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(x.column,(u,t)=>(e.openBlock(),e.createElementBlock("li",{key:u?.[x.fields.value],class:"chook-picker-column-item",role:"button",tabindex:"0",onClick:c=>v(t)},[e.createElementVNode("p",{class:"chook-picker-column-label",style:e.normalizeStyle({transform:`rotate3d(1, 0, 0, ${(t*e.unref(E)+e.unref(s))*e.unref(ce)}deg)`})},e.toDisplayString(u?.[x.fields.label]),5)],8,fe))),128))],36)],32))}}),he={class:"chook-picker-container"},ge=e.defineComponent({__name:"Popup",props:{teleport:{default:"body"},modelValue:{type:Boolean}},emits:["update:modelValue","open","close","closed"],setup(o,{emit:a}){const n=o,l=a;return e.watch(()=>n.modelValue,r=>{r?(document.body.style.overflow="hidden",l("open")):(document.body.style.overflow="",l("close"))},{immediate:!0}),(r,s)=>(e.openBlock(),e.createBlock(e.Teleport,{to:r.teleport},[e.createVNode(e.Transition,{name:"chook-picker-fade"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:"chook-picker-mask",onClick:s[0]||(s[0]=p=>r.$emit("update:modelValue",!1))},null,512),[[e.vShow,r.modelValue]])]),_:1}),e.createVNode(e.Transition,{name:"chook-picker-slide",onAfterLeave:s[1]||(s[1]=p=>r.$emit("closed"))},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",he,[e.renderSlot(r.$slots,"default")],512),[[e.vShow,r.modelValue]])]),_:3})],8,["to"]))}}),be={class:"chook-picker-header"},Te={class:"chook-picker-title"},we={class:"chook-picker-loading"},ye={key:1,class:"chook-picker-columns"},P=e.defineComponent({__name:"Picker",props:{show:{type:Boolean},modelValue:{},title:{},columns:{},linkage:{type:Boolean},loading:{type:Boolean},teleport:{},confirmButtonText:{default:"Confirm"},cancelButtonText:{default:"Cancel"},columnsFieldNames:{}},emits:["update:show","update:modelValue","confirm","cancel","open","closed"],setup(o,{emit:a}){const n=o,l=a,r=e.ref([]),s=e.ref([]),p=e.ref([]),f=e.ref(null),k=e.computed({get:()=>n.show,set:t=>l("update:show",t)}),m=e.computed(()=>G(n.columnsFieldNames)),w=e.computed(()=>q(n.columns,m.value)),b=e.computed(()=>{const{columns:t}=n;return w.value==="single"?[t]:w.value==="multiple"?t:K(t,s.value,m.value)});function V(t,c){const d=b.value[t],g=d[c]?.[m.value.value],M=s.value[t];if(g===M)return;const S=[...s.value];if(S[t]=g,w.value==="cascade"){const h=d[c];s.value=Z(h,t,S,m.value)}else s.value=S;n.linkage&&y()}function y(){l("update:modelValue",s.value),r.value=s.value}function v(){l("update:show",!1)}async function x(){l("open"),await e.nextTick(),s.value=n.modelValue?[...n.modelValue]:[...r.value]}function i(){n.linkage||y(),v(),l("confirm",s.value)}function u(){v(),l("cancel")}return e.watchEffect(()=>{const t=b.value.length,c=[];for(let d=0;d<t;d++){const g=b.value[d],M=s.value[d],S=z(g,M,m.value);if(S===-1){const T=(p.value[d]??0)>=g.length?Math.max(g.length-1,0):0;s.value[d]=g[T]?.[m.value.value],c[d]=T}else c[d]=S;c[d]!==p.value[d]&&f.value?.[d].scrollToSelected(c[d])}p.value=c}),(t,c)=>(e.openBlock(),e.createBlock(ge,{modelValue:k.value,"onUpdate:modelValue":c[1]||(c[1]=d=>k.value=d),teleport:t.teleport,onOpen:x,onClosed:c[2]||(c[2]=d=>t.$emit("closed"))},{default:e.withCtx(()=>[e.createElementVNode("div",be,[e.createElementVNode("button",{class:"chook-picker-cancel",onClick:u},e.toDisplayString(t.cancelButtonText),1),e.createElementVNode("p",Te,e.toDisplayString(t.title),1),e.createElementVNode("button",{class:"chook-picker-confirm",onClick:i},e.toDisplayString(t.confirmButtonText),1)]),t.loading?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",we,[e.renderSlot(t.$slots,"loading")]),c[3]||(c[3]=e.createElementVNode("div",{class:"chook-picker-columns"},null,-1))],64)):t.columns.length?(e.openBlock(),e.createElementBlock("div",{key:2,class:"chook-picker-columns chook-picker-columns-backdrop",onTouchmove:c[0]||(c[0]=e.withModifiers(()=>{},["stop"]))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.value,(d,g)=>(e.openBlock(),e.createBlock(ke,{key:g,ref_for:!0,ref_key:"columnsRef",ref:f,column:d,fields:m.value,"selected-index":p.value[g],onChange:M=>V(g,M)},null,8,["column","fields","selected-index","onChange"]))),128)),c[4]||(c[4]=e.createElementVNode("div",{class:"chook-picker-mask-backdrop"},null,-1))],32)):(e.openBlock(),e.createElementBlock("div",ye,[e.renderSlot(t.$slots,"empty")]))]),_:3},8,["modelValue","teleport"]))}}),xe=e.defineComponent({__name:"DatePicker",props:{show:{type:Boolean},modelValue:{},title:{default:ae},columnsType:{default:()=>se},minDate:{default:()=>new Date(new Date().getFullYear()-10,0,1)},maxDate:{default:()=>new Date(new Date().getFullYear()+10,11,31)},teleport:{},confirmButtonText:{},cancelButtonText:{},formatYearLabel:{type:Function,default:O},formatMonthLabel:{type:Function,default:O},formatDayLabel:{type:Function,default:O}},emits:["update:show","update:modelValue","confirm","cancel","open","closed"],setup(o,{emit:a}){const n=o,l=a,r=e.ref([]),s=e.ref([]),p=e.computed({get:()=>n.show,set:i=>l("update:show",i)}),f=e.computed(()=>{const{columnsType:i,minDate:u,maxDate:t}=n,c={year:k,month:m,day:w};return i.map(d=>c[d](u,t))});function k(i,u){const t=i.getFullYear(),c=u.getFullYear();return B(t,c,n.formatYearLabel)}function m(i,u){const t=b("year"),c=$(t,i)?i.getMonth()+1:1,d=H(t,u)?u.getMonth()+1:12;return B(c,d,n.formatMonthLabel)}function w(i,u){const t=b("year"),c=b("month"),d=$(t,i)&&Q(c,i),g=H(t,u)&&W(c,u),M=d?i.getDate():1,S=g?u.getDate():ee(t,c);return B(M,S,n.formatDayLabel)}function b(i){const{columnsType:u}=n,t=u.indexOf(i),c=r.value[t];return c?Number(c):oe(n.minDate,n.maxDate,i)}function V(i){l("update:modelValue",i),s.value=i,l("confirm",i)}function y(){l("cancel")}function v(){if(l("open"),n.modelValue&&n.modelValue.length){r.value=[...n.modelValue];return}const{columnsType:i}=n;r.value=i.map(u=>b(u))}function x(){r.value=n.modelValue?[...n.modelValue]:[...s.value],l("closed")}return(i,u)=>(e.openBlock(),e.createBlock(P,{modelValue:r.value,"onUpdate:modelValue":u[0]||(u[0]=t=>r.value=t),show:p.value,"onUpdate:show":u[1]||(u[1]=t=>p.value=t),title:i.title,columns:f.value,teleport:i.teleport,"confirm-button-text":i.confirmButtonText,"cancel-button-text":i.cancelButtonText,linkage:"",onConfirm:V,onCancel:y,onOpen:v,onClosed:x},null,8,["modelValue","show","title","columns","teleport","confirm-button-text","cancel-button-text"]))}}),Ve=e.defineComponent({__name:"TimePicker",props:{show:{type:Boolean},modelValue:{},title:{default:ue},columnsType:{default:()=>de},minTime:{},maxTime:{},teleport:{},confirmButtonText:{},cancelButtonText:{},formatHourLabel:{type:Function,default:Y},formatMinuteLabel:{type:Function,default:Y},formatSecondLabel:{type:Function,default:Y}},emits:["update:show","update:modelValue","confirm","cancel","open","closed"],setup(o,{emit:a}){const n=o,l=a,r=e.ref([]),s=e.ref([]),p=e.computed({get:()=>n.show,set:t=>l("update:show",t)}),f=e.computed(()=>{const{columnsType:t}=n,c={hour:w,minute:b,second:V};return t.map(d=>c[d]())}),k=e.computed(()=>U(n.minTime??"")??{hour:0,minute:0,second:0}),m=e.computed(()=>U(n.maxTime??"")??{hour:23,minute:59,second:59});function w(){const t=k.value.hour,c=m.value.hour;return B(t,c,n.formatHourLabel)}function b(){const t=y("hour"),{hour:c,minute:d}=k.value,{hour:g,minute:M}=m.value;return B(t===c?d:0,t===g?M:59,n.formatMinuteLabel)}function V(){const t=y("hour"),c=y("minute"),{hour:d,minute:g,second:M}=k.value,{hour:S,minute:h,second:T}=m.value;return B(t===d&&c===g?M:0,t===S&&c===h?T:59,n.formatSecondLabel)}function y(t){const{columnsType:c}=n,d=c.indexOf(t),g=r.value[d];return g!==void 0?Number(g):ne(k.value,m.value,t)}function v(t){l("update:modelValue",t),s.value=t,l("confirm",t)}function x(){l("cancel")}function i(){if(l("open"),n.modelValue&&n.modelValue.length){r.value=[...n.modelValue];return}const{columnsType:t}=n;r.value=t.map(c=>y(c))}function u(){r.value=n.modelValue?[...n.modelValue]:[...s.value],l("closed")}return(t,c)=>(e.openBlock(),e.createBlock(P,{modelValue:r.value,"onUpdate:modelValue":c[0]||(c[0]=d=>r.value=d),show:p.value,"onUpdate:show":c[1]||(c[1]=d=>p.value=d),title:t.title,columns:f.value,teleport:t.teleport,"confirm-button-text":t.confirmButtonText,"cancel-button-text":t.cancelButtonText,linkage:"",onConfirm:v,onCancel:x,onOpen:i,onClosed:u},null,8,["modelValue","show","title","columns","teleport","confirm-button-text","cancel-button-text"]))}});C.DatePicker=xe,C.Picker=P,C.TimePicker=Ve,Object.defineProperty(C,Symbol.toStringTag,{value:"Module"})});
|
|
1
|
+
(function(C,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(C=typeof globalThis<"u"?globalThis:C||self,e(C.picker={},C.Vue))})(this,(function(C,e){"use strict";var L=document.createElement("style");L.textContent=`:root{--chook-picker-background: #fff;--chook-picker-border-radius: .5rem;--chook-picker-padding-bottom: 1.25rem;--chook-picker-z-index: 2147483646;--chook-picker-mask-background: rgba(0, 0, 0, .2);--chook-picker-header-padding: .75rem 0;--chook-picker-header-margin-bottom: 1.25rem;--chook-picker-title-font-size: 1rem;--chook-picker-title-font-weight: 500;--chook-picker-title-color: #323233;--chook-picker-title-padding: 0 1rem;--chook-picker-confirm-color: #1989fa;--chook-picker-confirm-font-size: .875rem;--chook-picker-confirm-padding: 0 1rem 0 0;--chook-picker-cancel-color: #969799;--chook-picker-cancel-font-size: .875rem;--chook-picker-cancel-padding: 0 0 0 1rem;--chook-picker-active-opacity: .6;--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-mask{position:fixed;inset:0;background:var(--chook-picker-mask-background);z-index:calc(var(--chook-picker-z-index) - 1)}.chook-picker-container{position:fixed;left:0;bottom:0;width:100vw;z-index:var(--chook-picker-z-index);-webkit-user-select:none;user-select:none;padding-bottom:var(--chook-picker-padding-bottom);background:var(--chook-picker-background);border-top-left-radius:var(--chook-picker-border-radius);border-top-right-radius:var(--chook-picker-border-radius)}.chook-picker-header{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;justify-content:space-between;padding:var(--chook-picker-header-padding);margin-bottom:var(--chook-picker-header-margin-bottom)}.chook-picker-title{grid-column:span 2;text-align:center;font-size:var(--chook-picker-title-font-size);font-weight:var(--chook-picker-title-font-weight);color:var(--chook-picker-title-color);padding:var(--chook-picker-title-padding);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin:0}.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}button.chook-picker-confirm{color:var(--chook-picker-confirm-color);font-size:var(--chook-picker-confirm-font-size);background-color:transparent;padding:var(--chook-picker-confirm-padding);text-align:right;border:none;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button.chook-picker-confirm:active{opacity:var(--chook-picker-active-opacity)}button.chook-picker-confirm:hover{color:var(--chook-picker-confirm-color);background-color:transparent}button.chook-picker-cancel{color:var(--chook-picker-cancel-color);font-size:var(--chook-picker-cancel-font-size);background-color:transparent;padding:var(--chook-picker-cancel-padding);text-align:left;border:none;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}button.chook-picker-cancel:active{opacity:var(--chook-picker-active-opacity)}button.chook-picker-cancel:hover{color:var(--chook-picker-cancel-color);background-color:transparent}.chook-picker-fade-enter-active,.chook-picker-fade-leave-active,.chook-picker-slide-enter-active,.chook-picker-slide-leave-active{transition:all .3s ease}.chook-picker-fade-enter-from,.chook-picker-fade-leave-to{opacity:0}.chook-picker-slide-enter-from,.chook-picker-slide-leave-to{opacity:.5;transform:translate3d(0,100%,0)}
|
|
2
|
+
/*$vite$:1*/`,document.head.appendChild(L);const j=Array.isArray;function q(o,a){if(A(o))return"multiple";const[n]=o;return n?.[a.children]?"cascade":"single"}function G(o){return{children:o?.children||"children",label:o?.label||"label",value:o?.value||"value"}}function K(o,a,n){if(A(o))return[];const l=[];let r=o,s=0;for(;r;){const p=a[s];let f=z(r,p,n);f===-1&&(f=0),l.push(r),s+=1,r=r[f]?.[n.children]}return l}function Z(o,a,n,l){const r=[...n];let s=o,p=a+1;for(;s?.[l.children];){const f=s[l.children][0];r[p]=f.value,s=f,p+=1}return r}function z(o,a,n){return o.findIndex(l=>l?.[n.value]===a)}function A(o){const[a]=o;return j(a)}function J(o,a){return o>a?"horizontal":a>o?"vertical":""}function B(o,a,n){const l=[];for(let r=o;r<=a;r++){const s=n(`${r}`);l.push({label:s,value:r})}return l}function $(o,a){return o===a.getFullYear()}function H(o,a){return o===a.getFullYear()}function Q(o,a){return o===a.getMonth()+1}function W(o,a){return o===a.getMonth()+1}function ee(o,a){return new Date(o,a,0).getDate()}function oe(o,a,n){const l=new Date,r=Date.now(),s=o.getTime(),p=a.getTime(),f=r>=s&&r<=p;return n==="year"?f?l.getFullYear():o.getFullYear():n==="month"?f?l.getMonth()+1:o.getMonth()+1:f?l.getDate():o.getDate()}function O(o){return o}function te(o){return/^(?:[01]\d|2[0-3]):[0-5]\d:[0-5]\d$/.test(o)}function U(o){if(!te(o))return null;const[a,n,l]=o.split(":");return{hour:Number(a),minute:Number(n),second:Number(l)}}function Y(o){return o.padStart(2,"0")}function ne(o,a,n){const l=Date.now(),{hour:r,minute:s,second:p}=o,{hour:f,minute:k,second:m}=a,w=new Date().setHours(r,s,p),b=new Date().setHours(f,k,m),V=l>=w&&l<=b;return n==="hour"?V?new Date().getHours():r:n==="minute"?V?new Date().getMinutes():s:V?new Date().getSeconds():p}const re=16,E=48,ce=.52,X=150,N=300,le=15,ie=.008,ae="Select Date",se=["year","month","day"],ue="Select Time",de=["hour","minute","second"];function me(){const o={startX:0,startY:0,deltaX:0,deltaY:0,offsetX:0,offsetY:0};let a="";const n=()=>a==="vertical",l=()=>a==="horizontal";function r(){o.deltaX=0,o.deltaY=0,o.offsetX=0,o.offsetY=0,a=""}function s(k){const m="touches"in k?k.touches[0]:k;r(),o.startX=m.clientX,o.startY=m.clientY}function p(k){if(!o.startX||!o.startY)return!0;const m="touches"in k?k.touches[0]:k;o.deltaX=Math.max(m.clientX,0)-o.startX,o.deltaY=m.clientY-o.startY,o.offsetX=Math.abs(o.deltaX),o.offsetY=Math.abs(o.deltaY);const w=10;(!a||o.offsetX<w&&o.offsetY<w)&&(a=J(o.offsetX,o.offsetY))}function f(){o.startX=0,o.startY=0}return{pointer:o,move:p,start:s,stop:f,reset:r,isVertical:n,isHorizontal:l}}function pe({column:o,onChange:a}){const l=Number.parseFloat(getComputedStyle(document.documentElement).fontSize)/re,r=e.ref(0),s=e.ref(0),{pointer:p,start:f,move:k,stop:m}=me();let w=0,b=0,V=0,y=!1,v=null;function x(h){f(h),y=!0,s.value=0,b=Date.now(),w=r.value,V=w,v=null}function i(h){if(k(h))return;const D=e.isRef(o)?o.value.length:o.length,I=w+p.deltaY,F=M((D-1)*-E),R=Math.min(Math.max(I,F),0),_=Date.now();r.value=R,!(_-b<=N)&&(b=_,V=R)}function u(){m();const h=r.value-V,T=Date.now()-b;if(T<N&&Math.abs(h)>le){t(h,T);return}const D=g(r.value);s.value=X,d(D),y=!1}function t(h,T){const D=Math.abs(h/T),I=r.value+D/ie*(h<0?-1:1),F=g(I);s.value=N,d(F)}function c(){s.value=0,y=!1,v&&(v(),v=null)}function d(h){const T=-h*M(E),D=()=>a?.(h);y&&T!==r.value?v=D:D(),r.value=T}function g(h){const T=e.isRef(o)?o.value.length:o.length,D=Math.round(-h/M(E));return D<0?0:D>=T?T-1:D}function M(h){return h*l}function S(h,T="auto"){y&&T==="smooth"||(v=null,y=T==="smooth",s.value=T==="smooth"?X:0,d(h))}return{offsetY:e.readonly(r),transitionDuration:e.readonly(s),onPointerDown:x,onPointerMove:i,onPointerUp:u,stopInertialSliding:c,scrollToIndex:S}}const fe=["onClick"],ke=e.defineComponent({__name:"PickerColumn",props:{column:{},fields:{},selectedIndex:{default:0}},emits:["change"],setup(o,{expose:a,emit:n}){const l=o,r=n,{offsetY:s,transitionDuration:p,onPointerDown:f,onPointerMove:k,onPointerUp:m,stopInertialSliding:w,scrollToIndex:b}=pe({column:e.toRef(l,"column"),onChange:V});function V(x){x!==l.selectedIndex&&r("change",x)}function y(x=l.selectedIndex,i){b(x,i)}function v(x){x!==l.selectedIndex&&y(x,"smooth")}return a({scrollToSelected:y}),(x,i)=>(e.openBlock(),e.createElementBlock("div",{class:"chook-picker-column",onTouchstartPassive:i[1]||(i[1]=(...u)=>e.unref(f)&&e.unref(f)(...u)),onTouchmovePassive:i[2]||(i[2]=(...u)=>e.unref(k)&&e.unref(k)(...u)),onTouchendPassive:i[3]||(i[3]=(...u)=>e.unref(m)&&e.unref(m)(...u)),onTouchcancel:i[4]||(i[4]=(...u)=>e.unref(m)&&e.unref(m)(...u)),onMousedownPassive:i[5]||(i[5]=(...u)=>e.unref(f)&&e.unref(f)(...u)),onMousemovePassive:i[6]||(i[6]=(...u)=>e.unref(k)&&e.unref(k)(...u)),onMouseupPassive:i[7]||(i[7]=(...u)=>e.unref(m)&&e.unref(m)(...u))},[e.createElementVNode("ul",{style:e.normalizeStyle({overflowY:"hidden",transform:`translate3d(0, ${e.unref(s)}px, 0)`,transitionDuration:`${e.unref(p)}ms`,transitionProperty:e.unref(p)?"all":"none"}),onTransitionend:i[0]||(i[0]=(...u)=>e.unref(w)&&e.unref(w)(...u))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(x.column,(u,t)=>(e.openBlock(),e.createElementBlock("li",{key:u?.[x.fields.value],class:"chook-picker-column-item",role:"button",tabindex:"0",onClick:c=>v(t)},[e.createElementVNode("p",{class:"chook-picker-column-label",style:e.normalizeStyle({transform:`rotate3d(1, 0, 0, ${(t*e.unref(E)+e.unref(s))*e.unref(ce)}deg)`})},e.toDisplayString(u?.[x.fields.label]),5)],8,fe))),128))],36)],32))}}),he={class:"chook-picker-container"},ge=e.defineComponent({__name:"Popup",props:{teleport:{default:"body"},modelValue:{type:Boolean}},emits:["update:modelValue","open","close","closed"],setup(o,{emit:a}){const n=o,l=a;return e.watch(()=>n.modelValue,r=>{r?(document.body.style.overflow="hidden",l("open")):(document.body.style.overflow="",l("close"))},{immediate:!0}),(r,s)=>(e.openBlock(),e.createBlock(e.Teleport,{to:r.teleport},[e.createVNode(e.Transition,{name:"chook-picker-fade"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:"chook-picker-mask",onClick:s[0]||(s[0]=p=>r.$emit("update:modelValue",!1))},null,512),[[e.vShow,r.modelValue]])]),_:1}),e.createVNode(e.Transition,{name:"chook-picker-slide",onAfterLeave:s[1]||(s[1]=p=>r.$emit("closed"))},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",he,[e.renderSlot(r.$slots,"default")],512),[[e.vShow,r.modelValue]])]),_:3})],8,["to"]))}}),be={class:"chook-picker-header"},Te={class:"chook-picker-title"},we={class:"chook-picker-loading"},ye={key:1,class:"chook-picker-columns"},P=e.defineComponent({__name:"Picker",props:{show:{type:Boolean},modelValue:{},title:{},columns:{},linkage:{type:Boolean},loading:{type:Boolean},teleport:{},confirmButtonText:{default:"Confirm"},cancelButtonText:{default:"Cancel"},columnsFieldNames:{}},emits:["update:show","update:modelValue","confirm","cancel","open","closed"],setup(o,{emit:a}){const n=o,l=a,r=e.ref([]),s=e.ref([]),p=e.ref([]),f=e.ref(null),k=e.computed({get:()=>n.show,set:t=>l("update:show",t)}),m=e.computed(()=>G(n.columnsFieldNames)),w=e.computed(()=>q(n.columns,m.value)),b=e.computed(()=>{const{columns:t}=n;return w.value==="single"?[t]:w.value==="multiple"?t:K(t,s.value,m.value)});function V(t,c){const d=b.value[t],g=d[c]?.[m.value.value],M=s.value[t];if(g===M)return;const S=[...s.value];if(S[t]=g,w.value==="cascade"){const h=d[c];s.value=Z(h,t,S,m.value)}else s.value=S;n.linkage&&y()}function y(){l("update:modelValue",s.value),r.value=s.value}function v(){l("update:show",!1)}async function x(){l("open"),await e.nextTick(),s.value=n.modelValue?[...n.modelValue]:[...r.value]}function i(){n.linkage||y(),v(),l("confirm",s.value)}function u(){v(),l("cancel")}return e.watchEffect(()=>{const t=b.value.length,c=[];for(let d=0;d<t;d++){const g=b.value[d],M=s.value[d],S=z(g,M,m.value);if(S===-1){const T=(p.value[d]??0)>=g.length?Math.max(g.length-1,0):0;s.value[d]=g[T]?.[m.value.value],c[d]=T}else c[d]=S;c[d]!==p.value[d]&&f.value?.[d].scrollToSelected(c[d])}p.value=c}),(t,c)=>(e.openBlock(),e.createBlock(ge,{modelValue:k.value,"onUpdate:modelValue":c[1]||(c[1]=d=>k.value=d),teleport:t.teleport,onOpen:x,onClosed:c[2]||(c[2]=d=>t.$emit("closed"))},{default:e.withCtx(()=>[e.createElementVNode("div",be,[e.createElementVNode("button",{class:"chook-picker-cancel",onClick:u},e.toDisplayString(t.cancelButtonText),1),e.createElementVNode("p",Te,e.toDisplayString(t.title),1),e.createElementVNode("button",{class:"chook-picker-confirm",onClick:i},e.toDisplayString(t.confirmButtonText),1)]),t.loading?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",we,[e.renderSlot(t.$slots,"loading")]),c[3]||(c[3]=e.createElementVNode("div",{class:"chook-picker-columns"},null,-1))],64)):t.columns.length?(e.openBlock(),e.createElementBlock("div",{key:2,class:"chook-picker-columns chook-picker-columns-backdrop",onTouchmove:c[0]||(c[0]=e.withModifiers(()=>{},["stop"]))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.value,(d,g)=>(e.openBlock(),e.createBlock(ke,{key:g,ref_for:!0,ref_key:"columnsRef",ref:f,column:d,fields:m.value,"selected-index":p.value[g],onChange:M=>V(g,M)},null,8,["column","fields","selected-index","onChange"]))),128)),c[4]||(c[4]=e.createElementVNode("div",{class:"chook-picker-mask-backdrop"},null,-1))],32)):(e.openBlock(),e.createElementBlock("div",ye,[e.renderSlot(t.$slots,"empty")]))]),_:3},8,["modelValue","teleport"]))}}),xe=e.defineComponent({__name:"DatePicker",props:{show:{type:Boolean},modelValue:{},title:{default:ae},columnsType:{default:()=>se},minDate:{default:()=>new Date(new Date().getFullYear()-10,0,1)},maxDate:{default:()=>new Date(new Date().getFullYear()+10,11,31)},teleport:{},confirmButtonText:{},cancelButtonText:{},formatYearLabel:{type:Function,default:O},formatMonthLabel:{type:Function,default:O},formatDayLabel:{type:Function,default:O}},emits:["update:show","update:modelValue","confirm","cancel","open","closed"],setup(o,{emit:a}){const n=o,l=a,r=e.ref([]),s=e.ref([]),p=e.computed({get:()=>n.show,set:i=>l("update:show",i)}),f=e.computed(()=>{const{columnsType:i,minDate:u,maxDate:t}=n,c={year:k,month:m,day:w};return i.map(d=>c[d](u,t))});function k(i,u){const t=i.getFullYear(),c=u.getFullYear();return B(t,c,n.formatYearLabel)}function m(i,u){const t=b("year"),c=$(t,i)?i.getMonth()+1:1,d=H(t,u)?u.getMonth()+1:12;return B(c,d,n.formatMonthLabel)}function w(i,u){const t=b("year"),c=b("month"),d=$(t,i)&&Q(c,i),g=H(t,u)&&W(c,u),M=d?i.getDate():1,S=g?u.getDate():ee(t,c);return B(M,S,n.formatDayLabel)}function b(i){const{columnsType:u}=n,t=u.indexOf(i),c=r.value[t];return c?Number(c):oe(n.minDate,n.maxDate,i)}function V(i){l("update:modelValue",i),s.value=i,l("confirm",i)}function y(){l("cancel")}function v(){if(l("open"),n.modelValue&&n.modelValue.length){r.value=[...n.modelValue];return}const{columnsType:i}=n;r.value=i.map(u=>b(u))}function x(){r.value=n.modelValue?[...n.modelValue]:[...s.value],l("closed")}return(i,u)=>(e.openBlock(),e.createBlock(P,{modelValue:r.value,"onUpdate:modelValue":u[0]||(u[0]=t=>r.value=t),show:p.value,"onUpdate:show":u[1]||(u[1]=t=>p.value=t),title:i.title,columns:f.value,teleport:i.teleport,"confirm-button-text":i.confirmButtonText,"cancel-button-text":i.cancelButtonText,linkage:"",onConfirm:V,onCancel:y,onOpen:v,onClosed:x},null,8,["modelValue","show","title","columns","teleport","confirm-button-text","cancel-button-text"]))}}),Ve=e.defineComponent({__name:"TimePicker",props:{show:{type:Boolean},modelValue:{},title:{default:ue},columnsType:{default:()=>de},minTime:{},maxTime:{},teleport:{},confirmButtonText:{},cancelButtonText:{},formatHourLabel:{type:Function,default:Y},formatMinuteLabel:{type:Function,default:Y},formatSecondLabel:{type:Function,default:Y}},emits:["update:show","update:modelValue","confirm","cancel","open","closed"],setup(o,{emit:a}){const n=o,l=a,r=e.ref([]),s=e.ref([]),p=e.computed({get:()=>n.show,set:t=>l("update:show",t)}),f=e.computed(()=>{const{columnsType:t}=n,c={hour:w,minute:b,second:V};return t.map(d=>c[d]())}),k=e.computed(()=>U(n.minTime??"")??{hour:0,minute:0,second:0}),m=e.computed(()=>U(n.maxTime??"")??{hour:23,minute:59,second:59});function w(){const t=k.value.hour,c=m.value.hour;return B(t,c,n.formatHourLabel)}function b(){const t=y("hour"),{hour:c,minute:d}=k.value,{hour:g,minute:M}=m.value;return B(t===c?d:0,t===g?M:59,n.formatMinuteLabel)}function V(){const t=y("hour"),c=y("minute"),{hour:d,minute:g,second:M}=k.value,{hour:S,minute:h,second:T}=m.value;return B(t===d&&c===g?M:0,t===S&&c===h?T:59,n.formatSecondLabel)}function y(t){const{columnsType:c}=n,d=c.indexOf(t),g=r.value[d];return g!==void 0?Number(g):ne(k.value,m.value,t)}function v(t){l("update:modelValue",t),s.value=t,l("confirm",t)}function x(){l("cancel")}function i(){if(l("open"),n.modelValue&&n.modelValue.length){r.value=[...n.modelValue];return}const{columnsType:t}=n;r.value=t.map(c=>y(c))}function u(){r.value=n.modelValue?[...n.modelValue]:[...s.value],l("closed")}return(t,c)=>(e.openBlock(),e.createBlock(P,{modelValue:r.value,"onUpdate:modelValue":c[0]||(c[0]=d=>r.value=d),show:p.value,"onUpdate:show":c[1]||(c[1]=d=>p.value=d),title:t.title,columns:f.value,teleport:t.teleport,"confirm-button-text":t.confirmButtonText,"cancel-button-text":t.cancelButtonText,linkage:"",onConfirm:v,onCancel:x,onOpen:i,onClosed:u},null,8,["modelValue","show","title","columns","teleport","confirm-button-text","cancel-button-text"]))}});C.DatePicker=xe,C.Picker=P,C.TimePicker=Ve,Object.defineProperty(C,Symbol.toStringTag,{value:"Module"})}));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@component-hook/picker",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.5-alpha.0",
|
|
4
4
|
"description": "Picker component with vue3 and react",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -44,13 +44,13 @@
|
|
|
44
44
|
"react-transition-group": "^4.4.5"
|
|
45
45
|
},
|
|
46
46
|
"peerDependencies": {
|
|
47
|
-
"react": "^
|
|
48
|
-
"react-dom": "^
|
|
47
|
+
"react": "^19.1.1",
|
|
48
|
+
"react-dom": "^19.1.1",
|
|
49
49
|
"vue": "^3.4.29"
|
|
50
50
|
},
|
|
51
51
|
"devDependencies": {
|
|
52
52
|
"@types/react-transition-group": "^4.4.12",
|
|
53
|
-
"sass-embedded": "^1.
|
|
53
|
+
"sass-embedded": "^1.90.0",
|
|
54
54
|
"vite-plugin-dts": "4.5.3"
|
|
55
55
|
},
|
|
56
56
|
"scripts": {
|