diff --git a/.gitignore b/.gitignore index a19f004..a547bf3 100644 --- a/.gitignore +++ b/.gitignore @@ -1,11 +1,24 @@ -# ---> Vue -# gitignore template for Vue.js projects -# -# Recommended template: Node.gitignore +# Logs +logs +*.log +npm-debug.log* +yarn-debug.log* +yarn-error.log* +pnpm-debug.log* +lerna-debug.log* -# TODO: where does this rule come from? -docs/_book - -# TODO: where does this rule come from? -test/ +node_modules +dist +dist-ssr +*.local +# Editor directories and files +.vscode/* +!.vscode/extensions.json +.idea +.DS_Store +*.suo +*.ntvs* +*.njsproj +*.sln +*.sw? diff --git a/index.html b/index.html new file mode 100644 index 0000000..8388c4b --- /dev/null +++ b/index.html @@ -0,0 +1,13 @@ + + + + + + + Vite + Vue + + +
+ + + diff --git a/package.json b/package.json new file mode 100644 index 0000000..2afa267 --- /dev/null +++ b/package.json @@ -0,0 +1,24 @@ +{ + "name": "bpm_web", + "private": true, + "version": "0.0.0", + "type": "module", + "scripts": { + "dev": "vite", + "build": "vite build", + "preview": "vite preview" + }, + "dependencies": { + "@logicflow/core": "^2.0.7", + "@logicflow/extension": "^2.0.11", + "element-plus": "^2.8.8", + "file-saver": "^2.0.5", + "vkbeautify": "^0.99.3", + "vue": "^3.5.12", + "x2js": "^3.4.4" + }, + "devDependencies": { + "@vitejs/plugin-vue": "^5.1.4", + "vite": "^5.4.10" + } +} diff --git a/public/clear.svg b/public/clear.svg new file mode 100644 index 0000000..424a5c7 --- /dev/null +++ b/public/clear.svg @@ -0,0 +1,2 @@ + + \ No newline at end of file diff --git a/public/vite.svg b/public/vite.svg new file mode 100644 index 0000000..e7b8dfb --- /dev/null +++ b/public/vite.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/App.vue b/src/App.vue new file mode 100644 index 0000000..157bb9a --- /dev/null +++ b/src/App.vue @@ -0,0 +1,493 @@ + + + + + diff --git a/src/assets/vue.svg b/src/assets/vue.svg new file mode 100644 index 0000000..770e9d3 --- /dev/null +++ b/src/assets/vue.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue new file mode 100644 index 0000000..546ebbc --- /dev/null +++ b/src/components/HelloWorld.vue @@ -0,0 +1,43 @@ + + + + + diff --git a/src/main.js b/src/main.js new file mode 100644 index 0000000..f0359c7 --- /dev/null +++ b/src/main.js @@ -0,0 +1,10 @@ +import { createApp } from 'vue' +import './style.css' +import App from './App.vue' +import ElementPlus from 'element-plus' +import 'element-plus/dist/index.css' +import "@logicflow/core/dist/index.css"; + +createApp(App) + .use(ElementPlus) + .mount('#app') diff --git a/src/style.css b/src/style.css new file mode 100644 index 0000000..468d040 --- /dev/null +++ b/src/style.css @@ -0,0 +1,70 @@ +:root { + font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif; + line-height: 1.5; + font-weight: 400; + + color-scheme: light dark; + color: rgba(255, 255, 255, 0.87); + background-color: #242424; + + font-synthesis: none; + text-rendering: optimizeLegibility; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +body { + margin: 0; + /*display: flex;*/ + /*place-items: center;*/ + min-width: 320px; + min-height: 100vh; +} + +/*button {*/ +/* border-radius: 8px;*/ +/* border: 1px solid transparent;*/ +/* padding: 0.6em 1.2em;*/ +/* font-size: 1em;*/ +/* font-weight: 500;*/ +/* font-family: inherit;*/ +/* background-color: #1a1a1a;*/ +/* cursor: pointer;*/ +/* transition: border-color 0.25s;*/ +/*}*/ +/*button:hover {*/ +/* border-color: #646cff;*/ +/*}*/ +/*button:focus,*/ +/*button:focus-visible {*/ +/* outline: 4px auto -webkit-focus-ring-color;*/ +/*}*/ + +#app { + /*max-width: 1280px;*/ + margin: 0 auto; + padding: 1rem; + /*text-align: center;*/ + height: 100%; + display: flex; + flex-direction: column; + gap: 12px; + align-items: center; +} + +.custom-clear-page { + background-image: url("public/clear.svg"); +} + +@media (prefers-color-scheme: light) { + :root { + color: #213547; + background-color: #ffffff; + } + a:hover { + color: #747bff; + } + button { + background-color: #f9f9f9; + } +} diff --git a/vite.config.js b/vite.config.js new file mode 100644 index 0000000..bbcf80c --- /dev/null +++ b/vite.config.js @@ -0,0 +1,7 @@ +import { defineConfig } from 'vite' +import vue from '@vitejs/plugin-vue' + +// https://vite.dev/config/ +export default defineConfig({ + plugins: [vue()], +})