@rsmax/wechat 1.3.14 → 2.0.0-canary.91

package/cjs/hostComponents/StoreHome/node.d.ts

@@ -0,0 +1,8 @@
+export declare const alias: {
+    id: string;
+    className: string;
+    style: string;
+    animation: string;
+    appid: string;
+};
+export declare const props: string[];

package/cjs/hostComponents/StoreHome/node.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.props = exports.alias = void 0;
+exports.alias = {
+    id: 'id',
+    className: 'class',
+    style: 'style',
+    animation: 'animation',
+    appid: 'appid',
+};
+exports.props = Object.values(exports.alias);

package/cjs/hostComponents/StoreProduct/index.d.ts

@@ -0,0 +1,28 @@
+import type React from 'react';
+import type { BaseProps, GenericEvent } from '../../types/component';
+export interface StoreProductProps extends BaseProps {
+    /** 小店appid 3.5.5 */
+    appid?: string;
+    /** 商品id 3.5.5 */
+    productId?: string;
+    /** 带货商品跟佣信息 3.5.5 */
+    productPromotionLink?: string;
+    /** 媒体文件id 3.7.1 */
+    mediaId?: string;
+    /** 自定义样式 3.7.1 */
+    customStyle?: Record<string, string | number>;
+    /** 开启自定义插槽 3.7.2 */
+    customContent?: boolean;
+    /** 设置点击打开的页面（同时开启 custom-content 后生效）3.7.4 */
+    openPage?: 'product-detail' | 'gift-product-detail' | 'buy';
+    /** 设置小店标识的位置（同时开启 custom-content 后生效）3.7.2 */
+    logoPosition?: 'bottom-left' | 'bottom-right';
+    /** 跳转小店成功的回调 3.7.1 */
+    onEnterSuccess?: (event: GenericEvent) => void;
+    /** 跳转小店失败的回调，event.detail={code,message} 3.7.1 */
+    onEnterError?: (event: GenericEvent) => void;
+}
+/**
+ * https://developers.weixin.qq.com/miniprogram/dev/component/store-product.html
+ */
+export declare const StoreProduct: React.ComponentType<StoreProductProps>;

package/cjs/hostComponents/StoreProduct/index.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StoreProduct = void 0;
+const runtime_1 = require("@rsmax/runtime");
+/**
+ * https://developers.weixin.qq.com/miniprogram/dev/component/store-product.html
+ */
+exports.StoreProduct = (0, runtime_1.createHostComponent)('store-product');
+exports.StoreProduct.defaultProps = {
+    customContent: false,
+    openPage: 'product-detail',
+    logoPosition: 'bottom-left',
+};

package/cjs/hostComponents/StoreProduct/node.d.ts

@@ -0,0 +1,17 @@
+export declare const alias: {
+    id: string;
+    className: string;
+    style: string;
+    animation: string;
+    appid: string;
+    productId: string;
+    productPromotionLink: string;
+    mediaId: string;
+    customStyle: string;
+    customContent: string;
+    openPage: string;
+    logoPosition: string;
+    onEnterSuccess: string;
+    onEnterError: string;
+};
+export declare const props: string[];

package/cjs/hostComponents/StoreProduct/node.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.props = exports.alias = void 0;
+exports.alias = {
+    id: 'id',
+    className: 'class',
+    style: 'style',
+    animation: 'animation',
+    appid: 'appid',
+    productId: 'product-id',
+    productPromotionLink: 'product-promotion-link',
+    mediaId: 'media-id',
+    customStyle: 'custom-style',
+    customContent: 'custom-content',
+    openPage: 'open-page',
+    logoPosition: 'logo-position',
+    onEnterSuccess: 'bindentersuccess',
+    onEnterError: 'bindentererror',
+};
+exports.props = Object.values(exports.alias);

package/cjs/hostComponents/index.d.ts

@@ -53,3 +53,21 @@ export * from './AdCustom';
 export * from './PageMeta';
 export * from './NavigationBar';
 export * from './Selection';
