vxcontrol/ncform
1
0
Fork 0
mirror of https://github.com/vxcontrol/ncform.git synced 2026-07-18 16:24:27 -04:00
Code Issues Packages Projects Releases Wiki Activity

feat: improve widgets information

Browse Source
This commit is contained in:
F-loat
2019-12-09 09:23:59 +08:00
committed by Dmitry Nagibin
parent ab73c19dec
commit 51ca8b1860
1 changed files with 29 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ncform/src/components/vue-ncform/index.js
+29 -20
View File
@@ -20,7 +20,7 @@ module.exports = {
* { 'rule name': rule class }
* ]
*/
install: (Vue, options = { extComponents: {}, extRules: [], lang: '' }) => {
install: (Vue, options = { extComponents: {}, extRules: [], lang: "" }) => {
window.__$ncform = {}; // 属于ncform的全局变量
window.__$ncform.__ncformComponents = {};
@@ -29,12 +29,22 @@ module.exports = {
window.__$ncform.__ncformRegularValidation = new RegularValidation();
window.__$ncform.lang = (options.lang || window.__$ncform.lang || navigator.browserLanguage || navigator.language).replace(/-/, '_').toLowerCase();
window.__$ncform.lang = (
options.lang ||
window.__$ncform.lang ||
navigator.browserLanguage ||
navigator.language
)
.replace(/-/, "_")
.toLowerCase();
// 注册组件
_map(
Object.assign(defLayouts, defControls, options.extComponents || {}),
(compItem, name) => { window.__$ncform.__ncformComponents[_kebabCase(name)] = 1; Vue.component(`ncform-${_kebabCase(name)}`, compItem) }
(compItem, name) => {
window.__$ncform.__ncformComponents[_kebabCase(name)] = compItem;
Vue.component(`ncform-${_kebabCase(name)}`, compItem);
}
);
// 注册验证规则
@@ -42,7 +52,7 @@ module.exports = {
window.__$ncform.__ncformRegularValidation.registerRule(ruleItem)
);
Vue.prototype.$ncformValidate = function(formName) {
Vue.prototype.$ncformValidate = formName => {
formName = formName || "_ncformDefaultName";
const vm = window.__$ncform.__ncFormsGlobalList[formName];
@@ -54,7 +64,9 @@ module.exports = {
const config = vm.dataFormSchema.globalConfig.scrollToFailField;
if (!data.result && config.enabled) {
vm.$nextTick(() => {
const firstErrorElem = Array.prototype.slice.call(vm.$el.querySelectorAll('.invalid-feedback')).find(elem => elem.style.display !== 'none');
const firstErrorElem = Array.prototype.slice
.call(vm.$el.querySelectorAll(".invalid-feedback"))
.find(elem => elem.style.display !== "none");
if (firstErrorElem) {
VueScrollTo.scrollTo(firstErrorElem, {
container: config.container,
@@ -62,13 +74,13 @@ module.exports = {
offset: config.offset
});
}
})
});
}
return data;
});
};
Vue.prototype.$ncformReset = function(formName) {
Vue.prototype.$ncformReset = formName => {
formName = formName || "_ncformDefaultName";
const vm = window.__$ncform.__ncFormsGlobalList[formName];
@@ -79,24 +91,21 @@ module.exports = {
return vm.reset();
};
Vue.prototype.$ncformAddWidget = function({name, widget}) {
window.__$ncform.__ncformComponents[_kebabCase(name)] = 1;
Vue.component(`ncform-${_kebabCase(name)}`, widget)
}
Vue.prototype.$ncformAddWidget = ({ name, widget }) => {
window.__$ncform.__ncformComponents[_kebabCase(name)] = widget;
Vue.component(`ncform-${_kebabCase(name)}`, widget);
};
Vue.prototype.$ncformAddRule = function({name, rule}) {
let ruleItem = {};
Vue.prototype.$ncformAddRule = ({ name, rule }) => {
const ruleItem = {};
ruleItem[name] = rule;
window.__$ncform.__ncformRegularValidation.registerRule(ruleItem);
}
};
Vue.prototype.$ncformAllRules = function() {
return Object.keys(window.__$ncform.__ncformRegularValidation.allRules);
}
Vue.prototype.$ncformAllRules = () =>
Object.keys(window.__$ncform.__ncformRegularValidation.allRules);
Vue.prototype.$ncformAllWidgets = function() {
return Object.keys(window.__$ncform.__ncformComponents);
}
Vue.prototype.$ncformAllWidgets = () => window.__$ncform.__ncformComponents;
Vue.component("ncform", ncform);
}