1404/10/28-base

src/components/BasicPacks/BasicPriceInput/index.ts

@@ -0,0 +1,3 @@
+import BasicPriceInput from './src/BasicPriceInput.vue'
+
+export default BasicPriceInput

src/components/BasicPacks/BasicPriceInput/src/BasicPriceInput.vue

@@ -0,0 +1,36 @@
+<template>
+  <BasicInput v-model:value="_val">
+    <template v-for="(_, slotKey) in $slots" #[slotKey]="data">
+      <slot :name="slotKey" v-bind="data || {}"></slot>
+    </template>
+  </BasicInput>
+</template>
+
+<script lang="ts" setup>
+import {usePrice} from './utils/usePrice'
+import {computed} from "vue";
+import BasicInput from "../../BasicInput.vue";
+
+interface Props {
+  value?: string | number
+}
+
+const emit = defineEmits<{
+  (e: 'update:value', val: string | number): void
+}>()
+
+const props = withDefaults(defineProps<Props>(), {})
+
+const _val = computed({
+  set(val: string) {
+    // const temp = val.toString().replaceAll(',', '')
+    const temp = val.toString().replaceAll(',', '')
+    emit('update:value', temp)
+  },
+  get() {
+    return props.value ? usePrice(props.value as number, true, '').trim() : ''
+  }
+})
+</script>
+
+<style lang="less"></style>

src/components/BasicPacks/BasicPriceInput/src/utils/usePrice.ts

@@ -0,0 +1,17 @@
+export function usePrice(price: number, digit = true, unit = 'ریال') {
+  let _price = price.toString()
+  if (digit) {
+    _price = _price.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',')
+  }
+  return `${_price} ${unit}`
+}
+
+export function useTowDecimal(num: string | number): string | number {
+  const temp = num.toString().match(/^-?\d+(?:\.\d{0,2})?/)
+  if (temp && temp.length > 0) return temp[0]
+  return Math.round(+num * 100) / 100
+}
+
+export function useFormat(num: string | number, unit = '') {
+  return usePrice(Math.abs(+useTowDecimal(num)), true, unit)
+}