+export * from './OfficialAccountPublish';
+export * from './StoreCoupon';
+export * from './StoreGift';
+export * from './StoreHome';
+export * from './StoreProduct';
+export * from './DraggableSheet';
+export * from './GridBuilder';
+export * from './ListView';
+export * from './ListBuilder';
+export * from './GridView';
+export * from './OpenContainer';
+export * from './NestedScrollBody';
+export * from './OpenDataList';
+export * from './OpenDataItem';
+export * from './StickyHeader';
+export * from './StickySection';
+export * from './Span';
+export * from './NestedScrollHeader';

package/cjs/hostComponents/index.js

@@ -69,3 +69,21 @@ __exportStar(require("./AdCustom"), exports);
 __exportStar(require("./PageMeta"), exports);
 __exportStar(require("./NavigationBar"), exports);
 __exportStar(require("./Selection"), exports);
+__exportStar(require("./OfficialAccountPublish"), exports);
+__exportStar(require("./StoreCoupon"), exports);
+__exportStar(require("./StoreGift"), exports);
+__exportStar(require("./StoreHome"), exports);
+__exportStar(require("./StoreProduct"), exports);
+__exportStar(require("./DraggableSheet"), exports);
+__exportStar(require("./GridBuilder"), exports);
+__exportStar(require("./ListView"), exports);
+__exportStar(require("./ListBuilder"), exports);
+__exportStar(require("./GridView"), exports);
+__exportStar(require("./OpenContainer"), exports);
+__exportStar(require("./NestedScrollBody"), exports);
+__exportStar(require("./OpenDataList"), exports);
+__exportStar(require("./OpenDataItem"), exports);
+__exportStar(require("./StickyHeader"), exports);
+__exportStar(require("./StickySection"), exports);
+__exportStar(require("./Span"), exports);
+__exportStar(require("./NestedScrollHeader"), exports);

package/cjs/hostComponents/node.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 const ad = __importStar(require("./Ad/node"));
 const adCustom = __importStar(require("./AdCustom/node"));
@@ -29,8 +39,8 @@ const audio = __importStar(require("./Audio/node"));
 const button = __importStar(require("./Button/node"));
 const camera = __importStar(require("./Camera/node"));
 const canvas = __importStar(require("./Canvas/node"));
-const channelLive = __importStar(require("./ChannelLive"));
-const channelVideo = __importStar(require("./ChannelVideo"));
+const channelLive = __importStar(require("./ChannelLive/node"));
+const channelVideo = __importStar(require("./ChannelVideo/node"));
 const checkbox = __importStar(require("./Checkbox/node"));
 const checkboxGroup = __importStar(require("./CheckboxGroup/node"));
 const coverImage = __importStar(require("./CoverImage/node"));
@@ -65,10 +75,10 @@ const radioGroup = __importStar(require("./RadioGroup/node"));
 const richText = __importStar(require("./RichText/node"));
 const rootPortal = __importStar(require("./RootPortal/node"));
 const scrollView = __importStar(require("./ScrollView/node"));
-const selection = __importStar(require("./Selection"));
+const selection = __importStar(require("./Selection/node"));
 const shareElement = __importStar(require("./ShareElement/node"));
 const slider = __importStar(require("./Slider/node"));
-const snapshot = __importStar(require("./Snapshot"));
+const snapshot = __importStar(require("./Snapshot/node"));
 const swiper = __importStar(require("./Swiper/node"));
 const swiperItem = __importStar(require("./SwiperItem/node"));
 const switchComponent = __importStar(require("./Switch/node"));

package/cjs/index.d.ts

@@ -1,3 +1,2 @@
-export * from './hostComponents';
-export * from './api';
-export * from './types';
+export * as component from './hostComponents';
+export * as types from './types';

package/cjs/index.js

@@ -10,10 +10,29 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
 }));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./hostComponents"), exports);
-__exportStar(require("./api"), exports);
-__exportStar(require("./types"), exports);
+exports.types = exports.component = void 0;
+exports.component = __importStar(require("./hostComponents"));
+exports.types = __importStar(require("./types"));

package/cjs/node/index.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/esm/hostComponents/ChannelLive/node.d.ts

@@ -1,2 +1,9 @@
-export declare const alias: {};
-export declare const props: unknown[];
+export declare const alias: {
+    id: string;
+    className: string;
+    style: string;
+    animation: string;
+    feedId: string;
+    finderUserName: string;
+};
+export declare const props: string[];

package/esm/hostComponents/ChannelLive/node.js

