@fangzhongya/fang-ui 0.0.42 → 0.0.44

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

@@ -1,113 +1,2 @@
-import { SFCWithInstall } from '../../utils/vues';
-import { CreateComponentPublicInstanceWithMixins, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps } from 'vue';
-declare const Icon: SFCWithInstall<{
-    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
-        name: {
-            type: StringConstructor;
-            default: string;
-        };
-        iconClass: {
-            type: StringConstructor;
-        };
-        type: {
-            type: StringConstructor;
-        };
-        size: {
-            type: (NumberConstructor | StringConstructor)[];
-        };
-        runtime: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        flip: {
-            type: PropType<"" | "horizontal" | "vertical" | "both">;
-            default: string;
-        };
-        rotate: {
-            type: NumberConstructor;
-            default: number;
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
-        name: string;
-        runtime: boolean;
-        flip: "" | "horizontal" | "vertical" | "both";
-        rotate: number;
-    }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLElement, ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly< ExtractPropTypes<{
-        name: {
-            type: StringConstructor;
-            default: string;
-        };
-        iconClass: {
-            type: StringConstructor;
-        };
-        type: {
-            type: StringConstructor;
-        };
-        size: {
-            type: (NumberConstructor | StringConstructor)[];
-        };
-        runtime: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        flip: {
-            type: PropType<"" | "horizontal" | "vertical" | "both">;
-            default: string;
-        };
-        rotate: {
-            type: NumberConstructor;
-            default: number;
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, {
-        name: string;
-        runtime: boolean;
-        flip: "" | "horizontal" | "vertical" | "both";
-        rotate: number;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
-    name: {
-        type: StringConstructor;
-        default: string;
-    };
-    iconClass: {
-        type: StringConstructor;
-    };
-    type: {
-        type: StringConstructor;
-    };
-    size: {
-        type: (NumberConstructor | StringConstructor)[];
-    };
-    runtime: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    flip: {
-        type: PropType<"" | "horizontal" | "vertical" | "both">;
-        default: string;
-    };
-    rotate: {
-        type: NumberConstructor;
-        default: number;
-    };
-}>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
-    name: string;
-    runtime: boolean;
-    flip: "" | "horizontal" | "vertical" | "both";
-    rotate: number;
-}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
-    $slots: {
-        default?(_: {}): any;
-    };
-})>;
+declare const Icon: any;
 export { Icon, Icon as default };

package/dist/components/icon/index.scss

@@ -13,4 +13,15 @@ $icon: 'icon';
 	fill: currentColor;
 	color: var(--color);
 	font-size: inherit;
+
+	&-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/components/icon/src/data.cjs

