@ebiz/designer-components 0.1.133 → 0.1.136

package/src/components/EbizPopconfirm.vue

@@ -1,48 +1,48 @@
-<template>
-  <t-popconfirm
-    :content="content"
-    @cancel="handleCancel"
-    @confirm="handleConfirm"
-  >
-    <slot></slot>
-  </t-popconfirm>
-</template>
-
-<script>
-export default {
-  name: "EbizPopconfirm"
-}
-</script>
-
-<script setup>
-import { Popconfirm as TPopconfirm } from 'tdesign-vue-next';
-
-// 定义属性
-const props = defineProps({
-  // 确认框内容
-  content: {
-    type: [String, Function],
-    default: ''
-  }
-});
-
-// 定义事件
-const emit = defineEmits([
-  'cancel',
-  'confirm'
-]);
-
-// 取消按钮点击事件
-const handleCancel = ({ e }) => {
-  emit('cancel', { e });
-};
-
-// 确认按钮点击事件
-const handleConfirm = ({ e }) => {
-  emit('confirm', { e });
-};
-</script>
-
-<style lang="less" scoped>
-/* 自定义样式可在此处添加 */
+<template>
+  <t-popconfirm
+    :content="content"
+    @cancel="handleCancel"
+    @confirm="handleConfirm"
+  >
+    <slot></slot>
+  </t-popconfirm>
+</template>
+
+<script>
+export default {
+  name: "EbizPopconfirm"
+}
+</script>
+
+<script setup>
+import { Popconfirm as TPopconfirm } from 'tdesign-vue-next';
+
+// 定义属性
+const props = defineProps({
+  // 确认框内容
+  content: {
+    type: [String, Function],
+    default: ''
+  }
+});
+
+// 定义事件
+const emit = defineEmits([
+  'cancel',
+  'confirm'
+]);
+
+// 取消按钮点击事件
+const handleCancel = ({ e }) => {
+  emit('cancel', { e });
+};
+
+// 确认按钮点击事件
+const handleConfirm = ({ e }) => {
+  emit('confirm', { e });
+};
+</script>
+
+<style lang="less" scoped>
+/* 自定义样式可在此处添加 */
 </style> 

package/src/components/EbizQrCode.vue

