@fangzhongya/icons 0.0.14 → 0.0.15

package/dist/vite/index2.js

@@ -1,77 +1,191 @@
+import {
+  getIconifySVG,
+  icons
+} from "../chunk-Y2JUP3JH.js";
+import "../chunk-MOHILOKE.js";
 import "../chunk-MLKGABMK.js";
 
 // packages/vite/index2.ts
-var virtualModuleId = "virtual:fang-icon";
-function simpleFangIcon(options = {}) {
-  const { type = "svg", directory = "./svg" } = options;
-  const resolvedVirtualModuleId = "\0" + virtualModuleId;
-  return {
-    name: "simple-fang-icon",
-    resolveId(id) {
-      if (id === virtualModuleId) {
-        return resolvedVirtualModuleId;
+function parseAttributes(attrString) {
+  const attributes = { name: "" };
+  const attrRegex = /(?:@|:|v-bind:)?([\w-]+)(?:="([^"]*)"|='([^']*)')/g;
+  let match;
+  while ((match = attrRegex.exec(attrString)) !== null) {
+    const name = match[1];
+    if (name) {
+      const value = match[2] || match[3] || "";
+      if (name === "name") {
+        attributes.name = value;
+      } else if (value === "true" || value === "false") {
+        attributes[name] = value === "true";
+      } else if (!isNaN(Number(value)) && value !== "") {
+        attributes[name] = Number(value);
+      } else {
+        attributes[name] = value;
       }
-      return void 0;
-    },
-    load(id) {
-      if (id === resolvedVirtualModuleId) {
-        return `
-import { defineComponent, h, defineAsyncComponent, resolveComponent, computed } from 'vue'
-import FangIcon from '@fangzhongya/icons/icon/index'
-
-export default defineComponent({
-  props: {
-    name: {
-      type: [String, Object],
-      required: true
-    },
-    type: {
-      type: String,
-      default: '${type}'
-    },
-    directory: {
-      type: String,
-      default: '${directory}'
     }
-  },
-  setup(props, { attrs }) {
-    const IconComponent = computed(() => {
-      const iconName = props.name;
-      // \u5982\u679C\u76F4\u63A5\u4F20\u9012\u4E86\u7EC4\u4EF6\uFF0C\u76F4\u63A5\u4F7F\u7528
-      if (typeof iconName === 'string' && props.type === 'svg') {
-        // SVG \u7C7B\u578B\uFF1A\u4ECE @fangzhongya/icons \u5E93\u5BFC\u5165
-        return defineAsyncComponent(() => 
-          import(/* @vite-ignore */'node_modules/@fangzhongya/icons/vue/' + iconName)
-            .then(module => module.default)
-            .catch(() => {
-              // \u5982\u679C\u5BFC\u5165\u5931\u8D25\uFF0C\u5C1D\u8BD5\u89E3\u6790\u7EC4\u4EF6
-              const component = resolveComponent(iconName);
-              if (component) {
-                return component;
-              }
-              // \u5982\u679C\u7EC4\u4EF6\u4E0D\u5B58\u5728\uFF0C\u8FD4\u56DE\u5360\u4F4D\u7B26
-              return {
-                setup: () => () => h('span', { class: 'icon-error' }, \`Icon \${iconName} not found\`)
-              };
-            })
-        );
+  }
+  return attributes;
+}
+function hasStringNameAttribute(attrString) {
+  const nameRegex = /(?:^|\s)name="[^"]*"/i;
+  const singleQuoteRegex = /(?:^|\s)name='[^']*'/i;
+  return nameRegex.test(attrString) || singleQuoteRegex.test(attrString);
+}
+function isOnlyWhitespace(content) {
+  return !content || /^\s*$/.test(content);
+}
+function findComponents(code, name) {
+  const components = [];
+  for (const componentName of name) {
+    let currentIndex = 0;
+    while (currentIndex < code.length) {
+      const startTagIndex = code.indexOf(
+        `<${componentName}`,
+        currentIndex
+      );
+      if (startTagIndex === -1) break;
+      let tagEndIndex = code.indexOf(">", startTagIndex);
+      if (tagEndIndex === -1) break;
+      const startTag = code.slice(startTagIndex, tagEndIndex + 1);
+      const attrString = startTag.slice(componentName.length + 1, -1).trim();
+      if (!hasStringNameAttribute(attrString)) {
+        currentIndex = startTagIndex + 1;
+        continue;
       }
-      return iconName;
-    });
-    
-    return () => {
-      return h(FangIcon, {
-        ...attrs,
-        type: props.type,
-        name: IconComponent.value,
-        directory: props.directory
+      const attributes = parseAttributes(attrString);
+      if (!attributes.name) {
+        currentIndex = startTagIndex + 1;
+        continue;
+      }
+      const isSelfClosing = startTag.endsWith("/>");
+      let endIndex;
+      let fullMatch;
+      if (isSelfClosing) {
+        endIndex = tagEndIndex + 1;
+        fullMatch = startTag;
+      } else {
+        const endTag = `</${componentName}>`;
+        let endTagIndex = code.indexOf(endTag, tagEndIndex + 1);
+        if (endTagIndex === -1) {
+          currentIndex = startTagIndex + 1;
+          continue;
+        }
+        const content = code.slice(tagEndIndex + 1, endTagIndex);
+        if (!isOnlyWhitespace(content)) {
+          currentIndex = startTagIndex + 1;
+          continue;
+        }
+        endIndex = endTagIndex + endTag.length;
+        fullMatch = code.slice(startTagIndex, endIndex);
+      }
+      components.push({
+        componentName,
+        fullMatch,
+        start: startTagIndex,
+        end: endIndex,
+        attributes,
+        isSelfClosing
       });
-    };
+      currentIndex = endIndex;
+    }
   }
-})
-        `;
+  return components;
+}
+function getText(iconName, match) {
+  const svg = getIconifySVG(icons, iconName, 'v-bind="scope"');
+  const s = match.fullMatch.replace(`name="${iconName}"`, "").replace(`name='${iconName}'`, "").replace(`</${match.componentName}>`, "");
+  const text = `${s}<template #default="scope">${svg}</template></${match.componentName}>`;
+  return { text, imptext: "" };
+}
+function replaceComponent(match, customReplacement) {
+  const { attributes } = match;
+  const iconName = attributes.name;
+  if (customReplacement) {
+    return customReplacement(iconName, attributes);
+  }
+  let svgContent = icons.icons[iconName];
+  if (!svgContent) {
+    return { text: match.fullMatch, imptext: "" };
+  }
+  if (!attributes.type || attributes.type === "svg") {
+    if (true) {
+      return getText(iconName, match);
+    } else {
+      return getVue(iconName, match);
+    }
+  }
+  return { text: match.fullMatch, imptext: "" };
+}
+function shouldProcess(id) {
+  const validExtensions = [".vue", ".jsx", ".tsx", ".js", ".ts"];
+  const hasValidExtension = validExtensions.some((ext) => id.endsWith(ext));
+  if (!hasValidExtension) return false;
+  if (id.includes("/node_modules/")) return false;
+  return true;
+}
+function simpleFangIcon(options) {
+  const { name = ["FangIcon"], customReplacement } = options;
+  const targetComponents = Array.isArray(name) ? name : [name];
+  return {
+    name: "vite-plugin-fang-icon-replacer",
+    // 使用 enforce 确保在 Vue 插件之前执行
+    enforce: "pre",
+    // 转换代码
+    transform(code, id) {
+      if (!shouldProcess(id)) {
+        return null;
+      }
+      try {
+        const components = findComponents(code, targetComponents);
+        if (components.length === 0) {
+          return null;
+        }
+        let transformedCode = code;
+        let replacedCount = 0;
+        const imports = /* @__PURE__ */ new Set();
+        for (let i = components.length - 1; i >= 0; i--) {
+          const component = components[i];
+          if (component) {
+            const { text, imptext } = replaceComponent(
+              component,
+              customReplacement
+            );
+            imports.add(imptext);
+            if (text !== component.fullMatch) {
+              transformedCode = transformedCode.slice(0, component.start) + text + transformedCode.slice(component.end);
+              replacedCount++;
+            }
+          }
+        }
+        if (/.vue$/.test(id)) {
+          const i = transformedCode.indexOf("</script>");
+          transformedCode = transformedCode.slice(0, i) + [...imports].join(";") + transformedCode.slice(i);
+        } else {
+          transformedCode = [...imports].join(";") + transformedCode;
+        }
+        if (replacedCount > 0) {
+          return {
+            code: transformedCode,
+            map: null
+          };
+        }
+      } catch (error) {
+        console.error(`\u5904\u7406\u6587\u4EF6 ${id} \u65F6\u51FA\u9519:`, error);
       }
       return null;
+    },
+    // 处理热更新
+    handleHotUpdate({
+      file,
+      server
+    }) {
+      if (shouldProcess(file)) {
+        server.ws.send({
+          type: "full-reload"
+        });
+        return [];
+      }
     }
   };
 }

package/package.json

@@ -2,7 +2,7 @@
   "name": "@fangzhongya/icons",
   "private": false,
   "type": "module",
-  "version": "0.0.14",
+  "version": "0.0.15",
   "description ": "个人图标库",
   "author": "fangzhongya ",
   "license": "MIT",