@tendaui/components 1.3.0 → 1.3.1

package/list/ListItemMeta.tsx

@@ -1,40 +1,40 @@
-import React, { forwardRef } from "react";
-import classNames from "classnames";
-import useConfig from "../hooks/useConfig";
-import { TdListItemMetaProps } from "./type";
-import { StyledProps } from "../common";
-
-export interface ListItemMetaProps extends TdListItemMetaProps, StyledProps {}
-/**
- * 列表组件
- */
-const ListItemMeta = forwardRef<HTMLDivElement, ListItemMetaProps>((props, ref) => {
-  const { title, image, description, className, style } = props;
-  const { classPrefix } = useConfig();
-
-  const renderAvatar = () => {
-    if (image && typeof image === "string") {
-      return (
-        <div className={`${classPrefix}-list-item__meta-avatar`}>
-          <img src={image} alt="" />
-        </div>
-      );
-    }
-    return <div className={`${classPrefix}-list-item__meta-avatar`}>{image}</div>;
-  };
-  return (
-    <div ref={ref} className={classNames(`${classPrefix}-list-item__meta`, className)} style={style}>
-      {image && renderAvatar()}
-      <div className={`${classPrefix}-list-item__meta-content`}>
-        <h3 className={`${classPrefix}-list-item__meta-title`}>{title}</h3>
-        <div className={`${classPrefix}-list-item__meta-description`}>
-          {typeof description === "string" ? <p>{description}</p> : description}
-        </div>
-      </div>
-    </div>
-  );
-});
-
-ListItemMeta.displayName = "ListItemMeta";
-
-export default ListItemMeta;
+import React, { forwardRef } from "react";
+import classNames from "classnames";
+import useConfig from "../hooks/useConfig";
+import { TdListItemMetaProps } from "./type";
+import { StyledProps } from "../common";
+
+export interface ListItemMetaProps extends TdListItemMetaProps, StyledProps {}
+/**
+ * 列表组件
+ */
+const ListItemMeta = forwardRef<HTMLDivElement, ListItemMetaProps>((props, ref) => {
+  const { title, image, description, className, style } = props;
+  const { classPrefix } = useConfig();
+
+  const renderAvatar = () => {
+    if (image && typeof image === "string") {
+      return (
+        <div className={`${classPrefix}-list-item__meta-avatar`}>
+          <img src={image} alt="" />
+        </div>
+      );
+    }
+    return <div className={`${classPrefix}-list-item__meta-avatar`}>{image}</div>;
+  };
+  return (
+    <div ref={ref} className={classNames(`${classPrefix}-list-item__meta`, className)} style={style}>
+      {image && renderAvatar()}
+      <div className={`${classPrefix}-list-item__meta-content`}>
+        <h3 className={`${classPrefix}-list-item__meta-title`}>{title}</h3>
+        <div className={`${classPrefix}-list-item__meta-description`}>
+          {typeof description === "string" ? <p>{description}</p> : description}
+        </div>
+      </div>
+    </div>
+  );
+});
+
+ListItemMeta.displayName = "ListItemMeta";
+
+export default ListItemMeta;

package/list/defaultProps.ts

@@ -1,11 +1,11 @@
-/**
- * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
- * */
-
-import { TdListProps, TdListItemProps, TdListItemMetaProps } from "./type";
-
-export const listDefaultProps: TdListProps = { layout: "horizontal", size: "medium", split: false, stripe: false };
-
-export const listItemDefaultProps: TdListItemProps = {};
-
-export const listItemMetaDefaultProps: TdListItemMetaProps = {};
+/**
+ * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
+ * */
+
+import { TdListProps, TdListItemProps, TdListItemMetaProps } from "./type";
+
+export const listDefaultProps: TdListProps = { layout: "horizontal", size: "medium", split: false, stripe: false };
+
+export const listItemDefaultProps: TdListItemProps = {};
+
+export const listItemMetaDefaultProps: TdListItemMetaProps = {};

package/list/hooks/useListVirtualScroll.ts

