@ebscn/ui 0.0.11 → 1.0.0

package/cjs/components/protocol/protocol.js

@@ -0,0 +1,120 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ui = require("@ebscn/ui");
+var _antdMobile = require("antd-mobile");
+var _react = _interopRequireWildcard(require("react"));
+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 defaultProps = {
+  children: [],
+  buttonTop: false,
+  // 确认按钮默认在协议区下面，为true时按钮放到协议上面
+  scrollHeight: '',
+  // 协议区最大高度
+  hideButton: false,
+  // 是否隐藏确认按钮
+  popoverContent: '请勾选同意',
+  popoverPlacement: 'top-start',
+  popoverTimeout: 3000
+};
+var Protocol = function (p) {
+  var _a = (0, _react.useState)([]),
+    checked = _a[0],
+    setChecked = _a[1];
+  var _b = (0, _react.useState)(true),
+    popoverVisible = _b[0],
+    setPopoverVisible = _b[1];
+  var timer = (0, _react.useRef)(null);
+  var props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  var containerClass = props.scrollHeight ? 'ebscn-protocol ebscn-protocol-scroll' : 'ebscn-protocol';
+  // 支持字符串，reactNode和ReactNode[], 统一处理为ReactNode[]
+  var children = typeof props.children === 'string' || !Array.isArray(props.children) ? [_react.default.createElement(_react.default.Fragment, null, props.children)] : props.children;
+  function showPop() {
+    if (timer.current) {
+      clearTimeout(timer.current);
+    }
+    setPopoverVisible(true);
+    timer.current = setTimeout(function () {
+      // 3秒后隐藏popover
+      setPopoverVisible(false);
+    }, props.popoverTimeout);
+  }
+  function renderButton() {
+    if (props.hideButton) return;
+    var btnCls = props.buttonTop ? 'ebscn-protocol-top-button' : props.scrollHeight ? 'ebscn-protocol-fixed-button' : '';
+    var fullChecked = checked.length === children.length;
+    if (fullChecked && props.onAllCheck) {
+      // 全选后执行 onAllCheck
+      props.onAllCheck();
+    }
+    var btnClick = function () {
+      if (fullChecked) {
+        if (props.onConfirm) {
+          props.onConfirm();
+        }
+      } else {
+        showPop();
+      }
+    };
+    return _react.default.createElement("div", {
+      onClick: btnClick,
+      style: {
+        height: '50px'
+      }
+    }, _react.default.createElement(_ui.Button, {
+      block: true,
+      color: "primary",
+      size: "large",
+      className: btnCls,
+      disabled: !fullChecked,
+      style: {
+        pointerEvents: fullChecked ? 'auto' : 'none'
+      }
+    }, "\u786E\u8BA4"));
+  }
+  (0, _react.useEffect)(function () {
+    showPop();
+    return function () {
+      if (timer.current) {
+        clearTimeout(timer.current);
+      }
+    };
+  }, []);
+  return _react.default.createElement(_react.default.Fragment, null, props.buttonTop && renderButton(), _react.default.createElement("div", {
+    className: containerClass,
+    style: {
+      maxHeight: props.scrollHeight
+    }
+  }, _react.default.createElement(_antdMobile.Popover, {
+    content: props.popoverContent,
+    placement: props.popoverPlacement,
+    mode: "dark",
+    visible: popoverVisible
+  }, _react.default.createElement("span", null)), _react.default.createElement(_ui.Checkbox.Group, {
+    value: checked,
+    onChange: function (v) {
+      setChecked(v);
+    }
+  }, children.map(function (child, index) {
+    return _react.default.createElement("div", {
+      key: index,
+      className: "ebscn-protocol-item",
+      onClick: function () {
+        return setPopoverVisible(false);
+      }
+    }, _react.default.createElement("div", {
+      className: "ebscn-protocol-item-checkbox"
+    }, _react.default.createElement(_ui.Checkbox, {
+      size: "small",
+      value: index
+    })), _react.default.createElement("div", {
+      className: "ebscn-protocol-item-text"
+    }, child));
+  }))), !props.buttonTop && renderButton());
+};
+var _default = exports.default = Protocol;

package/cjs/components/radio/group-context.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { RadioValue } from '.';
+export declare const RadioGroupContext: import("react").Context<{
+    value: RadioValue[];
+    disabled: boolean;
+    check: (val: RadioValue) => void;
+    uncheck: (val: RadioValue) => void;
+} | null>;

