cbvirtua 1.0.10 → 1.0.12

package/vant/utils/create/component.ts

@@ -0,0 +1,86 @@
+/**
+ * Create a basic component with common options
+ */
+import '../../locale';
+import { isFunction } from '..';
+import { camelize } from '../format/string';
+import { SlotsMixin } from '../../mixins/slots';
+import Vue, {
+  VNode,
+  VueConstructor,
+  ComponentOptions,
+  RenderContext,
+} from 'vue';
+import { DefaultProps, FunctionComponent } from '../types';
+
+export interface VantComponentOptions extends ComponentOptions<Vue> {
+  functional?: boolean;
+  install?: (Vue: VueConstructor) => void;
+}
+
+export type TsxBaseProps<Slots> = {
+  key: string | number;
+  // hack for jsx prop spread
+  props: any;
+  class: any;
+  style: string | object[] | object;
+  scopedSlots: Slots;
+};
+
+export type TsxComponent<Props, Events, Slots> = (
+  props: Partial<Props & Events & TsxBaseProps<Slots>>
+) => VNode;
+
+function install(this: ComponentOptions<Vue>, Vue: VueConstructor) {
+  const { name } = this;
+  Vue.component(name as string, this);
+  Vue.component(camelize(`-${name}`), this);
+}
+
+// unify slots & scopedSlots
+export function unifySlots(context: RenderContext) {
+  // use data.scopedSlots in lower Vue version
+  const scopedSlots = context.scopedSlots || context.data.scopedSlots || {};
+  const slots = context.slots();
+
+  Object.keys(slots).forEach((key) => {
+    if (!scopedSlots[key]) {
+      scopedSlots[key] = () => slots[key];
+    }
+  });
+
+  return scopedSlots;
+}
+
+// should be removed after Vue 3
+function transformFunctionComponent(
+  pure: FunctionComponent
+): VantComponentOptions {
+  return {
+    functional: true,
+    props: pure.props,
+    model: pure.model,
+    render: (h, context): any =>
+      pure(h, context.props, unifySlots(context), context),
+  };
+}
+
+export function createComponent(name: string) {
+  return function <Props = DefaultProps, Events = {}, Slots = {}>(
+    sfc: VantComponentOptions | FunctionComponent
+  ): TsxComponent<Props, Events, Slots> {
+    if (isFunction(sfc)) {
+      sfc = transformFunctionComponent(sfc);
+    }
+
+    if (!sfc.functional) {
+      sfc.mixins = sfc.mixins || [];
+      sfc.mixins.push(SlotsMixin);
+    }
+
+    sfc.name = name;
+    sfc.install = install;
+
+    return sfc as TsxComponent<Props, Events, Slots>;
+  };
+}

package/vant/utils/create/i18n.ts

@@ -0,0 +1,16 @@
+import { get, isFunction } from '..';
+import { camelize } from '../format/string';
+import locale from '../../locale';
+
+export function createI18N(name: string) {
+  const prefix = camelize(name) + '.';
+
+  return function (path: string, ...args: any[]): string {
+    const messages = locale.messages();
+    const message = get(messages, prefix + path) || get(messages, path);
+
+    return isFunction(message) ? message(...args) : message;
+  };
+}
+
+export type Translate = ReturnType<typeof createI18N>;

package/vant/utils/create/index.ts

@@ -0,0 +1,14 @@
+import { createBEM, BEM } from './bem';
+import { createComponent } from './component';
+import { createI18N, Translate } from './i18n';
+
+type CreateNamespaceReturn = [
+  ReturnType<typeof createComponent>,
+  BEM,
+  Translate
+];
+
+export function createNamespace(name: string): CreateNamespaceReturn {
+  name = 'van-' + name;
+  return [createComponent(name), createBEM(name), createI18N(name)];
+}

package/vant/utils/deep-assign.ts

