@ebscn/ui 1.0.1-beta.0 → 1.0.1-beta.2

package/cjs/components/alphabet-keyboard/alphabet-keyboard.d.ts

@@ -5,7 +5,7 @@ export type AlphabetKeyboardProps = {
     onInput: Function;
     onDelete: Function;
     onClose: Function;
-    onChangeKeyBoard: Function;
+    onChangeKeyBoard?: Function;
     onConfirm: Function;
 } & NativeProps;
 export declare function AlphabetKeyboard(p: AlphabetKeyboardProps): JSX.Element;

package/cjs/components/alphabet-keyboard/alphabet-keyboard.js

@@ -66,7 +66,7 @@ function AlphabetKeyboard(p) {
   }
   function onKeyPress(key) {
     switch (key) {
-      case 'X':
+      case '×':
         return onDelete === null || onDelete === void 0 ? void 0 : onDelete();
       case '123':
         return onChangeKeyBoard === null || onChangeKeyBoard === void 0 ? void 0 : onChangeKeyBoard();

package/cjs/components/auto-center/auto-center.css

@@ -0,0 +1,7 @@
+.ebscn-auto-center {
+  display: flex;
+  justify-content: center;
+}
+.ebscn-auto-center-content {
+  flex: 0 1 auto;
+}

package/cjs/components/auto-center/auto-center.d.ts

@@ -0,0 +1,6 @@
+import type { FC, ReactNode } from 'react';
+import { NativeProps } from '../../utils/native-props';
+export type AutoCenterProps = {
+    children?: ReactNode;
+} & NativeProps;
+export declare const AutoCenter: FC<AutoCenterProps>;

package/cjs/components/auto-center/auto-center.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AutoCenter = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _nativeProps = require("../../utils/native-props");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var classPrefix = 'ebscn-auto-center';
+var AutoCenter = function (props) {
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
+    className: classPrefix
+  }, _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-content")
+  }, props.children)));
+};
+exports.AutoCenter = AutoCenter;

package/cjs/components/auto-center/index.d.ts

@@ -0,0 +1,4 @@
+import './auto-center.less';
+import { AutoCenter } from './auto-center';
+export type { AutoCenterProps } from './auto-center';
+export default AutoCenter;

package/cjs/components/auto-center/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("./auto-center.css");
+var _autoCenter2 = require("./auto-center");
+var _default = exports.default = _autoCenter2.AutoCenter;

package/cjs/components/date-picker/date-picker-utils.d.ts

@@ -7,4 +7,4 @@ export type DatePickerFilter = Partial<Record<Precision, (val: number, extend: {
 }) => boolean>>;
 export declare const convertDateToStringArray: (date: Date | undefined | null, precision: Precision) => string[];
 export declare const convertStringArrayToDate: <T extends string | number | null | undefined>(value: T[], precision: Precision) => Date;
-export declare const generateDatePickerColumns: (selected: string[], min: Date, max: Date, precision: Precision, renderLabel: RenderLabel, filter: DatePickerFilter | undefined, tillNow?: boolean) => import("../picker-view").PickerColumn[];
+export declare const generateDatePickerColumns: (selected: string[], min: Date, max: Date, precision: Precision, renderLabel: RenderLabel, filter: DatePickerFilter | undefined, tillNow?: boolean) => import("../picker").PickerColumn[];

package/cjs/components/date-picker/date-picker.d.ts

@@ -19,7 +19,7 @@ export type DatePickerProps = Pick<PickerProps, 'onCancel' | 'onClose' | 'closeO
     filter?: DatePickerFilter;
     tillNow?: boolean;
 } & NativeProps;
-export declare const DatePicker: React.ForwardRefExoticComponent<Pick<PickerProps, "style" | "title" | "visible" | "onClose" | "onClick" | "loading" | "destroyOnClose" | "forceRender" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation" | "onCancel" | "mouseWheel" | "loadingContent" | "closeOnMaskClick" | "confirmText" | "cancelText"> & {
+export declare const DatePicker: React.ForwardRefExoticComponent<Pick<PickerProps, "style" | "title" | "visible" | "onClose" | "onClick" | "loading" | "mouseWheel" | "onCancel" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation" | "forceRender" | "destroyOnClose" | "closeOnMaskClick" | "loadingContent" | "confirmText" | "cancelText"> & {
     value?: PickerDate | null | undefined;
     defaultValue?: PickerDate | null | undefined;
     onSelect?: ((value: PickerDate) => void) | undefined;

package/cjs/components/date-picker/index.d.ts

@@ -3,7 +3,7 @@ import './date-picker.less';
 import { prompt } from './prompt';
 export type { DatePickerProps, DatePickerRef } from './date-picker';
 export type { DatePickerFilter } from './date-picker-utils';
