@ebscn/ui 1.0.0 → 1.0.1-beta.0

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

@@ -0,0 +1,78 @@
+import type { CSSProperties, ReactNode } from 'react';
+import React from 'react';
+import { NativeProps } from '../../utils/native-props';
+import { RenderLabel } from '../date-picker-view/date-picker-view';
+import { DatePickerFilter, Precision } from '../date-picker/date-picker-utils';
+import { PopupProps } from '../popup';
+export type DateRangePickerActions = {
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+};
+export type DateRangePickerRef = DateRangePickerActions;
+type PickerDate = Date;
+export type DateRangePickerProps = {
+    value?: [PickerDate, PickerDate] | [];
+    defaultValue?: [PickerDate, PickerDate] | [];
+    loading?: boolean;
+    loadingContent?: ReactNode;
+    min?: PickerDate;
+    max?: PickerDate;
+    precision?: Precision;
+    onSelect?: (value: [PickerDate, PickerDate] | null) => void;
+    onConfirm?: (value: [PickerDate, PickerDate] | []) => void;
+    onCancel?: () => void;
+    onClose?: () => void;
+    closeOnMaskClick?: boolean;
+    visible?: boolean;
+    title?: ReactNode;
+    confirmText?: ReactNode;
+    cancelText?: ReactNode;
+    children?: (value: [PickerDate, PickerDate] | [], actions: DateRangePickerActions) => ReactNode;
+    renderLabel?: RenderLabel;
+    filter?: DatePickerFilter;
+    mouseWheel?: boolean;
+    popupClassName?: string;
+    popupStyle?: CSSProperties;
+    tip?: ReactNode;
+    quickButtons?: Array<{
+        label: string;
+        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 const DateRangePicker: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
+    value?: [] | [Date, Date] | undefined;
+    defaultValue?: [] | [Date, Date] | undefined;
+    loading?: boolean | undefined;
+    loadingContent?: ReactNode;
+    min?: Date | undefined;
+    max?: Date | undefined;
+    precision?: Precision | undefined;
+    onSelect?: ((value: [PickerDate, PickerDate] | null) => void) | undefined;
+    onConfirm?: ((value: [PickerDate, PickerDate] | []) => void) | undefined;
+    onCancel?: (() => void) | undefined;
+    onClose?: (() => void) | undefined;
+    closeOnMaskClick?: boolean | undefined;
+    visible?: boolean | undefined;
+    title?: ReactNode;
+    confirmText?: ReactNode;
+    cancelText?: ReactNode;
+    children?: ((value: [PickerDate, PickerDate] | [], actions: DateRangePickerActions) => ReactNode) | undefined;
+    renderLabel?: RenderLabel | undefined;
+    filter?: Partial<Record<Precision, (val: number, extend: {
+        date: Date;
+    }) => boolean>> | undefined;
+    mouseWheel?: boolean | undefined;
+    popupClassName?: string | undefined;
+    popupStyle?: CSSProperties | undefined;
+    tip?: ReactNode;
+    quickButtons?: {
+        label: string;
+        value: [PickerDate, PickerDate];
+    }[] | undefined;
+} & Pick<PopupProps, "onClick" | "destroyOnClose" | "forceRender" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation"> & {
+    className?: string | undefined;
+    style?: (CSSProperties & Partial<Record<"--header-button-font-size" | "--title-font-size" | "--item-font-size" | "--item-height", string>>) | undefined;
+    tabIndex?: number | undefined;
+} & React.AriaAttributes & React.RefAttributes<DateRangePickerActions>>>;
+export {};

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

