@destyler/checkbox 0.0.2 → 0.0.4

package/dist/index.d.mts

@@ -1,214 +1,4 @@
-import * as vue from 'vue';
-import { PropType, Component, Ref } from 'vue';
-import { AsTag } from '@destyler/primitive';
-import { ExtractPublicPropTypes } from '@destyler/shared';
-
-type CheckedState = boolean | 'indeterminate';
-
-declare const destylerCheckboxRootProps: {
-    readonly asChild: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly default: false;
-    };
-    readonly as: {
-        readonly type: PropType<AsTag | Component>;
-        readonly required: false;
-        readonly default: "button";
-    };
-    readonly defaultChecked: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-    };
-    readonly checked: {
-        readonly type: PropType<boolean | "indeterminate">;
-        readonly required: false;
-        readonly default: undefined;
-    };
-    readonly disabled: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly default: false;
-    };
-    readonly required: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-    };
-    readonly name: {
-        readonly type: PropType<string>;
-        readonly required: false;
-    };
-    readonly value: {
-        readonly type: PropType<string>;
-        readonly required: false;
-        readonly default: "on";
-    };
-    readonly id: {
-        readonly type: PropType<string>;
-        readonly required: false;
-    };
-};
-type DestylerCheckboxRootProps = ExtractPublicPropTypes<typeof destylerCheckboxRootProps>;
-interface CheckboxRootContext {
-    disabled: Ref<boolean>;
-    state: Ref<CheckedState>;
-}
-declare const DestylerCheckboxRoot: vue.DefineComponent<{
-    readonly asChild: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly default: false;
-    };
-    readonly as: {
-        readonly type: PropType<AsTag | Component>;
-        readonly required: false;
-        readonly default: "button";
-    };
-    readonly defaultChecked: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-    };
-    readonly checked: {
-        readonly type: PropType<boolean | "indeterminate">;
-        readonly required: false;
-        readonly default: undefined;
-    };
-    readonly disabled: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly default: false;
-    };
-    readonly required: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-    };
-    readonly name: {
-        readonly type: PropType<string>;
-        readonly required: false;
-    };
-    readonly value: {
-        readonly type: PropType<string>;
-        readonly required: false;
-        readonly default: "on";
-    };
-    readonly id: {
-        readonly type: PropType<string>;
-        readonly required: false;
-    };
-}, {
-    disabled: Ref<false> | Ref<true>;
-    checked: Ref<CheckedState>;
-    forwardRef: (ref: Element | vue.ComponentPublicInstance | null) => void;
-    isFormControl: vue.ComputedRef<boolean>;
-    ariaLabel: vue.ComputedRef<string | null | undefined>;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "update:checked"[], "update:checked", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
-    readonly asChild: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly default: false;
-    };
-    readonly as: {
-        readonly type: PropType<AsTag | Component>;
-        readonly required: false;
-        readonly default: "button";
-    };
-    readonly defaultChecked: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-    };
-    readonly checked: {
-        readonly type: PropType<boolean | "indeterminate">;
-        readonly required: false;
-        readonly default: undefined;
-    };
-    readonly disabled: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly default: false;
-    };
-    readonly required: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-    };
-    readonly name: {
-        readonly type: PropType<string>;
-        readonly required: false;
-    };
-    readonly value: {
-        readonly type: PropType<string>;
-        readonly required: false;
-        readonly default: "on";
-    };
-    readonly id: {
-        readonly type: PropType<string>;
-        readonly required: false;
-    };
-}>> & {
-    "onUpdate:checked"?: ((...args: any[]) => any) | undefined;
-}, {
-    readonly checked: boolean | "indeterminate";
-    readonly asChild: boolean;
-    readonly as: AsTag | Component;
-    readonly disabled: boolean;
-    readonly value: string;
-}, {}>;
-
-declare const destylerCheckboxIndicatorProps: {
-    readonly asChild: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly default: false;
-    };
-    readonly as: {
-        readonly type: PropType<AsTag | Component>;
-        readonly required: false;
-        readonly default: "button";
-    };
-    readonly forceMount: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly default: false;
-    };
-};
-type DestylerCheckboxIndicatorProps = ExtractPublicPropTypes<typeof destylerCheckboxIndicatorProps>;
-declare const DestylerCheckboxIndicator: vue.DefineComponent<{
-    readonly asChild: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly default: false;
-    };
-    readonly as: {
-        readonly type: PropType<AsTag | Component>;
-        readonly required: false;
-        readonly default: "button";
-    };
-    readonly forceMount: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly default: false;
-    };
-}, {
-    rootContext: CheckboxRootContext;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
-    readonly asChild: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly default: false;
-    };
-    readonly as: {
-        readonly type: PropType<AsTag | Component>;
-        readonly required: false;
-        readonly default: "button";
-    };
-    readonly forceMount: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly default: false;
-    };
-}>>, {
-    readonly asChild: boolean;
-    readonly as: AsTag | Component;
-    readonly forceMount: boolean;
-}, {}>;
-
-export { DestylerCheckboxIndicator, type DestylerCheckboxIndicatorProps, DestylerCheckboxRoot, type DestylerCheckboxRootProps };
+export { CheckboxIndicator, CheckboxIndicatorProps, CheckboxRoot, CheckboxRootProps, checkboxIndicatorProps, checkboxRootProps } from './component.mjs';
+import 'vue';
+import '@destyler/primitive';
+import '@destyler/shared';

