mini-form-render 0.0.5 → 0.0.6

package/src/pages/server-scheme.mpx

@@ -1,75 +1,75 @@
-<template>
-  <view class="form-demo-page">
-    <view style="content: ''; overflow: hidden;"></view>
-
-    <view class="form-demo-container">
-      <view class="form-title">服务端联动表单渲染测试</view>
-      <form-render class="form-render-container" scheme="{{formScheme}}" bindformchange="handleFormChange"/>
-    </view>
-  </view>
-</template>
-
-<script>
-import { createPage } from '@mpxjs/core'
-import serverScheme from '../test/server-relation-scheme'
-
-createPage({
-  data: {
-    formScheme: [],
-    formResult: null
-  },
-  onLoad() {
-    console.log('onLoad, server scheme is:', serverScheme)
-    // this.formScheme = scheme1
-    this.initFormScheme()
-  },
-  watch: {
-    formResult() {
-      this.initFormScheme()
-    }
-  },
-  methods: {
-    initFormScheme() {
-      const formProperties = []
-      serverScheme.properties.forEach(item => {
-        if (item.condition) {
-          const condition = item.condition
-          if (this.formResult && this.formResult[condition.key] === condition.value) {
-            formProperties.push(item)
-          }
-        } else {
-          formProperties.push(item)
-        }
-      })
-      this.formScheme = { properties: formProperties }
-    },
-    handleFormChange(e) {
-      console.log('form change handler: ', e.detail)
-      this.formResult = e.detail
-    }
-  }
-})
-</script>
-
-<style lang="stylus">
-page
-  background-color #f5f5f5
-
-.form-demo-container
-  background #fff
-  margin 24rpx
-  border-radius 16rpx
-  padding 24rpx
-
-.form-render-container {
-  margin-top 24rpx
-}
-</style>
-
-<script type="application/json">
-  {
-    "usingComponents": {
-      "form-render": "../components/form"
-    }
-  }
-</script>
+<template>
+  <view class="form-demo-page">
+    <view style="content: ''; overflow: hidden;"></view>
+
+    <view class="form-demo-container">
+      <view class="form-title">服务端联动表单渲染测试</view>
+      <form-render class="form-render-container" scheme="{{formScheme}}" bindformchange="handleFormChange"/>
+    </view>
+  </view>
+</template>
+
+<script>
+import { createPage } from '@mpxjs/core'
+import serverScheme from '../test/server-relation-scheme'
+
+createPage({
+  data: {
+    formScheme: [],
+    formResult: null
+  },
+  onLoad() {
+    console.log('onLoad, server scheme is:', serverScheme)
+    // this.formScheme = scheme1
+    this.initFormScheme()
+  },
+  watch: {
+    formResult() {
+      this.initFormScheme()
+    }
+  },
+  methods: {
+    initFormScheme() {
+      const formProperties = []
+      serverScheme.properties.forEach(item => {
+        if (item.condition) {
+          const condition = item.condition
+          if (this.formResult && this.formResult[condition.key] === condition.value) {
+            formProperties.push(item)
+          }
+        } else {
+          formProperties.push(item)
+        }
+      })
+      this.formScheme = { properties: formProperties }
+    },
+    handleFormChange(e) {
+      console.log('form change handler: ', e.detail)
+      this.formResult = e.detail
+    }
+  }
+})
+</script>
+
+<style lang="stylus">
+page
+  background-color #f5f5f5
+
+.form-demo-container
+  background #fff
+  margin 24rpx
+  border-radius 16rpx
+  padding 24rpx
+
+.form-render-container {
+  margin-top 24rpx
+}
+</style>
+
+<script type="application/json">
+  {
+    "usingComponents": {
+      "form-render": "../components/form"
+    }
+  }
+</script>

package/src/test/paint-form.js

