ct-component-plus 0.0.43 → 0.0.45

package/packages/components/checkbox/src/checkbox.vue

@@ -1,51 +1,51 @@
-<template>
-  <el-checkbox-group :class="[ns.b()]" v-model="showValue" ref="checkboxRef">
-    <el-checkbox
-      :class="[ns.e('item')]"
-      v-for="item in optionList"
-      :key="item.value"
-      :label="item.value"
-      :disabled="item.disabled">
-      <template #default>
-        <slot v-bind="item">
-          {{ item.label }}
-        </slot>
-      </template>
-    </el-checkbox>
-  </el-checkbox-group>
-</template>
-
-<script setup>
-import { computed, onMounted, ref } from "vue";
-import { useNamespace, useBuriedParams } from "../../../hooks";
-import { checkboxEmits, checkboxProps } from "./index";
-const props = defineProps(checkboxProps);
-const emit = defineEmits(checkboxEmits);
-
-const ns = useNamespace("checkbox");
-const checkboxRef = ref(null);
-const showValue = computed({
-  get() {
-    return props.modelValue;
-  },
-  set(newValue) {
-    emit("update:modelValue", newValue);
-  },
-});
-const optionList = computed(() => {
-  return props.options;
-});
-
-useBuriedParams(props, emit, {
-  getContent: (value) => {
-    const item = optionList.value.find((item) => item.value === value);
-    return item ? item.label : "";
-  },
-});
-
-defineExpose({
-  ref: checkboxRef,
-});
-onMounted(() => {});
-</script>
-<style lang="less"></style>
+<template>
+  <el-checkbox-group :class="[ns.b()]" v-model="showValue" ref="checkboxRef">
+    <el-checkbox
+      :class="[ns.e('item')]"
+      v-for="item in optionList"
+      :key="item.value"
+      :label="item.value"
+      :disabled="item.disabled">
+      <template #default>
+        <slot v-bind="item">
+          {{ item.label }}
+        </slot>
+      </template>
+    </el-checkbox>
+  </el-checkbox-group>
+</template>
+
+<script setup>
+import { computed, onMounted, ref } from "vue";
+import { useNamespace, useBuriedParams } from "../../../hooks";
+import { checkboxEmits, checkboxProps } from "./index";
+const props = defineProps(checkboxProps);
+const emit = defineEmits(checkboxEmits);
+
+const ns = useNamespace("checkbox");
+const checkboxRef = ref(null);
+const showValue = computed({
+  get() {
+    return props.modelValue;
+  },
+  set(newValue) {
+    emit("update:modelValue", newValue);
+  },
+});
+const optionList = computed(() => {
+  return props.options;
+});
+
+useBuriedParams(props, emit, {
+  getContent: (value) => {
+    const item = optionList.value.find((item) => item.value === value);
+    return item ? item.label : "";
+  },
+});
+
+defineExpose({
+  ref: checkboxRef,
+});
+onMounted(() => {});
+</script>
+<style lang="less"></style>

package/packages/components/checkbox/src/index.js

