import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import { SchemaUIPlugin } from '@sjlit/rest-ui'
import axios from 'axios'
import App from './App.vue'

const app = createApp(App)

app.use(ElementPlus)
app.use(SchemaUIPlugin, {
  // 必填：HTTP 客户端
  httpClient: {
    get: (url, config) => axios.get(url, config),
    post: (url, data, config) => axios.post(url, data, config),
    put: (url, data, config) => axios.put(url, data, config),
    delete: (url, data) => axios.delete(url, { data }),
  },
  // 可选：权限检查
  hasPermission: (permission) => {
    const userPermissions = JSON.parse(localStorage.getItem('permissions') || '[]')
    return userPermissions.includes(permission)
  },
  // 可选：路由跳转
  router: {
    push: (to) => app.config.globalProperties.$router.push(to),
  },
  // 可选：国际化
  i18n: {
    t: (key, ...args) => {
      const messages: Record<string, string> = {
        'validation.required': `${args[0]}不能为空`,
        'validation.max': `${args[0]}不能超过${args[1]}个字符`,
        'validation.pattern': `${args[0]}格式不正确`,
      }
      return messages[key] || key
    },
  },
  // 可选：API 前缀
  apiPrefix: 'rest',
})

app.mount('#app')

import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import { SchemaUIPlugin } from '@sjlit/rest-ui'
import App from './App.vue'

const app = createApp(App)
app.use(ElementPlus)
app.use(SchemaUIPlugin, { httpClient: /* ... */ })
app.mount('#app')

// vite.config.ts
import { defineConfig } from 'vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'

export default defineConfig({
  plugins: [
    Components({
      // 关键: 必须是 'css',让 resolver 自动按需注入组件对应的 CSS,
      // 而不是要求消费方手动 import 'element-plus/dist/index.css'(那会回到全量样式)。
      resolvers: [ElementPlusResolver({ importStyle: 'css' })],
    }),
  ],
})

import { createApp } from 'vue'
import { SchemaUIPlugin } from '@sjlit/rest-ui'
import App from './App.vue'

const app = createApp(App)
app.use(SchemaUIPlugin, { httpClient: /* ... */ })
app.mount('#app')

import { useSchemaUI } from '@sjlit/rest-ui'

const config = useSchemaUI()
// config.httpClient, config.i18n, config.hasPermission, ...

interface Schema {
  id?: number
  created_at?: number
  updated_at?: number
  tenant_id?: string
  module_name: string
  table_name: string
  enable: number
  column: string        // 字段名
  label: string         // 显示标签
  type: string          // 数据类型：integer | float | boolean | string
  format: string        // 显示格式：text | dropdown | datetime | date | time | password | ...
  native: number
  primary_key: number   // 1 = 主键，0 = 非主键
  expression: string
  scenarios: string[]   // 适用场景：create | update | delete | search | list | detail | export
  rules: SchemaRule
  attributes: SchemaAttribute
  relations: Relation
  position: number
}

interface SchemaRule {
  min: number
  max: number
  type: string
  unique: boolean
  required: string[]    // 必填场景列表
  regular?: string      // 正则表达式
  safe?: boolean
}

interface SchemaAttribute {
  match: string
  tag?: string
  default_value: string
  readonly: string[]    // 只读场景列表
  disable: string[]     // 禁用场景列表
  visible: VisibleCondition[]  // 可见性条件
  invisible: boolean    // 是否完全隐藏
  end_of_now: boolean
  time_search_range: string
  values?: EnumValue[]  // 枚举值列表（下拉选项）
  live: LiveValue       // 动态加载配置
  upload_url?: string   // 文件上传地址
  icon?: string
  sort: boolean         // 是否支持排序
  suffix?: string       // 输入框后缀
  tooltip?: string      // 提示文本
  dropdown?: DropdownOptions  // 下拉框配置
  description?: string
}

