@oiij/chrome-tabs 0.0.18 → 0.0.20

package/dist/{TabItem.js → ChromeTabItem.js}

@@ -2,10 +2,9 @@ import { tabsItemCssName } from "./cssr.js";
 import LineMdLoadingTwotoneLoop_default from "./icons/LineMdLoadingTwotoneLoop.js";
 import RiCloseLine_default from "./icons/RiCloseLine.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, h, normalizeClass, normalizeStyle, openBlock, resolveDynamicComponent, unref, withModifiers } from "vue";
-
-//#region src/TabItem.vue
+//#region src/ChromeTabItem.vue
 const _sfc_main = /* @__PURE__ */ defineComponent({
-	__name: "TabItem",
+	__name: "ChromeTabItem",
 	props: {
 		label: { type: [String, Function] },
 		icon: { type: Function },
@@ -84,7 +83,5 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var TabItem_default = _sfc_main;
-
 //#endregion
-export { TabItem_default as default };
+export { _sfc_main as default };

package/dist/ChromeTabItem.vue.d.ts

@@ -0,0 +1,16 @@
+import { TabsItemProps } from "./index.js";
+import * as vue from "vue";
+
+//#region src/ChromeTabItem.vue.d.ts
+declare const __VLS_export: vue.DefineComponent<TabsItemProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {} & {
+  itemClick: (ev: MouseEvent) => any;
+  itemContextmenu: (ev: MouseEvent) => any;
+  itemClose: () => any;
+}, string, vue.PublicProps, Readonly<TabsItemProps> & Readonly<{
+  onItemClick?: ((ev: MouseEvent) => any) | undefined;
+  onItemContextmenu?: ((ev: MouseEvent) => any) | undefined;
+  onItemClose?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default };

package/dist/{Tabs.js → ChromeTabs.js}

@@ -1,15 +1,14 @@
 import { tabsCssName, tabsCssr, tabsItemCssName } from "./cssr.js";
+import _sfc_main$1 from "./ChromeTabItem.js";
 import RiAddLine_default from "./icons/RiAddLine.js";
 import RiArrowDropDownLine_default from "./icons/RiArrowDropDownLine.js";
-import TabItem_default from "./TabItem.js";
 import { Fragment, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, openBlock, renderList, renderSlot, unref, useTemplateRef, watch, withCtx } from "vue";
 import { useStyle } from "@oiij/css-render";
 import { useScrollView } from "@oiij/use";
 import { colord } from "colord";
-
-//#region src/Tabs.vue
+//#region src/ChromeTabs.vue
 const _sfc_main = /* @__PURE__ */ defineComponent({
-	__name: "Tabs",
+	__name: "ChromeTabs",
 	props: {
 		value: {},
 		colors: {},
@@ -91,7 +90,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 					class: normalizeClass([`${unref(tabsCssName)}__scroll`])
 				}, {
 					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, ({ key, ...item }, index) => {
-						return openBlock(), createBlock(TabItem_default, mergeProps({
+						return openBlock(), createBlock(_sfc_main$1, mergeProps({
 							key,
 							loading: __props.loadingValue === key
 						}, { ref_for: true }, item, {
@@ -125,7 +124,5 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-var Tabs_default = _sfc_main;
-
 //#endregion
-export { Tabs_default as default };
+export { _sfc_main as default };

package/dist/{Tabs.vue.d.ts → ChromeTabs.vue.d.ts}

@@ -1,26 +1,26 @@
 import { TabItemKey, TabsProps } from "./index.js";
-import * as vue0 from "vue";
+import * as vue from "vue";
 
-//#region src/Tabs.vue.d.ts
+//#region src/ChromeTabs.vue.d.ts
 declare var __VLS_6: {}, __VLS_23: {};
 type __VLS_Slots = {} & {
   prefix?: (props: typeof __VLS_6) => any;
 } & {
   suffix?: (props: typeof __VLS_23) => any;
 };
-declare const __VLS_base: vue0.DefineComponent<TabsProps, {}, {}, {}, {}, vue0.ComponentOptionsMixin, vue0.ComponentOptionsMixin, {} & {
+declare const __VLS_base: vue.DefineComponent<TabsProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {} & {
   click: (v: TabItemKey, index: number) => any;
   close: (v: TabItemKey, index: number) => any;
   contextmenu: (v: TabItemKey, index: number) => any;
   "update:value": (v?: TabItemKey | null | undefined) => any;
   add: () => any;
-}, string, vue0.PublicProps, Readonly<TabsProps> & Readonly<{
+}, string, vue.PublicProps, Readonly<TabsProps> & Readonly<{
   onClick?: ((v: TabItemKey, index: number) => any) | undefined;
   onClose?: ((v: TabItemKey, index: number) => any) | undefined;
   onContextmenu?: ((v: TabItemKey, index: number) => any) | undefined;
   "onUpdate:value"?: ((v?: TabItemKey | null | undefined) => any) | undefined;
   onAdd?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, vue0.ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/_virtual/_/plugin-vue/export-helper.js

@@ -4,6 +4,5 @@ var export_helper_default = (sfc, props) => {
 	for (const [key, val] of props) target[key] = val;
 	return target;
 };
-
 //#endregion
-export { export_helper_default as default };
+export { export_helper_default as default };

package/dist/cssr.js

@@ -1,5 +1,4 @@
 import { useBem } from "@oiij/css-render";
-
 //#region src/cssr.ts
 const { cssr, plugin, namespace } = useBem();
 const { c, cB, cE, cM, cNotM } = {
@@ -147,6 +146,5 @@ function tabsCssr() {
 		}, [cE("icon", { backgroundColor: "var(--active-background-color-dark)" }, [c("&:hover", { backgroundColor: "var(--primary-color-dark)" })])]), cB("chrome-tabs-item", {}, [cNotM("active", [c("&:hover", {}, [cE("content", { backgroundColor: "var(--primary-color-dark)" })])]), cE("background", {}, [cE("block", { backgroundColor: "var(--active-background-color-dark)" }), c("svg", { fill: "var(--active-background-color-dark)" })])])])
 	]);
 }
-
 //#endregion
-export { tabsCssName, tabsCssr, tabsItemCssName };
+export { tabsCssName, tabsCssr, tabsItemCssName };

package/dist/icons/LineMdLoadingTwotoneLoop.js

@@ -1,6 +1,5 @@
 import export_helper_default from "../_virtual/_/plugin-vue/export-helper.js";
-import { createCommentVNode, createElementBlock, createElementVNode, createStaticVNode, openBlock } from "vue";
-
+import { createCommentVNode, createElementBlock, createStaticVNode, openBlock } from "vue";
 //#region src/icons/LineMdLoadingTwotoneLoop.vue
 const _sfc_main = { name: "LineMdLoadingTwotoneLoop" };
 const _hoisted_1 = {
@@ -13,6 +12,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 	return openBlock(), createElementBlock("svg", _hoisted_1, [createCommentVNode(" Icon from Material Line Icons by Vjacheslav Trushkin - https://github.com/cyberalien/line-md/blob/master/license.txt "), _cache[0] || (_cache[0] = createStaticVNode("<g fill=\"none\" stroke=\"#757575\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path stroke-dasharray=\"16\" stroke-dashoffset=\"16\" d=\"M12 3c4.97 0 9 4.03 9 9\"><animate fill=\"freeze\" attributeName=\"stroke-dashoffset\" dur=\"0.3s\" values=\"16;0\"></animate><animateTransform attributeName=\"transform\" dur=\"1.5s\" repeatCount=\"indefinite\" type=\"rotate\" values=\"0 12 12;360 12 12\"></animateTransform></path><path stroke-dasharray=\"64\" stroke-dashoffset=\"64\" stroke-opacity=\".3\" d=\"M12 3c4.97 0 9 4.03 9 9c0 4.97 -4.03 9 -9 9c-4.97 0 -9 -4.03 -9 -9c0 -4.97 4.03 -9 9 -9Z\"><animate fill=\"freeze\" attributeName=\"stroke-dashoffset\" dur=\"1.2s\" values=\"64;0\"></animate></path></g>", 1))]);
 }
 var LineMdLoadingTwotoneLoop_default = /* @__PURE__ */ export_helper_default(_sfc_main, [["render", _sfc_render]]);
-
 //#endregion
-export { LineMdLoadingTwotoneLoop_default as default };
+export { LineMdLoadingTwotoneLoop_default as default };

package/dist/icons/RiAddLine.js

@@ -1,6 +1,5 @@
 import export_helper_default from "../_virtual/_/plugin-vue/export-helper.js";
 import { createCommentVNode, createElementBlock, createElementVNode, openBlock } from "vue";
-
 //#region src/icons/RiAddLine.vue
 const _sfc_main = { name: "RiAddLine" };
 const _hoisted_1 = {
@@ -16,6 +15,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 	}, null, -1))]);
 }
 var RiAddLine_default = /* @__PURE__ */ export_helper_default(_sfc_main, [["render", _sfc_render]]);
-
 //#endregion
-export { RiAddLine_default as default };
+export { RiAddLine_default as default };

package/dist/icons/RiArrowDropDownLine.js

@@ -1,6 +1,5 @@
 import export_helper_default from "../_virtual/_/plugin-vue/export-helper.js";
 import { createCommentVNode, createElementBlock, createElementVNode, openBlock } from "vue";
-
 //#region src/icons/RiArrowDropDownLine.vue
 const _sfc_main = { name: "RiArrowDropDownLine" };
 const _hoisted_1 = {
@@ -16,6 +15,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 	}, null, -1))]);
 }
 var RiArrowDropDownLine_default = /* @__PURE__ */ export_helper_default(_sfc_main, [["render", _sfc_render]]);
