@fangzhongya/icons 0.0.11 → 0.0.12

package/dist/{chunk-HOVIIPWX.js → chunk-2GZYNEO5.js}

@@ -187,7 +187,10 @@ var icon_default = defineComponent({
     const arr = computed(() => {
       var _a, _b, _c;
       if (slots.default) {
-        return slots.default();
+        return slots.default({
+          class: [props.iconClass],
+          style: contStyle
+        });
       } else if (!outputName.value) {
         return void 0;
       } else if (outputType.value === "svg") {

package/dist/{chunk-S2UC3QOV.cjs → chunk-TKXFLY5V.cjs}

@@ -187,7 +187,10 @@ var icon_default = _vue.defineComponent.call(void 0, {
     const arr = _vue.computed.call(void 0, () => {
       var _a, _b, _c;
       if (slots.default) {
-        return slots.default();
+        return slots.default({
+          class: [props.iconClass],
+          style: contStyle
+        });
       } else if (!outputName.value) {
         return void 0;
       } else if (outputType.value === "svg") {

package/dist/icon/index.cjs

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkS2UC3QOVcjs = require('../chunk-S2UC3QOV.cjs');
+var _chunkTKXFLY5Vcjs = require('../chunk-TKXFLY5V.cjs');
 require('../chunk-75ZPJI57.cjs');
 
 
-exports.default = _chunkS2UC3QOVcjs.icon_default;
+exports.default = _chunkTKXFLY5Vcjs.icon_default;

package/dist/icon/index.js

@@ -1,6 +1,6 @@
 import {
   icon_default
-} from "../chunk-HOVIIPWX.js";
+} from "../chunk-2GZYNEO5.js";
 import "../chunk-MLKGABMK.js";
 export {
   icon_default as default

package/dist/iconify.cjs

@@ -93,7 +93,31 @@ function iconifySVG(obj, name) {
     });
   }
 }
+function getIconifySVG(obj, name) {
+  var _a;
+  const icons = obj.icons;
+  const aliases = obj.aliases;
+  const ap = (_a = aliases[name]) == null ? void 0 : _a.parent;
+  const n = _nullishCoalesce(icons[name], () => ( (ap ? icons[ap] : void 0)));
+  if (n) {
+    const v = {
+      prefix: obj.prefix,
+      name,
+      width: obj.width,
+      height: obj.height,
+      ...n
+    };
+    const viewBox = [
+      v.left || 0,
+      v.top || 0,
+      v.width || 1024,
+      v.height || 1024
+    ].join(" ");
+    return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="${viewBox}">${n.body}</svg>`;
+  }
+}
+
 
 
 
-exports.iconify = iconify; exports.iconifySVG = iconifySVG;
+exports.getIconifySVG = getIconifySVG; exports.iconify = iconify; exports.iconifySVG = iconifySVG;

package/dist/iconify.d.cts

@@ -37,5 +37,6 @@ type Iconify = {
  * @returns 返回一个Vue组件实例，用于渲染SVG图标
  */
 declare function iconifySVG(obj: Iconify, name: string): vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare function getIconifySVG(obj: Iconify, name: string): string;
 
-export { iconify, iconifySVG };
+export { getIconifySVG, iconify, iconifySVG };

package/dist/iconify.d.ts

@@ -37,5 +37,6 @@ type Iconify = {
  * @returns 返回一个Vue组件实例，用于渲染SVG图标
  */
 declare function iconifySVG(obj: Iconify, name: string): vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare function getIconifySVG(obj: Iconify, name: string): string;
 
-export { iconify, iconifySVG };
+export { getIconifySVG, iconify, iconifySVG };

package/dist/iconify.js

@@ -93,7 +93,31 @@ function iconifySVG(obj, name) {
     });
   }
 }
+function getIconifySVG(obj, name) {
+  var _a;
+  const icons = obj.icons;
+  const aliases = obj.aliases;
+  const ap = (_a = aliases[name]) == null ? void 0 : _a.parent;
+  const n = icons[name] ?? (ap ? icons[ap] : void 0);
+  if (n) {
+    const v = {
+      prefix: obj.prefix,
+      name,
+      width: obj.width,
+      height: obj.height,
+      ...n
+    };
+    const viewBox = [
+      v.left || 0,
+      v.top || 0,
+      v.width || 1024,
+      v.height || 1024
+    ].join(" ");
+    return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="${viewBox}">${n.body}</svg>`;
+  }
+}
 export {
+  getIconifySVG,
   iconify,
   iconifySVG
 };

package/dist/index.json

@@ -1,7 +1,7 @@
 {
     "prefix": "fang-icons",
     "info": {},
-    "lastModified": 1767779740535,
+    "lastModified": 1767796433253,
     "icons": {
         "bar": {
             "body": "<path d=\"M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z\"></path>"

package/dist/picker/index.cjs

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkS2UC3QOVcjs = require('../chunk-S2UC3QOV.cjs');
+var _chunkTKXFLY5Vcjs = require('../chunk-TKXFLY5V.cjs');
 
 
 var _chunkEEMF44IHcjs = require('../chunk-EEMF44IH.cjs');
@@ -107,7 +107,7 @@ var picker_default = _vue.defineComponent.call(void 0, {
               }
             },
             [
-              _vue.h.call(void 0, _chunkS2UC3QOVcjs.icon_default, {
+              _vue.h.call(void 0, _chunkTKXFLY5Vcjs.icon_default, {
                 type: props.type,
                 size: props.size,
                 name: props.modelValue,
@@ -189,7 +189,7 @@ var picker_default = _vue.defineComponent.call(void 0, {
                           },
                           name.value
                         ),
-                        _vue.h.call(void 0, _chunkS2UC3QOVcjs.icon_default, {
+                        _vue.h.call(void 0, _chunkTKXFLY5Vcjs.icon_default, {
                           type: props.type,
                           size: props.size,
                           name: name.value,
@@ -241,7 +241,7 @@ var picker_default = _vue.defineComponent.call(void 0, {
                         }
                       },
                       [
-                        _vue.h.call(void 0, _chunkS2UC3QOVcjs.icon_default, {
+                        _vue.h.call(void 0, _chunkTKXFLY5Vcjs.icon_default, {
                           style: {
                             margin: "5px",
                             marginBottom: 0,

package/dist/picker/index.js

@@ -1,6 +1,6 @@
 import {
   icon_default
-} from "../chunk-HOVIIPWX.js";
+} from "../chunk-2GZYNEO5.js";
 import {
   dialog_default
 } from "../chunk-I5KQLZMG.js";

package/dist/vite/index.cjs

@@ -910,7 +910,7 @@ function runDev(config, configCallback, callback) {
 
 var virtualModuleId = "virtual:fang-icon";
 function simpleFangIcon(options = {}) {
-  const { type = "svg", directory = "./svg" } = options;
+  const { name = "FangIcon", type = "svg", directory = "./svg" } = options;
   const resolvedVirtualModuleId = "\0" + virtualModuleId;
   if (type === "pub" && options.mobile) {
     const outDir = _path.join.call(void 0, "./public/", directory);
@@ -925,6 +925,93 @@ function simpleFangIcon(options = {}) {
       isNeader: false
     });
   }
+  const pub = `
+import { defineComponent, h,} from 'vue'
+import FangIcon from '@fangzhongya/icons/icon/index'
+const component = defineComponent({
+	name: '${name}',
+	props: {
+		name: {
+			type: [String, Object],
+		},
+		default: {
+			type: String,
+			default: '${type}'
+		},
+		directory: {
+			type: String,
+			default: '${directory}'
+		}
+	},
+	setup(props, { attrs }) {
+		return () => {
+			return h(FangIcon, {
+				...attrs,
+				name: props.name,
+				default: props.default,
+				directory: props.directory
+			});
+		};
+	}
+});
+// \u5BFC\u51FA\u5B89\u88C5\u51FD\u6570
+export const install = (app) => {
+	app.component('${name}', component)
+};
+
+export default component;`;
+  const svg = `
+import { defineComponent, h, computed} from 'vue'
+import FangIcon from '@fangzhongya/icons/icon/index'
+import { icons } from '@fangzhongya/icons/vue'
+const component = defineComponent({
+	name: '${name}',
+	props: {
+		name: {
+			type: [String, Object],
+		},
+		type: {
+			type: String,
+		},
+		default: {
+			type: String,
+			default: '${type}'
+		},
+		directory: {
+			type: String,
+			default: '${directory}'
+		}
+	},
+	setup(props, { attrs }) {
+		 const iconName = computed(() => {
+			const name = props.name;
+			if (typeof name === 'string' && (props.type === 'svg' || 
+			(props.type === undefined && props.default === 'svg'))) {
+				const icon = icons[name];
+				if(icon){
+					return icon;
+				}
+			}
+			return name;
+		});
+		return () => {
+			return h(FangIcon, {
+				...attrs,
+				name: iconName.value,
+				type: props.type,
+				default: props.default,
+				directory: props.directory
+			});
+		};
+	}
+});
+// \u5BFC\u51FA\u5B89\u88C5\u51FD\u6570
+export const install = (app) => {
+	app.component('${name}', component)
+};
+
+export default component;`;
+  const text = type === "svg" ? svg : pub;
   return {
     name: "simple-fang-icon",
     resolveId(id) {
@@ -935,35 +1022,7 @@ function simpleFangIcon(options = {}) {
     },
     load(id) {
       if (id === resolvedVirtualModuleId) {
-        return `
-import { defineComponent, h,} from 'vue'
-import FangIcon from '@fangzhongya/icons/icon/index'
-export default defineComponent({
-  props: {
-    name: {
-      type: [String, Object],
-    },
-    default: {
-      type: String,
-			default: '${type}'
-    },
-    directory: {
-      type: String,
-      default: '${directory}'
-    }
-  },
-  setup(props, { attrs }) {
-    return () => {
-      return h(FangIcon, {
-        ...attrs,
-        name: props.name,
-        default: props.default,
-        directory: props.directory
-      });
-    };
-  }
-})
-        `;
+        return text;
       }
       return null;
     }

package/dist/vite/index.d.cts

@@ -1,9 +1,11 @@
 import { Plugin } from 'vite';
 
 interface PluginOptions {
+    name?: string;
     type?: string;
     directory?: string;
     mobile?: boolean;
+    dynamic?: boolean;
 }
 declare function simpleFangIcon(options?: PluginOptions): Plugin;
 

package/dist/vite/index.d.ts

@@ -1,9 +1,11 @@
 import { Plugin } from 'vite';
 
 interface PluginOptions {
+    name?: string;
     type?: string;
     directory?: string;
     mobile?: boolean;
+    dynamic?: boolean;
 }
 declare function simpleFangIcon(options?: PluginOptions): Plugin;
 

package/dist/vite/index.js

@@ -910,7 +910,7 @@ function runDev(config, configCallback, callback) {
 import { join as join5 } from "path";
 var virtualModuleId = "virtual:fang-icon";
 function simpleFangIcon(options = {}) {
-  const { type = "svg", directory = "./svg" } = options;
+  const { name = "FangIcon", type = "svg", directory = "./svg" } = options;
   const resolvedVirtualModuleId = "\0" + virtualModuleId;
   if (type === "pub" && options.mobile) {
     const outDir = join5("./public/", directory);
@@ -925,6 +925,93 @@ function simpleFangIcon(options = {}) {
       isNeader: false
     });
   }
+  const pub = `
+import { defineComponent, h,} from 'vue'
+import FangIcon from '@fangzhongya/icons/icon/index'
+const component = defineComponent({
+	name: '${name}',
+	props: {
+		name: {
+			type: [String, Object],
+		},
+		default: {
+			type: String,
+			default: '${type}'
+		},
+		directory: {
+			type: String,
+			default: '${directory}'
+		}
+	},
+	setup(props, { attrs }) {
+		return () => {
+			return h(FangIcon, {
+				...attrs,
+				name: props.name,
+				default: props.default,
+				directory: props.directory
+			});
+		};
+	}
+});
+// \u5BFC\u51FA\u5B89\u88C5\u51FD\u6570
+export const install = (app) => {
+	app.component('${name}', component)
+};
+
+export default component;`;
+  const svg = `
+import { defineComponent, h, computed} from 'vue'
+import FangIcon from '@fangzhongya/icons/icon/index'
+import { icons } from '@fangzhongya/icons/vue'
+const component = defineComponent({
+	name: '${name}',
+	props: {
+		name: {
+			type: [String, Object],
+		},
+		type: {
+			type: String,
+		},
+		default: {
+			type: String,
+			default: '${type}'
+		},
+		directory: {
+			type: String,
+			default: '${directory}'
+		}
+	},
+	setup(props, { attrs }) {
+		 const iconName = computed(() => {
+			const name = props.name;
+			if (typeof name === 'string' && (props.type === 'svg' || 
+			(props.type === undefined && props.default === 'svg'))) {
+				const icon = icons[name];
+				if(icon){
+					return icon;
+				}
+			}
+			return name;
+		});
+		return () => {
+			return h(FangIcon, {
+				...attrs,
+				name: iconName.value,
+				type: props.type,
+				default: props.default,
+				directory: props.directory
+			});
+		};
+	}
+});
+// \u5BFC\u51FA\u5B89\u88C5\u51FD\u6570
+export const install = (app) => {
+	app.component('${name}', component)
+};
+
+export default component;`;
+  const text = type === "svg" ? svg : pub;
   return {
     name: "simple-fang-icon",
     resolveId(id) {
@@ -935,35 +1022,7 @@ function simpleFangIcon(options = {}) {
     },
     load(id) {
       if (id === resolvedVirtualModuleId) {
-        return `
-import { defineComponent, h,} from 'vue'
-import FangIcon from '@fangzhongya/icons/icon/index'
-export default defineComponent({
-  props: {
-    name: {
-      type: [String, Object],
-    },
-    default: {
-      type: String,
-			default: '${type}'
-    },
-    directory: {
-      type: String,
-      default: '${directory}'
-    }
-  },
-  setup(props, { attrs }) {
-    return () => {
-      return h(FangIcon, {
-        ...attrs,
-        name: props.name,
-        default: props.default,
-        directory: props.directory
-      });
-    };
-  }
-})
-        `;
+        return text;
       }
       return null;
     }

package/package.json

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