@class-kit/react 0.1.0

package/dist/components/draggable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"draggable.js","sources":["../../src/index.tsx"],"names":["_jsx"],"mappings":"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"}

package/dist/components/ellipsis-text.cjs

@@ -0,0 +1,49 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+
+function EllipsisText({ text, lines = 1, defaultExpanded = false, expandable = false, expanded, expandedMaxHeight = 999, backgroundColor, textColor, transitionDuration = 180, className = "cc-ellipsis", contentClassName = "cc-ellipsis__content", onClick, onKeyDown, onExpandedChange, role, style, tabIndex, ...props }) {
+    const normalizedLines = Math.max(1, Math.floor(lines));
+    const [innerExpanded, setInnerExpanded] = React.useState(defaultExpanded);
+    const isExpanded = expanded ?? innerExpanded;
+    const resolvedExpandedMaxHeight = typeof expandedMaxHeight === "number"
+        ? `${expandedMaxHeight}px`
+        : expandedMaxHeight;
+    const resolvedTransitionDuration = typeof transitionDuration === "number"
+        ? `${transitionDuration}ms`
+        : transitionDuration;
+    const cssVars = {
+        "--cc-ellipsis-collapsed-height": `calc(var(--cc-ellipsis-line-height) * ${normalizedLines})`,
+        "--cc-ellipsis-expanded-max-height": resolvedExpandedMaxHeight,
+        "--cc-ellipsis-lines": normalizedLines,
+        "--cc-ellipsis-transition-duration": resolvedTransitionDuration,
+        ...(backgroundColor ? { "--cc-ellipsis-background": backgroundColor } : {}),
+        ...(textColor ? { "--cc-ellipsis-text-color": textColor } : {}),
+    };
+    const handleClick = (event) => {
+        onClick?.(event);
+        if (!expandable || event.defaultPrevented)
+            return;
+        const nextExpanded = !isExpanded;
+        if (expanded === undefined)
+            setInnerExpanded(nextExpanded);
+        onExpandedChange?.(nextExpanded);
+    };
+    const handleKeyDown = (event) => {
+        onKeyDown?.(event);
+        if (!expandable ||
+            event.defaultPrevented ||
+            (event.key !== "Enter" && event.key !== " "))
+            return;
+        event.preventDefault();
+        const nextExpanded = !isExpanded;
+        if (expanded === undefined)
+            setInnerExpanded(nextExpanded);
+        onExpandedChange?.(nextExpanded);
+    };
+    return (jsxRuntime.jsx("div", { className: className, "data-expandable": expandable, "data-expanded": isExpanded, "data-lines": normalizedLines === 1 ? "single" : "multiple", onClick: handleClick, onKeyDown: handleKeyDown, role: expandable ? "button" : role, style: { ...cssVars, ...style }, tabIndex: expandable ? (tabIndex ?? 0) : tabIndex, ...props, children: jsxRuntime.jsx("span", { className: contentClassName, children: text }) }));
+}
+
+exports.EllipsisText = EllipsisText;
+//# sourceMappingURL=ellipsis-text.cjs.map

package/dist/components/ellipsis-text.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ellipsis-text.cjs","sources":["../../src/index.tsx"],"names":["_jsx"],"mappings":";;;;;AAuoMM,SAAU,YAAY,CAAC,EAC3B,IAAI,EACJ,KAAK,GAAG,CAAC,EACT,eAAe,GAAG,KAAK,EACvB,UAAU,GAAG,KAAK,EAClB,QAAQ,EACR,iBAAiB,GAAG,GAAG,EACvB,eAAe,EACf,SAAS,EACT,kBAAkB,GAAG,GAAG,EACxB,SAAS,GAAG,aAAa,EACzB,gBAAgB,GAAG,sBAAsB,EACzC,OAAO,EACP,SAAS,EACT,gBAAgB,EAChB,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACU,EAAA;AAClB,IAAA,MAAM,eAAe,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;AACtD,IAAA,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,eAAe,CAAC;AACzE,IAAA,MAAM,UAAU,GAAG,QAAQ,IAAI,aAAa;AAC5C,IAAA,MAAM,yBAAyB,GAC7B,OAAO,iBAAiB,KAAK;UACzB,CAAA,EAAG,iBAAiB,CAAA,EAAA;UACpB,iBAAiB;AACvB,IAAA,MAAM,0BAA0B,GAC9B,OAAO,kBAAkB,KAAK;UAC1B,CAAA,EAAG,kBAAkB,CAAA,EAAA;UACrB,kBAAkB;AACxB,IAAA,MAAM,OAAO,GAAG;QACd,gCAAgC,EAAE,CAAA,sCAAA,EAAyC,eAAe,CAAA,CAAA,CAAG;AAC7F,QAAA,mCAAmC,EAAE,yBAAyB;AAC9D,QAAA,qBAAqB,EAAE,eAAe;AACtC,QAAA,mCAAmC,EAAE,0BAA0B;AAC/D,QAAA,IAAI,eAAe,GAAG,EAAE,0BAA0B,EAAE,eAAe,EAAE,GAAG,EAAE,CAAC;AAC3E,QAAA,IAAI,SAAS,GAAG,EAAE,0BAA0B,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC;KAChE;AACD,IAAA,MAAM,WAAW,GAAG,CAAC,KAAuC,KAAI;AAC9D,QAAA,OAAO,GAAG,KAAK,CAAC;AAChB,QAAA,IAAI,CAAC,UAAU,IAAI,KAAK,CAAC,gBAAgB;YAAE;AAC3C,QAAA,MAAM,YAAY,GAAG,CAAC,UAAU;QAChC,IAAI,QAAQ,KAAK,SAAS;YAAE,gBAAgB,CAAC,YAAY,CAAC;AAC1D,QAAA,gBAAgB,GAAG,YAAY,CAAC;AAClC,IAAA,CAAC;AACD,IAAA,MAAM,aAAa,GAAG,CAAC,KAA0C,KAAI;AACnE,QAAA,SAAS,GAAG,KAAK,CAAC;AAClB,QAAA,IACE,CAAC,UAAU;AACX,YAAA,KAAK,CAAC,gBAAgB;aACrB,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,CAAC;YAE5C;QACF,KAAK,CAAC,cAAc,EAAE;AACtB,QAAA,MAAM,YAAY,GAAG,CAAC,UAAU;QAChC,IAAI,QAAQ,KAAK,SAAS;YAAE,gBAAgB,CAAC,YAAY,CAAC;AAC1D,QAAA,gBAAgB,GAAG,YAAY,CAAC;AAClC,IAAA,CAAC;AAED,IAAA,QACEA,cAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,SAAS,qBACH,UAAU,EAAA,eAAA,EACZ,UAAU,EAAA,YAAA,EACb,eAAe,KAAK,CAAC,GAAG,QAAQ,GAAG,UAAU,EACzD,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,IAAI,EAAE,UAAU,GAAG,QAAQ,GAAG,IAAI,EAClC,KAAK,EAAE,EAAE,GAAG,OAAO,EAAE,GAAG,KAAK,EAAyB,EACtD,QAAQ,EAAE,UAAU,IAAI,QAAQ,IAAI,CAAC,IAAI,QAAQ,KAC7C,KAAK,EAAA,QAAA,EAETA,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,gBAAgB,EAAA,QAAA,EAAG,IAAI,EAAA,CAAQ,EAAA,CAC5C;AAEV;;;;"}

