images/variant-form3-vite
2
0
Fork 0
mirror of https://github.com/vform666/variant-form3-vite.git synced 2025-01-10 08:09:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

解决Vue.Draggable在Vue新版3.2.32上运行报错“Cannot set properties of null (setting '__draggable_context')”的问题。

Browse Source
This commit is contained in:
vdpAdmin 2022-05-13 14:59:19 +08:00
parent 18870a2d95
commit b9e861d8f7
9 changed files with 78 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
lib/vuedraggable/dist/vuedraggable.common.js vendored
View File

@ -4259,7 +4259,7 @@ function insertNodeAt(fatherNode, node, position) {
// EXTERNAL MODULE: ./src/util/console.js
var console = __webpack_require__("dbf1");
var util_console = __webpack_require__("dbf1");
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.reduce.js
var es_array_reduce = __webpack_require__("13d5");
@ -4460,9 +4460,15 @@ function _createClass(Constructor, protoProps, staticProps) {
var getHtmlElementFromNode = function getHtmlElementFromNode(_ref) {
var el = _ref.el;
return el;
//const getHtmlElementFromNode = ({ el }) => el;
var getHtmlElementFromNode = function getHtmlElementFromNode(node) {
var el = node.el || Array.isArray(node.children) && node.children[0].el.parentNode;
if (!el) {
console.error("使用 transition-group , 需要在slot中template内至少2层html标签");
}
return el || {};
};
var addContext = function addContext(domElement, context) {
@ -4474,13 +4480,13 @@ var getContext = function getContext(domElement) {
};
var componentStructure_ComponentStructure = /*#__PURE__*/function () {
function ComponentStructure(_ref2) {
var _ref2$nodes = _ref2.nodes,
header = _ref2$nodes.header,
defaultNodes = _ref2$nodes.default,
footer = _ref2$nodes.footer,
root = _ref2.root,
realList = _ref2.realList;
function ComponentStructure(_ref) {
var _ref$nodes = _ref.nodes,
header = _ref$nodes.header,
defaultNodes = _ref$nodes.default,
footer = _ref$nodes.footer,
root = _ref.root,
realList = _ref.realList;
_classCallCheck(this, ComponentStructure);
@ -4783,7 +4789,7 @@ var draggableComponent = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["d
},
created: function created() {
if (this.list !== null && this.modelValue !== null) {
console["a" /* console */].error("modelValue and list props are mutually exclusive! Please set one or another.");
util_console["a" /* console */].error("modelValue and list props are mutually exclusive! Please set one or another.");
}
},
mounted: function mounted() {
@ -4884,6 +4890,7 @@ var draggableComponent = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["d
spliceList: function spliceList() {
var _arguments = arguments;
// @ts-ignore
var spliceList = function spliceList(list) {
return list.splice.apply(list, _toConsumableArray(_arguments));
};
@ -4937,7 +4944,8 @@ var draggableComponent = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["d
}
removeNode(evt.item);
var newIndex = this.getVmIndexFromDomIndex(evt.newIndex);
var newIndex = this.getVmIndexFromDomIndex(evt.newIndex); // @ts-ignore
this.spliceList(newIndex, 0, element);
var added = {
element: element,
@ -4958,7 +4966,8 @@ var draggableComponent = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["d
var _this$context = this.context,
oldIndex = _this$context.index,
element = _this$context.element;
element = _this$context.element; // @ts-ignore
this.spliceList(oldIndex, 1);
var removed = {
element: element,

2
lib/vuedraggable/dist/vuedraggable.common.js.map vendored
View File

File diff suppressed because one or more lines are too long

37
lib/vuedraggable/dist/vuedraggable.umd.js vendored
View File

@ -4268,7 +4268,7 @@ function insertNodeAt(fatherNode, node, position) {
// EXTERNAL MODULE: ./src/util/console.js
var console = __webpack_require__("dbf1");
var util_console = __webpack_require__("dbf1");
// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.reduce.js
var es_array_reduce = __webpack_require__("13d5");
@ -4469,9 +4469,15 @@ function _createClass(Constructor, protoProps, staticProps) {
var getHtmlElementFromNode = function getHtmlElementFromNode(_ref) {
var el = _ref.el;
return el;
//const getHtmlElementFromNode = ({ el }) => el;
var getHtmlElementFromNode = function getHtmlElementFromNode(node) {
var el = node.el || Array.isArray(node.children) && node.children[0].el.parentNode;
if (!el) {
console.error("使用 transition-group , 需要在slot中template内至少2层html标签");
}
return el || {};
};
var addContext = function addContext(domElement, context) {
@ -4483,13 +4489,13 @@ var getContext = function getContext(domElement) {
};
var componentStructure_ComponentStructure = /*#__PURE__*/function () {
function ComponentStructure(_ref2) {
var _ref2$nodes = _ref2.nodes,
header = _ref2$nodes.header,
defaultNodes = _ref2$nodes.default,
footer = _ref2$nodes.footer,
root = _ref2.root,
realList = _ref2.realList;
function ComponentStructure(_ref) {
var _ref$nodes = _ref.nodes,
header = _ref$nodes.header,
defaultNodes = _ref$nodes.default,
footer = _ref$nodes.footer,
root = _ref.root,
realList = _ref.realList;
_classCallCheck(this, ComponentStructure);
@ -4792,7 +4798,7 @@ var draggableComponent = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["d
},
created: function created() {
if (this.list !== null && this.modelValue !== null) {
console["a" /* console */].error("modelValue and list props are mutually exclusive! Please set one or another.");
util_console["a" /* console */].error("modelValue and list props are mutually exclusive! Please set one or another.");
}
},
mounted: function mounted() {
@ -4893,6 +4899,7 @@ var draggableComponent = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["d
spliceList: function spliceList() {
var _arguments = arguments;
// @ts-ignore
var spliceList = function spliceList(list) {
return list.splice.apply(list, _toConsumableArray(_arguments));
};
@ -4946,7 +4953,8 @@ var draggableComponent = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["d
}
removeNode(evt.item);
var newIndex = this.getVmIndexFromDomIndex(evt.newIndex);
var newIndex = this.getVmIndexFromDomIndex(evt.newIndex); // @ts-ignore
this.spliceList(newIndex, 0, element);
var added = {
element: element,
@ -4967,7 +4975,8 @@ var draggableComponent = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["d
var _this$context = this.context,
oldIndex = _this$context.index,
element = _this$context.element;
element = _this$context.element; // @ts-ignore
this.spliceList(oldIndex, 1);
var removed = {
element: element,

2
lib/vuedraggable/dist/vuedraggable.umd.js.map vendored
View File

File diff suppressed because one or more lines are too long

2
lib/vuedraggable/dist/vuedraggable.umd.min.js vendored
View File

File diff suppressed because one or more lines are too long

2
lib/vuedraggable/dist/vuedraggable.umd.min.js.map vendored
View File

File diff suppressed because one or more lines are too long

2
package.json
View File

@ -18,7 +18,7 @@
"file-saver": "^2.0.5",
"mitt": "^3.0.0",
"sortablejs": "1.14.0",
"vue": "3.2.26",
"vue": "^3.2.32",
"vue3-quill": "^0.2.6"
},
"devDependencies": {

2
src/components/form-designer/form-widget/index.vue
View File

@ -13,6 +13,7 @@
tag="transition-group" :component-data="{name: 'fade'}"
handle=".drag-handler" @end="onDragEnd" @add="onDragAdd" @update="onDragUpdate" :move="checkMove">
<template #item="{ element: widget, index }">
<div class="transition-group-el">
<template v-if="'container' === widget.category">
<component :is="getWidgetName(widget)" :widget="widget" :designer="designer" :key="widget.id" :parent-list="designer.widgetList"
:index-of-parent-list="index" :parent-widget="null"></component>
@ -21,6 +22,7 @@
<component :is="getWidgetName(widget)" :field="widget" :designer="designer" :key="widget.id" :parent-list="designer.widgetList"
:index-of-parent-list="index" :parent-widget="null" :design-state="true"></component>
</template>
</div>
</template>
</draggable>
</div>