@fangzhongya/icons 0.0.1-1 → 0.0.2

package/dist/icon/index.d.cts

@@ -0,0 +1,139 @@
+import * as vue from 'vue';
+
+type Flip = 'horizontal' | 'vertical' | 'both' | '';
+type IconType = 'css' | 'id' | 'img' | 'font' | 'str' | 'com' | 'pub' | 'svg';
+declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
+    /**
+     * @props { String, Object } name= ( )
+     * 图标名称
+     */
+    name: {
+        type: (StringConstructor | ObjectConstructor)[];
+        default: string;
+    };
+    /**
+     * @props { String} iconClass= ( )
+     * 图标样式名称
+     */
+    iconClass: {
+        type: StringConstructor;
+    };
+    color: {
+        type: StringConstructor;
+    };
+    /**
+     * @props { String} type= ( 'css' | 'id' | 'img' | 'font' | 'str' | 'com' )
+     * 图标类型
+     */
+    type: {
+        type: () => IconType;
+    };
+    /**
+     * @props { String, Number } size= ( )
+     * 图标大小
+     */
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    /**
+     */
+    runtime: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @props { String } flip='' ( 'horizontal' | 'vertical' | 'both' | '' )
+     * 图标方向
+     */
+    flip: {
+        type: () => Flip;
+        default: string;
+    };
+    /**
+     * @props { Number } rotate=0
+     * 图标旋转角度
+     */
+    rotate: {
+        type: NumberConstructor;
+        default: number;
+    };
+    default: {
+        type: StringConstructor;
+    };
+    directory: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    /**
+     * @props { String, Object } name= ( )
+     * 图标名称
+     */
+    name: {
+        type: (StringConstructor | ObjectConstructor)[];
+        default: string;
+    };
+    /**
+     * @props { String} iconClass= ( )
+     * 图标样式名称
+     */
+    iconClass: {
+        type: StringConstructor;
+    };
+    color: {
+        type: StringConstructor;
+    };
+    /**
+     * @props { String} type= ( 'css' | 'id' | 'img' | 'font' | 'str' | 'com' )
+     * 图标类型
+     */
+    type: {
+        type: () => IconType;
+    };
+    /**
+     * @props { String, Number } size= ( )
+     * 图标大小
+     */
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    /**
+     */
+    runtime: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @props { String } flip='' ( 'horizontal' | 'vertical' | 'both' | '' )
+     * 图标方向
+     */
+    flip: {
+        type: () => Flip;
+        default: string;
+    };
+    /**
+     * @props { Number } rotate=0
+     * 图标旋转角度
+     */
+    rotate: {
+        type: NumberConstructor;
+        default: number;
+    };
+    default: {
+        type: StringConstructor;
+    };
+    directory: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    name: string | Record<string, any>;
+    runtime: boolean;
+    flip: Flip;
+    rotate: number;
+    directory: string;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { type IconType, _default as default };

package/dist/icon/index.d.ts

@@ -0,0 +1,139 @@
+import * as vue from 'vue';
+
+type Flip = 'horizontal' | 'vertical' | 'both' | '';
+type IconType = 'css' | 'id' | 'img' | 'font' | 'str' | 'com' | 'pub' | 'svg';
+declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
+    /**
+     * @props { String, Object } name= ( )
+     * 图标名称
+     */
+    name: {
+        type: (StringConstructor | ObjectConstructor)[];
+        default: string;
+    };
+    /**
+     * @props { String} iconClass= ( )
+     * 图标样式名称
+     */
+    iconClass: {
+        type: StringConstructor;
+    };
+    color: {
+        type: StringConstructor;
+    };
+    /**
+     * @props { String} type= ( 'css' | 'id' | 'img' | 'font' | 'str' | 'com' )
+     * 图标类型
+     */
+    type: {
+        type: () => IconType;
+    };
+    /**
+     * @props { String, Number } size= ( )
+     * 图标大小
+     */
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    /**
+     */
+    runtime: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @props { String } flip='' ( 'horizontal' | 'vertical' | 'both' | '' )
+     * 图标方向
+     */
+    flip: {
+        type: () => Flip;
+        default: string;
+    };
+    /**
+     * @props { Number } rotate=0
+     * 图标旋转角度
+     */
+    rotate: {
+        type: NumberConstructor;
+        default: number;
+    };
+    default: {
+        type: StringConstructor;
+    };
+    directory: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    /**
+     * @props { String, Object } name= ( )
+     * 图标名称
+     */
+    name: {
+        type: (StringConstructor | ObjectConstructor)[];
+        default: string;
+    };
+    /**
+     * @props { String} iconClass= ( )
+     * 图标样式名称
+     */
+    iconClass: {
+        type: StringConstructor;
+    };
+    color: {
+        type: StringConstructor;
+    };
+    /**
+     * @props { String} type= ( 'css' | 'id' | 'img' | 'font' | 'str' | 'com' )
+     * 图标类型
+     */
+    type: {
+        type: () => IconType;
+    };
+    /**
+     * @props { String, Number } size= ( )
+     * 图标大小
+     */
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    /**
+     */
+    runtime: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @props { String } flip='' ( 'horizontal' | 'vertical' | 'both' | '' )
+     * 图标方向
+     */
+    flip: {
+        type: () => Flip;
+        default: string;
+    };
+    /**
+     * @props { Number } rotate=0
+     * 图标旋转角度
+     */
+    rotate: {
+        type: NumberConstructor;
+        default: number;
+    };
+    default: {
+        type: StringConstructor;
+    };
+    directory: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    name: string | Record<string, any>;
+    runtime: boolean;
+    flip: Flip;
+    rotate: number;
+    directory: string;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { type IconType, _default as default };

