npm - icarys-form-create-vant - Versions diffs - 1.0.3 → 1.0.4 - Mend

icarys-form-create-vant 1.0.3 → 1.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (114) hide show

package/README.md +1 -1
package/dist/index.js +21 -17787
package/dist/index.min.js +3 -3
package/dist/index.min.js.map +1 -1
package/package.json +5 -2
package/src/components/common/subform/LICENSE +21 -0
package/src/components/common/subform/README.md +6 -0
package/src/components/common/subform/package.json +48 -0
package/src/components/common/subform/src/component.jsx +75 -0
package/src/components/common/subform/src/index.js +3 -0
package/src/components/common/wangeditor/LICENSE +21 -0
package/src/components/common/wangeditor/README.md +14 -0
package/src/components/common/wangeditor/package-lock.json +114 -0
package/src/components/common/wangeditor/package.json +52 -0
package/src/components/common/wangeditor/src/component.jsx +74 -0
package/src/components/common/wangeditor/src/index.js +3 -0
package/src/core/LICENSE +21 -0
package/src/core/README.md +120 -0
package/src/core/babel.config.js +13 -0
package/src/core/bili.config.js +34 -0
package/src/core/package-lock.json +13 -0
package/src/core/package.json +61 -0
package/src/core/src/components/formCreate.js +287 -0
package/src/core/src/components/fragment.js +12 -0
package/src/core/src/factory/context.js +264 -0
package/src/core/src/factory/creator.js +63 -0
package/src/core/src/factory/maker.js +17 -0
package/src/core/src/factory/manager.js +87 -0
package/src/core/src/factory/node.js +89 -0
package/src/core/src/factory/parser.js +28 -0
package/src/core/src/frame/api.js +691 -0
package/src/core/src/frame/attrs.js +12 -0
package/src/core/src/frame/dataDriver.js +76 -0
package/src/core/src/frame/fetch.js +128 -0
package/src/core/src/frame/index.js +792 -0
package/src/core/src/frame/language.js +50 -0
package/src/core/src/frame/provider.js +297 -0
package/src/core/src/frame/util.js +311 -0
package/src/core/src/handler/context.js +573 -0
package/src/core/src/handler/effect.js +122 -0
package/src/core/src/handler/index.js +143 -0
package/src/core/src/handler/inject.js +199 -0
package/src/core/src/handler/input.js +199 -0
package/src/core/src/handler/lifecycle.js +55 -0
package/src/core/src/handler/loader.js +375 -0
package/src/core/src/handler/page.js +46 -0
package/src/core/src/handler/render.js +29 -0
package/src/core/src/index.js +12 -0
package/src/core/src/parser/html.js +17 -0
package/src/core/src/render/cache.js +47 -0
package/src/core/src/render/index.js +33 -0
package/src/core/src/render/render.js +418 -0
package/src/core/types/index.d.ts +842 -0
package/src/index.js +5 -0
package/src/utils/LICENSE +21 -0
package/src/utils/README.md +24 -0
package/src/utils/lib/console.js +16 -0
package/src/utils/lib/debounce.js +9 -0
package/src/utils/lib/deepextend.js +51 -0
package/src/utils/lib/deepset.js +14 -0
package/src/utils/lib/extend.js +20 -0
package/src/utils/lib/index.js +14 -0
package/src/utils/lib/json.js +90 -0
package/src/utils/lib/mergeprops.js +62 -0
package/src/utils/lib/mitt.js +43 -0
package/src/utils/lib/modify.js +8 -0
package/src/utils/lib/slot.js +8 -0
package/src/utils/lib/toarray.js +5 -0
package/src/utils/lib/tocase.js +11 -0
package/src/utils/lib/todate.js +10 -0
package/src/utils/lib/toline.js +10 -0
package/src/utils/lib/topromise.js +10 -0
package/src/utils/lib/tostring.js +7 -0
package/src/utils/lib/type.js +45 -0
package/src/utils/lib/unique.js +6 -0
package/src/utils/package.json +32 -0
package/src/vant/LICENSE +21 -0
package/src/vant/README.md +137 -0
package/src/vant/auto-import.d.ts +5 -0
package/src/vant/auto-import.js +50 -0
package/src/vant/babel.config.js +10 -0
package/src/vant/bili.config.js +40 -0
package/src/vant/examples/App.vue +96 -0
package/src/vant/examples/main.js +13 -0
package/src/vant/examples/rule.js +366 -0
package/src/vant/package-lock.json +11367 -0
package/src/vant/package.json +83 -0
package/src/vant/public/index.html +14 -0
package/src/vant/src/components/calendar.jsx +128 -0
package/src/vant/src/components/cascader.jsx +120 -0
package/src/vant/src/components/checkbox.jsx +38 -0
package/src/vant/src/components/datePicker.jsx +87 -0
package/src/vant/src/components/group.jsx +384 -0
package/src/vant/src/components/icon/IconWarning.vue +12 -0
package/src/vant/src/components/index.js +26 -0
package/src/vant/src/components/radio.jsx +38 -0
package/src/vant/src/components/select.jsx +81 -0
package/src/vant/src/components/timePicker.jsx +76 -0
package/src/vant/src/components/uploader.jsx +99 -0
package/src/vant/src/core/alias.js +31 -0
package/src/vant/src/core/api.js +135 -0
package/src/vant/src/core/config.js +35 -0
package/src/vant/src/core/index.js +45 -0
package/src/vant/src/core/manager.js +282 -0
package/src/vant/src/core/provider.js +63 -0
package/src/vant/src/core/utils.js +15 -0
package/src/vant/src/index.js +13 -0
package/src/vant/src/parsers/hidden.js +12 -0
package/src/vant/src/parsers/index.js +59 -0
package/src/vant/src/parsers/row.js +10 -0
package/src/vant/src/style/index.css +495 -0
package/src/vant/types/config.d.ts +99 -0
package/src/vant/types/index.d.ts +27 -0
package/src/vant/vue.config.js +21 -0