package/dist/components/ellipsis-text.d.ts

@@ -0,0 +1,3 @@
+export { EllipsisText } from "../index";
+export type { EllipsisTextProps } from "../index";
+//# sourceMappingURL=ellipsis-text.d.ts.map

package/dist/components/ellipsis-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ellipsis-text.d.ts","sourceRoot":"","sources":["../../src/components/ellipsis-text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,YAAY,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/ellipsis-text.js

@@ -0,0 +1,47 @@
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+
+function EllipsisText({ text, lines = 1, defaultExpanded = false, expandable = false, expanded, expandedMaxHeight = 999, backgroundColor, textColor, transitionDuration = 180, className = "cc-ellipsis", contentClassName = "cc-ellipsis__content", onClick, onKeyDown, onExpandedChange, role, style, tabIndex, ...props }) {
+    const normalizedLines = Math.max(1, Math.floor(lines));
+    const [innerExpanded, setInnerExpanded] = React.useState(defaultExpanded);
+    const isExpanded = expanded ?? innerExpanded;
+    const resolvedExpandedMaxHeight = typeof expandedMaxHeight === "number"
+        ? `${expandedMaxHeight}px`
+        : expandedMaxHeight;
+    const resolvedTransitionDuration = typeof transitionDuration === "number"
+        ? `${transitionDuration}ms`
+        : transitionDuration;
+    const cssVars = {
+        "--cc-ellipsis-collapsed-height": `calc(var(--cc-ellipsis-line-height) * ${normalizedLines})`,
+        "--cc-ellipsis-expanded-max-height": resolvedExpandedMaxHeight,
+        "--cc-ellipsis-lines": normalizedLines,
+        "--cc-ellipsis-transition-duration": resolvedTransitionDuration,
+        ...(backgroundColor ? { "--cc-ellipsis-background": backgroundColor } : {}),
+        ...(textColor ? { "--cc-ellipsis-text-color": textColor } : {}),
+    };
+    const handleClick = (event) => {
+        onClick?.(event);
+        if (!expandable || event.defaultPrevented)
+            return;
+        const nextExpanded = !isExpanded;
+        if (expanded === undefined)
+            setInnerExpanded(nextExpanded);
+        onExpandedChange?.(nextExpanded);
+    };
+    const handleKeyDown = (event) => {
+        onKeyDown?.(event);
+        if (!expandable ||
+            event.defaultPrevented ||
+            (event.key !== "Enter" && event.key !== " "))
+            return;
+        event.preventDefault();
+        const nextExpanded = !isExpanded;
+        if (expanded === undefined)
+            setInnerExpanded(nextExpanded);
+        onExpandedChange?.(nextExpanded);
+    };
+    return (jsx("div", { className: className, "data-expandable": expandable, "data-expanded": isExpanded, "data-lines": normalizedLines === 1 ? "single" : "multiple", onClick: handleClick, onKeyDown: handleKeyDown, role: expandable ? "button" : role, style: { ...cssVars, ...style }, tabIndex: expandable ? (tabIndex ?? 0) : tabIndex, ...props, children: jsx("span", { className: contentClassName, children: text }) }));
+}
+
+export { EllipsisText };
+//# sourceMappingURL=ellipsis-text.js.map

package/dist/components/ellipsis-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ellipsis-text.js","sources":["../../src/index.tsx"],"names":["_jsx"],"mappings":"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"}

