@tendaui/react 1.1.1 → 1.1.2

package/es/ip-input/type.d.ts

@@ -0,0 +1,113 @@
+import { StyledProps } from "../common";
+export interface TdIPInputProps {
+    /**
+     * 受控值，格式为 "192.168.0.1" 或 "2001:db8::1" 或 "192.168.0.1/24"
+     */
+    value?: string;
+    /**
+     * 非受控初始值
+     */
+    defaultValue?: string;
+    /**
+     * 值变化时触发
+     */
+    onChange?: (value: string) => void;
+    /**
+     * 失去焦点时触发
+     */
+    onBlur?: (value: string) => void;
+    /**
+     * 获得焦点时触发
+     */
+    onFocus?: () => void;
+    /**
+     * 是否允许 IPv6
+     * @default false
+     */
+    allowIPv6?: boolean;
+    /**
+     * 是否允许 CIDR 格式（带掩码）
+     * @default false
+     */
+    allowCIDR?: boolean;
+    /**
+     * 占位符
+     */
+    placeholder?: string;
+    /**
+     * 是否禁用
+     */
+    disabled?: boolean;
+    /**
+     * 是否只读
+     * @default false
+     */
+    readOnly?: boolean;
+    /**
+     * 是否显示清空按钮
+     * @default false
+     */
+    showClear?: boolean;
+    /**
+     * 是否自动聚焦第一个输入框
+     * @default false
+     */
+    autoFocus?: boolean;
+    /**
+     * 是否显示分隔符（仅视觉，不可编辑）
+     * @default true
+     */
+    showSegmentSeparators?: boolean;
+    /**
+     * 自定义格式化函数
+     */
+    formatter?: (value: string) => string;
+    /**
+     * 输入框 ID
+     */
+    id?: string;
+    /**
+     * 输入框 name 属性
+     */
+    name?: string;
+    /**
+     * aria-label
+     */
+    ariaLabel?: string;
+    /**
+     * 段输入框的 className
+     */
+    segmentClassName?: string;
+    /**
+     * 段输入框的 style
+     */
+    inputStyle?: React.CSSProperties;
+    /**
+     * 分隔符（默认根据 IPv4/IPv6 自动选择）
+     */
+    separator?: string;
+    /**
+     * 提示文本
+     */
+    tips?: string;
+}
+export interface IPInputProps extends TdIPInputProps, StyledProps {
+}
+export interface IPInputRef {
+    /**
+     * 聚焦第一个输入框
+     */
+    focus: () => void;
+    /**
+     * 失焦
+     */
+    blur: () => void;
+    /**
+     * 清空所有输入
+     */
+    clear: () => void;
+    /**
+     * 获取当前值
+     */
+    getValue: () => string;
+}

package/es/ip-input/utils.d.ts

@@ -0,0 +1,35 @@
+/**
+ * IP 地址验证和解析工具函数
+ */
+/**
+ * 验证 IPv4 地址段（0-255）
+ */
+export declare function isValidIPv4Segment(segment: string, allowLeadingZeros?: boolean): boolean;
+/**
+ * 验证 IPv4 地址
+ */
+export declare function isValidIPv4(ip: string, allowLeadingZeros?: boolean): boolean;
+/**
+ * 验证 CIDR 掩码（IPv4: 0-32, IPv6: 0-128）
+ */
+export declare function isValidCIDRMask(mask: string, isIPv6?: boolean): boolean;
+/**
+ * 验证 IPv6 地址（简化版，使用正则）
+ * 支持压缩表示法 :: 和混合 IPv4/IPv6
+ */
+export declare function isValidIPv6(ip: string): boolean;
+/**
+ * 从文本中提取 IP 地址
+ */
+export declare function extractIPFromText(text: string): {
+    ip: string;
+    cidr?: string;
+} | null;
+/**
+ * 解析 IP 地址为段数组（IPv4）
+ */
+export declare function parseIPv4ToSegments(ip: string): string[];
+/**
+ * 将段数组组合为 IP 地址（IPv4）
+ */
+export declare function segmentsToIPv4(segments: string[]): string;

package/es/layout/Aside.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { TdAsideProps } from "./type";
+import { StyledProps } from "../common";
+export interface AsideProps extends TdAsideProps, StyledProps {
+    /**
+     * 文本内容
+     */
+    children?: React.ReactNode;
+}
+declare const Aside: React.FC<AsideProps>;
+export default Aside;

