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

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

@@ -0,0 +1,126 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = PayInput;
+var _react = _interopRequireWildcard(require("react"));
+var _numberKeyboard = _interopRequireDefault(require("../number-keyboard"));
+var _passcodeInput = _interopRequireDefault(require("../passcode-input"));
+var _nativeProps = require("@ebscn/ui/utils/native-props");
+var _withDefaultProps = require("@ebscn/ui/utils/with-default-props");
+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; }
+// import style from './index.module.less';
+
+// import KeyBoard from 'components/keyboard';
+
+var classPrefix = 'ebscn-pay-input';
+var defaultProps = {
+  money: 'sss',
+  bankInfo: {
+    bankImg: 'stri',
+    bankName: 'string',
+    bank_code: ' string',
+    accountNo: 'string'
+  },
+  onCancel: function () {},
+  onSubmit: function () {}
+};
+function PayInput(props) {
+  var p = (0, _withDefaultProps.mergeProps)(defaultProps, props);
+  var _a = (0, _react.useState)(true),
+    visible = _a[0],
+    setVisible = _a[1];
+  var _b = (0, _react.useState)(''),
+    pwd = _b[0],
+    setPwd = _b[1];
+  var money = props.money,
+    bankInfo = props.bankInfo,
+    onSubmit = props.onSubmit,
+    onCancel = props.onCancel;
+  console.log(bankInfo);
+  // if (isError) {
+  //    setPwd('')
+  // }
+  function onInput(key) {
+    if (pwd.length != 6) {
+      setPwd(pwd + key);
+      // if (pwd.length == 5) {
+      //     onSubmit(pwd + key);
+      // }
+    }
+  }
+  function onConfirm() {
+    if (pwd.length == 6) {
+      onSubmit(pwd);
+    }
+  }
+  function onDelete() {
+    if (pwd !== '') {
+      setPwd(pwd.slice(0, pwd.length - 1));
+    }
+  }
+  function onClean() {
+    setPwd('');
+  }
+  // function onCancel() {
+  //     setVisible(false)
+  // }
+  return (0, _nativeProps.withNativeProps)(p, _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("div", {
+    className: "".concat(classPrefix),
+    id: 'payinput'
+  }, _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-topArea")
+  }, _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-topArea-cancel"),
+    onClick: function () {
+      return onCancel();
+    }
+  }), _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-topArea-title")
+  }, "\u8BF7\u8F93\u5165\u8D44\u91D1\u5BC6\u7801")), _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-moneyBox")
+  }, _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-moneyBox-moneyTitle")
+  }, "\u53D6\u73B0\u91D1\u989D"), _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-moneyBox-moneyArea")
+  }, _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-moneyBox-moneyArea-moneyTip")
+  }, "\u00A5"), _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-moneyBox-moneyArea-moneyText")
+  }, money)), _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-moneyBox-cashCard")
+  }, _react.default.createElement("div", null, "\u53D6\u73B0\u91D1\u5230"), _react.default.createElement("div", null, _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-moneyBox-cashCard-cardIcon"),
+    style: {
+      backgroundImage: "url(".concat(bankInfo.bankImg, ")")
+    }
+  }), _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-moneyBox-cashCard-cardText")
+  }, "".concat(bankInfo.bankName))))), _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-password")
+  }, _react.default.createElement(_passcodeInput.default, {
+    length: 6,
+    seperated: true,
+    keyboard: _react.default.createElement(_react.default.Fragment, null),
+    onFocus: function () {
+      setVisible(true);
+    },
+    value: pwd
+  })), _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-forgetpassword"),
+    onClick: function () {
+      console.log(window.COMMON_CONF.forgetPwdUrl, 'urll');
+    }
+  }, "\u5FD8\u8BB0\u8D44\u91D1\u5BC6\u7801")), _react.default.createElement(_numberKeyboard.default, {
+    types: 'numberKeyboard',
+    visible: visible,
+    onInput: onInput,
+    onDelete: onDelete,
+    onClean: onClean,
+    onConfirm: onConfirm,
+    onClose: onCancel
+  })));
+}

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

@@ -0,0 +1,4 @@
+import './virtual-input.less';
+import { VirtualInput } from './virtual-input';
+export type { VirtualInputProps, VirtualInputRef } from './virtual-input';
+export default VirtualInput;

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

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

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