package/dist/components/empty.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@class-kit/core');
+
+function DefaultEmptyIcon() {
+    return (jsxRuntime.jsxs("svg", { className: "cc-empty__illustration", viewBox: "0 0 96 96", focusable: "false", children: [jsxRuntime.jsx("ellipse", { className: "cc-empty__illustration-shadow", cx: "48", cy: "76", rx: "31", ry: "8" }), jsxRuntime.jsx("path", { className: "cc-empty__tray-back", d: "M24 48h48l9 18H15l9-18Z" }), jsxRuntime.jsx("path", { className: "cc-empty__tray-front", d: "M15 66h66l-8 16H23l-8-16Z" }), jsxRuntime.jsx("path", { className: "cc-empty__tray-lip", d: "M27 58h42" }), jsxRuntime.jsx("path", { className: "cc-empty__tray-glow", d: "M32 70h32" }), jsxRuntime.jsx("path", { className: "cc-empty__mini-bolt-side", d: "M54 10 36 38h13l-7 26 27-36H55l9-18Z" }), jsxRuntime.jsx("path", { className: "cc-empty__mini-bolt-face", d: "M49 8 31 36h13l-7 26 27-36H50l9-18Z" }), jsxRuntime.jsx("path", { className: "cc-empty__mini-bolt-highlight", d: "M49 16 39 32h10l-5 15 11-17h-9l7-14Z" }), jsxRuntime.jsx("path", { className: "cc-empty__spark", d: "M23 32h8M27 28v8" }), jsxRuntime.jsx("path", { className: "cc-empty__spark cc-empty__spark--small", d: "M71 44h6M74 41v6" })] }));
+}
+function Empty({ className, description = core.getClassComponentsLocale().emptyText, icon, ...props }) {
+    return (jsxRuntime.jsxs("div", { className: ["cc-empty", className].filter(Boolean).join(" "), role: "status", ...props, children: [jsxRuntime.jsx("span", { className: "cc-empty__icon", "aria-hidden": "true", children: icon ?? jsxRuntime.jsx(DefaultEmptyIcon, {}) }), description ? (jsxRuntime.jsx("span", { className: "cc-empty__description", children: description })) : null] }));
+}
+
+exports.Empty = Empty;
+//# sourceMappingURL=empty.cjs.map

package/dist/components/empty.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.cjs","sources":["../../src/index.tsx"],"names":["_jsxs","_jsx","getClassComponentsLocale"],"mappings":";;;;;AA4wHA,SAAS,gBAAgB,GAAA;AACvB,IAAA,QACEA,eAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAC,wBAAwB,EAClC,OAAO,EAAC,WAAW,EACnB,SAAS,EAAC,OAAO,EAAA,QAAA,EAAA,CAEjBC,cAAA,CAAA,SAAA,EAAA,EACE,SAAS,EAAC,+BAA+B,EACzC,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,GAAG,EAAA,CACN,EACFA,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,qBAAqB,EAAC,CAAC,EAAC,yBAAyB,EAAA,CAAG,EACpEA,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,sBAAsB,EAAC,CAAC,EAAC,2BAA2B,EAAA,CAAG,EACvEA,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,oBAAoB,EAAC,CAAC,EAAC,WAAW,EAAA,CAAG,EACrDA,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,qBAAqB,EAAC,CAAC,EAAC,WAAW,EAAA,CAAG,EACtDA,cAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAC,0BAA0B,EACpC,CAAC,EAAC,sCAAsC,EAAA,CACxC,EACFA,cAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAC,0BAA0B,EACpC,CAAC,EAAC,qCAAqC,EAAA,CACvC,EACFA,cAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAC,+BAA+B,EACzC,CAAC,EAAC,sCAAsC,EAAA,CACxC,EACFA,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,iBAAiB,EAAC,CAAC,EAAC,kBAAkB,EAAA,CAAG,EACzDA,cAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAC,wCAAwC,EAClD,CAAC,EAAC,kBAAkB,EAAA,CACpB,CAAA,EAAA,CACE;AAEV;SAEgB,KAAK,CAAC,EACpB,SAAS,EACT,WAAW,GAAGC,6BAAwB,EAAE,CAAC,SAAS,EAClD,IAAI,EACJ,GAAG,KAAK,EACG,EAAA;IACX,QACEF,eAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAC5D,IAAI,EAAC,QAAQ,EAAA,GACT,KAAK,EAAA,QAAA,EAAA,CAETC,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,gBAAgB,EAAA,aAAA,EAAa,MAAM,EAAA,QAAA,EAChD,IAAI,IAAIA,cAAA,CAAC,gBAAgB,EAAA,EAAA,CAAG,EAAA,CACxB,EACN,WAAW,IACVA,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,uBAAuB,EAAA,QAAA,EAAE,WAAW,EAAA,CAAQ,IAC1D,IAAI,CAAA,EAAA,CACJ;AAEV;;;;"}

package/dist/components/empty.d.ts

@@ -0,0 +1,3 @@
+export { Empty } from "../index";
+export type { EmptyProps } from "../index";
+//# sourceMappingURL=empty.d.ts.map

package/dist/components/empty.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.d.ts","sourceRoot":"","sources":["../../src/components/empty.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,YAAY,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/empty.js

@@ -0,0 +1,12 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { getClassComponentsLocale } from '@class-kit/core';
+
+function DefaultEmptyIcon() {
+    return (jsxs("svg", { className: "cc-empty__illustration", viewBox: "0 0 96 96", focusable: "false", children: [jsx("ellipse", { className: "cc-empty__illustration-shadow", cx: "48", cy: "76", rx: "31", ry: "8" }), jsx("path", { className: "cc-empty__tray-back", d: "M24 48h48l9 18H15l9-18Z" }), jsx("path", { className: "cc-empty__tray-front", d: "M15 66h66l-8 16H23l-8-16Z" }), jsx("path", { className: "cc-empty__tray-lip", d: "M27 58h42" }), jsx("path", { className: "cc-empty__tray-glow", d: "M32 70h32" }), jsx("path", { className: "cc-empty__mini-bolt-side", d: "M54 10 36 38h13l-7 26 27-36H55l9-18Z" }), jsx("path", { className: "cc-empty__mini-bolt-face", d: "M49 8 31 36h13l-7 26 27-36H50l9-18Z" }), jsx("path", { className: "cc-empty__mini-bolt-highlight", d: "M49 16 39 32h10l-5 15 11-17h-9l7-14Z" }), jsx("path", { className: "cc-empty__spark", d: "M23 32h8M27 28v8" }), jsx("path", { className: "cc-empty__spark cc-empty__spark--small", d: "M71 44h6M74 41v6" })] }));
+}
+function Empty({ className, description = getClassComponentsLocale().emptyText, icon, ...props }) {
+    return (jsxs("div", { className: ["cc-empty", className].filter(Boolean).join(" "), role: "status", ...props, children: [jsx("span", { className: "cc-empty__icon", "aria-hidden": "true", children: icon ?? jsx(DefaultEmptyIcon, {}) }), description ? (jsx("span", { className: "cc-empty__description", children: description })) : null] }));
+}
+
+export { Empty };
+//# sourceMappingURL=empty.js.map

