form-driver 0.1.0

package/types/ui/editor/basic/ASpecInputBox.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { BaseViewer } from '../../BaseViewer';
+/**
+ * 手机号/邮箱等输入框
+ * cnPhone/tel/email
+ */
+export declare class ASpecInputBox extends BaseViewer {
+    element(): JSX.Element;
+}

package/types/ui/editor/basic/ATreeSelect.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { BaseViewer } from "../../BaseViewer";
+/**
+ * antd 的树型选择控件 https://ant.design/components/tree-select-cn/
+ *   {
+ *      "type": "array", arrayMember: {type: 'vl'}, toReadable: 'value.map(i=>i.label).join(",")',
+ *       "editor": "ATreeSelect", "name": "tree1", "label": "多选树选择", props: {
+ *        treeData: treeData,
+ *         labelInValue: true,
+ *        multiple: true
+ *       }
+ *    }
+ */
+export declare class ATreeSelect extends BaseViewer {
+    value: string;
+    constructor(p: any);
+    element(): JSX.Element;
+}

package/types/ui/editor/basic/AUpload.d.ts

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+import { BaseViewer } from "../../BaseViewer";
+/**
+ * antd 的上传组件 https://ant.design/components/upload-cn/
+ *  {
+      "type": "array", arrayMember: {
+        type: 'object',
+        readable: 'A',
+        style: {display: 'block'},
+        a: {
+          urlExpr: "value.url",
+          labelExpr: "value.name",
+        },
+      },
+      "editor": "AUpload", "name": "upload_sec", "label": "文件上传_HP_SECOBJ",
+      ossFile: {
+        type: "HP_SECOBJ",
+        arguments: { genName: true, ossKeyPath: "course/" }
+      }, props: {
+        beforeUpload(file) {
+          const isLt200M = file.size / 1024 / 1024 < 200;
+          if (!isLt200M) {
+            message.error('File must smaller than 200MB!');
+          }
+          return isLt200M;
+        },
+      }
+    }
+ */
+export declare class AUpload extends BaseViewer {
+    loading?: number;
+    element(): JSX.Element;
+}

package/types/ui/editor/basic/NPS.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { BaseViewer } from "../../BaseViewer";
+import "./NPS.less";
+import { MProp } from "../../../framework/Schema";
+/**
+ * NPS 打分组件，基于 antd 的评分组件 https://ant.design/components/rate-cn/
+ * 定义示例：{ editor: 'NPS', name: 'possibility', label: "您向朋友或同事推荐本堂课程的可能性有多大?", required: true },
+ */
+export declare class NPS extends BaseViewer {
+    value: string;
+    constructor(p: MProp);
+    element(): JSX.Element;
+}

package/types/ui/editor/complex/AArray.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import "./AArray.less";
+import { BaseViewer } from '../../BaseViewer';
+import { MFieldSchemaAnonymity } from "../../../framework/Schema";
+/** @deprecated Ant的list，也不好看 */
+export declare class AArray extends BaseViewer {
+    _removeClicked(index: number): void;
+    /** 不同的数组成员类型，有不同的渲染方式 */
+    _renderItem(memberSchema: MFieldSchemaAnonymity, itemData: any, index: number, removeButton?: boolean): JSX.Element[];
+    element(): any[] | JSX.Element;
+}

package/types/ui/editor/complex/AArrayGrid.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { BaseViewer } from '../../BaseViewer';
+/**
+ * 数据表格
+ * 数据是这样的数组：
+ *  [
+ *    {from:"1606997544611",to:"", tillNow:true, company:"阿里巴巴", position:"CEO"},
+ *    {from:"1606997544611",to:"", tillNow:true, company:"阿里巴巴", position:"CEO"},
+ *  ]
+ */
+export declare class AArrayGrid extends BaseViewer {
+    element(): JSX.Element;
+}

package/types/ui/editor/complex/ACnAddress.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import './ACnAddress.less';
+import { BaseViewer } from '../../BaseViewer';
+/**
+ * 国内地址，用以编辑省市区和详细地址
+ * 数据类似{province:"陕西省",city:"西安市",district:"长安区", address:"紫薇田园都市A区", code:610116}
+ */
+export declare class ACnAddress extends BaseViewer {
+    element(): JSX.Element;
+}

package/types/ui/editor/complex/ADialogForm.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { BaseViewer } from "../../BaseViewer";
+/**
+ * 展示为一个按钮，点击后弹出对话框编辑
+ */
+export declare class ADialogForm extends BaseViewer {
+    pop: boolean;
+    constructor(p: any);
+    close(): void;
+    element(): JSX.Element;
+}

package/types/ui/editor/complex/AExperience.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { BaseViewer } from '../../BaseViewer';
+/**
+ * 经历，可以用于教育经历、工作经历等
+ * 数据类似以下数组：
+ *  [
+ *    {from:"1606997544611",to:"", tillNow:true, company:"阿里巴巴", position:"CEO"},
+ *    {from:"1606997544611",to:"", tillNow:true, company:"阿里巴巴", position:"CEO"},
+ *      ...
+ *  ]
+ *
+ */
+export declare class AExperience extends BaseViewer {
+    _submitData(arrayGridData: any, sort: boolean): void;
+    element(): JSX.Element;
+}

