@ebscn/ui 1.0.3-beta.3 → 1.0.3-beta.30

package/cjs/components/pull-to-refresh/pull-to-refresh.js

@@ -150,28 +150,28 @@ var PullToRefresh = function (p) {
   var props = (0, _withDefaultProps.mergeProps)(defaultProps, {
     refreshingText: _react2.default.createElement("div", {
       className: "".concat(classPrefix, "-refreshing")
-    }, _react2.default.createElement(_react2.Suspense, null, _react2.default.createElement("div", null, (p === null || p === void 0 ? void 0 : p.color) === 'primary' ? _react2.default.createElement("img", {
+    }, _react2.default.createElement(_react2.Suspense, null, _react2.default.createElement("div", null, (p === null || p === void 0 ? void 0 : p.color) !== 'grey' ? _react2.default.createElement("img", {
       src: _pull_loading_refreshing_white.default
     }) : _react2.default.createElement("img", {
       src: _pull_loading_refreshing_grey.default
     })), _react2.default.createElement("p", null, " "))),
     pullingText: _react2.default.createElement("div", {
       className: "".concat(classPrefix, "-pulling")
-    }, _react2.default.createElement("div", null, (p === null || p === void 0 ? void 0 : p.color) === 'primary' ? _react2.default.createElement("img", {
+    }, _react2.default.createElement("div", null, (p === null || p === void 0 ? void 0 : p.color) !== 'grey' ? _react2.default.createElement("img", {
       src: _pull_loading_white.default
     }) : _react2.default.createElement("img", {
       src: _pull_loading_grey.default
     })), _react2.default.createElement("p", null, " ")),
     canReleaseText: _react2.default.createElement("div", {
       className: "".concat(classPrefix, "-canRelease")
-    }, _react2.default.createElement("div", null, (p === null || p === void 0 ? void 0 : p.color) === 'primary' ? _react2.default.createElement("img", {
+    }, _react2.default.createElement("div", null, (p === null || p === void 0 ? void 0 : p.color) !== 'grey' ? _react2.default.createElement("img", {
       src: _pull_loading_white.default
     }) : _react2.default.createElement("img", {
       src: _pull_loading_grey.default
     })), _react2.default.createElement("p", null, "\u677E\u5F00\u5237\u65B0")),
     completeText: _react2.default.createElement("div", {
       className: "".concat(classPrefix, "-complete")
-    }, _react2.default.createElement("div", null, (p === null || p === void 0 ? void 0 : p.color) === 'primary' ? _react2.default.createElement("img", {
+    }, _react2.default.createElement("div", null, (p === null || p === void 0 ? void 0 : p.color) !== 'grey' ? _react2.default.createElement("img", {
       src: _pull_loading_white.default
     }) : _react2.default.createElement("img", {
       src: _pull_loading_grey.default
@@ -332,7 +332,7 @@ var PullToRefresh = function (p) {
     className: classPrefix
   }, _react2.default.createElement(_web.animated.div, {
     style: springStyles,
-    className: (0, _classnames.default)("".concat(classPrefix, "-head"), (_a = {}, _a["".concat(classPrefix, "-head-primary")] = props.color === 'primary', _a["".concat(classPrefix, "-head-grey")] = props.color === 'grey', _a))
+    className: (0, _classnames.default)("".concat(classPrefix, "-head"), (_a = {}, _a["".concat(classPrefix, "-head-primary")] = props.color === 'primary', _a["".concat(classPrefix, "-head-grey")] = props.color === 'grey', _a["".concat(classPrefix, "-head-dark")] = props.color === 'dark', _a))
   }, _react2.default.createElement("div", {
     className: "".concat(classPrefix, "-head-content"),
     style: {

package/cjs/components/radio/radio.css

@@ -21,7 +21,9 @@
   border-radius: var(--icon-size);
   border: 1px solid var(--ebscn-color-light);
   box-sizing: border-box;
+  width: 24px;
   width: var(--icon-size);
+  height: 24px;
   height: var(--icon-size);
   color: var(--ebscn-color-text-light-solid);
 }
@@ -37,6 +39,9 @@
 .ebscn-radio.ebscn-radio-block {
   display: flex;
 }
+.ebscn-radio.ebscn-radio-checked.ebscn-radio-icon-right {
+  color: var(--ebscn-color-primary);
+}
 .ebscn-radio.ebscn-radio-checked .ebscn-radio-icon {
   border-color: var(--ebscn-color-primary);
   background-color: var(--ebscn-color-primary);

package/cjs/components/selector/selector.css

@@ -12,7 +12,7 @@
   ---gap-horizontal: var(--gap-horizontal, var(--gap));
   ---gap-vertical: var(--gap-vertical, var(--gap));
   overflow: hidden;
-  font-size: var(--ebscn-font-size-7);
+  font-size: var(--ebscn-font-size-6);
   line-height: 1.4;
 }
 .ebscn-selector .ebscn-space.ebscn-space {

package/cjs/components/skeleton/skeleton.css

@@ -2,22 +2,22 @@
   --width: 100%;
   --height: 0;
   --border-radius: 3px;
-  background-color: rgba(190, 190, 190, 0.2);
+  background-color: #f8f9fc;
   border-radius: var(--border-radius);
   width: var(--width);
   height: var(--height);
   display: block;
 }
 .ebscn-skeleton.ebscn-skeleton-animated {
-  background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
+  background: linear-gradient(90deg, rgba(248, 249, 245) 25%, rgba(248, 249, 245, 0.3) 37%, rgba(248, 249, 245) 63%);
   background-size: 400% 100%;
   animation: ebscn-skeleton-loading 1.3s ease infinite;
 }
 .ebscn-skeleton.ebscn-skeleton-primary {
-  background-color: rgba(232, 66, 37, 0.2);
+  background-color: rgba(255, 66, 37, 0.2);
 }
 .ebscn-skeleton.ebscn-skeleton-primary.ebscn-skeleton.ebscn-skeleton-primary-animated {
-  background: linear-gradient(90deg, rgba(232, 66, 37, 0.2) 25%, rgba(231, 44, 23, 0.24) 37%, rgba(232, 66, 37, 0.2) 63%);
+  background: linear-gradient(90deg, rgba(255, 216, 214) 25%, rgba(255, 216, 214, 0.3) 37%, rgba(255, 216, 214) 63%);
   background-size: 400% 100%;
   animation: ebscn-skeleton-loading 1.3s ease infinite;
 }

package/cjs/components/squared-grid/squared-grid.css

@@ -12,7 +12,6 @@
 .ebscn-squared-grid-item {
   flex: 0 0 var(--flex-basic);
   display: flex;
-  justify-content: center;
   align-items: center;
   flex-direction: var(--item-flex-direction);
 }
@@ -20,7 +19,7 @@
   width: var(--icon-size);
   height: var(--icon-size);
   font-size: var(--icon-size);
-  margin: 5px;
+  padding: 6px;
 }
 .ebscn-squared-grid-item-label {
   font-size: var(--ebscn-font-size-5);

package/cjs/components/squared-grid/squared-grid.d.ts

@@ -1,10 +1,11 @@
-import type { FC, ReactNode } from 'react';
+import type { CSSProperties, FC, ReactNode } from 'react';
 import React from 'react';
 import { NativeProps } from '../../utils/native-props';
 import { PageIndicatorProps } from '../page-indicator';
 export type SquaredGridProps = {
     maxColumns?: number;
     maxRow?: number;
+    justifyContent?: CSSProperties['justifyContent'];
     children?: ReactNode;
     indicatorProps?: Pick<PageIndicatorProps, 'color' | 'style' | 'className'>;
 } & NativeProps<'--row-gap' | '--icon-size'>;

package/cjs/components/squared-grid/squared-grid.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SquaredGridItem = exports.SquaredGrid = void 0;
-var _ = require("../..");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireDefault(require("react"));
+var _ = require("../..");
 var _nativeProps = require("../../utils/native-props");
 var _withDefaultProps = require("../../utils/with-default-props");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -38,8 +38,17 @@ var SquaredGrid = function (p) {
   var children = _react.default.Children.toArray(props === null || props === void 0 ? void 0 : props.children);
   var pageSize = maxColumns * maxRow;
   var overPage = pageSize < children.length;
+  var justifyContent = props.justifyContent;
+  if (!justifyContent) {
+    if (children.length > maxColumns) {
+      justifyContent = 'flex-start';
+    } else {
+      justifyContent = 'space-around';
+    }
+  }
   var style = {
-    '--flex': "".concat(100 / maxColumns, "%")
+    '--flex': "".concat(100 / maxColumns, "%"),
+    justifyContent: justifyContent
   };
   var renderSwiperItems = function () {
     var pages = chunkArray(children, pageSize);

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

@@ -1,74 +1,81 @@
+html[data-prefers-color-scheme='dark'] .ebscn-stock-count-keyboard-delete {
+  background: url(../../assets/images/delete_dark.png) var(--ebscn-color-keyboard-fckey-bg) no-repeat center;
+  background-size: 24px 24px;
+  background-color: var(--ebscn-color-keyboard-fckey-bg);
+}
+html[data-prefers-color-scheme='dark'] .ebscn-stock-count-keyboard-delete:active {
+  background-color: var(--ebscn-color-keyboard-fckey-bg-active);
+}
 .ebscn-stock-count-keyboard {
   display: none;
+  box-sizing: border-box;
   position: fixed;
+  z-index: 999;
   bottom: 0;
   transform: translateY(101%);
   display: flex;
   flex-wrap: wrap;
   width: 100%;
-  height: 216px;
+  height: 223px;
+  background-color: var(--ebscn-color-keyboard-bg);
+  padding: 3px;
   transition: all 0.5s;
   align-content: flex-start;
 }
-.ebscn-stock-count-keyboard :last-child {
-  background: var(--ebscn-color-primary);
-  color: var(--ebscn-color-background);
+.ebscn-stock-count-keyboard-key,
+.ebscn-stock-count-keyboard-confirmKey {
+  border-radius: 4.17px;
+  width: calc(20% - 8px);
+  margin: 3px;
+  height: 46px;
+  text-align: center;
+  line-height: 48px;
+  font-weight: 400;
+  border: 0.5px solid #888;
+  border-color: var(--ebscn-color-keyboard-key-border);
 }
 .ebscn-stock-count-keyboard-key {
-  width: 20%;
-  height: 54px;
-  text-align: center;
-  line-height: 54px;
-  font-size: 24px;
-  color: var(--ebscn-color-text-dark-solid);
-  font-weight: 300;
-  box-shadow: 0 0 0 1px #cccccc;
-  background: var(--ebscn-color-background);
+  font-size: 23px;
+  color: var(--ebscn-color-text);
+  background: var(--ebscn-color-keyboard-key-bg);
 }
 .ebscn-stock-count-keyboard-key:active {
-  width: 20%;
-  height: 54px;
-  text-align: center;
-  font-size: 24px;
-  color: var(--ebscn-color-text-dark-solid);
-  font-weight: 300;
-  box-shadow: 0 0 0 1px #cccccc;
-  background: var(--ebscn-color-border);
+  background-color: #e5e5e5;
+  background-color: var(--ebscn-color-keyboard-key-bg-active);
 }
 .ebscn-stock-count-keyboard-option {
-  font-size: var(--ebscn-font-size-11);
-  background: #e1e3e8;
+  font-size: 18px;
+  font-size: var(--ebscn-font-size-10);
+  color: var(--ebscn-color-text);
+  background-color: var(--ebscn-color-keyboard-fckey-bg);
+  border: 0.5px solid #888;
+  border-color: var(--ebscn-color-keyboard-fckey-border);
 }
 .ebscn-stock-count-keyboard-option:active {
-  font-size: var(--ebscn-font-size-11);
-  background: #CACBD0;
+  background-color: #252525;
+  background-color: var(--ebscn-color-keyboard-fckey-bg-active);
 }
 .ebscn-stock-count-keyboard-delete {
-  background: url(../../assets/images/delete.png) #e1e3e8 no-repeat center;
-  background-size: 24px 24px;
+  background: url(../../assets/images/delete.png) var(--ebscn-color-keyboard-fckey-bg) no-repeat center;
+  background-size: 25px 25px;
 }
 .ebscn-stock-count-keyboard-delete:active {
-  background: url(../../assets/images/delete.png) #CACBD0 no-repeat center;
-  background-size: 24px 24px;
+  background: url(../../assets/images/delete.png) var(--ebscn-color-keyboard-key-bg-active) no-repeat center;
+  background-size: 25px 25px;
+  background-color: #252525;
+  background-color: var(--ebscn-color-keyboard-fckey-bg-active);
 }
 .ebscn-stock-count-keyboard-confirmKey {
   background-color: var(--ebscn-color-primary);
-  width: 20%;
-  height: 54px;
-  line-height: 54px;
-  text-align: center;
-  font-size: var(--ebscn-font-size-11);
-  color: var(--ebscn-color-text-dark-solid);
-  font-weight: 300;
-  box-shadow: 0 0 0 1px #cccccc;
+  font-size: var(--ebscn-font-size-10);
+  color: var(--ebscn-color-white);
 }
 .ebscn-stock-count-keyboard-confirmKey:active {
-  background-color: #D03B21;
-  color: var(--ebscn-color-background);
+  background-color: #d13c21;
 }
 @supports (bottom: env(safe-area-inset-bottom)) or (constant(safe-area-inset-bottom)) {
   .ebscn-stock-count-keyboard {
-    height: calc(216px + env(safe-area-inset-bottom));
-    height: calc(216px + constant(safe-area-inset-bottom));
+    height: calc(223px + env(safe-area-inset-bottom));
+    height: calc(223px + constant(safe-area-inset-bottom));
   }
 }

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

@@ -71,7 +71,7 @@ function StockCountKeyboard(p) {
   }, keys.map(function (item, index) {
     return _react.default.createElement("div", {
       key: item || index,
-      className: (0, _classnames.default)(item !== '确定' ? "".concat(classPrefix, "-key") : "".concat(classPrefix, "-confirmKey"), typeof item !== 'number' && item.length && item !== '.' && item !== '确定' ? "".concat(classPrefix, "-option") : item == '确定' ? "".concat(classPrefix, "-confirmKey") : "".concat(classPrefix, "-number-key"), item === 'X' && "".concat(classPrefix, "-delete")),
+      className: (0, _classnames.default)(item !== '确定' ? "".concat(classPrefix, "-key") : "".concat(classPrefix, "-confirmKey"), typeof item !== 'number' && item !== '00' && item.length && item !== '.' && item !== '确定' ? "".concat(classPrefix, "-option") : item == '确定' ? "".concat(classPrefix, "-confirmKey") : "".concat(classPrefix, "-number-key"), item === 'X' && "".concat(classPrefix, "-delete")),
       onClick: function () {
         if (visible) {
           onKeyPress(item);

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

@@ -0,0 +1,186 @@
+html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-extra-keybord {
+  background: url(../../assets/images/keybord_keybord_dark.png) no-repeat center;
+  background-size: 25px 25px;
+  background-color: var(--ebscn-color-keyboard-fckey-bg);
+}
+html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-extra-keybord:active {
+  background-color: var(--ebscn-color-keyboard-fckey-bg-active);
+}
+html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-extra-delete {
+  background: url(../../assets/images/delete_dark.png) no-repeat center;
+  background-size: 25px 25px;
+  background-color: var(--ebscn-color-keyboard-fckey-bg);
+}
+html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-extra-delete:active {
+  background-color: var(--ebscn-color-keyboard-fckey-bg-active);
+}
+html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-extra-shift {
+  background: url(../../assets/images/keybord_shift_dark.png) no-repeat center;
+  background-size: 25px 25px;
+  background-color: var(--ebscn-color-keyboard-fckey-bg);
+}
+html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-extra-shift:active {
+  background-color: var(--ebscn-color-keyboard-fckey-bg-active);
+}
+html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-extra-shift-big {
+  background: url(../../assets/images/keybord_shift2_dark.png) no-repeat center;
+  background-color: #adb3bd;
+  background-color: var(--ebscn-color-keyboard-fckey-bg);
+  background-size: 25px 25px;
+}
+.ebscn-alphabet-keyboard-extra {
+  position: relative;
+  transform: translateY(0);
+  display: flex;
+  flex-wrap: wrap;
+  width: 100%;
+  align-content: flex-start;
+  background-color: #fff;
+  background-color: var(--ebscn-color-keyboard-bg);
+}
+.ebscn-alphabet-keyboard-extra-shift {
+  margin-right: 3.73%;
+  background: url(../../assets/images/keybord_shift.png) no-repeat center;
+  background-color: #adb3bd;
+  background-color: var(--ebscn-color-keyboard-fckey-bg);
+  background-size: 17px 17px;
+  border: 0.5px solid #888;
+  border-color: var(--ebscn-color-keyboard-key-border);
+}
+.ebscn-alphabet-keyboard-extra-shift-big {
+  background: url(../../assets/images/keybord_shift2.png) no-repeat center;
+  background-color: #adb3bd;
+  background-color: var(--ebscn-color-keyboard-fckey-bg);
+  background-size: 25px 25px;
+}
+.ebscn-alphabet-keyboard-extra-delete {
+  margin-left: 2.26%;
+  background: url(../../assets/images/delete.png) no-repeat center;
+  background-color: #adb3bd;
+  background-color: var(--ebscn-color-keyboard-fckey-bg);
+  background-size: 25px 25px;
+  border: 0.5px solid #888;
+  border-color: var(--ebscn-color-keyboard-key-border);
+}
+.ebscn-alphabet-keyboard-extra-keybord {
+  background: url(../../assets/images/keybord_keybord.png) no-repeat center;
+  background-color: #adb3bd;
+  background-color: var(--ebscn-color-keyboard-fckey-bg);
+  background-size: 25px 18px;
+  border: 0.5px solid #888;
+  border-color: var(--ebscn-color-keyboard-key-border);
+}
+.ebscn-alphabet-keyboard-extra-space {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 48.4%;
+  height: 42px;
+  border-radius: 5px;
+  font-size: 16px;
+  background-color: #fff;
+  background: var(--ebscn-color-keyboard-key-bg);
+  border: 0.5px solid #888;
+  border-color: var(--ebscn-color-keyboard-key-border);
+}
+.ebscn-alphabet-keyboard-extra-space:active {
+  background-color: #e5e5e5;
+  background-color: var(--ebscn-color-keyboard-key-bg-active);
+}
+.ebscn-alphabet-keyboard-extra .ebscn-alphabet-keyboard-extra-firstline,
+.ebscn-alphabet-keyboard-extra .ebscn-alphabet-keyboard-extra-secondline,
+.ebscn-alphabet-keyboard-extra .ebscn-alphabet-keyboard-extra-thirdline,
+.ebscn-alphabet-keyboard-extra .ebscn-alphabet-keyboard-extra-firthline {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+  padding-top: calc(3% - 1px);
+}
+.ebscn-alphabet-keyboard-extra .ebscn-alphabet-keyboard-extra-firstline-key,
+.ebscn-alphabet-keyboard-extra .ebscn-alphabet-keyboard-extra-secondline-key,
+.ebscn-alphabet-keyboard-extra .ebscn-alphabet-keyboard-extra-thirdline-key,
+.ebscn-alphabet-keyboard-extra .ebscn-alphabet-keyboard-extra-firthline-key {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex: 1;
+  width: 8.4%;
+  height: 40px;
+  background-color: #fff;
+  background: var(--ebscn-color-keyboard-key-bg);
+  border-radius: 5px;
+  font-size: 23px;
+  font-weight: 400;
+  text-align: center;
+  color: #333;
+  color: var(--ebscn-color-text);
+  margin: 0 3px;
+  border: 0.5px solid #888;
+  border-color: var(--ebscn-color-keyboard-key-border);
+}
+.ebscn-alphabet-keyboard-extra .ebscn-alphabet-keyboard-extra-firstline-key:active,
+.ebscn-alphabet-keyboard-extra .ebscn-alphabet-keyboard-extra-secondline-key:active,
+.ebscn-alphabet-keyboard-extra .ebscn-alphabet-keyboard-extra-thirdline-key:active,
+.ebscn-alphabet-keyboard-extra .ebscn-alphabet-keyboard-extra-firthline-key:active {
+  background-color: #e5e5e5;
+  background-color: var(--ebscn-color-keyboard-key-bg-active);
+}
+.ebscn-alphabet-keyboard-extra-darkkey {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 11.2%;
+  height: 42px;
+  border-radius: 5px;
+  background-color: #adb3bd;
+  background-color: var(--ebscn-color-keyboard-fckey-bg);
+  font-size: var(--ebscn-font-size-9);
+  border: 0.5px solid #888;
+  border-color: var(--ebscn-color-keyboard-fckey-border);
+}
+.ebscn-alphabet-keyboard-extra-darkkey:active {
+  background-color: #252525;
+  background-color: var(--ebscn-color-keyboard-fckey-bg-active);
+}
+.ebscn-alphabet-keyboard-extra .ebscn-alphabet-keyboard-extra-secondline {
+  padding-left: 5.73%;
+  padding-right: 5.73%;
+}
+.ebscn-alphabet-keyboard-extra .ebscn-alphabet-keyboard-extra-thirdline {
+  padding-left: 3px;
+  padding-right: 3px;
+}
+.ebscn-alphabet-keyboard-extra .ebscn-alphabet-keyboard-extra-firthline {
+  padding-left: 3px;
+  padding-right: 3px;
+  padding-bottom: 6px;
+}
+.ebscn-alphabet-keyboard-extra .ebscn-alphabet-keyboard-extra-firthline-confirm {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 23.46%;
+  height: 42px;
+  background-color: #e84225;
+  background: var(--ebscn-color-primary);
+  border-radius: 5px;
+  font-size: 16px;
+  font-weight: 400;
+  text-align: center;
+  color: #fff;
+  line-height: 22.5px;
+  border: 0.5px solid #888;
+  border-color: var(--ebscn-color-keyboard-key-border);
+}
+.ebscn-alphabet-keyboard-extra .ebscn-alphabet-keyboard-extra-firthline-confirm:active {
+  background-color: #d13c21;
+}
+.ebscn-alphabet-keyboard-extra .ebscn-alphabet-keyboard-extra-firthline img {
+  height: 20%;
+}
+@supports (bottom: env(safe-area-inset-bottom)) or (constant(safe-area-inset-bottom)) {
+  .ebscn-alphabet-keyboard-extra {
+    height: calc(223px + env(safe-area-inset-bottom));
+    height: calc(223px + constant(safe-area-inset-bottom));
+  }
+}

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { NativeProps } from '../../utils/native-props';
+export type AlphabetKeyboardProps = {
+    visible?: boolean;
+    onInput: Function;
+    onDelete: Function;
+    onClose: Function;
+    onChangeKeyBoard?: Function;
+    onConfirm: Function;
+} & NativeProps;
+export declare function AlphabetKeyboard(p: AlphabetKeyboardProps): JSX.Element;

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

@@ -0,0 +1,106 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AlphabetKeyboard = AlphabetKeyboard;
+var _react = _interopRequireWildcard(require("react"));
+var _nativeProps = require("../../utils/native-props");
+var _withDefaultProps = require("../../utils/with-default-props");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var classPrefix = 'ebscn-alphabet-keyboard-extra';
+var defaultProps = {
+  visible: false
+};
+function AlphabetKeyboard(p) {
+  var keyboardRef = (0, _react.useRef)(null);
+  var props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  var visible = props.visible,
+    onInput = props.onInput,
+    onDelete = props.onDelete,
+    onClose = props.onClose,
+    onChangeKeyBoard = props.onChangeKeyBoard,
+    onConfirm = props.onConfirm;
+  var firstKeys = ['q', 'w', 'e', 'r', 't', 'y', 'u', 'i', 'o', 'p'];
+  var firstKeysBig = ['Q', 'W', 'E', 'R', 'T', 'Y', 'U', 'I', 'O', 'P'];
+  var secondKeys = ['a', 's', 'd', 'f', 'g', 'h', 'j', 'k', 'l'];
+  var secondKeysBig = ['A', 'S', 'D', 'F', 'G', 'H', 'J', 'K', 'L'];
+  var thirdKeys = ['↑', 'z', 'x', 'c', 'v', 'b', 'n', 'm', '×'];
+  var thirdKeysBig = ['↑', 'Z', 'X', 'C', 'V', 'B', 'N', 'M', '×'];
+  var firthKeys = ['123', '⌨', '空格', '确定'];
+  var _a = (0, _react.useState)(false),
+    isBig = _a[0],
+    setIsBIG = _a[1];
+  var imgKeys = ['×', '↑', '⌨'];
+  function onKeyPress(key) {
+    switch (key) {
+      case '×':
+        return onDelete === null || onDelete === void 0 ? void 0 : onDelete();
+      case '123':
+        return onChangeKeyBoard === null || onChangeKeyBoard === void 0 ? void 0 : onChangeKeyBoard();
+      case '⌨':
+        return onClose === null || onClose === void 0 ? void 0 : onClose();
+      case '确定':
+        return onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm();
+      case '空格':
+        return onInput === null || onInput === void 0 ? void 0 : onInput(' ');
+      case '↑':
+        return setIsBIG(!isBig);
+      default:
+        return onInput === null || onInput === void 0 ? void 0 : onInput(key);
+    }
+  }
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
+    ref: keyboardRef,
+    className: "".concat(classPrefix)
+  }, _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-firstline")
+  }, (isBig == false ? firstKeys : firstKeysBig).map(function (item, index) {
+    return _react.default.createElement("div", {
+      key: item || index,
+      className: "".concat(classPrefix, "-firstline-key"),
+      onTouchStart: function () {
+        if (visible) {
+          onKeyPress(item);
+        }
+      }
+    }, item);
+  })), _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-secondline")
+  }, (isBig == false ? secondKeys : secondKeysBig).map(function (item, index) {
+    return _react.default.createElement("div", {
+      key: item || index,
+      className: "".concat(classPrefix, "-secondline-key"),
+      onTouchStart: function () {
+        if (visible) {
+          onKeyPress(item);
+        }
+      }
+    }, item);
+  })), _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-thirdline")
+  }, (isBig == false ? thirdKeys : thirdKeysBig).map(function (item, index) {
+    return _react.default.createElement("div", {
+      key: item || index,
+      className: item == '↑' && isBig ? "".concat(classPrefix, "-darkkey ").concat(classPrefix, "-shift ").concat(classPrefix, "-shift-big") : item == '↑' ? "".concat(classPrefix, "-darkkey ").concat(classPrefix, "-shift") : item == '×' ? "".concat(classPrefix, "-darkkey ").concat(classPrefix, "-delete") : "".concat(classPrefix, "-thirdline-key"),
+      onTouchStart: function () {
+        if (visible) {
+          onKeyPress(item);
+        }
+      }
+    }, imgKeys.includes(item) ? '' : item);
+  })), _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-firthline")
+  }, firthKeys.map(function (item, index) {
+    return _react.default.createElement("div", {
+      key: item || index,
+      className: item == '123' ? "".concat(classPrefix, "-darkkey") : item == '⌨' ? " ".concat(classPrefix, "-darkkey ").concat(classPrefix, "-keybord") : item == '空格' ? "".concat(classPrefix, "-space") : "".concat(classPrefix, "-firthline-confirm"),
+      onTouchStart: function () {
+        if (visible) {
+          onKeyPress(item);
+        }
+      }
+    }, imgKeys.includes(item) ? '' : item);
+  }))));
+}

package/cjs/components/stock-keyboard/index.d.ts

@@ -1,4 +1,5 @@
 import "./stock-keyboard.less";
+import './alphabet-keyboard.less';
 import { StockKeyboard } from "./stock-keyboard";
 export type { StockKeyboardProps } from "./stock-keyboard";
 export default StockKeyboard;

package/cjs/components/stock-keyboard/index.js

@@ -5,5 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 require("./stock-keyboard.css");
+require("./alphabet-keyboard.css");
 var _stockKeyboard2 = require("./stock-keyboard");
 var _default = exports.default = _stockKeyboard2.StockKeyboard;