refactor: move colorPicker to support folder

ly525
1 parent 9c203a49
Showing 5 changed files with 23 additions and 60 deletions
front-end/h5/package.json
front-end/h5/src/components/core/support/index.js
front-end/h5/src/main.js
front-end/h5/src/plugins/index.js
front-end/h5/src/registerServiceWorker.js
@@ -16,7 +16,7 @@
   "dependencies": {
     "@luban-h5/lbc-button": "^0.0.3",
     "@luban-h5/lbp-slide": "^0.0.7",
-    "@luban-h5/lbs-text-align": "^0.0.3",
+    "@luban-h5/lbs-text-align": "^0.0.5",
     "@luban-h5/plugin-common-props": "0.2.7",
     "animate.css": "^3.7.2",
     "ant-design-vue": "^1.3.14",
@@ -2,13 +2,16 @@
  * @Author: ly525
  * @Date: 2019-12-01 18:11:50
  * @LastEditors: ly525
- * @LastEditTime: 2020-01-12 20:42:55
+ * @LastEditTime: 2020-10-11 10:09:44
  * @FilePath: /luban-h5/front-end/h5/src/components/core/support/index.js
  * @Github: https://github.com/ly525/luban-h5
- * @Description: Do not edit
+ * @Description:
+ * - register-global-support-component
+ * - 注册全局支撑类组件，比如颜色选择器、文字对齐 等等
+ *
  * @Copyright 2018 - 2019 luban-h5. All Rights Reserved
  */
-// register-global-support-component
+
 import Vue from 'vue'
 import PropMultiTextItemsEditor from './prop-multi-items-editor/text.js'
 import ImageGallery from './image-gallery/gallery.js'
@@ -16,10 +19,18 @@ import VideoGallery from &#39;./video-gallery/gallery.js&#39;
 import LbsExcelEditor from './excel'
 import ColorsPanel from './colors-panel'
 import LbpTextAlign from '@luban-h5/lbs-text-align'
+/**
+ * #!en import element-ui color picker for bgcolor、color, because a-input(ant-design-vue) component do not support alpha
+ * #!zh 引入 element-ui 颜色选择器，因为 ant-design-vue 没有提供颜色选择器，默认的 <a-input type="color" /> 不支持选择透明度
+ * https://github.com/ly525/luban-h5/issues/105
+ */
+import { ColorPicker, Button } from 'element-ui'
  
+Vue.component(Button.name, Button)
+Vue.component(ColorPicker.name, ColorPicker)
 Vue.component(PropMultiTextItemsEditor.name, PropMultiTextItemsEditor)
 Vue.component(ImageGallery.name, ImageGallery)
 Vue.component(VideoGallery.name, VideoGallery)
-Vue.component('lbs-text-align', LbpTextAlign)
+Vue.component(LbpTextAlign.name, LbpTextAlign)
 Vue.component(LbsExcelEditor.name, LbsExcelEditor)
 Vue.component(ColorsPanel.name, ColorsPanel)
@@ -3,29 +3,7 @@ import App from &#39;./App.vue&#39;
 import router from './router'
 import store from './store/'
 import i18n from './locales'
-// import './registerServiceWorker'
-// import ElementUI from 'element-ui'
-import { ColorPicker, Button } from 'element-ui'
-import Antd from 'ant-design-vue'
-
-// import 'element-ui/lib/theme-chalk/index.css'
-import 'ant-design-vue/dist/antd.css'
-// !#zh 请注意，务必使用 font-awesome@4.7.0 版本
-import 'font-awesome/css/font-awesome.min.css'
-import vClickOutside from 'v-click-outside'
-
-Vue.config.productionTip = false
-Vue.use(Antd)
-Vue.use(vClickOutside)
-
-/**
- * #!en import element-ui color picker for bgcolor、color, because a-input(ant-design-vue) component do not support alpha
- * #!zh 引入 element-ui 颜色选择器，因为 ant-design-vue 没有提供颜色选择器，默认的 <a-input type="color" /> 不支持选择透明度
- *
- * https://github.com/ly525/luban-h5/issues/105
- */
-Vue.component(Button.name, Button)
-Vue.component(ColorPicker.name, ColorPicker)
+import './plugins/index'
  
 new Vue({
   router,
+import Vue from 'vue'
+import Antd from 'ant-design-vue'
+import 'ant-design-vue/dist/antd.css'
+// !#zh 请注意，务必使用 font-awesome@4.7.0 版本
+import 'font-awesome/css/font-awesome.min.css'
+Vue.use(Antd)
-/* eslint-disable no-console */
-
-// import { register } from 'register-service-worker'
-
-// if (process.env.NODE_ENV === 'production') {
-//   register(`${process.env.BASE_URL}service-worker.js`, {
-//     ready () {
-//       console.log(
-//         'App is being served from cache by a service worker.\n' +
-//         'For more details, visit https://goo.gl/AFskqB'
-//       )
-//     },
-//     registered () {
-//       console.log('Service worker has been registered.')
-//     },
-//     cached () {
-//       console.log('Content has been cached for offline use.')
-//     },
-//     updatefound () {
-//       console.log('New content is downloading.')
-//     },
-//     updated () {
-//       console.log('New content is available; please refresh.')
-//     },
-//     offline () {
-//       console.log('No internet connection found. App is running in offline mode.')
-//     },
-//     error (error) {
-//       console.error('Error during service worker registration:', error)
-//     }
-//   })
-// }