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

package/cjs/components/icons/down-icon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { NativeProps } from '../../utils/native-props';
+declare const DownIcon: React.NamedExoticComponent<NativeProps>;
+export default DownIcon;

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

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _nativeProps = require("../../utils/native-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 DownIcon = (0, _react.memo)(function (props) {
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("svg", {
+    className: "ebscn-ui-icon",
+    viewBox: "0 0 1024 1024",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    "p-id": "3136",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor"
+  }, _react.default.createElement("path", {
+    d: "M121.392 358.656a32 32 0 1 1 45.216-45.312l335.136 334.4c6.096 6.08 15.968 6.064 22.064-0.032l333.536-334.32a32 32 0 1 1 45.312 45.216L569.104 692.912a79.6 79.6 0 0 1-112.56 0.128l-335.152-334.4z",
+    "p-id": "3137"
+  })));
+});
+var _default = exports.default = DownIcon;

package/cjs/components/icons/dustbin-icon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { NativeProps } from '../../utils/native-props';
+declare const DustbinIcon: React.NamedExoticComponent<NativeProps>;
+export default DustbinIcon;

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

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _nativeProps = require("../../utils/native-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 DustbinIcon = (0, _react.memo)(function (props) {
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("svg", {
+    className: "ebscn-ui-icon",
+    viewBox: "0 0 1024 1024",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    "p-id": "3293",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor"
+  }, _react.default.createElement("path", {
+    d: "M544 64a48 48 0 0 1 48 48v16h304a32 32 0 1 1 0 64H256v656a32 32 0 0 0 32 32h448a32 32 0 0 0 32-32V285.488a32 32 0 1 1 64 0V848a96 96 0 0 1-96 96H288a96 96 0 0 1-96-96V192H128a32 32 0 1 1 0-64h336V112a48 48 0 0 1 48-48h32z m-128 208a32 32 0 0 1 32 32v464a32 32 0 1 1-64 0V304a32 32 0 0 1 32-32z m192 0a32 32 0 0 1 32 32v464a32 32 0 1 1-64 0V304a32 32 0 0 1 32-32z",
+    "p-id": "3294"
+  })));
+});
+var _default = exports.default = DustbinIcon;

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

@@ -3,6 +3,8 @@ export { default as CheckIcon } from './check-icon';
 export { default as CheckOnlyIcon } from './check-only-icon';
 export { default as ClearIcon } from './clear-icon';
 export { default as CloseIcon } from './close-icon';
+export { default as DownIcon } from './down-icon';
+export { default as DustbinIcon } from './dustbin-icon';
 export { default as GdlogoIcon } from './gdlogo-icon';
 export { default as IndeterminateIcon } from './indeterminate-icon';
 export { default as LoadingIcon } from './loading-icon';
@@ -12,4 +14,5 @@ export { default as SearchIcon } from './search-icon';
 export { default as SelectorIcon } from './selector-icon';
 export { default as SpinIcon } from './spin-icon';
 export { default as UncheckIcon } from './uncheck-icon';
+export { default as UpIcon } from './up-icon';
 export { default as WarningIcon } from './warning-icon';

package/cjs/components/icons/index.js

@@ -33,6 +33,18 @@ Object.defineProperty(exports, "CloseIcon", {
     return _closeIcon.default;
   }
 });