@@ -1,13 +1,13 @@
-import { buriedParamsKey, searchComponentProps } from '../../../hooks';
-
-export const checkboxEmits = ["update:modelValue", buriedParamsKey];
-export const checkboxProps = {
-  ...searchComponentProps,
-  modelValue: Array,
-  options: {
-    type: Array,
-    default() {
-      return []
-    }
-  }
+import { buriedParamsKey, searchComponentProps } from '../../../hooks';
+
+export const checkboxEmits = ["update:modelValue", buriedParamsKey];
+export const checkboxProps = {
+  ...searchComponentProps,
+  modelValue: Array,
+  options: {
+    type: Array,
+    default() {
+      return []
+    }
+  }
 }

package/packages/components/date-picker/index.js

@@ -1,9 +1,9 @@
-import CtDatePicker from './src/date-picker.vue';
-
-/* istanbul ignore next */
-CtDatePicker.install = function (Vue) {
-  // TODO 这里D组件名是这这里写死的，不是使用CtdatePicker.name的形式，因为setup里面不可以直接什么组件的name属性，故而这里没有这个属性，后续可以考虑使用defineOptions（需要安装unplugin-vue-macros插件）
-  Vue.component('CtDatePicker', CtDatePicker);
-};
-
+import CtDatePicker from './src/date-picker.vue';
+
+/* istanbul ignore next */
+CtDatePicker.install = function (Vue) {
+  // TODO 这里D组件名是这这里写死的，不是使用CtdatePicker.name的形式，因为setup里面不可以直接什么组件的name属性，故而这里没有这个属性，后续可以考虑使用defineOptions（需要安装unplugin-vue-macros插件）
+  Vue.component('CtDatePicker', CtDatePicker);
+};
+
 export default CtDatePicker;

package/packages/components/date-picker/src/clear-icon.vue

@@ -1,3 +1,3 @@
-<template>
-  <ct-icon name="close_line"></ct-icon>
+<template>
+  <ct-icon name="close_line"></ct-icon>
 </template>

package/packages/components/date-picker/src/date-icon.vue

@@ -1,3 +1,3 @@
-<template>
-  <ct-icon name="date_line"></ct-icon>
+<template>
+  <ct-icon name="date_line"></ct-icon>
 </template>

package/packages/components/date-picker/src/date-picker.vue

@@ -1,77 +1,77 @@
-<template>
-  <el-date-picker
-    :class="[ns.b()]"
-    v-model="showValue"
-    :value-format="valueFormat"
-    :range-separator="rangeSeparator"
-    :clear-icon="clearIcon"
-    :prefix-icon="prefixIcon"
-    :unlink-panels="unlinkPanels"
-    v-bind="rawAttr">
-    <template #default="cell">
-      <slot v-bind="cell"></slot>
-    </template>
-  </el-date-picker>
-</template>
-
-<script setup>
-import { computed, onMounted, useAttrs } from "vue";
-import { useNamespace, useBuriedParams } from "../../../hooks";
-import { isFunction, isArray } from "../../../utils";
-import { datePickerEmits, datePickerProps } from "./index";
-const props = defineProps(datePickerProps);
-const emit = defineEmits(datePickerEmits);
-const attr = useAttrs();
-const ns = useNamespace("date-picker");
-
-const showValue = computed({
-  get() {
-    return props.modelValue;
-  },
-  set(newValue) {
-    let val = newValue;
-    const defaultCount = 24 * 60 * 60 * 1000 - 1000;
-    const rawType = props.rawAttr?.type || attr.type;
-    try {
-      if (props.valueFormat === "x") {
-        if (isFunction(props.addTimestamp)) {
-          val = props.addTimestamp(val);
-        } else if (rawType?.includes && rawType.includes("time")) {
-          // 包含自己选时间的情况，不需要添加默认的时间戳
-        } else if (isArray(val)) {
-          if (isArray(props.addTimestamp)) {
-            val = val.map((item, index) => {
-              if (!item) return item;
-              return +props.addTimestamp[index] + item;
-            });
-          } else {
-            if (attr.type !== "dates") {
-              val[1] = val[1] ? val[1] + defaultCount : val[1];
-            } else {
-              val.forEach((item) => item + defaultCount);
-            }
-          }
-        } else if (val) {
-          val = val + (props.addTimestamp || defaultCount);
-        }
-      }
-    } catch (error) {
-      console.error(error);
-    }
-    emit("update:modelValue", val);
-  },
-});
-useBuriedParams(props, emit, {
-  getContent: (val) => {
-    if (!val) return "";
-    try {
-      return new Date(val).toLocaleString();
-    } catch (error) {
-      console.error(error);
-      return val;
-    }
-  },
-});
-onMounted(() => {});
-</script>
-<style lang="less"></style>
+<template>
+  <el-date-picker
+    :class="[ns.b()]"
+    v-model="showValue"
+    :value-format="valueFormat"
+    :range-separator="rangeSeparator"
+    :clear-icon="clearIcon"
+    :prefix-icon="prefixIcon"
+    :unlink-panels="unlinkPanels"
+    v-bind="rawAttr">
+    <template #default="cell">
+      <slot v-bind="cell"></slot>
+    </template>
+  </el-date-picker>
+</template>
+
+<script setup>
+import { computed, onMounted, useAttrs } from "vue";
+import { useNamespace, useBuriedParams } from "../../../hooks";
+import { isFunction, isArray } from "../../../utils";
+import { datePickerEmits, datePickerProps } from "./index";
+const props = defineProps(datePickerProps);
+const emit = defineEmits(datePickerEmits);
+const attr = useAttrs();
+const ns = useNamespace("date-picker");
+
+const showValue = computed({
+  get() {
+    return props.modelValue;
+  },
+  set(newValue) {
+    let val = newValue;
+    const defaultCount = 24 * 60 * 60 * 1000 - 1000;
+    const rawType = props.rawAttr?.type || attr.type;
+    try {
+      if (props.valueFormat === "x") {
+        if (isFunction(props.addTimestamp)) {
+          val = props.addTimestamp(val);
+        } else if (rawType?.includes && rawType.includes("time")) {
+          // 包含自己选时间的情况，不需要添加默认的时间戳
+        } else if (isArray(val)) {
+          if (isArray(props.addTimestamp)) {
+            val = val.map((item, index) => {
+              if (!item) return item;
+              return +props.addTimestamp[index] + item;
+            });
+          } else {
+            if (attr.type !== "dates") {
+              val[1] = val[1] ? val[1] + defaultCount : val[1];
+            } else {
+              val.forEach((item) => item + defaultCount);
+            }
+          }
+        } else if (val) {
+          val = val + (props.addTimestamp || defaultCount);
+        }
+      }
+    } catch (error) {
+      console.error(error);
+    }
+    emit("update:modelValue", val);
+  },
+});
+useBuriedParams(props, emit, {
+  getContent: (val) => {
+    if (!val) return "";
+    try {
+      return new Date(val).toLocaleString();
+    } catch (error) {
+      console.error(error);
+      return val;
+    }
+  },
+});
+onMounted(() => {});
+</script>
+<style lang="less"></style>

package/packages/components/date-picker/src/index.js

@@ -1,34 +1,34 @@
-import { buriedParamsKey, searchComponentProps } from '../../../hooks';
-import clearIcon from './clear-icon.vue';
-import dateIcon from './date-icon.vue';
-
-export const datePickerEmits = ["update:modelValue", buriedParamsKey];
-export const datePickerProps = {
-  ...searchComponentProps,
-  modelValue: [Date, Number, String, Array],
-  valueFormat: {
-    type: String,
-    default: 'x'
-  },
-  addTimestamp: [Number, String, Array, Function],
-  rangeSeparator: {
-    type: String,
-    default: '至',
-  },
-  clearIcon: {
-    type: [String, Object],
-    default() {
-      return clearIcon
-    }
-  },
-  prefixIcon: {
-    type: [String, Object],
-    default() {
-      return dateIcon
-    }
-  },
-  unlinkPanels: {
-    type: Boolean,
-    default: true
-  }
+import { buriedParamsKey, searchComponentProps } from '../../../hooks';
+import clearIcon from './clear-icon.vue';
+import dateIcon from './date-icon.vue';
+
+export const datePickerEmits = ["update:modelValue", buriedParamsKey];
+export const datePickerProps = {
+  ...searchComponentProps,
+  modelValue: [Date, Number, String, Array],
+  valueFormat: {
+    type: String,
+    default: 'x'
+  },
+  addTimestamp: [Number, String, Array, Function],
+  rangeSeparator: {
+    type: String,
+    default: '至',
+  },
+  clearIcon: {
+    type: [String, Object],
+    default() {
+      return clearIcon
+    }
+  },
+  prefixIcon: {
+    type: [String, Object],
+    default() {
+      return dateIcon
+    }
+  },
+  unlinkPanels: {
+    type: Boolean,
+    default: true
+  }
 }

package/packages/components/dialog/index.js

@@ -1,9 +1,9 @@
-import CtDialog from './src/dialog.vue';
-
-/* istanbul ignore next */
-CtDialog.install = function (Vue) {
-  // TODO 这里的组件名是这这里写死的，不是使用CtButton.name的形式，因为setup里面不可以直接什么组件的name属性，故而这里没有这个属性，后续可以考虑使用defineOptions（需要安装unplugin-vue-macros插件）
-  Vue.component('CtDialog', CtDialog);
-};
-
+import CtDialog from './src/dialog.vue';
+
+/* istanbul ignore next */
+CtDialog.install = function (Vue) {
+  // TODO 这里的组件名是这这里写死的，不是使用CtButton.name的形式，因为setup里面不可以直接什么组件的name属性，故而这里没有这个属性，后续可以考虑使用defineOptions（需要安装unplugin-vue-macros插件）
+  Vue.component('CtDialog', CtDialog);
+};
+
 export default CtDialog;

package/packages/components/dialog/src/dialog.vue

@@ -1,104 +1,104 @@
-<template>
-  <el-dialog
-    :class="[ns.b()]"
-    v-model="dialogVisible"
-    :title="title"
-    :width="width"
-    :show-close="false"
-    v-bind="$attrs"
-  >
-    <template #header="{ close, titleId, titleClass }">
-      <div :id="titleId" :class="[titleClass, ns.e('title')]">{{ title }}</div>
-      <ct-icon
-        :class="ns.e('close-btn')"
-        name="close_line"
-        size="16"
-        color="#d9dee7"
-        @click="close"
-      ></ct-icon>
-    </template>
-    <slot></slot>
-    <template #footer>
-      <div :class="ns.e('footer')" v-if="!hasFooter">
-        <ct-button @click="handleConfirm">确定</ct-button>
-      </div>
-      <slot name="footer" v-else></slot>
-    </template>
-  </el-dialog>
-</template>
-
-<script setup>
-import { ref, reactive, onMounted, computed } from "vue";
-import { useNamespace } from "../../../hooks";
-const ns = useNamespace("dialog");
-
-const props = defineProps({
-  modelValue: {
-    type: Boolean,
-    required: true,
-  },
-  title: {
-    type: String,
-  },
-  width: {
-    type: [String, Number],
-    default: 480,
-  },
-  hasFooter: {
-    type: Boolean,
-    default: false,
-  },
-});
-const emit = defineEmits(["update:modelValue", "handleConfirm"]);
-
-const dialogVisible = computed({
-  get() {
-    return props.modelValue;
-  },
-  set(val) {
-    emit("update:modelValue", val);
-  },
-});
-
-const handleConfirm = () => {
-  emit("handleConfirm");
-  dialogVisible.value = false;
-};
-</script>
-
-<style lang='less'>
-.el-dialog.ct-dialog {
-  @R: .el-dialog;
-  @{R}__header {
-    padding: 26px 40px !important;
-    margin-right: 0 !important;
-    position: relative;
-  }
-  @{R}__title {
-    display: flex;
-    align-items: center;
-    &::before {
-      content: "";
-      width: 8px;
-      height: 8px;
-      border-radius: var(--ct-border-radius-s);
-      margin-right: 12px;
-      background: var(--ct-color-primary);
-    }
-  }
-  .ct-dialog__close-btn {
-    position: absolute;
-    top: 20px;
-    right: 20px;
-    cursor: pointer;
-  }
-  @{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"
+    v-bind="$attrs"
+  >
+    <template #header="{ close, titleId, titleClass }">
+      <div :id="titleId" :class="[titleClass, ns.e('title')]">{{ title }}</div>
+      <ct-icon
+        :class="ns.e('close-btn')"
+        name="close_line"
+        size="16"
+        color="#d9dee7"
+        @click="close"
+      ></ct-icon>
+    </template>
+    <slot></slot>
+    <template #footer>
+      <div :class="ns.e('footer')" v-if="!hasFooter">
+        <ct-button @click="handleConfirm">确定</ct-button>
+      </div>
+      <slot name="footer" v-else></slot>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup>
+import { ref, reactive, onMounted, computed } from "vue";
+import { useNamespace } from "../../../hooks";
+const ns = useNamespace("dialog");
+
+const props = defineProps({
+  modelValue: {
+    type: Boolean,
+    required: true,
+  },
+  title: {
+    type: String,
+  },
+  width: {
+    type: [String, Number],
+    default: 480,
+  },
+  hasFooter: {
+    type: Boolean,
+    default: false,
+  },
+});
+const emit = defineEmits(["update:modelValue", "handleConfirm"]);
+
+const dialogVisible = computed({
+  get() {
+    return props.modelValue;
+  },
+  set(val) {
+    emit("update:modelValue", val);
+  },
+});
+
+const handleConfirm = () => {
+  emit("handleConfirm");
+  dialogVisible.value = false;
+};
+</script>
+
+<style lang='less'>
+.el-dialog.ct-dialog {
+  @R: .el-dialog;
+  @{R}__header {
+    padding: 26px 40px !important;
+    margin-right: 0 !important;
+    position: relative;
+  }
+  @{R}__title {
+    display: flex;
+    align-items: center;
+    &::before {
+      content: "";
+      width: 8px;
+      height: 8px;
+      border-radius: var(--ct-border-radius-s);
+      margin-right: 12px;
+      background: var(--ct-color-primary);
+    }
+  }
+  .ct-dialog__close-btn {
+    position: absolute;
+    top: 20px;
+    right: 20px;
+    cursor: pointer;
+  }
+  @{R}__body {
+    padding: 0 40px 32px !important;
+    font-size: 15px;
+    line-height: 28px;
+  }
+  @{R}__footer {
+    padding: 0 40px 32px !important;
+  }
+}
 </style>

package/packages/components/empty/index.js

@@ -1,9 +1,9 @@
-import CtEmpty from './src/empty.vue';
-
-/* istanbul ignore next */
-CtEmpty.install = function (Vue) {
-  // TODO 这里的组件名是这这里写死的，不是使用CtButton.name的形式，因为setup里面不可以直接什么组件的name属性，故而这里没有这个属性，后续可以考虑使用defineOptions（需要安装unplugin-vue-macros插件）
-  Vue.component('CtEmpty', CtEmpty);
-};
-
+import CtEmpty from './src/empty.vue';
+
+/* istanbul ignore next */
+CtEmpty.install = function (Vue) {
+  // TODO 这里的组件名是这这里写死的，不是使用CtButton.name的形式，因为setup里面不可以直接什么组件的name属性，故而这里没有这个属性，后续可以考虑使用defineOptions（需要安装unplugin-vue-macros插件）
+  Vue.component('CtEmpty', CtEmpty);
+};
+
 export default CtEmpty;