@tachybase/components 0.23.8

package/lib/form-layout/index.js

@@ -0,0 +1,96 @@
+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) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  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 form_layout_exports = {};
+__export(form_layout_exports, {
+  FormLayout: () => FormLayout,
+  FormLayoutDeepContext: () => FormLayoutDeepContext,
+  FormLayoutShallowContext: () => FormLayoutShallowContext,
+  default: () => form_layout_default,
+  useFormDeepLayout: () => useFormDeepLayout,
+  useFormLayout: () => useFormLayout,
+  useFormShallowLayout: () => useFormShallowLayout
+});
+module.exports = __toCommonJS(form_layout_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_builtins = require("../__builtins__");
+var import_useResponsiveFormLayout = require("./useResponsiveFormLayout");
+const FormLayoutDeepContext = (0, import_react.createContext)({});
+const FormLayoutShallowContext = (0, import_react.createContext)({});
+const useFormDeepLayout = /* @__PURE__ */ __name(() => (0, import_react.useContext)(FormLayoutDeepContext), "useFormDeepLayout");
+const useFormShallowLayout = /* @__PURE__ */ __name(() => (0, import_react.useContext)(FormLayoutShallowContext), "useFormShallowLayout");
+const useFormLayout = /* @__PURE__ */ __name(() => ({
+  ...useFormDeepLayout(),
+  ...useFormShallowLayout()
+}), "useFormLayout");
+const FormLayout = /* @__PURE__ */ __name(({ shallow = true, children, prefixCls, className, style, ...otherProps }) => {
+  const { ref, props } = (0, import_useResponsiveFormLayout.useResponsiveFormLayout)(otherProps);
+  const deepLayout = useFormDeepLayout();
+  const formPrefixCls = (0, import_builtins.usePrefixCls)("form", { prefixCls });
+  const layoutPrefixCls = (0, import_builtins.usePrefixCls)("formily-layout", { prefixCls });
+  const layoutClassName = (0, import_classnames.default)(
+    layoutPrefixCls,
+    {
+      [`${formPrefixCls}-${props.layout}`]: true,
+      [`${formPrefixCls}-rtl`]: props.direction === "rtl",
+      [`${formPrefixCls}-${props.size}`]: props.size
+    },
+    className
+  );
+  const renderChildren = /* @__PURE__ */ __name(() => {
+    const newDeepLayout = {
+      ...deepLayout
+    };
+    if (!shallow) {
+      Object.assign(newDeepLayout, props);
+    } else {
+      if (props.size) {
+        newDeepLayout.size = props.size;
+      }
+      if (props.colon) {
+        newDeepLayout.colon = props.colon;
+      }
+    }
+    return /* @__PURE__ */ import_react.default.createElement(FormLayoutDeepContext.Provider, { value: newDeepLayout }, /* @__PURE__ */ import_react.default.createElement(FormLayoutShallowContext.Provider, { value: shallow ? props : void 0 }, children));
+  }, "renderChildren");
+  return /* @__PURE__ */ import_react.default.createElement("div", { ref, className: layoutClassName, style }, renderChildren());
+}, "FormLayout");
+FormLayout.useFormDeepLayout = useFormDeepLayout;
+FormLayout.useFormShallowLayout = useFormShallowLayout;
+FormLayout.useFormLayout = useFormLayout;
+var form_layout_default = FormLayout;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FormLayout,
+  FormLayoutDeepContext,
+  FormLayoutShallowContext,
+  useFormDeepLayout,
+  useFormLayout,
+  useFormShallowLayout
+});

package/lib/form-layout/useResponsiveFormLayout.d.ts

@@ -0,0 +1,17 @@
+interface IProps {
+    breakpoints?: number[];
+    layout?: 'vertical' | 'horizontal' | 'inline' | ('vertical' | 'horizontal' | 'inline')[];
+    labelCol?: number | number[];
+    wrapperCol?: number | number[];
+    labelAlign?: 'right' | 'left' | ('right' | 'left')[];
+    wrapperAlign?: 'right' | 'left' | ('right' | 'left')[];
+    [props: string]: any;
+}
+interface IUseResponsiveFormLayout {
+    (props: IProps): {
+        ref: React.RefObject<HTMLDivElement>;
+        props: any;
+    };
+}
+export declare const useResponsiveFormLayout: IUseResponsiveFormLayout;
+export {};

