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

package/cjs/components/common-input/common-input.css

@@ -0,0 +1,28 @@
+.ebscn-Common-input {
+  height: 170.5px;
+  background: #ffffff;
+  padding: 13.5px 16px 13.5px 16px;
+}
+.ebscn-Common-input-middleArea {
+  border-bottom: 1px solid ;
+}
+.ebscn-Common-input-middleArea-inputArea {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.ebscn-Common-input-middleArea-unitBox {
+  display: flex;
+  flex-direction: row;
+  margin-left: 45px;
+}
+.ebscn-Common-input-middleArea-unitBox-unit {
+  height: 15px;
+  font-size: 11px;
+  font-weight: 400;
+  color: #999999;
+}
+.ebscn-Common-input-middleArea-unitBox-line {
+  width: 0.5px;
+  height: 15px;
+}

package/cjs/components/common-input/common-input.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+import { NativeProps } from '../../utils/native-props';
+import { InputProps } from "../input";
+type tipProps = {
+    isShowTip: boolean;
+    tipComponent: React.ReactNode;
+};
+type unitProps = {
+    isShowUnit: boolean;
+    unitComponent: React.ReactNode;
+};
+export type CommonInputProps = {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (val: string) => void;
+    isShowUnit?: boolean;
+    isShowLine: boolean;
+    tipProps?: tipProps;
+    unitProps?: unitProps;
+    clearable: boolean;
+    inputProps?: InputProps;
+    inputleftComponent?: React.ReactNode;
+    prefixComponent?: React.ReactNode;
+    suffixComponent?: React.ReactNode;
+} & NativeProps;
+export declare function CommonInput(p: CommonInputProps): JSX.Element;
+export {};

package/cjs/components/common-input/common-input.js

@@ -0,0 +1,88 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CommonInput = CommonInput;
+var _react = _interopRequireWildcard(require("react"));
+var _nativeProps = require("../../utils/native-props");
+var _withDefaultProps = require("../../utils/with-default-props");
+var _tip = _interopRequireDefault(require("./demos/component/tip"));
+var _usePropsValue = require("@ebscn/ui/utils/use-props-value");
+var _input = _interopRequireDefault(require("../input"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 __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);
+};
+var classPrefix = 'ebscn-Common-input';
+var defaultProps = {
+  // inputleftComponent: <InputLeft></InputLeft>,
+  tipComponent: _react.default.createElement(_tip.default, null),
+  defaultValue: ''
+};
+function CommonInput(p) {
+  var _a, _b, _c;
+  var props = (0, _withDefaultProps.mergeProps)(p, defaultProps);
+  var _d = (0, _usePropsValue.usePropsValue)(props),
+    value = _d[0],
+    setValue = _d[1];
+  var _e = (0, _react.useState)('#ebebeb'),
+    color = _e[0],
+    setColor = _e[1];
+  var _f = (0, _react.useState)(false),
+    showTip = _f[0],
+    setShowTip = _f[1];
+  var _g = (0, _react.useState)(true),
+    clearable = _g[0],
+    setClearable = _g[1];
+  console.log(p, 'CommonProp');
+  function changeColor(isShowLine, color) {
+    if (isShowLine) {
+      setColor(color);
+    }
+  }
+  // const {titleLeftComponent,inputProps,} = props
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
+    className: "".concat(classPrefix)
+  }, _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-middleArea"),
+    style: {
+      'borderBottomColor': "".concat(((_a = props.tipProps) === null || _a === void 0 ? void 0 : _a.isShowTip) ? 'red' : color)
+    }
+  }, _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-middleArea-inputArea")
+  }, props.prefixComponent, props.inputleftComponent, _react.default.createElement(_input.default, __assign({
+    onFocus: function () {
+      changeColor(props.isShowLine, 'blue');
+    },
+    onBlur: function () {
+      changeColor(props.isShowLine, '#ebebeb');
+    },
+    value: value
+  }, props.inputProps, {
+    onChange: function (val) {
+      var _a;
+      console.log((_a = props.tipProps) === null || _a === void 0 ? void 0 : _a.isShowTip, 'isShowTIP');
+      // props.tipProps?.isShowTip ? setColor('red') : setColor('blue')
+      setValue(val);
+    },
+    clearable: true
+  })), props.suffixComponent), ((_b = props.unitProps) === null || _b === void 0 ? void 0 : _b.isShowUnit) ? _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-middleArea-unitBox")
+  }, _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-middleArea-unitBox-line")
+  }), _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-middleArea-unitBox-unit")
+  }, props.unitProps.unitComponent)) : _react.default.createElement(_react.default.Fragment, null)), ((_c = props.tipProps) === null || _c === void 0 ? void 0 : _c.isShowTip) ? _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-tipArea")
+  }, props.tipProps.tipComponent) : _react.default.createElement(_react.default.Fragment, null)));
+}

