chore: @vben-core/iconify was renamed @vben-core/icons. Add readme.md for some packages

packages/@core/shared/icons/build.config.ts

@@ -0,0 +1,7 @@
+import { defineBuildConfig } from 'unbuild';
+
+export default defineBuildConfig({
+  clean: true,
+  declaration: true,
+  entries: ['src/index'],
+});

packages/@core/shared/icons/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@vben-core/icons",
+  "version": "5.0.0",
+  "homepage": "https://github.com/vbenjs/vue-vben-admin",
+  "bugs": "https://github.com/vbenjs/vue-vben-admin/issues",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/vbenjs/vue-vben-admin.git",
+    "directory": "packages/@vben-core/shared/icons"
+  },
+  "license": "MIT",
+  "type": "module",
+  "scripts": {
+    "build": "pnpm unbuild",
+    "stub": "pnpm unbuild --stub"
+  },
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/index.mjs",
+  "module": "./dist/index.mjs",
+  "exports": {
+    ".": {
+      "types": "./src/index.ts",
+      "development": "./src/index.ts",
+      "default": "./dist/index.mjs"
+    }
+  },
+  "publishConfig": {
+    "exports": {
+      ".": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.mjs"
+      }
+    }
+  },
+  "dependencies": {
+    "@iconify/vue": "^4.1.2",
+    "vue": "^3.4.31"
+  }
+}

packages/@core/shared/icons/src/create-icon.ts

@@ -0,0 +1,14 @@
+import { defineComponent, h } from 'vue';
+
+import { Icon } from '@iconify/vue';
+
+function createIconifyIcon(icon: string) {
+  return defineComponent({
+    name: `SvgIcon-${icon}`,
+    setup(props, { attrs }) {
+      return () => h(Icon, { icon, ...props, ...attrs });
+    },
+  });
+}
+
+export { createIconifyIcon };

packages/@core/shared/icons/src/index.ts

@@ -0,0 +1,5 @@
+export * from './create-icon';
+export * from './material';
+export * from './mdi';
+
+export * from '@iconify/vue';

packages/@core/shared/icons/src/material.ts

@@ -0,0 +1,88 @@
+import { createIconifyIcon } from './create-icon';
+
+export const IconDefault = createIconifyIcon('ic:round-auto-awesome');
+
+export const IcRoundKeyboardArrowDown = createIconifyIcon(
+  'ic:round-keyboard-arrow-down',
+);
+
+export const IcRoundChevronRight = createIconifyIcon('ic:round-chevron-right');
+
+export const IcRoundMenu = createIconifyIcon('ic:round-menu');
+
+export const IcRoundMoreHoriz = createIconifyIcon('ic:round-more-horiz');
+
+export const IcRoundFitScreen = createIconifyIcon('ic:round-fit-screen');
+
+export const IcTwotoneFitScreen = createIconifyIcon('ic:twotone-fit-screen');
+
+export const IcRoundColorLens = createIconifyIcon('ic:round-color-lens');
+
+export const IcRoundMoreVert = createIconifyIcon('ic:round-more-vert');
+
+export const IcRoundFullscreen = createIconifyIcon('ic:round-fullscreen');
+
+export const IcRoundFullscreenExit = createIconifyIcon(
+  'ic:round-fullscreen-exit',
+);
+
+export const IcRoundClose = createIconifyIcon('ic:round-close');
+
+export const IcRoundRestartAlt = createIconifyIcon('ic:round-restart-alt');
+
+export const IcRoundLogout = createIconifyIcon('ic:round-logout');
+
+export const IcOutlineVisibility = createIconifyIcon('ic:outline-visibility');
+
+export const IcOutlineVisibilityOff = createIconifyIcon(
+  'ic:outline-visibility-off',
+);
+
+export const IcRoundSearch = createIconifyIcon('ic:round-search');
+
+export const IcRoundFolderCopy = createIconifyIcon('ic:round-folder-copy');
+
+export const IcRoundSubdirectoryArrowLeft = createIconifyIcon(
+  'ic:round-subdirectory-arrow-left',
+);
+export const IcRoundArrowUpward = createIconifyIcon('ic:round-arrow-upward');
+
+export const IcRoundArrowDownward = createIconifyIcon(
+  'ic:round-arrow-downward',
+);
+
+export const IcBaselineLanguage = createIconifyIcon('ic:baseline-language');
+
+export const IcRoundSearchOff = createIconifyIcon('ic:round-search-off');
+
+export const IcRoundNotificationsNone = createIconifyIcon(
+  'ic:round-notifications-none',
+);
+
+export const IcRoundMarkEmailRead = createIconifyIcon(
+  'ic:round-mark-email-read',
+);
+
+export const IcRoundWbSunny = createIconifyIcon('ic:round-wb-sunny');
+
+export const IcRoundMotionPhotosAuto = createIconifyIcon(
+  'ic:round-motion-photos-auto',
+);
+
+export const IcRoundSettingsSuggest = createIconifyIcon(
+  'ic:round-settings-suggest',
+);
+
+export const IcRoundArrowBackIosNew = createIconifyIcon(
+  'ic:round-arrow-back-ios-new',
+);
+
+export const IcRoundMultipleStop = createIconifyIcon('ic:round-multiple-stop');
+
+export const IcRoundTableView = createIconifyIcon('ic:round-table-view');
+
+export const IcRoundRefresh = createIconifyIcon('ic:round-refresh');
+
+export const IcRoundCreditScore = createIconifyIcon('ic:round-credit-score');
+
+export const IcRoundLock = createIconifyIcon('ic:round-lock');

