@web_xiaobai/ui 0.0.13 → 0.0.14

package/dist/boden-ui.es.js

@@ -34029,7 +34029,29 @@ const BodenTabsDark = {
 	tabTextColorHoverBodenCardRound: dark_default$1.textColorWhite,
 	tabTextColorActiveBodenCardRound: dark_default$1.textColorWhite,
 	tabTextColorActiveDisabledBodenCardRound: dark_default$1.textColor4
-}, BodenTagCommon = {
+}, bodenTagProps = (() => ({
+	...tagProps,
+	icon: {
+		type: [String, Function],
+		default: void 0
+	},
+	size: {
+		type: String,
+		default: "medium"
+	},
+	extendThemeOverrides: {
+		type: Object,
+		default: () => ({})
+	}
+}))();
+var index_cssr_default$9 = cB("tag", "", []);
+function useCssVarsHook$3(e, t) {
+	return { cssVarsRef: computed(() => {
+		let { [createKey("borderRadius", t)]: n } = e.value;
+		return { "--n-border-radius": n };
+	}) };
+}
+const BodenTagCommon = {
 	colorBordered: "#0000",
 	colorBorderedError: "#0000",
 	colorBorderedPrimary: "#0000",
@@ -34113,27 +34135,13 @@ const BodenTabsDark = {
 	closeIconColorPressedError: light_default.errorColor4,
 	closeColorHoverError: "",
 	closeColorPressedError: ""
-}, BodenTagExtendLight = { ...BodenTagExtendCommon }, bodenTagProps = (() => ({
-	...tagProps,
-	size: {
-		type: String,
-		default: "medium"
-	},
-	extendThemeOverrides: {
-		type: Object,
-		default: () => ({})
-	}
-}))();
-var index_cssr_default$9 = cB("tag", "", []);
-function useCssVarsHook$3(e, t) {
-	return { cssVarsRef: computed(() => {
-		let { [createKey("borderRadius", t)]: n } = e.value;
-		return { "--n-border-radius": n };
-	}) };
-}
+}, BodenTagExtendLight = { ...BodenTagExtendCommon };
 var import_lodash$7 = /* @__PURE__ */ __toESM(require_lodash()), Tag_vue_vue_type_script_lang_default = defineComponent({
 	name: "BodenTag",
-	components: { NTag: Tag_default$1 },
+	components: {
+		NTag: Tag_default$1,
+		BodenIcon: SvgIcon_default
+	},
 	props: bodenTagProps,
 	setup(e, { attrs: t, expose: n }) {
 		n({}), use_theme_default("-tag", index_cssr_default$9);
@@ -34156,15 +34164,33 @@ var import_lodash$7 = /* @__PURE__ */ __toESM(require_lodash()), Tag_vue_vue_typ
 	}
 });
 function _sfc_render$2(e, t, n, r, i, a) {
-	let o = Tag_default$1;
-	return openBlock(), createBlock(o, mergeProps({
+	let o = resolveComponent("BodenIcon"), s = NIcon, l = Tag_default$1;
+	return openBlock(), createBlock(l, mergeProps({
 		...e.currentProps,
 		...e.attrs
-	}, { style: e.cssVarsRef }), createSlots({ _: 2 }, [e.$slots.default ? {
-		name: "default",
-		fn: withCtx(() => [renderSlot(e.$slots, "default")]),
-		key: "0"
-	} : void 0]), 1040, ["style"]);
+	}, { style: e.cssVarsRef }), createSlots({ _: 2 }, [
+		e.$slots.avatar ? {
+			name: "avatar",
+			fn: withCtx(() => [renderSlot(e.$slots, "avatar")]),
+			key: "0"
+		} : void 0,
+		e.$slots.default ? {
+			name: "default",
+			fn: withCtx(() => [renderSlot(e.$slots, "default")]),
+			key: "1"
+		} : void 0,
+		e.$slots.icon || e.icon ? {
+			name: "icon",
+			fn: withCtx(() => [e.$slots.icon ? renderSlot(e.$slots, "icon", { key: 0 }) : typeof e.icon == "string" ? (openBlock(), createBlock(s, { key: 1 }, {
+				default: withCtx(() => [createVNode(o, { icon: e.icon }, null, 8, ["icon"])]),
+				_: 1
+			})) : (openBlock(), createBlock(s, {
+				key: 2,
+				component: e.icon()
+			}, null, 8, ["component"]))]),
+			key: "2"
+		} : void 0
+	]), 1040, ["style"]);
 }
 var Tag_default = /* @__PURE__ */ __plugin_vue_export_helper_default(Tag_vue_vue_type_script_lang_default, [["render", _sfc_render$2]]);
 const BodenTagDark = {
@@ -34536,8 +34562,7 @@ const BodenTreeSelectDark = {
 	Transfer: BodenTransferDark,
 	Tooltip: BodenTooltipDark,
 	Tree: BodenTreeDark,
-	TreeSelect: BodenTreeSelectDark,
-	Scrollbar: BodenScrollbarDark
+	TreeSelect: BodenTreeSelectDark
 }, bodenLightThemeOverrides = {
 	Alert: BodenAlertLight,
 	Breadcrumb: BodenBreadcrumbLight,
@@ -34566,8 +34591,7 @@ const BodenTreeSelectDark = {
 	Transfer: BodenTransferLight,
 	Tooltip: BodenTooltipLight,
 	Tree: BodenTreeLight,
-	TreeSelect: BodenTreeSelectLight,
-	Scrollbar: BodenScrollbarLight
+	TreeSelect: BodenTreeSelectLight
 }, BodenInputGroupLabelCommon = { ...BodenInputCommon }, BodenInputGroupLabelLight = {
 	...BodenInputGroupLabelCommon,
 	...BodenInputLight

package/dist/components/Tag/src/Tag.vue.d.ts

@@ -1,4 +1,8 @@
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    readonly icon: {
+        readonly type: import('vue').PropType<string | (() => import('vue').VNode)>;
+        readonly default: undefined;
+    };
     readonly size: {
         readonly type: import('vue').PropType<import('./props').Size>;
         readonly default: "medium";
@@ -674,6 +678,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         bordered: boolean | undefined;
         closable: boolean;
         onClose: import('naive-ui/es/_utils').MaybeArray<(e: MouseEvent) => void> | undefined;
+        icon: string | (() => import('vue').VNode) | undefined;
         strong: boolean;
         onMouseenter: ((e: MouseEvent) => void) | undefined;
         onMouseleave: ((e: MouseEvent) => void) | undefined;
@@ -697,6 +702,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         "--n-border-radius": string | undefined;
     }>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    readonly icon: {
+        readonly type: import('vue').PropType<string | (() => import('vue').VNode)>;
+        readonly default: undefined;
+    };
     readonly size: {
         readonly type: import('vue').PropType<import('./props').Size>;
         readonly default: "medium";
@@ -1007,6 +1016,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     readonly bordered: boolean | undefined;
     readonly closable: boolean;
     readonly extendThemeOverrides: import('../../../_extendThemeOverrides/Tag').TagExtendThemeOverrides;
+    readonly icon: string | (() => import('vue').VNode);
     readonly strong: boolean;
     readonly size: import('./props').Size;
     readonly disabled: boolean | undefined;
@@ -1681,5 +1691,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         internalCloseFocusable: boolean;
         internalCloseIsButtonTag: boolean;
     }, import('vue').SlotsType<import('naive-ui').TagSlots>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    BodenIcon: import('vue').DefineComponent<import('../..').SvgIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('../..').SvgIconProps> & Readonly<{}>, {
+        color: string;
+        size: string;
+        className: string;
+        svgClassName: string;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/Tag/src/props.d.ts

@@ -1,7 +1,11 @@
-import { PropType } from 'vue';
+import { PropType, VNode } from 'vue';
 import { TagExtendThemeOverrides } from '../../../_extendThemeOverrides/Tag';
 export type Size = "tiny" | "small" | "medium" | "large";
 export declare const bodenTagProps: {
+    readonly icon: {
+        readonly type: PropType<string | (() => VNode)>;
+        readonly default: undefined;
+    };
     readonly size: {
         readonly type: PropType<Size>;
         readonly default: "medium";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@web_xiaobai/ui",
   "private": false,
-  "version": "0.0.13",
+  "version": "0.0.14",
   "type": "module",
   "main": "./dist/boden-ui.umd.js",
   "module": "./dist/boden-ui.js",