@@ -0,0 +1,27 @@
+import { isDef, isObject } from '.';
+import { ObjectIndex } from './types';
+
+const { hasOwnProperty } = Object.prototype;
+
+function assignKey(to: ObjectIndex, from: ObjectIndex, key: string) {
+  const val = from[key];
+
+  if (!isDef(val)) {
+    return;
+  }
+
+  if (!hasOwnProperty.call(to, key) || !isObject(val)) {
+    to[key] = val;
+  } else {
+    // eslint-disable-next-line @typescript-eslint/no-use-before-define
+    to[key] = deepAssign(Object(to[key]), from[key]);
+  }
+}
+
+export function deepAssign(to: ObjectIndex, from: ObjectIndex): ObjectIndex {
+  Object.keys(from).forEach((key) => {
+    assignKey(to, from, key);
+  });
+
+  return to;
+}

package/vant/utils/deep-clone.ts

@@ -0,0 +1,23 @@
+import { isDef } from './index';
+import { ObjectIndex } from './types';
+
+export function deepClone(obj: ObjectIndex): object {
+  if (!isDef(obj)) {
+    return obj;
+  }
+
+  if (Array.isArray(obj)) {
+    return obj.map((item) => deepClone(item));
+  }
+
+  if (typeof obj === 'object') {
+    const to = {} as ObjectIndex;
+    Object.keys(obj).forEach((key) => {
+      to[key] = deepClone(obj[key]);
+    });
+
+    return to;
+  }
+
+  return obj;
+}

package/vant/utils/dom/event.ts

@@ -0,0 +1,56 @@
+import { isServer } from '..';
+import { EventHandler } from '../types';
+
+// eslint-disable-next-line import/no-mutable-exports
+export let supportsPassive = false;
+
+if (!isServer) {
+  try {
+    const opts = {};
+    Object.defineProperty(opts, 'passive', {
+      // eslint-disable-next-line getter-return
+      get() {
+        /* istanbul ignore next */
+        supportsPassive = true;
+      },
+    });
+    window.addEventListener('test-passive', null as any, opts);
+    // eslint-disable-next-line no-empty
+  } catch (e) {}
+}
+
+export function on(
+  target: EventTarget,
+  event: string,
+  handler: EventHandler,
+  passive = false
+) {
+  if (!isServer) {
+    target.addEventListener(
+      event,
+      handler,
+      supportsPassive ? { capture: false, passive } : false
+    );
+  }
+}
+
+export function off(target: EventTarget, event: string, handler: EventHandler) {
+  if (!isServer) {
+    target.removeEventListener(event, handler);
+  }
+}
+
+export function stopPropagation(event: Event) {
+  event.stopPropagation();
+}
+
+export function preventDefault(event: Event, isStopPropagation?: boolean) {
+  /* istanbul ignore else */
+  if (typeof event.cancelable !== 'boolean' || event.cancelable) {
+    event.preventDefault();
+  }
+
+  if (isStopPropagation) {
+    stopPropagation(event);
+  }
+}

package/vant/utils/dom/node.ts

@@ -0,0 +1,7 @@
+export function removeNode(el: Node) {
+  const parent = el.parentNode;
+
+  if (parent) {
+    parent.removeChild(el);
+  }
+}

package/vant/utils/dom/raf.ts

@@ -0,0 +1,40 @@
+/**
+ * requestAnimationFrame polyfill
+ */
+
+import { isServer } from '..';
+
+let prev = Date.now();
+
+/* istanbul ignore next */
+function fallback(fn: FrameRequestCallback): number {
+  const curr = Date.now();
+  const ms = Math.max(0, 16 - (curr - prev));
+  const id = setTimeout(fn, ms);
+  prev = curr + ms;
+  return id;
+}
+
+/* istanbul ignore next */
+const root = (isServer ? global : window) as Window;
+
+/* istanbul ignore next */
+const iRaf = root.requestAnimationFrame || fallback;
+
+/* istanbul ignore next */
+const iCancel = root.cancelAnimationFrame || root.clearTimeout;
+
+export function raf(fn: FrameRequestCallback): number {
+  return iRaf.call(root, fn);
+}
+
+// double raf for animation
+export function doubleRaf(fn: FrameRequestCallback): void {
+  raf(() => {
+    raf(fn);
+  });
+}
+
+export function cancelRaf(id: number) {
+  iCancel.call(root, id);
+}

