@trionesdev/antd-mobile-react 0.0.2-beta.0 → 0.0.2-beta.2

package/dist/Swiper/style.scss

@@ -1,54 +1,54 @@
-@import "@trionesdev/antd-mobile-base-react/dist/style/variable";
-$swiperCls: 'triones-antm-swiper';
-
-.#{$swiperCls} {
-  max-height: 100%;
-  display: flex;
-  justify-items: center;
-  align-items: center;
-}
-.#{$swiperCls}-core {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  box-sizing: border-box;
-  &-box{
-    position: relative;
-    width: 100%;
-    height: 100%;
-  }
-  &-wrapper{
-    position: relative;
-    width: 100%;
-    height: 100%;
-    display: flex;
-    transition-property: transform;
-    justify-content: center;
-    align-items: center;
-    &-horizontal{
-      flex-direction: row;
-      touch-action: pan-x;
-    }
-    &-vertical{
-      flex-direction: column;
-      touch-action: pan-y;
-    }
-  }
-  &-item {
-    position: relative;
-    flex-shrink: 0;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
-}
-
-.#{$swiperCls}-taro {
-  width: 100%;
-  height: 100%;
-  &-item{
-    display: flex;
-    align-items: center;
-  }
-}
+@use "../style/variable" as *;
+$swiperCls: 'triones-antm-swiper';
+
+.#{$swiperCls} {
+  max-height: 100%;
+  display: flex;
+  justify-items: center;
+  align-items: center;
+}
+.#{$swiperCls}-core {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  box-sizing: border-box;
+  &-box{
+    position: relative;
+    width: 100%;
+    height: 100%;
+  }
+  &-wrapper{
+    position: relative;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    transition-property: transform;
+    justify-content: center;
+    align-items: center;
+    &-horizontal{
+      flex-direction: row;
+      touch-action: pan-x;
+    }
+    &-vertical{
+      flex-direction: column;
+      touch-action: pan-y;
+    }
+  }
+  &-item {
+    position: relative;
+    flex-shrink: 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+}
+
+.#{$swiperCls}-taro {
+  width: 100%;
+  height: 100%;
+  &-item{
+    display: flex;
+    align-items: center;
+  }
+}

package/dist/Switch/demo/base.js

@@ -8,8 +8,8 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-/**
- * compact: true
+/**
+ * compact: true
  */
 import { CheckOutline, CloseOutline } from '@trionesdev/antd-mobile-icons-react';
 import { DemoBlock } from "../../DemoBlock";

package/dist/TabBar/demo/base.js

@@ -1,5 +1,5 @@
-/**
- * compact: true
+/**
+ * compact: true
  */
 import React from "react";
 import { FaceRecognitionOutline, AppstoreOutline, UserOutline } from "../../../../antd-mobile-icons-react";

package/dist/Tag/demo/base.js

@@ -1,5 +1,5 @@
-/**
- * compact: true
+/**
+ * compact: true
  */
 import React from 'react';
 import "./style.scss";

package/dist/Tag/demo/style.scss

@@ -1,8 +1,8 @@
-.tag-demo-style {
-  &-content {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 8px;
-    row-gap: 8px;
-  }
-}
+.tag-demo-style {
+  &-content {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+    row-gap: 8px;
+  }
+}

package/dist/Toast/style.scss

@@ -1,63 +1,63 @@
-$toastCls: 'triones-antm-toast';
-
-.#{$toastCls} {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  text-align: center;
-  pointer-events: none;
-
-  &-main {
-
-    padding: 12Px;
-    display: inline-block;
-    position: relative;
-    top: 50%;
-    transform: translateY(-50%);
-    width: auto;
-    max-width: 204px;
-    max-height: 70%;
-    overflow: auto;
-    color: #fff;
-    word-break: break-all;
-    background-color: rgba(0, 0, 0, .7);
-    border-radius: 8px;
-    pointer-events: all;
-    font-size: var(--adm-font-size-7);
-    line-height: 1.5;
-    box-sizing: border-box;
-    &-icon{
-      padding: 35Px 12Px;
-      min-width: 150Px;
-      .#{$toastCls}{
-        &-center{
-          &-center{
-            text-align: initial;
-          }
-        }
-      }
-    }
-  }
-
-  &-center{
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    gap: 8Px;
-    &-icon{
-      .triones-antm-icon{
-        font-size: 36Px;
-      }
-    }
-    &-content{
-      display: inline-block;
-      color: #fff;
-      word-break: break-all;
-      pointer-events: all;
-      text-align: initial;
-    }
-  }
-}
+$toastCls: 'triones-antm-toast';
+
+.#{$toastCls} {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  text-align: center;
+  pointer-events: none;
+
+  &-main {
+
+    padding: 12Px;
+    display: inline-block;
+    position: relative;
+    top: 50%;
+    transform: translateY(-50%);
+    width: auto;
+    max-width: 204px;
+    max-height: 70%;
+    overflow: auto;
+    color: #fff;
+    word-break: break-all;
+    background-color: rgba(0, 0, 0, .7);
+    border-radius: 8px;
+    pointer-events: all;
+    font-size: var(--adm-font-size-7);
+    line-height: 1.5;
+    box-sizing: border-box;
+    &-icon{
+      padding: 35Px 12Px;
+      min-width: 150Px;
+      .#{$toastCls}{
+        &-center{
+          &-center{
+            text-align: initial;
+          }
+        }
+      }
+    }
+  }
+
+  &-center{
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    gap: 8Px;
+    &-icon{
+      .triones-antm-icon{
+        font-size: 36Px;
+      }
+    }
+    &-content{
+      display: inline-block;
+      color: #fff;
+      word-break: break-all;
+      pointer-events: all;
+      text-align: initial;
+    }
+  }
+}

