@nickeylin/antd-mobile-pro 2.0.0

package/dist/cjs/components/segment-control/segment.js

@@ -0,0 +1,108 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/segment-control/segment.tsx
+var segment_exports = {};
+__export(segment_exports, {
+  default: () => segment_default
+});
+module.exports = __toCommonJS(segment_exports);
+var import_classnames = __toESM(require("classnames"));
+var import_rc_segmented = __toESM(require("rc-segmented"));
+var import_useId = __toESM(require("rc-util/lib/hooks/useId"));
+var React = __toESM(require("react"));
+var import_bem = require("../../utils/bem");
+var import_config_provider = require("../config-provider");
+function isSegmentedLabeledOptionWithIcon(option) {
+  return typeof option === "object" && !!(option == null ? void 0 : option.icon);
+}
+var bem = (0, import_bem.cn)("segment-control");
+var InternalSegmented = React.forwardRef(
+  (props, ref) => {
+    const defaultName = (0, import_useId.default)();
+    const {
+      prefixCls: _customizePrefixCls,
+      className,
+      rootClassName,
+      block,
+      options = [],
+      size: sizeProp = "middle",
+      style,
+      vertical,
+      name = defaultName,
+      direction,
+      ...restProps
+    } = props;
+    const { segmentControl: ctx } = (0, import_config_provider.useConfig)();
+    const size = sizeProp ?? (ctx == null ? void 0 : ctx.size) ?? "middle";
+    const extendedOptions = React.useMemo(
+      () => options.map((option) => {
+        if (isSegmentedLabeledOptionWithIcon(option)) {
+          const { icon, label, ...restOption } = option;
+          return {
+            ...restOption,
+            label: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("span", { className: bem("item-icon") }, icon), label && /* @__PURE__ */ React.createElement("span", null, label))
+          };
+        }
+        return option;
+      }),
+      [options]
+    );
+    const cls = (0, import_classnames.default)(
+      bem({
+        block,
+        sm: size === "small",
+        lg: size === "large",
+        mini: size === "mini",
+        vertical,
+        round: props.shape === "round"
+      }),
+      className,
+      rootClassName
+    );
+    return /* @__PURE__ */ React.createElement(
+      import_rc_segmented.default,
+      {
+        ...restProps,
+        name,
+        className: cls,
+        style,
+        options: extendedOptions,
+        ref,
+        prefixCls: bem(),
+        direction,
+        vertical
+      }
+    );
+  }
+);
+var SegmentControl = InternalSegmented;
+if (process.env.NODE_ENV !== "production") {
+  SegmentControl.displayName = "SegmentControl";
+}
+var segment_default = SegmentControl;

package/dist/cjs/components/segment-control/style.less

