ct-component-plus 0.0.43 → 0.0.45

package/packages/echarts/line/index.js

@@ -1,107 +1,107 @@
-import { baseOption } from "../base";
-export const baseLineOption = {
-  color: [
-    'rgba(77, 100, 255, 1)',
-    "rgba(255, 173, 44, 1)",
-    "rgba(30, 183, 173, 1)",
-    "rgba(255, 146, 24, 1)",
-    "rgba(66, 166, 255, 1)",
-    "rgba(136, 206, 119, 1)",
-  ],
-  axisPointer: {
-    lineStyle: {
-      color: "#D8DEE8",
-    },
-  },
-  ...baseOption,
-  series: [],
-}
-
-export const seriesItem = {
-  name: "",
-  type: "line",
-  symbol: "circle",
-  // showSymbol: false,
-  symbolSize: 6,
-  lineStyle: {
-    width: 3,
-  },
-  itemStyle: {
-    borderColor: "#fff",
-    borderWidth: 2,
-    shadowColor: "rgba(72, 80, 119, 0.12)",
-    shadowBlur: 4,
-    shadowOffsetX: 0,
-    shadowOffsetY: 2,
-  },
-  emphasis: {
-    scale: 1.33,
-    itemStyle: {
-      borderColor: "#fff",
-      borderWidth: 2.25,
-      shadowColor: "rgba(72,80,119,0.22)",
-      shadowBlur: 8,
-      shadowOffsetX: 0,
-      shadowOffsetY: 2,
-    },
-  },
-  data: [],
-}
-
-export const areaSeriesItem = {
-  name: "",
-  type: "line",
-  symbol: "circle",
-  showSymbol: true,
-  symbolSize: 6,
-  lineStyle: {
-    width: 3,
-  },
-  label: {
-    show: false
-  },
-  areaStyle: {
-    color: {
-      type: "linear",
-      x: 0,
-      y: 0,
-      x2: 0,
-      y2: 1,
-      colorStops: [
-        {
-          offset: 0,
-          color: "rgba(77, 100, 255, 0.22)", // 0% 处的颜色 
-        },
-        {
-          offset: 1,
-          color: "rgba(77, 100, 255, 0)", // 100% 处的颜色
-        },
-      ],
-      global: false, // 缺省为 false
-    },
-    origin: "start",
-  },
-  itemStyle: {
-    borderColor: "#fff",
-    borderWidth: 2,
-    shadowColor: "rgba(72, 80, 119, 0.22)",
-    shadowBlur: 4,
-    shadowOffsetX: 0,
-    shadowOffsetY: 2,
-  },
-  emphasis: {
-    scale: 1.33,
-    label: {
-      show: false
-    },
-    itemStyle: {
-      borderColor: "#fff",
-      borderWidth: 2.25,
-      shadowColor: "rgba(72,80,119,0.22)",
-      shadowBlur: 8,
-      shadowOffsetX: 0,
-      shadowOffsetY: 2,
-    },
-  },
-  data: [],
+import { baseOption } from "../base";
+export const baseLineOption = {
+  color: [
+    'rgba(77, 100, 255, 1)',
+    "rgba(255, 173, 44, 1)",
+    "rgba(30, 183, 173, 1)",
+    "rgba(255, 146, 24, 1)",
+    "rgba(66, 166, 255, 1)",
+    "rgba(136, 206, 119, 1)",
+  ],
+  axisPointer: {
+    lineStyle: {
+      color: "#D8DEE8",
+    },
+  },
+  ...baseOption,
+  series: [],
+}
+
+export const seriesItem = {
+  name: "",
+  type: "line",
+  symbol: "circle",
+  // showSymbol: false,
+  symbolSize: 6,
+  lineStyle: {
+    width: 3,
+  },
+  itemStyle: {
+    borderColor: "#fff",
+    borderWidth: 2,
+    shadowColor: "rgba(72, 80, 119, 0.12)",
+    shadowBlur: 4,
+    shadowOffsetX: 0,
+    shadowOffsetY: 2,
+  },
+  emphasis: {
+    scale: 1.33,
+    itemStyle: {
+      borderColor: "#fff",
+      borderWidth: 2.25,
+      shadowColor: "rgba(72,80,119,0.22)",
+      shadowBlur: 8,
+      shadowOffsetX: 0,
+      shadowOffsetY: 2,
+    },
+  },
+  data: [],
+}
+
+export const areaSeriesItem = {
+  name: "",
+  type: "line",
+  symbol: "circle",
+  showSymbol: true,
+  symbolSize: 6,
+  lineStyle: {
+    width: 3,
+  },
+  label: {
+    show: false
+  },
+  areaStyle: {
+    color: {
+      type: "linear",
+      x: 0,
+      y: 0,
+      x2: 0,
+      y2: 1,
+      colorStops: [
+        {
+          offset: 0,
+          color: "rgba(77, 100, 255, 0.22)", // 0% 处的颜色 
+        },
+        {
+          offset: 1,
+          color: "rgba(77, 100, 255, 0)", // 100% 处的颜色
+        },
+      ],
+      global: false, // 缺省为 false
+    },
+    origin: "start",
+  },
+  itemStyle: {
+    borderColor: "#fff",
+    borderWidth: 2,
+    shadowColor: "rgba(72, 80, 119, 0.22)",
+    shadowBlur: 4,
+    shadowOffsetX: 0,
+    shadowOffsetY: 2,
+  },
+  emphasis: {
+    scale: 1.33,
+    label: {
+      show: false
+    },
+    itemStyle: {
+      borderColor: "#fff",
+      borderWidth: 2.25,
+      shadowColor: "rgba(72,80,119,0.22)",
+      shadowBlur: 8,
+      shadowOffsetX: 0,
+      shadowOffsetY: 2,
+    },
+  },
+  data: [],
 }

package/packages/hooks/index.js

@@ -1,6 +1,6 @@
-
-export * from './use-namespace'
-export * from './use-buried'
-export * from './use-search-component'
-export * from './use-checked-all'
+
+export * from './use-namespace'
+export * from './use-buried'
+export * from './use-search-component'
+export * from './use-checked-all'
 export * from "./use-echarts"

package/packages/hooks/use-buried/index.js

@@ -1,47 +1,47 @@
-
-export const buriedParamsKey = 'changeBuriedParams'
-import { isFunction, isObject } from '../../utils';
-import { watch } from 'vue';
-export const useBuriedParams = (props, emitApp, options) => {
-  const emitKey = buriedParamsKey;
-  const { label, param } = (props || {});
-
-  const get = (content) => {
-    const params = {
-      label,
-      value: param,
-      content
-    }
-    if (options && isFunction(options.getContent)) {
-      params.content = options.getContent(params.content)
-    }
-    return params
-  }
-  const emit = (content) => {
-    if (isFunction(emitApp)) {
-      const params = get(content);
-      if (params.label) {
-        emitApp(emitKey, params)
-      }
-    }
-  }
-
-  const _emitBuriedParams = () => {
-    // 发送埋点数据
-    props.buried && emit(props.modelValue);
-  };
-  watch(
-    () => props.modelValue,
-    (newValue) => {
-      _emitBuriedParams();
-    },
-    {
-      immediate: true,
-    }
-  );
-  return {
-    get,
-    emit,
-    emitKey,
-  }
+
+export const buriedParamsKey = 'changeBuriedParams'
+import { isFunction, isObject } from '../../utils';
+import { watch } from 'vue';
+export const useBuriedParams = (props, emitApp, options) => {
+  const emitKey = buriedParamsKey;
+  const { label, param } = (props || {});
+
+  const get = (content) => {
+    const params = {
+      label,
+      value: param,
+      content
+    }
+    if (options && isFunction(options.getContent)) {
+      params.content = options.getContent(params.content)
+    }
+    return params
+  }
+  const emit = (content) => {
+    if (isFunction(emitApp)) {
+      const params = get(content);
+      if (params.label) {
+        emitApp(emitKey, params)
+      }
+    }
+  }
+
+  const _emitBuriedParams = () => {
+    // 发送埋点数据
+    props.buried && emit(props.modelValue);
+  };
+  watch(
+    () => props.modelValue,
+    (newValue) => {
+      _emitBuriedParams();
+    },
+    {
+      immediate: true,
+    }
+  );
+  return {
+    get,
+    emit,
+    emitKey,
+  }
 }

package/packages/hooks/use-checked-all/index.js

@@ -1,38 +1,38 @@
-import { computed } from "vue"
-import { isArray, isObject } from '../../utils';
-
-export const useCheckedAll = (list, selects, options = {}) => {
-  const { key = 'value', onCheckedAll } = (isObject(options) ? options : {})
-  const listKeys = computed(() => {
-    if (isArray(list.value)) return list.value.map(item => item[key])
-    return []
-  })
-
-  const checkedAll = computed({
-    get() {
-      if (isArray(list.value) && isArray(selects.value) && list.value.length && selects.value.length) {
-        if (list.value.length > selects.value.length) {
-          return false;
-        } else {
-          return listKeys.value.every(item => selects.value.includes(item))
-          return selects.value.every(item => listKeys.value.includes(item))
-        }
-      } else {
-        return false
-      }
-    },
-    set(newValue) {
-      if (!newValue) {
-        // 去掉全选
-        selects.value = selects.value.filter(item => !listKeys.value.includes(item))
-        if (typeof onCheckedAll === 'function') onCheckedAll(false)
-      } else {
-        // 全选
-        selects.value = selects.value.concat(listKeys.value.filter(item => !selects.value.includes(item)))
-      }
-    }
-  })
-  return {
-    checkedAll
-  }
+import { computed } from "vue"
+import { isArray, isObject } from '../../utils';
+
+export const useCheckedAll = (list, selects, options = {}) => {
+  const { key = 'value', onCheckedAll } = (isObject(options) ? options : {})
+  const listKeys = computed(() => {
+    if (isArray(list.value)) return list.value.map(item => item[key])
+    return []
+  })
+
+  const checkedAll = computed({
+    get() {
+      if (isArray(list.value) && isArray(selects.value) && list.value.length && selects.value.length) {
+        if (list.value.length > selects.value.length) {
+          return false;
+        } else {
+          return listKeys.value.every(item => selects.value.includes(item))
+          return selects.value.every(item => listKeys.value.includes(item))
+        }
+      } else {
+        return false
+      }
+    },
+    set(newValue) {
+      if (!newValue) {
+        // 去掉全选
+        selects.value = selects.value.filter(item => !listKeys.value.includes(item))
+        if (typeof onCheckedAll === 'function') onCheckedAll(false)
+      } else {
+        // 全选
+        selects.value = selects.value.concat(listKeys.value.filter(item => !selects.value.includes(item)))
+      }
+    }
+  })
+  return {
+    checkedAll
+  }
 }

package/packages/hooks/use-echarts/index.js

@@ -1,2 +1,2 @@
-export * from "./use-line";
+export * from "./use-line";
 export * from "./use-bar";

package/packages/hooks/use-echarts/use-bar/index.js

@@ -1,73 +1,73 @@
-import { ref, watch, inject } from "vue";
-import { baseBarOption, seriesItem } from "../../../echarts/bar";
-import { copyObj, getOpacityColor, objectMerge } from "../../../utils";
-
-/**
- * 
- * @param {string} type -柱状图的类型，目前只有basic基本柱状图
- * @param {Object} option -用户想要进行灵活配置所传入的参数
- * @param {Array} data - 图表数据
- */
-export const useBarEcharts = (type, option, data) => {
-  const themeColor = inject('themeColor', null); //获取系统主题
-  const barOption = ref(copyObj(baseBarOption));
-  const itemTemplate = ref({});
-
-  //判断折线图图表类型，确定seriesItem格式
-  if (type == 'basic') {
-    itemTemplate.value = copyObj(seriesItem);
-  }
-  function initColor() {
-    barOption.value.color.splice(0, 1, themeColor);//调整调色板第一个主题色
-  }
-  if (themeColor) {
-    initColor();
-  }
-  function update(data) {
-    //数据更新方式
-    if (data.length == 0) {
-      console.warn('用户没有传入图表数据，请在hooks外处理');
-      return;
-    }
-    if (data.length > 1) {
-      barOption.value.legend.data = data.map((item) => item.name);
-    }
-    barOption.value.series.splice(0);
-    data.forEach((item, index) => {
-      let row = copyObj(itemTemplate.value);
-      let colorBoard = barOption.value.color;
-      row.itemStyle.borderColor.colorStops = [
-        {
-          offset: 0,
-          color: getOpacityColor(colorBoard[index % colorBoard.length], '0.5')
-        },
-        {
-          offset: 1,
-          color: getOpacityColor(colorBoard[index % colorBoard.length], '1')
-        }
-      ]
-      row.data = item.data;
-      row.name = item.name;
-      row.label.show = item.showLabel ? true : false;
-      row.emphasis.label.show = item.showLabel ? true : false;
-      barOption.value.series.push(row);
-    })
-  }
-  watch(() => data, (val) => {
-    update(val);
-  },
-    { deep: true, immediate: true }
-  );
-  // 灵活配置并入option
-
-  watch(() => option, (val) => {
-    objectMerge(barOption.value, option);
-  },
-    {
-      deep: true, immediate: true
-    })
-  return {
-    barOption,
-    itemTemplate
-  }
+import { ref, watch, inject } from "vue";
+import { baseBarOption, seriesItem } from "../../../echarts/bar";
+import { copyObj, getOpacityColor, objectMerge } from "../../../utils";
+
+/**
+ * 
+ * @param {string} type -柱状图的类型，目前只有basic基本柱状图
+ * @param {Object} option -用户想要进行灵活配置所传入的参数
+ * @param {Array} data - 图表数据
+ */
+export const useBarEcharts = (type, option, data) => {
+  const themeColor = inject('themeColor', null); //获取系统主题
+  const barOption = ref(copyObj(baseBarOption));
+  const itemTemplate = ref({});
+
+  //判断折线图图表类型，确定seriesItem格式
+  if (type == 'basic') {
+    itemTemplate.value = copyObj(seriesItem);
+  }
+  function initColor() {
+    barOption.value.color.splice(0, 1, themeColor);//调整调色板第一个主题色
+  }
+  if (themeColor) {
+    initColor();
+  }
+  function update(data) {
+    //数据更新方式
+    if (data.length == 0) {
+      console.warn('用户没有传入图表数据，请在hooks外处理');
+      return;
+    }
+    if (data.length > 1) {
+      barOption.value.legend.data = data.map((item) => item.name);
+    }
+    barOption.value.series.splice(0);
+    data.forEach((item, index) => {
+      let row = copyObj(itemTemplate.value);
+      let colorBoard = barOption.value.color;
+      row.itemStyle.borderColor.colorStops = [
+        {
+          offset: 0,
+          color: getOpacityColor(colorBoard[index % colorBoard.length], '0.5')
+        },
+        {
+          offset: 1,
+          color: getOpacityColor(colorBoard[index % colorBoard.length], '1')
+        }
+      ]
+      row.data = item.data;
+      row.name = item.name;
+      row.label.show = item.showLabel ? true : false;
+      row.emphasis.label.show = item.showLabel ? true : false;
+      barOption.value.series.push(row);
+    })
+  }
+  watch(() => data, (val) => {
+    update(val);
+  },
+    { deep: true, immediate: true }
+  );
+  // 灵活配置并入option
+
+  watch(() => option, (val) => {
+    objectMerge(barOption.value, option);
+  },
+    {
+      deep: true, immediate: true
+    })
+  return {
+    barOption,
+    itemTemplate
+  }
 }