package/src/vant/package.json ADDED Viewed

@@ -0,0 +1,83 @@
+{
+    "name": "@form-create/vant",
+    "version": "3.2.37",
+    "description": "VantUI版本低代码表单|FormCreate 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的低代码表单生成组件。支持6个UI框架，适配移动端，并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件，再复杂的表单都可以轻松搞定。",
+    "main": "./dist/form-create.min.js",
+    "module": "./dist/form-create.esm.js",
+    "unpkg": "./dist/form-create.min.js",
+    "jsdelivr": "./dist/form-create.min.js",
+    "typings": "./types/index.d.ts",
+    "scripts": {
+        "clean": "rimraf dist/",
+        "dev:vant": "vue-cli-service serve",
+        "bili": "cross-env UI_LIB=vant bili",
+        "build": "npm-run-all clean bili"
+    },
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/xaboy/form-create.git"
+    },
+    "keywords": [
+        "动态表单",
+        "低代码",
+        "@form-create",
+        "form-builder",
+        "form",
+        "components",
+        "vue3",
+        "mobile",
+        "vant",
+        "lowcode",
+        "dynamic-form"
+    ],
+    "files": [
+        "README.md",
+        "package.json",
+        "LICENSE",
+        "auto-import.js",
+        "auto-import.d.ts",
+        "src",
+        "types",
+        "dist"
+    ],
+    "author": "xaboy",
+    "license": "MIT",
+    "bugs": {
+        "url": "https://github.com/xaboy/form-create/issues"
+    },
+    "homepage": "http://www.form-create.com/v3/",
+    "dependencies": {
+        "@form-create/component-subform": "^3.2.34",
+        "@form-create/core": "^3.2.37",
+        "@form-create/utils": "^3.2.31",
+        "dayjs": "^1.11.11"
+    },
+    "publishConfig": {
+        "access": "public"
+    },
+    "peerDependencies": {
+        "vue": "^3.1.0"
+    },
+    "devDependencies": {
+        "@vue/cli-plugin-babel": "~4.5.0",
+        "@vue/cli-service": "^4.5.3",
+        "v-jsoneditor": "^1.4.2",
+        "vant": "^4.9"
+    },
+    "buildFormCreateOptions": {
+        "name": "@form-create/vant",
+        "exportName": "formCreateMobile",
+        "extendExternals": [
+            "vant"
+        ],
+        "extendGlobal": {
+            "vue": "Vue"
+        },
+        "fileName": "form-create",
+        "formats": [
+            "umd",
+            "esm"
+        ]
+    },
+    "gitHead": "3d024534b3ee103a96da1d3629582c0cdf19d9a8"
+}

