@labelbee/lb-components 1.23.0-alpha.80 → 1.23.0-alpha.81

package/dist/components/DynamicResizer/hooks/useDrag.js

@@ -1 +1 @@
-"use strict";var React=require("react"),Draggable=require("react-draggable"),ahooks=require("ahooks"),useUpdateHeight=require("./useUpdateHeight.js"),topToZero=require("../assets/topToZero.svg.js"),bottomToZero=require("../assets/bottomToZero.svg.js"),divider=require("../assets/divider.svg.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),Draggable__default=_interopDefaultLegacy(Draggable);const useDrag=({containerRef:e,minTopHeight:v=0,minBottomHeight:f=0,defaultHeight:p=50,axis:a,localKey:b,isShortcutButton:r=!1})=>{const s=b||"dynamicResizerHeights",{topHeight:l,position:o,bounds:d,topStyle:h,bottomStyle:E,updateELHeight:i,setTopHeightToZero:c,setBottomHeightToZero:u}=useUpdateHeight(e,v,f,p,s),[q,n]=ahooks.useLocalStorageState(s),H=React.useCallback(()=>{e.current&&e.current.classList.add("hide-scrollbar")},[e]),g=React.useCallback((t,k)=>{t.stopPropagation(),i(k.y)},[i]),m=React.useCallback(t=>{t.stopPropagation(),e.current&&e.current.classList.remove("hide-scrollbar"),n(l)},[e,n,l]),T=React.useMemo(()=>r?React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement("img",{src:topToZero,className:"divider-top",draggable:"false",onClick:c}),React__default.default.createElement("div",{className:"divider-icon",draggable:"false"}),React__default.default.createElement("img",{src:bottomToZero,className:"divider-bottom",draggable:"false",onClick:u})):React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement("img",{src:divider,className:"divider-all",draggable:"false"}),React__default.default.createElement("div",{className:"divider-icon",draggable:"false"})),[r,c,u]);return{rendered:React.useMemo(()=>{const t=React__default.default.createElement("div",{className:"divider"},T);return React__default.default.createElement(Draggable__default.default,{axis:a,position:o,handle:".divider",onStart:H,onDrag:g,onStop:m,bounds:d},t)},[a,o,g,m,d]),topStyle:h,bottomStyle:E}};module.exports=useDrag;
+"use strict";var React=require("react"),Draggable=require("react-draggable"),ahooks=require("ahooks"),useUpdateHeight=require("./useUpdateHeight.js"),topToZero=require("../assets/topToZero.svg.js"),bottomToZero=require("../assets/bottomToZero.svg.js"),divider=require("../assets/divider.svg.js");function _interopDefaultLegacy(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),Draggable__default=_interopDefaultLegacy(Draggable);const useDrag=({containerRef:e,minTopHeight:v=0,minBottomHeight:p=0,defaultHeight:f=50,axis:a,localKey:b,isShortcutButton:r=!1})=>{const s=b||"dynamicResizerHeights",{topHeight:l,position:o,bounds:d,topStyle:h,bottomStyle:E,updateELHeight:i,setTopHeightToZero:c,setBottomHeightToZero:u}=useUpdateHeight(e,v,p,f,s),[q,n]=ahooks.useLocalStorageState(s),H=React.useCallback(t=>{t.stopPropagation(),e.current&&e.current.classList.add("hide-scrollbar")},[e]),g=React.useCallback((t,k)=>{t.stopPropagation(),i(k.y)},[i]),m=React.useCallback(t=>{t.stopPropagation(),e.current&&e.current.classList.remove("hide-scrollbar"),n(l)},[e,n,l]),T=React.useMemo(()=>r?React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement("img",{src:topToZero,className:"divider-top",draggable:"false",onClick:c}),React__default.default.createElement("div",{className:"divider-icon",draggable:"false"}),React__default.default.createElement("img",{src:bottomToZero,className:"divider-bottom",draggable:"false",onClick:u})):React__default.default.createElement(React__default.default.Fragment,null,React__default.default.createElement("img",{src:divider,className:"divider-all",draggable:"false"}),React__default.default.createElement("div",{className:"divider-icon",draggable:"false"})),[r,c,u]);return{rendered:React.useMemo(()=>{const t=React__default.default.createElement("div",{className:"divider"},T);return React__default.default.createElement(Draggable__default.default,{axis:a,position:o,handle:".divider",onStart:H,onDrag:g,onStop:m,bounds:d},t)},[a,o,g,m,d]),topStyle:h,bottomStyle:E}};module.exports=useDrag;

