stellar-ui-plus 1.17.7 → 1.17.8

package/components/ste-badge/ste-badge.vue

@@ -15,7 +15,7 @@ defineOptions({
 const props = defineProps(propsData);
 
 const emits = defineEmits<{
-    (e: 'click', event?: Event): void;
+    (e: 'click', event?: any): void;
 }>();
 
 const cmpContentStyle = computed(() => {

package/components/ste-button/ste-button.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { computed, defineOptions, type CSSProperties, watch } from 'vue';
+import { computed, defineOptions, type CSSProperties } from 'vue';
 import { useColorStore } from '../../store/color';
-let { color } = useColorStore();
+let { getColor } = useColorStore();
 import propsData from './props';
 import utils from '../../utils/utils';
 import type {
@@ -29,13 +29,13 @@ defineOptions({
 const props = defineProps(propsData);
 
 const emits = defineEmits<{
-    (e: 'click', event?: Event): void;
+    (e: 'click', event?: any): void;
     (e: 'getphonenumber', event?: ButtonOnGetphonenumberEvent): void;
-    (e: 'getuserinfo', event?: Event): void;
+    (e: 'getuserinfo', event?: any): void;
     (e: 'error', event?: ButtonOnErrorEvent): void;
     (e: 'opensetting', event?: ButtonOnOpensettingEvent): void;
     (e: 'launchapp', event?: ButtonOnLaunchappEvent): void;
-    (e: 'contact', event?: Event): void;
+    (e: 'contact', event?: any): void;
     (e: 'chooseavatar', event?: ButtonOnChooseavatarEvent): void;
     (e: 'agreeprivacyauthorization', event?: ButtonOnAgreeprivacyauthorizationEvent): void;
     (e: 'addgroupapp', event?: ButtonOnAddgroupappEvent): void;
@@ -43,20 +43,12 @@ const emits = defineEmits<{
     (e: 'chooseinvoicetitle', event?: ButtonOnChooseinvoicetitleEvent): void;
     (e: 'subscribe', event?: ButtonOnSubscribeEvent): void;
     (e: 'login', event?: ButtonOnLoginEvent): void;
-    (e: 'getrealtimephonenumber', event?: Event): void;
-    (e: 'greeprivacyauthorization', event?: Event): void;
-    (e: 'getAuthorize', event?: Event): void;
-    (e: 'followLifestyle', event?: Event): void;
+    (e: 'getrealtimephonenumber', event?: any): void;
+    (e: 'greeprivacyauthorization', event?: any): void;
+    (e: 'getAuthorize', event?: any): void;
+    (e: 'followLifestyle', event?: any): void;
 }>();
 
-watch(
-    () => color,
-    v => {
-        console.log('vvvv', v);
-    },
-    { immediate: true, deep: true }
-);
-
 const cmpBtnStyle = computed(() => {
     let style = {} as CSSProperties;
     // 为解决支付宝动态类名时不兼容，尽量使用内联样式
@@ -116,9 +108,8 @@ const cmpBtnStyle = computed(() => {
             style.fontSize = 'var(--font-size-28, 28rpx)';
             break;
     }
-    console.log('color', color);
     // 背景色 & 字体色
-    style = { ...style, ...utils.bg2style(props.background ? props.background : color.steThemeColor) };
+    style = { ...style, ...utils.bg2style(props.background ? props.background : getColor().steThemeColor) };
     style.color = props.color;
 
     // 禁用 disabled | 加载 loading
@@ -137,7 +128,7 @@ const cmpBtnStyle = computed(() => {
     return utils.deepMerge(style, props.rootStyle);
 });
 
-function handleClick(e: Event) {
+function handleClick(e: any) {
     if (props.disabled || props.loading) return;
     emits('click', e);
 }

package/components/ste-icon/ste-icon.vue

@@ -14,7 +14,7 @@ defineOptions({
 
 const props = defineProps(propsData);
 const emits = defineEmits<{
-    (e: 'click', event?: Event): void;
+    (e: 'click', event?: any): void;
 }>();
 
 let defaultFontFamily = 'ste-iconfont-1709689042473';

package/components/ste-image/ste-image.vue

@@ -16,7 +16,7 @@ const iconSize = ref(50);
 const initializing = ref(true);
 
 const emits = defineEmits<{
-    (e: 'click', event?: Event): void;
+    (e: 'click', event?: any): void;
     (e: 'load', event?: BaseEvent): void;
     (e: 'error', event?: BaseEvent): void;
 }>();
@@ -65,7 +65,7 @@ const onFault = (e?: BaseEvent) => {
     emits('error', e);
 };
 
-const click = (e: Event) => {
+const click = (e: any) => {
     emits('click', e);
 };
 

package/components/ste-input/ste-input.vue

@@ -93,7 +93,7 @@ watch(
     }
 );
 
-function onInput(e: Event) {
+function onInput(e: any) {
     const baseEvent = e as unknown as BaseEvent;
     if (!props.disabled && !props.readonly) {
         if (!props.allowSpace) {

package/components/ste-message-box/ste-message-box.vue

@@ -110,7 +110,7 @@ function closeBox() {
         show.value = false;
     }, DURATION);
 }
-function handleInput(e: Event) {
+function handleInput(e: any) {
     const baseEvent = e as unknown as BaseEvent;
     inputValue.value = baseEvent.detail.value;
 }

package/components/ste-notice-bar/ste-notice-bar.vue

@@ -14,7 +14,7 @@ const props = defineProps(propsData);
 
 const emits = defineEmits<{
     (e: 'end', value: string | number): void;
-    (e: 'close', value: Event): void;
+    (e: 'close', value: any): void;
     (e: 'click', value: string | number): void;
 }>();
 
@@ -148,7 +148,7 @@ function doPause() {
 function doRun() {
     touch.value = false;
 }
-function handleClose(e: Event) {
+function handleClose(e: any) {
     closeShow.value = false;
     emits('close', e);
 }

package/components/ste-table/props.ts

@@ -1,72 +1,63 @@
-import type { ExtractPropTypes, PropType } from 'vue'
-import type { TableColumnProps } from '../ste-table-column/props'
+import type { ExtractPropTypes, PropType } from 'vue';
+import type { TableColumnProps } from '../ste-table-column/props';
 
-const DEFAULT_SUM_TEXT = '合计'
-export const CHECK_ICON_SIZE = 36
-export const TABLE_KEY = Symbol('ste-table')
+const DEFAULT_SUM_TEXT = '合计';
+export const CHECK_ICON_SIZE = 36;
+export const TABLE_KEY = Symbol('ste-table');
 
 export const SELECTION_COLOR_CONFIG = {
-  main: '#3491FA',
-  unSelected: '#BBBBBB',
-  disabled: '#E6E6E6',
-  readonly: 'rgba(52, 145, 250, 0.4)',
-}
+    main: '#3491FA',
+    unSelected: '#BBBBBB',
+    disabled: '#E6E6E6',
+    readonly: 'rgba(52, 145, 250, 0.4)',
+};
 
 const tableProps = {
-  data: { type: Array, default: () => [] },
-  sticky: Boolean,
-  offsetTop: { type: [Number, String], default: 0 },
-  border: Boolean,
-  stripe: { type: Boolean, default: true },
-  emptyText: String,
-  // 表尾显示合计行
-  showSummary: Boolean,
-  sumText: { type: String, default: DEFAULT_SUM_TEXT },
-  summaryMethod: { type: Function, default: () => {} },
-  selectable: { type: [Function], default: null },
-  readable: { type: [Function], default: null },
-  fixed: Boolean,
-  formatter: { type: [Function], default: null },
-  header: { type: [Function, String], default: null },
-  height: [Number, String],
-  headerRowClassName: [String, Function],
-  headerRowStyle: [Object, Function],
-  headerCellClassName: [String, Function],
-  headerCellStyle: [Object, Function],
-  rowClassName: [String, Function],
-  rowStyle: [Object, Function],
-  cellClassName: [String, Function],
-  cellStyle: [Object, Function],
-  highlightCurrentRow: Boolean,
-  highlightSelectionRow: Boolean,
-  showHeader: { type: Boolean, default: true },
-  maxHeight: [Number, String],
-  selectionIconColor: {
-    type: Object as PropType<typeof SELECTION_COLOR_CONFIG>,
-    default: () => SELECTION_COLOR_CONFIG,
-  },
-}
-
-export type TableProps = ExtractPropTypes<typeof tableProps>
-
-// export type TableEmits = {
-//     (e: 'selectAll', selectionList: []): void;
-//     (e: 'select', selectionList: [], row: {}): void;
-//     (e: 'cellClick', row: {}, column: {}, event: Event): void;
-//     (e: 'rowClick', row: {}, event: Event): void;
-//     (e: 'headerClick', column: {}, event: Event): void;
-//     (e: 'scrollToLower'): void;
-// };
+    data: { type: Array, default: () => [] },
+    sticky: Boolean,
+    offsetTop: { type: [Number, String], default: 0 },
+    border: Boolean,
+    stripe: { type: Boolean, default: true },
+    emptyText: String,
+    // 表尾显示合计行
+    showSummary: Boolean,
+    sumText: { type: String, default: DEFAULT_SUM_TEXT },
+    summaryMethod: { type: Function, default: () => {} },
+    selectable: { type: [Function], default: null },
+    readable: { type: [Function], default: null },
+    fixed: Boolean,
+    formatter: { type: [Function], default: null },
+    header: { type: [Function, String], default: null },
+    height: [Number, String],
+    headerRowClassName: [String, Function],
+    headerRowStyle: [Object, Function],
+    headerCellClassName: [String, Function],
+    headerCellStyle: [Object, Function],
+    rowClassName: [String, Function],
+    rowStyle: [Object, Function],
+    cellClassName: [String, Function],
+    cellStyle: [Object, Function],
+    highlightCurrentRow: Boolean,
+    highlightSelectionRow: Boolean,
+    showHeader: { type: Boolean, default: true },
+    maxHeight: [Number, String],
+    selectionIconColor: {
+        type: Object as PropType<typeof SELECTION_COLOR_CONFIG>,
+        default: () => SELECTION_COLOR_CONFIG,
+    },
+};
+
+export type TableProps = ExtractPropTypes<typeof tableProps>;
 
 export const tableEmits = {
-  selectAll: (selectionList: object[]) => Array.isArray(selectionList),
-  select: (selectionList: object[], row: object) => Array.isArray(selectionList) && row instanceof Object,
-  cellClick: (row: object, column: TableColumnProps, event: Event) => row instanceof Object && column instanceof Object && event instanceof Event,
-  rowClick: (row: object, event: Event) => row instanceof Object && event instanceof Event,
-  headerClick: (column: TableColumnProps, event: Event) => column instanceof Object && event instanceof Event,
-  scrollToLower: () => true,
-}
+    selectAll: (selectionList: object[]) => Array.isArray(selectionList),
+    select: (selectionList: object[], row: object) => Array.isArray(selectionList) && row instanceof Object,
+    cellClick: (row: object, column: TableColumnProps, event: any) => row instanceof Object && column instanceof Object && event,
+    rowClick: (row: object, event: any) => row instanceof Object && event,
+    headerClick: (column: TableColumnProps, event: any) => column instanceof Object && event,
+    scrollToLower: () => true,
+};
 
-export type TableEmits = typeof tableEmits
+export type TableEmits = typeof tableEmits;
 
-export default tableProps
+export default tableProps;

package/components/ste-table/useData.ts

@@ -1,233 +1,217 @@
-import type { CSSProperties, SetupContext } from 'vue'
-import { nextTick, ref } from 'vue'
-import type { TableColumnProps } from '../ste-table-column/props'
-import utils from '../../utils/utils'
-import type { Obj } from '../../types'
-import type { AllStateType, SelectColType } from './types'
-import type { TableEmits, TableProps } from './props'
-import { getStyleOrClass } from './utils'
+import type { CSSProperties, SetupContext } from 'vue';
+import { nextTick, ref } from 'vue';
+import type { TableColumnProps } from '../ste-table-column/props';
+import utils from '../../utils/utils';
+import type { Obj } from '../../types';
+import type { AllStateType, SelectColType } from './types';
+import type { TableEmits, TableProps } from './props';
+import { getStyleOrClass } from './utils';
 
 export default function useData(props: TableProps, emits: SetupContext<TableEmits>['emit']) {
-  const tableData = ref<Obj[]>([])
-
-  const columns = ref<TableColumnProps[]>([])
-  const sumData = ref([])
-  const currentRow = ref()
-
-  const checkStatesSet = ref(new Set<number>())
-  const checkStates = ref<number[]>([])
-  const canCheckStates = ref<number[]>([])
-
-  const checkAllState = ref<AllStateType>('none')
-  const selectType = ref<SelectColType>('checkbox')
-
-  function calcSum() {
-    if (!props.summaryMethod)
-      return
-    sumData.value = props.summaryMethod({ columns: columns.value, data: tableData.value })
-  }
-
-  function loadSelectType() {
-    columns.value.forEach((e) => {
-      if (e.type)
-        selectType.value = e.type as SelectColType
-    })
-  }
-
-  function loadCanCheckArr() {
-    const tmp: number[] = []
-    tableData.value.forEach((e, index) => {
-      const selectFlag = props.selectable ? props.selectable(e, index) : true
-      const readonlyFlag = props.readable ? !props.readable(e, index) : true
-
-      if (selectFlag && readonlyFlag)
-        tmp.push(index)
-    })
-    canCheckStates.value = tmp
-  }
-
-  function initSelection() {
-    loadCanCheckArr()
-    checkStates.value = checkStates.value.filter(e => canCheckStates.value.includes(e))
-    calcAllState()
-  }
-
-  function calcAllState() {
-    // 处理当前全选框的状态
-    if (checkStates.value.length > 0) {
-      if (canCheckStates.value.length === checkStates.value.length)
-        checkAllState.value = 'all'
-      else checkAllState.value = 'indeterminate'
-    }
-    else {
-      checkAllState.value = 'none'
-    }
-  }
-
-  function changeCheckAll() {
-    if (checkAllState.value !== 'all') {
-      emits(
-        'selectAll',
-        canCheckStates.value.map(e => tableData.value[e]),
-      )
-    }
-    else {
-      emits('selectAll', [])
-    }
-    toggleAllSelection()
-  }
-
-  // column组件更改Check状态
-  function handleCheck(row: Obj, isEmit = true) {
-    const rowIndex = row.rowIndex
-    const state = !checkStatesSet.value.has(rowIndex)
-    if (selectType.value === 'radio') {
-      checkStatesSet.value = new Set()
-      checkStatesSet.value.add(rowIndex)
-    }
-    else {
-      if (state)
-        checkStatesSet.value.add(rowIndex)
-      else checkStatesSet.value.delete(rowIndex)
-    }
-    checkStates.value = Array.from(checkStatesSet.value)
-
-    isEmit && emits('select', getSelection(), row)
-    // this.currentRow = row;
-    calcAllState()
-    // this.$forceUpdate();
-  }
-
-  function cellClick(row: Obj, column: TableColumnProps, event: Event) {
-    emits('cellClick', row, column, event)
-  }
-  function rowClick(row: Obj, event: Event) {
-    currentRow.value = row
-    emits('rowClick', row, event)
-  }
-  function headerClick(column: TableColumnProps, event: Event) {
-    emits('headerClick', column, event)
-  }
-  function handleScrollToLower() {
-    emits('scrollToLower')
-  }
-
-  // ***自定义class和style相关***
-  function getHeaderRowClass() {
-    const classes = [getStyleOrClass(props.headerRowClassName)]
-    return classes.join(' ')
-  }
-  function getHeaderRowStyle() {
-    return getStyleOrClass<object>(props.headerRowStyle)
-  }
-  function getHeaderCellClass(column: TableColumnProps, columnIndex: number) {
-    const classArr = []
-    if (column.headerAlign && column.headerAlign !== 'left')
-      classArr.push(`align-${column.headerAlign}`)
-    else if (column.align && column.align !== 'left')
-      classArr.push(`align-${column.align}`)
-
-    classArr.push(getStyleOrClass(props.headerCellClassName, { columnIndex, column }))
-    return classArr.join(' ')
-  }
-  function getHeaderCellStyle(column: TableColumnProps, columnIndex: number, isProp = false) {
-    if (!isProp) {
-      const style = {} as CSSProperties
-      if (column.width)
-      // style.width = utils.addUnit(column.width)
-      // style.flexBasis = utils.addUnit(column.width);
-        style.flex = `0 1 ${utils.addUnit(column.width)}`
-
-      if (column.minWidth)
-        style.minWidth = utils.addUnit(column.minWidth)
-
-      return style
-    }
-    else {
-      return getStyleOrClass<object>(props.headerCellStyle, { columnIndex, column })
-    }
-  }
-  function getRowClass(row: Obj, rowIndex: number) {
-    const classArr: any[] = [`row-${rowIndex}`]
-    if (props.highlightCurrentRow && utils.deepEqual(row, currentRow.value, ['rowIndex', 'colIndex']))
-      classArr.push('current-row')
-
-    if (props.highlightSelectionRow && checkStatesSet.value.has(rowIndex))
-      classArr.push('selection-row')
-
-    // const t = getStyleOrClass(props.rowClassName, { row, rowIndex })
-    classArr.push(getStyleOrClass(props.rowClassName, { row, rowIndex }))
-    return classArr.join(' ')
-  }
-  function getRowStyle(row: Obj, rowIndex: number) {
-    return getStyleOrClass(props.rowStyle, { row, rowIndex })
-  }
-
-  // ***Table Methods 方法***
-  // 获取当前选择的数据
-  function getSelection() {
-    return checkStates.value.map(e => tableData.value[e])
-  }
-
-  // 清空选择项
-  function clearSelection() {
-    checkStatesSet.value.clear()
-    checkStates.value = Array.from(checkStatesSet.value)
-    checkAllState.value = 'none'
-  }
-  // 切换某行的选中状态
-  function toggleRowSelection(row: Obj, isTriggerSelectEvent = true) {
-    nextTick(() => {
-      const index = tableData.value.findIndex(e => utils.deepEqual(row, e, ['rowIndex', 'colIndex']))
-      if (canCheckStates.value.indexOf(index) <= -1)
-        return
-      row.rowIndex = index
-      handleCheck(row, isTriggerSelectEvent)
-    })
-  }
-  // 切换全选的状态
-  function toggleAllSelection() {
-    if (checkAllState.value === 'all') {
-      clearSelection()
-    }
-    else {
-      canCheckStates.value.forEach((e) => {
-        checkStatesSet.value.add(e)
-      })
-      checkStates.value = Array.from(checkStatesSet.value)
-      checkAllState.value = 'all'
-    }
-  }
-
-  return {
-    tableData,
-    columns,
-    sumData,
-    currentRow,
-    checkStatesSet,
-    checkStates,
-    canCheckStates,
-    checkAllState,
-    selectType,
-    calcSum,
-    loadSelectType,
-    loadCanCheckArr,
-    getHeaderRowStyle,
-    getHeaderRowClass,
-    getHeaderCellStyle,
-    getHeaderCellClass,
-    headerClick,
-    changeCheckAll,
-    handleScrollToLower,
-    getRowStyle,
-    getRowClass,
-    initSelection,
-    rowClick,
-    handleCheck,
-    cellClick,
-    toggleRowSelection,
-    toggleAllSelection,
-    clearSelection,
-    getSelection,
-  }
+    const tableData = ref<Obj[]>([]);
+
+    const columns = ref<TableColumnProps[]>([]);
+    const sumData = ref([]);
+    const currentRow = ref();
+
+    const checkStatesSet = ref(new Set<number>());
+    const checkStates = ref<number[]>([]);
+    const canCheckStates = ref<number[]>([]);
+
+    const checkAllState = ref<AllStateType>('none');
+    const selectType = ref<SelectColType>('checkbox');
+
+    function calcSum() {
+        if (!props.summaryMethod) return;
+        sumData.value = props.summaryMethod({ columns: columns.value, data: tableData.value });
+    }
+
+    function loadSelectType() {
+        columns.value.forEach(e => {
+            if (e.type) selectType.value = e.type as SelectColType;
+        });
+    }
+
+    function loadCanCheckArr() {
+        const tmp: number[] = [];
+        tableData.value.forEach((e, index) => {
+            const selectFlag = props.selectable ? props.selectable(e, index) : true;
+            const readonlyFlag = props.readable ? !props.readable(e, index) : true;
+
+            if (selectFlag && readonlyFlag) tmp.push(index);
+        });
+        canCheckStates.value = tmp;
+    }
+
+    function initSelection() {
+        loadCanCheckArr();
+        checkStates.value = checkStates.value.filter(e => canCheckStates.value.includes(e));
+        calcAllState();
+    }
+
+    function calcAllState() {
+        // 处理当前全选框的状态
+        if (checkStates.value.length > 0) {
+            if (canCheckStates.value.length === checkStates.value.length) checkAllState.value = 'all';
+            else checkAllState.value = 'indeterminate';
+        } else {
+            checkAllState.value = 'none';
+        }
+    }
+
+    function changeCheckAll() {
+        if (checkAllState.value !== 'all') {
+            emits(
+                'selectAll',
+                canCheckStates.value.map(e => tableData.value[e])
+            );
+        } else {
+            emits('selectAll', []);
+        }
+        toggleAllSelection();
+    }
+
+    // column组件更改Check状态
+    function handleCheck(row: Obj, isEmit = true) {
+        const rowIndex = row.rowIndex;
+        const state = !checkStatesSet.value.has(rowIndex);
+        if (selectType.value === 'radio') {
+            checkStatesSet.value = new Set();
+            checkStatesSet.value.add(rowIndex);
+        } else {
+            if (state) checkStatesSet.value.add(rowIndex);
+            else checkStatesSet.value.delete(rowIndex);
+        }
+        checkStates.value = Array.from(checkStatesSet.value);
+
+        isEmit && emits('select', getSelection(), row);
+        // this.currentRow = row;
+        calcAllState();
+        // this.$forceUpdate();
+    }
+
+    function cellClick(row: Obj, column: TableColumnProps, event: any) {
+        emits('cellClick', row, column, event);
+    }
+    function rowClick(row: Obj, event: any) {
+        currentRow.value = row;
+        emits('rowClick', row, event);
+    }
+    function headerClick(column: TableColumnProps, event: any) {
+        emits('headerClick', column, event);
+    }
+    function handleScrollToLower() {
+        emits('scrollToLower');
+    }
+
+    // ***自定义class和style相关***
+    function getHeaderRowClass() {
+        const classes = [getStyleOrClass(props.headerRowClassName)];
+        return classes.join(' ');
+    }
+    function getHeaderRowStyle() {
+        return getStyleOrClass<object>(props.headerRowStyle);
+    }
+    function getHeaderCellClass(column: TableColumnProps, columnIndex: number) {
+        const classArr = [];
+        if (column.headerAlign && column.headerAlign !== 'left') classArr.push(`align-${column.headerAlign}`);
+        else if (column.align && column.align !== 'left') classArr.push(`align-${column.align}`);
+
+        classArr.push(getStyleOrClass(props.headerCellClassName, { columnIndex, column }));
+        return classArr.join(' ');
+    }
+    function getHeaderCellStyle(column: TableColumnProps, columnIndex: number, isProp = false) {
+        if (!isProp) {
+            const style = {} as CSSProperties;
+            if (column.width)
+                // style.width = utils.addUnit(column.width)
+                // style.flexBasis = utils.addUnit(column.width);
+                style.flex = `0 1 ${utils.addUnit(column.width)}`;
+
+            if (column.minWidth) style.minWidth = utils.addUnit(column.minWidth);
+
+            return style;
+        } else {
+            return getStyleOrClass<object>(props.headerCellStyle, { columnIndex, column });
+        }
+    }
+    function getRowClass(row: Obj, rowIndex: number) {
+        const classArr: any[] = [`row-${rowIndex}`];
+        if (props.highlightCurrentRow && utils.deepEqual(row, currentRow.value, ['rowIndex', 'colIndex'])) classArr.push('current-row');
+
+        if (props.highlightSelectionRow && checkStatesSet.value.has(rowIndex)) classArr.push('selection-row');
+
+        // const t = getStyleOrClass(props.rowClassName, { row, rowIndex })
+        classArr.push(getStyleOrClass(props.rowClassName, { row, rowIndex }));
+        return classArr.join(' ');
+    }
+    function getRowStyle(row: Obj, rowIndex: number) {
+        return getStyleOrClass(props.rowStyle, { row, rowIndex });
+    }
+
+    // ***Table Methods 方法***
+    // 获取当前选择的数据
+    function getSelection() {
+        return checkStates.value.map(e => tableData.value[e]);
+    }
+
+    // 清空选择项
+    function clearSelection() {
+        checkStatesSet.value.clear();
+        checkStates.value = Array.from(checkStatesSet.value);
+        checkAllState.value = 'none';
+    }
+    // 切换某行的选中状态
+    function toggleRowSelection(row: Obj, isTriggerSelectEvent = true) {
+        nextTick(() => {
+            const index = tableData.value.findIndex(e => utils.deepEqual(row, e, ['rowIndex', 'colIndex']));
+            if (canCheckStates.value.indexOf(index) <= -1) return;
+            row.rowIndex = index;
+            handleCheck(row, isTriggerSelectEvent);
+        });
+    }
+    // 切换全选的状态
+    function toggleAllSelection() {
+        if (checkAllState.value === 'all') {
+            clearSelection();
+        } else {
+            canCheckStates.value.forEach(e => {
+                checkStatesSet.value.add(e);
+            });
+            checkStates.value = Array.from(checkStatesSet.value);
+            checkAllState.value = 'all';
+        }
+    }
+
+    return {
+        tableData,
+        columns,
+        sumData,
+        currentRow,
+        checkStatesSet,
+        checkStates,
+        canCheckStates,
+        checkAllState,
+        selectType,
+        calcSum,
+        loadSelectType,
+        loadCanCheckArr,
+        getHeaderRowStyle,
+        getHeaderRowClass,
+        getHeaderCellStyle,
+        getHeaderCellClass,
+        headerClick,
+        changeCheckAll,
+        handleScrollToLower,
+        getRowStyle,
+        getRowClass,
+        initSelection,
+        rowClick,
+        handleCheck,
+        cellClick,
+        toggleRowSelection,
+        toggleAllSelection,
+        clearSelection,
+        getSelection,
+    };
 }

package/components/ste-table-column/ste-table-column.vue

@@ -120,7 +120,7 @@ function cellText(this: any) {
     }
 }
 
-function cellClick(this: any, event: Event) {
+function cellClick(this: any, event: any) {
     parent?.cellClick(row.value, props, event);
     // 扩大选中热区
     if (props.type == 'checkbox' || props.type == 'radio') {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "stellar-ui-plus",
-    "version": "1.17.7",
+    "version": "1.17.8",
     "description": "",
     "author": "",
     "license": "MIT",

package/store/color.ts

@@ -1,21 +1,45 @@
-import { reactive } from 'vue';
-const color = reactive({
-    steThemeColor: '#0090FF',
-    defaultColor: '#0090FF',
+import { createStore } from 'vuex'; //导入createStore构造函数
+const colorStore = createStore({
+    state: {
+        //Vuex的状态，实际上就是存数据的地方
+        color: {
+            steThemeColor: '#0090FF',
+            defaultColor: '#0090FF',
+        },
+    },
+    getters: {
+        //提供获取Vux状态的方式, 注意在组件中调用时getPerson是以属性的方式被访问
+        getColor(state) {
+            return state.color;
+        },
+    },
+    mutations: {
+        //提供直接操作Vuex的方法，注意mutations里的方法中不能有任何异步操做
+        setColor(state, value) {
+            //第一个参数state为Vuex状态；第二个参数为commit函数传来的值
+            Object.assign(state.color, value);
+        },
+    },
 });
-// 主题色内容
-export function useColorStore() {
-    const getColor = () => {
-        return color;
-    };
-    const setColor = (value: any) => {
-        Object.assign(color, value);
-        console.log('color', color);
-    };
 
-    return {
-        color,
-        getColor,
-        setColor,
-    };
-}
+// import { reactive } from 'vue';
+// const color = reactive({
+//     steThemeColor: '#0090FF',
+//     defaultColor: '#0090FF',
+// });
+// // 主题色内容
+// export function useColorStore() {
+//     const getColor = () => {
+//         return color;
+//     };
+//     const setColor = (value: any) => {
+//         Object.assign(color, value);
+//         console.log('color', color);
+//     };
+
+//     return {
+//         color,
+//         getColor,
+//         setColor,
+//     };
+// }

package/store/index.ts

@@ -1,5 +1,3 @@
-const store = {};
-export default store;
 // 模块统一导出
 // export * from './toast';
 // export * from './message-box';