package/lib/form-layout/useResponsiveFormLayout.js

@@ -0,0 +1,89 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useResponsiveFormLayout_exports = {};
+__export(useResponsiveFormLayout_exports, {
+  useResponsiveFormLayout: () => useResponsiveFormLayout
+});
+module.exports = __toCommonJS(useResponsiveFormLayout_exports);
+var import_react = require("react");
+var import_schema = require("@tachybase/schema");
+const calcBreakpointIndex = /* @__PURE__ */ __name((breakpoints, width) => {
+  if (!breakpoints) return;
+  for (let i = 0; i < breakpoints.length; i++) {
+    if (width <= breakpoints[i]) {
+      return i;
+    }
+  }
+}, "calcBreakpointIndex");
+const calcFactor = /* @__PURE__ */ __name((value, breakpointIndex) => {
+  if (Array.isArray(value)) {
+    if (breakpointIndex === -1) return value[0];
+    return value[breakpointIndex || value.length - 1] ?? value[value.length - 1];
+  } else {
+    return value;
+  }
+}, "calcFactor");
+const factor = /* @__PURE__ */ __name((value, breakpointIndex) => (0, import_schema.isValid)(value) ? calcFactor(value, breakpointIndex) : value, "factor");
+const calculateProps = /* @__PURE__ */ __name((target, props) => {
+  const { clientWidth } = target;
+  const { breakpoints, layout, labelAlign, wrapperAlign, labelCol, wrapperCol, ...otherProps } = props;
+  const breakpointIndex = calcBreakpointIndex(breakpoints, clientWidth);
+  return {
+    layout: factor(layout, breakpointIndex),
+    labelAlign: factor(labelAlign, breakpointIndex),
+    wrapperAlign: factor(wrapperAlign, breakpointIndex),
+    labelCol: factor(labelCol, breakpointIndex),
+    wrapperCol: factor(wrapperCol, breakpointIndex),
+    ...otherProps
+  };
+}, "calculateProps");
+const useResponsiveFormLayout = /* @__PURE__ */ __name((props) => {
+  const ref = (0, import_react.useRef)(null);
+  const { breakpoints } = props;
+  const [layoutProps, setLayout] = (0, import_react.useState)(props);
+  const updateUI = /* @__PURE__ */ __name(() => {
+    if (ref.current) {
+      setLayout(calculateProps(ref.current, props));
+    }
+  }, "updateUI");
+  (0, import_react.useEffect)(() => {
+    const observer = /* @__PURE__ */ __name(() => {
+      updateUI();
+    }, "observer");
+    const resizeObserver = new ResizeObserver(observer);
+    if (ref.current) {
+      resizeObserver.observe(ref.current);
+    }
+    updateUI();
+    return () => {
+      resizeObserver.disconnect();
+    };
+  }, []);
+  if (!(0, import_schema.isArr)(breakpoints)) {
+    return { ref, props };
+  }
+  return {
+    ref,
+    props: layoutProps
+  };
+}, "useResponsiveFormLayout");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useResponsiveFormLayout
+});

package/lib/form-step/index.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import { Form, Schema, SchemaKey, VoidField } from '@tachybase/schema';
+import { StepProps, StepsProps } from 'antd/lib/steps';
+export interface IFormStep {
+    connect: (steps: SchemaStep[], field: VoidField) => void;
+    current: number;
+    allowNext: boolean;
+    allowBack: boolean;
+    setCurrent(key: number): void;
+    submit: Form['submit'];
+    next(): void;
+    back(): void;
+}
+export interface IFormStepProps extends StepsProps {
+    formStep?: IFormStep;
+}
+type ComposedFormStep = React.FC<React.PropsWithChildren<IFormStepProps>> & {
+    StepPane: React.FC<React.PropsWithChildren<StepProps>>;
+    createFormStep: (defaultCurrent?: number) => IFormStep;
+};
+type SchemaStep = {
+    name: SchemaKey;
+    props: any;
+    schema: Schema;
+};
+export declare const FormStep: ComposedFormStep;
+export default FormStep;

