@mescius/spread-sheets-designer-vue 17.0.0

package/README.md

@@ -0,0 +1,16 @@
+# SpreadJS Designer Wrapper Components for Vue
+
+This package contains the SpreadJS designer wrapper components plug-in to use [SpreadJS Designer](https://developer.mescius.com/spreadjs) in Vue.
+
+SpreadJS Designer Vue Wrapper Components.
+
+## Installation
+```sh
+npm install @mescius/spread-sheets-designer-vue
+```
+
+## Getting more help
+Visit the SpreadJS home page to get more information about the library:
+[https://developer.mescius.com/spreadjs](https://developer.mescius.com/spreadjs)
+
+You can ask any question about SpreadJS using the [SpreadJS Forum](https://developer.mescius.com/forums/spreadjs).

package/dist/gc.spread.sheets.designer.vue.js

@@ -0,0 +1,266 @@
+/*!
+ * 
+ * SpreadJS Wrapper Components for Vue 17.0.0
+ * 
+ * Copyright(c) MESCIUS inc.  All rights reserved.
+ * 
+ * Licensed under the SpreadJS Commercial License.
+ * us.sales@mescius.com
+ * https://developer.mescius.com/spreadjs
+ * 
+ */
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("vue"), require("@mescius/spread-sheets"), require("@mescius/spread-sheets-designer"));
+	else if(typeof define === 'function' && define.amd)
+		define(["vue", "@mescius/spread-sheets", "@mescius/spread-sheets-designer"], factory);
+	else if(typeof exports === 'object')
+		exports["SpreadSheetsDesignerComponents"] = factory(require("vue"), require("@mescius/spread-sheets"), require("@mescius/spread-sheets-designer"));
+	else
+		root["SpreadSheetsDesignerComponents"] = factory(root["vue"], root["@mescius/spread-sheets"], root["@mescius/spread-sheets-designer"]);
+})(this, function(__WEBPACK_EXTERNAL_MODULE_3__, __WEBPACK_EXTERNAL_MODULE_5__, __WEBPACK_EXTERNAL_MODULE_6__) {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId])
+/******/ 			return installedModules[moduleId].exports;
+
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			exports: {},
+/******/ 			id: moduleId,
+/******/ 			loaded: false
+/******/ 		};
+
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+
+/******/ 		// Flag the module as loaded
+/******/ 		module.loaded = true;
+
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+
+
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(0);
+/******/ })
+/************************************************************************/
+/******/ ([
+/* 0 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	'use strict';
+
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+
+	var _Designer = __webpack_require__(1);
+
+	var _Designer2 = _interopRequireDefault(_Designer);
+
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+	exports.default = _Designer2.default;
+
+/***/ }),
+/* 1 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	'use strict';
+
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+
+	var _vueNameSpace = __webpack_require__(2);
+
+	var _vueNameSpace2 = _interopRequireDefault(_vueNameSpace);
+
+	var _spreadNameSpace = __webpack_require__(4);
+
+	var _spreadNameSpace2 = _interopRequireDefault(_spreadNameSpace);
+
+	__webpack_require__(6);
+
+	var _vue = __webpack_require__(3);
+
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+	var DESIGNER_TAG_NAME = 'gc-spread-sheets-designer';
+
+	function isVue2(vueGlobal) {
+	  if (vueGlobal && vueGlobal.version && vueGlobal.version.startsWith && vueGlobal.version.startsWith("2.")) {
+	    return true;
+	  }
+	  return false;
+	}
+
+	function isNullOrUndefined(value) {
+	  return value === void 0 || value === null;
+	}
+
+	function gcMarkRaw(obj) {
+	  if (_vue.markRaw && !isNullOrUndefined(obj)) {
+	    return (0, _vue.markRaw)(obj);
+	  }
+	  return obj;
+	}
+
+	function gcToRaw(obj) {
+	  if (_vue.toRaw && !isNullOrUndefined(obj)) {
+	    return (0, _vue.toRaw)(obj);
+	  }
+	  return obj;
+	}
+
+	var GcSpreadDesigner = {
+	  props: ['config', 'styleInfo', 'spreadOptions'],
+	  emits: ['designerInitialized'],
+	  data: function data() {
+	    return {
+	      _designer_styleInfo: null,
+	      _designer_config: gcMarkRaw({}),
+	      _designer: gcMarkRaw({}),
+	      _spreadOptions: gcMarkRaw({})
+	    };
+	  },
+
+	  render: function render(createElement) {
+	    if (isVue2(_vueNameSpace2.default)) {
+	      return createElement('div');
+	    }
+	    return (0, _vue.h)("div");
+	  },
+	  methods: {
+	    _designerInitialize: function _designerInitialize() {
+	      this._designer_styleInfo = this.$props.styleInfo || null;
+	      this._designer_config = gcMarkRaw(gcToRaw(this.$props.config)) || null;
+	      this._spreadOptions = gcMarkRaw(gcToRaw(this.$props.spreadOptions)) || null;
+	      this._setStyle(this._designer_styleInfo);
+	      this._designer = gcMarkRaw(new _spreadNameSpace2.default.Spread.Sheets.Designer.Designer(this.$el, this._designer_config, undefined, this._spreadOptions));
+	    },
+	    _setStyle: function _setStyle(newStyle) {
+	      for (var key in newStyle) {
+	        this.$el.style[key] = newStyle[key];
+	      }
+	    }
+	  },
+	  mounted: function mounted() {
+	    this._designerInitialize();
+	    this.$emit('designerInitialized', this._designer);
+	  },
+	  destroyed: function destroyed() {
+	    this._designer.destroy();
+	    this._designer = null;
+	  },
+
+	  watch: {
+	    config: {
+	      handler: function handler(val, oldVal) {
+	        this._designer_config = val;
+	        this._designer.setConfig(this._designer_config);
+	        this._designer.refresh();
+	      }
+	    },
+	    'styleInfo.width': {
+	      handler: function handler(val, oldVal) {
+	        this.$el.style['width'] = val;
+	        this._designer.refresh();
+	      }
+	    },
+	    'styleInfo.height': {
+	      handler: function handler(val, oldVal) {
+	        this.$el.style['height'] = val;
+	        this._designer.refresh();
+	      }
+	    },
+	    styleInfo: {
+	      deep: true,
+	      handler: function handler(val, oldVal) {
+	        this._setStyle(val);
+	        this._designer.refresh();
+	      }
+	    }
+	  }
+	};
+	if (isVue2(_vueNameSpace2.default)) {
+	  _vueNameSpace2.default.component(DESIGNER_TAG_NAME, GcSpreadDesigner);
+	  GcSpreadDesigner = _vueNameSpace2.default.options.components['gc-spread-sheets-designer'];
+	}
+	exports.default = GcSpreadDesigner;
+
+/***/ }),
+/* 2 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	'use strict';
+
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+
+	var _vue = __webpack_require__(3);
+
+	var _vue2 = _interopRequireDefault(_vue);
+
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+	exports.default = _vue2.default;
+
+/***/ }),
+/* 3 */
+/***/ (function(module, exports) {
+
+	module.exports = __WEBPACK_EXTERNAL_MODULE_3__;
+
+/***/ }),
+/* 4 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	'use strict';
+
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+
+	var _spreadSheets = __webpack_require__(5);
+
+	var _spreadSheets2 = _interopRequireDefault(_spreadSheets);
+
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+	exports.default = _spreadSheets2.default;
+
+/***/ }),
+/* 5 */
+/***/ (function(module, exports) {
+
+	module.exports = __WEBPACK_EXTERNAL_MODULE_5__;
+
+/***/ }),
+/* 6 */
+/***/ (function(module, exports) {
+
+	module.exports = __WEBPACK_EXTERNAL_MODULE_6__;
+
+/***/ })
+/******/ ])
+});
+;

