page-schema-enginer-shun 1.0.19 → 1.1.0

package/dist/index.cjs.js

@@ -244,6 +244,15 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const inputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-87d45394"]]);
+let requestFn = null;
+function setRequestClient(fn) {
+  requestFn = fn;
+}
+function request(options) {
+  if (!requestFn) throw new Error("请先使用 setRequestClient 注册请求客户端");
+  console.log("requestrequestrequest");
+  return requestFn(options);
+}
 const _hoisted_1$8 = { class: "schema-form-select-container" };
 const _hoisted_2$2 = { class: "schema-form-select" };
 const _hoisted_3$1 = { class: "schema-form-select-label" };
@@ -255,20 +264,102 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
     const selectData = vue.ref();
     const enumerate = vue.ref([]);
     const tip = vue.ref();
+    const loading = vue.ref(false);
+    const isRemote = vue.computed(() => {
+      var _a;
+      return !!((_a = __props.schema.option) == null ? void 0 : _a.remote);
+    });
+    const bindAttrs = vue.computed(() => {
+      var _a;
+      const defaultProps = {
+        placeholder: "请选择",
+        clearable: true
+      };
+      if ((_a = __props.schema.option) == null ? void 0 : _a.props) {
+        return { ...defaultProps, ...__props.schema.option.props };
+      }
+      const { api, enumList, default: def2, remote, ...rest } = __props.schema.option || {};
+      return {
+        ...defaultProps,
+        ...rest
+      };
+    });
     vue.watch(
       () => __props.model,
       () => {
-        buildData();
+        var _a;
+        if (!loading.value) {
+          selectData.value = __props.model ?? ((_a = __props.schema.option) == null ? void 0 : _a.default);
+        }
       }
     );
     const getValue = () => {
       return selectData.value !== void 0 ? { [__props.ItemKey]: selectData.value } : {};
     };
-    const buildData = () => {
+    const fetchOptions = async (query = "") => {
       var _a, _b;
+      const apiConfig = (_a = __props.schema.option) == null ? void 0 : _a.api;
+      if (!apiConfig || !apiConfig.url) return;
+      loading.value = true;
+      try {
+        const params = { ...apiConfig.params || {} };
+        if (isRemote.value) {
+          const searchKey = apiConfig.searchKey || "keyword";
+          params[searchKey] = query;
+        }
+        const res = await request({
+          url: apiConfig.url,
+          method: apiConfig.method || "get",
+          params: apiConfig.method === "post" ? void 0 : params,
+          data: apiConfig.method === "post" ? params : void 0
+        });
+        let list = [];
+        if (Array.isArray(res)) {
+          list = res;
+        } else if ((res == null ? void 0 : res.data) && Array.isArray(res.data)) {
+          list = res.data;
+        } else if (((_b = res == null ? void 0 : res.data) == null ? void 0 : _b.list) && Array.isArray(res.data.list)) {
+          list = res.data.list;
+        } else if ((res == null ? void 0 : res.list) && Array.isArray(res.list)) {
+          list = res.list;
+        }
+        const labelKey = apiConfig.labelKey || "label";
+        const valueKey = apiConfig.valueKey || "value";
+        enumerate.value = list.map((item) => ({
+          label: item[labelKey],
+          value: item[valueKey],
+          original: item
+        }));
+      } catch (error2) {
+        console.error("Select options load failed:", error2);
+        elementPlus.ElMessage.error(error2.message || "加载选项数据失败");
+        enumerate.value = [];
+      } finally {
+        loading.value = false;
+      }
+    };
+    let timer = null;
+    const remoteMethod = (query) => {
+      if (timer) clearTimeout(timer);
+      timer = setTimeout(() => {
+        fetchOptions(query);
+      }, 300);
+    };
+    const handleFocus = () => {
+      var _a;
+      if (!isRemote.value && ((_a = __props.schema.option) == null ? void 0 : _a.api) && enumerate.value.length === 0) {
+        fetchOptions();
+      }
+    };
+    const buildData = async () => {
+      var _a, _b, _c;
       tip.value = null;
-      enumerate.value = ((_a = __props.schema.option) == null ? void 0 : _a.enumList) || [];
-      selectData.value = __props.model ?? ((_b = __props.schema.option) == null ? void 0 : _b.default);
+      selectData.value = __props.model ?? ((_a = __props.schema.option) == null ? void 0 : _a.default);
+      if ((_b = __props.schema.option) == null ? void 0 : _b.api) {
+        await fetchOptions("");
+      } else {
+        enumerate.value = ((_c = __props.schema.option) == null ? void 0 : _c.enumList) || [];
+      }
     };
     const valid = () => {
       if (selectData.value !== void 0) {
@@ -292,11 +383,14 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, [
         vue.createElementVNode("div", _hoisted_2$2, [
           vue.createElementVNode("span", _hoisted_3$1, vue.toDisplayString(__props.schema.label), 1),
-          vue.createVNode(vue.unref(elementPlus.ElSelect), {
+          vue.createVNode(vue.unref(elementPlus.ElSelect), vue.mergeProps(bindAttrs.value, {
             modelValue: selectData.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectData.value = $event),
-            placeholder: "请选择"
-          }, {
+            remote: isRemote.value,
+            filterable: isRemote.value || bindAttrs.value.filterable,
+            "remote-method": remoteMethod,
+            onFocus: handleFocus
+          }), {
             default: vue.withCtx(() => [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(enumerate.value, (item) => {
                 return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElOption), {
@@ -307,14 +401,14 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
               }), 128))
             ]),
             _: 1
-          }, 8, ["modelValue"]),
+          }, 16, ["modelValue", "remote", "filterable"]),
           tip.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, vue.toDisplayString(tip.value), 1)) : vue.createCommentVNode("", true)
         ])
       ]);
     };
   }
 });