package/lib/form-step/index.js

@@ -0,0 +1,154 @@
+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) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  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 form_step_exports = {};
+__export(form_step_exports, {
+  FormStep: () => FormStep,
+  default: () => form_step_default
+});
+module.exports = __toCommonJS(form_step_exports);
+var import_react = __toESM(require("react"));
+var import_schema = require("@tachybase/schema");
+var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
+var import_builtins = require("../__builtins__");
+const parseSteps = /* @__PURE__ */ __name((schema) => {
+  const steps = [];
+  schema.mapProperties((schema2, name) => {
+    var _a;
+    if (((_a = schema2["x-component"]) == null ? void 0 : _a.indexOf("StepPane")) > -1) {
+      steps.push({
+        name,
+        props: schema2["x-component-props"],
+        schema: schema2
+      });
+    }
+  });
+  return steps;
+}, "parseSteps");
+const createFormStep = /* @__PURE__ */ __name((defaultCurrent = 0) => {
+  var _a, _b, _c, _d, _e, _f;
+  const env = (0, import_schema.define)(
+    {
+      form: null,
+      field: null,
+      steps: []
+    },
+    {
+      form: import_schema.observable.ref,
+      field: import_schema.observable.ref,
+      steps: import_schema.observable.shallow
+    }
+  );
+  const setDisplay = (_b = (_a = import_schema.action).bound) == null ? void 0 : _b.call(_a, (target) => {
+    const currentStep = env.steps[target];
+    env.steps.forEach(({ name }) => {
+      var _a2, _b2;
+      (_b2 = env.form) == null ? void 0 : _b2.query(`${(_a2 = env.field) == null ? void 0 : _a2.address}.${name}`).take((field) => {
+        if (name === currentStep.name) {
+          field.setDisplay("visible");
+        } else {
+          field.setDisplay("hidden");
+        }
+      });
+    });
+  });
+  const next = (_d = (_c = import_schema.action).bound) == null ? void 0 : _d.call(_c, () => {
+    if (formStep.allowNext) {
+      formStep.setCurrent(formStep.current + 1);
+    }
+  });
+  const back = (_f = (_e = import_schema.action).bound) == null ? void 0 : _f.call(_e, () => {
+    if (formStep.allowBack) {
+      formStep.setCurrent(formStep.current - 1);
+    }
+  });
+  const formStep = (0, import_schema.model)({
+    connect(steps, field) {
+      env.steps = steps;
+      env.form = field == null ? void 0 : field.form;
+      env.field = field;
+    },
+    current: defaultCurrent,
+    setCurrent(key) {
+      setDisplay == null ? void 0 : setDisplay(key);
+      formStep.current = key;
+    },
+    get allowNext() {
+      return formStep.current < env.steps.length - 1;
+    },
+    get allowBack() {
+      return formStep.current > 0;
+    },
+    async next() {
+      var _a2, _b2;
+      try {
+        await ((_a2 = env.form) == null ? void 0 : _a2.validate());
+        if ((_b2 = env.form) == null ? void 0 : _b2.valid) {
+          next == null ? void 0 : next();
+        }
+      } catch {
+      }
+    },
+    async back() {
+      back == null ? void 0 : back();
+    },
+    async submit(onSubmit) {
+      var _a2, _b2;
+      return (_b2 = (_a2 = env.form) == null ? void 0 : _a2.submit) == null ? void 0 : _b2.call(_a2, onSubmit);
+    }
+  });
+  return (0, import_schema.markRaw)(formStep);
+}, "createFormStep");
+const FormStep = (0, import_schema.connect)(
+  (0, import_schema.observer)(({ formStep, className, ...props }) => {
+    var _a;
+    const field = (0, import_schema.useField)();
+    const prefixCls = (0, import_builtins.usePrefixCls)("formily-step", props);
+    const schema = (0, import_schema.useFieldSchema)();
+    const steps = parseSteps(schema);
+    const current = props.current || (formStep == null ? void 0 : formStep.current) || 0;
+    (_a = formStep == null ? void 0 : formStep.connect) == null ? void 0 : _a.call(formStep, steps, field);
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(prefixCls, className) }, /* @__PURE__ */ import_react.default.createElement(import_antd.Steps, { ...props, style: { marginBottom: 10, ...props.style }, current }, steps.map(({ props: props2 }, key) => {
+      return /* @__PURE__ */ import_react.default.createElement(import_antd.Steps.Step, { key, ...props2 });
+    })), steps.map(({ name, schema: schema2 }, key) => {
+      if (key !== current) return;
+      return /* @__PURE__ */ import_react.default.createElement(import_schema.RecursionField, { key, name, schema: schema2 });
+    }));
+  })
+);
+const StepPane = /* @__PURE__ */ __name(({ children }) => {
+  return /* @__PURE__ */ import_react.default.createElement(import_react.Fragment, null, children);
+}, "StepPane");
+FormStep.StepPane = StepPane;
+FormStep.createFormStep = createFormStep;
+var form_step_default = FormStep;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FormStep
+});

