cnhis-design-vue 0.3.3-beta → 0.3.4-beta

package/es/drag-layout/index.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, createCommentVNode, createVNode, unref, Fragment, withCtx, createTextVNode, toDisplayString, ref, computed, watch, resolveComponent, createBlock, withDirectives, vShow, normalizeStyle, isRef, reactive, onMounted, nextTick, renderSlot, vModelCheckbox, pushScopeId, popScopeId } from 'vue';
+import { defineComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, createCommentVNode, createVNode, unref, Fragment, withCtx, createTextVNode, toDisplayString, ref, computed, watch, resolveComponent, createBlock, withDirectives, vShow, normalizeStyle, reactive, onMounted, nextTick, renderSlot, vModelCheckbox, pushScopeId, popScopeId } from 'vue';
 import { NInput, NDatePicker, NSelect, NRadio, NCheckbox, NButton, NPopover, NIcon, NModal, NForm, NGrid, NFormItemGi, NInputNumber } from 'naive-ui';
 import draggable from 'vuedraggable';
 import { EllipsisVerticalSharp } from '@vicons/ionicons5';
@@ -15,11 +15,11 @@ const _hoisted_6$2 = /* @__PURE__ */ createTextVNode("\u7537");
 const _hoisted_7$2 = /* @__PURE__ */ createTextVNode("\u5973");
 const _hoisted_8$2 = { class: "style-box" };
 const _hoisted_9$2 = { class: "style-box" };
-const _hoisted_10$1 = {
+const _hoisted_10$2 = {
     key: 6,
     class: "style-box"
 };
-const _hoisted_11 = {
+const _hoisted_11$1 = {
     key: 7,
     class: "style-box"
 };
@@ -104,13 +104,13 @@ var script$2 = /* @__PURE__ */ defineComponent({
                                 disabled: ""
                             })
                         ])