package/dist/components/DynamicResizer/hooks/useUpdateHeight.js

@@ -1 +1 @@
-"use strict";var React=require("react"),ahooks=require("ahooks");const useUpdateHeight=(e,r,H,p,v)=>{const[i,d]=React.useState(0),[g,f]=React.useState(0),[u,M]=React.useState(0),[h,T]=React.useState(0),[b,a]=ahooks.useLocalStorageState(v);React.useEffect(()=>{L();const t=b;let o=0;t!=null?o=isNaN(Number(t))?0:Number(t):o=i||p,l(o)},[]);const S=React.useMemo(()=>({x:0,y:i}),[i]),_=React.useMemo(()=>{var t;return{top:u,bottom:(((t=e.current)==null?void 0:t.offsetHeight)||0)-h}},[i,e]),x=React.useMemo(()=>({height:i+"px"}),[i]),B=React.useMemo(()=>({height:g+"px"}),[g]),L=()=>{var t,o,s,c;if(e){let n=r,m=H;r>=(((t=e.current)==null?void 0:t.offsetHeight)||0)/2&&(n=(((o=e.current)==null?void 0:o.offsetHeight)||0)/2),H>=(((s=e.current)==null?void 0:s.offsetHeight)||0)/2&&(m=(((c=e.current)==null?void 0:c.offsetHeight)||0)/2),M(n||1e-5),T(m)}},l=React.useCallback(t=>{var o;if(e){const s=((o=e==null?void 0:e.current)==null?void 0:o.offsetHeight)||0,c=s-h;t>=u&&t<=c&&(d(t),f(s-t))}},[e,u,h]);return{topHeight:i,bottomHeight:g,position:S,bounds:_,topStyle:x,bottomStyle:B,updateELHeight:l,setBottomHeightToZero:()=>{var t;if(e){const o=((t=e==null?void 0:e.current)==null?void 0:t.offsetHeight)||0;l(o-h||0),a(o-h||0)}},setTopHeightToZero:()=>{e&&(l(u||0),a(u||0))}}};module.exports=useUpdateHeight;
+"use strict";var React=require("react"),ahooks=require("ahooks");const MINIMUM_HEIGHT=1e-5,useUpdateHeight=(t,n,a,v,f)=>{const[u,M]=React.useState(0),[g,S]=React.useState(0),[i,T]=React.useState(0),[l,b]=React.useState(0),[h,H]=ahooks.useLocalStorageState(f),[m,_]=React.useState(!1);React.useEffect(()=>{N(),_(!0)},[]),React.useEffect(()=>{if(m){const e=k();c(e),H(e)}},[m]);const I=React.useMemo(()=>({x:0,y:u}),[u]),x=React.useMemo(()=>{var e;return{top:i,bottom:(((e=t.current)==null?void 0:e.offsetHeight)||0)-l}},[i,t]),B=React.useMemo(()=>({height:u+"px"}),[u]),L=React.useMemo(()=>({height:g+"px"}),[g]),N=()=>{var e,s,o,r;if(t){let p=n,d=a;n>=(((e=t.current)==null?void 0:e.offsetHeight)||0)/2&&(p=(((s=t.current)==null?void 0:s.offsetHeight)||0)/2),a>=(((o=t.current)==null?void 0:o.offsetHeight)||0)/2&&(d=(((r=t.current)==null?void 0:r.offsetHeight)||0)/2),T(p||MINIMUM_HEIGHT),b(d)}},k=React.useCallback(()=>{var e,s;let o=0;return h!=null?o=isNaN(Number(h))?0:Number(h):o=v,o<i&&(o=i),t&&o>=(((e=t==null?void 0:t.current)==null?void 0:e.offsetHeight)||0)&&(o=(((s=t.current)==null?void 0:s.offsetHeight)||0)/2),o||MINIMUM_HEIGHT},[t,u,i,h,v]),c=React.useCallback(e=>{var s;if(t){const o=((s=t==null?void 0:t.current)==null?void 0:s.offsetHeight)||0,r=o-l;e>=i&&e<=r&&(M(e),S(o-e))}},[t,i,l]);return{topHeight:u,bottomHeight:g,position:I,bounds:x,topStyle:B,bottomStyle:L,updateELHeight:c,setBottomHeightToZero:()=>{var e;if(t){const s=((e=t==null?void 0:t.current)==null?void 0:e.offsetHeight)||0;c(s-l||0),H(s-l||0)}},setTopHeightToZero:()=>{t&&(c(i||0),H(i||0))}}};module.exports=useUpdateHeight;

