@maxax/ui 1.1.12 → 1.1.13

package/dist/index.mjs

@@ -7379,6 +7379,56 @@ const basicCheckboxGroupProps = {
   showCheckboxAll: {
     type: Boolean,
     default: true
+  },
+  labelField: {
+    type: [String, Number, Function],
+    default: "label"
+  },
+  valueField: {
+    type: [String, Number, Function],
+    default: "value"
+  },
+  // 立即请求接口
+  immediate: {
+    type: Boolean,
+    default: true
+  },
+  // 接口请求对象
+  api: {
+    type: Function,
+    default: void 0
+  },
+  // 动态请求
+  dynamicApi: {
+    type: Function,
+    default: void 0
+  },
+  // 请求之前处理参数
+  beforeFetch: {
+    type: Function,
+    default: void 0
+  },
+  // 自定义处理接口返回参数
+  afterFetch: {
+    type: Function,
+    default: void 0
+  },
+  // 查询条件请求之前处理
+  handleSearchInfoFn: {
+    type: Function,
+    default: void 0
+  },
+  // 额外的请求参数
+  searchInfo: {
+    type: Object,
+    default: () => ({})
+  },
+  // 请求接口配置
+  fetchSetting: {
+    type: Object,
+    default: () => ({
+      listField: "resultList"
+    })
   }
 };
 function _isSlot$2(s) {
@@ -7412,19 +7462,33 @@ const BasicCheckboxGroup = /* @__PURE__ */ defineComponent({
     const {
       disabled
     } = toRefs(props);
+    const loading = ref(false);
+    const dataSourceRef = ref([]);
+    const rawDataSourceRef = ref({});
+    const searchInfoRef = ref({});
     const $value = ref(props.defaultValue);
     const computedValue = computed(() => isArray(props.value) ? props.value : $value.value);
     const isMaxed = computed(() => props.max === void 0 ? false : computedValue.value.length >= props.max);
     const options = computed(() => {
       var _a;
-      return ((_a = props.options) != null ? _a : []).map((option) => {
+      const {
+        labelField,
+        valueField
+      } = props;
+      const source = (_a = dataSourceRef.value && dataSourceRef.value.length > 0 ? dataSourceRef.value : props.options) != null ? _a : [];
+      return source.map((option) => {
         if (isString(option) || isNumber(option)) {
           return {
             label: option,
             value: option
           };
         }
-        return option;
+        const opt = option;
+        return {
+          ...opt,
+          label: getValueKey(labelField, opt),
+          value: getValueKey(valueField, opt)
+        };
       });
     });
     const allChecked = ref(false);
@@ -7449,6 +7513,52 @@ const BasicCheckboxGroup = /* @__PURE__ */ defineComponent({
       emit("all-change", newValue, e);
     };
     const cls = computed(() => [b(), is(`direction-${props.direction}`)]);
+    watch(() => props.searchInfo, () => {
+      fetch2();
+    }, {
+      deep: true,
+      immediate: props.immediate
+    });
+    async function fetch2(opt) {
+      const {
+        api,
+        dynamicApi,
+        searchInfo,
+        fetchSetting,
+        beforeFetch,
+        afterFetch,
+        handleSearchInfoFn
+      } = props;
+      if (!api && !dynamicApi || loading.value) return;
+      try {
+        loading.value = true;
+        const {
+          listField
+        } = {
+          listField: "resultList",
+          ...fetchSetting
+        };
+        const searchInfoParams = handleSearchInfoFn ? handleSearchInfoFn() : {};
+        let params = merge(searchInfoParams, searchInfo, opt != null ? opt : {});
+        if (beforeFetch && isFunction(beforeFetch)) {
+          params = await beforeFetch(params) || params;
+        }
+        searchInfoRef.value = params;
+        const apiFn = api || (dynamicApi == null ? void 0 : dynamicApi(params));
+        const res = await (apiFn == null ? void 0 : apiFn(params));
+        rawDataSourceRef.value = res.data;
+        const isArrayResult = Array.isArray(res.data);
+        let resultItems = isArrayResult ? res.data : get(res.data, listField);
+        if (afterFetch && isFunction(afterFetch)) {
+          resultItems = await afterFetch(resultItems) || resultItems;
+        }
+        dataSourceRef.value = resultItems;
+      } catch (error) {
+        console.error(error);
+      } finally {
+        loading.value = false;
+      }
+    }
     watch(() => props.value, (curValue) => {
       if (isArray(curValue)) {
         $value.value = [...curValue];
@@ -8683,6 +8793,56 @@ const basicRadioGroupProps = {
     type: Array,
     default: () => []
   },
+  labelField: {
+    type: [String, Number, Function],
+    default: "label"
+  },
+  valueField: {
+    type: [String, Number, Function],
+    default: "value"
+  },
+  // 立即请求接口
+  immediate: {
+    type: Boolean,
+    default: true
+  },
+  // 接口请求对象
+  api: {
+    type: Function,
+    default: void 0
+  },
+  // 动态请求
+  dynamicApi: {
+    type: Function,
+    default: void 0
+  },
+  // 请求之前处理参数
+  beforeFetch: {
+    type: Function,
+    default: void 0
+  },
+  // 自定义处理接口返回参数
+  afterFetch: {
+    type: Function,
+    default: void 0
+  },
+  // 查询条件请求之前处理
+  handleSearchInfoFn: {
+    type: Function,
+    default: void 0
+  },
+  // 额外的请求参数
+  searchInfo: {
+    type: Object,
+    default: () => ({})
+  },
+  // 请求接口配置
+  fetchSetting: {
+    type: Object,
+    default: () => ({
+      listField: "resultList"
+    })
+  },
   "onUpdate:value": {
     type: Function,
     default: void 0
@@ -8706,6 +8866,10 @@ const BasicRadioGroup = /* @__PURE__ */ defineComponent({
       b,
       m
     } = useNamespace("basic-radio-group");
+    const loading = ref(false);
+    const dataSourceRef = ref([]);
+    const rawDataSourceRef = ref({});
+    const searchInfoRef = ref({});
     const uncontrolledValueRef = ref(props.defaultValue);
     const controlledValueRef = toRef(props, "value");
     const mergedValueRef = useMergedState$1(controlledValueRef, uncontrolledValueRef);
@@ -8714,20 +8878,76 @@ const BasicRadioGroup = /* @__PURE__ */ defineComponent({
     } = toRefs(props);
     const options = computed(() => {
       var _a;
-      return ((_a = props.options) != null ? _a : []).map((option) => {
+      const {
+        labelField,
+        valueField
+      } = props;
+      const source = (_a = dataSourceRef.value && dataSourceRef.value.length > 0 ? dataSourceRef.value : props.options) != null ? _a : [];
+      return source.map((option) => {
         if (isString(option) || isNumber(option)) {
           return {
             label: option,
             value: option
           };
         }
-        return option;
+        const opt = option;
+        return {
+          ...opt,
+          label: getValueKey(labelField, opt),
+          value: getValueKey(valueField, opt)
+        };
       });
     });
     const cls = computed(() => [`${b()}`, {
       [`${m(props.size)}`]: props.size,
       [`${m("disabled")}`]: disabled.value
     }]);
+    watch(() => props.searchInfo, () => {
+      fetch2();
+    }, {
+      deep: true,
+      immediate: props.immediate
+    });
+    async function fetch2(opt) {
+      const {
+        api,
+        dynamicApi,
+        searchInfo,
+        fetchSetting,
+        beforeFetch,
+        afterFetch,
+        handleSearchInfoFn
+      } = props;
+      if (!api && !dynamicApi || loading.value) return;
+      try {
+        loading.value = true;
+        const {
+          listField
+        } = {
+          listField: "resultList",
+          ...fetchSetting
+        };
+        const searchInfoParams = handleSearchInfoFn ? handleSearchInfoFn() : {};
+        let params = merge(searchInfoParams, searchInfo, opt != null ? opt : {});
+        if (beforeFetch && isFunction(beforeFetch)) {
+          params = await beforeFetch(params) || params;
+        }
+        searchInfoRef.value = params;
+        const apiFn = api || (dynamicApi == null ? void 0 : dynamicApi(params));
+        const res = await (apiFn == null ? void 0 : apiFn(params));
+        rawDataSourceRef.value = res.data;
+        const isArrayResult = Array.isArray(res.data);
+        let resultItems = isArrayResult ? res.data : get(res.data, listField);
+        if (afterFetch && isFunction(afterFetch)) {
+          resultItems = await afterFetch(resultItems) || resultItems;
+        }
+        dataSourceRef.value = resultItems;
+      } catch (error) {
+        console.error(error);
+      } finally {
+        loading.value = false;
+      }
+    }
     const handleChange = (value) => {
       if (props.disabled) return;
       const {