@macroui/macroui 1.0.30 → 1.0.31

package/dist/macroui.css

@@ -7778,16 +7778,55 @@ to {
  * 
  * 使用 DaisyUI 样式系统实现 Element Plus 兼容的组件
  * - 保持所有 Element Plus 类名不变
- * - 使用 DaisyUI 的 CSS 变量和主题系统
+ * - 使用 DaisyUI 的 CSS 变量
  * - 支持所有 DaisyUI 主题切换
  */
 
 /* ============================================
-   Element Plus Compatible Variables
+   DaisyUI Variable Aliases (兼容 --daisy-* 变量名)
    ============================================ */
 
 :root {
-  /* Element Plus Compatible Variables - 使用 DaisyUI 变量 */
+  /* DaisyUI 变量别名 - 让组件样式可以同时支持两种命名 */
+  --daisy-primary: var(--p, #4d70ff);
+  --daisy-primary-focus: var(--pf, #3451ff);
+  --daisy-primary-content: var(--pc, #ffffff);
+  --daisy-secondary: var(--s, #8b5cf6);
+  --daisy-secondary-focus: var(--sf, #7c3aed);
+  --daisy-secondary-content: var(--sc, #ffffff);
+  --daisy-accent: var(--a, #06b6d4);
+  --daisy-accent-focus: var(--af, #0891b2);
+  --daisy-accent-content: var(--ac, #ffffff);
+  --daisy-neutral: var(--n, #1f2937);
+  --daisy-neutral-focus: var(--nf, #111827);
+  --daisy-neutral-content: var(--nc, #ffffff);
+  --daisy-base-100: var(--b1, #ffffff);
+  --daisy-base-200: var(--b2, #f3f4f6);
+  --daisy-base-300: var(--b3, #e5e7eb);
+  --daisy-base-content: var(--bc, #1f2937);
+  --daisy-info: var(--in, #3b82f6);
+  --daisy-info-focus: var(--inf, #2563eb);
+  --daisy-info-content: var(--inc, #ffffff);
+  --daisy-success: var(--su, #22c55e);
+  --daisy-success-focus: var(--suf, #16a34a);
+  --daisy-success-content: var(--suc, #ffffff);
+  --daisy-warning: var(--wa, #f59e0b);
+  --daisy-warning-focus: var(--waf, #d97706);
+  --daisy-warning-content: var(--wac, #000000);
+  --daisy-error: var(--er, #ef4444);
+  --daisy-error-focus: var(--erf, #dc2626);
+  --daisy-error-content: var(--erc, #ffffff);
+  
+  /* DaisyUI Radius */
+  --daisy-radius-selector: var(--rounded-box, 1rem);
+  --daisy-radius-field: var(--rounded-btn, 0.5rem);
+  --daisy-radius-box: var(--rounded-box, 1rem);
+  --daisy-radius-btn: var(--rounded-btn, 0.5rem);
+  
+  /* DaisyUI Border */
+  --daisy-border: var(--border-btn, 1px);
+  
+  /* Element Plus Compatible Variables */
   --el-color-primary: var(--daisy-primary);
   --el-color-success: var(--daisy-success);
   --el-color-warning: var(--daisy-warning);
@@ -7929,8 +7968,8 @@ to {
 }
 
 .el-button--primary:hover {
-  background-color: color-mix(in oklab, var(--daisy-primary) 90%, transparent);
-  border-color: color-mix(in oklab, var(--daisy-primary) 90%, transparent);
+  background-color: var(--daisy-primary);
+  opacity: 0.9;
 }
 
 /* Success */
@@ -7941,8 +7980,8 @@ to {
 }
 
 .el-button--success:hover {
-  background-color: color-mix(in oklab, var(--daisy-success) 90%, transparent);
-  border-color: color-mix(in oklab, var(--daisy-success) 90%, transparent);
+  background-color: var(--daisy-success);
+  opacity: 0.9;
 }
 
 /* Warning */
@@ -7953,8 +7992,8 @@ to {
 }
 
 .el-button--warning:hover {
-  background-color: color-mix(in oklab, var(--daisy-warning) 90%, transparent);
-  border-color: color-mix(in oklab, var(--daisy-warning) 90%, transparent);
+  background-color: var(--daisy-warning);
+  opacity: 0.9;
 }
 
 /* Danger / Error */
@@ -7967,8 +8006,8 @@ to {
 
 .el-button--danger:hover,
 .el-button--error:hover {
-  background-color: color-mix(in oklab, var(--daisy-error) 90%, transparent);
-  border-color: color-mix(in oklab, var(--daisy-error) 90%, transparent);
+  background-color: var(--daisy-error);
+  opacity: 0.9;
 }
 
 /* Info */
@@ -7979,8 +8018,8 @@ to {
 }
 
 .el-button--info:hover {
-  background-color: color-mix(in oklab, var(--daisy-info) 90%, transparent);
-  border-color: color-mix(in oklab, var(--daisy-info) 90%, transparent);
+  background-color: var(--daisy-info);
+  opacity: 0.9;
 }
 
 /* ============================================
@@ -8000,26 +8039,26 @@ to {
 .el-button--primary.is-plain {
   border-color: var(--daisy-primary);
   color: var(--daisy-primary);
-  background-color: color-mix(in oklab, var(--daisy-primary) 10%, transparent);
+  background-color: transparent;
 }
 
 .el-button--success.is-plain {
   border-color: var(--daisy-success);
   color: var(--daisy-success);
-  background-color: color-mix(in oklab, var(--daisy-success) 10%, transparent);
+  background-color: transparent;
 }
 
 .el-button--warning.is-plain {
   border-color: var(--daisy-warning);
   color: var(--daisy-warning);
-  background-color: color-mix(in oklab, var(--daisy-warning) 10%, transparent);
+  background-color: transparent;
 }
 
 .el-button--danger.is-plain,
 .el-button--error.is-plain {
   border-color: var(--daisy-error);
   color: var(--daisy-error);
-  background-color: color-mix(in oklab, var(--daisy-error) 10%, transparent);
+  background-color: transparent;
 }
 
 /* Text */
@@ -8047,7 +8086,8 @@ to {
 }
 
 .el-button.is-text:hover {
-  background-color: color-mix(in oklab, currentColor 10%, transparent);
+  background-color: transparent;
+  opacity: 0.8;
 }
 
 /* Link */
@@ -8170,7 +8210,7 @@ to {
   height: var(--el-component-size-default, 40px);
   padding: 0 0.75rem;
   border-radius: var(--el-border-radius-base, 0.5rem);
-  border: 1px solid var(--daisy-base-content);
+  border: 1px solid var(--daisy-base-300);
   background-color: var(--daisy-base-100);
   transition: all 0.2s ease;
 }
@@ -8309,7 +8349,7 @@ textarea.input {
   min-height: 80px;
   padding: 0.5rem 0.75rem;
   border-radius: var(--el-border-radius-base, 0.5rem);
-  border: 1px solid var(--daisy-base-content);
+  border: 1px solid var(--daisy-base-300);
   background-color: var(--daisy-base-100);
   font-size: var(--el-font-size-base, 14px);
   font-family: inherit;
@@ -8354,7 +8394,7 @@ textarea.input:disabled {
   align-items: center;
   padding: 0 0.75rem;
   background-color: var(--daisy-base-200);
-  border: 1px solid var(--daisy-base-content);
+  border: 1px solid var(--daisy-base-300);
   color: var(--daisy-base-content);
   font-size: var(--el-font-size-base, 14px);
 }
@@ -8415,7 +8455,7 @@ textarea.input:disabled {
   align-items: center;
   padding: 0 0.75rem;
   background-color: var(--daisy-base-200);
-  border: 1px solid var(--daisy-base-content);
+  border: 1px solid var(--daisy-base-300);
   color: var(--daisy-base-content);
   font-size: var(--el-font-size-base, 14px);
   border-radius: var(--el-border-radius-base, 0.5rem);
@@ -8434,7 +8474,8 @@ textarea.input:disabled {
   display: inline-flex;
   align-items: center;
   margin-left: 0.5rem;
-}/* ============================================
+}
+/* ============================================
    Element Plus Dialog - DaisyUI Style
    ============================================ */
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@macroui/macroui",
-  "version": "1.0.30",
+  "version": "1.0.31",
   "description": "Element Plus compatible component library with DaisyUI visual styling. 100% API compatible with Element Plus, featuring 85+ components and 67 languages.",
   "keywords": [
     "vue",