-                    ], 2112)) : __props.element.html_type === "PHONE_TYPE" ? (openBlock(), createElementBlock("div", _hoisted_10$1, [
+                    ], 2112)) : __props.element.html_type === "PHONE_TYPE" ? (openBlock(), createElementBlock("div", _hoisted_10$2, [
                         createVNode(unref(NInput), {
                             class: "style-box-input",
                             disabled: "",
                             placeholder: "+86"
                         })
-                    ])) : (openBlock(), createElementBlock("div", _hoisted_11, [
+                    ])) : (openBlock(), createElementBlock("div", _hoisted_11$1, [
                         createVNode(unref(NInput), {
                             class: "style-box-input",
                             disabled: "",
@@ -127,21 +127,23 @@ var script$2 = /* @__PURE__ */ defineComponent({
 script$2.__scopeId = "data-v-55852966";
 script$2.__file = "packages/drag-layout/src/DragFormLeftItem.vue";
 
-const _hoisted_1$1 = {
+const _hoisted_1$1 = { class: "DragFormRightItem" };
+const _hoisted_2$1 = {
     key: 0,
     class: "red"
 };
-const _hoisted_2$1 = { class: "form-btn" };
-const _hoisted_3$1 = /* @__PURE__ */ createTextVNode("\u5FC5\u586B");
-const _hoisted_4$1 = /* @__PURE__ */ createTextVNode("\u4FEE\u6539");
-const _hoisted_5$1 = /* @__PURE__ */ createTextVNode("\u79FB\u9664");
-const _hoisted_6$1 = {
+const _hoisted_3$1 = { class: "form-btn" };
+const _hoisted_4$1 = /* @__PURE__ */ createTextVNode("\u5FC5\u586B");
+const _hoisted_5$1 = /* @__PURE__ */ createTextVNode("\u4FEE\u6539");
+const _hoisted_6$1 = /* @__PURE__ */ createTextVNode("\u79FB\u9664");
+const _hoisted_7$1 = {
     key: 0,
     class: "red"
 };
-const _hoisted_7$1 = /* @__PURE__ */ createTextVNode("\u5FC5\u586B");
-const _hoisted_8$1 = /* @__PURE__ */ createTextVNode("\u4FEE\u6539");
-const _hoisted_9$1 = /* @__PURE__ */ createTextVNode("\u79FB\u9664");
+const _hoisted_8$1 = { class: "form-btn" };
+const _hoisted_9$1 = /* @__PURE__ */ createTextVNode("\u5FC5\u586B");
+const _hoisted_10$1 = /* @__PURE__ */ createTextVNode("\u4FEE\u6539");
+const _hoisted_11 = /* @__PURE__ */ createTextVNode("\u79FB\u9664");
 const __default__$1 = {
     name: "DragFormRightItem"
 };
@@ -155,9 +157,8 @@ var script$1 = /* @__PURE__ */ defineComponent({
     emits: ["handleEdit", "handleDelete"],
     setup(__props, { emit }) {
         const props = __props;
-        let formBtnRef = ref(null);
         let showFields = ref([]);
-        let isFocus = ref(false);
+        ref(false);
         const widthOptions = [
             {
                 label: "\u6574\u884C",
@@ -208,23 +209,6 @@ var script$1 = /* @__PURE__ */ defineComponent({
         const isLineType = (t) => {
             return lineTypeList.value.includes(t);
         };
-        const updateShow = (show) => {
-            if (show) {
-                isFocus.value = true;
-            }
-            else {
-                isFocus.value = false;
-                formBtnRef.value && (formBtnRef.value.style.display = "none");
-            }
-        };
-        const formRightMouseOut = (e) => {
-            if (!isFocus.value) {
-                formBtnRef.value && (formBtnRef.value.style.display = "none");
-            }
-            else {
-                formBtnRef.value && (formBtnRef.value.style.display = "flex");
-            }
-        };
         watch(() => props.fields, (val) => {
             if (!val)
                 return;
@@ -232,11 +216,7 @@ var script$1 = /* @__PURE__ */ defineComponent({
         }, { immediate: true, deep: true });
         return (_ctx, _cache) => {
             const _component_DragFormRightItem = resolveComponent("DragFormRightItem", true);
-            return openBlock(), createElementBlock("div", {
-                class: "DragFormRightItem",
-                onMouseover: _cache[10] || (_cache[10] = (e) => unref(formBtnRef) && (unref(formBtnRef).style.display = "flex")),
-                onMouseout: formRightMouseOut
-            }, [
+            return openBlock(), createElementBlock("div", _hoisted_1$1, [
                 __props.element.html_type === "COMBINATION" ? (openBlock(), createElementBlock("div", {
                     key: 0,
                     class: normalizeClass(["combination-item", {
@@ -244,9 +224,9 @@ var script$1 = /* @__PURE__ */ defineComponent({
                         }])
                 }, [
                     createElementVNode("div", null, [
-                        __props.element.is_null == 0 ? (openBlock(), createElementBlock("span", _hoisted_1$1, "*")) : createCommentVNode("v-if", true),
+                        __props.element.is_null == 0 ? (openBlock(), createElementBlock("span", _hoisted_2$1, "*")) : createCommentVNode("v-if", true),
                         createTextVNode(" " + toDisplayString(__props.element.name) + " ", 1),
-                        createElementVNode("div", _hoisted_2$1, [
+                        createElementVNode("div", _hoisted_3$1, [
                             __props.element.html_type != "TEXT" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                                 __props.element.is_edit == 1 && !isLineType(__props.element.html_type) ? (openBlock(), createBlock(unref(NButton), {
                                     key: 0,
@@ -266,7 +246,7 @@ var script$1 = /* @__PURE__ */ defineComponent({
                                     onClick: _cache[1] || (_cache[1] = ($event) => handlechangNull(__props.element))
                                 }, {
                                     default: withCtx(() => [
-                                        _hoisted_3$1
+                                        _hoisted_4$1
                                     ]),
                                     _: 1
                                 })) : createCommentVNode("v-if", true),
@@ -276,7 +256,7 @@ var script$1 = /* @__PURE__ */ defineComponent({
                                     onClick: _cache[2] || (_cache[2] = ($event) => handleEdit(__props.element, __props.index, "edit"))
                                 }, {
                                     default: withCtx(() => [
-                                        _hoisted_4$1
+                                        _hoisted_5$1
                                     ]),
                                     _: 1
                                 }, 512), [
@@ -290,7 +270,7 @@ var script$1 = /* @__PURE__ */ defineComponent({
                                 onClick: _cache[3] || (_cache[3] = ($event) => handleDelete(__props.element, __props.index))
                             }, {
                                 default: withCtx(() => [
-                                    _hoisted_5$1
+                                    _hoisted_6$1
                                 ]),
                                 _: 1
                             })) : createCommentVNode("v-if", true)
@@ -312,9 +292,10 @@ var script$1 = /* @__PURE__ */ defineComponent({
                             }, [
                                 createVNode(_component_DragFormRightItem, {
                                     element: eleChild.element,
+                                    index: eleChild.index,
                                     onHandleEdit: handleEdit,
                                     onHandleDelete: handleDelete
-                                }, null, 8, ["element"])
+                                }, null, 8, ["element", "index"])
                             ], 4)
                         ]),
                         _: 1
@@ -330,16 +311,10 @@ var script$1 = /* @__PURE__ */ defineComponent({
                     createElementVNode("div", {
                         class: normalizeClass({ "item-opacity": __props.element.is_show == 0 })
                     }, [
-                        __props.element.is_null == 0 ? (openBlock(), createElementBlock("span", _hoisted_6$1, "*")) : createCommentVNode("v-if", true),
+                        __props.element.is_null == 0 ? (openBlock(), createElementBlock("span", _hoisted_7$1, "*")) : createCommentVNode("v-if", true),
                         createTextVNode(" " + toDisplayString(__props.element.name), 1)
                     ], 2),
-                    createElementVNode("div", {
-                        class: "form-btn",
-                        ref: (el) => {
-                            if (el)
-                                isRef(formBtnRef) ? formBtnRef.value = el : formBtnRef = el;
-                        }
-                    }, [
+                    createElementVNode("div", _hoisted_8$1, [
                         __props.element.html_type != "TEXT" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                             __props.element.is_edit == 1 && !isLineType(__props.element.html_type) ? (openBlock(), createBlock(unref(NButton), {
                                 key: 0,
@@ -359,7 +334,7 @@ var script$1 = /* @__PURE__ */ defineComponent({
                                 onClick: _cache[6] || (_cache[6] = ($event) => handlechangNull(__props.element))
                             }, {
                                 default: withCtx(() => [
-                                    _hoisted_7$1
+                                    _hoisted_9$1
                                 ]),
                                 _: 1
                             })) : createCommentVNode("v-if", true),
@@ -369,7 +344,7 @@ var script$1 = /* @__PURE__ */ defineComponent({
                                 options: widthOptions,
                                 value: __props.element.elem_width,
                                 "onUpdate:value": _cache[7] || (_cache[7] = ($event) => __props.element.elem_width = $event),
-                                onUpdateShow: updateShow
+                                to: false
                             }, null, 8, ["value"])
                         ], 64)) : createCommentVNode("v-if", true),
                         createVNode(unref(NPopover), {
@@ -388,7 +363,7 @@ var script$1 = /* @__PURE__ */ defineComponent({
                                         onClick: _cache[8] || (_cache[8] = ($event) => handleEdit(__props.element, __props.index, "edit"))
                                     }, {
                                         default: withCtx(() => [
-                                            _hoisted_8$1
+                                            _hoisted_10$1
                                         ]),
                                         _: 1
                                     }, 512), [
@@ -401,7 +376,7 @@ var script$1 = /* @__PURE__ */ defineComponent({
                                         onClick: _cache[9] || (_cache[9] = ($event) => handleDelete(__props.element, __props.index))
                                     }, {
                                         default: withCtx(() => [
-                                            _hoisted_9$1
+                                            _hoisted_11
                                         ]),
                                         _: 1
                                     })) : createCommentVNode("v-if", true)
@@ -409,9 +384,9 @@ var script$1 = /* @__PURE__ */ defineComponent({
                             ]),
                             _: 1
                         })
-                    ], 512)
+                    ])
                 ], 2))
-            ], 32);
+            ]);
         };
     }
 });