@mc-markets/ui 1.0.86 → 1.0.90

package/packages/components/RadioGroup/RadioGroup.vue

@@ -1,155 +1,155 @@
-<template>
-  <el-radio-group v-bind="mergedAttrs" :popper-class="computedPopperClass" class="m-radio-group">
-    <template v-for="(_, name) in $slots" :key="name" #[name]>
-      <slot :name="name" />
-    </template>
-  </el-radio-group>
-</template>
-
-<script setup>
-import { computed, useAttrs } from 'vue'
-
-defineOptions({
-  name: 'MRadioGroup'
-})
-
-// 定义props
-const props = defineProps({
-  popperClass: {
-    type: String,
-    default: ''
-  }
-})
-
-// 获取attrs
-const attrs = useAttrs()
-
-// 计算popper-class，合并默认类名和外部传入的类名
-const computedPopperClass = computed(() => {
-  const defaultPopperClass = 'mc-radio-group-popper'
-  
-  if (attrs.popperClass) {
-    return `${defaultPopperClass} ${attrs.popperClass}`.trim()
-  }
-  
-  return defaultPopperClass
-})
-
-// 合并其他属性（排除popperClass）
-const mergedAttrs = computed(() => {
-  const { popperClass, ...otherAttrs } = attrs
-  return otherAttrs
-})
-</script>
-
-<style lang="scss">
-// RadioGroup popper-class 样式
-.mc-radio-group-popper {
-  // 自定义单选框组样式可以在这里添加
-}
-
-// 自定义主题示例
-.mc-radio-group-custom {
-  .el-radio {
-    .el-radio__input {
-      .el-radio__inner {
-        background: linear-gradient(45deg, #667eea, #764ba2);
-        border-color: #667eea;
-        
-        &:hover {
-          background: linear-gradient(45deg, #5a6fd8, #6a4190);
-          border-color: #5a6fd8;
-        }
-      }
-      
-      &.is-checked .el-radio__inner {
-        background: linear-gradient(45deg, #4c63d2, #5d3a7e);
-        border-color: #4c63d2;
-      }
-    }
-    
-    .el-radio__label {
-      color: #667eea;
-      font-weight: 500;
-    }
-  }
-}
-
-.mc-radio-group-success {
-  .el-radio {
-    .el-radio__input {
-      .el-radio__inner {
-        background-color: #67c23a;
-        border-color: #67c23a;
-        
-        &:hover {
-          background-color: #5daf34;
-          border-color: #5daf34;
-        }
-      }
-      
-      &.is-checked .el-radio__inner {
-        background-color: #529b2e;
-        border-color: #529b2e;
-      }
-    }
-    
-    .el-radio__label {
-      color: #67c23a;
-      font-weight: 500;
-    }
-  }
-}
-
-.mc-radio-group-warning {
-  .el-radio {
-    .el-radio__input {
-      .el-radio__inner {
-        background-color: #e6a23c;
-        border-color: #e6a23c;
-        
-        &:hover {
-          background-color: #d4922b;
-          border-color: #d4922b;
-        }
-      }
-      
-      &.is-checked .el-radio__inner {
-        background-color: #c8951f;
-        border-color: #c8951f;
-      }
-    }
-    
-    .el-radio__label {
-      color: #e6a23c;
-      font-weight: 500;
-    }
-  }
-}
-
-.mc-radio-group-danger {
-  .el-radio {
-    .el-radio__input {
-      .el-radio__inner {
-        background-color: #f56c6c;
-        border-color: #f56c6c;
-        
-        &:hover {
-          background-color: #f45454;
-          border-color: #f45454;
-        }
-      }
-      
-      &.is-checked .el-radio__inner {
-        background-color: #f24545;
-        border-color: #f24545;
-      }
-    }
-    
-    .el-radio__label {
-      color: #f56c6c;
-      font-weight: 500;
-    }
-  }
-}
-</style>
+<template>
+  <el-radio-group v-bind="mergedAttrs" :popper-class="computedPopperClass" class="m-radio-group">
+    <template v-for="(_, name) in $slots" :key="name" #[name]>
+      <slot :name="name" />
+    </template>
+  </el-radio-group>
+</template>
+
+<script setup>
+import { computed, useAttrs } from 'vue'
+
+defineOptions({
+  name: 'MRadioGroup'
+})
+
+// 定义props
+const props = defineProps({
+  popperClass: {
+    type: String,
+    default: ''
+  }
+})
+
+// 获取attrs
+const attrs = useAttrs()
+
+// 计算popper-class，合并默认类名和外部传入的类名
+const computedPopperClass = computed(() => {
+  const defaultPopperClass = 'mc-radio-group-popper'
+  
+  if (attrs.popperClass) {
+    return `${defaultPopperClass} ${attrs.popperClass}`.trim()
+  }
+  
+  return defaultPopperClass
+})
+
+// 合并其他属性（排除popperClass）
+const mergedAttrs = computed(() => {
+  const { popperClass, ...otherAttrs } = attrs
+  return otherAttrs
+})
+</script>
+
+<style lang="scss">
+// RadioGroup popper-class 样式
+.mc-radio-group-popper {
+  // 自定义单选框组样式可以在这里添加
+}
+
+// 自定义主题示例
+.mc-radio-group-custom {
+  .el-radio {
+    .el-radio__input {
+      .el-radio__inner {
+        background: linear-gradient(45deg, #667eea, #764ba2);
+        border-color: #667eea;
+        
+        &:hover {
+          background: linear-gradient(45deg, #5a6fd8, #6a4190);
+          border-color: #5a6fd8;
+        }
+      }
+      
+      &.is-checked .el-radio__inner {
+        background: linear-gradient(45deg, #4c63d2, #5d3a7e);
+        border-color: #4c63d2;
+      }
+    }
+    
+    .el-radio__label {
+      color: #667eea;
+      font-weight: 500;
+    }
+  }
+}
+
+.mc-radio-group-success {
+  .el-radio {
+    .el-radio__input {
+      .el-radio__inner {
+        background-color: #67c23a;
+        border-color: #67c23a;
+        
+        &:hover {
+          background-color: #5daf34;
+          border-color: #5daf34;
+        }
+      }
+      
+      &.is-checked .el-radio__inner {
+        background-color: #529b2e;
+        border-color: #529b2e;
+      }
+    }
+    
+    .el-radio__label {
+      color: #67c23a;
+      font-weight: 500;
+    }
+  }
+}
+
+.mc-radio-group-warning {
+  .el-radio {
+    .el-radio__input {
+      .el-radio__inner {
+        background-color: #e6a23c;
+        border-color: #e6a23c;
+        
+        &:hover {
+          background-color: #d4922b;
+          border-color: #d4922b;
+        }
+      }
+      
+      &.is-checked .el-radio__inner {
+        background-color: #c8951f;
+        border-color: #c8951f;
+      }
+    }
+    
+    .el-radio__label {
+      color: #e6a23c;
+      font-weight: 500;
+    }
+  }
+}
+
+.mc-radio-group-danger {
+  .el-radio {
+    .el-radio__input {
+      .el-radio__inner {
+        background-color: #f56c6c;
+        border-color: #f56c6c;
+        
+        &:hover {
+          background-color: #f45454;
+          border-color: #f45454;
+        }
+      }
+      
+      &.is-checked .el-radio__inner {
+        background-color: #f24545;
+        border-color: #f24545;
+      }
+    }
+    
+    .el-radio__label {
+      color: #f56c6c;
+      font-weight: 500;
+    }
+  }
+}
+</style>

package/packages/components/Select/Select.vue

@@ -1,22 +1,22 @@
-<template>
-  <el-select
-    class="m-select"
-    :class="{ solid: $attrs.styleType === 'solid' }"
-    :show-arrow="false"
-    v-bind="$attrs"
-  >
-    <template v-for="(_, name) in $slots" :key="name" #[name]>
-      <slot :name="name" />
-    </template>
-  </el-select>
-</template>
-
-<script setup>
-defineOptions({
-  name: "MSelect",
-});
-</script>
-
-<style lang="scss" scoped>
-
-</style>
+<template>
+  <el-select
+    class="m-select"
+    :class="{ solid: $attrs.styleType === 'solid' }"
+    :show-arrow="false"
+    v-bind="$attrs"
+  >
+    <template v-for="(_, name) in $slots" :key="name" #[name]>
+      <slot :name="name" />
+    </template>
+  </el-select>
+</template>
+
+<script setup>
+defineOptions({
+  name: "MSelect",
+});
+</script>
+
+<style lang="scss" scoped>
+
+</style>

package/packages/components/Switch/Switch.vue

@@ -1,47 +1,47 @@
-<template>
-  <el-switch v-bind="mergedAttrs" :popper-class="popperClass" class="m-switch">
-    <template v-for="(_, name) in $slots" :key="name" #[name]>
-      <slot :name="name" />
-    </template>
-  </el-switch>
-</template>
-
-<script setup>
-import { useClassName } from "@packages/hooks/useClassName.js";
-
-defineOptions({
-  name: "MSwitch",
-});
-
-// 定义props
-const props = defineProps({
-  popperClass: {
-    type: String,
-    default: "",
-  },
-});
-
-// 使用类名 Hook
-const { mergedAttrs, className: popperClass } =
-  useClassName("mc-switch-popper");
-</script>
-
-<style lang="scss">
-.m-switch {
-  &.is-checked {
-    .el-switch__action {
-      background-color: var(--all-gray-10);
-    }
-  }
-  
-  &:not(.is-checked) {
-    .el-switch__core {
-      background-color: var(--all-gray-5);
-      border-color: var(--all-gray-5);
-      .el-switch__action {
-        background-color: var(--all-gray-1);
-      }
-    }
-  }
-}
-</style>
+<template>
+  <el-switch v-bind="mergedAttrs" :popper-class="popperClass" class="m-switch">
+    <template v-for="(_, name) in $slots" :key="name" #[name]>
+      <slot :name="name" />
+    </template>
+  </el-switch>
+</template>
+
+<script setup>
+import { useClassName } from "@packages/hooks/useClassName.js";
+
+defineOptions({
+  name: "MSwitch",
+});
+
+// 定义props
+const props = defineProps({
+  popperClass: {
+    type: String,
+    default: "",
+  },
+});
+
+// 使用类名 Hook
+const { mergedAttrs, className: popperClass } =
+  useClassName("mc-switch-popper");
+</script>
+
+<style lang="scss">
+.m-switch {
+  &.is-checked {
+    .el-switch__action {
+      background-color: var(--all-gray-10);
+    }
+  }
+  
+  &:not(.is-checked) {
+    .el-switch__core {
+      background-color: var(--all-gray-5);
+      border-color: var(--all-gray-5);
+      .el-switch__action {
+        background-color: var(--all-gray-1);
+      }
+    }
+  }
+}
+</style>