package/dist/index.d.ts

@@ -1,214 +1,4 @@
-import * as vue from 'vue';
-import { PropType, Component, Ref } from 'vue';
-import { AsTag } from '@destyler/primitive';
-import { ExtractPublicPropTypes } from '@destyler/shared';
-
-type CheckedState = boolean | 'indeterminate';
-
-declare const destylerCheckboxRootProps: {
-    readonly asChild: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly default: false;
-    };
-    readonly as: {
-        readonly type: PropType<AsTag | Component>;
-        readonly required: false;
-        readonly default: "button";
-    };
-    readonly defaultChecked: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-    };
-    readonly checked: {
-        readonly type: PropType<boolean | "indeterminate">;
-        readonly required: false;
-        readonly default: undefined;
-    };
-    readonly disabled: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly default: false;
-    };
-    readonly required: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-    };
-    readonly name: {
-        readonly type: PropType<string>;
-        readonly required: false;
-    };
-    readonly value: {
-        readonly type: PropType<string>;
-        readonly required: false;
-        readonly default: "on";
-    };
-    readonly id: {
-        readonly type: PropType<string>;
-        readonly required: false;
-    };
-};
-type DestylerCheckboxRootProps = ExtractPublicPropTypes<typeof destylerCheckboxRootProps>;
-interface CheckboxRootContext {
-    disabled: Ref<boolean>;
-    state: Ref<CheckedState>;
-}
-declare const DestylerCheckboxRoot: vue.DefineComponent<{
-    readonly asChild: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly default: false;
-    };
-    readonly as: {
-        readonly type: PropType<AsTag | Component>;
-        readonly required: false;
-        readonly default: "button";
-    };
-    readonly defaultChecked: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-    };
-    readonly checked: {
-        readonly type: PropType<boolean | "indeterminate">;
-        readonly required: false;
-        readonly default: undefined;
-    };
-    readonly disabled: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly default: false;
-    };
-    readonly required: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-    };
-    readonly name: {
-        readonly type: PropType<string>;
-        readonly required: false;
-    };
-    readonly value: {
-        readonly type: PropType<string>;
-        readonly required: false;
-        readonly default: "on";
-    };
-    readonly id: {
-        readonly type: PropType<string>;
-        readonly required: false;
-    };
-}, {
-    disabled: Ref<false> | Ref<true>;
-    checked: Ref<CheckedState>;
-    forwardRef: (ref: Element | vue.ComponentPublicInstance | null) => void;
-    isFormControl: vue.ComputedRef<boolean>;
-    ariaLabel: vue.ComputedRef<string | null | undefined>;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "update:checked"[], "update:checked", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
-    readonly asChild: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly default: false;
-    };
-    readonly as: {
-        readonly type: PropType<AsTag | Component>;
-        readonly required: false;
-        readonly default: "button";
-    };
-    readonly defaultChecked: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-    };
-    readonly checked: {
-        readonly type: PropType<boolean | "indeterminate">;
-        readonly required: false;
-        readonly default: undefined;
-    };
-    readonly disabled: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly default: false;
-    };
-    readonly required: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-    };
-    readonly name: {
-        readonly type: PropType<string>;
-        readonly required: false;
-    };
-    readonly value: {
-        readonly type: PropType<string>;
-        readonly required: false;
-        readonly default: "on";
-    };
-    readonly id: {
-        readonly type: PropType<string>;
-        readonly required: false;
-    };
-}>> & {
-    "onUpdate:checked"?: ((...args: any[]) => any) | undefined;
-}, {
-    readonly checked: boolean | "indeterminate";
-    readonly asChild: boolean;
-    readonly as: AsTag | Component;
-    readonly disabled: boolean;
-    readonly value: string;
-}, {}>;
-
-declare const destylerCheckboxIndicatorProps: {
-    readonly asChild: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly default: false;
-    };
-    readonly as: {
-        readonly type: PropType<AsTag | Component>;
-        readonly required: false;
-        readonly default: "button";
-    };
-    readonly forceMount: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly default: false;
-    };
-};
-type DestylerCheckboxIndicatorProps = ExtractPublicPropTypes<typeof destylerCheckboxIndicatorProps>;
-declare const DestylerCheckboxIndicator: vue.DefineComponent<{
-    readonly asChild: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly default: false;
-    };
-    readonly as: {
-        readonly type: PropType<AsTag | Component>;
-        readonly required: false;
-        readonly default: "button";
-    };
-    readonly forceMount: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly default: false;
-    };
-}, {
-    rootContext: CheckboxRootContext;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
-    readonly asChild: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly default: false;
-    };
-    readonly as: {
-        readonly type: PropType<AsTag | Component>;
-        readonly required: false;
-        readonly default: "button";
-    };
-    readonly forceMount: {
-        readonly type: PropType<boolean>;
-        readonly required: false;
-        readonly default: false;
-    };
-}>>, {
-    readonly asChild: boolean;
-    readonly as: AsTag | Component;
-    readonly forceMount: boolean;
-}, {}>;
-
-export { DestylerCheckboxIndicator, type DestylerCheckboxIndicatorProps, DestylerCheckboxRoot, type DestylerCheckboxRootProps };
+export { CheckboxIndicator, CheckboxIndicatorProps, CheckboxRoot, CheckboxRootProps, checkboxIndicatorProps, checkboxRootProps } from './component.js';
+import 'vue';
+import '@destyler/primitive';
+import '@destyler/shared';

