tianheng-ui 0.0.39 → 0.0.40

package/packages/formMaking/index.js

@@ -0,0 +1,79 @@
+import VueI18n from 'vue-i18n'
+import 'normalize.css/normalize.css'
+
+import MakingForm from './Container.vue'
+import GenerateForm from './GenerateForm.vue'
+
+import enUS from './lang/en-US'
+import zhCN from './lang/zh-CN'
+
+import './iconfont/iconfont.css'
+import './styles/cover.scss'
+import './styles/index.scss'
+
+const loadLang = function (Vue, lang, locale, i18n) {
+  if (locale) {
+    locale('en-US', {...locale('en-US'), ...enUS})
+    locale('zh-CN', {...locale('zh-CN'), ...zhCN})
+    Vue.config.lang = lang
+  } else if (i18n) {
+    i18n.setLocaleMessage('en-US', {...i18n.messages['en-US'], ...enUS})
+    i18n.setLocaleMessage('zh-CN', {...i18n.messages['zh-CN'], ...zhCN})
+    i18n.locale = lang
+  } else {
+    Vue.use(VueI18n)
+    Vue.locale('en-US', {...Vue.locale('en-US'), ...enUS})
+    Vue.locale('zh-CN', {...Vue.locale('zh-CN'), ...zhCN})
+    Vue.config.lang = lang
+  }
+}
+
+MakingForm.install = function (Vue, opts = {
+  lang: 'zh-CN',
+  locale: null,
+  i18n: null
+}) {
+  loadLang(Vue, opts.lang, opts.locale, opts.i18n)
+  Vue.component(MakingForm.name, MakingForm)
+}
+
+GenerateForm.install = function (Vue, opts = {
+  lang: 'zh-CN',
+  locale: null,
+  i18n: null
+}) {
+  loadLang(Vue, opts.lang, opts.locale, opts.i18n)
+  Vue.component(GenerateForm.name, GenerateForm)
+}
+
+const components = [
+  MakingForm,
+  GenerateForm
+]
+
+const install = function (Vue, opts = {
+  lang: 'zh-CN',
+  locale: null,
+  i18n: null
+}) {
+  loadLang(Vue, opts.lang, opts.locale, opts.i18n)
+  components.forEach(component => {
+    Vue.component(component.name, component)
+  })
+}
+
+if (typeof window !== 'undefined' && window.Vue) {
+  install(window.Vue);
+}
+
+export {
+  install,
+  MakingForm,
+  GenerateForm
+}
+
+export default {
+  install,
+  MakingForm,
+  GenerateForm
+}

package/packages/formMaking/lang/en-US.js