package/types/ui/editor/complex/AForm.d.ts

@@ -0,0 +1,46 @@
+/// <reference types="react" />
+import "./AForm.less";
+import { Viewer, ViewerState } from '../../BaseViewer';
+import { MProp } from '../../../framework/Schema';
+interface State extends ViewerState {
+    /** 编辑中的分组label，以及编辑前的数据 */
+    editing: {
+        [label: string]: any;
+    };
+    /** 保存中的分组label */
+    saving: {
+        [segmentLabel: string]: boolean;
+    };
+}
+export declare class AForm extends Viewer<State> {
+    constructor(p: MProp);
+    /**
+     * 表单项，包括label和viewer
+     * @param hideField
+     * @param hideMap
+     * @param f
+     * @param objectFields
+     * @param uispec
+     * @param morph
+     * @param labelWidth
+     * @param invalidLayoutMsg
+     * @param column
+     * @returns
+     */
+    private formItem;
+    /**
+     * 分段表单
+     * @param objectFields
+     * @param uispec
+     */
+    private _segmentForm;
+    /**
+     * 不分段的表单
+     * @param objectFields
+     * @param uispec
+     * @param column
+     */
+    private _flowForm;
+    element(): JSX.Element;
+}
+export {};

package/types/ui/editor/complex/AIntDiff.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { BaseViewer } from "../../BaseViewer";
+/**
+ * 类似这样分正负的数字：
+ *
+ * 与去年同期(2019 年 1 月初-6 月底)相比，您的收入
+ * (1)增长了(具体数字:约___万元) (2)下降了(具体数字:约___万元) (3) 基本没有变化
+ */
+export declare class AIntDiff extends BaseViewer {
+    _posInputBoxValue?: number;
+    _negInputBoxValue?: number;
+    _radio?: number;
+    element(): JSX.Element;
+}

package/types/ui/editor/complex/AMatrix.d.ts

@@ -0,0 +1,48 @@
+/// <reference types="react" />
+import "./AMatrix.less";
+import { BaseViewer } from "../../BaseViewer";
+/**
+ * 单选矩阵.
+ * 暂不支持字符串以外的值。
+ * 示例：{label:"3.3 您是否愿意与农村人",name:"countryman", type:"matrix", editor:"ARadioMatrix", matrix: {x:"很愿意 比较愿意 不太愿意 很不愿意 不好说", y:"聊天 一起工作 成为邻居 成为亲密朋友 结成亲家"}},
+ * 数据:
+ *  {"聊天":["很愿意", "比较愿意"], "一起工作":"比较愿意"}
+ */
+export declare class AMatrix extends BaseViewer {
+    private _inputBoxValue?;
+    /**
+     * 当某个值被选中时，将其设置到数据上。
+     * 例如:
+     *  let data = {}
+     *  _setDataForKey(data, "foo", "bar", ["foo"])
+     *  // data会变成 {foo:bar}
+     *
+     *  let data = {"foo": "bar1"}
+     *  _setDataForKey(data, "foo", "bar2", ["foo"])
+     *  // data会变成 {foo:["bar1", "bar2"]}
+     *
+     *  let data = {"foo": "bar1"}
+     *  _setDataForKey(data, "foo", "bar2", ["foo"])
+     *  // data会变成 {foo:["bar1", "bar2"]}
+     *
+     *  let data = {"foo": "bar1", "open":"before"}
+     *  _setDataForKey(data, nil, "bar2", ["foo"])
+     *  // 假如此时文本框内是foo3
+     *  // data会变成 {foo:"bar1", foo3:"bar2"}
+     *
+     * @param data 这个控件的数据，这个函数会讲key/value存入data，例如：{"聊天":["很愿意", "比较愿意"], "一起工作":"比较愿意", "开放-用户填的":"比较愿意"}
+     * @param key 字符串表示  nil表示设置开放选项，此时key不固定，以_inputBoxValue为准
+     * @param value
+     * @param yyClosed 非开放选项的值，传进来免得再计算
+     */
+    private _setDataForKey;
+    /**
+     * 渲染成矩阵
+     */
+    _renderAsMatrix(): JSX.Element;
+    /**
+     * 渲染成一组下拉框
+     */
+    _renderAsDropdownList(): any[];
+    element(): any[] | JSX.Element;
+}

package/types/ui/editor/complex/ATable.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { BaseViewer } from '../../BaseViewer';
+import "./ATable.less";
+/**
+ * antd的表格，用于展示对象数组
+ */
+export declare class ATable extends BaseViewer {
+    element(): JSX.Element;
+}

