zzz-pc-view 0.0.5 → 0.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zzz-pc-view",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "main": "src/index.umd.js",
   "module": "src/index.es.js",
   "types": "src/index.d.ts",

package/src/decorators/CurdKey/index.d.ts

@@ -4,7 +4,7 @@ import { FilterHandler } from '../FilterKey';
 import { EditTypeEnum, CurdApi, EditType, PaginationResponseConstructor } from './CurdApi';
 import { Config as PrimaryKeyConfig } from './../PrimaryKey';
 import { Config as NameKeyConfig } from './../NameKey';
-import { RequestUtilResponse } from './RequestUtil';
+import { RequestUtilResponse } from '../useRequestUtil';
 export * from './CurdApi';
 /**
  * 基础参数接口，用于定义通用的参数属性。

package/src/decorators/index.d.ts

@@ -1,6 +1,7 @@
 export * from './DeclareType';
 export * from './loadUtil';
 export * from './loadStore';
+export * from './useRequestUtil';
 export * from './api';
 export * from './Decorators';
 export { combineDecorator } from './decoratorStoreUtil';

package/src/decorators/{CurdKey/RequestUtil.d.ts → useRequestUtil.d.ts}

@@ -1,5 +1,5 @@
-import { httpRequest } from '../../utils';
-import { LoadUtilResponse } from '../loadUtil';
+import { httpRequest } from '../utils';
+import { LoadUtilResponse } from './loadUtil';
 /**
  * 定义一个接口，描述请求工具的方法。
  * 这个接口包含取消请求和发送请求的方法。

package/src/index.es.js

@@ -2151,6 +2151,59 @@ const useLoadUtil = () => {
 };
 const loadStore$1 = useLoadUtil();
 const useLoadStore = () => loadStore$1;
+const useRequestUtil = (endableLoadStatus) => {
+  let request;
+  let setLoadStatus = fn;
+  const abort = () => {
+    if (request) {
+      request.ajaxSource.cancel();
+      request = void 0;
+    }
+  };
+  const response2 = {
+    // 将 abort 方法添加到响应对象中
+    abort,
+    /**
+     * 定义一个方法，用于发送请求并处理响应。
+     * 这个方法会发送一个 HTTP 请求，并根据请求的结果调用相应的回调函数。
+     * @method requestData
+     * @param {T} httpRequest - 一个继承自 httpRequest.HttpRequestPromise 的泛型类型，表示 HTTP 请求对象。
+     * @param {Function} [final] - 一个可选的函数，用于在请求完成后执行最终操作。
+     * @returns {Promise<T extends httpRequest.HttpRequestPromise<infer R> ? R : never>} - 一个返回值为请求结果的 Promise。
+     * @description 这个方法会在请求开始时调用 abort 方法，以取消之前的请求。
+     * @description 它会在请求过程中更新加载状态，并在请求完成后重置加载状态。
+     * @description 如果请求成功，它会返回请求的结果。
+     * @description 如果请求失败，它会抛出错误。
+     * @description 在请求完成后，它会调用 final 方法，并传递一个布尔值表示请求是否被取消。
+     */
+    async requestData(httpRequestPromise, final) {
+      abort();
+      setLoadStatus(true);
+      request = httpRequestPromise;
+      try {
+        return await request;
+      } catch (err) {
+        throw err;
+      } finally {
+        setLoadStatus(false);
+        let isAbort = false;
+        if (request) {
+          request = void 0;
+          isAbort = true;
+        }
+        final == null ? void 0 : final(isAbort);
+      }
+    }
+  };
+  if (endableLoadStatus) {
+    const loadStore2 = useLoadUtil();
+    setLoadStatus = (status) => {
+      loadStore2.setLoadStatus(status);
+    };
+    Object.defineProperties(response2, Object.getOwnPropertyDescriptors(loadStore2));
+  }
+  return response2;
+};
 let api;
 const setApi = (...args) => {
   api = create(...args);
@@ -3054,49 +3107,6 @@ class CurdApi {
     URL.revokeObjectURL(a.href);
   }
 }
