@form-create/iview 2.5.9

package/src/index.js

@@ -0,0 +1,16 @@
+import ivuFormCreate from './core/index';
+
+const FormCreate = ivuFormCreate();
+
+if (typeof window !== 'undefined') {
+    window.formCreate = FormCreate;
+    if (window.Vue) {
+        FormCreate.install(window.Vue);
+    }
+}
+
+const maker = FormCreate.maker;
+
+export {maker}
+
+export default FormCreate;

package/src/parsers/datePicker.js

@@ -0,0 +1,78 @@
+import is from '@form-create/utils/lib/type';
+import {creatorFactory} from '@form-create/core/src/index';
+
+export function timeStampToDate(timeStamp) {
+    if (is.Date(timeStamp))
+        return timeStamp;
+    else {
+        let date = new Date(timeStamp);
+        return date.toString() === 'Invalid Date' ? timeStamp : date;
+    }
+}
+
+const name = 'datePicker';
+
+export default {
+    name,
+    maker: (function () {
+        return ['date', 'dateRange', 'datetime', 'datetimeRange', 'year', 'month'].reduce((maker, type) => {
+            maker[type] = creatorFactory(name, {type: type.toLowerCase()});
+            return maker;
+        }, {});
+    }()),
+    mergeProp(ctx) {
+        let props = ctx.prop.props;
+        if (props.startDate) {
+            props.startDate = props.startDate && timeStampToDate(props.startDate);
+        }
+    },
+
+    isRange(el) {
+        return el.type.includes('range') || el.multiple;
+    },
+
+    _toValue(val, ctx) {
+        const value = ctx.el.formatDate(val || ''), {separator} = ctx.el,
+            isRange = this.isRange(ctx.el);
+        if (!value)
+            return isRange ? (ctx.el.multiple ? [] : ['', '']) : value;
+        else if (isRange)
+            return value.split(separator);
+        else
+            return value;
+    },
+
+    toValue(formValue, ctx) {
+        const el = ctx.el;
+        if (el) {
+            this.el = el;
+            return this._toValue(formValue, ctx);
+        }
+        return formValue;
+    },
+
+    toFormValue(value, ctx) {
+        if (ctx.el) {
+            const v = ctx.el.parseDate(value);
+            return this.isRange(ctx.el) ? v : v[0];
+        } else {
+            let isArr = Array.isArray(value), props = ctx.prop.props, parseValue, type = props.type || 'date';
+            if (['daterange', 'datetimerange'].indexOf(type) !== -1) {
+                if (isArr) {
+                    parseValue = value.map((time) => !time ? '' : timeStampToDate(time));
+                } else {
+                    parseValue = ['', '']
+                }
+            } else if ('date' === type && props.multiple === true) {
+                parseValue = toString(value);
+            } else {
+                parseValue = isArr ? (value[0] || '') : value;
+                parseValue = !parseValue ? '' : timeStampToDate(parseValue);
+            }
+            return parseValue;
+        }
+    },
+    mounted(ctx) {
+        ctx.rule.value = this.toValue(ctx.$handle.getFormData(ctx), ctx);
+    }
+}

package/src/parsers/hidden.js

@@ -0,0 +1,12 @@
+import {creatorFactory} from '@form-create/core/src/index';
+
+const name = 'hidden';
+export default {
+    name,
+    maker: {
+        [name]: (field, value) => creatorFactory(name)('', field, value)
+    },
+    render() {
+        return [];
+    }
+}

package/src/parsers/index.js

@@ -0,0 +1,10 @@
+import datePicker from './datePicker';
+import hidden from './hidden';
+import input from './input';
+import slider from './slider';
+import iswitch from './switch';
+import row from './row';
+
+export default [
+    datePicker, hidden, input, slider, iswitch, row
+]

package/src/parsers/input.js

