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

package/cjs/components/popover/popover-menu.js

@@ -0,0 +1,74 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PopoverMenu = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _popover = require("./popover");
+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-popover-menu";
+var PopoverMenu = exports.PopoverMenu = (0, _react.forwardRef)(function (props, ref) {
+  var innerRef = (0, _react.useRef)(null);
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+  (0, _react.useImperativeHandle)(ref, function () {
+    return innerRef.current;
+  }, []);
+  var onClick = (0, _react.useCallback)(function (e) {
+    var _a;
+    var onAction = props.onAction;
+    if (onAction) {
+      onAction(e);
+    }
+    (_a = innerRef.current) === null || _a === void 0 ? void 0 : _a.hide();
+  }, [props.onAction]);
+  var overlay = (0, _react.useMemo)(function () {
+    var _a;
+    var whetherScroll = (props === null || props === void 0 ? void 0 : props.maxCount) && props.actions.length > (props === null || props === void 0 ? void 0 : props.maxCount);
+    var innerHeight = (props === null || props === void 0 ? void 0 : props.maxCount) && (props === null || props === void 0 ? void 0 : props.maxCount) * 48;
+    return _react.default.createElement("div", {
+      className: "".concat(classPrefix, "-list")
+    }, _react.default.createElement("div", {
+      className: (0, _classnames.default)("".concat(classPrefix, "-list-inner"), (_a = {}, _a["".concat(classPrefix, "-list-scroll")] = whetherScroll, _a)),
+      style: {
+        height: innerHeight
+      }
+    }, props.actions.map(function (action, index) {
+      var _a;
+      var _b;
+      return _react.default.createElement("a", {
+        key: (_b = action.key) !== null && _b !== void 0 ? _b : index,
+        className: (0, _classnames.default)("".concat(classPrefix, "-item"), 'ebscn-plain-anchor', (_a = {}, _a["".concat(classPrefix, "-item-disabled")] = action.disabled, _a)),
+        onClick: function () {
+          var _a;
+          if (action.disabled) return;
+          onClick(action);
+          (_a = action.onClick) === null || _a === void 0 ? void 0 : _a.call(action);
+        }
+      }, action.icon && _react.default.createElement("div", {
+        className: "".concat(classPrefix, "-item-icon")
+      }, action.icon), _react.default.createElement("div", {
+        className: "".concat(classPrefix, "-item-text")
+      }, action.text));
+    })));
+  }, [props.actions, onClick]);
+  return _react.default.createElement(_popover.Popover, __assign({
+    ref: innerRef
+  }, props, {
+    className: (0, _classnames.default)(classPrefix, props.className),
+    content: overlay
+  }), props.children);
+});

package/cjs/components/popover/popover.css

@@ -0,0 +1,68 @@
+.ebscn-popover {
+  --z-index: var(--ebscn-popover-z-index, 1030);
+  --background: #ffffff;
+  --arrow-size: 8px;
+  --content-padding: 8px 12px;
+  color: var(--ebscn-color-text);
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: var(--z-index);
+  white-space: normal;
+  text-align: left;
+  cursor: auto;
+  -webkit-user-select: text;
+          user-select: text;
+  animation: none;
+}
+.ebscn-popover.ebscn-popover-dark {
+  --background: rgba(0, 0, 0, 0.75);
+  --ebscn-color-text: #ffffff;
+  color: #ffffff;
+}
+.ebscn-popover.ebscn-popover-dark .ebscn-popover-inner {
+  box-shadow: none;
+}
+.ebscn-popover::after {
+  position: absolute;
+  background: rgba(255, 255, 255, 0.01);
+  content: '';
+}
+.ebscn-popover-hidden {
+  display: none;
+}
+.ebscn-popover-inner {
+  background-color: var(--background);
+  background-clip: padding-box;
+  border-radius: 8px;
+  box-shadow: 0 0 30px 0 rgba(51, 51, 51, 0.2);
+  font-size: var(--ebscn-font-size-7);
+  width: -webkit-max-content;
+  width: max-content;
+  min-width: 32px;
+  max-width: calc(100vw - 24px);
+  overflow-y: hidden;
+}
+.ebscn-popover-inner-content {
+  padding: var(--content-padding);
+}
+.ebscn-popover-arrow {
+  position: absolute;
+  display: block;
+  height: var(--arrow-size);
+  width: var(--arrow-size);
+  overflow: visible;
+  background: transparent;
+}
+.ebscn-popover-arrow-icon {
+  display: block;
+  height: var(--arrow-size);
+  width: calc(var(--arrow-size) / 8 * 15);
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%) rotate(var(--arrow-icon-rotate));
+}
+.ebscn-popover .ebscn-popover-arrow {
+  color: var(--background);
+}

