yuanjia-form-pro-standard 1.1.6-beta6.7 → 1.1.6-beta6.8

package/designer.es.js

@@ -210793,10 +210793,12 @@ const _sfc_main$46 = {
   data() {
     return {
       optionList: [],
-      headers: {}
+      headers: {},
+      loading: false
     };
   },
   created() {
+    this.loadFormList();
   },
   mounted() {
     const token = almLocalStorage.getItem("token");
@@ -210809,18 +210811,30 @@ const _sfc_main$46 = {
       headers["X-Authorization"] = "Bearer " + rToken;
     }
     this.headers = headers;
-    const url = commonGETUrlTranslation("formset/formset_construct_manage", { PageIndex: 1, PageSize: 100 });
-    axios$1.get(url, { headers }).then((res) => {
-      var _a2, _b2, _c2;
-      this.optionList = (_c2 = (_b2 = (_a2 = res == null ? void 0 : res.data) == null ? void 0 : _a2.Data) == null ? void 0 : _b2.Items) == null ? void 0 : _c2.map((item) => ({
-        label: item == null ? void 0 : item.name,
-        value: item == null ? void 0 : item.id
-      }));
-    }).catch((error2) => {
-      this.$message.error(this.i18nt("designer.hint.loadFormTemplateFailed") + ":" + error2);
-    });
   },
   methods: {
+    loadFormList(keywords2 = "") {
+      const params = { PageIndex: 1, PageSize: 100 };
+      if (keywords2) {
+        params.keywords = keywords2;
+      }
+      const url = commonGETUrlTranslation("formset/formset_construct_manage", params);
+      this.loading = true;
+      axios$1.get(url, { headers: this.headers }).then((res) => {
+        var _a2, _b2, _c2;
+        this.optionList = ((_c2 = (_b2 = (_a2 = res == null ? void 0 : res.data) == null ? void 0 : _a2.Data) == null ? void 0 : _b2.Items) == null ? void 0 : _c2.map((item) => ({
+          label: item == null ? void 0 : item.name,
+          value: item == null ? void 0 : item.id
+        }))) || [];
+        this.loading = false;
+      }).catch((error2) => {
+        this.$message.error(this.i18nt("designer.hint.loadFormTemplateFailed") + ":" + error2);
+        this.loading = false;
+      });
+    },
+    remoteSearch: _.debounce(function(query) {
+      this.loadFormList(query);
+    }, 300),
     handleChange(val) {
       var _a2;
       console.log(this.optionModel, val, "optionModel");
@@ -210843,6 +210857,9 @@ function _sfc_render$46(_ctx, _cache, $props, $setup, $data, $options) {
         modelValue: $props.optionModel.childFormKey,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $props.optionModel.childFormKey = $event),
         filterable: "",
+        remote: "",
+        "remote-method": $options.remoteSearch,
+        loading: $data.loading,
         "allow-create": "",
         onChange: $options.handleChange
       }, {
@@ -210856,7 +210873,7 @@ function _sfc_render$46(_ctx, _cache, $props, $setup, $data, $options) {
           }), 128))
         ]),
         _: 1
-      }, 8, ["modelValue", "onChange"])
+      }, 8, ["modelValue", "remote-method", "loading", "onChange"])
     ]),
     _: 1
   }, 8, ["label"]);
@@ -236451,13 +236468,13 @@ var Draggable = /* @__PURE__ */ getDefaultExportFromCjs(vuedraggable_umd.exports
 if (typeof window !== "undefined") {
   let loadSvg = function() {
     var body = document.body;
-    var svgDom = document.getElementById("__svg__icons__dom__1767775095580__");
+    var svgDom = document.getElementById("__svg__icons__dom__1768267384727__");
     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__1767775095580__";
+      svgDom.id = "__svg__icons__dom__1768267384727__";
       svgDom.setAttribute("xmlns", "http://www.w3.org/2000/svg");
       svgDom.setAttribute("xmlns:link", "http://www.w3.org/1999/xlink");
     }