interface Action {
  name: string
  label: string
  type?: ButtonType     // Element Plus 按钮类型：primary | success | danger | warning | info | default
  icon?: string
  round?: boolean
  size?: ComponentSize  // Element Plus 尺寸：large | default | small
  permission?: string   // 所需权限标识
  selection?: boolean   // 预留字段，当前未生效
  hidden?: boolean | ((model: Model) => boolean | Promise<boolean>)
  callback?: (model: Model, schemas?: Schema[], loading?: any) => void
  asyncCallback?: (model: Model, schemas?: Schema[], action?: Action) => Promise<void>
}

interface Model {
  [key: string]: any
}

interface Pagination {
  index: number         // 当前页码
  size: number          // 每页条数
  totalCount: number    // 总条数
}

interface CRUDOptions {
  module?: string
  table?: string
  apiPrefix?: string
  schemas?: Schema[] | Record<string, Schema>
  httpClient: SchemaUIConfig['httpClient'] // 必须，用于 HTTP 请求
}

TypeInteger   = 'integer'
TypeFloat     = 'float'
TypeBoolean   = 'boolean'
TypeString    = 'string'

FormatInteger    = 'integer'
FormatFloat      = 'float'
FormatBoolean    = 'boolean'
FormatString     = 'string'
FormatText       = 'text'
FormatDropdown   = 'dropdown'
FormatDatetime   = 'datetime'
FormatDate       = 'date'
FormatTime       = 'time'
FormatTimestamp  = 'timestamp'
FormatPassword   = 'password'

ScenarioCreate  = 'create'
ScenarioUpdate  = 'update'
ScenarioDelete  = 'delete'
ScenarioSearch  = 'search'
ScenarioExport  = 'export'
ScenarioList    = 'list'
ScenarioDetail  = 'detail'

MatchExactly  = 'exactly'
MatchFuzzy    = 'fuzzy'

LiveTypeDropdown   = 'dropdown'
LiveTypeCascader   = 'cascader'

import { Scenarios } from '@sjlit/rest-ui'

const scenarios = Scenarios.from('create;update;list')
scenarios.has('create')  // true
scenarios.has('delete')  // false

import { encode, decode } from '@sjlit/rest-ui'

// encode: Date -> 格式字符串（YYYY-MM-DD HH:mm:ss）
const submitModel = encode(model, schemas, 'create')

// decode: string -> number/boolean
const formModel = decode(rawModel, schemas, 'create')

import { getModelValue, getModelLabel } from '@sjlit/rest-ui'

const value = getModelValue(model, 'status')      // 获取原始值
const label = getModelLabel(model, 'status')      // 获取显示标签（支持枚举映射）

import { generateSchemaRule } from '@sjlit/rest-ui'

const rules = generateSchemaRule(
  (key, args) => `${args[0]}不能为空`,  // 翻译函数
  schema,
  'create'  // 场景
)
// 返回 Element Plus 的 rules 数组

import { checkSchemaVisible } from '@sjlit/rest-ui'

const isVisible = checkSchemaVisible(schema, model)

import { clearSearchModel } from '@sjlit/rest-ui'

const cleanQuery = clearSearchModel(searchModel, schemas)

const crud = new CRUD({
  module: 'user',
  table: 'admin',
  apiPrefix: 'rest',
  httpClient: axiosInstance,
  schemas: preloadedSchemas,  // 可选：预加载 schema
})

import { defineConfig } from 'vite'
import { resolve } from 'path'

export default defineConfig({
  resolve: {
    alias: {
      '@sjlit/rest-ui': resolve(__dirname, '/absolute/path/to/rest-ui/src/index.ts'),
    },
  },
})

import '@sjlit/rest-ui/style.css'
// 或
import '@sjlit/rest-ui/dist/style.css'

import type {
  Schema,
  SchemaRule,
  SchemaAttribute,
  EnumValue,
  VisibleCondition,
  LiveValue,
  DropdownOptions,
  Relation,
  Model,
  Action,
  Pagination,
  Sortable,
  CRUDOptions,
  SchemaUIConfig,
  // 从 element-plus 透传的联合类型
  ButtonType,
  ComponentSize,
} from '@sjlit/rest-ui'