package/cjs/components/common-input/index.d.ts

@@ -0,0 +1,4 @@
+import "./common-input.less";
+import { CommonInput } from "./common-input";
+export type { CommonInputProps } from "./common-input";
+export default CommonInput;

package/cjs/components/common-input/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("./common-input.css");
+var _commonInput2 = require("./common-input");
+var _default = exports.default = _commonInput2.CommonInput;

package/cjs/components/fene-input/fene-input.css

@@ -0,0 +1,35 @@
+.ebscn-fene-input {
+  height: 170.5px;
+  background: #ffffff;
+  padding: 13.5px 16px 13.5px 16px;
+}
+.ebscn-fene-input-topArea {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 23.66px;
+}
+.ebscn-fene-input-middleArea {
+  border-bottom: 1px solid #ebebeb;
+}
+.ebscn-fene-input-middleArea-inputArea {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.ebscn-fene-input-middleArea-unitBox {
+  display: flex;
+  flex-direction: row;
+  margin-left: 45px;
+}
+.ebscn-fene-input-middleArea-unitBox-unit {
+  height: 15px;
+  font-size: 11px;
+  font-weight: 400;
+  color: #999999;
+}
+.ebscn-fene-input-middleArea-unitBox-line {
+  width: 0.5px;
+  height: 15px;
+  border: 1px dashed #ebebeb;
+}

package/cjs/components/fene-input/fene-input.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { NativeProps } from '../../utils/native-props';
+import { InputProps } from "../input";
+export type FeneInputProps = {
+    titleLeftComponent?: React.ReactNode;
+    titleRightComponent?: React.ReactNode;
+    inputProps?: InputProps;
+    inputleftComponent?: React.ReactNode;
+    inputrightComponent?: React.ReactNode;
+    tipComponent?: React.ReactNode;
+    contentComponent?: React.ReactNode;
+    footerComponent?: React.ReactNode;
+} & NativeProps;
+export declare function FeneInput(p: FeneInputProps): JSX.Element;

package/cjs/components/fene-input/fene-input.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FeneInput = FeneInput;
+var _react = _interopRequireDefault(require("react"));
+var _nativeProps = require("../../utils/native-props");
+var _withDefaultProps = require("../../utils/with-default-props");
+var _titleLeft = _interopRequireDefault(require("./demos/component/title-left"));
+var _titleRight = _interopRequireDefault(require("./demos/component/title-right"));
+var _inputLeft = _interopRequireDefault(require("./demos/component/input-left"));
+var _inputRight = _interopRequireDefault(require("./demos/component/input-right"));
+var _tip = _interopRequireDefault(require("./demos/component/tip"));
+var _footer = _interopRequireDefault(require("./demos/component/footer"));
+var _input = _interopRequireDefault(require("../input"));
+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);
+};
+var classPrefix = 'ebscn-fene-input';
+var defaultProps = {
+  titleLeftComponent: _react.default.createElement(_titleLeft.default, null),
+  titleRightComponent: _react.default.createElement(_titleRight.default, null),
+  inputleftComponent: _react.default.createElement(_inputLeft.default, null),
+  inputrightComponent: _react.default.createElement(_inputRight.default, null),
+  tipComponent: _react.default.createElement(_tip.default, null),
+  // contentComponent: <Content></Content>,
+  footerComponent: _react.default.createElement(_footer.default, null)
+};
+function FeneInput(p) {
+  var props = (0, _withDefaultProps.mergeProps)(p, defaultProps);
+  console.log(p, 'FeneProp');
+  // const {titleLeftComponent,inputProps,} = props
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
+    className: "".concat(classPrefix)
+  }, _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-topArea")
+  }, props.titleLeftComponent, props.titleRightComponent), _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-middleArea")
+  }, _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-middleArea-inputArea")
+  }, props.inputleftComponent, _react.default.createElement(_input.default, __assign({}, props.inputProps, {
+    clearable: true
+  })), props.inputrightComponent), _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-middleArea-unitBox")
+  }, _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-middleArea-unitBox-line")
+  }))), _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-tipArea")
+  }, props.tipComponent), _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-contentArea")
+  }, props.contentComponent), _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-bottomArea")
+  }, props.footerComponent)));
+}

