@ebscn/ui 0.0.10 → 1.0.0

package/cjs/index.js

@@ -0,0 +1,149 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  Card: true,
+  NumberKeyboard: true,
+  AlphabetKeyboard: true,
+  StockKeyboard: true,
+  StockCountKeyboard: true,
+  ToastLoading: true,
+  ImageViewer: true,
+  MarketTag: true,
+  Checkbox: true,
+  Grid: true,
+  Radio: true,
+  Protocal: true,
+  PdfLink: true,
+  Switch: true,
+  Search: true,
+  Button: true
+};
+Object.defineProperty(exports, "AlphabetKeyboard", {
+  enumerable: true,
+  get: function () {
+    return _alphabetKeyboard.default;
+  }
+});
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: function () {
+    return _button.default;
+  }
+});
+Object.defineProperty(exports, "Card", {
+  enumerable: true,
+  get: function () {
+    return _card.default;
+  }
+});
+Object.defineProperty(exports, "Checkbox", {
+  enumerable: true,
+  get: function () {
+    return _checkbox.default;
+  }
+});
+Object.defineProperty(exports, "Grid", {
+  enumerable: true,
+  get: function () {
+    return _grid.default;
+  }
+});
+Object.defineProperty(exports, "ImageViewer", {
+  enumerable: true,
+  get: function () {
+    return _imageViewer.default;
+  }
+});
+Object.defineProperty(exports, "MarketTag", {
+  enumerable: true,
+  get: function () {
+    return _marketTag.default;
+  }
+});
+Object.defineProperty(exports, "NumberKeyboard", {
+  enumerable: true,
+  get: function () {
+    return _numberKeyboard.default;
+  }
+});
+Object.defineProperty(exports, "PdfLink", {
+  enumerable: true,
+  get: function () {
+    return _pdfLink.default;
+  }
+});
+Object.defineProperty(exports, "Protocal", {
+  enumerable: true,
+  get: function () {
+    return _protocol.default;
+  }
+});
+Object.defineProperty(exports, "Radio", {
+  enumerable: true,
+  get: function () {
+    return _radio.default;
+  }
+});
+Object.defineProperty(exports, "Search", {
+  enumerable: true,
+  get: function () {
+    return _search.default;
+  }
+});
+Object.defineProperty(exports, "StockCountKeyboard", {
+  enumerable: true,
+  get: function () {
+    return _stockCountKeyboard.default;
+  }
+});
+Object.defineProperty(exports, "StockKeyboard", {
+  enumerable: true,
+  get: function () {
+    return _stockKeyboard.default;
+  }
+});
+Object.defineProperty(exports, "Switch", {
+  enumerable: true,
+  get: function () {
+    return _switch.default;
+  }
+});
+Object.defineProperty(exports, "ToastLoading", {
+  enumerable: true,
+  get: function () {
+    return _toastLoading.default;
+  }
+});
+require("./global");
+var _icons = require("./components/icons");
+Object.keys(_icons).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _icons[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _icons[key];
+    }
+  });
+});
+var _card = _interopRequireDefault(require("./components/card"));
+var _numberKeyboard = _interopRequireDefault(require("./components/number-keyboard"));
+var _alphabetKeyboard = _interopRequireDefault(require("./components/alphabet-keyboard"));
+var _stockKeyboard = _interopRequireDefault(require("./components/stock-keyboard"));
+var _stockCountKeyboard = _interopRequireDefault(require("./components/stock-count-keyboard"));
+var _toastLoading = _interopRequireDefault(require("./components/toastLoading"));
+var _imageViewer = _interopRequireDefault(require("./components/imageViewer"));
+var _marketTag = _interopRequireDefault(require("./components/marketTag"));
+var _checkbox = _interopRequireDefault(require("./components/checkbox"));
+var _grid = _interopRequireDefault(require("./components/grid"));
+var _radio = _interopRequireDefault(require("./components/radio"));
+var _protocol = _interopRequireDefault(require("./components/protocol"));
+var _pdfLink = _interopRequireDefault(require("./components/pdfLink"));
+var _switch = _interopRequireDefault(require("./components/switch"));
+var _search = _interopRequireDefault(require("./components/search"));
+var _button = _interopRequireDefault(require("./components/button"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/cjs/utils/attach-properties-to-component.d.ts

@@ -0,0 +1 @@
+export declare function attachPropertiesToComponent<C, P extends Record<string, any>>(component: C, properties: P): C & P;

package/cjs/utils/attach-properties-to-component.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.attachPropertiesToComponent = attachPropertiesToComponent;
+function attachPropertiesToComponent(component, properties) {
+  var ret = component;
+  for (var key in properties) {
+    if (properties.hasOwnProperty(key)) {
+      ret[key] = properties[key];
+    }
+  }
+  return ret;
+}

package/cjs/utils/bound.d.ts

@@ -0,0 +1 @@
+export declare function bound(position: number, min: number | undefined, max: number | undefined): number;

package/cjs/utils/bound.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.bound = bound;
+function bound(position, min, max) {
+  var ret = position;
+  if (min !== undefined) {
+    ret = Math.max(position, min);
+  }
+  if (max !== undefined) {
+    ret = Math.min(ret, max);
+  }
+  return ret;
+}

package/cjs/utils/can-use-dom.d.ts

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

package/cjs/utils/can-use-dom.js

@@ -0,0 +1,7 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.canUseDom = void 0;
+var canUseDom = exports.canUseDom = !!(typeof window !== 'undefined' && typeof document !== 'undefined' && window.document && window.document.createElement);

package/cjs/utils/convert-px.d.ts

@@ -0,0 +1 @@
+export declare function convertPx(px: number): number;

package/cjs/utils/convert-px.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.convertPx = convertPx;
+var _canUseDom = require("./can-use-dom");
+var _isDev = require("./is-dev");
+var _devLog = require("./dev-log");
+var tenPxTester = null;
+var tester = null;
+if (_canUseDom.canUseDom) {
+  tenPxTester = document.createElement('div');
+  tenPxTester.className = 'adm-px-tester';
+  tenPxTester.style.setProperty('--size', '10');
+  document.body.appendChild(tenPxTester);
+  tester = document.createElement('div');
+  tester.className = 'adm-px-tester';
+  document.body.appendChild(tester);
+  if (_isDev.isDev) {
+    if (window.getComputedStyle(tester).position !== 'fixed') {
+      (0, _devLog.devError)('Global', 'The px tester is not rendering properly. Please make sure you have imported `antd-mobile/es/global`.');
+    }
+  }
+}
+function convertPx(px) {
+  if (tenPxTester === null || tester === null) return px;
+  if (tenPxTester.getBoundingClientRect().height === 10) {
+    return px;
+  }
+  tester.style.setProperty('--size', px.toString());
+  return tester.getBoundingClientRect().height;
+}

package/cjs/utils/create-icon-component.d.ts

@@ -0,0 +1,2 @@
+import type { FC, ReactElement } from 'react';
+export declare function createIconComponent(svg: ReactElement): FC;

package/cjs/utils/create-icon-component.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createIconComponent = createIconComponent;
+function createIconComponent(svg) {
+  var Icon = function () {
+    return svg;
+  };
+  return Icon;
+}

package/cjs/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/cjs/utils/dev-log.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.devError = devError;
+exports.devPrint = devPrint;
+exports.devWarning = devWarning;
+var _isDev = require("./is-dev");
+function devWarning(component, message) {
+  if (_isDev.isDev) {
+    console.warn("[antd-mobile: ".concat(component, "] ").concat(message));
+  }
+}
+function devError(component, message) {
+  if (_isDev.isDev) {
+    console.error("[antd-mobile: ".concat(component, "] ").concat(message));
+  }
+}
+var infoBox;
+function devPrint() {
+  var message = [];
+  for (var _i = 0; _i < arguments.length; _i++) {
+    message[_i] = arguments[_i];
+  }
+  if (_isDev.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';
+    }
+    infoBox.value = "".concat(infoBox.value, "\n").concat(message.join(' ')).trim();
+    infoBox.scrollTop = infoBox.scrollHeight;
+  }
+}

package/cjs/utils/generate-int-array.d.ts

@@ -0,0 +1 @@
+export declare function generateIntArray(from: number, to: number): number[];

package/cjs/utils/generate-int-array.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateIntArray = generateIntArray;
+function generateIntArray(from, to) {
+  var array = [];
+  for (var i = from; i <= to; i++) {
+    array.push(i);
+  }
+  return array;
+}

package/cjs/utils/get-container.d.ts

@@ -0,0 +1,2 @@
+export type GetContainer = () => HTMLElement;
+export declare function resolveContainer(getContainer: HTMLElement | GetContainer | undefined | null): HTMLElement;

package/cjs/utils/get-container.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.resolveContainer = resolveContainer;
+function resolveContainer(getContainer) {
+  var container = typeof getContainer === 'function' ? getContainer() : getContainer;
+  return container || document.body;
+}

package/cjs/utils/get-scroll-parent.d.ts

@@ -0,0 +1,3 @@
+type ScrollElement = HTMLElement | Window;
+export declare function getScrollParent(el: Element, root?: ScrollElement | null | undefined): Window | Element | null | undefined;
+export {};

package/cjs/utils/get-scroll-parent.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getScrollParent = getScrollParent;
+var _canUseDom = require("./can-use-dom");
+var defaultRoot = _canUseDom.canUseDom ? window : undefined;
+var overflowStylePatterns = ['scroll', 'auto', 'overlay'];
+function isElement(node) {
+  var ELEMENT_NODE_TYPE = 1;
+  return node.nodeType === ELEMENT_NODE_TYPE;
+}
+function getScrollParent(el, root) {
+  if (root === void 0) {
+    root = defaultRoot;
+  }
+  var node = el;
+  while (node && node !== root && isElement(node)) {
+    if (node === document.body) {
+      return root;
+    }
+    var overflowY = window.getComputedStyle(node).overflowY;
+    if (overflowStylePatterns.includes(overflowY) && node.scrollHeight > node.clientHeight) {
+      return node;
+    }
+    node = node.parentNode;
+  }
+  return root;
+}

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

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

package/cjs/utils/is-dev.js

@@ -0,0 +1,7 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isDev = void 0;
+var isDev = exports.isDev = process.env.NODE_ENV === 'development' || process.env.NODE_ENV === 'test';

package/cjs/utils/is-node-with-content.d.ts

@@ -0,0 +1,4 @@
+import type { ReactNode } from 'react';
+type Regulated<T> = T extends null | undefined | false ? never : T;
+export declare function isNodeWithContent(node: ReactNode): node is Regulated<ReactNode>;
+export {};

package/cjs/utils/is-node-with-content.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isNodeWithContent = isNodeWithContent;
+function isNodeWithContent(node) {
+  return node !== undefined && node !== null && node !== false;
+}

package/cjs/utils/matrix.d.ts

@@ -0,0 +1,10 @@
+export type Matrix = readonly [number, number, number, number, number, number];
+export declare const create: () => Matrix;
+export declare const getTranslateX: (m: Matrix) => number;
+export declare const getTranslateY: (m: Matrix) => number;
+export declare const getScaleX: (m: Matrix) => number;
+export declare const getScaleY: (m: Matrix) => number;
+export declare const translate: (m: Matrix, x: number, y: number) => Matrix;
+export declare const scale: (m: Matrix, scaleX: number, scaleY?: number) => Matrix;
+export declare const apply: (m: Matrix, [ox, oy]: [number, number]) => [number, number];
+export declare const multiply: (m1: Matrix, m2: Matrix) => Matrix;

package/cjs/utils/matrix.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.translate = exports.scale = exports.multiply = exports.getTranslateY = exports.getTranslateX = exports.getScaleY = exports.getScaleX = exports.create = exports.apply = void 0;
+var create = function () {
+  return [1, 0, 0, 1, 0, 0];
+};
+exports.create = create;
+var getTranslateX = function (m) {
+  return m[4];
+};
+exports.getTranslateX = getTranslateX;
+var getTranslateY = function (m) {
+  return m[5];
+};
+exports.getTranslateY = getTranslateY;
+var getScaleX = function (m) {
+  return m[0];
+};
+exports.getScaleX = getScaleX;
+var getScaleY = function (m) {
+  return m[3];
+};
+exports.getScaleY = getScaleY;
+var translate = function (m, x, y) {
+  return multiply([1, 0, 0, 1, x, y], m);
+};
+exports.translate = translate;
+var scale = function (m, scaleX, scaleY) {
+  if (scaleY === void 0) {
+    scaleY = scaleX;
+  }
+  return multiply([scaleX, 0, 0, scaleY, 0, 0], m);
+};
+exports.scale = scale;
+var apply = function (m, _a) {
+  var ox = _a[0],
+    oy = _a[1];
+  return [m[0] * ox + m[2] * oy + m[4], m[1] * ox + m[3] * oy + m[5]];
+};
+exports.apply = apply;
+var multiply = function (m1, m2) {
+  return [m1[0] * m2[0] + m1[2] * m2[1], m1[1] * m2[0] + m1[3] * m2[1], m1[0] * m2[2] + m1[2] * m2[3], m1[1] * m2[2] + m1[3] * m2[3], m1[0] * m2[4] + m1[2] * m2[5] + m1[4], m1[1] * m2[4] + m1[3] * m2[5] + m1[5]];
+};
+exports.multiply = multiply;

package/cjs/utils/measure-css-length.d.ts

@@ -0,0 +1 @@
+export declare function measureCSSLength(raw: string | undefined | null): number;

package/cjs/utils/measure-css-length.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.measureCSSLength = measureCSSLength;
+var _isDev = require("./is-dev");
+var _devLog = require("./dev-log");
+function measureCSSLength(raw) {
+  if (raw === null || raw === undefined || raw === '') {
+    if (_isDev.isDev) {
+      (0, _devLog.devError)('Global', 'Something went wrong when calculating CSS length. Please report an issue at https://github.com/ant-design/ant-design-mobile/issues/new/choose');
+    }
+    return 0;
+  }
+  var withUnit = raw.trim();
+  if (withUnit.endsWith('px')) {
+    return parseFloat(withUnit);
+  } else if (withUnit.endsWith('rem')) {
+    return parseFloat(withUnit) * parseFloat(window.getComputedStyle(document.documentElement).fontSize);
+  } else if (withUnit.endsWith('vw')) {
+    return parseFloat(withUnit) * window.innerWidth / 100;
+  } else {
+    if (_isDev.isDev) {
+      (0, _devLog.devError)('Global', "You are using a not supported CSS unit in `".concat(raw, "`. Only `px` `rem` and `vw` are supported."));
+    }
+    return 0;
+  }
+}

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

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

package/cjs/utils/merge-locale.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mergeLocale = mergeLocale;
+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/cjs/utils/native-props.d.ts

@@ -0,0 +1,8 @@
+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>>;

package/cjs/utils/native-props.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.withNativeProps = withNativeProps;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var __assign = void 0 && (void 0).__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+    }
+    return t;
+  };
+  return __assign.apply(this, arguments);
+};
+function withNativeProps(props, element) {
+  var p = __assign({}, element.props);
+  if (props.className) {
+    p.className = (0, _classnames.default)(element.props.className, props.className);
+  }
+  if (props.style) {
+    p.style = __assign(__assign({}, 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 _react.default.cloneElement(element, p);
+}

package/cjs/utils/nearest.d.ts

@@ -0,0 +1 @@
+export declare function nearest(arr: number[], target: number): number;

package/cjs/utils/nearest.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.nearest = nearest;
+function nearest(arr, target) {
+  return arr.reduce(function (pre, cur) {
+    return Math.abs(pre - target) < Math.abs(cur - target) ? pre : cur;
+  });
+}

package/cjs/utils/noop.d.ts

@@ -0,0 +1 @@
+export declare const noop: () => void;

package/cjs/utils/noop.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.noop = void 0;
+var noop = function () {};
+exports.noop = noop;

package/cjs/utils/reduce-and-restore-motion.d.ts

@@ -0,0 +1,4 @@
+export declare function reduceMotion(): void;
+export declare function restoreMotion(): void;
+export declare function isMotionReduced(): boolean;
+export declare function useMotionReduced(): boolean;

package/cjs/utils/reduce-and-restore-motion.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isMotionReduced = isMotionReduced;
+exports.reduceMotion = reduceMotion;
+exports.restoreMotion = restoreMotion;
+exports.useMotionReduced = useMotionReduced;
+var _web = require("@react-spring/web");
+var _shim = require("use-sync-external-store/shim");
+var reduced = false;
+var subscribers = new Set();
+function notify() {
+  subscribers.forEach(function (subscriber) {
+    subscriber();
+  });
+}
+function reduceMotion() {
+  reduced = true;
+  notify();
+  _web.Globals.assign({
+    skipAnimation: true
+  });
+}
+function restoreMotion() {
+  reduced = false;
+  notify();
+  _web.Globals.assign({
+    skipAnimation: false
+  });
+}
+function isMotionReduced() {
+  return reduced;
+}
+function subscribe(onStoreChange) {
+  subscribers.add(onStoreChange);
+  return function () {
+    subscribers.delete(onStoreChange);
+  };
+}
+function useMotionReduced() {
+  return (0, _shim.useSyncExternalStore)(subscribe, isMotionReduced, isMotionReduced);
+}

package/cjs/utils/render-imperatively.d.ts

@@ -0,0 +1,13 @@
+import type { ReactElement } from 'react';
+type ImperativeProps = {
+    visible?: boolean;
+    onClose?: () => void;
+    afterClose?: () => void;
+};
+type TargetElement = ReactElement<ImperativeProps>;
+export type ImperativeHandler = {
+    close: () => void;
+    replace: (element: TargetElement) => void;
+};
+export declare function renderImperatively(element: TargetElement): ImperativeHandler;
+export {};