From f588fdd11772f08d4942f197ed7d4a97ec2cdace Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=A5=9D=E4=B9=94=E6=9E=97?= Date: Fri, 5 Jul 2024 18:36:54 +0800 Subject: [PATCH 01/10] =?UTF-8?q?docs:=20[Issues:=20#IAADKA]=20=E6=8C=890.?= =?UTF-8?q?2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D=E4=BD=9C?= =?UTF-8?q?=E6=96=87=E6=A1=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- zh-cn/react-native-clippath.md | 12 ++++++++++-- 1 file changed, 10 insertions(+), 2 deletions(-) diff --git a/zh-cn/react-native-clippath.md b/zh-cn/react-native-clippath.md index 36c6f921..43bf594b 100644 --- a/zh-cn/react-native-clippath.md +++ b/zh-cn/react-native-clippath.md @@ -1,15 +1,19 @@ -> 模板版本：v0.2.0 +> 模板版本：v0.2.2

react-native-clippath

- + + Supported platforms + + License

+ > [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-clippath) ## 安装与使用 @@ -70,6 +74,10 @@ export default function index() { 1. RNOH: 0.72.26; SDK: HarmonyOS-NEXT-DP2; IDE: DevEco Studio 5.0.3.29; ROM: 205.0.0.18; 2. RNOH: 0.72.26; SDK: armonyOS NEXT Developer preview2、5.0.0.22(API Version 12 Canary3); IDE: DevEco Studio: 5.0.3.300；ROM: 3.0.0.22; +## 使用 Codegen + +本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。 + ## Link 目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。 -- Gitee From 758a84533bffdf506256270ec782c50f02846a27 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=A5=9D=E4=B9=94=E6=9E=97?= Date: Fri, 5 Jul 2024 20:56:58 +0800 Subject: [PATCH 02/10] =?UTF-8?q?docs:=20[Issues:=20#IAADKA]=20=E6=8C=890.?= =?UTF-8?q?2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D=E4=BD=9C?= =?UTF-8?q?=E6=96=87=E6=A1=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- zh-cn/react-native-clippath.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/zh-cn/react-native-clippath.md b/zh-cn/react-native-clippath.md index 43bf594b..dd6deb96 100644 --- a/zh-cn/react-native-clippath.md +++ b/zh-cn/react-native-clippath.md @@ -219,7 +219,7 @@ ohpm install ## 开源协议 -本项目基于 [MIT License](https://github.com/react-native-oh-library/react-native-clippath/blob/sig/LICENSE) ，请自由地享受和参与开源。 +本项目基于 [MIT License](https://github.com/Only-IceSoul/react-native-clippath/blob/main/LICENSE) ，请自由地享受和参与开源。 --- -- Gitee From b6bab4be5e0f76201fb1bbb945d964d20e697470 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=A5=9D=E4=B9=94=E6=9E=97?= Date: Mon, 8 Jul 2024 14:09:59 +0800 Subject: [PATCH 03/10] =?UTF-8?q?docs:=20[Issues:=20#IAADKA]=20=E6=8C=890.?= =?UTF-8?q?2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D=E4=BD=9C?= =?UTF-8?q?=E6=96=87=E6=A1=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- zh-cn/react-native-clippath.md | 9 +++------ 1 file changed, 3 insertions(+), 6 deletions(-) diff --git a/zh-cn/react-native-clippath.md b/zh-cn/react-native-clippath.md index dd6deb96..4d19dc26 100644 --- a/zh-cn/react-native-clippath.md +++ b/zh-cn/react-native-clippath.md @@ -63,17 +63,14 @@ export default function index() { } ``` -## 兼容性 +## 约束与限制 + +### 兼容性 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。 请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[ Releases](https://github.com/react-native-oh-library/react-native-clippath/releases) -本文档内容基于以下版本验证通过： - -1. RNOH: 0.72.26; SDK: HarmonyOS-NEXT-DP2; IDE: DevEco Studio 5.0.3.29; ROM: 205.0.0.18; -2. RNOH: 0.72.26; SDK: armonyOS NEXT Developer preview2、5.0.0.22(API Version 12 Canary3); IDE: DevEco Studio: 5.0.3.300；ROM: 3.0.0.22; - ## 使用 Codegen 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。 -- Gitee From fdf5feb564c047363f270b2632c9437e0280d841 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=A5=9D=E4=B9=94=E6=9E=97?= Date: Mon, 15 Jul 2024 16:09:02 +0800 Subject: [PATCH 04/10] =?UTF-8?q?docs:=20[Issues:=20#IAADKA]=20=E6=8C=890.?= =?UTF-8?q?2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D=E4=BD=9C?= =?UTF-8?q?=E6=96=87=E6=A1=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- zh-cn/react-native-clippath.md | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/zh-cn/react-native-clippath.md b/zh-cn/react-native-clippath.md index 4d19dc26..15f5e352 100644 --- a/zh-cn/react-native-clippath.md +++ b/zh-cn/react-native-clippath.md @@ -2,7 +2,7 @@ > 模板版本：v0.2.2

-

react-native-clippath

+

react-native-clippathview

@@ -14,6 +14,7 @@

+ > [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-clippath) ## 安装与使用 @@ -216,7 +217,7 @@ ohpm install ## 开源协议 -本项目基于 [MIT License](https://github.com/Only-IceSoul/react-native-clippath/blob/main/LICENSE) ，请自由地享受和参与开源。 +本项目基于 [The MIT License (MIT)](https://github.com/Only-IceSoul/react-native-clippath/blob/main/LICENSE) ，请自由地享受和参与开源。 --- -- Gitee From 49b776cc0f945931f5087cb11ab6eb8c88030a6e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=A5=9D=E4=B9=94=E6=9E=97?= Date: Mon, 15 Jul 2024 16:32:53 +0800 Subject: [PATCH 05/10] =?UTF-8?q?docs:=20[Issues:=20#IAADKA]=20=E6=8C=890.?= =?UTF-8?q?2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D=E4=BD=9C?= =?UTF-8?q?=E6=96=87=E6=A1=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- zh-cn/{react-native-clippath.md => react-native-clippathview.md} | 0 1 file changed, 0 insertions(+), 0 deletions(-) rename zh-cn/{react-native-clippath.md => react-native-clippathview.md} (100%) diff --git a/zh-cn/react-native-clippath.md b/zh-cn/react-native-clippathview.md similarity index 100% rename from zh-cn/react-native-clippath.md rename to zh-cn/react-native-clippathview.md -- Gitee From 18319e345b356587e033c3ef0899ffc1b7f8088d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=A5=9D=E4=B9=94=E6=9E=97?= Date: Mon, 15 Jul 2024 17:26:45 +0800 Subject: [PATCH 06/10] =?UTF-8?q?docs:=20[Issues:=20#IAADKA]=20=E6=8C=890.?= =?UTF-8?q?2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D=E4=BD=9C?= =?UTF-8?q?=E6=96=87=E6=A1=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- zh-cn/react-native-clippathview.md | 58 +++++++++++++++--------------- 1 file changed, 29 insertions(+), 29 deletions(-) diff --git a/zh-cn/react-native-clippathview.md b/zh-cn/react-native-clippathview.md index 15f5e352..324a0a61 100644 --- a/zh-cn/react-native-clippathview.md +++ b/zh-cn/react-native-clippathview.md @@ -179,35 +179,35 @@ ohpm install > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。 -| Name | Description | Type | Required | Platform | HarmonyOS Support | -| -------------------- | -------------------------------------------------------------------------------------------------------------- | ----------------- | -------- | ----------- | ----------------- | -| svgKey | 唯一 key | string | No | IOS/Android | Yes | -| d | 形状由一系列命令定义（svg path data） | string | No | IOS/Android | Yes | -| viewBox | 定义用户空间中的位置和维度 | Array(4) | No | IOS/Android | Yes | -| align | preserveAspectRatio 属性的 align | string | No | IOS/Android | No | -| aspect | preserveAspectRatio 属性的 meetOrSlice | meet/slice/none | No | IOS/Android | No | -| fillRule | 路径内部填充规则 | nonzero/evenodd | No | IOS/Android | No | -| strokeWidth | 路径描边宽度 | number | No | IOS/Android | Yes | -| strokeCap | 开放路径两端的形状 | butt/round/square | No | IOS/Android | Yes | -| strokeJoin | 路径转角处使用的形状 | bevel/miter/round | No | IOS/Android | Yes | -| strokeMiter | strokeJoin 值是 miter，设置夹角延伸 | number | No | IOS/Android | Yes | -| strokeStart | IOS CAShapeLayer 描线开始的地方占总路径的百分比。默认值是 0。 | number | No | IOS/Android | No | -| strokeEnd | IOS CAShapeLayer 表示绘制结束的地方站总路径的百分比。默认值是 1，如果小于等于 strokeStart 则绘制不出任何内容。 | number | No | IOS/Android | No | -| translateZ | 设置定位层级，相当于 index | number | No | IOS/Android | Yes | -| transX | 在二维平面上水平方向移动元素 | number | No | IOS/Android | Yes | -| transY | 在二维平面上垂直方向移动元素 | number | No | IOS/Android | Yes | -| transPercentageValue | transX、transY 使用百分比 | boolean | No | IOS/Android | Yes | -| rot | 元素围绕一个定点旋转 | number | No | IOS/Android | Yes | -| rotOx | 旋转中心点水平位置 | number | No | IOS/Android | Yes | -| rotOy | 旋转中心点垂直位置 | number | No | IOS/Android | Yes | -| rotPercentageValue | rotOx、rotOy 使用百分比 | boolean | No | IOS/Android | Yes | -| sc | 放大或缩小元素 | number | No | IOS/Android | Yes | -| scX | 水平缩放 | number | No | IOS/Android | Yes | -| scY | 垂直缩放 | number | No | IOS/Android | Yes | -| scO | 缩放中心点位置 | number | No | IOS/Android | Yes | -| scOx | 缩放中心点水平位置 | number | No | IOS/Android | Yes | -| scOy | 缩放中心点垂直位置 | number | No | IOS/Android | Yes | -| scPercentageValue | scO、scOx、scOy 使用百分比 | boolean | No | IOS/Android | Yes | +| Name | Description | Type | Required | Platform | HarmonyOS Support | +| -------------------- | ------------------------------------------------------------ | ----------------- | -------- | ----------- | ----------------- | +| svgKey | 唯一 key | string | No | iOS/Android | Yes | +| d | 形状由一系列命令定义（svg path data） | string | No | iOS/Android | Yes | +| viewBox | 定义用户空间中的位置和维度 | Array(4) | No | iOS/Android | Yes | +| align | preserveAspectRatio 属性的 align | string | No | iOS/Android | No | +| aspect | preserveAspectRatio 属性的 meetOrSlice | meet/slice/none | No | iOS/Android | No | +| fillRule | 路径内部填充规则 | nonzero/evenodd | No | iOS/Android | No | +| strokeWidth | 路径描边宽度 | number | No | iOS/Android | Yes | +| strokeCap | 开放路径两端的形状 | butt/round/square | No | iOS/Android | Yes | +| strokeJoin | 路径转角处使用的形状 | bevel/miter/round | No | iOS/Android | Yes | +| strokeMiter | strokeJoin 值是 miter，设置夹角延伸 | number | No | iOS/Android | Yes | +| strokeStart | IOS CAShapeLayer 描线开始的地方占总路径的百分比。默认值是 0。 | number | No | iOS/Android | No | +| strokeEnd | IOS CAShapeLayer 表示绘制结束的地方站总路径的百分比。默认值是 1，如果小于等于 strokeStart 则绘制不出任何内容。 | number | No | iOS/Android | No | +| translateZ | 设置定位层级，相当于 index | number | No | iOS/Android | Yes | +| transX | 在二维平面上水平方向移动元素 | number | No | iOS/Android | Yes | +| transY | 在二维平面上垂直方向移动元素 | number | No | iOS/Android | Yes | +| transPercentageValue | transX、transY 使用百分比 | boolean | No | iOS/Android | Yes | +| rot | 元素围绕一个定点旋转 | number | No | iOS/Android | Yes | +| rotOx | 旋转中心点水平位置 | number | No | iOS/Android | Yes | +| rotOy | 旋转中心点垂直位置 | number | No | iOS/Android | Yes | +| rotPercentageValue | rotOx、rotOy 使用百分比 | boolean | No | iOS/Android | Yes | +| sc | 放大或缩小元素 | number | No | iOS/Android | Yes | +| scX | 水平缩放 | number | No | iOS/Android | Yes | +| scY | 垂直缩放 | number | No | iOS/Android | Yes | +| scO | 缩放中心点位置 | number | No | iOS/Android | Yes | +| scOx | 缩放中心点水平位置 | number | No | iOS/Android | Yes | +| scOy | 缩放中心点垂直位置 | number | No | iOS/Android | Yes | +| scPercentageValue | scO、scOx、scOy 使用百分比 | boolean | No | iOS/Android | Yes | ## 遗留问题 -- Gitee From 9ae9e51700fac309c77cbe3bb17e89a7cd7d1c97 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=A5=9D=E4=B9=94=E6=9E=97?= Date: Mon, 15 Jul 2024 17:36:12 +0800 Subject: [PATCH 07/10] =?UTF-8?q?docs:=20[Issues:=20#IAADKA]=20=E6=8C=890.?= =?UTF-8?q?2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D=E4=BD=9C?= =?UTF-8?q?=E6=96=87=E6=A1=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- zh-cn/react-native-clippathview.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/zh-cn/react-native-clippathview.md b/zh-cn/react-native-clippathview.md index 324a0a61..9919a05e 100644 --- a/zh-cn/react-native-clippathview.md +++ b/zh-cn/react-native-clippathview.md @@ -211,7 +211,7 @@ ohpm install ## 遗留问题 -部分属性目前版本暂不支持，具体参考属性表格 `HarmonyOS ` 列。 +- [ ] 部分属性目前版本暂不支持，具体参考属性表格 `HarmonyOS ` 列: [issue#\15](https://github.com/react-native-oh-library/react-native-clippath/issues/15) ## 其他 -- Gitee From e0317753c2bc2da9b0dc8d1541ebdec006c95a70 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=A5=9D=E4=B9=94=E6=9E=97?= Date: Wed, 24 Jul 2024 10:11:19 +0800 Subject: [PATCH 08/10] =?UTF-8?q?docs:=20[Issues:=20#IAADKA]=20=E6=8C=890.?= =?UTF-8?q?2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D=E4=BD=9C?= =?UTF-8?q?=E6=96=87=E6=A1=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- zh-cn/react-native-clippathview.md | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/zh-cn/react-native-clippathview.md b/zh-cn/react-native-clippathview.md index 9919a05e..42a5a703 100644 --- a/zh-cn/react-native-clippathview.md +++ b/zh-cn/react-native-clippathview.md @@ -19,7 +19,7 @@ ## 安装与使用 -请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-clippath Releases](https://github.com/react-native-oh-library/react-native-clippath/releases)，并下载适用版本的 tgz 包。 +请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-clippathview Releases](https://github.com/react-native-oh-library/react-native-clippath/releases)，并下载适用版本的 tgz 包。 进入到工程目录并输入以下命令： @@ -30,13 +30,13 @@ #### **npm** ```bash -npm install @react-native-oh-tpl/clip-path@file:# +npm install @react-native-oh-tpl/react-native-clippathview@file:# ``` #### **yarn** ```bash -yarn add @react-native-oh-tpl/clip-path@file:# +yarn add @react-native-oh-tpl/react-native-clippathview@file:# ``` @@ -70,7 +70,7 @@ export default function index() { 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[ Releases](https://github.com/react-native-oh-library/react-native-clippath/releases) +请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-clippathview Releases](https://github.com/react-native-oh-library/react-native-clippath/releases) ## 使用 Codegen @@ -98,7 +98,7 @@ export default function index() { ```json "dependencies": { "rnoh": "file:../rnoh", - "rnoh-clip-path": "file:../../node_modules/@react-native-oh-tpl/clip-path/harmony/clip_path.har", + "rnoh-clip-path-view": "file:../../node_modules/@react-native-oh-tpl/react-native-clippathview/harmony/clip_path.har", } ``` @@ -121,7 +121,7 @@ ohpm install ```diff ... -+ import { ClipPath } from 'rnoh-clip-path'; ++ import { ClipPath } from 'rnoh-clip-path-view'; @Builder function buildCustomComponent(ctx: ComponentBuilderContext) { @@ -150,7 +150,7 @@ function buildCustomComponent(ctx: ComponentBuilderContext) { ```diff import type {RNPackageContext, RNPackage} from 'rnoh/ts'; import {SamplePackage} from 'rnoh-sample-package/ts'; -+ import { ClipPathPackage } from 'rnoh-clip-path/ts' ++ import { ClipPathPackage } from 'rnoh-clip-path-view/ts' export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ -- Gitee From 7c8c5f5602bf93f5cca90fd3d90ad5c6911ccbc1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=A5=9D=E4=B9=94=E6=9E=97?= Date: Wed, 24 Jul 2024 10:42:53 +0800 Subject: [PATCH 09/10] =?UTF-8?q?docs:=20[Issues:=20#IAADKA]=20=E6=8C=890.?= =?UTF-8?q?2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D=E4=BD=9C?= =?UTF-8?q?=E6=96=87=E6=A1=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- zh-cn/react-native-clippathview.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/zh-cn/react-native-clippathview.md b/zh-cn/react-native-clippathview.md index 42a5a703..4e642083 100644 --- a/zh-cn/react-native-clippathview.md +++ b/zh-cn/react-native-clippathview.md @@ -98,7 +98,7 @@ export default function index() { ```json "dependencies": { "rnoh": "file:../rnoh", - "rnoh-clip-path-view": "file:../../node_modules/@react-native-oh-tpl/react-native-clippathview/harmony/clip_path.har", + "@react-native-oh-library/react-native-clippathview": "file:../../node_modules/@react-native-oh-tpl/react-native-clippathview/harmony/clip_path.har", } ``` -- Gitee From c0c5f42cd01383514526393462d2899ec8929528 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=A5=9D=E4=B9=94=E6=9E=97?= Date: Wed, 24 Jul 2024 15:18:58 +0800 Subject: [PATCH 10/10] =?UTF-8?q?docs:=20[Issues:=20#IAADKA]=20=E6=8C=890.?= =?UTF-8?q?2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9=E6=93=8D=E4=BD=9C?= =?UTF-8?q?=E6=96=87=E6=A1=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- zh-cn/react-native-clippathview.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/zh-cn/react-native-clippathview.md b/zh-cn/react-native-clippathview.md index 4e642083..fe79bbea 100644 --- a/zh-cn/react-native-clippathview.md +++ b/zh-cn/react-native-clippathview.md @@ -211,7 +211,7 @@ ohpm install ## 遗留问题 -- [ ] 部分属性目前版本暂不支持，具体参考属性表格 `HarmonyOS ` 列: [issue#\15](https://github.com/react-native-oh-library/react-native-clippath/issues/15) +- [ ] 部分属性目前版本暂不支持，具体参考属性表格 `HarmonyOS ` 列: [issue#15](https://github.com/react-native-oh-library/react-native-clippath/issues/15) ## 其他 -- Gitee