package/src/vant/public/index.html ADDED Viewed

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,viewport-fit=cover">
+    <title>form-create 示例</title>
+</head>
+<body>
+<div id="app">
+</div>
+</body>
+</html>

package/src/vant/src/components/calendar.jsx ADDED Viewed

@@ -0,0 +1,128 @@
+import {computed, defineComponent, ref, toRef, watch} from 'vue';
+import is, {hasProperty} from '@form-create/utils/lib/type';
+import dayjs from 'dayjs';
+const NAME = 'fcCalendar';
+export default defineComponent({
+    name: NAME,
+    inheritAttrs: false,
+    props: {
+        placeholder: String,
+        formCreateInject: Object,
+        disabled: Boolean,
+        clearable: Boolean,
+        type: String,
+        modelValue: [String, Array],
+        minDate: [String, Date],
+        maxDate: [String, Date],
+    },
+    emits: ['update:modelValue', 'change', 'fc.el'],
+    setup(props, _) {
+        const show = ref(false);
+        const modelValue = toRef(props, 'modelValue');
+        const formCreateInject = toRef(props, 'formCreateInject');
+        const inputValue = ref(modelValue.value);
+        watch(() => modelValue.value, (n) => {
+            inputValue.value = n;
+        })
+        const formatter = (date) => {
+            return dayjs(date).format('YYYY-MM-DD');
+        }
+        const toDate = (str) => {
+            return dayjs(str).toDate();
+        }
+        const defaultDate = computed(() => {
+            const value = modelValue.value;
+            if (Array.isArray(value)) {
+                return value.map(toDate);
+            } else if (value) {
+                return toDate(value);
+            } else {
+                return null;
+            }
+        })
+        const dateRange = computed(() => {
+            return {
+                minDate: props.minDate ? dayjs(props.minDate).toDate() : undefined,
+                maxDate: props.maxDate ? dayjs(props.maxDate).toDate() : undefined,
+            }
+        })
+        const formatValue = (value) => {
+            if (Array.isArray(value)) {
+                inputValue.value = value.map(formatter);
+            } else if (value) {
+                inputValue.value = formatter(value);
+            } else {
+                inputValue.value = value;
+            }
+        }
+        const onInput = () => {
+            _.emit('update:modelValue', inputValue.value);
+            _.emit('change', inputValue.value);
+        }
+        const strValue = {
+            range() {
+                return inputValue.value.length ? inputValue.value.join(' - ') : '';
+            },
+            multiple() {
+                return inputValue.value.length ? (formCreateInject.value.t('selectedData', {length: inputValue.value.length}) ||`选择了 ${inputValue.value.length} 个日期`)  : '';
+            }
+        }
+        return {
+            show,
+            inputValue,
+            defaultDate,
+            dateRange,
+            open() {
+                if (props.disabled) {
+                    return;
+                }
+                show.value = true;
+            },
+            confirm(value) {
+                formatValue(value);
+                show.value = false;
+                onInput();
+            },
+            getStrValue() {
+                if (inputValue.value) {
+                    return hasProperty(strValue, props.type) ? strValue[props.type]() : (inputValue.value || '');
+                }
+                return '';
+            },
+            clear(e) {
+                e.stopPropagation();
+                const value = Array.isArray(inputValue.value) ? [] : '';
+                formatValue(value);
+                onInput();
+            }
+        }
+    },
+    render() {
+        const clearIcon = () => {
+            return this.$props.clearable && !is.empty(this.inputValue) ?
+                <i class="van-badge__wrapper van-icon van-icon-clear van-field__clear"
+                    onClick={this.clear}></i> : undefined;
+        }
+        return <div class="_fc-calendar">
+            <van-field ref="el" placeholder={this.placeholder} readonly disabled={this.$props.disabled}
+                onClick={this.open}
+                model-value={this.getStrValue()} isLink border={false} v-slots={{
+                    'right-icon': clearIcon
+                }}/>
+            <van-calendar {...{...this.$attrs, ...this.dateRange}} show={this.show} onUpdate:show={v => (this.show = v)}
+                type={this.type}
+                onConfirm={this.confirm} defaultDate={this.defaultDate}/>
+        </div>
+    },
+    mounted() {
+        this.$emit('fc.el', this.$refs.el);
+    }
+});

