@ftjs/tdesign 0.5.3 → 0.5.5

package/dist/index.js

@@ -1,6 +1,6 @@
-import { computed, toValue, createVNode, mergeProps, defineComponent, createBlock, openBlock, resolveDynamicComponent, unref, createElementBlock, Fragment, renderList, ref, useId, withCtx, renderSlot, createCommentVNode, createTextVNode, createElementVNode } from "vue";
-import { getField, set, useFormItem, unrefs, useFormInject, useForm } from "@ftjs/core";
-import { FormItem, AutoComplete as AutoComplete$1, Cascader as Cascader$1, Form, Button, Dialog, Tree } from "tdesign-vue-next";
+import { computed, toValue, createVNode, mergeProps, createTextVNode, h, isVNode, defineComponent, createBlock, openBlock, resolveDynamicComponent, unref, createElementBlock, Fragment, renderList, normalizeStyle, ref, useId, withCtx, renderSlot, createCommentVNode, createElementVNode } from "vue";
+import { getField, set, useFormItem, useFormInject, unrefs, useForm } from "@ftjs/core";
+import { FormItem, AutoComplete as AutoComplete$1, Cascader as Cascader$1, CheckboxGroup, ColorPicker as ColorPicker$1, DatePicker as DatePicker$1, DateRangePicker as DateRangePicker$1, Input as Input$1, InputAdornment, InputNumber as InputNumber$1, Tag, TagInput as TagInput$1, RadioGroup, RangeInput as RangeInput$1, Select as Select$1, Slider as Slider$1, Switch as Switch$1, Textarea as Textarea$1, TimePicker as TimePicker$1, TreeSelect as TreeSelect$1, Form, Button, Dialog, Tree } from "tdesign-vue-next";
 import { MoveIcon, SettingIcon } from "tdesign-icons-vue-next";
 const useFormItemProps = (column) => {
   return computed(() => {
@@ -33,16 +33,77 @@ const AutoComplete = defineFormItem((props) => {
   });
   const formItemProps = useFormItemProps(props.column);
   return () => {
-    const _props = unrefs(props.column.props);
     return createVNode(FormItem, formItemProps.value, {
       default: () => [props.isView ? createVNode("div", null, [valueComputed.value || "-"]) : createVNode(AutoComplete$1, mergeProps({
         "value": valueComputed.value,
         "onUpdate:value": ($event) => valueComputed.value = $event,
         "placeholder": `请输入${formItemProps.value.label}`
-      }, _props), null)]
+      }, props.unrefsProps), null)]
     });
   };
 });
