hzzt-plus 0.0.1 → 0.0.2-dev-01

package/es/components/tab/index.d.ts

@@ -0,0 +1,45 @@
+export declare const HzztTab: import("hzzt-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    tabList: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    modelValue: {
+        type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
+    };
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        tabList: {
+            type: ArrayConstructor;
+            default: () => never[];
+        };
+        modelValue: {
+            type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        "onTab-click"?: ((...args: any[]) => any) | undefined;
+    }>>;
+    emit: (event: "update:modelValue" | "tab-click", ...args: any[]) => void;
+    customTabList: import("vue").ComputedRef<{
+        number: number;
+        hide: boolean;
+        name: string;
+        label: string;
+        key: string;
+    }[]>;
+    tabClick: (tab: any, event: any) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "tab-click")[], "update:modelValue" | "tab-click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    tabList: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    modelValue: {
+        type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onTab-click"?: ((...args: any[]) => any) | undefined;
+}, {
+    tabList: unknown[];
+}>> & Record<string, any>;
+export default HzztTab;

package/es/components/tab/index.mjs

@@ -0,0 +1,8 @@
+import '../../utils/index.mjs';
+import Tab from './src/index.mjs';
+import { withInstall } from '../../utils/vue/install.mjs';
+
+const HzztTab = withInstall(Tab);
+
+export { HzztTab, HzztTab as default };
+//# sourceMappingURL=index.mjs.map

package/es/components/tab/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/tab/index.ts"],"sourcesContent":["import { withInstall } from '@hzzt-plus/utils'\n\nimport Tab from './src/index.vue';\n\nexport const HzztTab = withInstall(Tab);\nexport default HzztTab\n"],"names":[],"mappings":";;;;AAEY,MAAC,OAAO,GAAG,WAAW,CAAC,GAAG;;;;"}

package/es/components/tab/src/index.mjs

@@ -0,0 +1,78 @@
+import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, Fragment, renderList, unref, normalizeClass, toDisplayString, createCommentVNode, renderSlot } from 'vue';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+
+const _hoisted_1 = { class: "hzzt-tab flex align-items-center justify-content-between wrap" };
+const _hoisted_2 = { class: "flex align-items-center" };
+const _hoisted_3 = { class: "flex" };
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = { class: "hzzt-tab-badge" };
+const _hoisted_6 = {
+  key: 0,
+  class: "hzzt-tab-badge-count"
+};
+const _hoisted_7 = { class: "flex wrap" };
+const __default__ = defineComponent({
+  name: "HzztTab"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: {
+    tabList: {
+      type: Array,
+      default: () => []
+    },
+    modelValue: {
+      type: [Number, String, Array]
+    }
+  },
+  emits: ["update:modelValue", "tab-click"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const customTabList = computed(() => props.tabList.map((value) => {
+      const tab = value;
+      return {
+        key: tab.name + "-" + tab.number,
+        ...tab,
+        number: Number(tab.number || 0),
+        hide: tab.hide
+      };
+    }).filter((tab) => !tab.hide));
+    function tabClick(tab, event) {
+      if (tab.name === props.modelValue)
+        return;
+      emit("update:modelValue", tab.name);
+      emit("tab-click", tab, event);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(customTabList), (tab) => {
+              return openBlock(), createElementBlock("div", {
+                key: tab.key,
+                onClick: ($event) => tabClick(tab, $event),
+                class: "hzzt-tab-pane"
+              }, [
+                createElementVNode("div", _hoisted_5, [
+                  createElementVNode("p", {
+                    class: normalizeClass([{ active: __props.modelValue === tab.name }, "hzzt-tab-badge-text"])
+                  }, toDisplayString(tab.label), 3),
+                  tab.number && tab.number !== 0 ? (openBlock(), createElementBlock("p", _hoisted_6, toDisplayString(tab.number > 999 ? "999+" : tab.number), 1)) : createCommentVNode("v-if", true)
+                ])
+              ], 8, _hoisted_4);
+            }), 128))
+          ]),
+          renderSlot(_ctx.$slots, "filter"),
+          renderSlot(_ctx.$slots, "extra")
+        ]),
+        createElementVNode("div", _hoisted_7, [
+          renderSlot(_ctx.$slots, "right")
+        ])
+      ]);
+    };
+  }
+});
+var Tab = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "index.vue"]]);
+
+export { Tab as default };
+//# sourceMappingURL=index.mjs.map

