@antsoo-lib/core 0.0.0 → 1.0.0

package/src/BaseTable/types.ts

@@ -0,0 +1,507 @@
+import type {
+  ButtonProps,
+  CascaderProps,
+  CheckboxGroupProps,
+  CheckboxProps,
+  ColProps,
+  DatePickerProps,
+  InputNumberProps,
+  InputProps,
+  RadioGroupProps,
+  RowProps,
+  SelectProps,
+  SwitchProps,
+  TreeSelectProps,
+  UploadProps,
+} from '@antsoo-lib/components'
+import type { AnyObject, VoidFunction } from '@antsoo-lib/shared'
+
+import type { VNode } from 'vue'
+
+import type { ToolbarState } from './state'
+
+// 事件处理函数类型定义
+export type ToolbarEventHandler = VoidFunction
+
+// 基础事件接口
+export interface BaseEvents {
+  [key: string]: ToolbarEventHandler | undefined
+}
+
+export interface BaseToolbarItem {
+  key?: string
+  label?: string
+  permission?: string
+  beforeCreate?: boolean | ((toolbarState: ToolbarState) => boolean)
+  disabled?: boolean | ((allValues: AnyObject, toolbarState: ToolbarState) => boolean)
+  props?: Record<string, any>
+  events?: BaseEvents
+}
+
+// 按钮工具栏项目
+export interface ButtonToolbarItem extends BaseToolbarItem {
+  type: 'button'
+  props?: Partial<ButtonProps> & { loading?: boolean; disabled?: boolean }
+  events?: BaseEvents & {
+    onClick?: (
+      loadingControl: { setLoading: (loading: boolean) => void; getLoading: () => boolean },
+      allValues: AnyObject,
+      toolbarState: ToolbarState,
+      ...args: any[]
+    ) => void
+  }
+}
+
+// 插槽配置接口
+export interface SlotConfig {
+  // 插槽内容可以是组件配置或渲染函数
+  content?:
+    | {
+        component: any // 组件
+        key: string // 主表字段
+        props?: AnyObject // 组件属性
+        events?: Record<string, VoidFunction> // 组件事件
+        options?: Array<{ label: string; value: any }> // 选项数据（用于select等）
+      }
+    | ((toolbarState: ToolbarState) => VNode)
+}
+
+// 输入框工具栏项目
+export interface InputToolbarItem extends BaseToolbarItem {
+  type: 'input'
+  props?: Partial<InputProps> & { value?: string; autoFocus?: boolean }
+  events?: BaseEvents & {
+    'onUpdate:value'?: (value: string, allValues: AnyObject, toolbarState: ToolbarState) => void
+    onChange?: (event: Event, allValues: AnyObject, toolbarState: ToolbarState) => void
+    onFocus?: VoidFunction
+    onFocusCapture?: VoidFunction
+    onBlur?: VoidFunction
+    onBlurCapture?: VoidFunction
+  }
+  textarea?: boolean
+  // 插槽配置
+  slots?: {
+    addonBefore?: SlotConfig
+    addonAfter?: SlotConfig
+    prefix?: SlotConfig
+    suffix?: SlotConfig
+  }
+}
+
+// 单选框工具栏项目
+export interface RadioGroupToolbarItem extends BaseToolbarItem {
+  type: 'radioGroup'
+  props?: Partial<RadioGroupProps> & { value?: any }
+  events?: BaseEvents & {
+    'onUpdate:value'?: (value: string, allValues: AnyObject, toolbarState: ToolbarState) => void
+    onChange?: (event: Event, allValues: AnyObject, toolbarState: ToolbarState) => void
+  }
+}
+
+// 复选框工具栏项目
+export interface CheckboxToolbarItem extends BaseToolbarItem {
+  type: 'checkbox'
+  props?: Partial<CheckboxProps> & { checked?: boolean; value?: boolean }
+  events?: BaseEvents & {
+    'onUpdate:checked'?: (
+      checked: boolean,
+      allValues: AnyObject,
+      toolbarState: ToolbarState,
+    ) => void
+    onChange?: (event: any, allValues: AnyObject, toolbarState: ToolbarState) => void
+    'onUpdate:value'?: (checked: boolean, allValues: AnyObject, toolbarState: ToolbarState) => void
+  }
+  label?: string // 复选框后面显示的文案
+}
+
+// 开关工具栏项目
+export interface SwitchToolbarItem extends BaseToolbarItem {
+  type: 'switch'
+  props?: Partial<SwitchProps> & { checked?: boolean }
+  events?: BaseEvents & {
+    'onUpdate:checked'?: (
+      checked: boolean,
+      allValues: AnyObject,
+      toolbarState: ToolbarState,
+    ) => void
+    onChange?: (checked: boolean, allValues: AnyObject, toolbarState: ToolbarState) => void
+  }
+}
+
+// 复选框组工具栏项目
+export interface CheckboxGroupToolbarItem extends BaseToolbarItem {
+  type: 'checkboxGroup'
+  props?: Partial<CheckboxGroupProps> & { value?: any[] }
+  events?: BaseEvents & {
+    'onUpdate:value'?: (value: any[], allValues: AnyObject, toolbarState: ToolbarState) => void
+    onChange?: (checkedValues: any[], allValues: AnyObject, toolbarState: ToolbarState) => void
+  }
+}
+
+// 日期选择器工具栏项目
+export interface DatePickerToolbarItem extends BaseToolbarItem {
+  type: 'datePicker'
+  props?: Partial<DatePickerProps> & { value?: any; autoFocus?: boolean }
+  events?: BaseEvents & {
+    'onUpdate:value'?: (value: any, allValues: AnyObject, toolbarState: ToolbarState) => void
+    onChange?: (value: any, allValues: AnyObject, toolbarState: ToolbarState) => void
+    onFocus?: VoidFunction
+  }
+  range?: boolean
+}
+
+export interface SelectToolbarItem extends BaseToolbarItem {
+  type: 'select'
+  props?: Partial<SelectProps> & {
+    value?: any
+    options?: any[] | ((values: AnyObject) => any[])
+  }
+  events?: BaseEvents & {
+    'onUpdate:value'?: (value: any, allValues: AnyObject, toolbarState: ToolbarState) => void
+    onChange?: (value: any, allValues: AnyObject, toolbarState: ToolbarState) => void
+  }
+}
+
+// 级联选择器工具栏项目
+export interface CascaderToolbarItem extends BaseToolbarItem {
+  type: 'cascader'
+  props?: Partial<CascaderProps> & { value?: any }
+  events?: BaseEvents & {
+    'onUpdate:value'?: (value: any, allValues: AnyObject, toolbarState: ToolbarState) => void
+    onChange?: (value: any, allValues: AnyObject, toolbarState: ToolbarState) => void
+  }
+}
+
+// 地区级联选择器属性定义
+export interface AreaCascaderProps {
+  value?: any[]
+  placeholder?: string
+  disabled?: boolean
+  allowClear?: boolean
+  [key: string]: any
+}
+
+// 地区级联选择器工具栏项目
+export interface AreaCascaderToolbarItem extends BaseToolbarItem {
+  type: 'areaCascader'
+  props?: AreaCascaderProps
+  attr?: Record<string, any>
+  events?: BaseEvents & {
+    'onUpdate:value'?: (value: any, allValues: AnyObject, toolbarState: ToolbarState) => void
+    selectedArea?: (area: any, allValues: AnyObject, toolbarState: ToolbarState) => void
+  }
+}
+
+// 树选择器工具栏项目
+export interface TreeSelectToolbarItem extends BaseToolbarItem {
+  type: 'treeSelect'
+  props?: Partial<TreeSelectProps> & {
+    value?: any
+    options?: any[] | ((values: AnyObject) => any[])
+  }
+  events?: BaseEvents & {
+    'onUpdate:value'?: (value: any, allValues: AnyObject, toolbarState: ToolbarState) => void
+    onChange?: (value: any, allValues: AnyObject, toolbarState: ToolbarState) => void
+  }
+}
+
+export interface InputNumberToolbarItem extends BaseToolbarItem {
+  type: 'inputNumber'
+  props?: Partial<InputNumberProps> & {
+    value?: any
+    autoFocus?: boolean
+    xmoney?: boolean
+    xprice?: boolean
+    xweight?: boolean
+    xtaxrate?: boolean
+    xnumber?: boolean
+  }
+  events?: BaseEvents & {
+    'onUpdate:value'?: (value: any, allValues: AnyObject, toolbarState: ToolbarState) => void
+    onChange?: (value: any, allValues: AnyObject, toolbarState: ToolbarState) => void
+    onStep?: (value: any, allValues: AnyObject, toolbarState: ToolbarState) => void
+    onFocus?: VoidFunction
+    onFocusCapture?: VoidFunction
+    onBlur?: VoidFunction
+    onBlurCapture?: VoidFunction
+  }
+  slots?: {
+    addonBefore?: SlotConfig
+    addonAfter?: SlotConfig
+    prefix?: SlotConfig
+    suffix?: SlotConfig
+  }
+}
+
+export interface InputPasswordToolbarItem extends BaseToolbarItem {
+  type: 'inputPassword'
+  props?: Partial<InputProps> & { value?: string }
+  events?: BaseEvents & {
+    'onUpdate:value'?: (value: string, allValues: AnyObject, toolbarState: ToolbarState) => void
+    onChange?: (event: Event, allValues: AnyObject, toolbarState: ToolbarState) => void
+  }
+  textarea?: boolean
+  // 插槽配置
+  slots?: {
+    addonBefore?: SlotConfig
+    addonAfter?: SlotConfig
+    prefix?: SlotConfig
+    suffix?: SlotConfig
+  }
+}
+
+export interface UploadToolbarItem extends BaseToolbarItem {
+  type: 'upload'
+  props?: Partial<UploadProps> & {
+    value?: any[]
+    // 基础属性
+    placeholder?: string
+    allowClear?: boolean
+    disabled?: boolean | ((allValues: AnyObject, toolbarState: ToolbarState) => boolean)
+    multiple?: boolean
+    maxCount?: number
+    listType?: 'text' | 'picture' | 'picture-card'
+
+    // 接口配置
+    api?: {
+      url: string
+      method?: 'GET' | 'POST'
+      headers?: Record<string, string>
+    }
+
+    // 额外参数配置
+    extraParams?: AnyObject | ((allValues: AnyObject, toolbarState: ToolbarState) => AnyObject)
+
+    // 数据映射配置
+    dataMapping?: {
+      list?: string // 文件列表字段路径
+      url?: string // 文件URL字段
+      name?: string // 文件名字段
+      status?: string // 文件状态字段
+    }
+
+    // UI 配置
+    buttonText?: string // 上传按钮文本，默认为"点击上传"
+    placeholderSrc?: string // picture-card 模式下的占位符图片地址
+    placeholderAlt?: string // 占位符图片的 alt 属性
+    placeholderClass?: string // 占位符图片的 CSS 类名
+    placeholderStyle?: AnyObject // 占位符图片的内联样式
+
+    // 其他配置
+    transformData?: (data: any) => any
+    beforeUpload?: (file: File, fileList: File[]) => boolean | Promise<boolean>
+    onPreview?: (file: any) => void
+    onRemove?: (file: any) => boolean | Promise<boolean>
+  }
+
+  // 文件类型限制配置
+  passage?: 'image' | 'pdf' | 'word' | 'excel' | 'video' | 'audio' | string
+
+  events?: BaseEvents & {
+    'onUpdate:value'?: (value: any, allValues: AnyObject, toolbarState: ToolbarState) => void
+    onChange?: (info: any, allValues: AnyObject, toolbarState: ToolbarState) => void
+    onSuccess?: (response: any, file: any, allValues: AnyObject, toolbarState: ToolbarState) => void
+    onError?: (error: any, file: any, allValues: AnyObject, toolbarState: ToolbarState) => void
+  }
+}
+
+// SselectPage 属性定义
+export interface SselectPageProps {
+  value?: any
+  placeholder?: string
+  allowClear?: boolean
+  showSearch?: boolean
+  disabled?: boolean
+  maxTagCount?: number
+  size?: 'large' | 'middle' | 'small'
+  mode?: 'multiple' | 'tags'
+  api: {
+    url: string
+    method?: 'GET' | 'POST'
+    headers?: Record<string, string>
+    params?: AnyObject
+    data?: AnyObject
+  }
+  dataMapping?: {
+    list?: string
+    total?: string
+    value?: string
+    label?: string
+  }
+  pagination?: boolean
+  paginationConfig?: {
+    pageField?: string
+    pageSizeField?: string
+    searchField?: string
+    searchContains?: string
+  }
+  pageSize?: number
+  searchDelay?: number
+  extraParams?: AnyObject | ((allValues: AnyObject, toolbarState: ToolbarState) => AnyObject)
+  transformData?: (data: any) => any
+  autoLoad?: boolean
+  autoFocus?: boolean
+  [key: string]: any
+}
+
+export interface SselectPageToolbarItem extends BaseToolbarItem {
+  type: 'sselectPage'
+  props?: SselectPageProps & {
+    disabled?: boolean | ((allValues: AnyObject, toolbarState: ToolbarState) => boolean)
+  }
+  events?: BaseEvents & {
+    'onUpdate:value'?: (value: any, allValues: AnyObject, toolbarState: ToolbarState) => void
+    onChange?: (value: any, option: any, allValues: AnyObject, toolbarState: ToolbarState) => void
+    onSearch?: (value: string, allValues: AnyObject, toolbarState: ToolbarState) => void
+    onClear?: (allValues: AnyObject, toolbarState: ToolbarState) => void
+  }
+}
+
+export interface AutoCompleteProps {
+  value?: any
+  options?: any[]
+  placeholder?: string
+  disabled?: boolean
+  allowClear?: boolean
+  [key: string]: any
+}
+
+export interface AutoCompleteToolbarItem extends BaseToolbarItem {
+  type: 'autoComplete'
+  props?: AutoCompleteProps
+  events?: BaseEvents & {
+    'onUpdate:value'?: (value: any, allValues: AnyObject, toolbarState: ToolbarState) => void
+    onChange?: (value: any, allValues: AnyObject, toolbarState: ToolbarState) => void
+    onSelect?: (value: any, option: any, allValues: AnyObject, toolbarState: ToolbarState) => void
+    onSearch?: (value: string, allValues: AnyObject, toolbarState: ToolbarState) => void
+  }
+}
+
+// ------------------------------
+// Input.Group 渲染器配置定义
+// ------------------------------
+export type InputGroupSize = 'large' | 'middle' | 'small' | 'default'
+export interface InputGroupPropsLike {
+  size?: InputGroupSize
+  compact?: boolean
+  prefixCls?: string
+}
+
+// 允许在工具栏中直接使用预设描述项（xtype）
+export type PresetXtype = 'add' | 'edit' | 'dels' | 'export' | 'print' | 'files'
+
+export interface FilesCategoryOption {
+  label: string
+  value: string
+  [key: string]: any
+}
+
+export interface FilesPresetConfig {
+  title?: string
+  // 单据类型：决定附件归属（UploadPopup 内部请求依赖该字段）
+  billtypeCode: string | ((row: AnyObject) => string)
+  // 分类下拉：UploadPopup 打开后默认选第一个，并按 category 拉历史列表
+  categoryOptions: FilesCategoryOption[] | ((row: AnyObject) => FilesCategoryOption[])
+  // objId 从行对象取值的字段名，默认 id
+  objIdKey?: string
+  accept?: string
+  passage?: 'image' | 'pdf' | 'word' | 'excel' | 'video' | 'audio' | string
+  maxFileSizeMB?: number
+  maxCount?: number
+  // 上传成功后是否刷新表格（由 SearchTable.openFilesPopup 控制）
+  refreshOnSuccess?: boolean
+}
+
+export interface PresetBaseToolbarItem extends BaseToolbarItem {
+  xtype: PresetXtype
+  permission?: string
+  label?: string
+  events?: any
+  props?: any
+}
+
+export interface PresetDelsToolbarItem extends PresetBaseToolbarItem {
+  xtype: 'dels'
+  api?: {
+    url?: string
+    method?: 'get' | 'post'
+    useParams?: boolean
+  }
+}
+
+export interface PresetExportToolbarItem extends PresetBaseToolbarItem {
+  xtype: 'export'
+  filename?: string
+}
+
+export interface PresetFilesToolbarItem extends PresetBaseToolbarItem {
+  xtype: 'files'
+  // 附件预设配置：由 SearchTable 内置 UploadPopup 消费
+  files: FilesPresetConfig
+}
+
+export type PresetToolbarItem =
+  | PresetDelsToolbarItem
+  | PresetExportToolbarItem
+  | PresetFilesToolbarItem
+
+// Renderable items (those with a 'type' property)
+export type RenderableToolbarItem =
+  | ButtonToolbarItem
+  | InputToolbarItem
+  | RadioGroupToolbarItem
+  | CheckboxToolbarItem
+  | SwitchToolbarItem
+  | CheckboxGroupToolbarItem
+  | DatePickerToolbarItem
+  | UploadToolbarItem
+  | InputNumberToolbarItem
+  | SelectToolbarItem
+  | TreeSelectToolbarItem
+  | InputPasswordToolbarItem
+  | SselectPageToolbarItem
+  | AutoCompleteToolbarItem
+  | InputGroupToolbarItem
+  | CascaderToolbarItem
+  | AreaCascaderToolbarItem
+
+export type ToolbarItem = RenderableToolbarItem | PresetToolbarItem
+
+export type InputGroupChild = RenderableToolbarItem & {
+  // 当使用 Row 布局时的列宽设置
+  span?: number // 24 栅格系统
+  flex?: string // 可选：flex 布局
+  class?: string
+  style?: AnyObject
+}
+
+export interface InputGroupToolbarItem extends BaseToolbarItem {
+  [x: string]: any
+  type: 'inputGroup'
+  props?: Partial<InputGroupPropsLike>
+  // 布局控制：compact（紧凑）/ row（栅格）/ none（默认）
+  layout?: {
+    type?: 'compact' | 'row' | 'none'
+    rowProps?: Partial<RowProps>
+    // 针对每个子项的列设置（仅当 type=row 时生效）
+    cols?: Array<Partial<ColProps> & { span?: number }>
+  }
+  children: InputGroupChild[]
+}
+
+// 工具栏配置类型
+export interface ToolbarConfig {
+  items: ToolbarItem[]
+}
+
+export type {
+  ButtonProps,
+  DatePickerProps,
+  InputNumberProps,
+  InputProps,
+  RadioGroupProps,
+  SelectProps,
+  SwitchProps,
+  TreeSelectProps,
+  UploadProps,
+}