@@ -1,82 +1,82 @@
-import React, { useMemo } from "react";
-// import log from "@tdesign/common-js/log/index";
-import useVirtualScroll from "../../hooks/useVirtualScroll";
-import { TdListProps } from "../type";
-import { Styles, type ScrollToElementParams } from "../../common";
-const log = console.log;
-export const useListVirtualScroll = (
-  scroll: TdListProps["scroll"],
-  listRef: React.MutableRefObject<HTMLElement>,
-  listItems: any[]
-) => {
-  const virtualScrollParams = useMemo(
-    () => ({
-      data: listItems,
-      scroll
-    }),
-    [listItems, scroll]
-  );
-  const virtualConfig = useVirtualScroll(listRef, virtualScrollParams);
-  const { isVirtualScroll } = virtualConfig;
-  let lastScrollY = -1;
-
-  const onInnerVirtualScroll = (e: WheelEvent) => {
-    const target = (e.target || e.srcElement) as HTMLElement;
-    const top = target.scrollTop;
-    if (lastScrollY !== top) {
-      virtualConfig.isVirtualScroll && virtualConfig.handleScroll();
-    } else {
-      lastScrollY = -1;
-    }
-    lastScrollY = top;
-  };
-
-  const cursorStyle = useMemo(
-    () =>
-      ({
-        position: "absolute",
-        width: "1px",
-        height: "1px",
-        transition: "transform 0.2s",
-        transform: `translate(0, ${virtualConfig.scrollHeight}px)`,
-        msTransform: `translate(0, ${virtualConfig.scrollHeight}px)`,
-        MozTransform: `translate(0, ${virtualConfig.scrollHeight}px)`,
-        WebkitTransform: `translate(0, ${virtualConfig.scrollHeight}px)`
-      }) as Styles,
-    [virtualConfig.scrollHeight]
-  );
-
-  const listStyle = useMemo(
-    () =>
-      ({
-        transform: `translate(0, ${virtualConfig.translateY}px)`,
-        msTransform: `translate(0, ${virtualConfig.translateY}px)`,
-        MozTransform: `translate(0, ${virtualConfig.translateY}px)`,
-        WebkitTransform: `translate(0, ${virtualConfig.translateY}px)`
-      }) as Styles,
-    [virtualConfig.translateY]
-  );
-
-  const handleScrollTo = (params: ScrollToElementParams) => {
-    const { index, key } = params;
-    const targetIndex = index === 0 ? index : index ?? Number(key);
-    if (!targetIndex && targetIndex !== 0) {
-      console.error("List", "scrollTo: `index` or `key` must exist.");
-      return;
-    }
-    if (targetIndex < 0 || targetIndex >= listItems.length) {
-      console.error("List", `${targetIndex} does not exist in data, check \`index\` or \`key\` please.`);
-      return;
-    }
-    virtualConfig.scrollToElement({ ...params, index: targetIndex - 1 });
-  };
-
-  return {
-    virtualConfig,
-    cursorStyle,
-    listStyle,
-    isVirtualScroll,
-    onInnerVirtualScroll,
-    scrollToElement: handleScrollTo
-  };
-};
+import React, { useMemo } from "react";
+// import log from "@tdesign/common-js/log/index";
+import useVirtualScroll from "../../hooks/useVirtualScroll";
+import { TdListProps } from "../type";
+import { Styles, type ScrollToElementParams } from "../../common";
+const log = console.log;
+export const useListVirtualScroll = (
+  scroll: TdListProps["scroll"],
+  listRef: React.MutableRefObject<HTMLElement>,
+  listItems: any[]
+) => {
+  const virtualScrollParams = useMemo(
+    () => ({
+      data: listItems,
+      scroll
+    }),
+    [listItems, scroll]
+  );
+  const virtualConfig = useVirtualScroll(listRef, virtualScrollParams);
+  const { isVirtualScroll } = virtualConfig;
+  let lastScrollY = -1;
+
+  const onInnerVirtualScroll = (e: WheelEvent) => {
+    const target = (e.target || e.srcElement) as HTMLElement;
+    const top = target.scrollTop;
+    if (lastScrollY !== top) {
+      virtualConfig.isVirtualScroll && virtualConfig.handleScroll();
+    } else {
+      lastScrollY = -1;
+    }
+    lastScrollY = top;
+  };
+
+  const cursorStyle = useMemo(
+    () =>
+      ({
+        position: "absolute",
+        width: "1px",
+        height: "1px",
+        transition: "transform 0.2s",
+        transform: `translate(0, ${virtualConfig.scrollHeight}px)`,
+        msTransform: `translate(0, ${virtualConfig.scrollHeight}px)`,
+        MozTransform: `translate(0, ${virtualConfig.scrollHeight}px)`,
+        WebkitTransform: `translate(0, ${virtualConfig.scrollHeight}px)`
+      }) as Styles,
+    [virtualConfig.scrollHeight]
+  );
+
+  const listStyle = useMemo(
+    () =>
+      ({
+        transform: `translate(0, ${virtualConfig.translateY}px)`,
+        msTransform: `translate(0, ${virtualConfig.translateY}px)`,
+        MozTransform: `translate(0, ${virtualConfig.translateY}px)`,
+        WebkitTransform: `translate(0, ${virtualConfig.translateY}px)`
+      }) as Styles,
+    [virtualConfig.translateY]
+  );
+
+  const handleScrollTo = (params: ScrollToElementParams) => {
+    const { index, key } = params;
+    const targetIndex = index === 0 ? index : index ?? Number(key);
+    if (!targetIndex && targetIndex !== 0) {
+      console.error("List", "scrollTo: `index` or `key` must exist.");
+      return;
+    }
+    if (targetIndex < 0 || targetIndex >= listItems.length) {
+      console.error("List", `${targetIndex} does not exist in data, check \`index\` or \`key\` please.`);
+      return;
+    }
+    virtualConfig.scrollToElement({ ...params, index: targetIndex - 1 });
+  };
+
+  return {
+    virtualConfig,
+    cursorStyle,
+    listStyle,
+    isVirtualScroll,
+    onInnerVirtualScroll,
+    scrollToElement: handleScrollTo
+  };
+};

