@ebiz/designer-components 0.1.68 → 0.1.74

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ebiz/designer-components",
-  "version": "0.1.68",
+  "version": "0.1.74",
   "private": false,
   "publishConfig": {
     "access": "public"
@@ -21,7 +21,7 @@
     "echarts": "^5.6.0",
     "pdfjs-dist": "^3.11.174",
     "vxe-table": "^4.13.31",
-    "tdesign-vue-next": "^1.12.0",
+    "tdesign-vue-next": "^1.15.0",
     "unplugin-auto-import": "^19.0.0",
     "unplugin-vue-components": "^28.0.0",
     "vue": "^3.5.13",

package/src/components/EbizQrCode.vue

@@ -0,0 +1,79 @@
+<template>
+  <div>
+    <t-qrcode :bg-color="bgColor" :border-less="borderless" :color="color" :icon="icon" :icon-size="iconSize"
+      :level="level" :size="size" :type="type" :value="value" @refresh="onRefresh">
+    </t-qrcode>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'EbizQrCode'
+}
+</script>
+
+<script setup>
+import { defineProps, defineEmits } from 'vue';
+import { QRCode as TQrcode } from 'tdesign-vue-next';
+
+const props = defineProps({
+  // 二维码背景颜色
+  bgColor: {
+    type: String,
+    default: ''
+  },
+  // 是否有边框
+  borderless: {
+    type: Boolean,
+    default: false
+  },
+  // 二维码颜色
+  color: {
+    type: String,
+    default: ''
+  },
+  // 二维码中图片的地址
+  icon: {
+    type: String,
+    default: ''
+  },
+  // 二维码中图片的大小。TS 类型：number | { width: number; height: number }
+  iconSize: {
+    type: Number,
+    default: 40
+  },
+  // 二维码纠错等级。可选项：L/M/Q/H
+  level: {
+    type: String,
+    default: M
+  },
+  // 二维码大小
+  size: {
+    type: Number,
+    default: 160
+  },
+  // 渲染类型。可选项：canvas/svg
+  type: {
+    type: String,
+    default: 'canvas'
+  },
+  // 扫描后的文本
+  value: {
+    type: String,
+    default: ''
+  }
+})
+
+const emit = defineEmits(['refresh'])
+
+// 点击"点击刷新"的回调
+const onRefresh = () => {
+  emit('refresh')
+}
+
+</script>
+<!-- 
+
+<style lang="scss" scoped>
+/* 自定义样式 */
+</style> -->

package/src/components/senior/EbizSDialog/index.vue

@@ -297,18 +297,23 @@ const currentId = ref(null)
 const currentParams = ref({})
 // 本地维护一份表单数据的副本
 const initFormData = ref(props.formData ? { ...props.formData } : {})
-const localFormDataValue = ref({ ...initFormData })
-const localFormData = computed({
-  set(newValue) {
-    localFormDataValue.value = newValue
-  },
-  get() {
-    if (!props.formData) {
-      return { ...localFormDataValue.value }
-    }
-    return { ...localFormDataValue.value, ...props.formData }
+const localFormData = ref({ ...initFormData.value })
+
+// 监听 props.formData 的变化，同步到本地数据
+watch(() => props.formData, (newFormData) => {
+  if (newFormData) {
+    // 合并新的表单数据到本地数据
+    Object.keys(newFormData).forEach(key => {
+      localFormData.value[key] = newFormData[key]
+    })
   }
-})
+}, { deep: true })
+
+// 监听本地数据变化，同步到父组件
+watch(localFormData, (newValue) => {
+  emit('update:formData', { ...newValue })
+}, { deep: true })
+
 // 监听props的visible变化
 watch(() => props.visible, (newVal) => {
   dialogVisible.value = newVal
@@ -367,7 +372,7 @@ const callApi = async (config = props.apiConfig) => {
     console.log(localFormData.value)
 
     // 准备请求参数
-    const fetchParams = { ...localFormData.value, ...props.formData }
+    const fetchParams = { ...localFormData.value }
 
     // 如果有ID，添加到请求参数中
     if (currentId.value) {
@@ -403,7 +408,9 @@ const callApi = async (config = props.apiConfig) => {
     }
 
     // 清空数据
-    localFormData.value = {}
+    Object.keys(localFormData.value).forEach(key => {
+      delete localFormData.value[key]
+    })
 
     // 触发成功事件
     emit('api-success', response)
@@ -653,8 +660,12 @@ const resetFormData = () => {
     emit('reset', { type: 'manual' })
   }
 
-  console.log("initFormData.value", initFormData.value)
-  emit('update:formData', {})
+  // 重置本地表单数据
+  Object.keys(localFormData.value).forEach(key => {
+    delete localFormData.value[key]
+  })
+
+  emit('update:formData', { ...localFormData.value })
 
   return { success: true, message: '表单已重置' }
 }

package/src/index.js

@@ -102,6 +102,7 @@ import EbizDetailItem from './components/EbizDetailItem.vue'
 import EbizPdfViewer from './components/EbizPdfViewer.vue'
 import EbizRichTextEditor from './components/EbizRichTextEditor.vue'
 import EbizVideo from './components/EbizVideo.vue'
+import EbizQrCode from './components/EbizQrCode.vue'
 
 // 导出组件
 export {
@@ -248,5 +249,7 @@ export {
   // 富文本编辑器组件
   EbizRichTextEditor,
   // 视频播放器组件
-  EbizVideo
+  EbizVideo,
+  // 二维码组件
+  EbizQrCode
 }