@maxax/ui 1.1.12 → 1.1.14

package/dist/index.cjs

@@ -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) {
@@ -7400,7 +7450,8 @@ const BasicCheckboxGroup = /* @__PURE__ */ vue.defineComponent({
   },
   setup(props, {
     emit,
-    slots
+    slots,
+    expose
   }) {
     const {
       b,
@@ -7412,19 +7463,33 @@ const BasicCheckboxGroup = /* @__PURE__ */ vue.defineComponent({
     const {
       disabled
     } = vue.toRefs(props);
+    const loading = vue.ref(false);
+    const dataSourceRef = vue.ref([]);
+    const rawDataSourceRef = vue.ref({});
+    const searchInfoRef = vue.ref({});
     const $value = vue.ref(props.defaultValue);
     const computedValue = vue.computed(() => utils.isArray(props.value) ? props.value : $value.value);
     const isMaxed = vue.computed(() => props.max === void 0 ? false : computedValue.value.length >= props.max);
     const options = vue.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 (utils.isString(option) || utils.isNumber(option)) {
           return {
             label: option,
             value: option
           };
         }
-        return option;
+        const opt = option;
+        return {
+          ...opt,
+          label: utils.getValueKey(labelField, opt),
+          value: utils.getValueKey(valueField, opt)
+        };
       });
     });
     const allChecked = vue.ref(false);
@@ -7449,6 +7514,52 @@ const BasicCheckboxGroup = /* @__PURE__ */ vue.defineComponent({
       emit("all-change", newValue, e);
     };
     const cls = vue.computed(() => [b(), is(`direction-${props.direction}`)]);
+    vue.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 = lodashEs.merge(searchInfoParams, searchInfo, opt != null ? opt : {});
+        if (beforeFetch && utils.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 : lodashEs.get(res.data, listField);
+        if (afterFetch && utils.isFunction(afterFetch)) {
+          resultItems = await afterFetch(resultItems) || resultItems;
+        }
+        dataSourceRef.value = resultItems;
+      } catch (error) {
+        console.error(error);
+      } finally {
+        loading.value = false;
+      }
+    }
     vue.watch(() => props.value, (curValue) => {
       if (utils.isArray(curValue)) {
         $value.value = [...curValue];
@@ -7501,6 +7612,12 @@ const BasicCheckboxGroup = /* @__PURE__ */ vue.defineComponent({
         default: () => [_slot]
       });
     };
+    async function reload(opt) {
+      return await fetch2(opt);
+    }
+    expose({
+      reload
+    });
     return () => {
       var _a;
       return vue.createVNode("span", {
@@ -8683,6 +8800,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
@@ -8700,12 +8867,17 @@ const BasicRadioGroup = /* @__PURE__ */ vue.defineComponent({
   name: "XBasicRadioGroup",
   props: basicRadioGroupProps,
   setup(props, {
-    slots
+    slots,
+    expose
   }) {
     const {
       b,
       m
     } = useNamespace("basic-radio-group");
+    const loading = vue.ref(false);
+    const dataSourceRef = vue.ref([]);
+    const rawDataSourceRef = vue.ref({});
+    const searchInfoRef = vue.ref({});
     const uncontrolledValueRef = vue.ref(props.defaultValue);
     const controlledValueRef = vue.toRef(props, "value");
     const mergedValueRef = hooks.useMergedState(controlledValueRef, uncontrolledValueRef);
@@ -8714,20 +8886,76 @@ const BasicRadioGroup = /* @__PURE__ */ vue.defineComponent({
     } = vue.toRefs(props);
     const options = vue.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 (utils.isString(option) || utils.isNumber(option)) {
           return {
             label: option,
             value: option
           };
         }
-        return option;
+        const opt = option;
+        return {
+          ...opt,
+          label: utils.getValueKey(labelField, opt),
+          value: utils.getValueKey(valueField, opt)
+        };
       });
     });
     const cls = vue.computed(() => [`${b()}`, {
       [`${m(props.size)}`]: props.size,
       [`${m("disabled")}`]: disabled.value
     }]);
+    vue.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 = lodashEs.merge(searchInfoParams, searchInfo, opt != null ? opt : {});
+        if (beforeFetch && utils.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 : lodashEs.get(res.data, listField);
+        if (afterFetch && utils.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 {
@@ -8762,6 +8990,12 @@ const BasicRadioGroup = /* @__PURE__ */ vue.defineComponent({
       handleChange
     });
     createBasicRadioGroupContext(context);
+    async function reload(opt) {
+      return await fetch2(opt);
+    }
+    expose({
+      reload
+    });
     return () => {
       var _a;
       return vue.createVNode("div", {