@hoci/core 0.5.6 → 0.5.7

package/dist/index.cjs

@@ -187,15 +187,20 @@ const selectionEmits = shared.defineHookEmits([
   "update:modelValue",
   "change",
   "load",
-  "unload"
+  "unload",
+  "reject"
 ]);
 const HiSelectionContextSymbol = Symbol("[hi-selection]context");
 function useSelectionContext() {
   const sharedConfig = shared.useSharedConfig();
   return vue.inject(HiSelectionContextSymbol, {
     isActive: () => false,
+    activate: () => {
+    },
     changeActive: () => {
     },
+    reject: () => {
+    },
     activeClass: "active",
     unactiveClass: "unactive",
     disabledClass: "disabled",
@@ -243,7 +248,7 @@ const useSelectionList = shared.defineHookComponent({
     function isActive(value) {
       return actives.includes(value);
     }
-    function changeActive(value) {
+    function activate(value) {
       if (isActive(value)) {
         if (props.multiple || props.clearable) {
           actives.splice(actives.indexOf(value), 1);
@@ -262,6 +267,9 @@ const useSelectionList = shared.defineHookComponent({
         }
       }
     }
+    function reject(value) {
+      emit("reject", value);
+    }
     const init = (option) => {
       function remove() {
         const index = options.findIndex((e) => e.id === option.id);
@@ -292,8 +300,10 @@ const useSelectionList = shared.defineHookComponent({
       defaultValue: vue.computed(() => props.defaultValue),
       activateEvent: vue.computed(() => props.activateEvent ?? sharedConfig.activateEvent),
       active: currentValue,
-      changeActive,
+      activate,
+      changeActive: activate,
       isActive,
+      reject,
       init
     }));
     const renderItem = () => {
@@ -302,7 +312,7 @@ const useSelectionList = shared.defineHookComponent({
     };
     const slotData = {
       isActive,
-      changeActive,
+      changeActive: activate,
       renderItem
     };
     const render = () => {
@@ -312,7 +322,7 @@ const useSelectionList = shared.defineHookComponent({
       options,
       actives,
       isActive,
-      changeActive,
+      changeActive: activate,
       renderItem,
       render
     };
@@ -344,15 +354,19 @@ const itemProps = shared.defineHookProps({
     default: false
   }
 });
+const itemEmits = shared.defineHookEmits(["reject"]);
 const useSelectionItem = shared.defineHookComponent({
   props: itemProps,
-  setup(props, { slots }) {
+  emits: itemEmits,
+  setup(props, { slots, emit }) {
     const context = useSelectionContext();
     const activate = () => {
       if (props.disabled) {
+        emit("reject", props.value);
+        context.reject(props.value);
         return;
       }
-      context.changeActive(props.value);
+      context.activate(props.value);
     };
     const label = vue.computed(() => {
       let label2 = props.label ?? context.label;
@@ -435,7 +449,7 @@ const switchProps = shared.defineHookProps({
     type: shared.classPropType
   }
 });
-const switchEmits = shared.defineHookEmits(["update:modelValue", "change"]);
+const switchEmits = shared.defineHookEmits(["update:modelValue", "change", "reject"]);
 const useSwitch = shared.defineHookComponent({
   props: switchProps,
   emits: switchEmits,
@@ -446,6 +460,7 @@ const useSwitch = shared.defineHookComponent({
     });
     const toggle = function(value) {
       if (props.disabled) {
+        context.emit("reject", value);
         return;
       }
       const oldValue = modelValue.value;
@@ -798,6 +813,7 @@ exports.affixEmits = affixEmits;
 exports.affixProps = affixProps;
 exports.configProviderProps = configProviderProps;
 exports.iconProps = iconProps;
+exports.itemEmits = itemEmits;
 exports.itemProps = itemProps;
 exports.popoverEmits = popoverEmits;
 exports.popoverProps = popoverProps;

package/dist/index.d.cts

@@ -138,6 +138,12 @@ interface Option {
     render(): ElementLike;
 }
 interface HiSelectionContext {
+    activate: (_: any) => void;
+    reject: (_: any) => void;
+    /**
+     * @deprecated
+     * use activate instead
+     */
     changeActive: (_: any) => void;
     isActive: (_: any) => boolean;
     init?: InitFunction;
@@ -201,7 +207,7 @@ declare const selectionProps: {
     };
 };
 type SelectionProps = typeof selectionProps;
-declare const selectionEmits: ("change" | "load" | "unload" | "update:modelValue")[];
+declare const selectionEmits: ("change" | "load" | "unload" | "update:modelValue" | "reject")[];
 declare function useSelectionContext(): HiSelectionContext;
 declare const useSelectionList: _hoci_shared.HookComponent<{
     options: {
@@ -217,7 +223,7 @@ declare const useSelectionList: _hoci_shared.HookComponent<{
     render: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>;
-}, ("change" | "load" | "unload" | "update:modelValue")[], {
+}, ("change" | "load" | "unload" | "update:modelValue" | "reject")[], {
     modelValue: {
         type: PropType<any>;
         default: () => null;
@@ -356,6 +362,7 @@ declare const itemProps: {
         default: boolean;
     };
 };
+declare const itemEmits: "reject"[];
 declare const useSelectionItem: _hoci_shared.HookComponent<{
     activate: () => void;
     render: () => ElementLike;
@@ -364,7 +371,7 @@ declare const useSelectionItem: _hoci_shared.HookComponent<{
     className: vue.ComputedRef<string>;
     activateEvent: vue.ComputedRef<ActivateEvent>;
     label: vue.ComputedRef<ElementLike[] | (string | JSX.Element | null | undefined)[]>;
-}, vue.EmitsOptions, {
+}, "reject"[], {
     value: {
         type: PropType<any>;
         default(): string;
@@ -444,14 +451,14 @@ declare const switchProps: {
     };
 };
 type HiSwitchProps = typeof switchProps;
-declare const switchEmits: ("change" | "update:modelValue")[];
+declare const switchEmits: ("change" | "update:modelValue" | "reject")[];
 declare const useSwitch: _hoci_shared.HookComponent<{
     toggle: (value?: any) => void;
     modelValue: vue.Ref<boolean> | vue.WritableComputedRef<boolean>;
     className: vue.ComputedRef<string>;
     isDisabled: vue.ComputedRef<boolean>;
     activateEvent: vue.ComputedRef<ActivateEvent>;
-}, ("change" | "update:modelValue")[], {
+}, ("change" | "update:modelValue" | "reject")[], {
     modelValue: {
         type: BooleanConstructor;
         default: () => false;
@@ -727,4 +734,4 @@ declare const usePopover: _hoci_shared.HookComponent<{
     teleport: string | boolean | HTMLElement;
 }>;
 
-export { AFFIX_TARGET_KEY, type AffixProps, type HiIconProps, type HiItemSlotsData, type HiSelectionContext, type HiSelectionSlotData, type HiSwitchProps, type InitFunction, type Option, type Placement, type SelectionProps, type TriggerEvent, affixEmits, affixProps, configProviderProps, iconProps, itemProps, popoverEmits, popoverProps, provideAffixTarget, selectionEmits, selectionProps, switchEmits, switchProps, useAffix, useIcon, usePopover, useSelectionContext, useSelectionItem, useSelectionList, useSwitch };
+export { AFFIX_TARGET_KEY, type AffixProps, type HiIconProps, type HiItemSlotsData, type HiSelectionContext, type HiSelectionSlotData, type HiSwitchProps, type InitFunction, type Option, type Placement, type SelectionProps, type TriggerEvent, affixEmits, affixProps, configProviderProps, iconProps, itemEmits, itemProps, popoverEmits, popoverProps, provideAffixTarget, selectionEmits, selectionProps, switchEmits, switchProps, useAffix, useIcon, usePopover, useSelectionContext, useSelectionItem, useSelectionList, useSwitch };

package/dist/index.d.mts

@@ -138,6 +138,12 @@ interface Option {
     render(): ElementLike;
 }
 interface HiSelectionContext {
+    activate: (_: any) => void;
+    reject: (_: any) => void;
+    /**
+     * @deprecated
+     * use activate instead
+     */
     changeActive: (_: any) => void;
     isActive: (_: any) => boolean;
     init?: InitFunction;
@@ -201,7 +207,7 @@ declare const selectionProps: {
     };
 };
 type SelectionProps = typeof selectionProps;
-declare const selectionEmits: ("change" | "load" | "unload" | "update:modelValue")[];
+declare const selectionEmits: ("change" | "load" | "unload" | "update:modelValue" | "reject")[];
 declare function useSelectionContext(): HiSelectionContext;
 declare const useSelectionList: _hoci_shared.HookComponent<{
     options: {
@@ -217,7 +223,7 @@ declare const useSelectionList: _hoci_shared.HookComponent<{
     render: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>;
-}, ("change" | "load" | "unload" | "update:modelValue")[], {
+}, ("change" | "load" | "unload" | "update:modelValue" | "reject")[], {
     modelValue: {
         type: PropType<any>;
         default: () => null;
@@ -356,6 +362,7 @@ declare const itemProps: {
         default: boolean;
     };
 };
+declare const itemEmits: "reject"[];
 declare const useSelectionItem: _hoci_shared.HookComponent<{
     activate: () => void;
     render: () => ElementLike;
@@ -364,7 +371,7 @@ declare const useSelectionItem: _hoci_shared.HookComponent<{
     className: vue.ComputedRef<string>;
     activateEvent: vue.ComputedRef<ActivateEvent>;
     label: vue.ComputedRef<ElementLike[] | (string | JSX.Element | null | undefined)[]>;
-}, vue.EmitsOptions, {
+}, "reject"[], {
     value: {
         type: PropType<any>;
         default(): string;
@@ -444,14 +451,14 @@ declare const switchProps: {
     };
 };
 type HiSwitchProps = typeof switchProps;
-declare const switchEmits: ("change" | "update:modelValue")[];
+declare const switchEmits: ("change" | "update:modelValue" | "reject")[];
 declare const useSwitch: _hoci_shared.HookComponent<{
     toggle: (value?: any) => void;
     modelValue: vue.Ref<boolean> | vue.WritableComputedRef<boolean>;
     className: vue.ComputedRef<string>;
     isDisabled: vue.ComputedRef<boolean>;
     activateEvent: vue.ComputedRef<ActivateEvent>;
-}, ("change" | "update:modelValue")[], {
+}, ("change" | "update:modelValue" | "reject")[], {
     modelValue: {
         type: BooleanConstructor;
         default: () => false;
@@ -727,4 +734,4 @@ declare const usePopover: _hoci_shared.HookComponent<{
     teleport: string | boolean | HTMLElement;
 }>;
 
-export { AFFIX_TARGET_KEY, type AffixProps, type HiIconProps, type HiItemSlotsData, type HiSelectionContext, type HiSelectionSlotData, type HiSwitchProps, type InitFunction, type Option, type Placement, type SelectionProps, type TriggerEvent, affixEmits, affixProps, configProviderProps, iconProps, itemProps, popoverEmits, popoverProps, provideAffixTarget, selectionEmits, selectionProps, switchEmits, switchProps, useAffix, useIcon, usePopover, useSelectionContext, useSelectionItem, useSelectionList, useSwitch };
+export { AFFIX_TARGET_KEY, type AffixProps, type HiIconProps, type HiItemSlotsData, type HiSelectionContext, type HiSelectionSlotData, type HiSwitchProps, type InitFunction, type Option, type Placement, type SelectionProps, type TriggerEvent, affixEmits, affixProps, configProviderProps, iconProps, itemEmits, itemProps, popoverEmits, popoverProps, provideAffixTarget, selectionEmits, selectionProps, switchEmits, switchProps, useAffix, useIcon, usePopover, useSelectionContext, useSelectionItem, useSelectionList, useSwitch };

package/dist/index.d.ts

@@ -138,6 +138,12 @@ interface Option {
     render(): ElementLike;
 }
 interface HiSelectionContext {
+    activate: (_: any) => void;
+    reject: (_: any) => void;
+    /**
+     * @deprecated
+     * use activate instead
+     */
     changeActive: (_: any) => void;
     isActive: (_: any) => boolean;
     init?: InitFunction;
@@ -201,7 +207,7 @@ declare const selectionProps: {
     };
 };
 type SelectionProps = typeof selectionProps;
-declare const selectionEmits: ("change" | "load" | "unload" | "update:modelValue")[];
+declare const selectionEmits: ("change" | "load" | "unload" | "update:modelValue" | "reject")[];
 declare function useSelectionContext(): HiSelectionContext;
 declare const useSelectionList: _hoci_shared.HookComponent<{
     options: {
@@ -217,7 +223,7 @@ declare const useSelectionList: _hoci_shared.HookComponent<{
     render: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>;
-}, ("change" | "load" | "unload" | "update:modelValue")[], {
+}, ("change" | "load" | "unload" | "update:modelValue" | "reject")[], {
     modelValue: {
         type: PropType<any>;
         default: () => null;
@@ -356,6 +362,7 @@ declare const itemProps: {
         default: boolean;
     };
 };
+declare const itemEmits: "reject"[];
 declare const useSelectionItem: _hoci_shared.HookComponent<{
     activate: () => void;
     render: () => ElementLike;
@@ -364,7 +371,7 @@ declare const useSelectionItem: _hoci_shared.HookComponent<{
     className: vue.ComputedRef<string>;
     activateEvent: vue.ComputedRef<ActivateEvent>;
     label: vue.ComputedRef<ElementLike[] | (string | JSX.Element | null | undefined)[]>;
-}, vue.EmitsOptions, {
+}, "reject"[], {
     value: {
         type: PropType<any>;
         default(): string;
@@ -444,14 +451,14 @@ declare const switchProps: {
     };
 };
 type HiSwitchProps = typeof switchProps;
-declare const switchEmits: ("change" | "update:modelValue")[];
+declare const switchEmits: ("change" | "update:modelValue" | "reject")[];
 declare const useSwitch: _hoci_shared.HookComponent<{
     toggle: (value?: any) => void;
     modelValue: vue.Ref<boolean> | vue.WritableComputedRef<boolean>;
     className: vue.ComputedRef<string>;
     isDisabled: vue.ComputedRef<boolean>;
     activateEvent: vue.ComputedRef<ActivateEvent>;
-}, ("change" | "update:modelValue")[], {
+}, ("change" | "update:modelValue" | "reject")[], {
     modelValue: {
         type: BooleanConstructor;
         default: () => false;
@@ -727,4 +734,4 @@ declare const usePopover: _hoci_shared.HookComponent<{
     teleport: string | boolean | HTMLElement;
 }>;
 
-export { AFFIX_TARGET_KEY, type AffixProps, type HiIconProps, type HiItemSlotsData, type HiSelectionContext, type HiSelectionSlotData, type HiSwitchProps, type InitFunction, type Option, type Placement, type SelectionProps, type TriggerEvent, affixEmits, affixProps, configProviderProps, iconProps, itemProps, popoverEmits, popoverProps, provideAffixTarget, selectionEmits, selectionProps, switchEmits, switchProps, useAffix, useIcon, usePopover, useSelectionContext, useSelectionItem, useSelectionList, useSwitch };
+export { AFFIX_TARGET_KEY, type AffixProps, type HiIconProps, type HiItemSlotsData, type HiSelectionContext, type HiSelectionSlotData, type HiSwitchProps, type InitFunction, type Option, type Placement, type SelectionProps, type TriggerEvent, affixEmits, affixProps, configProviderProps, iconProps, itemEmits, itemProps, popoverEmits, popoverProps, provideAffixTarget, selectionEmits, selectionProps, switchEmits, switchProps, useAffix, useIcon, usePopover, useSelectionContext, useSelectionItem, useSelectionList, useSwitch };

package/dist/index.mjs

@@ -186,15 +186,20 @@ const selectionEmits = defineHookEmits([
   "update:modelValue",
   "change",
   "load",
-  "unload"
+  "unload",
+  "reject"
 ]);
 const HiSelectionContextSymbol = Symbol("[hi-selection]context");
 function useSelectionContext() {
   const sharedConfig = useSharedConfig();
   return inject(HiSelectionContextSymbol, {
     isActive: () => false,
+    activate: () => {
+    },
     changeActive: () => {
     },
+    reject: () => {
+    },
     activeClass: "active",
     unactiveClass: "unactive",
     disabledClass: "disabled",
@@ -242,7 +247,7 @@ const useSelectionList = defineHookComponent({
     function isActive(value) {
       return actives.includes(value);
     }
-    function changeActive(value) {
+    function activate(value) {
       if (isActive(value)) {
         if (props.multiple || props.clearable) {
           actives.splice(actives.indexOf(value), 1);
@@ -261,6 +266,9 @@ const useSelectionList = defineHookComponent({
         }
       }
     }
+    function reject(value) {
+      emit("reject", value);
+    }
     const init = (option) => {
       function remove() {
         const index = options.findIndex((e) => e.id === option.id);
@@ -291,8 +299,10 @@ const useSelectionList = defineHookComponent({
       defaultValue: computed(() => props.defaultValue),
       activateEvent: computed(() => props.activateEvent ?? sharedConfig.activateEvent),
       active: currentValue,
-      changeActive,
+      activate,
+      changeActive: activate,
       isActive,
+      reject,
       init
     }));
     const renderItem = () => {
@@ -301,7 +311,7 @@ const useSelectionList = defineHookComponent({
     };
     const slotData = {
       isActive,
-      changeActive,
+      changeActive: activate,
       renderItem
     };
     const render = () => {
@@ -311,7 +321,7 @@ const useSelectionList = defineHookComponent({
       options,
       actives,
       isActive,
-      changeActive,
+      changeActive: activate,
       renderItem,
       render
     };
@@ -343,15 +353,19 @@ const itemProps = defineHookProps({
     default: false
   }
 });
+const itemEmits = defineHookEmits(["reject"]);
 const useSelectionItem = defineHookComponent({
   props: itemProps,
-  setup(props, { slots }) {
+  emits: itemEmits,
+  setup(props, { slots, emit }) {
     const context = useSelectionContext();
     const activate = () => {
       if (props.disabled) {
+        emit("reject", props.value);
+        context.reject(props.value);
         return;
       }
-      context.changeActive(props.value);
+      context.activate(props.value);
     };
     const label = computed(() => {
       let label2 = props.label ?? context.label;
@@ -434,7 +448,7 @@ const switchProps = defineHookProps({
     type: classPropType
   }
 });
-const switchEmits = defineHookEmits(["update:modelValue", "change"]);
+const switchEmits = defineHookEmits(["update:modelValue", "change", "reject"]);
 const useSwitch = defineHookComponent({
   props: switchProps,
   emits: switchEmits,
@@ -445,6 +459,7 @@ const useSwitch = defineHookComponent({
     });
     const toggle = function(value) {
       if (props.disabled) {
+        context.emit("reject", value);
         return;
       }
       const oldValue = modelValue.value;
@@ -792,4 +807,4 @@ const usePopover = defineHookComponent({
   }
 });
 
-export { AFFIX_TARGET_KEY, affixEmits, affixProps, configProviderProps, iconProps, itemProps, popoverEmits, popoverProps, provideAffixTarget, selectionEmits, selectionProps, switchEmits, switchProps, useAffix, useIcon, usePopover, useSelectionContext, useSelectionItem, useSelectionList, useSwitch };
+export { AFFIX_TARGET_KEY, affixEmits, affixProps, configProviderProps, iconProps, itemEmits, itemProps, popoverEmits, popoverProps, provideAffixTarget, selectionEmits, selectionProps, switchEmits, switchProps, useAffix, useIcon, usePopover, useSelectionContext, useSelectionItem, useSelectionList, useSwitch };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hoci/core",
-  "version": "0.5.6",
+  "version": "0.5.7",
   "description": "",
   "author": "Chizuki <chizukicn@outlook.com>",
   "license": "MIT",
@@ -30,7 +30,7 @@
     "@vueuse/core": "9.0.0",
     "maybe-types": "^0.2.0",
     "tslx": "^0.1.1",
-    "@hoci/shared": "0.5.6"
+    "@hoci/shared": "0.5.7"
   },
   "scripts": {
     "build": "unbuild",