package/dist/components/empty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.js","sources":["../../src/index.tsx"],"names":["_jsxs","_jsx"],"mappings":";;;AA4wHA,SAAS,gBAAgB,GAAA;AACvB,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAC,wBAAwB,EAClC,OAAO,EAAC,WAAW,EACnB,SAAS,EAAC,OAAO,EAAA,QAAA,EAAA,CAEjBC,GAAA,CAAA,SAAA,EAAA,EACE,SAAS,EAAC,+BAA+B,EACzC,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,GAAG,EAAA,CACN,EACFA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,qBAAqB,EAAC,CAAC,EAAC,yBAAyB,EAAA,CAAG,EACpEA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,sBAAsB,EAAC,CAAC,EAAC,2BAA2B,EAAA,CAAG,EACvEA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,oBAAoB,EAAC,CAAC,EAAC,WAAW,EAAA,CAAG,EACrDA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,qBAAqB,EAAC,CAAC,EAAC,WAAW,EAAA,CAAG,EACtDA,GAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAC,0BAA0B,EACpC,CAAC,EAAC,sCAAsC,EAAA,CACxC,EACFA,GAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAC,0BAA0B,EACpC,CAAC,EAAC,qCAAqC,EAAA,CACvC,EACFA,GAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAC,+BAA+B,EACzC,CAAC,EAAC,sCAAsC,EAAA,CACxC,EACFA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,iBAAiB,EAAC,CAAC,EAAC,kBAAkB,EAAA,CAAG,EACzDA,GAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAC,wCAAwC,EAClD,CAAC,EAAC,kBAAkB,EAAA,CACpB,CAAA,EAAA,CACE;AAEV;SAEgB,KAAK,CAAC,EACpB,SAAS,EACT,WAAW,GAAG,wBAAwB,EAAE,CAAC,SAAS,EAClD,IAAI,EACJ,GAAG,KAAK,EACG,EAAA;IACX,QACED,IAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAC5D,IAAI,EAAC,QAAQ,EAAA,GACT,KAAK,EAAA,QAAA,EAAA,CAETC,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,gBAAgB,EAAA,aAAA,EAAa,MAAM,EAAA,QAAA,EAChD,IAAI,IAAIA,GAAA,CAAC,gBAAgB,EAAA,EAAA,CAAG,EAAA,CACxB,EACN,WAAW,IACVA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,uBAAuB,EAAA,QAAA,EAAE,WAAW,EAAA,CAAQ,IAC1D,IAAI,CAAA,EAAA,CACJ;AAEV;;;;"}

package/dist/components/field.cjs

