@cozeloop/components 0.0.12-beta-1778488172610 → 0.0.12-beta-1378.344125032425

package/dist/lib/page-content/index.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { I18n } from '@cozeloop/i18n';
+import classNames from 'classnames';
+import { IconCozIllus404Dark, IconCozIllus404, IconCozIllusErrorDark, IconCozIllusError, IconCozIllusLock, IconCozIllusLockDark, IconCozIllusEmpty, IconCozIllusEmptyDark, } from '@coze-arch/coze-design/illustrations';
+import { Empty, Spin } from '@coze-arch/coze-design';
+export function FullPage({ children, className, style }) {
+    return (_jsx("div", { className: classNames('w-full h-full flex items-center justify-center bg-semi-bg-1 z-10', className), style: style, children: children }));
+}
+export function PageLoading(props) {
+    return (_jsx(FullPage, { className: props.className, style: props.style, children: _jsx(Spin, { wrapperClassName: "w-full h-full", spinning: true, tip: props.tip }) }));
+}
+export function PageNotFound({ className, ...props }) {
+    return (_jsx(FullPage, { className: className, children: _jsx(Empty, { image: _jsx(IconCozIllus404, { className: "text-[160px]" }), darkModeImage: _jsx(IconCozIllus404Dark, { className: "text-[160px]" }), description: I18n.t('page_not_found'), ...props }) }));
+}
+export function PageError({ className, ...props }) {
+    return (_jsx(FullPage, { className: className, children: _jsx(Empty, { image: _jsx(IconCozIllusError, { className: "text-[160px]" }), darkModeImage: _jsx(IconCozIllusErrorDark, { className: "text-[160px]" }), description: I18n.t('page_load_failed'), ...props }) }));
+}
+export function PageNoAuth({ className, ...props }) {
+    return (_jsx(FullPage, { className: className, children: _jsx(Empty, { image: _jsx(IconCozIllusLock, { className: "text-[160px]" }), darkModeImage: _jsx(IconCozIllusLockDark, { className: "text-[160px]" }), description: I18n.t('no_permission'), ...props }) }));
+}
+export function PageNoContent({ className, ...props }) {
+    return (_jsx(FullPage, { className: className, children: _jsx(Empty, { image: _jsx(IconCozIllusEmpty, { className: "text-[160px]" }), darkModeImage: _jsx(IconCozIllusEmptyDark, { className: "text-[160px]" }), ...props }) }));
+}
+//# sourceMappingURL=index.js.map

package/dist/lib/page-content/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/page-content/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAGtC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EACL,mBAAmB,EACnB,eAAe,EACf,qBAAqB,EACrB,iBAAiB,EACjB,gBAAgB,EAChB,oBAAoB,EACpB,iBAAiB,EACjB,qBAAqB,GACtB,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,IAAI,EAAwB,MAAM,wBAAwB,CAAC;AAe3E,MAAM,UAAU,QAAQ,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAiB;IACpE,OAAO,CACL,cACE,SAAS,EAAE,UAAU,CACnB,kEAAkE,EAClE,SAAS,CACV,EACD,KAAK,EAAE,KAAK,YAEX,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AACD,MAAM,UAAU,WAAW,CAAC,KAAuB;IACjD,OAAO,CACL,KAAC,QAAQ,IAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,YACtD,KAAC,IAAI,IAAC,gBAAgB,EAAC,eAAe,EAAC,QAAQ,QAAC,GAAG,EAAE,KAAK,CAAC,GAAG,GAAI,GACzD,CACZ,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAoB;IACpE,OAAO,CACL,KAAC,QAAQ,IAAC,SAAS,EAAE,SAAS,YAC5B,KAAC,KAAK,IACJ,KAAK,EAAE,KAAC,eAAe,IAAC,SAAS,EAAC,cAAc,GAAG,EACnD,aAAa,EAAE,KAAC,mBAAmB,IAAC,SAAS,EAAC,cAAc,GAAG,EAC/D,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC,gBAAgB,CAAC,KACjC,KAAK,GACT,GACO,CACZ,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAoB;IACjE,OAAO,CACL,KAAC,QAAQ,IAAC,SAAS,EAAE,SAAS,YAC5B,KAAC,KAAK,IACJ,KAAK,EAAE,KAAC,iBAAiB,IAAC,SAAS,EAAC,cAAc,GAAG,EACrD,aAAa,EAAE,KAAC,qBAAqB,IAAC,SAAS,EAAC,cAAc,GAAG,EACjE,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC,kBAAkB,CAAC,KACnC,KAAK,GACT,GACO,CACZ,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAoB;IAClE,OAAO,CACL,KAAC,QAAQ,IAAC,SAAS,EAAE,SAAS,YAC5B,KAAC,KAAK,IACJ,KAAK,EAAE,KAAC,gBAAgB,IAAC,SAAS,EAAC,cAAc,GAAG,EACpD,aAAa,EAAE,KAAC,oBAAoB,IAAC,SAAS,EAAC,cAAc,GAAG,EAChE,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,KAChC,KAAK,GACF,GACA,CACZ,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAoB;IACrE,OAAO,CACL,KAAC,QAAQ,IAAC,SAAS,EAAE,SAAS,YAC5B,KAAC,KAAK,IACJ,KAAK,EAAE,KAAC,iBAAiB,IAAC,SAAS,EAAC,cAAc,GAAG,EACrD,aAAa,EAAE,KAAC,qBAAqB,IAAC,SAAS,EAAC,cAAc,GAAG,KAC7D,KAAK,GACT,GACO,CACZ,CAAC;AACJ,CAAC"}

package/dist/lib/primary-page/index.js

@@ -0,0 +1,2 @@
+export { PrimaryPage } from './primary-header';
+//# sourceMappingURL=index.js.map

package/dist/lib/primary-page/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/primary-page/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/lib/primary-page/primary-header.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+export const PrimaryPage = ({ pageTitle, renderCustomHeader, filterSlot, children, contentClassName, className, headerClassName, titleClassName, titleSlot, ...restProps }) => (_jsxs("div", { className: classNames('pt-2 pb-3 h-full max-h-full flex flex-col', className), ...restProps, children: [renderCustomHeader ? (renderCustomHeader) : pageTitle || titleSlot ? (_jsxs("div", { className: classNames('flex items-center justify-between py-4 px-6', headerClassName), children: [_jsx("div", { className: classNames('text-[20px] font-medium leading-6 coz-fg-plus', titleClassName), children: pageTitle }), _jsx("div", { children: titleSlot })] })) : null, filterSlot ? (_jsx("div", { className: "box-border coz-fg-secondary pt-1 pb-3 px-6", children: filterSlot })) : null, _jsx("div", { className: classNames('flex-1 h-full max-h-full overflow-hidden px-6', contentClassName), children: children })] }));
+//# sourceMappingURL=primary-header.js.map