package/list/style/css.js

@@ -1 +1 @@
-import "./index.css";
+import "./index.css";

package/list/style/index.js

@@ -1 +1 @@
-import "../../styles/components/list/_index.scss";
+import "../../styles/components/list/_index.scss";

package/locale/LocalReceiver.ts

@@ -1,55 +1,55 @@
-import React from "react";
-import { t as commonT } from "../global-config/t";
-import { ConfigContext, Locale } from "../config-provider";
-
-export interface Placement {
-  [propName: string]: string | number;
-}
-
-export type TransformPattern = string | Function | Array<string>;
-
-export function useLocaleReceiver<T extends keyof Locale>(componentName: T, defaultLocale?: Locale[T] | Function) {
-  const { globalConfig } = React.useContext(ConfigContext);
-
-  function transformLocale(pattern: TransformPattern, placement?: Placement): string;
-  function transformLocale(pattern: TransformPattern, placement?: number, data?: Placement): string;
-  function transformLocale(pattern: TransformPattern, ...args: any[]): string | Array<string> {
-    const REGEXP = /\{\s*([\w-]+)\s*\}/g;
-    const placement = args[0];
-
-    if (Array.isArray(pattern)) {
-      return pattern.map((p, index) => {
-        const translated = p.replace(REGEXP, (_: string, key: string) => {
-          if (placement) return String(placement[index][key]);
-          return "";
-        });
-        return translated;
-      });
-    }
-    if (typeof pattern === "function") {
-      return pattern(placement);
-    }
-
-    // use commonT for plural
-    const data = args[1];
-    if (data) {
-      return commonT(pattern, placement, data);
-    }
-    return commonT(pattern, placement);
-  }
-
-  /** @TypeA => 确保此参数是属于 globalConfig[componentName] 下的子属性 */
-  const componentLocale = React.useMemo<Locale[T] | Function>(() => {
-    const locale = defaultLocale || {};
-    const connectLocaleByName = globalConfig[componentName];
-
-    const localeFromContext = componentName && globalConfig ? connectLocaleByName : {};
-
-    return {
-      ...(typeof locale === "function" ? (locale as Function)() : locale),
-      ...(localeFromContext || {})
-    };
-  }, [componentName, defaultLocale, globalConfig]);
-
-  return [componentLocale, transformLocale] as [Locale[T], Function];
-}
+import React from "react";
+import { t as commonT } from "../global-config/t";
+import { ConfigContext, Locale } from "../config-provider";
+
+export interface Placement {
+  [propName: string]: string | number;
+}
+
+export type TransformPattern = string | Function | Array<string>;
+
+export function useLocaleReceiver<T extends keyof Locale>(componentName: T, defaultLocale?: Locale[T] | Function) {
+  const { globalConfig } = React.useContext(ConfigContext);
+
+  function transformLocale(pattern: TransformPattern, placement?: Placement): string;
+  function transformLocale(pattern: TransformPattern, placement?: number, data?: Placement): string;
+  function transformLocale(pattern: TransformPattern, ...args: any[]): string | Array<string> {
+    const REGEXP = /\{\s*([\w-]+)\s*\}/g;
+    const placement = args[0];
+
+    if (Array.isArray(pattern)) {
+      return pattern.map((p, index) => {
+        const translated = p.replace(REGEXP, (_: string, key: string) => {
+          if (placement) return String(placement[index][key]);
+          return "";
+        });
+        return translated;
+      });
+    }
+    if (typeof pattern === "function") {
+      return pattern(placement);
+    }
+
+    // use commonT for plural
+    const data = args[1];
+    if (data) {
+      return commonT(pattern, placement, data);
+    }
+    return commonT(pattern, placement);
+  }
+
+  /** @TypeA => 确保此参数是属于 globalConfig[componentName] 下的子属性 */
+  const componentLocale = React.useMemo<Locale[T] | Function>(() => {
+    const locale = defaultLocale || {};
+    const connectLocaleByName = globalConfig[componentName];
+
+    const localeFromContext = componentName && globalConfig ? connectLocaleByName : {};
+
+    return {
+      ...(typeof locale === "function" ? (locale as Function)() : locale),
+      ...(localeFromContext || {})
+    };
+  }, [componentName, defaultLocale, globalConfig]);
+
+  return [componentLocale, transformLocale] as [Locale[T], Function];
+}

