mali-applet-ui 0.0.39 → 0.0.42

package/components/ml-amount-input/ml-amount-input.vue

@@ -2,7 +2,7 @@
 	<input
 		class="ml-amount-input"
 		v-model="inpVal"
-		type="text"
+		type="digit"
 		:class="[{'is-right': align === 'right', 'is-border': border}, className]"
 		autocomplete="off"
 		:placeholder="placeholder"

package/components/ml-date-picker/ml-date-picker.vue

@@ -31,9 +31,9 @@ export default {
     }
   },
   methods: {
-    changeEvent () {
-      this.$emit('input', this.selectVal)
-      this.$emit('change', { value: this.selectVal })
+    changeEvent (value) {
+      this.$emit('input', value)
+      this.$emit('change', { value })
     }
   }
 }

package/components/ml-datetime-picker/ml-datetime-picker.vue

@@ -31,9 +31,9 @@ export default {
     }
   },
   methods: {
-    changeEvent () {
-      this.$emit('input', this.selectVal)
-      this.$emit('change', { value: this.selectVal })
+    changeEvent (value) {
+      this.$emit('input', value)
+      this.$emit('change', { value })
     }
   }
 }

package/components/ml-datetime-range-picker/ml-datetime-range-picker.vue

@@ -32,8 +32,8 @@ export default {
     }
   },
   methods: {
-    changeEvent () {
-      const [startDate, endDate] = this.selectDates
+    changeEvent (value) {
+      const [startDate, endDate] = value
       this.$emit('update:startDate', startDate)
       this.$emit('update:endDate', endDate)
       this.$emit('change', { startDate, endDate })

package/components/ml-form/ml-form.vue

@@ -1,7 +1,14 @@
 <template>
   <view class="ml-form" :class="[className || '']">
     <uni-forms :key="fKey" ref="uniForm" :modelValue="data" :rules="formRules" :label-position="vertical ? 'top' : 'left'">
-      <slot></slot>
+      <slot>
+        <view v-for="(item, index) in items" :key="index">
+          <ml-form-group v-if="item.children && item.children.length">
+            <ml-form-item v-for="(cItem, cIndex) in item.children" :key="cIndex" :title="cItem.title" :field="cItem.field" :itemRender="cItem.itemRender" @modelvalue="updateModel"></ml-form-item>
+          </ml-form-group>
+          <ml-form-item v-else :title="item.title" :field="item.field" :itemRender="item.itemRender" @modelvalue="updateModel"></ml-form-item>
+        </view>
+      </slot>
     </uni-forms>
   </view>
 </template>
@@ -15,9 +22,11 @@ export default {
     virtualHost: true
   },
   props: {
+    value: Object,
     data: Object,
     items: Array,
     rules: Object,
+    readonly: Boolean,
     vertical: Boolean,
     labelWidth: String,
     className: String
@@ -51,8 +60,8 @@ export default {
     })
   },
   methods: {
-    matchComponent (item, name) {
-      return item.itemRender && item.itemRender.name === name
+    getProp (item, prop, defultValue) {
+      return (item.itemRender.props ? item.itemRender.props[prop] : null) || defultValue
     },
     validate () {
       return this.$refs.uniForm.validate().then(() => {
@@ -67,6 +76,9 @@ export default {
       }).catch(() => {
         return {}
       })
+    },
+    updateModel ({ field, value}) {
+      this.$emit('input', { ...this.value, [field]: value })
     }
   }
 }

package/components/ml-form-item/ml-form-item.vue

@@ -1,13 +1,21 @@
 <template>
-  <uni-forms-item
-    ref="uniFormItem"
-    :class="className"
-    :label="title"
-    :name="field"
-    :label-width="itemLabelWidth"
-    :label-position="itemVertical">
-    <slot></slot>
-  </uni-forms-item>
+  <view class="ml-form-item">
+    <uni-forms-item
+      ref="uniFormItem"
+      :class="className"
+      :label="title"
+      :name="field"
+      :label-width="itemLabelWidth"
+      :label-position="itemVertical">
+      <slot>
+        <ml-input v-if="matchComponent('MlInput')" :value="itemValue" border @change="modelEvent"></ml-input>
+        <ml-date-picker v-else-if="matchComponent('MlDatePicker')" :value="itemValue" border @change="modelEvent"></ml-date-picker>
+        <ml-select-picker v-else-if="matchComponent('MlSelectPicker')" :value="itemValue" :options="renderOpts.options" border @change="modelEvent"></ml-select-picker>
+        <ml-textarea v-else-if="matchComponent('MlTextarea')" :value="itemValue" :rows="renderOpts.rows || 3" border @change="modelEvent"></ml-textarea>
+        <view v-else>{{ itemValue }}</view>
+      </slot>
+    </uni-forms-item>
+  </view>
 </template>
 
 <script>
@@ -24,6 +32,7 @@ export default {
        default: null
     },
     labelWidth: String,
+    itemRender: Object,
     className: String
   },
   inject: {
@@ -33,6 +42,15 @@ export default {
     }
   },
   computed: {
+    itemValue () {
+      return this.formData[this.field]
+    },
+    formData () {
+      return (this.form ? this.form.value : {}) || {}
+    },
+    renderOpts () {
+      return this.itemRender || {}
+    },
     itemVertical () {
       let vertical = this.vertical
       if (!vertical) {
@@ -64,7 +82,13 @@ export default {
       this.$nextTick(() => {
         this.$refs.uniFormItem.localLabelPos = this.itemVertical
       })
+    },
+    matchComponent (name) {
+      return this.renderOpts.name === name
+    },
+    modelEvent (params) {
+      this.$emit('modelvalue', { field: this.field, ...params })
     }
   }
 }
-</script>
+</script>

package/components/ml-input/ml-input.vue

@@ -1,7 +1,7 @@
 <template>
 	<view class="ml-input" :class="[className || '', {'is-right': align === 'right', 'is-border': border, 'is-prefix': prefixIcon || type === 'search', 'is-suffix': suffixIcon, 'is-disabled': disabled}]">
 		<view v-if="prefixIcon || type === 'search'" class="ml-input-prefix-icon">
-			<ml-icon v-if="prefixIcon" :class="prefixIcon"></ml-icon>
+			<ml-icon v-if="prefixIcon" :className="prefixIcon"></ml-icon>
 			<ml-icon v-else name="search"></ml-icon>
 		</view>
 		<input
@@ -13,7 +13,7 @@
 			@input="inputEvent" 
 			@confirm="confirmEvent"/>
 		<view v-if="suffixIcon" class="ml-input-suffix-icon">
-			<ml-icon :class="suffixIcon"></ml-icon>
+			<ml-icon :className="suffixIcon"></ml-icon>
 		</view>
 	</view>
 </template>

package/components/ml-number-input/ml-number-input.vue

@@ -2,7 +2,7 @@
 	<input
 		class="ml-number-input"
 		v-model="inpVal"
-		type="text"
+		:type="type === 'integer' ? 'number' : 'digit'"
 		:class="[className || '', {'is-right': align === 'right', 'is-border': border}]"
 		autocomplete="off"
 		:placeholder="placeholder"
@@ -21,6 +21,7 @@ export default {
 		value: String,
 		align: String,
 		border: Boolean,
+		type: String,
 		maxLength: {
 			type: Number,
 			default: 12

package/components/ml-textarea/ml-textarea.vue

@@ -67,11 +67,12 @@ export default {
   },
   methods: {
     inputEvent () {
-      if (this.maxLength && this.inpVal && this.inpVal.length > this.maxLength) {
-        this.$emit('input', this.inpVal.slice(0, this.maxLength))
-      } else {
-        this.$emit('input', this.inpVal)
+      let value = this.inpVal
+      if (this.maxLength && value &&value.length > this.maxLength) {
+        value = value.slice(0, this.maxLength)
       }
+      this.$emit('input', value)
+      this.$emit('change', { value })
     }
   }
 }

package/components/ml-upload/ml-upload.vue

@@ -0,0 +1,377 @@
+<template>
+	<view class="ml-upload" :class="className">
+		<view v-if="readonly">
+			<view v-if="mediatype === 'image'" class="ml-upload-image-list">
+				<view class="ml-upload-file-item" v-for="(item, index) in value" :key="index">
+					<image class="ml-upload-file-img" mode="aspectFill" :src="getUrl(item)" @click="previewEvent(item, index)"></image>
+				</view>
+			</view>
+			<view v-else class="ml-upload-file-list">
+				<view class="ml-upload-file-item" v-for="(item, index) in value" :key="index">
+					<view class="ml-upload-file-name" @click="downloadEvent(item)">{{ item[nameField] }}</view>
+				</view>
+			</view>
+		</view>
+		<uni-file-picker
+			v-else
+			v-model="selectUniFileList" 
+			:limit="limit"
+			file-mediatype="image"
+			:image-styles="imageStyles"
+			:auto-upload="false"
+			@select="selectFile"
+			@delete="removeEvent">
+		</uni-file-picker>
+	</view>
+</template>
+
+<script>
+import XEUtils from 'xe-utils'
+import globalStore from '../../config/store'
+	
+export default {
+  name: 'MlUpload',
+  options: {
+    virtualHost: true
+  },
+	props: {
+		value: {
+			type: Array,
+			default: () => ([])
+		},
+		urlList: {
+		  type: Array,
+		  default: () => ([])
+		},
+		simpleValue: {
+		  type: Boolean,
+		  default: false
+		},
+		readonly: {
+		  type: Boolean,
+		  default: false
+		},
+    limit: {
+      type: Number,
+      default: 9
+    },
+		className: String,
+		mediatype: {
+			type: String,
+			default: 'all'
+		},
+    params: {
+      type: Object,
+      default: () => ({})
+    },
+    fileProps: {
+      type: Object,
+      default: () => ({})
+    },
+		getFileUrl: Function,
+		uploadFile: Function,
+		removeFile: Function
+	},
+	data () {
+		return {
+			fileList: [],
+			selectUniFileList: [],
+			imageStyles: {
+				// "height": 60,	// 边框高度
+				// "width": 60,	// 边框宽度
+				// "border":{ // 如果为 Boolean 值，可以控制边框显示与否
+				// 	"color":"transparent",		// 边框颜色
+				// 	"width":"1px",		// 边框宽度
+				// 	"style":"solid", 	// 边框样式
+				// }
+			},
+			imgTypes: ['png', 'jpg']
+		}
+	},
+	computed: {
+    imageList () {
+      return this.value ? this.value.filter(item => this.imgTypes.includes(item[this.typeField])) : []
+    },
+    fieldMaps () {
+      return { ...globalStore.upload.fileProps, ...this.fileProps }
+    },
+    urlField () {
+      return this.fieldMaps.fileUrl || 'fileUrl'
+    },
+    typeField () {
+      return this.fieldMaps.fileType || 'fileType'
+    },
+    nameField () {
+      return this.fieldMaps.fileName || 'fileName'
+    }
+	},
+	watch: {
+		value (val) {
+			if (!this.isUpdate) {
+				this.isUpdate = true
+				this.loadList()
+			}
+		},
+		urlList () {
+		  this.loadList()
+		}
+	},
+	created () {
+		this.loadList()
+	},
+	methods: {
+		loadList () {
+			if (this.simpleValue) {
+				this.fileList = this.urlList.map(url => {
+          const name = this.getUrlName(url)
+					return {
+						id: null,
+						[this.nameField]: name,
+						[this.typeField]: this.getSuffix(name),
+						[this.urlField]: url,
+						tempPath: url
+					}
+				})
+				this.selectUniFileList = this.urlList.map(url => {
+          const name = this.getUrlName(url)
+					return {
+						name: name,
+						extname: this.getSuffix(name),
+						url: url
+					}
+				})
+				this.isUpdate = true
+				this.$emit('input', this.fileList)
+			} else {
+				this.fileList = this.value.map(item => {
+					item.tempPath = item[this.urlField]
+					return item
+				})
+				this.selectUniFileList = this.value.map(item => {
+					return {
+						name: item[this.nameField],
+						extname: item[this.typeField],
+						url: item[this.urlField]
+					}
+				})
+			}
+		},
+		updateModel () {
+		  this.$emit('update:urlList', this.fileList.map(item => item[this.urlField]))
+		  this.$emit('input', this.fileList)
+		},
+		async selectFile (e) {
+			const { tempFiles } = e
+			uni.showLoading({
+				title: "上传中..."
+			});
+			const uploadMethod = this.uploadFile ? this.uploadFile : (globalStore.upload ? globalStore.upload.uploadFile : null)
+			Promise.all(
+				tempFiles.map(file => {
+      		const fileSuffix = this.getSuffix(file.name)
+					if (uploadMethod) {
+						return Promise.resolve(
+							uploadMethod({
+								file,
+								params: this.params
+							})
+						).then(res => {
+							const item = {
+								...res,
+								[this.nameField]: res[this.nameField] || file.name,
+								[this.typeField]: res[this.typeField] || fileSuffix,
+								tempPath: file.path
+							}
+							this.selectUniFileList.push(file)
+							this.fileList.push(item)
+							this.isUpdate = true
+							this.updateModel()
+						})
+					} else {
+						const item = {
+							[this.nameField]: file.name,
+							[this.typeField]: file.extname,
+							[this.urlField]: file.path,
+							tempPath: file.path
+						}
+						this.selectUniFileList.push(file)
+						this.fileList.push(item)
+						this.isUpdate = true
+						this.updateModel()
+					}
+				})
+			).then(res => {
+				uni.hideLoading();
+			}).catch(() => {
+				console.error(e)
+				uni.hideLoading();
+			})
+		},
+		removeEvent (e) {
+			const { tempFilePath } = e
+			const item = this.fileList.find(item => item.tempPath === tempFilePath)
+			this.selectUniFileList = this.selectUniFileList.filter(item => item.url !== tempFilePath)
+			this.fileList = this.fileList.filter(item => item.tempPath !== tempFilePath)
+			const removeMethod = this.removeFile ? this.removeFile : (globalStore.upload ? globalStore.upload.removeFile : null)
+			if (item && !item.id) {
+				if (removeMethod) {
+					removeMethod({
+						item,
+						params: this.params
+					})
+				}
+			}
+			this.isUpdate = true
+			this.updateModel()
+		},
+    getUrl (item) {
+      const getFileMethod = this.getFileUrl ? this.getFileUrl : (globalStore.upload ? globalStore.upload.getFileUrl : null)
+      if (getFileMethod) {
+        return getFileMethod({
+          item,
+          params: this.params
+        })
+      }
+      return item[this.urlField]
+    },
+    getUrlName (url) {
+      const urlRest = XEUtils.parseUrl(url)
+      return urlRest.pathname.split('/').slice(-1)[0] || ''
+    },
+		getSuffix (filename) {
+		  const pos = filename.lastIndexOf('.')
+		  let suffix = ''
+		  if (pos !== -1) {
+				suffix = filename.substring(pos + 1)
+		  }
+		  return suffix
+		},
+		previewEvent (item, index) {
+			if (this.previewStatus) {
+				return
+			}
+			this.previewStatus = true
+			Promise.all(
+				this.value.map(item => {
+					return new Promise((resolve, reject) => {
+						uni.downloadFile({
+							url: this.getUrl(item), 
+							success: (downRes) => {
+								resolve({
+									url: downRes.tempFilePath
+								})
+							},
+							fail () {
+								resolve({
+									url: ''
+								})
+							}
+						})
+					})
+				})
+			).then(res => {
+				if (typeof wx === 'object') {
+					wx.previewMedia({
+						current: index,
+						sources: res
+					})
+				}
+				this.previewStatus = false
+			})
+		},
+		previewImg (item) {
+			uni.downloadFile({
+				url: this.getUrl(item), 
+				success: (downRes) => {
+					uni.previewImage({
+						urls: [
+							downRes.tempFilePath
+						],
+						longPressActions: {
+							itemList: ['保存图片']
+						}
+					})
+				}
+			})
+		},
+		downloadEvent (item) {
+			uni.downloadFile({
+				url: this.getUrl(item), 
+				success: (downRes) => {
+					// 仅支持类型
+					if (['doc', 'xls', 'ppt', 'pdf', 'docx', 'xlsx', 'pptx'].includes(item[this.typeField])) {
+						uni.openDocument({
+							filePath: downRes.tempFilePath,
+							showMenu: true,
+							success (saveRes) {
+							},
+							fail () {
+								uni.showModal({
+									content: '打开失败',
+									showCancel: false
+								});
+							}
+						})
+					} else if (['png', 'jpg'].includes(item[this.typeField])) {
+						this.previewImg(item)
+					} else {
+						uni.saveFile({
+							tempFilePath: downRes.tempFilePath,
+							success: function(res) {
+								uni.showToast({
+									icon: 'none',
+									mask: true,
+									title: '文件已保存：' + res.savedFilePath, //保存路径
+									duration: 3000,
+								})
+							}
+						})
+
+					}
+				},
+				fail () {
+					uni.showModal({
+						content: '下载失败',
+						showCancel: false
+					});
+				}
+			})
+		}
+	}
+}
+</script>
+
+<style lang="scss">
+.ml-upload{
+	margin: 20rpx 0;
+	background: #fff;
+}
+.ml-upload-image-list {
+	.ml-upload-file-item {
+		display: inline-block;
+		width: 210rpx;
+		height: 210rpx;
+		padding: 0 10rpx;
+	}
+	.ml-upload-file-img {
+		width: 100%;
+		height: 100%;
+	}
+}
+.ml-upload-file-list {
+	display: block;
+	.ml-upload-file-item {
+		border: 1rpx solid rgba(39, 42, 48, 0.0200);
+		background-color: rgba(39, 42, 48, 0.0200);
+		margin: 10rpx 0;
+		border-radius: 8rpx;
+    padding: 20rpx;
+	}
+	.ml-upload-file-name {
+		width: 600rpx;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+}
+</style>

package/config/index.js

@@ -0,0 +1,9 @@
+import globalStore from './store'
+import XEUtils from 'xe-utils'
+
+function config (options) {
+  XEUtils.merge(globalStore, options)
+  return globalStore
+}
+
+export default config

package/config/store.js

@@ -0,0 +1,22 @@
+const globalStore = {
+  // 上传组件
+  upload: {
+    // fileProps: {
+    //   fileUrl: 'fileUrl', // 文件地址
+    //   fileType: 'fileType', // 文件类型
+    //   fileName: 'fileName' // 文件名
+    // },
+    // 获取附件缩略图方法
+    getThumbnailFileUrl: null,
+    // 获取附件路径方法
+    getFileUrl: null,
+    // 上传附件方法
+    uploadFile: null,
+    // 下载附件方法
+    downloadFile: null,
+    // 删除附件方法
+    removeFile: null
+  }
+}
+
+export default globalStore

package/index.js

@@ -1,6 +1,13 @@
-function install (Vue) {
+import config from './config'
+import * as MaliUtils from './utils'
+
+const MaliUI = {
+  config,
+  MaliUtils
+}
+
+export {
+	MaliUtils
 }
 
-export default {
-	install
-}
+export default MaliUI

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "mali-applet-ui",
-  "version": "0.0.39",
+  "version": "0.0.42",
   "description": "码里云小程序组件库",
   "files": [
     "components",
+    "config",
     "utils",
     "iconfont.css",
     "index.js",

package/utils/date.js

@@ -0,0 +1,19 @@
+import XEUtils from 'xe-utils'
+
+/**
+ * 格式化日期
+ * @param {*} date
+ * @param {*} format
+ * @returns
+ */
+export function toDateString (date, format = 'yyyy-MM-dd HH:mm:ss') {
+  return XEUtils.toDateString(date, format.replace('YYYY', 'yyyy').replace('DD', 'dd'))
+}
+
+/**
+ * 字符串转日期
+ * @param {*} value
+ */
+export function toStringDate (value) {
+  return XEUtils.toStringDate(value)
+}

package/utils/file.js

@@ -0,0 +1,21 @@
+/**
+ * 下载文件
+ * @param {*} url
+ * @param {*} name
+ */
+export function saveFileByUrl (url, name) {
+  uni.downloadFile({
+    url, 
+    success: (downRes) => {
+      uni.saveFile({
+        tempFilePath: downRes.tempFilePath,
+        success (res) {
+          uni.showModal({
+            title: '保存成功',
+            content: '路径：' + res.savedFilePath
+          })
+        }
+      })
+    }
+  })
+}

package/utils/index.js

@@ -1,157 +1,3 @@
-import XEUtils from 'xe-utils'
-
-/**
- * 格式化日期
- * @param {*} date
- * @param {*} format
- * @returns
- */
-export function toDateString (date, format = 'yyyy-MM-dd HH:mm:ss') {
-  return XEUtils.toDateString(date, format.replace('YYYY', 'yyyy').replace('DD', 'dd'))
-}
-
-/**
- * 字符串转日期
- * @param {*} value
- */
-export function toStringDate (value) {
-  return XEUtils.toStringDate(value)
-}
-
-/**
- * 金额转成中文
- * @param {*} money
- * @returns
- */
-export function toNumMoneyToChinese (money) {
-  const cnNums = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖'] // 汉字的数字
-  const cnIntRadice = ['', '拾', '佰', '仟'] // 基本单位
-  const cnIntUnits = ['', '万', '亿', '兆'] // 对应整数部分扩展单位
-  const cnDecUnits = ['角', '分', '毫', '厘'] // 对应小数部分单位
-  const cnInteger = '整' // 整数金额时后面跟的字符
-  const cnIntLast = '元' // 整型完以后的单位
-  const maxNum = 999999999999999 // 最大处理的数字
-  let IntegerNum // 金额整数部分
-  let DecimalNum // 金额小数部分
-  let ChineseStr = '' // 输出的中文金额字符串
-  let parts // 分离金额后用的数组，预定义
-  let Symbol = '' // 正负值标记
-  if (money === '') {
-    return ''
-  }
-  money = parseFloat(money)
-  if (money >= maxNum) {
-    return ''
-  }
-  if (money === 0) {
-    ChineseStr = cnNums[0] + cnIntLast + cnInteger
-    return ChineseStr
-  }
-  if (money < 0) {
-    money = -money
-    Symbol = '负 '
-  }
-  money = money.toString() // 转换为字符串
-  if (money.indexOf('.') === -1) {
-    IntegerNum = money
-    DecimalNum = ''
-  } else {
-    parts = money.split('.')
-    IntegerNum = parts[0]
-    DecimalNum = parts[1].substr(0, 4)
-  }
-  if (parseInt(IntegerNum, 10) > 0) { // 获取整型部分转换
-    let zeroCount = 0
-    const IntLen = IntegerNum.length
-    for (let i = 0; i < IntLen; i++) {
-      const n = IntegerNum.substr(i, 1)
-      const p = IntLen - i - 1
-      const q = p / 4
-      const m = p % 4
-      if (n === '0') {
-        zeroCount++
-      } else {
-        if (zeroCount > 0) {
-          ChineseStr += cnNums[0]
-        }
-        zeroCount = 0 // 归零
-        ChineseStr += cnNums[parseInt(n)] + cnIntRadice[m]
-      }
-      if (m === 0 && zeroCount < 4) {
-        ChineseStr += cnIntUnits[q]
-      }
-    }
-    ChineseStr += cnIntLast
-    // 整型部分处理完毕
-  }
-  if (DecimalNum !== '') { // 小数部分
-    const decLen = DecimalNum.length
-    for (let i = 0; i < decLen; i++) {
-      const n = DecimalNum.substr(i, 1)
-      if (n !== '0') {
-        ChineseStr += cnNums[Number(n)] + cnDecUnits[i]
-      }
-    }
-  }
-  if (ChineseStr === '') {
-    ChineseStr += cnNums[0] + cnIntLast + cnInteger
-  } else if (DecimalNum === '') {
-    ChineseStr += cnInteger
-  }
-  ChineseStr = Symbol + ChineseStr
-
-  return ChineseStr
-}
-
-/**
- * 格式化为金额
- * @param {*} value
- * @param {*} fixed
- */
-export function toAmountString (value, fixed = 2) {
-  return XEUtils.commafy(XEUtils.round(value, fixed), { digits: fixed })
-}
-
-/**
- * 格式化为万元单位
- * @param {*} value
- * @returns
- */
-export function toWanAmountString (value, fixed = 2) {
-  return XEUtils.commafy(XEUtils.floor(value ? value / 10000 : 0, fixed), { digits: fixed })
-}
-
-/**
- * 四舍五入
- */
-export function round (num, fixed) {
-  return XEUtils.round(num, fixed)
-}
-
-/**
- * 加法
- */
-export function add (num1, num2) {
-  return XEUtils.add(num1, num2)
-}
-
-/**
- * 减法
- */
-export function subtract (num1, num2) {
-  return XEUtils.subtract(num1, num2)
-}
-
-/**
- * 乘法
- */
-export function multiply (num1, num2) {
-  return XEUtils.multiply(num1, num2)
-}
-
-/**
- * 除法
- */
-export function divide (num1, num2) {
-  return XEUtils.divide(num1, num2)
-}
+export * from './date'
+export * from './number'
+export * from './file'

package/utils/number.js

@@ -0,0 +1,139 @@
+import XEUtils from 'xe-utils'
+
+/**
+ * 金额转成中文
+ * @param {*} money
+ * @returns
+ */
+ export function toNumMoneyToChinese (money) {
+  const cnNums = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖'] // 汉字的数字
+  const cnIntRadice = ['', '拾', '佰', '仟'] // 基本单位
+  const cnIntUnits = ['', '万', '亿', '兆'] // 对应整数部分扩展单位
+  const cnDecUnits = ['角', '分', '毫', '厘'] // 对应小数部分单位
+  const cnInteger = '整' // 整数金额时后面跟的字符
+  const cnIntLast = '元' // 整型完以后的单位
+  const maxNum = 999999999999999 // 最大处理的数字
+  let IntegerNum // 金额整数部分
+  let DecimalNum // 金额小数部分
+  let ChineseStr = '' // 输出的中文金额字符串
+  let parts // 分离金额后用的数组，预定义
+  let Symbol = '' // 正负值标记
+  if (money === '') {
+    return ''
+  }
+  money = parseFloat(money)
+  if (money >= maxNum) {
+    return ''
+  }
+  if (money === 0) {
+    ChineseStr = cnNums[0] + cnIntLast + cnInteger
+    return ChineseStr
+  }
+  if (money < 0) {
+    money = -money
+    Symbol = '负 '
+  }
+  money = money.toString() // 转换为字符串
+  if (money.indexOf('.') === -1) {
+    IntegerNum = money
+    DecimalNum = ''
+  } else {
+    parts = money.split('.')
+    IntegerNum = parts[0]
+    DecimalNum = parts[1].substr(0, 4)
+  }
+  if (parseInt(IntegerNum, 10) > 0) { // 获取整型部分转换
+    let zeroCount = 0
+    const IntLen = IntegerNum.length
+    for (let i = 0; i < IntLen; i++) {
+      const n = IntegerNum.substr(i, 1)
+      const p = IntLen - i - 1
+      const q = p / 4
+      const m = p % 4
+      if (n === '0') {
+        zeroCount++
+      } else {
+        if (zeroCount > 0) {
+          ChineseStr += cnNums[0]
+        }
+        zeroCount = 0 // 归零
+        ChineseStr += cnNums[parseInt(n)] + cnIntRadice[m]
+      }
+      if (m === 0 && zeroCount < 4) {
+        ChineseStr += cnIntUnits[q]
+      }
+    }
+    ChineseStr += cnIntLast
+    // 整型部分处理完毕
+  }
+  if (DecimalNum !== '') { // 小数部分
+    const decLen = DecimalNum.length
+    for (let i = 0; i < decLen; i++) {
+      const n = DecimalNum.substr(i, 1)
+      if (n !== '0') {
+        ChineseStr += cnNums[Number(n)] + cnDecUnits[i]
+      }
+    }
+  }
+  if (ChineseStr === '') {
+    ChineseStr += cnNums[0] + cnIntLast + cnInteger
+  } else if (DecimalNum === '') {
+    ChineseStr += cnInteger
+  }
+  ChineseStr = Symbol + ChineseStr
+
+  return ChineseStr
+}
+
+/**
+ * 格式化为金额
+ * @param {*} value
+ * @param {*} fixed
+ */
+export function toAmountString (value, fixed = 2) {
+  return XEUtils.commafy(XEUtils.round(value, fixed), { digits: fixed })
+}
+
+/**
+ * 格式化为万元单位
+ * @param {*} value
+ * @returns
+ */
+export function toWanAmountString (value, fixed = 2) {
+  return XEUtils.commafy(XEUtils.floor(value ? value / 10000 : 0, fixed), { digits: fixed })
+}
+
+/**
+ * 四舍五入
+ */
+export function round (num, fixed) {
+  return XEUtils.round(num, fixed)
+}
+
+/**
+ * 加法
+ */
+export function add (num1, num2) {
+  return XEUtils.add(num1, num2)
+}
+
+/**
+ * 减法
+ */
+export function subtract (num1, num2) {
+  return XEUtils.subtract(num1, num2)
+}
+
+/**
+ * 乘法
+ */
+export function multiply (num1, num2) {
+  return XEUtils.multiply(num1, num2)
+}
+
+/**
+ * 除法
+ */
+export function divide (num1, num2) {
+  return XEUtils.divide(num1, num2)
+}