-declare const _default: import("react").ForwardRefExoticComponent<Pick<import("../picker").PickerProps, "style" | "title" | "visible" | "onClose" | "onClick" | "loading" | "destroyOnClose" | "forceRender" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation" | "onCancel" | "mouseWheel" | "loadingContent" | "closeOnMaskClick" | "confirmText" | "cancelText"> & {
+declare const _default: import("react").ForwardRefExoticComponent<Pick<import("../picker").PickerProps, "style" | "title" | "visible" | "onClose" | "onClick" | "loading" | "mouseWheel" | "onCancel" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation" | "forceRender" | "destroyOnClose" | "closeOnMaskClick" | "loadingContent" | "confirmText" | "cancelText"> & {
     value?: import("./util").PickerDate | null | undefined;
     defaultValue?: import("./util").PickerDate | null | undefined;
     onSelect?: ((value: import("./util").PickerDate) => void) | undefined;

package/cjs/components/date-range-picker/date-range-picker.d.ts

@@ -70,7 +70,7 @@ export declare const DateRangePicker: React.MemoExoticComponent<React.ForwardRef
         label: string;
         value: [PickerDate, PickerDate];
     }[] | undefined;
-} & Pick<PopupProps, "onClick" | "destroyOnClose" | "forceRender" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation"> & {
+} & Pick<PopupProps, "onClick" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation" | "forceRender" | "destroyOnClose"> & {
     className?: string | undefined;
     style?: (CSSProperties & Partial<Record<"--header-button-font-size" | "--title-font-size" | "--item-font-size" | "--item-height", string>>) | undefined;
     tabIndex?: number | undefined;

package/cjs/components/date-range-picker/index.d.ts

@@ -33,7 +33,7 @@ declare const _default: import("react").NamedExoticComponent<{
         label: string;
         value: [Date, Date];
     }[] | undefined;
-} & Pick<import("../popup").PopupProps, "onClick" | "destroyOnClose" | "forceRender" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation"> & {
+} & Pick<import("../popup").PopupProps, "onClick" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation" | "forceRender" | "destroyOnClose"> & {
     className?: string | undefined;
     style?: (import("react").CSSProperties & Partial<Record<"--header-button-font-size" | "--title-font-size" | "--item-font-size" | "--item-height", string>>) | undefined;
     tabIndex?: number | undefined;
@@ -68,7 +68,7 @@ declare const _default: import("react").NamedExoticComponent<{
             label: string;
             value: [Date, Date];
         }[] | undefined;
-    } & Pick<import("../popup").PopupProps, "onClick" | "destroyOnClose" | "forceRender" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation"> & {
+    } & Pick<import("../popup").PopupProps, "onClick" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation" | "forceRender" | "destroyOnClose"> & {
         className?: string | undefined;
         style?: (import("react").CSSProperties & Partial<Record<"--header-button-font-size" | "--title-font-size" | "--item-font-size" | "--item-height", string>>) | undefined;
         tabIndex?: number | undefined;

package/cjs/components/handRead/handRead.js