@@ -0,0 +1,154 @@
+@class-prefix-segment: ~'suid-segment-control';
+
+@size-default: 40px;
+@size-lg: 48px;
+@size-sm: 32px;
+@size-mini: 24px;
+
+.@{class-prefix-segment} {
+  --track-padding: 2px;
+  --track-bg: var(--suid-segment-control-track-bg, var(--adm-color-box));
+  --item-color: var(
+    --suid-segment-control-item-color,
+    var(--adm-color-text-secondary)
+  );
+  --item-selected-bg: var(--suid-segment-control-item-selected-bg, #ffffff);
+  --item-selected-color: var(
+    --suid-segment-control-item-selected-color,
+    var(--adm-color-text)
+  );
+
+  box-sizing: border-box;
+  margin: 0;
+  padding: var(--track-padding);
+  color: var(--item-color);
+  font-size: var(--adm-font-size-main);
+  // line-height: var(--ant-line-height);
+  list-style: none;
+  // font-family: var(--ant-font-family);
+  display: inline-block;
+  background: var(--track-bg);
+  border-radius: var(--adm-radius-s);
+  transition: all 0.2s ease-in-out;
+
+  & &-group {
+    position: relative;
+    display: flex;
+    align-items: stretch;
+    justify-items: flex-start;
+    flex-direction: row;
+    width: 100%;
+  }
+
+  & &-item {
+    position: relative;
+    text-align: center;
+    cursor: pointer;
+    transition: color 0.2s ease-in-out;
+    border-radius: var(--adm-radius-s);
+    transform: translateZ(0);
+    &-selected {
+      background-color: var(--item-selected-bg);
+      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03),
+        0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);
+      color: var(--item-selected-color);
+    }
+    &-disabled {
+      color: var(--adm-color-light);
+    }
+  }
+  & &__item-icon + * {
+    margin-inline-start: 6px;
+  }
+  & &-item-input {
+    position: absolute;
+    inset-block-start: 0;
+    inset-inline-start: 0;
+    width: 0;
+    height: 0;
+    opacity: 0;
+    pointer-events: none;
+  }
+
+  & &-item-label {
+    min-height: calc(@size-default - var(--track-padding) * 2);
+    line-height: calc(@size-default - var(--track-padding) * 2);
+    padding: 0 11px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+
+  & &-thumb {
+    background-color: var(--item-selected-bg);
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03),
+      0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);
+    position: absolute;
+    inset-block-start: 0;
+    inset-inline-start: 0;
+    width: 0;
+    height: 100%;
+    padding: 4 0;
+    border-radius: var(--adm-radius-s);
+    box-sizing: border-box;
+    transition: transform 0.3s ease-in-out, height 0.3s ease-in-out;
+    &-motion-appear-active {
+      transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
+      will-change: transform, width;
+    }
+  }
+  &&-vertical {
+    .@{class-prefix-segment}-group {
+      flex-direction: column;
+    }
+    .@{class-prefix-segment}-thumb {
+      width: 100%;
+      height: 0;
+      padding: 0 6px;
+    }
+  }
+
+  &&--lg {
+    .@{class-prefix-segment}-item-label {
+      min-height: calc(@size-lg - var(--track-padding) * 2);
+      line-height: calc(@size-lg - var(--track-padding) * 2);
+    }
+    .@{class-prefix-segment}-thumb {
+      border-radius: var(--adm-radius-l);
+    }
+  }
+  &&--sm {
+    .@{class-prefix-segment}-item-label {
+      min-height: calc(@size-sm - var(--track-padding) * 2);
+      line-height: calc(@size-sm - var(--track-padding) * 2);
+    }
+    .@{class-prefix-segment}-thumb {
+      border-radius: var(--adm-radius-s);
+    }
+  }
+  &&--mini {
+    .@{class-prefix-segment}-item-label {
+      min-height: calc(@size-mini - var(--track-padding) * 2);
+      line-height: calc(@size-mini - var(--track-padding) * 2);
+    }
+    .@{class-prefix-segment}-thumb {
+      border-radius: var(--adm-radius-s);
+    }
+  }
+
+  &&--block {
+    display: flex;
+    .@{class-prefix-segment}-item {
+      flex: 1;
+      min-width: 0;
+    }
+  }
+  &&--round {
+    border-radius: 9999px;
+
+    .@{class-prefix-segment}-item,
+    .@{class-prefix-segment}-thumb {
+      border-radius: 9999px;
+    }
+  }
+}

package/dist/cjs/components/stepper-range/index.d.ts

@@ -0,0 +1 @@
+export { default, type StepperRangeProps, type StepperRangeValue, } from './stepper-range';

package/dist/cjs/components/stepper-range/index.js

@@ -0,0 +1,35 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/stepper-range/index.ts
+var stepper_range_exports = {};
+__export(stepper_range_exports, {
+  default: () => import_stepper_range.default
+});
+module.exports = __toCommonJS(stepper_range_exports);
+var import_stepper_range = __toESM(require("./stepper-range"));

package/dist/cjs/components/stepper-range/stepper-range.d.ts

@@ -0,0 +1,19 @@
+import { SpaceProps, StepperProps } from 'antd-mobile';
+import { BaseStepperProps } from 'antd-mobile/es/components/stepper/stepper';
+import { NativeProps } from 'antd-mobile/es/utils/native-props';
+import { FC } from 'react';
+export type StepperRangeValue = number[];
+type RangeScope = 'start' | 'end';
+type BaseStepperRangeProps<ValueType extends string | number> = Omit<BaseStepperProps<ValueType>, 'value' | 'onChange' | 'defaultValue' | 'allowEmpty' | 'parser' | 'formatter'> & {
+    defaultValue?: StepperRangeValue;
+    value?: StepperRangeValue;
+    onChange?(value: StepperRangeValue): void;
+    parser?: (text: string, scope: RangeScope) => ValueType;
+    formatter?: (value: ValueType | null | undefined, scope: RangeScope) => string;
+} & Pick<SpaceProps, 'block'> & NativeProps<'--gap-horizontal' | '--input-width'> & {
+    seperator?: string;
+    stepperStyle?: StepperProps['style'];
+};
+export type StepperRangeProps = BaseStepperRangeProps<number>;
+declare const StepperRange: FC<StepperRangeProps>;
+export default StepperRange;

package/dist/cjs/components/stepper-range/stepper-range.js