package/dist/lib/primary-page/primary-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"primary-header.js","sourceRoot":"","sources":["../../../src/primary-page/primary-header.tsx"],"names":[],"mappings":";AAEA,OAAO,UAAU,MAAM,YAAY,CAAC;AAcpC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,SAAS,EACT,kBAAkB,EAClB,UAAU,EACV,QAAQ,EACR,gBAAgB,EAChB,SAAS,EACT,eAAe,EACf,cAAc,EACd,SAAS,EACT,GAAG,SAAS,EACW,EAAE,EAAE,CAAC,CAC5B,eACE,SAAS,EAAE,UAAU,CACnB,2CAA2C,EAC3C,SAAS,CACV,KACG,SAAS,aAEZ,kBAAkB,CAAC,CAAC,CAAC,CACpB,kBAAkB,CACnB,CAAC,CAAC,CAAC,SAAS,IAAI,SAAS,CAAC,CAAC,CAAC,CAC3B,eACE,SAAS,EAAE,UAAU,CACnB,6CAA6C,EAC7C,eAAe,CAChB,aAED,cACE,SAAS,EAAE,UAAU,CACnB,+CAA+C,EAC/C,cAAc,CACf,YAEA,SAAS,GACN,EACN,wBAAM,SAAS,GAAO,IAClB,CACP,CAAC,CAAC,CAAC,IAAI,EACP,UAAU,CAAC,CAAC,CAAC,CACZ,cAAK,SAAS,EAAC,4CAA4C,YACxD,UAAU,GACP,CACP,CAAC,CAAC,CAAC,IAAI,EACR,cACE,SAAS,EAAE,UAAU,CACnB,+CAA+C,EAC/C,gBAAgB,CACjB,YAEA,QAAQ,GACL,IACF,CACP,CAAC"}

package/dist/lib/primary-title/index.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { Typography } from '@coze-arch/coze-design';
+import styles from './index.module.less';
+export function PrimaryTitle({ title, className }) {
+    return (_jsx(Typography.Text, { className: classNames(styles['primary-title'], className), children: title }));
+}
+//# sourceMappingURL=index.js.map

package/dist/lib/primary-title/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/primary-title/index.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAOzC,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,EAAE,SAAS,EAAqB;IAClE,OAAO,CACL,KAAC,UAAU,CAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,eAAe,CAAC,EAAE,SAAS,CAAC,YACvE,KAAK,GACU,CACnB,CAAC;AACJ,CAAC"}

package/dist/lib/resizable-side-sheet/index.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import classNames from 'classnames';
+import { useMouseDownOffset } from '@cozeloop/hooks';
+import { SideSheet } from '@coze-arch/coze-design';
+const SIZE_MAP = {
+    small: 448,
+    medium: 684,
+    large: 920,
+};
+/** 仅支持 left 模式 */
+export const ResizableSideSheet = (props) => {
+    const { minSize = Number.MIN_VALUE, defaultSize, maxSize = Number.MAX_VALUE, size = 'small', onResizeEnd, className, children, ...restProps } = props;
+    const [sidePaneWidth, setSidePaneWidth] = useState(defaultSize ?? SIZE_MAP[size]);
+    const prevWidthRef = useRef(sidePaneWidth);
+    const { ref, isActive } = useMouseDownOffset(({ offsetX }) => {
+        const newWidth = prevWidthRef.current - offsetX;
+        setSidePaneWidth([maxSize, newWidth, minSize].sort((a, b) => a - b)[1]);
+    });
+    useEffect(() => {
+        prevWidthRef.current = sidePaneWidth;
+        document.body.style.cursor = isActive ? 'col-resize' : '';
+        document.body.style.userSelect = isActive ? 'none' : 'auto';
+        if (!isActive) {
+            onResizeEnd?.(sidePaneWidth);
+        }
+    }, [isActive]);
+    return (_jsxs(SideSheet, { className: classNames('relative', className), size: size, width: sidePaneWidth, ...restProps, children: [_jsx("div", { ref: ref, className: classNames('absolute h-full w-1 bg-white top-0 left-0 hover:cursor-col-resize hover:bg-blue-400 transition', {
+                    'bg-blue-400 cursor-col-resize': isActive,
+                }) }), children] }));
+};
+//# sourceMappingURL=index.js.map

package/dist/lib/resizable-side-sheet/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/resizable-side-sheet/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAA4B,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAS7E,MAAM,QAAQ,GAAG;IACf,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,GAAG;CACX,CAAC;AACF,kBAAkB;AAClB,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAE,EAAE;IACnE,MAAM,EACJ,OAAO,GAAG,MAAM,CAAC,SAAS,EAC1B,WAAW,EACX,OAAO,GAAG,MAAM,CAAC,SAAS,EAC1B,IAAI,GAAG,OAAO,EACd,WAAW,EACX,SAAS,EACT,QAAQ,EACR,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAChD,WAAW,IAAI,QAAQ,CAAC,IAAI,CAAC,CAC9B,CAAC;IACF,MAAM,YAAY,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;IAE3C,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,kBAAkB,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;QAC3D,MAAM,QAAQ,GAAG,YAAY,CAAC,OAAO,GAAG,OAAO,CAAC;QAChD,gBAAgB,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1E,CAAC,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,OAAO,GAAG,aAAa,CAAC;QACrC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;QAC1D,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;QAC5D,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,WAAW,EAAE,CAAC,aAAa,CAAC,CAAC;QAC/B,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IACf,OAAO,CACL,MAAC,SAAS,IACR,SAAS,EAAE,UAAU,CAAC,UAAU,EAAE,SAAS,CAAC,EAC5C,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,aAAa,KAChB,SAAS,aAEb,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CACnB,gGAAgG,EAChG;oBACE,+BAA+B,EAAE,QAAQ;iBAC1C,CACF,GACD,EACD,QAAQ,IACC,CACb,CAAC;AACJ,CAAC,CAAC"}

package/dist/lib/resize-sidesheet/index.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import cn from 'classnames';
+import { IconCozCrossFill } from '@coze-arch/coze-design/icons';
+import { Divider, SideSheet, } from '@coze-arch/coze-design';
+import { Button } from '@coze-arch/coze-design';
+import { useDrag } from './use-drag';
+import styles from './index.module.less';
+export const ResizeSidesheet = (props) => {
+    const { children, dragOptions, title, onCancel, className, showDivider, disableDrag, ...rest } = props;
+    const { containerRef, isActive, sidePaneWidth } = useDrag(dragOptions);
+    return (_jsxs(SideSheet, { title: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "flex-1", children: title }), showDivider ? (_jsx(Divider, { layout: "vertical", className: "h-[12px]" })) : null, _jsx(Button, { type: "primary", color: "secondary", icon: _jsx(IconCozCrossFill, { className: "w-[16px] h-[16px]" }), onClick: onCancel })] }), width: disableDrag ? undefined : sidePaneWidth, className: cn(styles.sheet, className), ...rest, onCancel: onCancel, closable: false, children: [disableDrag ? null : (_jsx("div", { ref: containerRef, className: cn('absolute h-full w-[2px] z-[20000] bg-transparent  top-0 left-0 hover:cursor-col-resize hover:bg-[rgb(var(--coze-up-brand-9))] transition ', {
+                    'bg-[rgb(var(--coze-up-brand-9))] cursor-col-resize': isActive,
+                }) })), props.children] }));
+};
+//# sourceMappingURL=index.js.map

