@nickeylin/antd-mobile-pro 2.0.0

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

@@ -0,0 +1,126 @@
+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/date-picker/date-picker.tsx
+var date_picker_exports = {};
+__export(date_picker_exports, {
+  default: () => date_picker_default
+});
+module.exports = __toCommonJS(date_picker_exports);
+var import_antd_mobile = require("antd-mobile");
+var import_react = require("react");
+var import_config_provider = require("../config-provider");
+var import_helper = require("./helper");
+function useLabelRender() {
+  const { locale } = (0, import_config_provider.useConfig)();
+  return (0, import_react.useCallback)(
+    (type, data) => {
+      const weekdayName = (d) => {
+        switch (d) {
+          case 1:
+            return locale.DatePicker.monday;
+          case 2:
+            return locale.DatePicker.tuesday;
+          case 3:
+            return locale.DatePicker.wednesday;
+          case 4:
+            return locale.DatePicker.thursday;
+          case 5:
+            return locale.DatePicker.friday;
+          case 6:
+            return locale.DatePicker.saturday;
+          case 7:
+            return locale.DatePicker.sunday;
+          default:
+            return d;
+        }
+      };
+      switch (type) {
+        case "year":
+          return data + locale.DatePicker.year;
+        case "month":
+          return data + locale.DatePicker.month;
+        case "day":
+          return data + locale.DatePicker.day;
+        case "hour":
+          return data + locale.DatePicker.hour;
+        case "minute":
+          return data + locale.DatePicker.minute;
+        case "second":
+          return data + locale.DatePicker.second;
+        case "week":
+          return data + locale.DatePicker.week;
+        case "week-day":
+          return weekdayName(data);
+        case "now":
+          return locale.DatePicker.tillNow;
+        default:
+          return data;
+      }
+    },
+    [locale]
+  );
+}
+var DatePicker = (0, import_react.forwardRef)(
+  (p, ref) => {
+    const {
+      renderLabel,
+      precision,
+      value,
+      defaultValue,
+      onConfirm,
+      children,
+      tillNow: tillNowProp,
+      ...props
+    } = p;
+    const { locale } = (0, import_config_provider.useConfig)();
+    const defaultTillNowFomat = locale.DatePicker.tillNow;
+    const defaultRenderLabel = useLabelRender();
+    const tillNowFomat = (0, import_react.useMemo)(() => {
+      if (typeof tillNowProp === "boolean") {
+        return defaultTillNowFomat;
+      }
+      return (tillNowProp == null ? void 0 : tillNowProp.format) ?? defaultTillNowFomat;
+    }, [defaultTillNowFomat, tillNowProp]);
+    return /* @__PURE__ */ React.createElement(
+      import_antd_mobile.DatePicker,
+      {
+        renderLabel: renderLabel ?? defaultRenderLabel,
+        precision,
+        defaultValue: defaultValue ? (0, import_helper.toDate)(defaultValue, p).toDate() : void 0,
+        value: value ? (0, import_helper.toDate)(value, p).toDate() : void 0,
+        onConfirm: (val) => {
+          onConfirm == null ? void 0 : onConfirm((0, import_helper.formatDate)(val, { ...p, scope: "value" }), val);
+        },
+        tillNow: !!tillNowProp,
+        ...props,
+        ref
+      },
+      (date, actions) => {
+        if (date == null ? void 0 : date.tillNow) {
+          return tillNowFomat;
+        }
+        const val = date ? (0, import_helper.formatDate)(date, { ...p, scope: "value" }) : null;
+        const label = date ? (0, import_helper.formatDate)(date, { ...p, scope: "label" }) : null;
+        return children == null ? void 0 : children(val, date, actions, label);
+      }
+    );
+  }
+);
+DatePicker.displayName = "DatePicker";
+var date_picker_default = DatePicker;

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

@@ -0,0 +1,11 @@
+import { NativeProps } from 'antd-mobile/es/utils/native-props';
+import { FC } from 'react';
+import { DatePickerProps } from './date-picker';
+export type DateRangePickerProps = Omit<DatePickerProps, 'value' | 'onConfirm' | 'children' | 'onChange' | 'defaultValue' | 'tillNow'> & NativeProps<'--placeholder-color' | '--active-background-color' | '--triger-padding'> & {
+    value?: string[];
+    onChange?(value: string[]): void;
+    placeholder?: [string | undefined, string | undefined];
+    readonly?: boolean;
+};
+declare const ProDateRangePicker: FC<DateRangePickerProps>;
+export default ProDateRangePicker;

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