package/es/components/tab/src/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/tab/src/index.vue"],"sourcesContent":["<template>\n  <div class=\"hzzt-tab flex align-items-center justify-content-between wrap\">\n    <div class=\"flex align-items-center\">\n      <div class=\"flex\">\n        <div :key=\"tab.key\" @click=\"tabClick(tab, $event)\" class=\"hzzt-tab-pane\" v-for=\"tab in customTabList\">\n          <div class=\"hzzt-tab-badge\">\n            <p :class=\"{ active: modelValue === tab.name }\" class=\"hzzt-tab-badge-text\">{{ tab.label }}</p>\n            <p class=\"hzzt-tab-badge-count\" v-if=\"tab.number && tab.number !== 0\">{{\n                tab.number > 999 ? '999+' : tab.number\n              }}</p>\n          </div>\n        </div>\n      </div>\n      <slot name=\"filter\"></slot>\n      <slot name=\"extra\" />\n    </div>\n    <div class=\"flex wrap\">\n      <slot name=\"right\" />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n\n  import {computed} from 'vue';\n\n  defineOptions({\n    name: 'HzztTab'\n  })\n\n  declare type Tab = {\n    name: string,\n    label: string,\n    number: number,\n    hide: boolean\n  }\n\n  const props = defineProps({\n    tabList: {\n      type: Array,\n      default: () => [],\n    },\n    modelValue: {\n      type: [Number, String, Array],\n    },\n  })\n\n  const emit = defineEmits(['update:modelValue', 'tab-click'])\n\n  const customTabList = computed(() => props.tabList.map(value => {\n    const tab = value as Tab;\n    return {\n      key: (tab.name + '-' + tab.number) as string,\n      ...tab,\n      number: Number(tab.number || 0),\n      hide: tab.hide,\n    }\n  }).filter((tab) => !tab.hide))\n\n  function tabClick(tab, event) {\n    if (tab.name === props.modelValue) return;\n    emit('update:modelValue', tab.name);\n    emit('tab-click', tab, event);\n  }\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;mCA0BgB,CAAA;AAAA,EACZ,IAAM,EAAA,SAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;AAqBA,IAAA,MAAM,gBAAgB,QAAS,CAAA,MAAM,KAAM,CAAA,OAAA,CAAQ,IAAI,CAAS,KAAA,KAAA;AAC9D,MAAA,MAAM,GAAM,GAAA,KAAA,CAAA;AACZ,MAAO,OAAA;AAAA,QACL,GAAM,EAAA,GAAA,CAAI,IAAO,GAAA,GAAA,GAAM,GAAI,CAAA,MAAA;AAAA,QAC3B,GAAG,GAAA;AAAA,QACH,MAAQ,EAAA,MAAA,CAAO,GAAI,CAAA,MAAA,IAAU,CAAC,CAAA;AAAA,QAC9B,MAAM,GAAI,CAAA,IAAA;AAAA,OACZ,CAAA;AAAA,KACD,EAAE,MAAO,CAAA,CAAC,QAAQ,CAAC,GAAA,CAAI,IAAI,CAAC,CAAA,CAAA;AAE7B,IAAA,SAAA,QAAA,CAAkB,KAAK,KAAO,EAAA;AAC5B,MAAI,IAAA,GAAA,CAAI,SAAS,KAAM,CAAA,UAAA;AAAY,QAAA,OAAA;AACnC,MAAK,IAAA,CAAA,mBAAA,EAAqB,IAAI,IAAI,CAAA,CAAA;AAClC,MAAK,IAAA,CAAA,WAAA,EAAa,KAAK,KAAK,CAAA,CAAA;AAAA,KAC9B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/tab/src/index.vue.d.ts

@@ -0,0 +1,45 @@
+declare const _default: import("vue").DefineComponent<{
+    tabList: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    modelValue: {
+        type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
+    };
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        tabList: {
+            type: ArrayConstructor;
+            default: () => never[];
+        };
+        modelValue: {
+            type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        "onTab-click"?: ((...args: any[]) => any) | undefined;
+    }>>;
+    emit: (event: "update:modelValue" | "tab-click", ...args: any[]) => void;
+    customTabList: import("vue").ComputedRef<{
+        number: number;
+        hide: boolean;
+        name: string;
+        label: string;
+        key: string;
+    }[]>;
+    tabClick: (tab: any, event: any) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "tab-click")[], "update:modelValue" | "tab-click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    tabList: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    modelValue: {
+        type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onTab-click"?: ((...args: any[]) => any) | undefined;
+}, {
+    tabList: unknown[];
+}>;
+export default _default;

package/es/components/tab/style/css.d.ts

@@ -0,0 +1,2 @@
+import 'hzzt-plus/es/components/base/style/css';
+import 'hzzt-plus/theme/hzzt-tab.css';

package/es/{packages/components/title → components/tab}/style/css.mjs

@@ -1,3 +1,3 @@
 import '../../base/style/css.mjs';
-import 'hzzt-plus/theme/el-title.css';
+import 'hzzt-plus/theme/hzzt-tab.css';
 //# sourceMappingURL=css.mjs.map

package/es/components/tab/style/css.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/components/tab/style/index.d.ts

@@ -0,0 +1,2 @@
+import 'hzzt-plus/es/components/base/style';
+import 'hzzt-plus/theme/src/tab.scss';

package/es/components/tab/style/index.mjs

@@ -0,0 +1,3 @@
+import '../../base/style/index.mjs';
+import 'hzzt-plus/theme/src/tab.scss';
+//# sourceMappingURL=index.mjs.map

package/es/components/tab/style/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/components/title/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/title/index.ts"],"sourcesContent":["import { withInstall } from '@hzzt-plus/utils'\n\nimport Title from './src/index.vue';\n\nexport const HzztTitle = withInstall(Title);\nexport default HzztTitle\n"],"names":[],"mappings":";;;;AAEY,MAAC,SAAS,GAAG,WAAW,CAAC,KAAK;;;;"}

package/es/{packages/components → components}/title/src/index.mjs

@@ -1,5 +1,5 @@
 import { defineComponent, useSlots, computed, unref, openBlock, createElementBlock, createCommentVNode, renderSlot, createElementVNode, createTextVNode, toDisplayString } from 'vue';