package/dist/lib/resize-sidesheet/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/resize-sidesheet/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAEL,OAAO,EACP,SAAS,GACV,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD,OAAO,EAAE,OAAO,EAAoB,MAAM,YAAY,CAAC;AAEvD,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAEzC,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,KAIC,EACD,EAAE;IACF,MAAM,EACJ,QAAQ,EACR,WAAW,EACX,KAAK,EACL,QAAQ,EACR,SAAS,EACT,WAAW,EACX,WAAW,EACX,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IACV,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC;IACvE,OAAO,CACL,MAAC,SAAS,IACR,KAAK,EACH,eAAK,SAAS,EAAC,yBAAyB,aACtC,cAAK,SAAS,EAAC,QAAQ,YAAE,KAAK,GAAO,EACpC,WAAW,CAAC,CAAC,CAAC,CACb,KAAC,OAAO,IAAC,MAAM,EAAC,UAAU,EAAC,SAAS,EAAC,UAAU,GAAG,CACnD,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,MAAM,IACL,IAAI,EAAC,SAAS,EACd,KAAK,EAAC,WAAW,EACjB,IAAI,EAAE,KAAC,gBAAgB,IAAC,SAAS,EAAC,mBAAmB,GAAG,EACxD,OAAO,EAAE,QAAQ,GACjB,IACE,EAER,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,EAC9C,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,KAClC,IAAI,EACR,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,KAAK,aAEd,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACpB,cACE,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,EAAE,CACX,2IAA2I,EAC3I;oBACE,oDAAoD,EAAE,QAAQ;iBAC/D,CACF,GACD,CACH,EACA,KAAK,CAAC,QAAQ,IACL,CACb,CAAC;AACJ,CAAC,CAAC"}

package/dist/lib/resize-sidesheet/use-drag.js

@@ -0,0 +1,30 @@
+import { useEffect, useRef, useState } from 'react';
+import { useMouseDownOffset } from '../hooks/use-mouse-down-offset';
+const DEFAULT_WIDTH = 500;
+const MAX_WIDTH = 800;
+const MIN_WIDTH = 300;
+export const useDrag = (options = {}) => {
+    const { defaultWidth = DEFAULT_WIDTH, maxWidth = MAX_WIDTH, minWidth = MIN_WIDTH, } = options;
+    const [sidePaneWidth, setSidePaneWidth] = useState(defaultWidth);
+    const prevWidthRef = useRef(sidePaneWidth);
+    const isActiveRef = useRef(false);
+    const { ref, isActive } = useMouseDownOffset(({ offsetX }) => {
+        const newWidth = prevWidthRef.current - offsetX;
+        setSidePaneWidth([maxWidth, newWidth, minWidth].sort((a, b) => a - b)[1]);
+    });
+    useEffect(() => {
+        prevWidthRef.current = sidePaneWidth;
+        document.body.style.cursor = isActive ? 'col-resize' : '';
+        document.body.style.userSelect = isActive ? 'none' : 'auto';
+        if (isActiveRef.current && !isActive) {
+            options?.onDragEnd?.(sidePaneWidth);
+        }
+        isActiveRef.current = isActive;
+    }, [isActive]);
+    return {
+        sidePaneWidth,
+        containerRef: ref,
+        isActive,
+    };
+};
+//# sourceMappingURL=use-drag.js.map

package/dist/lib/resize-sidesheet/use-drag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-drag.js","sourceRoot":"","sources":["../../../src/resize-sidesheet/use-drag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAEpE,MAAM,aAAa,GAAG,GAAG,CAAC;AAC1B,MAAM,SAAS,GAAG,GAAG,CAAC;AACtB,MAAM,SAAS,GAAG,GAAG,CAAC;AAStB,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,UAAuB,EAAE,EAAE,EAAE;IACnD,MAAM,EACJ,YAAY,GAAG,aAAa,EAC5B,QAAQ,GAAG,SAAS,EACpB,QAAQ,GAAG,SAAS,GACrB,GAAG,OAAO,CAAC;IACZ,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IACjE,MAAM,YAAY,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;IAC3C,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAClC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,kBAAkB,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;QAC3D,MAAM,QAAQ,GAAG,YAAY,CAAC,OAAO,GAAG,OAAO,CAAC;QAChD,gBAAgB,CAAC,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5E,CAAC,CAAC,CAAC;IACH,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,OAAO,GAAG,aAAa,CAAC;QACrC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;QAC1D,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;QAC5D,IAAI,WAAW,CAAC,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC;YACrC,OAAO,EAAE,SAAS,EAAE,CAAC,aAAa,CAAC,CAAC;QACtC,CAAC;QACD,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;IACjC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IACf,OAAO;QACL,aAAa;QACb,YAAY,EAAE,GAAG;QACjB,QAAQ;KACT,CAAC;AACJ,CAAC,CAAC"}

package/dist/lib/schema-editor/index.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { CodeMirrorJsonEditor, CodeMirrorRawCodeEditor, CodeMirrorRawTextEditor, } from '../codemirror-editor';
+export const SchemaEditor = ({ value, onChange, placeholder, readOnly, language, className, backgroundColor, }) => (_jsx("div", { className: classNames('w-full h-[500px] border border-solid border-[rgba(68,83,130,0.25)] rounded-[4px] overflow-hidden relative', { 'opacity-70': readOnly, 'bg-white': !backgroundColor }, className), style: backgroundColor ? { backgroundColor } : undefined, children: language === 'json' ? (_jsx(CodeMirrorJsonEditor, { className: "w-full h-full overflow-y-auto", onChange: onChange, value: value || '', placeholder: placeholder, readonly: readOnly, borderRadius: 4, backgroundColor: backgroundColor })) : language ? (_jsx(CodeMirrorRawCodeEditor, { className: "w-full h-full overflow-y-auto", language: language, onChange: onChange, value: value || '', placeholder: placeholder, readonly: readOnly, backgroundColor: backgroundColor })) : (_jsx(CodeMirrorRawTextEditor, { className: "w-full h-full overflow-y-auto", onChange: onChange, value: value || '', placeholder: placeholder, readonly: readOnly, backgroundColor: backgroundColor })) }));
+//# sourceMappingURL=index.js.map

package/dist/lib/schema-editor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/schema-editor/index.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EACL,oBAAoB,EACpB,uBAAuB,EACvB,uBAAuB,GACxB,MAAM,sBAAsB,CAAC;AAa9B,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,eAAe,GACG,EAAE,EAAE,CAAC,CACvB,cACE,SAAS,EAAE,UAAU,CACnB,2GAA2G,EAC3G,EAAE,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,eAAe,EAAE,EACxD,SAAS,CACV,EACD,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,CAAC,CAAC,CAAC,SAAS,YAEvD,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,CACrB,KAAC,oBAAoB,IACnB,SAAS,EAAC,+BAA+B,EACzC,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,CAAC,EACf,eAAe,EAAE,eAAe,GAChC,CACH,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CACb,KAAC,uBAAuB,IACtB,SAAS,EAAC,+BAA+B,EACzC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,eAAe,GAChC,CACH,CAAC,CAAC,CAAC,CACF,KAAC,uBAAuB,IACtB,SAAS,EAAC,+BAA+B,EACzC,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,eAAe,GAChC,CACH,GACG,CACP,CAAC"}