@@ -0,0 +1,162 @@
+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/date-picker/date-range-picker.tsx
+var date_range_picker_exports = {};
+__export(date_range_picker_exports, {
+  default: () => date_range_picker_default
+});
+module.exports = __toCommonJS(date_range_picker_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_date_picker = __toESM(require("./date-picker"));
+var import_helper = require("./helper");
+var bem = (0, import_bem.cn)("pro-date-range-picker");
+function getPlaceholderSufix(precision) {
+  switch (precision ?? "day") {
+    case "year":
+      return "年份";
+    case "month":
+      return "月份";
+    case "hour":
+    case "minute":
+    case "second":
+      return "时间";
+    case "day":
+    case "week":
+    case "week-day":
+    default:
+      return "日期";
+  }
+}
+var ProDateRangePicker = ({
+  min,
+  max,
+  value: valueProp,
+  onChange,
+  className,
+  style,
+  placeholder,
+  readonly,
+  ...props
+}) => {
+  const [value, setValue] = (0, import_rc_util.useMergedState)([], {
+    value: valueProp,
+    onChange
+  });
+  const [startValue, endValue] = value;
+  const startDate = (0, import_react.useMemo)(() => {
+    if (!startValue)
+      return null;
+    const startDate2 = (0, import_helper.toDate)(startValue, {
+      precision: props.precision,
+      format: props.format
+    });
+    return startDate2.isValid() ? startDate2 : null;
+  }, [props.format, props.precision, startValue]);
+  const endDate = (0, import_react.useMemo)(() => {
+    if (!endValue)
+      return null;
+    const endDate2 = (0, import_helper.toDate)(endValue, {
+      precision: props.precision,
+      format: props.format
+    });
+    return endDate2.isValid() ? endDate2 : null;
+  }, [endValue, props.format, props.precision]);
+  const [startPlaceholder, endPlaceholder] = (0, import_react.useMemo)(() => {
+    const [placeholder1, placeholder2] = placeholder ?? [];
+    return [
+      placeholder1 || "开始" + getPlaceholderSufix(props.precision ?? "day"),
+      placeholder2 || "结束" + getPlaceholderSufix(props.precision ?? "day")
+    ];
+  }, [JSON.stringify(placeholder), props.precision]);
+  return readonly ? /* @__PURE__ */ React.createElement("span", null, value.join(" ~ ") || "-") : /* @__PURE__ */ React.createElement(
+    import_antd_mobile.Space,
+    {
+      block: true,
+      justify: "between",
+      align: "center",
+      style: { "--gap-horizontal": "0", ...style },
+      className: (0, import_classnames.default)(bem(), className)
+    },
+    /* @__PURE__ */ React.createElement(
+      import_date_picker.default,
+      {
+        tillNow: false,
+        ...props,
+        min,
+        max: (endDate == null ? void 0 : endDate.toDate()) ?? max,
+        value: startValue,
+        onConfirm: (val, _date) => {
+          setValue([val, endValue]);
+        }
+      },
+      (val, _, actions) => {
+        return /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            onClick: () => actions.open(),
+            className: (0, import_classnames.default)(
+              bem("trigger", { placeholder: !val, start: true })
+            )
+          },
+          val || startPlaceholder
+        );
+      }
+    ),
+    /* @__PURE__ */ React.createElement("span", null, "~"),
+    /* @__PURE__ */ React.createElement(
+      import_date_picker.default,
+      {
+        ...props,
+        min: (startDate == null ? void 0 : startDate.toDate()) ?? min,
+        max,
+        value: endValue,
+        onConfirm: (val, _date) => {
+          setValue([startValue, val]);
+        }
+      },
+      (val, _, actions) => {
+        return /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            onClick: () => actions.open(),
+            className: (0, import_classnames.default)(
+              bem("trigger", { placeholder: !val, end: true })
+            )
+          },
+          val || endPlaceholder
+        );
+      }
+    )
+  );
+};
+var date_range_picker_default = ProDateRangePicker;

package/dist/cjs/components/date-picker/helper.d.ts

@@ -0,0 +1,6 @@
+import { Dayjs } from 'dayjs';
+import { DatePickerProps } from './date-picker';
+export declare function formatDate(date: Date, { format, precision, scope, }: Pick<DatePickerProps, 'precision' | 'format'> & {
+    scope: 'label' | 'value';
+}): string;
+export declare function toDate(dateStr: string, { format, precision }: Pick<DatePickerProps, 'precision' | 'format'>): Dayjs;

