@treelab/kanban - npm Package Compare versions

Comparing version 2.0.0-alpha.22 to 2.0.0-alpha.23

dist/index.d.ts

@@ -17,3 +17,3 @@ /// <reference types="react" />
 }
-interface ICardRendererOption<R extends Row> {
+interface ICardRendererOption<R extends Row> extends FrameContextProps {
     snapshot: DraggableStateSnapshot;
@@ -58,7 +58,3 @@ index: number;
 }
-interface IKanbanContainerProps extends IKanbanProps {
-    ref?: (ref: FrameContextProps) => void;
-}
-declare const KanbanContainer: React.ForwardRefExoticComponent<Pick<IKanbanContainerProps, "cardRenderer" | "enableReorderCards" | "width" | "height" | "rowHeight" | "laneHeaderRenderer" | "laneFooterRenderer" | "enableReorderLanes" | "appendMode" | "onDropCard" | "onDropLane" | "lanes" | "listWidth" | "extraLaneRenderer" | "iframeWindow" | "iframeDocument" | "globalStyleComponent"> & React.RefAttributes<FrameContextProps | undefined>>;
-export { FrameContextProps } from "react-frame-component";
-export { KanbanContainer as default, IKanbanContainerProps };
+declare const KanbanContainer: React.FC<IKanbanProps>;
+export { KanbanContainer as default };

dist/index.js

@@ -1,4 +0,4 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react"),require("react-frame-component"),require("styled-components"),require("treelab-dnd"),require("react-dom"),require("react-virtualized"),require("immer")):"function"==typeof define&&define.amd?define(["react","react-frame-component","styled-components","treelab-dnd","react-dom","react-virtualized","immer"],t):(e="undefined"!=typeof globalThis?globalThis:e||self)["dist/index"]=t(e.React,e.Frame,e.styled,e.treelabDnd,e.ReactDOM,e.reactVirtualized,e.produce)}(this,(function(e,t,r,n,d,a,l){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(e),u=i(t),s=i(r),f=i(d),c=i(l);var p=o.default.createContext({});const g=s.default.div`
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react"),require("react-frame-component"),require("styled-components"),require("treelab-dnd"),require("react-dom"),require("react-virtualized"),require("immer")):"function"==typeof define&&define.amd?define(["react","react-frame-component","styled-components","treelab-dnd","react-dom","react-virtualized","immer"],t):(e="undefined"!=typeof globalThis?globalThis:e||self)["dist/index"]=t(e.React,e.Frame,e.styled,e.treelabDnd,e.ReactDOM,e.reactVirtualized,e.produce)}(this,(function(e,t,n,r,d,a,l){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(e),u=i(t),s=i(n),c=i(d),f=i(l);var p=o.default.createContext({});const g=s.default.div`
   padding: 0 12px 8px;
-`,h=({provided:t,snapshot:r,style:n,index:d,row:a})=>{const{cardRenderer:l}=e.useContext(p);return o.default.createElement(g,Object.assign({ref:t.innerRef},t.dragHandleProps,t.draggableProps,{style:Object.assign(Object.assign({},n),t.draggableProps.style)}),null==l?void 0:l({index:d,row:a,snapshot:r}))},b=t=>{const{index:r,style:d,row:a}=t,{enableReorderCards:l}=e.useContext(p);return a?o.default.createElement(n.Draggable,{key:a.id,draggableId:a.id,index:r,isDragDisabled:!l},((e,t)=>o.default.createElement(h,{index:r,provided:e,snapshot:t,row:a,style:d}))):null},m=s.default.div`
+`,h=({provided:t,snapshot:n,style:r,index:d,row:a})=>{const{cardRenderer:l,document:i,window:u}=e.useContext(p);return o.default.createElement(g,Object.assign({ref:t.innerRef},t.dragHandleProps,t.draggableProps,{style:Object.assign(Object.assign({},r),t.draggableProps.style)}),null==l?void 0:l({index:d,row:a,snapshot:n,document:i,window:u}))},m=t=>{const{index:n,style:d,row:a}=t,{enableReorderCards:l}=e.useContext(p);return a?o.default.createElement(r.Draggable,{key:a.id,draggableId:a.id,index:n,isDragDisabled:!l},((e,t)=>o.default.createElement(h,{index:n,provided:e,snapshot:t,row:a,style:d}))):null},b=s.default.div`
   ${({width:e=300})=>`\n    width: ${e}px;\n    min-width: ${e}px;\n  `}
@@ -44,3 +44,3 @@ height: 100%;
   padding: 0 12px;
-`,R=t=>{const{lane:r}=t,{rows:d}=t.lane,{laneHeaderRenderer:l,laneFooterRenderer:i,enableReorderLanes:u,appendMode:s,rowHeight:c}=e.useContext(p),g=e.useCallback((e=>{const t=d[e.index];return t?o.default.createElement(b,Object.assign({},e,{key:e.key,row:t})):null}),[d]),R=e.useCallback(((e,t,{source:{index:r}})=>o.default.createElement(h,{index:r,provided:e,snapshot:t,row:d[r]})),[d]),D=e.useRef();return e.useLayoutEffect((()=>{var e;null===(e=D.current)||void 0===e||e.recomputeRowHeights()}),[r]),o.default.createElement(n.Draggable,{key:r.id,draggableId:r.id,index:t.index,isDragDisabled:!u},(e=>o.default.createElement(m,Object.assign({ref:e.innerRef},e.draggableProps),o.default.createElement(v,Object.assign({},e.dragHandleProps),null==l?void 0:l(r)),o.default.createElement(w,null,o.default.createElement(n.Droppable,{droppableId:r.id,mode:"virtual",direction:"vertical",renderClone:R},((e,t)=>o.default.createElement(o.default.Fragment,null,o.default.createElement(a.AutoSizer,null,(({width:r,height:n})=>o.default.createElement(x,{width:r,height:n,rowCount:t.isUsingPlaceholder?d.length+1:d.length,rowHeight:({index:e})=>(null==c?void 0:c(d[e]))||0,overscanRowCount:10,rowRenderer:g,ref:t=>{if(t){const r=f.default.findDOMNode(t);r&&(e.innerRef(r),D.current=t)}}}))),s&&t.isDraggingOver&&o.default.createElement(y,null,"拖到这个组"))))),o.default.createElement(E,null,null==i?void 0:i(r)))))},D="kanban";const C=r.createGlobalStyle`
+`,R=t=>{const{lane:n}=t,{rows:d}=t.lane,{laneHeaderRenderer:l,laneFooterRenderer:i,enableReorderLanes:u,appendMode:s,rowHeight:f}=e.useContext(p),g=e.useCallback((e=>{const t=d[e.index];return t?o.default.createElement(m,Object.assign({},e,{key:e.key,row:t})):null}),[d]),R=e.useCallback(((e,t,{source:{index:n}})=>o.default.createElement(h,{index:n,provided:e,snapshot:t,row:d[n]})),[d]),D=e.useRef();return e.useLayoutEffect((()=>{var e;null===(e=D.current)||void 0===e||e.recomputeRowHeights()}),[n]),o.default.createElement(r.Draggable,{key:n.id,draggableId:n.id,index:t.index,isDragDisabled:!u},(e=>o.default.createElement(b,Object.assign({ref:e.innerRef},e.draggableProps),o.default.createElement(v,Object.assign({},e.dragHandleProps),null==l?void 0:l(n)),o.default.createElement(w,null,o.default.createElement(r.Droppable,{droppableId:n.id,mode:"virtual",direction:"vertical",renderClone:R},((e,t)=>o.default.createElement(o.default.Fragment,null,o.default.createElement(a.AutoSizer,null,(({width:n,height:r})=>o.default.createElement(x,{width:n,height:r,rowCount:t.isUsingPlaceholder?d.length+1:d.length,rowHeight:({index:e})=>(null==f?void 0:f(d[e]))||0,overscanRowCount:10,rowRenderer:g,ref:t=>{if(t){const n=c.default.findDOMNode(t);n&&(e.innerRef(n),D.current=t)}}}))),s&&t.isDraggingOver&&o.default.createElement(y,null,"拖到这个组"))))),o.default.createElement(E,null,null==i?void 0:i(n)))))},D="kanban";const C=n.createGlobalStyle`
   body {
@@ -69,7 +69,7 @@ margin: 0;
   flex-direction: column;
-`;r.createGlobalStyle``;const j=({lanes:t,width:r,height:d,listWidth:a,enableReorderCards:l=!0,enableReorderLanes:i=!0,appendMode:u=!1,onDropCard:s,onDropLane:f,cardRenderer:g,laneHeaderRenderer:h,laneFooterRenderer:b,rowHeight:m,extraLaneRenderer:x,iframeWindow:w,iframeDocument:y,globalStyleComponent:v})=>{const E=function(t,{onDropCard:r,onDropLane:n},d){return e.useCallback((({source:e,destination:a,draggableId:l})=>{if(a&&(e.droppableId!==a.droppableId||e.index!==a.index))if(e.droppableId===D)null==n||n({listId:l,listIndex:a.index,lists:c.default(t,(t=>{const[r]=t.splice(e.index,1);t.splice(a.index,0,r)}))});else{const n=t.findIndex((t=>t.id===e.droppableId)),i=t.findIndex((e=>e.id===a.droppableId));null==r||r({itemId:l,listId:t[i].id,listIndex:i,rowIndex:a.index,lists:c.default(t,(t=>{if(d&&e.droppableId===a.droppableId)return;const[r]=t[n].rows.splice(e.index,1);d?t[i].rows.push(r):t[i].rows.splice(a.index,0,r)}))})}}),[d,t,r,n])}(t,{onDropCard:s,onDropLane:f},u),j={listWidth:a,enableReorderCards:l,enableReorderLanes:i,appendMode:u,cardRenderer:g,laneHeaderRenderer:h,laneFooterRenderer:b,rowHeight:m};return o.default.createElement(p.Provider,{value:j},v&&o.default.createElement(v,null),o.default.createElement(C,null),o.default.createElement(n.DragDropContext,{onDragEnd:E,iframeWindow:w,iframeDocument:y},o.default.createElement(n.Droppable,{droppableId:D,type:"COLUMN",direction:"horizontal"},(e=>o.default.createElement(I,Object.assign({ref:e.innerRef,width:r,height:d},e.droppableProps),t.map(((e,t)=>o.default.createElement(R,{key:e.id,lane:e,index:t}))),e.placeholder,x&&o.default.createElement(O,{width:a},x()))))))},$=s.default(u.default)`
+`;n.createGlobalStyle``;const j=({lanes:t,width:n,height:d,listWidth:a,enableReorderCards:l=!0,enableReorderLanes:i=!0,appendMode:u=!1,onDropCard:s,onDropLane:c,cardRenderer:g,laneHeaderRenderer:h,laneFooterRenderer:m,rowHeight:b,extraLaneRenderer:x,iframeWindow:w,iframeDocument:y,globalStyleComponent:v})=>{const E=function(t,{onDropCard:n,onDropLane:r},d){return e.useCallback((({source:e,destination:a,draggableId:l})=>{if(a&&(e.droppableId!==a.droppableId||e.index!==a.index))if(e.droppableId===D)null==r||r({listId:l,listIndex:a.index,lists:f.default(t,(t=>{const[n]=t.splice(e.index,1);t.splice(a.index,0,n)}))});else{const r=t.findIndex((t=>t.id===e.droppableId)),i=t.findIndex((e=>e.id===a.droppableId));null==n||n({itemId:l,listId:t[i].id,listIndex:i,rowIndex:a.index,lists:f.default(t,(t=>{if(d&&e.droppableId===a.droppableId)return;const[n]=t[r].rows.splice(e.index,1);d?t[i].rows.push(n):t[i].rows.splice(a.index,0,n)}))})}}),[d,t,n,r])}(t,{onDropCard:s,onDropLane:c},u),j={listWidth:a,enableReorderCards:l,enableReorderLanes:i,appendMode:u,cardRenderer:g,laneHeaderRenderer:h,laneFooterRenderer:m,rowHeight:b,window:w,document:y};return o.default.createElement(p.Provider,{value:j},v&&o.default.createElement(v,null),o.default.createElement(C,null),o.default.createElement(r.DragDropContext,{onDragEnd:E,iframeWindow:w,iframeDocument:y},o.default.createElement(r.Droppable,{droppableId:D,type:"COLUMN",direction:"horizontal"},(e=>o.default.createElement(I,Object.assign({ref:e.innerRef,width:n,height:d},e.droppableProps),t.map(((e,t)=>o.default.createElement(R,{key:e.id,lane:e,index:t}))),e.placeholder,x&&o.default.createElement(O,{width:a},x()))))))},$=s.default(u.default)`
   border: none;
   width: ${({width:e})=>e?`${e}px`:"100%"};
   height: ${({height:e})=>e?`${e}px`:"100%"};
-`;return o.default.forwardRef(((n,d)=>{var{width:a,height:l,listWidth:i=300}=n,u=
+`;return e=>{var{width:r,height:d,listWidth:a=300}=e,l=
 /*! *****************************************************************************
@@ -89,2 +89,2 @@ Copyright (c) Microsoft Corporation.
     ***************************************************************************** */
-function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var d=0;for(n=Object.getOwnPropertySymbols(e);d<n.length;d++)t.indexOf(n[d])<0&&Object.prototype.propertyIsEnumerable.call(e,n[d])&&(r[n[d]]=e[n[d]])}return r}(n,["width","height","listWidth"]);const s=e.useRef();return e.useImperativeHandle(d,(()=>s.current)),o.default.createElement($,{width:a,height:l},o.default.createElement(t.FrameContextConsumer,null,(e=>(s.current=e,o.default.createElement(r.StyleSheetManager,{target:e.document.head},o.default.createElement(j,Object.assign({},u,{height:l-20,width:(i+16)*u.lanes.length,listWidth:i,iframeWindow:e.window,iframeDocument:e.document})))))))}))}));
+function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var d=0;for(r=Object.getOwnPropertySymbols(e);d<r.length;d++)t.indexOf(r[d])<0&&Object.prototype.propertyIsEnumerable.call(e,r[d])&&(n[r[d]]=e[r[d]])}return n}(e,["width","height","listWidth"]);return o.default.createElement($,{width:r,height:d},o.default.createElement(t.FrameContextConsumer,null,(e=>o.default.createElement(n.StyleSheetManager,{target:e.document.head},o.default.createElement(j,Object.assign({},l,{height:d-20,width:(a+16)*l.lanes.length,listWidth:a,iframeWindow:e.window,iframeDocument:e.document}))))))}}));

package.json

 {
   "name": "@treelab/kanban",
-  "version": "2.0.0-alpha.22",
+  "version": "2.0.0-alpha.23",
   "description": "kanban",
@@ -5,0 +5,0 @@ "author": "treelab",

No alert changes

Worsened metrics

Total package byte prevSize

11804

decreased by-4.72%

Lines of code

160

decreased by-3.03%

No dependency changes