@antsoo-lib/components 0.1.11 → 0.1.12

package/src/comment/style/index.ts

@@ -1,160 +0,0 @@
-import type { FullToken, GenerateStyle } from '../../theme/internal'
-import { genComponentStyleHook, mergeToken } from '../../theme/internal'
-
-export interface ComponentToken {}
-
-type CommentToken = FullToken<'Comment'> & {
-  commentBg: string
-  commentPaddingBase: string
-  commentNestIndent: string
-  commentFontSizeBase: number
-  commentFontSizeSm: number
-  commentAuthorNameColor: string
-  commentAuthorTimeColor: string
-  commentActionColor: string
-  commentActionHoverColor: string
-  commentActionsMarginBottom: string
-  commentActionsMarginTop: number
-  commentContentDetailPMarginBottom: string
-}
-
-const genBaseStyle: GenerateStyle<CommentToken> = (token) => {
-  const {
-    componentCls,
-    commentBg,
-    commentPaddingBase,
-    commentNestIndent,
-    commentFontSizeBase,
-    commentFontSizeSm,
-    commentAuthorNameColor,
-    commentAuthorTimeColor,
-    commentActionColor,
-    commentActionHoverColor,
-    commentActionsMarginBottom,
-    commentActionsMarginTop,
-    commentContentDetailPMarginBottom,
-  } = token
-
-  return {
-    [componentCls]: {
-      position: 'relative',
-      backgroundColor: commentBg,
-
-      [`${componentCls}-inner`]: {
-        display: 'flex',
-        padding: commentPaddingBase,
-      },
-
-      [`${componentCls}-avatar`]: {
-        position: 'relative',
-        flexShrink: 0,
-        marginRight: token.marginSM,
-        cursor: 'pointer',
-
-        [`img`]: {
-          width: '32px',
-          height: '32px',
-          borderRadius: '50%',
-        },
-      },
-
-      [`${componentCls}-content`]: {
-        position: 'relative',
-        flex: `1 1 auto`,
-        minWidth: `1px`,
-        fontSize: commentFontSizeBase,
-        wordWrap: 'break-word',
-
-        [`&-author`]: {
-          display: 'flex',
-          flexWrap: 'wrap',
-          justifyContent: 'flex-start',
-          marginBottom: token.marginXXS,
-          fontSize: commentFontSizeBase,
-
-          [`& > a,& > span`]: {
-            paddingRight: token.paddingXS,
-            fontSize: commentFontSizeSm,
-            lineHeight: `18px`,
-          },
-
-          [`&-name`]: {
-            color: commentAuthorNameColor,
-            fontSize: commentFontSizeBase,
-            transition: `color ${token.motionDurationSlow}`,
-
-            [`> *`]: {
-              color: commentAuthorNameColor,
-
-              [`&:hover`]: {
-                color: commentAuthorNameColor,
-              },
-            },
-          },
-
-          [`&-time`]: {
-            color: commentAuthorTimeColor,
-            whiteSpace: 'nowrap',
-            cursor: 'auto',
-          },
-        },
-
-        [`&-detail p`]: {
-          marginBottom: commentContentDetailPMarginBottom,
-          whiteSpace: 'pre-wrap',
-        },
-      },
-
-      [`${componentCls}-actions`]: {
-        marginTop: commentActionsMarginTop,
-        marginBottom: commentActionsMarginBottom,
-        paddingLeft: 0,
-
-        [`> li`]: {
-          display: 'inline-block',
-          color: commentActionColor,
-
-          [`> span`]: {
-            marginRight: '10px',
-            color: commentActionColor,
-            fontSize: commentFontSizeSm,
-            cursor: 'pointer',
-            transition: `color ${token.motionDurationSlow}`,
-            userSelect: 'none',
-
-            [`&:hover`]: {
-              color: commentActionHoverColor,
-            },
-          },
-        },
-      },
-
-      [`${componentCls}-nested`]: {
-        marginLeft: commentNestIndent,
-      },
-
-      '&-rtl': {
-        direction: 'rtl',
-      },
-    },
-  }
-}
-
-export default genComponentStyleHook('Comment', (token) => {
-  const commentToken = mergeToken<CommentToken>(token, {
-    commentBg: 'inherit',
-    commentPaddingBase: `${token.paddingMD}px 0`,
-    commentNestIndent: `44px`,
-    commentFontSizeBase: token.fontSize,
-    commentFontSizeSm: token.fontSizeSM,
-    commentAuthorNameColor: token.colorTextTertiary,
-    commentAuthorTimeColor: token.colorTextPlaceholder,
-    commentActionColor: token.colorTextTertiary,
-    commentActionHoverColor: token.colorTextSecondary,
-    commentActionsMarginBottom: 'inherit',
-    commentActionsMarginTop: token.marginSM,
-    commentContentDetailPMarginBottom: 'inherit',
-  })
-
-  return [genBaseStyle(commentToken)]
-})