@@ -1,43 +1,43 @@
-const getFormScheme = (formRes) => {
-  const baseScheme = {
-    properties: [model]
-  }
-
-  baseScheme.properties.push(formRes.model !== '二次元' ? templateDream : templateAnything)
-
-  const formScheme = baseScheme
-
-  return formScheme
-}
-
-const model = {
-  key: 'model',
-  type: 'string',
-  title: '模型选择',
-  widget: 'picker',
-  customData: {
-    pickerArr: ['绘梦', '二次元']
-  }
-}
-
-const templateDream = {
-  key: 'template',
-  type: 'string',
-  title: '模板选择',
-  widget: 'picker',
-  customData: {
-    pickerArr: ['油画', '风景', '水彩']
-  }
-}
-
-const templateAnything = {
-  key: 'template',
-  type: 'string',
-  title: '模板选择',
-  widget: 'picker',
-  customData: {
-    pickerArr: ['幻想', '动漫']
-  }
-}
-
-export default getFormScheme
+const getFormScheme = (formRes) => {
+  const baseScheme = {
+    properties: [model]
+  }
+
+  baseScheme.properties.push(formRes.model !== '二次元' ? templateDream : templateAnything)
+
+  const formScheme = baseScheme
+
+  return formScheme
+}
+
+const model = {
+  key: 'model',
+  type: 'string',
+  title: '模型选择',
+  widget: 'picker',
+  customData: {
+    pickerArr: ['绘梦', '二次元']
+  }
+}
+
+const templateDream = {
+  key: 'template',
+  type: 'string',
+  title: '模板选择',
+  widget: 'picker',
+  customData: {
+    pickerArr: ['油画', '风景', '水彩']
+  }
+}
+
+const templateAnything = {
+  key: 'template',
+  type: 'string',
+  title: '模板选择',
+  widget: 'picker',
+  customData: {
+    pickerArr: ['幻想', '动漫']
+  }
+}
+
+export default getFormScheme

package/src/test/scheme1.js

@@ -1,22 +1,22 @@
-export default {
-  properties: [
-    {
-      key: 'model',
-      type: 'string',
-      title: '模型选择',
-      widget: 'picker',
-      customData: {
-        pickerArr: ['绘梦', '二次元', '真人']
-      }
-    },
-    {
-      key: 'template',
-      type: 'string',
-      title: '模板选择',
-      widget: 'picker',
-      customData: {
-        pickerArr: ['油画', '水彩', '风景']
-      }
-    }
-  ]
-}
+export default {
+  properties: [
+    {
+      key: 'model',
+      type: 'string',
+      title: '模型选择',
+      widget: 'picker',
+      customData: {
+        pickerArr: ['绘梦', '二次元', '真人']
+      }
+    },
+    {
+      key: 'template',
+      type: 'string',
+      title: '模板选择',
+      widget: 'picker',
+      customData: {
+        pickerArr: ['油画', '水彩', '风景']
+      }
+    }
+  ]
+}

package/src/test/server-relation-scheme.js

@@ -1,33 +1,33 @@
-// 服务端下发且需要联动的scheme，前端整理后进行渲染
-export default {
-  properties: [
-    {
-      key: 'model',
-      title: '模型选择',
-      widget: 'picker',
-      customData: {
-        pickerArr: ['绘梦', '二次元', '真人']
-      },
-      children: [
-        {
-          key: 'template',
-          title: '模板选择',
-          widget: 'picker',
-          condition: '绘梦',
-          customData: {
-            pickerArr: ['油画', '水彩', '风景']
-          }
-        },
-        {
-          key: 'template',
-          title: '模板选择',
-          widget: 'picker',
-          condition: '二次元',
-          customData: {
-            pickerArr: ['测试1', '测试2', '测试3']
-          }
-        }
-      ]
-    }
-  ]
-}
+// 服务端下发且需要联动的scheme，前端整理后进行渲染
+export default {
+  properties: [
+    {
+      key: 'model',
+      title: '模型选择',
+      widget: 'picker',
+      customData: {
+        pickerArr: ['绘梦', '二次元', '真人']
+      },
+      children: [
+        {
+          key: 'template',
+          title: '模板选择',
+          widget: 'picker',
+          condition: '绘梦',
+          customData: {
+            pickerArr: ['油画', '水彩', '风景']
+          }
+        },
+        {
+          key: 'template',
+          title: '模板选择',
+          widget: 'picker',
+          condition: '二次元',
+          customData: {
+            pickerArr: ['测试1', '测试2', '测试3']
+          }
+        }
+      ]
+    }
+  ]
+}

package/static/wx/project.config.json