package/lib/form-tab/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { TabPaneProps, TabsProps } from 'antd/lib/tabs';
+export interface IFormTab {
+    activeKey?: string;
+    setActiveKey(key: string): void;
+}
+export interface IFormTabProps extends TabsProps {
+    formTab?: IFormTab;
+}
+export interface IFormTabPaneProps extends TabPaneProps {
+    key: string | number;
+}
+type ComposedFormTab = React.FC<React.PropsWithChildren<IFormTabProps>> & {
+    TabPane: React.FC<React.PropsWithChildren<IFormTabPaneProps>>;
+    TabExtraContent: React.FC<React.PropsWithChildren<IFormTabPaneProps>>;
+    createFormTab: (defaultActiveKey?: string) => IFormTab;
+};
+export declare const FormTab: ComposedFormTab;
+export default FormTab;

package/lib/form-tab/index.js

@@ -0,0 +1,150 @@
+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) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  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 form_tab_exports = {};
+__export(form_tab_exports, {
+  FormTab: () => FormTab,
+  default: () => form_tab_default
+});
+module.exports = __toCommonJS(form_tab_exports);
+var import_react = __toESM(require("react"));
+var import_schema = require("@tachybase/schema");
+var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
+var import_builtins = require("../__builtins__");
+const useTabs = /* @__PURE__ */ __name(() => {
+  const tabsField = (0, import_schema.useField)();
+  const schema = (0, import_schema.useFieldSchema)();
+  const tabs = [];
+  schema.mapProperties((schema2, name) => {
+    var _a, _b, _c;
+    const field = tabsField.query(tabsField.address.concat(name)).take();
+    if ((field == null ? void 0 : field.display) === "none" || (field == null ? void 0 : field.display) === "hidden") return;
+    if (((_a = schema2["x-component"]) == null ? void 0 : _a.indexOf("TabPane")) > -1) {
+      const key = ((_b = field == null ? void 0 : field.componentProps) == null ? void 0 : _b.key) || ((_c = schema2 == null ? void 0 : schema2["x-component-props"]) == null ? void 0 : _c.key) || name;
+      tabs.push({
+        name,
+        props: {
+          ...schema2 == null ? void 0 : schema2["x-component-props"],
+          ...field == null ? void 0 : field.componentProps,
+          key
+        },
+        schema: schema2
+      });
+    }
+  });
+  return tabs;
+}, "useTabs");
+const useTabExtraContent = /* @__PURE__ */ __name(() => {
+  const tabsField = (0, import_schema.useField)();
+  const schema = (0, import_schema.useFieldSchema)();
+  const tabs = [];
+  schema.mapProperties((schema2, name) => {
+    var _a, _b, _c;
+    const field = tabsField.query(tabsField.address.concat(name)).take();
+    if ((field == null ? void 0 : field.display) === "none" || (field == null ? void 0 : field.display) === "hidden") return;
+    if (((_a = schema2["x-component"]) == null ? void 0 : _a.indexOf("TabExtraContent")) > -1) {
+      const key = ((_b = field == null ? void 0 : field.componentProps) == null ? void 0 : _b.key) || ((_c = schema2 == null ? void 0 : schema2["x-component-props"]) == null ? void 0 : _c.key) || name;
+      tabs.push({
+        name,
+        props: {
+          ...schema2 == null ? void 0 : schema2["x-component-props"],
+          ...field == null ? void 0 : field.componentProps,
+          key
+        },
+        schema: schema2
+      });
+    }
+  });
+  return tabs;
+}, "useTabExtraContent");
+const FeedbackBadge = (0, import_schema.observer)((props) => {
+  const field = (0, import_schema.useField)();
+  const errors = field.form.queryFeedbacks({
+    type: "error",
+    address: `${field.address.concat(props.name)}.*`
+  });
+  if (errors.length) {
+    return /* @__PURE__ */ import_react.default.createElement(import_antd.Badge, { size: "small", className: "errors-badge", count: errors.length }, props.tab);
+  }
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, props.tab);
+});
+const createFormTab = /* @__PURE__ */ __name((defaultActiveKey) => {
+  const formTab = (0, import_schema.model)({
+    activeKey: defaultActiveKey,
+    setActiveKey(key) {
+      formTab.activeKey = key;
+    }
+  });
+  return (0, import_schema.markRaw)(formTab);
+}, "createFormTab");
+const FormTab = (0, import_schema.observer)(({ formTab, ...props }) => {
+  const tabs = useTabs();
+  const tabExtraContent = useTabExtraContent();
+  const _formTab = (0, import_react.useMemo)(() => {
+    return formTab ? formTab : createFormTab();
+  }, []);
+  const prefixCls = (0, import_builtins.usePrefixCls)("formily-tab", props);
+  const activeKey = props.activeKey || (_formTab == null ? void 0 : _formTab.activeKey);
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Tabs,
+    {
+      ...props,
+      tabBarExtraContent: /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, tabExtraContent.map(({ schema, name }, key) => /* @__PURE__ */ import_react.default.createElement(import_schema.RecursionField, { key, schema, name }))),
+      className: (0, import_classnames.default)(prefixCls, props.className),
+      activeKey,
+      onChange: (key) => {
+        var _a, _b;
+        (_a = props.onChange) == null ? void 0 : _a.call(props, key);
+        (_b = _formTab == null ? void 0 : _formTab.setActiveKey) == null ? void 0 : _b.call(_formTab, key);
+      },
+      items: tabs.map(({ props: props2, schema, name }, key) => {
+        return {
+          key,
+          label: /* @__PURE__ */ import_react.default.createElement(FeedbackBadge, { name, tab: props2.tab }),
+          ...props2,
+          children: /* @__PURE__ */ import_react.default.createElement(import_schema.RecursionField, { schema, name })
+        };
+      })
+    }
+  );
+});
+const TabPane = /* @__PURE__ */ __name(({ children }) => {
+  return /* @__PURE__ */ import_react.default.createElement(import_react.Fragment, null, children);
+}, "TabPane");
+const TabExtraContent = /* @__PURE__ */ __name(({ children }) => {
+  return /* @__PURE__ */ import_react.default.createElement(import_react.Fragment, null, children);
+}, "TabExtraContent");
+FormTab.TabPane = TabPane;
+FormTab.TabExtraContent = TabExtraContent;
+FormTab.createFormTab = createFormTab;
+var form_tab_default = FormTab;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FormTab
+});

package/lib/index.d.ts

@@ -0,0 +1,38 @@
+export * from './__builtins__';
+export * from './array-base';
+export * from './array-cards';
+export * from './array-collapse';
+export * from './array-items';
+export * from './array-table';
+export * from './array-tabs';
+export * from './cascader';
+export * from './checkbox';
+export * from './code-mirror';
+export * from './date-picker';
+export * from './editable';
+export * from './form';
+export * from './form-button-group';
+export * from './form-collapse';
+export * from './form-dialog';
+export * from './form-drawer';
+export * from './form-grid';
+export * from './form-item';
+export * from './form-layout';
+export * from './form-step';
+export * from './form-tab';
+export * from './input';
+export * from './lightbox';
+export * from './number-picker';
+export * from './password';
+export * from './preview-text';
+export * from './radio';
+export * from './reset';
+export * from './select';
+export * from './select-table';
+export * from './space';
+export * from './submit';
+export * from './switch';
+export * from './time-picker';
+export * from './transfer';
+export * from './tree-select';
+export * from './upload';