@vunk/plus 1.1.0 → 1.1.2

package/components/tables-v1-checkbox/index.mjs

@@ -1,6 +1,7 @@
 import { computed, ref, watch, inject, isVNode, Comment, Fragment, shallowRef, watchEffect, provide, onBeforeUnmount, onBeforeMount, toRef, defineComponent, h, createVNode, resolveComponent, openBlock, createBlock, withCtx, mergeProps, toHandlers } from 'vue';
 import { _VkTabelsV1Ctx, VkTablesV1 } from '@vunk/plus/components/tables-v1';
 import { VkCheckRecordLogicProvider, VkCheckRecordLogic } from '@vunk/core';
+import { noop } from '@vunk/shared/function';
 import { ElCheckbox } from 'element-plus';
 import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
 
@@ -3942,6 +3943,27 @@ const props = {
   selectionHidden: {
     type: Boolean,
     default: false
+  },
+  /**
+   * check触发方式
+   */
+  checkTrigger: {
+    type: String,
+    default: "check"
+  },
+  /**
+   * 同 TableV1 disabled， 用于控制分页组件是否禁用
+   */
+  paginationDisabled: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * 是否只读
+   */
+  readonly: {
+    type: Boolean,
+    default: false
   }
 };
 const emits = {
@@ -3967,8 +3989,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   setup(props2, {
     emit
   }) {
-    const coreProps = _VkTabelsV1Ctx.createBindProps(props2, ["columns"]);
-    const coreEmits = _VkTabelsV1Ctx.createOnEmits(emit);
+    const coreProps = _VkTabelsV1Ctx.createBindProps(props2, ["columns", "disabled"]);
+    const coreEmits = _VkTabelsV1Ctx.createOnEmits(emit, ["row-click"]);
+    const theDisabled = computed(() => props2.disabled || props2.readonly);
     const getCurrentPageCheckInfo = () => {
       const oidField = props2.oidField;
       const allCheckedId = props2.modelValue.map(d => d[oidField]);
@@ -4004,6 +4027,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         }));
       }
     }
+    const changeEvents = {};
     const checkboxCol = {
       prop: void 0,
       label: "",
@@ -4019,15 +4043,21 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             toggle,
             isActive
           }) => {
-            const onChange = props2.multiple ? toggle : () => singleChange(e.row);
+            const onChange = theDisabled.value ? noop : props2.multiple ? toggle : () => singleChange(e.row);
+            changeEvents[e.row[props2.oidField]] = onChange;
+            const checkHandler = () => {
+              if (props2.checkTrigger === "check") {
+                onChange();
+              }
+            };
             return props2.multiple ? createVNode(ElCheckbox, {
-              "disabled": props2.disabled,
+              "disabled": theDisabled.value,
               "modelValue": isActive,
-              "onChange": onChange
+              "onChange": checkHandler
             }, null) : createVNode(NRadio, {
-              "disabled": props2.disabled,
+              "disabled": theDisabled.value,
               "checked": isActive,
-              "onUpdate:checked": onChange,
+              "onUpdate:checked": checkHandler,
               "theme-overrides": radioThemeOverrides
             }, null);
           }
@@ -4047,10 +4077,19 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         }
       }
     };
+    function handleRowClick(...e) {
+      const [row] = e;
+      if (props2.checkTrigger === "rowClick") {
+        const id = row[props2.oidField];
+        changeEvents[id]?.();
+      }
+      emit("row-click", ...e);
+    }
     return {
       coreProps,
       coreEmits,
-      checkboxCol
+      checkboxCol,
+      handleRowClick
     };
   }
 });
@@ -4072,8 +4111,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         columns: [
           _ctx.selectionHidden ? { hidden: true } : _ctx.checkboxCol,
           ..._ctx.columns
-        ]
-      }, toHandlers(_ctx.coreEmits)), null, 16, ["columns"])
+        ],
+        disabled: _ctx.paginationDisabled,
+        onRowClick: _ctx.handleRowClick
+      }, toHandlers(_ctx.coreEmits)), null, 16, ["columns", "disabled", "onRowClick"])
     ]),
     _: 1
     /* STABLE */

package/components/tables-v1-checkbox/src/ctx.d.ts

@@ -38,10 +38,33 @@ export declare const props: {
         type: BooleanConstructor;
         default: boolean;
     };