package/dist/lib/semi-schema-form/components/tmpls/array-field-item.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ButtonGroup, Col, Row } from '@coze-arch/coze-design';
+const BTN_GRP_STYLE = {
+    width: '100%',
+};
+const BTN_STYLE = {
+    width: 'calc(100% / 4)',
+};
+/** The `ArrayFieldItemTemplate` component is the template used to render an items of an array.
+ *
+ * @param props - The `ArrayFieldTemplateItemType` props for the component
+ */
+export default function ArrayFieldItemTemplate(props) {
+    const { children, disabled, hasCopy, hasMoveDown, hasMoveUp, hasRemove, hasToolbar, index, onCopyIndexClick, onDropIndexClick, onReorderClick, readonly, registry, uiSchema, } = props;
+    const { CopyButton, MoveDownButton, MoveUpButton, RemoveButton } = registry.templates.ButtonTemplates;
+    const { rowGutter = 24, toolbarAlign = 'top' } = registry.formContext;
+    return (_jsxs(Row, { align: toolbarAlign, gutter: rowGutter, children: [_jsx(Col, { span: 18, children: children }), hasToolbar ? (_jsx(Col, { span: 6, children: _jsxs(ButtonGroup, { style: BTN_GRP_STYLE, children: [hasMoveUp || hasMoveDown ? (_jsx(MoveUpButton, { disabled: disabled || readonly || !hasMoveUp, onClick: onReorderClick(index, index - 1), style: BTN_STYLE, uiSchema: uiSchema, registry: registry })) : null, hasMoveUp || hasMoveDown ? (_jsx(MoveDownButton, { disabled: disabled || readonly || !hasMoveDown, onClick: onReorderClick(index, index + 1), style: BTN_STYLE, uiSchema: uiSchema, registry: registry })) : null, hasCopy ? (_jsx(CopyButton, { disabled: disabled || readonly, onClick: onCopyIndexClick(index), style: BTN_STYLE, uiSchema: uiSchema, registry: registry })) : null, hasRemove ? (_jsx(RemoveButton, { disabled: disabled || readonly, onClick: onDropIndexClick(index), style: BTN_STYLE, uiSchema: uiSchema, registry: registry })) : null] }) })) : null] }, `array-item-${index}`));
+}
+//# sourceMappingURL=array-field-item.js.map

package/dist/lib/semi-schema-form/components/tmpls/array-field-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"array-field-item.js","sourceRoot":"","sources":["../../../../../src/semi-schema-form/components/tmpls/array-field-item.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAC;AAE/D,MAAM,aAAa,GAAG;IACpB,KAAK,EAAE,MAAM;CACd,CAAC;AAEF,MAAM,SAAS,GAAG;IAChB,KAAK,EAAE,gBAAgB;CACxB,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAI5C,KAA0C;IAC1C,MAAM,EACJ,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,WAAW,EACX,SAAS,EACT,SAAS,EACT,UAAU,EACV,KAAK,EACL,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,QAAQ,GACT,GAAG,KAAK,CAAC;IACV,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,GAC9D,QAAQ,CAAC,SAAS,CAAC,eAAe,CAAC;IACrC,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,YAAY,GAAG,KAAK,EAAE,GAAG,QAAQ,CAAC,WAAW,CAAC;IAEtE,OAAO,CACL,MAAC,GAAG,IAAC,KAAK,EAAE,YAAY,EAA8B,MAAM,EAAE,SAAS,aACrE,KAAC,GAAG,IAAC,IAAI,EAAE,EAAE,YAAG,QAAQ,GAAO,EAE9B,UAAU,CAAC,CAAC,CAAC,CACZ,KAAC,GAAG,IAAC,IAAI,EAAE,CAAC,YACV,MAAC,WAAW,IAAC,KAAK,EAAE,aAAa,aAC9B,SAAS,IAAI,WAAW,CAAC,CAAC,CAAC,CAC1B,KAAC,YAAY,IACX,QAAQ,EAAE,QAAQ,IAAI,QAAQ,IAAI,CAAC,SAAS,EAC5C,OAAO,EAAE,cAAc,CAAC,KAAK,EAAE,KAAK,GAAG,CAAC,CAAC,EACzC,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC,CAAC,CAAC,IAAI,EACP,SAAS,IAAI,WAAW,CAAC,CAAC,CAAC,CAC1B,KAAC,cAAc,IACb,QAAQ,EAAE,QAAQ,IAAI,QAAQ,IAAI,CAAC,WAAW,EAC9C,OAAO,EAAE,cAAc,CAAC,KAAK,EAAE,KAAK,GAAG,CAAC,CAAC,EACzC,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,UAAU,IACT,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAC9B,OAAO,EAAE,gBAAgB,CAAC,KAAK,CAAC,EAChC,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC,CAAC,CAAC,IAAI,EACP,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,YAAY,IACX,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAC9B,OAAO,EAAE,gBAAgB,CAAC,KAAK,CAAC,EAChC,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC,CAAC,CAAC,IAAI,IACI,GACV,CACP,CAAC,CAAC,CAAC,IAAI,KA5CqB,cAAc,KAAK,EAAE,CA6C9C,CACP,CAAC;AACJ,CAAC"}

package/dist/lib/semi-schema-form/components/tmpls/array-field.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import cn from 'classnames';
+import { getTemplate, getUiOptions, } from '@rjsf/utils';
+import { Col, Row } from '@coze-arch/coze-design';
+// const DESCRIPTION_COL_STYLE = {
+//   paddingBottom: '8px',
+// };
+/** The `ArrayFieldTemplate` component is the template used to render all items in an array.
+ *
+ * @param props - The `ArrayFieldTemplateItemType` props for the component
+ */
+export default function ArrayFieldTemplate(props) {
+    const { canAdd, className, disabled, formContext, idSchema, items, onAddClick, readonly, registry, 
+    // required,
+    // schema,
+    // title,
+    uiSchema, } = props;
+    const uiOptions = getUiOptions(uiSchema);
+    // const ArrayFieldDescriptionTemplate = getTemplate<
+    //   'ArrayFieldDescriptionTemplate',
+    //   T,
+    //   S,
+    //   F
+    // >('ArrayFieldDescriptionTemplate', registry, uiOptions);
+    const ArrayFieldItemTemplate = getTemplate('ArrayFieldItemTemplate', registry, uiOptions);
+    // const ArrayFieldTitleTemplate = getTemplate<
+    //   'ArrayFieldTitleTemplate',
+    //   T,
+    //   S,
+    //   F
+    // >('ArrayFieldTitleTemplate', registry, uiOptions);
+    // Button templates are not overridden in the uiSchema
+    const { ButtonTemplates: { AddButton }, } = registry.templates;
+    const { rowGutter = 24 } = formContext;
+    return (_jsx("div", { className: cn('p-3 semi-card-bordered rounded-[4px]', className), id: idSchema.$id, children: _jsxs(Row, { gutter: rowGutter, children: [_jsx(Col, { className: "row array-item-list", span: 24, children: items
+                        ? items.map(({ key, ...itemProps }) => (_jsx(ArrayFieldItemTemplate, { ...itemProps }, key)))
+                        : null }), canAdd ? (_jsx(Col, { span: 24, children: _jsx(Row, { gutter: rowGutter, justify: "end", children: _jsx(Col, { span: 6, children: _jsx(AddButton, { className: "array-item-add", disabled: disabled || readonly, onClick: onAddClick, uiSchema: uiSchema, registry: registry }) }) }) })) : null] }) }));
+}
+//# sourceMappingURL=array-field.js.map

