@oiij/chrome-tabs 0.0.1 → 0.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/README.md +4 -50
  2. package/dist/TabItem.vue.d.ts +9 -34
  3. package/dist/Tabs.vue.d.ts +8 -9
  4. package/dist/cssr.d.ts +4 -0
  5. package/dist/index.cjs +14 -0
  6. package/dist/index.d.ts +28 -9
  7. package/dist/index.js +1125 -498
  8. package/dist/index.umd.cjs +14 -554
  9. package/package.json +23 -69
  10. package/dist/index.css +0 -15
package/package.json CHANGED
@@ -1,26 +1,27 @@
1
1
  {
2
2
  "name": "@oiij/chrome-tabs",
3
3
  "type": "module",
4
- "version": "0.0.1",
5
- "description": "",
4
+ "version": "0.0.2",
5
+ "description": "A Vue Component Likes Chrome Tabs Style.",
6
6
  "author": "oiij",
7
7
  "license": "MIT",
8
- "homepage": "https://github.com/oiij/chrome-tabs",
8
+ "homepage": "https://github.com/oiij/use",
9
9
  "repository": {
10
10
  "type": "git",
11
- "url": "git@github.com:oiij/chrome-tabs.git"
11
+ "url": "git@github.com:oiij/use.git"
12
12
  },
13
- "bugs": "https://github.com/oiij/chrome-tabs/issues",
13
+ "bugs": "https://github.com/oiij/use/issues",
14
14
  "keywords": [
15
+ "@oiij/use",
15
16
  "chrome-tabs"
16
17
  ],
17
18
  "sideEffects": false,
18
19
  "exports": {
19
20
  ".": {
20
21
  "types": "./dist/index.d.ts",
21
- "import": "./dist/index.js"
22
- },
23
- "./style.css": "./dist/index.css"
22
+ "import": "./dist/index.js",
23
+ "require": "./dist/index.cjs"
24
+ }
24
25
  },
25
26
  "main": "./dist/index.js",
26
27
  "module": "./dist/index.js",
@@ -31,68 +32,21 @@
31
32
  "dist",
32
33
  "package.json"
33
34
  ],
