@nutui/nutui-react 1.1.1 → 1.1.2-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/esm/Card/style/css.js +1 -0
- package/dist/esm/Card/style/index.js +1 -0
- package/dist/esm/Card.js +68 -0
- package/dist/esm/nutui-react.es.js +1 -0
- package/dist/nutui.react.es.js +237 -172
- package/dist/nutui.react.umd.js +10 -10
- package/dist/packages/card/card.scss +75 -0
- package/dist/style.css +1 -1
- package/dist/style.es.js +1 -1
- package/dist/styles/themes/default.scss +1 -0
- package/dist/types/card/card.d.ts +17 -0
- package/dist/types/card/index.d.ts +2 -0
- package/dist/types/nutui.react.d.ts +2 -1
- package/package.json +1 -1
- package/dist/1x/demo-1.1.1/CSSTransition.js +0 -1
- package/dist/1x/demo-1.1.1/avatar.js +0 -1
- package/dist/1x/demo-1.1.1/bem.js +0 -1
- package/dist/1x/demo-1.1.1/button.js +0 -7
- package/dist/1x/demo-1.1.1/cell.js +0 -1
- package/dist/1x/demo-1.1.1/cellgroup.js +0 -1
- package/dist/1x/demo-1.1.1/demo.css +0 -1
- package/dist/1x/demo-1.1.1/demo.js +0 -1
- package/dist/1x/demo-1.1.1/demo10.css +0 -1
- package/dist/1x/demo-1.1.1/demo10.js +0 -1
- package/dist/1x/demo-1.1.1/demo11.js +0 -1
- package/dist/1x/demo-1.1.1/demo12.js +0 -1
- package/dist/1x/demo-1.1.1/demo13.js +0 -1
- package/dist/1x/demo-1.1.1/demo14.js +0 -1
- package/dist/1x/demo-1.1.1/demo15.js +0 -1
- package/dist/1x/demo-1.1.1/demo16.js +0 -1
- package/dist/1x/demo-1.1.1/demo17.js +0 -1
- package/dist/1x/demo-1.1.1/demo18.js +0 -1
- package/dist/1x/demo-1.1.1/demo19.js +0 -1
- package/dist/1x/demo-1.1.1/demo2.css +0 -1
- package/dist/1x/demo-1.1.1/demo2.js +0 -1
- package/dist/1x/demo-1.1.1/demo20.js +0 -1
- package/dist/1x/demo-1.1.1/demo21.js +0 -1
- package/dist/1x/demo-1.1.1/demo22.js +0 -1
- package/dist/1x/demo-1.1.1/demo23.js +0 -1
- package/dist/1x/demo-1.1.1/demo24.js +0 -7
- package/dist/1x/demo-1.1.1/demo25.js +0 -1
- package/dist/1x/demo-1.1.1/demo26.js +0 -1
- package/dist/1x/demo-1.1.1/demo27.js +0 -1
- package/dist/1x/demo-1.1.1/demo28.js +0 -1
- package/dist/1x/demo-1.1.1/demo29.js +0 -1
- package/dist/1x/demo-1.1.1/demo3.css +0 -1
- package/dist/1x/demo-1.1.1/demo3.js +0 -1
- package/dist/1x/demo-1.1.1/demo30.js +0 -1
- package/dist/1x/demo-1.1.1/demo31.js +0 -4
- package/dist/1x/demo-1.1.1/demo32.js +0 -1
- package/dist/1x/demo-1.1.1/demo33.js +0 -1
- package/dist/1x/demo-1.1.1/demo34.js +0 -1
- package/dist/1x/demo-1.1.1/demo35.js +0 -2
- package/dist/1x/demo-1.1.1/demo36.js +0 -1
- package/dist/1x/demo-1.1.1/demo37.js +0 -1
- package/dist/1x/demo-1.1.1/demo38.js +0 -1
- package/dist/1x/demo-1.1.1/demo39.js +0 -1
- package/dist/1x/demo-1.1.1/demo4.css +0 -1
- package/dist/1x/demo-1.1.1/demo4.js +0 -1
- package/dist/1x/demo-1.1.1/demo40.js +0 -1
- package/dist/1x/demo-1.1.1/demo41.js +0 -1
- package/dist/1x/demo-1.1.1/demo42.js +0 -1
- package/dist/1x/demo-1.1.1/demo43.js +0 -1
- package/dist/1x/demo-1.1.1/demo44.js +0 -1
- package/dist/1x/demo-1.1.1/demo45.js +0 -6
- package/dist/1x/demo-1.1.1/demo46.js +0 -1
- package/dist/1x/demo-1.1.1/demo47.js +0 -1
- package/dist/1x/demo-1.1.1/demo48.js +0 -1
- package/dist/1x/demo-1.1.1/demo5.css +0 -1
- package/dist/1x/demo-1.1.1/demo5.js +0 -1
- package/dist/1x/demo-1.1.1/demo6.css +0 -1
- package/dist/1x/demo-1.1.1/demo6.js +0 -1
- package/dist/1x/demo-1.1.1/demo7.css +0 -1
- package/dist/1x/demo-1.1.1/demo7.js +0 -1
- package/dist/1x/demo-1.1.1/demo8.css +0 -1
- package/dist/1x/demo-1.1.1/demo8.js +0 -1
- package/dist/1x/demo-1.1.1/demo9.css +0 -1
- package/dist/1x/demo-1.1.1/demo9.js +0 -1
- package/dist/1x/demo-1.1.1/drag.js +0 -1
- package/dist/1x/demo-1.1.1/elevator.js +0 -1
- package/dist/1x/demo-1.1.1/icon.js +0 -1
- package/dist/1x/demo-1.1.1/iconfont.ttf +0 -0
- package/dist/1x/demo-1.1.1/iconfont.woff +0 -0
- package/dist/1x/demo-1.1.1/iconfont.woff2 +0 -0
- package/dist/1x/demo-1.1.1/index.js +0 -5
- package/dist/1x/demo-1.1.1/logo-red.png +0 -0
- package/dist/1x/demo-1.1.1/mobile.css +0 -1
- package/dist/1x/demo-1.1.1/mobile.js +0 -1
- package/dist/1x/demo-1.1.1/nutui.react.scss.css +0 -1
- package/dist/1x/demo-1.1.1/nutui.react.scss.js +0 -1
- package/dist/1x/demo-1.1.1/overlay.js +0 -1
- package/dist/1x/demo-1.1.1/picker.js +0 -1
- package/dist/1x/demo-1.1.1/popup.js +0 -1
- package/dist/1x/demo-1.1.1/switch.js +0 -1
- package/dist/1x/demo-1.1.1/toast.js +0 -1
- package/dist/1x/demo-1.1.1/vendor.js +0 -41
- package/dist/1x/demo.html +0 -62
- package/dist/esm/types/src/packages/actionsheet/actionsheet.d.ts +0 -20
- package/dist/esm/types/src/packages/actionsheet/index.d.ts +0 -2
- package/dist/esm/types/src/packages/address/address.d.ts +0 -56
- package/dist/esm/types/src/packages/address/customRender.d.ts +0 -18
- package/dist/esm/types/src/packages/address/existRender.d.ts +0 -18
- package/dist/esm/types/src/packages/address/index.d.ts +0 -2
- package/dist/esm/types/src/packages/animatingnumbers/animatingnumbers.d.ts +0 -12
- package/dist/esm/types/src/packages/animatingnumbers/countup.d.ts +0 -11
- package/dist/esm/types/src/packages/animatingnumbers/index.d.ts +0 -2
- package/dist/esm/types/src/packages/avatar/avatar.d.ts +0 -14
- package/dist/esm/types/src/packages/avatar/index.d.ts +0 -2
- package/dist/esm/types/src/packages/backtop/backtop.d.ts +0 -15
- package/dist/esm/types/src/packages/backtop/index.d.ts +0 -2
- package/dist/esm/types/src/packages/badge/badge.d.ts +0 -13
- package/dist/esm/types/src/packages/badge/index.d.ts +0 -2
- package/dist/esm/types/src/packages/barrage/barrage.d.ts +0 -12
- package/dist/esm/types/src/packages/barrage/index.d.ts +0 -2
- package/dist/esm/types/src/packages/button/button.d.ts +0 -20
- package/dist/esm/types/src/packages/button/index.d.ts +0 -2
- package/dist/esm/types/src/packages/calendar/calendar.d.ts +0 -14
- package/dist/esm/types/src/packages/calendar/index.d.ts +0 -2
- package/dist/esm/types/src/packages/calendaritem/calendaritem.d.ts +0 -17
- package/dist/esm/types/src/packages/calendaritem/index.d.ts +0 -2
- package/dist/esm/types/src/packages/cell/cell.d.ts +0 -16
- package/dist/esm/types/src/packages/cell/index.d.ts +0 -2
- package/dist/esm/types/src/packages/cellgroup/cellgroup.d.ts +0 -6
- package/dist/esm/types/src/packages/cellgroup/index.d.ts +0 -2
- package/dist/esm/types/src/packages/checkbox/checkbox.d.ts +0 -15
- package/dist/esm/types/src/packages/checkbox/index.d.ts +0 -2
- package/dist/esm/types/src/packages/checkboxgroup/checkboxgroup.d.ts +0 -7
- package/dist/esm/types/src/packages/checkboxgroup/index.d.ts +0 -2
- package/dist/esm/types/src/packages/circleprogress/circleprogress.d.ts +0 -9
- package/dist/esm/types/src/packages/circleprogress/index.d.ts +0 -2
- package/dist/esm/types/src/packages/col/col.d.ts +0 -7
- package/dist/esm/types/src/packages/col/index.d.ts +0 -2
- package/dist/esm/types/src/packages/collapse/collapse.d.ts +0 -11
- package/dist/esm/types/src/packages/collapse/index.d.ts +0 -2
- package/dist/esm/types/src/packages/collapseitem/collapseitem.d.ts +0 -18
- package/dist/esm/types/src/packages/collapseitem/index.d.ts +0 -2
- package/dist/esm/types/src/packages/datepicker/datepicker.d.ts +0 -16
- package/dist/esm/types/src/packages/datepicker/index.d.ts +0 -2
- package/dist/esm/types/src/packages/dialog/Confirm.d.ts +0 -7
- package/dist/esm/types/src/packages/dialog/Content.d.ts +0 -10
- package/dist/esm/types/src/packages/dialog/DialogWrap.d.ts +0 -11
- package/dist/esm/types/src/packages/dialog/DialogWrapper.d.ts +0 -8
- package/dist/esm/types/src/packages/dialog/Mask.d.ts +0 -3
- package/dist/esm/types/src/packages/dialog/config.d.ts +0 -46
- package/dist/esm/types/src/packages/dialog/dialog.d.ts +0 -2
- package/dist/esm/types/src/packages/dialog/index.d.ts +0 -2
- package/dist/esm/types/src/packages/divider/divider.d.ts +0 -9
- package/dist/esm/types/src/packages/divider/index.d.ts +0 -2
- package/dist/esm/types/src/packages/drag/drag.d.ts +0 -14
- package/dist/esm/types/src/packages/drag/index.d.ts +0 -2
- package/dist/esm/types/src/packages/elevator/elevator.d.ts +0 -17
- package/dist/esm/types/src/packages/elevator/index.d.ts +0 -2
- package/dist/esm/types/src/packages/fixednav/fixednav.d.ts +0 -22
- package/dist/esm/types/src/packages/fixednav/index.d.ts +0 -2
- package/dist/esm/types/src/packages/icon/icon.d.ts +0 -12
- package/dist/esm/types/src/packages/icon/index.d.ts +0 -2
- package/dist/esm/types/src/packages/infiniteloading/index.d.ts +0 -2
- package/dist/esm/types/src/packages/infiniteloading/infiniteloading.d.ts +0 -20
- package/dist/esm/types/src/packages/input/index.d.ts +0 -2
- package/dist/esm/types/src/packages/input/input.d.ts +0 -20
- package/dist/esm/types/src/packages/input/util.d.ts +0 -1
- package/dist/esm/types/src/packages/inputnumber/index.d.ts +0 -2
- package/dist/esm/types/src/packages/inputnumber/inputnumber.d.ts +0 -22
- package/dist/esm/types/src/packages/layout/index.d.ts +0 -2
- package/dist/esm/types/src/packages/layout/layout.d.ts +0 -4
- package/dist/esm/types/src/packages/navbar/index.d.ts +0 -2
- package/dist/esm/types/src/packages/navbar/navbar.d.ts +0 -15
- package/dist/esm/types/src/packages/noticebar/index.d.ts +0 -2
- package/dist/esm/types/src/packages/noticebar/noticebar.d.ts +0 -23
- package/dist/esm/types/src/packages/notify/Notification.d.ts +0 -31
- package/dist/esm/types/src/packages/notify/index.d.ts +0 -2
- package/dist/esm/types/src/packages/notify/notify.d.ts +0 -10
- package/dist/esm/types/src/packages/nutui.react.build.d.ts +0 -60
- package/dist/esm/types/src/packages/nutui.react.d.ts +0 -119
- package/dist/esm/types/src/packages/nutui.react.scss.d.ts +0 -59
- package/dist/esm/types/src/packages/overlay/index.d.ts +0 -2
- package/dist/esm/types/src/packages/overlay/overlay.d.ts +0 -12
- package/dist/esm/types/src/packages/pagination/index.d.ts +0 -2
- package/dist/esm/types/src/packages/pagination/pagination.d.ts +0 -19
- package/dist/esm/types/src/packages/picker/index.d.ts +0 -2
- package/dist/esm/types/src/packages/picker/picker.d.ts +0 -19
- package/dist/esm/types/src/packages/picker/pickerSlot.d.ts +0 -10
- package/dist/esm/types/src/packages/popover/Trigger.d.ts +0 -21
- package/dist/esm/types/src/packages/popover/index.d.ts +0 -2
- package/dist/esm/types/src/packages/popover/popover.d.ts +0 -13
- package/dist/esm/types/src/packages/popup/index.d.ts +0 -2
- package/dist/esm/types/src/packages/popup/popup.d.ts +0 -23
- package/dist/esm/types/src/packages/price/index.d.ts +0 -2
- package/dist/esm/types/src/packages/price/price.d.ts +0 -11
- package/dist/esm/types/src/packages/radio/context.d.ts +0 -5
- package/dist/esm/types/src/packages/radio/index.d.ts +0 -2
- package/dist/esm/types/src/packages/radio/radio.d.ts +0 -21
- package/dist/esm/types/src/packages/radiogroup/index.d.ts +0 -2
- package/dist/esm/types/src/packages/radiogroup/radiogroup.d.ts +0 -11
- package/dist/esm/types/src/packages/range/index.d.ts +0 -2
- package/dist/esm/types/src/packages/range/range.d.ts +0 -23
- package/dist/esm/types/src/packages/rate/index.d.ts +0 -2
- package/dist/esm/types/src/packages/rate/rate.d.ts +0 -16
- package/dist/esm/types/src/packages/row/UserContext.d.ts +0 -2
- package/dist/esm/types/src/packages/row/index.d.ts +0 -2
- package/dist/esm/types/src/packages/row/row.d.ts +0 -9
- package/dist/esm/types/src/packages/shortpassword/index.d.ts +0 -2
- package/dist/esm/types/src/packages/shortpassword/shortpassword.d.ts +0 -21
- package/dist/esm/types/src/packages/signature/index.d.ts +0 -2
- package/dist/esm/types/src/packages/signature/signature.d.ts +0 -11
- package/dist/esm/types/src/packages/skeleton/index.d.ts +0 -2
- package/dist/esm/types/src/packages/skeleton/skeleton.d.ts +0 -18
- package/dist/esm/types/src/packages/step/index.d.ts +0 -2
- package/dist/esm/types/src/packages/step/step.d.ts +0 -12
- package/dist/esm/types/src/packages/steps/UserContext.d.ts +0 -2
- package/dist/esm/types/src/packages/steps/index.d.ts +0 -2
- package/dist/esm/types/src/packages/steps/steps.d.ts +0 -9
- package/dist/esm/types/src/packages/swiper/UserContext.d.ts +0 -2
- package/dist/esm/types/src/packages/swiper/index.d.ts +0 -2
- package/dist/esm/types/src/packages/swiper/swiper.d.ts +0 -26
- package/dist/esm/types/src/packages/swiperitem/index.d.ts +0 -2
- package/dist/esm/types/src/packages/swiperitem/swiperitem.d.ts +0 -7
- package/dist/esm/types/src/packages/switch/index.d.ts +0 -2
- package/dist/esm/types/src/packages/switch/switch.d.ts +0 -14
- package/dist/esm/types/src/packages/tabbar/index.d.ts +0 -2
- package/dist/esm/types/src/packages/tabbar/tabbar.d.ts +0 -13
- package/dist/esm/types/src/packages/tabbaritem/index.d.ts +0 -2
- package/dist/esm/types/src/packages/tabbaritem/tabbaritem.d.ts +0 -13
- package/dist/esm/types/src/packages/tabpane/index.d.ts +0 -2
- package/dist/esm/types/src/packages/tabpane/tabpane.d.ts +0 -8
- package/dist/esm/types/src/packages/tabs/index.d.ts +0 -2
- package/dist/esm/types/src/packages/tabs/tabs.d.ts +0 -28
- package/dist/esm/types/src/packages/tag/index.d.ts +0 -2
- package/dist/esm/types/src/packages/tag/tag.d.ts +0 -15
- package/dist/esm/types/src/packages/textarea/index.d.ts +0 -2
- package/dist/esm/types/src/packages/textarea/textarea.d.ts +0 -18
- package/dist/esm/types/src/packages/toast/Notification.d.ts +0 -37
- package/dist/esm/types/src/packages/toast/index.d.ts +0 -2
- package/dist/esm/types/src/packages/toast/toast.d.ts +0 -11
- package/dist/esm/types/src/packages/uploader/index.d.ts +0 -2
- package/dist/esm/types/src/packages/uploader/upload.d.ts +0 -20
- package/dist/esm/types/src/packages/uploader/uploader.d.ts +0 -59
- package/dist/esm/types/src/utils/bem.d.ts +0 -2
- package/dist/esm/types/src/utils/create/bem.d.ts +0 -2
- package/dist/esm/types/src/utils/create/index.d.ts +0 -1
- package/dist/esm/types/src/utils/date.d.ts +0 -49
- package/dist/esm/types/src/utils/index.d.ts +0 -1
- package/dist/esm/types/src/utils/raf.d.ts +0 -2
- package/dist/esm/types/src/utils/useRect/index.d.ts +0 -17
- package/dist/esm/types/src/utils/useTouch/index.d.ts +0 -16
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var Q=Object.defineProperty;var C=Object.getOwnPropertySymbols;var G=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable;var D=(t,a,u)=>a in t?Q(t,a,{enumerable:!0,configurable:!0,writable:!0,value:u}):t[a]=u,E=(t,a)=>{for(var u in a||(a={}))G.call(a,u)&&D(t,u,a[u]);if(C)for(var u of C(a))y.call(a,u)&&D(t,u,a[u]);return t};var g=(t,a)=>{var u={};for(var l in t)G.call(t,l)&&a.indexOf(l)<0&&(u[l]=t[l]);if(t!=null&&C)for(var l of C(t))a.indexOf(l)<0&&y.call(t,l)&&(u[l]=t[l]);return u};import{R as e,r as m}from"./vendor.js";import{I as T}from"./icon.js";import{c as U}from"./bem.js";import{C as r}from"./cell.js";import{C as d}from"./cellgroup.js";const W={onChange:t=>{}};var V=e.createContext(W);const I={value:null,textPosition:"right",onChange:t=>{},direction:"vertical"},_=e.forwardRef((t,a)=>{const{children:u}=E(E({},I),t);U("RadioGroup");const s=t,{className:l,value:o,onChange:f,textPosition:p,direction:v}=s,F=g(s,["className","value","onChange","textPosition","direction"]),[N,b]=m.exports.useState(o);m.exports.useEffect(()=>{b(o)},[o]);function R(c){return N===null?!1:N===c.props.value}function x(){return e.Children.map(u,(c,S)=>{const A=R(c);return c.type.displayName!=="NutRadio"?e.cloneElement(c):e.cloneElement(c,{textPosition:p,checked:A})})}return e.createElement(V.Provider,{value:{onChange:c=>{b(c),f&&f(c)}}},e.createElement("div",E({className:`nut-radiogroup nut-radiogroup--${t.direction}`},F),x()))});_.defaultProps=I;_.displayName="NutRadioGroup";const w={disabled:!1,checked:!1,shape:"round",value:"",textPosition:"right",iconName:"check-normal",iconActiveName:"check-checked",iconSize:18,onChange:t=>{}},n=t=>{const{children:a}=E(E({},w),t),z=t,{className:u,disabled:l,checked:o,shape:f,textPosition:p,value:v,iconName:F,iconActiveName:N,iconSize:b,onChange:R}=z,x=g(z,["className","disabled","checked","shape","textPosition","value","iconName","iconActiveName","iconSize","onChange"]),s="nut-radio",[c,S]=m.exports.useState(o),[A,L]=m.exports.useState(v),[h,j]=m.exports.useState(l),B=m.exports.useContext(V);m.exports.useEffect(()=>{j(l),L(v),S(o)},[l,v,o]);const $=()=>e.createElement("div",{className:`${s}__label ${h?`${s}__label--disabled`:""}`},a),q=()=>e.createElement("div",{className:`${s}__button ${c&&`${s}__button--active`} ${h?`${s}__button--disabled`:""}`},a),H=()=>h?"nut-radio__icon--disable":c?"nut-radio__icon":"nut-radio__icon--unchecked",P=()=>{const{iconName:k,iconSize:M,iconActiveName:O}=t;return e.createElement(T,{name:c?O:k,size:M,className:H()})},J=k=>{h||(S(!c),t.onChange&&t.onChange(k),B&&B.onChange(A))},K=p==="left";return e.createElement("div",E({className:`nut-radio ${u}`,onClick:J},x),t.shape=="button"?q():K?[$(),P()]:[P(),$()])};n.defaultProps=w;n.displayName="NutRadio";n.RadioGroup=_;const{RadioGroup:i}=n,ae=()=>{const[t]=m.exports.useState(!0),[a,u]=m.exports.useState(1);function l(o){console.log(o),u(o)}return e.createElement(e.Fragment,null,e.createElement("div",{className:"demo full"},e.createElement("h2",null,"\u57FA\u672C\u7528\u6CD5"),e.createElement(d,null,e.createElement(r,null,e.createElement(n,{checked:t,value:"1"},"\u9009\u98791"))),e.createElement("h2",null,"\u57FA\u672C\u7528\u6CD5"),e.createElement(d,null,e.createElement(r,null,e.createElement(i,{value:"1"},e.createElement(n,{value:"1"},"\u9009\u98791"),e.createElement(n,{disabled:!0,value:"2"},"\u9009\u98792"),e.createElement(n,{value:"3"},"\u9009\u98793"))),e.createElement(r,null,e.createElement(i,{value:"2",textPosition:"left"},e.createElement(n,{value:"1"},"\u9009\u98791"),e.createElement(n,{disabled:!0,value:"2"},"\u9009\u98792"),e.createElement(n,{value:"3"},"\u9009\u98793"))),e.createElement(r,null,e.createElement(i,{value:"3"},e.createElement(n,{shape:"button",value:"1"},"\u9009\u98791"),e.createElement(n,{disabled:!0,shape:"button",value:"2"},"\u9009\u98792"),e.createElement(n,{shape:"button",value:"3"},"\u9009\u98793")))),e.createElement("h2",null,"\u6C34\u5E73\u4F7F\u7528"),e.createElement(d,null,e.createElement(r,null,e.createElement(i,{value:"1",direction:"horizontal"},e.createElement(n,{value:"1"},"\u9009\u98791"),e.createElement(n,{value:"2"},"\u9009\u98792"),e.createElement(n,{value:"3"},"\u9009\u98793"))),e.createElement(r,null,e.createElement(i,{value:"2",textPosition:"left",direction:"horizontal"},e.createElement(n,{value:"1"},"\u9009\u98791"),e.createElement(n,{value:"2"},"\u9009\u98792"),e.createElement(n,{value:"3"},"\u9009\u98793"))),e.createElement(r,null,e.createElement(i,{value:"3",direction:"horizontal"},e.createElement(n,{shape:"button",value:"1"},"\u9009\u98791"),e.createElement(n,{shape:"button",value:"2"},"\u9009\u98792"),e.createElement(n,{shape:"button",value:"3"},"\u9009\u98793")))),e.createElement("h2",null,"\u81EA\u5B9A\u4E49\u5C3A\u5BF8"),e.createElement(d,null,e.createElement(r,null,e.createElement(i,{value:"2"},e.createElement(n,{value:"1",iconSize:"24"},"\u81EA\u5B9A\u4E49\u5C3A\u5BF812"),e.createElement(n,{value:"2",iconSize:"12"},"\u81EA\u5B9A\u4E49\u5C3A\u5BF812")))),e.createElement("h2",null,"Radio\u81EA\u5B9A\u4E49\u56FE\u6807"),e.createElement(d,null,e.createElement(r,null,e.createElement(i,{value:"1"},e.createElement(n,{value:"1",iconName:"checklist","icon-active-name":"checklist"},"\u81EA\u5B9A\u4E49\u56FE\u6807"),e.createElement(n,{value:"2",iconName:"checklist","icon-active-name":"checklist"},"\u81EA\u5B9A\u4E49\u56FE\u6807")))),e.createElement("h2",null,"\u89E6\u53D1\u4E8B\u4EF6"),e.createElement(d,null,e.createElement(r,null,e.createElement(i,{value:a,onChange:l},e.createElement(n,{value:1},"\u89E6\u53D1\u4E8B\u4EF6"),e.createElement(n,{value:2},"\u89E6\u53D1\u4E8B\u4EF6"))),e.createElement(r,{title:"\u5F53\u524D\u9009\u4E2D\u503C",desc:a.toString()}))))};export{ae as default};
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var re=Object.defineProperty;var q=Object.getOwnPropertySymbols;var oe=Object.prototype.hasOwnProperty,le=Object.prototype.propertyIsEnumerable;var G=(n,a,o)=>a in n?re(n,a,{enumerable:!0,configurable:!0,writable:!0,value:o}):n[a]=o,O=(n,a)=>{for(var o in a||(a={}))oe.call(a,o)&&G(n,o,a[o]);if(q)for(var o of q(a))le.call(a,o)&&G(n,o,a[o]);return n};import{r as i,R as t}from"./vendor.js";import{c as se}from"./bem.js";import{T as L}from"./toast.js";import{C as f}from"./cell.js";import"./index.js";import"./icon.js";const K=10;function ue(n,a){return n>a&&n>K?"horizontal":a>n&&a>K?"vertical":""}function ce(){const[n,a]=i.exports.useState(0),[o,c]=i.exports.useState(0),[y,m]=i.exports.useState(0),[r,E]=i.exports.useState(0),[F,h]=i.exports.useState(0),[p,x]=i.exports.useState(0),[s,C]=i.exports.useState(""),A=()=>s==="vertical",R=()=>s==="horizontal",T=()=>{m(0),E(0),h(0),x(0),C("")};return{move:l=>{const V=l.touches[0],S=V.clientX-n,v=V.clientY-o;m(S),E(v),h(Math.abs(S)),x(Math.abs(v)),s||C(ue(Math.abs(S),Math.abs(v)))},start:l=>{T(),a(l.touches[0].clientX),c(l.touches[0].clientY)},reset:T,startX:n,startY:o,deltaX:y,deltaY:r,offsetX:F,offsetY:p,direction:s,isVertical:A,isHorizontal:R}}function ie(n){return n===window}const me=n=>{const a=n;if(ie(a)){const o=a.innerWidth,c=a.innerHeight;return{top:0,left:0,right:o,bottom:c,width:o,height:c}}return a&&a.getBoundingClientRect?a.getBoundingClientRect():{top:0,left:0,right:0,bottom:0,width:0,height:0}},Q={range:!1,hiddenRange:!1,hiddenTag:!1,min:0,max:100,step:1,modelValue:0};let N,b;const g=n=>{const{className:a,range:o,disabled:c,activeColor:y,inactiveColor:m,buttonColor:r,hiddenRange:E,hiddenTag:F,min:h,max:p,step:x,modelValue:s,button:C,change:A,dragStart:R,dragEnd:T}=O(O({},Q),n),[X,z]=i.exports.useState(0),[l,V]=i.exports.useState(),[S,v]=i.exports.useState("start"),Y=ce(),k=i.exports.useRef(null),I=se("range");i.exports.useEffect(()=>{if(s){if(!o&&(s<h||s>p)){V(0),L.text(`${s}\u4E0D\u5728\u8BE5\u533A\u95F4\u5185`);return}V(s)}},[s]);const B=()=>Number(p)-Number(h),U=()=>({background:m}),P=()=>({borderColor:r}),w=e=>!!o&&Array.isArray(e),Z=()=>{const e=l||l===0?l:s;return w(e)?`${(e[1]-e[0])*100/B()}%`:`${(e-Number(h))*100/B()}%`},ee=()=>{const e=l||l===0?l:s;return w(e)?`${(e[0]-Number(h))*100/B()}%`:"0%"},te=()=>({width:Z(),left:ee(),background:y,transition:S?"none":void 0}),D=e=>(e=Math.max(+h,Math.min(e,+p)),Math.round(e/+x)*+x),H=(e,u)=>JSON.stringify(e)===JSON.stringify(u),ne=e=>e[0]>e[1]?e.slice(0).reverse():e,J=(e,u)=>{w(e)?e=ne(e).map(D):e=D(e),H(e,l||l===0?l:s)||V(e),u&&!H(e,N)&&A&&A(e)},W=e=>{c||(Y.start(e),b=l||l===0?l:s,w(b)?N=b.map(D):N=D(b),v("start"))},_=e=>{if(c||!k.current)return;S==="start"&&R&&R(),Y.move(e),v("draging");const u=me(k.current),d=Y.deltaX,ae=u.width,j=d/ae*B();w(N)?b[X]=N[X]+j:b=N+j,J(b)},M=e=>{c||(S==="draging"&&(J(b,!0),T&&T()),v(""))},$=e=>{const u=l||l===0?l:s;return typeof e=="number"?u[e]:u};return t.createElement("div",{className:`nut-range-container ${a||""}`},E?null:t.createElement("div",{className:"min"},+h),t.createElement("div",{ref:k,style:U(),className:`${I()} ${c?I("disabled"):""} ${E?"":I("show-number")}`},t.createElement("div",{className:"nut-range-bar",style:te()},o?[0,1].map((e,u)=>t.createElement("div",{role:"slider",key:u,className:`${u==0?"nut-range-button-wrapper-left":""}
|
|
2
|
-
${u==1?"nut-range-button-wrapper-right":""}`,tabIndex:c?-1:0,"aria-valuemin":+h,"aria-valuenow":$(u),"aria-valuemax":+p,"aria-orientation":"horizontal",onTouchStart:d=>{d.preventDefault,typeof u=="number"&&z(u),W(d)},onTouchMove:d=>{_(d)},onTouchEnd:d=>{M()},onTouchCancel:d=>{M()},onClick:d=>{d.stopPropagation()}},C||t.createElement("div",{className:"nut-range-button",style:P()},F?null:t.createElement("div",{className:"number"},$(u))))):t.createElement("div",{role:"slider",className:"nut-range-button-wrapper",tabIndex:c?-1:0,"aria-valuemin":+h,"aria-valuenow":$(),"aria-valuemax":+p,"aria-orientation":"horizontal",onTouchStart:e=>{W(e)},onTouchMove:e=>{_(e)},onTouchEnd:e=>{M()},onTouchCancel:e=>{M()},onClick:e=>{e.stopPropagation()}},C||t.createElement("div",{className:"nut-range-button",style:P()},F?null:t.createElement("div",{className:"number"},$()))))),E?null:t.createElement("div",{className:"max"},+p))};g.defaultProps=Q;g.displayName="NutRange";const Se=()=>{const n={padding:"40px 18px"},[a,o]=i.exports.useState(40),[c,y]=i.exports.useState(60),m=(r,E)=>{switch(L.text(`\u5F53\u524D\u503C\uFF1A${r}`),E){case"value1":o(r);break;case"value2":y(r);break}};return t.createElement(t.Fragment,null,t.createElement("div",{className:"demo"},t.createElement("h2",null,"\u57FA\u7840\u7528\u6CD5"),t.createElement(f,{style:n},t.createElement(g,{modelValue:40})),t.createElement("h2",null,"\u53CC\u6ED1\u5757"),t.createElement(f,{style:n},t.createElement(g,{range:!0,modelValue:[30,60],change:r=>{m(r)}})),t.createElement("h2",null,"\u6307\u5B9A\u8303\u56F4"),t.createElement(f,{style:n},t.createElement(g,{modelValue:0,max:10,min:-10,change:r=>{m(r)}})),t.createElement("h2",null,"\u8BBE\u7F6E\u6B65\u957F"),t.createElement(f,{style:n},t.createElement(g,{modelValue:a,step:5,change:r=>{m(r,"value1")}})),t.createElement("h2",null,"\u9690\u85CF\u8303\u56F4"),t.createElement(f,{style:n},t.createElement(g,{modelValue:30,hiddenRange:!0,change:r=>{m(r)}})),t.createElement("h2",null,"\u9690\u85CF\u6807\u7B7E"),t.createElement(f,{style:n},t.createElement(g,{modelValue:20,hiddenTag:!0,change:r=>{m(r)}})),t.createElement("h2",null,"\u7981\u7528"),t.createElement(f,{style:n},t.createElement(g,{modelValue:50,disabled:!0,change:r=>{m(r)}})),t.createElement("h2",null,"\u81EA\u5B9A\u4E49\u6837\u5F0F"),t.createElement(f,{style:n},t.createElement(g,{className:"test-range",modelValue:40,inactiveColor:"rgba(163,184,255,1)",buttonColor:"rgba(52,96,250,1)",activeColor:"linear-gradient(315deg, rgba(73,143,242,1) 0%,rgba(73,101,242,1) 100%)",style:{color:"red"},change:r=>{m(r)}})),t.createElement("h2",null,"\u81EA\u5B9A\u4E49\u6309\u94AE"),t.createElement(f,{style:n},t.createElement(g,{modelValue:c,button:t.createElement("div",{className:"custom-button"},c),change:r=>{m(r,"value2")}}))))};export{Se as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var R=Object.defineProperty;var V=Object.getOwnPropertySymbols;var D=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable;var b=(c,l,a)=>l in c?R(c,l,{enumerable:!0,configurable:!0,writable:!0,value:a}):c[l]=a,f=(c,l)=>{for(var a in l||(l={}))D.call(l,a)&&b(c,a,l[a]);if(V)for(var a of V(l))w.call(l,a)&&b(c,a,l[a]);return c};import{r as m,R as e}from"./vendor.js";import{c as k}from"./bem.js";import{I as h}from"./icon.js";const F={count:5,modelValue:0,iconSize:18,activeColor:"",voidColor:"",checkedIcon:"star-fill-n",uncheckedIcon:"star-n",disabled:!1,readonly:!1,allowHalf:!1,spacing:14},o=c=>{const{count:l,modelValue:a,iconSize:i,activeColor:p,voidColor:d,checkedIcon:A,uncheckedIcon:C,disabled:N,readonly:v,allowHalf:E,spacing:y,change:g}=f(f({},F),c),I=k("rate"),r=k("rate-item"),[$,S]=m.exports.useState([1,2,3,4,5]),[u,B]=m.exports.useState(0);m.exports.useEffect(()=>{const t=[];for(let n=1;n<=Number(l);n++)t.push(n);S(t)},[l]),m.exports.useEffect(()=>{B(Number(a))},[a]);const x=t=>isNaN(Number(t))?String(t):`${t}px`,z=(t,n)=>{if(t.preventDefault(),t.stopPropagation(),N||v)return;let s=0;n===1&&u===n||(s=n,E&&(t==null?void 0:t.target).className.includes("__icon--half")&&(s-=.5)),B(s),g&&g(s)};return e.createElement("div",{className:I()},$.map(t=>e.createElement("div",{className:r(),key:t,onClick:n=>z(n,t),style:{marginRight:x(y)}},e.createElement(h,{size:i,className:`${r("icon")} ${N||t>u?r("icon--disabled"):""}`,name:t<=u?A:C,color:t<=u?p:d}),E&&u>t-1&&e.createElement(h,{className:`${r("icon")} ${r("icon--half")}`,color:t<=u?p:d,size:i,name:A}),E&&u<t-1&&e.createElement(h,{className:`${r("icon")} ${r("icon--disabled")} ${r("icon--half")}`,color:d,size:i,name:C}))))};o.defaultProps=F;o.displayName="NutRate";const q=()=>{const c=l=>{alert(l)};return e.createElement(e.Fragment,null,e.createElement("div",{className:"demo"},e.createElement("h2",null,"\u57FA\u7840\u7528\u6CD5"),e.createElement(o,{modelValue:3}),e.createElement("h2",null,"\u534A\u661F"),e.createElement(o,{allowHalf:!0,modelValue:"3.5"}),e.createElement("h2",null,"\u81EA\u5B9A\u4E49 icon "),e.createElement(o,{checkedIcon:"heart-fill1",uncheckedIcon:"heart",modelValue:"3"}),e.createElement("h2",null,"\u81EA\u5B9A\u4E49\u6570\u91CF"),e.createElement(o,{count:"6",modelValue:"3"}),e.createElement("h2",null,"\u81EA\u5B9A\u4E49\u989C\u8272"),e.createElement(o,{activeColor:"#FFC800",modelValue:"3"}),e.createElement("h2",null,"\u7981\u7528\u72B6\u6001"),e.createElement(o,{disabled:!0,modelValue:"3"}),e.createElement("h2",null,"\u53EA\u8BFB\u72B6\u6001"),e.createElement(o,{modelValue:"3",readonly:!0}),e.createElement("h2",null,"\u7ED1\u5B9A\u4E8B\u4EF6"),e.createElement(o,{modelValue:"3",change:()=>c}),e.createElement("h2",null,"\u81EA\u5B9A\u4E49\u5C3A\u5BF8 35px"),e.createElement(o,{modelValue:"3",iconSize:"35"})))};export{q as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var j=Object.defineProperty;var f=Object.getOwnPropertySymbols;var _=Object.prototype.hasOwnProperty,O=Object.prototype.propertyIsEnumerable;var V=(t,s,l)=>s in t?j(t,s,{enumerable:!0,configurable:!0,writable:!0,value:l}):t[s]=l,b=(t,s)=>{for(var l in s||(s={}))_.call(s,l)&&V(t,l,s[l]);if(f)for(var l of f(s))O.call(s,l)&&V(t,l,s[l]);return t};var I=(t,s)=>{var l={};for(var n in t)_.call(t,n)&&s.indexOf(n)<0&&(l[n]=t[n]);if(t!=null&&f)for(var n of f(t))s.indexOf(n)<0&&O.call(t,n)&&(l[n]=t[n]);return l};import{r as o,R as e}from"./vendor.js";import{C as d}from"./cell.js";import{T as q}from"./toast.js";import{c as G}from"./bem.js";import{P as H}from"./popup.js";import{I as J}from"./icon.js";import"./index.js";import"./overlay.js";import"./CSSTransition.js";const K={title:"\u8BF7\u8F93\u5165\u5BC6\u7801",desc:"\u60A8\u4F7F\u7528\u4E86\u865A\u62DF\u8D44\u4EA7\uFF0C\u8BF7\u8FDB\u884C\u9A8C\u8BC1",tips:"\u5FD8\u8BB0\u5BC6\u7801",visible:!1,modelValue:"",errorMsg:"",noButton:!0,closeOnClickOverlay:!0,length:6,className:"",change:t=>{},onOk:t=>{},onCancel:()=>{},onClose:()=>{},onTips:()=>{},complete:t=>{}},m=t=>{const y=t,{title:s,desc:l,tips:n,visible:p,modelValue:c,errorMsg:v,noButton:E,closeOnClickOverlay:g,length:B,style:x,className:h,change:r,onOk:N,onTips:L,onCancel:P,onClose:D,complete:F}=y,T=I(y,["title","desc","tips","visible","modelValue","errorMsg","noButton","closeOnClickOverlay","length","style","className","change","onOk","onTips","onCancel","onClose","complete"]),u=G("shortpassword"),k=o.exports.useRef(null),w=i=>Math.min(Math.max(4,i),6),[M,R]=o.exports.useState(p),[C,Q]=o.exports.useState(w(Number(B))),[A,S]=o.exports.useState("");o.exports.useEffect(()=>{R(p)},[p]),o.exports.useEffect(()=>{c&&S(c)},[c]);const z=i=>{let a=i.target.value;String(a).length>C&&(a=a.slice(0,C)),S(a),String(a).length===C&&F&&F(a),r&&r(a)},U=()=>{const i=navigator.userAgent,a=i.indexOf("Android")>-1||i.indexOf("Linux")>-1;if(!!i.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/))return{paddingRight:"1200px"};if(a)return{opacity:0,zIndex:10}},$=()=>{k.current&&k.current.focus()},X=()=>{N&&N(A)};return e.createElement("div",null,e.createElement(H,{style:{padding:"32px 24px 28px 24px",borderRadius:"12px",textAlign:"center"},visible:M,closeable:!0,"close-on-click-overlay":g,onClickOverlay:D,onClickCloseIcon:D},e.createElement("div",b({className:`${u()} ${h}`,style:b({},x)},T),e.createElement("div",{className:u("title")},s),e.createElement("div",{className:u("subtitle")},l),e.createElement("div",{className:u("input")},e.createElement("input",{ref:k,className:u("input-real"),type:"number",style:U(),maxLength:6,value:A,onChange:i=>z(i)}),e.createElement("div",{className:u("input-site")}),e.createElement("div",{className:u("input-fake"),onClick:()=>$()},[...new Array(C).keys()].map((i,a)=>e.createElement("div",{className:u("input-fake__li"),key:a},String(A).length>a?e.createElement("div",{className:u("input-fake__li__icon")}):null)))),e.createElement("div",{className:u("message")},e.createElement("div",{className:u("message__error")},v),n?e.createElement("div",{className:u("message__forget")},e.createElement(J,{className:"icon",size:"11px",name:"tips"}),e.createElement("div",{onClick:L},n)):null),E?null:e.createElement("div",{className:u("footer")},e.createElement("div",{className:u("footer__cancel"),onClick:P},"\u53D6\u6D88"),e.createElement("div",{className:u("footer__sure"),onClick:()=>X()},"\u786E\u8BA4")))))};m.defaultProps=K;m.displayName="NutShortPassword";const ie=()=>{const[t,s]=o.exports.useState(!1),[l,n]=o.exports.useState(!1),[p,c]=o.exports.useState(!1),[v,E]=o.exports.useState(!1),[g,B]=o.exports.useState(""),x=r=>{console.log(r),B(r)},h=()=>{q.text("\u6267\u884C\u5FD8\u8BB0\u5BC6\u7801\u63D0\u793A\u8BED")};return e.createElement("div",{className:"demo"},e.createElement("h2",null,"\u57FA\u7840\u7528\u6CD5"),e.createElement(d,{title:"\u57FA\u7840\u7528\u6CD5",isLink:!0,onClick:()=>{s(!0)}}),e.createElement(m,{visible:t,modelValue:g,onClose:()=>s(!1),change:r=>x(r)}),e.createElement("h2",null,"\u663E\u793A\u6309\u94AE\u7EC4"),e.createElement(d,{title:"\u663E\u793A\u6309\u94AE\u7EC4",isLink:!0,onClick:()=>{n(!0)}}),e.createElement(m,{visible:l,onClose:()=>n(!1),noButton:!1,onOk:()=>n(!1),onCancel:()=>n(!1)}),e.createElement("h2",null,"\u81EA\u5B9A\u4E49\u5BC6\u7801\u957F\u5EA64"),e.createElement(d,{title:"\u81EA\u5B9A\u4E49\u5BC6\u7801\u957F\u5EA64",isLink:!0,onClick:()=>{c(!0)}}),e.createElement(m,{visible:p,onClose:()=>c(!1),length:4}),e.createElement("h2",null,"\u5FD8\u8BB0\u5BC6\u7801\u63D0\u793A\u8BED\u4E8B\u4EF6\u56DE\u8C03"),e.createElement(d,{title:"\u5FD8\u8BB0\u5BC6\u7801\u63D0\u793A\u8BED\u4E8B\u4EF6\u56DE\u8C03",isLink:!0,onClick:()=>{E(!0)}}),e.createElement(m,{visible:v,onClose:()=>E(!1),onTips:()=>h()}))};export{ie as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var z=Object.defineProperty;var g=Object.getOwnPropertySymbols;var k=Object.prototype.hasOwnProperty,A=Object.prototype.propertyIsEnumerable;var R=(e,r,n)=>r in e?z(e,r,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[r]=n,h=(e,r)=>{for(var n in r||(r={}))k.call(r,n)&&R(e,n,r[n]);if(g)for(var n of g(r))A.call(r,n)&&R(e,n,r[n]);return e};var H=(e,r)=>{var n={};for(var s in e)k.call(e,s)&&r.indexOf(s)<0&&(n[s]=e[s]);if(e!=null&&g)for(var s of g(e))r.indexOf(s)<0&&A.call(e,s)&&(n[s]=e[s]);return n};import{r as d,R as c}from"./vendor.js";import{B as W}from"./button.js";import{c as G}from"./bem.js";import"./icon.js";const b={type:"png",lineWidth:2,strokeStyle:"#000",unSupportTpl:"\u5BF9\u4E0D\u8D77\uFF0C\u5F53\u524D\u6D4F\u89C8\u5668\u4E0D\u652F\u6301Canvas\uFF0C\u65E0\u6CD5\u4F7F\u7528\u672C\u63A7\u4EF6\uFF01",className:""},C=e=>{const x=h(h({},b),e),{type:r,lineWidth:n,strokeStyle:s,unSupportTpl:f,className:l}=x,E=H(x,["type","lineWidth","strokeStyle","unSupportTpl","className"]),o=G("signature"),t=d.exports.useRef(null),p=d.exports.useRef(null),[F,w]=d.exports.useState(0),[S,T]=d.exports.useState(0),a=d.exports.useRef(null),y=()=>{const u=document.createElement("canvas");return!!(u.getContext&&u.getContext("2d"))},D="ontouchstart"in window,m=D?["touchstart","touchmove","touchend","touchleave"]:["mousedown","mousemove","mouseup","mouseleave"];d.exports.useEffect(()=>{y()&&t.current&&p.current&&(a.current=t.current.getContext("2d"),T(p.current.offsetWidth),w(p.current.offsetHeight),P())},[]);const $=u=>{u.preventDefault(),a.current&&t.current&&(a.current.beginPath(),a.current.lineWidth=n,a.current.strokeStyle=s,t.current.addEventListener(m[1],B,!1),t.current.addEventListener(m[2],v,!1),t.current.addEventListener(m[3],q,!1))},P=()=>{t.current&&t.current.addEventListener(m[0],$,!1)},B=u=>{u.preventDefault();const i=D?u.touches[0]:u;if(t.current&&a.current){const L=t.current.getBoundingClientRect(),X=i.clientX-L.left,Y=i.clientY-L.top;a.current.lineTo(X,Y),a.current.stroke()}},v=u=>{u.preventDefault(),t.current&&(t.current.removeEventListener(m[1],B,!1),t.current.removeEventListener(m[2],v,!1))},q=u=>{u.preventDefault(),t.current&&(t.current.removeEventListener(m[1],B,!1),t.current.removeEventListener(m[2],v,!1))},N=()=>{t.current&&a.current&&(t.current.addEventListener(m[2],v,!1),a.current.clearRect(0,0,S,F),a.current.closePath()),e.clear&&e.clear()},j=()=>{U(t.current)},U=u=>{let i;switch(r){case"png":i=u.toDataURL("image/png");break;case"jpg":i=u.toDataURL("image/jpeg",.8);break}N(),e.confirm&&e.confirm(u,i)};return c.createElement("div",h({className:`${o()} ${l}`},E),c.createElement("div",{className:`${o("inner")}`,ref:p},y()?c.createElement("canvas",{ref:t,height:F,width:S}):c.createElement("p",{className:`${o("unsopport")}`},f)),c.createElement(W,{className:`${o("btn")}`,type:"default",onClick:()=>N()},"\u91CD\u7B7E"),c.createElement(W,{className:`${o("btn")}`,type:"primary",onClick:()=>j()},"\u786E\u8BA4"))};C.defaultProps=b;C.displayName="NutSignature";const Q=()=>{const e=(l,E)=>{const o=document.createElement("img");o.src=E,document.querySelector(".demo1").appendChild(o)},r=()=>{const l=document.querySelector(".demo1 img");l&&l.remove()},n=(l,E)=>{const o=document.createElement("img");o.src=E,document.querySelector(".demo2").appendChild(o)},s=()=>{const l=document.querySelector(".demo2 img");l&&l.remove()},f={margin:"1em 0"};return c.createElement(c.Fragment,null,c.createElement("div",{className:"demo"},c.createElement("h2",null,"\u57FA\u7840\u7528\u6CD5"),c.createElement(C,{confirm:e,clear:r}),c.createElement("p",{className:"demo-tips demo1",style:f},"Tips: \u70B9\u51FB\u786E\u8BA4\u6309\u94AE,\u4E0B\u65B9\u663E\u793A\u7B7E\u540D\u56FE\u7247"),c.createElement("h2",null,"\u4FEE\u6539\u989C\u8272\u548C\u7B7E\u5B57\u7C97\u7EC6"),c.createElement(C,{lineWidth:4,strokeStyle:"green",confirm:n,clear:s}),c.createElement("p",{className:"demo-tips demo2",style:f},"Tips: \u70B9\u51FB\u786E\u8BA4\u6309\u94AE,\u4E0B\u65B9\u663E\u793A\u7B7E\u540D\u56FE\u7247")))};export{Q as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var j=Object.defineProperty;var r=Object.getOwnPropertySymbols;var C=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable;var v=(t,u,a)=>u in t?j(t,u,{enumerable:!0,configurable:!0,writable:!0,value:a}):t[u]=a,s=(t,u)=>{for(var a in u||(u={}))C.call(u,a)&&v(t,a,u[a]);if(r)for(var a of r(u))p.call(u,a)&&v(t,a,u[a]);return t};var f=(t,u)=>{var a={};for(var l in t)C.call(t,l)&&u.indexOf(l)<0&&(a[l]=t[l]);if(t!=null&&r)for(var l of r(t))u.indexOf(l)<0&&p.call(t,l)&&(a[l]=t[l]);return a};import{R as e,r as I}from"./vendor.js";import{c}from"./index.js";import{A as N}from"./avatar.js";import{c as L}from"./bem.js";import{S as U}from"./switch.js";import"./icon.js";const A={width:100,height:100,row:1,animated:!1,title:!1,avatar:!1,round:!1,avatarSize:"50px",loading:!1,avatarShape:"round"},n=t=>{const h=s(s({},A),t),{className:u,width:a,height:l,animated:m,row:i,title:w,avatar:k,avatarSize:o,round:S,loading:B,children:b,avatarShape:E}=h,x=f(h,["className","width","height","animated","row","title","avatar","avatarSize","round","loading","children","avatarShape"]),y=L("skeleton"),D=c(u,y()),d=c({blockClass:!0,"blockClass--round":S}),$=c({avatarClass:!0,[`avatarClass--${E}`]:E}),z=F=>Array.from({length:F},(g,P)=>P),R=()=>({width:o,height:o});return e.createElement(e.Fragment,null,B?e.createElement("div",null,b):e.createElement("div",s({className:D},x),e.createElement("div",{className:"skeleton-animation"}),e.createElement("div",{className:"nut-skeleton-content"},k&&e.createElement(N,{className:$,bgColor:"rgb(239, 239, 239)",style:R()}),i===1?e.createElement("div",{className:d,style:{width:`${a}px`,height:`${l}px`}}):e.createElement("div",{className:"skeleton-content-line"},w&&e.createElement("div",{className:"skeleton-title"}),z(i).map((F,g)=>e.createElement("div",{className:`${d} skeleton-lines`,key:g,style:{width:`${a}px`,height:`${l}px`}}))))))};n.defaultProps=A;n.displayName="NutSkeleton";const Q=()=>{const[t,u]=I.exports.useState(!1),a=(l,m)=>{console.log(`\u89E6\u53D1\u4E86change\u4E8B\u4EF6\uFF0C\u5F00\u5173\u72B6\u6001\uFF1A${l}`),u(l)};return e.createElement(e.Fragment,null,e.createElement("div",{className:"demo"},e.createElement("h2",null,"\u57FA\u7840\u7528\u6CD5"),e.createElement(n,{width:250,height:15,animated:!0}),e.createElement("h2",null,"\u4F20\u5165\u591A\u884C"),e.createElement(n,{width:250,height:15,row:3,title:!0,animated:!0}),e.createElement("h2",null,"\u663E\u793A\u5934\u50CF"),e.createElement(n,{width:250,height:15,row:3,title:!0,animated:!0,avatar:!0}),e.createElement("h2",null,"\u6807\u9898\u6BB5\u843D\u5706\u89D2\u98CE\u683C"),e.createElement(n,{width:250,height:15,animated:!0,round:!0}),e.createElement("h2",null,"\u663E\u793A\u5B50\u7EC4\u4EF6"),e.createElement("div",{className:"content"},e.createElement(U,{size:"15px",change:(l,m)=>a(l)}),e.createElement(n,{width:250,height:15,title:!0,animated:!0,avatar:!0,row:3,loading:t},e.createElement("div",{className:"container"},e.createElement(N,{size:"50",icon:"https://img14.360buyimg.com/imagetools/jfs/t1/167902/2/8762/791358/603742d7E9b4275e3/e09d8f9a8bf4c0ef.png"}),e.createElement("div",{className:"right-content"},e.createElement("span",{className:"title"},"NutUI-React"),e.createElement("div",{className:"desc"},"\u4E00\u5957\u4EAC\u4E1C\u98CE\u683C\u7684\u8F7B\u91CF\u7EA7\u79FB\u52A8\u7AEFReact\u7EC4\u4EF6\u5E93\uFF0C\u63D0\u4F9B\u4E30\u5BCC\u7684\u57FA\u7840\u7EC4\u4EF6\u548C\u4E1A\u52A1\u7EC4\u4EF6\uFF0C\u5E2E\u52A9\u5F00\u53D1\u8005\u5FEB\u901F\u642D\u5EFA\u79FB\u52A8\u5E94\u7528\u3002")))))))};export{Q as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.barrage-demo-wrap,.barrage-demo{padding:20px 0;height:150px}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{R as e}from"./vendor.js";import{A as t}from"./avatar.js";import{C as l}from"./cell.js";import"./index.js";import"./icon.js";import"./bem.js";const s=()=>{const u={alignItems:"flex-end"},a=()=>{console.log("\u89E6\u53D1\u70B9\u51FB\u5934\u50CF")};return e.createElement(e.Fragment,null,e.createElement("div",{className:"demo"},e.createElement("h2",null,'\u9ED8\u8BA4\u7528\u6CD5 (\u5185\u7F6E"small","normal","large"\u4E09\u79CD\u5C3A\u5BF8\u89C4\u683C)'),e.createElement(l,{style:u},e.createElement(t,{size:"large",src:"https://img12.360buyimg.com/imagetools/jfs/t1/143702/31/16654/116794/5fc6f541Edebf8a57/4138097748889987.png"}),e.createElement(t,{size:"normal",src:"https://img12.360buyimg.com/imagetools/jfs/t1/143702/31/16654/116794/5fc6f541Edebf8a57/4138097748889987.png"}),e.createElement(t,{size:"small",src:"https://img12.360buyimg.com/imagetools/jfs/t1/143702/31/16654/116794/5fc6f541Edebf8a57/4138097748889987.png"})),e.createElement("h2",null,"\u4FEE\u6539\u5F62\u72B6"),e.createElement(l,null,e.createElement(t,{icon:"my",shape:"square"}),e.createElement(t,{icon:"my",shape:"round"})),e.createElement("h2",null,"\u4FEE\u6539\u80CC\u666F\u8272"),e.createElement(l,null,e.createElement(t,{className:"demo-avatar",bgColor:"#FA2C19",icon:"my"})),e.createElement("h2",null,"\u4FEE\u6539\u80CC\u666F\u56FE\u7247"),e.createElement(l,null,e.createElement(t,{icon:"https://img12.360buyimg.com/imagetools/jfs/t1/196430/38/8105/14329/60c806a4Ed506298a/e6de9fb7b8490f38.png"})),e.createElement("h2",null,"\u53EF\u4EE5\u4FEE\u6539\u5934\u50CF\u7684\u5185\u5BB9"),e.createElement(l,null,e.createElement(t,{icon:""},"N")),e.createElement("h2",null,"\u70B9\u51FB\u5934\u50CF\u89E6\u53D1\u4E8B\u4EF6"),e.createElement(l,null,e.createElement(t,{icon:"my",onClick:a}))))};export{s as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var z=Object.defineProperty;var E=Object.getOwnPropertySymbols;var I=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable;var N=(t,n,u)=>n in t?z(t,n,{enumerable:!0,configurable:!0,writable:!0,value:u}):t[n]=u,a=(t,n)=>{for(var u in n||(n={}))I.call(n,u)&&N(t,u,n[u]);if(E)for(var u of E(n))S.call(n,u)&&N(t,u,n[u]);return t};var A=(t,n)=>{var u={};for(var r in t)I.call(t,r)&&n.indexOf(r)<0&&(u[r]=t[r]);if(t!=null&&E)for(var r of E(t))n.indexOf(r)<0&&S.call(t,r)&&(u[r]=t[r]);return u};import{r as C,R as e}from"./vendor.js";import{c as h}from"./index.js";import{c as f}from"./bem.js";import{B as g}from"./button.js";import{I as k}from"./icon.js";const y=C.exports.createContext({}),P={current:0,direction:"horizontal",progressDot:!1},s=t=>{const n=a(a({},P),t),p=n,{children:u,direction:r,className:o}=p,l=A(p,["children","direction","className"]),d={propSteps:n},i=f("steps"),m=h({[`${i("")}-${r}`]:!0,[`${i("")}-dot`]:!!t.progressDot},o,i(""));return e.createElement(y.Provider,{value:d},e.createElement("div",a({className:m},l),u))};s.defaultProps=P;s.displayName="NutSteps";const $={title:"",content:"",activeIndex:0,icon:"",size:"12px"},c=t=>{const D=a(a({},$),t),{children:n,title:u,content:r,activeIndex:o,icon:l,size:d,className:i,renderContent:m}=D,p=A(D,["children","title","content","activeIndex","icon","size","className","renderContent"]),F=C.exports.useContext(y),B=F.propSteps.progressDot,w=()=>{const x=o;return x<+F.propSteps.current?"finish":x===+F.propSteps.current?"process":"wait"},v=f("step"),b=h({[`${v("")}-${w()}`]:!0},i,v(""));return e.createElement("div",a({className:b},p),e.createElement("div",{className:"nut-step-head"},e.createElement("div",{className:"nut-step-line"}),e.createElement("div",{className:`nut-step-icon ${B?"":l?"is-icon":"is-text"}`},l?e.createElement(k,{className:"nut-step-icon-inner",name:l,size:d}):B?e.createElement("span",null):e.createElement("span",{className:"nut-step-inner"},o))),e.createElement("div",{className:"nut-step-main"},e.createElement("span",{className:"nut-step-title"},u),r&&e.createElement("span",{className:"nut-step-content"},r),m&&e.createElement("span",{className:"nut-step-content"},m())))};c.defaultProps=$;c.displayName="NutStep";const J=()=>{const[t,n]=C.exports.useState({current1:1,current2:1,current3:1,current4:1,current5:1}),u=r=>{t[r]>=3?(t[r]=1,n(a({},t))):(t[r]+=1,n(a({},t)))};return e.createElement(e.Fragment,null,e.createElement("div",{className:"demo padding"},e.createElement("h2",null,"\u57FA\u672C\u7528\u6CD5"),e.createElement("div",{className:"steps-wrapper"},e.createElement(s,{current:t.current1},e.createElement(c,{activeIndex:1,title:"\u6B65\u9AA4\u4E00"},"1"),e.createElement(c,{activeIndex:2,title:"\u6B65\u9AA4\u4E8C"},"2"),e.createElement(c,{activeIndex:3,title:"\u6B65\u9AA4\u4E09"},"3")),e.createElement("div",{className:"steps-button"},e.createElement(g,{type:"danger",onClick:()=>u("current1")},"\u4E0B\u4E00\u6B65"))),e.createElement("h2",null,"\u6807\u9898\u548C\u63CF\u8FF0\u4FE1\u606F"),e.createElement("div",{className:"steps-wrapper"},e.createElement(s,{current:t.current2},e.createElement(c,{activeIndex:1,title:"\u6B65\u9AA4\u4E00",content:"\u6B65\u9AA4\u63CF\u8FF0"},"1"),e.createElement(c,{activeIndex:2,title:"\u6B65\u9AA4\u4E8C",content:"\u6B65\u9AA4\u63CF\u8FF0"}),e.createElement(c,{activeIndex:3,title:"\u6B65\u9AA4\u4E09",content:"\u6B65\u9AA4\u63CF\u8FF0"})),e.createElement("div",{className:"steps-button",style:{marginTop:"10px"}},e.createElement(g,{type:"danger",onClick:()=>u("current2")},"\u4E0B\u4E00\u6B65"))),e.createElement("h2",null,"\u81EA\u5B9A\u4E49\u56FE\u6807"),e.createElement("div",{className:"steps-wrapper"},e.createElement(s,{current:1},e.createElement(c,{activeIndex:1,title:"\u5DF2\u5B8C\u6210",icon:"service"},"1"),e.createElement(c,{activeIndex:2,title:"\u8FDB\u884C\u4E2D",icon:"people"},"2"),e.createElement(c,{activeIndex:3,title:"\u672A\u5F00\u59CB",icon:"location2"},"3"))),e.createElement("h2",null,"\u7AD6\u5411\u6B65\u9AA4\u6761"),e.createElement("div",{className:"steps-wrapper",style:{height:"300px",padding:"15px 30px"}},e.createElement(s,{direction:"vertical",current:2},e.createElement(c,{activeIndex:1,title:"\u5DF2\u5B8C\u6210",content:"\u60A8\u7684\u8BA2\u5355\u5DF2\u7ECF\u6253\u5305\u5B8C\u6210\uFF0C\u5546\u54C1\u5DF2\u53D1\u51FA"},"1"),e.createElement(c,{activeIndex:2,title:"\u8FDB\u884C\u4E2D",content:"\u60A8\u7684\u8BA2\u5355\u6B63\u5728\u914D\u9001\u9014\u4E2D"},"2"),e.createElement(c,{activeIndex:3,title:"\u672A\u5F00\u59CB",content:"\u6536\u8D27\u5730\u5740\u4E3A\uFF1A\u5317\u4EAC\u5E02\u7ECF\u6D4E\u6280\u672F\u5F00\u53D1\u533A\u79D1\u521B\u5341\u4E00\u885718\u53F7\u9662\u4EAC\u4E1C\u5927\u53A6"},"3"))),e.createElement("h2",null,"\u70B9\u72B6\u6B65\u9AA4\u548C\u5782\u76F4\u65B9\u5411"),e.createElement("div",{className:"steps-wrapper",style:{height:"300px",padding:"15px 40px"}},e.createElement(s,{direction:"vertical",progressDot:!0,current:2},e.createElement(c,{activeIndex:1,title:"\u5DF2\u5B8C\u6210",content:"\u60A8\u7684\u8BA2\u5355\u5DF2\u7ECF\u6253\u5305\u5B8C\u6210\uFF0C\u5546\u54C1\u5DF2\u53D1\u51FA"},"1"),e.createElement(c,{activeIndex:2,title:"\u8FDB\u884C\u4E2D",content:"\u60A8\u7684\u8BA2\u5355\u6B63\u5728\u914D\u9001\u9014\u4E2D"},"2"),e.createElement(c,{activeIndex:3,title:"\u672A\u5F00\u59CB",renderContent:()=>e.createElement(e.Fragment,null,e.createElement("p",null,"\u6536\u8D27\u5730\u5740\u4E3A\uFF1A"),e.createElement("p",null,"\u5317\u4EAC\u5E02\u7ECF\u6D4E\u6280\u672F\u5F00\u53D1\u533A\u79D1\u521B\u5341\u4E00\u885718\u53F7\u9662\u4EAC\u4E1C\u5927\u53A6"))},"3")))))};export{J as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var Mt=Object.defineProperty;var B=Object.getOwnPropertySymbols;var mt=Object.prototype.hasOwnProperty,ht=Object.prototype.propertyIsEnumerable;var ft=(a,l,o)=>l in a?Mt(a,l,{enumerable:!0,configurable:!0,writable:!0,value:o}):a[l]=o,C=(a,l)=>{for(var o in l||(l={}))mt.call(l,o)&&ft(a,o,l[o]);if(B)for(var o of B(l))ht.call(l,o)&&ft(a,o,l[o]);return a};var gt=(a,l)=>{var o={};for(var c in a)mt.call(a,c)&&l.indexOf(c)<0&&(o[c]=a[c]);if(a!=null&&B)for(var c of B(a))l.indexOf(c)<0&&ht.call(a,c)&&(o[c]=a[c]);return o};import{r,R as s}from"./vendor.js";import{c as F}from"./index.js";import{c as pt}from"./bem.js";const vt=r.exports.createContext({}),Et={direction:"horizontal"},N=s.forwardRef((a,l)=>{const o=C(C({},Et),a),{children:c,direction:I,size:$}=o,v=r.exports.useContext(vt),[w,L]=r.exports.useState(0),M=pt("swiper-item"),V=F(M(""));r.exports.useImperativeHandle(l,()=>({changeOffset:P=>{L(P)}}));const z=()=>{const P={},A=(v==null?void 0:v.propSwiper.direction)||I,R=(v==null?void 0:v.size)||$;return R&&(P[A==="horizontal"?"width":"height"]=`${R}px`),w&&(P.transform=`translate3D${A==="horizontal"?`(${w}px,0,0)`:`(0,${w}px,0)`}`),P};return s.createElement("div",{className:V,style:z()},c)});N.defaultProps=Et;N.displayName="NutSwiperItem";const yt={width:window.innerWidth,height:0,duration:500,initPage:0,autoPlay:0,direction:"horizontal",paginationColor:"#fff",paginationVisible:!1,loop:!0,touchable:!0,isPreventDefault:!0,isStopPropagation:!0,className:""},dt=5,D=s.forwardRef((a,l)=>{const o=C(C({},yt),a),ut=o,{children:c,direction:I,className:$,pageContent:v,onChange:w,initPage:L,paginationColor:M,paginationVisible:V,touchable:z,isPreventDefault:P,isStopPropagation:A,autoPlay:R}=ut,S=gt(ut,["children","direction","className","pageContent","onChange","initPage","paginationColor","paginationVisible","touchable","isPreventDefault","isStopPropagation","autoPlay"]),X=r.exports.useRef(null),u=r.exports.useRef(null),m=r.exports.useRef({moving:!1,autoplayTimer:null,width:0,height:0,offset:0,size:0}),O=[],h=I==="vertical",[H,xt]=r.exports.useState(null);let[g,tt]=r.exports.useState(0);const[q,Pt]=r.exports.useState(0),[U,wt]=r.exports.useState(0),[et,at]=r.exports.useState(0),[Y,nt]=r.exports.useState(!1);let E=h?U:q;const[e,zt]=r.exports.useState({startX:0,startY:0,deltaX:0,deltaY:0,offsetX:0,offsetY:0,stateDirection:"",delta:0,touchTime:0}),[st,St]=r.exports.useState([]);r.exports.useState("");const i=c.length;for(let t=0;t<i;t++)O.push(r.exports.useRef(null));let W=i*Number(E);const bt=()=>{const t=[];return s.Children.toArray(c).forEach((n,f)=>{n.type&&n.type.displayName==="NutSwiperItem"&&t.push(s.cloneElement(n,{ref:O[f],key:`item_${f}`}))}),t},Ct={propSwiper:o,size:E},_=(()=>H?(h?H.height:H.width)-Number(E)*i:0)(),G=()=>{clearTimeout(m.current.autoplayTimer),m.current.autoplayTimer=null},J=()=>{o.autoPlay<=0||i<=1||(G(),m.current.autoplayTimer=setTimeout(()=>{ot(),J()},Number(o.autoPlay)))},j=()=>{m.current.moving=!0,g<=-1&&x({pace:i}),g>=i&&x({pace:-i})},Nt=()=>{j(),k(),b(()=>{b(()=>{m.current.moving=!1,x({pace:-1,isEmit:!0})})})},ot=()=>{j(),k(),b(()=>{b(()=>{m.current.moving=!1,x({pace:1,isEmit:!0})})})},Dt=t=>{j(),k(),b(()=>{b(()=>{m.current.moving=!1;let n;a.loop&&i===t?n=g===0?0:t:n=t%i,x({pace:n-g,isEmit:!0})})})},x=({pace:t=0,offset:n=0,isEmit:f=!1,movingStatus:d=!1})=>{if(i<=1)return;const p=$t(t),y=rt(p,n);if(a.loop){if(Array.isArray(c)&&c[0]&&y!==_){const Z=y<_;O[0].current.changeOffset(Z?W:0)}if(Array.isArray(c)&&c[i-1]&&y!==0){const Z=y>0;O[i-1].current.changeOffset(Z?-W:0)}}f&&g!==p&&a.onChange&&a.onChange((p+i)%i),g=p,n=y,tt(p),at(y),Q(y)},$t=t=>{if(t){const n=g+t;return a.loop?K(n,-1,i):K(n,0,i-1)}return g},rt=(t,n=0)=>{let f=t*Number(E);a.loop||(f=Math.min(f,-_));let d=n-f;return a.loop||(d=K(d,_,0)),d},b=t=>{window.requestAnimationFrame.call(window,t)},K=(t,n,f)=>Math.min(Math.max(t,n),f),At=(t,n)=>t>n&&t>dt?"horizontal":n>t&&n>dt?"vertical":"",k=()=>{e.startX=0,e.startY=0,e.deltaX=0,e.deltaY=0,e.offsetX=0,e.offsetY=0,e.delta=0,e.stateDirection="",e.touchTime=0},Rt=t=>{k(),e.startX=t.touches[0].clientX,e.startY=t.touches[0].clientY},Xt=t=>{e.deltaX=t.touches[0].clientX-e.startX,e.deltaY=t.touches[0].clientY-e.startY,e.offsetX=Math.abs(e.deltaX),e.offsetY=Math.abs(e.deltaY),e.delta=h?e.deltaY:e.deltaX,e.stateDirection||(e.stateDirection=At(e.offsetX,e.offsetY))},T=pt("swiper"),Yt=F(T("")),Tt=F({[`${T("inner")}`]:!0,[`${T("vertical")}`]:h}),Q=(t=et)=>{const n=u.current;n.style.transform=`translate3D${h?`(0,${t}px,0)`:`(${t}px,0,0)`}`,n.style.transitionDuration=`${m.current.moving?0:a.duration}ms`,n.style[h?"height":"width"]=`${Number(E)*i}px`,n.style[h?"width":"height"]=`${h?q:U}px`},it=t=>{a.isPreventDefault&&t.preventDefault(),a.isStopPropagation&&t.stopPropagation(),a.touchable&&(Rt(t),e.touchTime=Date.now(),G(),j())},ct=t=>{a.touchable&&m.current.moving&&(Xt(t),e.stateDirection===a.direction&&x({offset:e.delta}))},lt=t=>{if(!a.touchable||!m.current.moving)return;const n=e.delta/(Date.now()-e.touchTime),f=Math.abs(n)>.3||Math.abs(e.delta)>+(E/2).toFixed(2);let d=0;if(m.current.moving=!1,f&&e.stateDirection===a.direction){const p=h?e.offsetY:e.offsetX;a.loop?d=p>0?e.delta>0?-1:1:0:d=-Math[e.delta>0?"ceil":"floor"](e.delta/E),x({pace:d,isEmit:!0})}else e.delta?x({pace:0}):Q();J()};r.exports.useEffect(()=>{m.current.activePagination=(g+i)%i},[g]);const It=(t=+o.initPage)=>{const n=X.current.getBoundingClientRect(),f=Math.max(Math.min(i-1,t),0),d=o.width?+o.width:n.width,p=o.height?+o.height:n.height;E=h?p:d,W=i*Number(E);const y=rt(f);m.current.moving=!0,Y&&(m.current.moving=!1),xt(n),tt(f),Pt(d),wt(p),at(y),nt(!0)};return r.exports.useEffect(()=>{Y&&Q()},[h,q,U,et,Y]),r.exports.useEffect(()=>(Y&&(G(),J()),()=>{nt(!1)}),[Y]),r.exports.useEffect(()=>{St(bt())},[c]),r.exports.useEffect(()=>{It()},[o.initPage]),r.exports.useEffect(()=>{const t=X.current;return t.addEventListener("touchstart",it,!1),t.addEventListener("touchmove",ct,!1),t.addEventListener("touchend",lt,!1),()=>{t.removeEventListener("touchstart",it,!1),t.removeEventListener("touchmove",ct,!1),t.removeEventListener("touchend",lt,!1)}}),s.useImperativeHandle(l,()=>({to:Dt,next:ot,prev:Nt})),s.createElement(vt.Provider,{value:Ct},s.createElement("div",C({className:`${Yt} ${$}`,ref:X},S),s.createElement("div",{className:Tt,ref:u},st),o.paginationVisible&&!("pageContent"in o)?s.createElement("div",{className:F({[`${T("pagination")}`]:!0,[`${T("pagination-vertical")}`]:h})},st.map((t,n)=>s.createElement("i",{style:{backgroundColor:(g+i)%i===n?o.paginationColor:"#ddd"},key:n}))):s.createElement("div",null,v)))});D.defaultProps=yt;D.displayName="NutSwiper";const Bt=()=>{const a=s.useRef(null),[l,o]=r.exports.useState(150),[c,I]=r.exports.useState("#426543"),[$,v]=r.exports.useState(0),[w,L]=r.exports.useState(0),[M,V]=r.exports.useState(0),[z,P]=r.exports.useState(0),[A,R]=r.exports.useState(1),S=["https://storage.360buyimg.com/jdc-article/NutUItaro34.jpg","https://storage.360buyimg.com/jdc-article/NutUItaro2.jpg","https://storage.360buyimg.com/jdc-article/welcomenutui.jpg","https://storage.360buyimg.com/jdc-article/fristfabu.jpg"],X=u=>{};return s.createElement("div",{className:"demo padding"},s.createElement("h2",null,"\u57FA\u672C\u7528\u6CD5"),s.createElement("div",{className:"demo-box",style:{height:150}},s.createElement(D,{ref:a,height:l,paginationColor:c,autoPlay:"2000",initPage:$,onChange:X,paginationVisible:!0},S.map(u=>s.createElement(N,{key:u},s.createElement("img",{src:u,alt:""}))))),s.createElement("h2",null,"\u81EA\u5B9A\u4E49\u5927\u5C0F"),s.createElement("div",{className:"demo-box",style:{height:150}},s.createElement(D,{initPage:w,width:"300",loop:!1},S.map(u=>s.createElement(N,{key:u},s.createElement("img",{src:u,alt:""}))))),s.createElement("h2",null,"\u81EA\u5B9A\u4E49\u6307\u793A\u5668"),s.createElement("div",{className:"demo-box",style:{height:150}},s.createElement(D,{loop:!0,initPage:M,onChange:u=>R(u+1),pageContent:s.createElement("div",{className:"page"}," ",A,"/4 ")},S.map(u=>s.createElement(N,{key:u},s.createElement("img",{src:u,alt:""}))))),s.createElement("h2",null,"\u5782\u76F4\u65B9\u5411"),s.createElement("div",{className:"demo-box",style:{height:150}},s.createElement(D,{loop:!0,initPage:z,direction:"vertical",autoPlay:"3000",height:"150",paginationVisible:!0},S.map(u=>s.createElement(N,{key:u},s.createElement("img",{src:u,alt:""}))))))};export{Bt as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as m,R as e}from"./vendor.js";import{S as u}from"./switch.js";import"./bem.js";const o=()=>{const[n,a]=m.exports.useState(!0),l=(t,c)=>{alert(`\u89E6\u53D1\u4E86change\u4E8B\u4EF6\uFF0C\u5F00\u5173\u72B6\u6001\uFF1A${t}`)},r=(t,c)=>{alert(`2\u79D2\u540E\u5F02\u6B65\u89E6\u53D1 ${t}`),setTimeout(()=>{a(t)},2e3)};return e.createElement(e.Fragment,null,e.createElement("div",{className:"demo"},e.createElement("h2",null,"\u57FA\u7840\u7528\u6CD5"),e.createElement(u,{checked:!0}),e.createElement("h2",null,"\u7981\u7528\u72B6\u6001"),e.createElement(u,{checked:!0,disable:!0}),e.createElement("h2",null,"change\u4E8B\u4EF6"),e.createElement(u,{change:(t,c)=>l(t)}),e.createElement("h2",null,"\u5F02\u6B65\u63A7\u5236"),e.createElement(u,{checked:n,isAsync:!0,change:(t,c)=>r(t)}),e.createElement("h2",null,"\u81EA\u5B9A\u4E49\u989C\u8272"),e.createElement(u,{activeColor:"blue"}),e.createElement("h2",null,"\u652F\u6301\u6587\u5B57"),e.createElement(u,{activeText:"\u5F00",inactiveText:"\u5173"})))};export{o as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var A=Object.defineProperty,g=Object.defineProperties;var w=Object.getOwnPropertyDescriptors;var v=Object.getOwnPropertySymbols;var x=Object.prototype.hasOwnProperty,$=Object.prototype.propertyIsEnumerable;var D=(n,a,l)=>a in n?A(n,a,{enumerable:!0,configurable:!0,writable:!0,value:l}):n[a]=l,m=(n,a)=>{for(var l in a||(a={}))x.call(a,l)&&D(n,l,a[l]);if(v)for(var l of v(a))$.call(a,l)&&D(n,l,a[l]);return n},p=(n,a)=>g(n,w(a));import{r as y,R as e}from"./vendor.js";import{c as h}from"./bem.js";import{I}from"./icon.js";const B={visible:0,bottom:!1,type:"",size:"",unactiveColor:"",activeColor:"",className:"",style:{},tabSwitch:()=>{}},u=n=>{const{children:a,visible:l,bottom:E,activeColor:i,unactiveColor:r,className:d,style:T,tabSwitch:C}=m(m({},B),n),s=h("tabbar"),[f,c]=y.exports.useState(l),F=o=>{c(o)};return e.createElement("div",{className:[`${s()}`,E?`${s("bottom")}`:"",d].join(" "),style:T},e.Children.map(a,(o,b)=>{if(!e.isValidElement(o))return null;const N=p(m({},o.props),{active:b===f,index:b,unactiveColor:r,activeColor:i,handleClick:()=>{F(b),C(o,b)}});return e.cloneElement(o,N)}))};u.defaultProps=B;u.displayName="NutTabbar";const k={tabTitle:"",icon:"",href:"",num:"",active:!1,activeColor:"",unactiveColor:"",index:0,handleClick:n=>{}},t=n=>{const{tabTitle:a,icon:l,href:E,num:i,active:r,activeColor:d,unactiveColor:T,index:C,handleClick:s}=m(m({},k),n),f=h("tabbar-item"),c=h("tabbar-item__icon-box");return y.exports.useEffect(()=>{r&&E&&(window.location.href=E)},[r]),e.createElement("div",{className:`${f({active:r})}`,style:{color:r?d:T},onClick:()=>{s(C)}},e.createElement("div",{className:`${c()}`},i&&i<=99&&e.createElement("div",{className:`${c("tips",[c("num")])}`},i),i&&i>=100&&e.createElement("div",{className:`${c("tips",[c("nums")])}`},"99+"),l&&e.createElement("div",null,e.createElement(I,{size:20,name:l})),e.createElement("div",{className:c({"nav-word":!0},[c({"big-word":!l})])},a)))},R=()=>e.createElement(e.Fragment,null,e.createElement("div",{className:"demo"},e.createElement("h2",null,"\u57FA\u7840\u7528\u6CD5"),e.createElement(u,{tabSwitch:(n,a)=>{alert(a)}},e.createElement(t,{tabTitle:"\u9996\u9875",icon:"home"}),e.createElement(t,{tabTitle:"\u5206\u7C7B",icon:"category"}),e.createElement(t,{tabTitle:"\u53D1\u73B0",icon:"find"}),e.createElement(t,{tabTitle:"\u8D2D\u7269\u8F66",icon:"cart"}),e.createElement(t,{tabTitle:"\u6211\u7684",icon:"my"})),e.createElement("h2",null,"\u81EA\u5B9A\u4E49\u9009\u4E2D"),e.createElement(u,{visible:2},e.createElement(t,{tabTitle:"\u9996\u9875",icon:"home"}),e.createElement(t,{tabTitle:"\u5206\u7C7B",icon:"category"}),e.createElement(t,{tabTitle:"\u53D1\u73B0",icon:"find"}),e.createElement(t,{tabTitle:"\u8D2D\u7269\u8F66",icon:"cart"}),e.createElement(t,{tabTitle:"\u6211\u7684",icon:"my"})),e.createElement("h2",null,"\u5FBD\u6807\u63D0\u793A"),e.createElement(u,null,e.createElement(t,{tabTitle:"\u9996\u9875",icon:"home",num:"11"}),e.createElement(t,{tabTitle:"\u5206\u7C7B",icon:"category"}),e.createElement(t,{tabTitle:"\u53D1\u73B0",icon:"find"}),e.createElement(t,{tabTitle:"\u8D2D\u7269\u8F66",icon:"cart",num:"110"}),e.createElement(t,{tabTitle:"\u6211\u7684",icon:"my"})),e.createElement("h2",null,"\u81EA\u5B9A\u4E49\u989C\u8272"),e.createElement(u,{unactiveColor:"#7d7e80",activeColor:"#1989fa"},e.createElement(t,{tabTitle:"\u9996\u9875",icon:"home"}),e.createElement(t,{tabTitle:"\u5206\u7C7B",icon:"category"}),e.createElement(t,{tabTitle:"\u53D1\u73B0",icon:"find"}),e.createElement(t,{tabTitle:"\u8D2D\u7269\u8F66",icon:"cart"}),e.createElement(t,{tabTitle:"\u6211\u7684",icon:"my"})),e.createElement("h2",null,"\u4E09\u4E2Aicon\u7684tabbar"),e.createElement(u,{unactiveColor:"#7d7e80",activeColor:"#1989fa"},e.createElement(t,{tabTitle:"\u9996\u9875",icon:"home"}),e.createElement(t,{tabTitle:"\u5206\u7C7B",icon:"category"}),e.createElement(t,{tabTitle:"\u53D1\u73B0",icon:"find"})),e.createElement("h2",null,"\u56FA\u5B9A\u5E95\u90E8\uFF0C\u53EF\u81EA\u7531\u8DF3\u8F6C"),e.createElement(u,{bottom:!0},e.createElement(t,{tabTitle:"\u9996\u9875",href:"",icon:"home"}),e.createElement(t,{tabTitle:"\u5206\u7C7B",icon:"category"}),e.createElement(t,{tabTitle:"\u53D1\u73B0",icon:"find"}),e.createElement(t,{tabTitle:"\u8D2D\u7269\u8F66",href:"https://m.jd.com",icon:"cart"}),e.createElement(t,{tabTitle:"\u6211\u7684",href:"######",icon:"my"}))));export{R as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var te=Object.defineProperty,ae=Object.defineProperties;var le=Object.getOwnPropertyDescriptors;var K=Object.getOwnPropertySymbols;var j=Object.prototype.hasOwnProperty,J=Object.prototype.propertyIsEnumerable;var D=(a,l,n)=>l in a?te(a,l,{enumerable:!0,configurable:!0,writable:!0,value:n}):a[l]=n,p=(a,l)=>{for(var n in l||(l={}))j.call(l,n)&&D(a,n,l[n]);if(K)for(var n of K(l))J.call(l,n)&&D(a,n,l[n]);return a},q=(a,l)=>ae(a,le(l));var H=(a,l)=>{var n={};for(var c in a)j.call(a,c)&&l.indexOf(c)<0&&(n[c]=a[c]);if(a!=null&&K)for(var c of K(a))l.indexOf(c)<0&&J.call(a,c)&&(n[c]=a[c]);return n};var _=(a,l,n)=>(D(a,typeof l!="symbol"?l+"":l,n),n);import{r as i,R as e}from"./vendor.js";import{c as h}from"./index.js";import{c as O}from"./bem.js";import{I as Q}from"./icon.js";class ne{constructor(){_(this,"title","");_(this,"paneKey","");_(this,"disabled",!1);_(this,"index",0)}}const U={value:0,color:"",background:"",direction:"horizontal",type:"line",titleScroll:!1,ellipsis:!0,animatedTime:300,titleGutter:0,size:"normal"},M=a=>Number.isNaN(Number(a))?String(a):`${a}px`,u=a=>{const P=p(p({},U),a),{value:l,color:n,background:c,direction:b,type:o,titleScroll:g,ellipsis:k,animatedTime:F,titleGutter:x,size:A,titleNode:f,children:T,onClick:N,onChange:y,className:S}=P,$=H(P,["value","color","background","direction","type","titleScroll","ellipsis","animatedTime","titleGutter","size","titleNode","children","onClick","onChange","className"]),[B,C]=i.exports.useState({index:0}),t=i.exports.useRef([]);i.exports.useEffect(()=>{let r=0;t.current=[],e.Children.forEach(T,(m,d)=>{var w,R,G,L,V;if(!e.isValidElement(m))return null;const v=new ne;(((w=m.props)==null?void 0:w.title)||((R=m.props)==null?void 0:R.paneKey))&&(v.title=(G=m.props)==null?void 0:G.title,v.paneKey=((L=m.props)==null?void 0:L.paneKey)||d,v.disabled=(V=m.props)==null?void 0:V.disabled,v.index=d,v.paneKey===l&&(r=d)),t.current.push(v)}),C(t.current[r])},[T]);const E=O("tabs"),W=h(b,E(""),S),X=h({[o]:o,scrollable:g,[A]:A},`${E("")}__titles`),Y={marginLeft:M(x),marginRight:M(x)},z={color:o==="smile"?n:"",background:o==="line"?n:""},I=t.current.findIndex(r=>r.paneKey===l),Z={transform:b==="horizontal"?`translate3d(-${I*100}%, 0, 0)`:`translate3d( 0,-${I*100}%, 0)`,transitionDuration:`${F}ms`},ee=(r,m)=>{N&&N(r),!r.disabled&&(C(r),y&&y(r))};return e.createElement("div",p({className:W},$),e.createElement("div",{className:X,style:{background:c}},!!f&&typeof f=="function"?f():t.current.map((r,m)=>e.createElement("div",{style:Y,onClick:d=>ee(r),className:h({active:r.paneKey===l,disabled:r.disabled},`${E("")}__titles-item`),key:r.paneKey},o==="line"&&e.createElement("div",{className:`${E("")}__titles-item__line`,style:z}),o==="smile"&&e.createElement("div",{className:`${E("")}__titles-item__smile`,style:z},e.createElement(Q,{color:n,name:"joy-smile"})),e.createElement("div",{className:h({ellipsis:k&&!g&&b==="horizontal"},`${E("")}__titles-item__text`)},r.title)))),e.createElement("div",{className:`${E("")}__content`,style:Z},e.Children.map(T,(r,m)=>{if(!e.isValidElement(r))return null;const d=q(p({},r.props),{activeKey:l});return e.cloneElement(r,d)})))};u.defaultProps=U;u.displayName="NutTabs";const se={title:"",paneKey:"",activeKey:"",disabled:!1},s=a=>{const{children:l,paneKey:n,activeKey:c}=p(p({},se),a),b=O("tabpane"),o=h({active:n===c},b(""));return e.createElement("div",{className:o},l)},me=()=>{const[a,l]=i.exports.useState("0"),[n,c]=i.exports.useState("0"),[b,o]=i.exports.useState("0"),[g,k]=i.exports.useState("0"),[F,x]=i.exports.useState("0"),[A,f]=i.exports.useState("0"),[T,N]=i.exports.useState("c1"),[y,S]=i.exports.useState(Array.from(new Array(2).keys())),$=Array.from(new Array(10).keys()),B=Array.from(new Array(2).keys()),C=[{title:"\u81EA\u5B9A\u4E49 1",paneKey:"c1",icon:"dongdong"},{title:"\u81EA\u5B9A\u4E49 2",paneKey:"c2",icon:"JD"},{title:"\u81EA\u5B9A\u4E49 3",paneKey:"c3"}];return i.exports.useEffect(()=>{setTimeout(()=>{y.push(999),o("2"),S(y)},3e3)},[]),e.createElement(e.Fragment,null,e.createElement("div",{className:"demo full"},e.createElement("h2",null,"\u57FA\u7840\u7528\u6CD5"),e.createElement(u,{value:a,className:"test",style:{color:"red"},onChange:({paneKey:t})=>{l(t)}},e.createElement(s,{title:"Tab 1"}," Tab 1 "),e.createElement(s,{title:"Tab 2"}," Tab 2 "),e.createElement(s,{title:"Tab 3"}," Tab 3 ")),e.createElement("h2",null,"\u57FA\u7840\u7528\u6CD5-\u5FAE\u7B11\u66F2\u7EBF"),e.createElement(u,{value:a,onChange:({paneKey:t})=>{l(t)},type:"smile"},e.createElement(s,{title:"Tab 1"}," Tab 1 "),e.createElement(s,{title:"Tab 2"}," Tab 2 "),e.createElement(s,{title:"Tab 3"}," Tab 3 ")),e.createElement("h2",null,"\u901A\u8FC7 pane-key \u5339\u914D"),e.createElement(u,{value:n,onChange:({paneKey:t})=>{c(t)}},e.createElement(s,{title:"Tab 1","pane-key":"0"}," ","Tab 1"," "),e.createElement(s,{title:"Tab 2","pane-key":"1",disabled:!0}," ","Tab 2"," "),e.createElement(s,{title:"Tab 3","pane-key":"2"}," ","Tab 3"," ")),e.createElement("h2",null,"\u6570\u636E\u5F02\u6B65\u6E32\u67D3 3s"),e.createElement(u,{value:b,onChange:({paneKey:t})=>{o(t)}},y.map(t=>e.createElement(s,{key:t,title:`Tab ${t}`}," ","Tab ",t," "))),e.createElement("h2",null,"\u6570\u91CF\u591A,\u6EDA\u52A8\u64CD\u4F5C"),e.createElement(u,{value:g,onChange:({paneKey:t})=>{k(t)},titleScroll:!0,titleGutter:"10"},$.map(t=>e.createElement(s,{key:t,title:`Tab ${t}`}," ","Tab ",t," "))),e.createElement("h2",null,"\u5DE6\u53F3\u5E03\u5C40"),e.createElement(u,{value:F,onChange:({paneKey:t})=>{x(t)},titleScroll:!0,direction:"vertical"},B.map(t=>e.createElement(s,{key:t,title:`Tab ${t}`}," ","Tab ",t," "))),e.createElement("h2",null,"\u5DE6\u53F3\u5E03\u5C40-\u5FAE\u7B11\u66F2\u7EBF"),e.createElement(u,{value:A,onChange:({paneKey:t})=>{f(t)},type:"smile",titleScroll:!0,direction:"vertical"},B.map(t=>e.createElement(s,{key:t,title:`Tab ${t}`}," ","Tab ",t," "))),e.createElement("h2",null,"\u6807\u7B7E\u680F\u5B57\u4F53\u5C3A\u5BF8 large normal small "),e.createElement(u,{value:a,onChange:({paneKey:t})=>{l(t)},size:"large"},e.createElement(s,{title:"Tab 1"}," Tab 1 "),e.createElement(s,{title:"Tab 2"}," Tab 2 "),e.createElement(s,{title:"Tab 3"}," Tab 3 ")),e.createElement(u,{value:a,onChange:({paneKey:t})=>{l(t)},size:"normal"},e.createElement(s,{title:"Tab 1"}," Tab 1 "),e.createElement(s,{title:"Tab 2"}," Tab 2 "),e.createElement(s,{title:"Tab 3"}," Tab 3 ")),e.createElement(u,{value:a,onChange:({paneKey:t})=>{l(t)},size:"small"},e.createElement(s,{title:"Tab 1"}," Tab 1 "),e.createElement(s,{title:"Tab 2"}," Tab 2 "),e.createElement(s,{title:"Tab 3"}," Tab 3 ")),e.createElement("h2",null,"\u81EA\u5B9A\u4E49\u6807\u7B7E\u680F"),e.createElement(u,{value:T,titleNode:()=>C.map(t=>e.createElement("div",{onClick:()=>N(t.paneKey),className:`nut-tabs__titles-item ${T===t.paneKey?"active":""}`,key:t.paneKey},t.icon&&e.createElement(Q,{name:t.icon}),e.createElement("span",{className:"nut-tabs__titles-item__text"},t.title),e.createElement("span",{className:"nut-tabs__titles-item__line"})))},C.map(t=>e.createElement(s,{key:t.paneKey,paneKey:t.paneKey},t.title)))))};export{me as default};
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
var b=Object.defineProperty;var k=Object.getOwnPropertySymbols;var S=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable;var F=(a,l,r)=>l in a?b(a,l,{enumerable:!0,configurable:!0,writable:!0,value:r}):a[l]=r,i=(a,l)=>{for(var r in l||(l={}))S.call(l,r)&&F(a,r,l[r]);if(k)for(var r of k(l))w.call(l,r)&&F(a,r,l[r]);return a};import{r as C,R as e}from"./vendor.js";import{I as D}from"./icon.js";import{C as n}from"./cell.js";import{C as p}from"./cellgroup.js";import"./bem.js";const g={type:"default",color:"",textColor:"",plain:!1,round:!1,mark:!1,closeable:!1,isShow:!0,prefixCls:"nut-tag",onClick:a=>{}},u=a=>{const{color:l,plain:r,type:s,round:f,prefixCls:$,children:c,mark:B,closeable:o,textColor:m,isShow:x,onClick:N}=i(i({},g),a),[d,h]=C.exports.useState("");C.exports.useEffect(()=>{h(A())},[s,l,m,r,f,B,o,$,x,N]);const A=()=>{const t="nut-tag";return`${t}
|
|
2
|
-
${s?`${t}--${s}`:""}
|
|
3
|
-
${r?`${t}--plain`:""}
|
|
4
|
-
${f?`${t}--round`:""}
|
|
5
|
-
${B?`${t}--mark`:""}
|
|
6
|
-
${o?`${t}--close`:""}`},E=t=>{a.onClick&&a.onClick(t)},y=()=>{const t={};return m?(t.color=m,r?t.background="#fff":l&&(t.background=l)):l&&(t.color="#fff",t.background=l),t};return e.createElement("div",null,o?x?e.createElement("div",{className:`${d}`,style:y(),onClick:t=>E(t)},c&&e.createElement("span",{className:"text"},c),o&&e.createElement(D,{className:"_icon",name:"close",size:"12",onClick:t=>E(t)})):"":e.createElement("div",{className:`${d}`,style:y(),onClick:t=>E(t)},c&&e.createElement("span",{className:"text"},c)))};u.defaultProps=g;u.displayName="NutTag";const G=()=>{const[a,l]=C.exports.useState(!0),r=()=>{l(!1)};return e.createElement(e.Fragment,null,e.createElement("div",{className:"demo"},e.createElement("h2",null,"\u57FA\u7840\u7528\u6CD5"),e.createElement(p,null,e.createElement(n,{title:"primary\u7C7B\u578B",extra:e.createElement(u,{type:"primary"},"\u6807\u7B7E")}),e.createElement(n,{title:"success\u7C7B\u578B",extra:e.createElement(u,{type:"success"},"\u6807\u7B7E")}),e.createElement(n,{title:"danger\u7C7B\u578B",extra:e.createElement(u,{type:"danger"},"\u6807\u7B7E")}),e.createElement(n,{title:"warning\u7C7B\u578B",extra:e.createElement(u,{type:"warning"},"\u6807\u7B7E")})),e.createElement("h2",null,"\u6837\u5F0F\u98CE\u683C"),e.createElement(p,null,e.createElement(n,{title:"\u7A7A\u5FC3\u6837\u5F0F",extra:e.createElement(u,{plain:!0},"\u6807\u7B7E")}),e.createElement(n,{title:"\u5706\u89D2\u6837\u5F0F",extra:e.createElement(u,{round:!0,type:"primary"},"\u6807\u7B7E")}),e.createElement(n,{title:"\u6807\u8BB0\u6837\u5F0F",extra:e.createElement(u,{mark:!0,type:"primary"},"\u6807\u7B7E")}),e.createElement(n,{title:"\u53EF\u5173\u95ED\u6807\u7B7E",extra:e.createElement(u,{isShow:a,closeable:!0,onClick:r,type:"primary"},"\u6807\u7B7E")})),e.createElement("h2",null,"\u81EA\u5B9A\u4E49"),e.createElement(p,null,e.createElement(n,{title:"\u80CC\u666F\u989C\u8272",extra:e.createElement(u,{color:"#FA685D"},"\u6807\u7B7E")}),e.createElement(n,{title:"\u6587\u5B57\u989C\u8272",extra:e.createElement(u,{color:"#E9E9E9",textColor:"#999999"},"\u6807\u7B7E")}),e.createElement(n,{title:"\u7A7A\u5FC3\u989C\u8272",extra:e.createElement(u,{color:"#FA2400",plain:!0},"\u6807\u7B7E")}))))};export{G as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var z=Object.defineProperty;var v=Object.getOwnPropertySymbols;var D=Object.prototype.hasOwnProperty,$=Object.prototype.propertyIsEnumerable;var F=(l,u,a)=>u in l?z(l,u,{enumerable:!0,configurable:!0,writable:!0,value:a}):l[u]=a,x=(l,u)=>{for(var a in u||(u={}))D.call(u,a)&&F(l,a,u[a]);if(v)for(var a of v(u))$.call(u,a)&&F(l,a,u[a]);return l};import{r as m,R as t}from"./vendor.js";import{c as T}from"./bem.js";const V={defaultValue:"",textAlign:"left",limitshow:!1,maxlength:"",rows:"",placeholder:"\u8BF7\u8F93\u5165\u5185\u5BB9",readonly:!1,disabled:!1,autosize:!1},s=l=>{const{className:u,defaultValue:a,textAlign:g,limitshow:h,maxlength:r,rows:E,placeholder:o,readonly:c,disabled:i,autosize:N,style:y,change:f,blur:p,focus:A}=x(x({},V),l),d=T("textarea"),[B,b]=m.exports.useState("");m.exports.useEffect(()=>{if(a){let e=a;r&&e.length>Number(r)&&(e=e.substring(0,Number(r))),b(e)}},[a]);const w=e=>{const n=e.target;r&&n.value.length>Number(r)&&(n.value=n.value.substring(0,Number(r))),b(n.value),f&&f(n.value,e)},C=e=>{i||c||A&&A(e)},S=e=>{if(i||c)return;const n=e.target;f&&f(n.value,e),p&&p(e)};return t.createElement("div",{className:`${d()} ${i?d("disabled"):""} ${u||""}`},t.createElement("textarea",{className:d("textarea"),style:x({textAlign:g,resize:`${N?"vertical":"none"}`},y),disabled:i,readOnly:c,value:B,onChange:e=>{w(e)},onBlur:e=>{S(e)},onFocus:e=>{C(e)},rows:E,maxLength:r<0?0:r,placeholder:o}),h?t.createElement("div",{className:d("limit")},B.length,"/",r<0?0:r):null)};s.defaultProps=V;s.displayName="NutTextArea";const I=()=>{const[l,u]=m.exports.useState("\u57FA\u7840\u7528\u6CD5"),[a,g]=m.exports.useState(""),[h,r]=m.exports.useState(""),E=(o,c)=>{u(o)};return t.createElement(t.Fragment,null,t.createElement("div",{className:"demo"},t.createElement("h2",null,"\u57FA\u7840\u7528\u6CD5"),t.createElement(s,{defaultValue:l,className:"text-1",style:{fontSize:"12px"},change:(o,c)=>{E(o)},blur:()=>{console.log("blur")},focus:()=>{console.log("focus")}}),t.createElement("h2",null,"\u663E\u793A\u5B57\u6570\u7EDF\u8BA1"),t.createElement(s,{defaultValue:a,limitshow:!0,maxlength:"20"}),t.createElement("h2",null,"\u9AD8\u5EA6\u81EA\u5B9A\u4E49\uFF0C\u62C9\u4F38"),t.createElement(s,{defaultValue:h,rows:"10",autosize:!0}),t.createElement("h2",null,"\u53EA\u8BFB"),t.createElement(s,{readonly:!0,defaultValue:"textarea\u53EA\u8BFB\u72B6\u6001"}),t.createElement("h2",null,"\u7981\u7528"),t.createElement(s,{disabled:!0,defaultValue:"textarea\u7981\u7528\u72B6\u6001",limitshow:!0,maxlength:"20"}),t.createElement("h2",null)))};export{I as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{R as e}from"./vendor.js";import{T as t}from"./toast.js";import{C as n}from"./cell.js";import"./index.js";import"./bem.js";import"./icon.js";const B=()=>{const l=u=>{t.text(u)},c=u=>{t.success(u)},r=u=>{t.fail(u)},o=u=>{t.warn(u)},i=u=>{t.loading(u)},a=u=>{t.text(u,{duration:10})},s=u=>{t.customIcon(u,{duration:0,icon:"JD",id:"",center:!0,type:"text",customClass:"",bottom:30,size:"base",textAlignCenter:!0,bgColor:"rgba(0, 0, 0, .8)",cover:!0,coverColor:"rgba(0, 0, 0, 0.4)",closeOnClickOverlay:!0,onClose:()=>{console.log("closeToast")}})};return e.createElement(e.Fragment,null,e.createElement("div",{className:"demo"},e.createElement("h2",null,"\u57FA\u7840\u7528\u6CD5"),e.createElement(n,{title:"Text\u6587\u5B57\u63D0\u793A",isLink:!0,click:u=>l("\u7F51\u7EDC\u5931\u8D25\uFF0C\u8BF7\u7A0D\u540E\u518D\u8BD5~")}),e.createElement("h2",null,"\u6210\u529F\u63D0\u793A"),e.createElement(n,{title:"Success \u6210\u529F\u63D0\u793A",isLink:!0,click:u=>c("\u6210\u529F\u63D0\u793A")}),e.createElement("h2",null,"\u5931\u8D25\u63D0\u793A"),e.createElement(n,{title:"Error \u5931\u8D25\u63D0\u793A",isLink:!0,click:u=>r("\u5931\u8D25\u63D0\u793A")}),e.createElement("h2",null,"\u8B66\u544A\u63D0\u793A"),e.createElement(n,{title:" Warning \u8B66\u544A\u63D0\u793A",isLink:!0,click:u=>o("\u8B66\u544A\u63D0\u793A")}),e.createElement("h2",null,"\u52A0\u8F7D\u63D0\u793A"),e.createElement(n,{title:" Loading \u52A0\u8F7D\u63D0\u793A",isLink:!0,click:u=>i("\u52A0\u8F7D\u4E2D")}),e.createElement("h2",null,"\u5C55\u793A\u65F6\u957F\u8BBE\u7F6E"),e.createElement(n,{title:"\u8BBE\u7F6E\u5C55\u793A\u65F6\u957F\u4E3A10\u79D2\u63D0\u793A",isLink:!0,click:u=>a("\u8BBE\u7F6E\u5C55\u793A\u65F6\u957F\u4E3A10\u79D2")}),e.createElement(n,{title:"\u5173\u95ED\u6B63\u5728\u663E\u793A\u7684toast",isLink:!0,click:u=>t.hide()}),e.createElement("h2",null,"\u81EA\u5B9A\u4E49icon\u56FE\u6807"),e.createElement(n,{title:"\u4F20\u5165icon\u7EC4\u4EF6\u4E2D\u7684'JD'\u56FE\u6807",isLink:!0,click:u=>s("\u8BBE\u7F6Eicon\u4E3AJD")})))};export{B as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var he=Object.defineProperty;var S=Object.getOwnPropertySymbols;var Y=Object.prototype.hasOwnProperty,Z=Object.prototype.propertyIsEnumerable;var j=(r,e,a)=>e in r?he(r,e,{enumerable:!0,configurable:!0,writable:!0,value:a}):r[e]=a,R=(r,e)=>{for(var a in e||(e={}))Y.call(e,a)&&j(r,a,e[a]);if(S)for(var a of S(e))Z.call(e,a)&&j(r,a,e[a]);return r};var ee=(r,e)=>{var a={};for(var c in r)Y.call(r,c)&&e.indexOf(c)<0&&(a[c]=r[c]);if(r!=null&&S)for(var c of S(r))e.indexOf(c)<0&&Z.call(r,c)&&(a[c]=r[c]);return a};var n=(r,e,a)=>(j(r,typeof e!="symbol"?e+"":e,a),a);var te=(r,e,a)=>new Promise((c,i)=>{var m=D=>{try{A(a.next(D))}catch(C){i(C)}},v=D=>{try{A(a.throw(D))}catch(C){i(C)}},A=D=>D.done?c(D.value):Promise.resolve(D.value).then(m,v);A((a=a.apply(r,e)).next())});import{R as t,r as B}from"./vendor.js";import{c as Ee}from"./index.js";import{I as ae}from"./icon.js";import{c as Fe}from"./bem.js";import{B as ue}from"./button.js";class fe{constructor(){n(this,"url","");n(this,"name","file");n(this,"formData");n(this,"method","post");n(this,"xhrState",200);n(this,"timeout",30*1e3);n(this,"headers",{});n(this,"withCredentials",!1);n(this,"onStart");n(this,"taroFilePath");n(this,"onProgress");n(this,"onSuccess");n(this,"onFailure")}}class ge{constructor(e){n(this,"options");this.options=e}upload(){var c;const{options:e}=this,a=new XMLHttpRequest;if(a.timeout=e.timeout,a.upload){a.upload.addEventListener("progress",i=>{var m;(m=e.onProgress)==null||m.call(e,i,e)},!1),a.onreadystatechange=()=>{var i,m;a.readyState===4&&(a.status===e.xhrState?(i=e.onSuccess)==null||i.call(e,a.responseText,e):(m=e.onFailure)==null||m.call(e,a.responseText,e))},a.withCredentials=e.withCredentials,a.open(e.method,e.url,!0);for(const[i,m]of Object.entries(e.headers))a.setRequestHeader(i,m);(c=e.onStart)==null||c.call(e,e),a.send(e.formData)}else console.warn("\u6D4F\u89C8\u5668\u4E0D\u652F\u6301 XMLHttpRequest")}}const re={url:"",maximum:1,uploadIcon:"photograph",name:"file",accept:"*",disabled:!1,autoUpload:!0,multiple:!1,maximize:Number.MAX_VALUE,data:{},headers:{},method:"post",xhrState:200,timeout:1e3*30,withCredentials:!1,clearInput:!1,isPreview:!0,isDeletable:!0,capture:!1,beforeDelete:(r,e)=>!0};class we{constructor(){n(this,"status","ready");n(this,"uid",new Date().getTime().toString());n(this,"name");n(this,"url");n(this,"type");n(this,"formData",new FormData)}}const De=(r,e)=>{const W=R(R({},re),r),{children:a,uploadIcon:c,name:i,accept:m,disabled:v,multiple:A,url:D,headers:C,timeout:P,method:p,xhrState:E,withCredentials:g,data:x,isPreview:y,isDeletable:z,maximum:I,capture:L,maximize:le,className:se,autoUpload:ye,clearInput:ne,start:O,removeImage:T,progress:H,success:M,update:q,failure:Q,oversize:X,beforeUpload:V,beforeDelete:$}=W,oe=ee(W,["children","uploadIcon","name","accept","disabled","multiple","url","headers","timeout","method","xhrState","withCredentials","data","isPreview","isDeletable","maximum","capture","maximize","className","autoUpload","clearInput","start","removeImage","progress","success","update","failure","oversize","beforeUpload","beforeDelete"]),[h,_]=B.exports.useState([]),[U,k]=B.exports.useState([]),ce=Fe("uploader"),ie=Ee(se,ce(""));B.exports.useImperativeHandle(e,()=>({submit:()=>{Promise.all(U).then(u=>{u.forEach(s=>s.upload())})}}));const G=(u=-1)=>{u>-1?(U.splice(u,1),k(U)):k([])},me=u=>{u.value=""},de=(u,s)=>{const o=new fe;o.url=D;for(const[l,F]of Object.entries(x))u.formData.append(l,F);o.formData=u.formData,o.timeout=P*1,o.method=p,o.xhrState=E,o.headers=C,o.withCredentials=g,o.onStart=l=>{G(s),_(F=>(F.map(f=>{f.uid===u.uid&&(f.status="ready")}),[...F])),O&&O(l)},o.onProgress=(l,F)=>{_(f=>(f.map(b=>{b.uid===u.uid&&(b.status="uploading")}),[...f])),H&&H({e:l,option:F})},o.onSuccess=(l,F)=>{_(f=>(q&&q(f),f.map(b=>{b.uid===u.uid&&(b.status="success")}),[...f])),M&&M({responseText:l,option:F})},o.onFailure=(l,F)=>{_(f=>(f.map(b=>{b.uid===u.uid&&(b.status="error")}),[...f])),Q&&Q({responseText:l,option:F})};const d=new ge(o);r.autoUpload?d.upload():(U.push(new Promise((l,F)=>{l(d)})),k(U))},J=u=>{u.forEach((s,o)=>{const d=new FormData;d.append(i,s);const l=new we;if(l.name=s.name,l.status="ready",l.type=s.type,l.formData=d,l.uid=s.lastModified+l.uid,de(l,o),y&&s.type.includes("image")){const F=new FileReader;F.onload=f=>{l.url=f.target.result,h.push(l),_([...h])},F.readAsDataURL(s)}else h.push(l),_([...h])})},K=u=>{const s=r.maximum*1,o=new Array,d=u.filter(l=>l.size>le?(o.push(l),!1):!0);if(o.length&&X&&X(u),d.length>s&&d.splice(s,d.length-s),h.length!==0){const l=s-h.length;d.splice(l,d.length-l)}return d},pe=(u,s)=>{G(s),$&&$(u,h)?(h.splice(s,1),T&&T(u,h),_([...h])):console.log("\u7528\u6237\u963B\u6B62\u4E86\u5220\u9664\uFF01")},N=u=>{if(v)return;const s=u.target,{files:o}=s;if(V)V(new Array().slice.call(o)).then(d=>{const l=K(new Array().slice.call(d));J(l)});else{const d=K(new Array().slice.call(o));J(d)}r.change&&r.change({fileList:h,event:u}),ne&&me(s)};return t.createElement("div",R({className:ie},oe),a?t.createElement("div",{className:"nut-uploader__slot"},t.createElement(t.Fragment,null,a,I>h.length&&t.createElement(t.Fragment,null,L?t.createElement("input",{className:"nut-uploader__input",type:"file",capture:"user",name:i,accept:m,disabled:v,multiple:A,onChange:N}):t.createElement("input",{className:"nut-uploader__input",type:"file",name:i,accept:m,disabled:v,multiple:A,onChange:N})))):t.createElement(t.Fragment,null,h.length!==0&&h.map((u,s)=>(console.log("item",u),t.createElement("div",{className:"nut-uploader__preview",key:u.uid},t.createElement("div",{className:"nut-uploader__preview-img"},z&&t.createElement(ae,{color:"rgba(0,0,0,0.6)",className:"close",name:"circle-close",click:()=>pe(u,s)}),u.type.includes("image")&&u.url&&t.createElement("img",{className:"nut-uploader__preview-img__c",src:u.url}),u.status!=="success"&&t.createElement("div",{className:"tips"},u.status))))),I>h.length&&t.createElement("div",{className:"nut-uploader__upload"},t.createElement(ae,{color:"#808080",name:c}),L?t.createElement("input",{className:"nut-uploader__input",type:"file",capture:"user",name:i,accept:m,disabled:v,multiple:A,onChange:N}):t.createElement("input",{className:"nut-uploader__input",type:"file",name:i,accept:m,disabled:v,multiple:A,onChange:N}))))},w=t.forwardRef(De);w.defaultProps=re;w.displayName="NutUploader";const Ue=()=>{const r=B.exports.useRef(null),e="https://my-json-server.typicode.com/linrufeng/demo/posts",a={custom:"test"},c=p=>new Promise(E=>{const g=new FileReader;g.onloadend=x=>E(x.target.result),g.readAsDataURL(p)}),i=p=>new Promise(E=>{const g=new Image;g.onload=()=>E(g),g.src=p}),m=(p,E,g)=>new Promise(x=>p.toBlob(y=>x(y),E,g)),v=p=>{console.log("oversize \u89E6\u53D1 \u6587\u4EF6\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC7 50kb",p)},A=()=>{console.log("start \u89E6\u53D1")},D=(p,E)=>{console.log("delete \u4E8B\u4EF6\u89E6\u53D1",p,E)},C=p=>te(void 0,null,function*(){const E=document.createElement("canvas"),g=E.getContext("2d"),x=yield c(p[0]),y=yield i(x);E.width=y.width,E.height=y.height,g.clearRect(0,0,y.width,y.height),g.drawImage(y,0,0,y.width,y.height);const z=yield m(E,"image/jpeg",.5);return[yield new File([z],p[0].name,{type:p[0].type})]}),P=()=>{r.current.submit()};return t.createElement(t.Fragment,null,t.createElement("div",{className:"demo bg-w"},t.createElement("h2",null,"\u57FA\u7840\u7528\u6CD5"),t.createElement(w,{url:e,start:A}),t.createElement("h2",null,"\u81EA\u5B9A\u4E49\u4E0A\u4F20\u6837\u5F0F"),t.createElement(w,{url:e},t.createElement(ue,{type:"primary",icon:"uploader"},"\u4E0A\u4F20\u6587\u4EF6")),t.createElement("h2",null,"\u76F4\u63A5\u8C03\u8D77\u6444\u50CF\u5934\uFF08\u79FB\u52A8\u7AEF\u751F\u6548\uFF09"),t.createElement(w,{capture:!0}),t.createElement("h2",null,"\u4E0A\u4F20\u72B6\u6001"),t.createElement(w,{url:e,multiple:!0,removeImage:D}),t.createElement("h2",null,"\u9650\u5236\u4E0A\u4F20\u6570\u91CF5\u4E2A"),t.createElement(w,{url:e,multiple:!0,maximum:"5"}),t.createElement("h2",null,"\u9650\u5236\u4E0A\u4F20\u5927\u5C0F\uFF08\u6BCF\u4E2A\u6587\u4EF6\u6700\u5927\u4E0D\u8D85\u8FC7 50kb\uFF09"),t.createElement(w,{url:e,multiple:!0,maximize:1024*50,oversize:v}),t.createElement("h2",null,"\u9650\u5236\u4E0A\u4F20\u5927\u5C0F\uFF08\u5728beforeupload\u94A9\u5B50\u4E2D\u5904\u7406\uFF09"),t.createElement(w,{url:e,multiple:!0,beforeUpload:C,maximize:1024*50,oversize:v}),t.createElement("h2",null,"\u81EA\u5B9A\u4E49\u6570\u636E FormData \u3001 headers "),t.createElement(w,{url:e,data:a,headers:a,withCredentials:!0}),t.createElement("h2",null,"\u624B\u52A8\u4E0A\u4F20 "),t.createElement(w,{url:e,maximum:"5",autoUpload:!1,ref:r}),t.createElement("br",null),t.createElement(ue,{type:"success",size:"small",onClick:P},"\u6267\u884C\u4E0A\u4F20"),t.createElement("h2",null,"\u7981\u7528\u72B6\u6001"),t.createElement(w,{disabled:!0})))};export{Ue as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.infiniteUl{height:300px;width:100%;padding:0;overflow-y:auto;overflow-x:hidden}.infiniteLi{margin-top:10px;font-size:14px;color:#646464;text-align:center}.loading{display:block;width:100%;text-align:center}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var W=Object.defineProperty;var y=Object.getOwnPropertySymbols;var H=Object.prototype.hasOwnProperty,M=Object.prototype.propertyIsEnumerable;var f=(s,e,u)=>e in s?W(s,e,{enumerable:!0,configurable:!0,writable:!0,value:u}):s[e]=u,o=(s,e)=>{for(var u in e||(e={}))H.call(e,u)&&f(s,u,e[u]);if(y)for(var u of y(e))M.call(e,u)&&f(s,u,e[u]);return s};import{r,R as t}from"./vendor.js";import{I as O}from"./icon.js";import"./bem.js";const N={bottom:20,right:10,elId:"",distance:200,zIndex:10,isAnimation:!0,duration:1e3},d=s=>{const{children:e,bottom:u,right:w,elId:n,distance:k,zIndex:g,isAnimation:T,className:b,duration:c,style:h,backTopClick:I}=o(o({},N),s),[A,C]=r.exports.useState(!1),[E,B]=r.exports.useState(0);let D=0,l=n?document.getElementById(n):window;r.exports.useEffect(()=>(S(),()=>q()),[]);const S=()=>{n&&document.getElementById(n)&&(l=document.getElementById(n)),R(),z()},i=()=>{let a=null;l instanceof Window?(a=l.pageYOffset,B(a)):(a=l.scrollTop,B(a));const m=a>=k;C(m)},x=(a=0)=>{l instanceof Window?window.scrollTo(0,a):l.scrollTop=a},L=()=>{let a=p()(function m(){const v=c-Math.max(0,D-+new Date+c),F=v*-E/c+E;x(F),a=p()(m),(v==c||F==0)&&window.cancelAnimationFrame(a)})},z=()=>{window.cancelAnimationFrame=window.webkitCancelAnimationFrame},p=()=>window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||function(a){window.setTimeout(a,1e3/60)};function R(){l.addEventListener("scroll",i,!1),l.addEventListener("resize",i,!1)}function q(){l.removeEventListener("scroll",i,!1),l.removeEventListener("resize",i,!1)}const $=a=>{I(a),D=+new Date,T&&c>0?L():x()},P={right:`${w}px`,bottom:`${u}px`,zIndex:g};return t.createElement("div",{className:`nut-backtop ${A?"show":""} ${b||""}`,style:o(o({},P),h),onClick:$},e||t.createElement(O,{size:"19px",className:"nut-backtop-main",name:"top"}))};d.defaultProps=N;d.displayName="NutBackTop";const K=()=>{const s={height:"1600px"},e={height:"46px",lineHeight:"46px",margin:"15px auto 20px",paddingLeft:"16px",backgroundColor:"#fff",color:"#666",borderRadius:"7px",boxShadow:"0 1px 7px #edeef1",fontSize:"13px"};return t.createElement(t.Fragment,null,t.createElement("div",{className:"demo",style:s,id:"elId"},t.createElement("h2",null,"\u57FA\u7840\u7528\u6CD5"),t.createElement("div",{className:"text-data",style:e},"\u6211\u662F\u6D4B\u8BD5\u6570\u636E1"),t.createElement("div",{className:"text-data",style:e},"\u6211\u662F\u6D4B\u8BD5\u6570\u636E2"),t.createElement("div",{className:"text-data",style:e},"\u6211\u662F\u6D4B\u8BD5\u6570\u636E3"),t.createElement("div",{className:"text-data",style:e},"\u6211\u662F\u6D4B\u8BD5\u6570\u636E4"),t.createElement("div",{className:"text-data",style:e},"\u6211\u662F\u6D4B\u8BD5\u6570\u636E5"),t.createElement("div",{className:"text-data",style:e},"\u6211\u662F\u6D4B\u8BD5\u6570\u636E6"),t.createElement("div",{className:"text-data",style:e},"\u6211\u662F\u6D4B\u8BD5\u6570\u636E7"),t.createElement("div",{className:"text-data",style:e},"\u6211\u662F\u6D4B\u8BD5\u6570\u636E8"),t.createElement("div",{className:"text-data",style:e},"\u6211\u662F\u6D4B\u8BD5\u6570\u636E9"),t.createElement("div",{className:"text-data",style:e},"\u6211\u662F\u6D4B\u8BD5\u6570\u636E10"),t.createElement("div",{className:"text-data",style:e},"\u6211\u662F\u6D4B\u8BD5\u6570\u636E11"),t.createElement("div",{className:"text-data",style:e},"\u6211\u662F\u6D4B\u8BD5\u6570\u636E12"),t.createElement("div",{className:"text-data",style:e},"\u6211\u662F\u6D4B\u8BD5\u6570\u636E13"),t.createElement("div",{className:"text-data",style:e},"\u6211\u662F\u6D4B\u8BD5\u6570\u636E14"),t.createElement("div",{className:"text-data",style:e},"\u6211\u662F\u6D4B\u8BD5\u6570\u636E15"),t.createElement("div",{className:"text-data",style:e},"\u6211\u662F\u6D4B\u8BD5\u6570\u636E16"),t.createElement("div",{className:"text-data",style:e},"\u6211\u662F\u6D4B\u8BD5\u6570\u636E17"),t.createElement("div",{className:"text-data",style:e},"\u6211\u662F\u6D4B\u8BD5\u6570\u636E18"),t.createElement("div",{className:"text-data",style:e},"\u6211\u662F\u6D4B\u8BD5\u6570\u636E19"),t.createElement("div",{className:"text-data",style:e},"\u6211\u662F\u6D4B\u8BD5\u6570\u636E20"),t.createElement("div",{className:"text-data",style:e},"\u6211\u662F\u6D4B\u8BD5\u6570\u636E21"),t.createElement("div",{className:"text-data",style:e},"\u6211\u662F\u6D4B\u8BD5\u6570\u636E22"),t.createElement("div",{className:"text-data",style:e},"\u6211\u662F\u6D4B\u8BD5\u6570\u636E23"),t.createElement("div",{className:"text-data",style:e},"\u6211\u662F\u6D4B\u8BD5\u6570\u636E24"),t.createElement(d,{className:"test123",elId:"elId",distance:200,bottom:100,isAnimation:!1,style:{color:"red"},backTopClick:()=>{console.log("\u89E6\u53D1\u70B9\u51FB")}},t.createElement("div",null,"\u65E0")),t.createElement(d,{elId:"elId",distance:200,backTopClick:()=>{console.log("\u89E6\u53D1\u8FD4\u56DE\u9876\u90E8")}})))};export{K as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.demo-popup{color:#fff}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var x=Object.defineProperty;var d=Object.getOwnPropertySymbols;var A=Object.prototype.hasOwnProperty,B=Object.prototype.propertyIsEnumerable;var p=(n,r,l)=>r in n?x(n,r,{enumerable:!0,configurable:!0,writable:!0,value:l}):n[r]=l,E=(n,r)=>{for(var l in r||(r={}))A.call(r,l)&&p(n,l,r[l]);if(d)for(var l of d(r))B.call(r,l)&&p(n,l,r[l]);return n};import{R as e}from"./vendor.js";import{I as N}from"./icon.js";import{C as m}from"./cell.js";import{C as u}from"./cellgroup.js";import{A as a}from"./avatar.js";import"./bem.js";import"./index.js";const h={value:"",dot:!1,max:1e4,top:"0",right:"0",zIndex:"0",color:"",icons:""},t=n=>{const{value:r,children:l,dot:s,max:C,top:g,right:v,zIndex:y,color:f,icons:i}=E(E({},h),n),q=()=>{if(s)return;const{value:c}=n,{max:o}=n;return typeof c=="number"&&typeof o=="number"&&o<c?`${o}+`:c},b=()=>{const c={};return c.top=`${g}px`,c.right=`${v}px`,c.zIndex=y,c.background=f,c};return e.createElement("div",{className:"nut-badge"},i!=""&&e.createElement("div",{className:"slot-icons"},e.createElement(N,{className:"_icon",name:i,color:"#ffffff",size:"12"})),e.createElement("div",null,l),e.createElement("div",{className:`${s?"is-dot":""} nut-badge__content sup`,style:b()},q()))};t.defaultProps=h;t.displayName="NutBadge";const P=()=>e.createElement(e.Fragment,null,e.createElement("div",{className:"demo"},e.createElement("h2",null,"\u9ED8\u8BA4\u7528\u6CD5"),e.createElement(u,null,e.createElement(m,null,e.createElement(t,{value:8},e.createElement(a,{icon:"my",shape:"square"})),e.createElement(t,{value:76},e.createElement(a,{icon:"my",shape:"square"})),e.createElement(t,{value:"NEW"},e.createElement(a,{icon:"my",shape:"square"})),e.createElement(t,{dot:!0},e.createElement(a,{icon:"my",shape:"square"})))),e.createElement("h2",null,"\u6700\u5927\u503C"),e.createElement(u,null,e.createElement(m,null,e.createElement(t,{value:200,max:9},e.createElement(a,{icon:"my",shape:"square"})),e.createElement(t,{value:200,max:20},e.createElement(a,{icon:"my",shape:"square"})),e.createElement(t,{value:200,max:99},e.createElement(a,{icon:"my",shape:"square"})))),e.createElement("h2",null,"\u81EA\u5B9A\u4E49\u989C\u8272"),e.createElement(u,null,e.createElement(m,null,e.createElement(t,{value:8,color:"linear-gradient(315deg, rgba(73,143,242,1) 0%,rgba(73,101,242,1) 100%)"},e.createElement(a,{icon:"my",shape:"square"})),e.createElement(t,{value:76,color:"linear-gradient(315deg, rgba(73,143,242,1) 0%,rgba(73,101,242,1) 100%)"},e.createElement(a,{icon:"my",shape:"square"})),e.createElement(t,{value:"NEW",color:"linear-gradient(315deg, rgba(73,143,242,1) 0%,rgba(73,101,242,1) 100%)"},e.createElement(a,{icon:"my",shape:"square"})),e.createElement(t,{dot:!0,color:"linear-gradient(315deg, rgba(73,143,242,1) 0%,rgba(73,101,242,1) 100%)"},e.createElement(a,{icon:"my",shape:"square"})))),e.createElement("h2",null,"\u81EA\u5B9A\u4E49\u5FBD\u6807\u5185\u5BB9"),e.createElement(u,null,e.createElement(m,null,e.createElement(t,{icons:"checklist"},e.createElement(a,{icon:"my",shape:"square"})),e.createElement(t,{icons:"link"},e.createElement(a,{icon:"my",shape:"square"})),e.createElement(t,{icons:"download"},e.createElement(a,{icon:"my",shape:"square"})))),e.createElement("h2",null,"\u81EA\u5B9A\u4E49\u4F4D\u7F6E"),e.createElement(u,null,e.createElement(m,null,e.createElement(t,{value:8,top:"5",right:"5"},e.createElement(a,{icon:"my",shape:"square"})),e.createElement(t,{value:76,top:"10",right:"10"},e.createElement(a,{icon:"my",shape:"square"})),e.createElement(t,{value:"NEW"},e.createElement(a,{icon:"my",shape:"square"})))),e.createElement("h2",null,"\u72EC\u7ACB\u5C55\u793A"),e.createElement(u,null,e.createElement(m,null,e.createElement(t,{value:8}),e.createElement(t,{value:76}),e.createElement(t,{value:"NEW"})))));export{P as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.demo-box .nut-swiper{height:150px}.demo-box .nut-swiper img{width:100%;height:100%}.demo-box .page{position:absolute;bottom:0;right:0;width:46px;height:22px;background:rgba(0,0,0,.33);border-radius:22px;text-align:center;color:#fff;font-size:14px}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var P=Object.defineProperty;var i=Object.getOwnPropertySymbols;var v=Object.prototype.hasOwnProperty,C=Object.prototype.propertyIsEnumerable;var b=(e,t,r)=>t in e?P(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,d=(e,t)=>{for(var r in t||(t={}))v.call(t,r)&&b(e,r,t[r]);if(i)for(var r of i(t))C.call(t,r)&&b(e,r,t[r]);return e};var y=(e,t)=>{var r={};for(var s in e)v.call(e,s)&&t.indexOf(s)<0&&(r[s]=e[s]);if(e!=null&&i)for(var s of i(e))t.indexOf(s)<0&&C.call(e,s)&&(r[s]=e[s]);return r};import{R as n,r as o}from"./vendor.js";import{C as W}from"./cell.js";import{c as q}from"./index.js";import{c as M}from"./bem.js";import{B as _}from"./button.js";import"./icon.js";const B={barrageList:[],frequency:500,loop:!0,speeds:2e3,rows:3,top:10},k=(e,t)=>{const h=d(d({},B),e),{className:r,frequency:s,loop:D,barrageList:c,speeds:N,rows:R,top:F}=h,L=y(h,["className","frequency","loop","barrageList","speeds","rows","top"]),m=o.exports.useRef(null),p=o.exports.useRef(null),E=o.exports.useRef(0),f=o.exports.useRef(0),l=o.exports.useRef(0),w=M("barrage"),A=q(r,w(""));o.exports.useImperativeHandle(t,()=>({add:u=>{const a=l.current%c.length;c.splice(a,0,u)}})),o.exports.useEffect(()=>(m.current&&(E.current=m.current.offsetWidth,x()),()=>{clearInterval(f.current)}),[]);const x=()=>{clearInterval(f.current),f.current=setInterval(()=>{$(),x()},s)},$=()=>{const u=D?l.current%c.length:l.current,a=document.createElement("div");a.innerHTML=c[u],a.classList.add("barrage-item"),p.current.appendChild(a);const I=a.offsetWidth,H=a.offsetHeight;console.log(a.offsetWidth,a.offsetHeight),a.classList.add("move"),a.style.animationDuration=`${N}ms`,a.style.top=`${u%R*(H+F)+20}px`,a.style.width=`${I+20}px`,a.style.setProperty("--move-distance",`-${E.current}px`),a.dataset.index=`${u}`,a.addEventListener("animationend",()=>{p.current.removeChild(a)}),l.current++};return n.createElement("div",d({className:A,ref:m},L),n.createElement("div",{ref:p,className:"bContainer"}))},g=n.forwardRef(k);g.defaultProps=B;g.displayName="NutBarrage";const O=()=>{const e=["\u753B\u7F8E\u4E0D\u770B","\u4E0D\u660E\u89C9\u5389","\u559C\u5927\u666E\u5954","\u7537\u9ED8\u5973\u6CEA","\u7D2F\u89C9\u4E0D\u7231","\u7237\u9752\u7ED3-"],t=o.exports.useRef(null),r=()=>{const s=Math.random();t.current&&t.current.add(`\u968F\u673A\u2014\u2014${String(s).substr(2,10)}`)};return n.createElement(n.Fragment,null,n.createElement("div",{className:"demo"},n.createElement("h2",null,"\u57FA\u7840\u7528\u6CD5"),n.createElement(W,{className:"barrage-demo-wrap"},n.createElement(g,{className:"barrage-demo",ref:t,barrageList:e})),n.createElement("div",{className:"test",style:{textAlign:"center"}},n.createElement(_,{type:"danger",onClick:r},"\u968F\u673A\u6DFB\u52A0"))))};export{O as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.wrapper .content{display:-webkit-box;display:-ms-flexbox;display:flex;width:150px;height:150px;background:#fff;border-radius:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:red}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as a,R as e}from"./vendor.js";import{B as t}from"./button.js";import"./icon.js";import"./bem.js";const E=()=>{const[u,r]=a.exports.useState(!1);return e.createElement(e.Fragment,null,e.createElement("div",{className:"demo"},e.createElement("h2",null,"\u6309\u94AE\u7C7B\u578B"),e.createElement(t,{className:"aa",style:{margin:8},type:"primary",shape:"round"},"\u4E3B\u8981\u6309\u94AE"),e.createElement(t,{type:"info",style:{margin:8},shape:"round"},"\u4FE1\u606F\u6309\u94AE"),e.createElement(t,{shape:"round",style:{margin:8}},"\u9ED8\u8BA4\u6309\u94AE"),e.createElement(t,{type:"danger",style:{margin:8},shape:"round"},"\u5371\u9669\u6309\u94AE"),e.createElement(t,{type:"warning",style:{margin:8}},"\u8B66\u544A\u6309\u94AE"),e.createElement(t,{type:"success",style:{margin:8}},"\u6210\u529F\u6309\u94AE"),e.createElement("h2",null,"\u6734\u7D20\u6309\u94AE"),e.createElement(t,{plain:!0,style:{margin:8},type:"primary"},"\u6734\u7D20\u6309\u94AE"),e.createElement(t,{plain:!0,style:{margin:8},type:"info"},"\u6734\u7D20\u6309\u94AE"),e.createElement("h2",null,"\u7981\u7528\u72B6\u6001"),e.createElement(t,{disabled:!0,style:{margin:8},type:"primary"},"\u7981\u7528\u72B6\u6001"),e.createElement(t,{plain:!0,disabled:!0,style:{margin:8},type:"info"},"\u7981\u7528\u72B6\u6001"),e.createElement(t,{plain:!0,disabled:!0,style:{margin:8},type:"primary"},"\u7981\u7528\u72B6\u6001"),e.createElement("h2",null,"\u52A0\u8F7D\u72B6\u6001"),e.createElement(t,{loading:!0,type:"info",style:{margin:8}}),e.createElement(t,{loading:!0,type:"warning",style:{margin:8}},"\u52A0\u8F7D\u4E2D"),e.createElement(t,{loading:u,type:"success",onClick:()=>{setTimeout(()=>{r(!1)},1500),r(!u)},style:{margin:8}},"Click me!"),e.createElement("h2",null,"\u6309\u94AE\u5C3A\u5BF8"),e.createElement(t,{shape:"square",plain:!0,type:"primary",icon:"star-fill",style:{margin:8}}),e.createElement(t,{shape:"square",type:"primary",icon:"star",style:{margin:8}},"\u6536\u85CF"),e.createElement("h2",null,"\u6309\u94AE\u5C3A\u5BF8"),e.createElement(t,{size:"large",type:"primary"},"\u5927\u53F7\u6309\u94AE"),e.createElement(t,{type:"primary",style:{margin:8}},"\u666E\u901A\u6309\u94AE"),e.createElement(t,{size:"small",style:{margin:8},type:"primary"},"\u5C0F\u578B\u6309\u94AE"),e.createElement("h2",null,"\u5757\u7EA7\u5143\u7D20"),e.createElement(t,{block:!0,type:"primary"},"\u5757\u7EA7\u5143\u7D20"),e.createElement("h2",null,"\u81EA\u5B9A\u4E49\u989C\u8272"),e.createElement(t,{color:"#7232dd",style:{margin:8}},"\u5355\u8272\u6309\u94AE"),e.createElement(t,{color:"#7232dd",plain:!0,style:{margin:8}},"\u5355\u8272\u6309\u94AE"),e.createElement(t,{color:"linear-gradient(to right, #ff6034, #ee0a24)",style:{margin:8}},"\u6E10\u53D8\u6309\u94AE")))};export{E as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.demo__btn{text-align:center;width:100%;height:50px;border-top:1px solid #eaf0fb;padding-top:6px;background:white}.demo__btn .nut-button{margin-right:10px}.demo__piece{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:white}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var ge=Object.defineProperty;var se=Object.getOwnPropertySymbols;var Ee=Object.prototype.hasOwnProperty,ye=Object.prototype.propertyIsEnumerable;var re=(a,c,l)=>c in a?ge(a,c,{enumerable:!0,configurable:!0,writable:!0,value:l}):a[c]=l,V=(a,c)=>{for(var l in c||(c={}))Ee.call(c,l)&&re(a,l,c[l]);if(se)for(var l of se(c))ye.call(c,l)&&re(a,l,c[l]);return a};import{r as d,R as o}from"./vendor.js";import{P as Ce}from"./popup.js";import{c as z}from"./index.js";import{c as $e}from"./bem.js";import{C as G}from"./cell.js";import"./overlay.js";import"./icon.js";import"./CSSTransition.js";const i={isLeapYear(a){return a%4==0&&a%100!=0||a%400==0},getWhatDay(a,c,l){const p=new Date(`${a}/${c}/${l}`).getDay();return["\u661F\u671F\u65E5","\u661F\u671F\u4E00","\u661F\u671F\u4E8C","\u661F\u671F\u4E09","\u661F\u671F\u56DB","\u661F\u671F\u4E94","\u661F\u671F\u516D"][p]},getMonthPreDay(a,c){let m=new Date(`${a}/${c}/01`).getDay();return m==0&&(m=7),m},getMonthDays(a,c){return/^0/.test(c)&&(c=c.split("")[1]),[0,31,this.isLeapYear(Number(a))?29:28,31,30,31,30,31,31,30,31,30,31][c]},getNumTwoBit(a){return a=Number(a),(a>9?"":"0")+a},date2Str(a,c){c=c||"-";const l=a.getFullYear(),m=this.getNumTwoBit(a.getMonth()+1),p=this.getNumTwoBit(a.getDate());return[l,m,p].join(c)},getDay(a){a=a||0;let c=new Date;const l=a*(1e3*60*60*24);return c=new Date(c.getTime()+l),this.date2Str(c)},compareDate(a,c){const l=new Date(a.replace("-","/").replace("-","/")),m=new Date(c.replace("-","/").replace("-","/"));return!(l>=m)},isEqual(a,c){const l=new Date(a).getTime(),m=new Date(c).getTime();return l==m}};function ve(){return typeof window!="undefined"?window.requestAnimationFrame||function(a){window.setTimeout(a,1e3/60)}:function(a){setTimeout(a,1e3/60)}}var be=ve();const ne={type:"one",isAutoBackFill:!1,poppable:!0,visible:!1,title:"\u65E5\u5386\u9009\u62E9",defaultValue:"",startDate:i.getDay(0),endDate:i.getDay(365),onChoose:a=>{},onUpdate:()=>{},onClose:()=>{}},U=a=>{const{children:c,type:l,isAutoBackFill:m,poppable:p,visible:N,title:$,defaultValue:v,startDate:D,endDate:f,onChoose:T,onUpdate:b,onClose:F}=V(V({},ne),a),x=["\u65E5","\u4E00","\u4E8C","\u4E09","\u56DB","\u4E94","\u516D"],[A,y]=d.exports.useState(""),[B,j]=d.exports.useState(!1),[L,I]=d.exports.useState([]),[e,J]=d.exports.useState({currDate:"",touchParams:{startY:0,endY:0,startTime:0,endTime:0,lastY:0,lastTime:0},transformY:0,translateY:0,scrollDistance:0,defaultData:[],chooseData:[],monthsData:[],dayPrefix:"calendar-month-day",startData:"",endData:"",isRange:l==="range",timer:0}),C=d.exports.useRef(null),k=d.exports.useRef(null),h=d.exports.useRef(null),w=$e("calendar"),g=z({[`${w("")}-tile`]:!p,[`${w("")}-nofooter`]:!!m},w("")),ce=z({[`${w("")}-header`]:!0,[`${w("")}-header-tile`]:!p}),ue=z({"calendar-month-item":!0,[`${l==="range"?"month-item-range":""}`]:!0}),M=t=>t.split("-"),K=t=>i.isEqual(e.currDate[0],t),le=t=>i.isEqual(e.currDate[1],t),Q=(t,n,r)=>r?`${n.curData[3]}-${n.curData[4]}-${i.getNumTwoBit(+t.day)}`:`${n.curData[0]}-${n.curData[1]}-${i.getNumTwoBit(+t.day)}`,W=(t,n,r)=>{const s=Q(t,n,r);return t.type==="curr"?!e.isRange&&i.isEqual(e.currDate,s)||e.isRange&&(K(s)||le(s))?`${e.dayPrefix}-active`:D&&i.compareDate(s,D)||f&&i.compareDate(f,s)?`${e.dayPrefix}-disabled`:e.isRange&&Array.isArray(e.currDate)&&Object.values(e.currDate).length==2&&i.compareDate(e.currDate[0],s)&&i.compareDate(s,e.currDate[1])?`${e.dayPrefix}-choose`:null:`${e.dayPrefix}-disabled`},X=(t,n)=>e.isRange&&t.type=="curr"&&W(t,n)=="calendar-month-day-active",ie=(t,n)=>{const r=`${t.curData[0]}-${t.curData[1]}-${n}`;return i.isEqual(r,i.date2Str(new Date))},Z=()=>{(e.isRange&&e.chooseData.length==2||!e.isRange)&&(T&&T(e.chooseData),p&&b&&b())},q=(t,n,r,s)=>{if(W(t,n,s)!=`${e.dayPrefix}-disabled`){let u=[...n.curData];u=s?u.splice(3):u.splice(0,3),u[2]=typeof t.day=="number"?i.getNumTwoBit(t.day):t.day,u[3]=`${u[0]}-${u[1]}-${u[2]}`,u[4]=i.getWhatDay(+u[0],+u[1],+u[2]),e.isRange?(Object.values(e.currDate).length===2?e.currDate=[u[3]]:i.compareDate(e.currDate[0],u[3])?Array.isArray(e.currDate)&&e.currDate.push(u[3]):Array.isArray(e.currDate)&&e.currDate.unshift(u[3]),e.chooseData.length==2||!e.chooseData.length?e.chooseData=[...u]:i.compareDate(e.chooseData[3],u[3])?e.chooseData=[[...e.chooseData],[...u]]:e.chooseData=[[...u],[...e.chooseData]]):(e.currDate=u[3],e.chooseData=[...u]),m&&!r&&Z(),I(e.monthsData.slice())}},me=(t,n)=>X(t,n)?K(Q(t,n)):!1,de=(t,n)=>X(t,n),H=t=>{const n=t=="prev"?e.monthsData[0]:e.monthsData[e.monthsData.length-1];let r=parseInt(n.curData[0]),s=parseInt(n.curData[1].toString().replace(/^0/,""));switch(t){case"prev":s==1&&(r-=1),s=s==1?12:--s;break;case"next":s==12&&(r+=1),s=s==12?1:++s;break}return[r,i.getNumTwoBit(s),i.getMonthDays(String(r),String(s))]},_=(t,n)=>(n=="prev"&&t>=7&&(t-=7),Array.from(Array(t),(r,s)=>({day:s+1,type:n}))),Y=(t,n)=>{const r=i.getMonthPreDay(+t[0],+t[1]),s=i.getMonthDays(t[0],t[1]),u={year:t[0],month:t[1]},E={curData:t,title:`${u.year}\u5E74${u.month}\u6708`,monthData:[..._(r,"prev"),..._(s,"curr")]};n=="next"?(!e.endData||!i.compareDate(`${e.endData[0]}-${e.endData[1]}-${i.getMonthDays(e.endData[0],e.endData[1])}`,`${t[0]}-${t[1]}-${t[2]}`))&&e.monthsData.push(E):!e.startData||!i.compareDate(`${t[0]}-${t[1]}-${t[2]}`,`${e.startData[0]}-${e.startData[1]}-01`)?e.monthsData.unshift(E):j(!0),I(e.monthsData)},ee=()=>{if(!a.poppable)return!1;be(()=>{if((C==null?void 0:C.current)&&(h==null?void 0:h.current)){const t=C==null?void 0:C.current.getBoundingClientRect().bottom,n=h.current.getElementsByClassName("calendar-month");for(let r=0;r<n.length;r++)n[r].getBoundingClientRect().top<=t&&n[r].getBoundingClientRect().bottom>=t?y(e.monthsData[r].title):e.scrollDistance===0&&y(e.monthsData[0].title)}})},te=(t=0,n,r=1e3)=>{h!=null&&h.current&&(n==="end"?(h.current.style.webkitTransition=`transform ${r}ms cubic-bezier(0.19, 1, 0.22, 1)`,clearTimeout(e.timer),e.timer=setTimeout(()=>{ee()},r)):(h.current.style.webkitTransition="",ee()),h.current.style.webkitTransform=`translateY(${t}px)`,e.scrollDistance=t)},O=(t,n,r)=>{var S,R;let s=t+e.transformY;const u=((S=k.current)==null?void 0:S.offsetHeight)||0,E=((R=h.current)==null?void 0:R.offsetHeight)||0;n==="end"?(s>0&&(s=0),s<0&&s<-E+u&&(s=-E+u),E<=u&&e.monthsData.length==1&&(s=0),te(s,n,r)):(s>0&&s>100&&(s=100),s<-E+u-100&&e.monthsData.length>1&&(s=-E+u-100),s<0&&s<-100&&e.monthsData.length==1&&(s=-100),te(s))},De=t=>{t.stopPropagation();const n=t.changedTouches[0];e.touchParams.startY=n.pageY,e.touchParams.startTime=t.timeStamp||Date.now(),e.transformY=e.scrollDistance},fe=t=>{t.stopPropagation();const n=t.changedTouches[0];e.touchParams.lastY=n.pageY,e.touchParams.lastTime=t.timeStamp||Date.now();const r=e.touchParams.lastY-e.touchParams.startY;if(Math.abs(r)<5)return!1;O(r)},he=t=>{var R,ae;t.stopPropagation();const n=t.changedTouches[0];e.touchParams.lastY=n.pageY,e.touchParams.lastTime=t.timeStamp||Date.now();let r=e.touchParams.lastY-e.touchParams.startY;if(Math.abs(r)<5)return!1;const s=r+e.transformY,u=((R=k.current)==null?void 0:R.offsetHeight)||0,E=((ae=h.current)==null?void 0:ae.offsetHeight)||0;s>0?Y(H("prev"),"prev"):s<0&&s<-E+(Math.abs(r)>u?Math.abs(r):u)*5&&(Y(H("next"),"next"),Math.abs(r)>=300&&Y(H("next"),"next"));let S=e.touchParams.lastTime-e.touchParams.startTime;S<=300?(r*=2,S+=1e3,O(r,"end",S)):O(r,"end")},pe=()=>{e.startData=D?M(D):"",e.endData=f?M(f):"",v?e.currDate=e.isRange?[...v]:v:e.currDate=e.isRange?[i.date2Str(new Date),i.getDay(1)]:i.date2Str(new Date),e.isRange&&Array.isArray(e.currDate)?(D&&i.compareDate(e.currDate[0],D)&&e.currDate.splice(0,1,D),f&&i.compareDate(f,e.currDate[1])&&e.currDate.splice(1,1,f),e.defaultData=[...M(e.currDate[0]),...M(e.currDate[1])]):(D&&i.compareDate(e.currDate,D)?e.currDate=D:f&&!i.compareDate(e.currDate,f)&&(e.currDate=f),e.defaultData=[...M(e.currDate)]),Y(e.defaultData,"next"),y(e.monthsData[0].title);let t=1;do Y(H("next"),"next");while(t++<4);e.isRange?(q({day:e.defaultData[2],type:"curr"},e.monthsData[0],!0),q({day:e.defaultData[5],type:"curr"},e.monthsData[0],!0,!0)):q({day:e.defaultData[2],type:"curr"},e.monthsData[0],!0)};return d.exports.useEffect(()=>{pe()},[]),o.createElement(o.Fragment,null,o.createElement("div",{className:g},o.createElement("div",{className:ce},p?o.createElement(o.Fragment,null,o.createElement("div",{className:"calendar-title"},$),o.createElement("div",{className:"calendar-curr-month"},A)):"",o.createElement("div",{className:"calendar-weeks",ref:C},x.map(t=>o.createElement("div",{className:"calendar-week-item",key:t},t)))),o.createElement("div",{className:"nut-calendar-content",onTouchStart:De,onTouchMove:fe,onTouchEnd:he,ref:k},o.createElement("div",{className:"calendar-months-panel",ref:h},o.createElement("div",{className:"calendar-loading-tip"},B?"\u6CA1\u6709\u66F4\u65E9\u6708\u4EFD":"\u52A0\u8F7D\u4E0A\u4E00\u4E2A\u6708"),L.map((t,n)=>o.createElement("div",{className:"calendar-month",key:n},o.createElement("div",{className:"calendar-month-title"},t.title),o.createElement("div",{className:"calendar-month-con"},o.createElement("div",{className:ue},t.monthData&&t.monthData.map((r,s)=>o.createElement("div",{className:["calendar-month-day",W(r,t)].join(" "),key:s,onClick:()=>{q(r,t)}},o.createElement("div",{className:"calendar-day"},r.type==="curr"?r.day:""),ie(t,r.day)?o.createElement("div",{className:"calendar-curr-tips"},"\u4ECA\u5929"):"",me(r,t)?o.createElement("div",{className:"calendar-day-tip"},"\u5F00\u59CB"):de(r,t)?o.createElement("div",{className:"calendar-day-tip"},"\u7ED3\u675F"):"")))))))),p&&!m?o.createElement("div",{className:"nut-calendar-footer"},o.createElement("div",{className:"calendar-confirm-btn",onClick:Z},"\u786E\u5B9A")):""))};U.defaultProps=ne;U.displayName="NutCalendarItem";const oe={type:"one",isAutoBackFill:!1,poppable:!0,visible:!1,title:"\u65E5\u5386\u9009\u62E9",defaultValue:"",startDate:i.getDay(0),endDate:i.getDay(365),onClose:()=>{},onChoose:a=>{}},P=a=>{const{children:c,poppable:l,visible:m,type:p,isAutoBackFill:N,title:$,defaultValue:v,startDate:D,endDate:f,onClose:T,onChoose:b}=V(V({},oe),a),F=()=>{T&&T()},x=()=>{},A=B=>{F(),b&&b(B)},y=()=>{F()};return o.createElement(o.Fragment,null,l?o.createElement(Ce,{visible:m,position:"bottom",round:!0,closeable:!0,onClickOverlay:y,onClickCloseIcon:y},o.createElement(U,{type:p,isAutoBackFill:N,poppable:l,title:$,defaultValue:v,startDate:D,endDate:f,onUpdate:x,onClose:F,onChoose:A})):o.createElement(U,{type:p,isAutoBackFill:N,poppable:l,title:$,defaultValue:v,startDate:D,endDate:f,onClose:F,onChoose:A}))};P.defaultProps=oe;P.displayName="NutCalendar";const ke=()=>{const[a,c]=d.exports.useState(""),[l,m]=d.exports.useState(["2019-12-23","2019-12-26"]),[p,N]=d.exports.useState("2020-07-08"),[$,v]=d.exports.useState(""),[D,f]=d.exports.useState(""),[T,b]=d.exports.useState(!1),[F,x]=d.exports.useState(!1),[A,y]=d.exports.useState(!1),B=()=>{b(!0)},j=()=>{x(!0)},L=()=>{y(!0)},I=()=>{b(!1)},e=()=>{x(!1)},J=()=>{y(!1)},C=g=>{c(g[3]),f(g[4])},k=g=>{m([g[0][3],g[1][3]])},h=g=>{N(g[3]),console.log(g[3])},w=g=>{v(g[3])};return o.createElement(o.Fragment,null,o.createElement("div",{className:"demo"},o.createElement("h2",null,"\u57FA\u7840\u7528\u6CD5"),o.createElement(G,{title:"\u9009\u62E9\u5355\u4E2A\u65E5\u671F",desc:a?`${a} ${D}`:"\u8BF7\u9009\u62E9",onClick:B}),o.createElement(P,{visible:T,defaultValue:a,startDate:"2019-10-11",endDate:"2029-11-11",onClose:I,onChoose:C}),o.createElement(G,{title:"\u9009\u62E9\u65E5\u671F\u533A\u95F4",desc:l?`${l[0]}\u81F3${l[1]}`:"\u8BF7\u9009\u62E9",onClick:j}),o.createElement(P,{visible:F,defaultValue:l,type:"range",startDate:"2019-12-22",endDate:"2021-01-08",onClose:e,onChoose:k}),o.createElement("h2",null,"\u81EA\u5B9A\u4E49\u65E5\u5386-\u81EA\u52A8\u56DE\u586B"),o.createElement(G,{title:"\u9009\u62E9\u65E5\u671F",desc:$?`${$}`:"\u8BF7\u9009\u62E9",onClick:L}),o.createElement(P,{visible:A,defaultValue:$,startDate:"",endDate:"",isAutoBackFill:!0,onClose:J,onChoose:w}),o.createElement("h2",null,"\u5E73\u94FA\u5C55\u793A"),o.createElement("div",{className:"test-calendar-wrapper",style:{display:"flex",width:"100%",height:"613px",overflow:"hidden"}},o.createElement(P,{poppable:!1,defaultValue:p,isAutoBackFill:!0,onChoose:h}))))};export{ke as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var un=Object.defineProperty,cn=Object.defineProperties;var ln=Object.getOwnPropertyDescriptors;var Rt=Object.getOwnPropertySymbols;var je=Object.prototype.hasOwnProperty,Le=Object.prototype.propertyIsEnumerable;var $e=(t,e,s)=>e in t?un(t,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):t[e]=s,ct=(t,e)=>{for(var s in e||(e={}))je.call(e,s)&&$e(t,s,e[s]);if(Rt)for(var s of Rt(e))Le.call(e,s)&&$e(t,s,e[s]);return t},Ue=(t,e)=>cn(t,ln(e));var Ne=(t,e)=>{var s={};for(var n in t)je.call(t,n)&&e.indexOf(n)<0&&(s[n]=t[n]);if(t!=null&&Rt)for(var n of Rt(t))e.indexOf(n)<0&&Le.call(t,n)&&(s[n]=t[n]);return s};var lt=(t,e,s)=>new Promise((n,i)=>{var r=u=>{try{a(s.next(u))}catch(f){i(f)}},o=u=>{try{a(s.throw(u))}catch(f){i(f)}},a=u=>u.done?n(u.value):Promise.resolve(u.value).then(r,o);a((s=s.apply(t,e)).next())});import{R as gt,r as P,f as dn}from"./vendor.js";import{c as hn}from"./bem.js";function pn(t,e,s){return Math.max(e,Math.min(t,s))}const O={toVector(t,e){return t===void 0&&(t=e),Array.isArray(t)?t:[t,t]},add(t,e){return[t[0]+e[0],t[1]+e[1]]},sub(t,e){return[t[0]-e[0],t[1]-e[1]]},addTo(t,e){t[0]+=e[0],t[1]+=e[1]},subTo(t,e){t[0]-=e[0],t[1]-=e[1]}};function qe(t,e,s){return e===0||Math.abs(e)===1/0?Math.pow(t,s*5):t*e*s/(e+s*t)}function Be(t,e,s,n=.15){return n===0?pn(t,e,s):t<e?-qe(e-t,s-e,n)+e:t>s?+qe(t-s,s-e,n)+s:t}function mn(t,[e,s],[n,i]){const[[r,o],[a,u]]=t;return[Be(e,r,o,n),Be(s,a,u,i)]}function C(t,e,s){return e in t?Object.defineProperty(t,e,{value:s,enumerable:!0,configurable:!0,writable:!0}):t[e]=s,t}function ze(t,e){var s=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable})),s.push.apply(s,n)}return s}function k(t){for(var e=1;e<arguments.length;e++){var s=arguments[e]!=null?arguments[e]:{};e%2?ze(Object(s),!0).forEach(function(n){C(t,n,s[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(s)):ze(Object(s)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(s,n))})}return t}const xs={pointer:{start:"down",change:"move",end:"up"},mouse:{start:"down",change:"move",end:"up"},touch:{start:"start",change:"move",end:"end"},gesture:{start:"start",change:"change",end:"end"}};function Qe(t){return t?t[0].toUpperCase()+t.slice(1):""}function gn(t,e="",s=!1){const n=xs[t],i=n&&n[e]||e;return"on"+Qe(t)+Qe(i)+(s?"Capture":"")}const yn=["gotpointercapture","lostpointercapture"];function bn(t){let e=t.substring(2).toLowerCase();const s=!!~e.indexOf("passive");s&&(e=e.replace("passive",""));const n=yn.includes(e)?"capturecapture":"capture",i=!!~e.indexOf(n);return i&&(e=e.replace("capture","")),{device:e,capture:i,passive:s}}function _n(t,e=""){const s=xs[t],n=s&&s[e]||e;return t+n}function we(t){return"touches"in t}function vn(t){return Array.from(t.touches).filter(e=>{var s,n;return e.target===t.currentTarget||((s=t.currentTarget)===null||s===void 0||(n=s.contains)===null||n===void 0?void 0:n.call(s,e.target))})}function wn(t){return t.type==="touchend"||t.type==="touchcancel"?t.changedTouches:t.targetTouches}function Ss(t){return we(t)?wn(t)[0]:t}function xn(t){return vn(t).map(e=>e.identifier)}function se(t){const e=Ss(t);return we(t)?e.identifier:e.pointerId}function Ke(t){const e=Ss(t);return[e.clientX,e.clientY]}function Sn(t){const e={};if("buttons"in t&&(e.buttons=t.buttons),"shiftKey"in t){const{shiftKey:s,altKey:n,metaKey:i,ctrlKey:r}=t;Object.assign(e,{shiftKey:s,altKey:n,metaKey:i,ctrlKey:r})}return e}function Ut(t,...e){return typeof t=="function"?t(...e):t}function Pn(){}function An(...t){return t.length===0?Pn:t.length===1?t[0]:function(){let e;for(const s of t)e=s.apply(this,arguments)||e;return e}}function Ge(t,e){return Object.assign({},e,t||{})}const In=32;class kn{constructor(e,s,n){this.ctrl=e,this.args=s,this.key=n,this.state||(this.state={},this.computeValues([0,0]),this.computeInitial(),this.init&&this.init(),this.reset())}get state(){return this.ctrl.state[this.key]}set state(e){this.ctrl.state[this.key]=e}get shared(){return this.ctrl.state.shared}get eventStore(){return this.ctrl.gestureEventStores[this.key]}get timeoutStore(){return this.ctrl.gestureTimeoutStores[this.key]}get config(){return this.ctrl.config[this.key]}get sharedConfig(){return this.ctrl.config.shared}get handler(){return this.ctrl.handlers[this.key]}reset(){const{state:e,shared:s,ingKey:n,args:i}=this;s[n]=e._active=e.active=e._blocked=e._force=!1,e._step=[!1,!1],e.intentional=!1,e._movement=[0,0],e._distance=[0,0],e._direction=[0,0],e._delta=[0,0],e._bounds=[[-1/0,1/0],[-1/0,1/0]],e.args=i,e.axis=void 0,e.memo=void 0,e.elapsedTime=0,e.direction=[0,0],e.distance=[0,0],e.overflow=[0,0],e._movementBound=[!1,!1],e.velocity=[0,0],e.movement=[0,0],e.delta=[0,0],e.timeStamp=0}start(e){const s=this.state,n=this.config;s._active||(this.reset(),this.computeInitial(),s._active=!0,s.target=e.target,s.currentTarget=e.currentTarget,s.lastOffset=n.from?Ut(n.from,s):s.offset,s.offset=s.lastOffset),s.startTime=s.timeStamp=e.timeStamp}computeValues(e){const s=this.state;s._values=e,s.values=this.config.transform(e)}computeInitial(){const e=this.state;e._initial=e._values,e.initial=e.values}compute(e){const{state:s,config:n,shared:i}=this;s.args=this.args;let r=0;if(e&&(s.event=e,n.preventDefault&&e.cancelable&&s.event.preventDefault(),s.type=e.type,i.touches=this.ctrl.pointerIds.size||this.ctrl.touchIds.size,i.locked=!!document.pointerLockElement,Object.assign(i,Sn(e)),i.down=i.pressed=i.buttons%2===1||i.touches>0,r=e.timeStamp-s.timeStamp,s.timeStamp=e.timeStamp,s.elapsedTime=s.timeStamp-s.startTime),s._active){const I=s._delta.map(Math.abs);O.addTo(s._distance,I)}const[o,a]=s._movement,[u,f]=n.threshold,{_step:c,values:d}=s;if(n.hasCustomTransform?(c[0]===!1&&(c[0]=Math.abs(o)>=u&&d[0]),c[1]===!1&&(c[1]=Math.abs(a)>=f&&d[1])):(c[0]===!1&&(c[0]=Math.abs(o)>=u&&Math.sign(o)*u),c[1]===!1&&(c[1]=Math.abs(a)>=f&&Math.sign(a)*f)),s.intentional=c[0]!==!1||c[1]!==!1,!s.intentional)return;const h=[0,0];if(n.hasCustomTransform){const[I,V]=d;h[0]=c[0]!==!1?I-c[0]:0,h[1]=c[1]!==!1?V-c[1]:0}else h[0]=c[0]!==!1?o-c[0]:0,h[1]=c[1]!==!1?a-c[1]:0;this.intent&&this.intent(h);const w=s.offset,p=s._active&&!s._blocked||s.active;p&&(s.first=s._active&&!s.active,s.last=!s._active&&s.active,s.active=i[this.ingKey]=s._active,e&&(s.first&&("bounds"in n&&(s._bounds=Ut(n.bounds,s)),this.setup&&this.setup()),s.movement=h,this.computeOffset()));const[m,g]=s.offset,[[_,b],[y,x]]=s._bounds;s.overflow=[m<_?-1:m>b?1:0,g<y?-1:g>x?1:0],s._movementBound[0]=s.overflow[0]?s._movementBound[0]===!1?s._movement[0]:s._movementBound[0]:!1,s._movementBound[1]=s.overflow[1]?s._movementBound[1]===!1?s._movement[1]:s._movementBound[1]:!1;const A=s._active?n.rubberband||[0,0]:[0,0];if(s.offset=mn(s._bounds,s.offset,A),s.delta=O.sub(s.offset,w),this.computeMovement(),p&&(!s.last||r>In)){s.delta=O.sub(s.offset,w);const I=s.delta.map(Math.abs);O.addTo(s.distance,I),s.direction=s.delta.map(Math.sign),s._direction=s._delta.map(Math.sign),!s.first&&r>0&&(s.velocity=[I[0]/r,I[1]/r])}}emit(){const e=this.state,s=this.shared,n=this.config;if(e._active||this.clean(),(e._blocked||!e.intentional)&&!e._force&&!n.triggerAllEvents)return;const i=this.handler(k(k(k({},s),e),{},{[this.aliasKey]:e.values}));i!==void 0&&(e.memo=i)}clean(){this.eventStore.clean(),this.timeoutStore.clean()}}function En([t,e]){const s=Math.abs(t)-Math.abs(e);if(s>0)return"x";if(s<0)return"y"}function On(t,e){switch(e){case"x":t[1]=0;break;case"y":t[0]=0;break}}class Tn extends kn{constructor(...e){super(...e);C(this,"aliasKey","xy")}reset(){super.reset(),this.state.axis=void 0}init(){this.state.offset=[0,0],this.state.lastOffset=[0,0]}computeOffset(){this.state.offset=O.add(this.state.lastOffset,this.state.movement)}computeMovement(){this.state.movement=O.sub(this.state.offset,this.state.lastOffset)}intent(e){this.state.axis=this.state.axis||En(e),this.state._blocked=(this.config.lockDirection||!!this.config.axis)&&!this.state.axis||!!this.config.axis&&this.config.axis!==this.state.axis,!this.state._blocked&&(this.config.axis||this.config.lockDirection)&&On(e,this.state.axis)}}const Cn=t=>t,We=.15,Ps={enabled(t=!0){return t},preventDefault(t=!1){return t},triggerAllEvents(t=!1){return t},rubberband(t=0){switch(t){case!0:return[We,We];case!1:return[0,0];default:return O.toVector(t)}},from(t){if(typeof t=="function")return t;if(t!=null)return O.toVector(t)},transform(t,e,s){const n=t||s.shared.transform;return this.hasCustomTransform=!!n,n||Cn},threshold(t){return O.toVector(t,0)}},Et=k(k({},Ps),{},{axis(t,e,{axis:s}){if(this.lockDirection=s==="lock",!this.lockDirection)return s},bounds(t={}){if(typeof t=="function")return r=>Et.bounds(t(r));if("current"in t)return()=>t.current;if(typeof HTMLElement=="function"&&t instanceof HTMLElement)return t;const{left:e=-1/0,right:s=1/0,top:n=-1/0,bottom:i=1/0}=t;return[[e,s],[n,i]]}}),Mt=10,He={ArrowRight:(t=1)=>[Mt*t,0],ArrowLeft:(t=1)=>[-Mt*t,0],ArrowUp:(t=1)=>[0,-Mt*t],ArrowDown:(t=1)=>[0,Mt*t]};class Rn extends Tn{constructor(...e){super(...e);C(this,"ingKey","dragging")}reset(){super.reset();const e=this.state;e._pointerId=void 0,e._pointerActive=!1,e._keyboardActive=!1,e._preventScroll=!1,e._delayed=!1,e.swipe=[0,0],e.tap=!1,e.canceled=!1,e.cancel=this.cancel.bind(this)}setup(){const e=this.state;if(e._bounds instanceof HTMLElement){const s=e._bounds.getBoundingClientRect(),n=e.currentTarget.getBoundingClientRect(),i={left:s.left-n.left+e.offset[0],right:s.right-n.right+e.offset[0],top:s.top-n.top+e.offset[1],bottom:s.bottom-n.bottom+e.offset[1]};e._bounds=Et.bounds(i)}}cancel(){const e=this.state;e.canceled||(e.canceled=!0,e._active=!1,setTimeout(()=>{this.compute(),this.emit()},0))}setActive(){this.state._active=this.state._pointerActive||this.state._keyboardActive}clean(){this.pointerClean(),this.state._pointerActive=!1,this.state._keyboardActive=!1,super.clean()}pointerDown(e){const s=this.config,n=this.state;e.buttons!=null&&(Array.isArray(s.pointerButtons)?!s.pointerButtons.includes(e.buttons):s.pointerButtons!==-1&&s.pointerButtons!==e.buttons)||(this.ctrl.setEventIds(e),s.pointerCapture&&e.target.setPointerCapture(e.pointerId),!n._pointerActive&&(this.start(e),this.setupPointer(e),n._pointerId=se(e),n._pointerActive=!0,this.computeValues(Ke(e)),this.computeInitial(),s.preventScroll?this.setupScrollPrevention(e):s.delay>0?this.setupDelayTrigger(e):this.startPointerDrag(e)))}startPointerDrag(e){const s=this.state;s._active=!0,s._preventScroll=!0,s._delayed=!1,this.compute(e),this.emit()}pointerMove(e){const s=this.state,n=this.config;if(!s._pointerActive||s.type===e.type&&e.timeStamp===s.timeStamp)return;const i=se(e);if(s._pointerId!==void 0&&i!==s._pointerId)return;const r=Ke(e);if(document.pointerLockElement===e.target?s._delta=[e.movementX,e.movementY]:(s._delta=O.sub(r,s._values),this.computeValues(r)),O.addTo(s._movement,s._delta),this.compute(e),s._delayed){this.timeoutStore.remove("dragDelay"),s.active=!1,this.startPointerDrag(e);return}if(n.preventScroll&&!s._preventScroll)if(s.axis)if(s.axis===n.preventScrollAxis||n.preventScrollAxis==="xy"){s._active=!1,this.clean();return}else{this.timeoutStore.remove("startPointerDrag"),this.startPointerDrag(e);return}else return;this.emit()}pointerUp(e){this.ctrl.setEventIds(e);try{this.config.pointerCapture&&e.target.hasPointerCapture(e.pointerId)&&e.target.releasePointerCapture(e.pointerId)}catch(a){}const s=this.state,n=this.config;if(!s._pointerActive)return;const i=se(e);if(s._pointerId!==void 0&&i!==s._pointerId)return;this.state._pointerActive=!1,this.setActive(),this.compute(e);const[r,o]=s._distance;if(s.tap=r<=n.tapsThreshold&&o<=n.tapsThreshold,s.tap&&n.filterTaps)s._force=!0;else{const[a,u]=s.direction,[f,c]=s.velocity,[d,h]=s.movement,[w,p]=n.swipe.velocity,[m,g]=n.swipe.distance,_=n.swipe.duration;s.elapsedTime<_&&(Math.abs(f)>w&&Math.abs(d)>m&&(s.swipe[0]=a),Math.abs(c)>p&&Math.abs(h)>g&&(s.swipe[1]=u))}this.emit()}pointerClick(e){this.state.tap||(e.preventDefault(),e.stopPropagation())}setupPointer(e){const s=this.config;let n=s.device;s.pointerLock&&e.currentTarget.requestPointerLock(),s.pointerCapture||(this.eventStore.add(this.sharedConfig.window,n,"change",this.pointerMove.bind(this)),this.eventStore.add(this.sharedConfig.window,n,"end",this.pointerUp.bind(this)),this.eventStore.add(this.sharedConfig.window,n,"cancel",this.pointerUp.bind(this)))}pointerClean(){this.config.pointerLock&&document.pointerLockElement===this.state.currentTarget&&document.exitPointerLock()}preventScroll(e){this.state._preventScroll&&e.cancelable&&e.preventDefault()}setupScrollPrevention(e){Mn(e),this.eventStore.add(this.sharedConfig.window,"touch","change",this.preventScroll.bind(this),{passive:!1}),this.eventStore.add(this.sharedConfig.window,"touch","end",this.clean.bind(this),{passive:!1}),this.eventStore.add(this.sharedConfig.window,"touch","cancel",this.clean.bind(this),{passive:!1}),this.timeoutStore.add("startPointerDrag",this.startPointerDrag.bind(this),this.config.preventScroll,e)}setupDelayTrigger(e){this.state._delayed=!0,this.timeoutStore.add("dragDelay",this.startPointerDrag.bind(this),this.config.delay,e)}keyDown(e){const s=He[e.key];if(s){const n=this.state,i=e.shiftKey?10:e.altKey?.1:1;n._delta=s(i),this.start(e),n._keyboardActive=!0,O.addTo(n._movement,n._delta),this.compute(e),this.emit()}}keyUp(e){e.key in He&&(this.state._keyboardActive=!1,this.setActive(),this.compute(e),this.emit())}bind(e){const s=this.config.device;e(s,"start",this.pointerDown.bind(this)),this.config.pointerCapture&&(e(s,"change",this.pointerMove.bind(this)),e(s,"end",this.pointerUp.bind(this)),e(s,"cancel",this.pointerUp.bind(this)),e("lostPointerCapture","",this.pointerUp.bind(this))),e("key","down",this.keyDown.bind(this)),e("key","up",this.keyUp.bind(this)),this.config.filterTaps&&e("click","",this.pointerClick.bind(this),{capture:!0,passive:!1})}}function Mn(t){"persist"in t&&typeof t.persist=="function"&&t.persist()}const Ot=typeof window!="undefined"&&window.document&&window.document.createElement;function Vn(){return Ot&&"ontouchstart"in window}function Ye(){return Vn()||Ot&&window.navigator.maxTouchPoints>1}function Dn(){return Ot&&"onpointerdown"in window}function Fn(){return Ot&&"exitPointerLock"in window.document}function $n(){try{return"constructor"in GestureEvent}catch(t){return!1}}const F={isBrowser:Ot,gesture:$n(),touch:Ye(),touchscreen:Ye(),pointer:Dn(),pointerLock:Fn()},jn=250,Ln=180,Un=.5,Nn=50,qn=250,Bn=k(k({},Et),{},{device(t,e,{pointer:{touch:s=!1,lock:n=!1,mouse:i=!1}={}}){return this.pointerLock=n&&F.pointerLock,F.touch&&s?"touch":this.pointerLock?"mouse":F.pointer&&!i?"pointer":F.touch?"touch":"mouse"},preventScroll(t=!1,e,{preventScrollAxis:s="y"}){return this.preventScrollAxis=s,F.touchscreen?typeof t=="number"?t:t?jn:!1:!1},pointerCapture(t,e,{pointer:{capture:s=!0,buttons:n=1}={}}){return this.pointerButtons=n,!this.pointerLock&&this.device==="pointer"&&s},threshold(t,e,{filterTaps:s=!1,tapsThreshold:n=3,axis:i=void 0}){const r=O.toVector(t,s?n:i?1:0);return this.filterTaps=s,this.tapsThreshold=n,r},swipe({velocity:t=Un,distance:e=Nn,duration:s=qn}={}){return{velocity:this.transform(O.toVector(t)),distance:this.transform(O.toVector(e)),duration:s}},delay(t=0){switch(t){case!0:return Ln;case!1:return 0;default:return t}}});k(k({},Ps),{},{device(t,e,{shared:s,pointer:{touch:n=!1}={}}){if(s.target&&!F.touch&&F.gesture)return"gesture";if(F.touch&&n)return"touch";if(F.touchscreen){if(F.pointer)return"pointer";if(F.touch)return"touch"}},bounds(t,e,{scaleBounds:s={},angleBounds:n={}}){const i=o=>{const a=Ge(Ut(s,o),{min:-1/0,max:1/0});return[a.min,a.max]},r=o=>{const a=Ge(Ut(n,o),{min:-1/0,max:1/0});return[a.min,a.max]};return typeof s!="function"&&typeof n!="function"?[i(),r()]:o=>[i(o),r(o)]},threshold(t,e,s){return this.lockDirection=s.axis==="lock",O.toVector(t,this.lockDirection?[.1,3]:0)}});k(k({},Et),{},{mouseOnly:(t=!0)=>t});k(k({},Et),{},{mouseOnly:(t=!0)=>t});const As=new Map,ue=new Map;function zn(t){As.set(t.key,t.engine),ue.set(t.key,t.resolver)}const Qn={key:"drag",engine:Rn,resolver:Bn};function Kn(t,e){if(t==null)return{};var s={},n=Object.keys(t),i,r;for(r=0;r<n.length;r++)i=n[r],!(e.indexOf(i)>=0)&&(s[i]=t[i]);return s}function Gn(t,e){if(t==null)return{};var s=Kn(t,e),n,i;if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);for(i=0;i<r.length;i++)n=r[i],!(e.indexOf(n)>=0)&&(!Object.prototype.propertyIsEnumerable.call(t,n)||(s[n]=t[n]))}return s}const Wn={target(t){if(t)return()=>"current"in t?t.current:t},enabled(t=!0){return t},window(t=F.isBrowser?window:void 0){return t},eventOptions({passive:t=!0,capture:e=!1}={}){return{passive:t,capture:e}},transform(t){return t}},Hn=["target","eventOptions","window","enabled","transform"];function $t(t={},e){const s={};for(const[n,i]of Object.entries(e))switch(typeof i){case"function":s[n]=i.call(s,t[n],n,t);break;case"object":s[n]=$t(t[n],i);break;case"boolean":i&&(s[n]=t[n]);break}return s}function Yn(t,e){const s=t,{target:n,eventOptions:i,window:r,enabled:o,transform:a}=s,u=Gn(s,Hn),f={shared:$t({target:n,eventOptions:i,window:r,enabled:o,transform:a},Wn)};if(e){const c=ue.get(e);f[e]=$t(k({shared:f.shared},u),c)}else for(const c in u){const d=ue.get(c);d&&(f[c]=$t(k({shared:f.shared},u[c]),d))}return f}class Is{constructor(e){C(this,"_listeners",[]),this._ctrl=e}add(e,s,n,i,r){const o=_n(s,n),a=k(k({},this._ctrl.config.shared.eventOptions),r);e.addEventListener(o,i,a),this._listeners.push(()=>e.removeEventListener(o,i,a))}clean(){this._listeners.forEach(e=>e()),this._listeners=[]}}class Xn{constructor(){C(this,"_timeouts",new Map)}add(e,s,n=140,...i){this.remove(e),this._timeouts.set(e,window.setTimeout(s,n,...i))}remove(e){const s=this._timeouts.get(e);s&&window.clearTimeout(s)}clean(){this._timeouts.forEach(e=>void window.clearTimeout(e)),this._timeouts.clear()}}class Zn{constructor(e){C(this,"gestures",new Set),C(this,"_targetEventStore",new Is(this)),C(this,"gestureEventStores",{}),C(this,"gestureTimeoutStores",{}),C(this,"handlers",{}),C(this,"config",{}),C(this,"pointerIds",new Set),C(this,"touchIds",new Set),C(this,"state",{shared:{shiftKey:!1,metaKey:!1,ctrlKey:!1,altKey:!1}}),Jn(this,e)}setEventIds(e){we(e)?this.touchIds=new Set(xn(e)):"pointerId"in e&&(e.type==="pointerup"||e.type==="pointercancel"?this.pointerIds.delete(e.pointerId):e.type==="pointerdown"&&this.pointerIds.add(e.pointerId))}applyHandlers(e,s){this.handlers=e,this.nativeHandlers=s}applyConfig(e,s){this.config=Yn(e,s)}clean(){this._targetEventStore.clean();for(const e of this.gestures)this.gestureEventStores[e].clean(),this.gestureTimeoutStores[e].clean()}effect(){return this.config.shared.target&&this.bind(),()=>this._targetEventStore.clean()}bind(...e){const s=this.config.shared,n=s.eventOptions,i={};let r;if(s.target&&(r=s.target(),!r))return;const o=ti(i,n,!!r);if(s.enabled){for(const a of this.gestures)if(this.config[a].enabled){const u=As.get(a);new u(this,e,a).bind(o)}for(const a in this.nativeHandlers)o(a,"",u=>this.nativeHandlers[a](k(k({},this.state.shared),{},{event:u,args:e})),void 0,!0)}for(const a in i)i[a]=An(...i[a]);if(!r)return i;for(const a in i){const{device:u,capture:f,passive:c}=bn(a);this._targetEventStore.add(r,u,"",i[a],{capture:f,passive:c})}}}function st(t,e){t.gestures.add(e),t.gestureEventStores[e]=new Is(t),t.gestureTimeoutStores[e]=new Xn}function Jn(t,e){e.drag&&st(t,"drag"),e.wheel&&st(t,"wheel"),e.scroll&&st(t,"scroll"),e.move&&st(t,"move"),e.pinch&&st(t,"pinch"),e.hover&&st(t,"hover")}const ti=(t,e,s)=>(n,i,r,o={},a=!1)=>{var u,f;const c=(u=o.capture)!==null&&u!==void 0?u:e.capture,d=(f=o.passive)!==null&&f!==void 0?f:e.passive;let h=a?n:gn(n,i,c);s&&d&&(h+="Passive"),t[h]=t[h]||[],t[h].push(r)};function ei(t,e={},s,n){const i=gt.useMemo(()=>new Zn(t),[]);if(i.applyHandlers(t,n),i.applyConfig(e,s),gt.useEffect(i.effect.bind(i)),gt.useEffect(()=>i.clean.bind(i),[]),e.target===void 0)return i.bind.bind(i)}function si(t,e={}){return zn(Qn),ei({drag:t},e,"drag")}let xe=Ct();const v=t=>Tt(t,xe);let Se=Ct();v.write=t=>Tt(t,Se);let Gt=Ct();v.onStart=t=>Tt(t,Gt);let Pe=Ct();v.onFrame=t=>Tt(t,Pe);let Ae=Ct();v.onFinish=t=>Tt(t,Ae);let it=[];v.setTimeout=(t,e)=>{let s=v.now()+e,n=()=>{let r=it.findIndex(o=>o.cancel==n);~r&&it.splice(r,1),W-=~r?1:0},i={time:s,handler:t,cancel:n};return it.splice(ks(s),0,i),W+=1,Es(),i};let ks=t=>~(~it.findIndex(e=>e.time>t)||~it.length);v.cancel=t=>{Gt.delete(t),Pe.delete(t),xe.delete(t),Se.delete(t),Ae.delete(t)};v.sync=t=>{ce=!0,v.batchedUpdates(t),ce=!1};v.throttle=t=>{let e;function s(){try{t(...e)}finally{e=null}}function n(...i){e=i,v.onStart(s)}return n.handler=t,n.cancel=()=>{Gt.delete(s),e=null},n};let Ie=typeof window!="undefined"?window.requestAnimationFrame:()=>{};v.use=t=>Ie=t;v.now=typeof performance!="undefined"?()=>performance.now():Date.now;v.batchedUpdates=t=>t();v.catch=console.error;v.frameLoop="always";v.advance=()=>{v.frameLoop!=="demand"?console.warn("Cannot call the manual advancement of rafz whilst frameLoop is not set as demand"):Ts()};let G=-1,W=0,ce=!1;function Tt(t,e){ce?(e.delete(t),t(0)):(e.add(t),Es())}function Es(){G<0&&(G=0,v.frameLoop!=="demand"&&Ie(Os))}function ni(){G=-1}function Os(){~G&&(Ie(Os),v.batchedUpdates(Ts))}function Ts(){let t=G;G=v.now();let e=ks(G);e&&(Cs(it.splice(0,e),s=>s.handler()),W-=e),Gt.flush(),xe.flush(t?Math.min(64,G-t):16.667),Pe.flush(),Se.flush(),Ae.flush(),W||ni()}function Ct(){let t=new Set,e=t;return{add(s){W+=e==t&&!t.has(s)?1:0,t.add(s)},delete(s){return W-=e==t&&t.has(s)?1:0,t.delete(s)},flush(s){e.size&&(t=new Set,W-=e.size,Cs(e,n=>n(s)&&t.add(n)),W+=t.size,e=t)}}}function Cs(t,e){t.forEach(s=>{try{e(s)}catch(n){v.catch(n)}})}function le(){}const ii=(t,e,s)=>Object.defineProperty(t,e,{value:s,writable:!0,configurable:!0}),l={arr:Array.isArray,obj:t=>!!t&&t.constructor.name==="Object",fun:t=>typeof t=="function",str:t=>typeof t=="string",num:t=>typeof t=="number",und:t=>t===void 0};function Q(t,e){if(l.arr(t)){if(!l.arr(e)||t.length!==e.length)return!1;for(let s=0;s<t.length;s++)if(t[s]!==e[s])return!1;return!0}return t===e}const S=(t,e)=>t.forEach(e);function B(t,e,s){if(l.arr(t)){for(let n=0;n<t.length;n++)e.call(s,t[n],`${n}`);return}for(const n in t)t.hasOwnProperty(n)&&e.call(s,t[n],n)}const M=t=>l.und(t)?[]:l.arr(t)?t:[t];function yt(t,e){if(t.size){const s=Array.from(t);t.clear(),S(s,e)}}const mt=(t,...e)=>yt(t,s=>s(...e)),Rs=()=>typeof window=="undefined"||!window.navigator||/ServerSideRendering|^Deno\//.test(window.navigator.userAgent);let ke,Ms,H=null,Vs=!1,Ee=le;const ri=t=>{t.to&&(Ms=t.to),t.now&&(v.now=t.now),t.colors!==void 0&&(H=t.colors),t.skipAnimation!=null&&(Vs=t.skipAnimation),t.createStringInterpolator&&(ke=t.createStringInterpolator),t.requestAnimationFrame&&v.use(t.requestAnimationFrame),t.batchedUpdates&&(v.batchedUpdates=t.batchedUpdates),t.willAdvance&&(Ee=t.willAdvance),t.frameLoop&&(v.frameLoop=t.frameLoop)};var z=Object.freeze({__proto__:null,get createStringInterpolator(){return ke},get to(){return Ms},get colors(){return H},get skipAnimation(){return Vs},get willAdvance(){return Ee},assign:ri});const bt=new Set;let j=[],ne=[],Nt=0;const Wt={get idle(){return!bt.size&&!j.length},start(t){Nt>t.priority?(bt.add(t),v.onStart(oi)):(Ds(t),v(de))},advance:de,sort(t){if(Nt)v.onFrame(()=>Wt.sort(t));else{const e=j.indexOf(t);~e&&(j.splice(e,1),Fs(t))}},clear(){j=[],bt.clear()}};function oi(){bt.forEach(Ds),bt.clear(),v(de)}function Ds(t){j.includes(t)||Fs(t)}function Fs(t){j.splice(ai(j,e=>e.priority>t.priority),0,t)}function de(t){const e=ne;for(let s=0;s<j.length;s++){const n=j[s];Nt=n.priority,n.idle||(Ee(n),n.advance(t),n.idle||e.push(n))}return Nt=0,ne=j,ne.length=0,j=e,j.length>0}function ai(t,e){const s=t.findIndex(e);return s<0?t.length:s}const fi={transparent:0,aliceblue:4042850303,antiquewhite:4209760255,aqua:16777215,aquamarine:2147472639,azure:4043309055,beige:4126530815,bisque:4293182719,black:255,blanchedalmond:4293643775,blue:65535,blueviolet:2318131967,brown:2771004159,burlywood:3736635391,burntsienna:3934150143,cadetblue:1604231423,chartreuse:2147418367,chocolate:3530104575,coral:4286533887,cornflowerblue:1687547391,cornsilk:4294499583,crimson:3692313855,cyan:16777215,darkblue:35839,darkcyan:9145343,darkgoldenrod:3095792639,darkgray:2846468607,darkgreen:6553855,darkgrey:2846468607,darkkhaki:3182914559,darkmagenta:2332068863,darkolivegreen:1433087999,darkorange:4287365375,darkorchid:2570243327,darkred:2332033279,darksalmon:3918953215,darkseagreen:2411499519,darkslateblue:1211993087,darkslategray:793726975,darkslategrey:793726975,darkturquoise:13554175,darkviolet:2483082239,deeppink:4279538687,deepskyblue:12582911,dimgray:1768516095,dimgrey:1768516095,dodgerblue:512819199,firebrick:2988581631,floralwhite:4294635775,forestgreen:579543807,fuchsia:4278255615,gainsboro:3705462015,ghostwhite:4177068031,gold:4292280575,goldenrod:3668254975,gray:2155905279,green:8388863,greenyellow:2919182335,grey:2155905279,honeydew:4043305215,hotpink:4285117695,indianred:3445382399,indigo:1258324735,ivory:4294963455,khaki:4041641215,lavender:3873897215,lavenderblush:4293981695,lawngreen:2096890111,lemonchiffon:4294626815,lightblue:2916673279,lightcoral:4034953471,lightcyan:3774873599,lightgoldenrodyellow:4210742015,lightgray:3553874943,lightgreen:2431553791,lightgrey:3553874943,lightpink:4290167295,lightsalmon:4288707327,lightseagreen:548580095,lightskyblue:2278488831,lightslategray:2005441023,lightslategrey:2005441023,lightsteelblue:2965692159,lightyellow:4294959359,lime:16711935,limegreen:852308735,linen:4210091775,magenta:4278255615,maroon:2147483903,mediumaquamarine:1724754687,mediumblue:52735,mediumorchid:3126187007,mediumpurple:2473647103,mediumseagreen:1018393087,mediumslateblue:2070474495,mediumspringgreen:16423679,mediumturquoise:1221709055,mediumvioletred:3340076543,midnightblue:421097727,mintcream:4127193855,mistyrose:4293190143,moccasin:4293178879,navajowhite:4292783615,navy:33023,oldlace:4260751103,olive:2155872511,olivedrab:1804477439,orange:4289003775,orangered:4282712319,orchid:3664828159,palegoldenrod:4008225535,palegreen:2566625535,paleturquoise:2951671551,palevioletred:3681588223,papayawhip:4293907967,peachpuff:4292524543,peru:3448061951,pink:4290825215,plum:3718307327,powderblue:2967529215,purple:2147516671,rebeccapurple:1714657791,red:4278190335,rosybrown:3163525119,royalblue:1097458175,saddlebrown:2336560127,salmon:4202722047,sandybrown:4104413439,seagreen:780883967,seashell:4294307583,sienna:2689740287,silver:3233857791,skyblue:2278484991,slateblue:1784335871,slategray:1887473919,slategrey:1887473919,snow:4294638335,springgreen:16744447,steelblue:1182971135,tan:3535047935,teal:8421631,thistle:3636451583,tomato:4284696575,turquoise:1088475391,violet:4001558271,wheat:4125012991,white:4294967295,whitesmoke:4126537215,yellow:4294902015,yellowgreen:2597139199},N="[-+]?\\d*\\.?\\d+",qt=N+"%";function Ht(...t){return"\\(\\s*("+t.join(")\\s*,\\s*(")+")\\s*\\)"}const ui=new RegExp("rgb"+Ht(N,N,N)),ci=new RegExp("rgba"+Ht(N,N,N,N)),li=new RegExp("hsl"+Ht(N,qt,qt)),di=new RegExp("hsla"+Ht(N,qt,qt,N)),hi=/^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,pi=/^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,mi=/^#([0-9a-fA-F]{6})$/,gi=/^#([0-9a-fA-F]{8})$/;function yi(t){let e;return typeof t=="number"?t>>>0===t&&t>=0&&t<=4294967295?t:null:(e=mi.exec(t))?parseInt(e[1]+"ff",16)>>>0:H&&H[t]!==void 0?H[t]:(e=ui.exec(t))?(nt(e[1])<<24|nt(e[2])<<16|nt(e[3])<<8|255)>>>0:(e=ci.exec(t))?(nt(e[1])<<24|nt(e[2])<<16|nt(e[3])<<8|Je(e[4]))>>>0:(e=hi.exec(t))?parseInt(e[1]+e[1]+e[2]+e[2]+e[3]+e[3]+"ff",16)>>>0:(e=gi.exec(t))?parseInt(e[1],16)>>>0:(e=pi.exec(t))?parseInt(e[1]+e[1]+e[2]+e[2]+e[3]+e[3]+e[4]+e[4],16)>>>0:(e=li.exec(t))?(Xe(Ze(e[1]),Vt(e[2]),Vt(e[3]))|255)>>>0:(e=di.exec(t))?(Xe(Ze(e[1]),Vt(e[2]),Vt(e[3]))|Je(e[4]))>>>0:null}function ie(t,e,s){return s<0&&(s+=1),s>1&&(s-=1),s<1/6?t+(e-t)*6*s:s<1/2?e:s<2/3?t+(e-t)*(2/3-s)*6:t}function Xe(t,e,s){const n=s<.5?s*(1+e):s+e-s*e,i=2*s-n,r=ie(i,n,t+1/3),o=ie(i,n,t),a=ie(i,n,t-1/3);return Math.round(r*255)<<24|Math.round(o*255)<<16|Math.round(a*255)<<8}function nt(t){const e=parseInt(t,10);return e<0?0:e>255?255:e}function Ze(t){return(parseFloat(t)%360+360)%360/360}function Je(t){const e=parseFloat(t);return e<0?0:e>1?255:Math.round(e*255)}function Vt(t){const e=parseFloat(t);return e<0?0:e>100?1:e/100}function ts(t){let e=yi(t);if(e===null)return t;e=e||0;let s=(e&4278190080)>>>24,n=(e&16711680)>>>16,i=(e&65280)>>>8,r=(e&255)/255;return`rgba(${s}, ${n}, ${i}, ${r})`}const wt=(t,e,s)=>{if(l.fun(t))return t;if(l.arr(t))return wt({range:t,output:e,extrapolate:s});if(l.str(t.output[0]))return ke(t);const n=t,i=n.output,r=n.range||[0,1],o=n.extrapolateLeft||n.extrapolate||"extend",a=n.extrapolateRight||n.extrapolate||"extend",u=n.easing||(f=>f);return f=>{const c=_i(f,r);return bi(f,r[c],r[c+1],i[c],i[c+1],u,o,a,n.map)}};function bi(t,e,s,n,i,r,o,a,u){let f=u?u(t):t;if(f<e){if(o==="identity")return f;o==="clamp"&&(f=e)}if(f>s){if(a==="identity")return f;a==="clamp"&&(f=s)}return n===i?n:e===s?t<=e?n:i:(e===-1/0?f=-f:s===1/0?f=f-e:f=(f-e)/(s-e),f=r(f),n===-1/0?f=-f:i===1/0?f=f+n:f=f*(i-n)+n,f)}function _i(t,e){for(var s=1;s<e.length-1&&!(e[s]>=t);++s);return s-1}function he(){return he=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var s=arguments[e];for(var n in s)Object.prototype.hasOwnProperty.call(s,n)&&(t[n]=s[n])}return t},he.apply(this,arguments)}const ot=Symbol.for("FluidValue.get"),Z=Symbol.for("FluidValue.observers"),$=t=>Boolean(t&&t[ot]),R=t=>t&&t[ot]?t[ot]():t,es=t=>t[Z]||null;function vi(t,e){t.eventObserved?t.eventObserved(e):t(e)}function xt(t,e){let s=t[Z];s&&s.forEach(n=>{vi(n,e)})}class $s{constructor(e){if(this[ot]=void 0,this[Z]=void 0,!e&&!(e=this.get))throw Error("Unknown getter");wi(this,e)}}const wi=(t,e)=>js(t,ot,e);function ft(t,e){if(t[ot]){let s=t[Z];s||js(t,Z,s=new Set),s.has(e)||(s.add(e),t.observerAdded&&t.observerAdded(s.size,e))}return e}function St(t,e){let s=t[Z];if(s&&s.has(e)){const n=s.size-1;n?s.delete(e):t[Z]=null,t.observerRemoved&&t.observerRemoved(n,e)}}const js=(t,e,s)=>Object.defineProperty(t,e,{value:s,writable:!0,configurable:!0}),jt=/[+\-]?(?:0|[1-9]\d*)(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,xi=/(#(?:[0-9a-f]{2}){2,4}|(#[0-9a-f]{3})|(rgb|hsl)a?\((-?\d+%?[,\s]+){2,3}\s*[\d\.]+%?\))/gi,ss=new RegExp(`(${jt.source})(%|[a-z]+)`,"i"),Si=/rgba\(([0-9\.-]+), ([0-9\.-]+), ([0-9\.-]+), ([0-9\.-]+)\)/gi,Yt=/var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/,Ls=t=>{const[e,s]=Pi(t);if(!e||Rs())return t;const n=window.getComputedStyle(document.documentElement).getPropertyValue(e);if(n)return n.trim();if(s&&s.startsWith("--")){const i=window.getComputedStyle(document.documentElement).getPropertyValue(s);return i||t}else{if(s&&Yt.test(s))return Ls(s);if(s)return s}return t},Pi=t=>{const e=Yt.exec(t);if(!e)return[,];const[,s,n]=e;return[s,n]};let re;const Ai=(t,e,s,n,i)=>`rgba(${Math.round(e)}, ${Math.round(s)}, ${Math.round(n)}, ${i})`,Us=t=>{re||(re=H?new RegExp(`(${Object.keys(H).join("|")})(?!\\w)`,"g"):/^\b$/);const e=t.output.map(r=>R(r).replace(Yt,Ls).replace(xi,ts).replace(re,ts)),s=e.map(r=>r.match(jt).map(Number)),i=s[0].map((r,o)=>s.map(a=>{if(!(o in a))throw Error('The arity of each "output" value must be equal');return a[o]})).map(r=>wt(he({},t,{output:r})));return r=>{var o;const a=!ss.test(e[0])&&((o=e.find(f=>ss.test(f)))==null?void 0:o.replace(jt,""));let u=0;return e[0].replace(jt,()=>`${i[u++](r)}${a||""}`).replace(Si,Ai)}},Oe="react-spring: ",Ns=t=>{const e=t;let s=!1;if(typeof e!="function")throw new TypeError(`${Oe}once requires a function parameter`);return(...n)=>{s||(e(...n),s=!0)}},Ii=Ns(console.warn);function ki(){Ii(`${Oe}The "interpolate" function is deprecated in v9 (use "to" instead)`)}const Ei=Ns(console.warn);function Oi(){Ei(`${Oe}Directly calling start instead of using the api object is deprecated in v9 (use ".start" instead), this will be removed in later 0.X.0 versions`)}function Xt(t){return l.str(t)&&(t[0]=="#"||/\d/.test(t)||!Rs()&&Yt.test(t)||t in(H||{}))}const Te=t=>P.exports.useEffect(t,Ti),Ti=[];function qs(){const t=P.exports.useState()[1],e=P.exports.useState(Ci)[0];return Te(e.unmount),()=>{e.current&&t({})}}function Ci(){const t={current:!0,unmount:()=>()=>{t.current=!1}};return t}function Ri(t,e){const[s]=P.exports.useState(()=>({inputs:e,result:t()})),n=P.exports.useRef(),i=n.current;let r=i;return r?Boolean(e&&r.inputs&&Mi(e,r.inputs))||(r={inputs:e,result:t()}):r=s,P.exports.useEffect(()=>{n.current=r,i==s&&(s.inputs=s.result=void 0)},[r]),r.result}function Mi(t,e){if(t.length!==e.length)return!1;for(let s=0;s<t.length;s++)if(t[s]!==e[s])return!1;return!0}function ns(t){const e=P.exports.useRef();return P.exports.useEffect(()=>{e.current=t}),e.current}const Bs=typeof window!="undefined"&&window.document&&window.document.createElement?P.exports.useLayoutEffect:P.exports.useEffect,Pt=Symbol.for("Animated:node"),Vi=t=>!!t&&t[Pt]===t,q=t=>t&&t[Pt],Ce=(t,e)=>ii(t,Pt,e),Zt=t=>t&&t[Pt]&&t[Pt].getPayload();class zs{constructor(){this.payload=void 0,Ce(this,this)}getPayload(){return this.payload||[]}}class ut extends zs{constructor(e){super();this.done=!0,this.elapsedTime=void 0,this.lastPosition=void 0,this.lastVelocity=void 0,this.v0=void 0,this.durationProgress=0,this._value=e,l.num(this._value)&&(this.lastPosition=this._value)}static create(e){return new ut(e)}getPayload(){return[this]}getValue(){return this._value}setValue(e,s){return l.num(e)&&(this.lastPosition=e,s&&(e=Math.round(e/s)*s,this.done&&(this.lastPosition=e))),this._value===e?!1:(this._value=e,!0)}reset(){const{done:e}=this;this.done=!1,l.num(this._value)&&(this.elapsedTime=0,this.durationProgress=0,this.lastPosition=this._value,e&&(this.lastVelocity=null),this.v0=null)}}class at extends ut{constructor(e){super(0);this._string=null,this._toString=void 0,this._toString=wt({output:[e,e]})}static create(e){return new at(e)}getValue(){let e=this._string;return e==null?this._string=this._toString(this._value):e}setValue(e){if(l.str(e)){if(e==this._string)return!1;this._string=e,this._value=1}else if(super.setValue(e))this._string=null;else return!1;return!0}reset(e){e&&(this._toString=wt({output:[this.getValue(),e]})),this._value=0,super.reset()}}const Bt={dependencies:null};class Jt extends zs{constructor(e){super();this.source=e,this.setValue(e)}getValue(e){const s={};return B(this.source,(n,i)=>{Vi(n)?s[i]=n.getValue(e):$(n)?s[i]=R(n):e||(s[i]=n)}),s}setValue(e){this.source=e,this.payload=this._makePayload(e)}reset(){this.payload&&S(this.payload,e=>e.reset())}_makePayload(e){if(e){const s=new Set;return B(e,this._addToPayload,s),Array.from(s)}}_addToPayload(e){Bt.dependencies&&$(e)&&Bt.dependencies.add(e);const s=Zt(e);s&&S(s,n=>this.add(n))}}class Re extends Jt{constructor(e){super(e)}static create(e){return new Re(e)}getValue(){return this.source.map(e=>e.getValue())}setValue(e){const s=this.getPayload();return e.length==s.length?s.map((n,i)=>n.setValue(e[i])).some(Boolean):(super.setValue(e.map(Di)),!0)}}function Di(t){return(Xt(t)?at:ut).create(t)}function pe(t){const e=q(t);return e?e.constructor:l.arr(t)?Re:Xt(t)?at:ut}function zt(){return zt=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var s=arguments[e];for(var n in s)Object.prototype.hasOwnProperty.call(s,n)&&(t[n]=s[n])}return t},zt.apply(this,arguments)}const is=(t,e)=>{const s=!l.fun(t)||t.prototype&&t.prototype.isReactComponent;return P.exports.forwardRef((n,i)=>{const r=P.exports.useRef(null),o=s&&P.exports.useCallback(p=>{r.current=ji(i,p)},[i]),[a,u]=$i(n,e),f=qs(),c=()=>{const p=r.current;if(s&&!p)return;(p?e.applyAnimatedValues(p,a.getValue(!0)):!1)===!1&&f()},d=new Fi(c,u),h=P.exports.useRef();Bs(()=>{const p=h.current;h.current=d,S(u,m=>ft(m,d)),p&&(S(p.deps,m=>St(m,p)),v.cancel(p.update))}),P.exports.useEffect(c,[]),Te(()=>()=>{const p=h.current;S(p.deps,m=>St(m,p))});const w=e.getComponentProps(a.getValue());return P.exports.createElement(t,zt({},w,{ref:o}))})};class Fi{constructor(e,s){this.update=e,this.deps=s}eventObserved(e){e.type=="change"&&v.write(this.update)}}function $i(t,e){const s=new Set;return Bt.dependencies=s,t.style&&(t=zt({},t,{style:e.createAnimatedStyle(t.style)})),t=new Jt(t),Bt.dependencies=null,[t,s]}function ji(t,e){return t&&(l.fun(t)?t(e):t.current=e),e}const rs=Symbol.for("AnimatedComponent"),Li=(t,{applyAnimatedValues:e=()=>!1,createAnimatedStyle:s=i=>new Jt(i),getComponentProps:n=i=>i}={})=>{const i={applyAnimatedValues:e,createAnimatedStyle:s,getComponentProps:n},r=o=>{const a=os(o)||"Anonymous";return l.str(o)?o=r[o]||(r[o]=is(o,i)):o=o[rs]||(o[rs]=is(o,i)),o.displayName=`Animated(${a})`,o};return B(t,(o,a)=>{l.arr(t)&&(a=os(o)),r[a]=r(o)}),{animated:r}},os=t=>l.str(t)?t:t&&l.str(t.displayName)?t.displayName:l.fun(t)&&t.name||null;function E(){return E=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var s=arguments[e];for(var n in s)Object.prototype.hasOwnProperty.call(s,n)&&(t[n]=s[n])}return t},E.apply(this,arguments)}function X(t,...e){return l.fun(t)?t(...e):t}const _t=(t,e)=>t===!0||!!(e&&t&&(l.fun(t)?t(e):M(t).includes(e))),Qs=(t,e)=>l.obj(t)?e&&t[e]:t,Ks=(t,e)=>t.default===!0?t[e]:t.default?t.default[e]:void 0,Ui=t=>t,Me=(t,e=Ui)=>{let s=Ni;t.default&&t.default!==!0&&(t=t.default,s=Object.keys(t));const n={};for(const i of s){const r=e(t[i],i);l.und(r)||(n[i]=r)}return n},Ni=["config","onProps","onStart","onChange","onPause","onResume","onRest"],qi={config:1,from:1,to:1,ref:1,loop:1,reset:1,pause:1,cancel:1,reverse:1,immediate:1,default:1,delay:1,onProps:1,onStart:1,onChange:1,onPause:1,onResume:1,onRest:1,onResolve:1,items:1,trail:1,sort:1,expires:1,initial:1,enter:1,update:1,leave:1,children:1,onDestroyed:1,keys:1,callId:1,parentId:1};function Bi(t){const e={};let s=0;if(B(t,(n,i)=>{qi[i]||(e[i]=n,s++)}),s)return e}function Gs(t){const e=Bi(t);if(e){const s={to:e};return B(t,(n,i)=>i in e||(s[i]=n)),s}return E({},t)}function At(t){return t=R(t),l.arr(t)?t.map(At):Xt(t)?z.createStringInterpolator({range:[0,1],output:[t,t]})(1):t}function zi(t){for(const e in t)return!0;return!1}function me(t){return l.fun(t)||l.arr(t)&&l.obj(t[0])}function Qi(t,e){var s;(s=t.ref)==null||s.delete(t),e==null||e.delete(t)}function Ki(t,e){if(e&&t.ref!==e){var s;(s=t.ref)==null||s.delete(t),e.add(t),t.ref=e}}const Gi={default:{tension:170,friction:26},gentle:{tension:120,friction:14},wobbly:{tension:180,friction:12},stiff:{tension:210,friction:20},slow:{tension:280,friction:60},molasses:{tension:280,friction:120}},Qt=1.70158,Dt=Qt*1.525,as=Qt+1,fs=2*Math.PI/3,us=2*Math.PI/4.5,Ft=t=>t<1/2.75?7.5625*t*t:t<2/2.75?7.5625*(t-=1.5/2.75)*t+.75:t<2.5/2.75?7.5625*(t-=2.25/2.75)*t+.9375:7.5625*(t-=2.625/2.75)*t+.984375,Wi={linear:t=>t,easeInQuad:t=>t*t,easeOutQuad:t=>1-(1-t)*(1-t),easeInOutQuad:t=>t<.5?2*t*t:1-Math.pow(-2*t+2,2)/2,easeInCubic:t=>t*t*t,easeOutCubic:t=>1-Math.pow(1-t,3),easeInOutCubic:t=>t<.5?4*t*t*t:1-Math.pow(-2*t+2,3)/2,easeInQuart:t=>t*t*t*t,easeOutQuart:t=>1-Math.pow(1-t,4),easeInOutQuart:t=>t<.5?8*t*t*t*t:1-Math.pow(-2*t+2,4)/2,easeInQuint:t=>t*t*t*t*t,easeOutQuint:t=>1-Math.pow(1-t,5),easeInOutQuint:t=>t<.5?16*t*t*t*t*t:1-Math.pow(-2*t+2,5)/2,easeInSine:t=>1-Math.cos(t*Math.PI/2),easeOutSine:t=>Math.sin(t*Math.PI/2),easeInOutSine:t=>-(Math.cos(Math.PI*t)-1)/2,easeInExpo:t=>t===0?0:Math.pow(2,10*t-10),easeOutExpo:t=>t===1?1:1-Math.pow(2,-10*t),easeInOutExpo:t=>t===0?0:t===1?1:t<.5?Math.pow(2,20*t-10)/2:(2-Math.pow(2,-20*t+10))/2,easeInCirc:t=>1-Math.sqrt(1-Math.pow(t,2)),easeOutCirc:t=>Math.sqrt(1-Math.pow(t-1,2)),easeInOutCirc:t=>t<.5?(1-Math.sqrt(1-Math.pow(2*t,2)))/2:(Math.sqrt(1-Math.pow(-2*t+2,2))+1)/2,easeInBack:t=>as*t*t*t-Qt*t*t,easeOutBack:t=>1+as*Math.pow(t-1,3)+Qt*Math.pow(t-1,2),easeInOutBack:t=>t<.5?Math.pow(2*t,2)*((Dt+1)*2*t-Dt)/2:(Math.pow(2*t-2,2)*((Dt+1)*(t*2-2)+Dt)+2)/2,easeInElastic:t=>t===0?0:t===1?1:-Math.pow(2,10*t-10)*Math.sin((t*10-10.75)*fs),easeOutElastic:t=>t===0?0:t===1?1:Math.pow(2,-10*t)*Math.sin((t*10-.75)*fs)+1,easeInOutElastic:t=>t===0?0:t===1?1:t<.5?-(Math.pow(2,20*t-10)*Math.sin((20*t-11.125)*us))/2:Math.pow(2,-20*t+10)*Math.sin((20*t-11.125)*us)/2+1,easeInBounce:t=>1-Ft(1-t),easeOutBounce:Ft,easeInOutBounce:t=>t<.5?(1-Ft(1-2*t))/2:(1+Ft(2*t-1))/2},ge=E({},Gi.default,{mass:1,damping:1,easing:Wi.linear,clamp:!1});class Hi{constructor(){this.tension=void 0,this.friction=void 0,this.frequency=void 0,this.damping=void 0,this.mass=void 0,this.velocity=0,this.restVelocity=void 0,this.precision=void 0,this.progress=void 0,this.duration=void 0,this.easing=void 0,this.clamp=void 0,this.bounce=void 0,this.decay=void 0,this.round=void 0,Object.assign(this,ge)}}function Yi(t,e,s){s&&(s=E({},s),cs(s,e),e=E({},s,e)),cs(t,e),Object.assign(t,e);for(const o in ge)t[o]==null&&(t[o]=ge[o]);let{mass:n,frequency:i,damping:r}=t;return l.und(i)||(i<.01&&(i=.01),r<0&&(r=0),t.tension=Math.pow(2*Math.PI/i,2)*n,t.friction=4*Math.PI*r*n/i),t}function cs(t,e){if(!l.und(e.decay))t.duration=void 0;else{const s=!l.und(e.tension)||!l.und(e.friction);(s||!l.und(e.frequency)||!l.und(e.damping)||!l.und(e.mass))&&(t.duration=void 0,t.decay=void 0),s&&(t.frequency=void 0)}}const ls=[];class Xi{constructor(){this.changed=!1,this.values=ls,this.toValues=null,this.fromValues=ls,this.to=void 0,this.from=void 0,this.config=new Hi,this.immediate=!1}}function Ws(t,{key:e,props:s,defaultProps:n,state:i,actions:r}){return new Promise((o,a)=>{var u;let f,c,d=_t((u=s.cancel)!=null?u:n==null?void 0:n.cancel,e);if(d)p();else{l.und(s.pause)||(i.paused=_t(s.pause,e));let m=n==null?void 0:n.pause;m!==!0&&(m=i.paused||_t(m,e)),f=X(s.delay||0,e),m?(i.resumeQueue.add(w),r.pause()):(r.resume(),w())}function h(){i.resumeQueue.add(w),i.timeouts.delete(c),c.cancel(),f=c.time-v.now()}function w(){f>0&&!z.skipAnimation?(i.delayed=!0,c=v.setTimeout(p,f),i.pauseQueue.add(h),i.timeouts.add(c)):p()}function p(){i.delayed&&(i.delayed=!1),i.pauseQueue.delete(h),i.timeouts.delete(c),t<=(i.cancelId||0)&&(d=!0);try{r.start(E({},s,{callId:t,cancel:d}),o)}catch(m){a(m)}}})}const Ve=(t,e)=>e.length==1?e[0]:e.some(s=>s.cancelled)?rt(t.get()):e.every(s=>s.noop)?Hs(t.get()):U(t.get(),e.every(s=>s.finished)),Hs=t=>({value:t,noop:!0,finished:!0,cancelled:!1}),U=(t,e,s=!1)=>({value:t,finished:e,cancelled:s}),rt=t=>({value:t,cancelled:!0,finished:!1});function Ys(t,e,s,n){const{callId:i,parentId:r,onRest:o}=e,{asyncTo:a,promise:u}=s;return!r&&t===a&&!e.reset?u:s.promise=(()=>lt(this,null,function*(){s.asyncId=i,s.asyncTo=t;const f=Me(e,(g,_)=>_==="onRest"?void 0:g);let c,d;const h=new Promise((g,_)=>(c=g,d=_)),w=g=>{const _=i<=(s.cancelId||0)&&rt(n)||i!==s.asyncId&&U(n,!1);if(_)throw g.result=_,d(g),g},p=(g,_)=>{const b=new ds,y=new hs;return(()=>lt(this,null,function*(){if(z.skipAnimation)throw It(s),y.result=U(n,!1),d(y),y;w(b);const x=l.obj(g)?E({},g):E({},_,{to:g});x.parentId=i,B(f,(I,V)=>{l.und(x[V])&&(x[V]=I)});const A=yield n.start(x);return w(b),s.paused&&(yield new Promise(I=>{s.resumeQueue.add(I)})),A}))()};let m;if(z.skipAnimation)return It(s),U(n,!1);try{let g;l.arr(t)?g=(_=>lt(this,null,function*(){for(const b of _)yield p(b)}))(t):g=Promise.resolve(t(p,n.stop.bind(n))),yield Promise.all([g.then(c),h]),m=U(n.get(),!0,!1)}catch(g){if(g instanceof ds)m=g.result;else if(g instanceof hs)m=g.result;else throw g}finally{i==s.asyncId&&(s.asyncId=r,s.asyncTo=r?a:void 0,s.promise=r?u:void 0)}return l.fun(o)&&v.batchedUpdates(()=>{o(m,n,n.item)}),m}))()}function It(t,e){yt(t.timeouts,s=>s.cancel()),t.pauseQueue.clear(),t.resumeQueue.clear(),t.asyncId=t.asyncTo=t.promise=void 0,e&&(t.cancelId=e)}class ds extends Error{constructor(){super("An async animation has been interrupted. You see this error because you forgot to use `await` or `.catch(...)` on its returned promise.");this.result=void 0}}class hs extends Error{constructor(){super("SkipAnimationSignal");this.result=void 0}}const ye=t=>t instanceof De;let Zi=1;class De extends $s{constructor(...e){super(...e);this.id=Zi++,this.key=void 0,this._priority=0}get priority(){return this._priority}set priority(e){this._priority!=e&&(this._priority=e,this._onPriorityChange(e))}get(){const e=q(this);return e&&e.getValue()}to(...e){return z.to(this,e)}interpolate(...e){return ki(),z.to(this,e)}toJSON(){return this.get()}observerAdded(e){e==1&&this._attach()}observerRemoved(e){e==0&&this._detach()}_attach(){}_detach(){}_onChange(e,s=!1){xt(this,{type:"change",parent:this,value:e,idle:s})}_onPriorityChange(e){this.idle||Wt.sort(this),xt(this,{type:"priority",parent:this,priority:e})}}const J=Symbol.for("SpringPhase"),Xs=1,be=2,_e=4,oe=t=>(t[J]&Xs)>0,K=t=>(t[J]&be)>0,dt=t=>(t[J]&_e)>0,ps=(t,e)=>e?t[J]|=be|Xs:t[J]&=~be,ms=(t,e)=>e?t[J]|=_e:t[J]&=~_e;class Ji extends De{constructor(e,s){super();if(this.key=void 0,this.animation=new Xi,this.queue=void 0,this.defaultProps={},this._state={paused:!1,delayed:!1,pauseQueue:new Set,resumeQueue:new Set,timeouts:new Set},this._pendingCalls=new Set,this._lastCallId=0,this._lastToId=0,this._memoizedDuration=0,!l.und(e)||!l.und(s)){const n=l.obj(e)?E({},e):E({},s,{from:e});l.und(n.default)&&(n.default=!0),this.start(n)}}get idle(){return!(K(this)||this._state.asyncTo)||dt(this)}get goal(){return R(this.animation.to)}get velocity(){const e=q(this);return e instanceof ut?e.lastVelocity||0:e.getPayload().map(s=>s.lastVelocity||0)}get hasAnimated(){return oe(this)}get isAnimating(){return K(this)}get isPaused(){return dt(this)}get isDelayed(){return this._state.delayed}advance(e){let s=!0,n=!1;const i=this.animation;let{config:r,toValues:o}=i;const a=Zt(i.to);!a&&$(i.to)&&(o=M(R(i.to))),i.values.forEach((c,d)=>{if(c.done)return;const h=c.constructor==at?1:a?a[d].lastPosition:o[d];let w=i.immediate,p=h;if(!w){if(p=c.lastPosition,r.tension<=0){c.done=!0;return}let m=c.elapsedTime+=e;const g=i.fromValues[d],_=c.v0!=null?c.v0:c.v0=l.arr(r.velocity)?r.velocity[d]:r.velocity;let b;if(l.und(r.duration))if(r.decay){const y=r.decay===!0?.998:r.decay,x=Math.exp(-(1-y)*m);p=g+_/(1-y)*(1-x),w=Math.abs(c.lastPosition-p)<.1,b=_*x}else{b=c.lastVelocity==null?_:c.lastVelocity;const y=r.precision||(g==h?.005:Math.min(1,Math.abs(h-g)*.001)),x=r.restVelocity||y/10,A=r.clamp?0:r.bounce,I=!l.und(A),V=g==h?c.v0>0:g<h;let L,tt=!1;const T=1,Y=Math.ceil(e/T);for(let D=0;D<Y&&(L=Math.abs(b)>x,!(!L&&(w=Math.abs(h-p)<=y,w)));++D){I&&(tt=p==h||p>h==V,tt&&(b=-b*A,p=h));const et=-r.tension*1e-6*(p-h),ee=-r.friction*.001*b,fn=(et+ee)/r.mass;b=b+fn*T,p=p+b*T}}else{let y=1;r.duration>0&&(this._memoizedDuration!==r.duration&&(this._memoizedDuration=r.duration,c.durationProgress>0&&(c.elapsedTime=r.duration*c.durationProgress,m=c.elapsedTime+=e)),y=(r.progress||0)+m/this._memoizedDuration,y=y>1?1:y<0?0:y,c.durationProgress=y),p=g+r.easing(y)*(h-g),b=(p-c.lastPosition)/e,w=y==1}c.lastVelocity=b,Number.isNaN(p)&&(console.warn("Got NaN while animating:",this),w=!0)}a&&!a[d].done&&(w=!1),w?c.done=!0:s=!1,c.setValue(p,r.round)&&(n=!0)});const u=q(this),f=u.getValue();if(s){const c=R(i.to);(f!==c||n)&&!r.decay?(u.setValue(c),this._onChange(c)):n&&r.decay&&this._onChange(f),this._stop()}else n&&this._onChange(f)}set(e){return v.batchedUpdates(()=>{this._stop(),this._focus(e),this._set(e)}),this}pause(){this._update({pause:!0})}resume(){this._update({pause:!1})}finish(){if(K(this)){const{to:e,config:s}=this.animation;v.batchedUpdates(()=>{this._onStart(),s.decay||this._set(e,!1),this._stop()})}return this}update(e){return(this.queue||(this.queue=[])).push(e),this}start(e,s){let n;return l.und(e)?(n=this.queue||[],this.queue=[]):n=[l.obj(e)?e:E({},s,{to:e})],Promise.all(n.map(i=>this._update(i))).then(i=>Ve(this,i))}stop(e){const{to:s}=this.animation;return this._focus(this.get()),It(this._state,e&&this._lastCallId),v.batchedUpdates(()=>this._stop(s,e)),this}reset(){this._update({reset:!0})}eventObserved(e){e.type=="change"?this._start():e.type=="priority"&&(this.priority=e.priority+1)}_prepareNode(e){const s=this.key||"";let{to:n,from:i}=e;n=l.obj(n)?n[s]:n,(n==null||me(n))&&(n=void 0),i=l.obj(i)?i[s]:i,i==null&&(i=void 0);const r={to:n,from:i};return oe(this)||(e.reverse&&([n,i]=[i,n]),i=R(i),l.und(i)?q(this)||this._set(n):this._set(i)),r}_update(e,s){let n=E({},e);const{key:i,defaultProps:r}=this;n.default&&Object.assign(r,Me(n,(u,f)=>/^on/.test(f)?Qs(u,i):u)),ys(this,n,"onProps"),pt(this,"onProps",n,this);const o=this._prepareNode(n);if(Object.isFrozen(this))throw Error("Cannot animate a `SpringValue` object that is frozen. Did you forget to pass your component to `animated(...)` before animating its props?");const a=this._state;return Ws(++this._lastCallId,{key:i,props:n,defaultProps:r,state:a,actions:{pause:()=>{dt(this)||(ms(this,!0),mt(a.pauseQueue),pt(this,"onPause",U(this,ht(this,this.animation.to)),this))},resume:()=>{dt(this)&&(ms(this,!1),K(this)&&this._resume(),mt(a.resumeQueue),pt(this,"onResume",U(this,ht(this,this.animation.to)),this))},start:this._merge.bind(this,o)}}).then(u=>{if(n.loop&&u.finished&&!(s&&u.noop)){const f=Zs(n);if(f)return this._update(f,!0)}return u})}_merge(e,s,n){if(s.cancel)return this.stop(!0),n(rt(this));const i=!l.und(e.to),r=!l.und(e.from);if(i||r)if(s.callId>this._lastToId)this._lastToId=s.callId;else return n(rt(this));const{key:o,defaultProps:a,animation:u}=this,{to:f,from:c}=u;let{to:d=f,from:h=c}=e;r&&!i&&(!s.default||l.und(d))&&(d=h),s.reverse&&([d,h]=[h,d]);const w=!Q(h,c);w&&(u.from=h),h=R(h);const p=!Q(d,f);p&&this._focus(d);const m=me(s.to),{config:g}=u,{decay:_,velocity:b}=g;(i||r)&&(g.velocity=0),s.config&&!m&&Yi(g,X(s.config,o),s.config!==a.config?X(a.config,o):void 0);let y=q(this);if(!y||l.und(d))return n(U(this,!0));const x=l.und(s.reset)?r&&!s.default:!l.und(h)&&_t(s.reset,o),A=x?h:this.get(),I=At(d),V=l.num(I)||l.arr(I)||Xt(I),L=!m&&(!V||_t(a.immediate||s.immediate,o));if(p){const D=pe(d);if(D!==y.constructor)if(L)y=this._set(I);else throw Error(`Cannot animate between ${y.constructor.name} and ${D.name}, as the "to" prop suggests`)}const tt=y.constructor;let T=$(d),Y=!1;if(!T){const D=x||!oe(this)&&w;(p||D)&&(Y=Q(At(A),I),T=!Y),(!Q(u.immediate,L)&&!L||!Q(g.decay,_)||!Q(g.velocity,b))&&(T=!0)}if(Y&&K(this)&&(u.changed&&!x?T=!0:T||this._stop(f)),!m&&((T||$(f))&&(u.values=y.getPayload(),u.toValues=$(d)?null:tt==at?[1]:M(I)),u.immediate!=L&&(u.immediate=L,!L&&!x&&this._set(f)),T)){const{onRest:D}=u;S(er,ee=>ys(this,s,ee));const et=U(this,ht(this,f));mt(this._pendingCalls,et),this._pendingCalls.add(n),u.changed&&v.batchedUpdates(()=>{u.changed=!x,D==null||D(et,this),x?X(a.onRest,et):u.onStart==null||u.onStart(et,this)})}x&&this._set(A),m?n(Ys(s.to,s,this._state,this)):T?this._start():K(this)&&!p?this._pendingCalls.add(n):n(Hs(A))}_focus(e){const s=this.animation;e!==s.to&&(es(this)&&this._detach(),s.to=e,es(this)&&this._attach())}_attach(){let e=0;const{to:s}=this.animation;$(s)&&(ft(s,this),ye(s)&&(e=s.priority+1)),this.priority=e}_detach(){const{to:e}=this.animation;$(e)&&St(e,this)}_set(e,s=!0){const n=R(e);if(!l.und(n)){const i=q(this);if(!i||!Q(n,i.getValue())){const r=pe(n);!i||i.constructor!=r?Ce(this,r.create(n)):i.setValue(n),i&&v.batchedUpdates(()=>{this._onChange(n,s)})}}return q(this)}_onStart(){const e=this.animation;e.changed||(e.changed=!0,pt(this,"onStart",U(this,ht(this,e.to)),this))}_onChange(e,s){s||(this._onStart(),X(this.animation.onChange,e,this)),X(this.defaultProps.onChange,e,this),super._onChange(e,s)}_start(){const e=this.animation;q(this).reset(R(e.to)),e.immediate||(e.fromValues=e.values.map(s=>s.lastPosition)),K(this)||(ps(this,!0),dt(this)||this._resume())}_resume(){z.skipAnimation?this.finish():Wt.start(this)}_stop(e,s){if(K(this)){ps(this,!1);const n=this.animation;S(n.values,r=>{r.done=!0}),n.toValues&&(n.onChange=n.onPause=n.onResume=void 0),xt(this,{type:"idle",parent:this});const i=s?rt(this.get()):U(this.get(),ht(this,e!=null?e:n.to));mt(this._pendingCalls,i),n.changed&&(n.changed=!1,pt(this,"onRest",i,this))}}}function ht(t,e){const s=At(e),n=At(t.get());return Q(n,s)}function Zs(t,e=t.loop,s=t.to){let n=X(e);if(n){const i=n!==!0&&Gs(n),r=(i||t).reverse,o=!i||i.reset;return kt(E({},t,{loop:e,default:!1,pause:void 0,to:!r||me(s)?s:void 0,from:o?t.from:void 0,reset:o},i))}}function kt(t){const{to:e,from:s}=t=Gs(t),n=new Set;return l.obj(e)&&gs(e,n),l.obj(s)&&gs(s,n),t.keys=n.size?Array.from(n):null,t}function tr(t){const e=kt(t);return l.und(e.default)&&(e.default=Me(e)),e}function gs(t,e){B(t,(s,n)=>s!=null&&e.add(n))}const er=["onStart","onRest","onChange","onPause","onResume"];function ys(t,e,s){t.animation[s]=e[s]!==Ks(e,s)?Qs(e[s],t.key):void 0}function pt(t,e,...s){var n,i,r,o;(n=(i=t.animation)[e])==null||n.call(i,...s),(r=(o=t.defaultProps)[e])==null||r.call(o,...s)}const sr=["onStart","onChange","onRest"];let nr=1;class ir{constructor(e,s){this.id=nr++,this.springs={},this.queue=[],this.ref=void 0,this._flush=void 0,this._initialProps=void 0,this._lastAsyncId=0,this._active=new Set,this._changed=new Set,this._started=!1,this._item=void 0,this._state={paused:!1,pauseQueue:new Set,resumeQueue:new Set,timeouts:new Set},this._events={onStart:new Map,onChange:new Map,onRest:new Map},this._onFrame=this._onFrame.bind(this),s&&(this._flush=s),e&&this.start(E({default:!0},e))}get idle(){return!this._state.asyncTo&&Object.values(this.springs).every(e=>e.idle&&!e.isDelayed&&!e.isPaused)}get item(){return this._item}set item(e){this._item=e}get(){const e={};return this.each((s,n)=>e[n]=s.get()),e}set(e){for(const s in e){const n=e[s];l.und(n)||this.springs[s].set(n)}}update(e){return e&&this.queue.push(kt(e)),this}start(e){let{queue:s}=this;return e?s=M(e).map(kt):this.queue=[],this._flush?this._flush(this,s):(nn(this,s),ve(this,s))}stop(e,s){if(e!==!!e&&(s=e),s){const n=this.springs;S(M(s),i=>n[i].stop(!!e))}else It(this._state,this._lastAsyncId),this.each(n=>n.stop(!!e));return this}pause(e){if(l.und(e))this.start({pause:!0});else{const s=this.springs;S(M(e),n=>s[n].pause())}return this}resume(e){if(l.und(e))this.start({pause:!1});else{const s=this.springs;S(M(e),n=>s[n].resume())}return this}each(e){B(this.springs,e)}_onFrame(){const{onStart:e,onChange:s,onRest:n}=this._events,i=this._active.size>0,r=this._changed.size>0;(i&&!this._started||r&&!this._started)&&(this._started=!0,yt(e,([u,f])=>{f.value=this.get(),u(f,this,this._item)}));const o=!i&&this._started,a=r||o&&n.size?this.get():null;r&&s.size&&yt(s,([u,f])=>{f.value=a,u(f,this,this._item)}),o&&(this._started=!1,yt(n,([u,f])=>{f.value=a,u(f,this,this._item)}))}eventObserved(e){if(e.type=="change")this._changed.add(e.parent),e.idle||this._active.add(e.parent);else if(e.type=="idle")this._active.delete(e.parent);else return;v.onFrame(this._onFrame)}}function ve(t,e){return Promise.all(e.map(s=>Js(t,s))).then(s=>Ve(t,s))}function Js(t,e,s){return lt(this,null,function*(){const{keys:n,to:i,from:r,loop:o,onRest:a,onResolve:u}=e,f=l.obj(e.default)&&e.default;o&&(e.loop=!1),i===!1&&(e.to=null),r===!1&&(e.from=null);const c=l.arr(i)||l.fun(i)?i:void 0;c?(e.to=void 0,e.onRest=void 0,f&&(f.onRest=void 0)):S(sr,m=>{const g=e[m];if(l.fun(g)){const _=t._events[m];e[m]=({finished:b,cancelled:y})=>{const x=_.get(g);x?(b||(x.finished=!1),y&&(x.cancelled=!0)):_.set(g,{value:null,finished:b||!1,cancelled:y||!1})},f&&(f[m]=e[m])}});const d=t._state;e.pause===!d.paused?(d.paused=e.pause,mt(e.pause?d.pauseQueue:d.resumeQueue)):d.paused&&(e.pause=!0);const h=(n||Object.keys(t.springs)).map(m=>t.springs[m].start(e)),w=e.cancel===!0||Ks(e,"cancel")===!0;(c||w&&d.asyncId)&&h.push(Ws(++t._lastAsyncId,{props:e,state:d,actions:{pause:le,resume:le,start(m,g){w?(It(d,t._lastAsyncId),g(rt(t))):(m.onRest=a,g(Ys(c,m,d,t)))}}})),d.paused&&(yield new Promise(m=>{d.resumeQueue.add(m)}));const p=Ve(t,yield Promise.all(h));if(o&&p.finished&&!(s&&p.noop)){const m=Zs(e,o,i);if(m)return nn(t,[m]),Js(t,m,!0)}return u&&v.batchedUpdates(()=>u(p,t,t.item)),p})}function bs(t,e){const s=E({},t.springs);return e&&S(M(e),n=>{l.und(n.keys)&&(n=kt(n)),l.obj(n.to)||(n=E({},n,{to:void 0})),sn(s,n,i=>en(i))}),tn(t,s),s}function tn(t,e){B(e,(s,n)=>{t.springs[n]||(t.springs[n]=s,ft(s,t))})}function en(t,e){const s=new Ji;return s.key=t,e&&ft(s,e),s}function sn(t,e,s){e.keys&&S(e.keys,n=>{(t[n]||(t[n]=s(n)))._prepareNode(e)})}function nn(t,e){S(e,s=>{sn(t.springs,s,n=>en(n,t))})}function rr(t,e){if(t==null)return{};var s={},n=Object.keys(t),i,r;for(r=0;r<n.length;r++)i=n[r],!(e.indexOf(i)>=0)&&(s[i]=t[i]);return s}const or=["children"],te=t=>{let{children:e}=t,s=rr(t,or);const n=P.exports.useContext(Kt),i=s.pause||!!n.pause,r=s.immediate||!!n.immediate;s=Ri(()=>({pause:i,immediate:r}),[i,r]);const{Provider:o}=Kt;return P.exports.createElement(o,{value:s},e)},Kt=ar(te,{});te.Provider=Kt.Provider;te.Consumer=Kt.Consumer;function ar(t,e){return Object.assign(t,P.exports.createContext(e)),t.Provider._context=t,t.Consumer._context=t,t}const fr=()=>{const t=[],e=function(i){Oi();const r=[];return S(t,(o,a)=>{if(l.und(i))r.push(o.start());else{const u=s(i,o,a);u&&r.push(o.start(u))}}),r};e.current=t,e.add=function(n){t.includes(n)||t.push(n)},e.delete=function(n){const i=t.indexOf(n);~i&&t.splice(i,1)},e.pause=function(){return S(t,n=>n.pause(...arguments)),this},e.resume=function(){return S(t,n=>n.resume(...arguments)),this},e.set=function(n){S(t,i=>i.set(n))},e.start=function(n){const i=[];return S(t,(r,o)=>{if(l.und(n))i.push(r.start());else{const a=this._getProps(n,r,o);a&&i.push(r.start(a))}}),i},e.stop=function(){return S(t,n=>n.stop(...arguments)),this},e.update=function(n){return S(t,(i,r)=>i.update(this._getProps(n,i,r))),this};const s=function(i,r,o){return l.fun(i)?i(o,r):i};return e._getProps=s,e};function ur(t,e,s){const n=l.fun(e)&&e;n&&!s&&(s=[]);const i=P.exports.useMemo(()=>n||arguments.length==3?fr():void 0,[]),r=P.exports.useRef(0),o=qs(),a=P.exports.useMemo(()=>({ctrls:[],queue:[],flush(_,b){const y=bs(_,b);return r.current>0&&!a.queue.length&&!Object.keys(y).some(A=>!_.springs[A])?ve(_,b):new Promise(A=>{tn(_,y),a.queue.push(()=>{A(ve(_,b))}),o()})}}),[]),u=P.exports.useRef([...a.ctrls]),f=[],c=ns(t)||0;P.exports.useMemo(()=>{S(u.current.slice(t,c),_=>{Qi(_,i),_.stop(!0)}),u.current.length=t,d(c,t)},[t]),P.exports.useMemo(()=>{d(0,Math.min(c,t))},s);function d(_,b){for(let y=_;y<b;y++){const x=u.current[y]||(u.current[y]=new ir(null,a.flush)),A=n?n(y,x):e[y];A&&(f[y]=tr(A))}}const h=u.current.map((_,b)=>bs(_,f[b])),w=P.exports.useContext(te),p=ns(w),m=w!==p&&zi(w);Bs(()=>{r.current++,a.ctrls=u.current;const{queue:_}=a;_.length&&(a.queue=[],S(_,b=>b())),S(u.current,(b,y)=>{i==null||i.add(b),m&&b.start({default:w});const x=f[y];x&&(Ki(b,x.ref),b.ref?b.queue.push(x):b.start(x))})}),Te(()=>()=>{S(a.ctrls,_=>_.stop(!0))});const g=h.map(_=>E({},_));return i?[g,i]:g}function cr(t,e){const s=l.fun(t),[[n],i]=ur(1,s?t:[t],s?e||[]:e);return s||arguments.length==2?[n,i]:n}let _s;(function(t){t.MOUNT="mount",t.ENTER="enter",t.UPDATE="update",t.LEAVE="leave"})(_s||(_s={}));class lr extends De{constructor(e,s){super();this.key=void 0,this.idle=!0,this.calc=void 0,this._active=new Set,this.source=e,this.calc=wt(...s);const n=this._get(),i=pe(n);Ce(this,i.create(n))}advance(e){const s=this._get(),n=this.get();Q(s,n)||(q(this).setValue(s),this._onChange(s,this.idle)),!this.idle&&vs(this._active)&&ae(this)}_get(){const e=l.arr(this.source)?this.source.map(R):M(R(this.source));return this.calc(...e)}_start(){this.idle&&!vs(this._active)&&(this.idle=!1,S(Zt(this),e=>{e.done=!1}),z.skipAnimation?(v.batchedUpdates(()=>this.advance()),ae(this)):Wt.start(this))}_attach(){let e=1;S(M(this.source),s=>{$(s)&&ft(s,this),ye(s)&&(s.idle||this._active.add(s),e=Math.max(e,s.priority+1))}),this.priority=e,this._start()}_detach(){S(M(this.source),e=>{$(e)&&St(e,this)}),this._active.clear(),ae(this)}eventObserved(e){e.type=="change"?e.idle?this.advance():(this._active.add(e.parent),this._start()):e.type=="idle"?this._active.delete(e.parent):e.type=="priority"&&(this.priority=M(this.source).reduce((s,n)=>Math.max(s,(ye(n)?n.priority:0)+1),0))}}function dr(t){return t.idle!==!1}function vs(t){return!t.size||Array.from(t).every(dr)}function ae(t){t.idle||(t.idle=!0,S(Zt(t),e=>{e.done=!0}),xt(t,{type:"idle",parent:t}))}z.assign({createStringInterpolator:Us,to:(t,e)=>new lr(t,e)});function Fe(t,e){if(t==null)return{};var s={},n=Object.keys(t),i,r;for(r=0;r<n.length;r++)i=n[r],!(e.indexOf(i)>=0)&&(s[i]=t[i]);return s}const hr=["style","children","scrollTop","scrollLeft"],rn=/^--/;function pr(t,e){return e==null||typeof e=="boolean"||e===""?"":typeof e=="number"&&e!==0&&!rn.test(t)&&!(vt.hasOwnProperty(t)&&vt[t])?e+"px":(""+e).trim()}const ws={};function mr(t,e){if(!t.nodeType||!t.setAttribute)return!1;const s=t.nodeName==="filter"||t.parentNode&&t.parentNode.nodeName==="filter",n=e,{style:i,children:r,scrollTop:o,scrollLeft:a}=n,u=Fe(n,hr),f=Object.values(u),c=Object.keys(u).map(d=>s||t.hasAttribute(d)?d:ws[d]||(ws[d]=d.replace(/([A-Z])/g,h=>"-"+h.toLowerCase())));r!==void 0&&(t.textContent=r);for(let d in i)if(i.hasOwnProperty(d)){const h=pr(d,i[d]);rn.test(d)?t.style.setProperty(d,h):t.style[d]=h}c.forEach((d,h)=>{t.setAttribute(d,f[h])}),o!==void 0&&(t.scrollTop=o),a!==void 0&&(t.scrollLeft=a)}let vt={animationIterationCount:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0};const gr=(t,e)=>t+e.charAt(0).toUpperCase()+e.substring(1),yr=["Webkit","Ms","Moz","O"];vt=Object.keys(vt).reduce((t,e)=>(yr.forEach(s=>t[gr(s,e)]=t[e]),t),vt);const br=["x","y","z"],_r=/^(matrix|translate|scale|rotate|skew)/,vr=/^(translate)/,wr=/^(rotate|skew)/,fe=(t,e)=>l.num(t)&&t!==0?t+e:t,Lt=(t,e)=>l.arr(t)?t.every(s=>Lt(s,e)):l.num(t)?t===e:parseFloat(t)===e;class xr extends Jt{constructor(e){let{x:s,y:n,z:i}=e,r=Fe(e,br);const o=[],a=[];(s||n||i)&&(o.push([s||0,n||0,i||0]),a.push(u=>[`translate3d(${u.map(f=>fe(f,"px")).join(",")})`,Lt(u,0)])),B(r,(u,f)=>{if(f==="transform")o.push([u||""]),a.push(c=>[c,c===""]);else if(_r.test(f)){if(delete r[f],l.und(u))return;const c=vr.test(f)?"px":wr.test(f)?"deg":"";o.push(M(u)),a.push(f==="rotate3d"?([d,h,w,p])=>[`rotate3d(${d},${h},${w},${fe(p,c)})`,Lt(p,0)]:d=>[`${f}(${d.map(h=>fe(h,c)).join(",")})`,Lt(d,f.startsWith("scale")?1:0)])}}),o.length&&(r.transform=new Sr(o,a));super(r)}}class Sr extends $s{constructor(e,s){super();this._value=null,this.inputs=e,this.transforms=s}get(){return this._value||(this._value=this._get())}_get(){let e="",s=!0;return S(this.inputs,(n,i)=>{const r=R(n[0]),[o,a]=this.transforms[i](l.arr(r)?r:n.map(R));e+=" "+o,s=s&&a}),s?"none":e}observerAdded(e){e==1&&S(this.inputs,s=>S(s,n=>$(n)&&ft(n,this)))}observerRemoved(e){e==0&&S(this.inputs,s=>S(s,n=>$(n)&&St(n,this)))}eventObserved(e){e.type=="change"&&(this._value=null),xt(this,e)}}const Pr=["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"],Ar=["scrollTop","scrollLeft"];z.assign({batchedUpdates:dn.exports.unstable_batchedUpdates,createStringInterpolator:Us,colors:fi});const Ir=Li(Pr,{applyAnimatedValues:mr,createAnimatedStyle:t=>new xr(t),getComponentProps:t=>Fe(t,Ar)}),kr=Ir.animated,on={attract:!1,direction:void 0,boundary:{top:0,left:0,right:0,bottom:0},className:""},an=t=>{const _=ct(ct({},on),t),{attract:e,direction:s,boundary:n,children:i,className:r,style:o}=_,a=Ne(_,["attract","direction","boundary","children","className","style"]),u=hn("drag"),[f,c]=P.exports.useState(n),d=P.exports.useRef(null),[h,w]=cr(()=>({x:0,y:0})),p=P.exports.useRef(0),m=()=>{const b=d.current;if(b){const{offsetWidth:y,offsetHeight:x,offsetTop:A,offsetLeft:I}=b,{clientWidth:V,clientHeight:L}=document.documentElement,{top:tt,left:T,bottom:Y,right:D}=n;c({top:-A+tt,left:-I+T,bottom:L-x-A-Y,right:V-y-I-D}),p.current=V-y-I-(V-y)/2}},g=si(({down:b,last:y,offset:[x,A]})=>{w.start({x,y:A,immediate:b}),y&&t.direction!="y"&&t.attract&&(x<p.current?w.start({x:f.left,y:A,immediate:b}):w.start({x:f.right,y:A,immediate:b}))},{from:()=>[h.x.get(),h.y.get()],axis:s,bounds:f});return P.exports.useEffect(()=>{m()},[d]),gt.createElement("div",Ue(ct({style:o,className:`${u()} ${r}`},a),{ref:d}),gt.createElement(kr.div,ct({style:h},g()),i))};an.defaultProps=on;an.displayName="NutDrag";export{an as D};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var z=Object.defineProperty;var f=Object.getOwnPropertySymbols;var S=Object.prototype.hasOwnProperty,H=Object.prototype.propertyIsEnumerable;var I=(c,s,r)=>s in c?z(c,s,{enumerable:!0,configurable:!0,writable:!0,value:r}):c[s]=r,g=(c,s)=>{for(var r in s||(s={}))S.call(s,r)&&I(c,r,s[r]);if(f)for(var r of f(s))H.call(s,r)&&I(c,r,s[r]);return c};var k=(c,s)=>{var r={};for(var n in c)S.call(c,n)&&s.indexOf(n)<0&&(r[n]=c[n]);if(c!=null&&f)for(var n of f(c))s.indexOf(n)<0&&H.call(c,n)&&(r[n]=c[n]);return r};import{r as h,R as l}from"./vendor.js";import{c as B}from"./bem.js";const T={height:"200px",acceptKey:"title",indexList:[],className:""},G=c=>{const N=g(g({},T),c),{height:s,acceptKey:r,indexList:n,className:C,clickItem:_,clickIndex:v}=N,L=k(N,["height","acceptKey","indexList","className","clickItem","clickIndex"]),o=B("elevator"),R=23,i=h.exports.useRef(null),b={anchorIndex:0,listHeight:[],listGroup:[]},m=h.exports.useRef({y1:0,y2:0}),[$,p]=h.exports.useState(0),[A,E]=h.exports.useState(!1),a=h.exports.useRef(b),D=()=>{a.current.anchorIndex=0,p(0),E(!1),m.current={y1:0,y2:0}},K=(t,e)=>{const u="data-";return t.getAttribute(u+e)},M=()=>{let t=0;a.current.listHeight.push(t);for(let e=0;e<a.current.listGroup.length;e++)t+=a.current.listGroup[e].clientHeight,a.current.listHeight.push(t)},x=t=>{!t&&t!==0||(a.current.listHeight.length||M(),t<0&&(t=0),t>a.current.listHeight.length-2&&(t=a.current.listHeight.length-2),p(t),i.current&&i.current.scrollTo(0,a.current.listHeight[t]))},P=t=>{const e=t.touches[0];m.current.y2=e.pageY;const u=(m.current.y2-m.current.y1)/R|0,d=a.current.anchorIndex+u;p(d),x(d)},y=()=>{D()},Y=t=>{E(!0);const e=Number(K(t.target,"index")),u=t.touches[0];m.current.y1=u.pageY,a.current.anchorIndex=+e,p(j=>j+e),x(e);const d=t.currentTarget;d.removeEventListener("touchend",y,!1),d.addEventListener("touchend",y,!1)},q=(t,e)=>{_&&_(t,e)},w=t=>{v&&v(t)},F=()=>{i.current&&i.current.querySelectorAll(".nut-elevator__list__item").forEach(e=>{e!=null&&!a.current.listGroup.includes(e)&&a.current.listGroup.push(e)})};return h.exports.useEffect(()=>{i.current&&F()},[i.current]),l.createElement("div",g({className:`${o()} ${C}`},L),l.createElement("div",{className:o("list"),ref:i,style:{height:isNaN(+s)?s:`${s}px`}},n.map(t=>l.createElement("div",{className:o("list__item"),key:t[r]},l.createElement("div",{className:o("list__item__code")},t[r]),l.createElement(l.Fragment,null,t.list.map(e=>l.createElement("div",{className:o("list__item__name"),key:e.id,onClick:()=>q(t[r],e)},e.name)))))),n.length&&A?l.createElement("div",{className:o("code",{current:!0})}," ",n[$][r]):null,l.createElement("div",{className:o("bars"),onTouchStart:t=>Y(t),onTouchMove:t=>P(t)},l.createElement("div",{className:o("bars__inner")},n.map((t,e)=>l.createElement("div",{className:o("bars__inner__item"),"data-index":e,key:t[r],onClick:()=>w(t[r])},t[r])))))};G.defaultProps=T;G.displayName="NutElevator";export{G as E};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var S=Object.defineProperty,R=Object.defineProperties;var w=Object.getOwnPropertyDescriptors;var i=Object.getOwnPropertySymbols;var u=Object.prototype.hasOwnProperty,N=Object.prototype.propertyIsEnumerable;var f=(c,e,t)=>e in c?S(c,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):c[e]=t,s=(c,e)=>{for(var t in e||(e={}))u.call(e,t)&&f(c,t,e[t]);if(i)for(var t of i(e))N.call(e,t)&&f(c,t,e[t]);return c},d=(c,e)=>R(c,w(e));var g=(c,e)=>{var t={};for(var n in c)u.call(c,n)&&e.indexOf(n)<0&&(t[n]=c[n]);if(c!=null&&i)for(var n of i(c))e.indexOf(n)<0&&N.call(c,n)&&(t[n]=c[n]);return t};import{R as E}from"./vendor.js";import{c as O}from"./bem.js";const h={name:"",size:"",classPrefix:"nutui-iconfont",color:"",tag:"i",click:c=>{},className:""};function r(c){return Number.isNaN(Number(c))?String(c):`${c}px`}const k=c=>{const m=s(s({},h),c),{name:e,size:t,classPrefix:n,color:x,tag:$,children:p,className:a,style:y,click:j}=m,I=g(m,["name","size","classPrefix","color","tag","children","className","style","click"]),o=e?e.indexOf("/")!==-1:!1,P=o?"img":$,l=O("icon"),b=C=>{c.click&&c.click(C)},z=()=>o?{src:e}:{};return E.createElement(P,s(d(s({className:o?`${a||""} ${l("img")}`:`${a||""} ${l(null,[n])} nut-icon-${e} `,style:s({color:x,fontSize:r(t),width:r(t),height:r(t)},y)},I),{onClick:b}),z()),p)};k.defaultProps=h;k.displayName="NutIcon";export{k as I};
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
var f={exports:{}};/*!
|
|
2
|
-
Copyright (c) 2018 Jed Watson.
|
|
3
|
-
Licensed under the MIT License (MIT), see
|
|
4
|
-
http://jedwatson.github.io/classnames
|
|
5
|
-
*/(function(i){(function(){var l={}.hasOwnProperty;function t(){for(var e=[],n=0;n<arguments.length;n++){var s=arguments[n];if(!!s){var o=typeof s;if(o==="string"||o==="number")e.push(s);else if(Array.isArray(s)){if(s.length){var a=t.apply(null,s);a&&e.push(a)}}else if(o==="object")if(s.toString===Object.prototype.toString)for(var r in s)l.call(s,r)&&s[r]&&e.push(r);else e.push(s.toString())}}return e.join(" ")}i.exports?(t.default=t,i.exports=t):window.classNames=t})()})(f);var c=f.exports;export{c};
|
|
Binary file
|