@@ -9,7 +9,7 @@ const dataProps = buildProps.buildProps({
    * 图标名称
    */
   name: {
-    type: String,
+    type: [String, Object],
     default: ""
   },
   iconClass: {

package/dist/components/icon/src/data.d.ts

@@ -1,12 +1,13 @@
 import { ExtractPropTypes, PropType } from 'vue';
 type Flip = 'horizontal' | 'vertical' | 'both' | '';
+export type IconType = 'css' | 'id' | 'img' | 'font' | 'str' | 'com';
 export declare const dataProps: {
     /**
      * @props { String} name= ( )
      * 图标名称
      */
     name: {
-        type: StringConstructor;
+        type: (ObjectConstructor | StringConstructor)[];
         default: string;
     };
     iconClass: {
@@ -17,14 +18,14 @@ export declare const dataProps: {
      * 图标类型
      */
     type: {
-        type: StringConstructor;
+        type: () => IconType;
     };
     /**
      * @props { String, Number } size= ( )
      * 图标大小
      */
     size: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
     };
     runtime: {
         type: BooleanConstructor;

package/dist/components/icon/src/data.js

@@ -7,7 +7,7 @@ const dataProps = buildProps({
    * 图标名称
    */
   name: {
-    type: String,
+    type: [String, Object],
     default: ""
   },
   iconClass: {

package/dist/components/icon/src/index2.cjs

@@ -5,11 +5,9 @@ const data = require("./data.cjs");
 require("../../../hooks/index.cjs");
 const index = require("../../../hooks/locale/index.cjs");
 const index$1 = require("../../../hooks/cssname/index.cjs");
-const _hoisted_1 = ["ctype"];
-const _hoisted_2 = ["ctype"];
-const _hoisted_3 = ["ctype", "src"];
-const _hoisted_4 = ["ctype"];
-const _hoisted_5 = ["xlink:href"];
+const _hoisted_1 = ["src"];
+const _hoisted_2 = ["innerHTML"];
+const _hoisted_3 = ["xlink:href"];
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
@@ -20,23 +18,19 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const props = __props;
     const emit = __emit;
     const reg = /<svg([^>]*)>((.|\n|\r|\t)*)<\/svg>/g;
+    const reg1 = /<path([^>]*)>((.|\n|\r|\t)*)<\/path>/g;
+    const reg2 = /<g([^>]*)>((.|\n|\r|\t)*)<\/g>/g;
     const outputType = vue.computed(() => {
       if (props.type) {
         return props.type;
       } else {
         const name = props.name || "";
-        if (reg.test(name)) {
-          return "str";
-        } else if (name.startsWith("i-")) {
-          return "css";
-        } else if (name.startsWith("f-")) {
-          return "font";
-        } else if (name.startsWith("c-")) {
+        if (typeof name == "object") {
           return "com";
+        } else if (reg.test(name) || reg1.test(name) || reg2.test(name)) {
+          return "str";
         } else if (isImg(name)) {
           return "img";
-        } else {
-          return "custom";
         }
       }
     });
@@ -70,21 +64,39 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     });
     const outputName = vue.computed(() => {
       const name = props.name || "";
-      if (outputType.value == "str") {
-        const rs = reg.exec(name);
-        if (rs && rs.length > 0) {
-          return rs[0];
-        } else {
-          return `<svg viewBox="0 0 ${props.size || 24} ${props.size || 24}" width="${props.size}" height="${props.size}" xmlns="http://www.w3.org/2000/svg">${name}</svg>`;
-        }
-      } else if (name.startsWith("f-")) {
-        return name.replace(/^f-/, "icon");
-      } else if (name.startsWith("c-")) {
-        return name.replace(/^c-/, "icon");
-      } else if (name.startsWith("i-")) {
-        return name.replace(/^i-/, "icon");
+      switch (outputType.value) {
+        case "str":
+          const m = name;
+          const rs = reg.exec(m);
+          const rs1 = reg1.exec(m) || reg2.exec(m);
+          if (rs && rs.length > 0) {
+            return rs[1];
+          } else if (rs1 && rs1.length > 0) {
+            return rs1[0];
+          } else {
+            return m;
+          }
+        case "css":
+          if (name.startsWith("icon-")) {
+            return name;
+          } else {
+            return "icon-" + name;
+          }
+        case "id":
+          if (name.startsWith("icon-")) {
+            return name;
+          } else {
+            return "icon-" + name;
+          }
+        case "font":
+          if (name.startsWith("icon-")) {
+            return name;
+          } else {
+            return "icon-" + name;
+          }
+        default:
+          return name;
       }
-      return name;
     });
     function isImg(name) {
       if (name) {
@@ -107,43 +119,42 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("i", {
-        class: vue.normalizeClass(vue.unref(cs).z())
+        class: vue.normalizeClass(vue.unref(cs).z()),
+        style: vue.normalizeStyle(transformStyle.value)
       }, [
         vue.renderSlot(_ctx.$slots, "default", {}, () => [
-          outputType.value === "css" ? (vue.openBlock(), vue.createElementBlock("i", {
+          outputType.value === "css" || outputType.value === "font" ? (vue.openBlock(), vue.createElementBlock("i", {
             key: 0,
-            ctype: outputType.value,
-            class: vue.normalizeClass([props.iconClass, outputName.value]),
-            style: vue.normalizeStyle([{ "display": "inline-flex", "align-items": "center", "justify-content": "center" }, transformStyle.value])
-          }, null, 14, _hoisted_1)) : outputType.value === "font" ? (vue.openBlock(), vue.createElementBlock("i", {
+            class: vue.normalizeClass([
+              vue.unref(cs).z(outputType.value),
+              props.iconClass,
+              outputName.value,
+              vue.unref(cs).z("cont")
+            ])
+          }, null, 2)) : outputType.value === "img" ? (vue.openBlock(), vue.createElementBlock("img", {
             key: 1,
-            ctype: outputType.value,
-            class: vue.normalizeClass([props.iconClass, outputName.value]),
-            style: vue.normalizeStyle([{ "display": "inline-flex", "align-items": "center", "justify-content": "center" }, transformStyle.value])
-          }, null, 14, _hoisted_2)) : outputType.value === "img" ? (vue.openBlock(), vue.createElementBlock("img", {
-            key: 2,
-            ctype: outputType.value,
-            class: vue.normalizeClass([props.iconClass]),
-            style: vue.normalizeStyle([{ "border": "0", "display": "inline-flex", "align-items": "center", "object-fit": "contain", "justify-content": "center" }, transformStyle.value]),
+            class: vue.normalizeClass([vue.unref(cs).z(outputType.value), props.iconClass, vue.unref(cs).z("cont")]),
             src: outputName.value
-          }, null, 14, _hoisted_3)) : outputType.value === "str" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 3 }, [], 64)) : outputType.value === "com" ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(outputName.value), {
-            key: 4,
-            ctype: outputType.value,
-            class: vue.normalizeClass([props.iconClass]),
-            style: vue.normalizeStyle(transformStyle.value)
-          }, null, 8, ["ctype", "class", "style"])) : (vue.openBlock(), vue.createElementBlock("svg", {
-            key: 5,
-            ctype: outputType.value,
-            class: vue.normalizeClass([props.iconClass]),
-            style: vue.normalizeStyle(transformStyle.value),
+          }, null, 10, _hoisted_1)) : outputType.value === "str" ? (vue.openBlock(), vue.createElementBlock("svg", {
+            key: 2,
+            class: vue.normalizeClass([vue.unref(cs).z(outputType.value), props.iconClass, vue.unref(cs).z("cont")]),
+            viewBox: "0 0 1024 1024",
+            xmlns: "http://www.w3.org/2000/svg",
+            innerHTML: outputName.value
+          }, null, 10, _hoisted_2)) : outputType.value === "id" ? (vue.openBlock(), vue.createElementBlock("svg", {
+            key: 3,
+            class: vue.normalizeClass([vue.unref(cs).z(outputType.value), props.iconClass, vue.unref(cs).z("cont")]),
             "aria-hidden": "true"
           }, [
             vue.createElementVNode("use", {
-              "xlink:href": `#icon-${outputName.value}`
-            }, null, 8, _hoisted_5)
-          ], 14, _hoisted_4))
+              "xlink:href": `#${outputName.value}`
+            }, null, 8, _hoisted_3)
+          ], 2)) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(outputName.value), {
+            key: 4,
+            class: vue.normalizeClass([vue.unref(cs).z(outputType.value), props.iconClass, vue.unref(cs).z("cont")])
+          }, null, 8, ["class"]))
         ])
-      ], 2);
+      ], 6);
     };
   }
 });

