物业代码生成

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

@@ -0,0 +1,30 @@
+import { defineComponent, h } from 'vue';
+
+import { addIcon, Icon, type IconifyIcon } from '@iconify/vue';
+
+function createIconifyIcon(icon: string) {
+  return defineComponent({
+    name: `Icon-${icon}`,
+    setup(props, { attrs }) {
+      return () => h(Icon, { icon, ...props, ...attrs });
+    },
+  });
+}
+
+/**
+ * 创建离线图标
+ * @param icon 图标名称 建议与iconify的名称保持一致
+ * @param iconComponent 从@iconify/icon-xxx/xxx导入的图标
+ * @returns IconComponent
+ */
+function createIconifyOfflineIcon(icon: string, iconComponent: IconifyIcon) {
+  return defineComponent({
+    name: `Icon-${icon}`,
+    setup(props, { attrs }) {
+      addIcon(icon, iconComponent);
+      return () => h(Icon, { icon, ...props, ...attrs });
+    },
+  });
+}
+
+export { createIconifyIcon, createIconifyOfflineIcon };