package/src/components.ts

@@ -1,263 +0,0 @@
-export type { AffixProps } from './affix'
-export { default as Affix } from './affix'
-
-export type { AnchorProps, AnchorLinkProps } from './anchor'
-export { default as Anchor, AnchorLink } from './anchor'
-
-export type { AutoCompleteProps } from './auto-complete'
-export { default as AutoComplete, AutoCompleteOptGroup, AutoCompleteOption } from './auto-complete'
-
-export type { AlertProps } from './alert'
-export { default as Alert } from './alert'
-
-export type { AvatarProps } from './avatar'
-export { default as Avatar, AvatarGroup } from './avatar'
-
-export type { BadgeProps } from './badge'
-export { default as Badge, BadgeRibbon } from './badge'
-
-export type { BreadcrumbProps, BreadcrumbItemProps, BreadcrumbSeparatorProps } from './breadcrumb'
-export { default as Breadcrumb, BreadcrumbItem, BreadcrumbSeparator } from './breadcrumb'
-
-export type { ButtonProps } from './button'
-export { default as Button, ButtonGroup } from './button'
-
-export type { CalendarProps } from './calendar'
-export { default as Calendar } from './calendar'
-
-export type { CardProps } from './card'
-export { default as Card, CardGrid, CardMeta } from './card'
-
-export type { CollapseProps, CollapsePanelProps } from './collapse'
-export { default as Collapse, CollapsePanel } from './collapse'
-
-export type { CarouselProps } from './carousel'
-export { default as Carousel } from './carousel'
-
-export type { CascaderProps } from './cascader'
-export { default as Cascader } from './cascader'
-
-export type { CheckboxProps, CheckboxGroupProps, CheckboxOptionType } from './checkbox'
-export { default as Checkbox, CheckboxGroup } from './checkbox'
-
-export type { ColProps } from './col'
-export { default as Col } from './col'
-
-export type { CommentProps } from './comment'
-export { default as Comment } from './comment'
-
-export type { ConfigProviderProps } from './config-provider'
-export { default as ConfigProvider } from './config-provider'
-
-export type { DatePickerProps } from './date-picker'
-export {
-  default as DatePicker,
-  MonthPicker,
-  WeekPicker,
-  RangePicker,
-  QuarterPicker,
-} from './date-picker'
-
-export type { DescriptionsProps } from './descriptions'
-export { default as Descriptions, DescriptionsItem } from './descriptions'
-
-export type { DividerProps } from './divider'
-export { default as Divider } from './divider'
-
-export type { DropdownProps } from './dropdown'
-export { default as Dropdown, DropdownButton } from './dropdown'
-
-export type { DrawerProps } from './drawer'
-export { default as Drawer } from './drawer'
-
-export type { EmptyProps } from './empty'
-export { default as Empty } from './empty'
-
-export type {
-  FloatButtonProps,
-  FloatButtonGroupProps,
-  BackTopProps,
-} from './float-button/interface'
-export { default as FloatButton, FloatButtonGroup, BackTop } from './float-button'
-
-export type { FormProps, FormItemProps, FormInstance, FormItemInstance } from './form'
-export { default as Form, FormItem, FormItemRest } from './form'
-
-export { default as Grid } from './grid'
-
-export type { InputProps, TextAreaProps } from './input'
-export { default as Input, InputGroup, InputPassword, InputSearch, Textarea } from './input'
-
-export type { ImageProps } from './image'
-export { default as Image, ImagePreviewGroup } from './image'
-
-export type { InputNumberProps } from './input-number'
-export { default as InputNumber } from './input-number'
-
-export type { LayoutProps, SiderProps } from './layout'
-export { default as Layout, LayoutHeader, LayoutSider, LayoutFooter, LayoutContent } from './layout'
-
-export type { ListProps, ListItemProps, ListItemMetaProps } from './list'
-export { default as List, ListItem, ListItemMeta } from './list'
-
-export type { MessageArgsProps } from './message'
-export { default as message } from './message'
-
-export type {
-  MenuProps,
-  MenuTheme,
-  SubMenuProps,
-  MenuItemProps,
-  MenuMode,
-  MenuDividerProps,
-  ItemType,
-} from './menu'
-export { default as Menu, MenuDivider, MenuItem, MenuItemGroup, SubMenu } from './menu'
-
-export type { MentionsProps } from './mentions'
-export { default as Mentions, MentionsOption } from './mentions'
-
-export type { ModalProps, ModalFuncProps } from './modal'
-export { default as Modal } from './modal'
-
-export type { StatisticProps } from './statistic'
-export { default as Statistic, StatisticCountdown } from './statistic'
-
-export type { NotificationPlacement } from './notification'
-export { default as notification } from './notification'
-
-export type { PageHeaderProps } from './page-header'
-export { default as PageHeader } from './page-header'
-
-export type { PaginationProps } from './pagination'
-export { default as Pagination } from './pagination'
-
-export type { PopconfirmProps } from './popconfirm'
-export { default as Popconfirm } from './popconfirm'
-
-export type { PopoverProps } from './popover'
-export { default as Popover } from './popover'
-
-export type { ProgressProps } from './progress'
-export { default as Progress } from './progress'
-
-export type { RadioProps, RadioChangeEvent, RadioGroupProps } from './radio'
-export { default as Radio, RadioButton, RadioGroup } from './radio'
-
-export type { RateProps } from './rate'
-export { default as Rate } from './rate'
-
-export type { ResultProps } from './result'
-export { default as Result } from './result'
-
-export type { RowProps } from './row'
-export { default as Row } from './row'
-
-export type { SelectProps } from './select'
-export { default as Select, SelectOptGroup, SelectOption } from './select'
-
-export type {
-  SkeletonProps,
-  SkeletonButtonProps,
-  SkeletonInputProps,
-  SkeletonImageProps,
-  SkeletonAvatarProps,
-  SkeletonTitleProps,
-} from './skeleton'
-export {
-  default as Skeleton,
-  SkeletonButton,
-  SkeletonAvatar,
-  SkeletonInput,
-  SkeletonImage,
-  SkeletonTitle,
-} from './skeleton'
-
-export type { SliderProps } from './slider'
-export { default as Slider } from './slider'
-
-export type { SpaceProps } from './space'
-export { default as Space, Compact } from './space'
-
-export type { SpinProps } from './spin'
-export { default as Spin } from './spin'
-
-export type { StepProps, StepsProps } from './steps'
-export { default as Steps, Step } from './steps'
-
-export type { SwitchProps } from './switch'
-export { default as Switch } from './switch'
-
-export type {
-  TableProps,
-  TablePaginationConfig,
-  ColumnGroupType as TableColumnGroupType,
-  ColumnType as TableColumnType,
-  ColumnProps as TableColumnProps,
-  ColumnsType as TableColumnsType,
-} from './table'
-export {
-  default as Table,
-  TableColumn,
-  TableColumnGroup,
-  TableSummary,
-  TableSummaryRow,
-  TableSummaryCell,
-} from './table'
-
-export type { TransferProps } from './transfer'
-export { default as Transfer } from './transfer'
-
-export type { TreeProps, DirectoryTreeProps } from './tree'
-export { default as Tree, TreeNode, DirectoryTree } from './tree'
-
-export type { TreeSelectProps } from './tree-select'
-export { default as TreeSelect, TreeSelectNode } from './tree-select'
-
-export type { TabsProps, TabPaneProps } from './tabs'
-export { default as Tabs, TabPane } from './tabs'
-
-export type { TagProps } from './tag'
-export { default as Tag, CheckableTag } from './tag'
-
-export type { TimePickerProps, TimeRangePickerProps } from './time-picker'
-export { default as TimePicker, TimeRangePicker } from './time-picker'
-
-export type { TimelineProps, TimelineItemProps } from './timeline'
-export { default as Timeline, TimelineItem } from './timeline'
-
-export type { TooltipProps } from './tooltip'
-export { default as Tooltip } from './tooltip'
-
-export type { TypographyProps } from './typography'
-export {
-  default as Typography,
-  TypographyLink,
-  TypographyParagraph,
-  TypographyText,
-  TypographyTitle,
-} from './typography'
-
-export type { UploadProps, UploadListProps, UploadChangeParam, UploadFile } from './upload'
-
-export { default as Upload, UploadDragger } from './upload'
-
-export { default as LocaleProvider } from './locale-provider'
-
-export { default as Watermark } from './watermark'
-export type { WatermarkProps } from './watermark'
-
-export type { SegmentedProps } from './segmented'
-export { default as Segmented } from './segmented'
-
-export type { QRCodeProps } from './qrcode'
-export { default as QRCode } from './qrcode'
-
-export type { TourProps, TourStepProps } from './tour'
-export { default as Tour } from './tour'
-
-export type { AppProps } from './app'
-export { default as App } from './app'
-
-export type { FlexProps } from './flex'
-export { default as Flex } from './flex'

