UNPKG

@grapecity/spread-sheets-designer-react

Version:

SpreadJS Designer React Wrapper Components.

1 lines 3.76 kB
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@grapecity/spread-sheets"),require("@grapecity/spread-sheets-designer")):"function"==typeof define&&define.amd?define(["react","@grapecity/spread-sheets","@grapecity/spread-sheets-designer"],t):"object"==typeof exports?exports.SpreadSheetsDesignerComponents=t(require("react"),require("@grapecity/spread-sheets"),require("@grapecity/spread-sheets-designer")):e.SpreadSheetsDesignerComponents=t(e.react,e["@grapecity/spread-sheets"],e["@grapecity/spread-sheets-designer"])}(this,function(n,r,o){return function(n){var r={};function o(e){if(r[e])return r[e].exports;var t=r[e]={exports:{},id:e,loaded:!1};return n[e].call(t.exports,t,t.exports,o),t.loaded=!0,t.exports}return o.m=n,o.c=r,o.p="",o(0)}([function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Designer=void 0;var r,o=n(1),s=(r=o)&&r.__esModule?r:{default:r};t.Designer=s.default},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(){function r(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(e,t,n){return t&&r(e.prototype,t),n&&r(e,n),e}}(),o=u(n(2)),s=u(n(4)),i=n(7);function u(e){return e&&e.__esModule?e:{default:e}}var a=function(e){function n(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,n);var t=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,e));return t.designerHost=o.default.createRef(),t.designer=null,t.config=e.config,t.styleInfo=e.styleInfo,t.spreadOptions=e.spreadOptions,t}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(n,o.default.Component),r(n,[{key:"render",value:function(){return o.default.createElement("div",{id:"designer",className:"designer",ref:this.designerHost,style:this.styleInfo})}},{key:"componentDidMount",value:function(){var e=new s.default.Spread.Sheets.Designer.Designer(this.designerHost.current,this.config,void 0,this.spreadOptions);this.designer=e;var t=this.props.designerInitialized;t&&t(e)}},{key:"componentWillUnmount",value:function(){this.designer.destroy()}},{key:"shouldComponentUpdate",value:function(e){var r=this,t=(0,i.getObjectChange)(this.styleInfo,e.styleInfo);return 0===t[0].length&&0===t[1].length||(t[0].forEach(function(e){var t=e[0],n=e[1];r.designerHost.current.style[t]=n}),t[1].forEach(function(e){r.designerHost.current.style[e]=""})),e.config!==this.config&&(this.config=e.config,this.designer.setConfig(e.config)),!1}}]),n}();t.default=a},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r,o=n(3),s=(r=o)&&r.__esModule?r:{default:r};t.default=s.default},function(e,t){e.exports=n},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r,o=n(5),s=(r=o)&&r.__esModule?r:{default:r};n(6),t.default=s.default},function(e,t){e.exports=r},function(e,t){e.exports=o},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.getObjectChange=function(e,t){var n=e||{},r=t||{},o=[],s=[],i=Object.keys(n),u=Object.keys(r);return i.forEach(function(e){e in r?n[e]!==r[e]&&o.push([e,r[e]]):s.push(e)}),u.forEach(function(e){e in n||o.push([e,r[e]])}),[o,s]}}])});