+const isViewOptionsStyle = "display: flex; gap: 8px;";
+const findLabelInfo = ({
+  options,
+  targetValue,
+  showAllLevels = true,
+  currentPath = []
+}) => {
+  if (!options) return null;
+  for (const option of options) {
+    const currentLabel = String(option.label);
+    const newPath = [...currentPath, currentLabel];
+    if (option.value === targetValue) {
+      return showAllLevels ? newPath.join(" / ") : currentLabel;
+    }
+    if (option.children && Array.isArray(option.children)) {
+      const found = findLabelInfo({
+        options: option.children,
+        targetValue,
+        showAllLevels,
+        currentPath: newPath
+      });
+      if (found !== null) {
+        return found;
+      }
+    }
+  }
+  return null;
+};
+const renderCascaderText = (props) => {
+  const {
+    value,
+    multiple,
+    showAllLevels,
+    options
+  } = props;
+  const treeOptions = options;
+  if (!treeOptions || treeOptions.length === 0) {
+    return "";
+  }
+  if (multiple) {
+    const values = Array.isArray(value) ? value : [];
+    if (values.length === 0) {
+      return "";
+    }
+    const labels = values.map((val) => findLabelInfo({
+      options: treeOptions,
+      targetValue: val,
+      showAllLevels
+    })).filter((label) => label !== null);
+    return labels.join(", ");
+  } else {
+    if (value === null || value === void 0 || value === "") {
+      return "";
+    }
+    const label = findLabelInfo({
+      options: treeOptions,
+      targetValue: value,
+      showAllLevels
+    });
+    return label || "";
+  }
+};
 const Cascader = defineFormItem((props) => {
   const {
     valueComputed
@@ -51,15 +112,446 @@ const Cascader = defineFormItem((props) => {
   });
   const formItemProps = useFormItemProps(props.column);
   return () => {
-    const _props = unrefs(props.column.props);
+    const _props = props.unrefsProps;
+    const viewRender = () => {
+      return renderCascaderText({
+        ..._props,
+        value: valueComputed.value
+      });
+    };
+    return createVNode(FormItem, formItemProps.value, {
+      default: () => [props.isView ? createVNode("div", {
+        "style": isViewOptionsStyle
+      }, [viewRender()]) : createVNode(Cascader$1, mergeProps({
+        "value": valueComputed.value,
+        "onUpdate:value": ($event) => valueComputed.value = $event,
+        "placeholder": `请选择${formItemProps.value.label}`
+      }, _props), null)]
+    });
+  };
+});
+function renderStrOrTNode(strOrTNode) {
+  if (typeof strOrTNode === "function") {
+    return strOrTNode(h);
+  }
+  return strOrTNode;
+}
+function isSimpleOption(option) {
+  return typeof option === "string" || typeof option === "number";
+}
+function viewRenderOptions(renderOptions) {
+  const {
+    keys,
+    multiple,
+    value,
+    withChildren = false
+  } = renderOptions;
+  const options = renderOptions.options ? [...renderOptions.options] : [];
+  if (withChildren) {
+    const childrenKey = (keys == null ? void 0 : keys.children) || "children";
+    const addChildrenOptions = (items) => {
+      items.forEach((item) => {
+        var _a;
+        if (((_a = item[childrenKey]) == null ? void 0 : _a.length) > 0) {
+          options.push(...item[childrenKey]);
+          addChildrenOptions(item[childrenKey]);
+        }
+      });
+    };
+    addChildrenOptions(options);
+  }
+  let valueArray = [];
+  if (value) {
+    if (!multiple) {
+      valueArray = [value];
+    } else {
+      valueArray = value;
+    }
+  }
+  if (valueArray.length === 0) {
+    return createVNode("div", null, [createTextVNode("-")]);
+  }
+  const optionMap = new Map(options.map((option) => {
+    if (isSimpleOption(option)) {
+      return [option, option];
+    } else {
+      let label = option[(keys == null ? void 0 : keys.label) || "label"];
+      if (typeof label === "function") {
+        label = label(h);
+      }
+      return [option[(keys == null ? void 0 : keys.value) || "value"], label];
+    }
+  }));
+  return createVNode("div", {
+    "style": isViewOptionsStyle
+  }, [valueArray.map((v) => {
+    return createVNode("span", null, [optionMap.get(v)]);
+  })]);
+}
+const Checkbox = defineFormItem((props) => {
+  const {
+    valueComputed
+  } = useFormItem({
+    props
+  });
+  const formItemProps = useFormItemProps(props.column);
+  return () => {
+    var _a;
+    const options = ((_a = props.unrefsProps) == null ? void 0 : _a.options) || [];
+    return createVNode(FormItem, formItemProps.value, {
+      default: () => [props.isView ? viewRenderOptions({
+        options,
+        value: valueComputed.value,
+        multiple: true
+      }) : createVNode(CheckboxGroup, mergeProps({
+        "value": valueComputed.value,
+        "onUpdate:value": ($event) => valueComputed.value = $event
+      }, props.unrefsProps), null)]
+    });
+  };
+});
+const ColorPicker = defineFormItem((props) => {
+  const {
+    valueComputed
+  } = useFormItem({
+    props
+  });
+  const formItemProps = useFormItemProps(props.column);
+  return () => {
+    return createVNode(FormItem, formItemProps.value, {
+      default: () => [props.isView ? createVNode("div", {
+        "style": valueComputed.value && {
+          background: valueComputed.value,
+          backgroundClip: "text",
+          color: "transparent",
+          border: "1px solid var(--td-border-level-2-color)",
+          padding: "2px 4px",
+          borderRadius: "var(--td-radius-default)"
+        }
+      }, [valueComputed.value || "-"]) : (
+        // @ts-expect-error null 类型不兼容
+        createVNode(ColorPicker$1, mergeProps({
+          "value": valueComputed.value,
+          "onUpdate:value": ($event) => valueComputed.value = $event
+        }, props.unrefsProps), null)
+      )]
+    });
+  };
+});
+const DatePicker = defineFormItem((props) => {
+  const {
+    valueComputed
+  } = useFormItem({
+    props
+  });
+  const formItemProps = useFormItemProps(props.column);
+  return () => {
     return createVNode(FormItem, formItemProps.value, {
       default: () => [props.isView ? createVNode("div", null, [valueComputed.value || "-"]) : (
-        // @ts-expect-error Type 'TdSelectInputProps | SelectInputValue | undefined' is not assignable to type 'TdSelectInputProps | undefined'.
-        createVNode(Cascader$1, mergeProps({
+        // @ts-expect-error 当前版本类型bug不兼容
+        createVNode(DatePicker$1, mergeProps({
+          "value": valueComputed.value,
+          "onUpdate:value": ($event) => valueComputed.value = $event,
+          "placeholder": `请输入${formItemProps.value.label}`
+        }, props.unrefsProps), null)
+      )]
+    });
+  };
+});
+const DateRangePicker = defineFormItem((props) => {
+  const {
+    valueComputed
+  } = useFormItem({
+    props
+  });
+  const formItemProps = useFormItemProps(props.column);
+  return () => {
+    return createVNode(FormItem, formItemProps.value, {
+      default: () => [props.isView ? createVNode("div", null, [valueComputed.value ? valueComputed.value.join(" ~ ") : "-"]) : createVNode(DateRangePicker$1, mergeProps({
+        "value": valueComputed.value,
+        "onUpdate:value": ($event) => valueComputed.value = $event,
+        "placeholder": `请输入${formItemProps.value.label}`
+      }, props.unrefsProps), null)]
+    });
+  };
+});
+function _isSlot$1(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const Input = defineFormItem((props) => {
+  const {
+    valueComputed
+  } = useFormItem({
+    props
+  });
+  const formItemProps = useFormItemProps(props.column);
+  return () => {
+    var _a, _b;
+    let _slot;
+    const append = (_a = props.unrefsProps) == null ? void 0 : _a.append;
+    const prepend = (_b = props.unrefsProps) == null ? void 0 : _b.prepend;
+    function renderInput() {
+      const inputVNode = createVNode(Input$1, mergeProps({
+        "value": valueComputed.value,
+        "onUpdate:value": ($event) => valueComputed.value = $event,
+        "placeholder": `请输入${formItemProps.value.label}`
+      }, props.unrefsProps), null);
+      if (append || prepend) {
+        return createVNode(InputAdornment, {
+          "append": append,
+          "prepend": prepend
+        }, _isSlot$1(inputVNode) ? inputVNode : {
+          default: () => [inputVNode]
+        });
+      } else {
+        return inputVNode;
+      }
+    }
+    function renderContent() {
+      return props.isView ? createVNode("div", {
+        "style": {
+          display: "flex",
+          alignItems: "center"
+        }
+      }, [prepend && createVNode("span", null, [renderStrOrTNode(prepend)]), createVNode("div", null, [valueComputed.value || "-"]), append && createVNode("span", null, [renderStrOrTNode(append)])]) : renderInput();
+    }
+    return createVNode(FormItem, formItemProps.value, _isSlot$1(_slot = renderContent()) ? _slot : {
+      default: () => [_slot]
+    });
+  };
+});
+const InputNumber = defineFormItem((props) => {
+  const {
+    valueComputed
+  } = useFormItem({
+    props
+  });
+  const formItemProps = useFormItemProps(props.column);
+  return () => {
+    return createVNode(FormItem, formItemProps.value, {
+      default: () => [props.isView ? createVNode("div", null, [valueComputed.value || "-"]) : createVNode(InputNumber$1, mergeProps({
+        "value": valueComputed.value,
+        "onUpdate:value": ($event) => valueComputed.value = $event,
+        "placeholder": `请输入${formItemProps.value.label}`
+      }, props.unrefsProps), null)]
+    });
+  };
+});
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const TagInput = defineFormItem((props) => {
+  const {
+    valueComputed
+  } = useFormItem({
+    props
+  });
+  const formItemProps = useFormItemProps(props.column);
+  return () => {
+    return createVNode(FormItem, formItemProps.value, {
+      default: () => {
+        var _a;
+        return [props.isView ? createVNode("div", {
+          "style": isViewOptionsStyle
+        }, [((_a = valueComputed.value) == null ? void 0 : _a.map((str) => {
+          var _a2;
+          return createVNode(Tag, (_a2 = props.unrefsProps) == null ? void 0 : _a2.tagProps, _isSlot(str) ? str : {
+            default: () => [str]
+          });
+        })) || "-"]) : createVNode(TagInput$1, mergeProps({
           "value": valueComputed.value,
           "onUpdate:value": ($event) => valueComputed.value = $event,
           "placeholder": `请输入${formItemProps.value.label}`
-        }, _props), null)
+        }, props.unrefsProps), null)];
+      }
+    });
+  };
+});
+const Radio = defineFormItem((props) => {
+  const {
+    valueComputed
+  } = useFormItem({
+    props
+  });
+  const formItemProps = useFormItemProps(props.column);
+  return () => {
+    return createVNode(FormItem, formItemProps.value, {
+      default: () => {
+        var _a;
+        return [props.isView ? viewRenderOptions({
+          options: (_a = props.unrefsProps) == null ? void 0 : _a.options,
+          value: valueComputed.value,
+          multiple: false
+        }) : createVNode(RadioGroup, mergeProps({
+          "value": valueComputed.value,
+          "onUpdate:value": ($event) => valueComputed.value = $event
+        }, props.unrefsProps), null)];
+      }
+    });
+  };
+});
+const RangeInput = defineFormItem((props) => {
+  const {
+    valueComputed
+  } = useFormItem({
+    props
+  });
+  const formItemProps = useFormItemProps(props.column);
+  return () => {
+    return createVNode(FormItem, formItemProps.value, {
+      default: () => {
+        var _a;
+        return [props.isView ? createVNode("div", {
+          "style": isViewOptionsStyle
+        }, [((_a = valueComputed.value) == null ? void 0 : _a.join(" ~ ")) || "-"]) : createVNode(RangeInput$1, mergeProps({
+          "value": valueComputed.value,
+          "onUpdate:value": ($event) => valueComputed.value = $event
+        }, props.unrefsProps), null)];
+      }
+    });
+  };
+});
+const Select = defineFormItem((props) => {
+  const {
+    valueComputed
+  } = useFormItem({
+    props
+  });
+  const formItemProps = useFormItemProps(props.column);
+  return () => {
+    var _a;
+    const options = ((_a = props.unrefsProps) == null ? void 0 : _a.options) || [];
+    return createVNode(FormItem, formItemProps.value, {
+      default: () => {
+        var _a2, _b;
+        return [props.isView ? viewRenderOptions({
+          options,
+          value: valueComputed.value,
+          keys: (_a2 = props.unrefsProps) == null ? void 0 : _a2.keys,
+          multiple: (_b = props.unrefsProps) == null ? void 0 : _b.multiple
+        }) : (
+          // @ts-expect-error 库类型错误
+          createVNode(Select$1, mergeProps({
+            "value": valueComputed.value,
+            "onUpdate:value": ($event) => valueComputed.value = $event
+          }, props.unrefsProps), null)
+        )];
+      }
+    });
+  };
+});
+const Slider = defineFormItem((props) => {
+  const {
+    valueComputed
+  } = useFormItem({
+    props
+  });
+  const formItemProps = useFormItemProps(props.column);
+  return () => {
+    return createVNode(FormItem, formItemProps.value, {
+      default: () => [props.isView ? createVNode("div", null, [valueComputed.value ?? "-"]) : createVNode(Slider$1, mergeProps({
+        "value": valueComputed.value,
+        "onUpdate:value": ($event) => valueComputed.value = $event
+      }, props.unrefsProps), null)]
+    });
+  };
+});
+const Switch = defineFormItem((props) => {
+  const {
+    valueComputed
+  } = useFormItem({
+    props
+  });
+  const formItemProps = useFormItemProps(props.column);
+  return () => {
+    var _a;
+    const label = ((_a = props.unrefsProps) == null ? void 0 : _a.label) || ["开", "关"];
+    const viewRender = () => {
+      if (Array.isArray(label)) {
+        return valueComputed.value ? label[0] : label[1];
+      }
+      if (typeof label === "function") {
+        return label(h, {
+          value: valueComputed.value
+        });
+      }
+      return valueComputed.value;
+    };
+    return createVNode(FormItem, formItemProps.value, {
+      default: () => [props.isView ? createVNode("div", null, [viewRender()]) : createVNode(Switch$1, mergeProps({
+        "value": valueComputed.value,
+        "onUpdate:value": ($event) => valueComputed.value = $event
+      }, props.unrefsProps), null)]
+    });
+  };
+});
+const Textarea = defineFormItem((props) => {
+  const {
+    valueComputed
+  } = useFormItem({
+    props
+  });
+  const formItemProps = useFormItemProps(props.column);
+  return () => {
+    const viewRender = () => {
+      return valueComputed.value ?? "-";
+    };
+    return createVNode(FormItem, formItemProps.value, {
+      default: () => [props.isView ? createVNode("div", null, [viewRender()]) : createVNode(Textarea$1, mergeProps({
+        "value": valueComputed.value,
+        "onUpdate:value": ($event) => valueComputed.value = $event,
+        "placeholder": `请输入${props.column.title}`
+      }, props.unrefsProps), null)]
+    });
+  };
+});
+const TimePicker = defineFormItem((props) => {
+  const {
+    valueComputed
+  } = useFormItem({
+    props
+  });
+  const formItemProps = useFormItemProps(props.column);
+  return () => {
+    const viewRender = () => {
+      return valueComputed.value ?? "-";
+    };
+    return createVNode(FormItem, formItemProps.value, {
+      default: () => [props.isView ? createVNode("div", null, [viewRender()]) : (
+        // @ts-expect-error 类型错误
+        createVNode(TimePicker$1, mergeProps({
+          "value": valueComputed.value,
+          "onUpdate:value": ($event) => valueComputed.value = $event
+        }, props.unrefsProps), null)
+      )]
+    });
+  };
+});
+const TreeSelect = defineFormItem((props) => {
+  const {
+    valueComputed
+  } = useFormItem({
+    props
+  });
+  const formItemProps = useFormItemProps(props.column);
+  return () => {
+    const viewRender = () => {
+      var _a, _b, _c;
+      return viewRenderOptions({
+        options: (_a = props.unrefsProps) == null ? void 0 : _a.data,
+        keys: (_b = props.unrefsProps) == null ? void 0 : _b.keys,
+        multiple: (_c = props.unrefsProps) == null ? void 0 : _c.multiple,
+        value: valueComputed.value,
+        withChildren: true
+      });
+    };
+    return createVNode(FormItem, formItemProps.value, {
+      default: () => [props.isView ? createVNode("div", null, [viewRender()]) : (
+        // @ts-expect-error 类型错误
+        createVNode(TreeSelect$1, mergeProps({
+          "value": valueComputed.value,
+          "onUpdate:value": ($event) => valueComputed.value = $event
+        }, props.unrefsProps), null)
       )]
     });
   };
@@ -68,15 +560,18 @@ function defineFormItem(setup) {
   return /* @__PURE__ */ defineComponent(setup, {
     props: {
       column: Object,
-      isView: Boolean
+      isView: Boolean,
+      unrefsProps: Object
     }
   });
 }
-const formRenderMap = /* @__PURE__ */ new Map([["auto-complete", AutoComplete], ["cascader", Cascader]]);
+const formRenderMap = /* @__PURE__ */ new Map([["auto-complete", AutoComplete], ["cascader", Cascader], ["checkbox", Checkbox], ["color-picker", ColorPicker], ["date-picker", DatePicker], ["date-range-picker", DateRangePicker], ["input", Input], ["input-number", InputNumber], ["tag-input", TagInput], ["radio", Radio], ["range-input", RangeInput], ["select", Select], ["slider", Slider], ["switch", Switch], ["textarea", Textarea], ["time-picker", TimePicker], ["tree-select", TreeSelect]]);
+function registerForm(type, Component) {
+  formRenderMap.set(type, Component);
+}
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   ...{
-    name: "FtTdFormContentItem",
-    inheritAttrs: false
+    name: "FtTdFormContentItem"
   },
   __name: "form-content-item",
   props: {
@@ -89,6 +584,9 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     const isView = computed(() => {
       return toValue(props.column.isView) ?? props.isView;
     });
+    const unrefsProps = computed(() => {
+      return unrefs(props.column.props);
+    });
     return (_ctx, _cache) => {
       return isView.value && _ctx.column.viewRender ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.column.viewRender), {
         key: 0,
@@ -99,8 +597,9 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       }, null, 8, ["formData"])) : (openBlock(), createBlock(resolveDynamicComponent(unref(formRenderMap).get(_ctx.column.type)), {
         key: 2,
         column: _ctx.column,
-        "is-view": isView.value
-      }, null, 8, ["column", "is-view"]));
+        "is-view": isView.value,
+        "unrefs-props": unrefsProps.value
+      }, null, 8, ["column", "is-view", "unrefs-props"]));
     };
   }
 });
