@form-create/element-ui 2.5.9 → 2.5.13

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.
Files changed (7) hide show
  1. package/dist/form-create.js +616 -454
  2. package/dist/form-create.min.js +2 -2
  3. package/dist/form-create.min.js.map +1 -1
  4. package/package.json +13 -13
  5. package/src/core/api.js +18 -16
  6. package/src/core/manager.js +19 -23
  7. package/src/style/index.css +4 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@form-create/element-ui",
3
- "version": "2.5.9",
3
+ "version": "2.5.13",
4
4
  "description": "element-ui动态表单|form-create is a form generation component that can generate dynamic rendering, data collection, verification and submission functions through JSON. Supports 3 UI frameworks, and supports the generation of any Vue components. Built-in 20 kinds of commonly used form components and custom components, no matter how complex forms can be easily handled.",
5
5
  "main": "./dist/form-create.min.js",
6
6
  "module": "./dist/form-create.min.js",
@@ -43,27 +43,27 @@
43
43
  },
44
44
  "homepage": "http://www.form-create.com",
45
45
  "dependencies": {
46
- "@form-create/component-elm-checkbox": "^2.5.9",
47
- "@form-create/component-elm-frame": "^2.5.9",
48
- "@form-create/component-elm-group": "^2.5.9",
49
- "@form-create/component-elm-radio": "^2.5.9",
50
- "@form-create/component-elm-select": "^2.5.9",
51
- "@form-create/component-elm-tree": "^2.5.9",
52
- "@form-create/component-elm-upload": "^2.5.9",
53
- "@form-create/component-subform": "^2.5.9",
54
- "@form-create/core": "^2.5.9",
55
- "@form-create/utils": "^2.5.9"
46
+ "@form-create/component-elm-checkbox": "^2.5.13",
47
+ "@form-create/component-elm-frame": "^2.5.11",
48
+ "@form-create/component-elm-group": "^2.5.12",
49
+ "@form-create/component-elm-radio": "^2.5.13",
50
+ "@form-create/component-elm-select": "^2.5.12",
51
+ "@form-create/component-elm-tree": "^2.5.11",
52
+ "@form-create/component-elm-upload": "^2.5.11",
53
+ "@form-create/component-subform": "^2.5.12",
54
+ "@form-create/core": "^2.5.13",
55
+ "@form-create/utils": "^2.5.11"
56
56
  },
57
57
  "publishConfig": {
58
58
  "access": "public"
59
59
  },
60
60
  "devDependencies": {
61
- "@form-create/component-wangeditor": "^2.5.5",
61
+ "@form-create/component-wangeditor": "^2.5.13",
62
62
  "@vue/cli-plugin-babel": "~4.5.0",
63
63
  "@vue/cli-service": "^4.5.3",
64
64
  "@vue/composition-api": "^1.0.0-beta.22",
65
65
  "element-ui": "^2.13.2",
66
66
  "v-jsoneditor": "^1.4.2"
67
67
  },
68
- "gitHead": "b4e39524136df76ad16c92a3697fdfe94ac296a7"
68
+ "gitHead": "5cb1a526bfa15ad79532153e613747d092cbc3e5"
69
69
  }
package/src/core/api.js CHANGED
@@ -47,13 +47,13 @@ export default function extendApi(api, h) {
47
47
  }
48
48
  },
