pref: config tailwindcss purge. (halo-dev/console#288)

src/components/Attachment/AttachmentSelectDrawer.vue

@@ -87,7 +87,7 @@
 </template>
 
 <script>
-import { mixin, mixinDevice } from '@/utils/mixin.js'
+import { mixin, mixinDevice } from '@/mixins/mixin.js'
 import attachmentApi from '@/api/attachment'
 
 export default {

src/components/GlobalHeader/GlobalHeader.vue

@@ -62,7 +62,7 @@
 import UserMenu from '../Tools/UserMenu'
 import SMenu from '../Menu/'
 import Logo from '../Tools/Logo'
-import { mixin } from '@/utils/mixin'
+import { mixin } from '@/mixins/mixin'
 
 export default {
   name: 'GlobalHeader',

src/components/Menu/SideMenu.vue

@@ -21,7 +21,7 @@
 <script>
 import Logo from '@/components/Tools/Logo'
 import SMenu from './index'
-import { mixin, mixinDevice } from '@/utils/mixin'
+import { mixin, mixinDevice } from '@/mixins/mixin'
 
 export default {
   name: 'SideMenu',

src/components/SettingDrawer/SettingDrawer.vue

@@ -193,7 +193,7 @@
 import SettingItem from '@/components/SettingDrawer/SettingItem'
 import config from '@/config/defaultSettings'
 import { updateTheme, colorList } from './setting'
-import { mixin, mixinDevice } from '@/utils/mixin'
+import { mixin, mixinDevice } from '@/mixins/mixin'
 import { mapActions, mapGetters } from 'vuex'
 
 export default {

src/layouts/BasicLayout.vue

@@ -64,7 +64,7 @@
 <script>
 import { triggerWindowResizeEvent } from '@/utils/util'
 import { mapState, mapActions } from 'vuex'
-import { mixin, mixinDevice } from '@/utils/mixin'
+import { mixin, mixinDevice } from '@/mixins/mixin'
 import config from '@/config/defaultSettings'
 import { asyncRouterMap } from '@/config/router.config.js'
 

src/main.js

@@ -6,10 +6,10 @@ import Contextmenu from 'vue-contextmenujs'
 import store from './store/'
 import './logger'
 
-import '@/assets/css/tailwind.css'
+import '@/styles/tailwind.css'
 import './core/lazy_use'
-import './permission'
-import '@/utils/filter' // global filter
+import '@/router/guard/'
+import '@/filters/filter' // global filter
 import './components'
 import { version } from '../package.json'
 

src/router/guard/index.js

@@ -0,0 +1 @@
+import './permissionGuard'

src/router/guard/permissionGuard.js

@@ -1,7 +1,7 @@
 import Vue from 'vue'
-import router from './router'
-import store from './store'
-import NProgress from 'nprogress' // progress bar
+import router from '@/router'
+import store from '@/store'
+import NProgress from 'nprogress'
 import { setDocumentTitle, domTitle } from '@/utils/domUtil'
 import adminApi from '@api/admin'
 

src/store/modules/app.js

@@ -48,7 +48,6 @@ const app = {
       state.device = device
     },
     TOGGLE_THEME: (state, theme) => {
-      // setStore('_DEFAULT_THEME', theme)
       Vue.ls.set(DEFAULT_THEME, theme)
       state.theme = theme
     },

src/utils/permissions.js

@@ -1,8 +0,0 @@
-export function actionToObject(json) {
-  try {
-    return JSON.parse(json)
-  } catch (e) {
-    this.$log.debug('err', e.message)
-  }
-  return []
-}

src/utils/storage.js

@@ -1,77 +0,0 @@
-/**
- * Set storage
- *
- * @param name
- * @param content
- * @param maxAge
- */
-export const setStore = (name, content, maxAge = null) => {
-  if (!global.window || !name) {
-    return
-  }
-
-  if (typeof content !== 'string') {
-    content = JSON.stringify(content)
-  }
-
-  const storage = global.window.localStorage
-
-  storage.setItem(name, content)
-  if (maxAge && !isNaN(parseInt(maxAge))) {
-    const timeout = parseInt(new Date().getTime() / 1000)
-    storage.setItem(`${name}_expire`, timeout + maxAge)
-  }
-}
-
-/**
- * Get storage
- *
- * @param name
- * @returns {*}
- */
-export const getStore = name => {
-  if (!global.window || !name) {
-    return
-  }
-
-  const content = window.localStorage.getItem(name)
-  const _expire = window.localStorage.getItem(`${name}_expire`)
-
-  if (_expire) {
-    const now = parseInt(new Date().getTime() / 1000)
-    if (now > _expire) {
-      return
-    }
-  }
-
-  try {
-    return JSON.parse(content)
-  } catch (e) {
-    return content
-  }
-}
-
-/**
- * Clear storage
- *
- * @param name
- */
-export const clearStore = name => {
-  if (!global.window || !name) {
-    return
-  }
-
-  window.localStorage.removeItem(name)
-  window.localStorage.removeItem(`${name}_expire`)
-}
-
-/**
- * Clear all storage
- */
-export const clearAll = () => {
-  if (!global.window || !name) {
-    return
-  }
-
-  window.localStorage.clear()
-}

src/views/attachment/AttachmentList.vue

@@ -197,7 +197,7 @@
 </template>
 
 <script>
-import { mixin, mixinDevice } from '@/utils/mixin.js'
+import { mixin, mixinDevice } from '@/mixins/mixin.js'
 import { PageView } from '@/layouts'
 import AttachmentDetailDrawer from './components/AttachmentDetailDrawer'
 import attachmentApi from '@/api/attachment'

src/views/attachment/components/AttachmentDetailDrawer.vue

@@ -159,7 +159,7 @@
 </template>
 
 <script>
-import { mixin, mixinDevice } from '@/utils/mixin.js'
+import { mixin, mixinDevice } from '@/mixins/mixin.js'
 import attachmentApi from '@/api/attachment'
 import photoApi from '@/api/photo'
 import 'vue-dplayer/dist/vue-dplayer.css'

src/views/attachment/components/AttachmentDrawer.vue

@@ -88,7 +88,7 @@
 </template>
 
 <script>
-import { mixin, mixinDevice } from '@/utils/mixin.js'
+import { mixin, mixinDevice } from '@/mixins/mixin.js'
 import AttachmentDetailDrawer from './AttachmentDetailDrawer'
 import attachmentApi from '@/api/attachment'
 

src/views/comment/components/CommentDetail.vue

@@ -121,7 +121,7 @@
   </a-drawer>
 </template>
 <script>
-import { mixin, mixinDevice } from '@/utils/mixin.js'
+import { mixin, mixinDevice } from '@/mixins/mixin.js'
 import commentApi from '@/api/comment'
 export default {
   name: 'CommentDetail',

src/views/comment/components/CommentTab.vue

@@ -439,7 +439,7 @@
   </div>
 </template>
 <script>
-import { mixin, mixinDevice } from '@/utils/mixin.js'
+import { mixin, mixinDevice } from '@/mixins/mixin.js'
 import CommentDetail from './CommentDetail'
 import marked from 'marked'
 import commentApi from '@/api/comment'

src/views/comment/components/TargetCommentDrawer.vue

@@ -97,7 +97,7 @@
   </a-drawer>
 </template>
 <script>
-import { mixin, mixinDevice } from '@/utils/mixin.js'
+import { mixin, mixinDevice } from '@/mixins/mixin.js'
 import TargetCommentTree from './TargetCommentTree'
 import commentApi from '@/api/comment'
 export default {

src/views/dashboard/components/LogListDrawer.vue

@@ -64,7 +64,7 @@
 </template>
 
 <script>
-import { mixin, mixinDevice } from '@/utils/mixin.js'
+import { mixin, mixinDevice } from '@/mixins/mixin.js'
 import logApi from '@/api/log'
 export default {
   name: 'LogListDrawer',

src/views/interface/components/ThemeSettingDrawer.vue

@@ -234,7 +234,7 @@
   </a-drawer>
 </template>
 <script>
-import { mixin, mixinDevice } from '@/utils/mixin.js'
+import { mixin, mixinDevice } from '@/mixins/mixin.js'
 import { mapGetters } from 'vuex'
 import FooterToolBar from '@/components/FooterToolbar'
 import Verte from 'verte'

src/views/post/CategoryList.vue

@@ -230,7 +230,7 @@
 
 <script>
 import { PageView } from '@/layouts'
-import { mixin, mixinDevice } from '@/utils/mixin.js'
+import { mixin, mixinDevice } from '@/mixins/mixin.js'
 import CategorySelectTree from './components/CategorySelectTree'
 import categoryApi from '@/api/category'
 

src/views/post/PostEdit.vue

@@ -74,7 +74,7 @@
 </template>
 
 <script>
-import { mixin, mixinDevice } from '@/utils/mixin.js'
+import { mixin, mixinDevice } from '@/mixins/mixin.js'
 // import { mapGetters } from 'vuex'
 import { datetimeFormat } from '@/utils/datetime'
 

src/views/post/PostList.vue

@@ -519,7 +519,7 @@
 </template>
 
 <script>
-import { mixin, mixinDevice } from '@/utils/mixin.js'
+import { mixin, mixinDevice } from '@/mixins/mixin.js'
 import { PageView } from '@/layouts'
 import PostSettingDrawer from './components/PostSettingDrawer'
 import TargetCommentDrawer from '../comment/components/TargetCommentDrawer'

src/views/post/components/PostSettingDrawer.vue

@@ -317,7 +317,7 @@ import CategorySelectTree from './CategorySelectTree'
 import TagSelect from './TagSelect'
 
 // libs
-import { mixin, mixinDevice } from '@/utils/mixin.js'
+import { mixin, mixinDevice } from '@/mixins/mixin.js'
 import { datetimeFormat } from '@/utils/datetime'
 import pinyin from 'tiny-pinyin'
 import { mapGetters } from 'vuex'

src/views/sheet/SheetEdit.vue

@@ -70,7 +70,7 @@
 </template>
 
 <script>
-import { mixin, mixinDevice } from '@/utils/mixin.js'
+import { mixin, mixinDevice } from '@/mixins/mixin.js'
 // import { mapGetters } from 'vuex'
 import { datetimeFormat } from '@/utils/datetime'
 import { PageView } from '@/layouts'

src/views/sheet/components/CustomSheetList.vue

@@ -309,7 +309,7 @@
   </div>
 </template>
 <script>
-import { mixin, mixinDevice } from '@/utils/mixin.js'
+import { mixin, mixinDevice } from '@/mixins/mixin.js'
 import SheetSettingDrawer from './SheetSettingDrawer'
 import TargetCommentDrawer from '../../comment/components/TargetCommentDrawer'
 import sheetApi from '@/api/sheet'

src/views/sheet/components/IndependentSheetList.vue

@@ -101,7 +101,7 @@
   </div>
 </template>
 <script>
-import { mixin, mixinDevice } from '@/utils/mixin.js'
+import { mixin, mixinDevice } from '@/mixins/mixin.js'
 import sheetApi from '@/api/sheet'
 const independentColumns = [
   {

src/views/sheet/components/SheetSettingDrawer.vue

@@ -231,7 +231,7 @@
 </template>
 <script>
 // libs
-import { mixin, mixinDevice } from '@/utils/mixin.js'
+import { mixin, mixinDevice } from '@/mixins/mixin.js'
 import { datetimeFormat } from '@/utils/datetime'
 import { mapGetters } from 'vuex'
 import pinyin from 'tiny-pinyin'

src/views/sheet/independent/JournalList.vue

@@ -262,7 +262,7 @@
 import { PageView } from '@/layouts'
 import TargetCommentDrawer from '../../comment/components/TargetCommentDrawer'
 import AttachmentDrawer from '../../attachment/components/AttachmentDrawer'
-import { mixin, mixinDevice } from '@/utils/mixin.js'
+import { mixin, mixinDevice } from '@/mixins/mixin.js'
 import { mapGetters, mapActions } from 'vuex'
 import journalApi from '@/api/journal'
 import optionApi from '@/api/option'

src/views/sheet/independent/LinkList.vue

@@ -266,7 +266,7 @@
 <script>
 import { PageView } from '@/layouts'
 import { mapActions } from 'vuex'
-import { mixin, mixinDevice } from '@/utils/mixin.js'
+import { mixin, mixinDevice } from '@/mixins/mixin.js'
 import optionApi from '@/api/option'
 import linkApi from '@/api/link'
 const columns = [

src/views/sheet/independent/PhotoList.vue

@@ -278,7 +278,7 @@
 <script>
 import { PageView } from '@/layouts'
 import { mapActions } from 'vuex'
-import { mixin, mixinDevice } from '@/utils/mixin.js'
+import { mixin, mixinDevice } from '@/mixins/mixin.js'
 import photoApi from '@/api/photo'
 import optionApi from '@/api/option'
 import { datetimeFormat } from '@/utils/datetime'

src/views/system/components/BackupWorkDirDrawer.vue

@@ -79,7 +79,7 @@
   </a-drawer>
 </template>
 <script>
-import { mixin, mixinDevice } from '@/utils/mixin.js'
+import { mixin, mixinDevice } from '@/mixins/mixin.js'
 import backupApi from '@/api/backup'
 export default {
   name: 'BackupWorkDirDrawer',

src/views/system/components/ExportDataDrawer.vue

@@ -79,7 +79,7 @@
   </a-drawer>
 </template>
 <script>
-import { mixin, mixinDevice } from '@/utils/mixin.js'
+import { mixin, mixinDevice } from '@/mixins/mixin.js'
 import backupApi from '@/api/backup'
 export default {
   name: 'ExportDataDrawer',

src/views/system/components/ExportMarkdownDrawer.vue

@@ -86,7 +86,7 @@
   </a-drawer>
 </template>
 <script>
-import { mixin, mixinDevice } from '@/utils/mixin.js'
+import { mixin, mixinDevice } from '@/mixins/mixin.js'
 import backupApi from '@/api/backup'
 export default {
   name: 'ExportDataDrawer',

src/views/system/developer/tabs/Environment.vue

@@ -202,7 +202,7 @@
   </div>
 </template>
 <script>
-import { mixin, mixinDevice } from '@/utils/mixin.js'
+import { mixin, mixinDevice } from '@/mixins/mixin.js'
 import actuatorApi from '@/api/actuator'
 export default {
   name: 'Environment',

tailwind.config.js

@@ -1,5 +1,7 @@
 module.exports = {
-  purge: [],
+  purge: [
+    './src/**/*.vue',
+  ],
   target: 'relaxed',
   prefix: '',
   important: false,