package/cjs/components/popover/popover.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+import type { ReactNode, ReactElement } from 'react';
+import { NativeProps } from '../../utils/native-props';
+import { PropagationEvent } from '../../utils/with-stop-propagation';
+import { GetContainer } from '../../utils/render-to-container';
+import { DeprecatedPlacement, Placement } from './index';
+export type PopoverProps = {
+    defaultVisible?: boolean;
+    visible?: boolean;
+    onVisibleChange?: (visible: boolean) => void;
+    getContainer?: GetContainer;
+    destroyOnHide?: boolean;
+    children: ReactElement;
+    mode?: 'light' | 'dark';
+    trigger?: 'click';
+    placement?: Placement | DeprecatedPlacement;
+    stopPropagation?: PropagationEvent[];
+    content: ReactNode;
+} & NativeProps<'--z-index' | '--arrow-size'>;
+export type PopoverRef = {
+    show: () => void;
+    hide: () => void;
+    visible: boolean;
+};
+export declare const Popover: React.ForwardRefExoticComponent<{
+    defaultVisible?: boolean | undefined;
+    visible?: boolean | undefined;
+    onVisibleChange?: ((visible: boolean) => void) | undefined;
+    getContainer?: GetContainer | undefined;
+    destroyOnHide?: boolean | undefined;
+    children: ReactElement;
+    mode?: "dark" | "light" | undefined;
+    trigger?: "click" | undefined;
+    placement?: Placement | DeprecatedPlacement | undefined;
+    stopPropagation?: "click"[] | undefined;
+    content: ReactNode;
+} & {
+    className?: string | undefined;
+    style?: (React.CSSProperties & Partial<Record<"--z-index" | "--arrow-size", string>>) | undefined;
+    tabIndex?: number | undefined;
+} & React.AriaAttributes & React.RefAttributes<PopoverRef>>;

package/cjs/components/popover/popover.js