package/cjs/components/radio/group-context.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RadioGroupContext = void 0;
+var _react = require("react");
+var RadioGroupContext = exports.RadioGroupContext = (0, _react.createContext)(null);

package/cjs/components/radio/group.d.ts

@@ -0,0 +1,10 @@
+import type { FC, ReactNode } from 'react';
+import { RadioValue } from '.';
+export interface RadioGroupProps {
+    value?: RadioValue | null;
+    onChange?: (val: RadioValue) => void;
+    defaultValue?: RadioValue | null;
+    disabled?: boolean;
+    children?: ReactNode;
+}
+export declare const Group: FC<RadioGroupProps>;

package/cjs/components/radio/group.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Group = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _withDefaultProps = require("../../utils/with-default-props");
+var _groupContext = require("./group-context");
+var _usePropsValue = require("../../utils/use-props-value");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var defaultProps = {
+  disabled: false,
+  defaultValue: null
+};
+var Group = function (p) {
+  var props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  var _a = (0, _usePropsValue.usePropsValue)({
+      value: props.value,
+      defaultValue: props.defaultValue,
+      onChange: function (v) {
+        var _a;
+        if (v === null) return;
+        (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, v);
+      }
+    }),
+    value = _a[0],
+    setValue = _a[1];
+  return _react.default.createElement(_groupContext.RadioGroupContext.Provider
+  // TODO: 性能优化
+  , {
+    // TODO: 性能优化
+    value: {
+      value: value === null ? [] : [value],
+      check: function (v) {
+        setValue(v);
+      },
+      uncheck: function () {},
+      disabled: props.disabled
+    }
+  }, props.children);
+};
+exports.Group = Group;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import './radio.less';
+export type { RadioProps, RadioValue } from './radio';
+export type { RadioGroupProps } from './group';
+declare const _default: import("react").FC<import("./radio").RadioProps> & {
+    Group: import("react").FC<import("./group").RadioGroupProps>;
+};
+export default _default;

package/cjs/components/radio/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("./radio.css");
+var _attachPropertiesToComponent = require("../../utils/attach-properties-to-component");
+var _group = require("./group");
+var _radio2 = require("./radio");
+var _default = exports.default = (0, _attachPropertiesToComponent.attachPropertiesToComponent)(_radio2.Radio, {
+  Group: _group.Group
+});

package/cjs/components/radio/radio.css

