diff --git a/babel.config.js b/babel.config.js
index e955840..47d2f59 100644
--- a/babel.config.js
+++ b/babel.config.js
@@ -1,5 +1,16 @@
module.exports = {
presets: [
- '@vue/cli-plugin-babel/preset'
- ]
+ '@vue/cli-plugin-babel/preset',
+ ["@babel/preset-env", { "modules": false }]
+ ],
+ plugins: [
+ [
+ "component",
+ {
+ "libraryName": "element-ui",
+ "styleLibraryName": "theme-chalk"
+ }
+ ]
+ ]
}
+
diff --git a/examples/main.js b/examples/main.js
index 42d424f..c8a080c 100644
--- a/examples/main.js
+++ b/examples/main.js
@@ -1,12 +1,15 @@
import Vue from 'vue'
import App from '../src/App.vue'
+//基于element组件封装,引入element组件库
+import { Input } from 'element-ui';
+Vue.use(Input);
+
// 导入组件库
-import myui from '../packages'
-
+import erp_element_ui from '../packages'
Vue.config.productionTip = false
+Vue.use(erp_element_ui)
-Vue.use(myui)
new Vue({
render: h => h(App),
diff --git a/package.json b/package.json
index 5aa7c4b..5c836cf 100644
--- a/package.json
+++ b/package.json
@@ -10,16 +10,18 @@
},
"main": "./lib/myErpElement.umd.min.js",
"dependencies": {
- "core-js": "^3.6.5",
- "vue": "^2.6.11"
+ "core-js": "^3.6.5"
},
"devDependencies": {
"@vue/cli-plugin-babel": "~4.5.19",
"@vue/cli-plugin-eslint": "~4.5.19",
"@vue/cli-service": "~4.5.19",
"babel-eslint": "^10.1.0",
+ "babel-plugin-component": "^1.1.1",
+ "element-ui": "^2.15.14",
"eslint": "^6.7.2",
"eslint-plugin-vue": "^6.2.2",
+ "vue": "^2.6.11",
"vue-template-compiler": "^2.6.11"
},
"eslintConfig": {
diff --git a/packages/Button/index.js b/packages/Button/index.js
deleted file mode 100644
index e8e4a9a..0000000
--- a/packages/Button/index.js
+++ /dev/null
@@ -1,9 +0,0 @@
-import mButton from './src'
-
-// 为组件提供 install 安装方法,供按需引入
-mButton.install = function (Vue) {
- Vue.component(mButton.name, mButton)
-}
-
-// 导出组件
-export default mButton
diff --git a/packages/Button/src/index.vue b/packages/Button/src/index.vue
deleted file mode 100644
index 44a92a3..0000000
--- a/packages/Button/src/index.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-
-
- {{ datas.a }}
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/packages/Button1/index.js b/packages/Button1/index.js
deleted file mode 100644
index 56c7020..0000000
--- a/packages/Button1/index.js
+++ /dev/null
@@ -1,9 +0,0 @@
-import mButton1 from './src'
-
-// 为组件提供 install 安装方法,供按需引入
-mButton1.install = function (Vue) {
- Vue.component(mButton1.name, mButton1)
-}
-
-// 导出组件
-export default mButton1
diff --git a/packages/Button1/src/index.vue b/packages/Button1/src/index.vue
deleted file mode 100644
index 4f1972e..0000000
--- a/packages/Button1/src/index.vue
+++ /dev/null
@@ -1,33 +0,0 @@
-
-
- {{ name.a }}
-
-
-
-
-
-
\ No newline at end of file
diff --git a/packages/index.js b/packages/index.js
index 965c829..e836cd5 100644
--- a/packages/index.js
+++ b/packages/index.js
@@ -1,10 +1,9 @@
// 导入button组件
-import mButton from './Button/index'
-import mButton1 from './Button1/index'
+import pedestal from './pedestal/src/index.vue'
// 组件列表
const components = [
- mButton, mButton1
+ pedestal,
]
// 定义 install 方法,接收 Vue 作为参数(使用 use 注册插件,那么所有的组件都会被注册)
@@ -27,6 +26,5 @@ export default {
export {
install,
// 以下是具体的组件列表
- mButton,
- mButton1,
+ pedestal,
}
\ No newline at end of file
diff --git a/packages/pedestal/index.js b/packages/pedestal/index.js
new file mode 100644
index 0000000..2956853
--- /dev/null
+++ b/packages/pedestal/index.js
@@ -0,0 +1,9 @@
+import pedestal from './src'
+
+// 为组件提供 install 安装方法,供按需引入
+pedestal.install = function (Vue) {
+ Vue.component(pedestal.name, pedestal)
+}
+
+// 导出组件
+export default pedestal
diff --git a/packages/pedestal/src/index.vue b/packages/pedestal/src/index.vue
new file mode 100644
index 0000000..bd4b892
--- /dev/null
+++ b/packages/pedestal/src/index.vue
@@ -0,0 +1,77 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/App.vue b/src/App.vue
index 6983bf5..e166b4f 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,15 +1,45 @@