icarys-fc-vant 1.0.0 → 1.0.2

package/README.md

@@ -1,4 +1,4 @@
-# icarys-fc-vant
+# @icarys/fc-vant
 
 基于 FormCreate 和 Vant 的移动端低代码表单组件库
 
@@ -14,12 +14,76 @@
 
 ```bash
 # 安装组件库
-npm install icarys-fc-vant
+npm install @icarys/fc-vant
 
 # 安装必需的依赖（Vue 3 和 Vant）
 npm install vue@^3.1.0 vant@^4.0.0
 ```
 
+## 项目配置
+
+⚠️ **重要**: 此包包含源文件和JSX代码，您需要在项目中配置对JSX的支持：
+
+### Vue CLI 项目
+
+确保 `vue.config.js` 中配置了JSX：
+
+```javascript
+// vue.config.js
+module.exports = {
+  configureWebpack: {
+    resolve: {
+      extensions: ['.js', '.jsx', '.vue']
+    }
+  }
+}
+```
+
+### Vite 项目
+
+确保 `vite.config.js` 中配置了对JSX的支持：
+
+```javascript
+// vite.config.js
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import vueJsx from '@vitejs/plugin-vue-jsx'
+
+export default defineConfig({
+  plugins: [
+    vue(),
+    vueJsx() // 添加JSX支持
+  ]
+})
+```
+
+### Webpack 项目
+
+在 `webpack.config.js` 中添加JSX支持：
+
+```javascript
+module.exports = {
+  resolve: {
+    extensions: ['.js', '.jsx', '.vue']
+  },
+  module: {
+    rules: [
+      {
+        test: /\.jsx?$/,
+        exclude: /node_modules/,
+        use: {
+          loader: 'babel-loader',
+          options: {
+            presets: ['@babel/preset-env'],
+            plugins: ['@vue/babel-plugin-jsx']
+          }
+        }
+      }
+    ]
+  }
+}
+```
+
 ## 使用
 
 ### 基础用法
@@ -32,7 +96,7 @@ npm install vue@^3.1.0 vant@^4.0.0
 import Vue from 'vue'
 import Vant from 'vant'
 import 'vant/lib/index.css'
-import formCreate from 'icarys-fc-vant'
+import formCreate from '@icarys/fc-vant'
 
 Vue.use(Vant)
 
@@ -72,7 +136,7 @@ $f.submit().then(data => {
 #### 使用工具方法
 
 ```javascript
-import formCreate from 'icarys-fc-vant'
+import formCreate from '@icarys/fc-vant'
 
 // 解析JSON规则
 const rules = formCreate.jsonParse('[{"type":"input","field":"name"}]')
@@ -94,7 +158,7 @@ const $f = formCreate.create(rules)
 </template>
 
 <script>
-import { formCreateMobile } from 'icarys-fc-vant'
+import { formCreateMobile } from '@icarys/fc-vant'
 
 export default {
   mounted() {
@@ -162,11 +226,8 @@ npm install
 # 开发模式
 npm run dev
 
-# 构建
-npm run build
-
-# 发布
-npm run pub
+# 发布（直接发布源文件，无需构建）
+npm publish
 ```
 
 ## 许可证

package/package.json

@@ -1,20 +1,15 @@
 {
   "name": "icarys-fc-vant",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "基于FormCreate和Vant的移动端低代码表单组件库，可以通过JSON生成具有动态渲染、数据收集、验证和提交功能的表单",
-  "main": "./dist/index.min.js",
-  "module": "./dist/index.esm.js",
-  "unpkg": "./dist/index.min.js",
-  "jsdelivr": "./dist/index.min.js",
-  "typings": "./types/index.d.ts",
+  "main": "./src/index.js",
+  "module": "./src/index.js",
+  "unpkg": "./src/index.js",
+  "jsdelivr": "./src/index.js",
   "scripts": {
-    "clean": "rimraf dist/",
-    "bili": "bili",
-    "build": "npm-run-all clean bili",
     "dev": "vue-cli-service serve src/vant/examples",
-    "pub": "npm run build && npm publish"
+    "pub": "npm publish"
   },
-  
   "keywords": [
     "vue3",
     "vant",
@@ -30,8 +25,7 @@
     "package.json",
     "LICENSE",
     "src",
-    "types",
-    "dist"
+    "types"
   ],
   "author": "lvyanrui",
   "license": "MIT",

package/src/index.js

@@ -1,56 +1,5 @@
 // 主入口文件
-import formCreateMobile from './vant/src/index';
-import formCreate from './core/src/index';
-import * as utils from './utils/lib';
-
-// 创建FormCreate实例工厂函数
-const createFormCreate = (rules = [], options = {}) => {
-  return formCreateMobile(rules, options);
-};
-
-// 扩展createFormCreate，添加工具方法
-Object.assign(createFormCreate, {
-  // 表单创建方法
-  create: createFormCreate,
-
-  // 工具方法
-  ...utils,
-
-  // JSON解析方法
-  jsonParse: (jsonString) => {
-    try {
-      return JSON.parse(jsonString);
-    } catch (error) {
-      console.error('JSON parse error:', error);
-      return null;
-    }
-  },
-
-  // JSON序列化方法
-  jsonStringify: (obj) => {
-    try {
-      return JSON.stringify(obj, null, 2);
-    } catch (error) {
-      console.error('JSON stringify error:', error);
-      return null;
-    }
-  },
-
-  // 表单验证器
-  validator: formCreateMobile.validator || {},
-
-  // 表单生成器
-  maker: formCreateMobile.maker || {},
-
-  // 版本信息
-  version: '1.0.0'
-});
-
-// 默认导出
-export default createFormCreate;
-
-// 命名导出
-export { formCreateMobile };
-export { formCreate };
+export { default as formCreateMobile } from './vant/src/index';
+export { default as formCreate } from './core/src/index';
 export * from './utils/lib';
 

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

@@ -25,7 +25,7 @@ export default defineComponent({
     },
     render() {
         return <van-checkbox-group direction="horizontal" {...this.$attrs} modelValue={Array.isArray(this.modelValue) ? this.modelValue : []}
-            onUpdateModelValue={this.onInput}>
+            onUpdate:modelValue={this.onInput}>
             {(this.options || []).map(opt => {
                 const tmp = {...opt};
                 const {text, value} = opt;

package/src/vant/src/components/index.js

@@ -1,4 +1,4 @@
-import subForm from '@form-create/component-subform/dist/index';
+import subForm from '@form-create/components/common/subform/src/index';
 import Calendar from './calendar';
 import Cascader from './cascader';
 import Checkbox from './checkbox';

package/src/vant/src/components/radio.jsx

@@ -25,7 +25,7 @@ export default defineComponent({
     },
     render() {
         return <van-radio-group direction="horizontal" {...this.$attrs} modelValue={this.modelValue}
-            onUpdateModelValue={this.onInput}>
+            onUpdate:modelValue={this.onInput}>
             {(this.options || []).map(opt => {
                 const tmp = {...opt};
                 const {text, value} = opt;