package/dist/index.mjs

@@ -1,171 +1,7 @@
-import { defineComponent, toRef, computed, withDirectives, h, mergeProps } from 'vue';
-import { DestylerPrimitive } from '@destyler/primitive';
-import { useVModel, useForwardExpose, useFormControl } from '@destyler/composition';
-import { createContext } from '@destyler/shared';
-import { BindOnceDirective } from '@destyler/directives';
-import { DestylerPresence } from '@destyler/presence';
-
-function isIndeterminate(checked) {
-  return checked === "indeterminate";
-}
-function getState(checked) {
-  return isIndeterminate(checked) ? "indeterminate" : checked ? "checked" : "unchecked";
-}
-
-const destylerCheckboxRootProps = {
-  asChild: {
-    type: Boolean,
-    required: false,
-    default: false
-  },
-  as: {
-    type: [String, Object],
-    required: false,
-    default: "button"
-  },
-  defaultChecked: {
-    type: Boolean,
-    required: false
-  },
-  checked: {
-    type: [Boolean, String],
-    required: false,
-    default: void 0
-  },
-  disabled: {
-    type: Boolean,
-    required: false,
-    default: false
-  },
-  required: {
-    type: Boolean,
-    required: false
-  },
-  name: {
-    type: String,
-    required: false
-  },
-  value: {
-    type: String,
-    required: false,
-    default: "on"
-  },
-  id: {
-    type: String,
-    required: false
-  }
-};
-const [injectCheckboxRootContext, provideCheckboxRootContext] = createContext("DestylerCheckboxRoot");
-const DestylerCheckboxRoot = defineComponent({
-  name: "DestylerCheckboxRoot",
-  props: destylerCheckboxRootProps,
-  emits: ["update:checked"],
-  setup(props, { emit }) {
-    const disabledRef = toRef(props.disabled);
-    const checkedRef = useVModel(props, "checked", emit, {
-      defaultValue: props.defaultChecked,
-      passive: props.checked === void 0
-    });
-    const { forwardRef, currentElement } = useForwardExpose();
-    const isFormControl = useFormControl(currentElement);
-    const ariaLabel = computed(() => props.id && currentElement.value ? document.querySelector(`[for="${props.id}"]`)?.textContent : void 0);
-    provideCheckboxRootContext({
-      disabled: disabledRef,
-      state: checkedRef
-    });
-    return {
-      disabled: disabledRef,
-      checked: checkedRef,
-      forwardRef,
-      isFormControl,
-      ariaLabel
-    };
-  },
-  render() {
-    const useVShow = this.isFormControl;
-    return [
-      withDirectives(h(DestylerPrimitive, mergeProps(this.$attrs, {
-        "ref": (el) => this.forwardRef(el),
-        "role": "checkbox",
-        "asChild": this.$props.asChild,
-        "as": this.$props.as,
-        "type": this.$props.as === "button" ? "button" : void 0,
-        "aria-checked": isIndeterminate(this.checked) ? "mixed" : this.checked,
-        "aria-required": false,
-        "aria-label": this.$attrs["aria-label"] || this.ariaLabel,
-        "data-state": getState(this.checked),
-        "data-disabled": this.disabled ? "" : void 0,
-        "disabled": this.disabled,
-        "onClick": () => {
-          this.checked = !this.checked;
-        }
-      }), {
-        default: () => this.$slots.default?.()
-      }), [
-        [BindOnceDirective, { id: this.$props.id }]
-      ]),
-      useVShow ? h("input", {
-        "type": "checkbox",
-        "tabindex": "-1",
-        "aria-hidden": "",
-        "value": this.$props.value,
-        "checked": this.checked,
-        "name": this.$props.name,
-        "disabled": this.disabled,
-        "required": this.$props.required,
-        "style": {
-          transform: "translateX(-100%)",
-          position: "absolute",
-          pointerEvents: "none",
-          opacity: 0,
-          margin: 0
-        }
-      }) : null
-    ];
-  }
-});
-
-const destylerCheckboxIndicatorProps = {
-  asChild: {
-    type: Boolean,
-    required: false,
-    default: false
-  },
-  as: {
-    type: [String, Object],
-    required: false,
-    default: "button"
-  },
-  forceMount: {
-    type: Boolean,
-    required: false,
-    default: false
-  }
-};
-const DestylerCheckboxIndicator = defineComponent({
-  name: "DestylerCheckboxIndicator",
-  props: destylerCheckboxIndicatorProps,
-  setup() {
-    const rootContext = injectCheckboxRootContext();
-    return {
-      rootContext
-    };
-  },
-  render() {
-    return h(DestylerPresence, {
-      present: this.$props.forceMount || isIndeterminate(this.rootContext.state.value) || this.rootContext.state.value === true
-    }, h(DestylerPrimitive, mergeProps(this.$attrs, {
-      "data-state": getState(this.rootContext.state.value),
-      "data-disabled": this.rootContext.disabled.value ? "" : void 0,
-      "asChild": this.$props.asChild,
-      "as": this.$props.as,
-      "style": {
-        pointerEvents: "none"
-      }
-    }), {
-      default: () => this.$slots.default?.()
-    }));
-  }
-});
-
-export { DestylerCheckboxIndicator, DestylerCheckboxRoot };
+export { CheckboxIndicator, CheckboxRoot, checkboxIndicatorProps, checkboxRootProps } from './component.mjs';
+import 'vue';
+import '@destyler/primitive';
+import '@destyler/composition';
+import '@destyler/shared';
+import '@destyler/directives';
+import '@destyler/presence';

