From 9df9e24b63d2df7306198c9d7529fd7f7a333427 Mon Sep 17 00:00:00 2001
From: khtiana <khtiana@isoftstone.com>
Date: Mon, 1 Nov 2021 10:09:17 +0800
Subject: [PATCH 1/3] support dynamic element

---
 api/phone/@internal/document.d.ts  | 46 ++++++++++++++++++++++++++++++
 api/phone/@internal/index.d.ts     |  3 +-
 api/phone/@internal/viewmodel.d.ts | 21 ++++++++++++--
 3 files changed, 67 insertions(+), 3 deletions(-)
 create mode 100755 api/phone/@internal/document.d.ts

diff --git a/api/phone/@internal/document.d.ts b/api/phone/@internal/document.d.ts
new file mode 100755
index 0000000000..b3766e0e1a
--- /dev/null
+++ b/api/phone/@internal/document.d.ts
@@ -0,0 +1,46 @@
+/*
+ * Copyright (c) 2020 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export declare class document {
+  /**
+   * create Element.
+   * @param tagName is tagName.
+   */
+  static createElement(tagName: string): DynamicElement;
+
+}
+
+export interface DynamicElement {
+
+  /**
+   * setAttr to Element.
+   * @param eg{"src":"common/images/bg-tv.jpg"}.
+   */
+   setAttr(attrParmas: object): void;
+
+  /**
+   * setStyle to Element.
+   * @param eg{"width":"300px","height":"300px"}
+   */
+   setStyle(styleParmas: object): void;
+
+  /**
+   * append child to element(div)
+   * @param child element
+   */
+   appendChildren(child: DynamicElement): void;
+
+}
+
diff --git a/api/phone/@internal/index.d.ts b/api/phone/@internal/index.d.ts
index 8712a2be0c..2752a2a8c3 100755
--- a/api/phone/@internal/index.d.ts
+++ b/api/phone/@internal/index.d.ts
@@ -16,4 +16,5 @@
 export * from './viewmodel';
 export * from './featureability';
 export * from './console';
-export * from './global';
\ No newline at end of file
+export * from './global';
+export * from './document';
\ No newline at end of file
diff --git a/api/phone/@internal/viewmodel.d.ts b/api/phone/@internal/viewmodel.d.ts
index 190c9970a1..f78bf69818 100755
--- a/api/phone/@internal/viewmodel.d.ts
+++ b/api/phone/@internal/viewmodel.d.ts
@@ -461,6 +461,21 @@ export interface ButtonElement extends Element {
   setProgress(param: { progress: number }): void;
 }
 
+/**
+ * The <button> component includes capsule, circle, text, arc, and download buttons.
+ */
+export interface DivElement extends Element {
+  /**
+   * Progress bar of the download button.
+   * The value ranges from 0 to 100. The progress bar is displayed if the value is greater than 0.
+   * If the value is greater than or equal to 100, the progress bar is not displayed.
+   * NOTE
+   * The text displayed on the progress bar is changed based on the value.
+   * @param param
+   */
+  appendChildren(param: { child: object }): void;
+}
+
 /**
  * The <textarea> component provides an interactive interface to receive user input, which is displayed in multiple lines by default.
  */
@@ -1091,7 +1106,8 @@ export interface ViewModel {
     ButtonElement &
     TextAreaElement &
     PickerElement &
-    VideoElement;
+    VideoElement &
+    DivElement;
 
   /**
    * Obtains the root ViewModel instance.
@@ -1145,7 +1161,8 @@ export interface ElementReferences {
     ButtonElement &
     TextAreaElement &
     PickerElement &
-    VideoElement;
+    VideoElement &
+    DivElement;
 }
 
 export interface Options<T extends ViewModel, Data = DefaultData<T>> {
-- 
Gitee


From ef0feb6c5525dcbc6268548a7e15f67c7720a8d1 Mon Sep 17 00:00:00 2001
From: khtiana <khtiana@isoftstone.com>
Date: Mon, 1 Nov 2021 10:23:25 +0800
Subject: [PATCH 2/3] remove DivElement

---
 api/phone/@internal/viewmodel.d.ts | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/api/phone/@internal/viewmodel.d.ts b/api/phone/@internal/viewmodel.d.ts
index f78bf69818..80eac8edaa 100755
--- a/api/phone/@internal/viewmodel.d.ts
+++ b/api/phone/@internal/viewmodel.d.ts
@@ -1106,8 +1106,7 @@ export interface ViewModel {
     ButtonElement &
     TextAreaElement &
     PickerElement &
-    VideoElement &
-    DivElement;
+    VideoElement;
 
   /**
    * Obtains the root ViewModel instance.
@@ -1161,8 +1160,7 @@ export interface ElementReferences {
     ButtonElement &
     TextAreaElement &
     PickerElement &
-    VideoElement &
-    DivElement;
+    VideoElement;
 }
 
 export interface Options<T extends ViewModel, Data = DefaultData<T>> {
@@ -1226,4 +1224,4 @@ type CombinedOptions<T extends ViewModel, Data> = object &
   ThisType<T & ViewModel & Data>;
 export declare function extendViewModel<T extends ViewModel, Data>(
   options: CombinedOptions<T, Data>
-): ViewModel & Data;
\ No newline at end of file
+): ViewModel & Data;
-- 
Gitee


From 0c29694a1b9e20f72893a78c7fc7d49dee9aa0d3 Mon Sep 17 00:00:00 2001
From: khtiana <khtiana@isoftstone.com>
Date: Mon, 1 Nov 2021 10:29:56 +0800
Subject: [PATCH 3/3] merge DivElement

---
 api/phone/@internal/viewmodel.d.ts | 20 +++++---------------
 1 file changed, 5 insertions(+), 15 deletions(-)

diff --git a/api/phone/@internal/viewmodel.d.ts b/api/phone/@internal/viewmodel.d.ts
index e207345c7e..9a875a1cbe 100644
--- a/api/phone/@internal/viewmodel.d.ts
+++ b/api/phone/@internal/viewmodel.d.ts
@@ -732,21 +732,6 @@ export interface ButtonElement extends Element {
   setProgress(param: { progress: number }): void;
 }
 
-/**
- * The <button> component includes capsule, circle, text, arc, and download buttons.
- */
-export interface DivElement extends Element {
-  /**
-   * Progress bar of the download button.
-   * The value ranges from 0 to 100. The progress bar is displayed if the value is greater than 0.
-   * If the value is greater than or equal to 100, the progress bar is not displayed.
-   * NOTE
-   * The text displayed on the progress bar is changed based on the value.
-   * @param param
-   */
-  appendChildren(param: { child: object }): void;
-}
-
 /**
  * The <textarea> component provides an interactive interface to receive user input, which is displayed in multiple lines by default.
  */
@@ -2041,6 +2026,11 @@ export interface DivElement extends Element {
    * Returns the offset of the current scrolling. The return value type is Object.
    */
   getScrollOffset(): ScrollOffset;
+
+  /**
+   * append a child, support dynamic add element.
+   */
+  appendChildren(param: { child: object }): void;
 }
 
 export interface Application {
-- 
Gitee