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

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

@@ -1,3 +1,21 @@
+:root {
+  --ebscn-color-keyboard-bg: #d2d5d8;
+  --ebscn-color-keyboard-key-bg: #fff;
+  --ebscn-color-functionkey-background: #adb3bd;
+  --ebscn-color-keyboard-active-background: #E5E5E5;
+}
+html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-keybord {
+  background: url(../../assets/images/keybord_keybord_dark.png) var(--ebscn-color-functionkey-background) no-repeat center;
+  background-size: 24px 24px;
+}
+html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-delete {
+  background: url(../../assets/images/delete_dark.png) var(--ebscn-color-functionkey-background) no-repeat center;
+  background-size: 24px 24px;
+}
+html[data-prefers-color-scheme='dark'] .ebscn-alphabet-keyboard-shift {
+  background: url(../../assets/images/keybord_shift_dark.png) var(--ebscn-color-functionkey-background) no-repeat center;
+  background-size: 24px 24px;
+}
 .ebscn-alphabet-keyboard {
   position: fixed;
   bottom: 0;
@@ -7,7 +25,8 @@
   width: 100%;
   transition: all 0.5s;
   align-content: flex-start;
-  background: #d2d5db;
+  background-color: #fff;
+  background-color: var(--ebscn-color-keyboard-bg);
 }
 .ebscn-alphabet-keyboard-darkkey {
   display: flex;
@@ -16,25 +35,33 @@
   width: 11.2%;
   height: 42px;
   border-radius: 5px;
-  box-shadow: 0px 0.5px 0px 0px #888888;
-  background: #adb3bd;
+  background-color: #adb3bd;
+  background-color: var(--ebscn-color-functionkey-background);
+  font-size: 17px;
   font-size: var(--ebscn-font-size-9);
 }
 .ebscn-alphabet-keyboard-darkkey:active {
-  background: #adb3bd;
+  background-color: #e5e5e5;
+  background-color: var(--ebscn-color-keyboard-active-background);
 }
 .ebscn-alphabet-keyboard-shift {
   margin-right: 3.73%;
-  background: url(../../assets/images/keybord_shift.png) #adb3bd no-repeat center;
+  background: url(../../assets/images/keybord_shift.png) no-repeat center;
+  background-color: #adb3bd;
+  background-color: var(--ebscn-color-functionkey-background);
   background-size: 17px 17px;
 }
 .ebscn-alphabet-keyboard-delete {
   margin-left: 2.26%;
-  background: url(../../assets/images/delete.png) #adb3bd no-repeat center;
+  background: url(../../assets/images/delete.png) no-repeat center;
+  background-color: #adb3bd;
+  background-color: var(--ebscn-color-functionkey-background);
   background-size: 24px 24px;
 }
 .ebscn-alphabet-keyboard-keybord {
-  background: url(../../assets/images/keybord_keybord.png) #adb3bd no-repeat center;
+  background: url(../../assets/images/keybord_keybord.png) no-repeat center;
+  background-color: #adb3bd;
+  background-color: var(--ebscn-color-functionkey-background);
   background-size: 24px 18px;
 }
 .ebscn-alphabet-keyboard-space {
@@ -43,9 +70,9 @@
   justify-content: center;
   width: 48.4%;
   height: 42px;
-  background: var(--ebscn-color-white);
+  background: var(--ebscn-color-keyboard-key-bg);
   border-radius: 5px;
-  box-shadow: 0px 0.5px 0px 0px #888888;
+  font-size: 16px;
 }
 .ebscn-alphabet-keyboard-space:active {
   background: var(--ebscn-color-border);
@@ -57,7 +84,7 @@
   display: flex;
   justify-content: space-between;
   width: 100%;
-  padding-top: 3.2%;
+  padding-top: 3%;
 }
 .ebscn-alphabet-keyboard .ebscn-alphabet-keyboard-firstline-key,
 .ebscn-alphabet-keyboard .ebscn-alphabet-keyboard-secondline-key,
@@ -68,9 +95,9 @@
   justify-content: center;
   width: 8.4%;
   height: 42px;
