page-schema-enginer-shun 1.0.19 → 1.1.0

package/dist/index.es.js

@@ -1,7 +1,7 @@
-import { defineComponent, inject, ref as ref$1, watch, onMounted, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, toDisplayString, unref, mergeProps, withCtx, Fragment, renderList, createBlock, createTextVNode, provide, resolveDynamicComponent, toRefs, computed, resolveDirective, withDirectives, nextTick, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import { defineComponent, inject, ref as ref$1, watch, onMounted, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, toDisplayString, unref, mergeProps, withCtx, Fragment, renderList, createBlock, createTextVNode, computed, provide, resolveDynamicComponent, toRefs, resolveDirective, withDirectives, nextTick, renderSlot, normalizeProps, guardReactiveProps } from "vue";
 import { useRouter, useRoute } from "vue-router";
 import { defineStore } from "pinia";
-import { ElInput, ElRadioGroup, ElRadio, ElInputNumber, ElSelect, ElOption, ElDialog, ElButton, ElNotification, ElTable, ElTableColumn, ElPagination, ElMessage, ElRow, ElForm, ElFormItem, ElMessageBox } from "element-plus";
+import { ElInput, ElRadioGroup, ElRadio, ElInputNumber, ElSelect, ElOption, ElMessage, ElDialog, ElButton, ElNotification, ElTable, ElTableColumn, ElPagination, ElRow, ElForm, ElFormItem, ElMessageBox } from "element-plus";
 function _mergeNamespaces(n, m) {
   for (var i = 0; i < m.length; i++) {
     const e = m[i];
@@ -242,6 +242,15 @@ const _sfc_main$d = /* @__PURE__ */ 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" };
@@ -253,20 +262,102 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     const selectData = ref$1();
     const enumerate = ref$1([]);
     const tip = ref$1();
+    const loading = ref$1(false);
+    const isRemote = computed(() => {
+      var _a;
+      return !!((_a = __props.schema.option) == null ? void 0 : _a.remote);
+    });
+    const bindAttrs = 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
+      };
+    });
     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);
+        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) {
@@ -290,11 +381,14 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1$8, [
         createElementVNode("div", _hoisted_2$2, [
           createElementVNode("span", _hoisted_3$1, toDisplayString(__props.schema.label), 1),
-          createVNode(unref(ElSelect), {
+          createVNode(unref(ElSelect), 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: withCtx(() => [
               (openBlock(true), createElementBlock(Fragment, null, renderList(enumerate.value, (item) => {
                 return openBlock(), createBlock(unref(ElOption), {
@@ -305,14 +399,14 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
               }), 128))
             ]),
             _: 1
-          }, 8, ["modelValue"]),
+          }, 16, ["modelValue", "remote", "filterable"]),
           tip.value ? (openBlock(), createElementBlock("div", _hoisted_4, toDisplayString(tip.value), 1)) : 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
@@ -6523,7 +6617,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
         (openBlock(true), createElementBlock(Fragment, null, renderList(__props.schema.properties, (value, key) => {
           var _a, _b;
           return openBlock(), createElementBlock(Fragment, { key }, [
-            resolveFormItemComponent((_a = value.option) == null ? void 0 : _a.comType) ? (openBlock(), createBlock(resolveDynamicComponent(resolveFormItemComponent((_b = value.option) == null ? void 0 : _b.comType)), {
+            resolveFormItemComponent((_a = value.option) == null ? void 0 : _a.comType) ? (openBlock(), createBlock(resolveDynamicComponent(resolveFormItemComponent((_b = value.option) == null ? void 0 : _b.comType)), mergeProps({
               key: 0,
               ref_for: true,
               ref_key: "formItemListRef",
@@ -6531,23 +6625,14 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
               model: __props.model ? __props.model[key] : void 0,
               ItemKey: key,
               schema: value
-            }, null, 8, ["model", "ItemKey", "schema"])) : createCommentVNode("", true)
+            }, { ref_for: true }, value.option), null, 16, ["model", "ItemKey", "schema"])) : createCommentVNode("", true)
           ], 64);
         }), 128))
       ])) : 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__ */ defineComponent({
   __name: "createForm",
@@ -7149,15 +7234,16 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               var _a2;
               return [
                 (openBlock(true), createElementBlock(Fragment, null, renderList((_a2 = unref(tableConfig2)) == null ? void 0 : _a2.headerButtons, (buttonItem) => {
-                  return openBlock(), createBlock(unref(ElButton), {
-                    key: buttonItem.eventKey,
+                  return openBlock(), createBlock(unref(ElButton), mergeProps({
+                    key: buttonItem.eventKey
+                  }, { ref_for: true }, buttonItem == null ? void 0 : buttonItem.eventOption, {
                     onClick: ($event) => onOperate({ btnConfig: buttonItem })
-                  }, {
+                  }), {
                     default: withCtx(() => [
                       createTextVNode(toDisplayString(buttonItem.label), 1)
                     ]),
                     _: 2
-                  }, 1032, ["onClick"]);
+                  }, 1040, ["onClick"]);
                 }), 128))
               ];
             }),
@@ -7182,7 +7268,7 @@ const _sfc_main$4 = /* @__PURE__ */ 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__ */ defineComponent({
   __name: "input",
   props: {