package/es/components/DynamicResizer/hooks/useDrag.js

@@ -1 +1 @@
-import e,{useCallback as a,useMemo as b}from"react";import L from"react-draggable";import{useLocalStorageState as j}from"ahooks";import k from"./useUpdateHeight.js";import C from"../assets/topToZero.svg.js";import Z from"../assets/bottomToZero.svg.js";import F from"../assets/divider.svg.js";const P=({containerRef:t,minTopHeight:h=0,minBottomHeight:f=0,defaultHeight:E=50,axis:o,localKey:H,isShortcutButton:s=!1})=>{const l=H||"dynamicResizerHeights",{topHeight:i,position:d,bounds:m,topStyle:S,bottomStyle:T,updateELHeight:c,setTopHeightToZero:g,setBottomHeightToZero:n}=k(t,h,f,E,l),[U,p]=j(l),N=a(()=>{t.current&&t.current.classList.add("hide-scrollbar")},[t]),u=a((r,D)=>{r.stopPropagation(),c(D.y)},[c]),v=a(r=>{r.stopPropagation(),t.current&&t.current.classList.remove("hide-scrollbar"),p(i)},[t,p,i]),y=b(()=>s?e.createElement(e.Fragment,null,e.createElement("img",{src:C,className:"divider-top",draggable:"false",onClick:g}),e.createElement("div",{className:"divider-icon",draggable:"false"}),e.createElement("img",{src:Z,className:"divider-bottom",draggable:"false",onClick:n})):e.createElement(e.Fragment,null,e.createElement("img",{src:F,className:"divider-all",draggable:"false"}),e.createElement("div",{className:"divider-icon",draggable:"false"})),[s,g,n]);return{rendered:b(()=>{const r=e.createElement("div",{className:"divider"},y);return e.createElement(L,{axis:o,position:d,handle:".divider",onStart:N,onDrag:u,onStop:v,bounds:m},r)},[o,d,u,v,m]),topStyle:S,bottomStyle:T}};export{P as default};
+import e,{useCallback as a,useMemo as b}from"react";import L from"react-draggable";import{useLocalStorageState as j}from"ahooks";import k from"./useUpdateHeight.js";import C from"../assets/topToZero.svg.js";import Z from"../assets/bottomToZero.svg.js";import P from"../assets/divider.svg.js";const F=({containerRef:t,minTopHeight:h=0,minBottomHeight:f=0,defaultHeight:E=50,axis:o,localKey:H,isShortcutButton:s=!1})=>{const l=H||"dynamicResizerHeights",{topHeight:i,position:d,bounds:m,topStyle:S,bottomStyle:T,updateELHeight:c,setTopHeightToZero:g,setBottomHeightToZero:n}=k(t,h,f,E,l),[U,p]=j(l),N=a(r=>{r.stopPropagation(),t.current&&t.current.classList.add("hide-scrollbar")},[t]),u=a((r,D)=>{r.stopPropagation(),c(D.y)},[c]),v=a(r=>{r.stopPropagation(),t.current&&t.current.classList.remove("hide-scrollbar"),p(i)},[t,p,i]),y=b(()=>s?e.createElement(e.Fragment,null,e.createElement("img",{src:C,className:"divider-top",draggable:"false",onClick:g}),e.createElement("div",{className:"divider-icon",draggable:"false"}),e.createElement("img",{src:Z,className:"divider-bottom",draggable:"false",onClick:n})):e.createElement(e.Fragment,null,e.createElement("img",{src:P,className:"divider-all",draggable:"false"}),e.createElement("div",{className:"divider-icon",draggable:"false"})),[s,g,n]);return{rendered:b(()=>{const r=e.createElement("div",{className:"divider"},y);return e.createElement(L,{axis:o,position:d,handle:".divider",onStart:N,onDrag:u,onStop:v,bounds:m},r)},[o,d,u,v,m]),topStyle:S,bottomStyle:T}};export{F as default};

package/es/components/DynamicResizer/hooks/useUpdateHeight.js

