Compare commits

..

3 Commits

Author SHA1 Message Date
qiaopengfei 5cf8ddeb54 Merge pull request 'qiaopengfei' (#4) from qiaopengfei into master
Reviewed-on: #4
2024-07-01 14:32:13 +08:00
qiaopengfei 9dbb3debe1 合并冲突 2024-07-01 14:30:28 +08:00
qiaopengfei c489660d1d fei 2024-07-01 14:27:49 +08:00
12 changed files with 159 additions and 105 deletions

View File

@ -1,5 +1,16 @@
module.exports = { module.exports = {
presets: [ presets: [
'@vue/cli-plugin-babel/preset' '@vue/cli-plugin-babel/preset',
] ["@babel/preset-env", { "modules": false }]
],
plugins: [
[
"component",
{
"libraryName": "element-ui",
"styleLibraryName": "theme-chalk"
}
]
]
} }

View File

@ -1,12 +1,15 @@
import Vue from 'vue' import Vue from 'vue'
import App from '../src/App.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.config.productionTip = false
Vue.use(erp_element_ui)
Vue.use(myui)
new Vue({ new Vue({
render: h => h(App), render: h => h(App),

View File

@ -10,16 +10,18 @@
}, },
"main": "./lib/myErpElement.umd.min.js", "main": "./lib/myErpElement.umd.min.js",
"dependencies": { "dependencies": {
"core-js": "^3.6.5", "core-js": "^3.6.5"
"vue": "^2.6.11"
}, },
"devDependencies": { "devDependencies": {
"@vue/cli-plugin-babel": "~4.5.19", "@vue/cli-plugin-babel": "~4.5.19",
"@vue/cli-plugin-eslint": "~4.5.19", "@vue/cli-plugin-eslint": "~4.5.19",
"@vue/cli-service": "~4.5.19", "@vue/cli-service": "~4.5.19",
"babel-eslint": "^10.1.0", "babel-eslint": "^10.1.0",
"babel-plugin-component": "^1.1.1",
"element-ui": "^2.15.14",
"eslint": "^6.7.2", "eslint": "^6.7.2",
"eslint-plugin-vue": "^6.2.2", "eslint-plugin-vue": "^6.2.2",
"vue": "^2.6.11",
"vue-template-compiler": "^2.6.11" "vue-template-compiler": "^2.6.11"
}, },
"eslintConfig": { "eslintConfig": {

View File

@ -1,9 +0,0 @@
import mButton from './src'
// 为组件提供 install 安装方法,供按需引入
mButton.install = function (Vue) {
Vue.component(mButton.name, mButton)
}
// 导出组件
export default mButton

View File

@ -1,38 +0,0 @@
<template>
<div class="button">
<slot name="default" :datas="datas">{{ datas.a }}</slot>
</div>
</template>
<script>
export default {
name: 'mButton',
props: {
type: String
},
data() {
return {
datas:{
a:'666',
b:'successs'
}
}
},
}
</script>
<style scoped>
.button {
width: 100px;
border: 1px solid #000;
padding: .5rem;
margin: 0 auto;
}
.button:hover {
color: aliceblue;
background-color: orange;
}
</style>

View File

@ -1,9 +0,0 @@
import mButton1 from './src'
// 为组件提供 install 安装方法,供按需引入
mButton1.install = function (Vue) {
Vue.component(mButton1.name, mButton1)
}
// 导出组件
export default mButton1

View File

@ -1,33 +0,0 @@
<template>
<div class="button">
<slot v-bind:data="name">{{ name.a }}</slot>
</div>
</template>
<script>
export default {
name: 'mButton1',
props: {
type: String
},
data() {
return {
name: { a: '777', b: '888' }
}
},
}
</script>
<style scoped>
.button {
width: 100px;
border: 1px solid #000;
padding: .5rem;
margin: 0 auto;
}
.button:hover {
color: aliceblue;
background-color: #000000;
}
</style>

View File

@ -1,10 +1,9 @@
// 导入button组件 // 导入button组件
import mButton from './Button/index' import pedestal from './pedestal/src/index.vue'
import mButton1 from './Button1/index'
// 组件列表 // 组件列表
const components = [ const components = [
mButton, mButton1 pedestal,
] ]
// 定义 install 方法,接收 Vue 作为参数(使用 use 注册插件,那么所有的组件都会被注册) // 定义 install 方法,接收 Vue 作为参数(使用 use 注册插件,那么所有的组件都会被注册)
@ -27,6 +26,5 @@ export default {
export { export {
install, install,
// 以下是具体的组件列表 // 以下是具体的组件列表
mButton, pedestal,
mButton1,
} }

View File

@ -0,0 +1,9 @@
import pedestal from './src'
// 为组件提供 install 安装方法,供按需引入
pedestal.install = function (Vue) {
Vue.component(pedestal.name, pedestal)
}
// 导出组件
export default pedestal

View File

@ -0,0 +1,77 @@
<template>
<el-input
class="w-input"
:style="{ width }"
:value="value"
:size="size"
v-on="inputListeners"
v-bind="[$attrs]"
>
<slot name="append" slot="append" />
<slot name="prefix" slot="prefix" />
<slot name="suffix" slot="suffix" />
<slot name="prepend" slot="prepend" />
</el-input>
</template>
<script>
/**
* WInput
* @desc 处理输入的输入框(转大写不能有中文空格等)
*/
export default {
name: "WInput",
props: {
width: {
type: String,
default: "180px",
},
size: {
type: String,
default: "small",
},
value: {
type: String,
default: "",
},
toUpperCase: {
type: Boolean,
default: true,
},
},
computed: {
//
inputListeners() {
return Object.assign(
{},
//
this.$listeners,
//
//
{
// `v-model`
input: (value) => {
this.$emit("input", this.toUpperCase ? value.toUpperCase() : value);
},
blur: (e) => {
let value = e.target.value
.trim()
.replace(/\s/g, (match) =>
match.charCodeAt(0) === 12288 ? String.fromCharCode(32) : match
);
//
this.$emit("input", value);
},
}
);
},
},
mounted() {
// console.warn(this.$route.name);
},
};
</script>
<style lang="scss" scoped></style>

View File

@ -1,15 +1,45 @@
<template> <template>
<div> <div>
<moduleName></moduleName> <Pedestal ref="ref_Pedestal" :options="options">
<!-- <template #operate="">
<el-button
class="excel"
type="success"
icon="el-icon-download"
size="small"
plain
@click="excel()"
>导出</el-button
>
</template> -->
</Pedestal>
</div> </div>
</template> </template>
<script> <script>
import moduleName from "../packages/Button/src/index.vue"; import Pedestal from "../packages/pedestal/src/index.vue";
export default { export default {
components: { moduleName }, components: { Pedestal },
data() { data() {
return {}; return {
options: {
fnSearch: this.fnSearch,
formItemAttrs: {
order_sn: {
type: "input",
label: "订单号",
placeholder: "请输入订单号",
},
product_category_id: {
type: "select",
label: "商品分类",
multiple: false,
selectOpts: [{ label: "全部", value: "" }],
placeholder: "选择商品分类",
},
},
},
};
}, },
methods: {}, methods: {},
}; };

13
src/utils/cloneDeep.js Normal file
View File

@ -0,0 +1,13 @@
export default function cloneDeep(obj, hash = new WeakMap()) {
if (obj == null || typeof obj !== 'object') return obj
if (obj instanceof Date) return new Date(obj)
if (obj instanceof RegExp) return new RegExp(obj.source, obj.flags)
if (hash.has(obj)) return hash.get(obj)
let deepObj = Array.isArray(obj) ? [] : Object.create(Object.getPrototypeOf(obj))
hash.set(obj, deepObj)
for (const key in obj) {
deepObj[key] = cloneDeep(obj[key], hash)
}
return deepObj
}