hoci 0.0.11 → 0.0.12

package/dist/index.cjs

@@ -122,9 +122,13 @@ const useSelectionItem = defineHookComponent({
     const changeActive = vue.inject(ChangeActiveSymbol, () => {
     });
     const parentLabel = core.resolveRef(vue.inject(ItemLabelSymbol));
+    const activate = () => {
+      changeActive(props.value);
+    };
     function render() {
       return vue.renderSlot(slots, "default", {
-        active: isActive(props.value)
+        active: isActive(props.value),
+        activate
       }, () => {
         var _a;
         let label = (_a = props.label) != null ? _a : parentLabel.value;
@@ -210,26 +214,6 @@ const HiItem = vue.defineComponent({
   }
 });
 
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
 const selectionListProps = defineHookProps({
   tag: {
     type: String,
@@ -348,26 +332,24 @@ const useSelectionList = defineHookComponent({
     function isActive(value) {
       return actives.includes(value);
     }
-    function changeActive(option) {
-      return __async(this, null, function* () {
-        if (isActive(option)) {
-          if (props.multiple || props.clearable) {
-            actives.splice(actives.indexOf(option), 1);
+    function changeActive(value) {
+      if (isActive(value)) {
+        if (props.multiple || props.clearable) {
+          actives.splice(actives.indexOf(value), 1);
+          emitChange();
+        }
+      } else {
+        if (props.multiple) {
+          const limit = typeof props.multiple === "number" ? props.multiple : Infinity;
+          if (actives.length < limit) {
+            actives.push(value);
             emitChange();
           }
         } else {
-          if (props.multiple) {
-            const limit = typeof props.multiple === "number" ? props.multiple : Infinity;
-            if (actives.length < limit) {
-              actives.push(option);
-              emitChange();
-            }
-          } else {
-            actives.splice(0, actives.length, option);
-            emitChange();
-          }
+          actives.splice(0, actives.length, value);
+          emitChange();
         }
-      });
+      }
     }
     vue.provide(IsActiveSymbol, isActive);
     vue.provide(ChangeActiveSymbol, changeActive);
@@ -395,7 +377,9 @@ const useSelectionList = defineHookComponent({
     }
     function render() {
       return vue.h(props.tag, {}, vue.renderSlot(slots, "default", {
-        isActive
+        isActive,
+        changeActive,
+        renderItem
       }));
     }
     return {

package/dist/index.d.ts

@@ -129,6 +129,10 @@ declare const HiItem: vue.DefineComponent<{
     value: any;
     keepAlive: boolean;
 }>;
+interface HiItemSlotsData {
+    active: boolean;
+    activate(): void;
+}
 
 declare const selectionListProps: {
     tag: {
@@ -192,7 +196,7 @@ declare const useSelectionList: HookComponent<{
     }[];
     actives: any[];
     isActive: (value: any) => boolean;
-    changeActive: (option: any) => Promise<void>;
+    changeActive: (value: any) => void;
     renderItem: () => ElementLike;
     render: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
@@ -430,6 +434,11 @@ declare const HiSelection: vue.DefineComponent<{
     clearable: boolean;
     defaultValue: any;
 }>;
+interface HiSelectionSlotData {
+    isActive(value: any): boolean;
+    changeActive(value: any): void;
+    renderItem: () => ElementLike;
+}
 
 declare const switchProps: {
     modelValue: {
@@ -628,4 +637,4 @@ declare const HiSwitch: vue.DefineComponent<{
     disabledClass: string | string[] | Record<string, boolean>;
 }>;
 
-export { HiItem, HiSelection, HiSwitch, HookComponent, HookComponentOptions, defineHookComponent, defineHookEmits, defineHookProps, isExtends, normalizeClass, selectionItemProps, selectionListEmits, selectionListProps, switchEmits, switchProps, useSelectionItem, useSelectionList, useSwitch };
+export { HiItem, HiItemSlotsData, HiSelection, HiSelectionSlotData, HiSwitch, HookComponent, HookComponentOptions, defineHookComponent, defineHookEmits, defineHookProps, isExtends, normalizeClass, selectionItemProps, selectionListEmits, selectionListProps, switchEmits, switchProps, useSelectionItem, useSelectionList, useSwitch };

package/dist/index.esm.js

@@ -120,9 +120,13 @@ const useSelectionItem = defineHookComponent({
     const changeActive = inject(ChangeActiveSymbol, () => {
     });
     const parentLabel = resolveRef(inject(ItemLabelSymbol));
+    const activate = () => {
+      changeActive(props.value);
+    };
     function render() {
       return renderSlot(slots, "default", {
-        active: isActive(props.value)
+        active: isActive(props.value),
+        activate
       }, () => {
         var _a;
         let label = (_a = props.label) != null ? _a : parentLabel.value;
@@ -208,26 +212,6 @@ const HiItem = defineComponent({
   }
 });
 
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
 const selectionListProps = defineHookProps({
   tag: {
     type: String,
@@ -346,26 +330,24 @@ const useSelectionList = defineHookComponent({
     function isActive(value) {
       return actives.includes(value);
     }
-    function changeActive(option) {
-      return __async(this, null, function* () {
-        if (isActive(option)) {
-          if (props.multiple || props.clearable) {
-            actives.splice(actives.indexOf(option), 1);
+    function changeActive(value) {
+      if (isActive(value)) {
+        if (props.multiple || props.clearable) {
+          actives.splice(actives.indexOf(value), 1);
+          emitChange();
+        }
+      } else {
+        if (props.multiple) {
+          const limit = typeof props.multiple === "number" ? props.multiple : Infinity;
+          if (actives.length < limit) {
+            actives.push(value);
             emitChange();
           }
         } else {
-          if (props.multiple) {
-            const limit = typeof props.multiple === "number" ? props.multiple : Infinity;
-            if (actives.length < limit) {
-              actives.push(option);
-              emitChange();
-            }
-          } else {
-            actives.splice(0, actives.length, option);
-            emitChange();
-          }
+          actives.splice(0, actives.length, value);
+          emitChange();
         }
-      });
+      }
     }
     provide(IsActiveSymbol, isActive);
     provide(ChangeActiveSymbol, changeActive);
@@ -393,7 +375,9 @@ const useSelectionList = defineHookComponent({
     }
     function render() {
       return h(props.tag, {}, renderSlot(slots, "default", {
-        isActive
+        isActive,
+        changeActive,
+        renderItem
       }));
     }
     return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hoci",
-  "version": "0.0.11",
+  "version": "0.0.12",
   "description": "",
   "main": "dist/index.cjs",
   "module": "dist/index.esm.js",