@fangzhongya/fang-ui 0.0.42 → 0.0.44

package/dist/components/user-select/src/data.d.ts

@@ -76,7 +76,7 @@ export declare const dataProps: {
      * 弹框宽度
      */
     width: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
     };
     placeholder: {
         type: StringConstructor;

package/dist/components/window/index.d.ts

@@ -1,228 +1,2 @@
-import { SFCWithInstall } from '../../utils/vues';
-import { CreateComponentPublicInstanceWithMixins, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps } from 'vue';
-declare const Window: SFCWithInstall<{
-    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
-        drag: {
-            type: (BooleanConstructor | StringConstructor)[];
-            default: string;
-        };
-        adjust: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        mask: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        maskClose: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        pallet: {
-            type: PropType<{
-                [key: string]: any;
-                add: (s: symbol, a: () => void, r: () => void, t?: string) => void;
-                remove: (s: symbol, t?: string) => void;
-            }>;
-        };
-        minChange: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        closeHave: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        noMin: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        often: {
-            type: BooleanConstructor;
-        };
-        max: {
-            type: BooleanConstructor;
-        };
-        title: {
-            type: StringConstructor;
-        };
-        modelValue: {
-            type: BooleanConstructor;
-        };
-        to: {
-            type: StringConstructor;
-        };
-        disabled: {
-            type: BooleanConstructor;
-        };
-        boxClass: {
-            type: StringConstructor;
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
-        disabled: boolean;
-        mask: boolean;
-        modelValue: boolean;
-        max: boolean;
-        drag: string | boolean;
-        adjust: boolean;
-        often: boolean;
-        maskClose: boolean;
-        minChange: boolean;
-        closeHave: boolean;
-        noMin: boolean;
-    }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {
-        refBox: HTMLDivElement;
-        refBody: HTMLDivElement;
-    }, any, ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly< ExtractPropTypes<{
-        drag: {
-            type: (BooleanConstructor | StringConstructor)[];
-            default: string;
-        };
-        adjust: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        mask: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        maskClose: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        pallet: {
-            type: PropType<{
-                [key: string]: any;
-                add: (s: symbol, a: () => void, r: () => void, t?: string) => void;
-                remove: (s: symbol, t?: string) => void;
-            }>;
-        };
-        minChange: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        closeHave: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        noMin: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        often: {
-            type: BooleanConstructor;
-        };
-        max: {
-            type: BooleanConstructor;
-        };
-        title: {
-            type: StringConstructor;
-        };
-        modelValue: {
-            type: BooleanConstructor;
-        };
-        to: {
-            type: StringConstructor;
-        };
-        disabled: {
-            type: BooleanConstructor;
-        };
-        boxClass: {
-            type: StringConstructor;
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, {
-        disabled: boolean;
-        mask: boolean;
-        modelValue: boolean;
-        max: boolean;
-        drag: string | boolean;
-        adjust: boolean;
-        often: boolean;
-        maskClose: boolean;
-        minChange: boolean;
-        closeHave: boolean;
-        noMin: boolean;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
-    drag: {
-        type: (BooleanConstructor | StringConstructor)[];
-        default: string;
-    };
-    adjust: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    mask: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    maskClose: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    pallet: {
-        type: PropType<{
-            [key: string]: any;
-            add: (s: symbol, a: () => void, r: () => void, t?: string) => void;
-            remove: (s: symbol, t?: string) => void;
-        }>;
-    };
-    minChange: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    closeHave: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    noMin: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    often: {
-        type: BooleanConstructor;
-    };
-    max: {
-        type: BooleanConstructor;
-    };
-    title: {
-        type: StringConstructor;
-    };
-    modelValue: {
-        type: BooleanConstructor;
-    };
-    to: {
-        type: StringConstructor;
-    };
-    disabled: {
-        type: BooleanConstructor;
-    };
-    boxClass: {
-        type: StringConstructor;
-    };
-}>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
-    disabled: boolean;
-    mask: boolean;
-    modelValue: boolean;
-    max: boolean;
-    drag: string | boolean;
-    adjust: boolean;
-    often: boolean;
-    maskClose: boolean;
-    minChange: boolean;
-    closeHave: boolean;
-    noMin: boolean;
-}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
-    $slots: Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>>;
-})>;
+declare const Window: any;
 export { Window, Window as default };

package/dist/css/icon.css

@@ -24,4 +24,14 @@
   fill: currentColor;
   color: var(--color);
   font-size: inherit;
+}
+.icon-cont {
+  border: 0;
+  display: inline-flex;
+  align-items: center;
+  object-fit: contain;
+  justify-content: center;
+  font-size: inherit !important;
+  width: inherit !important;
+  height: inherit !important;
 }

