icarys-form-create-vant 1.0.3 → 1.0.4

package/src/vant/README.md

@@ -0,0 +1,137 @@
+<p align="center">
+    <a href="https://www.form-create.com" target="_blank">
+        <img width="300" alt="FormCreate" src="https://static.form-create.com/file/img/info-logo2.png">
+    </a>
+</p>
+<p align="center">
+    基于VantUI的移动端低代码表单生成组件
+</p>
+
+<p align="center">
+    <a href="https://www.form-create.com/" target="_blank">官网</a>
+    <span>&nbsp;|&nbsp;</span>
+    <a href="https://form-create.com/v3/guide/" target="_blank">帮助文档</a>
+    <span>&nbsp;|&nbsp;</span>
+    <a href="https://pro.form-create.com/view/" target="_blank">可视化表单设计器</a>
+    <span>&nbsp;|&nbsp;</span>
+    <a href="https://pro.form-create.com/mobile/" target="_blank">移动端表单设计器</a>
+</p>
+
+<p align="center">
+  <a href="https://github.com/xaboy/form-create" target="_blank"><img src="https://img.shields.io/badge/License-MIT-yellow.svg" alt="TIM" /></a>
+  <a href="https://github.com/xaboy/form-create" target="_blank"><img src="https://img.shields.io/npm/dt/@form-create/element-ui.svg" alt="dt" /></a>
+</p>
+
+**FormCreate 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的低代码表单生成组件。支持6个UI框架，适配移动端，并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件，再复杂的表单都可以轻松搞定。**
+
+[![FcDesigner](https://static.form-create.com/file/img/banner-m2.jpg?20251027)](https://pro.form-create.com/view)
+
+## 特点
+- 使用JSON数据生成表单
+- 支持扩展，生成任何Vue组件和HTML标签
+- 支持6个UI框架
+- 支持组件之间联动
+- 提供丰富的表单操作API
+- 支持子表单和分组
+- 高性能
+- **适配移动端**
+- **多语言**
+
+## 支持的UI框架
+
+[![FcDesigner](https://static.form-create.com/file/img/products.jpg)](https://form-create.com/)
+
+
+> 如果对您有帮助，您可以点右上角 "Star" 支持一下 谢谢！本项目还在不断开发完善中,如有任何建议或问题[请在这里提出](https://github.com/xaboy/form-create/issues/new)
+
+> 开发者讨论群[629709230](https://jq.qq.com/?_wv=1027&k=F1FlEFIV)
+
+
+- **预览**
+
+![demo1](https://raw.githubusercontent.com/xaboy/form-create/dev/images/demo-live3.gif)
+
+![demo2](https://form-create.com/v3/img/form-create.mobile.jpg)
+
+<details>
+<summary><b>更多</b></summary>
+
+- **操作表单**
+
+[详细说明](https://www.form-create.com/v3/instance.html)
+
+![demo2](https://raw.githubusercontent.com/xaboy/form-create/dev/images/demo-live2.gif)
+
+- **`group` 组件**
+
+[详细说明](https://www.form-create.com/v3/guide/group.html)
+
+![demo3](https://raw.githubusercontent.com/xaboy/form-create/dev/images/demo-group.gif)
+
+- **`control` 配置项**
+
+[详细说明](https://www.form-create.com/v3/guide/control.html)
+
+![demo2](https://raw.githubusercontent.com/xaboy/form-create/dev/images/demo-live4.gif)
+</details>
+
+## 包说明
+
+| 包名                                                                                                                                                                                                                                                                                                    | 说明                                                            |
+|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|---------------------------------------------------------------|
+| @form-create/element-ui [![version](https://img.shields.io/npm/v/@form-create/element-ui/next.svg)](https://www.npmjs.com/package/@form-create/element-ui)                                                                                                                                            | [element-plus 版本](http://form-create.com/v3/element-ui/)      |
+| @form-create/ant-design-vue [![version](https://img.shields.io/npm/v/@form-create/ant-design-vue/next.svg)](https://www.npmjs.com/package/@form-create/ant-design-vue)                                                                                                                                | [ant-design-vue 版本](http://form-create.com/v3/ant-design-vue/) |
+| @form-create/arco-design [![version](https://img.shields.io/npm/v/@form-create/arco-design/next.svg)](https://www.npmjs.com/package/@form-create/arco-design)                                                                                                                                         | [arco-design 版本](http://form-create.com/v3/arco-design/)      |
+| @form-create/naive-ui [![version](https://img.shields.io/npm/v/@form-create/naive-ui/next.svg)](https://www.npmjs.com/package/@form-create/naive-ui)                                                                                                                                                  | [naive-ui 版本](http://form-create.com/v3/naive-ui/)            |
+| @form-create/tdesign [![version](https://img.shields.io/npm/v/@form-create/tdesign/next.svg)](https://www.npmjs.com/package/@form-create/tdesign)                                                                                                                                                     | [tdesign 版本](http://form-create.com/v3/tdesign/)              |
+| @form-create/iview [![version](https://img.shields.io/npm/v/@form-create/iview.svg)](https://www.npmjs.com/package/@form-create/iview)                                                                                                                                                                | [iview 版本](http://form-create.com/v2/iview/)                  |
+| @form-create/view-design [![version](https://img.shields.io/npm/v/@form-create/view-design.svg)](https://www.npmjs.com/package/@form-create/view-design)                                                                                                                                              | [view-design 版本](http://form-create.com/v2/iview/)            |
+| @form-create/vant [![version](https://img.shields.io/npm/v/@form-create/vant.svg)](https://www.npmjs.com/package/@form-create/vant)                                                                                                                                                                   | [vant 版本(移动端)](http://form-create.com/v3/vant/)               |
+| @form-create/designer [![version](https://img.shields.io/npm/v/@form-create/designer.svg)](https://www.npmjs.com/package/@form-create/designer)                                                                                                                                                       | [可视化表单设计器](http://form-create.com/v3/designer)                |
+| @form-create/vant-designer [![version](https://img.shields.io/npm/v/@form-create/vant-designer.svg)](https://www.npmjs.com/package/@form-create/designer)                                                                                                                                             | [移动端表单设计器](http://form-create.com/v3/mobile)                  |
+
+**分支说明**
+
+- **latest:** Vue2.0版本分支
+- **super:** Vue2.7版本分支(该版本功能和next分支功能一致)
+- **next:** Vue3.0版本分支
+
+例如:
+
+安装Vue2版本的@form-create/vant
+
+```sh
+npm install @form-create/vant
+```
+
+安装Vue3版本的@form-create/vant
+
+```sh
+npm install @form-create/vant@next
+```
+
+## 示例
+
+- [在线示例](https://www.form-create.com/v3/guide/demo.html)
+
+
+
+<details>
+<summary><b>效果图</b></summary>
+
+![https://raw.githubusercontent.com/xaboy/form-create/dev/images/sample110.jpg](https://raw.githubusercontent.com/xaboy/form-create/dev/images/sample110.jpg)
+</details>
+
+
+## 联系
+![http://static.form-create.com/file/img/support.jpg](http://static.form-create.com/file/img/support.jpg)
+
+## 感谢
+
+[时光弧线](https://github.com/shiguanghuxian)  |  [wxxtqk](https://github.com/wxxtqk)  |  [williamBoss](https://github.com/williamBoss)  |  [HeyMrLin](https://github.com/HeyMrLin)  |  [djkloop](https://github.com/djkloop)  |  [daiwenyong](https://github.com/daiwenyong) | [JetBrains](https://www.jetbrains.com/?from=form-create)
+
+## License
+
+[MIT](http://opensource.org/licenses/MIT)
+
+Copyright (c) 2018-present xaboy

package/src/vant/auto-import.d.ts

@@ -0,0 +1,5 @@
+import formCreate from "./types/index";
+
+declare const install: (app: typeof formCreate) => void;
+
+export default install;

package/src/vant/auto-import.js

@@ -0,0 +1,50 @@
+import {
+    Form,
+    Cell,
+    Button,
+    Field,
+    Col,
+    Row,
+    Popup,
+    Calendar,
+    Cascader,
+    CheckboxGroup,
+    Checkbox,
+    DatePicker,
+    Picker,
+    RadioGroup,
+    Radio,
+    Rate,
+    Slider,
+    Stepper,
+    Switch,
+    TimePicker,
+    Uploader
+} from 'vant';
+
+export default function install(formCreate) {
+    formCreate.useApp((_, app) => {
+        app.component(Form.name) || app.use(Form);
+        app.component(Cell.name) || app.use(Cell);
+        app.component(Button.name) || app.use(Button);
+        app.component(Field.name) || app.use(Field);
+        app.component(Col.name) || app.use(Col);
+        app.component(Row.name) || app.use(Row);
+        app.component(Popup.name) || app.use(Popup);
+        app.component(Calendar.name) || app.use(Calendar);
+        app.component(Cascader.name) || app.use(Cascader);
+        app.component(CheckboxGroup.name) || app.use(CheckboxGroup);
+        app.component(Checkbox.name) || app.use(Checkbox);
+        app.component(RadioGroup.name) || app.use(RadioGroup);
+        app.component(Radio.name) || app.use(Radio);
+        app.component(DatePicker.name) || app.use(DatePicker);
+        app.component(Picker.name) || app.use(Picker);
+        app.component(Rate.name) || app.use(Rate);
+        app.component(Slider.name) || app.use(Slider);
+        app.component(Stepper.name) || app.use(Stepper);
+        app.component(Switch.name) || app.use(Switch);
+        app.component(TimePicker.name) || app.use(TimePicker);
+        app.component(Uploader.name) || app.use(Uploader);
+    });
+
+}

package/src/vant/babel.config.js

@@ -0,0 +1,10 @@
+module.exports = {
+    presets: [
+        [
+            '@vue/cli-plugin-babel/preset',
+            {
+                useBuiltIns: false
+            }
+        ]
+    ]
+}

package/src/vant/bili.config.js

@@ -0,0 +1,40 @@
+const {join} = require('path');
+const {author, license, name, version} = require('./package.json');
+const cwd = __dirname;
+
+const {UI_LIB} = process.env;
+console.log(`开始打包 -> ${UI_LIB} \n`);
+
+module.exports = {
+    plugins: {
+        commonjs: true,
+        postcss: {
+            modules: {
+                generateScopedName: '[local]'
+            }
+        }
+    },
+    banner: {
+        author: `2018-${new Date().getFullYear()} ${author}\n * Github https://github.com/xaboy/form-create`,
+        license,
+        name,
+        version
+    },
+    globals: {
+        vue: 'Vue',
+        vant: 'vant'
+    },
+    externals: ['vue', 'Vue', 'vant'],
+    output: {
+        format: ['umd', 'umd-min'],
+        moduleName: 'formCreateMobile',
+        fileName: 'form-create[min].js',
+        extractCSS: false
+    },
+    input: join(cwd, '/src/index.js'),
+    env: {
+        'NODE_ENV': 'production',
+        'VERSION': version,
+        'UI': UI_LIB,
+    }
+};

package/src/vant/examples/App.vue

@@ -0,0 +1,96 @@
+<template>
+  <div>
+    <h1 class="title">FormCreate Vant Demo</h1>
+    <h3>Render</h3>
+    <div class="container">
+      <div class="mobile">
+        <form-create-mobile name="test" :rule="rule" v-model:api="fapi" :option="option" v-model="formData" />
+      </div>
+
+    </div>
+
+  </div>
+</template>
+
+<script>
+import {defineComponent, ref, watch} from 'vue'
+import mock from './rule';
+
+export default defineComponent({
+  setup() {
+    const fapi = ref({});
+    const rule = ref(mock())
+
+    //formData
+    const formData = ref({goods_name2: 'goods_name2'})
+    const json = ref({});
+    watch(formData, value => {
+      json.value = value;
+    })
+
+    //option
+    const option = ref({
+      beforeFetch(opt) {
+        return new Promise(resolve => {
+          setTimeout(() => {
+            resolve();
+          }, 5000)
+        });
+      },
+      resetBtn: true
+    })
+
+    return {
+      fapi,
+      rule,
+      formData,
+      json,
+      option,
+    }
+  }
+})
+</script>
+
+<style>
+.title {
+  background-image: -webkit-linear-gradient(left, #d81159, #e53a40 10%, #ffbc42 20%, #75d701 30%, #30a9de 40%, #d81159 50%, #e53a40 60%, #ffbc42 70%, #75d701 80%, #30a9de 90%, #d81159);
+  -webkit-background-clip: text;
+  background-clip: text;
+  color: transparent;
+  background-size: 200% 100%;
+  -webkit-animation: flowlight 5s linear infinite;
+  animation: flowlight 5s linear infinite;
+}
+
+.container {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.mobile {
+  width:390px;
+  height: calc(100vh - 200px);
+  overflow: scroll;
+  border-radius: 25px;
+  box-shadow: 0 0 1px 10px #000;
+}
+
+@keyframes flowlight {
+  0% {
+    background-position: 0 0;
+  }
+  100% {
+    background-position: -100% 0;
+  }
+}
+
+@-webkit-keyframes flowlight {
+  0% {
+    background-position: 0 0;
+  }
+  100% {
+    background-position: -100% 0;
+  }
+}
+</style>

package/src/vant/examples/main.js

@@ -0,0 +1,13 @@
+import {createApp} from 'vue'
+import FormCreateMobile from '../src'
+import 'vant/lib/index.css';
+import App from './App.vue'
+import install from '../auto-import';
+
+const app = createApp(App)
+
+FormCreateMobile.use(install);
+
+app.use(FormCreateMobile);
+
+app.mount('#app')