package/vant/utils/dom/reset-scroll.ts

@@ -0,0 +1,16 @@
+/**
+ * Hack for iOS12 page scroll
+ * https://developers.weixin.qq.com/community/develop/doc/00044ae90742f8c82fb78fcae56800
+ */
+
+import { isIOS as checkIsIOS } from '../validate/system';
+import { getRootScrollTop, setRootScrollTop } from './scroll';
+
+const isIOS = checkIsIOS();
+
+/* istanbul ignore next */
+export function resetScroll() {
+  if (isIOS) {
+    setRootScrollTop(getRootScrollTop());
+  }
+}

package/vant/utils/dom/scroll.ts

@@ -0,0 +1,81 @@
+type ScrollElement = HTMLElement | Window;
+
+function isWindow(val: unknown): val is Window {
+  return val === window;
+}
+
+// get nearest scroll element
+// https://github.com/vant-ui/vant/issues/3823
+const overflowScrollReg = /scroll|auto|overlay/i;
+export function getScroller(el: HTMLElement, root: ScrollElement = window) {
+  let node = el;
+
+  while (
+    node &&
+    node.tagName !== 'HTML' &&
+    node.tagName !== 'BODY' &&
+    node.nodeType === 1 &&
+    node !== root
+  ) {
+    const { overflowY } = window.getComputedStyle(node);
+    if (overflowScrollReg.test(overflowY)) {
+      return node;
+    }
+    node = node.parentNode as HTMLElement;
+  }
+
+  return root;
+}
+
+export function getScrollTop(el: ScrollElement): number {
+  const top = 'scrollTop' in el ? el.scrollTop : el.pageYOffset;
+
+  // iOS scroll bounce cause minus scrollTop
+  return Math.max(top, 0);
+}
+
+export function setScrollTop(el: ScrollElement, value: number) {
+  if ('scrollTop' in el) {
+    el.scrollTop = value;
+  } else {
+    el.scrollTo(el.scrollX, value);
+  }
+}
+
+export function getRootScrollTop(): number {
+  return (
+    window.pageYOffset ||
+    document.documentElement.scrollTop ||
+    document.body.scrollTop ||
+    0
+  );
+}
+
+export function setRootScrollTop(value: number) {
+  setScrollTop(window, value);
+  setScrollTop(document.body, value);
+}
+
+// get distance from element top to page top or scroller top
+export function getElementTop(el: ScrollElement, scroller?: HTMLElement) {
+  if (isWindow(el)) {
+    return 0;
+  }
+
+  const scrollTop = scroller ? getScrollTop(scroller) : getRootScrollTop();
+  return el.getBoundingClientRect().top + scrollTop;
+}
+
+export function getVisibleHeight(el: ScrollElement) {
+  if (isWindow(el)) {
+    return el.innerHeight;
+  }
+  return el.getBoundingClientRect().height;
+}
+
+export function getVisibleTop(el: ScrollElement) {
+  if (isWindow(el)) {
+    return 0;
+  }
+  return el.getBoundingClientRect().top;
+}

package/vant/utils/dom/style.ts

@@ -0,0 +1,11 @@
+export function isHidden(el: HTMLElement) {
+  const style = window.getComputedStyle(el);
+  const hidden = style.display === 'none';
+
+  // offsetParent returns null in the following situations:
+  // 1. The element or its parent element has the display property set to none.
+  // 2. The element has the position property set to fixed
+  const parentHidden = el.offsetParent === null && style.position !== 'fixed';
+
+  return hidden || parentHidden;
+}

package/vant/utils/format/number.ts

