@tachybase/components 0.23.18 → 0.23.20

package/lib/array-items/index.js

@@ -32,7 +32,7 @@ __export(array_items_exports, {
   default: () => array_items_default
 });
 module.exports = __toCommonJS(array_items_exports);
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_schema = require("@tachybase/schema");
 var import_classnames = __toESM(require("classnames"));
 var import_builtins = require("../__builtins__");
@@ -42,14 +42,14 @@ const SortableItem = (0, import_builtins.SortableElement)((props) => {
   const prefixCls = (0, import_builtins.usePrefixCls)("formily-array-items");
   const [wrapSSR, hashId] = (0, import_style.default)(prefixCls);
   return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement("div", { ...props, className: (0, import_classnames.default)(`${prefixCls}-item`, hashId, props.className) }, props.children)
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ...props, className: (0, import_classnames.default)(`${prefixCls}-item`, hashId, props.className), children: props.children })
   );
 });
 const SortableList = (0, import_builtins.SortableContainer)((props) => {
   const prefixCls = (0, import_builtins.usePrefixCls)("formily-array-items");
   const [wrapSSR, hashId] = (0, import_style.default)(prefixCls);
   return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement("div", { ...props, className: (0, import_classnames.default)(`${prefixCls}-list`, hashId, props.className) }, props.children)
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ...props, className: (0, import_classnames.default)(`${prefixCls}-list`, hashId, props.className), children: props.children })
   );
 });
 const isAdditionComponent = /* @__PURE__ */ __name((schema) => {
@@ -60,7 +60,7 @@ const useAddition = /* @__PURE__ */ __name(() => {
   const schema = (0, import_schema.useFieldSchema)();
   return schema.reduceProperties((addition, schema2, key) => {
     if (isAdditionComponent(schema2)) {
-      return /* @__PURE__ */ import_react.default.createElement(import_schema.RecursionField, { schema: schema2, name: key });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_schema.RecursionField, { schema: schema2, name: key });
     }
     return addition;
   }, null);
@@ -74,40 +74,43 @@ const InternalArrayItems = (0, import_schema.observer)((props) => {
   const dataSource = Array.isArray(field.value) ? field.value : [];
   if (!schema) throw new Error("can not found schema object");
   return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement(import_array_base.ArrayBase, null, /* @__PURE__ */ import_react.default.createElement("div", { ...props, onChange: () => {
-    }, className: (0, import_classnames.default)(prefixCls, hashId, props.className) }, /* @__PURE__ */ import_react.default.createElement(
-      SortableList,
-      {
-        list: dataSource.slice(),
-        className: `${prefixCls}-sort-helper`,
-        onSortEnd: (event) => {
-          const { oldIndex, newIndex } = event;
-          field.move(oldIndex, newIndex);
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_array_base.ArrayBase, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ...props, onChange: () => {
+    }, className: (0, import_classnames.default)(prefixCls, hashId, props.className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        SortableList,
+        {
+          list: dataSource.slice(),
+          className: `${prefixCls}-sort-helper`,
+          onSortEnd: (event) => {
+            const { oldIndex, newIndex } = event;
+            field.move(oldIndex, newIndex);
+          },
+          children: dataSource == null ? void 0 : dataSource.map((item, index) => {
+            const items = Array.isArray(schema.items) ? schema.items[index] || schema.items[0] : schema.items;
+            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_array_base.ArrayBase.Item, { index, record: () => {
+              var _a;
+              return (_a = field.value) == null ? void 0 : _a[index];
+            }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SortableItem, { lockAxis: "y", index, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-item-inner`, children: items ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_schema.RecursionField, { schema: items, name: index }) : null }) }, `item-${index}`) }, index);
+          })
         }
-      },
-      dataSource == null ? void 0 : dataSource.map((item, index) => {
-        const items = Array.isArray(schema.items) ? schema.items[index] || schema.items[0] : schema.items;
-        return /* @__PURE__ */ import_react.default.createElement(import_array_base.ArrayBase.Item, { key: index, index, record: () => {
-          var _a;
-          return (_a = field.value) == null ? void 0 : _a[index];
-        } }, /* @__PURE__ */ import_react.default.createElement(SortableItem, { key: `item-${index}`, lockAxis: "y", index }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-item-inner` }, items ? /* @__PURE__ */ import_react.default.createElement(import_schema.RecursionField, { schema: items, name: index }) : null)));
-      })
-    ), addition))
+      ),
+      addition
+    ] }) })
   );
 });
 const Item = /* @__PURE__ */ __name((props) => {
   const prefixCls = (0, import_builtins.usePrefixCls)("formily-array-items");
   const [wrapSSR, hashId] = (0, import_style.default)(prefixCls);
   return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "div",
       {
         ...props,
         onChange: () => {
         },
-        className: (0, import_classnames.default)(`${prefixCls}-${props.type || "card"}`, hashId, props.className)
-      },
-      props.children
+        className: (0, import_classnames.default)(`${prefixCls}-${props.type || "card"}`, hashId, props.className),
+        children: props.children
+      }
     )
   );
 }, "Item");