package/cjs/components/fene-input/index.d.ts

@@ -0,0 +1,4 @@
+import "./fene-input.less";
+import { FeneInput } from "./fene-input";
+export type { FeneInputProps } from "./fene-input";
+export default FeneInput;

package/cjs/components/fene-input/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("./fene-input.css");
+var _feneInput2 = require("./fene-input");
+var _default = exports.default = _feneInput2.FeneInput;

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

@@ -0,0 +1,4 @@
+import './input.less';
+import { Input } from './input';
+export type { InputProps, InputRef } from './input';
+export default Input;

package/cjs/components/input/index.js

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

package/cjs/components/input/input.css

@@ -0,0 +1,96 @@
+.adm-input {
+  --font-size: var(--adm-font-size-9);
+  --color: var(--adm-color-text);
+  --placeholder-color: var(--adm-color-light);
+  --text-align: left;
+  --background-color: transparent;
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  width: 100%;
+  max-width: 100%;
+  max-height: 100%;
+  min-height: 24px;
+  background-color: var(--background-color);
+}
+.adm-input-disabled {
+  opacity: 0.4;
+  cursor: not-allowed;
+}
+.adm-input-element {
+  flex: auto;
+  display: inline-block;
+  box-sizing: border-box;
+  width: 100%;
+  max-width: 100%;
+  max-height: 100%;
+  padding: 0;
+  margin: 0;
+  color: var(--color);
+  font-size: var(--font-size);
+  line-height: 1.5;
+  background: transparent;
+  border: 0;
+  outline: none;
+  -webkit-appearance: none;
+          appearance: none;
+  min-height: 1.5em;
+  text-align: var(--text-align);
+}
+.adm-input-element::-webkit-input-placeholder {
+  color: var(--placeholder-color);
+  font-family: inherit;
+}
+.adm-input-element::placeholder {
+  color: var(--placeholder-color);
+  font-family: inherit;
+}
+.adm-input-element:-webkit-autofill {
+  background-color: transparent;
+}
+.adm-input-element:read-only {
+  cursor: default;
+}
+.adm-input-element:invalid {
+  box-shadow: none;
+}
+.adm-input-element::-ms-clear {
+  display: none;
+}
+.adm-input-element::-ms-reveal {
+  display: none;
+}
+.adm-input-element::-webkit-search-cancel-button {
+  display: none;
+}
+.adm-input-element::-webkit-search-decoration {
+  display: none;
+}
+.adm-input-element:disabled {
+  opacity: 1;
+}
+.adm-input-element[type='date'],
+.adm-input-element[type='time'],
+.adm-input-element[type='datetime-local'] {
+  min-height: 1.5em;
+}
+.adm-input-element[type='search'] {
+  -webkit-appearance: none;
+}
+.adm-input-element[readonly] {
+  pointer-events: none;
+}
+.adm-input-clear {
+  flex: none;
+  margin-left: 8px;
+  color: var(--adm-color-light);
+  padding: 4px;
+  cursor: pointer;
+}
+.adm-input-clear:active {
+  color: var(--adm-color-weak);
+}
+.adm-input-clear .antd-mobile-icon {
+  display: block;
+  font-size: var(--adm-font-size-7);
+}