@@ -1,2 +1,9 @@
-export const alias = {};
+export const alias = {
+    id: 'id',
+    className: 'class',
+    style: 'style',
+    animation: 'animation',
+    feedId: 'feed-id',
+    finderUserName: 'finder-user-name',
+};
 export const props = Object.values(alias);

package/esm/hostComponents/ChannelVideo/index.d.ts

@@ -25,8 +25,8 @@ export interface ChannelVideoProps extends BaseProps {
     feedToken?: string;
     autoplay?: boolean;
     loop?: boolean;
-    muted?: 'contain' | 'fill' | 'cover';
-    objectFit?: boolean;
+    muted?: boolean;
+    objectFit?: 'contain' | 'fill' | 'cover';
 }
 /**
  * @see https://developers.weixin.qq.com/miniprogram/dev/component/checkbox.html

package/esm/hostComponents/ChannelVideo/index.js

@@ -2,12 +2,13 @@ import { createHostComponent } from '@rsmax/runtime';
 /**
  * @see https://developers.weixin.qq.com/miniprogram/dev/component/checkbox.html
  */
-export const ChannelVideo = createHostComponent('channel-live');
+export const ChannelVideo = createHostComponent('channel-video');
 ChannelVideo.defaultProps = {
     feedId: '',
     finderUserName: '',
     feedToken: '',
     autoplay: true,
     loop: false,
-    muted: 'contain',
+    muted: false,
+    objectFit: 'contain',
 };

package/esm/hostComponents/ChannelVideo/node.d.ts

@@ -1,4 +1,15 @@
 export declare const alias: {
+    id: string;
+    className: string;
+    style: string;
+    animation: string;
+    feedId: string;
+    finderUserName: string;
+    feedToken: string;
+    autoplay: string;
+    loop: string;
+    muted: string;
+    objectFit: string;
     onError: string;
 };
 export declare const props: string[];

package/esm/hostComponents/ChannelVideo/node.js

@@ -1,4 +1,15 @@
 export const alias = {
+    id: 'id',
+    className: 'class',
+    style: 'style',
+    animation: 'animation',
+    feedId: 'feed-id',
+    finderUserName: 'finder-user-name',
+    feedToken: 'feed-token',
+    autoplay: 'autoplay',
+    loop: 'loop',
+    muted: 'muted',
+    objectFit: 'object-fit',
     onError: 'binderror',
 };
 export const props = Object.values(alias);

package/esm/hostComponents/DraggableSheet/index.d.ts

@@ -0,0 +1,24 @@
+import type * as React from 'react';
+import type { BaseProps } from '../../types/component';
+/**
+ * Skyline 半屏可拖拽组件，仅 Skyline 支持
+ * https://developers.weixin.qq.com/miniprogram/dev/component/draggable-sheet.html
+ */
+export interface DraggableSheetProps extends BaseProps {
+    /** 初始时占父容器的比例 3.2.0 */
+    initialChildSize?: number;
+    /** 最小时占父容器的比例 3.2.0 */
+    minChildSize?: number;
+    /** 最大时占父容器的比例 3.2.0 */
+    maxChildSize?: number;
+    /** 拖拽后是否自动对齐关键点 3.2.0 */
+    snap?: boolean;
+    /** 拖拽后对齐的关键点，无需包含最小和最大值 3.2.0 */
+    snapSizes?: number[];
+    /** 尺寸发生变化时触发（仅支持 worklet 回调）event = {pixels, size} 3.2.0 */
+    workletOnSizeUpdate?: (event: {
+        pixels: number;
+        size: number;
+    }) => void;
+}
+export declare const DraggableSheet: React.ComponentType<DraggableSheetProps>;

package/esm/hostComponents/DraggableSheet/index.js

@@ -0,0 +1,9 @@
+import { createHostComponent } from '@rsmax/runtime';
+export const DraggableSheet = createHostComponent('draggable-sheet');
+DraggableSheet.defaultProps = {
+    initialChildSize: 0.5,
+    minChildSize: 0.25,
+    maxChildSize: 1.0,
+    snap: false,
+    snapSizes: [],
+};

package/esm/hostComponents/DraggableSheet/node.d.ts