package/lib/array-table/index.js

@@ -32,6 +32,7 @@ __export(array_table_exports, {
   default: () => array_table_default
 });
 module.exports = __toCommonJS(array_table_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_schema = require("@tachybase/schema");
 var import_antd = require("antd");
@@ -39,8 +40,8 @@ var import_classnames = __toESM(require("classnames"));
 var import_builtins = require("../__builtins__");
 var import_array_base = require("../array-base");
 var import_style = __toESM(require("./style"));
-const SortableRow = (0, import_builtins.SortableElement)((props) => /* @__PURE__ */ import_react.default.createElement("tr", { ...props }));
-const SortableBody = (0, import_builtins.SortableContainer)((props) => /* @__PURE__ */ import_react.default.createElement("tbody", { ...props }));
+const SortableRow = (0, import_builtins.SortableElement)((props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", { ...props }));
+const SortableBody = (0, import_builtins.SortableContainer)((props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", { ...props }));
 const isColumnComponent = /* @__PURE__ */ __name((schema) => {
   var _a;
   return ((_a = schema["x-component"]) == null ? void 0 : _a.indexOf("Column")) > -1;
@@ -105,10 +106,10 @@ const useArrayTableColumns = /* @__PURE__ */ __name((dataSource, field, sources)
       dataIndex: name,
       render: /* @__PURE__ */ __name((value, record) => {
         const index = dataSource.indexOf(record);
-        const children = /* @__PURE__ */ import_react.default.createElement(import_array_base.ArrayBase.Item, { index, record: () => {
+        const children = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_array_base.ArrayBase.Item, { index, record: () => {
           var _a;
           return (_a = field == null ? void 0 : field.value) == null ? void 0 : _a[index];
-        } }, /* @__PURE__ */ import_react.default.createElement(import_schema.RecursionField, { schema, name: index, onlyRenderProperties: true }));
+        }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_schema.RecursionField, { schema, name: index, onlyRenderProperties: true }) });
         return children;
       }, "render")
     });
@@ -118,7 +119,7 @@ const useAddition = /* @__PURE__ */ __name(() => {
   const schema = (0, import_schema.useFieldSchema)();
   return schema.reduceProperties((addition, schema2, key) => {
     if (isAdditionComponent(schema2)) {
-      return /* @__PURE__ */ import_react.default.createElement(import_schema.RecursionField, { schema: schema2, name: key });
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_schema.RecursionField, { schema: schema2, name: key });
     }
     return addition;
   }, null);
@@ -147,13 +148,13 @@ const StatusSelect = (0, import_schema.observer)(
         return currentIndex >= startIndex && currentIndex <= endIndex;
       });
       return {
-        label: hasError ? /* @__PURE__ */ import_react.default.createElement(import_antd.Badge, { dot: true }, label) : label,
+        label: hasError ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Badge, { dot: true, children: label }) : label,
         value
       };
     });
     const width = String(options == null ? void 0 : options.length).length * 15;
     return wrapSSR(
-      /* @__PURE__ */ import_react.default.createElement(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_antd.Select,
         {
           value: props.value,
@@ -212,38 +213,41 @@ const ArrayTablePagination = /* @__PURE__ */ __name((props) => {
   }, [totalPage, current]);
   const renderPagination = /* @__PURE__ */ __name(() => {
     if (totalPage <= 1) return;
-    return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(`${prefixCls}-pagination`, hashId) }, /* @__PURE__ */ import_react.default.createElement(import_antd.Space, null, /* @__PURE__ */ import_react.default.createElement(
-      StatusSelect,
-      {
-        value: current,
-        pageSize,
-        onChange: handleChange,
-        options: pages,
-        notFoundContent: false
-      }
-    ), /* @__PURE__ */ import_react.default.createElement(
-      import_antd.Pagination,
-      {
-        ...props,
-        pageSize,
-        current,
-        total: dataSource.length,
-        size,
-        showSizeChanger: false,
-        onChange: handleChange
-      }
-    )));
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_classnames.default)(`${prefixCls}-pagination`, hashId), children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Space, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        StatusSelect,
+        {
+          value: current,
+          pageSize,
+          onChange: handleChange,
+          options: pages,
+          notFoundContent: false
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_antd.Pagination,
+        {
+          ...props,
+          pageSize,
+          current,
+          total: dataSource.length,
+          size,
+          showSizeChanger: false,
+          onChange: handleChange
+        }
+      )
+    ] }) });
   }, "renderPagination");
   return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement(import_react.Fragment, null, /* @__PURE__ */ import_react.default.createElement(PaginationContext.Provider, { value: { totalPage, pageSize, changePage: handleChange } }, (_a = props.children) == null ? void 0 : _a.call(props, dataSource == null ? void 0 : dataSource.slice(startIndex, endIndex + 1), renderPagination(), {
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PaginationContext.Provider, { value: { totalPage, pageSize, changePage: handleChange }, children: (_a = props.children) == null ? void 0 : _a.call(props, dataSource == null ? void 0 : dataSource.slice(startIndex, endIndex + 1), renderPagination(), {
       startIndex
-    })))
+    }) }) })
   );
 }, "ArrayTablePagination");
 const RowComp = /* @__PURE__ */ __name((props) => {
   const prefixCls = (0, import_builtins.usePrefixCls)("formily-array-table");
   const index = props["data-row-key"] || 0;
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     SortableRow,
     {
       lockAxis: "y",
@@ -285,7 +289,7 @@ const InternalArrayTable = (0, import_schema.observer)((props) => {
   }, "addTdStyles");
   const genWrapperComp = (0, import_react.useCallback)(
     (list, start) => (props2) => {
-      return /* @__PURE__ */ import_react.default.createElement(
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         SortableBody,
         {
           ...props2,
@@ -303,53 +307,58 @@ const InternalArrayTable = (0, import_schema.observer)((props) => {
               field.move(oldIndex, newIndex);
             });
           },
-          className: (0, import_classnames.default)(`${prefixCls}-sort-helper`, props2.className)
-        },
-        props2.children
+          className: (0, import_classnames.default)(`${prefixCls}-sort-helper`, props2.className),
+          children: props2.children
+        }
       );
     },
     [field]
   );
   return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement(ArrayTablePagination, { ...pagination, dataSource }, (dataSource2, pager, { startIndex }) => {
-      return /* @__PURE__ */ import_react.default.createElement("div", { ref, className: (0, import_classnames.default)(prefixCls, hashId) }, /* @__PURE__ */ import_react.default.createElement(import_array_base.ArrayBase, null, /* @__PURE__ */ import_react.default.createElement(
-        import_antd.Table,
-        {
-          size: "small",
-          bordered: true,
-          rowKey: defaultRowKey,
-          ...props,
-          onChange: () => {
-          },
-          pagination: false,
-          columns,
-          dataSource: dataSource2,
-          components: {
-            body: {
-              wrapper: genWrapperComp(dataSource2, startIndex),
-              row: RowComp
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrayTablePagination, { ...pagination, dataSource, children: (dataSource2, pager, { startIndex }) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, className: (0, import_classnames.default)(prefixCls, hashId), children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_array_base.ArrayBase, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_antd.Table,
+          {
+            size: "small",
+            bordered: true,
+            rowKey: defaultRowKey,
+            ...props,
+            onChange: () => {
+            },
+            pagination: false,
+            columns,
+            dataSource: dataSource2,
+            components: {
+              body: {
+                wrapper: genWrapperComp(dataSource2, startIndex),
+                row: RowComp
+              }
             }
           }
-        }
-      ), /* @__PURE__ */ import_react.default.createElement("div", { style: { marginTop: 5, marginBottom: 5 } }, pager), sources.map((column, key) => {
-        if (!isColumnComponent(column.schema)) return;
-        return import_react.default.createElement(import_schema.RecursionField, {
-          name: column.name,
-          schema: column.schema,
-          onlyRenderSelf: true,
-          key
-        });
-      }), addition));
-    })
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { marginTop: 5, marginBottom: 5 }, children: pager }),
+        sources.map((column, key) => {
+          if (!isColumnComponent(column.schema)) return;
+          return import_react.default.createElement(import_schema.RecursionField, {
+            name: column.name,
+            schema: column.schema,
+            onlyRenderSelf: true,
+            key
+          });
+        }),
+        addition
+      ] }) });
+    } })
   );
 });
 const Column = /* @__PURE__ */ __name(() => {
-  return /* @__PURE__ */ import_react.default.createElement(import_react.Fragment, null);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Fragment, {});
 }, "Column");
 const Addition = /* @__PURE__ */ __name((props) => {
   const array = import_array_base.ArrayBase.useArray();
   const { totalPage = 0, pageSize = 10, changePage } = usePagination();
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_array_base.ArrayBase.Addition,
     {
       ...props,

package/lib/array-tabs/index.js

@@ -1,8 +1,6 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 var __export = (target, all) => {
@@ -17,14 +15,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var array_tabs_exports = {};
 __export(array_tabs_exports, {
@@ -32,7 +22,8 @@ __export(array_tabs_exports, {
   default: () => array_tabs_default
 });
 module.exports = __toCommonJS(array_tabs_exports);
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_schema = require("@tachybase/schema");
 var import_antd = require("antd");
 const FeedbackBadge = (0, import_schema.observer)((props) => {
@@ -43,9 +34,9 @@ const FeedbackBadge = (0, import_schema.observer)((props) => {
     return (_a = error.address) == null ? void 0 : _a.includes(`${field.address}.${props.index}`);
   });
   if (errors.length) {
-    return /* @__PURE__ */ import_react.default.createElement(import_antd.Badge, { size: "small", className: "errors-badge", count: errors.length }, tab);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Badge, { size: "small", className: "errors-badge", count: errors.length, children: tab });
   }
-  return /* @__PURE__ */ import_react.default.createElement(import_react.Fragment, null, tab);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Fragment, { children: tab });
 });
 const ArrayTabs = (0, import_schema.observer)((props) => {
   const field = (0, import_schema.useField)();
@@ -71,7 +62,7 @@ const ArrayTabs = (0, import_schema.observer)((props) => {
       field.remove(index);
     }
   }, "onEdit");
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_antd.Tabs,
     {
       ...props,
@@ -86,10 +77,10 @@ const ArrayTabs = (0, import_schema.observer)((props) => {
         const key = `tab-${index}`;
         return {
           key,
-          label: /* @__PURE__ */ import_react.default.createElement(FeedbackBadge, { index }),
+          label: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FeedbackBadge, { index }),
           forceRender: true,
           closable: index !== 0,
-          children: items ? /* @__PURE__ */ import_react.default.createElement(import_schema.RecursionField, { schema: items, name: index }) : null
+          children: items ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_schema.RecursionField, { schema: items, name: index }) : null
         };
       })
     }

package/lib/cascader/index.js

@@ -1,8 +1,6 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -16,14 +14,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var cascader_exports = {};
 __export(cascader_exports, {
@@ -31,7 +21,7 @@ __export(cascader_exports, {
   default: () => cascader_default
 });
 module.exports = __toCommonJS(cascader_exports);
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_schema = require("@tachybase/schema");
 var import_icons = require("@ant-design/icons");
 var import_antd = require("antd");
@@ -45,7 +35,7 @@ const Cascader = (0, import_schema.connect)(
     (props, field) => {
       return {
         ...props,
-        suffixIcon: (field == null ? void 0 : field["loading"]) || (field == null ? void 0 : field["validating"]) ? /* @__PURE__ */ import_react.default.createElement(import_icons.LoadingOutlined, null) : props.suffixIcon
+        suffixIcon: (field == null ? void 0 : field["loading"]) || (field == null ? void 0 : field["validating"]) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.LoadingOutlined, {}) : props.suffixIcon
       };
     }
   ),

package/lib/code-mirror/index.js

@@ -31,7 +31,8 @@ __export(code_mirror_exports, {
   CodeMirror: () => CodeMirror
 });
 module.exports = __toCommonJS(code_mirror_exports);
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_schema = require("@tachybase/schema");
 var import_react2 = __toESM(require("@monaco-editor/react"));
 import_react2.loader.config({ paths: { vs: "https://assets.tachybase.com/monaco-editor@0.52.0/min/vs" } });
@@ -45,7 +46,7 @@ const CodeMirror = (0, import_schema.connect)(
         });
       }
     }, [monaco]);
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_react2.default,
       {
         options: { readOnly: !!otherProps.disabled },
@@ -70,7 +71,7 @@ const CodeMirror = (0, import_schema.connect)(
     if (value == null) {
       return;
     }
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_react2.default,
       {
         options: { readOnly: true },

package/lib/editable/index.js

@@ -32,7 +32,8 @@ __export(editable_exports, {
   default: () => editable_default
 });
 module.exports = __toCommonJS(editable_exports);
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_schema = require("@tachybase/schema");
 var import_icons = require("@ant-design/icons");
 var import_antd = require("antd");
@@ -94,11 +95,14 @@ const InternalEditable = (0, import_schema.observer)((props) => {
   }, "recover");
   const renderEditHelper = /* @__PURE__ */ __name(() => {
     if (editable) return;
-    return /* @__PURE__ */ import_react.default.createElement(import_form_item.BaseItem, { ...props, ...itemProps }, pattern === "editable" && /* @__PURE__ */ import_react.default.createElement(import_icons.EditOutlined, { className: `${prefixCls}-edit-btn` }), pattern !== "editable" && /* @__PURE__ */ import_react.default.createElement(import_icons.MessageOutlined, { className: `${prefixCls}-edit-btn` }));
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_form_item.BaseItem, { ...props, ...itemProps, children: [
+      pattern === "editable" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.EditOutlined, { className: `${prefixCls}-edit-btn` }),
+      pattern !== "editable" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.MessageOutlined, { className: `${prefixCls}-edit-btn` })
+    ] });
   }, "renderEditHelper");
   const renderCloseHelper = /* @__PURE__ */ __name(() => {
     if (!editable) return;
-    return /* @__PURE__ */ import_react.default.createElement(import_form_item.BaseItem, { ...props }, /* @__PURE__ */ import_react.default.createElement(import_icons.CloseOutlined, { className: `${prefixCls}-close-btn` }));
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form_item.BaseItem, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CloseOutlined, { className: `${prefixCls}-close-btn` }) });
   }, "renderCloseHelper");
   (0, import_builtins.useClickAway)((e) => {
     const target = e.target;
@@ -125,7 +129,11 @@ const InternalEditable = (0, import_schema.observer)((props) => {
   }, "onClick");
   ref.current = editable;
   return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(prefixCls, hashId), ref: innerRef, onClick }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-content` }, /* @__PURE__ */ import_react.default.createElement(import_form_item.BaseItem, { ...props, ...itemProps }, props.children), renderEditHelper(), renderCloseHelper()))
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_classnames.default)(prefixCls, hashId), ref: innerRef, onClick, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `${prefixCls}-content`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form_item.BaseItem, { ...props, ...itemProps, children: props.children }),
+      renderEditHelper(),
+      renderCloseHelper()
+    ] }) })
   );
 });
 const Popover = (0, import_schema.observer)((props) => {
@@ -151,7 +159,7 @@ const Popover = (0, import_schema.observer)((props) => {
     setOpen(true);
   }, "openPopover");
   return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_antd.Popover,
       {
         ...props,
@@ -167,9 +175,13 @@ const Popover = (0, import_schema.observer)((props) => {
           } else {
             closePopover();
           }
-        }
-      },
-      /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_form_item.BaseItem, { className: `${prefixCls}-trigger` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-content` }, /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-preview` }, props.title || field.title), pattern === "editable" && /* @__PURE__ */ import_react.default.createElement(import_icons.EditOutlined, { className: `${prefixCls}-edit-btn` }), pattern !== "editable" && /* @__PURE__ */ import_react.default.createElement(import_icons.MessageOutlined, { className: `${prefixCls}-edit-btn` }))))
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form_item.BaseItem, { className: `${prefixCls}-trigger`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `${prefixCls}-content`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `${prefixCls}-preview`, children: props.title || field.title }),
+          pattern === "editable" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.EditOutlined, { className: `${prefixCls}-edit-btn` }),
+          pattern !== "editable" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.MessageOutlined, { className: `${prefixCls}-edit-btn` })
+        ] }) }) })
+      }
     )
   );
 });

package/lib/form/index.js

@@ -32,6 +32,7 @@ __export(form_exports, {
   default: () => form_default
 });
 module.exports = __toCommonJS(form_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_schema = require("@tachybase/schema");
 var import_form_layout = require("../form-layout");
@@ -45,7 +46,7 @@ const Form = /* @__PURE__ */ __name(({
   ...props
 }) => {
   const top = (0, import_schema.useParentForm)();
-  const renderContent = /* @__PURE__ */ __name((form2) => /* @__PURE__ */ import_react.default.createElement(import_schema.RecordScope, { getRecord: () => (0, import_schema.isForm)(form2) ? form2.values : form2.value }, /* @__PURE__ */ import_react.default.createElement(import_preview_text.PreviewText.Placeholder, { value: previewTextPlaceholder }, /* @__PURE__ */ import_react.default.createElement(import_form_layout.FormLayout, { ...props }, import_react.default.createElement(
+  const renderContent = /* @__PURE__ */ __name((form2) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_schema.RecordScope, { getRecord: () => (0, import_schema.isForm)(form2) ? form2.values : form2.value, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_preview_text.PreviewText.Placeholder, { value: previewTextPlaceholder, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form_layout.FormLayout, { ...props, children: import_react.default.createElement(
     component,
     {
       onSubmit(e) {
@@ -56,8 +57,8 @@ const Form = /* @__PURE__ */ __name(({
       }
     },
     props.children
-  )))), "renderContent");
-  if (form) return /* @__PURE__ */ import_react.default.createElement(import_schema.FormProvider, { form }, renderContent(form));
+  ) }) }) }), "renderContent");
+  if (form) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_schema.FormProvider, { form, children: renderContent(form) });
   if (!top) throw new Error("must pass form instance by createForm");
   return renderContent(top);
 }, "Form");

package/lib/form-button-group/index.d.ts

@@ -14,14 +14,14 @@ export declare const FormButtonGroup: {
     ({ align, gutter, ...props }: Omit<SpaceProps, "size" | "align"> & {
         gutter?: any;
         align?: any;
-    }): React.JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
     defaultProps: {
         align: string;
     };
     FormItem({ gutter, ...props }: {
         [x: string]: any;
         gutter: any;
-    }): React.JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
     Sticky: ({ align, ...props }: React.PropsWithChildren<IStickyProps & React.HTMLProps<HTMLDivElement>>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
 };
 export default FormButtonGroup;