vxe-design 4.0.5 → 4.0.7
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.en.md +2 -2
- package/README.ja-JP.md +2 -2
- package/README.md +2 -2
- package/README.zh-TW.md +2 -2
- package/es/form-design/widget-subtable/subtable-view.js +1 -0
- package/es/ui/index.js +1 -1
- package/es/ui/src/dom.js +2 -2
- package/es/ui/src/log.js +1 -1
- package/lib/components.js +2 -3
- package/lib/components.min.js +1 -1
- package/lib/flow-design/index.js +1 -1
- package/lib/flow-design/index.min.js +1 -1
- package/lib/flow-design/src/flow-design.js +1 -1
- package/lib/flow-design/src/flow-design.min.js +1 -1
- package/lib/flow-design/src/flow-view.js +1 -1
- package/lib/flow-design/src/flow-view.min.js +1 -1
- package/lib/flow-view/index.js +1 -1
- package/lib/flow-view/index.min.js +1 -1
- package/lib/form-design/index.js +1 -1
- package/lib/form-design/index.min.js +1 -1
- package/lib/form-design/render/index.min.js +1 -1
- package/lib/form-design/render/util.min.js +1 -1
- package/lib/form-design/src/default-setting-data.min.js +1 -1
- package/lib/form-design/src/default-setting-form.min.js +1 -1
- package/lib/form-design/src/default-style-form.min.js +1 -1
- package/lib/form-design/src/form-design.js +1 -1
- package/lib/form-design/src/form-design.min.js +1 -1
- package/lib/form-design/src/form-view.js +1 -1
- package/lib/form-design/src/form-view.min.js +1 -1
- package/lib/form-design/src/layout-preview.js +1 -1
- package/lib/form-design/src/layout-preview.min.js +1 -1
- package/lib/form-design/src/layout-setting.min.js +1 -1
- package/lib/form-design/src/layout-style.js +1 -1
- package/lib/form-design/src/layout-style.min.js +1 -1
- package/lib/form-design/src/layout-view-item.js +1 -1
- package/lib/form-design/src/layout-view-item.min.js +1 -1
- package/lib/form-design/src/layout-widget.js +1 -1
- package/lib/form-design/src/layout-widget.min.js +1 -1
- package/lib/form-design/src/use/index.min.js +1 -1
- package/lib/form-design/src/use/widget-name.js +1 -1
- package/lib/form-design/src/use/widget-name.min.js +1 -1
- package/lib/form-design/src/use/widget-prop-data-source.min.js +1 -1
- package/lib/form-design/src/use/widget-prop-default-value.min.js +1 -1
- package/lib/form-design/src/use/widget-subtable-view.js +1 -1
- package/lib/form-design/src/use/widget-subtable-view.min.js +1 -1
- package/lib/form-design/src/use/widget-view.min.js +1 -1
- package/lib/form-design/src/util.js +1 -1
- package/lib/form-design/src/util.min.js +1 -1
- package/lib/form-design/src/widget-info.js +1 -1
- package/lib/form-design/src/widget-info.min.js +1 -1
- package/lib/form-design/widget-input/index.min.js +1 -1
- package/lib/form-design/widget-input/input-data.min.js +1 -1
- package/lib/form-design/widget-input/input-form.min.js +1 -1
- package/lib/form-design/widget-input/input-view.min.js +1 -1
- package/lib/form-design/widget-row/index.min.js +1 -1
- package/lib/form-design/widget-row/row-data.js +1 -1
- package/lib/form-design/widget-row/row-data.min.js +1 -1
- package/lib/form-design/widget-row/row-form.js +1 -1
- package/lib/form-design/widget-row/row-form.min.js +1 -1
- package/lib/form-design/widget-row/row-view.js +1 -1
- package/lib/form-design/widget-row/row-view.min.js +1 -1
- package/lib/form-design/widget-select/index.min.js +1 -1
- package/lib/form-design/widget-select/select-data.js +1 -1
- package/lib/form-design/widget-select/select-data.min.js +1 -1
- package/lib/form-design/widget-select/select-form.min.js +1 -1
- package/lib/form-design/widget-select/select-view.min.js +1 -1
- package/lib/form-design/widget-subtable/index.min.js +1 -1
- package/lib/form-design/widget-subtable/subtable-data.min.js +1 -1
- package/lib/form-design/widget-subtable/subtable-form.min.js +1 -1
- package/lib/form-design/widget-subtable/subtable-view.js +2 -1
- package/lib/form-design/widget-subtable/subtable-view.min.js +1 -1
- package/lib/form-design/widget-text/index.min.js +1 -1
- package/lib/form-design/widget-text/text-data.min.js +1 -1
- package/lib/form-design/widget-text/text-form.js +1 -1
- package/lib/form-design/widget-text/text-form.min.js +1 -1
- package/lib/form-design/widget-text/text-view.min.js +1 -1
- package/lib/form-design/widget-textarea/index.min.js +1 -1
- package/lib/form-design/widget-textarea/textarea-data.min.js +1 -1
- package/lib/form-design/widget-textarea/textarea-form.min.js +1 -1
- package/lib/form-design/widget-textarea/textarea-view.min.js +1 -1
- package/lib/form-design/widget-vxe-checkbox-group/index.min.js +1 -1
- package/lib/form-design/widget-vxe-checkbox-group/vxe-checkbox-group-data.js +1 -1
- package/lib/form-design/widget-vxe-checkbox-group/vxe-checkbox-group-data.min.js +1 -1
- package/lib/form-design/widget-vxe-checkbox-group/vxe-checkbox-group-form.min.js +1 -1
- package/lib/form-design/widget-vxe-checkbox-group/vxe-checkbox-group-view.min.js +1 -1
- package/lib/form-design/widget-vxe-date-picker/index.min.js +1 -1
- package/lib/form-design/widget-vxe-date-picker/vxe-date-picker-data.min.js +1 -1
- package/lib/form-design/widget-vxe-date-picker/vxe-date-picker-form.min.js +1 -1
- package/lib/form-design/widget-vxe-date-picker/vxe-date-picker-view.min.js +1 -1
- package/lib/form-design/widget-vxe-input/index.min.js +1 -1
- package/lib/form-design/widget-vxe-input/vxe-input-data.min.js +1 -1
- package/lib/form-design/widget-vxe-input/vxe-input-form.min.js +1 -1
- package/lib/form-design/widget-vxe-input/vxe-input-view.min.js +1 -1
- package/lib/form-design/widget-vxe-number-input/index.min.js +1 -1
- package/lib/form-design/widget-vxe-number-input/vxe-number-input-data.min.js +1 -1
- package/lib/form-design/widget-vxe-number-input/vxe-number-input-form.min.js +1 -1
- package/lib/form-design/widget-vxe-number-input/vxe-number-input-view.min.js +1 -1
- package/lib/form-design/widget-vxe-radio-group/index.min.js +1 -1
- package/lib/form-design/widget-vxe-radio-group/vxe-radio-group-data.js +1 -1
- package/lib/form-design/widget-vxe-radio-group/vxe-radio-group-data.min.js +1 -1
- package/lib/form-design/widget-vxe-radio-group/vxe-radio-group-form.min.js +1 -1
- package/lib/form-design/widget-vxe-radio-group/vxe-radio-group-view.min.js +1 -1
- package/lib/form-design/widget-vxe-rate/index.min.js +1 -1
- package/lib/form-design/widget-vxe-rate/vxe-rate-data.min.js +1 -1
- package/lib/form-design/widget-vxe-rate/vxe-rate-form.min.js +1 -1
- package/lib/form-design/widget-vxe-rate/vxe-rate-view.min.js +1 -1
- package/lib/form-design/widget-vxe-select/index.min.js +1 -1
- package/lib/form-design/widget-vxe-select/vxe-select-data.js +1 -1
- package/lib/form-design/widget-vxe-select/vxe-select-data.min.js +1 -1
- package/lib/form-design/widget-vxe-select/vxe-select-form.min.js +1 -1
- package/lib/form-design/widget-vxe-select/vxe-select-view.min.js +1 -1
- package/lib/form-design/widget-vxe-slider/index.min.js +1 -1
- package/lib/form-design/widget-vxe-slider/vxe-slider-data.min.js +1 -1
- package/lib/form-design/widget-vxe-slider/vxe-slider-form.min.js +1 -1
- package/lib/form-design/widget-vxe-slider/vxe-slider-view.min.js +1 -1
- package/lib/form-design/widget-vxe-switch/index.min.js +1 -1
- package/lib/form-design/widget-vxe-switch/vxe-switch-data.min.js +1 -1
- package/lib/form-design/widget-vxe-switch/vxe-switch-form.min.js +1 -1
- package/lib/form-design/widget-vxe-switch/vxe-switch-view.min.js +1 -1
- package/lib/form-design/widget-vxe-textarea/index.min.js +1 -1
- package/lib/form-design/widget-vxe-textarea/vxe-textarea-data.min.js +1 -1
- package/lib/form-design/widget-vxe-textarea/vxe-textarea-form.min.js +1 -1
- package/lib/form-design/widget-vxe-textarea/vxe-textarea-view.min.js +1 -1
- package/lib/form-design/widget-vxe-tree-select/index.min.js +1 -1
- package/lib/form-design/widget-vxe-tree-select/vxe-tree-select-data.js +1 -1
- package/lib/form-design/widget-vxe-tree-select/vxe-tree-select-data.min.js +1 -1
- package/lib/form-design/widget-vxe-tree-select/vxe-tree-select-form.min.js +1 -1
- package/lib/form-design/widget-vxe-tree-select/vxe-tree-select-view.min.js +1 -1
- package/lib/form-design/widget-vxe-upload-file/index.min.js +1 -1
- package/lib/form-design/widget-vxe-upload-file/vxe-upload-file-data.min.js +1 -1
- package/lib/form-design/widget-vxe-upload-file/vxe-upload-file-form.min.js +1 -1
- package/lib/form-design/widget-vxe-upload-file/vxe-upload-file-view.min.js +1 -1
- package/lib/form-design/widget-vxe-upload-image/index.min.js +1 -1
- package/lib/form-design/widget-vxe-upload-image/vxe-upload-image-data.min.js +1 -1
- package/lib/form-design/widget-vxe-upload-image/vxe-upload-image-form.min.js +1 -1
- package/lib/form-design/widget-vxe-upload-image/vxe-upload-image-view.min.js +1 -1
- package/lib/form-view/index.js +1 -1
- package/lib/form-view/index.min.js +1 -1
- package/lib/index.common.js +1 -2
- package/lib/index.umd.js +2268 -1061
- package/lib/index.umd.min.js +1 -1
- package/lib/list-design/index.js +1 -1
- package/lib/list-design/index.min.js +1 -1
- package/lib/list-design/render/index.min.js +1 -1
- package/lib/list-design/render/util.min.js +1 -1
- package/lib/list-design/src/default-setting-data.min.js +1 -1
- package/lib/list-design/src/default-setting-form.js +1 -1
- package/lib/list-design/src/default-setting-form.min.js +1 -1
- package/lib/list-design/src/layout-preview.js +1 -1
- package/lib/list-design/src/layout-preview.min.js +1 -1
- package/lib/list-design/src/layout-setting.min.js +1 -1
- package/lib/list-design/src/list-design.js +1 -1
- package/lib/list-design/src/list-design.min.js +1 -1
- package/lib/list-design/src/list-view.js +1 -1
- package/lib/list-design/src/list-view.min.js +1 -1
- package/lib/list-view/index.js +1 -1
- package/lib/list-view/index.min.js +1 -1
- package/lib/ui/index.js +1 -1
- package/lib/ui/index.min.js +1 -1
- package/lib/ui/src/comp.min.js +1 -1
- package/lib/ui/src/dom.js +3 -3
- package/lib/ui/src/dom.min.js +1 -1
- package/lib/ui/src/log.js +1 -1
- package/lib/ui/src/log.min.js +1 -1
- package/lib/ui/src/utils.js +1 -1
- package/lib/ui/src/utils.min.js +1 -1
- package/lib/ui/src/vn.js +1 -1
- package/lib/ui/src/vn.min.js +1 -1
- package/lib/vxe-flow-design/index.js +1 -2
- package/lib/vxe-flow-design/index.min.js +1 -1
- package/lib/vxe-flow-view/index.js +1 -2
- package/lib/vxe-flow-view/index.min.js +1 -1
- package/lib/vxe-form-design/index.js +1 -2
- package/lib/vxe-form-design/index.min.js +1 -1
- package/lib/vxe-form-view/index.js +1 -2
- package/lib/vxe-form-view/index.min.js +1 -1
- package/lib/vxe-list-design/index.js +1 -2
- package/lib/vxe-list-design/index.min.js +1 -1
- package/lib/vxe-list-view/index.js +1 -2
- package/lib/vxe-list-view/index.min.js +1 -1
- package/lib/vxe-ui/index.js +1 -2
- package/lib/vxe-ui/index.min.js +1 -1
- package/package.json +3 -3
- package/packages/form-design/widget-subtable/subtable-view.ts +1 -0
- package/packages/ui/src/dom.ts +2 -2
package/README.en.md
CHANGED
|
@@ -34,7 +34,7 @@ npm install vxe-pc-ui vxe-table vxe-design
|
|
|
34
34
|
|
|
35
35
|
```javascript
|
|
36
36
|
// ...
|
|
37
|
-
import
|
|
37
|
+
import VxeUIBase from 'vxe-pc-ui'
|
|
38
38
|
import 'vxe-pc-ui/es/style.css'
|
|
39
39
|
|
|
40
40
|
import VxeUITable from 'vxe-table'
|
|
@@ -44,7 +44,7 @@ import VxeUIDesign from 'vxe-design'
|
|
|
44
44
|
import 'vxe-design/lib/style.css'
|
|
45
45
|
// ...
|
|
46
46
|
|
|
47
|
-
createApp(App).use(
|
|
47
|
+
createApp(App).use(VxeUIBase).use(VxeUITable).use(VxeUIDesign).mount('#app')
|
|
48
48
|
```
|
|
49
49
|
|
|
50
50
|
## Run the project
|
package/README.ja-JP.md
CHANGED
|
@@ -34,7 +34,7 @@ npm install vxe-pc-ui vxe-table vxe-design
|
|
|
34
34
|
|
|
35
35
|
```javascript
|
|
36
36
|
// ...
|
|
37
|
-
import
|
|
37
|
+
import VxeUIBase from 'vxe-pc-ui'
|
|
38
38
|
import 'vxe-pc-ui/es/style.css'
|
|
39
39
|
|
|
40
40
|
import VxeUITable from 'vxe-table'
|
|
@@ -44,7 +44,7 @@ import VxeUIDesign from 'vxe-design'
|
|
|
44
44
|
import 'vxe-design/lib/style.css'
|
|
45
45
|
// ...
|
|
46
46
|
|
|
47
|
-
createApp(App).use(
|
|
47
|
+
createApp(App).use(VxeUIBase).use(VxeUITable).use(VxeUIDesign).mount('#app')
|
|
48
48
|
```
|
|
49
49
|
|
|
50
50
|
## プロジェクトの実行
|
package/README.md
CHANGED
|
@@ -77,7 +77,7 @@ npm install vxe-pc-ui vxe-table vxe-design
|
|
|
77
77
|
|
|
78
78
|
```javascript
|
|
79
79
|
// ...
|
|
80
|
-
import
|
|
80
|
+
import VxeUIBase from 'vxe-pc-ui'
|
|
81
81
|
import 'vxe-pc-ui/es/style.css'
|
|
82
82
|
|
|
83
83
|
import VxeUITable from 'vxe-table'
|
|
@@ -87,7 +87,7 @@ import VxeUIDesign from 'vxe-design'
|
|
|
87
87
|
import 'vxe-design/lib/style.css'
|
|
88
88
|
// ...
|
|
89
89
|
|
|
90
|
-
createApp(App).use(
|
|
90
|
+
createApp(App).use(VxeUIBase).use(VxeUITable).use(VxeUIDesign).mount('#app')
|
|
91
91
|
```
|
|
92
92
|
|
|
93
93
|
## 运行项目
|
package/README.zh-TW.md
CHANGED
|
@@ -34,7 +34,7 @@ npm install vxe-pc-ui vxe-table vxe-design
|
|
|
34
34
|
|
|
35
35
|
```javascript
|
|
36
36
|
// ...
|
|
37
|
-
import
|
|
37
|
+
import VxeUIBase from 'vxe-pc-ui'
|
|
38
38
|
import 'vxe-pc-ui/es/style.css'
|
|
39
39
|
|
|
40
40
|
import VxeUITable from 'vxe-table'
|
|
@@ -44,7 +44,7 @@ import VxeUIDesign from 'vxe-design'
|
|
|
44
44
|
import 'vxe-design/lib/style.css'
|
|
45
45
|
// ...
|
|
46
46
|
|
|
47
|
-
createApp(App).use(
|
|
47
|
+
createApp(App).use(VxeUIBase).use(VxeUITable).use(VxeUIDesign).mount('#app')
|
|
48
48
|
```
|
|
49
49
|
|
|
50
50
|
## 運行項目
|
package/es/ui/index.js
CHANGED
package/es/ui/src/dom.js
CHANGED
|
@@ -36,10 +36,10 @@ function getNodeOffset(elem, container, rest) {
|
|
|
36
36
|
return rest;
|
|
37
37
|
}
|
|
38
38
|
export function isPx(val) {
|
|
39
|
-
return val && /^\d+(px
|
|
39
|
+
return val && /^\d+(\.\d+)?px?$/.test(val);
|
|
40
40
|
}
|
|
41
41
|
export function isScale(val) {
|
|
42
|
-
return val && /^\d
|
|
42
|
+
return val && /^\d+(\.\d+)?%$/.test(val);
|
|
43
43
|
}
|
|
44
44
|
export function hasClass(elem, cls) {
|
|
45
45
|
return !!(elem && elem.className && elem.className.match && elem.className.match(getClsRE(cls)));
|
package/es/ui/src/log.js
CHANGED
package/lib/components.js
CHANGED
|
@@ -87,9 +87,8 @@ Object.keys(_listView).forEach(function (key) {
|
|
|
87
87
|
}
|
|
88
88
|
});
|
|
89
89
|
});
|
|
90
|
-
function
|
|
91
|
-
function
|
|
92
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
90
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
91
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
93
92
|
const {
|
|
94
93
|
setConfig
|
|
95
94
|
} = _ui.default;
|
package/lib/components.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={install:!0,VxeUI:!0},_ui=(Object.defineProperty(exports,"VxeUI",{enumerable:!0,get:function(){return _ui.default}}),exports.install=install,_interopRequireDefault(require("./ui"))),_flowDesign=_interopRequireWildcard(require("./flow-design")),_flowView=(Object.keys(_flowDesign).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_flowDesign[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _flowDesign[e]}})}),_interopRequireWildcard(require("./flow-view"))),_formDesign=(Object.keys(_flowView).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_flowView[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _flowView[e]}})}),_interopRequireWildcard(require("./form-design"))),_formView=(Object.keys(_formDesign).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_formDesign[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _formDesign[e]}})}),_interopRequireWildcard(require("./form-view"))),_listDesign=(Object.keys(_formView).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_formView[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _formView[e]}})}),_interopRequireWildcard(require("./list-design"))),_listView=(Object.keys(_listDesign).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_listDesign[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _listDesign[e]}})}),_interopRequireWildcard(require("./list-view")));function _interopRequireWildcard(e,t){var n,l;return"function"==typeof WeakMap&&(n=new WeakMap,l=new WeakMap),(_interopRequireWildcard=function(t,e){if(!e&&t&&t.__esModule)return t;var r,o,i={__proto__:null,default:t};if(null!==t&&("object"==typeof t||"function"==typeof t)){if(r=e?l:n){if(r.has(t))return r.get(t);r.set(t,i)}for(let e in t)"default"!==e&&{}.hasOwnProperty.call(t,e)&&((o=(r=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,e))&&(o.get||o.set)?r(i,e,o):i[e]=t[e])}return i})(e,t)}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}Object.keys(_listView).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_listView[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _listView[e]}})});let setConfig=_ui.default.setConfig,components=[_flowDesign.default,_flowView.default,_formDesign.default,_formView.default,_listDesign.default,_listView.default];function install(t,e){setConfig(e),components.forEach(e=>t.use(e))}
|
package/lib/flow-design/index.js
CHANGED
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = exports.VxeFlowDesign = exports.FlowDesign = void 0;
|
|
7
7
|
var _core = require("@vxe-ui/core");
|
|
8
8
|
var _flowDesign = _interopRequireDefault(require("./src/flow-design"));
|
|
9
|
-
function _interopRequireDefault(
|
|
9
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
10
|
const VxeFlowDesign = exports.VxeFlowDesign = Object.assign({}, _flowDesign.default, {
|
|
11
11
|
install(app) {
|
|
12
12
|
app.component(_flowDesign.default.name, _flowDesign.default);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.VxeFlowDesign=exports.FlowDesign=void 0;var _core=require("@vxe-ui/core"),_flowDesign=_interopRequireDefault(require("./src/flow-design"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let VxeFlowDesign=exports.VxeFlowDesign=Object.assign({},_flowDesign.default,{install(e){e.component(_flowDesign.default.name,_flowDesign.default)}}),FlowDesign=(_core.VxeUI.dynamicApp&&_core.VxeUI.dynamicApp.use(VxeFlowDesign),_core.VxeUI.component(_flowDesign.default),exports.FlowDesign=VxeFlowDesign);var _default=exports.default=VxeFlowDesign;
|
|
@@ -7,7 +7,7 @@ exports.default = void 0;
|
|
|
7
7
|
var _vue = require("vue");
|
|
8
8
|
var _comp = require("../../ui/src/comp");
|
|
9
9
|
var _xeUtils = _interopRequireDefault(require("xe-utils"));
|
|
10
|
-
function _interopRequireDefault(
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
11
|
var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
12
12
|
name: 'VxeFlowDesign',
|
|
13
13
|
props: {},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeFlowDesign",props:{},emits:[],setup(e,r){let t=r.slots;var u=_xeUtils.default.uniqueId();let a=(0,_vue.ref)();var i=(0,_vue.reactive)({});let l={refElem:a},o={};u={xID:u,props:e,context:r,reactData:i,getRefMaps:()=>l,getComputeMaps:()=>o};return u.renderVN=()=>{var e=t.default;return(0,_vue.h)("div",{ref:a,class:["vxe-flow-design"]},e?e({}):[])},u},render(){return this.renderVN()}});
|
|
@@ -7,7 +7,7 @@ exports.default = void 0;
|
|
|
7
7
|
var _vue = require("vue");
|
|
8
8
|
var _comp = require("../../ui/src/comp");
|
|
9
9
|
var _xeUtils = _interopRequireDefault(require("xe-utils"));
|
|
10
|
-
function _interopRequireDefault(
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
11
|
var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
12
12
|
name: 'VxeFlowView',
|
|
13
13
|
props: {},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeFlowView",props:{},emits:[],setup(e,r){let t=r.slots;var u=_xeUtils.default.uniqueId();let a=(0,_vue.ref)();var i=(0,_vue.reactive)({});let l={refElem:a},o={};u={xID:u,props:e,context:r,reactData:i,getRefMaps:()=>l,getComputeMaps:()=>o};return u.renderVN=()=>{var e=t.default;return(0,_vue.h)("div",{ref:a,class:["vxe-flow-view"]},e?e({}):[])},u},render(){return this.renderVN()}});
|
package/lib/flow-view/index.js
CHANGED
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = exports.VxeFlowView = exports.FlowView = void 0;
|
|
7
7
|
var _core = require("@vxe-ui/core");
|
|
8
8
|
var _flowView = _interopRequireDefault(require("../flow-design/src/flow-view"));
|
|
9
|
-
function _interopRequireDefault(
|
|
9
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
10
|
const VxeFlowView = exports.VxeFlowView = Object.assign({}, _flowView.default, {
|
|
11
11
|
install(app) {
|
|
12
12
|
app.component(_flowView.default.name, _flowView.default);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.VxeFlowView=exports.FlowView=void 0;var _core=require("@vxe-ui/core"),_flowView=_interopRequireDefault(require("../flow-design/src/flow-view"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let VxeFlowView=exports.VxeFlowView=Object.assign({},_flowView.default,{install(e){e.component(_flowView.default.name,_flowView.default)}}),FlowView=(_core.VxeUI.dynamicApp&&_core.VxeUI.dynamicApp.use(VxeFlowView),_core.VxeUI.component(_flowView.default),exports.FlowView=VxeFlowView);var _default=exports.default=VxeFlowView;
|
package/lib/form-design/index.js
CHANGED
|
@@ -8,7 +8,7 @@ var _core = require("@vxe-ui/core");
|
|
|
8
8
|
var _formDesign = _interopRequireDefault(require("./src/form-design"));
|
|
9
9
|
var _use = require("./src/use");
|
|
10
10
|
require("./render");
|
|
11
|
-
function _interopRequireDefault(
|
|
11
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
12
|
const VxeFormDesign = exports.VxeFormDesign = Object.assign({}, _formDesign.default, {
|
|
13
13
|
install(app) {
|
|
14
14
|
app.component(_formDesign.default.name, _formDesign.default);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.VxeFormDesign=exports.FormDesign=void 0;var _core=require("@vxe-ui/core"),_formDesign=_interopRequireDefault(require("./src/form-design")),_use=require("./src/use");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}require("./render");let VxeFormDesign=exports.VxeFormDesign=Object.assign({},_formDesign.default,{install(e){e.component(_formDesign.default.name,_formDesign.default)}}),formDesignHandle={useWidgetName:_use.useWidgetName,useWidgetView:_use.useWidgetView,useSubtableView:_use.useSubtableView,useWidgetPropDataSource:_use.useWidgetPropDataSource},FormDesign=(_core.VxeUI.dynamicApp&&_core.VxeUI.dynamicApp.use(VxeFormDesign),_core.VxeUI.component(_formDesign.default),_core.VxeUI.formDesignHandle=formDesignHandle,_core.VxeUI.formDesign=formDesignHandle,exports.FormDesign=VxeFormDesign);var _default=exports.default=VxeFormDesign;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
var _vue=require("vue"),_core=require("@vxe-ui/core"),_widgetText=require("../widget-text"),_widgetRow=require("../widget-row"),_widgetSubtable=require("../widget-subtable"),_widgetInput=require("../widget-input"),_widgetTextarea=require("../widget-textarea"),_widgetSelect=require("../widget-select"),_widgetVxeInput=require("../widget-vxe-input"),_widgetVxeNumberInput=require("../widget-vxe-number-input"),_widgetVxeDatePicker=require("../widget-vxe-date-picker"),_widgetVxeTextarea=require("../widget-vxe-textarea"),_widgetVxeSwitch=require("../widget-vxe-switch"),_widgetVxeSelect=require("../widget-vxe-select"),_widgetVxeTreeSelect=require("../widget-vxe-tree-select"),_widgetVxeRadioGroup=require("../widget-vxe-radio-group"),_widgetVxeCheckboxGroup=require("../widget-vxe-checkbox-group"),_widgetVxeUploadFile=require("../widget-vxe-upload-file"),_widgetVxeUploadImage=require("../widget-vxe-upload-image"),_widgetVxeRate=require("../widget-vxe-rate"),_widgetVxeSlider=require("../widget-vxe-slider");let renderer=_core.VxeUI.renderer;renderer.mixin({text:{createFormDesignWidgetConfig:_widgetText.getWidgetTextConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetText.WidgetTextViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetText.WidgetTextFormComponent,{renderOpts:e,renderParams:r})}},title:{createFormDesignWidgetConfig:_widgetText.getWidgetTextConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetText.WidgetTextViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetText.WidgetTextFormComponent,{renderOpts:e,renderParams:r})}},row:{createFormDesignWidgetConfig:_widgetRow.getWidgetRowConfig,renderFormDesignWidgetEdit(e,r){return(0,_vue.h)(_widgetRow.WidgetRowEditComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetRow.WidgetRowViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetRow.WidgetRowFormComponent,{renderOpts:e,renderParams:r})}},subtable:{createFormDesignWidgetConfig:_widgetSubtable.getWidgetSubtableConfig,renderFormDesignWidgetEdit(e,r){return(0,_vue.h)(_widgetSubtable.WidgetSubtableEditComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetSubtable.WidgetSubtableViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetSubtable.WidgetSubtableFormComponent,{renderOpts:e,renderParams:r})}},input:{createFormDesignWidgetConfig:_widgetInput.getWidgetInputConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetInput.WidgetInputViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetInput.WidgetInputFormComponent,{renderOpts:e,renderParams:r})}},textarea:{createFormDesignWidgetConfig:_widgetTextarea.getWidgetTextareaConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetTextarea.WidgetTextareaViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetTextarea.WidgetTextareaFormComponent,{renderOpts:e,renderParams:r})}},select:{createFormDesignWidgetConfig:_widgetSelect.getWidgetSelectConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetSelect.WidgetSelectViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetSelect.WidgetSelectFormComponent,{renderOpts:e,renderParams:r})}},VxeInput:{createFormDesignWidgetConfig:_widgetVxeInput.getWidgetVxeInputConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeInput.WidgetVxeInputViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeInput.WidgetVxeInputFormComponent,{renderOpts:e,renderParams:r})}},VxeNumberInput:{createFormDesignWidgetConfig:_widgetVxeNumberInput.getWidgetVxeNumberInputConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeNumberInput.WidgetVxeNumberInputViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeNumberInput.WidgetVxeNumberInputFormComponent,{renderOpts:e,renderParams:r})}},VxeDatePicker:{createFormDesignWidgetConfig:_widgetVxeDatePicker.getWidgetVxeDatePickerConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeDatePicker.WidgetVxeDatePickerViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeDatePicker.WidgetVxeDatePickerFormComponent,{renderOpts:e,renderParams:r})}},VxeTextarea:{createFormDesignWidgetConfig:_widgetVxeTextarea.getWidgetVxeTextareaConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeTextarea.WidgetVxeTextareaViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeTextarea.WidgetVxeTextareaFormComponent,{renderOpts:e,renderParams:r})}},VxeSwitch:{createFormDesignWidgetConfig:_widgetVxeSwitch.getWidgetVxeSwitchConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeSwitch.WidgetVxeSwitchViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeSwitch.WidgetVxeSwitchFormComponent,{renderOpts:e,renderParams:r})}},VxeSelect:{createFormDesignWidgetConfig:_widgetVxeSelect.getWidgetVxeSelectConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeSelect.WidgetVxeSelectViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeSelect.WidgetVxeSelectFormComponent,{renderOpts:e,renderParams:r})}},VxeTreeSelect:{createFormDesignWidgetConfig:_widgetVxeTreeSelect.getWidgetVxeTreeSelectConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeTreeSelect.WidgetVxeTreeSelectViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeTreeSelect.WidgetVxeTreeSelectFormComponent,{renderOpts:e,renderParams:r})}},VxeRadioGroup:{createFormDesignWidgetConfig:_widgetVxeRadioGroup.getWidgetVxeRadioGroupConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeRadioGroup.WidgetVxeRadioGroupViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeRadioGroup.WidgetVxeRadioGroupFormComponent,{renderOpts:e,renderParams:r})}},VxeCheckboxGroup:{createFormDesignWidgetConfig:_widgetVxeCheckboxGroup.getWidgetVxeCheckboxGroupConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeCheckboxGroup.WidgetVxeCheckboxGroupViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeCheckboxGroup.WidgetVxeCheckboxGroupFormComponent,{renderOpts:e,renderParams:r})}},VxeUploadFile:{createFormDesignWidgetConfig:_widgetVxeUploadFile.getWidgetVxeUploadFileConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeUploadFile.WidgetVxeUploadFileViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeUploadFile.WidgetVxeUploadFileFormComponent,{renderOpts:e,renderParams:r})}},VxeUploadImage:{createFormDesignWidgetConfig:_widgetVxeUploadImage.getWidgetVxeUploadImageConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeUploadImage.WidgetVxeUploadImageViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeUploadImage.WidgetVxeUploadImageFormComponent,{renderOpts:e,renderParams:r})}},VxeRate:{createFormDesignWidgetConfig:_widgetVxeRate.getWidgetVxeRateConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeRate.WidgetVxeRateViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeRate.WidgetVxeRateFormComponent,{renderOpts:e,renderParams:r})}},VxeSlider:{createFormDesignWidgetConfig:_widgetVxeSlider.getWidgetVxeSliderConfig,renderFormDesignWidgetView(e,r){return(0,_vue.h)(_widgetVxeSlider.WidgetVxeSliderViewComponent,{renderOpts:e,renderParams:r})},renderFormDesignWidgetFormView(e,r){return(0,_vue.h)(_widgetVxeSlider.WidgetVxeSliderFormComponent,{renderOpts:e,renderParams:r})}}});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.handleGetFormDesignWidgetName=exports.getFormDesignWidgetName=void 0;var _core=require("@vxe-ui/core");let getI18n=_core.VxeUI.getI18n,getFormDesignWidgetName=e=>getI18n("vxe.formDesign.widget.component."+e),handleGetFormDesignWidgetName=(exports.getFormDesignWidgetName=getFormDesignWidgetName,e=>getFormDesignWidgetName(e.name));exports.handleGetFormDesignWidgetName=handleGetFormDesignWidgetName;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.getDefaultSettingFormData=exports.createDefaultFormViewPCFormConfig=exports.createDefaultFormViewMobileFormConfig=void 0;let getDefaultSettingFormData=e=>({title:"",pcVisible:!e||!!e.pcVisible,pcVertical:!0,pcTitleBold:!0,pcTitleColon:!1,pcTitleAlign:"",pcTitleWidth:"",pcTitleAutoWidth:!0,pcTitleWidthUnit:"",mobileVisible:!e||!!e.mobileVisible,mobileVertical:!0,mobileTitleBold:!0,mobileTitleColon:!1,mobileTitleAlign:"",mobileTitleWidth:"",mobileTitleAutoWidth:!0,mobileTitleWidthUnit:""}),createDefaultFormViewPCFormConfig=(exports.getDefaultSettingFormData=getDefaultSettingFormData,e=>{e=e.formConfig;return{vertical:e.pcVertical,titleBold:e.pcTitleBold,titleColon:e.pcTitleColon,titleAlign:e.pcTitleAlign,titleWidth:e.pcTitleAutoWidth?"auto":e.pcTitleWidth}}),createDefaultFormViewMobileFormConfig=(exports.createDefaultFormViewPCFormConfig=createDefaultFormViewPCFormConfig,e=>{e=e.formConfig;return{vertical:e.mobileVertical,titleBold:e.mobileTitleBold,titleColon:e.mobileTitleColon,titleAlign:e.mobileTitleAlign,titleWidth:e.mobileTitleAutoWidth?"auto":e.mobileTitleWidth}});exports.createDefaultFormViewMobileFormConfig=createDefaultFormViewMobileFormConfig;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.DefaultSettingFormComponent=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_core=require("@vxe-ui/core");let{getIcon,getI18n}=_core.VxeUI,DefaultSettingFormComponent=exports.DefaultSettingFormComponent=(0,_comp.defineVxeComponent)({name:"DefaultSettingForm",props:{formData:{type:Object,default:()=>({})}},emits:[],setup(e){let t=_core.VxeUI.getComponent("vxe-form"),i=_core.VxeUI.getComponent("vxe-form-item"),n=_core.VxeUI.getComponent("vxe-switch"),r=_core.VxeUI.getComponent("vxe-text");var o=(0,_vue.inject)("$xeFormDesign",null);if(!o)return()=>[];let l=o.props;return()=>{let o=e.formData;return(0,_vue.h)(t,{data:o,span:24,vertical:!0,titleBold:!0},{default(){var{showPc:e,showMobile:t}=l;return[(0,_vue.h)(i,{title:getI18n("vxe.formDesign.formName"),field:"title",itemRender:{name:"VxeInput",props:{placeholder:getI18n("vxe.formDesign.defFormTitle")}}}),e&&t?(0,_vue.h)(i,{title:getI18n("vxe.formDesign.widgetProp.displaySetting.name")},{default(){return[(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-devices"},[(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-pc"},[(0,_vue.h)(r,{icon:getIcon().FORM_DESIGN_PROPS_PC,content:getI18n("vxe.formDesign.widgetProp.displaySetting.pc")}),(0,_vue.h)(n,{modelValue:o.pcVisible,openLabel:getI18n("vxe.formDesign.widgetProp.displaySetting.visible"),closeLabel:getI18n("vxe.formDesign.widgetProp.displaySetting.hidden"),"onUpdate:modelValue"(e){o.pcVisible=e}})]),(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-mobile"},[(0,_vue.h)(r,{icon:getIcon().FORM_DESIGN_PROPS_MOBILE,content:getI18n("vxe.formDesign.widgetProp.displaySetting.mobile")}),(0,_vue.h)(n,{modelValue:o.mobileVisible,openLabel:getI18n("vxe.formDesign.widgetProp.displaySetting.visible"),closeLabel:getI18n("vxe.formDesign.widgetProp.displaySetting.hidden"),"onUpdate:modelValue"(e){o.mobileVisible=e}})])])]}}):(0,_vue.createCommentVNode)()]}})}}});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.DefaultPCStyleFormComponent=exports.DefaultMobileStyleFormComponent=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_core=require("@vxe-ui/core");let getI18n=_core.VxeUI.getI18n,getBoldOptions=()=>[{label:getI18n("vxe.formDesign.styleSetting.fontNormal"),value:!1},{label:getI18n("vxe.formDesign.styleSetting.fontBold"),value:!0}],getColonOptions=()=>[{label:getI18n("vxe.formDesign.styleSetting.colonVisible"),value:!0},{label:getI18n("vxe.formDesign.styleSetting.colonHidden"),value:!1}],getAlignOptions=()=>[{label:getI18n("vxe.formDesign.styleSetting.alignLeft"),value:""},{label:getI18n("vxe.formDesign.styleSetting.alignRight"),value:"right"}],getWidthUnitOptions=()=>[{label:getI18n("vxe.formDesign.styleSetting.unitPx"),value:""},{label:getI18n("vxe.formDesign.styleSetting.unitPct"),value:"%"}],getWidthAutoOptions=()=>[{label:"自适应",value:!0},{label:"固定",value:!1}],renderLayoutOption=(e,t,o,i)=>{let l="vertical"===o;return(0,_vue.h)("div",{class:["vxe-form-design--widget-form-item-option","is--"+o,{"is--active":l?e[t]:!e[t]}],onClick(){e[t]=l,i()}},[(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-option-row"}),(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-option-row"}),(0,_vue.h)("div",{},l?getI18n("vxe.formDesign.styleSetting.verticalLayout"):getI18n("vxe.formDesign.styleSetting.horizontalLayout"))])},DefaultPCStyleFormComponent=exports.DefaultPCStyleFormComponent=(0,_comp.defineVxeComponent)({name:"DefaultPCStyleForm",props:{formData:{type:Object,default:()=>({})}},emits:[],setup(o){let e=_core.VxeUI.getComponent("vxe-form"),i=_core.VxeUI.getComponent("vxe-form-item"),l=_core.VxeUI.getComponent("vxe-number-input"),n=_core.VxeUI.getComponent("vxe-radio-group"),r=_core.VxeUI.getComponent("vxe-select"),t=(0,_vue.inject)("$xeFormDesign",null),a="pcVertical",s=(0,_vue.ref)(getBoldOptions()),u=(0,_vue.ref)(getColonOptions()),m=(0,_vue.ref)(getAlignOptions()),g=(0,_vue.ref)(getWidthAutoOptions()),v=(0,_vue.ref)(getWidthUnitOptions()),d=()=>{t&&t.refreshPreviewView()},p=()=>{var e=o.formData;e.pcTitleWidth||(e.pcTitleWidth=100),d()};return()=>{let t=o.formData;return(0,_vue.h)(e,{data:t,span:24,vertical:!0,titleBold:!0},{default(){return[(0,_vue.h)(i,{title:getI18n("vxe.formDesign.styleSetting.layoutTitle"),field:a},{default(){return[(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-layout"},[renderLayoutOption(t,a,"vertical",p),renderLayoutOption(t,a,"horizontal",p)])]}}),(0,_vue.h)(i,{title:getI18n("vxe.formDesign.styleSetting.styleTitle")},{default(){var e=[(0,_vue.h)("div",{key:"tb",class:"vxe-form-design--widget-form-item-prop-list"},[(0,_vue.h)("span",{},getI18n("vxe.formDesign.styleSetting.boldTitle")),(0,_vue.h)(n,{modelValue:t.pcTitleBold,options:s.value,onChange:d,"onUpdate:modelValue"(e){t.pcTitleBold=e}})]),(0,_vue.h)("div",{key:"tc",class:"vxe-form-design--widget-form-item-prop-list"},[(0,_vue.h)("span",{},getI18n("vxe.formDesign.styleSetting.colonTitle")),(0,_vue.h)(n,{modelValue:t.pcTitleColon,options:u.value,onChange:d,"onUpdate:modelValue"(e){t.pcTitleColon=e}})])];return t.pcVertical||(e.push((0,_vue.h)("div",{key:"ta",class:"vxe-form-design--widget-form-item-prop-list"},[(0,_vue.h)("span",{},getI18n("vxe.formDesign.styleSetting.alignTitle")),(0,_vue.h)(n,{modelValue:t.pcTitleAlign,options:m.value,onChange:d,"onUpdate:modelValue"(e){t.pcTitleAlign=e}})]),(0,_vue.h)("div",{key:"twa",class:"vxe-form-design--widget-form-item-prop-list"},[(0,_vue.h)("span",{},getI18n("vxe.formDesign.styleSetting.widthTitle")),(0,_vue.h)(n,{modelValue:t.pcTitleAutoWidth,options:g.value,onChange:d,"onUpdate:modelValue"(e){t.pcTitleAutoWidth=e}})])),t.pcTitleAutoWidth)||e.push((0,_vue.h)("div",{key:"tw",class:"vxe-form-design--widget-form-item-prop-list"},[(0,_vue.h)(l,{class:"vxe-form-design--widget-form-item-prop-width",modelValue:t.pcTitleWidth,type:"integer",onChange:d,"onUpdate:modelValue"(e){t.pcTitleWidth=e}}),(0,_vue.h)(r,{class:"vxe-form-design--widget-form-item-prop-unit",modelValue:t.pcTitleWidthUnit,options:v.value,transfer:!0,onChange:d,"onUpdate:modelValue"(e){t.pcTitleWidthUnit=e}})])),e}})]}})}}}),DefaultMobileStyleFormComponent=exports.DefaultMobileStyleFormComponent=(0,_comp.defineVxeComponent)({name:"DefaultMobileStyleForm",props:{formData:{type:Object,default:()=>({})}},emits:[],setup(o){let e=_core.VxeUI.getComponent("vxe-form"),i=_core.VxeUI.getComponent("vxe-form-item"),l=_core.VxeUI.getComponent("vxe-number-input"),n=_core.VxeUI.getComponent("vxe-radio-group"),r=_core.VxeUI.getComponent("vxe-select"),t=(0,_vue.inject)("$xeFormDesign",null),a="mobileVertical",s=(0,_vue.ref)(getBoldOptions()),u=(0,_vue.ref)(getColonOptions()),m=(0,_vue.ref)(getAlignOptions()),g=(0,_vue.ref)(getWidthAutoOptions()),v=(0,_vue.ref)(getWidthUnitOptions()),d=()=>{t&&t.refreshPreviewView()},p=()=>{var e=o.formData;e.mobileTitleWidth||(e.mobileTitleWidth=100),d()};return()=>{let t=o.formData;return(0,_vue.h)(e,{data:t,span:24,vertical:!0,titleBold:!0},{default(){return[(0,_vue.h)(i,{title:getI18n("vxe.formDesign.styleSetting.layoutTitle"),field:a},{default(){return[(0,_vue.h)("div",{class:"vxe-form-design--widget-form-item-layout"},[renderLayoutOption(t,a,"vertical",p),renderLayoutOption(t,a,"horizontal",p)])]}}),(0,_vue.h)(i,{title:getI18n("vxe.formDesign.styleSetting.styleTitle")},{default(){var e=[(0,_vue.h)("div",{key:"tb",class:"vxe-form-design--widget-form-item-prop-list"},[(0,_vue.h)("span",{},getI18n("vxe.formDesign.styleSetting.boldTitle")),(0,_vue.h)(n,{modelValue:t.mobileTitleBold,options:s.value,onChange:d,"onUpdate:modelValue"(e){t.mobileTitleBold=e}})]),(0,_vue.h)("div",{key:"tc",class:"vxe-form-design--widget-form-item-prop-list"},[(0,_vue.h)("span",{},getI18n("vxe.formDesign.styleSetting.colonTitle")),(0,_vue.h)(n,{modelValue:t.mobileTitleColon,options:u.value,onChange:d,"onUpdate:modelValue"(e){t.mobileTitleColon=e}})])];return t.mobileVertical||(e.push((0,_vue.h)("div",{key:"ta",class:"vxe-form-design--widget-form-item-prop-list"},[(0,_vue.h)("span",{},getI18n("vxe.formDesign.styleSetting.alignTitle")),(0,_vue.h)(n,{modelValue:t.mobileTitleAlign,options:m.value,onChange:d,"onUpdate:modelValue"(e){t.mobileTitleAlign=e}})]),(0,_vue.h)("div",{key:"twa",class:"vxe-form-design--widget-form-item-prop-list"},[(0,_vue.h)("span",{},getI18n("vxe.formDesign.styleSetting.widthTitle")),(0,_vue.h)(n,{modelValue:t.mobileTitleAutoWidth,options:g.value,onChange:d,"onUpdate:modelValue"(e){t.mobileTitleAutoWidth=e}})])),t.mobileTitleAutoWidth)||e.push((0,_vue.h)("div",{key:"wt",class:"vxe-form-design--widget-form-item-prop-list"},[(0,_vue.h)(l,{class:"vxe-form-design--widget-form-item-prop-width",modelValue:t.mobileTitleWidth,type:"integer",onChange:d,"onUpdate:modelValue"(e){t.mobileTitleWidth=e}}),(0,_vue.h)(r,{class:"vxe-form-design--widget-form-item-prop-unit",modelValue:t.mobileTitleWidthUnit,options:v.value,transfer:!0,onChange:d,"onUpdate:modelValue"(e){t.mobileTitleWidthUnit=e}})])),e}})]}})}}});
|
|
@@ -15,7 +15,7 @@ var _layoutPreview = _interopRequireDefault(require("./layout-preview"));
|
|
|
15
15
|
var _layoutSetting = _interopRequireDefault(require("./layout-setting"));
|
|
16
16
|
var _layoutStyle = _interopRequireDefault(require("./layout-style"));
|
|
17
17
|
var _defaultSettingData = require("./default-setting-data");
|
|
18
|
-
function _interopRequireDefault(
|
|
18
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
19
19
|
const {
|
|
20
20
|
getConfig,
|
|
21
21
|
getIcon,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_core=require("@vxe-ui/core"),_dom=require("../../ui/src/dom"),_widgetInfo=require("./widget-info"),_xeUtils=_interopRequireDefault(require("xe-utils")),_layoutWidget=_interopRequireDefault(require("./layout-widget")),_layoutPreview=_interopRequireDefault(require("./layout-preview")),_layoutSetting=_interopRequireDefault(require("./layout-setting")),_layoutStyle=_interopRequireDefault(require("./layout-style")),_defaultSettingData=require("./default-setting-data");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let{getConfig,getIcon,getI18n,renderer,createEvent,renderEmptyElement,useFns}=_core.VxeUI,useSize=useFns.useSize;var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeFormDesign",props:{size:{type:String,default:()=>getConfig().formDesign.size||getConfig().size},config:Object,height:{type:[String,Number],default:()=>getConfig().formDesign.height},widgets:{type:Array,default:()=>_xeUtils.default.clone(getConfig().formDesign.widgets)||[]},showHeader:{type:Boolean,default:()=>getConfig().formDesign.showHeader},showPc:{type:Boolean,default:()=>getConfig().formDesign.showPc},showMobile:{type:Boolean,default:()=>getConfig().formDesign.showMobile},formRender:Object},emits:["click-widget","add-widget","copy-widget","remove-widget","drag-widget"],setup(l,e){let d=_core.VxeUI.getComponent("vxe-button"),{emit:r,slots:o}=e;var t=_xeUtils.default.uniqueId();let a=(0,_vue.ref)(),g=(0,_vue.ref)(),u=useSize(l).computeSize,s=(0,_vue.reactive)({formData:{},widgetConfigs:[],widgetObjList:[],dragWidget:null,sortWidget:null,activeWidget:null});var i=(0,_vue.reactive)({});let n={refElem:a},f={computeSize:u},c={xID:t,props:l,context:e,reactData:s,internalData:i,getRefMaps:()=>n,getComputeMaps:()=>f},v=e=>new _widgetInfo.FormDesignWidgetInfo(c,e,s.widgetObjList),h=()=>new _widgetInfo.FormDesignWidgetInfo(c,"",s.widgetObjList),m=e=>{var t;e&&({formConfig:e,widgetData:t}=e,e&&_(e),t)&&x(t);let{activeWidget:i,widgetObjList:r}=s;return i?(e=_xeUtils.default.findTree(r,e=>e.id===i.id,{children:"children"}),s.activeWidget=e?e.item:r[0]||null):s.activeWidget=r[0]||null,(0,_vue.nextTick)()};let p=()=>_xeUtils.default.clone(s.formData,!0),_=e=>(s.formData=Object.assign({},I(),e),(0,_vue.nextTick)());let w=()=>{var e=_xeUtils.default.clone(s.widgetObjList,!0);return _xeUtils.default.eachTree(e,e=>{e.model.value=null},{children:"children"}),e},x=e=>(s.widgetObjList=(e||[]).map(e=>(0,_widgetInfo.configToWidget)(e)),(0,_vue.nextTick)()),y=()=>{var e=g.value;return e&&e.openStylePreview(),(0,_vue.nextTick)()},D=()=>(s.widgetObjList=[],S(),(0,_vue.nextTick)()),b={dispatchEvent(e,t,i){r(e,createEvent(i,{$xeFormDesign:c},t))},createWidget:v,createEmptyWidget:h,getConfig(){return{formConfig:p(),widgetData:w()}},clearConfig:D,loadConfig:m,reloadConfig:e=>(D(),m(e)),getFormConfig:p,loadFormConfig:_,getWidgetById:e=>{var i=s.widgetObjList;if(e){let t=_xeUtils.default.toNumber(e);e=_xeUtils.default.findTree(i,e=>e&&e.id===t,{children:"children"});if(e)return e.item}return null},getFormData(){var e=s.widgetObjList;let t={};return _xeUtils.default.eachTree(e,e=>{t[e.field]=null},{children:"children"}),t},getWidgetData:w,loadWidgetData:x,refreshPreviewView(){var e=g.value;return e&&e.updatePreviewView(),(0,_vue.nextTick)()},openStyleSetting:y},C=()=>{var e=l.widgets,t=[];let n=[],d=[],o=[],a=[];renderer.forEach((e,i)=>{e=e.createFormDesignWidgetConfig;if(e){var r=v(i),e=(0,_widgetInfo.getWidgetConfig)(i);let t=(0,_widgetInfo.getWidgetConfigCustomGroup)(i,c);if(t){i=a.find(e=>e.title===t);i?i.children.push(r):a.push({title:t,children:[r]})}else switch(e.group){case"layout":d.push(r);break;case"advanced":o.push(r);break;default:["title"].includes(r.name)||n.push(r)}}}),n.length&&t.push({group:"base",children:n}),d.length&&t.push({group:"layout",children:d}),o.length&&t.push({group:"advanced",children:o}),a.length&&t.push(...a),e&&e.length?s.widgetConfigs=l.widgets.map(e=>({title:e.customGroup,group:e.group,children:e.children?e.children.map(e=>v(e)):[]})):s.widgetConfigs=t},W=i=>{var e=s.widgetObjList;if((0,_widgetInfo.getWidgetConfig)(i).unique){let t=[];_xeUtils.default.eachTree(e,e=>{e.name===i&&t.push(e)},{children:"children"});e=t.length<1;return e||_core.VxeUI.modal&&_core.VxeUI.modal.message({content:getI18n("vxe.formDesign.error.wdFormUni"),status:"error",id:"wdFormUni"}),e}return!0};t={validWidgetUnique:W,handleClickWidget(e,t){t&&t.name&&(e.stopPropagation(),s.activeWidget=t,b.dispatchEvent("click-widget",{widget:t},e))},handleCopyWidget(e,t){var i,r=s.widgetObjList,n=_xeUtils.default.findTree(r,e=>e.id===t.id,{children:"children"});n&&(e.stopPropagation(),W(t.name))&&(n=n.path,n=Number(n[0]),(i=v(t.name)).title&&(i.title=getI18n("vxe.formDesign.widget.copyTitle",[(""+t.title).replace(getI18n("vxe.formDesign.widget.copyTitle",[""]),"")])),n>=r.length-1?r.push(i):r.splice(n+1,0,i),s.activeWidget=i,s.widgetObjList=[...r],b.dispatchEvent("copy-widget",{widget:t,newWidget:i},e))},handleRemoveWidget(e,t){var i,r,n=s.widgetObjList,d=_xeUtils.default.findTree(n,e=>e.id===t.id,{children:"children"});d&&({index:d,parent:i,items:r}=d,e.stopPropagation(),d>=r.length-1?s.activeWidget=r[d-1]:s.activeWidget=r[d+1]||null,i&&"row"===i.name?r[d]=h():r.splice(d,1),s.widgetObjList=[...n],b.dispatchEvent("remove-widget",{widget:t},e))}};let I=()=>{var{formRender:e,showPc:t,showMobile:i}=l;let r=(0,_defaultSettingData.getDefaultSettingFormData)({pcVisible:t,mobileVisible:i});return e&&(i=(t=renderer.get(e.name))?t.createFormDesignSettingFormConfig:null,r=(i?i({}):{})||{}),r},S=()=>{s.formData=I()},U=()=>{y()};Object.assign(c,b,t);return c.renderVN=()=>{var{height:e,showHeader:t}=l,i=u.value,r=o.header,n=o.footer;return(0,_vue.h)("div",{ref:a,class:["vxe-form-design",{["size--"+i]:i}],style:e?{height:(0,_dom.toCssUnit)(e)}:null},[t||r?(0,_vue.h)("div",{class:"vxe-form-design--header"},r?r({}):(i=o.title,e=o.titlePrefix||o["title-prefix"],t=o.titleSuffix||o["title-suffix"]||o.extra,(0,_vue.h)("div",{class:"vxe-form-design--header-wrapper"},[(0,_vue.h)("div",{class:"vxe-form-design--header-left"},e?e({}):[]),(0,_vue.h)("div",{class:"vxe-form-design--header-middle"},i?i({}):[]),(0,_vue.h)("div",{class:"vxe-form-design--header-right"},[t?(0,_vue.h)("div",{class:"vxe-form-design--header-extra"},t({})):renderEmptyElement(c),(0,_vue.h)("div",{class:"vxe-form-design--header-setting"},[(0,_vue.h)(d,{mode:"text",status:"primary",icon:getIcon().FORM_DESIGN_STYLE_SETTING,content:getI18n("vxe.formDesign.styleSetting.btn"),onClick:U})])])]))):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-form-design--body"},[(0,_vue.h)(_layoutWidget.default),(0,_vue.h)(_layoutPreview.default),(0,_vue.h)(_layoutSetting.default),(0,_vue.h)(_layoutStyle.default,{ref:g})]),n?(0,_vue.h)("div",{class:"vxe-form-design--footer"},n?n({}):[]):(0,_vue.createCommentVNode)()])},(0,_vue.watch)(()=>l.widgets,()=>{C()}),(0,_vue.watch)(()=>l.widgets,()=>{C()}),(0,_vue.watch)(()=>l.config,e=>{m(e||{})}),S(),C(),l.config&&m(l.config),(0,_vue.provide)("$xeFormDesign",c),c},render(){return this.renderVN()}});
|
|
@@ -12,7 +12,7 @@ var _vn = require("../../ui/src/vn");
|
|
|
12
12
|
var _defaultSettingData = require("./default-setting-data");
|
|
13
13
|
var _widgetInfo = require("./widget-info");
|
|
14
14
|
var _log = require("../../ui/src/log");
|
|
15
|
-
function _interopRequireDefault(
|
|
15
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
16
16
|
var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
17
17
|
name: 'VxeFormView',
|
|
18
18
|
props: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_xeUtils=_interopRequireDefault(require("xe-utils")),_core=require("@vxe-ui/core"),_vn=require("../../ui/src/vn"),_defaultSettingData=require("./default-setting-data"),_widgetInfo=require("./widget-info"),_log=require("../../ui/src/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeFormView",props:{modelValue:Object,config:Object,readonly:Boolean,disabled:Boolean,viewRender:Object,formOptions:Object,createFormConfig:Function,size:{type:String,default:()=>(0,_core.getConfig)().formView.size||(0,_core.getConfig)().size}},emits:["update:modelValue","submit","reset"],setup(m,e){let f=_core.VxeUI.getComponent("vxe-form"),g=_core.VxeUI.getComponent("vxe-form-group"),v=_core.VxeUI.getComponent("vxe-form-item"),{emit:i,slots:c}=e;var t=_xeUtils.default.uniqueId();let _=(0,_vue.ref)(),p=(0,_vue.ref)(),V=(0,_core.useSize)(m).computeSize,w=(0,_vue.inject)("$xeFormDesignLayoutStyle",null),x=(0,_vue.reactive)({formConfig:{},formRules:{},widgetObjList:[]}),r={refElem:_},a={computeSize:V},b={xID:t,props:m,context:e,reactData:x,getRefMaps:()=>r,getComputeMaps:()=>a};let o=e=>{var t;return e&&({formConfig:e,widgetData:t}=e,u(e||{}),s(t||[])),(0,_vue.nextTick)()};let n=e=>{var{viewRender:t,createFormConfig:r,formOptions:i}=m,e={viewRender:t,formConfig:e};return r?r(e):(r=(t||{}).name,r=(t=_core.renderer.get(r)||{})?t.createFormViewFormConfig:null,Object.assign({},(r||_defaultSettingData.createDefaultFormViewPCFormConfig)(e),i))},u=e=>(x.formConfig=n(e),(0,_vue.nextTick)()),l=e=>{let o={},n={};return _xeUtils.default.eachTree(e,e=>{var{name:t,field:r,required:i}=e,t=_core.renderer.get(t)||{},a=t.createFormDesignWidgetFieldValue,t=t.createFormDesignWidgetFieldRules;o[r]=a?a({widget:e,$formView:b}):C(e),t?(a=t({widget:e,$formView:b}))&&a.length&&(n[r]=a):i&&(n[r]=D())},{children:"children"}),{formData:o,formRules:n}},d=e=>(e||[]).map(e=>(0,_widgetInfo.configToWidget)(e)),s=e=>{var e=d(e),{formData:e,formRules:t}=(x.widgetObjList=e,l(e));return x.formRules=t,i("update:modelValue",Object.assign(e,m.modelValue)),(0,_vue.nextTick)()},C=e=>"subtable"===e.name?[]:null,D=()=>[{required:!0,content:"该填写该字段!"}],F=(e,t)=>{var e=e.field,r=p.value;return r&&r.updateStatus({field:e},t),(0,_vue.nextTick)()};let O=(e,t,r)=>{i(e,(0,_core.createEvent)(r,{$formView:b},t))},S=e=>e?_xeUtils.default.isArray(e)?e.map(e=>e.name):[e.name]:null;t={dispatchEvent:O,clearConfig:()=>o({formConfig:{},widgetData:[]}),loadConfig:o,parseConfig:e=>{var{formConfig:e,widgetData:t}=e||{},t=d(t||[]);return Object.assign(Object.assign({},l(t)),{formConfig:n(e||{}),widgetData:t})},loadFormConfig:u,loadWidgetData:s,updateWidgetStatus:F,setItemValue:(e,t)=>{var r=m.modelValue,e=e.field,i=p.value;return r&&(r[e]=t),i&&i.updateStatus({field:e},t),(0,_vue.nextTick)()},getItemValue:e=>{var t=m.modelValue;return t?t[e.field]:null},validate(){var e=p.value;return e?e.validate():(0,_vue.nextTick)()},validateWidget(e){var t=p.value;return t?t.validateField(S(e)):(0,_vue.nextTick)()},clearValidate(e){var t=p.value;return t?t.clearValidate(S(e)):(0,_vue.nextTick)()},reset(){var e=x.widgetObjList,e=l(e).formData;return i("update:modelValue",Object.assign({},e)),(0,_vue.nextTick)()},updateItemStatus(e,t){return(0,_log.warnLog)("vxe.error.delFunc",["updateItemStatus","updateWidgetStatus"]),F(e,t)}};let j=e=>{O("submit",e,e.$event)},y=e=>{O("reset",e,e.$event)};Object.assign(b,t,{});return b.renderVN=()=>{var{readonly:e,disabled:t,modelValue:r}=m;let{formConfig:i,formRules:a,widgetObjList:o}=x;var n=V.value,u=c.top,l=c.bottom;let d=c.header,s=c.footer;return(0,_vue.h)("div",{ref:_,class:["vxe-form-view",{["size--"+n]:n}]},[u?(0,_vue.h)("div",{class:"vxe-form-view--top"},(0,_vn.getSlotVNs)(u({$formView:b}))):(0,_core.renderEmptyElement)(b),(0,_vue.h)(f,Object.assign(Object.assign({ref:p},i),{data:r,customLayout:!0,readonly:e,disabled:t,span:24,rules:a,onSubmit:j,onReset:y}),{default(){let{readonly:u,disabled:l}=m;return[d?(0,_vue.h)(v,{},{default(){return d({})}}):(0,_core.renderEmptyElement)(b),...o.map(e=>{var t=e.name,t=_core.renderer.get(t)||{};let r=t.renderFormDesignWidgetView,i=t.renderFormDesignWidgetPreview,a=t.renderFormDesignWidgetMobilePreview;t=!!w;let o=e,n={widget:e,readonly:!!u,disabled:!!l,isEditMode:t,isViewMode:!t,$formDesign:null,$formView:b};return(0,_vue.h)(g,{key:e.id},{default(){if(w)if(2===w.reactData.activeTab){if(a)return(0,_vn.getSlotVNs)(a(o,n))}else if(i)return(0,_vn.getSlotVNs)(i(o,n));return r?(0,_vn.getSlotVNs)(r(o,n)):[]}})}),s?(0,_vue.h)(g,{span:24},{default(){return s({})}}):(0,_core.renderEmptyElement)(b)]}}),l?(0,_vue.h)("div",{class:"vxe-form-view--bottom"},(0,_vn.getSlotVNs)(l({$formView:b}))):(0,_core.renderEmptyElement)(b)])},(0,_vue.watch)(()=>m.config,e=>{o(e||{})}),m.config&&o(m.config),(0,_vue.provide)("$xeFormView",b),b},render(){return this.renderVN()}});
|
|
@@ -11,7 +11,7 @@ var _vn = require("../../ui/src/vn");
|
|
|
11
11
|
var _layoutViewItem = require("./layout-view-item");
|
|
12
12
|
var _util = require("../src/util");
|
|
13
13
|
var _xeUtils = _interopRequireDefault(require("xe-utils"));
|
|
14
|
-
function _interopRequireDefault(
|
|
14
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
15
|
var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
16
16
|
name: 'FormDesignLayoutPreview',
|
|
17
17
|
props: {},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_core=require("@vxe-ui/core"),_vn=require("../../ui/src/vn"),_layoutViewItem=require("./layout-view-item"),_util=require("../src/util"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"FormDesignLayoutPreview",props:{},emits:[],setup(){let e=_core.VxeUI.getComponent("vxe-form"),s=(0,_vue.inject)("$xeFormDesign",null);if(!s)return()=>[];let u=s.reactData,i=e=>{let{widgetObjList:t,dragWidget:i}=u;i&&(e.preventDefault(),_xeUtils.default.findTree(t,e=>e&&e.id===i.id,{children:"children"})||(u.sortWidget=i,t.push(i),s.dispatchEvent("drag-widget",{widget:i},e)))},r=e=>{e.preventDefault()},l=Date.now(),n=e=>{let{widgetObjList:t,sortWidget:i}=u;var r,n,d,a,o;e.stopPropagation(),l>Date.now()-300?e.preventDefault():i&&!(0,_util.hasFormDesignLayoutType)(i)&&(r=_xeUtils.default.findTree(t,e=>e.id===i.id,{children:"children"}))&&({item:n,index:d,items:a,parent:o}=r,o&&"row"===o.name?r.items[r.index]=s.createEmptyWidget():a.splice(d,1),t.unshift(n),l=Date.now(),s.dispatchEvent("drag-widget",{widget:n},e))},d=e=>{let{widgetObjList:t,sortWidget:i}=u;var r,n,d,a,o;e.stopPropagation(),l>Date.now()-300?e.preventDefault():i&&!(0,_util.hasFormDesignLayoutType)(i)&&(r=_xeUtils.default.findTree(t,e=>e.id===i.id,{children:"children"}))&&({item:n,index:d,items:a,parent:o}=r,o&&"row"===o.name?r.items[r.index]=s.createEmptyWidget():a.splice(d,1),t.push(n),l=Date.now(),s.dispatchEvent("drag-widget",{widget:n},e))};return()=>{let t=u.widgetObjList;return(0,_vue.h)("div",{class:"vxe-form-design--preview",onDragenter:i,onDragover:r},[(0,_vue.h)("div",{class:"vxe-form-design--preview-wrapper"},[(0,_vue.h)("div",{class:"vxe-form-design--preview-place-widget",onDragenter:n}),(0,_vue.h)(e,{customLayout:!0,span:24,vertical:!0},{default(){return(0,_vue.h)(_vue.TransitionGroup,{class:"vxe-form-design--preview-list",tag:"div",name:"vxe-form-design--preview-list"},{default:()=>t.map((r,e)=>(0,_vue.h)(_layoutViewItem.ViewItemComponent,{key:r.id,item:r,itemIndex:e,items:t},{default(){var e=r.name,e=_core.renderer.get(e)||{},e=e.renderFormDesignWidgetEdit||e.renderFormDesignWidgetView,t=r,i={widget:r,readonly:!1,disabled:!1,isEditMode:!0,isViewMode:!1,$formDesign:s,$formView:null};return e?(0,_vn.getSlotVNs)(e(t,i)):[]}}))})}}),(0,_vue.h)("div",{class:"vxe-form-design--preview-place-widget",onDragenter:d})])])}}});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_core=require("@vxe-ui/core"),_vn=require("../../ui/src/vn"),_defaultSettingForm=require("./default-setting-form"),_default=exports.default=(0,_comp.defineVxeComponent)({name:"FormDesignLayoutSetting",props:{},emits:[],setup(){let e=_core.VxeUI.getComponent("vxe-tabs"),t=_core.VxeUI.getComponent("vxe-tab-pane"),r=(0,_vue.inject)("$xeFormDesign",null);if(!r)return()=>[];let{props:i,reactData:n}=r,o=(0,_vue.ref)(1);return(0,_vue.watch)(()=>n.activeWidget,()=>{o.value=1}),()=>(0,_vue.h)("div",{class:"vxe-form-design--setting"},[(0,_vue.h)("div",{class:"vxe-form-design--setting-form"},[(0,_vue.h)(e,{modelValue:o.value,titleWidth:"50%",titleAlign:"center",padding:!0,class:"vxe-form-design--setting-form-tabs","onUpdate:modelValue"(e){o.value=e}},{default(){return[(0,_vue.h)(t,{title:(0,_core.getI18n)("vxe.formDesign.widgetPropTab"),name:1},{default(){return(()=>{var e=n.activeWidget;if(e){var t=_core.renderer.get(e.name),t=t?t.renderFormDesignWidgetFormView:null;if(t)return(0,_vue.h)("div",{class:"vxe-form-design--custom-widget-form-view"},(0,_vn.getSlotVNs)(t(e,{isEditMode:!0,isViewMode:!1,widget:e,$formDesign:r,$formView:null})))}return(0,_vue.createCommentVNode)()})()}}),(0,_vue.h)(t,{title:(0,_core.getI18n)("vxe.formDesign.widgetFormTab"),name:2},{default(){return(()=>{var e=i.formRender,t=n.formData;if(e){e=_core.renderer.get(e.name),e=e?e.renderFormDesignSettingFormView:null;if(e)return(0,_vue.h)("div",{class:"vxe-form-design--custom-setting-form-view"},(0,_vn.getSlotVNs)(e({},{$formDesign:r})))}return(0,_vue.h)(_defaultSettingForm.DefaultSettingFormComponent,{formData:t})})()}})]}})])])}});
|
|
@@ -11,7 +11,7 @@ var _vn = require("../../ui/src/vn");
|
|
|
11
11
|
var _formView = _interopRequireDefault(require("./form-view"));
|
|
12
12
|
var _defaultStyleForm = require("./default-style-form");
|
|
13
13
|
var _defaultSettingData = require("./default-setting-data");
|
|
14
|
-
function _interopRequireDefault(
|
|
14
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
15
|
var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
16
16
|
name: 'FormDesignLayoutStyle',
|
|
17
17
|
props: {},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_core=require("@vxe-ui/core"),_vn=require("../../ui/src/vn"),_formView=_interopRequireDefault(require("./form-view")),_defaultStyleForm=require("./default-style-form"),_defaultSettingData=require("./default-setting-data");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"FormDesignLayoutStyle",props:{},emits:[],setup(){let e=_core.VxeUI.getComponent("vxe-modal"),s=_core.VxeUI.getComponent("vxe-tabs"),f=_core.VxeUI.getComponent("vxe-tab-pane"),d=(0,_vue.inject)("$xeFormDesign",null),_=(0,_vue.reactive)({activeTab:1});var r={reactData:_,renderVN(){return[]}};if(d){let{props:o,reactData:t}=d,a=(0,_vue.ref)(!1),i=(0,_vue.ref)(null),n=(0,_vue.ref)({}),l=()=>{i.value=d.getConfig()},u=e=>{var r=e.viewRender,t=_.activeTab,r=(r||{}).name,r=_core.renderer.get(r)||{},o=r?r.createFormViewFormConfig:null,r=r?r.createFormViewMobileFormConfig:null;return(2===t?r||_defaultSettingData.createDefaultFormViewMobileFormConfig:o||_defaultSettingData.createDefaultFormViewPCFormConfig)(e)};var c={updatePreviewView:l,openStylePreview(){var e=o.showPc;l(),_.activeTab=e?1:2,a.value=!0}};Object.assign(r,c);let v=()=>{var e=o.formRender,r=t.formData;if(e){e=_core.renderer.get(e.name),e=e?e.renderFormDesignMobileStyleFormView:null;if(e)return(0,_vue.h)("div",{class:"vxe-form-design--custom-setting-mobile-form-view"},(0,_vn.getSlotVNs)(e({},{$formDesign:d,formConfig:r})))}return(0,_vue.h)(_defaultStyleForm.DefaultMobileStyleFormComponent,{formData:r})},m=()=>{var e=o.formRender,r=t.formData;if(e){e=_core.renderer.get(e.name),e=e?e.renderFormDesignStyleFormView:null;if(e)return(0,_vue.h)("div",{class:"vxe-form-design--custom-setting-pc-form-view"},(0,_vn.getSlotVNs)(e({},{$formDesign:d,formConfig:r})))}return(0,_vue.h)(_defaultStyleForm.DefaultPCStyleFormComponent,{formData:r})};r.renderVN=()=>{let{showPc:r,showMobile:t}=o;return(0,_vue.h)(e,{modelValue:a.value,title:(0,_core.getI18n)("vxe.formDesign.styleSetting.title"),height:"90vh",width:"90vw",escClosable:!0,maskClosable:!0,destroyOnClose:!0,showMaximize:!0,transfer:!0,"onUpdate:modelValue"(e){a.value=e}},{default(){return(0,_vue.h)("div",{class:"vxe-form-design--layout-style"},[(e=2===(e=_.activeTab),(0,_vue.h)("div",{class:["vxe-form-design--layout-style-preview","is--"+(e?"mobile":"pc")]},[e?(0,_vue.h)("div",{class:"vxe-form-view"},"暂不支持"):(0,_vue.h)(_formView.default,{modelValue:n.value,config:i.value,createFormConfig:u,"onUpdate:modelValue"(e){n.value=e}})])),(r||t?()=>{let{showPc:r,showMobile:t}=o;var e=_.activeTab;return(0,_vue.h)("div",{class:"vxe-form-design--layout-style-setting"},[(0,_vue.h)(s,{modelValue:e,titleWidth:r&&t?"50%":"100%",titleAlign:"center",padding:!0,onChange:l,"onUpdate:modelValue"(e){_.activeTab=e}},{default(){var e=[];return r&&e.push((0,_vue.h)(f,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.displaySetting.pc"),icon:(0,_core.getIcon)().FORM_DESIGN_PROPS_PC,k:1,name:1},{default(){return m()}})),t&&e.push((0,_vue.h)(f,{title:(0,_core.getI18n)("vxe.formDesign.widgetProp.displaySetting.mobile"),icon:(0,_core.getIcon)().FORM_DESIGN_PROPS_MOBILE,key:2,name:2},{default(){return v()}})),e}})])}:(0,_vue.createCommentVNode))()]);var e}})},(0,_vue.provide)("$xeFormDesignLayoutStyle",r)}return r},render(){return this.renderVN()}});
|
|
@@ -8,7 +8,7 @@ var _vue = require("vue");
|
|
|
8
8
|
var _comp = require("../../ui/src/comp");
|
|
9
9
|
var _core = require("@vxe-ui/core");
|
|
10
10
|
var _xeUtils = _interopRequireDefault(require("xe-utils"));
|
|
11
|
-
function _interopRequireDefault(
|
|
11
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
12
|
const ViewItemComponent = exports.ViewItemComponent = (0, _comp.defineVxeComponent)({
|
|
13
13
|
name: 'FormDesignLayoutViewItem',
|
|
14
14
|
props: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
Object.defineProperty(exports,"__esModule",{value:!0}),exports.ViewItemComponent=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_core=require("@vxe-ui/core"),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}let ViewItemComponent=exports.ViewItemComponent=(0,_comp.defineVxeComponent)({name:"FormDesignLayoutViewItem",props:{item:{type:Object,default:()=>({})},itemIndex:{type:Number,default:0},items:{type:Array,default:()=>[]}},emits:[],setup(a,{slots:o}){let l=_core.VxeUI.getComponent("vxe-button"),s=(0,_vue.inject)("$xeFormDesign",null);if(!s)return()=>[];let u=s.reactData,m=e=>{var t=u.widgetObjList,e=e.currentTarget;let i=Number(e.getAttribute("data-widget-id"));e=_xeUtils.default.findTree(t,e=>e&&e.id===i,{children:"children"});e&&(u.dragWidget=null,u.sortWidget=e.item)},c=()=>{u.activeWidget=u.sortWidget,u.sortWidget=null},g=e=>{let{widgetObjList:i,sortWidget:r}=u;var d=s.internalData,n=d.lastDragTime;if(n&&n>Date.now()-300)e.preventDefault();else if(r){var a,n=e.currentTarget;e.preventDefault();let t=Number(n.getAttribute("data-widget-id"));t!==r.id&&(n=_xeUtils.default.findTree(i,e=>e&&e.id===t,{children:"children"}))&&(a=_xeUtils.default.findTree(i,e=>e&&e.id===r.id,{children:"children"}))&&(a.parent&&"row"===a.parent.name?a.items[a.index]=s.createEmptyWidget():a.items.splice(a.index,1),n.items.splice(n.index,0,a.item),d.lastDragTime=Date.now(),s.dispatchEvent("drag-widget",{widget:a.item},e))}};return()=>{var{dragWidget:e,activeWidget:t,sortWidget:i}=u;let r=a.item;var d=r.name,t=t&&t.id===r.id,n=o.default;return(0,_vue.h)("div",{key:r.id,"data-widget-id":r.id,draggable:!0,class:["vxe-form-design--preview-item","widget-"+_xeUtils.default.kebabCase(d),{"is--active":t,"is--sort":i&&i.id===r.id,"is--drag":e&&e.id===r.id}],onDragstart:m,onDragend:c,onDragenter:g,onClick(e){var t;e=e,t=r,s.handleClickWidget(e,t)}},[(0,_vue.h)("div",{class:"vxe-form-design--preview-item-view vxe-form--item-row"},n?n({}):[]),t?(0,_vue.h)("div",{class:"vxe-form-design--preview-item-operate"},[(0,_vue.h)(l,{icon:(0,_core.getIcon)().FORM_DESIGN_WIDGET_COPY,status:"primary",size:"mini",circle:!0,onClick(e){s.handleCopyWidget(e.$event,r)}}),(0,_vue.h)(l,{icon:(0,_core.getIcon)().FORM_DESIGN_WIDGET_DELETE,status:"danger",size:"mini",circle:!0,onClick(e){s.handleRemoveWidget(e.$event,r)}})]):(0,_vue.createCommentVNode)()])}}});
|
|
@@ -10,7 +10,7 @@ var _xeUtils = _interopRequireDefault(require("xe-utils"));
|
|
|
10
10
|
var _core = require("@vxe-ui/core");
|
|
11
11
|
var _vn = require("../../ui/src/vn");
|
|
12
12
|
var _widgetInfo = require("./widget-info");
|
|
13
|
-
function _interopRequireDefault(
|
|
13
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
14
|
var _default = exports.default = (0, _comp.defineVxeComponent)({
|
|
15
15
|
props: {},
|
|
16
16
|
emits: [],
|