1404/11/04- first

src/core/components/BaseButton/index.ts

@@ -0,0 +1,2 @@
+import button from './src/button.vue'
+export default button

src/core/components/BaseButton/src/button.vue

@@ -0,0 +1,56 @@
+<template>
+  <AButton :type="props.type" :size="props.size" :class="[prefixCls, _class]">
+    <!--    py-1 px-2-->
+    <div
+      class="flex items-center gap-1 justify-center flex-row-reverse gap-2 py-1 px-2"
+      :class="[{ 'flex-row-reverse': suffixIcon }]"
+    >
+      <slot v-if="$slots.default"></slot>
+
+      <BaseIcon :size="iconSize" :icon="icon" v-if="icon" :class="iconClass" />
+    </div>
+  </AButton>
+</template>
+
+<script lang="ts" setup>
+import { usePrefix } from '@core/composable/usePrefix'
+import { computed } from 'vue'
+import { baseButtonIconSize } from '@root/config'
+
+interface Props {
+  icon?: string
+  iconSize?: string
+  iconClass?: string
+  suffixIcon?: boolean
+  type?: string
+  size?: string
+  // prefixIcon?: string
+}
+
+const slot = useSlots()
+
+const _class = computed(() => {
+  if (!slot.default) {
+    // return '!px-1 !py-1'
+  }
+  return ''
+})
+
+const { prefixCls } = usePrefix('base-button')
+
+const props = withDefaults(defineProps<Props>(), {
+  iconSize: baseButtonIconSize,
+  // iconLeft: false,
+  iconClass: ''
+})
+</script>
+
+<style lang="less">
+@prefix:~'@{prefixCls}-base-button';
+  .@{prefix}{
+    //width: fit-content;
+    padding: 0;
+    height: auto;
+    /*padding: 8px;*/
+  }
+</style>