@antsoo-lib/components 0.1.11 → 0.1.12

package/src/vc-util/Dom/scrollLocker.ts

@@ -1,130 +0,0 @@
-import type { CSSProperties } from 'vue'
-
-import getScrollBarSize from '../../_util/getScrollBarSize'
-import setStyle from '../../_util/setStyle'
-
-export interface scrollLockOptions {
-  container: HTMLElement
-}
-
-interface Ilocks {
-  target: typeof uuid
-  options: scrollLockOptions
-}
-
-let locks: Ilocks[] = []
-const scrollingEffectClassName = 'ant-scrolling-effect'
-const scrollingEffectClassNameReg = new RegExp(`${scrollingEffectClassName}`, 'g')
-
-let uuid = 0
-
-// https://github.com/ant-design/ant-design/issues/19340
-// https://github.com/ant-design/ant-design/issues/19332
-const cacheStyle = new Map<Element, CSSProperties>()
-
-export default class ScrollLocker {
-  private lockTarget: typeof uuid
-
-  private options: scrollLockOptions
-
-  constructor(options?: scrollLockOptions) {
-    this.lockTarget = uuid++
-    this.options = options
-  }
-
-  getContainer = (): HTMLElement | undefined => {
-    return this.options?.container
-  }
-
-  // if options change...
-  reLock = (options?: scrollLockOptions) => {
-    const findLock = locks.find(({ target }) => target === this.lockTarget)
-
-    if (findLock) {
-      this.unLock()
-    }
-
-    this.options = options
-
-    if (findLock) {
-      findLock.options = options
-      this.lock()
-    }
-  }
-
-  lock = () => {
-    // If lockTarget exist return
-    if (locks.some(({ target }) => target === this.lockTarget)) {
-      return
-    }
-
-    // If same container effect, return
-    if (locks.some(({ options }) => options?.container === this.options?.container)) {
-      locks = [...locks, { target: this.lockTarget, options: this.options }]
-      return
-    }
-
-    let scrollBarSize = 0
-    const container = this.options?.container || document.body
-
-    if (
-      (container === document.body &&
-        window.innerWidth - document.documentElement.clientWidth > 0) ||
-      container.scrollHeight > container.clientHeight
-    ) {
-      scrollBarSize = getScrollBarSize()
-    }
-
-    const containerClassName = container.className
-
-    if (
-      locks.filter(({ options }) => options?.container === this.options?.container).length === 0
-    ) {
-      cacheStyle.set(
-        container,
-        setStyle(
-          {
-            width: scrollBarSize !== 0 ? `calc(100% - ${scrollBarSize}px)` : undefined,
-            overflow: 'hidden',
-            overflowX: 'hidden',
-            overflowY: 'hidden',
-          },
-          {
-            element: container,
-          },
-        ),
-      )
-    }
-
-    // https://github.com/ant-design/ant-design/issues/19729
-    if (!scrollingEffectClassNameReg.test(containerClassName)) {
-      const addClassName = `${containerClassName} ${scrollingEffectClassName}`
-      container.className = addClassName.trim()
-    }
-
-    locks = [...locks, { target: this.lockTarget, options: this.options }]
-  }
-
-  unLock = () => {
-    const findLock = locks.find(({ target }) => target === this.lockTarget)
-
-    locks = locks.filter(({ target }) => target !== this.lockTarget)
-
-    if (
-      !findLock ||
-      locks.some(({ options }) => options?.container === findLock.options?.container)
-    ) {
-      return
-    }
-
-    // Remove Effect
-    const container = this.options?.container || document.body
-    const containerClassName = container.className
-
-    if (!scrollingEffectClassNameReg.test(containerClassName)) return
-
-    setStyle(cacheStyle.get(container), { element: container })
-    cacheStyle.delete(container)
-    container.className = container.className.replace(scrollingEffectClassNameReg, '').trim()
-  }
-}

package/src/vc-util/devWarning.ts

@@ -1,7 +0,0 @@
-import devWarning, { resetWarned } from './warning'
-
-export { resetWarned }
-
-export default (valid: boolean, component: string, message: string): void => {
-  devWarning(valid, `[ant-design-vue: ${component}] ${message}`)
-}

package/src/vc-util/get.ts

@@ -1,13 +0,0 @@
-export default function get(entity: any, path: (string | number)[]) {
-  let current = entity
-
-  for (let i = 0; i < path.length; i += 1) {
-    if (current === null || current === undefined) {
-      return undefined
-    }
-
-    current = current[path[i]]
-  }
-
-  return current
-}