package/src/config-provider/DisabledContext.ts

@@ -1,17 +0,0 @@
-import type { InjectionKey, Ref } from 'vue'
-import { computed, inject, provide, ref } from 'vue'
-
-export type DisabledType = boolean | undefined
-const DisabledContextKey: InjectionKey<Ref<DisabledType>> = Symbol('DisabledContextKey')
-
-export const useInjectDisabled = () => {
-  return inject(DisabledContextKey, ref<DisabledType>(undefined))
-}
-export const useProviderDisabled = (disabled: Ref<DisabledType>) => {
-  const parentDisabled = useInjectDisabled()
-  provide(
-    DisabledContextKey,
-    computed(() => disabled.value ?? parentDisabled.value),
-  )
-  return disabled
-}

package/src/config-provider/SizeContext.ts

@@ -1,17 +0,0 @@
-import type { InjectionKey, Ref } from 'vue'
-import { computed, inject, provide, ref } from 'vue'
-
-export type SizeType = 'small' | 'middle' | 'large' | undefined
-const SizeContextKey: InjectionKey<Ref<SizeType>> = Symbol('SizeContextKey')
-
-export const useInjectSize = () => {
-  return inject(SizeContextKey, ref(undefined as SizeType))
-}
-export const useProviderSize = (size: Ref<SizeType>) => {
-  const parentSize = useInjectSize()
-  provide(
-    SizeContextKey,
-    computed(() => size.value || parentSize.value),
-  )
-  return size
-}

