@fangzhongya/fang-ui 0.0.37 → 0.0.39

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

@@ -1,18 +1,11 @@
-import { defineComponent, ref, computed, watch, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, renderSlot } from "vue";
-import { dataEmits, dataProps, dataExpose, dataSlot } from "./data.js";
+import { defineComponent, ref, computed, watch, createElementBlock, openBlock, normalizeClass, unref, createVNode, withCtx, renderSlot } from "vue";
+import { Icon } from "../../icon/index.js";
+import Left from "../../../icons/vue/left.js";
+import Right from "../../../icons/vue/right.js";
+import { dataExpose, dataSlot, dataEmits, dataProps } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
-import "@fangzhongya/utils/basic/string/splitUpper";
-import "@fangzhongya/utils/basic/array/isArray";
-import "@fangzhongya/utils/basic/object/isObject";
-import "@fangzhongya/utils/basic/string/firstLower";
-import "@fangzhongya/utils/basic/object/hasOwn";
-import "@fangzhongya/utils/basic/string/firstUpper";
-import "@fangzhongya/utils/name/lineToLargeHump";
-import "@fangzhongya/utils/name/lineToSmallHump";
-import "@fangzhongya/utils/name/humpToLine";
+import "../../../utils/util.js";
 import { deepCopy } from "@fangzhongya/utils/basic/object/deepCopy";
-import "@fangzhongya/utils/basic/Array/toggleArray";
-import "@fangzhongya/utils/basic/object/objValue";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: dataProps,
@@ -84,48 +77,36 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(unref(cs).z())
       }, [
-        createElementVNode("span", {
+        createVNode(unref(Icon), {
           class: normalizeClass([
             unref(cs).z("icon"),
             unref(cs).z("retreat"),
             unref(cs).is("disabled", isRetreat.value)
           ]),
           onClick: onRetreat
-        }, [
-          renderSlot(_ctx.$slots, unref(dataSlot).iconRetreat, {}, () => [
-            _cache[0] || (_cache[0] = createElementVNode("svg", {
-              viewBox: "0 0 1024 1024",
-              xmlns: "http://www.w3.org/2000/svg",
-              "data-v-ea893728": ""
-            }, [
-              createElementVNode("path", {
-                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"
-              })
-            ], -1))
-          ], true)
-        ], 2),
-        createElementVNode("span", {
+        }, {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, unref(dataSlot).iconRetreat, {}, () => [
+              createVNode(Left)
+            ], true)
+          ]),
+          _: 3
+        }, 8, ["class"]),
+        createVNode(unref(Icon), {
           class: normalizeClass([
             unref(cs).z("icon"),
             unref(cs).z("forward"),
             unref(cs).is("disabled", isForward.value)
           ]),
           onClick: onForward
-        }, [
-          renderSlot(_ctx.$slots, unref(dataSlot).iconForward, {}, () => [
-            _cache[1] || (_cache[1] = createElementVNode("svg", {
-              viewBox: "0 0 1024 1024",
-              xmlns: "http://www.w3.org/2000/svg",
-              "data-v-ea893728": ""
-            }, [
-              createElementVNode("path", {
-                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"
-              })
-            ], -1))
-          ], true)
-        ], 2)
+        }, {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, unref(dataSlot).iconForward, {}, () => [
+              createVNode(Right)
+            ], true)
+          ]),
+          _: 3
+        }, 8, ["class"])
       ], 2);
     };
   }

package/dist/components/icon/index.cjs

@@ -2,7 +2,8 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 ;/* empty css                   */
 const withInstall = require("../../utils/vues/withInstall.cjs");
-const index_vue_vue_type_script_setup_true_lang = require("./src/index.cjs");
+require("./src/index.cjs");
+const index_vue_vue_type_script_setup_true_lang = require("./src/index2.cjs");
 const Icon = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "Icon");
 exports.Icon = Icon;
 exports.default = Icon;

package/dist/components/icon/index.js

@@ -1,6 +1,7 @@
 /* empty css                 */
 import { withInstall } from "../../utils/vues/withInstall.js";