package/src/vc-util/isEqual.ts

@@ -1,52 +0,0 @@
-import warning from './warning'
-
-/**
- * Deeply compares two object literals.
- * @param obj1 object 1
- * @param obj2 object 2
- * @param shallow shallow compare
- * @returns
- */
-function isEqual(obj1: any, obj2: any, shallow = false): boolean {
-  // https://github.com/mapbox/mapbox-gl-js/pull/5979/files#diff-fde7145050c47cc3a306856efd5f9c3016e86e859de9afbd02c879be5067e58f
-  const refSet = new Set<any>()
-  function deepEqual(a: any, b: any, level = 1): boolean {
-    const circular = refSet.has(a)
-    warning(!circular, 'Warning: There may be circular references')
-    if (circular) {
-      return false
-    }
-    if (a === b) {
-      return true
-    }
-    if (shallow && level > 1) {
-      return false
-    }
-    refSet.add(a)
-    const newLevel = level + 1
-    if (Array.isArray(a)) {
-      if (!Array.isArray(b) || a.length !== b.length) {
-        return false
-      }
-      for (let i = 0; i < a.length; i++) {
-        if (!deepEqual(a[i], b[i], newLevel)) {
-          return false
-        }
-      }
-      return true
-    }
-    if (a && b && typeof a === 'object' && typeof b === 'object') {
-      const keys = Object.keys(a)
-      if (keys.length !== Object.keys(b).length) {
-        return false
-      }
-      return keys.every((key) => deepEqual(a[key], b[key], newLevel))
-    }
-    // other
-    return false
-  }
-
-  return deepEqual(obj1, obj2)
-}
-
-export default isEqual

package/src/vc-util/isMobile.ts

