@ebiz/designer-components 0.1.2 → 0.1.5

package/src/components/EbizPagination.vue

@@ -1,163 +1,163 @@
-<template>
-    <t-pagination
-        :current="current"
-        :defaultCurrent="defaultCurrent"
-        :defaultPageSize="defaultPageSize"
-        :disabled="disabled"
-        :foldedMaxPageBtn="foldedMaxPageBtn"
-        :hideOnSinglePage="hideOnSinglePage"
-        :maxPageBtn="maxPageBtn"
-        :pageEllipsisMode="pageEllipsisMode"
-        :pageSize="pageSize"
-        :pageSizeOptions="pageSizeOptions"
-        :selectProps="selectProps"
-        :showFirstAndLastPageBtn="showFirstAndLastPageBtn"
-        :showJumper="showJumper"
-        :showPageNumber="showPageNumber"
-        :showPageSize="showPageSize"
-        :showPreviousAndNextBtn="showPreviousAndNextBtn"
-        :size="size"
-        :theme="theme"
-        :total="total"
-        :totalContent="totalContent"
-        @change="handleChange"
-    >
-        <!-- 如果有totalContent插槽，使用插槽内容 -->
-        <template v-if="$slots.totalContent" #totalContent>
-            <slot name="totalContent"></slot>
-        </template>
-        
-        <!-- 如果有pageNumber插槽，使用插槽内容 -->
-        <template v-if="$slots.pageNumber" #pageNumber>
-            <slot name="pageNumber"></slot>
-        </template>
-    </t-pagination>
-</template>
-
-<script>
-export default {
-    name: "EbizPagination"
-}
-</script>
-
-<script setup>
-import { defineProps, defineEmits } from 'vue';
-import { Pagination as TPagination } from 'tdesign-vue-next';
-
-defineProps({
-    // 当前页
-    current: {
-        type: Number,
-        default: undefined
-    },
-    // 默认当前页
-    defaultCurrent: {
-        type: Number,
-        default: 1
-    },
-    // 默认每页显示条数
-    defaultPageSize: {
-        type: Number,
-        default: 10
-    },
-    // 是否禁用分页
-    disabled: {
-        type: Boolean,
-        default: false
-    },
-    // 折叠时最多显示的页码按钮数
-    foldedMaxPageBtn: {
-        type: Number,
-        default: 5
-    },
-    // 当只有一页时是否隐藏分页
-    hideOnSinglePage: {
-        type: Boolean,
-        default: false
-    },
-    // 最多显示的页码按钮数
-    maxPageBtn: {
-        type: Number,
-        default: 10
-    },
-    // 页码数量超出时的省略模式
-    pageEllipsisMode: {
-        type: String,
-        default: 'mid',
-        validator: (val) => ['mid', 'both-ends'].includes(val)
-    },
-    // 每页显示条数
-    pageSize: {
-        type: Number,
-        default: 10
-    },
-    // 分页大小控制器选项
-    pageSizeOptions: {
-        type: Array,
-        default: () => [5, 10, 20, 50]
-    },
-    // 透传Select组件属性
-    selectProps: {
-        type: Object,
-        default: () => ({})
-    },
-    // 是否显示跳转首页尾页页码控制器
-    showFirstAndLastPageBtn: {
-        type: Boolean,
-        default: false
-    },
-    // 是否显示跳转页码控制器
-    showJumper: {
-        type: Boolean,
-        default: false
-    },
-    // 是否显示页码控制器
-    showPageNumber: {
-        type: Boolean,
-        default: true
-    },
-    // 是否显示分页数量控制器
-    showPageSize: {
-        type: Boolean,
-        default: true
-    },
-    // 是否显示跳转前后页页码控制器
-    showPreviousAndNextBtn: {
-        type: Boolean,
-        default: true
-    },
-    // 分页组件尺寸
-    size: {
-        type: String,
-        default: 'medium',
-        validator: (val) => ['small', 'medium'].includes(val)
-    },
-    // 分页组件风格
-    theme: {
-        type: String,
-        default: 'default',
-        validator: (val) => ['default', 'simple'].includes(val)
-    },
-    // 数据总条数
-    total: {
-        type: Number,
-        default: 0
-    },
-    // 用于自定义总条数呈现内容
-    totalContent: {
-        type: [Boolean, Function],
-        default: true
-    }
-});
-
-const emit = defineEmits(['change']);
-
-// 分页变化事件
-const handleChange = (pageInfo) => {
-    emit('change', pageInfo);
-};
-</script>
-
-<style lang="less" scoped>
-/* 自定义样式 */
+<template>
+    <t-pagination
+        :current="current"
+        :defaultCurrent="defaultCurrent"
+        :defaultPageSize="defaultPageSize"
+        :disabled="disabled"
+        :foldedMaxPageBtn="foldedMaxPageBtn"
+        :hideOnSinglePage="hideOnSinglePage"
+        :maxPageBtn="maxPageBtn"
+        :pageEllipsisMode="pageEllipsisMode"
+        :pageSize="pageSize"
+        :pageSizeOptions="pageSizeOptions"
+        :selectProps="selectProps"
+        :showFirstAndLastPageBtn="showFirstAndLastPageBtn"
+        :showJumper="showJumper"
+        :showPageNumber="showPageNumber"
+        :showPageSize="showPageSize"
+        :showPreviousAndNextBtn="showPreviousAndNextBtn"
+        :size="size"
+        :theme="theme"
+        :total="total"
+        :totalContent="totalContent"
+        @change="handleChange"
+    >
+        <!-- 如果有totalContent插槽，使用插槽内容 -->
+        <template v-if="$slots.totalContent" #totalContent>
+            <slot name="totalContent"></slot>
+        </template>
+        
+        <!-- 如果有pageNumber插槽，使用插槽内容 -->
+        <template v-if="$slots.pageNumber" #pageNumber>
+            <slot name="pageNumber"></slot>
+        </template>
+    </t-pagination>
+</template>
+
+<script>
+export default {
+    name: "EbizPagination"
+}
+</script>
+
+<script setup>
+import { defineProps, defineEmits } from 'vue';
+import { Pagination as TPagination } from 'tdesign-vue-next';
+
+defineProps({
+    // 当前页
+    current: {
+        type: Number,
+        default: undefined
+    },
+    // 默认当前页
+    defaultCurrent: {
+        type: Number,
+        default: 1
+    },
+    // 默认每页显示条数
+    defaultPageSize: {
+        type: Number,
+        default: 10
+    },
+    // 是否禁用分页
+    disabled: {
+        type: Boolean,
+        default: false
+    },
+    // 折叠时最多显示的页码按钮数
+    foldedMaxPageBtn: {
+        type: Number,
+        default: 5
+    },
+    // 当只有一页时是否隐藏分页
+    hideOnSinglePage: {
+        type: Boolean,
+        default: false
+    },
+    // 最多显示的页码按钮数
+    maxPageBtn: {
+        type: Number,
+        default: 10
+    },
+    // 页码数量超出时的省略模式
+    pageEllipsisMode: {
+        type: String,
+        default: 'mid',
+        validator: (val) => ['mid', 'both-ends'].includes(val)
+    },
+    // 每页显示条数
+    pageSize: {
+        type: Number,
+        default: 10
+    },
+    // 分页大小控制器选项
+    pageSizeOptions: {
+        type: Array,
+        default: () => [5, 10, 20, 50]
+    },
+    // 透传Select组件属性
+    selectProps: {
+        type: Object,
+        default: () => ({})
+    },
+    // 是否显示跳转首页尾页页码控制器
+    showFirstAndLastPageBtn: {
+        type: Boolean,
+        default: false
+    },
+    // 是否显示跳转页码控制器
+    showJumper: {
+        type: Boolean,
+        default: false
+    },
+    // 是否显示页码控制器
+    showPageNumber: {
+        type: Boolean,
+        default: true
+    },
+    // 是否显示分页数量控制器
+    showPageSize: {
+        type: Boolean,
+        default: true
+    },
+    // 是否显示跳转前后页页码控制器
+    showPreviousAndNextBtn: {
+        type: Boolean,
+        default: true
+    },
+    // 分页组件尺寸
+    size: {
+        type: String,
+        default: 'medium',
+        validator: (val) => ['small', 'medium'].includes(val)
+    },
+    // 分页组件风格
+    theme: {
+        type: String,
+        default: 'default',
+        validator: (val) => ['default', 'simple'].includes(val)
+    },
+    // 数据总条数
+    total: {
+        type: Number,
+        default: 0
+    },
+    // 用于自定义总条数呈现内容
+    totalContent: {
+        type: [Boolean, Function],
+        default: true
+    }
+});
+
+const emit = defineEmits(['change']);
+
+// 分页变化事件
+const handleChange = (pageInfo) => {
+    emit('change', pageInfo);
+};
+</script>
+
+<style lang="less" scoped>
+/* 自定义样式 */
 </style> 

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/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>