@destyler/switch 0.0.2 → 0.0.4

package/dist/index.mjs

@@ -1,56 +1,80 @@
 import { defineComponent, toRefs, computed, withDirectives, h, mergeProps, withModifiers } from 'vue';
-import { DestylerPrimitive } from '@destyler/primitive';
+import { primitiveProps, Primitive } from '@destyler/primitive';
 import { useVModel, useForwardExpose, useFormControl } from '@destyler/composition';
 import { createContext } from '@destyler/shared';
 import { BindOnceDirective } from '@destyler/directives';
 
-const destylerSwitchRootProps = {
+const switchRootProps = {
+  ...primitiveProps,
+  /**
+   * @default button
+   */
   as: {
-    type: [String, Object],
-    required: false,
+    ...primitiveProps.as,
     default: "button"
   },
-  asChild: {
-    type: Boolean,
-    required: false,
-    default: false
-  },
+  /**
+   * The state of the switch when it is initially rendered.
+   * Use when you do not need to control its state.
+   */
   defaultChecked: {
     type: Boolean,
     required: false
   },
+  /**
+   * The controlled state of the switch.
+   * Can be bind as `v-model:checked`.
+   */
   checked: {
     type: Boolean,
     required: false,
     default: void 0
   },
+  /**
+   * When `true`, prevents the user from interacting with the switch.
+   */
   disabled: {
     type: Boolean,
     required: false
   },
+  /**
+   * When `true`, indicates that the user must check the switch before the owning form can be submitted.
+   */
   required: {
     type: Boolean,
     required: false
   },
+  /**
+   * The name of the switch. Submitted with its owning form as part of a name/value pair.
+   */
   name: {
     type: String,
     required: false
   },
+  /**
+   * Id of the element
+   */
   id: {
     type: String,
     required: false
   },
+  /**
+   * The value given as data when submitted with a `name`.
+   */
   value: {
     type: String,
     required: false,
     default: "on"
   }
 };
+const switchRootEmits = {
+  "update:checked": (_checked) => true
+};
 const [injectSwitchRootContext, provideSwitchRootContext] = createContext("DestylerSwitchRoot");
-const DestylerSwitchRoot = defineComponent({
+const SwitchRoot = defineComponent({
   name: "DestylerSwitchRoot",
-  props: destylerSwitchRootProps,
-  emits: ["update:checked"],
+  props: switchRootProps,
+  emits: switchRootEmits,
   setup(props, { emit }) {
     const { disabled } = toRefs(props);
     const checked = useVModel(props, "checked", emit, {
@@ -81,7 +105,7 @@ const DestylerSwitchRoot = defineComponent({
   },
   render() {
     return [
-      withDirectives(h(DestylerPrimitive, mergeProps(this.$attrs, {
+      withDirectives(h(Primitive, mergeProps(this.$attrs, {
         "ref": (el) => this.forwardRef(el),
         "role": "switch",
         "type": this.$props.as === "button" ? "button" : void 0,
@@ -100,9 +124,7 @@ const DestylerSwitchRoot = defineComponent({
         "onKeydown": withModifiers(() => {
           this.toggleCheck();
         }, ["enter", "prevent"])
-      }), {
-        default: () => this.$slots.default?.()
-      }), [
+      }), () => this.$slots.default?.()), [
         [BindOnceDirective, { id: this.$props.id }]
       ]),
       this.isFormControl ? h("input", {
@@ -128,21 +150,19 @@ const DestylerSwitchRoot = defineComponent({
   }
 });
 
-const destylerSwitchThumpProps = {
+const switchThumbProps = {
+  ...primitiveProps,
+  /**
+   * @default span
+   */
   as: {
-    type: [String, Object],
-    required: false,
+    ...primitiveProps.as,
     default: "span"
-  },
-  asChild: {
-    type: Boolean,
-    required: false,
-    default: false
   }
 };
-const DestylerSwitchThump = defineComponent({
+const SwitchThumb = defineComponent({
   name: "DestylerSwitchThump",
-  props: destylerSwitchThumpProps,
+  props: switchThumbProps,
   setup(_) {
     const rootContext = injectSwitchRootContext();
     useForwardExpose();
@@ -151,13 +171,13 @@ const DestylerSwitchThump = defineComponent({
     };
   },
   render() {
-    return h(DestylerPrimitive, {
+    return h(Primitive, {
       "data-state": this.rootContext.checked?.value ? "checked" : "unchecked",
       "data-disabled": this.rootContext.disabled.value ? "" : void 0,
       "asChild": this.$props.asChild,
       "as": this.$props.as
-    }, this.$slots.default?.());
+    }, () => this.$slots.default?.());
   }
 });
 
-export { DestylerSwitchRoot, DestylerSwitchThump };
+export { SwitchRoot, SwitchThumb, switchRootEmits, switchRootProps, switchThumbProps };

package/dist/resolver.cjs

@@ -4,9 +4,10 @@ const name = "@destyler/switch";
 
 const packageName = name;
 const switchComponentName = [
-  "DestylerTemplate"
+  "SwitchRoot",
+  "SwitchThumb"
 ];
-function DestylerTemplateResolver() {
+function SwitchResolver() {
   return {
     type: "component",
     resolve: (name2) => {
@@ -16,5 +17,5 @@ function DestylerTemplateResolver() {
   };
 }
 
-exports.DestylerTemplateResolver = DestylerTemplateResolver;
+exports.SwitchResolver = SwitchResolver;
 exports.switchComponentName = switchComponentName;

package/dist/resolver.d.cts

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

package/dist/resolver.d.mts

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

package/dist/resolver.d.ts

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

package/dist/resolver.mjs

@@ -2,9 +2,10 @@ const name = "@destyler/switch";
 
 const packageName = name;
 const switchComponentName = [
-  "DestylerTemplate"
+  "SwitchRoot",
+  "SwitchThumb"
 ];
-function DestylerTemplateResolver() {
+function SwitchResolver() {
   return {
     type: "component",
     resolve: (name2) => {
@@ -14,4 +15,4 @@ function DestylerTemplateResolver() {
   };
 }
 
-export { DestylerTemplateResolver, switchComponentName };
+export { SwitchResolver, switchComponentName };

package/package.json

@@ -1,24 +1,22 @@
 {
   "name": "@destyler/switch",
-  "version": "0.0.2",
-  "description": "unstyled switch component for vue",
+  "type": "module",
+  "version": "0.0.4",
+  "description": "a control that allows the user to toggle between checked and not checked.",
   "author": "Elone Hoo <elonehoo@gmail.com>",
   "license": "MIT",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.cjs"
+      "types": "./dist/index.d.mts",
+      "default": "./dist/index.mjs"
     },
     "./resolver": {
-      "types": "./dist/resolver.d.ts",
-      "import": "./dist/resolver.mjs",
-      "require": "./dist/resolver.cjs"
+      "types": "./dist/resolver.d.mts",
+      "default": "./dist/resolver.mjs"
     },
     "./component": {
-      "types": "./dist/component.d.ts",
-      "import": "./dist/component.mjs",
-      "require": "./dist/component.cjs"
+      "types": "./dist/component.d.mts",
+      "default": "./dist/component.mjs"
     },
     "./*": "./*"
   },
@@ -30,16 +28,17 @@
     "dist"
   ],
   "peerDependencies": {
-    "vue": ">=3.3.4"
+    "vue": ">=3.4.21"
   },
   "dependencies": {
-    "@destyler/composition": "0.0.2",
-    "@destyler/shared": "0.0.2",
-    "@destyler/directives": "0.0.2",
-    "@destyler/primitive": "0.0.2"
+    "@destyler/shared": "0.0.4",
+    "@destyler/directives": "0.0.4",
+    "@destyler/composition": "0.0.4",
+    "@destyler/primitive": "0.0.4"
   },
   "scripts": {
     "clear": "rimraf ./dist",
-    "build": "pnpm run clear && unbuild"
+    "build": "pnpm run clear && unbuild",
+    "stub": "unbuild --stub"
   }
 }