@@ -1 +1 @@
-import{useState as g,useEffect as y,useMemo as r,useCallback as k}from"react";import{useLocalStorageState as E}from"ahooks";const z=(o,n,m,v,f)=>{const[i,T]=g(0),[H,b]=g(0),[l,M]=g(0),[h,_]=g(0),[x,p]=E(f);y(()=>{Z();const t=x;let e=0;t!=null?e=isNaN(Number(t))?0:Number(t):e=i||v,u(e)},[]);const B=r(()=>({x:0,y:i}),[i]),L=r(()=>{var t;return{top:l,bottom:(((t=o.current)==null?void 0:t.offsetHeight)||0)-h}},[i,o]),S=r(()=>({height:i+"px"}),[i]),N=r(()=>({height:H+"px"}),[H]),Z=()=>{var t,e,s,c;if(o){let a=n,d=m;n>=(((t=o.current)==null?void 0:t.offsetHeight)||0)/2&&(a=(((e=o.current)==null?void 0:e.offsetHeight)||0)/2),m>=(((s=o.current)==null?void 0:s.offsetHeight)||0)/2&&(d=(((c=o.current)==null?void 0:c.offsetHeight)||0)/2),M(a||1e-5),_(d)}},u=k(t=>{var e;if(o){const s=((e=o==null?void 0:o.current)==null?void 0:e.offsetHeight)||0,c=s-h;t>=l&&t<=c&&(T(t),b(s-t))}},[o,l,h]);return{topHeight:i,bottomHeight:H,position:B,bounds:L,topStyle:S,bottomStyle:N,updateELHeight:u,setBottomHeightToZero:()=>{var t;if(o){const e=((t=o==null?void 0:o.current)==null?void 0:t.offsetHeight)||0;u(e-h||0),p(e-h||0)}},setTopHeightToZero:()=>{o&&(u(l||0),p(l||0))}}};export{z as default};
+import{useState as r,useEffect as M,useMemo as c,useCallback as _}from"react";import{useLocalStorageState as U}from"ahooks";const b=1e-5,z=(t,m,v,d,S)=>{const[l,I]=r(0),[n,x]=r(0),[s,B]=r(0),[u,L]=r(0),[h,p]=U(S),[a,N]=r(!1);M(()=>{D(),N(!0)},[]),M(()=>{if(a){const o=P();H(o),p(o)}},[a]);const y=c(()=>({x:0,y:l}),[l]),Z=c(()=>{var o;return{top:s,bottom:(((o=t.current)==null?void 0:o.offsetHeight)||0)-u}},[s,t]),E=c(()=>({height:l+"px"}),[l]),k=c(()=>({height:n+"px"}),[n]),D=()=>{var o,i,e,g;if(t){let f=m,T=v;m>=(((o=t.current)==null?void 0:o.offsetHeight)||0)/2&&(f=(((i=t.current)==null?void 0:i.offsetHeight)||0)/2),v>=(((e=t.current)==null?void 0:e.offsetHeight)||0)/2&&(T=(((g=t.current)==null?void 0:g.offsetHeight)||0)/2),B(f||b),L(T)}},P=_(()=>{var o,i;let e=0;return h!=null?e=isNaN(Number(h))?0:Number(h):e=d,e<s&&(e=s),t&&e>=(((o=t==null?void 0:t.current)==null?void 0:o.offsetHeight)||0)&&(e=(((i=t.current)==null?void 0:i.offsetHeight)||0)/2),e||b},[t,l,s,h,d]),H=_(o=>{var i;if(t){const e=((i=t==null?void 0:t.current)==null?void 0:i.offsetHeight)||0,g=e-u;o>=s&&o<=g&&(I(o),x(e-o))}},[t,s,u]);return{topHeight:l,bottomHeight:n,position:y,bounds:Z,topStyle:E,bottomStyle:k,updateELHeight:H,setBottomHeightToZero:()=>{var o;if(t){const i=((o=t==null?void 0:t.current)==null?void 0:o.offsetHeight)||0;H(i-u||0),p(i-u||0)}},setTopHeightToZero:()=>{t&&(H(s||0),p(s||0))}}};export{z as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@labelbee/lb-components",
-  "version": "1.23.0-alpha.80",
+  "version": "1.23.0-alpha.81",
   "description": "Provide a complete library of annotation components",
   "main": "./dist/index.js",
   "es": "./es/index.js",