@@ -0,0 +1,280 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Popover = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _usePropsValue = require("../../utils/use-props-value");
+var _withDefaultProps = require("../../utils/with-default-props");
+var _nativeProps = require("../../utils/native-props");
+var _withStopPropagation = require("../../utils/with-stop-propagation");
+var _arrow = require("./arrow");
+var _renderToContainer = require("../../utils/render-to-container");
+var _dom = require("@floating-ui/dom");
+var _wrapper = require("./wrapper");
+var _shouldRender = require("../../utils/should-render");
+var _ahooks = require("ahooks");
+var _normalizePlacement = require("./normalize-placement");
+var _convertPx = require("../../utils/convert-px");
+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
+    };
+  }
+};
+var classPrefix = "ebscn-popover";
+var defaultProps = {
+  placement: 'top',
+  defaultVisible: false,
+  stopPropagation: ['click'],
+  getContainer: function () {
+    return document.body;
+  },
+  mode: 'light'
+};
+var Popover = exports.Popover = (0, _react.forwardRef)(function (p, ref) {
+  var _a;
+  var props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  var placement = (0, _normalizePlacement.normalizePlacement)(props.placement);
+  var _b = (0, _usePropsValue.usePropsValue)({
+      value: props.visible,
+      defaultValue: props.defaultVisible,
+      onChange: props.onVisibleChange
+    }),
+    visible = _b[0],
+    setVisible = _b[1];
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      show: function () {
+        return setVisible(true);
+      },
+      hide: function () {
+        return setVisible(false);
+      },
+      visible: visible
+    };
+  }, [visible]);
+  var targetRef = (0, _react.useRef)(null);
+  var floatingRef = (0, _react.useRef)(null);
+  var arrowRef = (0, _react.useRef)(null);
+  var floating = (0, _withStopPropagation.withStopPropagation)(props.stopPropagation, (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
+    className: (0, _classnames.default)(classPrefix, "".concat(classPrefix, "-").concat(props.mode), (_a = {}, _a["".concat(classPrefix, "-hidden")] = !visible, _a)),
+    ref: floatingRef
+  }, _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-arrow"),
+    ref: arrowRef
+  }, _react.default.createElement(_arrow.Arrow, {
+    className: "".concat(classPrefix, "-arrow-icon")
+  })), _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-inner")
+  }, _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-inner-content")
+  }, props.content)))));
+  var _c = (0, _react.useState)(null),
+    targetElement = _c[0],
+    setTargetElement = _c[1];
+  function update() {
+    var _a, _b, _c;
+    return __awaiter(this, void 0, void 0, function () {
+      var target, floating, arrowElement, _d, x, y, realPlacement, middlewareData, side, arrowSide, _e, arrowX, arrowY, arrowRotate;
+      var _f;
+      return __generator(this, function (_g) {
+        switch (_g.label) {
+          case 0:
+            target = (_b = (_a = targetRef.current) === null || _a === void 0 ? void 0 : _a.element) !== null && _b !== void 0 ? _b : null;
+            floating = floatingRef.current;
+            arrowElement = arrowRef.current;
+            setTargetElement(target);
+            if (!target || !floating || !arrowElement) return [2 /*return*/];
+            return [4 /*yield*/, (0, _dom.computePosition)(target, floating, {
+              placement: placement,
+              middleware: [(0, _dom.offset)((0, _convertPx.convertPx)(12)), (0, _dom.shift)({
+                padding: (0, _convertPx.convertPx)(4),
+                crossAxis: false,
+                limiter: (0, _dom.limitShift)()
+              }), (0, _dom.flip)(), (0, _dom.hide)(), (0, _dom.arrow)({
+                element: arrowElement,
+                padding: (0, _convertPx.convertPx)(12)
+              })]
+            })];
+          case 1:
+            _d = _g.sent(), x = _d.x, y = _d.y, realPlacement = _d.placement, middlewareData = _d.middlewareData;
+            Object.assign(floating.style, {
+              left: "".concat(x, "px"),
+              top: "".concat(y, "px")
+            });
+            side = realPlacement.split('-')[0];
+            arrowSide = {
+              top: 'bottom',
+              right: 'left',
+              bottom: 'top',
+              left: 'right'
+            }[side];
+            _e = (_c = middlewareData.arrow) !== null && _c !== void 0 ? _c : {}, arrowX = _e.x, arrowY = _e.y;
+            Object.assign(arrowElement.style, (_f = {
+              left: arrowX != null ? "".concat(arrowX, "px") : '',
+              top: arrowY != null ? "".concat(arrowY, "px") : '',
+              right: '',
+              bottom: ''
+            }, _f[arrowSide] = 'calc(var(--arrow-size) * -1)', _f));
+            arrowRotate = {
+              top: '0deg',
+              bottom: '180deg',
+              left: '270deg',
+              right: '90deg'
+            }[side];
+            arrowElement.style.setProperty('--arrow-icon-rotate', arrowRotate);
+            return [2 /*return*/];
+        }
+      });
+    });
+  }
+  (0, _ahooks.useIsomorphicLayoutEffect)(function () {
+    update();
+  });
+  (0, _react.useEffect)(function () {
+    if (!targetElement) return;
+    if (!props.trigger) return;
+    function handleClick() {
+      setVisible(function (v) {
+        return !v;
+      });
+    }
+    targetElement.addEventListener('click', handleClick);
+    return function () {
+      targetElement.removeEventListener('click', handleClick);
+    };
+  }, [targetElement, props.trigger]);
+  (0, _react.useEffect)(function () {
+    var floatingElement = floatingRef.current;
+    if (!targetElement || !floatingElement) return;
+    return (0, _dom.autoUpdate)(targetElement, floatingElement, update, {
+      elementResize: typeof ResizeObserver !== 'undefined'
+    });
+  }, [targetElement]);
+  (0, _ahooks.useClickAway)(function () {
+    if (!props.trigger) return;
+    setVisible(false);
+  }, [function () {
+    var _a;
+    return (_a = targetRef.current) === null || _a === void 0 ? void 0 : _a.element;
+  }, floatingRef], ['click', 'touchmove']);
+  var shouldRender = (0, _shouldRender.useShouldRender)(visible, false, props.destroyOnHide);
+  return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_wrapper.Wrapper, {
+    ref: targetRef
+  }, props.children), shouldRender && (0, _renderToContainer.renderToContainer)(props.getContainer, floating));
+});

package/cjs/components/popover/wrapper.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { ReactNode } from 'react';
+export declare class Wrapper extends React.Component<{
+    children?: ReactNode;
+}, {}> {
+    element: Element | null;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    render(): React.ReactNode;
+}

