mv-iconfront 1.0.8 → 1.1.0

package/README.md

@@ -99,17 +99,4 @@ import 'mv-iconfront/dist/style.css'
 | `color`     | String        | `''`           | 自定义颜色覆盖 (hex, rgb 等)                                  |
 | `size`      | String/Number | `''`           | 字体大小。纯数字会被视为 `px` 单位。                        |
 | `isRed`     | Boolean       | `false`        | 设置图标为红色 (`#f56c6c`)。                                |
-| `disabled`  | Boolean       | `false`        | 设置图标为灰色 (`#C0C4CC`) 并将鼠标样式设为禁止。           |
-
-## 构建与发布
-
-1. 构建库 (生成 JS 和 类型定义文件):
-
-   ```bash
-   npm run build
-   ```
-2. 发布到 npm:
-
-   ```bash
-   npm publish
-   ```
+| `disabled`  | Boolean       | `false`        | 设置图标透明度为0.4 并将鼠标样式设为禁止。                   |

package/dist/mv-iconfront.es.js

@@ -1,5 +1,15 @@
-import { defineComponent as s, getCurrentInstance as f, inject as i, computed as d, createElementBlock as u, openBlock as m, mergeProps as C } from "vue";
-const g = s({
+import { defineComponent as a, computed as c, createElementBlock as f, openBlock as i, mergeProps as s } from "vue";
+const r = {
+  defaultColor: "#FFFFFF"
+  // Default fallback
+};
+function d(e) {
+  e.defaultColor && (r.defaultColor = e.defaultColor);
+}
+function u() {
+  return r;
+}
+const m = a({
   name: "MvIconfront",
   props: {
     // The specific icon class, e.g. "icon-home"
@@ -29,36 +39,36 @@ const g = s({
     }
   },
   setup(e) {
-    const o = f(), n = i("mvIconfrontDefaultColor"), l = o == null ? void 0 : o.appContext.config.globalProperties.$mvIconfrontDefaultColor, r = n || l || "#FFFFFF";
+    const t = u().defaultColor || "#FFFFFF";
     return {
-      iconStyle: d(() => {
-        const t = {};
-        if (e.disabled ? t.color = "#C0C4CC !important" : e.isRed ? t.color = "#f56c6c !important" : e.color ? t.color = `${e.color} !important` : t.color = `${r} !important`, e.size) {
-          const c = e.size.toString();
-          t.fontSize = c.endsWith("px") || c.endsWith("rem") ? c : `${c}px`;
+      iconStyle: c(() => {
+        const o = {};
+        if (e.disabled ? o.opacity = "0.4 !important" : e.isRed ? o.color = "#f56c6c !important" : e.color ? o.color = `${e.color} !important` : o.color = `${t} !important`, e.size) {
+          const n = e.size.toString();
+          o.fontSize = n.endsWith("px") || n.endsWith("rem") ? n : `${n}px`;
         }
-        return t;
+        return o;
       })
     };
   }
-}), p = (e, o) => {
-  const n = e.__vccOpts || e;
-  for (const [l, r] of o)
-    n[l] = r;
-  return n;
+}), p = (e, t) => {
+  const l = e.__vccOpts || e;
+  for (const [o, n] of t)
+    l[o] = n;
+  return l;
 };
-function y(e, o, n, l, r, a) {
-  return m(), u("i", C({
+function y(e, t, l, o, n, g) {
+  return i(), f("i", s({
     class: ["icon2", e.name, { "is-disabled": e.disabled }],
     style: e.iconStyle
   }, e.$attrs), null, 16);
 }
-const v = /* @__PURE__ */ p(g, [["render", y]]), $ = (e, o) => {
-  o != null && o.defaultColor && (e.config.globalProperties.$mvIconfrontDefaultColor = o.defaultColor, e.provide("mvIconfrontDefaultColor", o.defaultColor)), e.component("MvIconfront", v);
-}, I = {
-  install: $
+const C = /* @__PURE__ */ p(m, [["render", y]]), F = (e, t) => {
+  t != null && t.defaultColor && d({ defaultColor: t.defaultColor }), e.component("MvIconfront", C);
+}, $ = {
+  install: F
 };
 export {
-  v as MvIconfront,
-  I as default
+  C as MvIconfront,
+  $ as default
 };

package/dist/mv-iconfront.umd.js

@@ -1 +1 @@
-(function(n,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(n=typeof globalThis<"u"?globalThis:n||self,t(n.MvIconfront={},n.Vue))})(this,function(n,t){"use strict";const a=t.defineComponent({name:"MvIconfront",props:{name:{type:String,default:""},color:{type:String,default:""},size:{type:[String,Number],default:""},isRed:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},setup(e){const o=t.getCurrentInstance(),r=t.inject("mvIconfrontDefaultColor"),c=o==null?void 0:o.appContext.config.globalProperties.$mvIconfrontDefaultColor,i=r||c||"#FFFFFF";return{iconStyle:t.computed(()=>{const l={};if(e.disabled?l.color="#C0C4CC !important":e.isRed?l.color="#f56c6c !important":e.color?l.color=`${e.color} !important`:l.color=`${i} !important`,e.size){const f=e.size.toString();l.fontSize=f.endsWith("px")||f.endsWith("rem")?f:`${f}px`}return l})}}}),d=(e,o)=>{const r=e.__vccOpts||e;for(const[c,i]of o)r[c]=i;return r};function u(e,o,r,c,i,p){return t.openBlock(),t.createElementBlock("i",t.mergeProps({class:["icon2",e.name,{"is-disabled":e.disabled}],style:e.iconStyle},e.$attrs),null,16)}const s=d(a,[["render",u]]),m={install:(e,o)=>{o!=null&&o.defaultColor&&(e.config.globalProperties.$mvIconfrontDefaultColor=o.defaultColor,e.provide("mvIconfrontDefaultColor",o.defaultColor)),e.component("MvIconfront",s)}};n.MvIconfront=s,n.default=m,Object.defineProperties(n,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(l,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(l=typeof globalThis<"u"?globalThis:l||self,t(l.MvIconfront={},l.Vue))})(this,function(l,t){"use strict";const f={defaultColor:"#FFFFFF"};function s(e){e.defaultColor&&(f.defaultColor=e.defaultColor)}function a(){return f}const d=t.defineComponent({name:"MvIconfront",props:{name:{type:String,default:""},color:{type:String,default:""},size:{type:[String,Number],default:""},isRed:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},setup(e){const o=a().defaultColor||"#FFFFFF";return{iconStyle:t.computed(()=>{const n={};if(e.disabled?n.opacity="0.4 !important":e.isRed?n.color="#f56c6c !important":e.color?n.color=`${e.color} !important`:n.color=`${o} !important`,e.size){const i=e.size.toString();n.fontSize=i.endsWith("px")||i.endsWith("rem")?i:`${i}px`}return n})}}}),u=(e,o)=>{const r=e.__vccOpts||e;for(const[n,i]of o)r[n]=i;return r};function m(e,o,r,n,i,g){return t.openBlock(),t.createElementBlock("i",t.mergeProps({class:["icon2",e.name,{"is-disabled":e.disabled}],style:e.iconStyle},e.$attrs),null,16)}const c=u(d,[["render",m]]),p={install:(e,o)=>{o!=null&&o.defaultColor&&s({defaultColor:o.defaultColor}),e.component("MvIconfront",c)}};l.MvIconfront=c,l.default=p,Object.defineProperties(l,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "mv-iconfront",
-    "version": "1.0.8",
+    "version": "1.1.0",
     "description": "A customized icon component for Vue 3",
     "main": "dist/mv-iconfront.umd.js",
     "module": "dist/mv-iconfront.es.js",