react-antd-xform 1.0.4 → 1.0.6

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2025 knowledge is limitless
+Copyright (c) JHuaZhang
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/dist/_virtual/_commonjsHelpers.js

@@ -1,6 +1,8 @@
+var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
 }
 export {
+  commonjsGlobal,
   getDefaultExportFromCjs
 };

package/dist/_virtual/dayjs.min.js

@@ -0,0 +1,4 @@
+var dayjs_min = { exports: {} };
+export {
+  dayjs_min as __module
+};

package/dist/_virtual/isoWeek.js

@@ -0,0 +1,4 @@
+var isoWeek = { exports: {} };
+export {
+  isoWeek as __module
+};

package/dist/_virtual/weekOfYear.js

@@ -0,0 +1,4 @@
+var weekOfYear = { exports: {} };
+export {
+  weekOfYear as __module
+};

package/dist/_virtual/weekYear.js

@@ -0,0 +1,4 @@
+var weekYear = { exports: {} };
+export {
+  weekYear as __module
+};

package/dist/form/context/formEnvContext.js

@@ -6,7 +6,8 @@ const FormEnvContext = createContext({
   validateOnBlur: true,
   validateOnChange: true,
   writeDefaultValueToModel: false,
-  autoUnmount: false
+  autoUnmount: false,
+  variant: "outlined"
 });
 FormEnvContext.displayName = "FormEnvContext";
 const useFormEnv = () => useContext(FormEnvContext);

package/dist/form/extend/form-layout.d.ts

@@ -1,4 +1,2 @@
-import { FormLayoutProps, FormItemGroupProps } from '../type';
+import { FormLayoutProps } from '../type';
 export declare function FormLayout({ children, className, style, labelPosition, labelWidth, formItemGap, controlWidth, defaultLabelTopPosition, inlineError, containerProps, }: FormLayoutProps): import("react/jsx-runtime").JSX.Element;
-/** @deprecated 请使用 Form.ItemView 代替 ItemGroup */
-export declare const FormItemGroup: ({ label, asterisk, tip, children, labelWidth, controlWidth, className, style, inline, }: FormItemGroupProps) => import("react/jsx-runtime").JSX.Element;

package/dist/form/extend/form-layout.js

@@ -165,16 +165,6 @@ function FormLayout({
     }
   );
 }
-styled.div`
-  ${FormLayoutContainer}.horizontal & {
-    display: flex;
-  }
-  &.inline {
-    .form-item-group-content {
-      display: flex;
-    }
-  }
-`;
 export {
   FormLayout
 };

package/dist/form/form-item.js

@@ -1,5 +1,5 @@
 import { j as jsxRuntimeExports } from "../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
-import require$$0, { useLayoutEffect, useEffect } from "react";
+import React, { useLayoutEffect, useEffect } from "react";
 import cx from "../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";
 import "../node_modules/.pnpm/mobx-react-lite@4.1.0_mobx@6.13.7_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/mobx-react-lite/es/index.js";
 import stringifyObject from "../node_modules/.pnpm/stringify-object@5.0.0/node_modules/stringify-object/index.js";
@@ -12,7 +12,7 @@ import { useFormEnv } from "./context/formEnvContext.js";
 import { ALL_COMPONENTS } from "../form-ui/default-component.js";
 import { observer } from "../node_modules/.pnpm/mobx-react-lite@4.1.0_mobx@6.13.7_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/mobx-react-lite/es/observer.js";
 function processCreationOptions(options) {
-  const render = options.render ?? ((props) => require$$0.createElement(options.component, props));
+  const render = options.render ?? ((props) => React.createElement(options.component, props));
   return {
     name: options.name,
     hidden: options.hidden,
@@ -253,6 +253,8 @@ const Hidden = createFormItem({
   }
 });
 function FormItem({ use, component, ...props }) {
+  const formEnv = useFormEnv();
+  const variant = formEnv.variant;
   if (use === false) {
     return null;
   }
@@ -266,13 +268,16 @@ function FormItem({ use, component, ...props }) {
     if (Comp == null) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(NotFound, { ...props, componentProps: { $Component: component } });
     }
-    return require$$0.createElement(Comp, props);
+    return React.createElement(Comp, {
+      ...props,
+      componentProps: { ...props.componentProps, variant }
+    });
   } else {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       AnonymousFormItem,
       {
         ...props,
-        componentProps: { ...props.componentProps, $Component: component }
+        componentProps: { ...props.componentProps, variant, $Component: component }
       }
     );
   }

package/dist/form/index.d.ts

@@ -4,7 +4,7 @@ import { FormModel } from './model';
 import { FormItemView } from './form-item';
 import { FormLayout } from './extend/form-layout';
 import { FormSubmit } from './extend/form-submit';
