ct-component-plus 0.0.41 → 0.0.43

package/packages/echarts/base.js

@@ -1,96 +1,100 @@
-//存放基础通用配置
-
-export const baseOption = {
-  tooltip: {
-    trigger: "axis",
-    // 设置边框样式
-    borderColor: '#fff',
-    borderWidth: 1,
-    borderRadius: 4,
-    // 设置阴影效果
-    shadowColor: 'rgba(102, 114, 144, 0.16)',
-    shadowBlur: 14,
-    shadowOffsetX: 0,
-    shadowOffsetY: 4,
-    padding: [14, 16, 18, 16],
-    formatter: (param) => {
-      let dom = `<div style="color: #141617;font-size:14px;font-weight:600;line-height: 18px;margin-bottom:18px;">${param[0].name}</div>`;
-      param.forEach((p, index) => {
-        dom += `<div style="color:#141617;font-size:14px;line-height: 18px;display:flex;align-items:center;margin-bottom:${index + 1 == param.length ? '' : '12px'};">
-        <span style="margin-right:32px;display:inline-flex;align-items:center">
-          <span style="display:inline-block;margin-right:8px;border-radius:6px;width:6px;height:6px;background-color:${p.color};"></span>
-          ${p.seriesName}
-        </span>
-        <span>${p.value}</span>
-        </div>`
-      })
-      return dom
-    }
-  },
-  legend: {
-    show: true,
-    bottom: 0,
-    itemWidth: 14,
-    itemHeight: 14,
-    itemGap: 32,
-    borderRadius: 2,
-    icon: "roundRect",
-    textStyle: {
-      fontWeight: 400,
-      fontSize: 14
-    },
-    data: [],
-  },
-  grid: {
-    left: 0,
-    right: 0,
-    bottom: 40,
-    top: 30,
-    containLabel: true,
-  },
-  xAxis: {
-    type: "category",
-    boundaryGap: true,
-    axisLabel: {
-      margin: 11,
-      color: "#8F99A3",
-      fontSize: 14,
-    },
-    axisTick: {
-      show: false,
-    },
-    axisLine: {
-      show: true,
-      lineStyle: {
-        color: "#A4AFBB",
-      },
-    },
-    axisPointer: {
-      snap: true,
-    },
-    data: [],
-  },
-  yAxis: {
-    type: "value",
-    inverse: false,
-    axisLine: {
-      show: false,
-      lineStyle: {
-        color: "#C0CCD7",
-      },
-    },
-    splitLine: {
-      show: true,
-      lineStyle: {
-        type: "dashed",
-        color: "#DDE2EB",
-        dashOffset: 10,
-      },
-    },
-    axisLabel: {
-      margin: 8,
-      color: "#8F99A3",
-      fontSize: 13,
-    },
-  },
+//存放基础通用配置
+
+export const baseOption = {
+  tooltip: {
+    trigger: "axis",
+    // 设置边框样式
+    borderColor: '#fff',
+    borderWidth: 1,
+    borderRadius: 4,
+    // 设置阴影效果
+    shadowColor: 'rgba(102, 114, 144, 0.16)',
+    shadowBlur: 14,
+    shadowOffsetX: 0,
+    shadowOffsetY: 4,
+    padding: [14, 16, 18, 16],
+    formatter: (param) => {
+      let dom = `<div style="color: #141617;font-size:14px;font-weight:600;line-height: 18px;margin-bottom:18px;">${param[0].name}</div>`;
+      param.forEach((p, index) => {
+        dom += `<div style="color:#141617;font-size:14px;line-height: 18px;display:flex;align-items:center;margin-bottom:${index + 1 == param.length ? '' : '12px'};">
+        <span style="margin-right:32px;display:inline-flex;align-items:center">
+          <span style="display:inline-block;margin-right:8px;border-radius:6px;width:6px;height:6px;background-color:${p.color};"></span>
+          ${p.seriesName}
+        </span>
+        <span>${p.value}</span>
+        </div>`
+      })
+      return dom
+    }
+  },
+  legend: {
+    show: true,
+    bottom: 0,
+    itemWidth: 14,
+    itemHeight: 14,
+    itemStyle: {
+      borderWidth: 0,
+    },
+    inactiveBorderWidth: 0,
+    itemGap: 32,
+    borderRadius: 2,
+    icon: "roundRect",
+    textStyle: {
+      fontWeight: 400,
+      fontSize: 14
+    },
+    data: [],
+  },
+  grid: {
+    left: 0,
+    right: 0,
+    bottom: 40,
+    top: 30,
+    containLabel: true,
+  },
+  xAxis: {
+    type: "category",
+    boundaryGap: true,
+    axisLabel: {
+      margin: 11,
+      color: "#8F99A3",
+      fontSize: 14,
+    },
+    axisTick: {
+      show: false,
+    },
+    axisLine: {
+      show: true,
+      lineStyle: {
+        color: "#A4AFBB",
+      },
+    },
+    axisPointer: {
+      snap: true,
+    },
+    data: [],
+  },
+  yAxis: {
+    type: "value",
+    inverse: false,
+    axisLine: {
+      show: false,
+      lineStyle: {
+        color: "#C0CCD7",
+      },
+    },
+    splitLine: {
+      show: true,
+      lineStyle: {
+        type: "dashed",
+        color: "#DDE2EB",
+        dashOffset: 10,
+      },
+    },
+    axisLabel: {
+      margin: 8,
+      color: "#8F99A3",
+      fontSize: 13,
+    },
+  },
 }

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";