fetch: Fix ICON configuration wansenai#22

flow-admin-ui/src/components/Application/src/AppLocalePicker.vue

@@ -22,7 +22,7 @@
   import type { DropMenu } from '/@/components/Dropdown';
   import { ref, watchEffect, unref, computed } from 'vue';
   import { Dropdown } from '/@/components/Dropdown';
-  import { Icon } from '/@/components/Icon';
+  import Icon from '/@/components/Icon/Icon.vue';
   import { useLocale } from '/@/locales/useLocale';
   import { localeList } from '/@/settings/localeSetting';
 

flow-admin-ui/src/components/Application/src/search/AppSearchKeyItem.vue

@@ -4,7 +4,7 @@
   </span>
 </template>
 <script lang="ts" setup>
-  import { Icon } from '/@/components/Icon';
+  import Icon from '/@/components/Icon/Icon.vue';
   defineProps({
     icon: String,
   });

flow-admin-ui/src/components/Application/src/search/AppSearchModal.vue

@@ -61,7 +61,7 @@
   import { computed, unref, ref, watch, nextTick } from 'vue';
   import { SearchOutlined } from '@ant-design/icons-vue';
   import AppSearchFooter from './AppSearchFooter.vue';
-  import Icon from '/@/components/Icon';
+  import Icon from '/@/components/Icon/Icon.vue';
   // @ts-ignore
   import vClickOutside from '/@/directives/clickOutside';
   import { useDesign } from '/@/hooks/web/useDesign';

flow-admin-ui/src/components/Basic/src/BasicArrow.vue

@@ -1,84 +1,80 @@
-<!--
- * @Author: Vben
- * @Description: Arrow component with animation
--->
 <template>
   <span :class="getClass">
     <Icon icon="ion:chevron-forward" :style="$attrs.iconStyle" />
   </span>
 </template>
 <script lang="ts" setup>
-  import { computed } from 'vue';
-  import { Icon } from '/@/components/Icon';
-  import { useDesign } from '/@/hooks/web/useDesign';
+import { computed } from 'vue';
+import Icon from '@/components/Icon/Icon.vue';
+import { useDesign } from '/@/hooks/web/useDesign';
 
-  const props = defineProps({
-    /**
-     * Arrow expand state
-     */
-    expand: { type: Boolean },
-    /**
-     * Arrow up by default
-     */
-    up: { type: Boolean },
-    /**
-     * Arrow down by default
-     */
-    down: { type: Boolean },
-    /**
-     * Cancel padding/margin for inline
-     */
-    inset: { type: Boolean },
-  });
+const props = defineProps({
+  /**
+   * Arrow expand state
+   */
+  expand: { type: Boolean },
+  /**
+   * Arrow up by default
+   */
+  up: { type: Boolean },
+  /**
+   * Arrow down by default
+   */
+  down: { type: Boolean },
+  /**
+   * Cancel padding/margin for inline
+   */
+  inset: { type: Boolean },
+});
 
-  const { prefixCls } = useDesign('basic-arrow');
+const { prefixCls } = useDesign('basic-arrow');
 
-  // get component class
-  const getClass = computed(() => {
-    const { expand, up, down, inset } = props;
-    return [
-      prefixCls,
-      {
-        [`${prefixCls}--active`]: expand,
-        up,
-        inset,
-        down,
-      },
-    ];
-  });
+// get component class
+const getClass = computed(() => {
+  const { expand, up, down, inset } = props;
+  return [
+    prefixCls,
+    {
+      [`${prefixCls}--active`]: expand,
+      up,
+      inset,
+      down,
+    },
+  ];
+});
 </script>
 <style lang="less" scoped>
-  @prefix-cls: ~'@{namespace}-basic-arrow';
+@prefix-cls: ~'@{namespace}-basic-arrow';
 
