import "../../../../../../node_modules/.pnpm/vue@3.3.4/node_modules/vue/dist/vue.runtime.esm-bundler.mjs";
import { useDesignStore } from "../../../../../store/modules/designStore/designStore.mjs";
import { useChartEditStore } from "../../../../../store/modules/chartEditStore/chartEditStore.mjs";
import "../../../../../../node_modules/.pnpm/vue3-lazyload@0.2.5-beta_a6dezdz3je235ci4e3tu4rayna/node_modules/vue3-lazyload/dist/vue3-lazyload.esm.mjs";
import "../../../../../../node_modules/.pnpm/screenfull@6.0.2/node_modules/screenfull/index.mjs";
import "../../../../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_root.mjs";
import "../../../../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_baseGetTag.mjs";
import "../../../../../../node_modules/.pnpm/html2canvas@1.4.1/node_modules/html2canvas/dist/html2canvas.esm.mjs";
import "../../../../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_baseClone.mjs";
import "../../../../../../node_modules/.pnpm/crypto-js@4.1.1/node_modules/crypto-js/index.mjs";
import "../../../../../enums/pageEnum.mjs";
import "../../../../../router/index.mjs";
import "../../../../../settings/designSetting.mjs";
import "../../../../../components/GoLoading/index.mjs";
import "../../../../../components/GoSkeleton/index.vue.mjs";
import { icon } from "../../../../../plugins/icon.mjs";
import { defineComponent, computed, resolveComponent, withDirectives, openBlock, createElementBlock, createVNode } from "../../../../../../node_modules/.pnpm/@vue_runtime-core@3.3.4/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.mjs";
import { useCssVars, vShow } from "../../../../../../node_modules/.pnpm/@vue_runtime-dom@3.3.4/node_modules/@vue/runtime-dom/dist/runtime-dom.esm-bundler.mjs";
import { normalizeClass } from "../../../../../../node_modules/.pnpm/@vue_shared@3.3.4/node_modules/@vue/shared/dist/shared.esm-bundler.mjs";
import { unref } from "../../../../../../node_modules/.pnpm/@vue_reactivity@3.3.4/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.mjs";
const _hoisted_1 = { class: "icon-item-box" };
const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "index",
  props: {
    isGroup: {
      type: Boolean,
      default: false
    },
    hover: {
      type: Boolean,
      default: false
    },
    status: {
      type: Object,
      default: () => ({
        lock: false,
        hide: false
      })
    }
  },
  setup(__props) {
    const props = __props;
    useCssVars((_ctx) => ({
      "efeb98bc": themeColor.value
    }));
    const { LockClosedOutlineIcon, LockOpenOutlineIcon, EyeOutlineIcon, EyeOffOutlineIcon } = icon.ionicons5;
    const chartEditStore = useChartEditStore();
    const designStore = useDesignStore();
    const themeColor = computed(() => {
      return designStore.getAppTheme;
    });
    const showHandle = (e) => {
      e.stopPropagation();
      props.status.hide ? chartEditStore.setShow() : chartEditStore.setHide();
    };
    const lockHandle = (e) => {
      e.stopPropagation();
      props.status.lock ? chartEditStore.setUnLock() : chartEditStore.setLock();
    };
    return (_ctx, _cache) => {
      const _component_n_icon = resolveComponent("n-icon");
      return withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [
        createVNode(_component_n_icon, {
          class: normalizeClass(["go-ml-1 icon-item", { active: __props.status.lock }]),
          size: "15",
          component: __props.status.lock ? unref(LockClosedOutlineIcon) : unref(LockOpenOutlineIcon),
          onClick: lockHandle
        }, null, 8, ["class", "component"]),
        createVNode(_component_n_icon, {
          class: normalizeClass(["go-ml-1 icon-item", { active: __props.status.hide }]),
          size: "15",
          component: __props.status.hide ? unref(EyeOffOutlineIcon) : unref(EyeOutlineIcon),
          onClick: showHandle
        }, null, 8, ["class", "component"])
      ], 512)), [
        [vShow, !__props.isGroup]
      ]);
    };
  }
});
export {
  _sfc_main as default
};