@@ -1,62 +1,62 @@
-{
-  "setting": {
-    "newFeature": true,
-    "urlCheck": true,
-    "es6": false,
-    "postcss": true,
-    "minified": false,
-    "checkSiteMap": false,
-    "autoAudits": false,
-    "coverView": true,
-    "lazyloadPlaceholderEnable": false,
-    "preloadBackgroundData": false,
-    "uglifyFileName": false,
-    "uploadWithSourceMap": true,
-    "enhance": false,
-    "useMultiFrameRuntime": true,
-    "showShadowRootInWxmlPanel": true,
-    "packNpmManually": false,
-    "packNpmRelationList": [],
-    "minifyWXSS": true,
-    "useStaticServer": true,
-    "showES6CompileOption": false,
-    "checkInvalidKey": true,
-    "babelSetting": {
-      "ignore": [],
-      "disablePlugins": [],
-      "outputPath": ""
-    },
-    "disableUseStrict": false,
-    "useCompilerPlugins": false,
-    "minifyWXML": true,
-    "compileHotReLoad": true,
-    "ignoreUploadUnusedFiles": false,
-    "condition": false
-  },
-  "appid": "wx74053e55da62dcd3",
-  "projectname": "mpxdemo",
-  "description": "项目配置文件，详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
-  "condition": {
-    "miniprogram": {
-      "list": [
-        {
-          "name": "服务端下发",
-          "pathName": "pages/server-scheme",
-          "query": "",
-          "launchMode": "default",
-          "scene": null
-        }
-      ]
-    }
-  },
-  "compileType": "miniprogram",
-  "libVersion": "2.28.0",
-  "packOptions": {
-    "ignore": [],
-    "include": []
-  },
-  "editorSetting": {
-    "tabIndent": "insertSpaces",
-    "tabSize": 2
-  }
+{
+  "setting": {
+    "newFeature": true,
+    "urlCheck": true,
+    "es6": false,
+    "postcss": true,
+    "minified": false,
+    "checkSiteMap": false,
+    "autoAudits": false,
+    "coverView": true,
+    "lazyloadPlaceholderEnable": false,
+    "preloadBackgroundData": false,
+    "uglifyFileName": false,
+    "uploadWithSourceMap": true,
+    "enhance": false,
+    "useMultiFrameRuntime": true,
+    "showShadowRootInWxmlPanel": true,
+    "packNpmManually": false,
+    "packNpmRelationList": [],
+    "minifyWXSS": true,
+    "useStaticServer": true,
+    "showES6CompileOption": false,
+    "checkInvalidKey": true,
+    "babelSetting": {
+      "ignore": [],
+      "disablePlugins": [],
+      "outputPath": ""
+    },
+    "disableUseStrict": false,
+    "useCompilerPlugins": false,
+    "minifyWXML": true,
+    "compileHotReLoad": true,
+    "ignoreUploadUnusedFiles": false,
+    "condition": false
+  },
+  "appid": "wx74053e55da62dcd3",
+  "projectname": "mpxdemo",
+  "description": "项目配置文件，详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
+  "condition": {
+    "miniprogram": {
+      "list": [
+        {
+          "name": "服务端下发",
+          "pathName": "pages/server-scheme",
+          "query": "",
+          "launchMode": "default",
+          "scene": null
+        }
+      ]
+    }
+  },
+  "compileType": "miniprogram",
+  "libVersion": "2.28.0",
+  "packOptions": {
+    "ignore": [],
+    "include": []
+  },
+  "editorSetting": {
+    "tabIndent": "insertSpaces",
+    "tabSize": 2
+  }
 }

package/vue.config.js

@@ -1,16 +1,16 @@
-const { defineConfig } = require('@vue/cli-service')
-const path = require('path')
-module.exports = defineConfig({
-  pluginOptions: {
-    mpx: {
-      srcMode: 'wx',
-      plugin: {
-        customOutputPath(type, name, hash, ext) {
-          // console.log(1111, path.join(type + 's', name, 'index' + ext))
-          return path.join(type + 's', name, 'index' + ext)
-        }
-      },
-      loader: {}
-    }
-  }
-})
+const { defineConfig } = require('@vue/cli-service')
+const path = require('path')
+module.exports = defineConfig({
+  pluginOptions: {
+    mpx: {
+      srcMode: 'wx',
+      plugin: {
+        customOutputPath(type, name, hash, ext) {
+          // console.log(1111, path.join(type + 's', name, 'index' + ext))
+          return path.join(type + 's', name, 'index' + ext)
+        }
+      },
+      loader: {}
+    }
+  }
+})