@ifhover/leaf-ui 0.5.0 → 0.6.0

package/dist/cjs/browser/modules/typography/index.cjs

@@ -1,29 +1,6 @@
 "use client";
 "use strict";
-var __webpack_modules__ = {
-    b9 (module) {
-        module.exports = require("./typography.cjs");
-    }
-};
-var __webpack_module_cache__ = {};
-function __webpack_require__(moduleId) {
-    var cachedModule = __webpack_module_cache__[moduleId];
-    if (void 0 !== cachedModule) return cachedModule.exports;
-    var module = __webpack_module_cache__[moduleId] = {
-        exports: {}
-    };
-    __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
-    return module.exports;
-}
-(()=>{
-    __webpack_require__.n = (module)=>{
-        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
-        __webpack_require__.d(getter, {
-            a: getter
-        });
-        return getter;
-    };
-})();
+var __webpack_require__ = {};
 (()=>{
     __webpack_require__.d = (exports1, getters, values)=>{
         var define = (defs, kind)=>{
@@ -50,14 +27,27 @@ function __webpack_require__(moduleId) {
     };
 })();
 var __webpack_exports__ = {};
-(()=>{
-    __webpack_require__.r(__webpack_exports__);
-    var _typography__rspack_import_0 = __webpack_require__("b9");
-    var __rspack_reexport = {};
-    for(const __rspack_import_key in _typography__rspack_import_0)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_typography__rspack_import_0[__rspack_import_key];
-    __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-})();
-for(var __rspack_i in __webpack_exports__)exports[__rspack_i] = __webpack_exports__[__rspack_i];
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    Link: ()=>external_typography_cjs_namespaceObject.Link,
+    Paragraph: ()=>external_typography_cjs_namespaceObject.Paragraph,
+    Text: ()=>external_typography_cjs_namespaceObject.Text,
+    Title: ()=>external_typography_cjs_namespaceObject.Title,
+    Typography: ()=>external_typography_cjs_namespaceObject.Typography
+});
+const external_typography_cjs_namespaceObject = require("./typography.cjs");
+exports.Link = __webpack_exports__.Link;
+exports.Paragraph = __webpack_exports__.Paragraph;
+exports.Text = __webpack_exports__.Text;
+exports.Title = __webpack_exports__.Title;
+exports.Typography = __webpack_exports__.Typography;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Link",
+    "Paragraph",
+    "Text",
+    "Title",
+    "Typography"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/dist/cjs/browser/modules/typography/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"typography/index.cjs","sources":["webpack://webpack/runtime/compat_get_default_export","webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object"],"sourcesContent":["// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};"],"names":["__webpack_require__","module","getter","getters","values","define","defs","kind","key","Object","obj","prop","Symbol"],"mappings":";;;;;;;;;;;;;;;;;;IACAA,oBAAoB,CAAC,GAAG,CAACC;QACxB,IAAIC,SAASD,UAAUA,OAAO,UAAU,GACvC,IAAOA,MAAM,CAAC,UAAU,GACxB,IAAOA;QACRD,oBAAoB,CAAC,CAACE,QAAQ;YAAE,GAAGA;QAAO;QAC1C,OAAOA;IACR;;;ICPAF,oBAAoB,CAAC,GAAG,CAAC,UAASG,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGN,oBAAoB,CAAC,CAACM,MAAME,QAAQ,CAACR,oBAAoB,CAAC,CAAC,UAASQ,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAJ,oBAAoB,CAAC,GAAG,CAACU,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFX,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOY,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D"}
+{"version":3,"file":"typography/index.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol"],"mappings":";;;;IAAAA,oBAAoB,CAAC,GAAG,CAAC,UAASC,SAASC;QAC1C,IAAIC,SAAS,CAACC,MAAMC;YACnB,IAAI,IAAIC,OAAOF,KACd,IAAGJ,oBAAoB,CAAC,CAACI,MAAME,QAAQ,CAACN,oBAAoB,CAAC,CAAC,UAASM,MACtEC,OAAO,cAAc,CAAC,UAASD,KAAK;gBAAE,YAAY;gBAAM,CAACD,KAAK,EAAED,IAAI,CAACE,IAAI;YAAC;QAG7E;QACAH,OAAOF,SAAS;QAChBE,OAAOD,QAAQ;IAChB;;;ICVAF,oBAAoB,CAAC,GAAG,CAACQ,KAAKC,OAAUF,OAAO,SAAS,CAAC,cAAc,CAAC,IAAI,CAACC,KAAKC;;;ICClFT,oBAAoB,CAAC,GAAG,CAAC;QACxB,IAAG,AAAkB,MAAlB,OAAOU,UAA0BA,OAAO,WAAW,EACrDH,OAAO,cAAc,CAAC,UAASG,OAAO,WAAW,EAAE;YAAE,OAAO;QAAS;QAEtEH,OAAO,cAAc,CAAC,UAAS,cAAc;YAAE,OAAO;QAAK;IAC5D"}