package/dist/gc.spread.sheets.designer.vue.min.js

@@ -0,0 +1 @@
+!function(e,s){"object"==typeof exports&&"object"==typeof module?module.exports=s(require("vue"),require("@mescius/spread-sheets"),require("@mescius/spread-sheets-designer")):"function"==typeof define&&define.amd?define(["vue","@mescius/spread-sheets","@mescius/spread-sheets-designer"],s):"object"==typeof exports?exports.SpreadSheetsDesignerComponents=s(require("vue"),require("@mescius/spread-sheets"),require("@mescius/spread-sheets-designer")):e.SpreadSheetsDesignerComponents=s(e.vue,e["@mescius/spread-sheets"],e["@mescius/spread-sheets-designer"])}(this,function(t,i,n){return function(t){var i={};function n(e){if(i[e])return i[e].exports;var s=i[e]={exports:{},id:e,loaded:!1};return t[e].call(s.exports,s,s.exports,n),s.loaded=!0,s.exports}return n.m=t,n.c=i,n.p="",n(0)}([function(e,s,t){"use strict";Object.defineProperty(s,"__esModule",{value:!0});var i,n=t(1),r=(i=n)&&i.__esModule?i:{default:i};s.default=r.default},function(e,s,t){"use strict";Object.defineProperty(s,"__esModule",{value:!0});var i=o(t(2)),n=o(t(4));t(6);var r=t(3);function o(e){return e&&e.__esModule?e:{default:e}}function d(e){return!!(e&&e.version&&e.version.startsWith&&e.version.startsWith("2."))}function u(e){return null==e}function f(e){return r.markRaw&&!u(e)?(0,r.markRaw)(e):e}function l(e){return r.toRaw&&!u(e)?(0,r.toRaw)(e):e}var a={props:["config","styleInfo","spreadOptions"],emits:["designerInitialized"],data:function(){return{_designer_styleInfo:null,_designer_config:f({}),_designer:f({}),_spreadOptions:f({})}},render:function(e){return d(i.default)?e("div"):(0,r.h)("div")},methods:{_designerInitialize:function(){this._designer_styleInfo=this.$props.styleInfo||null,this._designer_config=f(l(this.$props.config))||null,this._spreadOptions=f(l(this.$props.spreadOptions))||null,this._setStyle(this._designer_styleInfo),this._designer=f(new n.default.Spread.Sheets.Designer.Designer(this.$el,this._designer_config,void 0,this._spreadOptions))},_setStyle:function(e){for(var s in e)this.$el.style[s]=e[s]}},mounted:function(){this._designerInitialize(),this.$emit("designerInitialized",this._designer)},destroyed:function(){this._designer.destroy(),this._designer=null},watch:{config:{handler:function(e,s){this._designer_config=e,this._designer.setConfig(this._designer_config),this._designer.refresh()}},"styleInfo.width":{handler:function(e,s){this.$el.style.width=e,this._designer.refresh()}},"styleInfo.height":{handler:function(e,s){this.$el.style.height=e,this._designer.refresh()}},styleInfo:{deep:!0,handler:function(e,s){this._setStyle(e),this._designer.refresh()}}}};d(i.default)&&(i.default.component("gc-spread-sheets-designer",a),a=i.default.options.components["gc-spread-sheets-designer"]),s.default=a},function(e,s,t){"use strict";Object.defineProperty(s,"__esModule",{value:!0});var i,n=t(3),r=(i=n)&&i.__esModule?i:{default:i};s.default=r.default},function(e,s){e.exports=t},function(e,s,t){"use strict";Object.defineProperty(s,"__esModule",{value:!0});var i,n=t(5),r=(i=n)&&i.__esModule?i:{default:i};s.default=r.default},function(e,s){e.exports=i},function(e,s){e.exports=n}])});

package/index.js

@@ -0,0 +1 @@
+module.exports = require('./dist/gc.spread.sheets.designer.vue.min.js');

package/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "@mescius/spread-sheets-designer-vue",
+  "version": "17.0.0",
+  "main": "index.js",
+  "description":"SpreadJS Designer Vue Wrapper Components.",
+  "scripts": {},
+  "keywords": [
+    "spread-sheets",
+    "javascript spreadsheet",
+    "javascript excel",
+    "excel io",
+    "sheets",
+    "sheet",
+    "designer",
+    "javascript",
+    "excel",
+    "mescius",
+    "spreadjs",
+    "spreadjs designer",
+    "spreadjs designer vue",
+    "vue"
+  ],
+  "dependencies": { 
+  },
+  "author": {
+    "email": "us.sales@mescius.com",
+    "name": "MESCIUS inc"
+  },
+  "homepage": "https://developer.mescius.com/spreadjs",
+  "license": "Commercial"
+}