@@ -0,0 +1,100 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var core = require('@class-kit/core');
+
+const FormContext = /*#__PURE__*/ React.createContext(null);
+const classIconPaths = {
+    chevronDown: ["M6 9l6 6 6-6"],
+    chevronLeft: ["M15 18l-6-6 6-6"],
+    chevronRight: ["M9 18l6-6-6-6"],
+    chevronUp: ["M18 15l-6-6-6 6"],
+    check: ["M20 6 9 17l-5-5"],
+    settings: [
+        "M12 15.5A3.5 3.5 0 1 0 12 8a3.5 3.5 0 0 0 0 7.5Z",
+        "M19.4 15a1.8 1.8 0 0 0 .36 1.98l.04.04a2.18 2.18 0 0 1-3.08 3.08l-.04-.04a1.8 1.8 0 0 0-1.98-.36 1.8 1.8 0 0 0-1 1.62V21a2.2 2.2 0 0 1-4.4 0v-.06a1.8 1.8 0 0 0-1-1.62 1.8 1.8 0 0 0-1.98.36l-.04.04A2.18 2.18 0 0 1 3.2 16.64l.04-.04A1.8 1.8 0 0 0 3.6 14.6a1.8 1.8 0 0 0-1.62-1H2a2.2 2.2 0 0 1 0-4.4h.06a1.8 1.8 0 0 0 1.62-1 1.8 1.8 0 0 0-.36-1.98l-.04-.04A2.18 2.18 0 0 1 6.36 3.1l.04.04a1.8 1.8 0 0 0 1.98.36h.08A1.8 1.8 0 0 0 9.4 1.88V1.8a2.2 2.2 0 0 1 4.4 0v.06a1.8 1.8 0 0 0 1 1.62 1.8 1.8 0 0 0 1.98-.36l.04-.04A2.18 2.18 0 0 1 19.9 6.16l-.04.04a1.8 1.8 0 0 0-.36 1.98v.08a1.8 1.8 0 0 0 1.62.94h.08a2.2 2.2 0 0 1 0 4.4h-.06A1.8 1.8 0 0 0 19.4 15Z",
+    ],
+    star: [
+        "M12 2l3.09 6.26 6.91 1-5 4.87 1.18 6.87L12 17.77 5.82 21 7 14.13l-5-4.87 6.91-1L12 2Z",
+    ],
+    x: ["M18 6 6 18", "M6 6l12 12"],
+};
+function ClassIcon({ className = "cc-icon", name, }) {
+    return (jsxRuntime.jsx("svg", { "aria-hidden": "true", className: className, fill: name === "star" ? "currentColor" : "none", focusable: "false", viewBox: "0 0 24 24", children: classIconPaths[name].map((d) => (jsxRuntime.jsx("path", { d: d, stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: name === "star" ? 0 : 2 }, d))) }));
+}
+function useFormInteractivity() {
+    const context = React.useContext(FormContext);
+    return {
+        disabled: context?.disabled ?? false,
+        readOnly: context?.readOnly ?? false,
+    };
+}
+function useOptionalFormInteractivity() {
+    return useFormInteractivity();
+}
+function resolveFieldInteractivity(form, disabled, readOnly) {
+    const resolvedDisabled = disabled ?? form.disabled;
+    return {
+        disabled: resolvedDisabled,
+        readOnly: !resolvedDisabled && (readOnly ?? form.readOnly),
+    };
+}
+function useOptionalField(name, options = {}) {
+    const context = React.useContext(FormContext);
+    const optionsRef = React.useRef(options);
+    optionsRef.current = options;
+    const state = React.useSyncExternalStore((listener) => context ? context.controller.subscribe(listener) : () => undefined, () => context?.controller.getState() ?? null, () => context?.controller.getState() ?? null);
+    const [localValue, setLocalValue] = React.useState(() => (options.initialValue ?? ""));
+    React.useEffect(() => {
+        if (!context || !name)
+            return undefined;
+        return context.controller.registerField(name, optionsRef.current);
+    }, [context, name]);
+    const field = name ? state?.fields[name] : undefined;
+    const usesFormField = Boolean(context && name);
+    return {
+        value: usesFormField ? (field?.value ?? "") : localValue,
+        errors: usesFormField ? (field?.errors ?? []) : [],
+        dirty: usesFormField ? (field?.meta.dirty ?? false) : false,
+        touched: usesFormField ? (field?.meta.touched ?? false) : false,
+        setValue: (value) => {
+            if (context && name) {
+                void context.controller.setValue(name, value);
+            }
+            else {
+                setLocalValue(value);
+            }
+        },
+        onBlur: () => {
+            if (context && name)
+                void context.controller.blur(name);
+        },
+    };
+}
+function FieldError({ errors, errorId, className, }) {
+    return errors.length > 0 ? (jsxRuntime.jsx("span", { className: className ?? "cc-field__error", id: errorId, role: "alert", children: errors[0] })) : null;
+}
+function Input({ name, label, type = "text", className = "cc-field", labelClassName = "cc-field__label", controlClassName = "cc-field__control", controlWrapClassName = "cc-field__control-wrap", errorClassName, clearable = true, clearIcon = jsxRuntime.jsx(ClassIcon, { name: "x" }), clearLabel = core.getClassComponentsLocale().inputClearLabel, disabled, readOnly, initialValue, rules, validateOn, ...options }) {
+    const field = useOptionalField(name, {
+        initialValue,
+        rules,
+        validateOn,
+    });
+    const interactivity = resolveFieldInteractivity(useOptionalFormInteractivity(), disabled, readOnly);
+    const errorId = `${name}-error`;
+    const invalid = field.errors.length > 0;
+    const canClear = clearable &&
+        field.value !== "" &&
+        !interactivity.disabled &&
+        !interactivity.readOnly;
+    return (jsxRuntime.jsxs("label", { className: className, "data-disabled": interactivity.disabled, "data-readonly": interactivity.readOnly, children: [label ? jsxRuntime.jsx("span", { className: labelClassName, children: label }) : null, jsxRuntime.jsxs("span", { className: controlWrapClassName, children: [jsxRuntime.jsx("input", { "aria-describedby": invalid ? errorId : undefined, "aria-invalid": invalid, className: `${controlClassName}${canClear ? " cc-field__control--clearable" : ""}`, "data-readonly": interactivity.readOnly, disabled: interactivity.disabled, name: name, readOnly: interactivity.readOnly, type: type, value: field.value, onBlur: field.onBlur, onChange: (event) => {
+                            if (interactivity.readOnly)
+                                return;
+                            field.setValue(event.currentTarget.value);
+                        }, ...options }), canClear ? (jsxRuntime.jsx("button", { "aria-label": clearLabel, className: "cc-field__clear", type: "button", onClick: () => field.setValue(""), children: clearIcon })) : null] }), jsxRuntime.jsx(FieldError, { className: errorClassName, errorId: errorId, errors: field.errors })] }));
+}
+const Field = Input;
+
+exports.Field = Field;
+//# sourceMappingURL=field.cjs.map

package/dist/components/field.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.cjs","sources":["../../src/index.tsx"],"names":["createContext","_jsx","useContext","useSyncExternalStore","useEffect","getClassComponentsLocale","_jsxs"],"mappings":"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"}

package/dist/components/field.d.ts

@@ -0,0 +1,3 @@
+export { Field } from "../index";
+export type { FieldProps } from "../index";
+//# sourceMappingURL=field.d.ts.map

package/dist/components/field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../src/components/field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,YAAY,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/field.js

