| 1 |
- {"remainingRequest":"/usr/local/develop/php/www/waibao/NN2024071001/NN2024071001/addons/admin/node_modules/vue-loader/lib/index.js??vue-loader-options!/usr/local/develop/php/www/waibao/NN2024071001/NN2024071001/addons/admin/src/components/EleTagsInput/index.vue?vue&type=style&index=0&lang=css&","dependencies":[{"path":"/usr/local/develop/php/www/waibao/NN2024071001/NN2024071001/addons/admin/src/components/EleTagsInput/index.vue","mtime":1616225320000},{"path":"/usr/local/develop/php/www/waibao/NN2024071001/NN2024071001/addons/admin/node_modules/css-loader/dist/cjs.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/NN2024071001/NN2024071001/addons/admin/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/NN2024071001/NN2024071001/addons/admin/node_modules/postcss-loader/src/index.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/NN2024071001/NN2024071001/addons/admin/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/NN2024071001/NN2024071001/addons/admin/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKDQouZWxlLXRhZ3MtaW5wdXQgLmVsLXRhZyArIC5lbC10YWcgew0KICBtYXJnaW4tbGVmdDogMTBweDsNCn0NCg0KLmVsZS10YWdzLWlucHV0IC5lbC1idXR0b24sIC5lbGUtdGFncy1pbnB1dCAuZWwtaW5wdXQgew0KICBvdmVyZmxvdzogaGlkZGVuOw0KICBtYXJnaW4tbGVmdDogMTBweDsNCiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTsNCn0NCg0KLmVsZS10YWdzLWlucHV0IC5lbC1idXR0b24tLW1pbmkgew0KICBwYWRkaW5nOiAzcHggNXB4Ow0KfQ0KDQouZWxlLXRhZ3MtaW5wdXQgLmVsLWlucHV0LS1taW5pIC5lbC1pbnB1dF9faW5uZXIgew0KICBoZWlnaHQ6IDIwcHg7DQogIGxpbmUtaGVpZ2h0OiAyMHB4Ow0KICBwYWRkaW5nOiAwIDVweDsNCn0NCg0KLmVsZS10YWdzLWlucHV0IC5lbC1idXR0b24tLXNtYWxsIHsNCiAgcGFkZGluZzogNXB4IDhweDsNCn0NCg0KLmVsZS10YWdzLWlucHV0IC5lbC1pbnB1dC0tc21hbGwgLmVsLWlucHV0X19pbm5lciB7DQogIGhlaWdodDogMjRweDsNCiAgbGluZS1oZWlnaHQ6IDI0cHg7DQogIHBhZGRpbmc6IDAgOHB4Ow0KICBmb250LXNpemU6IDEycHg7DQp9DQoNCi5lbGUtdGFncy1pbnB1dCAuZWwtYnV0dG9uLS1tZWRpdW0gew0KICBwYWRkaW5nOiA2cHggMTBweDsNCiAgZm9udC1zaXplOiAxMnB4Ow0KfQ0KDQouZWxlLXRhZ3MtaW5wdXQgLmVsLWlucHV0LS1tZWRpdW0gLmVsLWlucHV0X19pbm5lciB7DQogIGhlaWdodDogMjhweDsNCiAgbGluZS1oZWlnaHQ6IDI4cHg7DQogIHBhZGRpbmc6IDAgMTBweDsNCiAgZm9udC1zaXplOiAxMnB4Ow0KfQ0KDQouZWxlLXRhZ3MtaW5wdXQgLmVsLWJ1dHRvbi0tbGFyZ2Ugew0KICBwYWRkaW5nOiA4cHggMTBweDsNCiAgZm9udC1zaXplOiAxMnB4Ow0KfQ0KDQouZWxlLXRhZ3MtaW5wdXQgLmVsLWlucHV0LS1sYXJnZSAuZWwtaW5wdXRfX2lubmVyIHsNCiAgaGVpZ2h0OiAzMnB4Ow0KICBsaW5lLWhlaWdodDogMzJweDsNCiAgcGFkZGluZzogMCAxMHB4Ow0KICBmb250LXNpemU6IDEycHg7DQp9DQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqFA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/components/EleTagsInput","sourcesContent":["<!-- 标签输入框组件 -->\r\n<template>\r\n <div class=\"ele-tags-input\">\r\n <el-tag v-for=\"(text,index) in data\" :key=\"index\" :size=\"size\" :effect=\"effect\" :disable-transitions=\"true\"\r\n :type=\"type\" @close=\"removeTag(index)\" closable>{{ text }}\r\n </el-tag>\r\n <el-input ref=\"eleTagsInput\" v-if=\"edit\" v-model=\"editValue\" :size=\"size\"\r\n @keyup.enter.native=\"saveEdit\" @blur=\"saveEdit\" :style=\"editStyle\"/>\r\n <el-button v-else :size=\"size\" @click=\"showEdit\" :style=\"editStyle\">{{ placeholder }}</el-button>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n name: \"EleTagsInput\",\r\n model: {\r\n prop: 'data',\r\n event: 'change'\r\n },\r\n props: {\r\n data: Array,\r\n type: String,\r\n size: String,\r\n effect: String,\r\n placeholder: {\r\n type: String,\r\n default: '+ New Tag'\r\n },\r\n width: {\r\n type: String,\r\n default: '90px'\r\n },\r\n unique: {\r\n type: Boolean,\r\n default: true\r\n },\r\n validator: [Function, Array],\r\n beforeRemove: Function\r\n },\r\n data() {\r\n return {\r\n edit: false,\r\n editValue: ''\r\n }\r\n },\r\n computed: {\r\n editStyle() {\r\n return {width: this.width};\r\n }\r\n },\r\n methods: {\r\n showEdit() {\r\n this.edit = true;\r\n this.$nextTick(() => {\r\n this.$refs.eleTagsInput.$refs.input.focus();\r\n });\r\n },\r\n saveEdit() {\r\n if (this.editValue) {\r\n if (this.unique && this.data.indexOf(this.editValue) !== -1) {\r\n return this.$message.error(this.editValue + \" 已经存在\");\r\n }\r\n if (this.validator) {\r\n if (typeof this.validator === 'function') {\r\n if (this.validator(this.editValue) === false) return;\r\n } else if (!new RegExp(this.validator[0]).test(this.editValue)) {\r\n return this.$message.error(this.validator[1]);\r\n }\r\n }\r\n this.data.push(this.editValue);\r\n this.$emit('change', this.data);\r\n }\r\n this.edit = false;\r\n this.editValue = '';\r\n },\r\n removeTag(index) {\r\n if (this.beforeRemove && this.beforeRemove() === false) return;\r\n this.data.splice(index, 1);\r\n this.$emit('change', this.data);\r\n }\r\n }\r\n}\r\n</script>\r\n\r\n<style>\r\n.ele-tags-input .el-tag + .el-tag {\r\n margin-left: 10px;\r\n}\r\n\r\n.ele-tags-input .el-button, .ele-tags-input .el-input {\r\n overflow: hidden;\r\n margin-left: 10px;\r\n vertical-align: middle;\r\n}\r\n\r\n.ele-tags-input .el-button--mini {\r\n padding: 3px 5px;\r\n}\r\n\r\n.ele-tags-input .el-input--mini .el-input__inner {\r\n height: 20px;\r\n line-height: 20px;\r\n padding: 0 5px;\r\n}\r\n\r\n.ele-tags-input .el-button--small {\r\n padding: 5px 8px;\r\n}\r\n\r\n.ele-tags-input .el-input--small .el-input__inner {\r\n height: 24px;\r\n line-height: 24px;\r\n padding: 0 8px;\r\n font-size: 12px;\r\n}\r\n\r\n.ele-tags-input .el-button--medium {\r\n padding: 6px 10px;\r\n font-size: 12px;\r\n}\r\n\r\n.ele-tags-input .el-input--medium .el-input__inner {\r\n height: 28px;\r\n line-height: 28px;\r\n padding: 0 10px;\r\n font-size: 12px;\r\n}\r\n\r\n.ele-tags-input .el-button--large {\r\n padding: 8px 10px;\r\n font-size: 12px;\r\n}\r\n\r\n.ele-tags-input .el-input--large .el-input__inner {\r\n height: 32px;\r\n line-height: 32px;\r\n padding: 0 10px;\r\n font-size: 12px;\r\n}\r\n</style>"]}]}
|
