@cxkit/version-vue - npm Package Compare versions

+1

dist/style.css

.version-update-indicator[data-v-b68cb24b]{position:relative;display:inline-flex;align-items:center}.version-update-indicator__trigger[data-v-b68cb24b]{border:none;background:transparent;color:#4b5563;position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:color .2s ease,background-color .2s ease,transform .2s ease,box-shadow .2s ease}.version-update-indicator__trigger[data-v-b68cb24b]:hover{color:#ea580c;transform:translateY(-1px)}.version-update-indicator--icon .version-update-indicator__trigger[data-v-b68cb24b]{width:32px;height:32px;border-radius:50%}.version-update-indicator--icon .version-update-indicator__trigger[data-v-b68cb24b]:hover{background:#f9731614}.version-update-indicator--tag .version-update-indicator__trigger[data-v-b68cb24b]{height:32px;padding:0 12px 0 10px;border-radius:999px;background:linear-gradient(135deg,#fff8eb,#fff2d9);box-shadow:0 6px 18px #f59e0b29;color:#9a3412;gap:6px}.version-update-indicator--tag .version-update-indicator__trigger[data-v-b68cb24b]:hover{background:linear-gradient(135deg,#fff3df,#ffe8c2);box-shadow:0 10px 22px #ea580c2e}.version-update-indicator__ring[data-v-b68cb24b]{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;border:1px solid rgba(249,115,22,.18);opacity:0;transition:opacity .2s ease}.version-update-indicator--icon .version-update-indicator__trigger:hover .version-update-indicator__ring[data-v-b68cb24b]{opacity:1}.version-update-indicator__icon[data-v-b68cb24b],.version-update-side-tab__icon[data-v-b68cb24b]{width:18px;height:18px;flex:none}.version-update-indicator__dot[data-v-b68cb24b]{width:8px;height:8px;border:2px solid #ffffff;border-radius:50%;background:#ef4444;position:absolute;top:4px;right:3px;box-shadow:0 0 #ef444473;animation:version-update-dot-pulse-b68cb24b 1.8s infinite}.version-update-indicator--tag .version-update-indicator__dot[data-v-b68cb24b]{top:5px;right:6px}.version-update-indicator__text[data-v-b68cb24b]{font-size:12px;font-weight:600;line-height:1;white-space:nowrap}.version-update-side-tab[data-v-b68cb24b]{position:relative;flex:none;width:40px;min-height:138px;padding:14px 8px 12px;border:none;border-radius:12px 0 0 12px;background:linear-gradient(180deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 12px 24px #2563eb38;display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;cursor:pointer;z-index:9998;transition:background .2s ease,box-shadow .2s ease}.version-update-side-tab[data-v-b68cb24b]:hover{background:linear-gradient(180deg,#1d4ed8,#1e40af);box-shadow:0 16px 30px #1d4ed83d}.version-update-side-tab__text[data-v-b68cb24b]{writing-mode:vertical-rl;text-orientation:mixed;font-size:11px;line-height:1;letter-spacing:.5px;font-weight:600;opacity:.92}.version-update-side-tab__dot[data-v-b68cb24b]{width:8px;height:8px;border-radius:50%;background:#fef08a;box-shadow:0 0 #fef08a8c;animation:version-update-dot-pulse-yellow-b68cb24b 1.8s infinite}.version-update-right-edge-shell[data-v-b68cb24b]{position:fixed;right:0;bottom:24px;display:inline-flex;align-items:flex-start;gap:0;z-index:9998;pointer-events:none;transition:transform .24s ease,opacity .2s ease;transform:translate(calc(100% - 40px))}.version-update-right-edge-shell[data-v-b68cb24b]>*{pointer-events:auto}.version-update-right-edge-shell--open[data-v-b68cb24b]{transform:translate(0)}.version-update-panel[data-v-b68cb24b]{position:fixed;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;height:auto;min-height:0;max-height:calc(100vh - 32px);overflow:auto;padding:18px;border-radius:18px;background:#fff;box-shadow:0 18px 40px #0f172a29;border:1px solid rgba(226,232,240,.9);z-index:9999;line-height:normal}.version-update-panel--header[data-v-b68cb24b]{position:fixed}.version-update-panel--right-edge[data-v-b68cb24b]{position:relative;flex:none;margin-right:0;border-radius:12px 0 0 12px;border-right:none;box-shadow:0 18px 36px #0f172a29}.version-update-panel__arrow[data-v-b68cb24b]{position:absolute;top:-7px;width:14px;height:14px;background:#fff;border-top:1px solid rgba(226,232,240,.9);border-left:1px solid rgba(226,232,240,.9);transform:translate(-50%) rotate(45deg)}.version-update-panel__header[data-v-b68cb24b]{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.version-update-panel__title[data-v-b68cb24b]{color:#111827;font-size:16px;font-weight:700;line-height:1.4}.version-update-panel__version[data-v-b68cb24b]{margin-top:4px;color:#f97316;font-size:12px;font-weight:600}.version-update-panel__close[data-v-b68cb24b]{border:none;background:transparent;color:#9ca3af;width:24px;height:24px;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s ease,color .2s ease}.version-update-panel__close[data-v-b68cb24b]:hover{color:#4b5563;background:#f3f4f6}.version-update-panel__message[data-v-b68cb24b]{color:#4b5563;font-size:13px;line-height:1.8}.version-update-panel__meta[data-v-b68cb24b]{margin-top:14px;padding:10px 12px;border-radius:12px;background:#f8fafc;color:#64748b;font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.version-update-panel__defer-option[data-v-b68cb24b]{margin-top:14px;display:inline-flex;align-items:center;gap:8px;color:#64748b;font-size:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.version-update-panel__defer-option input[data-v-b68cb24b]{margin:0}.version-update-panel__actions[data-v-b68cb24b]{margin-top:18px;display:flex;justify-content:flex-end;gap:10px}.version-update-panel__button[data-v-b68cb24b]{height:36px;padding:0 14px;border-radius:10px;border:none;cursor:pointer;font-size:13px;font-weight:600;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.version-update-panel__button[data-v-b68cb24b]:hover{transform:translateY(-1px)}.version-update-panel__button--secondary[data-v-b68cb24b]{background:#f3f4f6;color:#4b5563}.version-update-panel__button--secondary[data-v-b68cb24b]:hover{background:#e5e7eb}.version-update-panel__button--primary[data-v-b68cb24b]{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 10px 22px #2563eb38}.version-update-panel__button--primary[data-v-b68cb24b]:hover{box-shadow:0 14px 24px #2563eb3d}.version-update-popover-fade-enter-active[data-v-b68cb24b],.version-update-popover-fade-leave-active[data-v-b68cb24b],.version-update-side-tab-fade-enter-active[data-v-b68cb24b],.version-update-side-tab-fade-leave-active[data-v-b68cb24b]{transition:opacity .18s ease,transform .18s ease}.version-update-popover-fade-enter-from[data-v-b68cb24b],.version-update-popover-fade-leave-to[data-v-b68cb24b],.version-update-side-tab-fade-enter-from[data-v-b68cb24b],.version-update-side-tab-fade-leave-to[data-v-b68cb24b]{opacity:0;transform:translateY(-6px)}@keyframes version-update-dot-pulse-b68cb24b{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 7px #ef444400}to{box-shadow:0 0 #ef444400}}@keyframes version-update-dot-pulse-yellow-b68cb24b{0%{box-shadow:0 0 #fef08a73}70%{box-shadow:0 0 0 8px #fef08a00}to{box-shadow:0 0 #fef08a00}}

+2

-2

package.json

		{
		"name": "@cxkit/version-vue",
		"version": "0.0.3",
		"version": "0.0.4",
		"description": "Vue 3 adapter for @cxkit/version-core — version update notification with built-in UI components.",
		@@ -35,3 +35,3 @@ "type": "module",
		"dependencies": {
		"@cxkit/version-core": "0.0.3"
		"@cxkit/version-core": "0.0.4"
		},
		@@ -38,0 +38,0 @@ "peerDependencies": {

+1

-1

README.md

		@@ -67,2 +67,2 @@ # @cxkit/version-vue
		## 阅读完整文档
		详细接入流程请访问 [官方开发文档](https://github.com/chenx18_cn/cxkit)。
		详细接入流程请访问 [官方开发文档](https://github.com/chenx18/version-update)。

-1

dist/index.css

.version-update-indicator[data-v-b68cb24b]{position:relative;display:inline-flex;align-items:center}.version-update-indicator__trigger[data-v-b68cb24b]{border:none;background:transparent;color:#4b5563;position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:color .2s ease,background-color .2s ease,transform .2s ease,box-shadow .2s ease}.version-update-indicator__trigger[data-v-b68cb24b]:hover{color:#ea580c;transform:translateY(-1px)}.version-update-indicator--icon .version-update-indicator__trigger[data-v-b68cb24b]{width:32px;height:32px;border-radius:50%}.version-update-indicator--icon .version-update-indicator__trigger[data-v-b68cb24b]:hover{background:#f9731614}.version-update-indicator--tag .version-update-indicator__trigger[data-v-b68cb24b]{height:32px;padding:0 12px 0 10px;border-radius:999px;background:linear-gradient(135deg,#fff8eb,#fff2d9);box-shadow:0 6px 18px #f59e0b29;color:#9a3412;gap:6px}.version-update-indicator--tag .version-update-indicator__trigger[data-v-b68cb24b]:hover{background:linear-gradient(135deg,#fff3df,#ffe8c2);box-shadow:0 10px 22px #ea580c2e}.version-update-indicator__ring[data-v-b68cb24b]{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;border:1px solid rgba(249,115,22,.18);opacity:0;transition:opacity .2s ease}.version-update-indicator--icon .version-update-indicator__trigger:hover .version-update-indicator__ring[data-v-b68cb24b]{opacity:1}.version-update-indicator__icon[data-v-b68cb24b],.version-update-side-tab__icon[data-v-b68cb24b]{width:18px;height:18px;flex:none}.version-update-indicator__dot[data-v-b68cb24b]{width:8px;height:8px;border:2px solid #ffffff;border-radius:50%;background:#ef4444;position:absolute;top:4px;right:3px;box-shadow:0 0 #ef444473;animation:version-update-dot-pulse-b68cb24b 1.8s infinite}.version-update-indicator--tag .version-update-indicator__dot[data-v-b68cb24b]{top:5px;right:6px}.version-update-indicator__text[data-v-b68cb24b]{font-size:12px;font-weight:600;line-height:1;white-space:nowrap}.version-update-side-tab[data-v-b68cb24b]{position:relative;flex:none;width:40px;min-height:138px;padding:14px 8px 12px;border:none;border-radius:12px 0 0 12px;background:linear-gradient(180deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 12px 24px #2563eb38;display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;cursor:pointer;z-index:9998;transition:background .2s ease,box-shadow .2s ease}.version-update-side-tab[data-v-b68cb24b]:hover{background:linear-gradient(180deg,#1d4ed8,#1e40af);box-shadow:0 16px 30px #1d4ed83d}.version-update-side-tab__text[data-v-b68cb24b]{writing-mode:vertical-rl;text-orientation:mixed;font-size:11px;line-height:1;letter-spacing:.5px;font-weight:600;opacity:.92}.version-update-side-tab__dot[data-v-b68cb24b]{width:8px;height:8px;border-radius:50%;background:#fef08a;box-shadow:0 0 #fef08a8c;animation:version-update-dot-pulse-yellow-b68cb24b 1.8s infinite}.version-update-right-edge-shell[data-v-b68cb24b]{position:fixed;right:0;bottom:24px;display:inline-flex;align-items:flex-start;gap:0;z-index:9998;pointer-events:none;transition:transform .24s ease,opacity .2s ease;transform:translate(calc(100% - 40px))}.version-update-right-edge-shell[data-v-b68cb24b]>*{pointer-events:auto}.version-update-right-edge-shell--open[data-v-b68cb24b]{transform:translate(0)}.version-update-panel[data-v-b68cb24b]{position:fixed;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;height:auto;min-height:0;max-height:calc(100vh - 32px);overflow:auto;padding:18px;border-radius:18px;background:#fff;box-shadow:0 18px 40px #0f172a29;border:1px solid rgba(226,232,240,.9);z-index:9999;line-height:normal}.version-update-panel--header[data-v-b68cb24b]{position:fixed}.version-update-panel--right-edge[data-v-b68cb24b]{position:relative;flex:none;margin-right:0;border-radius:12px 0 0 12px;border-right:none;box-shadow:0 18px 36px #0f172a29}.version-update-panel__arrow[data-v-b68cb24b]{position:absolute;top:-7px;width:14px;height:14px;background:#fff;border-top:1px solid rgba(226,232,240,.9);border-left:1px solid rgba(226,232,240,.9);transform:translate(-50%) rotate(45deg)}.version-update-panel__header[data-v-b68cb24b]{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.version-update-panel__title[data-v-b68cb24b]{color:#111827;font-size:16px;font-weight:700;line-height:1.4}.version-update-panel__version[data-v-b68cb24b]{margin-top:4px;color:#f97316;font-size:12px;font-weight:600}.version-update-panel__close[data-v-b68cb24b]{border:none;background:transparent;color:#9ca3af;width:24px;height:24px;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s ease,color .2s ease}.version-update-panel__close[data-v-b68cb24b]:hover{color:#4b5563;background:#f3f4f6}.version-update-panel__message[data-v-b68cb24b]{color:#4b5563;font-size:13px;line-height:1.8}.version-update-panel__meta[data-v-b68cb24b]{margin-top:14px;padding:10px 12px;border-radius:12px;background:#f8fafc;color:#64748b;font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.version-update-panel__defer-option[data-v-b68cb24b]{margin-top:14px;display:inline-flex;align-items:center;gap:8px;color:#64748b;font-size:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.version-update-panel__defer-option input[data-v-b68cb24b]{margin:0}.version-update-panel__actions[data-v-b68cb24b]{margin-top:18px;display:flex;justify-content:flex-end;gap:10px}.version-update-panel__button[data-v-b68cb24b]{height:36px;padding:0 14px;border-radius:10px;border:none;cursor:pointer;font-size:13px;font-weight:600;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.version-update-panel__button[data-v-b68cb24b]:hover{transform:translateY(-1px)}.version-update-panel__button--secondary[data-v-b68cb24b]{background:#f3f4f6;color:#4b5563}.version-update-panel__button--secondary[data-v-b68cb24b]:hover{background:#e5e7eb}.version-update-panel__button--primary[data-v-b68cb24b]{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 10px 22px #2563eb38}.version-update-panel__button--primary[data-v-b68cb24b]:hover{box-shadow:0 14px 24px #2563eb3d}.version-update-popover-fade-enter-active[data-v-b68cb24b],.version-update-popover-fade-leave-active[data-v-b68cb24b],.version-update-side-tab-fade-enter-active[data-v-b68cb24b],.version-update-side-tab-fade-leave-active[data-v-b68cb24b]{transition:opacity .18s ease,transform .18s ease}.version-update-popover-fade-enter-from[data-v-b68cb24b],.version-update-popover-fade-leave-to[data-v-b68cb24b],.version-update-side-tab-fade-enter-from[data-v-b68cb24b],.version-update-side-tab-fade-leave-to[data-v-b68cb24b]{opacity:0;transform:translateY(-6px)}@keyframes version-update-dot-pulse-b68cb24b{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 7px #ef444400}to{box-shadow:0 0 #ef444400}}@keyframes version-update-dot-pulse-yellow-b68cb24b{0%{box-shadow:0 0 #fef08a73}70%{box-shadow:0 0 0 8px #fef08a00}to{box-shadow:0 0 #fef08a00}}

@cxkit/version-vue - npm Package Compare versions

Improved metrics

Dependency changes