package/dist/icon/index.js

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

package/dist/iconify.cjs

@@ -0,0 +1,99 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
+
+var _chunkIIVF4KK5cjs = require('./chunk-IIVF4KK5.cjs');
+require('./chunk-75ZPJI57.cjs');
+
+// packages/iconify.ts
+var _vue = require('vue');
+
+// node_modules/.pnpm/@fangzhongya+utils@0.0.72/node_modules/@fangzhongya/utils/dist/chunk-EWJJKQIO.js
+function firstUpper(str) {
+  return str.slice(0, 1).toUpperCase() + str.slice(1);
+}
+
+// node_modules/.pnpm/@fangzhongya+utils@0.0.72/node_modules/@fangzhongya/utils/dist/chunk-XCDKXZFR.js
+function lineToLargeHump(name) {
+  let arr = name.split("-");
+  arr = arr.map((vs) => {
+    return firstUpper(vs);
+  });
+  return arr.join("");
+}
+
+// packages/iconify.ts
+function createSVG(obj) {
+  const viewBox = [
+    obj.left || 0,
+    obj.top || 0,
+    obj.width || 24,
+    obj.height || 24
+  ].join(" ");
+  const name = "icon-" + obj.name;
+  return _vue.defineComponent.call(void 0, {
+    name: lineToLargeHump(name),
+    props: {},
+    render() {
+      return _vue.h.call(void 0, "svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        "aria-hidden": true,
+        id: name,
+        ctype: "hcom",
+        role: "img",
+        class: "iconify iconify-" + obj.prefix,
+        viewBox,
+        innerHTML: obj.body
+        // 直接使用innerHTML
+      });
+    }
+  });
+}
+var iconify = (app, ify, { prefix = _chunkIIVF4KK5cjs.defaultPrefix } = {}) => {
+  const obj = {
+    prefix: ify.prefix,
+    width: ify.width,
+    height: ify.height
+  };
+  const icons = ify.icons;
+  for (const key of Object.keys(icons)) {
+    app.component(
+      prefix + lineToLargeHump(key),
+      createSVG({
+        ...obj,
+        name: key,
+        ...icons[key]
+      })
+    );
+  }
+  const aliases = ify.aliases;
+  for (const key of Object.keys(aliases)) {
+    const a = aliases[key];
+    app.component(
+      prefix + lineToLargeHump(key),
+      createSVG({
+        ...obj,
+        name: key,
+        ...icons[a.parent]
+      })
+    );
+  }
+};
+function iconifySVG(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) {
+    return createSVG({
+      prefix: obj.prefix,
+      name,
+      width: obj.width,
+      height: obj.height,
+      ...n
+    });
+  }
+}
+
+
+
+exports.iconify = iconify; exports.iconifySVG = iconifySVG;

package/dist/iconify.d.cts

