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

package/src/lang/zh-CN.js

@@ -0,0 +1,354 @@
+export default {
+  application: {
+    'zh-CN': '简体中文',
+    'en-US': 'English',
+    productTitle: '表单设计器',
+    github: 'GitHub',
+    document: '文档',
+    qqGroup: '技术WX群',
+    deployment: '私有部署',
+    subscription: '订阅Pro',
+  },
+
+  designer: {
+    componentLib: '组件库',
+    formLib: '表单模板',
+    containerTitle: '容器',
+    dragHandlerHint: '鼠标拖拽容器组件或字段组件并放置于表单中',
+    dragAction: '拖动',
+    basicFieldTitle: '基础字段',
+    advancedFieldTitle: '高级字段',
+    customFieldTitle: '自定义扩展字段',
+
+    noWidgetHint: '请从左侧列表中选择一个组件, 然后用鼠标拖动组件放置于此处.',
+
+    widgetLabel: {
+      grid:             '栅格',
+      table:            '表格',
+      tab:              '标签页',
+      section:          '区块',
+      'sub-form':       '子表单',
+      'grid-col':       '栅格列',
+      'table-cell':     '单元格',
+      'tab-pane':       '选项卡页',
+      'data-table':     '数据表格',
+
+      input:          '单行输入',
+      textarea:       '多行输入',
+      number:         '计数器',
+      radio:          '单选项',
+      checkbox:       '多选项',
+      select:         '下拉选项',
+      time:           '时间',
+      'time-range':   '时间范围',
+      date:           '日期',
+      'date-range':   '日期范围',
+      switch:         '开关',
+      rate:           '评分',
+      color:          '颜色选择器',
+      slider:         '滑块',
+      'static-text':  '静态文字',
+      'html-text':    'HTML',
+      button:         '按钮',
+      divider:        '分隔线',
+
+      'picture-upload': '图片',
+      'file-upload':    '文件',
+      'rich-editor':    '富文本',
+      cascader:         '级联选择',
+      slot:             '插槽',
+
+      custom:           'Custom Component',
+    },
+
+    hint: {
+      selectParentWidget: '选中父组件',
+      moveUpWidget: '上移组件',
+      moveDownWidget: '下移组件',
+      cloneWidget: '复制组件',
+      insertRow: '插入新行',
+      insertColumn: '插入新列',
+      remove: '移除组件',
+      cellSetting: '单元格操作',
+      dragHandler: '拖拽手柄',
+      copyField: '复制字段组件',
+      onlyFieldWidgetAcceptable: '子表单只能接收字段组件',
+      moveUpFirstChildHint: '已经移动到最上面',
+      moveDownLastChildHint: '已经移动到最下面',
+
+      closePreview: '关闭',
+      copyJson: '复制JSON',
+      saveFormJson: '保存为文件',
+      copyVueCode: '复制Vue代码',
+      copyHtmlCode: '复制HTML代码',
+      copyJsonSuccess: '复制JSON成功',
+      importJsonSuccess: '导入JSON成功',
+      copyJsonFail: '复制JSON失败',
+      copyVueCodeSuccess: '复制Vue代码成功',
+      copyVueCodeFail: '复制Vue代码失败',
+      copyHtmlCodeSuccess: '复制HTML代码成功',
+      copyHtmlCodeFail: '复制HTML代码失败',
+      saveVueCode: '保存Vue文件',
+      saveHtmlCode: '保存Html文件',
+      getFormData: '获取数据',
+      resetForm: '重置表单',
+      disableForm: '禁用编辑',
+      enableForm: '恢复编辑',
+      exportFormData: '表单数据',
+      copyFormData: '复制JSON',
+      saveFormData: '保存为文件',
+      copyVue2SFC: '复制Vue2代码',
+      copyVue3SFC: '复制Vue3代码',
+      copySFCFail: '复制SFC代码失败',
+      copySFCSuccess: '复制SFC代码成功',
+      saveVue2SFC: '保存为Vue2组件',
+      saveVue3SFC: '保存为Vue3组件',
+      fileNameForSave: '文件名：',
+      saveFileTitle: '保存为文件',
+      fileNameInputPlaceholder: '请输入文件名',
+      sampleLoadedSuccess: '表单示例加载成功',
+      sampleLoadedFail: '表单示例加载失败',
+      loadFormTemplate: '加载此模板',
+      loadFormTemplateHint: '是否加载这个模板？加载后会覆盖设计器当前表单，你可以使用“撤销”功能恢复。',
+      loadFormTemplateSuccess: '表单模板加载成功',
+      loadFormTemplateFailed: '表单模板加载失败',
+      currentNodeCannotBeSelected: '当前组件节点不可选择',
+
+      widgetSetting: '组件设置',
+      formSetting: '表单设置',
+
+      prompt: '提示',
+      confirm: '确定',
+      cancel: '取消',
+      import: '导入',
+      importJsonHint: '导入的JSON内容须符合下述格式，以保证顺利导入.',
+      invalidOptionsData: '无效的选项数据:',
+      lastPaneCannotBeDeleted: '仅剩一个选项卡页不可删除.',
+      duplicateName: '组件名称已存在: ',
+      nameRequired: '组件名称不可为空',
+
+      numberValidator: '数字',
+      letterValidator: '字母',
+      letterAndNumberValidator: '数字字母',
+      mobilePhoneValidator: '手机号码',
+      emailValidator: '邮箱',
+      urlValidator: '网址',
+      noChineseValidator: '非中文字符',
+      chineseValidator: '仅中文字符',
+
+      rowspanNotConsistentForMergeEntireRow: '存在行高不一致的单元格, 无法合并整行.',
+      colspanNotConsistentForMergeEntireColumn: '存在列宽不一致的单元格, 无法合并整列.',
+      rowspanNotConsistentForDeleteEntireRow: '存在行高不一致的单元格, 不可删除整行.',
+      colspanNotConsistentForDeleteEntireColumn: '存在列宽不一致的单元格, 不可删除整列.',
+      lastColCannotBeDeleted: '最后一列不可删除.',
+      lastRowCannotBeDeleted: '最后一行不可删除.',
+    },
+
+    toolbar: {
+      undoHint: '撤销',
+      redoHint: '重做',
+      pcLayout: 'PC',
+      padLayout: 'Pad',
+      mobileLayout: 'H5',
+      nodeTreeHint: '组件层次结构树',
+      nodeTreeTitle: '组件层次结构树',
+      clear: '清空',
+      preview: '预览',
+      importJson: '导入JSON',
+      exportJson: '导出JSON',
+      exportCode: '导出代码',
+      generateCode: '生成代码',
+      generateSFC: '生成SFC',
+    },
+
+    setting: {
+      basicSetting: '基本属性',
+      attributeSetting: '属性设置',
+      commonSetting: '常见属性',
+      advancedSetting: '高级属性',
+      eventSetting: '事件属性',
+      uniqueName: '唯一名称',
+      editNameHelp: '修改名称后需按回车确认',
+      label: '标签',
+      displayType: '显示类型',
+      defaultValue: '默认值',
+      placeholder: '占位内容',
+      startPlaceholder: '起始占位内容',
+      endPlaceholder: '截止占位内容',
+      widgetColumnWidth: '组件列宽',
+      widgetSize: '组件大小',
+      fontSize: '字体大小',
+      textAlign: '文字对齐',
+      showStops: '显示间断点',
+      displayStyle: '显示样式',
+      inlineLayout: '行内',
+      blockLayout: '块',
+      buttonStyle: '显示为按钮',
+      border: '带有边框',
+      labelWidth: '标签宽度',
+      rows: '行数',
+      labelHidden: '隐藏字段标签',
+      required: '必填字段',
+      validation: '字段校验',
+      requiredHint: '必填校验提示',
+      validationHelp: '支持输入正则表达式',
+      validationHint: '校验失败提示',
+      readonly: '只读',
+      disabled: '禁用',
+      hidden: '隐藏',
+      textContent: '静态文字',
+      preWrap: '自动换行',
+      htmlContent: 'HTML',
+      clearable: '可清除',
+      editable: '可输入',
+      format: '显示格式',
+      valueFormat: '绑定值格式',
+      showPassword: '可显示密码',
+      filterable: '可搜索选项',
+      allowCreate: '允许创建选项',
+      remote: '可远程搜索',
+      automaticDropdown: '自动弹出选项',
+      multiple: '选项可多选',
+      multipleLimit: '多选数量限制',
+      checkStrictly: '任意级节点可选',
+      showAllLevels: '显示完整路径',
+      contentPosition: '文字位置',
+      plain: '朴素按钮',
+      round: '圆角按钮',
+      circle: '圆形按钮',
+      icon: '图标',
+      optionsSetting: '选项设置',
+      addOption: '增加选项',
+      importOptions: '导入选项',
+      resetDefault: '重设选中项',
+      uploadSetting: '上传参数设置',
+      uploadURL: '上传地址',
+      uploadTip: '上传提示内容',
+      withCredentials: '发送cookie凭证',
+      multipleSelect: '文件可多选',
+      showFileList: '显示文件列表',
+      limit: '最大上传数量',
+      fileMaxSize: '文件大小限制(MB)',
+      fileTypes: '上传文件类型',
+      fileTypesHelp: '支持添加其他文件类型',
+      headers: '上传请求头',
+
+      cellWidth: '宽度',
+      cellHeight: '高度',
+      wordBreak: '文字自动换行',
+      gridColHeight: '栅格列统一高度(px)',
+      gutter: '栅格间隔(px)',
+      columnSetting: '栅格属性设置',
+      colsOfGrid: '当前栅格列:',
+      colSpanTitle: '栅格宽度',
+      colOffsetTitle: '左侧间隔格数',
+      colPushTitle: '右移栅格数',
+      colPullTitle: '左移栅格数',
+      addColumn: '增加栅格',
+      responsive: '响应式布局',
+
+      tabPaneSetting: '选项卡设置',
+      addTabPane: '增加选项卡页',
+      paneActive: '激活',
+
+      customLabelIcon: '定制字段标签',
+      labelIconClass: '标签Icon样式',
+      labelIconPosition: '标签Icon位置',
+      labelTooltip: '标签文字提示',
+      minValue: '最小值',
+      maxValue: '最大值',
+      precision: '精度',
+      step: '增减步长',
+      controlsPosition: '控制按钮位置',
+      minLength: '最小长度',
+      maxLength: '最大长度',
+      showWordLimit: '显示字数统计',
+      prefixIcon: '头部Icon',
+      suffixIcon: '尾部Icon',
+      inputButton: '输入框按钮设置',
+      appendButton: '添加后置按钮',
+      appendButtonDisabled: '后置按钮禁用',
+      appendButtonIcon: '后置按钮Icon',
+      buttonIcon: '按钮Icon',
+      switchWidth: '开关宽度（像素）',
+      activeText: '开启时文字描述',
+      inactiveText: '关闭时文字描述',
+      activeColor: '开启时背景色',
+      inactiveColor: '关闭时背景色',
+      maxStars: '最大评分值',
+      lowThreshold: '低分界限值',
+      highThreshold: '高分界限值',
+      allowHalf: '允许半选',
+      showText: '显示辅助文字',
+      showScore: '显示当前分数',
+      range: '是否为范围选择',
+      vertical: '是否竖向显示',
+      showBlankRow: '默认显示新行',
+      showRowNumber: '显示行号',
+
+      insertColumnToLeft: '插入左侧列',
+      insertColumnToRight: '插入右侧列',
+      insertRowAbove: '插入上方行',
+      insertRowBelow: '插入下方行',
+      mergeLeftColumn: '合并左侧单元格',
+      mergeRightColumn: '合并右侧单元格',
+      mergeEntireRow: '合并整行',
+      mergeRowAbove: '合并上方单元格',
+      mergeRowBelow: '合并下方单元格',
+      mergeEntireColumn: '合并整列',
+      undoMergeCol: '撤销列合并',
+      undoMergeRow: '撤销行合并',
+      deleteEntireCol: '删除整列',
+      deleteEntireRow: '删除整行',
+
+      widgetName: '组件唯一名称',
+      formSize: '全局组件大小',
+      labelPosition: '字段标签位置',
+      topPosition: '顶部',
+      leftPosition: '左边',
+      labelAlign: '标签对齐',
+      leftAlign: '居左',
+      centerAlign: '居中',
+      rightAlign: '居右',
+      formCss: '表单全局CSS',
+      addCss: '编写CSS',
+      customClass: '自定义CSS样式',
+      globalFunctions: '表单全局函数',
+      addEventHandler: '编写代码',
+      editWidgetEventHandler: '组件事件处理',
+      editFormEventHandler: '表单事件处理',
+      formSFCSetting: '生成SFC设置',
+      formModelName: '数据对象名称',
+      formRefName: '引用名称',
+      formRulesName: '验证规则名称',
+      syntaxCheckWarning: 'JS代码存在语法错误，请仔细检查！',
+
+      //data-table
+      tableWidth: '宽度(px/%)',
+      tableHeight: '高度(px/%)',
+      showCheckBox: '是否显示复选框列',
+      showIndex: '是否显示行号',
+      showPagination: '是否显示分页',
+      smallPagination: '小型分页',
+      tableColEdit: '表格列编辑',
+      tableDataEdit: '表格数据编辑',
+      showSummary: '是否合计',
+      stripe: '是否斑马线',
+      rowSpacing: '行距（px）',
+      editAction: '编辑...',
+      columnName: '字段名称',
+      columnLabel: '显示名称',
+      columnWidth: '列宽(px/%)',
+      visibleColumn: '是否显示',
+      sortableColumn: '是否排序',
+      fixedColumn: '是否固定',
+      alignTypeOfColumn: '对齐方式',
+      formatOfColumn: '格式化',
+      actionColumn: '操作',
+      addTableColumn: '增加列',
+      deleteTableColumn: '删除列',
+      OnlyOneColumnCannotBeDeleted: '表格只有一列时不可删除.',
+    }
+
+  }
+}

package/src/lang/zh-CN_extension.js

@@ -0,0 +1,26 @@
+export default {
+  extension: {
+    widgetLabel: {
+      card: '卡片',
+      alert: '提示',
+    },
+
+    setting: {
+      cardFolded: '是否收起',
+      cardShowFold: '显示折叠按钮',
+      cardWidth: '卡片宽度',
+      cardShadow: '显示阴影',
+
+      alertTitle: '标题',
+      alertType: '类型',
+      description: '辅助性文字',
+      closable: '是否可关闭',
+      closeText: '关闭按钮文字',
+      center: '文字居中',
+      showIcon: '显示图标',
+      effect: '显示效果',
+
+    },
+
+  }
+}

package/src/lang/zh-CN_render.js

@@ -0,0 +1,38 @@
+export default {
+  render: {
+
+    hint: {
+      prompt: '提示',
+      confirm: '确定',
+      cancel: '取消',
+
+      selectPlaceholder: '请选择',
+      timePlaceholder: '选择时间',
+      startTimePlaceholder: '起始时间',
+      endTimePlaceholder: '截止时间',
+      datePlaceholder: '选择日期',
+      startDatePlaceholder: '起始日期',
+      endDatePlaceholder: '截止日期',
+      blankCellContent: '--',
+
+      uploadError: '上传错误: ',
+      uploadExceed: '最大上传数量(${uploadLimit})已超出.',
+      unsupportedFileType: '不支持格式: ',
+      fileSizeExceed: '文件大小已超出: ',
+      refNotFound: '组件未找到: ',
+      fieldRequired: '字段值不可为空',
+      invalidNumber: '数据格式错误',
+      selectFile: ' 选择文件',
+      downloadFile: '下载',
+      removeFile: '移除',
+      validationFailed: '表单数据校验失败',
+
+      subFormAction: '操作',
+      subFormAddAction: '新增',
+      subFormAddActionHint: '新增行',
+      insertSubFormRow: '插入行',
+      deleteSubFormRow: '删除行',
+      nonSubFormType: '组件类型不是子表单',
+    }
+  }
+}