package/dist/components/icon/src/index2.js

@@ -1,13 +1,11 @@
-import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, unref, renderSlot, createBlock, normalizeStyle, Fragment, resolveDynamicComponent, createElementVNode } from "vue";
+import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, renderSlot, createBlock, createElementVNode, resolveDynamicComponent } from "vue";
 import { dataExpose, dataEmits, dataProps } from "./data.js";
 import "../../../hooks/index.js";
 import { useLocale } from "../../../hooks/locale/index.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
-const _hoisted_1 = ["ctype"];
-const _hoisted_2 = ["ctype"];
-const _hoisted_3 = ["ctype", "src"];
-const _hoisted_4 = ["ctype"];
-const _hoisted_5 = ["xlink:href"];
+const _hoisted_1 = ["src"];
+const _hoisted_2 = ["innerHTML"];
+const _hoisted_3 = ["xlink:href"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: dataProps,
@@ -18,23 +16,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const reg = /<svg([^>]*)>((.|\n|\r|\t)*)<\/svg>/g;
+    const reg1 = /<path([^>]*)>((.|\n|\r|\t)*)<\/path>/g;
+    const reg2 = /<g([^>]*)>((.|\n|\r|\t)*)<\/g>/g;
     const outputType = computed(() => {
       if (props.type) {
         return props.type;
       } else {
         const name = props.name || "";
-        if (reg.test(name)) {
-          return "str";
-        } else if (name.startsWith("i-")) {
-          return "css";
-        } else if (name.startsWith("f-")) {
-          return "font";
-        } else if (name.startsWith("c-")) {
+        if (typeof name == "object") {
           return "com";
+        } else if (reg.test(name) || reg1.test(name) || reg2.test(name)) {
+          return "str";
         } else if (isImg(name)) {
           return "img";
-        } else {
-          return "custom";
         }
       }
     });
@@ -68,21 +62,39 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const outputName = computed(() => {
       const name = props.name || "";
-      if (outputType.value == "str") {
-        const rs = reg.exec(name);
-        if (rs && rs.length > 0) {
-          return rs[0];
-        } else {
-          return `<svg viewBox="0 0 ${props.size || 24} ${props.size || 24}" width="${props.size}" height="${props.size}" xmlns="http://www.w3.org/2000/svg">${name}</svg>`;
-        }
-      } else if (name.startsWith("f-")) {
-        return name.replace(/^f-/, "icon");
-      } else if (name.startsWith("c-")) {
-        return name.replace(/^c-/, "icon");
-      } else if (name.startsWith("i-")) {
-        return name.replace(/^i-/, "icon");
+      switch (outputType.value) {
+        case "str":
+          const m = name;
+          const rs = reg.exec(m);
+          const rs1 = reg1.exec(m) || reg2.exec(m);
+          if (rs && rs.length > 0) {
+            return rs[1];
+          } else if (rs1 && rs1.length > 0) {
+            return rs1[0];
+          } else {
+            return m;
+          }
+        case "css":
+          if (name.startsWith("icon-")) {
+            return name;
+          } else {
+            return "icon-" + name;
+          }
+        case "id":
+          if (name.startsWith("icon-")) {
+            return name;
+          } else {
+            return "icon-" + name;
+          }
+        case "font":
+          if (name.startsWith("icon-")) {
+            return name;
+          } else {
+            return "icon-" + name;
+          }
+        default:
+          return name;
       }
-      return name;
     });
     function isImg(name) {
       if (name) {
@@ -105,43 +117,42 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("i", {
-        class: normalizeClass(unref(cs).z())
+        class: normalizeClass(unref(cs).z()),
+        style: normalizeStyle(transformStyle.value)
       }, [
         renderSlot(_ctx.$slots, "default", {}, () => [
-          outputType.value === "css" ? (openBlock(), createElementBlock("i", {
+          outputType.value === "css" || outputType.value === "font" ? (openBlock(), createElementBlock("i", {
             key: 0,
-            ctype: outputType.value,
-            class: normalizeClass([props.iconClass, outputName.value]),
-            style: normalizeStyle([{ "display": "inline-flex", "align-items": "center", "justify-content": "center" }, transformStyle.value])
-          }, null, 14, _hoisted_1)) : outputType.value === "font" ? (openBlock(), createElementBlock("i", {
+            class: normalizeClass([
+              unref(cs).z(outputType.value),
+              props.iconClass,
+              outputName.value,
+              unref(cs).z("cont")
+            ])
+          }, null, 2)) : outputType.value === "img" ? (openBlock(), createElementBlock("img", {
             key: 1,
-            ctype: outputType.value,
-            class: normalizeClass([props.iconClass, outputName.value]),
-            style: normalizeStyle([{ "display": "inline-flex", "align-items": "center", "justify-content": "center" }, transformStyle.value])
-          }, null, 14, _hoisted_2)) : outputType.value === "img" ? (openBlock(), createElementBlock("img", {
-            key: 2,
-            ctype: outputType.value,
-            class: normalizeClass([props.iconClass]),
-            style: normalizeStyle([{ "border": "0", "display": "inline-flex", "align-items": "center", "object-fit": "contain", "justify-content": "center" }, transformStyle.value]),
+            class: normalizeClass([unref(cs).z(outputType.value), props.iconClass, unref(cs).z("cont")]),
             src: outputName.value
-          }, null, 14, _hoisted_3)) : outputType.value === "str" ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [], 64)) : outputType.value === "com" ? (openBlock(), createBlock(resolveDynamicComponent(outputName.value), {
-            key: 4,
-            ctype: outputType.value,
-            class: normalizeClass([props.iconClass]),
-            style: normalizeStyle(transformStyle.value)
-          }, null, 8, ["ctype", "class", "style"])) : (openBlock(), createElementBlock("svg", {
-            key: 5,
-            ctype: outputType.value,
-            class: normalizeClass([props.iconClass]),
-            style: normalizeStyle(transformStyle.value),
+          }, null, 10, _hoisted_1)) : outputType.value === "str" ? (openBlock(), createElementBlock("svg", {
+            key: 2,
+            class: normalizeClass([unref(cs).z(outputType.value), props.iconClass, unref(cs).z("cont")]),
+            viewBox: "0 0 1024 1024",
+            xmlns: "http://www.w3.org/2000/svg",
+            innerHTML: outputName.value
+          }, null, 10, _hoisted_2)) : outputType.value === "id" ? (openBlock(), createElementBlock("svg", {
+            key: 3,
+            class: normalizeClass([unref(cs).z(outputType.value), props.iconClass, unref(cs).z("cont")]),
             "aria-hidden": "true"
           }, [
             createElementVNode("use", {
-              "xlink:href": `#icon-${outputName.value}`
-            }, null, 8, _hoisted_5)
-          ], 14, _hoisted_4))
+              "xlink:href": `#${outputName.value}`
+            }, null, 8, _hoisted_3)
+          ], 2)) : (openBlock(), createBlock(resolveDynamicComponent(outputName.value), {
+            key: 4,
+            class: normalizeClass([unref(cs).z(outputType.value), props.iconClass, unref(cs).z("cont")])
+          }, null, 8, ["class"]))
         ])
-      ], 2);
+      ], 6);
     };
   }
 });