@@ -1,168 +1,168 @@
-<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" 
-      @click="onClick" :class="{ 'no-padding': true, 'cursor-pointer': props.dialogShow }">
-    </t-qrcode>
-    <t-dialog v-model:visible="dialogVisible" :width="dialogWidth" :confirm-btn="null" :cancel-btn="null">
-      <div style="display: flex; justify-content: center;">
-        <t-space direction="vertical" :align="dialogAlign">
-          <t-qrcode :bg-color="bgColor" :border-less="borderless" :color="color" :icon="icon" :icon-size="iconSize"
-            :level="level" :size="dialogQrCodeSize" :type="type" :value="value" id="QRCode">
-          </t-qrcode>
-          <t-button v-if="showDownloadBtn" @click="handleDownload">{{ downloadBtnText }}</t-button>
-        </t-space>
-      </div>
-    </t-dialog>
-  </div>
-</template>
-
-
-<script setup>
-import { defineProps, defineEmits, ref } from 'vue';
-import { QRCode as TQrcode, Dialog as TDialog, Button as TButton, Space as TSpace } 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: ''
-  },
-  // 是否点击弹窗显示大图
-  dialogShow: {
-    type: Boolean,
-    default: false
-  },
-  // 弹窗宽度
-  dialogWidth: {
-    type: [String, Number],
-    default: '500px'
-  },
-  // 弹窗二维码大小
-  dialogQrCodeSize: {
-    type: Number,
-    default: 380
-  },
-  // 是否显示下载按钮
-  showDownloadBtn: {
-    type: Boolean,
-    default: false
-  },
-  // 下载按钮文字
-  downloadBtnText: {
-    type: String,
-    default: '下载二维码'
-  },
-  // 下载文件名
-  downloadFileName: {
-    type: String,
-    default: '二维码'
-  },
-  // 二维码、按钮对齐方式
-  dialogAlign: {
-    type: String,
-    default: 'center'
-  },
-})
-
-const dialogVisible = ref(false)
-const emit = defineEmits(['refresh'])
-
-// 点击"点击刷新"的回调
-const onRefresh = () => {
-  emit('refresh')
-}
-
-const onClick = () => {
-  if (props.dialogShow) {
-    dialogVisible.value = true
-  }
-}
-
-const downloadFile = (url, fileName) => {
-  const a = document.createElement('a');
-  a.download = fileName;
-  a.href = url;
-  document.body.appendChild(a);
-  a.click();
-  document.body.removeChild(a);
-}
-
-const downloadCanvas = () => {
-  const canvas = document.getElementById('QRCode').querySelector('canvas');
-  if (canvas) {
-    const url = canvas.toDataURL();
-    console.log(url);
-    downloadFile(url, props.downloadFileName + '.png');
-  }
-};
-
-const downloadSvg = () => {
-  const svg = document.getElementById('QRCode').querySelector('svg');
-  const svgData = new XMLSerializer().serializeToString(svg);
-  const blob = new Blob([svgData], { type: 'image/svg+xml;charset=utf-8' });
-  const url = URL.createObjectURL(blob);
-  console.log(url);
-  downloadFile(url, props.downloadFileName + '.svg');
-};
-
-const handleDownload = () => {
-  if (props.type === 'canvas') {
-    downloadCanvas();
-  }
-  if (props.type === 'svg') {
-    downloadSvg();
-  }
-};
-</script>
-
-
-<style lang="less" scoped>
-/* 自定义样式 */
-.cursor-pointer {
-  cursor: pointer;
-}
-.no-padding {
-  padding: 6px;
-}
+<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" 
+      @click="onClick" :class="{ 'no-padding': true, 'cursor-pointer': props.dialogShow }">
+    </t-qrcode>
+    <t-dialog v-model:visible="dialogVisible" :width="dialogWidth" :confirm-btn="null" :cancel-btn="null">
+      <div style="display: flex; justify-content: center;">
+        <t-space direction="vertical" :align="dialogAlign">
+          <t-qrcode :bg-color="bgColor" :border-less="borderless" :color="color" :icon="icon" :icon-size="iconSize"
+            :level="level" :size="dialogQrCodeSize" :type="type" :value="value" id="QRCode">
+          </t-qrcode>
+          <t-button v-if="showDownloadBtn" @click="handleDownload">{{ downloadBtnText }}</t-button>
+        </t-space>
+      </div>
+    </t-dialog>
+  </div>
+</template>
+
+
+<script setup>
+import { defineProps, defineEmits, ref } from 'vue';
+import { QRCode as TQrcode, Dialog as TDialog, Button as TButton, Space as TSpace } 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: ''
+  },
+  // 是否点击弹窗显示大图
+  dialogShow: {
+    type: Boolean,
+    default: false
+  },
+  // 弹窗宽度
+  dialogWidth: {
+    type: [String, Number],
+    default: '500px'
+  },
+  // 弹窗二维码大小
+  dialogQrCodeSize: {
+    type: Number,
+    default: 380
+  },
+  // 是否显示下载按钮
+  showDownloadBtn: {
+    type: Boolean,
+    default: false
+  },
+  // 下载按钮文字
+  downloadBtnText: {
+    type: String,
+    default: '下载二维码'
+  },
+  // 下载文件名
+  downloadFileName: {
+    type: String,
+    default: '二维码'
+  },
+  // 二维码、按钮对齐方式
+  dialogAlign: {
+    type: String,
+    default: 'center'
+  },
+})
+
+const dialogVisible = ref(false)
+const emit = defineEmits(['refresh'])
+
+// 点击"点击刷新"的回调
+const onRefresh = () => {
+  emit('refresh')
+}
+
+const onClick = () => {
+  if (props.dialogShow) {
+    dialogVisible.value = true
+  }
+}
+
+const downloadFile = (url, fileName) => {
+  const a = document.createElement('a');
+  a.download = fileName;
+  a.href = url;
+  document.body.appendChild(a);
+  a.click();
+  document.body.removeChild(a);
+}
+
+const downloadCanvas = () => {
+  const canvas = document.getElementById('QRCode').querySelector('canvas');
+  if (canvas) {
+    const url = canvas.toDataURL();
+    console.log(url);
+    downloadFile(url, props.downloadFileName + '.png');
+  }
+};
+
+const downloadSvg = () => {
+  const svg = document.getElementById('QRCode').querySelector('svg');
+  const svgData = new XMLSerializer().serializeToString(svg);
+  const blob = new Blob([svgData], { type: 'image/svg+xml;charset=utf-8' });
+  const url = URL.createObjectURL(blob);
+  console.log(url);
+  downloadFile(url, props.downloadFileName + '.svg');
+};
+
+const handleDownload = () => {
+  if (props.type === 'canvas') {
+    downloadCanvas();
+  }
+  if (props.type === 'svg') {
+    downloadSvg();
+  }
+};
+</script>
+
+
+<style lang="less" scoped>
+/* 自定义样式 */
+.cursor-pointer {
+  cursor: pointer;
+}
+.no-padding {
+  padding: 6px;
+}
 </style>