package/dist/resolver.cjs

@@ -4,10 +4,10 @@ const name = "@destyler/checkbox";
 
 const packageName = name;
 const checkboxComponentName = [
-  "DestylerCheckboxRoot",
-  "DestylerCheckboxIndicator"
+  "CheckboxRoot",
+  "CheckboxIndicator"
 ];
-function DestylerCheckboxResolver() {
+function CheckboxResolver() {
   return {
     type: "component",
     resolve: (name2) => {
@@ -17,5 +17,5 @@ function DestylerCheckboxResolver() {
   };
 }
 
-exports.DestylerCheckboxResolver = DestylerCheckboxResolver;
+exports.CheckboxResolver = CheckboxResolver;
 exports.checkboxComponentName = checkboxComponentName;

package/dist/resolver.d.cts

@@ -1,6 +1,6 @@
 import { ComponentResolver } from 'unplugin-vue-components';
 
 declare const checkboxComponentName: string[];
-declare function DestylerCheckboxResolver(): ComponentResolver;
+declare function CheckboxResolver(): ComponentResolver;
 
-export { DestylerCheckboxResolver, checkboxComponentName };
+export { CheckboxResolver, checkboxComponentName };

package/dist/resolver.d.mts

@@ -1,6 +1,6 @@
 import { ComponentResolver } from 'unplugin-vue-components';
 
 declare const checkboxComponentName: string[];
-declare function DestylerCheckboxResolver(): ComponentResolver;
+declare function CheckboxResolver(): ComponentResolver;
 
-export { DestylerCheckboxResolver, checkboxComponentName };
+export { CheckboxResolver, checkboxComponentName };

package/dist/resolver.d.ts

@@ -1,6 +1,6 @@
 import { ComponentResolver } from 'unplugin-vue-components';
 
 declare const checkboxComponentName: string[];
-declare function DestylerCheckboxResolver(): ComponentResolver;
+declare function CheckboxResolver(): ComponentResolver;
 
-export { DestylerCheckboxResolver, checkboxComponentName };
+export { CheckboxResolver, checkboxComponentName };

package/dist/resolver.mjs

@@ -2,10 +2,10 @@ const name = "@destyler/checkbox";
 
 const packageName = name;
 const checkboxComponentName = [
-  "DestylerCheckboxRoot",
-  "DestylerCheckboxIndicator"
+  "CheckboxRoot",
+  "CheckboxIndicator"
 ];
-function DestylerCheckboxResolver() {
+function CheckboxResolver() {
   return {
     type: "component",
     resolve: (name2) => {
@@ -15,4 +15,4 @@ function DestylerCheckboxResolver() {
   };
 }
 
-export { DestylerCheckboxResolver, checkboxComponentName };
+export { CheckboxResolver, checkboxComponentName };