package/dist/lib/semi-schema-form/components/tmpls/array-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"array-field.js","sourceRoot":"","sources":["../../../../../src/semi-schema-form/components/tmpls/array-field.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EACL,WAAW,EACX,YAAY,GAOb,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAC;AAElD,kCAAkC;AAClC,0BAA0B;AAC1B,KAAK;AAEL;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAIxC,KAAuC;IACvC,MAAM,EACJ,MAAM,EACN,SAAS,EACT,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,KAAK,EACL,UAAU,EACV,QAAQ,EACR,QAAQ;IACR,YAAY;IACZ,UAAU;IACV,SAAS;IACT,QAAQ,GACT,GAAG,KAAK,CAAC;IACV,MAAM,SAAS,GAAG,YAAY,CAAU,QAAQ,CAAC,CAAC;IAClD,qDAAqD;IACrD,qCAAqC;IACrC,OAAO;IACP,OAAO;IACP,MAAM;IACN,2DAA2D;IAC3D,MAAM,sBAAsB,GAAG,WAAW,CACxC,wBAAwB,EACxB,QAAQ,EACR,SAAS,CACV,CAAC;IACF,+CAA+C;IAC/C,+BAA+B;IAC/B,OAAO;IACP,OAAO;IACP,MAAM;IACN,qDAAqD;IACrD,sDAAsD;IACtD,MAAM,EACJ,eAAe,EAAE,EAAE,SAAS,EAAE,GAC/B,GAAG,QAAQ,CAAC,SAAS,CAAC;IACvB,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,WAAgC,CAAC;IAE5D,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CAAC,sCAAsC,EAAE,SAAS,CAAC,EAChE,EAAE,EAAE,QAAQ,CAAC,GAAG,YAEhB,MAAC,GAAG,IAAC,MAAM,EAAE,SAAS,aAwBpB,KAAC,GAAG,IAAC,SAAS,EAAC,qBAAqB,EAAC,IAAI,EAAE,EAAE,YAC1C,KAAK;wBACJ,CAAC,CAAC,KAAK,CAAC,GAAG,CACP,CAAC,EACC,GAAG,EACH,GAAG,SAAS,EACwB,EAAE,EAAE,CAAC,CACzC,KAAC,sBAAsB,OAAe,SAAS,IAAlB,GAAG,CAAmB,CACpD,CACF;wBACH,CAAC,CAAC,IAAI,GACJ,EAEL,MAAM,CAAC,CAAC,CAAC,CACR,KAAC,GAAG,IAAC,IAAI,EAAE,EAAE,YACX,KAAC,GAAG,IAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAC,KAAK,YACnC,KAAC,GAAG,IAAC,IAAI,EAAE,CAAC,YACV,KAAC,SAAS,IACR,SAAS,EAAC,gBAAgB,EAC1B,QAAQ,EAAE,QAAQ,IAAI,QAAQ,EAC9B,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB,GACE,GACF,GACF,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,GACF,CACP,CAAC;AACJ,CAAC"}

package/dist/lib/semi-schema-form/components/tmpls/base-input.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { ariaDescribedByIds, examplesId, getInputProps, } from '@rjsf/utils';
+import { Input, CozInputNumber, } from '@coze-arch/coze-design';
+const INPUT_STYLE = {
+    width: '100%',
+};
+/** The `BaseInputTemplate` is the template to use to render the basic `<input>` component for the `core` theme.
+ * It is used as the template for rendering many of the <input> based widgets that differ by `type` and callbacks only.
+ * It can be customized/overridden for other themes or individual implementations as needed.
+ *
+ * @param props - The `WidgetProps` for this template
+ */
+export default function BaseInputTemplate(props) {
+    const { disabled, formContext, id, onBlur, onChange, onChangeOverride, onFocus, options, placeholder, readonly, schema, value, type, } = props;
+    const { step, type: fieldType, ...inputProps } = getInputProps(schema, type, options, false);
+    const { readonlyAsDisabled = true } = formContext;
+    const handleNumberChange = nextValue => onChange(nextValue);
+    const handleTextChange = (nextValue, e) => {
+        onChangeOverride
+            ? onChangeOverride(e)
+            : onChange(nextValue === '' ? options.emptyValue : nextValue);
+    };
+    const handleBlur = ({ target }) => onBlur(id, target && target.value);
+    const handleFocus = ({ target }) => onFocus(id, target && target.value);
+    const input = fieldType === 'number' || fieldType === 'integer' ? (_jsx(CozInputNumber, { disabled: disabled || (readonlyAsDisabled && readonly), id: id, name: id, onBlur: !readonly ? handleBlur : undefined, onChange: !readonly ? handleNumberChange : undefined, onFocus: !readonly ? handleFocus : undefined, placeholder: placeholder, style: INPUT_STYLE, list: schema.examples ? examplesId(id) : undefined, ...inputProps, step: step, value: value, "aria-describedby": ariaDescribedByIds(id, !!schema.examples) })) : (_jsx(Input, { disabled: disabled || (readonlyAsDisabled && readonly), id: id, name: id, onBlur: !readonly ? handleBlur : undefined, onChange: !readonly ? handleTextChange : undefined, onFocus: !readonly ? handleFocus : undefined, placeholder: placeholder, style: INPUT_STYLE, list: schema.examples ? examplesId(id) : undefined, ...inputProps, value: value, "aria-describedby": ariaDescribedByIds(id, !!schema.examples) }));
+    return (_jsxs(_Fragment, { children: [input, Array.isArray(schema.examples) && (_jsx("datalist", { id: examplesId(id), children: schema.examples
+                    .concat(schema.default && !schema.examples.includes(schema.default)
+                    ? [schema.default]
+                    : [])
+                    .map(example => (_jsx("option", { value: example }, example))) }))] }));
+}
+//# sourceMappingURL=base-input.js.map

package/dist/lib/semi-schema-form/components/tmpls/base-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-input.js","sourceRoot":"","sources":["../../../../../src/semi-schema-form/components/tmpls/base-input.tsx"],"names":[],"mappings":"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"}

package/dist/lib/semi-schema-form/components/tmpls/description-field.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/** The `DescriptionField` is the template to use to render the description of a field
+ *
+ * @param props - The `DescriptionFieldProps` for this component
+ */
+export default function DescriptionField(props) {
+    const { id, description } = props;
+    if (!description) {
+        return null;
+    }
+    return _jsx("span", { id: id, children: description });
+}
+//# sourceMappingURL=description-field.js.map

package/dist/lib/semi-schema-form/components/tmpls/description-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"description-field.js","sourceRoot":"","sources":["../../../../../src/semi-schema-form/components/tmpls/description-field.tsx"],"names":[],"mappings":";AAOA;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAItC,KAAqC;IACrC,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAElC,IAAI,CAAC,WAAW,EAAE,CAAC;QACjB,OAAO,IAAI,CAAC;IACd,CAAC;IACD,OAAO,eAAM,EAAE,EAAE,EAAE,YAAG,WAAW,GAAQ,CAAC;AAC5C,CAAC"}