-import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 
 const _hoisted_1 = {
   key: 0,

package/es/components/title/src/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/title/src/index.vue"],"sourcesContent":["<template>\n  <div v-if=\"showLabel\" class=\"hzzt-title flex align-items-center\">\n    <span v-if=\"sideline\" class=\"decorative-line\" />\n    <slot name=\"before\" />\n    <label class=\"label-name\">\n      <slot>{{ label }}</slot>\n    </label>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\n\n  import {computed, useSlots} from 'vue';\n\n  defineOptions({\n    name: 'HzztTitle',\n  });\n\n  const props = defineProps({\n    label: String,\n    sideline: {\n      type: Boolean,\n      default: true,\n    },\n  });\n\n  const slots = useSlots();\n\n  const showLabel = computed(() => props.label || slots?.default?.()?.[0]?.children);\n\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;mCAcgB,CAAA;AAAA,EACZ,IAAM,EAAA,WAAA;AACR,CAAA,CAAA,CAAA;;;;;;;;;;;;AAUA,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAEvB,IAAM,MAAA,SAAA,GAAY,SAAS,MAAM;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/title/style/css.d.ts

@@ -1,2 +1,2 @@
 import 'hzzt-plus/es/components/base/style/css';
-import 'hzzt-plus/theme/el-title.css';
+import 'hzzt-plus/theme/hzzt-title.css';

package/es/components/title/style/css.mjs

@@ -0,0 +1,3 @@
+import '../../base/style/css.mjs';
+import 'hzzt-plus/theme/hzzt-title.css';
+//# sourceMappingURL=css.mjs.map

package/es/components/title/style/css.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/components/title/style/index.mjs

@@ -0,0 +1,3 @@
+import '../../base/style/index.mjs';
+import 'hzzt-plus/theme/src/title.scss';
+//# sourceMappingURL=index.mjs.map

package/es/components/title/style/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/constants/aria.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"aria.mjs","sources":["../../../../packages/constants/aria.ts"],"sourcesContent":["export const EVENT_CODE = {\n  tab: 'Tab',\n  enter: 'Enter',\n  space: 'Space',\n  left: 'ArrowLeft', // 37\n  up: 'ArrowUp', // 38\n  right: 'ArrowRight', // 39\n  down: 'ArrowDown', // 40\n  esc: 'Escape',\n  delete: 'Delete',\n  backspace: 'Backspace',\n  numpadEnter: 'NumpadEnter',\n  pageUp: 'PageUp',\n  pageDown: 'PageDown',\n  home: 'Home',\n  end: 'End',\n}\n"],"names":[],"mappings":"AAAY,MAAC,UAAU,GAAG;AAC1B,EAAE,GAAG,EAAE,KAAK;AACZ,EAAE,KAAK,EAAE,OAAO;AAChB,EAAE,KAAK,EAAE,OAAO;AAChB,EAAE,IAAI,EAAE,WAAW;AACnB,EAAE,EAAE,EAAE,SAAS;AACf,EAAE,KAAK,EAAE,YAAY;AACrB,EAAE,IAAI,EAAE,WAAW;AACnB,EAAE,GAAG,EAAE,QAAQ;AACf,EAAE,MAAM,EAAE,QAAQ;AAClB,EAAE,SAAS,EAAE,WAAW;AACxB,EAAE,WAAW,EAAE,aAAa;AAC5B,EAAE,MAAM,EAAE,QAAQ;AAClB,EAAE,QAAQ,EAAE,UAAU;AACtB,EAAE,IAAI,EAAE,MAAM;AACd,EAAE,GAAG,EAAE,KAAK;AACZ;;;;"}

package/es/constants/date.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"date.mjs","sources":["../../../../packages/constants/date.ts"],"sourcesContent":["export const datePickTypes = [\n  'year',\n  'years',\n  'month',\n  'months',\n  'date',\n  'dates',\n  'week',\n  'datetime',\n  'datetimerange',\n  'daterange',\n  'monthrange',\n] as const\n\nexport const WEEK_DAYS = [\n  'sun',\n  'mon',\n  'tue',\n  'wed',\n  'thu',\n  'fri',\n  'sat',\n] as const\n\nexport type DatePickType = typeof datePickTypes[number]\n"],"names":[],"mappings":"AAAY,MAAC,aAAa,GAAG;AAC7B,EAAE,MAAM;AACR,EAAE,OAAO;AACT,EAAE,OAAO;AACT,EAAE,QAAQ;AACV,EAAE,MAAM;AACR,EAAE,OAAO;AACT,EAAE,MAAM;AACR,EAAE,UAAU;AACZ,EAAE,eAAe;AACjB,EAAE,WAAW;AACb,EAAE,YAAY;AACd,EAAE;AACU,MAAC,SAAS,GAAG;AACzB,EAAE,KAAK;AACP,EAAE,KAAK;AACP,EAAE,KAAK;AACP,EAAE,KAAK;AACP,EAAE,KAAK;AACP,EAAE,KAAK;AACP,EAAE,KAAK;AACP;;;;"}