@@ -0,0 +1,339 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DateRangePicker = void 0;
+var _ahooks = require("ahooks");
+var _antdMobile = require("antd-mobile");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _dayjs = _interopRequireDefault(require("dayjs"));
+var _react = _interopRequireWildcard(require("react"));
+var _bound = require("../../utils/bound");
+var _nativeProps = require("../../utils/native-props");
+var _usePropsValue = require("../../utils/use-props-value");
+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"));
+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 __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-date-range-picker";
+var thisYear = new Date().getFullYear();
+var defaultProps = {
+  defaultValue: [null, null],
+  closeOnMaskClick: true,
+  renderLabel: _pickerUtils.defaultRenderLabel,
+  destroyOnClose: false,
+  forceRender: false,
+  min: new Date(new Date().setFullYear(thisYear - 1)),
+  max: new Date(new Date().setFullYear(thisYear)),
+  precision: 'day',
+  quickButtons: []
+};
+var DateRangePicker = exports.DateRangePicker = (0, _react.memo)((0, _react.forwardRef)(function (p, ref) {
+  var _a, _b;
+  var _c;
+  var props = (0, _withDefaultProps.mergeProps)(defaultProps, {
+    confirmText: '',
+    cancelText: ''
+  }, p);
+  var _d = (0, _usePropsValue.usePropsValue)({
+      value: props.visible,
+      defaultValue: false,
+      onChange: function (v) {
+        var _a;
+        if (v === false) {
+          (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
+        }
+      }
+    }),
+    visible = _d[0],
+    setVisible = _d[1];
+  var actions = {
+    toggle: function () {
+      setVisible(function (v) {
+        return !v;
+      });
+    },
+    open: function () {
+      setVisible(true);
+    },
+    close: function () {
+      setVisible(false);
+    }
+  };
+  (0, _react.useImperativeHandle)(ref, function () {
+    return actions;
+  });
+  var _e = (0, _usePropsValue.usePropsValue)({
+      value: props.value,
+      defaultValue: props.defaultValue,
+      onChange: function (v) {
+        return __awaiter(void 0, void 0, void 0, function () {
+          var _a;
+          return __generator(this, function (_b) {
+            if (v === null) return [2 /*return*/, Promise.reject(false)];
+            return [2 /*return*/, (_a = props.onConfirm) === null || _a === void 0 ? void 0 : _a.call(props, v)];
+          });
+        });
+      }
+    }),
+    value = _e[0],
+    setValue = _e[1];
+  var now = (0, _react.useMemo)(function () {
+    return new Date();
+  }, []);
+  var pickerValue = (0, _react.useMemo)(function () {
+    var _a, _b;
+    var date = [(_a = value === null || value === void 0 ? void 0 : value[0]) !== null && _a !== void 0 ? _a : now, (_b = value === null || value === void 0 ? void 0 : value[1]) !== null && _b !== void 0 ? _b : now];
+    return date.map(function (val) {
+      return new Date((0, _bound.bound)(val.getTime(), props.min.getTime(), props.max.getTime()));
+    });
+  }, [value, props.precision, props.min, props.max]);
+  var _f = (0, _react.useState)(pickerValue),
+    innerValue = _f[0],
+    setInnerValue = _f[1];
+  (0, _react.useEffect)(function () {
+    //todo
+    setInnerValue(pickerValue);
+  }, [visible, pickerValue]);
+  var _g = (0, _react.useState)(0),
+    activeIndex = _g[0],
+    setActiveIndex = _g[1];
+  var onChange = (0, _ahooks.useMemoizedFn)(function (val) {
+    var _a;
+    setInnerValue(val);
+    if (visible) {
+      (_a = props.onSelect) === null || _a === void 0 ? void 0 : _a.call(props, val);
+    }
+  });
+  var onQuickClick = function (value) {
+    setInnerValue(value);
+  };
+  var renderLabel = function (_, value) {
+    return value;
+  };
+  var pickerElement = (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
+    className: classPrefix
+  }, _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-header")
+  }, _react.default.createElement("div", {
+    role: "button",
+    className: "".concat(classPrefix, "-header-button"),
+    onClick: function () {
+      var _a;
+      (_a = props.onCancel) === null || _a === void 0 ? void 0 : _a.call(props);
+      setVisible(false);
+    }
+  }, props.cancelText), _react.default.createElement("div", {
+    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")),
+    onClick: function () {
+      if (props.loading) return;
+      setValue(innerValue, true);
+      setVisible(false);
+    },
+    "aria-disabled": props.loading
+  }, props.confirmText)), props.quickButtons.length && _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-buttons-wrap")
+  }, props.quickButtons.map(function (_a) {
+    var label = _a.label,
+      value = _a.value;
+    return _react.default.createElement("div", {
+      onClick: function () {
+        return onQuickClick(value);
+      },
+      className: "".concat(classPrefix, "-button")
+    }, label);
+  })), _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", {
+    className: (0, _classnames.default)("".concat(classPrefix, "-value"), (_b = {}, _b["".concat(classPrefix, "-value-active")] = activeIndex === 1, _b)),
+    onClick: function () {
+      return setActiveIndex(1);
+    }
+  }, (0, _dayjs.default)(innerValue[1]).format('YYYY-MM-DD'))), props.tip && _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-tip")
+  }, props.tip), _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-body")
+  }, _react.default.createElement(_datePickerView.default, {
+    key: "startDate",
+    style: {
+      display: activeIndex === 0 ? 'flex' : 'none'
+    },
+    loading: props.loading,
+    loadingContent: props.loadingContent,
+    renderLabel: props.renderLabel || renderLabel,
+    value: innerValue === null || innerValue === void 0 ? void 0 : innerValue[0],
+    mouseWheel: props.mouseWheel,
+    onChange: function (e) {
+      return onChange([e, innerValue[1]]);
+    },
+    precision: p.precision,
+    min: props.min,
+    max: props.max
+  }), _react.default.createElement(_datePickerView.default, {
+    key: "endDate",
+    style: {
+      display: activeIndex === 1 ? 'flex' : 'none'
+    },
+    loading: props.loading,
+    loadingContent: props.loadingContent,
+    renderLabel: props.renderLabel || renderLabel,
+    value: innerValue === null || innerValue === void 0 ? void 0 : innerValue[1],
+    mouseWheel: props.mouseWheel,
+    onChange: function (e) {
+      return onChange([innerValue[0], e]);
+    },
+    precision: p.precision,
+    min: props.min,
+    max: props.max
+  }))));
+  var popupElement = _react.default.createElement(_popup.default, {
+    style: props.popupStyle,
+    className: (0, _classnames.default)("".concat(classPrefix, "-popup"), props.popupClassName),
+    visible: visible,
+    position: "bottom",
+    onMaskClick: function () {
+      var _a;
+      if (!props.closeOnMaskClick) return;
+      (_a = props.onCancel) === null || _a === void 0 ? void 0 : _a.call(props);
+      setVisible(false);
+    },
+    getContainer: props.getContainer,
+    destroyOnClose: props.destroyOnClose,
+    afterShow: props.afterShow,
+    afterClose: props.afterClose,
+    onClick: props.onClick,
+    forceRender: props.forceRender,
+    stopPropagation: props.stopPropagation
+  }, pickerElement, _react.default.createElement(_antdMobile.SafeArea, {
+    position: "bottom"
+  }));
+  return _react.default.createElement(_react.default.Fragment, null, popupElement, (_c = props.children) === null || _c === void 0 ? void 0 : _c.call(props, value, actions));
+}));
+DateRangePicker.displayName = 'DateRangePicker';

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