-  background: var(--ebscn-color-white);
+  background-color: #fff;
+  background-color: var(--ebscn-color-keyboard-key-bg);
   border-radius: 5px;
-  box-shadow: 0px 0.5px 0px 0px #888888;
   font-size: 23px;
   font-weight: 400;
   text-align: center;
@@ -81,7 +108,8 @@
 .ebscn-alphabet-keyboard .ebscn-alphabet-keyboard-secondline-key:active,
 .ebscn-alphabet-keyboard .ebscn-alphabet-keyboard-thirdline-key:active,
 .ebscn-alphabet-keyboard .ebscn-alphabet-keyboard-firthline-key:active {
-  background: var(--ebscn-color-border);
+  background-color: #eee;
+  background-color: var(--ebscn-color-border);
 }
 .ebscn-alphabet-keyboard .ebscn-alphabet-keyboard-firstline {
   padding-left: 0.8%;
@@ -106,13 +134,13 @@
   justify-content: center;
   width: 23.46%;
   height: 42px;
-  background: var(--ebscn-color-primary);
+  background-color: #e84225;
+  background-color: var(--ebscn-color-primary);
   border-radius: 5px;
-  box-shadow: 0px 0.5px 0px 0px #888888;
   font-size: 16px;
   font-weight: 400;
   text-align: center;
-  color: var(--ebscn-color-white);
+  color: #fff;
   line-height: 22.5px;
 }
 .ebscn-alphabet-keyboard .ebscn-alphabet-keyboard-firthline-confirm:active {

package/cjs/components/card/card.js

@@ -16,7 +16,7 @@ function Card(props) {
       return null;
     }
     return _react.default.createElement("div", {
-      className: (0, _classnames.default)("".concat(classPrefix, "-header"), "".concat(classPrefix, "-").concat(props.type, "-header"), props.headerClassName),
+      className: (0, _classnames.default)("".concat(classPrefix, "-header"), "".concat(typeClassName, "-header"), props.headerClassName),
       style: props.headerStyle,
       onClick: props.onHeaderClick
     }, _react.default.createElement("div", {
@@ -28,7 +28,7 @@ function Card(props) {
       return null;
     }
     return _react.default.createElement("div", {
-      className: (0, _classnames.default)("".concat(classPrefix, "-body"), "".concat(classPrefix, "-").concat(props.type, "-body"), props.bodyClassName),
+      className: (0, _classnames.default)("".concat(classPrefix, "-body"), "".concat(typeClassName, "-body"), props.bodyClassName),
       style: props.bodyStyle,
       onClick: props.onBodyClick
     }, props.children);

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/date-range-picker/date-range-picker.css

@@ -3,8 +3,10 @@
   --title-font-size: var(--ebscn-font-size-7);
   --item-font-size: var(--ebscn-font-size-8);
   --item-height: 34px;
+  font-size: 14px;
+  font-size: var(--ebscn-font-size-6);
   width: 100%;
-  height: 350px;
+  height: 385px;
   overflow: hidden;
   position: relative;
   display: flex;
@@ -21,10 +23,10 @@
   display: flex;
   justify-content: space-between;
   align-items: center;
-  padding: 4px 4px;
+  padding: 24px 16px 16px;
 }
 .ebscn-date-range-picker-header-button {
-  font-size: var(--header-button-font-size);
+  font-size: 16px;
   display: inline-block;
   padding: 8px 8px;
 }
@@ -35,30 +37,48 @@
 }
 .ebscn-date-range-picker-header-title {
   padding: 4px 4px;
+  font-size: 18px;
   font-size: var(--ebscn-font-size-10);
   color: #333;
+  color: var(--ebscn-color-text);
   text-align: center;
   flex: 1;
-  font-weight: Medium;
+  font-weight: 500;
 }
 .ebscn-date-range-picker-buttons-wrap {
   display: flex;
+  gap: 10px;
   justify-content: space-evenly;
   margin-top: 12px;
+  padding: 0 16px;
+}
+.ebscn-date-range-picker-buttons-wrap svg {
+  font-size: 18px;
 }
 .ebscn-date-range-picker-buttons-wrap .ebscn-date-range-picker-button {
-  width: 100px;
+  min-width: 75px;
+  max-width: 100px;
+  flex: 1;
   height: 28px;
   line-height: 28px;
   text-align: center;
   background-color: #f8f9fc;
   color: #333;
+  color: var(--ebscn-color-text);
   border-radius: 10px;
+  font-size: 14px;
   font-size: var(--ebscn-font-size-6);
 }
+.ebscn-date-range-picker-buttons-wrap .ebscn-date-range-picker-button-active {
+  color: #e84225;
+  color: var(--ebscn-color-primary);
+  background-color: #fef4f2;
+}
 .ebscn-date-range-picker-values-wrap {
   display: flex;
+  justify-content: space-between;
   justify-content: center;
+  align-items: center;
   gap: 20px;
   margin-top: 12px;
 }
@@ -70,14 +90,17 @@
   text-align: center;
 }
 .ebscn-date-range-picker-values-wrap .ebscn-date-range-picker-value-active {
-  border-bottom-color: var(--ebscn-color-primary);
+  color: var(--ebscn-color-blue);
+  border-bottom-color: var(--ebscn-color-blue);
 }
 .ebscn-date-range-picker-tip {
   display: flex;
   justify-content: center;
   align-items: center;
   margin-top: 12px;
+  color: #e84225;
   color: var(--ebscn-color-primary);
+  font-size: 14px;
   font-size: var(--ebscn-font-size-6);
 }
 .ebscn-date-range-picker-body {

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

@@ -40,6 +40,7 @@ export type DateRangePickerProps = {
         value: [PickerDate, PickerDate];
     }>;
 } & Pick<PopupProps, 'getContainer' | 'afterShow' | 'afterClose' | 'onClick' | 'stopPropagation' | 'forceRender' | 'destroyOnClose'> & NativeProps<'--header-button-font-size' | '--title-font-size' | '--item-font-size' | '--item-height'>;
+export declare function isSameDate(date1: Date, date2: Date): boolean;
 export declare const DateRangePicker: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
     value?: [] | [Date, Date] | undefined;
     defaultValue?: [] | [Date, Date] | undefined;

package/cjs/components/date-range-picker/date-range-picker.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DateRangePicker = void 0;
+exports.isSameDate = isSameDate;
 var _ahooks = require("ahooks");
-var _safeArea = _interopRequireDefault(require("../safe-area"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _dayjs = _interopRequireDefault(require("dayjs"));
 var _react = _interopRequireWildcard(require("react"));
@@ -16,6 +16,7 @@ var _withDefaultProps = require("../../utils/with-default-props");
 var _datePickerView = _interopRequireDefault(require("../date-picker-view"));
 var _pickerUtils = require("../picker/picker-utils");
 var _popup = _interopRequireDefault(require("../popup"));
+var _safeArea = _interopRequireDefault(require("../safe-area"));
 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; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -147,6 +148,11 @@ var defaultProps = {
   precision: 'day',
   quickButtons: []
 };
+function isSameDate(date1, date2) {
+  var str1 = "".concat(date1.getFullYear(), "-").concat(date1.getMonth(), "-").concat(date1.getDate());
+  var str2 = "".concat(date2.getFullYear(), "-").concat(date2.getMonth(), "-").concat(date2.getDate());
+  return str1 === str2;
+}
 var DateRangePicker = exports.DateRangePicker = (0, _react.memo)((0, _react.forwardRef)(function (p, ref) {
   var _a, _b;
   var _c;
@@ -225,7 +231,7 @@ var DateRangePicker = exports.DateRangePicker = (0, _react.memo)((0, _react.forw
     }
   });
   var onQuickClick = function (value) {
-    setInnerValue(value);
+    onChange(value);
   };
   var renderLabel = function (_, value) {
     return value;
@@ -246,14 +252,14 @@ var DateRangePicker = exports.DateRangePicker = (0, _react.memo)((0, _react.forw
     className: "".concat(classPrefix, "-header-title")
   }, props.title), _react.default.createElement("a", {
     role: "button",
-    className: (0, _classnames.default)("".concat(classPrefix, "-header-button"), props.loading && "".concat(classPrefix, "-header-button-disabled")),
+    className: (0, _classnames.default)("".concat(classPrefix, "-header-button"), (props.loading || props.tip) && "".concat(classPrefix, "-header-button-disabled")),
     onClick: function () {
-      if (props.loading) return;
+      if (props.loading || props.tip) return;
       setValue(innerValue, true);
       setVisible(false);
     },
     "aria-disabled": props.loading
-  }, props.confirmText)), props.quickButtons.length && _react.default.createElement("div", {
+  }, props.confirmText)), props.quickButtons.length ? _react.default.createElement("div", {
     className: "".concat(classPrefix, "-buttons-wrap")
   }, props.quickButtons.map(function (_a) {
     var label = _a.label,
@@ -262,16 +268,16 @@ var DateRangePicker = exports.DateRangePicker = (0, _react.memo)((0, _react.forw
       onClick: function () {
         return onQuickClick(value);
       },
-      className: "".concat(classPrefix, "-button")
+      className: "".concat(classPrefix, "-button ").concat(isSameDate(value[0], innerValue[0]) && isSameDate(value[1], innerValue[1]) ? "".concat(classPrefix, "-button-active") : '')
     }, label);
-  })), _react.default.createElement("div", {
+  })) : null, _react.default.createElement("div", {
     className: "".concat(classPrefix, "-values-wrap")
   }, _react.default.createElement("div", {
     className: (0, _classnames.default)("".concat(classPrefix, "-value"), (_a = {}, _a["".concat(classPrefix, "-value-active")] = activeIndex === 0, _a)),
     onClick: function () {
       return setActiveIndex(0);
     }
-  }, (0, _dayjs.default)(innerValue[0]).format('YYYY-MM-DD')), _react.default.createElement("div", {
+  }, (0, _dayjs.default)(innerValue[0]).format('YYYY-MM-DD')), _react.default.createElement("span", null, "\u81F3"), _react.default.createElement("div", {
     className: (0, _classnames.default)("".concat(classPrefix, "-value"), (_b = {}, _b["".concat(classPrefix, "-value-active")] = activeIndex === 1, _b)),
     onClick: function () {
       return setActiveIndex(1);

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/icons/back-icon.js

@@ -18,6 +18,7 @@ var BackIcon = (0, _react.memo)(function (props) {
     width: "1em",
     height: "1em"
   }, _react.default.createElement("path", {
+    fill: "currentColor",
     d: "M361.344 121.392a32 32 0 0 1 45.312 45.216l-334.4 335.136a15.6 15.6 0 0 0 0.032 22.064l334.32 333.536a32 32 0 1 1-45.216 45.312L27.088 569.104a79.6 79.6 0 0 1-0.128-112.56l334.4-335.152z",
     "p-id": "8061"
   })));

package/cjs/components/icons/clear-icon.js

@@ -18,6 +18,7 @@ var ClearIcon = (0, _react.memo)(function (props) {
     width: "1em",
     height: "1em"
   }, _react.default.createElement("path", {
+    fill: "currentColor",
     d: "M512 64c247.424 0 448 200.576 448 448S759.424 960 512 960 64 759.424 64 512 264.576 64 512 64zM342.624 297.376a32 32 0 0 0-45.248 0l-1.872 2.032a32 32 0 0 0 1.872 43.216L466.72 512 297.376 681.376a32 32 0 0 0 0 45.248l2.032 1.872a32 32 0 0 0 43.216-1.872L512 557.248l169.376 169.376a32 32 0 0 0 45.248 0l1.872-2.032a32 32 0 0 0-1.872-43.216L557.248 512l169.376-169.376a32 32 0 0 0 0-45.248l-2.032-1.872a32 32 0 0 0-43.216 1.872L512 466.72z",
     "p-id": "8691"
   })));