@trionesdev/antd-mobile-base-react 0.0.2-beta.0

package/dist/style/index.js

@@ -0,0 +1,5 @@
+import "./style.scss";
+var canUseDom = !!(typeof window !== 'undefined' && typeof document !== 'undefined' && window.document && window.document.createElement);
+if (canUseDom) {
+  document.addEventListener('touchstart', function () {}, true);
+}

package/dist/style/style.scss

@@ -0,0 +1,52 @@
+@import './theme-default.scss';
+@import './theme-dark.scss';
+
+:root {
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+html {
+  background-color: var(--triones-antm-color-background-body);
+}
+
+body {
+  color: var(--triones-antm-color-text);
+  font-size: 14Px;
+  font-family: var(--triones-antm-font-family);
+}
+
+a,
+button {
+  cursor: pointer;
+}
+
+a {
+  color: var(--triones-antm-color-primary);
+  transition: opacity ease-in-out 0.2s;
+  &:active {
+    opacity: 0.8;
+  }
+}
+
+.adm-plain-anchor {
+  color: unset;
+  transition: none;
+  &:active {
+    opacity: unset;
+  }
+}
+
+body.triones-antm-overflow-hidden {
+  overflow: hidden !important;
+}
+
+div.triones-antm-px-tester {
+  --size: 1;
+  height: calc(var(--size) / 2 * 2Px);
+  width: 0;
+  position: fixed;
+  left: -100vw;
+  top: -100vh;
+  user-select: none;
+  pointer-events: none;
+}

package/dist/style/theme-dark.scss

@@ -0,0 +1,24 @@
+html[data-prefers-color-scheme='dark'] {
+  // variables should be exposed to users:
+  --triones-antm-color-primary: #3086ff;
+  --triones-antm-color-success: #34b368;
+  --triones-antm-color-warning: #ffa930;
+  --triones-antm-color-danger: #ff4a58;
+
+  --triones-antm-color-yellow: #ffa930;
+  --triones-antm-color-orange: #e65a2b;
+  --triones-antm-color-wathet: #0d2543;
+
+  --triones-antm-color-text: #e6e6e6;
+  --triones-antm-color-text-secondary: #b3b3b3;
+  --triones-antm-color-weak: #808080;
+  --triones-antm-color-light: #4d4d4d;
+  --triones-antm-color-border: #2b2b2b;
+  --triones-antm-color-box: #0a0a0a;
+  --triones-antm-color-background: #1a1a1a;
+
+  --triones-antm-color-background-body: var(--triones-antm-color-background);
+
+  // The variables below are deprecated and only exist for backward compatibility:
+  --triones-antm-border-color: var(--triones-antm-color-border);
+}

package/dist/style/theme-default.scss

@@ -0,0 +1,54 @@
+:root {
+  // Currently internal variables:
+  --triones-antm-radius-s: 4Px;
+  --triones-antm-radius-m: 8Px;
+  --triones-antm-radius-l: 12Px;
+
+  --triones-antm-font-size-1: 9Px;
+  --triones-antm-font-size-2: 10Px;
+  --triones-antm-font-size-3: 11Px;
+  --triones-antm-font-size-4: 12Px;
+  --triones-antm-font-size-5: 13Px;
+  --triones-antm-font-size-6: 14Px;
+  --triones-antm-font-size-7: 15Px;
+  --triones-antm-font-size-8: 16Px;
+  --triones-antm-font-size-9: 17Px;
+  --triones-antm-font-size-10: 18Px;
+
+  // variables should be exposed to users:
+  --triones-antm-color-primary: #1677ff;
+  --triones-antm-color-success: #00b578;
+  --triones-antm-color-warning: #ff8f1f;
+  --triones-antm-color-danger: #ff3141;
+
+  --triones-antm-color-yellow: #ff9f18;
+  --triones-antm-color-orange: #ff6430;
+  --triones-antm-color-wathet: #e7f1ff;
+
+  --triones-antm-color-text: #333333;
+  --triones-antm-color-text-secondary: #666666;
+  --triones-antm-color-weak: #999999;
+  --triones-antm-color-light: #cccccc;
+  --triones-antm-color-border: #eeeeee;
+  --triones-antm-color-background: #ffffff;
+
+  --triones-antm-color-highlight: var(--triones-antm-color-danger);
+
+  // Deprecated. We use `--triones-antm-color-text-light-solid` in code
+  // but keep here for compatible
+  --triones-antm-color-white: #ffffff;
+  --triones-antm-color-box: #f5f5f5;
+
+  --triones-antm-color-text-light-solid: var(--triones-antm-color-white);
+  --triones-antm-color-text-dark-solid: #000000;
+  --triones-antm-color-fill-content: var(--triones-antm-color-box);
+
+  --triones-antm-font-size-main: var(--triones-antm-font-size-5);
+
+  --triones-antm-font-family: -apple-system, blinkmacsystemfont,
+    'Helvetica Neue', helvetica, segoe ui, arial, roboto, 'PingFang SC', 'miui',
+    'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
+
+  // The variables below are deprecated and only exist for backward compatibility:
+  --triones-antm-border-color: var(--triones-antm-color-border);
+}

package/dist/style/variable.scss

@@ -0,0 +1,168 @@
+$trionesBlue: #1677FF !default;
+$trionesPurple: #722ED1 !default;
+
+$trionesColorBgContainerDisabled: rgba(0, 0, 0, 0.04) !default;
+$trionesColorBorderBg: #ffffff !default;
+$trionesColorBorderSplit: rgba(5, 5, 5, 0.06) !default;
+
+
+$trionesColorText: rgba(0, 0, 0, 0.88) !default;
+$trionesColorText: #333333 !default;
+$trionesColorTextBase: #000 !default;
+$trionesColorTextSecondary: rgba(0, 0, 0, 0.65) !default;
+$trionesColorTextTertiary: rgba(0, 0, 0, 0.45) !default;
+$trionesColorTextQuaternary: rgba(0, 0, 0, 0.25) !default;
+$trionesColorTextPlaceholder: rgba(0, 0, 0, 0.25) !default;
+$trionesColorTextDisabled: rgba(0, 0, 0, 0.25) !default;
+$trionesColorTextHeading: rgba(0, 0, 0, 0.88) !default;
+$trionesColorTextLabel: rgba(0, 0, 0, 0.65) !default;
+$trionesColorTextDescription: rgba(0, 0, 0, 0.45) !default;
+$trionesColorTextLightSolid: #fff !default;
+
+
+$trionesColorHighlight: #ff4d4f !default;
+$trionesColorBgTextHover: rgba(0, 0, 0, 0.06) !default;
+$trionesColorBgTextActive: rgba(0, 0, 0, 0.15) !default;
+
+
+$trionesColorFill: rgba(0, 0, 0, 0.15) !default;
+$trionesColorFillSecondary: rgba(0, 0, 0, 0.06) !default;
+$trionesColorFillTertiary: rgba(0, 0, 0, 0.04) !default;
+$trionesColorFillQuaternary: rgba(0, 0, 0, 0.02) !default;
+$trionesColorFillContent: rgba(0, 0, 0, 0.06) !default;
+$trionesColorFillContentHover: rgba(0, 0, 0, 0.15) !default;
+$trionesColorFillContentAlter: rgba(0, 0, 0, 0.02) !default;
+
+
+$trionesColorPrimary: #1777FF !default;
+$trionesColorPrimaryBg: #e6f4ff !default;
+$trionesColorPrimaryBgHover: #bae0ff !default;
+$trionesColorPrimaryBorder: #91caff !default;
+$trionesColorPrimaryBorderHover: #69b1ff !default;
+$trionesColorPrimaryActive: #0958d9 !default;
+$trionesColorPrimaryTextHover: #4096ff !default;
+$trionesColorPrimaryText: #1677ff !default;
+$trionesColorPrimaryActive: #0958d9 !default;
+
+$trionesColorSuccess: #00b578 !default;
+$trionesColorSuccessBg: #f6ffed !default;
+$trionesColorSuccessBgHover: #d9f7be !default;
+$trionesColorSuccessBorder: #b7eb8f !default;
+$trionesColorSuccessBorderHover: #95de64 !default;
+$trionesColorSuccessHover: #95de64 !default;
+$trionesColorSuccessActive: #389e0d !default;
+$trionesColorSuccessText: #52c41a !default;
+$trionesColorSuccessTextActive: #389e0d !default;
+
+
+$trionesColorError: #ff4d4f !default;
+$trionesColorErrorBg: #fff2f0 !default;
+$trionesColorErrorBgHover: #fff1f0 !default;
+$trionesColorErrorBgFilledHover: #ffdfdc !default;
+$trionesColorErrorBgActive: #ffccc7 !default;
+$trionesColorErrorBorder: #ffccc7 !default;
+$trionesColorErrorBorderHover: #ffa39e !default;
+$trionesColorErrorHover: #ff7875 !default;
+$trionesColorErrorActive: #d9363e !default;
+$trionesColorErrorTextHover: #ff7875 !default;
+$trionesColorErrorText: #ff4d4f !default;
+$trionesColorErrorTextActive: #d9363e !default;
+
+
+$trionesColorWarning: #ff8f1f !default;
+$trionesColorWarningBg: #fffbe6 !default;
+$trionesColorWarningBgHover: #fff1b8 !default;
+$trionesColorWarningBgActive: #d48806 !default;
+$trionesColorWarningBorder: #ffe58f !default;
+$trionesColorWarningBorderHover: #ffd666 !default;
+$trionesColorWarningHover: #ffd666 !default;
+$trionesColorWarningActive: #d48806 !default;
+$trionesColorWarningTextHover: #ffc53d !default;
+$trionesColorWarningText: #faad14 !default;
+$trionesColorWarningTextActive: #d48806 !default;
+
+$trionesColorInfo: #1677ff !default;
+$trionesColorInfoBg: #e6f4ff !default;
+$trionesColorInfoBgHover: #bae0ff !default;
+$trionesColorInfoBgActive: #bae0ff !default;
+$trionesColorInfoBorder: #91caff !default;
+$trionesColorInfoBorderHover: #69b1ff !default;
+$trionesColorInfoHover: #69b1ff !default;
+$trionesColorInfoActive: #0958d9 !default;
+$trionesColorInfoTextHover: #4096ff !default;
+$trionesColorInfoText: #1677ff !default;
+$trionesColorInfoTextActive: #0958d9 !default;
+
+
+$trionesColorLink: #1677ff !default;
+$trionesColorLinkHover: #69b1ff !default;
+$trionesColorLinkActive: #0958d9 !default;
+
+$trionesColorDanger: #ff4d4f !default;
+
+
+$trionesColorBgBase: #fff !default;
+
+$trionesBorderRadius: 6Px !default;
+$trionesBorderRadiusXs: 2Px !default;
+$trionesBorderRadiusSm: 4Px !default;
+$trionesBorderRadiusLg: 8Px !default;
+$trionesBorderRadiusOuter: 4Px !default;
+$trionesBorderColor: #d9d9d9 !default;
+$trionesBorderColorSecondary: #f0f0f0 !default;
+
+
+$trionesColorBgMask: rgba(0, 0, 0, 0.45) !default;
+
+$trionesLineHeight: 1.5714285714285714 !default;
+$trionesLineHeightLg: 1.5 !default;
+$trionesLineHeightSm: 1.6666666666666667 !default;
+
+$trionesPaddingXxs: 4Px !default;
+$trionesPaddingXs: 8Px !default;
+$trionesPaddingSm: 12Px !default;
+$trionesPadding: 16Px !default;
+$trionesPaddingMd: 20Px !default;
+$trionesPaddingLg: 24Px !default;
+$trionesPaddingXl: 32Px !default;
+$trionesPaddingContentHorizontalLg: 24Px !default;
+$trionesPaddingContentVerticalLg: 16Px !default;
+$trionesPaddingContentHorizontal: 16Px !default;
+$trionesPaddingContentVertical: 12Px !default;
+$trionesPaddingContentHorizontalSm: 16Px !default;
+$trionesPaddingContentVerticalSm: 8Px !default;
+
+
+$trionesInputPaddingBlock: 4Px !default;
+$trionesInputPaddingSm: 0Px !default;
+$trionesInputPaddingLg: 7Px !default;
+$trionesInputPaddingInline: 11Px !default;
+$trionesInputPaddingInlineSm: 7Px !default;
+$trionesInputPaddingInlineLg: 11Px !default;
+$trionesInputAddonBg: rgba(0, 0, 0, 0.02) !default;
+$trionesInputActiveBorderColor: #1677ff !default;
+$trionesInputHoverBorderColor: #4096ff !default;
+$trionesInputActiveShadow: 0 0 0 2px rgba(5, 145, 255, 0.1) !default;
+$trionesInputErrorActiveShadow: 0 0 0 2px rgba(255, 38, 5, 0.06) !default;
+$trionesInputWarringActiveShadow: 0 0 0 2px rgba(255, 215, 5, 0.1) !default;
+$trionesInputHoverBg: #fffff !default;
+$trionesInputActiveBg: #fffff !default;
+$trionesInputInputFontSize: 14Px !default;
+$trionesInputInputFontSizeLg: 16Px !default;
+$trionesInputInputFontSizeSm: 14Px !default;
+
+
+$trionesFontSizeSm: 12Px !default;
+$trionesFontSize: 14Px !default;
+$trionesFontSizeLg: 16Px !default;
+$trionesFontSizeXl: 20Px !default;
+
+$trionesColorIcon: rgba(0, 0, 0, 0.45) !default;
+$trionesColorIconHover: rgba(0, 0, 0, 0.88) !default;
+
+$trionesFontSizeIcon: 12Px !default;
+
+/**
+ * @description 安全区倍数
+ */
+$trionesSafeAreaMultiple:1!default;

package/dist/types.d.ts

@@ -0,0 +1,9 @@
+export type Size = 'small' | 'middle' | 'large' | number;
+export type BoundingClientRectType = {
+    top: number;
+    left: number;
+    right: number;
+    bottom: number;
+    width: number;
+    height: number;
+};

package/dist/types.js

@@ -0,0 +1 @@
+export {};

package/dist/utils/datetime-utils.d.ts

@@ -0,0 +1,3 @@
+export declare class DatetimeUtils {
+    static twoDigits(n: number): string;
+}

package/dist/utils/datetime-utils.js

@@ -0,0 +1,18 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+export var DatetimeUtils = /*#__PURE__*/function () {
+  function DatetimeUtils() {
+    _classCallCheck(this, DatetimeUtils);
+  }
+  _createClass(DatetimeUtils, null, [{
+    key: "twoDigits",
+    value: function twoDigits(n) {
+      return n < 10 ? '0' + n : n.toString();
+    }
+  }]);
+  return DatetimeUtils;
+}();

package/dist/utils/dev-log.d.ts

@@ -0,0 +1,3 @@
+export declare function devWarning(component: string, message: string): void;
+export declare function devError(component: string, message: string): void;
+export declare function devPrint(...message: any[]): void;

package/dist/utils/dev-log.js

@@ -0,0 +1,36 @@
+import { isDev } from "./is-dev";
+export function devWarning(component, message) {
+  if (isDev) {
+    console.warn("[antd-mobile: ".concat(component, "] ").concat(message));
+  }
+}
+export function devError(component, message) {
+  if (isDev) {
+    console.error("[antd-mobile: ".concat(component, "] ").concat(message));
+  }
+}
+var infoBox;
+export function devPrint() {
+  if (isDev) {
+    if (!infoBox) {
+      infoBox = document.createElement('textarea');
+      document.body.append(infoBox);
+      infoBox.style.position = 'fixed';
+      infoBox.style.top = '0';
+      infoBox.style.left = '0';
+      infoBox.style.width = '100vw';
+      infoBox.style.height = '100vh';
+      infoBox.style.zIndex = '999999';
+      infoBox.style.fontSize = '12px';
+      // infoBox.style.opacity = '0.85'
+      infoBox.style.pointerEvents = 'none';
+      infoBox.style.background = 'transparent';
+      infoBox.style.textShadow = '-1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 1px 1px 0 #FFF';
+    }
+    for (var _len = arguments.length, message = new Array(_len), _key = 0; _key < _len; _key++) {
+      message[_key] = arguments[_key];
+    }
+    infoBox.value = "".concat(infoBox.value, "\n").concat(message.join(' ')).trim();
+    infoBox.scrollTop = infoBox.scrollHeight;
+  }
+}

package/dist/utils/is-dev.d.ts

@@ -0,0 +1 @@
+export declare const isDev: boolean;

package/dist/utils/is-dev.js

@@ -0,0 +1 @@
+export var isDev = process.env.NODE_ENV === 'development' || process.env.NODE_ENV === 'test';

package/dist/utils/merge-locale.d.ts

@@ -0,0 +1 @@
+export declare function mergeLocale<T extends object, P extends object>(base: T, patch: P): T;

package/dist/utils/merge-locale.js

@@ -0,0 +1,16 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+export function mergeLocale(base, patch) {
+  function merge(a, b) {
+    if (_typeof(a) !== 'object' || _typeof(b) !== 'object' || Array.isArray(a) || Array.isArray(b)) {
+      return b !== undefined ? b : a;
+    }
+    var result = {};
+    for (var key in a) {
+      if (a.hasOwnProperty(key)) {
+        result[key] = merge(a[key], b[key]);
+      }
+    }
+    return result;
+  }
+  return merge(base, patch);
+}

package/dist/utils/native-props.d.ts

@@ -0,0 +1,10 @@
+import React, { AriaAttributes } from 'react';
+import type { CSSProperties, ReactElement } from 'react';
+export type NativeProps<S extends string = never> = {
+    className?: string;
+    style?: CSSProperties & Partial<Record<S, string>>;
+    tabIndex?: number;
+} & AriaAttributes;
+export declare function withNativeProps<P extends NativeProps>(props: P, element: ReactElement): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export declare function attachPropertiesToComponent<C, P extends Record<string, any>>(component: C, properties: P): C & P;
+export declare function toCSSLength(val: string | number): string;

package/dist/utils/native-props.js

@@ -0,0 +1,39 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import classNames from 'classnames';
+export function withNativeProps(props, element) {
+  var p = _objectSpread({}, element.props);
+  if (props.className) {
+    p.className = classNames(element.props.className, props.className);
+  }
+  if (props.style) {
+    p.style = _objectSpread(_objectSpread({}, p.style), props.style);
+  }
+  if (props.tabIndex !== undefined) {
+    p.tabIndex = props.tabIndex;
+  }
+  for (var key in props) {
+    if (!props.hasOwnProperty(key)) continue;
+    if (key.startsWith('data-') || key.startsWith('aria-')) {
+      p[key] = props[key];
+    }
+  }
+  return /*#__PURE__*/React.cloneElement(element, p);
+}
+export function attachPropertiesToComponent(component, properties) {
+  var ret = component;
+  for (var key in properties) {
+    if (properties.hasOwnProperty(key)) {
+      ret[key] = properties[key];
+    }
+  }
+  return ret;
+}
+export function toCSSLength(val) {
+  return typeof val === 'number' ? "".concat(val, "px") : val;
+}

package/dist/utils/random-utils.d.ts

@@ -0,0 +1,3 @@
+export declare class RandomUtils {
+    static random: () => string;
+}

package/dist/utils/random-utils.js

@@ -0,0 +1,13 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+export var RandomUtils = /*#__PURE__*/_createClass(function RandomUtils() {
+  _classCallCheck(this, RandomUtils);
+});
+_defineProperty(RandomUtils, "random", function () {
+  return 'tr' + Math.random().toString(16).slice(2);
+});

package/dist/utils/to-css-length.d.ts

@@ -0,0 +1 @@
+export declare function toCSSLength(val: string | number): string;

package/dist/utils/to-css-length.js

@@ -0,0 +1,3 @@
+export function toCSSLength(val) {
+  return typeof val === 'number' ? "".concat(val, "px") : val;
+}

package/dist/utils/type.d.ts

@@ -0,0 +1,65 @@
+import type React from 'react';
+import type { CSSProperties, ReactNode } from 'react';
+/** https://github.com/Microsoft/TypeScript/issues/29729 */
+export type LiteralUnion<T extends string> = T | (string & {});
+export type AnyObject = Record<PropertyKey, any>;
+export type CustomComponent<P = AnyObject> = React.ComponentType<P> | string;
+/**
+ * Get component props
+ * @example
+ * ```ts
+ * import { Checkbox } from 'antd'
+ * import type { GetProps } from 'antd';
+ *
+ * type CheckboxGroupProps = GetProps<typeof Checkbox.Group>
+ * ```
+ * @since 5.13.0
+ */
+export type GetProps<T extends React.ComponentType<any> | object> = T extends React.ComponentType<infer P> ? P : T extends object ? T : never;
+/**
+ * Get component props by component name
+ * @example
+ * ```ts
+ * import { Select } from 'antd';
+ * import type { GetProp, SelectProps } from 'antd';
+ *
+ * type SelectOption1 = GetProp<SelectProps, 'options'>[number];
+ * // or
+ * type SelectOption2 = GetProp<typeof Select, 'options'>[number];
+ *
+ * const onChange: GetProp<typeof Select, 'onChange'> = (value, option) => {
+ *  // Do something
+ * };
+ * ```
+ * @since 5.13.0
+ */
+export type GetProp<T extends React.ComponentType<any> | object, PropName extends keyof GetProps<T>> = NonNullable<GetProps<T>[PropName]>;
+type ReactRefComponent<Props extends {
+    ref?: React.Ref<any> | string;
+}> = (props: Props) => React.ReactNode;
+type ExtractRefAttributesRef<T> = T extends React.RefAttributes<infer P> ? P : never;
+/**
+ * Get component ref
+ * @example
+ * ```ts
+ * import { Input } from 'antd';
+ * import type { GetRef } from 'antd';
+ *
+ * type InputRef = GetRef<typeof Input>;
+ * ```
+ * @since 5.13.0
+ */
+export type GetRef<T extends ReactRefComponent<any> | React.Component<any>> = T extends React.Component<any> ? T : T extends React.ComponentType<infer P> ? ExtractRefAttributesRef<P> : never;
+export type GetContextProps<T> = T extends React.Context<infer P> ? P : never;
+export type GetContextProp<T extends React.Context<any>, PropName extends keyof GetContextProps<T>> = NonNullable<GetContextProps<T>[PropName]>;
+export interface BasicComponent {
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+    id?: string;
+}
+export declare const ComponentDefaults: {
+    className: string;
+    style: {};
+};
+export {};

package/dist/utils/type.js

@@ -0,0 +1,48 @@
+/** https://github.com/Microsoft/TypeScript/issues/29729 */
+
+/**
+ * Get component props
+ * @example
+ * ```ts
+ * import { Checkbox } from 'antd'
+ * import type { GetProps } from 'antd';
+ *
+ * type CheckboxGroupProps = GetProps<typeof Checkbox.Group>
+ * ```
+ * @since 5.13.0
+ */
+
+/**
+ * Get component props by component name
+ * @example
+ * ```ts
+ * import { Select } from 'antd';
+ * import type { GetProp, SelectProps } from 'antd';
+ *
+ * type SelectOption1 = GetProp<SelectProps, 'options'>[number];
+ * // or
+ * type SelectOption2 = GetProp<typeof Select, 'options'>[number];
+ *
+ * const onChange: GetProp<typeof Select, 'onChange'> = (value, option) => {
+ *  // Do something
+ * };
+ * ```
+ * @since 5.13.0
+ */
+
+/**
+ * Get component ref
+ * @example
+ * ```ts
+ * import { Input } from 'antd';
+ * import type { GetRef } from 'antd';
+ *
+ * type InputRef = GetRef<typeof Input>;
+ * ```
+ * @since 5.13.0
+ */
+
+export var ComponentDefaults = {
+  className: '',
+  style: {}
+};

package/dist/utils/with-default-props.d.ts

@@ -0,0 +1,9 @@
+export declare function mergeProps<A, B>(a: A, b: B): B & A;
+export declare function mergeProps<A, B, C>(a: A, b: B, c: C): C & B & A;
+export declare function mergeProps<A, B, C, D>(a: A, b: B, c: C, d: D): D & C & B & A;
+/**
+ * Merge props and return the first non-undefined value.
+ * The later has higher priority. e.g. (10, 1, 5) => 5 wins.
+ * This is useful with legacy props that have been deprecated.
+ */
+export declare function mergeProp<T, DefaultT extends T = T>(defaultProp: DefaultT, ...propList: T[]): T | undefined;

package/dist/utils/with-default-props.js

@@ -0,0 +1,33 @@
+export function mergeProps() {
+  var ret = {};
+  for (var _len = arguments.length, items = new Array(_len), _key = 0; _key < _len; _key++) {
+    items[_key] = arguments[_key];
+  }
+  items.forEach(function (item) {
+    if (item) {
+      Object.keys(item).forEach(function (key) {
+        if (item[key] !== undefined) {
+          ret[key] = item[key];
+        }
+      });
+    }
+  });
+  return ret;
+}
+
+/**
+ * Merge props and return the first non-undefined value.
+ * The later has higher priority. e.g. (10, 1, 5) => 5 wins.
+ * This is useful with legacy props that have been deprecated.
+ */
+export function mergeProp(defaultProp) {
+  for (var _len2 = arguments.length, propList = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+    propList[_key2 - 1] = arguments[_key2];
+  }
+  for (var i = propList.length - 1; i >= 0; i -= 1) {
+    if (propList[i] !== undefined) {
+      return propList[i];
+    }
+  }
+  return defaultProp;
+}

package/dist/utils/with-stop-propagation.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ReactElement } from 'react';
+export type PropagationEvent = 'click' | 'touchstart';
+export declare function withStopPropagation(events: PropagationEvent[], element: ReactElement): React.ReactElement<any, string | React.JSXElementConstructor<any>>;