@@ -0,0 +1,79 @@
+/// <reference types="react" />
+import './date-range-picker.less';
+import { prompt } from '../picker/prompt';
+export type { DateRangePickerProps, DateRangePickerRef, DateRangePickerActions } from './date-range-picker';
+export type { PickerValue, PickerColumnItem, PickerColumn, PickerValueExtend, } from '../picker-view';
+declare const _default: import("react").NamedExoticComponent<{
+    value?: [] | [Date, Date] | undefined;
+    defaultValue?: [] | [Date, Date] | undefined;
+    loading?: boolean | undefined;
+    loadingContent?: import("react").ReactNode;
+    min?: Date | undefined;
+    max?: Date | undefined;
+    precision?: import("../date-picker/date-picker-utils").Precision | undefined;
+    onSelect?: ((value: [Date, Date] | null) => void) | undefined;
+    onConfirm?: ((value: [] | [Date, Date]) => void) | undefined;
+    onCancel?: (() => void) | undefined;
+    onClose?: (() => void) | undefined;
+    closeOnMaskClick?: boolean | undefined;
+    visible?: boolean | undefined;
+    title?: import("react").ReactNode;
+    confirmText?: import("react").ReactNode;
+    cancelText?: import("react").ReactNode;
+    children?: ((value: [] | [Date, Date], actions: import("./date-range-picker").DateRangePickerActions) => import("react").ReactNode) | undefined;
+    renderLabel?: import("../date-picker-view/date-picker-view").RenderLabel | undefined;
+    filter?: Partial<Record<import("../date-picker/date-picker-utils").Precision, (val: number, extend: {
+        date: Date;
+    }) => boolean>> | undefined;
+    mouseWheel?: boolean | undefined;
+    popupClassName?: string | undefined;
+    popupStyle?: import("react").CSSProperties | undefined;
+    tip?: import("react").ReactNode;
+    quickButtons?: {
+        label: string;
+        value: [Date, Date];
+    }[] | undefined;
+} & Pick<import("../popup").PopupProps, "onClick" | "destroyOnClose" | "forceRender" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation"> & {
+    className?: string | undefined;
+    style?: (import("react").CSSProperties & Partial<Record<"--header-button-font-size" | "--title-font-size" | "--item-font-size" | "--item-height", string>>) | undefined;
+    tabIndex?: number | undefined;
+} & import("react").AriaAttributes & import("react").RefAttributes<import("./date-range-picker").DateRangePickerActions>> & {
+    readonly type: import("react").ForwardRefExoticComponent<{
+        value?: [] | [Date, Date] | undefined;
+        defaultValue?: [] | [Date, Date] | undefined;
+        loading?: boolean | undefined;
+        loadingContent?: import("react").ReactNode;
+        min?: Date | undefined;
+        max?: Date | undefined;
+        precision?: import("../date-picker/date-picker-utils").Precision | undefined;
+        onSelect?: ((value: [Date, Date] | null) => void) | undefined;
+        onConfirm?: ((value: [] | [Date, Date]) => void) | undefined;
+        onCancel?: (() => void) | undefined;
+        onClose?: (() => void) | undefined;
+        closeOnMaskClick?: boolean | undefined;
+        visible?: boolean | undefined;
+        title?: import("react").ReactNode;
+        confirmText?: import("react").ReactNode;
+        cancelText?: import("react").ReactNode;
+        children?: ((value: [] | [Date, Date], actions: import("./date-range-picker").DateRangePickerActions) => import("react").ReactNode) | undefined;
+        renderLabel?: import("../date-picker-view/date-picker-view").RenderLabel | undefined;
+        filter?: Partial<Record<import("../date-picker/date-picker-utils").Precision, (val: number, extend: {
+            date: Date;
+        }) => boolean>> | undefined;
+        mouseWheel?: boolean | undefined;
+        popupClassName?: string | undefined;
+        popupStyle?: import("react").CSSProperties | undefined;
+        tip?: import("react").ReactNode;
+        quickButtons?: {
+            label: string;
+            value: [Date, Date];
+        }[] | undefined;
+    } & Pick<import("../popup").PopupProps, "onClick" | "destroyOnClose" | "forceRender" | "getContainer" | "afterShow" | "afterClose" | "stopPropagation"> & {
+        className?: string | undefined;
+        style?: (import("react").CSSProperties & Partial<Record<"--header-button-font-size" | "--title-font-size" | "--item-font-size" | "--item-height", string>>) | undefined;
+        tabIndex?: number | undefined;
+    } & import("react").AriaAttributes & import("react").RefAttributes<import("./date-range-picker").DateRangePickerActions>>;
+} & {
+    prompt: typeof prompt;
+};
+export default _default;

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("./date-range-picker.css");
+var _attachPropertiesToComponent = require("../../utils/attach-properties-to-component");
+var _dateRangePicker2 = require("./date-range-picker");
+var _prompt = require("../picker/prompt");
+var _default = exports.default = (0, _attachPropertiesToComponent.attachPropertiesToComponent)(_dateRangePicker2.DateRangePicker, {
+  prompt: _prompt.prompt
+});