@@ -0,0 +1,98 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React, { useContext, useSyncExternalStore, useEffect, createContext } from 'react';
+import { getClassComponentsLocale } from '@class-kit/core';
+
+const FormContext = /*#__PURE__*/ createContext(null);
+const classIconPaths = {
+    chevronDown: ["M6 9l6 6 6-6"],
+    chevronLeft: ["M15 18l-6-6 6-6"],
+    chevronRight: ["M9 18l6-6-6-6"],
+    chevronUp: ["M18 15l-6-6-6 6"],
+    check: ["M20 6 9 17l-5-5"],
+    settings: [
+        "M12 15.5A3.5 3.5 0 1 0 12 8a3.5 3.5 0 0 0 0 7.5Z",
+        "M19.4 15a1.8 1.8 0 0 0 .36 1.98l.04.04a2.18 2.18 0 0 1-3.08 3.08l-.04-.04a1.8 1.8 0 0 0-1.98-.36 1.8 1.8 0 0 0-1 1.62V21a2.2 2.2 0 0 1-4.4 0v-.06a1.8 1.8 0 0 0-1-1.62 1.8 1.8 0 0 0-1.98.36l-.04.04A2.18 2.18 0 0 1 3.2 16.64l.04-.04A1.8 1.8 0 0 0 3.6 14.6a1.8 1.8 0 0 0-1.62-1H2a2.2 2.2 0 0 1 0-4.4h.06a1.8 1.8 0 0 0 1.62-1 1.8 1.8 0 0 0-.36-1.98l-.04-.04A2.18 2.18 0 0 1 6.36 3.1l.04.04a1.8 1.8 0 0 0 1.98.36h.08A1.8 1.8 0 0 0 9.4 1.88V1.8a2.2 2.2 0 0 1 4.4 0v.06a1.8 1.8 0 0 0 1 1.62 1.8 1.8 0 0 0 1.98-.36l.04-.04A2.18 2.18 0 0 1 19.9 6.16l-.04.04a1.8 1.8 0 0 0-.36 1.98v.08a1.8 1.8 0 0 0 1.62.94h.08a2.2 2.2 0 0 1 0 4.4h-.06A1.8 1.8 0 0 0 19.4 15Z",
+    ],
+    star: [
+        "M12 2l3.09 6.26 6.91 1-5 4.87 1.18 6.87L12 17.77 5.82 21 7 14.13l-5-4.87 6.91-1L12 2Z",
+    ],
+    x: ["M18 6 6 18", "M6 6l12 12"],
+};
+function ClassIcon({ className = "cc-icon", name, }) {
+    return (jsx("svg", { "aria-hidden": "true", className: className, fill: name === "star" ? "currentColor" : "none", focusable: "false", viewBox: "0 0 24 24", children: classIconPaths[name].map((d) => (jsx("path", { d: d, stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: name === "star" ? 0 : 2 }, d))) }));
+}
+function useFormInteractivity() {
+    const context = useContext(FormContext);
+    return {
+        disabled: context?.disabled ?? false,
+        readOnly: context?.readOnly ?? false,
+    };
+}
+function useOptionalFormInteractivity() {
+    return useFormInteractivity();
+}
+function resolveFieldInteractivity(form, disabled, readOnly) {
+    const resolvedDisabled = disabled ?? form.disabled;
+    return {
+        disabled: resolvedDisabled,
+        readOnly: !resolvedDisabled && (readOnly ?? form.readOnly),
+    };
+}
+function useOptionalField(name, options = {}) {
+    const context = useContext(FormContext);
+    const optionsRef = React.useRef(options);
+    optionsRef.current = options;
+    const state = useSyncExternalStore((listener) => context ? context.controller.subscribe(listener) : () => undefined, () => context?.controller.getState() ?? null, () => context?.controller.getState() ?? null);
+    const [localValue, setLocalValue] = React.useState(() => (options.initialValue ?? ""));
+    useEffect(() => {
+        if (!context || !name)
+            return undefined;
+        return context.controller.registerField(name, optionsRef.current);
+    }, [context, name]);
+    const field = name ? state?.fields[name] : undefined;
+    const usesFormField = Boolean(context && name);
+    return {
+        value: usesFormField ? (field?.value ?? "") : localValue,
+        errors: usesFormField ? (field?.errors ?? []) : [],
+        dirty: usesFormField ? (field?.meta.dirty ?? false) : false,
+        touched: usesFormField ? (field?.meta.touched ?? false) : false,
+        setValue: (value) => {
+            if (context && name) {
+                void context.controller.setValue(name, value);
+            }
+            else {
+                setLocalValue(value);
+            }
+        },
+        onBlur: () => {
+            if (context && name)
+                void context.controller.blur(name);
+        },
+    };
+}
+function FieldError({ errors, errorId, className, }) {
+    return errors.length > 0 ? (jsx("span", { className: className ?? "cc-field__error", id: errorId, role: "alert", children: errors[0] })) : null;
+}
+function Input({ name, label, type = "text", className = "cc-field", labelClassName = "cc-field__label", controlClassName = "cc-field__control", controlWrapClassName = "cc-field__control-wrap", errorClassName, clearable = true, clearIcon = jsx(ClassIcon, { name: "x" }), clearLabel = getClassComponentsLocale().inputClearLabel, disabled, readOnly, initialValue, rules, validateOn, ...options }) {
+    const field = useOptionalField(name, {
+        initialValue,
+        rules,
+        validateOn,
+    });
+    const interactivity = resolveFieldInteractivity(useOptionalFormInteractivity(), disabled, readOnly);
+    const errorId = `${name}-error`;
+    const invalid = field.errors.length > 0;
+    const canClear = clearable &&
+        field.value !== "" &&
+        !interactivity.disabled &&
+        !interactivity.readOnly;
+    return (jsxs("label", { className: className, "data-disabled": interactivity.disabled, "data-readonly": interactivity.readOnly, children: [label ? jsx("span", { className: labelClassName, children: label }) : null, jsxs("span", { className: controlWrapClassName, children: [jsx("input", { "aria-describedby": invalid ? errorId : undefined, "aria-invalid": invalid, className: `${controlClassName}${canClear ? " cc-field__control--clearable" : ""}`, "data-readonly": interactivity.readOnly, disabled: interactivity.disabled, name: name, readOnly: interactivity.readOnly, type: type, value: field.value, onBlur: field.onBlur, onChange: (event) => {
+                            if (interactivity.readOnly)
+                                return;
+                            field.setValue(event.currentTarget.value);
+                        }, ...options }), canClear ? (jsx("button", { "aria-label": clearLabel, className: "cc-field__clear", type: "button", onClick: () => field.setValue(""), children: clearIcon })) : null] }), jsx(FieldError, { className: errorClassName, errorId: errorId, errors: field.errors })] }));
+}
+const Field = Input;
+
+export { Field };
+//# sourceMappingURL=field.js.map

package/dist/components/field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.js","sources":["../../src/index.tsx"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/components/file-preview.cjs