@@ -0,0 +1,41 @@
+import * as vue from 'vue';
+import { App } from 'vue';
+import { InstallOptions } from './config.cjs';
+
+/**
+ * 将图标配置转换为Vue组件并注册到应用中
+ * @param app - Vue应用实例，用于注册组件
+ * @param ify - 图标配置对象，包含前缀、尺寸和图标数据
+ * @param options - 安装选项，可选参数
+ * @param options.prefix - 组件名称前缀，默认使用defaultPrefix
+ */
+declare const iconify: (app: App, ify: {
+    [key: string]: any;
+}, { prefix }?: InstallOptions) => void;
+type Iconify = {
+    prefix: string;
+    icons: {
+        [key: string]: {
+            body: string;
+        };
+    };
+    lastModified: number;
+    width: number;
+    height: number;
+    info: {
+        [key: string]: any;
+    };
+    aliases: {
+        [key: string]: {
+            parent: string;
+        };
+    };
+};
+/**
+ * 创建SVG图标组件
+ * @param obj - 图标配置对象，包含图标的各项属性
+ * @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>;
+
+export { iconify, iconifySVG };

package/dist/iconify.d.ts

@@ -0,0 +1,41 @@
+import * as vue from 'vue';
+import { App } from 'vue';
+import { InstallOptions } from './config.js';
+
+/**
+ * 将图标配置转换为Vue组件并注册到应用中
+ * @param app - Vue应用实例，用于注册组件
+ * @param ify - 图标配置对象，包含前缀、尺寸和图标数据
+ * @param options - 安装选项，可选参数
+ * @param options.prefix - 组件名称前缀，默认使用defaultPrefix
+ */
+declare const iconify: (app: App, ify: {
+    [key: string]: any;
+}, { prefix }?: InstallOptions) => void;
+type Iconify = {
+    prefix: string;
+    icons: {
+        [key: string]: {
+            body: string;
+        };
+    };
+    lastModified: number;
+    width: number;
+    height: number;
+    info: {
+        [key: string]: any;
+    };
+    aliases: {
+        [key: string]: {
+            parent: string;
+        };
+    };
+};
+/**
+ * 创建SVG图标组件
+ * @param obj - 图标配置对象，包含图标的各项属性
+ * @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>;
+
+export { iconify, iconifySVG };

package/dist/iconify.js

@@ -0,0 +1,99 @@
+import {
+  defaultPrefix
+} from "./chunk-MOHILOKE.js";
+import "./chunk-MLKGABMK.js";
+
+// packages/iconify.ts
+import { defineComponent, h } from "vue";
+
+// node_modules/.pnpm/@fangzhongya+utils@0.0.72/node_modules/@fangzhongya/utils/dist/chunk-EWJJKQIO.js
+function firstUpper(str) {
+  return str.slice(0, 1).toUpperCase() + str.slice(1);
+}
+
+// node_modules/.pnpm/@fangzhongya+utils@0.0.72/node_modules/@fangzhongya/utils/dist/chunk-XCDKXZFR.js
+function lineToLargeHump(name) {
+  let arr = name.split("-");
+  arr = arr.map((vs) => {
+    return firstUpper(vs);
+  });
+  return arr.join("");
+}
+
+// packages/iconify.ts
+function createSVG(obj) {
+  const viewBox = [
+    obj.left || 0,
+    obj.top || 0,
+    obj.width || 24,
+    obj.height || 24
+  ].join(" ");
+  const name = "icon-" + obj.name;
+  return defineComponent({
+    name: lineToLargeHump(name),
+    props: {},
+    render() {
+      return h("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        "aria-hidden": true,
+        id: name,
+        ctype: "hcom",
+        role: "img",
+        class: "iconify iconify-" + obj.prefix,
+        viewBox,
+        innerHTML: obj.body
+        // 直接使用innerHTML
+      });
+    }
+  });
+}
+var iconify = (app, ify, { prefix = defaultPrefix } = {}) => {
+  const obj = {
+    prefix: ify.prefix,
+    width: ify.width,
+    height: ify.height
+  };
+  const icons = ify.icons;
+  for (const key of Object.keys(icons)) {
+    app.component(
+      prefix + lineToLargeHump(key),
+      createSVG({
+        ...obj,
+        name: key,
+        ...icons[key]
+      })
+    );
+  }
+  const aliases = ify.aliases;
+  for (const key of Object.keys(aliases)) {
+    const a = aliases[key];
+    app.component(
+      prefix + lineToLargeHump(key),
+      createSVG({
+        ...obj,
+        name: key,
+        ...icons[a.parent]
+      })
+    );
+  }
+};
+function iconifySVG(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) {
+    return createSVG({
+      prefix: obj.prefix,
+      name,
+      width: obj.width,
+      height: obj.height,
+      ...n
+    });
+  }
+}
+export {
+  iconify,
+  iconifySVG
+};