hoci 0.0.3 → 0.0.5

package/dist/index.cjs

@@ -56,7 +56,8 @@ const useSelectionItem = defineHookComponent({
     const parentLabel = core.resolveRef(vue.inject(ItemLabelSymbol));
     function render() {
       return vue.renderSlot(slots, "default", {}, () => {
-        let label = props.label ?? parentLabel.value;
+        var _a;
+        let label = (_a = props.label) != null ? _a : parentLabel.value;
         if (label) {
           if (typeof label == "function") {
             label = label(props.value);
@@ -86,14 +87,22 @@ const useSelectionItem = defineHookComponent({
     }
     const isActive = vue.inject(IsActiveSymbol, () => false);
     const changeActive = vue.inject(ChangeActiveSymbol, () => false);
-    const activeClass = vue.computed(() => vue.inject(ActiveClassSymbol)?.value ?? "active");
-    const unactiveClass = vue.computed(() => vue.inject(UnactiveSymbol)?.value ?? "unactive");
+    const activeClass = vue.computed(() => {
+      var _a, _b;
+      return (_b = (_a = vue.inject(ActiveClassSymbol)) == null ? void 0 : _a.value) != null ? _b : "active";
+    });
+    const unactiveClass = vue.computed(() => {
+      var _a, _b;
+      return (_b = (_a = vue.inject(UnactiveSymbol)) == null ? void 0 : _a.value) != null ? _b : "unactive";
+    });
     const itemClass = vue.computed(() => {
-      return [vue.inject(ItemClassSymbol)?.value ?? ""].concat(isActive(props.value) ? activeClass.value : unactiveClass.value);
+      var _a, _b;
+      return [(_b = (_a = vue.inject(ItemClassSymbol)) == null ? void 0 : _a.value) != null ? _b : ""].concat(isActive(props.value) ? activeClass.value : unactiveClass.value);
     });
     const activateEvent = core.resolveRef(() => {
+      var _a, _b;
       const event = vue.inject(ActivateEventSymbol);
-      return props.activateEvent ?? event?.value ?? "click";
+      return (_b = (_a = props.activateEvent) != null ? _a : event == null ? void 0 : event.value) != null ? _b : "click";
     });
     return {
       activate() {
@@ -126,11 +135,12 @@ const selectionListProps = defineHookProps({
     default: "div"
   },
   modelValue: {
-    type: valuePropType
+    type: valuePropType,
+    default: () => null
   },
   activeClass: {
     type: classPropType,
-    default: ""
+    default: "active"
   },
   itemClass: {
     type: classPropType,
@@ -151,7 +161,8 @@ const selectionListProps = defineHookProps({
     type: Boolean
   },
   defaultValue: {
-    type: valuePropType
+    type: valuePropType,
+    default: () => null
   },
   activateEvent: {
     type: String,
@@ -163,9 +174,10 @@ const useSelectionList = defineHookComponent({
   props: selectionListProps,
   emits: selectionListEmits,
   setup(props, { slots, emit }) {
+    var _a;
     const options = vue.reactive([]);
     function toArray(value) {
-      if (value === void 0) {
+      if (!core.isDefined(value)) {
         return [];
       }
       if (props.multiple && Array.isArray(value)) {
@@ -173,7 +185,7 @@ const useSelectionList = defineHookComponent({
       }
       return [value];
     }
-    const actives = vue.reactive([...toArray(props.modelValue ?? props.defaultValue)]);
+    const actives = vue.reactive([...toArray((_a = props.modelValue) != null ? _a : props.defaultValue)]);
     const currentValue = vue.computed({
       get() {
         return props.multiple ? actives : actives[0];
@@ -188,7 +200,8 @@ const useSelectionList = defineHookComponent({
     });
     const modelValue = vue.computed({
       get() {
-        return props.modelValue ?? props.defaultValue;
+        var _a2;
+        return (_a2 = props.modelValue) != null ? _a2 : props.defaultValue;
       },
       set(val) {
         emit("update:modelValue", val);
@@ -316,7 +329,8 @@ const useSwitch = defineHookComponent({
     );
     const modelValue = vue.computed({
       get() {
-        return !!(props.modelValue ?? checked.value);
+        var _a;
+        return !!((_a = props.modelValue) != null ? _a : checked.value);
       },
       set(val) {
         checked.value = val;
@@ -366,6 +380,7 @@ exports.defineHookProps = defineHookProps;
 exports.selectionItemProps = selectionItemProps;
 exports.selectionListEmits = selectionListEmits;
 exports.selectionListProps = selectionListProps;
+exports.switchEmits = switchEmits;
 exports.switchProps = switchProps;
 exports.useSelectionItem = useSelectionItem;
 exports.useSelectionList = useSelectionList;

package/dist/index.d.ts

@@ -132,6 +132,7 @@ declare const selectionListProps: {
     };
     modelValue: {
         type: PropType<any>;
+        default: () => null;
     };
     /**
      * 选中时的 class
@@ -169,6 +170,7 @@ declare const selectionListProps: {
     };
     defaultValue: {
         type: PropType<any>;
+        default: () => null;
     };
     activateEvent: {
         type: PropType<ActivateEvent>;
@@ -197,6 +199,7 @@ declare const useSelectionList: HookComponent<{
     };
     modelValue: {
         type: PropType<any>;
+        default: () => null;
     };
     /**
      * 选中时的 class
@@ -234,6 +237,7 @@ declare const useSelectionList: HookComponent<{
     };
     defaultValue: {
         type: PropType<any>;
+        default: () => null;
     };
     activateEvent: {
         type: PropType<ActivateEvent>;
@@ -246,6 +250,7 @@ declare const useSelectionList: HookComponent<{
     };
     modelValue: {
         type: PropType<any>;
+        default: () => null;
     };
     /**
      * 选中时的 class
@@ -283,6 +288,7 @@ declare const useSelectionList: HookComponent<{
     };
     defaultValue: {
         type: PropType<any>;
+        default: () => null;
     };
     activateEvent: {
         type: PropType<ActivateEvent>;
@@ -296,6 +302,7 @@ declare const HiSelection: vue.DefineComponent<{
     };
     modelValue: {
         type: PropType<any>;
+        default: () => null;
     };
     /**
      * 选中时的 class
@@ -333,6 +340,7 @@ declare const HiSelection: vue.DefineComponent<{
     };
     defaultValue: {
         type: PropType<any>;
+        default: () => null;
     };
     activateEvent: {
         type: PropType<ActivateEvent>;
@@ -347,6 +355,7 @@ declare const HiSelection: vue.DefineComponent<{
     };
     modelValue: {
         type: PropType<any>;
+        default: () => null;
     };
     /**
      * 选中时的 class
@@ -384,6 +393,7 @@ declare const HiSelection: vue.DefineComponent<{
     };
     defaultValue: {
         type: PropType<any>;
+        default: () => null;
     };
     activateEvent: {
         type: PropType<ActivateEvent>;
@@ -397,7 +407,9 @@ declare const HiSelection: vue.DefineComponent<{
 }, {
     activateEvent: ActivateEvent;
     itemClass: string | string[];
+    modelValue: any;
     multiple: number | boolean;
+    defaultValue: any;
     tag: string;
     activeClass: string | string[];
     unactiveClass: string | string[];
@@ -430,6 +442,7 @@ declare const switchProps: {
         default: string;
     };
 };
+declare const switchEmits: ("update:modelValue" | "change")[];
 declare const useSwitch: HookComponent<{
     toggle: (value?: any) => void;
     modelValue: vue.WritableComputedRef<boolean>;
@@ -543,10 +556,10 @@ declare const HiSwitch: vue.DefineComponent<{
 }, {
     activateEvent: ActivateEvent;
     class: string | string[];
-    tag: string;
     modelValue: boolean;
+    tag: string;
     activeClass: string | string[];
     unactiveClass: string | string[];
 }>;
 
-export { HiItem, HiSelection, HiSwitch, HookComponent, HookComponentOptions, defineHookComponent, defineHookEmits, defineHookProps, selectionItemProps, selectionListEmits, selectionListProps, switchProps, useSelectionItem, useSelectionList, useSwitch };
+export { HiItem, HiSelection, HiSwitch, HookComponent, HookComponentOptions, defineHookComponent, defineHookEmits, defineHookProps, selectionItemProps, selectionListEmits, selectionListProps, switchEmits, switchProps, useSelectionItem, useSelectionList, useSwitch };

package/dist/{index.mjs → index.esm.js}

@@ -1,4 +1,4 @@
-import { reactiveComputed, resolveRef, syncRef } from '@vueuse/core';
+import { reactiveComputed, resolveRef, syncRef, isDefined } from '@vueuse/core';
 import { defineComponent, h, capitalize, inject, watch, onDeactivated, computed, renderSlot, reactive, provide, ref } from 'vue';
 
 function defineHookProps(props) {
@@ -54,7 +54,8 @@ const useSelectionItem = defineHookComponent({
     const parentLabel = resolveRef(inject(ItemLabelSymbol));
     function render() {
       return renderSlot(slots, "default", {}, () => {
-        let label = props.label ?? parentLabel.value;
+        var _a;
+        let label = (_a = props.label) != null ? _a : parentLabel.value;
         if (label) {
           if (typeof label == "function") {
             label = label(props.value);
@@ -84,14 +85,22 @@ const useSelectionItem = defineHookComponent({
     }
     const isActive = inject(IsActiveSymbol, () => false);
     const changeActive = inject(ChangeActiveSymbol, () => false);
-    const activeClass = computed(() => inject(ActiveClassSymbol)?.value ?? "active");
-    const unactiveClass = computed(() => inject(UnactiveSymbol)?.value ?? "unactive");
+    const activeClass = computed(() => {
+      var _a, _b;
+      return (_b = (_a = inject(ActiveClassSymbol)) == null ? void 0 : _a.value) != null ? _b : "active";
+    });
+    const unactiveClass = computed(() => {
+      var _a, _b;
+      return (_b = (_a = inject(UnactiveSymbol)) == null ? void 0 : _a.value) != null ? _b : "unactive";
+    });
     const itemClass = computed(() => {
-      return [inject(ItemClassSymbol)?.value ?? ""].concat(isActive(props.value) ? activeClass.value : unactiveClass.value);
+      var _a, _b;
+      return [(_b = (_a = inject(ItemClassSymbol)) == null ? void 0 : _a.value) != null ? _b : ""].concat(isActive(props.value) ? activeClass.value : unactiveClass.value);
     });
     const activateEvent = resolveRef(() => {
+      var _a, _b;
       const event = inject(ActivateEventSymbol);
-      return props.activateEvent ?? event?.value ?? "click";
+      return (_b = (_a = props.activateEvent) != null ? _a : event == null ? void 0 : event.value) != null ? _b : "click";
     });
     return {
       activate() {
@@ -124,11 +133,12 @@ const selectionListProps = defineHookProps({
     default: "div"
   },
   modelValue: {
-    type: valuePropType
+    type: valuePropType,
+    default: () => null
   },
   activeClass: {
     type: classPropType,
-    default: ""
+    default: "active"
   },
   itemClass: {
     type: classPropType,
@@ -149,7 +159,8 @@ const selectionListProps = defineHookProps({
     type: Boolean
   },
   defaultValue: {
-    type: valuePropType
+    type: valuePropType,
+    default: () => null
   },
   activateEvent: {
     type: String,
@@ -161,9 +172,10 @@ const useSelectionList = defineHookComponent({
   props: selectionListProps,
   emits: selectionListEmits,
   setup(props, { slots, emit }) {
+    var _a;
     const options = reactive([]);
     function toArray(value) {
-      if (value === void 0) {
+      if (!isDefined(value)) {
         return [];
       }
       if (props.multiple && Array.isArray(value)) {
@@ -171,7 +183,7 @@ const useSelectionList = defineHookComponent({
       }
       return [value];
     }
-    const actives = reactive([...toArray(props.modelValue ?? props.defaultValue)]);
+    const actives = reactive([...toArray((_a = props.modelValue) != null ? _a : props.defaultValue)]);
     const currentValue = computed({
       get() {
         return props.multiple ? actives : actives[0];
@@ -186,7 +198,8 @@ const useSelectionList = defineHookComponent({
     });
     const modelValue = computed({
       get() {
-        return props.modelValue ?? props.defaultValue;
+        var _a2;
+        return (_a2 = props.modelValue) != null ? _a2 : props.defaultValue;
       },
       set(val) {
         emit("update:modelValue", val);
@@ -314,7 +327,8 @@ const useSwitch = defineHookComponent({
     );
     const modelValue = computed({
       get() {
-        return !!(props.modelValue ?? checked.value);
+        var _a;
+        return !!((_a = props.modelValue) != null ? _a : checked.value);
       },
       set(val) {
         checked.value = val;
@@ -355,4 +369,4 @@ const HiSwitch = defineComponent({
   }
 });
 
-export { HiItem, HiSelection, HiSwitch, defineHookComponent, defineHookEmits, defineHookProps, selectionItemProps, selectionListEmits, selectionListProps, switchProps, useSelectionItem, useSelectionList, useSwitch };
+export { HiItem, HiSelection, HiSwitch, defineHookComponent, defineHookEmits, defineHookProps, selectionItemProps, selectionListEmits, selectionListProps, switchEmits, switchProps, useSelectionItem, useSelectionList, useSwitch };

package/package.json

@@ -1,21 +1,28 @@
 {
   "name": "hoci",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "description": "",
   "main": "dist/index.cjs",
-  "module": "dist/index.mjs",
+  "module": "dist/index.esm.js",
   "types": "dist/index.d.ts",
   "files": [
     "dist/"
   ],
+  "exports": {
+    ".": {
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.cjs"
+    },
+    "./package.json": "./package.json"
+  },
   "author": "chizuki",
   "license": "MIT",
   "dependencies": {
-    "@vueuse/core": "^9.5.0",
+    "@vueuse/core": "^9.1.0",
     "maybe-types": "^0.0.3"
   },
-  "peerDependencies": {
-    "vue": "^3.2.45"
+  "devDependencies": {
+    "vue": "^3.2.31"
   },
   "scripts": {
     "build": "unbuild",