package/es/constants/event.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"event.mjs","sources":["../../../../packages/constants/event.ts"],"sourcesContent":["export const UPDATE_MODEL_EVENT = 'update:modelValue'\nexport const CHANGE_EVENT = 'change'\nexport const INPUT_EVENT = 'input'\n"],"names":[],"mappings":"AAAY,MAAC,kBAAkB,GAAG,oBAAoB;AAC1C,MAAC,YAAY,GAAG,SAAS;AACzB,MAAC,WAAW,GAAG;;;;"}

package/es/constants/key.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"key.mjs","sources":["../../../../packages/constants/key.ts"],"sourcesContent":["export const INSTALLED_KEY = Symbol('INSTALLED_KEY')\n"],"names":[],"mappings":"AAAY,MAAC,aAAa,GAAG,MAAM,CAAC,eAAe;;;;"}

package/es/constants/size.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"size.mjs","sources":["../../../../packages/constants/size.ts"],"sourcesContent":["export const componentSizes = ['', 'default', 'small', 'large'] as const\n\nexport type ComponentSize = typeof componentSizes[number]\n\nexport const componentSizeMap = {\n  large: 40,\n  default: 32,\n  small: 24,\n} as const\n"],"names":[],"mappings":"AAAY,MAAC,cAAc,GAAG,CAAC,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE;AACpD,MAAC,gBAAgB,GAAG;AAChC,EAAE,KAAK,EAAE,EAAE;AACX,EAAE,OAAO,EAAE,EAAE;AACb,EAAE,KAAK,EAAE,EAAE;AACX;;;;"}

package/es/defaults.d.ts

@@ -1,5 +1,5 @@
 declare const _default: {
     version: string;
-    install: (app: import("vue").App<any>) => void;
+    install: (app: import("vue").App<any>, options?: Partial<import("./components").ConfigProviderProps> | undefined) => void;
 };
 export default _default;

package/es/directives/blur/index.d.ts

@@ -0,0 +1,3 @@
+import type { ObjectDirective } from 'vue';
+declare const Blur: ObjectDirective;
+export default Blur;

package/es/directives/blur/index.mjs

@@ -0,0 +1,10 @@
+const Blur = {
+  beforeMount(el) {
+    el.addEventListener("click", () => {
+      el.blur();
+    });
+  }
+};
+
+export { Blur as default };
+//# sourceMappingURL=index.mjs.map

