import { mapGetters } from 'vuex'

export default (app, option = {}) => {
	let optionObj = import.meta.glob(`../option/**/**`)[`../option/${option.name}.js`]
	let apiObj = import.meta.glob(`../api/**/**`)[`../api/${option.name}.js`]
	let mixins = {
		data() {
			return {
				data: [],
				form: {},
				params: {},
				option: {},
				api: {},
				loading: false,
				page: {},
			}
		},
		created() {
			optionObj().then(mode => (this.option = mode.default))
			apiObj().then(mode => {
				this.api = mode
				this.getList()
			})
		},
		computed: {
			...mapGetters(['userInfo', 'permission', 'roles']),
			ids() {
				const ids = []
				this.selectionList.forEach(ele => {
					ids.push(ele[this.rowKey])
				})
				return ids.join(',')
			},
			bindVal() {
				return {
					ref: 'crud',
					option: this.option,
					data: this.data,
					tableLoading: this.loading,
				}
			},
			onEvent() {
				return {
					'size-change': this.sizeChange,
					'current-change': this.currentChange,
					'row-save': this.rowSave,
					'row-update': this.rowUpdate,
					'row-del': this.rowDel,
					'refresh-change': this.refreshChange,
					'search-reset': this.searchChange,
					'search-change': this.searchChange,
				}
			},
			rowKey() {
				return option.rowKey || 'id'
			},
		},
		methods: {
			getList() {
				const callback = () => {
					this.loading = true
					this.data = []
					this.api[option.list || 'getList'](
						this.page.currentPage,
						this.page.pageSize,
						this.params
					).then(res => {
						this.loading = false
						let data
						if (option.res) {
							data = option.res(res.data)
						} else {
							data = res.data.data
						}
						this.page.total = data[option.total || 'total']
						const result = data[option.data || 'records']
						this.data = result
						if (this.listAfter) {
							this.listAfter(data)
						}
					})
				}
				if (this.listBefore) {
					this.listBefore()
				}
				callback()
			},
			rowSave(row, done, loading) {
				const callback = () => {
					delete this.form.params
					this.api[option.add || 'add'](this.form)
						.then(data => {
							this.getList()
							if (this.addAfter) {
								this.addAfter(data)
							} else {
								this.$message.success('新增成功')
							}
							done()
						})
						.catch(() => {
							loading()
						})
				}
				if (this.addBefore) {
					this.addBefore()
				}
				callback()
			},
			rowUpdate(row, index, done, loading) {
				const callback = () => {
					delete this.form.params
					this.api[option.update || 'update'](this.form)
						.then(data => {
							this.getList()
							if (this.updateAfter) {
								this.updateAfter(data)
							} else {
								this.$message.success('更新成功')
							}
							done()
						})
						.catch(() => {
							loading()
						})
				}
				if (this.updateBefore) {
					this.updateBefore()
				}
				callback()
			},
			rowDel(row, index) {
				const callback = () => {
					this.api[option.del || 'del'](row[this.rowKey], row).then(data => {
						this.getList()
						if (this.delAfter) {
							this.delAfter(data, row, index)
						} else {
							this.$message.success('删除成功')
						}
					})
				}
				if (this.delBefore) {
					this.delBefore()
					callback()
				} else {
					this.$confirm('确定将选择数据删除?', '提示', {
						confirmButtonText: '确定',
						cancelButtonText: '取消',
						type: 'warning',
					}).then(() => {
						callback()
					})
				}
			},
			handleDelete() {
				if (this.selectionList.length === 0) {
					this.$message.warning('请选择至少一条数据')
					return
				}
				this.$confirm('确定将选择数据删除?', {
					confirmButtonText: '确定',
					cancelButtonText: '取消',
					type: 'warning',
				}).then(() => {
					this.api[option.del || 'remove'](this.ids).then(data => {
						this.getList()
						if (this.delMultiAfter) {
							this.delMultiAfter(data, this.ids)
						} else {
							this.$message.success('删除成功')
						}
					})
				})
			},
			searchChange(params, done) {
				if (done) done()
				this.params = params
				this.page.currentPage = 1
				this.getList()
			},
			dateChange(date) {
				if (date) {
					this.params.createTime_dategt = date[0]
					this.params.createTime_datelt = date[1]
				} else {
					delete this.params.createTime_dategt
					delete this.params.createTime_datelt
				}
				this.page.currentPage = 1
				this.getList()
			},
			selectionChange(list) {
				this.selectionList = list
			},
			selectionClear() {
				this.selectionList = []
				this.$refs.crud.toggleSelection()
			},
			refreshChange() {
				this.getList()
			},
			sizeChange(val) {
				this.page.currentPage = 1
				this.page.pageSize = val
				this.getList()
			},
			currentChange(val) {
				this.page.currentPage = val
				this.getList()
			},
		},
	}
	app.mixins = app.mixins || []
	app.mixins.push(mixins)
	return app
}