@@ -0,0 +1,92 @@
+.ebscn-radio {
+  --icon-size: 24px;
+  --font-size: var(--ebscn-font-size-8);
+  --gap: 12px;
+  display: inline-flex;
+  vertical-align: text-bottom;
+  justify-content: flex-start;
+  align-items: center;
+  cursor: pointer;
+}
+.ebscn-radio input[type='radio'] {
+  display: none;
+}
+.ebscn-radio.ebscn-radio-small {
+  --icon-size: 16px;
+  --font-size: var(--ebscn-font-size-4);
+  --gap: 9px;
+}
+.ebscn-radio .ebscn-radio-icon {
+  flex: none;
+  border-radius: var(--icon-size);
+  border: 1px solid var(--ebscn-color-light);
+  box-sizing: border-box;
+  width: var(--icon-size);
+  height: var(--icon-size);
+  color: var(--ebscn-color-text-light-solid);
+}
+.ebscn-radio .ebscn-radio-icon > svg {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+.ebscn-radio div.ebscn-radio-icon.ebscn-radio-only-icon {
+  color: var(--ebscn-color-primary);
+  background-color: var(--ebscn-color-background);
+}
+.ebscn-radio.ebscn-radio-block {
+  display: flex;
+}
+.ebscn-radio.ebscn-radio-checked .ebscn-radio-icon {
+  border-color: var(--ebscn-color-primary);
+  background-color: var(--ebscn-color-primary);
+}
+.ebscn-radio.ebscn-radio-disabled {
+  cursor: not-allowed;
+}
+.ebscn-radio.ebscn-radio-disabled .ebscn-radio-content {
+  opacity: 0.4;
+}
+.ebscn-radio.ebscn-radio-disabled .ebscn-radio-icon {
+  background-color: #e4e4e4;
+  border-color: #d9d9d9;
+  opacity: 0.4;
+}
+.ebscn-radio.ebscn-radio-disabled.ebscn-radio-checked .ebscn-radio-icon {
+  background-color: var(--ebscn-color-primary);
+}
+.ebscn-radio .ebscn-radio-custom-icon {
+  font-size: var(--icon-size);
+}
+.ebscn-radio.ebscn-radio-indeterminate .ebscn-radio-icon {
+  background-color: var(--ebscn-color-background);
+  color: var(--ebscn-color-primary);
+}
+.ebscn-radio-content {
+  flex: 0 1 auto;
+  font-size: var(--font-size);
+  padding-left: var(--gap);
+}
+.ebscn-radio .ebscn-radio-icon-right-input {
+  display: flex;
+  justify-content: space-between;
+  flex-direction: row;
+  width: 100%;
+  height: 100%;
+}
+.ebscn-radio .ebscn-radio-icon-right-input .ebscn-radio-content {
+  padding-left: 0;
+  height: 100%;
+}
+.ebscn-radio .ebscn-radio-icon-right-input .ebscn-radio-icon.ebscn-radio-only-icon {
+  margin-right: 16px;
+  height: 100%;
+  border-color: transparent;
+}
+.ebscn-radio .ebscn-radio-icon-right-input .ebscn-radio-icon.ebscn-radio-only-icon svg {
+  vertical-align: middle;
+}
+.ebscn-radio-icon-right {
+  width: 100%;
+  height: 100%;
+}

package/cjs/components/radio/radio.d.ts

@@ -0,0 +1,19 @@
+import type { FC, ReactNode } from 'react';
+import React from 'react';
+import { NativeProps } from '../../utils/native-props';
+export type RadioValue = string | number;
+export type RadioProps = {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    disabled?: boolean;
+    onChange?: (checked: boolean) => void;
+    value?: RadioValue;
+    block?: boolean;
+    id?: string;
+    icon?: (checked: boolean) => ReactNode;
+    children?: ReactNode;
+    onClick?: (event: React.MouseEvent<HTMLLabelElement, MouseEvent>) => void;
+    size?: 'normal' | 'small';
+    iconRight?: boolean;
+} & NativeProps<'--icon-size' | '--font-size' | '--gap'>;
+export declare const Radio: FC<RadioProps>;

package/cjs/components/radio/radio.js

@@ -0,0 +1,92 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Radio = void 0;
+var _ui = require("@ebscn/ui");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _devLog = require("../../utils/dev-log");
+var _isDev = require("../../utils/is-dev");
+var _nativeProps = require("../../utils/native-props");
+var _usePropsValue = require("../../utils/use-props-value");
+var _withDefaultProps = require("../../utils/with-default-props");
+var _nativeInput = require("../checkbox/native-input");
+var _groupContext = require("./group-context");
+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 }; }
+var classPrefix = "ebscn-radio";
+var defaultProps = {
+  defaultChecked: false,
+  size: 'normal',
+  iconRight: false
+};
+var Radio = function (p) {
+  var _a;
+  var props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  var groupContext = (0, _react.useContext)(_groupContext.RadioGroupContext);
+  var _b = (0, _usePropsValue.usePropsValue)({
+      value: props.checked,
+      defaultValue: props.defaultChecked,
+      onChange: props.onChange
+    }),
+    checked = _b[0],
+    setChecked = _b[1];
+  var disabled = props.disabled;
+  var value = props.value;
+  if (groupContext && value !== undefined) {
+    if (_isDev.isDev) {
+      if (p.checked !== undefined) {
+        (0, _devLog.devWarning)('Radio', 'When used within `Radio.Group`, the `checked` prop of `Radio` will not work.');
+      }
+      if (p.defaultChecked !== undefined) {
+        (0, _devLog.devWarning)('Radio', 'When used within `Radio.Group`, the `defaultChecked` prop of `Radio` will not work.');
+      }
+    }
+    checked = groupContext.value.includes(value);
+    setChecked = function (innerChecked) {
+      var _a;
+      if (innerChecked) {
+        groupContext.check(value);
+      } else {
+        groupContext.uncheck(value);
+      }
+      (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, innerChecked);
+    };
+    disabled = disabled || groupContext.disabled;
+  }
+  var renderIcon = function () {
+    if (props.icon) {
+      return _react.default.createElement("div", {
+        className: "".concat(classPrefix, "-custom-icon")
+      }, props.icon(checked));
+    }
+    if (props.iconRight) {
+      return checked && _react.default.createElement("div", {
+        className: "".concat(classPrefix, "-icon ").concat(classPrefix, "-only-icon")
+      }, _react.default.createElement(_ui.CheckOnlyIcon, null));
+    }
+    return _react.default.createElement("div", {
+      className: "".concat(classPrefix, "-icon")
+    }, checked ? _react.default.createElement(_ui.CheckIcon, null) : _react.default.createElement(_ui.UncheckIcon, null));
+  };
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("label", {
+    onClick: props.onClick,
+    className: (0, _classnames.default)(classPrefix, (_a = {}, _a["".concat(classPrefix, "-checked")] = checked, _a["".concat(classPrefix, "-disabled")] = disabled, _a["".concat(classPrefix, "-block")] = props.block, _a["".concat(classPrefix, "-small")] = props.size === 'small', _a["".concat(classPrefix, "-icon-right")] = props.iconRight, _a))
+  }, _react.default.createElement(_nativeInput.NativeInput, {
+    type: "radio",
+    checked: checked,
+    onChange: setChecked,
+    disabled: disabled,
+    id: props.id
+  }), props.iconRight ? _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-icon-right-input")
+  }, props.children && _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-content")
+  }, props.children), renderIcon()) : _react.default.createElement(_react.default.Fragment, null, renderIcon(), props.children && _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-content")
+  }, props.children))));
+};
+exports.Radio = Radio;

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