@@ -48,7 +48,6 @@ function HandRead(props) {
   (0, _react.useLayoutEffect)(function () {
     if (container.current && !PDF_SCALE.current) {
       PDF_SCALE.current = container.current.clientWidth / PDF_WIDTH;
-      console.log(PDF_SCALE);
       forceUpdate();
     }
   }, [container.current]);
@@ -57,7 +56,6 @@ function HandRead(props) {
   }
   function handleOnMouseDown() {}
   function handleOnStop(item, e) {
-    console.log(e, '--e--');
     var stopClientX = e.changedTouches[0].clientX;
     // const { mandatoryReading } = this.props.data;
     var dragDistance = stopClientX + 10; // 拖拽的距离
@@ -100,7 +98,6 @@ function HandRead(props) {
     if (isAllSure()) {
       forceUpdate();
       done && done(documentJson.fileId);
-      console.log("指读完毕");
       return;
     }
     var nextRecordIndex = 0;
@@ -129,7 +126,6 @@ function HandRead(props) {
       if (--index < 0) {
         break;
       } else {
-        console.log(index);
         if (!mandatoryReading[index].hasRead) {
           setCurrentSign(index);
           setCurrentPageNum(mandatoryReading[index].pageNo);
@@ -140,7 +136,6 @@ function HandRead(props) {
   }
   // 获取图片地址
   var getImageList = function (baseUrl, maxPages) {
-    console.log(baseUrl, '--baseUrl-');
     var arr = [];
     if (!baseUrl) return arr;
     if (!maxPages) return arr;
@@ -180,7 +175,6 @@ function HandRead(props) {
       },
       onClick: function () {
         setCurrentSign(index);
-        console.log(index);
       }
     }, _react.default.createElement(_reactDraggable.default, {
       handle: ".handle",

package/cjs/components/number-keyboard/number-keyboard.css

@@ -70,7 +70,7 @@
   color: var(--ebscn-color-background);
 }
 @supports (bottom: env(safe-area-inset-bottom)) or (constant(safe-area-inset-bottom)) {
-  .keyboard {
+  .ebscn-number-keyboard {
     height: calc(216px + env(safe-area-inset-bottom));
     height: calc(216px + constant(safe-area-inset-bottom));
   }

package/cjs/components/number-keyboard/number-keyboard.d.ts

@@ -2,9 +2,10 @@
 import { NativeProps } from '../../utils/native-props';
 export type NumberKeyboardProps = {
     types?: 'fullKeyboard' | 'numberKeyboard' | 'numberKeyboardWithDot';
+    type?: 'fullKeyboard' | 'numberKeyboard' | 'numberKeyboardWithDot';
     visible?: boolean;
     onInput: Function;
-    onChangeKeyBoard: Function;
+    onChangeKeyBoard?: Function;
     onDelete: Function;
     onClose: Function;
     onClean: Function;

package/cjs/components/number-keyboard/number-keyboard.js

@@ -25,8 +25,8 @@ function NumberKeyboard(p) {
     onChangeKeyBoard = props.onChangeKeyBoard,
     onClose = props.onClose,
     onClean = props.onClean,
-    onConfirm = props.onConfirm,
-    types = props.types;
+    onConfirm = props.onConfirm;
+  var types = props.types || props.type;
   var keys = types == 'numberKeyboard' ? [1, 2, 3, 'X', 4, 5, 6, '清除', 7, 8, 9, '隐藏', '', 0, '', '确定'] : types == 'fullKeyboard' ? [1, 2, 3, 'X', 4, 5, 6, '清除', 7, 8, 9, '隐藏', 'ABC', 0, '.', '确定'] : [1, 2, 3, 'X', 4, 5, 6, '清除', 7, 8, 9, '隐藏', '', 0, '.', '确定'];
   var hideTimer = (0, _react.useRef)(null);
   var appearTimer = (0, _react.useRef)(null);

package/cjs/components/picker/index.d.ts

@@ -23,7 +23,7 @@ declare const _default: import("react").NamedExoticComponent<{
     mouseWheel?: boolean | undefined;
     popupClassName?: string | undefined;
     popupStyle?: import("react").CSSProperties | undefined;
-} & Pick<import("../popup").PopupProps, "onClick" | "destroyOnClose" | "forceRender" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation"> & {
+} & Pick<import("../popup").PopupProps, "onClick" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation" | "forceRender" | "destroyOnClose"> & {
     className?: string | undefined;
     style?: (import("react").CSSProperties & Partial<Record<"--header-button-font-size" | "--title-font-size" | "--item-font-size" | "--item-height", string>>) | undefined;
     tabIndex?: number | undefined;
@@ -48,7 +48,7 @@ declare const _default: import("react").NamedExoticComponent<{
         mouseWheel?: boolean | undefined;
         popupClassName?: string | undefined;
         popupStyle?: import("react").CSSProperties | undefined;
-    } & Pick<import("../popup").PopupProps, "onClick" | "destroyOnClose" | "forceRender" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation"> & {
+    } & Pick<import("../popup").PopupProps, "onClick" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation" | "forceRender" | "destroyOnClose"> & {
         className?: string | undefined;
         style?: (import("react").CSSProperties & Partial<Record<"--header-button-font-size" | "--title-font-size" | "--item-font-size" | "--item-height", string>>) | undefined;
         tabIndex?: number | undefined;

package/cjs/components/picker/picker.d.ts

@@ -50,7 +50,7 @@ export declare const Picker: React.MemoExoticComponent<React.ForwardRefExoticCom
     mouseWheel?: boolean | undefined;
     popupClassName?: string | undefined;
     popupStyle?: CSSProperties | undefined;
-} & Pick<PopupProps, "onClick" | "destroyOnClose" | "forceRender" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation"> & {
+} & Pick<PopupProps, "onClick" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation" | "forceRender" | "destroyOnClose"> & {
     className?: string | undefined;
     style?: (CSSProperties & Partial<Record<"--header-button-font-size" | "--title-font-size" | "--item-font-size" | "--item-height", string>>) | undefined;
     tabIndex?: number | undefined;

package/cjs/components/safe-area/index.d.ts

@@ -0,0 +1,4 @@
+import './safe-area.less';
+import { SafeArea } from './safe-area';
+export type { SafeAreaProps } from './safe-area';
+export default SafeArea;

package/cjs/components/safe-area/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("./safe-area.css");
+var _safeArea2 = require("./safe-area");
+var _default = exports.default = _safeArea2.SafeArea;

package/cjs/components/safe-area/safe-area.css

@@ -0,0 +1,11 @@
+.ebscn-safe-area {
+  --multiple: var(--ebscn-safe-area-multiple, 1);
+  display: block;
+  width: 100%;
+}
+.ebscn-safe-area-position-top {
+  padding-top: calc(env(safe-area-inset-top) * var(--multiple));
+}
+.ebscn-safe-area-position-bottom {
+  padding-bottom: calc(env(safe-area-inset-bottom) * var(--multiple));
+}

package/cjs/components/safe-area/safe-area.d.ts

@@ -0,0 +1,6 @@
+import type { FC } from 'react';
+import { NativeProps } from '../../utils/native-props';
+export type SafeAreaProps = {
+    position: 'top' | 'bottom';
+} & NativeProps;
+export declare const SafeArea: FC<SafeAreaProps>;

package/cjs/components/safe-area/safe-area.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SafeArea = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _nativeProps = require("../../utils/native-props");
+var _classnames = _interopRequireDefault(require("classnames"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var classPrefix = 'ebscn-safe-area';
+var SafeArea = function (props) {
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
+    className: (0, _classnames.default)(classPrefix, "".concat(classPrefix, "-position-").concat(props.position))
+  }));
+};
+exports.SafeArea = SafeArea;

package/cjs/components/stock-count-keyboard/stock-count-keyboard.css

@@ -67,7 +67,7 @@
   color: var(--ebscn-color-background);
 }
 @supports (bottom: env(safe-area-inset-bottom)) or (constant(safe-area-inset-bottom)) {
-  .keyboard {
+  .ebscn-stock-count-keyboard {
     height: calc(216px + env(safe-area-inset-bottom));
     height: calc(216px + constant(safe-area-inset-bottom));
   }

package/cjs/components/stock-keyboard/stock-keyboard.css

@@ -104,7 +104,7 @@
   background: #CACBD0;
 }
 @supports (bottom: env(safe-area-inset-bottom)) or (constant(safe-area-inset-bottom)) {
-  .keyboard {
+  .ebscn-stock-keyboard {
     height: calc(216px + env(safe-area-inset-bottom));
     height: calc(216px + constant(safe-area-inset-bottom));
   }

package/cjs/index.d.ts

@@ -1,10 +1,13 @@
 import './global';
 export { default as AlphabetKeyboard } from './components/alphabet-keyboard';
+export { default as AutoCenter } from './components/auto-center';
 export { Button, SelectorButton } from './components/button';
 export { default as Card } from './components/card';
 export { default as Checkbox } from './components/checkbox';
+export { default as DateRangePicker } from './components/date-range-picker';
 export { default as Divider } from './components/divider';
 export { default as Grid } from './components/grid';
+export { default as HandRead } from './components/handRead';
 export { default as Header } from './components/header';
 export * from './components/icons';
 export { default as ImageViewer } from './components/imageViewer';
@@ -21,6 +24,7 @@ export { default as ProSelector } from './components/pro-selector';
 export { default as Protocal } from './components/protocol';
 export { default as PullToRefresh } from './components/pull-to-refresh';
 export { default as Radio } from './components/radio';
+export { default as SafeArea } from './components/safe-area';
 export { default as Search } from './components/search';
 export { default as Selector } from './components/selector';
 export { default as Skeleton } from './components/skeleton';
@@ -33,5 +37,3 @@ export { default as Switch } from './components/switch';
 export { default as Tabs } from './components/tabs';
 export { default as Tip } from './components/tip';
 export { default as ToastLoading } from './components/toastLoading';
-export { default as DateRangePicker } from './components/date-range-picker';
-export { default as HandRead } from './components/handRead';

package/cjs/index.js

@@ -5,12 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 var _exportNames = {
   AlphabetKeyboard: true,
+  AutoCenter: true,
   Button: true,
   SelectorButton: true,
   Card: true,
   Checkbox: true,
+  DateRangePicker: true,
   Divider: true,
   Grid: true,
+  HandRead: true,
   Header: true,
   ImageViewer: true,
   MarketTag: true,
@@ -27,6 +30,7 @@ var _exportNames = {
   Protocal: true,
   PullToRefresh: true,
   Radio: true,
+  SafeArea: true,
   Search: true,
   Selector: true,
   Skeleton: true,
@@ -38,9 +42,7 @@ var _exportNames = {
   Switch: true,
   Tabs: true,
   Tip: true,
-  ToastLoading: true,
-  DateRangePicker: true,
-  HandRead: true
+  ToastLoading: true
 };
 Object.defineProperty(exports, "AlphabetKeyboard", {
   enumerable: true,
@@ -48,6 +50,12 @@ Object.defineProperty(exports, "AlphabetKeyboard", {
     return _alphabetKeyboard.default;
   }
 });
+Object.defineProperty(exports, "AutoCenter", {
+  enumerable: true,
+  get: function () {
+    return _autoCenter.default;
+  }
+});
 Object.defineProperty(exports, "Button", {
   enumerable: true,
   get: function () {
@@ -186,6 +194,12 @@ Object.defineProperty(exports, "Radio", {
     return _radio.default;
   }
 });
+Object.defineProperty(exports, "SafeArea", {
+  enumerable: true,
+  get: function () {
+    return _safeArea.default;
+  }
+});
 Object.defineProperty(exports, "Search", {
   enumerable: true,
   get: function () {
@@ -266,11 +280,14 @@ Object.defineProperty(exports, "ToastLoading", {
 });
 require("./global");
 var _alphabetKeyboard = _interopRequireDefault(require("./components/alphabet-keyboard"));
+var _autoCenter = _interopRequireDefault(require("./components/auto-center"));
 var _button = require("./components/button");
 var _card = _interopRequireDefault(require("./components/card"));
 var _checkbox = _interopRequireDefault(require("./components/checkbox"));
+var _dateRangePicker = _interopRequireDefault(require("./components/date-range-picker"));
 var _divider = _interopRequireDefault(require("./components/divider"));
 var _grid = _interopRequireDefault(require("./components/grid"));
+var _handRead = _interopRequireDefault(require("./components/handRead"));
 var _header = _interopRequireDefault(require("./components/header"));
 var _icons = require("./components/icons");
 Object.keys(_icons).forEach(function (key) {
@@ -298,6 +315,7 @@ 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 _safeArea = _interopRequireDefault(require("./components/safe-area"));
 var _search = _interopRequireDefault(require("./components/search"));
 var _selector = _interopRequireDefault(require("./components/selector"));
 var _skeleton = _interopRequireDefault(require("./components/skeleton"));
@@ -310,6 +328,4 @@ 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/es/components/alphabet-keyboard/alphabet-keyboard.d.ts

@@ -5,7 +5,7 @@ export type AlphabetKeyboardProps = {
     onInput: Function;
     onDelete: Function;
     onClose: Function;
-    onChangeKeyBoard: Function;
+    onChangeKeyBoard?: Function;
     onConfirm: Function;
 } & NativeProps;
 export declare function AlphabetKeyboard(p: AlphabetKeyboardProps): JSX.Element;

package/es/components/alphabet-keyboard/alphabet-keyboard.js

@@ -59,7 +59,7 @@ export function AlphabetKeyboard(p) {
   }
   function onKeyPress(key) {
     switch (key) {
-      case 'X':
+      case '×':
         return onDelete === null || onDelete === void 0 ? void 0 : onDelete();
       case '123':
         return onChangeKeyBoard === null || onChangeKeyBoard === void 0 ? void 0 : onChangeKeyBoard();

package/es/components/auto-center/auto-center.css

@@ -0,0 +1,7 @@
+.ebscn-auto-center {
+  display: flex;
+  justify-content: center;
+}
+.ebscn-auto-center-content {
+  flex: 0 1 auto;
+}

package/es/components/auto-center/auto-center.d.ts

@@ -0,0 +1,6 @@
+import type { FC, ReactNode } from 'react';
+import { NativeProps } from '../../utils/native-props';
+export type AutoCenterProps = {
+    children?: ReactNode;
+} & NativeProps;
+export declare const AutoCenter: FC<AutoCenterProps>;

package/es/components/auto-center/auto-center.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { withNativeProps } from '../../utils/native-props';
+var classPrefix = 'ebscn-auto-center';
+export var AutoCenter = function (props) {
+  return withNativeProps(props, React.createElement("div", {
+    className: classPrefix
+  }, React.createElement("div", {
+    className: "".concat(classPrefix, "-content")
+  }, props.children)));
+};

package/es/components/auto-center/index.d.ts

@@ -0,0 +1,4 @@
+import './auto-center.less';
+import { AutoCenter } from './auto-center';
+export type { AutoCenterProps } from './auto-center';
+export default AutoCenter;

package/es/components/auto-center/index.js

@@ -0,0 +1,3 @@
+import "./auto-center.css";
+import { AutoCenter } from './auto-center';
+export default AutoCenter;

package/es/components/date-picker/date-picker-utils.d.ts

@@ -7,4 +7,4 @@ export type DatePickerFilter = Partial<Record<Precision, (val: number, extend: {
 }) => boolean>>;
 export declare const convertDateToStringArray: (date: Date | undefined | null, precision: Precision) => string[];
 export declare const convertStringArrayToDate: <T extends string | number | null | undefined>(value: T[], precision: Precision) => Date;
-export declare const generateDatePickerColumns: (selected: string[], min: Date, max: Date, precision: Precision, renderLabel: RenderLabel, filter: DatePickerFilter | undefined, tillNow?: boolean) => import("../picker-view").PickerColumn[];
+export declare const generateDatePickerColumns: (selected: string[], min: Date, max: Date, precision: Precision, renderLabel: RenderLabel, filter: DatePickerFilter | undefined, tillNow?: boolean) => import("../picker").PickerColumn[];

package/es/components/date-picker/date-picker.d.ts

@@ -19,7 +19,7 @@ export type DatePickerProps = Pick<PickerProps, 'onCancel' | 'onClose' | 'closeO
     filter?: DatePickerFilter;
     tillNow?: boolean;
 } & NativeProps;
-export declare const DatePicker: React.ForwardRefExoticComponent<Pick<PickerProps, "style" | "title" | "visible" | "onClose" | "onClick" | "loading" | "destroyOnClose" | "forceRender" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation" | "onCancel" | "mouseWheel" | "loadingContent" | "closeOnMaskClick" | "confirmText" | "cancelText"> & {
+export declare const DatePicker: React.ForwardRefExoticComponent<Pick<PickerProps, "style" | "title" | "visible" | "onClose" | "onClick" | "loading" | "mouseWheel" | "onCancel" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation" | "forceRender" | "destroyOnClose" | "closeOnMaskClick" | "loadingContent" | "confirmText" | "cancelText"> & {
     value?: PickerDate | null | undefined;
     defaultValue?: PickerDate | null | undefined;
     onSelect?: ((value: PickerDate) => void) | undefined;

package/es/components/date-picker/index.d.ts

@@ -3,7 +3,7 @@ import './date-picker.less';
 import { prompt } from './prompt';
 export type { DatePickerProps, DatePickerRef } from './date-picker';
 export type { DatePickerFilter } from './date-picker-utils';
-declare const _default: import("react").ForwardRefExoticComponent<Pick<import("../picker").PickerProps, "style" | "title" | "visible" | "onClose" | "onClick" | "loading" | "destroyOnClose" | "forceRender" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation" | "onCancel" | "mouseWheel" | "loadingContent" | "closeOnMaskClick" | "confirmText" | "cancelText"> & {
+declare const _default: import("react").ForwardRefExoticComponent<Pick<import("../picker").PickerProps, "style" | "title" | "visible" | "onClose" | "onClick" | "loading" | "mouseWheel" | "onCancel" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation" | "forceRender" | "destroyOnClose" | "closeOnMaskClick" | "loadingContent" | "confirmText" | "cancelText"> & {
     value?: import("./util").PickerDate | null | undefined;
     defaultValue?: import("./util").PickerDate | null | undefined;
     onSelect?: ((value: import("./util").PickerDate) => void) | undefined;

package/es/components/date-range-picker/date-range-picker.d.ts

@@ -70,7 +70,7 @@ export declare const DateRangePicker: React.MemoExoticComponent<React.ForwardRef
         label: string;
         value: [PickerDate, PickerDate];
     }[] | undefined;
-} & Pick<PopupProps, "onClick" | "destroyOnClose" | "forceRender" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation"> & {
+} & Pick<PopupProps, "onClick" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation" | "forceRender" | "destroyOnClose"> & {
     className?: string | undefined;
     style?: (CSSProperties & Partial<Record<"--header-button-font-size" | "--title-font-size" | "--item-font-size" | "--item-height", string>>) | undefined;
     tabIndex?: number | undefined;

package/es/components/date-range-picker/index.d.ts

@@ -33,7 +33,7 @@ declare const _default: import("react").NamedExoticComponent<{
         label: string;
         value: [Date, Date];
     }[] | undefined;
-} & Pick<import("../popup").PopupProps, "onClick" | "destroyOnClose" | "forceRender" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation"> & {
+} & Pick<import("../popup").PopupProps, "onClick" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation" | "forceRender" | "destroyOnClose"> & {
     className?: string | undefined;
     style?: (import("react").CSSProperties & Partial<Record<"--header-button-font-size" | "--title-font-size" | "--item-font-size" | "--item-height", string>>) | undefined;
     tabIndex?: number | undefined;
@@ -68,7 +68,7 @@ declare const _default: import("react").NamedExoticComponent<{
             label: string;
             value: [Date, Date];
         }[] | undefined;
-    } & Pick<import("../popup").PopupProps, "onClick" | "destroyOnClose" | "forceRender" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation"> & {
+    } & Pick<import("../popup").PopupProps, "onClick" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation" | "forceRender" | "destroyOnClose"> & {
         className?: string | undefined;
         style?: (import("react").CSSProperties & Partial<Record<"--header-button-font-size" | "--title-font-size" | "--item-font-size" | "--item-height", string>>) | undefined;
         tabIndex?: number | undefined;

package/es/components/handRead/handRead.js

@@ -39,7 +39,6 @@ function HandRead(props) {
   useLayoutEffect(function () {
     if (container.current && !PDF_SCALE.current) {
       PDF_SCALE.current = container.current.clientWidth / PDF_WIDTH;
-      console.log(PDF_SCALE);
       forceUpdate();
     }
   }, [container.current]);
@@ -48,7 +47,6 @@ function HandRead(props) {
   }
   function handleOnMouseDown() {}
   function handleOnStop(item, e) {
-    console.log(e, '--e--');
     var stopClientX = e.changedTouches[0].clientX;
     // const { mandatoryReading } = this.props.data;
     var dragDistance = stopClientX + 10; // 拖拽的距离
@@ -91,7 +89,6 @@ function HandRead(props) {
     if (isAllSure()) {
       forceUpdate();
       done && done(documentJson.fileId);
-      console.log("指读完毕");
       return;
     }
     var nextRecordIndex = 0;
@@ -120,7 +117,6 @@ function HandRead(props) {
       if (--index < 0) {
         break;
       } else {
-        console.log(index);
         if (!mandatoryReading[index].hasRead) {
           setCurrentSign(index);
           setCurrentPageNum(mandatoryReading[index].pageNo);
@@ -131,7 +127,6 @@ function HandRead(props) {
   }
   // 获取图片地址
   var getImageList = function (baseUrl, maxPages) {
-    console.log(baseUrl, '--baseUrl-');
     var arr = [];
     if (!baseUrl) return arr;
     if (!maxPages) return arr;
@@ -171,7 +166,6 @@ function HandRead(props) {
       },
       onClick: function () {
         setCurrentSign(index);
-        console.log(index);
       }
     }, React.createElement(Draggable, {
       handle: ".handle",

package/es/components/number-keyboard/number-keyboard.css

@@ -70,7 +70,7 @@
   color: var(--ebscn-color-background);
 }
 @supports (bottom: env(safe-area-inset-bottom)) or (constant(safe-area-inset-bottom)) {
-  .keyboard {
+  .ebscn-number-keyboard {
     height: calc(216px + env(safe-area-inset-bottom));
     height: calc(216px + constant(safe-area-inset-bottom));
   }

package/es/components/number-keyboard/number-keyboard.d.ts

@@ -2,9 +2,10 @@
 import { NativeProps } from '../../utils/native-props';
 export type NumberKeyboardProps = {
     types?: 'fullKeyboard' | 'numberKeyboard' | 'numberKeyboardWithDot';
+    type?: 'fullKeyboard' | 'numberKeyboard' | 'numberKeyboardWithDot';
     visible?: boolean;
     onInput: Function;
-    onChangeKeyBoard: Function;
+    onChangeKeyBoard?: Function;
     onDelete: Function;
     onClose: Function;
     onClean: Function;

package/es/components/number-keyboard/number-keyboard.js

@@ -17,8 +17,8 @@ export function NumberKeyboard(p) {
     onChangeKeyBoard = props.onChangeKeyBoard,
     onClose = props.onClose,
     onClean = props.onClean,
-    onConfirm = props.onConfirm,
-    types = props.types;
+    onConfirm = props.onConfirm;
+  var types = props.types || props.type;
   var keys = types == 'numberKeyboard' ? [1, 2, 3, 'X', 4, 5, 6, '清除', 7, 8, 9, '隐藏', '', 0, '', '确定'] : types == 'fullKeyboard' ? [1, 2, 3, 'X', 4, 5, 6, '清除', 7, 8, 9, '隐藏', 'ABC', 0, '.', '确定'] : [1, 2, 3, 'X', 4, 5, 6, '清除', 7, 8, 9, '隐藏', '', 0, '.', '确定'];
   var hideTimer = useRef(null);
   var appearTimer = useRef(null);

package/es/components/picker/index.d.ts

@@ -23,7 +23,7 @@ declare const _default: import("react").NamedExoticComponent<{
     mouseWheel?: boolean | undefined;
     popupClassName?: string | undefined;
     popupStyle?: import("react").CSSProperties | undefined;
-} & Pick<import("../popup").PopupProps, "onClick" | "destroyOnClose" | "forceRender" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation"> & {
+} & Pick<import("../popup").PopupProps, "onClick" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation" | "forceRender" | "destroyOnClose"> & {
     className?: string | undefined;
     style?: (import("react").CSSProperties & Partial<Record<"--header-button-font-size" | "--title-font-size" | "--item-font-size" | "--item-height", string>>) | undefined;
     tabIndex?: number | undefined;
@@ -48,7 +48,7 @@ declare const _default: import("react").NamedExoticComponent<{
         mouseWheel?: boolean | undefined;
         popupClassName?: string | undefined;
         popupStyle?: import("react").CSSProperties | undefined;
-    } & Pick<import("../popup").PopupProps, "onClick" | "destroyOnClose" | "forceRender" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation"> & {
+    } & Pick<import("../popup").PopupProps, "onClick" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation" | "forceRender" | "destroyOnClose"> & {
         className?: string | undefined;
         style?: (import("react").CSSProperties & Partial<Record<"--header-button-font-size" | "--title-font-size" | "--item-font-size" | "--item-height", string>>) | undefined;
         tabIndex?: number | undefined;

package/es/components/picker/picker.d.ts

@@ -50,7 +50,7 @@ export declare const Picker: React.MemoExoticComponent<React.ForwardRefExoticCom
     mouseWheel?: boolean | undefined;
     popupClassName?: string | undefined;
     popupStyle?: CSSProperties | undefined;
-} & Pick<PopupProps, "onClick" | "destroyOnClose" | "forceRender" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation"> & {
+} & Pick<PopupProps, "onClick" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation" | "forceRender" | "destroyOnClose"> & {
     className?: string | undefined;
     style?: (CSSProperties & Partial<Record<"--header-button-font-size" | "--title-font-size" | "--item-font-size" | "--item-height", string>>) | undefined;
     tabIndex?: number | undefined;

package/es/components/safe-area/index.d.ts

@@ -0,0 +1,4 @@
+import './safe-area.less';
+import { SafeArea } from './safe-area';
+export type { SafeAreaProps } from './safe-area';
+export default SafeArea;

package/es/components/safe-area/index.js

@@ -0,0 +1,3 @@
+import "./safe-area.css";
+import { SafeArea } from './safe-area';
+export default SafeArea;

package/es/components/safe-area/safe-area.css

@@ -0,0 +1,11 @@
+.ebscn-safe-area {
+  --multiple: var(--ebscn-safe-area-multiple, 1);
+  display: block;
+  width: 100%;
+}
+.ebscn-safe-area-position-top {
+  padding-top: calc(env(safe-area-inset-top) * var(--multiple));
+}
+.ebscn-safe-area-position-bottom {
+  padding-bottom: calc(env(safe-area-inset-bottom) * var(--multiple));
+}

package/es/components/safe-area/safe-area.d.ts

@@ -0,0 +1,6 @@
+import type { FC } from 'react';
+import { NativeProps } from '../../utils/native-props';
+export type SafeAreaProps = {
+    position: 'top' | 'bottom';
+} & NativeProps;
+export declare const SafeArea: FC<SafeAreaProps>;

package/es/components/safe-area/safe-area.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { withNativeProps } from '../../utils/native-props';
+import classNames from 'classnames';
+var classPrefix = 'ebscn-safe-area';
+export var SafeArea = function (props) {
+  return withNativeProps(props, React.createElement("div", {
+    className: classNames(classPrefix, "".concat(classPrefix, "-position-").concat(props.position))
+  }));
+};

package/es/components/stock-count-keyboard/stock-count-keyboard.css

@@ -67,7 +67,7 @@
   color: var(--ebscn-color-background);
 }
 @supports (bottom: env(safe-area-inset-bottom)) or (constant(safe-area-inset-bottom)) {
-  .keyboard {
+  .ebscn-stock-count-keyboard {
     height: calc(216px + env(safe-area-inset-bottom));
     height: calc(216px + constant(safe-area-inset-bottom));
   }

package/es/components/stock-keyboard/stock-keyboard.css

@@ -104,7 +104,7 @@
   background: #CACBD0;
 }
 @supports (bottom: env(safe-area-inset-bottom)) or (constant(safe-area-inset-bottom)) {
-  .keyboard {
+  .ebscn-stock-keyboard {
     height: calc(216px + env(safe-area-inset-bottom));
     height: calc(216px + constant(safe-area-inset-bottom));
   }

package/es/index.d.ts

@@ -1,10 +1,13 @@
 import './global';
 export { default as AlphabetKeyboard } from './components/alphabet-keyboard';
+export { default as AutoCenter } from './components/auto-center';
 export { Button, SelectorButton } from './components/button';
 export { default as Card } from './components/card';
 export { default as Checkbox } from './components/checkbox';
+export { default as DateRangePicker } from './components/date-range-picker';
 export { default as Divider } from './components/divider';
 export { default as Grid } from './components/grid';
+export { default as HandRead } from './components/handRead';
 export { default as Header } from './components/header';
 export * from './components/icons';
 export { default as ImageViewer } from './components/imageViewer';
@@ -21,6 +24,7 @@ export { default as ProSelector } from './components/pro-selector';
 export { default as Protocal } from './components/protocol';
 export { default as PullToRefresh } from './components/pull-to-refresh';
 export { default as Radio } from './components/radio';
+export { default as SafeArea } from './components/safe-area';
 export { default as Search } from './components/search';
 export { default as Selector } from './components/selector';
 export { default as Skeleton } from './components/skeleton';
@@ -33,5 +37,3 @@ export { default as Switch } from './components/switch';
 export { default as Tabs } from './components/tabs';
 export { default as Tip } from './components/tip';
 export { default as ToastLoading } from './components/toastLoading';
-export { default as DateRangePicker } from './components/date-range-picker';
-export { default as HandRead } from './components/handRead';

package/es/index.js

@@ -1,10 +1,13 @@
 import './global';
 export { default as AlphabetKeyboard } from './components/alphabet-keyboard';
+export { default as AutoCenter } from './components/auto-center';
 export { Button, SelectorButton } from './components/button';
 export { default as Card } from './components/card';
 export { default as Checkbox } from './components/checkbox';
+export { default as DateRangePicker } from './components/date-range-picker';
 export { default as Divider } from './components/divider';
 export { default as Grid } from './components/grid';
+export { default as HandRead } from './components/handRead';
 export { default as Header } from './components/header';
 export * from './components/icons';
 export { default as ImageViewer } from './components/imageViewer';
@@ -21,6 +24,7 @@ export { default as ProSelector } from './components/pro-selector';
 export { default as Protocal } from './components/protocol';
 export { default as PullToRefresh } from './components/pull-to-refresh';
 export { default as Radio } from './components/radio';
+export { default as SafeArea } from './components/safe-area';
 export { default as Search } from './components/search';
 export { default as Selector } from './components/selector';
 export { default as Skeleton } from './components/skeleton';
@@ -32,6 +36,4 @@ export { default as Swiper } from './components/swiper';
 export { default as Switch } from './components/switch';
 export { default as Tabs } from './components/tabs';
 export { default as Tip } from './components/tip';
-export { default as ToastLoading } from './components/toastLoading';
-export { default as DateRangePicker } from './components/date-range-picker';
-export { default as HandRead } from './components/handRead';
+export { default as ToastLoading } from './components/toastLoading';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ebscn/ui",
-  "version": "1.0.1-beta.0",
+  "version": "1.0.1-beta.2",
   "description": "ebscn react library",
   "module": "./es/index.js",
   "types": "./es/index.d.ts",