@ebscn/ui 0.0.10 → 1.0.0-beta.0

package/cjs/index.js

@@ -0,0 +1,315 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  AlphabetKeyboard: true,
+  Button: true,
+  SelectorButton: true,
+  Card: true,
+  Checkbox: true,
+  Divider: true,
+  Grid: true,
+  Header: true,
+  ImageViewer: true,
+  MarketTag: true,
+  Mask: true,
+  NoticeBar: true,
+  NoticeBarGraph: true,
+  NumberKeyboard: true,
+  PageIndicator: true,
+  PdfLink: true,
+  Picker: true,
+  PickerView: true,
+  Popup: true,
+  ProSelector: true,
+  Protocal: true,
+  PullToRefresh: true,
+  Radio: true,
+  Search: true,
+  Selector: true,
+  Skeleton: true,
+  Space: true,
+  SquaredGrid: true,
+  StockCountKeyboard: true,
+  StockKeyboard: true,
+  Swiper: true,
+  Switch: true,
+  Tabs: true,
+  Tip: true,
+  ToastLoading: true,
+  DateRangePicker: true,
+  HandRead: true
+};
+Object.defineProperty(exports, "AlphabetKeyboard", {
+  enumerable: true,
+  get: function () {
+    return _alphabetKeyboard.default;
+  }
+});
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: function () {
+    return _button.Button;
+  }
+});
+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, "DateRangePicker", {
+  enumerable: true,
+  get: function () {
+    return _dateRangePicker.default;
+  }
+});
+Object.defineProperty(exports, "Divider", {
+  enumerable: true,
+  get: function () {
+    return _divider.default;
+  }
+});
+Object.defineProperty(exports, "Grid", {
+  enumerable: true,
+  get: function () {
+    return _grid.default;
+  }
+});
+Object.defineProperty(exports, "HandRead", {
+  enumerable: true,
+  get: function () {
+    return _handRead.default;
+  }
+});
+Object.defineProperty(exports, "Header", {
+  enumerable: true,
+  get: function () {
+    return _header.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, "Mask", {
+  enumerable: true,
+  get: function () {
+    return _mask.default;
+  }
+});
+Object.defineProperty(exports, "NoticeBar", {
+  enumerable: true,
+  get: function () {
+    return _noticeBar.NoticeBar;
+  }
+});
+Object.defineProperty(exports, "NoticeBarGraph", {
+  enumerable: true,
+  get: function () {
+    return _noticeBar.NoticeBarGraph;
+  }
+});
+Object.defineProperty(exports, "NumberKeyboard", {
+  enumerable: true,
+  get: function () {
+    return _numberKeyboard.default;
+  }
+});
+Object.defineProperty(exports, "PageIndicator", {
+  enumerable: true,
+  get: function () {
+    return _pageIndicator.default;
+  }
+});
+Object.defineProperty(exports, "PdfLink", {
+  enumerable: true,
+  get: function () {
+    return _pdfLink.default;
+  }
+});
+Object.defineProperty(exports, "Picker", {
+  enumerable: true,
+  get: function () {
+    return _picker.default;
+  }
+});
+Object.defineProperty(exports, "PickerView", {
+  enumerable: true,
+  get: function () {
+    return _pickerView.default;
+  }
+});
+Object.defineProperty(exports, "Popup", {
+  enumerable: true,
+  get: function () {
+    return _popup.default;
+  }
+});
+Object.defineProperty(exports, "ProSelector", {
+  enumerable: true,
+  get: function () {
+    return _proSelector.default;
+  }
+});
+Object.defineProperty(exports, "Protocal", {
+  enumerable: true,
+  get: function () {
+    return _protocol.default;
+  }
+});
+Object.defineProperty(exports, "PullToRefresh", {
+  enumerable: true,
+  get: function () {
+    return _pullToRefresh.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, "Selector", {
+  enumerable: true,
+  get: function () {
+    return _selector.default;
+  }
+});
+Object.defineProperty(exports, "SelectorButton", {
+  enumerable: true,
+  get: function () {
+    return _button.SelectorButton;
+  }
+});
+Object.defineProperty(exports, "Skeleton", {
+  enumerable: true,
+  get: function () {
+    return _skeleton.default;
+  }
+});
+Object.defineProperty(exports, "Space", {
+  enumerable: true,
+  get: function () {
+    return _space.default;
+  }
+});
+Object.defineProperty(exports, "SquaredGrid", {
+  enumerable: true,
+  get: function () {
+    return _squaredGrid.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, "Swiper", {
+  enumerable: true,
+  get: function () {
+    return _swiper.default;
+  }
+});
+Object.defineProperty(exports, "Switch", {
+  enumerable: true,
+  get: function () {
+    return _switch.default;
+  }
+});
+Object.defineProperty(exports, "Tabs", {
+  enumerable: true,
+  get: function () {
+    return _tabs.default;
+  }
+});
+Object.defineProperty(exports, "Tip", {
+  enumerable: true,
+  get: function () {
+    return _tip.default;
+  }
+});
+Object.defineProperty(exports, "ToastLoading", {
+  enumerable: true,
+  get: function () {
+    return _toastLoading.default;
+  }
+});
+require("./global");
+var _alphabetKeyboard = _interopRequireDefault(require("./components/alphabet-keyboard"));
+var _button = require("./components/button");
+var _card = _interopRequireDefault(require("./components/card"));
+var _checkbox = _interopRequireDefault(require("./components/checkbox"));
+var _divider = _interopRequireDefault(require("./components/divider"));
+var _grid = _interopRequireDefault(require("./components/grid"));
+var _header = _interopRequireDefault(require("./components/header"));
+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 _imageViewer = _interopRequireDefault(require("./components/imageViewer"));
+var _marketTag = _interopRequireDefault(require("./components/marketTag"));
+var _mask = _interopRequireDefault(require("./components/mask"));
+var _noticeBar = require("./components/notice-bar");
+var _numberKeyboard = _interopRequireDefault(require("./components/number-keyboard"));
+var _pageIndicator = _interopRequireDefault(require("./components/page-indicator"));
+var _pdfLink = _interopRequireDefault(require("./components/pdfLink"));
+var _picker = _interopRequireDefault(require("./components/picker"));
+var _pickerView = _interopRequireDefault(require("./components/picker-view"));
+var _popup = _interopRequireDefault(require("./components/popup"));
+var _proSelector = _interopRequireDefault(require("./components/pro-selector"));
+var _protocol = _interopRequireDefault(require("./components/protocol"));
+var _pullToRefresh = _interopRequireDefault(require("./components/pull-to-refresh"));
+var _radio = _interopRequireDefault(require("./components/radio"));
+var _search = _interopRequireDefault(require("./components/search"));
+var _selector = _interopRequireDefault(require("./components/selector"));
+var _skeleton = _interopRequireDefault(require("./components/skeleton"));
+var _space = _interopRequireDefault(require("./components/space"));
+var _squaredGrid = _interopRequireDefault(require("./components/squared-grid"));
+var _stockCountKeyboard = _interopRequireDefault(require("./components/stock-count-keyboard"));
+var _stockKeyboard = _interopRequireDefault(require("./components/stock-keyboard"));
+var _swiper = _interopRequireDefault(require("./components/swiper"));
+var _switch = _interopRequireDefault(require("./components/switch"));
+var _tabs = _interopRequireDefault(require("./components/tabs"));
+var _tip = _interopRequireDefault(require("./components/tip"));
+var _toastLoading = _interopRequireDefault(require("./components/toastLoading"));
+var _dateRangePicker = _interopRequireDefault(require("./components/date-range-picker"));
+var _handRead = _interopRequireDefault(require("./components/handRead"));
+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 = 'ebscn-px-tester';
+  tenPxTester.style.setProperty('--size', '10');
+  document.body.appendChild(tenPxTester);
+  tester = document.createElement('div');
+  tester.className = 'ebscn-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;