-  .@{prefix-cls} {
-    display: inline-block;
-    cursor: pointer;
-    transform: rotate(0deg);
-    transition: all 0.3s ease 0.1s;
-    transform-origin: center center;
+.@{prefix-cls} {
+  display: inline-block;
+  transform: rotate(0deg);
+  transform-origin: center center;
+  transition: all 0.3s ease 0.1s;
+  cursor: pointer;
 
-    &--active {
-      transform: rotate(90deg);
-    }
+  &--active {
+    transform: rotate(90deg);
+  }
 
-    &.inset {
-      line-height: 0px;
-    }
+  &.inset {
+    line-height: 0px;
+  }
 
-    &.up {
-      transform: rotate(-90deg);
-    }
+  &.up {
+    transform: rotate(-90deg);
+  }
 
-    &.down {
-      transform: rotate(90deg);
-    }
+  &.down {
+    transform: rotate(90deg);
+  }
 
-    &.up.@{prefix-cls}--active {
-      transform: rotate(90deg);
-    }
+  &.up.@{prefix-cls}--active {
+    transform: rotate(90deg);
+  }
 
-    &.down.@{prefix-cls}--active {
-      transform: rotate(-90deg);
-    }
+  &.down.@{prefix-cls}--active {
+    transform: rotate(-90deg);
   }
+}
 </style>

flow-admin-ui/src/components/Button/src/BasicButton.vue

@@ -8,34 +8,32 @@
   </Button>
 </template>
 
-<script lang="ts">
-  import { defineComponent } from 'vue';
-  import { Button } from 'ant-design-vue';
-  export default defineComponent({
-    name: 'AButton',
-    extends: Button,
-    inheritAttrs: false,
-  });
-</script>
 <script lang="ts" setup>
-  import { computed, unref } from 'vue';
-  import Icon from '/@/components/Icon/src/Icon.vue';
-  import { buttonProps } from './props';
-  import { useAttrs } from '/@/hooks/core/useAttrs';
+import { Button } from 'ant-design-vue';
+import { computed, unref } from 'vue';
+import Icon from '@/components/Icon/Icon.vue';
+import { buttonProps } from './props';
+import { useAttrs } from '@vben/hooks';
+
+defineOptions({
+  name: 'AButton',
+  extends: Button,
+  inheritAttrs: false,
+});
 
-  const props = defineProps(buttonProps);
-  // get component class
-  const attrs = useAttrs({ excludeDefaultKeys: false });
-  const getButtonClass = computed(() => {
-    const { color, disabled } = props;
-    return [
-      {
-        [`ant-btn-${color}`]: !!color,
-        [`is-disabled`]: disabled,
-      },
-    ];
-  });
+const props = defineProps(buttonProps);
+// get component class
+const attrs = useAttrs({ excludeDefaultKeys: false });
+const getButtonClass = computed(() => {
+  const { color, disabled } = props;
+  return [
+    {
+      [`ant-btn-${color}`]: !!color,
+      [`is-disabled`]: disabled,
+    },
+  ];
+});
 
-  // get inherit binding value
-  const getBindValue = computed(() => ({ ...unref(attrs), ...props }));
+// get inherit binding value
+const getBindValue = computed(() => ({ ...unref(attrs), ...props }));
 </script>

flow-admin-ui/src/components/ContextMenu/src/ContextMenu.vue

@@ -2,7 +2,7 @@
   import type { ContextMenuItem, ItemContentProps, Axis } from './typing';
   import type { FunctionalComponent, CSSProperties, PropType } from 'vue';
   import { defineComponent, nextTick, onMounted, computed, ref, unref, onUnmounted } from 'vue';
-  import Icon from '/@/components/Icon';
+  import Icon from '/@/components/Icon/Icon.vue';
   import { Menu, Divider } from 'ant-design-vue';
 
   const prefixCls = 'context-menu';

flow-admin-ui/src/components/Cropper/src/CropperAvatar.vue

@@ -45,7 +45,7 @@
   import { useMessage } from '/@/hooks/web/useMessage';
   import { useI18n } from '/@/hooks/web/useI18n';
   import type { ButtonProps } from '/@/components/Button';
-  import Icon from '/@/components/Icon';
+  import Icon from '/@/components/Icon/Icon.vue';
 
   const props = {
     width: { type: [String, Number], default: '200px' },

flow-admin-ui/src/components/Dropdown/src/Dropdown.vue

@@ -39,7 +39,7 @@
   import { computed, PropType } from 'vue';
   import type { DropMenu } from './typing';
   import { Dropdown, Menu, Popconfirm } from 'ant-design-vue';
-  import { Icon } from '/@/components/Icon';
+  import Icon from '/@/components/Icon/Icon.vue';
   import { omit } from 'lodash-es';
   import { isFunction } from '/@/utils/is';
 

flow-admin-ui/src/components/FlowChart/src/FlowChartToolbar.vue

@@ -19,7 +19,7 @@
 
   import { defineComponent, ref, onUnmounted, unref, nextTick, watchEffect } from 'vue';
   import { Divider, Tooltip } from 'ant-design-vue';
-  import { Icon } from '/@/components/Icon';
+  import Icon from '/@/components/Icon/Icon.vue';
 
   import { useFlowChartContext } from './useFlowContext';
   import { ToolbarTypeEnum } from './enum';

flow-admin-ui/src/components/Menu/src/components/MenuItemContent.vue

@@ -7,7 +7,7 @@
 <script lang="ts">
   import { computed, defineComponent } from 'vue';
 
-  import Icon from '/@/components/Icon/index';
+  import Icon from "/@/components/Icon/Icon.vue";;
   import { useI18n } from '/@/hooks/web/useI18n';
   import { useDesign } from '/@/hooks/web/useDesign';
   import { contentProps } from '../props';

flow-admin-ui/src/components/SimpleMenu/src/SimpleSubMenu.vue

@@ -48,7 +48,7 @@
 
   import { defineComponent, computed } from 'vue';
   import { useDesign } from '/@/hooks/web/useDesign';
-  import Icon from '/@/components/Icon/index';
+  import Icon from "/@/components/Icon/Icon.vue";;
 
   import MenuItem from './components/MenuItem.vue';
   import SubMenu from './components/SubMenuItem.vue';

flow-admin-ui/src/components/SimpleMenu/src/components/SubMenuItem.vue

@@ -74,7 +74,7 @@
   import { useMenuItem } from './useMenu';
   import { useSimpleRootMenuContext } from './useSimpleMenuContext';
   import { CollapseTransition } from '/@/components/Transition';
-  import Icon from '/@/components/Icon';
+  import Icon from '/@/components/Icon/Icon.vue';
   import { Popover } from 'ant-design-vue';
   import { isBoolean, isObject } from '/@/utils/is';
   import mitt from '/@/utils/mitt';

flow-admin-ui/src/components/Table/src/components/TableAction.vue

@@ -34,7 +34,7 @@
   import { defineComponent, PropType, computed, toRaw, unref } from 'vue';
   import { MoreOutlined } from '@ant-design/icons-vue';
   import { Divider, Tooltip, TooltipProps } from 'ant-design-vue';
-  import Icon from '/@/components/Icon/index';
+  import Icon from "/@/components/Icon/Icon.vue";;
   import { ActionItem, TableActionType } from '/@/components/Table';
   import { PopConfirmButton } from '/@/components/Button';
   import { Dropdown } from '/@/components/Dropdown';

flow-admin-ui/src/components/Table/src/components/settings/ColumnSetting.vue

@@ -113,7 +113,7 @@
   import { Tooltip, Popover, Checkbox, Divider } from 'ant-design-vue';
   import type { CheckboxChangeEvent } from 'ant-design-vue/lib/checkbox/interface';
   import { SettingOutlined, DragOutlined } from '@ant-design/icons-vue';
-  import { Icon } from '/@/components/Icon';
+  import Icon from '/@/components/Icon/Icon.vue';
   import { ScrollContainer } from '/@/components/Container';
   import { useI18n } from '/@/hooks/web/useI18n';
   import { useTableContext } from '../../hooks/useTableContext';

flow-admin-ui/src/components/Tree/src/components/TreeHeader.vue

@@ -35,7 +35,7 @@
 <script lang="ts" setup>
   import { computed, ref, watch, useSlots } from 'vue';
   import { Dropdown, Menu, MenuItem, MenuDivider, InputSearch } from 'ant-design-vue';
-  import { Icon } from '/@/components/Icon';
+  import Icon from '/@/components/Icon/Icon.vue';
   import { BasicTitle } from '/@/components/Basic';
   import { useI18n } from '/@/hooks/web/useI18n';
   import { useDebounceFn } from '@vueuse/core';

flow-admin-ui/src/components/Upload/src/BasicUpload.vue

@@ -37,7 +37,7 @@
 </template>
 <script lang="ts">
   import { defineComponent, ref, watch, unref, computed } from 'vue';
-  import { Icon } from '/@/components/Icon';
+  import Icon from '/@/components/Icon/Icon.vue';
   import { Tooltip, Space } from 'ant-design-vue';
   import { useModal } from '/@/components/Modal';
   import { uploadContainerProps } from './props';

flow-admin-ui/src/layouts/default/header/components/Breadcrumb.vue

@@ -21,7 +21,7 @@
   import { defineComponent, ref, watchEffect } from 'vue';
 
   import { Breadcrumb } from 'ant-design-vue';
-  import Icon from '/@/components/Icon';
+  import Icon from '/@/components/Icon/Icon.vue';
 
   import { useDesign } from '/@/hooks/web/useDesign';
   import { useRootSetting } from '/@/hooks/setting/useRootSetting';

flow-admin-ui/src/layouts/default/header/components/ErrorAction.vue

@@ -13,7 +13,7 @@
 <script lang="ts">
   import { defineComponent, computed } from 'vue';
   import { Tooltip, Badge } from 'ant-design-vue';
-  import Icon from '/@/components/Icon';
+  import Icon from '/@/components/Icon/Icon.vue';
 
   import { useI18n } from '/@/hooks/web/useI18n';
   import { useErrorLogStore } from '/@/store/modules/errorLog';

flow-admin-ui/src/layouts/default/header/components/user-dropdown/DropMenuItem.vue

@@ -11,7 +11,7 @@
 
   import { computed, defineComponent, getCurrentInstance } from 'vue';
 
-  import Icon from '/@/components/Icon/index';
+  import Icon from "/@/components/Icon/Icon.vue";;
   import { propTypes } from '/@/utils/propTypes';
 
   export default defineComponent({

flow-admin-ui/src/layouts/default/setting/index.vue

@@ -7,7 +7,7 @@
 <script lang="ts">
   import { defineComponent } from 'vue';
   import SettingDrawer from './SettingDrawer';
-  import Icon from '/@/components/Icon';
+  import Icon from '/@/components/Icon/Icon.vue';
 
   import { useDrawer } from '/@/components/Drawer';
 

flow-admin-ui/src/layouts/default/sider/MixSider.vue

@@ -84,7 +84,7 @@
   import type { RouteLocationNormalized } from 'vue-router';
   import { ScrollContainer } from '/@/components/Container';
   import { SimpleMenu, SimpleMenuTag } from '/@/components/SimpleMenu';
-  import { Icon } from '/@/components/Icon';
+  import Icon from '/@/components/Icon/Icon.vue';
   import { AppLogo } from '/@/components/Application';
   import { useMenuSetting } from '/@/hooks/setting/useMenuSetting';
   import { usePermissionStore } from '/@/store/modules/permission';

flow-admin-ui/src/layouts/default/tabs/components/FoldButton.vue

@@ -5,7 +5,7 @@
 </template>
 <script lang="ts">
   import { defineComponent, unref, computed } from 'vue';
-  import { Icon } from '/@/components/Icon';
+  import Icon from '/@/components/Icon/Icon.vue';
 
   import { useDesign } from '/@/hooks/web/useDesign';
   import { useHeaderSetting } from '/@/hooks/setting/useHeaderSetting';

flow-admin-ui/src/layouts/default/tabs/components/TabContent.vue

@@ -20,7 +20,7 @@
 
   import { defineComponent, computed, unref } from 'vue';
   import { Dropdown } from '/@/components/Dropdown/index';
-  import { Icon } from '/@/components/Icon';
+  import Icon from '/@/components/Icon/Icon.vue';
 
   import { TabContentProps } from '../types';