Commit e078303e authored by ilex0208's avatar ilex0208

*)add demo

parent dbc3c4cd
...@@ -7,6 +7,7 @@ _mock ...@@ -7,6 +7,7 @@ _mock
.vscode .vscode
doc doc
src src
example
node_modules node_modules
.editorconfig .editorconfig
.eslintignore .eslintignore
......
This source diff could not be displayed because it is too large. You can view the blob instead.
...@@ -24,6 +24,7 @@ ...@@ -24,6 +24,7 @@
"pako": "^1.0.11" "pako": "^1.0.11"
}, },
"scripts": { "scripts": {
"example": "set NODE_ENV=development && webpack-dev-server --config webpack.config.demo.js",
"build": "ray-build react && ray-build stylescss", "build": "ray-build react && ray-build stylescss",
"assets": "gulp assets", "assets": "gulp assets",
"pub": "npm run build && gulp assets && npm publish" "pub": "npm run build && gulp assets && npm publish"
......
...@@ -11,4 +11,5 @@ if(window.addEventListener && (navigator.userAgent.indexOf("Firefox") > 0)){ ...@@ -11,4 +11,5 @@ if(window.addEventListener && (navigator.userAgent.indexOf("Firefox") > 0)){
// export default luckysheet; // export default luckysheet;
// use esbuild,bundle iife format // use esbuild,bundle iife format
module.exports = luckysheet // module.exports = luckysheet
\ No newline at end of file export default luckysheet;
\ No newline at end of file
<!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
/**
* 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;
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment