@lambo-design/variant-form 2.2.9-beta.0 → 2.2.9-beta.1

package/src/extension/extension-loader.js

@@ -28,7 +28,7 @@ export const loadExtension = function () {
    * 4. 注册容器组件的代码生成器；
    * 5. 加载完毕。
    */
-  addContainerWidgetSchema(cardSchema)  //加载组件Json Schema
+  // addContainerWidgetSchema(cardSchema)  //加载组件Json Schema
   /* -------------------------------------------------- */
   Vue.component(CardWidget.name, CardWidget)  //注册设计期的容器组件
   Vue.component(CardItem.name, CardItem)  //注册运行期的容器组件

package/src/icons/svg/relation-form-field.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1615359824945" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="66338" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M661.377376 411.069935V475.664516H314.175312v395.654882h557.144086V475.664516h-48.447312V411.069935h48.447312c35.674839 0 64.594581 28.919742 64.59458 64.594581v395.654882c0 35.674839-28.919742 64.594581-64.59458 64.59458h-557.144086c-35.674839 0-64.600086-28.919742-64.600086-64.59458V475.664516c0-35.674839 28.925247-64.594581 64.600086-64.594581h347.202064z m48.447312-322.983913c35.674839 0 64.600086 28.919742 64.600086 64.59458v403.731269c0 35.674839-28.925247 64.594581-64.600086 64.594581H362.622624v-64.594581h347.202064V152.680602h-557.144086v403.731269h48.447312V621.006452h-48.447312c-35.674839 0-64.594581-28.919742-64.59458-64.594581V152.680602C88.086022 117.005763 117.005763 88.086022 152.680602 88.086022h557.144086z" p-id="66339"></path></svg>

package/src/lang/en-US.js

@@ -52,8 +52,12 @@ export default {
       button:         'Button',
       divider:        'Divider',
 
+      'relation-form':  'RelationForm',
+
       'picture-upload': 'Picture',
       'file-upload':    'File',
+      'organ-select':   'Organ',
+      'user-select':    'User',
       'rich-editor':    'Rich Editor',
       cascader:         'Cascader',
       slot:             'Slot',
@@ -116,6 +120,7 @@ export default {
 
       widgetSetting: 'Widget Config',
       formSetting: 'Form Config',
+      dataModelSetting: 'Data Model Setting',
 
       prompt: 'Prompt',
       confirm: 'OK',
@@ -177,6 +182,11 @@ export default {
       endPlaceholder: 'End Placeholder',
       widgetColumnWidth: 'Width',
       widgetSize: 'Size',
+      sizeDefault: 'Default',
+      sizeLarge: 'Large',
+      // sizeMedium: 'Medium',
+      sizeSmall: 'Small',
+      // sizeMini: 'Mini',
       fontSize: 'Font Size',
       textAlign: 'Text Align',
       showStops: 'Show Stops',
@@ -186,6 +196,8 @@ export default {
       buttonStyle: 'Show As Button',
       border: 'Show Border',
       labelWidth: 'Width Of Label',
+      rootOrgan: 'Root Organ',
+      allowMultiple: 'allow multiple',
       rows: 'Rows',
       labelHidden: 'Hide Label',
       required: 'Required',
@@ -306,6 +318,7 @@ export default {
       labelPosition: 'Position Of Label',
       topPosition: 'Top',
       leftPosition: 'Left',
+      rightPosition: 'Right',
       labelAlign: 'Label Align',
       leftAlign: 'Left',
       centerAlign: 'Center',
@@ -348,6 +361,32 @@ export default {
       addTableColumn: 'Add New Column',
       deleteTableColumn: 'Delete This Column',
       OnlyOneColumnCannotBeDeleted: 'The last column cannot be deleted.',
+
+      relationForm: 'Relation Form',
+      relationItems: 'Relation Items',
+      relationType: 'Relation Type',
+      relationSelect: 'Select',
+      relationList: 'List',
+      relationHelp: 'Help',
+      relationValue: 'Relation Value',
+      relationLabel: 'Relation Label',
+
+      operList: 'Action Buttons',
+      subFormId: 'Sub Form Id',
+      displayFields: 'Display Fields',
+      actions: {
+        insert: 'Insert',
+        edit: 'Edit',
+        delete: 'Delete',
+        copy: 'Copy',
+        draggable: 'Draggable',
+        batchDelete: 'Batch Delete',
+        detail: 'Detail',
+      },
+      batchDeleteConfirm: 'Batch Delete Confirm',
+
+      tableName: 'Table Name',
+      tableDescription: 'Table Description'
     }
 
   }

package/src/lang/zh-CN.js

@@ -52,8 +52,12 @@ export default {
       button:         '按钮',
       divider:        '分隔线',
 
+      'relation-form':  '关联表单',
+
       'picture-upload': '图片',
       'file-upload':    '文件',
+      'organ-select':   '组织',
+      'user-select':    '用户',
       'rich-editor':    '富文本',
       cascader:         '级联选择',
       slot:             '插槽',
@@ -116,6 +120,7 @@ export default {
 
       widgetSetting: '组件设置',
       formSetting: '表单设置',
+      dataModelSetting: '数据模型设置',
 
       prompt: '提示',
       confirm: '确定',
@@ -177,6 +182,11 @@ export default {
       endPlaceholder: '截止占位内容',
       widgetColumnWidth: '组件列宽',
       widgetSize: '组件大小',
+      sizeDefault: '默认',
+      sizeLarge: '大',
+      // sizeMedium: '中',
+      sizeSmall: '小',
+      // sizeMini: '迷你',
       fontSize: '字体大小',
       textAlign: '文字对齐',
       showStops: '显示间断点',
@@ -186,11 +196,13 @@ export default {
       buttonStyle: '显示为按钮',
       border: '带有边框',
       labelWidth: '标签宽度',
+      rootOrgan: '根组织',
+      allowMultiple: '允许多选',
       rows: '行数',
       labelHidden: '隐藏字段标签',
       required: '必填字段',
-      validation: '字段校验',
       requiredHint: '必填校验提示',
+      validation: '字段校验',
       validationHelp: '支持输入正则表达式',
       validationHint: '校验失败提示',
       readonly: '只读',
@@ -303,9 +315,10 @@ export default {
 
       widgetName: '组件唯一名称',
       formSize: '全局组件大小',
-      labelPosition: '字段标签位置',
+      labelPosition: '对齐方式',
       topPosition: '顶部',
       leftPosition: '左边',
+      rightPosition: '右边',
       labelAlign: '标签对齐',
       leftAlign: '居左',
       centerAlign: '居中',
@@ -332,8 +345,8 @@ export default {
       smallPagination: '小型分页',
       tableColEdit: '表格列编辑',
       tableDataEdit: '表格数据编辑',
-      showSummary: '是否合计',
       stripe: '是否斑马线',
+      showSummary: '是否合计',
       rowSpacing: '行距（px）',
       editAction: '编辑...',
       columnName: '字段名称',
@@ -348,6 +361,32 @@ export default {
       addTableColumn: '增加列',
       deleteTableColumn: '删除列',
       OnlyOneColumnCannotBeDeleted: '表格只有一列时不可删除.',
+
+      relationForm: '关联表单',
+      relationItems: '关联表单项',
+      relationType: '关联表单样式',
+      relationSelect: '下拉选项',
+      relationList: '列表选项',
+      relationHelp: '弹出选项',
+      relationValue: '关联数据编码',
+      relationLabel: '关联数据标签',
+
+      operList: '操作功能',
+      subFormId: '子表单',
+      displayFields: '展示表单项',
+      actions: {
+        insert: '新增',
+        edit: '编辑',
+        delete: '删除',
+        copy: '复制',
+        draggable: '拖动',
+        batchDelete: '批量删除',
+        detail: '详情',
+      },
+      batchDeleteConfirm: '确定批量删除吗',
+
+      tableName: '物理表名称',
+      tableDescription: '物理表描述'
     }
 
   }

package/src/main.js

@@ -0,0 +1,29 @@
+import 'babel-polyfill'
+import './utils/debug-console'
+import Vue from 'vue'
+import axios from "axios";
+import App from './App.vue'
+import ElementUI from 'element-ui'
+import './utils/directive'
+import './icons'
+
+import 'element-ui/lib/theme-chalk/index.css'
+import '@/styles/index.scss'
+import '@/iconfont/iconfont.css'
+
+import {loadExtension} from '@/extension/extension-loader'
+
+loadExtension()
+
+Vue.use(ElementUI, { size: 'small' })
+
+if (typeof window !== 'undefined') {
+  window.axios = axios
+}
+
+Vue.config.productionTip = false
+
+new Vue({
+  el: "#app",
+  render: h => h(App),
+})

package/src/utils/config.js

@@ -1,4 +1,4 @@
-export const VARIANT_FORM_VERSION = '2.2.9'
+export const VARIANT_FORM_VERSION = '1.0.0'
 
 //export const MOCK_CASE_URL = 'https://www.fastmock.site/mock/2de212e0dc4b8e0885fea44ab9f2e1d0/vform/'
 export const MOCK_CASE_URL = 'https://ks3-cn-beijing.ksyuncs.com/vform-static/vcase/'

package/src/utils/util.js

@@ -14,7 +14,33 @@ export function isEmptyStr(str) {
 }
 
 export const generateId = function() {
-  return Math.floor(Math.random() * 100000 + Math.random() * 20000 + Math.random() * 5000);
+  //1、原算法
+  //结果范围：最小值：0 + 0 + 0 = 0,最大值：99999 + 19999 + 4999 ≈ 125000,实际结果范围：0-124997（因为Math.floor会向下取整）
+  //由于是三个独立随机数相加，结果会呈现近似正态分布,中间值出现的概率高于极端值
+  // return Math.floor(Math.random() * 100000 + Math.random() * 20000 + Math.random() * 5000);
+  //1.2、如果需要更精确的范围控制，建议使用单个Math.random()乘以目标范围,生成特定范围的随机数,6位
+  // let min=100000,max=1000000;
+  // return Math.floor(Math.random() * (max - min + 1)) + min;
+  //1.3、结合时间戳增加随机性的随机数,增强动态混合算法,6位以内,强制填充到6位
+  return Math.floor(((Math.random() * (Date.now() % 1000) ) % 1 ) * 1000000).toString().padStart(6, '0');
+  //1.4、密码学安全组合,10位
+  // const crypto = window.crypto || window.msCrypto;
+  // const array = new Uint32Array(1);
+  // crypto.getRandomValues(array); // 密码学安全随机数
+  // return (array[0] ^ Date.now()) >>> 0; // 无符号右移确保正整数
+  //1.5、使用Math.random()生成包含0-9和a-z字符的具有合理唯一性的随机ID字符串，适用于需要临时或者独特标识符场景，9位
+  // return Math.random().toString(36).substr(2,9);
+  //1.5.1、注：new Date().getTime().toString(36)可以将时间戳从13位转换为8位的包含0-9和a-z的字符串
+  //2、借鉴generateUniqueId方法，18位太长了
+  // const timestamp = Date.now(); // 当前时间的时间戳（以毫秒为单位）
+  // const randomNum = Math.floor(Math.random() * 10000); // 0 到 9999 的随机数
+  // return `${timestamp}${randomNum}`; // 将时间戳和随机数拼接
+};
+
+export const generateUniqueId = function() {
+  const timestamp = Date.now(); // 当前时间的时间戳（以毫秒为单位）
+  const randomNum = Math.floor(Math.random() * 10000); // 0 到 9999 的随机数
+  return `${timestamp}${randomNum}`; // 将时间戳和随机数拼接
 };
 
 export const deepClone = function (origin) {
@@ -367,6 +393,14 @@ export function getDefaultFormConfig() {
     onFormDataChange: '',
   }
 }
+function generateUUID() {
+  const chars = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
+  let uuid = '';
+  for (let i = 0; i < 9; i++) { // 生成9个随机字符
+    uuid += chars[Math.floor(Math.random() * chars.length)];
+  }
+  return uuid;
+}
 
 export function buildDefaultFormJson() {
   return {

package/vue.config.js

@@ -0,0 +1,93 @@
+'use strict'
+
+const path = require('path')
+const IS_PROD = process.env.NODE_ENV === 'production'
+
+function resolve (dir) {
+  return path.join(__dirname, dir)
+}
+
+const npmConfigArgv = (process.env.npm_config_argv === undefined) ? null : JSON.parse(process.env.npm_config_argv)
+/*
+console.log('npm config: ', npmConfigArgv)
+const procArgv = process.argv
+console.log('npm config: ', procArgv)
+*/
+let buildProdFlag = false
+if (!!npmConfigArgv) {
+  npmConfigArgv.original.forEach(cItem => {
+    if (cItem === 'build') {
+      buildProdFlag = true
+    }
+  })
+}
+
+const mvdir = require('mvdir');
+if (IS_PROD && buildProdFlag) {
+  mvdir('index_template/index_prod.html', 'public/index.html', { copy: true });
+} else {
+  mvdir('index_template/index_dev.html', 'public/index.html', { copy: true });
+}
+
+
+module.exports = {
+  publicPath: './',
+  assetsDir: './',
+
+  /* 开启vue运行时模板编译功能！！ */
+  runtimeCompiler: true,
+
+  lintOnSave: false,
+
+  productionSourceMap: false,
+
+  /* 指定node_modules目录中需要做babel转译的依赖库 */
+  transpileDependencies: [
+    'element-ui', 'vuedraggable',
+  ],
+
+  css: {
+    loaderOptions: {
+      scss: {
+        /* 自动引入全局scss文件 */
+        prependData: `
+          @import "./src/styles/global.scss";
+        `
+      }
+    }
+  },
+
+  configureWebpack: (config) => {
+    config.devtool = 'source-map'
+    config.output.libraryExport = 'default'  /* 解决import UMD打包文件时, 组件install方法执行报错的问题！！ */
+
+    if (IS_PROD && buildProdFlag) { /* 仅生产环境使用 */
+      /* CDN打包，需要修改index.html加入CDN资源 */
+      config.externals = {
+        'vue': 'Vue',
+        'element-ui': 'ELEMENT',
+        //'quill': 'Quill',
+      }
+    }
+  },
+
+  chainWebpack: config => {
+    /* 配置svg图标自动加载 begin */
+    config.module
+        .rule('svg')
+        .exclude.add(resolve('src/icons'))
+        .end()
+    config.module
+        .rule('icons')
+        .test(/\.svg$/)
+        .include.add(resolve('src/icons'))
+        .end()
+        .use('svg-sprite-loader')
+        .loader('svg-sprite-loader')
+        .options({
+          symbolId: 'icon-[name]'
+        })
+    /* 配置svg图标自动加载 end */
+  },
+
+}