kb-ui-vue 0.2.0

package/dist/styles/Upload.css

@@ -0,0 +1,66 @@
+.kb-upload {
+  display: flex;
+  flex-direction: column;
+  gap: var(--kb-space-2);
+  align-items: flex-start;
+}
+
+.kb-upload__button {
+  display: inline-flex;
+  align-items: center;
+  padding: var(--kb-space-2) var(--kb-space-4);
+  border: 1px dashed var(--kb-color-primary);
+  border-radius: var(--kb-radius-md);
+  background: color-mix(in srgb, var(--kb-color-primary) 6%, transparent);
+  color: var(--kb-color-primary);
+  font-size: var(--kb-font-size-md);
+  cursor: pointer;
+}
+
+.kb-upload__button input {
+  display: none;
+}
+
+.kb-upload__list {
+  display: flex;
+  flex-direction: column;
+  gap: var(--kb-space-1);
+  width: 100%;
+}
+
+.kb-upload__item {
+  display: flex;
+  align-items: center;
+  gap: var(--kb-space-2);
+  padding: var(--kb-space-2) var(--kb-space-3);
+  border: 1px solid var(--kb-color-border);
+  border-radius: var(--kb-radius-sm);
+  background: var(--kb-color-bg);
+}
+
+.kb-upload__name {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: var(--kb-color-text-1);
+  font-size: var(--kb-font-size-sm);
+}
+
+.kb-upload__size {
+  color: var(--kb-color-text-3);
+  font-size: var(--kb-font-size-xs);
+}
+
+.kb-upload__delete {
+  padding: 0;
+  border: none;
+  background: transparent;
+  color: var(--kb-color-text-3);
+  font-size: var(--kb-font-size-lg);
+  cursor: pointer;
+}
+
+.kb-upload__delete:hover {
+  color: var(--kb-color-danger);
+}

package/dist/styles/Watermark.css

@@ -0,0 +1,17 @@
+.kb-watermark {
+  position: relative;
+}
+
+.kb-watermark__layer {
+  position: absolute;
+  inset: 0;
+  z-index: 1;
+  background-repeat: repeat;
+  background-size: 200px 140px;
+  pointer-events: none;
+}
+
+.kb-watermark__content {
+  position: relative;
+  z-index: 2;
+}

package/dist/styles/all.css

@@ -0,0 +1,103 @@
+/* 源码模式全量组件样式入口（仅开发/演示用，不发布）。
+   使用 dist 产物时请引入 @kb/ui/styles/index.css（构建时已聚合组件样式）。 */
+@import url('../components/Button/style.css');
+@import url('../components/Icon/style.css');
+@import url('../components/Tag/style.css');
+@import url('../components/Space/style.css');
+@import url('../components/Divider/style.css');
+@import url('../components/Grid/style.css');
+@import url('../components/Input/style.css');
+@import url('../components/Checkbox/style.css');
+@import url('../components/Radio/style.css');
+@import url('../components/Switch/style.css');
+@import url('../components/Select/style.css');
+@import url('../components/Tooltip/style.css');
+@import url('../components/Dialog/style.css');
+@import url('../components/Table/style.css');
+@import url('../components/Badge/style.css');
+@import url('../components/Avatar/style.css');
+@import url('../components/Progress/style.css');
+@import url('../components/Card/style.css');
+@import url('../components/Alert/style.css');
+@import url('../components/Skeleton/style.css');
+@import url('../components/Empty/style.css');
+@import url('../components/Breadcrumb/style.css');
+@import url('../components/Collapse/style.css');
+@import url('../components/Tabs/style.css');
+@import url('../components/Pagination/style.css');
+@import url('../components/Dropdown/style.css');
+@import url('../components/Drawer/style.css');
+@import url('../components/Popover/style.css');
+@import url('../components/Rate/style.css');
+@import url('../components/Slider/style.css');
+@import url('../components/Result/style.css');
+@import url('../components/Statistic/style.css');
+@import url('../components/Steps/style.css');
+@import url('../components/Timeline/style.css');
+@import url('../components/Notification/style.css');
+@import url('../components/InputNumber/style.css');
+@import url('../components/Textarea/style.css');
+@import url('../components/Search/style.css');
+@import url('../components/Segmented/style.css');
+@import url('../components/Watermark/style.css');
+@import url('../components/Popconfirm/style.css');
+@import url('../components/Carousel/style.css');
+@import url('../components/Descriptions/style.css');
+@import url('../components/Calendar/style.css');
+@import url('../components/Loading/style.css');
+@import url('../components/Form/style.css');
+@import url('../components/DatePicker/style.css');
+@import url('../components/Upload/style.css');
+@import url('../components/Tree/style.css');
+@import url('../components/ColorPicker/style.css');
+@import url('../components/InputPassword/style.css');
+@import url('../components/CountUp/style.css');
+@import url('../components/List/style.css');
+@import url('../components/Transfer/style.css');
+@import url('../components/Cascader/style.css');
+@import url('./themes/violet.css');
+@import url('./themes/teal.css');
+@import url('./themes/rose.css');
+@import url('./themes/amber.css');
+@import url('./themes/ink.css');
+@import url('./themes/neon.css');
+@import url('./themes/rounded.css');
+@import url('./themes/flat.css');
+@import url('./themes/gradient.css');
+@import url('./themes/glass.css');
+@import url('./themes/cyber.css');
+@import url('./themes/terminal.css');
+@import url('./themes/business.css');
+@import url('./themes/retro.css');
+@import url('./themes/cartoon.css');
+@import url('./themes/mono.css');
+@import url('./themes/forest.css');
+@import url('./themes/ocean.css');
+@import url('./themes/midnight.css');
+@import url('./themes/macaron.css');
+@import url('./themes/vaporwave.css');
+@import url('./themes/cyberpunk.css');
+@import url('./themes/gameboy.css');
+@import url('./themes/wabi.css');
+@import url('./themes/sakura.css');
+@import url('./themes/spring.css');
+@import url('./themes/autumn.css');
+@import url('./themes/winter.css');
+@import url('./themes/starry.css');
+@import url('./themes/lava.css');
+@import url('./themes/aurora.css');
+@import url('./themes/coffee.css');
+@import url('./themes/matcha.css');
+@import url('./themes/morandi.css');
+@import url('./themes/memphis.css');
+@import url('./themes/pop.css');
+@import url('./themes/minimal.css');
+@import url('./themes/pastel.css');
+@import url('./themes/neonlight.css');
+@import url('./themes/sunset.css');
+@import url('./themes/danqing.css');
+@import url('./themes/gold.css');
+@import url('./themes/gothic.css');
+@import url('./themes/mint.css');
+@import url('./themes/candy.css');
+@import url('./themes/sky.css');

package/dist/styles/dark.css

@@ -0,0 +1,10 @@
+[data-theme='dark'] {
+  --kb-color-bg: #0f172a;
+  --kb-color-bg-elevated: #1e293b;
+  --kb-color-border: #334155;
+  --kb-color-text-1: #f1f5f9;
+  --kb-color-text-2: #cbd5e1;
+  --kb-color-text-3: #64748b;
+  --kb-shadow-1: 0 1px 2px rgb(0 0 0 / 40%);
+  --kb-shadow-2: 0 4px 12px rgb(0 0 0 / 50%);
+}