-    border: {
+    /**
+     * check触发方式
+     */
+    checkTrigger: {
+        type: PropType<"check" | "rowClick">;
+        default: string;
+    };
+    /**
+     * 同 TableV1 disabled， 用于控制分页组件是否禁用
+     */
+    paginationDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 是否只读
+     */
+    readonly: {
         type: BooleanConstructor;
         default: boolean;
     };
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    }; /**
+     * 是否只读
+     */
     tableClass: {
         type: StringConstructor;
         default: string;

package/components/tables-v1-checkbox/src/index.vue.d.ts

@@ -20,6 +20,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    checkTrigger: {
+        type: import("vue").PropType<"check" | "rowClick">;
+        default: string;
+    };
+    paginationDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     border: {
         type: BooleanConstructor;
         default: boolean;
@@ -229,7 +241,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         size: import("element-plus").ButtonType<StringConstructor, "" | "small" | "default" | "large", never>;
         index: number | ((index: number) => number);
         popperClass: string;
-        disabled: boolean;
         teleported: import("element-plus").ButtonType<BooleanConstructor, unknown, unknown>;
         renderHeader: (data: {
             column: import("element-plus").TableColumnCtx<any>;
@@ -331,8 +342,35 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         modules: "pagination"[];
         elRef: import("@vunk/core").AnyFunc;
     }>;
-    coreEmits: {};
+    coreEmits: {
+        change: (val: number) => void;
+        scroll: (val: number) => void;
+        select: (val: number) => void;
+        "select-all": (val: number) => void;
+        "expand-change": (val: number) => void;
+        "current-change": (val: number) => void;
+        "selection-change": (val: number) => void;
+        "cell-mouse-enter": (val: number) => void;
+        "cell-mouse-leave": (val: number) => void;
+        "cell-contextmenu": (val: number) => void;
+        "cell-click": (val: number) => void;
+        "cell-dblclick": (val: number) => void;
+        "row-contextmenu": (val: number) => void;
+        "row-dblclick": (val: number) => void;
+        "header-click": (val: number) => void;
+        "header-contextmenu": (val: number) => void;
+        "sort-change": (val: number) => void;
+        "filter-change": (val: number) => void;
+        "header-dragend": (val: number) => void;
+        "update:start": (val: number) => void;
+        "update:current-page": (val: number) => void;
+        "update:page-size": (val: number) => void;
+        "size-change": (val: number) => void;
+        "prev-click": (val: number) => void;
+        "next-click": (val: number) => void;
+    };
     checkboxCol: __VkTablesV1.Column<any>;
+    handleRowClick: (...e: any[]) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:modelValue': (val: any[]) => boolean;
     'update:start': (val: number) => boolean;
@@ -382,6 +420,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    checkTrigger: {
+        type: import("vue").PropType<"check" | "rowClick">;
+        default: string;
+    };
+    paginationDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     border: {
         type: BooleanConstructor;
         default: boolean;
@@ -663,6 +713,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     oidField: string;
     multiple: boolean;
     selectionHidden: boolean;
+    checkTrigger: "check" | "rowClick";
+    paginationDisabled: boolean;
+    readonly: boolean;
 }, {}, {
     VkCheckRecordLogicProvider: import("vue").DefineComponent<{
         modelValue: {

package/composables/el-breakpoints/index.d.ts

@@ -0,0 +1,18 @@
+export declare const useElBreakpoints: () => {
+    breakpoints: Record<"sm" | "md" | "lg" | "xl", import("vue").Ref<boolean, boolean>> & {
+        greaterOrEqual: (k: import("@vueuse/shared").MaybeRefOrGetter<"sm" | "md" | "lg" | "xl">) => import("vue").Ref<boolean, boolean>;
+        smallerOrEqual: (k: import("@vueuse/shared").MaybeRefOrGetter<"sm" | "md" | "lg" | "xl">) => import("vue").Ref<boolean, boolean>;
+        greater(k: import("@vueuse/shared").MaybeRefOrGetter<"sm" | "md" | "lg" | "xl">): import("vue").Ref<boolean, boolean>;
+        smaller(k: import("@vueuse/shared").MaybeRefOrGetter<"sm" | "md" | "lg" | "xl">): import("vue").Ref<boolean, boolean>;
+        between(a: import("@vueuse/shared").MaybeRefOrGetter<"sm" | "md" | "lg" | "xl">, b: import("@vueuse/shared").MaybeRefOrGetter<"sm" | "md" | "lg" | "xl">): import("vue").Ref<boolean, boolean>;
+        isGreater(k: import("@vueuse/shared").MaybeRefOrGetter<"sm" | "md" | "lg" | "xl">): boolean;
+        isGreaterOrEqual(k: import("@vueuse/shared").MaybeRefOrGetter<"sm" | "md" | "lg" | "xl">): boolean;
+        isSmaller(k: import("@vueuse/shared").MaybeRefOrGetter<"sm" | "md" | "lg" | "xl">): boolean;
+        isSmallerOrEqual(k: import("@vueuse/shared").MaybeRefOrGetter<"sm" | "md" | "lg" | "xl">): boolean;
+        isInBetween(a: import("@vueuse/shared").MaybeRefOrGetter<"sm" | "md" | "lg" | "xl">, b: import("@vueuse/shared").MaybeRefOrGetter<"sm" | "md" | "lg" | "xl">): boolean;
+        current: () => import("vue").ComputedRef<string[]>;
+        active(): import("vue").ComputedRef<string>;
+    };
+    isMobile: import("vue").Ref<boolean, boolean>;
+    isDesktop: import("vue").Ref<boolean, boolean>;
+};

package/composables/el-breakpoints/index.mjs

@@ -0,0 +1,19 @@
+import { useBreakpoints } from '@vueuse/core';
+
+const useElBreakpoints = () => {
+  const breakpoints = useBreakpoints({
+    sm: 768,
+    md: 992,
+    lg: 1200,
+    xl: 1920
+  });
+  const isMobile = breakpoints.smaller("lg");
+  const isDesktop = breakpoints.greaterOrEqual("lg");
+  return {
+    breakpoints,
+    isMobile,
+    isDesktop
+  };
+};
+
+export { useElBreakpoints };

package/composables/index.d.ts

@@ -1,18 +0,0 @@
-export declare const useElBreakpoints: () => {
-    breakpoints: Record<"sm" | "md" | "lg" | "xl", import("vue").Ref<boolean, boolean>> & {
-        greaterOrEqual: (k: import("@vueuse/shared").MaybeRefOrGetter<"sm" | "md" | "lg" | "xl">) => import("vue").Ref<boolean, boolean>;
-        smallerOrEqual: (k: import("@vueuse/shared").MaybeRefOrGetter<"sm" | "md" | "lg" | "xl">) => import("vue").Ref<boolean, boolean>;
-        greater(k: import("@vueuse/shared").MaybeRefOrGetter<"sm" | "md" | "lg" | "xl">): import("vue").Ref<boolean, boolean>;
-        smaller(k: import("@vueuse/shared").MaybeRefOrGetter<"sm" | "md" | "lg" | "xl">): import("vue").Ref<boolean, boolean>;
-        between(a: import("@vueuse/shared").MaybeRefOrGetter<"sm" | "md" | "lg" | "xl">, b: import("@vueuse/shared").MaybeRefOrGetter<"sm" | "md" | "lg" | "xl">): import("vue").Ref<boolean, boolean>;
-        isGreater(k: import("@vueuse/shared").MaybeRefOrGetter<"sm" | "md" | "lg" | "xl">): boolean;
-        isGreaterOrEqual(k: import("@vueuse/shared").MaybeRefOrGetter<"sm" | "md" | "lg" | "xl">): boolean;
-        isSmaller(k: import("@vueuse/shared").MaybeRefOrGetter<"sm" | "md" | "lg" | "xl">): boolean;
-        isSmallerOrEqual(k: import("@vueuse/shared").MaybeRefOrGetter<"sm" | "md" | "lg" | "xl">): boolean;
-        isInBetween(a: import("@vueuse/shared").MaybeRefOrGetter<"sm" | "md" | "lg" | "xl">, b: import("@vueuse/shared").MaybeRefOrGetter<"sm" | "md" | "lg" | "xl">): boolean;
-        current: () => import("vue").ComputedRef<string[]>;
-        active(): import("vue").ComputedRef<string>;
-    };
-    isMobile: import("vue").Ref<boolean, boolean>;
-    isDesktop: import("vue").Ref<boolean, boolean>;
-};

package/composables/index.mjs

@@ -1,19 +1 @@
-import { useBreakpoints } from '@vueuse/core';
 
-const useElBreakpoints = () => {
-  const breakpoints = useBreakpoints({
-    sm: 768,
-    md: 992,
-    lg: 1200,
-    xl: 1920
-  });
-  const isMobile = breakpoints.smaller("lg");
-  const isDesktop = breakpoints.greaterOrEqual("lg");
-  return {
-    breakpoints,
-    isMobile,
-    isDesktop
-  };
-};
-
-export { useElBreakpoints };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vunk/plus",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "",
   "author": "",
   "license": "ISC",
@@ -31,6 +31,10 @@
       "import": "./composables/index.mjs",
       "types": "./composables/index.d.ts"
     },
+    "./composables/el-breakpoints": {
+      "import": "./composables/el-breakpoints/index.mjs",
+      "types": "./composables/el-breakpoints/index.d.ts"
+    },
     "./components/vditor": {
       "import": "./components/vditor/index.mjs",
       "types": "./components/vditor/index.d.ts"