@@ -0,0 +1,103 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/stepper-range/stepper-range.tsx
+var stepper_range_exports = {};
+__export(stepper_range_exports, {
+  default: () => stepper_range_default
+});
+module.exports = __toCommonJS(stepper_range_exports);
+var import_antd_mobile = require("antd-mobile");
+var import_classnames = __toESM(require("classnames"));
+var import_rc_util = require("rc-util");
+var import_bem = require("../../utils/bem");
+var bem = (0, import_bem.cn)("stepper-range");
+var StepperRange = ({
+  //space props
+  block,
+  className,
+  style,
+  // custom props
+  seperator = "~",
+  // stepper props
+  value,
+  onChange,
+  defaultValue,
+  parser,
+  formatter,
+  min,
+  max,
+  stepperStyle,
+  ...stepperProps
+}) => {
+  const [localValue, setLocalValue] = (0, import_rc_util.useMergedState)(
+    defaultValue ?? [min ?? 0, max ?? 0],
+    {
+      value,
+      onChange(val) {
+        if (val) {
+          onChange == null ? void 0 : onChange(val);
+        }
+      },
+      postState(value2) {
+        return value2.sort((a, b) => a - b);
+      }
+    }
+  );
+  const createStepperProps = (scope) => {
+    const p = scope === "start" ? { min, max: localValue[1] ?? max, value: localValue[0] } : { min: localValue[0] ?? min, max, value: localValue[1] };
+    return {
+      ...stepperProps,
+      style: stepperStyle,
+      ...p,
+      parser: parser ? (text) => parser(text, scope) : void 0,
+      formatter: formatter ? (val) => formatter(val, scope) : void 0,
+      onChange(val) {
+        setLocalValue((prev) => {
+          const nextValue = [...prev];
+          nextValue[scope === "start" ? 0 : 1] = val;
+          return nextValue;
+        });
+      }
+    };
+  };
+  return /* @__PURE__ */ React.createElement(
+    import_antd_mobile.Space,
+    {
+      block,
+      justify: "between",
+      align: "center",
+      style: { "--gap-horizontal": "14px", ...style },
+      className: (0, import_classnames.default)(bem(), className)
+    },
+    /* @__PURE__ */ React.createElement(import_antd_mobile.Stepper, { ...createStepperProps("start") }),
+    /* @__PURE__ */ React.createElement("span", { className: bem("seperator") }, seperator),
+    /* @__PURE__ */ React.createElement(import_antd_mobile.Stepper, { ...createStepperProps("end") })
+  );
+};
+var stepper_range_default = StepperRange;

package/dist/cjs/components/styles/global.less

@@ -0,0 +1,3 @@
+html[data-prefers-color-scheme='dark'] {
+  --suid-tabbar-background-color: var(--adm-color-background);
+}

package/dist/cjs/components/styles/variable.less

@@ -0,0 +1,2 @@
+@suid-prefix: ~'suid';
+@dark-selector: ~'[data-prefers-color-scheme="dark"]';

package/dist/cjs/components/tabbar-layout/context.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { TabBarItemProps } from 'antd-mobile';
+export interface TabBarLayoutItemProps<K extends string = string> extends TabBarItemProps {
+    key: K;
+}
+export interface TabBarLayoutContextType {
+    tabs: TabBarLayoutItemProps[];
+    update(tabItem: Omit<TabBarItemProps, 'key'>, index: number): void;
+}
+export declare const TabBarLayoutContext: import("react").Context<TabBarLayoutContextType>;

package/dist/cjs/components/tabbar-layout/context.js