package/dist/css/index.css

@@ -378,6 +378,16 @@
   color: var(--color);
   font-size: inherit;
 }
+.icon-cont {
+  border: 0;
+  display: inline-flex;
+  align-items: center;
+  object-fit: contain;
+  justify-content: center;
+  font-size: inherit !important;
+  width: inherit !important;
+  height: inherit !important;
+}
 
 .lists-div .lists-table {
   width: 100%;

package/dist/icons/config.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const defaultPrefix = "Icon";
+exports.defaultPrefix = defaultPrefix;

package/dist/icons/config.d.ts

@@ -0,0 +1,4 @@
+export declare const defaultPrefix = "Icon";
+export interface InstallOptions {
+    prefix?: string;
+}

package/dist/icons/config.js

@@ -0,0 +1,4 @@
+const defaultPrefix = "Icon";
+export {
+  defaultPrefix
+};

package/dist/icons/iconify.cjs

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const lineToLargeHump = require("@fangzhongya/utils/name/lineToLargeHump");
+const config = require("./config.cjs");
+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({
+    name: lineToLargeHump.lineToLargeHump(name),
+    props: {},
+    render() {
+      return vue.h(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          "xmlns:xlink": "http://www.w3.org/1999/xlink",
+          "aria-hidden": true,
+          id: name,
+          ctype: "hcom",
+          role: "img",
+          class: "iconify iconify-" + obj.prefix,
+          width: "1em",
+          height: "1em",
+          viewBox
+        },
+        obj.body
+      );
+    }
+  });
+}
+const iconify = (app, ify, { prefix = config.defaultPrefix } = {}) => {
+  const obj = {
+    prefix: ify.prefix,
+    width: ify.width,
+    height: ify.height
+  };
+  const icons = ify.icons;
+  Object.keys(icons).forEach((key) => {
+    app.component(
+      prefix + lineToLargeHump.lineToLargeHump(key),
+      createSVG({
+        ...obj,
+        name: key,
+        ...icons[key]
+      })
+    );
+  });
+  const aliases = ify.aliases;
+  Object.keys(aliases).forEach((key) => {
+    const a = aliases[key];
+    app.component(
+      prefix + lineToLargeHump.lineToLargeHump(key),
+      createSVG({
+        ...obj,
+        name: key,
+        ...icons[a.parent]
+      })
+    );
+  });
+};
+exports.iconify = iconify;

package/dist/icons/iconify.d.ts

@@ -0,0 +1,5 @@
+import { App } from 'vue';
+import { InstallOptions } from './config';
+export declare const iconify: (app: App, ify: {
+    [key: string]: any;
+}, { prefix }?: InstallOptions) => void;

package/dist/icons/iconify.js

@@ -0,0 +1,67 @@
+import { defineComponent, h } from "vue";
+import { lineToLargeHump } from "@fangzhongya/utils/name/lineToLargeHump";
+import { defaultPrefix } from "./config.js";
+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",
+          "xmlns:xlink": "http://www.w3.org/1999/xlink",
+          "aria-hidden": true,
+          id: name,
+          ctype: "hcom",
+          role: "img",
+          class: "iconify iconify-" + obj.prefix,
+          width: "1em",
+          height: "1em",
+          viewBox
+        },
+        obj.body
+      );
+    }
+  });
+}
+const iconify = (app, ify, { prefix = defaultPrefix } = {}) => {
+  const obj = {
+    prefix: ify.prefix,
+    width: ify.width,
+    height: ify.height
+  };
+  const icons = ify.icons;
+  Object.keys(icons).forEach((key) => {
+    app.component(
+      prefix + lineToLargeHump(key),
+      createSVG({
+        ...obj,
+        name: key,
+        ...icons[key]
+      })
+    );
+  });
+  const aliases = ify.aliases;
+  Object.keys(aliases).forEach((key) => {
+    const a = aliases[key];
+    app.component(
+      prefix + lineToLargeHump(key),
+      createSVG({
+        ...obj,
+        name: key,
+        ...icons[a.parent]
+      })
+    );
+  });
+};
+export {
+  iconify
+};