34
- "scripts": {
35
- "dev": "vite build --watch",
36
- "build": "vue-tsc --noEmit && vite build",
37
- "docs:dev": "vitepress dev .docs",
38
- "docs:build": "vitepress build .docs",
39
- "docs:preview": "vitepress preview .docs",
40
- "lint": "eslint .",
41
- "lint:fix": "eslint . --fix",
42
- "prepublishOnly": "pnpm build",
43
- "release": "bumpp -r && npm publish --access public",
44
- "awe": "pnpx are-we-esm",
45
- "nmi": "pnpx node-modules-inspector",
46
- "start": "esno src/index.ts",
47
- "test": "vitest",
48
- "update:deps": "taze -w && pnpm i",
49
- "type:check": "vue-tsc --noEmit",
50
- "cz": "czg",
51
- "commit": "git pull && git add -A && pnpm cz && git push",
52
- "link": "pnpm link --global",
53
- "preinstall": "npx only-allow pnpm"
54
- },
55
- "dependencies": {
56
- "@oiij/use": "^0.0.1",
57
- "colord": "^2.9.3"
35
+ "peerDependencies": {
36
+ "colord": "^2.9.3",
37
+ "vue": "^3.5.13",
38
+ "@oiij/css-render": "0.0.1",
39
+ "@oiij/use": "0.0.15"
58
40
  },
59
41
  "devDependencies": {
60
- "@antfu/eslint-config": "^4.1.1",
61
- "@iconify-json/line-md": "^1.2.5",
62
- "@iconify-json/ri": "^1.2.5",
63
- "@oiij/tsconfig": "^0.0.1",
64
- "@types/node": "^22.13.1",
65
- "@vitejs/plugin-vue": "^5.2.1",
66
- "@vitest/ui": "^3.0.5",
67
- "bumpp": "^10.0.2",
68
- "commitlint": "^19.7.1",
69
- "cz-git": "^1.11.0",
70
- "czg": "^1.11.0",
71
- "eslint": "^9.20.0",
72
- "eslint-plugin-format": "^1.0.1",
73
- "esno": "^4.8.0",
74
- "lint-staged": "^15.4.3",
75
- "simple-git-hooks": "^2.11.1",
76
- "taze": "^18.4.0",
77
- "tsup": "8.3.6",
78
- "typescript": "^5.7.3",
79
- "unbuild": "^3.3.1",
80
- "unocss": "^65.4.3",
81
- "vite": "^6.1.0",
82
- "vite-plugin-dts": "^4.5.0",
83
- "vitepress": "^1.6.3",
84
- "vitest": "^3.0.5",
85
- "vue-tsc": "^2.2.0"
86
- },
87
- "simple-git-hooks": {
88
- "pre-commit": "pnpm lint-staged && pnpm type:check"
42
+ "colord": "^2.9.3",
43
+ "vue": "^3.5.16",
44
+ "@oiij/css-render": "0.0.1",
45
+ "@oiij/use": "0.0.15"
89
46
  },
90
- "lint-staged": {
91
- "*.{js,jsx,ts,tsx}": [
92
- "pnpm lint:fix"
93
- ]
94
- },
95
- "publishConfig": {
96
- "access": "public"
47
+ "scripts": {
48
+ "dev": "vite build --watch",
49
+ "build": "vue-tsc --noEmit && vite build",
50
+ "bumpp": "bumpp --no-push"
97
51
  }
98
- }
52
+ }
package/dist/index.css DELETED
@@ -1,15 +0,0 @@
1
- *,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}/* latin-ext */@font-face { font-family: 'DM Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/dmmono/v14/aFTU7PB1QTsUX8KYthSQBK6PYK3EXw.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}/* latin */@font-face { font-family: 'DM Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/dmmono/v14/aFTU7PB1QTsUX8KYthqQBK6PYK0.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}/* latin-ext */@font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/dmsans/v15/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwAopxRR232RmYJp8I5zzw.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}/* latin */@font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/dmsans/v15/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwAopxRSW32RmYJp8I5.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}/* latin-ext */@font-face { font-family: 'DM Serif Display'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/dmserifdisplay/v15/-nFnOHM81r4j6k0gjAW3mujVU2B2G_5x0vrx52jJ3Q.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}/* latin */@font-face { font-family: 'DM Serif Display'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/dmserifdisplay/v15/-nFnOHM81r4j6k0gjAW3mujVU2B2G_Bx0vrx52g.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}.i-line-md-loading-twotone-loop{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath stroke-dasharray='16' stroke-dashoffset='16' d='M12 3c4.97 0 9 4.03 9 9'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' dur='0.3s' values='16;0'/%3E%3CanimateTransform attributeName='transform' dur='1.5s' repeatCount='indefinite' type='rotate' values='0 12 12;360 12 12'/%3E%3C/path%3E%3Cpath 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'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' dur='1.2s' values='64;0'/%3E%3C/path%3E%3C/g%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.2em;height:1.2em;}.i-ri-arrow-down-s-line{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m12 13.171l4.95-4.95l1.414 1.415L12 16L5.636 9.636L7.05 8.222z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.2em;height:1.2em;}.uno-sjjwmq{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m12 10.587l4.95-4.95l1.414 1.414l-4.95 4.95l4.95 4.95l-1.415 1.414l-4.95-4.95l-4.949 4.95l-1.414-1.415l4.95-4.95l-4.95-4.95L7.05 5.638z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.2em;height:1.2em;font-size:0.875rem;line-height:1.25rem;}.uno-4y9yog{pointer-events:none !important;cursor:not-allowed !important;opacity:0.5 !important;--un-grayscale:grayscale(100) !important;filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia) !important;}.uno-f9asjx{position:relative;height:46px;width:100%;}.uno-mzsdgg{position:absolute;bottom:0;left:0;z-index:-1;height:34px;width:100%;display:flex;align-items:flex-end;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:300ms;}.uno-qjxywp{position:relative;height:28px;display:flex;align-items:center;gap:5px;border-radius:10px;padding-left:6px;padding-right:6px;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:300ms;}.uno-ubq14l{position:relative;z-index:1;margin-left:-5px;margin-right:-5px;height:40px;flex-shrink:0;cursor:default;-webkit-user-select:none;user-select:none;padding-left:10px;padding-right:10px;padding-top:6px;}.uno-wqscdb{position:absolute;bottom:12px;right:4px;height:16px;width:2px;border-radius:9999px;background-color:var(--tabs-bar-primary-color) /* var(--tabs-bar-primary-color) */;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:300ms;}.uno-23n4xq{margin-left:-6px;height:100%;min-width:0;flex:1 1 0%;overflow:hidden;}.uno-r1pbch{margin-left:10px;height:16px;width:16px;display:flex;align-items:center;justify-content:center;border-radius:9999px;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:300ms;}.uno-ubq14l:first-child{margin-left:0 !important;}.uno-ubq14l:last-child{margin-right:0 !important;}.uno-5zyl8j{height:40px;width:100%;display:flex;align-items:center;background-color:var(--tabs-bar-background-color) /* var(--tabs-bar-background-color) */;}.uno-kfa0e9{height:6px;width:100%;background-color:var(--tabs-bar-active-background-color) /* var(--tabs-bar-active-background-color) */;padding-left:5px;padding-right:5px;}.uno-kq7run{height:28px;width:28px;display:flex;align-items:center;justify-content:center;border-radius:10px;background-color:var(--tabs-bar-active-background-color) /* var(--tabs-bar-active-background-color) */;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:300ms;}.uno-nylnxp,[uno-nylnxp=""]{height:100%;flex:1 1 0%;border-top-left-radius:10px;border-top-right-radius:10px;background-color:var(--tabs-bar-active-background-color) /* var(--tabs-bar-active-background-color) */;}.uno-ov60i3{height:40px;width:40px;display:flex;align-items:center;justify-content:center;}.uno-r0jwks{height:100%;display:flex;}.dark .uno-5zyl8j{background-color:var(--tabs-bar-background-color-dark) /* var(--tabs-bar-background-color-dark) */;}.dark .uno-kfa0e9,.dark .uno-kq7run,.dark .uno-nylnxp,.dark [uno-nylnxp=""]{background-color:var(--tabs-bar-active-background-color-dark) /* var(--tabs-bar-active-background-color-dark) */;}.dark .uno-wqscdb,.dark .group:hover .uno-epu25o{background-color:var(--tabs-bar-primary-color-dark) /* var(--tabs-bar-primary-color-dark) */;}.group:hover .uno-epu25o{background-color:var(--tabs-bar-primary-color) /* var(--tabs-bar-primary-color) */;}.dark .uno-kq7run:hover{background-color:var(--tabs-bar-primary-color-dark) /* var(--tabs-bar-primary-color-dark) */;}.uno-kq7run:hover{background-color:var(--tabs-bar-primary-color) /* var(--tabs-bar-primary-color) */;}.uno-r1pbch:hover{background-color:rgb(0 0 0 / 0.2) /* #000 */;}.dark .uno-3sky1m,.dark [uno-3sky1m=""]{fill:var(--tabs-bar-active-background-color-dark) /* var(--tabs-bar-active-background-color-dark) */;}.uno-3sky1m,[uno-3sky1m=""]{fill:var(--tabs-bar-active-background-color) /* var(--tabs-bar-active-background-color) */;}.uno-iyw1ix{font-size:0.875rem;line-height:1.25rem;}.uno-h6cmdc{opacity:1;}.uno-m6t4oj{opacity:0;} .group-move,
2
- .group-enter-active,
3
- .group-leave-active {
4
- transition: all 0.3s ease-in;
5
- }
6
- .group-enter-from,
7
- .group-leave-to {
8
- opacity: 0;
9
- transform-origin: left bottom;
10
- transform: scale(0.5) translateX(-10px);
11
- }
12
- .group-leave-active {
13
- position: absolute;
14
- z-index: -1;
15
- }