package/src/BaseTable/utils.tsx

@@ -0,0 +1,144 @@
+import { Button, Dropdown, Menu, MenuItem } from '@antsoo-lib/components'
+import { DownOutlined, UpOutlined } from '@antsoo-lib/icons'
+import { isEmpty, isFunction } from '@antsoo-lib/utils'
+
+import { markRaw, ref } from 'vue'
+import type { VNode } from 'vue'
+
+import { registerBaseTableComponents } from './registry'
+import { rendererMap } from './renderers'
+import { useToolbarState } from './state'
+import type { ToolbarState } from './state'
+import type { ToolbarConfig, ToolbarItem } from './types'
+
+// 工具栏渲染函数
+export function renderToolbar(
+  config: ToolbarConfig,
+  toolbarState: ToolbarState,
+  count: number | (() => number),
+  permissions: string[] = [],
+): VNode[] {
+  if (!config || !config.items || !Array.isArray(config.items)) {
+    return []
+  }
+  const allShowBtn = config.items.filter((item) => {
+    // 预设xtype项由上层组件转换，这里直接过滤掉
+    if ((item as any).xtype) {
+      return false
+    }
+    // Decoupled: Check permission against the passed array
+    if (item.permission && !permissions.includes(item.permission)) {
+      return false
+    }
+    // 检查 beforeCreate 属性
+    if (item.beforeCreate === undefined) {
+      return true // 默认显示
+    }
+
+    if (typeof item.beforeCreate === 'boolean') {
+      return item.beforeCreate
+    }
+
+    if (typeof item.beforeCreate === 'function') {
+      try {
+        return item.beforeCreate(toolbarState)
+      } catch (error) {
+        console.warn(`beforeCreate function error for item ${item.key}:`, error)
+        return false
+      }
+    }
+
+    return true
+  })
+  const extendCount = isFunction(count) ? count() : count
+
+  // 优化按钮展示逻辑
+  let extendShow: any[]
+  let foldShow: any[]
+
+  if (extendCount <= 0 || allShowBtn.length === 0) {
+    // 边界条件：extendCount 无效或没有按钮
+    extendShow = []
+    foldShow = []
+  } else if (allShowBtn.length <= extendCount) {
+    // 按钮数量不超过限制，全部展示
+    extendShow = allShowBtn
+    foldShow = []
+  } else {
+    // 按钮数量超过限制，需要收起部分按钮
+    if (extendCount === 1) {
+      // 特殊情况：只能展示1个按钮，直接显示"更多"按钮
+      extendShow = []
+      foldShow = allShowBtn
+    } else {
+      // 实际展示的普通按钮数量为 extendCount - 1，为"更多"按钮预留位置
+      extendShow = allShowBtn.slice(0, extendCount - 1)
+      foldShow = allShowBtn.slice(extendCount - 1)
+    }
+  }
+
+  // 渲染显示的按钮
+  const renderedExtendShow = extendShow.map((item: ToolbarItem) => {
+    // 对于 PresetToolbarItem，它没有 type 属性来匹配 rendererMap，但应该已被 filter 掉。
+    if ('xtype' in item) return null
+
+    const renderer = rendererMap[item.type]
+    if (!renderer) {
+      console.warn(`Unknown toolbar item type: ${item.type}`)
+      return <div key={item.key}>Unknown type: {item.type}</div>
+    }
+    return renderer(item, toolbarState, toolbarState.getAllValues())
+  })
+
+  // 如果有折叠的按钮，添加下拉菜单
+  if (!isEmpty(foldShow)) {
+    const menuItems = foldShow.map((item: ToolbarItem) => {
+      // 同样的类型守卫
+      if ('xtype' in item) return null
+
+      return (
+        <MenuItem
+          key={item.key || `fold-${Math.random()}`}
+          onClick={() => {
+            // 处理按钮点击事件
+            if (item.events?.onClick) {
+              const loadingControl = {
+                setLoading: (_loading: boolean) => {
+                  // 这里可以根据需要实现加载状态控制
+                },
+                getLoading: () => false,
+              }
+              item.events.onClick(loadingControl, toolbarState.getAllValues(), toolbarState)
+            }
+          }}
+        >
+          {item.label || item.key || '未命名'}
+        </MenuItem>
+      )
+    })
+
+    const dropdownMenu = <Menu>{menuItems}</Menu>
+    const dropdownVisible = ref(false)
+    const MoreButton = markRaw(Dropdown)
+    const moreButton = (
+      <MoreButton
+        overlay={dropdownMenu}
+        trigger={['hover']}
+        onOpenChange={(visible: boolean) => {
+          dropdownVisible.value = visible
+        }}
+      >
+        <Button type="default">
+          更多
+          {dropdownVisible.value ? <UpOutlined /> : <DownOutlined />}
+        </Button>
+      </MoreButton>
+    )
+    renderedExtendShow.push(moreButton)
+  }
+  return renderedExtendShow.filter(Boolean) as VNode[]
+}
+
+export { registerBaseTableComponents, ToolbarState, useToolbarState }
+export * from './types'
+export * from './renderers'