@@ -0,0 +1,187 @@
+export default {
+  fm: {
+    components: {
+      fields: {
+        input: 'Input',
+        textarea: 'Textarea',
+        number: 'Number',
+        radio: 'Radio',
+        checkbox: 'Checkbox',
+        time: 'Time',
+        date: 'Date',
+        rate: 'Rate',
+        color: 'Color',
+        select: 'Select',
+        switch: 'Switch',
+        slider: 'Slider',
+        text: 'Text',
+        blank: 'Custom',
+        fileupload: 'File',
+        imgupload: 'Image',
+        editor: 'Editor',
+        cascader: 'Cascader',
+        table: 'Sub-table',
+        grid: 'Grid',
+        tabs: 'Tabs',
+        divider: 'Divider'
+      },
+      basic: {
+        title: 'Basic Component',
+      },
+      advance: {
+        title: 'Advance Component',
+      },
+      layout: {
+        title: 'Layout',
+      }
+    },
+    description: {
+      containerEmpty: 'You can drag and drop the item from the left to add components',
+      configEmpty: 'Please add a component',
+      tableEmpty: 'You can drag and drop the item from the left to add components',
+      uploadJsonInfo: 'There is the format of JSON below，you can overwrite it with you own JSON code'
+    },
+    message: {
+      copySuccess: 'Copy Successed',
+      validError: 'Form data validation failed'
+    },
+    actions: {
+      import: 'Import JSON',
+      clear: 'Clear',
+      preview: 'Preview',
+      json: 'Generate JSON',
+      code: 'Generate Code',
+      getData: 'Get Data',
+      reset: 'Reset',
+      copyData: 'Copy Data',
+      cancel: 'Cancel',
+      confirm: 'Confirm',
+      addOption: 'Add Option',
+      addColumn: 'Add Column',
+      addTab: 'Add Tab',
+      upload: 'Upload',
+      add: 'Add'
+    },
+    config: {
+      form: {
+        title: 'Form Attribute',
+        labelPosition: {
+          title: 'Label Position',
+          left: 'Left',
+          right: 'Right',
+          top: 'Top'
+        },
+        labelWidth: 'Label Width',
+        size: 'Size',
+        customClass: 'Custom Class'
+      },
+      widget: {
+        title: 'Component Attribute',
+        model: 'ID',
+        name: 'Name',
+        width: 'Width',
+        height: 'Height',
+        size: 'Size',
+        labelWidth: 'Label Width',
+        custom: 'Custom',
+        placeholder: 'Placeholder',
+        layout: 'Layout',
+        block: 'Block',
+        inline: 'Inline',
+        contentPosition: 'Content Position',
+        left: 'Left',
+        right: 'Right',
+        center: 'Center',
+        showInput: 'Display Input Box',
+        min: 'Minimum',
+        max: 'Maximum',
+        step: 'Step',
+        multiple: 'Multiple',
+        filterable: 'Searchable',
+        allowHalf: 'Allow Half',
+        showAlpha: 'Support transparency options',
+        showLabel: 'Show lable',
+        option: 'Option',
+        staticData: 'Static Data',
+        remoteData: 'Remote Date',
+        remoteFunc: 'Remote Function',
+        value: 'Value',
+        label: 'Label',
+        childrenOption: 'Sub-Option',
+        defaultValue: 'Default Value',
+        showType: 'Display type',
+        isRange: 'Range Time',
+        isTimestamp: 'Get time stamp',
+        startPlaceholder: 'Placeholder of start time',
+        endPlaceholder: 'Placeholder of end time',
+        format: 'Format',
+        limit: 'Maximum Upload Count',
+        isQiniu: 'Upload with Qiniu Cloud',
+        tokenFunc: 'A funchtin to get Qiniu Uptoken',
+        imageAction: 'Picture upload address',
+        tip: 'Text Prompt',
+        action: 'Upload Address',
+        defaultType: 'Data Type',
+        string: 'String',
+        object: 'Object',
+        array: 'Array',
+        number: 'Number',
+        boolean: 'Boolean',
+        integer: 'Integer',
+        float: 'Float',
+        url: 'URL',
+        email: 'E-mail',
+        hex: 'Hexadecimal',
+        gutter: 'Grid Spacing',
+        columnOption: 'Column Configuration',
+        span: 'Grid spans',
+        justify: 'Horizontal Arrangement',
+        justifyStart: 'Start',
+        justifyEnd: 'End',
+        justifyCenter: 'Center',
+        justifySpaceAround: 'Space Around',
+        justifySpaceBetween: 'Space Between',
+        align: 'Vertical Arrangement',
+        alignTop: 'Top',
+        alignMiddle: 'Middle',
+        alignBottom: 'Bottom',
+        type: 'Type',
+        default: 'Default',
+        card: 'Tabs',
+        borderCard: 'Border-Card',
+        tabPosition: 'Tab Position',
+        top: 'Top',
+        bottom: 'Bottom',
+        tabOption: 'Label Configuration',
+        tabName: 'Tab Name',
+        customClass: 'Custom Class',
+        attribute: 'Attribute Action',
+        dataBind: 'Data Binding',
+        hidden: 'Hidden',
+        readonly: 'Read Only',
+        disabled: 'Disabled',
+        editable: 'Text box is editable',
+        clearable: 'Display Clear Button',
+        arrowControl: 'Use the arrow for time selection',
+        isDelete: 'Deletable',
+        isEdit: 'Editable',
+        showPassword: 'Display Password',
+        validate: 'Validation',
+        required: 'Required',
+        patternPlaceholder: 'Fill in the regular expressions',
+        newOption: 'New Option',
+        tab: 'Tab',
+        validatorRequired: 'Required',
+        validatorType: 'Invaild format',
+        validatorPattern: 'Unmatched pattern',
+        showWordLimit: 'Show word limit',
+        maxlength: 'Max length',
+      }
+    },
+    upload: {
+      preview: 'preview',
+      edit: 'replace',
+      delete: 'delete'
+    }
+  }
+}

package/packages/formMaking/lang/zh-CN.js