package/dist/lib/semi-schema-form/components/tmpls/error-list.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { TranslatableString, } from '@rjsf/utils';
+import { IconCozWarningCircle } from '@coze-arch/coze-design/icons';
+import { Banner, List, Space } from '@coze-arch/coze-design';
+/** The `ErrorList` component is the template that renders the all the errors associated with the fields in the `Form`
+ *
+ * @param props - The `ErrorListProps` for this component
+ */
+export default function ErrorList({ errors, registry }) {
+    const { translateString } = registry;
+    const renderErrors = () => (_jsx(List, { className: "list-group", size: "small", children: errors.map((error, index) => (_jsx(List.Item, { children: _jsxs(Space, { children: [_jsx(IconCozWarningCircle, {}), error.stack] }) }, index))) }));
+    return (_jsx(Banner, { type: "danger", className: "panel panel-danger errors", title: translateString(TranslatableString.ErrorsLabel), description: renderErrors() }));
+}
+//# sourceMappingURL=error-list.js.map

package/dist/lib/semi-schema-form/components/tmpls/error-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-list.js","sourceRoot":"","sources":["../../../../../src/semi-schema-form/components/tmpls/error-list.tsx"],"names":[],"mappings":";AAEA,OAAO,EAKL,kBAAkB,GACnB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAE7D;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAI/B,EAAE,MAAM,EAAE,QAAQ,EAA2B;IAC7C,MAAM,EAAE,eAAe,EAAE,GAAG,QAAQ,CAAC;IACrC,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,CACzB,KAAC,IAAI,IAAC,SAAS,EAAC,YAAY,EAAC,IAAI,EAAC,OAAO,YACtC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5B,KAAC,IAAI,CAAC,IAAI,cACR,MAAC,KAAK,eACJ,KAAC,oBAAoB,KAAG,EACvB,KAAK,CAAC,KAAK,IACN,IAJM,KAAK,CAKT,CACb,CAAC,GACG,CACR,CAAC;IAEF,OAAO,CACL,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,2BAA2B,EACrC,KAAK,EAAE,eAAe,CAAC,kBAAkB,CAAC,WAAW,CAAC,EACtD,WAAW,EAAE,YAAY,EAAE,GAC3B,CACH,CAAC;AACJ,CAAC"}

package/dist/lib/semi-schema-form/components/tmpls/field-error.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { errorId, } from '@rjsf/utils';
+import { Form } from '@coze-arch/coze-design';
+/** The `FieldErrorTemplate` component renders the errors local to the particular field
+ *
+ * @param props - The `FieldErrorProps` for the errors being rendered
+ */
+export default function FieldErrorTemplate(props) {
+    const { errors = [], idSchema } = props;
+    if (errors.length === 0) {
+        return null;
+    }
+    const id = errorId(idSchema);
+    return (_jsx("div", { id: id, children: errors.map(error => (_jsx(Form.ErrorMessage, { error: error }, `field-${id}-error-${error}`))) }));
+}
+//# sourceMappingURL=field-error.js.map

package/dist/lib/semi-schema-form/components/tmpls/field-error.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-error.js","sourceRoot":"","sources":["../../../../../src/semi-schema-form/components/tmpls/field-error.tsx"],"names":[],"mappings":";AACA,OAAO,EAKL,OAAO,GACR,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAIxC,KAA+B;IAC/B,MAAM,EAAE,MAAM,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACxC,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACxB,OAAO,IAAI,CAAC;IACd,CAAC;IACD,MAAM,EAAE,GAAG,OAAO,CAAI,QAAQ,CAAC,CAAC;IAEhC,OAAO,CACL,cAAK,EAAE,EAAE,EAAE,YACR,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CACnB,KAAC,IAAI,CAAC,YAAY,IAAoC,KAAK,EAAE,KAAK,IAA1C,SAAS,EAAE,UAAU,KAAK,EAAE,CAAkB,CACvE,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/lib/semi-schema-form/components/tmpls/field.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Form, Typography } from '@coze-arch/coze-design';
+/** The `FieldTemplate` component is the template used by `SchemaField` to render any field. It renders the field
+ * content, (label, description, children, errors and help) inside of a `WrapIfAdditional` component.
+ *
+ * @param props - The `FieldTemplateProps` for this component
+ */
+export default function FieldTemplate(props) {
+    const { children, description, rawErrors, hidden, label, rawDescription, required, } = props;
+    if (hidden) {
+        return _jsx("div", { className: "field-hidden", children: children });
+    }
+    // check to see if there is rawDescription(string) before using description(ReactNode)
+    // to prevent showing a blank description area
+    const descriptionNode = rawDescription ? description : undefined;
+    return (_jsxs(Form.Slot, { label: { text: label, required }, className: "mb-4", error: {
+            error: rawErrors,
+            validateStatus: rawErrors?.length ? 'error' : undefined,
+        }, children: [children, _jsx(Typography.Paragraph, { className: "text-xs w-full text-gray-500", children: descriptionNode })] }));
+}
+//# sourceMappingURL=field.js.map

package/dist/lib/semi-schema-form/components/tmpls/field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.js","sourceRoot":"","sources":["../../../../../src/semi-schema-form/components/tmpls/field.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAE1D;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAInC,KAAkC;IAClC,MAAM,EACJ,QAAQ,EACR,WAAW,EACX,SAAS,EACT,MAAM,EACN,KAAK,EACL,cAAc,EACd,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,IAAI,MAAM,EAAE,CAAC;QACX,OAAO,cAAK,SAAS,EAAC,cAAc,YAAE,QAAQ,GAAO,CAAC;IACxD,CAAC;IAED,sFAAsF;IACtF,8CAA8C;IAC9C,MAAM,eAAe,GAAG,cAAc,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC;IAEjE,OAAO,CACL,MAAC,IAAI,CAAC,IAAI,IACR,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,EAChC,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE;YACL,KAAK,EAAE,SAAS;YAChB,cAAc,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;SACxD,aAEA,QAAQ,EAET,KAAC,UAAU,CAAC,SAAS,IAAC,SAAS,EAAC,8BAA8B,YAC3D,eAAe,GACK,IACb,CACb,CAAC;AACJ,CAAC"}

