pxd 0.0.1

package/dist/switch/src/constraints.d.ts

@@ -0,0 +1,59 @@
+import type { ExtractPropTypes } from 'vue';
+import type Switch from './switch.vue';
+export declare const switchProps: {
+    modelValue: {
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        default: boolean;
+    };
+    /**
+     * @zh 按钮的尺寸
+     */
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: null;
+    };
+    /**
+     * @zh 是否禁用
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否处于加载中
+     */
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 真值，用于切换为激活时的值
+     */
+    activeValue: {
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        default: boolean;
+    };
+    /**
+     * @zh 假值，用于切换为未激活时的值
+     */
+    inactiveValue: {
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        default: boolean;
+    };
+    /**
+     * @zh 激活时的背景颜色
+     */
+    activeColor: {
+        type: StringConstructor;
+        default: null;
+    };
+    /**
+     * @zh 未激活时的背景颜色
+     */
+    inactiveColor: {
+        type: StringConstructor;
+        default: null;
+    };
+};
+export declare type SwitchProps = ExtractPropTypes<typeof switchProps>;
+export declare type SwitchInstance = InstanceType<typeof Switch>;

package/dist/switch/src/constraints.js

@@ -0,0 +1,37 @@
+const e = {
+  modelValue: {
+    type: [String, Number, Boolean],
+    default: !1
+  },
+  size: {
+    type: [String, Number],
+    default: null
+  },
+  disabled: {
+    type: Boolean,
+    default: !1
+  },
+  loading: {
+    type: Boolean,
+    default: !1
+  },
+  activeValue: {
+    type: [String, Number, Boolean],
+    default: !0
+  },
+  inactiveValue: {
+    type: [String, Number, Boolean],
+    default: !1
+  },
+  activeColor: {
+    type: String,
+    default: null
+  },
+  inactiveColor: {
+    type: String,
+    default: null
+  }
+};
+export {
+  e as switchProps
+};

package/dist/switch/src/switch.js

@@ -0,0 +1,5 @@
+import "./switch.vue_vue_type_script_setup_true_name_CSwitch_lang.js";
+import { default as t } from "./switch.vue_vue_type_script_setup_true_name_CSwitch_lang.js";
+export {
+  t as default
+};

package/dist/switch/src/switch.vue.d.ts

