ct-component-plus 0.0.43 → 0.0.44

package/packages/components/message/src/method.js

@@ -1,55 +1,55 @@
-import { ElMessage } from "element-plus";
-import SuccessIcon from "../icon/SuccessIcon.vue";
-import InfoIcon from "../icon/InfoIcon.vue";
-import WarningIcon from "../icon/WarningIcon.vue";
-import ErrorIcon from "../icon/ErrorIcon.vue";
-const success = (message, option) => {
-  ElMessage({
-    type: 'success',
-    customClass: 'ct-message--success',
-    message: message,
-    duration: 3000,
-    showClose: true,
-    icon: SuccessIcon,
-    ...option
-  })
-}
-const info = (message, option) => {
-  ElMessage({
-    type: 'info',
-    customClass: 'ct-message--info',
-    message: message,
-    duration: 3000,
-    showClose: true,
-    icon: InfoIcon,
-    ...option
-  })
-}
-const warning = (message, option) => {
-  ElMessage({
-    type: 'warning',
-    customClass: 'ct-message--warning',
-    message: message,
-    duration: 3000,
-    showClose: true,
-    icon: WarningIcon,
-    ...option
-  })
-}
-const error = (message, option) => {
-  ElMessage({
-    type: 'error',
-    customClass: 'ct-message--error',
-    message: message,
-    duration: 3000,
-    showClose: true,
-    icon: ErrorIcon,
-    ...option
-  })
-}
-export default {
-  success,
-  info,
-  warning,
-  error
+import { ElMessage } from "element-plus";
+import SuccessIcon from "../icon/SuccessIcon.vue";
+import InfoIcon from "../icon/InfoIcon.vue";
+import WarningIcon from "../icon/WarningIcon.vue";
+import ErrorIcon from "../icon/ErrorIcon.vue";
+const success = (message, option) => {
+  ElMessage({
+    type: 'success',
+    customClass: 'ct-message--success',
+    message: message,
+    duration: 3000,
+    showClose: true,
+    icon: SuccessIcon,
+    ...option
+  })
+}
+const info = (message, option) => {
+  ElMessage({
+    type: 'info',
+    customClass: 'ct-message--info',
+    message: message,
+    duration: 3000,
+    showClose: true,
+    icon: InfoIcon,
+    ...option
+  })
+}
+const warning = (message, option) => {
+  ElMessage({
+    type: 'warning',
+    customClass: 'ct-message--warning',
+    message: message,
+    duration: 3000,
+    showClose: true,
+    icon: WarningIcon,
+    ...option
+  })
+}
+const error = (message, option) => {
+  ElMessage({
+    type: 'error',
+    customClass: 'ct-message--error',
+    message: message,
+    duration: 3000,
+    showClose: true,
+    icon: ErrorIcon,
+    ...option
+  })
+}
+export default {
+  success,
+  info,
+  warning,
+  error
 }

package/packages/components/message-box/index.js

@@ -1,8 +1,8 @@
-import CtMessageBox from './src/message-box.vue';
-
-/* istanbul ignore next */
-CtMessageBox.install = function (Vue) {
-  Vue.component('CtMessageBox', CtMessageBox);
-};
-
+import CtMessageBox from './src/message-box.vue';
+
+/* istanbul ignore next */
+CtMessageBox.install = function (Vue) {
+  Vue.component('CtMessageBox', CtMessageBox);
+};
+
 export default CtMessageBox;

package/packages/components/message-box/src/message-box.vue

@@ -1,108 +1,108 @@
-<template>
-  <el-dialog
-    :class="[ns.b()]"
-    v-model="dialogVisible"
-    :title="title"
-    :width="width"
-    :show-close="false"
-    :close-on-click-modal="false"
-    :close-on-press-escape="false"
-    append-to-body
-  >
-    <template #header="{ titleId, titleClass }">
-      <div :id="titleId" :class="[titleClass, ns.e('title')]">
-        <ct-icon
-          name="tip_solid"
-          :color="iconColor"
-          size="26"
-          :style="{ color: iconColor }"
-        ></ct-icon>
-        {{ title }}
-      </div>
-    </template>
-    <slot></slot>
-    <template #footer>
-      <el-button :type="buttonType" @click="handleConfirm">确定</el-button>
-    </template>
-  </el-dialog>
-</template>
-
-<script setup>
-import { ref, reactive, onMounted, computed } from "vue";
-import { useNamespace } from "../../../hooks";
-const ns = useNamespace("message-box");
-
-const props = defineProps({
-  modelValue: {
-    type: Boolean,
-    required: true,
-  },
-  title: {
-    type: String,
-    default: "登录异常通知",
-  },
-  width: {
-    type: [String, Number],
-    default: 480,
-  },
-  type: {
-    type: String,
-    default: "info",
-  },
-});
-const emit = defineEmits(["update:modelValue", "handleConfirm"]);
-
-const dialogVisible = computed({
-  get() {
-    return props.modelValue;
-  },
-  set(val) {
-    emit("update:modelValue", val);
-  },
-});
-const buttonType = computed(() => {
-  return props.type == "info"
-    ? "primary"
-    : props.type == "error"
-    ? "danger"
-    : "warning";
-});
-const iconColor = computed(() => {
-  return props.type == "info"
-    ? "#4D64FF"
-    : props.type == "error"
-    ? "#FF4D4D"
-    : "#FFAD2C";
-});
-const handleConfirm = () => {
-  emit("handleConfirm");
-};
-</script>
-
-<style lang='less'>
-.el-dialog.ct-message-box{
-  border-radius: var(--ct-border-radius-l);
-  @R: .el-dialog;
-  @{R}__header {
-    padding: 24px 40px !important;
-    margin-right: 0 !important;
-    position: relative;
-  }
-  @{R}__title{
-    display: flex;
-    align-items: center;
-    line-height: 26px;
-    .ct-icon{
-      margin-right: 14px;
-    }
-  }
-  @{R}__body {
-    padding: 0 40px 32px !important;
-    font-size: 15px;
-    line-height: 28px;
-  }
-  @{R}__footer {
-    padding: 0 40px 32px !important;
-  }
-}
+<template>
+  <el-dialog
+    :class="[ns.b()]"
+    v-model="dialogVisible"
+    :title="title"
+    :width="width"
+    :show-close="false"
+    :close-on-click-modal="false"
+    :close-on-press-escape="false"
+    append-to-body
+  >
+    <template #header="{ titleId, titleClass }">
+      <div :id="titleId" :class="[titleClass, ns.e('title')]">
+        <ct-icon
+          name="tip_solid"
+          :color="iconColor"
+          size="26"
+          :style="{ color: iconColor }"
+        ></ct-icon>
+        {{ title }}
+      </div>
+    </template>
+    <slot></slot>
+    <template #footer>
+      <el-button :type="buttonType" @click="handleConfirm">确定</el-button>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup>
+import { ref, reactive, onMounted, computed } from "vue";
+import { useNamespace } from "../../../hooks";
+const ns = useNamespace("message-box");
+
+const props = defineProps({
+  modelValue: {
+    type: Boolean,
+    required: true,
+  },
+  title: {
+    type: String,
+    default: "登录异常通知",
+  },
+  width: {
+    type: [String, Number],
+    default: 480,
+  },
+  type: {
+    type: String,
+    default: "info",
+  },
+});
+const emit = defineEmits(["update:modelValue", "handleConfirm"]);
+
+const dialogVisible = computed({
+  get() {
+    return props.modelValue;
+  },
+  set(val) {
+    emit("update:modelValue", val);
+  },
+});
+const buttonType = computed(() => {
+  return props.type == "info"
+    ? "primary"
+    : props.type == "error"
+    ? "danger"
+    : "warning";
+});
+const iconColor = computed(() => {
+  return props.type == "info"
+    ? "#4D64FF"
+    : props.type == "error"
+    ? "#FF4D4D"
+    : "#FFAD2C";
+});
+const handleConfirm = () => {
+  emit("handleConfirm");
+};
+</script>
+
+<style lang='less'>
+.el-dialog.ct-message-box{
+  border-radius: var(--ct-border-radius-l);
+  @R: .el-dialog;
+  @{R}__header {
+    padding: 24px 40px !important;
+    margin-right: 0 !important;
+    position: relative;
+  }
+  @{R}__title{
+    display: flex;
+    align-items: center;
+    line-height: 26px;
+    .ct-icon{
+      margin-right: 14px;
+    }
+  }
+  @{R}__body {
+    padding: 0 40px 32px !important;
+    font-size: 15px;
+    line-height: 28px;
+  }
+  @{R}__footer {
+    padding: 0 40px 32px !important;
+  }
+}
 </style>

package/packages/components/page/index.js

@@ -1,8 +1,8 @@
-import CtPage from './src/page.vue';
-
-/* istanbul ignore next */
-CtPage.install = function (Vue) {
-  Vue.component('CtPage', CtPage);
-};
-
+import CtPage from './src/page.vue';
+
+/* istanbul ignore next */
+CtPage.install = function (Vue) {
+  Vue.component('CtPage', CtPage);
+};
+
 export default CtPage;

package/packages/components/page/src/modules/DownloadButton.vue

@@ -1,22 +1,22 @@
-<template>
-  <div type="border" class="download-button" @click="download">
-    <ct-icon name="download2_line"></ct-icon>
-    <span>下载</span>
-  </div>
-</template>
-
-<script setup>
-import { inject, unref } from "vue";
-const downloadLoading = inject("downloadLoading", false);
-const emit = defineEmits(["download"]);
-const download = () => {
-  if (unref(downloadLoading)) return;
-  emit("download");
-};
-</script>
-<style lang='less' scoped>
-.download-button {
-  display: inline-flex;
-  align-items: center;
-}
+<template>
+  <div type="border" class="download-button" @click="download">
+    <ct-icon name="download2_line"></ct-icon>
+    <span>下载</span>
+  </div>
+</template>
+
+<script setup>
+import { inject, unref } from "vue";
+const downloadLoading = inject("downloadLoading", false);
+const emit = defineEmits(["download"]);
+const download = () => {
+  if (unref(downloadLoading)) return;
+  emit("download");
+};
+</script>
+<style lang='less' scoped>
+.download-button {
+  display: inline-flex;
+  align-items: center;
+}
 </style>