package/cjs/components/popover/wrapper.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Wrapper = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactDom = require("react-dom");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var __extends = void 0 && (void 0).__extends || function () {
+  var extendStatics = function (d, b) {
+    extendStatics = Object.setPrototypeOf || {
+      __proto__: []
+    } instanceof Array && function (d, b) {
+      d.__proto__ = b;
+    } || function (d, b) {
+      for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
+    };
+    return extendStatics(d, b);
+  };
+  return function (d, b) {
+    if (typeof b !== "function" && b !== null) throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+    extendStatics(d, b);
+    function __() {
+      this.constructor = d;
+    }
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+  };
+}();
+var Wrapper = exports.Wrapper = /** @class */function (_super) {
+  __extends(Wrapper, _super);
+  function Wrapper() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    _this.element = null;
+    return _this;
+  }
+  Wrapper.prototype.componentDidMount = function () {
+    this.componentDidUpdate();
+  };
+  Wrapper.prototype.componentDidUpdate = function () {
+    // eslint-disable-next-line
+    var node = (0, _reactDom.findDOMNode)(this);
+    if (node instanceof Element) {
+      this.element = node;
+    } else {
+      this.element = null;
+    }
+  };
+  Wrapper.prototype.render = function () {
+    return _react.default.Children.only(this.props.children);
+  };
+  return Wrapper;
+}(_react.default.Component);