@@ -0,0 +1,99 @@
+.ebscn-virtual-input {
+  --font-size: var(--adm-font-size-9);
+  --color: var(--adm-color-text);
+  --placeholder-color: var(--adm-color-light);
+  --disabled-color: var(--adm-color-weak);
+  --text-align: left;
+  --caret-width: var(--adm-virtual-input-caret-width, 2px);
+  --caret-color: var(--adm-virtual-input-caret-color, var(--adm-color-primary));
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  position: relative;
+  text-align: var(--text-align);
+  font-size: var(--font-size);
+  line-height: 1.5;
+  white-space: nowrap;
+  color: var(--color);
+  width: 100%;
+}
+.ebscn-virtual-input > * {
+  vertical-align: top;
+}
+.ebscn-virtual-input-content {
+  flex: auto;
+  display: inline-block;
+  position: relative;
+  z-index: 1;
+  width: 100%;
+  max-width: 100%;
+  overflow-y: hidden;
+  overflow-x: scroll;
+  scrollbar-width: none;
+}
+.ebscn-virtual-input-content::-webkit-scrollbar {
+  display: none;
+}
+.ebscn-virtual-input-placeholder {
+  display: block;
+  position: absolute;
+  z-index: 0;
+  left: 0;
+  top: 0;
+  width: 100%;
+  overflow: hidden;
+  text-align: var(--text-align);
+  color: var(--placeholder-color);
+}
+.ebscn-virtual-input-caret-container {
+  display: inline-block;
+  width: var(--caret-width);
+  height: 1.3em;
+  vertical-align: top;
+  margin-right: 1px;
+}
+.ebscn-virtual-input-caret {
+  width: 100%;
+  height: 100%;
+  background-color: var(--caret-color);
+  position: relative;
+  top: 5%;
+}
+.ebscn-virtual-input:focus {
+  outline: none;
+}
+.ebscn-virtual-input:focus .adm-virtual-input-caret {
+  display: block;
+  animation-name: adm-caret-blink;
+  animation-duration: 1s;
+  animation-timing-function: linear;
+  animation-iteration-count: infinite;
+}
+.ebscn-virtual-input-disabled {
+  color: var(--disabled-color);
+}
+@keyframes adm-caret-blink {
+  from {
+    opacity: 1;
+  }
+  60% {
+    opacity: 1;
+  }
+  80% {
+    opacity: 0;
+  }
+  to {
+    opacity: 0;
+  }
+}
+.ebscn-virtual-input-clear {
+  flex: none;
+  margin-left: 8px;
+  color: var(--placeholder-color);
+  padding: 3px;
+  cursor: pointer;
+}
+.ebscn-virtual-input-clear .antd-mobile-icon {
+  display: block;
+  font-size: var(--adm-font-size-6);
+}

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

@@ -0,0 +1,45 @@
+import React from 'react';
+import type { ReactElement } from 'react';
+import { NativeProps } from '../../utils/native-props';
+import { NumberKeyboardProps } from '../number-keyboard';
+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 VirtualInputProps = {
+    onFocus?: () => void;
+    onBlur?: () => void;
+    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    keyboard?: ReactElement<NumberKeyboardProps>;
+    clearable?: boolean;
+    onClear?: () => void;
+} & Pick<InputProps, 'value' | 'onChange' | 'placeholder' | 'disabled'> & NativeProps<'--font-size' | '--color' | '--placeholder-color' | '--disabled-color' | '--text-align' | '--caret-width' | '--caret-color'>;
+export type VirtualInputRef = {
+    focus: () => void;
+    blur: () => void;
+};
+export declare const VirtualInput: React.ForwardRefExoticComponent<{
+    onFocus?: (() => void) | undefined;
+    onBlur?: (() => void) | undefined;
+    onClick?: ((e: React.MouseEvent<HTMLDivElement>) => void) | undefined;
+    keyboard?: React.ReactElement<NumberKeyboardProps, string | React.JSXElementConstructor<any>> | undefined;
+    clearable?: boolean | undefined;
+    onClear?: (() => void) | undefined;
+} & Pick<InputProps, "disabled" | "value" | "onChange" | "placeholder"> & {
+    className?: string | undefined;
+    style?: (React.CSSProperties & Partial<Record<"--color" | "--font-size" | "--placeholder-color" | "--text-align" | "--disabled-color" | "--caret-width" | "--caret-color", string>>) | undefined;
+    tabIndex?: number | undefined;
+} & React.AriaAttributes & React.RefAttributes<VirtualInputRef>>;
+export {};

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