@@ -0,0 +1,13 @@
+export declare const alias: {
+    id: string;
+    className: string;
+    style: string;
+    animation: string;
+    initialChildSize: string;
+    minChildSize: string;
+    maxChildSize: string;
+    snap: string;
+    snapSizes: string;
+    workletOnSizeUpdate: string;
+};
+export declare const props: string[];

package/esm/hostComponents/DraggableSheet/node.js

@@ -0,0 +1,13 @@
+export const alias = {
+    id: 'id',
+    className: 'class',
+    style: 'style',
+    animation: 'animation',
+    initialChildSize: 'initial-child-size',
+    minChildSize: 'min-child-size',
+    maxChildSize: 'max-child-size',
+    snap: 'snap',
+    snapSizes: 'snap-sizes',
+    workletOnSizeUpdate: 'worklet:onsizeupdate',
+};
+export const props = Object.values(alias);

package/esm/hostComponents/EditorPortal/index.d.ts

@@ -1,10 +1,10 @@
 import type React from 'react';
 import type { BaseProps } from '../../types/component';
-export interface EditorPortal extends BaseProps {
-    key: string;
+export interface EditorPortalProps extends BaseProps {
+    portalKey: string;
 }
 /**
  * 3.7.11
  * @see https://developers.weixin.qq.com/miniprogram/dev/component/editor-portal.html
  */
-export declare const EditorPortal: React.ComponentType<EditorPortal>;
+export declare const EditorPortal: React.ComponentType<EditorPortalProps>;

package/esm/hostComponents/EditorPortal/index.js

@@ -4,6 +4,3 @@ import { createHostComponent } from '@rsmax/runtime';
  * @see https://developers.weixin.qq.com/miniprogram/dev/component/editor-portal.html
  */
 export const EditorPortal = createHostComponent('editor-portal');
-EditorPortal.defaultProps = {
-    key: '',
-};

package/esm/hostComponents/FunctionalPageNavigator/node.d.ts

@@ -1,8 +1,13 @@
 export declare const alias: {
+    id: string;
+    className: string;
+    style: string;
+    animation: string;
     version: string;
     name: string;
     args: string;
     onSuccess: string;
     onFail: string;
+    onCancel: string;
 };
 export declare const props: string[];

package/esm/hostComponents/FunctionalPageNavigator/node.js

@@ -1,8 +1,13 @@
 export const alias = {
+    id: 'id',
+    className: 'class',
+    style: 'style',
+    animation: 'animation',
     version: 'version',
     name: 'name',
     args: 'args',
     onSuccess: 'bindsuccess',
     onFail: 'bindfail',
+    onCancel: 'bindcancel',
 };
 export const props = Object.values(alias);

package/esm/hostComponents/GridBuilder/index.d.ts

@@ -0,0 +1,29 @@
+import type * as React from 'react';
+import type { BaseProps, GenericEvent } from '../../types/component';
+/**
+ * Skyline 网格构造器，仅 Skyline 支持
+ * https://developers.weixin.qq.com/miniprogram/dev/component/grid-builder.html
+ */
+export interface GridBuilderProps extends BaseProps {
+    /** 内边距，按 top、right、bottom、left 顺序 3.4.0 */
+    padding?: [number, number, number, number];
+    /** 用于渲染的列表 3.4.0 */
+    list?: unknown[];
+    /** 完整列表的长度，不传则取 list 的长度 3.4.0 */
+    childCount?: number;
+    /** 布局方式 aligned/masonry 3.4.0 */
+    type?: 'aligned' | 'masonry';
+    /** 交叉轴元素数量 3.4.0 */
+    crossAxisCount?: number;
+    /** 交叉轴元素最大范围 3.4.0 */
+    maxCrossAxisExtent?: number;
+    /** 主轴方向间隔 3.4.0 */
+    mainAxisGap?: number;
+    /** 交叉轴方向间隔 3.4.0 */
+    crossAxisGap?: number;
+    /** 列表项创建时触发 event.detail = {index} 3.4.0 */
+    onItemBuild?: (event: GenericEvent) => void;
+    /** 列表项回收时触发 event.detail = {index} 3.4.0 */
+    onItemDispose?: (event: GenericEvent) => void;
+}
+export declare const GridBuilder: React.ComponentType<GridBuilderProps>;

package/esm/hostComponents/GridBuilder/index.js

@@ -0,0 +1,6 @@
+import { createHostComponent } from '@rsmax/runtime';
+export const GridBuilder = createHostComponent('grid-builder');
+GridBuilder.defaultProps = {
+    type: 'aligned',
+    padding: [0, 0, 0, 0],
+};

package/esm/hostComponents/GridBuilder/node.d.ts

@@ -0,0 +1,17 @@
+export declare const alias: {
+    id: string;
+    className: string;
+    style: string;
+    animation: string;
+    padding: string;
+    list: string;
+    childCount: string;
+    type: string;
+    crossAxisCount: string;
+    maxCrossAxisExtent: string;
+    mainAxisGap: string;
+    crossAxisGap: string;
+    onItemBuild: string;
+    onItemDispose: string;
+};
+export declare const props: string[];

package/esm/hostComponents/GridBuilder/node.js

@@ -0,0 +1,17 @@
+export const alias = {
+    id: 'id',
+    className: 'class',
+    style: 'style',
+    animation: 'animation',
+    padding: 'padding',
+    list: 'list',
+    childCount: 'child-count',
+    type: 'type',
+    crossAxisCount: 'cross-axis-count',
+    maxCrossAxisExtent: 'max-cross-axis-extent',
+    mainAxisGap: 'main-axis-gap',
+    crossAxisGap: 'cross-axis-gap',
+    onItemBuild: 'binditembuild',
+    onItemDispose: 'binditemdispose',
+};
+export const props = Object.values(alias);

package/esm/hostComponents/GridView/index.d.ts

@@ -0,0 +1,21 @@
+import type * as React from 'react';
+import type { BaseProps } from '../../types/component';
+/**
+ * Skyline 网格/瀑布流布局容器
+ * https://developers.weixin.qq.com/miniprogram/dev/component/grid-view.html
+ */
+export interface GridViewProps extends BaseProps {
+    /** 布局方式 aligned/masonry */
+    type?: 'aligned' | 'masonry';
+    /** 交叉轴元素数量 */
+    crossAxisCount?: number;
+    /** 交叉轴元素最大范围 */
+    maxCrossAxisExtent?: number;
+    /** 主轴方向间隔 */
+    mainAxisGap?: number;
+    /** 交叉轴方向间隔 */
+    crossAxisGap?: number;
+    /** 内边距，按 top、right、bottom、left 顺序 3.0.0 */
+    padding?: [number, number, number, number];
+}
+export declare const GridView: React.ComponentType<GridViewProps>;

package/esm/hostComponents/GridView/index.js

@@ -0,0 +1,6 @@
+import { createHostComponent } from '@rsmax/runtime';
+export const GridView = createHostComponent('grid-view');
+GridView.defaultProps = {
+    type: 'aligned',
+    padding: [0, 0, 0, 0],
+};

package/esm/hostComponents/GridView/node.d.ts

@@ -0,0 +1,13 @@
+export declare const alias: {
+    id: string;
+    className: string;
+    style: string;
+    animation: string;
+    type: string;
+    crossAxisCount: string;
+    maxCrossAxisExtent: string;
+    mainAxisGap: string;
+    crossAxisGap: string;
+    padding: string;
+};
+export declare const props: string[];

package/esm/hostComponents/GridView/node.js

@@ -0,0 +1,13 @@
+export const alias = {
+    id: 'id',
+    className: 'class',
+    style: 'style',
+    animation: 'animation',
+    type: 'type',
+    crossAxisCount: 'cross-axis-count',
+    maxCrossAxisExtent: 'max-cross-axis-extent',
+    mainAxisGap: 'main-axis-gap',
+    crossAxisGap: 'cross-axis-gap',
+    padding: 'padding',
+};
+export const props = Object.values(alias);

package/esm/hostComponents/Input/node.d.ts

@@ -3,7 +3,7 @@ export declare const alias: {
     autoFocus: string;
     className: string;
     focus: string;
-    alwayEmbed: string;
+    alwaysEmbed: string;
     name: string;
     maxlength: string;
     value: string;
@@ -17,6 +17,7 @@ export declare const alias: {
     selectionStart: string;
     selectionEnd: string;
     adjustPosition: string;
+    holdKeyboard: string;
     placeholder: string;
     placeholderStyle: string;
     placeholderClass: string;