vform666 / variant-form3-vite Goto Github PK

呈现步骤：

• 克隆本项目
• npm install
• npm run lib
• 新建vue工程 并安装依赖
• 将打包后的dist文件夹中的内容复制到新工程的src/libs目录
• 新工程main.js引入js文件与css文件

  import variant from "./lib/dist/designer.es.js";
  import "./lib/dist/designer.style.css";
  createApp(App).use(variant).mount("#app");

• npm run dev 打开网页报错designer.es.js:20 Uncaught SyntaxError: The requested module '/node_modules/.vite/vue.js?v=4faa665e' does not provide an export named 'default' (at designer.es.js:20:8)

I'm trying to load it into an Element Plus project, but when I tried to call this component on an appropriate View page, the stylesheet didn't hit.

The part that depends on Element Plus seems to work fine, but the part that depends on vForm is not styled correctly.

Reproduction:
https://stackblitz.com/edit/vitejs-vite-6ykf8a?file=src%2Fplugins%2Fv-form.ts

同标题。

I am trying to use this packahe in nuxt3: https://nuxt.com/

[nuxt] [request error] [unhandled] [500] localStorage is not defined                                                                                                                           13:46:28
  at ...\node_modules\vform3-builds\dist\designer.umd.js:2141:45
  at ...\node_modules\vform3-builds\dist\designer.umd.js:17:81
  at Object.<anonymous> (...\node_modules\vform3-builds\dist\designer.umd.js:18:3)
  at Module._compile (node:internal/modules/cjs/loader:1126:14)
  at Object.Module._extensions..js (node:internal/modules/cjs/loader:1180:10)
  at Module.load (node:internal/modules/cjs/loader:1004:32)
  at Function.Module._load (node:internal/modules/cjs/loader:839:12)
  at ModuleWrap.<anonymous> (node:internal/modules/esm/translators:170:29)
  at ModuleJob.run (node:internal/modules/esm/module_job:193:25)
  at runMicrotasks (<anonymous>)

问题描述：

修改绑定的optionData后，手动调用reloadOptionData不生效。

问题复现

仓库地址

问题复现代码见：

/src/views/HomeView.vue
/src/views/VForm.vue

使用版本： vform3-builds: ^3.0.8

sub-form 或 对象组件的嵌套组件时，name可以与parent的name同时存在，且修改name组件的
this.designer.formWidget.getWidgetRef(newName) 无法判断是否存在真实的name（sub-form）是否存在，refList设计存在问题

请问一下， 我看到你们只有表单的设计页面， 那请问有表格页面的设计器么？

可以找到很多表单设计器， 但用处不大， 我们更想要一个表单+表格的设计器

表格 的数据和动作可以在表格设计器中指定， 数据和动作对应的后台 web 服务让我们自已写就行了。

像 nocodb 之类的代码平台，过于复杂， 又缺乏功能和灵活，应用过于狭窄。

像 airtable 或 seatable, rowy 之类的表格，过于简单， 功能不足。

你们这类表单设计器又太简陋， 如果你们再提供一个表格设计器， 那么就能派上大用处了。

复现步骤
1、组件A的onChange事件，修改组件B的required属性，例如：

if (this.designer) return
const refOrderNo = this.getWidgetRef('refOrderNo')
if (value) {
  refOrderNo.setRequired(true)
} else {
  refOrderNo.setRequired(false)
}

2、组件B默认非必填
3、预览中当组件B校验失败后， 组件A的setRequired无效

excellent project, congratulations. what license does the code come with, MIT ?

希望再升级时候可以将select等组件的值改为对象，这样可以方便绑定

明明是勾选了必填，但是置空输入框，表单依然验证通过

作为一个表单必要的按钮（保存，取消）这个应该要有啊

只有完整引入了element引入才能使用，不知道有没有什么解决方法？比如写一个vite的plugin？

Version

3.0.6

Reproduction link

https://github.com/vform666/variant-form3-vite/blob/master/src/components/form-designer/setting-panel/index.vue

Steps to reproduce

line7 to line 62
v-if The result is the same

What is expected?
only one el-form is effect

What is actually happening?

v-if => The result is the same

目前自定义扩展时候，发现扩展组件需要用到的方法未导出

vite：2.9.12
vue：3.2.37
variant-form3：3.0.8

依照官方文档，进行编译打包后，在新项目引用时控制台报错

新项目package.json

请问应该如何解决？

平时用的最多的UI框架就是ElementUI和Ant Design

Hello, how are you all?

I'm from Brazil and I couldn't sign the PRO version of Vform.

How can I sign being Brazilian?

Thank you and congratulations for the work. I use Element Plus for a while and this tool will help a lot.

组件之间的联动支持么？

比如一个下拉框改变值后， 别一个下拉框的可选列表会变化？

再比如一个下拉框改变值后，显示或隐藏一些组件。

生成的sfc在本地dev环境没问题，打包到生产环境报错

getCurrentInstance().ctx在生产环境不可用，建议用proxy代替

Vue3 getCurrentInstance

vendor.7d1b3365.js:4 TypeError: Cannot read properties of undefined (reading 'validateField')
at main.26afb569.js:1:168741
at main.26afb569.js:1:55698
at Proxy.forEach ()
at Proxy.emit$ (main.26afb569.js:1:55686)
at Proxy.dispatch (main.26afb569.js:1:56132)
at Proxy.handleChangeEvent (main.26afb569.js:1:69630)
at Ur (vendor.7d1b3365.js:4:656)
at er (vendor.7d1b3365.js:4:735)
at tE (vendor.7d1b3365.js:4:3200)
at setup (vendor.7d1b3365.js:144:82525)