-
 //#endregion
-export { RiArrowDropDownLine_default as default };
+export { RiArrowDropDownLine_default as default };

package/dist/icons/RiCloseLine.js

@@ -1,6 +1,5 @@
 import export_helper_default from "../_virtual/_/plugin-vue/export-helper.js";
 import { createCommentVNode, createElementBlock, createElementVNode, openBlock } from "vue";
-
 //#region src/icons/RiCloseLine.vue
 const _sfc_main = { name: "RiCloseLine" };
 const _hoisted_1 = {
@@ -16,6 +15,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 	}, null, -1))]);
 }
 var RiCloseLine_default = /* @__PURE__ */ export_helper_default(_sfc_main, [["render", _sfc_render]]);
-
 //#endregion
-export { RiCloseLine_default as default };
+export { RiCloseLine_default as default };

package/dist/index.d.ts

@@ -1,4 +1,5 @@
-import { _default } from "./Tabs.vue.js";
+import { _default } from "./ChromeTabItem.vue.js";
+import { _default as _default$1 } from "./ChromeTabs.vue.js";
 import { CSSProperties, VNode } from "vue";
 
 //#region src/index.d.ts
@@ -141,4 +142,4 @@ type TabsProps = {
   contentStyle?: CSSProperties | string;
 };
 //#endregion