+Object.defineProperty(exports, "DownIcon", {
+  enumerable: true,
+  get: function () {
+    return _downIcon.default;
+  }
+});
+Object.defineProperty(exports, "DustbinIcon", {
+  enumerable: true,
+  get: function () {
+    return _dustbinIcon.default;
+  }
+});
 Object.defineProperty(exports, "GdlogoIcon", {
   enumerable: true,
   get: function () {
@@ -87,6 +99,12 @@ Object.defineProperty(exports, "UncheckIcon", {
     return _uncheckIcon.default;
   }
 });
+Object.defineProperty(exports, "UpIcon", {
+  enumerable: true,
+  get: function () {
+    return _upIcon.default;
+  }
+});
 Object.defineProperty(exports, "WarningIcon", {
   enumerable: true,
   get: function () {
@@ -98,6 +116,8 @@ var _checkIcon = _interopRequireDefault(require("./check-icon"));
 var _checkOnlyIcon = _interopRequireDefault(require("./check-only-icon"));
 var _clearIcon = _interopRequireDefault(require("./clear-icon"));
 var _closeIcon = _interopRequireDefault(require("./close-icon"));
+var _downIcon = _interopRequireDefault(require("./down-icon"));
+var _dustbinIcon = _interopRequireDefault(require("./dustbin-icon"));
 var _gdlogoIcon = _interopRequireDefault(require("./gdlogo-icon"));
 var _indeterminateIcon = _interopRequireDefault(require("./indeterminate-icon"));
 var _loadingIcon = _interopRequireDefault(require("./loading-icon"));
@@ -107,5 +127,6 @@ var _searchIcon = _interopRequireDefault(require("./search-icon"));
 var _selectorIcon = _interopRequireDefault(require("./selector-icon"));
 var _spinIcon = _interopRequireDefault(require("./spin-icon"));
 var _uncheckIcon = _interopRequireDefault(require("./uncheck-icon"));
+var _upIcon = _interopRequireDefault(require("./up-icon"));
 var _warningIcon = _interopRequireDefault(require("./warning-icon"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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

@@ -19,11 +19,11 @@ var NoticeIcon = (0, _react.memo)(function (props) {
     height: "1em"
   }, _react.default.createElement("path", {
     d: "M614.4 268.8a32 32 0 0 1 44.8-6.4C752.128 332.096 800 415.872 800 512c0 96.128-47.872 179.904-140.8 249.6a32 32 0 1 1-38.4-51.2C698.528 652.096 736 586.528 736 512s-37.472-140.096-115.2-198.4a32 32 0 0 1-6.4-44.8zM370.368 108.352A96 96 0 0 1 544 164.8v694.368a96 96 0 0 1-173.632 56.48L249.28 749.168A32 32 0 0 0 223.408 736H176a112 112 0 0 1-112-112V400a112 112 0 0 1 112-112h47.408a32 32 0 0 0 25.888-13.184l121.072-166.464z m96.448 30.576a32 32 0 0 0-44.688 7.056L301.056 312.48A96 96 0 0 1 223.408 352H176a48 48 0 0 0-48 48v224a48 48 0 0 0 48 48h47.408a96 96 0 0 1 77.648 39.536l121.072 166.48A32 32 0 0 0 480 859.184V164.816a32 32 0 0 0-13.184-25.888z",
-    fill: "#333333",
+    fill: "currentColor",
     "p-id": "8376"
   }), _react.default.createElement("path", {
     d: "M745.376 137.376a32 32 0 0 1 45.248 0C903.04 249.792 960 375.088 960 512c0 136.912-56.96 262.208-169.376 374.624a32 32 0 0 1-45.248-45.248C846.288 740.448 896 631.088 896 512c0-119.088-49.712-228.448-150.624-329.376a32 32 0 0 1 0-45.248z",
-    fill: "#333333",
+    fill: "currentColor",
     "p-id": "8377"
   })));
 });

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

@@ -18,6 +18,7 @@ var RightIcon = (0, _react.memo)(function (props) {
     width: "1em",
     height: "1em"
   }, _react.default.createElement("path", {
+    fill: "currentColor",
     d: "M662.656 121.392a32 32 0 0 0-45.312 45.216l334.4 335.136c6.08 6.096 6.064 15.968-0.032 22.064L617.392 857.344a32 32 0 1 0 45.216 45.312l334.304-333.552a79.6 79.6 0 0 0 0.128-112.56l-334.4-335.152z",
     "p-id": "8534"
   })));

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

@@ -16,7 +16,8 @@ var SearchIcon = (0, _react.memo)(function (props) {
     xmlns: "http://www.w3.org/2000/svg",
     "p-id": "7902",
     width: "1em",
-    height: "1em"
+    height: "1em",
+    fill: "currentColor"
   }, _react.default.createElement("path", {
     d: "M928 510c0 106.384-38.288 204.24-106.368 280.832l-42.56 46.8C702.512 905.712 604.64 944 498.288 944 251.472 944 55.744 739.76 64.256 492.992c8.512-221.264 191.456-404.208 416.96-412.72C728.032 71.76 928 267.472 928 510zM483.648 144.224C292.176 151.44 135.472 307.04 128.224 495.2 120.96 706.144 288.048 880 498.256 880c86.848 0 167.616-29.888 232.464-85.12l3.472-3.024 39.6-43.552c56.768-63.856 88.32-143.952 90.128-230.416l0.08-7.888C864 302.512 692.864 137.008 483.648 144.224z",
     "p-id": "7903"

package/cjs/components/icons/up-icon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { NativeProps } from '../../utils/native-props';
+declare const UpIcon: React.NamedExoticComponent<NativeProps>;
+export default UpIcon;

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

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _nativeProps = require("../../utils/native-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 UpIcon = (0, _react.memo)(function (props) {
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("svg", {
+    className: "ebscn-ui-icon",
+    viewBox: "0 0 1024 1024",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    "p-id": "3450",
+    width: "1em",
+    height: "1em",
+    fill: "currentColor"
+  }, _react.default.createElement("path", {
+    d: "M902.608 665.344a32 32 0 1 1-45.216 45.312l-335.136-334.4a15.6 15.6 0 0 0-22.064 0.032L166.656 710.608a32 32 0 1 1-45.312-45.216l333.552-334.304a79.6 79.6 0 0 1 112.56-0.128l335.152 334.4z",
+    "p-id": "3451"
+  })));
+});
+var _default = exports.default = UpIcon;

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

@@ -16,7 +16,8 @@ var WarningIcon = (0, _react.memo)(function (props) {
     xmlns: "http://www.w3.org/2000/svg",
     "p-id": "2315",
     width: "1em",
-    height: "1em"
+    height: "1em",
+    fill: 'currentColor'
   }, _react.default.createElement("path", {
     d: "M512 64c247.424 0 448 200.576 448 448S759.424 960 512 960 64 759.424 64 512 264.576 64 512 64z m0 640a48 48 0 1 0 0 96 48 48 0 0 0 0-96z m0-480a40 40 0 0 0-40 40v336a40 40 0 1 0 80 0v-336A40 40 0 0 0 512 224z",
     "p-id": "2316"

package/cjs/components/infinite-scroll/index.d.ts

@@ -0,0 +1,4 @@
+import './infinite-scroll.less';
+import { InfiniteScroll } from './infinite-scroll';
+export type { InfiniteScrollProps } from './infinite-scroll';
+export default InfiniteScroll;

package/cjs/components/infinite-scroll/index.js

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

package/cjs/components/infinite-scroll/infinite-scroll.css

@@ -0,0 +1,27 @@
+.ebscn-infinite-scroll {
+  color: #666;
+  color: var(--ebscn-color-text);
+  padding: 18px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: var(--ebscn-font-size-5);
+}
+.ebscn-infinite-scroll-failed-text {
+  color: var(--ebscn-color-text);
+  display: inline-block;
+  margin-right: 8px;
+}
+.ebscn-infinite-scroll-loading-wrap {
+  display: flex;
+  align-items: center;
+  gap: 2px;
+  font-size: 13px;
+}
+.ebscn-infinite-scroll-loading-img {
+  width: 18px;
+  height: 18px;
+}
+.ebscn-infinite-scroll-nodata-text {
+  color: var(--ebscn-color-weak);
+}

package/cjs/components/infinite-scroll/infinite-scroll.d.ts

@@ -0,0 +1,11 @@
+import type { FC, ReactNode } from 'react';
+import { NativeProps } from '../../utils/native-props';
+export type InfiniteScrollProps = {
+    loadMore: (isRetry: boolean) => Promise<void>;
+    hasMore: boolean;
+    threshold?: number;
+    NoMoreContent?: ReactNode;
+    FailContent?: ReactNode;
+    children?: ReactNode | ((hasMore: boolean, failed: boolean, retry: () => void, NoMoreContent?: ReactNode, FailContent?: ReactNode) => ReactNode);
+} & NativeProps;
+export declare const InfiniteScroll: FC<InfiniteScrollProps>;

package/cjs/components/infinite-scroll/infinite-scroll.js

@@ -0,0 +1,278 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InfiniteScroll = void 0;
+var _ahooks = require("ahooks");
+var _react = _interopRequireWildcard(require("react"));
+var _loading = _interopRequireDefault(require("../../assets/images/loading.gif"));
+var _getScrollParent = require("../../utils/get-scroll-parent");
+var _nativeProps = require("../../utils/native-props");
+var _withDefaultProps = require("../../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; }
+var __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) {
+  function adopt(value) {
+    return value instanceof P ? value : new P(function (resolve) {
+      resolve(value);
+    });
+  }
+  return new (P || (P = Promise))(function (resolve, reject) {
+    function fulfilled(value) {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function rejected(value) {
+      try {
+        step(generator["throw"](value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function step(result) {
+      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+    }
+    step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+};
+var __generator = void 0 && (void 0).__generator || function (thisArg, body) {
+  var _ = {
+      label: 0,
+      sent: function () {
+        if (t[0] & 1) throw t[1];
+        return t[1];
+      },
+      trys: [],
+      ops: []
+    },
+    f,
+    y,
+    t,
+    g;
+  return g = {
+    next: verb(0),
+    "throw": verb(1),
+    "return": verb(2)
+  }, typeof Symbol === "function" && (g[Symbol.iterator] = function () {
+    return this;
+  }), g;
+  function verb(n) {
+    return function (v) {
+      return step([n, v]);
+    };
+  }
+  function step(op) {
+    if (f) throw new TypeError("Generator is already executing.");
+    while (g && (g = 0, op[0] && (_ = 0)), _) try {
+      if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+      if (y = 0, t) op = [op[0] & 2, t.value];
+      switch (op[0]) {
+        case 0:
+        case 1:
+          t = op;
+          break;
+        case 4:
+          _.label++;
+          return {
+            value: op[1],
+            done: false
+          };
+        case 5:
+          _.label++;
+          y = op[1];
+          op = [0];
+          continue;
+        case 7:
+          op = _.ops.pop();
+          _.trys.pop();
+          continue;
+        default:
+          if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+            _ = 0;
+            continue;
+          }
+          if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+            _.label = op[1];
+            break;
+          }
+          if (op[0] === 6 && _.label < t[1]) {
+            _.label = t[1];
+            t = op;
+            break;
+          }
+          if (t && _.label < t[2]) {
+            _.label = t[2];
+            _.ops.push(op);
+            break;
+          }
+          if (t[2]) _.ops.pop();
+          _.trys.pop();
+          continue;
+      }
+      op = body.call(thisArg, _);
+    } catch (e) {
+      op = [6, e];
+      y = 0;
+    } finally {
+      f = t = 0;
+    }
+    if (op[0] & 5) throw op[1];
+    return {
+      value: op[0] ? op[1] : void 0,
+      done: true
+    };
+  }
+};
+function isWindow(element) {
+  return element === window;
+}
+var classPrefix = "ebscn-infinite-scroll";
+var defaultProps = {
+  threshold: 250,
+  children: function (hasMore, failed, retry, NoMoreContent, FailContent) {
+    return _react.default.createElement(InfiniteScrollContent, {
+      hasMore: hasMore,
+      failed: failed,
+      retry: retry,
+      NoMoreContent: NoMoreContent,
+      FailContent: FailContent
+    });
+  }
+};
+var InfiniteScroll = function (p) {
+  var props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  var _a = (0, _react.useState)(false),
+    failed = _a[0],
+    setFailed = _a[1];
+  var doloadMore = (0, _ahooks.useLockFn)(function (isRetry) {
+    return __awaiter(void 0, void 0, void 0, function () {
+      var e_1;
+      return __generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            _a.trys.push([0, 2,, 3]);
+            return [4 /*yield*/, props.loadMore(isRetry)];
+          case 1:
+            _a.sent();
+            return [3 /*break*/, 3];
+          case 2:
+            e_1 = _a.sent();
+            setFailed(true);
+            throw e_1;
+          case 3:
+            return [2 /*return*/];
+        }
+      });
+    });
+  });
+  var elementRef = (0, _react.useRef)(null);
+  // Prevent duplicated trigger of `check` function
+  var _b = (0, _react.useState)({}),
+    flag = _b[0],
+    setFlag = _b[1];
+  var nextFlagRef = (0, _react.useRef)(flag);
+  var _c = (0, _react.useState)(),
+    scrollParent = _c[0],
+    setScrollParent = _c[1];
+  var check = (0, _ahooks.useThrottleFn)(function () {
+    return __awaiter(void 0, void 0, void 0, function () {
+      var element, parent, rect, elementTop, current, nextFlag;
+      return __generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            if (nextFlagRef.current !== flag) return [2 /*return*/];
+            if (!props.hasMore) return [2 /*return*/];
+            element = elementRef.current;
+            if (!element) return [2 /*return*/];
+            if (!element.offsetParent) return [2 /*return*/];
+            parent = (0, _getScrollParent.getScrollParent)(element);
+            setScrollParent(parent);
+            if (!parent) return [2 /*return*/];
+            rect = element.getBoundingClientRect();
+            elementTop = rect.top;
+            current = isWindow(parent) ? window.innerHeight : parent.getBoundingClientRect().bottom;
+            if (!(current >= elementTop - props.threshold)) return [3 /*break*/, 2];
+            nextFlag = {};
+            nextFlagRef.current = nextFlag;
+            return [4 /*yield*/, doloadMore(false)];
+          case 1:
+            _a.sent();
+            setFlag(nextFlag);
+            _a.label = 2;
+          case 2:
+            return [2 /*return*/];
+        }
+      });
+    });
+  }, {
+    wait: 100,
+    leading: true,
+    trailing: true
+  }).run;
+  // Make sure to trigger `loadMore` when content changes
+  (0, _react.useEffect)(function () {
+    check();
+  });
+  (0, _react.useEffect)(function () {
+    var element = elementRef.current;
+    if (!element) return;
+    if (!scrollParent) return;
+    function onScroll() {
+      check();
+    }
+    scrollParent.addEventListener('scroll', onScroll);
+    return function () {
+      scrollParent.removeEventListener('scroll', onScroll);
+    };
+  }, [scrollParent]);
+  function retry() {
+    return __awaiter(this, void 0, void 0, function () {
+      return __generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            setFailed(false);
+            return [4 /*yield*/, doloadMore(true)];
+          case 1:
+            _a.sent();
+            setFlag(nextFlagRef.current);
+            return [2 /*return*/];
+        }
+      });
+    });
+  }
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
+    className: classPrefix,
+    ref: elementRef
+  }, typeof props.children === 'function' ? props.children(props.hasMore, failed, retry, props.NoMoreContent) : props.children));
+};
+exports.InfiniteScroll = InfiniteScroll;
+var InfiniteScrollContent = function (props) {
+  var _a, _b;
+  if (!props.hasMore) {
+    return (_a = props.NoMoreContent) !== null && _a !== void 0 ? _a : _react.default.createElement("span", {
+      className: "".concat(classPrefix, "-nodata-text")
+    }, "\u6211\u662F\u6709\u5E95\u7EBF\u7684");
+  }
+  if (props.failed) {
+    return (_b = props.FailContent) !== null && _b !== void 0 ? _b : _react.default.createElement("span", {
+      onClick: function () {
+        props.retry();
+      }
+    }, _react.default.createElement("span", {
+      className: "".concat(classPrefix, "-failed-text")
+    }, '加载失败,请重试'));
+  }
+  return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-loading-wrap")
+  }, _react.default.createElement("img", {
+    className: "".concat(classPrefix, "-loading-img"),
+    src: _loading.default
+  }), _react.default.createElement("span", {
+    className: "".concat(classPrefix, "-loading-text")
+  }, "\u52A0\u8F7D\u4E2D...")));
+};

package/cjs/components/input/input.css

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

package/cjs/components/input/input.js

@@ -16,7 +16,7 @@ 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 classPrefix = "ebscn-input";
 var defaultProps = {
   defaultValue: '',
   onlyShowClearWhenFocus: true