vome-core 0.3.8 → 0.3.10

package/dist/admin/styles/base.css

@@ -1,7 +1,8 @@
 /**
- * 框架结构样式（锁定）：尺寸、控件高度、聚焦行为、滚动条形态、页面过渡、浮层指针。
+ * 框架结构样式（锁定）：全局 token、页面骨架、表单聚焦、滚动条、页面过渡、通用工具类。
  * 宿主只应提供主题色（admin/src/styles/theme.css）；勿改此文件做换肤。
  * 业务自定义请用 scoped + :deep() 穿透覆盖。
+ * CRUD 弹窗壳（.vm-crud-shell__*）在 DialogContent.vue；控件尺寸细节在 Input / Select 组件内。
  */
 
 :root {
@@ -66,23 +67,6 @@ body {
   --tw-ring-offset-shadow: 0 0 #0000 !important;
 }
 
-[data-slot='input'],
-[data-slot='select-trigger'] {
-  height: var(--vm-control-height) !important;
-  min-height: var(--vm-control-height);
-  padding-top: 0 !important;
-  padding-bottom: 0 !important;
-  font-size: var(--vm-control-font-size) !important;
-  line-height: 1.4;
-}
-
-[data-slot='select-item'] {
-  min-height: 28px;
-  padding-top: 4px !important;
-  padding-bottom: 4px !important;
-  font-size: var(--vm-control-font-size);
-}
-
 .page-enter-active,
 .page-leave-active {
   transition:
@@ -135,137 +119,3 @@ body {
 .vm-dialog-float {
   pointer-events: auto;
 }
-
-/* CRUD 弹窗壳：vm-upsert / adv-search / column-custom 共用 */
-.vm-crud-shell__head {
-  display: flex;
-  flex-direction: row;
-  flex-shrink: 0;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: 10px;
-  padding: 12px 22px;
-  border-bottom: 1px solid var(--border);
-}
-
-@media (max-width: 768px) {
-  .vm-crud-shell__head {
-    padding: 8px 12px;
-  }
-}
-
-.vm-crud-shell__title {
-  font-size: 15px;
-  font-weight: 650;
-  letter-spacing: -0.01em;
-  line-height: 1.3;
-  color: var(--foreground);
-}
-
-/** 仅 vm-upsert：关闭钮放进标题行 flex，与标题/元信息垂直居中 */
-.vm-crud-shell__close {
-  display: inline-flex;
-  flex-shrink: 0;
-  align-items: center;
-  justify-content: center;
-  width: 28px;
-  height: 28px;
-  margin-left: auto;
-  border: none;
-  border-radius: 8px;
-  background: transparent;
-  color: var(--muted-foreground);
-  opacity: 0.7;
-  cursor: pointer;
-  transition: opacity 0.15s ease, background 0.15s ease;
-}
-
-.vm-crud-shell__close:hover {
-  opacity: 1;
-  background: var(--muted);
-}
-
-.vm-crud-shell__close > i {
-  font-size: 16px;
-  line-height: 1;
-}
-
-.vm-crud-shell__body {
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: column;
-  min-height: 0;
-  overflow: auto;
-  overscroll-behavior: contain;
-  padding: 18px 22px 16px;
-}
-
-@media (max-width: 768px) {
-  .vm-crud-shell__body {
-    flex: 1;
-    padding: 12px;
-  }
-}
-
-.vm-crud-shell__foot {
-  display: flex;
-  flex-shrink: 0;
-  justify-content: flex-end;
-  gap: 8px;
-  padding: 10px 22px;
-  border-top: 1px solid var(--border);
-}
-
-@media (max-width: 768px) {
-  .vm-crud-shell__foot {
-    flex-direction: column-reverse;
-    gap: 8px;
-    padding: 8px 12px calc(8px + env(safe-area-inset-bottom, 0px));
-  }
-
-  .vm-crud-shell__foot .vm-crud-shell__btn {
-    width: 100%;
-  }
-}
-
-.vm-crud-shell__btn {
-  height: 36px;
-  padding: 0 16px;
-  border: none;
-  border-radius: 12px;
-  font-size: 13px;
-  font-weight: 600;
-  cursor: pointer;
-  transition:
-    background 0.15s ease,
-    color 0.15s ease;
-}
-
-.vm-crud-shell__btn.is-primary {
-  background: var(--brand);
-  color: #fff;
-}
-
-.vm-crud-shell__btn.is-primary:hover:not(:disabled) {
-  background: var(--brand-deep);
-}
-
-.vm-crud-shell__btn.is-ghost {
-  background: var(--muted);
-  color: var(--foreground);
-}
-
-.vm-crud-shell__btn.is-ghost:hover:not(:disabled) {
-  background: color-mix(in srgb, var(--muted) 70%, var(--foreground) 8%);
-}
-
-.vm-crud-shell__btn.is-danger {
-  background: var(--danger-soft, #fceeee);
-  color: var(--danger, #c45b5e);
-}
-
-.vm-crud-shell__btn:disabled {
-  cursor: wait;
-  opacity: 0.65;
-}
-