@hoci/components 0.5.6 → 0.5.7

package/dist/index.cjs

@@ -53,6 +53,7 @@ const HiItem = vue.defineComponent({
       default: "div"
     }
   },
+  emits: core.itemEmits,
   setup(props, context) {
     const { render, activate, className, isDisabled, activateEvent } = core.useSelectionItem(
       props,
@@ -191,15 +192,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",
@@ -247,7 +253,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);
@@ -266,6 +272,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);
@@ -296,8 +305,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 = () => {
@@ -306,7 +317,7 @@ const useSelectionList = shared.defineHookComponent({
     };
     const slotData = {
       isActive,
-      changeActive,
+      changeActive: activate,
       renderItem
     };
     const render = () => {
@@ -316,7 +327,7 @@ const useSelectionList = shared.defineHookComponent({
       options,
       actives,
       isActive,
-      changeActive,
+      changeActive: activate,
       renderItem,
       render
     };
@@ -402,15 +413,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;
@@ -472,6 +487,7 @@ const HiTabPane = vue.defineComponent({
   props: {
     ...itemProps
   },
+  emits: itemEmits,
   setup(props, context) {
     const { className, activateEvent, activate, isDisabled, label } = useSelectionItem(props, context);
     return () => {

package/dist/index.d.cts

@@ -106,7 +106,7 @@ declare const HiSelection: vue.DefineComponent<{
     };
 }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "load" | "unload" | "update:modelValue")[], "change" | "load" | "unload" | "update:modelValue", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "load" | "unload" | "update:modelValue" | "reject")[], "change" | "load" | "unload" | "update:modelValue" | "reject", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     as: {
         type: StringConstructor;
         default: string;
@@ -153,6 +153,7 @@ declare const HiSelection: vue.DefineComponent<{
     onLoad?: ((...args: any[]) => any) | undefined;
     onUnload?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onReject?: ((...args: any[]) => any) | undefined;
 }, {
     multiple: number | boolean;
     modelValue: any;
@@ -193,7 +194,7 @@ declare const HiItem: vue.DefineComponent<{
     };
 }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "reject"[], "reject", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     as: {
         type: StringConstructor;
         default: string;
@@ -219,7 +220,9 @@ declare const HiItem: vue.DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>>, {
+}>> & {
+    onReject?: ((...args: any[]) => any) | undefined;
+}, {
     value: any;
     disabled: boolean;
     keepAlive: boolean;
@@ -316,7 +319,7 @@ declare const HiSwitch: vue.DefineComponent<{
     };
 }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "update:modelValue" | "reject")[], "change" | "update:modelValue" | "reject", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     as: {
         type: StringConstructor;
         default: string;
@@ -347,6 +350,7 @@ declare const HiSwitch: vue.DefineComponent<{
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onReject?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
     modelValue: boolean;
@@ -544,7 +548,7 @@ declare const HiTabPane: vue.DefineComponent<{
     };
 }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "reject"[], "reject", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     value: {
         type: vue.PropType<any>;
         default(): string;
@@ -566,7 +570,9 @@ declare const HiTabPane: vue.DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>>, {
+}>> & {
+    onReject?: ((...args: any[]) => any) | undefined;
+}, {
     value: any;
     disabled: boolean;
     keepAlive: boolean;

package/dist/index.d.mts

@@ -106,7 +106,7 @@ declare const HiSelection: vue.DefineComponent<{
     };
 }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "load" | "unload" | "update:modelValue")[], "change" | "load" | "unload" | "update:modelValue", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "load" | "unload" | "update:modelValue" | "reject")[], "change" | "load" | "unload" | "update:modelValue" | "reject", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     as: {
         type: StringConstructor;
         default: string;
@@ -153,6 +153,7 @@ declare const HiSelection: vue.DefineComponent<{
     onLoad?: ((...args: any[]) => any) | undefined;
     onUnload?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onReject?: ((...args: any[]) => any) | undefined;
 }, {
     multiple: number | boolean;
     modelValue: any;
@@ -193,7 +194,7 @@ declare const HiItem: vue.DefineComponent<{
     };
 }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "reject"[], "reject", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     as: {
         type: StringConstructor;
         default: string;
@@ -219,7 +220,9 @@ declare const HiItem: vue.DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>>, {
+}>> & {
+    onReject?: ((...args: any[]) => any) | undefined;
+}, {
     value: any;
     disabled: boolean;
     keepAlive: boolean;
@@ -316,7 +319,7 @@ declare const HiSwitch: vue.DefineComponent<{
     };
 }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "update:modelValue" | "reject")[], "change" | "update:modelValue" | "reject", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     as: {
         type: StringConstructor;
         default: string;
@@ -347,6 +350,7 @@ declare const HiSwitch: vue.DefineComponent<{
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onReject?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
     modelValue: boolean;
@@ -544,7 +548,7 @@ declare const HiTabPane: vue.DefineComponent<{
     };
 }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "reject"[], "reject", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     value: {
         type: vue.PropType<any>;
         default(): string;
@@ -566,7 +570,9 @@ declare const HiTabPane: vue.DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>>, {
+}>> & {
+    onReject?: ((...args: any[]) => any) | undefined;
+}, {
     value: any;
     disabled: boolean;
     keepAlive: boolean;

package/dist/index.d.ts

@@ -106,7 +106,7 @@ declare const HiSelection: vue.DefineComponent<{
     };
 }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "load" | "unload" | "update:modelValue")[], "change" | "load" | "unload" | "update:modelValue", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "load" | "unload" | "update:modelValue" | "reject")[], "change" | "load" | "unload" | "update:modelValue" | "reject", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     as: {
         type: StringConstructor;
         default: string;
@@ -153,6 +153,7 @@ declare const HiSelection: vue.DefineComponent<{
     onLoad?: ((...args: any[]) => any) | undefined;
     onUnload?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onReject?: ((...args: any[]) => any) | undefined;
 }, {
     multiple: number | boolean;
     modelValue: any;
@@ -193,7 +194,7 @@ declare const HiItem: vue.DefineComponent<{
     };
 }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "reject"[], "reject", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     as: {
         type: StringConstructor;
         default: string;
@@ -219,7 +220,9 @@ declare const HiItem: vue.DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>>, {
+}>> & {
+    onReject?: ((...args: any[]) => any) | undefined;
+}, {
     value: any;
     disabled: boolean;
     keepAlive: boolean;
@@ -316,7 +319,7 @@ declare const HiSwitch: vue.DefineComponent<{
     };
 }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "update:modelValue" | "reject")[], "change" | "update:modelValue" | "reject", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     as: {
         type: StringConstructor;
         default: string;
@@ -347,6 +350,7 @@ declare const HiSwitch: vue.DefineComponent<{
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onReject?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
     modelValue: boolean;
@@ -544,7 +548,7 @@ declare const HiTabPane: vue.DefineComponent<{
     };
 }, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "reject"[], "reject", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     value: {
         type: vue.PropType<any>;
         default(): string;
@@ -566,7 +570,9 @@ declare const HiTabPane: vue.DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>>, {
+}>> & {
+    onReject?: ((...args: any[]) => any) | undefined;
+}, {
     value: any;
     disabled: boolean;
     keepAlive: boolean;

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import { defineComponent, h, renderSlot, reactive, computed, provide, inject, KeepAlive, watch, Teleport } from 'vue';
-import { affixProps, useAffix, selectionProps as selectionProps$1, selectionEmits as selectionEmits$1, useSelectionList as useSelectionList$1, itemProps as itemProps$1, useSelectionItem as useSelectionItem$1, iconProps, useIcon, switchProps, switchEmits, useSwitch, configProviderProps, provideSharedConfig, popoverProps, popoverEmits, usePopover } from '@hoci/core';
+import { affixProps, useAffix, selectionProps as selectionProps$1, selectionEmits as selectionEmits$1, useSelectionList as useSelectionList$1, itemProps as itemProps$1, itemEmits as itemEmits$1, useSelectionItem as useSelectionItem$1, iconProps, useIcon, switchProps, switchEmits, useSwitch, configProviderProps, provideSharedConfig, popoverProps, popoverEmits, usePopover } from '@hoci/core';
 import { capitalize, cls } from 'tslx';
 import { defineHookProps, valuePropType, classPropType, labelPropType, defineHookEmits, defineHookComponent, useSharedConfig, toReactive, getFirstChilld } from '@hoci/shared';
 import { syncRef, isDefined, tryOnScopeDispose } from '@vueuse/core';
@@ -51,6 +51,7 @@ const HiItem = defineComponent({
       default: "div"
     }
   },
+  emits: itemEmits$1,
   setup(props, context) {
     const { render, activate, className, isDisabled, activateEvent } = useSelectionItem$1(
       props,
@@ -189,15 +190,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",
@@ -245,7 +251,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);
@@ -264,6 +270,9 @@ const useSelectionList = defineHookComponent({
         }
       }
     }
+    function reject(value) {
+      emit("reject", value);
+    }
     const init = (option) => {
       function remove() {
         const index = options.findIndex((e) => e.id === option.id);
@@ -294,8 +303,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 = () => {
@@ -304,7 +315,7 @@ const useSelectionList = defineHookComponent({
     };
     const slotData = {
       isActive,
-      changeActive,
+      changeActive: activate,
       renderItem
     };
     const render = () => {
@@ -314,7 +325,7 @@ const useSelectionList = defineHookComponent({
       options,
       actives,
       isActive,
-      changeActive,
+      changeActive: activate,
       renderItem,
       render
     };
@@ -400,15 +411,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;
@@ -470,6 +485,7 @@ const HiTabPane = defineComponent({
   props: {
     ...itemProps
   },
+  emits: itemEmits,
   setup(props, context) {
     const { className, activateEvent, activate, isDisabled, label } = useSelectionItem(props, context);
     return () => {

package/package.json

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