@uxda/appkit 1.2.61 → 1.2.62

package/dist/index.js

@@ -2138,8 +2138,8 @@ var script$9 = /* @__PURE__ */ defineComponent({
       datePickerOpen.value = true;
     }
     const dateRangeDisplay = computed(() => {
-      let startTime = filtering.dateFrom?.replace(/-/g, ".").substring(2);
-      let endTime = filtering.dateTo?.replace(/-/g, ".").substring(2);
+      let startTime = (filtering.dateFrom || "").replace(/-/g, ".").substring(2);
+      let endTime = (filtering.dateTo || "").replace(/-/g, ".").substring(2);
       return startTime + " - " + endTime;
     });
     const consumptionGroups = ref([]);
@@ -2736,8 +2736,8 @@ var script$7 = /* @__PURE__ */ defineComponent({
           count: 1
         });
         let { path, size } = csRes.tempFiles[0];
-        const compressImg = await taroImgCompress(path, getCompressQuality(size));
-        const filePath = compressImg?.tempFilePath ?? path;
+        const compressImg = await taroImgCompress(path, getCompressQuality(size)) || {};
+        const filePath = compressImg.tempFilePath ?? path;
         Taro.showLoading({ title: "\u8EAB\u4EFD\u8BC1\u8BC6\u522B\u4E2D.." });
         const session = appKitOptions.token();
         const baseUrl = appKitOptions.baseUrl();
@@ -2757,13 +2757,14 @@ var script$7 = /* @__PURE__ */ defineComponent({
         Taro.hideLoading();
         const res = JSON.parse(upRes.data);
         if (res.code === "200") {
+          const faceInfo = res.result.faceInfo || {};
           ocrResult = {
             faceInfo: {
-              name: allTrim(res.result?.faceInfo?.name || ""),
-              certNo: allTrim(res.result?.faceInfo?.num || ""),
-              address: allTrim(res.result?.faceInfo?.address || "")
+              name: allTrim(faceInfo.name || ""),
+              certNo: allTrim(faceInfo.num || ""),
+              address: allTrim(faceInfo.address || "")
             },
-            fileUploadVO: res.result?.fileUploadVO || {}
+            fileUploadVO: res.result.fileUploadVO || {}
           };
           if (!ocrResult.faceInfo.name && !ocrResult.faceInfo.certNo) {
             Taro.showToast({ title: "\u8BC6\u522B\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5", icon: "none" });
@@ -2869,11 +2870,11 @@ var script$5 = /* @__PURE__ */ defineComponent({
           value: province.id,
           shortId: provinceShortId,
           label: province.name,
-          children: map.get(provinceShortId)?.map((city) => ({
+          children: (map.get(provinceShortId) || []).map((city) => ({
             value: city.id,
             shortId: city.shortId,
             label: city.name,
-            children: map.get(city.shortId)?.map((region) => ({
+            children: (map.get(city.shortId) || []).map((region) => ({
               value: region.id,
               shortId: region.shortId,
               label: region.name,
@@ -2891,11 +2892,11 @@ var script$5 = /* @__PURE__ */ defineComponent({
       if (props.type === "province") {
         return [provinceOption];
       }
-      const cityOption = provinceOption[tmpSelectedIndex.value[0]]?.children ?? [];
+      const cityOption = (provinceOption[tmpSelectedIndex.value[0]] || {}).children ?? [];
       if (props.type === "city") {
         return [provinceOption, cityOption];
       }
-      const regionOption = cityOption[tmpSelectedIndex.value[1]]?.children ?? [];
+      const regionOption = (cityOption[tmpSelectedIndex.value[1]] || {}).children ?? [];
       return [provinceOption, cityOption, regionOption];
     });
     function init() {
@@ -2904,7 +2905,7 @@ var script$5 = /* @__PURE__ */ defineComponent({
       if (props.value) {
         const items = [];
         for (let index = 0; index < options.value.length; index++) {
-          const item = options.value[index]?.[selectedIndex.value[index]];
+          const item = (options.value[index] || {})[selectedIndex.value[index]];
           if (item) {
             items.push(item);
           }
@@ -2945,7 +2946,7 @@ var script$5 = /* @__PURE__ */ defineComponent({
         labels: []
       };
       for (let index = 0; index <= lastSelectedIndex; index++) {
-        const item = options.value[index]?.[tmpSelectedIndex.value[index]];
+        const item = (options.value[index] || {})[tmpSelectedIndex.value[index]];
         if (item) {
           result.values.push(item.value);
           result.labels.push(item.label);
@@ -3063,7 +3064,7 @@ var script$4 = /* @__PURE__ */ defineComponent({
     );
     function init() {
       currentIndex.value = findIndexByValue(props.value);
-      currentLabel.value = currentIndex.value >= 0 ? props.options[currentIndex.value]?.label : "";
+      currentLabel.value = currentIndex.value >= 0 ? (props.options[currentIndex.value] || {}).label : "";
     }
     return (_ctx, _cache) => {
       const _component_picker = resolveComponent("picker");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxda/appkit",
-  "version": "1.2.61",
+  "version": "1.2.62",
   "description": "小程序应用开发包",
   "main": "dist/index.js",
   "module": "dist/index.ts",

package/src/balance/components/AccountView.vue

@@ -228,8 +228,8 @@ function openDateFilter() {
 }
 
 const dateRangeDisplay = computed(() => {
-  let startTime = filtering.dateFrom?.replace(/-/g, '.').substring(2)
-  let endTime = filtering.dateTo?.replace(/-/g, '.').substring(2)
+  let startTime = (filtering.dateFrom || '').replace(/-/g, '.').substring(2)
+  let endTime = (filtering.dateTo || '').replace(/-/g, '.').substring(2)
   return startTime + ' - ' + endTime
 })
 

package/src/components/dd-area/index.vue

@@ -3,7 +3,7 @@
 <!--* UPDATE: 2022-02-21 17:43-->
 <!--* TIP: 微信原生实现多列选择器-->
 <script setup lang="ts">
-import {computed, ref, watch} from 'vue'
+import { computed, ref, watch } from 'vue'
 import Taro from '@tarojs/taro'
 import DdIcon from '../dd-icon/index.vue'
 
@@ -31,12 +31,12 @@ const props = withDefaults(defineProps<PropsType>(), {
   placeholder: '请选择',
   disabled: false,
   type: 'region',
-  formatter: (values: AreaItem[]) => values.map((item:AreaItem) => item.label).join('')
+  formatter: (values: AreaItem[]) => values.map((item: AreaItem) => item.label).join(''),
 })
 const emit = defineEmits(['update:value', 'change', 'cancel'])
 
 const areaFormatOptions = computed<AreaItem[]>(() => {
-  const {province_list, city_list, county_list} = JSON.parse(Taro.getStorageSync('wechat_area'))
+  const { province_list, city_list, county_list } = JSON.parse(Taro.getStorageSync('wechat_area'))
   const map = new Map()
   city_list.forEach((item: any) => {
     const provinceShortId = item.id.slice(0, 2)
@@ -45,7 +45,7 @@ const areaFormatOptions = computed<AreaItem[]>(() => {
     }
     map.get(provinceShortId).push({
       ...item,
-      shortId: item.id.slice(0, 4)
+      shortId: item.id.slice(0, 4),
     })
   })
   county_list.forEach((item: any) => {
@@ -55,7 +55,7 @@ const areaFormatOptions = computed<AreaItem[]>(() => {
     }
     map.get(cityShortId).push({
       ...item,
-      shortId: item.id
+      shortId: item.id,
     })
   })
   return province_list.map((province: any) => {
@@ -64,17 +64,19 @@ const areaFormatOptions = computed<AreaItem[]>(() => {
       value: province.id,
       shortId: provinceShortId,
       label: province.name,
-      children: map.get(provinceShortId)?.map((city: any) => ({
-        value: city.id,
-        shortId: city.shortId,
-        label: city.name,
-        children: map.get(city.shortId)?.map((region: any) => ({
-          value: region.id,
-          shortId: region.shortId,
-          label: region.name,
-          children: []
+      children:
+        (map.get(provinceShortId) || []).map((city: any) => ({
+          value: city.id,
+          shortId: city.shortId,
+          label: city.name,
+          children:
+            (map.get(city.shortId) || []).map((region: any) => ({
+              value: region.id,
+              shortId: region.shortId,
+              label: region.name,
+              children: [],
+            })) ?? [],
         })) ?? [],
-      })) ?? [],
     }
   })
 })
@@ -88,11 +90,11 @@ const options = computed<AreaItem[][]>(() => {
   if (props.type === 'province') {
     return [provinceOption]
   }
-  const cityOption = provinceOption[tmpSelectedIndex.value[0]]?.children ?? []
+  const cityOption = (provinceOption[tmpSelectedIndex.value[0]] || {}).children ?? []
   if (props.type === 'city') {
     return [provinceOption, cityOption]
   }
-  const regionOption = cityOption[tmpSelectedIndex.value[1]]?.children ?? []
+  const regionOption = (cityOption[tmpSelectedIndex.value[1]] || {}).children ?? []
   return [provinceOption, cityOption, regionOption]
 })
 
@@ -100,10 +102,10 @@ function init() {
   selectedIndex.value = findIndexByValue()
   tmpSelectedIndex.value = [...selectedIndex.value]
   if (props.value) {
-    const items = []
+    const items: any = []
     for (let index = 0; index < options.value.length; index++) {
-      const item = options.value[index]?.[selectedIndex.value[index]]
-      if (item){
+      const item = (options.value[index] || {})[selectedIndex.value[index]]
+      if (item) {
         items.push(item)
       }
     }
@@ -140,18 +142,18 @@ function findIndexByValue() {
 
 function onChange() {
   const lastSelectedIndex = options.value.length - 1
-  const result = {
+  const result: any = {
     values: [],
-    labels: []
+    labels: [],
   }
   for (let index = 0; index <= lastSelectedIndex; index++) {
-   const item = options.value[index]?.[tmpSelectedIndex.value[index]]
-    if (item){
+    const item = (options.value[index] || {})[tmpSelectedIndex.value[index]]
+    if (item) {
       result.values.push(item.value)
       result.labels.push(item.label)
     }
   }
-  emit('update:value', result.values[result.values.length-1])
+  emit('update:value', result.values[result.values.length - 1])
   emit('change', result)
   console.log(result)
 }
@@ -161,44 +163,45 @@ function onCancel(e: any) {
   emit('cancel', e)
 }
 
-function onColumnChange({detail: {column, value}}) {
-  const resetIndex = Array.from({length: tmpSelectedIndex.value.length - column - 1, }).fill(0)
-  tmpSelectedIndex.value = [...tmpSelectedIndex.value.slice(0,column), value, ...resetIndex ]
+function onColumnChange({ detail: { column, value } }) {
+  const resetIndex = Array.from({ length: tmpSelectedIndex.value.length - column - 1 }).fill(0)
+  tmpSelectedIndex.value = [...tmpSelectedIndex.value.slice(0, column), value, ...resetIndex]
   console.log(tmpSelectedIndex.value)
 }
 
 watch(
-    () => props.value,
-    () => { init() },
-    {deep: true, immediate: true}
+  () => props.value,
+  () => {
+    init()
+  },
+  { deep: true, immediate: true }
 )
 </script>
 
 <template>
   <picker
-      :range="options"
-      range-key="label"
-      :value="tmpSelectedIndex"
-      mode="multiSelector"
-      @columnchange="onColumnChange"
-      @change="onChange"
-      @cancel="onCancel"
-      style="flex: 1"
-      :disabled="props.disabled">
+    :range="options"
+    range-key="label"
+    :value="tmpSelectedIndex"
+    mode="multiSelector"
+    @columnchange="onColumnChange"
+    @change="onChange"
+    @cancel="onCancel"
+    style="flex: 1"
+    :disabled="props.disabled"
+  >
     <div class="dd-area">
-      <div
-          :class="props.value && !props.disabled ? 'dd-area-value' : 'dd-area-label'">
+      <div :class="props.value && !props.disabled ? 'dd-area-value' : 'dd-area-label'">
         {{ props.value ? props.formatter(selectedItem) : props.placeholder }}
       </div>
       <slot name="icon">
         <DdIcon
-            v-if="props.rightIcon"
-            name="icon-arrow"
-            size="11px"
-            :color="
-              props.value !== '' && !props.disabled ? '#353535' : '#DFDFDF'
-            "
-            class="icon-arrow"/>
+          v-if="props.rightIcon"
+          name="icon-arrow"
+          size="11px"
+          :color="props.value !== '' && !props.disabled ? '#353535' : '#DFDFDF'"
+          class="icon-arrow"
+        />
       </slot>
     </div>
   </picker>

package/src/components/dd-selector/index.vue

@@ -29,7 +29,7 @@ const props = withDefaults(defineProps<PropsType>(), {
 const currentIndex = ref<number>()
 const currentLabel = ref<string>()
 
-const emit = defineEmits(['update:value','change', 'cancel'])
+const emit = defineEmits(['update:value', 'change', 'cancel'])
 function onChange(e) {
   const index = e.detail.value as number
   const item = props.options[index]
@@ -43,7 +43,7 @@ function onChange(e) {
 // 通过value查询item index
 function findIndexByValue(value: string) {
   if (value == undefined) return undefined
-  const index = props.options.findIndex((item: Option)=> item.value == value)
+  const index = props.options.findIndex((item: Option) => item.value == value)
   return index >= 0 ? index : undefined
 }
 
@@ -64,7 +64,8 @@ watch(
 
 function init() {
   currentIndex.value = findIndexByValue(props.value)
-  currentLabel.value = currentIndex.value >= 0 ?  props.options[currentIndex.value]?.label : ''
+  currentLabel.value =
+    currentIndex.value >= 0 ? (props.options[currentIndex.value] || {}).label : ''
 }
 </script>
 
@@ -77,17 +78,17 @@ function init() {
     @cancel="onCancel"
     @change="onChange"
     style="flex: 1"
-    :disabled="props.disabled">
+    :disabled="props.disabled"
+  >
     <slot name="content">
       <div class="dd-selector">
         <div class="dd-selector-value">
           <div
             :class="
-              currentIndex >= 0 && !props.disabled
-                ? 'dd-selector-value'
-                : 'dd-selector-label'
-            ">
-            {{ currentLabel ||  props.placeholder }}
+              currentIndex >= 0 && !props.disabled ? 'dd-selector-value' : 'dd-selector-label'
+            "
+          >
+            {{ currentLabel || props.placeholder }}
           </div>
           <div>
             <slot name="tips"></slot>
@@ -98,10 +99,9 @@ function init() {
             v-if="props.rightIcon"
             name="icon-arrow"
             size="11px"
-            :color="
-              currentIndex >= 0 && !props.disabled ? '#353535' : '#DFDFDF'
-            "
-            class="icon-arrow" />
+            :color="currentIndex >= 0 && !props.disabled ? '#353535' : '#DFDFDF'"
+            class="icon-arrow"
+          />
         </slot>
       </div>
     </slot>

package/src/components/ocr-id/index.vue

@@ -45,10 +45,10 @@ async function ocrIDCard() {
     const csRes = await Taro.chooseImage({
       count: 1,
     })
-    let {path, size} = csRes.tempFiles[0]
-    const compressImg: any = (await taroImgCompress(path, getCompressQuality(size)))
-    const filePath = compressImg?.tempFilePath ?? path
-    Taro.showLoading({title: '身份证识别中..',})
+    let { path, size } = csRes.tempFiles[0]
+    const compressImg: any = (await taroImgCompress(path, getCompressQuality(size))) || {}
+    const filePath = compressImg.tempFilePath ?? path
+    Taro.showLoading({ title: '身份证识别中..' })
     const session = appKitOptions.token()
     const baseUrl = appKitOptions.baseUrl()
     const upRes: any = await Taro.uploadFile({
@@ -67,16 +67,17 @@ async function ocrIDCard() {
     Taro.hideLoading()
     const res = JSON.parse(upRes.data)
     if (res.code === '200') {
+      const faceInfo = res.result.faceInfo || {}
       ocrResult = {
         faceInfo: {
-          name: allTrim(res.result?.faceInfo?.name || ''),
-          certNo: allTrim(res.result?.faceInfo?.num || ''),
-          address: allTrim(res.result?.faceInfo?.address || ''),
+          name: allTrim(faceInfo.name || ''),
+          certNo: allTrim(faceInfo.num || ''),
+          address: allTrim(faceInfo.address || ''),
         },
-        fileUploadVO: res.result?.fileUploadVO || {},
+        fileUploadVO: res.result.fileUploadVO || {},
       }
       if (!ocrResult.faceInfo.name && !ocrResult.faceInfo.certNo) {
-        Taro.showToast({title: '识别失败，请重试', icon: 'none'})
+        Taro.showToast({ title: '识别失败，请重试', icon: 'none' })
       }
     } else {
       Taro.showToast({
@@ -95,17 +96,19 @@ async function ocrIDCard() {
 <template>
   <div class="ocr-id" @click="ocrIDCard">
     <slot name="icon">
-      <img class="ocr-id__img" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgZmlsbD0ibm9uZSI+PHBhdGggb3BhY2l0eT0iLjAxIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQwIDB2NDBIMFYwaDQweiIgZmlsbD0iI0M0QzRDNCIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzMuMDQ0IDE3LjM2M2MuOTYgMCAxLjczOS0uNzkgMS43MzktMS43NjYgMC0uOTc1LS43NzktMS43NjYtMS43NC0xLjc2Ni0uOTYgMC0xLjczOC43OS0xLjczOCAxLjc2NnMuNzc4IDEuNzY2IDEuNzM5IDEuNzY2eiIgZmlsbD0iIzRCQ0I5MyIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMCAzMS44MTJWMTQuNzg4YzAtMi4yNTggMi4wNDktNC4wOTcgNC41NjQtNC4wOTdoMy44NDRsMS4xMzYtMy42NThDOS44ODggNS45MTMgMTEuMjM3IDUgMTIuNTQ4IDVIMjcuNDVjMS4zOSAwIDIuNjguODc2IDMuMDEgMi4wNDRsMS4xMzMgMy42NDdoMy44NDRjMi41MTUgMCA0LjU2NCAxLjgzOSA0LjU2NCA0LjA5N3YxLjczOWMwIC41MDMtLjQ1NC45MS0xLjAxNC45MXMtMS4wMTQtLjQwNy0xLjAxNC0uOTF2LTEuNzRjMC0xLjI1My0xLjEzOS0yLjI3NS0yLjUzNi0yLjI3NWgtMy44NDRjLS45MDcgMC0xLjcxMS0uNTQ5LTEuOTU1LTEuMzMybC0xLjEzNi0zLjY2YS4zNDIuMzQyIDAgMCAwLS4wMDctLjAyNWMtLjExLS4zOTYtLjYzOS0uNjc0LTEuMDQ1LS42NzRoLTE0LjljLS4zOTkgMC0uOTUuMzY2LTEuMDUzLjY5OWwtMS4xMzYgMy42NmMtLjI0Ny43ODYtMS4wNDUgMS4zMy0xLjk1NSAxLjMzMkg0LjU2NGMtMS4zOTcgMC0yLjUzNiAxLjAyMi0yLjUzNiAyLjI3NnYxNy4wMjRjMCAxLjI1NCAxLjEzOSAyLjI3NiAyLjUzNiAyLjI3NmgzMC44N2MxLjM5NyAwIDIuNTM1LTEuMDIyIDIuNTM1LTIuMjc2VjIxLjU5NmMwLS41MDMuNDU0LS45MSAxLjAxNC0uOTFzMS4wMTUuNDA3IDEuMDE1LjkxVjMxLjgxYy0uMDAzIDIuMjYtMi4wNSA0LjEtNC41NjcgNC4xSDQuNTY0QzIuMDQ5IDM1LjkxIDAgMzQuMDcgMCAzMS44MTF6IiBmaWxsPSIjNEJDQjkzIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi4xNzQgMjEuNzc4YzAtNC44NyAzLjcwNS04LjgzIDguMjYtOC44MyA0LjU1NiAwIDguMjYyIDMuOTYgOC4yNjIgOC44M3MtMy43MDYgOC44MzItOC4yNjEgOC44MzJjLTQuNTU2IDAtOC4yNjEtMy45NjItOC4yNjEtOC44MzJ6bTEuNzc5LjEzYzAgMy43OTYgMi45MDcgNi44ODMgNi40ODIgNi44ODMgMy41NzQgMCA2LjQ4MS0zLjA4NyA2LjQ4MS02Ljg4M3MtMi45MDctNi44ODMtNi40ODItNi44ODNjLTMuNTc0IDAtNi40ODEgMy4wODctNi40ODEgNi44ODN6IiBmaWxsPSIjNEJDQjkzIi8+PC9zdmc+"/>
+      <img
+        class="ocr-id__img"
+        src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgZmlsbD0ibm9uZSI+PHBhdGggb3BhY2l0eT0iLjAxIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQwIDB2NDBIMFYwaDQweiIgZmlsbD0iI0M0QzRDNCIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzMuMDQ0IDE3LjM2M2MuOTYgMCAxLjczOS0uNzkgMS43MzktMS43NjYgMC0uOTc1LS43NzktMS43NjYtMS43NC0xLjc2Ni0uOTYgMC0xLjczOC43OS0xLjczOCAxLjc2NnMuNzc4IDEuNzY2IDEuNzM5IDEuNzY2eiIgZmlsbD0iIzRCQ0I5MyIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMCAzMS44MTJWMTQuNzg4YzAtMi4yNTggMi4wNDktNC4wOTcgNC41NjQtNC4wOTdoMy44NDRsMS4xMzYtMy42NThDOS44ODggNS45MTMgMTEuMjM3IDUgMTIuNTQ4IDVIMjcuNDVjMS4zOSAwIDIuNjguODc2IDMuMDEgMi4wNDRsMS4xMzMgMy42NDdoMy44NDRjMi41MTUgMCA0LjU2NCAxLjgzOSA0LjU2NCA0LjA5N3YxLjczOWMwIC41MDMtLjQ1NC45MS0xLjAxNC45MXMtMS4wMTQtLjQwNy0xLjAxNC0uOTF2LTEuNzRjMC0xLjI1My0xLjEzOS0yLjI3NS0yLjUzNi0yLjI3NWgtMy44NDRjLS45MDcgMC0xLjcxMS0uNTQ5LTEuOTU1LTEuMzMybC0xLjEzNi0zLjY2YS4zNDIuMzQyIDAgMCAwLS4wMDctLjAyNWMtLjExLS4zOTYtLjYzOS0uNjc0LTEuMDQ1LS42NzRoLTE0LjljLS4zOTkgMC0uOTUuMzY2LTEuMDUzLjY5OWwtMS4xMzYgMy42NmMtLjI0Ny43ODYtMS4wNDUgMS4zMy0xLjk1NSAxLjMzMkg0LjU2NGMtMS4zOTcgMC0yLjUzNiAxLjAyMi0yLjUzNiAyLjI3NnYxNy4wMjRjMCAxLjI1NCAxLjEzOSAyLjI3NiAyLjUzNiAyLjI3NmgzMC44N2MxLjM5NyAwIDIuNTM1LTEuMDIyIDIuNTM1LTIuMjc2VjIxLjU5NmMwLS41MDMuNDU0LS45MSAxLjAxNC0uOTFzMS4wMTUuNDA3IDEuMDE1LjkxVjMxLjgxYy0uMDAzIDIuMjYtMi4wNSA0LjEtNC41NjcgNC4xSDQuNTY0QzIuMDQ5IDM1LjkxIDAgMzQuMDcgMCAzMS44MTF6IiBmaWxsPSIjNEJDQjkzIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi4xNzQgMjEuNzc4YzAtNC44NyAzLjcwNS04LjgzIDguMjYtOC44MyA0LjU1NiAwIDguMjYyIDMuOTYgOC4yNjIgOC44M3MtMy43MDYgOC44MzItOC4yNjEgOC44MzJjLTQuNTU2IDAtOC4yNjEtMy45NjItOC4yNjEtOC44MzJ6bTEuNzc5LjEzYzAgMy43OTYgMi45MDcgNi44ODMgNi40ODIgNi44ODMgMy41NzQgMCA2LjQ4MS0zLjA4NyA2LjQ4MS02Ljg4M3MtMi45MDctNi44ODMtNi40ODItNi44ODNjLTMuNTc0IDAtNi40ODEgMy4wODctNi40ODEgNi44ODN6IiBmaWxsPSIjNEJDQjkzIi8+PC9zdmc+"
+      />
     </slot>
   </div>
 </template>
 
 <style lang="scss">
 .ocr-id {
-
   &__img {
     width: 20px;
     height: 20px;
   }
 }
-</style>
+</style>