"use strict";

Object.defineProperty(exports, "__esModule", {
    value: !0
}), exports.importStyle = void 0;

const env_1 = require("../tools/env");

function importStyle() {
    if ("node" === env_1.Env.mode) return;
    const styleElement = document.createElement("style");
    styleElement.id = "vtable-sheet-common-styleSheet", styleElement.textContent = "\n/* 通用样式和变量 */\n:root {\n  --border-color: #e0e0e0;\n  --primary-color: #1a73e8;\n  --hover-color: #f5f5f5;\n  --active-color: #e8f0fe;\n  --text-color: #333;\n  --gray-text: #666;\n  --light-gray: #f8f8f8;\n  --toolbar-height: 28px;\n  --tab-height: 28px;\n\n  /* 基础颜色 */\n  --primary-color-light: #e8f0fe;\n  --secondary-color: #4285f4;\n  --success-color: #1e8e3e;\n  --warning-color: #ffa000;\n  --danger-color: #d93025;\n  --info-color: #1a73e8;\n\n  /* 中性色 */\n  --black: #000;\n  --gray-900: #212121;\n  --gray-800: #424242;\n  --gray-700: #616161;\n  --gray-600: #757575;\n  --gray-500: #9e9e9e;\n  --gray-400: #bdbdbd;\n  --gray-300: #e0e0e0;\n  --gray-200: #eeeeee;\n  --gray-100: #f5f5f5;\n  --gray-50: #fafafa;\n  --white: #fff;\n\n  /* 文本颜色 */\n  --text-primary: var(--gray-900);\n  --text-secondary: var(--gray-700);\n  --text-tertiary: var(--gray-500);\n  --text-disabled: var(--gray-400);\n  --text-inverse: var(--white);\n\n  /* 边框颜色 */\n  --border-color-light: var(--gray-200);\n  --border-color-dark: var(--gray-400);\n\n  /* 背景颜色 */\n  --bg-default: var(--white);\n  --bg-secondary: var(--gray-100);\n  --bg-tertiary: var(--gray-200);\n  --bg-selected: var(--primary-color-light);\n  --bg-hover: var(--gray-100);\n\n  /* 阴影 */\n  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.05);\n  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);\n  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);\n  --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);\n\n  /* 尺寸 */\n  --formula-bar-height: 30px;\n  --icon-size-small: 16px;\n  --icon-size-medium: 20px;\n  --icon-size-large: 24px;\n\n  /* 字体 */\n  --font-family-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', \n    Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n  --font-family-mono: 'Roboto Mono', 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;\n\n  /* 间距 */\n  --spacing-xs: 4px;\n  --spacing-sm: 8px;\n  --spacing-md: 12px;\n  --spacing-lg: 16px;\n  --spacing-xl: 24px;\n\n  /* 边框圆角 */\n  --border-radius-sm: 2px;\n  --border-radius-md: 4px;\n  --border-radius-lg: 8px;\n  --border-radius-full: 999px;\n\n  /* 过渡时间 */\n  --transition-fast: 0.1s;\n  --transition-normal: 0.2s;\n  --transition-slow: 0.3s;\n}\n\n/* 统一的文本与选择 */\n.vtable-sheet-noselect {\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -khtml-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n\n.vtable-sheet-allow-select {\n  -webkit-touch-callout: text;\n  -webkit-user-select: text;\n  -khtml-user-select: text;\n  -moz-user-select: text;\n  -ms-user-select: text;\n  user-select: text;\n}\n\n/* 通用样式 */\n.vtable-sheet-flex {\n  display: flex;\n}\n\n.vtable-sheet-flex-center {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.vtable-sheet-flex-between {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.vtable-sheet-flex-end {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n}\n\n.vtable-sheet-flex-column {\n  display: flex;\n  flex-direction: column;\n}\n\n.vtable-sheet-flex-1 {\n  flex: 1;\n}\n\n.vtable-sheet-flex-grow-0 {\n  flex-grow: 0;\n}\n\n.vtable-sheet-flex-shrink-0 {\n  flex-shrink: 0;\n}\n\n.vtable-sheet-hidden {\n  display: none !important;\n}\n\n.vtable-sheet-invisible {\n  visibility: hidden !important;\n}\n\n.vtable-sheet-ellipsis {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* 图标样式 */\n.vtable-sheet-icon {\n  width: var(--icon-size-medium);\n  height: var(--icon-size-medium);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--gray-700);\n}\n\n.vtable-sheet-icon-sm {\n  width: var(--icon-size-small);\n  height: var(--icon-size-small);\n}\n\n.vtable-sheet-icon-lg {\n  width: var(--icon-size-large);\n  height: var(--icon-size-large);\n}\n\n/* 按钮样式 */\n.vtable-sheet-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--spacing-xs) var(--spacing-sm);\n  border: 1px solid var(--border-color);\n  background-color: var(--bg-default);\n  color: var(--text-secondary);\n  border-radius: var(--border-radius-sm);\n  cursor: pointer;\n  transition: all var(--transition-normal);\n  font-family: var(--font-family-sans);\n  font-size: 13px;\n  line-height: 1.5;\n}\n\n.vtable-sheet-button:hover {\n  background-color: var(--bg-hover);\n}\n\n.vtable-sheet-button:active {\n  background-color: var(--bg-tertiary);\n}\n\n.vtable-sheet-button-primary {\n  background-color: var(--primary-color);\n  color: var(--white);\n  border-color: var(--primary-color);\n}\n\n.vtable-sheet-button-primary:hover {\n  background-color: var(--secondary-color);\n  border-color: var(--secondary-color);\n}\n\n.vtable-sheet-button-icon {\n  padding: var(--spacing-xs);\n  border: none;\n  background: transparent;\n}\n\n.vtable-sheet-button-icon:hover {\n  background-color: var(--bg-hover);\n}\n\n/* 工具提示 */\n.vtable-sheet-tooltip {\n  position: relative;\n}\n\n.vtable-sheet-tooltip::after {\n  content: attr(data-tooltip);\n  position: absolute;\n  bottom: 100%;\n  left: 50%;\n  transform: translateX(-50%);\n  padding: 4px 8px;\n  background-color: var(--gray-900);\n  color: var(--white);\n  border-radius: var(--border-radius-sm);\n  font-size: 12px;\n  white-space: nowrap;\n  opacity: 0;\n  visibility: hidden;\n  transition: opacity var(--transition-normal), visibility var(--transition-normal);\n  z-index: 1000;\n}\n\n.vtable-sheet-tooltip:hover::after {\n  opacity: 1;\n  visibility: visible;\n}\n\n/* 输入框样式 */\n.vtable-sheet-input {\n  padding: var(--spacing-xs) var(--spacing-sm);\n  border: 1px solid var(--border-color);\n  border-radius: var(--border-radius-sm);\n  font-family: var(--font-family-sans);\n  font-size: 13px;\n  outline: none;\n  transition: border-color var(--transition-normal);\n}\n\n.vtable-sheet-input:focus {\n  border-color: var(--primary-color);\n}\n\n/* 动画和过渡 */\n.vtable-sheet-fade-in {\n  animation: vtable-sheet-fade-in var(--transition-normal) ease-in-out;\n}\n\n@keyframes vtable-sheet-fade-in {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n.vtable-sheet-fade-out {\n  animation: vtable-sheet-fade-out var(--transition-normal) ease-in-out;\n}\n\n@keyframes vtable-sheet-fade-out {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}\n\n/* 滚动条样式 */\n.vtable-sheet-scrollbar {\n  scrollbar-width: thin;\n  scrollbar-color: var(--gray-400) transparent;\n}\n\n.vtable-sheet-scrollbar::-webkit-scrollbar {\n  width: 8px;\n  height: 8px;\n}\n\n.vtable-sheet-scrollbar::-webkit-scrollbar-track {\n  background: transparent;\n}\n\n.vtable-sheet-scrollbar::-webkit-scrollbar-thumb {\n  background-color: var(--gray-400);\n  border-radius: 4px;\n}\n\n.vtable-sheet-scrollbar::-webkit-scrollbar-thumb:hover {\n  background-color: var(--gray-500);\n} \n", 
    document.head.appendChild(styleElement);
}

exports.importStyle = importStyle;
//# sourceMappingURL=common.js.map