package/es/layout/Aside.js

@@ -0,0 +1,41 @@
+import { _ as _defineProperty } from '../_chunks/dep-Cwish4GD.js';
+import { _ as _objectWithoutProperties } from '../_chunks/dep-DN7d1SzH.js';
+import React from 'react';
+import classNames from 'classnames';
+import { u as useConfig } from '../_chunks/dep-gy8uvBaS.js';
+import { u as useDefaultProps } from '../_chunks/dep-DGvfel3I.js';
+import '../_chunks/dep-D-UKOauR.js';
+import '../_chunks/dep-5U9UjDaf.js';
+import 'dayjs';
+
+var _excluded = ["width", "className", "style", "children"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Aside = function Aside(props) {
+  var _useDefaultProps = useDefaultProps(props, {
+      width: "232px"
+    }),
+    width = _useDefaultProps.width,
+    className = _useDefaultProps.className,
+    style = _useDefaultProps.style,
+    children = _useDefaultProps.children,
+    otherAsideProps = _objectWithoutProperties(_useDefaultProps, _excluded);
+  var _useConfig = useConfig(),
+    classPrefix = _useConfig.classPrefix;
+  var asideClassNames = classNames("".concat(classPrefix, "-layout__sider"), className);
+  var asideWidth = typeof width === "number" ? "".concat(width, "px") : width;
+  var asideStyle = _objectSpread({
+    width: asideWidth,
+    maxWidth: asideWidth,
+    minWidth: asideWidth,
+    flex: "0 0 ".concat(asideWidth)
+  }, style);
+  return /* @__PURE__ */React.createElement("aside", _objectSpread({
+    className: asideClassNames,
+    style: asideStyle
+  }, otherAsideProps), children);
+};
+Aside.displayName = "Aside";
+
+export { Aside as default };
+//# sourceMappingURL=Aside.js.map

package/es/layout/Aside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Aside.js","sources":["../../../components/layout/Aside.tsx"],"sourcesContent":["import React from \"react\";\nimport classNames from \"classnames\";\nimport useConfig from \"../hooks/useConfig\";\nimport { TdAsideProps } from \"./type\";\nimport { StyledProps } from \"../common\";\nimport useDefaultProps from \"../hooks/useDefaultProps\";\nexport interface AsideProps extends TdAsideProps, StyledProps {\n  /**\n   * 文本内容\n   */\n  children?: React.ReactNode;\n}\n\nconst Aside: React.FC<AsideProps> = (props) => {\n  const { width, className, style, children, ...otherAsideProps } = useDefaultProps(props, { width: \"232px\" });\n\n  const { classPrefix } = useConfig();\n  const asideClassNames = classNames(`${classPrefix}-layout__sider`, className);\n  const asideWidth: string = typeof width === \"number\" ? `${width}px` : width;\n\n  const asideStyle: React.CSSProperties = {\n    width: asideWidth,\n    maxWidth: asideWidth,\n    minWidth: asideWidth,\n    flex: `0 0 ${asideWidth}`,\n    ...style\n  };\n\n  return (\n    <aside className={asideClassNames} style={asideStyle} {...otherAsideProps}>\n      {children}\n    </aside>\n  );\n};\n\nAside.displayName = \"Aside\";\n\nexport default Aside;\n"],"names":["Aside","props","_useDefaultProps","useDefaultProps","width","className","style","children","otherAsideProps","_objectWithoutProperties","_excluded","_useConfig","useConfig","classPrefix","asideClassNames","classNames","concat","asideWidth","asideStyle","_objectSpread","maxWidth","minWidth","flex","React","createElement","displayName"],"mappings":";;;;;;;;;;;;;AAaA,IAAMA,KAAA,GAA8B,SAA9BA,KAAAA,CAA+BC,KAAA,EAAU;AAC7C,EAAA,IAAAC,gBAAA,GAAkEC,eAAA,CAAgBF,KAAA,EAAO;AAAEG,MAAAA,KAAA,EAAO;AAAQ,KAAC,CAAA;IAAnGA,KAAA,GAAAF,gBAAA,CAAAE,KAAA;IAAOC,SAAA,GAAAH,gBAAA,CAAAG,SAAA;IAAWC,KAAA,GAAAJ,gBAAA,CAAAI,KAAA;IAAOC,QAAA,GAAAL,gBAAA,CAAAK,QAAA;AAAaC,IAAAA,eAAA,GAAAC,wBAAA,CAAAP,gBAAA,EAAAQ,SAAA,CAAA;AAE9C,EAAA,IAAAC,UAAA,GAAwBC,SAAA,EAAU;IAA1BC,WAAA,GAAAF,UAAA,CAAAE,WAAA;EACR,IAAMC,eAAA,GAAkBC,UAAA,CAAA,EAAA,CAAAC,MAAA,CAAcH,WAAW,EAAA,gBAAA,CAAA,EAAkBR,SAAS,CAAA;EAC5E,IAAMY,aAAqB,OAAOb,KAAA,KAAU,QAAA,GAAA,EAAA,CAAAY,MAAA,CAAcZ,KAAK,EAAA,IAAA,CAAA,GAAOA,KAAA;EAEtE,IAAMc,UAAA,GAAAC,aAAA,CAAA;AACJf,IAAAA,KAAA,EAAOa,UAAA;AACPG,IAAAA,QAAA,EAAUH,UAAA;AACVI,IAAAA,QAAA,EAAUJ,UAAA;IACVK,IAAA,EAAA,MAAA,CAAAN,MAAA,CAAaC,UAAU;AAAA,GAAA,EACpBX,KAAA,CACL;AAEA,EAAA,sBACEiB,KAAA,CAAAC,aAAA,CAAC;AAAMnB,IAAAA,SAAA,EAAWS,eAAA;AAAiBR,IAAAA,OAAOY;GAAA,EAAgBV,kBACvDD,QACH,CAAA;AAEJ;AAEAP,KAAA,CAAMyB,WAAA,GAAc,OAAA;;;;"}