package/dist/cjs/browser/modules/typography/typography.cjs

@@ -1,5 +1,6 @@
 "use client";
 "use strict";
+require('../../../styles/foundation.css');
 require('../../../styles/components/typography.css');
 var __webpack_require__ = {};
 (()=>{
@@ -39,10 +40,12 @@ __webpack_require__.d(__webpack_exports__, {
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_lucide_react_namespaceObject = require("lucide-react");
 const external_react_namespaceObject = require("react");
-const index_cjs_namespaceObject = require("../button/index.cjs");
+const button_cjs_namespaceObject = require("../button/button.cjs");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
 const classes_cjs_namespaceObject = require("../shared/classes.cjs");
 const use_text_cjs_namespaceObject = require("../shared/use-text.cjs");
-const typography_Typography = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function({ compact, className, ...props }, ref) {
+const typography_Typography = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function(rawProps, ref) {
+    const { compact, className, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Typography', rawProps);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
         ...props,
         ref: ref,
@@ -78,7 +81,7 @@ function TextContent({ children, ellipsis, copyable, editable }) {
         ref: input,
         className: "leaf-text__editor",
         type: "text",
-        "aria-label": t('编辑文本', 'Edit text'),
+        "aria-label": t('typography.editText'),
         value: draft,
         onChange: (event)=>setDraft(event.target.value),
         onBlur: finish,
@@ -109,9 +112,9 @@ function TextContent({ children, ellipsis, copyable, editable }) {
                 className: "leaf-text__action",
                 "aria-expanded": expanded,
                 onClick: ()=>setExpanded(!expanded),
-                children: expanded ? t('收起', 'Collapse') : t('展开', 'Expand')
+                children: expanded ? t('typography.collapse') : t('typography.expand')
             }),
-            copyable && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Button, {
+            copyable && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ButtonControl, {
                 variant: "ghost",
                 size: "sm",
                 startIcon: copied ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Check, {
@@ -119,7 +122,7 @@ function TextContent({ children, ellipsis, copyable, editable }) {
                 }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Copy, {
                     size: 14
                 }),
-                "aria-label": t('复制文本', 'Copy text'),
+                "aria-label": t('typography.copyText'),
                 onClick: async ()=>{
                     const value = 'object' == typeof copyable ? copyable.text ?? text : text;
                     try {
@@ -131,13 +134,13 @@ function TextContent({ children, ellipsis, copyable, editable }) {
                     }
                 }
             }),
-            editable && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Button, {
+            editable && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ButtonControl, {
                 variant: "ghost",
                 size: "sm",
                 startIcon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Pencil, {
                     size: 14
                 }),
-                "aria-label": t('编辑文本', 'Edit text'),
+                "aria-label": t('typography.editText'),
                 onClick: ()=>{
                     setDraft(editable.text ?? text);
                     session.current = true;
@@ -147,7 +150,8 @@ function TextContent({ children, ellipsis, copyable, editable }) {
         ]
     });
 }
-const typography_Text = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function({ tone = 'default', strong, italic, underline, code, mark, ellipsis, copyable, editable, className, children, ...props }, ref) {
+const typography_Text = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function(rawProps, ref) {
+    const { tone = 'default', strong, italic, underline, code, mark, ellipsis, copyable, editable, className, children, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Text', rawProps);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
         ...props,
         ref: ref,
@@ -160,7 +164,8 @@ const typography_Text = /*#__PURE__*/ (0, external_react_namespaceObject.forward
         })
     });
 });
-const typography_Paragraph = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function({ tone = 'default', strong, italic, underline, code, mark, ellipsis, copyable, editable, className, children, ...props }, ref) {
+const typography_Paragraph = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function(rawProps, ref) {
+    const { tone = 'default', strong, italic, underline, code, mark, ellipsis, copyable, editable, className, children, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Paragraph', rawProps);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
         ...props,
         ref: ref,
@@ -173,7 +178,8 @@ const typography_Paragraph = /*#__PURE__*/ (0, external_react_namespaceObject.fo
         })
     });
 });
-const typography_Title = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function({ level = 2, className, ...props }, ref) {
+const typography_Title = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function(rawProps, ref) {
+    const { level = 2, className, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Title', rawProps);
     const Heading = `h${level}`;
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Heading, {
         ...props,
@@ -181,7 +187,8 @@ const typography_Title = /*#__PURE__*/ (0, external_react_namespaceObject.forwar
         className: (0, classes_cjs_namespaceObject.classes)('leaf-title', `leaf-title--${level}`, className)
     });
 });
-const typography_Link = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function({ disabled, underline = true, external, icon, className, children, ...props }, ref) {
+const typography_Link = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function(rawProps, ref) {
+    const { disabled, underline = true, external, icon, className, children, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Link', rawProps);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("a", {
         ...props,
         ref: ref,

package/dist/cjs/browser/modules/typography/typography.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"typography/typography.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/typography/typography.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { Check, Copy, Pencil } from 'lucide-react';\nimport {\n  type AnchorHTMLAttributes,\n  forwardRef,\n  type HTMLAttributes,\n  type ReactNode,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { Button } from '../button';\nimport { classes } from '../shared/classes';\nimport { useText } from '../shared/use-text';\n\nexport interface TypographyProps extends HTMLAttributes<HTMLDivElement> {\n  compact?: boolean;\n}\nexport const Typography = forwardRef<HTMLDivElement, TypographyProps>(function Typography(\n  { compact, className, ...props },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={classes('leaf-typography', compact && 'leaf-typography--compact', className)}\n    />\n  );\n});\nexport interface TextProps extends HTMLAttributes<HTMLSpanElement> {\n  tone?: 'default' | 'muted' | 'primary' | 'success' | 'warning' | 'danger';\n  strong?: boolean;\n  italic?: boolean;\n  underline?: boolean;\n  code?: boolean;\n  mark?: boolean;\n  ellipsis?: boolean | { rows?: number; expandable?: boolean };\n  copyable?:\n    | boolean\n    | { text?: string; onCopy?: (text: string) => void; onError?: (error: unknown) => void };\n  editable?: { onChange: (text: string) => void; text?: string };\n}\nfunction TextContent({\n  children,\n  ellipsis,\n  copyable,\n  editable,\n}: Pick<TextProps, 'children' | 'ellipsis' | 'copyable' | 'editable'>) {\n  const t = useText();\n  const [expanded, setExpanded] = useState(false),\n    [copied, setCopied] = useState(false),\n    [editing, setEditing] = useState(false),\n    [draft, setDraft] = useState('');\n  const text = typeof children === 'string' || typeof children === 'number' ? String(children) : '';\n  const rows = typeof ellipsis === 'object' ? (ellipsis.rows ?? 1) : 1;\n  const session = useRef(false);\n  const input = useRef<HTMLInputElement>(null);\n  useEffect(() => {\n    if (editing) input.current?.focus();\n  }, [editing]);\n  useEffect(() => {\n    if (!copied) return;\n    const timer = setTimeout(() => setCopied(false), 2000);\n    return () => clearTimeout(timer);\n  }, [copied]);\n  const finish = () => {\n    if (!session.current) return;\n    session.current = false;\n    editable?.onChange(draft);\n    setEditing(false);\n  };\n  if (editing)\n    return (\n      <input\n        ref={input}\n        className=\"leaf-text__editor\"\n        type=\"text\"\n        aria-label={t('编辑文本', 'Edit text')}\n        value={draft}\n        onChange={(event) => setDraft(event.target.value)}\n        onBlur={finish}\n        onKeyDown={(event) => {\n          if (event.key === 'Enter' && !event.nativeEvent.isComposing) {\n            event.preventDefault();\n            finish();\n          }\n          if (event.key === 'Escape') {\n            event.preventDefault();\n            session.current = false;\n            setEditing(false);\n          }\n        }}\n      />\n    );\n  return (\n    <>\n      <span\n        className={classes(\n          'leaf-text__content',\n          ellipsis && !expanded && 'leaf-text__content--ellipsis',\n        )}\n        style={\n          ellipsis && !expanded\n            ? { WebkitLineClamp: rows, display: rows > 1 ? '-webkit-box' : undefined }\n            : undefined\n        }\n      >\n        {children}\n      </span>\n      {typeof ellipsis === 'object' && ellipsis.expandable && (\n        <button\n          type=\"button\"\n          className=\"leaf-text__action\"\n          aria-expanded={expanded}\n          onClick={() => setExpanded(!expanded)}\n        >\n          {expanded ? t('收起', 'Collapse') : t('展开', 'Expand')}\n        </button>\n      )}\n      {copyable && (\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          startIcon={copied ? <Check size={14} /> : <Copy size={14} />}\n          aria-label={t('复制文本', 'Copy text')}\n          onClick={async () => {\n            const value = typeof copyable === 'object' ? (copyable.text ?? text) : text;\n            try {\n              await navigator.clipboard.writeText(value);\n              setCopied(true);\n              if (typeof copyable === 'object') copyable.onCopy?.(value);\n            } catch (error) {\n              if (typeof copyable === 'object') copyable.onError?.(error);\n            }\n          }}\n        />\n      )}\n      {editable && (\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          startIcon={<Pencil size={14} />}\n          aria-label={t('编辑文本', 'Edit text')}\n          onClick={() => {\n            setDraft(editable.text ?? text);\n            session.current = true;\n            setEditing(true);\n          }}\n        />\n      )}\n    </>\n  );\n}\nexport const Text = forwardRef<HTMLSpanElement, TextProps>(function Text(\n  {\n    tone = 'default',\n    strong,\n    italic,\n    underline,\n    code,\n    mark,\n    ellipsis,\n    copyable,\n    editable,\n    className,\n    children,\n    ...props\n  },\n  ref,\n) {\n  return (\n    <span\n      {...props}\n      ref={ref}\n      className={classes(\n        'leaf-text',\n        `leaf-text--${tone}`,\n        strong && 'leaf-text--strong',\n        italic && 'leaf-text--italic',\n        underline && 'leaf-text--underline',\n        code && 'leaf-text--code',\n        mark && 'leaf-text--mark',\n        className,\n      )}\n    >\n      <TextContent {...{ children, ellipsis, copyable, editable }} />\n    </span>\n  );\n});\nexport interface ParagraphProps extends TextProps {}\nexport const Paragraph = forwardRef<HTMLParagraphElement, ParagraphProps>(function Paragraph(\n  {\n    tone = 'default',\n    strong,\n    italic,\n    underline,\n    code,\n    mark,\n    ellipsis,\n    copyable,\n    editable,\n    className,\n    children,\n    ...props\n  },\n  ref,\n) {\n  return (\n    <p\n      {...props}\n      ref={ref}\n      className={classes(\n        'leaf-paragraph',\n        'leaf-text',\n        `leaf-text--${tone}`,\n        strong && 'leaf-text--strong',\n        italic && 'leaf-text--italic',\n        underline && 'leaf-text--underline',\n        code && 'leaf-text--code',\n        mark && 'leaf-text--mark',\n        className,\n      )}\n    >\n      <TextContent {...{ children, ellipsis, copyable, editable }} />\n    </p>\n  );\n});\nexport interface TitleProps extends HTMLAttributes<HTMLHeadingElement> {\n  level?: 1 | 2 | 3 | 4 | 5 | 6;\n}\nexport const Title = forwardRef<HTMLHeadingElement, TitleProps>(function Title(\n  { level = 2, className, ...props },\n  ref,\n) {\n  const Heading = `h${level}` as 'h2';\n  return (\n    <Heading\n      {...props}\n      ref={ref}\n      className={classes('leaf-title', `leaf-title--${level}`, className)}\n    />\n  );\n});\nexport interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {\n  disabled?: boolean;\n  underline?: boolean;\n  external?: boolean;\n  icon?: ReactNode;\n}\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>(function Link(\n  { disabled, underline = true, external, icon, className, children, ...props },\n  ref,\n) {\n  return (\n    <a\n      {...props}\n      ref={ref}\n      href={disabled ? undefined : props.href}\n      target={external ? '_blank' : props.target}\n      rel={external ? 'noopener noreferrer' : props.rel}\n      aria-disabled={disabled || undefined}\n      tabIndex={disabled ? -1 : props.tabIndex}\n      className={classes('leaf-link', underline && 'leaf-link--underline', className)}\n      onClick={(event) => {\n        if (disabled) event.preventDefault();\n        else props.onClick?.(event);\n      }}\n    >\n      {icon}\n      {children}\n    </a>\n  );\n});\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","Typography","forwardRef","compact","className","props","ref","classes","TextContent","children","ellipsis","copyable","editable","t","useText","expanded","setExpanded","useState","copied","setCopied","editing","setEditing","draft","setDraft","text","String","rows","session","useRef","input","useEffect","timer","setTimeout","clearTimeout","finish","event","undefined","Button","Check","Copy","value","navigator","error","Pencil","Text","tone","strong","italic","underline","code","mark","Paragraph","Title","level","Heading","Link","disabled","external","icon"],"mappings":"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"}
+{"version":3,"file":"typography/typography.cjs","sources":["webpack://webpack/runtime/define_property_getters","webpack://webpack/runtime/has_own_property","webpack://webpack/runtime/make_namespace_object","../../../../../src/typography/typography.tsx"],"sourcesContent":["__webpack_require__.d = (exports, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { Check, Copy, Pencil } from 'lucide-react';\nimport {\n  type AnchorHTMLAttributes,\n  forwardRef,\n  type HTMLAttributes,\n  type ReactNode,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { ButtonControl } from '../button/button';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { classes } from '../shared/classes';\nimport { useText } from '../shared/use-text';\n\nexport interface TypographyProps extends HTMLAttributes<HTMLDivElement> {\n  compact?: boolean;\n}\nexport const Typography = forwardRef<HTMLDivElement, TypographyProps>(function Typography(\n  rawProps: TypographyProps,\n  ref,\n) {\n  const { compact, className, ...props } = useComponentProps('Typography', rawProps);\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={classes('leaf-typography', compact && 'leaf-typography--compact', className)}\n    />\n  );\n});\nexport interface TextProps extends HTMLAttributes<HTMLSpanElement> {\n  tone?: 'default' | 'muted' | 'primary' | 'success' | 'warning' | 'danger';\n  strong?: boolean;\n  italic?: boolean;\n  underline?: boolean;\n  code?: boolean;\n  mark?: boolean;\n  ellipsis?: boolean | { rows?: number; expandable?: boolean };\n  copyable?:\n    | boolean\n    | { text?: string; onCopy?: (text: string) => void; onError?: (error: unknown) => void };\n  editable?: { onChange: (text: string) => void; text?: string };\n}\nfunction TextContent({\n  children,\n  ellipsis,\n  copyable,\n  editable,\n}: Pick<TextProps, 'children' | 'ellipsis' | 'copyable' | 'editable'>) {\n  const t = useText();\n  const [expanded, setExpanded] = useState(false),\n    [copied, setCopied] = useState(false),\n    [editing, setEditing] = useState(false),\n    [draft, setDraft] = useState('');\n  const text = typeof children === 'string' || typeof children === 'number' ? String(children) : '';\n  const rows = typeof ellipsis === 'object' ? (ellipsis.rows ?? 1) : 1;\n  const session = useRef(false);\n  const input = useRef<HTMLInputElement>(null);\n  useEffect(() => {\n    if (editing) input.current?.focus();\n  }, [editing]);\n  useEffect(() => {\n    if (!copied) return;\n    const timer = setTimeout(() => setCopied(false), 2000);\n    return () => clearTimeout(timer);\n  }, [copied]);\n  const finish = () => {\n    if (!session.current) return;\n    session.current = false;\n    editable?.onChange(draft);\n    setEditing(false);\n  };\n  if (editing)\n    return (\n      <input\n        ref={input}\n        className=\"leaf-text__editor\"\n        type=\"text\"\n        aria-label={t('typography.editText')}\n        value={draft}\n        onChange={(event) => setDraft(event.target.value)}\n        onBlur={finish}\n        onKeyDown={(event) => {\n          if (event.key === 'Enter' && !event.nativeEvent.isComposing) {\n            event.preventDefault();\n            finish();\n          }\n          if (event.key === 'Escape') {\n            event.preventDefault();\n            session.current = false;\n            setEditing(false);\n          }\n        }}\n      />\n    );\n  return (\n    <>\n      <span\n        className={classes(\n          'leaf-text__content',\n          ellipsis && !expanded && 'leaf-text__content--ellipsis',\n        )}\n        style={\n          ellipsis && !expanded\n            ? { WebkitLineClamp: rows, display: rows > 1 ? '-webkit-box' : undefined }\n            : undefined\n        }\n      >\n        {children}\n      </span>\n      {typeof ellipsis === 'object' && ellipsis.expandable && (\n        <button\n          type=\"button\"\n          className=\"leaf-text__action\"\n          aria-expanded={expanded}\n          onClick={() => setExpanded(!expanded)}\n        >\n          {expanded ? t('typography.collapse') : t('typography.expand')}\n        </button>\n      )}\n      {copyable && (\n        <ButtonControl\n          variant=\"ghost\"\n          size=\"sm\"\n          startIcon={copied ? <Check size={14} /> : <Copy size={14} />}\n          aria-label={t('typography.copyText')}\n          onClick={async () => {\n            const value = typeof copyable === 'object' ? (copyable.text ?? text) : text;\n            try {\n              await navigator.clipboard.writeText(value);\n              setCopied(true);\n              if (typeof copyable === 'object') copyable.onCopy?.(value);\n            } catch (error) {\n              if (typeof copyable === 'object') copyable.onError?.(error);\n            }\n          }}\n        />\n      )}\n      {editable && (\n        <ButtonControl\n          variant=\"ghost\"\n          size=\"sm\"\n          startIcon={<Pencil size={14} />}\n          aria-label={t('typography.editText')}\n          onClick={() => {\n            setDraft(editable.text ?? text);\n            session.current = true;\n            setEditing(true);\n          }}\n        />\n      )}\n    </>\n  );\n}\nexport const Text = forwardRef<HTMLSpanElement, TextProps>(function Text(rawProps: TextProps, ref) {\n  const {\n    tone = 'default',\n    strong,\n    italic,\n    underline,\n    code,\n    mark,\n    ellipsis,\n    copyable,\n    editable,\n    className,\n    children,\n    ...props\n  } = useComponentProps('Text', rawProps);\n  return (\n    <span\n      {...props}\n      ref={ref}\n      className={classes(\n        'leaf-text',\n        `leaf-text--${tone}`,\n        strong && 'leaf-text--strong',\n        italic && 'leaf-text--italic',\n        underline && 'leaf-text--underline',\n        code && 'leaf-text--code',\n        mark && 'leaf-text--mark',\n        className,\n      )}\n    >\n      <TextContent {...{ children, ellipsis, copyable, editable }} />\n    </span>\n  );\n});\nexport interface ParagraphProps extends TextProps {}\nexport const Paragraph = forwardRef<HTMLParagraphElement, ParagraphProps>(function Paragraph(\n  rawProps: ParagraphProps,\n  ref,\n) {\n  const {\n    tone = 'default',\n    strong,\n    italic,\n    underline,\n    code,\n    mark,\n    ellipsis,\n    copyable,\n    editable,\n    className,\n    children,\n    ...props\n  } = useComponentProps('Paragraph', rawProps);\n  return (\n    <p\n      {...props}\n      ref={ref}\n      className={classes(\n        'leaf-paragraph',\n        'leaf-text',\n        `leaf-text--${tone}`,\n        strong && 'leaf-text--strong',\n        italic && 'leaf-text--italic',\n        underline && 'leaf-text--underline',\n        code && 'leaf-text--code',\n        mark && 'leaf-text--mark',\n        className,\n      )}\n    >\n      <TextContent {...{ children, ellipsis, copyable, editable }} />\n    </p>\n  );\n});\nexport interface TitleProps extends HTMLAttributes<HTMLHeadingElement> {\n  level?: 1 | 2 | 3 | 4 | 5 | 6;\n}\nexport const Title = forwardRef<HTMLHeadingElement, TitleProps>(function Title(\n  rawProps: TitleProps,\n  ref,\n) {\n  const { level = 2, className, ...props } = useComponentProps('Title', rawProps);\n  const Heading = `h${level}` as 'h2';\n  return (\n    <Heading\n      {...props}\n      ref={ref}\n      className={classes('leaf-title', `leaf-title--${level}`, className)}\n    />\n  );\n});\nexport interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {\n  disabled?: boolean;\n  underline?: boolean;\n  external?: boolean;\n  icon?: ReactNode;\n}\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>(function Link(\n  rawProps: LinkProps,\n  ref,\n) {\n  const {\n    disabled,\n    underline = true,\n    external,\n    icon,\n    className,\n    children,\n    ...props\n  } = useComponentProps('Link', rawProps);\n  return (\n    <a\n      {...props}\n      ref={ref}\n      href={disabled ? undefined : props.href}\n      target={external ? '_blank' : props.target}\n      rel={external ? 'noopener noreferrer' : props.rel}\n      aria-disabled={disabled || undefined}\n      tabIndex={disabled ? -1 : props.tabIndex}\n      className={classes('leaf-link', underline && 'leaf-link--underline', className)}\n      onClick={(event) => {\n        if (disabled) event.preventDefault();\n        else props.onClick?.(event);\n      }}\n    >\n      {icon}\n      {children}\n    </a>\n  );\n});\n"],"names":["__webpack_require__","getters","values","define","defs","kind","key","Object","obj","prop","Symbol","Typography","forwardRef","rawProps","ref","compact","className","props","useComponentProps","classes","TextContent","children","ellipsis","copyable","editable","t","useText","expanded","setExpanded","useState","copied","setCopied","editing","setEditing","draft","setDraft","text","String","rows","session","useRef","input","useEffect","timer","setTimeout","clearTimeout","finish","event","undefined","ButtonControl","Check","Copy","value","navigator","error","Pencil","Text","tone","strong","italic","underline","code","mark","Paragraph","Title","level","Heading","Link","disabled","external","icon"],"mappings":"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"}

package/dist/cjs/browser/modules/upload/upload.cjs

@@ -1,5 +1,6 @@
 "use client";
 "use strict";
+require('../../../styles/foundation.css');
 require('../../../styles/components/upload.css');
 var __webpack_require__ = {};
 (()=>{
@@ -35,18 +36,22 @@ __webpack_require__.d(__webpack_exports__, {
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_lucide_react_namespaceObject = require("lucide-react");
 const external_react_namespaceObject = require("react");
-const index_cjs_namespaceObject = require("../button/index.cjs");
-const external_filelist_index_cjs_namespaceObject = require("../filelist/index.cjs");
+const button_cjs_namespaceObject = require("../button/button.cjs");
+const component_defaults_cjs_namespaceObject = require("../config-provider/component-defaults.cjs");
+const filelist_cjs_namespaceObject = require("../filelist/filelist.cjs");
 const model_cjs_namespaceObject = require("../filelist/model.cjs");
 const form_cjs_namespaceObject = require("../form/form.cjs");
 const classes_cjs_namespaceObject = require("../shared/classes.cjs");
 const field_cjs_namespaceObject = require("../shared/field.cjs");
+const use_formatted_text_cjs_namespaceObject = require("../shared/use-formatted-text.cjs");
 const use_text_cjs_namespaceObject = require("../shared/use-text.cjs");
 const external_request_cjs_namespaceObject = require("./request.cjs");
-const upload_Upload = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function({ fileList, defaultFileList = [], onChange, accept, multiple = false, disabled: disabledProp, drag = false, maxCount, maxSize, beforeUpload, onReject, action, method = 'POST', headers, data, withCredentials = false, fieldName = 'file', customRequest, onRemove, showFileList = true, hint, children, name, form, required, autoUpload = true, concurrency = 3, directory, paste, listType = 'text', id: idProp, className, onDragEnter, onDragLeave, onDragOver, onDrop, ...props }, ref) {
+const upload_Upload = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(function(rawProps, ref) {
+    const { fileList, defaultFileList = [], onChange, accept, multiple = false, disabled: disabledProp, drag = false, maxCount, maxSize, beforeUpload, onReject, action, method = 'POST', headers, data, withCredentials = false, fieldName = 'file', customRequest, onRemove, showFileList = true, hint, children, name, form, required, autoUpload = true, concurrency = 3, directory, paste, listType = 'text', id: idProp, className, onDragEnter, onDragLeave, onDragOver, onDrop, ...props } = (0, component_defaults_cjs_namespaceObject.useComponentProps)('Upload', rawProps);
     const field = (0, form_cjs_namespaceObject.useFormField)();
     const disabled = disabledProp || field?.disabled;
     const t = (0, use_text_cjs_namespaceObject.useText)();
+    const format = (0, use_formatted_text_cjs_namespaceObject.useFormattedText)();
     const id = (0, external_react_namespaceObject.useId)();
     const count = (0, external_react_namespaceObject.useRef)(0);
     const input = (0, external_react_namespaceObject.useRef)(null);
@@ -188,7 +193,7 @@ const upload_Upload = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRe
             else {
                 const address = 'function' == typeof config.action ? await config.action(file.originFile) : config.action;
                 if (request.signal.aborted) return;
-                if (!address) throw new Error(t('上传地址不能为空', 'Upload URL cannot be empty'));
+                if (!address) throw new Error(t('upload.uploadUrlCannotBeEmpty'));
                 result = await (0, external_request_cjs_namespaceObject.uploadRequest)({
                     file: file.originFile,
                     signal: request.signal,
@@ -215,7 +220,7 @@ const upload_Upload = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRe
         } catch (reason) {
             if (!request.signal.aborted && jobs.current.get(file.uid) === request) update(file.uid, {
                 status: 'error',
-                error: reason instanceof Error ? reason.message : t('上传失败', 'Upload failed')
+                error: reason instanceof Error ? reason.message : t('upload.uploadFailed')
             }, 'error');
         } finally{
             if (jobs.current.get(file.uid) === request) jobs.current.delete(file.uid);
@@ -261,31 +266,31 @@ const upload_Upload = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRe
                         message
                     });
                 if (!multiple && accepted.length > 0) {
-                    reject('count', t('每次只能选择一个文件', 'Choose one file at a time'));
+                    reject('count', t('upload.chooseOneFileAtATime'));
                     continue;
                 }
                 if (!(0, external_request_cjs_namespaceObject.acceptsFile)(file, accept)) {
-                    reject('type', t('文件格式不支持', 'File type is not accepted'));
+                    reject('type', t('upload.fileTypeIsNotAccepted'));
                     continue;
                 }
                 if (void 0 !== maxSize && file.size > maxSize) {
-                    reject('size', t('文件超过大小限制', 'File exceeds the size limit'));
+                    reject('size', t('upload.fileExceedsTheSizeLimit'));
                     continue;
                 }
                 if (void 0 !== maxCount && latest.current.current.length + accepted.length >= maxCount) {
-                    reject('count', t('文件数量达到上限', 'File count limit reached'));
+                    reject('count', t('upload.fileCountLimitReached'));
                     continue;
                 }
                 try {
                     const result = await beforeUpload?.(file);
                     if (!mounted.current || batchGeneration !== generation.current) return;
                     if (false === result) {
-                        reject('validation', t('文件未通过校验', 'File validation failed'));
+                        reject('validation', t('upload.fileValidationFailed'));
                         continue;
                     }
                     if (result instanceof File) file = result;
                 } catch (reason) {
-                    reject('validation', reason instanceof Error ? reason.message : t('文件未通过校验', 'File validation failed'));
+                    reject('validation', reason instanceof Error ? reason.message : t('upload.fileValidationFailed'));
                     continue;
                 }
                 if (!mounted.current || batchGeneration !== generation.current) return;
@@ -405,7 +410,7 @@ const upload_Upload = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRe
                 multiple: multiple,
                 disabled: disabled,
                 tabIndex: -1,
-                "aria-label": t('选择文件', 'Choose files'),
+                "aria-label": t('upload.chooseFiles'),
                 onChange: (event)=>{
                     addFiles([
                         ...event.target.files ?? []
@@ -430,17 +435,17 @@ const upload_Upload = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRe
                     }),
                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
                         className: "leaf-upload__title",
-                        children: children ?? t('点击或拖拽文件到这里', 'Click or drop files here')
+                        children: children ?? t('upload.dropHint')
                     }),
                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
                         className: "leaf-upload__hint",
-                        children: hint ?? t('支持选择和拖拽上传', 'Choose files or drag them into this area')
+                        children: hint ?? t("upload.dropDescription")
                     })
                 ]
             }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
                 className: "leaf-upload__trigger",
                 children: [
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Button, {
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ButtonControl, {
                         ref: trigger,
                         id: idProp ?? field?.id,
                         variant: "outline",
@@ -450,7 +455,7 @@ const upload_Upload = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRe
                             size: 16
                         }),
                         onClick: ()=>input.current?.click(),
-                        children: children ?? t('选择文件', 'Choose files')
+                        children: children ?? t('upload.chooseFiles')
                     }),
                     hint && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
                         className: "leaf-upload__hint",
@@ -477,7 +482,7 @@ const upload_Upload = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRe
                     }, `${error.file.name}-${error.file.lastModified}-${error.reason}`))
             }),
             showFileList && current.length > 0 && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(form_cjs_namespaceObject.FieldScope, {
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_filelist_index_cjs_namespaceObject.FileList, {
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(filelist_cjs_namespaceObject.FileListControl, {
                     items: current,
                     listType: listType,
                     disabled: disabled,
@@ -485,14 +490,16 @@ const upload_Upload = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRe
                     onRemove: remove,
                     renderActions: (file, actions)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
                             children: [
-                                'uploading' === file.status && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Button, {
+                                'uploading' === file.status && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ButtonControl, {
                                     variant: "ghost",
                                     size: "sm",
                                     disabled: disabled,
                                     startIcon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.X, {
                                         size: 15
                                     }),
-                                    "aria-label": `${t('取消上传', 'Cancel upload')} ${(0, model_cjs_namespaceObject.fileName)(file)}`,
+                                    "aria-label": format('upload.cancelUpload', {
+                                        name: (0, model_cjs_namespaceObject.fileName)(file)
+                                    }),
                                     onClick: ()=>{
                                         if (!file.uid) return;
                                         jobs.current.get(file.uid)?.abort();
@@ -506,14 +513,16 @@ const upload_Upload = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRe
                                     'error',
                                     'cancelled',
                                     'ready'
-                                ].includes(file.status ?? '') && (action || customRequest) && file.originFile && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Button, {
+                                ].includes(file.status ?? '') && (action || customRequest) && file.originFile && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.ButtonControl, {
                                     variant: "ghost",
                                     size: "sm",
                                     disabled: disabled,
                                     startIcon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.RotateCw, {
                                         size: 15
                                     }),
-                                    "aria-label": `${t('重新上传', 'Retry upload')} ${(0, model_cjs_namespaceObject.fileName)(file)}`,
+                                    "aria-label": format('upload.retryUpload', {
+                                        name: (0, model_cjs_namespaceObject.fileName)(file)
+                                    }),
                                     onClick: ()=>void start(file)
                                 }),
                                 actions