@visactor/react-vtable 0.23.1-alpha.1 → 0.23.1
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/cjs/index.d.ts +1 -1
- package/cjs/index.js +1 -1
- package/cjs/index.js.map +1 -1
- package/dist/react-vtable.js +1 -1
- package/dist/react-vtable.min.js +1 -1
- package/es/index.d.ts +1 -1
- package/es/index.js +1 -1
- package/es/index.js.map +1 -1
- package/package.json +3 -3
package/cjs/index.d.ts
CHANGED
package/cjs/index.js
CHANGED
|
@@ -34,5 +34,5 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
34
34
|
const VTable = __importStar(require("@visactor/vtable"));
|
|
35
35
|
|
|
36
36
|
exports.VTable = VTable, __exportStar(require("./tables"), exports), __exportStar(require("./components"), exports),
|
|
37
|
-
exports.version = "0.23.1
|
|
37
|
+
exports.version = "0.23.1";
|
|
38
38
|
//# sourceMappingURL=index.js.map
|
package/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yDAA2C;AAIlC,wBAAM;AAFf,2CAAyB;AACzB,+CAA6B;AAGhB,QAAA,OAAO,GAAG,
|
|
1
|
+
{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,yDAA2C;AAIlC,wBAAM;AAFf,2CAAyB;AACzB,+CAA6B;AAGhB,QAAA,OAAO,GAAG,QAAQ,CAAC","file":"index.js","sourcesContent":["import * as VTable from '@visactor/vtable';\n\nexport * from './tables';\nexport * from './components';\nexport { VTable };\n\nexport const version = \"0.23.1\";\n"]}
|
package/dist/react-vtable.js
CHANGED
package/dist/react-vtable.min.js
CHANGED
|
@@ -16,4 +16,4 @@
|
|
|
16
16
|
*
|
|
17
17
|
* This source code is licensed under the MIT license found in the
|
|
18
18
|
* LICENSE file in the root directory of this source tree.
|
|
19
|
-
*/"production"===process.env.NODE_ENV?w.exports=function(){if(O)return R;O=1;var e,t=Symbol.for("react.element"),r=Symbol.for("react.portal"),n=Symbol.for("react.fragment"),o=Symbol.for("react.strict_mode"),a=Symbol.for("react.profiler"),u=Symbol.for("react.provider"),i=Symbol.for("react.context"),c=Symbol.for("react.server_context"),s=Symbol.for("react.forward_ref"),l=Symbol.for("react.suspense"),f=Symbol.for("react.suspense_list"),p=Symbol.for("react.memo"),d=Symbol.for("react.lazy"),y=Symbol.for("react.offscreen");function m(e){if("object"==typeof e&&null!==e){var y=e.$$typeof;switch(y){case t:switch(e=e.type){case n:case a:case o:case l:case f:return e;default:switch(e=e&&e.$$typeof){case c:case i:case s:case d:case p:case u:return e;default:return y}}case r:return y}}}return e=Symbol.for("react.module.reference"),R.ContextConsumer=i,R.ContextProvider=u,R.Element=t,R.ForwardRef=s,R.Fragment=n,R.Lazy=d,R.Memo=p,R.Portal=r,R.Profiler=a,R.StrictMode=o,R.Suspense=l,R.SuspenseList=f,R.isAsyncMode=function(){return!1},R.isConcurrentMode=function(){return!1},R.isContextConsumer=function(e){return m(e)===i},R.isContextProvider=function(e){return m(e)===u},R.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},R.isForwardRef=function(e){return m(e)===s},R.isFragment=function(e){return m(e)===n},R.isLazy=function(e){return m(e)===d},R.isMemo=function(e){return m(e)===p},R.isPortal=function(e){return m(e)===r},R.isProfiler=function(e){return m(e)===a},R.isStrictMode=function(e){return m(e)===o},R.isSuspense=function(e){return m(e)===l},R.isSuspenseList=function(e){return m(e)===f},R.isValidElementType=function(t){return"string"==typeof t||"function"==typeof t||t===n||t===a||t===o||t===l||t===f||t===y||"object"==typeof t&&null!==t&&(t.$$typeof===d||t.$$typeof===p||t.$$typeof===u||t.$$typeof===i||t.$$typeof===s||t.$$typeof===e||void 0!==t.getModuleId)},R.typeOf=m,R}():w.exports=(k||(k=1,"production"!==process.env.NODE_ENV&&function(){var e,t=Symbol.for("react.element"),r=Symbol.for("react.portal"),n=Symbol.for("react.fragment"),o=Symbol.for("react.strict_mode"),a=Symbol.for("react.profiler"),u=Symbol.for("react.provider"),i=Symbol.for("react.context"),c=Symbol.for("react.server_context"),s=Symbol.for("react.forward_ref"),l=Symbol.for("react.suspense"),f=Symbol.for("react.suspense_list"),p=Symbol.for("react.memo"),d=Symbol.for("react.lazy"),y=Symbol.for("react.offscreen");function m(e){if("object"==typeof e&&null!==e){var y=e.$$typeof;switch(y){case t:var m=e.type;switch(m){case n:case a:case o:case l:case f:return m;default:var v=m&&m.$$typeof;switch(v){case c:case i:case s:case d:case p:case u:return v;default:return y}}case r:return y}}}e=Symbol.for("react.module.reference");var v=i,h=u,b=t,_=s,g=n,E=d,C=p,S=r,O=a,w=o,R=l,k=f,P=!1,L=!1;T.ContextConsumer=v,T.ContextProvider=h,T.Element=b,T.ForwardRef=_,T.Fragment=g,T.Lazy=E,T.Memo=C,T.Portal=S,T.Profiler=O,T.StrictMode=w,T.Suspense=R,T.SuspenseList=k,T.isAsyncMode=function(e){return P||(P=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.")),!1},T.isConcurrentMode=function(e){return L||(L=!0,console.warn("The ReactIs.isConcurrentMode() alias has been deprecated, and will be removed in React 18+.")),!1},T.isContextConsumer=function(e){return m(e)===i},T.isContextProvider=function(e){return m(e)===u},T.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},T.isForwardRef=function(e){return m(e)===s},T.isFragment=function(e){return m(e)===n},T.isLazy=function(e){return m(e)===d},T.isMemo=function(e){return m(e)===p},T.isPortal=function(e){return m(e)===r},T.isProfiler=function(e){return m(e)===a},T.isStrictMode=function(e){return m(e)===o},T.isSuspense=function(e){return m(e)===l},T.isSuspenseList=function(e){return m(e)===f},T.isValidElementType=function(t){return"string"==typeof t||"function"==typeof t||t===n||t===a||t===o||t===l||t===f||t===y||"object"==typeof t&&null!==t&&(t.$$typeof===d||t.$$typeof===p||t.$$typeof===u||t.$$typeof===i||t.$$typeof===s||t.$$typeof===e||void 0!==t.getModuleId)},T.typeOf=m}()),T);var P=w.exports;const L=e=>{let t=[];return f.Children.forEach(e,(e=>{m(e)||(P.isFragment(e)?t=t.concat(L(e.props.children)):t.push(e))})),t},j={...t.ListTable.EVENT_TYPE,...t.PivotTable.EVENT_TYPE,...t.PivotChart.EVENT_TYPE},$={onClickCell:j.CLICK_CELL,onDblClickCell:j.DBLCLICK_CELL,onMouseDownCell:j.MOUSEDOWN_CELL,onMouseUpCell:j.MOUSEUP_CELL,onSelectedCell:j.SELECTED_CELL,onKeyDown:j.KEYDOWN,onMouseEnterTable:j.MOUSEENTER_TABLE,onMouseLeaveTable:j.MOUSELEAVE_TABLE,onMouseMoveCell:j.MOUSEMOVE_CELL,onMouseEnterCell:j.MOUSEENTER_CELL,onMouseLeaveCell:j.MOUSELEAVE_CELL,onContextMenuCell:j.CONTEXTMENU_CELL,onResizeColumn:j.RESIZE_COLUMN,onResizeColumnEnd:j.RESIZE_COLUMN_END,onChangeHeaderPosition:j.CHANGE_HEADER_POSITION,onSortClick:j.SORT_CLICK,onFreezeClick:j.FREEZE_CLICK,onScroll:j.SCROLL,onDropdownMenuClick:j.DROPDOWN_MENU_CLICK,onMouseOverChartSymbol:j.MOUSEOVER_CHART_SYMBOL,onDragSelectEnd:j.DRAG_SELECT_END,onDropdownIconClick:j.DROPDOWN_ICON_CLICK,onDropdownMenuClear:j.DROPDOWN_MENU_CLEAR,onTreeHierarchyStateChange:j.TREE_HIERARCHY_STATE_CHANGE,onShowMenu:j.SHOW_MENU,onHideMenu:j.HIDE_MENU,onIconClick:j.ICON_CLICK,onLegendItemClick:j.LEGEND_ITEM_CLICK,onLegendItemHover:j.LEGEND_ITEM_HOVER,onLegendItemUnHover:j.LEGEND_ITEM_UNHOVER,onLegendChange:j.LEGEND_CHANGE,onMouseEnterAxis:j.MOUSEENTER_AXIS,onMouseLeaveAxis:j.MOUSELEAVE_AXIS,onCheckboxStateChange:j.CHECKBOX_STATE_CHANGE,onAfterRender:j.AFTER_RENDER,onInitialized:j.INITIALIZED,onPivotSortClick:j.PIVOT_SORT_CLICK,onDrillMenuClick:j.DRILLMENU_CLICK,onVChartEventType:j.VCHART_EVENT_TYPE},N=Object.keys($),I=(e,t=$)=>{const r={};return Object.keys(e).forEach((n=>{t[n]&&e[n]&&(r[n]=e[n])})),r},x=(e,t,r,n=$)=>{if(!t&&!r||!e)return!1;const o=r?I(r,n):null,a=t?I(t,n):null;return o&&Object.keys(o).forEach((t=>{a&&a[t]&&a[t]===o[t]||e.off(n[t],r[t])})),a&&Object.keys(a).forEach((t=>{o&&o[t]&&o[t]===a[t]||e.on(n[t],a[t])})),!0},M=["children","hooks","ref",...N,"skipFunctionDiff","onError","onReady","option","records","container"],D=(e,t)=>`${e&&e.type&&(e.type.displayName||e.type.name)}-${t}`,A=f.forwardRef(((e,t)=>{const[r,o]=l.useState(0),a=l.useRef({});l.useImperativeHandle(t,(()=>a.current?.table));const u=!!e.option,i=!!e.records,c=l.useRef(!1),s=l.useRef(g(e,M)),d=l.useRef(null),y=l.useRef(e.records),v=f.useRef(null),h=!!e.skipFunctionDiff,b=l.useCallback((e=>u&&e.option?i&&e.records?{...e.option,records:e.records}:e.option:{records:e.records,...s.current,...d.current}),[u,i]),_=l.useCallback((e=>{let t;t="pivot-table"===e.type?new n.PivotTable(e.container,b(e)):"pivot-chart"===e.type?new n.PivotChart(e.container,b(e)):new n.ListTable(e.container,b(e)),a.current={...a.current,table:t},c.current=!1}),[b]),E=l.useCallback((()=>{if(!c.current){if(!a.current||!a.current.table)return;x(a.current.table,e,v.current,$),o(r+1),e.onReady&&e.onReady(a.current.table,0===r)}}),[r,o,e]),C=l.useCallback((()=>{a.current.table&&(a.current.table.render(),E())}),[E]);return l.useEffect((()=>{const t=u?null:(e=>{const t={};return L(e.children).map(((e,r)=>{const n=e&&e.type&&e.type.parseOption;if(n&&e.props){const o=n(m(e.props.componentId)?{...e.props,componentId:D(e,r)}:e.props);o.isSingle?t[o.optionName]=o.option:(t[o.optionName]||(t[o.optionName]=[]),t[o.optionName].push(o.option))}})),t})(e);if(!a.current?.table)return u||(d.current=t),_(e),C(),void(v.current=e);if(u)return void(S(v.current.option,e.option,{skipFunction:h})?i&&!S(v.current.records,e.records,{skipFunction:h})&&(v.current=e,a.current.table.setRecords(e.records),E()):(v.current=e,a.current.table.updateOption(b(e)),E()));const r=g(e,M);S(r,s.current,{skipFunction:h})&&S(t,d.current,{skipFunction:h})?i&&!S(e.records,y.current,{skipFunction:h})&&(y.current=e.records,a.current.table.setRecords(e.records),E()):(s.current=r,d.current=t,a.current.table.updateOption(b(e)),E())}),[_,u,i,b,E,C,h,e]),l.useEffect((()=>()=>{a&&a.current&&a.current.table&&(a.current.table.release(),a.current=null),v.current=null,c.current=!0}),[]),f.createElement(p.Provider,{value:a.current},L(e.children).map(((e,t)=>{if("string"==typeof e)return;const n=D(e,t);return f.createElement(f.Fragment,{key:n},f.cloneElement(e,{updateId:r,componentId:n}))})))})),F=(e,t,r)=>{const n=function(e,t="TableContainer",r){const n=f.forwardRef(((t,n)=>{const o=l.useRef(),[a,u]=l.useState(!1),{className:i,style:c,width:s,...p}=t;return l.useLayoutEffect((()=>{u(!0)}),[]),f.createElement("div",{ref:o,className:i,style:{position:"relative",height:t.height||"100%",width:t.width||"100%",...c}},a?f.createElement(e,{ref:n,container:o.current,...r?r(p):p}):f.createElement(f.Fragment,null))}));return n.displayName=t||e.name,n}(A,e,(e=>(e.type=t,r?r(e):t?{...e,type:t}:e)));return n.displayName=e,n},V=F("ListTable","list-table"),U=F("PivotTable","pivot-table"),H=F("PivotChart","pivot-chart");const z=(e,t,r,n)=>{const o=["id","updateId","componentId"],a=r?Object.keys(r).concat(o):o,u=e=>{const t=l.useContext(p),n=f.useRef(null),o=f.useRef(e.updateId);if(e.updateId!==o.current){o.current=e.updateId;!!r&&x(t.table,e,n.current,r)&&(n.current=e)}return l.useEffect((()=>()=>{r&&x(t.table,null,n.current,r)}),[]),null};return u.displayName=e,u.parseOption=e=>({option:g(e,a),optionName:t,isSingle:n}),u},B=z("ListColumn","columns"),Y=z("PivotColumnDimension","columns"),K=z("PivotRowDimension","rows"),q=z("PivotIndicator","indicators"),W=z("PivotColumnHeaderTitle","columnHeaderTitle",void 0,!0),G=z("PivotRowHeaderTitle","rowHeaderTitle",void 0,!0),X=z("PivotCorner","corner",void 0,!0),Z=z("Menu","menu",void 0,!0),J=z("Tooltip","tooltip",void 0,!0);e.VTable=n,e.ListColumn=B,e.ListTable=V,e.Menu=Z,e.PivotChart=H,e.PivotColumnDimension=Y,e.PivotColumnHeaderTitle=W,e.PivotCorner=X,e.PivotIndicator=q,e.PivotRowDimension=K,e.PivotRowHeaderTitle=G,e.PivotTable=U,e.Tooltip=J,e.registerChartModule=function(e,t){n.register.chartModule(e,t)},e.version="0.23.1-alpha.1"}));
|
|
19
|
+
*/"production"===process.env.NODE_ENV?w.exports=function(){if(O)return R;O=1;var e,t=Symbol.for("react.element"),r=Symbol.for("react.portal"),n=Symbol.for("react.fragment"),o=Symbol.for("react.strict_mode"),a=Symbol.for("react.profiler"),u=Symbol.for("react.provider"),i=Symbol.for("react.context"),c=Symbol.for("react.server_context"),s=Symbol.for("react.forward_ref"),l=Symbol.for("react.suspense"),f=Symbol.for("react.suspense_list"),p=Symbol.for("react.memo"),d=Symbol.for("react.lazy"),y=Symbol.for("react.offscreen");function m(e){if("object"==typeof e&&null!==e){var y=e.$$typeof;switch(y){case t:switch(e=e.type){case n:case a:case o:case l:case f:return e;default:switch(e=e&&e.$$typeof){case c:case i:case s:case d:case p:case u:return e;default:return y}}case r:return y}}}return e=Symbol.for("react.module.reference"),R.ContextConsumer=i,R.ContextProvider=u,R.Element=t,R.ForwardRef=s,R.Fragment=n,R.Lazy=d,R.Memo=p,R.Portal=r,R.Profiler=a,R.StrictMode=o,R.Suspense=l,R.SuspenseList=f,R.isAsyncMode=function(){return!1},R.isConcurrentMode=function(){return!1},R.isContextConsumer=function(e){return m(e)===i},R.isContextProvider=function(e){return m(e)===u},R.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},R.isForwardRef=function(e){return m(e)===s},R.isFragment=function(e){return m(e)===n},R.isLazy=function(e){return m(e)===d},R.isMemo=function(e){return m(e)===p},R.isPortal=function(e){return m(e)===r},R.isProfiler=function(e){return m(e)===a},R.isStrictMode=function(e){return m(e)===o},R.isSuspense=function(e){return m(e)===l},R.isSuspenseList=function(e){return m(e)===f},R.isValidElementType=function(t){return"string"==typeof t||"function"==typeof t||t===n||t===a||t===o||t===l||t===f||t===y||"object"==typeof t&&null!==t&&(t.$$typeof===d||t.$$typeof===p||t.$$typeof===u||t.$$typeof===i||t.$$typeof===s||t.$$typeof===e||void 0!==t.getModuleId)},R.typeOf=m,R}():w.exports=(k||(k=1,"production"!==process.env.NODE_ENV&&function(){var e,t=Symbol.for("react.element"),r=Symbol.for("react.portal"),n=Symbol.for("react.fragment"),o=Symbol.for("react.strict_mode"),a=Symbol.for("react.profiler"),u=Symbol.for("react.provider"),i=Symbol.for("react.context"),c=Symbol.for("react.server_context"),s=Symbol.for("react.forward_ref"),l=Symbol.for("react.suspense"),f=Symbol.for("react.suspense_list"),p=Symbol.for("react.memo"),d=Symbol.for("react.lazy"),y=Symbol.for("react.offscreen");function m(e){if("object"==typeof e&&null!==e){var y=e.$$typeof;switch(y){case t:var m=e.type;switch(m){case n:case a:case o:case l:case f:return m;default:var v=m&&m.$$typeof;switch(v){case c:case i:case s:case d:case p:case u:return v;default:return y}}case r:return y}}}e=Symbol.for("react.module.reference");var v=i,h=u,b=t,_=s,g=n,E=d,C=p,S=r,O=a,w=o,R=l,k=f,P=!1,L=!1;T.ContextConsumer=v,T.ContextProvider=h,T.Element=b,T.ForwardRef=_,T.Fragment=g,T.Lazy=E,T.Memo=C,T.Portal=S,T.Profiler=O,T.StrictMode=w,T.Suspense=R,T.SuspenseList=k,T.isAsyncMode=function(e){return P||(P=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.")),!1},T.isConcurrentMode=function(e){return L||(L=!0,console.warn("The ReactIs.isConcurrentMode() alias has been deprecated, and will be removed in React 18+.")),!1},T.isContextConsumer=function(e){return m(e)===i},T.isContextProvider=function(e){return m(e)===u},T.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},T.isForwardRef=function(e){return m(e)===s},T.isFragment=function(e){return m(e)===n},T.isLazy=function(e){return m(e)===d},T.isMemo=function(e){return m(e)===p},T.isPortal=function(e){return m(e)===r},T.isProfiler=function(e){return m(e)===a},T.isStrictMode=function(e){return m(e)===o},T.isSuspense=function(e){return m(e)===l},T.isSuspenseList=function(e){return m(e)===f},T.isValidElementType=function(t){return"string"==typeof t||"function"==typeof t||t===n||t===a||t===o||t===l||t===f||t===y||"object"==typeof t&&null!==t&&(t.$$typeof===d||t.$$typeof===p||t.$$typeof===u||t.$$typeof===i||t.$$typeof===s||t.$$typeof===e||void 0!==t.getModuleId)},T.typeOf=m}()),T);var P=w.exports;const L=e=>{let t=[];return f.Children.forEach(e,(e=>{m(e)||(P.isFragment(e)?t=t.concat(L(e.props.children)):t.push(e))})),t},j={...t.ListTable.EVENT_TYPE,...t.PivotTable.EVENT_TYPE,...t.PivotChart.EVENT_TYPE},$={onClickCell:j.CLICK_CELL,onDblClickCell:j.DBLCLICK_CELL,onMouseDownCell:j.MOUSEDOWN_CELL,onMouseUpCell:j.MOUSEUP_CELL,onSelectedCell:j.SELECTED_CELL,onKeyDown:j.KEYDOWN,onMouseEnterTable:j.MOUSEENTER_TABLE,onMouseLeaveTable:j.MOUSELEAVE_TABLE,onMouseMoveCell:j.MOUSEMOVE_CELL,onMouseEnterCell:j.MOUSEENTER_CELL,onMouseLeaveCell:j.MOUSELEAVE_CELL,onContextMenuCell:j.CONTEXTMENU_CELL,onResizeColumn:j.RESIZE_COLUMN,onResizeColumnEnd:j.RESIZE_COLUMN_END,onChangeHeaderPosition:j.CHANGE_HEADER_POSITION,onSortClick:j.SORT_CLICK,onFreezeClick:j.FREEZE_CLICK,onScroll:j.SCROLL,onDropdownMenuClick:j.DROPDOWN_MENU_CLICK,onMouseOverChartSymbol:j.MOUSEOVER_CHART_SYMBOL,onDragSelectEnd:j.DRAG_SELECT_END,onDropdownIconClick:j.DROPDOWN_ICON_CLICK,onDropdownMenuClear:j.DROPDOWN_MENU_CLEAR,onTreeHierarchyStateChange:j.TREE_HIERARCHY_STATE_CHANGE,onShowMenu:j.SHOW_MENU,onHideMenu:j.HIDE_MENU,onIconClick:j.ICON_CLICK,onLegendItemClick:j.LEGEND_ITEM_CLICK,onLegendItemHover:j.LEGEND_ITEM_HOVER,onLegendItemUnHover:j.LEGEND_ITEM_UNHOVER,onLegendChange:j.LEGEND_CHANGE,onMouseEnterAxis:j.MOUSEENTER_AXIS,onMouseLeaveAxis:j.MOUSELEAVE_AXIS,onCheckboxStateChange:j.CHECKBOX_STATE_CHANGE,onAfterRender:j.AFTER_RENDER,onInitialized:j.INITIALIZED,onPivotSortClick:j.PIVOT_SORT_CLICK,onDrillMenuClick:j.DRILLMENU_CLICK,onVChartEventType:j.VCHART_EVENT_TYPE},N=Object.keys($),I=(e,t=$)=>{const r={};return Object.keys(e).forEach((n=>{t[n]&&e[n]&&(r[n]=e[n])})),r},x=(e,t,r,n=$)=>{if(!t&&!r||!e)return!1;const o=r?I(r,n):null,a=t?I(t,n):null;return o&&Object.keys(o).forEach((t=>{a&&a[t]&&a[t]===o[t]||e.off(n[t],r[t])})),a&&Object.keys(a).forEach((t=>{o&&o[t]&&o[t]===a[t]||e.on(n[t],a[t])})),!0},M=["children","hooks","ref",...N,"skipFunctionDiff","onError","onReady","option","records","container"],D=(e,t)=>`${e&&e.type&&(e.type.displayName||e.type.name)}-${t}`,A=f.forwardRef(((e,t)=>{const[r,o]=l.useState(0),a=l.useRef({});l.useImperativeHandle(t,(()=>a.current?.table));const u=!!e.option,i=!!e.records,c=l.useRef(!1),s=l.useRef(g(e,M)),d=l.useRef(null),y=l.useRef(e.records),v=f.useRef(null),h=!!e.skipFunctionDiff,b=l.useCallback((e=>u&&e.option?i&&e.records?{...e.option,records:e.records}:e.option:{records:e.records,...s.current,...d.current}),[u,i]),_=l.useCallback((e=>{let t;t="pivot-table"===e.type?new n.PivotTable(e.container,b(e)):"pivot-chart"===e.type?new n.PivotChart(e.container,b(e)):new n.ListTable(e.container,b(e)),a.current={...a.current,table:t},c.current=!1}),[b]),E=l.useCallback((()=>{if(!c.current){if(!a.current||!a.current.table)return;x(a.current.table,e,v.current,$),o(r+1),e.onReady&&e.onReady(a.current.table,0===r)}}),[r,o,e]),C=l.useCallback((()=>{a.current.table&&(a.current.table.render(),E())}),[E]);return l.useEffect((()=>{const t=u?null:(e=>{const t={};return L(e.children).map(((e,r)=>{const n=e&&e.type&&e.type.parseOption;if(n&&e.props){const o=n(m(e.props.componentId)?{...e.props,componentId:D(e,r)}:e.props);o.isSingle?t[o.optionName]=o.option:(t[o.optionName]||(t[o.optionName]=[]),t[o.optionName].push(o.option))}})),t})(e);if(!a.current?.table)return u||(d.current=t),_(e),C(),void(v.current=e);if(u)return void(S(v.current.option,e.option,{skipFunction:h})?i&&!S(v.current.records,e.records,{skipFunction:h})&&(v.current=e,a.current.table.setRecords(e.records),E()):(v.current=e,a.current.table.updateOption(b(e)),E()));const r=g(e,M);S(r,s.current,{skipFunction:h})&&S(t,d.current,{skipFunction:h})?i&&!S(e.records,y.current,{skipFunction:h})&&(y.current=e.records,a.current.table.setRecords(e.records),E()):(s.current=r,d.current=t,a.current.table.updateOption(b(e)),E())}),[_,u,i,b,E,C,h,e]),l.useEffect((()=>()=>{a&&a.current&&a.current.table&&(a.current.table.release(),a.current=null),v.current=null,c.current=!0}),[]),f.createElement(p.Provider,{value:a.current},L(e.children).map(((e,t)=>{if("string"==typeof e)return;const n=D(e,t);return f.createElement(f.Fragment,{key:n},f.cloneElement(e,{updateId:r,componentId:n}))})))})),F=(e,t,r)=>{const n=function(e,t="TableContainer",r){const n=f.forwardRef(((t,n)=>{const o=l.useRef(),[a,u]=l.useState(!1),{className:i,style:c,width:s,...p}=t;return l.useLayoutEffect((()=>{u(!0)}),[]),f.createElement("div",{ref:o,className:i,style:{position:"relative",height:t.height||"100%",width:t.width||"100%",...c}},a?f.createElement(e,{ref:n,container:o.current,...r?r(p):p}):f.createElement(f.Fragment,null))}));return n.displayName=t||e.name,n}(A,e,(e=>(e.type=t,r?r(e):t?{...e,type:t}:e)));return n.displayName=e,n},V=F("ListTable","list-table"),U=F("PivotTable","pivot-table"),H=F("PivotChart","pivot-chart");const z=(e,t,r,n)=>{const o=["id","updateId","componentId"],a=r?Object.keys(r).concat(o):o,u=e=>{const t=l.useContext(p),n=f.useRef(null),o=f.useRef(e.updateId);if(e.updateId!==o.current){o.current=e.updateId;!!r&&x(t.table,e,n.current,r)&&(n.current=e)}return l.useEffect((()=>()=>{r&&x(t.table,null,n.current,r)}),[]),null};return u.displayName=e,u.parseOption=e=>({option:g(e,a),optionName:t,isSingle:n}),u},B=z("ListColumn","columns"),Y=z("PivotColumnDimension","columns"),K=z("PivotRowDimension","rows"),q=z("PivotIndicator","indicators"),W=z("PivotColumnHeaderTitle","columnHeaderTitle",void 0,!0),G=z("PivotRowHeaderTitle","rowHeaderTitle",void 0,!0),X=z("PivotCorner","corner",void 0,!0),Z=z("Menu","menu",void 0,!0),J=z("Tooltip","tooltip",void 0,!0);e.VTable=n,e.ListColumn=B,e.ListTable=V,e.Menu=Z,e.PivotChart=H,e.PivotColumnDimension=Y,e.PivotColumnHeaderTitle=W,e.PivotCorner=X,e.PivotIndicator=q,e.PivotRowDimension=K,e.PivotRowHeaderTitle=G,e.PivotTable=U,e.Tooltip=J,e.registerChartModule=function(e,t){n.register.chartModule(e,t)},e.version="0.23.1"}));
|
package/es/index.d.ts
CHANGED
package/es/index.js
CHANGED
package/es/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAE3C,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAE,CAAC;AAElB,MAAM,CAAC,MAAM,OAAO,GAAG,
|
|
1
|
+
{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAE3C,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAE,CAAC;AAElB,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC","file":"index.js","sourcesContent":["import * as VTable from '@visactor/vtable';\n\nexport * from './tables';\nexport * from './components';\nexport { VTable };\n\nexport const version = \"0.23.1\";\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@visactor/react-vtable",
|
|
3
|
-
"version": "0.23.1
|
|
3
|
+
"version": "0.23.1",
|
|
4
4
|
"description": "The react version of VTable",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -43,9 +43,9 @@
|
|
|
43
43
|
"access": "public"
|
|
44
44
|
},
|
|
45
45
|
"dependencies": {
|
|
46
|
-
"@visactor/vtable": "0.23.1-alpha.1",
|
|
47
46
|
"@visactor/vutils": "~0.18.1",
|
|
48
|
-
"react-is": "^18.2.0"
|
|
47
|
+
"react-is": "^18.2.0",
|
|
48
|
+
"@visactor/vtable": "0.23.1"
|
|
49
49
|
},
|
|
50
50
|
"devDependencies": {
|
|
51
51
|
"@visactor/vchart": "1.10.0",
|