@@ -0,0 +1,21 @@
+import {creatorFactory} from '@form-create/core/src/index';
+
+const name = 'input';
+export default {
+    name,
+    maker: (function () {
+        const maker = ['password', 'url', 'email', 'text', 'textarea'].reduce((maker, type) => {
+            maker[type] = creatorFactory(name, {type});
+            return maker;
+        }, {});
+
+        maker.idate = creatorFactory(name, {type:'date'});
+        return maker
+    }()),
+    mergeProp(ctx) {
+        let {props} = ctx.prop;
+        if (props.autosize && props.autosize.minRows) {
+            props.rows = props.autosize.minRows || 2;
+        }
+    }
+}

package/src/parsers/row.js

@@ -0,0 +1,8 @@
+export default {
+    name: 'FcRow',
+    render(_, ctx) {
+        return ctx.vNode.col({props: {span: 24}}, [
+            ctx.vNode.row(ctx.prop, _)
+        ])
+    }
+}

package/src/parsers/slider.js

@@ -0,0 +1,20 @@
+import {creatorFactory} from '@form-create/core/src/index';
+
+const name = 'slider';
+export default {
+    name,
+    maker: {
+        sliderRange: creatorFactory(name, {range:true})
+    },
+    toFormValue(value, ctx) {
+        let isArr = Array.isArray(value), props = ctx.prop.props, min = props.min || 0,
+            parseValue;
+        if (props.range === true) {
+            parseValue = isArr ? value : [min, (parseFloat(value) || min)];
+        } else {
+            parseValue = isArr ? (parseFloat(value[0]) || min) : parseFloat(value);
+        }
+        return parseValue;
+    }
+
+}

package/src/parsers/switch.js

@@ -0,0 +1,10 @@
+export default {
+    name: 'switch',
+    mergeProp(ctx) {
+        const prop = ctx.prop.props.slot || {};
+        const slot = ctx.prop.scopedSlots || {};
+        if (prop.open) slot.open = () => prop.open;
+        if (prop.close) slot.close = () => prop.close;
+        ctx.prop.scopedSlots = slot;
+    }
+}

package/src/style/index.css

@@ -0,0 +1,7 @@
+.form-create .form-create .ivu-form-item {
+    margin-bottom: 24px;
+}
+
+.form-create .form-create .ivu-form-item .ivu-form-item {
+    margin-bottom: 0px;
+}

package/types/config.d.ts

@@ -0,0 +1,111 @@
+import {FormData, VNodeData} from "@form-create/core";
+import {Col, Row, Tooltip, Poptip, Button} from "iview";
+import {Api} from "./index";
+
+export interface OptionAttrs {
+    col?: Boolean | Col & {
+        labelWidth?: number | string;
+        show?: Boolean;
+    };
+    row?: Boolean | Row & {
+        show?: Boolean;
+    };
+    info?: Boolean | (Tooltip | Poptip) & VNodeData & {
+        show?: Boolean;
+        native?: Boolean;
+        icon?: string;
+        align?: 'left' | 'right';
+        info?: string;
+    };
+    wrap?: Boolean | VNodeData & {
+        labelWidth?: number;
+        labelFor?: string;
+        required?: boolean;
+        error?: string;
+        showMessage?: boolean;
+        show?: Boolean;
+    };
+    form?: {
+        inline?: boolean;
+        labelPosition?: 'left' | 'right' | 'top';
+        labelWidth?: number;
+        showMessage?: boolean;
+        className?: any;
+        col?: Boolean;
+    };
+
+    submitBtn?: Boolean | Button & {
+        click?: Function;
+        innerText?: string;
+        show?: Boolean;
+    };
+
+    resetBtn?: Boolean | Button & {
+        click?: Function;
+        innerText?: string;
+        show?: Boolean;
+    };
+
+}
+
+declare const optionAttrs: OptionAttrs & {
+    title?: Boolean | VNodeData & {
+        show?: Boolean;
+        native?: Boolean;
+        title?: string;
+    };
+};
+
+interface children {
+    children?: VNodeData[]
+}
+
+export interface CreatorAttrs {
+    col(props: typeof optionAttrs.col): this;
+
+    wrap(props: typeof optionAttrs.wrap): this;
+
+    title(props: string | typeof optionAttrs.title & children): this;
+
+    info(props: string | typeof optionAttrs.info & children): this;
+
+    className(prop: string): this;
+
+}
+
+export interface RuleAttrs {
+    col?: typeof optionAttrs.col;
+    wrap?: typeof optionAttrs.wrap;
+    title?: string | typeof optionAttrs.title & children;
+    info?: string | typeof optionAttrs.info & children;
+    className?: string;
+}
+
+
+export interface ApiAttrs {
+    btn: {
+        loading(loading: boolean): void;
+        disabled(disabled: boolean): void;
+        show(show: boolean): void;
+    }
+    resetBtn: {
+        loading(loading: boolean): void;
+        disabled(disabled: boolean): void;
+        show(show: boolean): void;
+    }
+
+    submit(success: (formData: FormData, $f: Api) => void, fail: ($f: Api) => void): void;
+
+    clearValidateState(fields?: string | string[], clearSub?: Boolean): void;
+
+    clearSubValidateState(fields?: string | string[]): void;
+
+    validate(callback?: (valid?: boolean) => void): void;
+
+    validateField(field: string, callback?: (valid?: boolean) => void): void;
+
+    submitBtnProps(props: Button): void;
+
+    resetBtnProps(props: Button): void;
+
+}