package/locale/ar_KW.ts

@@ -1,7 +1,7 @@
-import { GlobalConfigProvider } from "../config-provider/type";
-
-// TODO: Import from @tdesign/common-js when available
-const arKW = {} as GlobalConfigProvider;
-
-// 需要 GlobalConfigProvider 保证数据类型正确
-export default arKW;
+import { GlobalConfigProvider } from "../config-provider/type";
+
+// TODO: Import from @tdesign/common-js when available
+const arKW = {} as GlobalConfigProvider;
+
+// 需要 GlobalConfigProvider 保证数据类型正确
+export default arKW;

package/locale/en_US.ts

@@ -1,7 +1,7 @@
-import { GlobalConfigProvider } from "../config-provider/type";
-
-// TODO: Import from @tdesign/common-js when available
-const enUS = {} as GlobalConfigProvider;
-
-// 需要 GlobalConfigProvider 保证数据类型正确，本次提交就检查出了英文字段缺少
-export default enUS;
+import { GlobalConfigProvider } from "../config-provider/type";
+
+// TODO: Import from @tdesign/common-js when available
+const enUS = {} as GlobalConfigProvider;
+
+// 需要 GlobalConfigProvider 保证数据类型正确，本次提交就检查出了英文字段缺少
+export default enUS;

package/locale/it_IT.ts

@@ -1,6 +1,6 @@
-import { GlobalConfigProvider } from "../config-provider/type";
-// TODO: Import from @tdesign/common-js when available
-const itIT = {} as GlobalConfigProvider;
-
-// 需要 GlobalConfigProvider 保证数据类型正确
-export default itIT as unknown as GlobalConfigProvider;
+import { GlobalConfigProvider } from "../config-provider/type";
+// TODO: Import from @tdesign/common-js when available
+const itIT = {} as GlobalConfigProvider;
+
+// 需要 GlobalConfigProvider 保证数据类型正确
+export default itIT as unknown as GlobalConfigProvider;

