react-antd-xform 1.0.10 → 1.0.12-beta.1

package/dist/index.js

@@ -1,11 +1,12 @@
-import { Form } from "./form/index.js";
+import { Form } from "./form/form/index.js";
 import { useModel } from "./form/context/modelContext.js";
 import { FormEnvProvider, useFormEnv } from "./form/context/formEnvContext.js";
-import { FormItem, createFormItem } from "./form/form-item.js";
-import { FormModel } from "./form/model.js";
-import { arrayHelpers } from "./form/array-helper.js";
+import { FormItem, createFormItem } from "./form/form-item/index.js";
+import { FormModel } from "./form/model/model.js";
+import { arrayHelpers } from "./form/helpers/array-helper.js";
 import { AsyncValue } from "./form/helpers/AsyncValue.js";
-import { modelUtils } from "./form/model-utils.js";
+import { modelUtils } from "./form/model/model-utils.js";
+import { arrayTable } from "./form-ui/extend/array-table/index.js";
 export {
   AsyncValue,
   Form,
@@ -13,6 +14,7 @@ export {
   FormItem,
   FormModel,
   arrayHelpers,
+  arrayTable,
   createFormItem,
   modelUtils,
   useFormEnv,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-antd-xform",
-  "version": "1.0.10",
+  "version": "1.0.12-beta.1",
   "description": "基于mobx的form解决方案",
   "type": "module",
   "main": "./dist/index.js",

package/dist/form/index.js

@@ -1,45 +0,0 @@
-import { j as jsxRuntimeExports } from "../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
-import { useState } from "react";
-import { FormModel } from "./model.js";
-import { FormItemView } from "./form-item.js";
-import { ModelProvider } from "./context/modelContext.js";
-import { FormEnvProvider } from "./context/formEnvContext.js";
-import { useHtmlIdPrefix, composeValue } from "./common-utils.js";
-import { FormArray } from "./extend/form-array.js";
-import { FormCheck } from "./extend/form-check.js";
-import { FormReset } from "./extend/form-reset.js";
-import { FormLayout } from "./extend/form-layout.js";
-import { FormSubmit } from "./extend/form-submit.js";
-import { FormEffect } from "./extend/form-effect.js";
-import { FormObject } from "./extend/form-object.js";
-import { FormModelConsumer } from "./extend/form-model-consumer.js";
-function Form({
-  model: modelProp,
-  defaultValue,
-  children,
-  className,
-  style,
-  layout,
-  containerProps,
-  htmlIdPrefix: htmlIdPrefixProp,
-  variant,
-  ...restEnvProps
-}) {
-  const [_model] = useState(() => new FormModel(defaultValue));
-  const model = composeValue(modelProp, _model);
-  const htmlIdPrefix = useHtmlIdPrefix(htmlIdPrefixProp);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(FormEnvProvider, { htmlIdPrefix, variant, ...restEnvProps, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ModelProvider, { value: model, children: /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { style, className, containerProps, ...layout, children }) }) });
-}
-Form.Array = FormArray;
-Form.Check = FormCheck;
-Form.Effect = FormEffect;
-Form.Object = FormObject;
-Form.Submit = FormSubmit;
-Form.Layout = FormLayout;
-Form.ItemView = FormItemView;
-Form.ModelProvider = ModelProvider;
-Form.ModelConsumer = FormModelConsumer;
-Form.FormReset = FormReset;
-export {
-  Form
-};

package/dist/form-ui/render-preview.js

@@ -1,116 +0,0 @@
-import { j as jsxRuntimeExports } from "../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
-import dayjs from "../node_modules/.pnpm/dayjs@1.11.18/node_modules/dayjs/dayjs.min.js";
-import { useMemo } from "react";
-const useValueToPreview = (props) => {
-  const {
-    value
-  } = props;
-  return value != null && value !== "" ? `${value}` : "--";
-};
-const useSelectToPreview = (props) => {
-  const {
-    value,
-    options
-  } = props;
-  return useMemo(() => {
-    if (value === null || value === void 0) {
-      return "--";
-    }
-    if (Array.isArray(value)) {
-      if (value.length === 0) return "--";
-      const labels = value.map((val) => {
-        const matched = options.find((item) => item.value === val);
-        return matched ? matched.label : null;
-      }).filter(Boolean);
-      return labels.length > 0 ? labels.join("、") : "--";
-    }
-    const matchedOption = options.find((item) => item.value === value);
-    return matchedOption ? matchedOption.label : "--";
-  }, [value, options]);
-};
-const useDatePreview = (props) => {
-  const {
-    value
-  } = props;
-  return useMemo(() => {
-    return value ? dayjs(value).format("YYYY-MM-DD") : "--";
-  }, [value]);
-};
-const useDateRangePreview = (props) => {
-  const {
-    value
-  } = props;
-  return useMemo(() => {
-    if (!Array.isArray(value) || !value[0] || !value[1]) return "--";
-    return `${dayjs(value[0]).format("YYYY-MM-DD")} ~ ${dayjs(value[1]).format("YYYY-MM-DD")}`;
-  }, [value]);
-};
-const useTimePreview = (props) => {
-  const {
-    value
-  } = props;
-  return useMemo(() => {
-    return value ? dayjs(value).format("HH:mm:ss") : "--";
-  }, [value]);
-};
-const useTimeRangePreview = (props) => {
-  const {
-    value
-  } = props;
-  return useMemo(() => {
-    if (!Array.isArray(value) || !value[0] || !value[1]) return "--";
-    return `${dayjs(value[0]).format("HH:mm")} ~ ${dayjs(value[1]).format("HH:mm")}`;
-  }, [value]);
-};
-const useMultiplePreview = (props) => {
-  const {
-    value
-  } = props;
-  return useMemo(() => {
-    return Array.isArray(value) && value.length > 0 ? value.join(", ") : "--";
-  }, [value]);
-};
-const useBooleanPreview = (props) => {
-  const {
-    value
-  } = props;
-  return useMemo(() => {
-    return typeof value === "boolean" ? value ? "是" : "否" : "--";
-  }, [value]);
-};
-const useRatePreview = (props) => {
-  const {
-    value
-  } = props;
-  return useMemo(() => {
-    return typeof value === "number" ? "★".repeat(value) + "☆".repeat(5 - value) : "--";
-  }, [value]);
-};
-const useColorPreview = (props) => {
-  const {
-    value
-  } = props;
-  return useMemo(() => {
-    if (!value) return "--";
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: {
-      display: "inline-block",
-      width: 16,
-      height: 16,
-      border: "1px solid #ddd",
-      backgroundColor: value,
-      borderRadius: 3
-    } });
-  }, [value]);
-};
-export {
-  useBooleanPreview,
-  useColorPreview,
-  useDatePreview,
-  useDateRangePreview,
-  useMultiplePreview,
-  useRatePreview,
-  useSelectToPreview,
-  useTimePreview,
-  useTimeRangePreview,
-  useValueToPreview
-};