@@ -0,0 +1,35 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/tabbar-layout/context.tsx
+var context_exports = {};
+__export(context_exports, {
+  TabBarLayoutContext: () => TabBarLayoutContext
+});
+module.exports = __toCommonJS(context_exports);
+var import_react = require("react");
+var TabBarLayoutContext = (0, import_react.createContext)({
+  tabs: [],
+  update: function() {
+    throw new Error("Function not implemented.");
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TabBarLayoutContext
+});

package/dist/cjs/components/tabbar-layout/index.d.ts

@@ -0,0 +1,5 @@
+import './style.less';
+import TabBarLayout from './tabbar-layout';
+export { type TabBarLayoutProps } from './tabbar-layout';
+export { type TabBarLayoutContextType, type TabBarLayoutItemProps, } from './context';
+export default TabBarLayout;

package/dist/cjs/components/tabbar-layout/index.js

@@ -0,0 +1,39 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/tabbar-layout/index.ts
+var tabbar_layout_exports = {};
+__export(tabbar_layout_exports, {
+  default: () => tabbar_layout_default
+});
+module.exports = __toCommonJS(tabbar_layout_exports);
+var import_style = require("./style.less");
+var import_tabbar_layout = __toESM(require("./tabbar-layout"));
+var import_tabbar_layout2 = require("./tabbar-layout");
+var import_context = require("./context");
+var tabbar_layout_default = import_tabbar_layout.default;

package/dist/cjs/components/tabbar-layout/style.less

@@ -0,0 +1,21 @@
+@class-prefix-tabbar-layout: ~'suid-tabbar-layout';
+
+.@{class-prefix-tabbar-layout} {
+  padding-bottom: 50px;
+
+  &__tabbar {
+    position: fixed;
+    bottom: 0;
+    z-index: 99;
+    left: 0;
+    width: 100vw;
+    border-top: 1px solid var(--adm-color-border);
+    background-color: var(--tabbar-background-color);
+    .adm-tab-bar-item-active {
+      color: var(--active-color);
+    }
+  }
+
+  --tabbar-background-color: var(--suid-tabbar-background-color, #ffffff);
+  --active-color: var(--suid-tabbar-active-color, var(--adm-color-primary));
+}

package/dist/cjs/components/tabbar-layout/tabbar-layout.d.ts

@@ -0,0 +1,17 @@
+import { TabBarProps } from 'antd-mobile';
+import { NativeProps } from 'antd-mobile/es/utils/native-props';
+import { ReactNode } from 'react';
+import { TabBarLayoutItemProps } from './context';
+export interface TabBarLayoutProps<K extends string = string> extends NativeProps<'--tabbar-background-color' | '--active-color'> {
+    tabs: TabBarLayoutItemProps<K>[];
+    activeKey?: K;
+    defaultActiveKey?: K;
+    onChange?: (key: K) => void;
+    children?: ReactNode | ((activeKey: K, activeItem: TabBarLayoutItemProps<K>) => ReactNode);
+    tabbar?: TabBarProps;
+}
+declare function TabBarLayout<K extends string = string>({ tabs, children, activeKey: activeKeyProp, onChange, defaultActiveKey, tabbar, className, ...props }: TabBarLayoutProps<K>): JSX.Element;
+declare namespace TabBarLayout {
+    var useTabBar: () => import("./context").TabBarLayoutContextType;
+}
+export default TabBarLayout;

package/dist/cjs/components/tabbar-layout/tabbar-layout.js

@@ -0,0 +1,101 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/tabbar-layout/tabbar-layout.tsx
+var tabbar_layout_exports = {};
+__export(tabbar_layout_exports, {
+  default: () => tabbar_layout_default
+});
+module.exports = __toCommonJS(tabbar_layout_exports);
+var import_antd_mobile = require("antd-mobile");
+var import_classnames = __toESM(require("classnames"));
+var import_rc_util = require("rc-util");
+var import_react = require("react");
+var import_bem = require("../../utils/bem");
+var import_context = require("./context");
+var bem = (0, import_bem.cn)("tabbar-layout");
+function TabBarLayout({
+  tabs,
+  children,
+  activeKey: activeKeyProp,
+  onChange,
+  defaultActiveKey,
+  tabbar,
+  className,
+  ...props
+}) {
+  const [activeKey, setActiveKey] = (0, import_rc_util.useMergedState)(
+    defaultActiveKey ?? tabs[0].key,
+    {
+      value: activeKeyProp,
+      onChange
+    }
+  );
+  const [localTabs, setLocalTabs] = (0, import_rc_util.useMergedState)(tabs);
+  const activeItem = (0, import_react.useMemo)(() => {
+    return tabs.find((tab) => tab.key == activeKey);
+  }, [activeKey, tabs]);
+  return /* @__PURE__ */ React.createElement(
+    import_context.TabBarLayoutContext.Provider,
+    {
+      value: {
+        tabs: localTabs,
+        update: (0, import_react.useCallback)(
+          (tabItem, index) => {
+            setLocalTabs((prevVal) => {
+              if (index < 0 || index >= prevVal.length)
+                return prevVal;
+              const nextVal = [...prevVal];
+              const nextItem = { ...prevVal[index], ...tabItem };
+              nextVal.splice(index, 1, nextItem);
+              return nextVal;
+            });
+          },
+          [setLocalTabs]
+        )
+      }
+    },
+    /* @__PURE__ */ React.createElement("div", { className: (0, import_classnames.default)(bem(), className), ...props }, typeof children === "function" ? children(activeKey, activeItem) : children, (tabbar == null ? void 0 : tabbar.safeArea) === false ? null : /* @__PURE__ */ React.createElement(import_antd_mobile.SafeArea, { position: "bottom" }), /* @__PURE__ */ React.createElement(
+      import_antd_mobile.TabBar,
+      {
+        className: bem("tabbar"),
+        activeKey,
+        onChange: (val) => setActiveKey(val),
+        safeArea: true,
+        ...tabbar
+      },
+      localTabs.map(({ key, ...tabProps }) => {
+        return /* @__PURE__ */ React.createElement(import_antd_mobile.TabBar.Item, { key, ...tabProps });
+      })
+    ))
+  );
+}
+TabBarLayout.useTabBar = function useTabBar() {
+  return (0, import_react.useContext)(import_context.TabBarLayoutContext);
+};
+var tabbar_layout_default = TabBarLayout;

package/dist/cjs/components/table/index.d.ts

@@ -0,0 +1,4 @@
+import { Table } from './table';
+import './table.less';
+export type { TableProps } from './table';
+export default Table;