package/dist/lib/semi-schema-form/components/tmpls/icon-button.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TranslatableString, } from '@rjsf/utils';
+import { IconCozCopy, IconCozLongArrowUp, IconCozPlusCircle, IconCozTrashCan, } from '@coze-arch/coze-design/icons';
+import { IconButton, } from '@coze-arch/coze-design';
+export default function BaseIconButton(props) {
+    const { iconType, icon, onClick, uiSchema, registry, style, ...otherProps } = props;
+    return (_jsx(IconButton, { onClick: onClick, icon: icon, ...otherProps, size: "small" }));
+}
+export const AddButton = props => {
+    const { registry: { translateString }, } = props;
+    return (_jsx(BaseIconButton, { title: translateString(TranslatableString.AddItemButton), ...props, icon: _jsx(IconCozPlusCircle, {}) }));
+};
+export const CopyButton = props => {
+    const { registry: { translateString }, } = props;
+    return (_jsx(BaseIconButton, { title: translateString(TranslatableString.CopyButton), ...props, icon: _jsx(IconCozCopy, {}) }));
+};
+export const MoveDownButton = props => {
+    const { registry: { translateString }, } = props;
+    return (_jsx(BaseIconButton, { title: translateString(TranslatableString.MoveDownButton), ...props, icon: _jsx(IconCozLongArrowUp, { className: "rotate-180" }) }));
+};
+export const MoveUpButton = props => {
+    const { registry: { translateString }, } = props;
+    return (_jsx(BaseIconButton, { title: translateString(TranslatableString.MoveUpButton), ...props, icon: _jsx(IconCozLongArrowUp, {}) }));
+};
+export const RemoveButton = props => {
+    const { registry: { translateString }, } = props;
+    return (_jsx(BaseIconButton, { title: translateString(TranslatableString.RemoveButton), ...props, type: "danger", icon: _jsx(IconCozTrashCan, {}) }));
+};
+//# sourceMappingURL=icon-button.js.map

package/dist/lib/semi-schema-form/components/tmpls/icon-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../../../../src/semi-schema-form/components/tmpls/icon-button.tsx"],"names":[],"mappings":";AAEA,OAAO,EAKL,kBAAkB,GACnB,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,GAChB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACL,UAAU,GAEX,MAAM,wBAAwB,CAAC;AAgBhC,MAAM,CAAC,OAAO,UAAU,cAAc,CAIpC,KAA6D;IAC7D,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE,GACzE,KAAK,CAAC;IAER,OAAO,CACL,KAAC,UAAU,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,KAAM,UAAU,EAAE,IAAI,EAAC,OAAO,GAAG,CAC1E,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,SAAS,GAAwB,KAAK,CAAC,EAAE;IACpD,MAAM,EACJ,QAAQ,EAAE,EAAE,eAAe,EAAE,GAC9B,GAAG,KAAK,CAAC;IACV,OAAO,CACL,KAAC,cAAc,IACb,KAAK,EAAE,eAAe,CAAC,kBAAkB,CAAC,aAAa,CAAC,KACpD,KAAK,EACT,IAAI,EAAE,KAAC,iBAAiB,KAAG,GAC3B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAwB,KAAK,CAAC,EAAE;IACrD,MAAM,EACJ,QAAQ,EAAE,EAAE,eAAe,EAAE,GAC9B,GAAG,KAAK,CAAC;IACV,OAAO,CACL,KAAC,cAAc,IACb,KAAK,EAAE,eAAe,CAAC,kBAAkB,CAAC,UAAU,CAAC,KACjD,KAAK,EACT,IAAI,EAAE,KAAC,WAAW,KAAG,GACrB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAwB,KAAK,CAAC,EAAE;IACzD,MAAM,EACJ,QAAQ,EAAE,EAAE,eAAe,EAAE,GAC9B,GAAG,KAAK,CAAC;IACV,OAAO,CACL,KAAC,cAAc,IACb,KAAK,EAAE,eAAe,CAAC,kBAAkB,CAAC,cAAc,CAAC,KACrD,KAAK,EACT,IAAI,EAAE,KAAC,kBAAkB,IAAC,SAAS,EAAC,YAAY,GAAG,GACnD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAwB,KAAK,CAAC,EAAE;IACvD,MAAM,EACJ,QAAQ,EAAE,EAAE,eAAe,EAAE,GAC9B,GAAG,KAAK,CAAC;IACV,OAAO,CACL,KAAC,cAAc,IACb,KAAK,EAAE,eAAe,CAAC,kBAAkB,CAAC,YAAY,CAAC,KACnD,KAAK,EACT,IAAI,EAAE,KAAC,kBAAkB,KAAG,GAC5B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAwB,KAAK,CAAC,EAAE;IACvD,MAAM,EACJ,QAAQ,EAAE,EAAE,eAAe,EAAE,GAC9B,GAAG,KAAK,CAAC;IACV,OAAO,CACL,KAAC,cAAc,IACb,KAAK,EAAE,eAAe,CAAC,kBAAkB,CAAC,YAAY,CAAC,KACnD,KAAK,EACT,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,KAAC,eAAe,KAAG,GACzB,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/lib/semi-schema-form/components/tmpls/index.js

@@ -0,0 +1,31 @@
+import TitleFieldTemplate from './title-field';
+import SubmitButton from './submit';
+import ObjectFieldTemplate from './object-field';
+import { AddButton, CopyButton, MoveDownButton, MoveUpButton, RemoveButton, } from './icon-button';
+import FieldErrorTemplate from './field-error';
+import FieldTemplate from './field';
+import ErrorListTemplate from './error-list';
+import DescriptionFieldTemplate from './description-field';
+import BaseInputTemplate from './base-input';
+import ArrayFieldItemTemplate from './array-field-item';
+import ArrayFieldTemplate from './array-field';
+export const templates = {
+    ArrayFieldTemplate,
+    ArrayFieldItemTemplate,
+    BaseInputTemplate,
+    FieldTemplate,
+    ObjectFieldTemplate,
+    ButtonTemplates: {
+        AddButton,
+        CopyButton,
+        MoveDownButton,
+        MoveUpButton,
+        RemoveButton,
+        SubmitButton,
+    },
+    TitleFieldTemplate,
+    DescriptionFieldTemplate,
+    FieldErrorTemplate,
+    ErrorListTemplate,
+};
+//# sourceMappingURL=index.js.map

package/dist/lib/semi-schema-form/components/tmpls/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/semi-schema-form/components/tmpls/index.ts"],"names":[],"mappings":"AAEA,OAAO,kBAAkB,MAAM,eAAe,CAAC;AAC/C,OAAO,YAAY,MAAM,UAAU,CAAC;AACpC,OAAO,mBAAmB,MAAM,gBAAgB,CAAC;AACjD,OAAO,EACL,SAAS,EACT,UAAU,EACV,cAAc,EACd,YAAY,EACZ,YAAY,GACb,MAAM,eAAe,CAAC;AACvB,OAAO,kBAAkB,MAAM,eAAe,CAAC;AAC/C,OAAO,aAAa,MAAM,SAAS,CAAC;AACpC,OAAO,iBAAiB,MAAM,cAAc,CAAC;AAC7C,OAAO,wBAAwB,MAAM,qBAAqB,CAAC;AAC3D,OAAO,iBAAiB,MAAM,cAAc,CAAC;AAC7C,OAAO,sBAAsB,MAAM,oBAAoB,CAAC;AACxD,OAAO,kBAAkB,MAAM,eAAe,CAAC;AAE/C,MAAM,CAAC,MAAM,SAAS,GAA2B;IAC/C,kBAAkB;IAClB,sBAAsB;IACtB,iBAAiB;IACjB,aAAa;IACb,mBAAmB;IACnB,eAAe,EAAE;QACf,SAAS;QACT,UAAU;QACV,cAAc;QACd,YAAY;QACZ,YAAY;QACZ,YAAY;KACb;IACD,kBAAkB;IAClB,wBAAwB;IACxB,kBAAkB;IAClB,iBAAiB;CAClB,CAAC"}