-import _sfc_main from "./src/index.js";
+import "./src/index.js";
+import _sfc_main from "./src/index2.js";
 const Icon = withInstall(_sfc_main, "Icon");
 export {
   Icon,

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

@@ -1,23 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../utils/index.cjs");
 const buildProps = require("../../../utils/vues/buildProps.cjs");
-require("vue");
-require("@fangzhongya/utils/basic/string/splitUpper");
-require("@fangzhongya/utils/basic/array/isArray");
-require("@fangzhongya/utils/basic/object/isObject");
-require("@fangzhongya/utils/basic/string/firstLower");
-require("@fangzhongya/utils/basic/object/hasOwn");
-require("@fangzhongya/utils/basic/string/firstUpper");
-require("@fangzhongya/utils/name/lineToLargeHump");
-require("@fangzhongya/utils/name/lineToSmallHump");
-require("@fangzhongya/utils/name/humpToLine");
-require("@fangzhongya/utils/basic/object/deepCopy");
-require("@fangzhongya/utils/basic/Array/toggleArray");
-require("@fangzhongya/utils/basic/object/objValue");
 const definePropType = require("../../../utils/vues/definePropType.cjs");
-require("../../../utils/vues/getBuildProps.cjs");
-require("@fangzhongya/utils/css/setObjStyle");
-require("@fangzhongya/utils/css/getCss");
 const dataProps = buildProps.buildProps({
   /**
    * @props { String} name= ( )
@@ -58,7 +43,9 @@ const dataProps = buildProps.buildProps({
   }
 });
 const dataEmits = [];
+const dataSlot = {};
 const dataExpose = {};
 exports.dataEmits = dataEmits;
 exports.dataExpose = dataExpose;
 exports.dataProps = dataProps;
+exports.dataSlot = dataSlot;

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

@@ -1,21 +1,6 @@
+import "../../../utils/index.js";
 import { buildProps } from "../../../utils/vues/buildProps.js";
-import "vue";
-import "@fangzhongya/utils/basic/string/splitUpper";
-import "@fangzhongya/utils/basic/array/isArray";
-import "@fangzhongya/utils/basic/object/isObject";
-import "@fangzhongya/utils/basic/string/firstLower";
-import "@fangzhongya/utils/basic/object/hasOwn";
-import "@fangzhongya/utils/basic/string/firstUpper";
-import "@fangzhongya/utils/name/lineToLargeHump";
-import "@fangzhongya/utils/name/lineToSmallHump";
-import "@fangzhongya/utils/name/humpToLine";
-import "@fangzhongya/utils/basic/object/deepCopy";
-import "@fangzhongya/utils/basic/Array/toggleArray";
-import "@fangzhongya/utils/basic/object/objValue";
 import { definePropType } from "../../../utils/vues/definePropType.js";
-import "../../../utils/vues/getBuildProps.js";
-import "@fangzhongya/utils/css/setObjStyle";
-import "@fangzhongya/utils/css/getCss";
 const dataProps = buildProps({
   /**
    * @props { String} name= ( )
@@ -56,9 +41,11 @@ const dataProps = buildProps({
   }
 });
 const dataEmits = [];
+const dataSlot = {};
 const dataExpose = {};
 export {
   dataEmits,
   dataExpose,
-  dataProps
+  dataProps,
+  dataSlot
 };

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

@@ -1,162 +1,4 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const data = require("./data.cjs");
-const index$1 = require("../../../hooks/cssname/index.cjs");
-require("@fangzhongya/utils/basic/string/splitUpper");
-require("@fangzhongya/utils/basic/array/isArray");
-require("@fangzhongya/utils/basic/object/isObject");
-require("@fangzhongya/utils/basic/string/firstLower");
-require("@fangzhongya/utils/basic/object/hasOwn");
-require("@fangzhongya/utils/basic/string/firstUpper");
-require("@fangzhongya/utils/name/lineToLargeHump");
-require("@fangzhongya/utils/name/lineToSmallHump");
-require("@fangzhongya/utils/name/humpToLine");
-require("@fangzhongya/utils/basic/object/deepCopy");
-require("@fangzhongya/utils/basic/Array/toggleArray");
-require("@fangzhongya/utils/basic/object/objValue");
-require("../../../hooks/global-config/index.cjs");
-const index = require("../../../hooks/locale/index.cjs");
-require("../../../utils/vues/getBuildProps.cjs");
-require("@fangzhongya/utils/css/setObjStyle");
-require("@fangzhongya/utils/css/getCss");
-const _hoisted_1 = ["ctype"];
-const _hoisted_2 = ["ctype"];
-const _hoisted_3 = ["ctype", "src"];
-const _hoisted_4 = ["ctype"];
-const _hoisted_5 = ["xlink:href"];
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "index",
-  props: data.dataProps,
-  emits: data.dataEmits,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    index.useLocale();
-    const cs = index$1.useCssName("icon");
-    const props = __props;
-    const reg = /<svg([^>]*)>((.|\n|\r|\t)*)<\/svg>/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-")) {
-          return "com";
-        } else if (isImg(name)) {
-          return "img";
-        } else {
-          return "custom";
-        }
-      }
-    });
-    const transformStyle = vue.computed(() => {
-      const style = [];
-      if (props.flip !== "") {
-        switch (props.flip) {
-          case "horizontal":
-            style.push("rotateY(180deg)");
-            break;
-          case "vertical":
-            style.push("rotateX(180deg)");
-            break;
-          case "both":
-            style.push("rotateX(180deg)");
-            style.push("rotateY(180deg)");
-            break;
-        }
-      }
-      if (props.rotate !== 0) {
-        style.push(`rotate(${props.rotate % 360}deg)`);
-      }
-      const styleObj = {};
-      styleObj.transform = style.join(" ");
-      if (props.size) {
-        styleObj.width = props.size;
-        styleObj.height = props.size;
-        styleObj["font-size"] = props.size;
-      }
-      return styleObj;
-    });
-    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-/, "");
-      } else if (name.startsWith("c-")) {
-        return name.replace(/^c-/, "");
-      }
-      return name;
-    });
-    function isImg(name) {
-      if (name) {
-        if (name.startsWith("data:")) {
-          return true;
-        } else if (name.startsWith("/")) {
-          return true;
-        } else if (name.startsWith("./")) {
-          return true;
-        } else if (name.startsWith("../")) {
-          return true;
-        } else if (name.includes("://")) {
-          return true;
-        }
-      }
-      return false;
-    }
-    __expose({
-      ...data.dataExpose
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("i", {
-        class: vue.normalizeClass(vue.unref(cs).z())
-      }, [
-        vue.renderSlot(_ctx.$slots, "default", {}, () => [
-          outputType.value === "css" ? (vue.openBlock(), vue.createElementBlock("i", {
-            key: 0,
-            ctype: outputType.value,
-            class: vue.normalizeClass([outputName.value, props.iconClass]),
-            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", {
-            key: 1,
-            ctype: outputType.value,
-            class: vue.normalizeClass([outputName.value, props.iconClass]),
-            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]),
-            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),
-            "aria-hidden": "true"
-          }, [
-            vue.createElementVNode("use", {
-              "xlink:href": `#icon-${outputName.value}`
-            }, null, 8, _hoisted_5)
-          ], 14, _hoisted_4))
-        ])
-      ], 2);
-    };
-  }
-});
-exports.default = _sfc_main;
+const index_vue_vue_type_script_setup_true_lang = require("./index2.cjs");
+exports.default = index_vue_vue_type_script_setup_true_lang.default;

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

@@ -1,162 +1,4 @@
-import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, unref, renderSlot, createBlock, normalizeStyle, Fragment, resolveDynamicComponent, createElementVNode } from "vue";
-import { dataEmits, dataProps, dataExpose } from "./data.js";
-import { useCssName } from "../../../hooks/cssname/index.js";
-import "@fangzhongya/utils/basic/string/splitUpper";
-import "@fangzhongya/utils/basic/array/isArray";
-import "@fangzhongya/utils/basic/object/isObject";
-import "@fangzhongya/utils/basic/string/firstLower";
-import "@fangzhongya/utils/basic/object/hasOwn";
-import "@fangzhongya/utils/basic/string/firstUpper";
-import "@fangzhongya/utils/name/lineToLargeHump";
-import "@fangzhongya/utils/name/lineToSmallHump";
-import "@fangzhongya/utils/name/humpToLine";
-import "@fangzhongya/utils/basic/object/deepCopy";
-import "@fangzhongya/utils/basic/Array/toggleArray";
-import "@fangzhongya/utils/basic/object/objValue";
-import "../../../hooks/global-config/index.js";
-import { useLocale } from "../../../hooks/locale/index.js";
-import "../../../utils/vues/getBuildProps.js";
-import "@fangzhongya/utils/css/setObjStyle";
-import "@fangzhongya/utils/css/getCss";
-const _hoisted_1 = ["ctype"];
-const _hoisted_2 = ["ctype"];
-const _hoisted_3 = ["ctype", "src"];
-const _hoisted_4 = ["ctype"];
-const _hoisted_5 = ["xlink:href"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  props: dataProps,
-  emits: dataEmits,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    useLocale();
-    const cs = useCssName("icon");
-    const props = __props;
-    const reg = /<svg([^>]*)>((.|\n|\r|\t)*)<\/svg>/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-")) {
-          return "com";
-        } else if (isImg(name)) {
-          return "img";
-        } else {
-          return "custom";
-        }
-      }
-    });
-    const transformStyle = computed(() => {
-      const style = [];
-      if (props.flip !== "") {
-        switch (props.flip) {
-          case "horizontal":
-            style.push("rotateY(180deg)");
-            break;
-          case "vertical":
-            style.push("rotateX(180deg)");
-            break;
-          case "both":
-            style.push("rotateX(180deg)");
-            style.push("rotateY(180deg)");
-            break;
-        }
-      }
-      if (props.rotate !== 0) {
-        style.push(`rotate(${props.rotate % 360}deg)`);
-      }
-      const styleObj = {};
-      styleObj.transform = style.join(" ");
-      if (props.size) {
-        styleObj.width = props.size;
-        styleObj.height = props.size;
-        styleObj["font-size"] = props.size;
-      }
-      return styleObj;
-    });
-    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-/, "");
-      } else if (name.startsWith("c-")) {
-        return name.replace(/^c-/, "");
-      }
-      return name;
-    });
-    function isImg(name) {
-      if (name) {
-        if (name.startsWith("data:")) {
-          return true;
-        } else if (name.startsWith("/")) {
-          return true;
-        } else if (name.startsWith("./")) {
-          return true;
-        } else if (name.startsWith("../")) {
-          return true;
-        } else if (name.includes("://")) {
-          return true;
-        }
-      }
-      return false;
-    }
-    __expose({
-      ...dataExpose
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("i", {
-        class: normalizeClass(unref(cs).z())
-      }, [
-        renderSlot(_ctx.$slots, "default", {}, () => [
-          outputType.value === "css" ? (openBlock(), createElementBlock("i", {
-            key: 0,
-            ctype: outputType.value,
-            class: normalizeClass([outputName.value, props.iconClass]),
-            style: normalizeStyle([{ "display": "inline-flex", "align-items": "center", "justify-content": "center" }, transformStyle.value])
-          }, null, 14, _hoisted_1)) : outputType.value === "font" ? (openBlock(), createElementBlock("i", {
-            key: 1,
-            ctype: outputType.value,
-            class: normalizeClass([outputName.value, props.iconClass]),
-            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]),
-            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),
-            "aria-hidden": "true"
-          }, [
-            createElementVNode("use", {
-              "xlink:href": `#icon-${outputName.value}`
-            }, null, 8, _hoisted_5)
-          ], 14, _hoisted_4))
-        ])
-      ], 2);
-    };
-  }
-});
+import _sfc_main from "./index2.js";
 export {
   _sfc_main as default
 };

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

@@ -1,4 +1,148 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const index_vue_vue_type_script_setup_true_lang = require("./index.cjs");
-exports.default = index_vue_vue_type_script_setup_true_lang.default;
+const vue = require("vue");
+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 _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: data.dataProps,
+  emits: data.dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const { getLocale } = index.useLocale();
+    const cs = index$1.useCssName("icon");
+    const props = __props;
+    const emit = __emit;
+    const reg = /<svg([^>]*)>((.|\n|\r|\t)*)<\/svg>/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-")) {
+          return "com";
+        } else if (isImg(name)) {
+          return "img";
+        } else {
+          return "custom";
+        }
+      }
+    });
+    const transformStyle = vue.computed(() => {
+      const style = [];
+      if (props.flip !== "") {
+        switch (props.flip) {
+          case "horizontal":
+            style.push("rotateY(180deg)");
+            break;
+          case "vertical":
+            style.push("rotateX(180deg)");
+            break;
+          case "both":
+            style.push("rotateX(180deg)");
+            style.push("rotateY(180deg)");
+            break;
+        }
+      }
+      if (props.rotate !== 0) {
+        style.push(`rotate(${props.rotate % 360}deg)`);
+      }
+      const styleObj = {};
+      styleObj.transform = style.join(" ");
+      if (props.size) {
+        styleObj.width = props.size;
+        styleObj.height = props.size;
+        styleObj["font-size"] = props.size;
+      }
+      return styleObj;
+    });
+    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-/, "");
+      } else if (name.startsWith("c-")) {
+        return name.replace(/^c-/, "");
+      }
+      return name;
+    });
+    function isImg(name) {
+      if (name) {
+        if (name.startsWith("data:")) {
+          return true;
+        } else if (name.startsWith("/")) {
+          return true;
+        } else if (name.startsWith("./")) {
+          return true;
+        } else if (name.startsWith("../")) {
+          return true;
+        } else if (name.includes("://")) {
+          return true;
+        }
+      }
+      return false;
+    }
+    __expose({
+      ...data.dataExpose
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("i", {
+        class: vue.normalizeClass(vue.unref(cs).z())
+      }, [
+        vue.renderSlot(_ctx.$slots, "default", {}, () => [
+          outputType.value === "css" ? (vue.openBlock(), vue.createElementBlock("i", {
+            key: 0,
+            ctype: outputType.value,
+            class: vue.normalizeClass([outputName.value, props.iconClass]),
+            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", {
+            key: 1,
+            ctype: outputType.value,
+            class: vue.normalizeClass([outputName.value, props.iconClass]),
+            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]),
+            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),
+            "aria-hidden": "true"
+          }, [
+            vue.createElementVNode("use", {
+              "xlink:href": `#icon-${outputName.value}`
+            }, null, 8, _hoisted_5)
+          ], 14, _hoisted_4))
+        ])
+      ], 2);
+    };
+  }
+});
+exports.default = _sfc_main;