build: release v1.2.7

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@es-drager/root",
-  "version": "1.2.6",
+  "version": "1.2.7",
   "description": "A draggable, resizable, rotatable component based on vue3",
   "keywords": [
     "drag",

packages/docs/src/views/Home.vue

@@ -179,6 +179,10 @@ watch(
     .es-content {
       position: relative;
       flex: 1;
+      margin: 20px;
+      background-color: var(--es-color-bg);
+      box-shadow: var(--el-box-shadow);
+      height: calc(100% - var(--es-header-height) - 40px);
     }
   }
 }

packages/drager/package.json

@@ -1,6 +1,6 @@
 {
   "name": "es-drager",
-  "version": "1.2.6",
+  "version": "1.2.7",
   "description": "A draggable, resizable, rotatable component based on vue3",
   "keywords": [
     "drag",

packages/editor/src/components/editor/GridRect.vue

@@ -42,9 +42,11 @@
 </template>
 
 <script setup lang="ts">
-import { computed, inject } from 'vue'
+import { computed } from 'vue'
 import MColor from 'color'
 import { useId } from '../../utils'
+import { useEditorStore } from '../../store'
+const store = useEditorStore()
 const props = defineProps({
   grid: {
     // 小网格的大小
@@ -67,7 +69,6 @@ const props = defineProps({
   smallGridId: String,
   gridId: String
 })
-const theme = inject('theme')!
 
 const smallGridId = computed(() => props.smallGridId || useId('smallGrid'))
 const gridId = computed(() => props.gridId || useId('grid'))
@@ -87,7 +88,7 @@ const color = computed(() => {
     ['#e4e7ed', '#ebeef5'],
     ['#414243', '#363637']
   ]
-  const [bigGrid, grid] = colors[(theme as any).value === 'light' ? 0 : 1]
+  const [bigGrid, grid] = colors[store.theme === 'light' ? 0 : 1]
   return { bigGrid, grid }
 })
 

packages/editor/src/components/layout/index.vue

@@ -51,9 +51,6 @@ const props = defineProps({
 })
 
 const store = useEditorStore()
-const theme = computed(() => props.theme)
-
-provide('theme', theme)
 
 const mainRef = ref<HTMLElement>()
 const { commands } = useCommand(store)
@@ -193,6 +190,11 @@ function getData() {
 watch(() => props.data, () => {
   store.update(props.data)
 }, { immediate: true })
+watch(() => props.theme, () => {
+  if (props.theme) {
+    store.theme = props.theme
+  }
+}, { immediate: true })
 onMounted(() => {
   init()
 })

packages/editor/src/store/index.ts

@@ -7,6 +7,7 @@ interface EditorState {
   preview: Boolean
   initWidth: number
   initHeight: number
+  theme: string
 }
 
 const defaultData = {
@@ -23,14 +24,16 @@ const defaultData = {
   },
   elements: []
 }
+
 export const useEditorStore = defineStore('editor', {
   state: (): EditorState => {
     return {
       data: defaultData,
       current: {},
       preview: false,
       initWidth: 1180,
-      initHeight: 960
+      initHeight: 960,
+      theme: localStorage.getItem('theme') || 'light'
     }
   },
   actions: {

scripts/release.js

@@ -89,6 +89,7 @@ async function publishPackage(pkgName, version) {
   const pkgRoot = getPkgRoot(pkgName)
   const pkgPath = path.resolve(pkgRoot, 'package.json')
   const pkg = JSON.parse(fs.readFileSync(pkgPath, 'utf-8'))
+
   if (pkg.private) {
     return
   }
@@ -101,9 +102,15 @@ async function publishPackage(pkgName, version) {
 
     // execSync(`git commit -m "chore: release v${version}"`, { stdio: 'inherit' })
     // execSync(`git tag -a v${version} -m "v${version}"`, { stdio: 'inherit' })
+
+    // copy README.md
+    step(`copy README.md...`)
+    fs.cpSync(path.resolve(__dirname, '../README.md'), path.resolve(pkgRoot, 'README.md'))
+
     execSync('npm publish', { cwd: pkgRoot, stdio: 'inherit' })
 
     console.log(chalk.green(`Successfully published ${pkgName}@${version}`))
+    fs.unlinkSync(path.resolve(pkgRoot, 'README.md'))
   } catch (e) {
     if (e.stderr.match(/previously published/)) {
       console.log(chalk.red(`Skipping already published: ${pkgName}`))