antd-mobile 5.23.0 → 5.24.1

package/2x/es/components/tree-select/multiple.js

@@ -20,59 +20,51 @@ export const Multiple = p => {
   }, []);
   const labelName = props.fieldNames.label || 'label';
   const valueName = props.fieldNames.value || 'value';
-  const childrenName = props.fieldNames.children || 'children'; // 打开的 keys
-
+  const childrenName = props.fieldNames.children || 'children';
+  // 打开的 keys
   const [expandKeys, setExpandKeys] = usePropsValue({
     value: props.expandKeys,
     defaultValue: props.defaultExpandKeys
-  }); // 选中的 value（聚合后）
-
+  });
+  // 选中的 value（聚合后）
   const [value, setValue] = usePropsValue({
     value: props.value,
     defaultValue: props.defaultValue
-  }); // 获取目标所有叶子节点 key 集合
-
+  });
+  // 获取目标所有叶子节点 key 集合
   const getLeafKeys = option => {
     const keys = [];
-
     const walker = op => {
       var _a;
-
       if (!op) {
         return;
       }
-
       if ((_a = op[childrenName]) === null || _a === void 0 ? void 0 : _a.length) {
         op[childrenName].forEach(i => walker(i));
       } else {
         keys.push(op[valueName]);
       }
     };
-
     walker(option);
     return keys;
   };
-
   const [deep, optionsMap, optionsParentMap] = useMemo(() => {
     const deep = getTreeDeep(props.options, childrenName);
     const optionsMap = new Map();
     const optionsParentMap = new Map();
-
     function traverse(current, children) {
       children.forEach(item => {
         optionsParentMap.set(item[valueName], current);
         optionsMap.set(item[valueName], item);
-
         if (item[childrenName]) {
           traverse(item, item[childrenName]);
         }
       });
     }
-
     traverse(undefined, props.options);
     return [deep, optionsMap, optionsParentMap];
-  }, [props.options]); // 将聚合的 value 拆分开，获得叶子节点的 value 集合
-
+  }, [props.options]);
+  // 将聚合的 value 拆分开，获得叶子节点的 value 集合
   const allSelectedLeafKeys = useMemo(() => {
     let leafKeys = [];
     value.forEach(v => {
@@ -80,97 +72,76 @@ export const Multiple = p => {
       leafKeys = leafKeys.concat(getLeafKeys(option));
     });
     return leafKeys;
-  }, [value, optionsMap]); // 子级有被选中的节点集合
-
+  }, [value, optionsMap]);
+  // 子级有被选中的节点集合
   const dotMap = useMemo(() => {
-    const map = new Map(); // 遍历 allChildrenValues, 向上递归
-
+    const map = new Map();
+    // 遍历 allChildrenValues, 向上递归
     const walker = key => {
       const parentOption = optionsParentMap.get(key);
-
       if (!parentOption) {
         return;
       }
-
       map.set(parentOption[valueName], true);
       walker(parentOption[valueName]);
     };
-
     allSelectedLeafKeys.forEach(key => {
       map.set(key, true);
       walker(key);
     });
     return map;
   }, [optionsParentMap, value]);
-
   const onChange = targetKeys => {
     var _a;
-
     let groupKeys = [...targetKeys];
     let unusedKeys = [];
-
     const walker = keys => {
       keys.forEach(key => {
         var _a;
-
         if (unusedKeys.includes(key)) {
           return;
         }
-
         const parent = optionsParentMap.get(key);
-
         if (!parent) {
           return;
         }
-
         const childrenKeys = ((_a = parent[childrenName]) === null || _a === void 0 ? void 0 : _a.map(i => i[valueName])) || [];
-
         if (childrenKeys.every(i => groupKeys.includes(i))) {
           groupKeys.push(parent[valueName]);
           unusedKeys = unusedKeys.concat(childrenKeys);
         }
       });
-    }; // 遍历 deep 次 groupKeys，每次往上聚合一层
-
-
+    };
+    // 遍历 deep 次 groupKeys，每次往上聚合一层
     for (let i = 0; i < deep; i++) {
       walker(groupKeys);
     }
-
-    groupKeys = groupKeys.filter(i => !unusedKeys.includes(i)); // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-
+    groupKeys = groupKeys.filter(i => !unusedKeys.includes(i));
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     const groupOptions = groupKeys.map(i => optionsMap.get(i));
     setValue(groupKeys);
     (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, groupKeys, groupOptions);
   };