package/dist/cjs/components/date-picker/helper.js

@@ -0,0 +1,75 @@
+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/date-picker/helper.ts
+var helper_exports = {};
+__export(helper_exports, {
+  formatDate: () => formatDate,
+  toDate: () => toDate
+});
+module.exports = __toCommonJS(helper_exports);
+var import_dayjs = __toESM(require("dayjs"));
+var import_customParseFormat = __toESM(require("dayjs/plugin/customParseFormat"));
+import_dayjs.default.extend(import_customParseFormat.default);
+var defaultFormatMap = {
+  year: "YYYY",
+  month: "YYYY-MM",
+  day: "YYYY-MM-DD",
+  hour: "YYYY-MM-DD HH",
+  minute: "YYYY-MM-DD HH:mm",
+  second: "YYYY-MM-DD HH:mm:ss"
+};
+function formatDate(date, {
+  format,
+  precision,
+  scope
+}) {
+  let f;
+  if (scope === "label") {
+    f = format ?? defaultFormatMap[precision ?? "day"] ?? defaultFormatMap.day;
+  } else {
+    if (format) {
+      f = format;
+    } else if (precision === "second" || precision === "minute" || precision === "hour") {
+      f = defaultFormatMap.second;
+    } else {
+      f = defaultFormatMap[precision ?? "day"] ?? defaultFormatMap.day;
+    }
+  }
+  return (0, import_dayjs.default)(date).format(f);
+}
+function toDate(dateStr, { format, precision }) {
+  const f = (format || defaultFormatMap[precision ?? "day"]) ?? defaultFormatMap.day;
+  const result = dateStr.length !== f.length ? (0, import_dayjs.default)(dateStr) : (0, import_dayjs.default)(dateStr, f);
+  return result;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  formatDate,
+  toDate
+});

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import './style.less';
+export { type DatePickerProps, type RenderLabel as DatePickerRenderLabel, type DatePrecision, type PickerDate, } from './date-picker';
+export { type DateRangePickerProps } from './date-range-picker';
+declare const DatePicker: import("react").ForwardRefExoticComponent<import("./date-picker").DatePickerProps & import("react").RefAttributes<import("antd-mobile/es/components/picker").PickerActions | null>> & {
+    Range: import("react").FC<import("./date-range-picker").DateRangePickerProps>;
+};
+export default DatePicker;

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

@@ -0,0 +1,43 @@
+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/date-picker/index.ts
+var date_picker_exports = {};
+__export(date_picker_exports, {
+  default: () => date_picker_default
+});
+module.exports = __toCommonJS(date_picker_exports);
+var import_date_picker = __toESM(require("./date-picker"));
+var import_date_range_picker = __toESM(require("./date-range-picker"));
+var import_style = require("./style.less");
+var import_date_picker2 = require("./date-picker");
+var import_date_range_picker2 = require("./date-range-picker");
+var DatePicker = Object.assign(import_date_picker.default, {
+  Range: import_date_range_picker.default
+});
+var date_picker_default = DatePicker;

package/dist/cjs/components/date-picker/style.less

@@ -0,0 +1,24 @@
+@class-prefix-range-picker: ~'suid-pro-date-range-picker';
+
+.@{class-prefix-range-picker} {
+  --placeholder-color: var(--adm-color-light);
+  --active-background-color: var(--adm-color-border);
+  --triger-padding: 10px 12px;
+
+  &__trigger {
+    padding: var(--triger-padding);
+    min-width: 100px;
+    box-sizing: border-box;
+
+    &--placeholder {
+      color: var(--placeholder-color);
+    }
+    &:active {
+      background-color: var(--active-background-color);
+    }
+
+    &--end {
+      text-align: right;
+    }
+  }
+}

package/dist/cjs/components/descriptions/descriptions.d.ts

@@ -0,0 +1,17 @@
+import { NativeProps } from 'antd-mobile/es/utils/native-props';
+import { FC, ReactNode } from 'react';
+export interface DescriptionItem {
+    label: ReactNode;
+    content: ReactNode;
+    tips?: ReactNode;
+    span?: number;
+}
+export interface DescriptionsProps extends NativeProps<'--label-color' | ' --label-background-color' | '--label-width'> {
+    items: DescriptionItem[];
+    columns?: number;
+    labelWidth?: string | number;
+    colon?: boolean;
+    border?: boolean;
+}
+declare const Descriptions: FC<DescriptionsProps>;
+export default Descriptions;