package/es/directives/blur/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/directives/blur/index.ts"],"sourcesContent":["import type {\n    ObjectDirective,\n} from 'vue'\n\nconst Blur: ObjectDirective = {\n    // 只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。\n    beforeMount(el: HTMLElement) {\n        el.addEventListener('click', () => {\n            el.blur();\n        });\n    },\n};\n\nexport default Blur;\n"],"names":[],"mappings":"AAAK,MAAC,IAAI,GAAG;AACb,EAAE,WAAW,CAAC,EAAE,EAAE;AAClB,IAAI,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,MAAM;AACvC,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC;AAChB,KAAK,CAAC,CAAC;AACP,GAAG;AACH;;;;"}

package/es/directives/download/index.d.ts

@@ -0,0 +1,3 @@
+import type { ObjectDirective } from 'vue';
+declare const Download: ObjectDirective;
+export default Download;

package/es/directives/download/index.mjs

@@ -0,0 +1,21 @@
+let handler;
+const Download = {
+  mounted(el, binding) {
+    const { path, name = "download" } = binding.value || {};
+    handler = function(e) {
+      e.preventDefault();
+      const a = document.createElement("a");
+      a.href = path;
+      a.download = name;
+      a.click();
+      a.remove();
+    };
+    el.addEventListener("click", handler);
+  },
+  unmounted(el) {
+    el.removeEventListener("click", handler);
+  }
+};
+
+export { Download as default };
+//# sourceMappingURL=index.mjs.map

package/es/directives/download/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/directives/download/index.ts"],"sourcesContent":["import type {\n    DirectiveBinding,\n    ObjectDirective,\n} from 'vue'\n\nlet handler;\nconst Download: ObjectDirective = {\n    // 只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。\n    mounted(el: HTMLElement, binding: DirectiveBinding) {\n        const {path, name = 'download'} = binding.value || {};\n\n        handler = function (e) {\n            e.preventDefault();\n            const a = document.createElement('a');\n            a.href = path;\n            a.download = name;\n            a.click();\n            a.remove();\n        };\n        el.addEventListener('click', handler);\n    },\n    // 只调用一次，指令与元素解绑时调用。\n    unmounted(el: HTMLElement) {\n        el.removeEventListener('click', handler);\n    },\n};\n\nexport default Download;\n\n"],"names":[],"mappings":"AAAA,IAAI,OAAO,CAAC;AACP,MAAC,QAAQ,GAAG;AACjB,EAAE,OAAO,CAAC,EAAE,EAAE,OAAO,EAAE;AACvB,IAAI,MAAM,EAAE,IAAI,EAAE,IAAI,GAAG,UAAU,EAAE,GAAG,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC;AAC5D,IAAI,OAAO,GAAG,SAAS,CAAC,EAAE;AAC1B,MAAM,CAAC,CAAC,cAAc,EAAE,CAAC;AACzB,MAAM,MAAM,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;AAC5C,MAAM,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC;AACpB,MAAM,CAAC,CAAC,QAAQ,GAAG,IAAI,CAAC;AACxB,MAAM,CAAC,CAAC,KAAK,EAAE,CAAC;AAChB,MAAM,CAAC,CAAC,MAAM,EAAE,CAAC;AACjB,KAAK,CAAC;AACN,IAAI,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;AAC1C,GAAG;AACH,EAAE,SAAS,CAAC,EAAE,EAAE;AAChB,IAAI,EAAE,CAAC,mBAAmB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;AAC7C,GAAG;AACH;;;;"}

package/es/directives/height/index.d.ts

@@ -0,0 +1,3 @@
+import type { ObjectDirective } from 'vue';
+declare const Height: ObjectDirective;
+export default Height;

package/es/directives/height/index.mjs

@@ -0,0 +1,78 @@
+import '../../utils/index.mjs';
+import { isClient } from '@vueuse/core';
+import { isNumber } from '../../utils/types.mjs';
+import { isObject } from '@vue/shared';
+
+const nodeList = /* @__PURE__ */ new Map();
+if (isClient) {
+  window.addEventListener("resize", handler);
+  document.addEventListener("fullscreenchange", handler);
+}
+function handler() {
+  for (const handlers of nodeList.values()) {
+    for (const { documentHandler } of handlers) {
+      documentHandler();
+    }
+  }
+}
+const Height = {
+  mounted(el, binding) {
+    if (!nodeList.has(el)) {
+      nodeList.set(el, []);
+    }
+    nodeList.get(el).push({
+      documentHandler: createDocumentHandler(el, binding),
+      bindingFn: binding.value
+    });
+  },
+  updated(el, binding) {
+    if (!nodeList.has(el)) {
+      nodeList.set(el, []);
+    }
+    const handlers = nodeList.get(el);
+    const oldHandlerIndex = handlers.findIndex((item) => item.bindingFn === binding.oldValue);
+    const newHandler = {
+      documentHandler: createDocumentHandler(el, binding),
+      bindingFn: binding.value
+    };
+    if (oldHandlerIndex >= 0) {
+      handlers.splice(oldHandlerIndex, 1, newHandler);
+    } else {
+      handlers.push(newHandler);
+    }
+  },
+  unmounted(el) {
+    nodeList.delete(el);
+  }
+};
+function createDocumentHandler(el, binding) {
+  const { element, distY, type } = getEffectiveValue(el, binding.value);
+  const cssProp = type ? type + "Height" : "height";
+  el.style[cssProp] = element.clientHeight + distY + "px";
+  return function() {
+    el.style[cssProp] = element.clientHeight + distY + "px";
+  };
+}
+function getEffectiveValue(el, val) {
+  let element = el.parentElement;
+  let distY = 0;
+  let type = "";
+  if (!val) {
+    element = el.parentElement;
+    distY = 0;
+  } else if (val instanceof HTMLElement) {
+    element = val;
+    distY = 0;
+  } else if (isNumber(val)) {
+    element = el.parentElement;
+    distY = val;
+  } else if (isObject(val)) {
+    element = (val == null ? void 0 : val.el) || el.parentElement;
+    distY = (val == null ? void 0 : val.distY) || 0;
+    type = (val == null ? void 0 : val.type) || "";
+  }
+  return { element, distY, type };
+}
+
+export { Height as default };
+//# sourceMappingURL=index.mjs.map

package/es/directives/height/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/directives/height/index.ts"],"sourcesContent":["import {isClient, isNumber, isObject} from '@hzzt-plus/utils'\n\nimport type {\n    DirectiveBinding,\n    ObjectDirective,\n} from 'vue'\n\ntype DocumentHandler = <T>() => void\ntype FlushList = Map<\n    HTMLElement,\n    {\n        documentHandler: DocumentHandler\n        bindingFn: (...args: unknown[]) => unknown\n    }[]\n>\n\nconst nodeList: FlushList = new Map();\n\nif (isClient) {\n    window.addEventListener('resize', handler);\n    document.addEventListener('fullscreenchange', handler);\n}\n\nfunction handler() {\n    for (const handlers of nodeList.values()) {\n        for (const {documentHandler} of handlers) {\n            documentHandler()\n        }\n    }\n}\n\n// v-height\n// 默认高度为当前元素的父元素高度\n\n// v-height = el\n// 当前元素的高度设置为el的高度\n\n// v-height = 60\n// 当前元素的高度设置为父元素高度+60px\n\n// v-height = {el: el, distY: 60}\n// 当前元素的高度设置为el的高度+60px\nconst Height: ObjectDirective = {\n    // 当被绑定的元素插入到 DOM 中时……\n    mounted(el: HTMLElement, binding: DirectiveBinding) {\n        if (!nodeList.has(el)) {\n            nodeList.set(el, []);\n        }\n        nodeList.get(el)!.push({\n            documentHandler: createDocumentHandler(el, binding),\n            bindingFn: binding.value,\n        })\n    },\n    updated(el: HTMLElement, binding: DirectiveBinding) {\n        if (!nodeList.has(el)) {\n            nodeList.set(el, []);\n        }\n        const handlers = nodeList.get(el)!\n        const oldHandlerIndex = handlers.findIndex(\n            (item) => item.bindingFn === binding.oldValue\n        )\n        const newHandler = {\n            documentHandler: createDocumentHandler(el, binding),\n            bindingFn: binding.value,\n        }\n\n        if (oldHandlerIndex >= 0) {\n            // replace the old handler to the new handler\n            handlers.splice(oldHandlerIndex, 1, newHandler)\n        } else {\n            handlers.push(newHandler)\n        }\n    },\n    // 只调用一次，指令与元素解绑时调用。\n    unmounted(el: HTMLElement) {\n        nodeList.delete(el);\n    },\n};\n\nfunction createDocumentHandler(el: HTMLElement, binding: DirectiveBinding) {\n    const {element, distY, type} = getEffectiveValue(el, binding.value);\n    const cssProp = type ? (type + 'Height') : 'height';\n    el.style[cssProp] = element.clientHeight + distY + 'px';\n    return function () {\n        el.style[cssProp] = element.clientHeight + distY + 'px';\n    }\n}\n\nfunction getEffectiveValue(el, val) {\n    let element = el.parentElement;\n    let distY = 0;\n    let type = '';\n    if (!val) {\n        element = el.parentElement;\n        distY = 0;\n    } else if (val instanceof HTMLElement) {\n        element = val;\n        distY = 0;\n    } else if (isNumber(val)) {\n        element = el.parentElement;\n        distY = val;\n    } else if (isObject(val)) {\n        element = val?.el || el.parentElement;\n        distY = val?.distY || 0;\n        type = val?.type || '';\n    }\n    return {element, distY, type};\n}\n\nexport default Height;\n\n"],"names":[],"mappings":"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"}

package/es/directives/highlight/index.d.ts

@@ -0,0 +1,3 @@
+import type { ObjectDirective } from "vue";
+declare const Highlight: ObjectDirective;
+export default Highlight;

package/es/directives/highlight/index.mjs

@@ -0,0 +1,30 @@
+const Highlight = {
+  beforeMount: handle,
+  updated: handle
+};
+function handle(el, binding) {
+  const { form = false } = binding.modifiers;
+  const { color = "#ff0000", fontSize = "16px", show = true } = binding.value || {};
+  el.style.color = show ? color : "";
+  el.style.fontSize = show ? fontSize : "";
+  if (form) {
+    setCssText(el, show, "--el-text-color-regular", color);
+    setCssText(el, show, "--font-size", fontSize);
+  }
+}
+function setCssText(el, show, prop, value) {
+  let cssText = el.style.cssText;
+  if (show) {
+    let cssText2 = el.style.cssText;
+    if (!~cssText2.indexOf(prop)) {
+      cssText2 = `${cssText2};${prop}: ${value}`;
+    }
+    el.style.cssText = cssText2;
+  } else {
+    cssText = cssText.replace(`${prop}: ${value};`, "");
+    el.style.cssText = cssText;
+  }
+}
+
+export { Highlight as default };
+//# sourceMappingURL=index.mjs.map

package/es/directives/highlight/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/directives/highlight/index.ts"],"sourcesContent":["import type {DirectiveBinding, ObjectDirective} from \"vue\";\n\nconst Highlight: ObjectDirective = {\n    // 只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。\n    beforeMount: handle,\n    updated: handle,\n};\n\nfunction handle(el: HTMLElement, binding: DirectiveBinding) {\n    const {form = false} = binding.modifiers;\n    const {color = '#ff0000', fontSize = '16px', show = true} = binding.value || {};\n    el.style.color = show ? color : '';\n    el.style.fontSize = show ? fontSize : '';\n    if (form) {\n        setCssText(el, show, '--el-text-color-regular', color);\n        setCssText(el, show, '--font-size', fontSize);\n    }\n}\n\nfunction setCssText(el: HTMLElement, show: boolean, prop: string, value: string) {\n    let cssText = el.style.cssText;\n    if (show) {\n        let cssText = el.style.cssText;\n        if (!~cssText.indexOf(prop)) {\n            cssText = `${cssText};${prop}: ${value}`;\n        }\n        el.style.cssText = cssText;\n    } else {\n        cssText = cssText.replace(`${prop}: ${value};`, '');\n        el.style.cssText = cssText;\n    }\n}\n\nexport default Highlight;\n\n"],"names":[],"mappings":"AAAK,MAAC,SAAS,GAAG;AAClB,EAAE,WAAW,EAAE,MAAM;AACrB,EAAE,OAAO,EAAE,MAAM;AACjB,EAAE;AACF,SAAS,MAAM,CAAC,EAAE,EAAE,OAAO,EAAE;AAC7B,EAAE,MAAM,EAAE,IAAI,GAAG,KAAK,EAAE,GAAG,OAAO,CAAC,SAAS,CAAC;AAC7C,EAAE,MAAM,EAAE,KAAK,GAAG,SAAS,EAAE,QAAQ,GAAG,MAAM,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC;AACpF,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,GAAG,KAAK,GAAG,EAAE,CAAC;AACrC,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,GAAG,IAAI,GAAG,QAAQ,GAAG,EAAE,CAAC;AAC3C,EAAE,IAAI,IAAI,EAAE;AACZ,IAAI,UAAU,CAAC,EAAE,EAAE,IAAI,EAAE,yBAAyB,EAAE,KAAK,CAAC,CAAC;AAC3D,IAAI,UAAU,CAAC,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,CAAC,CAAC;AAClD,GAAG;AACH,CAAC;AACD,SAAS,UAAU,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE;AAC3C,EAAE,IAAI,OAAO,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC;AACjC,EAAE,IAAI,IAAI,EAAE;AACZ,IAAI,IAAI,QAAQ,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC;AACpC,IAAI,IAAI,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;AAClC,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC;AACjD,KAAK;AACL,IAAI,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,QAAQ,CAAC;AAChC,GAAG,MAAM;AACT,IAAI,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;AACxD,IAAI,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;AAC/B,GAAG;AACH;;;;"}