@@ -0,0 +1,21 @@
+import type { DefineComponent, ComputedOptions, MethodOptions, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComputedRef, WritableComputedRef, ExtractPropTypes } from 'vue';
+declare const _sfc_main: DefineComponent<{}, {
+    LoadingSpinner: DefineComponent<unknown, object, {}, ComputedOptions, MethodOptions, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<unknown>, {}>;
+    props: any;
+    emits: {
+        (event: 'change', evt: any): void;
+        (event: 'update:modelValue', value: any): void;
+    };
+    computedStyle: ComputedRef<{
+        '--size': string | undefined;
+        '--active-color': any;
+        '--inactive-color': any;
+    }>;
+    modelValue: WritableComputedRef<any>;
+    toggle: (value?: any) => any;
+    onSwitchClick: () => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {}>;
+export default _sfc_main;

package/dist/switch/src/switch.vue_vue_type_script_setup_true_name_CSwitch_lang.js

@@ -0,0 +1,50 @@
+import { defineComponent as c, defineAsyncComponent as u, computed as n, openBlock as l, createElementBlock as f, normalizeClass as h, normalizeStyle as g, unref as i, createElementVNode as x, createBlock as v, createCommentVNode as V } from "vue";
+import { switchProps as C } from "./constraints.js";
+import { appendCSSUnit as k } from "../../_utils/styles.js";
+import { useToggle as y } from "../../_hooks/use-toggle/index.js";
+const _ = ["disabled", "aria-checked"], b = { class: "px-switch--node px-flex px-items-center px-justify-center px-transition px-relative" }, S = c({
+  name: "CSwitch"
+}), j = /* @__PURE__ */ c({
+  ...S,
+  props: C,
+  emits: ["change", "update:modelValue"],
+  setup(r, { emit: a }) {
+    const e = r, s = u(() => import("../../spinner/index.js")), p = n(() => ({
+      "--size": k(e.size),
+      "--active-color": e.activeColor,
+      "--inactive-color": e.inactiveColor
+    })), o = n({
+      get() {
+        return e.modelValue;
+      },
+      set(t) {
+        a("update:modelValue", t);
+      }
+    }), d = y(o, {
+      truthyValue: e.activeValue,
+      falsyValue: e.inactiveValue
+    });
+    function m() {
+      d(), a("change", o.value);
+    }
+    return (t, w) => (l(), f("button", {
+      class: h(["px-switch px-transition px-inline-block px-cursor-pointer px-relative", { "px-switch--loading": t.loading }]),
+      disabled: t.disabled,
+      style: g(i(p)),
+      "aria-label": "toggle button",
+      "aria-checked": i(o) === e.activeValue,
+      onClick: m
+    }, [
+      x("i", b, [
+        t.loading ? (l(), v(i(s), {
+          key: 0,
+          size: ".68em",
+          color: "var(--primary-6)"
+        })) : V("", !0)
+      ])
+    ], 14, _));
+  }
+});
+export {
+  j as default
+};

package/package.json

@@ -0,0 +1,89 @@
+{
+  "name": "pxd",
+  "type": "module",
+  "version": "0.0.1",
+  "description": "A stylish modern component library for Vue3. 一个别具一格的现代 Vue3 组件库。",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "style": "dist/_styles/index.css",
+  "sideEffects": ["dist/*"],
+  "files": ["dist/*"],
+  "exports": {
+    ".": "./dist/index.js",
+    "./*": "./dist/*"
+  },
+  "scripts": {
+    "gen": "zx ./scripts/gc.mjs",
+    "dev": "cd ./playground && npm run dev",
+    "build": "npm run build:lib && npm run build:styles",
+    "build:lib": "vite build -c ./scripts/build-lib.mjs",
+    "build:styles": "node ./scripts/build-styles.mjs",
+    "stylelint": "stylelint --fix src/**/*.{css,scss}",
+    "eslint": "eslint ./src --ext .vue,.ts,.tsx --fix --ignore-path .gitignore"
+  },
+  "keywords": [
+    "ui",
+    "vue",
+    "vue3",
+    "ui framework",
+    "component library"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "license": "MIT",
+  "author": "banlify <banlify@163.com>",
+  "homepage": "https://github.com/banlify/px-ui#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/banlify/px-ui.git"
+  },
+  "bugs": {
+    "url": "https://github.com/banlify/px-ui/issues"
+  },
+  "peerDependencies": {
+    "vue": "^3.2.0"
+  },
+  "devDependencies": {
+    "@typescript-eslint/eslint-plugin": "^5.40.1",
+    "@typescript-eslint/parser": "^5.40.1",
+    "@vitejs/plugin-vue": "^3.1.2",
+    "@vitejs/plugin-vue-jsx": "^2.0.1",
+    "@vue/eslint-config-typescript": "^11.0.2",
+    "csso": "^5.0.5",
+    "eslint": "^8.25.0",
+    "eslint-config-standard-with-typescript": "^23.0.0",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-n": "^15.3.0",
+    "eslint-plugin-promise": "^6.1.1",
+    "eslint-plugin-unicorn": "^43.0.2",
+    "eslint-plugin-vue": "^9.6.0",
+    "fast-glob": "^3.2.12",
+    "fs-extra": "^10.1.0",
+    "kolorist": "^1.6.0",
+    "magic-string": "^0.26.7",
+    "sass": "^1.55.0",
+    "stylelint": "^14.14.0",
+    "stylelint-config-recommended-scss": "^6.0.0",
+    "stylelint-config-standard": "^26.0.0",
+    "stylelint-scss": "^4.3.0",
+    "typescript": "^4.8.4",
+    "unplugin-auto-import": "^0.11.2",
+    "unplugin-vue-components": "^0.22.8",
+    "unplugin-vue-setup-extend-plus": "^0.3.2",
+    "vite": "^3.1.8",
+    "vite-plugin-dts": "^1.6.6",
+    "vue": "^3.2.41",
+    "zx": "^7.1.1"
+  },
+  "dependencies": {
+    "@vueuse/core": "^9.3.1",
+    "focus-trap": "^7.0.0"
+  },
+  "browserslist": [
+    "> 1%",
+    "not ie 11",
+    "not op_mini all"
+  ]
+}