package/dist/cjs/components/descriptions/descriptions.js

@@ -0,0 +1,83 @@
+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/descriptions/descriptions.tsx
+var descriptions_exports = {};
+__export(descriptions_exports, {
+  default: () => descriptions_default
+});
+module.exports = __toCommonJS(descriptions_exports);
+var import_icons = require("@ant-design/icons");
+var import_antd_mobile = require("antd-mobile");
+var import_classnames = __toESM(require("classnames"));
+var import_react = __toESM(require("react"));
+var import_bem = require("../../utils/bem");
+var bem = (0, import_bem.cn)("descriptions");
+var Descriptions = ({
+  items,
+  columns = 1,
+  labelWidth,
+  colon = false,
+  border = false,
+  className,
+  style
+}) => {
+  const groupedItems = (0, import_react.useMemo)(() => {
+    return items.reduce((prev, item) => {
+      if (prev.length === 0 || prev[prev.length - 1].length === columns) {
+        prev.push([item]);
+      } else {
+        prev[prev.length - 1].push(item);
+      }
+      return prev;
+    }, []);
+  }, [columns, items]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    "table",
+    {
+      className: (0, import_classnames.default)(bem({ colon, border }), className),
+      style: { "--label-width": labelWidth, ...style }
+    },
+    /* @__PURE__ */ import_react.default.createElement("tbody", null, groupedItems.map((g, gIndex) => {
+      return /* @__PURE__ */ import_react.default.createElement("tr", { key: gIndex, className: bem("row") }, g.map((gg, ggIndex) => {
+        const ggKey = `${gIndex}.${ggIndex}`;
+        const span = gg.span ?? 0;
+        const contentSpan = span > 1 ? 1 + 2 * span : 0;
+        return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, { key: ggKey }, /* @__PURE__ */ import_react.default.createElement("td", { className: bem("item-label") }, gg.label, gg.tips && /* @__PURE__ */ import_react.default.createElement(import_antd_mobile.Popover, { content: gg.tips, trigger: "click", mode: "dark" }, /* @__PURE__ */ import_react.default.createElement(import_icons.InfoCircleOutlined, { className: bem("item-tip") }))), /* @__PURE__ */ import_react.default.createElement(
+          "td",
+          {
+            className: bem("item-content"),
+            ...contentSpan > 1 ? { colSpan: contentSpan } : {}
+          },
+          gg.content
+        ));
+      }));
+    }))
+  );
+};
+var descriptions_default = Descriptions;

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

@@ -0,0 +1,4 @@
+import Descriptions from './descriptions';
+import './style.less';
+export default Descriptions;
+export { type DescriptionItem, type DescriptionsProps } from './descriptions';

package/dist/cjs/components/descriptions/index.js

@@ -0,0 +1,38 @@
+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/descriptions/index.ts
+var descriptions_exports = {};
+__export(descriptions_exports, {
+  default: () => descriptions_default
+});
+module.exports = __toCommonJS(descriptions_exports);
+var import_descriptions = __toESM(require("./descriptions"));
+var import_style = require("./style.less");
+var import_descriptions2 = require("./descriptions");
+var descriptions_default = import_descriptions.default;

package/dist/cjs/components/descriptions/style.less

@@ -0,0 +1,49 @@
+@class-prefix-descriptions: ~'suid-descriptions';
+
+.@{class-prefix-descriptions} {
+  width: 100%;
+  border-collapse: collapse;
+
+  &__item-label,
+  &__item-content {
+    padding-left: 0;
+    padding-right: 0;
+    vertical-align: top;
+  }
+
+  &__item-label {
+    padding-right: 0.6em;
+    color: var(--label-color);
+    width: var(--label-width);
+  }
+  &__item-tip {
+    margin-left: 2px;
+  }
+
+  &--colon &__item-label::after {
+    content: ':';
+    margin-left: 2px;
+  }
+
+  &--border {
+    .@{class-prefix-descriptions}__item-label,
+    .@{class-prefix-descriptions}__item-content {
+      border: 1px solid var(--adm-color-border);
+      padding: 5px;
+    }
+    .@{class-prefix-descriptions}__item-label {
+      background-color: var(--label-background-color);
+    }
+  }
+}
+
+.@{class-prefix-descriptions} {
+  --label-color: var(
+    --suid-descriptions-label-color,
+    var(--adm-color-text-secondary)
+  );
+  --label-background-color: var(
+    --suid-descriptions-label-background-color,
+    var(--adm-color-box)
+  );
+}