package/es/directives/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Download } from './download';
+export { default as Height } from './height';
+export { default as Blur } from './blur';
+export { default as Highlight } from './highlight';

package/es/directives/index.mjs

@@ -0,0 +1,5 @@
+export { default as Download } from './download/index.mjs';
+export { default as Height } from './height/index.mjs';
+export { default as Blur } from './blur/index.mjs';
+export { default as Highlight } from './highlight/index.mjs';
+//# sourceMappingURL=index.mjs.map

package/es/directives/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/es/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './use-locale';
+export * from './use-size';

package/es/hooks/index.mjs

@@ -0,0 +1,3 @@
+export { buildLocaleContext, buildTranslator, localeContextKey, translate, useLocale } from './use-locale/index.mjs';
+export { SIZE_INJECTION_KEY, useGlobalSize, useSizeProp, useSizeProps } from './use-size/index.mjs';
+//# sourceMappingURL=index.mjs.map

package/es/hooks/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/hooks/use-locale/index.d.ts

@@ -0,0 +1,15 @@
+import type { MaybeRef } from '@vueuse/core';
+import type { InjectionKey, Ref } from 'vue';
+import type { Language } from 'hzzt-plus/es/locale';
+export declare type TranslatorOption = Record<string, string | number>;
+export declare type Translator = (path: string, option?: TranslatorOption) => string;
+export declare type LocaleContext = {
+    locale: Ref<Language>;
+    lang: Ref<string>;
+    t: Translator;
+};
+export declare const buildTranslator: (locale: MaybeRef<Language>) => Translator;
+export declare const translate: (path: string, option: undefined | TranslatorOption, locale: Language) => string;
+export declare const buildLocaleContext: (locale: MaybeRef<Language>) => LocaleContext;
+export declare const localeContextKey: InjectionKey<Ref<Language | undefined>>;
+export declare const useLocale: (localeOverrides?: Ref<Language | undefined> | undefined) => LocaleContext;