@@ -0,0 +1,187 @@
+export default {
+  fm: {
+    components: {
+      fields: {
+        input: '单行文本',
+        textarea: '多行文本',
+        number: '计数器',
+        radio: '单选框组',
+        checkbox: '多选框组',
+        time: '时间选择器',
+        date: '日期选择器',
+        rate: '评分',
+        color: '颜色选择器',
+        select: '下拉选择框',
+        switch: '开关',
+        slider: '滑块',
+        text: '文字',
+        blank: '自定义区域',
+        fileupload: '文件',
+        imgupload: '图片',
+        editor: '编辑器',
+        cascader: '级联选择器',
+        table: '子表单',
+        grid: '栅格布局',
+        tabs: '标签页',
+        divider: '分割线'
+      },
+      basic: {
+        title: '基础字段',
+      },
+      advance: {
+        title: '高级字段',
+      },
+      layout: {
+        title: '布局字段',
+      }
+    },
+    description: {
+      containerEmpty: '从左侧拖拽来添加字段',
+      configEmpty: '请添加字段',
+      tableEmpty: '从左侧拖拽来添加字段',
+      uploadJsonInfo: 'JSON格式如下，直接复制生成的json覆盖此处代码点击确定即可'
+    },
+    message: {
+      copySuccess: '复制成功',
+      validError: '表单数据校验失败'
+    },
+    actions: {
+      import: '导入JSON',
+      clear: '清空',
+      preview: '预览',
+      json: '生成JSON',
+      code: '生成代码',
+      getData: '获取数据',
+      reset: '重置',
+      copyData: '复制数据',
+      cancel: '取 消',
+      confirm: '确 定',
+      addOption: '添加选项',
+      addColumn: '添加列',
+      addTab: '添加标签',
+      upload: '点击上传',
+      add: '添加'
+    },
+    config: {
+      form: {
+        title: '表单属性',
+        labelPosition: {
+          title: '标签对齐方式',
+          left: '左对齐',
+          right: '右对齐',
+          top: '顶部对齐'
+        },
+        labelWidth: '表单标签宽度',
+        size: '组件尺寸',
+        customClass: '自定义Class'
+      },
+      widget: {
+        title: '字段属性',
+        model: '字段标识',
+        name: '标题',
+        width: '宽度',
+        height: '高度',
+        size: '大小',
+        labelWidth: '标签宽度',
+        custom: '自定义',
+        placeholder: '占位内容',
+        layout: '布局方式',
+        block: '块级',
+        inline: '行内',
+        contentPosition: '文案位置',
+        left: '左侧',
+        right: '右侧',
+        center: '居中',
+        showInput: '显示输入框',
+        min: '最小值',
+        max: '最大值',
+        step: '步长',
+        multiple: '是否多选',
+        filterable: '是否可搜索',
+        allowHalf: '允许半选',
+        showAlpha: '支持透明度选择',
+        showLabel: '是否显示标签',
+        option: '选项',
+        staticData: '静态数据',
+        remoteData: '远端数据',
+        remoteFunc: '远端方法',
+        value: '值',
+        label: '标签',
+        childrenOption: '子选项',
+        defaultValue: '默认值',
+        showType: '显示类型',
+        isRange: '是否为范围选择',
+        isTimestamp: '是否获取时间戳',
+        startPlaceholder: '开始时间占位内容',
+        endPlaceholder: '结束时间占位内容',
+        format: '格式',
+        limit: '最大上传数',
+        isQiniu: '使用七牛上传',
+        tokenFunc: '获取七牛Token方法',
+        imageAction: '图片上传地址',
+        tip: '提示说明文字',
+        action: '上传地址',
+        defaultType: '绑定数据类型',
+        string: '字符串',
+        object: '对象',
+        array: '数组',
+        number: '数字',
+        boolean: '布尔值',
+        integer: '整数',
+        float: '浮点数',
+        url: 'URL地址',
+        email: '邮箱地址',
+        hex: '十六进制',
+        gutter: '栅格间隔',
+        columnOption: '列配置项',
+        span: '栅格值',
+        justify: '水平排列方式',
+        justifyStart: '左对齐',
+        justifyEnd: '右对齐',
+        justifyCenter: '居中',
+        justifySpaceAround: '两侧间隔相等',
+        justifySpaceBetween: '两端对齐',
+        align: '垂直排列方式',
+        alignTop: '顶部对齐',
+        alignMiddle: '居中',
+        alignBottom: '底部对齐',
+        type: '风格类型',
+        default: '默认',
+        card: '选项卡',
+        borderCard: '卡片化',
+        tabPosition: '选项卡位置',
+        top: '顶部',
+        bottom: '底部',
+        tabOption: '标签配置项',
+        tabName: '标签名称',
+        customClass: '自定义Class',
+        attribute: '操作属性',
+        dataBind: '数据绑定',
+        hidden: '隐藏',
+        readonly: '完全只读',
+        disabled: '禁用',
+        editable: '文本框可输入',
+        clearable: '显示清除按钮',
+        arrowControl: '使用箭头进行时间选择',
+        isDelete: '删除',
+        isEdit: '编辑',
+        showPassword: '显示密码',
+        validate: '校验',
+        required: '必填',
+        patternPlaceholder: '填写正则表达式',
+        newOption: '新选项',
+        tab: '标签页',
+        validatorRequired: '必须填写',
+        validatorType: '格式不正确',
+        validatorPattern: '格式不匹配',
+        showWordLimit: '显示字数统计',
+        maxlength: '最大字数',
+      }
+    },
+    upload: {
+      preview: '预览',
+      edit: '替换',
+      delete: '删除'
+    }
+  }
+}

package/packages/formMaking/styles/cover.scss

@@ -0,0 +1,41 @@
+.fm-style{
+  .el-radio+.el-radio{
+    margin-left: 0 !important;
+  }
+  .el-radio{
+    margin-right: 30px;
+  }
+  .el-checkbox+.el-checkbox{
+    margin-left: 0 !important;
+  }
+  .el-checkbox{
+    margin-right: 30px;
+  }
+  .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-form-item--medium{
+    .el-radio{
+      line-height: 36px !important;
+    }
+
+    .el-rate{
+      margin-top: 8px;
+    }
+  }
+}