pxd 0.0.1

package/dist/button/src/constraints.js

@@ -0,0 +1,36 @@
+import { VARIANTS as e, NATIVE_BUTTON_TYPES as a } from "../../_internal/props.js";
+const o = {
+  status: {
+    type: String,
+    default: "default",
+    validator: (t) => e.includes(t)
+  },
+  type: {
+    type: String,
+    default: "button",
+    validator: (t) => a.includes(t)
+  },
+  size: {
+    type: String,
+    default: ""
+  },
+  plain: {
+    type: Boolean,
+    default: !1
+  },
+  ghost: {
+    type: Boolean,
+    default: !1
+  },
+  loading: {
+    type: Boolean,
+    default: !1
+  },
+  disabled: {
+    type: Boolean,
+    default: !1
+  }
+};
+export {
+  o as buttonProps
+};

package/dist/checkbox/index.d.ts

@@ -0,0 +1,4 @@
+import type { InstallableComponent } from '..';
+import Checkbox from './src/checkbox.vue';
+export declare const CCheckbox: InstallableComponent;
+export default Checkbox;

package/dist/checkbox/index.js

@@ -0,0 +1,9 @@
+import o from "./src/checkbox.vue_vue_type_script_setup_true_name_CCheckbox_lang.js";
+import { default as a } from "./src/checkbox.vue_vue_type_script_setup_true_name_CCheckbox_lang.js";
+import { withInstall as t } from "../_utils/install.js";
+import "vue";
+const i = t(o);
+export {
+  i as CCheckbox,
+  a as default
+};

package/dist/checkbox/src/checkbox.js

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

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