@@ -0,0 +1,3 @@
+import './search.less';
+import Search from './search';
+export default Search;

package/cjs/components/search/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("./search.css");
+var _search2 = _interopRequireDefault(require("./search"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = exports.default = _search2.default;

package/cjs/components/search/search.css

@@ -0,0 +1,53 @@
+.ebscn-search {
+  display: flex;
+}
+.ebscn-search .ebscn-search-box {
+  box-sizing: border-box;
+  height: 32px;
+  line-height: 20px;
+  padding: 6px 8px;
+  font-size: 14px;
+  background-color: #F8F9FC;
+  flex: 1;
+  border-radius: 16px;
+}
+.ebscn-search .ebscn-search-box .ebscn-search-search-icon {
+  vertical-align: middle;
+  margin-right: 6px;
+  color: var(--ebscn-color-weak);
+  cursor: pointer;
+}
+.ebscn-search .ebscn-search-box .ebscn-search-clear-icon {
+  vertical-align: middle;
+  color: var(--ebscn-color-light);
+  cursor: pointer;
+}
+.ebscn-search .ebscn-search-box .ebscn-search-input {
+  border: none;
+  background: transparent;
+  outline: none;
+  color: var(--ebscn-color-text);
+  width: calc(100% - 40px);
+}
+.ebscn-search .ebscn-search-box .ebscn-search-input::-webkit-input-placeholder {
+  color: var(--ebscn-color-weak);
+}
+.ebscn-search .ebscn-search-box .ebscn-search-input::placeholder {
+  color: var(--ebscn-color-weak);
+}
+.ebscn-search .ebscn-search-text {
+  width: 54px;
+  text-align: center;
+  line-height: 32px;
+  cursor: pointer;
+}
+.ebscn-search .ebscn-search-two-icon {
+  width: 100px;
+  display: flex;
+  justify-content: space-around;
+}
+.ebscn-search .ebscn-search-two-icon .ebscn-search-two-icon-item svg {
+  width: 32px;
+  height: 32px;
+  cursor: pointer;
+}

package/cjs/components/search/search.d.ts

@@ -0,0 +1,15 @@
+import type { FC, ReactNode } from 'react';
+import React from 'react';
+import { NativeProps } from '../../utils/native-props';
+type NativeInputProps = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+export type Props = Pick<NativeInputProps, 'autoFocus' | 'onKeyDown' | 'id' | 'placeholder' | 'disabled'> & {
+    value?: string;
+    defaultValue?: string;
+    onSearch: (val: string) => void;
+    onClear?: () => void;
+    searchLayout?: 'normal' | 'text' | 'twoIcon';
+    children?: string | ReactNode[] | ReactNode;
+    debounce?: number;
+} & NativeProps<'--font-size' | '--color' | '--placeholder-color' | '--text-align'>;
+declare const Search: FC<Props>;
+export default Search;

package/cjs/components/search/search.js

@@ -0,0 +1,110 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ui = require("@ebscn/ui");
+var _ahooks = require("ahooks");
+var _react = _interopRequireWildcard(require("react"));
+var _nativeProps = require("../../utils/native-props");
+var _usePropsValue = require("../../utils/use-props-value");
+var _validate = require("../../utils/validate");
+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-search";
+var defaultProps = {
+  searchLayout: 'normal',
+  placeholder: '请输入业务关键字',
+  defaultValue: '',
+  debounce: 0
+};
+var Search = function (p) {
+  var props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  var searchLayout = props.searchLayout;
+  var _a = (0, _usePropsValue.usePropsValue)(props),
+    value = _a[0],
+    setValue = _a[1];
+  var compositionStartRef = (0, _react.useRef)(false);
+  var nativeInputRef = (0, _react.useRef)(null);
+  var debouncedSearch = (0, _ahooks.useDebounceFn)(props.onSearch, {
+    wait: props.debounce
+  }).run;
+  // 防抖大于0时使用新函数执行回调
+  var _search = props.debounce > 0 ? debouncedSearch : props.onSearch;
+  var onKeydown = function (e) {
+    if (e.code === 'Enter' || e.keyCode === 13) {
+      _search(value);
+    }
+  };
+  var onChange = function (e) {
+    setValue(e.target.value);
+    _search(e.target.value);
+  };
+  var onClear = 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();
+    }
+  };
+  var SearchInput = _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-box")
+  }, _react.default.createElement(_ui.SearchIcon, {
+    className: "".concat(classPrefix, "-search-icon")
+  }), _react.default.createElement("input", {
+    ref: nativeInputRef,
+    type: "text",
+    className: "".concat(classPrefix, "-input"),
+    id: props.id,
+    value: value,
+    placeholder: props.placeholder,
+    autoFocus: props.autoFocus,
+    disabled: props.disabled,
+    role: "search",
+    onCompositionStart: function () {
+      compositionStartRef.current = true;
+    },
+    onCompositionEnd: function () {
+      compositionStartRef.current = false;
+    },
+    onChange: onChange,
+    onKeyDown: onKeydown
+  }), _react.default.createElement("span", {
+    className: "".concat(classPrefix, "-clear-icon-container"),
+    onClick: onClear
+  }, _react.default.createElement(_ui.ClearIcon, {
+    className: "".concat(classPrefix, "-clear-icon")
+  })));
+  // 支持字符串，reactNode和ReactNode[], 统一处理为ReactNode[]
+  var children = typeof props.children === 'string' || !Array.isArray(props.children) ? [_react.default.createElement(_react.default.Fragment, null, props.children)] : props.children;
+  var ret = _react.default.createElement(_react.default.Fragment, null);
+  if (searchLayout === 'text' && children.length > 0) {
+    ret = _react.default.createElement("div", {
+      className: "".concat(classPrefix)
+    }, SearchInput, _react.default.createElement("span", {
+      className: "".concat(classPrefix, "-text")
+    }, children[0]));
+  } else if (searchLayout === 'twoIcon' && children.length > 1) {
+    ret = _react.default.createElement("div", {
+      className: "".concat(classPrefix)
+    }, SearchInput, _react.default.createElement("span", {
+      className: "".concat(classPrefix, "-two-icon")
+    }, children.map(function (item, index) {
+      return _react.default.createElement("div", {
+        className: "".concat(classPrefix, "-two-icon-item"),
+        key: index
+      }, item);
+    })));
+  } else {
+    ret = _react.default.createElement("div", {
+      className: "".concat(classPrefix)
+    }, SearchInput);
+  }
+  return (0, _nativeProps.withNativeProps)(props, ret);
+};
+var _default = exports.default = Search;

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

@@ -0,0 +1,4 @@
+import "./stock-count-keyboard.less";
+import { StockCountKeyboard } from "./stock-count-keyboard";
+export type { StockCountKeyboardProps } from "./stock-count-keyboard";
+export default StockCountKeyboard;

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

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("./stock-count-keyboard.css");
+var _stockCountKeyboard2 = require("./stock-count-keyboard");
+var _default = exports.default = _stockCountKeyboard2.StockCountKeyboard;