package/es/layout/Layout.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+import { StyledProps } from "../common";
+import { TdLayoutProps, TdHeaderProps, TdFooterProps } from "./type";
+import Aside from "./Aside";
+export interface LayoutProps extends TdLayoutProps, StyledProps, React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+}
+export interface HeaderProps extends TdHeaderProps, StyledProps, React.HTMLAttributes<HTMLElement> {
+    children?: React.ReactNode;
+}
+export interface ContentProps extends StyledProps, React.HTMLAttributes<HTMLElement> {
+    children?: React.ReactNode;
+}
+export interface FooterProps extends TdFooterProps, StyledProps, React.HTMLAttributes<HTMLElement> {
+    children?: React.ReactNode;
+}
+declare const Header: React.FC<HeaderProps>;
+declare const Footer: React.FC<FooterProps>;
+declare const Content: React.FC<ContentProps>;
+declare const Layout: React.FC<LayoutProps> & {
+    Header: typeof Header;
+    Content: typeof Content;
+    Footer: typeof Footer;
+    Aside: typeof Aside;
+};
+export default Layout;

package/es/layout/Layout.js

@@ -0,0 +1,106 @@
+import { _ as _typeof } from '../_chunks/dep-D-UKOauR.js';
+import { _ as _defineProperty } from '../_chunks/dep-Cwish4GD.js';
+import { _ as _objectWithoutProperties } from '../_chunks/dep-DN7d1SzH.js';
+import React, { useMemo } from 'react';
+import classNames from 'classnames';
+import { u as useConfig } from '../_chunks/dep-gy8uvBaS.js';
+import Aside from './Aside.js';
+import { p as parseTNode } from '../_chunks/dep-D6YxJv-F.js';
+import '../_chunks/dep-5U9UjDaf.js';
+import 'dayjs';
+import '../_chunks/dep-DGvfel3I.js';
+import 'lodash-es';
+
+var _excluded = ["className", "style", "children", "height"],
+  _excluded2 = ["className", "style", "children", "height"],
+  _excluded3 = ["className", "style", "children", "content"],
+  _excluded4 = ["direction", "className", "style", "children"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Header = function Header(props) {
+  var _useConfig = useConfig(),
+    classPrefix = _useConfig.classPrefix;
+  var className = props.className,
+    _props$style = props.style,
+    style = _props$style === void 0 ? {} : _props$style,
+    children = props.children,
+    height = props.height,
+    others = _objectWithoutProperties(props, _excluded);
+  var renderHeight = isNaN(Number(height)) ? height : "".concat(height, "px");
+  var headerClassNames = classNames("".concat(classPrefix, "-layout__header"), className);
+  return /* @__PURE__ */React.createElement("header", _objectSpread({
+    className: headerClassNames,
+    style: _objectSpread({
+      height: renderHeight
+    }, style)
+  }, others), parseTNode(children));
+};
+var Footer = function Footer(props) {
+  var _useConfig2 = useConfig(),
+    classPrefix = _useConfig2.classPrefix;
+  var className = props.className,
+    _props$style2 = props.style,
+    style = _props$style2 === void 0 ? {} : _props$style2,
+    children = props.children,
+    height = props.height,
+    others = _objectWithoutProperties(props, _excluded2);
+  var renderHeight = isNaN(Number(height)) ? height : "".concat(height, "px");
+  var footerClassNames = classNames("".concat(classPrefix, "-layout__footer"), className);
+  return /* @__PURE__ */React.createElement("footer", _objectSpread({
+    className: footerClassNames,
+    style: _objectSpread({
+      height: renderHeight
+    }, style)
+  }, others), parseTNode(children));
+};
+var Content = function Content(props) {
+  var _useConfig3 = useConfig(),
+    classPrefix = _useConfig3.classPrefix;
+  var className = props.className,
+    style = props.style,
+    children = props.children,
+    content = props.content,
+    others = _objectWithoutProperties(props, _excluded3);
+  var contentClassNames = classNames("".concat(classPrefix, "-layout__content"), className);
+  return /* @__PURE__ */React.createElement("main", _objectSpread({
+    className: contentClassNames,
+    style: style
+  }, others), parseTNode(content) || parseTNode(children));
+};
+var Layout = function Layout(props) {
+  var direction = props.direction,
+    className = props.className,
+    style = props.style,
+    children = props.children,
+    otherLayoutProps = _objectWithoutProperties(props, _excluded4);
+  var shouldAsides = useMemo(function () {
+    var asides = [];
+    React.Children.forEach(children, function (child) {
+      if (!child || _typeof(child) !== "object") {
+        return;
+      }
+      if (child.type === Aside) {
+        asides.push(child);
+      }
+    });
+    return !!asides.length;
+  }, [children]);
+  var _useConfig4 = useConfig(),
+    classPrefix = _useConfig4.classPrefix;
+  var layoutClassNames = classNames("".concat(classPrefix, "-layout"), _defineProperty(_defineProperty({}, "".concat(classPrefix, "-layout--with-sider"), shouldAsides), "".concat(classPrefix, "-layout__direction-").concat(direction), direction), className);
+  return /* @__PURE__ */React.createElement("div", _objectSpread({
+    className: layoutClassNames,
+    style: style
+  }, otherLayoutProps), parseTNode(children));
+};
+Layout.Header = Header;
+Layout.Content = Content;
+Layout.Footer = Footer;
+Layout.Aside = Aside;
+Header.displayName = "Header";
+Content.displayName = "Content";
+Footer.displayName = "Footer";
+Layout.displayName = "Layout";
+
+export { Layout as default };
+//# sourceMappingURL=Layout.js.map

package/es/layout/Layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.js","sources":["../../../components/layout/Layout.tsx"],"sourcesContent":["import React from \"react\";\nimport classNames from \"classnames\";\nimport useConfig from \"../hooks/useConfig\";\nimport { StyledProps } from \"../common\";\nimport { TdLayoutProps, TdHeaderProps, TdFooterProps } from \"./type\";\nimport { useMemo } from \"react\";\nimport Aside from \"./Aside\";\nimport parseTNode from \"../utils/parseTNode\";\nexport interface LayoutProps extends TdLayoutProps, StyledProps, React.HTMLAttributes<HTMLDivElement> {\n  children?: React.ReactNode;\n}\nexport interface HeaderProps extends TdHeaderProps, StyledProps, React.HTMLAttributes<HTMLElement> {\n  children?: React.ReactNode;\n}\nexport interface ContentProps extends StyledProps, React.HTMLAttributes<HTMLElement> {\n  children?: React.ReactNode;\n}\nexport interface FooterProps extends TdFooterProps, StyledProps, React.HTMLAttributes<HTMLElement> {\n  children?: React.ReactNode;\n}\n\nconst Header: React.FC<HeaderProps> = (props) => {\n  const { classPrefix } = useConfig();\n  const { className, style = {}, children, height, ...others } = props;\n  const renderHeight = isNaN(Number(height)) ? height : `${height}px`;\n  const headerClassNames = classNames(`${classPrefix}-layout__header`, className);\n  return (\n    <header className={headerClassNames} style={{ height: renderHeight, ...style }} {...others}>\n      {parseTNode(children)}\n    </header>\n  );\n};\n\nconst Footer: React.FC<FooterProps> = (props) => {\n  const { classPrefix } = useConfig();\n  const { className, style = {}, children, height, ...others } = props;\n  const renderHeight = isNaN(Number(height)) ? height : `${height}px`;\n  const footerClassNames = classNames(`${classPrefix}-layout__footer`, className);\n  return (\n    <footer className={footerClassNames} style={{ height: renderHeight, ...style }} {...others}>\n      {parseTNode(children)}\n    </footer>\n  );\n};\nconst Content: React.FC<ContentProps> = (props) => {\n  const { classPrefix } = useConfig();\n  const { className, style, children, content, ...others } = props;\n  const contentClassNames = classNames(`${classPrefix}-layout__content`, className);\n  return (\n    <main className={contentClassNames} style={style} {...others}>\n      {parseTNode(content) || parseTNode(children)}\n    </main>\n  );\n};\n\nconst Layout: React.FC<LayoutProps> & {\n  Header: typeof Header;\n  Content: typeof Content;\n  Footer: typeof Footer;\n  Aside: typeof Aside;\n} = (props) => {\n  const { direction, className, style, children, ...otherLayoutProps } = props;\n\n  const shouldAsides = useMemo(() => {\n    const asides: React.ReactElement[] = [];\n    React.Children.forEach(children, (child: React.ReactElement) => {\n      if (!child || typeof child !== \"object\") {\n        return;\n      }\n      if (child.type === Aside) {\n        asides.push(child);\n      }\n    });\n    return !!asides.length;\n  }, [children]);\n\n  const { classPrefix } = useConfig();\n  const layoutClassNames = classNames(\n    `${classPrefix}-layout`,\n    {\n      [`${classPrefix}-layout--with-sider`]: shouldAsides,\n      [`${classPrefix}-layout__direction-${direction}`]: direction\n    },\n    className\n  );\n\n  return (\n    <div className={layoutClassNames} style={style} {...otherLayoutProps}>\n      {parseTNode(children)}\n    </div>\n  );\n};\n\nLayout.Header = Header;\nLayout.Content = Content;\nLayout.Footer = Footer;\nLayout.Aside = Aside;\n\nHeader.displayName = \"Header\";\nContent.displayName = \"Content\";\nFooter.displayName = \"Footer\";\nLayout.displayName = \"Layout\";\n\nexport default Layout;\n"],"names":["Header","props","_useConfig","useConfig","classPrefix","className","style","_props$style","children","height","others","_objectWithoutProperties","_excluded","renderHeight","isNaN","Number","concat","headerClassNames","classNames","React","createElement","_objectSpread","parseTNode","Footer","_useConfig2","_props$style2","_excluded2","footerClassNames","Content","_useConfig3","content","_excluded3","contentClassNames","Layout","direction","otherLayoutProps","_excluded4","shouldAsides","useMemo","asides","Children","forEach","child","_typeof","type","Aside","push","length","_useConfig4","layoutClassNames","_defineProperty","displayName"],"mappings":"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"}