package/src/styles/global.scss

@@ -0,0 +1,108 @@
+/* 全局css变量 */
+$--color-primary: #409EFF;
+
+.primary-color {
+  color: $--color-primary;
+}
+
+.background-opacity {
+  background: rgba(64, 158, 255, 0.6);
+}
+
+.form-widget-list {
+
+  .ghost{
+    content: '';
+    font-size: 0;
+    height: 3px;
+    box-sizing: border-box;
+    background: $--color-primary;
+    border: 2px solid $--color-primary;
+    outline-width: 0;
+    padding: 0;
+    overflow: hidden;
+  }
+}
+
+.el-form-item--medium {
+  .el-radio {
+    line-height: 36px !important;
+  }
+
+  .el-rate{
+    margin-top: 8px;
+  }
+}
+
+.el-form-item--small {
+  .el-radio {
+    line-height: 32px !important;
+  }
+
+  .el-rate{
+    margin-top: 6px;
+  }
+}
+
+.el-form-item--mini {
+  .el-radio {
+    line-height: 28px !important;
+  }
+
+  .el-rate{
+    margin-top: 4px;
+  }
+}
+
+.el-card {
+  margin-top: 3px;
+  margin-bottom: 3px;
+}
+
+input[type="password"]::-ms-reveal {  /* 隐藏IE/Edge原生的密码查看按钮 */
+  display: none;
+}
+
+/* 滚动条样式 begin */
+::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+
+::-webkit-scrollbar-track {
+  width: 8px;
+  background: rgba(#101F1C, 0.1);
+  -webkit-border-radius: 2em;
+  -moz-border-radius: 2em;
+  border-radius: 2em;
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: rgba(#101F1C, 0.35);
+  background-clip: padding-box;
+  min-height: 28px;
+  -webkit-border-radius: 2em;
+  -moz-border-radius: 2em;
+  border-radius: 2em;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background-color: rgba(#101F1C, 0.85);
+}
+
+* {//Firefox浏览器滚动条样式
+  scrollbar-color: #e5e5e5 #f7f7f9; //滚动条轨道颜色、滚动条滑块的颜色
+  scrollbar-width: thin;     //thin模式下滚动条两端的三角按钮会消失
+}
+
+
+/*
+body {//IE浏览器滚动条样式
+  scrollbar-shadow-color: #e5e5e5;
+  scrollbar-face-color: #e5e5e5;
+  scrollbar-base-color: #ffffff;
+  scrollbar-arrow-color: #444040;
+}
+*/
+
+/* 滚动条样式 end */

package/src/styles/index.scss

@@ -0,0 +1,15 @@
+
+html {
+  height: 100%;
+  box-sizing: border-box;
+}
+
+body {
+  height: 100%;
+  margin: 0; /*  */
+  background-color: #ffffff;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  text-rendering: optimizeLegibility;
+  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
+}

package/src/utils/beautifierLoader.js

@@ -0,0 +1,77 @@
+import {loadRemoteScript} from "@/utils/util";
+import {BEAUTIFIER_PATH} from "@/utils/config";
+
+let beautifierObj
+
+export const beautifierOpts = {
+  html: {
+    indent_size: '2',
+    indent_char: ' ',
+    max_preserve_newlines: '-1',
+    preserve_newlines: false,
+    keep_array_indentation: false,
+    break_chained_methods: false,
+    indent_scripts: 'separate',
+    brace_style: 'end-expand',
+    space_before_conditional: true,
+    unescape_strings: false,
+    jslint_happy: false,
+    end_with_newline: true,
+    wrap_line_length: '110',
+    indent_inner_html: true,
+    comma_first: false,
+    e4x: true,
+    indent_empty_lines: true
+  },
+  js: {
+    indent_size: '2',
+    indent_char: ' ',
+    max_preserve_newlines: '-1',
+    preserve_newlines: false,
+    keep_array_indentation: false,
+    break_chained_methods: false,
+    indent_scripts: 'normal',
+    brace_style: 'end-expand',
+    space_before_conditional: true,
+    unescape_strings: false,
+    jslint_happy: true,
+    end_with_newline: true,
+    wrap_line_length: '110',
+    indent_inner_html: true,
+    comma_first: false,
+    e4x: true,
+    indent_empty_lines: true
+  },
+  css: {
+    indent_size: '2',
+    indent_char: ' ',
+    max_preserve_newlines: '-1',
+    preserve_newlines: false,
+    keep_array_indentation: false,
+    break_chained_methods: false,
+    indent_scripts: 'normal',
+    brace_style: 'end-expand',
+    space_before_conditional: true,
+    unescape_strings: false,
+    jslint_happy: true,
+    end_with_newline: true,
+    wrap_line_length: '110',
+    indent_inner_html: true,
+    comma_first: false,
+    e4x: true,
+    indent_empty_lines: true
+  }
+}
+
+export default function loadBeautifier(callback) {
+  if (beautifierObj) {
+    callback(beautifierObj)
+    return
+  }
+
+  loadRemoteScript(BEAUTIFIER_PATH, () => {
+    // eslint-disable-next-line no-undef
+    beautifierObj = beautifier  //beautifier为全局对象
+    callback(beautifierObj)
+  })
+}