vectify 2.0.5 → 2.1.1

package/README.md

@@ -116,7 +116,7 @@ src/icons/
 ### 4. Use in Your Code
 
 ```tsx
-import { ArrowRight, User, Settings } from './icons'
+import { ArrowRight, Settings, User } from './icons'
 
 function App() {
   return (
@@ -235,7 +235,7 @@ When `format: true`, Vectify looks for config files in this order:
 ```typescript
 export default defineConfig({
   format: {
-    tool: 'prettier',      // 'auto' | 'prettier' | 'eslint' | 'biome'
+    tool: 'prettier', // 'auto' | 'prettier' | 'eslint' | 'biome'
     args: '--single-quote', // Additional CLI arguments
   },
 })
@@ -357,7 +357,7 @@ export default defineConfig({
   hooks: {
     beforeParse: (svg, fileName) => {
       // Replace black with currentColor for customization
-      return svg.replace(/#000000/gi, 'currentColor')
+      return svg.replace(/#000000/g, 'currentColor')
     },
     afterGenerate: (code, iconName) => {
       // Add JSDoc comment to each component
@@ -393,7 +393,6 @@ The index file automatically uses the correct export style for your chosen frame
 - `keepColors: false` - Best for single-color icons that should inherit text color. Uses `currentColor` and allows runtime customization via the `color` prop.
 - `keepColors: true` - Best for multi-color brand icons. Preserves original SVG fill/stroke colors.
 
-
 ## Component Props
 
 All generated components accept the following props:
@@ -401,19 +400,19 @@ All generated components accept the following props:
 ```typescript
 interface IconProps {
   // Icon size (default: 24)
-  size?: number | string
+  'size'?: number | string
 
   // Icon color (default: 'currentColor')
-  color?: string
+  'color'?: string
 
   // Stroke width for stroke-based icons (default: 2)
-  strokeWidth?: number | string
+  'strokeWidth'?: number | string
 
   // CSS class name
-  className?: string
+  'className'?: string
 
   // Accessibility: icon title
-  title?: string
+  'title'?: string
 
   // Accessibility: aria-label
   'aria-label'?: string
@@ -553,10 +552,10 @@ document.getElementById('app').appendChild(icon)
 
 ```typescript
 // For single-color icons (default)
-keepColors: false  // Uses currentColor, customizable via color prop
+keepColors: false // Uses currentColor, customizable via color prop
 
 // For multi-color icons
-keepColors: true   // Preserves original colors from SVG
+keepColors: true // Preserves original colors from SVG
 ```
 
 ### 4. Project Structure
@@ -696,10 +695,10 @@ export default defineConfig({
 ```tsx
 // Before
 import { FiArrowRight } from 'react-icons/fi'
-<FiArrowRight size={24} />
 
 // After
 import { ArrowRight } from './icons'
+<FiArrowRight size={24} />
 <ArrowRight size={24} />
 ```
 
@@ -708,10 +707,10 @@ import { ArrowRight } from './icons'
 ```tsx
 // Before
 import { Icon } from '@iconify/react'
-<Icon icon="mdi:arrow-right" />
 
 // After
 import { ArrowRight } from './icons'
+<Icon icon="mdi:arrow-right" />
 <ArrowRight />
 ```
 

package/README.zh-CN.md

@@ -116,7 +116,7 @@ src/icons/
 ### 4. 在代码中使用
 
 ```tsx
-import { ArrowRight, User, Settings } from './icons'
+import { ArrowRight, Settings, User } from './icons'
 
 function App() {
   return (
@@ -235,7 +235,7 @@ export default defineConfig({
 ```typescript
 export default defineConfig({
   format: {
-    tool: 'prettier',       // 'auto' | 'prettier' | 'eslint' | 'biome'
+    tool: 'prettier', // 'auto' | 'prettier' | 'eslint' | 'biome'
     args: '--single-quote', // 额外的 CLI 参数
   },
 })
@@ -357,7 +357,7 @@ export default defineConfig({
   hooks: {
     beforeParse: (svg, fileName) => {
       // 将黑色替换为 currentColor 以便自定义
-      return svg.replace(/#000000/gi, 'currentColor')
+      return svg.replace(/#000000/g, 'currentColor')
     },
     afterGenerate: (code, iconName) => {
       // 为每个组件添加 JSDoc 注释
@@ -393,7 +393,6 @@ export default defineConfig({
 - `keepColors: false` - 适合应继承文本颜色的单色图标。使用 `currentColor` 并允许通过 `color` 属性进行运行时自定义。
 - `keepColors: true` - 适合多色品牌图标。保留原始 SVG 的 fill/stroke 颜色。
 
-
 ## 🎨 组件属性
 
 所有生成的组件都接受以下属性：
@@ -401,19 +400,19 @@ export default defineConfig({
 ```typescript
 interface IconProps {
   // 图标大小 (默认: 24)
-  size?: number | string
+  'size'?: number | string
 
   // 图标颜色 (默认: 'currentColor')
-  color?: string
+  'color'?: string
 
   // 描边图标的描边宽度 (默认: 2)
-  strokeWidth?: number | string
+  'strokeWidth'?: number | string
 
   // CSS 类名
-  className?: string
+  'className'?: string
 
   // 无障碍：图标标题
-  title?: string
+  'title'?: string
 
   // 无障碍：aria-label
   'aria-label'?: string
@@ -553,10 +552,10 @@ document.getElementById('app').appendChild(icon)
 
 ```typescript
 // 单色图标（默认）
-keepColors: false  // 使用 currentColor，可通过 color 属性自定义
+keepColors: false // 使用 currentColor，可通过 color 属性自定义
 
 // 多色图标
-keepColors: true   // 保留 SVG 中的原始颜色
+keepColors: true // 保留 SVG 中的原始颜色
 ```
 
 ### 4. 项目结构
@@ -696,10 +695,10 @@ export default defineConfig({
 ```tsx
 // 之前
 import { FiArrowRight } from 'react-icons/fi'
-<FiArrowRight size={24} />
 
 // 之后
 import { ArrowRight } from './icons'
+<FiArrowRight size={24} />
 <ArrowRight size={24} />
 ```
 
@@ -708,10 +707,10 @@ import { ArrowRight } from './icons'
 ```tsx
 // 之前
 import { Icon } from '@iconify/react'
-<Icon icon="mdi:arrow-right" />
 
 // 之后
 import { ArrowRight } from './icons'
+<Icon icon="mdi:arrow-right" />
 <ArrowRight />
 ```
 

package/dist/{chunk-CIKTK6HI.mjs → chunk-FS34P27H.mjs}

@@ -1,3 +1,10 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
 // src/utils/helpers.ts
 function toPascalCase(str) {
   return str.replace(/[-_](.)/g, (_, char) => char.toUpperCase()).replace(/^(.)/, (char) => char.toUpperCase()).replace(/[^a-z0-9]/gi, "");
@@ -82,6 +89,7 @@ async function findProjectRoot(startDir = process.cwd()) {
 }
 
 export {
+  __require,
   toPascalCase,
   toKebabCase,
   mergeClasses,