hzzt-plus 2.0.5 → 2.0.7

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Hzzt Plus v2.0.5 */
+/*! Hzzt Plus v2.0.7 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -12965,7 +12965,7 @@
 
   const HzztConfigProvider = withInstall$1(ConfigProvider$1);
 
-  const version$1 = "2.0.5";
+  const version$1 = "2.0.7";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -13510,12 +13510,12 @@
     }
   });
 
-  const __default__$F = vue.defineComponent({
+  const __default__$G = vue.defineComponent({
     name: "ElIcon",
     inheritAttrs: false
   });
   const _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$F,
+    ...__default__$G,
     props: iconProps,
     setup(__props) {
       const props = __props;
@@ -13977,12 +13977,12 @@
     return [recordCursor, setCursor];
   }
 
-  const __default__$E = vue.defineComponent({
+  const __default__$F = vue.defineComponent({
     name: "ElInput",
     inheritAttrs: false
   });
   const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$E,
+    ...__default__$F,
     props: inputProps,
     emits: inputEmits,
     setup(__props, { expose, emit }) {
@@ -14684,11 +14684,11 @@
   };
 
   const COMPONENT_NAME$2 = "ElScrollbar";
-  const __default__$D = vue.defineComponent({
+  const __default__$E = vue.defineComponent({
     name: COMPONENT_NAME$2
   });
   const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$D,
+    ...__default__$E,
     props: scrollbarProps,
     emits: scrollbarEmits,
     setup(__props, { expose, emit }) {
@@ -14865,12 +14865,12 @@
     }
   });
 
-  const __default__$C = vue.defineComponent({
+  const __default__$D = vue.defineComponent({
     name: "ElPopper",
     inheritAttrs: false
   });
   const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$C,
+    ...__default__$D,
     props: popperProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -14902,12 +14902,12 @@
     }
   });
 
-  const __default__$B = vue.defineComponent({
+  const __default__$C = vue.defineComponent({
     name: "ElPopperArrow",
     inheritAttrs: false
   });
   const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$B,
+    ...__default__$C,
     props: popperArrowProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -15083,12 +15083,12 @@
     }, [s]);
   }
 
-  const __default__$A = vue.defineComponent({
+  const __default__$B = vue.defineComponent({
     name: "ElPopperTrigger",
     inheritAttrs: false
   });
   const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$A,
+    ...__default__$B,
     props: popperTriggerProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -16022,11 +16022,11 @@
     };
   };
 
-  const __default__$z = vue.defineComponent({
+  const __default__$A = vue.defineComponent({
     name: "ElPopperContent"
   });
   const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$z,
+    ...__default__$A,
     props: popperContentProps,
     emits: popperContentEmits,
     setup(__props, { expose, emit }) {
@@ -16420,11 +16420,11 @@
     return handleEvent;
   };
 
-  const __default__$y = vue.defineComponent({
+  const __default__$z = vue.defineComponent({
     name: "ElTooltipTrigger"
   });
   const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$y,
+    ...__default__$z,
     props: useTooltipTriggerProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -16544,12 +16544,12 @@
     };
   };
 
-  const __default__$x = vue.defineComponent({
+  const __default__$y = vue.defineComponent({
     name: "ElTooltipContent",
     inheritAttrs: false
   });
   const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$x,
+    ...__default__$y,
     props: useTooltipContentProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -16722,11 +16722,11 @@
   });
   var ElTooltipContent = /* @__PURE__ */ _export_sfc$1(_sfc_main$M, [["__file", "content.vue"]]);
 
-  const __default__$w = vue.defineComponent({
+  const __default__$x = vue.defineComponent({
     name: "ElTooltip"
   });
   const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$w,
+    ...__default__$x,
     props: useTooltipProps,
     emits: tooltipEmits,
     setup(__props, { expose, emit }) {
@@ -17950,11 +17950,11 @@
     });
   }
 