package/dist/WaterMark/demo/demo1.js

@@ -4,8 +4,8 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-/**
- * compact: true
+/**
+ * compact: true
  */
 import React, { useState } from 'react';
 import "./demo1.scss";

package/dist/WaterMark/demo/demo1.scss

@@ -1,6 +1,6 @@
-.water-mark-overlay {
-  padding: 12px;
-  button {
-    margin-bottom: 12px;
-  }
-}
+.water-mark-overlay {
+  padding: 12px;
+  button {
+    margin-bottom: 12px;
+  }
+}

package/dist/WaterMark/demo/demo2.js

@@ -1,5 +1,5 @@
-/**
- * compact: true
+/**
+ * compact: true
  */
 import { DemoBlock } from "../../DemoBlock";
 import React from 'react';

package/dist/style/variable.scss

@@ -0,0 +1 @@
+@forward "@trionesdev/antd-mobile-base-react/dist/style/variable" ;

package/dist/utils/type.js

@@ -1,45 +1,45 @@
 /** https://github.com/Microsoft/TypeScript/issues/29729 */
 
-/**
- * Get component props
- * @example
- * ```ts
- * import { Checkbox } from 'antd'
- * import type { GetProps } from 'antd';
- *
- * type CheckboxGroupProps = GetProps<typeof Checkbox.Group>
- * ```
- * @since 5.13.0
+/**
+ * Get component props
+ * @example
+ * ```ts
+ * import { Checkbox } from 'antd'
+ * import type { GetProps } from 'antd';
+ *
+ * type CheckboxGroupProps = GetProps<typeof Checkbox.Group>
+ * ```
+ * @since 5.13.0
  */
 
-/**
- * Get component props by component name
- * @example
- * ```ts
- * import { Select } from 'antd';
- * import type { GetProp, SelectProps } from 'antd';
- *
- * type SelectOption1 = GetProp<SelectProps, 'options'>[number];
- * // or
- * type SelectOption2 = GetProp<typeof Select, 'options'>[number];
- *
- * const onChange: GetProp<typeof Select, 'onChange'> = (value, option) => {
- *  // Do something
- * };
- * ```
- * @since 5.13.0
+/**
+ * Get component props by component name
+ * @example
+ * ```ts
+ * import { Select } from 'antd';
+ * import type { GetProp, SelectProps } from 'antd';
+ *
+ * type SelectOption1 = GetProp<SelectProps, 'options'>[number];
+ * // or
+ * type SelectOption2 = GetProp<typeof Select, 'options'>[number];
+ *
+ * const onChange: GetProp<typeof Select, 'onChange'> = (value, option) => {
+ *  // Do something
+ * };
+ * ```
+ * @since 5.13.0
  */
 