@@ -0,0 +1,23 @@
+import type { DefineComponent, Ref, ComputedRef, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from 'vue';
+declare const _sfc_main: DefineComponent<{}, {
+    props: any;
+    emits: {
+        (e: 'change'): void;
+        (e: 'update:modelValue'): void;
+    };
+    checked: Ref<boolean>;
+    checkboxRef: Ref<HTMLInputElement | undefined>;
+    form: {
+        disabled: boolean;
+    };
+    checkboxGroup: {
+        disabled: boolean;
+    };
+    disabledComputed: ComputedRef<boolean>;
+    className: ComputedRef<any[]>;
+    onChangeValue: () => 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/checkbox/src/checkbox.vue_vue_type_script_setup_true_name_CCheckbox_lang.js

@@ -0,0 +1,49 @@
+import { defineComponent as p, ref as l, inject as n, computed as d, openBlock as r, createElementBlock as i, normalizeClass as _, unref as c, createElementVNode as e, renderSlot as C, createCommentVNode as v } from "vue";
+import { checkboxProps as g } from "./constraints.js";
+import { formSymbol as y, checkboxGroupSymbol as V } from "../../_internal/injectKeys.js";
+const B = ["aria-disabled"], N = ["value", "disabled", "checked"], S = /* @__PURE__ */ e("i", { class: "px-checkbox--target px-relative px-transition px-items-center px-justify-center" }, [
+  /* @__PURE__ */ e("svg", { viewBox: "0 0 64 64" }, [
+    /* @__PURE__ */ e("path", { d: "M50.42,16.76L22.34,39.45l-8.1-11.46c-1.12-1.58-3.3-1.96-4.88-0.84c-1.58,1.12-1.95,3.3-0.84,4.88l10.26,14.51  c0.56,0.79,1.42,1.31,2.38,1.45c0.16,0.02,0.32,0.03,0.48,0.03c0.8,0,1.57-0.27,2.2-0.78l30.99-25.03c1.5-1.21,1.74-3.42,0.52-4.92  C54.13,15.78,51.93,15.55,50.42,16.76z" })
+  ])
+], -1), j = {
+  key: 0,
+  class: "px-checkbox--label"
+}, z = p({
+  name: "CCheckbox"
+}), w = /* @__PURE__ */ p({
+  ...z,
+  props: g,
+  emits: ["change", "update:modelValue"],
+  setup(u, { emit: s }) {
+    const o = u, m = l(!1), b = l(), x = n(y, { disabled: !1 }), h = n(V, { disabled: !1 }), a = d(() => o.disabled || h.disabled || x.disabled), f = d(() => [
+      "px-checkbox",
+      o.disabled && "px-checkbox--disabled",
+      o.indeterminate && "indeterminate"
+    ]);
+    function k() {
+      s("change"), s("update:modelValue");
+    }
+    return (t, E) => (r(), i("label", {
+      class: _(["px-relation px-inline-flex px-items-center px-cursor-pointer px-select-none", c(f)]),
+      "aria-disabled": c(a)
+    }, [
+      e("input", {
+        ref_key: "checkboxRef",
+        ref: b,
+        type: "checkbox",
+        class: "px-outside",
+        value: t.value,
+        disabled: c(a),
+        checked: m.value,
+        onChange: k
+      }, null, 40, N),
+      S,
+      t.$slots.default ? (r(), i("span", j, [
+        C(t.$slots, "default")
+      ])) : v("", !0)
+    ], 10, B));
+  }
+});
+export {
+  w as default
+};

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

@@ -0,0 +1,26 @@
+import type Checkbox from './checkbox.vue';
+import type { ExtractPropTypes } from 'vue';
+export declare const checkboxProps: {
+    modelValue: {
+        type: BooleanConstructor;
+    };
+    value: {
+        type: (BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[];
+    };
+    /**
+     * @zh 是否禁用
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 半选
+     */
+    indeterminate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export declare type CheckboxProps = ExtractPropTypes<typeof checkboxProps>;
+export declare type CheckboxInstance = InstanceType<typeof Checkbox>;

package/dist/checkbox/src/constraints.js

@@ -0,0 +1,19 @@
+const e = {
+  modelValue: {
+    type: Boolean
+  },
+  value: {
+    type: [String, Number, Boolean, Object]
+  },
+  disabled: {
+    type: Boolean,
+    default: !1
+  },
+  indeterminate: {
+    type: Boolean,
+    default: !1
+  }
+};
+export {
+  e as checkboxProps
+};

package/dist/dialog/index.d.ts

@@ -0,0 +1,4 @@
+import type { InstallableComponent } from '..';
+import Dialog from './src/dialog.vue';
+export declare const CDialog: InstallableComponent;
+export default Dialog;

package/dist/dialog/index.js

@@ -0,0 +1,9 @@
+import o from "./src/dialog.vue_vue_type_script_setup_true_name_CDialog_lang.js";
+import { default as l } from "./src/dialog.vue_vue_type_script_setup_true_name_CDialog_lang.js";
+import { withInstall as t } from "../_utils/install.js";
+import "vue";
+const f = t(o);
+export {
+  f as CDialog,
+  l as default
+};

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

@@ -0,0 +1,72 @@
+import type Dialog from './dialog.vue';
+import type { ExtractPropTypes } from 'vue';
+export declare const dialogProps: {
+    /**
+     * @zh 是否显示弹窗
+     */
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 标题
+     */
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * @zh 标题下方的描述
+     */
+    description: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * @zh 是否只有在展示的时候才渲染 DOM
+     */
+    /**
+     * @zh 弹窗出现时锁定 body 滚动
+     */
+    lockScroll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否显示关闭按钮
+     */
+    showClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否把焦点范围锁定在弹窗中
+     */
+    focusTrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否将 DOM 元素
+     */
+    appendToBody: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否可以点击遮罩关闭弹窗
+     */
+    closeOnClickOutside: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @zh 是否可以通过按下 ESC 关闭 Dialog
+     */
+    closeOnPressEscape: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export declare type DialogProps = ExtractPropTypes<typeof dialogProps>;
+export declare type DialogInstance = InstanceType<typeof Dialog>;

package/dist/dialog/src/constraints.js

@@ -0,0 +1,41 @@
+const e = {
+  modelValue: {
+    type: Boolean,
+    default: !1
+  },
+  title: {
+    type: String,
+    default: ""
+  },
+  description: {
+    type: String,
+    default: ""
+  },
+  lockScroll: {
+    type: Boolean,
+    default: !0
+  },
+  showClose: {
+    type: Boolean,
+    default: !0
+  },
+  focusTrap: {
+    type: Boolean,
+    default: !0
+  },
+  appendToBody: {
+    type: Boolean,
+    default: !0
+  },
+  closeOnClickOutside: {
+    type: Boolean,
+    default: !0
+  },
+  closeOnPressEscape: {
+    type: Boolean,
+    default: !0
+  }
+};
+export {
+  e as dialogProps
+};

package/dist/dialog/src/dialog.js

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

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

@@ -0,0 +1,37 @@
+import type { noop } from '../../_internal';
+import type { DefineComponent, Ref, ComputedRef, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from 'vue';
+declare const _sfc_main: DefineComponent<{}, {
+    props: any;
+    emits: {
+        (e: 'update:modelValue', value: boolean): void;
+        (e: 'open'): void;
+        (e: 'close'): void;
+        (e: 'before-open'): void;
+        (e: 'before-close'): void;
+    };
+    dialogRef: Ref<any>;
+    zIndex: ComputedRef<number | undefined>;
+    className: ComputedRef<string[]>;
+    modelVisible: any;
+    close: () => void;
+    activate: typeof noop;
+    deactivate: typeof noop;
+    visibleWatchers: Set<(value: any, oldValue?: any) => void>;
+    maskTransitionMethods: {
+        onBeforeEnter(): void;
+        onBeforeLeave(): void;
+        onEnter(): void;
+        onLeave(): void;
+    };
+    modalTransitionMethods: {
+        onAfterEnter(): void;
+        onAfterLeave(): void;
+    };
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("update:modelValue" | "open" | "close" | "before-open" | "before-close")[], "update:modelValue" | "open" | "close" | "before-open" | "before-close", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+    "onBefore-open"?: ((...args: any[]) => any) | undefined;
+    "onBefore-close"?: ((...args: any[]) => any) | undefined;
+}, {}>;
+export default _sfc_main;

package/dist/dialog/src/dialog.vue_vue_type_script_setup_true_name_CDialog_lang.js

@@ -0,0 +1,143 @@
+import { defineComponent as w, ref as v, computed as S, openBlock as s, createBlock as O, Teleport as D, createVNode as b, Transition as y, mergeProps as h, withCtx as k, withDirectives as g, createElementVNode as f, normalizeClass as I, unref as x, normalizeStyle as P, createElementBlock as i, renderSlot as r, createTextVNode as V, toDisplayString as C, createCommentVNode as a, vShow as E } from "vue";
+import { dialogProps as A } from "./constraints.js";
+import { getFilledClassNames as M } from "../../_utils/styles.js";
+import { createWatchers as R } from "../../_utils/watchers.js";
+import { useFocusTrap as W } from "../../_hooks/use-focus-trap/index.js";
+import { useZIndex as j } from "../../_hooks/use-z-index/index.js";
+import { onClickOutside as F } from "@vueuse/core";
+const Z = ["aria-labelledby", "aria-describedby"], q = { class: "px-dialog--header" }, G = {
+  key: 0,
+  class: "px-dialog--text"
+}, H = {
+  key: 1,
+  class: "px-dialog--description"
+}, J = {
+  key: 0,
+  class: "px-dialog--content"
+}, K = {
+  key: 1,
+  class: "px-dialog--footer"
+}, Q = w({
+  name: "CDialog"
+}), le = /* @__PURE__ */ w({
+  ...Q,
+  props: A,
+  emits: ["update:modelValue", "open", "close", "before-open", "before-close"],
+  setup(T, { emit: l }) {
+    const o = T, d = v(), $ = j(), L = S(() => ["px-dialog", M("fixed flex-col items-center justify-center")]), n = v(o.modelValue), c = () => {
+      l("update:modelValue", !1);
+    }, { activate: _, deactivate: B } = W(d), p = R(() => o.modelValue, {
+      initialValue: [(e) => e ? _() : B()]
+    });
+    if (o.lockScroll && p.add((e) => {
+      if (e) {
+        document.body.classList.add("px-overflow-hidden");
+        return;
+      }
+      setTimeout(() => {
+        document.body.classList.remove("px-overflow-hidden");
+      }, 200);
+    }), o.closeOnClickOutside) {
+      let e;
+      p.add((t) => {
+        if (!t) {
+          e == null || e(), e = null;
+          return;
+        }
+        e = F(d, c);
+      });
+    }
+    if (o.closeOnPressEscape) {
+      const e = (t) => {
+        t.key === "Escape" && c();
+      };
+      p.add((t) => {
+        t ? document.addEventListener("keydown", e) : document.removeEventListener("keydown", e);
+      });
+    }
+    const N = {
+      onBeforeEnter() {
+        l("before-open");
+      },
+      onBeforeLeave() {
+        l("before-close");
+      },
+      onEnter() {
+        n.value = !0;
+      },
+      onLeave() {
+        n.value = !1;
+      }
+    }, z = {
+      onAfterEnter() {
+        l("open");
+      },
+      onAfterLeave() {
+        l("close");
+      }
+    };
+    return (e, t) => (s(), O(D, {
+      to: "body",
+      disabled: !o.appendToBody
+    }, [
+      b(y, h({ name: "px-fade" }, N), {
+        default: k(() => [
+          g(f("div", {
+            class: I(x(L)),
+            style: P({ zIndex: x($) })
+          }, [
+            b(y, h({ name: "px-zoom" }, z), {
+              default: k(() => {
+                var u, m;
+                return [
+                  g(f("div", {
+                    ref_key: "dialogRef",
+                    ref: d,
+                    tabindex: "0",
+                    role: "dialog",
+                    "aria-labelledby": e.title,
+                    "aria-describedby": e.description,
+                    class: "px-dialog--inner px-relative px-flex-col"
+                  }, [
+                    f("div", q, [
+                      ((u = e.$slots.title) != null ? u : e.title) ? (s(), i("span", G, [
+                        r(e.$slots, "title", {}, () => [
+                          V(C(e.title), 1)
+                        ])
+                      ])) : a("", !0),
+                      ((m = e.$slots.description) != null ? m : e.description) ? (s(), i("p", H, [
+                        r(e.$slots, "description", {}, () => [
+                          V(C(e.description), 1)
+                        ])
+                      ])) : a("", !0),
+                      e.showClose ? (s(), i("button", {
+                        key: 2,
+                        class: "px-dialog--close px-absolute px-transition",
+                        onClick: c
+                      })) : a("", !0)
+                    ]),
+                    e.$slots.default ? (s(), i("div", J, [
+                      r(e.$slots, "default")
+                    ])) : a("", !0),
+                    e.$slots.footer ? (s(), i("div", K, [
+                      r(e.$slots, "footer")
+                    ])) : a("", !0)
+                  ], 8, Z), [
+                    [E, n.value]
+                  ])
+                ];
+              }),
+              _: 3
+            }, 16)
+          ], 6), [
+            [E, e.modelValue]
+          ])
+        ]),
+        _: 3
+      }, 16)
+    ], 8, ["disabled"]));
+  }
+});
+export {
+  le as default
+};

package/dist/icon/index.d.ts

@@ -0,0 +1,4 @@
+import type { InstallableComponent } from '..';
+import Icon from './src/icon.vue';
+export declare const CIcon: InstallableComponent;
+export default Icon;

package/dist/icon/index.js

@@ -0,0 +1,9 @@
+import o from "./src/icon.vue_vue_type_script_setup_true_name_CIcon_lang.js";
+import { default as a } from "./src/icon.vue_vue_type_script_setup_true_name_CIcon_lang.js";
+import { withInstall as t } from "../_utils/install.js";
+import "vue";
+const i = t(o);
+export {
+  i as CIcon,
+  a as default
+};

package/dist/icon/src/composables/use-icon.d.ts

@@ -0,0 +1,8 @@
+import { type ComputedRef } from 'vue';
+import type { IconProps } from '../constraints';
+declare type UseIconReturnType = undefined | {
+    color: string;
+    fontSize: string | undefined;
+};
+export declare function useIcon(props: IconProps): ComputedRef<UseIconReturnType>;
+export {};

package/dist/icon/src/composables/use-icon.js

@@ -0,0 +1,15 @@
+import { computed as n } from "vue";
+import { appendCSSUnit as e } from "../../../_utils/styles.js";
+function u(t) {
+  return n(() => {
+    const { size: o, color: r } = t;
+    if (!(!o && !r))
+      return {
+        color: r,
+        fontSize: e(o)
+      };
+  });
+}
+export {
+  u as useIcon
+};

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

@@ -0,0 +1,14 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+import type Icon from './icon.vue';
+export declare const iconProps: {
+    size: {
+        type: PropType<`${number}px` | `${number}rem` | `${number}em` | `${number}vw` | `${number}vh` | `${number}vmin` | `${number}vmax`>;
+        default: null;
+    };
+    color: {
+        type: StringConstructor;
+        default: null;
+    };
+};
+export declare type IconProps = ExtractPropTypes<typeof iconProps>;
+export declare type IconInstance = InstanceType<typeof Icon>;

package/dist/icon/src/constraints.js

@@ -0,0 +1,13 @@
+const t = {
+  size: {
+    type: String,
+    default: null
+  },
+  color: {
+    type: String,
+    default: null
+  }
+};
+export {
+  t as iconProps
+};

package/dist/icon/src/icon.js

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

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

@@ -0,0 +1,3 @@
+import type { DefineComponent, ComputedOptions, MethodOptions, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps } from 'vue';
+declare const _sfc_main: DefineComponent<unknown, object, {}, ComputedOptions, MethodOptions, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<unknown>, {}>;
+export default _sfc_main;

package/dist/icon/src/icon.vue_vue_type_script_setup_true_name_CIcon_lang.js

@@ -0,0 +1,24 @@
+import { defineComponent as e, openBlock as t, createElementBlock as s, normalizeStyle as i, unref as l, renderSlot as p } from "vue";
+import { useIcon as c } from "./composables/use-icon.js";
+import { iconProps as a } from "./constraints.js";
+const m = e({
+  name: "CIcon"
+}), h = /* @__PURE__ */ e({
+  ...m,
+  props: a,
+  setup(o) {
+    const n = c(o);
+    return (r, f) => (t(), s("i", {
+      role: "img",
+      class: "px-icon px-empty-hidden",
+      "aria-label": "icon",
+      "aria-hidden": "true",
+      style: i(l(n))
+    }, [
+      p(r.$slots, "default")
+    ], 4));
+  }
+});
+export {
+  h as default
+};

package/dist/index.d.ts

@@ -0,0 +1,18 @@
+import type { Sizes } from './_types/props';
+import type { App } from 'vue';
+export * from './_types';
+export * from './button';
+export * from './dialog';
+export * from './icon';
+export * from './input';
+export * from './provider';
+export * from './spinner';
+export * from './switch';
+export * from './space';
+export * from './checkbox';
+export * from './radio';
+export { default as PxResolver } from './resolver';
+export interface GlobalConfig {
+    size: Sizes;
+}
+export default function install(app: App, globalConfig?: GlobalConfig): App;