custom-variant-form 2.3.0 → 2.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -180
- package/package.json +4 -29
- package/dist/build/css/app.911b9dc4.css +0 -1
- package/dist/build/css/chunk-vendors.a16c4353.css +0 -1
- package/dist/build/favicon.ico +0 -0
- package/dist/build/fonts/element-icons.535877f5.woff +0 -0
- package/dist/build/fonts/element-icons.732389de.ttf +0 -0
- package/dist/build/index.html +0 -1
- package/dist/build/js/app.dd7f94a2.js +0 -1
- package/dist/build/js/chunk-vendors.1519ed31.js +0 -80
- package/dist/build/report.html +0 -53
- package/dist/lib/VFormDesigner.common-report.html +0 -53
- package/dist/lib/VFormDesigner.common.js +0 -85865
- package/dist/lib/VFormDesigner.common.js.map +0 -1
- package/dist/lib/VFormDesigner.umd-report.html +0 -53
- package/dist/lib/VFormDesigner.umd.js +0 -85875
- package/dist/lib/VFormDesigner.umd.js.map +0 -1
- package/dist/lib/VFormDesigner.umd.min-report.html +0 -53
- package/dist/lib/demo.html +0 -10
- package/dist/lib-render/VFormRender.common-report.html +0 -53
- package/dist/lib-render/VFormRender.common.js +0 -46164
- package/dist/lib-render/VFormRender.common.js.map +0 -1
- package/dist/lib-render/VFormRender.umd-report.html +0 -53
- package/dist/lib-render/VFormRender.umd.js +0 -46174
- package/dist/lib-render/VFormRender.umd.js.map +0 -1
- package/dist/lib-render/VFormRender.umd.min-report.html +0 -53
- package/dist/lib-render/demo.html +0 -10
- package/install-render.js +0 -29
- package/install.js +0 -41
- package/src/App.vue +0 -45
- package/src/assets/ft-images/t1.png +0 -0
- package/src/assets/ft-images/t2.png +0 -0
- package/src/assets/ft-images/t3.png +0 -0
- package/src/assets/ft-images/t4.png +0 -0
- package/src/assets/ft-images/t5.png +0 -0
- package/src/assets/ft-images/t6.png +0 -0
- package/src/assets/ft-images/t7.png +0 -0
- package/src/assets/ft-images/t8.png +0 -0
- package/src/assets/vform-logo.png +0 -0
- package/src/components/code-editor/index.vue +0 -134
- package/src/components/form-designer/designer.js +0 -962
- package/src/components/form-designer/form-widget/container-widget/container-wrapper.vue +0 -107
- package/src/components/form-designer/form-widget/container-widget/containerMixin.js +0 -93
- package/src/components/form-designer/form-widget/container-widget/grid-col-widget.vue +0 -314
- package/src/components/form-designer/form-widget/container-widget/grid-widget.vue +0 -93
- package/src/components/form-designer/form-widget/container-widget/index.js +0 -24
- package/src/components/form-designer/form-widget/container-widget/tab-widget.vue +0 -123
- package/src/components/form-designer/form-widget/container-widget/table-cell-widget.vue +0 -347
- package/src/components/form-designer/form-widget/container-widget/table-widget.vue +0 -116
- package/src/components/form-designer/form-widget/field-widget/button-widget.vue +0 -87
- package/src/components/form-designer/form-widget/field-widget/cascader-widget.vue +0 -120
- package/src/components/form-designer/form-widget/field-widget/checkbox-widget.vue +0 -105
- package/src/components/form-designer/form-widget/field-widget/color-widget.vue +0 -99
- package/src/components/form-designer/form-widget/field-widget/date-range-widget.vue +0 -104
- package/src/components/form-designer/form-widget/field-widget/date-widget.vue +0 -103
- package/src/components/form-designer/form-widget/field-widget/divider-widget.vue +0 -83
- package/src/components/form-designer/form-widget/field-widget/fieldMixin.js +0 -613
- package/src/components/form-designer/form-widget/field-widget/file-upload-widget.vue +0 -313
- package/src/components/form-designer/form-widget/field-widget/form-item-wrapper.vue +0 -331
- package/src/components/form-designer/form-widget/field-widget/html-text-widget.vue +0 -82
- package/src/components/form-designer/form-widget/field-widget/index.js +0 -10
- package/src/components/form-designer/form-widget/field-widget/input-widget.vue +0 -112
- package/src/components/form-designer/form-widget/field-widget/number-widget.vue +0 -103
- package/src/components/form-designer/form-widget/field-widget/picture-upload-widget.vue +0 -280
- package/src/components/form-designer/form-widget/field-widget/radio-widget.vue +0 -105
- package/src/components/form-designer/form-widget/field-widget/rate-widget.vue +0 -102
- package/src/components/form-designer/form-widget/field-widget/rich-editor-widget.vue +0 -123
- package/src/components/form-designer/form-widget/field-widget/select-widget.vue +0 -123
- package/src/components/form-designer/form-widget/field-widget/slider-widget.vue +0 -100
- package/src/components/form-designer/form-widget/field-widget/slot-widget.vue +0 -102
- package/src/components/form-designer/form-widget/field-widget/static-content-wrapper.vue +0 -196
- package/src/components/form-designer/form-widget/field-widget/static-text-widget.vue +0 -83
- package/src/components/form-designer/form-widget/field-widget/switch-widget.vue +0 -101
- package/src/components/form-designer/form-widget/field-widget/textarea-widget.vue +0 -99
- package/src/components/form-designer/form-widget/field-widget/time-range-widget.vue +0 -104
- package/src/components/form-designer/form-widget/field-widget/time-widget.vue +0 -103
- package/src/components/form-designer/form-widget/index.vue +0 -272
- package/src/components/form-designer/index.vue +0 -500
- package/src/components/form-designer/refMixinDesign.js +0 -28
- package/src/components/form-designer/setting-panel/form-setting.vue +0 -354
- package/src/components/form-designer/setting-panel/index.vue +0 -367
- package/src/components/form-designer/setting-panel/option-items-setting.vue +0 -234
- package/src/components/form-designer/setting-panel/property-editor/allowCreate-editor.vue +0 -24
- package/src/components/form-designer/setting-panel/property-editor/appendButton-editor.vue +0 -28
- package/src/components/form-designer/setting-panel/property-editor/appendButtonDisabled-editor.vue +0 -23
- package/src/components/form-designer/setting-panel/property-editor/automaticDropdown-editor.vue +0 -23
- package/src/components/form-designer/setting-panel/property-editor/border-editor.vue +0 -23
- package/src/components/form-designer/setting-panel/property-editor/buttonIcon-editor.vue +0 -23
- package/src/components/form-designer/setting-panel/property-editor/buttonStyle-editor.vue +0 -23
- package/src/components/form-designer/setting-panel/property-editor/clearable-editor.vue +0 -23
- package/src/components/form-designer/setting-panel/property-editor/columnWidth-editor.vue +0 -26
- package/src/components/form-designer/setting-panel/property-editor/container-grid/colHeight-editor.vue +0 -28
- package/src/components/form-designer/setting-panel/property-editor/container-grid/gutter-editor.vue +0 -81
- package/src/components/form-designer/setting-panel/property-editor/container-grid-col/grid-col-offset-editor.vue +0 -24
- package/src/components/form-designer/setting-panel/property-editor/container-grid-col/grid-col-pull-editor.vue +0 -24
- package/src/components/form-designer/setting-panel/property-editor/container-grid-col/grid-col-push-editor.vue +0 -24
- package/src/components/form-designer/setting-panel/property-editor/container-grid-col/grid-col-responsive-editor.vue +0 -23
- package/src/components/form-designer/setting-panel/property-editor/container-grid-col/grid-col-span-editor.vue +0 -48
- package/src/components/form-designer/setting-panel/property-editor/container-sub-form/showBlankRow-editor.vue +0 -23
- package/src/components/form-designer/setting-panel/property-editor/container-sub-form/showRowNumber-editor.vue +0 -23
- package/src/components/form-designer/setting-panel/property-editor/container-sub-form/sub-form-labelAlign-editor.vue +0 -36
- package/src/components/form-designer/setting-panel/property-editor/container-tab/tab-customClass-editor.vue +0 -119
- package/src/components/form-designer/setting-panel/property-editor/container-table-cell/cellHeight-editor.vue +0 -23
- package/src/components/form-designer/setting-panel/property-editor/container-table-cell/cellWidth-editor.vue +0 -23
- package/src/components/form-designer/setting-panel/property-editor/container-table-cell/wordBreak-editor.vue +0 -23
- package/src/components/form-designer/setting-panel/property-editor/customClass-editor.vue +0 -40
- package/src/components/form-designer/setting-panel/property-editor/defaultValue-editor.vue +0 -25
- package/src/components/form-designer/setting-panel/property-editor/disabled-editor.vue +0 -23
- package/src/components/form-designer/setting-panel/property-editor/displayStyle-editor.vue +0 -26
- package/src/components/form-designer/setting-panel/property-editor/editable-editor.vue +0 -24
- package/src/components/form-designer/setting-panel/property-editor/endPlaceholder-editor.vue +0 -23
- package/src/components/form-designer/setting-panel/property-editor/event-handler/eventMixin.js +0 -12
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onAppendButtonClick-editor.vue +0 -30
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onBeforeUpload-editor.vue +0 -30
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onBlur-editor.vue +0 -30
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onChange-editor.vue +0 -30
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onClick-editor.vue +0 -30
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onCreated-editor.vue +0 -31
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onFileRemove.vue +0 -30
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onFocus-editor.vue +0 -30
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onInput-editor.vue +0 -30
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onMounted-editor.vue +0 -30
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onRemoteQuery-editor.vue +0 -30
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onSubFormRowAdd-editor.vue +0 -30
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onSubFormRowChange-editor.vue +0 -30
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onSubFormRowDelete-editor.vue +0 -30
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onSubFormRowInsert-editor.vue +0 -30
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onUploadError-editor.vue +0 -30
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onUploadSuccess-editor.vue +0 -30
- package/src/components/form-designer/setting-panel/property-editor/event-handler/onValidate-editor.vue +0 -30
- package/src/components/form-designer/setting-panel/property-editor/field-button/button-type-editor.vue +0 -32
- package/src/components/form-designer/setting-panel/property-editor/field-button/circle-editor.vue +0 -23
- package/src/components/form-designer/setting-panel/property-editor/field-button/icon-editor.vue +0 -23
- package/src/components/form-designer/setting-panel/property-editor/field-button/plain-editor.vue +0 -24
- package/src/components/form-designer/setting-panel/property-editor/field-button/round-editor.vue +0 -23
- package/src/components/form-designer/setting-panel/property-editor/field-cascader/cascader-defaultValue-editor.vue +0 -18
- package/src/components/form-designer/setting-panel/property-editor/field-cascader/cascader-multiple-editor.vue +0 -24
- package/src/components/form-designer/setting-panel/property-editor/field-cascader/checkStrictly-editor.vue +0 -23
- package/src/components/form-designer/setting-panel/property-editor/field-cascader/showAllLevels-editor.vue +0 -23
- package/src/components/form-designer/setting-panel/property-editor/field-checkbox/checkbox-defaultValue-editor.vue +0 -18
- package/src/components/form-designer/setting-panel/property-editor/field-color/color-defaultValue-editor.vue +0 -25
- package/src/components/form-designer/setting-panel/property-editor/field-date/date-defaultValue-editor.vue +0 -26
- package/src/components/form-designer/setting-panel/property-editor/field-date/date-format-editor.vue +0 -30
- package/src/components/form-designer/setting-panel/property-editor/field-date/date-type-editor.vue +0 -30
- package/src/components/form-designer/setting-panel/property-editor/field-date/date-valueFormat-editor.vue +0 -26
- package/src/components/form-designer/setting-panel/property-editor/field-date-range/date-range-defaultValue-editor.vue +0 -26
- package/src/components/form-designer/setting-panel/property-editor/field-date-range/date-range-format-editor.vue +0 -30
- package/src/components/form-designer/setting-panel/property-editor/field-date-range/date-range-type-editor.vue +0 -27
- package/src/components/form-designer/setting-panel/property-editor/field-date-range/date-range-valueFormat-editor.vue +0 -26
- package/src/components/form-designer/setting-panel/property-editor/field-divider/contentPosition-editor.vue +0 -27
- package/src/components/form-designer/setting-panel/property-editor/field-file-upload/file-upload-fileTypes-editor.vue +0 -44
- package/src/components/form-designer/setting-panel/property-editor/field-html-text/htmlContent-editor.vue +0 -29
- package/src/components/form-designer/setting-panel/property-editor/field-number/controlsPosition-editor.vue +0 -27
- package/src/components/form-designer/setting-panel/property-editor/field-picture-upload/picture-upload-fileTypes-editor.vue +0 -44
- package/src/components/form-designer/setting-panel/property-editor/field-radio/radio-defaultValue-editor.vue +0 -18
- package/src/components/form-designer/setting-panel/property-editor/field-rate/allowHalf-editor.vue +0 -23
- package/src/components/form-designer/setting-panel/property-editor/field-rate/highThreshold-editor.vue +0 -24
- package/src/components/form-designer/setting-panel/property-editor/field-rate/lowThreshold-editor.vue +0 -24
- package/src/components/form-designer/setting-panel/property-editor/field-rate/rate-defaultValue-editor.vue +0 -26
- package/src/components/form-designer/setting-panel/property-editor/field-rate/rate-max-editor.vue +0 -25
- package/src/components/form-designer/setting-panel/property-editor/field-rate/showScore-editor.vue +0 -23
- package/src/components/form-designer/setting-panel/property-editor/field-rate/showText-editor.vue +0 -23
- package/src/components/form-designer/setting-panel/property-editor/field-select/select-defaultValue-editor.vue +0 -18
- package/src/components/form-designer/setting-panel/property-editor/field-slider/range-editor.vue +0 -23
- package/src/components/form-designer/setting-panel/property-editor/field-slider/showStops-editor.vue +0 -23
- package/src/components/form-designer/setting-panel/property-editor/field-slider/vertical-editor.vue +0 -23
- package/src/components/form-designer/setting-panel/property-editor/field-static-text/fontSize-editor.vue +0 -23
- package/src/components/form-designer/setting-panel/property-editor/field-static-text/preWrap-editor.vue +0 -23
- package/src/components/form-designer/setting-panel/property-editor/field-static-text/textContent-editor.vue +0 -23
- package/src/components/form-designer/setting-panel/property-editor/field-switch/activeColor-editor.vue +0 -23
- package/src/components/form-designer/setting-panel/property-editor/field-switch/activeText-editor.vue +0 -23
- package/src/components/form-designer/setting-panel/property-editor/field-switch/inactiveColor-editor.vue +0 -23
- package/src/components/form-designer/setting-panel/property-editor/field-switch/inactiveText-editor.vue +0 -23
- package/src/components/form-designer/setting-panel/property-editor/field-switch/switch-defaultValue-editor.vue +0 -25
- package/src/components/form-designer/setting-panel/property-editor/field-switch/switchWidth-editor.vue +0 -23
- package/src/components/form-designer/setting-panel/property-editor/field-time/time-defaultValue-editor.vue +0 -26
- package/src/components/form-designer/setting-panel/property-editor/field-time/time-format-editor.vue +0 -27
- package/src/components/form-designer/setting-panel/property-editor/field-time-range/time-range-defaultValue-editor.vue +0 -26
- package/src/components/form-designer/setting-panel/property-editor/field-time-range/time-range-format-editor.vue +0 -27
- package/src/components/form-designer/setting-panel/property-editor/fileMaxSize-editor.vue +0 -23
- package/src/components/form-designer/setting-panel/property-editor/filterable-editor.vue +0 -23
- package/src/components/form-designer/setting-panel/property-editor/hidden-editor.vue +0 -23
- package/src/components/form-designer/setting-panel/property-editor/index.js +0 -10
- package/src/components/form-designer/setting-panel/property-editor/label-editor.vue +0 -30
- package/src/components/form-designer/setting-panel/property-editor/labelAlign-editor.vue +0 -42
- package/src/components/form-designer/setting-panel/property-editor/labelHidden-editor.vue +0 -23
- package/src/components/form-designer/setting-panel/property-editor/labelIconClass-editor.vue +0 -28
- package/src/components/form-designer/setting-panel/property-editor/labelIconPosition-editor.vue +0 -37
- package/src/components/form-designer/setting-panel/property-editor/labelTooltip-editor.vue +0 -23
- package/src/components/form-designer/setting-panel/property-editor/labelWidth-editor.vue +0 -25
- package/src/components/form-designer/setting-panel/property-editor/limit-editor.vue +0 -24
- package/src/components/form-designer/setting-panel/property-editor/max-editor.vue +0 -39
- package/src/components/form-designer/setting-panel/property-editor/maxLength-editor.vue +0 -40
- package/src/components/form-designer/setting-panel/property-editor/min-editor.vue +0 -40
- package/src/components/form-designer/setting-panel/property-editor/minLength-editor.vue +0 -41
- package/src/components/form-designer/setting-panel/property-editor/multiple-editor.vue +0 -24
- package/src/components/form-designer/setting-panel/property-editor/multipleLimit-editor.vue +0 -24
- package/src/components/form-designer/setting-panel/property-editor/multipleSelect-editor.vue +0 -24
- package/src/components/form-designer/setting-panel/property-editor/name-editor.vue +0 -89
- package/src/components/form-designer/setting-panel/property-editor/optionItems-editor.vue +0 -28
- package/src/components/form-designer/setting-panel/property-editor/placeholder-editor.vue +0 -24
- package/src/components/form-designer/setting-panel/property-editor/precision-editor.vue +0 -23
- package/src/components/form-designer/setting-panel/property-editor/prefixIcon-editor.vue +0 -23
- package/src/components/form-designer/setting-panel/property-editor/propertyMixin.js +0 -55
- package/src/components/form-designer/setting-panel/property-editor/readonly-editor.vue +0 -23
- package/src/components/form-designer/setting-panel/property-editor/remote-editor.vue +0 -25
- package/src/components/form-designer/setting-panel/property-editor/required-editor.vue +0 -23
- package/src/components/form-designer/setting-panel/property-editor/requiredHint-editor.vue +0 -24
- package/src/components/form-designer/setting-panel/property-editor/rows-editor.vue +0 -24
- package/src/components/form-designer/setting-panel/property-editor/showFileList-editor.vue +0 -23
- package/src/components/form-designer/setting-panel/property-editor/showPassword-editor.vue +0 -24
- package/src/components/form-designer/setting-panel/property-editor/showWordLimit-editor.vue +0 -23
- package/src/components/form-designer/setting-panel/property-editor/size-editor.vue +0 -38
- package/src/components/form-designer/setting-panel/property-editor/startPlaceholder-editor.vue +0 -23
- package/src/components/form-designer/setting-panel/property-editor/step-editor.vue +0 -23
- package/src/components/form-designer/setting-panel/property-editor/suffixIcon-editor.vue +0 -23
- package/src/components/form-designer/setting-panel/property-editor/textAlign-editor.vue +0 -35
- package/src/components/form-designer/setting-panel/property-editor/type-editor.vue +0 -33
- package/src/components/form-designer/setting-panel/property-editor/uploadTip-editor.vue +0 -24
- package/src/components/form-designer/setting-panel/property-editor/uploadURL-editor.vue +0 -28
- package/src/components/form-designer/setting-panel/property-editor/validation-editor.vue +0 -48
- package/src/components/form-designer/setting-panel/property-editor/validationHint-editor.vue +0 -23
- package/src/components/form-designer/setting-panel/property-editor/withCredentials-editor.vue +0 -23
- package/src/components/form-designer/setting-panel/property-editor-factory.js +0 -173
- package/src/components/form-designer/setting-panel/propertyRegister.js +0 -215
- package/src/components/form-designer/toolbar-panel/index.vue +0 -886
- package/src/components/form-designer/widget-panel/index.vue +0 -394
- package/src/components/form-designer/widget-panel/templatesConfig.js +0 -58
- package/src/components/form-designer/widget-panel/widgetsConfig.js +0 -934
- package/src/components/form-render/container-item/container-item-wrapper.vue +0 -37
- package/src/components/form-render/container-item/containerItemMixin.js +0 -221
- package/src/components/form-render/container-item/grid-col-item.vue +0 -126
- package/src/components/form-render/container-item/grid-item.vue +0 -59
- package/src/components/form-render/container-item/index.js +0 -24
- package/src/components/form-render/container-item/sub-form-item.vue +0 -417
- package/src/components/form-render/container-item/tab-item.vue +0 -99
- package/src/components/form-render/container-item/table-cell-item.vue +0 -72
- package/src/components/form-render/container-item/table-item.vue +0 -70
- package/src/components/form-render/index.vue +0 -721
- package/src/components/form-render/refMixin.js +0 -30
- package/src/components/svg-icon/index.vue +0 -49
- package/src/components/v-table/index.vue +0 -106
- package/src/extension/components/tag/index.js +0 -9
- package/src/extension/components/tag/tag-item.vue +0 -49
- package/src/extension/components/tag/tag-schema.js +0 -33
- package/src/extension/components/tag/tag-widget.vue +0 -53
- package/src/extension/extension-helper.js +0 -23
- package/src/extension/extension-loader.js +0 -174
- package/src/extension/samples/alert/alert-widget.vue +0 -72
- package/src/extension/samples/card/card-item.vue +0 -100
- package/src/extension/samples/card/card-widget.vue +0 -132
- package/src/extension/samples/extension-schema.js +0 -36
- package/src/extension/samples/extension-sfc-generator.js +0 -50
- package/src/iconfont/iconfont.css +0 -29
- package/src/iconfont/iconfont.eot +0 -0
- package/src/iconfont/iconfont.js +0 -1
- package/src/iconfont/iconfont.json +0 -37
- package/src/iconfont/iconfont.svg +0 -35
- package/src/iconfont/iconfont.ttf +0 -0
- package/src/iconfont/iconfont.woff +0 -0
- package/src/iconfont/iconfont.woff2 +0 -0
- package/src/icons/index.js +0 -3
- package/src/icons/svg/alert.svg +0 -1
- package/src/icons/svg/button.svg +0 -1
- package/src/icons/svg/card.svg +0 -1
- package/src/icons/svg/cascader-field.svg +0 -1
- package/src/icons/svg/checkbox-field.svg +0 -1
- package/src/icons/svg/color-field.svg +0 -1
- package/src/icons/svg/custom-component.svg +0 -1
- package/src/icons/svg/data-table.svg +0 -1
- package/src/icons/svg/date-field.svg +0 -1
- package/src/icons/svg/date-range-field.svg +0 -1
- package/src/icons/svg/divider.svg +0 -1
- package/src/icons/svg/document.svg +0 -1
- package/src/icons/svg/drag.svg +0 -1
- package/src/icons/svg/file-upload-field.svg +0 -1
- package/src/icons/svg/github.svg +0 -1
- package/src/icons/svg/grid.svg +0 -1
- package/src/icons/svg/html-text.svg +0 -1
- package/src/icons/svg/node-tree.svg +0 -1
- package/src/icons/svg/number-field.svg +0 -1
- package/src/icons/svg/picture-upload-field.svg +0 -1
- package/src/icons/svg/radio-field.svg +0 -1
- package/src/icons/svg/rate-field.svg +0 -1
- package/src/icons/svg/redo.svg +0 -1
- package/src/icons/svg/rich-editor-field.svg +0 -1
- package/src/icons/svg/section.svg +0 -1
- package/src/icons/svg/select-field.svg +0 -1
- package/src/icons/svg/slider-field.svg +0 -1
- package/src/icons/svg/slot-component.svg +0 -1
- package/src/icons/svg/slot-field.svg +0 -1
- package/src/icons/svg/static-text.svg +0 -1
- package/src/icons/svg/sub-form.svg +0 -1
- package/src/icons/svg/switch-field.svg +0 -1
- package/src/icons/svg/tab.svg +0 -1
- package/src/icons/svg/table.svg +0 -1
- package/src/icons/svg/tag-field.svg +0 -4
- package/src/icons/svg/text-field.svg +0 -1
- package/src/icons/svg/textarea-field.svg +0 -1
- package/src/icons/svg/time-field.svg +0 -1
- package/src/icons/svg/time-range-field.svg +0 -1
- package/src/icons/svg/undo.svg +0 -1
- package/src/icons/svg/vue-sfc.svg +0 -1
- package/src/lang/en-US.js +0 -354
- package/src/lang/en-US_extension.js +0 -35
- package/src/lang/en-US_render.js +0 -38
- package/src/lang/zh-CN.js +0 -354
- package/src/lang/zh-CN_extension.js +0 -35
- package/src/lang/zh-CN_render.js +0 -38
- package/src/main.js +0 -29
- package/src/styles/global.scss +0 -108
- package/src/styles/index.scss +0 -15
- package/src/utils/beautifierLoader.js +0 -77
- package/src/utils/code-generator.js +0 -91
- package/src/utils/config.js +0 -9
- package/src/utils/debug-console.js +0 -7
- package/src/utils/directive.js +0 -74
- package/src/utils/emitter.js +0 -34
- package/src/utils/format.js +0 -214
- package/src/utils/i18n.js +0 -95
- package/src/utils/sfc-generator.js +0 -583
- package/src/utils/smart-vue-i18n/index.js +0 -56
- package/src/utils/smart-vue-i18n/utils.js +0 -47
- package/src/utils/util.js +0 -376
- package/src/utils/validators.js +0 -127
- package/src/utils/vue2js-generator.js +0 -144
- package/src/utils/vue3js-generator.js +0 -70
- /package/dist/{lib/VFormDesigner.css → VFormDesigner.css} +0 -0
- /package/dist/{lib/VFormDesigner.umd.min.js → VFormDesigner.umd.min.js} +0 -0
- /package/dist/{lib-render/VFormRender.css → VFormRender.css} +0 -0
- /package/dist/{lib-render/VFormRender.umd.min.js → VFormRender.umd.min.js} +0 -0
|
@@ -1,91 +0,0 @@
|
|
|
1
|
-
export const generateCode = function(formJson, codeType= 'vue') {
|
|
2
|
-
let formJsonStr = JSON.stringify(formJson)
|
|
3
|
-
|
|
4
|
-
if (codeType === 'html') {
|
|
5
|
-
return `<!DOCTYPE html>
|
|
6
|
-
<html>
|
|
7
|
-
<head>
|
|
8
|
-
<meta charset="UTF-8">
|
|
9
|
-
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
|
|
10
|
-
<title>VForm Demo</title>
|
|
11
|
-
<link rel="stylesheet" href="https://cdn.staticfile.org/element-ui/2.15.7/theme-chalk/index.min.css">
|
|
12
|
-
<link rel="stylesheet" href="https://ks3-cn-beijing.ksyun.com/vform2021/VFormRender.css?t=20210720">
|
|
13
|
-
<style type="text/css">
|
|
14
|
-
</style>
|
|
15
|
-
</head>
|
|
16
|
-
<body>
|
|
17
|
-
|
|
18
|
-
<div id="app">
|
|
19
|
-
<v-form-render :form-json="formJson" :form-data="formData" :option-data="optionData" ref="vFormRef">
|
|
20
|
-
</v-form-render>
|
|
21
|
-
<el-button type="primary" @click="submitForm">Submit</el-button>
|
|
22
|
-
</div>
|
|
23
|
-
|
|
24
|
-
<script type="text/javascript">
|
|
25
|
-
if (!!window.ActiveXObject || "ActiveXObject" in window) { //IE load polyfill.js for Promise
|
|
26
|
-
var scriptEle = document.createElement("script");
|
|
27
|
-
scriptEle.type = "text/javascript";
|
|
28
|
-
scriptEle.src = "https://cdn.bootcss.com/babel-polyfill/6.23.0/polyfill.min.js"
|
|
29
|
-
document.body.appendChild(scriptEle)
|
|
30
|
-
}
|
|
31
|
-
</script>
|
|
32
|
-
<script src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/vue/2.6.14/vue.min.js"></script>
|
|
33
|
-
<script src="https://cdn.staticfile.org/element-ui/2.15.7/index.min.js"></script>
|
|
34
|
-
<script src="https://ks3-cn-beijing.ksyun.com/vform2021/VFormRender.umd.min.js?t=20210720"></script>
|
|
35
|
-
<script>
|
|
36
|
-
new Vue({
|
|
37
|
-
el: '#app',
|
|
38
|
-
data: {
|
|
39
|
-
formJson: ${formJsonStr},
|
|
40
|
-
formData: {},
|
|
41
|
-
optionData: {}
|
|
42
|
-
},
|
|
43
|
-
methods: {
|
|
44
|
-
submitForm() {
|
|
45
|
-
this.$refs.vFormRef.getFormData().then( function(formData) {
|
|
46
|
-
// Form Validation OK
|
|
47
|
-
alert( JSON.stringify(formData) )
|
|
48
|
-
}).catch( function(error) {
|
|
49
|
-
// Form Validation Failed
|
|
50
|
-
alert(error)
|
|
51
|
-
})
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
});
|
|
55
|
-
</script>
|
|
56
|
-
</body>
|
|
57
|
-
</html>`
|
|
58
|
-
|
|
59
|
-
} else {
|
|
60
|
-
return `<template>
|
|
61
|
-
<div>
|
|
62
|
-
<v-form-render :form-json="formJson" :form-data="formData" :option-data="optionData" ref="vFormRef">
|
|
63
|
-
</v-form-render>
|
|
64
|
-
<el-button type="primary" @click="submitForm">Submit</el-button>
|
|
65
|
-
</div>
|
|
66
|
-
</template>
|
|
67
|
-
<script>
|
|
68
|
-
export default {
|
|
69
|
-
data() {
|
|
70
|
-
return {
|
|
71
|
-
formJson: ${formJsonStr},
|
|
72
|
-
formData: {},
|
|
73
|
-
optionData: {}
|
|
74
|
-
}
|
|
75
|
-
},
|
|
76
|
-
methods: {
|
|
77
|
-
submitForm() {
|
|
78
|
-
this.$refs.vFormRef.getFormData().then(formData => {
|
|
79
|
-
// Form Validation OK
|
|
80
|
-
alert( JSON.stringify(formData) )
|
|
81
|
-
}).catch(error => {
|
|
82
|
-
// Form Validation failed
|
|
83
|
-
this.$message.error(error)
|
|
84
|
-
})
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
</script>`
|
|
89
|
-
|
|
90
|
-
}
|
|
91
|
-
}
|
package/src/utils/config.js
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
export const VARIANT_FORM_VERSION = '2.2.9'
|
|
2
|
-
|
|
3
|
-
//export const MOCK_CASE_URL = 'https://www.fastmock.site/mock/2de212e0dc4b8e0885fea44ab9f2e1d0/vform/'
|
|
4
|
-
export const MOCK_CASE_URL = 'https://ks3-cn-beijing.ksyuncs.com/vform-static/vcase/'
|
|
5
|
-
|
|
6
|
-
//export const ACE_BASE_PATH = 'public/lib/ace/src-min-noconflict'
|
|
7
|
-
export const ACE_BASE_PATH = 'https://ks3-cn-beijing.ksyun.com/vform2021/ace-mini'
|
|
8
|
-
|
|
9
|
-
export const BEAUTIFIER_PATH= 'https://ks3-cn-beijing.ksyun.com/vform2021/js-beautify/1.14.0/beautifier.min.js'
|
package/src/utils/directive.js
DELETED
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
import Vue from 'vue'
|
|
2
|
-
|
|
3
|
-
// v-dialogDrag: 弹窗拖拽
|
|
4
|
-
Vue.directive('dialogDrag', {
|
|
5
|
-
bind(el, binding, vnode, oldVnode) {
|
|
6
|
-
const dialogHeaderEl = el.querySelector('.el-dialog__header')
|
|
7
|
-
const dragDom = el.querySelector('.el-dialog')
|
|
8
|
-
dialogHeaderEl.style.cursor = 'move'
|
|
9
|
-
|
|
10
|
-
// 获取原有属性 ie dom元素.currentStyle 火狐谷歌 window.getComputedStyle(dom元素, null);
|
|
11
|
-
const sty = dragDom.currentStyle || window.getComputedStyle(dragDom, null)
|
|
12
|
-
|
|
13
|
-
dialogHeaderEl.onmousedown = (e) => {
|
|
14
|
-
// 鼠标按下,计算当前元素距离可视区的距离
|
|
15
|
-
const disX = e.clientX - dialogHeaderEl.offsetLeft
|
|
16
|
-
const disY = e.clientY - dialogHeaderEl.offsetTop
|
|
17
|
-
|
|
18
|
-
// 获取到的值带px 正则匹配替换
|
|
19
|
-
let styL, styT
|
|
20
|
-
|
|
21
|
-
// 注意在ie中 第一次获取到的值为组件自带50% 移动之后赋值为px
|
|
22
|
-
if (sty.left.includes('%')) {
|
|
23
|
-
styL = +document.body.clientWidth * (+sty.left.replace(/%/g, '') / 100)
|
|
24
|
-
styT = +document.body.clientHeight * (+sty.top.replace(/%/g, '') / 100)
|
|
25
|
-
} else {
|
|
26
|
-
styL = +sty.left.replace(/px/g, '')
|
|
27
|
-
styT = +sty.top.replace(/px/g, '')
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
document.onmousemove = function(e) {
|
|
31
|
-
// 通过事件委托,计算移动的距离
|
|
32
|
-
const l = e.clientX - disX
|
|
33
|
-
const t = e.clientY - disY
|
|
34
|
-
|
|
35
|
-
// 移动当前元素
|
|
36
|
-
dragDom.style.left = `${l + styL}px`
|
|
37
|
-
dragDom.style.top = `${t + styT}px`
|
|
38
|
-
|
|
39
|
-
// 将此时的位置传出去
|
|
40
|
-
// binding.value({x:e.pageX,y:e.pageY})
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
document.onmouseup = function(e) {
|
|
44
|
-
document.onmousemove = null
|
|
45
|
-
document.onmouseup = null
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
})
|
|
50
|
-
|
|
51
|
-
// v-dialogDragWidth: 弹窗宽度拖大 拖小
|
|
52
|
-
Vue.directive('dialogDragWidth', {
|
|
53
|
-
bind(el, binding, vnode, oldVnode) {
|
|
54
|
-
const dragDom = binding.value.$el.querySelector('.el-dialog')
|
|
55
|
-
|
|
56
|
-
el.onmousedown = (e) => {
|
|
57
|
-
// 鼠标按下,计算当前元素距离可视区的距离
|
|
58
|
-
const disX = e.clientX - el.offsetLeft
|
|
59
|
-
|
|
60
|
-
document.onmousemove = function(e) {
|
|
61
|
-
e.preventDefault() // 移动时禁用默认事件
|
|
62
|
-
|
|
63
|
-
// 通过事件委托,计算移动的距离
|
|
64
|
-
const l = e.clientX - disX
|
|
65
|
-
dragDom.style.width = `${l}px`
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
document.onmouseup = function(e) {
|
|
69
|
-
document.onmousemove = null
|
|
70
|
-
document.onmouseup = null
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
})
|
package/src/utils/emitter.js
DELETED
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
function broadcast(componentName, eventName, params) {
|
|
2
|
-
this.$children.forEach(child => {
|
|
3
|
-
var name = child.$options.componentName;
|
|
4
|
-
|
|
5
|
-
if (name === componentName) {
|
|
6
|
-
child.$emit.apply(child, [eventName].concat(params));
|
|
7
|
-
broadcast.apply(child, [componentName, eventName].concat([params])); //继续遍历子节点!!
|
|
8
|
-
} else {
|
|
9
|
-
broadcast.apply(child, [componentName, eventName].concat([params]));
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
}
|
|
13
|
-
export default {
|
|
14
|
-
methods: {
|
|
15
|
-
dispatch(componentName, eventName, params) {
|
|
16
|
-
var parent = this.$parent || this.$root;
|
|
17
|
-
var name = parent.$options.componentName;
|
|
18
|
-
|
|
19
|
-
while (parent && (!name || name !== componentName)) {
|
|
20
|
-
parent = parent.$parent;
|
|
21
|
-
|
|
22
|
-
if (parent) {
|
|
23
|
-
name = parent.$options.componentName;
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
if (parent) {
|
|
27
|
-
parent.$emit.apply(parent, [eventName].concat(params));
|
|
28
|
-
}
|
|
29
|
-
},
|
|
30
|
-
broadcast(componentName, eventName, params) {
|
|
31
|
-
broadcast.call(this, componentName, eventName, params);
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
};
|
package/src/utils/format.js
DELETED
|
@@ -1,214 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
export function formatDate1(date) {
|
|
3
|
-
if (new Date(Date.parse(date.replace(/-/g, "/"))) === "Invalid Date") {
|
|
4
|
-
return date;
|
|
5
|
-
}
|
|
6
|
-
date = new Date(Date.parse(date.replace(/-/g, "/"))); //转换成Date
|
|
7
|
-
let y = date.getFullYear();
|
|
8
|
-
let m = date.getMonth() + 1;
|
|
9
|
-
m = m < 10 ? '0' + m : m;
|
|
10
|
-
let d = date.getDate();
|
|
11
|
-
d = d < 10 ? ('0' + d) : d;
|
|
12
|
-
return y + '-' + m + '-' + d;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
export function formatDate2(date) {
|
|
16
|
-
if (new Date(Date.parse(date.replace(/-/g, "/"))) === "Invalid Date") {
|
|
17
|
-
return date;
|
|
18
|
-
}
|
|
19
|
-
date = new Date(Date.parse(date.replace(/-/g, "/"))); //转换成Date
|
|
20
|
-
let y = date.getFullYear();
|
|
21
|
-
let m = date.getMonth() + 1;
|
|
22
|
-
m = m < 10 ? '0' + m : m;
|
|
23
|
-
let d = date.getDate();
|
|
24
|
-
d = d < 10 ? ('0' + d) : d;
|
|
25
|
-
return y + '/' + m + '/' + d;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
export function formatDate3(date) {
|
|
29
|
-
if (new Date(Date.parse(date.replace(/-/g, "/"))) === "Invalid Date") {
|
|
30
|
-
return date;
|
|
31
|
-
}
|
|
32
|
-
date = new Date(Date.parse(date.replace(/-/g, "/"))); //转换成Date
|
|
33
|
-
let y = date.getFullYear();
|
|
34
|
-
let m = date.getMonth() + 1;
|
|
35
|
-
m = m < 10 ? '0' + m : m;
|
|
36
|
-
let d = date.getDate();
|
|
37
|
-
d = d < 10 ? ('0' + d) : d;
|
|
38
|
-
return y + '年' + m + '月' + d +'日';
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
export function formatDate4(date) {
|
|
42
|
-
if (new Date(Date.parse(date.replace(/-/g, "/"))) === "Invalid Date"){
|
|
43
|
-
return date;
|
|
44
|
-
}
|
|
45
|
-
date = new Date(Date.parse(date.replace(/-/g, "/"))); //转换成Date
|
|
46
|
-
return date.toLocaleString()
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
export function formatDate5(date) {
|
|
50
|
-
if (new Date(Date.parse(date.replace(/-/g, "/"))) === "Invalid Date") {
|
|
51
|
-
return date;
|
|
52
|
-
}
|
|
53
|
-
date = new Date(Date.parse(date.replace(/-/g, "/"))); //转换成Data();
|
|
54
|
-
return date.toLocaleString('chinese', { hour12: false })
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
// ###,###,###,##0.######
|
|
58
|
-
export function formatNumber1(v) {
|
|
59
|
-
if (typeof(v) != "number") {
|
|
60
|
-
return v;
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
let length = v.toString().split(".")[1].length;
|
|
64
|
-
switch(length){
|
|
65
|
-
case 0:
|
|
66
|
-
v = v.toFixed(0)
|
|
67
|
-
break;
|
|
68
|
-
case 1:
|
|
69
|
-
v = v.toFixed(1)
|
|
70
|
-
break;
|
|
71
|
-
case 2:
|
|
72
|
-
v = v.toFixed(2)
|
|
73
|
-
break;
|
|
74
|
-
case 3:
|
|
75
|
-
v = v.toFixed(3)
|
|
76
|
-
break;
|
|
77
|
-
case 4:
|
|
78
|
-
v = v.toFixed(4)
|
|
79
|
-
break;
|
|
80
|
-
case 5:
|
|
81
|
-
v = v.toFixed(5)
|
|
82
|
-
break;
|
|
83
|
-
default:
|
|
84
|
-
v = v.toFixed(6)
|
|
85
|
-
}
|
|
86
|
-
let res = v.toString().replace(/\d+/, function(n){ // 先提取整数部分
|
|
87
|
-
return n.replace(/(\d)(?=(\d{3})+$)/g,function($1){
|
|
88
|
-
return $1+",";
|
|
89
|
-
});
|
|
90
|
-
})
|
|
91
|
-
return res;
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
//###,###,###,##0.00####
|
|
95
|
-
export function formatNumber2(v) {
|
|
96
|
-
if (typeof(v) != "number") {
|
|
97
|
-
return v;
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
let length = v.toString().split(".")[1].length;
|
|
101
|
-
switch(length){
|
|
102
|
-
case 0:
|
|
103
|
-
case 1:
|
|
104
|
-
case 2:
|
|
105
|
-
v = v.toFixed(2)
|
|
106
|
-
break;
|
|
107
|
-
case 3:
|
|
108
|
-
v = v.toFixed(3)
|
|
109
|
-
break;
|
|
110
|
-
case 4:
|
|
111
|
-
v = v.toFixed(4)
|
|
112
|
-
break;
|
|
113
|
-
case 5:
|
|
114
|
-
v = v.toFixed(5)
|
|
115
|
-
break;
|
|
116
|
-
default:
|
|
117
|
-
v = v.toFixed(6)
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
let res = v.toString().replace(/\d+/, function(n){ // 先提取整数部分
|
|
121
|
-
return n.replace(/(\d)(?=(\d{3})+$)/g,function($1){
|
|
122
|
-
return $1+",";
|
|
123
|
-
});
|
|
124
|
-
})
|
|
125
|
-
return res;
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
// ###,###,###,##0.000000
|
|
129
|
-
export function formatNumber3(v) {
|
|
130
|
-
if (typeof(v) != "number") {
|
|
131
|
-
return v;
|
|
132
|
-
}
|
|
133
|
-
|
|
134
|
-
v = v.toFixed(6)
|
|
135
|
-
let res = v.toString().replace(/\d+/, function(n){ // 先提取整数部分
|
|
136
|
-
return n.replace(/(\d)(?=(\d{3})+$)/g,function($1){
|
|
137
|
-
return $1+",";
|
|
138
|
-
});
|
|
139
|
-
})
|
|
140
|
-
return res;
|
|
141
|
-
}
|
|
142
|
-
// ###,###,###,##0.000
|
|
143
|
-
export function formatNumber4(v) {
|
|
144
|
-
if (typeof(v) != "number") {
|
|
145
|
-
return v;
|
|
146
|
-
}
|
|
147
|
-
|
|
148
|
-
v = v.toFixed(3)
|
|
149
|
-
let res = v.toString().replace(/\d+/, function(n){ // 先提取整数部分
|
|
150
|
-
return n.replace(/(\d)(?=(\d{3})+$)/g,function($1){
|
|
151
|
-
return $1+",";
|
|
152
|
-
});
|
|
153
|
-
})
|
|
154
|
-
return res;
|
|
155
|
-
}
|
|
156
|
-
|
|
157
|
-
// ###,###,###,##0.00
|
|
158
|
-
export function formatNumber5(v) {
|
|
159
|
-
if (typeof(v) != "number") {
|
|
160
|
-
return v;
|
|
161
|
-
}
|
|
162
|
-
|
|
163
|
-
v = v.toFixed(2)
|
|
164
|
-
let res = v.toString().replace(/\d+/, function(n){ // 先提取整数部分
|
|
165
|
-
return n.replace(/(\d)(?=(\d{3})+$)/g,function($1){
|
|
166
|
-
return $1+",";
|
|
167
|
-
});
|
|
168
|
-
})
|
|
169
|
-
return res;
|
|
170
|
-
}
|
|
171
|
-
|
|
172
|
-
// ###,###,###,##0
|
|
173
|
-
export function formatNumber6(v) {
|
|
174
|
-
if (typeof(v) != "number") {
|
|
175
|
-
return v;
|
|
176
|
-
}
|
|
177
|
-
|
|
178
|
-
v = v.toFixed(0)
|
|
179
|
-
let res = v.toString().replace(/\d+/, function(n){ // 先提取整数部分
|
|
180
|
-
return n.replace(/(\d)(?=(\d{3})+$)/g,function($1){
|
|
181
|
-
return $1+",";
|
|
182
|
-
});
|
|
183
|
-
})
|
|
184
|
-
return res;
|
|
185
|
-
}
|
|
186
|
-
|
|
187
|
-
// ###,##0.00##%
|
|
188
|
-
export function formatNumber7(v) {
|
|
189
|
-
if (typeof(v) != "number") {
|
|
190
|
-
return v;
|
|
191
|
-
}
|
|
192
|
-
|
|
193
|
-
let length = v.toString().split(".")[1].length;
|
|
194
|
-
v = v*100
|
|
195
|
-
switch(length){
|
|
196
|
-
case 0:
|
|
197
|
-
case 1:
|
|
198
|
-
case 2:
|
|
199
|
-
v = v.toFixed(2)
|
|
200
|
-
break;
|
|
201
|
-
case 3:
|
|
202
|
-
v = v.toFixed(3)
|
|
203
|
-
break;
|
|
204
|
-
default:
|
|
205
|
-
v = v.toFixed(4)
|
|
206
|
-
}
|
|
207
|
-
|
|
208
|
-
let res = v.toString().replace(/\d+/, function(n){ // 先提取整数部分
|
|
209
|
-
return n.replace(/(\d)(?=(\d{3})+$)/g,function($1){
|
|
210
|
-
return $1+",";
|
|
211
|
-
});
|
|
212
|
-
})
|
|
213
|
-
return res+'%';
|
|
214
|
-
}
|
package/src/utils/i18n.js
DELETED
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
import Vue from 'vue'
|
|
2
|
-
import si18n from './smart-vue-i18n/index'
|
|
3
|
-
|
|
4
|
-
import enLocaleElement from "element-ui/lib/locale/lang/en";
|
|
5
|
-
import zhLocaleElement from "element-ui/lib/locale/lang/zh-CN";
|
|
6
|
-
import locale from "element-ui/lib/locale"
|
|
7
|
-
|
|
8
|
-
import enLocale from "@/lang/en-US";
|
|
9
|
-
import zhLocale from "@/lang/zh-CN";
|
|
10
|
-
import enLocale_render from "@/lang/en-US_render";
|
|
11
|
-
import zhLocale_render from "@/lang/zh-CN_render";
|
|
12
|
-
import enLocale_extension from "@/lang/en-US_extension";
|
|
13
|
-
import zhLocale_extension from "@/lang/zh-CN_extension";
|
|
14
|
-
|
|
15
|
-
const langResources = {
|
|
16
|
-
'en-US': {
|
|
17
|
-
something: {
|
|
18
|
-
//...
|
|
19
|
-
},
|
|
20
|
-
...enLocaleElement,
|
|
21
|
-
...enLocale,
|
|
22
|
-
...enLocale_render,
|
|
23
|
-
...enLocale_extension
|
|
24
|
-
},
|
|
25
|
-
|
|
26
|
-
'zh-CN': {
|
|
27
|
-
something: {
|
|
28
|
-
//...
|
|
29
|
-
},
|
|
30
|
-
...zhLocaleElement,
|
|
31
|
-
...zhLocale,
|
|
32
|
-
...zhLocale_render,
|
|
33
|
-
...zhLocale_extension
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
// ********************* 下述代码参考element-ui/lib/locale/format.js begin *****************//
|
|
38
|
-
|
|
39
|
-
const RE_NARGS = /(%|)\{([0-9a-zA-Z_]+)\}/g;
|
|
40
|
-
function hasOwn(obj, key) {
|
|
41
|
-
return Object.prototype.hasOwnProperty.call(obj, key);
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
const elLocalFormatter = function template(string, args) {
|
|
45
|
-
return string.replace(RE_NARGS, (match, prefix, i, index) => {
|
|
46
|
-
let result;
|
|
47
|
-
|
|
48
|
-
if (string[index - 1] === '{' &&
|
|
49
|
-
string[index + match.length] === '}') {
|
|
50
|
-
return i;
|
|
51
|
-
} else {
|
|
52
|
-
result = hasOwn(args, i) ? args[i] : null;
|
|
53
|
-
if (result === null || result === undefined) {
|
|
54
|
-
return '';
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
return result;
|
|
58
|
-
}
|
|
59
|
-
})
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
// ********************* 下述代码参考element-ui/lib/locale/format.js end ******************//
|
|
63
|
-
|
|
64
|
-
Vue.use(si18n, {
|
|
65
|
-
lang: localStorage.getItem('v_form_locale') || 'zh-CN',
|
|
66
|
-
messages: langResources
|
|
67
|
-
})
|
|
68
|
-
|
|
69
|
-
locale.i18n((key, value) => {
|
|
70
|
-
let result = Vue.prototype.$st(key)
|
|
71
|
-
return elLocalFormatter(result, value)
|
|
72
|
-
})
|
|
73
|
-
|
|
74
|
-
export const changeLocale = function(langName) {
|
|
75
|
-
Vue.prototype.$si18n.setLang(langName)
|
|
76
|
-
localStorage.setItem('v_form_locale', langName)
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
export const translate = function(key) {
|
|
80
|
-
return Vue.prototype.$st(key)
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
export default {
|
|
84
|
-
methods: {
|
|
85
|
-
i18nt(key) {
|
|
86
|
-
return this.$st(key)
|
|
87
|
-
},
|
|
88
|
-
|
|
89
|
-
/* 如果key1不存在,则查找key2 */
|
|
90
|
-
i18n2t(key1, key2) {
|
|
91
|
-
return this.$st2(key1, key2)
|
|
92
|
-
},
|
|
93
|
-
|
|
94
|
-
}
|
|
95
|
-
}
|