package/cjs/components/input/input.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+import { NativeProps } from '../../utils/native-props';
+type NativeInputProps = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+type AriaProps = {
+    role?: string;
+};
+export type InputProps = Pick<NativeInputProps, 'maxLength' | 'minLength' | 'autoComplete' | 'autoFocus' | 'pattern' | 'inputMode' | 'type' | 'name' | 'onFocus' | 'onBlur' | 'autoCapitalize' | 'autoCorrect' | 'onKeyDown' | 'onKeyUp' | 'onCompositionStart' | 'onCompositionEnd' | 'onClick' | 'step' | 'id' | 'placeholder' | 'readOnly' | 'disabled'> & {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (val: string) => void;
+    clearable?: boolean;
+    onlyShowClearWhenFocus?: boolean;
+    onClear?: () => void;
+    onEnterPress?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    enterKeyHint?: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
+    min?: number;
+    max?: number;
+} & NativeProps<'--font-size' | '--color' | '--placeholder-color' | '--text-align'> & AriaProps;
+export type InputRef = {
+    clear: () => void;
+    focus: () => void;
+    blur: () => void;
+    nativeElement: HTMLInputElement | null;
+};
+export declare const Input: React.ForwardRefExoticComponent<Pick<NativeInputProps, "onClick" | "disabled" | "name" | "type" | "id" | "autoFocus" | "autoCapitalize" | "autoCorrect" | "inputMode" | "onCompositionEnd" | "onCompositionStart" | "onFocus" | "onBlur" | "onKeyDown" | "onKeyUp" | "pattern" | "autoComplete" | "maxLength" | "minLength" | "placeholder" | "readOnly" | "step"> & {
+    value?: string | undefined;
+    defaultValue?: string | undefined;
+    onChange?: ((val: string) => void) | undefined;
+    clearable?: boolean | undefined;
+    onlyShowClearWhenFocus?: boolean | undefined;
+    onClear?: (() => void) | undefined;
+    onEnterPress?: ((e: React.KeyboardEvent<HTMLInputElement>) => void) | undefined;
+    enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "previous" | "send" | undefined;
+    min?: number | undefined;
+    max?: number | undefined;
+} & {
+    className?: string | undefined;
+    style?: (React.CSSProperties & Partial<Record<"--color" | "--font-size" | "--placeholder-color" | "--text-align", string>>) | undefined;
+    tabIndex?: number | undefined;
+} & React.AriaAttributes & AriaProps & React.RefAttributes<InputRef>>;
+export {};

package/cjs/components/input/input.js

@@ -0,0 +1,161 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Input = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _usePropsValue = require("../../utils/use-props-value");
+var _antdMobileIcons = require("antd-mobile-icons");
+var _nativeProps = require("../../utils/native-props");
+var _withDefaultProps = require("../../utils/with-default-props");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _ahooks = require("ahooks");
+var _bound = require("../../utils/bound");
+var _validate = require("../../utils/validate");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 = "adm-input";
+var defaultProps = {
+  defaultValue: '',
+  onlyShowClearWhenFocus: true
+};
+var Input = exports.Input = (0, _react.forwardRef)(function (p, ref) {
+  var props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  var _a = (0, _usePropsValue.usePropsValue)(props),
+    value = _a[0],
+    setValue = _a[1];
+  var _b = (0, _react.useState)(false),
+    hasFocus = _b[0],
+    setHasFocus = _b[1];
+  var compositionStartRef = (0, _react.useRef)(false);
+  var nativeInputRef = (0, _react.useRef)(null);
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      clear: function () {
+        setValue('');
+      },
+      focus: function () {
+        var _a;
+        (_a = nativeInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+      },
+      blur: function () {
+        var _a;
+        (_a = nativeInputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
+      },
+      get nativeElement() {
+        return nativeInputRef.current;
+      }
+    };
+  });
+  var handleKeydown = function (e) {
+    var _a;
+    if (props.onEnterPress && (e.code === 'Enter' || e.keyCode === 13)) {
+      props.onEnterPress(e);
+    }
+    (_a = props.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(props, e);
+  };
+  (0, _ahooks.useIsomorphicLayoutEffect)(function () {
+    var _a;
+    if (!props.enterKeyHint) return;
+    (_a = nativeInputRef.current) === null || _a === void 0 ? void 0 : _a.setAttribute('enterkeyhint', props.enterKeyHint);
+    return function () {
+      var _a;
+      (_a = nativeInputRef.current) === null || _a === void 0 ? void 0 : _a.removeAttribute('enterkeyhint');
+    };
+  }, [props.enterKeyHint]);
+  function checkValue() {
+    var nextValue = value;
+    if (props.type === 'number') {
+      var boundValue = nextValue && (0, _bound.bound)(parseFloat(nextValue), props.min, props.max).toString();
+      // fix the display issue of numbers starting with 0
+      if (Number(nextValue) !== Number(boundValue)) {
+        nextValue = boundValue;
+      }
+    }
+    if (nextValue !== value) {
+      setValue(nextValue);
+    }
+  }
+  var shouldShowClear = function () {
+    if (!props.clearable || !value || props.readOnly) return false;
+    if (props.onlyShowClearWhenFocus) {
+      return hasFocus;
+    } else {
+      return true;
+    }
+  }();
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
+    className: (0, _classnames.default)("".concat(classPrefix), props.disabled && "".concat(classPrefix, "-disabled"))
+  }, _react.default.createElement("input", {
+    ref: nativeInputRef,
+    className: "".concat(classPrefix, "-element"),
+    value: value,
+    onChange: function (e) {
+      setValue(e.target.value);
+    },
+    onFocus: function (e) {
+      var _a;
+      setHasFocus(true);
+      console.log(e, 'e');
+      (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, e);
+    },
+    onBlur: function (e) {
+      var _a;
+      setHasFocus(false);
+      checkValue();
+      (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, e);
+    },
+    id: props.id,
+    placeholder: props.placeholder,
+    disabled: props.disabled,
+    readOnly: props.readOnly,
+    maxLength: props.maxLength,
+    minLength: props.minLength,
+    max: props.max,
+    min: props.min,
+    autoComplete: props.autoComplete,
+    autoFocus: props.autoFocus,
+    pattern: props.pattern,
+    inputMode: props.inputMode,
+    type: props.type,
+    name: props.name,
+    autoCapitalize: props.autoCapitalize,
+    autoCorrect: props.autoCorrect,
+    onKeyDown: handleKeydown,
+    onKeyUp: props.onKeyUp,
+    onCompositionStart: function (e) {
+      var _a;
+      compositionStartRef.current = true;
+      (_a = props.onCompositionStart) === null || _a === void 0 ? void 0 : _a.call(props, e);
+    },
+    onCompositionEnd: function (e) {
+      var _a;
+      compositionStartRef.current = false;
+      (_a = props.onCompositionEnd) === null || _a === void 0 ? void 0 : _a.call(props, e);
+    },
+    onClick: props.onClick,
+    step: props.step,
+    role: props.role,
+    "aria-valuenow": props['aria-valuenow'],
+    "aria-valuemax": props['aria-valuemax'],
+    "aria-valuemin": props['aria-valuemin'],
+    "aria-label": props['aria-label']
+  }), shouldShowClear && _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-clear"),
+    onMouseDown: function (e) {
+      e.preventDefault();
+    },
+    onClick: function () {
+      var _a, _b;
+      setValue('');
+      (_a = props.onClear) === null || _a === void 0 ? void 0 : _a.call(props);
+      // https://github.com/ant-design/ant-design-mobile/issues/5212
+      if ((0, _validate.isIOS)() && compositionStartRef.current) {
+        compositionStartRef.current = false;
+        (_b = nativeInputRef.current) === null || _b === void 0 ? void 0 : _b.blur();
+      }
+    }
+  }, _react.default.createElement(_antdMobileIcons.CloseCircleFill, null))));
+});