package/src/index.ts

@@ -0,0 +1,3 @@
+import BaseTable from './BaseTable/index.vue'
+
+export { BaseTable }

package/vite.config.ts

@@ -0,0 +1,48 @@
+import vue from '@vitejs/plugin-vue'
+import vueJsx from '@vitejs/plugin-vue-jsx'
+import { resolve } from 'node:path'
+import { defineConfig } from 'vite'
+import dts from 'vite-plugin-dts'
+
+export default defineConfig({
+  resolve: {
+    extensions: ['.ts', '.tsx', '.vue'],
+  },
+  plugins: [
+    vue(),
+    vueJsx(),
+    dts({
+      include: ['index.ts', 'src/**/*.ts', 'src/**/*.tsx', 'src/**/*.vue'],
+      outDir: 'dist/types',
+      cleanVueFileName: true,
+    }),
+  ],
+  build: {
+    cssCodeSplit: false,
+    lib: {
+      entry: resolve(__dirname, 'index.ts'),
+      name: 'AntsooTableCore',
+      fileName: (format) => `index.${format === 'es' ? 'js' : 'cjs'}`,
+      formats: ['es', 'cjs'],
+    },
+    rollupOptions: {
+      external: [
+        'vue',
+        '@antsoo-lib/utils',
+        '@antsoo-lib/shared',
+        '@antsoo-lib/components',
+        'lodash-es',
+        /^@ant-design\/icons-svg/,
+      ],
+      output: {
+        globals: {
+          vue: 'Vue',
+          '@antsoo-lib/utils': 'AntsooUtils',
+          '@antsoo-lib/shared': 'AntsooShared',
+          '@antsoo-lib/components': 'AntsooComponents',
+          'lodash-es': 'lodash-es',
+        },
+      },
+    },
+  },
+})