package/cjs/components/divider/divider.css

@@ -0,0 +1,39 @@
+.ebscn-divider-horizontal {
+  display: flex;
+  align-items: center;
+  margin: 16px 0;
+  border-width: 0;
+  border-color: var(--color);
+  border-style: solid;
+  color: var(--ebscn-color-weak);
+  font-size: 14px;
+}
+.ebscn-divider-left.ebscn-divider-horizontal::before {
+  max-width: 10%;
+}
+.ebscn-divider-right.ebscn-divider-horizontal::after {
+  max-width: 10%;
+}
+.ebscn-divider-horizontal::after,
+.ebscn-divider-horizontal::before {
+  flex: auto;
+  display: block;
+  content: '';
+  border-style: inherit;
+  border-color: inherit;
+  border-width: 0.5px 0 0;
+}
+.ebscn-divider-horizontal .ebscn-divider-content {
+  flex: none;
+  padding: 0 16px;
+}
+.ebscn-divider-vertical {
+  position: relative;
+  top: -0.06em;
+  display: inline-block;
+  height: 0.9em;
+  margin: 0 16px;
+  vertical-align: middle;
+  border-top: 0;
+  border-left: 1px solid var(--color);
+}

package/cjs/components/divider/divider.d.ts

@@ -0,0 +1,9 @@
+import type { FC, ReactNode } from 'react';
+import { NativeProps } from '../../utils/native-props';
+export type DividerProps = {
+    contentPosition?: 'left' | 'right' | 'center';
+    direction?: 'horizontal' | 'vertical';
+    color?: 'primary' | 'default' | 'typing' | string;
+    children?: ReactNode;
+} & NativeProps;
+export declare const Divider: FC<DividerProps>;