packages/@core/shared/icons/src/mdi.ts

@@ -0,0 +1,49 @@
+import { createIconifyIcon } from './create-icon';
+
+export const MdiKeyboardEsc = createIconifyIcon('mdi:keyboard-esc');
+
+export const MdiLoading = createIconifyIcon('mdi:loading');
+
+export const MdiWechat = createIconifyIcon('mdi:wechat');
+
+export const MdiGithub = createIconifyIcon('mdi:github');
+
+export const MdiGoogle = createIconifyIcon('mdi:google');
+
+export const MdiQqchat = createIconifyIcon('mdi:qqchat');
+
+export const MdiPin = createIconifyIcon('mdi:pin');
+
+export const MdiPinOff = createIconifyIcon('mdi:pin-off');
+
+export const MdiFormatHorizontalAlignLeft = createIconifyIcon(
+  'mdi:format-horizontal-align-left',
+);
+
+export const MdiFormatHorizontalAlignRight = createIconifyIcon(
+  'mdi:format-horizontal-align-right',
+);
+
+export const MdiArrowExpandHorizontal = createIconifyIcon(
+  'mdi:arrow-expand-horizontal',
+);
+
+export const MdiMenuClose = createIconifyIcon('mdi:menu-close');
+
+export const MdiMenuOpen = createIconifyIcon('mdi:menu-open');
+
+export const MdiDockLeft = createIconifyIcon('mdi:dock-left');
+
+export const MdiDockRight = createIconifyIcon('mdi:dock-right');
+
+export const MdiDockBottom = createIconifyIcon('mdi:dock-bottom');
+
+export const MdiDriveDocument = createIconifyIcon('mdi:drive-document');
+
+export const MdiMoonAndStars = createIconifyIcon('mdi:moon-and-stars');
+
+export const MdiEditBoxOutline = createIconifyIcon('mdi:edit-box-outline');
+
+export const MdiQuestionMarkCircleOutline = createIconifyIcon(
+  'mdi:question-mark-circle-outline',
+);

packages/@core/shared/icons/tsconfig.json

@@ -0,0 +1,6 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig",
+  "extends": "@vben/tsconfig/web.json",
+  "include": ["src"],
+  "exclude": ["node_modules"]
+}