@@ -0,0 +1,145 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VirtualInput = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _nativeProps = require("../../utils/native-props");
+var _withDefaultProps = require("../../utils/with-default-props");
+var _usePropsValue = require("../../utils/use-props-value");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _ahooks = require("ahooks");
+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; }
+// import type { InputProps } from '../input'
+
+// import { CloseCircleFill } from 'antd-mobile-icons'
+
+// import { useConfig } from '../config-provider'
+var classPrefix = 'ebscn-virtual-input';
+var defaultProps = {
+  defaultValue: ''
+};
+var VirtualInput = exports.VirtualInput = (0, _react.forwardRef)(function (p, ref) {
+  var _a;
+  var props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  var _b = (0, _usePropsValue.usePropsValue)(props),
+    value = _b[0],
+    setValue = _b[1];
+  console.log(props, value, 11);
+  var rootRef = (0, _react.useRef)(null);
+  var contentRef = (0, _react.useRef)(null);
+  var _c = (0, _react.useState)(false),
+    hasFocus = _c[0],
+    setHasFocus = _c[1];
+  // const { locale } = useConfig()
+  function scrollToEnd() {
+    var root = rootRef.current;
+    if (!root) return;
+    if (document.activeElement !== root) {
+      return;
+    }
+    var content = contentRef.current;
+    if (!content) return;
+    content.scrollLeft = content.clientWidth;
+  }
+  (0, _ahooks.useIsomorphicLayoutEffect)(function () {
+    scrollToEnd();
+  }, [value]);
+  (0, _react.useEffect)(function () {
+    if (hasFocus) {
+      scrollToEnd();
+    }
+  }, [hasFocus]);
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      focus: function () {
+        var _a;
+        (_a = rootRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+      },
+      blur: function () {
+        var _a;
+        (_a = rootRef.current) === null || _a === void 0 ? void 0 : _a.blur();
+      }
+    };
+  });
+  function onFocus() {
+    var _a;
+    setHasFocus(true);
+    (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props);
+  }
+  function onBlur() {
+    var _a;
+    setHasFocus(false);
+    (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props);
+  }
+  var keyboard = props.keyboard;
+  var keyboardElement = keyboard && _react.default.cloneElement(keyboard, {
+    onInput: function (v) {
+      var _a, _b;
+      setValue(value + v);
+      (_b = (_a = keyboard.props).onInput) === null || _b === void 0 ? void 0 : _b.call(_a, v);
+    },
+    onDelete: function () {
+      var _a, _b;
+      setValue(value.slice(0, -1));
+      (_b = (_a = keyboard.props).onDelete) === null || _b === void 0 ? void 0 : _b.call(_a);
+    },
+    visible: hasFocus,
+    onClose: function () {
+      var _a, _b, _c, _d;
+      var activeElement = document.activeElement;
+      // Long press makes `activeElement` to be the child of rootRef
+      // We will trigger blur on the child element instead
+      if (activeElement && ((_a = rootRef.current) === null || _a === void 0 ? void 0 : _a.contains(activeElement))) {
+        activeElement.blur();
+      } else {
+        (_b = rootRef.current) === null || _b === void 0 ? void 0 : _b.blur();
+      }
+      (_d = (_c = keyboard.props).onClose) === null || _d === void 0 ? void 0 : _d.call(_c);
+    },
+    onChangeKeyBoard: function () {},
+    onClean: function () {
+      var _a, _b;
+      setValue('');
+      (_b = (_a = keyboard.props).onClean) === null || _b === void 0 ? void 0 : _b.call(_a);
+    },
+    onConfirm: function () {
+      var _a, _b;
+      setHasFocus(false);
+      (_b = (_a = keyboard.props).onConfirm) === null || _b === void 0 ? void 0 : _b.call(_a);
+    },
+    getContainer: null
+  });
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
+    ref: rootRef,
+    className: (0, _classnames.default)(classPrefix, (_a = {}, _a["".concat(classPrefix, "-disabled")] = props.disabled, _a)),
+    tabIndex: props.disabled ? undefined : 0,
+    role: 'textbox',
+    onFocus: onFocus,
+    onBlur: onBlur,
+    onClick: props.onClick
+  }, _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-content"),
+    ref: contentRef,
+    "aria-disabled": props.disabled,
+    "aria-label": props.placeholder
+  }, value, _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-caret-container")
+  }, hasFocus && _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-caret")
+  }))), props.clearable && !!value && hasFocus && _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-clear"),
+    onClick: function (e) {
+      var _a;
+      e.stopPropagation();
+      setValue('');
+      (_a = props.onClear) === null || _a === void 0 ? void 0 : _a.call(props);
+    },
+    role: 'button'
+  }), [undefined, null, ''].includes(value) && _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-placeholder")
+  }, props.placeholder), keyboardElement));
+});

