@vunk/plus 1.1.1 → 1.1.2

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

@@ -3950,6 +3950,20 @@ const props = {
   checkTrigger: {
     type: String,
     default: "check"
+  },
+  /**
+   * 同 TableV1 disabled， 用于控制分页组件是否禁用
+   */
+  paginationDisabled: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * 是否只读
+   */
+  readonly: {
+    type: Boolean,
+    default: false
   }
 };
 const emits = {
@@ -3975,8 +3989,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   setup(props2, {
     emit
   }) {
-    const coreProps = _VkTabelsV1Ctx.createBindProps(props2, ["columns"]);
+    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]);
@@ -4028,19 +4043,21 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             toggle,
             isActive
           }) => {
-            const onChange = props2.multiple ? toggle : () => singleChange(e.row);
-            if (!props2.disabled) {
-              changeEvents[e.row[props2.oidField]] = onChange;
-            }
-            const handleCheck = props2.checkTrigger === "check" ? onChange : noop;
+            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": handleCheck
+              "onChange": checkHandler
             }, null) : createVNode(NRadio, {
-              "disabled": props2.disabled,
+              "disabled": theDisabled.value,
               "checked": isActive,
-              "onUpdate:checked": handleCheck,
+              "onUpdate:checked": checkHandler,
               "theme-overrides": radioThemeOverrides
             }, null);
           }
@@ -4095,8 +4112,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           _ctx.selectionHidden ? { hidden: true } : _ctx.checkboxCol,
           ..._ctx.columns
         ],
+        disabled: _ctx.paginationDisabled,
         onRowClick: _ctx.handleRowClick
-      }, toHandlers(_ctx.coreEmits)), null, 16, ["columns", "onRowClick"])
+      }, toHandlers(_ctx.coreEmits)), null, 16, ["columns", "disabled", "onRowClick"])
     ]),
     _: 1
     /* STABLE */

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

@@ -45,10 +45,26 @@ export declare const props: {
         type: PropType<"check" | "rowClick">;
         default: string;
     };
-    border: {
+    /**
+     * 同 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

@@ -24,6 +24,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: import("vue").PropType<"check" | "rowClick">;
         default: string;
     };
+    paginationDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     border: {
         type: BooleanConstructor;
         default: boolean;
@@ -233,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>;
@@ -417,6 +424,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: import("vue").PropType<"check" | "rowClick">;
         default: string;
     };
+    paginationDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     border: {
         type: BooleanConstructor;
         default: boolean;
@@ -699,6 +714,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     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.1",
+  "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"