@canlooks/can-ui 0.0.33 → 0.0.34

package/dist/cjs/components/app/app.js

@@ -31,7 +31,7 @@ function InnerApp({ component: Component = 'div', theme, children, fill = true,
         dialog: exports.App.dialog = new appDialog_1.AppDialogMethods(),
         message: exports.App.message = new appMessage_1.AppMessageMethods(),
         notification: exports.App.notification = new appNotification_1.AppNotificationMethods(),
-        actionSheet: exports.App.actionSheet = new appActionSheet_1.AppActionSheetMethods(),
+        actionSheet: exports.App.actionSheet = new appActionSheet_1.AppActionSheetMethods()
     }), []);
     return ((0, jsx_runtime_1.jsxs)(AppContext, { value: appValue, children: [Component
                 ? (0, jsx_runtime_1.jsx)(Component, { ...props, css: [

package/dist/cjs/components/app/appDialog.js

@@ -6,11 +6,16 @@ const react_1 = require("react");
 const dialog_1 = require("../dialog");
 const status_1 = require("../status");
 class AppDialogMethods {
-    async info(props, ...args) { }
-    async success(props, ...args) { }
-    async warning(props, ...args) { }
-    async error(props, ...args) { }
-    async confirm(props, ...args) { }
+    async info(props, ...args) {
+    }
+    async success(props, ...args) {
+    }
+    async warning(props, ...args) {
+    }
+    async error(props, ...args) {
+    }
+    async confirm(props, ...args) {
+    }
 }
 exports.AppDialogMethods = AppDialogMethods;
 exports.AppDialog = (0, react_1.memo)(({ methods }) => {

package/dist/cjs/components/form/formItem.js

@@ -12,21 +12,6 @@ const FormItem = ({ ref, wrapperRef, field, initialValue, label = '', rules, req
     const { formValue, setFieldValue, itemsContainer, formRef, ...context } = (0, form_1.useFormContext)();
     requiredMark ??= context.requiredMark ?? '*';
     variant ??= context.variant ?? 'grid';
-    /**
-     * --------------------------------------------------------------------
-     * 重置与初始化
-     */
-    const shouldValidate = (0, react_1.useRef)(false);
-    const isTouched = (0, react_1.useRef)(false);
-    // formRef的resetForm()方法会传入新的initialValue
-    const reset = (value = formValue) => {
-        shouldValidate.current = isTouched.current = false;
-        if (typeof field !== 'undefined' && value && typeof initialValue !== 'undefined') {
-            (0, utils_1.queryDeep)(value, field, () => initialValue);
-        }
-        innerError.current && setInnerError(false);
-    };
-    (0, react_1.useMemo)(reset, []);
     /**
      * --------------------------------------------------------------------
      * 字段值
@@ -83,13 +68,29 @@ const FormItem = ({ ref, wrapperRef, field, initialValue, label = '', rules, req
      * --------------------------------------------------------------------
      * 依赖更新自动校验
      */
+    const shouldValidate = (0, react_1.useRef)(false);
     const dependencyValues = (0, react_1.useMemo)(() => {
         return formValue && dependencies?.map(d => (0, utils_1.queryDeep)(formValue, d));
     }, [formValue, ...dependencies || []]);
     (0, react_1.useMemo)(() => {
+        // 跳过首次渲染
         shouldValidate.current && validate().then();
         shouldValidate.current = true;
     }, [fieldValue, ...dependencyValues || []]);
+    /**
+     * --------------------------------------------------------------------
+     * 重置与初始化
+     */
+    const isTouched = (0, react_1.useRef)(false);
+    // formRef的resetForm()方法会传入新的initialValue，否则使用`formValue`
+    const reset = (value = formValue) => {
+        shouldValidate.current = isTouched.current = false;
+        if (typeof field !== 'undefined' && value && typeof initialValue !== 'undefined') {
+            (0, utils_1.queryDeep)(value, field, () => initialValue);
+        }
+        innerError.current && setInnerError(false);
+    };
+    (0, react_1.useMemo)(reset, []);
     /**
      * --------------------------------------------------------------------
      * 挂载formItemRef

package/dist/esm/components/app/app.js

@@ -26,7 +26,7 @@ export function InnerApp({ component: Component = 'div', theme, children, fill =
         dialog: App.dialog = new AppDialogMethods(),
         message: App.message = new AppMessageMethods(),
         notification: App.notification = new AppNotificationMethods(),
-        actionSheet: App.actionSheet = new AppActionSheetMethods(),
+        actionSheet: App.actionSheet = new AppActionSheetMethods()
     }), []);
     return (_jsxs(AppContext, { value: appValue, children: [Component
                 ? _jsx(Component, { ...props, css: [

package/dist/esm/components/app/appDialog.js

@@ -3,11 +3,16 @@ import { memo, useState } from 'react';
 import { Dialog } from '../dialog';
 import { StatusIcon } from '../status';
 export class AppDialogMethods {
-    async info(props, ...args) { }
-    async success(props, ...args) { }
-    async warning(props, ...args) { }
-    async error(props, ...args) { }
-    async confirm(props, ...args) { }
+    async info(props, ...args) {
+    }
+    async success(props, ...args) {
+    }
+    async warning(props, ...args) {
+    }
+    async error(props, ...args) {
+    }
+    async confirm(props, ...args) {
+    }
 }
 export const AppDialog = memo(({ methods }) => {
     const [stacks, setStacks] = useState([]);

package/dist/esm/components/form/formItem.js

@@ -9,21 +9,6 @@ export const FormItem = ({ ref, wrapperRef, field, initialValue, label = '', rul
     const { formValue, setFieldValue, itemsContainer, formRef, ...context } = useFormContext();
     requiredMark ??= context.requiredMark ?? '*';
     variant ??= context.variant ?? 'grid';
-    /**
-     * --------------------------------------------------------------------
-     * 重置与初始化
-     */
-    const shouldValidate = useRef(false);
-    const isTouched = useRef(false);
-    // formRef的resetForm()方法会传入新的initialValue
-    const reset = (value = formValue) => {
-        shouldValidate.current = isTouched.current = false;
-        if (typeof field !== 'undefined' && value && typeof initialValue !== 'undefined') {
-            queryDeep(value, field, () => initialValue);
-        }
-        innerError.current && setInnerError(false);
-    };
-    useMemo(reset, []);
     /**
      * --------------------------------------------------------------------
      * 字段值
@@ -80,13 +65,29 @@ export const FormItem = ({ ref, wrapperRef, field, initialValue, label = '', rul
      * --------------------------------------------------------------------
      * 依赖更新自动校验
      */
+    const shouldValidate = useRef(false);
     const dependencyValues = useMemo(() => {
         return formValue && dependencies?.map(d => queryDeep(formValue, d));
     }, [formValue, ...dependencies || []]);
     useMemo(() => {
+        // 跳过首次渲染
         shouldValidate.current && validate().then();
         shouldValidate.current = true;
     }, [fieldValue, ...dependencyValues || []]);
+    /**
+     * --------------------------------------------------------------------
+     * 重置与初始化
+     */
+    const isTouched = useRef(false);
+    // formRef的resetForm()方法会传入新的initialValue，否则使用`formValue`
+    const reset = (value = formValue) => {
+        shouldValidate.current = isTouched.current = false;
+        if (typeof field !== 'undefined' && value && typeof initialValue !== 'undefined') {
+            queryDeep(value, field, () => initialValue);
+        }
+        innerError.current && setInnerError(false);
+    };
+    useMemo(reset, []);
     /**
      * --------------------------------------------------------------------
      * 挂载formItemRef