@destyler/radio 0.0.1-beta.12 → 0.0.1-beta.14

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023-PRESENT Elone Hoo
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/component.cjs

@@ -154,7 +154,7 @@ const DestylerRadio = vue.defineComponent({
       passive: props.checked === void 0
     });
     const { value } = vue.toRefs(props);
-    const { customElement, currentElement: triggerElement } = composition.useCustomElement();
+    const { forwardRef, currentElement: triggerElement } = composition.useForwardExpose();
     const isFormControl = composition.useFormControl(triggerElement);
     const ariaLabel = vue.computed(() => props.id && triggerElement.value ? document.querySelector(`[for="${props.id}"]`)?.textContent ?? props.value : void 0);
     function handleClick(event) {
@@ -163,7 +163,7 @@ const DestylerRadio = vue.defineComponent({
         event.stopPropagation();
     }
     return {
-      customElement,
+      forwardRef,
       checkedRef,
       ariaLabel,
       value,
@@ -174,7 +174,7 @@ const DestylerRadio = vue.defineComponent({
   render() {
     return vue.withDirectives(vue.h(primitive.DestylerPrimitive, vue.mergeProps(this.$attrs, {
       "role": "radio",
-      "ref": "customElement",
+      "ref": (el) => this.forwardRef(el),
       "type": this.$props.as === "button" ? "button" : void 0,
       "as": this.$props.as,
       "aria-checked": this.checkedRef,
@@ -250,7 +250,7 @@ const DestylerRadioGroupItem = vue.defineComponent({
   inheritAttrs: false,
   props: destylerRadioGroupItemProps,
   setup(props) {
-    const { customElement, currentElement } = composition.useCustomElement();
+    const { forwardRef, currentElement } = composition.useForwardExpose();
     const rootContext = injectRadioGroupRootContext();
     const disabled = vue.computed(() => rootContext.disabled.value || props.disabled);
     const required = vue.computed(() => rootContext.required.value || props.required);
@@ -275,7 +275,7 @@ const DestylerRadioGroupItem = vue.defineComponent({
       checked,
       disabled,
       required,
-      customElement,
+      forwardRef,
       rootContext,
       handleFocus
     };
@@ -288,7 +288,7 @@ const DestylerRadioGroupItem = vue.defineComponent({
       focusable: !this.disabled,
       active: this.checked
     }, vue.h(DestylerRadio, vue.mergeProps(this.$attrs, this.$props, {
-      "ref": "customElement",
+      "ref": (el) => this.forwardRef(el),
       "checked": this.checked,
       "required": this.required,
       "onUpdate:checked": () => {

package/dist/component.d.cts

@@ -81,7 +81,7 @@ declare const DestylerRadio: vue.DefineComponent<{
         readonly required: false;
     };
 }, {
-    customElement: vue.Ref<vue.ComponentPublicInstance | undefined>;
+    forwardRef: (ref: Element | vue.ComponentPublicInstance | null) => void;
     checkedRef: vue.WritableComputedRef<boolean | undefined>;
     ariaLabel: vue.ComputedRef<string | undefined>;
     value: vue.Ref<string | undefined>;

package/dist/component.d.mts

@@ -81,7 +81,7 @@ declare const DestylerRadio: vue.DefineComponent<{
         readonly required: false;
     };
 }, {
-    customElement: vue.Ref<vue.ComponentPublicInstance | undefined>;
+    forwardRef: (ref: Element | vue.ComponentPublicInstance | null) => void;
     checkedRef: vue.WritableComputedRef<boolean | undefined>;
     ariaLabel: vue.ComputedRef<string | undefined>;
     value: vue.Ref<string | undefined>;

package/dist/component.d.ts

@@ -81,7 +81,7 @@ declare const DestylerRadio: vue.DefineComponent<{
         readonly required: false;
     };
 }, {
-    customElement: vue.Ref<vue.ComponentPublicInstance | undefined>;
+    forwardRef: (ref: Element | vue.ComponentPublicInstance | null) => void;
     checkedRef: vue.WritableComputedRef<boolean | undefined>;
     ariaLabel: vue.ComputedRef<string | undefined>;
     value: vue.Ref<string | undefined>;

package/dist/component.mjs

@@ -1,7 +1,7 @@
 import { defineComponent, toRefs, h, computed, withDirectives, mergeProps, withModifiers, ref } from 'vue';
 import { DestylerPrimitive } from '@destyler/primitive';
 import { createContext } from '@destyler/shared';
-import { useVModel, useDirection, useCustomElement, useFormControl } from '@destyler/composition';
+import { useVModel, useDirection, useForwardExpose, useFormControl } from '@destyler/composition';
 import { DestylerRovingFocusGroup, DestylerRovingFocusItem } from '@destyler/roving-focus';
 import { useEventListener } from '@vueuse/core';
 import { BindOnceDirective } from '@destyler/directives';
@@ -152,7 +152,7 @@ const DestylerRadio = defineComponent({
       passive: props.checked === void 0
     });
     const { value } = toRefs(props);
-    const { customElement, currentElement: triggerElement } = useCustomElement();
+    const { forwardRef, currentElement: triggerElement } = useForwardExpose();
     const isFormControl = useFormControl(triggerElement);
     const ariaLabel = computed(() => props.id && triggerElement.value ? document.querySelector(`[for="${props.id}"]`)?.textContent ?? props.value : void 0);
     function handleClick(event) {
@@ -161,7 +161,7 @@ const DestylerRadio = defineComponent({
         event.stopPropagation();
     }
     return {
-      customElement,
+      forwardRef,
       checkedRef,
       ariaLabel,
       value,
@@ -172,7 +172,7 @@ const DestylerRadio = defineComponent({
   render() {
     return withDirectives(h(DestylerPrimitive, mergeProps(this.$attrs, {
       "role": "radio",
-      "ref": "customElement",
+      "ref": (el) => this.forwardRef(el),
       "type": this.$props.as === "button" ? "button" : void 0,
       "as": this.$props.as,
       "aria-checked": this.checkedRef,
@@ -248,7 +248,7 @@ const DestylerRadioGroupItem = defineComponent({
   inheritAttrs: false,
   props: destylerRadioGroupItemProps,
   setup(props) {
-    const { customElement, currentElement } = useCustomElement();
+    const { forwardRef, currentElement } = useForwardExpose();
     const rootContext = injectRadioGroupRootContext();
     const disabled = computed(() => rootContext.disabled.value || props.disabled);
     const required = computed(() => rootContext.required.value || props.required);
@@ -273,7 +273,7 @@ const DestylerRadioGroupItem = defineComponent({
       checked,
       disabled,
       required,
-      customElement,
+      forwardRef,
       rootContext,
       handleFocus
     };
@@ -286,7 +286,7 @@ const DestylerRadioGroupItem = defineComponent({
       focusable: !this.disabled,
       active: this.checked
     }, h(DestylerRadio, mergeProps(this.$attrs, this.$props, {
-      "ref": "customElement",
+      "ref": (el) => this.forwardRef(el),
       "checked": this.checked,
       "required": this.required,
       "onUpdate:checked": () => {

package/dist/index.d.cts

@@ -247,7 +247,7 @@ declare const DestylerRadioGroupItem: vue.DefineComponent<{
     checked: ComputedRef<boolean>;
     disabled: ComputedRef<boolean>;
     required: ComputedRef<boolean | undefined>;
-    customElement: vue.Ref<vue.ComponentPublicInstance | undefined>;
+    forwardRef: (ref: Element | vue.ComponentPublicInstance | null) => void;
     rootContext: RadioGroupRootContext;
     handleFocus: () => void;
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{

package/dist/index.d.mts

@@ -247,7 +247,7 @@ declare const DestylerRadioGroupItem: vue.DefineComponent<{
     checked: ComputedRef<boolean>;
     disabled: ComputedRef<boolean>;
     required: ComputedRef<boolean | undefined>;
-    customElement: vue.Ref<vue.ComponentPublicInstance | undefined>;
+    forwardRef: (ref: Element | vue.ComponentPublicInstance | null) => void;
     rootContext: RadioGroupRootContext;
     handleFocus: () => void;
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{

package/dist/index.d.ts

@@ -247,7 +247,7 @@ declare const DestylerRadioGroupItem: vue.DefineComponent<{
     checked: ComputedRef<boolean>;
     disabled: ComputedRef<boolean>;
     required: ComputedRef<boolean | undefined>;
-    customElement: vue.Ref<vue.ComponentPublicInstance | undefined>;
+    forwardRef: (ref: Element | vue.ComponentPublicInstance | null) => void;
     rootContext: RadioGroupRootContext;
     handleFocus: () => void;
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@destyler/radio",
-  "version": "0.0.1-beta.12",
+  "version": "0.0.1-beta.14",
   "description": "unstyled radio component for vue",
   "author": "Elone Hoo <elonehoo@gmail.com>",
   "license": "MIT",
@@ -34,11 +34,11 @@
   },
   "dependencies": {
     "@vueuse/core": "^10.7.2",
-    "@destyler/composition": "0.0.1-beta.12",
-    "@destyler/directives": "0.0.1-beta.12",
-    "@destyler/shared": "0.0.1-beta.12",
-    "@destyler/primitive": "0.0.1-beta.12",
-    "@destyler/roving-focus": "0.0.1-beta.12"
+    "@destyler/composition": "0.0.1-beta.14",
+    "@destyler/directives": "0.0.1-beta.14",
+    "@destyler/roving-focus": "0.0.1-beta.14",
+    "@destyler/primitive": "0.0.1-beta.14",
+    "@destyler/shared": "0.0.1-beta.14"
   },
   "scripts": {
     "clear": "rimraf ./dist",