From c489660d1d10d960e2988e308723364806f42948 Mon Sep 17 00:00:00 2001
From: qiaopengfei <2646186879@qq.com>
Date: Mon, 1 Jul 2024 14:27:49 +0800
Subject: [PATCH] fei
---
babel.config.js | 15 ++++++-
examples/main.js | 9 ++--
package.json | 6 ++-
packages/Button/index.js | 9 ----
packages/Button/src/index.vue | 38 ----------------
packages/Button1/index.js | 9 ----
packages/Button1/src/index.vue | 33 --------------
packages/index.js | 8 ++--
packages/pedestal/index.js | 9 ++++
packages/pedestal/src/index.vue | 77 +++++++++++++++++++++++++++++++++
src/App.vue | 38 ++++++++++++++--
src/utils/cloneDeep.js | 13 ++++++
12 files changed, 159 insertions(+), 105 deletions(-)
delete mode 100644 packages/Button/index.js
delete mode 100644 packages/Button/src/index.vue
delete mode 100644 packages/Button1/index.js
delete mode 100644 packages/Button1/src/index.vue
create mode 100644 packages/pedestal/index.js
create mode 100644 packages/pedestal/src/index.vue
create mode 100644 src/utils/cloneDeep.js
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 e665157..d2dfb55 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 9342a75..b7b45c2 100644
--- a/packages/index.js
+++ b/packages/index.js
@@ -1,10 +1,9 @@
// 导入button组件
-import mButton from './Button/src/index.vue'
-import mButton1 from './Button1/src/index.vue'
+import pedestal from './pedestal/src/index.vue'
// 组件列表
const components = [
- mButton,mButton1
+ pedestal,
]
// 定义 install 方法,接收 Vue 作为参数(使用 use 注册插件,那么所有的组件都会被注册)
@@ -24,6 +23,5 @@ export default {
// 导出的对象必须具有 install,才能被 Vue.use() 方法安装
install,
// 以下是具体的组件列表
- mButton,
- mButton1,
+ pedestal,
}
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 @@