-export declare function Form({ model: modelProp, defaultValue, children, className, style, layout, containerProps, htmlIdPrefix: htmlIdPrefixProp, ...restEnvProps }: FormProps): import("react/jsx-runtime").JSX.Element;
+export declare function Form({ model: modelProp, defaultValue, children, className, style, layout, containerProps, htmlIdPrefix: htmlIdPrefixProp, variant, ...restEnvProps }: FormProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Form {
     var Array: (<T extends unknown>({ name, children, layout, arrayModel: arrayModelProp, use, }: import("./extend/form-array").FormArrayProps<T>) => import("react/jsx-runtime").JSX.Element) & {
         displayName: string;

package/dist/form/index.js

@@ -22,12 +22,13 @@ function Form({
   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, ...restEnvProps, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ModelProvider, { value: model, children: /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { style, className, containerProps, ...layout, children }) }) });
+  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;

package/dist/form/type.d.ts

@@ -2,6 +2,8 @@ import { ReactNode } from 'react';
 import { Field, FormModel } from './model';
 import { FieldType, ModelType } from './enum';
 import { AsyncValue } from './helpers/AsyncValue';
+export declare const Variants: readonly ["outlined", "borderless", "filled", "underlined"];
+export type Variant = (typeof Variants)[number];
 type valueOf<T> = T[keyof T];
 export type XName<D> = 0 extends D & 1 ? any : D extends (infer U)[] ? number | `${number}` | `${number}.${XName<U>}` : D extends object ? valueOf<{
     [K in keyof D & string]: K | `${K}.${XName<D[K]>}`;
@@ -117,6 +119,10 @@ export interface FormEnvContextType {
      * @see https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/label
      * */
     htmlIdPrefix?: string;
+    /**
+     * 表单样式参数 from antd
+     * */
+    variant?: Variant;
 }
 export interface FormLayoutParams {
     /** 标签位置，可选 'left' 或 'top'  */
@@ -150,6 +156,10 @@ export interface FormProps extends FormEnvContextType {
      * */
     layout?: FormLayoutParams;
     children?: React.ReactNode;
+    /**
+     * 表单样式参数 from antd
+     * */
+    variant?: Variant;
 }
 export interface FormLayoutParams {
     /** 标签位置，可选 'left' 或 'top'  */
@@ -170,18 +180,6 @@ export interface FormLayoutProps extends Partial<FormLayoutParams> {
     containerProps?: any;
     defaultLabelTopPosition?: number | string;
 }
-export interface FormItemGroupProps {
-    label?: React.ReactNode;
-    tip?: React.ReactNode;
-    asterisk?: boolean;
-    children?: React.ReactNode;
-    labelWidth?: number | string;
-    labelTopPosition?: number | string;
-    controlWidth?: number | string;
-    className?: string;
-    style?: React.CSSProperties;
-    inline?: boolean;
-}
 export interface FormItemComponentProps {
     value?: any;
     onChange?(...args: any[]): void;
@@ -237,6 +235,7 @@ export interface FormItemProps extends Omit<FieldConfig<any>, 'defaultValueProp'
     controlStyle?: React.CSSProperties;
     rightNode?: React.ReactNode;
     isPreview?: boolean;
+    variant?: Variant;
 }
 export interface FormItemViewProps {
     /** `<label />` 的 id 属性 */

package/dist/form-ui/common-utils.d.ts

@@ -1,3 +1,6 @@
+import { default as React } from 'react';
+import { ColorPicker } from 'antd';
+import { ColorPickerProps } from 'antd/es/color-picker';
 export declare function isEmptyValue(value: any): boolean;
 /**
  * antd中某些组件的onChange并不是直接返回value,而是e.target.value
@@ -7,3 +10,34 @@ export declare const withValueChangeHandler: <T extends {
 }>(Component: React.ComponentType<T>) => (props: Omit<T, "onChange"> & {
     onChange?: (value: any) => void;
 }) => import("react/jsx-runtime").JSX.Element;
+/**
+ * date日期选择器兼容
+ */
+export declare const withDayjsTransformAntdDate: (Component: React.ComponentType<any>) => (props: any) => import("react/jsx-runtime").JSX.Element;
+/**
+ * dateRangePicker兼容
+ */
+export declare const withDayjsTransformAntdDateRangePicker: (Component: React.ComponentType<any>) => (props: any) => import("react/jsx-runtime").JSX.Element;
+/**
+ * timer选择器兼容
+ */
+export declare const withDayjsTransformAntdTime: (Component: React.ComponentType<any>) => (props: any) => import("react/jsx-runtime").JSX.Element;
+/**
+ * timerPicker选择器兼容
+ */
+export declare const withDayjsTransformAntdTimeRange: (Component: React.ComponentType<any>) => (props: any) => import("react/jsx-runtime").JSX.Element;
+/**
+ * 向组件中注入props
+ */
+export declare const withInjectedProps: (injectedProps: Record<string, any>) => (Component: React.ComponentType<any>) => React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<any>>;
+/**
+ * 用于处理Antd ColorPicker的onChange返回值格式
+ * 根据 returnType 返回指定格式的值（如 hex、rgb、hsb）
+ */
+type ColorReturnType = 'hex' | 'rgb' | 'hsv';
+interface ColorPickerWrapperProps extends Omit<ColorPickerProps, 'onChange'> {
+    onChange?: (value: string) => void;
+    returnType?: ColorReturnType;
+}
+export declare const withColorPickerHandler: (Component: typeof ColorPicker) => ({ onChange, returnType, ...props }: ColorPickerWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/form-ui/common-utils.js

@@ -1,7 +1,26 @@
 import { j as jsxRuntimeExports } from "../node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import React, { useMemo, useCallback } from "react";
+import dayjs from "../node_modules/.pnpm/dayjs@1.11.18/node_modules/dayjs/dayjs.min.js";
+import isoweek from "../node_modules/.pnpm/dayjs@1.11.18/node_modules/dayjs/plugin/isoWeek.js";
+import weekYear from "../node_modules/.pnpm/dayjs@1.11.18/node_modules/dayjs/plugin/weekYear.js";
+import weekOfYear from "../node_modules/.pnpm/dayjs@1.11.18/node_modules/dayjs/plugin/weekOfYear.js";
+dayjs.extend(weekOfYear);
+dayjs.extend(weekYear);
+dayjs.extend(isoweek);
 function isEmptyValue(value) {
-  return value == null || value === "";
+  return !value && value !== 0 || Array.isArray(value) && value.length === 0;
 }
+const DEFAULT_FORMAT_TIME = "HH:mm:ss";
+const DEFAULT_FORMATS = {
+  date: "YYYY-MM-DD",
+  week: "gggg-[W]W",
+  // 输出: 2025-W37
+  month: "YYYY-MM",
+  quarter: "YYYY-[Q]Q",
+  // 输出: 2025-Q3
+  year: "YYYY"
+};
+const isEmptyDateValue = (val) => val == null || val === "" || Array.isArray(val) && val.length === 2 && !val[0] && !val[1];
 const withValueChangeHandler = (Component) => {
   return (props) => {
     const handleChange = (e) => {
@@ -11,7 +30,259 @@ const withValueChangeHandler = (Component) => {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(Component, { ...props, onChange: handleChange });
   };
 };
+const withDayjsTransformAntdDate = (Component) => {
+  return (props) => {
+    const { value, onChange, picker, ...restProps } = props;
+    const parsedValue = useMemo(() => {
+      if (!value) return void 0;
+      if (picker === "week") {
+        const [year, weekStr] = value.split("-");
+        const weekNumber = parseInt(weekStr, 10);
+        if (year && !isNaN(weekNumber)) {
+          return dayjs().year(parseInt(year, 10)).week(weekNumber).startOf("week");
+        }
+      } else if (picker === "month") {
+        return dayjs(value, "YYYY-MM");
+      } else if (picker === "quarter") {
+        return dayjs(value, "YYYY-[Q]Q");
+      } else if (picker === "year") {
+        return dayjs(value, "YYYY");
+      } else {
+        return dayjs(value);
+      }
+      return void 0;
+    }, [value, picker]);
+    const handleChange = useCallback(
+      (dayjsDate, dateString) => {
+        if (!dayjsDate || !dayjsDate.isValid()) {
+          onChange == null ? void 0 : onChange(null);
+          return;
+        }
+        let formattedValue;
+        if (picker === "week") {
+          const year = dayjsDate.year();
+          const week = dayjsDate.week();
+          formattedValue = `${year}-${week}`;
+        } else if (picker === "month") {
+          formattedValue = dayjsDate.format("YYYY-MM");
+        } else if (picker === "quarter") {
+          formattedValue = dayjsDate.format("YYYY-Q");
+        } else if (picker === "year") {
+          formattedValue = dayjsDate.format("YYYY");
+        } else {
+          formattedValue = dayjsDate.format("YYYY-MM-DD");
+        }
+        onChange == null ? void 0 : onChange(formattedValue);
+      },
+      [onChange, picker]
+    );
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Component, { ...restProps, picker, value: parsedValue, onChange: handleChange });
+  };
+};
+const withDayjsTransformAntdDateRangePicker = (Component) => {
+  return (props) => {
+    const { value, onChange, format, picker = "date", ...restProps } = props;
+    const resolvedFormat = format || DEFAULT_FORMATS[picker] || DEFAULT_FORMATS.date;
+    const parsedValue = useMemo(() => {
+      if (isEmptyDateValue(value)) {
+        return null;
+      }
+      if (!Array.isArray(value)) {
+        return null;
+      }
+      const [startStr, endStr] = value;
+      if (isEmptyDateValue([startStr, endStr])) {
+        return null;
+      }
+      const parseValue = (str, type) => {
+        if (!str) return null;
+        switch (type) {
+          case "week": {
+            const match = str.match(/^(\d{4})-?W?(\d+)$/i);
+            if (!match) return null;
+            const year = parseInt(match[1], 10);
+            const week = parseInt(match[2], 10);
+            return dayjs().year(year).week(week).startOf("week");
+          }
+          case "month":
+            return dayjs(str, "YYYY-MM", true);
+          case "quarter": {
+            const match = str.match(/^(\d{4})-?Q?([1-4])$/i);
+            if (!match) return null;
+            const year = parseInt(match[1], 10);
+            const quarter = parseInt(match[2], 10);
+            const month = (quarter - 1) * 3;
+            return dayjs(`${year}-${String(month + 1).padStart(2, "0")}-01`, "YYYY-MM-DD", true);
+          }
+          case "year":
+            return dayjs(str, "YYYY", true);
+          case "date":
+          default:
+            return dayjs(str, resolvedFormat, true);
+        }
+      };
+      const start = parseValue(startStr, picker);
+      const end = parseValue(endStr, picker);
+      const isValidStart = start && start.isValid();
+      const isValidEnd = end && end.isValid();
+      if (!isValidStart && !isValidEnd) {
+        return null;
+      }
+      return [isValidStart ? start : null, isValidEnd ? end : null];
+    }, [value, picker, resolvedFormat]);
+    const handleChange = useCallback(
+      (dates, dateStrings) => {
+        if (!dates || !dates[0] && !dates[1]) {
+          onChange == null ? void 0 : onChange(null);
+          return;
+        }
+        const [start, end] = dates;
+        const formatValue = (dayjsObj, type) => {
+          if (!dayjsObj || !dayjsObj.isValid()) return "";
+          switch (type) {
+            case "week":
+              return `${dayjsObj.year()}-W${dayjsObj.week()}`;
+            case "month":
+              return dayjsObj.format("YYYY-MM");
+            case "quarter": {
+              const year = dayjsObj.year();
+              const quarter = Math.floor(dayjsObj.month() / 3) + 1;
+              return `${year}-Q${quarter}`;
+            }
+            case "year":
+              return dayjsObj.format("YYYY");
+            case "date":
+            default:
+              return dayjsObj.format(resolvedFormat);
+          }
+        };
+        const formatted = [formatValue(start, picker), formatValue(end, picker)];
+        if (!formatted[0] && !formatted[1]) {
+          onChange == null ? void 0 : onChange(null);
+        } else {
+          onChange == null ? void 0 : onChange(formatted);
+        }
+      },
+      [onChange, picker, resolvedFormat]
+    );
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Component,
+      {
+        ...restProps,
+        picker,
+        format: resolvedFormat,
+        value: parsedValue,
+        onChange: handleChange,
+        allowClear: restProps.allowClear ?? true
+      }
+    );
+  };
+};
+const withDayjsTransformAntdTime = (Component) => {
+  return (props) => {
+    const { value, onChange, format = DEFAULT_FORMAT_TIME, ...restProps } = props;
+    const parsedValue = useMemo(() => {
+      if (!value) return void 0;
+      const stringValue = String(value).trim();
+      if (!stringValue) return void 0;
+      const parsed = dayjs(stringValue, format, true);
+      return parsed.isValid() ? parsed : void 0;
+    }, [value, format]);
+    const handleChange = useCallback(
+      (time, timeString) => {
+        if (!time || !time.isValid()) {
+          onChange == null ? void 0 : onChange(null);
+          return;
+        }
+        const formatted = time.format(format);
+        onChange == null ? void 0 : onChange(formatted);
+      },
+      [onChange, format]
+    );
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Component, { ...restProps, format, value: parsedValue, onChange: handleChange });
+  };
+};
+const withDayjsTransformAntdTimeRange = (Component) => {
+  return (props) => {
+    const { value, onChange, format = DEFAULT_FORMAT_TIME, ...restProps } = props;
+    const parsedValue = useMemo(() => {
+      if (!value || !Array.isArray(value)) return void 0;
+      const [startStr, endStr] = value;
+      if (!startStr && !endStr) return void 0;
+      const start = startStr ? dayjs(startStr, format, true) : null;
+      const end = endStr ? dayjs(endStr, format, true) : null;
+      const isValidStart = start && start.isValid();
+      const isValidEnd = end && end.isValid();
+      if (!isValidStart && !isValidEnd) return void 0;
+      return [isValidStart ? start : null, isValidEnd ? end : null];
+    }, [value, format]);
+    const handleChange = useCallback(
+      (times, timeStrings) => {
+        if (!times) {
+          onChange == null ? void 0 : onChange(null);
+          return;
+        }
+        const [start, end] = times;
+        const formatted = [
+          (start == null ? void 0 : start.isValid()) ? start.format(format) : "",
+          (end == null ? void 0 : end.isValid()) ? end.format(format) : ""
+        ];
+        if (!formatted[0] && !formatted[1]) {
+          onChange == null ? void 0 : onChange(null);
+        } else {
+          onChange == null ? void 0 : onChange(formatted);
+        }
+      },
+      [onChange, format]
+    );
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Component, { ...restProps, format, value: parsedValue, onChange: handleChange });
+  };
+};
+const withInjectedProps = (injectedProps) => {
+  return (Component) => {
+    const WrappedComponent = React.forwardRef((props, ref) => {
+      const mergedProps = { ...injectedProps, ...props };
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(Component, { ref, ...mergedProps });
+    });
+    WrappedComponent.displayName = `WithInjectedProps(${Component.displayName || Component.name})`;
+    return WrappedComponent;
+  };
+};
+const withColorPickerHandler = (Component) => {
+  return ({
+    onChange,
+    returnType = "hex",
+    ...props
+  }) => {
+    const handleChange = (color) => {
+      if (!onChange) return;
+      let value;
+      switch (returnType) {
+        case "hex":
+          value = color.toHexString();
+          break;
+        case "rgb":
+          value = color.toRgbString();
+          break;
+        case "hsv":
+          const hsv = color.toHsb();
+          value = `hsv(${hsv.h}, ${hsv.s * 100}%, ${hsv.b * 100}%)`;
+          break;
+        default:
+          value = color.toHexString();
+      }
+      onChange(value);
+    };
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Component, { ...props, onChange: handleChange });
+  };
+};
 export {
   isEmptyValue,
+  withColorPickerHandler,
+  withDayjsTransformAntdDate,
+  withDayjsTransformAntdDateRangePicker,
+  withDayjsTransformAntdTime,
+  withDayjsTransformAntdTimeRange,
+  withInjectedProps,
   withValueChangeHandler
 };

package/dist/form-ui/default-component.d.ts

@@ -1,2 +1,9 @@
-import { FormItemCreationOptions } from '../form/type';
-export declare const ALL_COMPONENTS: FormItemCreationOptions[];
+import { isEmptyValue } from './common-utils';
+declare const ALL_COMPONENTS: {
+    name: "input" | "textArea" | "radio" | "inputNumber" | "slider" | "switch" | "datePicker" | "dateRangePicker" | "timePicker" | "timeRangePicker" | "colorPicker" | "multiSelect" | "select" | "singleSelect" | "checkbox" | "rate";
+    component: any;
+    defaultValue: any;
+    isEmpty: typeof isEmptyValue;
+    hasIntrinsicWidth: false;
+}[];
+export { ALL_COMPONENTS };

package/dist/form-ui/default-component.js

@@ -1,63 +1,92 @@
-import { Select, Checkbox, InputNumber, Slider, Switch, Input, Radio } from "antd";
-import { isEmptyValue, withValueChangeHandler } from "./common-utils.js";
-const ALL_COMPONENTS = [
-  {
-    name: "input",
-    component: withValueChangeHandler(Input),
-    defaultValue: "",
-    isEmpty: isEmptyValue,
-    hasIntrinsicWidth: false
-  },
-  {
-    name: "textArea",
-    component: withValueChangeHandler(Input.TextArea),
-    defaultValue: "",
-    isEmpty: isEmptyValue,
-    hasIntrinsicWidth: false
-  },
-  {
-    name: "select",
-    component: Select,
-    defaultValue: "",
-    isEmpty: isEmptyValue,
-    hasIntrinsicWidth: false
-  },
-  {
-    name: "radio",
-    component: withValueChangeHandler(Radio.Group),
-    defaultValue: "",
-    isEmpty: isEmptyValue,
-    hasIntrinsicWidth: false
-  },
-  {
-    name: "checkbox",
-    component: Checkbox.Group,
-    defaultValue: "",
-    isEmpty: isEmptyValue,
-    hasIntrinsicWidth: false
-  },
-  {
-    name: "inputNumber",
-    component: InputNumber,
-    defaultValue: "",
-    isEmpty: isEmptyValue,
-    hasIntrinsicWidth: false
-  },
-  {
-    name: "slider",
-    component: Slider,
-    defaultValue: "",
-    isEmpty: isEmptyValue,
-    hasIntrinsicWidth: false
-  },
-  {
-    name: "switch",
-    component: Switch,
-    defaultValue: false,
+import { ColorPicker, Rate, TimePicker, DatePicker, Switch, Slider, InputNumber, Checkbox, Radio, Select, Input } from "antd";
+import { withInjectedProps, withColorPickerHandler, isEmptyValue, withValueChangeHandler, withDayjsTransformAntdDate, withDayjsTransformAntdDateRangePicker, withDayjsTransformAntdTime, withDayjsTransformAntdTimeRange } from "./common-utils.js";
+const COMPONENT_MAP = {
+  input: Input,
+  textArea: Input.TextArea,
+  select: Select,
+  singleSelect: Select,
+  multiSelect: Select,
+  radio: Radio.Group,
+  checkbox: Checkbox.Group,
+  inputNumber: InputNumber,
+  slider: Slider,
+  switch: Switch,
+  datePicker: DatePicker,
+  dateRangePicker: DatePicker.RangePicker,
+  timePicker: TimePicker,
+  timeRangePicker: TimePicker.RangePicker,
+  rate: Rate,
+  colorPicker: ColorPicker
+};
+const HOC_RULES = {
+  // 需要withValueChangeHandler的组件
+  withValueChangeHandler: [
+    "input",
+    "textArea",
+    "radio",
+    "inputNumber",
+    "slider",
+    "switch"
+  ],
+  // 需要日期转换（Day.js）的组件
+  withDayjsTransformAntdDate: ["datePicker"],
+  withDayjsTransformAntdDateRangePicker: ["dateRangePicker"],
+  withDayjsTransformAntdTime: ["timePicker"],
+  withDayjsTransformAntdTimeRange: ["timeRangePicker"],
+  // 颜色选择处理
+  withColorPickerHandler: ["colorPicker"],
+  // 多选下拉框
+  multiSelect: ["multiSelect"]
+};
+const DEFAULT_VALUES = {
+  input: "",
+  textArea: "",
+  select: "",
+  singleSelect: "",
+  multiSelect: [],
+  radio: "",
+  checkbox: [],
+  inputNumber: null,
+  slider: null,
+  switch: false,
+  datePicker: null,
+  dateRangePicker: null,
+  timePicker: null,
+  timeRangePicker: null,
+  rate: 0,
+  colorPicker: ""
+};
+const ALL_COMPONENTS = Object.keys(COMPONENT_MAP).map((name) => {
+  let component = COMPONENT_MAP[name];
+  if (HOC_RULES.withValueChangeHandler.includes(name)) {
+    component = withValueChangeHandler(component);
+  }
+  if (HOC_RULES.withDayjsTransformAntdDate.includes(name)) {
+    component = withDayjsTransformAntdDate(component);
+  }
+  if (HOC_RULES.withDayjsTransformAntdDateRangePicker.includes(name)) {
+    component = withDayjsTransformAntdDateRangePicker(component);
+  }
+  if (HOC_RULES.withDayjsTransformAntdTime.includes(name)) {
+    component = withDayjsTransformAntdTime(component);
+  }
+  if (HOC_RULES.withDayjsTransformAntdTimeRange.includes(name)) {
+    component = withDayjsTransformAntdTimeRange(component);
+  }
+  if (HOC_RULES.multiSelect.includes(name)) {
+    component = withInjectedProps({ mode: "multiple" })(component);
+  }
+  if (HOC_RULES.withColorPickerHandler.includes(name)) {
+    component = withColorPickerHandler(component);
+  }
+  return {
+    name,
+    component,
+    defaultValue: DEFAULT_VALUES[name],
     isEmpty: isEmptyValue,
     hasIntrinsicWidth: false
-  }
-];
+  };
+});
 export {
   ALL_COMPONENTS
 };

package/dist/node_modules/.pnpm/dayjs@1.11.18/node_modules/dayjs/dayjs.min.js

@@ -0,0 +1,282 @@
+import { commonjsGlobal, getDefaultExportFromCjs } from "../../../../../_virtual/_commonjsHelpers.js";
+import { __module as dayjs_min } from "../../../../../_virtual/dayjs.min.js";
+(function(module, exports) {
+  !function(t, e) {
+    module.exports = e();
+  }(commonjsGlobal, function() {
+    var t = 1e3, e = 6e4, n = 36e5, r = "millisecond", i = "second", s = "minute", u = "hour", a = "day", o = "week", c = "month", f = "quarter", h = "year", d = "date", l = "Invalid Date", $ = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, y = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, M = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(t2) {
+      var e2 = ["th", "st", "nd", "rd"], n2 = t2 % 100;
+      return "[" + t2 + (e2[(n2 - 20) % 10] || e2[n2] || e2[0]) + "]";
+    } }, m = function(t2, e2, n2) {
+      var r2 = String(t2);
+      return !r2 || r2.length >= e2 ? t2 : "" + Array(e2 + 1 - r2.length).join(n2) + t2;
+    }, v = { s: m, z: function(t2) {
+      var e2 = -t2.utcOffset(), n2 = Math.abs(e2), r2 = Math.floor(n2 / 60), i2 = n2 % 60;
+      return (e2 <= 0 ? "+" : "-") + m(r2, 2, "0") + ":" + m(i2, 2, "0");
+    }, m: function t2(e2, n2) {
+      if (e2.date() < n2.date()) return -t2(n2, e2);
+      var r2 = 12 * (n2.year() - e2.year()) + (n2.month() - e2.month()), i2 = e2.clone().add(r2, c), s2 = n2 - i2 < 0, u2 = e2.clone().add(r2 + (s2 ? -1 : 1), c);
+      return +(-(r2 + (n2 - i2) / (s2 ? i2 - u2 : u2 - i2)) || 0);
+    }, a: function(t2) {
+      return t2 < 0 ? Math.ceil(t2) || 0 : Math.floor(t2);
+    }, p: function(t2) {
+      return { M: c, y: h, w: o, d: a, D: d, h: u, m: s, s: i, ms: r, Q: f }[t2] || String(t2 || "").toLowerCase().replace(/s$/, "");
+    }, u: function(t2) {
+      return void 0 === t2;
+    } }, g = "en", D = {};
+    D[g] = M;
+    var p = "$isDayjsObject", S = function(t2) {
+      return t2 instanceof _ || !(!t2 || !t2[p]);
+    }, w = function t2(e2, n2, r2) {
+      var i2;
+      if (!e2) return g;
+      if ("string" == typeof e2) {
+        var s2 = e2.toLowerCase();
+        D[s2] && (i2 = s2), n2 && (D[s2] = n2, i2 = s2);
+        var u2 = e2.split("-");
+        if (!i2 && u2.length > 1) return t2(u2[0]);
+      } else {
+        var a2 = e2.name;
+        D[a2] = e2, i2 = a2;
+      }
+      return !r2 && i2 && (g = i2), i2 || !r2 && g;
+    }, O = function(t2, e2) {
+      if (S(t2)) return t2.clone();
+      var n2 = "object" == typeof e2 ? e2 : {};
+      return n2.date = t2, n2.args = arguments, new _(n2);
+    }, b = v;
+    b.l = w, b.i = S, b.w = function(t2, e2) {
+      return O(t2, { locale: e2.$L, utc: e2.$u, x: e2.$x, $offset: e2.$offset });
+    };
+    var _ = function() {
+      function M2(t2) {
+        this.$L = w(t2.locale, null, true), this.parse(t2), this.$x = this.$x || t2.x || {}, this[p] = true;
+      }
+      var m2 = M2.prototype;
+      return m2.parse = function(t2) {
+        this.$d = function(t3) {
+          var e2 = t3.date, n2 = t3.utc;
+          if (null === e2) return /* @__PURE__ */ new Date(NaN);
+          if (b.u(e2)) return /* @__PURE__ */ new Date();
+          if (e2 instanceof Date) return new Date(e2);
+          if ("string" == typeof e2 && !/Z$/i.test(e2)) {
+            var r2 = e2.match($);
+            if (r2) {
+              var i2 = r2[2] - 1 || 0, s2 = (r2[7] || "0").substring(0, 3);
+              return n2 ? new Date(Date.UTC(r2[1], i2, r2[3] || 1, r2[4] || 0, r2[5] || 0, r2[6] || 0, s2)) : new Date(r2[1], i2, r2[3] || 1, r2[4] || 0, r2[5] || 0, r2[6] || 0, s2);
+            }
+          }
+          return new Date(e2);
+        }(t2), this.init();
+      }, m2.init = function() {
+        var t2 = this.$d;
+        this.$y = t2.getFullYear(), this.$M = t2.getMonth(), this.$D = t2.getDate(), this.$W = t2.getDay(), this.$H = t2.getHours(), this.$m = t2.getMinutes(), this.$s = t2.getSeconds(), this.$ms = t2.getMilliseconds();
+      }, m2.$utils = function() {
+        return b;
+      }, m2.isValid = function() {
+        return !(this.$d.toString() === l);
+      }, m2.isSame = function(t2, e2) {
+        var n2 = O(t2);
+        return this.startOf(e2) <= n2 && n2 <= this.endOf(e2);
+      }, m2.isAfter = function(t2, e2) {
+        return O(t2) < this.startOf(e2);
+      }, m2.isBefore = function(t2, e2) {
+        return this.endOf(e2) < O(t2);
+      }, m2.$g = function(t2, e2, n2) {
+        return b.u(t2) ? this[e2] : this.set(n2, t2);
+      }, m2.unix = function() {
+        return Math.floor(this.valueOf() / 1e3);
+      }, m2.valueOf = function() {
+        return this.$d.getTime();
+      }, m2.startOf = function(t2, e2) {
+        var n2 = this, r2 = !!b.u(e2) || e2, f2 = b.p(t2), l2 = function(t3, e3) {
+          var i2 = b.w(n2.$u ? Date.UTC(n2.$y, e3, t3) : new Date(n2.$y, e3, t3), n2);
+          return r2 ? i2 : i2.endOf(a);
+        }, $2 = function(t3, e3) {
+          return b.w(n2.toDate()[t3].apply(n2.toDate("s"), (r2 ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(e3)), n2);
+        }, y2 = this.$W, M3 = this.$M, m3 = this.$D, v2 = "set" + (this.$u ? "UTC" : "");
+        switch (f2) {
+          case h:
+            return r2 ? l2(1, 0) : l2(31, 11);
+          case c:
+            return r2 ? l2(1, M3) : l2(0, M3 + 1);
+          case o:
+            var g2 = this.$locale().weekStart || 0, D2 = (y2 < g2 ? y2 + 7 : y2) - g2;
+            return l2(r2 ? m3 - D2 : m3 + (6 - D2), M3);
+          case a:
+          case d:
+            return $2(v2 + "Hours", 0);
+          case u:
+            return $2(v2 + "Minutes", 1);
+          case s:
+            return $2(v2 + "Seconds", 2);
+          case i:
+            return $2(v2 + "Milliseconds", 3);
+          default:
+            return this.clone();
+        }
+      }, m2.endOf = function(t2) {
+        return this.startOf(t2, false);
+      }, m2.$set = function(t2, e2) {
+        var n2, o2 = b.p(t2), f2 = "set" + (this.$u ? "UTC" : ""), l2 = (n2 = {}, n2[a] = f2 + "Date", n2[d] = f2 + "Date", n2[c] = f2 + "Month", n2[h] = f2 + "FullYear", n2[u] = f2 + "Hours", n2[s] = f2 + "Minutes", n2[i] = f2 + "Seconds", n2[r] = f2 + "Milliseconds", n2)[o2], $2 = o2 === a ? this.$D + (e2 - this.$W) : e2;
+        if (o2 === c || o2 === h) {
+          var y2 = this.clone().set(d, 1);
+          y2.$d[l2]($2), y2.init(), this.$d = y2.set(d, Math.min(this.$D, y2.daysInMonth())).$d;
+        } else l2 && this.$d[l2]($2);
+        return this.init(), this;
+      }, m2.set = function(t2, e2) {
+        return this.clone().$set(t2, e2);
+      }, m2.get = function(t2) {
+        return this[b.p(t2)]();
+      }, m2.add = function(r2, f2) {
+        var d2, l2 = this;
+        r2 = Number(r2);
+        var $2 = b.p(f2), y2 = function(t2) {
+          var e2 = O(l2);
+          return b.w(e2.date(e2.date() + Math.round(t2 * r2)), l2);
+        };
+        if ($2 === c) return this.set(c, this.$M + r2);
+        if ($2 === h) return this.set(h, this.$y + r2);
+        if ($2 === a) return y2(1);
+        if ($2 === o) return y2(7);
+        var M3 = (d2 = {}, d2[s] = e, d2[u] = n, d2[i] = t, d2)[$2] || 1, m3 = this.$d.getTime() + r2 * M3;
+        return b.w(m3, this);
+      }, m2.subtract = function(t2, e2) {
+        return this.add(-1 * t2, e2);
+      }, m2.format = function(t2) {
+        var e2 = this, n2 = this.$locale();
+        if (!this.isValid()) return n2.invalidDate || l;
+        var r2 = t2 || "YYYY-MM-DDTHH:mm:ssZ", i2 = b.z(this), s2 = this.$H, u2 = this.$m, a2 = this.$M, o2 = n2.weekdays, c2 = n2.months, f2 = n2.meridiem, h2 = function(t3, n3, i3, s3) {
+          return t3 && (t3[n3] || t3(e2, r2)) || i3[n3].slice(0, s3);
+        }, d2 = function(t3) {
+          return b.s(s2 % 12 || 12, t3, "0");
+        }, $2 = f2 || function(t3, e3, n3) {
+          var r3 = t3 < 12 ? "AM" : "PM";
+          return n3 ? r3.toLowerCase() : r3;
+        };
+        return r2.replace(y, function(t3, r3) {
+          return r3 || function(t4) {
+            switch (t4) {
+              case "YY":
+                return String(e2.$y).slice(-2);
+              case "YYYY":
+                return b.s(e2.$y, 4, "0");
+              case "M":
+                return a2 + 1;
+              case "MM":
+                return b.s(a2 + 1, 2, "0");
+              case "MMM":
+                return h2(n2.monthsShort, a2, c2, 3);
+              case "MMMM":
+                return h2(c2, a2);
+              case "D":
+                return e2.$D;
+              case "DD":
+                return b.s(e2.$D, 2, "0");
+              case "d":
+                return String(e2.$W);
+              case "dd":
+                return h2(n2.weekdaysMin, e2.$W, o2, 2);
+              case "ddd":
+                return h2(n2.weekdaysShort, e2.$W, o2, 3);
+              case "dddd":
+                return o2[e2.$W];
+              case "H":
+                return String(s2);
+              case "HH":
+                return b.s(s2, 2, "0");
+              case "h":
+                return d2(1);
+              case "hh":
+                return d2(2);
+              case "a":
+                return $2(s2, u2, true);
+              case "A":
+                return $2(s2, u2, false);
+              case "m":
+                return String(u2);
+              case "mm":
+                return b.s(u2, 2, "0");
+              case "s":
+                return String(e2.$s);
+              case "ss":
+                return b.s(e2.$s, 2, "0");
+              case "SSS":
+                return b.s(e2.$ms, 3, "0");
+              case "Z":
+                return i2;
+            }
+            return null;
+          }(t3) || i2.replace(":", "");
+        });
+      }, m2.utcOffset = function() {
+        return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
+      }, m2.diff = function(r2, d2, l2) {
+        var $2, y2 = this, M3 = b.p(d2), m3 = O(r2), v2 = (m3.utcOffset() - this.utcOffset()) * e, g2 = this - m3, D2 = function() {
+          return b.m(y2, m3);
+        };
+        switch (M3) {
+          case h:
+            $2 = D2() / 12;
+            break;
+          case c:
+            $2 = D2();
+            break;
+          case f:
+            $2 = D2() / 3;
+            break;
+          case o:
+            $2 = (g2 - v2) / 6048e5;
+            break;
+          case a:
+            $2 = (g2 - v2) / 864e5;
+            break;
+          case u:
+            $2 = g2 / n;
+            break;
+          case s:
+            $2 = g2 / e;
+            break;
+          case i:
+            $2 = g2 / t;
+            break;
+          default:
+            $2 = g2;
+        }
+        return l2 ? $2 : b.a($2);
+      }, m2.daysInMonth = function() {
+        return this.endOf(c).$D;
+      }, m2.$locale = function() {
+        return D[this.$L];
+      }, m2.locale = function(t2, e2) {
+        if (!t2) return this.$L;
+        var n2 = this.clone(), r2 = w(t2, e2, true);
+        return r2 && (n2.$L = r2), n2;
+      }, m2.clone = function() {
+        return b.w(this.$d, this);
+      }, m2.toDate = function() {
+        return new Date(this.valueOf());
+      }, m2.toJSON = function() {
+        return this.isValid() ? this.toISOString() : null;
+      }, m2.toISOString = function() {
+        return this.$d.toISOString();
+      }, m2.toString = function() {
+        return this.$d.toUTCString();
+      }, M2;
+    }(), k = _.prototype;
+    return O.prototype = k, [["$ms", r], ["$s", i], ["$m", s], ["$H", u], ["$W", a], ["$M", c], ["$y", h], ["$D", d]].forEach(function(t2) {
+      k[t2[1]] = function(e2) {
+        return this.$g(e2, t2[0], t2[1]);
+      };
+    }), O.extend = function(t2, e2) {
+      return t2.$i || (t2(e2, _, O), t2.$i = true), O;
+    }, O.locale = w, O.isDayjs = S, O.unix = function(t2) {
+      return O(1e3 * t2);
+    }, O.en = D[g], O.Ls = D, O.p = {}, O;
+  });
+})(dayjs_min);
+var dayjs_minExports = dayjs_min.exports;
+const dayjs = /* @__PURE__ */ getDefaultExportFromCjs(dayjs_minExports);
+export {
+  dayjs as default
+};

package/dist/node_modules/.pnpm/dayjs@1.11.18/node_modules/dayjs/plugin/isoWeek.js

@@ -0,0 +1,33 @@
+import { commonjsGlobal, getDefaultExportFromCjs } from "../../../../../../_virtual/_commonjsHelpers.js";
+import { __module as isoWeek } from "../../../../../../_virtual/isoWeek.js";
+(function(module, exports) {
+  !function(e, t) {
+    module.exports = t();
+  }(commonjsGlobal, function() {
+    var e = "day";
+    return function(t, i, s) {
+      var a = function(t2) {
+        return t2.add(4 - t2.isoWeekday(), e);
+      }, d = i.prototype;
+      d.isoWeekYear = function() {
+        return a(this).year();
+      }, d.isoWeek = function(t2) {
+        if (!this.$utils().u(t2)) return this.add(7 * (t2 - this.isoWeek()), e);
+        var i2, d2, n2, o, r = a(this), u = (i2 = this.isoWeekYear(), d2 = this.$u, n2 = (d2 ? s.utc : s)().year(i2).startOf("year"), o = 4 - n2.isoWeekday(), n2.isoWeekday() > 4 && (o += 7), n2.add(o, e));
+        return r.diff(u, "week") + 1;
+      }, d.isoWeekday = function(e2) {
+        return this.$utils().u(e2) ? this.day() || 7 : this.day(this.day() % 7 ? e2 : e2 - 7);
+      };
+      var n = d.startOf;
+      d.startOf = function(e2, t2) {
+        var i2 = this.$utils(), s2 = !!i2.u(t2) || t2;
+        return "isoweek" === i2.p(e2) ? s2 ? this.date(this.date() - (this.isoWeekday() - 1)).startOf("day") : this.date(this.date() - 1 - (this.isoWeekday() - 1) + 7).endOf("day") : n.bind(this)(e2, t2);
+      };
+    };
+  });
+})(isoWeek);
+var isoWeekExports = isoWeek.exports;
+const isoweek = /* @__PURE__ */ getDefaultExportFromCjs(isoWeekExports);
+export {
+  isoweek as default
+};

package/dist/node_modules/.pnpm/dayjs@1.11.18/node_modules/dayjs/plugin/weekOfYear.js

@@ -0,0 +1,29 @@
+import { commonjsGlobal, getDefaultExportFromCjs } from "../../../../../../_virtual/_commonjsHelpers.js";
+import { __module as weekOfYear$1 } from "../../../../../../_virtual/weekOfYear.js";
+(function(module, exports) {
+  !function(e, t) {
+    module.exports = t();
+  }(commonjsGlobal, function() {
+    var e = "week", t = "year";
+    return function(i, n, r) {
+      var f = n.prototype;
+      f.week = function(i2) {
+        if (void 0 === i2 && (i2 = null), null !== i2) return this.add(7 * (i2 - this.week()), "day");
+        var n2 = this.$locale().yearStart || 1;
+        if (11 === this.month() && this.date() > 25) {
+          var f2 = r(this).startOf(t).add(1, t).date(n2), s = r(this).endOf(e);
+          if (f2.isBefore(s)) return 1;
+        }
+        var a = r(this).startOf(t).date(n2).startOf(e).subtract(1, "millisecond"), o = this.diff(a, e, true);
+        return o < 0 ? r(this).startOf("week").week() : Math.ceil(o);
+      }, f.weeks = function(e2) {
+        return void 0 === e2 && (e2 = null), this.week(e2);
+      };
+    };
+  });
+})(weekOfYear$1);
+var weekOfYearExports = weekOfYear$1.exports;
+const weekOfYear = /* @__PURE__ */ getDefaultExportFromCjs(weekOfYearExports);
+export {
+  weekOfYear as default
+};

package/dist/node_modules/.pnpm/dayjs@1.11.18/node_modules/dayjs/plugin/weekYear.js

@@ -0,0 +1,19 @@
+import { commonjsGlobal, getDefaultExportFromCjs } from "../../../../../../_virtual/_commonjsHelpers.js";
+import { __module as weekYear$1 } from "../../../../../../_virtual/weekYear.js";
+(function(module, exports) {
+  !function(e, t) {
+    module.exports = t();
+  }(commonjsGlobal, function() {
+    return function(e, t) {
+      t.prototype.weekYear = function() {
+        var e2 = this.month(), t2 = this.week(), n = this.year();
+        return 1 === t2 && 11 === e2 ? n + 1 : 0 === e2 && t2 >= 52 ? n - 1 : n;
+      };
+    };
+  });
+})(weekYear$1);
+var weekYearExports = weekYear$1.exports;
+const weekYear = /* @__PURE__ */ getDefaultExportFromCjs(weekYearExports);
+export {
+  weekYear as default
+};

package/dist/node_modules/.pnpm/mobx-react-lite@4.1.0_mobx@6.13.7_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/mobx-react-lite/es/useObserver.js

@@ -1,5 +1,5 @@
 import { Reaction } from "mobx";
-import require$$0 from "react";
+import React from "react";
 import { printDebugValue } from "./utils/printDebugValue.js";
 import { observerFinalizationRegistry } from "./utils/observerFinalizationRegistry.js";
 import { s as shimExports } from "../../../../use-sync-external-store@1.5.0_react@18.3.1/node_modules/use-sync-external-store/shim/index.js";
@@ -14,7 +14,7 @@ function useObserver(render, baseComponentName) {
   if (baseComponentName === void 0) {
     baseComponentName = "observed";
   }
-  var admRef = require$$0.useRef(null);
+  var admRef = React.useRef(null);
   if (!admRef.current) {
     var adm_1 = {
       reaction: null,
@@ -46,7 +46,7 @@ function useObserver(render, baseComponentName) {
     createReaction(adm);
     observerFinalizationRegistry.register(admRef, adm, adm);
   }
-  require$$0.useDebugValue(adm.reaction, printDebugValue);
+  React.useDebugValue(adm.reaction, printDebugValue);
   shimExports.useSyncExternalStore(
     // Both of these must be stable, otherwise it would keep resubscribing every render.
     adm.subscribe,

package/dist/node_modules/.pnpm/react@18.3.1/node_modules/react/cjs/react-jsx-runtime.development.js

@@ -1,5 +1,5 @@
 import { __exports as reactJsxRuntime_development } from "../../../../../../_virtual/react-jsx-runtime.development.js";
-import require$$0 from "react";
+import React from "react";
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -15,7 +15,7 @@ function requireReactJsxRuntime_development() {
   hasRequiredReactJsxRuntime_development = 1;
   if (process.env.NODE_ENV !== "production") {
     (function() {
-      var React = require$$0;
+      var React$1 = React;
       var REACT_ELEMENT_TYPE = Symbol.for("react.element");
       var REACT_PORTAL_TYPE = Symbol.for("react.portal");
       var REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
@@ -41,7 +41,7 @@ function requireReactJsxRuntime_development() {
         }
         return null;
       }
-      var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+      var ReactSharedInternals = React$1.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
       function error(format) {
         {
           {

package/dist/node_modules/.pnpm/react@18.3.1/node_modules/react/cjs/react-jsx-runtime.production.min.js

@@ -1,5 +1,5 @@
 import { __exports as reactJsxRuntime_production_min } from "../../../../../../_virtual/react-jsx-runtime.production.min.js";
-import require$$0 from "react";
+import React from "react";
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -13,7 +13,7 @@ var hasRequiredReactJsxRuntime_production_min;
 function requireReactJsxRuntime_production_min() {
   if (hasRequiredReactJsxRuntime_production_min) return reactJsxRuntime_production_min;
   hasRequiredReactJsxRuntime_production_min = 1;
-  var f = require$$0, k = Symbol.for("react.element"), l = Symbol.for("react.fragment"), m = Object.prototype.hasOwnProperty, n = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p = { key: true, ref: true, __self: true, __source: true };
+  var f = React, k = Symbol.for("react.element"), l = Symbol.for("react.fragment"), m = Object.prototype.hasOwnProperty, n = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p = { key: true, ref: true, __self: true, __source: true };
   function q(c, a, g) {
     var b, d = {}, e = null, h = null;
     void 0 !== g && (e = "" + g);

package/dist/node_modules/.pnpm/use-sync-external-store@1.5.0_react@18.3.1/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.development.js

@@ -1,5 +1,5 @@
 import { __exports as useSyncExternalStoreShim_development } from "../../../../../../_virtual/use-sync-external-store-shim.development.js";
-import require$$0 from "react";
+import React from "react";
 /**
  * @license React
  * use-sync-external-store-shim.development.js
@@ -18,7 +18,7 @@ function requireUseSyncExternalStoreShim_development() {
       return x === y && (0 !== x || 1 / x === 1 / y) || x !== x && y !== y;
     }
     function useSyncExternalStore$2(subscribe, getSnapshot) {
-      didWarnOld18Alpha || void 0 === React.startTransition || (didWarnOld18Alpha = true, console.error(
+      didWarnOld18Alpha || void 0 === React$1.startTransition || (didWarnOld18Alpha = true, console.error(
         "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
       ));
       var value = getSnapshot();
@@ -66,8 +66,8 @@ function requireUseSyncExternalStoreShim_development() {
       return getSnapshot();
     }
     "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var React = require$$0, objectIs = "function" === typeof Object.is ? Object.is : is, useState = React.useState, useEffect = React.useEffect, useLayoutEffect = React.useLayoutEffect, useDebugValue = React.useDebugValue, didWarnOld18Alpha = false, didWarnUncachedGetSnapshot = false, shim = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1 : useSyncExternalStore$2;
-    useSyncExternalStoreShim_development.useSyncExternalStore = void 0 !== React.useSyncExternalStore ? React.useSyncExternalStore : shim;
+    var React$1 = React, objectIs = "function" === typeof Object.is ? Object.is : is, useState = React$1.useState, useEffect = React$1.useEffect, useLayoutEffect = React$1.useLayoutEffect, useDebugValue = React$1.useDebugValue, didWarnOld18Alpha = false, didWarnUncachedGetSnapshot = false, shim = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1 : useSyncExternalStore$2;
+    useSyncExternalStoreShim_development.useSyncExternalStore = void 0 !== React$1.useSyncExternalStore ? React$1.useSyncExternalStore : shim;
     "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
   }();
   return useSyncExternalStoreShim_development;

package/dist/node_modules/.pnpm/use-sync-external-store@1.5.0_react@18.3.1/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.production.js

@@ -1,5 +1,5 @@
 import { __exports as useSyncExternalStoreShim_production } from "../../../../../../_virtual/use-sync-external-store-shim.production.js";
-import require$$0 from "react";
+import React from "react";
 /**
  * @license React
  * use-sync-external-store-shim.production.js
@@ -13,11 +13,11 @@ var hasRequiredUseSyncExternalStoreShim_production;
 function requireUseSyncExternalStoreShim_production() {
   if (hasRequiredUseSyncExternalStoreShim_production) return useSyncExternalStoreShim_production;
   hasRequiredUseSyncExternalStoreShim_production = 1;
-  var React = require$$0;
+  var React$1 = React;
   function is(x, y) {
     return x === y && (0 !== x || 1 / x === 1 / y) || x !== x && y !== y;
   }
-  var objectIs = "function" === typeof Object.is ? Object.is : is, useState = React.useState, useEffect = React.useEffect, useLayoutEffect = React.useLayoutEffect, useDebugValue = React.useDebugValue;
+  var objectIs = "function" === typeof Object.is ? Object.is : is, useState = React$1.useState, useEffect = React$1.useEffect, useLayoutEffect = React$1.useLayoutEffect, useDebugValue = React$1.useDebugValue;
   function useSyncExternalStore$2(subscribe, getSnapshot) {
     var value = getSnapshot(), _useState = useState({ inst: { value, getSnapshot } }), inst = _useState[0].inst, forceUpdate = _useState[1];
     useLayoutEffect(
@@ -54,7 +54,7 @@ function requireUseSyncExternalStoreShim_production() {
     return getSnapshot();
   }
   var shim = "undefined" === typeof window || "undefined" === typeof window.document || "undefined" === typeof window.document.createElement ? useSyncExternalStore$1 : useSyncExternalStore$2;
-  useSyncExternalStoreShim_production.useSyncExternalStore = void 0 !== React.useSyncExternalStore ? React.useSyncExternalStore : shim;
+  useSyncExternalStoreShim_production.useSyncExternalStore = void 0 !== React$1.useSyncExternalStore ? React$1.useSyncExternalStore : shim;
   return useSyncExternalStoreShim_production;
 }
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-antd-xform",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "description": "基于mobx的form解决方案",
   "type": "module",
   "main": "./dist/index.js",
@@ -10,20 +10,24 @@
   "files": [
     "dist"
   ],
-  "keywords": [
-    "form",
-    "antd",
-    "react",
-    "mobx",
-    "react-antd-xform"
-  ],
+  "scripts": {
+    "build": "vite build",
+    "dev": "sb dev -p 6006",
+    "build-storybook": "sb build",
+    "docs:dev": "dumi dev",
+    "docs:build": "dumi build",
+    "docs:serve": "dumi serve"
+  },
+  "keywords": [],
   "author": "",
-  "license": "MIT",
+  "license": "ISC",
+  "packageManager": "pnpm@10.12.1",
   "dependencies": {
     "@types/invariant": "^2.2.37",
     "@types/stringify-object": "^4.0.5",
     "antd": "^5.26.2",
     "classnames": "^2.5.1",
+    "dayjs": "^1.11.15",
     "invariant": "^2.2.4",
     "mobx": "^6.13.7",
     "mobx-react-lite": "^4.1.0",
@@ -41,10 +45,10 @@
     "@types/react-dom": "^18.2.22",
     "@types/react-syntax-highlighter": "^15.5.13",
     "@vitejs/plugin-react": "^4.6.0",
+    "dumi": "^2.4.21",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-json-view": "^1.21.3",
-    "react-syntax-highlighter": "^15.6.1",
     "vite": "^5.2.0",
     "vite-plugin-dts": "^4.5.4"
   },
@@ -53,10 +57,5 @@
     "mobx-react-lite": "^4.1.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
-  },
-  "scripts": {
-    "build": "vite build",
-    "dev": "sb dev -p 6006",
-    "build-storybook": "sb build"
   }
-}
+}

package/README.md

@@ -1,2 +0,0 @@
-# react-antd-xform
-基于react + mobx实现的antd表单方案