@@ -1,15 +0,0 @@
-export default () => {
-  if (typeof navigator === 'undefined' || typeof window === 'undefined') {
-    return false
-  }
-
-  const agent = navigator.userAgent || navigator.vendor || (window as any).opera
-  return (
-    /(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(
-      agent,
-    ) ||
-    /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw-(n|u)|c55\/|capi|ccwa|cdm-|cell|chtm|cldc|cmd-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc-s|devi|dica|dmob|do(c|p)o|ds(12|-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(-|_)|g1 u|g560|gene|gf-5|g-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd-([mpt])|hei-|hi(pt|ta)|hp( i|ip)|hs-c|ht(c([\- _agpst])|tp)|hu(aw|tc)|i-(20|go|ma)|i230|iac([ \-/])|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc-|kyo(c|k)|le(no|xi)|lg( g|\/([klu])|50|54|-[a-w])|libw|lynx|m1-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t([\- ov])|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[23]|n30(0|2)|n50([025])|n7(0(0|1)|10)|ne((c|m)-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan([adt])|pdxg|pg(13|-([1-8c]))|phil|pire|pl(ay|uc)|pn-2|po(ck|rt|se)|prox|psio|pt-g|qa-a|qc(07|12|21|32|60|-[2-7]|i-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h-|oo|p-)|sdk\/|se(c([\-01])|47|mc|nd|ri)|sgh-|shar|sie(-|m)|sk-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h-|v-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl-|tdg-|tel(i|m)|tim-|t-mo|to(pl|sh)|ts(70|m-|m3|m5)|tx-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas-|your|zeto|zte-/i.test(
-      agent?.substring(0, 4),
-    )
-  )
-}

package/src/vc-util/set.ts

@@ -1,51 +0,0 @@
-import get from './get'
-
-function internalSet<Entity = any, Output = Entity, Value = any>(
-  entity: Entity,
-  paths: (string | number)[],
-  value: Value,
-  removeIfUndefined: boolean,
-): Output {
-  if (!paths.length) {
-    return value as unknown as Output
-  }
-
-  const [path, ...restPath] = paths
-
-  let clone: Output
-  if (!entity && typeof path === 'number') {
-    clone = [] as unknown as Output
-  } else if (Array.isArray(entity)) {
-    clone = [...entity] as unknown as Output
-  } else {
-    clone = { ...entity } as unknown as Output
-  }
-
-  // Delete prop if `removeIfUndefined` and value is undefined
-  if (removeIfUndefined && value === undefined && restPath.length === 1) {
-    delete clone[path][restPath[0]]
-  } else {
-    clone[path] = internalSet(clone[path], restPath, value, removeIfUndefined)
-  }
-
-  return clone
-}
-
-export default function set<Entity = any, Output = Entity, Value = any>(
-  entity: Entity,
-  paths: (string | number)[],
-  value: Value,
-  removeIfUndefined = false,
-): Output {
-  // Do nothing if `removeIfUndefined` and parent object not exist
-  if (
-    paths.length &&
-    removeIfUndefined &&
-    value === undefined &&
-    !get(entity, paths.slice(0, -1))
-  ) {
-    return entity as unknown as Output
-  }
-
-  return internalSet(entity, paths, value, removeIfUndefined)
-}

package/src/vc-util/warning.ts

@@ -1,40 +0,0 @@
-let warned: Record<string, boolean> = {}
-
-export function warning(valid: boolean, message: string) {
-  // Support uglify
-  if (process.env.NODE_ENV !== 'production' && !valid && console !== undefined) {
-    console.error(`Warning: ${message}`)
-  }
-}
-
-export function note(valid: boolean, message: string) {
-  // Support uglify
-  if (process.env.NODE_ENV !== 'production' && !valid && console !== undefined) {
-    console.warn(`Note: ${message}`)
-  }
-}
-
-export function resetWarned() {
-  warned = {}
-}
-
-export function call(
-  method: (valid: boolean, message: string) => void,
-  valid: boolean,
-  message: string,
-) {
-  if (!valid && !warned[message]) {
-    method(false, message)
-    warned[message] = true
-  }
-}
-
-export function warningOnce(valid: boolean, message: string) {
-  call(warning, valid, message)
-}
-
-export function noteOnce(valid: boolean, message: string) {
-  call(note, valid, message)
-}
-
-export default warningOnce

package/src/vc-virtual-list/Filler.tsx

@@ -1,72 +0,0 @@
-import type { CSSProperties, FunctionalComponent, PropType } from 'vue'
-
-import classNames from '../_util/classNames'
-import ResizeObserver from '../vc-resize-observer'
-
-interface FillerProps {
-  prefixCls?: string
-  /** Virtual filler height. Should be `count * itemMinHeight` */
-  height: number
-  /** Set offset of visible items. Should be the top of start item position */
-  offset?: number
-  onInnerResize?: () => void
-}
-
-const Filter: FunctionalComponent<FillerProps> = (
-  { height, offset, prefixCls, onInnerResize },
-  { slots },
-) => {
-  let outerStyle = {}
-
-  let innerStyle: CSSProperties = {
-    display: 'flex',
-    flexDirection: 'column',
-  }
-
-  if (offset !== undefined) {
-    outerStyle = { height: `${height}px`, position: 'relative', overflow: 'hidden' }
-
-    innerStyle = {
-      ...innerStyle,
-      transform: `translateY(${offset}px)`,
-      position: 'absolute',
-      left: 0,
-      right: 0,
-      top: 0,
-    }
-  }
-
-  return (
-    <div style={outerStyle}>
-      <ResizeObserver
-        onResize={({ offsetHeight }) => {
-          if (offsetHeight && onInnerResize) {
-            onInnerResize()
-          }
-        }}
-      >
-        <div
-          style={innerStyle}
-          class={classNames({
-            [`${prefixCls}-holder-inner`]: prefixCls,
-          })}
-        >
-          {slots.default?.()}
-        </div>
-      </ResizeObserver>
-    </div>
-  )
-}
-
-Filter.displayName = 'Filter'
-Filter.inheritAttrs = false
-Filter.props = {
-  prefixCls: String,
-  /** Virtual filler height. Should be `count * itemMinHeight` */
-  height: Number,
-  /** Set offset of visible items. Should be the top of start item position */
-  offset: Number,
-  onInnerResize: Function as PropType<() => void>,
-}
-
-export default Filter

package/src/vc-virtual-list/Item.tsx

@@ -1,26 +0,0 @@
-import type { FunctionalComponent, PropType } from 'vue'
-import { cloneVNode } from 'vue'
-
-import { flattenChildren } from '../_util/props-util'
-
-export interface ItemProps {
-  setRef: (element: HTMLElement) => void
-}
-
-const Item: FunctionalComponent<ItemProps> = ({ setRef }, { slots }) => {
-  const children = flattenChildren(slots.default?.())
-
-  return children && children.length
-    ? cloneVNode(children[0], {
-        ref: setRef as any,
-      })
-    : children
-}
-Item.props = {
-  setRef: {
-    type: Function as PropType<(element: HTMLElement) => void>,
-    default: () => {},
-  },
-}
-
-export default Item