-
   const onItemSelect = option => {
     var _a;
-
     const parentNodes = [];
     let current = option;
-
     while (current) {
       parentNodes.unshift(current);
       const next = optionsParentMap.get(current[valueName]);
       current = next;
     }
-
     const keys = parentNodes.map(i => i[valueName]);
     setExpandKeys(keys);
     (_a = props.onExpand) === null || _a === void 0 ? void 0 : _a.call(props, keys, parentNodes);
-  }; // 渲染全选节点
-
-
+  };
+  // 渲染全选节点
   const renderSelectAllItem = (columnOptions, index) => {
     var _a;
-
     const text = (_a = props.selectAllText) === null || _a === void 0 ? void 0 : _a[index];
-
     if (!text) {
       return;
     }
-
     let currentLeafKeys = [];
     columnOptions.forEach(option => {
       currentLeafKeys = currentLeafKeys.concat(getLeafKeys(option));
@@ -186,18 +157,14 @@ export const Multiple = p => {
       },
       className: `${classPrefix}-item`
     }, text);
-  }; // 渲染
-
-
+  };
+  // 渲染
   const renderSelectAllLeafItem = (columnOptions, index) => {
     var _a;
-
     const text = (_a = props.selectAllText) === null || _a === void 0 ? void 0 : _a[index];
-
     if (!text) {
       return;
     }
-
     const currentLeafKeys = columnOptions.map(i => i[valueName]);
     const allSelected = currentLeafKeys.every(i => allSelectedLeafKeys.includes(i));
     const halfSelected = allSelected ? false : currentLeafKeys.some(i => allSelectedLeafKeys.includes(i));
@@ -215,9 +182,8 @@ export const Multiple = p => {
       checked: allSelected,
       indeterminate: halfSelected
     }), text);
-  }; // 渲染节点
-
-
+  };
+  // 渲染节点
   const renderItem = option => {
     const isExpand = expandKeys.includes(option[valueName]);
     return React.createElement("div", {
@@ -233,9 +199,8 @@ export const Multiple = p => {
     }, option[labelName], !!dotMap.get(option[valueName]) && React.createElement("div", {
       className: `${classPrefix}-dot`
     }));
-  }; // 渲染叶子节点
-
-
+  };
+  // 渲染叶子节点
   const renderLeafItem = option => {
     const isSelected = allSelectedLeafKeys.includes(option[valueName]);
     return React.createElement("div", {
@@ -253,41 +218,32 @@ export const Multiple = p => {
       checked: isSelected
     }), option[labelName]);
   };
-
   const renderItems = (columnOptions = [], index) => {
     if (columnOptions.length === 0) {
       return;
     }
-
     const isLeaf = deep === index + 1;
-
     if (isLeaf) {
       return React.createElement(React.Fragment, null, renderSelectAllLeafItem(columnOptions, index), columnOptions.map(option => {
         return renderLeafItem(option);
       }));
     }
-
     return React.createElement(React.Fragment, null, renderSelectAllItem(columnOptions, index), columnOptions.map(option => {
       return renderItem(option);
     }));
   };
-
   const renderColumns = () => {
     var _a;
-
     const columns = [];
-
     for (let i = 0; i < deep; i++) {
-      let width = `${100 / deep}%`; // 两列的第一列宽度为 33.33，两列的第二列为 66.67%
-
+      let width = `${100 / deep}%`;
+      // 两列的第一列宽度为 33.33，两列的第二列为 66.67%
       if (deep === 2 && i === 0) {
         width = `33.33%`;
       }
-
       if (deep === 2 && i === 1) {
         width = `66.67%`;
       }
-
       const column = React.createElement("div", {
         key: i,
         className: classNames(`${classPrefix}-column`),
@@ -297,10 +253,8 @@ export const Multiple = p => {
       }, renderItems(i === 0 ? props.options : (_a = optionsMap.get(expandKeys[i - 1])) === null || _a === void 0 ? void 0 : _a[childrenName], i));
       columns.push(column);
     }
-
     return columns;
   };
-
   return withNativeProps(props, React.createElement("div", {
     className: classPrefix
   }, renderColumns()));

package/2x/es/components/tree-select/tree-select.js

@@ -23,42 +23,34 @@ export const TreeSelect = p => {
     const deep = getTreeDeep(props.options, childrenName);
     const optionsMap = new Map();
     const optionsParentMap = new Map();
-
     function traverse(current, children) {
       children.forEach(item => {
         optionsParentMap.set(item[valueName], current);
         optionsMap.set(item[valueName], item);
-
         if (item[childrenName]) {
           traverse(item, item[childrenName]);
         }
       });
     }
-
     traverse(undefined, props.options);
     return [deep, optionsMap, optionsParentMap];
   }, [props.options]);
