@ebiz/designer-components 0.1.89 → 0.1.90

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,74 +1,74 @@
-<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 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>
-/* 自定义样式 */
+<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 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/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> 

package/src/components/EbizRadioGroup.vue

@@ -1,84 +1,84 @@
-<template>
-    <t-radio-group
-        :allowUncheck="allowUncheck"
-        :disabled="disabled"
-        :name="name"
-        :options="options"
-        :size="size"
-        :value="modelValue"
-        :defaultValue="defaultValue"
-        :variant="variant"
-        @change="handleChange"
-    >
-        <!-- 默认插槽 -->
-        <slot></slot>
-    </t-radio-group>
-</template>
-
-<script>
-export default {
-    name: "EbizRadioGroup"
-}
-</script>
-
-<script setup>
-import { defineProps, defineEmits } from 'vue';
-import { RadioGroup as TRadioGroup } from 'tdesign-vue-next';
-
-const props = defineProps({
-    // 是否允许取消选中
-    allowUncheck: {
-        type: Boolean,
-        default: false
-    },
-    // 是否禁用组件
-    disabled: {
-        type: Boolean,
-        default: undefined
-    },
-    // HTML 元素原生属性
-    name: {
-        type: String,
-        default: ''
-    },
-    // 以配置形式设置子元素
-    options: {
-        type: Array,
-        default: () => []
-    },
-    // 组件尺寸
-    size: {
-        type: String,
-        default: 'medium',
-        validator: (val) => ['small', 'medium', 'large'].includes(val)
-    },
-    // 选中值 (v-model)
-    modelValue: {
-        type: [String, Number, Boolean],
-        default: undefined
-    },
-    // 默认选中值
-    defaultValue: {
-        type: [String, Number, Boolean],
-        default: undefined
-    },
-    // 单选组件按钮形式
-    variant: {
-        type: String,
-        default: 'outline',
-        validator: (val) => ['outline', 'primary-filled', 'default-filled'].includes(val)
-    }
-});
-
-const emit = defineEmits(['change', 'update:modelValue']);
-
-// 选中值变化事件
-const handleChange = (value, context) => {
-    emit('update:modelValue', value);
-    emit('change', value, context);
-};
-</script>
-
-<style lang="less" scoped>
-/* 自定义样式 */
+<template>
+    <t-radio-group
+        :allowUncheck="allowUncheck"
+        :disabled="disabled"
+        :name="name"
+        :options="options"
+        :size="size"
+        :value="modelValue"
+        :defaultValue="defaultValue"
+        :variant="variant"
+        @change="handleChange"
+    >
+        <!-- 默认插槽 -->
+        <slot></slot>
+    </t-radio-group>
+</template>
+
+<script>
+export default {
+    name: "EbizRadioGroup"
+}
+</script>
+
+<script setup>
+import { defineProps, defineEmits } from 'vue';
+import { RadioGroup as TRadioGroup } from 'tdesign-vue-next';
+
+const props = defineProps({
+    // 是否允许取消选中
+    allowUncheck: {
+        type: Boolean,
+        default: false
+    },
+    // 是否禁用组件
+    disabled: {
+        type: Boolean,
+        default: undefined
+    },
+    // HTML 元素原生属性
+    name: {
+        type: String,
+        default: ''
+    },
+    // 以配置形式设置子元素
+    options: {
+        type: Array,
+        default: () => []
+    },
+    // 组件尺寸
+    size: {
+        type: String,
+        default: 'medium',
+        validator: (val) => ['small', 'medium', 'large'].includes(val)
+    },
+    // 选中值 (v-model)
+    modelValue: {
+        type: [String, Number, Boolean],
+        default: undefined
+    },
+    // 默认选中值
+    defaultValue: {
+        type: [String, Number, Boolean],
+        default: undefined
+    },
+    // 单选组件按钮形式
+    variant: {
+        type: String,
+        default: 'outline',
+        validator: (val) => ['outline', 'primary-filled', 'default-filled'].includes(val)
+    }
+});
+
+const emit = defineEmits(['change', 'update:modelValue']);
+
+// 选中值变化事件
+const handleChange = (value, context) => {
+    emit('update:modelValue', value);
+    emit('change', value, context);
+};
+</script>
+
+<style lang="less" scoped>
+/* 自定义样式 */
 </style>