ef-design 1.0.0 → 1.0.1

package/dist/{formDesign.es.js → design.es.js}

@@ -17,7 +17,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import require$$0$1, { reactive, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createCommentVNode, resolveComponent, createBlock, normalizeStyle, withCtx, createVNode, createTextVNode, withKeys, Fragment, renderList, renderSlot, withModifiers, resolveDirective, withDirectives, createSlots, watch, ref, onBeforeUnmount, onMounted, onUnmounted, mergeProps, resolveDynamicComponent, vShow, defineComponent, isVNode } from "vue";
+import require$$0$1, { reactive, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createCommentVNode, resolveComponent, createBlock, withCtx, createVNode, createTextVNode, withKeys, Fragment, renderList, renderSlot, normalizeStyle, withModifiers, resolveDirective, withDirectives, createSlots, watch, ref, onBeforeUnmount, onMounted, onUnmounted, mergeProps, resolveDynamicComponent, vShow, defineComponent, isVNode } from "vue";
 import { ElNotification, ElMessage } from "element-plus";
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x) {
@@ -6390,8 +6390,8 @@ const _sfc_main$38 = {
   inject: ["getBannedWidgets", "getDesignerConfig"],
   data() {
     return {
-      waitSelectValue: "",
-      selectedValue: "",
+      position1: "",
+      position2: "",
       alwaysRequire: [
         "coopName",
         "settlementCoopName",
@@ -6427,15 +6427,24 @@ const _sfc_main$38 = {
     this.loadWidgets();
   },
   mounted() {
-    this.scrollerHeight = window.innerHeight - 56 + "px";
-    addWindowResizeHandler(() => {
-      this.$nextTick(() => {
-        this.scrollerHeight = window.innerHeight - 56 + "px";
-      });
-    });
     this.initData();
   },
   methods: {
+    renderForm() {
+      this.$nextTick(() => {
+        var _a;
+        ((_a = this.selectedList) == null ? void 0 : _a.length) > 0 && this.selectedList.forEach((item) => {
+          var _a2, _b;
+          console.log(item);
+          if ((_a2 = item.widgetList) == null ? void 0 : _a2.length) {
+            console.log("--------\u5BBE\u5229", item.widgetList[0].options.name, this.alwaysRequire, this.alwaysRequire.includes(item.widgetList[0].options.name));
+            if (((_b = item.widgetList[0].options) == null ? void 0 : _b.name) && this.alwaysRequire.includes(item.widgetList[0].options.name)) {
+              item.widgetList[0].options.required = true;
+            }
+          }
+        });
+      });
+    },
     initData() {
       if (this.title.includes("\u8FDB\u53E3")) {
         this.alwaysRequire = [
@@ -6472,39 +6481,56 @@ const _sfc_main$38 = {
           "arrivalDate"
         ];
       }
+      this.renderForm();
     },
-    quickLocation(searchValue, data2, parentDivBox, type) {
-      let value2 = "";
-      if (type) {
-        data2.forEach((item) => {
+    getPosition(n, search2, arr) {
+      let id = "";
+      if (n === 2) {
+        arr.forEach((item, index2) => {
           if (item.widgetList.length) {
-            if (item.widgetList[0].options.label.indexOf(searchValue) !== -1) {
-              if (!value2) {
-                value2 = item.widgetList[0].options.name;
+            if (item.widgetList[0].options.label.includes(search2)) {
+              if (!id) {
+                id = item.widgetList[0].options.name;
               }
             }
           }
         });
-      } else {
-        data2.forEach((item) => {
-          if (item.options.label.indexOf(searchValue) !== -1) {
-            if (!value2) {
-              value2 = item.options.name;
+      }
+      if (n === 1) {
+        arr.forEach((item, index2) => {
+          if (item.options.label.includes(search2)) {
+            if (!id) {
+              id = item.options.name;
             }
           }
         });
       }
-      if (value2) {
-        let target = document.getElementById(value2);
-        let parent = document.getElementById(parentDivBox);
-        parent.scrollTo(0, target.offsetTop - parent.offsetTop);
-      }
-    },
-    waitSelectValueBlur() {
-      this.quickLocation(this.waitSelectValue, this.noSelectedList, "waitSelect", false);
+      return id;
     },
-    selectedValueBlur() {
-      this.quickLocation(this.selectedValue, this.selectedList, "selectUl", true);
+    scrollToView(n) {
+      var _a;
+      let txt = this["position" + n];
+      let arr = n === 1 ? this.noSelectedList : this.selectedList;
+      let _X_ID = this.getPosition(n, txt, arr);
+      if (n === 1 && "\u5206\u5272\u7EBF".includes(txt)) {
+        let parent = this.$refs["list_1"];
+        parent.scrollTo({
+          top: 0,
+          behavior: "smooth"
+        });
+      }
+      if (!!_X_ID) {
+        let target = document.querySelector("#" + _X_ID);
+        let parent = this.$refs["list_" + n];
+        let tTop = (target == null ? void 0 : target.offsetTop) || 0;
+        let pTop = ((_a = parent == null ? void 0 : parent.$el) == null ? void 0 : _a.offsetTop) || 0;
+        this.$nextTick(() => {
+          parent.scrollTo({
+            top: tTop - pTop - 50,
+            behavior: "smooth"
+          });
+        });
+      }
     },
     drawingItemDelete(index2, list, listKey) {
       if (list[index2].options.name === "coopName" || list[index2].options.name === "salesName" || list[index2].options.name === "expectDeparture" || list[index2].options.name === "controllerName" || list[index2].options.name === "routingPersonName" || list[index2].options.name === "servicerName") {
@@ -6638,19 +6664,24 @@ const _sfc_main$38 = {
 const _hoisted_1$D = { class: "panel-container" };
 const _hoisted_2$p = ["title", "onDblclick"];
 const _hoisted_3$l = { class: "search-item-input" };
-const _hoisted_4$e = { class: "center-box" };
+const _hoisted_4$e = {
+  class: "center-box",
+  ref: "list_1"
+};
 const _hoisted_5$c = ["title", "onDblclick", "id"];
 const _hoisted_6$b = { class: "search-item-input" };
-const _hoisted_7$8 = { class: "selected-box" };
-const _hoisted_8$5 = { id: "selectUl" };
-const _hoisted_9$3 = ["id"];
-const _hoisted_10$2 = { key: 0 };
-const _hoisted_11$2 = ["onClick"];
-const _hoisted_12$1 = {
+const _hoisted_7$8 = {
+  class: "selected-box",
+  ref: "list_2"
+};
+const _hoisted_8$5 = ["id"];
+const _hoisted_9$3 = { key: 0 };
+const _hoisted_10$2 = ["onClick"];
+const _hoisted_11$2 = {
   key: 1,
   style: { "padding": "12px" }
 };
-const _hoisted_13$1 = ["onClick"];
+const _hoisted_12$1 = ["onClick"];
 function _sfc_render$38(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_svg_icon = resolveComponent("svg-icon");
   const _component_draggable = resolveComponent("draggable");
@@ -6659,15 +6690,12 @@ function _sfc_render$38(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_button = resolveComponent("el-button");
   const _component_el_collapse = resolveComponent("el-collapse");
   const _component_el_scrollbar = resolveComponent("el-scrollbar");
-  return openBlock(), createBlock(_component_el_scrollbar, {
-    class: "side-scroll-bar",
-    style: normalizeStyle({ height: $data.scrollerHeight })
-  }, {
+  return openBlock(), createBlock(_component_el_scrollbar, { class: "side-scroll-bar" }, {
     default: withCtx(() => [
       createElementVNode("div", _hoisted_1$D, [
         createVNode(_component_el_collapse, {
           modelValue: $data.activeNames,
-          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => $data.activeNames = $event),
+          "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => $data.activeNames = $event),
           class: "widget-collapse"
         }, {
           default: withCtx(() => [
@@ -6716,12 +6744,12 @@ function _sfc_render$38(_ctx, _cache, $props, $setup, $data, $options) {
                 createElementVNode("div", _hoisted_3$l, [
                   createVNode(_component_el_input, {
                     placeholder: "\u641C\u7D22\u5173\u952E\u5B57",
-                    modelValue: $data.waitSelectValue,
-                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $data.waitSelectValue = $event),
+                    modelValue: $data.position1,
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $data.position1 = $event),
                     class: "input-with-select",
-                    onBlur: $options.waitSelectValueBlur,
-                    onKeyup: withKeys($options.waitSelectValueBlur, ["enter", "native"])
-                  }, null, 8, ["modelValue", "onBlur", "onKeyup"])
+                    onBlur: _cache[1] || (_cache[1] = ($event) => $options.scrollToView(1)),
+                    onKeyup: _cache[2] || (_cache[2] = withKeys(($event) => $options.scrollToView(1), ["enter", "native"]))
+                  }, null, 8, ["modelValue"])
                 ]),
                 createElementVNode("div", _hoisted_4$e, [
                   createVNode(_component_draggable, {
@@ -6732,17 +6760,16 @@ function _sfc_render$38(_ctx, _cache, $props, $setup, $data, $options) {
                     move: $options.checkFieldMove,
                     clone: $options.handleFieldWidgetClone,
                     "ghost-class": "ghost",
-                    sort: false,
-                    id: "waitSelect"
+                    sort: false
                   }, {
-                    item: withCtx(({ element: fld }) => {
+                    item: withCtx(({ element: fld, index: index2 }) => {
                       var _a, _b, _c;
                       return [
                         createElementVNode("li", {
                           class: "field-widget-item",
                           title: (_a = fld.options) == null ? void 0 : _a.label,
                           onDblclick: ($event) => $options.addFieldByDbClick(fld),
-                          id: (_b = fld.options) == null ? void 0 : _b.name
+                          id: ((_b = fld.options) == null ? void 0 : _b.name) || "divider"
                         }, [
                           createElementVNode("span", null, [
                             createVNode(_component_svg_icon, {
@@ -6756,7 +6783,7 @@ function _sfc_render$38(_ctx, _cache, $props, $setup, $data, $options) {
                     }),
                     _: 1
                   }, 8, ["list", "move", "clone"])
-                ])
+                ], 512)
               ]),
               _: 1
             }),
@@ -6769,30 +6796,30 @@ function _sfc_render$38(_ctx, _cache, $props, $setup, $data, $options) {
                 createElementVNode("div", _hoisted_6$b, [
                   createVNode(_component_el_input, {
                     placeholder: "\u641C\u7D22\u5173\u952E\u5B57",
-                    modelValue: $data.selectedValue,
-                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => $data.selectedValue = $event),
+                    modelValue: $data.position2,
+                    "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => $data.position2 = $event),
                     class: "input-with-select",
-                    onBlur: $options.selectedValueBlur,
-                    onKeyup: withKeys($options.selectedValueBlur, ["enter", "native"])
-                  }, null, 8, ["modelValue", "onBlur", "onKeyup"])
+                    onBlur: _cache[4] || (_cache[4] = ($event) => $options.scrollToView(2)),
+                    onKeyup: _cache[5] || (_cache[5] = withKeys(($event) => $options.scrollToView(2), ["enter", "native"]))
+                  }, null, 8, ["modelValue"])
                 ]),
                 createElementVNode("div", _hoisted_7$8, [
-                  createElementVNode("ul", _hoisted_8$5, [
+                  createElementVNode("ul", null, [
                     (openBlock(true), createElementBlock(Fragment, null, renderList($props.selectedList, (item, index2) => {
                       var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
-                      return openBlock(), createElementBlock("div", {
+                      return openBlock(), createElementBlock("p", {
                         key: index2,
-                        class: "selected-ul",
+                        class: "selected-p",
                         id: (_b = (_a = item.widgetList[0]) == null ? void 0 : _a.options) == null ? void 0 : _b.name
                       }, [
-                        item.widgetList.length > 0 ? (openBlock(), createElementBlock("li", _hoisted_10$2, [
+                        item.widgetList.length > 0 ? (openBlock(), createElementBlock("li", _hoisted_9$3, [
                           createElementVNode("span", null, [
                             $data.alwaysRequire.indexOf((_d = (_c = item.widgetList[0]) == null ? void 0 : _c.options) == null ? void 0 : _d.name) == -1 ? (openBlock(), createElementBlock("img", {
                               key: 0,
                               class: "del-img",
                               src: _imports_0,
                               onClick: ($event) => $options.drawingItemDelete(index2, $props.selectedList, "formDataNoselected")
-                            }, null, 8, _hoisted_11$2)) : (openBlock(), createElementBlock("span", _hoisted_12$1)),
+                            }, null, 8, _hoisted_10$2)) : (openBlock(), createElementBlock("span", _hoisted_11$2)),
                             createTextVNode(" " + toDisplayString((_f = (_e = item.widgetList[0]) == null ? void 0 : _e.options) == null ? void 0 : _f.label), 1)
                           ]),
                           createElementVNode("span", null, [
@@ -6805,7 +6832,7 @@ function _sfc_render$38(_ctx, _cache, $props, $setup, $data, $options) {
                               }),
                               onClick: ($event) => $options.setRequired(item, index2)
                             }, {
-                              default: withCtx(() => _cache[3] || (_cache[3] = [
+                              default: withCtx(() => _cache[7] || (_cache[7] = [
                                 createTextVNode(" \u5FC5\u586B ")
                               ])),
                               _: 2
@@ -6818,7 +6845,7 @@ function _sfc_render$38(_ctx, _cache, $props, $setup, $data, $options) {
                               }),
                               onClick: ($event) => $options.setRemind(item, index2)
                             }, {
-                              default: withCtx(() => _cache[4] || (_cache[4] = [
+                              default: withCtx(() => _cache[8] || (_cache[8] = [
                                 createTextVNode(" \u63D0\u9192 ")
                               ])),
                               _: 2
@@ -6832,7 +6859,7 @@ function _sfc_render$38(_ctx, _cache, $props, $setup, $data, $options) {
                                 class: "del-img",
                                 src: _imports_0,
                                 onClick: ($event) => $options.drawingItemDelete(index1, item.options.children, "children")
-                              }, null, 8, _hoisted_13$1),
+                              }, null, 8, _hoisted_12$1),
                               createTextVNode(" " + toDisplayString(item1.options.label), 1)
                             ]),
                             createElementVNode("span", null, [
@@ -6844,7 +6871,7 @@ function _sfc_render$38(_ctx, _cache, $props, $setup, $data, $options) {
                                 }),
                                 onClick: ($event) => $options.setRequired(item1, index1)
                               }, {
-                                default: withCtx(() => _cache[5] || (_cache[5] = [
+                                default: withCtx(() => _cache[9] || (_cache[9] = [
                                   createTextVNode(" \u5FC5\u586B ")
                                 ])),
                                 _: 2
@@ -6852,10 +6879,10 @@ function _sfc_render$38(_ctx, _cache, $props, $setup, $data, $options) {
                             ])
                           ]);
                         }), 128)) : createCommentVNode("", true)
-                      ], 8, _hoisted_9$3);
+                      ], 8, _hoisted_8$5);
                     }), 128))
                   ])
-                ])
+                ], 512)
               ]),
               _: 1
             })
@@ -6865,9 +6892,9 @@ function _sfc_render$38(_ctx, _cache, $props, $setup, $data, $options) {
       ])
     ]),
     _: 1
-  }, 8, ["style"]);
+  });
 }
-var WidgetPanel = /* @__PURE__ */ _export_sfc$1(_sfc_main$38, [["render", _sfc_render$38], ["__scopeId", "data-v-6b678314"]]);
+var WidgetPanel = /* @__PURE__ */ _export_sfc$1(_sfc_main$38, [["render", _sfc_render$38], ["__scopeId", "data-v-39d7a0e8"]]);
 var emitter = {
   data() {
     return {
@@ -23132,8 +23159,8 @@ var ContainerItems = {
 };
 var index_vue_vue_type_style_index_0_scoped_true_lang$5 = "";
 const _sfc_main$2C = {
-  name: "VFormRender",
-  componentName: "VFormRender",
+  name: "FormRender",
+  componentName: "FormRender",
   mixins: [emitter, i18n$1],
   components: __spreadValues({}, comps$1),
   props: {
@@ -23714,7 +23741,7 @@ function _sfc_render$2C(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["label-position", "size", "class", "label-width", "model"]);
 }
-var FormRender = /* @__PURE__ */ _export_sfc$1(_sfc_main$2C, [["render", _sfc_render$2C], ["__scopeId", "data-v-5ad82756"]]);
+var FormRender = /* @__PURE__ */ _export_sfc$1(_sfc_main$2C, [["render", _sfc_render$2C], ["__scopeId", "data-v-1bb4cc1a"]]);
 var ace$2 = { exports: {} };
 (function(module, exports) {
   (function() {
@@ -48472,15 +48499,15 @@ const genScopedCSS = function(formConfig2, vue3Flag = false) {
   div.tab-container {
   }
   
-  .label-left-align ${!!vue3Flag ? `:deep(.el-form-item__label)` : `::v-deep .el-form-item__label`} {
+  .label-left-align ${!!vue3Flag ? `:deep(.el-form-item__label)` : `:deep(.el-form-item__label)`} {
     text-align: left;
   }
 
-  .label-center-align ${!!vue3Flag ? `:deep(.el-form-item__label)` : `::v-deep .el-form-item__label`} {
+  .label-center-align ${!!vue3Flag ? `:deep(.el-form-item__label)` : `:deep(.el-form-item__label)`} {
     text-align: center;
   }
 
-  .label-right-align ${!!vue3Flag ? `:deep(.el-form-item__label)` : `::v-deep .el-form-item__label`} {
+  .label-right-align ${!!vue3Flag ? `:deep(.el-form-item__label)` : `:deep(.el-form-item__label)`} {
     text-align: right;
   }
   
@@ -48492,7 +48519,7 @@ const genScopedCSS = function(formConfig2, vue3Flag = false) {
     display: flex;
     align-items: center;
 
-    ${!!vue3Flag ? `:deep(.el-divider--horizontal)` : `::v-deep .el-divider--horizontal`} {
+    ${!!vue3Flag ? `:deep(.el-divider--horizontal)` : `:deep(.el-divider--horizontal)`} {
       margin: 0;
     }
   }`;
@@ -52036,7 +52063,7 @@ function _sfc_render$1L(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["label"])) : createCommentVNode("", true);
 }
-var textAlignEditor = /* @__PURE__ */ _export_sfc$1(_sfc_main$1L, [["render", _sfc_render$1L], ["__scopeId", "data-v-7454a9b8"]]);
+var textAlignEditor = /* @__PURE__ */ _export_sfc$1(_sfc_main$1L, [["render", _sfc_render$1L], ["__scopeId", "data-v-f9cc7378"]]);
 var __glob_0_51 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   "default": textAlignEditor
@@ -59532,55 +59559,42 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_v_form_widget = resolveComponent("v-form-widget");
   const _component_el_scrollbar = resolveComponent("el-scrollbar");
   const _component_el_main = resolveComponent("el-main");
-  const _component_el_container = resolveComponent("el-container");
   const _component_widget_panel = resolveComponent("widget-panel");
   const _component_el_aside = resolveComponent("el-aside");
-  return openBlock(), createBlock(_component_el_container, { class: "main-container full-height" }, {
+  const _component_el_container = resolveComponent("el-container");
+  return openBlock(), createBlock(_component_el_container, { class: "main-container full-height main-design" }, {
     default: withCtx(() => [
-      createVNode(_component_el_container, null, {
+      createVNode(_component_el_main, { class: "form-widget-main main-design-left" }, {
         default: withCtx(() => [
-          createVNode(_component_el_container, { class: "center-layout-container" }, {
-            default: withCtx(() => [
-              createVNode(_component_el_main, { class: "form-widget-main" }, {
-                default: withCtx(() => [
-                  createVNode(_component_el_scrollbar, {
-                    class: "container-scroll-bar",
-                    style: normalizeStyle({ height: $data.scrollerHeight })
-                  }, {
-                    default: withCtx(() => [
-                      createVNode(_component_v_form_widget, {
-                        designer: $data.designer,
-                        "form-config": $data.designer.formConfig,
-                        "global-dsv": $props.globalDsv,
-                        ref: "formRef"
-                      }, null, 8, ["designer", "form-config", "global-dsv"])
-                    ]),
-                    _: 1
-                  }, 8, ["style"])
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }),
-          createVNode(_component_el_aside, { class: "side-panel" }, {
+          createVNode(_component_el_scrollbar, { class: "container-scroll-bar" }, {
             default: withCtx(() => [
-              createVNode(_component_widget_panel, {
+              createVNode(_component_v_form_widget, {
                 designer: $data.designer,
-                "selected-list": $data.selectedList,
-                "no-selected-list": $data.noSelectedList
-              }, null, 8, ["designer", "selected-list", "no-selected-list"])
+                "form-config": $data.designer.formConfig,
+                "global-dsv": $props.globalDsv,
+                ref: "formRef"
+              }, null, 8, ["designer", "form-config", "global-dsv"])
             ]),
             _: 1
           })
         ]),
         _: 1
+      }),
+      createVNode(_component_el_aside, { class: "side-panel main-design-right" }, {
+        default: withCtx(() => [
+          createVNode(_component_widget_panel, {
+            designer: $data.designer,
+            "selected-list": $data.selectedList,
+            "no-selected-list": $data.noSelectedList
+          }, null, 8, ["designer", "selected-list", "no-selected-list"])
+        ]),
+        _: 1
       })
     ]),
     _: 1
   });
 }
-var FormDesign = /* @__PURE__ */ _export_sfc$1(_sfc_main$c, [["render", _sfc_render$c], ["__scopeId", "data-v-3dfcc33b"]]);
+var FormDesign = /* @__PURE__ */ _export_sfc$1(_sfc_main$c, [["render", _sfc_render$c], ["__scopeId", "data-v-03ef212d"]]);
 var vuedraggable_umd = { exports: {} };
 /**!
  * Sortable 1.14.0
@@ -65504,13 +65518,13 @@ function registerIcon(app) {
 if (typeof window !== "undefined") {
   let loadSvg = function() {
     var body = document.body;
-    var svgDom = document.getElementById("__svg__icons__dom__1726122375161__");
+    var svgDom = document.getElementById("__svg__icons__dom__1726211813252__");
     if (!svgDom) {
       svgDom = document.createElementNS("http://www.w3.org/2000/svg", "svg");
       svgDom.style.position = "absolute";
       svgDom.style.width = "0";
       svgDom.style.height = "0";
-      svgDom.id = "__svg__icons__dom__1726122375161__";
+      svgDom.id = "__svg__icons__dom__1726211813252__";
       svgDom.setAttribute("xmlns", "http://www.w3.org/2000/svg");
       svgDom.setAttribute("xmlns:link", "http://www.w3.org/1999/xlink");
     }