package/src/components/EbizRadio.vue

@@ -1,87 +1,87 @@
-<template>
-    <t-radio
-        :allowUncheck="allowUncheck"
-        :checked="modelValue"
-        :defaultChecked="defaultChecked"
-        :disabled="disabled"
-        :label="label"
-        :name="name"
-        :readonly="readonly"
-        :value="value"
-        @change="handleChange"
-        @click="handleClick"
-    >
-        <slot>{{ label }}</slot>
-    </t-radio>
-</template>
-
-<script>
-export default {
-    name: "EbizRadio"
-}
-</script>
-
-<script setup>
-import { defineProps, defineEmits } from 'vue';
-import { Radio as TRadio } from 'tdesign-vue-next';
-
-const props = defineProps({
-    // 是否允许取消选中
-    allowUncheck: {
-        type: Boolean,
-        default: false
-    },
-    // 是否选中 (v-model)
-    modelValue: {
-        type: Boolean,
-        default: false
-    },
-    // 默认是否选中
-    defaultChecked: {
-        type: Boolean,
-        default: false
-    },
-    // 是否禁用组件
-    disabled: {
-        type: Boolean,
-        default: undefined
-    },
-    // 主文案
-    label: {
-        type: String,
-        default: ''
-    },
-    // HTML 元素原生属性
-    name: {
-        type: String,
-        default: ''
-    },
-    // 只读状态
-    readonly: {
-        type: Boolean,
-        default: false
-    },
-    // 单选按钮的值
-    value: {
-        type: [String, Number, Boolean],
-        default: undefined
-    }
-});
-
-const emit = defineEmits(['change', 'click', 'update:modelValue']);
-
-// 选中状态变化事件
-const handleChange = (checked, context) => {
-    emit('update:modelValue', checked);
-    emit('change', checked, context);
-};
-
-// 点击事件
-const handleClick = (context) => {
-    emit('click', context);
-};
-</script>
-
-<style lang="less" scoped>
-/* 自定义样式 */
+<template>
+    <t-radio
+        :allowUncheck="allowUncheck"
+        :checked="modelValue"
+        :defaultChecked="defaultChecked"
+        :disabled="disabled"
+        :label="label"
+        :name="name"
+        :readonly="readonly"
+        :value="value"
+        @change="handleChange"
+        @click="handleClick"
+    >
+        <slot>{{ label }}</slot>
+    </t-radio>
+</template>
+
+<script>
+export default {
+    name: "EbizRadio"
+}
+</script>
+
+<script setup>
+import { defineProps, defineEmits } from 'vue';
+import { Radio as TRadio } from 'tdesign-vue-next';
+
+const props = defineProps({
+    // 是否允许取消选中
+    allowUncheck: {
+        type: Boolean,
+        default: false
+    },
+    // 是否选中 (v-model)
+    modelValue: {
+        type: Boolean,
+        default: false
+    },
+    // 默认是否选中
+    defaultChecked: {
+        type: Boolean,
+        default: false
+    },
+    // 是否禁用组件
+    disabled: {
+        type: Boolean,
+        default: undefined
+    },
+    // 主文案
+    label: {
+        type: String,
+        default: ''
+    },
+    // HTML 元素原生属性
+    name: {
+        type: String,
+        default: ''
+    },
+    // 只读状态
+    readonly: {
+        type: Boolean,
+        default: false
+    },
+    // 单选按钮的值
+    value: {
+        type: [String, Number, Boolean],
+        default: undefined
+    }
+});
+
+const emit = defineEmits(['change', 'click', 'update:modelValue']);
+
+// 选中状态变化事件
+const handleChange = (checked, context) => {
+    emit('update:modelValue', checked);
+    emit('change', checked, context);
+};
+
+// 点击事件
+const handleClick = (context) => {
+    emit('click', context);
+};
+</script>
+
+<style lang="less" scoped>
+/* 自定义样式 */
 </style>