1404/11/04- first

2026-01-24 17:45:54 +03:30
commit edf1824229
554 changed files with 59581 additions and 0 deletions
@@ -0,0 +1,125 @@
+<template>
+  <div :class="[prefixCls]">
+    <div class="border border-solid border-blue-600 bg-gray-50 w-full rounded-md p-2">
+      <div class="flex">
+        <AUpload
+          v-model:file-list="fileList"
+          name="file"
+          list-type="picture-card"
+          :show-upload-list="false"
+          :action="uploadURL"
+          :headers="fileHeader"
+          :showUploadList="true"
+          :before-upload="beforeUpload"
+          @change="handleChange"
+        >
+          <div>
+            <BaseIcon icon="vuesax-linear:add" color="#6B7280" />
+            <div class="text-gray-500 text-center text-xs font-normal">بارگذاری فایل</div>
+          </div>
+        </AUpload>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { UploadChangeParam, UploadProps } from 'ant-design-vue'
+import { uploadURL } from '@root/config'
+import { getToken } from '@/utils'
+import { usePrefix } from '@core/composable/usePrefix'
+import { message } from 'ant-design-vue'
+
+const { prefixCls } = usePrefix('product-image-uploader')
+const loading = ref<boolean>(false)
+
+const fileHeader = {
+  Authorization: `Bearer ${getToken()}`
+}
+
+interface Props {
+  fileList?: Array<FileList>
+}
+
+const props = withDefaults(defineProps<Props>(), {})
+
+const emits = defineEmits(['update:fileList', 'ok', 'delete'])
+
+const fileList = computed({
+  get() {
+    return props.fileList || ([] as Array<FileList>)
+  },
+  set(value) {
+    emits('update:fileList', value)
+  }
+})
+
+const beforeUpload = (file: UploadProps['fileList'][number]) => {
+  const isLt100k = file.size / 1024 / 1024 < 0.24
+  if (!isLt100k) {
+    message.error('حداکثر حجم بارگذاری 240 کیلو بایت میباشد')
+  }
+  return isLt100k
+}
+
+function handleChange(info: UploadChangeParam) {
+  if (info.file.status === 'uploading') {
+    loading.value = true
+    return
+  }
+
+  if (info.file.status === 'error') {
+    loading.value = false
+    message.error('خطا در بارگذاری')
+  }
+
+  if (info.file.status === 'done') {
+    loading.value = false
+    message.success('تصویر با موفقیت بارگذاری شد')
+    emits('ok', info.file.response.id)
+  }
+  if (info.file.status === 'removed') {
+    emits('delete', info.file.uid)
+  }
+}
+</script>
+
+<style lang="less">
+@prefix: ~'@{prefixCls}-product-image-uploader';
+
+.@{prefix} {
+  width: 100%;
+
+  .ant-upload-rtl.ant-upload.ant-upload-select-picture-card {
+    margin: 0 !important;
+    border: none;
+  }
+  .ant-upload-picture-card-wrapper {
+    width: fit-content;
+  }
+  .ant-upload {
+    width: 78px !important;
+    height: 78px !important;
+    background-color: #eff6ff;
+    border: dashed 1px #93c5fd;
+    border-radius: 4px;
+  }
+  .ant-upload-list-picture-card-container {
+    margin: 0;
+    width: 78px !important;
+    height: 78px !important;
+  }
+  .ant-upload-list-picture-card .ant-upload-list-item {
+    padding: 0;
+    border: none;
+  }
+  .ant-upload-list-picture-card .ant-upload-list-item-info {
+    border-radius: 4px;
+  }
+  .ant-upload-list {
+    display: flex !important;
+    flex-wrap: wrap;
+    gap: 8px;
+  }
+}
+</style>