-export { _default as CTabs, TabItemKey, TabsItemProps, TabsOption, TabsProps };
+export { _default as ChromeTabItem, _default$1 as ChromeTabs, TabItemKey, TabsItemProps, TabsOption, TabsProps };

package/dist/index.js

@@ -1,3 +1,3 @@
-import Tabs_default from "./Tabs.js";
-
-export { Tabs_default as CTabs };
+import _sfc_main from "./ChromeTabItem.js";
+import _sfc_main$1 from "./ChromeTabs.js";
+export { _sfc_main as ChromeTabItem, _sfc_main$1 as ChromeTabs };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@oiij/chrome-tabs",
   "type": "module",
-  "version": "0.0.18",
+  "version": "0.0.20",
   "description": "A Vue Component Likes Chrome Tabs Style.",
   "author": "oiij",
   "license": "MIT",
@@ -27,15 +27,15 @@
   ],
   "peerDependencies": {
     "colord": "^2.9.3",
-    "vue": "^3.5.27",
-    "@oiij/use": "0.0.46",
-    "@oiij/css-render": "0.0.11"
+    "vue": "^3.5.30",
+    "@oiij/css-render": "0.0.12",
+    "@oiij/use": "0.0.50"
   },
   "devDependencies": {
     "colord": "^2.9.3",
-    "vue": "^3.5.27",
-    "@oiij/css-render": "0.0.11",
-    "@oiij/use": "0.0.46"
+    "vue": "^3.5.30",
+    "@oiij/css-render": "0.0.12",
+    "@oiij/use": "0.0.50"
   },
   "publishConfig": {
     "access": "public"