package/dist/icons/index.cjs

@@ -1,11 +1,13 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const index = require("./vue/index.cjs");
-const defaultPrefix = "Icon";
-const icons = (app, { prefix = defaultPrefix } = {}) => {
+const config = require("./config.cjs");
+const iconify = require("./iconify.cjs");
+const icons = (app, { prefix = config.defaultPrefix } = {}) => {
   for (const [key, component] of Object.entries(index)) {
     app.component(prefix + key, component);
   }
 };
 exports.icons = index;
+exports.iconify = iconify.iconify;
 exports.default = icons;

package/dist/icons/index.css

@@ -1,17 +1,17 @@
 :root {
-  --icon-svg-bar: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' data-v-ea893728='' %3E %3Cpath fill='currentColor' d='M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z' %3E%3C/path%3E %3C/svg%3E");
-  --icon-svg-bicycle: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M256 832a128 128 0 1 0 0-256 128 128 0 0 0 0 256zm0 64a192 192 0 1 1 0-384 192 192 0 0 1 0 384z'/%3E%3Cpath fill='currentColor' d='M288 672h320q32 0 32 32t-32 32H288q-32 0-32-32t32-32z'/%3E%3Cpath fill='currentColor' d='M768 832a128 128 0 1 0 0-256 128 128 0 0 0 0 256zm0 64a192 192 0 1 1 0-384 192 192 0 0 1 0 384z'/%3E%3Cpath fill='currentColor' d='M480 192a32 32 0 0 1 0-64h160a32 32 0 0 1 31.04 24.256l96 384a32 32 0 0 1-62.08 15.488L615.04 192H480zM96 384a32 32 0 0 1 0-64h128a32 32 0 0 1 30.336 21.888l64 192a32 32 0 1 1-60.672 20.224L200.96 384H96z'/%3E%3Cpath fill='currentColor' d='m373.376 599.808-42.752-47.616 320-288 42.752 47.616z'/%3E%3C/svg%3E");
-  --icon-svg-below: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' data-v-ea893728='' %3E %3Cpath fill='currentColor' d='M831.872 340.864 512 652.672 192.128 340.864a30.592 30.592 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.592 30.592 0 0 0-42.752 0z' %3E%3C/path%3E %3C/svg%3E");
-  --icon-svg-bottom-right: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M352 768a32 32 0 1 0 0 64h448a32 32 0 0 0 32-32V352a32 32 0 0 0-64 0v416H352z'/%3E%3Cpath fill='currentColor' d='M777.344 822.656a32 32 0 0 0 45.312-45.312l-544-544a32 32 0 0 0-45.312 45.312l544 544z'/%3E%3C/svg%3E");
-  --icon-svg-bottom-left: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M256 768h416a32 32 0 1 1 0 64H224a32 32 0 0 1-32-32V352a32 32 0 0 1 64 0v416z'/%3E%3Cpath fill='currentColor' d='M246.656 822.656a32 32 0 0 1-45.312-45.312l544-544a32 32 0 0 1 45.312 45.312l-544 544z'/%3E%3C/svg%3E");
-  --icon-svg-bottom: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M544 805.888V168a32 32 0 1 0-64 0v637.888L246.656 557.952a30.72 30.72 0 0 0-45.312 0 35.52 35.52 0 0 0 0 48.064l288 306.048a30.72 30.72 0 0 0 45.312 0l288-306.048a35.52 35.52 0 0 0 0-48 30.72 30.72 0 0 0-45.312 0L544 805.824z'/%3E%3C/svg%3E");
-  --icon-svg-close: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill='currentColor' d='M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z' %3E%3C/path%3E %3C/svg%3E");
-  --icon-svg-clear: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' data-v-ea893728='' %3E %3Cpath fill='currentColor' d='m466.752 512-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z' %3E%3C/path%3E %3Cpath fill='currentColor' d='M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z' %3E%3C/path%3E %3C/svg%3E");
-  --icon-svg-edit: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill='currentColor' d='M832 512a32 32 0 1 1 64 0v352a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h352a32 32 0 0 1 0 64H192v640h640V512z' %3E%3C/path%3E %3Cpath fill='currentColor' d='m469.952 554.24 52.8-7.552L847.104 222.4a32 32 0 1 0-45.248-45.248L477.44 501.44l-7.552 52.8zm422.4-422.4a96 96 0 0 1 0 135.808l-331.84 331.84a32 32 0 0 1-18.112 9.088L436.8 623.68a32 32 0 0 1-36.224-36.224l15.104-105.6a32 32 0 0 1 9.024-18.112l331.904-331.84a96 96 0 0 1 135.744 0z' %3E%3C/path%3E %3C/svg%3E");
-  --icon-svg-frame: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' data-v-ea893728='' %3E %3Cpath fill='currentColor' d='m160 96.064 192 .192a32 32 0 0 1 0 64l-192-.192V352a32 32 0 0 1-64 0V96h64v.064zm0 831.872V928H96V672a32 32 0 1 1 64 0v191.936l192-.192a32 32 0 1 1 0 64l-192 .192zM864 96.064V96h64v256a32 32 0 1 1-64 0V160.064l-192 .192a32 32 0 1 1 0-64l192-.192zm0 831.872-192-.192a32 32 0 0 1 0-64l192 .192V672a32 32 0 1 1 64 0v256h-64v-.064z' %3E%3C/path%3E %3C/svg%3E");
-  --icon-svg-star: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' data-v-ea893728='' %3E %3Cpath fill='currentColor' d='m512 747.84 228.16 119.936a6.4 6.4 0 0 0 9.28-6.72l-43.52-254.08 184.512-179.904a6.4 6.4 0 0 0-3.52-10.88l-255.104-37.12L517.76 147.904a6.4 6.4 0 0 0-11.52 0L392.192 379.072l-255.104 37.12a6.4 6.4 0 0 0-3.52 10.88L318.08 606.976l-43.584 254.08a6.4 6.4 0 0 0 9.28 6.72L512 747.84zM313.6 924.48a70.4 70.4 0 0 1-102.144-74.24l37.888-220.928L88.96 472.96A70.4 70.4 0 0 1 128 352.896l221.76-32.256 99.2-200.96a70.4 70.4 0 0 1 126.208 0l99.2 200.96 221.824 32.256a70.4 70.4 0 0 1 39.04 120.064L774.72 629.376l37.888 220.928a70.4 70.4 0 0 1-102.144 74.24L512 820.096l-198.4 104.32z' %3E%3C/path%3E %3C/svg%3E");
-  --icon-svg-left: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' data-v-ea893728='' %3E %3Cpath fill='currentColor' d='M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z' %3E%3C/path%3E %3C/svg%3E");
-  --icon-svg-right: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' %3E %3Cpath fill='currentColor' d='M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z' %3E%3C/path%3E %3C/svg%3E");
+  --icon-svg-bar: url("data:image/svg+xml;utf8,%3Csvg id='icon-bar' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' %3E %3Cpath fill='currentColor' d='M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z' %3E%3C/path%3E %3C/svg%3E");
+  --icon-svg-below: url("data:image/svg+xml;utf8,%3Csvg id='icon-below' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' data-v-ea893728='' %3E %3Cpath fill='currentColor' d='M831.872 340.864 512 652.672 192.128 340.864a30.592 30.592 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.592 30.592 0 0 0-42.752 0z' %3E%3C/path%3E %3C/svg%3E");
+  --icon-svg-bicycle: url("data:image/svg+xml;utf8,%3Csvg id='icon-bicycle' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M256 832a128 128 0 1 0 0-256 128 128 0 0 0 0 256zm0 64a192 192 0 1 1 0-384 192 192 0 0 1 0 384z'/%3E%3Cpath fill='currentColor' d='M288 672h320q32 0 32 32t-32 32H288q-32 0-32-32t32-32z'/%3E%3Cpath fill='currentColor' d='M768 832a128 128 0 1 0 0-256 128 128 0 0 0 0 256zm0 64a192 192 0 1 1 0-384 192 192 0 0 1 0 384z'/%3E%3Cpath fill='currentColor' d='M480 192a32 32 0 0 1 0-64h160a32 32 0 0 1 31.04 24.256l96 384a32 32 0 0 1-62.08 15.488L615.04 192H480zM96 384a32 32 0 0 1 0-64h128a32 32 0 0 1 30.336 21.888l64 192a32 32 0 1 1-60.672 20.224L200.96 384H96z'/%3E%3Cpath fill='currentColor' d='m373.376 599.808-42.752-47.616 320-288 42.752 47.616z'/%3E%3C/svg%3E");
+  --icon-svg-bottom: url("data:image/svg+xml;utf8,%3Csvg id='icon-bottom' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M544 805.888V168a32 32 0 1 0-64 0v637.888L246.656 557.952a30.72 30.72 0 0 0-45.312 0 35.52 35.52 0 0 0 0 48.064l288 306.048a30.72 30.72 0 0 0 45.312 0l288-306.048a35.52 35.52 0 0 0 0-48 30.72 30.72 0 0 0-45.312 0L544 805.824z'/%3E%3C/svg%3E");
+  --icon-svg-clear: url("data:image/svg+xml;utf8,%3Csvg id='icon-clear' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' data-v-ea893728='' %3E %3Cpath fill='currentColor' d='m466.752 512-90.496-90.496a32 32 0 0 1 45.248-45.248L512 466.752l90.496-90.496a32 32 0 1 1 45.248 45.248L557.248 512l90.496 90.496a32 32 0 1 1-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 0 1-45.248-45.248L466.752 512z' %3E%3C/path%3E %3Cpath fill='currentColor' d='M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z' %3E%3C/path%3E %3C/svg%3E");
+  --icon-svg-bottom-right: url("data:image/svg+xml;utf8,%3Csvg id='icon-bottom-right' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M352 768a32 32 0 1 0 0 64h448a32 32 0 0 0 32-32V352a32 32 0 0 0-64 0v416H352z'/%3E%3Cpath fill='currentColor' d='M777.344 822.656a32 32 0 0 0 45.312-45.312l-544-544a32 32 0 0 0-45.312 45.312l544 544z'/%3E%3C/svg%3E");
+  --icon-svg-bottom-left: url("data:image/svg+xml;utf8,%3Csvg id='icon-bottom-left' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M256 768h416a32 32 0 1 1 0 64H224a32 32 0 0 1-32-32V352a32 32 0 0 1 64 0v416z'/%3E%3Cpath fill='currentColor' d='M246.656 822.656a32 32 0 0 1-45.312-45.312l544-544a32 32 0 0 1 45.312 45.312l-544 544z'/%3E%3C/svg%3E");
+  --icon-svg-close: url("data:image/svg+xml;utf8,%3Csvg id='icon-close' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill='currentColor' d='M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z' %3E%3C/path%3E %3C/svg%3E");
+  --icon-svg-edit: url("data:image/svg+xml;utf8,%3Csvg id='icon-edit' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill='currentColor' d='M832 512a32 32 0 1 1 64 0v352a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h352a32 32 0 0 1 0 64H192v640h640V512z' %3E%3C/path%3E %3Cpath fill='currentColor' d='m469.952 554.24 52.8-7.552L847.104 222.4a32 32 0 1 0-45.248-45.248L477.44 501.44l-7.552 52.8zm422.4-422.4a96 96 0 0 1 0 135.808l-331.84 331.84a32 32 0 0 1-18.112 9.088L436.8 623.68a32 32 0 0 1-36.224-36.224l15.104-105.6a32 32 0 0 1 9.024-18.112l331.904-331.84a96 96 0 0 1 135.744 0z' %3E%3C/path%3E %3C/svg%3E");
+  --icon-svg-frame: url("data:image/svg+xml;utf8,%3Csvg id='icon-frame' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' data-v-ea893728='' %3E %3Cpath fill='currentColor' d='m160 96.064 192 .192a32 32 0 0 1 0 64l-192-.192V352a32 32 0 0 1-64 0V96h64v.064zm0 831.872V928H96V672a32 32 0 1 1 64 0v191.936l192-.192a32 32 0 1 1 0 64l-192 .192zM864 96.064V96h64v256a32 32 0 1 1-64 0V160.064l-192 .192a32 32 0 1 1 0-64l192-.192zm0 831.872-192-.192a32 32 0 0 1 0-64l192 .192V672a32 32 0 1 1 64 0v256h-64v-.064z' %3E%3C/path%3E %3C/svg%3E");
+  --icon-svg-left: url("data:image/svg+xml;utf8,%3Csvg id='icon-left' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' data-v-ea893728='' %3E %3Cpath fill='currentColor' d='M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z' %3E%3C/path%3E %3C/svg%3E");
+  --icon-svg-star: url("data:image/svg+xml;utf8,%3Csvg id='icon-star' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' data-v-ea893728='' %3E %3Cpath fill='currentColor' d='m512 747.84 228.16 119.936a6.4 6.4 0 0 0 9.28-6.72l-43.52-254.08 184.512-179.904a6.4 6.4 0 0 0-3.52-10.88l-255.104-37.12L517.76 147.904a6.4 6.4 0 0 0-11.52 0L392.192 379.072l-255.104 37.12a6.4 6.4 0 0 0-3.52 10.88L318.08 606.976l-43.584 254.08a6.4 6.4 0 0 0 9.28 6.72L512 747.84zM313.6 924.48a70.4 70.4 0 0 1-102.144-74.24l37.888-220.928L88.96 472.96A70.4 70.4 0 0 1 128 352.896l221.76-32.256 99.2-200.96a70.4 70.4 0 0 1 126.208 0l99.2 200.96 221.824 32.256a70.4 70.4 0 0 1 39.04 120.064L774.72 629.376l37.888 220.928a70.4 70.4 0 0 1-102.144 74.24L512 820.096l-198.4 104.32z' %3E%3C/path%3E %3C/svg%3E");
+  --icon-svg-right: url("data:image/svg+xml;utf8,%3Csvg id='icon-right' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' %3E %3Cpath fill='currentColor' d='M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z' %3E%3C/path%3E %3C/svg%3E");
 }
 .icon-bar  {
   height: 1em;
@@ -23,72 +23,72 @@
   mask-size: 100% 100%;
   color: inherit;
 }
-.icon-bicycle  {
+.icon-below  {
   height: 1em;
   width: 1em;
   background-color: currentColor;
-  -webkit-mask: var(--icon-svg-bicycle) no-repeat;
-  mask: var(--icon-svg-bicycle) no-repeat;
+  -webkit-mask: var(--icon-svg-below) no-repeat;
+  mask: var(--icon-svg-below) no-repeat;
   -webkit-mask-size: 100% 100%;
   mask-size: 100% 100%;
   color: inherit;
 }
-.icon-below  {
+.icon-bicycle  {
   height: 1em;
   width: 1em;
   background-color: currentColor;
-  -webkit-mask: var(--icon-svg-below) no-repeat;
-  mask: var(--icon-svg-below) no-repeat;
+  -webkit-mask: var(--icon-svg-bicycle) no-repeat;
+  mask: var(--icon-svg-bicycle) no-repeat;
   -webkit-mask-size: 100% 100%;
   mask-size: 100% 100%;
   color: inherit;
 }
-.icon-bottom-right  {
+.icon-bottom  {
   height: 1em;
   width: 1em;
   background-color: currentColor;
-  -webkit-mask: var(--icon-svg-bottom-right) no-repeat;
-  mask: var(--icon-svg-bottom-right) no-repeat;
+  -webkit-mask: var(--icon-svg-bottom) no-repeat;
+  mask: var(--icon-svg-bottom) no-repeat;
   -webkit-mask-size: 100% 100%;
   mask-size: 100% 100%;
   color: inherit;
 }
-.icon-bottom-left  {
+.icon-clear  {
   height: 1em;
   width: 1em;
   background-color: currentColor;
-  -webkit-mask: var(--icon-svg-bottom-left) no-repeat;
-  mask: var(--icon-svg-bottom-left) no-repeat;
+  -webkit-mask: var(--icon-svg-clear) no-repeat;
+  mask: var(--icon-svg-clear) no-repeat;
   -webkit-mask-size: 100% 100%;
   mask-size: 100% 100%;
   color: inherit;
 }
-.icon-bottom  {
+.icon-bottom-right  {
   height: 1em;
   width: 1em;
   background-color: currentColor;
-  -webkit-mask: var(--icon-svg-bottom) no-repeat;
-  mask: var(--icon-svg-bottom) no-repeat;
+  -webkit-mask: var(--icon-svg-bottom-right) no-repeat;
+  mask: var(--icon-svg-bottom-right) no-repeat;
   -webkit-mask-size: 100% 100%;
   mask-size: 100% 100%;
   color: inherit;
 }
-.icon-close  {
+.icon-bottom-left  {
   height: 1em;
   width: 1em;
   background-color: currentColor;
-  -webkit-mask: var(--icon-svg-close) no-repeat;
-  mask: var(--icon-svg-close) no-repeat;
+  -webkit-mask: var(--icon-svg-bottom-left) no-repeat;
+  mask: var(--icon-svg-bottom-left) no-repeat;
   -webkit-mask-size: 100% 100%;
   mask-size: 100% 100%;
   color: inherit;
 }
-.icon-clear  {
+.icon-close  {
   height: 1em;
   width: 1em;
   background-color: currentColor;
-  -webkit-mask: var(--icon-svg-clear) no-repeat;
-  mask: var(--icon-svg-clear) no-repeat;
+  -webkit-mask: var(--icon-svg-close) no-repeat;
+  mask: var(--icon-svg-close) no-repeat;
   -webkit-mask-size: 100% 100%;
   mask-size: 100% 100%;
   color: inherit;
@@ -113,22 +113,22 @@
   mask-size: 100% 100%;
   color: inherit;
 }
-.icon-star  {
+.icon-left  {
   height: 1em;
   width: 1em;
   background-color: currentColor;
-  -webkit-mask: var(--icon-svg-star) no-repeat;
-  mask: var(--icon-svg-star) no-repeat;
+  -webkit-mask: var(--icon-svg-left) no-repeat;
+  mask: var(--icon-svg-left) no-repeat;
   -webkit-mask-size: 100% 100%;
   mask-size: 100% 100%;
   color: inherit;
 }
-.icon-left  {
+.icon-star  {
   height: 1em;
   width: 1em;
   background-color: currentColor;
-  -webkit-mask: var(--icon-svg-left) no-repeat;
-  mask: var(--icon-svg-left) no-repeat;
+  -webkit-mask: var(--icon-svg-star) no-repeat;
+  mask: var(--icon-svg-star) no-repeat;
   -webkit-mask-size: 100% 100%;
   mask-size: 100% 100%;
   color: inherit;

package/dist/icons/index.d.ts

@@ -1,9 +1,8 @@
 import { App } from 'vue';
+import { InstallOptions } from './config';
+import { iconify } from './iconify';
 import * as icons from './vue/index';
-export interface InstallOptions {
-    prefix?: string;
-}
 declare const _default: (app: App, { prefix }?: InstallOptions) => void;
 export default _default;
-export { icons };
+export { icons, iconify };
 export * from './vue/index';

package/dist/icons/index.js

@@ -1,5 +1,6 @@
 import * as index from "./vue/index.js";
-const defaultPrefix = "Icon";
+import { defaultPrefix } from "./config.js";
+import { iconify } from "./iconify.js";
 const icons = (app, { prefix = defaultPrefix } = {}) => {
   for (const [key, component] of Object.entries(index)) {
     app.component(prefix + key, component);
@@ -7,5 +8,6 @@ const icons = (app, { prefix = defaultPrefix } = {}) => {
 };
 export {
   icons as default,
+  iconify,
   index as icons
 };