-const useRequestUtil = (endableLoadStatus) => {
-  let request;
-  const abort = () => {
-    if (request) {
-      request.ajaxSource.cancel();
-      request = void 0;
-    }
-  };
-  const response2 = {
-    // 将 abort 方法添加到响应对象中
-    abort,
-    /**
-     * 定义一个方法，用于发送请求并处理响应。
-     * 这个方法会发送一个 HTTP 请求，并根据请求的结果调用相应的回调函数。
-     * @method requestData
-     * @param {T} httpRequest - 一个继承自 httpRequest.HttpRequestPromise 的泛型类型，表示 HTTP 请求对象。
-     * @param {Function} [final] - 一个可选的函数，用于在请求完成后执行最终操作。
-     * @returns {Promise<T extends httpRequest.HttpRequestPromise<infer R> ? R : never>} - 一个返回值为请求结果的 Promise。
-     * @description 这个方法会在请求开始时调用 abort 方法，以取消之前的请求。
-     * @description 它会在请求过程中更新加载状态，并在请求完成后重置加载状态。
-     * @description 如果请求成功，它会返回请求的结果。
-     * @description 如果请求失败，它会抛出错误。
-     * @description 在请求完成后，它会调用 final 方法，并传递一个布尔值表示请求是否被取消。
-     */
-    async requestData(httpRequestPromise, final) {
-      abort();
-      request = httpRequestPromise;
-      try {
-        return await request;
-      } catch (err) {
-        throw err;
-      } finally {
-        let isAbort = false;
-        if (request) {
-          request = void 0;
-          isAbort = true;
-        }
-        final == null ? void 0 : final(isAbort);
-      }
-    }
-  };
-  return response2;
-};
 const key = Symbol("CurdKey");
 const classCurdKey = Symbol("ClassCurdKey");
 var CreateTypeEnum = /* @__PURE__ */ ((CreateTypeEnum2) => {
@@ -3881,7 +3891,8 @@ const ZDecorators = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineP
   combineDecorator,
   setApi,
   useLoadStore,
-  useLoadUtil
+  useLoadUtil,
+  useRequestUtil
 }, Symbol.toStringTag, { value: "Module" }));
 var zhCn = {
   name: "zh-cn",
@@ -9593,7 +9604,7 @@ class CurdViewHandler extends CurdHandler {
 const _hoisted_1$4 = { class: "flex column wrapper data-wrapper" };
 const _hoisted_2$1 = { class: "flex flex-wrap gap-10 data-wrapper-header" };
 const _hoisted_3$1 = { class: "flex gap-10 data-wrapper-footer" };
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "DataWrapperView",
   props: {
     bodyViewClass: {}
@@ -9661,7 +9672,7 @@ const useModelValueBridgeComputed = (props, emit) => computed({
     emit("change", value);
   }
 });
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "VSlotView",
   props: {
     component: {},
@@ -9684,7 +9695,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "CurdTableView",
   props: {
     viewHandler: {}
@@ -9744,7 +9755,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
               ref_for: true
             }, column.colProps || unref(emptyObject2)), {
               default: withCtx(({ row }) => [
-                (openBlock(), createBlock(resolveDynamicComponent(column.component || _sfc_main$8), mergeProps({
+                (openBlock(), createBlock(resolveDynamicComponent(column.component || _sfc_main$9), mergeProps({
                   viewHandler: _ctx.viewHandler,
                   model: row,
                   prop: column.propertyKey,
@@ -9761,7 +9772,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$3 = { key: 0 };
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "FilterView",
   props: {
     viewHandler: {},
@@ -9802,7 +9813,7 @@ const _hoisted_2 = { class: "flex-1 fit-size" };
 const _hoisted_3 = { class: "curd-list-aside" };
 const _hoisted_4 = { class: "flex-1 fit-size curd-list-content" };
 const _hoisted_5 = { class: "curd-list-aside" };
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "CurdView",
   props: {
     viewHandler: {}
@@ -9811,10 +9822,10 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_el_card = resolveComponent("el-card");
       const _directive_loading = resolveDirective("loading");
-      return openBlock(), createBlock(_sfc_main$9, null, {
+      return openBlock(), createBlock(_sfc_main$a, null, {
         header: withCtx(() => [
           renderSlot(_ctx.$slots, "header-before"),
-          _ctx.viewHandler.displayFilterConfigMap[unref(ZDecorators).FilterKey.PositionEnum.TOP] ? (openBlock(), createBlock(_sfc_main$6, {
+          _ctx.viewHandler.displayFilterConfigMap[unref(ZDecorators).FilterKey.PositionEnum.TOP] ? (openBlock(), createBlock(_sfc_main$7, {
             key: 0,
             "view-handler": _ctx.viewHandler,
             position: unref(ZDecorators).FilterKey.PositionEnum.TOP
@@ -9835,7 +9846,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
             default: withCtx(() => [
               _ctx.viewHandler.displayFilterConfigMap[unref(ZDecorators).FilterKey.PositionEnum.LEFT] ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                 createElementVNode("div", _hoisted_3, [
-                  createVNode(_sfc_main$6, {
+                  createVNode(_sfc_main$7, {
                     "view-handler": _ctx.viewHandler,
                     position: unref(ZDecorators).FilterKey.PositionEnum.LEFT
                   }, null, 8, ["view-handler", "position"])
@@ -9844,7 +9855,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
               ], 64)) : createCommentVNode("", true),
               withDirectives((openBlock(), createElementBlock("div", _hoisted_4, [
                 renderSlot(_ctx.$slots, "content", {}, () => [
-                  createVNode(_sfc_main$7, { "view-handler": _ctx.viewHandler }, null, 8, ["view-handler"])
+                  createVNode(_sfc_main$8, { "view-handler": _ctx.viewHandler }, null, 8, ["view-handler"])
                 ])
               ])), [
                 [_directive_loading, _ctx.viewHandler.listLoadStatus]
@@ -9852,7 +9863,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
               _ctx.viewHandler.displayFilterConfigMap[unref(ZDecorators).FilterKey.PositionEnum.RIGHT] ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                 _cache[1] || (_cache[1] = createElementVNode("div", { class: "curd-list-divider" }, null, -1)),
                 createElementVNode("div", _hoisted_5, [
-                  createVNode(_sfc_main$6, {
+                  createVNode(_sfc_main$7, {
                     "view-handler": _ctx.viewHandler,
                     position: unref(ZDecorators).FilterKey.PositionEnum.RIGHT
                   }, null, 8, ["view-handler", "position"])
@@ -9869,10 +9880,10 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
 });
 const index$5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  CurdView: _sfc_main$5,
+  CurdView: _sfc_main$6,
   CurdViewHandler
 }, Symbol.toStringTag, { value: "Module" }));
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "SelectView",
   props: {
     options: {},
@@ -9906,7 +9917,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "VModelView",
   props: {
     component: {},
@@ -9916,7 +9927,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const mappingComputed = useMappingOption(props, _sfc_main$4, ElInput);
+    const mappingComputed = useMappingOption(props, _sfc_main$5, ElInput);
     const modelValueBridgeComputed = computed({
       get: () => props.model[props.prop],
       set: (value) => {
@@ -9932,7 +9943,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "RadioButtonGroupView",
   props: {
     options: {},
@@ -9966,15 +9977,50 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "RadioGroupView",
+  props: {
+    options: {},
+    primaryKeyConfig: {},
+    nameKeyConfig: {},
+    modelValue: {}
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const modelValueBridgeComputed = useModelValueBridgeComputed(props, emit);
+    return (_ctx, _cache) => {
+      const _component_el_radio = resolveComponent("el-radio");
+      const _component_el_radio_group = resolveComponent("el-radio-group");
+      return openBlock(), createBlock(_component_el_radio_group, {
+        modelValue: unref(modelValueBridgeComputed),
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(modelValueBridgeComputed) ? modelValueBridgeComputed.value = $event : null)
+      }, {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(props.options, (item) => {
+            return openBlock(), createBlock(_component_el_radio, {
+              key: item[_ctx.primaryKeyConfig.propertyKey],
+              label: item[_ctx.nameKeyConfig.propertyKey],
+              value: item[_ctx.primaryKeyConfig.propertyKey]
+            }, null, 8, ["label", "value"]);
+          }), 128))
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
 const index$4 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  RadioButtonGroupView: _sfc_main$2,
-  SelectView: _sfc_main$4,
-  VModelView: _sfc_main$3
+  RadioButtonGroupView: _sfc_main$3,
+  RadioGroupView: _sfc_main$2,
+  SelectView: _sfc_main$5,
+  VModelView: _sfc_main$4
 }, Symbol.toStringTag, { value: "Module" }));
 const index$3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  VSlotView: _sfc_main$8
+  VSlotView: _sfc_main$9
 }, Symbol.toStringTag, { value: "Module" }));
 const _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
@@ -10008,7 +10054,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 });
 const index$2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  DataWrapper: _sfc_main$9,
+  DataWrapper: _sfc_main$a,
   Main: _sfc_main
 }, Symbol.toStringTag, { value: "Module" }));
 const index$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({