49
49
  validateField: (field, callback) => {
50
- if (!h.fieldCtx[field])
51
- return;
52
- const sub = h.subForm[field];
50
+ const ctx = h.getFieldCtx(field);
51
+ if (!ctx) return;
52
+ const sub = h.subForm[ctx.id];
53
53
  let len = 0;
54
54
  let flag;
55
55
  const validate = () => {
56
- h.$manager.validateField(field, (...args) => {
56
+ h.$manager.validateField(ctx.id, (...args) => {
57
57
  if (args[0]) {
58
58
  flag = args;
59
59
  } else if (flag) {
@@ -86,22 +86,24 @@ export default function extendApi(api, h) {
86
86
  clearValidateState(fields, clearSub = true) {
87
87
  api.helper.tidyFields(fields).forEach(field => {
88
88
  if (clearSub) this.clearSubValidateState(field);
89
- const ctx = h.fieldCtx[field];
90
- if (!ctx) return;
91
- h.$manager.clearValidateState(ctx);
89
+ h.getCtxs(field).forEach(ctx => {
90
+ h.$manager.clearValidateState(ctx);
91
+ });
92
92
  });
93
93
  },
94
94
  clearSubValidateState(fields) {
95
95
  api.helper.tidyFields(fields).forEach(field => {
96
- const subForm = h.subForm[field];
97
- if (!subForm) return;
98
- if (Array.isArray(subForm)) {
99
- subForm.forEach(form => {
100
- form.clearValidateState();
101
- })
102
- } else if (subForm) {
103
- subForm.clearValidateState();
104
- }
96
+ h.getCtxs(field).forEach(ctx => {
97
+ const subForm = h.subForm[ctx.id];
98
+ if (!subForm) return;
99
+ if (Array.isArray(subForm)) {
100
+ subForm.forEach(form => {
101
+ form.clearValidateState();
102
+ })
103
+ } else if (subForm) {
104
+ subForm.clearValidateState();
105
+ }
106
+ });
105
107
  })
106
108
  },
107
109
  btn: {
package/src/core/manager.js CHANGED
@@ -118,10 +118,10 @@ export default {
118
118
  const {inline, col: _col} = this.rule.props;
119
119
  const item = isFalse(rule.wrap.show) ? children : this.$r(mergeProps([rule.wrap, {
120
120
  props: {
121
- label: rule.title.title,
122
121
  labelWidth: labelWidth === void 0 ? labelWidth : toString(labelWidth),
122
+ label: isTitle ? rule.title.title : undefined,
123
123
  ...(rule.wrap || {}),
124
- prop: ctx.field,
124
+ prop: ctx.id,
125
125
  rules: rule.validate,
126
126
  },
127
127
  class: rule.className,
@@ -132,6 +132,7 @@ export default {
132
132
  return (inline === true || isFalse(_col) || isFalse(col.show)) ? item : this.makeCol(rule, uni, [item]);
133
133
  },
134
134
  isTitle(rule) {
135
+ if (this.options.form.title === false) return false;
135
136
  const title = rule.title;
136
137
  return !((!title.title && !title.native) || isFalse(title.show))
137
138
  },
@@ -140,39 +141,34 @@ export default {
140
141
  const infoProp = rule.info;
141
142
  const isTip = isTooltip(infoProp);
142
143
  const form = this.options.form;
143
- const children = [titleProp.title + (form.labelSuffix || form['label-suffix'] || '')];
144
- const titleFn = (pop) => this.$r(mergeProps([titleProp, {
145
- props: titleProp,
146
- slot: titleProp.slot || (pop ? (isTip ? 'default' : 'reference') : 'label'),
147
- key: `${uni}tit`,
148
- type: titleProp.type || 'span',
149
- }]), children);
144
+ const children = [(titleProp.title || '') + (form.labelSuffix || form['label-suffix'] || '')];
150
145
 
151
- if (!isFalse(infoProp.show) && (infoProp.info || infoProp.native)) {
152
- if (infoProp.icon !== false) {
153
- children[infoProp.align !== 'left' ? 'unshift' : 'push'](this.$r({
154
- type: 'i',
155
- class: infoProp.icon === true ? 'el-icon-warning' : infoProp.icon,
156
- key: `${uni}i`
157
- }));
158
- }
146
+ if (!isFalse(infoProp.show) && (infoProp.info || infoProp.native) && !isFalse(infoProp.icon)) {
159
147
  const prop = {
160
148
  type: infoProp.type || 'popover',
161
149
  props: {...infoProp},
162
150
  key: `${uni}pop`,
163
151
  slot: 'label'
164
152
  };
165
-
166
153
  const field = 'content';
167
154
  if (infoProp.info && !hasProperty(prop.props, field)) {
168
155
  prop.props[field] = infoProp.info;
169
156
  }
170
-
171
- return this.$r(mergeProps([infoProp, prop]), [
172
- titleFn(true)
173
- ])
157
+ children[infoProp.align !== 'left' ? 'unshift' : 'push'](this.$r(mergeProps([infoProp, prop]), [
158
+ this.$r({
159
+ type: 'i',
160
+ slot: isTip ? 'default' : 'reference',
161
+ class: infoProp.icon === true ? 'el-icon-warning' : infoProp.icon,
162
+ key: `${uni}i`
163
+ })
164
+ ]));
174
165
  }
175
- return titleFn();
166
+ return this.$r(mergeProps([titleProp, {
167
+ props: titleProp,
168
+ slot: titleProp.slot || 'label',
169
+ key: `${uni}tit`,
170
+ type: titleProp.type || 'span',
171
+ }]), children);
176
172
  },
177
173
  makeCol(rule, uni, children) {
178
174
  const col = rule.col;
package/src/style/index.css CHANGED
@@ -5,3 +5,7 @@
5
5
  .form-create .form-create .el-form-item .el-form-item {
6
6
  margin-bottom: 0px;
7
7
  }
8
+
9
+ .form-create{
10
+ transform: rotateZ(0);
11
+ }