@@ -0,0 +1,176 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var core = require('@class-kit/core');
+
+function DefaultLoadingIndicator() {
+    return (jsxRuntime.jsxs("svg", { className: "cc-loading__bolt", viewBox: "0 0 96 96", focusable: "false", children: [jsxRuntime.jsx("ellipse", { className: "cc-loading__bolt-shadow", cx: "51", cy: "74", rx: "28", ry: "8" }), jsxRuntime.jsx("path", { className: "cc-loading__bolt-side", d: "M54 8 26 48h20L34 82l39-46H51L65 8Z" }), jsxRuntime.jsx("path", { className: "cc-loading__bolt-face", d: "M48 6 20 46h20L28 80l39-46H45L59 6Z" }), jsxRuntime.jsx("path", { className: "cc-loading__bolt-highlight", d: "M48 14 31 39h17L39 62l18-24H43l10-24Z" })] }));
+}
+function Loading({ className, indicator, text = core.getClassComponentsLocale().loadingText, ...props }) {
+    return (jsxRuntime.jsxs("div", { className: ["cc-loading", className].filter(Boolean).join(" "), role: "status", "aria-live": "polite", ...props, children: [jsxRuntime.jsx("span", { className: "cc-loading__indicator", "aria-hidden": "true", children: indicator ?? jsxRuntime.jsx(DefaultLoadingIndicator, {}) }), text ? jsxRuntime.jsx("span", { className: "cc-loading__text", children: text }) : null] }));
+}
+async function importOptionalLibrary(name) {
+    try {
+        return await new Function("name", "return import(name)")(name);
+    }
+    catch {
+        return null;
+    }
+}
+function getGlobalLibrary(name) {
+    const record = globalThis;
+    return record[name] ?? null;
+}
+async function renderExcelFileWithExternalLibrary(file) {
+    const xlsx = getGlobalLibrary("XLSX") ?? (await importOptionalLibrary("xlsx"));
+    if (!xlsx)
+        throw new Error("Excel local preview requires xlsx. Install it or load it from CDN.");
+    const workbook = xlsx.read(await file.arrayBuffer(), { type: "array" });
+    const sheetName = workbook.SheetNames?.[0];
+    const sheet = sheetName ? workbook.Sheets[sheetName] : undefined;
+    if (!sheet)
+        return '<div class="cc-file-preview__local-empty">Empty workbook</div>';
+    return xlsx.utils.sheet_to_html(sheet, { editable: false });
+}
+async function renderWordFileWithExternalLibrary(file) {
+    const mammoth = getGlobalLibrary("mammoth") ?? (await importOptionalLibrary("mammoth"));
+    if (!mammoth)
+        throw new Error("Word local preview requires mammoth. Install it or load it from CDN.");
+    const result = await mammoth.convertToHtml({
+        arrayBuffer: await file.arrayBuffer(),
+    });
+    return (result.value ||
+        '<div class="cc-file-preview__local-empty">Empty document</div>');
+}
+function FilePreview({ currentPage, file, fileName, height = 520, localUnsupportedText, pageCount, renderLocalExcel, renderLocalPpt, renderLocalWord, src, title, type, viewerBaseUrl, className = "cc-file-preview", onPageChange, style, ...props }) {
+    const [innerPage, setInnerPage] = React.useState(currentPage ?? 1);
+    const [objectUrl, setObjectUrl] = React.useState("");
+    const [localContent, setLocalContent] = React.useState(null);
+    const [localError, setLocalError] = React.useState("");
+    const page = currentPage ?? innerPage;
+    React.useEffect(() => {
+        if (!file) {
+            setObjectUrl("");
+            return undefined;
+        }
+        const nextUrl = URL.createObjectURL(file);
+        setObjectUrl(nextUrl);
+        return () => URL.revokeObjectURL(nextUrl);
+    }, [file]);
+    const effectiveSrc = objectUrl || src || "";
+    const effectiveFileName = fileName ?? file?.name;
+    const controller = React.useMemo(() => new core.FilePreviewController({
+        currentPage: page,
+        fileName: effectiveFileName,
+        pageCount,
+        src: effectiveSrc,
+        type,
+        viewerBaseUrl,
+    }), [
+        currentPage,
+        effectiveFileName,
+        effectiveSrc,
+        page,
+        pageCount,
+        type,
+        viewerBaseUrl,
+    ]);
+    const state = controller.getState();
+    const [previewLoading, setPreviewLoading] = React.useState(state.mode !== "unsupported");
+    const previewLoadingTimerRef = React.useRef(null);
+    const hidePreviewLoading = React.useCallback((delay = 140) => {
+        if (previewLoadingTimerRef.current)
+            clearTimeout(previewLoadingTimerRef.current);
+        previewLoadingTimerRef.current = setTimeout(() => setPreviewLoading(false), delay);
+    }, []);
+    React.useEffect(() => {
+        if (state.mode === "unsupported") {
+            setPreviewLoading(false);
+            return undefined;
+        }
+        setPreviewLoading(true);
+        if (previewLoadingTimerRef.current)
+            clearTimeout(previewLoadingTimerRef.current);
+        previewLoadingTimerRef.current = setTimeout(() => setPreviewLoading(false), 900);
+        return () => {
+            if (previewLoadingTimerRef.current)
+                clearTimeout(previewLoadingTimerRef.current);
+        };
+    }, [state.mode, state.previewUrl]);
+    const isLocalOfficeFile = Boolean(file &&
+        (state.type === "excel" || state.type === "ppt" || state.type === "word"));
+    React.useEffect(() => {
+        let cancelled = false;
+        async function renderLocalFile() {
+            if (!file || !isLocalOfficeFile) {
+                setLocalContent(null);
+                setLocalError("");
+                return;
+            }
+            setPreviewLoading(true);
+            setLocalContent(null);
+            setLocalError("");
+            try {
+                const renderer = state.type === "excel"
+                    ? (renderLocalExcel ?? renderExcelFileWithExternalLibrary)
+                    : state.type === "word"
+                        ? (renderLocalWord ?? renderWordFileWithExternalLibrary)
+                        : renderLocalPpt;
+                if (!renderer)
+                    throw new Error("PPT/PPTX 本地预览需要传入 renderLocalPpt，或先转换成 PDF 文件后按 PDF 预览。");
+                const result = await renderer(file, state);
+                if (cancelled)
+                    return;
+                setLocalContent(result);
+                hidePreviewLoading();
+            }
+            catch (error) {
+                if (cancelled)
+                    return;
+                setLocalError(error instanceof Error ? error.message : String(error));
+                setPreviewLoading(false);
+            }
+        }
+        void renderLocalFile();
+        return () => {
+            cancelled = true;
+        };
+    }, [
+        file,
+        hidePreviewLoading,
+        isLocalOfficeFile,
+        renderLocalExcel,
+        renderLocalPpt,
+        renderLocalWord,
+        state.currentPage,
+        state.fileName,
+        state.src,
+        state.type,
+    ]);
+    const commitPage = (nextPage) => {
+        setPreviewLoading(true);
+        const next = controller.goTo(nextPage);
+        if (currentPage === undefined)
+            setInnerPage(next.currentPage);
+        onPageChange?.(next.currentPage);
+    };
+    const canPage = state.mode === "pdf" && Boolean(state.pageCount && state.pageCount > 1);
+    const canPrevious = canPage && state.currentPage > 1;
+    const canNext = canPage &&
+        state.pageCount !== undefined &&
+        state.currentPage < state.pageCount;
+    return (jsxRuntime.jsxs("div", { className: className, "data-mode": state.mode, "data-type": state.type, style: {
+            "--cc-file-preview-height": typeof height === "number" ? `${height}px` : height,
+            ...style,
+        }, ...props, children: [jsxRuntime.jsxs("div", { className: "cc-file-preview__toolbar", children: [jsxRuntime.jsxs("div", { className: "cc-file-preview__meta", children: [jsxRuntime.jsx("span", { className: "cc-file-preview__badge", children: state.type.toUpperCase() }), jsxRuntime.jsx("strong", { children: title ?? state.title }), jsxRuntime.jsx("small", { children: state.mode === "office"
+                                    ? "Office viewer"
+                                    : state.mode === "pdf"
+                                        ? "PDF preview"
+                                        : "Unsupported file" })] }), jsxRuntime.jsxs("div", { className: "cc-file-preview__actions", children: [canPage ? (jsxRuntime.jsxs("span", { className: "cc-file-preview__pager", children: [jsxRuntime.jsx("button", { type: "button", disabled: !canPrevious, onClick: () => commitPage(state.currentPage - 1), children: "\u4E0A\u4E00\u9875" }), jsxRuntime.jsxs("span", { children: [state.currentPage, " / ", state.pageCount] }), jsxRuntime.jsx("button", { type: "button", disabled: !canNext, onClick: () => commitPage(state.currentPage + 1), children: "\u4E0B\u4E00\u9875" })] })) : null, state.src ? (jsxRuntime.jsx("a", { href: state.src, target: "_blank", rel: "noreferrer", children: "\u6253\u5F00\u6E90\u6587\u4EF6" })) : null] })] }), jsxRuntime.jsx("div", { className: "cc-file-preview__body", "data-loading": previewLoading, children: state.mode === "unsupported" || !effectiveSrc ? (jsxRuntime.jsxs("div", { className: "cc-file-preview__empty", children: [jsxRuntime.jsx("strong", { children: "\u6682\u4E0D\u652F\u6301\u9884\u89C8\u8BE5\u6587\u4EF6" }), jsxRuntime.jsx("span", { children: "\u8BF7\u68C0\u67E5\u6587\u4EF6\u7C7B\u578B\uFF0C\u6216\u901A\u8FC7\u201C\u6253\u5F00\u6E90\u6587\u4EF6\u201D\u5728\u65B0\u7A97\u53E3\u67E5\u770B\u3002" })] })) : isLocalOfficeFile ? (jsxRuntime.jsxs("div", { className: "cc-file-preview__local", children: [localError ? (jsxRuntime.jsxs("div", { className: "cc-file-preview__empty", children: [jsxRuntime.jsx("strong", { children: "\u672C\u5730\u9884\u89C8\u4F9D\u8D56\u672A\u5C31\u7EEA" }), jsxRuntime.jsx("span", { children: localUnsupportedText ?? localError })] })) : typeof localContent === "string" ? (jsxRuntime.jsx("div", { className: "cc-file-preview__local-html", dangerouslySetInnerHTML: { __html: localContent } })) : (localContent), jsxRuntime.jsx("div", { "aria-hidden": "true", className: "cc-file-preview__skeleton", children: jsxRuntime.jsx(Loading, { className: "cc-loading cc-file-preview__loading", text: core.getClassComponentsLocale().loadingText }) })] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("iframe", { className: "cc-file-preview__frame", src: state.previewUrl, title: String(title ?? state.title), onLoad: () => hidePreviewLoading() }, state.previewUrl), jsxRuntime.jsx("div", { "aria-hidden": "true", className: "cc-file-preview__skeleton", children: jsxRuntime.jsx(Loading, { className: "cc-loading cc-file-preview__loading", text: core.getClassComponentsLocale().loadingText }) })] })) }), state.mode === "office" ? (jsxRuntime.jsx("p", { className: "cc-file-preview__hint", children: file
+                    ? "本地 Word/Excel 预览依赖用户项目安装或外链加载 mammoth/xlsx；PPT/PPTX 建议转换成 PDF 或传入自定义 renderLocalPpt。"
+                    : "Word、Excel、PPT 预览依赖在线 viewer，文件地址需要可被 viewer 服务访问；组件不内置第三方解析库。" })) : null] }));
+}
+
+exports.FilePreview = FilePreview;
+//# sourceMappingURL=file-preview.cjs.map