package/src/vant/src/components/cascader.jsx ADDED Viewed

@@ -0,0 +1,120 @@
+import {computed, defineComponent, ref, toRef, watch} from 'vue';
+import {normalizeOptions} from '../core/utils';
+const NAME = 'fcCascader';
+export default defineComponent({
+    name: NAME,
+    inheritAttrs: false,
+    props: {
+        placeholder: String,
+        disabled: Boolean,
+        clearable: Boolean,
+        fieldNames: Object,
+        modelValue: [String, Number],
+        options: Array,
+        minDate: [String, Date],
+        maxDate: [String, Date],
+    },
+    emits: ['update:modelValue', 'fc.el', 'change'],
+    setup(props, _) {
+        const show = ref(false);
+        const modelValue = toRef(props, 'modelValue');
+        const fieldNames = toRef(props, 'fieldNames', {});
+        const options = computed(() => {
+            if (fieldNames?.value?.text) {
+                return props.options || [];
+            } else {
+                return normalizeOptions(props.options || []);
+            }
+        })
+        const findOptions = (options, value, path) => {
+            for (let i = 0; i < options.length; i++) {
+                if (options[i][fieldNames.value.value || 'value'] === value) {
+                    return [...path, options[i]];
+                } else if (options[i][fieldNames.value.children || 'children']) {
+                    const find = findOptions(options[i][fieldNames.value.children || 'children'], value, [...path, options[i]]);
+                    if (find) {
+                        return find;
+                    }
+                }
+            }
+        }
+        const updateInputValue = (n) => {
+            if (n == null || n === '') {
+                return '';
+            }
+            const path = findOptions(options.value, n, []);
+            return path ? path.map((option) => option[fieldNames.value.text || 'text']).join(' / ') : n;
+        }
+        const inputValue = ref(updateInputValue(modelValue.value));
+        watch(() => modelValue.value, (n) => {
+            inputValue.value = updateInputValue(n);
+        });
+        watch(() => options.value, () => {
+            if (modelValue.value != null && modelValue.value !== '') {
+                inputValue.value = updateInputValue(modelValue.value);
+            }
+        }, {deep: true});
+        const onInput = (val) => {
+            _.emit('update:modelValue', val);
+            _.emit('change', val);
+        }
+        return {
+            show,
+            inputValue,
+            options,
+            open() {
+                if (props.disabled) {
+                    return;
+                }
+                show.value = true;
+            },
+            confirm({selectedOptions, value}) {
+                inputValue.value = selectedOptions.map((option) => option[fieldNames.value.text || 'text']).join(' / ');
+                show.value = false;
+                onInput(value);
+            },
+            clear(e) {
+                e.stopPropagation();
+                inputValue.value = '';
+                onInput('');
+            }
+        }
+    },
+    render() {
+        const clearIcon = () => {
+            return this.$props.clearable && this.inputValue ?
+                <i class="van-badge__wrapper van-icon van-icon-clear van-field__clear"
+                    onClick={this.clear}></i> : undefined;
+        }
+        return <div class="_fc-cascader">
+            <van-field ref="el" placeholder={this.placeholder} readonly disabled={this.$props.disabled}
+                onClick={this.open}
+                model-value={this.inputValue} border={false} isLink v-slots={{
+                    'right-icon': clearIcon
+                }}/>
+            <van-popup show={this.show} onUpdate:show={(v) => this.show = v} round position="bottom">
+                <van-cascader
+                    {...this.$attrs}
+                    modelValue={this.modelValue}
+                    fieldNames={this.fieldNames}
+                    options={this.options}
+                    onClose={() => this.show = false}
+                    onFinish={this.confirm}
+                />
+            </van-popup>
+        </div>
+    },
+    mounted() {
+        this.$emit('fc.el', this.$refs.el);
+    }
+});