package/cjs/components/marketTag/marketTag.css

@@ -1,8 +1,8 @@
 .ebscn-marketTag {
-  padding: 0 1px;
-  font-size: var(--ebscn-font-size-2);
-  line-height: 13px;
-  height: 13px;
+  padding: 0 3px;
+  font-size: var(--ebscn-font-size-4);
+  line-height: 18px;
+  height: 18px;
   font-weight: normal;
   display: inline-block;
   white-space: nowrap;

package/cjs/components/money-input/index.d.ts

@@ -0,0 +1,4 @@
+import "./money-input.less";
+import { MoneyInput } from "./money-input";
+export type { MoneyInputProps } from "./money-input";
+export default MoneyInput;

package/cjs/components/money-input/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("./money-input.css");
+var _moneyInput2 = require("./money-input");
+var _default = exports.default = _moneyInput2.MoneyInput;

package/cjs/components/money-input/money-input.css

@@ -0,0 +1,35 @@
+.ebscn-money-input {
+  height: 170.5px;
+  background: #ffffff;
+  padding: 13.5px 16px 13.5px 16px;
+}
+.ebscn-money-input-topArea {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 23.66px;
+}
+.ebscn-money-input-middleArea {
+  border-bottom: 1px solid #ebebeb;
+}
+.ebscn-money-input-middleArea-inputArea {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.ebscn-money-input-middleArea-unitBox {
+  display: flex;
+  flex-direction: row;
+  margin-left: 45px;
+}
+.ebscn-money-input-middleArea-unitBox-unit {
+  height: 15px;
+  font-size: 11px;
+  font-weight: 400;
+  color: #999999;
+}
+.ebscn-money-input-middleArea-unitBox-line {
+  width: 0.5px;
+  height: 15px;
+  border: 1px dashed #ebebeb;
+}