mg-ocr-invoice 0.4.8 → 0.4.10

package/dist/types/components/OCRInvoice/const.d.ts

@@ -1,6 +1,5 @@
 export declare const data: {
     angle: string;
-    attachmentLink: string;
     description: string;
     invoiceType: string;
     invoiceRootType: string;
@@ -56,7 +55,6 @@ export declare const data: {
     status: string;
     invoiceStatus: string;
     realStatus: string;
-    fileUrlKey: string;
     invoiceCompanyType: string;
     taxRate: string;
     taskStatus: string;

package/dist/types/index.d.ts

@@ -1,6 +1,5 @@
 import { App } from 'vue';
 import './styles/mu-invoice.css';
-import './styles/vantimpCss';
 declare function install(app: App): void;
 declare const _default: {
     install: typeof install;

package/dist/types/main.d.ts

@@ -1,2 +1 @@
 import './styles/mu-invoice.css';
-import './styles/vantimpCss';

package/dist/types/utils/common.d.ts

@@ -0,0 +1,3 @@
+export declare function getUrlParams(url: string): any;
+export declare function OCR_getMaxZIndex(): number;
+export declare const getStrID: (length?: number) => string;

package/dist/types/utils/components.d.ts

@@ -0,0 +1,35 @@
+export declare class CreateLoading {
+    constructor(options?: object);
+    id: string;
+    options: any;
+    dom: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
+    hide: () => void;
+    show: () => void;
+}
+export declare class CreateMessage {
+    constructor(options?: object);
+    id: string;
+    dom: any;
+    options: any;
+    hide: () => void;
+    show: () => void;
+}
+export declare const showMessage: (obj?: {}) => CreateMessage;
+export declare const showLoading: (obj?: {}) => CreateLoading;
+interface DialogOptionsType {
+    title?: string;
+    message: string | Function;
+    confirmText?: string;
+    cancelText?: string;
+    type?: string;
+    showCancelButton?: Boolean;
+    showconfirmButton?: Boolean;
+    closeOnClickOverlay?: Boolean;
+    lockScroll?: Boolean;
+    onConfirm?: Function;
+    onCancel?: Function;
+}
+export declare function showConfirmDialog(options: DialogOptionsType): Promise<unknown>;
+export {};

package/dist/types/utils/upload.d.ts

@@ -1,4 +1,3 @@
-export declare const processImage: (file: any) => Promise<unknown>;
 export declare const takePhoto: () => Promise<any>;
 export declare const fileType: string[];
 export declare const selectPhoto: (multiple: boolean) => Promise<any>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mg-ocr-invoice",
   "private": false,
-  "version": "0.4.8",
+  "version": "0.4.10",
   "type": "module",
   "types": "dist/types/index.d.ts",
   "module": "dist/index.es.js",
@@ -18,13 +18,12 @@
   "dependencies": {
     "@types/js-cookie": "^3.0.3",
     "axios": "^1.4.0",
-    "compressorjs": "^1.2.1",
     "decimal.js": "^10.4.3",
-    "element-plus": "^2.3.7",
     "js-cookie": "^3.0.5",
     "swiper": "^9.3.2",
-    "vant": "^4.0.9",
+    "v-viewer": "^3.0.21",
     "vconsole": "^3.15.1",
+    "viewerjs": "^1.11.7",
     "vue": "^3.2.47"
   },
   "devDependencies": {

package/src/components/InoviceConfirmDialog/InoviceConfirmDialog.vue

@@ -0,0 +1,273 @@
+<template>
+  <transition appear name="dialog-fade">
+    <div
+      v-if="isShow"
+      class="dialog-overlay"
+      :style="{ zIndex: OCR_getMaxZIndex() + 1 }">
+      <div class="dialog-container">
+        <div class="dialog-header">
+          <h2 v-if="title" class="dialog-title">{{ props.title }}</h2>
+        </div>
+        <div class="dialog-content">
+          <div v-if="props.message">
+            <div
+              v-if="handleMessage.type === 'function'"
+              ref="RefMessage"></div>
+            <div v-else>{{ props.message }}</div>
+          </div>
+          <slot v-else></slot>
+        </div>
+
+        <div class="dialog-footer">
+          <button
+            v-if="props.showCancelButton"
+            class="dialog-btn cancel-btn"
+            @click="handleCancel">
+            {{ cancelText }}
+          </button>
+          <button
+            v-if="props.showconfirmButton"
+            class="dialog-btn confirm-btn"
+            :class="confirmButtonClass"
+            @click="handleConfirm">
+            {{ props.confirmText }}
+          </button>
+        </div>
+      </div>
+    </div>
+  </transition>
+</template>
+
+<script setup lang="ts">
+import { OCR_getMaxZIndex } from '@/utils/common'
+import { ref, computed, watch, onMounted, render } from 'vue'
+const props = defineProps({
+  visible: {
+    type: Boolean,
+    default: false,
+  },
+  title: {
+    type: String,
+    default: '提示',
+  },
+  message: {
+    type: [String, Function],
+    default: '确定执行此操作吗？',
+  },
+  confirmText: {
+    type: String,
+    default: '确定',
+  },
+  cancelText: {
+    type: String,
+    default: '取消',
+  },
+  showCancelButton: {
+    type: Boolean,
+    default: true,
+  },
+  showconfirmButton: {
+    type: Boolean,
+    default: true,
+  },
+  type: {
+    type: String,
+    default: 'default',
+  },
+  closeOnClickOverlay: {
+    type: Boolean,
+    default: false,
+  },
+  lockScroll: {
+    type: Boolean,
+    default: true,
+  },
+})
+const emit = defineEmits(['update:visible', 'confirm', 'cancel', 'close'])
+const isShow = ref(props.visible)
+// 确认按钮类名
+const confirmButtonClass = computed(() => {
+  return {
+    warning: props.type === 'warning',
+    danger: props.type === 'danger',
+    success: props.type === 'success',
+    info: props.type === 'info',
+  }
+})
+const RefMessage = ref()
+const handleMessage: any = computed(() => {
+  if (typeof props.message === 'function') {
+    return {
+      type: 'function',
+      message: props.message,
+    }
+  } else {
+    return {
+      type: 'String',
+      message: props.message,
+    }
+  }
+})
+// 处理确认
+const handleConfirm = () => {
+  emit('confirm')
+  closeDialog()
+}
+
+// 处理取消
+const handleCancel = () => {
+  emit('cancel')
+  closeDialog()
+}
+
+// 关闭对话框
+const closeDialog = () => {
+  isShow.value = false
+  emit('update:visible', false)
+}
+
+// 锁定滚动条
+const lockBodyScroll = (shouldLock: boolean) => {
+  if (!props.lockScroll) return
+  document.body.style.overflow = shouldLock ? 'hidden' : ''
+}
+
+watch(
+  () => props.visible,
+  (val) => {
+    console.log(123)
+  }
+)
+
+// 组件挂载时初始化
+onMounted(() => {
+  if (props.visible) {
+    lockBodyScroll(true)
+    if (handleMessage.value.type === 'function') {
+      render(handleMessage.value.message(), RefMessage.value)
+    }
+  }
+})
+</script>
+
+<style scoped>
+.dialog-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.8);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  transition: opacity 0.3s ease;
+}
+
+.dialog-container {
+  background-color: white;
+  border-radius: 12px;
+  overflow: hidden;
+  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
+  transition: all 0.3s ease;
+  max-width: 90%;
+  width: 90%;
+}
+
+.dialog-header {
+  padding: 24px 24px 16px;
+  text-align: center;
+}
+
+.dialog-title {
+  font-size: 18px;
+  font-weight: 600;
+  color: #333;
+  margin: 0;
+}
+
+.dialog-content {
+  padding: 0 24px 24px;
+  text-align: center;
+  font-size: 14px;
+  color: #666;
+}
+
+.dialog-footer {
+  display: flex;
+  border-top: 1px solid #eee;
+}
+
+.dialog-btn {
+  flex: 1;
+  /* height: 50px; */
+  padding: 12px 0;
+  border: none;
+  background: none;
+  font-size: 16px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+
+.dialog-btn:active {
+  opacity: 0.8;
+}
+
+.cancel-btn {
+  color: #666;
+  border-right: 1px solid #eee;
+}
+
+.confirm-btn {
+  color: #1890ff;
+  font-weight: 600;
+}
+
+.confirm-btn.warning {
+  color: #faad14;
+}
+
+.confirm-btn.danger {
+  color: #f5222d;
+}
+
+.confirm-btn.success {
+  color: #52c41a;
+}
+
+.confirm-btn.info {
+  color: #1890ff;
+}
+/* 动画优化 */
+.dialog-fade-enter-active,
+.dialog-fade-leave-active {
+  transition: opacity 0.3s ease;
+}
+
+.dialog-fade-enter-from,
+.dialog-fade-leave-to {
+  opacity: 0;
+}
+
+.dialog-fade-enter-active .dialog-container,
+.dialog-fade-leave-active .dialog-container {
+  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
+}
+
+.dialog-fade-enter-from .dialog-container {
+  transform: scale(0.3) translateY(20px);
+  opacity: 0;
+}
+
+.dialog-fade-leave-to .dialog-container {
+  transform: scale(0.6);
+  opacity: 0;
+}
+
+.dialog-fade-enter-to .dialog-container,
+.dialog-fade-leave-from .dialog-container {
+  transform: scale(1);
+  opacity: 1;
+}
+</style>