-  const __default__$v = vue.defineComponent({
+  const __default__$w = vue.defineComponent({
     name: "ElButton"
   });
   const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$v,
+    ...__default__$w,
     props: buttonProps,
     emits: buttonEmits,
     setup(__props, { expose, emit }) {
@@ -18027,11 +18027,11 @@
     type: buttonProps.type
   };
 
-  const __default__$u = vue.defineComponent({
+  const __default__$v = vue.defineComponent({
     name: "ElButtonGroup"
   });
   const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$u,
+    ...__default__$v,
     props: buttonGroupProps,
     setup(__props) {
       const props = __props;
@@ -18330,11 +18330,11 @@
     };
   };
 
-  const __default__$t = vue.defineComponent({
+  const __default__$u = vue.defineComponent({
     name: "ElCheckbox"
   });
   const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$t,
+    ...__default__$u,
     props: checkboxProps,
     emits: checkboxEmits,
     setup(__props) {
@@ -18444,11 +18444,11 @@
   });
   var Checkbox = /* @__PURE__ */ _export_sfc$1(_sfc_main$I, [["__file", "checkbox.vue"]]);
 
-  const __default__$s = vue.defineComponent({
+  const __default__$t = vue.defineComponent({
     name: "ElCheckboxButton"
   });
   const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$s,
+    ...__default__$t,
     props: checkboxProps,
     emits: checkboxEmits,
     setup(__props) {
@@ -18564,11 +18564,11 @@
     change: (val) => isArray$1(val)
   };
 
-  const __default__$r = vue.defineComponent({
+  const __default__$s = vue.defineComponent({
     name: "ElCheckboxGroup"
   });
   const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$r,
+    ...__default__$s,
     props: checkboxGroupProps,
     emits: checkboxGroupEmits,
     setup(__props, { emit }) {
@@ -18715,11 +18715,11 @@
     };
   };
 
-  const __default__$q = vue.defineComponent({
+  const __default__$r = vue.defineComponent({
     name: "ElRadio"
   });
   const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$q,
+    ...__default__$r,
     props: radioProps,
     emits: radioEmits,
     setup(__props, { emit }) {
@@ -18789,11 +18789,11 @@
     ...radioPropsBase
   });
 
-  const __default__$p = vue.defineComponent({
+  const __default__$q = vue.defineComponent({
     name: "ElRadioButton"
   });
   const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$p,
+    ...__default__$q,
     props: radioButtonProps,
     setup(__props) {
       const props = __props;
@@ -18881,11 +18881,11 @@
   });
   const radioGroupEmits = radioEmits;
 
-  const __default__$o = vue.defineComponent({
+  const __default__$p = vue.defineComponent({
     name: "ElRadioGroup"
   });
   const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$o,
+    ...__default__$p,
     props: radioGroupProps,
     emits: radioGroupEmits,
     setup(__props, { emit }) {
@@ -19839,11 +19839,11 @@
     click: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$n = vue.defineComponent({
+  const __default__$o = vue.defineComponent({
     name: "ElTag"
   });
   const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$n,
+    ...__default__$o,
     props: tagProps,
     emits: tagEmits,
     setup(__props, { emit }) {
@@ -20077,11 +20077,11 @@
   };
 
   const COMPONENT_NAME$1 = "ElCascader";
-  const __default__$m = vue.defineComponent({
+  const __default__$n = vue.defineComponent({
     name: COMPONENT_NAME$1
   });
   const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$m,
+    ...__default__$n,
     props: cascaderProps$1,
     emits: cascaderEmits$1,
     setup(__props, { expose, emit }) {
@@ -20938,11 +20938,11 @@
     [UPDATE_MODEL_EVENT]: (val) => isNumber(val) || isNil(val)
   };
 
-  const __default__$l = vue.defineComponent({
+  const __default__$m = vue.defineComponent({
     name: "ElInputNumber"
   });
   const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$l,
+    ...__default__$m,
     props: inputNumberProps,
     emits: inputNumberEmits,
     setup(__props, { expose, emit }) {
@@ -21315,11 +21315,11 @@
     click: (evt) => evt instanceof MouseEvent
   };
 
-  const __default__$k = vue.defineComponent({
+  const __default__$l = vue.defineComponent({
     name: "ElLink"
   });
   const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$k,
+    ...__default__$l,
     props: linkProps,
     emits: linkEmits,
     setup(__props, { emit }) {
@@ -22901,11 +22901,11 @@
   };
 
   const updateEventKeyRaw = `onUpdate:visible`;
-  const __default__$j = vue.defineComponent({
+  const __default__$k = vue.defineComponent({
     name: "ElPopover"
   });
   const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$j,
+    ...__default__$k,
     props: popoverProps,
     emits: popoverEmits,
     setup(__props, { expose, emit }) {
@@ -25706,11 +25706,11 @@
     key: 0,
     class: "hzzt-title__line"
   };
-  const __default__$i = vue.defineComponent({
+  const __default__$j = vue.defineComponent({
     name: "HzztTitle"
   });
   const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$i,
+    ...__default__$j,
     props: titleProps,
     setup(__props) {
       const props = __props;
@@ -25754,12 +25754,12 @@
   const _hoisted_4$7 = { class: "hzzt-dropdown-menu" };
   const _hoisted_5$4 = ["onClick"];
   const _hoisted_6$3 = { class: "submenu" };
-  const _hoisted_7$3 = ["onClick"];
-  const __default__$h = vue.defineComponent({
+  const _hoisted_7$2 = ["onClick"];
+  const __default__$i = vue.defineComponent({
     name: "HzztDropDown"
   });
   const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$h,
+    ...__default__$i,
     props: {
       options: {
         type: definePropType$1(Array),
@@ -25849,7 +25849,7 @@
                           vue.createElementVNode("a", {
                             class: "hzzt-dropdown-menu-item-label",
                             onClick: ($event) => selectValue([option[__props.props.value], child[__props.props.value]])
-                          }, vue.toDisplayString(child[__props.props.label]), 9, _hoisted_7$3)
+                          }, vue.toDisplayString(child[__props.props.label]), 9, _hoisted_7$2)
                         ], 2);
                       }), 128))
                     ], 2)
@@ -25872,8 +25872,11 @@
 
   const HzztDropdown = withInstall$1(Dropdown);
 
+  const __default__$h = vue.defineComponent({
+    name: "HzztIcon"
+  });
   const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
-    __name: "index",
+    ...__default__$h,
     props: {
       name: {
         type: String,
@@ -25989,11 +25992,7 @@
   const _hoisted_3$6 = { class: "flex" };
   const _hoisted_4$5 = ["onClick"];
   const _hoisted_5$2 = { class: "hzzt-tab-badge" };
-  const _hoisted_6$2 = {
-    key: 0,
-    class: "hzzt-tab-badge-count"
-  };
-  const _hoisted_7$2 = { class: "flex wrap" };
+  const _hoisted_6$2 = { class: "flex wrap" };
   const __default__$f = vue.defineComponent({
     name: "HzztTab"
   });
@@ -26021,7 +26020,8 @@
           key: `${tab.name}-${tab.number}`,
           ...tab,
           number: Number(tab.number || 0),
-          hide: tab.hide
+          hide: tab.hide,
+          bgColor: tab.bgColor || ""
         };
       }).filter((tab) => !tab.hide));
       function tabClick(tab, event) {
@@ -26048,7 +26048,11 @@
                     vue.createElementVNode("p", {
                       class: vue.normalizeClass([{ active: __props.modelValue === tab.name }, "hzzt-tab-badge-text"])
                     }, vue.toDisplayString(tab.label), 3),
-                    tab.number && tab.number !== 0 ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_6$2, vue.toDisplayString(tab.number > 999 ? "999+" : tab.number), 1)) : vue.createCommentVNode("v-if", true),
+                    tab.number && tab.number !== 0 ? (vue.openBlock(), vue.createElementBlock("p", {
+                      key: 0,
+                      class: "hzzt-tab-badge-count",
+                      style: vue.normalizeStyle({ backgroundColor: tab.bgColor })
+                    }, vue.toDisplayString(tab.number > 999 ? "999+" : tab.number), 5)) : vue.createCommentVNode("v-if", true),
                     __props.closable ? (vue.openBlock(), vue.createBlock(HzztIcon$1, {
                       key: 1,
                       class: "is-icon-close",
@@ -26062,7 +26066,7 @@
             vue.renderSlot(_ctx.$slots, "filter"),
             vue.renderSlot(_ctx.$slots, "extra")
           ]),
-          vue.createElementVNode("div", _hoisted_7$2, [
+          vue.createElementVNode("div", _hoisted_6$2, [
             vue.renderSlot(_ctx.$slots, "right")
           ])
         ]);
@@ -26127,20 +26131,19 @@
     HzztMinusSquareOutline: minusSquareOutline
   });
 
-  const HzztIcon = {
-    install(app) {
-      app.component("HzztIcon", HzztIcon$1);
-      for (const key in Icons) {
-        app.component(tarnsElIconName(key), Icons[key]);
-      }
-      for (const key in HzztIcons) {
-        app.component(tarnsElIconName(key), Icons[key]);
-      }
-    }
-  };
   function tarnsElIconName(name) {
     return `hzzt-el${name.replace(/[A-Z]/g, (match) => `-${match.toLocaleLowerCase()}`)}`;
   }
+  for (const key in Icons) {
+    Icons[key].name = tarnsElIconName(key);
+  }
+  for (const key in HzztIcons) {
+    HzztIcons[key].name = tarnsElIconName(key);
+  }
+  const HzztIcon = withInstall$1(HzztIcon$1, {
+    ...Icons,
+    ...HzztIcons
+  });
 
   const _hoisted_1$9 = { class: "flex align-items-center justify-content-between hzzt-pagination" };
   const _hoisted_2$6 = { class: "flex flex-1" };