-/**
- * Get component ref
- * @example
- * ```ts
- * import { Input } from 'antd';
- * import type { GetRef } from 'antd';
- *
- * type InputRef = GetRef<typeof Input>;
- * ```
- * @since 5.13.0
+/**
+ * Get component ref
+ * @example
+ * ```ts
+ * import { Input } from 'antd';
+ * import type { GetRef } from 'antd';
+ *
+ * type InputRef = GetRef<typeof Input>;
+ * ```
+ * @since 5.13.0
  */
 
 export var ComponentDefaults = {

package/dist/utils/use-isomorphic-update-layout-effect.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const useIsomorphicUpdateLayoutEffect: typeof import("react").useEffect | typeof import("react").useLayoutEffect;
+export declare const useIsomorphicUpdateLayoutEffect: typeof import("react").useLayoutEffect | typeof import("react").useEffect;

package/dist/utils/with-default-props.js

@@ -15,10 +15,10 @@ export function mergeProps() {
   return ret;
 }
 
-/**
- * Merge props and return the first non-undefined value.
- * The later has higher priority. e.g. (10, 1, 5) => 5 wins.
- * This is useful with legacy props that have been deprecated.
+/**
+ * Merge props and return the first non-undefined value.
+ * The later has higher priority. e.g. (10, 1, 5) => 5 wins.
+ * This is useful with legacy props that have been deprecated.
  */
 export function mergeProp(defaultProp) {
   for (var _len2 = arguments.length, propList = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trionesdev/antd-mobile-react",
-  "version": "0.0.2-beta.0",
+  "version": "0.0.2-beta.2",
   "description": "antd mobile react ",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -55,7 +55,7 @@
   },
   "peerDependencies": {
     "classnames": "^2.5.1",
-    "lodash": "^4.17.21",
+    "lodash-es": "^4.17.21",
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0",
     "staged-components": "^1.1.3"
@@ -66,9 +66,10 @@
     "@trionesdev/antd-mobile-base-react": "workspace:*",
     "@trionesdev/antd-mobile-icons-react": "workspace:*",
     "@types/crypto-js": "^4.2.2",
-    "@types/lodash": "^4.17.14",
+    "@types/lodash-es": "^4.17.12",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
+    "@types/uuid": "^10.0.0",
     "@umijs/lint": "^4.0.0",
     "classnames": "^2.5.1",
     "cross-env": "^7.0.3",
@@ -78,7 +79,7 @@
     "father": "^4.5.1",
     "husky": "^8.0.1",
     "lint-staged": "^13.0.3",
-    "lodash": "^4.17.21",
+    "lodash-es": "^4.17.21",
     "prettier": "^3.4.2",
     "prettier-plugin-organize-imports": "^4.1.0",
     "prettier-plugin-packagejson": "^2.5.6",
@@ -88,8 +89,7 @@
     "stylelint": "^16.12.0"
   },
   "dependencies": {
-    "@trionesdev/antd-mobile-base-react": "^0.0.2-beta.0",
-    "@types/uuid": "^10.0.0",
+    "@trionesdev/antd-mobile-base-react": "^0.0.2-beta.2",
     "ahooks": "^3.8.4",
     "crypto-js": "^4.2.0",
     "rc-field-form": "^2.7.0",
@@ -98,7 +98,7 @@
   },
   "optionalDependencies": {
     "@trionesdev/antd-mobile-base-react": "workspace:*",
-    "@trionesdev/antd-mobile-icons-react": "0.0.2-beta.0"
+    "@trionesdev/antd-mobile-icons-react": "0.0.2-beta.2"
   },
-  "gitHead": "77b0c4571a03a037fd0f54ce4bc0a330ba855ab2"
+  "gitHead": "750643002ea1b4b0092d84ec95e8d135b9b83750"
 }

package/readme.md

@@ -1,43 +1,43 @@
-# @trionesdev/antd-taro-react
-
-[![NPM version](https://img.shields.io/npm/v/@trionesdev/antd-taro-react.svg?style=flat)](https://npmjs.org/package/@trionesdev/antd-taro-react)
-[![NPM downloads](http://img.shields.io/npm/dm/@trionesdev/antd-taro-react.svg?style=flat)](https://npmjs.org/package/@trionesdev/antd-taro-react)
-
-antd taro react 
-
-## Usage
-
-TODO
-
-## Options
-
-TODO
-
-## Development
-
-```bash
-# install dependencies
-$ pnpm install
-
-# develop library by docs demo
-$ pnpm start
-
-# build library source code
-$ pnpm run build
-
-# build library source code in watch mode
-$ pnpm run build:watch
-
-# build docs
-$ pnpm run docs:build
-
-# Locally preview the production build.
-$ pnpm run docs:preview
-
-# check your project for potential problems
-$ pnpm run doctor
-```
-
-## LICENSE
-
-MIT
+# @trionesdev/antd-taro-react
+
+[![NPM version](https://img.shields.io/npm/v/@trionesdev/antd-mobile-react.svg?style=flat)](https://npmjs.org/package/@trionesdev/antd-mobile-react)
+[![NPM downloads](http://img.shields.io/npm/dm/@trionesdev/antd-mobile-react.svg?style=flat)](https://npmjs.org/package/@trionesdev/antd-mobile-react)
+
+antd mobile react 
+
+## Usage
+
+TODO
+
+## Options
+
+TODO
+
+## Development
+
+```bash
+# install dependencies
+$ pnpm install
+
+# develop library by docs demo
+$ pnpm start
+
+# build library source code
+$ pnpm run build
+
+# build library source code in watch mode
+$ pnpm run build:watch
+
+# build docs
+$ pnpm run docs:build
+
+# Locally preview the production build.
+$ pnpm run docs:preview
+
+# check your project for potential problems
+$ pnpm run doctor
+```
+
+## LICENSE
+
+MIT