@@ -0,0 +1,52 @@
+export function range(num: number, min: number, max: number): number {
+  return Math.min(Math.max(num, min), max);
+}
+
+function trimExtraChar(value: string, char: string, regExp: RegExp) {
+  const index = value.indexOf(char);
+  let prefix = '';
+
+  if (index === -1) {
+    return value;
+  }
+
+  if (char === '-' && index !== 0) {
+    return value.slice(0, index);
+  }
+
+  if (char === '.' && value.match(/^(\.|-\.)/)) {
+    prefix = index ? '-0' : '0';
+  }
+
+  return (
+    prefix + value.slice(0, index + 1) + value.slice(index).replace(regExp, '')
+  );
+}
+
+export function formatNumber(
+  value: string,
+  allowDot = true,
+  allowMinus = true
+) {
+  if (allowDot) {
+    value = trimExtraChar(value, '.', /\./g);
+  } else {
+    value = value.split('.')[0];
+  }
+
+  if (allowMinus) {
+    value = trimExtraChar(value, '-', /-/g);
+  } else {
+    value = value.replace(/-/, '');
+  }
+
+  const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
+
+  return value.replace(regExp, '');
+}
+
+// add num and avoid float number
+export function addNumber(num1: number, num2: number) {
+  const cardinal = 10 ** 10;
+  return Math.round((num1 + num2) * cardinal) / cardinal;
+}

package/vant/utils/format/string.ts

@@ -0,0 +1,15 @@
+const camelizeRE = /-(\w)/g;
+
+export function camelize(str: string): string {
+  return str.replace(camelizeRE, (_, c) => c.toUpperCase());
+}
+
+export function padZero(num: number | string, targetLength = 2): string {
+  let str = num + '';
+
+  while (str.length < targetLength) {
+    str = '0' + str;
+  }
+
+  return str;
+}

package/vant/utils/format/unit.ts

@@ -0,0 +1,61 @@
+import { isDef, inBrowser } from '..';
+import { isNumeric } from '../validate/number';
+
+export function addUnit(value?: string | number): string | undefined {
+  if (!isDef(value)) {
+    return undefined;
+  }
+
+  value = String(value);
+  return isNumeric(value) ? `${value}px` : value;
+}
+
+// cache
+let rootFontSize: number;
+
+function getRootFontSize() {
+  if (!rootFontSize) {
+    const doc = document.documentElement;
+    const fontSize =
+      doc.style.fontSize || window.getComputedStyle(doc).fontSize;
+
+    rootFontSize = parseFloat(fontSize);
+  }
+
+  return rootFontSize;
+}
+
+function convertRem(value: string) {
+  value = value.replace(/rem/g, '');
+  return +value * getRootFontSize();
+}
+
+function convertVw(value: string) {
+  value = value.replace(/vw/g, '');
+  return (+value * window.innerWidth) / 100;
+}
+
+function convertVh(value: string) {
+  value = value.replace(/vh/g, '');
+  return (+value * window.innerHeight) / 100;
+}
+
+export function unitToPx(value: string | number): number {
+  if (typeof value === 'number') {
+    return value;
+  }
+
+  if (inBrowser) {
+    if (value.indexOf('rem') !== -1) {
+      return convertRem(value);
+    }
+    if (value.indexOf('vw') !== -1) {
+      return convertVw(value);
+    }
+    if (value.indexOf('vh') !== -1) {
+      return convertVh(value);
+    }
+  }
+
+  return parseFloat(value);
+}

package/vant/utils/functional.ts

