demo:optimize demo code

doric-js/bundle/doric-lib.js

@@ -1453,9 +1453,14 @@ function slideItem(item, config) {
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-function scroller(content) {
+function scroller(content, config) {
     return (new Scroller).also(v => {
         v.layoutConfig = layoutConfig().fit();
+        if (config) {
+            for (let key in config) {
+                Reflect.set(v, key, Reflect.get(config, key, config), v);
+            }
+        }
         v.content = content;
     });
 }

doric-js/bundle/doric-vm.js

@@ -2901,9 +2901,14 @@ function slideItem(item, config) {
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-function scroller(content) {
+function scroller(content, config) {
     return (new Scroller).also(v => {
         v.layoutConfig = layoutConfig().fit();
+        if (config) {
+            for (let key in config) {
+                Reflect.set(v, key, Reflect.get(config, key, config), v);
+            }
+        }
         v.content = content;
     });
 }

doric-js/index.d.ts

@@ -486,6 +486,9 @@ declare module 'doric/lib/src/widget/list' {
         renderItem: (index: number) => ListItem;
         itemCount: number;
         batchCount?: number;
+        onLoadMore?: () => void;
+        loadMore?: boolean;
+        loadMoreView?: ListItem;
     }
     export class List extends Superview implements IList {
         allSubviews(): IterableIterator<ListItem> | ListItem[];
@@ -538,9 +541,9 @@ declare module 'doric/lib/src/widget/slider' {
 
 declare module 'doric/lib/src/widget/scroller' {
     import { Superview, View, IView, NativeViewModel } from 'doric/lib/src/ui/view';
-    export function scroller(content: View): Scroller;
+    export function scroller(content: View, config?: IScroller): Scroller;
     export interface IScroller extends IView {
-        content: View;
+        content?: View;
     }
     export class Scroller extends Superview implements IScroller {
         content: View;
@@ -598,6 +601,9 @@ declare module 'doric/lib/src/widget/flowlayout' {
         columnCount?: number;
         columnSpace?: number;
         rowSpace?: number;
+        loadMore?: boolean;
+        onLoadMore?: () => void;
+        loadMoreView?: FlowLayoutItem;
     }
     export class FlowLayout extends Superview implements IFlowLayout {
         allSubviews(): IterableIterator<FlowLayoutItem> | FlowLayoutItem[];

doric-js/lib/src/widget/flowlayout.d.ts

@@ -16,6 +16,9 @@ export interface IFlowLayout extends IView {
     columnCount?: number;
     columnSpace?: number;
     rowSpace?: number;
+    loadMore?: boolean;
+    onLoadMore?: () => void;
+    loadMoreView?: FlowLayoutItem;
 }
 export declare class FlowLayout extends Superview implements IFlowLayout {
     private cachedViews;

doric-js/lib/src/widget/list.d.ts

@@ -13,6 +13,9 @@ export interface IList extends IView {
     renderItem: (index: number) => ListItem;
     itemCount: number;
     batchCount?: number;
+    onLoadMore?: () => void;
+    loadMore?: boolean;
+    loadMoreView?: ListItem;
 }
 export declare class List extends Superview implements IList {
     private cachedViews;

doric-js/lib/src/widget/scroller.d.ts

@@ -1,7 +1,7 @@
 import { Superview, View, IView, NativeViewModel } from '../ui/view';
-export declare function scroller(content: View): Scroller;
+export declare function scroller(content: View, config?: IScroller): Scroller;
 export interface IScroller extends IView {
-    content: View;
+    content?: View;
 }
 export declare class Scroller extends Superview implements IScroller {
     content: View;

doric-js/lib/src/widget/scroller.js

@@ -15,9 +15,14 @@
  */
 import { Superview } from '../ui/view';
 import { layoutConfig } from '../util/layoutconfig';
-export function scroller(content) {
+export function scroller(content, config) {
     return (new Scroller).also(v => {
         v.layoutConfig = layoutConfig().fit();
+        if (config) {
+            for (let key in config) {
+                Reflect.set(v, key, Reflect.get(config, key, config), v);
+            }
+        }
         v.content = content;
     });
 }

doric-js/package.json

@@ -6,10 +6,10 @@
   "types": "index.d.ts",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
-    "build": "tsc -d -p .&& rollup -c",
+    "build": "tsc -d -p .&& rollup -c && dts-bundle --configJson dts-bundle.json",
     "dev": "tsc -w -p . & rollup -c -w",
     "clean": "rm -rf build &&  rm -rf bundle",
-    "prepublish": "npm run build && dts-bundle --configJson dts-bundle.json"
+    "prepublish": "npm run build"
   },
   "repository": {
     "type": "https",
@@ -31,4 +31,4 @@
     "typescript": "^3.7.4",
     "ws": "^7.2.1"
   }
-}
+}

doric-js/src/widget/flowlayout.ts

@@ -42,6 +42,12 @@ export interface IFlowLayout extends IView {
     columnSpace?: number
 
     rowSpace?: number
+
+    loadMore?: boolean
+
+    onLoadMore?: () => void
+
+    loadMoreView?: FlowLayoutItem
 }
 
 export class FlowLayout extends Superview implements IFlowLayout {

doric-js/src/widget/list.ts

@@ -34,6 +34,9 @@ export interface IList extends IView {
     renderItem: (index: number) => ListItem
     itemCount: number
     batchCount?: number
+    onLoadMore?: () => void
+    loadMore?: boolean
+    loadMoreView?: ListItem
 }
 
 export class List extends Superview implements IList {

doric-js/src/widget/scroller.ts

@@ -16,15 +16,20 @@
 import { Superview, View, IView, NativeViewModel } from '../ui/view'
 import { layoutConfig } from '../util/layoutconfig'
 
-export function scroller(content: View) {
+export function scroller(content: View, config?: IScroller) {
     return (new Scroller).also(v => {
         v.layoutConfig = layoutConfig().fit()
+        if (config) {
+            for (let key in config) {
+                Reflect.set(v, key, Reflect.get(config, key, config), v)
+            }
+        }
         v.content = content
     })
 }
 
 export interface IScroller extends IView {
-    content: View
+    content?: View
 }
 
 export class Scroller extends Superview implements IScroller {