package/src/config-provider/context.ts

@@ -1,178 +0,0 @@
-import type { ComputedRef, ExtractPropTypes, InjectionKey, PropType, Ref } from 'vue'
-import { computed, inject, provide } from 'vue'
-
-import type { DerivativeFunc } from '../_util/cssinjs'
-import type { VueNode } from '../_util/type'
-import { objectType } from '../_util/type'
-import type { RequiredMark } from '../form/Form'
-import type { ValidateMessages } from '../form/interface'
-import type { Locale } from '../locale-provider'
-import type { TransformCellTextProps } from '../table/interface'
-import type { MapToken, OverrideToken } from '../theme/interface'
-import type { AliasToken, SeedToken } from '../theme/internal'
-import type { RenderEmptyHandler } from './renderEmpty'
-
-export const defaultIconPrefixCls = 'anticon'
-
-interface GlobalFormCOntextProps {
-  validateMessages?: Ref<ValidateMessages>
-}
-
-export type DirectionType = 'ltr' | 'rtl' | undefined
-
-export const GlobalFormContextKey: InjectionKey<GlobalFormCOntextProps> =
-  Symbol('GlobalFormContextKey')
-
-export const useProvideGlobalForm = (state: GlobalFormCOntextProps) => {
-  provide(GlobalFormContextKey, state)
-}
-
-export const useInjectGlobalForm = () => {
-  return inject(GlobalFormContextKey, { validateMessages: computed(() => undefined) })
-}
-
-export const GlobalConfigContextKey: InjectionKey<GlobalFormCOntextProps> =
-  Symbol('GlobalConfigContextKey')
-
-export interface CSPConfig {
-  nonce?: string
-}
-export interface Theme {
-  primaryColor?: string
-  infoColor?: string
-  successColor?: string
-  processingColor?: string
-  errorColor?: string
-  warningColor?: string
-}
-
-export type SizeType = 'small' | 'middle' | 'large' | undefined
-
-export type Direction = 'ltr' | 'rtl'
-
-export type MappingAlgorithm = DerivativeFunc<SeedToken, MapToken>
-
-export interface ThemeConfig {
-  token?: Partial<AliasToken>
-  components?: OverrideToken
-  algorithm?: MappingAlgorithm | MappingAlgorithm[]
-  hashed?: boolean
-  inherit?: boolean
-}
-
-export const configProviderProps = () => ({
-  iconPrefixCls: String,
-  getTargetContainer: {
-    type: Function as PropType<() => HTMLElement | Window>,
-  },
-  getPopupContainer: {
-    type: Function as PropType<(triggerNode?: HTMLElement) => HTMLElement>,
-  },
-  prefixCls: String,
-  getPrefixCls: {
-    type: Function as PropType<(suffixCls?: string, customizePrefixCls?: string) => string>,
-  },
-  renderEmpty: {
-    type: Function as PropType<RenderEmptyHandler>,
-  },
-  transformCellText: {
-    type: Function as PropType<(tableProps: TransformCellTextProps) => any>,
-  },
-  csp: objectType<CSPConfig>(),
-  input: objectType<{ autocomplete?: string }>(),
-  autoInsertSpaceInButton: { type: Boolean, default: undefined },
-  locale: objectType<Locale>(),
-  pageHeader: objectType<{ ghost?: boolean }>(),
-  componentSize: {
-    type: String as PropType<SizeType>,
-  },
-  componentDisabled: { type: Boolean, default: undefined },
-  direction: {
-    type: String as PropType<'ltr' | 'rtl'>,
-    default: 'ltr',
-  },
-  space: objectType<{ size?: SizeType | number }>(),
-  virtual: { type: Boolean, default: undefined },
-  dropdownMatchSelectWidth: { type: [Number, Boolean], default: true },
-  form: objectType<{
-    validateMessages?: ValidateMessages
-    requiredMark?: RequiredMark
-    colon?: boolean
-  }>(),
-  pagination: objectType<{
-    showSizeChanger?: boolean
-  }>(),
-  theme: objectType<ThemeConfig>(),
-  select: objectType<{
-    showSearch?: boolean
-  }>(),
-  wave: objectType<{
-    disabled?: boolean
-  }>(),
-})
-
-export type ConfigProviderProps = Partial<ExtractPropTypes<ReturnType<typeof configProviderProps>>>
-
-export interface ConfigProviderInnerProps {
-  csp?: ComputedRef<CSPConfig>
-  autoInsertSpaceInButton?: ComputedRef<boolean>
-  locale?: ComputedRef<Locale>
-  direction?: ComputedRef<'ltr' | 'rtl'>
-  space?: ComputedRef<{
-    size?: number | SizeType
-  }>
-  virtual?: ComputedRef<boolean>
-  dropdownMatchSelectWidth?: ComputedRef<number | boolean>
-  getPrefixCls: (suffixCls?: string, customizePrefixCls?: string) => string
-  iconPrefixCls: ComputedRef<string>
-  theme?: ComputedRef<ThemeConfig>
-  renderEmpty?: (name?: string) => VueNode
-  getTargetContainer?: ComputedRef<() => HTMLElement | Window>
-  getPopupContainer?: ComputedRef<(triggerNode?: HTMLElement) => HTMLElement>
-  pageHeader?: ComputedRef<{
-    ghost?: boolean
-  }>
-  input?: ComputedRef<{
-    autocomplete?: string
-  }>
-  pagination?: ComputedRef<{
-    showSizeChanger?: boolean
-  }>
-  form?: ComputedRef<{
-    validateMessages?: ValidateMessages
-    requiredMark?: RequiredMark
-    colon?: boolean
-  }>
-  select?: ComputedRef<{
-    showSearch?: boolean
-  }>
-  componentSize?: ComputedRef<SizeType>
-  componentDisabled?: ComputedRef<boolean>
-  transformCellText?: ComputedRef<(tableProps: TransformCellTextProps) => any>
-  wave?: ComputedRef<{
-    disabled?: boolean
-  }>
-  flex?: ComputedRef<{
-    vertical?: boolean
-  }>
-}
-
-export const configProviderKey: InjectionKey<ConfigProviderInnerProps> = Symbol('configProvider')
-
-export const defaultConfigProvider: ConfigProviderInnerProps = {
-  getPrefixCls: (suffixCls?: string, customizePrefixCls?: string) => {
-    if (customizePrefixCls) return customizePrefixCls
-    return suffixCls ? `ant-${suffixCls}` : 'ant'
-  },
-  iconPrefixCls: computed(() => defaultIconPrefixCls),
-  getPopupContainer: computed(() => () => document.body),
-  direction: computed(() => 'ltr'),
-}
-
-export const useConfigContextInject = () => {
-  return inject(configProviderKey, defaultConfigProvider)
-}
-
-export const useConfigContextProvider = (props: ConfigProviderInnerProps) => {
-  return provide(configProviderKey, props)
-}