@@ -0,0 +1,73 @@
+import Vue, { RenderContext, VNodeData } from 'vue';
+import { ObjectIndex } from './types';
+
+type Context = RenderContext & { data: VNodeData & ObjectIndex };
+
+type InheritContext = Partial<VNodeData> & ObjectIndex;
+
+const inheritKey = [
+  'ref',
+  'key',
+  'style',
+  'class',
+  'attrs',
+  'refInFor',
+  'nativeOn',
+  'directives',
+  'staticClass',
+  'staticStyle',
+];
+
+const mapInheritKey: ObjectIndex = { nativeOn: 'on' };
+
+// inherit partial context, map nativeOn to on
+export function inherit(
+  context: Context,
+  inheritListeners?: boolean
+): InheritContext {
+  const result = inheritKey.reduce((obj, key) => {
+    if (context.data[key]) {
+      obj[mapInheritKey[key] || key] = context.data[key];
+    }
+    return obj;
+  }, {} as InheritContext);
+
+  if (inheritListeners) {
+    result.on = result.on || {};
+    Object.assign(result.on, context.data.on);
+  }
+
+  return result;
+}
+
+// emit event
+export function emit(context: Context, eventName: string, ...args: any[]) {
+  const listeners = context.listeners[eventName];
+  if (listeners) {
+    if (Array.isArray(listeners)) {
+      listeners.forEach((listener) => {
+        listener(...args);
+      });
+    } else {
+      listeners(...args);
+    }
+  }
+}
+
+// mount functional component
+export function mount(Component: any, data?: VNodeData) {
+  const instance = new Vue({
+    el: document.createElement('div'),
+    props: Component.props,
+    render(h) {
+      return h(Component, {
+        props: this.$props,
+        ...data,
+      });
+    },
+  });
+
+  document.body.appendChild(instance.$el);
+
+  return instance;
+}

package/vant/utils/index.ts

@@ -0,0 +1,79 @@
+import Vue from 'vue';
+
+export { createNamespace } from './create';
+export { addUnit } from './format/unit';
+
+export const inBrowser = typeof window !== 'undefined';
+export const isServer: boolean = Vue.prototype.$isServer;
+
+// eslint-disable-next-line @typescript-eslint/no-empty-function
+export function noop() {}
+
+export function isDef<T>(val: T): val is NonNullable<T> {
+  return val !== undefined && val !== null;
+}
+
+export function isFunction(val: unknown): val is Function {
+  return typeof val === 'function';
+}
+
+export function isObject(val: unknown): val is Record<any, any> {
+  return val !== null && typeof val === 'object';
+}
+
+export function isPromise<T = any>(val: unknown): val is Promise<T> {
+  return isObject(val) && isFunction(val.then) && isFunction(val.catch);
+}
+
+export function get(object: any, path: string): any {
+  const keys = path.split('.');
+  let result = object;
+
+  keys.forEach((key) => {
+    result = isObject(result) ? result[key] ?? '' : '';
+  });
+
+  return result;
+}
+
+/**
+ * Checks if `value` is an empty object, collection, map, or set.
+ *
+ * Objects are considered empty if they have no own enumerable string keyed
+ * properties.
+ *
+ * Array-like values such as `arguments` objects, arrays, buffers, strings, or
+ * jQuery-like collections are considered empty if they have a `length` of `0`.
+ * Similarly, maps and sets are considered empty if they have a `size` of `0`.
+ *
+ * @function isEmpty
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is empty, else `false`.
+ * @example
+ *
+ * _.isEmpty(null);
+ * // => true
+ *
+ * _.isEmpty(true);
+ * // => true
+ *
+ * _.isEmpty(1);
+ * // => true
+ *
+ * _.isEmpty([1, 2, 3]);
+ * // => false
+ *
+ * _.isEmpty({ 'a': 1 });
+ * // => false
+ */
+export function isEmpty(value: any): boolean {
+  if (value == null) {
+    return true;
+  }
+
+  if (typeof value !== 'object') {
+    return true;
+  }
+
+  return Object.keys(value).length === 0;
+}

package/vant/utils/interceptor.ts

@@ -0,0 +1,27 @@
+import { isPromise, noop } from '.';
+
+export function callInterceptor(options: {
+  interceptor?: (...args: any[]) => Promise<boolean> | boolean;
+  done: () => void;
+  args: any[];
+}) {
+  const { interceptor, args, done } = options;
+
+  if (interceptor) {
+    const returnVal = interceptor(...args);
+
+    if (isPromise(returnVal)) {
+      returnVal
+        .then((value) => {
+          if (value) {
+            done();
+          }
+        })
+        .catch(noop);
+    } else if (returnVal) {
+      done();
+    }
+  } else {
+    done();
+  }
+}