package/cjs/components/divider/divider.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Divider = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireDefault(require("react"));
+var _nativeProps = require("../../utils/native-props");
+var _withDefaultProps = require("../../utils/with-default-props");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var classPrefix = "ebscn-divider";
+var defaultProps = {
+  color: 'default',
+  contentPosition: 'center',
+  direction: 'horizontal'
+};
+var Divider = function (p) {
+  var _a;
+  var props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  var colorRecord = {
+    primary: 'var(--ebscn-color-primary,#e84225)',
+    typing: 'var(--ebscn-color-blue, #4c7cf1)',
+    default: 'var(--ebscn-color-split-line #ebebeb)'
+  };
+  var style = {
+    '--color': (_a = colorRecord[props.color || 'default']) !== null && _a !== void 0 ? _a : props.color
+  };
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
+    style: style,
+    className: (0, _classnames.default)(classPrefix, "".concat(classPrefix, "-").concat(props.direction), "".concat(classPrefix, "-").concat(props.contentPosition))
+  }, props.children && _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-content")
+  }, props.children)));
+};
+exports.Divider = Divider;

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

@@ -0,0 +1,4 @@
+import './divider.less';
+import { Divider } from './divider';
+export type { DividerProps } from './divider';
+export default Divider;

package/cjs/components/divider/index.js

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

package/cjs/components/grid/grid.css

@@ -1,4 +1,4 @@
-.adm-grid {
+.ebscn-grid {
   --gap: 0;
   --gap-horizontal: var(--gap);
   --gap-vertical: var(--gap);
@@ -10,6 +10,6 @@
   grid-template-columns: repeat(var(--columns), minmax(0, 1fr));
   align-items: stretch;
 }
-.adm-grid-item {
+.ebscn-grid-item {
   grid-column-end: span var(--item-span);
 }

package/cjs/components/grid/grid.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _nativeProps = require("../../utils/native-props");
 var _toCssLength = require("../../utils/to-css-length");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var classPrefix = "adm-grid";
+var classPrefix = "ebscn-grid";
 var Grid = function (props) {
   var style = {
     '--columns': props.columns.toString()