package/dist/lib/semi-schema-form/components/tmpls/object-field.js

@@ -0,0 +1,81 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isString, isObject, isNumber } from 'lodash-es';
+import { canExpand, 
+// descriptionId,
+// getTemplate,
+getUiOptions,
+// titleId,
+ } from '@rjsf/utils';
+import { Col, Row, TextArea } from '@coze-arch/coze-design';
+// const DESCRIPTION_COL_STYLE = {
+//   paddingBottom: '8px',
+// };
+/** The `ObjectFieldTemplate` is the template to use to render all the inner properties of an object along with the
+ * title and description if available. If the object is expandable, then an `AddButton` is also rendered after all
+ * the properties.
+ *
+ * @param props - The `ObjectFieldTemplateProps` for this component
+ */
+export default function ObjectFieldTemplate(props) {
+    const { 
+    // description,
+    disabled, formContext, formData, idSchema, onAddClick, properties, readonly, 
+    // required,
+    registry, schema, 
+    // title,
+    uiSchema, } = props;
+    // const uiOptions = getUiOptions<T, S, F>(uiSchema);
+    // const TitleFieldTemplate = getTemplate<'TitleFieldTemplate', T, S, F>(
+    //   'TitleFieldTemplate',
+    //   registry,
+    //   uiOptions,
+    // );
+    // const DescriptionFieldTemplate = getTemplate<
+    //   'DescriptionFieldTemplate',
+    //   T,
+    //   S,
+    //   F
+    // >('DescriptionFieldTemplate', registry, uiOptions);
+    // Button templates are not overridden in the uiSchema
+    const { ButtonTemplates: { AddButton }, } = registry.templates;
+    const { colSpan = 24, rowGutter = 24 } = formContext;
+    const findSchema = (element) => element.content.props.schema;
+    const findSchemaType = (element) => findSchema(element).type;
+    const findUiSchema = (element) => element.content.props.uiSchema;
+    const findUiSchemaField = (element) => getUiOptions(findUiSchema(element)).field;
+    const findUiSchemaWidget = (element) => getUiOptions(findUiSchema(element)).widget;
+    const calculateColSpan = (element) => {
+        const type = findSchemaType(element);
+        const field = findUiSchemaField(element);
+        const widget = findUiSchemaWidget(element);
+        const defaultColSpan = properties.length < 2 || // Single or no field in object.
+            type === 'object' ||
+            type === 'array' ||
+            widget === 'textarea'
+            ? 24
+            : 12;
+        if (isObject(colSpan)) {
+            const colSpanObj = colSpan;
+            if (isString(widget)) {
+                return colSpanObj[widget];
+            }
+            if (isString(field)) {
+                return colSpanObj[field];
+            }
+            if (isString(type)) {
+                return colSpanObj[type];
+            }
+        }
+        if (isNumber(colSpan)) {
+            return colSpan;
+        }
+        return defaultColSpan;
+    };
+    if (!props.properties.length) {
+        return _jsx(TextArea, { id: idSchema.$id });
+    }
+    return (_jsxs("fieldset", { id: idSchema.$id, className: 'p-3 semi-card-bordered rounded-[4px]', children: [_jsx(Row, { gutter: rowGutter, children: properties
+                    .filter(e => !e.hidden)
+                    .map((element) => (_jsx(Col, { span: calculateColSpan(element), children: element.content }, element.name))) }), canExpand(schema, uiSchema, formData) && (_jsx(Col, { span: 24, children: _jsx(Row, { gutter: rowGutter, justify: "end", children: _jsx(Col, { span: 6, children: _jsx(AddButton, { className: "object-property-expand", disabled: disabled || readonly, onClick: onAddClick(schema), uiSchema: uiSchema, registry: registry }) }) }) }))] }));
+}
+//# sourceMappingURL=object-field.js.map

package/dist/lib/semi-schema-form/components/tmpls/object-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"object-field.js","sourceRoot":"","sources":["../../../../../src/semi-schema-form/components/tmpls/object-field.tsx"],"names":[],"mappings":"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"}

package/dist/lib/semi-schema-form/components/tmpls/submit.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getSubmitButtonOptions, } from '@rjsf/utils';
+import { Button } from '@coze-arch/coze-design';
+/** The `SubmitButton` renders a button that represent the `Submit` action on a form
+ */
+export default function SubmitButton({ uiSchema }) {
+    const { submitText, norender, props: submitButtonProps, } = getSubmitButtonOptions(uiSchema);
+    if (norender) {
+        return null;
+    }
+    return (_jsx(Button, { type: "primary", ...submitButtonProps, htmlType: "submit", children: submitText }));
+}
+//# sourceMappingURL=submit.js.map

package/dist/lib/semi-schema-form/components/tmpls/submit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"submit.js","sourceRoot":"","sources":["../../../../../src/semi-schema-form/components/tmpls/submit.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,sBAAsB,GAKvB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD;GACG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAIlC,EAAE,QAAQ,EAA8B;IACxC,MAAM,EACJ,UAAU,EACV,QAAQ,EACR,KAAK,EAAE,iBAAiB,GACzB,GAAG,sBAAsB,CAAC,QAAQ,CAAC,CAAC;IACrC,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,IAAI,CAAC;IACd,CAAC;IACD,OAAO,CACL,KAAC,MAAM,IAAC,IAAI,EAAC,SAAS,KAAK,iBAAiB,EAAE,QAAQ,EAAC,QAAQ,YAC5D,UAAU,GACJ,CACV,CAAC;AACJ,CAAC"}

package/dist/lib/semi-schema-form/components/tmpls/title-field.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getUiOptions, } from '@rjsf/utils';
+import { Typography } from '@coze-arch/coze-design';
+/** The `TitleField` is the template to use to render the title of a field
+ *
+ * @param props - The `TitleFieldProps` for this component
+ */
+export default function TitleField({ id, uiSchema, title }) {
+    const uiOptions = getUiOptions(uiSchema);
+    return (_jsxs("div", { id: id, className: "my-1", children: [_jsx(Typography.Title, { heading: 5, children: uiOptions.title || title }), _jsx("hr", { className: "border-0 bg-secondary", style: { height: '1px' } })] }));
+}
+//# sourceMappingURL=title-field.js.map

package/dist/lib/semi-schema-form/components/tmpls/title-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"title-field.js","sourceRoot":"","sources":["../../../../../src/semi-schema-form/components/tmpls/title-field.tsx"],"names":[],"mappings":";AACA,OAAO,EAKL,YAAY,GACb,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAIhC,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAA4B;IACjD,MAAM,SAAS,GAAG,YAAY,CAAU,QAAQ,CAAC,CAAC;IAElD,OAAO,CACL,eAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAC,MAAM,aAC3B,KAAC,UAAU,CAAC,KAAK,IAAC,OAAO,EAAE,CAAC,YACzB,SAAS,CAAC,KAAK,IAAI,KAAK,GACR,EACnB,aAAI,SAAS,EAAC,uBAAuB,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,GAAI,IAC9D,CACP,CAAC;AACJ,CAAC"}