package/es/hooks/use-locale/index.mjs

@@ -0,0 +1,26 @@
+import { unref, computed, isRef, ref, inject } from 'vue';
+import { get } from 'lodash-unified';
+import English from '../../locale/lang/en.mjs';
+
+const buildTranslator = (locale) => (path, option) => translate(path, option, unref(locale));
+const translate = (path, option, locale) => get(locale, path, path).replace(/\{(\w+)\}/g, (_, key) => {
+  var _a;
+  return `${(_a = option == null ? void 0 : option[key]) != null ? _a : `{${key}}`}`;
+});
+const buildLocaleContext = (locale) => {
+  const lang = computed(() => unref(locale).name);
+  const localeRef = isRef(locale) ? locale : ref(locale);
+  return {
+    lang,
+    locale: localeRef,
+    t: buildTranslator(locale)
+  };
+};
+const localeContextKey = Symbol("localeContextKey");
+const useLocale = (localeOverrides) => {
+  const locale = localeOverrides || inject(localeContextKey, ref());
+  return buildLocaleContext(computed(() => locale.value || English));
+};
+
+export { buildLocaleContext, buildTranslator, localeContextKey, translate, useLocale };
+//# sourceMappingURL=index.mjs.map

package/es/hooks/use-locale/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-locale/index.ts"],"sourcesContent":["import { computed, inject, isRef, ref, unref } from 'vue'\nimport { get } from 'lodash-unified'\nimport English from '@hzzt-plus/locale/lang/en'\n\nimport type { MaybeRef } from '@vueuse/core'\nimport type { InjectionKey, Ref } from 'vue'\nimport type { Language } from '@hzzt-plus/locale'\n\nexport type TranslatorOption = Record<string, string | number>\nexport type Translator = (path: string, option?: TranslatorOption) => string\nexport type LocaleContext = {\n  locale: Ref<Language>\n  lang: Ref<string>\n  t: Translator\n}\n\nexport const buildTranslator =\n  (locale: MaybeRef<Language>): Translator =>\n  (path, option) =>\n    translate(path, option, unref(locale))\n\nexport const translate = (\n  path: string,\n  option: undefined | TranslatorOption,\n  locale: Language\n): string =>\n  (get(locale, path, path) as string).replace(\n    /\\{(\\w+)\\}/g,\n    (_, key) => `${option?.[key] ?? `{${key}}`}`\n  )\n\nexport const buildLocaleContext = (\n  locale: MaybeRef<Language>\n): LocaleContext => {\n  const lang = computed(() => unref(locale).name)\n  const localeRef = isRef(locale) ? locale : ref(locale)\n  return {\n    lang,\n    locale: localeRef,\n    t: buildTranslator(locale),\n  }\n}\n\nexport const localeContextKey: InjectionKey<Ref<Language | undefined>> =\n  Symbol('localeContextKey')\n\nexport const useLocale = (localeOverrides?: Ref<Language | undefined>) => {\n  const locale = localeOverrides || inject(localeContextKey, ref())!\n  return buildLocaleContext(computed(() => locale.value || English))\n}\n"],"names":[],"mappings":";;;;AAGY,MAAC,eAAe,GAAG,CAAC,MAAM,KAAK,CAAC,IAAI,EAAE,MAAM,KAAK,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE;AACxF,MAAC,SAAS,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,KAAK,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,OAAO,CAAC,YAAY,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK;AAC7G,EAAE,IAAI,EAAE,CAAC;AACT,EAAE,OAAO,CAAC,EAAE,CAAC,EAAE,GAAG,MAAM,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,KAAK,IAAI,GAAG,EAAE,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACrF,CAAC,EAAE;AACS,MAAC,kBAAkB,GAAG,CAAC,MAAM,KAAK;AAC9C,EAAE,MAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC;AAClD,EAAE,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC;AACzD,EAAE,OAAO;AACT,IAAI,IAAI;AACR,IAAI,MAAM,EAAE,SAAS;AACrB,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC;AAC9B,GAAG,CAAC;AACJ,EAAE;AACU,MAAC,gBAAgB,GAAG,MAAM,CAAC,kBAAkB,EAAE;AAC/C,MAAC,SAAS,GAAG,CAAC,eAAe,KAAK;AAC9C,EAAE,MAAM,MAAM,GAAG,eAAe,IAAI,MAAM,CAAC,gBAAgB,EAAE,GAAG,EAAE,CAAC,CAAC;AACpE,EAAE,OAAO,kBAAkB,CAAC,QAAQ,CAAC,MAAM,MAAM,CAAC,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC;AACrE;;;;"}