@@ -112,16 +611,28 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "form-content",
   props: {
     columns: {},
-    isView: { type: Boolean }
+    isView: { type: Boolean },
+    isSearch: { type: Boolean }
   },
   setup(__props) {
+    const props = __props;
+    const getStyle = (column) => {
+      if (!props.isSearch) return;
+      const span2TypeList = ["date-range-picker"];
+      if (span2TypeList.includes(column.type)) {
+        return {
+          gridColumn: `span 2 / span 2`
+        };
+      }
+    };
     return (_ctx, _cache) => {
       return openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, (column) => {
         return openBlock(), createBlock(_sfc_main$3, {
           key: unref(getField)(column),
           column,
-          "is-view": _ctx.isView
-        }, null, 8, ["column", "is-view"]);
+          "is-view": _ctx.isView,
+          style: normalizeStyle(getStyle(column))
+        }, null, 8, ["column", "is-view", "style"]);
       }), 128);
     };
   }
@@ -228,11 +739,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   __name: "ft-td-form-search",
   props: {
+    width: { default: "280px" },
+    gap: { default: "15px 20px" },
     columns: {},
     internalFormProps: {},
     formData: {},
-    "onUpdate:formData": { type: Function },
-    onSubmit: { type: Function },
+    "onUpdate:formData": {},
+    onSubmit: {},
     isView: { type: Boolean },
     cache: {}
   },
