栅格拖拽实现

24e0a776 · 高源 · aa518835 · 24e0a776 · 24e0a776 · 24e0a776
Commit 24e0a776 authored Mar 18, 2025 by 高源
Showing with 15 additions and 2 deletions

index.html dist/index.html +2 -2

package.json package.json +1 -0

pnpm-lock.yaml pnpm-lock.yaml +0 -0

main.ts src/main.ts +3 -0

vue-grid-layout.d.ts src/types/vue-grid-layout.d.ts +9 -0

No files found.
--- a/dist/index.html
+++ b/dist/index.html
 <!doctype html>
 <html lang="zh-cmn-Hans">
  <head>
-    <meta name="buildTime" content="2025-03-17 14:02:13">
+    <meta name="buildTime" content="2025-03-18 11:10:53">
    <meta charset="UTF-8" />
    <link rel="icon" href="/favicon.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="color-scheme" content="light dark" />
    <title>VueDashboard</title>
-    <script type="module" crossorigin src="/Content/VueDashboardUi/VueDashboard1/assets/index-vhyBwSMe.js"></script>
+    <script type="module" crossorigin src="/Content/VueDashboardUi/VueDashboard1/assets/index-CXO-yZSS.js"></script>
    <link rel="stylesheet" crossorigin href="/Content/VueDashboardUi/VueDashboard1/assets/index-9k_B1ZU8.css">
  </head>
  <body>

--- a/package.json
+++ b/package.json
@@ -65,6 +65,7 @@
    "tailwind-merge": "2.4.0",
    "vue": "3.4.35",
    "vue-draggable-plus": "0.5.2",
+    "vue-grid-layout": "3.0.0-beta1",
    "vue-i18n": "9.13.1",
    "vue-router": "4.4.1",
    "vue3-sfc-loader": "^0.9.5"

--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/src/main.ts
+++ b/src/main.ts
 import { createApp } from 'vue';
+import VueGridLayout from 'vue-grid-layout';
 import './plugins/assets';
 import { localStg } from '@/utils/storage';
 // main.js or main.ts
@@ -62,6 +63,8 @@ async function setupApp() {
  // 启动计时器
  startInactivityTimer(app);

+  app.use(VueGridLayout);
+
  app.mount('#app');
 }


--- a/src/types/vue-grid-layout.d.ts
+++ b/src/types/vue-grid-layout.d.ts
+declare module 'vue-grid-layout' {
+  import { Plugin } from 'vue';
+
+  export const GridLayout: any;
+  export const GridItem: any;
+
+  const VueGridLayout: Plugin;
+  export default VueGridLayout;
+}