-
   const onItemSelect = node => {
-    var _a; // 找到父级节点
-
-
+    var _a;
+    // 找到父级节点
     const parentNodes = [];
     let current = node;
-
     while (current) {
       parentNodes.push(current);
       const next = optionsParentMap.get(current[valueName]);
       current = next;
     }
-
     const values = parentNodes.reverse().map(i => i[valueName]);
     setValue(values);
     (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, values, {
       options: parentNodes
     });
   };
-
   const renderItems = (columnOptions = [], index) => {
     return columnOptions.map(item => {
       const isActive = item[valueName] === value[index];
@@ -75,23 +67,18 @@ export const TreeSelect = p => {
       }, item[labelName]);
     });
   };
-
   const renderColumns = () => {
     var _a;
-
     const columns = [];
-
     for (let i = 0; i < deep; i++) {
-      let width = `${100 / deep}%`; // 两列的第一列宽度为 33.33，两列的第二列为 66.67%
-
+      let width = `${100 / deep}%`;
+      // 两列的第一列宽度为 33.33，两列的第二列为 66.67%
       if (deep === 2 && i === 0) {
         width = `33.33%`;
       }
-
       if (deep === 2 && i === 1) {
         width = `66.67%`;
       }
-
       const column = React.createElement("div", {
         key: i,
         className: classNames(`${classPrefix}-column`),
@@ -101,10 +88,8 @@ export const TreeSelect = p => {
       }, renderItems(i === 0 ? props.options : (_a = optionsMap.get(value[i - 1])) === null || _a === void 0 ? void 0 : _a[childrenName], i));
       columns.push(column);
     }
-
     return columns;
   };
-
   return withNativeProps(props, React.createElement("div", {
     className: classPrefix
   }, renderColumns()));

package/2x/es/components/virtual-input/virtual-input.js

@@ -15,20 +15,16 @@ export const VirtualInput = forwardRef((p, ref) => {
   const rootRef = useRef(null);
   const contentRef = useRef(null);
   const [hasFocus, setHasFocus] = useState(false);
-
   function scrollToEnd() {
     const root = rootRef.current;
     if (!root) return;
-
     if (document.activeElement !== root) {
       return;
     }
-
     const content = contentRef.current;
     if (!content) return;
     content.scrollLeft = content.clientWidth;
   }
-
   useIsomorphicLayoutEffect(() => {
     scrollToEnd();
   }, [value]);
@@ -40,48 +36,38 @@ export const VirtualInput = forwardRef((p, ref) => {
   useImperativeHandle(ref, () => ({
     focus: () => {
       var _a;
-
       (_a = rootRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     },
     blur: () => {
       var _a;
-
       (_a = rootRef.current) === null || _a === void 0 ? void 0 : _a.blur();
     }
   }));
-
   function onFocus() {
     var _a;
-
     setHasFocus(true);
     (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props);
   }
-
   function onBlur() {
     var _a;
-
     setHasFocus(false);
     (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props);
   }
-
   const keyboard = props.keyboard;
   const keyboardElement = keyboard && React.cloneElement(keyboard, {
     onInput: v => {
       var _a, _b;
-
       setValue(value + v);
       (_b = (_a = keyboard.props).onInput) === null || _b === void 0 ? void 0 : _b.call(_a, v);
     },
     onDelete: () => {
       var _a, _b;
-
       setValue(value.slice(0, -1));
       (_b = (_a = keyboard.props).onDelete) === null || _b === void 0 ? void 0 : _b.call(_a);
     },
     visible: hasFocus,
     onClose: () => {
       var _a, _b, _c;
-
       (_a = rootRef.current) === null || _a === void 0 ? void 0 : _a.blur();
       (_c = (_b = keyboard.props).onClose) === null || _c === void 0 ? void 0 : _c.call(_b);
     },
@@ -107,7 +93,6 @@ export const VirtualInput = forwardRef((p, ref) => {
     className: `${classPrefix}-clear`,
     onClick: e => {
       var _a;
-
       e.stopPropagation();
       setValue('');
       (_a = props.onClear) === null || _a === void 0 ? void 0 : _a.call(props);

package/2x/es/components/water-mark/water-mark.js

@@ -36,7 +36,6 @@ export const WaterMark = p => {
     const markHeight = height * ratio;
     canvas.setAttribute('width', canvasWidth);
     canvas.setAttribute('height', canvasHeight);
-
     if (ctx) {
       if (image) {
         ctx.translate(markWidth / 2, markHeight / 2);
@@ -44,18 +43,16 @@ export const WaterMark = p => {
         const img = new Image();
         img.crossOrigin = 'anonymous';
         img.referrerPolicy = 'no-referrer';
-
         img.onload = () => {
           ctx.drawImage(img, -imageWidth * ratio / 2, -imageHeight * ratio / 2, imageWidth * ratio, imageHeight * ratio);
           ctx.restore();
           setBase64Url(canvas.toDataURL());
         };
-
         img.src = image;
       } else if (content) {
         ctx.textBaseline = 'middle';
-        ctx.textAlign = 'center'; // 文字绕中间旋转
-
+        ctx.textAlign = 'center';
+        // 文字绕中间旋转
         ctx.translate(markWidth / 2, markHeight / 2);
         ctx.rotate(Math.PI / 180 * Number(rotate));
         const markSize = Number(fontSize) * ratio;

package/2x/es/global/index.js

@@ -1,9 +1,9 @@
 import "./global.css";
 import { canUseDom } from '../utils/can-use-dom';
-
 if (canUseDom) {
   // Make sure the `:active` CSS selector of `button` and `a` take effect
   // See: https://stackoverflow.com/questions/3885018/active-pseudo-class-doesnt-work-in-mobile-safari
   document.addEventListener('touchstart', () => {}, true);
-} // Only for debugging. Must COMMENT this line before commit:
+}
+// Only for debugging. Must COMMENT this line before commit:
 // import './css-vars-patch.less'

package/2x/es/locales/ja-JP.d.ts

@@ -0,0 +1,127 @@
+declare const jaJP: {
+    locale: string;
+    common: {
+        confirm: string;
+        cancel: string;
+        loading: string;
+    };
+    Calendar: {
+        markItems: string[];
+        renderYearAndMonth: (year: number, month: number) => string;
+    };
+    Cascader: {
+        placeholder: string;
+    };
+    Dialog: {
+        ok: string;
+    };
+    ErrorBlock: {
+        default: {
+            title: string;
+            description: string;
+        };
+        busy: {
+            title: string;
+            description: string;
+        };
+        disconnected: {
+            title: string;
+            description: string;
+        };
+        empty: {
+            title: string;
+            description: string;
+        };
+    };
+    Form: {
+        required: string;
+        optional: string;
+        defaultValidateMessages: {
+            default: string;
+            required: string;
+            enum: string;
+            whitespace: string;
+            date: {
+                format: string;
+                parse: string;
+                invalid: string;
+            };
+            types: {
+                string: string;
+                method: string;
+                array: string;
+                object: string;
+                number: string;
+                date: string;
+                boolean: string;
+                integer: string;
+                float: string;
+                regexp: string;
+                email: string;
+                url: string;
+                hex: string;
+            };
+            string: {
+                len: string;
+                min: string;
+                max: string;
+                range: string;
+            };
+            number: {
+                len: string;
+                min: string;
+                max: string;
+                range: string;
+            };
+            array: {
+                len: string;
+                min: string;
+                max: string;
+                range: string;
+            };
+            pattern: {
+                mismatch: string;
+            };
+        };
+    };
+    ImageUploader: {
+        uploading: string;
+        upload: string;
+    };
+    InfiniteScroll: {
+        noMore: string;
+        failedToLoad: string;
+        retry: string;
+    };
+    Input: {
+        clear: string;
+    };
+    Mask: {
+        name: string;
+    };
+    Modal: {
+        ok: string;
+    };
+    PasscodeInput: {
+        name: string;
+    };
+    PullToRefresh: {
+        pulling: string;
+        canRelease: string;
+        complete: string;
+    };
+    SearchBar: {
+        name: string;
+    };
+    Slider: {
+        name: string;
+    };
+    Stepper: {
+        decrease: string;
+        increase: string;
+    };
+    Switch: {
+        name: string;
+    };
+};
+export default jaJP;