package/es/hooks/use-size/index.d.ts

@@ -0,0 +1,21 @@
+import type { InjectionKey, Ref } from 'vue';
+import type { ComponentSize } from 'hzzt-plus/es/constants';
+export declare const useSizeProp: {
+    readonly type: import("vue").PropType<import("hzzt-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+    readonly required: false;
+    readonly validator: ((val: unknown) => boolean) | undefined;
+    __epPropKey: true;
+};
+export declare const useSizeProps: {
+    size: {
+        readonly type: import("vue").PropType<import("hzzt-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+};
+export interface SizeContext {
+    size: Ref<ComponentSize>;
+}
+export declare const SIZE_INJECTION_KEY: InjectionKey<SizeContext>;
+export declare const useGlobalSize: () => import("vue").ComputedRef<"" | "default" | "small" | "large">;

package/es/hooks/use-size/index.mjs

@@ -0,0 +1,24 @@
+import { inject, computed, unref } from 'vue';
+import '../../utils/index.mjs';
+import '../../constants/index.mjs';
+import { buildProp } from '../../utils/vue/props/runtime.mjs';
+import { componentSizes } from '../../constants/size.mjs';
+
+const useSizeProp = buildProp({
+  type: String,
+  values: componentSizes,
+  required: false
+});
+const useSizeProps = {
+  size: useSizeProp
+};
+const SIZE_INJECTION_KEY = Symbol("size");
+const useGlobalSize = () => {
+  const injectedSize = inject(SIZE_INJECTION_KEY, {});
+  return computed(() => {
+    return unref(injectedSize.size) || "";
+  });
+};
+
+export { SIZE_INJECTION_KEY, useGlobalSize, useSizeProp, useSizeProps };
+//# sourceMappingURL=index.mjs.map

package/es/hooks/use-size/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-size/index.ts"],"sourcesContent":["import { computed, inject, unref } from 'vue'\nimport { buildProp } from '@hzzt-plus/utils'\nimport { componentSizes } from '@hzzt-plus/constants'\n\nimport type { InjectionKey, Ref } from 'vue'\nimport type { ComponentSize } from '@hzzt-plus/constants'\n\nexport const useSizeProp = buildProp({\n  type: String,\n  values: componentSizes,\n  required: false,\n} as const)\n\nexport const useSizeProps = {\n  size: useSizeProp,\n}\n\nexport interface SizeContext {\n  size: Ref<ComponentSize>\n}\n\nexport const SIZE_INJECTION_KEY: InjectionKey<SizeContext> = Symbol('size')\n\nexport const useGlobalSize = () => {\n  const injectedSize = inject(SIZE_INJECTION_KEY, {} as SizeContext)\n\n  return computed<ComponentSize>(() => {\n    return unref(injectedSize.size) || ''\n  })\n}\n"],"names":[],"mappings":";;;;;;AAGY,MAAC,WAAW,GAAG,SAAS,CAAC;AACrC,EAAE,IAAI,EAAE,MAAM;AACd,EAAE,MAAM,EAAE,cAAc;AACxB,EAAE,QAAQ,EAAE,KAAK;AACjB,CAAC,EAAE;AACS,MAAC,YAAY,GAAG;AAC5B,EAAE,IAAI,EAAE,WAAW;AACnB,EAAE;AACU,MAAC,kBAAkB,GAAG,MAAM,CAAC,MAAM,EAAE;AACrC,MAAC,aAAa,GAAG,MAAM;AACnC,EAAE,MAAM,YAAY,GAAG,MAAM,CAAC,kBAAkB,EAAE,EAAE,CAAC,CAAC;AACtD,EAAE,OAAO,QAAQ,CAAC,MAAM;AACxB,IAAI,OAAO,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;AAC1C,GAAG,CAAC,CAAC;AACL;;;;"}