-const select = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-3518f453"]]);
+const select = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-97c33367"]]);
 const formItemConfig = {
   input: {
     component: input
@@ -6525,7 +6619,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.schema.properties, (value, key) => {
           var _a, _b;
           return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key }, [
-            resolveFormItemComponent((_a = value.option) == null ? void 0 : _a.comType) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(resolveFormItemComponent((_b = value.option) == null ? void 0 : _b.comType)), {
+            resolveFormItemComponent((_a = value.option) == null ? void 0 : _a.comType) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(resolveFormItemComponent((_b = value.option) == null ? void 0 : _b.comType)), vue.mergeProps({
               key: 0,
               ref_for: true,
               ref_key: "formItemListRef",
@@ -6533,23 +6627,14 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
               model: __props.model ? __props.model[key] : void 0,
               ItemKey: key,
               schema: value
-            }, null, 8, ["model", "ItemKey", "schema"])) : vue.createCommentVNode("", true)
+            }, { ref_for: true }, value.option), null, 16, ["model", "ItemKey", "schema"])) : vue.createCommentVNode("", true)
           ], 64);
         }), 128))
       ])) : vue.createCommentVNode("", true);
     };
   }
 });
-const schemaForm = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-eb150555"]]);
-let requestFn = null;
-function setRequestClient(fn) {
-  requestFn = fn;
-}
-function request(options) {
-  if (!requestFn) throw new Error("请先使用 setRequestClient 注册请求客户端");
-  console.log("requestrequestrequest");
-  return requestFn(options);
-}
+const schemaForm = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-cc1d8aee"]]);
 const _hoisted_1$6 = { class: "createForm" };
 const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
   __name: "createForm",
@@ -7151,15 +7236,16 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
               var _a2;
               return [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList((_a2 = vue.unref(tableConfig2)) == null ? void 0 : _a2.headerButtons, (buttonItem) => {
-                  return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElButton), {
-                    key: buttonItem.eventKey,
+                  return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElButton), vue.mergeProps({
+                    key: buttonItem.eventKey
+                  }, { ref_for: true }, buttonItem == null ? void 0 : buttonItem.eventOption, {
                     onClick: ($event) => onOperate({ btnConfig: buttonItem })
-                  }, {
+                  }), {
                     default: vue.withCtx(() => [
                       vue.createTextVNode(vue.toDisplayString(buttonItem.label), 1)
                     ]),
                     _: 2
-                  }, 1032, ["onClick"]);
+                  }, 1040, ["onClick"]);
                 }), 128))
               ];
             }),
@@ -7184,7 +7270,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const tablePanel = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-34ee246e"]]);
+const tablePanel = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-2f2f7b58"]]);
 const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
   __name: "input",
   props: {