package/cjs/index.d.ts

@@ -35,3 +35,4 @@ 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 Input } from './components/input';

package/cjs/index.js

@@ -40,7 +40,8 @@ var _exportNames = {
   Switch: true,
   Tabs: true,
   Tip: true,
-  ToastLoading: true
+  ToastLoading: true,
+  Input: true
 };
 Object.defineProperty(exports, "AlphabetKeyboard", {
   enumerable: true,
@@ -102,6 +103,12 @@ Object.defineProperty(exports, "ImageViewer", {
     return _imageViewer.default;
   }
 });
+Object.defineProperty(exports, "Input", {
+  enumerable: true,
+  get: function () {
+    return _input.default;
+  }
+});
 Object.defineProperty(exports, "MarketTag", {
   enumerable: true,
   get: function () {
@@ -312,4 +319,5 @@ 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 _input = _interopRequireDefault(require("./components/input"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/es/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/es/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/es/components/common-input/common-input.js

@@ -0,0 +1,80 @@
+var __assign = this && this.__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);
+};
+import { useState } from "react";
+import React from "react";
+import { withNativeProps } from '../../utils/native-props';
+import { mergeProps } from '../../utils/with-default-props';
+import Tip from "./demos/component/tip";
+import { usePropsValue } from "@ebscn/ui/utils/use-props-value";
+import Input from "../input";
+var classPrefix = 'ebscn-Common-input';
+var defaultProps = {
+  // inputleftComponent: <InputLeft></InputLeft>,
+  tipComponent: React.createElement(Tip, null),
+  defaultValue: ''
+};
+export function CommonInput(p) {
+  var _a, _b, _c;
+  var props = mergeProps(p, defaultProps);
+  var _d = usePropsValue(props),
+    value = _d[0],
+    setValue = _d[1];
+  var _e = useState('#ebebeb'),
+    color = _e[0],
+    setColor = _e[1];
+  var _f = useState(false),
+    showTip = _f[0],
+    setShowTip = _f[1];
+  var _g = 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 withNativeProps(props, React.createElement("div", {
+    className: "".concat(classPrefix)
+  }, React.createElement("div", {
+    className: "".concat(classPrefix, "-middleArea"),
+    style: {
+      'borderBottomColor': "".concat(((_a = props.tipProps) === null || _a === void 0 ? void 0 : _a.isShowTip) ? 'red' : color)
+    }
+  }, React.createElement("div", {
+    className: "".concat(classPrefix, "-middleArea-inputArea")
+  }, props.prefixComponent, props.inputleftComponent, React.createElement(Input, __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.createElement("div", {
+    className: "".concat(classPrefix, "-middleArea-unitBox")
+  }, React.createElement("div", {
+    className: "".concat(classPrefix, "-middleArea-unitBox-line")
+  }), React.createElement("div", {
+    className: "".concat(classPrefix, "-middleArea-unitBox-unit")
+  }, props.unitProps.unitComponent)) : React.createElement(React.Fragment, null)), ((_c = props.tipProps) === null || _c === void 0 ? void 0 : _c.isShowTip) ? React.createElement("div", {
+    className: "".concat(classPrefix, "-tipArea")
+  }, props.tipProps.tipComponent) : React.createElement(React.Fragment, null)));
+}

package/es/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/es/components/common-input/index.js

@@ -0,0 +1,3 @@
+import "./common-input.css";
+import { CommonInput } from "./common-input";
+export default CommonInput;

package/es/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/es/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;