package/types/index.d.ts

@@ -0,0 +1,31 @@
+import {
+    FormCreate,
+    FormRule as $FormRule,
+    Options as $Options,
+    Rule as $Rule,
+    Creator as $Creator,
+    Control as $Control,
+    Api as $Api,
+    Effect as $Effect,
+    Parser as $Parser
+} from "@form-create/core";
+import Maker from "./maker";
+import {ApiAttrs, CreatorAttrs, OptionAttrs, RuleAttrs} from "./config";
+
+declare module 'vue/types/vue' {
+    interface Vue {
+        $formCreate: FormCreate<Maker, OptionAttrs, CreatorAttrs, RuleAttrs, ApiAttrs>;
+    }
+}
+
+declare const formCreate: FormCreate<Maker, OptionAttrs, CreatorAttrs, RuleAttrs, ApiAttrs>;
+export default formCreate;
+export declare const maker: typeof formCreate.maker;
+export type FormRule = $FormRule<OptionAttrs, CreatorAttrs, RuleAttrs, ApiAttrs>
+export type Options = $Options<OptionAttrs, CreatorAttrs, RuleAttrs, ApiAttrs>
+export type Rule = $Rule<OptionAttrs, CreatorAttrs, RuleAttrs, ApiAttrs>
+export type Effect = $Effect<OptionAttrs, CreatorAttrs, RuleAttrs, ApiAttrs>
+export type Creator = $Creator<OptionAttrs, CreatorAttrs, RuleAttrs, ApiAttrs>
+export type Control = $Control<OptionAttrs, CreatorAttrs, RuleAttrs, ApiAttrs>
+export type Api = $Api<OptionAttrs, CreatorAttrs, RuleAttrs, ApiAttrs>
+export type Parser = $Parser

package/types/maker.d.ts

@@ -0,0 +1,14 @@
+import {CreatorHelper} from "@form-create/core";
+import {ApiAttrs, CreatorAttrs, OptionAttrs, RuleAttrs} from "./config";
+
+declare const makerFactory: CreatorHelper<OptionAttrs, CreatorAttrs, RuleAttrs, ApiAttrs>
+
+declare enum MakerName {
+    "datePicker", "date", "dateRange", "datetime", "datetimeRange", "year", "month", "hidden", "input", "password", "url", "email", "text", "textarea", "idate", "slider", "sliderRange", "switch", "upload", "select", "tree", "checkbox", "autoComplete", "cascader", "colorPicker", "frame", "inputNumber", "radio", "rate", "timePicker", "group", "auto", "number", "color", "image", "file", "uploadFileOne", "uploadImageOne", "uploadImage", "uploadFile", "treeSelected", "treeChecked", "selectMultiple", "selectOne", "frameInputs", "frameFiles", "frameImages", "frameInputOne", "frameFileOne", "frameImageOne", "frameInput", "frameFile", "frameImage", "time", "timeRange"
+}
+
+type Maker = {
+    [name in keyof typeof MakerName]: typeof makerFactory;
+}
+
+export default Maker;