import { DEFAULT_SLOT_NAME } from '@oinone/kunlun-dsl';
import { reactive } from 'vue';
import { Widget } from '../../basic';
import { executeInvisible, type InvisibleSupported } from '../../feature';
import {
  hasActionBarViewState,
  hasRowActionBarViewState,
  type OioActionBarState,
  type OioAnyViewState
} from '../typing';

export function createActionBarState(
  this: OioAnyViewState,
  options: {
    handle: string;
  } & Partial<Omit<OioActionBarState, 'handle'>>
) {
  const state: OioActionBarState = {
    actions: [],
    visibleActions: [],
    ...options
  };
  Object.defineProperty(state, 'visibleActions', {
    get() {
      return this.actions.filter((handle: string) => {
        const widget = Widget.select<Widget & InvisibleSupported>(handle);
        if (!widget) {
          return false;
        }
        return !executeInvisible(widget);
      });
    }
  });
  return reactive(state);
}

export function getActionBarState(this: OioAnyViewState, rowIndex?: number): OioActionBarState | undefined {
  if (rowIndex == null) {
    const position = this.__position[this.__position.length - 1];
    if (position == null) {
      console.warn('Please call getActionBarState method in the vue lifecycle.');
      return this.actionBar;
    }
    // fixme @zbh 20251205 rowIndex 无法准确设置，暂不可用
    // const { slotName, rowIndex } = position;
    const { slotName } = position;
    if (!slotName || slotName === DEFAULT_SLOT_NAME) {
      if (hasActionBarViewState(this)) {
        return this.actionBar;
      }
    } else if (hasActionBarViewState(this)) {
      return this.actionBars[slotName];
    }
  } else if (hasRowActionBarViewState(this)) {
    return this.inlineActionBars?.[rowIndex];
  }
}

export function pushAction(this: OioAnyViewState, handle: string, rowIndex?: number) {
  const actionBarState = this.getActionBarState(rowIndex);
  if (!actionBarState) {
    return;
  }
  const { actions } = actionBarState;
  if (!actions) {
    return;
  }
  if (!actions.some((v) => v === handle)) {
    actions.push(handle);
    actionBarState.actions = [...actions];
  }
}

export function popAction(this: OioAnyViewState, handle: string, rowIndex?: number) {
  const actionBarState = this.getActionBarState(rowIndex);
  if (!actionBarState) {
    return;
  }
  const { actions } = actionBarState;
  if (!actions) {
    return;
  }
  const index = actions.findIndex((v) => v === handle);
  if (index !== -1) {
    actions.splice(index, 1);
    actionBarState.actions = [...actions];
  }
}