package/es/layout/defaultProps.d.ts

@@ -0,0 +1,5 @@
+import { TdAsideProps, TdFooterProps, TdHeaderProps, TdLayoutProps } from "./type";
+export declare const asideDefaultProps: TdAsideProps;
+export declare const footerDefaultProps: TdFooterProps;
+export declare const headerDefaultProps: TdHeaderProps;
+export declare const layoutDefaultProps: TdLayoutProps;

package/es/layout/index.d.ts

@@ -0,0 +1,10 @@
+import "./style/index.js";
+export type { LayoutProps } from "./Layout";
+export * from "./type";
+export declare const Layout: import("react").FC<import("./Layout").LayoutProps> & {
+    Header: import("react").FC<import("./Layout").HeaderProps>;
+    Content: import("react").FC<import("./Layout").ContentProps>;
+    Footer: import("react").FC<import("./Layout").FooterProps>;
+    Aside: import("react").FC<import("./Aside").AsideProps>;
+};
+export default Layout;

package/es/layout/index.js

@@ -0,0 +1,19 @@
+import Layout$1 from './Layout.js';
+import './css.js';
+import '../_chunks/dep-D-UKOauR.js';
+import '../_chunks/dep-Cwish4GD.js';
+import '../_chunks/dep-DN7d1SzH.js';
+import 'react';
+import 'classnames';
+import '../_chunks/dep-gy8uvBaS.js';
+import '../_chunks/dep-5U9UjDaf.js';
+import 'dayjs';
+import './Aside.js';
+import '../_chunks/dep-DGvfel3I.js';
+import '../_chunks/dep-D6YxJv-F.js';
+import 'lodash-es';
+
+var Layout = Layout$1;
+
+export { Layout, Layout as default };
+//# sourceMappingURL=index.js.map