package/locale/ja_JP.ts

@@ -1,6 +1,6 @@
-import { GlobalConfigProvider } from "../config-provider/type";
-// TODO: Import from @tdesign/common-js when available
-const jaJP = {} as GlobalConfigProvider;
-
-// 需要 GlobalConfigProvider 保证数据类型正确
-export default jaJP as unknown as GlobalConfigProvider;
+import { GlobalConfigProvider } from "../config-provider/type";
+// TODO: Import from @tdesign/common-js when available
+const jaJP = {} as GlobalConfigProvider;
+
+// 需要 GlobalConfigProvider 保证数据类型正确
+export default jaJP as unknown as GlobalConfigProvider;

package/locale/ko_KR.ts

@@ -1,6 +1,6 @@
-import { GlobalConfigProvider } from "../config-provider/type";
-// TODO: Import from @tdesign/common-js when available
-const koKR = {} as GlobalConfigProvider;
-
-// 需要 GlobalConfigProvider 保证数据类型正确
-export default koKR as unknown as GlobalConfigProvider;
+import { GlobalConfigProvider } from "../config-provider/type";
+// TODO: Import from @tdesign/common-js when available
+const koKR = {} as GlobalConfigProvider;
+
+// 需要 GlobalConfigProvider 保证数据类型正确
+export default koKR as unknown as GlobalConfigProvider;

package/locale/ru_RU.ts

@@ -1,6 +1,6 @@
-import { GlobalConfigProvider } from "../config-provider/type";
-// TODO: Import from @tdesign/common-js when available
-const ruRU = {} as GlobalConfigProvider;
-
-// 需要 GlobalConfigProvider 保证数据类型正确
-export default ruRU as unknown as GlobalConfigProvider;
+import { GlobalConfigProvider } from "../config-provider/type";
+// TODO: Import from @tdesign/common-js when available
+const ruRU = {} as GlobalConfigProvider;
+
+// 需要 GlobalConfigProvider 保证数据类型正确
+export default ruRU as unknown as GlobalConfigProvider;

package/locale/zh_CN.ts

@@ -1,5 +1,5 @@
-import zhCN from "../global-config/locale/zh_CN";
-import { GlobalConfigProvider } from "../config-provider/type";
-
-// 需要 GlobalConfigProvider 保证数据类型正确
-export default zhCN as unknown as GlobalConfigProvider;
+import zhCN from "../global-config/locale/zh_CN";
+import { GlobalConfigProvider } from "../config-provider/type";
+
+// 需要 GlobalConfigProvider 保证数据类型正确
+export default zhCN as unknown as GlobalConfigProvider;

package/locale/zh_TW.ts

@@ -1,7 +1,7 @@
-import { GlobalConfigProvider } from "../config-provider/type";
-
-// TODO: Import from @tdesign/common-js when available
-const zhTW = {} as GlobalConfigProvider;
-
-// 需要 GlobalConfigProvider 保证数据类型正确
-export default zhTW;
+import { GlobalConfigProvider } from "../config-provider/type";
+
+// TODO: Import from @tdesign/common-js when available
+const zhTW = {} as GlobalConfigProvider;
+
+// 需要 GlobalConfigProvider 保证数据类型正确
+export default zhTW;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tendaui/components",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "description": "TendaUI React Components - Source code",
   "main": "index.ts",
   "module": "index.ts",
@@ -52,5 +52,5 @@
     "**/style/css.js",
     "**/style/all.js"
   ],
-  "gitHead": "3c98b020d36c078d64e7fc4f418874e8ab567cb2"
+  "gitHead": "8fe7140af3fafc6ed9347e24fc68577c370d6571"
 }

package/radio/_example/default.tsx

@@ -3,11 +3,11 @@ import { Radio } from "@tendaui/react";
 
 const DefaultDemo = () => {
   return (
-    <div>
+    <div style={{ display: "flex", gap: "12px" }}>
       <Radio>未选中</Radio>
       <Radio defaultChecked>选中</Radio>
     </div>
   );
 };
 
-export default DefaultDemo;
+export default DefaultDemo;