package/src/vant/src/components/checkbox.jsx ADDED Viewed

@@ -0,0 +1,38 @@
+import {defineComponent, toRef} from 'vue';
+const NAME = 'fcCheckbox';
+export default defineComponent({
+    name: NAME,
+    inheritAttrs: false,
+    props: {
+        modelValue: Array,
+        options: Array,
+    },
+    emits: ['update:modelValue', 'change'],
+    setup(props, _) {
+        const modelValue = toRef(props, 'modelValue', []);
+        const options = toRef(props, 'options');
+        return {
+            options,
+            modelValue,
+            onInput(val) {
+                _.emit('update:modelValue', val);
+                _.emit('change', val);
+            },
+        }
+    },
+    render() {
+        return <van-checkbox-group direction="horizontal" {...this.$attrs} modelValue={Array.isArray(this.modelValue) ? this.modelValue : []}
+            onUpdateModelValue={this.onInput}>
+            {(this.options || []).map(opt => {
+                const tmp = {...opt};
+                const {text, value} = opt;
+                delete tmp.text;
+                delete tmp.value;
+                return <van-checkbox name={value} shape="square" {...tmp}>{text || opt.label || value}</van-checkbox>
+            })}
+        </van-checkbox-group>
+    }
+});

package/src/vant/src/components/datePicker.jsx ADDED Viewed

@@ -0,0 +1,87 @@
+import {computed, defineComponent, ref, toRef} from 'vue';
+import dayjs from 'dayjs';
+const NAME = 'fcDatePicker';
+export default defineComponent({
+    name: NAME,
+    inheritAttrs: false,
+    props: {
+        disabled: Boolean,
+        clearable: Boolean,
+        placeholder: String,
+        modelValue: [String, Number],
+        minDate: [String, Date],
+        maxDate: [String, Date],
+    },
+    emits: ['update:modelValue', 'fc.el', 'change'],
+    setup(props, _) {
+        const show = ref(false);
+        const modelValue = toRef(props, 'modelValue');
+        const formValue = computed(() => {
+            if (modelValue.value == null || modelValue.value === '') {
+                return [];
+            }
+            return modelValue.value.split('-');
+        });
+        const dateRange = computed(() => {
+            return {
+                minDate: props.minDate ? dayjs(props.minDate).toDate() : undefined,
+                maxDate: props.maxDate ? dayjs(props.maxDate).toDate() : undefined,
+            }
+        })
+        const onInput = (val) => {
+            _.emit('update:modelValue', val);
+            _.emit('change', val);
+        }
+        return {
+            show,
+            formValue,
+            dateRange,
+            open() {
+                if (props.disabled) {
+                    return;
+                }
+                show.value = true;
+            },
+            confirm({selectedValues}) {
+                onInput(selectedValues.join('-'));
+                show.value = false;
+            },
+            clear(e) {
+                e.stopPropagation();
+                onInput('');
+            }
+        }
+    },
+    render() {
+        const clearIcon = () => {
+            return this.$props.clearable && this.modelValue ?
+                <i class="van-badge__wrapper van-icon van-icon-clear van-field__clear"
+                    onClick={this.clear}></i> : undefined;
+        }
+        return <div class="_fc-date-picker">
+            <van-field ref="el" placeholder={this.placeholder} readonly disabled={this.$props.disabled}
+                onClick={this.open}
+                model-value={this.modelValue} border={false} isLink v-slots={{
+                    'right-icon': clearIcon
+                }}/>
+            <van-popup show={this.show} onUpdate:show={(v) => this.show = v} round position="bottom">
+                <van-date-picker
+                    columnsType={['year', 'month', 'day']}
+                    {...{...this.$attrs, ...this.dateRange}}
+                    modelValue={this.formValue}
+                    onConfirm={this.confirm}
+                    onCancel={() => this.show = false}
+                />
+            </van-popup>
+        </div>
+    },
+    mounted() {
+        this.$emit('fc.el', this.$refs.el);
+    }
+});