@fangzhongya/icons 0.0.14 → 0.0.16

package/dist/vite/index2.cjs

@@ -1,77 +1,213 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('../chunk-75ZPJI57.cjs');
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _chunkOSHAEKZLcjs = require('../chunk-OSHAEKZL.cjs');
+require('../chunk-IIVF4KK5.cjs');
+
+
+var _chunk5NH4G6UJcjs = require('../chunk-5NH4G6UJ.cjs');
+require('../chunk-75ZPJI57.cjs');
 
 // 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;
+      }
+      const attributes = parseAttributes(attrString);
+      if (!attributes.name) {
+        currentIndex = startTagIndex + 1;
+        continue;
       }
-      return iconName;
-    });
-    
-    return () => {
-      return h(FangIcon, {
-        ...attrs,
-        type: props.type,
-        name: IconComponent.value,
-        directory: props.directory
+      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 = _chunkOSHAEKZLcjs.getIconifySVG.call(void 0, _chunk5NH4G6UJcjs.json_default, 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 getImportName(iconName) {
+  return _chunkOSHAEKZLcjs.lineToLargeHump.call(void 0, "fang-icon-" + iconName);
+}
+function getVue(iconName, match) {
+  const text = match.fullMatch.replace(`name="${iconName}"`, `:name="${getImportName(iconName)}"`).replace(`name='${iconName}'`, `:name='${getImportName(iconName)}'`);
+  return {
+    text,
+    imptext: `import ${getImportName(
+      iconName
+    )} from '@fangzhongya/icons/vue/${iconName}'`
+  };
+}
+function replaceComponent(match, type, dynamic, customReplacement) {
+  const { attributes } = match;
+  const iconName = attributes.name;
+  if (customReplacement) {
+    return customReplacement(iconName, attributes);
+  }
+  let svgContent = _chunk5NH4G6UJcjs.json_default.icons[iconName];
+  if (!svgContent) {
+    return { text: match.fullMatch, imptext: "" };
+  }
+  if (!attributes.type && type == "svg" || attributes.type === "svg") {
+    if (dynamic) {
+      return getVue(iconName, match);
+    } else {
+      return getText(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",
+    type = "svg",
+    dynamic = true,
+    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,
+              type,
+              dynamic,
+              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/dist/vite/index2.d.cts

@@ -1,9 +1,29 @@
 import { Plugin } from 'vite';
 
+interface ComponentAttributes {
+    name: string;
+    [key: string]: string | boolean | number;
+}
+interface ComponentMatchInfo {
+    componentName: string;
+    fullMatch: string;
+    start: number;
+    end: number;
+    attributes: ComponentAttributes;
+    isSelfClosing: boolean;
+}
+type IconReplacement = (iconName: string, attributes: ComponentAttributes) => {
+    text: string;
+    imptext: string;
+};
 interface PluginOptions {
+    name?: string;
     type?: string;
+    customReplacement?: IconReplacement;
     directory?: string;
+    mobile?: boolean;
+    dynamic?: boolean;
 }
-declare function simpleFangIcon(options?: PluginOptions): Plugin;
+declare function simpleFangIcon(options: PluginOptions): Plugin;
 
-export { simpleFangIcon };
+export { type ComponentAttributes, type ComponentMatchInfo, type IconReplacement, type PluginOptions, simpleFangIcon };

package/dist/vite/index2.d.ts

@@ -1,9 +1,29 @@
 import { Plugin } from 'vite';
 
+interface ComponentAttributes {
+    name: string;
+    [key: string]: string | boolean | number;
+}
+interface ComponentMatchInfo {
+    componentName: string;
+    fullMatch: string;
+    start: number;
+    end: number;
+    attributes: ComponentAttributes;
+    isSelfClosing: boolean;
+}
+type IconReplacement = (iconName: string, attributes: ComponentAttributes) => {
+    text: string;
+    imptext: string;
+};
 interface PluginOptions {
+    name?: string;
     type?: string;
+    customReplacement?: IconReplacement;
     directory?: string;
+    mobile?: boolean;
+    dynamic?: boolean;
 }
-declare function simpleFangIcon(options?: PluginOptions): Plugin;
+declare function simpleFangIcon(options: PluginOptions): Plugin;
 
-export { simpleFangIcon };
+export { type ComponentAttributes, type ComponentMatchInfo, type IconReplacement, type PluginOptions, simpleFangIcon };

package/dist/vite/index2.js

@@ -1,77 +1,213 @@
+import {
+  getIconifySVG,
+  lineToLargeHump
+} from "../chunk-HSJ3RNOH.js";
+import "../chunk-MOHILOKE.js";
+import {
+  json_default
+} from "../chunk-RDKCKIKJ.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;
+      }
+      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);
       }
-      return iconName;
-    });
-    
-    return () => {
-      return h(FangIcon, {
-        ...attrs,
-        type: props.type,
-        name: IconComponent.value,
-        directory: props.directory
+      components.push({
+        componentName,
+        fullMatch,
+        start: startTagIndex,
+        end: endIndex,
+        attributes,
+        isSelfClosing
       });
-    };
+      currentIndex = endIndex;
+    }
+  }
+  return components;
+}
+function getText(iconName, match) {
+  const svg = getIconifySVG(json_default, 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 getImportName(iconName) {
+  return lineToLargeHump("fang-icon-" + iconName);
+}
+function getVue(iconName, match) {
+  const text = match.fullMatch.replace(`name="${iconName}"`, `:name="${getImportName(iconName)}"`).replace(`name='${iconName}'`, `:name='${getImportName(iconName)}'`);
+  return {
+    text,
+    imptext: `import ${getImportName(
+      iconName
+    )} from '@fangzhongya/icons/vue/${iconName}'`
+  };
+}
+function replaceComponent(match, type, dynamic, customReplacement) {
+  const { attributes } = match;
+  const iconName = attributes.name;
+  if (customReplacement) {
+    return customReplacement(iconName, attributes);
+  }
+  let svgContent = json_default.icons[iconName];
+  if (!svgContent) {
+    return { text: match.fullMatch, imptext: "" };
+  }
+  if (!attributes.type && type == "svg" || attributes.type === "svg") {
+    if (dynamic) {
+      return getVue(iconName, match);
+    } else {
+      return getText(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",
+    type = "svg",
+    dynamic = true,
+    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,
+              type,
+              dynamic,
+              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 [];
+      }
     }
   };
 }