antd-mobile 5.39.0 → 5.40.0

package/2x/es/locales/vi-VN.d.ts

@@ -11,6 +11,7 @@ declare const viVN: {
         confirm: string;
         start: string;
         end: string;
+        startAndEnd: string;
         today: string;
         markItems: string[];
         yearAndMonth: string;

package/2x/es/locales/vi-VN.js

@@ -14,6 +14,7 @@ const viVN = mergeLocale(base, {
     'confirm': 'Xác nhận',
     'start': 'Bắt đầu',
     'end': 'Kết thúc',
+    'startAndEnd': 'Bắt đầu/Kết thúc',
     'today': 'Hôm nay',
     'markItems': ['Một', 'Hai', 'Ba', 'Bốn', 'Năm', 'Sáu', 'Ngày'],
     'yearAndMonth': 'Tháng ${month} năm ${year}'

package/2x/es/locales/zh-CN.js

@@ -12,6 +12,7 @@ const zhCN = {
     confirm: '确认',
     start: '开始',
     end: '结束',
+    startAndEnd: '开始/结束',
     today: '今日',
     markItems: ['一', '二', '三', '四', '五', '六', '日'],
     yearAndMonth: '${year}年${month}月'

package/2x/es/locales/zh-HK.d.ts

@@ -11,6 +11,7 @@ declare const zhHK: {
         confirm: string;
         start: string;
         end: string;
+        startAndEnd: string;
         today: string;
         markItems: string[];
         yearAndMonth: string;

package/2x/es/locales/zh-TW.d.ts

@@ -11,6 +11,7 @@ declare const zhTW: {
         confirm: string;
         start: string;
         end: string;
+        startAndEnd: string;
         today: string;
         markItems: string[];
         yearAndMonth: string;

package/2x/es/utils/render-to-body.d.ts

@@ -1,2 +1,2 @@
 import type { ReactElement } from 'react';
-export declare function renderToBody(element: ReactElement): () => void;
+export declare function renderToBody(element: ReactElement): import("./unstable-render").UnmountType;

package/2x/es/utils/render-to-body.js

@@ -1,13 +1,6 @@
-import { render, unmount as reactUnmount } from './render';
+import { unstableSetRender } from './unstable-render';
 export function renderToBody(element) {
   const container = document.createElement('div');
   document.body.appendChild(container);
-  function unmount() {
-    const unmountResult = reactUnmount(container);
-    if (unmountResult && container.parentNode) {
-      container.parentNode.removeChild(container);
-    }
-  }
-  render(element, container);
-  return unmount;
+  return unstableSetRender()(element, container);
 }

package/2x/es/utils/render.d.ts

@@ -1,9 +1 @@
-import type { ReactElement } from 'react';
-import type { Root } from 'react-dom/client';
-declare const MARK = "__antd_mobile_root__";
-declare type ContainerType = (Element | DocumentFragment) & {
-    [MARK]?: Root;
-};
-export declare function render(node: ReactElement, container: ContainerType): void;
-export declare function unmount(container: ContainerType): boolean | Promise<void>;
-export {};
+export * from 'rc-util/lib/React/render';

package/2x/es/utils/render.js

@@ -1,65 +1 @@
-import { __awaiter } from "tslib";
-import * as ReactDOM from 'react-dom';
-// Let compiler not to search module usage
-const fullClone = Object.assign({}, ReactDOM);
-const {
-  version,
-  render: reactRender,
-  unmountComponentAtNode
-} = fullClone;
-let createRoot;
-try {
-  const mainVersion = Number((version || '').split('.')[0]);
-  if (mainVersion >= 18 && fullClone.createRoot) {
-    // eslint-disable-next-line @typescript-eslint/no-var-requires
-    createRoot = fullClone.createRoot;
-  }
-} catch (e) {
-  // Do nothing;
-}
-function toggleWarning(skip) {
-  const {
-    __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED
-  } = fullClone;
-  if (__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED && typeof __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED === 'object') {
-    __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.usingClientEntryPoint = skip;
-  }
-}
-const MARK = '__antd_mobile_root__';
-function legacyRender(node, container) {
-  reactRender(node, container);
-}
-function concurrentRender(node, container) {
-  toggleWarning(true);
-  const root = container[MARK] || createRoot(container);
-  toggleWarning(false);
-  root.render(node);
-  container[MARK] = root;
-}
-export function render(node, container) {
-  if (createRoot) {
-    concurrentRender(node, container);
-    return;
-  }
-  legacyRender(node, container);
-}
-// ========================== Unmount =========================
-function legacyUnmount(container) {
-  return unmountComponentAtNode(container);
-}
-function concurrentUnmount(container) {
-  return __awaiter(this, void 0, void 0, function* () {
-    // Delay to unmount to avoid React 18 sync warning
-    return Promise.resolve().then(() => {
-      var _a;
-      (_a = container[MARK]) === null || _a === void 0 ? void 0 : _a.unmount();
-      delete container[MARK];
-    });
-  });
-}
-export function unmount(container) {
-  if (createRoot) {
-    return concurrentUnmount(container);
-  }
-  return legacyUnmount(container);
-}
+export * from 'rc-util/lib/React/render';

package/2x/es/utils/unstable-render.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export declare type UnmountType = () => Promise<void>;
+export declare type RenderType = (node: React.ReactElement, container: Element | DocumentFragment) => UnmountType;
+/**
+ * @deprecated Set React render function for compatible usage.
+ * This is internal usage only compatible with React 19.
+ * And will be removed in next major version.
+ */
+export declare function unstableSetRender(render?: RenderType): RenderType;

package/2x/es/utils/unstable-render.js

@@ -0,0 +1,28 @@
+import warningOnce from 'rc-util/lib/warning';
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
+import { render, unmount } from './render';
+const defaultReactRender = (node, container) => {
+  // Warning for React 19
+  if (process.env.NODE_ENV !== 'production') {
+    const majorVersion = parseInt(React.version.split('.')[0], 10);
+    const fullKeys = Object.keys(ReactDOM);
+    warningOnce(majorVersion < 19 || fullKeys.includes('createRoot'), `[Compatible] antd-mobile v5 support React is 16 ~ 18. see https://mobile.ant.design/guide/v5-for-19 for compatible.`);
+  }
+  render(node, container);
+  return () => {
+    return unmount(container);
+  };
+};
+let unstableRender = defaultReactRender;
+/**
+ * @deprecated Set React render function for compatible usage.
+ * This is internal usage only compatible with React 19.
+ * And will be removed in next major version.
+ */
+export function unstableSetRender(render) {
+  if (render) {
+    unstableRender = render;
+  }
+  return unstableRender;
+}

package/2x/package.json

@@ -1,6 +1,6 @@
 {
   "name": "antd-mobile",
-  "version": "5.39.0",
+  "version": "5.40.0",
   "homepage": "https://github.com/ant-design/ant-design-mobile#readme",
   "bugs": {
     "url": "https://github.com/ant-design/ant-design-mobile/issues"
@@ -44,7 +44,7 @@
     "nano-memoize": "^3.0.16",
     "rc-field-form": "^1.34.2",
     "rc-segmented": "~2.4.1",
-    "rc-util": "^5.38.1",
+    "rc-util": "^5.44.4",
     "react-fast-compare": "^3.2.2",
     "react-is": "^18.2.0",
     "runes2": "^1.1.2",

package/README.md

@@ -16,7 +16,7 @@
   <span> · </span>
     <a href="https://discord.gg/jmNvw4WFYn">Discord</a>
   <span> · </span>
-    <a href="https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*8gmTR49Nr8UAAAAAAAAAAAAADrJ8AQ/original">钉钉</a>
+    <a href="https://mdn.alipayobjects.com/huamei_pdkywj/afts/img/A*nC08QYnlP68AAAAAAAAAAAAAesHxAQ/original">钉钉</a>
   </h4>
 </div>
 
@@ -43,8 +43,15 @@ If you have some questions about how to use ant-mobile, you can start a [discuss
 
 ---
 
+
+## 🤝 Contributing 
+
 Thanks to all the contributors of antd-mobile:
 
+<a href="https://openomy.app/github/ant-design/ant-design-mobile" target="_blank" style="display: block; width: 100%;" align="center">
+  <img src="https://www.openomy.app/svg?repo=ant-design/ant-design-mobile&chart=bubble&latestMonth=3" target="_blank" alt="Contribution Leaderboard" style="display: block; width: 100%;" />
+</a>
+
 <a href="https://github.com/ant-design/ant-design-mobile/graphs/contributors">
   <img src="https://opencollective.com/ant-design-mobile/contributors.svg?width=960&button=false" alt="contributors" />
 </a>