package/cjs/components/protocol/protocol.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _ = require("../..");
-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); }
@@ -90,7 +89,7 @@ var Protocol = function (p) {
     style: {
       maxHeight: props.scrollHeight
     }
-  }, _react.default.createElement(_antdMobile.Popover, {
+  }, _react.default.createElement(_.Popover, {
     content: props.popoverContent,
     placement: props.popoverPlacement,
     mode: "dark",

package/cjs/components/pull-to-refresh/pull-to-refresh.css

@@ -14,7 +14,7 @@
   align-items: center;
 }
 .ebscn-pull-to-refresh-head.ebscn-pull-to-refresh-head-grey {
-  --background-color: #f5f5f5;
+  --background-color: #f5f6fa;
 }
 .ebscn-pull-to-refresh-head.ebscn-pull-to-refresh-head-grey .ebscn-pull-to-refresh-complete,
 .ebscn-pull-to-refresh-head.ebscn-pull-to-refresh-head-grey .ebscn-pull-to-refresh-canRelease,
@@ -22,6 +22,15 @@
 .ebscn-pull-to-refresh-head.ebscn-pull-to-refresh-head-grey .ebscn-pull-to-refresh-refreshing {
   color: #666;
 }
+.ebscn-pull-to-refresh-head.ebscn-pull-to-refresh-head-dark {
+  --background-color: #111111;
+}
+.ebscn-pull-to-refresh-head.ebscn-pull-to-refresh-head-dark .ebscn-pull-to-refresh-complete,
+.ebscn-pull-to-refresh-head.ebscn-pull-to-refresh-head-dark .ebscn-pull-to-refresh-canRelease,
+.ebscn-pull-to-refresh-head.ebscn-pull-to-refresh-head-dark .ebscn-pull-to-refresh-pulling,
+.ebscn-pull-to-refresh-head.ebscn-pull-to-refresh-head-dark .ebscn-pull-to-refresh-refreshing {
+  color: white;
+}
 .ebscn-pull-to-refresh-head.ebscn-pull-to-refresh-head-primary {
   --background-color: var(--ebscn-color-primary);
 }

package/cjs/components/pull-to-refresh/pull-to-refresh.d.ts

@@ -2,7 +2,7 @@ import { FC, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export type PullStatus = 'pulling' | 'canRelease' | 'refreshing' | 'complete';
 export type PullToRefreshProps = {
-    color?: 'primary' | 'grey';
+    color?: 'primary' | 'grey' | 'dark';
     onRefresh?: () => Promise<any>;
     pullingText?: ReactNode;
     canReleaseText?: ReactNode;

package/cjs/components/pull-to-refresh/pull-to-refresh.js

@@ -150,28 +150,28 @@ var PullToRefresh = function (p) {
   var props = (0, _withDefaultProps.mergeProps)(defaultProps, {
     refreshingText: _react2.default.createElement("div", {
       className: "".concat(classPrefix, "-refreshing")
-    }, _react2.default.createElement(_react2.Suspense, null, _react2.default.createElement("div", null, (p === null || p === void 0 ? void 0 : p.color) === 'primary' ? _react2.default.createElement("img", {
+    }, _react2.default.createElement(_react2.Suspense, null, _react2.default.createElement("div", null, (p === null || p === void 0 ? void 0 : p.color) !== 'grey' ? _react2.default.createElement("img", {
       src: _pull_loading_refreshing_white.default
     }) : _react2.default.createElement("img", {
       src: _pull_loading_refreshing_grey.default
     })), _react2.default.createElement("p", null, " "))),
     pullingText: _react2.default.createElement("div", {
       className: "".concat(classPrefix, "-pulling")
-    }, _react2.default.createElement("div", null, (p === null || p === void 0 ? void 0 : p.color) === 'primary' ? _react2.default.createElement("img", {
+    }, _react2.default.createElement("div", null, (p === null || p === void 0 ? void 0 : p.color) !== 'grey' ? _react2.default.createElement("img", {
       src: _pull_loading_white.default
     }) : _react2.default.createElement("img", {
       src: _pull_loading_grey.default
     })), _react2.default.createElement("p", null, " ")),
     canReleaseText: _react2.default.createElement("div", {
       className: "".concat(classPrefix, "-canRelease")
-    }, _react2.default.createElement("div", null, (p === null || p === void 0 ? void 0 : p.color) === 'primary' ? _react2.default.createElement("img", {
+    }, _react2.default.createElement("div", null, (p === null || p === void 0 ? void 0 : p.color) !== 'grey' ? _react2.default.createElement("img", {
       src: _pull_loading_white.default
     }) : _react2.default.createElement("img", {
       src: _pull_loading_grey.default
     })), _react2.default.createElement("p", null, "\u677E\u5F00\u5237\u65B0")),
     completeText: _react2.default.createElement("div", {
       className: "".concat(classPrefix, "-complete")
-    }, _react2.default.createElement("div", null, (p === null || p === void 0 ? void 0 : p.color) === 'primary' ? _react2.default.createElement("img", {
+    }, _react2.default.createElement("div", null, (p === null || p === void 0 ? void 0 : p.color) !== 'grey' ? _react2.default.createElement("img", {
       src: _pull_loading_white.default
     }) : _react2.default.createElement("img", {
       src: _pull_loading_grey.default
@@ -332,7 +332,7 @@ var PullToRefresh = function (p) {
     className: classPrefix
   }, _react2.default.createElement(_web.animated.div, {
     style: springStyles,
-    className: (0, _classnames.default)("".concat(classPrefix, "-head"), (_a = {}, _a["".concat(classPrefix, "-head-primary")] = props.color === 'primary', _a["".concat(classPrefix, "-head-grey")] = props.color === 'grey', _a))
+    className: (0, _classnames.default)("".concat(classPrefix, "-head"), (_a = {}, _a["".concat(classPrefix, "-head-primary")] = props.color === 'primary', _a["".concat(classPrefix, "-head-grey")] = props.color === 'grey', _a["".concat(classPrefix, "-head-dark")] = props.color === 'dark', _a))
   }, _react2.default.createElement("div", {
     className: "".concat(classPrefix, "-head-content"),
     style: {

package/cjs/components/radio/radio.css

@@ -21,7 +21,9 @@
   border-radius: var(--icon-size);
   border: 1px solid var(--ebscn-color-light);
   box-sizing: border-box;
+  width: 24px;
   width: var(--icon-size);
+  height: 24px;
   height: var(--icon-size);
   color: var(--ebscn-color-text-light-solid);
 }
@@ -37,6 +39,9 @@
 .ebscn-radio.ebscn-radio-block {
   display: flex;
 }
+.ebscn-radio.ebscn-radio-checked {
+  color: var(--ebscn-color-primary);
+}
 .ebscn-radio.ebscn-radio-checked .ebscn-radio-icon {
   border-color: var(--ebscn-color-primary);
   background-color: var(--ebscn-color-primary);

package/cjs/components/selector/selector.css

@@ -12,7 +12,7 @@
   ---gap-horizontal: var(--gap-horizontal, var(--gap));
   ---gap-vertical: var(--gap-vertical, var(--gap));
   overflow: hidden;
-  font-size: var(--ebscn-font-size-7);
+  font-size: var(--ebscn-font-size-6);
   line-height: 1.4;
 }
 .ebscn-selector .ebscn-space.ebscn-space {