root/aurora-admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore(build): 同步构建产物（site/** + sitemap 公网基址）——含本任务接线后的 data.json/data.js/逐端页，以及并行会话（S10/S9-P3）在途工作的生成物；其源码文件仍留在工作区未提交

Browse Source
This commit is contained in:
aurora-admin
2026-09-25 04:22:40 +08:00
parent f07f38b09d
commit 1b02768bf6
1681 changed files with 153974 additions and 1651 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/end-preview/dropdown.vue3.html
+46
View File
@@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="zh-CN" data-end="vue3" data-slug="dropdown">
<head>
<meta charset="utf-8">
<title>dropdown · Vue 3 预渲染</title>
<link rel="stylesheet" href="../../.design_library/kole-ui/colors_and_type.css">
<link rel="stylesheet" href="../../frameworks/Dropdown.css">
<style>
/* 演示页的 body 口径（见 frameworks/*.html 的 <style>）：组件 CSS 不写 body 样式，
而 .btn 这类 inline-flex 元素的高度依赖行高与留白，缺了就会塌成 0 高。 */
body { margin: 0; padding: 24px; background: var(--kole-color-page-bg); color: var(--kole-color-text-body);
font-family: var(--kole-font-family); font-size: 14px; line-height: 22px; }
#kole-end-preview { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
html.kole-dark body { background: var(--kole-color-page-bg); color: var(--kole-color-text-body); }
</style>
<style>
.kole-dropdown { position: relative; display: inline-block; }
.kole-dropdown-trigger {
border: 1px solid #E8ECF1; background: #fff; border-radius: 4px; height: 32px; padding: 0 12px;
cursor: pointer; font-size: 14px; color: #262626; display: inline-flex; align-items: center; gap: 4px;
}
.kole-dropdown-trigger:hover { border-color: #2F54EB; }
.kole-dropdown-panel {
position: absolute; z-index: 20; top: calc(100% + 4px); left: 0; min-width: 120px;
background: #fff; border-radius: 6px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); padding: 4px 0;
}
.kole-dropdown-item {
display: flex; align-items: center; gap: 8px; height: 32px; padding: 0 12px; cursor: pointer;
font-size: 14px; color: #262626; white-space: nowrap;
}
.kole-dropdown-item:hover { background: #F5F7FA; }
.kole-dropdown-item.is-danger { color: #CF1322; }
.kole-dropdown-item.is-disabled { color: #BFBFBF; cursor: not-allowed; }
.kole-dropdown-item.is-disabled:hover { background: transparent; }
.kole-dropdown-divider { height: 1px; background: #F0F0F0; margin: 4px 0; }
</style>
</head>
<body class="kole-end-preview-body">
<!-- 该端实现（frameworks/Dropdown.vue3.vue）的离线预渲染产物。类名与该端源码一致（tools/build-end-preview.mjs 断言）。 -->
<div id="kole-end-preview" data-end="vue3" data-slug="dropdown">
<div class="kole-dropdown" visible="true" open select="onSelect" text="操作 ▾" children="操作 ▾" data-v-dropdown><div class="kole-dropdown-trigger" data-v-dropdown><!--[-->操作<!--]--></div><div class="kole-dropdown-panel" style="display:none;" data-v-dropdown><!--[--><!--]--></div></div>
</div>
</body>
</html>