package/es/layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../components/layout/index.ts"],"sourcesContent":["import _Layout from \"./Layout\";\n\nimport \"./style/index.js\";\n\nexport type { LayoutProps } from \"./Layout\";\nexport * from \"./type\";\n\nexport const Layout = _Layout;\nexport default Layout;\n"],"names":["Layout","_Layout"],"mappings":";;;;;;;;;;;;;;;AAOO,IAAMA,MAAA,GAASC;;;;"}

package/es/layout/style/index.css

@@ -0,0 +1,56 @@
+.t-layout {
+  font: var(--td-font-body-medium);
+  color: var(--td-text-color-primary);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.t-layout,
+.t-layout__direction-vertical {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  background: var(--td-bg-color-page);
+  -webkit-box-flex: 1;
+      -ms-flex: auto;
+          flex: auto;
+}
+
+.t-layout--with-sider,
+.t-layout__direction-horizontal {
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
+}
+
+.t-layout__header {
+  height: var(--td-comp-size-xxxl);
+  background-color: var(--td-bg-color-container);
+}
+
+.t-layout__content {
+  -webkit-box-flex: 1;
+      -ms-flex: auto;
+          flex: auto;
+}
+
+.t-layout__sider {
+  position: relative;
+  -webkit-transition: all 0.2s;
+  transition: all 0.2s;
+  background: var(--td-bg-color-container);
+  width: 232px;
+}
+
+.t-layout__footer {
+  color: var(--td-text-color-placeholder);
+  padding: 24px;
+}

package/es/layout/style/index.d.ts

@@ -0,0 +1 @@
+export {};

package/es/layout/style/index.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=index.js.map

package/es/layout/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/layout/type.d.ts

@@ -0,0 +1,38 @@
+import { TNode } from "../common";
+export interface TdLayoutProps {
+    /**
+     * 【开发中】布局方向
+     */
+    direction?: "vertical" | "horizontal";
+}
+export interface TdHeaderProps {
+    /**
+     * 顶栏高度。样式表（class）中定义的默认高度为：64px
+     * @default ''
+     */
+    height?: string;
+}
+export interface TdAsideProps {
+    /**
+     * 侧边栏宽度。样式表（class）中定义的默认宽度为：232px
+     * @default ''
+     */
+    width?: string;
+}
+export interface TdContentProps {
+    /**
+     * 内容，同 content
+     */
+    children?: TNode;
+    /**
+     * 内容
+     */
+    content?: TNode;
+}
+export interface TdFooterProps {
+    /**
+     * 底栏高度。样式表（class）中定义的默认高度为：24px
+     * @default ''
+     */
+    height?: string;
+}

package/es/list/List.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import type { StyledProps } from "../common";
+import type { ListInstanceFunctions, TdListProps } from "./type";
+export interface ListProps extends TdListProps, StyledProps {
+    /**
+     * 文本内容
+     */
+    children?: React.ReactNode;
+}
+/**
+ * 列表组件
+ */
+declare const List: React.FunctionComponent<ListProps & React.RefAttributes<ListInstanceFunctions>> & {
+    ListItem: React.ForwardRefExoticComponent<import("./ListItem").ListItemProps & React.RefAttributes<HTMLLIElement>>;
+    ListItemMeta: React.ForwardRefExoticComponent<import("./ListItemMeta").ListItemMetaProps & React.RefAttributes<HTMLDivElement>>;
+};
+export default List;