diff --git a/package.json b/package.json
index 53dcf78..9cb3e41 100644
--- a/package.json
+++ b/package.json
@@ -39,7 +39,6 @@
     "vue": "^2.6.10",
     "vue-color": "^2.7.0",
     "vue-i18n": "^8.14.0",
-    "vuex": "^3.0.1",
     "x-highlight": "^1.0.5"
   },
   "devDependencies": {
diff --git a/src/Editor/Index.vue b/src/Editor/Index.vue
index 03056a7..9722eac 100644
--- a/src/Editor/Index.vue
+++ b/src/Editor/Index.vue
@@ -17,21 +17,19 @@
 
 <template>
   <div class="materials-editor" @click="handleEditorClick" @contextmenu.stop.prevent>
-    <ToolBar></ToolBar>
+    <ToolBar :editorData="editorData" :toolList="toolList" :currentItem="currentItem"></ToolBar>
     <Sketchpad></Sketchpad>
-    <PanelLeft></PanelLeft>
-    <PanelRight></PanelRight>
+    <PanelLeft :materialList="materialList"></PanelLeft>
+    <PanelRight :editorConfig="editorConfig" :toolList="toolList" :currentItem="currentItem"></PanelRight>
     <PreviewModel></PreviewModel>
-    <ContextMenu></ContextMenu>
+    <ContextMenu :editorData="editorData"></ContextMenu>
     <AboutXFC ref="aboutXFC"></AboutXFC>
-    <ShortcutList ref="shortcutList"></ShortcutList>
+    <ShortcutList ref="shortcutList" :toolList="toolList" :shortcutMap="shortcutMap"></ShortcutList>
     <History ref="history" @on-revert="doRevert"></History>
   </div>
 </template>
 
 <script>
-  import { mapGetters } from 'vuex'
-
   import ToolBar from './containers/ToolBar'
   import Sketchpad from './containers/Sketchpad'
   import PanelLeft from './containers/PanelLeft'
@@ -69,7 +67,12 @@
     },
     props: {
       tools: Object,
-      materials: Array
+      materials: Array,
+      // 操作日志最大存储条数，null 不限制
+      maxLogSize: {
+        type: Number,
+        default: 20
+      }
     },
     data () {
       return {
@@ -85,19 +88,44 @@
           data: null,
           // 粘贴计数器
           count: 0
-        }
+        },
+        // 工具列表
+        toolList: [],
+        // 快捷键列表
+        shortcutMap: {},
+        // 物料列表
+        materialList: [],
+        // 当前激活元素
+        currentItem: []
       }
     },
     computed: {
-      ...mapGetters([
-        'currentItem',
-        'toolList',
-        'log'
-      ])
+      editorData () {
+        return this.editor && this.editor.$D ? this.editor.$D : null
+      },
+      editorConfig () {
+        return this.editor && this.editor.$C ? this.editor.$C : null
+      }
     },
     methods: {
       init () {
         const _t = this
+        // 初始化存储数据
+        const { toolList, shortcutMap } = {
+          ..._t.$X.config.tools,
+          ..._t.tools
+        }
+        const materials = _t.materials || _t.$X.config.materials
+        _t.toolList = toolList
+        _t.shortcutMap = shortcutMap
+        _t.materialList = materials
+        _t.$X.utils.storage.set('toolList', toolList)
+        _t.$X.utils.storage.set('shortcutMap', shortcutMap)
+        _t.$X.utils.storage.set('materials', materials)
+        _t.$X.utils.storage.set('log', {
+          current: null,
+          list: []
+        })
         const el = _t.$el
         // 画板
         const sketchpad = el.querySelector('#sketchpad')
@@ -276,7 +304,7 @@
         // _t.editor.on('node:contextmenu', _t._nodeContextmenu)
         _t.editor.on('edge:mousedown', _t._edgeMousedown)
         _t.editor.on('editor:getItem', function (data) {
-          _t.$store.commit('editor/currentItem/update', data)
+          _t.currentItem = data
         })
         _t.editor.on('editor:setItem', function (data) {
           data.forEach((item, index) => {
@@ -304,7 +332,7 @@
         _t.editor.on('editor:record', function (from) {
           console.log('editor:record from', from)
           // 更新操作日志
-          _t.$store.commit('editor/log/update', {
+          _t.doUpdateLog({
             action: 'record',
             data: {
               time: new Date(),
@@ -316,20 +344,12 @@
         _t.bindShortcuts()
         // 绑定unload
         _t.bindUnload()
-        // 更新编辑器数据
-        const tools = _t.tools || _t.$X.config.tools
-        const materials = _t.materials || _t.$X.config.materials
-        _t.$store.commit('editor/init', {
-          instance: _t.editor,
-          ...tools,
-          materials
-        })
       },
       _canvasMousedown () {
         const _t = this
         _t.doClearAllStates()
         // 更新currentItem
-        _t.$store.commit('editor/currentItem/update', [])
+        _t.currentItem = []
       },
       _canvasMouseup () {
         // let _t = this
@@ -414,21 +434,25 @@
           _t.editor.zoomTo(ratio, center)
           // 处理选中，更新toolList
           const toolList = []
-          _t.toolList.forEach(target => {
-            if (target.enableTool) {
-              if (target.name === 'zoom') {
-                target.selected = null
-                target.custom = {
-                  ...target.custom,
-                  enable: true,
-                  label: (ratio * 1000 / 10) + '%',
-                  data: ratio
+          const toolListData = _t.$X.utils.storage.get('toolList')
+          if (Array.isArray(toolListData)) {
+            toolListData.forEach(target => {
+              if (target.enableTool) {
+                if (target.name === 'zoom') {
+                  target.selected = null
+                  target.custom = {
+                    ...target.custom,
+                    enable: true,
+                    label: (ratio * 1000 / 10) + '%',
+                    data: ratio
+                  }
                 }
+                toolList.push(target)
               }
-              toolList.push(target)
-            }
-          })
-          _t.$store.commit('editor/toolList/update', toolList)
+            })
+            _t.toolList = toolList
+            _t.$X.utils.storage.set('toolList', toolList)
+          }
         } else if (info.name === 'actualSize') {
           ratio = 1
           _t.editor.zoomTo(ratio, center)
@@ -466,18 +490,22 @@
         _t.editor.setMode(name)
         // 更新toolList
         const toolList = []
-        _t.toolList.forEach(item => {
-          if (item.enableTool) {
-            if (item.hasOwnProperty('enableMode') && Array.isArray(item.enableMode)) {
-              item.enable = item.enableMode.includes(name)
-            }
-            if (item.hasOwnProperty('disabledMode') && Array.isArray(item.disabledMode)) {
-              item.disabled = !item.disabledMode.includes(name)
+        const toolListData = _t.$X.utils.storage.get('toolList')
+        if (Array.isArray(toolListData)) {
+          toolListData.forEach(item => {
+            if (item.enableTool) {
+              if (item.hasOwnProperty('enableMode') && Array.isArray(item.enableMode)) {
+                item.enable = item.enableMode.includes(name)
+              }
+              if (item.hasOwnProperty('disabledMode') && Array.isArray(item.disabledMode)) {
+                item.disabled = !item.disabledMode.includes(name)
+              }
+              toolList.push(item)
             }
-            toolList.push(item)
-          }
-        })
-        _t.$store.commit('editor/toolList/update', toolList)
+          })
+          _t.toolList = toolList
+          _t.$X.utils.storage.set('toolList', toolList)
+        }
       },
       handleToolTrigger (info) {
         const _t = this
@@ -488,14 +516,15 @@
           case 'redo':
           case 'clearLog': {
             // 更新操作日志
-            _t.$store.commit('editor/log/update', {
+            _t.doUpdateLog({
               action: info.name
             })
             if (['undo', 'redo'].includes(info.name)) {
+              const log = _t.$X.utils.storage.get('log')
               _t.$nextTick(function () {
-                if (_t.log.list.length) {
-                  if (_t.log.current === 0) {
-                    const data = _t.log.list[0]
+                if (log.list.length) {
+                  if (log.current === 0) {
+                    const data = log.list[0]
                     if (data === null) {
                       // 清除
                       _t.editor.clear()
@@ -510,7 +539,7 @@
                       })
                     }
                   } else {
-                    const data = _t.log.list[_t.log.current]
+                    const data = log.list[log.current]
                     // 渲染
                     _t.editor.read(data.content)
                     _t.editor.paint()
@@ -522,7 +551,7 @@
                 }
               })
               // 更新currentItem
-              _t.$store.commit('editor/currentItem/update', [])
+              _t.currentItem = []
             }
             break
           }
@@ -584,7 +613,7 @@
               }
             })
             // 更新currentItem
-            _t.$store.commit('editor/currentItem/update', [])
+            _t.currentItem = []
             break
           }
           case 'zoom':
@@ -778,7 +807,7 @@
               content: _t.$t('L10201'),
               onOk: function () {
                 // 更新操作日志
-                _t.$store.commit('editor/log/update', {
+                _t.doUpdateLog({
                   action: 'clear'
                 })
                 _t.editor.clear()
@@ -786,7 +815,7 @@
               }
             })
             // 更新currentItem
-            _t.$store.commit('editor/currentItem/update', [])
+            _t.currentItem = []
             break
           }
           case 'toFront':
@@ -838,7 +867,7 @@
                       // 清空画布
                       _t.editor.clear()
                       // 更新currentItem
-                      _t.$store.commit('editor/currentItem/update', [])
+                      _t.currentItem = []
                       // 设置数据
                       _t.editor.data(fileJson)
                       // 渲染
@@ -861,7 +890,7 @@
                       })
                       // 加载数据后保存记录
                       // 更新操作日志
-                      _t.$store.commit('editor/log/update', {
+                      _t.doUpdateLog({
                         action: 'loadData',
                         data: {
                           time: new Date(),
@@ -880,7 +909,7 @@
             break
           }
           case 'download': {
-            const fileName = _t.$X.config.system.title + '_' + _t.$X.utils.filters.formatDate(new Date(), 'YYYYMMDDhhmmss')
+            const fileName = _t.$X.config.system.libName + '_' + _t.$X.utils.filters.formatDate(new Date(), 'YYYYMMDDhhmmss')
             if (info.data === 'image') {
               _t.editor.downloadImage(fileName)
             } else if (info.data === 'json') {
@@ -1013,24 +1042,28 @@
         if (info.type === 'dropdown-list') {
           // 处理选中，更新toolList
           const toolList = []
-          _t.toolList.forEach(target => {
-            if (target.enableTool) {
-              if (target.name === info.name) {
-                target.selected = info.selected
-                // 更新自定义值
-                if (target.hasOwnProperty('custom')) {
-                  target.custom = {
-                    ...target.custom,
-                    enable: false,
-                    label: '',
-                    data: ''
+          const toolListData = _t.$X.utils.storage.get('toolList')
+          if (Array.isArray(toolListData)) {
+            toolListData.forEach(target => {
+              if (target.enableTool) {
+                if (target.name === info.name) {
+                  target.selected = info.selected
+                  // 更新自定义值
+                  if (target.hasOwnProperty('custom')) {
+                    target.custom = {
+                      ...target.custom,
+                      enable: false,
+                      label: '',
+                      data: ''
+                    }
                   }
                 }
+                toolList.push(target)
               }
-              toolList.push(target)
-            }
-          })
-          _t.$store.commit('editor/toolList/update', toolList)
+            })
+            _t.toolList = toolList
+            _t.$X.utils.storage.set('toolList', toolList)
+          }
         }
       },
       initInfo (data = {}) {
@@ -1042,23 +1075,26 @@
       },
       bindShortcuts () {
         const _t = this
-        _t.toolList.forEach(item => {
-          if (item.enableTool && item.shortcuts) {
-            Mousetrap.bind(item.shortcuts.key, function (e) {
-              if (e.preventDefault) {
-                e.preventDefault()
-              } else {
-                // internet explorer
-                e.returnValue = false
-              }
-              _t.handleToolTrigger({
-                name: item.name,
-                data: {}
+        const toolListData = _t.$X.utils.storage.get('toolList')
+        if (Array.isArray(toolListData)) {
+          toolListData.forEach(item => {
+            if (item.enableTool && item.shortcuts) {
+              Mousetrap.bind(item.shortcuts.key, function (e) {
+                if (e.preventDefault) {
+                  e.preventDefault()
+                } else {
+                  // internet explorer
+                  e.returnValue = false
+                }
+                _t.handleToolTrigger({
+                  name: item.name,
+                  data: {}
+                })
+                return false
               })
-              return false
-            })
-          }
-        })
+            }
+          })
+        }
         // 绑定按键事件
         document.addEventListener('keyup', function () {
           _t.$X.utils.bus.$emit('editor/contextmenu/close')
@@ -1083,7 +1119,7 @@
         // 清空画布
         _t.editor.clear()
         // 更新currentItem
-        _t.$store.commit('editor/currentItem/update', [])
+        _t.currentItem = []
         // 设置数据
         _t.editor.data(data)
         // 渲染
@@ -1102,13 +1138,94 @@
         })
         // 加载数据后保存记录
         // 更新操作日志
-        _t.$store.commit('editor/log/update', {
+        _t.doUpdateLog({
           action: 'loadData',
           data: {
             time: new Date(),
             content: _t.editor.save()
           }
         })
+      },
+      // 更新log
+      doUpdateLog (data) {
+        const _t = this
+        if (!data.hasOwnProperty('action') || !data.action) {
+          return
+        }
+        const oldLog = JSON.parse(JSON.stringify(_t.$X.utils.storage.get('log')))
+        const log = {
+          current: null,
+          list: []
+        }
+        switch (data.action) {
+          // 记录
+          case 'record':
+            if (data.data) {
+              if (oldLog.current === null) {
+                oldLog.list = []
+              } else if (oldLog.list.length - 1 > oldLog.current) {
+                const removeCount = oldLog.list.length - 1 - oldLog.current
+                oldLog.list.splice(oldLog.current + 1, removeCount)
+              }
+              if (_t.maxLogSize !== null && oldLog.list.length > _t.maxLogSize) {
+                oldLog.list.splice(0, 1)
+              }
+              log.list = [
+                ...oldLog.list,
+                JSON.parse(JSON.stringify(data.data))
+              ]
+              log.current = log.list.length - 1
+            }
+            break
+          // 撤销
+          case 'undo':
+            log.list = [
+              ...oldLog.list
+            ]
+            log.current = oldLog.current - 1 < 0 ? 0 : oldLog.current - 1
+            break
+          // 重做
+          case 'redo':
+            log.list = [
+              ...oldLog.list
+            ]
+            if (oldLog.current === null) {
+              log.current = oldLog.list.length ? 0 : null
+            } else {
+              log.current = oldLog.current + 1 > oldLog.list.length - 1 ? oldLog.list.length - 1 : oldLog.current + 1
+            }
+            break
+          // 清空
+          case 'clearLog':
+            log.list = [
+              oldLog.list[oldLog.current]
+            ]
+            log.current = 0
+            break
+          case 'loadData':
+            if (data.data) {
+              if (oldLog.current === null) {
+                log.list = [
+                  JSON.parse(JSON.stringify(data.data))
+                ]
+              } else {
+                if (oldLog.list.length - 1 > oldLog.current) {
+                  const removeCount = oldLog.list.length - 1 - oldLog.current
+                  oldLog.list.splice(oldLog.current + 1, removeCount)
+                }
+                if (_t.maxLogSize !== null && oldLog.list.length > _t.maxLogSize) {
+                  oldLog.list.splice(0, 1)
+                }
+                log.list = [
+                  ...oldLog.list,
+                  JSON.parse(JSON.stringify(data.data))
+                ]
+              }
+              log.current = log.list.length - 1
+            }
+            break
+        }
+        _t.$X.utils.storage.set('log', log)
       }
     },
     created () {
diff --git a/src/Editor/components/Options.vue b/src/Editor/components/Options.vue
index 3ef77f5..c594f82 100644
--- a/src/Editor/components/Options.vue
+++ b/src/Editor/components/Options.vue
@@ -390,7 +390,6 @@
 </template>
 
 <script>
-  import { mapGetters } from 'vuex'
   import CardItem from './CardItem'
 
   export default {
@@ -398,6 +397,11 @@
     components: {
       CardItem
     },
+    props: {
+      editorConfig: Object,
+      toolList: Array,
+      currentItem: Array
+    },
     data () {
       return {
         firstItem: null,
@@ -427,17 +431,12 @@
       }
     },
     computed: {
-      ...mapGetters([
-        'editor',
-        'currentItem',
-        'toolList'
-      ]),
       lineDashList () {
         const _t = this
-        const edgeConfig = _t.editor.$C.edge
+        const edgeConfig = _t.editorConfig ? _t.editorConfig.edge : null
         const lineDash = _t.toolList.find(item => item.enableTool && item.name === 'lineDash')
         const list = []
-        if (lineDash && lineDash.enable && lineDash.children) {
+        if (edgeConfig && lineDash && lineDash.enable && lineDash.children) {
           lineDash.children.forEach(item => {
             if (item.enable) {
               const typeData = edgeConfig.type[item.name]
diff --git a/src/Editor/containers/ContextMenu.vue b/src/Editor/containers/ContextMenu.vue
index 424a18d..5b37a7f 100644
--- a/src/Editor/containers/ContextMenu.vue
+++ b/src/Editor/containers/ContextMenu.vue
@@ -227,8 +227,6 @@
 </template>
 
 <script>
-  import { mapGetters } from 'vuex'
-
   import ToolBox from '../components/ToolBox/Index'
   import ToolItem from '../components/ToolBox/ToolItem'
 
@@ -238,23 +236,21 @@
       ToolBox,
       ToolItem
     },
+    props: {
+      editorData: Object,
+      toolList: Array,
+      currentItem: Array
+    },
     data () {
       return {
         isShow: false,
         activeMenu: '',
         options: null,
         contextMenuList: [],
-        formData: this.editor ? { ...this.editor.$D } : {},
+        formData: this.editorData ? { ...this.editorData } : {},
         contextMenuStyle: {}
       }
     },
-    computed: {
-      ...mapGetters([
-        'editor',
-        'currentItem',
-        'toolList'
-      ])
-    },
     methods: {
       handleContextMenuList () {
         const _t = this
diff --git a/src/Editor/containers/History.vue b/src/Editor/containers/History.vue
index 421fa5a..623d945 100644
--- a/src/Editor/containers/History.vue
+++ b/src/Editor/containers/History.vue
@@ -42,7 +42,7 @@
 <template>
   <Modal class-name="history-model" v-model="isShow" width="660" @on-cancel="doHide">
     <div class="body">
-      <template v-if="log.list.length">
+      <template v-if="log && log.list.length">
         <div class="history-list">
           <div
             v-for="(item, index) in log.list"
@@ -66,7 +66,6 @@
 </template>
 
 <script>
-  import { mapGetters } from 'vuex'
   import G6 from '@antv/g6'
   export default {
     name: 'History',
@@ -74,15 +73,14 @@
       return {
         isShow: false,
         editor: null,
-        currentIndex: null
+        currentIndex: null,
+        log: null
       }
     },
-    computed: {
-      ...mapGetters(['log'])
-    },
     methods: {
       show () {
         const _t = this
+        _t.getLog()
         _t.isShow = true
         _t.$nextTick(function () {
           _t.toggleLog(0)
@@ -99,6 +97,9 @@
       },
       doRevert () {
         const _t = this
+        if (!_t.log) {
+          return
+        }
         const item = _t.log.list[_t.currentIndex]
         if (!item) {
           return
@@ -106,8 +107,15 @@
         _t.$emit('on-revert', item.content)
         _t.doHide()
       },
+      getLog () {
+        const _t = this
+        _t.log = _t.$X.utils.storage.get('log')
+      },
       toggleLog (index) {
         const _t = this
+        if (!_t.log) {
+          return
+        }
         const el = _t.$el
         _t.currentIndex = index
         const item = _t.log.list[_t.currentIndex]
@@ -132,6 +140,13 @@
         }
         _t.editor.data(item.content)
         _t.editor.render()
+        const width = _t.editor.get('width')
+        const height = _t.editor.get('height')
+        const center = {
+          x: width / 2,
+          y: height / 2
+        }
+        _t.editor.zoomTo(1, center)
       }
     }
   }
diff --git a/src/Editor/containers/PanelLeft.vue b/src/Editor/containers/PanelLeft.vue
index ad734fb..cfd48c5 100644
--- a/src/Editor/containers/PanelLeft.vue
+++ b/src/Editor/containers/PanelLeft.vue
@@ -18,7 +18,7 @@
 <template>
   <CardBox class="panel-left" placement="left" position="right" :width="250" :title="$t('L10300')" @expand="toggleHandler">
     <CardItem
-      v-for="(item, index) in materialList"
+      v-for="(item, index) in materials"
       :key="index"
       :title="$t(item.lang) || item.label"
       :enableFold="true"
@@ -36,8 +36,6 @@
 </template>
 
 <script>
-  import { mapGetters } from 'vuex'
-
   import CardBox from '../components/CardBox'
   import CardItem from '../components/CardItem'
   import NodeElement from '../components/NodeElement'
@@ -49,15 +47,15 @@
       CardItem,
       NodeElement
     },
+    props: {
+      materialList: Array
+    },
     data () {
       return {}
     },
     computed: {
-      ...mapGetters([
-        'materials'
-      ]),
-      materialList () {
-        return this.materials.filter(item => item.enable)
+      materials () {
+        return this.materialList.filter(item => item.enable)
       }
     },
     methods: {
diff --git a/src/Editor/containers/PanelRight.vue b/src/Editor/containers/PanelRight.vue
index a0507f5..d90d24f 100644
--- a/src/Editor/containers/PanelRight.vue
+++ b/src/Editor/containers/PanelRight.vue
@@ -9,7 +9,7 @@
 <template>
   <CardBox placement="right" position="left" :width="360" :title="$t('L10100')" @expand="toggleHandler">
     <CardItem :title="$t('L10101')" :enableFold="true" :bold="true">
-      <Options></Options>
+      <Options :editorConfig="editorConfig" :toolList="toolList" :currentItem="currentItem"></Options>
     </CardItem>
     <CardItem :title="$t('L10102')" :enableFold="true" :bold="true">
       <Navigator></Navigator>
@@ -31,6 +31,11 @@
       Options,
       Navigator
     },
+    props: {
+      editorConfig: Object,
+      toolList: Array,
+      currentItem: Array
+    },
     methods: {
       toggleHandler (data) {
         const _t = this
diff --git a/src/Editor/containers/ShortcutList.vue b/src/Editor/containers/ShortcutList.vue
index 510436d..7171f5b 100644
--- a/src/Editor/containers/ShortcutList.vue
+++ b/src/Editor/containers/ShortcutList.vue
@@ -20,19 +20,18 @@
 </template>
 
 <script>
-  import { mapGetters } from 'vuex'
   export default {
     name: 'ShortcutList',
+    props: {
+      toolList: Array,
+      shortcutMap: Object
+    },
     data () {
       return {
         isShow: false
       }
     },
     computed: {
-      ...mapGetters([
-        'shortcutMap',
-        'toolList'
-      ]),
       tableColumns () {
         return [
           {
diff --git a/src/Editor/containers/ToolBar.vue b/src/Editor/containers/ToolBar.vue
index 8463fd2..babcc5f 100644
--- a/src/Editor/containers/ToolBar.vue
+++ b/src/Editor/containers/ToolBar.vue
@@ -239,8 +239,6 @@
 </template>
 
 <script>
-  import { mapGetters } from 'vuex'
-
   import Handler from '../components/Handler'
   import ToolBox from '../components/ToolBox/Index'
   import ToolItem from '../components/ToolBox/ToolItem'
@@ -252,19 +250,19 @@
       ToolBox,
       ToolItem
     },
+    props: {
+      editorData: Object,
+      toolList: Array,
+      currentItem: Array
+    },
     data () {
       return {
-        formData: this.editor ? { ...this.editor.$D } : {},
+        formData: this.editorData ? { ...this.editorData } : {},
         // 是否展开
         isExpand: true
       }
     },
     computed: {
-      ...mapGetters([
-        'editor',
-        'currentItem',
-        'toolList'
-      ]),
       toolBarStyle () {
         const _t = this
         const style = {}
diff --git a/src/config/system.js b/src/config/system.js
index 4d9bdac..eb3fa63 100644
--- a/src/config/system.js
+++ b/src/config/system.js
@@ -9,6 +9,7 @@ export default {
   name,
   author,
   description,
+  libName: 'xfc',
   title: 'XFC',
   subtitle: 'XFC',
   minTitle: 'XFC',
diff --git a/src/global/utils/index.js b/src/global/utils/index.js
index 8300ad5..8dad945 100644
--- a/src/global/utils/index.js
+++ b/src/global/utils/index.js
@@ -8,11 +8,13 @@ import bus from './bus'
 import filters from './filters'
 import sort from './sort'
 import file from './file'
+import storage from './storage'
 
 export default {
   bus,
   filters,
   // 排序
   sort,
-  file
+  file,
+  storage
 }
diff --git a/src/global/utils/storage.js b/src/global/utils/storage.js
new file mode 100644
index 0000000..ca81e6a
--- /dev/null
+++ b/src/global/utils/storage.js
@@ -0,0 +1,103 @@
+/**
+ * Created by yangfan on 2020/6/29
+ *
+ * 本地存储
+ */
+import system from '@/config/system'
+
+const getKey = function (key, prefix = system.libName, separator = '-') {
+  return [prefix, key].join(separator)
+}
+export default {
+  get (key, prefix, separator) {
+    if (!key) {
+      return
+    }
+    const handler = function (key) {
+      const value = sessionStorage.getItem(key)
+      if (!value) {
+        return
+      }
+      const { type, data } = JSON.parse(value)
+      let ret
+      switch (type) {
+        case 'string':
+        case 'number':
+        case 'boolean':
+          ret = data
+          break
+        case 'object':
+          ret = JSON.parse(data)
+          break
+        default:
+          ret = data
+      }
+      return ret
+    }
+    if (Array.isArray(key)) {
+      const ret = {}
+      key.forEach(key => {
+        key = getKey(key, prefix, separator)
+        ret[key] = handler(key)
+      })
+      return ret
+    } else if (typeof key === 'object') {
+      const ret = {}
+      Object.entries(key).forEach(item => {
+        let aliasKey = item[0]
+        const key = item[1]
+        aliasKey = getKey(aliasKey, prefix, separator)
+        ret[aliasKey] = handler(key)
+      })
+      return ret
+    } else {
+      key = getKey(key, prefix, separator)
+      return handler(key)
+    }
+  },
+  set (key, data, prefix, separator) {
+    if (!key) {
+      return
+    }
+    key = getKey(key, prefix, separator)
+    const type = typeof data
+    let value
+    switch (type) {
+      case 'string':
+      case 'number':
+      case 'boolean':
+        value = {
+          type,
+          data
+        }
+        break
+      case 'object':
+        value = {
+          type,
+          data: JSON.stringify(data)
+        }
+        break
+      default:
+        value = {
+          type,
+          data: data.hasOwnProperty('toString') && typeof data.toString === 'function' ? data.toString() : data + ''
+        }
+    }
+    sessionStorage.setItem(key, JSON.stringify(value))
+  },
+  remove (key, prefix, separator) {
+    key = getKey(key, prefix, separator)
+    sessionStorage.removeItem(key)
+  },
+  clear (prefix) {
+    if (prefix) {
+      Object.keys(sessionStorage).forEach(key => {
+        if (key.startsWith(prefix)) {
+          sessionStorage.removeItem(key)
+        }
+      })
+    } else {
+      sessionStorage.clear()
+    }
+  }
+}
diff --git a/src/store.js b/src/store.js
deleted file mode 100644
index ceede71..0000000
--- a/src/store.js
+++ /dev/null
@@ -1,129 +0,0 @@
-import Vue from 'vue'
-import Vuex from 'vuex'
-
-Vue.use(Vuex)
-
-export default new Vuex.Store({
-  state: {
-    xfc: {
-      // 编辑器实例
-      instance: null,
-      currentItem: [],
-      // 最大操作日志数，null 不限制
-      maxLog: null,
-      // 操作日志
-      log: {
-        current: null,
-        list: []
-      },
-      // 工具列表
-      toolList: [],
-      // 快捷键列表
-      shortcutMap: {},
-      // 物料列表
-      materials: []
-    }
-  },
-  mutations: {
-    'editor/init': (state, data) => {
-      state.xfc = {
-        ...state.xfc,
-        ...data
-      }
-    },
-    'editor/currentItem/update': (state, data) => {
-      state.xfc.currentItem = data
-    },
-    'editor/toolList/update': (state, data) => {
-      state.xfc.toolList = data
-    },
-    'editor/log/update': (state, data) => {
-      if (!data.hasOwnProperty('action') || !data.action) {
-        return
-      }
-      const oldLog = state.xfc.log
-      const maxLog = state.xfc.maxLog
-      const log = {
-        current: null,
-        list: []
-      }
-      switch (data.action) {
-        // 记录
-        case 'record':
-          if (data.data) {
-            if (oldLog.current === null) {
-              oldLog.list = []
-            } else if (oldLog.list.length - 1 > oldLog.current) {
-              const removeCount = oldLog.list.length - 1 - oldLog.current
-              oldLog.list.splice(oldLog.current + 1, removeCount)
-            }
-            if (maxLog !== null && oldLog.list.length > maxLog) {
-              oldLog.list.splice(0, 1)
-            }
-            log.list = [
-              ...oldLog.list,
-              JSON.parse(JSON.stringify(data.data))
-            ]
-            log.current = log.list.length - 1
-          }
-          break
-        // 撤销
-        case 'undo':
-          log.list = [
-            ...oldLog.list
-          ]
-          log.current = oldLog.current - 1 < 0 ? 0 : oldLog.current - 1
-          break
-        // 重做
-        case 'redo':
-          log.list = [
-            ...oldLog.list
-          ]
-          if (oldLog.current === null) {
-            log.current = oldLog.list.length ? 0 : null
-          } else {
-            log.current = oldLog.current + 1 > oldLog.list.length - 1 ? oldLog.list.length - 1 : oldLog.current + 1
-          }
-          break
-        // 清空
-        case 'clearLog':
-          log.list = [
-            oldLog.list[oldLog.current]
-            ]
-          log.current = 0
-          break
-        case 'loadData':
-          if (data.data) {
-            if (oldLog.current === null) {
-              log.list = [
-                JSON.parse(JSON.stringify(data.data))
-              ]
-            } else {
-              if (oldLog.list.length - 1 > oldLog.current) {
-                const removeCount = oldLog.list.length - 1 - oldLog.current
-                oldLog.list.splice(oldLog.current + 1, removeCount)
-              }
-              if (maxLog !== null && oldLog.list.length > maxLog) {
-                oldLog.list.splice(0, 1)
-              }
-              log.list = [
-                ...oldLog.list,
-                JSON.parse(JSON.stringify(data.data))
-              ]
-            }
-            log.current = log.list.length - 1
-          }
-          break
-      }
-      state.xfc.log = log
-    }
-  },
-  getters: {
-    editor: state => state.xfc.instance,
-    currentItem: state => state.xfc.currentItem,
-    toolList: state => state.xfc.toolList,
-    shortcutMap: state => state.xfc.shortcutMap,
-    materials: state => state.xfc.materials,
-    log: state => state.xfc.log
-  }
-})
diff --git a/src/xfc.js b/src/xfc.js
index 4d37ad4..4be5a79 100644
--- a/src/xfc.js
+++ b/src/xfc.js
@@ -5,7 +5,7 @@
  */
 import Vue from 'vue'
 import Editor from './Editor/Index'
-import store from './store'
+// import store from './store'
 import i18n from './i18n'
 import * as Cookies from 'js-cookie'
 import './registerServiceWorker'
@@ -50,7 +50,7 @@ export default function (options) {
   if (el) {
     new Vue({
       i18n: i18nInstance,
-      store,
+      // store,
       render: h => h(Editor, {
         props
       })