cnhis-design-vue 3.1.8-beta.2 → 3.1.8-beta.3

package/es/packages/drag-layout/src/DragLayout.vue_vue_type_script_setup_true_lang.mjs

@@ -18,6 +18,7 @@ const _hoisted_8 = /* @__PURE__ */ createTextVNode(" \u9ED8\u8BA4\u5C55\u5F00 ")
 const _hoisted_9 = /* @__PURE__ */ createElementVNode("br", null, null, -1);
 const _hoisted_10 = /* @__PURE__ */ createTextVNode(" \u4E0D\u53EF\u6298\u53E0 ");
 var script = /* @__PURE__ */ defineComponent({
+  name: "DragLayout",
   props: {
     leftList: { type: Array, required: false, default: () => [] },
     rightList: { type: Array, required: false, default: () => [] },
@@ -329,8 +330,8 @@ var script = /* @__PURE__ */ defineComponent({
           createVNode(unref(Draggable), {
             class: "min-height text-draggable",
             itemKey: "val_key",
-            modelValue: unref(state).hideFields,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(state).hideFields = $event),
+            modelValue: state.hideFields,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => state.hideFields = $event),
             group: "formitem",
             animation: 300,
             ref: "textDraggable",
@@ -375,8 +376,8 @@ var script = /* @__PURE__ */ defineComponent({
           createVNode(unref(Draggable), {
             class: "min-height draggable-content",
             itemKey: "val_key",
-            modelValue: unref(state).showFields,
-            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => unref(state).showFields = $event),
+            modelValue: state.showFields,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => state.showFields = $event),
             move: handleDragRemove,
             group: "formitem",
             animation: 300,
@@ -406,7 +407,7 @@ var script = /* @__PURE__ */ defineComponent({
           }, 8, ["modelValue"])
         ]),
         createCommentVNode(" \u5F39\u7A97 "),
-        unref(state).modalVisible ? (openBlock(), createBlock(unref(NModal), {
+        state.modalVisible ? (openBlock(), createBlock(unref(NModal), {
           key: 0,
           preset: "dialog",
           title: "\u5B57\u6BB5\u5C5E\u6027",
@@ -414,15 +415,15 @@ var script = /* @__PURE__ */ defineComponent({
           "negative-text": "\u53D6\u6D88",
           "show-icon": false,
           zIndex: 2001,
-          show: unref(state).modalVisible,
-          "onUpdate:show": _cache[11] || (_cache[11] = ($event) => unref(state).modalVisible = $event),
+          show: state.modalVisible,
+          "onUpdate:show": _cache[11] || (_cache[11] = ($event) => state.modalVisible = $event),
           onPositiveClick: handleOk
         }, {
           default: withCtx(() => [
             createVNode(unref(NForm), {
               ref_key: "formRef",
               ref: formRef,
-              model: unref(state).modalFormData,
+              model: state.modalFormData,
               rules,
               "label-placement": "left",
               "label-width": "auto"
@@ -439,8 +440,8 @@ var script = /* @__PURE__ */ defineComponent({
                       default: withCtx(() => [
                         createVNode(unref(NInput), {
                           placeholder: "\u540D\u79F0",
-                          value: unref(state).modalFormData.name,
-                          "onUpdate:value": _cache[2] || (_cache[2] = ($event) => unref(state).modalFormData.name = $event)
+                          value: state.modalFormData.name,
+                          "onUpdate:value": _cache[2] || (_cache[2] = ($event) => state.modalFormData.name = $event)
                         }, null, 8, ["value"])
                       ]),
                       _: 1
@@ -455,13 +456,13 @@ var script = /* @__PURE__ */ defineComponent({
                         default: withCtx(() => [
                           createVNode(unref(NInput), {
                             placeholder: "\u9ED8\u8BA4\u503C",
-                            value: unref(state).modalFormData.default_val,
-                            "onUpdate:value": _cache[3] || (_cache[3] = ($event) => unref(state).modalFormData.default_val = $event)
+                            value: state.modalFormData.default_val,
+                            "onUpdate:value": _cache[3] || (_cache[3] = ($event) => state.modalFormData.default_val = $event)
                           }, null, 8, ["value"])
                         ]),
                         _: 1
                       })) : createCommentVNode("v-if", true)
-                    ], 2112)) : createCommentVNode("v-if", true),
+                    ], 64)) : createCommentVNode("v-if", true),
                     createCommentVNode("  \u5BBD\u5EA6 "),
                     !unref(hideModalWidth) ? (openBlock(), createBlock(unref(NFormItemGi), {
                       key: 2,
@@ -470,9 +471,9 @@ var script = /* @__PURE__ */ defineComponent({
                     }, {
                       default: withCtx(() => [
                         createVNode(unref(NSelect), {
-                          options: unref(state).widthOptions,
-                          value: unref(state).modalFormData.elem_width,
-                          "onUpdate:value": _cache[4] || (_cache[4] = ($event) => unref(state).modalFormData.elem_width = $event)
+                          options: state.widthOptions,
+                          value: state.modalFormData.elem_width,
+                          "onUpdate:value": _cache[4] || (_cache[4] = ($event) => state.modalFormData.elem_width = $event)
                         }, null, 8, ["options", "value"])
                       ]),
                       _: 1
@@ -486,8 +487,8 @@ var script = /* @__PURE__ */ defineComponent({
                       default: withCtx(() => [
                         createVNode(unref(NInput), {
                           placeholder: "\u9AD8\u5EA6\uFF08\u884C\uFF09",
-                          value: unref(state).modalFormData.line_height,
-                          "onUpdate:value": _cache[5] || (_cache[5] = ($event) => unref(state).modalFormData.line_height = $event)
+                          value: state.modalFormData.line_height,
+                          "onUpdate:value": _cache[5] || (_cache[5] = ($event) => state.modalFormData.line_height = $event)
                         }, null, 8, ["value"])
                       ]),
                       _: 1
@@ -502,13 +503,13 @@ var script = /* @__PURE__ */ defineComponent({
                         default: withCtx(() => [
                           createVNode(unref(NInput), {
                             placeholder: "\u8BF4\u660E\u6587\u672C",
-                            value: unref(state).modalFormData.placeholder,
-                            "onUpdate:value": _cache[6] || (_cache[6] = ($event) => unref(state).modalFormData.placeholder = $event)
+                            value: state.modalFormData.placeholder,
+                            "onUpdate:value": _cache[6] || (_cache[6] = ($event) => state.modalFormData.placeholder = $event)
                           }, null, 8, ["value"])
                         ]),
                         _: 1
                       })) : createCommentVNode("v-if", true),
-                      unref(state).modalFormData.html_type != "PAGE_LAYOUT" ? (openBlock(), createBlock(unref(NFormItemGi), {
+                      state.modalFormData.html_type != "PAGE_LAYOUT" ? (openBlock(), createBlock(unref(NFormItemGi), {
                         key: 1,
                         span: 18,
                         label: "\u95EE\u53F7\u63D0\u793A"
@@ -517,14 +518,14 @@ var script = /* @__PURE__ */ defineComponent({
                           createVNode(unref(NInput), {
                             maxLength: 200,
                             placeholder: "\u8BF7\u8F93\u5165\u95EE\u53F7\u63D0\u793A",
-                            value: unref(state).modalFormData.remark,
-                            "onUpdate:value": _cache[7] || (_cache[7] = ($event) => unref(state).modalFormData.remark = $event)
+                            value: state.modalFormData.remark,
+                            "onUpdate:value": _cache[7] || (_cache[7] = ($event) => state.modalFormData.remark = $event)
                           }, null, 8, ["value"])
                         ]),
                         _: 1
                       })) : createCommentVNode("v-if", true)
                     ], 64)) : createCommentVNode("v-if", true),
-                    unref(state).modalFormData.is_fast_reply_field != 1 && (unref(state).modalFormData.html_type == "TEXTAREA" || unref(state).modalFormData.html_type == "INPUT") ? (openBlock(), createElementBlock(Fragment, { key: 5 }, [
+                    state.modalFormData.is_fast_reply_field != 1 && (state.modalFormData.html_type == "TEXTAREA" || state.modalFormData.html_type == "INPUT") ? (openBlock(), createElementBlock(Fragment, { key: 5 }, [
                       createCommentVNode(" \u5FEB\u901F\u8F93\u5165 "),
                       createVNode(unref(NFormItemGi), {
                         span: 18,
@@ -532,14 +533,14 @@ var script = /* @__PURE__ */ defineComponent({
                       }, {
                         default: withCtx(() => [
                           createVNode(unref(NCheckbox), {
-                            checked: unref(state).modalFormData.is_fast_reply,
+                            checked: state.modalFormData.is_fast_reply,
                             "onOnUpdate:checked": checkOnChange
                           }, null, 8, ["checked"])
                         ]),
                         _: 1
                       }),
                       createCommentVNode(" \u56DE\u590D\u5206\u7C7B "),
-                      unref(state).modalFormData.is_fast_reply ? (openBlock(), createBlock(unref(NFormItemGi), {
+                      state.modalFormData.is_fast_reply ? (openBlock(), createBlock(unref(NFormItemGi), {
                         key: 0,
                         span: 18,
                         label: "\u77ED\u8BED\u5206\u7C7B",
@@ -548,15 +549,15 @@ var script = /* @__PURE__ */ defineComponent({
                         default: withCtx(() => [
                           createVNode(unref(NSelect), {
                             multiple: "",
-                            value: unref(state).modalFormData.reply_category,
+                            value: state.modalFormData.reply_category,
                             "onUpdate:value": [
-                              _cache[8] || (_cache[8] = ($event) => unref(state).modalFormData.reply_category = $event),
+                              _cache[8] || (_cache[8] = ($event) => state.modalFormData.reply_category = $event),
                               changeCategofy
                             ],
                             filterable: "",
                             filter: unref(vexutils).filterOption,
                             placeholder: "\u5206\u7C7B\u540D\u79F0",
-                            options: unref(state).publicReply
+                            options: state.publicReply
                           }, null, 8, ["value", "filter", "options"])
                         ]),
                         _: 1
@@ -569,13 +570,13 @@ var script = /* @__PURE__ */ defineComponent({
                         default: withCtx(() => [
                           createVNode(unref(NInputNumber), {
                             placeholder: "\u8BF7\u8F93\u5165",
-                            value: unref(state).modalFormData.hideExpression,
-                            "onUpdate:value": _cache[9] || (_cache[9] = ($event) => unref(state).modalFormData.hideExpression = $event)
+                            value: state.modalFormData.hideExpression,
+                            "onUpdate:value": _cache[9] || (_cache[9] = ($event) => state.modalFormData.hideExpression = $event)
                           }, null, 8, ["value"])
                         ]),
                         _: 1
                       }, 512), [
-                        [vShow, unref(state).modalFormData.is_edit == 0]
+                        [vShow, state.modalFormData.is_edit == 0]
                       ])
                     ], 64)) : createCommentVNode("v-if", true),
                     createCommentVNode(" \u52A8\u6001\u6587\u672C\u503C "),
@@ -587,8 +588,8 @@ var script = /* @__PURE__ */ defineComponent({
                         createVNode(unref(NInput), {
                           placeholder: "\u8BF7\u8F93\u5165\u52A8\u6001\u6587\u672C\u5185\u5BB9",
                           type: "textarea",
-                          value: unref(state).modalFormData.default_val,
-                          "onUpdate:value": _cache[10] || (_cache[10] = ($event) => unref(state).modalFormData.default_val = $event)
+                          value: state.modalFormData.default_val,
+                          "onUpdate:value": _cache[10] || (_cache[10] = ($event) => state.modalFormData.default_val = $event)
                         }, null, 8, ["value"])
                       ]),
                       _: 1
@@ -604,13 +605,13 @@ var script = /* @__PURE__ */ defineComponent({
         }, 8, ["show"])) : createCommentVNode("v-if", true),
         createVNode(unref(NModal), {
           preset: "dialog",
-          title: unref(state).lineAddTitle,
+          title: state.lineAddTitle,
           "positive-text": "\u786E\u8BA4",
           "negative-text": "\u53D6\u6D88",
           "show-icon": false,
           zIndex: 2001,
-          show: unref(state).visibleLineAdd,
-          "onUpdate:show": _cache[17] || (_cache[17] = ($event) => unref(state).visibleLineAdd = $event),
+          show: state.visibleLineAdd,
+          "onUpdate:show": _cache[17] || (_cache[17] = ($event) => state.visibleLineAdd = $event),
           onNegativeClick: handleCancel,
           onPositiveClick: handleOkLineAdd
         }, {
@@ -619,8 +620,8 @@ var script = /* @__PURE__ */ defineComponent({
               _hoisted_7,
               createVNode(unref(NInput), {
                 class: "view-model-input new-name-input",
-                value: unref(state).itemTitleNameAdd,
-                "onUpdate:value": _cache[12] || (_cache[12] = ($event) => unref(state).itemTitleNameAdd = $event)
+                value: state.itemTitleNameAdd,
+                "onUpdate:value": _cache[12] || (_cache[12] = ($event) => state.itemTitleNameAdd = $event)
               }, null, 8, ["value"])
             ]),
             withDirectives(createElementVNode("div", null, [
@@ -628,9 +629,9 @@ var script = /* @__PURE__ */ defineComponent({
                 class: "name-new-change",
                 onChange: _cache[13] || (_cache[13] = ($event) => onChangeAdd($event, "is_show")),
                 type: "checkbox",
-                "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => unref(state).isAddChecked = $event)
+                "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => state.isAddChecked = $event)
               }, null, 544), [
-                [vModelCheckbox, unref(state).isAddChecked]
+                [vModelCheckbox, state.isAddChecked]
               ]),
               _hoisted_8,
               _hoisted_9,
@@ -638,14 +639,14 @@ var script = /* @__PURE__ */ defineComponent({
                 class: "name-new-change",
                 onChange: _cache[15] || (_cache[15] = ($event) => onChangeAdd($event, "is_not_fold")),
                 type: "checkbox",
-                "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => unref(state).is_not_foldChecked = $event)
+                "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => state.is_not_foldChecked = $event)
               }, null, 544), [
-                [vModelCheckbox, unref(state).is_not_foldChecked]
+                [vModelCheckbox, state.is_not_foldChecked]
               ]),
               _hoisted_10,
               createCommentVNode(' {{ $t("1.9.69") }} ')
             ], 512), [
-              [vShow, unref(state).lineType != "LINE_BREAKS"]
+              [vShow, state.lineType != "LINE_BREAKS"]
             ])
           ]),
           _: 1

package/es/packages/drag-layout/style/index.less

@@ -1,208 +1,208 @@
-.drag-layout-container {
-  width: 100%;
-  height: 100%;
-  flex: 1;
-  overflow: hidden;
-  overflow-y: auto;
-  position: relative;
-  display: flex;
-  justify-content: flex-start;
-  border: 1px solid #d2d9e8;
-  text-align: left;
-
-  .min-height {
-    height: calc(100% - 60px);
-    overflow: hidden;
-    overflow-y: auto;
-
-    li {
-      list-style: none;
-    }
-  }
-
-  .border-box {
-    position: absolute;
-    top: 0;
-    left: 30%;
-    border-left: 1px solid #d2d9e8;
-    height: 100%;
-  }
-
-  .text-area {
-    width: 30%;
-    height: 100%;
-    overflow-y: auto;
-    padding: 0 !important;
-
-    .info-header {
-      display: flex;
-      height: 50px;
-      line-height: 50px;
-      padding: 0 10px;
-      margin-bottom: 10px;
-      color: #2e2e2e;
-      font-size: 18px;
-      font-weight: bold;
-      background: #e6eaef;
-    }
-
-    .text-draggable {
-      display: flex;
-      flex-wrap: wrap;
-      justify-content: space-between;
-      align-items: flex-start;
-      padding: 0 12px 12px;
-      box-sizing: border-box;
-      align-content: flex-start;
-
-      li {
-        width: 49%;
-        text-align: center;
-      }
-    }
-  }
-
-  .form-area {
-    position: relative;
-    width: 70%;
-    height: 100%;
-    overflow-y: auto;
-    padding: 4px;
-    box-sizing: border-box;
-
-    &::-webkit-scrollbar {
-      width: 5px;
-    }
-
-    .info-header {
-      height: 50px;
-      margin-bottom: 10px;
-      background: unset;
-
-      display: flex;
-      justify-content: flex-end;
-      align-items: center;
-    }
-
-    .combination-col {
-      border: 1px solid #cdc5d3;
-      margin-bottom: 10px;
-    }
-  }
-}
-
-.dragForm-select-drop {
-  z-index: 2001;
-}
-
-.DragFormRightItem {
-  position: relative;
-
-  .is-edit-class {
-    background-color: #f5f5f5 !important;
-    border-color: #d9d9d9 !important;
-  }
-
-  .combination-item {
-    padding: 0px 8px 8px;
-
-    > div {
-      line-height: 35px;
-
-      &:hover > .form-btn {
-        display: flex;
-      }
-    }
-  }
-
-  .form-btn {
-    display: none;
-    align-items: center;
-    position: absolute;
-    top: -1px;
-    right: 0px;
-    height: 100%;
-    white-space: nowrap;
-
-    .quick-reply {
-      display: inline-block;
-      border: 1px dashed rgb(205, 197, 211);
-      font-size: 12px;
-      height: 22px;
-      line-height: 1.499;
-    }
-
-    &:deep(.n-input),
-    &:deep(.n-select) {
-      margin-left: 5px;
-    }
-
-    &:deep(.n-select) {
-      top: -3px;
-    }
-  }
-
-  .right-content {
-    border: 1px dashed rgb(205, 197, 211);
-    background: #fdfdfd;
-    height: 35px;
-    line-height: 35px;
-    padding: 0 10px;
-    position: relative;
-    margin-bottom: 10px;
-    cursor: pointer;
-
-    &:hover .form-btn {
-      display: flex;
-    }
-  }
-
-  .blue-border {
-    border: 1px solid #5585f5 !important;
-  }
-
-  .item-opacity {
-    opacity: 0.5;
-  }
-
-  .red {
-    color: red;
-  }
-}
-
-.DragFormLeftItem {
-  .left-content {
-    width: 100%;
-    margin-bottom: 16px;
-    overflow: hidden;
-    cursor: pointer;
-    color: #2e2e2e;
-
-    .style-box {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      width: 100%;
-      height: 60px;
-      padding: 0 8px;
-      box-sizing: border-box;
-      margin-bottom: 8px;
-      background: #f3f5f8;
-
-      &-input {
-        width: 85%;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        cursor: pointer !important;
-      }
-
-      input[type="radio"][disabled],
-      input[type="checkbox"][disabled],
-      input[type="radio"].disabled,
-      input[type="checkbox"].disabled {
-        cursor: pointer !important;
-      }
-    }
-  }
-}
+.drag-layout-container {
+  width: 100%;
+  height: 100%;
+  flex: 1;
+  overflow: hidden;
+  overflow-y: auto;
+  position: relative;
+  display: flex;
+  justify-content: flex-start;
+  border: 1px solid #d2d9e8;
+  text-align: left;
+
+  .min-height {
+    height: calc(100% - 60px);
+    overflow: hidden;
+    overflow-y: auto;
+
+    li {
+      list-style: none;
+    }
+  }
+
+  .border-box {
+    position: absolute;
+    top: 0;
+    left: 30%;
+    border-left: 1px solid #d2d9e8;
+    height: 100%;
+  }
+
+  .text-area {
+    width: 30%;
+    height: 100%;
+    overflow-y: auto;
+    padding: 0 !important;
+
+    .info-header {
+      display: flex;
+      height: 50px;
+      line-height: 50px;
+      padding: 0 10px;
+      margin-bottom: 10px;
+      color: #2e2e2e;
+      font-size: 18px;
+      font-weight: bold;
+      background: #e6eaef;
+    }
+
+    .text-draggable {
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: space-between;
+      align-items: flex-start;
+      padding: 0 12px 12px;
+      box-sizing: border-box;
+      align-content: flex-start;
+
+      li {
+        width: 49%;
+        text-align: center;
+      }
+    }
+  }
+
+  .form-area {
+    position: relative;
+    width: 70%;
+    height: 100%;
+    overflow-y: auto;
+    padding: 4px;
+    box-sizing: border-box;
+
+    &::-webkit-scrollbar {
+      width: 5px;
+    }
+
+    .info-header {
+      height: 50px;
+      margin-bottom: 10px;
+      background: unset;
+
+      display: flex;
+      justify-content: flex-end;
+      align-items: center;
+    }
+
+    .combination-col {
+      border: 1px solid #cdc5d3;
+      margin-bottom: 10px;
+    }
+  }
+}
+
+.dragForm-select-drop {
+  z-index: 2001;
+}
+
+.DragFormRightItem {
+  position: relative;
+
+  .is-edit-class {
+    background-color: #f5f5f5 !important;
+    border-color: #d9d9d9 !important;
+  }
+
+  .combination-item {
+    padding: 0px 8px 8px;
+
+    > div {
+      line-height: 35px;
+
+      &:hover > .form-btn {
+        display: flex;
+      }
+    }
+  }
+
+  .form-btn {
+    display: none;
+    align-items: center;
+    position: absolute;
+    top: -1px;
+    right: 0px;
+    height: 100%;
+    white-space: nowrap;
+
+    .quick-reply {
+      display: inline-block;
+      border: 1px dashed rgb(205, 197, 211);
+      font-size: 12px;
+      height: 22px;
+      line-height: 1.499;
+    }
+
+    &:deep(.n-input),
+    &:deep(.n-select) {
+      margin-left: 5px;
+    }
+
+    &:deep(.n-select) {
+      top: -3px;
+    }
+  }
+
+  .right-content {
+    border: 1px dashed rgb(205, 197, 211);
+    background: #fdfdfd;
+    height: 35px;
+    line-height: 35px;
+    padding: 0 10px;
+    position: relative;
+    margin-bottom: 10px;
+    cursor: pointer;
+
+    &:hover .form-btn {
+      display: flex;
+    }
+  }
+
+  .blue-border {
+    border: 1px solid #5585f5 !important;
+  }
+
+  .item-opacity {
+    opacity: 0.5;
+  }
+
+  .red {
+    color: red;
+  }
+}
+
+.DragFormLeftItem {
+  .left-content {
+    width: 100%;
+    margin-bottom: 16px;
+    overflow: hidden;
+    cursor: pointer;
+    color: #2e2e2e;
+
+    .style-box {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      width: 100%;
+      height: 60px;
+      padding: 0 8px;
+      box-sizing: border-box;
+      margin-bottom: 8px;
+      background: #f3f5f8;
+
+      &-input {
+        width: 85%;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        cursor: pointer !important;
+      }
+
+      input[type="radio"][disabled],
+      input[type="checkbox"][disabled],
+      input[type="radio"].disabled,
+      input[type="checkbox"].disabled {
+        cursor: pointer !important;
+      }
+    }
+  }
+}