package/types/ui/editor/complex/JsonEditor.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { BaseViewer } from '../../BaseViewer';
+/**
+ * 用文本框编辑json object或者json array
+ */
+export declare class JsonEditor extends BaseViewer {
+    error: string;
+    element(): JSX.Element;
+}

package/types/ui/readable/A.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { BaseViewer } from '../BaseViewer';
+export declare class A extends BaseViewer {
+    element(): JSX.Element;
+}

package/types/ui/readable/ArrayViewer.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { BaseViewer } from "../BaseViewer";
+export declare class ArrayViewer extends BaseViewer {
+    element(ctx: any): JSX.Element | JSX.Element[];
+}

package/types/ui/readable/DecorationViewer.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { MProp } from '../../framework/Schema';
+export declare function DecorationViewer(props: MProp): JSX.Element;

package/types/ui/readable/DivViewer.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { BaseViewer } from '../BaseViewer';
+export declare class DivViewer extends BaseViewer {
+    element(): JSX.Element;
+}

package/types/ui/widget/Collapsible.d.ts

@@ -0,0 +1,46 @@
+import React, { CSSProperties } from "react";
+interface Prop {
+    /** 单测需要用到的属性 */
+    name: string;
+    /** 是否展开状态 */
+    open: boolean;
+    /** 动画时长，默认0.5秒，nil表示无动画效果 */
+    ms?: number;
+    /** Collapsible也能定义样式 */
+    style?: CSSProperties;
+    /** html元素id */
+    id?: string;
+}
+interface State {
+    css: CSSProperties;
+    self?: Collapsible;
+}
+/**
+ * 可以折叠的元素，折叠时可带动画效果
+ *
+ * 以下几点帮助理解这个组件：
+ * 1. 初始元素隐藏时，需要隐藏又不能占用空间，否则无法获取其高度，用position="absolute"让其脱离文档流来实现
+ * 2. 折叠效果通过max-height来实现
+ * 3. 用state来控制元素的css，state可能由props变化和定时器自己触发，所以要用getDerivedStateFromProps
+ */
+export declare class Collapsible extends React.Component<Prop, State> {
+    div: HTMLDivElement;
+    height: number;
+    action: any;
+    /** props.style去掉margin。如果不去掉，隐藏后margin会占用空间出来 */
+    closeStyle: CSSProperties;
+    constructor(p: Prop);
+    componentDidMount(): void;
+    /**
+     * 产生state对象
+     * @param self
+     * @param open 是否展开
+     * @param changing 是否是切换中
+     * @returns 新的state对象
+     */
+    static genNextState(self: Collapsible, open: boolean, changing: boolean): State;
+    /** Collapsible的state既可以被props影响，也可能自发（延时）改变 */
+    static getDerivedStateFromProps(nextProps: Prop, prevState: State): State;
+    render(): JSX.Element;
+}
+export {};

package/types/ui/widget/Segment.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import "./Segment.less";
+interface Prop {
+    style?: React.CSSProperties;
+    mainTitle?: React.ReactNode;
+    /** 副标题 */
+    subTitle?: React.ReactNode;
+    /** 右上角的按钮 */
+    topRight?: React.ReactNode;
+    /** label的name，可以用于query到dom定位 */
+    labelName?: string;
+    /** 分栏数 */
+    column?: number;
+}
+export declare class Segment extends React.Component<Prop, any> {
+    render(): JSX.Element;
+}
+export {};

package/types/ui/widget/SegmentEditSwitch.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+export declare type SegmentEditSwitchState = 
+/** 只有一个可以按的【编辑】按钮 */
+"readable" | 
+/** 只有一个disable的编辑按钮 */
+"disable" | 
+/** 有【取消】和【编辑】按钮，都能按 */
+"editor" | 
+/** 有【取消】和【编辑】按钮，但编辑按钮展示为loading且disable */
+"saving";
+export interface SegmentEditSwitchProps {
+    state: SegmentEditSwitchState;
+    /** edit=true表示按【提交】或者【编辑】按钮 edit=false表示按了【取消】按钮*/
+    onClick: (edit: boolean) => void;
+}
+/**
+ * 展示一个【编辑】按钮，点下以后变成【提交】和【取消】两个按钮
+ * @param props
+ */
+export declare function SegmentEditSwitch(props: SegmentEditSwitchProps): JSX.Element;

package/types/ui/widget/SelectBox.d.ts

@@ -0,0 +1,13 @@
+import { PickerData } from "antd-mobile/lib/picker/PropsType";
+import React from "react";
+interface Prop {
+    data: string;
+    options: PickerData[];
+    onChange: (newValue?: string) => void;
+    onBlur?: () => void;
+    openLabel?: string;
+}
+export declare class SelectBox extends React.Component<Prop, any> {
+    render(): JSX.Element;
+}
+export {};

package/types/ui/widget/UnderlineInputBox.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { InputHTMLAttributes } from "react";
+import "./UnderlineInputBox.less";
+export declare class UnderlineInputBox extends React.Component<InputHTMLAttributes<HTMLInputElement>, any> {
+    render(): JSX.Element;
+}