@component-hook/picker 1.1.3 → 1.1.4
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.js
CHANGED
|
@@ -40,7 +40,7 @@ var ke = {};
|
|
|
40
40
|
*/
|
|
41
41
|
var bt;
|
|
42
42
|
function On() {
|
|
43
|
-
return bt || (bt = 1, process.env.NODE_ENV !== "production" && function() {
|
|
43
|
+
return bt || (bt = 1, process.env.NODE_ENV !== "production" && (function() {
|
|
44
44
|
var t = he, o = Symbol.for("react.element"), u = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), r = Symbol.for("react.profiler"), s = Symbol.for("react.provider"), a = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), c = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), b = Symbol.for("react.offscreen"), W = Symbol.iterator, _ = "@@iterator";
|
|
45
45
|
function V(e) {
|
|
46
46
|
if (e === null || typeof e != "object")
|
|
@@ -626,7 +626,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
626
626
|
}
|
|
627
627
|
var yn = mn, En = hn;
|
|
628
628
|
ke.Fragment = n, ke.jsx = yn, ke.jsxs = En;
|
|
629
|
-
}()), ke;
|
|
629
|
+
})()), ke;
|
|
630
630
|
}
|
|
631
631
|
var Tt;
|
|
632
632
|
function _n() {
|
|
@@ -1040,7 +1040,7 @@ var z = {};
|
|
|
1040
1040
|
*/
|
|
1041
1041
|
var Pt;
|
|
1042
1042
|
function Zn() {
|
|
1043
|
-
return Pt || (Pt = 1, process.env.NODE_ENV !== "production" && function() {
|
|
1043
|
+
return Pt || (Pt = 1, process.env.NODE_ENV !== "production" && (function() {
|
|
1044
1044
|
var t = typeof Symbol == "function" && Symbol.for, o = t ? Symbol.for("react.element") : 60103, u = t ? Symbol.for("react.portal") : 60106, n = t ? Symbol.for("react.fragment") : 60107, i = t ? Symbol.for("react.strict_mode") : 60108, r = t ? Symbol.for("react.profiler") : 60114, s = t ? Symbol.for("react.provider") : 60109, a = t ? Symbol.for("react.context") : 60110, f = t ? Symbol.for("react.async_mode") : 60111, c = t ? Symbol.for("react.concurrent_mode") : 60111, p = t ? Symbol.for("react.forward_ref") : 60112, m = t ? Symbol.for("react.suspense") : 60113, g = t ? Symbol.for("react.suspense_list") : 60120, b = t ? Symbol.for("react.memo") : 60115, W = t ? Symbol.for("react.lazy") : 60116, _ = t ? Symbol.for("react.block") : 60121, V = t ? Symbol.for("react.fundamental") : 60117, U = t ? Symbol.for("react.responder") : 60118, q = t ? Symbol.for("react.scope") : 60119;
|
|
1045
1045
|
function Y(y) {
|
|
1046
1046
|
return typeof y == "string" || typeof y == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
|
|
@@ -1119,7 +1119,7 @@ function Zn() {
|
|
|
1119
1119
|
return P(y) === m;
|
|
1120
1120
|
}
|
|
1121
1121
|
z.AsyncMode = h, z.ConcurrentMode = ee, z.ContextConsumer = fe, z.ContextProvider = ue, z.Element = Q, z.ForwardRef = F, z.Fragment = N, z.Lazy = Z, z.Memo = te, z.Portal = k, z.Profiler = B, z.StrictMode = A, z.Suspense = ne, z.isAsyncMode = re, z.isConcurrentMode = l, z.isContextConsumer = v, z.isContextProvider = C, z.isElement = T, z.isForwardRef = x, z.isFragment = j, z.isLazy = R, z.isMemo = w, z.isPortal = M, z.isProfiler = L, z.isStrictMode = I, z.isSuspense = ae, z.isValidElementType = Y, z.typeOf = P;
|
|
1122
|
-
}()), z;
|
|
1122
|
+
})()), z;
|
|
1123
1123
|
}
|
|
1124
1124
|
var wt;
|
|
1125
1125
|
function zt() {
|
|
@@ -1651,7 +1651,7 @@ var ur = process.env.NODE_ENV !== "production" ? O.oneOfType([O.number, O.shape(
|
|
|
1651
1651
|
const Gt = he.createContext(null);
|
|
1652
1652
|
var Jt = function(o) {
|
|
1653
1653
|
return o.scrollTop;
|
|
1654
|
-
}, Ae = "unmounted", ge = "exited", be = "entering", Oe = "entered", rt = "exiting", pe = /* @__PURE__ */ function(t) {
|
|
1654
|
+
}, Ae = "unmounted", ge = "exited", be = "entering", Oe = "entered", rt = "exiting", pe = /* @__PURE__ */ (function(t) {
|
|
1655
1655
|
Ht(o, t);
|
|
1656
1656
|
function o(n, i) {
|
|
1657
1657
|
var r;
|
|
@@ -1778,7 +1778,7 @@ var Jt = function(o) {
|
|
|
1778
1778
|
}, typeof s == "function" ? s(i, a) : he.cloneElement(he.Children.only(s), a))
|
|
1779
1779
|
);
|
|
1780
1780
|
}, o;
|
|
1781
|
-
}(he.Component);
|
|
1781
|
+
})(he.Component);
|
|
1782
1782
|
pe.contextType = Gt;
|
|
1783
1783
|
pe.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
1784
1784
|
/**
|
|
@@ -1978,7 +1978,7 @@ var fr = function(o, u) {
|
|
|
1978
1978
|
return o && u && u.split(" ").forEach(function(n) {
|
|
1979
1979
|
return sr(o, n);
|
|
1980
1980
|
});
|
|
1981
|
-
}, Fe = /* @__PURE__ */ function(t) {
|
|
1981
|
+
}, Fe = /* @__PURE__ */ (function(t) {
|
|
1982
1982
|
Ht(o, t);
|
|
1983
1983
|
function o() {
|
|
1984
1984
|
for (var n, i = arguments.length, r = new Array(i), s = 0; s < i; s++)
|
|
@@ -2036,7 +2036,7 @@ var fr = function(o, u) {
|
|
|
2036
2036
|
onExited: this.onExited
|
|
2037
2037
|
}));
|
|
2038
2038
|
}, o;
|
|
2039
|
-
}(he.Component);
|
|
2039
|
+
})(he.Component);
|
|
2040
2040
|
Fe.defaultProps = {
|
|
2041
2041
|
classNames: ""
|
|
2042
2042
|
};
|
package/dist/react/picker.umd.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(ve,_){typeof exports=="object"&&typeof module<"u"?_(exports,require("react"),require("react-dom")):typeof define=="function"&&define.amd?define(["exports","react","react-dom"],_):(ve=typeof globalThis<"u"?globalThis:ve||self,_(ve.picker={},ve.React,ve.ReactDOM))})(this,function(ve,_,_e){"use strict";var nr=document.createElement("style");nr.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)}
|
|
1
|
+
(function(ve,_){typeof exports=="object"&&typeof module<"u"?_(exports,require("react"),require("react-dom")):typeof define=="function"&&define.amd?define(["exports","react","react-dom"],_):(ve=typeof globalThis<"u"?globalThis:ve||self,_(ve.picker={},ve.React,ve.ReactDOM))})(this,(function(ve,_,_e){"use strict";var nr=document.createElement("style");nr.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
2
|
/*$vite$:1*/`,document.head.appendChild(nr);function Gr(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}var Ae={exports:{}},Oe={};/**
|
|
3
3
|
* @license React
|
|
4
4
|
* react-jsx-runtime.production.min.js
|
|
@@ -15,7 +15,7 @@
|
|
|
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 ir;function Kr(){return ir||(ir=1,process.env.NODE_ENV!=="production"&&function(){var r=_,o=Symbol.for("react.element"),c=Symbol.for("react.portal"),t=Symbol.for("react.fragment"),i=Symbol.for("react.strict_mode"),n=Symbol.for("react.profiler"),s=Symbol.for("react.provider"),a=Symbol.for("react.context"),l=Symbol.for("react.forward_ref"),u=Symbol.for("react.suspense"),p=Symbol.for("react.suspense_list"),m=Symbol.for("react.memo"),E=Symbol.for("react.lazy"),b=Symbol.for("react.offscreen"),q=Symbol.iterator,O="@@iterator";function U(e){if(e===null||typeof e!="object")return null;var d=q&&e[q]||e[O];return typeof d=="function"?d:null}var W=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function H(e){{for(var d=arguments.length,y=new Array(d>1?d-1:0),C=1;C<d;C++)y[C-1]=arguments[C];$("error",e,y)}}function $(e,d,y){{var C=W.ReactDebugCurrentFrame,B=C.getStackAddendum();B!==""&&(d+="%s",y=y.concat([B]));var K=y.map(function(F){return String(F)});K.unshift("Warning: "+d),Function.prototype.apply.call(console[e],console,K)}}var w=!1,h=!1,re=!1,fe=!1,ue=!1,ee;ee=Symbol.for("react.module.reference");function L(e){return!!(typeof e=="string"||typeof e=="function"||e===t||e===n||ue||e===i||e===u||e===p||fe||e===b||w||h||re||typeof e=="object"&&e!==null&&(e.$$typeof===E||e.$$typeof===m||e.$$typeof===s||e.$$typeof===a||e.$$typeof===l||e.$$typeof===ee||e.getModuleId!==void 0))}function Y(e,d,y){var C=e.displayName;if(C)return C;var B=d.displayName||d.name||"";return B!==""?y+"("+B+")":y}function Q(e){return e.displayName||"Context"}function te(e){if(e==null)return null;if(typeof e.tag=="number"&&H("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case t:return"Fragment";case c:return"Portal";case n:return"Profiler";case i:return"StrictMode";case u:return"Suspense";case p:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case a:var d=e;return Q(d)+".Consumer";case s:var y=e;return Q(y._context)+".Provider";case l:return Y(e,e.render,"ForwardRef");case m:var C=e.displayName||null;return C!==null?C:te(e.type)||"Memo";case E:{var B=e,K=B._payload,F=B._init;try{return te(F(K))}catch{return null}}}return null}var A=Object.assign,G=0,j,ne,J,oe,f,v,T;function k(){}k.__reactDisabledLog=!0;function x(){{if(G===0){j=console.log,ne=console.info,J=console.warn,oe=console.error,f=console.group,v=console.groupCollapsed,T=console.groupEnd;var e={configurable:!0,enumerable:!0,value:k,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}G++}}function M(){{if(G--,G===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:A({},e,{value:j}),info:A({},e,{value:ne}),warn:A({},e,{value:J}),error:A({},e,{value:oe}),group:A({},e,{value:f}),groupCollapsed:A({},e,{value:v}),groupEnd:A({},e,{value:T})})}G<0&&H("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var R=W.ReactCurrentDispatcher,P;function I(e,d,y){{if(P===void 0)try{throw Error()}catch(B){var C=B.stack.trim().match(/\n( *(at )?)/);P=C&&C[1]||""}return`
|
|
18
|
+
*/var ir;function Kr(){return ir||(ir=1,process.env.NODE_ENV!=="production"&&(function(){var r=_,o=Symbol.for("react.element"),c=Symbol.for("react.portal"),t=Symbol.for("react.fragment"),i=Symbol.for("react.strict_mode"),n=Symbol.for("react.profiler"),s=Symbol.for("react.provider"),a=Symbol.for("react.context"),l=Symbol.for("react.forward_ref"),u=Symbol.for("react.suspense"),p=Symbol.for("react.suspense_list"),m=Symbol.for("react.memo"),E=Symbol.for("react.lazy"),b=Symbol.for("react.offscreen"),q=Symbol.iterator,O="@@iterator";function U(e){if(e===null||typeof e!="object")return null;var d=q&&e[q]||e[O];return typeof d=="function"?d:null}var W=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function H(e){{for(var d=arguments.length,y=new Array(d>1?d-1:0),C=1;C<d;C++)y[C-1]=arguments[C];$("error",e,y)}}function $(e,d,y){{var C=W.ReactDebugCurrentFrame,B=C.getStackAddendum();B!==""&&(d+="%s",y=y.concat([B]));var K=y.map(function(F){return String(F)});K.unshift("Warning: "+d),Function.prototype.apply.call(console[e],console,K)}}var w=!1,h=!1,re=!1,fe=!1,ue=!1,ee;ee=Symbol.for("react.module.reference");function L(e){return!!(typeof e=="string"||typeof e=="function"||e===t||e===n||ue||e===i||e===u||e===p||fe||e===b||w||h||re||typeof e=="object"&&e!==null&&(e.$$typeof===E||e.$$typeof===m||e.$$typeof===s||e.$$typeof===a||e.$$typeof===l||e.$$typeof===ee||e.getModuleId!==void 0))}function Y(e,d,y){var C=e.displayName;if(C)return C;var B=d.displayName||d.name||"";return B!==""?y+"("+B+")":y}function Q(e){return e.displayName||"Context"}function te(e){if(e==null)return null;if(typeof e.tag=="number"&&H("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case t:return"Fragment";case c:return"Portal";case n:return"Profiler";case i:return"StrictMode";case u:return"Suspense";case p:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case a:var d=e;return Q(d)+".Consumer";case s:var y=e;return Q(y._context)+".Provider";case l:return Y(e,e.render,"ForwardRef");case m:var C=e.displayName||null;return C!==null?C:te(e.type)||"Memo";case E:{var B=e,K=B._payload,F=B._init;try{return te(F(K))}catch{return null}}}return null}var A=Object.assign,G=0,j,ne,J,oe,f,v,T;function k(){}k.__reactDisabledLog=!0;function x(){{if(G===0){j=console.log,ne=console.info,J=console.warn,oe=console.error,f=console.group,v=console.groupCollapsed,T=console.groupEnd;var e={configurable:!0,enumerable:!0,value:k,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}G++}}function M(){{if(G--,G===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:A({},e,{value:j}),info:A({},e,{value:ne}),warn:A({},e,{value:J}),error:A({},e,{value:oe}),group:A({},e,{value:f}),groupCollapsed:A({},e,{value:v}),groupEnd:A({},e,{value:T})})}G<0&&H("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var R=W.ReactCurrentDispatcher,P;function I(e,d,y){{if(P===void 0)try{throw Error()}catch(B){var C=B.stack.trim().match(/\n( *(at )?)/);P=C&&C[1]||""}return`
|
|
19
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
20
|
`),ce=C.stack.split(`
|
|
21
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=`
|
|
@@ -28,7 +28,7 @@ Check the top-level render call using <`+y+">.")}return d}}function zr(e,d){{if(
|
|
|
28
28
|
<%s {...props} />
|
|
29
29
|
React keys must be passed directly to JSX without using spread:
|
|
30
30
|
let props = %s;
|
|
31
|
-
<%s key={someKey} {...props} />`,tr,Ee,sn,Ee),Hr[Ee+tr]=!0}}return e===t?rn(ae):en(ae),ae}}function tn(e,d,y){return Br(e,d,y,!0)}function nn(e,d,y){return Br(e,d,y,!1)}var on=nn,an=tn;Re.Fragment=t,Re.jsx=on,Re.jsxs=an}()),Re}var ar;function Zr(){return ar||(ar=1,process.env.NODE_ENV==="production"?Ae.exports=Jr():Ae.exports=Kr()),Ae.exports}var Z=Zr();const Qr=Array.isArray;function et(r,o){if(cr(r))return"multiple";const[c]=r;return c?.[o.children]?"cascade":"single"}function rt(r){return{children:r?.children||"children",label:r?.label||"label",value:r?.value||"value"}}function tt(r,o,c){if(cr(r))return[];const t=[];let i=r,n=0;for(;i;){const s=o[n];let a=sr(i,s,c);a===-1&&(a=0),t.push(i),n+=1,i=i[a]?.[c.children]}return t}function nt(r,o,c,t){const i=[...c];let n=r,s=o+1;for(;n?.[t.children];){const a=n[t.children][0];i[s]=a.value,n=a,s+=1}return i}function sr(r,o,c){return r.findIndex(t=>t?.[c.value]===o)}function cr(r){const[o]=r;return Qr(o)}function ot(r,o){return r>o?"horizontal":o>r?"vertical":""}function be(r,o,c){const t=[];for(let i=r;i<=o;i++){const n=c(`${i}`);t.push({label:n,value:i})}return t}function ur(r,o){return r===o.getFullYear()}function lr(r,o){return r===o.getFullYear()}function it(r,o){return r===o.getMonth()+1}function at(r,o){return r===o.getMonth()+1}function st(r,o){return new Date(r,o,0).getDate()}function ct(r,o,c){const t=new Date,i=Date.now(),n=r.getTime(),s=o.getTime(),a=i>=n&&i<=s;return c==="year"?a?t.getFullYear():r.getFullYear():c==="month"?a?t.getMonth()+1:r.getMonth()+1:a?t.getDate():r.getDate()}function $e(r){return r}function ut(r){return/^(?:[01]\d|2[0-3]):[0-5]\d:[0-5]\d$/.test(r)}function fr(r){if(!ut(r))return null;const[o,c,t]=r.split(":");return{hour:Number(o),minute:Number(c),second:Number(t)}}function Fe(r){return r.padStart(2,"0")}function lt(r,o,c){const t=Date.now(),{hour:i,minute:n,second:s}=r,{hour:a,minute:l,second:u}=o,p=new Date().setHours(i,n,s),m=new Date().setHours(a,l,u),E=t>=p&&t<=m;return c==="hour"?E?new Date().getHours():i:c==="minute"?E?new Date().getMinutes():n:E?new Date().getSeconds():s}function dr(r){return _.forwardRef(r)}const ft=16,je=48,dt=.52,pr=150,Le=300,pt=15,vt=.008,vr=5,ht="Select Date",mt=["year","month","day"],gt="Select Time",yt=["hour","minute","second"];function Et(){const r={startX:0,startY:0,deltaX:0,deltaY:0,offsetX:0,offsetY:0};let o="",c=!0;const t=()=>o==="vertical",i=()=>o==="horizontal";function n(){r.deltaX=0,r.deltaY=0,r.offsetX=0,r.offsetY=0,o="",c=!0}function s(u){const p="touches"in u?u.touches[0]:u;n(),r.startX=p.clientX,r.startY=p.clientY}function a(u){if(!r.startX||!r.startY)return!0;const p="touches"in u?u.touches[0]:u;r.deltaX=Math.max(p.clientX,0)-r.startX,r.deltaY=p.clientY-r.startY,r.offsetX=Math.abs(r.deltaX),r.offsetY=Math.abs(r.deltaY);const m=10;(!o||r.offsetX<m&&r.offsetY<m)&&(o=ot(r.offsetX,r.offsetY)),c&&(r.offsetX>vr||r.offsetY>vr)&&(c=!1)}function l(){r.startX=0,r.startY=0}return{pointer:r,move:a,start:s,stop:l,reset:n,isVertical:t,isHorizontal:i}}function bt({column:r,onChange:o}){const t=Number.parseFloat(getComputedStyle(document.documentElement).fontSize)/ft,[i,n]=_.useState(0),[s,a]=_.useState(0),l=_.useRef(0),u=_.useRef(0),p=_.useRef(0),m=_.useRef(!1),E=_.useRef(null),{pointer:b,start:q,move:O,stop:U}=_.useMemo(()=>Et(),[]);function W(L){return L*t}function H(L){const Y=r.length,Q=Math.round(-L/W(je));return Q<0?0:Q>=Y?Y-1:Q}function $(L){const Y=-L*W(je),Q=()=>o?.(L);m.current&&Y!==i?E.current=Q:Q(),n(Y)}function w(L){q(L),m.current=!0,a(0),u.current=Date.now(),l.current=i,p.current=l.current,E.current=null}function h(L){if(O(L))return;const Q=r.length,te=l.current+b.deltaY,A=W((Q-1)*-je),G=Math.min(Math.max(te,A),0),j=Date.now();n(G),!(j-u.current<=Le)&&(u.current=j,p.current=G)}function re(){U();const L=i-p.current,Y=Date.now()-u.current;if(Y<Le&&Math.abs(L)>pt){fe(L,Y);return}const Q=H(i);a(pr),$(Q),m.current=!1}function fe(L,Y){const Q=Math.abs(L/Y),te=i+Q/vt*(L<0?-1:1),A=H(te);a(Le),$(A)}function ue(){a(0),m.current=!1,E.current&&(E.current(),E.current=null)}function ee(L,Y="auto"){m.current&&Y==="smooth"||(E.current=null,m.current=Y==="smooth",a(Y==="smooth"?pr:0),$(L))}return{offsetY:i,transitionDuration:s,onPointerDown:w,onPointerMove:h,onPointerUp:re,stopInertialSliding:ue,scrollToIndex:ee}}function kt({column:r,fields:o,selectedIndex:c=0,onChange:t},i){const{offsetY:n,transitionDuration:s,onPointerDown:a,onPointerMove:l,onPointerUp:u,stopInertialSliding:p,scrollToIndex:m}=bt({column:r,onChange:E});_.useImperativeHandle(i,()=>({scrollToSelected:b}));function E(O){O!==c&&t(O)}function b(O=c,U){m(O,U)}function q(O){O!==c&&b(O,"smooth")}return Z.jsx("div",{role:"presentation",className:"chook-picker-column",onTouchStart:a,onTouchMove:l,onTouchEnd:u,onTouchCancel:u,onMouseDown:a,onMouseMove:l,onMouseUp:u,children:Z.jsx("ul",{style:{overflowY:"hidden",transform:`translate3d(0, ${n}px, 0)`,transitionDuration:`${s}ms`,transitionProperty:s?"all":"none"},onTransitionEnd:p,children:r.map((O,U)=>Z.jsx("div",{tabIndex:0,role:"button","aria-label":"Select option",className:"chook-picker-column-item",onClick:()=>q(U),onKeyDown:W=>{(W.key==="Enter"||W.key===" ")&&q(U)},children:Z.jsx("p",{className:"chook-picker-column-label",style:{transform:`rotate3d(1, 0, 0, ${(U*je+n)*dt}deg)`},children:O?.[o.label]})},O?.[o.value]))})})}const hr=dr(kt);hr.displayName="Column";function xt(r,o){const{loading:c,loadingSlot:t,columns:i,emptySlot:n,currentColumns:s,fields:a,selectedIndices:l,updateSelectedValueByIndex:u}=r,p=_.useRef([]);_.useImperativeHandle(o,()=>({scrollColumnToSelected:m}));function m(E,b){p.current[E]?.scrollToSelected(b)}return c?Z.jsxs(Z.Fragment,{children:[Z.jsx("div",{className:"chook-picker-loading",children:t}),Z.jsx("div",{className:"chook-picker-columns"})]}):i.length?Z.jsxs("div",{className:"chook-picker-columns chook-picker-columns-backdrop",onTouchMove:E=>E.stopPropagation(),children:[s.map((E,b)=>Z.jsx(hr,{ref:q=>p.current[b]=q,column:E,fields:a,selectedIndex:l[b],onChange:q=>u(b,q)},b)),Z.jsx("div",{className:"chook-picker-mask-backdrop"})]}):Z.jsx("div",{className:"chook-picker-columns",children:n})}const mr=dr(xt);mr.displayName="Columns";function Me(){return Me=Object.assign?Object.assign.bind():function(r){for(var o=1;o<arguments.length;o++){var c=arguments[o];for(var t in c)({}).hasOwnProperty.call(c,t)&&(r[t]=c[t])}return r},Me.apply(null,arguments)}function gr(r,o){if(r==null)return{};var c={};for(var t in r)if({}.hasOwnProperty.call(r,t)){if(o.indexOf(t)!==-1)continue;c[t]=r[t]}return c}function Ve(r,o){return Ve=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(c,t){return c.__proto__=t,c},Ve(r,o)}function yr(r,o){r.prototype=Object.create(o.prototype),r.prototype.constructor=r,Ve(r,o)}var Ie={exports:{}},De={exports:{}},z={};/** @license React v16.13.1
|
|
31
|
+
<%s key={someKey} {...props} />`,tr,Ee,sn,Ee),Hr[Ee+tr]=!0}}return e===t?rn(ae):en(ae),ae}}function tn(e,d,y){return Br(e,d,y,!0)}function nn(e,d,y){return Br(e,d,y,!1)}var on=nn,an=tn;Re.Fragment=t,Re.jsx=on,Re.jsxs=an})()),Re}var ar;function Zr(){return ar||(ar=1,process.env.NODE_ENV==="production"?Ae.exports=Jr():Ae.exports=Kr()),Ae.exports}var Z=Zr();const Qr=Array.isArray;function et(r,o){if(cr(r))return"multiple";const[c]=r;return c?.[o.children]?"cascade":"single"}function rt(r){return{children:r?.children||"children",label:r?.label||"label",value:r?.value||"value"}}function tt(r,o,c){if(cr(r))return[];const t=[];let i=r,n=0;for(;i;){const s=o[n];let a=sr(i,s,c);a===-1&&(a=0),t.push(i),n+=1,i=i[a]?.[c.children]}return t}function nt(r,o,c,t){const i=[...c];let n=r,s=o+1;for(;n?.[t.children];){const a=n[t.children][0];i[s]=a.value,n=a,s+=1}return i}function sr(r,o,c){return r.findIndex(t=>t?.[c.value]===o)}function cr(r){const[o]=r;return Qr(o)}function ot(r,o){return r>o?"horizontal":o>r?"vertical":""}function be(r,o,c){const t=[];for(let i=r;i<=o;i++){const n=c(`${i}`);t.push({label:n,value:i})}return t}function ur(r,o){return r===o.getFullYear()}function lr(r,o){return r===o.getFullYear()}function it(r,o){return r===o.getMonth()+1}function at(r,o){return r===o.getMonth()+1}function st(r,o){return new Date(r,o,0).getDate()}function ct(r,o,c){const t=new Date,i=Date.now(),n=r.getTime(),s=o.getTime(),a=i>=n&&i<=s;return c==="year"?a?t.getFullYear():r.getFullYear():c==="month"?a?t.getMonth()+1:r.getMonth()+1:a?t.getDate():r.getDate()}function $e(r){return r}function ut(r){return/^(?:[01]\d|2[0-3]):[0-5]\d:[0-5]\d$/.test(r)}function fr(r){if(!ut(r))return null;const[o,c,t]=r.split(":");return{hour:Number(o),minute:Number(c),second:Number(t)}}function Fe(r){return r.padStart(2,"0")}function lt(r,o,c){const t=Date.now(),{hour:i,minute:n,second:s}=r,{hour:a,minute:l,second:u}=o,p=new Date().setHours(i,n,s),m=new Date().setHours(a,l,u),E=t>=p&&t<=m;return c==="hour"?E?new Date().getHours():i:c==="minute"?E?new Date().getMinutes():n:E?new Date().getSeconds():s}function dr(r){return _.forwardRef(r)}const ft=16,je=48,dt=.52,pr=150,Le=300,pt=15,vt=.008,vr=5,ht="Select Date",mt=["year","month","day"],gt="Select Time",yt=["hour","minute","second"];function Et(){const r={startX:0,startY:0,deltaX:0,deltaY:0,offsetX:0,offsetY:0};let o="",c=!0;const t=()=>o==="vertical",i=()=>o==="horizontal";function n(){r.deltaX=0,r.deltaY=0,r.offsetX=0,r.offsetY=0,o="",c=!0}function s(u){const p="touches"in u?u.touches[0]:u;n(),r.startX=p.clientX,r.startY=p.clientY}function a(u){if(!r.startX||!r.startY)return!0;const p="touches"in u?u.touches[0]:u;r.deltaX=Math.max(p.clientX,0)-r.startX,r.deltaY=p.clientY-r.startY,r.offsetX=Math.abs(r.deltaX),r.offsetY=Math.abs(r.deltaY);const m=10;(!o||r.offsetX<m&&r.offsetY<m)&&(o=ot(r.offsetX,r.offsetY)),c&&(r.offsetX>vr||r.offsetY>vr)&&(c=!1)}function l(){r.startX=0,r.startY=0}return{pointer:r,move:a,start:s,stop:l,reset:n,isVertical:t,isHorizontal:i}}function bt({column:r,onChange:o}){const t=Number.parseFloat(getComputedStyle(document.documentElement).fontSize)/ft,[i,n]=_.useState(0),[s,a]=_.useState(0),l=_.useRef(0),u=_.useRef(0),p=_.useRef(0),m=_.useRef(!1),E=_.useRef(null),{pointer:b,start:q,move:O,stop:U}=_.useMemo(()=>Et(),[]);function W(L){return L*t}function H(L){const Y=r.length,Q=Math.round(-L/W(je));return Q<0?0:Q>=Y?Y-1:Q}function $(L){const Y=-L*W(je),Q=()=>o?.(L);m.current&&Y!==i?E.current=Q:Q(),n(Y)}function w(L){q(L),m.current=!0,a(0),u.current=Date.now(),l.current=i,p.current=l.current,E.current=null}function h(L){if(O(L))return;const Q=r.length,te=l.current+b.deltaY,A=W((Q-1)*-je),G=Math.min(Math.max(te,A),0),j=Date.now();n(G),!(j-u.current<=Le)&&(u.current=j,p.current=G)}function re(){U();const L=i-p.current,Y=Date.now()-u.current;if(Y<Le&&Math.abs(L)>pt){fe(L,Y);return}const Q=H(i);a(pr),$(Q),m.current=!1}function fe(L,Y){const Q=Math.abs(L/Y),te=i+Q/vt*(L<0?-1:1),A=H(te);a(Le),$(A)}function ue(){a(0),m.current=!1,E.current&&(E.current(),E.current=null)}function ee(L,Y="auto"){m.current&&Y==="smooth"||(E.current=null,m.current=Y==="smooth",a(Y==="smooth"?pr:0),$(L))}return{offsetY:i,transitionDuration:s,onPointerDown:w,onPointerMove:h,onPointerUp:re,stopInertialSliding:ue,scrollToIndex:ee}}function kt({column:r,fields:o,selectedIndex:c=0,onChange:t},i){const{offsetY:n,transitionDuration:s,onPointerDown:a,onPointerMove:l,onPointerUp:u,stopInertialSliding:p,scrollToIndex:m}=bt({column:r,onChange:E});_.useImperativeHandle(i,()=>({scrollToSelected:b}));function E(O){O!==c&&t(O)}function b(O=c,U){m(O,U)}function q(O){O!==c&&b(O,"smooth")}return Z.jsx("div",{role:"presentation",className:"chook-picker-column",onTouchStart:a,onTouchMove:l,onTouchEnd:u,onTouchCancel:u,onMouseDown:a,onMouseMove:l,onMouseUp:u,children:Z.jsx("ul",{style:{overflowY:"hidden",transform:`translate3d(0, ${n}px, 0)`,transitionDuration:`${s}ms`,transitionProperty:s?"all":"none"},onTransitionEnd:p,children:r.map((O,U)=>Z.jsx("div",{tabIndex:0,role:"button","aria-label":"Select option",className:"chook-picker-column-item",onClick:()=>q(U),onKeyDown:W=>{(W.key==="Enter"||W.key===" ")&&q(U)},children:Z.jsx("p",{className:"chook-picker-column-label",style:{transform:`rotate3d(1, 0, 0, ${(U*je+n)*dt}deg)`},children:O?.[o.label]})},O?.[o.value]))})})}const hr=dr(kt);hr.displayName="Column";function xt(r,o){const{loading:c,loadingSlot:t,columns:i,emptySlot:n,currentColumns:s,fields:a,selectedIndices:l,updateSelectedValueByIndex:u}=r,p=_.useRef([]);_.useImperativeHandle(o,()=>({scrollColumnToSelected:m}));function m(E,b){p.current[E]?.scrollToSelected(b)}return c?Z.jsxs(Z.Fragment,{children:[Z.jsx("div",{className:"chook-picker-loading",children:t}),Z.jsx("div",{className:"chook-picker-columns"})]}):i.length?Z.jsxs("div",{className:"chook-picker-columns chook-picker-columns-backdrop",onTouchMove:E=>E.stopPropagation(),children:[s.map((E,b)=>Z.jsx(hr,{ref:q=>p.current[b]=q,column:E,fields:a,selectedIndex:l[b],onChange:q=>u(b,q)},b)),Z.jsx("div",{className:"chook-picker-mask-backdrop"})]}):Z.jsx("div",{className:"chook-picker-columns",children:n})}const mr=dr(xt);mr.displayName="Columns";function Me(){return Me=Object.assign?Object.assign.bind():function(r){for(var o=1;o<arguments.length;o++){var c=arguments[o];for(var t in c)({}).hasOwnProperty.call(c,t)&&(r[t]=c[t])}return r},Me.apply(null,arguments)}function gr(r,o){if(r==null)return{};var c={};for(var t in r)if({}.hasOwnProperty.call(r,t)){if(o.indexOf(t)!==-1)continue;c[t]=r[t]}return c}function Ve(r,o){return Ve=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(c,t){return c.__proto__=t,c},Ve(r,o)}function yr(r,o){r.prototype=Object.create(o.prototype),r.prototype.constructor=r,Ve(r,o)}var Ie={exports:{}},De={exports:{}},z={};/** @license React v16.13.1
|
|
32
32
|
* react-is.production.min.js
|
|
33
33
|
*
|
|
34
34
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
@@ -42,9 +42,9 @@ React keys must be passed directly to JSX without using spread:
|
|
|
42
42
|
*
|
|
43
43
|
* This source code is licensed under the MIT license found in the
|
|
44
44
|
* LICENSE file in the root directory of this source tree.
|
|
45
|
-
*/var br;function Ct(){return br||(br=1,process.env.NODE_ENV!=="production"&&function(){var r=typeof Symbol=="function"&&Symbol.for,o=r?Symbol.for("react.element"):60103,c=r?Symbol.for("react.portal"):60106,t=r?Symbol.for("react.fragment"):60107,i=r?Symbol.for("react.strict_mode"):60108,n=r?Symbol.for("react.profiler"):60114,s=r?Symbol.for("react.provider"):60109,a=r?Symbol.for("react.context"):60110,l=r?Symbol.for("react.async_mode"):60111,u=r?Symbol.for("react.concurrent_mode"):60111,p=r?Symbol.for("react.forward_ref"):60112,m=r?Symbol.for("react.suspense"):60113,E=r?Symbol.for("react.suspense_list"):60120,b=r?Symbol.for("react.memo"):60115,q=r?Symbol.for("react.lazy"):60116,O=r?Symbol.for("react.block"):60121,U=r?Symbol.for("react.fundamental"):60117,W=r?Symbol.for("react.responder"):60118,H=r?Symbol.for("react.scope"):60119;function $(g){return typeof g=="string"||typeof g=="function"||g===t||g===u||g===n||g===i||g===m||g===E||typeof g=="object"&&g!==null&&(g.$$typeof===q||g.$$typeof===b||g.$$typeof===s||g.$$typeof===a||g.$$typeof===p||g.$$typeof===U||g.$$typeof===W||g.$$typeof===H||g.$$typeof===O)}function w(g){if(typeof g=="object"&&g!==null){var de=g.$$typeof;switch(de){case o:var Te=g.type;switch(Te){case l:case u:case t:case n:case i:case m:return Te;default:var ye=Te&&Te.$$typeof;switch(ye){case a:case p:case q:case b:case s:return ye;default:return de}}case c:return de}}}var h=l,re=u,fe=a,ue=s,ee=o,L=p,Y=t,Q=q,te=b,A=c,G=n,j=i,ne=m,J=!1;function oe(g){return J||(J=!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.")),f(g)||w(g)===l}function f(g){return w(g)===u}function v(g){return w(g)===a}function T(g){return w(g)===s}function k(g){return typeof g=="object"&&g!==null&&g.$$typeof===o}function x(g){return w(g)===p}function M(g){return w(g)===t}function R(g){return w(g)===q}function P(g){return w(g)===b}function I(g){return w(g)===c}function V(g){return w(g)===n}function D(g){return w(g)===i}function se(g){return w(g)===m}X.AsyncMode=h,X.ConcurrentMode=re,X.ContextConsumer=fe,X.ContextProvider=ue,X.Element=ee,X.ForwardRef=L,X.Fragment=Y,X.Lazy=Q,X.Memo=te,X.Portal=A,X.Profiler=G,X.StrictMode=j,X.Suspense=ne,X.isAsyncMode=oe,X.isConcurrentMode=f,X.isContextConsumer=v,X.isContextProvider=T,X.isElement=k,X.isForwardRef=x,X.isFragment=M,X.isLazy=R,X.isMemo=P,X.isPortal=I,X.isProfiler=V,X.isStrictMode=D,X.isSuspense=se,X.isValidElementType=$,X.typeOf=w}()),X}var kr;function xr(){return kr||(kr=1,process.env.NODE_ENV==="production"?De.exports=Tt():De.exports=Ct()),De.exports}/*
|
|
45
|
+
*/var br;function Ct(){return br||(br=1,process.env.NODE_ENV!=="production"&&(function(){var r=typeof Symbol=="function"&&Symbol.for,o=r?Symbol.for("react.element"):60103,c=r?Symbol.for("react.portal"):60106,t=r?Symbol.for("react.fragment"):60107,i=r?Symbol.for("react.strict_mode"):60108,n=r?Symbol.for("react.profiler"):60114,s=r?Symbol.for("react.provider"):60109,a=r?Symbol.for("react.context"):60110,l=r?Symbol.for("react.async_mode"):60111,u=r?Symbol.for("react.concurrent_mode"):60111,p=r?Symbol.for("react.forward_ref"):60112,m=r?Symbol.for("react.suspense"):60113,E=r?Symbol.for("react.suspense_list"):60120,b=r?Symbol.for("react.memo"):60115,q=r?Symbol.for("react.lazy"):60116,O=r?Symbol.for("react.block"):60121,U=r?Symbol.for("react.fundamental"):60117,W=r?Symbol.for("react.responder"):60118,H=r?Symbol.for("react.scope"):60119;function $(g){return typeof g=="string"||typeof g=="function"||g===t||g===u||g===n||g===i||g===m||g===E||typeof g=="object"&&g!==null&&(g.$$typeof===q||g.$$typeof===b||g.$$typeof===s||g.$$typeof===a||g.$$typeof===p||g.$$typeof===U||g.$$typeof===W||g.$$typeof===H||g.$$typeof===O)}function w(g){if(typeof g=="object"&&g!==null){var de=g.$$typeof;switch(de){case o:var Te=g.type;switch(Te){case l:case u:case t:case n:case i:case m:return Te;default:var ye=Te&&Te.$$typeof;switch(ye){case a:case p:case q:case b:case s:return ye;default:return de}}case c:return de}}}var h=l,re=u,fe=a,ue=s,ee=o,L=p,Y=t,Q=q,te=b,A=c,G=n,j=i,ne=m,J=!1;function oe(g){return J||(J=!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.")),f(g)||w(g)===l}function f(g){return w(g)===u}function v(g){return w(g)===a}function T(g){return w(g)===s}function k(g){return typeof g=="object"&&g!==null&&g.$$typeof===o}function x(g){return w(g)===p}function M(g){return w(g)===t}function R(g){return w(g)===q}function P(g){return w(g)===b}function I(g){return w(g)===c}function V(g){return w(g)===n}function D(g){return w(g)===i}function se(g){return w(g)===m}X.AsyncMode=h,X.ConcurrentMode=re,X.ContextConsumer=fe,X.ContextProvider=ue,X.Element=ee,X.ForwardRef=L,X.Fragment=Y,X.Lazy=Q,X.Memo=te,X.Portal=A,X.Profiler=G,X.StrictMode=j,X.Suspense=ne,X.isAsyncMode=oe,X.isConcurrentMode=f,X.isContextConsumer=v,X.isContextProvider=T,X.isElement=k,X.isForwardRef=x,X.isFragment=M,X.isLazy=R,X.isMemo=P,X.isPortal=I,X.isProfiler=V,X.isStrictMode=D,X.isSuspense=se,X.isValidElementType=$,X.typeOf=w})()),X}var kr;function xr(){return kr||(kr=1,process.env.NODE_ENV==="production"?De.exports=Tt():De.exports=Ct()),De.exports}/*
|
|
46
46
|
object-assign
|
|
47
47
|
(c) Sindre Sorhus
|
|
48
48
|
@license MIT
|
|
49
49
|
*/var Ue,Tr;function St(){if(Tr)return Ue;Tr=1;var r=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable;function t(n){if(n==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(n)}function i(){try{if(!Object.assign)return!1;var n=new String("abc");if(n[5]="de",Object.getOwnPropertyNames(n)[0]==="5")return!1;for(var s={},a=0;a<10;a++)s["_"+String.fromCharCode(a)]=a;var l=Object.getOwnPropertyNames(s).map(function(p){return s[p]});if(l.join("")!=="0123456789")return!1;var u={};return"abcdefghijklmnopqrst".split("").forEach(function(p){u[p]=p}),Object.keys(Object.assign({},u)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}return Ue=i()?Object.assign:function(n,s){for(var a,l=t(n),u,p=1;p<arguments.length;p++){a=Object(arguments[p]);for(var m in a)o.call(a,m)&&(l[m]=a[m]);if(r){u=r(a);for(var E=0;E<u.length;E++)c.call(a,u[E])&&(l[u[E]]=a[u[E]])}}return l},Ue}var We,Cr;function qe(){if(Cr)return We;Cr=1;var r="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";return We=r,We}var ze,Sr;function _r(){return Sr||(Sr=1,ze=Function.call.bind(Object.prototype.hasOwnProperty)),ze}var Xe,Or;function _t(){if(Or)return Xe;Or=1;var r=function(){};if(process.env.NODE_ENV!=="production"){var o=qe(),c={},t=_r();r=function(n){var s="Warning: "+n;typeof console<"u"&&console.error(s);try{throw new Error(s)}catch{}}}function i(n,s,a,l,u){if(process.env.NODE_ENV!=="production"){for(var p in n)if(t(n,p)){var m;try{if(typeof n[p]!="function"){var E=Error((l||"React class")+": "+a+" type `"+p+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof n[p]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw E.name="Invariant Violation",E}m=n[p](s,p,l,a,null,o)}catch(q){m=q}if(m&&!(m instanceof Error)&&r((l||"React class")+": type specification of "+a+" `"+p+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof m+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),m instanceof Error&&!(m.message in c)){c[m.message]=!0;var b=u?u():"";r("Failed "+a+" type: "+m.message+(b??""))}}}}return i.resetWarningCache=function(){process.env.NODE_ENV!=="production"&&(c={})},Xe=i,Xe}var He,Rr;function Ot(){if(Rr)return He;Rr=1;var r=xr(),o=St(),c=qe(),t=_r(),i=_t(),n=function(){};process.env.NODE_ENV!=="production"&&(n=function(a){var l="Warning: "+a;typeof console<"u"&&console.error(l);try{throw new Error(l)}catch{}});function s(){return null}return He=function(a,l){var u=typeof Symbol=="function"&&Symbol.iterator,p="@@iterator";function m(f){var v=f&&(u&&f[u]||f[p]);if(typeof v=="function")return v}var E="<<anonymous>>",b={array:W("array"),bigint:W("bigint"),bool:W("boolean"),func:W("function"),number:W("number"),object:W("object"),string:W("string"),symbol:W("symbol"),any:H(),arrayOf:$,element:w(),elementType:h(),instanceOf:re,node:L(),objectOf:ue,oneOf:fe,oneOfType:ee,shape:Q,exact:te};function q(f,v){return f===v?f!==0||1/f===1/v:f!==f&&v!==v}function O(f,v){this.message=f,this.data=v&&typeof v=="object"?v:{},this.stack=""}O.prototype=Error.prototype;function U(f){if(process.env.NODE_ENV!=="production")var v={},T=0;function k(M,R,P,I,V,D,se){if(I=I||E,D=D||P,se!==c){if(l){var g=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 g.name="Invariant Violation",g}else if(process.env.NODE_ENV!=="production"&&typeof console<"u"){var de=I+":"+P;!v[de]&&T<3&&(n("You are manually calling a React.PropTypes validation function for the `"+D+"` prop on `"+I+"`. 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."),v[de]=!0,T++)}}return R[P]==null?M?R[P]===null?new O("The "+V+" `"+D+"` is marked as required "+("in `"+I+"`, but its value is `null`.")):new O("The "+V+" `"+D+"` is marked as required in "+("`"+I+"`, but its value is `undefined`.")):null:f(R,P,I,V,D)}var x=k.bind(null,!1);return x.isRequired=k.bind(null,!0),x}function W(f){function v(T,k,x,M,R,P){var I=T[k],V=j(I);if(V!==f){var D=ne(I);return new O("Invalid "+M+" `"+R+"` of type "+("`"+D+"` supplied to `"+x+"`, expected ")+("`"+f+"`."),{expectedType:f})}return null}return U(v)}function H(){return U(s)}function $(f){function v(T,k,x,M,R){if(typeof f!="function")return new O("Property `"+R+"` of component `"+x+"` has invalid PropType notation inside arrayOf.");var P=T[k];if(!Array.isArray(P)){var I=j(P);return new O("Invalid "+M+" `"+R+"` of type "+("`"+I+"` supplied to `"+x+"`, expected an array."))}for(var V=0;V<P.length;V++){var D=f(P,V,x,M,R+"["+V+"]",c);if(D instanceof Error)return D}return null}return U(v)}function w(){function f(v,T,k,x,M){var R=v[T];if(!a(R)){var P=j(R);return new O("Invalid "+x+" `"+M+"` of type "+("`"+P+"` supplied to `"+k+"`, expected a single ReactElement."))}return null}return U(f)}function h(){function f(v,T,k,x,M){var R=v[T];if(!r.isValidElementType(R)){var P=j(R);return new O("Invalid "+x+" `"+M+"` of type "+("`"+P+"` supplied to `"+k+"`, expected a single ReactElement type."))}return null}return U(f)}function re(f){function v(T,k,x,M,R){if(!(T[k]instanceof f)){var P=f.name||E,I=oe(T[k]);return new O("Invalid "+M+" `"+R+"` of type "+("`"+I+"` supplied to `"+x+"`, expected ")+("instance of `"+P+"`."))}return null}return U(v)}function fe(f){if(!Array.isArray(f))return process.env.NODE_ENV!=="production"&&(arguments.length>1?n("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])."):n("Invalid argument supplied to oneOf, expected an array.")),s;function v(T,k,x,M,R){for(var P=T[k],I=0;I<f.length;I++)if(q(P,f[I]))return null;var V=JSON.stringify(f,function(se,g){var de=ne(g);return de==="symbol"?String(g):g});return new O("Invalid "+M+" `"+R+"` of value `"+String(P)+"` "+("supplied to `"+x+"`, expected one of "+V+"."))}return U(v)}function ue(f){function v(T,k,x,M,R){if(typeof f!="function")return new O("Property `"+R+"` of component `"+x+"` has invalid PropType notation inside objectOf.");var P=T[k],I=j(P);if(I!=="object")return new O("Invalid "+M+" `"+R+"` of type "+("`"+I+"` supplied to `"+x+"`, expected an object."));for(var V in P)if(t(P,V)){var D=f(P,V,x,M,R+"."+V,c);if(D instanceof Error)return D}return null}return U(v)}function ee(f){if(!Array.isArray(f))return process.env.NODE_ENV!=="production"&&n("Invalid argument supplied to oneOfType, expected an instance of array."),s;for(var v=0;v<f.length;v++){var T=f[v];if(typeof T!="function")return n("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+J(T)+" at index "+v+"."),s}function k(x,M,R,P,I){for(var V=[],D=0;D<f.length;D++){var se=f[D],g=se(x,M,R,P,I,c);if(g==null)return null;g.data&&t(g.data,"expectedType")&&V.push(g.data.expectedType)}var de=V.length>0?", expected one of type ["+V.join(", ")+"]":"";return new O("Invalid "+P+" `"+I+"` supplied to "+("`"+R+"`"+de+"."))}return U(k)}function L(){function f(v,T,k,x,M){return A(v[T])?null:new O("Invalid "+x+" `"+M+"` supplied to "+("`"+k+"`, expected a ReactNode."))}return U(f)}function Y(f,v,T,k,x){return new O((f||"React class")+": "+v+" type `"+T+"."+k+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+x+"`.")}function Q(f){function v(T,k,x,M,R){var P=T[k],I=j(P);if(I!=="object")return new O("Invalid "+M+" `"+R+"` of type `"+I+"` "+("supplied to `"+x+"`, expected `object`."));for(var V in f){var D=f[V];if(typeof D!="function")return Y(x,M,R,V,ne(D));var se=D(P,V,x,M,R+"."+V,c);if(se)return se}return null}return U(v)}function te(f){function v(T,k,x,M,R){var P=T[k],I=j(P);if(I!=="object")return new O("Invalid "+M+" `"+R+"` of type `"+I+"` "+("supplied to `"+x+"`, expected `object`."));var V=o({},T[k],f);for(var D in V){var se=f[D];if(t(f,D)&&typeof se!="function")return Y(x,M,R,D,ne(se));if(!se)return new O("Invalid "+M+" `"+R+"` key `"+D+"` supplied to `"+x+"`.\nBad object: "+JSON.stringify(T[k],null," ")+`
|
|
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"})});
|
|
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"})}));
|
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.4",
|
|
4
4
|
"description": "Picker component with vue3 and react",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -50,7 +50,7 @@
|
|
|
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": {
|