*)add demo

e078303e · ilex0208 · dbc3c4cd · e078303e · e078303e · e078303e
Commit e078303e authored Sep 25, 2025 by ilex0208
Showing with 116 additions and 2 deletions

.npmignore .npmignore +1 -0

index.js example/index.js +0 -0

package.json package.json +1 -0

index.js src/index.js +3 -2

tpl.html tpl.html +87 -0

webpack.config.demo.js webpack.config.demo.js +24 -0

No files found.
--- a/.npmignore
+++ b/.npmignore
@@ -7,6 +7,7 @@ _mock
 .vscode
 doc
 src
+example
 node_modules
 .editorconfig
 .eslintignore

--- a/example/index.js
+++ b/example/index.js
--- a/package.json
+++ b/package.json
@@ -24,6 +24,7 @@
    "pako": "^1.0.11"
  },
  "scripts": {
+    "example": "set NODE_ENV=development && webpack-dev-server --config webpack.config.demo.js",
    "build": "ray-build react && ray-build stylescss",
    "assets": "gulp assets",
    "pub": "npm run build && gulp assets && npm publish"

--- a/src/index.js
+++ b/src/index.js
@@ -11,4 +11,5 @@ if(window.addEventListener && (navigator.userAgent.indexOf("Firefox") > 0)){
 // export default luckysheet;

 // use esbuild,bundle iife format
-module.exports =  luckysheet
\ No newline at end of file
+// module.exports =  luckysheet
+export default luckysheet;
\ No newline at end of file
--- a/tpl.html
+++ b/tpl.html
+<!DOCTYPE html>
+<html>
+
+<head lang='zh'>
+	<meta charset='utf-8'>
+	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
+	<meta name="renderer" content="webkit" />
+	<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=0" />
+	<title>Luckysheet</title>
+
+	<link rel='stylesheet' href='/dist/plugins/css/pluginsCss.css' />
+	<link rel='stylesheet' href='/dist/plugins/plugins.css' />
+	<link rel='stylesheet' href='/dist/css/luckysheet.css' />
+	<link rel='stylesheet' href='/dist/assets/iconfont/iconfont.css' />
+	<script src="/dist/plugins/js/plugin.js"></script>
+
+</head>
+
+<body>
+	<!-- Non-full screen test -->
+	<!-- <div style="position: relative;width: 100%;height: 100%;">
+
+		<div id="luckysheet" style="margin:0px;padding:0px;position:absolute;width:80%;height:500px;left: 20%;top: 200px;bottom:0;right: 0;"></div>
+	</div> -->
+	
+	<div id="luckysheet" style="margin:0px;padding:0px;position:absolute;width:100%;height:100%;left: 0px;top: 0px;"></div>
+	<!-- demo feature, non-production use -->
+	<script src="./src/demoData/demoFeature.js"></script>
+	<script src="./src/demoData/sheetFormula.js"></script>
+	<script src="./src/demoData/sheetCell.js"></script>
+	<script src="./src/demoData/sheetConditionFormat.js"></script>
+	<script src="./src/demoData/sheetTable.js"></script>
+	<script src="./src/demoData/sheetComment.js"></script>
+	<script src="./src/demoData/sheetPivotTableData.js"></script>
+	<script src="./src/demoData/sheetPivotTable.js"></script>
+	<script src="./src/demoData/sheetSparkline.js"></script>
+	<script src="./src/demoData/sheetChart.js"></script>
+	<script src="./src/demoData/sheetPicture.js"></script>
+	<script src="./src/demoData/sheetDataVerification.js"></script>
+<style>
+	/* 自定义loading演示样式 */
+	@keyframes loading-rotate {
+		0% {
+			transform: rotate(0deg);
+		}
+
+		100% {
+			transform: rotate(360deg);
+		}
+	}
+
+	@keyframes loading-dash {
+		0% {
+			stroke-dasharray: 1, 200;
+			stroke-dashoffset: 0;
+		}
+
+		50% {
+			stroke-dasharray: 90, 150;
+			stroke-dashoffset: -40px;
+		}
+
+		100% {
+			stroke-dasharray: 90, 150;
+			stroke-dashoffset: -120px;
+		}
+	}
+
+	.loadingAnimation {
+		width: 3em;
+		height: 3em;
+		animation: loading-rotate 2s linear infinite;
+	}
+
+	.loadingAnimation circle {
+		animation: loading-dash 1.5s ease-in-out infinite;
+		stroke-dasharray: 90, 150;
+		stroke-dashoffset: 0;
+		stroke-width: 2;
+		stroke: currentColor;
+		stroke-linecap: round;
+	}
+</style>
+</body>
+
+</html>
\ No newline at end of file
--- a/webpack.config.demo.js
+++ b/webpack.config.demo.js
+/**
+ * webpack 打包配置文件
+ * @author ilex
+ */
+const simpleConfig = require('amos-build/lib/simpleConfig');
+
+const entry = {
+  app: './example/index.js'
+};
+
+const config = {
+  tpl: './tpl.html',
+  toFile: 'index.html',
+  port: 13901,
+  entry,
+  lint: false,
+  sourceMap: true
+};
+
+const defaultConfig = simpleConfig(config);
+
+defaultConfig.name = 'luckysheet-demo';
+
+module.exports = defaultConfig;