feat: update iview to viewui (#714)

.eslintignore

@@ -1,5 +1,5 @@
 _*.js
 node_modules
 packages/cna-template/template/nuxt/pages/index.vue
-packages/cna-template/template/frameworks/iview/pages/index.vue
+packages/cna-template/template/frameworks/view-ui/pages/index.vue
 packages/cna-template/template/frameworks/jest/jest.config.js

.stylelintignore

@@ -1,3 +1,3 @@
 node_modules
 packages/cna-template/template/nuxt/pages/index.vue
-packages/cna-template/template/frameworks/iview/pages/index.vue
+packages/cna-template/template/frameworks/view-ui/pages/index.vue

README.md

@@ -45,7 +45,7 @@ yarn create nuxt-app <my-project>
     - [Chakra UI](https://github.com/chakra-ui/chakra-ui-vue)
     - [Element](https://github.com/ElemeFE/element)
     - [Framevuerk](https://github.com/framevuerk/framevuerk)
-    - [iView](https://www.iviewui.com/)
+    - [View UI](https://www.iviewui.com/)
     - [Tachyons](https://github.com/tachyons-css/tachyons)
     - [Tailwind CSS](https://github.com/tailwindcss/tailwindcss)
     - [Vuesax](https://github.com/lusaxweb/vuesax)

packages/cna-template/template/frameworks/iview/package.json → packages/cna-template/template/frameworks/view-ui/package.json

@@ -1,5 +1,5 @@
 {
   "dependencies": {
-    "iview": "^3.5.4"
+    "view-design": "^4.0.0"
   }
 }

packages/cna-template/template/frameworks/iview/pages/index.vue → packages/cna-template/template/frameworks/view-ui/pages/index.vue

@@ -6,7 +6,7 @@
         <%= name %>
       </h1>
       <h2 class="subtitle">
-        Welcome to the iView + Nuxt.js template
+        Welcome to the View UI + Nuxt.js template
       </h2>
       <div class="links">
         <Button type="primary" target="_blank" rel="noopener noreferrer" to="https://nuxtjs.org/">
@@ -16,7 +16,7 @@
           GitHub
         </Button>
         <Button target="_blank" rel="noopener noreferrer" to="https://www.iviewui.com/">
-          iView
+          View UI
         </Button>
       </div>
     </div>

packages/cna-template/template/frameworks/view-ui/plugins/view-ui.js

@@ -0,0 +1,7 @@
+import Vue from 'vue'
+import ViewUI from 'view-design'
+import locale from 'view-design/dist/locale/en-US' // Change locale, check node_modules/view-design/dist/locale
+
+Vue.use(ViewUI, {
+  locale
+})

packages/cna-template/template/nuxt/nuxt.config.js

@@ -42,8 +42,8 @@
   css: [
     <%_ if (ui === 'element-ui') { _%>
     'element-ui/lib/theme-chalk/index.css'
-    <%_ } else if (ui === 'iview') { _%>
-    'iview/dist/styles/iview.css'
+    <%_ } else if (ui === 'view-ui') { _%>
+    'view-design/dist/styles/iview.css'
     <%_ } else if (ui === 'ant-design-vue') { _%>
     'ant-design-vue/dist/antd.css'
     <%_ } else if (ui === 'balm-ui') { _%>
@@ -61,8 +61,8 @@
   plugins: [
     <%_ if (ui === 'element-ui') { _%>
     '@/plugins/element-ui'
-    <%_ } else if (ui === 'iview') { _%>
-    '@/plugins/iview'
+    <%_ } else if (ui === 'view-ui') { _%>
+    '@/plugins/view-ui'
     <%_ } else if (ui === 'ant-design-vue') { _%>
     '@/plugins/antd-ui'
     <%_ } else if (ui === 'balm-ui') { _%>

packages/create-nuxt-app/lib/prompts.js

@@ -38,7 +38,7 @@ module.exports = [
       { name: 'Chakra UI', value: 'chakra-ui' },
       { name: 'Element', value: 'element-ui' },
       { name: 'Framevuerk', value: 'framevuerk' },
-      { name: 'iView', value: 'iview' },
+      { name: 'View UI', value: 'view-ui' },
       { name: 'Tachyons', value: 'tachyons' },
       { name: 'Tailwind CSS', value: 'tailwind' },
       { name: 'Vuesax', value: 'vuesax' },

packages/create-nuxt-app/test/snapshots/index.test.js.md

@@ -1160,7 +1160,7 @@ Generated by [AVA](https://avajs.dev).
     }␊
     `
 
-## verify ui: iView
+## verify ui: View UI
 
 > Generated files
 
@@ -1179,7 +1179,7 @@ Generated by [AVA](https://avajs.dev).
       'pages/README.md',
       'pages/index.vue',
       'plugins/README.md',
-      'plugins/iview.js',
+      'plugins/view-ui.js',
       'static/README.md',
       'static/favicon.ico',
       'store/README.md',
@@ -1190,8 +1190,8 @@ Generated by [AVA](https://avajs.dev).
     {
       dependencies: {
         'core-js': '^3.8.3',
-        iview: '^3.5.4',
         nuxt: '^2.14.12',
+        'view-design': '^4.0.0',
       },
       devDependencies: {},
       private: true,
@@ -1224,12 +1224,12 @@ Generated by [AVA](https://avajs.dev).
     ␊
       // Global CSS: https://go.nuxtjs.dev/config-css␊
       css: [␊
-        'iview/dist/styles/iview.css'␊
+        'view-design/dist/styles/iview.css'␊
       ],␊
     ␊
       // Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins␊
       plugins: [␊
-        '@/plugins/iview'␊
+        '@/plugins/view-ui'␊
       ],␊
     ␊
       // Auto import components: https://go.nuxtjs.dev/config-components␊