package/dist/components/icon-picker/index.d.ts

@@ -1,121 +1,2 @@
-import { SFCWithInstall } from '../../utils/vues';
-import { CreateComponentPublicInstanceWithMixins, ExtractPropTypes, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps } from 'vue';
-import { Icons } from './src/data';
-declare const IconPicker: SFCWithInstall<{
-    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
-        dialogClass: {
-            type: StringConstructor;
-        };
-        dialogWidth: {
-            type: (NumberConstructor | StringConstructor)[];
-        };
-        modelValue: {
-            type: StringConstructor[];
-        };
-        size: {
-            type: (NumberConstructor | StringConstructor)[];
-            default(): "30px";
-        };
-        icons: {
-            type: () => {
-                [key: string | number]: Icons;
-            };
-            default(): {};
-        };
-        type: {
-            type: StringConstructor;
-        };
-        separator: {
-            type: StringConstructor;
-            default: string;
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
-        size: string | number;
-        separator: string;
-        icons: {
-            [key: string]: Icons;
-            [key: number]: Icons;
-        };
-    }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLDivElement, ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly< ExtractPropTypes<{
-        dialogClass: {
-            type: StringConstructor;
-        };
-        dialogWidth: {
-            type: (NumberConstructor | StringConstructor)[];
-        };
-        modelValue: {
-            type: StringConstructor[];
-        };
-        size: {
-            type: (NumberConstructor | StringConstructor)[];
-            default(): "30px";
-        };
-        icons: {
-            type: () => {
-                [key: string | number]: Icons;
-            };
-            default(): {};
-        };
-        type: {
-            type: StringConstructor;
-        };
-        separator: {
-            type: StringConstructor;
-            default: string;
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, {
-        size: string | number;
-        separator: string;
-        icons: {
-            [key: string]: Icons;
-            [key: number]: Icons;
-        };
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
-    dialogClass: {
-        type: StringConstructor;
-    };
-    dialogWidth: {
-        type: (NumberConstructor | StringConstructor)[];
-    };
-    modelValue: {
-        type: StringConstructor[];
-    };
-    size: {
-        type: (NumberConstructor | StringConstructor)[];
-        default(): "30px";
-    };
-    icons: {
-        type: () => {
-            [key: string | number]: Icons;
-        };
-        default(): {};
-    };
-    type: {
-        type: StringConstructor;
-    };
-    separator: {
-        type: StringConstructor;
-        default: string;
-    };
-}>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
-    size: string | number;
-    separator: string;
-    icons: {
-        [key: string]: Icons;
-        [key: number]: Icons;
-    };
-}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
-    $slots: Partial<Record<string, (_: {}) => any>>;
-})>;
+declare const IconPicker: any;
 export { IconPicker, IconPicker as default };