@@ -325,9 +838,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const onDrop = ({ dragNode, dropPosition, dropNode }) => {
       const list = columnsTree.value[0].children;
       const fromIndex = list.findIndex((e) => e.value === dragNode.value);
+      const dragItem = list[fromIndex];
       list.splice(fromIndex, 1);
-      const toIndex = list.findIndex((e) => e.value === dropNode.value) + dropPosition;
-      list.splice(toIndex, 0, dragNode);
+      const dropNodeIndex = list.findIndex((e) => e.value === dropNode.value);
+      const toIndex = dropPosition > 0 ? dropNodeIndex + dropPosition : dropNodeIndex;
+      list.splice(toIndex, 0, dragItem);
     };
     __expose({
       formInstance: formRef,
@@ -397,15 +912,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createVNode(unref(Form), mergeProps({
           ref_key: "formRef",
           ref: formRef,
-          style: { "gap": "10px" },
+          style: {
+            gap: _ctx.gap,
+            display: "grid",
+            gridTemplateColumns: `repeat(auto-fill, ${_ctx.width})`,
+            "--td-comp-margin-xxl": 0
+          },
           rules: unref(rules)
         }, { ..._ctx.$attrs, ...formProps.value }), {
           default: withCtx(() => [
             createVNode(_sfc_main$2, {
               columns: unref(visibleColumns),
-              "is-view": _ctx.isView
+              "is-view": _ctx.isView,
+              "is-search": ""
             }, null, 8, ["columns", "is-view"]),
-            createVNode(unref(FormItem), { style: { "--ft-form-control-width": "220px" } }, {
+            createVNode(unref(FormItem), null, {
               default: withCtx(() => [
                 createElementVNode("div", _hoisted_2, [
                   _ctx.cache ? (openBlock(), createBlock(unref(Button), {
@@ -446,12 +967,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             })
           ]),
           _: 1
-        }, 16, ["rules"])
+        }, 16, ["style", "rules"])
       ], 64);
     };
   }
 });
 export {
   _sfc_main$1 as FtTdForm,
-  _sfc_main as FtTdFormSearch
+  _sfc_main as FtTdFormSearch,
+  defineFormItem,
+  formRenderMap,
+  registerForm
 };